@import url(reset.css);
@import url(font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,900|Playfair+Display:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

/* 
	font-family: 'Roboto', sans-serif;
	font-family: 'Playfair Display', serif;
	font-family: 'Roboto Slab', serif;
	font-family: 'Roboto Condensed', sans-serif;
*/


body{	
	background:#412d26;
	color: #000;
	font-size:14px; 
	line-height:20px; 	
	font-family: 'Lato', sans-serif;
}
.container{position:relative; margin:0 auto;width:940px;}
a{color:#aea472;text-decoration:underline;}
a:focus{color:#aea472;text-decoration:none;}
a:hover{text-decoration:none;color:#aea472}
p{margin:0;padding:0;line-height:23px;}
a[href*="callto"] {
	text-decoration: none;	
	color: inherit;
}

/* TOP */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#header {
	background:  #f8d6a4 url("../images/bg-top.jpg") 50% 50% repeat;
	position: relative;
	z-index: 99;
	border-bottom: 1px #4b3827 solid;
}
.phone {
	width: 40%;
	float: left;
	text-align: center;
	padding-top: 32px;
	padding-bottom: 28px;
	color: #402c27;
}
.phone span {
	font-size: 20px;
	line-height: 40px;
	color: #402c27
}
.phone b {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
}

#header ul.socials  {
	width: 40%;	
	padding-top: 54px;
}

ul.socials {
	float: right;
	text-align: right;
	padding-top: 20px
}
ul.socials li {
	display: inline;
	padding-left: 14px;
}
ul.socials li a {
	font-size: 24px;
	color: #412d27;
	line-height: 24px;
}
ul.socials li a:hover {
	color: #ce7a24;
}


a.logo {
	display: block;
	z-index: 12;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -120px;
}



/* Nav */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#nav {
	z-index: 11;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf0202+0,ab0f0f+100 */
	background: #54413a  url("../images/bg-nav.jpg") 50% 50% repeat;
}

a.menu {
	display: none;
}
.sf-menu {
	float: none;
	text-align: center;
	padding: 10px 0;
}
.sf-menu > li {
	float: none;
	position: relative;
	overflow: visible;
	padding-right: 20px;
	text-align: center;
	display: inline-block;
}
.sf-menu > li.pull-right {
	padding-right: 60px;
}
.sf-menu > li > a {
	color: #f9dcac;
	font-size: 15px;
	line-height: 27px;
	font-weight: 700;
	text-decoration: none;
	display: block;
	padding: 1px 4px 2px 3px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}

.sf-menu > li:hover > a {
	color: #fff0d9;
}
.sf-menu > li:hover > a.act {
	color: #fff;
}

.sf-menu > li.has-menu > a { padding-left: 20px;}
.sf-menu > li.has-menu em {
	background: url("../images/arrow-has-menu.png") 50% 0% no-repeat;	
	display: block;
	height: 6px;
	width: 10px;
	position: absolute;
	right: 10px;
	top: 45%;
}
.sf-menu > li.has-menu:hover em {
	background: url("../images/arrow-has-menu.png") 50% 100% no-repeat;	
}


ul.dd_menu {
	position: absolute;
	width: 180px;
	background: #4f3b2a   url("../images/bg-dd-menu.jpg") 50% 50% repeat;	
	line-height: 18px;
	overflow: visible!important;
	display: none;
  border: 2px #352b21 solid;		
  border-top: 0px #262626 solid;
  left: 0;
}
ul.dd_menu li {
  border-top: 1px #262626 solid;		
}
ul.dd_menu a {
	display: block;
	padding: 6px 20px;
	color: #f9dcac;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Georgia";
}
ul.dd_menu li + li a {
  border-top: 1px #5f4e3f solid;	
}
ul.dd_menu a:hover {
	color: #fff0d9;
}
ul.dd_menu li {
	position: relative;
	overflow: visible;	
}
ul.dd_menu ul.dd_menu  {
	left: 100%;
	top: 0;
	background: #2f2d2c;
}

#content1.welcome{
	text-align: center;
}
	#content1.welcome img{
		margin-bottom: 30px;
	}


/* slider */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#slider {
	background: #412c27;
	position: relative;
	z-index: 10;
	width: 100%;
	overflow: hidden;
}
#slider .small {
	display: none;
}
.caption {
	z-index: 103;
	position: absolute;
	top: 0;
	width: 100%;	
	height: 100%;
	max-height: 100%;
}

