@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css?family=Satisfy|Yanone+Kaffeesatz&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap');

body{
	font-family: 'Lato', sans-serif !important; 
	font-size: 15px; 
	letter-spacing: 1px; 
	color: #5a5a5a; 
	-webkit-font-smoothing: 
	antialiased !important;
	margin:0px;
	padding:0px;
}

button, a{ 
	-webkit-transition:0.5s; 
	-moz-transition:0.5s; 
	-o-transition:0.5s; 
	-transition:0.5s; 
	color: #0070c1; 
	text-decoration: none; 
}

p{
	line-height: 30px;
}

figure{ 
	margin: 0; 
}

.light-graybg{
	background:#f8f7f2;
}

.margin-top{
	margin-top:70px;
}

.row-margin{
	margin-top: 40px;
}
.flexslider{
    border:none !important;
    z-index:-1;
}

h1, h2, h3, h4{
	font-family: 'Poiret One', cursive;
	text-transform:uppercase;
}

h2{
	font-size: 32px;
}

h3{
	font-size: 23px;
}

.left{ 
	float: left; 
}

.right{ 
	float: right; 
}

.container{ 
	width: 100%; 
	max-width: 1400px; 
}

.social-icon{
	margin-top: 20px; 
	float: right;
	display:none;
}

.social-icon a i{
	padding:0 0px 0 20px; 
	color: #9d9c9c; 
	font-size: 18px;
}
.footer-social{
    display:none;
}

nav{
	margin-top: 20px;
}

nav ul{
	margin: 0px; 
	padding: 0px;
} 

nav ul li{ 
	list-style: none; 
	float: left; 
	font-size: 20px; 
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	letter-spacing: 2px; 
	text-align: uppercase; 
}

nav ul li a{
	border-bottom: 1px solid #b8b7b7; 
	color: #acabab; 
	padding:0 20px; 
	padding-bottom: 30px; 
	text-decoration: none;
}

nav ul li a:hover{
	border-bottom: 1px solid #0071c1; 
	color: #0071c1; 
	text-decoration: none;
}


.banner-section{
	position: relative;
}




.content-width{
    width:70%;
    margin:auto;
}

