body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #1a1e29;
  font-size: 16px;
  line-height: 26px;
  background-color: #fff;
  padding: 0;
  margin: 0;
}
*, ::before, ::after{box-sizing: border-box;}
.w50{min-width: 50%;max-width: 50%;width: 50%;}
.w20{min-width: 20%;max-width: 20%;width: 20%;}
.pro-block a::before,
.pro-block a::after,
.bigButton,
.iconText:hover::before,
.serviceBlock .serImg i,
.serBlock,
.rtBlock,
.iconBlock .iconImg i {
  -ms-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.rtBlock
{
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
a {
  color: #00769f;
  outline: 0;
  text-decoration: none;
}
a:hover {
  color: #D22833;
  text-decoration: none;
}
.dis-block{display: block;}
.br25{border-radius: 25px;}
.br100{border-radius: 100%;}
.m1{
  margin-top: 15px;
}
.m2{
  margin-top: 30px;
}
.m0 {
  margin: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mb1{
  margin-bottom: 30px !important;
}
.mb2{
  margin-bottom: 10px !important;
}
.m-0-15{margin: 0 15px !important;}
.mt1{margin-top: 30px;}
.mt2{margin-top: 60px;}
.p5{padding: 5px;}
.p10-0{padding: 10px 0;}
.p30{padding: 30px;}

.img-full img{width: 100%;}
.textLeft {
  text-align: left !important;
}
.textRight {
  text-align: right !important;
}
.textCenter {
  text-align: center !important;
}
.textJustify{
  text-align: justify !important;
}
.of-hidden{overflow: hidden;}
h1 {
  font-size: 22px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 15px;
}
h6 {
  font-size: 14px;
}
p {
  margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  color: #1a1e29;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.titleBlock{margin-bottom: 30px;position: relative;}
.titleBlockStyle{background: #f8f8f8; border-radius: 10px; padding: 15px 20px;border: 2px solid #f1f1f1;}
.titleBlockStyle::before,.titleBlockStyle::after{
  content: ' ';
  display: block;
  height: 60px;
  width: 110px;
  position: absolute;
  background-image: url("../images/title-img.png");
  background-repeat: no-repeat;
  background-size: 120px;
  filter: grayscale(100%);
  opacity: 0.3;
}
.titleBlockStyle::before{right: 100%;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, -1);}
.titleBlockStyle::after{left: 100%;}
.titleBlock .title{margin: 0;}
.title {
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
.title span{
  background: #095573;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  position: relative;
} 
.title span::before{
  content: ' ';
  left: 100%;
  position: absolute;
  background-image: url("../images/title-img.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 80px;
  width: 80px;
  height: 40px;
  top: 1px;
}

.topic{
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  padding-left: 15px;
  color: #555;
}
.topic::before{
  position: absolute;
  display: block;
  content: ' ';
  top: 12px;
  line-height: 10px;
  height: 7px;
  width: 7px;
  margin-left: -15px;
  text-align: center;
  border: 3px solid #EE6C4D;
  border-radius: 100%;
}
.title span{display: inline-block;position: relative;z-index: 2;}
.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6,
.title p {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2em;
  color: #095573;
}
.title i{font-family: 'Agbalumo';text-transform: capitalize;}
.title strong{font-weight: 600;}

.darkBG .title span::before{
  background: #fff;
}
.darkBG .title *{
  color: #fff;
}
.darkBG .topic::before{
  color: #fff;
  border: 2px solid #fff;
}

.bgcolor3 .title h1,
.bgcolor3 .title h2,
.bgcolor3 .title h3,
.bgcolor3 .title h4,
.bgcolor3 .title h5,
.bgcolor3 .title h6,
.bgcolor3 .title p{color: #fff;}

.bgcolor3 .title span{color: #27a6e8;}

.bannerText .topic{color: #fff;}

.subTitle{
  font-size: 18px;
  color: #000;
}
.subTitle ul{list-style: none;padding: 0; margin: 0;display: flex;justify-content: center;align-items: center;}
.subTitle ul li{text-align: center;padding: 0 25px;position: relative;}
.subTitle ul li::before {content: '\f111';color: #555;right: -4px;font-size: 10px;top: 0px;
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  position: absolute;
  font-weight: normal;
  margin-left: -20px;
}
.subTitle ul li:last-child::before{display: none;}
.p0 {
  padding: 0 !important;
}
.clear {
  clear: both;
  line-height: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}
.disBlock{
  display: block;
  width: 100%;
}
ul.w25 > li{
  float: left;
  width: 25%;
  display: inline;
}
ul.w33 > li {
  width: 33%;
  float: left;
  display: inline;
}
ul.w50 > li{
  width: 50%;
  float: left;
  display: inline;
}
.siteNavBar ul::after,
ul.w50::after,ul.w25::after,ul.w33::after{
  content: ' ';
  height: 0px;
  width: 0px;
  clear: both;
  display: block;
}
#header{
  /* -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.4);
}
.dflex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dflex-justify-center{
  justify-content: center;
}

#topBar{background: #111;}
#topBar a{color: #fff;}
#topBar .iconText{margin: 0 15px;}


#header.headerColor{background: #095573;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.20);}
#header.headerColor .logo img{height: 50px;}
#header.headerColor .siteNavBar li.subMenu::after{border-top-color: #fff;}
#header.headerColor .siteNavBar > ul > li > a{color: #fff;}
#header.headerColor #topBar{display: none;}
#header.headerColor .cName{line-height: 40px;font-size: 38px;font-weight: 400;}
#header.headerColor .cSlogan{line-height: 10px;font-size: 10px;}

.social {
  text-align: right;
  display: flex;
  margin-right: 2px;
  background: #2a8c39;
}
.social a {
  display: block;
  height: 40px;
  width:  40px;
  min-width: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  overflow: hidden;
}
.social a:hover{
  color: #fff;
}
.social .facebook{background-color: #3A5793;}
.social .twitter{background-color: #1D9CEB;}
.social .linkedin{background-color: #0070B3;}
.social .pinterest{background-color: #DF0019;}
.social .tumblr{background-color: #001833;}
.social .whatsapp{background-color: #29AC00;}
.social .youtube{background-color: #F70000;}
.social .blogger{background-color: #F57D00;}
.social .email{background-color: #333333;}
#topLogo {
  padding: 10px 0;
}
.logo a{
  display: flex;
  color: #fff;
}
.logo img {
  height: 70px;
  margin-right: 10px;
}
.cName{line-height: 50px;font-family: "Roboto", sans-serif;display: block;font-size: 48px;font-weight: 700;text-shadow: 2px 2px 3px #000;}
.cSlogan{line-height: 14px;font-family: "Roboto", sans-serif;display: block;font-size: 14px;text-align: right;}
#topNav{padding: 0 15px;}
#topNav .headerMenu {
  width: 100%;
}
#topNav .headerNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.siteNavBar{position: relative; z-index: 10;}
.siteNavBar ul{padding: 0;margin: 0;list-style: none;display: none;}
.siteNavBar > ul {padding: 0;margin: 0;list-style: none;display: flex;align-items: end;flex-grow: 1;flex-direction: row;}
.siteNavBar > ul > li{position: relative;color: #fff;}
.siteNavBar > ul > li > a
{color: #fff;display: block;font-size: 18px;padding: 15px 15px;text-transform: uppercase;position: relative;z-index: 1;overflow: hidden;line-height: 20px;font-weight: 400;font-family: "Roboto", sans-serif;}
.siteNavBar li.subMenu ul{position: absolute;left: 100%;position: absolute;max-width: 300px;top: 0;z-index: 2;width: max-content !important;background: rgba(255, 255, 255, 0.1);}
.siteNavBar li.subMenu > ul{left: 0;top: 100%;margin: 0;}
.siteNavBar li.subMenu{padding-right: 10px;}
.siteNavBar li.subMenu::after{content: ' ';display: block;width: 5px;position: absolute;top: 50%;right: 5px;margin-top: -2.5px;height: 5px;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.siteNavBar li.subMenu li{display: block;position: relative;border-bottom: 1px solid transparent;}
.siteNavBar li.subMenu li a{display: block;padding: 10px 15px;line-height: 20px; font-size: 14px;font-weight: normal;color: #fff;padding-right: 25px;}
.siteNavBar li.subMenu li:last-child{border: none;}
.siteNavBar li.hasMenu::after{content: ' ';display: block;width: 10px;height: 10px;position: absolute;top: 50%;margin-top: -5px;right: 5px;border-top: 5px solid transparent;border-left: 5px solid #fff;border-bottom: 5px solid transparent;}
.siteNavBar li.leftMenu > ul{right : 100%;left: auto;top: 0;}
.navBarCS li:hover > ul{display: block;}
.siteNavBar li.subMenu li:hover > a{background-color: #ffcc29;color: #37454c;}
.siteNavBar li.subMenu li:hover::after{border-left-color: #fff;}
.mobMenu {background: #eee;cursor: pointer;display: block;height: 40px;width: 40px;position: absolute; display: none;top: 15px;right: 15px;}
.mobMenu .icBars,
.mobMenu .icBars::before,
.mobMenu .icBars::after 
{background: #37454c;content: ' ';display: block;height: 2px;position: absolute;transition: background ease .3s, top ease .3s .3s, transform ease .3s;width: 24px;}
.mobMenu .icBars {left: 8px;top: 19px;}
.mobMenu .icBars::before {top: -8px;}
.mobMenu .icBars::after {top: 8px;}
.openMobMenu .icBars {background: transparent;}
.openMobMenu .icBars::before {transform: rotate(45deg);}
.openMobMenu .icBars::after {transform: rotate(-45deg);}
.openMobMenu .icBars::before,
.openMobMenu .icBars::after {top: 0;transition: top ease .3s, transform ease .3s .3s;}
.headerColor .siteNavBar li.subMenu ul{background: #37454c;}


#topNav .mbSearch a#webSearchOpBtn{
  padding: 0;
  font-size: 24px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  margin-left: 0;
  color: #fff;
  border-radius: 100%;
  font-weight: normal;
  background-color: #e31e24;
}
.webSearch .btn:focus,
#topNav .mbSearch a#webSearchOpBtn:focus{outline: none;}



.searchLi{padding-left: 10px;}
.searchWrap{position: relative;}
.webSearch {
  position: absolute;
  width: 0;
  overflow: hidden;
  right: 0;
  border: 1px solid #555;
  background: #fff;
  z-index: 1;
  border-radius: 25px;
  opacity: 0;
  height: 40px;
}
.webSearch .form-group {margin: 0;}
.webSearch .form-control {
  font-size: 16px;
  font-weight: bold;
  background: none;
  border: none;
  box-shadow: none;
  color: #555;
  height: 38px;
}
.webSearch .input-group-btn{
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  line-height: 38px;
}
.webSearch .btn {
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 38px;
  width: 38px;
  font-size: 32px;
  padding: 0;
  margin: 0;
  line-height: 40px;
  background: none;
  color: #56646F;
}
.webSearch .btn i {
  padding: 0;
}


.pageTitle{
  background-image: url(../images/pageTitleBG.jpg?new);
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center bottom;  
  padding: 220px 0 160px 0;
}
.aboutpg{background-image: url(../images/about.jpg?neww);background-position:center center;}
.contactpg{background-image: url(../images/contact.jpg?neww);background-position:center center;}
.productPG{background-image: url(../images/productBG.jpg?neww);background-position:center center;}
.pageTitle h1{
  position: relative;
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  padding: 0;
  margin: 0;
  line-height: 1.2em;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  text-shadow: 2px 2px 5px #000;
  margin: 0;
  margin-bottom: 5px;
}
.pageTitle .root {
  background: none;
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  border: none;
  padding: 0px 0px;
  text-transform: uppercase;
}
.pageTitle .root .breadcrumb {
  margin: 0;
  border-radius: 0;
  color: #fff;
  background: none;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageTitle .root .breadcrumb > .active {
  color: #fff;
}
.pageTitle .root .breadcrumb > li{display: inline;}
.pageTitle .root .breadcrumb > li + li::before {
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  color: #fff;
  content: "\f105";
  padding: 0 8px;
  font-weight: normal;
}
.pageTitle .root .breadcrumb a {
  color: #fff;
}
.pgContent{
  color: #1a1e29;
  font-size: 17px;
  line-height: 1.6em;
}

.pgContent h1,
.pgContent h2,
.pgContent h3,
.pgContent h4,
.pgContent h5,
.pgContent h6{font-size: 22px;}

.pgTitleContent{
  padding-left: 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #777;
  border-left: 3px solid #095573;
}
.pgTitleContent p{margin: 0;}
.bigText{font-size: 18px;line-height: 30px;}
.bigText p:last-child{margin: 0;}

.bigButton {
  color: #095573 !important;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 800;
  padding: 0px 30px;
  line-height: 48px;
  height: 48px;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  background: #fff;
}

.iconButton:before {
  padding: 0px;
  width: 56px !important;
  height: 56px !important;
  line-height: 56px !important;
  text-align: center !important;
  background: #095573;
  font-size: 24px;
  font-weight: normal !important;
  position: absolute;
  top: -4px;
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: block;
  content: var(--fa);
  border-radius: 100%;
  color: #fff !important;
}
.iconButton.btIconRight{
  padding-right: 45px;
}
.iconButton.btIconRight:before{
  right: -24px;
}
.iconButton.btIconLeft{
  padding-left: 45px;
}
.iconButton.btIconLeft:before{
  left: -24px;
}
.iconAnim::before{
  animation: tada infinite;
  animation-duration: 1.5s;
}

.btnClr1 {
  border: 1px solid #0f92ca;
  color: #fff !important;
  background-color: #0f92ca;
}
.btnClr1:hover {
  border: 1px solid #0677a7;
  color: #fff !important;
  background-color: #0677a7;
}

.btnClr2 {
  color: #fff !important;
  background-color: #095573;
}
.btnClr2:hover {
  color: #fff !important;
  background-color: #05445d;
}

.btnClr2.iconButton::before{
  color: #fff !important;
  background-color: #EE6C4D;
}


.bigIconText a {
  color: #2c3749;
}
.bigIconText {
  color: #2c3749;
  padding: 0;
  padding-left: 60px !important;
  line-height: 30px;
  margin: 0;
  position: relative;
  font-weight: 800;
  font-size: 20px;
}
.bigIconText span {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  display: block;
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  color: #566171;
}
.bigIconText:before {
  color: #fff;
  background: #EE6C4D;
  padding: 10px;
  border-radius: 100%;
  font-size: 24px !important;
  width: 50px !important;
  margin-left: 0px !important;
  text-align: center !important;
  height: 50px !important;
  line-height: 32px !important;
  font-weight: normal !important;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: normal;
  text-align: center;
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  content: var(--fa);
}

.iconText {
  padding-left: 25px;
  position: relative;
}
.iconText::before {
  position: absolute;
  margin-left: -25px;
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  font-weight: normal !important;
  text-align: left;
  content: var(--fa);
}
.iconText.iconRight {
  padding-right: 25px;
  padding-left: 0;
  text-align: right;
}
.iconText.iconRight::before {
  right: 0;
  margin: 0;
}

#pageSlider {position: relative;}
#pageSlider .topic::before{border-color: #FCCB06;}
#mainSlider.slick-dotted{margin-bottom: 0;}
#mainSlider .slick-dots{bottom: 30px;}
#mainSlider .slick-cont-animated{opacity: 0 !important;}

#mainSlider img{
  /*filter: grayscale(100%);*/
  -ms-transition: all 12s ease-in;
  -webkit-transition: all 12s ease-in;
  transition: all 12s ease-in;
}


.ipItem{position: relative;}
.ipItem::before{
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#mainSlider img.zoomimg {
  /*filter: grayscale(0%);*/
  -ms-transition: all 12s ease-in;
  -webkit-transition: all 12s ease-in;
  transition: all 12s ease-in;
  transform: scale(1.2);
}

.hero_box {position: absolute;color: #fff;width: 100%;top: 50%;left: 0;right: 0;opacity: 0;text-align: center;}
.bannerHR{
  height: 2px;
  margin: 30px 0;
  width: 260px;
  max-width: 100%;
  background: #fff;
}
.bannerText{z-index: 10; }
.bannerText span{color: #FECC00;font-weight: 900;}

.bText1{
  margin: 0 auto;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  font-size: 34px;
  font-weight: 500;  
  padding: 0;
  margin: 0;
  line-height: 40px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin-bottom: 15px;
}
.bText2{
  margin: 0 auto;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
  font-optical-sizing: auto;
  font-style: normal;
  margin-bottom: 25px;
}
.bText3{
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 400px;
  padding: 0;
  margin: 0 auto;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-style: normal;
}
.bannerText .bigButton{margin:0 25px;}
.bannerText .iconButton::before{
  background: #EE6C4D;
}


#pageSlider .slick-dots li button{
  background: #FECC00;
}
.hero_box a{
  color: #fff;
}
.p20{
  padding: 20px;
}
.p20-0{
  padding: 30px 0;
} 
.bgcolor1{
  background: #eee;
}
.bgcolor2{
  background: #ddd;
}
.bgcolor3{
  background: #002639;
  color: #fff;
}
.bgcolor4{
  background: #095573;
  color: #fff;
}
.bgcolor5{
  background: #FECC00;
  color: #fff;
}

.p50-0{
  padding: 50px 0;
}

.darkBG{
  background-color: #129da4;
  color: #fff;
  overflow: hidden;
}
.darkBG2{
  background-color: #f5f5f5;
  color: #000;
  overflow: hidden;
}


.body {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.whitebg{
  background: #fff;
  color: #000;
}
.lightBG {background: #e5e5e5;}
.bodyBlock{padding: 50px 0;}
.cDarkbg{color: #fff;font-size: 18px;text-shadow: 1px 1px 2px #000;}
.cDarkbg.pgContent ul li::before {line-height: 27px; color: #fff;}

.bgImg{padding: 200px 0;background-attachment: fixed;background-size: cover;position: relative;color: #fff;}
.bgImg::before{content: ' '; top: 0;left: 0;bottom: 0;right: 0;position: absolute;background: rgba(0, 0, 0, 0.5);}
.bgimg1{background-image: url();background-position: bottom; background-repeat: no-repeat; background-size: cover;background-attachment: scroll;}
.bgImg .title *{color: #fff;}
.bgimg2{background-image: url(../images/footer-form.avif);background-position: center;background-size: 40%;padding: 150px 0 !important;}
.bgimg3{background-image: url(../images/bg3.jpg?new1);background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff;}
.bgimg4{background-image: url(../images/bg4.jpg?new);background-position: top left; background-repeat: no-repeat; background-size: contain;background-color: #505050;}

.bgimg3 .pgContent ul li::before,
.bgimg3 .pgContent,
.bgimg4 .pgContent ul li::before,
.bgimg4 .pgContent{color: #eee;}
.bgimg4 .title *{color: #fff;}

.bgimg3 .servicesBlock2 .serImg i{background: #FECC00;color: #095573;}

.mt-50{margin-top: 50px;}

.proVideoBlock{padding: 120px 0;}
.proVideoBlock iframe{border: 1px solid #386D93;box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.7);}
.bgTsp{background: rgba(255, 255, 255, 0.9);box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);}
.bgdiv{
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  background-attachment: fixed;
  padding: 100px 0;
  color: #f5f5f5;
  text-shadow: 1px 1px #000;
  font-size: 16px;
  font-weight: 500;
}

.servicesBlock2 {
  padding: 50px 25px;
  text-align: center;
  font-weight: 500;
}
.servicesBlock2 .serImg i {
  font-size: 36px;
  height: 80px;
  width: 80px;
  line-height: 80px;
  border-radius: 100%;
  text-align: center;
  margin-bottom: 15px;
  background: #37454c;
}
.servicesBlock2 h3 {
  color: #fff;
  font-size: 24px;
}




.bgcolor5 .servicesBlock2,
.bgcolor5 .servicesBlock2 h3,
.bgcolor7 .servicesBlock2,
.bgcolor7 .servicesBlock2 h3 {
  color: #095573;
}

.servicesBlock {
  margin: 0;
}
.serviceBlock {
  margin: 15px 0;
  text-align: left;
  position: relative;
  padding-left: 70px;
  color: #fff;
}
.serviceBlock .serImg {
  position: absolute;
  top: 0;
  left: 0;
}
.serviceBlock .serImg img {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
}
.serviceBlock .serImg i {
  font-size: 24px;
  line-height: 50px;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  text-align: center;
  color: #37454c;
  background: #ffcc29;
  border-radius: 100%;
}
.serviceBlock h3{
  font-size: 22px;
  color: #fff;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 10px;
  text-shadow: 1px 1px #000;
}

.serviceBlock.ic2 .serImg i{
  color: #fff;
  background: #EE6C4D;
}
.serviceBlock.ic2 h3{
  color: #333;
  text-shadow: none;
}
.serviceBlock.ic2 p{
  color: #666;
}

.iconsBlock{margin: 25px 0;}
.iconsBlock .iconText{color: #129da4;font-size: 22px;padding-left: 40px;}
.iconsBlock .iconText::before {margin-left: -40px;}

.bigIcon {
  padding: 30px 15px;
  text-align: center;
  border-radius: 30px;
}
.bigIcon i{
  display: block;  
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 15px;
}
.bigIcon span{
  text-transform: uppercase;
  display: block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.pro-block-gal {position: relative;}
.pro-block {
  box-sizing: content-box;
  overflow: hidden;
  background: #fff;
  margin: 15px 0;
  position: relative;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.20);
}
.pro-block a{position: relative;}

.pro-block-img{
  height: 200px;
  width: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pro-block img {
  max-width: 100%;
  width: 100%;
}
.pro-block a {
  position: relative;
  display: block;
  overflow: hidden;
}
.pro-block h3 {
  padding: 15px 15px;
  text-align: center;
  font-weight: normal;
  font-size: 18px !important;
  line-height: 24px !important;
  margin: 0;
  position: relative;
  z-index: 3;
  white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;
  color: #fff;
  margin-top: 10px;
  background-color: #EE6C4D;
}
.pro-block a::after{
  content: "\f0c1";
  font-size: 24px;
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  position: absolute;
  height: 40px;
  width: 40px;
  left: 50%;
  top: 50%;
  z-index: 2;
  border-radius: 100%;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin-top: -50px;
  margin-left: -20px;
  opacity: 0; 
}
.pro-block a::before{
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 64px;
  margin-top: 50%;
  margin-bottom: 50%;
  margin-left: 50%;
  margin-right: 50%;
  border-radius: 100%;
  z-index: 1;
  display: block;
  content: ' ';
}

.pro-block:hover{
  border-color: #56646F;
}
.pro-block:hover a::before{
  border-radius: 0;
  margin: 0;
}
.pro-block:hover a::after{
  opacity: 1;
}

.pro-block:hover h3{
  color: #fff;
}
.pro-block .bigButton{
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}
.pro-video{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.pro-video::before{
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  color: #fff;
  content: "\f04b";
  background: #3D4EA0;
  border-radius: 100%;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  z-index: 5;
  text-align: center;
  box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.pro-video::after{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  content: ' ';
}
.pro-video *{z-index: 2;position: relative;}

.proImgGal{border: 2px solid #333;}
.proImgGal .pro-block2{margin: 0;}

.flex4{display: flex;align-items: flex-start;justify-content: start;flex-grow: 1;}
.flex4 .flexItem{min-width: 25%; width: 25%;height: 100%;}
.d-flex{display: flex;align-items: center;}
.footerForm{padding: 100px 0;}
#footer {color: #fff;padding: 60px 0;background: #053b51;}
#footer h3{position: relative;margin-bottom: 40px;color: #fff;}
#footer h3::after{content:' ';height:2px;width:50px;position:absolute;bottom:-14px;left:0;background:#00B0EF;}
#footer p{margin-bottom: 15px !important;}
#footer ul{margin: 10px 0;padding: 0;list-style: none;}
.footer-block{margin: 30px 0;font-weight: normal;color: #fff;}
.footer-block .logo {margin-bottom: 20px;}
.footer-block .logo img{height: 50px;}
.footer-block .cName{line-height: 40px;font-size: 24px;font-weight: 900;}
.footer-block .cSlogan{line-height: 10px;font-size: 10px;}

.footer-social{padding:  15px 0;display: flex;align-items: flex-end;justify-content: end;}
.footer-social a{font-size: 22px;display: block; height: 40px; width: 40px; text-align: center;line-height: 40px;}
#footer .footer-block a{color: #fff;}
#footer a {color: #fff;}
#footer ul li a {color: #fff;display: block;}
#footer a:hover {color: #fff;}
#footer ul li{padding-left: 20px;}
#footer .footer-nav{padding: 0;}
#footer .footer-nav ul{list-style: none;padding: 0; margin: 0;}
#footer .footer-nav ul li{padding: 0;position: relative;padding-left: 20px;}
#footer .footer-nav ul li a{display: block;color: #fff;padding: 5px 15px;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;font-weight: bold;}
#footer .footer-nav ul li::before {content: "\f30b";color: #fff;font-size: 16px;margin-left: -20px;line-height: 36px;font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";font-weight: 900;position: absolute;}
#footer .footer-nav ul li a:hover{color: #fff;}
#footer p.iconText{padding-left: 48px;}
#footer .iconText::before {color: #fff;font-size: 20px;margin-left: -48px;width: 38px;text-align: center;}
#footer-bottom{background-color: #032d3e;color: #fff;padding: 10px 0;}
#footer-bottom p{margin: 0;}
#footer-bottom a{color: #fff;}
#footer-bottom a:hover{color: #fff;}

.rightside,.leftside{margin-bottom: 30px;}
.leftside ul{list-style: none;padding: 0;margin: 0;margin-bottom: 30px;}
.leftside ul li{border-top: 1px solid #ccc;}
.leftside ul li:first-child{border: none;}
.leftside ul li a{padding: 3px 0;display: block;font-size: 13px;font-weight: bold;}


.serBlock{border:3px solid #f5f5f5;margin: 30px 0;border-radius: 5px;position: relative;}
.serBlock:hover{border-color: #131e56;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);}
.serBlock:hover .bigButton{border-radius:5px 0 0 0;}
.servFooter .btnClr2, .servFooter .btnClr2:hover,.servFooter .btnClr2:focus {border-bottom: none;border-right: none;overflow: hidden;}
.catNm{
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 40px;
  padding: 0 15px;
}
.hoursDiv{
  position: absolute;
  top: 20px;
  right: 0;
  line-height: 36px;
  background-color: #f1f1f1;
  padding: 0 20px;
  padding-left: 34px;
}
.hoursDiv::before{
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  content: "\f017";
  font-weight: normal;
  font-size: 18px;
  line-height: 36px;
  position: absolute;
  margin-left: -24px;
}
.catDiv{
  position: absolute;
  top: 20px;
  left: 0;
  line-height: 36px;
  background-color: #00B0EF;
  padding: 0 20px;
  z-index: 1;
  font-size: 18px;
  color: #fff;
  padding-right: 30px;
}
.catDiv::after{
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  content: "\f0da";
  font-weight: normal;
  font-size: 18px;
  line-height: 36px;
  position: absolute;
  right: 12px;
  top: 0;
}
.catDiv a{
  color: #fff;
  display: block;
}

.borderBlock{
  border: 2px solid #eee;
  margin-bottom: 30px;
  -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
}
.borderBlock h4{
  margin-bottom: 0 !important;
}

.imgBlock{
  padding: 15px;
}
.serData{
  padding: 20px 0;
  padding-right: 20px;
}
.noThumb .serData{
  padding: 15px;
}
.imgBlock img{width: 100%;}
.imgBlock h4{
  text-align: center;
  margin: 15px 0;
}
.serData h3{
  font-size: 22px;
  margin-bottom: 15px;
}
.serData .serDesc{
  margin-bottom: 10px;
}
.pgContent ul{
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  list-style: none;
}
.pgContent ul li{
  padding-left: 25px;
  margin: 3px 0;
  display: block;
}
.pgContent ul li::before{
  font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";
  color: #1a1e29;
  content: "\f058";
  position: absolute;
  font-weight: normal;
  margin-left: -25px;
  font-size: 14px;
  line-height: 2em;
}

.pgContent ul.slick-dots {margin: 0;padding: 0;}
.pgContent ul.slick-dots li{padding: 0; margin: 0 5px;}
.pgContent ul.slick-dots li::before{display: none;}

.darkBG .pgContent ul li::before,
.bgdiv .pgContent ul li::before{color: #fff;}
.bigText ul li::before {
  line-height: 30px;
}
.left-blocks{
  font-size: 16px;
  margin-bottom: 30px;
}
.left-blocks p{
  margin: 0;
}
.left-blocks.small-blocks{
  font-size: 14px;
  line-height: 26px;
}
.contactPerson{
  margin-bottom: 15px;
}
.pgContent table{width: 100%;border-spacing: 2px;border-collapse: separate; margin-bottom: 30px;}
.pgContent table p{margin: 0;}
.pgContent table td,
.pgContent table th{padding: 10px; background: #f5f5f5;}
.tabGal {}
.tabGal .nav-tabs {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow-x: visible;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  min-width: 50px;
  border: none;
}
.tabGal .nav-tabs li {
  border: none;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: auto;
  margin: 0 10px;
  text-align: center;
}
.tabGal li.active:after {
  content: "";
  display: block;
  position: absolute;
  border: 11px solid transparent;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  border-top-width: 11px;
  z-index: 1;
  margin-top: -1px;
  border-top-color: #56646F;
}
.tabGal .nav-tabs li a {
  background: #231F20;
  outline: none;
  color: #fff;
  text-shadow: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-align: center;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.25;
  margin: 0;
  border: 0;
  border-radius: 4px;
  -webkit-transition: all 0.07s ease-out;
  transition: all 0.07s ease-out;
}
.tabGal li.active,
.tabGal li.active a,
.tabGal li.active a:hover,
.tabGal li.active a:focus,
.tabGal li:hover a,
.tabGal li:focus a {
  background: #56646F;
  color: #fff;
  border-radius: 4px;
  text-shadow: none;
}
.tabGal .nav-tabs li a:hover,
.tabGal .nav-tabs li a:focus {
  border: none;
}
.tab-data{
  margin: 20px 10px;
  padding: 15px;
  background-color: #dee;
}

.form-control{
  height: 44px;
  font-size: 18px;
  border-radius: 0;
}

#map_canvas{
  height: 535px;
  border: 3px solid #999;
  position: relative;
}
#footer #map_canvas{
  height: 230px;
  position: relative;
  margin:0;
  
}


.progressWrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.progressTitle {
  margin-bottom: 15px;
}
.progressBar {
  background-color: #ccc;
  height: 5px;
  margin-bottom: 30px;
  position: relative;
}
.progressCom {
  background: #000a2a;
  background:-moz-linear-gradient(left, #000a2a,#000a2a);
  background:-o-linear-gradient(left, #000a2a,#000a2a);
  background:linear-gradient(left, #000a2a,#000a2a);
  height: 5px;
  position: relative;
}
.progressValue {
  position: absolute;
  right: 0px;
  background-color: #56646F;
  padding: 4px 8px;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
  margin-top: -31px;
  border-radius: 0px 5px 0 5px;
  font-size: 12px;
}
.progressValue::after {
  content: " ";
  position: absolute;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 26px;
  border-top: 5px solid #56646F;
  border-left: 5px transparent solid;
  width: 5px;
  height: 10px;
}
#fg-tbtn span{
  margin: 0 !important;
}

.delay1{animation-delay: 0.25s !important;}
.delay2{animation-delay: 0.50s !important;}
.delay3{animation-delay: 0.75s !important;}
.delay4{animation-delay: 1s !important;}
.delay5{animation-delay: 1.25s !important;}
.delay6{animation-delay: 1.50s !important;}
.delay7{animation-delay: 1.75s !important;}
.delay8{animation-delay: 2s !important;}
.delay9{animation-delay: 2.25s !important;}
.delay10{animation-delay: 2.50s !important;}
#events{padding: 20px;position:fixed; width:50%; left:0;bottom: 0;display:none;z-index: 3;background:rgba(0, 0, 0, 0.7); color:#fff;border-top:3px solid #000; border-right:3px solid #000;}
#events a{color:#fff;}
#events .btn{display:block; font-weight:bold; text-transform:uppercase;}
#events h4{text-transform:uppercase; font-size:14px; font-weight:bold; margin:0; line-height:30px;}
#events h4 i{padding-right:8px;}
#events .label{margin-right:10px;}
#events .close-event{position:absolute; right:5px; top:0px; cursor:pointer;}
#events .title-event{position:absolute; left:0px; top:-30px; background-color: #131e56; color: #fff; padding: 0 10px;font-weight: bold;}
.updates-wrap{margin-bottom:30px;padding-bottom:30px; background-color: #fff; padding: 10px; border: none;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.20);}
.updates-block{}
.updates-block img{width:100%; border:1px solid #ccc;}
.updateImage-block {height: 150px; width: 100%;background-position: center; background-size: cover;position: relative;background-repeat: no-repeat;border: 1px solid #999; margin-bottom: 15px;}
.updates-block h3{margin-bottom:5px;font-size:18px; line-height:24px;}
.updates-date{margin-top: 20px;}
.updates-block span.date, .updates-block span.time{margin-bottom:10px; font-size:12px; text-transform:uppercase; display:block; color: #888;}
.updates-block span i{margin-right:5px;}
.updates-block .more {display:block;}
.updates-block .more i{margin-left:5px; background:#333; padding:4px 0; border-radius:100%; text-align:center; height:20px; width:20px; color:#fff;}
.updates-wrap h3{margin-bottom:15px;}
.updates-wrap span.date, .updates-wrap span.time, .updates-date span{margin:10px 0; font-size:14px; font-weight:bold; display:block;color: #888;}
.updates-date to{padding:0 5px; color:#900;}
.updates-wrap h3 span.date{margin:0; border-right:1px solid #ccc; padding-right:10px; margin-right:10px; display:inline;}
.updates-wrap span.tags a{font-weight:normal; padding:0 5px;}

.homepgUp .updates-wrap{}
.homepgUp .updates-block{margin: 0;}
.pro-items{margin: 3px 0; font-size: 18px; line-height: 24px; padding: 5px 20px; padding-left: 30px;position: relative;}
.pro-items::before{position: absolute;font-family: "FontAwesome","Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro";content: "\f058";color: #56646F;left: 0;}
.iconBlock {text-align: center;}
.iconImg{font-size: 60px; line-height: 60px;}
.iconNumber{font-size: 40px;margin-left: 25px;font-weight: bold;line-height: 60px;}
.iconBlock h3{margin: 25px 0;color: #fff;font-size: 22px;}
.highlightedText{font-size: 30px;text-align: center;font-weight: bold;}
.iconBoxWrap{border: 3px solid #333;border-radius: 15px;padding: 30px; text-align: center;}
.iconBoxWrap h2{font-size: 24px;}
.iconBox{text-align: center;}
.iconBox img{max-width: 100%;width: 100px;margin: 15px 0;}
.iconBox h3{font-size: 20px;}

.cntImgGal{float: right;display: block;width: 30%; margin-left: 15px;margin-bottom: 15px;}

.floating_btn {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}
.contact_icon {
  background-color: #37AE4A;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:40px;
  border-radius: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #37AE4A;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}

@keyframes pulsing {
  to {box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);}
}

#buyReqBox .modal-content{border-radius: 0;background: #2A3B45;}
#buyReqBox .modal-header{padding: 0;border: none;}
#buyReqBox .modal-body{padding: 10px 30px;padding-bottom: 20px;}
#buyReqBox .modal-body{color: #fff;}
#buyReqBox .modal-title{
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  line-height: 30px;
  padding: 20px 0;
  font-weight: 900;
}
#buyReqBox .modal-footer{border: none;text-align: center;}
#buyReqBox .close{
  position: absolute;
  right: -13px;
  top: -13px;
  height: 30px;
  width: 30px;
  background: #000;
  opacity: 1;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  line-height: 28px;
  border-radius: 100%;
}
red{color: #ff0000;}
.qc-form-loading{
  background: url('../images/loading.gif') no-repeat;
  height: 40px;
  background-size: contain;
  background-position: center;
  display: none;
  width: 40px;
  border-radius: 100%;
  margin: 30px auto;
}
.qc-form-msg{
  background: #abecf3;
  padding: 10px 15px;
  border: 2px solid #2695a0;
  border-radius: 4px;
  display: none;
  color: #005159;
  line-height: 24px;
  margin: 15px 0;
}

.form-error{
  color: #8a0000;
  border-color: #8a0000;
  background-color: #ffe3e3;
}

.form-success{
  color: #006410;
  border-color: #006410;
  background-color: #e1ffe6;
}
.capchaBlock {display: none;}
#recaptcha {margin: 0 auto !important; width: fit-content;}

.pro-block3{border: 1px solid #999;}
.clients-block .pro-block-img{height: 150px;}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #00769f;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.text-area{height: 130px;}

.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.facility-tour img{float: right;margin-left: 20px;margin-bottom: 20px;border: 1px solid #111;padding: 5px;}
.facility-tour table{margin-bottom: 50px;}

@keyframes animate{
  0%{width:0px;}
  100%{width:80px;}
}
@media (min-width: 1400px){
  .container {width: 1280px;}
}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (max-width: 480px) {}
@media (max-width: 979px) {}
@media (min-width: 980px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 992px), (max-width: 767px) {
  
  #topBar{display: none;}
  .mobMenu{display: block;}
  .topBtns{display: none;}
  .siteNavBar{margin: 0; display: none; background: #0a6fa3;}
  .siteNavBar > ul{display: block;border-top: 1px solid #1b1919;}
  .siteNavBar > ul > li{border-bottom: 1px solid #1b1919;}
  .siteNavBar > ul > li > a{padding: 10px 15px;}
  .siteNavBar li.subMenu ul{position: relative !important;box-shadow: none !important;border: none !important;max-width: 100% !important;width: 100% !important;left: auto !important;right: auto !important; top: auto !important;border-bottom: 2px solid #1b1919 !important;}
  .siteNavBar li.subMenu{padding-right:0;}
  .siteNavBar li.subMenu > a{margin-right:40px;}
  .siteNavBar li.hasMenu::after,
  .siteNavBar li.subMenu::after
  {content: '+';width: 40px;top: 0px;right: 0px;margin-top: 0;height: 40px;line-height: 40px;font-size: 26px;text-align: center;border: none;color: #37454c;cursor: pointer;background: #ffcc29;}
  .siteNavBar li.openSubMenu::after{content: '-' !important;background-color: #15171E !important;color: #fff !important;}
  .siteNavBar li.openSubMenu > a{background-color: #37454c !important;color: #fff !important;}
  .hero_box {display: none;}
  .inBodyBtn.dflex,
  .titleBlock.dflex{display: block;}
  .titleBlock.dflex .w50{width: 100%;min-width: 100%;max-width: 100%;}
  .inBodyBtn .bigButton {margin-bottom: 15px !important;}
  #footer-bottom{text-align: center;}
  .footer-social{justify-content: center;}
  #fg-tbtn {top: auto;right: 0 !important;transform: none;margin-top: 0;left: 0;}
  .body{padding: 30px 0;}
  .cntImgGal{float: none;width: 100%;margin: 0;margin-bottom: 25px;}
  .pgTitleContent{padding: 0px;border: none;margin-top: 10px;}
  .titleBlockStyle::before, .titleBlockStyle::after {display: none;}
  .bgimg4{background-image: none;}
  #footer{padding: 30px 0;}
  .flex4{flex-direction: column;}
  .flex4 .flexItem{min-width: 100%;width: 100%;}
  #fg-qcontactform-wp{left: 50% !important;margin-left: -150px !important;  }
  #header{background: #095573;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.20);position: relative;top: auto;left: auto;right: auto;width: 100%;  }
  .logo {padding:5px 15px;}
  #topLogo{padding: 0;}
  #topNav{margin: 0 -15px;padding: 0;}
  #topNav .social{display: none;}
  #topNav .headerNav {display: block;}
  .social{display: none;}
  #topNav .mbSearch a#webSearchOpBtn{text-align: center;line-height: 40px;font-size: 30px;width: 40px;height: 40px;color: #fff; }
  .headerNav .dflex{display: block;}
  .searchLi{padding: 10px 15px;float: right;}
  .searchLi .dflex{background: none;display: flex;align-items: center;justify-content: space-between;}
  .quoteContent{border: none;text-align: center;padding-left: 0;}
  ul.w25 > li,
  ul.w50 > li,
  ul.w33 > li{float: none;width: 100%;display: block;}
  .serData{padding: 15px;}
  .pageTitle {padding: 50px 0;text-align: left !important;}
  .pageTitle .textCenter{text-align: left !important;}
  .pageTitle h1{font-size: 20px;}
  .pgContent ul li{width: 100%;float: none;display: block;}
  #footer-bottom{padding-bottom: 50px;}
  .footer-block{margin: 30px 0;}
  .footer-nav ul{display: block;}
  .footer-nav ul li {width: 50%;display: block;float: left;}
  .footer-nav ul::after{clear: both;display: block;height: 0px;width: 0px;line-height: 0px;content: ' ';}
  #footer-bottom .textRight{text-align: center !important;} 
  .pageTitle .dflex{display: block;}
  .pageTitle .root .breadcrumb{text-align: left;}
  #footer .footer-nav ul{display: block;}
  #footer .footer-nav ul li{float: none; width: 100%;}
  #footer .footer-nav ul li::before{left: 25px; right: auto;}
  #footer .footer-nav ul li:last-child::before{display: block;}
  .industryFlex{display: block;}
  .industryFlex .w20{width: 100% !important;min-width: 100% !important; max-width: 100% !important;}
  .updates-block .p20{padding: 20px 0;}
  .cntImgGal{float: none;width: 100%;margin: 0;margin-bottom: 25px;}
  .pgTitleContent{padding: 0px;}
}



/* modal */
.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body,.modal-fullscreen .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}
/* modal */


.opbl-item-group{overflow: hidden;border-top: 1px solid #37454c; border-bottom: 1px solid #37454c;}
.opbl-item-group > div{position: relative;}
.opbl-item-group > div > h4{font-size: 20px;line-height: 24px;font-weight: 900;position: relative;font-weight: 500;margin: 0;padding: 15px 10px;border-top: 1px solid #37454c; border-bottom: 1px solid #37454c; padding-right: 60px;}
.opbl-item-group > div.dropdownMenu{cursor: pointer;}
.opbl-item-group > div.dropdownMenu h4::after{position: absolute;right: 0;top: 0;font-size: 22px;font-family: FontAwesome;content: '\2b';font-weight: normal;display:block;text-align: center;cursor: pointer;height: 55px;width: 55px;line-height: 55px;}
.opbl-item-group > div.open h4::after{content: '\f068';}
.opbl-item-body{background: #f5f5f5;padding: 30px;display: none;overflow: hidden;position: relative;border-left: 1px solid #37454c;border-right: 1px solid #37454c;}

.contactFm p.iconText{margin-bottom: 10px;font-size: 18px;font-weight: 500}
.contactFm a{color: #00769f;}
.contactFm a:hover{color: #00769f;text-decoration: underline;}

.form-group{margin-bottom: 10px;}
.control-label{margin-bottom: 8px;}
.form-control{margin-bottom: 8px;}
.form-text{line-height: 44px;font-weight: bold; font-size: 18px; padding: 0;margin: 0;display: block;}
.label-box-wrapper{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  
}
.control-label-box{
  display: block;
  padding: 10px 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  font-weight: bold;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #00769f;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-right:10px;
  margin-bottom: 8px;
}

.box-default{background-color: #00769f !important;color: #fff !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-white{background-color: white !important;color: #000000 !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-green{background-color: green !important;color: #fff !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-red{background-color: red !important;color: #fff !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-blue{background-color: blue !important;color: #fff !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-black{background-color: black !important;color: #fff !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-yellow{background-color: yellow !important;color: #000 !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-purple{background-color: purple !important;color: #fff !important;border-color: #000 !important; border: 2px solid #000 !important;}
.box-no-mask{background-color: white !important;color: #000 !important;border-color: #000 !important; border: 2px solid #000 !important;}


.form-title{
  text-transform: uppercase;
  padding: 8px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background: #fff;
}
.pcbCalculation{background: #f5f5f5; padding: 20px;}
.pcbCalculation .bigButton{padding: 0 5px;line-height: 44px;height: 44px;font-size: 16px;border-radius: 4px;}