@charset "utf-8";

body { font-family:'lato', Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { position: relative; padding-left: 15px; padding-right: 15px; }
.no-gutter > [class*='col-'] { padding-left: 0; padding-right: 0 }
h1 { color: #78A494; }
hr { margin-top: 0; }
.space20 { margin-top: 20px; }
.space60 { margin-top: 60px; }
.col2 { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; }
header { background-color: #fff; margin: 35px auto; }
header .header-contact { float: right; font-size: 33px; margin-right: 40px; }
	header .header-contact a { color: #58585a; }
		header .header-contact a:hover { text-decoration: none; color: #9f9fa4; }
header .contact-info { font-size: 33px; color: #000; font-weight: 300; }
	header .contact-info a { color: #58585a; text-decoration: none; }
header .header-social { float: right }
	header .header-social img { float: left; margin-left: 5px }
.quality img { position: absolute; top: -10%; right: 0; }
.navbar { margin: 0; padding: 0; border: 5px #FFFFFF solid }
	.navbar-brand { display: none; }
	.navbar-inverse { background: none; border: 0; margin-top: 5px; min-height: 0; }
	.navbar-nav > li > a { font-size: 1em; font-weight: 400; margin-left: 5px; padding: 8px 15px; margin-top: 30px }
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: #58585a; color: #FFFFFF; }
	.navbar-inverse .navbar-nav > li > a { background-color: #9f9fa4; color: #fff; }
	.navbar-inverse .navbar-nav > li > a:hover { background-color: #58585a; color: #FFFFFF; }
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: #58585a; }

#breadcrumb { background-color: #f5f5f5; }
	#breadcrumb ol { margin: 0; font-size: 12px; text-transform: uppercase; text-align: left!important;}
	#breadcrumb a { font-size: 12px; }
	#breadcrumb a:hover { text-decoration: none }

#home-strap { background-color: #757578; margin-top: 50px; padding: 20px }
	#home-strap h1 { color: #FFFFFF; font-size: 30px; font-weight: 600; margin: 10px 0; }
	#home-strap p { color: #FFFFFF; font-size: 1.04em; line-height: 1.7em; font-weight: 400; }
	#home-strap img { position: absolute; top: -45px }
#home-services { background-color: #e4e4e4; padding-top: 60px; padding-bottom: 60px; margin-bottom: 30px }
	#home-services .service { background-color: #fff; padding: 20px; text-align: center; color: #58585a; }
		#home-services .service h2 { color: #58585a; font-size: 20px; text-transform: uppercase; font-weight: 600; }
		#home-services .service p { font-size: 16px; font-weight: 400; margin-bottom: 15px; }
		#home-services .service .btn-grey { background-color: #58585a; font-size: 16px; text-transform: uppercase; color: #fff; border-radius: 0; }
			#home-services .service .btn-grey:hover { background-color: #757578; }
#home-quality { background-color: #fff; padding-top: 60px; padding-bottom: 60px }
	#home-quality h3 { color: #58585a; font-size: 34px; font-weight: 600; margin: 0px; margin-bottom: 20px }
	#home-quality p { color: #58585a; font-size: 1.2em; line-height: 1.9em; font-weight: 400; }
.home-banner { background-position: center; background-repeat: no-repeat; background-size: cover; height: 600px; z-index: 2; margin-top: 0; padding-top: 0; position: relative; /*bottom: -2px;*/ text-align: left; box-shadow: inset 0px -600px 800px -600px #000;  }
	.home-banner h4 { font-size: 63px; font-weight: 600; color: #fff; margin-top: 140px }
	.home-banner p { font-size: 18px; font-weight: 300; color: #fff; margin-top: 30px; padding-right: 60px; }
	.home-banner .btn-clear { font-size: 19px; font-transform: uppercase; font-weight: 400; color: #fff; border: 2px solid #fff; border-radius: 0; padding: 20px 40px; margin-top: 20px }
		.home-banner .btn-clear:hover { color: #000; border: 2px solid #fff; background-color: #fff }

#see-more { /*background-image: url("/img/layout/see-more-background.jpg");*/ background-color: #262626; padding: 50px 0; color: #fff; }
#see-more h3 { font-size: 34px; font-weight: 600; margin-top: 10px; margin-bottom: 20px }
	#see-more a { border: 3px solid #FFF; color: #FFF; display: inline-block; font-size: 18px; padding: 15px 30px; text-decoration: none; text-transform: uppercase }
	#see-more a:hover { background-color: #FFF; color: #000 }

#see-brochure { background-image: url("/img/layout/see-more-background.jpg"); padding: 40px 0 30px 0; color: #fff; }
#see-brochure h3 { font-size: 34px; font-weight: 600; margin-top: 10px; margin-top: 100px; margin-bottom: 20px }
	#see-brochure a { border: 3px solid #FFF; color: #FFF; display: inline-block; font-size: 18px; padding: 15px 30px; text-decoration: none; text-transform: uppercase }
	#see-brochure a:hover { background-color: #FFF; color: #000 }
	#see-brochure .see-brochure-image-button a { border: none; display: inline-block; font-size: 18px; padding: 15px 30px; text-decoration: none; text-transform: uppercase }
	#see-brochure .see-brochure-image-button a:hover { background-color: transparent!important; }

.link-no-show-bold { font-weight: bold; color: #58585a; }
	.link-no-show-bold:hover { text-decoration: none; color: #58585a; }
.gallery-title { text-align: center; font-weight: 300; padding-bottom: 30px; font-size: 28px; }

#product-furniture-link-bar { background-color: #787777; padding: 50px 0; color: #fff; }
#product-furniture-link-bar h3 { font-size: 24px; font-weight: 300; margin-top: 10px; margin-bottom: 20px }
	#product-furniture-link-bar a { border: 3px solid #fff; color: #fff; display: inline-block; font-size: 18px; font-weight: 600; padding: 15px 30px; text-decoration: none; text-transform: uppercase }
	#product-furniture-link-bar a:hover { background-color: #FFF; color: #000 }


#home-door-carousel { background-color: #F2F2F2; padding: 60px 0; text-transform: uppercase; }
	#home-door-carousel .item { background-color: #fff; padding: 20px 0px }
		#home-door-carousel .item a { color: #58585a; }
			#home-door-carousel .item a:hover { color: #D5D4D4; text-decoration: none }
		#home-door-carousel .item p { font-size: 16px; font-weight: 400 }
		#home-door-carousel .owl-controls { position: absolute; top: 170px; width: 100%; }
				#home-door-carousel .owl-controls .owl-nav .owl-prev { float: left; font-size: 3em; opacity: 0.5; padding-left: 15px; }
				#home-door-carousel .owl-controls .owl-nav .owl-prev:hover { opacity: 1; }
				#home-door-carousel .owl-controls .owl-nav .owl-next { float: right; font-size: 3em; opacity: 0.5; padding-right: 15px; }
				#home-door-carousel .owl-controls .owl-nav .owl-next:hover { opacity: 1; }
	#home-door-carousel .home-door { padding: 0 15px; text-align: center; }
		#home-door-carousel .home-door img { display: block !important; margin: 0 auto 15px auto !important; width: auto !important; }

footer { background-color: #fff; color: #58585a; padding-top: 45px; padding-bottom: 20px }
	footer p { font-size: 13px }
		footer p small { font-style: italic }
		footer p.details { padding: 35px 20px 0 0 }
	footer a { color: #58585a; }
	footer a:hover { color: #D5D4D4; text-decoration: none; }
	
footer .header-social { float: left; padding-top: 45px }
	footer .header-social img { float: left; margin-left: 10px }
#foot-note { background-color: #24282B; color: #c5c6c6; font-size: 12px; padding-top: 10px }
	#foot-note #designed { text-align: right }

footer address { margin-top: 34px }
footer #footer-social { margin-top: 40px }
footer #footer-social .areas-covered { margin-top: 10px }
footer #footer-nhbc { margin: 10px 0 0 auto }

.lead { font-size: 21px !important; font-weight: 400 !important; font-style: italic; }

#inner-strap { background-image: url(/img/layout/workshop-header-hi.png); padding: 30px; height: 170px }
	#inner-strap h1 { color: #FFFFFF; font-size: 30px; font-weight: 400; margin: 10px 0; }
	#inner-strap p { color: #FFFFFF; font-size: 17px; line-height: 24px; font-weight: 300; }
	#inner-strap i { font-size: 17px; font-weight: 400; font-style: italic }
	#inner-strap img { position: absolute; top: -45px }
#inner-services { background-color: #e4e4e4; padding-top: 60px; padding-bottom: 60px; }
	#inner-services .service { background-color: #fff; padding: 20px; text-align: center; color: #58585a; margin-bottom: 30px }
		#inner-services .service img { margin: 0 auto; }
		#inner-services .service h2 { color: #58585a; font-size: 20px; text-transform: uppercase; font-weight: 700; }
		#inner-services .service p { font-size: 16px; font-weight: 400; margin-bottom: 15px; }
		#inner-services .service .btn-grey { background-color: #58585a; font-size: 16px; text-transform: uppercase; color: #fff; border-radius: 0 }
			#inner-services .service .btn-grey:hover { background-color: #757578; }

.windows { padding-top: 20px; }

#inner-item-desc { background-color: #fff; padding-top: 60px; padding-bottom: 30px }
	#inner-item-desc h1 { color: #58585a; font-size: 32px; font-weight: 600; margin: 0px; margin-bottom: 20px }
	#inner-item-desc h2 { color: #58585a; font-size: 32px; font-weight: 600; margin: 0px; margin-top: 40px }
	#inner-item-desc p { color: #58585a; font-size: 1.2em; line-height: 1.9em; font-weight: 400 }

/* gallery */
#gallery-wrapper { background-color: #e4e4e4 }
#gallery-controls { margin: -23px 0 30px 0 }
	#gallery-controls .btn { background-color: #9f9fa4; color: #fff; display: inline-block; font-size: 20px; text-transform: uppercase; margin: 0 4px 6px 0; padding: 10px 20px; outline: none; border-radius: 0 }
	#gallery-controls .btn:hover { background-color: #58585a }
	#gallery-controls .btn.mixitup-control-active { background-color: #58585a; color: #FFF }
#gallery { min-height: 300px; padding: 0 30px }
#gallery:after { clear: both; content: ''; display: inline-block; width: 100% }
.gallery-column, .gallery { width: 15% }
.gallery-gutter { width: 2% }
.gallery { margin-bottom: 30px }
#gallery-wrapper-products { background-color: #e4e4e4; padding: 40px 0; margin-top: 50px; }
#gallery-wrapper-door-furniture { background-color: #fff; margin-top: 10px; }

#client-comment { background-color: #e4e4e4; padding-top: 40px; padding-bottom: 80px }
	#client-comment h3 { font-size: 32px }
	#client-comment p { font-size: 22px; font-weight: 300 }
	#client-comment strong { font-size: 16px; }

/* about */

#about-strap { background-image: url(/img/layout/about-header.jpg); padding: 30px; height: 170px; }
	#about-strap h1 { color: #FFFFFF; font-size: 35px; font-weight: 600; margin: 70px 0 0 0; }
	#about-strap img { position: absolute; top: -45px }

#about-strap .col-md-9 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end; /* Ensures the <h1> stays at the bottom */
	height: 100%; /* Ensures the div takes its parent's height */
}

#about-strap .heading-bottom {
	margin: 0; /* Remove default margin */
	word-wrap: break-word; /* Ensure long words break to avoid overflow */
}

#about-info { background-color: #fff; padding-top: 60px; padding-bottom: 60px }
#about-info .about-section { margin-bottom: 30px }
	#about-info .about-section p { color: #58585a; font-size: 17px; line-height: 1.9em; font-weight: 400 }

	.robeda-list ul { font-size: 17px; line-height: 1.9em; }
.robeda-list ul li { margin-bottom: 5px; }

/* contact */

#contact-info { background-color: #fff; padding-top: 60px; padding-bottom: 60px }
#contact-info { margin-bottom: 30px }
#contact-info p { color: #58585a; font-size: 17px; line-height: 1.9em; font-weight: 400 }

#map { border: 0; width: 100%; height: 450px; margin-top: 20px }

.grey-background { background-color: #dedfdc; padding: 30px }
	.grey-background p { line-height: 24px }
	.grey-background form { padding: 10px; }
	.grey-background input { border-radius: 0 }
	.grey-background large { font-size: 30px }

#inner-product-desc { background-color: #fff; padding-top: 60px; padding-bottom: 30px }
	#inner-product-desc h2 { color: #58585a; font-size: 32px; font-weight: 600; margin: 0px; margin-bottom: 20px }
	#inner-product-desc p { color: #58585a; font-size: 1.2em; line-height: 1.9em; font-weight: 400 }

#inner-product-type { background-color: #f8f7f7; padding-top: 40px; padding-bottom: 40px }
	#inner-product-type h3 { color: #58585a; font-size: 22px; margin: 0px; margin-bottom: 20px }
	#inner-product-type p { color: #58585a; font-size: 15px; text-align: center; margin-top: 10px; text-transform: uppercase }
	#inner-product-type img { margin: 0 auto }

#inner-product-accessories { background-color: #fff; padding-top: 60px; padding-bottom: 40px }
	#inner-product-accessories h4 { color: #58585a; font-size: 22px; margin: 0px; margin-bottom: 20px }
	#inner-product-accessories p { color: #58585a; font-size: 15px; text-align: center; margin-top: 10px; text-transform: uppercase }
	#inner-product-accessories img { margin: 0 auto }

#manufacture { color: #FFF; padding: 75px 0 }
	#manufacture h4 { font-size: 63px; font-weight: 700; margin: 0 0 30px 0 }
	#manufacture p { font-size: 18px; line-height: 30px; margin: 0 }
	#manufacture a { border: 3px solid #FFF; color: #FFF; display: inline-block; font-size: 18px; padding: 15px 30px; text-decoration: none; text-transform: uppercase }
	#manufacture a:hover { background-color: #FFF; color: #000 }

/*#gallery-wrapper-door-furniture .fancybox-bg { background-color: #fff !important; }*/

#gallery-wrapper-door-furniture { margin-bottom: 60px; }

@media (max-width: 1589px) {
	/* gallery */
	.gallery-column, .gallery { width: 18% }
	.gallery-gutter { width: 2.5% }
}

@media (max-width: 1199px) {
	#header-logo { margin-top: 8px }
	.navbar-nav > li > a { font-size: 0.9em; font-weight: 400; margin-left: 5px; padding: 8px 15px; margin-top: 0 }
	#home-strap h1 { font-size: 26px; }
	#home-services .service h2 { font-size: 18px; }
	#home-quality { padding-top: 40px; padding-bottom: 40px }
		#home-quality h3 { font-size: 28px; margin-bottom: 5px }
	.home-banner { height: 500px; }
		.home-banner h4 { font-size: 55px; margin-top: 120px }
		.home-banner p { font-size: 16px; margin-top: 10px }
	footer p.details { padding: 20px 20px 0 0 }
	footer .header-social { float: left; padding-top: 30px }

	footer address { margin-top: 0 }
	footer #footer-social { margin-top: 40px }
	footer #footer-nhbc { margin: 8px 0 0 auto }
	
	/* gallery */
	.gallery-column, .gallery { width: 22% }
	.gallery-gutter { width: 4% }
	
	.g-recaptcha { -moz-transform: scale(0.8); -moz-transform-origin: 0 0; -webkit-transform: scale(0.8); -webkit-transform-origin: 0 0; margin-bottom: -13px; transform: scale(0.8); transform-origin: 0 0 }

	#manufacture a { margin-top: 30px }
}

@media (max-width : 991px) {
	#header-logo { margin: 0 auto 20px auto; width: 300px }
	header .header-contact { float: none; margin: 0; text-align: center }
	header .header-social { float: none; margin: 0; text-align: center }
		header .header-social img { float: none }
	.navbar-nav { float: none !important; margin: 0 auto; display: table; table-layout: fixed }

	/* gallery */
	#gallery-controls { margin: -16px 0 30px 0 }
		#gallery-controls .btn { font-size: 16px; padding: 5px 10px }
	.gallery-column, .gallery { width: 29% }
	.gallery-gutter { width: 6.5% }

	#inner-item-desc img { margin-top: 30px }
	#about-info .about-section img { margin-top: 20px }

	#inner-product-desc img { margin-bottom: 20px }

	.grey-background { margin-top: 30px }

	#manufacture { color: #FFF; padding: 75px 0 }
		#manufacture h4 { font-size: 50px }
		#manufacture p { font-size: 16px; line-height: 28px; margin: 0 }
		#manufacture a { font-size: 16px }

	#foot-note { text-align: center }
	#foot-note #designed { text-align: center }

	footer #footer-logo { margin: 0 auto 20px auto; width: 300px }
	footer address { text-align: center }
	footer #footer-social { margin: 20px 0; text-align: center }
	footer #footer-nhbc { margin: 0 auto 20px auto }
	footer p { text-align: center }
	
	#see-brochure h3 { font-size: 34px; font-weight: 600; margin-top: 10px; margin-top: 0px; margin-bottom: 20px }
}

@media (max-width : 767px) {
	.navbar-nav { display: block }
	.navbar-inverse { padding-left: 0; }
	.navbar-header { background-color: #9f9fa4; padding-left: 10px; padding-right: 10px; }
	.navbar-nav > li > a { margin-left: 0; }
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a:hover { color: #000000 !important; }
	.navbar-collapse { border: none !important; box-shadow: none !important; }
	.navbar-brand { cursor: pointer; display: block; color: #FFF !important; padding-left: 0; text-transform: uppercase }
	.navbar-toggle { border-radius: 0; border: 1px solid #FFF !important; margin-right: 0; }
	.navbar-toggle:hover { background: none !important; }
		.navbar-toggle .icon-bar { background-color: #FFF !important; }
	.logo { padding: 20px 0; }
	.floating-logo { display: none; }
	.quality { display: none; }
	.grey-box { padding: 0 20px 10px 20px; }
	.TB_Wrapper { height: 250px; }
	.hover-text { font-size: 18px; line-height: 36px; }
	.bottom-bar { text-align: center !important; }
		.bottom-bar .designedBy { text-align: center !important; }
	.table-responsive { border: none !important; }
	.product-image { margin-bottom: 20px; }
	.nav-right-img { margin: 20px auto 0 auto; }
	.our-work-img { margin-top: 20px; }
	#home-door-carousel .owl-controls { display: none; }
	.garage .garage-door { min-height: 260px }
	.jeld-wen-inner p { margin-top: 20px }
	.jeld-wen-banner-inner { font-size: 16px }
	.jeld-wen-banner-inner p { padding-top: 10px }
	.jeld-wen-banner-inner .btn { width: 100%; font-size: 18px; border-radius: 0; margin-top: 5px }
	.jeld-wen h3 { font-size: 17px!important; min-height: 38px }
	.jeld-wen p { min-height: 190px }
	
	.home-banner { height: 500px; }
		.home-banner h4 { font-size: 55px; margin-top: 60px }
		.home-banner p { font-size: 16px; margin-top: 10px }
	
	/* gallery */
	#gallery { padding: 0 15px }
	.gallery-column, .gallery { width: 46% }
	.gallery-gutter { width: 8% }
	
	#inner-strap i { font-size: 15px!important }

	#home-services .service { margin-bottom: 30px }
		#home-services .service img { margin: 0 auto }

	#about-strap { padding-left: 0; padding-right: 0 }
}

@media (max-width : 574px) {
	.home-banner { height: 550px; }
		.home-banner h4 { font-size: 40px; margin-top: 60px }
		.home-banner p { font-size: 16px; margin-top: 10px }
	#about-strap h1 { font-size: 30px; margin: 40px 0; }
	#inner-strap p { display: none }
}

@media (max-width : 479px) {
	.container { max-width:479px; }
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 { float: left; }
	.col-ms-1 { width: 8.33333333%; }
	.col-ms-2 { width: 16.66666667%; }
	.col-ms-3 { width: 25%; }
	.col-ms-4 { width: 33.33333333%; }
	.col-ms-5 { width: 41.66666667%; }
	.col-ms-6 { width: 50%; }
	.col-ms-7 { width: 58.33333333%; }
	.col-ms-8 { width: 66.66666667%; }
	.col-ms-9 { width: 75%; }
	.col-ms-10 { width: 83.33333333%; }
	.col-ms-11 { width: 91.66666667%; }
	.col-ms-12 { width: 100%; }
	.col2 { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; }
	.our-work h3 { margin-top: 20px; }
	.jeld-wen h3 { font-size: 17px!important; min-height: 20px }
	.jeld-wen p { min-height: 150px }
		
	.home-banner h4 { font-size: 35px; margin-top: 60px }
	.home-banner p { font-size: 16px; margin-top: 10px }
}

@media (max-width : 379px) {
	#about-strap h1 { font-size: 26px; margin: 40px 0; }
}

@media (min-width:769px) {
	.dropdown:hover .dropdown-menu { display: block; }
}