/*
Theme Name: Mems
Author:
Version: 1
*/

@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);

@font-face {
	font-family: 'Conv_DINEngschriftStd';
	src: url(../../../../../../../themes/mems/fonts/DINEngschriftStd.eot);
	src: url(../../../../../../../themes/mems/fonts/DINEngschriftStd.woff) format('woff'), url(../../../../../../../themes/mems/fonts/DINEngschriftStd.ttf) format('truetype'), url(../../../../../../../themes/mems/fonts/DINEngschriftStd.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


html, body {
  width: 100%;
/*height: 100%;
overflow-x: hidden;*/
  padding: 0px;
  margin: 0;

}

body {
  padding: 0px;
  margin: 0px;
   min-width: 320px;
}

h1, h2, h3, h4, h5, h6{font-family: 'Conv_DINEngschriftStd'; color: #22418B; font-weight:500;text-transform: uppercase;}
h1{ font-size: 140px; line-height: 130px;color: #fff; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.45);}
h2{ font-size: 100px;line-height:100px;}
h3{ font-size: 75px;line-height: 75px;}
h4{font-size: 50px;line-height: 50px; margin-bottom: 10px; padding-top: 5px;}
h5{font-size:30px;line-height:35px;}
h6{font-size:25px;line-height:25px;}

/*=============== tags start ===================**/
section::after, .container::after{visibility: hidden; display: block; font-size: 0px; content:""; clear: both; height: 0%;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.pull-left{float:left;}
.pull-right{float: right;}
.text-left {text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
img { border: 0; outline: none; max-width: 100%; height: auto; display:block;}
.alignnone{ margin-top: 16px;width: 100%;}
.alignright {float: right; margin-left: 10px;margin-top: 5px; margin-bottom: 20px;}
.alignleft {float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 20px;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.cb{ clear: both;}

.imageHolder {position: absolute;left: 0px; top: 0px; right: 0px; bottom: 0px;}
.box {position: relative;}
.box:before { content: ""; display: block; padding-top: 75%;}
.OF-cover {object-fit: cover;font-family: 'object-fit: cover'; object-position: center center; font-family: 'object-fit: cover; object-position: center center'; display: flex; width: 100%; height: 100%;}

.pagedeafult a, .page-template-default .boxtag a{ color: #808084; text-decoration: none;}
.page-template-default .boxtag a:hover{ color:#22418B; text-decoration:none;}
.pagedeafult .container p:last-child{ margin-bottom: 0;}

.whiteBG{ background:#fff;}
.GrayBG, .graybg{ background:#F0F0F0;}
.darkgray{ background:#ECECEC;}
.overlay-none:after{ display: none;}

/* button Brackets css */
.btnbox, .useful-links a{ position: relative;}
.btn, .useful-links a, .whitebtn{padding: 0 18px; position: relative;font-size: 25px; text-transform: uppercase;font-family: 'Conv_DINEngschriftStd';}


.btn{color: #22418B;}
.btn:hover{ text-decoration: none;color: #22418B;}
.btn::before{ left: 0;content:""; top: -1px;position: absolute;background: var(--wpr-bg-2b9816d7-1a2b-4ea7-b9ee-c0282ab56275) no-repeat; width: 10px; height: 100%;transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.btn::after{ content:""; position: absolute;background: var(--wpr-bg-8d28c8a3-af00-46c1-9328-857b16ffba80) no-repeat; right: 0; top: -1px;width: 10px; height: 100%;transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.btn:hover::after {-webkit-transform: translateX(10px);transform: translateX(10px);}
.btn:hover::before {-webkit-transform: translateX(-10px);transform: translateX(-10px);}

.whitebtn{color: #fff;}
.whitebtn:hover{ text-decoration: none;}
.whitebtn::before{ left: 0; top:3px;content:""; position: absolute;background: var(--wpr-bg-69d4c287-c1dc-4fcd-aeec-2dcbe5655ccc) no-repeat left; width: 11px; height:34px;transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.whitebtn::after{ content:""; position: absolute;background: var(--wpr-bg-50a19b49-3f7c-4965-a1c9-afee50ec733c) no-repeat right; right: 0; top:3px; width: 11px; height:34px;transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.whitebtn:hover::after {-webkit-transform: translateX(10px);transform: translateX(10px);}
.whitebtn:hover::before {-webkit-transform: translateX(-10px);transform: translateX(-10px);}

.bluebox .whitebtn::before, .bluebox .whitebtn::after, .grance .whitebtn::after, .grance .whitebtn::before, .whitebtn::before, .whitebtn::after{ top: 0; height: 100%; width: 10px;}

.page-template-default .whiteBG .boxin a {color: #808084; text-decoration: none;}
.page-template-default .whiteBG .boxin a:hover {color: #22418B;text-decoration: none;}

.page-template-default .whiteBG a.btn {color: #22418B; text-decoration: none;}

/* DAN - Edit 28-09-2020 if background blue or image change link colour too */
.text-with-bgimg a {color: #fff; text-decoration: none;}
.text-with-bgimg a:hover {color: #e8e8e8; text-decoration: none;}
.text-with-bgimg a.btn {color: #e8e8e8; text-decoration: none;}

::-webkit-input-placeholder { /* Edge */
  color: #ababab;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ababab;
}

::placeholder {
  color: #ababab;
}

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border:2px solid #ff0000 !important; line-height: normal;}
.wpcf7-mail-sent-ok{ background: #f4ffef !important;}
.blue{color: #22418B}

/* Common css */
.col_1_1::after,.col_1_1_1::after,.col_1_1_1_1::after {	visibility: hidden;	display: block;	font-size: 0px;	content: " ";	clear: both;	height: 0%;}
.col-12{width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6{ width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4{ width: 33.33%}
.col-3{width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}
.flexGrow{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap;}


/* Width Sizes */
.standard .container{ max-width: 1280px;}
.medium .container{ max-width: 1100px;}
.small .container{ max-width: 900px;}
/* Width Sizes */

/* Slick Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;
user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative;display: block; overflow: hidden; margin: 0; padding: 0; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; float:left;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

@media screen {
* { margin: 0; padding: 0; }
body { background: white; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#808084;  line-height: 24px;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

.container{ max-width: 1400px; margin: 0px auto;}

p { margin: 0 0 20px 0; }
a { color: #808084; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear;}
a:hover { color: #22418B; text-decoration: none;}
*:focus {outline: none;}

ul, ol { margin: 0 0 10px 20px; }
li{ margin-bottom:7px;}

form {}
input[type=text] {}
textarea {}
input, textarea{ width: 100%; border: 0; padding: 7px 10px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #808084; box-sizing:border-box;}
}
/* END screen media */



/* Header css */
header{ position:fixed;z-index:999;top:0; width:100%;  background: #fff;box-shadow:rgba(0, 0, 0, 0.10) 3px 3px 4px}
header .container{padding:26px 0; background: #fff; position: relative; -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.logo{width: 30%;}
.logo img{height:56px;-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.logo a{ display:block;}
.headerRight{ float: right; width: 70%; text-align: right; padding:0;}
.callus{ display: inline-block;margin-right: 37px; }
.callus a::before { position: absolute; background: var(--wpr-bg-6485b697-8c77-4142-8967-7a61c05bf0cf) no-repeat; content: ""; width:34px; height: 30px; top:5px; left:-50px; right: 0;}
.callus a{font-family: 'Conv_DINEngschriftStd'; font-size: 32px;color: #22418B; text-decoration: none; position: relative; top: 13px;}

.contactbtn{display: inline-block; margin-right: 32px;top: 8px; position: relative;}
.contactbtn a{border:#22418B solid 2px; color: #22418B; padding:5px 25px; display: block; }
.contactbtn a:hover{background:#22418B; color: #fff; text-decoration: none;}

.btns{line-height: 34px; text-align: center; border: 0; height: 34px;}
.btns:before{content:attr(data-text); position:absolute; top:0; left:0; width:100%; height:100%; border:#22418B solid 2px; color: #22418B;background:#fff; transition:0.3s; transform-origin:bottom; transform:translateY(-100%) rotateX(90deg);}
.btns:hover:before{transform:translateY(0) rotateX(0deg);background:#22418B; color: #fff;}
.btns:after{content:attr(data-text); position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;border:#22418B solid 2px; color: #22418B; transition:0.3s; transform-origin:top; transform:translateY(0) rotateX(0deg);}
.btns:hover:after{transform:translateY(100%) rotateX(90deg);}

.careersbtn{display: inline-block; margin-right: 32px;top: 8px; position: relative;}
.careersbtn a{background:#22418B; border:#22418B solid 2px; color: #fff; padding:5px 25px; display: block; }
.careersbtn a:hover{border:#22418B solid 2px; color: #22418B; text-decoration: none;}

.btnsCareer{line-height: 34px; text-align: center; border: 0; height: 34px;}
.btnsCareer:before{content:attr(data-text); position:absolute; top:0; left:0; width:100%; height:100%; border:#22418B solid 2px; color: #22418B;background:#22418B; transition:0.3s; transform-origin:bottom; transform:translateY(-100%) rotateX(90deg);}
.btnsCareer:hover:before{transform:translateY(0) rotateX(0deg);background:#fff; color: #22418B;}
.btnsCareer:after{content:attr(data-text); position:absolute; top:0; left:0; width:100%; height:100%; background:#22418B; border:#22418B solid 2px; color: #fff; transition:0.3s; transform-origin:top; transform:translateY(0) rotateX(0deg);}
.btnsCareer:hover:after{transform:translateY(100%) rotateX(90deg);}

.mobileview{ display: none;}

.headerscroll .logo img{height:46px;}
.headerscroll .container{ padding: 16px 0px;}
.headerscroll .headerRight{}
.headerscroll .Menutoggle label{ top:-24px;}
.headerscroll .careersbtn { top: 4px;}
.headerscroll .contactbtn { top: 4px;}
.headerscroll .callus a{ top: 10px;}


/* Menu css */
.Menutoggle{display: inline-block; position: relative; width:37px;}
.Menutoggle label {position: absolute;top:-24px;right: 0;width:37px;z-index: 5;left: 0;margin: 0px auto;cursor: pointer;}

.hamburger { position: absolute; width: 50px; height: 45px; top: 10px; right: 20px; z-index: 5;}
.hamburger span{ font-size: 14px; color:#22418B; font-weight: bold; margin: 0 0 0 -2px}
.hamburger div { position: relative; height: 2px; left:0px;background:#22418B; margin-bottom: 8px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.hamburger div.bottom{ margin-bottom: 5px !important}
.hamburgerOpen.hamburger{ margin-bottom: 2px;}
.hamburgerOpen.hamburger .top { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 10px;}
.hamburgerOpen.hamburger .meat { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -10px;}
.hamburgerOpen.hamburger .bottom {-webkit-transform: scale(0); transform: scale(0);}

header:before { background: #ffffff; content: ""; position: absolute; width: 100%; height: 100%;}
/* Menu Styling */
.nav {position: fixed; width: 100%; height: auto;; background:#fff;left: 0; right: 0; top:0px; overflow: hidden; z-index: -1; display: none; padding-bottom: 50px;box-shadow: 0 0 10px #848484;}
.nav .nav-wrapper { position: relative; overflow-y: hidden; max-width: 1400px;margin: 0px auto;}
.nav .desktop-menu{ border-top: #ccc solid 1px;}
nav { margin-top: 110px; padding-top: 70px;text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
nav #menu-main-menu >li{width: 16%; float: left; padding: 0; text-align: left; margin: 0 28px;}
nav #menu-main-menu >li>a:first-child, nav #menu-main-menu >li .accordionTrigger ~ a{border-bottom:#C6C6C6 solid 1px; color: #4a4a4a;padding-bottom: 10px; margin-bottom: 21px;width: 100%; display: inline-block;}
nav ul{ margin: 0; padding: 0; list-style-type: none;}

nav ul li a{color:#ababab;}
#menu-main-menu >li:first-child .sub-menu li{border-bottom: #ababab solid 1px; padding-bottom: 10px; margin-bottom: 21px;}
#menu-main-menu >li:first-child .sub-menu li a{color: #4a4a4a;}
ul.sub-menu li{ margin-bottom: 13px;}
nav #menu-main-menu >li>a:first-child:hover, nav ul li a:hover, nav .col-20:first-child ul li a:hover, #menu-main-menu >li:first-child .sub-menu li a:hover{ text-decoration: none; color:#22418B;}
.current-menu-item > a {color: #22418B !important;}
/* Menu css */

/* Header css */


/* Home Middel Section Css */
.homeslider{ padding-top:103px;width: 100%; margin: 0px auto 0px; position: relative; top: 0px;}
.homeslider >div:after {content: ""; position: absolute; width: 100%; height: 100%;background: rgba(34, 65, 139, 0.5); z-index: 9; top: 0; visibility: visible;}
.homeslider .box:before{padding-top: 44%;}
.homeslider>div{ position: relative;}
.bannerInfo{position: absolute;top: 50%;left: 0%; transform: translate(0%, -50%); width:auto; max-width: 1280px; right: 0; margin: 0px auto; z-index: 99;}
.bannerInfo h1{ max-width: 800px;}
.bannerInfo h6{color: #fff; font-weight: normal; max-width: 400px;line-height: 34px;}
.bannerbtn{ margin: 35px 0 0; position: relative;}
.bannerbtn a{ font-size: 30px;font-family: 'Conv_DINEngschriftStd';}
.btmicon{ position: relative;}
#godown{position: absolute;bottom: 25px; left: 0; right: 0; text-align: center; background:#fff var(--wpr-bg-37ff96c2-8c1b-4f0b-90a8-9c51d4ad3498) no-repeat 9px 16px; width: 42px; height: 42px; margin: 0px auto; border-radius: 50%;background-size: 25px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.54); z-index: 99; cursor: pointer;}
.call-btn{position: absolute;bottom: 25px; right: 0; text-align: center; background:#fff var(--wpr-bg-8ff04341-82b5-41dd-b1ae-fe796d1d1977) no-repeat center; width: 42px; height: 42px; border-radius: 50%;background-size: 25px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.54);z-index: 99;}

.component.static-contact-numbers {position:fixed; bottom:96px; right:23px; width:60px;  height:60px; z-index:9999}
.component.static-contact-numbers .static-contact-link { position:absolute; display:block; background:#c0e2de; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; width:60px; height:60px;
border:0; bottom:0; right:0; text-align: center; cursor: pointer;}
.static-contact-link img{width:28px;margin:0px auto;}
/* .component.static-contact-numbers .static-contact-link:active img, .component.static-contact-numbers .static-contact-link:focus img,
.component.static-contact-numbers .static-contact-link:hover img {opacity:0} */
.component.static-contact-numbers .static-contant-wrapper {z-index:1; position:absolute; bottom:0; right:0; display:block; border-radius:100%; background-color:transparent; width:0; height:0; border-bottom-right-radius:0; overflow:hidden; -moz-transition:height .5s, width .5s, border-radius .5s; -o-transition:height .5s, width .5s, border-radius .5s; -webkit-transition:height .5s, width .5s,
border-radius .5s; transition:height .5s, width .5s, border-radius .5s;
-moz-transition-timing-function:cubic-bezier(.45,.01,.88,.62); -o-transition-timing-function:cubic-bezier(.45,.01,.88,.62); -webkit-transition-timing-function:cubic-bezier(.45,.01,.88,.62); transition-timing-function:cubic-bezier(.45,.01,.88,.62)}
.component.static-contact-numbers .static-contant-container {z-index:1; background:#fff; width:260px; position:absolute; bottom:0; right:0; border: #c0e2de solid 1px;}
/* .component.static-contact-numbers.display-details {width:295px; height:175px;} */
.component.static-contact-numbers.display-details .static-contant-wrapper { width: 282px;height:177px; border-radius: 0;}
.primary-cta-btn{ background:#c0e2de; color: #fff; margin-bottom: 0; padding: 10px 16px;}
.primary-cta-btn a{ width: 180px;color: #fff; text-align: center; display: block; text-transform: uppercase; position: relative;}
.primary-cta-btn a:after{ background: var(--wpr-bg-0e5a2bd9-8e75-465c-b94d-c72ef7dba49f) no-repeat right;
content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; background-size: 32px;}
.standard-no{ padding: 10px 16px;text-transform: uppercase;}
.standard-no p{ margin-bottom: 16px;}
.standard-no img{ margin-bottom: 10px; width: 30px;}
.standard-no a{font-family: 'Conv_DINEngschriftStd'; font-size:40px; color: #22418B; text-decoration: none; position: relative; margin-bottom: 10px;}

.boxbtn {display: inline-block; margin: 0 30px 0 0px; position: relative;min-width:250px; padding: 0 20px;}
.bannerbtn a:after{ background: none; color: #fff; border:#fff solid 2px;}
.bannerbtn a{ height: 64px; line-height: 64px;}
.boxbtn1{ display: inline-block; position: relative;min-width:204px; padding: 0 20px;}

.bluebox{ background: #215DA7 var(--wpr-bg-e88de5c5-a01f-450c-9b77-a40373ebf023) no-repeat; background-size:100% 100%;color: #fff; position: relative; overflow: hidden; padding-bottom: 70px;}
.bluebox .whitebtn{color:#fff; display:inline-block; margin-top:16px;}
.bluebox h3{ color: #fff; margin:0px 0 16px;}
.imgleft{ padding-top:0px;}
.imgright{position: relative; z-index: 9; padding-top:0px;}
.imgright .flexGrow{-webkit-flex-direction: row-reverse;  flex-direction: row-reverse;}
.imgright .col-7 img{ float: right;}
.bluebox .flexGrow, .twocol .flexGrow{align-items: center;}
/* .bluebox .col-5 .ver-align{display: flex;flex-direction: column;justify-content: center;} */

.generator-sec{background: #F9F9F9; padding: 45px 0;}
.generator-sec .container{ max-width: 1024px; font-size: 15px;}
.gen-img img{ max-width: 400px;}
.generator-sec .flexGrow{align-items: center;}
/* .get-text > div{ position: absolute; top: 50%;transform: translate(0, -50%) } */
.get-text h2{ padding: 55px 0 10px;}

.sustain{background: #22418B; padding: 45px 0;}
.sustain .container{ max-width: 1024px; font-size: 15px;}
.sustain-img img{ max-width: 400px;}
.sustain .flexGrow{align-items: center;}
/* .get-text_sustain > div{ position: absolute; top: 50%;transform: translate(0, -50%) } */
.get-text_sustain h3{color: #fff; font-size:38px; padding: 55px 0 10px;}
.get-text_sustain p{color: #fff; font-size:16px;}

.twocol .col-6{position: relative;}
.twocol .col-6 .ver-align{position: absolute; top: 50%;transform: translate(0, -50%)}
.twocol .flexGrow{ margin: 0 -25px}
/* .ver-img-align{position: absolute; top: 50%;transform: translate(0, -50%)} */

.casestudies{ background: #22418B;}
.casestudies h3{ color: #fff;}
.case-slider .slick-arrow.slick-prev{background: var(--wpr-bg-4ae4584e-bffb-491b-9c12-82bd9078951f) center center no-repeat; background-size: 24px auto;}
.case-slider .slick-arrow.slick-next{background: var(--wpr-bg-4ffe40bc-667e-4ad8-8249-d8605e1181b2) center center no-repeat; background-size: 24px auto;}

.case-slider .boxmain{background: #fff; box-shadow: 2px 3px 7px #09266b}
.case-top{ margin: 0 70px 52px; position: relative; font-size: 20px; color: #fff;}

.case-top .btn:hover{ text-decoration: none;color: #22418B;}
.case-top .btn::before{ left: 0;content:""; top: 0;position: absolute;background: var(--wpr-bg-6f0ab8da-642f-4746-8457-d564b3f33241) no-repeat; width: 10px; height: 100%;transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.case-top .btn::after{ content:""; position: absolute;background: var(--wpr-bg-945124b3-e9c1-461f-8522-967da38d14ff) no-repeat; right: 0; top: 0;width: 10px; height: 100%;transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.case-top .btn:hover::after {-webkit-transform: translateX(10px);transform: translateX(10px);}
.case-top .btn:hover::before {-webkit-transform: translateX(-10px);transform: translateX(-10px);}

.case-top .btn, .case-top .btn:hover{ color:#fff;}
.case-top h5{ position: absolute; right: 0; bottom: 0;}
.boxmain {box-shadow: 2px 3px 7px #DDDDDD; margin: 0 50px;}
.boxmain h5{ border-bottom:#F0F0F0 solid 2px; padding: 0 0 10px; margin: 0 0 13px;}
.casestudies .boxmain h5{ min-height: 70px;}
.infobox{ padding: 25px;}
.infobox h5 a{ color: #22418B; text-transform: uppercase;}
.infobox h5 a:hover{ color: #808084; text-decoration: none;}
.entry{ margin-bottom: 20px;}
.single-case{}
.case-left-box{ max-width: 500px; box-shadow: 2px 3px 7px #aaa; padding:37px; margin: -175px 0 0 -25px; z-index: 9; position: relative; background: #fff;}
.case-left-box a{color: #22418B;}
hr{color:#F0F0F0; background: #F0F0F0; margin: 28px 0; border: 0;height: 2px;}


.case-slider{ max-width: 1360px; margin: 0px auto;}
.case-slider .boxmain{ margin-bottom:20px; padding-bottom:40px;position: relative; height: 100%;}
.case-slider .boxmain .btnbox{ position: absolute; bottom:25px;}
.case-slider .slick-dots{display: none !important;}
.slick-arrow{ position: absolute; cursor: pointer;top: 50%; transform: translateY(-50%); font-size: 0; padding: 0; width: 38px; height: 38px; border: 0; z-index: 1;}
.slick-arrow:hover{background-color: #000;}
.slick-arrow.slick-prev{ left: -25px; background: var(--wpr-bg-7287a8b6-8757-4d3e-8de2-6a858a4fe15a) center center no-repeat; background-size: 24px auto;}
.slick-arrow.slick-next{ right: -25px; transform: translateY(-50%) rotate(-180deg);background: var(--wpr-bg-13ba0ab2-4506-4864-b886-24197c9b9025) center center no-repeat; background-size: 24px auto;}
/* .slick-slide{ padding: 0 0 10px;} */
/* Home Middel Section Css */



/* Fix width Image/slider css */
.img-slider{ max-width:1170px; margin: 0px auto;}
.img-slider .slick-arrow.slick-prev{ left: -64px;}
.img-slider .slick-arrow.slick-next{ right: -64px;}
.img-slider .box:before{padding-top: 41%;}
.img-slider .slick-slide {padding: 0px;}
/* Fix width Image/slider css */


/* Fullwidth Image/slider css */
.img-slider.fullwidth{ width: 100%; max-width: 100%}
.img-slider.fullwidth .box:before{padding-top: 34%;}
.img-slider.fullwidth .slick-arrow.slick-prev{ left: 25px; background: var(--wpr-bg-d3d03b8c-c625-4262-8cbb-65a739b54ac4) center center no-repeat; background-size: 24px auto;}
.img-slider.fullwidth .slick-arrow.slick-next{ right:25px; transform: translateY(-50%) rotate(0deg);background: var(--wpr-bg-09bbbcbb-d624-48ec-b32d-8846217982af) center center no-repeat; background-size: 24px auto;}
/* Fullwidth Image/slider css */


/* Breadcrumb css */
.breadcrumb{ position: relative; color: #fff;}
.breadcrumb a{color: #fff;}
.breadcrumb a:hover{color:rgba(255, 255, 255, 0.52); text-decoration: underline;}
/* Breadcrumb css */


/* Hero section css */
.subheader{padding-top: 109px; width: 100%; margin: 0px auto 0px; position: relative; top: 0px;}
.subheader:after{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(34, 65, 139, 0.5); z-index: 9; top: 0; visibility: visible;}
.pagename{position: absolute;bottom: 16%;left: 0%; right: 0; margin: 0px auto; width: auto; max-width: 1280px; z-index: 99;}
.subheader .pagename h1{ max-width: 800px;}
.subheader .box:before { padding-top: 34%;}
/* Hero section css */


/* Services Page css */
.services .flexGrow.col_1_1_1{ margin: 0 -50px;}
.services .col-4, .grid-layout .col-4{ padding: 0 0px 50px}
.services{background: #fbfbfb;}
.services .boxmain h5{ margin: 0}
.services .boxmain, .grid-layout .boxmain{ margin:0 25px; height: 100%;}
.services .boxmain a:hover h5, .services .boxmain a:hover{color:#808084; text-decoration: none;}
/* Services Page css */

.grid-layout .flexGrow.col_1_1_1{ margin: 0 -25px;}

/* News Pages Css */
.newsection{background: #fbfbfb;}
.newsection .boxmain{ margin:0px 50px 0px; padding-bottom:40px;position: relative; height: 100%;}
.newsection .newslist{ margin: 90px -50px 0px}
.newslist .col-4{ margin: 0px 0px 70px}
/*.newslist .infobox{ padding-bottom: 0;}*/
.newslist .entry{ margin-bottom: 0;}
.newsection .newslist .btn, .newslist .btnbox { position:absolute;bottom: 25px;}
.single h1 {font-size: 100px;line-height: 100px;}
.single .pagename { width: auto; max-width: 1280px; left: 0; right: 0; margin: 0px auto;}
.single .pagename h1{ max-width: 100%;}




.video {
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*News Landing page css*/
.newsmain{background: #fbfbfb; margin:0;}
.newsmain .boxmain{ position: relative;}
.newsbox { position: absolute; top: 50%; transform: translate(0%, -50%); width: 100%; z-index: 99; text-align: center;}
.newsbox h3{color: #fff;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.45);}
.videoContainer {
    position: relative;
    overflow: hidden;
    padding-top: 43.10%;
    margin-bottom: 20px;
}
.videoContainer iframe {
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    right: 0;
}
/* News Pages Css */


/* Not Found Page css */
.error-page{ padding-top: 110px;}
.pageNotFound {width: 100%;padding: 0 20px; max-width: 700px; text-align: center; margin: 100px auto;}
.pageNotFound > div {border: 6px solid #22418B; width: 250px; height: 250px; margin: 0px auto; margin-bottom: 15px; position: relative; overflow: hidden;}
.pageNotFound > div span {color: #22418B;font-size: 80px; position: absolute; right: 24px; top: 46%; font-weight: bold; left: 0px; width: 100%;}
.pageNotFound h3 { margin-bottom: 10px;}
.pageNotFound a{ color:#22418B;}
/* Not Found Page css */


/* Generator Hire Page css */
.project-block.GrayBG h4.boxin{ margin-bottom:43px; line-height: normal;}
.project-block.GrayBG .col-6 .boxin{ margin-bottom: 30px;}
.project-block h3{ margin-bottom:0;}
.project-block h5{ text-transform: uppercase; margin-bottom: 5px;}
.project-block h6{padding: 16px 25px 0; line-height: normal;}
.project-block .col-6{ margin-bottom:0px;}
/* Generator Hire Page css */


/* Project Management page css */
.onecol .boxin h3{ margin-bottom: 25px;}
/* Project Management page css */

.twocol h4, .textblock h4, .project-block h4{margin-bottom: 24px;}

/* .twocol .boxin h4{ margin-bottom: 20px; margin-top: 25px;} */

.grayblock .boxin h3{ margin-bottom:19px; padding-top: 10px;}


.text-with-bgimg{ width: 100%; margin: 0px auto 0px; position: relative; padding: 120px 0; right: 0;background-repeat: no-repeat !important; background-size: cover !important;}
.text-with-bgimg >div:before{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(34, 65, 139, 0.5); z-index: 9; top: 0; visibility: visible;}
.textwidth {max-width: 1280px;height: 100%;display: block;top: 0; margin: 0px auto; z-index: 9; position: relative;}
.textblock{ width: 50%;}
.textblock.right-side{ float: right;}

.textblock.left-side{ left:0%;}
.textblock{color: #fff;}
.textblock h4{ color: #fff;}
.textblock h2{ color: #fff; margin: 0 0 13px;}
.textblock b{ font-size: 25px;}
.text-with-bgimg .box:before { padding-top:37%;}
.leftside{ left: 7%;}

.bold{ color:#22418B; font-size: 20px; font-weight: bold;}

.text-col-slider{ background:#ECECEC; padding: 80px 0 110px;}
.text-col-slider h3{ margin-bottom: 37px;}
.text-col-slider h2{margin-bottom: 10px; color: #808084}
.col-slider{ margin: 37px -25px 0}
.col-slider .slick-arrow.slick-prev { left: -40px;}
.col-slider .slick-arrow.slick-next { right: -40px;}
/* .col-slider .slick-next.slick-arrow.slick-disabled{background: url(../../../../../../../themes/mems/images/grey-left-arrow.svg) center center no-repeat !important;} */
.col-slider .slick-prev.slick-arrow.slick-disabled{background: var(--wpr-bg-756f5c1d-adb8-471f-bf90-94f9fb9bf332) center center no-repeat !important;}

.col-slider .current {color:#22418B}
.col-slider .current h2{color:#22418B; animation: fadeIn 0.7s ease-in-out forwards;}


.col-slider .current .infobox::before{top:0;left: 0;content:""; position: absolute;border-left:#808084 solid 25px; border-top:#808084 solid 20px; border-bottom: #808084 solid 20px;width:25px;bottom: 0;animation: fadeIn 0.7s ease-in-out forwards;}
.col-slider .current .infobox::after{top:0; content:""; position: absolute;border-right: #808084 solid 25px; border-top:#808084 solid 20px;  border-bottom:#808084 solid 20px;width:25px;right: 0;bottom: 0;animation: fadeIn 0.7s ease-in-out forwards;}

.col-slider .slick-slide{ position: relative; min-height: 300px}
.col-slider .infobox{ text-align: center;cursor: pointer;position: absolute; padding: 60px 44px 40px 44px; top: 50%; transform: translateY(-50%); width:100%;}
.col-slider .infobox .entry{ display: none; animation: fadeIn 0.7s ease-in-out forwards;}
.col-slider .current .infobox:before, .col-slider .current .infobox:after,.col-slider .current .infobox .entry{ display: block;}


/* .col-slider .slick-current + .slick-active{color:#22418B}
.col-slider .slick-current + .slick-active h2{color:#22418B}
.col-slider .slick-current + .slick-active .infobox{ position: relative; padding: 25px 38px;}
.col-slider .slick-current + .slick-active .infobox:before{top: 0;left: 0; content: ""; position: absolute; background: url(../../../../../../../themes/mems/images/blue-bracket.svg) no-repeat;
width: 100%;height: 100%;}
.col-slider .slick-current + .slick-active .infobox:after{top: 0;content: ""; position: absolute; background: url(../../../../../../../themes/mems/images/blue-bracket-r.svg) no-repeat right;
right: 0; width: 100%; height: 100%;}
.col-slider .infobox{ text-align: center;} */

.text-col-slider .slick-dots{position: absolute;	left: 0; right: 0;margin: auto; text-align: center; margin-top: 25px;	padding: 0;}
.text-col-slider .slick-dots li{display: inline-block;margin: 0 5px;padding-bottom: 0;}
.text-col-slider .slick-dots li button{ width: 15px; height: 15px;	font-size: 0;	background-color:#fff; border:#22418B solid 2px;padding: 0; cursor: pointer;}
.text-col-slider .slick-dots li.slick-active button{background-color:#22418B;}


.morecontent .textall {display: none;}
.morelink {display:block; position: relative; margin:7px 0 0;text-decoration: none;color: #22418b;}


.showrecord{ display: block;}
.hiderecord{ display: none;}
.Showall{ text-align: center;}
.Showall a{ cursor: pointer;}

/* Career pages css*/
.careermain{margin:0;}
.careermain .flexGrow.col_1_1{ margin: 0 -50px -40px;}
.careermain .col-6{ margin-bottom: 40px;}
.careermain .boxmain{ margin-bottom:20px; position: relative; height: 100%;}
.careermain .boxmain .btnbox{ position: absolute; bottom:20px;}
.careermain .box:before{ padding-top: 67%;}
.crblock-4 ul{ margin: 0 -10px;}
.crblock-4 li{ width: 50%; list-style-type: none;}
.crblock-4 li >div{ padding: 10px}
.crblock-4 b, .crblock-1 b{ color:#22418B}
.crblock-1{ margin:10px 0 0px 0;}
.careermain .infobox{padding: 34px 25px 52px;}
.jobdesc a{color:#22418B;}
.careermain h4{ margin-bottom: 50px;}
/* Career pages css*/

/* Vacancies details */
.vac-desc h4{ margin-bottom: 50px;}
.vac-desc b{color:#22418B; display: block;}
.vac-desc .text-right img{ display: inline-block;}
.borb { border-bottom:#f0f0f0 solid 1px; margin-bottom: 40px; padding-bottom: 40px;}
.vac-desc .text-left p{ padding-right: 34px}
/* Vacancies details */

/* Pagination css */
.pagination{ border-bottom:#F0F0F0 solid 1px; padding-bottom: 13px; text-align: right;}
.pagination > ul{ margin: 0px;}
.pagination > ul > li{ display: inline-block; margin-left: 3px;padding:0px 0 0 10px; position: relative; height: 28px; margin-bottom:0}
.pagination > ul > li:after{ content:"/";color: #22418B;  position: absolute; width:7px; height: 100%; left: 21px; top:0px;}
.pagination > ul > li a{font-family: 'Conv_DINEngschriftStd'; color: #22418B; font-size: 18px; text-transform: uppercase;}
.pagination > ul > li a:hover{ color: #808084; text-decoration: none;}
.pagination li.Btnprev a{ background:var(--wpr-bg-5389b119-2405-49cb-8b9c-810194e9935e) no-repeat 0 3px; width: 25px; height: 25px; background-size: 25px;display: block; margin: 10px 0 0px;}
.pagination li.Btnnext a{ background:var(--wpr-bg-6225e4a2-322a-4f0e-a4d4-5b798e3c6750) no-repeat 0 3px; width: 25px; height: 25px;background-size: 25px;display: block; margin: 10px 0 0px;}
.pagination li.active a{ color: #808084; text-decoration: underline;}
.pagination li.Btnprev.disable{background:var(--wpr-bg-8c66f1bc-486b-480b-8a5b-da6a016a461a) no-repeat 0 5px;width: 25px; margin-bottom: -5px;
padding:0; opacity: 0.34;height: 25px;}
.pagination li.Btnnext.disable{background:var(--wpr-bg-0f960314-4fc7-4dda-9e1a-bd470dafe1da) no-repeat 0 3px; background-size: 25px; width: 25px; height: 24px; margin-bottom: -6px;opacity: 0.34;}
.Btnnext{ padding: 0 !important; margin-left: 7px !important;}
.Btnprev:after, .Btnnext:after, .pagination li:last-child:after{ display: none;}
.SepCls{border-right: #000 solid 1px;padding-right: 15px; margin-right: 4px;}
/* Pagination css */



/* common css */
.B-Space{ margin-bottom: 80px;}
.T-Space{ margin-top: 80px;}
.TB-Space{ margin-top: 80px;margin-bottom: 80px;}
.TSpace{ margin:90px 0 0 0;}
.BSpace{ padding: 0 0 90px;}
.TBSpace{ padding: 90px 0;}
.LRSpace{ padding:0 125px;}

.GrayBG{ padding: 90px 0}
.grecaptcha-badge{ display: none;}
/* common css */


/* Generators pages css */
.ourgen{background: #F9F9F9;}
.ourgen .flexGrow.col_1_1_1{ margin: 0 -25px}
.ourgen .col-4{padding: 0 0px 50px; opacity: 0}
.ourgen .col-4.showrecord{  animation: fadeIn 0.7s ease-in-out forwards;}

.ourgen .top-page{ border-bottom:#F0F0F0 solid 1px; margin-bottom:20px; min-height: 52px;}
.top-page .pagination{ border-bottom: 0}
.choose-option{ text-align: left; position: relative;}
.choose-menu{background: #F0F0F0; min-width: 270px;font-size: 22px; cursor: pointer;margin-bottom: 0; margin:0;padding:10px 20px 9px; float: left;font-family: 'Conv_DINEngschriftStd'; color: #C6C6C6; letter-spacing: 1px;position: relative;}
.choose-menu:hover{ text-decoration: none;color: #C6C6C6;}
a.choose-menu:before{ content: ""; float: right; background:var(--wpr-bg-f4becc95-bc05-4f92-9b3e-af3c30121d4b) no-repeat right; width: 25px; height: 25px; -webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;}
a.choose-menu.active:before{ content: ""; transform: rotate(-180deg);float: right; background:var(--wpr-bg-c04f222f-0b25-4795-9172-c83b35781a01) no-repeat right; width: 25px; height: 25px;}
.optionbox{ display: none; width:270px; position: absolute; top:45px;background: #F0F0F0; z-index: 99; margin: 0;}
.optionbox li{ list-style-type: none;border-top:#B2BBD1 solid 1px; margin-bottom: 0}
.optionbox li a {padding: 10px 20px; display: block; font-size: 15px;}
.genbox{box-shadow: 2px 3px 7px #DDDDDD; height: 100%; margin:0 25px;}
.genbox .infobox p{ margin: 0;}

.ourgentop .container{ padding: 0;}

/* Generators pages css */


.grid-image-text{background: #FDFDFD;}
.grid-image-text .flexGrow.col_1_1_1{ margin: 0 -25px}
.grid-image-text .col-4{padding: 0 0px 50px;}

/* Intro Text Block Css */
.topsec{}
.topsec strong {color: #22418B;}
.toptext{position: relative; min-height: 180px; color:#2F2F2F; font-size: 30px; font-weight: 300;}
.topinner{position: relative; top: 50%; padding: 3% 100px; min-height: 70px;left: 0; transform: translate(0%, -0%); width: auto;;z-index: 99; text-align: center; right: 0; margin: 0px auto; line-height: normal;}
.topinner::before{top:0;left: 0;content:""; position: absolute;border-left:#ececec solid 25px; border-top:#ececec solid 20px; border-bottom: #ececec solid 20px;width:25px;bottom: 0;}
.topinner::after{top:0; content:""; position: absolute;border-right: #ececec solid 25px; border-top:#ececec solid 20px;  border-bottom: #ececec solid 20px;width:25px;right: 0;bottom: 0;}

/* .toptext::before{bottom:0;left: 0;content:""; position: absolute;height: 100%;border-bottom:#ececec solid 25px; width:70px;}
.toptext::after{bottom:0; content:""; position: absolute;right: 0;border-bottom:#ececec solid 25px; width:70px; height: 100%;} */
/* Intro Text Block Css */

.gen-topsec p:last-child{ margin: 0;}
.gen-topsec .toptext{ line-height:35px;font-size: 24px;}


/* Contact us/ Request a quote css */
.formsec{position: relative;}
.formsec > .container{ padding:0;}
.formsec .TB-Space{ margin-top:-100px; margin-bottom:0; padding-bottom:80px}
.leftside .formsg{ padding-top:173px;}
.formbox.LRSpace{ padding-top:80px;}
.rightside{ background: #f0f0f0;}
.rightside h4{background: #22418B; color: #fff;padding: 26px 0 24px 125px; position:relative; z-index:9;}
/*.rightside:after{background: #f0f0f0; content: ""; width: 100%; height: 100%; position: absolute;top: 0; z-index: -1;}*/
.mapsec{ background: #22418B; color: #fff;}
.mapsec .flexGrow{ margin: 0 -25px}
.mapsec .map{ margin-top: 25px;height: 450px; color: #000}
.mapsec h4{color: #fff;}
.address{ margin: 0px 25px;}
.address h5{ color:#fff; margin-bottom: 10px;    text-transform: uppercase;}
.formbox form p{ margin-bottom: 20px;}
.submit, .wpcf7-submit{ font-size: 25px; color: #22418B; padding: 5px 0 4px;text-transform: uppercase;font-family: 'Conv_DINEngschriftStd';background: none; border: #22418B solid 2px; width: 100%; cursor: pointer;-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear;}
.submit:hover, .wpcf7-submit:hover{ background:#22418B; color: #fff;}
.submitbtn{margin-bottom: 20px;}
.submitbtn .submit{ border: 0; background: none; position: relative; z-index: 9; line-height: 38px;}
.submitbtn button{line-height: 38px; text-align: center; border: 0; height: 38px; position: relative;}
.submitbtn button:before{content:attr(data-text); position:absolute; top:0; left:0; width:100%; height:100%; border:#22418B solid 2px; color: #22418B;background:#fff; transition:0.3s; transform-origin:bottom; transform:translateY(-100%) rotateX(90deg);}
.submitbtn button:hover:before{transform:translateY(0) rotateX(0deg);background:#22418B; color: #fff;}
.submitbtn button:after{content:attr(data-text); position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;border:#22418B solid 2px; color: #22418B; transition:0.3s; transform-origin:top; transform:translateY(0) rotateX(0deg);}
.submitbtn button:hover:after{transform:translateY(100%) rotateX(90deg);}

.useful-links{ padding: 70px 0 0;}
.useful-links b{ font-weight: bold; font-size: 20px; margin: 0 0 19px; display: block;}
.useful-links a{ margin: 0 0 19px;padding: 0 18px; position: relative;}
.contact-form{ position: relative;}
.page-template-template-contact .formsg span{ font-size: 20px;}
.page-template-template-contact .formsg span a{color:#22418B;}
.page-template-template-request-quote #godown, .page-template-template-request-quote .call-btn, .page-template-template-contact #godown, .page-template-template-contact .call-btn{ display: none;}
/*.page-template-template-request-quote, .page-template-template-contact{ overflow-x: hidden;}*/
/* Contact us/ Request a quote css */


/* Disaster Recovery css */
.boxin{padding: 0 25px;}
/* .boxin h4{ margin: 0 0 16px;} */
/* Disaster Recovery css */


.gen-detail-herosec{ padding-top: 109px; background:#215DA7; color:#fff; position: relative;}
.gen-detail-herosec .container{padding-top: 70px; padding-bottom:25px;max-width: 1360px;}
.gentop {margin: 0 0 50px 28px;}
.gen-detail-herosec h3{color:#fff;}
.gen-detail-herosec h5{color:#fff; border-bottom:#fff solid 1px;margin: 0 0 13px; padding-bottom: 13px;}
.gen-detail-herosec h6{color:#fff; font-family: 'Open Sans', sans-serif; text-transform: capitalize;}
.genslider .slick-dots{position: absolute;	left: 0; right: 0;margin: auto; text-align: center; margin: 0;	padding: 28px 0 0;}
.genslider .slick-dots li{display: inline-block;margin: 0 5px;padding-bottom: 0;}
.genslider .slick-dots li button{ width: 15px; height: 15px;	font-size: 0;	background:none; border:#fff solid 2px;padding: 0; cursor: pointer;}
.genslider .slick-dots li.slick-active button{background-color:#fff; border:#fff solid 2px;}
.genslider .slick-arrow.slick-prev{ left: -25px; background: var(--wpr-bg-bdcf23dd-3c98-484c-8b50-10451f7876a7) center center no-repeat; background-size: 24px auto;}
.genslider .slick-arrow.slick-next{ right: -25px; transform: translateY(-50%) rotate(0deg);background: var(--wpr-bg-d069a082-978d-4849-8bc1-57dd27ece17a) center center no-repeat; background-size: 24px auto;}
.genslider { padding: 0 23px; margin: 50px 0 0px;  display: none}
.genslider.slick-initialized { display: block; animation: fadein 2s; -moz-animation: fadein 2s;  -webkit-animation: fadein 2s; -o-animation: fadein 2s; }


.lefts{ width: 60%; float: left; padding: 0 50px}
.rights{ width: 40%; float: left;}
.lefts strong, .rights strong{ display: block;}
.grance{ padding: 0 0 0 70px;}
.top-feature{ padding: 90px 0 0px;}
.top-feature .icon{ border:#C1E1E0 solid 1px; text-align: center; margin: 0 18px; padding:37px 0;}
.top-feature .icon img{ max-width: 135px; max-height: 135px; margin: 0px auto;}
.top-feature strong{ color:#22418B; font-size: 20px; margin: 16px auto; width: 160px; display: block; text-align: center;}
.top-feature a{ color: #22418B;}
.top-feature a:hover{ color: #808084;}


/* Talk us block css */
.contact-block{text-align: center;color: #fff; position: relative;  line-height: normal;}
.contact-block:after{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(34, 65, 139, 0.5); top: 0; visibility: visible;}
.ctitle{color:#fff;}
.ctextdesc{ font-size: 20px; margin: 13px 0 0;}
.cphone{font-size: 50px;font-family: 'Conv_DINEngschriftStd'; margin: 25px 0}
.cphone a{ color:#fff; text-decoration: none;}
.cbtnlink a{font-size: 35px;font-family: 'Conv_DINEngschriftStd'; color: #fff; position: relative; line-height: 32px;}
.contactbox{position: absolute;top:50%;left: 0%; transform: translate(0%, -50%); width: 100%; z-index: 99;}
.contact-block .box:before { padding-top: 28%;}
/* Talk us block css */


/* Deafult Pages Css */
.pagedeafult{ margin-top:110px;}
.pagedeafult h1{color:#22418B; font-size: 100px; line-height: 90px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.45)}
.pagedeafult .standard ~ .whiteBG { margin:25px 0 0;}
/* Deafult Pages Css */


/* Video Sub header BG */
.videoframe {position: relative; overflow: hidden; padding-top:34%;}
.videoframeinner {width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: auto; top: 0; max-width: 100%;}
.videoframe iframe {max-width: 100%;display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; right: 0;}
.homeslider .videoframe {padding-top:44%;}
.videoframe ~ .bannerInfo{ position: absolute !important; top: 50%}
.homeslider .videoframe:after, .homeslider .videoframe ~ .bannerInfo:after{ display: none;}
/* Video Sub header BG */

.SingleDesktop img{ margin: 0px auto;}
.SingleDesktop .container{max-width: 1280px; margin: 0px auto;}
.Mobileview{ display: none;}

/* More Featured Services Section */
.more-mems {padding:0;}
.more-mems .col-4{ margin-bottom: 90px;}
.more-mems .borb{ border-bottom:#ececec solid 2px; padding-bottom: 100px; margin-bottom: 100px;}
.more-mems a:hover{ text-decoration: none; color:#22418B}
.more-mems a:hover h5{ color:#22418B}
.more-mems h3{ margin-bottom: 70px;}
.more-mems h5{ color: #808084; margin: 0 0 5px;}
.iconbox {padding: 0 0 0 121px; position: relative;}
.iconbox img{ max-width: 85px; max-height: 85px;position: absolute; left: 0;}
/* More Featured Services Section */


/* footer css */
footer{ background: #F9F9F9; padding:90px 0 10px; position: relative;}
.footerBottom .col-3{ border-right: #ccc solid 1px; margin-right: -1px;}
.footerBottom .col-3 .footerb img{ max-width:200px;}
.footerBottom .col-3:last-child{ border: 0;}
.footerb ul{ margin: 0; list-style-type: none;}
.footerb ul li{ margin: 0 0 16px;}
.footerinfo {padding: 50px 0 20px; border-bottom: #ccc solid 1px; margin-bottom: 20px;position: relative;}
.footerinfo p{ margin: 0;}
.copyright{ float: left;}
.footerbtm{float:right;}
.footerbtm ul{ display: block; margin-left: 0;}
.footerbtm ul li{ list-style-type: none; margin-left: 25px; display: inline-block;}
.footerbtm ul li a:hover, .footerb a:hover, #footer .current-menu-item > a{color:#22418B; text-decoration: underline;}
#footer .homecls a:hover, #footer .homecls.current-menu-item > a,#footer .clsBold a:hover, #footer .clsBold.current-menu-item > a{ color: #333 !important}
.footerb .clsBold a, .footerb .menu-item-has-children>a{color:#22418B; font-weight: bold;}
.footerb .sub-menu{ margin-top: 10px;}
.footerb .sub-menu li{ margin-bottom:8px;}
#menu-main-menu-1 > li{ padding: 0 50px;}
#menu-main-menu-1{padding:0px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-rule: 1px solid lightgrey; -moz-column-rule: 1px solid lightgrey; column-rule: 1px solid lightgrey; column-gap: 0;}
.footersec .menubrCls{break-before: column; -webkit-column-break-before: column; -moz-column-break-before: column; break-inside: avoid;}
.footersec .homecls .sub-menu li{ margin: 0 0 16px}
.footersec .homecls .sub-menu{ margin:16px 0 0px}
.footersec .hideMenuCls { display: none;}

.footersec #menu-main-menu-1{ position: relative;}

.social-icon{ padding:0 50px}
.social-icon ul{ margin: 10px 0 0}
.social-icon span{color: #22418B; font-weight: bold;}
.social-icon li{display: inline-block; margin-bottom: 0 !important;}
.social-icon li a{width: 35px;height: 35px;display: block; }
.googleplus a{ background:var(--wpr-bg-7ce2b9a7-e72a-4022-9641-f3dbb8c6e17b) no-repeat -2px -3px; background-size: 40px;}
.googleplus a:hover{ background:var(--wpr-bg-405ca172-b5f1-487c-9887-3b73a419e712) no-repeat -2px -3px; background-size:40px;}
.twitter{ margin-right: 2px !important; margin-left: 2px !important}
.twitter a{ background:var(--wpr-bg-a541ae09-f815-426c-a51a-fc4b74fccb1c) no-repeat 3px 0px;}
.twitter a:hover{ background:var(--wpr-bg-613e49e7-ecca-4b20-b5b7-03082e6e1ef0) no-repeat 3px 0px;}
.facebook a{ background:var(--wpr-bg-2ce5883d-6682-4944-9b67-04605af7d78f) no-repeat; background-size: 30px;}
.facebook a:hover{ background:var(--wpr-bg-a93384e7-4036-4a71-bb5f-59253de3155d) no-repeat;background-size: 30px;}
.linkedin a{ background:var(--wpr-bg-06c7f387-f40f-409e-a036-78da4471c655) no-repeat;}
.linkedin a:hover{ background:var(--wpr-bg-1f3047fe-13b5-4bef-9323-e17c94e48aa4) no-repeat;}
.instagram a{ background:var(--wpr-bg-f9531301-fc9d-4d55-956d-ac0e774f5395) no-repeat 0px 3px;background-size: 40px;}
.instagram a:hover{ background:var(--wpr-bg-d7e41686-8ace-40ae-a616-0c59a4336523) no-repeat 0px 3px;background-size: 40px;}

.bottom-section{ position: relative;}
#back2Top {
    width: 34px;
    height: 34px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: absolute;
    bottom:16px;
    margin: 0px auto;
    left: 0;
    right: 0px;
    text-align: center;
    transform: rotate(-270deg);
    background: #22418B var(--wpr-bg-9aadcb55-8ff2-40a9-a451-271dba97676d) no-repeat center;
    border-radius: 50%;
    background-size: 10px;
    cursor: pointer;
    border: 0;
}

/* footer css */

.page-template-default .container.boxtag{ margin-bottom:82px;}

/* Effects css */
.boxmain .imageHolder, .genbox .imageHolder{ overflow: hidden;}
.boxmain .imageHolder img, .genbox .imageHolder img{transition: transform .5s, filter 1.5s ease-in-out;}
/* .boxmain .imageHolder:hover img, .genbox .imageHolder:hover img{transform: scale(1.1);} */


.genbox a:hover h5{color:#808084; text-decoration: none;}
.genbox a:hover .imageHolder img, .boxmain a:hover .imageHolder img{transition: transform .5s, filter 1.5s ease-in-out;transform: scale(1.1);}

/* Effects css */

@media not all and (min-resolution:.001dpcm) {

  @media only screen and (min-width:0px) and (max-width:768px) {
    .whitebtn::before, .whitebtn::after{ top: -2px !important}

  }
}
.ios .bannerbtn a:after, .ios .bannerbtn a:before{height: 54px;}
.ios .bannerbtn a{ padding:13px 20px 7px}
.ios .callus a::before{ top: 0;}
.ios .whitebtn::before, .ios .whitebtn::after, .ios .bluebox .whitebtn::before, .ios .bluebox .whitebtn::after, .ios .btn::before, .ios .btn::after{ top:-4px;}
.ios .rightside h4{padding-top:33px; padding-bottom: 17px;}
.ios .submit, .ios .wpcf7-submit{ line-height:45px;}
.ios .breadcrumb{margin-bottom: 16px;}


@-moz-document url-prefix() {
  .footersec .menubrCls1{break-inside: avoid;}
}


/*IE Browser css hack*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
    /* your CSS here for IE 11 */
      #menu-main-menu-1{}
    /* .topinner::before{top:0;left: 0;content:url(../../../../../../../themes/mems/images/gray-bracket.svg); position: absolute; width:100px; height: 100%;}
    .topinner::after{top:0; position: absolute;content: url(../../../../../../../themes/mems/images/gray-bracket-r.svg); right: 0;width: 100px; height: 100%;} */
    .footersec #menu-main-menu-1{ height: 340px;}
    #godown{ background: #fff var(--wpr-bg-aecd7d1c-d25a-423e-87da-b820dfab3128) no-repeat 9px 10px !important; background-size: 25px !important;}
    .pagename, .bannerInfo{ width:100%; margin: auto;}
    .pagination li.Btnprev a{ background: var(--wpr-bg-95c1b87c-cf85-47b3-bde8-b2a979ed70bc) no-repeat 0 0px;}
    .pagination li.disable.Btnprev{ background: var(--wpr-bg-a8ef63c9-d564-4b07-b306-6cb1130d1e04) no-repeat 0 0px}
    .pagination li.disable.Btnnext{ background: var(--wpr-bg-e0826611-703d-444e-b406-2473d63bc164) no-repeat 0 2px}
    .pagination li.Btnnext a{ background: var(--wpr-bg-6212da5b-12ee-46ab-89d3-0d69e5d56ee6) no-repeat 0 0px}
}

@supports (-ms-ime-align:auto) {
    .footersec #menu-main-menu-1{ height: 340px;}
}


/* Animation css */
.fadeInUp.animateMe { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.fadeInUp {-webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; transition: opacity .8s ease-in-out, transform .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out; -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out; -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;}

.fadeIn.animateMe {  animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


.nice-select {
  box-shadow: 2px 1px 4px #DFDFDF;
  -webkit-tap-highlight-color: transparent;
    min-width: 270px;
  background-color: #F0F0F0;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-size:22px;
  font-weight: normal;
  height: 42px;
  line-height: 44px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  font-family: 'Conv_DINEngschriftStd'; color: #C6C6C6; letter-spacing: 1px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }

  .nice-select:after {
    border-bottom: 3px solid #22418B;
    border-right: 3px solid #22418B;
    content: '';
    display: block;
    height: 12px;
    margin-top: -11px;
    pointer-events: none;
    position: absolute;
    right:24px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 12px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    box-shadow: 2px 1px 4px #DFDFDF;
    border-top: #22418B solid 1px;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select .list {
    background-color: #fff;
    margin-left: 0;
    min-width: 270px;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 0px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }

  .nice-select .option {
    padding: 10px 20px;
    background: #F0F0F0;
    border-bottom: #B2BBD1 solid 1px;
    line-height: normal;
    font-family: 'Open Sans', sans-serif; color:#808084; letter-spacing: 0;
    margin-bottom: 0;
    display: block;
    font-size: 15px;
    cursor: pointer;
    font-weight: 400;
    outline: none;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option.selected {}
    .nice-select .option.disabled {
      background-color: transparent;
      color: #90a1b5;
      cursor: default; }

      img[data-lazy-src] {
          opacity: 0;
      }
      img.lazyloaded {
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

#cookie-notice .cn-button {
    margin-left: 10px;
    background: #fff;
    border: 0;
    color: #22418B;
    transition: 0.3s;
    font-size: 14px;
    padding: 5px 16px;
    text-shadow: 0 0 0 #000;
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}
