/* 
Theme Name: MultiCargo Landing Page
Theme URI: http://artedigital.rio
Author: RC
Author URI: http://artedigita.rio
Description: Multicargo Landing Page
Version: 1.0
Text Domain: artedigital
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

*::after,
*::before {
  box-sizing: inherit;
}

img {
  display: inline-block;
  max-width: 100%;
}

/*  */

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

body {
  margin: 0;
  text-align: left;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: #474747;
  /* background-color: #f5f5f5 */
}

a {
  color: #fff;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: .3s all ease;
  background-color: transparent;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  text-decoration: none
}

a:hover {
  color: #fff;
  text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6,
aside a,
footer a {
  word-break: break-word
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

p {
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 1rem
}

ul {
  padding-left: 15px
}

blockquote {
  background: #f9f9f9;
  border-left: 5px solid rgba(121, 121, 253, 0.5);
  padding: 1px 10px
}

img {
  border-style: none;
  vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  font-family: "Inter", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

h1 {
  font-size: 2.5rem
}

h2 {
  font-size: 2rem
}

h3 {
  font-size: 1.75rem
}

h4 {
  font-size: 1.5rem
}

h5 {
  font-size: 1.25rem
}

h6 {
  font-size: 1rem
}

table,
th,
td {
  border: 1px solid #333
}

strong {
  font-weight: 700;
}

fieldset {
  min-width: 0
}

header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  font-weight: 400;
  background: #fff;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow-x: auto;
  overflow-y: auto;
  max-width: 500px
}

::placeholder {
  color: #FFFFFF;
}

/*  */

/* mini */

.mb-5 {
  margin-bottom: 2.5rem !important
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container {
    max-width: 540px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 980px
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px
  }
}

@media (min-width: 1620px) {
  .container {
    max-width: 1360px
  }

  .row {
    max-width: none
  }

  .wrapper .main-content {
    max-width: none
  }
}


[class*="col-"] {
  padding: 0 15px;
}

/* width */
:root {
  --c: calc(100% / 12);
}

/* XS */
.col-1 {
  width: calc(var(--c) * 1);
}

.col-2 {
  width: calc(var(--c) * 2);
}

.col-3 {
  width: calc(var(--c) * 3);
}

.col-4 {
  width: calc(var(--c) * 4);
}

.col-5 {
  width: calc(var(--c) * 5);
}

.col-6 {
  width: calc(var(--c) * 6);
}

.col-7 {
  width: calc(var(--c) * 7);
}

.col-8 {
  width: calc(var(--c) * 8);
}

.col-9 {
  width: calc(var(--c) * 9);
}

.col-10 {
  width: calc(var(--c) * 10);
}

.col-11 {
  width: calc(var(--c) * 11);
}

.col-12 {
  width: calc(var(--c) * 12);
}

/* =======================
   SM 576px
======================= */
@media (min-width: 576px) {
  .col-sm-1 {
    width: calc(var(--c) * 1);
  }

  .col-sm-2 {
    width: calc(var(--c) * 2);
  }

  .col-sm-3 {
    width: calc(var(--c) * 3);
  }

  .col-sm-4 {
    width: calc(var(--c) * 4);
  }

  .col-sm-5 {
    width: calc(var(--c) * 5);
  }

  .col-sm-6 {
    width: calc(var(--c) * 6);
  }

  .col-sm-7 {
    width: calc(var(--c) * 7);
  }

  .col-sm-8 {
    width: calc(var(--c) * 8);
  }

  .col-sm-9 {
    width: calc(var(--c) * 9);
  }

  .col-sm-10 {
    width: calc(var(--c) * 10);
  }

  .col-sm-11 {
    width: calc(var(--c) * 11);
  }

  .col-sm-12 {
    width: calc(var(--c) * 12);
  }
}

/* =======================
   MD 768px
======================= */
@media (min-width: 768px) {
  .col-md-1 {
    width: calc(var(--c) * 1);
  }

  .col-md-2 {
    width: calc(var(--c) * 2);
  }

  .col-md-3 {
    width: calc(var(--c) * 3);
  }

  .col-md-4 {
    width: calc(var(--c) * 4);
  }

  .col-md-5 {
    width: calc(var(--c) * 5);
  }

  .col-md-6 {
    width: calc(var(--c) * 6);
  }

  .col-md-7 {
    width: calc(var(--c) * 7);
  }

  .col-md-8 {
    width: calc(var(--c) * 8);
  }

  .col-md-9 {
    width: calc(var(--c) * 9);
  }

  .col-md-10 {
    width: calc(var(--c) * 10);
  }

  .col-md-11 {
    width: calc(var(--c) * 11);
  }

  .col-md-12 {
    width: calc(var(--c) * 12);
  }
}

/* =======================
   LG 992px
======================= */
@media (min-width: 992px) {
  .col-lg-1 {
    width: calc(var(--c) * 1);
  }

  .col-lg-2 {
    width: calc(var(--c) * 2);
  }

  .col-lg-3 {
    width: calc(var(--c) * 3);
  }

  .col-lg-4 {
    width: calc(var(--c) * 4);
  }

  .col-lg-5 {
    width: calc(var(--c) * 5);
  }

  .col-lg-6 {
    width: calc(var(--c) * 6);
  }

  .col-lg-7 {
    width: calc(var(--c) * 7);
  }

  .col-lg-8 {
    width: calc(var(--c) * 8);
  }

  .col-lg-9 {
    width: calc(var(--c) * 9);
  }

  .col-lg-10 {
    width: calc(var(--c) * 10);
  }

  .col-lg-11 {
    width: calc(var(--c) * 11);
  }

  .col-lg-12 {
    width: calc(var(--c) * 12);
  }
}

/* =======================
   XL 1200px
======================= */
@media (min-width: 1200px) {
  .col-xl-1 {
    width: calc(var(--c) * 1);
  }

  .col-xl-2 {
    width: calc(var(--c) * 2);
  }

  .col-xl-3 {
    width: calc(var(--c) * 3);
  }

  .col-xl-4 {
    width: calc(var(--c) * 4);
  }

  .col-xl-5 {
    width: calc(var(--c) * 5);
  }

  .col-xl-6 {
    width: calc(var(--c) * 6);
  }

  .col-xl-7 {
    width: calc(var(--c) * 7);
  }

  .col-xl-8 {
    width: calc(var(--c) * 8);
  }

  .col-xl-9 {
    width: calc(var(--c) * 9);
  }

  .col-xl-10 {
    width: calc(var(--c) * 10);
  }

  .col-xl-11 {
    width: calc(var(--c) * 11);
  }

  .col-xl-12 {
    width: calc(var(--c) * 12);
  }
}


.container {
  display: block;
}

.row,
.row2 {
  display: flex;
  flex-wrap: wrap;
}

.row2 {
  margin-left: -15px;
  margin-right: -15px;
}


.list-1 ul {
  padding-left: 0;
}

.list-1 li {
  display: block;
}

.list-1 li::before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #FFF;
  border: 2px solid #EF7D00;
  margin-right: 16px;
  position: relative;
  top: -3px;
}

/* utils */

.w-full {
  width: 100%;
}


.alignright {
  float: right;
  margin: 5px 0 20px 20px
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0
}

.w-full {
  width: 100%;
}

.text-center {
  text-align: center;
}

.italic {
  font-style: italic;
}

.hr {
  position: relative;
}

.hr-1 {
  width: 100%;
  height: 5px;
  background: linear-gradient(270deg, #e85601 0%, #ef7d00 100%);
  z-index: 1;
  border: 0;
}

.hr-top {
  position: absolute;
  top: 0;
}

.hr-bottom {
  position: absolute;
  bottom: 0;
}

:root {
  --ly-font_family1: 'Roboto Flex', sans-serif;
  --ly-font_family2: '';
  --ly-font_family3: '';
  --color-1: #EF7D00;
  --ly-gray1: #FAFAFA;
  --ly-gray2: #EAEAEA;
  --ly-gray3: #D8D8D8;
  --ly-gray4: #BABABA;
  --ly-gray5: #AAAAAA;
  --ly-gray9: #2D2D2D;
  --ly-gray10: #1E1E1E;
}

@media screen and (min-width:769px) {
  .mobile {
    display: none;
  }
}

@media screen and (max-width:768px) {
  .desktop {
    display: none;
  }
}

@media screen and (min-width:1171px) {
  .mobile-lg {
    display: none !important;
  }
}

@media screen and (max-width:1170px) {
  .desktop-lg {
    display: none !important;
  }
}

/* header */
.site-header {
  position: absolute;
  top: 0;
  background-color: transparent;
}

.site-header .container {
  display: flex;
  align-items: center;
  max-width: 1920px;
  min-height: 140px;
}

.site-header .cta {
  display: flex;
  justify-content: flex-end;
}

.site-header .menu {
  display: flex;
  justify-content: center;
}

.menu ul {
  list-style: none;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.menu li {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.1818;
  text-align: center;
  color: #ffffff;
}

.menu ul li {
  padding: 0 32px;
}

.cta a {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.1818;
  text-align: center;
  color: #ffffff;
  background-color: var(--color-1);
  border-radius: 2px;
  width: 150px;
  line-height: 50px;
  padding: 0 10px;
}

.language {
  margin-left: 20px;
  background: rgba(255, 255, 255, .2);
  padding: 0 17px;
  border-radius: 2px;
}

.language a {
  background: transparent;
  padding: 0;
  border-radius: 0;
  line-height: normal;
  width: auto;
}

.language .gtranslate_wrapper {
  display: flex;
  align-items: center;
  height: 50px;
  gap: 12px;
}

.language a.glink img {
  margin: 0 !important;
  min-width: 20px !important;
}


/*  */
p {
  font-size: 14px;
  margin-bottom: 20px;
}

ul {
  font-size: 18px;
}

h2 {
  font-style: normal;
  font-weight: 200;
  font-size: 80px;
  line-height: 1.2;
  color: #ef7d00;
}

h2 span {
  color: #000000;
}

.banner-full img {
  width: 100%;
}

.banner-full .metaslider .flexslider {
  margin: 0 !important;
}

section.section-about {
  max-width: 1920px;
  margin: 0 auto;
}


.about-intro .img {
  width: 100%;
  max-width: 823px;
  padding: 0;
}

.about-intro .text {
  max-width: 670px;
  max-width: 700px;
}

.about-intro.row {
  justify-content: flex-start;
  max-width: 1576px;
  padding-top: 109px;
  margin-bottom: 55px;
  /* padding: 0 15px; */
}

.about-intro h2 {
  font-weight: 400;
  font-size: 38px;
  line-height: 1.1;
  color: #000000;
}

.about-intro h3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 1.1;
  color: #EF7D00;
}

.about-intro p {
  font-size: 18px;
}


.about-values.row {
  justify-content: center;
  margin-bottom: 68px;
}

.about-values .item {
  padding: 15px;
  width: 33.3333%;
  max-width: 400px;
  /* min-height: 290px; */
}

.item-value {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #000000;
  position: relative;
  min-height: 290px;
  overflow: hidden;
  padding: 15px;
}

.item-value sub {
  font-size: 42px;
  font-weight: 400;
  vertical-align: baseline;
}


.item-value h3 {
  font-weight: 200;
  font-size: 100px;
  line-height: 1.21;
  text-align: center;
  color: #ffffff;
}

.item-value p {
  font-weight: 700;
  font-size: 28px;
  line-height: normal;
  text-align: center;
  color: #ef7d00;
}

.item-value::before,
.item-value::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #EF7D00;
  border: 5px solid #FFF;
  transform: rotate(45deg);
}

.item-value::before {
  top: -25px;
  left: -25px;
}

.item-value::after {
  bottom: -25px;
  right: -25px;
}

/*  */

h3 {
  font-style: normal;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.19;
  color: #000000;
}

h3 strong {
  color: #EF7D00;
}

h3 span {
  color: #EF7D00;
}

.about-presence {
  margin-bottom: 72px;
}

.about-presence h2 {
  text-align: center;
  margin-bottom: 37px;
}

.about-presence p {
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #000000;
}

.about-presence p strong,
.about-presence p span {
  color: #EF7D00;
}

.about-presence .global {
  margin-bottom: 32px;
}

.about-presence .nacional h2 {
  text-align: left;
  margin-bottom: 30px;
}

.about-presence .logos {
    display: flex;
    justify-content: center;
    margin: 10px 0 70px;
    gap: 40px;
}

.s-partners {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.s-partners h3 {
  text-align: center;
  margin-bottom: 56px;
}

.s-partners .items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0 auto;
}

.s-partners .container {
  max-width: 1200px;
  padding: 0;
}

.s-partners .item {
  text-align: center;
  padding: 0 9px;
}

.s-partners {
  padding: 0 50px;
}

.s-partners .slick-next,
.s-partners .slick-prev {
  margin: 0 -50px;
}

.company-group {
  padding: 78px 0 50px;
}

.company-group .items {
  justify-content: center;
}

.item-company {
  text-align: center;
  padding: 24px;
  max-width: 370px;
}

.item-company img {
  margin-bottom: 8px;
}

.company-group .container {
  max-width: 100%;
  padding: 0;
}

.company-group h3 {
  text-align: center;
  margin-bottom: 30px;
}

.our-team {
  position: relative;
  background-color: #F07D00;
  padding: 65px 0 101px;
}

.our-team .container {
  position: relative;
  z-index: 9;
}

.our-team h2 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 50px;
}

