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

@font-face {
    font-family: 'Novecento_Slab_Bold';
    src: url('fonts/Novecento_Slab_Bold.otf');
}

@font-face {
    font-family: 'Novecento_Slab_Normal';    
	src: url('fonts/Novecento_Slab_Normal.otf');
}

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

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

*{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: "Novecento_Slab_Normal"; font-size:16px; color:#000; line-height:20px; background:url(../images/background_bg.jpg) repeat-y; background-size:cover; background-position:center;}
.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%;}
p{ margin-bottom: 20px; font-family: 'Montserrat-Medium';}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1430px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{display:inline-block; font-size: 16px; font-family: 'Novecento_Slab_Bold'; height:50px; line-height:50px; padding:0 25px; color: #FFF !important; text-align: center; background:#05512d; text-transform:uppercase; border:none; border-radius:0;}
section{padding: 15px  0; position: relative;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}
.dsfCenter{align-items:center;}
.ftBold{font-family: "Novecento_Slab_Bold";}
.alert{padding:10px 15px; 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;}
/******************************************/
.outerContainer{background:#FFF; padding:0 15px; width:100%; max-width:1430px; margin:0 auto;}
header{position: relative; z-index: 9;  width: 100%; margin-bottom:25px;}
.topBar{background-color: #05512d; padding:10px 0; color: #FFF; text-transform: uppercase; line-height:33px; font-size:14px;}
.smLinks {display:flex; align-items:center; gap:10px; justify-content:flex-end;}
.smLinks a{background:#FFF; width:33px; height:33px; border-radius:50%; text-align:center;}
.smLinks a i{color:#05512d; line-height:33px; font-size:18px;}
.hMiddle{padding:20px 0;color:#05512d;}
.hMiddle .row{display:flex; align-items:center;}
.hMiddle a{color:#05512d;}
.hMiddle span{display:block;}
.hMiddle span.hTel{font-size:50px;}
.hMiddle i{transform: scaleX(-1); height:48px; width:48px; border:1px solid #00512d; border-radius:50%; text-align:center; line-height:48px; font-size:30px}
.hMiddle span.hEmail{font-size:18px; margin-top:8px;}
header .hMenu {background:#c35c00;}
header .hMenu > ul{display:flex; align-items:center; justify-content:flex-end; width:100%; padding:0; margin:0;}
header .hMenu > ul li{list-style:none; flex-grow:1;}
header .hMenu > ul > li{position:relative; text-align:center;}
header .hMenu > ul > li > a{display:block; color:#FFF; position: relative; height:60px; line-height:60px; font-size:15px; transition: 0.4s; text-transform:uppercase;}
header .hMenu > ul > li:hover a, header .hMenu > ul > li.active a{background: #05512d;}
header .hCallus{display:inline-block; background:#357f3e; padding:8px 20px; text-transform:uppercase; color:#FFF; text-align:center; font-size:19px;}
header .hCallus span{display:block;font-size: 23px; line-height: 33px; font-family: 'Novecento_Slab_Bold';}

.boxInfo{padding:45px;}
.boxInfo.bxGreen{background:#357f3e; color:#FFF;}
.boxInfo.bxGray{background:#ebebeb; color:#05512d;}
.boxInfo h1, .boxInfo .bxHeader{font-size:28px; line-height:38px; margin-bottom:20px; text-transform:uppercase;font-family: "Novecento_Slab_Bold";}
.boxInfo .bxSubHeader{font-size:20px; line-height:30px; margin-bottom:20px; text-transform:uppercase;font-family: "Novecento_Slab_Bold";}
.boxInfo p{line-height:26px;}
.boxInfo ul li{padding:5px 0; list-style:square; margin-left:20px; font-family: 'Montserrat-Medium';}
.boxInfo ul li::marker{font-size:24px;}

.bxDarkGreen{background-color: #05512d; color: #FFF;}
.contactRight .bxHeader{margin-bottom:10px;}
.contactPhone{font-size: 48px; line-height: 52px; font-family: 'Novecento_Slab_Bold'; color: #FFF; display: block;}
.contactRight p{padding-bottom: 70px;}
.contactRight p:last-child{padding-bottom: 0px;}
.contactRight a{color: #FFF;}

#frmContact{margin-top: 20px;}
#frmContact label{font-family: 'Montserrat-Medium'; line-height: 30px;}
.frmInput{width: 100%; background: #FFF; padding: 10px 15px; height: 60px; border: none; margin-bottom: 20px; font-family: 'Montserrat-Regular';}
.frmTxtArea{width: 100%; background: #FFF; padding: 10px 15px; height: 160px; border: none; margin-bottom: 20px; font-family: 'Montserrat-Regular';}
.btn-submit{border:none; font-family: 'Montserrat-Medium'; text-transform:none !important;}
.link_download{font-size: 36px; line-height: 46px; color: #c35c00; font-family: 'Novecento_Slab_Bold'; text-decoration: underline;}
.bxGallery{display:flex; flex-wrap:wrap; align-items:center;}
.priceTablesOuter, .priceTablesOuter p{font-family: 'Montserrat-Regular'; font-size:15px;}
.priceTables{width:100%; overflow-x:auto;}
.priceTables table{width:100%;}
.priceTables table td{padding:8px;}

.oakBeamsGallery img{margin-bottom: 20px;}

footer{background: #05512d; color: #FFF; padding-top: 45px; font-size: 14px; line-height: 20px;  font-family: "Montserrat-Medium";}
footer a{color:#FFF;}
footer p{margin:0;}
footer .ftheader{font-family: 'Novecento_Slab_Bold'; font-size: 16px; margin-bottom: 20px;}
footer .fphone{font-size: 24px; display:block; margin-bottom:10px;}
footer .smLinks{justify-content:flex-start;padding-top:10px;}
footer .copyright{background-color: #FFF; color: #05512d; font-size:11px; margin-top: 45px; padding: 15px 0;}
footer .copyright a{color: #05512d;}

.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (min-width : 992px) {
	footer > .container{padding-left:100px;}
}

@media only screen and (min-width : 992px) and (max-width:1200px) {
	header .hMenu > ul > li > a{font-size:13px;}
	.hMiddle span.hTel{font-size:30px;}
}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	.rspMarginBtm{padding-bottom:25px;}
	
	.rspMenuLink{cursor:pointer;display:flex; padding:7px 0 5px 0; align-items:center; justify-content:flex-end; width:60px; flex-wrap:wrap; background:#05512d; float:right;}
	.rspMenuLink div{width: 40px; height: 15px; margin:0 auto;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}
	.rspMenuLink label{color: #FFF; font-size:13px;font-weight:bold;cursor:pointer; display:block; width:100%; line-height:16px; text-align:center; margin:2px 0 0 0;}
	
	.rspMenuClose{position:absolute; top:35px; right:20px; width:40px; height:40px; border-radius:20px; background: #05512d; z-index:9;}
	.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: #c35c00; 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;}
	
	.rspLogo{clear:both; padding:20px 15px; background:#FFF; position:relative; text-align:left;}
	.rspLogo img{max-width:250px;}
	.rspMenuContent ul{margin:0; padding:0;}
	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #FFF; width:100%;}
	.rspMenuContent li a{color: #FFF; display: block; font-size: 14px; line-height: 26px; text-transform:uppercase; padding: 10px 20px; text-decoration: none; position:relative; }
	.rspMenuContent li a:hover{background: #05512d;}
	
	header{border-bottom:1px solid #05512d;}
	.topBar{font-size:13px;}
	.hMiddle .container{padding:0;}
	.boxInfo{padding:25px;}
	.boxInfo h1, .boxInfo .bxHeader{font-size:24px; line-height:35px;}
	footer .copyright, footer .copyright .text-right{text-align:center !important;}
	.contactPhone{font-size:38px; line-height:42px;}
	.contactRight p{padding-bottom:40px;}
	.priceTables table{font-size:14px;}
	.priceTables table td{padding:5px;}
	.priceTables.ptType1 table td:nth-child(2){width:75px;}
	.priceTables.ptType1 table td:nth-child(3){width:70px;}
}
