a {
    text-decoration: none;
}

.menu .logo {
    background-image: url(../images/logo.png);
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-top: 3px; */
    min-width: 180px;
}

.menu .icoMenu {
    background-image: url(../images/menu.png);
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 5px;
    width: 30px;
    cursor: pointer;
}

.showMenu .menu .icoMenu {
    background-image: url(../images/close.png);
}

.header .right {
    align-self: center;
    /* width: 239px; */
}

.header .icoWhatsapp {
    background-image: url(../images/whatsapp.png);
    height: 27px;
    width: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    top: 10px;
    position: absolute;
    margin-left: -10px;
}

.header a {
    /* color: var(--red-color); */
    letter-spacing: 0.3px;
    color: white;
}

.menu {
    background: var(--red-color);
    color: black;
    /* height: 50px; */
    align-self: center;
    padding: 10px 20px;
    font-weight: 600;
    letter-spacing: 0.7px;
    background: white;
    display: flex;
    font-size: 14px;
    overflow: hidden;
}

.menu a {
    align-self: center;
    display: inline-block;
    line-height: 30px;
    cursor: pointer;
    letter-spacing: 0.3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* overflow: hidden; */
    padding: 0 10px;
    /* flex: 1; */
}

.menu .menuLinks {
    margin-right: 30px;
    width: calc(100% - 180px);
    overflow: hidden;
}

.showMenu .menuLinks a {
    display: none;
}

.menuMobile {
    display: none;
    width: calc(100% - 20px);
    height: 100%;
    background-color: white;
    position: fixed;
    z-index: 3;
    padding: 5px 10px;
    color: black;
}

.showMenu .menuMobile {
    display: block;
}

.menuMobile a {
    display: block;
    /* margin: 0px 10px; */
    cursor: pointer;
    padding: 24px 20px;
    border-radius: 20px;
}

.menuMobile a:hover {
    background-color: var(--red-color);
    color: white;
}

