@charset "UTF-8";
/* 100 -> Thin  ; 200 -> ExtraLight  ;  300 -> Light  ;  400 -> Regular  ;  500 -> Medium  ;  600  -> SemiBold  ;  700  -> Bold  ;  800  -> ExtraBold  ;  900  -> Black */
@font-face {
  font-family: 'basis';
  src: url("../fonts/basisgrotesquepromono-regular-webfont.woff2") format("woff2"), url("../fonts/basisgrotesquepromono-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'basis';
  src: url("../fonts/basisgrotesquepromono-bold-webfont.woff2") format("woff2"), url("../fonts/basisgrotesquepromono-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
.d-flex {
  display: flex; }

.show-in-768 {
  display: none; }

.hide-in-768 {
  display: block; }

@media only screen and (min-width: 769px) {
  .mt50-negative {
    margin-top: -50px; }

  .mt100-negative {
    margin-top: -100px; }

  .mt150-negative {
    margin-top: -150px; }

  /* MARGINS */
  .mr0 {
    margin-right: 0 !important; }

  .mr5 {
    margin-right: 5px !important; }

  .mr10 {
    margin-right: 10px; }

  .mr15 {
    margin-right: 15px; }

  .mr20 {
    margin-right: 20px; }

  .mr30 {
    margin-right: 30px; }

  .mr40 {
    margin-right: 40px; }

  .mr50 {
    margin-right: 50px !important; }

  .mr60 {
    margin-right: 60px; }

  .mr70 {
    margin-right: 70px; }

  .mr80 {
    margin-right: 80px; }

  .mr90 {
    margin-right: 90px; }

  .ml0 {
    margin-left: 0px !important; }

  .ml5 {
    margin-left: 5px !important; }

  .ml10 {
    margin-left: 10px !important; }

  .ml15 {
    margin-left: 15px !important; }

  .ml20 {
    margin-left: 20px !important; }

  .ml30 {
    margin-left: 30px !important; }

  .ml40 {
    margin-left: 40px !important; }

  .ml50 {
    margin-left: 50px !important; }

  .ml60 {
    margin-left: 60px !important; }

  .ml70 {
    margin-left: 70px !important; }

  .ml80 {
    margin-left: 80px !important; }

  .ml90 {
    margin-left: 90px !important; }

  .ml95 {
    margin-left: 95px !important; }

  .ml100 {
    margin-left: 100px !important; }

  .ml110 {
    margin-left: 110px !important; }

  .mt0 {
    margin-top: 0px !important; }

  .mt5 {
    margin-top: 5px !important; }

  .mt10 {
    margin-top: 10px !important; }

  .mt15 {
    margin-top: 15px !important; }

  .mt17 {
    margin-top: 17px !important; }

  .mt20 {
    margin-top: 20px !important; }

  .mt25 {
    margin-top: 25px !important; }

  .mt30 {
    margin-top: 30px !important; }

  .mt40 {
    margin-top: 40px !important; }

  .mt50 {
    margin-top: 50px !important; }

  .mt60 {
    margin-top: 60px !important; }

  .mt70 {
    margin-top: 70px !important; }

  .mt80 {
    margin-top: 80px !important; }

  .mt90 {
    margin-top: 90px !important; }

  .mt100 {
    margin-top: 100px !important; }

  .mt110 {
    margin-top: 110px !important; }

  .mt115 {
    margin-top: 115px; }

  .mt120 {
    margin-top: 120px; }

  .mt130 {
    margin-top: 130px; }

  .mt140 {
    margin-top: 140px; }

  .mt145 {
    margin-top: 145px; }

  .mt150 {
    margin-top: 150px; }

  .mt160 {
    margin-top: 160px; }

  .mt170 {
    margin-top: 170px; }

  .mt180 {
    margin-top: 180px; }

  .mt190 {
    margin-top: 190px; }

  .mt200 {
    margin-top: 200px; }

  .mt210 {
    margin-top: 210px; }

  .mb0 {
    margin-bottom: 0px !important; }

  .mb5 {
    margin-bottom: 5px !important; }

  .mb10 {
    margin-bottom: 10px !important; }

  .mb20 {
    margin-bottom: 20px !important; }

  .mb30 {
    margin-bottom: 30px !important; }

  .mb40 {
    margin-bottom: 40px !important; }

  .mb50 {
    margin-bottom: 50px !important; }

  .mb60 {
    margin-bottom: 60px !important; }

  .mb70 {
    margin-bottom: 70px !important; }

  .mb80 {
    margin-bottom: 80px !important; }

  .mb90 {
    margin-bottom: 90px !important; }

  .mb100 {
    margin-bottom: 100px !important; }

  /* PADDINGS */
  .pd0 {
    padding: 0px; }

  .pd10 {
    padding: 10px; }

  .pd15 {
    padding: 15px; }

  .pd20 {
    padding: 20px; }

  .pd30 {
    padding: 30px; }

  .pd40 {
    padding: 40px; }

  .pd50 {
    padding: 50px; }

  .pl0 {
    padding-left: 0px !important; }

  .pl10 {
    padding-left: 10px !important; }

  .pl15 {
    padding-left: 15px !important; }

  .pl20 {
    padding-left: 20px !important; }

  .pl25 {
    padding-left: 25px !important; }

  .pl30 {
    padding-left: 30px !important; }

  .pl40 {
    padding-left: 40px !important; }

  .pl45 {
    padding-left: 45px !important; }

  .pl50 {
    padding-left: 50px !important; }

  .pl60 {
    padding-left: 60px !important; }

  .pl70 {
    padding-left: 70px !important; }

  .pl80 {
    padding-left: 80px !important; }

  .pl90 {
    padding-left: 90px !important; }

  .pl100 {
    padding-left: 100px !important; }

  .pl110 {
    padding-left: 110px !important; }

  .pl120 {
    padding-left: 120px !important; }

  .pl130 {
    padding-left: 130px !important; }

  .pl140 {
    padding-left: 140px !important; }

  .pl150 {
    padding-left: 150px !important; }

  .pr0 {
    padding-right: 0px !important; }

  .pr10 {
    padding-right: 10px !important; }

  .pr15 {
    padding-right: 15px !important; }

  .pr20 {
    padding-right: 20px !important; }

  .pr25 {
    padding-right: 25px !important; }

  .pr30 {
    padding-right: 30px !important; }

  .pr40 {
    padding-right: 40px !important; }

  .pr50 {
    padding-right: 50px !important; }

  .pr60 {
    padding-right: 60px !important; }

  .pr70 {
    padding-right: 70px !important; }

  .pr80 {
    padding-right: 80px !important; }

  .pr90 {
    padding-right: 90px !important; }

  .pr100 {
    padding-right: 100px !important; }

  .pr110 {
    padding-right: 110px !important; }

  .pr120 {
    padding-right: 120px !important; }

  .pr130 {
    padding-right: 130px !important; }

  .pr140 {
    padding-right: 140px !important; }

  .pr150 {
    padding-right: 150px !important; }

  .pr270 {
    padding-right: 270px !important; }

  .pb0 {
    padding-bottom: 0px !important; }

  .pb5 {
    padding-bottom: 5px !important; }

  .pb10 {
    padding-bottom: 10px !important; }

  .pb20 {
    padding-bottom: 20px !important; }

  .pb30 {
    padding-bottom: 30px !important; }

  .pb40 {
    padding-bottom: 40px !important; }

  .pb50 {
    padding-bottom: 50px !important; }

  .pb60 {
    padding-bottom: 60px !important; }

  .pb70 {
    padding-bottom: 70px !important; }

  .pb80 {
    padding-bottom: 80px !important; }

  .pb90 {
    padding-bottom: 90px !important; }

  .pb100 {
    padding-bottom: 100px !important; }

  .pt0 {
    padding-top: 0px !important; }

  .pt10 {
    padding-top: 10px !important; }

  .pt20 {
    padding-top: 20px !important; }

  .pt30 {
    padding-top: 30px !important; }

  .pt40 {
    padding-top: 40px !important; }

  .pt50 {
    padding-top: 50px !important; }

  .pt60 {
    padding-top: 60px !important; }

  .pt70 {
    padding-top: 70px !important; }

  .pt80 {
    padding-top: 80px !important; }

  .pt90 {
    padding-top: 90px !important; }

  .pt100 {
    padding-top: 100px !important; }

  .pt110 {
    padding-top: 110px !important; }

  .pt120 {
    padding-top: 120px !important; }

  .pt130 {
    padding-top: 130px !important; }

  .pt140 {
    padding-top: 140px !important; }

  .pt150 {
    padding-top: 150px !important; } }
@media only screen and (max-width: 768px) {
  .show-in-768 {
    display: block; }

  .hide-in-768 {
    display: none; }

  .mt0-mobile {
    margin-top: 0px !important; }

  .mt5-mobile {
    margin-top: 5px !important; }

  .mt10-mobile {
    margin-top: 10px !important; }

  .mt15-mobile {
    margin-top: 15px !important; }

  .mt17-mobile {
    margin-top: 17px !important; }

  .mt20-mobile {
    margin-top: 20px !important; }

  .mt25-mobile {
    margin-top: 25px !important; }

  .mt30-mobile {
    margin-top: 30px !important; }

  .mt40-mobile {
    margin-top: 40px !important; }

  .mt50-mobile {
    margin-top: 50px !important; }

  .mt60-mobile {
    margin-top: 60px !important; }

  .mt70-mobile {
    margin-top: 70px !important; }

  .mt80-mobile {
    margin-top: 80px !important; }

  .mt90-mobile {
    margin-top: 90px !important; }

  .mt100-mobile {
    margin-top: 100px !important; }

  .mt110-mobile {
    margin-top: 110px !important; }

  .mt115-mobile {
    margin-top: 115px; }

  .mt120-mobile {
    margin-top: 120px; }

  .mt130-mobile {
    margin-top: 130px; }

  .mt140-mobile {
    margin-top: 140px; }

  .mt145-mobile {
    margin-top: 145px; }

  .mt150-mobile {
    margin-top: 150px; }

  .mt160-mobile {
    margin-top: 160px; }

  .mt170-mobile {
    margin-top: 170px; }

  .mt180-mobile {
    margin-top: 180px; }

  .mt190-mobile {
    margin-top: 190px; }

  .mt200-mobile {
    margin-top: 200px; }

  .mt210-mobile {
    margin-top: 210px; }

  .mb0-mobile {
    margin-bottom: 0px !important; }

  .mb5-mobile {
    margin-bottom: 5px !important; }

  .mb10-mobile {
    margin-bottom: 10px !important; }

  .mb20-mobile {
    margin-bottom: 20px !important; }

  .pt0-mobile {
    padding-top: 0px; }

  .pt10-mobile {
    padding-top: 10px; }

  .pb0-mobile {
    padding-bottom: 0 !important; }

  .pb20-mobile {
    padding-bottom: 20px; }

  .order-2-mobile {
    order: 2; } }
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat; }

.slick-logos {
  margin-top: 50px; }
  .slick-logos button {
    margin-top: 0; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  background: url(../img/left-arrow.png) center top no-repeat;
  background-size: contain;
  left: -40px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ''; }
    [dir="rtl"] .slick-prev:before {
      content: ''; }

.slick-next {
  background: url(../img/right-arrow.png) center top no-repeat;
  background-size: contain;
  right: -40px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ''; }
    [dir="rtl"] .slick-next:before {
      content: ''; }

.slick-logos img {
  margin: auto; }

.bts-next-prev {
  font-size: 120%;
  display: flex; }

.tags-blog {
  font-size: 130%; }

.tags-blog h3 {
  font-size: 130%; }

.blog {
  background: #fff;
  margin-top: 20px;
  padding-top: 0; }

.blog h3 {
  font-size: 180%; }

.blog .blog-item {
  font-size: 80%;
  min-height: 335px;
  padding: 30px 34px; }

.blog .blog-item h3 {
  font-size: 132%;
  line-height: 1.8; }

.blog .blog-item hr {
  width: 81%;
  left: 34px;
  bottom: 50px;
  opacity: 0.5; }

.blog .blog-item .botao {
  bottom: 18px;
  right: 34px;
  font-size: 90%; }

.blog .blog-item:before {
  border-color: transparent transparent transparent #fff;
  border-width: 55px 0 0 55px; }

.blog .blog-item:after {
  border-color: transparent #fff transparent transparent;
  border-width: 0 55px 55px 0; }

.botao-busca {
  padding: 0;
  margin: 0 !important; }

.addthis_sharing_toolbox {
  filter: grayscale(1);
  transition: all 0.2s linear;
  top: -3px;
  position: relative; }

.addthis_sharing_toolbox:hover {
  filter: grayscale(0); }

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* GERAL *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
html {
  scroll-behavior: smooth; }

body {
  font: 16.5px "basis", sans-serif;
  color: #000;
  line-height: 1.9;
  letter-spacing: 0;
  overflow-x: hidden;
  font-weight: 400; }

a {
  color: #000;
  text-decoration: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear; }

a:hover {
  color: #ff6900; }

h1,
h2 {
  font-size: 70px;
  line-height: 1.2;
  margin-bottom: 20px;
  letter-spacing: 0;
  font-weight: bold; }
  h1.small,
  h2.small {
    font-size: 48px; }

h3 {
  font-size: 23px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: 0px;
  color: #ff6900; }

h4 {
  font-size: 17px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: 0px; }

ul {
  list-style-type: none; }

.line {
  height: 1px;
  background: #c6c6c6;
  width: 100%;
  margin: 25px 0; }

hr {
  height: 1px;
  width: 100%;
  background: #ff6900;
  margin: 34px 0;
  border: none; }

p {
  line-height: 2 !important; }

section {
  padding: 110px 0; }

/* ------------------------|
|                          |
|  STYLE CLASSES PADRÕES   |
|                          |
| -------------------------|
*/
.wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.wrap.compact {
  width: 1000px; }

.wrap:before,
.wrap:after {
  content: " ";
  display: table; }

.wrap:after {
  clear: both; }

.is-absolute {
  position: absolute; }

.is-relative {
  position: relative; }

.bg-white {
  background: #fff; }

.bg-gray {
  background: #f7f7f7; }

.bg-black {
  background: #000; }

.bg-dark-gray {
  background: #444; }

.bg-primary {
  background: #ff6900; }

.color-red {
  color: #cc0000; }

.color-primary {
  color: #ff6900; }

.color-green {
  color: #b3bf10; }

.color-white {
  color: #fff; }

.color-gray {
  color: #777 !important; }

.color-black {
  color: #000 !important; }

.icon.is-large .fa {
  font-size: 60px;
  color: #ff6900; }

.icon.is-medium .fa {
  font-size: 50px; }

.icon.is-medium {
  margin: 20px auto 10px;
  display: block;
  width: 60px;
  height: auto; }

.font-basis {
  font-family: "basis" !important; }

.z-index-0 {
  z-index: 0; }

.z-index-1 {
  z-index: 1; }

/* ------------------------|
|                          |
|       STYLE INPUT        |
|                          |
| -------------------------|
*/
input,
.input {
  border: none;
  border-bottom: 1px solid #000;
  padding: 12px 0 9px;
  width: 100%;
  font-weight: 600;
  font-size: 19px;
  font-family: 'Raleway';
  outline: none;
  background: none;
  border-radius: 0px;
  font-family: "basis";
  letter-spacing: 0px; }

.select {
  height: auto !important;
  width: 100%; }

.select select {
  border-radius: 0px;
  border: none;
  padding: 12px 0 9px;
  border-bottom: 1px solid #000;
  font-weight: bold;
  height: auto;
  width: 100%;
  font-family: "basis" !important; }

textarea,
.textarea {
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  padding: 14px 0 13px;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Raleway';
  outline: none;
  background: none;
  font-family: "basis"; }

button,
.button {
  background: none;
  border: 1px solid #000;
  border-radius: 0px;
  cursor: pointer;
  transition: all 0.2s linear;
  padding: 22px 60px 20px;
  font-family: "basis";
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px; }

.side-line-right {
  position: relative;
  display: inline-block; }
  .side-line-right:before {
    content: "";
    position: absolute;
    top: 54%;
    left: 110%;
    width: 55px;
    height: 1px;
    background: #fff;
    transition: all 0.4s cubic-bezier(0.54, 0.18, 0.13, 1); }
  .side-line-right:hover:before {
    width: 100px; }

.side-line-left {
  position: relative;
  display: inline-block; }
  .side-line-left:before {
    content: "";
    position: absolute;
    top: 54%;
    right: 110%;
    width: 55px;
    height: 1px;
    background: #fff;
    transition: all 0.4s cubic-bezier(0.54, 0.18, 0.13, 1); }
  .side-line-left:hover:before {
    width: 100px; }

/* ------------------------|
|                          |
|       STYLE INTRO        |
|                          |
| -------------------------|
*/
@keyframes bounce {
  0%,
   20%,
   50%,
   80%,
   100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
@keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(15px);
    opacity: 0; } }
.cortina {
  background-color: white;
  position: fixed;
  width: 100vw;
  height: 100%;
  z-index: 998;
  top: 0; }

.tela-entrada-wrap {
  background-color: #ff6900;
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 999; }
  .tela-entrada-wrap .tela-entrada-box {
    display: flex;
    height: 100%; }
    .tela-entrada-wrap .tela-entrada-box .logo-intro {
      margin: auto;
      display: none;
      width: 350px; }
  .tela-entrada-wrap .ico-mouse-box {
    display: flex;
    margin-top: 0px; }
    .tela-entrada-wrap .ico-mouse-box .ico-mouse {
      margin: auto;
      width: 25.5px;
      height: 50px;
      border-radius: 25px;
      border: 2px solid white; }
      .tela-entrada-wrap .ico-mouse-box .ico-mouse .scroller {
        margin: auto;
        margin-top: 30%;
        width: 2px;
        height: 10px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2.2s;
        animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
        animation-iteration-count: infinite; }
      .tela-entrada-wrap .ico-mouse-box .ico-mouse:hover {
        cursor: pointer; }

/* ------------------------|
|                          |
|       STYLE HEADER       |
|                          |
| -------------------------|
*/
header {
  position: fixed;
  transition: all 0.3s linear;
  z-index: 99;
  width: 100%;
  background: #ff6900;
  color: #fff;
  font-size: 15px; }
  header nav {
    padding: 30px 70px;
    background: none;
    z-index: 99; }
  header a {
    color: #fff; }
    header a:hover {
      color: #fff; }
  header .navbar-menu {
    justify-content: flex-end; }
  header .navbar-item {
    line-height: 2.5;
    margin: auto; }
  header .logo {
    width: 230px;
    height: 50px;
    background: url("../img/logo-amtrans-logistics-menu.svg") no-repeat center top;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    margin: 0;
    padding: 0; }
  header .aeo {
    margin: 0;
    background-size: contain;
    margin-top: 5px;
    background: url(../img/logo-amtrans-aeo-menu.svg) no-repeat center; }
  header .flags {
    margin-top: 1px;
    color: #fff; }
    header .flags a {
      margin: 0 2px; }
      header .flags a:hover {
        color: #000; }
  header .bt-menu {
    cursor: pointer;
    color: white; }
  header .bt-fechar {
    left: -180px;
    display: none;
    cursor: pointer; }

.close-text {
  display: none; }

.menu {
  background: #000;
  color: #fff;
  position: fixed;
  display: none;
  align-items: center;
  top: 90px;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 200;
  font-size: 15px;
  line-height: 26px;
  transition: all 0.8s cubic-bezier(0.54, 0.18, 0.13, 1); }
  .menu.is-active {
    display: flex; }
  .menu .wrap {
    width: 1200px; }
  .menu .menu-item {
    color: #fff;
    font-size: 1.75rem;
    display: inline-block;
    margin-bottom: 5.2vh;
    position: relative; }
    .menu .menu-item.current {
      color: #ff6900; }
      .menu .menu-item.current:before {
        width: 75px; }
    .menu .menu-item:hover {
      color: #ff6900; }
    .menu .menu-item:before {
      content: "";
      position: absolute;
      top: 54%;
      right: calc(100% + 20px);
      width: 0;
      height: 1px;
      background: #ff6900;
      transition: all 0.3s cubic-bezier(0.54, 0.18, 0.13, 1); }
    .menu .menu-item:hover:before {
      width: 75px; }
  .menu .redes-sociais {
    margin-top: 8.2vh; }
    .menu .redes-sociais a {
      color: #ff6900;
      font-size: 27px;
      margin-right: 20px; }
      .menu .redes-sociais a:hover {
        color: #fff; }

.redes-sociais-fixe {
  position: fixed;
  right: 30px;
  top: 90px;
  height: calc(100% - 160px);
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  z-index: 98; }
  .redes-sociais-fixe .line {
    height: calc(100% - 100px);
    width: 2px;
    background: #555;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0; }
  .redes-sociais-fixe a {
    text-align: center;
    display: block;
    font-size: 20px;
    line-height: 1.5; }

/* ------------------------|
|                          |
|       STYLE BOTOES       |
|                          |
| -------------------------|
*/
.botao {
  background: none;
  border: none;
  display: block;
  margin: 25px 0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.74, 0.13, 0.42, 1);
  height: auto;
  outline: none;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #ff6900; }
  .botao i {
    font-size: 19px;
    line-height: 25px;
    margin-right: 3px; }
  .botao:hover {
    color: #000; }
  .botao.is-light {
    background: #ff8733; }
  .botao.is-dark {
    background: #cc5400; }
  .botao.is-white {
    background: #fff;
    color: #ff6900; }
  .botao.is-gray {
    background: #404040;
    border: none;
    color: #fff; }
    .botao.is-gray:hover {
      background: #272727; }
  .botao.is-blue {
    background: #b3bf10;
    color: #fff;
    border: none; }
    .botao.is-blue:hover {
      background: #ff6900; }

/* ------------------------|
|                          |
|     STYLE BREADCRUMB     |
|                          |
| -------------------------|
*/
.bread-crumb {
  margin-top: 120px;
  padding: 10px 0 0; }
  .bread-crumb li {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 0px; }
  .bread-crumb li.current {
    color: #ff6900; }

/* ------------------------|
|                          |
|       STYLE CTA          |
|                          |
| -------------------------|
*/
.cta-wrapper {
  width: 100%;
  max-width: 638px;
  background-color: #fd8e5d;
  padding: 35px;
  position: relative; }

.cta-wrapper .cta-box {
  background-color: #ed6834;
  padding: 30px; }

.cta-wrapper .cta-box p {
  color: #ffffff;
  line-height: 1.2 !important;
  font-size: 40px;
  font-weight: 600; }

.cta-wrapper .cta-box .cta-btn {
  color: #fff;
  background-color: #000;
  padding: 15px 30px;
  margin-top: 30px !important;
  position: relative;
  z-index: 30;
  font-size: 18px;
  display: inline-flex;
  border: 1px solid #000; }

.cta-wrapper .cta-box .cta-btn:hover, .cta-btn:focus {
  background-color: transparent;
  color: #000;
  padding: 15px 30px;
  border: 1px solid #000; }

.cta-wrapper .cta-img {
  position: absolute;
  width: 250px;
  top: 60px;
  /* bottom: 0; */
  right: -70px;
  z-index: 20; }

.cta-wrapper .cta-line {
  height: 3px;
  width: 370px;
  background: #ff6900;
  display: block;
  position: absolute;
  bottom: -30px;
  right: 0;
  z-index: 10; }

.cta-wrapper .cta-overlay {
  background: black;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.3225665266) 0%, rgba(255, 255, 255, 0) 90%);
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  transform: scaleX(-1); }

@media screen and (max-width: 768px) {
  .cta-wrapper .cta-box .cta-btn {
    padding: 5px 10px;
    font-size: 13px; }

  .cta-wrapper .cta-img {
    width: 145px;
    right: -19px; }

  .cta-wrapper .cta-box p {
    font-size: 20px; }

  .cta-wrapper {
    padding: 10px; } }
/* ------------------------|
|                          |
|       STYLE HOME         |
|                          |
| -------------------------|
*/
.fancybox-inner {
  height: auto !important; }

.fancybox-iframe {
  height: 450px !important; }

.spinning-circle {
  animation: rotatingText 30s linear infinite;
  position: absolute;
  left: calc(50% - 550px);
  bottom: -1000px; }
  .spinning-circle.reverse {
    animation: rotatingTextReverse 30s linear infinite; }

/* INTRO */
.first-title {
  font-size: 7.5rem; }

.intro {
  margin-top: 40px;
  font-size: 7.5rem;
  line-height: 135px;
  margin-bottom: 250px; }
  .intro .img-big {
    width: 793px;
    position: absolute;
    top: 0;
    left: calc(50%); }
  .intro .img-small {
    width: 437px;
    position: absolute;
    top: 350px;
    right: calc(100% - 85px); }

/* WE ALWAYS CARE */
.we-always-care {
  font-size: 20px;
  line-height: 38px;
  padding-bottom: 200px; }
  .we-always-care .years {
    width: 120px;
    position: absolute;
    right: 40px; }
  .we-always-care #text-circle-1 {
    position: absolute;
    top: -265px;
    left: 35px;
    font-size: 48px;
    font-weight: bold;
    color: #ff6900;
    height: 1100px;
    width: 1100px;
    -webkit-animation: spin 65s linear infinite;
    -moz-animation: spin 65s linear infinite;
    animation: spin 65s linear infinite; }
  .we-always-care #text-circle-2 {
    position: absolute;
    top: -230px;
    left: 73px;
    font-size: 27px;
    font-weight: bold;
    height: 1030px;
    width: 1030px;
    -webkit-animation: spin 65s linear infinite;
    -moz-animation: spin 65s linear infinite;
    animation: spin 65s linear infinite;
    animation-direction: reverse; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* VIDEO */
.video-home {
  background: url(../img/bg-video.jpg) center top;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 250px 0; }
  .video-home a {
    display: inline-block;
    font-size: 21px;
    text-align: center;
    color: #ff6900; }
    .video-home a .line-left,
    .video-home a .line-right {
      position: absolute;
      top: 21px;
      height: 1px;
      background: #ff6900;
      width: 1200px;
      transition: all 0.3s ease-out; }
    .video-home a .line-right {
      left: 118%; }
    .video-home a .line-left {
      right: 118%; }
    .video-home a:hover {
      color: #fff; }
      .video-home a:hover .line-left,
      .video-home a:hover .line-right {
        background: #fff; }
      .video-home a:hover .line-right {
        left: 135%; }
      .video-home a:hover .line-left {
        right: 135%; }

/* SOLUCOES */
.btn-orcamento {
  background-color: #ff6900;
  color: #ffffff;
  padding: 20px 40px;
  text-align: center;
  display: block;
  margin-top: 15px;
  border-radius: 1px; }
  .btn-orcamento:hover {
    color: #ffffff;
    filter: brightness(90%); }

.solucoes {
  background-color: #fff; }
  .solucoes .nossas-solucoes-section-title {
    line-height: 1.2 !important;
    font-weight: bold;
    font-size: 4.375rem;
    margin-bottom: 40px;
    position: relative;
    display: inline-block; }
    .solucoes .nossas-solucoes-section-title:after {
      position: absolute;
      top: -30px;
      right: 5px;
      background: #000;
      width: 1200px;
      height: 1px;
      content: ""; }
  .solucoes .solucao-item {
    margin-top: 15px 0 2px;
    padding: 20px 0;
    position: relative;
    transition: all 0.8s cubic-bezier(0.16, 0.84, 0.44, 1); }
    .solucoes .solucao-item:hover .expand {
      color: #ff6900; }
    .solucoes .solucao-item.is-active {
      padding: 40px 0; }
      .solucoes .solucao-item.is-active .expand {
        top: 50px; }
      .solucoes .solucao-item.is-active .bg-gray {
        height: 100%; }
    .solucoes .solucao-item .bg-gray {
      background: #fafafa;
      position: absolute;
      top: 0px;
      left: -750px;
      width: 2560px;
      height: 0;
      transition: height 0.8s cubic-bezier(0.16, 0.84, 0.44, 1); }
    .solucoes .solucao-item .expand {
      position: absolute;
      top: 30px;
      left: 0px;
      cursor: pointer;
      transition: all 0.8s cubic-bezier(0.16, 0.84, 0.44, 1); }
      .solucoes .solucao-item .expand .fa {
        font-size: 30px; }
    .solucoes .solucao-item .titulo {
      margin-bottom: 0;
      position: relative;
      color: #ff6900;
      font-size: 3.125rem;
      line-height: 1;
      font-weight: bold;
      letter-spacing: -1px;
      cursor: pointer;
      transition: all 0.8s cubic-bezier(0.16, 0.84, 0.44, 1);
      padding-left: 60px; }
      .solucoes .solucao-item .titulo:hover {
        color: #fff;
        text-shadow: -1px 0 #ff6900, 0 1px #ff6900, 1px 0 #ff6900, 0 -1px #ff6900; }
        .solucoes .solucao-item .titulo:hover::before {
          content: "";
          height: 2px;
          width: 100%;
          background: #ff6900;
          display: block;
          left: -105%;
          top: 23px;
          position: absolute;
          animation: fadeLeft 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }
      .solucoes .solucao-item .titulo.is-active {
        margin-bottom: 20px; }
    .solucoes .solucao-item .texto {
      position: relative;
      max-height: 0;
      overflow: hidden;
      padding-left: 60px;
      transition: all 0.8s cubic-bezier(0.16, 0.84, 0.44, 1);
      opacity: 0; }
      .solucoes .solucao-item .texto .saiba-mais {
        font-size: 20px;
        font-weight: bold; }
      .solucoes .solucao-item .texto .solicite-orcamento-link {
        color: #ff6900;
        font-size: 20px;
        font-weight: bold; }
        .solucoes .solucao-item .texto .solicite-orcamento-link:hover {
          color: #000; }
        .solucoes .solucao-item .texto .solicite-orcamento-link.underline {
          position: relative;
          display: inline-block; }
          .solucoes .solucao-item .texto .solicite-orcamento-link.underline:after {
            position: absolute;
            bottom: 1px;
            left: 0;
            background: #000;
            width: 100%;
            height: 1px;
            content: ""; }

.bg-black .marquee {
  color: #ff6900; }

.marquee {
  padding: 0 0 120px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 6.7rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000; }
  .marquee .marquee-item {
    animation: marquee 40s linear infinite; }
    .marquee .marquee-item:hover {
      color: #ff6900; }
    .marquee .marquee-item.font-transparent {
      text-shadow: -1px 0 #ff6900, 0 1px #ff6900, 1px 0 #ff6900, 0 -1px #ff6900;
      color: #fff; }
      .marquee .marquee-item.font-transparent:hover {
        color: #ff6900;
        text-shadow: none; }
    .marquee .marquee-item.reserve {
      animation: marquee 28s linear infinite;
      animation-direction: reverse; }
@keyframes marquee {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-100%, 0); } }
@keyframes marquee-reserve {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-100%, 0); } }
.whats-on {
  padding-bottom: 0; }
  .whats-on h2 {
    margin-bottom: 40px;
    position: relative;
    display: inline-block; }
    .whats-on h2:after {
      position: absolute;
      top: -50px;
      right: 5px;
      background: #000;
      width: 850px;
      height: 1px;
      content: ""; }
  .whats-on .whats-on-img-wrap img {
    transition: 500ms;
    filter: grayscale(1); }
    .whats-on .whats-on-img-wrap img:hover {
      filter: grayscale(0); }

/* BLOG - HOME */
.btn-cotacao-blog {
  background: #000;
  color: white;
  padding: 10px 20px;
  border-radius: 2px; }
  .btn-cotacao-blog:hover {
    background-color: #ff6900;
    color: white; }

.blog {
  margin-top: -185px;
  padding-top: 250px; }
  .blog .blog-item {
    display: block;
    background: #fff;
    padding: 55px 60px;
    font-size: 25px;
    color: #ff6900;
    position: relative;
    min-height: 450px; }
    .blog .blog-item:after {
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 100px 100px 0;
      border-color: transparent #ffffff transparent transparent; }
    .blog .blog-item:before {
      position: absolute;
      bottom: 0;
      left: 0;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 100px 0 0 100px;
      border-color: transparent transparent transparent #ffffff; }
    .blog .blog-item.is-black hr {
      background: #fff; }
    .blog .blog-item.is-black .botao {
      color: #fff; }
    .blog .blog-item hr {
      position: absolute;
      bottom: 100px;
      left: 60px;
      background: #000;
      width: 78%; }
    .blog .blog-item .botao {
      position: absolute;
      right: 60px;
      bottom: 52px;
      color: #000; }
    .blog .blog-item h3 {
      font-size: 16px;
      line-height: 2; }
  .blog .is-black {
    background: #000; }

.slick-mobile {
  padding-top: 50px; }

.marcas-home {
  padding-bottom: 90px; }
  .marcas-home img {
    filter: grayscale(1);
    transition: all 0.4s cubic-bezier(0.54, 0.18, 0.13, 1); }
    .marcas-home img:hover {
      filter: grayscale(0); }
  .marcas-home .line {
    position: absolute;
    bottom: 0;
    left: 80px;
    background: #000;
    width: 150%; }

.blog-section-home {
  background: #ff6900; }
  .blog-section-home .blog-item:after {
    border-color: transparent #ff6900 transparent transparent !important; }
  .blog-section-home .blog-item:before {
    border-color: transparent transparent transparent #ff6900 !important; }

.contato-home {
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 40px; }
  .contato-home h2 {
    margin-bottom: 40px;
    position: relative;
    display: inline-block; }
    .contato-home h2:after {
      position: absolute;
      top: -50px;
      right: 5px;
      background: #000;
      width: 1200px;
      height: 1px;
      content: ""; }
  .contato-home h3 {
    font-size: 17px; }

/* ------------------------|
|                          |
|   S U B  P A G I N A S   |
|                          |
| -------------------------|
*/
.texto-destaque {
  margin: 170px 0 205px 80px;
  font-size: 7.5rem;
  line-height: 1.14;
  position: relative;
  z-index: 1; }

.img-gray-empresa {
  max-width: 653px;
  position: absolute;
  top: calc(100% - 70px);
  left: 80%;
  z-index: 20; }

.play-video-column {
  flex-direction: column; }

/* ------------------------|
|                          |
|       QUEM SOMOS         |
|                          |
| -------------------------|
*/
.destaque-txt {
  font-size: 43px;
  line-height: 1.8;
  color: #ff6900;
  font-weight: bold;
  display: block; }

.bt-video {
  border: 6px solid #ff6900;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  text-align: center;
  line-height: 210px;
  cursor: pointer;
  transition: all 0.2s linear; }
  .bt-video:hover {
    border-color: #000; }
    .bt-video:hover i {
      color: #000; }
  .bt-video i {
    font-size: 84px;
    color: #ff6900;
    transform: translateX(10px);
    transition: all 0.2s linear; }

.quem-somos .img-big {
  width: 773px;
  position: absolute;
  top: 150px;
  left: calc(40%); }
.quem-somos .img-small {
  width: 272px;
  position: absolute;
  top: 670px;
  right: calc(100% + 90px); }
.quem-somos .frase-destaque {
  font-weight: bold;
  font-size: 50px;
  line-height: 1.3; }
.quem-somos.video {
  background: url(../img/bg-video-empresa.jpg) center top no-repeat;
  background-size: cover; }
  .quem-somos.video .img-2-big {
    width: 653px;
    max-width: 653px;
    position: absolute;
    top: calc(100% - 70px);
    left: 12px;
    z-index: 20; }
  .quem-somos.video h4 {
    font-size: 20px;
    color: #ff6900;
    margin-left: 30px;
    margin-top: 25px; }
  .quem-somos.video hr {
    position: absolute;
    top: 255px;
    left: 12px;
    width: 800px; }

/* ------------------------|
|                          |
|       SOLUCOES           |
|                          |
| -------------------------|
*/
.page-solucoes {
  font-size: 20px;
  /* IMPORTACAO MARITIMA */ }
  .page-solucoes .texto-destaque {
    margin: 90px 50px 130px;
    font-size: 90px;
    line-height: 1.16;
    position: relative;
    z-index: 1; }
  .page-solucoes .img-big {
    width: 630px;
    position: absolute;
    top: 125px;
    left: 15px; }
  .page-solucoes .img-small {
    position: absolute;
    top: 1370px;
    left: calc(82.5%); }
  .page-solucoes.interna .frase-destaque {
    position: absolute;
    top: 8%;
    left: 64%;
    z-index: 1;
    width: 850px;
    color: #ff6900;
    font-size: 5.5rem;
    font-weight: bold;
    line-height: 1; }
    .page-solucoes.interna .frase-destaque span {
      color: #000; }
  .page-solucoes.interna .desc-destaque {
    flex: 1;
    align-self: flex-end; }
  .page-solucoes.interna hr {
    position: absolute;
    right: 52px;
    bottom: -70px;
    width: 1000px; }
  .page-solucoes.interna h2 {
    color: #ff6900;
    font-size: 35px; }
  .page-solucoes.interna.detalhes {
    font-size: 28px; }
    .page-solucoes.interna.detalhes .servico-atuacao {
      color: #ff6900;
      text-transform: uppercase;
      font-weight: bold; }
  .page-solucoes.interna .img-right {
    position: absolute;
    top: 10px;
    left: calc(100% - 110px); }
  .page-solucoes .item-cidade {
    font-size: 15px;
    padding: 8px 50px 0;
    background: #f7f7f7;
    margin-bottom: 40px;
    max-height: 103px;
    overflow: hidden;
    transition: all 1s cubic-bezier(0.16, 0.84, 0.44, 1); }
    .page-solucoes .item-cidade .is-active {
      max-height: 600px; }
    .page-solucoes .item-cidade h2 {
      font-size: 37px;
      cursor: pointer;
      margin-top: 24px;
      margin-bottom: 28px;
      transition: all 0.2s linear; }
      .page-solucoes .item-cidade h2:hover {
        color: #ff732d; }
    .page-solucoes .item-cidade h3 {
      margin-bottom: 10px; }
    .page-solucoes .item-cidade .head {
      font-weight: 600;
      font-size: 13px;
      color: #ff732d; }
    .page-solucoes .item-cidade .columns {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
    .page-solucoes .item-cidade i {
      position: absolute;
      right: 40px;
      top: 42px;
      cursor: pointer;
      font-size: 26px;
      transition: all 1s cubic-bezier(0.16, 0.84, 0.44, 1); }
      .page-solucoes .item-cidade i.is-active {
        transform: rotate(180deg); }

/* ------------------------|
|                          |
|       SEGMENTOS          |
|                          |
| -------------------------|
*/
@keyframes rotatingText {
  from {
    transform: rotate(130deg); }
  to {
    transform: rotate(490deg); } }
@keyframes rotatingTextReverse {
  from {
    transform: rotate(-320deg); }
  to {
    transform: rotate(-680deg); } }
.selo-texto {
  position: absolute;
  left: calc(50% + 130px);
  animation: rotatingText 20s linear infinite; }

.selo-number {
  position: absolute;
  left: calc(50% + 130px); }

.img-right-rodoviario {
  max-width: unset;
  left: calc(50% + 40px);
  position: absolute; }

.page-segmentos .texto-destaque {
  margin: 140px 0 120px 80px;
  font-size: 120px;
  line-height: 1.14;
  position: relative;
  z-index: 1; }
  .page-segmentos .texto-destaque.small {
    font-size: 96px; }
.page-segmentos .img-big {
  width: 761px;
  position: absolute;
  top: 120px;
  left: calc(50%); }
.page-segmentos .img-small {
  width: 334px;
  position: absolute;
  top: 540px;
  right: calc(100% + 40px); }
.page-segmentos .frase-destaque {
  font-weight: bold;
  font-size: 50px;
  line-height: 1.3; }
.page-segmentos.principais-segmentos {
  background: #000; }
  .page-segmentos.principais-segmentos h2 {
    color: #fff; }
  .page-segmentos.principais-segmentos a {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    color: #555;
    margin-bottom: 20px; }
    .page-segmentos.principais-segmentos a:hover {
      color: #fff; }
      .page-segmentos.principais-segmentos a:hover i {
        color: #ff6900; }
.page-segmentos.interna .destaque-txt {
  font-size: 43px;
  line-height: 1.8;
  color: #ff6900;
  font-weight: bold;
  display: block; }
.page-segmentos.interna span {
  color: #ff6900; }
.page-segmentos.interna .img-segmentos-pl {
  overflow: hidden;
  height: 684px; }
.page-segmentos.interna .bebidas-box-img {
  transition: 500ms;
  height: 674px;
  width: 584px;
  position: absolute;
  top: 0;
  left: 70%;
  background-image: url(../img/segmentos/logistica-internacional-bebidas-amtrans.jpg);
  background-position: 0 30px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
.page-segmentos.interna .img-segmentos {
  width: 100%;
  position: absolute;
  top: 0;
  left: 20px; }
.page-segmentos.interna .lista-itens-seg {
  font-size: 30px;
  font-weight: bold;
  line-height: 2.3; }
  .page-segmentos.interna .lista-itens-seg i {
    color: #ff6900; }
.page-segmentos.interna.detalhes h2 {
  font-size: 40px;
  margin-bottom: 40px;
  color: #ff6900; }

.solicite-orcamento {
  background: #f3f3f3;
  font-size: 20px; }
  .solicite-orcamento h3 {
    text-align: center;
    font-size: 35px; }
  .solicite-orcamento .check {
    width: 14px; }

/* ------------------------|
|                          |
|       NETWORK            |
|                          |
| -------------------------|
*/
.page-network .texto-destaque {
  margin: 120px 0 160px 0;
  font-size: 120px;
  line-height: 1.14;
  position: relative;
  z-index: 1; }
.page-network .img-big {
  width: 717px;
  position: absolute;
  top: 100px;
  left: calc(50%); }
.page-network .img-right {
  max-width: 603px;
  position: absolute;
  top: 50%;
  left: calc(50%); }
.page-network.we-keep {
  padding-top: 85px;
  font-size: 50px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  height: 430px;
  background: #000 url(../img/bg-network.jpg) center top no-repeat; }
.page-network.list-network {
  padding: 60px 0; }

/* ------------------------|
|                          |
|        SOCIAL            |
|                          |
| -------------------------|
*/
.spinning-text-social {
  position: absolute;
  width: 650px;
  height: 650px;
  top: -1070px;
  right: -260px;
  z-index: 700; }

.swal2-confirm {
  margin-bottom: 15px !important; }
  .swal2-confirm a {
    color: white; }

.page-social .texto-destaque {
  margin: 120px 0 160px 0;
  font-size: 120px;
  line-height: 1.14;
  position: relative;
  z-index: 1; }
.page-social .img-big {
  width: 741px;
  max-width: 741px;
  position: absolute;
  top: 10px;
  left: 12px; }
.page-social h3 {
  font-size: 30px; }
.page-social .bt-video {
  z-index: 98;
  position: absolute;
  top: calc(50% - 87px);
  left: calc(50% - 78px);
  border: 6px solid #c2c2c2;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  text-align: center;
  line-height: 210px;
  cursor: pointer;
  transition: all 0.2s linear; }
  .page-social .bt-video:hover {
    border-color: #ff6900; }
    .page-social .bt-video:hover i {
      color: #ff6900; }
  .page-social .bt-video i {
    font-size: 84px;
    color: #c2c2c2;
    transform: translateX(10px);
    transition: all 0.2s linear; }
.page-social #text-circle-1 {
  position: absolute;
  top: -128px;
  left: -120px;
  font-size: 30px;
  font-weight: bold;
  color: #ff6900;
  height: 740px;
  width: 740px;
  -webkit-animation: spin 55s linear infinite;
  -moz-animation: spin 55s linear infinite;
  animation: spin 55s linear infinite; }
.page-social #text-circle-2 {
  position: absolute;
  top: -62px;
  left: -51px;
  font-size: 18px;
  font-weight: bold;
  height: 600px;
  width: 600px;
  -webkit-animation: spin 45s linear infinite;
  -moz-animation: spin 45s linear infinite;
  animation: spin 45s linear infinite;
  animation-direction: reverse; }

.ods-section {
  background: white;
  background: linear-gradient(90deg, white 0%, white 35%, #f7f7f7 35%); }

/* ------------------------|
|                          |
|          POST            |
|                          |
| -------------------------|
*/
.post h1 {
  font-size: 22px;
  line-height: 1.4;
  color: #ff6900;
  margin-top: 15px; }
.post img {
  overflow: hidden;
  display: block; }
.post .share-post {
  position: absolute;
  top: calc(50% - 55px);
  right: -30px; }
  .post .share-post a {
    display: block;
    margin-bottom: 17px;
    color: #aaa;
    font-size: 18px; }
    .post .share-post a:hover {
      color: #ff6900; }
.post #galeria {
  margin-top: 50px; }
  .post #galeria li {
    float: left;
    margin-right: 10px; }
  .post #galeria a {
    display: inline-block;
    position: relative;
    overflow: hidden; }
    .post #galeria a:hover img {
      transform: scale(1.1); }
    .post #galeria a:hover .over {
      opacity: 1; }
    .post #galeria a .over {
      background: rgba(0, 0, 0, 0.6);
      display: block;
      height: 100%;
      left: 0;
      margin: 0;
      opacity: 0;
      padding: 0;
      position: absolute;
      top: 0;
      transition: all 0.3s ease-out 0s;
      width: 100%;
      z-index: 10; }
      .post #galeria a .over span {
        left: 50%;
        margin: -23px 0 0 -23px;
        position: absolute;
        top: 50%; }

.page-blog.post .categorias {
  margin-top: 55px; }

/* ------------------------|
|                          |
|           BLOG           |
|                          |
| -------------------------|
*/
.page-blog article .hover {
  width: calc(100%);
  height: calc(100%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 90;
  flex-flow: column wrap;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  color: #fff !important;
  transition: all 0.3s linear; }
  .page-blog article .hover:hover {
    opacity: 1; }
.page-blog article .fa {
  vertical-align: inherit;
  font-size: 16px; }
.page-blog article h2 {
  color: #ff6900;
  text-align: left;
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  margin: 20px 0; }
.page-blog article .botao {
  margin: 10px 0; }
.page-blog article img {
  display: block;
  transition: all 0.5s cubic-bezier(0.24, 0.46, 0.48, 0.9); }
.page-blog article .box-imagem-noticia {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 25px; }
  .page-blog article .box-imagem-noticia:hover img {
    transform: scale(1.1); }
  .page-blog article .box-imagem-noticia:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 35px 35px 0;
    border-color: transparent #f7f7f7 transparent transparent; }
  .page-blog article .box-imagem-noticia:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 0 0 35px;
    border-color: transparent transparent transparent #f7f7f7; }
.page-blog article .data {
  padding: 0;
  margin-top: 0;
  font-size: 13px;
  height: 46px; }
.page-blog .list-categorias {
  font-size: 20px;
  font-weight: bold;
  padding: 18px 0 10px;
  display: block;
  color: #7b7b7b;
  text-align: right;
  border-bottom: 1px solid #fff; }
  .page-blog .list-categorias:hover {
    color: #ff6900;
    border-color: #ff6900; }
.page-blog .categorias {
  margin-top: 200px; }
  .page-blog .categorias h3 {
    font-size: 24px;
    font-weight: bold; }
  .page-blog .categorias form {
    position: relative; }
  .page-blog .categorias .categorias-conteudo {
    padding: 20px 0; }
.page-blog #busca {
  border-radius: 0;
  border-bottom: 1px solid #ff6900;
  padding: 10px 0;
  background: none;
  width: 100%;
  margin-top: 4px;
  font-size: 17px;
  outline: none; }
.page-blog #bt_busca {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px;
  text-align: center;
  font-size: 22px;
  padding: 4px 2px 5px;
  background: none;
  color: #ff6900;
  border: 0;
  outline: none; }
  .page-blog #bt_busca .botao i {
    line-height: 37px;
    margin: 0; }
.page-blog .bg-gray {
  width: 1500px;
  height: 102%;
  position: absolute;
  top: -270px;
  right: calc(100% - 27px); }

.pagination-link.is-current {
  background: #ff6900; }

.pagination {
  border-top: 1px solid #f0f0f0;
  margin-top: 40px;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 30px; }

.pagination ul li a {
  border: 1px solid #ff6900;
  display: block;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  padding: 6px 12px; }

.pagination ul li.active a {
  border-color: #ff6900;
  background: #ff6900;
  color: #fff; }

.pagination ul li {
  float: left;
  margin: 0 3px; }

/* ------------------------|
|                          |
|          CONTATO         |
|                          |
| -------------------------|
*/
.page-contato .texto-destaque {
  margin: 120px 0 50px;
  font-size: 50px;
  line-height: 1.3;
  position: relative;
  z-index: 1; }
.page-contato .img-big {
  width: 644px;
  position: absolute;
  top: 180px;
  left: calc(59%); }
.page-contato .img-small {
  width: 265px;
  position: absolute;
  top: 790px;
  right: calc(100% + 87px); }
.page-contato input[type="text"] {
  margin-bottom: 30px; }
.page-contato input[type="tel"] {
  margin-bottom: 30px; }
.page-contato input[type="email"] {
  margin-bottom: 30px; }
.page-contato .select {
  margin-bottom: 30px; }
.page-contato small {
  font-size: 0.75rem;
  line-height: 0.8; }
.page-contato .check {
  width: 14px; }
.page-contato .box-checks {
  line-height: 18px; }

.contato form label {
  display: block;
  margin: 0 0 20px;
  cursor: inherit; }
.contato form input,
.contato form select,
.contato form textarea {
  font-weight: 500;
  border: 1px solid #b3bf10;
  width: 100%;
  outline: none;
  color: #333;
  padding: 15px 0 13px 22px;
  font-size: 15px; }
.contato form textarea {
  width: 100%;
  height: 160px;
  resize: none; }
.contato form button {
  margin-top: 0;
  padding: 9px 60px 8px; }
.contato form .select {
  width: 100%; }
.contato form select {
  width: 100%;
  font-weight: 500; }
.contato .inf-contato {
  margin-top: 10px; }
  .contato .inf-contato h3 {
    font-size: 23px;
    margin-bottom: 5px; }
.contato iframe {
  height: 500px; }

.section-line-top {
  position: absolute;
  top: 0;
  left: -350px;
  background: #000;
  width: 800px;
  height: 1px;
  content: "";
  z-index: 988; }

.aeo-section {
  margin-top: 150px;
  padding-top: 150px;
  background-color: #ebebeb; }

.people {
  padding-top: 0; }
  .people .columns {
    gap: 50px; }
  .people .texto-destaque {
    margin: unset;
    margin-top: 50%;
    transform: translateY(-50%); }
  .people .manifest-section {
    padding-bottom: 13rem; }
    .people .manifest-section .manifest-section-title {
      padding-top: 6rem;
      margin-bottom: 6.25rem;
      position: relative; }
    .people .manifest-section .manifest-title {
      color: #000;
      font-size: 2.5rem; }
  .people .we-always-care-section {
    margin-top: -21rem; }
  .people .we-always-care-flex-wrap {
    flex: 1;
    align-self: flex-end; }
  .people .togheter-work-section .togheter-work-title {
    font-size: 3.5rem;
    margin-bottom: 3.125rem; }
  .people .we-do-ours-section .we-do-ours-title {
    margin: auto;
    margin-left: -40%;
    font-size: 5rem; }
  .people .we-do-ours-content-section {
    padding-top: 13rem;
    margin-top: -15rem; }
  .people .make-it-happen-title {
    font-size: 3rem;
    margin: auto; }
  .people .move-on {
    font-weight: bold;
    font-size: 12rem;
    color: #ffffff;
    text-shadow: -1px 0 #ff6900, 0 1px #ff6900, 1px 0 #ff6900, 0 -1px #ff6900; }
    .people .move-on:hover {
      color: transparent; }
  .people .move-on-section {
    padding-bottom: 50px; }
  .people .ver-video-move-on-section {
    border-top: 1px solid #ff6900;
    padding: 0; }
    .people .ver-video-move-on-section .ver-video-move-on-title {
      color: #ff6900;
      margin: auto;
      margin-top: -1rem;
      background-color: #ffffff;
      padding: 0 1rem; }
      .people .ver-video-move-on-section .ver-video-move-on-title:hover {
        padding: 0 3rem;
        color: #000000; }
  .people .competence-program-section {
    margin-top: 9.375rem; }
    .people .competence-program-section .competence-program-title {
      font-size: 3rem;
      margin: auto; }
    .people .competence-program-section .competence-program-text {
      margin-top: 3.125rem;
      text-align: center; }
  .people .slider-people-section .slider-people-title {
    font-size: 3rem;
    margin: auto;
    margin-bottom: 3rem; }
  .people .slider-people-section .slick-testimony {
    padding-left: 25px; }
    .people .slider-people-section .slick-testimony .testimony-card {
      display: flex; }
      .people .slider-people-section .slick-testimony .testimony-card .testimony-img-wrap {
        display: flex; }
      .people .slider-people-section .slick-testimony .testimony-card .testimony-text {
        width: 50%;
        margin: auto;
        line-height: 2;
        font-weight: 600;
        text-align: justify;
        align-self: flex-end; }
        .people .slider-people-section .slick-testimony .testimony-card .testimony-text .testimony-name {
          margin-bottom: 2rem; }
        .people .slider-people-section .slick-testimony .testimony-card .testimony-text a {
          text-decoration: underline;
          line-height: 4; }
  .people .slick-prev {
    background: url(../img/people/left-arrow-orange.png) center top no-repeat; }
  .people .slick-next {
    background: url(../img/people/right-arrow-orange.png) center top no-repeat; }

.full-testimony {
  text-align: justify; }

.fancybox-inner {
  width: unset !important; }

.fancybox-wrap {
  max-width: 700px; }

/* ------------------------|
|                          |
|          FOOTER          |
|                          |
| -------------------------|
*/
footer {
  background: #ff6900;
  padding-top: 80px;
  font-size: 19px;
  line-height: 24px;
  position: relative; }
  footer .hide {
    display: none !important; }
  footer .aviso-cookies {
    z-index: 800;
    display: flex;
    gap: 40px;
    position: fixed;
    bottom: 50px;
    background: white;
    /* left: 50%; */
    width: 700px;
    left: calc(50% - 350px);
    font-size: 13px;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.08); }
    footer .aviso-cookies p {
      line-height: 1.5 !important; }
    footer .aviso-cookies .aceitar-cookies {
      background-color: #ff6900;
      color: white;
      margin: auto;
      padding: 10px 20px; }
      footer .aviso-cookies .aceitar-cookies:hover, footer .aviso-cookies .aceitar-cookies:focus {
        filter: brightness(90%); }
  footer .logo-footer-col {
    display: flex; }
    footer .logo-footer-col .logo-footer {
      margin: auto;
      width: 350px; }
  footer .aeo {
    padding: 15px; }
  footer h3 {
    font-family: "Asap";
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #b3bf10; }
  footer .we-always-care-col-mobile {
    display: none; }
  footer .menu-footer a {
    display: block;
    font-size: 19px;
    margin-bottom: 13px; }
  footer .redes-sociais a {
    margin: 0 1px; }
    footer .redes-sociais a:hover {
      color: #fff; }
    footer .redes-sociais a i {
      color: #fff;
      font-size: 23px;
      line-height: 40px;
      text-align: center; }
  footer .item-contato {
    margin-bottom: 14px; }
    footer .item-contato i {
      background: #b3bf10;
      color: #fff;
      width: 38px;
      height: 38px;
      text-align: center;
      line-height: 38px;
      font-size: 23px;
      border-radius: 50%;
      margin-right: 7px;
      transform: translateY(2px); }
  footer a:hover {
    color: #fff; }
  footer .fone {
    font-size: 30px; }
    footer .fone small {
      font-size: 18px; }
  footer .line {
    position: absolute;
    left: calc(50% - 208px);
    width: 470px;
    background: #000; }
  footer .direitos {
    margin-bottom: 30px;
    font-size: 12px; }

.botao-whatsapp {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 40px;
  z-index: 988; }
  .botao-whatsapp:hover .pulse {
    animation: none; }
  .botao-whatsapp .pulse {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #34af23;
    display: block;
    box-shadow: 0 0 0 rgba(52, 175, 35, 0.5);
    animation: pulse 2s infinite;
    margin: auto;
    margin-top: calc(-100% - 5px); }

/* QUAX ASSINATURA */
.quax-assinatura {
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-bottom: 8px solid #fff;
  position: relative;
  margin-top: -60px;
  padding-top: 20px;
  z-index: 0; }
  .quax-assinatura .logo-quax {
    width: 80px;
    margin: 0 auto;
    display: block;
    position: relative; }
    .quax-assinatura .logo-quax img {
      width: 20px;
      position: absolute;
      bottom: 1px;
      left: 30px; }
  .quax-assinatura .arrow-up {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #fff; }

/* FIM QUAX ASSINTAURA */
.rdstation-popup-position-bottom_right {
  z-index: 997 !important;
  float: left !important; }

/* ANIMATIONS */
.waypoint {
  opacity: 0; }

.animation_fade.animated {
  opacity: 1; }

.animation_fadeIn.animated {
  animation: fadeIn 2s;
  animation-fill-mode: forwards; }

.animation_bottom.animated {
  opacity: 1;
  animation: fadeBottom 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_bottom_d1.animated {
  opacity: 1;
  animation: fadeBottom 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_bottom_d2.animated {
  opacity: 1;
  animation: fadeBottom 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top.animated {
  opacity: 1;
  animation: fadeTop 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top_d1.animated {
  opacity: 1;
  animation: fadeTop 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top_d2.animated {
  opacity: 1;
  animation: fadeTop 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top_d3.animated {
  opacity: 1;
  animation: fadeTop 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top_d4.animated {
  opacity: 1;
  animation: fadeTop 3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_top_d5.animated {
  opacity: 1;
  animation: fadeTop 3.5s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left.animated {
  opacity: 1;
  animation: fadeLeft 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left_d1.animated {
  opacity: 1;
  animation: fadeLeft 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left_d2.animated {
  opacity: 1;
  animation: fadeLeft 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_left_d3.animated {
  opacity: 1;
  animation: fadeLeft 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_swipe_left.animated {
  opacity: 1;
  animation: swipeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right.animated {
  opacity: 1;
  animation: fadeRight 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right_d1.animated {
  opacity: 1;
  animation: fadeRight 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right_d2.animated {
  opacity: 1;
  animation: fadeRight 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_right_d3.animated {
  opacity: 1;
  animation: fadeRight 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale.animated {
  opacity: 1;
  animation: escale 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale_d1.animated {
  opacity: 1;
  animation: escale 1.8s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale_d2.animated {
  opacity: 1;
  animation: escale 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_scale_reverse.animated {
  opacity: 1;
  animation: escale_reverse 2.2s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.animation_elastic.animated {
  opacity: 1;
  animation: escale 0.8s 1 cubic-bezier(0.74, 0.13, 0.42, 1.21); }

.animation_elastic_d1.animated {
  opacity: 1;
  animation: escale 1.3s 1 cubic-bezier(0.74, 0.13, 0.42, 1.21); }

/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes escale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes escale {
  0% {
    opacity: 0;
    -moz-transform: scale(0); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@-o-keyframes escale {
  0% {
    opacity: 0;
    -o-transform: scale(0); }
  100% {
    opacity: 1;
    -o-transform: scale(1); } }
@keyframes escale {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes escale_reverse {
  0% {
    opacity: 0;
    transform: scale(1.2); }
  70% {
    opacity: 1; }
  100% {
    transform: scale(1); } }
@-webkit-keyframes fadeBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeBottom {
  0% {
    opacity: 0;
    -moz-transform: translateY(10%); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeBottom {
  0% {
    opacity: 0;
    -o-transform: translateY(10%); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(10%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-10%); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes swipeLeft {
  0% {
    opacity: 1;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(-15deg); } }
@-moz-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) skewX(-15deg); } }
@-o-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -o-transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    -o-transform: translateX(0) skewX(-15deg); } }
@keyframes fadeLeftBt {
  0% {
    opacity: 0;
    transform: translateX(-10%) skewX(-15deg); }
  100% {
    opacity: 1;
    transform: translateX(0) skewX(-15deg); } }
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeRight {
  0% {
    opacity: 0;
    -o-transform: translateX(10%); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(10%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeTop {
  0% {
    opacity: 0;
    -moz-transform: translateY(-10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeTop {
  0% {
    opacity: 0;
    -o-transform: translateY(-10%); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeTop {
  0% {
    opacity: 0;
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(52, 175, 35, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(52, 175, 35, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(52, 175, 35, 0); } }
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(52, 175, 35, 0.4);
    box-shadow: 0 0 0 0 rgba(52, 175, 35, 0.4); }
  70% {
    -moz-box-shadow: 0 0 0 15px rgba(52, 175, 35, 0);
    box-shadow: 0 0 0 15px rgba(52, 175, 35, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(52, 175, 35, 0);
    box-shadow: 0 0 0 0 rgba(52, 175, 35, 0); } }
/***************************************************************/
/*********************** NOTEBOOK ***********************/
/***************************************************************/
@media only screen and (min-width: 770px) and (max-width: 1440px) {
  .spinning-text-social {
    position: absolute;
    width: 552px;
    top: -1172px;
    right: -305px; }

  .we-always-care .years {
    right: 40px;
    bottom: -151px; }

  .intro {
    margin-bottom: 0 !important; }
    .intro .first-title {
      font-size: 70% !important; }

  .solucoes .solucao-item .titulo {
    font-size: 2rem !important; }

  .intro .img-big {
    width: 556px; }

  .wrap {
    max-width: 1000px; } }
@media only screen and (min-width: 767px) and (max-width: 769px) {
  .intro .first-title {
    font-size: 50px !important;
    line-height: 1; } }
/***************************************************************/
/************************* SMARTPHONE **************************/
/***************************************************************/
@media only screen and (max-width: 769px) {
  .intro {
    margin-bottom: -50px !important; }

  .wrap {
    max-width: 720px; }

  .tela-entrada-wrap {
    display: none; }

  .cortina {
    display: none; }

  /* BODY */
  body {
    font-size: 13px;
    line-height: 19px;
    overflow-x: hidden; }

  /* CONTAINER */
  .wrap,
  .wrap.compact {
    width: 100%;
    padding: 0 25px; }

  .wrap.compact {
    padding: 0 40px; }

  section {
    padding: 30px 0; }

  /* CLASS OF ORDER */
  .is-order-0-mobile {
    order: 0; }

  .is-order-1-mobile {
    order: 1; }

  .is-order-2-mobile {
    order: 2; }

  /* TITLES */
  h1 {
    font-size: 21px;
    line-height: 29px; }

  h2 {
    font-size: 40px; }

  h3 {
    font-size: 17px; }

  h1.borda,
  h2.borda {
    padding: 22px 19px;
    line-height: 39px; }

  h1.borda:before,
  h2.borda:before {
    height: 62px;
    width: 20px;
    border-radius: 0 12px 12px 0; }

  h1.borda:after,
  h2.borda:affter {
    height: 62px;
    width: 20px;
    border-radius: 12px 0 0 12px; }

  .waypoint {
    opacity: 1; }

  /* LINHA */
  .line {
    margin: 20px 0; }

  .intro .first-title {
    font-size: 27px; }

  /* MENU TOP */
  header .header-top {
    height: 35px;
    line-height: 35px;
    font-size: 10px;
    padding-left: 20px;
    padding-right: 20px; }

  header .header-top a {
    margin-left: 20px; }

  header .header-top i {
    font-size: 15px; }

  /* MENU */
  .menu-list-m {
    line-height: 1.7 !important; }

  header {
    z-index: 200;
    height: 70px; }
    header .navbar-item {
      font-size: 13px;
      padding: 8px 11px 25px; }
    header .navbar {
      background: none;
      min-height: 67px; }
    header .wrap {
      padding: 0; }
    header nav {
      margin-top: 21px;
      padding: 0 25px; }
    header .logo {
      width: 50%;
      height: 28px;
      background: url("../img/logo-amtrans-logistics-menu.svg") no-repeat left center;
      background-size: contain; }
    header .navbar-brand {
      background: none;
      padding-left: 0.75rem;
      padding-bottom: 15px; }

  /* BURGER */
  header .navbar-burger-close {
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 10;
    transform: scale(1.3); }

  header .navbar-burger {
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 10;
    transform: scale(1.3); }
    header .navbar-burger span {
      height: 2px;
      background: white;
      width: 24px; }
      header .navbar-burger span.orangeX {
        background: #ff6900; }
    header .navbar-burger:hover {
      background: none; }

  .close-text {
    position: absolute;
    top: 26px;
    right: 65px;
    z-index: 10;
    font-size: 0.6875rem; }
    .close-text.show {
      display: block; }

  /* MENU PRINCIPAL */
  header .navbar-menu {
    background: #ff6900;
    margin-top: 0px;
    padding: 2px 0 0;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3); }

  header .navbar-end {
    margin-top: 0;
    margin-left: 0; }

  header a.navbar-item {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 23px 0;
    font-size: 15px; }

  .redes-sociais-fixe {
    display: none; }

  .menu {
    top: 70px;
    align-items: unset; }
    .menu .menu-adress {
      display: none; }
    .menu .st-menu-box {
      padding-bottom: 0; }
    .menu .nd-menu-box {
      padding-top: 0;
      margin-top: 0; }
    .menu .redes-sociais {
      margin-top: 0.75rem; }
    .menu .menu-item.current:before {
      width: 25px; }
    .menu .menu-item::before {
      right: calc(100% + 10px); }
    .menu .container-menu {
      line-height: 2;
      padding: 0 50px; }
    .menu .menu-item {
      font-size: 1.5rem;
      margin-bottom: 0; }
    .menu.is-active {
      height: 100%; }

  /* FLAGS */
  .flags-mobile {
    position: absolute;
    top: 60px;
    right: 80px; }

  .flags-mobile a {
    margin: 0 3px; }

  .flags-mobile a img {
    max-width: 25px; }

  /* BREADCRUMB */
  .bread-crumb ul {
    background-position: 0 2px; }

  .bread-crumb li {
    font-size: 12px;
    margin-right: 5px; }

  .bread-crumb li span {
    margin-left: 6px; }

  .bread-crumb .wrap {
    padding: 0 15px; }

  .aeo-section {
    padding: 80px 0;
    margin-top: 60px; }

  .aeo-img {
    width: 60%; }

  .video-home a .line-left, .video-home a .line-right {
    top: 11px; }

  .marquee {
    font-size: 37.5px;
    padding-bottom: 80px; }

  .intro {
    line-height: 1.14;
    font-size: 38px;
    background: url("../img/amtrans-solucoes-transporte-maritimo-m.jpg");
    background-repeat: no-repeat;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 90% 100px;
    min-height: 500px; }
    .intro .img-big {
      display: none; }
    .intro .img-small {
      display: none; }

  .contato-home {
    padding-top: 100px; }

  .we-always-care {
    margin-bottom: 0;
    font-size: 16px; }
    .we-always-care img {
      padding: 25px; }
    .we-always-care .years {
      display: none; }
    .we-always-care .botao {
      font-size: 16px;
      text-align: center !important; }
    .we-always-care #text-circle-1 {
      display: none; }
    .we-always-care #text-circle-2 {
      display: none; }

  .solucoes .nossas-solucoes-section-title {
    font-size: 3rem;
    margin-top: 50px; }
  .solucoes .solucao-item .titulo {
    font-size: 27px;
    padding-left: 40px; }
    .solucoes .solucao-item .titulo:hover::before {
      display: none; }
  .solucoes .solucao-item .texto {
    padding-left: 40px; }
  .solucoes .solucao-item .expand .fa {
    font-size: 20px; }
  .solucoes .solicite-orcamento-link {
    padding-top: 0; }
  .solucoes .saiba-mais {
    text-align: left !important; }

  .solicite-orcamento h3 {
    font-weight: lighter; }
  .solicite-orcamento .solicite-orcamento-text {
    line-height: 1.5; }

  .page-network.we-keep {
    height: unset; }

  .page-blog .categorias {
    margin-top: 0; }

  .page-interna-wrapper .has-text-justify {
    text-align: justify; }
  .page-interna-wrapper #text-circle-1 {
    display: none; }
  .page-interna-wrapper #text-circle-2 {
    display: none; }
  .page-interna-wrapper .logo-outubro-rosa {
    margin: auto; }
  .page-interna-wrapper .sub-page-wrap h1 {
    font-size: 28px;
    text-align: left; }
  .page-interna-wrapper .sub-page-wrap .texto-destaque {
    font-size: 35px;
    margin: 60px 0 100px 0; }
  .page-interna-wrapper .sub-page-wrap .img-big {
    width: 215px;
    top: 50px;
    left: unset;
    right: 25px; }
  .page-interna-wrapper .sub-page-wrap .seal {
    display: none; }
  .page-interna-wrapper .frase-destaque {
    font-size: 3.125rem; }
  .page-interna-wrapper .we-keep-it {
    font-size: 28px !important; }
  .page-interna-wrapper .img-2-big {
    display: none; }
  .page-interna-wrapper .play-video-column .bt-video {
    margin: auto; }
  .page-interna-wrapper .quem-somos.video h4 {
    margin-left: 0;
    text-align: center; }
  .page-interna-wrapper h2.small {
    font-size: 20px; }
  .page-interna-wrapper .botao {
    color: #000;
    text-align: left !important;
    font-weight: 400; }
  .page-interna-wrapper .principais-segmentos h2 {
    font-size: 30px; }
  .page-interna-wrapper .principais-segmentos a {
    font-size: 25px; }
  .page-interna-wrapper .solicite-orcamento h3 {
    font-size: 25px;
    margin-bottom: 0; }
  .page-interna-wrapper .solicite-orcamento p {
    font-size: 16px; }

  .page-social .bt-video {
    top: calc(50% - 120px);
    left: calc(50% - 87px);
    margin-top: 30px; }

  .page-solucoes.interna.detalhes.bg-black {
    font-size: 16px; }

  .page-solucoes.interna .servico-atuacao {
    padding-right: 0 !important; }
  .page-solucoes.interna h2 {
    font-size: 20px; }
  .page-solucoes.interna .frase-destaque {
    width: unset;
    position: relative;
    font-size: 30px;
    left: -50%;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%); }

  .solucoes-internal-page .text-content {
    font-size: 16px; }

  .detalhes-list p {
    font-size: 16px; }

  .page-segmentos.principais-segmentos h2 {
    font-size: 30px; }
  .page-segmentos.principais-segmentos a {
    font-size: 20px; }

  .page-solucoes .item-cidade h2 {
    margin-top: 36px;
    font-size: 20px;
    padding-bottom: 20px; }

  .img-solucoes-mobile {
    left: 25px !important; }

  h2.texto-destaque-solucoes {
    font-size: 26px !important;
    margin-left: 120px !important;
    margin-right: -25px !important; }

  .solucoes-text-row {
    font-size: 18px; }

  .page-segmentos.interna .destaque-txt {
    font-size: 20px; }

  .detalhes h2 span {
    font-size: 20px; }
  .detalhes .lista-itens-seg {
    font-size: 16px !important; }

  .bread-crumb {
    margin-top: 80px; }

  .cosmeticos-bg-black-title {
    font-size: 20px !important; }

  .quem-somos.video {
    background: url(../img/amtrans-apresentacao-empresa-video-m.jpg) center top no-repeat; }

  .pulse {
    margin-top: -100% !important; }

  .table-politica-privacidade {
    width: 800px; }

  span.proxima {
    display: none; }

  span.anterior {
    display: none; }

  footer {
    padding-top: 20px; }
    footer .line {
      display: none; }
    footer .direitos {
      font-size: 10px;
      text-align: center;
      opacity: 0.5;
      line-height: 1.5;
      margin-bottom: 60px; }
    footer .we-always-care-column {
      display: none; }
    footer .logo-footer-col {
      margin: auto;
      padding: 1.75rem; }
    footer .we-always-care-col-mobile {
      display: block; }
    footer .aeo {
      float: left; }
    footer .foo-conecte-se {
      font-weight: lighter;
      line-height: 2; }

  .slick-testimony {
    padding-left: 0 !important; }
    .slick-testimony .slick-prev {
      left: -33px !important; }
    .slick-testimony .slick-next {
      right: -33px !important; }

  .testimony-img-wrap {
    display: none !important; }

  .testimony-text {
    width: 100% !important;
    padding: 0 20px; }

  .people .manifest-section {
    padding-bottom: 5rem; }

  .ver-video-move-on-title {
    font-size: 18px;
    margin-top: -12px !important; }

  .people {
    text-align: justify; }
    .people h3 {
      font-size: 1.5rem !important; }
    .people .texto-destaque {
      margin-top: 50% !important;
      margin-left: 30% !important; }
    .people .video {
      margin-top: -100px; }
      .people .video h4 {
        margin-left: 40px;
        margin-top: 20px; }
    .people .play-video-column {
      margin: 0;
      transform: none; }
    .people .we-always-care-section {
      margin-top: -12rem; }
    .people .we-always-care-logo {
      padding: 50px; }
    .people .togheter-work-title {
      font-size: 25px !important;
      text-align: center; }
    .people .we-do-ours-img {
      width: 60%; }
    .people .we-do-ours-title {
      margin-left: 70px !important;
      margin-top: -80% !important;
      font-size: 35px !important; }
    .people .make-it-happen-title {
      font-size: 25px;
      text-align: center; }
    .people .move-on {
      font-size: 50px;
      margin: 20px 0; }
    .people .competence-program-section {
      margin-top: 50px; }
    .people .competence-program-title {
      text-align: center;
      font-size: 25px !important; }
    .people .competence-program-text {
      text-align: justify !important;
      margin-top: 0 !important; }
    .people .slider-people-title {
      font-size: 25px !important; }
    .people .know-more-btn {
      margin-left: calc(50% - 50px); }

  footer .aviso-cookies {
    flex-direction: column;
    width: 90%;
    margin: 0 5%;
    left: 0;
    gap: 10px;
    text-align: center;
    z-index: 99998; }
  footer .aceitar-cookies {
    padding: 8px 40px  !important; } }

/*# sourceMappingURL=style.css.map */