@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap');
body {font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.8;color: #0a2745;scroll-behavior: smooth;}
p, ul, ol {font-size: 18px; line-height: 24px; color: #9d9fa2;  }

a:focus, a:hover { color: #9d9fa2; text-decoration: initial; transition: all 0.5s ease 0s; }

h3 a { color: #0a2745 !important; }
h3 a:hover { color: #ddc164 !important; text-decoration: initial; transition: all 0.5s ease 0s; }

.margin {margin-bottom: 45px;}
.dark-gray { background-color: #9fa1a4; color: #ffffff; }
.bg-2 { background-color: #9fa1a4;color: #ffffff; }
.gray { background-color: #f0f0f0; color: #fff;}
.background-blue { background-color: #162b41;color: #fff;  }
.gray-light { background-color: #eeeeee; }
.background-white { background-color: white !important; }
.bg-6 { background-color: #f1f1f1;color: #fff;  }

.mr20{ margin-right: 20px  }
.mr30{ margin-right: 30px  }
.mr50{ margin-right: 50px  }

.ml20{ margin-left: 20px  }
.ml30{ margin-left: 30px  }
.ml50{ margin-left: 50px  }

.mb20{ margin-bottom: 20px  }
.mb30{ margin-bottom: 30px  }
.mb50{ margin-bottom: 50px  }

.mt20{ margin-top: 20px  }
.mt30{ margin-top: 30px  }
.mt50{ margin-top: 50px  }

.pr20{ padding-right: 20px  }
.pr30{ padding-right: 30px  }
.pr50{ padding-right: 50px  }

.pl20{ padding-left: 20px  }
.pl30{ padding-left: 30px  }
.pl50{ padding-left: 50px  }

.pb20{ padding-bottom: 20px  }
.pb30{ padding-bottom: 30px  }
.pb50{ padding-bottom: 50px  }

.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pt50{ padding-top: 50px;}

img { max-width: 100%; }
.Extra-class{ width: 100%;  }

.container {padding: 30px 0px; width: 100%; max-width: 1237px;  }
.container-fluid { max-width: 1267px; padding-top: 20px; padding-bottom:20px;transition: all 0.5s ease 0s;}
.container-fluid .container {padding: 0px; width: 100%; max-width: 100%;}
.header-con {display: flex; justify-content: space-between;}
.safety_band {position: relative;background: #fff;width: 100%;display: grid;flex: 0 0 100%;}

.center{ text-align: center; }
h2{font-size: 40px;font-weight: 800;line-height: 52px;margin: 0px 0px 20px 0px;}
h3 {font-size: 40px;font-weight: 700;display: block;margin-bottom: 25px;margin-top: 0px;}
h4 {font-size: 32px;font-weight: 700;display: block;margin-bottom: 25px;margin-top: 0px;color: #585858;}

.h2-small {font-size: 18px;color: #aa9348; margin-top: 0px; font-weight: 500; margin-bottom: 10px; line-height: 20px  }

.span-large { line-height: 50px; margin-bottom: 15px; display: block;}
.breadcrumb h1{display: block; font-size: 24px;line-height: 26px;color: #fff;font-weight: 600;z-index: 0; padding-top: 20px; padding-bottom: 20px; margin: 0px;}


.box-cont { padding-top: 30px; }

.together .h2-large, .h2-large{font-size: 40px;font-weight: 800;text-transform: none; line-height: 48px; }
.together h2 span{font-size: 40px;line-height: 60px;display: block;font-weight: normal;}
h2 span { display: block; font-weight:300; }
.billed h5 {font-size: 24px;font-weight: 700;margin: 25px 0px 20px;}

.display-flex{ display: flex;align-items: center;justify-content: space-around; height: 100%; }

/*header stk*/
.newClass .container-fluid { max-width: 1267px;    padding: 10px 15px; }
.newClass #header {position: fixed;top: 0px;z-index: 9;width: 100%; background: #fff;transition: all 0.5s ease 0s;}
.newClass .logo img { max-width: 250px; }
.logo img {transition: all 0.5s ease 0s;}
.newClass .mainmenu a, .newClass .navbar-default .navbar-nav > li > a, .newClass .mainmenu ul li a, .newClass .navbar-expand-lg .navbar-nav .nav-link{ padding: 10px 20px 10px 20px;}

.newClass li.last-li a { padding: 11px 20px 12px !important; }
.newClass .navbar-collapse.collapse { margin-top: 5px;}
.newClass .navbar-nav>li.last-li { margin-top: -5px; }
#header { background: #fff;}
#mySidenav.mobile-menu {display: none;}
span.mob-btn { display: none; }

/*close*/

.logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
}

.logo-container {
    width: 25%;
    padding: 15px;
    text-align: center;
}

.logo-container img {
    object-fit: contain;
    max-height: 100px;
}   

.form-group--captcha {
    margin-bottom: 15px;
}

.three-box figure {
    height: 280px;
}

.three-box figure img {
    object-fit: cover;
    height: 100%;
}


/* ---------------------  SUB PAGE STYLE FIX ---------------------------------------- */

.home-mini-hero {
    position: relative;
    margin: 0px;
    width: 100%;
    height: auto;
}

.mini-hero-section {
    max-width: 600px;
    color: #fff;
}

.home-mini-hero .h1-small {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

.home-mini-hero h2 {
    font-size: 39px;
}

.home-mini-hero h2 span {
    font-size: calc(20px + (39 - 20) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(28px + (52 - 28) * ((100vw - 300px) / (1600 - 300)));
    display: block;
    font-weight: normal;
}

.home-mini-hero--top-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 320px;
}

.home-mini-hero--bottom-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    min-height: 320px;
    height: auto;
}

.home-mini-hero .skue-div-left {
    width: 50%;
    overflow: inherit;
    margin-left: 0px;
    top: 0px;
    left: 0%;
    height: 377px;
    background-color: #0a2745;
    z-index: 2;
    transform: skew(-180deg);
    -webkit-transform: skew(-180deg);
    -moz-transform: skew(-180deg); 
}

.home-mini-hero .skue-div-left:before {
    content: none;
}

.home-mini-hero .skue-div-left:after {
    content: "";
    position: absolute;
    background-color: #0a2745;
    width: 160px;
    height: 100%;
    top: 0px;
    right: -150px;
    clip-path: polygon(150px 0px, 0px 0px, 10px 377px);    
}

.home-mini-hero .img-fiexd {
    max-height: 316px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
}

.home-mini-hero--bottom-wrapper p {
    font-size: 18px;
    line-height: 24px;
    color: #9d9fa2;
    font-weight: 500;
    
}

.home-mini-hero .container .col-sm-12 {
    display: flex;
    align-items: center;
}

.home-mini-hero .container {
    min-height: 315px;
    padding-top: 40px;
    padding-bottom: 40px;
    z-index: 3;
    position: relative;
    overflow: hidden;
}

.home-mini-hero-left-image {
    width: 50%;
}

.home-mini-hero-left-image img {
    height: 100%;
    object-fit: cover;
}

.home-mini-hero-right-text {
    padding: 80px 30% 80px 40px;
}

.home-mini-hero--bottom-wrapper p {
    font-size: 18px;
    line-height: 24px;
    color: #9d9fa2;
    font-weight: 500;
    margin: 2px 0px 15px 0px;
    position: relative;
}

@media screen and (max-width: 1250px) {

    .home-mini-hero .skue-div-left {
        width: 100%;  
        min-height: 320px;
        height: auto;
    }        
        
    .home-mini-hero .skue-div-left:after {
        content: none;
    }        
        
    .home-mini-hero--top-wrapper {
        min-height: 320px;
        height: auto;
        
    }

    .col-sm-12 {
        width: 100%;
    }

    .mini-hero-section {
        max-width: 100%;
        text-align: center;
    }

    .home-mini-hero-right-text {
        padding: 30px 0px;
    }

}

@media screen and (max-width: 991px) {

    .home-mini-hero--top-wrapper {
        position: relative;
   }

    .home-mini-hero .skue-div-left {
        width: 100%;
        position: absolute;
        min-height: 320px;
        height: 100%;
    }

    .home-mini-hero--bottom-wrapper {
        flex-direction: column;
        height: auto;
    }
 
    .home-mini-hero-left-image {
        width: 100%;
    }
  
   .home-mini-hero--bottom-wrapper col-md-6 {
        width: 100%;
    }

}

/* ---------------------  END SUB PAGE STYLE FIX ---------------------------------------- */


.img-fiexd { position: absolute; top: 0px; right: 0px;}
.solutions_land_transportation .img-fiexd { max-height: 316px; overflow: hidden;}

/*.fix-img {
    background: url(.//images/solution_land.jpg) no-repeat right top;
    min-height: 458px;
    border-left: 20px solid #92474d;
}*/


/*.solutions_land_transportation .home-hero .skue-div-left:after { background: url(../images/solution_land.jpg) no-repeat right top; min-height: 456px; border-left: 20px solid #92474d;    position: absolute;    width: 65%;    content: "";    transform: skew( 206deg ); -webkit-transform: skew( 206deg );-moz-transform: skew(-206deg); z-index: 999;    top: 100%;    right: -111px;}*/


.col-md-6.full img {
    width: 808px;
    right: 0;
    position: absolute;
    z-index: 2;
    max-width: inherit;
}
.new-col {
    width: 100%;
    display: inline-block;
    float: left;
    min-height: 375px;
}
.new-col {
    width: 100%;
    float: left;
    min-height: 446px;
}
.home-hero .new-col p {
    font-size: 18px;
    line-height: 24px;
    color: #9d9fa2;
}

.solutions_land_transportation .home-hero .skue-div-left {
    width: 61.8%;
    overflow: inherit;
    margin-left: -7%;
    top: 0px;
    height: 377px;
}

.footer-box ul li a:hover {padding-left: 10px;}
.footer-box ul li a {transition: all 0.5s ease 0s;}

.col-md-6.full {padding: 0px;}
.dropdown-menu>li>a{ transition: all 0.5s ease 0s;  }
.navbar-collapse.collapse{ margin-top:6px;   }
#navbarDropdown span.arrow.left {border-color: #0a2745;right:9px;left: inherit;transform: translate3d(0, -50%, 0) rotate( 135deg);width: 10px;height: 10px;border-top:2px solid #aa9348;border-right:2px solid #aa9348;   top: 47%;}
.navbar-nav>li { list-style-type: none;}
.navbar-nav>li.last-li { margin-top: -6px; margin-left:50px; }
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#0a2745;font-size:16px;text-transform:capitalize;padding:10px 20px 10px 20px;display: block !important; font-weight: 700; border:1px solid #fff;}
.newClass .mainmenu a.dropdown-toggle, .newClass .mainmenu ul li a.dropdown-toggle, .mainmenu a.dropdown-toggle, .mainmenu ul li a.dropdown-toggle {padding-left: 15px;padding-right: 25px; cursor: default;
}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #0a2745; outline: 0; border:1px solid #aa9348; }
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #fff; text-decoration: none;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #fff;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}
.mainmenu .active .dropdown-menu a { border: 0px; padding: 5px 15px; font-size: 15px;}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#fff; list-style-type: none;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}
li.last-li a { background: #aa9348; color: #fff !important; padding: 14px 20px !important; border:0px !important; transition: all 0.5s ease 0s; }
.mainmenu .collapse ul > li:hover > a{ background:transparent; text-decoration: none;}
li.last-li a span {margin-right: 10px;vertical-align: middle;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ color: #aa9348 !important; border-color: transparent; }
.mainmenu .collapse ul ul.dropdown-menu{ min-width: 300px; }
.newClass #main { padding-top: 100px;}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}

@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
.mainmenu .collapse ul ul.dropdown-menu {    border: 1px solid #aa9348;margin-top: -1px; padding: 15px 0px;}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
}


@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}

}

@media only screen and (max-width: 580px) {

.logo-container {
    width: 50%;
}

}


@media (min-width: 992px){
.navbar-expand-lg .navbar-toggler { display: none;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ padding-left: 30px !important; }
}

.home-hero {position: relative;margin-bottom: 147px;}

.home-hero .container .row { min-height: 510px; position: relative; display: flex; flex: 0 0 100%;}
.home-hero .container .col-sm-12{ display: flex; align-items: center; }
.solutions_land_transportation .home-hero .container .row{ min-height: initial; }
.home-hero .button-class{ margin-bottom: 1px  }
.home-hero .h1-smoll, .home-hero h1.smoll{ font-size: 18px;  }
 .home-hero h1.smoll{ color: #a1acb8;  }
.solutions_land_transportation .home-hero .h1-small{ font-size: 18px; font-weight: 400; margin-bottom: 20px;  }
.solutions_land_transportation .home-hero h2 { font-size: 39px;  }



a.buttons span {line-height: 0px;font-size: 0px;vertical-align: middle;margin-right: 10px;height: 30px;overflow: hidden;display: inline-block; transition: all 0.5s ease 0s;}
.home-hero .h2-span{font-size: 40px;font-weight: 800;line-height: 52px;margin: 0px;}
.home-hero p {font-size: 31px;font-weight: 300;margin: 2px 0px 15px 0px;line-height: 56px; color: #fff; position: relative; }
.mainmenu .active .dropdown-menu a:hover { padding-left: 30px;}

.home-hero .skue-div-left { height: 121%; width: 57%; background: #0a2745; z-index: 2; transform: skew(-206deg); -webkit-transform: skew(-206deg); -moz-transform: skew(-206deg); }
.home-hero .skue-div-left:before{ content: "";width: 100%;height: 100%;background: #0a2745 url(../images/safety-solutions-hero.png) 74% top no-repeat;position: absolute;display: block;z-index: 9;-webkit-transform: skew(206deg);-moz-transform: skew(206deg);transform: skew(206deg);background-size: cover;}


.solutions_land_transportation .home-hero:after {background: url(../images/solutions-2.png) 74% top no-repeat;}

.home-hero .container {z-index: 3;position: relative;min-height: 570px;overflow: hidden;}
.solutions_land_transportation .home-hero .container{ min-height: 315px; padding-top: 40px; padding-bottom: 40px; }
.hero-section {max-width: 560px; color: #fff; }
.solutions_land_transportation .hero-section{ max-width: 600px;  }


.buttons { min-height: 48px; text-align: center; min-width: 160px; background: #aa9348; color: #fff;padding: 13px 20px;font-weight: 700;font-size: 20px;border: 2px solid #aa9348; line-height: 38px;display: inline-block; transition: all 0.5s ease 0s; /*background: -moz-linear-gradient(-45deg, #aa9348 0%, #aa9348 100%); background: -webkit-linear-gradient(-45deg, #aa9348 0%,#aa9348 100%); background: linear-gradient(135deg, #aa9348 0%,#aa9348 100%);*/}
.ghost-buttons { min-height: 48px; text-align: center; min-width: 160px; background: transparent; color: #fff; padding: 13px 20px;font-weight: 700;font-size: 20px;border: 2px solid #aa9348; line-height: 38px;display: inline-block; transition: all 0.5s ease 0s; /*background: -moz-linear-gradient(-45deg, #aa9348 0%, #aa9348 100%); background: -webkit-linear-gradient(-45deg, #aa9348 0%,#aa9348 100%); background: linear-gradient(135deg, #aa9348 0%,#aa9348 100%);*/}

.hero-section .buttons:hover { color: #fff;}
.hero-section .ghost-buttons:hover { background: #aa9348; color: #fff;}

.hero-section a.buttons:hover span img{ margin-top: 0px; }
.hero-section a.ghost-buttons:hover span img{ margin-top: 0px; }

.button-class {display: flex;clear: left; transition: all 0.5s ease 0s; }

.buttons:hover{ background:rgba(255,255,255,0.2); color:#aa9348; }
.ghost-buttons:hover{ background: #aa9348;; color:#fff; }

a.ghost-buttons:hover span img { margin-top: -34px; transition: all 0.5s ease 0s; }
a.ghost-buttons span img { margin-top: 0px;}

.phone-btn-link {
    position: relative;
    padding-left: 60px;
}

.phone-btn-link:before {
    position: absolute;
    content: "\f095";
    font-family: "Font Awesome 5 Brands" , "Font Awesome 5 free";     
    top: 13px;
    left: 21px;
    font-size: 18px;
    color: #fff;
    transform: rotate(-265deg);
}

.phone-btn-link:after {
    position: absolute;
    content: "";
    top: 15px;
    left: 14px;
    border: 1px #fff solid;
    border-radius: 20px;
    height: 34px;
    width: 34px;
}



.backed-section .buttons:hover, .safety-solution .buttons:hover { color: #fff;  }
a.buttons:hover span img { margin-top: -34px; transition: all 0.5s ease 0s; }
a.buttons span img { margin-top: 0px;}

.list-li ul li:last-child { margin-bottom: 0px;}
.center-btn { text-align: center;}
.safety-solution figure img, .backed-by figure img { max-width: 100%; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); display: block; margin: auto; }


/*we do*/

.top-title { text-align: center; }
.top-title p {font-size: 18px;margin: 20px 0px;}
.box-btn {width: 100%;}
.box-cont h3 {font-size: 21px;text-transform: uppercase;font-weight: 700;}
.three-box {
    text-align: center;
    margin-top: 20px;
}


.box-btn a.buttons{ border: 0px;  }
.box-btn a.buttons:hover, .mainmenu .collapse ul > li.last-li:hover > a { color: #fff;background: #ddc164; /*background:-moz-linear-gradient(-45deg,  #ddc164 0%, #aa9348 100%); background:-webkit-linear-gradient(-45deg,  #ddc164 0%,#aa9348 100%);background: linear-gradient(135deg,  #ddc164 0%,#aa9348 100%);*/}
figure img {max-width: 100%;}
.list-li ul span {margin: 0px 10px 0px 0px;}
.list-li ul li {margin-bottom: 10px; padding-left: 30px; font-size: 18px; position: relative;}

.list-li ul li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Brands" , "Font Awesome 5 free";     
    position: absolute;
    top: -2px;
    left: 0px;
    font-size: 22px;
    color: #aa9348;
}

.list-li ul {margin: 0px;padding: 0px;list-style: none;}
.safety-solution p {font-weight: 400;}
.safety-solution span.h2-large {margin-bottom: 15px;display: block;}
.safety-solution .h2-small {margin-top: 0px;}
.list-li {margin-top: 20px;}

a.content-link { color: #b9a257;}
a.content-link:hover{ text-decoration: underline; }
.safety-solution{ overflow: hidden; color: #fff; position: relative;  }
.safety-solution .container {position: relative;z-index: 2; margin-bottom: 45px; }
.solution-service {margin: 60px 0px;}
.backed-by {overflow: hidden;color: #fff; position: relative; }
.backed-section p {color: #fff;line-height: 26px;}
.skue-div-left {-webkit-transform: skew(-206deg);-moz-transform: skew(-106deg);position: relative;height: 100%;transform: skew(-206deg);    width:76%; overflow: hidden;background: #0a2745;margin-left: -170px;padding-left: 170px;position: absolute;}

.skue-div-left figure { -webkit-transform: skew(220deg); -moz-transform: skew(-200deg); transform: skew(220deg); opacity: 0.5; position: relative; }
.backed-by .button-class { margin-top: 40px;}
.backed-by .container { position: relative; z-index: 2;}

.skue-div-left:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #0a2745;
    background-image: url(../images/safety-services.png)!important;
    background: no-repeat 100% top;position: absolute;display: block;z-index: 9;-webkit-transform: skew(206deg); -moz-transform: skew(206deg); transform: skew(206deg);}

.backed-by .skue-div-left:before{ background: #0a2745 url(../images/prefooter.png) no-repeat 100% center; }
.skuerightmain {width: 100%;display: block;position: relative;}
.skue-div-right {-webkit-transform: skew(210deg);height: 100%; transform: skew(210deg);width: 70%;overflow: hidden;background: #0a2745;margin-right: -286px;padding-left: 0px;position: absolute;right: 0px;}
.skue-div-right:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #0a2745 url(../images/safety-solution-products.png) no-repeat 100% top;
    position: absolute;
    display: block;
    z-index: 9;
    background-position: left;
    -webkit-transform: skew(-210deg);
    -moz-transform: skew(-210deg);
    transform: skew(-210deg);
}

.enviromental-pe-section:before {
    background-image: url(../images/environmental-safety-execution.png) !important;
}

.land-pe-section:before {
    background-image: url(../images/land-transportation-execution.png) !important;  
}

.health-pe-section:before {
     background-image: url(../images/health-and-safety-execution.png) !important;   
}

.safety-solution p {color: #fff;}


/*we do*/


.owl-carousel{display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1}
.owl-carousel .owl-stage{position: relative;-ms-touch-action: pan-Y}
.owl-carousel .owl-stage:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.owl-carousel .owl-stage-outer{position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px); margin: auto;}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .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}
.owl-carousel.owl-loaded{display: block}.owl-carousel.owl-loading{opacity: 0;display: block}.owl-carousel.owl-hidden{opacity: 0}
.owl-carousel .owl-refresh .owl-item{display: none}.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}
.owl-carousel .owl-item img{display: block;width: 100%;-webkit-transform-style: preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto}
.owl-carousel .owl-grab{cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab}.owl-carousel.owl-rtl{direction: rtl}.owl-carousel.owl-rtl .owl-item{float: right}.no-js .owl-carousel{display: block}.owl-carousel .owl-item .owl-lazy{opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease}
.owl-carousel .owl-item img{transform-style: preserve-3d}.owl-carousel .owl-video-wrapper{position: relative;height: 100%;background: #0a2745}.owl-carousel .owl-video-play-icon{position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("owl.video.play.png") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition: scale(1.3, 1.3);-moz-transition: scale(1.3, 1.3);-ms-transition: scale(1.3, 1.3);-o-transition: scale(1.3, 1.3);transition: scale(1.3, 1.3)}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display: none}.owl-carousel .owl-video-tn{opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease}
.owl-carousel .owl-video-frame{position: relative;z-index: 1}
.owl-controls .owl-dots{display: block;padding: 20px 3px 0;width: 100%;text-align: center}
.owl-theme .owl-dots .owl-dot span{background: #979797;width: 8px;height: 8px;margin: 5px;display: block;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;position: relative;color: #fff}
.owl-theme .owl-dots .owl-dot span:hover{background: #c34239}
.owl-theme .owl-dots .owl-dot.active span{background: #3f3736}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{display: inline-block;float: left;padding: 5px;margin: 0 10px}
.owl-carousel .owl-stage-outer .item .user-name strong { font-size: 21px;}
.owl-carousel .owl-stage-outer .item .user-name span { font-size: 15px; color: #9d9fa2; }
.owl-carousel .owl-stage-outer .item .user-name { margin-top: 30px; }



section.testimonial .container {    text-align: center;    padding: 70px 0px;}
.owl-theme .owl-controls .owl-nav .owl-next {    float: right;}
.owl-carousel .owl-stage-outer .item {margin: auto; padding: 0px 17%;}
.text-animation {font-size: 40px;font-weight: 700;}
.testimonial .item p {font-size: 21px;line-height: 34px; font-style: italic; font-weight: 500;}
.testimonial-carousel .owl-controls .owl-nav {position: absolute;width: 100%;}
.testimonial-carousel .owl-nav div { background-image: url(../images/arrow.png); font-size: 0;width: 36px;height: 18px;background-size: cover;transition: all 0.5s ease 0s;}
.testimonial-carousel .owl-nav div.owl-prev {transform: rotate(180deg); }
.owl-controls {top: 40%; position: absolute;width: 100%; margin: auto; transform: translateY(-50%);}


/*Blog*/


.latest-news .box-cont { text-align: left; padding-top: 20px;}
.latest-news .box-cont h3 {font-size: 22px;text-transform: none;font-weight: 700;line-height: 27px;color: #0a2745;margin-top: 10px;margin-bottom: 20px;}
a.only-link {font-size: 20px;color: #aa9348;font-weight: 700; position: relative; transition: all 0.5s ease 0s;  }
a.only-link:hover .icon-bold {right: -50px;}
a.only-link:hover { text-decoration: underline;  }
article span {color: #9d9fa2;font-size: 16px;font-weight: 600;}


.backed-by.Lets-work .container { padding-top: 55px; padding-bottom: 55px;}
.backed-by.Lets-work { overflow: hidden; position: relative;}





/*footer*/
.footer-logo {display: block;    width: 100%;    margin: 0px 0px 40px 0px;}
.footer h3 {font-weight: 700;color: #9d9fa2;font-size: 20px;text-transform: uppercase;margin-bottom: 20px;}
.footer li {list-style: none;padding: 0px;line-height: 30px;font-size: 18px;color: #9d9fa2;}
.footer ul {padding: 0px;}
.footer li a {color: #fff !important;padding: 0px;}
.row.footer-cont {margin: 34px auto 20px;text-align: center;max-width: 910px;color: #9d9fa2;font-size: 16px;}
.footer-bottom li {display: inline-block;text-align: center;font-size: 14px;font-weight: 500;}
.footer-bottom ul, .footer-bottom li {padding: 0px;margin: 0px;}
.footer-bottom {text-align: center;border-top: 1px solid #344456;padding-top: 20px;}
.footer a:hover {color: #b9a257 !important;}
.row.footer-box .col-sm-4:last-child { width: 26%; padding-right: 0px;}
.row.footer-box {width: 100%;margin: auto;}
.row.footer-box .col-sm-4 {width: 40%;}
.row.footer-box .col-sm-4:nth-child(2) { width: 34%; }


.footer { position: relative; overflow: hidden; background-image: url(../images/footer-bg-new.png); background-repeat: no-repeat; background-position: center center; }
.footer .row {    position: relative;    z-index: 1;}


/* back top button*/
#back-button {display: inline-block;background-color: #aa9348;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#back-button:hover {cursor: pointer;background-color: #333;}
#back-button:active {background-color: #555;}
#back-button.show {opacity: 1;visibility: visible;}


/*arrow icon*/
.arrow {position: absolute; top: 50%;  width: 15px;height: 15px;background: transparent;border-top: 2px solid white;border-right: 2px solid white;box-shadow: 0 0 0 lightgray;transition: all 0.5s ease 0s;margin-left: 25px;}
.arrow.left {left: 0;transform: translate3d(0, -50%, 0) rotate(-135deg);}
.arrow:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-40%, -60%) rotate(45deg);width: 200%;height: 200%;}


#back-button .arrow.left { margin-left: 17px;  transform: translate3d(0, -40%, 0) rotate(-45deg);}

.icon-bold {position: absolute;top: 50%;transform: translate(-50%,-50%);width: 20px;height: 53px;cursor: pointer;right: -40px; transition: all 0.5s ease 0s;}
.arrow-bold {position: absolute;top: 25px;width: 70%;height: 4px;background-color: #aa9348;box-shadow: 0 3px 5px rgb(0 0 0 / 10%);animation: arrow 700ms linear infinite;}
.arrow-bold::after, .arrow-bold::before {content: '';position: absolute;width: 100%;height: 4px;right: -6px;background-color: #aa9348;}
.arrow-bold::after {    top: -4px; transform: rotate(45deg);}
.arrow-bold::before {top: 4px;box-shadow: 0 3px 5px rgb(0 0 0 / 10%);transform: rotate(-45deg);}

/*arrow icon close*/

#fname-error, #email-error, #phone-error {position: absolute;top: 0px;color: red; font-size: 11px;}
.error ~ label { display: none;}
.error { display: block !important;}

/* ========================  case_studies_page START ============================= */

.breadcrumb{margin: 0;position: relative; background-color: transparent; padding: 17px 15px; }
.breadcrumb:before{content: '';background-color: #0a2745;position: absolute;width: 9999px;right: 44%;height: 100px;top: 0px;z-index: -1;transform: skewX(-44deg);}
.breadcrumb .container{ padding: 0px;  }

.skew { position: relative; z-index: 2;}


/* ================  hero_band START ================== */

.hero_band{background-color: #fff;text-align: center;}
.hero_band h3{font-size:48px ;line-height: 60px;font-weight: 800;}
.hero_band p{line-height: 26px; width: 76%;display: block;margin: 0 auto;padding-top: 10px;padding-bottom: 10px;}

    /* ================  summary_band1 START ================== */

.shadeimg{width: calc(100% - 20px);margin-left: 10px;margin-top: 10px;}
.shadeimg::before{content: '';background-color: #0a2745;position: absolute;width: 19%;left: 22px;height: 6px;top: 4px;transform: skewX(44deg);}
.shadeimg::after{content: '';background-color: #0a2745;position: absolute;width: 6px;left: 19px;height: 105px;top: 7px;transform: skewY(44deg);}

.summary_band1, .summary_band3 {background-color: #f5f5f6;padding-top: 30px;padding-bottom: 30px;}

.summary2 p{padding-bottom: 50px;}
.summary_band1 a.buttons img{color:#aa9348;padding-left: 15px;padding-bottom: 3px;}
.summary_band2 {background-color: #fff;padding-top: 30px;padding-bottom: 30px;}

    /* ================  summary_band3 START ================== */

.span-large {font-size: 40px;line-height: 48px;font-weight: 800;}
.span-large span{font-weight: 300; display: block;}
.contactus_page span.h3 { font-size: 24px; margin-bottom: 0px; margin-top: 0px;}
/* ========================  case_studies_page END ============================= */



    /* ================  large_text START ================== */

.large_text span{text-align: center;display: block;font-size:48px;line-height: 60px;font-weight: 800;}
.large_text span p{font-size: 40px;line-height: 56px;font-weight: 300;}
.contact_us_page .large_text span p { color: #0a2745; font-weight: 300;  }

    /* ================  contactus_info START ================== */


.contactus_page{background-image: url(../images/contact-background.png);;width: 100%;background-size: cover;background-repeat: no-repeat;background-color: #fff;padding-bottom:25px;background-position-y: 200px}
.form{background-color: #fff;padding: 35px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.form h3{font-weight: bold;font-size: 24px;line-height: 56px;}
.form input[type="text"], input[type="tel"], input[type="email"], input[type="number"], textarea
{background:#ffffff; border:none; color: #0a2745; font-size: 18px; font-weight: 500; padding: 3px; border-bottom: 0.5pt solid #aaa;text-transform: capitalize; width: 100%;resize: none;}

.form input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus 
{background:#f3f3f3;outline:none;}

.form h4, .contact_info h4 {font-size: 24px;color: #0a2745; margin-bottom: 10px;}
.form .form-group p{position: relative;margin-top: 35px;}
.form .form-group input, .form .form-group label {transition: all 0.5s ease 0s;font-size: 18px;font-weight: 500;}
.form .form-group input {width: 100%; padding: 5px 5px 5px 0px;border-bottom: 0.5pt solid #aaa;background: #fff;color: #0a2745;}
.form .form-group label {position: absolute;top: -10px;left: 0px;color: #aaa;line-height: 1px; font-weight: 300; }
.form .form-group input:focus {padding-left: 5px;outline:none;}
.form .form-group input:focus + label {top: -15px;}
sup{color: red;}
.form .buttons{padding: 10px 50px; text-transform: uppercase; }
.form .buttons:hover{color:#aa9348;}

.contact_info {padding-left: 40px;}
.contact_info h3{margin-top: 0;margin-bottom: 0;}
.contact_info:first-child a{margin-top: 0px;display: block;font-size: 28px;line-height: 48px;color: #aa9348;font-weight:700;}
.contact_info:last-child a p{margin-top: 10px;display: block;font-size: 20px;line-height: 30px;color: #0a2745;font-weight: normal;}
.contact_info img{width: 100%;max-width: 96%;padding-top: 30px;}

    /* ================  contactus_page END ================== */

.solutions_land_transportation .home-hero{margin-bottom:78px;}
.solutions_land_transportation .home-hero .skue-div-left:before{ display: none;  }

.home-hero .h2-large {font-size: 48px;font-weight: 800;text-transform: uppercase;}
.home-hero h2 span{font-size: 39px;line-height: 52px;display: block;font-weight: normal;}



.full-img .col-md-6 img {
    z-index: 1;
    opacity: 0.9;
    max-width: 887px;
    border-left: 20px solid #92474d;
    margin-left: -15px;
    width: 100%;
}

.summary1 {max-width: 600px;padding: 30px 0px 30px;}
.safety_band .container { padding-bottom: 0px; }
.planning-main.safety-solution:after{ display: none; }


.bullet_band .gradiantimg img{width: 100%;}
.summary2 p{padding-bottom: 15px;}
.summary2 ul li{list-style-type: none;font-size: 20px;line-height: 24px; margin-bottom: 24px;padding-left: 50px;font-weight: bold; color: #0a2745; position: relative;}

.summary2 ul li:before {
    position: absolute;
    content: "";
    background-image: url(../images/checkpng.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    top: 2px;
    left: 0px;
    width: 28px;
    height: 28px;
}



.summary2 ul li img{padding-right: 10px;}
.summary2 ul{margin:0 0 30px 0;padding: 0;}
.billed { margin-top: 30px;}
.small-cont { max-width: 1100px; margin: auto;}

.icon_band span{text-align: center;display: block;font-size: 40px;line-height: 48px;color: #0a2745;font-weight: bold;padding-bottom: 30px;}
.icon_band img{display: block;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
.icon_band h4{text-align: center;font-size: 24px;line-height: 30px;font-weight: bold; color: #0a2745; }

/*.full-img .col-md-6 img { display: none;  }*/
/* ========================  solutions_land_transportation END ============================= */


@media only screen and (max-width: 3000px) and (min-width: 1925px)  {
/*.solutions_land_transportation .home-hero .skue-div-left { width: 73%;}*/



}



@media screen and (max-width: 1600px) {
    .skue-div-right{ width: 80%; }
}

@media screen and (max-width: 1300px) {
.row{ margin-left: 0px; margin-right: 0px;  }
.navbar-collapse{padding-right: 0px; padding-left: 0px;}
/*.home-hero .skue-div-left{height: 550px;}*/
.home-hero .container{ min-height: 450px;  }
.home-hero .container .row{ min-height: 430px }
.home-hero:after { background: url(../images/banner-left-2.png) 100% top no-repeat;}

}



@media screen and (max-width: 1366px) {
.logo img, .newClass .logo img {max-width: 234px;}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link{ font-size: 15px;  }
.newClass .mainmenu a, .newClass .navbar-default .navbar-nav > li > a, .newClass .mainmenu ul li a, .newClass .navbar-expand-lg .navbar-nav .nav-link{ font-size: 15px;  }
.safety_band img {width: 100%; margin-left: 0px;}
.skue-div-right{ width: 90%;    -webkit-transform: skew(200deg);transform: skew(200deg); }
.solutions_land_transportation .home-hero .skue-div-left { width: 63.8%;}
.new-col {width: 100%;float: left;min-height: 446px;}
.col-md-6.full img { max-width: inherit;}

}

@media screen and (max-width: 1250px) {
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link, .newClass .mainmenu a, .newClass .navbar-default .navbar-nav > li > a, .newClass .mainmenu ul li a, .newClass .navbar-expand-lg .navbar-nav .nav-link{ font-size: 14px; padding: 10px 10px 10px 10px;  }
.newClass li.last-li a, li.last-li a { padding: 11px 14px 12px !important;}
.navbar-nav>li.last-li { margin-left: 0px; }
.row.footer-box .col-sm-4:last-child{ padding-right: 15px; }
.skue-div-right{ width: 100%; }
.home-hero .skue-div-left {width: 100%;transform: skew( 0deg);-webkit-transform: skew( 0deg);-moz-transform: skew(0deg); height:100%;margin-left: 0px; padding-left: 0px; z-index: 0; }
.home-hero .skue-div-left:before {-webkit-transform: skew(0deg);-moz-transform: skew(0deg);transform: skew(0deg);}
.home-hero .container {min-height: inherit;margin-bottom: 0px;padding-bottom: 60px; padding-top: 60px; }
.img-fiexd {position: relative;}
.hero-section {color: #fff;text-align: center;max-width: 660px;margin: auto;}
.home-hero .button-class {margin: auto;width: 100%;display: inline-block;}
.home-hero h1.smoll { margin-top: 0px;}
.skue-div-left{ -webkit-transform: skew(-195deg); -moz-transform: skew(-195deg);transform: skew(-195deg); }
.solutions_land_transportation .home-hero .skue-div-left { display: none;  }
.solutions_land_transportation .home-hero .container { min-height: inherit; background-color: #0a2745; }
.solutions_land_transportation .hero-section{ padding-bottom: 20px; }

.full-img .display-flex { display: inline-block; }
.full-img .display-flex {display: inline-block; width: 100%;}

.summary1 { max-width: 100%; padding: 30px 0;}
.solutions_land_transportation .home-hero { margin-bottom: 0px; }
.full-img .col-md-6 { width: 100%; }
.full-img .col-md-6.full { padding: 0px;}
.full-img .col-md-6 img {width: 100%;margin-left: 0px; max-width: 100%; border-left:20px solid #92474d; display: block; }

.mainmenu .collapse ul ul.dropdown-menu { min-width: 270px; }
.col-md-6.full img { width: auto; position: inherit;max-width: 100%; width: 100%;}
.new-col .col-md-6 {width: 100%;}


}


@media screen and (max-width: 980px) {
#menu_area .navbar-collapse.collapse { display: none !important; }
.skue-div-right {width: 100%;}

/*mega menu*/
.navbar-nav>li{ float: none;  }
span.mob-btn { display: block; transition: all 0.5s ease 0s; }
.sidenav { height: 100%; position: fixed; z-index: 999;top:0px; background-color: #111; overflow-x: hidden;transition: all 0.5s ease 0s; width: 0px;right: 0px; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181;display: block;transition: all 0.5s ease 0s}
.sidenav a:hover, .offcanvas a:focus{ color: #f1f1f1;}
.closebtn { position: absolute; top: 0;right: 0px; font-size: 36px !important; margin-left: 0px; position: fixed; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 99; }
.menu_active .closebtn { display: block; }
#main { transition: margin-left .5s; padding: 16px;}
#menu_area, .mainmenu  { height: 100%;}
.navbar-nav .open .dropdown-menu { position: absolute; width: 100%;margin-top: 0; background-color: #0a2745;border: 0;-webkit-box-shadow: none;box-shadow: none;height: 100%;z-index: 99999999; right: 0px;    top: 0px;    left: 0;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a, .mainmenu .active .dropdown-menu a { padding: 15px 15px 15px 25px;font-size: 16px;font-weight: bold; color: #fff;border-bottom: 1px solid; line-height: 20px; }
.navbar-nav { margin: 0px; padding: 0px; float: none; }
.navbar-nav>li.last-li {margin-top: 10px;margin-left: 0px;}
.newClass .navbar-nav>li.last-li { margin-top: 10px;}
.newClass li.last-li a { padding: 11px 14px 12px !important;}
.dropdown, .dropup {position: inherit;}
.navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0;  border-top-right-radius: 0;    height: 100%;   width: 90%;    display: block;    position: absolute;    top: 0px;    background: #4e4848;    left: 100%; transition: all 0.5s ease 0s;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background-color: #010101  }
.sidenav.mySidenav-active {width: 80%; }
#main.main-active {overflow: hidden; position: relative;left: 0%; -webkit-transform: translate(-80%,0);-moz-transform: translate(-80%,0);-ms-transform: translate(-80%,0);-o-transform: translate(-80%,0);transform: translate(-80%,0);}
#main { padding:0px; transition: all 0.5s ease 0s;}
.menuBack{ position: relative;  }
#mySidenav.mobile-menu {  display:block;}
.navbar-nav .open .dropdown-menu>li>a.menuBack { padding-left: 60px;}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {color: #fff;font-size: 16px;text-transform: capitalize;padding: 20px 15px;display: block !important;font-weight: 700;border: 0px; border-bottom: 1px solid;}
.newClass .mainmenu a, .newClass .navbar-default .navbar-nav > li > a, .newClass .mainmenu ul li a, .newClass .navbar-expand-lg .navbar-nav .nav-link{ padding: 20px 15px; font-size: 16px; }
.navbar-collapse{ background:#0a2745;  height: 100%; padding-right: 0px;padding-left: 0;overflow-x: visible;border-top: 0px;-webkit-box-shadow: transparent;box-shadow: transparent;-webkit-overflow-scrolling: initial; min-width: 200px;}
.mainmenu {background: none;border: 0 solid;margin: 0;padding: 0;min-height: 20px;width: 100%;}
.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover {
color:#aa9348;outline: 0;border: 0;border-bottom: 1px solid;}
span.mob-btn {position: fixed;top: 19px;right: 20px;height: 40px;width: 40px;font-size: 27px;text-align: center;background: #0a2745;color: #fff;z-index: 9;line-height: 40px; z-index: 999;line-height: 40px;cursor: pointer;}
.navbar-nav>li.last-li {display: flex;width: 100%;flex: 0 0 100%;align-items: center;justify-content: center;height: 60px;overflow: hidden;min-width: 200px;}
.dropdown-toggle.mm { right: 30px; position: absolute;top: 15px; cursor: pointer;}
.dropdown-toggle.mm.arrow.left {left: initial; transform: translate3d(0, 50%, 0) rotate(45deg);}
.breadcrumb { padding: 13px 15px; }


/*close*/





}



@media screen and (max-width: 770px) {
 body, p, .home-hero .h1-smoll, .h2-small, .top-title p, .list-li ul li, .testimonial .item p, a.only-link, .footer li, .summary2 ul li, .box-cont h3, h4{ font-size: 16px; line-height: 24px;}
.home-hero p, .latest-news .box-cont h3, .summary_band1 .summary2 h4, .summary_band2 .summary2 h4, .summary2 h4, .icon_band h4, h4, h3 { font-size: 18px; line-height: 24px; }
.home-hero .h2-span, .span-large, .breadcrumb .h1, .large_text span, .large_text span p, .hero_band h3, .home-hero .h2-large, .home-hero h2 span, .icon_band span, .together .h2-large, .together h2 span, .together .h2-large, .h2-large, .skew .h1, .solutions_land_transportation .home-hero h2, h2 { font-size: 20px; line-height: 32px;}

}




@media screen and (max-width: 767px) {

.h3, h3 { font-size: 18px;}
.skue-div-right {width: 100%;}
.solution-service{background-color: #f1f1f1;}
.icon_band {background-color:#f1f1f1 ;}
#header {background: #fff;position: fixed;z-index: 9;top: 0px;width: 100%;}
.logo img, .newClass .logo img {max-width: 200px;transition: all 0.5s ease 0s;}

 body, p, .home-hero .h1-smoll, .h2-small, .top-title p, .list-li ul li, .testimonial .item p, a.only-link, .footer li, .summary2 ul li, .contact_info:last-child a p, .summary2 ul li{ font-size: 16px; line-height: 24px;}
.home-hero p, .latest-news .box-cont h3, .summary_band1 .summary2 h4, .summary_band2 .summary2 h4, .summary2 h4, .icon_band h4, .contactus_page span.h3 { font-size: 18px; line-height: 24px; }
.home-hero .h2-span, .span-large, .breadcrumb .h1, .large_text span, .large_text span p, .hero_band h3, .home-hero .h2-large, 
.home-hero h2 span, .icon_band span, .together .h2-large, .together h2 span, .together .h2-large, .h2-large, .skew .h1, .contact_info:first-child a, h3 { font-size: 20px; line-height: 28px;}


.summary2 ul li img { max-width: 30px; }
.summary2 ul li{ margin-bottom: 10px; }


.form { margin-bottom: 60px; }
.contact_info {padding-left: 0px; }
.owl-controls {position: inherit;transform: initial;}
section.we-do { padding-left: 15px; padding-right: 15px; }
.testimonial-carousel .owl-controls .owl-nav {position: absolute;width: 120px;margin: auto;left: 0px;right: 0px;}
.three-box img {width: 100%;}
.three-box {text-align: center;max-width: 400px;margin: 20px auto 20px;}
.col-sm-4:last-child .three-box { margin-bottom: 0px; }
.home-hero .container .row{ align-items: center; justify-content: space-between; }
/*margin*/
.safety-solution .container{ margin-bottom: 0px; }
.backed-by .h2-small, .testimonial .h2-small, .summary1, .summary_band1 .shadeimg{ margin-top: 0px;   }
.summary_band1, .summary_band3, .summary_band2{padding-top:0px; padding-bottom:0px;}
.gradiantimg, .bullet_band{ margin-top: 30px; }
.summary1 , .bullet_band .gradiantimg{ margin-top: 0px; }
.safety_band .col-md-6 img, .summary_band1 .shadeimg{ margin-bottom: 30px;  }
.summary_band3 .container { padding-top: 10px;}

/*close*/

.solution-service p {padding-bottom:0px;}
.hero_band{ text-align: left; }
.solution-service .billed { padding: 20px 15px 10px; }
.solutions_land_transportation .home-hero .container { padding-top: 50px;}

.backed-by { position: relative;}

#main {padding-top: 80px;}
.newClass #main {padding-top: 60px;}
.newClass span.mob-btn { top: 10px; }
.home-hero .buttons {padding: 7px 20px;font-weight: 700;font-size: 14px;margin: 10px 0px;clear: left;min-width: 176px;text-align: center;}
.buttons {padding: 7px 20px;font-weight: 700;font-size: 14px;margin: 10px 0px; min-width: 176px;text-align: center;}
.phone-btn-link {padding: 7px 20px 7px 50px; font-weight: 700; font-size: 14px; margin: 10px 0px; min-width: 176px; text-align: center;}
.phone-btn-link:before {top:8px;}
.phone-btn-link:after {top:9px;}

.home-hero { position: relative; margin-bottom:0px;}
.Safety-cont {margin-top: 60px;}
.button-class {display: block;}
.solution-service {margin: 30px 0px 0px;}
.backed-by .button-class { margin-top: 20px;}
.backed-section { margin-bottom: 50px;}
.owl-carousel .owl-stage-outer .item {padding: 0px 15px;}
.shadeimg { margin-bottom: 0px; margin-top: 30px; }
.summary_band3 .shadeimg { margin-bottom: 30px;}
.display-flex{ display: block;  }
.billed {padding: 10px;margin-bottom:0px;width: 100%; margin-top: 30px; }
.home-hero .container .row{ position:initial; min-height: initial; }

.row.footer-box .col-sm-4 { width: 100%;}
.row.footer-box .col-sm-4:nth-child(2) { width: 100%;}
.row.footer-box .col-sm-4:last-child { width: 100%;}
footer.footer { padding: 30px 0px;}
.footer-bottom {padding-left: 15px; padding-right: 15px;}
.hero_band p{ width: 100%;  }

.shadeimg::after { top: -3px;}
.shadeimg::before{ top: -6px }

.skue-div-right:before {content: "";width: 100%;height: 100%;-webkit-transform: skew(0deg);-moz-transform: skew(0deg);transform: skew(0deg);background-size: cover;}
.skue-div-right {-webkit-transform: skew(0deg);height: 100%; transform: skew(0deg); width: 100%;margin-right: 0px;padding-left: 0px;bottom: 0px;}
.skue-div-left, .skue-div-left:before { -webkit-transform: skew(0deg);-moz-transform: skew(-0deg); transform: skew(-0deg);width: 100%; margin-left: 0px; padding-left: 0px; height: 100%;}

.breadcrumb:before{ right: 20%; transform: skewX(-30deg); }
.row.footer-cont{ text-align: left; }
.footer .container:before, .footer .container:after{display: none}
.breadcrumb {padding-right: 50px;}


}

@media screen and (max-width: 380px) {
 
 .form {
     padding: 5px;
     box-shadow: none;
 }   
    
}