@font-face {
 font-family: 'AkkuratPro-Light';
 src: url('../fonts/AkkuratLight.woff2') format('woff2'), url('../fonts/AkkuratLight.woff') format('woff');
 font-weight: 300;
 font-style: normal;
}
@font-face {
 font-family: 'AkkuratPro-Regular';
 src: url('../fonts/Akkurat-Regular.woff2') format('woff2'), url('../fonts/Akkurat-Regular.woff') format('woff');
 font-weight: 400;
 font-style: normal;
}

.fluid0 { padding: 0; margin: 0; }
.ulpadding { list-style: none; padding-left: 0; }
@media (min-width: 1500px){ .container{ max-width:1440px!important;} }
/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}
/*** Boxpadding ***/
.boxpadding {padding-bottom: 30px;}
/*** Button ***/
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none!important;text-decoration: none!important;}
.btn.btn-primary,
.btn.btn-outline-primary:hover {
 color:#FFFFFF;
 background-color:#01AEF2!important;
 border-color:#01AEF2!important;
}
/********** Template CSS **********/
.form-control { background-color: #ffffff; border: 1px solid #E0ECE7; border-width: 0px 0px 1px 0px; border-radius: 0px; padding: 16px 0px 10px 0px; color: #E0ECE7;}

/*** whatsapp chat icon ***/
.whtsapp-icon { 
 position: fixed; 
 right: 90px;
 bottom: 45px; 
 z-index: 120; 
  -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 transition: 250ms color;
 -webkit-transition: 250ms color;
 -moz-transition: 250ms color;
 -ms-transition: 250ms color;
 -o-transition: 250ms color;
 animation-name: wave;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite; 
}
@keyframes wave {
 0% {box-shadow: 0 0 0px 0px rgba(85, 150, 108, 0.5);}
 100% {box-shadow: 0 0 0px 15px rgba(85, 150, 108, 0);}
}
/*** go top ***/
.gotop {border-radius: 15%;color: #FFFFFF;background-color: #00538B;
 border-color: #00538B;box-shadow: rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;
}
.gotop:hover{color: #FFFFFF;}
.back-to-top {position: fixed;display: none; right: 20px;bottom: 50px;z-index: 99;padding: 2px 7px;}
.topicon {line-height: 1.3!important;;vertical-align: -6px !important;    font-size: 35px!important;}
a {color:none !important;text-decoration: none!important;}
.slick-list { padding: 0!important;}
/************************ input ends ************************/

/********** navbar starts **********/
.navbar {display: flex;}
nav.navbar.bootsnav ul.nav > li > a {
 font-family: 'AkkuratPro-Light', sans-serif;
 color: #000;
 font-size: 16px;
 font-weight: 400;
 line-height:21px;
}
.navbar {display: flex;}
nav.navbar.bootsnav ul.nav > li > a.active{background-color:transparent;color:#000;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
 padding: 0px 10px 0px 10px;
 margin: 0px;
 border: solid 0px;
}
.topnav{ display:inline-block!important; vertical-align:middle; padding-right:32px;}
.topnavlink{ color:#00588C; font-size:25px;}
.sticky-top { top: -100px; transition: .5s;}
.navbar .navbar-brand,
.navbar a.btn { height: 75px;}
.navbar .navbar-nav .nav-link {
 font-family: 'Montserrat', sans-serif;
 font-size: 16px;
 padding: 0px 40px 0px 0px;
 color: #BDC3C9; 
 font-weight: 400;
 text-transform: uppercase;
 outline: none;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active { color:#00538B !important;}
.navbarsubmenu{
 font-family: 'Montserrat', sans-serif;
 font-size: 17px;
 font-weight: 500;
 color: #093220;
 display:inline-block;
 vertical-align:middle;
 padding-bottom:20px;
}
.navbarsubmenu:hover{ color: #AB8039;}
/*** dropdown menu ***/
.dropdown-menu{ background-color:#E0ECE7!important;border-radius:0;border-color:#AB7F39;padding:10px 10px;}
.dropdown-menu .dropdown-item{
 color: #000000; 
 border-bottom:1px dashed #AB7F39; 
 padding:0px!important;
 line-height: 35px;  
}
.dropdown-menu .dropdown-item:hover{
 color: #AB7F39!important;
 background-color:#E0ECE7!important; 
}
.dropdown-menu.active, .dropdown-item:active {
 color: #AB7F39;
 text-decoration: none;
 background-color:#E0ECE7!important;
}
.navbar .dropdown-toggle::after {
 border: none;
 content: "";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 vertical-align: middle;
 margin-left: 8px;
}
.shadow-sm {box-shadow: none !important;}
.navbar-expand-lg .navbar-collapse {
 display: flex !important;
 flex-basis: auto;
 vertical-align:middle!important;
}

/*** megamenu ***/
.megamenu-group {
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 border-radius: 8px;
}
.megamenu-group-item {
 position: relative;
 display: block;
 padding: 0.5rem 1rem;
 color: #212529;
 background-color: #fff;
 border: 1px solid rgba(0,0,0,0.125);
}
.megamenu-group-item:first-child {
 border-top-left-radius: inherit;
 border-top-right-radius: inherit;
}
.megamenu-group-item+.list-group-item {
 border-top-width: 0;
}
.megamenu-group-item:last-child {
 border-bottom-right-radius: inherit;
 border-bottom-left-radius: inherit;
}
.toplanguagebox01{
 font-family: 'Poppins', sans-serif;
 font-size:12px;
 font-weight:400;
 line-height:20px;
 background: transparent;
 color:#F4811F;
 border: none;
 border: 1px solid #F4811F;
} 
.toplanguagebox02{
 font-family: 'Poppins', sans-serif;
 font-size:12px;
 font-weight:400;
 line-height:20px;
 background: transparent;
 color:#FFFFFF;
 border: none;
 border: 1px solid #FFFFFF;
}
.toplanguagebox01:hover{color:#FFFFFF;background:#F4811F;}
.toplanguagebox02:hover{color:#F4811F;background:#FFFFFF;}
#header {position: relative!important;}
.aboutlisthead{
 font-family: 'Montserrat', sans-serif!important;
 color: #000!important;
 font-size: 16px!important;
 font-weight: 500!important;
 line-height: 20px!important;
}
.tcategorylinkhead {
 font-family: 'AkkuratPro-Light', sans-serif;
 color: #000;
 font-size: 16px;
 font-weight: 400;
 line-height: 21px;;
 outline: none;
 padding: 0px;
}
.tcategorylinkhead :hover{color:#01538B!important;}
.colorblue{color:#01538B;!important}
.dropdownlist{
 font-family: 'AkkuratPro-Light', sans-serif!important;
 color: #000!important;
 font-size: 15px!important;
 font-weight: 400!important;
 line-height: 20px!important;
}	
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li:hover .dropdownlist{color:#fff!important;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li:hover .colorblue{color:#fff!important;}
/********** navbar ends **********/

/************************ home get a quote starts ************************/
.getbg{background:#01538b;}
.gethead{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 32px;
 line-height:40px;
 font-weight: 400;
 color: #fff;
 text-transform:uppercase;
}
.getbtn{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 24px;
 line-height:30px;
 font-weight: 400;
 color: #272727;
 background:#fff;
 padding: 10px 23px 10px 23px;
}
.getbtn:hover{color:#00538B;}
/************************ home get a quote ends ************************/

/************************ home welcome starts ************************/
.twelcomehead{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 20px;
 line-height:30px;
 font-weight: 400;
 color:#858587;
 text-transform:uppercase;
}
.twelcomesubhead{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 32px;
 line-height:40px;
 font-weight: 400;
 color:#00538B;
 text-transform:uppercase;
}
.twelcometext{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 22px;
 line-height:36px;
 font-weight: 400;
 color:#272727;
}
.twelcometextcn{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 22px;
 line-height:36px;
 font-weight: 400;
 color:#49975a;
}
.twelcomebtn{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 20px;
 line-height:30px;
 font-weight: 400;
 color:#00538B;
 text-align:justify;
 border: 1px solid #00538b1f;
 padding: 8px 30px;
}
/************************ home button hover effect ************************/
.thm-btn {
 position: relative;
 vertical-align: middle;
 -webkit-appearance: none;
 appearance: none;
 outline: none !important;
 background-color: transparent;
 transition: all 1.5s linear ease;
 overflow: hidden;
 z-index: 1;
}
.thm-btn:after {
 position: absolute;
 content: "";
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 5px;
 background-color: #01538b;
 transition-delay: .1s;
 transition-timing-function: ease-in-out;
 transition-duration: .9s;
 transition-property: all;
 opacity: 0;
 transform-origin: bottom;
 transform-style: preserve-3d;
 z-index: -1;
}
.thm-btn:hover {color: #fff!important;transition-delay: .6s;transition-timing-function: ease-in-out; transition-duration: .9s;
 transition-property: all;}
.thm-btn:hover:after {
 width: 100%;
 opacity: 1;
}
/************************ home button hover effect ************************/
.number{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 34px;
 line-height:40px;
 font-weight: 400;
 color: #00538B;
} 
.numberhead{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 18px;
 line-height:25px;
 font-weight: 400;
 color:#00538B;
} 
.welcomenumber{margin-top: -99px;-webkit-animation: mover 1s infinite alternate;animation: mover 1s infinite alternate;}
@keyframes mover{
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-10px);
}
}
/************************ home welcome ends ************************/

/************************ home counter starts ************************/
.counterbg{
 background-image:url(../img/counterbg.png);
 background-repeat: no-repeat;
 background-position:top left;
 -webkit-animation: mover 1s infinite alternate;
 animation: mover 1s infinite alternate;
 background-color: #fff; 
 box-shadow: rgba(27, 31, 35, 0.04) 0px 10px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}
.tcounterhead{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 90px;
 line-height:95px;
 font-weight: 400;
 color:#00538B;
}
.tcountersubhead{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 22px;
 line-height:30px;
 font-weight: 400;
 color:#00538B;
} 
.borderright{border-right: 2px solid #00538B;}
/************************ home counter ends ************************/

/************************ home capabilities starts ************************/
.whatwedobg{
 background-image:url(../img/whatwedobg.jpg);
 background-repeat: no-repeat;
 background-position:center;
 background-size:cover;
}
.tcaphead{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 20px;
 line-height:30px;
 font-weight: 400;
 color:#fff;
}
.capdetails{background: #01538b;margin-right: 126px;}
.tcaphead01{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 20px;
 line-height:30px;
 font-weight: 400;
 color:#717171;
}
.tcapsubhead{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 32px;
 line-height:40px;
 font-weight: 400;
 color:#00538B;
 text-transform:uppercase;
}
.tcaptext{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 22px;
 line-height:36px;
 font-weight: 400;
 color:#272727;
}
.paddingright{padding-right: 242px;}
.slick-next {
    z-index: 9999!important;
    top: 368px!important;
    left: 1632px!important;
}
.slick-prev {
    left: 1595px!important;
    z-index: 999!important;
    top: 368px!important;
}
.slick-next:before, .slick-prev:before {color: #01538b!important;}
.slick-next:before, .slick-prev:before {font-size: 27px!important;}
.hover-mask2 {
 display: block;
 position: relative;
 overflow: hidden;
}
.hover-mask2  h2 {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 margin-top: 0px;
 margin-bottom: 0px;
 height: 100%;
 width: 100%;
 padding: 45% 20px;
 text-align: center;
 background-color:rgb(0 83 139/ 67%);
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 -ms-transition: all 0.5s linear;
 transition: all 0.5s linear;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.capabilitybox:hover  h2 {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
}
.capabilitybox .glyphicon2 {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 color: #fff;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.capabilitybox:hover .glyphicon2 {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
 filter: alpha(opacity=1);
 opacity: 1;
}
.glyphicon2 {
 position: relative;
 top: -34px;
 display: inline-block;
 font-family: 'Glyphicons Halflings';
 font-style: normal;
 font-weight: 400;
 line-height: 1;
 left: -37px;
}
.tglyphiconhead2{
 font-family: 'Poppins', sans-serif;
 font-size:20px;
 font-weight:400;
 color:#FFFFFF;
 line-height:25px;
}
.tglyphiconsubhead2{
 font-family: 'Poppins', sans-serif;
 font-size:17px;
 font-weight:300;
 color:#fff;
 line-height:25px;
 letter-spacing:2px;
}
.tglyphiconsubhead2:hover{color:#FFFFFF!important;}
.hover-underline-animation {
 display: inline-block!important;
 position: relative!important;
}
.tglyphiconhead2:hover .hover-underline-animation:after {
 transform: scaleX(1)!important;
 transform-origin: bottom left!important;
}
.hover-underline-animation:after {
 content: ''!important;
 position: absolute!important;
 width: 100%!important;
 transform: scaleX(0)!important;
 height: 2px!important;
 bottom: 0!important;
 left: 0!important;
 background-color: #FFFFFF!important;
 transform-origin: bottom right!important;
 transition: transform 0.25s ease-out!important;
 cursor:pointer!important;
 opacity:1;
}
.slick-next {right: -913px!important;}
.tviewmorebtn{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 20px;
 line-height:30px;
 font-weight: 400;
 color:#00538B;
 text-align:justify;
 border: 1px solid #00538b1f;
 padding: 8px 30px;
}
/************************ home button hover effect ************************/
.thmviewmore-btn {
 position: relative;
 vertical-align: middle;
 -webkit-appearance: none;
 appearance: none;
 outline: none !important;
 background-color: transparent;
 transition: all 1.5s linear ease;
 overflow: hidden;
 z-index: 1;
}
.thmviewmore-btn:after {
 position: absolute;
 content: "";
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 5px;
 background-color: #01538b;
 transition-delay: .1s;
 transition-timing-function: ease-in-out;
 transition-duration: .9s;
 transition-property: all;
 opacity: 0;
 transform-origin: bottom;
 transform-style: preserve-3d;
 z-index: -1;
}
.thmviewmore-btn:hover {color: #fff!important;transition-delay: .6s;transition-timing-function: ease-in-out; transition-duration: .9s;
 transition-property: all;}
.thmviewmore-btn:hover:after {
 width: 100%;
 opacity: 1;
}
/************************ home capabilities ends ************************/

/**************** projects starts *****************/
.overlay-container {
 position: relative;
 overflow: hidden;
}
.image {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;   
}
.overlaytext {
 position: absolute;
 top: 40%;
 width: 25%;
 padding: 15px 12px 15px 0px;
 background-color:#FFFFFF;
}
.toverlayhead {
 font-family: 'AkkuratPro-Regular';
 color: #00538B;
 font-size: 32px;
 text-align: left;
 transition: translate(-50%, -50%);
 font-weight:400;
}
.toverlaytext{
 font-family: 'AkkuratPro-Regular';
 color: #858587;
 font-size: 22px;
 text-align: left;
 transition: translate(-50%, -50%);
 font-weight:400;
}
.overlay {
 position: absolute;
 transition: all .9s ease;
 opacity: 1;
 background: rgba(0, 83, 139, .6);
}
.overlay-container:hover .overlay {
 opacity: 1;
 background: rgba(255, 255, 255, .2);
 transition: all .9s ease;
}
.overlay-container:hover .overlaytext{background-color:#7CA6C2;transition: all .9s ease;}
.overlay-container:hover .toverlayhead {color: #FFFFFF;transition: all .9s ease;}
.overlay-container:hover .toverlaytext {color: #FFFFFF;transition: all .9s ease;}
.overlay-left {
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
}
.overlay-container:hover .overlay-left {width: 100%;}
.tprojectshead{
 font-family: 'AkkuratPro-Light';
 color: #717171;
 font-size: 20px;
 line-height: 30px;
 text-align: left;
 font-weight: 400;
 text-transform:uppercase;
}
.tprojectssubhead{
 font-family: 'AkkuratPro-Regular';
 color: #00538B;
 font-size: 32px;
 line-height: 42px;
 text-align: left;
 font-weight: 400;
 text-transform:uppercase;
}
.tprojectssubhead:hover{color: #00538B!important;}
.tviewmoretext {position: relative;}
.tviewmoretext h3 {
 font-family: 'AkkuratPro-Regular';
 color: #00538B;
 font-size: 20px;
 line-height: 30px;
 text-align: right;
 font-weight: 400;
 text-transform:uppercase;
}
.tviewmoretext:after {
 content: '';
 height: 1px;
 position: absolute;
 width: 70px;
 background-color: #00538B;
 top: 20px;
 right: 90px;
 opacity: 1;
}
.multiple-items .slick-dots li button:before {color: #00538B;}
.multiple-items .slick-dots li.slick-active button:before {color: #00538B;}
/**************** projects ends *****************/

/************* bottom starts *************/
.bottombg{
 background-image:url(../img/bottombg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 background-color:#D2D2D2;
 background-size: cover;
}
.tbottomhead{
 font-family: 'AkkuratPro-Regular';
 color: #00538B;
 font-size: 23px;
 line-height: 33px;
 font-weight: 400;
 text-transform:uppercase; 
}
.tbottomlinks{
 font-family: 'AkkuratPro-Light';
 color: #272727;
 font-size: 16px;
 line-height: 26px;
 font-weight: 400;
 text-transform:uppercase;  
}
.tbottomlinks:hover{color: #00538B;}
.tbottomlinksactives{
 font-family: 'AkkuratPro-Light';
 color: #00538B;
 font-size: 16px;
 line-height: 26px;
 font-weight: 400;
 text-transform:uppercase;  
}
.tbottomlinksactives:hover{color: #00538B;}
/* social icons */
.smGlobalBtn {
 display: inline-block;
 position: relative;
 cursor: pointer;
 width: 30px;
 height: 30px;
 border: 0px solid #ddd;
 box-shadow: 0px #999;
 padding: 0px;
 margin-left: 9px;
 text-decoration: none;
 text-align: center;
 color: #fff;
 font-size: 16px;
 font-weight: normal;
 line-height: 2;
 border-radius: 27px;
 -moz-border-radius: 27px;
 -webkit-border-radius: 27px;
 transition: 0.7s ease all;
}
/* facebook button class*/
.facebookBtn{ background: #00548C; }
.facebookBtn:hover{ color: #DDDDDD; background: #000000; border-color: #DDDDDD;transition:0.7s ease all; }

/* linkedin button class*/
.linkedinBtn{ background: #00548C; }
.linkedinBtn:hover{ color: #DDDDDD; background: #000000; border-color: #DDDDDD;transition:0.7s ease all;}

/* instagram button class*/
.instagramBtn{ background: #00548C; }
.instagramBtn:hover{ color: #DDDDDD; background: #000000; border-color: #DDDDDD;transition:0.7s ease all; }

/* twitter button class*/
.twitterBtn{ background: #00548C; }
.twitterBtn:hover{ color: #DDDDDD; background: #000000; border-color: #DDDDDD;transition:0.7s ease all;}

/* whatsapp button class*/
.whatsappBtn{ background: #00548C; }
.whatsappBtn:hover{ color: #DDDDDD!important; background: #000000; border-color: #DDDDDD;transition:0.7s ease all;}
/* social icons */
.icopyright{
 font-family: 'Roboto', sans-serif;
 color: #000;
 font-size: 12px;
 line-height: 17px;
 font-weight: 400; 
}
.icopyrightcompany{ 
 font-family: 'Roboto', sans-serif;
 color: #00538B;
 font-size: 12px;
 line-height: 17px;
 font-weight: 400;
}
.idesignby {
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 line-height: 17px;
 color: #000;
 text-transform: lowercase!important;
}
.bottomborder{color:#000000;}
/************* bottom ends *************/
/*********** about us starts ***********/
.aboutinnerbannerbg{
 background-image:url(../img/aboutinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
.theading{
 font-family: 'AkkuratPro-Regular';
 color: #00538B;
 font-weight: 600;
 text-align: left;
 line-height: 25px
}
.moving_position_animatin {
 position: relative;
 animation: moving_position_animatin 6s infinite linear;
 z-index: 0;
}
@keyframes moving_position_animatin{
0% {
 transform: translateY(0);
 }
50% {
 transform: translateY(-30px);
 }
100% {
 transform: translateY(0);
 }
}
.right_img img:nth-child(1) {
 animation-delay: 3s;
}
.right_img img:nth-child(1) {
 position: relative;
 z-index: 1;
 margin-left: 141px;
 margin-top: -103px;
}

.tsubheading{
 font-family: 'AkkuratPro-Regular';
 font-size: 32px;
 color: #00538B;
 font-weight: 400;
 text-align: left;
 line-height: 42px
}
.tsubheading01{
 font-family: 'AkkuratPro-Light';
 font-size: 24px;
 color: #49975a;
 font-weight: 400;
 text-align: left;
 line-height: 34px
}
.tsubheading02{
 font-family: 'AkkuratPro-Light';
 font-size: 24px;
 color: #00538b;
 font-weight: 700;
 text-align: left;
 line-height: 34px
}
.ttext{
 font-family: 'AkkuratPro-Light';
 font-size: 20px;
 color: #000000;
 font-weight: 400;
 text-align: left;
 line-height: 30px
}
.ttextgreen{
 font-family: 'AkkuratPro-Light';
 font-size: 20px;
 color: #49975a;
 line-height: 30px;
 font-weight: 700!important;
}
.ttextgreencn{
 font-family: 'AkkuratPro-Light';
 font-size: 20px;
 color: #49975a;
 line-height: 30px;
 font-weight: 400!important;
}
.hover-mask1 a {
 display: block;
 position: relative;
 overflow: hidden;
}
.hover-mask1 img {
 width: 100%;
 height: auto;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out; 
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.hover-mask1:hover img {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
}
.hover-mask1 a h2 {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 margin-top: 0px;
 margin-bottom: 0px;
 height: 100%;
 width: 100%;
 padding: 45% 20px;
 text-align: center;
 background-color:rgb(0 83 139 / 67%);
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 -ms-transition: all 0.5s linear;
 transition: all 0.5s linear;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.hover-mask1:hover a h2 {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
}
.hover-mask1 .glyphicon1 {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 color: #fff;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.hover-mask1:hover .glyphicon1 {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
 filter: alpha(opacity=1);
 opacity: 1;
}
.glyphicon1 {
 position: relative;
 top: -110px;
 display: inline-block;
 font-family: 'Glyphicons Halflings';
 font-style: normal;
 font-weight: 400;
 line-height: 1;
}
.tglyphiconhead1{
 font-family: 'AkkuratPro-Regular';
 font-size:32px;
 font-weight:400;
 color:#FFFFFF;
 line-height:42px;
}
.tglyphiconsubhead1{
 font-family: 'AkkuratPro-Light';
 font-size:18px;
 font-weight:400;
 color:#FFFFFF;
 line-height:28px;
}
.tglyphiconsubhead1:hover{color:#FFFFFF!important;}
.hover-underline-animation {
 display: inline-block!important;
 position: relative!important;
}
.tglyphiconhead1:hover .hover-underline-animation:after {
 transform: scaleX(1)!important;
 transform-origin: bottom left!important;
}
.projectheadbottom{background-color:#00538B;height: 12px;width: 273px;}


/*********** about us ends ***********/

/*********** projects starts **************/
.projectinnerbannerbg{
 background-image:url(../img/projectinnerbannerbg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 }
.hover-mask3 a {
 display: block;
 position: relative;
 overflow: hidden;
}
.hover-mask3 img {
 width: 100%;
 height: auto;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out; 
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.hover-mask3:hover img {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
}
.hover-mask3 a h2 {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 margin-top: 0px;
 margin-bottom: 0px;
 height: 100%;
 width: 100%;
 padding: 45% 20px;
 text-align: center;
 background-color:rgb(0 83 139 / 67%);
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 -ms-transition: all 0.5s linear;
 transition: all 0.5s linear;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.hover-mask3:hover a h2 {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
}
.hover-mask3 .glyphicon3 {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 color: #fff;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.hover-mask3:hover .glyphicon3 {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
 filter: alpha(opacity=1);
 opacity: 1;
}
.glyphicon3 {
 position: relative;
 top: -110px;
 display: inline-block;
 font-family: 'Glyphicons Halflings';
 font-style: normal;
 font-weight: 400;
 line-height: 1;
}
.tglyphiconhead3{
 font-family: 'AkkuratPro-Light';
 font-size:32px;
 font-weight:400;
 color:#FFFFFF;
 line-height:42px;
}
.tglyphiconsubhead3{
 font-family: 'AkkuratPro-Light';
 font-size:18px;
 font-weight:400;
 color:#FFFFFF;
 line-height:28px;
}
.tglyphiconsubhead1:hover{color:#FFFFFF!important;}
.glyphicon3 img{width:auto;height:auto;animation: mover 1s infinite alternate;}
.projecthead{
 padding: 12px 12px;
 background-color: #00538B;
 position: absolute;
 width: 100%;
 bottom: 0;
 opacity:1;
 transition:0.9s ease all;
}
.tprojecthead{
 font-family: 'AkkuratPro-Light';
 font-size:32px;
 font-weight:400;
 color:#FFFFFF;
 line-height:42px;
 opacity:1;
 transition:0.9s ease all;
}
.hover-mask3:hover .projecthead{opacity:0;transition:0.9s ease all;}
.hover-mask3:hover .tprojecthead{opacity:0;transition:0.9s ease all;}

/*********** projects ends **************/

/*********** vision starts **************/

.visioninnerbannerbg{
 background-image:url(../img/visioninnerbannerbg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 }
.ttextblue{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 20px;
 font-weight: 700;
 line-height: 30px;
 color: #00538B;
}
/*********** vision ends **************/

/*********** quality starts **************/

.qualityinnerbannerbg{
 background-image:url(../img/qualityinnerbannerbg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 }

/*********** quality ends **************/

/*********** capability starts **************/

.capabilityinnerbannerbg{
 background-image:url(../img/capabilityinnerbannerbg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 }

/*********** capability ends **************/
/*********************** careers starts **************************/

.careerinnerbannerbg{
 background-image:url(../img/careerinnerbannerbg.jpg);
 background-repeat:no-repeat;
}  

/*********** companyculture starst **************/
.companycultureinnerbannerbg{
 background-image:url(../img/companycultureinnerbannerbg.jpg);
 background-repeat:no-repeat;
}  
/*********** companyculture ends **************/

/*********** careergrawth starst **************/
.careergrawthinnerbannerbg{
 background-image:url(../img/careergrawthinnerbannerbg.jpg);
 background-repeat:no-repeat;
}  
/*********** careergrawth ends **************/

/*********** hiringprocess starst **************/
.hiringprocessinnerbannerbg{
 background-image:url(../img/hiringprocessinnerbannerbg.jpg);
 background-repeat:no-repeat;
}  
/*********** hiringprocess ends **************/

/*********************** careers ends **************************/

/*********************** services starts ***********************/

/*********** construction starst **************/
.constructioninnerbannerbg{
 background-image:url(../img/constructioninnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** construction ends **************/
/*********** poweroilgas starst **************/
.poweroilgasinnerbannerbg{
 background-image:url(../img/poweroilgasinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** poweroilgas ends **************/

/*********** renewableenergy starst **************/
.renewableenergyinnerbannerbg{
 background-image:url(../img/renewableenergyinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** renewableenergy ends **************/

/*********** turnkey starst **************/
.turnkeyinnerbannerbg{
 background-image:url(../img/turnkeyinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** turnkey ends **************/

/*********** value starst **************/
.valueinnerbannerbg{
 background-image:url(../img/valueinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** value ends **************/

/*********** industrialequipment starst **************/
.industrialequipmentinnerbannerbg{
 background-image:url(../img/industrialequipmentinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** industrialequipment ends **************/

/*********** fasttrack starst **************/
.fasttrackinnerbannerbg{
 background-image:url(../img/fasttrackinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** fasttrack ends **************/

/*********** skilledworkforce starst **************/
.skilledworkforceinnerbannerbg{
 background-image:url(../img/skilledworkforceinnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** skilledworkforce ends **************/

/*********** fullcontracting starst **************/
.fullcontractinginnerbannerbg{
 background-image:url(../img/fullcontractinginnerbannerbg.jpg);
 background-repeat:no-repeat;
}
/*********** fullcontracting ends **************/

/*********************** services ends ***********************/

/************** projectgallery starts **************/
.pagination {
 display: block;
 width: 75%;
 margin: 1em auto;
 text-align: center;
 &:after {
 content: '';
 clear: both;
 }
}
.pagination-button {
 display: inline-block;
 padding: 15px 20px;
 border: 1px solid #18954f;
 background-color: #fff;
 color: #333;
 cursor: pointer;
 transition: background 0.1s, color 0.1s;
 margin: 5px; 
}
.pagination-button:hover {
 background-color: #18954f;
 color: #FFFFFF;
 }
 
.pagination-button.active {
 background-color: #18954f;
 border-color: #18954f;
 color: #FFFFFF;
 }
  
$border-radius: 18px; 
 
 &:first-of-type {
 border-radius: $border-radius 0 0 $border-radius;
 }
 
 &:last-of-type {
 border-radius: 0 $border-radius $border-radius 0;
 }
}

<!--hover effect-->
figure {
 margin: 0;
 padding: 0;
 background: #fff;
 overflow: hidden!important;
}
figure img {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
.gallerybox:hover figure img {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
/************** projectgallery ends **************/






/*********** experience starts **************/

.experienceinnerbannerbg{
 background-image:url(../img/experienceinnerbannerbg.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 }
.table>:not(caption)>*>* {
    padding: 14px 8px;
}
/*********** experience ends **************/

/************** contact starts **************/
.contactinnerbannerbg{
 background-image:url(../img/contactinnerbannerbg.jpg);
 background-repeat:no-repeat;
 }
.ttextmail{
 font-family: 'AkkuratPro-Light', sans-serif;
 font-size: 20px;
 font-weight: 400;
 line-height: 30px;
 color: #000;
}
.ttextmail:hover{color:#00538B;}
.contactdetails{margin-top:111px!important;}
.contactbg{
 background-image:url(../img/contactbg.png);
 background-repeat: no-repeat;
 background-position:bottom right;
 background-color: #F2F2F2; 
}
.theading{
 font-family: 'AkkuratPro-Regular',sans-serif;
 font-size: 35px;
 color: #00538B;
 font-weight: 600;
 text-align: left;
 line-height: 25px
}
.iconcontact{color:#01538b;font-size:35px;}
.ttextwhite{ font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight:400;
 line-height:30px;
 color:#fff;
 }
.tsubheadingwhite{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 33px;
 font-weight:600;
 line-height:36px;
 color:#fff;
 } 
.tcontacthead{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 25px;
 font-weight:500;
 line-height:30px;
 color:#01538b;
text-transform:uppercase;
 }	
.contactdetailsbox:hover .tcontacthead{ color:#fff!important;}
.tcontactsubhead{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 17px;
 font-weight:500;
 line-height:23px;
 color:#303b79!important;
 }
.contactdetailsbox:hover .tcontactsubhead{ color:#fff!important;} 
.contactdetailsbox{
 background: #fff;
 padding: 45px 30px;
 gap: 20px;
 transition: 0.4s;
 box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
 text-align: center;
}
.contactdetailsbox-icon {
 width: 90px;
 height: 90px;
 line-height: 90px;
 display: inline-block;
 background:#6bd0f7;
 text-align: center;
 border-radius: 50%;
 transition: 0.4s;
 }
.contactdetailsbox-icon img {max-width: 35px;transform: rotateY(0);}
.contactdetailsbox-content h4 {transition: 0.4s;}
.contactdetailsbox-content p {
 font-size: 16px;
 line-height: 26px;
 font-weight: 500;
 text-transform: lowercase;
 transition: 0.4s;
 }
.contactdetailsbox:hover {background:#282f7d;transform: translateY(-5px);} 
.contactdetailsbox:hover .contactdetailsbox-icon img {-webkit-animation: rotateY 0.6s;
 animation: rotateY 0.6s;}
.contact__three-left-map iframe {
 width: 100%;
 height: 640px;
 display: block;
 filter: grayscale(1);
 }
.contact-area {
 position: relative;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 position: relative;
 }
.contact-area:before {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 }
.contact-area #contactForm {
 position: relative;
 z-index: 1;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 }
.contact-area #contactForm .section-title { text-align: center;margin-bottom: 30px;}
.contact-area #contactForm .section-title h2 {color: #fff;margin-top: -12px;}
.contact-area #contactForm .form-group { margin-bottom: 30px;}
.contact-area #contactForm .form-group .form-control {
 height: 50px;
 padding-left: 20px;
 font-size: 15px;
 border: 0;
 border-radius: 0;
 }
.contact-area #contactForm .form-group .form-control:focus {  -webkit-box-shadow:none;
 box-shadow:   none; border: 0;}
.contact-area #contactForm textarea {
  padding-top: 13px;
  height: auto !important;
 }
.contact-area #contactForm .common-btn {
 width: 100%;
 display: block;
 text-align: center;
 border-radius: 0;
 border: 0;
 opacity: 1;
 }
.contact-area #contactForm .list-unstyled {
 margin-top: 10px;
 color: #fff;
 }
.contact-area #contactForm .text-danger {
 margin-bottom: 0;
 margin-top: 10px;
 font-size: 25px;
 color: #fff !important;
 }
.contact-area #contactForm .text-success {
 margin-bottom: 0;
 margin-top: 10px;
 font-size: 25px;
 color: #28a745 !important;
 }
.common-btn {
 border: none;
 position: relative;
 display: inline-block;
 text-align: center;
 overflow: hidden;
 z-index: 1;
 background-color: #189650;
 color: #fff;
 -webkit-transition: 0.5s all ease;
 transition: 0.5s all ease;
 border-radius: 5px;
 opacity: 1;
 font-weight: 600;
 padding: 12px 25px;
}
.contactbtn:hover {
 cursor: pointer;
 background-image:linear-gradient(to right, #6bd1f7, #253d7f, #253d7f, #253d7f, #6bd1f7);
}
.tcontacthead01{
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 33px;
 font-weight: 400;
 color: #01538b;
 text-transform: uppercase;
 line-height: 40px;
}

/******************user form ***********************/
.user-form-area .form-item {
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
.user-form-area .form-item form {
 margin-bottom: 25px;
}
.user-form-area .form-item form h2 {
 font-size: 38px;
 padding-bottom: 10px;
 margin-bottom: 40px;
 position: relative;
 margin-top: -10px;
}
.user-form-area .form-item form h2:before {
 position: absolute;
 content: '';
 width: 50px;
 height: 3px;
 left: 0;
 right: 0;
 bottom: 0;
 margin-left: auto;
 margin-right: auto;
 background-color: #e93c05;
}
.user-form-area .form-item form h2:after {
 position: absolute;
 content: '';
 width: 40px;
 height: 3px;
 left: 0;
 right: 0;
 bottom: -6px;
 margin-left: auto;
 margin-right: auto;
 background-color: #e93c05;
}
.user-form-area .form-item form .form-group {margin-bottom: 30px;}
.user-form-area .form-item form .form-group .form-control {
 height: 50px;
 border: 0;
 border-radius: 0;
 background-color: #fafafa;
 padding-left: 20px;
 font-size: 15px;
}
.user-form-area .form-item form .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
   box-shadow: none;
}
.user-form-area .form-item form .common-btn { padding: 12px 70px;}
.user-form-area .form-item .user-btn h3 {
 font-weight: 400;
 font-size: 16px;
 margin-bottom: 30px;
 font-family: "Open Sans", sans-serif;
}
.user-form-area .form-item .user-btn h3 a {
 display: inline-block;
 color: #e93c05;
 font-weight: 600;
 margin-left: 5px;
}
.user-form-area .form-item .user-btn h3 a:hover {color: #011a41;}
.user-form-area .form-item .user-btn span {
 display: block;
 font-size: 15px;
 position: relative;
 margin-bottom: 25px;
}
.user-form-area .form-item .user-btn span:before {
 position: absolute;
 content: '';
 width: 40%;
 height: 1px;
 left: 0;
 top: 11px;
 background-color: #dbdbdb;
}
.user-form-area .form-item .user-btn span:after {
 position: absolute;
 content: '';
 width: 40%;
 height: 1px;
 right: 0;
 top: 11px;
 background-color: #dbdbdb;
}
.user-form-area .form-item .user-btn ul li {
 list-style-type: none;
 display: inline-block;
 margin-left: 3px;
 margin-right: 3px;
}
.user-form-area .form-item .user-btn ul li:nth-child(2) a {background-color: #00acee;}
.user-form-area .form-item .user-btn ul li:nth-child(3) a { background-color: #C13584;}
.user-form-area .form-item .user-btn ul li:nth-child(4) a { background-color: #E60023;}
.user-form-area .form-item .user-btn ul li a {
 display: block;
 width: 30px;
 height: 30px;
 color: #fff;
 background-color: #3b5998;
 border-radius: 50%;
}
.user-form-area .form-item .user-btn ul li a i {line-height: 30px;}
.user-form-area .form-item .user-btn ul li a:hover {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}
.contactbtn {
 font-family: 'Montserrat', sans-serif;
 font-size: 14px;
 font-weight: 500;
 background-image: linear-gradient(to right, #4167cb, #0085dc, #009ac4, #6bd1f7, #6bd1f7);
 color: #ffffff!important;
 line-height: 50px;
 padding: 12px 35px;
 }
.btnsearch {
 font-family: 'AkkuratPro-Regular', sans-serif;
 font-size: 20px;
 line-height:30px;
 font-weight: 400;
 color:#00538B;
 border: 1px solid #00538b1f;
 padding: 6px 30px;
}
.btnsearch {
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #01538b;
 display: inline-block;
 font-style: initial!important;
}


/************************ home button hover effect ************************/
.thmcontact-btn {
 position: relative;
 vertical-align: middle;
 -webkit-appearance: none;
 appearance: none;
 outline: none !important;
 background-color: transparent;
 transition: all 1.5s linear ease;
 overflow: hidden;
 z-index: 1;
}
.thmcontact-btn:after {
 position: absolute;
 content: "";
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 5px;
 background-color: #01538b;
 transition-delay: .1s;
 transition-timing-function: ease-in-out;
 transition-duration: .9s;
 transition-property: all;
 opacity: 0;
 transform-origin: bottom;
 transform-style: preserve-3d;
 z-index: -1;
}
.thmcontact-btn:hover {color: #fff!important;transition-delay: .3s;transition-timing-function: ease-in-out; transition-duration: .9s;
 transition-property: all;}
.thmcontact-btn:hover:after {
 width: 100%;
 opacity: 1;
}
/************** contact ends **************/

/************************ media query starts ************************/
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
#header { height: 90px;}
nav.navbar.bootsnav ul.nav > li > a { color: #000;}
#header nav.navbar.bootsnav .nav {background-color: #e0ece7;}
#header nav.navbar.bootsnav ul.nav > li:hover a.dropdown-toggle {color: #01538B!important;}
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {background-color: transparent;color: #000;}
#header nav.navbar.bootsnav .navbar-toggle {top: 0px;}
nav.navbar.bootsnav ul.nav > li > a { margin: -22px 0px -17px -3px;}
nav.navbar.bootsnav ul.nav > li > a { color: #000!important;}
nav.navbar.bootsnav ul.nav > li > a {font-size: 18px!important;line-height: 22px!important;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content {
margin-top: 10px!important;}
#header nav.navbar.bootsnav ul.nav > li, nav.navbar.bootsnav ul.menu-col > li {
padding: 0px 0!important;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
padding: 7px 10px 0px 10px!important;}
.dropdown-menu {background-color: #e0ece7!important;}
.tcategorylinkhead {color:#000;font-size: 17px;}
.tcategorylinkhead :hover{color:#01538B!important;}
.whtsapp-icon {right: 42px;bottom: 15px;}
.gethead {font-size: 18px;line-height: 30px;}
.twelcomesubhead {font-size: 19px;line-height: 31px;}
.twelcometext {font-size: 19px;line-height: 36px;}
.twelcometextcn {font-size: 19px;line-height: 36px;}
.twelcomebtn { font-size: 18px;line-height: 29px;}
.tcounterhead {font-size: 45px;line-height: 55px;}
.tcountersubhead { font-size: 20px;line-height: 28px;}
.borderright {border-bottom: 2px solid #fff;border-right: 0px solid #00538B;}
.capdetails {margin-right: 0px;}
.tcapsubhead {font-size: 19px;line-height: 31px;}
.slick-prev {left: 302px!important;top: 376px!important;}
.slick-next {top: 376px!important;left: 331px!important;}
.tprojectssubhead {font-size: 19px;line-height: 31px;}
.overlaytext {position: fixed;top: 62%;width: 11%;padding: 15px 12px 15px 0px;}
.multiple-items .slick-slide {height: 182px;}
.toverlayhead {font-size: 21px;line-height: 31px;}
.toverlaytext {font-size: 19px;line-height: 29px;}
.bottombg {background-position: bottom left;}
.tbottomhead {font-size: 20px;line-height: 30px;}
.smGlobalBtn {margin-right: 12px;}
.whatwedobg {margin-top: 0px;}
.counterbg{box-shadow: none!important;}
.contactdetails{margin-top:0px!important;}
.tcontacthead {font-size: 20px; line-height: 25px;}
.tcontacthead01 { font-size: 30px;line-height: 38px;}
.tsubheading {font-size: 21px;line-height: 31px;}
.tsubheading01 {font-size: 19px;line-height: 29px;}
.tsubheading02 {font-size: 19px;line-height: 29px;}
.ttext {font-size: 18px;line-height: 35px;}
.ttextgreencn {font-size: 18px;line-height: 35px;}
.ttextmail {font-size: 18px;line-height: 35px;}
.projectheadbottom {width: 180px;}
.glyphicon1 {top: -65px;}
.tglyphiconhead1 {font-size: 23px;line-height: 33px;}
.tglyphiconsubhead1 {font-size: 16px;line-height: 26px;}
.tviewmorebtn {font-size: 18px;line-height: 29px;}
.tprojecthead {font-size: 21px; line-height: 36px;}
.projecthead {padding: 0px 12px; background-color: rgba(0, 83, 139, 0.7);}
.tglyphiconhead3 {font-size: 21px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
.hover-mask3 a h2 {padding: 55% 20px;}
.ttextblue {font-size: 18px;line-height: 30px;}
.tbottomlinks {font-size: 14px;line-height: 24px;}
.theading {font-size: 25px;line-height: 30px;}
.tbottomlinksactives {font-size: 14px;line-height: 24px;}
.tviewmoretext h3 {font-size: 16px;line-height: 29px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {	
.dropdown-menu {background-color: #e0ece7!important; color: #fff!important;}
nav.navbar.bootsnav ul.nav > li > a { color: #000!important;}
.gethead {font-size: 20px;line-height: 30px;}
.getbtn {font-size: 20px;line-height: 25px;}
.tcounterhead {font-size: 45px;line-height: 80px;}
.tcountersubhead { font-size: 20px;line-height: 28px;}
.capdetails {margin-right: 0px;}
.slick-next {top: 363px!important;left: 652px!important;}
.slick-prev {left: 616px!important;top: 363px!important;}
.tprojectssubhead {font-size: 21px;line-height: 36px;}
.toverlayhead {font-size: 21px;line-height: 31px;}
.toverlaytext {font-size: 19px;line-height: 29px;}
.overlaytext {width: 45%;}
.bottombg {background-position: bottom left;}
.smGlobalBtn {margin-right: 12px;}
.whatwedobg {margin-top: 0px;}
.contactdetails{margin-top:0px!important;}
.tsubheading {font-size: 21px;line-height: 31px;}
.tsubheading01 {font-size: 19px;line-height: 29px;}
.tsubheading02 {font-size: 19px;line-height: 29px;}
.ttext {font-size: 18px;line-height: 34px;}
.ttextgreencn {font-size: 18px;line-height: 34px;}
.ttextmail {font-size: 18px;line-height:34px;}
.projectheadbottom {width: 180px;}
.glyphicon1 {top: -65px;}
.tglyphiconhead1 {font-size: 23px;line-height: 33px;}
.tglyphiconsubhead1 {font-size: 16px;line-height: 26px;}
.tprojecthead {font-size: 21px; line-height: 36px;}
.projecthead {padding: 0px 12px; background-color: rgba(0, 83, 139, 0.7);}
.tglyphiconhead3 {font-size: 21px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
.hover-mask3 a h2 {padding: 55% 20px;}
.ttextblue {font-size: 18px;line-height: 30px;}
.theading {font-size: 25px;line-height: 30px;}
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
nav.navbar.bootsnav ul.nav > li > a { font-size: 14px;line-height: 17px;}
nav.navbar.bootsnav ul.nav > li > a { margin-left: 8px;}
.gethead {font-size: 27px;line-height: 35px;}
.twelcomesubhead {font-size: 25px;line-height: 35px;}
.twelcometext {font-size: 20px;line-height: 34px;}
.twelcometextcn {font-size: 20px;line-height: 34px;}		
.tcounterhead {font-size: 60px;line-height: 75px;}
.tcountersubhead {font-size: 20px;line-height: 28px;}
.paddingright {padding-right: 86px;}
.tcapsubhead {font-size: 25px;line-height: 35px;}
.twelcomebtn {font-size: 16px;line-height: 28px;}
.tcaphead {font-size: 16px;line-height: 26px;}
.tcaptext {font-size: 20px; line-height: 34px;}
.slick-prev {left: 899px!important;top: 488px!important;}
.slick-next {top: 488px!important;left: 930px!important;}
.tprojectssubhead {font-size: 21px;line-height: 36px;}
.toverlayhead {font-size: 21px;line-height: 31px;}
.toverlaytext {font-size: 19px;line-height: 29px;}
.overlaytext {width: 35%;}
.tbottomhead {font-size: 20px;line-height: 30px;}
.icopyright {font-size: 14px;line-height: 24px;}
.contactdetails{margin-top:0px!important;}
.tsubheading {font-size: 23px;line-height: 33px;}
.tsubheading01 {font-size: 20px;line-height: 30px;}
.tsubheading02 {font-size: 20px;line-height: 30px;}
.ttext {font-size: 18px;line-height: 30px;}
.ttextgreencn {font-size: 18px;line-height: 30px;}
.ttextmail {font-size: 18px;line-height: 30px;}
.projectheadbottom {width: 180px;}
.glyphicon1 {top: -65px;}
.tglyphiconhead1 {font-size: 23px;line-height: 33px;}
.tglyphiconsubhead1 {font-size: 16px;line-height: 26px;}
.slick-next, .slick-prev {width: 41px!important;}
.tviewmorebtn {font-size: 18px;line-height: 29px;}
.tprojecthead {font-size: 21px; line-height: 36px;}
.projecthead {padding: 0px 12px; background-color: rgba(0, 83, 139, 0.7);}
.tglyphiconhead3 {font-size: 21px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
.hover-mask3 a h2 {padding: 55% 20px;}
.tbottomlinks {font-size: 15px;line-height: 25px;}
.welcomenumber {margin-top: -75px;}
}
@media (min-width: 992px) {
 .navbar .nav-item .dropdown-menu { display: block!important; margin-top:0; left:0!important; top:150%;  opacity:0; visibility:hidden; transition:0.5s; z-index:1; }
 .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1;
  background-color:#FFFFFF;width: 100%; }
 .justify-content-start {  justify-content: left !important;}
}

@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
nav.navbar.bootsnav ul.nav > li > a {margin-left: -39px;}
.twelcomesubhead {font-size: 25px;line-height: 35px;}
.twelcometext {font-size: 20px;line-height: 34px;}
.twelcometextcn {font-size: 20px;line-height: 34px;}		
.tcounterhead {font-size: 80px;line-height: 85px;}
.capdetails {margin-right: 160px;}
.tcaphead { font-size: 19px;line-height: 27px;}
.tcapsubhead { font-size: 25px; line-height: 35px;}
.paddingright {padding-right: 88px;}
.tcaptext {font-size: 20px;line-height: 34px;}	
.slick-next {top:387px!important;left: 1125px!important;}
.slick-prev {left: 1094px!important;top: 387px!important;}
.tprojectssubhead {font-size: 21px;line-height: 36px;}
.toverlayhead {font-size: 25px;line-height: 35px;}
.toverlaytext {font-size: 19px;line-height: 29px;}
.overlaytext {width: 30%;}
.projectheadbottom {width: 180px;}
.glyphicon1 {top: -65px;}
.tglyphiconhead1 {font-size: 23px;line-height: 33px;}
.tglyphiconsubhead1 {font-size: 16px;line-height: 26px;}
.slick-next, .slick-prev {width: 36px!important;}
.tprojecthead {font-size: 21px; line-height: 36px;}
.projecthead {padding: 8px 12px; background-color: rgba(0, 83, 139, 0.7);}
.tglyphiconhead3 {font-size: 21px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
.hover-mask3 a h2 {padding: 55% 20px;}
}

@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {
nav.navbar.bootsnav ul.nav > li > a {margin-left: -48px;}
.twelcomesubhead {font-size: 25px;line-height: 35px;}
.twelcometext {font-size: 20px;line-height: 34px;}
.twelcometextcn {font-size: 20px;line-height: 34px;}
.tcounterhead {font-size: 80px;line-height: 85px;}
.capdetails {margin-right: 69px;}
.tcapsubhead {font-size: 25px;line-height: 35px;}
.tcaptext {font-size: 20px;line-height: 34px;}
.paddingright {padding-right: 127px;}
.tcaphead { font-size: 19px;line-height: 27px;}
.slick-next { top: 389px!important;left: 1180px!important;}
.slick-prev {left: 1143px!important;top: 389px!important;}
.tprojectssubhead {font-size: 21px;line-height: 36px;}
.toverlayhead {font-size: 25px;line-height: 35px;}
.toverlaytext {font-size: 19px;line-height: 29px;}
.overlaytext {width: 30%;}
.projectheadbottom {width: 180px;}
.glyphicon1 {top: -70px;}
.tglyphiconhead1 {font-size: 23px;line-height: 33px;}
.tglyphiconsubhead1 {font-size: 16px;line-height: 26px;}
.tprojecthead {font-size: 21px; line-height: 36px;}
.projecthead {padding: 8px 12px; background-color: rgba(0, 83, 139, 0.7);}
.tglyphiconhead3 {font-size: 21px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
.hover-mask3 a h2 {padding: 55% 20px;}
}

@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {
.capdetails {margin-right: 51px;}	
.paddingright {padding-right: 110px;}
.tcaphead {font-size: 20px;line-height: 25px;}
.slick-prev {left: 1280px!important;top: 406px!important;}
.slick-next {top: 406px!important;left: 1313px!important;}
.tprojectssubhead {font-size: 21px;line-height: 36px;}
.toverlayhead {font-size: 25px;line-height: 35px;}
.toverlaytext {font-size: 19px;line-height: 29px;}
.overlaytext {width: 30%;}
.projectheadbottom {width: 180px;}
.glyphicon1 {top: -70px;}
.tglyphiconhead1 {font-size: 23px;line-height: 33px;}
.tglyphiconsubhead1 {font-size: 16px;line-height: 26px;}
.slick-next, .slick-prev {width: 44px!important;}
.projecthead {padding: 4px 12px;}
.tprojecthead {font-size: 23px;line-height: 38px;}
.tglyphiconhead3 {font-size: 23px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
nav.navbar.bootsnav ul.nav > li > a {padding: 30px 28px!important;}
}

@media only screen and (min-device-width : 1500px) and (max-device-width : 1599px) {
nav.navbar.bootsnav ul.nav > li > a {margin-left: -13px;}
.capdetails {margin-right: 61px;}
.paddingright {padding-right: 79px;}
.tcaphead {font-size: 20px;line-height: 25px;}
.slick-prev {left: 1394px!important;top: 373px!important;}
.slick-next {top: 373px!important; left: 1424px!important;}
.projectheadbottom {width: 180px;}
.glyphicon1 {top: -70px;}
.tglyphiconhead1 {font-size: 23px;line-height: 33px;}
.tglyphiconsubhead1 {font-size: 16px;line-height: 26px;}
.slick-next, .slick-prev {width: 46px!important;}
.projecthead {padding: 8px 12px;}
.tprojecthead {font-size: 23px;line-height: 38px;}
.tglyphiconhead3 {font-size: 23px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
}

@media only screen and (min-device-width : 1600px) and (max-device-width : 1699px) {
.capdetails {margin-right: 91px;}
.paddingright {padding-right:122px;}
.tcaphead {font-size: 20px;line-height: 25px;}
.slick-prev {left: 1442px!important;top: 370px!important;}
.slick-next {top: 370px!important; left: 1474px!important;}
.glyphicon1 {top: -84px;}
.slick-next, .slick-prev {width: 47px!important;}
.projecthead {padding: 8px 12px;}
.tprojecthead {font-size: 23px;line-height: 38px;}
.tglyphiconhead3 {font-size: 23px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
}

@media only screen and (min-device-width : 1700px) and (max-device-width : 1799px) {
.capdetails {margin-right: 91px;}
.paddingright {padding-right: 194px;}
.tcaphead {font-size: 20px;line-height: 25px;}
.slick-prev {left: 1496px!important;top: 368px!important;}
.slick-next {top: 368px!important; left: 1526px!important;}
.glyphicon1 {top: -84px;}
.slick-next, .slick-prev {width: 37px!important;}
.projecthead {padding: 8px 12px;}
.tprojecthead {font-size: 23px;line-height: 38px;}
.tglyphiconhead3 {font-size: 23px;line-height: 36px;}
.tglyphiconsubhead3 {font-size: 16px;line-height: 26px;}
}

@media only screen and (min-device-width : 1800px) and (max-device-width : 1899px) {
.capdetails {margin-right: 119px;}
.tcaphead {font-size: 20px;line-height: 25px;}
.slick-prev {left: 1545px!important;top: 366px!important;}
.slick-next {top: 366px!important; left: 1575px!important;}
.glyphicon1 {top: -84px;}
.slick-next, .slick-prev {width: 39px!important;}

}