/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
} 
html, body
{
    height: 100%;
}  
body {
	font-family: Open Sans,Arial,sans-serif;
	font-size: 14px;
	color: #666;
	background-color: #fff;
	line-height: 1.7em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 min-height: 100%;
}

p, span 
{
  line-height: 25px;
  margin: 0px !important;
  padding: 0px;
  font-weight: normal; }
.detlspg p{
	  margin: 1em 0px !important;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 0rem !important;
	color: #333;
	padding-bottom: 10px;
	line-height: 1.2em;
	font-weight: 500;

}

h1 {
  font-size: 60px;
text-transform: capitalize;}

h2 {
  font-size:35px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

a 
{
  color: #242424;
	text-decoration: none;
}

a:hover 
{
  color: #c79e52;
  text-decoration: none; 
}

.btn-primary {
  background-color: #242424;
  border: 1px solid #000000; }

.btn-primary:hover {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 36, 36, 0.5); }

.paddl0 {
  padding-left: 0px; }

.paddr0 {
  padding-right: 0px; }

.paddlr0 {
  padding-left: 0px;
  padding-right: 0px; }

.row-padd-t {
  padding-top: 30px; }

.row-padd-b {
  padding-bottom: 30px; }

.row-padd-tb {
  padding-top: 30px;
  padding-bottom: 30px; }

img
{
    max-width:100%;
    height:auto;
}

/* commen css */

.main-header
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.top-header
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	top: 0px !important;
background-color: rgb(0,0,0);
position: fixed!important;
webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
	 padding-top:5px !important;
  padding-bottom:5px !important;
	z-index:1023;
}
.shrink.top-header
{
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
  padding-top:2px !important;
  padding-bottom: 2px !important;
}
.navigation img
{
	
}
.logo
{
	max-width: 100%;
	transition: all 1s ease-in-out;
}
.shrink .logo 
{
	-webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
  max-width:70%;
}
.email i
{
	font-size:16px;
  color: #806927;
	letter-spacing: 1px;
}
.email a
{
	color: #fff;
	font-size: 14px;
	text-decoration: none!important;
	transition:all 0.4s;
}
.email a:hover
{
	color: #d8a74d;
}
.navbar-light .navbar-nav .nav-link 
{
 	font-family: 'Fira Sans',Helvetica,Arial,Lucida,sans-serif;
font-weight: 300;
text-transform: uppercase;
color: #fff !important;
letter-spacing: 1px;
line-height: 40px;
	 padding-left: 10px;
  padding-right: 10px;
	text-align: left;
}
.navbar-light .navbar-nav .nav-link:hover 
{
	opacity: .7;
}
.navbar-light .navbar-nav .nav-link.active
{
	opacity: .7;
}
.navigation
{
	width: 100%;
}
.banner-p
{
	font-size: 18px;
	left: 1px;
	text-transform: uppercase;
	font-weight: bold;
}
.home-btn 
{
  color: white !important;
  font-size:15px;
  border-radius: 3px;
  font-weight: 500;
  text-transform: uppercase;
background-color: rgba(128, 105, 39,0.9);
  transition: all 0.4s;
	letter-spacing: 1px;
}
.carousel-caption #carouselExampleFade
{
	bottom: 150px;
}
.carousel-item #carouselExampleFade
{
	height:100vh;
}
.heading
{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.heading h1
{
	font-size:60px;
	font-weight:700;
	color: #806927;
	text-align: center;
}
.heading p 
{
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #333333;
}
.about-div
{
	background-color: #EBEBEB !important;
}
.about-div h2
{
	color: #5c4510;
	text-transform: uppercase;
}
.about-div p
{
	font-size:16px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #333333;
}
.about-div img
{
	box-shadow: 0px 5px 8px #bababa;
}
.call-banner
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../images/jacobsjoinery-wood.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
}
.call-banner span
{
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #fff;
	text-transform: capitalize;
}

