/*
	800 x 1280
	*320 x 480
	!480 x 800
	!720 x 1280
	600 x 1024
	320 x 400 (amazon kindle)
	600 x 800 (amazon kindle, nook)	
	1024 x 768 (iPad) with toolbar 768x1004	
	*640 x 960 (iPhone Retina) with toolbar 640x920
	*640 x 1136 (iPhone 5 4") with toolbar 640x1096
*/

/**************START GENERAL******************/

html{
	width:100%;
	max-width:100%;
	/*min-width:320px !important;
	min-height:440px !important;*/
}
body{
	margin:0px auto;
	padding:0px;
	color:#576067;
	width:100%;
	max-width:100% !important;
	/*min-width:320px !important;
	min-height:440px !important;*/

}
.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear{ display: inline-block; }
* html .clear{ height: 1%; } /* Hides from IE-mac \*/
.clear{ display: block; }
@font-face {
    font-family: 'Quattrocento Sans';
	src: url('QuattrocentoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Quattrocento Sans';
	src: url('QuattrocentoSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: 'Crimson';
	src: url('Crimson-SemiboldItalic.otf') format('opentype');
	font-style: italic;
}
@font-face {
    font-family: 'Crimson';
	src: url('Crimson-Semibold.otf') format('opentype');
	font-style: normal;
}
*{
	font-family: 'Quattrocento Sans';
	text-align: center;
	font-size:16px;
	line-height: 24px;
	padding:0px;
	margin:0px;
	-webkit-touch-callout: none; 
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
    -webkit-text-size-adjust:none;
    color:#333333;
	/* make transparent link selection, adjust last value opacity 0 to 1.0
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	*/
}
h1, h2, h3 {font-family: 'Crimson';}
#container {
	position: relative;
    -webkit-transition: -webkit-transform 0ms;
    transform: translate3d(0,0,0) scale3d(1,1,1);
    -o-transform: translate3d(0,0,0) scale3d(1,1,1);
    -ms-transform: translate3d(0,0,0) scale3d(1,1,1);
    -moz-transform: translate3d(0,0,0) scale3d(1,1,1);
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    -webkit-backface-visibility: hidden;
	width:100% !important;
	/*min-width:320px !important;*/
	max-width:100% !important;
	display:block;
}      
#content {
	width:100% !important;
	/*min-width:320px !important;*/
	max-width:100% !important;
	position:relative;
	margin:0 auto;
	-webkit-background-size:100% 100% !important;
	-moz-background-size: 100% 100% !important; 
	background-size: 100% 100% !important;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	display:block;
}
.body-content {padding: 0px 15px;}
a {text-decoration: none;}
hr {border-bottom: 1px solid #EBEBEB}

/*********************END GENERAL******************/
/*********************START SWIPE******************/

p.swipe-text {color: #aaaaaa; font: italic normal 20px/18px 'Crimson', serif;}
.swiper-container {
        width: 90%;
        height: auto;
        margin: 20px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    } 
	.swiper-slide img{
		max-width: 100%;
		height: auto;
	}
	
	div.swiper-container-horizontal>.swiper-pagination-bullets, div.swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5px;}
	div.swiper-pagination {position: relative;}


/*********************END SWIPE******************/
/*********************START SHARED*******************/

.header{
	display:block;
	clear:both;
	height:85px;
	position:absolute;
	z-index:2000;
	width:100%;
	background-color: #ffffff;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.logo{
	display:inline-block;
	margin:12px 0 0 39px;
	padding-top:5px;
}
.logo img{
	display:inline-block;
	width:170px;
}	
	.menu{
		display:block;
		float:right;
		width:29px;
		height:29px;
		margin:7px 10px 0px 0px;
		padding-top:7px;
	}
	.header > .menu {
		font-size: 22px;
		padding: 25px 15px 0 0;
		font-family: 'texgyreadventor';
		font-weight: 300;
		color: #363535;
	}
		.menu img{
			display:block;
			width:100%;
		}		
.nav{
	display:none;
	clear:both;
	height:130px;
	position:absolute;
	top:85px;
	z-index:1999;
	width:100%;
	background:#ffffff;
}
	.nav a{
		display:block;
		clear:both;
		width:100%;
		padding:8px 0px;
		border-top:1px solid #eaeaea;
		text-align: center;
		text-decoration: none;
		color:#333333;
		font-weight: 300;
		font-family: 'Crimson';
		font-style: italic;
		font-size: 18px;
	}
.body{
	display:block;
	clear:both;
	position:relative;
	margin-top:-8px;
	z-index:1;
}
.banner {margin-bottom: 95px;}
.banner img {
	position: relative;
	width:100%;
	top: 85px;
}
.text{
	display:block;
	width:90%;
	padding:10px 0px;
	margin:0px auto;
}
h1{
	font-size:35px;
	color:#636363;
	margin-bottom: 20px;
}
h2 {
	font-size: 26px;
	line-height: 32px;
    color: #636363;
    text-align: center;
    margin: 20px 0 20px 0;
    font-weight: bold;
}
h2.showrooms-header {margin-bottom: 0px;}
h3{
	display:block;
	font: 24px 'Crimson';
	letter-spacing: 1.5px;
	line-height: 40px;
	color:#363535;
}
p {margin: 0px 20px;}
div.testimonial {background: url('../images/icons/testimonial-background-quote.png') no-repeat scroll 50% 0%; margin: 30px 0;}
.testimonial p {color: #8d8d8d; font: italic normal 28px/34px 'Crimson', serif; margin-top: 10px;}
span.by {color: #444444; font-style: normal;}
/*.place {display: inline-block; margin: 25px 0 10px 0;}
.showrooms p {float: left; margin-left: 20px;}
.gallery {display: inline-block; float: left; margin: 28px 10px 10px 10px;}
img.home-icon {float: left; padding: 0px 10px 0px 20px;}
p.location-text {margin-left: 10px; text-align: left;}
.location-text.phone {margin-top: 10px;}*/
.clearB {clear: both;}
.gallery-img {float: left; margin: 0 15px 0 10px; width: 29%;}
	.gallery-img img {width: 100%;}
	.gallery-icons {float: left; margin-right: 15px;}
	.gallery-icons img {width: 40px; display:block;margin: 10px 0;}
	.gallery-info {float: left; text-align: left; margin: 5px 0 0 0;}
	.space {margin-bottom: 20px;}


/***********************END SHARED******************/
/*********************START FORM**********************/
		
.form{
	display:block;
	clear:both;
	padding-top: 10px;
	width:100%;
}	
.form.request {
	width: 85%;
	margin: 10px auto;
}
.form.request p {text-align: left;margin: 10px 0;color: #777777;}
.form.request input, .form.request select {margin: 10px 0}
.form.request input#Field7 {border:none;line-height: 17px;}
	.form .row{
		display:block;
		clear:both;
		width:95%;
		margin:10px auto;
	}
	.form .row .left{
		display:block;
		float:left;
		width:45%;
	}	
	.form .row .right{
		display:block;
		float:left;
		width:45%;
		margin-left:7%;
	}
	.form input, .form textarea, .form select {
		display:block;
		clear:both;
		border: none;
		padding:5px 5px 5px 10px;
		color:#818181;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
	}
	.form input, .form textarea{
		width:95%;
		background: #eeeeee;
		text-align: left;
		margin: 5px 0;
	}
	input.submit {width: auto;}
	.form select{
		width:100%;
		background: #fff url(../images/select-bg.png) no-repeat 95% center;
		background-size: 15px 8px;
	}
	.form button{
		display:block;
		clear:both;
		width:80px;
		height:31px;
		border:none;
		background: transparent;
		padding:0;
		margin:0px auto;
	}
		.form button img{
			display:block;
			width:100%;
		}
		
::-webkit-input-placeholder {color: #818181;}
:-moz-placeholder {color: #818181;}
::-moz-placeholder {color: #818181;}
:-ms-input-placeholder {color: #818181;}
.error{
		border-color:#fe3432 !important;
	}		
.slide-form{
	display:block;
	position:relative;
	width:90%;
	margin: 10px auto 30px;
    border-top: 1px solid #EBEBEB;
    padding: 20px 0;
    border-bottom: 1px solid #EBEBEB; 
}
.slide-form h2 {margin: 7px 0;}
	.slide-form .slide-form-link{
		display:block;
		clear:both;
		width:100%;
	}
	.slide-form .slide-form-link img{
		 display:block;
		 margin: 0 auto;
	}
	
	.form-holder{
		display:none;
		width: 85%;
		margin:0px auto;
		padding:5px 10px 5px;
	}	
		.form-holder.open{display:block;}
		
/********************END FORM**********************/
/***********************START BUTTONS******************/

a.banner-button {
	color: #ffffff;
	position: absolute;
	border: 2px solid #ffffff;
	border-radius: 20px;
	text-align: center;
	font-size: 13px;
	padding: 0px 4px;
	width: 113px;
	left: 50%;
	margin-left: -63px;
	top: 265px;
	text-decoration: none;
}
a.button, input.submit {
    color: #ffffff;
	background-color: #99cb70;
	text-align: center;
	padding: 4px 16px 6px 16px;
	text-decoration: none;
	margin: 15px auto;
	display: inline-block;
	-webkit-appearance: none;
	border: none;
	font: italic normal 18px 'Crimson', serif;
}
.button.wide {width: 80%; margin: 8px auto;}
.button.wide img {margin-rigth: 3px;}

/*********************END BUTTONS*********************/
/********************START FOOTER**********************/

.footer-top{
	display:block;
}
	.footer-top p{
		display:block;
		clear:both;
		font-size:14px;
		text-align:center;
		padding-bottom:10px;
	}
	.footer-call{
		display:block;
		clear:both;
		width:17%;
		height:17%;
		margin:10px auto;
	}	
		.footer-call img {display:block;width: 100%;}
.footer-social{
	display:block;
	padding: 20px 0;
    background: #383838;
    margin-top: 30px;
}		
	.footer-social p{
		display:block;
		text-align: center;
		font: 16px 'SourceSansPro';
		color: #676767;
		margin-top:8px;
	}	
	.footer-icons {width: 300px;margin: 0px auto;height: 30px;}
	.footer-icons a{
		display: block;
		float: left;
		width: 30px;
		height: 30px;
		margin: 0 10px;
	}
		.footer-social a img{display:block;width:100%;}
.footer{
	display: block;
	clear:both;
	background:#2f2f2f;
	padding:10px 0px;
	text-align: center;
}	
	.footer p, .footer a {color:#cccccc; font-size: 13px;}
.title{
	display:block;
	width:100%;
}		
.acc{
	display:block;
	clear:both;
}
	.acc .item{
		display:block;
		clear:both;
		margin-bottom:5px;
	}
		.acc .item .link, .acc .item .link-open{
			display:block;
			clear:both;
			width:90%;
			margin:0px auto;
		}
			.acc .item .link-open{display:none;}
			.acc .item .link img, .acc .item .link-open img{
				display: inline-block;
				margin-left: 3px;
			}
		.acc .item .inside-text{
			display:none;
			clear:both;
			width:90%;
			margin:10px auto 25px auto;
		}
		.acc .item .quote{
			display:none;
			clear:both;
			width:100%;
			margin:0px auto;
		}	
			.acc .item .quote img{
				display:block;
				width:100%;
			}
		.acc .item.active .quote, .acc .item.active .inside-text, .acc .item.active .link-open{display:block;}
		.acc .item.active .link{display:none;}