/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');

body{
	font-family:'Inter', sans-serif;
	font-size:13px;
	font-weight:400;
}

.top-links{background-color:#183d4c;float:left;width:100%;padding:.2em 0;}
.top-links a{font-weight:400;display:inline-block;padding:8px;color:#fff;text-decoration:none;}
.top-links a > i{margin-right:6px;font-size:.9em; color: #f5d67b;}
.top-links a > i.fa-phone {transform:rotate(90deg);}
.top-links .col-md-5{text-align:right;}
.top-links .col-md-5 a {padding:8px 0 8px 8px;}
.top-links .col-md-7 a:first-child {padding:8px 8px 8px 0;}

.fixed-height{float:left;width:100%;z-index:1050;padding:2.3em 0;position:relative;}
.fixed-height .col-md-2 .logo {text-align:right;}
.logo{float:left;width:100%;}
.logo img {display:inline-block;}
.logo a {text-decoration: none;}
.logo h1 {color:#302583;text-transform:capitalize;text-align:right; font-size:40px;font-weight:700;position:relative;top:.2em;margin:0;letter-spacing:-1px;}
.logo a > span {display:block; text-align:right; color: #333; font-size:15px; margin:.6em 0 0; font-weight:500;}
.social {width: 100%;float: left; text-align: right; margin: .75em 0 0;}
.social img {width: 28px;}

.sticky { position: fixed; top: 0; width: 100%; z-index: 16; background-color:#fff;}
.sticky + .content { padding-top: 98px;}
.sticky + .content2 { padding-top: 160px;}

.slider{float:left;width:100%;position: relative;}
.slider::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.4); z-index: 1; }
.slider .item > img{width:100%;}
.carousel-control{width:12%;}
.carousel-control i{position:absolute;top:50%;transform:translateY(-50%);text-shadow:none;color:#171717;font-size:1.2em;background-color:#fff;padding:.5em;}
.left.carousel-control i{left:48px;}
.right.carousel-control i{right:48px;}
.carousel-indicators li{border:2px solid #fff;}
.slider .glyphicon-chevron-left,.slider .glyphicon-chevron-right{color:#0e77bb;background-color:#fff;height:60px;width:60px;line-height:56px;border:1px solid #ccc;text-shadow:none;}
.carousel-control.right,.carousel-control.left{background:none;z-index:2;}
.slider .search-bar { transition: all .5s ease; box-shadow: 0 0 40px 5px rgb(0 0 0 / 22%); z-index: 2; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; background: #fff; }
.slider .search-bar input { font-size: 16px; border:0; outline: none; padding: 2em 2.5em; width: 80%;}
.slider .search-bar button { font-weight: 600 ; font-size: 16px; background: linear-gradient(to right, #f8d97f, #dbb757, #f8d97e, #dbb757);border:0; outline: none; padding: 2em; width: 20%;}
.slider .search-bar button:hover { background:#93A8AC; }

h3#headings {letter-spacing:-1px;color: #93A8AC;text-transform: capitalize;font-weight: 600;margin-top:0;margin-bottom: 18px;display: inline-block;position: relative;padding-bottom: 10px;font-size: 2.5em;}
h3#headings::after{content:"";position:absolute;bottom:-1px;left:20px;height:6px;width:20%;background-color:#93A8AC;border-radius:10px;}
h3#headings::before{content:"";position:absolute;bottom:1px;left:0;height:2px;width:80%;background-color:#183d4c;border-radius:10px;}
h3#headings > span{color:#183d4c;}
h3#headings > span.white{color:#fff;}

.about{float:left;width:100%;margin:2.5em 0 2em;}
.about p {line-height:1.6em; text-align: justify; }

.products{float:left;width:100%;padding:3.2em 0 4em;background-image:url('../images/cover2-cover.jpg');background-attachment:fixed;background-size:cover;background-repeat:no-repeat;position:relative;}
.products::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(233,233,233,.87);}
.products p{text-transform:capitalize;color:#fff;margin:2em 0 0;}

.certifications{float:left;width:100%;margin:1.5em 0 2em; text-align: center;}
.certifications img {border:1px solid #ccc;margin:1em 0 0;}

footer{padding:2em 0;float:left;width:100%;position:relative;background-image:url('../images/cover2.jpg');background-attachment:fixed;background-size:cover;background-repeat:no-repeat;}
footer::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(233,233,233,.9);}
.foot-list ul{margin:0;padding:0 0 0 1.5em;list-style:circle;}
.foot-list h4{display:inline-block;color:#183d4c;font-weight:600;text-transform:capitalize;font-size:22px;position:relative;margin-bottom:18px;letter-spacing:-.5px;}
.foot-list ul li{float:none;}
.foot-list ul li:last-child{border:0;}
.foot-list ul li a{text-transform:capitalize;color:#333;font-weight:500;display:block;margin:0 0 .5em;text-decoration:none;}
.foot-list ul li a:hover{color:#000;}
footer iframe{width:100%;}

.allrights{background-color:#183d4c;float:left;width:100%;}
.rights{padding:2em 0;}
.rights p{text-align:center;color:#e9e9e9;text-transform:capitalize;margin-bottom:0;font-weight:400;}

.breadcrum {position: relative;float: left;width: 100%;padding: 3em 0;text-transform: capitalize;background-image: url('../images/cover2-cover.jpg');background-position: center;background-attachment: fixed;background-size: cover;}
.breadcrum::after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(255,255,255,.83);z-index: 0;}
.breadcrum h2 {margin: 0;z-index: 1;position: relative;color:#93A8AC;font-weight: 600;letter-spacing:-1px;font-size:26px;}
.breadcrum a {color: #333;display: inline-block;margin-right: 4px;font-weight: 600;z-index: 1;position: relative;}
.breadcrum a > i {color:#93A8AC;}
.breadcrum a:nth-last-child(2), .breadcrum a:last-child{pointer-events:none;}

.wight-box .item{border-radius:10px;overflow:hidden;}
.wight-box .item > a > span{display:none;}
.top-nav-box .util-navigation .util-prev, .top-nav-box .util-navigation .util-next{padding:2px 7px!important;}

a#scroll{background-color:#93A8AC;color:#fff;padding:16px;position:fixed;bottom:15%;right:1%;text-decoration:none;z-index:1000;font-size:2.3em;}

.about2{float:left;width:100%;margin:2em 0 3em;}
.about2 p{text-transform:capitalize;color:#373737; text-align: justify;}
.about2 .form-control{margin:0 0 2em;resize:none;padding:2em;border-radius:0;}
.about2 .btn-success {background-color:#183d4c;border-color:#183d4c;padding:1.2em 3em;border-radius:0; width: 100%; font-size:18px;}
.about2 .btn-success:hover {background-color:#93A8AC;border-color:#93A8AC;}
.about2 .col-lg-7 [class*="col-lg-12"] {padding:0;}
.about2 .col-lg-7 [class*="col-lg-4"] {padding:0;}
.about2 .col-lg-7 [class*="col-lg-4"]:nth-child(1) {padding:0 7.5px 0 0;}
.about2 .col-lg-7 [class*="col-lg-4"]:nth-child(2) {padding:0 7.5px;}
.about2 .col-lg-7 [class*="col-lg-4"]:nth-child(3) {padding:0 0 0 7.5px;}

.map{float:left;width:100%;margin:2em 0 0;}
.map iframe{width:100%;display:block;height:300px;}
.map .container-fluid, .map .col-md-12{padding:0;}

.contact-details{padding:2em;margin:0;background-color:#1D3354;}
.contact-details li{list-style:none;color:#fff;}
.contact-details li a{color:#fff;text-decoration:none;font-size:1.1em;display:block;}
.contact-details li a i{color:#fff;}
.contact-details li:nth-child(2){margin-left:25px;}
.contact-details i{margin-right:8px;color:#ddd;}
.contact-details hr{border-color:#fff;}

.accordions{float:left;width:100%;margin:3em 0;}
.accordions #accordion{margin:0 0 1em;}
.accordion-toggle:hover {text-decoration: none;}
.accordions .panel:first-child .panel-title, .accordions .panel:first-child .panel-heading, .accordions .panel:first-child.panel-default{background-color:#f07d00;color:#fff;border-color:#f07d00;font-size:1.06em;padding:4px 6px;}
.accordions .glyphicon.glyphicon-plus {font-size:10px;margin-right:5px;}
.panel-heading{padding-top:8px;padding-bottom:8px;border-radius:0;}
.panel-group{margin-bottom:0;}
.panel-group .panel{border-radius:0;}
.panel-title{font-size:14px;text-transform:capitalize;font-weight:500;}
.panel-title a {text-decoration: none;}
.panel-body a{display:block;color:#555;}
.accordions .col-md-9{padding:0;}

.img-container{float:left;width:100%;overflow:hidden;position:relative;margin:0 0 1.5em;}
.img-container .img-image{float:left;width:100%;position:relative;}
.img-container .img-image img{border-radius:8px;}
.img-container > a{text-decoration:none;float:left;width:100%;background-color:#302583;color:#fff;font-weight:500;text-transform:capitalize;font-size:1.2em;text-align:center;padding:18px 0;margin:0;}
.img-container > a:hover, .img-container > a:focus {background-color:#ef7c00;}

.pro-view{margin:3em 0;float:left;width:100%;}
.product-desc-details {text-align: justify;}
.product-desc-details button{text-transform:capitalize;margin:15px 0;}
.product-desc-details button > i{margin-right:10px;}
.product-desc-details ul {padding:0 0 0 1.5em;}
.specification{float:left;width:100%;}
h3.pro-name{color:#302583;font-weight:700;margin-top:0;letter-spacing:-1px;}
.product-desc-details h5 {color:#fff;background-color:#ef7c00;padding:.5em;display:inline-block;margin-top:0;}
.bg-grey{background-color:#f7f7f7;padding:3em 0 6em;}
.top-nav-box{background:none!important;}
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0;}
.mb-2{margin-bottom:2em;}
.mt-1{margin-top:1em!important;}

main {
  width:100%;
  background-color: #fff;
  margin:2em 0 0;
}
main input {
  display: none;
}
.pro-view section {
  display: none;
  padding: 15px 0 0;
  border-top: 1px solid #ddd;
  float:left;
  width:100%;
  overflow-x:auto;
}
main label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
  font-size:14px;
}
main label:hover {cursor:pointer;}
main input:checked + label {
  color: #302583;
  border: 1px solid #ddd;
  border-top: 2px solid #302583;
  border-bottom: 1px solid #fff;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}
.table-striped {border:1px solid #ddd;}
.table-striped th, .table-striped td {text-align:left;text-transform:capitalize;font-size:15px;}
.gallery {float:left;width:100%;height:350px;overflow:hidden;position:relative;background-color:#555;}
.gallery img {position:absolute;top:0;right:0;left:0;height:100%;object-fit:contain;width:100%;}
.reverse{transform:rotate(90deg);}

a.pdf {position:absolute;left:0;bottom:0;color:#fff;text-align:left;background-color:#e3010f;display:block;text-decoration:none;padding:.7em 1em;}
.satisfaction{position:absolute;bottom:0;right:0;width:110px;}

.pro-details {float:left;width:100%;margin:0 0 2em;}
.top-nav-box { padding-top: 0;}
.top-nav-box img, .top-nav-box a img {
    background-color: #fff;
	padding: 15px;
	width: 100%;
	border-radius: 10px;
}
.top-nav-box .util-navigation {
    top: -40px;
}
#certificates .util-pagination {
    top: -15px;
    right: 7px;
}
.about2.contact2 .form-control { margin: 0 0 1em; padding: 1.7em 2em;}

.search-certificate { float: left; width: 100%; background: #183d4c; padding: 3em 0;}
.search-certificate .search-bar { box-shadow: 0 0 40px 5px rgb(0 0 0 / 22%); display: flex; width: 80%; margin: auto; }
.search-certificate .search-bar input { font-size: 16px; border:0; outline: none; padding: 1.8em 2.5em; width: 80%;}
.search-certificate .search-bar button { font-weight: 600 ; font-size: 16px; background: linear-gradient(to right, #f8d97f, #dbb757, #f8d97e, #dbb757);border:0; outline: none; padding: 1.8em 2em; width: 20%;}
.search-certificate .search-bar button:hover { background:#93A8AC; }

.no-pointer li a { pointer-events: none;}

@media(max-width:1420px){
	.slider .search-bar { width: 70%;}
}
@media(max-width:1199px){
	.top-links a {font-size: 12px;}
	.pro-desc > h4{font-size:14px;}
	.pro-desc a:nth-child(4){width:40%;}
	.social img {width:26px;}
	#cssmenu > ul > li > a { font-size:14px;padding:14px 9px;}
	#cssmenu > ul > li:first-child > a {  padding:14px 9px 14px 0;}
}
@media(max-width:991px){
	.sticky + .content { padding-top: 145px;}
	.sticky + .content2 { padding-top: 221px;}
	.top-links .col-md-5{text-align:left;}
	.top-links .col-md-5 a {padding-left:0;}
	.social {margin:0;position:fixed;right:0;top:45%;width:25px;z-index:2;}
	.social img {width:25px;margin:0 0 2px;}
	#cssmenu > ul > li > a {padding:14px 16px;}
	#cssmenu > ul > li:first-child > a {  padding:14px 16px;}	
	.slider .search-bar button > span { display: none;}
	.search-certificate .search-bar button > span { display: none;}
	#cssmenu #menu-button { padding: 30px 0;}
	#cssmenu { text-align: left;}
	#cssmenu > ul > li:last-child > a { padding: 14px 16px;}	
	.fixed-height { padding: 2em 0 0;}
	.fixed-height .col-xs-12 { margin: -34px 0 0;}
}
@media(max-width:767px){
	.top-links a{padding:8px 0;margin-right:1em;font-size:14px;}
	.fixed-height .col-xs-12 {text-align:center;}
	.fixed-height .col-xs-12:first-child .logo{position:relative;z-index:1;height:52px;}
	.top-links .col-md-7 a:first-child, .top-links .col-md-7 a:nth-child(2) {padding:8px 8px 2px 0;}
	.top-links .col-md-5 a {padding:5px 8px 8px 0;}
	.logo h1 {left: 0; font-size: 6.63vw;line-height: 1.3em; margin: -.3em 0 0;}
	.social {margin:0 -15px;position:static;top:0;width:auto;float:none;z-index:2;text-align:left;background-color:#fff;padding:0 0 .9em 15px;}
	.carousel-control i{font-size:1.2em;}
	.sticky + .content {padding-top: 83px;}
	.sticky + .content2 {padding-top: 160px;}
	h3#headings {font-size:2em;}
	#cssmenu > ul > li:first-child > a, #cssmenu > ul > li > a {font-size:13px;padding:11px 16px 11px 0;}
	#cssmenu ul ul li a { padding: 8px 10px;}
	.left.carousel-control i {left:15px;}
	.right.carousel-control i {right:15px;}
	.slider, .slider .item, .slider .item img {min-height:40vh;object-fit:cover;}
	.slider .search-bar { box-shadow: 0 -5px 15px 0 rgb(0 0 0 / 25%); position: relative; top: auto; left: auto; transform: none; width: 100%;}
	.slider .search-bar input { padding: 1.3em 2em;}
	.slider .search-bar button { padding: 1.3em 1em;}
	.search-certificate .search-bar { width: 100%; }
	.search-certificate .search-bar input { padding: 1em;}
	.search-certificate .search-bar button { padding: 1em;}
	.about p {line-height:1.5em;}
	.breadcrum{padding:2em 0;}	
	.about2, .accordions, .pro-view {margin:2em 0;}
	.about2.mb-0 {margin:2em 0 0;}
	.contact-details hr {margin:10px 0;}
	.certifications .col-xs-6:nth-child(2) {padding-right:7.5px;}
	.certifications .col-xs-6:nth-child(3) {padding-left:7.5px;}
	.contact-details{padding:1em;margin:0 0 1em;}
	.gallery {margin:0 0 1em;}
	.accordions .col-xs-6:nth-last-child(2) .img-container, .accordions .col-xs-6:last-child .img-container {margin:0;}
	.img-container > a {font-size: 1em; padding: 10px 0;}
	.product-desc-details ul {margin:0;}
	.about2 .col-lg-7 [class*="col-lg-4"]:nth-child(1) {padding:0 7.5px 0 0;}
	.about2 .col-lg-7 [class*="col-lg-4"]:nth-child(2) {padding:0 0 0 7.5px;}
	.about2 .col-lg-7 [class*="col-lg-4"]:nth-child(3) {padding:0;}
	.logo { position: relative; z-index:4;}	
}
@media(max-width:538px){
	.top-links .col-md-7 a:first-child {display:inline-block;}
	.top-links a { margin-right: .7em; width: 15px; overflow: hidden; height: 26px; display: inline-block; padding: 5px 8px 2px 0;}
	.top-links .col-md-7 a:first-child, .top-links .col-md-7 a:nth-child(2) { padding: 5px 8px 2px 0;}
	.top-links .col-md-5 { text-align: right;}
	.top-links .col-md-5 a { margin-right: 0;}
	.logo h1 {margin: -.1em 0 0;}
	.logo a > span {font-size:13px; margin: .2em 0 0;}
	.about2 .col-lg-7 [class*="col-lg-12"], .about2 .col-lg-7 [class*="col-lg-4"] {width:100%;}
	.about2 .col-lg-7 [class*="col-lg-4"]:nth-child(1), .about2 .col-lg-7 [class*="col-lg-4"]:nth-child(2), .about2 .col-lg-7 [class*="col-lg-4"]:nth-child(3) {padding:0;}
	footer .col-lg-3 .foot-list {margin:0 0 0 -1em;}
	
}