.caption .container {
	top: 50%;
}
.caption .container span {
	background: url('../images/custom-doors-radio.png') 0 0 no-repeat;
	width: 356px;
	height: 365px;
	max-width: 30%;
	max-height: 80%;
	right: 60px;
	display: block;
	float: right;
	background-size: 100% auto;
	position: relative;
	top: 50%;
	margin-top: -158px;
	z-index: 104;
}


/* ============================= parallax ====================== */
#parallax1 {
	z-index: 1;
}
.parallax {width: 100%; position: relative; overflow: hidden; background: none;}
.parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;}

.parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute;  background-size: cover;background-attachment: scroll; background-repeat: repeat-y; background-position: center center; }
.parallax-bg.bg-fixed{background-attachment: fixed;}
.parallax .overlay { background: none; width: 100%; position: absolute; overflow: hidden; background: none;}
.parallax-content {
 padding-top: 90px; padding-bottom: 90px;  position: relative;
 z-index: 100;
}
.home .parallax-content {
 padding-top: 120px; padding-bottom: 120px;  
}

.bg1 { background-image: url(../images/paralax-1.jpg); }
.bg2 { background-image: url(../images/paralax-2.jpg); }




/* Content  */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
.content {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #fff;
}
.content p {
	padding-bottom: 10px;
	color: #231f20;
	font-size: 14px;
	line-height: 19px;
	font-family: 'Roboto', sans-serif;
}

.estimate {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #aea472;
	font-size: 15px;
	line-height: 24px;
	border:2px #aea472 solid;
	font-weight: 700;
	font-family: 'Roboto Slab', serif;
	white-space: nowrap;
	width: 340px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.estimate:hover {
	color:#fff;
	border-color: #aea472;
	background: #aea472;	
}
.button {
	display: block;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-bottom: 20px;
}
.button:hover {
	color: #fff;
	background: #ad0f0f;
}
.table {
	display: table;
}

/* Banners  */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#banners {
	background: #3b261d  url('../images/bg-banners.jpg') 50% 2% repeat;	
	padding: 60px 0 60px;
	border-top: 1px #2a1b17 solid;
}

.home #banners a {
	text-decoration: none;
	display: block;
}
/* .home #banners a img {
	margin-bottom: 15px;
}
.home #banners a p {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #dddddd;
	font-family: 'Roboto', sans-serif;
}
.home #banners a:hover {
	border-color:  #e09c58
} */


/* Titles  */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

h1 {
	color: #4f3f23;
	text-align: center;
	font-size: 44px;
	line-height: 60px;
	padding-bottom: 20px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;	
	padding-bottom: 30px;
	background: url('../images/bg-h1.png') 50% bottom no-repeat;
	margin-bottom: 40px;
}
h2.custom{
	color: #4f3f23;
	text-align: center;
	font-size: 44px;
	line-height: 60px;
	padding-bottom: 20px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;	
	padding-bottom: 30px;
	margin-bottom: 40px;
}
h1.no-bg {
	background: none;
	margin-bottom: 20px;
	text-align: left; 
}
h1.no-bg.center {
	text-align: center;
}
h1 span {
	display: block;
	color: #898054;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 24px;
	padding-top: 14px;
	padding-bottom: 12px;
}
h2 {
	color: #fff;
	text-align: center;
	font-size: 48px;
	line-height: 60px;
	padding-bottom: 20px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;	
	padding-bottom: 30px;
	margin-bottom: 10px;
}
h3 {
	color: #fff;
	text-align: left;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 10px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;	
}
h4 {
	color: #938850;
	text-align: left;
	font-size: 28px;
	line-height: 30px;
	padding-bottom: 20px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;	
}
h5 {
	color: #938850;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 20px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;	
	text-transform: uppercase;
	padding-top: 16px;
}

.title {
	color: #fff;
	text-align: center;
	font-size: 46px;
	line-height: 60px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;	
	padding-bottom: 30px;
	margin-bottom: 10px;
	background: url('../images/bg-title.png') 50% bottom no-repeat;
}

ul.list {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 2px;
	margin-bottom: 40px;
}
ul.list li {
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 16px;
}
ul.list li a {
	color: #3768aa;
	font-family: 'Roboto', sans-serif;
	line-height: 24px;
	text-decoration: none;
	font-size: 15px;
}
ul.list li a:hover {
	text-decoration: underline;
	color: #1e96f2;
}
hr {
	padding: 0;
	margin: 0;
	border:none;
	background: none;
	height: 10px;
	padding-top: 40px;
	margin-bottom: 40px;
	background: url('../images/bg-line.png') 50% bottom no-repeat;
	clear: both;
}


