@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';
  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: bold;
  font-style: normal; }

@font-face {
  font-family: 'Knowledge';
  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: 300;
  font-style: normal; }

* {
  outline: none !important; }

body {
  margin: 0;
  font-family: Arial;
  font-size: 14px;
  font-family: 'Knowledge';}

img {
  max-width: 100%; }

.no-padding {
  padding: 0; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px; }

.img-center {
  display: block;
  margin: 0 auto; }

.slick-dots {
  width: auto;
  right: 0;
  bottom: -40px; }
  .slick-dots li button {
    border-radius: 50%;
    background: #41abe5;
    height: 15px;
    width: 15px; }
    .slick-dots li button:before {
      width: 15px;
      height: 15px;
      line-height: 16px;
      color: #41abe5;
      opacity: 1; }
  .slick-dots li.slick-active button:before {
    color: #fff; }

.toggle-menu {
  float: right;
  position: relative;
  right: 0;
  bottom: -30px;
  background-color: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  padding: 10px;
  width: 50px;
  display: none; }
  .toggle-menu:hover .bar {
    background-color: #fdaa59; }
  .toggle-menu .bar {
    background-color: #fd9026;
    border-radius: 3px;
    display: block;
    height: 2px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    transition: opacity .2s, transform .2s; }
    .toggle-menu .bar + .bar {
      margin-top: 5px; }
  .toggle-menu.active .bar:nth-child(2) {
    opacity: 0; }
  .toggle-menu.active .bar:first-child {
    top: 10px;
    transform: rotate(45deg); }
  .toggle-menu.active .bar:last-child {
    bottom: 5px;
    transform: rotate(-45deg); }

nav {
  padding: 2em 0; }
  nav .brand {
    transition: .3s; }
  nav .second-brand {
    float: right; }
  nav #collapse {
    width: 100%; }
    nav #collapse ul {
      border-bottom: 1px solid #cdcdcc;
      padding: 0;
      padding-bottom: 15px;
      list-style: none; }
      nav #collapse ul li {
        display: inline-block;
        margin-right: 20px; }
        nav #collapse ul li a {
          color: #969696;
          text-decoration: none; }
          nav #collapse ul li a:hover, nav #collapse ul li a:focus {
            color: #f48831; }

#contato {
  margin-top: -20px; }
  #contato p {
    float: right;
    color: #969696; }
  #contato span {
    font-weight: bold;
    color: #f48831; }

#banner .carousel {
  max-width: 1100px;
  clear: both; }
  #banner .carousel .banner1 {
    background: url("bg-banner1.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 5em 0;
    max-width: 1100px;
    width: 100%; }
    #banner .carousel .banner1 .banner1-text {
      margin-right: 50px;
      margin-left: 50px; }
    #banner .carousel .banner1 h1 {
      font-weight: 300;
      color: #f48831;
      text-transform: uppercase;
      font-size: 30px; }
      #banner .carousel .banner1 h1 span {
        color: #969696; }
    #banner .carousel .banner1 p {
      color: #fff;
      font-weight: 300;
      font-size: 20px; }
      #banner .carousel .banner1 p span {
        font-weight: bold; }
    #banner .carousel .banner1 button {
      font-weight: bold;
      color: #f48831;
      background: #666666;
      border: none;
      font-size: 15px;
      border-radius: 5px;
      padding: 5px 10px;
      cursor: pointer; }

#icons {
  padding: 2em 0; }
  #icons article {
    width: 20%; }
  #icons button.icon {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    width: 100%;
    border-bottom: 10px solid transparent;
    opacity: .4;
    transition: .4s; }
    #icons button.icon:hover, #icons button.icon:focus {
      opacity: 1; }
    #icons button.icon p {
      color: #969696;
      text-transform: uppercase;
      font-size: 16px; }
      #icons button.icon p span {
        font-weight: bold; }
    #icons button.icon.checkpoint {
      border-color: #fd9026; }
      #icons button.icon.checkpoint img:nth-child(2) {
        margin: 11px auto; }
    #icons button.icon.decisoes {
      border-color: #255d77; }
    #icons button.icon.comex {
      border-color: #296726; }
      #icons button.icon.comex span {
        color: #296726; }
    #icons button.icon.setorial {
      border-color: #4f2155; }
    #icons button.icon.iss {
      border-color: #a21935; }

#mapa {
  padding: 2em 0;
  background: #f4f4f4; }
  #mapa h2 {
    font-weight: normal;
    color: #969696; }
  #mapa ul {
    padding: 0;
    list-style: none; }
    #mapa ul li a {
      text-decoration: none;
      color: #969696;
      /*font-weight: 300;*/ 
	  font-weight: normal;
	  }
      #mapa ul li a:hover {
        color: #7d7d7d;
        text-decoration: underline; }
  #mapa .grid:nth-child(2) {
    margin-top: -80px; }

footer {
  padding: 5px 0;
  background: #e5e5e5; }
  footer p {
    display: inline;
    font-size: 11px;
    color: #969696;
    text-align: center;
    position: relative;
    top: -10px;
    margin-right: 10px; }

@media (max-width: 1024px) {
  nav .second-brand {
    position: absolute;
    right: 0; }
  #mapa .grid:nth-child(2) {
    margin-top: 0; } }

@media (max-width: 767px) {
  body {
    margin-top: 70px; }
  .toggle-menu {
    display: block; }
  .slick-dots {
    width: 100%;
    right: auto; }
  nav {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #cdcdcc; }
    nav .brand {
      max-width: 300px;
      margin-top: 5px; }
    nav .second-brand {
      display: none; }
    nav .toggle-menu {
      top: 10px;
      right: -10px; }
    nav #collapse {
      position: absolute;
      background: #fff;
      top: 51px;
      left: -100%;
      z-index: 1;
      transition: .5s;
      opacity: 0; }
      nav #collapse.show {
        left: 0;
        opacity: 1; }
      nav #collapse ul {
        border: none; }
        nav #collapse ul li {
          display: block;
          text-align: center;
          padding: 8px 0; }
          nav #collapse ul li a {
            color: #fd9026;
            text-transform: uppercase;
            font-size: 15px; }
            nav #collapse ul li a:hover, nav #collapse ul li a:focus {
              color: #969696; }
  #banner .carousel .banner1 .banner1-text {
    margin: 20px; }
  #banner .carousel .banner1 h1 {
    font-size: 22px; }
  #banner .carousel .banner1 p {
    font-size: 16px; }
  #contato {
    padding: 1em; }
    #contato p {
      float: none;
      text-align: center; }
  #icons article {
    width: 50%; }
  #mapa .col {
    width: 50%; }
  footer p {
    display: block;
    font-size: 11px;
    text-align: center;
    position: relative;
    top: -10px;
    margin-right: 10px; }
  footer img {
    display: block;
    margin: 0 auto; } }

@media (max-width: 425px) {
  nav .brand {
    max-width: 220px;
    margin-top: 10px; }
  #banner .carousel .banner1 .banner1-text {
    margin: 10px; }
  #banner .carousel .banner1 h1 {
    font-size: 20px; }
  #banner .carousel .banner1 p {
    font-size: 14px; }
  #mapa {
    text-align: center; }
    #mapa .col {
      width: 100%; } }