.divStart {
    background-image: url(../images/serlogistic.jpg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.divStart .carrousel {
    height: 700px;
    width: 100%;
    display: inline-block;
    background: linear-gradient(to bottom, #ffffff00 70%, #ffffff 100%), url(../images/start01.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.divStart .carrousel .backgroundText {
    /* background: #80808061; */
}

.divStart .carrousel .text {
    height: calc(100% - 90px);
    padding: 120px;
    padding-bottom: 0;
    font-size: 32px;
    padding-right: 0;
    max-width: 370px;
}

.divStart .carrousel .semibold {
}

.divStart .carrousel .subtext {
    font-size: 16px;
    font-weight: 300;
    margin-top: 16px;
}
.semibold {
    /* font-weight: 500; */
}
.red {
    color: var(--red-color);
}
.red3 {
    color: var(--red-color-3);
}
.pLeft0 {
    padding-left: 0 !important;
}
.pRight0 {
    padding-right: 0 !important;
}
.center {
    
}
.divStart .divButton {margin-top: 24px;text-align: center;}

.divStart .button, #services .button, #forSale .button {
    /* float: right; */
    background: var(--red-color);
    color: white;
    border-radius: 23px;
    padding: 16px 32px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 25px;
    font-size: 22px;
    /* position: relative; */
    right: 120px;
    top: -75px;
    /* position: absolute; */
    /* top: 240px; */
    cursor: pointer;
    margin-top: 24px;
    display: inline-block;
    margin: 0 auto;
    background: linear-gradient(to right, var(--red-color) 50%, #a20e0e 124%);
}

#services .button {
    display: block;
    width: max-content;
    cursor: default;
    font-family: 'AnotherBeauty';
    font-weight: 400;
    padding: 24px 64px;
}

.divStart .button:hover, #forSale .button:hover {
    opacity: 0.9;
}

:root {
    --red-color: #F5333F;
    --red-color-2: #f9353e;
    --red-color-3: #eb343c;
    --gray-color: #565655;
}
.bgYellow { background-color: var(--yellow-color); }
.bgWhite { background-color: white; }
.bgBlue { background-color: #07adbd; }
.bgRed {background-color: #e22211;color: black !important;}
.bgBrown { background-color: #250401; }
body.showMenu {
    overflow: hidden;
}
body {
     font-family: 'Inter';
     font-weight: 400;
     font-style: normal;
     margin: 0;
     padding: 0;
     color: #f3f2de;
     /* background-color: #dbdad9; */
     user-select: none;
     /* display: none; */
     overflow-x: hidden;
     /* display: block; */
     min-width: 385px;
     /* max-width: 1500px; */
     margin-inline: auto;
 }
.header .menu { display: none; }
.header .menu, .divMenu .close {
    background-image: url(../images/menu.png);
    height: 25px;
    width: 40px;
    margin: auto;
    background-position: center;
    cursor: pointer;
}
.divMenu .btnGoToCall {
    margin-right: 0px;
}
.divMenu .close {
 background-image: url(../images/close.png);
 float: right;
 margin-top: 16px;
 margin-right: 20px;
 }
.header {background-color: #f3f2ed;height: 26px;padding: 10px 20px;font-size: 14px;color: red;/* position: fixed; *//* width: 100%; */color: white;background-color: var(--red-color);}
.flex {display: flex;}
.flex1 { flex: 1; }
.flex2 { flex: 2; }
.flex3 { flex: 3; }
.flex4 { flex: 4; }
.flex5 { flex: 5; }
.noPadding {
    padding: 0 !important;
}
#ourCertifications {
    text-align: center;
    font-weight: 500;
    margin: 35px 0 0 0;
}
#ourCertifications .images {
    margin-top: 10px;
}
#ourCertifications .images i {
    width: 150px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}
#ourCertifications .images i:nth-child(1) {
    background-image: url(../images/certifications-transporteLimpio.jpeg);
}
#ourCertifications .images i:nth-child(2) {
    background-image: url(../images/certifications-oea.jpeg);
}
#ourCertifications .images i:nth-child(3) {
    background-image: url(../images/certifications-iso.jpeg);
}
#ourCertifications .images i:nth-child(4) {
    background-image: url(../images/certifications-CTPAT.jpeg);
}
#ourCertifications .images i:nth-child(5) {
    background-image: url(../images/certifications-fast.png);
}
.colorWhite, .section.colorWhite, .colorWhite .sectionHeader label, .sectionHeader label.colorwhite {
    color: white;
}
#infrastructure, #forSale {
    background-image: url(../images/infrastructure.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
}
#infrastructure .section {
    color: white;
}
.location {
    margin-top: 32px;
}
.location p {
    margin: 0;
}
.location .icon {
    margin-right: 16px;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    background-image: url(../images/location.png);
    margin-top: -6px;
}
.location .arrow {
    margin-right: 8px;
    font-size: 22px;
    float: left;
    margin-top: -6px;
}
.section .location .text {
    font-weight: 500;
}
#circuits, #services, #infrastructureGallery {
    color: white;
    background-color: #060605;
    font-weight: 500;
}
#circuits .sectionHeader {
    font-size: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
}
#circuits .title {
    display: block;
    padding-block: 32px;
    color: #ff8518;
    font-size: 20px;
}
#circuits .text {
    align-items: center;
    font-weight: 500;
}
#circuits .text span {
    padding-inline: 16px;
}
#circuits .arrow {
    width: 100px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    background-image: url(../images/left.png);
    position: relative;
}
#circuits .right {
    background-image: url(../images/right.png);
    /* margin-right: 0; */
    /* margin-left: -12px; */
}
#circuits .redRibbon {
    background-color: var(--red-color);
    position: relative;
    left: -75px;
    margin-top: 75px;
    padding: 16px;
    width: calc(100% + 16px);
    padding-left: 75px;
}
#circuits .countries {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    background-image: url(../images/countries.png);
}
#services {
    padding-top: 50px;
}
#services .grid {
    flex-wrap: wrap;
    padding-block: 50px;
}
#services .box {
    /* flex: 1; */
    height: 200px;
    min-width: 250px;
    min-width: 20%;
    cursor: pointer;
}
#services .box.showBackx, #services .box *.animate {
    transform: rotateY(0deg);
}
#services .box.showBack .front {
}
#services .box.showBack .back {
}
#services .box * {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    transform-style: preserve-3d;
    transition: all 0.6s linear;
}
#services .box .back {
  /* transform: rotateY(180deg); */
  display: none;
}
#services .box[box="01"] *,
#services .box[box="05"] *,
#services .box[box="07"] *,
#services .box[box="09"] * {
    background-color: #017299;
}
#services .box[box="01"] .front {
    background-image: url(../images/service01.png);
}
#services .box[box="01"] .back {
    background-image: url(../images/service01Back.png);
}
#services .box[box="02"] *,
#services .box[box="04"] *,
#services .box[box="08"] * {
    background-color: #f4313f;
}
#services .box[box="03"] *,
#services .box[box="06"] *,
#services .box[box="10"] * {
    background-color: #ff8619;
}
#services .box[box="02"] .front {
    background-image: url(../images/service02.png);
}
#services .box[box="02"] .back {
    background-image: url(../images/service02Back.png);
}
#services .box[box="03"] .front {
    background-image: url(../images/service03.png);
}
#services .box[box="03"] .back {
    background-image: url(../images/service03Back.png);
}
#services .box[box="04"] .front {
    background-image: url(../images/service04.png);
    background-color: #f4313f;
}
#services .box[box="04"] .back {
    background-image: url(../images/service04Back.png);
}
#services .box[box="05"] .front {
    background-image: url(../images/service05.png);
    background-color: #017299;
}
#services .box[box="05"] .back {
    background-image: url(../images/service05Back.png);
}
#services .box[box="06"] .front {
    background-image: url(../images/service06.png);
    background-color: #ff8619;
}
#services .box[box="06"] .back {
    background-image: url(../images/service06Back.png);
}
#services .box[box="07"] .front {
    background-image: url(../images/service07.png);
    background-color: #017299;
}
#services .box[box="07"] .back {
    background-image: url(../images/service07Back.png);
}
#services .box[box="08"] .front {
    background-image: url(../images/service08.png);
    background-color: #f4313f;
}
#services .box[box="08"] .back {
    background-image: url(../images/service08Back.png);
}
#services .box[box="09"] .front {
    background-image: url(../images/service09.png);
    background-color: #017299;
}
#services .box[box="09"] .back {
    background-image: url(../images/service09Back.png);
}
#services .box[box="10"] .front {
    background-image: url(../images/service10.png);
    background-color: #ff8619;
}
#services .box[box="10"] .back {
    background-image: url(../images/service10Back.png);
}
#infrastructureGallery {
    
}
#infrastructureGallery .carousel {
    height: 500px;
    padding-block: 32px;
}
#infrastructureGallery .splide__slide img {
    height: 450px;
}
#infrastructureGallery p {
    padding: 16px;
    margin: 0;
}
#infrastructureGallery .title {
    font-weight: 500;
}

