@font-face {
  font-family: 'SofiaProLight';
  src: url('../fonts/SofiaProLight.eot');
  src: url('../fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'),
       url('../fonts/SofiaProLight.svg#SofiaProLight') format('svg'),
       url('../fonts/SofiaProLight.ttf') format('truetype'),
       url('../fonts/SofiaProLight.woff') format('woff'),
       url('../fonts/SofiaProLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro-Regular';
  src: url('../fonts/Sofia-Pro-Regular.eot');
  src: url('../fonts/Sofia-Pro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Sofia-Pro-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SofiaPro-Regular';
  src: url('../fonts/SofiaPro-Regular.svg#SofiaPro-Regular') format('svg'),
       url('../fonts/SofiaPro-Regular.ttf') format('truetype'),
       url('../fonts/SofiaPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro-Bold';
  src: url('../fonts/Sofia-Pro-Bold.eot');
  src: url('../fonts/Sofia-Pro-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Sofia-Pro-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SofiaPro-Bold';
  src: url('../fonts/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg'),
       url('../fonts/SofiaPro-Bold.ttf') format('truetype'),
       url('../fonts/SofiaPro-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body{font-family: 'proxima', sans-serif; padding-top: 0px; overflow-x: hidden;
background-color: #fdfdfd;}
ul,ol{padding: 0px; margin: 0px;}
.container{max-width: 1240px;}
h1,h2,h3,h4,h5,h6{font-family: 'proxima', sans-serif;}

#preloader {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}

#status {
    width:90px;
    height:120px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/logo1.png); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    background-size: 90%;
    margin:-80px 0 0 -50px; /* is width and height divided by two */
    animation: zoominoutsinglefeatured 2s infinite ;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

.fixedsoc{
    position: fixed;
    top: 125px;
    right: 0px;
    z-index: 99;
}
.fixedsoc a{
    clear: both;
    width: 48px;
    height: 48px;
    text-align: center;
    display: block;
    line-height: 48px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    float: right;
    transition: all 0.3s;
}
.fixedsoc a.fb{background-color: #4267b2;}
.fixedsoc a.tw{background-color: #55acee;}
.fixedsoc a.lin{background-color: #0077b5;}

.fixedsoc a:hover{width: 62px; }
/*--------header-----------*/
.header{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
    /* padding: 0 50px; */
    /* box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.05); */
}

.header_top{
    width: 100%; 
    display: table; 
    /* background-color: #fff; */
}
#header.fixed1{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    /* background-color: #fff; */
    z-index: 99999;
    /* box-shadow: 0 5px 10px -5px rgba(11,11,17,.05),0 20px 60px -20px rgba(11,11,17,.2); */
}

#header.fixed2{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 5px 10px -5px rgba(11,11,17,.05),0 20px 60px -20px rgba(11,11,17,.2);
}
.logo{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 9;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.05);
box-shadow: 0 20px 40px 0 rgba(0,0,0,.05);
background-color: #fff;
transition: all 0.3s;

}
#header.fixed2 .logo{left: 10px; top: 0; 
-webkit-box-shadow: none;
box-shadow: none;}

#header.fixed2 .logo a img{padding: 0; height: 80px;}
/* .logo:before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    z-index: -1;
    top: -38px;
    left: 0;
    border-top: 220px solid #fff;
    border-right: 375px solid transparent;
} */
#header.fixed1 .logo:before{display: none;}
.logo a{
    position: relative;
    left: 0px;
    top: 0;
    text-decoration: none;
    display: block;
}
.logo a img{
    height: 150px;
    background-color: #fff;
    padding: 20px;
    transition: all 0.3s;
    /* max-width: 65px; */
}
/* .logo a{
    vertical-align: middle;
    display: table;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: left 15px;
    width: 225px;
    height: 100px;
    background-size: 100%;
}
#header.fixed1 .logo a{background-image: url('../images/logo1.png'); background-position: left 10px;}
 */

 .top-nav{
    /* position: absolute;
    right: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 9; */
    float: right;
    display: inline-block;
    background-color: #fff;
 }
 ul.top-menu{
    /* padding: 18px 0; */
    text-decoration: none;
    color: #fff;
    z-index: 1;
    font-size: 12px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: .86px;
    display: table;
    /* margin-right: 50px; */
 }
  ul.top-menu li{
    display: inline-block;
    position: relative;
    padding-right: 25px;
    /* padding-right: 65px; */
   
    float: left;
  }
    
  ul.top-menu li a{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    display: block;
    height: 100px;
    line-height: 100px;
    position: relative;
  }
/* ul.top-menu li a:before{
    content: "";
    z-index: -1;
    position: absolute;
    top: -18px;
    bottom: -18px;
    left: -30px;
    right: -30px;
    background-color: #d96511;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
  } */
  ul.top-menu li a{color: #fff;}
  ul.top-menu li:last-child a:before{background-color: #fff;}
  ul.top-menu li:last-child a{margin-left: 40px; color: #07173c; font-size: 18px;}
    ul.top-menu li:last-child a i{color: #d96511;}

.main_menu{
    clear: both;
    width: 100%;
    display: table;
    background-color: #e8e8e8;
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.15);

}
.menu{
   float: right;
   display: inline-block;
   margin: 15px 15px 0 0;
   -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.05);
box-shadow: 0 20px 40px 0 rgba(0,0,0,.05);
   background-color: #fff;
   transition: all 0.3s;
   /* padding: 0 0 0 20px; */
}
#header.fixed2 .menu{margin:0;
-webkit-box-shadow:none;
box-shadow: none}
.menu > ul{
    list-style: none;   
    float: right
}
.menu > ul > li{
    display: inline-block;
    float: left;
    position: relative;
    /* padding: 0 5px; */
}
.menu > ul > li > a{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    display: block;
    transition: all 0.3s ease 0s;
    outline: 0px;
    padding: 0 25px;
    height:82px;
    text-transform: capitalize;
    /* letter-spacing: 2px; */
    line-height: 82px;
    position: relative;
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 400;
}
#header.fixed1 .menu > ul > li > a{color: #121738}
#header.fixed1 .menu > ul > li:last-child > a{color: #fff;
background-color: #d96511;}
/* .menu > ul > li > a:before{
    bottom: 0px;
    height: 2px;
    background-color: #e97051;
    display: block;
    left: 0;
    margin: auto;
    content: "";
    position: absolute;
    right: 0;
    transition-timing-function: ease-in;
    transition: background-color .3s,width .3s,height .12s;
    width: 0%;
} */
.menu > ul > li:hover > a:before, .menu > ul > li > a.active:before{width: 100%;}
.menu > ul > li > a i{margin-left: 5px;}
.menu ul > li:hover > a, .menu ul > li > a.active{color: #d96511;}
#header.fixed1 .menu ul > li:hover > a, #header.fixed1 .menu ul > li > a.active{color: #d96511;}
.menu > ul > li > a span{padding: 8px 20px; transition: all 0.3s; 
    background-color: #303239; color: #a9acbb; border-radius: 30px;}

.menu > ul > li.last1 > a span{background-color: #c5c8d8; color: #222328;}
.menu > ul > li.last > a:hover span{background-color: #f47435; color: #fff; border-color: #f47435;}
.menu > ul > li.last1 > a:hover span{background-color: #00aff0; color: #fff; border-color: #00aff0;}
#header.fixed1 .menu > ul > li:last-child > a:hover{color: #fff;
background-color: #19195b;}
.menu ul li:hover ul.submenu1{
    display: block;  
}

.menu ul li.social{position: absolute; right: 60px;}
.menu ul li.social a{float: left; display: inline-block; padding: 0 7px; font-size: 24px;}
.menu ul li.social:hover a{color: #fff;}
.menu ul li.social a:hover{color: #ccc;}

.menu ul li.fb1{position: absolute; right: 0px; background-color: #4f4f4f;}
.menu ul li.fb1 a:before{display: none;}
.menu ul li.phonebx{
    position: absolute;
    right: 57px;
    background-color: #4f4f4f;
}
.menu ul li.phonebx:hover ul.submenu1{
    left: auto;
    right: 0px;
}
ul.submenu1{
    width: auto;
    min-width: 265px;
    background-color: #fafafa;
    /* background-image: linear-gradient(135deg,#fff 13px,transparent 13px,transparent 35px,#fff 35px); */
    position: absolute;
    top: 100%;
    left: 0px;
    list-style: none;
    display: none;
    z-index: 9999999999;
    box-shadow: 0 5px 10px -5px rgba(11,11,17,.05),0 20px 60px -20px rgba(11,11,17,.2);
}
ul.submenu1 li{
    display: table;
    clear: both;
    width: 100%;  
    padding: 0 20px;
    position: relative;  
}
ul.submenu1 li a{
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    line-height: 22px;
    padding: 14px 0px !important;
    display: block;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    text-align:left;
    border-bottom: 1px solid #f2f2f2;
    /*text-transform: capitalize;
    font-family: 'Oswald', sans-serif; */
}
ul.submenu1 > li:last-child > a{border-bottom: 0px;}
ul.submenu1 li:hover > a{
    color: #d96511 !important; background-color: transparent;
}
ul.submenu1 li:last-child a{
    
}
ul.submenu2{display: none !important; border-top: 0px; min-width: 240px; left: 240px; top: 0px; 
position: absolute;}
.menu ul > li ul.submenu1 li:hover ul.submenu2{left: 240px; top: 0px; display: block !important;
background-color: #f3f3f3;}
ul.submenu2 li a{color: #000 !important;}


ul.submenu3{display: none !important; border-top: 0px; min-width: 240px;}
.menu ul > li ul.submenu2 li:hover ul.submenu3{left: 100%; top: 0px; display: block !important;
background-color: #fff;}
ul.submenu3 li a{color: #000 !important;}

a.enquirenow{
    position: relative;
    z-index: 1;
    padding: 10px 26px 6px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    margin: 22px 10px 0px 0;
    transition: all 0.3s;
}
a.enquirenow:before, a.enquirenow:after{
    position: absolute;
    top: 0;
    height: 100%;
    transform: skewX(-10deg);
    transition: all .2s ease-in-out;
    content: "";
}
a.enquirenow:before{
    right: 10px;
    left: 10px;
    z-index: -1;
    background-color: #d81324;
}
a.enquirenow1:before{background-color: #083e6e;}
a.enquirenow:after{
    background-color: rgba(245,134,52,.6);
    right: 0;
    left: 0;
    z-index: -2;
}
a.enquirenow1:after{background-color: rgba(8,62,110,.6);}
a.enquirenow:hover:before{background-color: #fa9b54;}
a.enquirenow1:hover:before{background-color: #0f62ac;}

.top_social, .top_social ul {
    float: right;
    margin-right: 15px;
    list-style: none;
}
.top_social ul li {
    float: left;
    padding: 25px 0 0;
    margin-left: 25px;
    transition: all 0.3s;
}
.top_social ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: all .5s;
}
#header.fixed1 .top_social ul li a {color: #121738;}
/* .top_social ul li a:hover {
    color: #991050;
    transition: all .5s;
} */
.top_social ul li a img{height: 30px; display: inline-block; margin-right: 5px; position: relative; top: -3px;}
.site-header-action__icon {
    fill: #f5a362;
    height: 25px;
    width: 15px;
    position: relative;
    top: 3px;
    margin-right: 5px;
    display: inline-block;
}
.site-header-action__icon--enquire{
    fill: #e9c469;
    height: 25px;
    width: 30px;
}

.hero-panel{
    position: absolute;
    bottom: 0px;
    left: 50px;
    z-index: 91;
    width: 85%
}
.hero-icons{
    margin-left: 25%;
    padding-top: 50px;
    padding-right: 250px;
    max-width: 100%;
    display: flex;
    padding: 20px 0px 10px 0;
    position: relative;
    z-index: 1;
    width: 78%
}
.hero-icons::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.hero-icon-item {
    margin-right: 30px;
    width: calc(100%/3);
    position: relative;
}

.hero-icon-item:first-child {
    margin-left: 0;
}
.hero-icon-action-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 35px 20px 20px;
}
.hero-icon-action-box::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(59,191,173,.2);
}
.hero-icon-action-box .hero-icon {
    margin-right: 20px;
    position: relative;
    width: 40px;
    height: 40px;
}
.hero-icon-item .hero-icon img, .hero-icon-item .hero-icon svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.hero-icon-heading h6, .hero-icon-action-box h6 {
    display: block;
    color: #3d414e;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
}
.hero-icon-popup {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-10%);
    transform: translateX(-50%) translateY(-10%);
    width: 300px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    color: #3d414e;
    box-shadow: 5px 5px 15px rgba(61,65,78,.15);
    padding: 20px 30px;
    opacity: 0;
    visibility: hidden;
    transition: transform .3s,opacity .5s,-webkit-transform .3s;
    will-change: transform;
}
.hero-icon-heading {
    padding-left: 20px;
    padding-right: 30px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(59,191,173,.2);
    color: #3d414e;
    /* visibility: hidden; */
}
.hero-icon-item .hero-icon {
    width: 40px;
    margin-right: 20px;
    position: relative;
    height: 40px;
}
.hero-icon-description {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 24px;
}
.link-more {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    color: #d96511;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.link-more::before {
    background-color: #d96511;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1;
    width: 15px;
    content: "";
    color: transparent;
    display: inline-block;
    height: 2px;
}
.link-more::after, .link-more::before {
    content: "";
    color: transparent;
    display: inline-block;
    vertical-align: middle;
}
.link-more::after {
    margin-left: 10px;
    background-image: url(../images/next-arrow.svg);
    background-repeat: no-repeat;
    background-size: 34px 10px;
    background-position: 0 50%;
    width: 34px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .1s .1s,-webkit-transform .5s;
    transition: transform .5s,opacity .1s .1s;
    transition: transform .5s,opacity .1s .1s,-webkit-transform .5s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    height: 10px;
    opacity: 0;
}
.link-more:hover:after {
    transition: transform .5s, opacity .3s .1s;
            transform: scaleX(1);
            opacity: 1;

            position: relative;
            top: -1px;
}
.link-more:hover{
    text-decoration: none;
    color: #d96511;
}
.hero-icon-item:hover .hero-icon-popup{
    opacity: 1;
    visibility: visible;

    -webkit-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}

.cta-box {
    color: #fff;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 25px 10px 10px;
        padding-bottom: 10px;
    background: linear-gradient(127deg,transparent calc(50% - 1px),rgba(204,204,204,.1) calc(50% - 1px),#d96511 50%);
    -webkit-filter: drop-shadow(10px 15px 30px rgba(61,65,78,.15));
    filter: drop-shadow(10px 15px 30px rgba(61,65,78,.15));
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    bottom: 0;
    right: 0px;
    z-index: 91;
    background: linear-gradient(135deg,transparent 50%,rgba(204,204,204,.15) 50%,#d96511 50%);
    padding-bottom: 15px;
    width: 222px;
    height: 222px;
}
.cta-box a {
    max-width: 100px;
    letter-spacing: 1px;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}
.cta-box .cta-box-text {
    display: inline-block;
    margin-bottom: 7px;
    letter-spacing: 1px;
font-size: 14px;
}
.animation-arrow {
    position: relative;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    width: 34px;
    height: 10px;
}
.animation-arrow::after {
    content: "";
    position: absolute;
    top: 0;
    width: 24px;
    height: 7px;
    background-image: url(../images/next-arrow-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;

    width: 34px;
    height: 10px;
}
/*------header_end--------*/


/*home_link*/
.topvideo{
    width: 100%;
    height: 100vh;
    display: block;
    /* padding: 0 50px 50px; */
    position: relative;
    overflow: hidden;
}
.home_link {
    overflow: hidden;
    /* background-image: url(../images/bg1.jpg);
    background-position: center;
    background-size: cover; */
    position: relative;
    width: 100%;
    display: block;    
}

.home_link:before{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    content: "";
    background-color: #006072;
    opacity: 0.5
}
.home_link:after{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    content: "";
    background: repeating-linear-gradient(45deg,transparent 0,transparent 3px,rgba(255,255,255,.05) 3px,transparent 5.5px);
}
.site-banner__graphic {
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 9;
    width: 60%;
}
.site-banner__graphic svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}
.hl_video {
    /* position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; */
    width: 100%; 
    display: block;
}
.hl_video video {
    width: 110%;
    display: block;
    left: -5%;
    position: relative;
}
.hl_circle {
    max-width: 700px;
    left: 30%;
    font-size: 18px;
    text-align: left;
    color: #fff;
    /* padding: 0 5%; */
    top: 25%;
    /* background: rgba(255, 255, 255, 0.8);
    padding: 100px; */
    position: absolute;
    z-index: 91;
}
.hl_circle p{font-size: 18px;}
.hl_circle h2 {
    font-size: 55px;
    color: #fff;
    margin-bottom: 15px;
    text-transform: capitalize;
    text-shadow: 0 0 191px black !important;
    font-weight: 600;
    font-family: 'Sofia-Pro-Bold', 'SofiaPro-Bold', sans-serif;
}
.hl_circle a {
    display: inline-block;
    font-size: 13px;
    color: #d96511;
    background-color: #fff;
    border: 1px solid #d96511;
    text-decoration: none;
    position: relative;
    /* border-radius: 30px; */
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 12px 40px;
    margin-top: 20px;
    overflow: hidden;
    letter-spacing: 2px;
    font-weight: 600;
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
}
.hl_circle a:before{
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% + 100px);
    background-color: #d96511;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: skew(-45deg) translateX(0) scaleX(.05) translateZ(0);
    transform: skew(-45deg) translateX(0) scaleX(.05) translateZ(0);
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
}
.hl_circle a  svg{margin-left: 5px;}
.hl_circle a:hover {
    color: #fff;
    background: #d96511;
    border-color: #d96511;
}
.hl_circle a:hover:before{background-color: #fff;}

.bannerBtn a {
    position: absolute;
    left: calc(12% - 100px);
    bottom: 200px;
    padding-bottom: 120px;
    text-decoration: none;
    display: inline-block;
    outline: 0px;
    z-index: 9999;
    /* background-image: url(../images/varrow-home.svg);
    width: 200px;
    height: 265px;
    background-size: 12px 265px;
    background-repeat: no-repeat; */
    /* padding-top: 167px; */
    white-space: nowrap;
    color: #fefefe;
    text-align: center;
    background-position: center;
    font-size: 18px;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
.bannerBtn a:focus{outline: 0px;}
.bannerBtn a span{transform: rotate(90deg); display: block; opacity: 0.3; font-size: 14px;
position: relative; right: 4px; top: -7px;}
.bannerBtn a::before {
    content: "";
    width: 53px;
    height: 46px;
    position: absolute;
    /* transform: rotate(-90deg); */
    background: url("../images/arrow-circ.png");
    z-index: 1111;
    top: 70px;
    right: -5px;
}
.bannerBtn a::after {
    content: '';
    width: 17px;
    height: 70px;
    position: absolute;
    top: 30px;
    right: 13px;
    z-index: 1111;
    background: url("../images/arrow-down.png");
    /* transform: rotate(-90deg); */
}
@-webkit-keyframes scroll {
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    50%{-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scroll {
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    50%{-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
/*home_link*/


/*aboutsec*/
.aboutsec{
    width: 100%;
    display: table;
    padding: 100px 0 120px;
    /* background-color: #19195d; */
    background-image: url('../images/exp-waves-t.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}
.aboutsec h2{
    font-weight: 600;
    font-size: 36px;
    margin: 0px;
    color: #fff;
}
.aboutsec p{
    font-weight: 400;
    font-size: 21px;
    margin: 0px;
    color: #fff;
}

.wework{
    position: relative;
    display: table;
    padding: 50px 0;
    background-color: #fff;
    width: 100%;
}
.wework h2{
    font-weight: 800;
    font-size: 42px;
    margin: 0 0 30px 0;
    color: #191a59;
}
.wework p{
    font-weight: 400;
    font-size: 21px;
    margin: 0px;
    color: #000;
}
.weimg{
    width: 100%;
    display: block;
    position: relative;
    margin-top: -125px;
}
.weimg:before{
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: "";
    background-color: #fff;
    width: 100px;
    height: 50%;
}
.weimg img{
    width: 100%;
    display: block;
}

.wework ul{list-style: none; width: 112%; clear: both; display: inline-block; 
    margin-top: 20px; text-align: center;/*  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); */
border-radius: 20px; overflow: hidden; position: relative; z-index: 3}
.wework ul li{display: inline-block; width: 33.33%; text-align: center; 
    float: left; padding: 10px 10px; line-height: 105px;
    background-color: #fff; /* border: 1px solid rgba(0, 0, 0, 0.03); */
}
/* .clientsbx ul li:nth-of-type(2),
.clientsbx ul li:nth-of-type(4),
.clientsbx ul li:nth-of-type(5),
.clientsbx ul li:nth-of-type(7) {
    background: #fff;
} */
.wework ul li img{
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;  
    transition: all 0.3s ease 0s;
    /* width: 100%; */
    height: 100px;
    max-width: 100%;
    /* display: table; */
    margin: auto;
    /* background-color: #fff; */
    /* opacity: 0.65; */
    transition: all 0.3s;
    padding: 10px 10px;
    /* box-shadow: 0 2px 20px 0 rgba(0,0,0,.2); */
}
.wework ul li.cus1 img{height: auto; width: 100%;}
.wework ul li:hover img{
    opacity: 1;
    filter: grayscale(0%);
    transition-property: filter;
    transition-duration: 1s;  
}
/*aboutsec*/

/*section1*/
/*section1*/
.section1{
    width: 100%;
    display: block;
    padding: 50px 0 100px; 
    position: relative;
    background-color: #393a45;
    overflow: hidden;
    /* background-image: url('../images/title-wrap-d.jpg'); */
    /* background-repeat: no-repeat; */
background-position: 50% 0;
background-size: 100% auto;
}
.section1 h2{color: #fff; font-weight: 800; margin-top: 0px;
font-size: 46px; position: relative; padding-left: 15px; text-align: center}
.section1 p.servcont{
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
     padding: 0 50px;
     margin-bottom: 50px;
}
.home-why .whychos-bx {
    float: left;
    width: 100%;
    height: auto;
    padding: 90px 20% 0px 31px;
    position: relative;
    -webkit-transition: all .15s ease 0s;
    -moz-transition: all .15s ease 0s;
    -o-transition: all .15s ease 0s;
    transition: all .15s ease 0s;

}
.whychos-bx.one .bgHover-cir {
    top: -25px;
    left: -55px;
}
.whychos-bx .bgHover-cir {
    position: absolute;
    width: 542px;
    height: 530px;
    background-color: #fff;
    border: 3px solid #d96511;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.whychos-bx .whychos-icon {
    float: left;
    width: 72px;
    height: 72px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
.whychos-bx * {
    -webkit-transition: all .15s ease 0s;
    -moz-transition: all .15s ease 0s;
    -o-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
}
.whychos-bx img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.whychos-bx img + img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.whychos-bx .whychos-icon::after {
    content: "";
    background: #d96511;
    background: -moz-linear-gradient(-45deg, #d96511 0%, #19195b 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d96511), color-stop(100%, #19195b));
    background: -webkit-linear-gradient(-45deg, #d96511 0%, #19195b 100%);
    background: -o-linear-gradient(-45deg, #d96511 0%, #19195b 100%);
    background: -ms-linear-gradient(-45deg, #d96511 0%, #19195b 100%);
    background: linear-gradient(135deg, #d96511 0%, #19195b 100%);
    -pie-background: linear-gradient(-45deg, #d96511, #19195b);
    float: left;
    width: 69px;
    height: 69px;
    border-radius: 69px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;
}
.whychos-bx .whychos-txt {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.95;
    position: relative;
    z-index: 2;
}
.whychos-bx .whychos-txt h6 {
    font-size: 25.31px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 12px;
    line-height: 1.4;
}
.whychos-bx .whychos-txt h6::after {
    content: "";
    float: left;
    width: 28px;
    height: 2px;
    background: #19195b;
    background: -moz-linear-gradient(left, #19195b 0%, #d96511 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #19195b), color-stop(100%, #d96511));
    background: -webkit-linear-gradient(left, #19195b 0%, #d96511 100%);
    background: -o-linear-gradient(left, #19195b 0%, #d96511 100%);
    background: -ms-linear-gradient(left, #19195b 0%, #d96511 100%);
    background: linear-gradient(to right, #19195b 0%, #d96511 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#19195b", endColorstr="#d96511", GradientType=1);
    -pie-background: linear-gradient(to right, #19195b, #d96511);
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
}
.whychos-bx {
    float: left;
    width: 100%;
    height: auto;
    padding: 90px 20% 0px 31px;
    position: relative;
    -webkit-transition: all .15s ease 0s;
    -moz-transition: all .15s ease 0s;
    -o-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
    margin-bottom: 20px;
}
 .whychos-bx:hover .bgHover-cir {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.whychos-bx:hover .whychos-icon img + img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(-104%);
    -moz-transform: translateY(-104%);
    -ms-transform: translateY(-104%);
    -o-transform: translateY(-104%);
    transform: translateY(-104%);
}
.whychos-bx:hover .whychos-bx img{display: none}
.whychos-bx:hover .whychos-icon::after{display: none}
.whychos-bx:hover .whychos-txt h6{color: #000}
.whychos-bx:hover .whychos-txt p{color: #000}

.why-green {
    float: left;
    width: 457px;
    height: 529px;
    background-image: url("../images/left-green.png");
    position: absolute;
    top: 0px;
    right: 0px;
}
/*section1*/




/*section5*/
.section5{
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 60px 0;
    position: relative;

    /* background-color: #f8f8f8; */
    /* background: #172962 url('../images/pattern_01.png') 50% 50% repeat; */
}
.bg-video--waves {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}
.bg-video--waves::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(11,28,54,.5);
}
.bg-video--waves::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#08172e),color-stop(10%,#08172e),color-stop(39%,#0b1c36),color-stop(95%,rgba(13,29,55,0)));
    background-image: linear-gradient(to bottom,#08172e 0%,#08172e 10%,#0b1c36 39%,rgba(13,29,55,0) 95%);
    height: 250px;
    z-index: 0;
}
.bg-video--waves video {
    display: block;
}
/* .section4:before{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75%;
    height: 50%;
    content: "";
    z-index: -1;
    background-color: #f7f7f9;
} */
.section5 h1{
    color: #fff;
font-weight: 800;
margin-top: 0px;
font-size: 46px;
position: relative;
padding-left: 15px;
text-align: center;
}
/* .section4 h1:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 60%;
    margin-right: 113px;
    margin-top: 0px;
    height: 3px;
    width: 100vw;
    background-color: #da2032;
} */

.clientsbx ul{list-style: none; width: 100%; clear: both; display: inline-block; 
    margin-top: 0px; text-align: center; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
border-radius: 20px; overflow: hidden; background-color: #fff;}
.clientsbx ul li{display: inline-block; width: 25%; text-align: center; 
    float: left; padding: 0px 40px; height: 200px; line-height: 200px;
    background-color: rgba(255, 255, 255,1); border: 1px solid rgba(0, 0, 0, 0.03);
}
.clientsbx ul li:nth-of-type(4),
.clientsbx ul li:nth-of-type(5),
.clientsbx ul li:nth-of-type(6),
.clientsbx ul li:nth-of-type(7) {
    width: 25%;
}
.clientsbx ul li img{
    /* filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;   */
    transition: all 0.3s ease 0s;
    width: 100%;
    display: inline-block;
    /* background-color: #fff; */
    /* opacity: 0.65; */
    transition: all 0.3s;
    padding: 10px 10px;
    /* box-shadow: 0 2px 20px 0 rgba(0,0,0,.2); */
}
.clientsbx ul li.oa1 img{width: auto; height: 180px;}
.clientsbx ul li:hover img{
    opacity: 1;
    filter: grayscale(0%);
    transition-property: filter;
    transition-duration: 1s;  
}

/*section5*/

/*----------banner-----------*/
.mtop1 {
    height: 90px;
}
/* ---- particles.js container ---- */

.main_banner{
    /* height: 90vh; */
    overflow: hidden;
    width: 100%;
    display: block;
}
.bannerimg{width: 100%; display: block; text-align: right; position: relative;}
.bannerimg > img{width: 50%; 
}

/* .main_banner:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 100%;
    z-index: 1;
} */
.banner_txt {
    top: 25% !important;
    color: #fff;
    position: absolute;
    text-align: left;
    width: 100%;
    padding: 0 15% !important;
    margin: auto;
    left: 0%;
    margin: auto;
    text-align: center;
}
.banner_hd, .banner_cont, .banner_r_more {
    width: 100%;
    float: left;
}
.banner_hd {
    color: #fff;
    font-size: 38px;
    line-height: 52px;
    font-weight: 700;   
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    visibility: visible !important;
}
.banner_hd span{color: #00ce10; font-style: italic; 
font-size: 42px; font-weight: 300;}
.banner_cont {
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    margin: 10px 0;
    display: block;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.10) !important;
    padding: 0px;
    visibility: visible !important;
}
.banner_cont span {
    margin: 0 10px;
    display: inline-block;
}
.banner_cont span i {
    margin-right: 5px;
}
.banner_r_more{
    clear: both;
    margin-top: 10px;
}
.banner_r_more a{
    text-decoration: none;
    color: #1f9028;
    text-transform: uppercase;
    margin: auto;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
    visibility: visible !important;
    outline: 0px;
}
.banner_r_more a img{width: 60px;}
.banner_r_more a:hover{background-color: transparent; color: #fff;}
.ban_but {
    bottom: 10%;
}

.slideRight ul{list-style: none;}
.slideRight ul li{display: inline-block; position: relative; padding: 0 25px;}
.slideRight ul li:before{
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 21px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
.slideRight ul li:first-child:before{display: none;}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 

.carousel-control.right{background-image: none !important;}
.carousel-control.left{background-image: none !important;}


a.scroll-down-link {
    width: 50px;
    position: absolute;
    left: 0px;
    bottom: 30%;
    color: #FFF;
    text-align: center;
    z-index: 90;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: move_fade_move_down 2s ease-in-out infinite;
    animation: move_fade_move_down 2s ease-in-out infinite;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    right: 0px;
    outline: 0px !important;
    border: 0px;
}
a.scroll-down-link img{opacity: 0.85;}
/*animated arrow animattion*/
 @-webkit-keyframes move_fade_move_down {
 0% {
 -webkit-transform:translate(0, -5px);
 opacity: 1;
}
 50% {
 -webkit-transform:translate(0, 10px);
 opacity: 1;
}
 100% {
 -webkit-transform:translate(0, -5px);
 opacity: 1;
}
}
 @keyframes move_fade_move_down {
 0% {
 transform:translate(0, -5px);
 opacity: 1;
}
 50% {
 transform:translate(0, 10px);
 opacity: 1;
}
 100% {
 transform:translate(0, -5px);
 opacity: 1;
}
}

.carousel-control.right{right: 40px !important;}


.bannercontbx1{width: 100%; display: table; position: absolute; left: 0px; top: 30%;
z-index: 9;}
.bannercontbx2{top: 45%}
.bcx_bns{
    clear: both;
    width: 100%;
    display: table;
    margin-top: 20px;
}
.bcx_bns a{
    text-decoration: none;
    float: left;
    display: inline-block;
    height: 43px;
    line-height: 43px;
    padding: 0 30px;
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    /* border-radius: 30px; */
    background-color: #19195b;
    transition: all 0.3s;
}
.bcx_bns a img {
    width: 20px;
    margin-right: 0px;
    top: 0px;
    margin-left: 4px;
    position: relative;
}
.bcx_bns a:hover{
    box-shadow: 0 2px 48px 0 rgba(237, 139, 0, 0.2), 0 2px 48px 0 rgba(0, 0, 0, 0.1);
text-decoration: none;
}
/* .bcx_bns a:hover:last-child{background-color: #333}
.bcx_bns a:last-child{background-color: #000;} */

.bannercontbx1 h2{
    color: #000;
    font-weight: 800;
    font-size: 50px;
    width: 100%;
    line-height: 60px;
}
/* .bannercontbx1 h2 span{
    color: #d9ff7a;
} */
.bannercontbx1 p{
    font-size: 18px;
    font-weight: 400;
    color: #000;
    width: 90%;
    
}
.bannercontbx1 h3{
    text-transform: uppercase;
    position: relative;
    letter-spacing: 4px;
    font-weight: 300;
    font-size: 16px;
}
.bannercontbx1 h3:before{
    position: absolute;
    left: -100px;
    width: 72px;
    height: 2px;
    background-color: #ccc;
    top: 5px;
    content: "";
}
.bannercontbx1 h3:after{
    position: absolute;
    left: -30px;
    width: 7px;
    height: 7px;
    background-color: #fff;
    top: 2px;
    content: "";
    border: 1px solid #ccc;
    border-radius: 7px;
}
/* .ban_but{
    top: 58%;
    height: 45px;
    left: auto;
    line-height: 45px;
    position: absolute;
    text-align: center;
    width: 100%;
} */
/*----------banner-----------*/

/*box4*/
.box4{
    width: 100%;
    display: table;
    position: relative;
    padding: 40px 0 180px;
    background-color: #fff;
}
.box4img{
    position: relative;
    max-width: 900px;
    width: 100%;
}
.box4img:after {
    content: "";
    position: absolute;
    top: 40px;
    right: 0;
    width: 246px;
    height: 185px;
    margin-right: -138px;
    background-image: url(../images/overlap-decor.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.box4img img{width: 100%; display: block;}

.overlap__text {
    position: absolute;
    bottom: -140px;
    right: 0;
    width: 578px;
    margin-left: auto;
    padding: 60px;
    border: 1px solid #dadee0;
    background-color: #fff
}

.overlap__text ul {
    margin-bottom: 27px;
    padding-left: 5px;
    font-size: 14px;
    line-height: 2;
    color: #666a6b;
    list-style: none;
}

.overlap__text li {
    position: relative;
    padding: 4px 0 4px 17px;
    letter-spacing: .4px;
    color: #000;
    font-size: 16px;
}

.overlap__text li:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: transparent transparent #01aedf
}

.overlap__title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.43;
    color: #19195b;
}

.overlap--reverse .overlap__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.overlap--reverse .overlap__media:after {
    right: auto;
    left: 0;
    margin-left: -138px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.overlap--reverse .overlap__text {
    right: auto;
    left: 0;

}

.link {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .65px;
    color: #d96511
}

.link:hover:not(:active) svg .angle {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.link:hover:not(:active) svg .line {
    opacity: 1;
    -webkit-transform: scaleX(1) scaleY(1);
    -ms-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1)
}

.link svg {
    width: 16px;
    margin-left: 5px
}

.link svg path {
    fill: currentColor
}

.link svg .angle {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.link svg .line {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scaleX(0) scaleY(1);
    -ms-transform: scaleX(0) scaleY(1);
    transform: scaleX(0) scaleY(1);
    opacity: 0
}
/*box4*/


.contact {
    padding: 50px 0 50px 0;
    background: url(../images/innerbanner3.jpg) no-repeat scroll center center / cover;
}

#contact-inner h3 {
    font-size: 30px;
    font-weight: 200;
    text-transform: uppercase;
}
#contact-inner i.fa {
    font-size: 30px;
    width: 90px;
    height: 90px;
    padding: 30px 0;
    margin: 20px 0 20px 0;
    color: #009788;
    background: #fff;
    border: 2px solid #e1e1e1;
    border-radius: 0 30% 0 0;
}
#contac-innert .contact-inner:hover > i.fa {
    color: ##12212f;
    background: #000000;
    transition: all 0.3s ease 0s;
}
.contact h3 {
    font-size: 30px;
    font-weight: 200;
    text-transform: capitalize;
    margin: 20px 0 40px;
    color: #fff;
}
#contact-b i.fa {
    font-size: 30px;
    width: 70px;
    height: 70px;
    padding: 35px 0;
    margin: 20px 0 30px 0;
    color: #009788;
    background: none;
    border: 1px solid #009788;
}
.contact i.fa {
    background: #d96511 none repeat scroll 0 0;
    border: 1px solid #d96511;
    color: #fff;
    font-size: 16px;
    height: 50px;
    margin: 20px 0;
    padding: 14px 0;
    width: 50px;
}
#contac-send i.fa {
    font-size: 35px;
    width: 90px;
    height: 90px;
    padding: 25px 0;
    margin: 30px 0 30px 0;
    color: #009788;
    background: #fff;
    border: 3px solid #f1f1f1;
    border-radius: 0 30% 0 0;
}
.contact .contact:hover > i.fa {
    color: #fff;
    background: #000000;
    border-color: #000;
    transition: all 0.3s ease 0s;
}
.contact form {
    /* padding: 30px 0; */
}
.contact .fa {
    color: #F4D03F;
    margin-bottom: 10px;
}
.contact p {
    color: #fff;
    font-size: 18px;
    /* letter-spacing: 2px; */
}
.contact .text-danger {
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.alert-danger {
    background: #fff;
    color: #FF9900;
    border: 1px solid #009788;
}
label {
    font-size: 12px;
    font-weight: 400;
    float: left;
}
/* #contact .form-control {
    display: block;
    width: 100%;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 22px;
    background-color: transparent;
    background-image: none;
    color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: none;
    border: 1px solid #989898;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin-top: 25px;
    border-top: none;
    border-left: none;
    border-right: none;
}
#contact .form-control:focus {
    border-color: inherit;
    outline: 0;
    -webkit-box-shadow: transparent;
    box-shadow: transparent;
    border: 1px solid #fff;
}*/
/* .form-control::-moz-placeholder {
color: #000;
}  */

.low-back-footer-r {
    position: relative;
}
.low-back-footer-r:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #000, #000) repeat scroll 0 0;
    opacity: 0.75;
}
.low-back-dark {
    position: relative;
}
.low-back-dark:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}
.low-back-up {
    position: relative;
    z-index: 1;
}
.contact p{color: #fff; font-size: 18px;}
.contact p span{color: #fff; font-size: 18px; font-weight: 800;
display: block;}


.footer {
    background-color: #161616;
    color: #fff;
    display: table;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.ft_social ul {
    list-style: outside none none;
    text-align: center;
    width: 100%;
}
.ft_social ul li {
    display: inline-block;
    margin-right: 8px;
}
.ft_social ul li:last-child {
    margin-right: 0;
}
.ft_social ul li a {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 19px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.fb1:hover {
    background-color: #3c5b9b;
    border: 1px solid #3c5b9b;
    color: #fff;
}
.gplus1:hover {
    background-color: #f63e28;
    border: 1px solid #f63e28;
    color: #fff;
}
.twit1:hover {
    background-color: #30abe1;
    border: 1px solid #30abe1;
    color: #fff;
}
.linked1:hover {
    background-color: #0173b2;
    border: 1px solid #0173b2;
    color: #fff;
}
.ytube1:hover {
    background-color: #c51a20;
    border: 1px solid #c51a20;
}
.mfoot {
    clear: both;
    display: table;
    font-size: 14px;
    font-weight: 300;
    margin-top: 20px;
    width: 100%;
}
.mfoot span {
    color: #afece6;
}

.jobdescription label{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #fff;
}
.jobdescription label span{color: #d96511;}
.jobdescription input.form-control, .jobdescription textarea.form-control{
    background-color: #fff;
    border-radius: 0px;
    height: 42px;
    border: 0px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 400;
    box-shadow: none;
    border: 1px solid #D5D5D5;
}
.jobdescription textarea.form-control{min-height: 120px;}
.jobdescription .col-sm-12{
    display: table;
    width: 100%;
}
input.subres{
    padding: 15px 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 0px;
    background-color: transparent;
    transition: all 0.3s;
    border: 1px solid #fff;
    float: left;
    text-transform: uppercase;
}
input.subres:hover{
    background-color: #fff;
    color: #19195b;
}


.section-title h2{
    font-size: 46px;
text-transform: capitalize;
margin-top: 0px;
color: #fff;
margin-bottom: 0px;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
/*section6*/
.section6{
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #19195b;
}
.section6inner{
    margin-top: 0px;
    padding: 40px 0;
}
a.ftsoc{
    display: inline-block;
    float: left;
    margin-right: 25px;
    color: #fff;
    font-size: 21px;
    transition: all 0.3s;
}
a.ftsoc:hover{opacity: 0.7;}
.ftlinks{
    display: inline-block;
    float: right;
}
.ftlinks a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s;
    font-weight: 500;
    padding: 0 20px;
    letter-spacing: 2px;
}
.ftlinks a:last-child{padding-right: 0px;}
.ftlinks a:hover{opacity: 0.7}
.copyrights{
    clear: both;
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    border-top: 1px solid rgba(250,250,250,.2);
    
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
    padding-top: 30px;
}
.copyrights a{
    text-decoration: none;
    color: #fff;
    float: left;
    display: inline-block;
    margin-right: 25px;
    transition: all 0.3s;
}
.copyrights a:hover{opacity: 0.6}
.copyrights p{float: right; display: inline-block;
margin:0;}
/*section6*/


/*aboutbx1*/
.aboutbx1{
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #edf0f3;
}
.aboutbx1 p{
    text-align: center;
    color: #000;
    font-size: 22px;
    line-height: 34px;
}

.servsec3{
    background-color: #252425;
    display: table;
    width: 100%;
    position: relative;
}

.sectionpgabt{
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #ebebeb;

}
.sectionpgabt h3{
    font-weight: 600;
    font-size: 42px;
    margin: 0 0 30px 0;
    color: #191a59;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
.sectionpgabt h3:before{
  position: absolute;
  left: 47%;
  bottom: 0px;
  width: 6%;
  height: 4px;
  content: "";
  background-color: #d96511;
}
.innercounters{width: 100%; display: table; padding: 20px;
background-color: #fff; border-radius: 10px; box-shadow: 0 2px 20px 0 rgba(0,0,0,.2);}
.counbx1{min-height: 208px; padding: 20px; border-right: 1px solid #d1d1d1;}
.counbx1 h5{font-size: 32px;}
.counbx1 p{font-size: 16px; color: #555;}
.counbx1 img{width: 60px; margin-bottom: 20px; margin-top: 15px; }
.counbx2{min-height: 104px; padding: 20px; border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1; width: 100%; display: table;}
.counbx2 img{display: inline-block; width: 50px; float: right; margin: 0px;}
.counbx2 h5{font-size: 32px;}
.counbx2 p{font-size: 16px; color: #555;}


.asec4{
    background-color: #fff;
    padding: 50px 0;
    width: 100%;
    display: table;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiAgPGRlZnM+ICAgIDxwYXR0ZXJuIGlkPSJhIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNy41IiBoZWlnaHQ9IjcuNSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+ICAgICAgPHBhdGggc3Ryb2tlPSIjQjdCN0I3IiBkPSJNMCAwdjcuNSIvPiAgICA8L3BhdHRlcm4+ICA8L2RlZnM+ICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+");
}
.asec4 h2{
    font-weight: 600;
    font-size: 42px;
    margin: 0 0 40px 0;
    color: #191a59;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
.asec4 h2:before{
  position: absolute;
  left: 47%;
  bottom: 0px;
  width: 6%;
  height: 4px;
  content: "";
  background-color: #d96511;
}
.leadership-e {
    background: #19195b;
    border-right: 1px solid #090933;
    padding-bottom: 20px;
    position: relative;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.btn-read {
    position: absolute;
    right: 10px;
    margin-top: -15px;
    margin-bottom: 0;
    width: 25px;
    height: 25px;
    line-height: 30px;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.2);
    color: #04549b;
    font-size: 14px;
    font-weight: 700
}
.leadership-title {
    color: #bbdfff;
    font-size: 21px;
}
.leadership-desig {
    line-height: normal;
    color: #fff;
}


.modal-dialog{width: 730px !important; left: 0px !important;}
.modal-dialog1{width: 700px;margin-top: 120px; }
.modal-body{background-color: #f0f0f0; padding: 40px 0}
.modal-body1{padding: 40px; background-color: #fff;}
.modal-header .close{
  position: absolute;
  right: -10px;
  top: -10px;
  width: 40px;
  height: 40px;
  line-height: 32px;
  border: 2px solid #fff;
  color: #fff;
  background-color: #348adb;
  text-align: center;
  opacity: 1;
  border-radius: 40px;
  z-index: 99;
}
.modal-header .close:hover{background-color: #696969;}

.modal-body h2 {
    position: relative;
    margin-top: 0px;
    color: #063f77;
    font-weight: 600;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.modal-body h2:before {
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #f15d21;
    content: "";
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    background-color: #4f4f4f;
}
.modal-dialog{left: 0;}
.modal{z-index: 9999999999999;}

.vh85{
  width: 100%;
  
  background-color: #fff;
  height: 100%;
  right: 0px;
  top: 0px;
  overflow: auto;
  display: block;
  z-index: 99999;
}
.vh85 h4 {
    color: #d96511;
font-size: 26px;
font-weight: 600;
margin: 0px 0px 10px;
}
.vh85 h5{
    font-size: 21px;
    color: #aaa;
    font-weight: 500;
    margin: 0px 0px 10px;
    /* font-style: italic; */
}
.vh85 p{
  font-size: 16px;
  color: #696969;
  text-align: justify;
  line-height: 24px;
  /* padding-right: 25px; */
}
.vh85 p a{text-decoration: underline; color: #00aeef;}
/*aboutbx1*/



.innersec1{clear: both; width: 100%; display: block; padding: 0px; 
  background-color: #fff; position: relative; z-index: 1; overflow: hidden;
color: #000; font-size: 18px; line-height: 28px; }
.innersec1 b{color: #242424; font-size: 26px; font-weight: 400; margin-bottom: 15px; width: 100%;
display: block; line-height: 32px; font-weight: 700;}
.innerleft{padding: 50px 20px !important;}
.innerleft p b {
    text-align: left;
    float: left;
    width: 100%;
    display: table;
    clear: both;
    color: #137ab1;
    margin-bottom: 20px;
    font-size: 21px;
}
.innerleft ul li {
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
    position: relative;
}
.innerleft ul li{text-align: left; padding-left: 30px; width: 100%; clear: both;
margin-bottom: 20px; }
.innerleft ul li:before, .service_page1 ul li:before, .page_ul ul li:before{
  position: absolute;
  left: 0px;
  top: 5px;
  content: "";
  background-image: url('../images/arrow.png');
  width: 20px;
  height: 14px;
  background-size: 100%;
}
.innerleft h3{color: #19195b; margin: 10px 0; font-size: 24px;}

.parallax2 img{width: 70%; margin: auto; display: table; margin-top: 50px;}

.job1bx{width: 100%; display: table; padding: 15px 0;
clear: both; transition: all 0.3s;}
.job1bx:last-child{border-bottom: 0px;}
.job1bx a{text-decoration: none; color: #000; width: 100%; display: block; 
    position: relative; min-height: 100px; transition: all 0.3s;}
.job1bx img{width: 90%; display: block; border: 1px solid #fff; padding: 10px;
margin: 0px; border-radius: 100%; transition: all 0.6s;}
.job1bx:hover img{/* transform: scale(1.1, 1.1); transform: rotate(360deg);
background-color: rgba(255, 255, 255, 0.2); */ border: 3px solid #f49941;}
.job1bx h5{font-size: 24px; font-weight: 700; margin: 0px; color: #e38917;
transition: all 0.3s; margin-bottom: 10px;}
.job1bx h6{font-size: 14px; margin-top: 5px; font-weight: 400;
margin-bottom: 15px; color: #777;}
.job1bx p{font-size: 16px; line-height: 24px; color: #fff;}
.ltjb p{width: 80%;}



.innerright{position: absolute; right: 0px; padding: 50px 30px !important; 
  background-color: #efefef; width: 27%; height: 100%;}
.sticky1{
  position: sticky;
  left: 0px; 
  top: 100px;
}
.innerright:before{
  position: absolute; right: -500px; width: 500px; height: 100%; content: "";
  background-color: #efefef; top: 0px;}
.innerright h4{font-size: 24px; font-weight: 600; color: #d96511; padding-bottom: 15px; margin-bottom: 15px;
border-bottom: 2px solid #ccc;}
.innerright ul{list-style: none; width: 100%; clear: both; display: block;}
.innerright ul li{width: 100%; display: block; margin-bottom: 10px; position: relative;}
.innerright ul a{text-decoration: none; color: #000; padding: 3px 10px 3px 20px; display: block; 
  font-size: 16px; position: relative; z-index: 1; position: relative;}
.innerright ul ul a{font-size: 14px;}
.innerright ul a:hover:before, .innerright ul a.active:before{
  width: 3px; height: 100%; left: 0px; top: 0px; content: ""; 
  background-color: #d96511; position: absolute; z-index: 9;
}
.innerright ul ul a.active:before, .innerright ul ul a:hover:before{display: none !important;}
.innerright ul a.active:before{width: 3px;}
.innerright ul a.active{color: #d96511; font-weight: 600}
.innerright ul ul a.active, .innerright ul ul a:hover{color: #ff5e00; font-weight: bold;}
.innerbx1 img{width: 100%; display: block; margin-bottom: 60px;}
.innerbx1{padding-bottom: 20px; width: 100%;}
.width40{float: left; display: inline-block; width: 40%;}
.width60{float: left; display: inline-block; width: 60%;}
.innerbx1 h2{text-transform: uppercase; font-size: 26px; margin-bottom: 15px;}

.bimg{clear: both; width: 100%; display: table;padding: 40px 0;}
.bimg img{display: inline-block; width: 25%; padding: 0 25px; float: left;}

.innerleft img{
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    background-color: #191957;
    border-radius: 20px;
    float: left;
    padding: 40px;
    margin-right: 40px;
}
.innerpg h2 {
    color: #0071c5;
    width: 100%;
    float: left;
    padding: 10px 10px 10px 15px;
    border-radius: 3px;
    font-size: 21px;
    font-weight: 600;
    margin: 30px 0px 0px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    position: relative;
    border-left: 3px solid #f2830f;
    letter-spacing: 0px;
    background-color: #f2f2f2;
}
ul.innerul1 {
    float: left;
    list-style-type: none;
    margin: 30px 0;
    padding: 0;
    width: 100%;
    padding-left: 0px;
}
ul.innerul1 li {
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 25%;
    text-align: center;
    font-weight: 400;
    line-height: 25px;
    color: #000;
    transition: all 0.3s;
    font-size: 16px;
    cursor: pointer;
    padding: 0px;
    clear: none;
    display: inline-block;
}
ul.innerul1 li:before{display: none;}
ul.innerul2 li {width: 33.33%}
.dashed-circle {
    width: 150px;
    height: 150px;
    border: 2px dotted #c5ced5;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120px;
    background-color: #fff;
    position: relative;
    z-index: 9;
    margin-bottom: 15px;
    background-color: #fff;
    transition: all 0.3s;
}
ul.innerul1 li:hover .dashed-circle {background-color: #f8f8f8;}

ul.innerul1 li p{
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
    height: 42px;
    overflow: hidden;
}
/*ul.innerul1 li::after {
    color: #3b7bc5;
    content: "\f0a4 ";
    font-family: "FontAwesome";
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}*/



/*contractvehibx*/
.contractvehibx, .customersbx{
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #fff;
}
.contrvb{
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.2);
    padding: 20px;
    width: 100%;
    display: inline-block;
    min-height: 210px;
    margin-bottom: 20px;
}
.contrvb h3{
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.43;
    margin-top: 0;
    color: #d96511;
}
.contrvb p{font-size: 18px;}
.contrvb p span{float: right;}
.contrvb p b{font-weight: 600;}

.customersbx ul{list-style: none; width: 100%; clear: both; display: inline-block; 
    margin-top: 20px; text-align: center;/*  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); */
border-radius: 20px; overflow: hidden; position: relative; z-index: 3; padding: 0}
.customersbx ul li{display: inline-block; width: 23%; text-align: center; 
    float: left; padding: 10px 10px; line-height: 100px; 
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
    margin: 1%; max-height: 120px;
    border-radius: 10px;
border: 1px solid rgba(30,29,40,.15);
    background-color: #fff; /* border: 1px solid rgba(0, 0, 0, 0.03); */
}
.customersbx ul li a{display: block;}
/* .clientsbx ul li:nth-of-type(2),
.clientsbx ul li:nth-of-type(4),
.clientsbx ul li:nth-of-type(5),
.clientsbx ul li:nth-of-type(7) {
    background: #fff;
} */
.customersbx ul li img{
    /* filter: grayscale(1);
    transition-property: filter; */
    transition-duration: 1s;  
    transition: all 0.3s ease 0s;
    /* width: 100%; */
    height: 100px;
    max-width: 100%;
    /* display: table; */
    margin: auto;
    /* background-color: #fff; */
    /* opacity: 0.65; */
    transition: all 0.3s;
    padding: 10px 10px;
    
}
.customersbx ul li.cus1 img{height: auto; width: 100%;}
.customersbx ul li:hover img{
    opacity: 1;
    filter: grayscale(0%);
    transition-property: filter;
    transition-duration: 1s;  
}
/*contractvehibx*/


.formbox, .jobsposbx {
    width: 100%;
    display: table;
    padding: 50px 0 20px;
    background-color: #fff;
}
.jobp1{
    text-decoration: none;
    color: #000;
    padding: 30px;
    width: 100%;
    display: block;
    background-color: #fff;
    position: relative;
    box-shadow: 0 8px 16px 0 rgba(0,11,18,.1);
    /* border-top: 3px solid #44cb47; */
    text-align: left;
    margin-bottom: 30px;
    display: table;
    transition: all 0.3s;
}
.jobp1 h4{
    font-size: 24px;
line-height: 36px;
color: #19195b;
font-weight: 600;
margin-bottom: 20px;
margin-top: 0;
}
.jobp1 a{
    display: table;
    height: 32px;
    text-decoration: none;
    line-height: 32px;
    margin: auto;
    padding: 0 20px;
    /* font-weight: 700; */
    /* letter-spacing: 2px; */
    transition: all 0.3s;
    background-color: #d96511;
    color: #fff;
    font-size: 14px;
    border: 2px solid #d96511;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    float: left;
}
.jobp1 a:hover{background-color: #fff; color: #d96511;}
ul.jobloc_map{margin-top: 0px; margin-bottom: 20px;}
ul.jobloc_map li {
    float: left;
    width: 100%;
    /* margin-right: 20px; */
    font-size: 16px;
    color: #666;
    /* clear: none; */
    font-weight: 400;
    display: block;
    clear: both;
    /* width: auto; */
    margin-bottom: 15px;
    padding-left: 0px;

}
ul.jobloc_map li span{float: right; color: #666}
ul.jobloc_map li:after{display: none;}
.jobloc_map li em {
    margin-right: 10px;
}
ul.jobloc_map p{color: #000; font-weight: 600}

.formbox h2 {
    font-size: 36px;
line-height: 48px;
color: #0c3044;
/* font-weight: 700; */
margin-bottom: 20px;
margin-top: 0;
text-align: center;
}

.formbox h2 span {
    color: #db2234;
}
.formbox p{
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #000;
    letter-spacing: 2px;
    padding: 0 10%;
    margin-bottom: 60px;
}
.contblocks{
    text-align: center;
    padding: 0 10%;
    clear: both;
}
.contblocks h4{
    font-size: 19px;
    color: #888;
}
.formbox a {
    color: #033c75;
    text-decoration: none;

    padding-top: 5px;
    font-size: 21px;
    position: relative;
    /* font-family: 'Sofia-Pro-Bold', 'SofiaPro-Bold', sans-serif; */
}

.formbox .form-group {
    padding: 0 7%;
    width: 100%;
    display: inline-block;
    clear: both;
    margin-top: 50px;
}

.formbox label {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
}

.formbox label span {
    color: #ff7149;
}

.formbox input.form-control,
.formbox textarea.form-control, .modal-body input.form-control,
.modal-body textarea.form-control{
    background-color: #fff;
    border-radius: 0px;
    height: 56px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    padding-left: 20px;
    box-shadow: none;
}
.modal-body input.form-control{height: 45px;}
.formbox textarea.form-control {
    height: 120px !important;
}

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

input.subres{
    display: table; height: 48px; text-decoration: none;
    line-height: 48px; margin:  auto; padding: 0 50px;
    font-weight: 600; letter-spacing: 2px; transition: all 0.3s;
    background-color: #d96511; color: #fff; font-size: 16px; border: 2px solid #d96511;
    text-transform: uppercase; text-align: center; border-radius: 5px;
    margin: auto; float: none;
}
input.subres:hover{background-color: #fff; color: #d96511;}

.innerleft h2 {
    margin: 0 0 30px 0;
    font-size: 32px;
    font-weight: 600;
    color: #d96511;
}
ul.jobloc_map1{margin-top: 0px; margin-bottom: 20px; width: 100%; display: table;}
ul.jobloc_map1 li {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #000;
    clear: none;
    font-weight: 400;
    display: inline-block;
    width: auto;
    padding-left: 0px;
}
.jobloc_map1 li em {
    margin-right: 10px;
}
ul.jobloc_map1 li:before{display: none}
.jobloc_map1 li em img{padding: 0px; background-color: transparent;
width: auto; height: auto; line-height: normal; margin-right: 5px; border-radius: 0;}
.job_des p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height:26px;
}
.job_des p b{font-weight: 600; color: #000; font-size: 18px;}


.contactpg {
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #fff;
}
.adbxin{
  -webkit-box-shadow: 70px 70px 50px -70px rgba(0,0,0,.3);
box-shadow: 70px 70px 50px -70px rgba(0,0,0,.3);
  padding: 20px;
  background-color: #fff;
    min-height: 500px; margin-bottom: 30px;
    text-align: left
}
.abouttab1 h2 {
    font-size: 21px;
    font-weight: 500;
    position: relative;
    line-height: 26px;
    padding-bottom: 10px;
    margin-bottom: 35px;
    color: #0e2b5c;
    margin-top: 20px;
    color: #0e2b5c;
}
.add1{position: relative; margin-bottom: 10px;
border-bottom: 1px solid #eee; width: 100%; padding: 10px 0; padding-left: 75px; }
.add1:before{
  position: absolute;
  width: 40px;
  height: 40px;
  content: "";
  left: 0px;
  top: 20px;
  background-image: url('../images/placeholder.png');
  background-repeat: no-repeat;
  background-size: 40px;
}
.add2:before{
  background-image: url('../images/call.png')
}
.add3:before{
  background-image: url('../images/email.png')
}
.add1:after{
  position: absolute;
  width: 1px;
  height: 90%;
  content: "";
  left: 60px;
  top: 0px;
  background-color: #eee;
}
.add1 p{margin-bottom: 5px; padding:0px; text-align: left;}
.add1 h5{font-size: 21px; margin-top: 0; color: #2d2a2a; font-weight:400;}

.adbxin h2{font-size: 21px; font-weight: 500; position: relative; line-height: 26px;
padding-bottom: 10px; margin-bottom: 35px; color: #2d2a2a; margin-top: 20px;
text-align: left;
color: #0e2b5c;
}
.adbxin h2:before{
  position: absolute; left: 0px; bottom: -10px;
  content: ""; height: 3px; background-color: #d96511; width: 80px;
}

.abouttab2 h4{font-size: 21px; font-weight: 600; 
margin-bottom: 20px;}
.abouttab2 p{
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 30px;
  color: #333;
}

.solbxx h2{
    text-align: center;
    color: #F47F1F;
    font-weight: 700;
    font-size: 32px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 100px;
}
.solbxx h2:before{
    position: absolute;
    left: calc(50% - 30px);
    width: 60px;
    bottom: -10px;
    content: "";
    background-color: #1b21b5;
    height: 2px;
}
.adbxin a {
    color: #2d2a2a;
    text-decoration: none;
    padding-top: 5px;
    font-size: 21px;
    position: relative;
}

.mbi1{
    background-color: #f1f1f1;
    background-image: url(../images/h8-bg-section2.png);
    background-size: cover;
}


.aaboutbxx{
    width: 100%;
    display: table;
    padding: 60px 0 40px;
    background-color: #fff;
}
.new_box{
    background: #f58220;
    padding: 40px;
    border-radius: 4px;
    z-index: 2;
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0 9px 6px rgba(0,0,0,0.2);
  }
  .new_box::before {
    background: #c85c00;
    content: "";
    height: 15px;
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    z-index: -1;
    border-radius: 4px 4px 0 0;
    margin: 0 auto;
  }
  .new_box p{
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    opacity: 1;
  }  .new_box p span{    font-size: 32px;    font-weight: 600;  }
  .company_new p {
    color: #000;
    font-size: 18px;	line-height: 28px;
    /*font-weight: normal;
     opacity: 0.65; */
}
  p.big_text{
    font-size: 18px;
    line-height: 28px;
  }

  .aaboutbxx2{
    background-color: #eff0f4;
    width: 100%;
    display: table;
    padding: 40px 0;
  }
 .aaboutbxx2 h2{
    font-weight: 600;
    font-size: 42px;
    margin: 0 0 30px 0;
    color: #191a59;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
.aaboutbxx2 h2:before{
  position: absolute;
  left: 47%;
  bottom: 0px;
  width: 6%;
  height: 4px;
  content: "";
  background-color: #d96511;
}
.aabx1{
    border: 2px solid #eff0f4;
    margin: 45px 157px 0 auto;
    max-width: 1380px;
    background-color: #fff;
    display: table;
}
.aabx2{margin: 45px auto 0 157px;}
.aabx1 img{
    width: 100%; display: block;
    -webkit-transform: translateY(-22px);
    -ms-transform: translateY(-22px);
    transform: translateY(-22px);
    z-index: 2;
    position: relative;
}
.aabx1in{
    padding: 77px 30px 96px 30px;
min-height: 465px;
}
.aabx1 h3{
    font-size: 32px;
font-weight: 400;
margin-bottom: 30px;
position: relative;
text-transform: uppercase;
letter-spacing: 2px;
color: #191a59;
}
.aabx1 p{
        font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 40px;
}


.menu2{position: fixed; right: 30px; top: 50px; z-index: 9; display: none;}
.menu2 .menuicon1{position: relative; z-index: 999;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  border-radius: 20px 0 0 20px;
  text-decoration: none;
  color: #2b2a29;
  display: block;
  font-size: 16px;
  display: block;
  outline: 0px;
  transition: all 0.3s;
}
.sidemenu span{float: left;}
.bars-wrap {
    display: inline-block;
    margin-left:15px;
    position: relative;
    overflow: visible;
    top: 3px;
}
.icon-bar {
    transition: all 0.4s ease;
    width: 26px;
    background: #d96413;
    height: 2px;
    position: relative;
    top: 8px;
    transition: width .2s ease-out;
    clear: both;
    margin-bottom: 7px;
}
#header.cloned .icon-bar {background: #000;}
/* .icon-bar:first-child {width:65%;}
.icon-bar:last-child {width:85%;} */

.menu2 .menuicon1:hover .icon-bar:first-child,
.menu2 .menuicon1:hover .icon-bar:last-child{width: 100%;}

.cart_open{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999999;  
  display: none;
}
.cartbg1{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(113,79,54,0.4);
}
.cart_bx1{
  width: 96%;
  background-color: #19195b;
  height: 100%;
  padding: 20px;
  top: 0%;
  right: -100%;
  transition:ease all 0.4s;
  position: fixed;
  display: block;
  box-shadow: 0 10px 50px rgba(1,2,2,.15);
  z-index: 99999;
  overflow-y:  auto;
  background-image: url('../images/work-left.png');
  background-position: left 20px;
  background-repeat: no-repeat;
  background-size: 30px;
}
.left1{right: 280px; z-index: 9999999; transition:ease all 0.8s}
.menu2{
  right: 280px;  
  position: fixed;
  transition:ease all 0.6s;
  top: 0px;
  z-index: 999999;
}
.menu2:before{border-top: 100px solid rgba(255, 255, 255, 1);}
.cart_bx1 ul{list-style: none; width: 100%; margin: 0px; padding: 0px; height: 100%; 
    vertical-align: middle; padding-top: 10px; text-align: right;}
.cart_bx1 ul li{float: none; width: 100%; display: block; clear: both;}
.cart_bx1 ul li a{text-decoration: none; color: #2b2a29; font-weight: 400; font-size: 16px; 
    display: block; padding: 10px 15px; text-transform: capitalize; 
    transition: all 0.3s ease 0s; text-align: center; outline: none;}
.cart_bx1 ul li a:hover, .cart_bx1 ul li a.active{color: #2e3192;}

a.closebtn{
    display: block;
    height: 42px;
    float: right;
    text-decoration: none;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    /* padding: 10px 25px; */
    margin-bottom: 20px;
    /* background-image: url('../images/hpat.png'); */
}
a.closebtn img{width: 36px;}
a.mobilecont{
    padding: 12px 28px 10px;
    margin-left: 20px;
    border: 1px solid #138dd0;
    background-color: #138dd0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 35px;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
    display: inline-block;
}

img.deskno{display: none;}

.innerscroll{
  clear: both;
  padding: 50px 0;
  background-color: #ffff;
  position: relative;
}
.innerscroll h2{
    color: #191a59;
font-weight: 800;
margin-top: 0px;
font-size: 46px;
position: relative;
padding-left: 15px;
text-align: center;
margin-bottom: 40px;
}
.innerscroll a, .innergal a{
    text-decoration: none;
    color: #000;
    text-align: center;
}
.innergal a{padding: 10px; display: block; margin-bottom: 20px;
box-shadow: 0 3px 6px 0 rgba( 0,0,0,0.16 );}
.innerscroll a p, .innergal a p{margin-top: 10px; font-size: 18px;}
.innergal a p{ margin-bottom: 0 }
.innerscroll ul{list-style: none;}
.innerscroll img.fs-gal{/* border: 3px solid #ffb0b2; */}
.innerscroll .owl-nav{position: absolute; top: -20%; right: 0px; opacity: 0.5;}
.innerscroll .owl-prev{
  background-image: url('../images/prev4.png');
  width: 50px;
  height: 34px;
  float: left; display: inline-block;
  margin-right: 10px;
  transition: all 0.3s;
}
.innerscroll .owl-next{
  background-image: url('../images/next4.png');
  width: 50px;
  height: 34px;
  float: left;
  display: inline-block;
  transition: all 0.3s;
}
.innerscroll .owl-prev:hover, .innerscroll .owl-next:hover{opacity: 1;}
.innergal{padding: 50px 0}


/*certificates_page*/
.certificates_list li ,
.team_gallery li {
    width: 33.33%;
    float: left;
    background: #fff;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    transition: all ease-in-out .5s;
        margin-bottom: 30px;
    padding-right: 20px;
}
.certificates_list li img {
    height: 450px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.certificates_list li h3 ,
.team_gallery li h3 {
    padding: 15px;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    background: rgb(217 101 17);
    transition: all ease-in-out .5s;
}
.certificates_list li:hover h3 ,
.team_gallery li:hover h3 {
    background: rgb(25 25 91);
}
.certificates_page {
    padding: 40px 0;
}
.pt_100 {
    padding-top: 100px;
}

/* ===========================
   ====== Media Queries ====== 
   =========================== */
/*------smallphones----------------*/  
@media only screen and (min-width : 240px) and (max-width : 960px)
{
    body{overflow-x: hidden; padding-top: 110px;}
    .container1_inner{width: 100%;}
    .hd_right{display: none;}
    .top_left{display: none;}
    .bannersvg{display: block; overflow-x: hidden; min-height: 2000px;}
    .bannersvg3{display: block; overflow-x: hidden; min-height: 1500px;}
    .container{width: 100%; display: block; max-width: 100%; min-width: 100%;}
    /* .header{padding: 5px 0px;} */
    .top_social, .top_social ul{display: none;}
    .menu2{display: block; top: 40px; right: 10px; z-index: 99999999999999;}
    .menu{display: none;}
    .header_right{padding: 0px;}
    .logo{padding-left: 0px;}
    .logo a img{float: left; height: 80px; padding: 0px;}
    .eBtn_pop{display: none;}
    a.scroll-down-link{bottom: 20px;}
    .bannercontbx1{top: 15%; left: 0px;}
    .bannercontbx1 h2{font-size: 26px; line-height: 34px; color: #fff;}
    .bannercontbx1 p{font-size: 18px; line-height: 24px; color: #fff;}
    .bannercontbx1 h3{color: #fff;}
    .pavcontentslider .carousel-control{top: 20% !important;}
    .box2cont h4{font-size: 16px;}
    .box2cont h3{font-size: 26px;}
    .box2cont p{padding: 0 5%; font-size: 16px; line-height: 24px;}
    .education-short{margin-bottom: 25px;}
    .box2{padding-bottom: 10px;}
    .bannercontbx1{position: relative; padding: 20px; background-color: #d96413;}

    #header.fixed2{height: 100px;}
    #header.fixed2 .logo{top: 10px;}

    .aboutsec{padding: 40px 0}
    .aboutsec h2{font-size: 24px; margin-bottom: 30px;}
    .aboutsec p, .wework p{font-size: 16px; line-height: 28px;}
    .wework ul{width: 100%;}
    .weimg{margin-top: 15px;}
    .whychos-bx .bgHover-cir{display: none;}

    .wework h2{font-size: 28px;}

    .box3 ul{margin-top: 40px;}
    .box3 ul li{width: 100%; padding: 0; margin-bottom: 20px;}
    .bannerimg > img{width: 100%;}
    .banner_txt{left: 0px; border-radius: 0; width: 100%; height:auto;}
    .banner_hd{font-size: 18px; line-height: 36px; margin-top: 0px;}
    .banner_cont{display: none;}
    .banner_r_more a{font-size: 14px; padding: 10px 25px;}
    .banner_r_more{margin-top: 0}

    .section1{padding: 40px 0; display: block;}
    .inner-container{padding: 30px; display: block;}
    .about-section .image img{width: 100%; display: block;}
    .about-section .image .video-box{width: 70px; height: 70px; line-height: 70px;}
    .about-section .content-column .inner-column{margin-top: 80px;}
    .whychos-bx:hover .whychos-icon img + img{display: none;}
    .whychos-bx{padding-right: 0px; padding-top: 40px;}
    .whychos-bx .whychos-txt h6{font-size: 21px;}

    .section5 h1, .innerscroll h2{font-size: 32px;}
    .innerscroll .owl-nav{display: none}

    .bg-video--waves video {
        display: block;
        height: 150%;
        width: auto !important;
    }
    .clientsbx ul li{padding: 0; height: 100px; line-height: 100px;}
    .clientsbx ul li.oa1 img{height: 80px;}

    .section-title h2{font-size: 32px;}

    .box4{display: block;}
    .overlap__text{width: auto; bottom: auto; padding: 30px;}
    .overlap__title{font-size: 21px;}
    .box4{padding-bottom: 40px;}

    .overlap__text{position: relative;}
    .ftlinks{float: left; display: inline-block; width: 100%; margin-top: 30px;}

    .ftlinks a{width: 100%; float: left; display: inline-block}

    .whychos-bx:hover .whychos-txt p, .whychos-bx:hover .whychos-txt h6{color: #fff;}

    .sec-title.light h2, .section6 h2, .box4hd1{font-size: 24px; line-height: 28px;}
    .sec6bx1{width: 50%;}
    .technology1{padding: 5px;}
    .techhd1{font-size: 14px; line-height: 21px; height: 42px;}
    .box4hd1 a{font-size: 10px;}

    .carousel-control.right{right: 30px !important;}
    .main_banner{height: auto;}
    .section1 h2{font-size: 32px; letter-spacing: 1px;}
    .section1 h2:before, .section1 h2:after{display: none;}
    .section1 h3{font-size: 18px;}
    .section1 p.servcont{font-size: 16px; line-height: 21px; padding: 0}
    .section3 .col-sm-4{padding: 0px !important;}
    .section3 .col-sm-8{height: auto;}
    a.sec2bx{margin-bottom: 25px;}
    .section2{padding-bottom: 30px;}
    .news-block .inner-box{margin-bottom: 30px;}
    .section4{padding-bottom: 20px;}
    .footer{padding: 20px; font-size: 12px;}
    .footer_menu, .footer_menu1{width: 100%; clear: both; margin-bottom: 30px;}
    .home_addressleft{width: 100%}

    .box6_left, .box6_right{width: 100%; display: block; clear: both; padding: 0}
    .form_hd{font-size: 24px;}
    .box6_right .ft_txt, .box6_right .ft_txtarea{width: 100%; clear: both;}

    .innertxt1{top: 20%;}
    .inner_banner h1{font-size: 24px;}
    .leftpgbx h2{font-size: 21px; line-height: 28px;}
    .leftpgbx h4{font-size: 14px;}
    .leftpgbx p, .leftpgbx2 p, .visionbx ul li, .leftpgbx ul li{font-size: 14px; line-height: 21px;}
    .page_left, .page_right{width: 100%; clear: both;}
    .page1 .sticky{position: relative; top: auto; margin-top: 30px;}
    .key_people img{width: 100%; display: block; margin-left: 0px; margin-bottom: 20px;}
    .box5_row1, .leftpgbx2, .rightbx2{width: 100%; clear: both;}
    .rightbx2{margin-bottom: 30px;}
    .career_form h2{font-size: 28px;}

    .innerbox3{padding-top: 0}
    .modal-dialog1, .right_cont ul li{width: 100%;}
    .right_cont .hd1{font-size: 24px; line-height: 28px;}

    .halfspan{width: 100%; clear: both;}
    .b5_img1 img{width: 60%;}
    .footer_hd{font-size: 21px; margin-bottom: 10px;}
    .footer_menu1 img{width: 240px !important;}
    .sec3_bg{min-height: auto;}
    .section3{padding: 30px 0}
    .ft_logo, .ft_left2, .ft_left1, .ftleft1{width: 100%; clear: both; margin-bottom: 30px;}
    .ft_logo img{width: 180px;}
    .mFooter{font-size: 14px;}
    #header.cloned{
        box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.3);
    }
    .innertxt1 ul{display: none;}
    .innerbox3{padding: 20px;}
    .phd1{font-size: 21px;}
    .pcont2 p{font-size: 16px;}

    .omission h3{font-size: 28px;}
    .footer_address ul li{width: 100%; clear: both;}

    .productsdescrption h2{font-size: 21px; margin-top: 20px;}
    .productsdescrption h3{padding: 0 15px;}
    .width20{width: 50%;}
    a.takelook > img{width: 100%; max-height: 175px;}
    a.takelook span{left: 20%;}
    .productsdescrption p, .productsdescrption ul li{padding: 0 15px; font-size: 16px; line-height: 24px;}
    .productsdescrption ul{padding: 0 15px;}
    .productsdescrption ul li::before{left: -5px; top: 0}

    .mbi1 .bannercontbx1 {background-color: transparent;}
    .mbi1 .bannercontbx1 h3 {color: #000;}
    .mbi1 .bannercontbx1 h2 {color: #000;}

    .aaboutbxx{display: block; overflow: hidden;}
    .new_box p, p.big_text{font-size: 18px; line-height: 26px;}
    .company_new p{font-size: 14px; line-height: 21px;}
    .counbx1, .counbx2{border-right: 0px; border-bottom: 1px solid #d1d1d1 !important;}
    .asec4 h2, .aaboutbxx2 h2{font-size: 28px;}
    .modal-dialog {
        width: 100% !important;
        left: 0px !important;
    }
    .vh85 h4{font-size: 21px;}
    .aaboutbxx2{display: block; padding: 20px;}
    .aabx1{margin:0px; width: 100%; margin-bottom: 40px;}
    .aabx1in{padding: 0}
    .aabx1 h3{font-size: 24px;}
    .aabx1 p{font-size: 16px; line-height: 24px;}

    .innerright{width: 100%;}
    .contrvb h3, .jobp1 h4{font-size: 21px;}
    .contrvb p span{display: none;}
    .contrvb p{font-size: 16px;}

    .customersbx ul li{width: 31.33%;}
    .innerleft h2{font-size: 24px;}
    .innerleft h3{font-size: 18px;}
    .innersec1, .innerleft ul li{font-size: 16px; line-height: 24px;}

    .innerright{margin-bottom: 30px }
    .formbox h2{font-size: 28px;}
    .formbox .form-group{margin-top: 0px; padding: 0}
    .formbox input.form-control, .formbox textarea.form-control, .modal-body input.form-control, .modal-body textarea.form-control{
        height: 42px;
        font-size: 14px;
    }
    input.subres{font-size: 12px;}

    .adbxin h2{font-size: 24px !important;}
    .add1 h5, .add1 p{font-size: 18px;}
    .certificates_list li ,.team_gallery li {    
        width:100%;
        padding-right: 0px;
    }
    .pt_100 {
        padding-top: 50px;
    }
}
/*------iphone----------------*/  
@media only screen and (min-width : 320px) and (max-width : 480px)
{
    
}
/*------smalltablet----------------*/  
@media only screen and (min-width : 480px) and (max-width : 768px)
{
    
}
/*--------iPad - Portrait--------------*/
@media only screen and (min-width : 768px) and (max-width : 960px)
{
    .bannerimg{width: 50%; clear: none; display: inline-block;}
    .bannercontbx1{float: left; width: 50%; clear: none;}
    .bannercontbx1 .col-sm-6{width: 100%}
    .bannercontbx1{background-color: transparent;}
    .bannercontbx1 h2, .bannercontbx1 h3, .bannercontbx1 p{color: #000;}
    .ftlinks{margin-top: 0}
    .ftlinks a{width: auto; margin-bottom: 15px;}
}
@media only screen and (min-width : 961px) and (max-width : 1210px)
{
    .container{width: 100%; display: block; max-width: 100%; min-width: 100%;}
    .menu > ul > li > a{padding: 0 15px; font-size: 14px;}
    .bannercontbx1 h2{font-size: 36px; line-height: 42px;}
    /* .whychos-bx .whychos-txt{width: 50%;} */

    .bg-video--waves video {
        display: block;
        height: 150%;
        width: auto !important;
    }
    ul.jobloc_map li{font-size: 14px;}
    .jobp1 h4{font-size: 18px;}
}
@media only screen and (min-width : 960px) and (max-width : 1240px)
{
}
@media only screen and (min-width : 1024px) and (max-width : 1240px)
{
    
}