/* FOOTER 	 */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#footer {
	background: #ebeae5;
	padding: 30px 0 30px;
}
#footer p, #footer p a {
	font-size: 18px;
	color:#4f3f23;
	line-height: 30px;
	text-decoration: none;	
}
#footer p a:hover {
	color: #000;
}
.footer-logo {
	margin-top: -50px;
}

#footer p img {
	margin-top: 14px;
	padding-left: 8px;
	padding-right: 8px;
}


/* Copyright 	 */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
.copy {
	padding:25px 0 25px; 
	background: #412d26;
}
.copy p {
	color: #c7c7c5;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.copy p a {
	color:#c7c7c5;
}
.copy p a:hover {
	color: #fff;
}

.w_33 {	width: 33%;	float: left;}
.left_20 {	margin-left: 30px;}
.right_20 {	margin-right: 30px;}
.red {	color: #f00;}

/* Contact */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#ajax-contact-form textarea,
#ajax-contact-form select,
#ajax-contact-form input {
	background: #fff;
	border:1px #cccccc solid;
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 15px;
	width: 70%;
	line-height: 32px;
	height: 32px;
	min-height: 20px;
	padding-left: 2%;
	margin-bottom: 10px;
	color: #231f20;
}
	#ajax-contact-form textarea:focus,
	#ajax-contact-form select:focus,
	#ajax-contact-form input:focus{
		border-color: #938850;
		outline: none;
	}
#ajax-contact-form label{
	float: left;
	display: block;
	width: 30%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
	#ajax-contact-form label span{
		color: #da9756;
	}
	#ajax-contact-form label.fw{
		width: 100%;
		margin: 15px 0 10px;
	}
#ajax-contact-form textarea {
	height: 130px;
	resize: none;
	width: 100%;
}


#ajax-contact-form input.captcha {
	width: 130px;
	float: left;
	margin-right: 10px;
}
#captcha {
	height: 45px;
	width: 140px;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
}
#ajax-contact-form .submit {
	text-align: center;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 50px;
	text-decoration: none;
	background: #412d27;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	font-family: 'Roboto', sans-serif;
	margin-top: 10px;
	border: none;
	width: auto;
	height: auto;
	clear: both;
}
#ajax-contact-form .submit:hover {
	background: #ce7a24;
	color: #fff;
}

.notification_error {
	color: #f00;
	clear: both;
	padding: 0 0 25px;
}
#note {
	clear: both;
}


.notification_error {  color:#f00;}


div.notification_ok {
  color: #4f3f23;
  font-size: 22px;
  font-family: 'Roboto Slab', sans-serif;
  line-height: 34px;
  font-weight: 700;
  text-align: center;
}
div.notification_ok b {
  display: block;
  color: #a80f0f;
  text-transform: uppercase;
  font-family: 'Roboto Slab', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  padding-bottom: 0px;  
}

.notification_ok a.help {
  line-height: 80px;
  font-weight: 700;
  font-size: 24px;
  font-family: 'Roboto Slab', sans-serif;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
  text-shadow: 0px -1px 0px #d84242;
  color: #600404;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  
}
.notification_ok a.help:hover {
  color: #fff
}
#content .notification_ok p {
  font-size: 28px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif; 
  padding-bottom: 30px;
  line-height: 40px;
  color: #197ab2;
}
#content .notification_ok strong {
  text-transform: uppercase;
  line-height: 40px;
  display: block;
  padding-top: 10px;
  padding-bottom: 30px;
  font-size: 36px;
  color: #192c69;
}
#content .notification_ok span {
  line-height: 40px;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
  font-family: 'Roboto', sans-serif; 
  font-weight: 400;
  font-size: 18px;
}
.info img{
	margin-bottom: 30px;
}
.info p{
	font-family: 'Roboto', sans-serif; 
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #4f3f23;
  margin-bottom: 15px;
}



	/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

