/* Agrotrak Main styles */
@font-face {font-family: 'Microsoft Tai Le';src: url('../fonts/MicrosoftTaiLe-Bold.eot');src: url('../fonts/MicrosoftTaiLe-Bold-1.eot') format('embedded-opentype'),url('../fonts/MicrosoftTaiLe-Bold.woff2') format('woff2'),url('../fonts/MicrosoftTaiLe-Bold.woff') format('woff'),url('../fonts/MicrosoftTaiLe-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'Microsoft Tai Le';src: url('../fonts/MicrosoftTaiLe.eot');src: url('../fonts/MicrosoftTaiLe-1.eot') format('embedded-opentype'),url('../../assets/fonts/MicrosoftTaiLe.woff2') format('woff2'),url('../fonts/MicrosoftTaiLe.woff') format('woff'),url('../fonts/MicrosoftTaiLe.ttf') format('truetype');font-weight: normal;font-style: normal;}
.responsive body, html,html.responsive {overflow-x: hidden}
*,::after,::before {box-sizing: border-box}
* {-webkit-font-smoothing: antialiased!important;-moz-osx-font-smoothing: grayscale!important;-ms-osx-font-smoothing: grayscale!important;text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);-webkit-text-stroke: 1px transparent}
body, html {font-family: 'Microsoft Tai Le' !important;position: relative;margin: 0;font-weight: normal;font-size: 100%;font-size: 1rem;line-height: 1.5;text-align: left;background-color: #ffffff;direction: ltr;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
#top #header .container {overflow: visible;}
.dropdown-menu {min-width: 5rem;padding: 0.1rem 0;background: #72bf64;border-color: #00addf;background: -moz-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -webkit-gradient(left top, right top, color-stop(0, #72bf64), color-stop(100%, #25a9e0));background: -webkit-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -o-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -ms-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: linear-gradient(to right, #72bf64 0, #25a9e0 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#72bf64', endColorstr='#25a9e0', GradientType=1);}
.dropdown-item {padding: .25rem 0.5rem !important;color: #ffffff !important;font-size: 15px;text-transform: uppercase;font-weight: bold !important;}

#top #header.fixed-shadow{-webkit-box-shadow: 0 2px 6px #72bf64;-moz-box-shadow: 0 2px 6px #72bf64;-ms-box-shadow: 0 2px 6px #72bf64}
#top #main #timeline .timeline-text-block .location-icon span.at-dot,#top a.at-back-to-top:hover,.responsive #top .navbar-toggler-icon span {filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#72bf64', endColorstr='#25a9e0', GradientType=1)}
#top .ah-words-wrapper{width: auto !important;}
#top .at-top.ah-words-wrapper{width: auto !important;padding: 0; display: block !important;text-align: center;font-size: 4.1rem;}
#top .at-rotate-text .ah-words-wrapper b{font-weight: normal;white-space: normal !important;}
#top .dragdealer {position: relative;height: 30px}
#top .dragdealer .handle {position: absolute;top: 0;left: 0}
#top .dragdealer .red-bar {width: 100px;height: 30px;background: #C00;color: #FFF;font-size: 14px;line-height: 30px;text-align: center}
#top .dragdealer .disabled {background: #898989}
#top #at-wrap-all {width: 100%;position: static;z-index: 2;overflow: hidden}
#top #header {position: fixed;z-index: 501;width: 100%;background: transparent;}
#top #header .navbar-brand img {width: 160px;max-width: 100%;}
#top #header.fixed-shadow .navbar-brand img {width: 140px;}
#top #header .navbar.at-navbar {height: 100px;padding: 0}
#top #header.fixed-header .navbar.at-navbar {height: 70px}
#top #header.fixed-header {position: fixed;min-height: 70px;background: rgba(0,0,0,0.65);}
#top #header.fixed-shadow {-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.65);-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.65);box-shadow: 0 2px 6px rgba(0,0,0,0.65);}
#top #header .navbar-expand-lg .navbar-nav li.nav-item {margin: 0 5px}
.responsive #top .navbar-toggler-icon {z-index: 99;margin: 0 0 0 10px;width: 35px;height: 35px;position: relative;right: 0;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);cursor: pointer;-webkit-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;top: 0}
.responsive #top .navbar-toggler {border: 0;padding: .25rem 0 .25rem .75rem}
.responsive #top .navbar-toggler-icon span {z-index: 9990;display: block;position: absolute;height: 6px;width: 35px;-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-ms-border-radius: 100%;background: #72bf64;background: -moz-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -webkit-gradient(left top, right top, color-stop(0, #72bf64), color-stop(100%, #25a9e0));background: -webkit-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -o-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -ms-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: linear-gradient(to right, #72bf64 0, #25a9e0 100%);-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);-webkit-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;border-radius: 3px}
#top #main .at-custom-scroll{cursor: pointer !important;position: absolute;bottom: 20%;}
#top #main #atsol-banner .at-custom-scroll{bottom: 0;}
#top #main .at-custom-scroll .icon-down-open-big{position: relative;display: inline-block; -webkit-animation: floating-arrow-down 1.3s infinite ease-in-out 0s;-moz-animation: floating-arrow-down 1.3s infinite ease-in-out 0s;-o-animation: floating-arrow-down 1.3s infinite ease-in-out 0s;animation: floating-arrow-down 1.3s infinite ease-in-out 0s; }
#top #main .at-custom-scroll .icon-down-open-big:after{content: "";position: absolute;width: 25px;height: 25px;border: solid #ffffff;border-width: 0 3px 3px 0;display: inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
@-webkit-keyframes floating-arrow-down {
from {-webkit-transform: translateY(0);transform: translateY(0);}65% {-webkit-transform: translateY(7px);transform: translateY(7px);}to {-webkit-transform: translateY(0);transform: translateY(0);}}
@-moz-keyframes floating-arrow-down {
from {-webkit-transform: translateY(0);transform: translateY(0);}65% {-webkit-transform: translateY(7px);transform: translateY(7px);}to {-webkit-transform: translateY(0);transform: translateY(0);}}
@-o-keyframes floating-arrow-down {
from {-webkit-transform: translateY(0);transform: translateY(0);}65% {-webkit-transform: translateY(7px);transform: translateY(7px);}to {-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes floating-arrow-down {
from {-webkit-transform: translateY(0);transform: translateY(0);}65% {-webkit-transform: translateY(7px);transform: translateY(7px);}to {-webkit-transform: translateY(0);transform: translateY(0);}}
#top #main #top-banner, #top #main #atsol-top-banner{height: 100vh;}
#top #main #top-banner:after{content: "";background-repeat: no-repeat;bottom: 0;margin-top: auto;display: inline-block}
.responsive #top .navbar-toggler-icon span:nth-child(1) {top: 5px;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center}
.responsive #top .navbar-toggler-icon span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center}
.responsive #top .navbar-toggler-icon span:nth-child(3) {top: 25px;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center}
.responsive #top .navbar-toggler-icon.open span {height: 6px}
.responsive #top .navbar-toggler-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 0;left: 0;width: 34px}
.responsive #top .navbar-toggler-icon.open span:nth-child(2) {width: 0%;opacity: 0}
.responsive #top .navbar-toggler-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: 24px;left: 0;width: 34px}
#top #header .at-navbar .navbar-nav .nav-link {font-size: 15px;text-transform: uppercase;color: #fff;padding-top: .3rem;padding-bottom: .3rem;font-weight: bold;}
#top #main #atsol-top-banner{background-image: url(../images/top-banner.jpg);background-size: cover;height: 100vh; background-attachment: fixed;background-position: center;background-repeat: no-repeat;position: relative;}
/*#top #main #top-banner:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: block;background: rgba(0,0,0,0.5);}*/
/*#top #main #top-banner{position: relative;height: 100vh;background: #72bf64;background: -moz-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -webkit-gradient(left top, right top, color-stop(0, #72bf64), color-stop(100%, #25a9e0));background: -webkit-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -o-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -ms-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: linear-gradient(to right, #72bf64 0, #25a9e0 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#72bf64', endColorstr='#0088ff', GradientType=1);opacity: 1;}*/
#top #main #top-banner video, #top #main #technology video {position: absolute;z-index: 1;top: 0;width:100%;height:100%;object-fit: cover;opacity: 1;}
#top #main .at-text-shadow{text-shadow: 3px 3px 20px rgba(0,0,0,1);}
#top #main .h100vh{height: 100vh;}

/* technology */
#top #main #technology{background-image: url(../images/technology-bg-image.jpg);background-size: cover; background-attachment: scroll;background-position: center;background-repeat: no-repeat;position: relative;}

#top #main #technology:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: block;width: 100%;height: 100%;z-index: 2; background: rgb(114,191,100);background: -moz-linear-gradient(45deg, rgba(114,191,100,0.5) 0%, rgba(37,169,224,0.5) 100%);background: -webkit-linear-gradient(45deg, rgba(114,191,100,0.5) 0%, rgba(37,169,224,0.5) 100%);background: linear-gradient(45deg, rgba(114,191,100,0.5) 0%, rgba(37,169,224,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#72bf64",endColorstr="#25a9e0",GradientType=1); }
/*#top #main #technology:before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: block;width: 100%;height: 100%;z-index: 1;background: rgba(34,33,43,0.5);}*/

/* Service */
#top #main .owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
#top #main .owl-carousel .owl-animated-in {z-index: 0;}
#top #main .owl-carousel .owl-animated-out {z-index: 1;}
#top #main .owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
#top #main #our-team .at-team-block {margin: 20px 0 30px;padding: 5px 0 10px}
#top #main #our-team .at-team-block .at-team-img img {-webkit-border-radius: 10% 0px 10% 0;-moz-border-radius: 10% 0px 10% 0;border-radius: 10% 0px 10% 0;-webkit-box-shadow: 0 2px 6px rgba(37,169,224,0.3);-moz-box-shadow: 0 2px 6px rgba(37,169,224,0.3);box-shadow: 0 2px 6px rgba(37,169,224,0.3);width: 200px}
#top #main #our-team .at-team-block .team-header h3.team-h3 {font-size: 26px;font-weight: 400;margin-top: 20px;margin-bottom: 0}
#top #main #our-team .at-team-block .team-header h6.team-h6 {font-size: 13px;font-weight: 400;margin: 5px 0 10px}
#top #main #our-team .at-team-block .team-header a.team-linkedin-link {margin-top: 10px;margin-bottom: 13px}
#top #main #our-team .at-team-block .team-header a.team-linkedin-link i.fa-linkedin {font-size: 45px}
#top #main .owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
#top #main .owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
#top #main .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}
#top #main .owl-carousel .owl-controls .owl-nav .owl-prev,
#top #main .owl-carousel .owl-controls .owl-nav .owl-next,
#top #main .owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#top #main .owl-carousel.owl-loaded {display: block;}
#top #main .owl-carousel.owl-loading {opacity: 0;display: block;}
#top #main .owl-carousel.owl-hidden {opacity: 0;}
#top #main .owl-carousel .owl-refresh .owl-item {display: none;}
#top #main .owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#top #main .owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}
#top #main #partners .at-partners-logo .col-12:nth-child(1) .parternes-logo, #top #main #partners .at-partners-logo .col-12:nth-child(2) .parternes-logo{max-width: 100px;}
#top #main {clear: both;width: 100%;float: left;min-height: 100px;position: static}
#top #main.main-scrolled {padding-top: 70px;margin-top: 70px;}
#top #main #contact-us{position: relative;background-image: url(../images/contact-us-bg.jpg);background-size: cover;background-position: top center;background-repeat: no-repeat;}
#top #main #contact-us:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: block; background: rgba(8,0,91,0.65);}
/* Solution page style */
#top .atsol-desktop-view{display: block;}
#top .atsol-mobile-view{display: none;}
#top #atsol-line img{position: absolute;-webkit-transform: translate(-45%, -40%);-moz-transform: translate(-45%, -40%);-ms-transform: translate(-45%, -40%);transform: translate(-45%, -40%);}
#top #main #atsol-info-bg{background-image: url(../images/info-bg-computer-img.png);background-size: cover;background-repeat: no-repeat;position: relative;height: 300vh;width: 100%;left: 0;right: 0;top:0;display: block; }
#top #main #atsol-info-bg .atsol-computer-main{background-image: url(../images/info-computer-img.png);background-size: contain;background-repeat: no-repeat;position: absolute;height: 100%;width: 100%;top: 0;left: 0;right: 0;}
#top #atsol-purchasing{position: absolute;top: 1% !important;left: 60% !important;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);transform: translate(0%, -50%);}
#top #atsol-consolidation{position: absolute;top: 11% !important;left: 40% !important;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#top #atsol-transport-main{position: absolute;top: 64% !important;left: 36% !important;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#top #atsol-transport{position: absolute;top: 26% !important;left: 52% !important;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);transform: translate(0%, -50%);}
#top #atsol-transport-airplan{position: absolute;top: 85% !important;left: 0% !important;-webkit-transform: translate(100%, -50%);-moz-transform: translate(100%, -50%);-ms-transform: translate(100%, -50%);transform: translate(100%, -50%);}
#top #atsol-last-mile-main{position: absolute;-webkit-transform: translate(0%, -17%);-moz-transform: translate(0%, -17%);-ms-transform: translate(0%, -17%);transform: translate(0%, -17%);z-index: 9;clear: both;bottom: 0;}
#top #main #atsol-last-mile-bg{margin-top: 160px;}
#top #atsol-last-mile-main img.atsol-mile-img{width: 90%;position: relative;right: -50px;}

/* Blog */
#top  #blog-post{background: #f7f7f7;}
#top  #blog-post .post-block .at-post-img img{border-radius: 5px 5px 0 0;}
#top  #blog-post .post-block{background: #fff;border-radius: 5px;border-bottom: 1px solid
rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out}
#top  #blog-post .post-block:hover{-webkit-box-shadow: 0 10px 6px -6px #777;-moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #777;}
#top  #blog-post .post-header .at-blog-meta{position: relative;margin-bottom: 10px;display: inline-block;width: 100%;font-size: 13px;}
#top  #blog-post .post-header h3.post-h3{font-size: 26px;font-weight: 500;/*max-height: 60px;overflow: hidden;*/}
#top  #blog-post .post-header p{font-size: 15px;}


/* End Solution page style */
#top #footer .footer-line {padding-bottom: 60px;border-bottom: 1px solid rgba(255, 255, 255, .1)}
#top #footer .at-widget {margin-bottom: 40px}
#top #footer .at-widget h3.widgettitle {font-size: 22px;font-weight: 600;margin-bottom: 20px}
#top #main .bg-08005b,
#top #main #our-team,
#top #main #atsol-last-mile-bg,
#top footer#socket{background: #08005b;}
#top #footer #quick-contact.at-widget .footer-nav ul li,
#top #footer .at-widget .footer-nav ul li a {padding-left: 0;font-size: 14px;font-weight: 600;color: #fff;letter-spacing: .5px}
#top #footer .at-widget .footer-nav ul li a:hover {color: #00addf}
#top #footer .at-widget .footer-nav ul li a i.fab {min-width: 20px;font-weight: 400}
#top #footer .at-widget .footer-nav ul li.location-text i.fa-map-marker-alt {position: absolute;left: 0;margin-top: 3px}
#top #footer #quick-contact.at-widget .footer-nav ul li.location-text {position: relative;padding-left: 20px}
#top footer#socket .container .socket-link ul li a {color: #fff;font-size: 15px;font-weight: 600}
#top footer#socket .container .copyright-text {color: #e186f7;font-size: 16px;font-weight: normal;}
#top a.at-back-to-top {display: none;width: 40px;height: 40px;line-height: 44px;position: fixed;z-index: 99;right: 10px;bottom: 20px;text-align: center;color: #00addf;background: 0 0;border: 1px solid #00addf;-webkit-border-radius: 13px 0;-moz-border-radius: 13px 0;-o-border-radius: 13px 0;-ms-border-radius: 13px 0;border-radius: 13px 0}
#top a.at-back-to-top i.fa-angle-up:before {font-size: 20px}
#top a.at-back-to-top:hover {color: #fff;background: #72bf64;background: -moz-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -webkit-gradient(left top, right top, color-stop(0, #72bf64), color-stop(100%, #25a9e0));background: -webkit-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -o-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: -ms-linear-gradient(left, #72bf64 0, #25a9e0 100%);background: linear-gradient(to right, #72bf64 0, #25a9e0 100%)}
#top footer#socket img.at-footer-logo {width: 300px;height: 100%;}
#top .res-dropdown-item {display: none;}
#top .res-hide {display: block;}
#top .at-modal-countdown .modal-signup .form-subscribe input.at-input50 {background: #ffffff;color: #000000;}
#top .at-desktop {display: block !important;}
#top .at-mobile {display: none !important;}