#fleet {
    background-image: url(../images/ourFleet_bg.png);
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    background-color: #f4313f;
    padding-right: 0;
}
#fleet .title {
    font-size: 40px;
    font-weight: 400;
}
#fleet .carousel {
    height: 383px;
    width: 70%;
}
#fleet .splide__slide img {
    height: 333px;
}
#fleet .splide__slide {
    text-align: center;
}

div#background01 {
    padding: 0;
    background-image: url(../images/bg01.png);
}
#background01 .bgBlackTransparent {
    height: inherit;
    background-color: #00000094;
}

a:hover {
    opacity: 0.8;
}
.content {
    max-width: 1500px;
    margin-inline: auto;
    align-items: center;
}
.center {
    margin-inline: auto;
    text-align: center;
}
.section {
    color: black;
    padding: 50px 20px;
    gap: 32px;
}
.section .flex1 {
    /* padding-right: 32px; */
}
.section .line {
    border-top: 2px solid red;
    width: 50px;
    display: inline-block;
    height: 5px;
    margin-right: 10px;
}
.section.colorwhite .line {
    border-color: white;
}
.section .text {
    font-weight: 300;
}
.section2 {
    padding: 75px;
}
.white .sectionHeader label {
    color: white;
}
#aboutUs {
    background: linear-gradient(to bottom, #ffffff 0%, #c3c3c3 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 33%, #dadada 66%);
    align-items: center;
    padding-right: 0;
}
#aboutUs label, .sectionHeader label {
    color: var(--red-color-2);
    font-weight: bold;
}
#aboutUs .image, #ourMission .image, 
#ourVision .image, #forSale .image {
    background-image: url(../images/aboutUs.jpg);
    background-size: cover;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 165px 0 0 165px;
}
#ourMission .image, #forSale .image {
    border-radius: 0 165px 165px 0;
}
#ourMission .image {
    background-image: url(../images/ourMission.jpg);
}
#ourVision {
    background-color: #dadada;
    padding-bottom: 50px;
}
#ourVision .image {
    background-image: url(../images/ourVision.jpg);
}
#ourVision video {
    max-width: 750px;
    width: 85%;
    margin: 0 0 30px 0;
    border-radius: 20px;
    height: auto;
    box-shadow: 0px 0px 15px 3px #c90000;
}
#ourCompanies {
    margin-top: 32px;
}
#ourCompanies i {
    background-image: url(../images/ourCompanies-tex57.png);
    background-size: contain;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 220px;
}
#ourCompanies i:first-child {
    background-image: url(../images/ourCompanies-express.png);
}
#coverage, #background01 {
    height: 275px;
    background-image: url(../images/coverage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: red;
    font-weight: 800;
    font-size: 50px;
    padding: 16px 0;
}
#coverage .bgBlackTransparent {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}
.bgBlackTransparent {
    background-color: #00000082;
}
.bgBlackTransparent2 {
    background-color: #000000d1;
}
#infrastructure label {
    letter-spacing: 1px;
    font-weight: 500;
}