.our-team .item {
  padding-top: 50px;
}

.our-team .slick-slider .item,
.our-team .slick-slider .item-team,
.our-team .slick-slide>div {
  height: 100%;
}

.our-team .slick-slide .social {
  margin-top: auto;
}

.item-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #000000;
  text-align: center;
  padding: 20px;
  min-height: 507px;
}

.item-team>img {
  margin-top: -70px;
  margin-bottom: 18px;
  width: 73%;
  max-width: 230px;
}

.item-team h3 {
  font-weight: 400;
  font-size: 28px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
}

.item-team small {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.16;
  text-align: center;
}

.item-team p {
  margin-top: 16px;
  margin-bottom: 28px;
  /* max-width: 258px; */
}

.text-block {
  align-items: center;
  min-height: 320px;
  background: #000000;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.17;
  text-align: center;
  color: #ffffff;
}

.text-block p {
  background: #000000;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.17;
  color: #ffffff;
}

.multisolutions-block {
  color: #FFFFFF;
  padding: 60px 0 85px;
  background: #000000;
}

.multisolutions-block h2,
.multisolutions-block p {
  text-align: center;
}


.multisolutions-block h2 {
  margin-bottom: 35px;
}

.multisolutions-block p {
  font-style: normal;
  font-weight: 200;
  font-size: 28px;
  line-height: 1.35;
  text-align: center;
  color: #ffffff;
  margin-bottom: 61px;
}

