/** prmary default settings **/

:root{
    --nav-height:0px;
}

body{background:#111111; margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column; font-size:clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem); font-family:"Roboto", sans-serif; font-optical-sizing:auto; font-style:normal; font-variation-settings:"wdth" 100;}
main{flex-grow:1; margin-top:var(--nav-height); overflow:hidden; position:relative;}

a{color:#11a0a3; transition:all .15s ease-in-out; text-decoration:none;}
a:hover{color:#1c7874;}

h1{font-size:clamp(1.7565rem, 1.324rem + 2.1626cqi, 3rem);}
h2{font-size:clamp(1.6068rem, 1.2898rem + 1.585cqi, 2.5182rem);}
h3{font-size:clamp(1.4698rem, 1.2458rem + 1.1198cqi, 2.1137rem);}
h4{font-size:clamp(1.3445rem, 1.195rem + 0.7473cqi, 1.7742rem);}
h5{font-size:clamp(1.2299rem, 1.1396rem + 0.451cqi, 1.4892rem);}

/** bootstrap extensions **/
.cursor-pointer{cursor:pointer;}
.page-anchor{position:absolute; top:calc(var(--nav-height) * -1);}
.default-transition{transition:all .15s ease-in-out!important;}
.text-justify{hyphenate-limit-chars:7; hyphens:auto; text-align:justify; text-wrap:pretty;}

.fs-sm{font-size:clamp(1.0291rem, 1.0221rem + 0.035cqi, 1.0492rem); line-height:1.2;}
.fs-alt-1{font-size:clamp(2.5rem, 1.625rem + 4.5vw, 5rem); line-height:1.2;}
.fs-alt-2{font-size:clamp(2.25rem, 1.575rem + 3.9vw, 4.5rem); line-height:1.2;}
.fs-alt-3{font-size:clamp(2rem, 1.525rem + 3.3vw, 4rem); line-height:1.2;}
.fs-alt-4{font-size:clamp(1.75rem, 1.475rem + 2.7vw, 3.5rem); line-height:1.2;}
.fs-alt-5{font-size:clamp(1.5rem, 1.425rem + 2.1vw, 3rem); line-height:1.2;}
.fs-alt-6{font-size:clamp(1.25rem, 1.375rem + 1.5vw, 2.5rem); line-height:1.2;}
.fs-alt-7{font-size:clamp(1.125rem, 1.325rem + 0.9vw, 2rem); line-height:1.2;}
.fs-alt-8{font-size:clamp(1rem, 1.275rem + 0.3vw, 1.5rem); line-height:1.2;}

.fw-900{font-weight:900;}
.fw-800{font-weight:800;}
.fw-700{font-weight:700;}
.fw-600{font-weight:600;}
.fw-500{font-weight:500;}
.fw-400{font-weight:400;}
.fw-300{font-weight:300;}
.fw-200{font-weight:200;}
.fw-100{font-weight:100;}

.a-0{--alpha:0;}
.a-10{--alpha:0.1;}
.a-20{--alpha:0.2;}
.a-30{--alpha:0.3;}
.a-40{--alpha:0.4;}
.a-50{--alpha:0.5;}
.a-60{--alpha:0.6;}
.a-70{--alpha:0.7;}
.a-80{--alpha:0.8;}
.a-90{--alpha:0.9;}
.a-100{--alpha:1;}

/** element settings **/
.tecma-border-radius{border-bottom-left-radius:4vmin; border-top-right-radius:4vmin;}
.tecma-border-radius-small{border-bottom-left-radius:2vmin; border-top-right-radius:2vmin;}

.tecma-border-radius-reverse{border-top-left-radius:4vmin; border-bottom-right-radius:4vmin;}
.tecma-border-radius-small-reverse{border-top-left-radius:2vmin; border-top-right-radius:0px!important; border-bottom-right-radius:2vmin; border-bottom-left-radius:0px!important;}

.tecma-border-radius-top{border-top-left-radius:4vmin; border-top-right-radius:4vmin;}
.tecma-border-radius-small-top{border-top-left-radius:2vmin; border-top-right-radius:2vmin;}

.tecma-border-radius-top-right{border-top-right-radius:4vmin;}
.tecma-border-radius-small-top-right{border-top-right-radius:2vmin;}

.tecma-border-radius-top-left{border-top-left-radius:4vmin;}
.tecma-border-radius-small-top-left{border-top-left-radius:2vmin;}

.tecma-border-radius-bottom{border-bottom-left-radius:4vmin; border-bottom-right-radius:4vmin;}
.tecma-border-radius-small-bottom{border-bottom-left-radius:2vmin; border-bottom-right-radius:2vmin;}

.tecma-border-radius-bottom-right{border-bottom-right-radius:4vmin;}
.tecma-border-radius-small-bottom-right{border-bottom-right-radius:2vmin;}

.tecma-border-radius-bottom-left{border-bottom-left-radius:4vmin;}
.tecma-border-radius-small-bottom-left{border-bottom-left-radius:2vmin;}


.box-shadow-teal-bottom-right{box-shadow:7px 7px 0px 0px #11a0a3;}

.logo{min-height:65px;}
.offcanvas-logo{min-height:65px;}
.footer-logo{width:175px;}
.nav-adjust{height:110px; width:100%;}

.video-bg{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1;}
.video-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.61) 45%,rgba(0,0,0,0.6) 100%); z-index:0; pointer-events:none;}

.primary-nav .navbar-nav > .nav-item > .nav-link{text-transform:uppercase; font-weight:700; color:#ffffff;}
.primary-nav .navbar-nav > .nav-item > .nav-link.active{color:#11a0a3;}
.primary-nav .navbar-nav > .nav-item > .nav-link:hover{color:#ec5335;}
.navbar .navbar-nav .dropdown-toggle::after{font-family:"Font Awesome 7 Pro"; content:"\f078"; border:0px; vertical-align:0.05em; margin-left:0.4em; transition:all .15s ease-in-out!important; color:#11a0a3;}
.navbar .navbar-nav .dropdown-toggle.show::after{font-family:"Font Awesome 7 Pro"; content:"\f078"; transform:rotate(-180deg); color:#ec5335;}
@media(min-width:992px){
    .navbar{background:rgba(9, 10, 9, .27); backdrop-filter:blur(32px);}

    /*.navbar .navbar-nav > .nav-item > .nav-link{padding-top:1rem!important;padding-bottom:1rem!important;}*/
    .navbar .navbar-nav .dropdown-menu{border-radius:0px; border-bottom-right-radius:2vmin; border-top-left-radius:2vmin; border:0px; background:rgba(28, 120, 116, .6); backdrop-filter:blur(32px)!important; padding-left:0px; padding-right:0px; }
    .navbar .navbar-nav .dropdown-menu:after{bottom:100%; left:17%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0, 0, 0, 0); border-bottom-color:rgba(28, 120, 116, .6); border-width:10px; margin-left:-10px;}

    .navbar .navbar-nav .dropdown-menu li{padding-left:1rem; padding-right:1rem; transition:all .15s ease-in-out!important;}
    .navbar .navbar-nav .dropdown-menu .dropdown-item{color:#ffffff; font-weight:500; text-transform: none; font-size:clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem); transition:all .15s ease-in-out!important; border-bottom:1px solid rgba(255, 255, 255, .1); padding-bottom:.5rem; padding-left:0px; padding-right:0px; }
    .navbar .navbar-nav .dropdown-menu li:last-child .dropdown-item{border-bottom:0px;}
    .navbar .navbar-nav .dropdown-menu .dropdown-item:hover{background:rgba(0, 0, 0, 0)!important; color:rgb(236, 83, 53);}
    /*.navbar .navbar-nav .dropdown-menu li:hover{background-color:rgba(255, 255, 255, 1)!important;}*/
}

@media(max-width:991.98px){
    .navbar{background:rgba(9, 10, 9, .5);}
    .secondary-nav{display:none!important;}
}

/** reveal base image effect **/
.teal-spotlight{position:relative; overflow:hidden;}
.teal-spotlight img{display:block; width:100%; height:100%; object-fit:cover;}
.teal-spotlight .spotlight-hole{position:absolute; inset:0; pointer-events:none; z-index:1; background:radial-gradient(circle var(--radius, 0px) at var(--x, 50%) var(--y, 50%), rgba(0,180,180,calc(0.65 - 0.65 * var(--spot-opacity, 0))) 0%, rgba(0,180,180,calc(0.65 - 0.65 * var(--spot-opacity, 0))) 100%, rgba(0,180,180,calc(0.65 - 0.3 * var(--spot-opacity, 0))) 100%, rgba(0,180,180,calc(0.65 - 0.3 * var(--spot-opacity, 0))) calc(100% + var(--ring, 0px)), rgba(0,180,180,0.65) calc(100% + var(--ring, 0px))); mix-blend-mode:multiply;}

.teal-spotlight:hover .tecma-hover-card{top:0px!important;}


/** animated button icons **/
.btn-icon-offset{position:relative; padding-right:1.5rem!important;}
.btn-icon-offset i{position:absolute; right:calc(var(--btn-h) * -0.85 + var(--btn-h) * 0.6); top:50%; transform:translate(50%, -50%); z-index:3; color:inherit;}
.btn-icon-offset::before,.btn-icon-offset::after{content:''; position:absolute; top:50%; transform:translateY(-50%); border-radius:50%;}
.btn-icon-offset::before{right:calc(var(--btn-h) * -0.85); width:calc(var(--btn-h) * 1.2); height:calc(var(--btn-h) * 1.2); z-index:1;}
.btn-icon-offset::after{right:calc(var(--btn-h) * -0.7); width:calc(var(--btn-h) * 0.9); height:calc(var(--btn-h) * 0.9); z-index:2; transition:transform 0.15s ease-in-out;}
.btn-icon-offset:hover::after{transform:translateY(-50%) scale(1.33);}

.icon-tecma-teal::before{background:rgba(17, 160, 163, 0.6);}
.icon-tecma-teal::after{background:rgba(17, 160, 163, 0.75);}

.icon-tecma-teal-light::before{background:rgba(160, 230, 227, 0.6);}
.icon-tecma-teal-light::after{background:rgba(160, 230, 227, 0.75);}

.icon-tecma-orange::before{background:rgba(236, 83, 53, 0.6);}
.icon-tecma-orange::after{background:rgba(236, 83, 53, 0.75);}

.icon-tecma-orange-dark::before{background:rgba(165, 87, 41, 0.6);}
.icon-tecma-orange-dark::after{background:rgba(165, 87, 41, 0.75);}


/** image circles **/
.img-circle-wrap{position:relative; display:block; padding:15%;}
.img-circle-wrap img{position:relative;z-index:3;display:block; aspect-ratio:1 / 1; object-fit:cover; object-position:center;}
.img-circle-wrap::before,.img-circle-wrap::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;}
.img-circle-wrap::before{width:100%;aspect-ratio:1; z-index:1;}
.img-circle-wrap::after{width:88.5%;aspect-ratio:1; z-index:2;}

.img-circle-wrap.img-circle-right{padding:15% 15% 15% 0;}
.img-circle-wrap.img-circle-right::before{left:auto;right:0;transform:translateY(-50%);}
.img-circle-wrap.img-circle-right::after{left:0;right:auto;transform:translateY(-50%);width:92.5%;}

.img-circle-wrap.img-circle-left{padding:15% 0 15% 15%;}
.img-circle-wrap.img-circle-left::before{left:0;right:auto;transform:translateY(-50%);}
.img-circle-wrap.img-circle-left::after{left:auto;right:0;transform:translateY(-50%);width:92.5%;}

.img-bd-tecma-teal::before{background:rgba(17,160,163,0.5);}
.img-bd-tecma-teal::after{background:rgba(17,160,163,0.5);}

.img-bd-tecma-teal-light::before{background:rgba(160,230,227,0.5);}
.img-bd-tecma-teal-light::after{background:rgba(160,230,227,0.5);}

.img-bd-tecma-teal-dark::before{background:rgba(28, 120, 116,0.5);}
.img-bd-tecma-teal-dark::after{background:rgba(28, 120, 116,0.5);}

.img-bd-tecma-orange::before{background:rgba(236,83,53,0.5);}
.img-bd-tecma-orange::after{background:rgba(236,83,53,0.5);}

.img-bd-tecma-orange-dark::before{background:rgba(165,87,41,0.5);}
.img-bd-tecma-orange-dark::after{background:rgba(165,87,41,0.5);}

/** homepage video section **/
.homepage-banner{position:relative; height:1005px; overflow:hidden;}
.background-layer{position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; overflow:hidden; z-index:1; -webkit-clip-path:url(#stats-clip); clip-path:url(#stats-clip);}
.vimeo-background{position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;}
.gradient-background{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background:linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.61) 45%, rgba(0, 0, 0, 0.6) 100%);}
.homepage-banner #swish_container{position:absolute; bottom:0; left:-10px; right:-75px; z-index:3; overflow:hidden;}

.stats-section{position:absolute; bottom:0px; width:100%; overflow:hidden; padding:60px 0; z-index:4;}
.stats-curve{position:relative; max-width:100%; margin:0 auto;}
.stat-item{text-align:center; color:#fff; width:calc((100vw - 2 * var(--bs-gutter-x, 0.75rem)) / 4); opacity:0;}
@media(min-width:992px){
    .stat-item{width:240px;}
}
@media(min-width:1200px){
    .stat-item{width:285px;}
}
@media(min-width:1400px){
    .stat-item{width:330px;}
}
@media(min-width:992px){
    .homepage-banner-cta-container{height:100%!important;}
    .homepage-banner-cta{position:absolute!important; top:25%!important;}
    .stats-curve{position:relative;}
    .stat-item{position:absolute;offset-rotate:0deg;}
    .stat-item:nth-child(1){offset-distance:0%;}
    .stat-item:nth-child(2){offset-distance:5%;}
    .stat-item:nth-child(3){offset-distance:10%;}
    .stat-item:nth-child(4){offset-distance:15%;}
    .stat-item.animate-in{opacity:1; animation:trainIn 1s cubic-bezier(0.0, 0, 0.2, 1) forwards;}
    @keyframes trainIn{
        to{offset-distance:var(--end);}
    }
}
@media(max-width:991.98px){
    .homepage-banner{height:750px;}
    .stats-curve{display:none; flex-direction:column; gap:2rem; height:auto; padding:0 1rem;}
    .stat-item{opacity:0;}
}


/** accordion **/
.accordion .accordion-item{border-top:2px solid #C8C9C7!important; }
.accordion .accordion-item .accordion-header .accordion-button{background-color:#ffffff; font-family:"barlow", sans-serif; font-size:clamp(1.4698rem, 1.2458rem + 1.1198cqi, 2.1137rem); font-weight:600; line-height:1.2; color:#11a0a3; transition:color .15s ease-in-out!important;}
.accordion .accordion-item .accordion-header .accordion-button:hover, .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){color:#ec5335;}
.accordion .accordion-item .accordion-header .accordion-button img{margin-right:1.5rem;}
.accordion .accordion-item .accordion-header .accordion-button::after{height:2.8rem; width:2.8rem; background-size:cover; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM296 408C296 421.3 306.7 432 320 432C333.3 432 344 421.3 344 408L344 344L408 344C421.3 344 432 333.3 432 320C432 306.7 421.3 296 408 296L344 296L344 232C344 218.7 333.3 208 320 208C306.7 208 296 218.7 296 232L296 296L232 296C218.7 296 208 306.7 208 320C208 333.3 218.7 344 232 344L296 344L296 408z'/%3e%3c/svg%3e");}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{height:2.8rem; width:2.8rem; background-size:cover; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM232 296C218.7 296 208 306.7 208 320C208 333.3 218.7 344 232 344L408 344C421.3 344 432 333.3 432 320C432 306.7 421.3 296 408 296L232 296z'/%3e%3c/svg%3e");}
.accordion .accordion-item .accordion-body{padding-top:0px;}
@media(min-width: 992px){
    .accordion .accordion-item .accordion-body p, .accordion .accordion-item .accordion-body li{margin-right:75px; margin-left:75px;}
}


/** gear icon hover **/
.gear-icon svg{fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:5px; transition:color 0.15s ease-in-out;}
.gear-arrows{transform-origin:center; transform:rotate(0deg);}
.gear-icon p{transition:all .15s ease-in-out!important;}
.gear-icon:hover p{color:#11a0a3}

.logistic-services-section{margin-top:-300px; padding-top:300px;}

.video-container{width:100%;}
.play-btn{cursor:pointer; transition:transform 0.2s ease, opacity 0.2s ease;}
.play-btn:hover{transform:translate(-50%, -50%) scale(1.1); opacity:0.9;}

/** footer author **/
.footer-author{background:#0C0C0C}
.footer-author .credit{padding:10px 0; color:#FFF; font-size:.8em; margin:0; text-align:right; margin-right:25px;}
.footer-author .credit img{width:180px; filter:grayscale(1); transition:.15s ease-in-out;}
.footer-author .credit img:hover, .footer-author .credit img:active{filter:grayscale(0);}

@media(max-width:576px){

}

@media(min-width:576px){

}

@media(max-width:768px){

}

@media(max-width:992px){

    .logo{min-height: 40px;}
    .offcanvas-logo{min-height: 40px;}
    .search-modal-logo{height: 40px;}
    .navbar .offcanvas{background:rgba(30, 30, 30, 0.7); backdrop-filter:blur(40px) saturate(150%); -webkit-backdrop-filter:blur(40px) saturate(150%); background-image:radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 50%); background-image:radial-gradient(circle at 80% 20%, rgba(120, 119, 198, 0.15), transparent 40%), radial-gradient(circle at 20% 80%, rgba(41, 98, 255, 0.1), transparent 50%);}

    .mobile-menu-expand{position:absolute; top:5px; height:40px; border-left:1px solid rgba(255, 255, 255, .1); transition:background .15s ease-in-out; cursor:pointer;}
    .mobile-menu-expand:hover, .mobile-menu-expand:active{background:rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav{padding-top:15px; padding-bottom:15px; border-top:1px solid rgba(255, 255, 255, .1); border-bottom:1px solid rgba(255, 255, 255, .1);}
    header .navbar .navbar-nav .nav-link{padding-top:.75rem; padding-bottom:.75rem;}
    header .navbar .navbar-nav > li > .mobile-menu-expand{right:-10px; width:50px;}
    header .navbar .navbar-nav > li > .dropdown-toggle::after{position:absolute; right:7px; top:12px;}
    header .navbar .navbar-nav > li > ul > li > .mobile-menu-expand{right:0px; width:50px;}
    header .navbar .navbar-nav > li > ul > li > .dropdown-toggle::after{position:absolute; right:10px; top:20px; width:20px; height:17px;}
    header .navbar .navbar-nav .dropdown-toggle:hover::after{color:#ffffff!important;}
    header .navbar .navbar-nav .dropdown-menu{margin-top:10px; margin-bottom:15px;}
    .homepage-v-logo{display:none;}
    header .navbar .dropdown-menu{background:transparent; border:0px; border-top:1px solid rgba(255, 255, 255, .1); border-bottom:1px solid rgba(255, 255, 255, .1); border-radius:0px; font-size:var(--bs-nav-link-font-size);}
    header .navbar .dropdown-menu .dropdown-item{padding-top:.75rem; padding-bottom:.75rem; color:#ffffff!important;}
    header .navbar .dropdown-menu .dropdown-item:hover{background:transparent; color:#ec5335!important;}
}


@media(min-width:992px){

}

@media(min-width:1200px){

}