.call-btn
{
	border: 2px solid transparent;
	transition: all 0.4s;
}
.call-btn:hover
{
	background-color: transparent;
	border: 2px solid #fff;
}
.project p
{
	font-size: 16px;
	letter-spacing: 1px;
	;z-index: 28px;
	color: #000;
}
.project h2, .review h2, .client h2
{
	color: #806927;
	text-transform: uppercase;
}
.project a h3
{
	font-weight: 700;
text-transform: uppercase;
font-size: 19px;
color: #818181 !important;
line-height: 29px;
	font-family: Open Sans,Arial,sans-serif !important;
	text-decoration: none;
}
.project p, .small-text
{
	color:#878686;
	font-size:17px;
	letter-spacing: 0px;
	line-height:30px;
}
.pro-btn
{
	transition: all 0.4s;
	font-size: 18px!important;
}
.pro-btn:hover
{
	background-color: #5c4510;
}
.review-block
{
	color: #000 !important;
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.arrow-icon
{
	background-color: #000;
}
.review
{
	background-color:#e0e0e0;
} 
.review i
{
	color:#806927;
	font-size:50px;
}
.review p
{
	font-size: 16px;
	line-height:28px;
	left: 1px;
	color: #595858;
	font-weight: normal!important;
	text-transform: capitalize;
}
.review strong
{
	color: #2b2b2b;
	font-size: 18px;
	letter-spacing: 1px;
}
.review span
{
	color: #5c4510;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 28px;
	text-transform: uppercase;
		
}

.footer
{
	width: 100%;
	height: autoa;
	margin: 0 auto;
	background-color: #000000 !important;
	border-top:7px solid #806927;
}
.footer span
{
	font-size: 25px;
	color: #806927;
}
.tel a
{
	color: #806927!important;
}
.footer p
{
	font-size:18px;
	color: #fff;
	text-transform: capitalize;
}
.menu ul
{
	list-style-type: none;
		padding-left: 0px;
}
.menu ul li a
{
	color: #fff !important;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: capitalize;
}
.mail a
{
	font-size: 16px;
}
.footer-logo
{
	width: 60%;
	margin: 0 auto;
}
.bottom-footer
{
	background-color: #242424;
}
.bottom-footer span
{
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
}
.bottom-footer span a
{
	color:#806927 !important;
}

/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.client img
{
	box-shadow: 0px 5px 8px #c4c4c4;
	border: 1px solid #d9d7d7;
}


#carouselExampleFade .carousel-caption{
	top: 50%;
transform: translate(0,-50%);
}
.about-page-text ,.other-info
{
	background-color:  #EBEBEB !important;
	font-size: 16px;
letter-spacing: 1px;
line-height: 30px;
color: #333333;
}
.about-page-text a, .border-box a, .bottom-cnt a,.other-info a
{
	color: #c79e52!important;
}
.about-page-text h2
{
	color: #806927;
}
.dropdown-menu
{
	border-radius: 0px;
}
.dropdown-item
{
	text-transform: uppercase;
	font-family: 'Fira Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	line-height:30px;
	font-size: 14px;
}
.hardwood-page
{
	font-size: 16px;
letter-spacing: 1px;
line-height: 30px;
color: #333333;
}
.border-box
{
	border: 1px solid #b5b5b5;
	font-size: 15px;
	color: #757474;
}
.inner-page-heading
{
	color: #806927;
}
.bottom-cnt
{
	font-size: 16px;
letter-spacing: 1px;
line-height: 30px;
color: #333333;
}
.bottom-cnt a
{
	text-transform: capitalize;
}
.other-info sup
{
	font-size:55px;
	top: 10px;
}
.other-info a strong, .linking
{
	text-transform: uppercase;
	font-size: 14px;
}
.wood
{
	font-size: 15px !important;
top: -8px !important;
}
.client-list
{
	background-color: #EBEBEB !important;
	font-size: 16px;
	color: #757474;
	letter-spacing: 1px;
}

.map-div {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.cnt-info {
  background-color: #EBEBEB !important;
}
.input-box {
  border-radius:0px;
  font-size: 14px;
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
}

.cnt-info span, .cnt-info a, {
  color: #777777 
		!important;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
  line-break: anywhere;
}

.cnt-info h2 {
  font-size:30px;
  color: #806927;
	line-height: 40px;
}

.submit-btn {
  background-color: rgba(128, 105, 39,0.9);
  font-size: 16px;
  color: #fff !important;
  border-radius:0px;
  text-transform: uppercase;
	font-size: 15px;
  letter-spacing: 1px;
}
.cnt-info strong
{
	font-size:16px;
}  
.pro-images
{
	box-shadow: 0px 5px 8px #bfbdbd;
	background-color: #fff;
	max-height:200px;
}
.article-name
{
	color: #c79e52 !important;
	font-size: 16px;
}
.venners-text
{
	text-transform: uppercase;
	letter-spacing: 1px;
}
.privacy-box
{
	background-color: rgba(128, 105, 39,0.9);
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.privacy-text
{
	font-size: 15px;
	left: 1px;
	background-color: #fff;
}
.sitemappg a{
	font-size:16px;
}
.navbar-light .navbar-toggler {
	color: #fff;
	border-color: #fff;
}
.navbar-toggler {
	background-color: #fff;
}
.dropdown-menu.show.row {
	display: flex;
}



 
/*------------------------media query -------------------- */
@media (max-width: 320px) {

 }

@media (min-width: 321px) and (max-width: 575px) {

 }
@media (min-width: 576px) and (max-width: 767px) {
.logoparent{ padding-left:10rem !important; padding-right:10rem !important;}
.heading h1, h1 {
  font-size: 45px;
	}
   }
   
@media (min-width: 767px){
	.dropdown-menu.show.row .dropdown-item{
	white-space: break-spaces;
	font-size:13px;
	padding: .25rem 0.2rem;
}
.slide{ padding:20px;}
}
@media (max-width: 575px){
	.top-header{ position:static !important;}
	.heading h1, h1 {
  font-size: 35px;
	}
	.call-banner span {
  font-size: 20px;
	}
	h2 {
	font-size: 25px !important;
	line-height: 1.2em;
}
}
@media (max-width: 767px){
h2 {
  font-size: 30px;
  line-height: 1.2em;
}
.border-box{
margin-right: .5rem !important;
margin-left: .5rem !important;
}
.border-box img{
	margin-top: 2rem !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	.container{ max-width:97%;}
	.nav-link{ padding:0.5rem 0.3rem !important; font-size:12px;}
	.heading h1, h1 {
  font-size: 45px;
	}
	h2 {
  font-size: 30px;
  line-height: 1.2em;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
	
	#carouselExampleFade .carousel-caption {
	top: 20%;
	transform: translate(0,-20%);
	padding-top:0;
}

 }