.multisolutions-block .container {
  max-width: 1200px;
}

.multisolutions-block .item+.item {
  margin-top: 30px;
}

.item-solution {
  display: flex;
  padding: 40px;
  border-radius: 5px;
  border: 1px solid #2d2d2d;
}

.item-solution .icon {
  background: url(./exportados/bg-icon.webp) no-repeat left / contain;
  margin-top: 32px;
}

.item-solution h4 {
  font-weight: 700;
  font-size: 50px;
  line-height: 52px;
  color: #ef7d00;
}

.item-solution,
.item-solution p {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.item.item-solution img {
  max-width: 100px;
}

.testimonials {
  min-height: 590px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url("./exportados/bg-depoimentos.webp") no-repeat center center;
  background-size: cover;
  background-color: #000000c7;
  color: #FFF;
}

.testimonials .container {
  max-width: 1136px;
  text-align: center;
  background: #000000;
  padding: 65px 93px 44px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .1);
  min-height: 278px;
}


.testimonials .container::before,
.testimonials .container::after {
  content: "";
  background: url('./exportados/quote.svg') no-repeat center / contain;
  width: 56px;
  height: 45px;
  position: absolute;
}

.testimonials .container::before {
  left: 0;
  top: -22px;
}

.testimonials .container::after {
  right: 0;
  bottom: -22px;
  transform: rotate(180deg);
}