div.wpforms-container-full .wpforms-form textarea{
    width:100% !important;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium{
    max-width:100% !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{
    max-width:100% !important;
}
.banner-tagline h1{ 
	font-size: 57pt; 
	margin: 70px 0 50px 0px; 
	line-height: 100px;background: #FFF;opacity: .8;
}
.footer-right-pro{
    margin-top:0;
}

.banner{
	width: 100%; 
	height:75vh;
}
.slides li, .headerimage{height: 100vh;
    background-size: cover !important;
    background-position: bottom !important;}

.consultation-section{
	max-width: 400px;
}

.number{
	width: 70px; 
	height: 70px; 
	border: 1px solid #ccc;
}

.inner-border{
	border:1px solid #dddcdc; 
	margin: 5px; 
	height: 58px; 
	text-align: center; 
	line-height: 70px;
	font-family: 'Satisfy', cursive; 
	font-size: 30px;
}

.promise-text{ 
	max-width: 500px; 
}

.gallery-text{ 
	max-width: 500px; 
}

.gallery-section{
	max-width: 550px;
}

.our-promise{
	padding: 70px; 
	margin-top: 90px;
}

.white-bg{ 
	background:#fff; 
	padding: 50px; 
}

.input-text{ 
	border:none; 
	width: 100%; padding: 20px 20px; 
	margin-top: 30px;
	color: #5a5a5a; 
}

.textarea{
	height: 120px;
}
 
.submit-btn{
	margin: auto; 
	width: 200px;
}

.submit-btn button{ 
	background:none; 
	border: 1px solid #0070c1; 
	border-top:0px; 
	border-right: 0px; 
	border-left: 0px; 
	padding: 0 25px; 
	line-height: 60px;  
	font-size: 15px; 
	color: #0070c1; 
	cursor: pointer;
}

.submit-btn button:hover{
	color:#025088;
}

.gallery-saction{
	margin-top: 90px;
}

.gallery-saction p{
	margin-top: 25px;
}

.gallery-pagebtn{ 
	float: right; 
	width: auto; 
}

.number-thrid{
	margin-left:auto; 
	margin-right: auto; 
	margin-bottom: 50px;
}

.services-img{ 
	position: relative; 
}

.services-whitebox{
	background: #fff; 
	padding: 20px 0 0 20px;  
	max-width: 595px; 
}

.services-whitebox h4{
	font-size: 30px;
}

.more{
	float: right;
}

.servicecImg-margin{
	margin-top: 40px;
}

.product-bg{ 
	padding:25px 15px; 
}

.product-bg h4{ 
	margin-bottom: 15px; 
}

.product-bg a{
	border-bottom: 1px solid #0070c1; 
	padding:0 15px 10px 10px;
}

.product-bg a:hover{
	text-decoration: none;
}

.store-heading{ 
	font-size: 50px; 
}

.visit-store{ 
	font-size: 30px; 
}

.find-store{
	text-align: center; 
	margin-top: 30px;
}

.find-store a{  
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	text-align: center; 
	font-size: 25px; 
	border-bottom: 1px solid #0070c1; 
	padding:0 30px 20px 30px;  
}

.find-store a:hover{
	text-decoration: none;
}

.footBg{
	 background-image: url(../images/footBg.jpg); 
	 background-position: center;
}

footer{ 
	padding:0 0 50px 0; 
	color: #fff; margin-top: 100px;
}

.footer-left{
	width: 111px; 
	float: left;
}

.footer-right{
	width: 270px; 
	float: right; 
	margin-top: 40px;
}

.footer-right p{
	line-height: 20px;
}

.footer-ul{
	margin-top: 40px;
}

.footer-ul ul{
	margin:0px; 
	padding:0px;
}

.footer-ul ul li{
	list-style: none;font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size: 20px; 
	line-height: 38px; 
	margin-left: 40px;
}

.footer-ul ul li a{
	color: #c6c5c5;
}

.footer-contact{
	margin-top: 40px; 
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size: 20px;
}

.footer-contact p{
	line-height: 35px; 
	color: #c6c5c5;
}

.footer-contact a{
	color: #0070c1;
}

.footer-social a i{
	color: #fff; 
	background:#000; 
	width: 40px; 
	height: 40px; 
	border-radius: 100px; 
	text-align: center; 
	line-height: 40px; 
	margin-right: 5px;
}

#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

.gallery-mobile{
    display:none !important;
}
#menu-header-menu li#menu-item-18:hover .sub-menu{display: block; }
#menu-header-menu li#menu-item-18{position: relative;}
#menu-header-menu .sub-menu{display: none;
    width: 230px;
    position: absolute;
    z-index: 9;
    background-color: #FFF;
    top: 55px;}
.sub-menu li a{padding-bottom: 5px;}
.sub-menu li{padding-top: 15px;}
#menu-header-menu-1 .sub-menu{display:none;}
.technical .row{margin-top: 30px;margin-bottom:20px;}
.technical-doc{list-style: none;}

.technical-doc li{padding-bottom: 5px;}

.warranty{position: relative;}
.warranty:before{content: '';
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: -35px;
   background-size: contain;}

.gimage{height: 350px;overflow: hidden;width: 100%;}

.pproduct .banner-tagline .pcontent{background-color: #FFF;opacity: 0.9;padding: 0px 10px;} 
.pproduct .wdd{margin-bottom:15px;}
.pproduct{height:auto;  background-size: cover !important; background-position: bottom !important;}
.pproduct .banner-tagline{position: unset !important;}    
.pproduct .pcontent{padding-top:50px;margin-right: 50px;}
.pproduct .col-md-3{padding-bottom: 30px;}
.pproduct .col-md-3 span{display: flex;align-items: center;text-align: center;flex-wrap: wrap;}
.pproduct .col-md-3 span a{width: 100%;padding: 10px;font-weight: bold;}
.modal-body img{width:100%;}
.ptdoc span{border: 1px solid #2676bb;min-height: 200px;}
.fas{font-size:70px;color: #2676bb;width: 100%;}
.dlink a{ display: flex;align-items: center;justify-content: center;font-size: 21px; text-align: center;}
.dlink .fas{font-size:30px;color:#FFF;}
.lrwrap .col-md-1{padding-left: 5px;padding-right: 0;}
.lrwrap{align-items: center;justify-content: flex-end;padding-right: 10px;}
.margin-bottom{ padding-bottom: 25px;}
.pproduct .banner-tagline{padding:10px;}
.borderrow .col-md-6 {position: relative;}

.borderrow .col-md-6:nth-child(1):before {content: ''; position: absolute; right: 0; top: 3.6em; bottom: 3.6em; width: 1px; background-color: #CCC;}

.sidebar-open, .sidebar-close{display: none;}

.modal-dialog {max-width: 1000px;}
.product-bg h4 a{border-bottom:0;}
.btn-primary {background-color: #2575ba;}
.technical .col-md-4 .row{border: 1px solid #CCC;padding: 10px;margin: 10px;}
.technical .col-md-4 .row ul{border-left: 1px solid #CCC;}
.banner-tagline .row .col-md-6{max-width: 35%;}

.animate{opacity:0;transform: translateY(20px);transition: all .9s cubic-bezier(.645,.045,.355,1) .1s;}
.visible-animation{opacity:1;transform: translateY(0px);}
.animate-opacity{opacity:0;	transition: all .9s cubic-bezier(.645,.045,.355,1) .1s;}
.visible-animation-opacity{opacity:1;}
.banner-section{overflow:hidden;}
.flogo{    display: flex;
    justify-content: center;
    align-items: center;}
.headerproduct img{width:18%;}
#Australian-Wood-Collection .lrwrap .col-md-1 img,#Viva-Original-Plank .lrwrap .col-md-1 img, #Viva-Planks .lrwrap .col-md-1 img{min-width: 62px; min-height: 62px;}
.page-template-our-products-template .container .col-md-3{ margin-top: 15px;}

@media only screen and (max-width: 1197px) {
.banner-tagline{width: 100%;top: 0px;}
.banner {width: 100%;height: auto;}
}
@media only screen and (max-width: 1024px) {
    .promise-text{
        max-width:350px;
    }
   
   
    .banner{
        height:auto;
        width:100%;
    }
    .banner-tagline{
        width:100%;
    }
    .banner-tagline h1{
        color:#000;
    }
    .banner-section{
        margin-top:0px;
    }
    .btn-primary{
        width:148px;
        font-size:12px;
    }
    .footer-right{
        width:171px;
    }
    .footer-right-pro{
        margin-top:0;
    }
}

@media only screen and (max-width: 768px) {
.technical .col-md-4 .row .col-md-7{display: flex;flex-wrap: wrap;justify-content: center;align-items: center; max-width:100%;}
.technical .col-md-4 .row ul{border-left: 0; margin:20px 0 10px 0; padding:0px;}
.sidebar-open{display: block;}
#menu-header-menu, #sidebar-close{display: none;}
#menu-header-menu{margin-left: 230px;z-index: 9;position: fixed; 
	-webkit-transition: all .5s ease;transition: all .5s ease;background-color: #FFF;}

.banner-tagline h1 {line-height:50px;font-size: 27pt;margin: 10px 0px 0px 0px; }
.banner-tagline .row{width: 100%;top: 100px; display:block;}
.banner-tagline .row .img-fluid{width: 40%;margin-left: 0;padding-top: 25px;}
.content-width {width: 95%;margin-top:25px;}    
.dlink .fas {font-size: 20px;padding: 5px;}
.banner-tagline .pcontent{background-color: #FFF;opacity: 0.9;padding: 8px;}
.d-flex {display:block !important;}
.flex-direction-nav{display: none;}
.our-promise{padding:10px;}
.promise-text, h3, h4{text-align:center;}
.promise-text p{text-align:left;}
.img-fluid {display: block;margin-left: auto;margin-right: auto;width: 100%;}
.number{margin-left: auto;margin-right: auto; display:none;}
.consultation-section{
    max-width:100%;
    margin-bottom:70px;
}
nav ul li{
    line-height:40px;
}
.sub-menu li {
    line-height: 11px;
    font-size: 18px;
}
.sub-menu li a{
    float:left;
    border-bottom:none;
}
#menu-header-menu .sub-menu{
    position:inherit;
    width:213px;
    top:-10px;
}
.promise-text{
    max-width:100%;
}
.gallery-text{
    max-width:100%;
}
.gallery-text, h2, h3{
    text-align:center;
}
.gallery-section{
    max-width:100%;
    margin-top:70px;
}
.gallery-mobile{
    display:block !important;
}
.gallery-desktop{
    display:none;
}
.gallery-pagebtn{
    float:none;
    text-align: center;
    padding-top: 70px;
}
.technical-doc{
    width:100%;
    margin-top:30px;
}
.product-bg{
    margin-bottom:30px;
}
.ourservices{
    padding:70px 0;
}
.services-whitebox{
    max-width:100%;
}
.footer-right{
    width:99px;
}
.pproduct .banner-tagline{
    width:100%;
    top:0;
}
.lrwrap{
    display:flex;
    justify-content:space-around;
}
.lrwrap img{
    width:130px;
}
.lrwrap .col-md-1{
    width:130px;
    float:left;
}

.technical .col-md-5{
    max-width:100%;
}


header .right { width: 50%;}
button:hover {
    outline: none;
    border: none;
}
.sidebar-open i {
    display: block;
    float: right;
    width: 35px;
    height: 5px;
    background: #2c2c2c;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.sidebar-open { 
    background: transparent;
    border: 0;
    padding: 0;
    margin-left: 3.75rem;
    height: 20px;
    width: 20px;position: absolute;
    right: 15px;
}
.sidebar-open:hover i:last-child, .sidebar-open:focus i:last-child {
    width: 60%;
}
.sidebar-open:hover i:first-child, .sidebar-open:focus i:first-child {
    width: 80%;
}
.sidebar-close {
    padding: 10px;
    background: transparent;
    border: 0;
    margin-bottom: 3.75rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;position: absolute;
    right: 0;z-index: 99;
}
.sidebar-close i {
    margin-top: -2px;
    width: 27px;
    height: 2px;
    display: block;
    background: #2c2c2c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sidebar-close i:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sidebar-close:hover, .sidebar-close:focus {-webkit-transform: rotate(0);transform: rotate(0);}
nav ul li a {padding-bottom: 0px;}
#menu-header-menu .sub-menu{display:block;padding-left: 10px;}


}



@media only screen and (max-width: 600px) {
    .footer-right{
        width:219px;
        margin-top:0;
    }
    .footer-left-men{
        width:160px;
    }
    .footer-right-pro{
        width:160px;
    }
    .footer-ul{
        margin-top:30px;
    }
    .footer-ul ul li{
        margin-left:0px;
    }
    .servicecImg-margin{
        margin-bottom:70px;
    }
.lrwrap{
    display:flex;
    justify-content:inherit;
    margin-left:30px;
}
.lrwrap .col-md-1{
    margin-bottom:5px;
}
p{
    line-height:20px;
}
}
