@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Montserrat-Light';
	src: url('fonts/Montserrat-Light.ttf');
}

@font-face {
    font-family: 'Montserrat-Medium';
	src: url('fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.ttf');
}

*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus {outline:none !important}
a {outline: 0 !important; text-decoration:none; color: #000;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: "Montserrat-Regular"; font-size:14px; color:#373737; line-height:30px;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.alignCenter{align-items:center;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroTopPadding{padding-top:0 !important;}
.zeroBtmPadding{padding-bottom:0 !important;}
.zeroRightPadding{padding-right:0 !important;}
.zeroMargin{margin:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.zeroBorder{border:none !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; color: #373737; font-family: 'Montserrat-Regular'; margin-bottom: 20px; }
h1{font-size: 30px; line-height: 38px;  }
h1 span, h2 span{font-family: 'Montserrat-Bold';}
h2{font-size: 26px; line-height: 36px;  }
h3{font-size: 34px; line-height: 34px;  }
h4{font-size: 20px; line-height: 30px;  }
p{ margin-bottom: 15px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1487px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.orange-btn{background-color: #f58134; border:1px solid #f58134 !important; color:#FFF;}
.orange-btn:hover{color:#FFF;}
section{padding: 60px  0; position: relative;}
.brownBG{background-color: #cfa671; color: #FFF;}
.greyBG{background-color: #515151;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}
.btn-submit{color:#fff; background-color: #393636; border: none;}
.btn-submit:hover{background-color: #515151;}
.theme-btn{padding:15px 20px; color:#fff; background-color: #cfa671; border: none;}
.dsfCenter{align-items:center;}
.btn:hover{color: #FFF;}

/******************************************/
header{ position: relative; z-index: 9;}
header .logo{padding: 20px 0;}

header .hMenu{text-align: right;}
header .hMenu > ul{display:flex;}
header .hMenu  li{position:relative; flex-grow:1;}
header .hMenu  li > a{display:block; color:#373737; margin:0 15px; padding: 31px 10px; font-size:16px;position: relative;transition: 0.4s; line-height:18px; position:relative;}
header .hMenu > li:last-child a{padding-right:0; margin-right:0;}
header .hMenu  > li > a.active, header .hMenu  li > a:hover{color: #000;}
.shopping-cart a{background-color: #515151; color: #FFF !important; padding-left: 20px !important; padding-right: 20px !important; margin-right:0 !important;}
header .csc-text1{font-size: 14px; line-height: 20px; display:  inline-block; font-family: "Montserrat-Bold";  }
header .csc-text1 i{display: inline-block; padding-right: 10px; font-size: 20px;}
.csc-text2{display:  inline-block; position: relative;}
.csc-text2 i{position: absolute; right: 20px;}

header .hMenu ul > li.dropdown > a:after{content: '\f107'; color: #373737; position: absolute; right: -17px; bottom: 30px; font-family:"Font Awesome 6 Free"; font-weight:600;}

header .hMenu li.dropdown ul{opacity: 0; position: absolute; width: 270px; z-index: 9; background:#373737; visibility:hidden; top: 58px;}
header .hMenu li.dropdown ul li a{color: #FFF;}
header .hMenu li.dropdown ul li:after{display:none;}
header .hMenu li.dropdown > ul li{display: block;}
header .hMenu li.dropdown > ul li a{width: 100%; border: none; text-align: left; padding: 10px 15px; line-height: 25px; color:#FFF; height: auto;}
header .hMenu li.dropdown ul li a:hover{background: transparent; text-decoration: none;color:#FFF;}
header .hMenu li.dropdown:hover > ul{opacity: 1; visibility:visible;}

header .sub-menu{background-color: #373737; padding: 15px 0; text-align: right; position:absolute; top:100%; z-index:10; width:100%; display:none;}
header .sub-menu.avtiveMenu{display:block;}
header .sub-menu .hSubMenu  li{display: inline-block; position:relative;}
header .sub-menu .hSubMenu  li > a{display:block; color:#FFF; margin:0 30px; padding:20px 0px; font-size:16px;position: relative;transition: 0.4s; line-height:18px; position:relative;}
header .sub-menu .hSubMenu li:last-child a{padding-right:0; margin-right:0;}

.homeBanner{height:620px; width:100%; position:relative; z-index: 1;}
.hbImage{width:100%; height:100%; position:relative; }
.hbImage .floating-image{position: absolute; right: 0; bottom: 0;}
.homeBanner .container, .subBanner .container{height:100%;}
.hbDesc{position:absolute; top:50%; right:0; transform: translate(0%, -50%); background-color: rgba(57, 54, 54, 0.85); color:#fff; width:100%; max-width: 730px;  z-index: 99; padding: 60px;}
.hbDesc .hbDescTitle, .sbDescTitle{font-weight: 500;	font-size: 36px;	line-height: 44px;	color: #FFF;	margin-bottom: 20px; text-transform:uppercase; }
.hbDesc p span{ color: #F7C210; text-transform:uppercase; }
.hbDesc p{ font-size:16px; line-height: 24px; margin:0 0 20px 0; }
.hbDesc a{display: inline-block; background-color: #FFF; width: 160px; text-align: center; padding: 12px 0;font-family: 'Montserrat-Bold';	}

.greyBox {margin-bottom: 20px;}
.greyBox .container{background-color: #343535; padding: 60px;}
.hmWelcome h1{text-transform:uppercase;}
.hmWelcome p{padding-bottom: 10px;}

.hmFeatured{  color: #FFF;}
.hmFeatured h2{margin-bottom: 10px; color: #FFF; text-transform: uppercase;}
.hmFeatured p{margin-bottom: 30px;}
.productsBox{background-color: #FFF; color: #06286e; height: 472px; width: 100%;}
.prodImage{height: 100%; position: relative;}
.prodImage a{display:block; width:100%; height:100%;}
.prodInfo{position: absolute; bottom: 0;padding: 20px 15px; background-color: rgba(57, 54, 54, 0.84); color:#fff; width: 100%; display:flex;}
.piTitle{font-family: 'Montserrat-Bold'; font-size: 18px; line-height: 28px; width:calc(100% - 135px);}
.piTitle small{font-family: 'Montserrat-Regular'; font-size:14px;}
.prodInfo span.viewProd{color: #373737; width: 135px; text-align: center; background-color: #FFF; height:40px; line-height:40px;}
.prodImage a.viewQuote{color: #373737; width: 110px !important; text-align: center; background-color: #FFF; line-height:24px; padding:5px 0; height:auto !important; font-weight:bold; rotate: -20deg; position:absolute; right:20px; bottom:20px; z-index:5;}

#product-category .productsBox{margin-bottom:35px;}
#catPagination{color:#000;}
#catPagination .page-link.active,#catPagination .active > .page-link{background:#393636; color:#FFF;}
#catPagination .page-link{border:1px solid #393636; color:#393636; border-radius:0;}

.hmNews h2{text-transform: uppercase;}
.hmNews p{margin-bottom: 30px;}
.newsBox{margin-bottom: 30px; width: 100%;}
.newsImage{height: 170px; width: 196px; display:inline-block; margin:0 auto; }
.newsBox a{color: #373737;}

.newsInfo span{display: inline-block; font-family: 'Montserrat-Bold';  font-size: 24px; line-height: 34px;}
.newsInfo p{margin:0;}
.brochureNews{color: #FFF;}
.brochureNews h2{color: #FFF;}

.subpageBanner{height:212px; width:100%; position:relative; z-index: 1; }
.sbImage{width:100%; height:100%; position:relative; }

.breadcrumbs{padding: 30px 15px; background-color: #575454;margin-bottom: 60px;}
.breadcrumbs li {display: inline-block; position: relative; padding-right: 30px;  }
.breadcrumbs li a{color: #FFF; display: inline-block; text-transform: uppercase; padding: 0 15px;}
.breadcrumbs li a:after{ position: absolute; content: '››'; right: 10px; color: #FFF;}
.breadcrumbs li:last-child a:after{display: none;}

.productsTitle{font-size: 30px; line-height: 40px; font-family: 'Montserrat-Bold'; margin-bottom: 20px;}
.productsDesc{ margin: 20px 0; }
.productRight img{margin-bottom: 30px;}
.productOptions{margin-top: 30px;}
.productOptions h4{font-size: 16px; line-height: 26px; font-family: 'Montserrat-Bold';}
.productPrice{font-size: 36px; line-height: 46px; font-family: 'Montserrat-Bold'; margin-bottom: 20px;}
.productPrice span{display: block; font-size: 14px; line-height: 24px; font-family: 'Montserrat-Regular';}
.option-input{margin-bottom: 15px;}
.option-input label{font-family: 'Montserrat-Regular'; width: 12%; max-width: 100px; display: inline-block;}
.option-input select{width: 80%;  display: inline-block; border-radius: 1px; padding: 5px 15px;}
.addToCart{margin-top: 50px;}
.btn-cart{background-color: #d1d3d1; border: none; padding: 20px;}

.productEnquire .row{margin: 15px 0;}
.productEnquire label{font-size: 14px; line-height: 20px; font-family: 'Montserrat-Regular'; font-weight: normal; padding: 0;}
.productEnquire .form-control{ border-radius: 1px; padding: 5px 15px;}
.productEnquire .frmTxtArea{width: 100%; height: 100px; margin-top: 15px; border:none;}


footer{background-color: #515151;padding-top: 60px; margin:0; border:none;}
footer a, footer p{color: #FFF;}
footer h4{font-size: 24px; line-height: 30px; font-family: 'Montserrat-Bold'; color: #FFF; }
.getintouch span{display: block; color: #FFF;}
footer .fMenus ul li a{color: #fff; padding: 5px 0; display: inline-block; line-height: 20px;}
footer a{padding: 0 5px ; display: inline-block; color: #fff;}
footer .copyright{background-color: #fff; padding: 15px 0; margin-top: 40px; color: #373737; font-size: 12px; line-height: 20px;}
footer .copyright a{color:#373737;}

.subBanner{height:620px; width:100%; position:relative; z-index: 1;}
.subBanner h1{color:#FFF;}
.prdBImgs img{margin-bottom:30px;}
.pldTitle{color:#373737; font-size:16px; margin-bottom:5px; text-transform:uppercase; font-weight:bold;}
.prdListDtl ul{margin-bottom:20px;}
.prdListDtl ul li span{font-weight:bold;}
#product-info .price-new{font-size:36px;}
.list-unstyled h2{margin-bottom:5px;}
.form-select, .form-control{height:40px; border-radius:0;}
.addCartBtn{height:60px; padding:0 25px; background:#d1d3d1; color:#000; line-height:60px; border:none;}
.subPagesMain{padding-bottom:50px;}
.bg-primary{background:#222 !important;}
.rspMenuLink, .rspMenuContent, .rspFilterContent, .rspCart{display:none;}

@media only screen and (min-width : 992px) {
	.dskPdRight{padding-right:50px;}
	.dskPdLeft{padding-left:50px;}
	.hmNews{background:linear-gradient(to left, #393636 50%, #FFF 50%);} /*url(../images/white-grey-strip.jpg) repeat-y center center;*/
	.hmSubNews{background:linear-gradient(to left, #393636 50%, #d1d3d1 50%) !important; }
	.newsInfo {width:calc(100% - 230px); margin-left:30px;}
}

@media only screen and (max-width : 991px) {
    .dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	
	.rspCart{width:40px; height:40px; position:absolute; top:30px; right:75px; display:block; z-index:99; line-height:40px; text-align:center; font-size:25px;}
	.rspMenuTxt{float:right; width:calc(100% - 50px); background:#373737; text-align:left; padding:0 15px; color:#FFF; height:50px; line-height:50px;}
	.rspMenuLink{background-color: #373737; position:absolute; top: 30px; right: 15px; width: 40px; height: 40px; z-index:9999; padding-top:14px; cursor:pointer; display:block;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}

	.rspMenuClose span{background:#FFF;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}

	.rspMenuContent{width: 100%; background: #FFF; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll; display:block;}
	.rspMenuActive{left:0; visibility:visible;}

	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #000;}
	.rspMenuContent li a{color: #000; display: block; font-size: 16px; line-height: 25px; padding: 10px 20px; text-decoration: none; position:relative; }
	.rspMenuContent li a br{display:none;}
	.rspMenuContent li.menu-item-has-children > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #000;    font-size: 20px;    position: absolute;    top: 15px;    right: 25px;}
	.rspMenuContent li ul{display:none;}
	.rspMenuContent li ul li{border:none !important;}
	.rspMenuContent li > ul li a:after{content: '\f105'; position: absolute; font-size: 16px; font-family: 'Font Awesome 5 Free';font-style: normal;    font-weight: 600; color: #000; left:20px; top: 10px;}
	.rspMenuContent li > ul li a{padding: 10px 20px 10px 45px;}
	
	.rspLogo{padding:15px;}
	.rspLogo img{max-width:180px;}
	
	.hbDesc{padding:30px;}
	.newsImage{display:block; margin-bottom:20px;}
	.brochureNews{background:#393636; padding:30px;}
	.hsnLeftCnt{background:#d6d6d6; padding:30px;}
	.hsnLeftCnt .newsBox:last-child{margin:0;}
	
    h3{font-size: 24px;}
    footer h4{font-size: 20px;}
	footer{text-align:center;}
	footer .copyright, footer .copyright .text-right{text-align:center !important;}
}