.testimonials h2 {
  font-weight: 500;
  font-size: 60px;
  line-height: 1.2;
  color: #ef7d00;
  margin-bottom: 32px;
}

.item-testimonial strong {
  display: block;
  line-height: normal;
  font-size: 18px;
}

.item-testimonial small {
  font-size: 16px;
  color: #bababa;
}

.item-testimonial p {
  font-size: 18px;
  margin-bottom: 42px;
}

/*  */

.site-footer {
  font-size: 14px;
  color: var(--ly-gray2);
  background: #000;
  padding-top: 100px;
}

.site-footer p {
  font-weight: 200;
}

.row {
  display: flex;
}

.site-footer>.container {
  justify-content: space-around;
  padding-bottom: 68px;
  max-width: 100%;
}

.footer-links {
  background: #1E1E1E;
  padding: 36px 15px 70px;
}

.site-footer h2 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}

.site-footer ul {
  list-style: none;
  font-size: 14px;
  padding: 0;
}

.site-footer form {
  display: flex;
  flex-direction: column;
}

.site-footer .col-small {
  min-width: 158px;
}

input,textarea,select {
  font-family: 'Inter', sans-serif;
}

input {
  line-height: 16px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-bottom: 15px;
  height: 45px;
  border-radius: 2px;
  border: 1px solid #ffffff;
  padding: 0 24px;
  background: transparent;
}

