html {scroll-behavior: smooth;}
body{font-size: 14px; color: #333;}
img{max-width: 100%;}
#wrapper {}
.sticky{}
.container{max-width: 1040px;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}



.topBarWrap{color: #DDD; padding: 5px 0; font-size: 12px}
.topBarWrap a{text-decoration: none;}
.hleft{font-size: 14px; font-weight:700 }
.hleft span{font-size: 13px; padding-right: 15px; font-weight: 900}
.hleft .fa-phone{ transform:rotate(160deg); }
.hmidle{text-align: center;}
.hright{text-align: right;}











/* MainMenu     SECTION
---------------------------------------------------*/
.hwrap{position:fixed; top:0px; width:100%; display:block; transition:top 0.3s; z-index:33; border-bottom: 7px transparent solid; }
#mainNavWrap{  }
.sticky .hwrap{top:-28px;}
.hwrap .navbar-brand img{display: none;}

.sticky .LogoWrap img,
.logoBx img{ max-width:200px; }
.sticky .logoBx img{ max-width:120px; }
.sticky .headBar.pt-3{padding-top: 3px !important}

.mainMenu{}
.mainMenu ul.navbar-nav{text-align: center; width:100%; display:block; }
.mainMenu ul li{display: inline-block; position: relative; padding: 0 10px}
.mainMenu ul li a{padding: 3px 12px; text-transform: uppercase; display: block; text-decoration: none;}

.mainMenu ul ul.SubMenu{position: absolute; top: 300px; left: 10px; width: 200px; height: 0; overflow: 0; overflow: hidden; marigin:0;padding:0;}
.mainMenu ul ul.SubMenu li{ font-size: 12px; display:block; text-align:center; padding:0; margin:0; border-top:1px rgba(256, 256, 256, 0.3) solid; border-bottom:1px rgba(1, 1, 1, 0.3) solid; }
.mainMenu ul li:hover ul.SubMenu{padding:20px 15px 30px;top: 100%; height: auto; overflow: 1; overflow: visible; border-radius: 0 0 10px 10px;}

.adapt{
	font-size: 13px;
	padding-left: 40px;
	line-height: 2px;
	letter-spacing: 2px;
	word-spacing: 3px;
}










/* Logo Right     SECTION
---------------------------------------------------*/

.headBar{display: block; text-align: center;}
.icoBx{display: inline-block; margin-right: 18px; cursor: pointer;}
.icoBx span{display: block;}
.static .navLogo{ width: 100px; height: auto;}
.navLogo img{ background-color:#ddd; padding:0 5px; border-radius:5px; }




.headBar{text-align: right;}
.headBar a{ text-align: center; display:inline-block; width:25px; height:25px; line-height:25px; border-radius: 4px; font-size:15px; }








/* SLIDER     SECTION
---------------------------------------------------*/
.sliderWrap{ padding: 125px 0 0px }

.owl-carousel .owl-nav{position: absolute; right: 12px; bottom: 0px;}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{ font-size:30px !important; line-height:0px; width: 20px; height:20px; opacity:0.5 }
.owl-carousel .owl-nav span[aria-label="Previous"],
.owl-carousel .owl-nav span[aria-label="Next"]{position: relative; top: -5px}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover{opacity: 1}
.owl-carousel .owl-dots{display: none;}

.sliderWrap{position: relative;}
.slideTxt{ width: 70%; position: absolute;z-index: 2; left: 20%; top: 70%; transform: translate(-30%,-50%); }
.slideTxt h1{font-size: 65px; line-height:100%; }







/* WelcomeWrap     SECTION
---------------------------------------------------*/
.welcomeWrap{padding: 60px 0;}
.welcomeWrap .title{ text-transform:uppercase; }
.welcomeWrap .subTitle{ text-transform:uppercase; font-weight:100; padding-bottom:15px; }

.contactTouch{box-shadow: 0 0 12px #999; padding: 15px; border-radius: 7px}
.form-control.half{ float:left !important; width: 48%; margin-right:3%; }
.form-control.half.right{margin-right: 0;}
.contsBtn{display: block; width: 100%; max-width: 200px; font-weight: 700; padding: 7px 15px; text-align: center; border: 1px transparent solid;}
.welcomeWrap .txt{ text-align:justify; }
.cname{color: #0e743b; text-transform: uppercase; font-weight: 600}
.cname span{display: inline-block; color: #ed1b4b;}


/* FeaturedWrap     SECTION
---------------------------------------------------*/
.featuredWrap{ background: #f8f8f8; padding: 20px 0 60px; text-align: center;}
.featuredWrap .title{ padding:12px 0 5px; }
.featuredWrap .inner{ position: relative; padding: 12px; border: 1px transparent solid;}
/*.featuredWrap .inner:hover{box-shadow: 0 0 30px #999;}*/
.featuredWrap .more{ display:inline-block; text-decoration: none; border: 1px transparent solid; color:transparent; padding:3px 35px; text-transform:uppercase; }
.featuredWrap .photo{position: relative; overflow: hidden;}
.featuredWrap .photo .cover{position: absolute; width:100%; height:100%; top:0; left:-100%; z-index:3 }

.featuredWrap .inner .txt{position: relative; z-index: 2}
.featuredWrap .inner:after{content: ""; position: absolute; width: 1px; height: 100%; border: 2px transparent solid; top: 0; left: 0; z-index: 1}
.featuredWrap .inner:hover:after{ width:100%; box-shadow: 0 0 30px #999;}
.featuredWrap .inner:hover .photo .cover{left:0}

.conunters{display: block; padding: 0px 0 0}
.conunters span{display: inline-block;}





/* ServicesWrap     SECTION
---------------------------------------------------*/
.servicesWrap{ padding: 0px 0 60px; text-align: center;}
.servicesWrap .title{ padding:12px 0 20px }
.servicesWrap .inner{ padding: 25px 12px; position:relative; border: 1px transparent solid; }
.servicesWrap .inner:after{content: ""; position: absolute; width: 1px; height: 100%; border: 2px transparent solid; top: 0; left: 0; z-index: -1}
.servicesWrap .inner:hover:after{ width:100%; }
.servicesWrap .title{ text-transform:uppercase; }
.servicesWrap .more{ display:inline-block; text-decoration: none; border: 1px transparent solid; color:transparent; padding:3px 35px; text-transform:uppercase; }
.servicesWrap .iconBx{ margin:0 auto; display:inline-block; width:100px; height:100px; line-height:100px; font-size:70px; text-align:center; margin-bottom: 20px; border-radius:50%; }
.servicesWrap .inner:hover .iconBx{ font-size:40px; }
.servicesWrap .photo{position: relative; overflow: hidden;}
.servicesWrap .photo .cover{position: absolute; width:100%; height:100%; top:0; left:-100%; z-index:3 }
.servicesWrap .inner:hover .photo .cover{left:0}















/* SUB Page     SECTION
---------------------------------------------------*/
.subPageBannerWrap{ padding: 125px 0 0px; background-size: cover !important; box-shadow: 0 0 120px #111;}
.subPageBannerWrap .inners{position:relative; padding:100px 0 40px }
.subPageBannerWrap .inners:after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(10%, 10%, 10%, 0.4); z-index: 1}

.subPageBannerWrap .container{ color:#fff;position: relative; z-index: 2}
.subPageBannerWrap .title{ text-transform:uppercase; font-size:49px; margin-bottom:0; }
.subPageBannerWrap .subTitle{ font-weight:100; }



/* SUB Page     SECTION
---------------------------------------------------*/
.contentWrap{ padding:90px 0; text-align:justify; }




/* certificateWrap     SECTION
---------------------------------------------------*/
.certificateWrap{ padding:60px 0; }
.certificateWrap .title{ text-align:center; font-size:42px }
.certificateWrap .title i{font-size: 20px}



.prodGall{}
.prodGall .inner{ border:1px transparent solid; box-shadow:0 0 7px #999; border-radius:10px; overflow:hidden; }
.prodGall .inner:hover{ box-shadow: 0 0 20px #333; }
.prodGall .inner:hover img{transform: scale(1.2);}



/* footerWrap     SECTION
---------------------------------------------------*/
.footerWrap{padding: 30px 0 30px; color: #ddd; box-shadow: 0 -2px 12px #999;}
.footerWrap h5{text-transform: uppercase;}
.footerWrap ul{margin: 0; padding: 0; list-style: none;}
.footerWrap span{display: block;}
.footAbout .txt{ padding-bottom:12px; line-height:16px }
.footAbout span{ display:inline-block; }
.footSocial a{ display:inline-block; line-height:22px; font-size:18px; text-align:center; }

.footRecent{}
.footRecent a{ text-decoration:none; }
.footRecent li{width: 100%; float: left; clear: both; padding: 4px 0 10px}
.footRecent .photo{ width:60px; float:left; padding-right:12px; }
.footRecent h6{padding: 0; margin: 0; font-size: 14px}
.footRecent span{font-size: 11px; font-style: italic;}

.footMedia{}
.footMedia li{ width: 100%; float:left; clear:both; }
.footMedia .left{ height: 50px; padding-top: 7px; float:left; padding-right:12px; }




/* copyrightWrap     SECTION
---------------------------------------------------*/
.copyrightWrap{padding: 12px 0; color: #aaa; border-top: 1px transparent solid; }