*{margin: 0; padding: 0; box-sizing:border-box;}

:root{
    --yellow:#ffcd02;
    --sky:#0386e1;
    --white:#fff;
}
body{font-size: 16px; font-family: 'Poppins', sans-serif !important; color:#252525 !important;}
.bg1{background-color: #f1f1f1}

.header-top{margin-bottom:20px}
.header-top a{color:var(--white);}
.header-top a.logo{margin:10px 0; display:inline-block;}
.header-top a.reach{float:right; margin:45px 15px; position: relative;}
.header-top a.reach::after{content: ""; right:-16px; position: absolute; width: 1px; height:15px; background-color: var(--white); top:4px;}
.header-top a.reach:first-child::after{display: none;}
a .call{width: 20px; height: 20px; background:url(../images/call.png) center center no-repeat; float: left; margin-top:2px;}
a .env{width: 20px; height: 20px; background:url(../images/env.png) center center no-repeat; float: left; margin-right:7px; margin-top:2px;}
.header-top a.reach:hover{color: var(--yellow); text-decoration: none;}

header{background:var(--sky) url(../images/header-bg.jpg) no-repeat center center; background-size:100% 100%; position:relative; padding-bottom:60px;}
header::before{content:""; position: absolute; top: 0; left: 0; width: 100%; height:100%; background-color:rgba(0, 0, 0, 0.75);}
section h2{font-size: 36px; font-weight:400; text-transform: uppercase;}

.header-information{padding:75px 0 0; color:var(--white);}
.header-information h2{font-weight:300; color: #f6ecc3; margin-bottom:40px; text-transform: uppercase;}
.header-information h2 strong{font-size: 48px; color: var(--yellow); font-weight: 400; display: block;}
.header-information h4{font-size:22px; margin-bottom:30px; font-weight:400; color:var(--white);}
.header-information ul{list-style: none;}
.header-information ul li{margin-bottom: 15px; padding-left:30px; font-size:18px; position: relative; color:var(--yellow);}
.header-information ul li::before{width:10px; height:10px; content:''; position: absolute; top:10px; left: 0; background-color:var(--yellow)}
.header-information.thank-you{padding:100px 0;}
.header-information.thank-you a{color: var(--colorW);}

.header-lp-forms{padding:30px 30px 15px; background:var(--white); border-radius: 15px; box-shadow:-22px 22px rgba(0, 0, 0, 0.3)}
.header-lp-forms p{margin-bottom:40px; position: relative; font-weight:600; text-align:center;}
.header-lp-forms p::after{ height:1px; background-color:#ccc; position: absolute; content:''; left:10%; right:10%; bottom:-15px;}
.header-lp-forms p{}
.header-lp-forms input,
.header-lp-forms select,
.header-lp-forms textarea,
.header-lp-forms input{border-radius:0; border-color:transparent; height:54px; width: 100%; font-weight: 400; background-color:#f6ecc3; color: #000; font-size: 15px;}
.header-lp-forms textarea{height:72px; resize: none;}
.header-lp-forms input.btn-danger,.btn-warning{background-color:var(--yellow); text-transform:uppercase; transition:400ms linear;}
.header-lp-forms input.btn-danger:hover,.btn-warning:hover{border-color: transparent; background-color: var(--sky); transition:400ms linear;}
.header-lp-forms p{color:#1d0102; padding-top: 10px;}
.header-lp-forms input::-webkit-input-placeholder{opacity: 1; color:#000;}
.header-lp-forms input::-moz-placeholder{opacity: 1; color:#000;}
.header-lp-forms textarea::-webkit-input-placeholder{opacity: 1; color:#000;}
.header-lp-forms textarea::-moz-placeholder{opacity: 1; color:#000;}
.highlights{color: var(--yellow); font-weight: 300; font-size:16px; margin-top: 40px;}
.highlights img{margin-right:10px;}
.additionals{background-color:var(--white); padding:80px 0;}
.additionals .counter-box{width:50%;background-color:#fafbfe; display:flex; justify-content:center; align-items:center; float:left; height:243px}
.additionals .counter-box .box{width:100%; text-align: center;}
.additionals .counter-box.yellow,
.additionals .counter-box:nth-child(2),
.additionals .counter-box:nth-child(3){background-color: var(--yellow);}
.additionals .counter,
.product-range-counter .counter{font-weight:500; color: var(--color1); margin-bottom: 10px;}
.additionals .counter-box p{text-transform:uppercase; padding:0 15px;}
.additionals h2{font-size:58px; text-transform: uppercase; color: var(--sky); text-align: right; padding:60px 0 0; font-weight:400;}
.additionals h2 strong{color:var(--yellow); display: block; font-weight:700;}
.pr-50{padding-right: 50px}

.information{padding:80px 0; background:url(../images/bg2.jpg) center center no-repeat; background-size: 100% 100%; position: relative; color:var(--white)}
.information::before{content:""; position: absolute; top: 0; left: 0; width: 100%; height:100%; background-color: rgba(1, 46, 84, 0.7);}
.information article{padding-top:0;}
.information article h2 strong{font-weight:400; color:var(--yellow)}
.information article ul{list-style:none; margin-top:30px; padding-left:15px}
.information article ul li{margin-bottom:15px; padding-left:25px; position: relative;}
.information article ul li::before{width:10px; height:10px; content:''; background-color:var(--white); position: absolute; top:5px; left: 0;}
.information .yt-btn{margin-top:80px; float: right;}
.information .yt-btn a{position: relative; cursor: pointer; display: block; box-shadow: 15px 15px var(--yellow), -15px -15px var(--yellow)}
.information .yt-btn a::after{position:absolute; left: 50%; top:50%; transition:400ms ease-in-out; transform: translate(-50%, -50%); content: ""; width:60px; height:42px; background:url(../images/yt-icon.png) no-repeat; opacity: 1;}
.information .yt-btn a::before{position: absolute; top:0; left: 0; content:""; width: 100%; transition:400ms ease-in-out; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0;}
.information .yt-btn a:hover::before{opacity: 1; transition:400ms ease-in-out;}
.information .yt-btn a:hover::after{opacity: .8; transition:400ms ease-in-out;}


/*Banner Slider*/
.bannerSection .owl-carousel{width:90%;}
.points .owl-carousel{width: 92%; margin: 0 auto;}
.bannerSection .owl-carousel .item,
.points .owl-carousel .item{padding:0; margin: 0 auto; background-color: var(--white);}
.bannerSection .owl-carousel .item{padding: 20px;}
.points .owl-carousel .item h3,
.bannerSection .owl-carousel .item h3{font-size:20px; padding:15px; margin-bottom:0; text-align:center; color: #000;}
.points .owl-carousel .owl-nav button.owl-next,
.points .owl-carousel .owl-nav button.owl-prev,
.bannerSection .owl-carousel .owl-nav button.owl-next,
.bannerSection .owl-carousel .owl-nav button.owl-prev{height:23px; width:13px; background:url(../images/arrowImg.png) 0 0 no-repeat; color:transparent; position:absolute; right:30px; top:0; bottom:0; margin:auto;}
.bannerSection .owl-carousel .owl-nav button.owl-prev:focus{box-shadow:none; outline:none;}
.bannerSection .owl-carousel .owl-nav button.owl-prev:hover{color:transparent;}
.points .owl-carousel .owl-nav button.owl-next,
.bannerSection .owl-carousel .owl-nav button.owl-next{right:0; background-position:-23px 0;}
.points .owl-carousel .owl-nav button.owl-prev,
.bannerSection .owl-carousel .owl-nav button.owl-prev{right:auto; left:0; background-position:0 0;}
.bannerSection .owl-dots{display:none;}
.bannerSection .owl-carousel .owl-dots.disabled, .testimonial .owl-carousel .owl-nav.disabled{display:block;}



#videoModal iframe{height:400px; width: 100%; margin: 0; border: 10px solid #1d0102;}
#videoModal.modal{top: 50%; transform:translateY(-50%); height: 440px;}
#videoModal .modal-content{background-color: transparent; border-radius: 0; border: none;}
#videoModal.modal .modal-body{padding:10px;}
#videoModal.modal .modal-body button.close{position: absolute; right:0px; top:-15px; font-size:50px; color:var(--yellow);}
.modal-backdrop.show{opacity:0.8;}
.product-range{background:#0b639f url(../images/repeat-bg.jpg); padding:60px 0; }
.product-range h2,
.testimonials h2{font-weight:400; text-align: center; margin-bottom:50px; position: relative; color:var(--white)}
.pro-box{width:100%; text-align: center;padding: 2px;}
.pro-box img{max-width: 100%; background-color: var(--white)}
.pro-box h4{font-size:16px; font-weight:500; color: #13238a; background-color:var(--yellow); text-align: left; padding: 10px; text-transform: uppercase;}

.product-range .owl-carousel{padding: 30px 0 0 }
.product-range .owl-carousel .owl-dots,
#manufacturing .owl-dots{margin-top: 30px}

#manufacturing .item,
#manufacturing .item img{border-radius:15px;}

.common-section{padding:60px 0; background: var(--white);}
.common-section h2{margin-bottom:50px}
.certified-img img{width:150px; border:1px solid #ccc; margin:0 10px 25px; border-radius:5px;}
.testimonials{padding: 60px 0; background-color:#0b639f}
.testimonials .owl-item .item{width:60%; border-radius: 15px; position: relative; background-color:#fff;padding:30px; margin:40px auto 40px;text-align:center;box-shadow:3px 3px 16px rgba(0,0,0,.2);}
.testimonials .owl-carousel .owl-item img {width: 119px; height: 119px; margin: 0 auto 30px; border-radius: 50%; border:4px solid var(--yellow);}
.testimonials h4 {font-size: 17px; font-weight: 700;}
.testimonials h4 small{display: block; font-weight: 400;}
.testimonials .clientDetail{padding-top:20px;}
.testimonials .owl-nav,
.product-range .owl-nav,
#manufacturing .owl-nav{display:none;}
.testimonials .owl-dots,
.product-range .owl-dots,
#manufacturing .owl-dots{text-align: center;}
.testimonials .owl-dots .owl-dot,
#manufacturing .owl-dots .owl-dot,
.product-range .owl-dots .owl-dot{width:15px; height:15px; background-color:#ccc; margin: 0 5px; border-radius: 50%; outline: none;}
.testimonials .owl-dots .owl-dot.active,
#manufacturing .owl-dots .owl-dot.active,
.product-range .owl-dots .owl-dot.active{background-color: var(--yellow);}
.ourCollection h2{font-weight: 400;text-transform: uppercase;text-align: center; margin-bottom:50px;}

.ourCollection{background:var(--yellow); padding:60px 0;}
.ourCollection .owl-item .item{transform: scale(0.8); border:solid 5px transparent; border-radius:15px; -webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.ourCollection .imgBox2{overflow:hidden;  border-radius:8px 8px 0 0;}
.ourCollection .owl-item.active.center .item{transform: scale(1); margin-top:0; border-color:var(--sky);}
.ourCollection .owl-item.active.center .item .imgBox2{border-radius:10px 10px 0 0;}
.ourCollection .capt{background-color:var(--white); padding:15px; border-radius:0 0 8px 8px; text-align: center;}
.ourCollection .capt h3{font-size:16px; font-weight:700; margin:0; padding: 0;}
.ourCollection .capt p{margin:0; padding: 0; font-size:14px;}
.ourCollection .owl-item.active.center .item .capt{background-color:var(--sky); color:var(--white);}
.ourCollection .owl-carousel .owl-nav button.owl-next,
.ourCollection .owl-carousel .owl-nav button.owl-prev{height:32px; width:32px; color:#fff; border-radius:100%; color:transparent; position:absolute; right:30px; top:0; bottom:0; margin:auto; display:none;}
.ourCollection .owl-carousel .owl-nav button.owl-next:focus,
.ourCollection .owl-carousel .owl-nav button.owl-prev:focus{box-shadow:none; outline:none;}
.ourCollection .owl-carousel .owl-nav button.owl-next:hover,
.ourCollection .owl-carousel .owl-nav button.owl-prev:hover{color:transparent;}
.ourCollection .owl-carousel .owl-nav button.owl-next{right:-50px; background-position:-46px -111px;}
.ourCollection .owl-carousel .owl-nav button.owl-prev{right:auto; left:-50px;}
.ourCollection .owl-theme .owl-dots{display:none;}
.ourCollection .owl-carousel .owl-nav.disabled{display:block;}
.wrapper{width: 100%;text-align: center;position: relative;color: #FFF;}
.wrapper a{color: #FFF;}
.common-area{padding:50px 0; text-align: center;font-size: 25px}
.common-area a{font-size: 25px;padding: 10px 30px;}
footer{background-color:#1b214c; padding:10px 0; text-align: center; font-size:13px; color:#b9ac77;}
footer a{color:#b9ac77; margin: 0 10px;}
footer a:hover{color:var(--yellow);}
.mobile-activity{display: none;}
.white{color: #FFFFFF;text-align:center;margin-bottom: 15px;}
.technical h2{margin-bottom:40px;}
.cta{padding: 30px 0}
.cta h2{font-size:28px; margin-bottom:10px; line-height: normal;}
.cta .btn{font-size:20px}
.information .yt-btn img{max-width: 100%;}
.attachment{
    position: relative;
    width: 100%;
    height: 52px;
    background-color: #f6ecc3;
    padding: 15px;
    cursor: pointer;
}

.attachment input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    visibility: hidden;
}
@media screen and (max-width:991px){
    .header-lp-forms{margin-top:30px}
    .pr-50{padding-right: 0;}
    .certified-img img{margin: 0 5px 25px;}
    .testimonials .owl-item .item{width:100%;}
    
}

@media screen and (max-width:767px){
    header{background:var(--sky) url(../images/mb01.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 40px;}
    .header-top {text-align: center;}
    .header-top a.logo img{width:150px;}
    .header-top a.reach{margin:10px 10px; font-size: 14px; display: inline-block; float: none;}
    .header-top a.reach::after{display: none;}
    .header-information{padding:30px 0;}
    .header-information h2{font-size:22px}
    .header-information h2 strong{font-size:30px;}
    .header-information h4{font-size:16px; margin-bottom: 20px;}
    .header-information ul li,
    .information article ul li{margin-bottom:5px; padding-left:20px; font-size:15px;}
    .header-information ul li::before,
    .information article ul li::before{width: 8px; height: 8px; top:8px}
    .header-lp-forms{padding:15px; box-shadow: none;}
    .header-lp-forms p{font-size:13px}
    .highlights{font-size: 15px; margin-top: 20px;}
    .additionals,
    .information,
    .testimonials,
    .product-range,
    .common-section,
    .ourCollection{padding:40px 0;}
    .ourCollection h2{margin-bottom:30px;}
    .pr-50{padding-right:15px;}
    .additionals .counter-box{height:190px;}
    .additionals .counter{font-size:20px; }
    .additionals .counter-box p{font-size:14px;}
    .additionals h2{font-size:36px; text-align: center;}
    section h2{font-size: 22px;}
    .information{background:url(../images/mb02.jpg) no-repeat; background-size: 100% 100%;}
    .information article ul{padding: 0;}
    .information .yt-btn{margin-top:30px; width:100%;}
    .information .yt-btn a img{max-width: 100%;}
    .information .yt-btn a{box-shadow: none; text-align: center;}
    .certify img{margin: 0 5px 25px;}
    .owl-carousel .owl-item img{margin:0;}
    .common-section h2,
    .product-range h2, 
    .testimonials h2{margin-bottom: 30px}
    .pro-box{ margin-bottom: 15px;}
    .pro-box h4{text-align: center; font-size: 12px; padding: 10px 0;}
    #clients .owl-nav,
    #clients .owl-dots{display: none;}
    .testimonials .owl-item .item{width: 100%; margin: 10px auto; padding:20px; font-size:14px; box-shadow: none; min-height:500px}
    .product-range .owl-carousel .owl-dots, #manufacturing .owl-dots{margin-top:0}
    #manufacturing .owl-dots{margin-bottom:40px; }
    .ourCollection .capt p{font-size:13px;}
    footer{margin-bottom: 35px}
    footer a{margin: 0 6px;}

    .mobile-activity{width: 100%; display: block; position: fixed; left: 0; bottom: 0; z-index: 3}
    .mobile-activity a{width: 50%; float: left; padding:10px;  display: flex; justify-content: center; font-size:14px; font-weight:600; letter-spacing: 1px; cursor:pointer; color: var(--white); background-color:var(--sky); text-transform:uppercase;}
    .mobile-activity a:first-child{background-color:#0b639f;}
    .mobile-activity a .env{margin-top:0}
    .mobile-activity a .call{background-position: left center; margin-top:1px}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display: none!important
	}
}