textarea {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-bottom: 15px;
  border-radius: 2px;
  border: 1px solid #ffffff;
  padding: 24px;
  background: transparent;
}

select {
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 400;
  padding: 0 24px;
  border: 1px solid #ffffff;
}

input[type='submit'] {
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 0;
  color: #ffffff;
  background: #F07D00;
  border-radius: 2px;
  border: 0;
}

.footer-links ul {
  display: inline-flex;
  width: 100%;
  color: var(--ly-gray3);
}

.footer-links li {
  padding: 0 3%;
}

.footer-links .container {
  padding: 15px;
  max-width: 1073px;
}

.copy p {
  font-size: 12px;
  font-weight: 200;
  color: #aaaaaa;
  margin: 0;
}

.copy {
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-height: 50px;
  background: #2D2D2D;
}

.nf-form-fields-required {
    display: none;
}

.nf-field-label {
    display: none;
}

.nf-field-container {
    margin-bottom: 15px !important;
}

.nf-field-element input, 
.nf-field-element select, 
.nf-field-element textarea {
    min-height: 45px;
}

.nf-field-element select {
    background: #000;
    color: #FFF;
    border: 1px solid #ffffff;
}

.textarea-container {
}

.nf-field-element textarea {
    display: block;
    height: auto;
    min-height: 90px;
}

.field-wrap input[type=submit] {
}

div#nf-field-6-wrap .nf-field-element {
    padding: 0 24px;
    padding-right: 16px;
    border: 1px solid #ffffff;
}

select#nf-field-6 {
    padding: 0;
    border: 0;
}

