/*
Theme Name: monitorfish
Author: Cskills
Version: 1
*/

/* Common css start here */
.content_1100, .bannerDetails{
  max-width: 1406px;
  /* max-width:80%; */
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
  overflow: visible;
}
.content_64{
  max-width:64%;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  overflow: visible;}

.blogList .content_1100{padding-left:30px; padding-right:30px;}
.quotewithImage .content_1100{width:100%; max-width: 1220px;}
.content_930 {
  max-width: 970px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  overflow: visible;
}

.content_640 {
  max-width: 680px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  overflow: visible;
}

.content_1040 {
  max-width: 1080px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  overflow: visible;
}

.TBspace{padding-top:80px; padding-bottom:80px;}
.col_1_1 .col{width:50%;}
.col_1_1_1 .col{width:33.33%; padding:0 20px;}
.col_1_1_1_1 .col{width:25%; }
.col_40_60 .col:first-child{width:40%;}
.col_40_60 .col{width:60%;}

.col_60_40 .col{width: 40%}
.col_60_40 .col:first-child{width:60%;}

.col_64_36 .col{width:36%}
.col_64_36 .col:first-child{width:64%;}

.col_30_40_30 .col{width:40%;}
.col_30_40_30 .col:first-child{width:25%;}
.col_30_40_30 .col:last-child{width:35%;}

.borderBox{ position:relative;}
.topBorder{ position:absolute; left: 0; top:0; width:100%; height: 8px;}
.topBorder::before{ content:''; position: absolute; width:calc(100% - 12px); height: 8px; left:6px;
background-image: url('images/horizontal-line.svg'); background-size: 6px; background-repeat: repeat-x;}
.bottomBorder{ position:absolute; left: 0; bottom:0; width:100%; height: 8px;}
.bottomBorder::before{ content:'';
position: absolute; width:calc(100% - 12px); height: 8px; left:6px;
background-image: url('images/horizontal-line.svg'); background-size: 6px; background-repeat: repeat-x;}

.rightBorder{ position:absolute; right: 0; top:0; width:8px; height: 100%;}
.rightBorder::before{ content:''; width:8px; height:calc(100% - 12px); top:6px; position: absolute;
background-image: url('images/vertical-line.svg'); background-size: 8px; background-repeat: repeat-y;}
.leftBorder{ position:absolute; left: 0; top:0; width:8px; height:100%;
}
.leftBorder::before{content:''; width:8px; height:calc(100% - 12px); top:6px; position: absolute;
  background-image: url('images/vertical-line.svg'); background-size: 8px; background-repeat: repeat-y;}
/* Common css end here */

/* Header start here */
header{position:fixed; left:0; top:0; width:100%; z-index:99999; background-color:#ffffff;
  -webkit-box-shadow: 0 2px 16px 1px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 16px 1px rgba(0,0,0,0.3);
   box-shadow: 0 2px 16px 1px rgba(0,0,0,0.3);
 }
