*
{
  margin: 0;
  padding: 0;
  font-family: OpenSans-Light;
 }


@font-face {
  font-family: OpenSans-Light;
  src: url(font/OpenSans-Light.ttf) format('truetype');
}



/*----------Navigation--------*/
#nav-bar
{
  position: sticky;
  top: 0;
  z-index: 10;
 }
 .navbar-brand img
 {
  height: 85px;
  padding-left: 10px;
 }
.navbar-nav li
{
	padding: 0 10px;
}
.navbar-nav li
{
	float: right;
	text-align: left;
}
#nav-bar ul li a:hover{
	color: #8B4513!important;
	border-bottom: 5px solid #8B4513;
	box-sizing: border-box;

}

.navbar
{
	background: #fff;
}
.navbar-toggler
{
	border: none!important;
}
.nav-link
{
	color: #555!important;
	font-weight: 600;
	font-size: 16px;
}
/!---------Slider------/
#slider{
	width: 100%;
}

.carousel-text h5
{
	top: 700%;
	transform: translateY(-700%);
	text-align: center;
	bottom: intial!important;
	color: #fff;
	font-size: 30px;
}
@media only screen and (max-width: 480px) {

 .carousel-text h5{
        font-size: 4vw;
		transform: translateY(-500%);
    }

}

/*----------Story--------*/
#story
{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #555;
}
#story .btn
{
	margin-top: 20px;
	margin-bottom:30px;
	background-color: #8B4513;
	border-color: #8B4513;
}
.story-content{
	padding-top: 20px;

}
/*-----------Wood image--------*/
.wood-image img{
    position: relative; /* Declared position allows for location changes */
    top: -70px; /* Moves the image 2px closer to the top of the page */
	left: 25px;
}
@media only screen and (max-width: 480px) {

 .wood-image img{
        width:100%;
		transform: translateY(+30%);
    }

}
.selectlang{
	left:0;
	color:#000000;
    position: fixed;
	bottom: 0;
    text-align: center;
	font-size: 12px;
	width:100%;
	background-color:rgba(255,255,255,0.85);
}



/*---------SERVICES PAGE-----------*/

#services h1{
	text-align: center;
	padding-bottom: 10px;
	color: #FFFFFF;
	
}
#services h1::after{
	content: "";
	background: #FFFFFF;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
#services h3{
	color: #FFFFFF;
}
#services p{
	color: #FFFFFF;
}
#services {
	background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(pics/IMG_20201006_130231.jpg);
	background-size:cover;
}

.icon-top{
	font-size:40px;
	margin-bottom: 15px;
	color: #FFFFFF;
}
.icon-bottom{
	font-size:40px;
	color: #FFFFFF;
	margin-top:40px;
	margin-bottom:15px;
}
#services .disclaimer {
	margin-top: 50px;
	text-align: center;
	color:#FFFFFF;
	font-family:OpenSans-Bold;
}
/*----.row.services{----*/

/*---------GET A QUOTE PAGE-----------*/
#quote h1{
	text-align: center;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-size:cover;
	width:100%;
	margin-bottom:40px;
}
#quote h1::after{
	content: "";
	background: #FFFFFF;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
.quote-form{
	padding:15px;
}
#quote {
	background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(pics/IMG_20201006_132817.jpg);
	background-size:cover;
}
#quote i{
	font-size:14px;
	display: block;
	color:#FFFFFF;
}
::placeholder{
	color: #999!important;
}
#quote .btn{
	background-color: #8B4513;
	border-color: #8B4513;
	margin-top:10px;
	margin-bottom:20px;
}
#quote label{
	font-size:12px;
	color:#FFFFFF;
}


/*----------Contact Us----*/
#contactus h1{
	background-image:  linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ),url(pics/wood-back1.jpg);
	text-align: center;
	padding-bottom: 10px;
	color: #FFFFFF;
	margin-top: 10px;
	background-size:cover;
	width:100%;
}
#contactus h1::after{
	content: "";
	background: #FFFFFF;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
#contactus h3{
	margin-left:75px;
	margin-top:20px;
}
@media only screen and (max-width: 480px) {
	#contactus h3{
		font-size: 16px;
		float:left;
	}
}
#contactus h5{
	margin-top:10px;
	font-size:16px;
	margin-left:75px;
}
@media only screen and (max-width: 480px) {
	#contactus h5{
		font-size: 13px;
		float:left;
	}
}
#map {
        height: 350px;  /* The height is 400 pixels */
        width: 80%;  /* The width is the width of the web page */
		margin-left:75px;
		margin-top:30px;
		margin-bottom:20px;
       }
@media only screen and (max-width: 480px) {
	#map {
		height: 175px;
		float:left;
	}
}
#contactussocial .fab.fa-facebook-square{
	color: #3b5998;
  background-image: linear-gradient( to bottom, transparent 20%, white 20%, white 93%, transparent 93% );
  background-size: 55%;
  background-position: 70% 0;
  background-repeat: no-repeat;
}

#contactussocial .fab.fa-instagram-square{
	color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

#contactussocial{
	margin-left:75px;
	margin-top:60px;
	font-size:60px;
}
@media only screen and (max-width: 480px) {
	#contactussocial {
		transform: translateY(-30%);
		font-size:30px;
		float:left;
	}
}

/*----------Footer-------*/
.footer-home{
	background-image:linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ),url(pics/wood-back1.jpg);
	background-size: cover;
	color:#FFFFFF;
}
.footer-home::before{
	content: "";
	background: #000000;
	display: block;
	height: 2.5px;
	width: 100%;
	margin: 20px auto 5px;
}
.text-uppercase{
	margin-left:25px;
}
.social-icon{
	font-size:40px;
	margin-top: 15px;
	color:#FFFFFF;
	margin-left:25px;
}
.fab.fa-facebook-square{
	color:#FFFFFF;
}
.fab.fa-instagram-square{
	color:#FFFFFF;
}
.fab.fa-facebook-square:hover{
	color:#8B4513;
}
.fab.fa-instagram-square:hover{
	color:#8B4513;
}
.addresshead{
}

.addresstext p{
	margin-top:10px;
	font-size:12px;
}
.footer-home .link{
	color:#FFFFFF;
	font-size:13px;
}
.footer-home .copyright{
	text-align:center;
	font-size:13px;
	
}
/*----------Footer-Services-------*/
.footer-services{
	background-image:linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ),url(pics/wood-back1.jpg);
	background-size: cover;
	color:#FFFFFF;
}
.footer-services::before{
	content: "";
	background: #000000;
	display: block;
	height: 2.5px;
	width: 100%;
}
.footer-services .link{
	color:#FFFFFF;
	font-size:13px;
}
.footer-services .copyright{
	text-align:center;
	font-size:13px;
	
}
/*----------Footer-Quote-------*/
.footer-quote{
	background-image:linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ),url(pics/wood-back1.jpg);
	background-size: cover;
	color:#FFFFFF;
}
.footer-quote::before{
	content: "";
	background: #000000;
	display: block;
	height: 2.5px;
	width: 100%;
}
.footer-quote .link{
	color:#FFFFFF;
	font-size:13px;
}
.footer-quote .copyright{
	text-align:center;
	font-size:13px;
	
}