.f-social a {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.f-social strong {
  font-weight: 400;
  display: block;
}

.f-social span {
  line-height: normal;
}

.f-social img {
  margin-right: 12px;
}

.slick-slider {
  position: relative;
}

.slick-track {
  display: flex;
}

.slick-list.draggable {
  width: 100%;
  overflow: hidden;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  font-size: 0;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxnPg0KICAgIDxwYXRoIGQ9Ik0yIDBMNDggMEM0OS4xMDQ3IDAgNTAgMC44OTUyOCA1MCAyTDUwIDQ4QzUwIDQ5LjEwNDcgNDkuMTA0NyA1MCA0OCA1MEwyIDUwQzAuODk1Mjc5IDUwIDAgNDkuMTA0NyAwIDQ4TDAgMkMwIDAuODk1MjggMC44OTUyNzkgMCAyIDBMMiAwWiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgNTAgMCkiIC8+DQogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQgMTQpIj4NCiAgICAgIDxwYXRoIGQ9Ik0yMiA5LjYyNUw1LjI2NjI1IDkuNjI1TDEyLjk1MjUgMS45Mzg3NUwxMSAwTDAgMTFMMTEgMjJMMTIuOTM4NyAyMC4wNjEzTDUuMjY2MjUgMTIuMzc1TDIyIDEyLjM3NUwyMiA5LjYyNVoiIGZpbGw9IiNFRjdEMDAiIC8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4=") no-repeat;
  display: block;
}


.our-team .slick-next:before,
.our-team .slick-prev:before {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxnPg0KICAgIDxwYXRoIGQ9Ik0zIDBMNDcgMEM0OC42NTcxIDAgNTAgMS4zNDI5MiA1MCAzTDUwIDQ3QzUwIDQ4LjY1NzEgNDguNjU3MSA1MCA0NyA1MEwzIDUwQzEuMzQyOTIgNTAgMCA0OC42NTcxIDAgNDdMMCAzQzAgMS4zNDI5MiAxLjM0MjkyIDAgMyAwTDMgMFoiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIiAvPg0KICAgIDxwYXRoIGQ9Ik0wIDI1LjE0NTJMMy4yMjYxOSAyOC45MDc1TDE3LjYwNTcgMTQuMzc5NUwzLjIyNjE5IDBMMCAzLjk5MTRMMTAuODg1NyAxNC4zNzk1TDAgMjUuMTQ1MloiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDMyLjgwMyAxMC41NDYpIiAvPg0KICA8L2c+DQo8L3N2Zz4=") no-repeat;
}

.slick-next:before {
  transform: rotate(180deg);
}

.testimonials {
  padding: 0 50px;
}

.testimonials .slick-prev,
.testimonials .slick-next {
  margin: 0 -50px;
}


.our-team .slick-slider {
  position: static;
  padding: 0 30px;
}

.our-team .slick-next {
  right: 0px;
  margin: 0;
}

.our-team .slick-prev {
  left: 0px;
  margin: 0;
}

.our-team .slick-next,
.our-team .slick-prev {
  top: 60%;
}


.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
  width: 50px;
  height: 50px;
  z-index: 99;
}

.slick-dots {
  left: 0;
}

.slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  /* padding: 5px; */
  background: transparent;
  border: 1px solid #ef7d00;
}

.slick-dots .slick-active button {
  background: #ef7d00;
  border: 1px solid #ef7d00;
}

.slick-dots li button:before {
  display: none;
}

.slick-dots {
  bottom: -52px;
}

.slick-dotted.slick-slider {
  margin-bottom: 42px;
}

.slick-dots li {
  width: 10px;
}

.our-team .slick-dots .slick-active button {
  background: #FFF;
  border: 1px solid #FFF;
}
.our-team .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  background: transparent;
  border: 1px solid #FFF;
}

/**/

.site-header .logo {
  margin-right: auto;
}

.burguer {
  width: 40px;
  height: 23px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 24px;
}

.burguer span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.burguer span:nth-child(1) {
  top: 0px;
}

.burguer span:nth-child(2),
.burguer span:nth-child(3) {
  top: 10px;
}

.burguer span:nth-child(4) {
  top: 20px;
}

.burguer.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

.burguer.open span:nth-child(2) {
  transform: rotate(45deg);
}

.burguer.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.burguer.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}

/* home */
.home main {
  overflow: hidden;
}

@media screen and (min-width:1170px) {
  .about-intro .img {
    width: 100%;
    width: 54%;
    max-width: 823px;
  }

  .about-intro .text {
    padding-right: 0;
    padding-left: 30px;
    margin-left: auto;
    max-width: 670px;
    max-width: 700px;
    width: 46%;
  }

  .item-company {
    width: 33.3333%;
  }

  .item-solution > div:first-child {
    padding-left: 0;
  }

  .logged-in .site-header {
    top: 32px;
  }
}

@media screen and (max-width:1578px) {
  .menu ul li {
    padding: 0 20px;
  }
}