.logo{float:left;}
.logo img{ max-height:39px; width: auto;}
header .headerBlock{ padding-top: 28px; padding-bottom: 28px;}
.headerBottom{ position: relative;}
.headerTop{ font-size: 15px;}
.headerTop a{ text-decoration:none;}
.dashboardSec{ margin-left: auto; padding-bottom:12px;}
.dashboardSec ul{ margin: 0px; padding: 0px; padding-left:14px;list-style-type:none;
  display: flex;
  /* display: none; */
}
.dashboardSec ul li{ margin: 0px; padding: 0px; text-transform:uppercase;}
.dashboardSec ul li a{ padding: 0 9px; border-right:#2C3132 solid 1px;}
.dashboardSec ul li.wpml-ls-current-language a{ font-weight:700;}
.dashboardSec ul li:last-child a{ padding-right: 0px; border-right: 0px;}
.dashIcon{
  /* padding-right:10px;  */
  font-weight:500; position:relative; padding-left:28px;}
.dashIcon svg{ position: absolute; left: 0; top:4px;}
.dashIcon:hover .hoverColor{ fill:#2192A6;}
/* Header end here */

/* Home page start here */
body.page-template-template-home::before,
body.error404::before{width:100%; height:100vh; content:''; width:100%; height:100vh; position:fixed; left:0; top:0;
background-image: url('images/common-banner-bg.jpg');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.homeBanner{
  height: auto;
  min-height: 880px;}
.homeBanner .contentBox{position: absolute; width: 100%;
height: 100%; max-width: 80%; left: 0; right: 0;top:0; margin: 0 auto;}
.homeCamera, .homeFishOne, .homeFishTwo, .homeFishThree, .homeBottomFish{position: absolute;}
.homeCamera {width:14%; left:14%; top:0;}
.homeFishOne{ width:14%; left:4%; top:30%;}
.homeFishTwo{ width:12%; right:13%; top:11%;}
.homeFishThree{width:20%; left:40%; bottom:20%;}
.homeBottomFish{ bottom:2%; width:16%; right: 20%;}
.homeBottomFish .targetIcon{ transform: translate(10%,-50%); width:80%;}
.banerInfo{ padding:0px 22% 0 42%;}
.banerInfo h1{ font-weight:300; color:#2C3132; font-size: 3.4vw; line-height: 3.8vw;padding-bottom:1.4vw;}
.banerInfo p{ font-size:1.7vw; line-height:2vw; padding-bottom:1.8vw;}
.homeFishThree::before{
  width:74.70%;
  height:97.40%;
  position:absolute; content:''; left:0; right:0; top:50%; transform:translate(0,-50%); margin:0 auto; margin-left: 10%!important; border-radius:100%; background-color:rgba(201,81,53,0.6);}

.homeFeaturesHolder{ padding-bottom: 12%;}
.HeroSecWithBG.homeFeaturesHolder{ background-color:transparent;}
.banerInfo .btn, .homeshapeImage .btn, .expTech .btn, .opportunitySec .btn{font-size:1.1vw; line-height:1.6vw; padding:0.8vw 2.4vw; min-width: auto;}
.homeshapeImage{
  position:relative;
  left:0;
  top:0;
  width:100%;
  background-image: url('images/home-banner-shape.svg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:1.4vw;
  line-height:1.8vw;
  }
.homeBanner::before{
  display:none;
  content: "";
  width:150vw;
  height:80vw;
  border-radius: 100%;
  background-color:#014351;
  left:-25%;
  right:-25%;
  bottom:-69vw;
  position: absolute;
  z-index: 999;
  opacity: 1!important;
  }
.homeshapeImage > img{ width: 100%;}
.homeshapeImage .content_1100{ position: absolute; z-index: 999;}
.homeMobile img, .respMobileholder .techmobile{ margin-left: auto; max-width:60%;}
.homeshapeImage .borderBox, .expTech .borderBox{max-width:76%; padding:5%!important; margin-bottom:2vw;}
.homeshapeImage p{ padding-bottom:1.8vw;}

.expTech .borderBox{ font-size:2.3vw; line-height: 2.6vw; padding:3.2% 3%!important; width: 60%;
max-width: 60%;}

.expTech .mobileImage{display:none;}

ul.homeFeaturesSec{ margin: 0px; padding:0 0 1.8vw 0; list-style-type:none; display:flex; -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
ul.homeFeaturesSec li{ width:25%; padding:0; padding-right:0.8vw; text-align: center; font-weight: 500; font-size:1vw; line-height:1.4vw; word-wrap: break-word;}
ul.homeFeaturesSec li .iconBox{ max-width:46%; width: 100%; padding-bottom: 1.4vw;}
ul.homeFeaturesSec li .iconBox img{width: 100%;}

.expTech .content_1100{ position:relative; z-index: 999; height: 100%; color:#fff;
padding-top:16%; padding-bottom:12%;}
/* .expTech .flexVerticalCenter{height:100%; min-height:110vh;} */
.expTech .topCurv{  content: "";
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
  left:-10%;
  right:-10%;
  height:40vw;
  top:6vw;
  box-shadow:0 300px 0 300px #fff;
  position:absolute;
  z-index:999;
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);}
.HeroSecWithBG.expTech::before{height:40vw;}
.topText{ width:36%; font-size:1.2vw; line-height:1.8vw;}
.leftSpaceBox{ padding-left: 10%;}

.oppMobileshape{ position:relative; z-index: 1; display: none;}
.oppMobileshape img{ width: 100%;}
.opportunitiesShapeHolder{ width: 100%; padding-left: 10%; padding-bottom: 20vw; padding-top:14vw;}
.opportunitiesShapeHolder .curvshape{width: 100%;}
.opportunitiesShapeHolder .signupBox{ position: absolute; right: 12%; bottom: 0; z-index: 99;
  width: 33vw;
  height: 33vw;
}
.opportunityShape{
position: relative;
left: 0;
top: 0;
width: 100%;
background-image: url('images/opportunities-shape.svg');
background-repeat: no-repeat;
background-position: right center;
background-size: 99%;
color: #fff;
font-size:2vw;
line-height: 2.2vw;
}
.opportunitySec{ position:absolute; top:50%; transform:translate(0,-50%); width: 100%; max-width:40%; padding:4%; left: 6%; text-align: center;}
.opportunitySec p, .opportunities h2, .homeEnq .enqBox h2, .opportunities h2{padding-bottom:1.6vw!important;}
.opportunityTower{position:absolute; right:20%; top:-4%; width:20%;}

.homeEnq{}
.enqBlock{width:100%;}
.homeEnq .enqBox{position:absolute; left:10%; top:22%; z-index:9; width: 33vw;
height: 33vw;}
.enqImage{padding-left:20%; padding-top:80px; margin-bottom:-10px;}
.enqImage svg{ width:100%; height:100%;}

.respMobileholder .techmobile{ display:none;}
.showFishMobile{ display:none; background-color:#fff; padding:20px 0}
.showFishMobile .homeBottomFish{ position:relative; left: 0; right: 0; width:30%; display:block!important; margin: 0 auto;}

.HeroSecWithBG.expTech{ min-height: auto;}
/* Home page end here */

/* Technology page start here */

.techHero{
  /* height:124vh; */
}
.techHero h1{font-size:40px; line-height:48px; color:#2C3132; padding-bottom:30px;}
.techHero .contentBox{max-width:80%; width:100%;
  /* height:100%; */
  min-height: 100vh;
  margin:0 auto; font-size:20px; line-height:28px;
  padding-right:20%;
  padding-left:10%;
  padding-bottom:38%;
  position:relative;
  z-index:99;}
.techBg{position:absolute; left:0; bottom:0; width:100%;}

.techFishOne, .techFishTwo, .techFishThree, .techBannerMobile, .techCamera{ position: absolute;}
.techCamera{width:14%; right:12%; top:0;}
.techFishOne{width:16%; right:36%; top:56%;}
.techFishTwo{width:12%; right:0%; top:48%;}
.techFishThree{ width:20%; right:8%; top:74%;}
.techBannerMobile{width:18%; bottom:10%; left:12%;}
.targetIcon{ position: absolute; left: 0; right: 0; margin: 0 auto; top:50%; transform: translate(0,-50%); width: 60%;}

.techFishTwo .targetIcon{ width: 80%; transform: translate(0,-26%);}

.TBspace.techFeatures{ background-color:#F1EFEC; text-align:center; padding-bottom:26px;}
.techFeatures h2{ font-size:31px; line-height: 40px; color:#2C3132; padding:0 20px 60px 20px;}
.featureName{color:#014351; font-weight: 700; font-size: 18px; line-height: 26px;}
.techFeatures .col{ padding: 0 20px 60px 20px; }
.iconBox{ max-width:82px; margin: 0 auto; padding-bottom:16px;}

.cameraInfo{ text-align:center;}
.theCamera{ position: absolute; right: 0; top:0;
  /* width:12.5%; */
  width:20%;
}
h2.sectioTitle{ font-size: 55px; line-height: 62px; font-weight: 300; font-weight: 300; text-align: center; padding-bottom:40px; padding-left:20px; padding-right:20px;}
h2.sectioTitle strong{font-weight:700;}

.cameraInfo .content_1100{
  max-width:1000px;
  position: relative;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:8%;

}

.cameraPartImage .content_1100{ position:relative; z-index: 99;}
.cameraPartImage .box{position:absolute; left:0; top:0; width:100%; height:100%;}
.cameraImageBox{ max-width: 890px; margin: 0 auto;}
.cameraImageBox .col:first-child{width:80%;}
.cameraImageBox .col:last-child{width:20%;}
.whiteShape {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-0%, -50%);
  width: 100%;
  z-index: 9;
  background-image: url('images/white-shape.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.introBlock{
  margin:0 auto;
  max-width:720px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:80px;
  text-align: center;
}
.introBlock p:last-of-type, .featuresInfo .row p:last-of-type{padding-bottom:0px;}
.featuresInfo .row{ padding-bottom:60px;}
.featuresInfo .row .flexVerticalCenter{ padding:60px; padding-left:90px; padding-right:90px; position: relative;}
.featuresInfo .row .flexVerticalCenter::before{ width: 100%; height: 100%; content:''; background-color: #F1EFEC; position: absolute; left: 0; top:50%; transform: translate(-0%, -50%); z-index: -1;}
.featuresInfo .row:last-child{ padding-bottom: 0px;}
.featuresInfo .row:last-child .flexVerticalCenter{ padding-top: 80px; padding-bottom: 80px;}

.featuresInfo .row:first-child .flexVerticalCenter{ padding-top: 0px; padding-bottom: 0px;}
.featuresInfo .row:first-child .flexVerticalCenter::before{ height:calc(100% - 80px);}
.featuresInfo .row:first-child .col:first-child{width:40%; padding-left: 20px;}
.featuresInfo .row:first-child .col:last-child{width:60%; padding-right: 20px;}

.featuresInfo .row:nth-child(2) .flexVerticalCenter{padding:20px; padding-left:60px; padding-right:60px;}
.featuresInfo .row:nth-child(2) .col:first-child{padding-right:20px; position: relative;}
.featuresInfo .row:nth-child(2) .col:last-child{padding-left:20px;}

.featuresInfo .row:last-child .col:first-child{width:50%; padding-left:20px;}
.featuresInfo .row:last-child .col:last-child{width:50%; padding-right:20px;}
ul.iconsList{ margin: 0px; padding: 0px; list-style-type:none;}
ul.iconsList li{ margin: 0px; padding: 0 10px; width: 33.33%;}
ul.iconsList .featureName{ max-width: 160px; text-align: center; margin: 0 auto;}
ul.iconsList li .iconBox{ max-width:100px;}

.featuresInfo .row .grid{ overflow: visible;}
.featuresInfo h2{font-weight:300; color:#014351; padding-bottom:28px;}
.imageslide{ position:relative; width: 100%; height: 100%; max-width:280px; margin:0 auto;}
.imageslide ul{  margin:0px; padding:0px; list-style-type:none; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
/* .imageslide ul li{ margin:0px; padding:0px; position: absolute; left: 0; top:0; width: 100%; height: 100%; }
.imageslide ul li:nth-child(1){ z-index: 3;}
.imageslide ul li:nth-child(2){ z-index: 2;}
.imageslide ul li:nth-child(3){ z-index: 1;} */

ul.mobSlide{ margin: 0px; padding:12px; overflow: hidden;
  border-radius:50px;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -khtml-border-radius:50px;
  -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
ul.mobSlide li{ margin: 0px; padding: 0px;}
.phoneFrame{ position: relative; z-index: 99; pointer-events:none;}

.screenSize{width:45.5%;
height:40.4%;
position:absolute;
left:10%;
top:26.7%;}

.laptopImgHolder .screenSize{width:73.6%;
height:74%;
position:absolute;
left:11.6%;
top:7.7%;}

.videoBox {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.videoBox video {
  -o-object-fit: cover;
  object-fit: cover;
}

.TBspace.howWorks{ padding-bottom:0px;}
.stepsHolder{}
.stepRow{padding-top:60px; padding-bottom:60px;}
.stepsHolder .stepRow:nth-child(even){background-color:#F1EFEC;}
.col_30_40_30 .col{ padding-left:20px; padding-right:20px;}
.col_30_40_30 .col p:last-of-type{padding-bottom:0px;}
.stepRow .imageBox{max-width:250px; margin:0 auto;}
.stepsHolder h2{color:#2C3132; font-size:50px; line-height:58px; padding-bottom:30px;}
.number{font-weight:700; color:#D7CFC6; font-size:6.990vw; line-height:8.2vw; width:160px; height:160px; text-align: center; margin: 0 auto; border-radius: 50%; position: relative; margin-top: 15px;

}

.stepRow.laptopSec{padding-top:80px; padding-bottom:80px;}
.laptopImgHolder{position:relative; max-width:420px; margin: 0 auto;}

.number::before{background-image: url('images/number-border.svg'); width: 120%; height: 120%; background-size: cover; position: absolute; left:50%; top:50%; content:''; transform: translate(-50%,-50%);}

.TBspace.faqLinkBlock{padding-top:4%; padding-bottom:6%;}
.faqLinkBlock{text-align:center;}
.faqLinkBlock h2{font-weight:300; padding-bottom:30px;}
.faqLinkBlock h2 strong, .faqLinkBlock h2 b{font-weight:700;}
.faqLinkBlock .btn{min-width:230px;}
/* Technology page end here */

/* Company page start here */
.comHero .content_1100{width:100%; max-width: 1206px;}
/* .comHero .content_1100 h1 strong{ display: block; padding-left: 40px;} */
.HeroSecWithBG.comHero h1{ max-width: 100%; padding-bottom:40px;}

.textImageflex .col:first-child{padding-left: 40px; width: 40%;}
.textImageflex .col:last-child{ padding-right: 40px; width: 60%;}
.textImageBlock .box{ border-radius: 50%; overflow: hidden; margin-left: auto;}
.textImageBlock .imageHolder{ padding:50px; border-radius:100%; background-color:#F1EFEC; overflow: hidden;}
.textImageBlock .imageHolder img{ border-radius: 100%;}
.textImageBlock .box::before{ padding-top: 100%;}

.textOnImageBlock{min-height:120vh;}
.textOnImageBlock::before {
  content: "";
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  left: -10%;
  right: -10%;
  height: 60vw;
  bottom: 2vw;
  box-shadow: 0 300px 0 300px #F1EFEC;
  position: absolute;
  z-index: 999;
}
.textOnImageBlock .box{position:absolute; left:0; top:0; width:100%; height:100%;}
.textOnImageBlock .box::before{padding-top:0;}
.textOnImageBlock .content_1100{ padding: 0 10%; position: relative;}

.textOnImageBlock .greeBgbox{ background-color:#014351; position: relative; z-index:999; color:#fff;
  padding:80px 0;
  padding-bottom: 100px;
  background-image: url('images/box-bottom-shape.svg');
  background-position: right bottom;
  background-repeat:no-repeat;
  background-size:36%;
}
.textOnImageBlock .greeBgbox .borderBox, .homeshapeImage .borderBox{ color:#fff; font-weight: 300; padding:46px 60px; padding-right:18%;
  font-size: 2.2vw;
  line-height: 2.4vw;}
.textOnImageBlock .cameraImage{width:12%; position:absolute; left:10%; top:-3%; z-index:999;}
.textOnImageBlock .mobileDisplay{position:absolute; right:11.5%; width:14%; top:-20%;}

.quoteSec{ background-color:#F1EFEC;}
.quoteSec .quoteText{ padding: 100px 0 60px 0; padding-right: 19%;}
.quoteSec blockquote{ padding-right: 19%;}
.authorName{ font-weight: 600; color: #2C3132; font-size: 24px; line-height: 32px; padding-top:40px;}

h2.sectionTitle{ font-size:31px; line-height:38px; font-weight:700; color: #2C3132; text-align: center;
padding: 0 20px 30px 20px;}
.teamBlock{text-align: center;}
.teamBlock h2{ padding-bottom: 60px;}
.teamBlock.TBspace{ padding-bottom: 20px;}
.teamImage{background-color:#ccc;
  border-radius: 100%;
  overflow: hidden;
  -moz-box-shadow: 0px 6px 12px rgba(000,000,000,0.16);
  -webkit-box-shadow: 0px 6px 12px rgba(000,000,000,0.16);
  box-shadow: 0px 6px 12px rgba(000,000,000,0.16);}

.teamImage .box::before{padding-top: 100%;}
.teamList .col{padding:0 100px 60px 100px;}
.nameBox{padding-top:30px;}
.designation{font-weight:700; text-transform:uppercase;}

.partnerBlock, .opportunities, .homeEnq{ background-color:#fff;}
ul.partnerList li{ margin: 0px; padding:22px 20px; width: 14.28%; display:flex; justify-content: center; align-items: center;}
/* Company page end here */

/* Career page start here */
.HeroSecWithBG.careerHero{ min-height: 130vh}
.careerHero .tower{ position: absolute; height:75%; right:26%; bottom: 0; z-index: 99;}
.careerHero .fishOne{position: absolute; width:12%; right:26%; top:4%; z-index: 99;}
.careerHero .fishTwo{position: absolute; left:42%; width:12%; bottom:16%; z-index: 99;}

.subscribeBlock.bottomCurveGray{ padding-bottom: 10%;}
.subscribeBlock.bottomCurveGray::before{
  content: "";
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
left: -10%;
right: -10%;
height: 60vw;
bottom: 4vw;
box-shadow: 0 300px 0 300px #F1EFEC;
position: absolute;
z-index: 999;
}

.subscribeBlock .content_1100{ display:flex;
  justify-content:space-between;
  flex-wrap: wrap; z-index: 999; position: relative;}
.subscribeBlock .content_1100.centerAlign{ justify-content: center;}
.enqBox, .signupBox{
  /* width:33vw;
  height:33vw;  */
  width:630px;
  height:630px;
  border-radius:100%; padding:4%; text-align: center!important;}
/* body.mac-os .enqBox, body.mac-os .signupBox{width:24vw; height:24vw;} */
.enqBox > div, .signupBox > div{ width: 100%;}
.enqBox{background-color:#014351; color:#fff;}
.enqBox h2{ color:#fff;}
.signupBox{background-color:#D7CFC6;}
.signupBox h2{ color: #2C3132;}
.signupBox .gform_validation_errors{display:none!important;}
.signupBox .gform_fields{max-width:430px!important; margin:0 auto!important;}
.signupBox .gform_fields{ grid-row-gap:0px!important;}
.subscribeBlock h2, .opportunities h2, .homeEnq .enqBox h2{ font-size: 2vw; line-height: 2.5vw; font-weight: 300;
  padding-bottom:2vw; width:80%; margin: 0 auto;}
.subscribeBlock h2 strong, .subscribeBlock h2 b, .opportunities h2 strong, .opportunities h2 b,
.homeEnq .enqBox h2 strong, .homeEnq .enqBox b{ font-weight: 700;}
.subscribeBlock .gform_footer, .opportunities .signupBox .gform_footer{
  padding:2vw 0 0 0!important;
   margin:0px!important; position: relative; display:block!important;}
.subscribeBlock .gform_footer input[type="submit"]{ margin-bottom:12px!important;}
body.page-template-template-contact .subscribeBlock{ padding-bottom: 12%; padding-top: 20px;}
body.page-template-template-contact .subscribeBlock::before{ content:''; width: 100%; height:100%; position: absolute; bottom:-9%; left:0;
  background-image:url('images/contact-page-curve.svg');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.gform_ajax_spinner{  width:30px; height:30px; margin: 0 auto;}

.enqBox .btn, .signupBox .btn, .signupBox .button{ min-width: 70%;}

body.page-template-template-career .subscribeBlock{ padding-bottom:8%;}
body.page-template-template-career .subscribeBlock::before{ content:''; width: 100%; height:100%; position: absolute; bottom:-9%; left:-10px;
  background-image:url('images/career-page-curve.svg');
  background-position:left bottom;
  background-size:cover;
  background-repeat:no-repeat;
}

body.page-template-template-company .subscribeBlock{ padding-bottom:8%;}
body.page-template-template-company .subscribeBlock::before{ content:''; width: 100%; height:100%; position: absolute; bottom:-2%; left:0;
  background-image:url('images/company-page-curve.svg');
  background-position:center bottom;
  background-size:cover;
  background-repeat:no-repeat;
}

.contactPopup {
  width: 100%;
  max-width:calc(1100px - 40px);
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 999999;
  margin: 0 auto;
  transform: translate(-0%, -50%);

  min-height: 600px;
  max-height: 90%;
  display: flex;
align-content: center;


  opacity: 0;
  visibility: hidden;
}
.contactPopup .popcontainer{
  background-color: #fff;
  overflow-y:auto;
  height:auto;
  width: 100%;
  max-height: 100%;
  padding: 44px;
}
.popupContent{}
body.showPopup .contactPopup{
  opacity: 1;
  visibility: visible;
  }
body.showPopup #overlay{
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  visibility: visible;}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}

.contactPopup .closeBtn {
  position: absolute;
  right:-16px;
  top:-16px;
  width:40px;
  height:40px;
  cursor: pointer;
  z-index: 99;
  background-image: url('images/popup-close-icon.svg');
  background-position: center center;
  background-size:40px;
  background-color:#014351;
  border-radius:100%;
}

.contactPopup .gform_heading{display:none;}
.contactPopup h2{text-align:center; font-size:32px; line-height:40px; padding-bottom:35px; color:#2C3132;}
.contactPopup input[type="text"],
.contactPopup input[type="email"],
.contactPopup input[type="tel"],
.contactPopup select,
.contactPopup textarea{ background-color:#F1EFEC;}
.contactPopup .gfield_checkbox .gchoice label{ color: #2C3132;}
.contactPopup .gfield_checkbox .gchoice label a{color: #2C3132; font-weight: 700;}
.contactPopup .gfield_checkbox [type="checkbox"]:checked + label:before,
.contactPopup .gfield_checkbox [type="checkbox"]:not(:checked) + label:before{background-color:#F1EFEC;}
.contactPopup .formAttach label{ font-size: 14px!important; line-height: 18px!important; padding: 0px!important; margin: 0px!important;}
.contactForm form, .contactPopup form{ position: relative; padding-bottom: 23px;}
  .contactForm .chboxholder, .contactPopup .chboxholder{ padding-top: 14px!important; word-wrap: break-word;}
.contactForm .gform_footer, .contactPopup .gform_footer{
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0!important;
  margin: 0!important;
}
.contactPopup .gform_footer{ bottom: 14px;}
.contactForm .gform_footer{ right: auto; left:64%; bottom: 14px;}
.contactForm .gform_wrapper .gfield_validation_message, .contactForm .gform_wrapper .validation_message{
  color:#fff000!important;
}
.contactForm .gfield_error .gchoice label{ color:#fff!important;}
.chosen-search{ display:none!important;}

.contactPopup .chboxholder{-ms-grid-column-span: 5!important; grid-column: span 5!important; padding-top: 25px!important;}
.contactPopup form{ padding-bottom: 5px!important;}


.quotewithImage{ background-color:#F1EFEC;}
/* .quotewithImage blockquote{ margin: 0px; padding: 0px;}
.quotewithImage blockquote::before, .quotewithImage blockquote::after{ display:none;} */
.quotewithImage .col:first-child{padding-left:20px; width: 36%;}
.quotewithImage .col:last-child{padding-right:20px; width: 64%;}
.quoteText p:last-of-type{ padding-bottom: 0px;}
.quoteText{ font-size: 28px; line-height: 36px;}
/* Career page end here */

/* Stories (post) page start here */
.HeroSecWithBG.blogHero{min-height:130vh;}
.blogHero .shapeImage{ z-index: 999;}
.blogHero .shapeImage .ctaLink{top:65%; position:absolute; z-index:99;}
.blogHero .shapeImage .fishOne{position:absolute; width:20%; right:26%; bottom:16%; z-index:99;}
/* list start here */
.TBspace.blogList{padding-bottom:60px;}
.profileImage{ width:74px; height:74px; border-radius: 50%; overflow: hidden;}
.blogList .col .post .profileImage, .blogList .col .post .postAuth{display:none;}
body.single .publistState{display:none;}

.categoryList{ padding-bottom:40px;}
.categoryList ul li{ margin: 0px; padding:0 20px 10px 20px;}
.categoryList ul li a{ text-decoration:none;}
.categoryList ul li.activeCat a{color:#2192A6; font-weight:700;}

.blogList .col .post{background-color:#F1EFEC; padding:30px 40px; padding-bottom:58px; height: 100%; position:relative;}
.blogList .col{padding-left:10px; padding-right:10px; padding-bottom:20px;}
.blogList .col h2{ font-size:28px; line-height:36px; padding-bottom:26px;}
.blogList .col h2 a{ text-decoration:none;}
.blogList .col{ font-size:18px; line-height:28px;}
.blogList .col blockquote::before{display:none;}
.blogList .col .meta{font-size:18px; line-height:26px; padding-bottom:18px; font-weight:500;}

.postImage{padding-bottom:20px;}
.postImage .box::before{padding-top:70%;}
.postImage:hover a{ opacity:0.7;}

.blogList .col .desc{padding-bottom:50px;}
.seeMore{margin-top:20px!important;}
.blogList .col .desc p:last-of-type{padding-bottom:0px;}
.postLink{font-size:20px; font-weight:700; color:#014351; left:40px; bottom:30px; position:absolute; text-decoration:none;}
.postLink span, .prev-posts a, .next-posts a, .backLink{ position: relative; padding-bottom:1px; display:inline-block;}
.postLink span:before, .prev-posts a::before, .next-posts a::before, .backLink::before {
  content:"";
  position: absolute;
  right:0;
  bottom:0px;
  background-color:#014351;
  width: 0;
  height:2px;
  transition: width .2s ease;
-webkit-transition: width .2s ease;
}
.postLink span:before{left:0; width: 100%;}
.postLink:hover span::before{width: 0!important; left: auto!important; right: 0!important;}

.postLink:hover span::before,
.prev-posts:hover a::before,
.next-posts:hover a::before,
.backLink:hover::before{ left:0; width: 100%;}
.postLink:hover{ color:#014351;}
.prev-posts a:hover, .next-posts a:hover, .backLink:hover{ color: #2C3132;}

.pagination{ padding:30px 10px 0 10px; text-align: center;}
.pagination ul.page-numbers, .categoryList ul{
  margin:0px; padding: 0px; list-style-type:none;
 display: flex;
 justify-content: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.pagination ul.page-numbers li{ margin: 0px; padding: 0px;}
.pagination ul.page-numbers li a,
.pagination ul.page-numbers li span{ text-decoration:none;
  min-width:26px;
  min-height:26px;
  line-height:26px;
  font-weight: 300;
  text-decoration: none;
  color: #000;
  display: inline-block;
  margin: 0 4px;
  position: relative;}

.pagination ul.page-numbers li span.current{font-weight:500;}

.errorBox{ width: 100%; }
.errorBox, .errorBox h2{text-align:center; padding:0;}
.errorImage{margin:0 auto; margin-bottom:10px;}

.postPublishInfo{border-bottom:#EFEFEF solid 1px; padding-bottom:20px; margin-bottom:38px;}
.postPublishInfo .DateAuthBox{padding-left:24px; font-size:18px; line-height:26px;}
.postPublishInfo .DateAuthBox .postAuth{font-size:18px; font-weight:700; color:#575757;}
.backLink{ text-decoration:none; text-transform:capitalize; font-size:18px; line-height: 26px; font-weight:700; margin-top: auto;}

.postDetail h1{color:#2C3132; padding-bottom:54px;}
.postDetail .postImage .box::before{ padding-top: 66%;}
.postDetail .postImage{ padding-bottom:54px;}

.postDetail .navigation{ padding-top: 26px;}
.navigation a{ font-size:18px; line-height:26px; text-decoration:none; font-weight:700;}
/* list end here */

/* Stories (post) page end here */

/* FAQs page start here */
ul.faqList{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
ul.faqList > li{margin:10px 0; padding:0px;}
.faqTtitle {
  padding: 16px 46px 20px 0;
  font-size:26px;
  line-height:34px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  border-bottom:#D6CFC7 solid 1px;
}
.faqTtitle::before {
  content: '';
  width:40px;
  height:40px;
  background-image: url('images/plus-sign.svg');
  background-size:22px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -24px;
  background-color:#D7CFC6;
  border-radius: 50%;
}
.faqDetails {
  display:none;
  padding:2px 0;
  padding-right:60px;
}
/* .faqDetails p:last-of-type{ padding-bottom: 0px;} */
.faqDetails h3{ font-size:18px; line-height:22px; font-weight: 700; color:#2C3132; padding-bottom: 4px;}
.faqDetails h1,.faqDetails h2,.faqDetails h3,.faqDetails h4,.faqDetails h5,.faqDetails h6{color:#2C3132;}
.faqHolder{ position: relative;}
.faqHolder.activeArrow::before{ content:''; width:calc(100% + 80px); height:calc(100% + 40px); border:#D6CFC7 solid 1px; position: absolute; left:-40px; top:-20px; z-index: -1;}
.faqHolder.activeArrow{ margin:40px 0;}
.faqHolder.activeArrow .faqTtitle{ border-bottom:#fff solid 1px;}
.faqHolder.activeArrow .faqTtitle::before{background-image: url('images/minus-sign.svg');}

.faqDetails .btnHolder{ padding-bottom: 20px;}
.faqDetails .btn.applybtn{ min-width:230px; text-transform: capitalize;}
/* FAQs page end here */

/* R&D page start here */
.popupContent{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
  -webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
  align-content: flex-start;
}
.popupContent h2{ width:100%; color:#2C3132; border-bottom:#D9D9D9 solid 1px; padding-bottom:18px; margin-bottom: 32px;}
.popupContent .proImage{ width: 30%; padding-right: 20px;}
.popupContent .proImage img{ margin: 0 auto; max-width: 140px;}
.popupContent .desc{ width: 70%; padding-left: 20px;}
.popupContent .desc p{ padding-bottom: 18px;}
.popupContent .seeMore{ display: none;}
.popupContent .shortDesc{ display: none;}
.popupContent .fulldesc{ display: block!important;}
.HeroSecWithBG.casHero::before{
  box-shadow: 0 300px 0 300px #F1EFEC;
}

.topCurve::before{
  content: "";
  border-bottom-left-radius:40%;
  border-bottom-right-radius:40%;
  left:-10%;
  right:-10%;
  height:60vw;
  top:12vw;
  box-shadow:0 300px 0 300px #F1EFEC;
  position:absolute;
  z-index:999;
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}

.casHero .TBspace,.comHero .TBspace{ padding-top: 100px;}
.HeroSecWithBG.casHero .box .OF-cover,
.HeroSecWithBG .box .OF-cover{object-position:center center;}
.HeroSecWithBG.comHero .box .OF-cover{object-position:center center;}

.casHero .content_1100, .comHero .content_1100{ position: relative; z-index:999;}
.HeroSecWithBG.casHero,
.HeroSecWithBG.comHero{ padding-bottom: 6%;}

.HeroSecWithBG.casHero .grid{ padding-bottom: 40px;}
.casHero{color: #2C3132;}
.casHero .col_40_60 .col h1{ max-width:100%; color:#2C3132; line-height:4.2vw;}
.casHero .col_40_60 .col h1 strong, .casHero .col_40_60 .col h1 b,
.caseHerosec .col_40_60 .col h1 strong, .caseHerosec .col_40_60 .col h1 b{ display: block;}
.casHero .col_40_60 .col h1 span{padding-left:40px;}
.casHero .col_40_60 .col:first-child{padding-right:20px;}
.casHero .col_40_60 .col:last-child{padding-left:20px; padding-right:10%;}
.casHero .col_40_60 .col:last-child p:last-of-type{ padding-bottom: 0px;}

.ctaLink{ width:80px; height:80px; background-color: #E29785; position: absolute; left: 0; right: 0; margin: 0 auto; border-radius:100%;
background-image:url('images/arrow-sign.svg'); background-repeat:no-repeat; background-position: center center; background-size:34px;}
.ctaLink:hover{background-color:#2192A6;}

.slideHolder{position: relative; z-index: 999;}
.slick-arrow{position:absolute; top:50%; width:52px; min-width:52px;height:52px; margin-top:-20px; cursor: pointer; box-shadow: none;
border: 0; text-indent: -999px; overflow:hidden; z-index: 9; background-color:#014351; border-radius: 50%; padding: 0px; background-size: 50px; background-position: center center; background-repeat: no-repeat;}
.slideHolder .slick-prev{left:-10px; background-image: url('images/prev-arrow.svg');}
.slideHolder .slick-next{right:-10px; background-image: url('images/next-arrow.svg');}
.slick-dots button{ min-width: 14px; box-shadow: none;}
ul.productSlide{ text-align: center; margin: 0px; padding: 0px;}
.infoSec{background-color:#D5D6D6;
  padding:34px;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.4);
  position: relative;
  padding-bottom: 120px;
}
.infoSec .centerBtn{ position: absolute; bottom:30px; left:0; right: 0; margin: 0 auto;}
.infoSec h2{ word-wrap: break-word; color: #2C3132; font-size:31px; line-height:40px; padding-bottom: 0px;}
.infoSec .desc{text-align:left; font-size:16px; line-height:24px; color:#2C3132; padding-top:30px;}
.infoSec .centerBtn{ text-align: center;}
.infoSec .desc h4, .popupContent .desc h4{font-size:20px; line-height:24px; padding-bottom:4px; color:#2C3132;}
.infoSec .proImage{ padding: 30px 0; border-bottom:#CAC9C7 solid 1px; text-align:center;}
.infoSec .proImage img{ margin: 0 auto; max-width: 140px;}
.productSlide .slick-slide .slideContent{ padding:100px 20px!important; width:100%;}
.productSlide .slick-current .slideContent {
  -moz-transform: scale(1.24);
  -ms-transform: scale(1.24);
  -o-transform: scale(1.24);
  -webkit-transform: scale(1.24);
  transform: scale(1.24);
  opacity: 1;
}
.productSlide .slick-current{ z-index: 1;}

.productSlide .slick-current .slideContent .infoSec .centerBtn{
  -moz-transform: scale(0.86);
  -ms-transform: scale(0.86);
  -o-transform: scale(0.86);
  -webkit-transform: scale(0.86);
  transform: scale(0.86);
}

.productSlide .slick-current .slideContent .infoSec,
.productSlide .slick-current .slideContent .infoSec{background-color:#ffffff;}
.productSlide .slick-current .infoSec .proImage{border-bottom:#F1EFEC solid 1px;}

.productSlide .slick-current .infoSec .desc{ display:block;}

.productSlide .slick-track {
  display: flex;
}
.productSlide .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.productSlide{padding-bottom:60px!important;}
/* R&D page end here */

/* Contact start here */
.HeroSecWithBG{min-height:90vh; background-color:#ccc; position:relative;}
.HeroSecWithBG .box::before, .expTech .box::before{padding-top:0;}
.HeroSecWithBG .box{position:absolute; left:0; top:0; width:100%; height:100%;}
.HeroSecWithBG .box .OF-cover{object-position:top center;}

.HeroSecWithBG h1{ font-weight:300; color:#ffffff; max-width:46%; font-size:3.4vw; line-height:3.6vw; padding-bottom: 0px;}
.HeroSecWithBG h1 strong, .HeroSecWithBG h1 b{ font-weight: 700;}

.shapeImage{position:absolute; left:0; top:-20%; width:100%; z-index:9;
  background-image:url('images/hero-sec-shape.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode:multiply;
}
.shapeImage .content_1100{ position: absolute; }

.shapeImage img{ width: 100%;}
.bannerDetails{position:relative; z-index: 999; padding-bottom: 10%; padding-top: 60px;}

body.page-template-template-contact .HeroSecWithBG h1{ max-width: 100%;}
body.page-template-template-contact .HeroSecWithBG .box::after,
.expTech .box::after{
  content:'';
  width: 100%;
  height: 100%;
  position:absolute;
  left: 0; top:0;
  background-color:rgba(0,0,0,0.4);
}

.HeroSecWithBG::before {
  content: "";
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
  left:-10%;
  right:-10%;
  height:60vw;
  bottom:2vw;
  box-shadow:0 300px 0 300px #fff;
  position:absolute;
  z-index:999;
}

body.page-template-template-contact .bannerDetails .largeTitle{ color:#fff; padding-bottom:60px;}
body.page-template-template-contact form .rightSpace{padding-right:8%;}
body.page-template-template-contact form .leftSpace{padding-left:8%;}
body.page-template-template-contact .gform_heading, .subscribeBlock .gform_heading,
.opportunitiesShapeHolder .signupBox .gform_heading{display:none;}

.gfield_checkbox .gchoice{ float: left; position: relative; padding-right:30px; overflow: hidden;}
.gfield_checkbox .gchoice label{ width: 100%; max-width: 100%!important; color:#fff; font-size:20px!important; line-height: 28px!important;}
.gfield_checkbox .gchoice label a{ font-weight: 700; color:#fff; text-decoration:none;}

.gfield_checkbox [type="checkbox"]{ position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; text-indent: -99px; visibility: hidden;}
.gfield_checkbox [type="checkbox"]:checked + label,
.gfield_checkbox [type="checkbox"]:not(:checked) + label
{
    position:relative;
    padding-left:38px;
    cursor:pointer;
    display:inline-block;
}
.gfield_checkbox [type="checkbox"]:checked + label:before,
.gfield_checkbox [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width:26px;
    height:26px;
    background: #fff;
}
.gfield_checkbox [type="checkbox"]:checked + label:after,
.gfield_checkbox [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width:22px;
    height:22px;
    background-image:url('images/tick-icon.svg');
    position:absolute;
    top:2px;
    left:2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.gfield_checkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0;
    -webkit-transform: scale(0); transform: scale(0);
}
.gfield_checkbox [type="checkbox"]:checked + label:after {opacity: 1;
    -webkit-transform: scale(1); transform: scale(1);
}

.contactForm .gform_confirmation_message{ color:#fff; margin-top: 5%;}
.gform_confirmation_message{max-width: 550px; color:#014351; text-align:center; font-weight:500; padding: 20px; margin: 0 auto;}
.gform_validation_errors h2{ padding:0px; text-align:left; padding-bottom: 0px!important;}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message{
  background-color:transparent!important; border:0px!important; padding:0px!important;
  margin-top:2px!important; font-size:14px!important; line-height:20px!important;
  color:#c02b0a!important; font-weight: 500!important;
}

.mapHolder{ position: relative;}
/* .mapPointer{
  width:4%;
  height:8%;
  border-radius:50%;
  background-color:rgba(201,81,53,0.6);
  position:absolute; left:25.5%; top:45%;
} */

.mapHolder .content_1100{ position:absolute; left:0; right:0; top:0; width: 100%; height: 100%;}

.addressBox{
  position:absolute;
  width:100%;
  max-width:620px;
  /* left:35%; */
  right: 40px;
  background-color:#fff;
  padding:80px 60px;
  z-index: 1;
  top: 50%;
  transform:translate(-0%, -50%);
  -moz-box-shadow: 0px 3px 6px rgba(000,000,000,0.16);
-webkit-box-shadow: 0px 3px 6px rgba(000,000,000,0.16);
box-shadow: 0px 3px 6px rgba(000,000,000,0.16);
}
.addressBox h2{ color:#2C3132; font-size:31px; line-height:40px; padding-bottom:28px;}
.addressBox p:last-of-type{padding-bottom:0px;}
.addressBox a{ text-decoration:none;}
.contactForm .gform_footer{}
.contactForm .gform_footer .gform_ajax_spinner,
.contactPopup .gform_footer .gform_ajax_spinner{ position: absolute; right:10px; top:50%; transform: translate(0,-50%); margin-top: -4px;}
.signupBox .gform_ajax_spinner{
  position: absolute;
  right:18%;
  top:48%;
  /* transform: translate(0,-50%); */
  /* margin-top: -4px; */
}

/* .signupBox .gform_footer input[type="submit"]{ margin-bottom:0px!important;}
.signupBox .gform_footer .gform_ajax_spinner{position: absolute; right:10px; left:auto!important; top:50%; transform: translate(0,-50%); margin-left:auto!important;} */
.contactPopup .formAttach{ position: relative;}
.contactPopup .formAttach label.gfield_label{position:absolute;left:0; top:10px;}
.contactPopup .formAttach .gform_fileupload_rules{margin:0px!important; padding:0px!important;
  font-size:12px!important; line-height:20px!important}
.contactPopup .formAttach .ginput_container_fileupload{ padding-left: 100px;}
.ginput_preview{ margin: 0px!important;}
.gform_delete_file{ background-color:#014351!important; padding:4px; min-width:20px; line-height:10px;}

.mapHolder .mobileMap{display:none;}
.mapHolder .mobileMap::before{padding-top:70%;}
.mapHolder .mobileMap .mapPointer{width:14%; height:7.7%; left:69%; top:40%;}
/* Contact end here */

/* Footer start here */
footer{background-color:#2C3132; color:#fff;}
footer a{color:#fff; text-decoration:none; font-size:16px; line-height:24px; font-weight:500;}
.footerNav{margin-left:auto;}
.footerNav ul{margin:0px; padding:0px; list-style-type:none;}
.footerNav ul li{margin:0px; padding:0 0 4px 0; line-height: 0;}
.footerNav ul li:last-child{padding-bottom:0px;}

ul.footerMenu li:first-child{ padding-bottom:8px;}
ul.footerMenu li:first-child a{
  padding:6px 18px;
  padding-top: 5px;
  background: #2192A6;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  min-width: 108px;
  text-align: center;
}
ul.footerMenu li:first-child a:hover{background-color: #D7CFC6; color:#014351;}

ul.socialIcons{display:flex; padding-bottom:26px;}
ul.socialIcons li{padding-right:18px; padding-bottom:0;}
ul.socialIcons li:last-child{padding-right:0px;}
ul.socialIcons li a{display:block; line-height:0;}
ul.socialIcons li svg{width:28px; height:28px;}
ul.socialIcons li a:hover .hoverColor{fill:#2192A6;}
/* Footer end here */

/* 404 page start here */
.errorBox{height:100%;}
.pageNotFound, .errorPage {
    width:100%;
    max-width:700px;
    text-align:center;
    margin:0 auto;
    padding: 0 20px;
}
.pageNotFound > div {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color:#014351;
    margin: 0px auto;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -webkit-animation: balance 3s ease infinite 1.3s;
    -moz-animation: balance 3s ease infinite 1.3s;
    -o-animation: balance 3s ease infinite 1.3s;
    -ms-animation: balance 3s ease infinite 1.3s;
    animation: balance 3s ease infinite 1.3s;
}
.pageNotFound > div span {
    color: #ffffff;
    font-size: 5rem;
    line-height: 0;
    position: absolute;
    right: 24px;
    top: 46%;
    font-weight: 500;
    left: 0px;
    width: 100%;
}
/* 404 page end here */

.cli-bar-message a{ color:#fff;}
.cli-bar-btn_container a.cli-plugin-button{font-family: 'Montserrat', sans-serif!important; font-weight: 700!important; border-radius:25px; padding: 9px 20px!important;}
.cli-bar-btn_container a.cli_settings_button{ color:#014351!important;}
.cli-bar-btn_container a.cli_action_button{ background-color:#2192A6!important;}

.grecaptcha-badge{opacity:0; visibility:hidden;}

.chosen-single{ height: 56px!important; background-image:none!important; background-color:#fff!important;}
.chosen-container ul li:first-child{pointer-events: none;}
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single span{
  line-height: 24px!important;
}
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single span{
  color:#8D8D8D!important; font-weight:400!important;
}
.gform_wrapper.gravity-theme .chosen-container-single.chosen-container-active .chosen-single span{ font-weight:500!important; color:#2C3132!important;
}
.chosen-drop ul li{
  font-size:20px!important;
  line-height:28px!important;
  font-weight: 500!important;
}
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b{ display:none!important;}

/* cookie policy changes start */
.cli-modal-backdrop{
  z-index: 99999!important;
}
.cli-modal .cli-modal-close{
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
}
.cli_setting_save_button{
  padding:12px 24px!important;
  background: #014351!important;
  color: #fff!important;
  font-weight: 600!important;
  border-radius: 20px!important;
}
.cli-switch input:checked + .cli-slider {
  background-color: #2192A6 !important;
}
.wt-cli-ckyes-brand-logo, .otgs-development-site-front-end{ display: none!important;}
/* cookie policy changes end */

/* css for german language */
html.de .banerInfo h1{font-size:3.3vw; line-height:3.5vw;}
html.de .banerInfo p{font-size:1.4vw; line-height:1.8vw;}

html.de .textOnImageBlock .greeBgbox .borderBox,
html.de .homeshapeImage .borderBox{font-size:2.1vw; line-height:2.3vw;}

html.de .homeshapeImage{font-size:1.2vw; line-height:1.5vw;}
html.de ul.homeFeaturesSec li{font-size:0.9vw; line-height:1.2vw; word-wrap: break-word;}
html.de .expTech .borderBox{font-size:2.1vw; line-height:2.3vw;}

html.de .HeroSecWithBG h1{font-size:3.2vw; line-height:3.4vw;}

html.de .contactForm fieldset.chboxholder.secondCH{ padding-right: 50%;}
.formAttach label{ max-width: 100px;}
.chboxholder label a:hover{color:#2192A6!important;}
/* css for german language */

.entry h3 + div{padding-bottom: 30px;}
.entry h3 + div p:last-of-type
{
  padding: 0px;
}
.entry div table{ margin-top:20px;}
table.cookielawinfo-classic{
  font-family: 'Montserrat', sans-serif!important;
font-weight: 300!important;
color: #2C3132;}
table.cookielawinfo-classic td{font-size:18px!important; line-height:26px!important;}

.entry{ font-size:18px; line-height:26px;}
.entry p{ padding-bottom: 22px;}
body.post-template-default.single .entry{font-size:20px; line-height: 28px;}
body.post-template-default.single .entry p{ padding-bottom:28px;}