@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');
}

@font-face {
    font-family: 'ARLRDBD';
	src: url('fonts/ARLRDBD.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: #FFF;}
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:#fff; line-height:24px; background-color: #373737;}
.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;}
.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: #FFF; font-family: 'ARLRDBD'; margin-bottom: 20px; }
h2{font-size: 30px; line-height: 38px;  }
h2 span{font-family: 'Montserrat-Bold';}
h3{font-size: 30px; line-height: 38px;  }
h4{font-size: 20px; line-height: 36px;  }
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;}
.btn{border: 1px solid #000; border-radius: 0; display:inline-block; font-size: 16px; padding:10px 15px;  color: #000;  text-align: center; font-family: 'Montserrat-Medium';}
.btn-cornered{border-radius: 5px; }
.btn-med{width: 158px;}
.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{padding:15px 20px; color:#fff; background-color: #393636; border: none;}
.theme-btn{padding:15px 20px; color:#fff; background-color: #cfa671; border: none;}
.btn-plain{background: transparent; border: none;}
.btn-plain:focus, .btn-plain:active, .btn-plain:hover{color:#FFF !important;}
.dsfCenter{align-items:center;}
.btn:hover{color: #FFF;}

.alert{padding:10px 15px; display:block; font-size:13px; clear:both; width:100%; text-align:center; max-width:500px; margin:15px auto; border-radius:5px;}
.alertDanger{ color:#f56b6b; background:#fef1f1; border:1px solid #fcd9df;}
.alertSuccess{ color:#70a874; background:#ecf3e6; border:1px solid #e3ebd5;}
/******************************************/
.bgOverlay{background:rgba(0,0,0,0.4); position:absolute; top:0; right:0; left:0; bottom:0; width:100vw; height:100vh; z-index:-1; visibility:hidden;}
.bgOverlay.active{z-index:100; visibility:visible;}
header{ position: relative; z-index: 9; background-color: #FFF; padding: 20px 0; height:100px; color: #373737}
header .logo{float: left;}
header .logo {font-family: 'ARLRDBD'; font-size: 48px; line-height: 56px;}
header .logo  span{font-family: 'Arial'; font-size: 24px; line-height: 30px; display: inline-block; padding-left: 10px;}
header .logo  a{color: #373737}

header .hMenu{text-align: right; float: right;}
.rspMenuOuter{display:flex; align-items: center; cursor:pointer; padding-top:25px;}
.rspMenuLink{width: 50px; display:block;}
.rspMenuTxt{color:#FFF; text-transform:uppercase;}
.rspMenuLink span{display: block;width: 25px;height: 4px;margin: 0 auto 3px auto;background: #373737;transition: 0.4s;}

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

.rspMenuContent{width: 400px; max-width:90%; background: #373737; position: fixed; right: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; -ms-transition: all .6s linear; transition: all .6s linear; overflow-y:scroll; padding-top:5px;}
.rspMenuActive{right:0; visibility:visible;}
.rspMenuActive .rspMenuOuter{padding-left:10px;}
.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #fff;}
.rspMenuContent li a{color: #fff; display: block; font-size: 16px; line-height: 25px; padding: 10px 20px 10px 40px; text-decoration: none; position:relative; }
.rspMenuContent li .submenu {background-color: #000; height: 100%; position: absolute; right: -100%; top: 0; transition: all .5s ease 0s; width: 100%; z-index: 999;}
.rspMenuContent li.active > .submenu {right: 0;}
.rspMenuContent li > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #FFF;    font-size: 16px;    position: absolute;    top: 10px;    left: 15px;}
.rspMenuContent li ul.sub-menu{display:none;}
.rspMenuContent li ul.sub-menu li{border:none !important;}

.homeBanner{height:calc(100vh - 150px); 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{height:100%;}
.hbDesc{position:absolute; top:50%; right:0; transform: translate(0%, -50%); font-family: 'ARLRDBD'; font-size: 48px; line-height: 56px; width: 100%; text-align: center;}
.hbDesc  span{font-family: 'Arial'; font-size: 24px; line-height: 30px; display: inline-block; padding-left: 10px;}

.subpage{min-height:calc(100vh - 150px);}
.subpage strong{font-family: 'Montserrat-Bold';}
.enquiryBox{padding: 20px 0px;}
.enquiryBox h4 span{font-family: 'Montserrat-Light'; display: block; font-size: 16px; line-height: 20px;}
.enquiryBox h4{margin-bottom: 10px;}
.enquiryBox:first-child:after{position: absolute; content: ''; height: 300px; width: 1px; background-color: #c2c2c2; right: -35%; top: 80px;}
.enqForm{margin-top: 20px;}
.enqForm label{display: inline-block; width: 20%; vertical-align: top;}

.enqForm .frmInput{width: 78%; background: transparent; padding: 10px 15px; border: 1px solid #afafaf; color: #373737; margin-bottom: 20px; background-color: #FFF;}
.enqForm .frmTxtArea{width: 78%; background: transparent; padding: 10px 15px; border: 1px solid #afafaf;  color: #373737; margin-bottom: 20px;  background-color: #FFF;}
.enqForm  button{background: transparent; border: none; color: #FFF;}

#products ul {margin-top: 15px;}
#products ul li{background-image: url(../images/pdf-icon.png); background-repeat: no-repeat; background-position: left top; padding-left: 50px; height: 50px;}
#products ul li a{display: inline-block; line-height: 40px;}

footer{ height:50px; line-height: 50px; background-color: #fff; color: #373737; font-size: 12px;}
footer a{padding: 0 5px ; display: inline-block; color: #373737;}


@media only screen and (max-width : 991px) {
	.rspPaddingBtm{padding-bottom:25px;}
	footer{ height:auto; line-height: 25px; padding:15px;}	
}