@media screen and (max-width:1400px) {
  .menu ul li {
    padding: 0 15px;
  }

  .site-header .logo {
    padding: 0;
    width: 160px;
  }

  .site-header .cta {
    padding: 0;
    width: 21%;
  }
}

@media screen and (max-width:1170px) {
  .site-header .container {
    justify-content: space-between;
    min-height: 70px;
  }

  .site-header {
    position: relative;
    background: #000000;
  }

  .site-header .logo img {
    height: 40px;
  }

  .site-header .cta {
    padding-right: 0;
  }

  .site-header .language {
    background: transparent;
    padding-right: 0;
  }

  .about-values .item {
    width: 50%;
    max-width: 50%;
  }

  .about-intro.row {
    padding-top: 28px;
  }

  .about-presence .logos {
    margin: 4px 0 40px;
    gap: 20px;
  }

  .foo-logo {
    text-align: center;
  }

  .foo-logo img {
    display: inline-block;
  }

  .site-footer>.container>div {
    width: 100%;
    margin-bottom: 30px;
  }

  .site-footer {
    padding-top: 30px;
  }

  .site-footer>.container {
    padding-bottom: 50px;
  }

  .footer-links ul {
    flex-direction: column;
  }

  .footer-links li {
    padding: 0;
    margin-bottom: 24px;
  }

  .footer-links li:last-child {
    margin-bottom: 0;
  }

  .site-footer>.container,
  .footer-links .container {
    padding: 0 7px;
  }

  /* new */
  h2 {
    font-size: 50px;
  }

  ul {
    font-size: 16px;
  }

  h3 {
    font-size: 28px;
  }

  p {
    font-size: 12px;
  }

  .about-intro h2 {
    font-size: 32px;
    margin-bottom: 0;
  }

  .about-intro h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .about-intro p {
    font-size: 16px;
  }

  .about-values .item {
    padding: 5px 15px;
  }

  .item-value h3 {
    font-size: 80px;
  }

  .item-value p {
    font-size: 22px;
  }


  .about-values.row {
    margin-bottom: 39px;
  }

  .about-presence h2 {
    margin-bottom: 16px;
  }

  .about-presence p {
    font-size: 18px;
    line-height: 28px;
  }

  .about-presence .global {
    margin-bottom: 20px;
  }

  .s-partners h3 {
    margin-bottom: 28px;
  }

  .company-group {
    padding: 25px 0 25px;
  }

  .company-group h3 {
    margin-bottom: 25px;
  }

  .item-company {
    padding: 5px 15px;
  }

  .our-team {
    padding: 45px 0 83px;
  }

  .item-team {
    padding: 20px 18px;
  }

  .item-team h3 {
    font-size: 22px;
  }

  .item-team small {
    font-size: 14px;
  }

  .text-block p {
    font-size: 22px;
    line-height: normal;
  }

  .text-block {
    padding: 75px 15px 0;
    min-height: auto;
  }

  .multisolutions-block {
    padding: 10px 0 20px;
  }

  .multisolutions-block h2 {
    margin-bottom: 18px;
  }

  .multisolutions-block p {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .item.item-solution img {
    max-width: 60px;
  }

  .item-solution h4 {
    font-size: 26px;
    line-height: normal;
    margin-bottom: 0;
  }

  .item-solution {
    padding: 15px 15px 28px;
  }

  .item-solution,
  .item-solution p,
  .item-solution ul {
    font-size: 14px;
  }

  .multisolutions-block .item+.item {
    margin-top: 15px;
  }

  .testimonials .container {
    /* padding: 55px 20px 25px; */
    padding: 55px 20px 65px;
    min-height: auto;
  }

  .testimonials h2 {
    font-size: 32px;
  }

  .item-testimonial {
    line-height: normal;
  }

  .item-testimonial p {
    font-size: 14px;
    margin-bottom: 28px;
  }

  .item-testimonial strong {
    font-size: 14px;
  }

  .item-testimonial small {
    font-size: 12px;
  }

  .site-footer {
    font-size: 12px;
  }


  .foo-logo img {
    max-width: 170px;
  }

  
  .menu {
    transition: overflow ease 1s;
  }

  .menu-open {
    overflow: hidden;
  }

  .site-header .menu {
    justify-content: flex-start;
  }
  .menu {
    /* display: flex; */
    flex-direction: column;
    /* justify-content: flex-start; */
    position: absolute;
    left: -100%;
    width: 100%;
    top: 69px;
    background: #1E1E1E;
    padding: 40px;
    height: 100vh;
    opacity: 0;
    transition:all ease .5s;
  }

  .menu-open .menu {
    left: 0;
    opacity: 1;
  }

  .menu ul {
    flex-direction: column;
    justify-content: flex-start;
  }

  .menu ul li {
    font-size: 20px;
    text-align: left;
    padding: 0;
    margin-bottom: 30px;
  }

  .menu ul a {
    display: block;
    line-height: 24px;
  }

  .menu .cta {
    justify-content: flex-start;
    padding: 0;
    width: 100%;
  }

  .menu .cta .btn {
    width: 100%;
  }

  .language a.glink img {
    margin: 0 !important;
    min-width: 30px !important;
  }

}

@media screen and (max-width:768px) {
  .about-presence .nacional h2 {
    text-align: center;
  }

  .about-presence .nacional img.mobile {
    margin-bottom: 38px;
  }
}

@media screen and (max-width:700px) {
  .our-team::after {
    content: "";
    background: url(./exportados/bg-1-1920.png) no-repeat left center;
    position: absolute;
    background-size: contain;
    width: 1920px;
    height: 40.6vw;
    bottom: -20.5vw;
  }

  .about-values .item {
    width: 100%;
    max-width: 100%;
  }

  .about-values .item-value {
    min-height: 190px;
  }

  .copy {
    flex-direction: column;
    justify-content: center;
    padding: 15px;
  }

  .item-solution {
    flex-direction: column;
    align-items: center;
  }

  .item-solution h4 {
    text-align: center;
  }

  .item-solution .icon {
    text-align: center;
    background:none;
  }

  .item-solution>div:first-child {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }

  .item-solution > div {
    width: 100%;
    padding: 0;
  }
  
  .testimonials {
    padding: 34px 35px 0px;
  }
  
  .testimonials .slick-prev, .testimonials .slick-next {
    margin: 0 -35px;
  }

  .testimonials .slick-dots {
    bottom: -72px;
  }

  .testimonials .container {
    background: rgb(255 255 255 / 10%);
    backdrop-filter: blur(15px);
    min-height: auto;
    margin-bottom: 72px;
  }

  .testimonials .container::before,
  .testimonials .container::after {
    width: 40px;
    height: 32px;
    left:0;
    right:0;
    margin:auto;
  }

  .testimonials .container::before {
    top: -15px;
  }

  .testimonials .container::after {
    bottom: -15px;
  }
}

@media screen and (min-width:1200px) {
  .our-team::after {
    content: "";
    background: url("./exportados/bg-1-1920.png") no-repeat left center;
    position: absolute;
    background-size: contain;
    width: 1920px;
    height: 25.6vw;
    bottom: -12.8vw;
    /* height: 676px; */
    /* bottom: -39%; */
  }

  .text-block {
    background: url("./exportados/bg-2-1920.jpg") no-repeat right center;
    background-size: cover;
    background-color: #000;
  }

  .text-block p {
    position: relative;
    background-color: transparent;
  }

  .footer-links {
    background: url("./exportados/footer-bg.png") no-repeat left top / cover;
    background-color: #1E1E1E;
  }
}

@media screen and (min-width:1200px) and (max-width:1900px) {
  .our-team::after {
    background-size: contain;
    height: 25.6vw;
    bottom: -12.9vw;
  }
}

@media screen and (max-width:1820px) {
  .text-block {
      background-position-x: right 40%;
  }
}

#contact:target {
    box-shadow: -1px -5px 20px 12px #ffffff0a;
    border-radius: 4px;
    padding: 15px;
    transition: all ease .3s;
}