#forSale {
    background: linear-gradient(to right, #ffffff00 45%, #ffffff 55%), url(../images/forSale_bg.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}
#forSale .section {
    background-color: #ecececb0;
    padding-block: 100px;
}
#forSale .sectionHeader label {
    color: var(--gray-color);
}
#forSale .line {
    border-color: var(--gray-color);
}
#forSale ul {
    margin-block: 32px;
}
#forSale li {
    line-height: 36px;
    font-weight: 500;
}
#forSale .image {
    background-image: url(../images/forSale.jpg);
}

#footer, .bgRed2 {
    background-color: var(--red-color-2);
}
#footer .section {
    color: white;
    padding: 0 0 0 30px;
}
#footer .bold {
    font-weight: 600;
}
#footer a {
    color: white;
}
#footer .trailer {
    background-position: center;
    background-image: url(../images/footer-trailer.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    background-size: contain;
}





.section1 .flex3 { display: none; }
.header .name, .divMenu .logo {font-weight: 600;margin: 0;cursor: initial;background: url(../images/logo.png);width: 122px;height: 51px;background-size: contain;background-repeat: no-repeat;margin-top: 10px;display: inline-block;/* float: left; */position: absolute;}
.header span {/* cursor: pointer; *//* font-weight: 400; */margin-left: 28px;}
.btnGradient {padding: 10px 15px;margin-left: 10px;/* background: #f3f2de; */cursor: pointer;border: 1px solid #00000000;border-radius: 19px;/* background-color: #e22211; */color: #f3f2de;/* transition: 1s; */font-size: 13px;font-weight: 600;}
.bgBlack {/* background-color: black; *//* height: 450px; */color: #f3f2de;margin: 0 auto;text-align: center;padding: 80px 40px 80px 40px;/* font-size: 24px; */}
.bgBlack .title {
    line-height: 30px;
}
.bgBlack .subtitle {
    font-size: 14px;
    opacity: 80%;
    margin-top: 7px;
}
.video {
    margin-top: 30px;
    border-radius: 50px;
    width: 650px;
    height: 365px;
    max-width: 85%;
}
.mobile .reserve, .show .reserve { opacity: 1; }
.mobile .aboutUs, .show .aboutUs { opacity: 1; }
#aboutUs .title, .grayTitle, .colorGray01 {
    color: var(--gray-color);
}
.gray02 {
    color: #8b8a8a;
}
.font20 {
    font-size: 20px;
}
.reserve {/* background-color: #f2f2f2; */padding: 67px;padding-top: 50px;text-align: center;color: #f3f2de;display: none;/* margin: 20px 0; */border-radius: 50px;margin-bottom: 0;opacity: 0;transition: 2s;}
.reserve .icons {/* display: flex; */height: 175px;font-size: 14px;}
.reserve .title, .title {
    font-weight: 500;
    font-size: 22px;
    font-family: 'AnotherBeauty';
    letter-spacing: 0px;
    margin-bottom: 0;
}
.reserve .title {
    color: var(--yellow-color);
    text-align: left;
    font-weight: 500;
    font-size: 20px;
}
.reserve .title2 {
    font-weight: 700;
    font-size: 23px;
}
.reserve .line {width: 80%;display: block;height: 3px;background-color: #f3ac13;position: relative;top: -195px;z-index: 1;margin: 0 auto;top: 35px;}
.calendy {/* background-color: black; *//* color: #f3f2de; *//* font-size: 13px; *//* padding: 181px 45px; *//* margin: 50px 0px; */border-radius: 20px;}
.partner {
    /* margin-top: 70px; */
    font-size: 13px;
    /* font-weight: 600; */
}
.divRound {width: calc(20% - 5px);display: inline-block;height: 229px;}
.divRound span {
    display: inline-table;
    margin-top: 15px;
    color: var(--yellow-color);
    font-weight: 600;
    display: grid;
}
.round:hover {
    /* scale: 6; */
}
.round {
    /* background-color: black; */
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 100%;
    /* margin: 10px 20px; */
    z-index: 2;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    scale: 5;
    }
.round[icon=calendar] {
    background-image: url(../images/calendar.png);
}
.round[icon=graph] {
    background-image: url(../images/graph2.png);
}
.round[icon=search] {
    background-image: url(../images/search.png);
}
.round[icon=star] {
    background-image: url(../images/star2.png);
}
.round[icon=video] {
    background-image: url(../images/video.png);
}
.divAboutUs {background-color: #dbdad9;transition: 10s;background-image: url(../images/bgSpot01.png);background-repeat: no-repeat;background-size: 500px;/* background-color: #dbdad9 !important; */background-position: 110% -235px;/* background-position: -289px 172px; */}
.aboutUs {
    padding-bottom: 50px;
    color: black;
    display: none;
    /* background-image: url(../images/bgSpot01.png); */
    background-repeat: no-repeat;
    background-size: 500px;
    /* background-color: #dbdad9 !important; */
    background-position: 110% -235px;
    transition: 10s;
    padding: 50px;
    padding-bottom: 0;
    opacity: 0;
    transition: 2s;
}
.divAboutUs.moveBG { background-position: -289px 172px; }
.aboutUs .title {
    margin-bottom: 40px;
}
.aboutUs .image {
    background: black;
    height: 300px;
    background: url(../images/aboutUs.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.aboutus .subtitle {font-size: 14px;font-weight: 600;}
.aboutus .numbers .content {color: var(--yellow-color);font-weight: 600;font-size: 14px;padding-right: 0;padding: 0;/* margin-bottom: 40px; *//* float: inline-end; */visibility: hidden;/* display: none; */margin-bottom: 30px;display: block;/* transition: 3s; */}
.aboutus .numbers .content.div3 {display: block;/* position: absolute; */top: 50%;/* transform: translate(-50%, -50%); */left: 50%;/* margin: 0; *//* justify-content: center; *//* align-items: center; *//* margin: 0; */height: 70px;}
.aboutus .numbers .content .textLeft {
    width: 0;
    margin-right: 50px;
    /* margin-left: 25px; */
    text-align: end;
    line-height: 17px;
    display: none;
}
.aboutus .numbers .content.div3 .textleft {
    width: 230px;
    float: right;
    max-width: 230px;
    min-width: 220px;
    width: 50%;
}
.aboutus .numbers .div17 {
    height: 80px;
}
.aboutus .numbers .div20 {
    height: 100px;
}
.aboutus .numbers .div60 {
    height: 120px;
}
.aboutus .numbers.step1 .div3,
.aboutus .numbers.step2 .div3, .aboutus .numbers.step2 .div17,
.aboutus .numbers.step3 .div3, .aboutus .numbers.step3 .div17, .aboutus .numbers.step3 .div20,
.aboutus .numbers.step4 .div3, .aboutus .numbers.step4 .div17, .aboutus .numbers.step4 .div20, .aboutus .numbers.step4 .div60
{/* display: block; */visibility: visible;/* float: none; */}

.aboutus .numbers.step3 {}
.aboutus .numbers.step4 .div60 { display: block; }
.aboutus .numbers {
    /* padding-top: 50px; */
    display: block;
    /* justify-content: end; */
    /* align-items: center; */
    /* border-right: 7px solid var(--yellow-color); */
    /* padding-right: 20px; */
}
.aboutus .content {
    padding: 20px;
    padding-right: 20px;
    font-weight: 500;
    padding-top: 100px;
    /* padding-bottom: 50px; */
}
.aboutus .number span {
    margin-top: 10px;
    display: block;
    text-align: right;
    float: inline-start;
    width: 100%;
}
.aboutus .number i {
    background-position: right;
    /* transition: 2s; */
}
.aboutus .number {
    float: inline-end;
    display: inline-block;
    flex: 1;
    /* min-width: 105px; */
    /* transition: 2s; */
}
.aboutus .number3 {
    height: 30px;
    background-image: url(../images/3.png);
}
.aboutus .vBar{
    width: 7px;
    background-color: var(--yellow-color);
    padding: 0px;
    margin: 168px 0px 88px 30px;
    margin-bottom: 0;
    height: 100px;
    margin-top: 0;
    height: auto;
}
.aboutus .number17 {
    height: 50px;
    background-image: url(../images/17.png);
}
.aboutus .number20 {
    height: 70px;
    background-image: url(../images/20.png);
}
.aboutus .number60 {
    height: 90px;
    background-image: url(../images/60.png);
    /* width: 300px; */
}
.showMenu .divMenu { display: block; }
.divMenu {display: none;width: 100%;height: 100%;background-color: white;position: fixed;z-index: 3;padding: 5px 10px;}
.divMenu .row {
    display: flex;
}
.divMenu .links p:hover {border: 1px solid #6f6fff;}
.divMenu .links p {
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    margin-bottom: 0px;
    margin-top: 10px;
}
.divMenu .links {
    border: none;
    color: black;
    font-size: 15px;
    font-weight: 700;
    width: calc(100% - 15px);
    margin-left: -3px;
}
.spn3 {/* margin-left: -12px; */}
.spn17 {/* margin-left: -90px; */}
.backgroundStyle { background-size: contain;
    background-repeat: no-repeat;
    display: block; }
.aboutus .right .text {
    margin: 7px 0;
    margin-bottom: 20px;
    font-size: 14px;
}
.aboutus button {
    color: #f3f2de;
    /* background: black; */
    padding: 20px 40px;
    border-radius: 5px;
}
.aboutus .footer i {min-height: 40px;flex: 1;background-position: center;}
.aboutus .footer .klaviyo {background-image: url(../images/klaviyo.png);height: 45px;}
.aboutus .footer .meta {background-image: url(../images/meta.png);height: 50px;}
.aboutus .footer .ecom {background-image: url(../images/ecom.png);height: 100px;top: -28px;position: relative;}
.aboutus .footer .google {background-image: url(../images/google.png);height: 40px;top: 5px;position: relative;}
.aboutus .footer .idv {background-image: url(../images/idv.png);height: 45px;}
.aboutus .footer {
    font-size: 12px;
    text-align: center;
    /* font-weight: 600; */
    display: flex;
    margin: 50px;
    max-width: 900px;
    margin: 50px auto 0 auto;
}
.footer .facebook { background-image: url(../images/facebook.png);}
.footer .instagram { background-image: url(../images/instagram.png); }
.footer .youtube { background-image: url(../images/youtube.png); }
.footer .logo {background-image: url(../images/logo.png);height: 15px;margin-top: 5px;}
.footer .round {
    width: 25px;
    height: 25px;
    margin: 0 3px 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    scale: 1;
    cursor: pointer;
}
.footer .text {
    font-size: 10px;
    font-weight: 500;
}
button { cursor: pointer; }
body > .footer.show {display: flex;}
body > .footer {padding: 25px 70px 70px 70px;color: black;background-color: white;height: 127px;font-size: 11px;display: flex;/* margin-bottom: -12px; *//* top: 36px; *//* position: relative; *//* padding-bottom: 0; *//* position: relative; *//* bottom: 83px; */display: none;}
body > .footer p {}
.iPartner {
    /* border: 2px solid #949494; */
    display: inline-block;
    padding: 20px 40px;
    border-radius: 5px;
    font-size: 12px;
    background: #07adbd;
    /* color: black; */
}
.partners .bold {
    font-size: 15px;
    width: 50%;
    margin-left: 45px;
    margin-top: 5px;
    font-weight: 200;
}
.footer .left {
    /* float: left; */
    /* flex: 1; */
    width: 215px;
    height: auto;
}
.footer .center {
    flex: 1;
}
.footer .right {
    /* float: right; */
    /* flex: 1; */
    width: 215px;
}
.links {
    border-bottom: 2px solid #383838;
    padding-bottom: 7px;
    /* font-weight: 600; */
    font-size: 10px;
    margin-bottom: 25px;
}
.links a.great {
    font-size: 14px;
    margin-top: -5px;
    background: url(logo.png);
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
}
.links a {
    display: inline-block;
    margin: 0 13px;
    cursor: pointer;
    vertical-align: text-top;
}
.partners .footer {
    text-align: center;
    margin: 70px 40px 0;
}
.years {margin-top: 30px;font-size: 10px;}
.partners .round {
    background-color: transparent;
    border: 1px solid black;
    margin: 3px;
    height: 20px;
    width: 20px;
}

.warning .btnGoToCall:hover {filter: opacity(0.5);}
.warning .btnGoToCall {
    text-decoration: underline;
    cursor: pointer;
}

.warning .text {flex: 1;margin-right: 5px;}
.warning {background-color: var(--yellow-color);color: black;padding: 10px 15px;text-align: center;font-size: 12px;display: flex;}
.topfixed .close {
    display: none;
}
.warning .close {
    cursor: pointer;
    border-radius: 25px;
    border: 1px solid black;
    color: white;
    background-color: black;
    position: absolute;
    font-size: 20px !important;
    /* display: none; */
    position: inherit;
    height: 20px;
    width: 20px;
    margin: auto;
}
.divIcoPhone {bottom: 10px;top: auto;position: fixed;/* height: 20px; */border: none;/* width: 20px; */padding: 7px;border-radius: 100%;font-size: 20px !important;box-shadow: -2px 0px 10px -2px #ff040440;right: 10px;/* bottom: 0; *//* background-color: #e34c0d; *//* border: 1px solid #ebe2d296; */cursor: pointer;background: url("../images/icoPhone.png");width: 40px;height: 40px;background-size: contain;transition: 1s;}
.icoPhone {border: 1px solid white;border-radius: 100%;padding: 10px;}
.whiteBorder {
    border: 1px solid white;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    border-radius: 100%;
    top: 10px;
    left: 11px;
}
.header .link {
    border-bottom: 1px solid transparent;
    transition: 1.5s;
    transition: 1s;
    /* user-select: none; */
}
.header .link:beforex {
    content: "aasdfasdf";
    left: 90px;
    bottom: -6px;
    height: 2px;
    width: 57%;  /* or 100px */
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    width: 20px;
    color: transparent;
  }
.header .link:hover {border-bottom: 1px solid #c0c0c0ab;/* filter: opacity(0.7); *//* font-size: 16px; */color: red;}
         
.btnGradient {
    background-image: linear-gradient(to right, #E22211 0%, #EDDE5D  71%, #F4AD03 100%);
    margin: 10px;
    /* padding: 15px 45px; */
    text-align: center;
    /* text-transform: uppercase; */
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 4px #eee;
    /* border-radius: 10px; */
    display: block;
    background-image: linear-gradient(to right, #E22211 -18%, #E7AD03 62%, #F4AD03 100%);
  }

  .btnGradient:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
    /* background-position: bottom; */
    background-color: red;
    background-image: linear-gradient(to right, #E22211 0%, #E22211 55%, #E22211 100%);
    /* background-image: linear-gradient(to right, #E22211 0%, #EDDE5D  146%, #F4AD03 100%); */
    /* transition: 2s; */
    /* background-position: left; */
    background-image: linear-gradient(to right, #ff0000 0%, #f4a000 23%, red 100%);
  }
 
.section1 {
    padding: 130px 0px 15px 40px;
    background-image: url("../images/background1.png");
    background-repeat: no-repeat;
    background-size: cover;
    /* background-size: auto; */
    color: black;
    background-color: #d2d2d2;
    margin: 0 auto;
    text-align: center;
    /* display: none; */
}

.section1 .title {
    text-align: left;
    line-height: 28px;
}
.section1 button.section1  {}
 button, .btnLarge 
{width: 100%;margin-left: 0;max-width: 200px;margin: 20px auto;}

.calendy iframe {
    width: 100%;
    height: 500px;
    border-radius: 27px;
    border: none;
    box-shadow: 0px 0px 23px 0px #9356e1;
    /* height: 100%; */
    overflow: auto;
    overflow-clip-margin: inherit;
    /* overflow: hidden; */
}
.shadowBorder {
    border-bottom: 1px solid #dddddd;
    color: transparent;
    position: relative;
    left: 151px;
    transition: 0s;
    padding: 0 18px;
    /* float: right; */
    height: 5px !important;
    z-index: 0;
    top: 42px;
 }
 .shadow2 {
    left: 222px;
}
.topFixed {
    position: fixed;
    width: 100%;
    z-index: 3;
}
.divLogo {
    /* margin-right: 35px; */
    flex: 1;
}
.header .btnGradient {
    margin-right: 0;
}
.hide {display: none;}
.divIcoPhone:hover {
    filter: brightness(1.3);
}
.section1 .line2 {
    color: #8f8f8f;
    font-weight: 600;
    font-size: 14px;
    margin-top: 80px;
    display: none;
    text-align: center;
}
.section1 .line2 .image {height: 52px;display: inline-block;/* max-width: 112px; */width: 147px;background-repeat: no-repeat;background-size: contain;position: relative;margin: 0 20px;}
#imgAgefit {background-image: url("../images/AGEFIT.png");margin: 0;top: 2px;}
#imgDPM {background-image: url("../images/DMP.png");margin: 0;height: 20px;top: -15px;width: 95px;}
#imgMaitacon {background-image: url("../images/MAITACON.png");margin-top: 10px;height: 22px;width: 150px;top: -12px;margin-right: 7px;}
#imgFoton {background-image: url("../images/FOTON2.png");height: 50px;width: 150px;top: 3px;}
.section1 .line2 .image:first-child { margin-left: 0; }
.section1 .line2 .image:last-child { margin-right: 0; }
.titleYellow {
    color: #f3ac13;
    font-size: 22px;
    margin-top: 3px !important;
    /* font-weight: 700; */
}
.iconsSteps {margin-top: 50px;margin-bottom: 50px;}
.iconsSteps i {border: 1px solid #b5b5b536;border-radius: 45%;padding: 40px 35px;box-shadow: -2px 8px 14px -8px #676767;margin: -2px;font-style: normal;font-size: 20px;background-color: #e3e3e3;cursor: pointer;}
.iconsSteps i:hover {
    filter: drop-shadow(10px 10px 32px #ddd);
    /* filter: unset; */
    padding: 45px;
}
.steps {
    padding: 20px 85px 45px 85px;
    padding-bottom: 20px;
}

.steps .step.exit {
    /* left: -1500px !important; */
}
.steps .step.hide {display: inline-block;/* left: 1500px; */position: absolute;/* display: none; */}
.steps .step.active {left: 0;opacity: 1;}
.steps .step {
    /* display: inline-block; */
    position: relative;
    left: 10%;
    right: 10%;
    height: 200px;
    left: 0;
    transition: 1s;
    /* left: 1500px; */
    height: auto;
    opacity: 0;
}
.steps .step .left {
    border-radius: 20px 0 0  20px;
    text-align: right;
}

.steps .step .hover .left { border-radius: 40px 0 0  40px; }
.steps .step .hover .right { border-radius: 0 40px 40px 0; }
.steps .step .hover div {
    padding: 75px 50px;
}
.step .icon {background-repeat: no-repeat;background-size: contain;width: 12px;height: 12px;display: inline-block;margin-right: 5px;}
.icon.users {background-image: url(../images/users.png);}
.icon.chains {background-image: url(../images/chain.png);}
.icon.star {background-image: url(../images/star.png);}
.icon.graph {background-image: url(../images/graph.png);}
.icon.email {background-image: url(../images/email.png);}
.icon.hands {background-image: url(../images/hands.png);}
.step1 .hover .bomb {  }
.steps .step .right {
    border-radius: 0 20px 20px 0;
    text-align: left;
}
.step1 .background {
    background-image: url(../images/brown.png);
    background-size: cover;
    color: white;
}
.step1 .title {
    color: #f3ac13;
    text-align: left;
    position: relative;
    top: 2px;
    left: 50px;
}
.step2 .title {
    text-align: right !important;
    color: black !important;
    left: inherit !important;
    right: 50px;
}
.step3 .title {
    color: red !important;
}
.step .title {
    color: #f3ac13;
    text-align: left;
    position: relative;
    top: 5px;
    left: 50px;
}
.reserve .bgGray {
    padding: 30px 60px;
    border-radius: 30px;
    margin-top: 30px;
    background-color: #f4f4f4;
    border: 1px solid #dedede;
}
.divSection2, .divReserve  {
    padding: 20px;
    padding-bottom: 0;
}
.bgGray2 { background-color: #dbdad9; }
.bgGray {
    background-color: #e3e3e3;
}
.step .box {
    border-radius: 40px;
    font-weight: 500;
    font-size: 13px;
    box-shadow: -1px 5px 31px -10px #535353;
    background-color: transparent;
}

.step .box:hover {
    /* font-size: 14px; */
}
.step .box div {
    padding: 50px;
    transition: 0.3s;
    /* border: 1px solid #d7d7d7; */
    /* filter: drop-shadow(2px 4px 6px black); */
}
.step .bomb {background-image: url(../images/yellowBomb.png);width: 60px;height: 60px;background-size: contain;background-repeat: no-repeat;rotate: 45deg;position: absolute;left: calc(50% - 20px);z-index: 1;/* transition: 2s; */}
.step1 .bomb {background-image: url(../images/yellowBomb.png);width: 60px;height: 60px;background-size: contain;background-repeat: no-repeat;rotate: -45deg;position: absolute;left: calc(50% - 32px);/* margin-top: 7%; *//* top: 42px; *//* padding-top: 25px; *//* transition: 0.5s; */}
.step2 .bomb {background-image: url(../images/blackBomb.png);width: 60px;height: 60px;background-size: contain;background-repeat: no-repeat;rotate: 45deg;position: absolute;left: calc(50% - 18px);}
.step3 .bomb {background-image: url(../images/redBomb.png);rotate: -45deg;left: calc(50% - 32px);}
.footer a {cursor: pointer;text-decoration: none;}