/* 			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); 50
		box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); 50
		 */		
		}

		a[data-imagelightbox="f"] {
			display: block;
			position: relative;			
			//background: rgba(65,44,39, 0.5);
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;			
		}
		a[data-imagelightbox="f"]::after {
			position: absolute;
			content:"";
			width: 100%;
			height: 100%;
			opacity: 0;
			left:0;
			top: 0;
			background:  url("../images/zoom.png") 50% 50% no-repeat;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;			
		}
		a[data-imagelightbox="f"]:hover{
			opacity: 0.85;
		}
		a[data-imagelightbox="f"]:hover::after{
			opacity: 1;
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: rgba( 000, 000, 000, .4 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #412c27;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
		#imagelightbox-close:hover,
		#imagelightbox-close:focus { background-color: #111; }

			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #412c27;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: #412c27;
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
			outline:none!important;
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus	{ background-color: rgba( 0, 0, 0, 1 ); }
		.imagelightbox-arrow:active { background-color: #111; }

			.imagelightbox-arrow-left	{ left: 2.5em; /* 40 */ }
			.imagelightbox-arrow-right	{ right: 2.5em; /* 40 */ }

			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left	{ left: 1.25em; /* 20 */ }
			.imagelightbox-arrow-right	{ right: 1.25em; /* 20 */ }
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left	{ left: 0; }
			.imagelightbox-arrow-right	{ right: 0; }
		}

	


/* ______________________________________________________________________________________________________________________________________________________________________ */

img {	max-width: 100%;}
img.center {	margin:0 auto;	display: block;  }
.map {	position: relative;	width: 100%;}
.map iframe {	width: 100%;	height: 275px;}
.center {
	text-align: center;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||   1 6 0 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (min-width:1600px){

}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||   1 2 0 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (min-width:1200px){

	.container {
		width: 1170px;
	}	
	#banners a p {
		min-height: 110px;
	}

	.sf-menu{
		padding: 0;
	}
	.sf-menu > li{
/* 		float: left; */
	}
	.sf-menu > li > a{
		line-height: 40px;
	}
	.flexslider {
		min-height: 356px;
	}

}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  1 1 9 9   |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:1199px){

	.sf-menu > li	 {
		padding-right: 0px;
	}
	.sf-menu > li.pull-right {
    padding-right: 30px;
	}
	.sf-menu > li > a {
		padding-left: 12px;
		padding-right: 14px;
	}
	.sf-menu > li.has-menu em {
		right: 0;
	}
	.caption .container span {
		width: 30%;
		height: 200px;
		top: 0;
		margin-top: -85px;
		background-size: auto 100% ;
		background-position: 50% 50%;
	}
	h3 {
		font-size: 18px;
	}
	#banners a p {
		min-height: 145px;
	}
	h4 {
		font-size: 24px;
	}
	#footer p, #footer p a {
		font-size: 14px;
		line-height: 20px;
	}
	#footer p img {
		margin-top: 8px;
	}
	h1, h2 {
		font-size: 40px;
	}
	a.logo {
		margin-left: -120px;
	}
	.flexslider {
		min-height: 290px;
	}


}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||   9 7 9  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:979px){
	.container {
		width: 760px;
	}	
	.sf-menu > li > a {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 14px;
	}
	.sf-menu > li.has-menu em {
		display: none;
	}
	.sf-menu > li.pull-right {
    padding-right: 10px;
	}
	ul.dd_menu a {
		font-size: 12px;
	}
	h1, h2 {
	    font-size: 32px;
	}
	img.pull-left {
		max-width: 40%;
	}
	h2 {
		padding-bottom: 0;
	}
	#banners a p,
	.content p {
		font-size: 13px;
		line-height: 18px;
	}
	h3 {
    font-size: 14px;
	} 

	a.logo {
		margin-left: -100px;
	}

	.img-center div[class*="col-sm"] img {
		display: block;
		margin-left: auto;
		margin-right: auto
	}
	.footer-logo {
	    margin-top: -42px;
	}
	#slider .flexslider {
		min-height: 1px;
		height: auto;
	}
	body:not(.home) h1.no-bg {
		padding-bottom: 0;
	}
	body:not(.home) div.clearfix + br + br {
		display: none;
	}
	hr {
		padding-top: 20px;
	}
	h5 {
		font-size: 16px;
		line-height: 20px;
	}
	h2.custom {
		margin-bottom: 10px;
	}




}

 /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  7 6 7   |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:767px){
	.container{
			padding-left:20px;
			padding-right:20px;
			width:auto;
	}
	.phone {
		width: 32%;
	}
	.phone span {
		font-size: 18px;		
	}
	.phone b {
		font-size: 20px;
	}
	ul.socials li {
		padding-left: 6px;
	}
	.caption .container span {
		height: 120px;
		margin-top: -60px;
		margin-right: 40px;
	}
	#content1 div.col-sm-6 {
		overflow: hidden;
	}
	#banners a p {
		min-height: inherit;
	}
	#banners a {
		padding-bottom: 10px;
		margin-bottom: 30px;
	}
	h3 {
		font-size: 24px;
	}
	.home h1, h2 {
    font-size: 24px;
	}
	h1 span {
		padding-top: 0px;
		padding-bottom: 0px;
		font-size: 14px;
	}
	p.blank {
		display: none;
	}
	p.blank + img {
		margin-bottom: 10px;
		margin-left: 10px;
	}
	#footer p {
		padding-left: 0;
		margin-left: 0;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 20px;
	}
	.footer-logo {
		margin-left: auto;
		margin-right: auto;
		display: block;		
	}
	#footer ul.socials {
		float: none;
		text-align: center;		
	}
	.copy p {
		width: 100%;
		text-align: center;
		
	}
	.footer-logo {
    margin-top: -55px;
	}

	.sf-menu{float:none}
	.collapse{height:0}
	#nav .nav-collapse.collapse{height:0; position: absolute; width: 90%; background: #513e2e;}
	a.menu{display:block}
	.btn-navbar{display:block;}
	.nav-collapse,
	.nav-collapse.collapse{overflow:hidden;clear:both;}

  .nav-collapse {
    float: none;
    z-index: 120;
    clear: both;
    -webkit-transition: height .01s linear;
    -moz-transition: height .01s linear;
    -o-transition: height .01s linear;
  }


	.btn-navbar{
		font-family: 'Roboto Condensed', serif;
		font-size:24px;
		color:#e09c58;
		line-height:42px;
		text-transform:uppercase;
		float:none;
		text-decoration:none;
		font-weight:400;
		padding:0 20px;
		text-align:left;
		cursor:pointer;
		max-width: 240px;
		margin-left: 0;
		margin-right: auto;
		text-shadow: 1px 1px 4px #503022;
	}
	.btn-navbar:hover{
		color: #fff;
	}
	.sf-menu ul.dd_menu {
		margin-left: 0
	}	
	.sf-menu > li > a {
		display: block;
		text-align: center;
		font-size: 18px;
		border-width:1px;
	}
	.sf-menu > li {
		float: none;
		width: 100%;
		background: none;
		border-bottom: 1px #412c27 solid;
	}
	ul.dd_menu {
		position: relative;
		width: 100%;
	}
	ul.dd_menu li {
		text-align: center;
		padding: 0;
	}
	.caption .container span {
		margin-right: 0;
		height: 120px;
	}
	#banners {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	#banners .col-sm-3 {
		width: 50%;
		float: left;
	}


}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  6 2 5  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

