@font-face {
  font-family: 'Knowledge';
  src: url("../fonts/Knowledge-Regular.eot");
  src: url("../fonts/Knowledge-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Knowledge-Regular.woff2") format("woff2"), url("../fonts/Knowledge-Regular.woff") format("woff"), url("../fonts/Knowledge-Regular.ttf") format("truetype"), url("../fonts/Knowledge-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Knowledge-Bold';
  src: url("../fonts/Knowledge-Bold.eot");
  src: url("../fonts/Knowledge-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Knowledge-Bold.woff2") format("woff2"), url("../fonts/Knowledge-Bold.woff") format("woff"), url("../fonts/Knowledge-Bold.ttf") format("truetype"), url("../fonts/Knowledge-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Knowledge-Light';
  src: url("../fonts/Knowledge-Light.eot");
  src: url("../fonts/Knowledge-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Knowledge-Light.woff2") format("woff2"), url("../fonts/Knowledge-Light.woff") format("woff"), url("../fonts/Knowledge-Light.ttf") format("truetype"), url("../fonts/Knowledge-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

* {
  outline: none !important; }

section,
footer {
  padding: 2em 0; }

h1, h2 {
  font-family: 'Knowledge-Bold';
  color: #808285; }

p {
  font-size: 16px;
  color: #808285;
  font-family: 'Knowledge-Light'; }
  p span {
    font-family: 'Knowledge-Bold'; }

.orange {
  color: #f99d1c;
  font-family: 'Knowledge'; }

.white {
  color: #fff; }

.btn-default {
  font-family: 'Knowledge-Bold';
  text-transform: uppercase;
  color: #fff; }
  .btn-default:hover, .btn-default:focus, .btn-default:active {
    color: #fff; }

body {
  margin: 0;
  padding: 0; }

#main-banner {
  background: url("main-banner.jpg") no-repeat;
  background-position: center center;
  background-size: cover; }
  #main-banner .top-bar {
    border-bottom: 1px solid #fff;
    padding: 1em 0; }
  #main-banner .rounded-text {
    margin: 6em 0;
    background: #f99d1c;
    max-width: 250px;
    height: 250px;
    border-radius: 50%;
    padding-top: 65px;
    padding-left: 25px; }
    #main-banner .rounded-text:after {
      content: '';
      position: absolute;
      width: 30px;
      height: 250px;
      left: 245px;
      top: 6em;
      background: #f99d1c; }
    #main-banner .rounded-text p {
      font-size: 20px;
      font-weight: lighter span;
        font-weight-text-transform: uppercase; }

#information {
  background: #f4f4f4; }
  #information p {
    margin-top: 20px; }

#content {
  margin-top: 3em; }
  #content .no-padding {
    padding: 0; }
  #content article {
    margin: 3em 0;
    min-height: 620px; }
    #content article img {
      margin-bottom: 2em; }
    #content article .btn-default {
      background: #febc13;
      background: -moz-linear-gradient(top, #febc13 0%, #f9a628 100%);
      background: -webkit-linear-gradient(top, #febc13 0%, #f9a628 100%);
      background: linear-gradient(to bottom, #febc13 0%, #f9a628 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febc13', endColorstr='#f9a628',GradientType=0 );
      font-size: 13px;
      padding: 10px 20px;
      width: 100%;
      position: absolute;
      bottom: 0; }
  #content .onesource {
    margin-right: 10px; }
    #content .onesource img {
      max-width: 250px; }
    #content .onesource .title {
      font-size: 18px;
      margin-bottom: 22px;
      text-transform: inherit; }
    #content .onesource h2 {
      text-transform: uppercase;
      font-size: 16px;
      margin-bottom: 0; }
  #content .comexdata {
    margin-left: 10px; }
    #content .comexdata h2 {
      font-size: 16px;
      margin: 1.9em 0; }
  #content .download {
    border: 1px solid #dfdfdf; }
    #content .download .box {
      margin: 30px 0;
      padding: 0 1em; }
    #content .download .image {
      height: 180px;
      background: #f4f4f4; }
      #content .download .image.evento {
        background: url("evento.jpg") no-repeat;
        background-position: center center;
        background-size: cover; }
      #content .download .image.ebook1 {
        background: url("white-paper.jpg") no-repeat;
        background-position: center center;
        background-size: cover; }
      #content .download .image.ebook2 {
        background: url("e-book.jpg") no-repeat;
        background-position: center center;
        background-size: cover; }
    #content .download h3 {
      font-size: 16px;
      color: #808285; }
    #content .download .btn-default {
      background: #33aa55;
      font-size: 18px;
      padding: 10px 25px; }
    #content .download .ebook .image {
      max-width: 190px; }

footer {
  border-top: 10px solid #f4f4f4; }
  footer img {
    float: right; }

@media (max-width: 1200px) {
  #content article {
    min-height: 700px; }
  #content .download .box {
    padding: 0; } }

@media (max-width: 990px) {
  #main-banner .top-bar img {
    width: 90%; }
  #main-banner .comexdata {
    margin-top: -5px; }
  #information p {
    margin-top: 0; }
  #content .comexdata {
    margin-left: 0; }
  #content article {
    min-height: 600px; }
  #content .download {
    margin-top: 40px; }
  footer img {
    float: none;
    display: block;
    margin: 0 auto; } }

@media (max-width: 767px) {
  #main-banner {
    padding-top: 0; }
    #main-banner .top-bar {
      padding-top: 0 !important; }
      #main-banner .top-bar img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        margin-top: 10px; }
    #main-banner .rounded-text {
      margin-left: 0px; }
      #main-banner .rounded-text:after {
        left: 250px; }
  #information img {
    max-width: 20px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px; }
  #content article {
    min-height: inherit; }
    #content article .btn-default {
      position: inherit; }
  #content .onesource {
    margin-right: 0; }
  #content .download {
    max-width: 457px;
    margin: 0 auto; }
    #content .download .image {
      margin: 0 !important; }
    #content .download h3 {
      margin-top: 15px; } }

@media (max-width: 425px) {
  .download .ebook {
    width: 100%;
    margin: 10px 0; } }