@media (max-width:625px){
	
 .phone {
    width: 100%;
    float: none;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	#header ul.socials {
		width: 100%;
		float: none;
		text-align: center;		
		padding-top: 0px;
	}
	a.logo {
		position: relative;
		left: 0;
		margin-left:0; 
		padding-top: 20px;
		padding-bottom: 20px;
	}

	a.logo img {
		display: block;
		margin-left: auto;
		margin-right: auto; 
	}
	#content2 img {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-left: 0;
	}
	.caption .container span {
		height: 80px;
		margin-top: -40px;
	}
	.home h1, h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
	}
	.content {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.copy p {
		font-size: 11px;
	}
	h4 {
    font-size: 18px;
    padding-bottom: 10px;
	}
	.estimate {
		width: 280px;
		font-size: 13px;
	}
	a.logo img {
		max-width: 50%;
	}
	.btn-navbar{
		text-align: center;
		margin-left: auto;		
	}
	#ajax-contact-form textarea,
	#ajax-contact-form select,
	#ajax-contact-form input,
	#ajax-contact-form label{
		width: 100%;
	}
	#header ul.socials {
		display: none;		
	}
	.phone {
		padding-bottom: 0;
	}


}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  4 8 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
@media (max-width:481px){
	.caption .container span {
		margin-right: -30px;
	}
	ul.socials {
		display: none;
		
	}
	.flex-nav-prev {
		display: none;
	}
	.flex-nav-next {
		display: none;
	}
	#slider .big {
		display: none;
	}
	#slider .small {
		display: block;
	}


}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  3 2 0  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
@media (max-width:320px){
	body, html, #main{min-width:320px;padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
	.caption .container span {
		margin-top: -30px;
		height: 60px;
	}


}

a[href*="callto"]{text-decoration:none;}
p.text a[href*="callto"]{text-decoration:none;}
::selection{background:#aea472!important;color:#fff}
::-moz-selection{background:#aea472!important;color:#fff}