/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
	box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/***** GENERAL STYLES *****/
	@font-face {
		font-family: 'montserratlight';
		src: url('../fonts/montserrat-light-webfont.eot');
		src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
			 url('../fonts/montserrat-light-webfont.woff') format('woff'),
			 url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
			 url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'montserratbold';
		src: url('../fonts/montserrat-bold-webfont.eot');
		src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
			 url('../fonts/montserrat-bold-webfont.woff') format('woff'),
			 url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
			 url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#786854!important; }
	.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

	.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #786854 !important;text-transform: uppercase; letter-spacing: 1px;}
	.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #786854 !important;}

	.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
	.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

	body {font-family: 'montserratlight'; font-size:16px; line-height: 24px; -webkit-text-size-adjust:none; background: #000 url(../siteart/blackbg.png) repeat !important; background-attachment: fixed !important;}
	strong {font-family: 'montserratbold';}
	h1 {font-family: "montserratbold"; color: #fff; line-height: normal; font-size: 32px;}
	h2 {font-family: "montserratbold"; color: #786854; margin-bottom: 10px; line-height: normal; font-size: 26px}
	a:link, a:visited, a:active {text-decoration:none; color:#786854; font-family: 'montserratbold';}
	a:hover {text-decoration:none; color:#635747;}

/***** HEADER STYLES *****/
	header {max-width: 100%; background: #fff url(../siteart/whitebg.png) repeat; max-width: 100%; text-align: center; padding: 20px 0px;}
	.logo {display: inline-block; max-width: 100%; vertical-align: top; width: 30%;}
	.txmap {display: inline-block; max-width: 100%; vertical-align: top; width: 30%;}
		.logo img, .txmap img {display: inline-block; max-width: 100%; height: auto;}
	.phone-date {display: inline-block; vertical-align: top; width: 30%; font-family: 'montserratbold'; font-size: 18px;}
	.wrapper {max-width: 90%; width: 70%; margin: 0 auto; padding: 3% 0px;}
	.center {text-align: center;}
	.right {text-align: right;}
	
/***** HOME PAGE STYLES *****/
	.grid {position: relative; margin: 0 auto; padding: 1em 0; max-width: 100%; list-style: none; text-align: center;}
	.grid .noleft {margin-left: 0px;}
	.grid .noright {margin-right: 0px;}
	
	/* Common style */
	.grid figure {position: relative; display: inline-block; float: none; overflow: hidden; margin: 10px 2.3%; max-width: 400px; max-height: 245px; width: 48%; background: #3085a3; text-align: center; cursor: pointer; border: 1px solid #eee;}
	.grid figure img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
	.grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden;
	}
	.grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;}
	.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	/* Anchor will cover the whole item by default */
	.grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; collor: #fff;}
	.grid figure h2 {font-family: 'montserratlight'; font-weight: 300; font-size: 26px; line-height: 28px; color: #fff;}
	.grid figure h2 span {font-family: 'montserratbold'; font-weight: 700; color: #fff;}
	.grid figure h2, .grid figure p {margin: 0;}
	.grid figure p {font-size: 68.5%;}
	figure.effect-chico img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12);}
	figure.effect-chico:hover img {opacity: 0.5; -webkit-transform: scale(1); transform: scale(1);}
	figure.effect-chico figcaption {padding: 3em;}
	figure.effect-chico figcaption::before {position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1);}
	figure.effect-chico figcaption::before, figure.effect-chico p {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
	figure.effect-chico h2 {padding: 10% 0 20px 0;}
	figure.effect-chico p {margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5);}
	figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
		
	button {width: 100%; background: #786854; border: 1px solid #eee; padding: 15px 0px; color: #fff; font-family: "montserratbold"; font-size: 28px;}
	button:hover {background: #635747; cursor: pointer;}
	.white-container {background: #fff url(../siteart/whitebg.png) repeat; max-width: 100%;}
	.two-cols {width: 50%; max-width: 100%; display: inline-block; vertical-align: top; box-sizing: border-box;}
		.two-cols img {max-width: 100%; height: auto; padding: 10px;}
		.two-cols span {display: inline-block; margin: 0 5px;}
		
	.three-cols {width: 33%; max-width: 100%; display: inline-block; vertical-align: top; box-sizing: border-box;}
		.three-cols img {max-width: 100%; height: auto; padding: 10px;}
		.three-cols span {display: inline-block; margin: 0 5px;}
/***** LISTINGS STYLES *****/
	.hosted-content #listings-title {color: #000 !important;}
	.hosted-content h1 {color: #000 !important;}
	
/***** FOOTER STYLES *****/
.footer a:link, .footer a:visited, .footer a:active {color:#a39380;}
	a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family: 'montserratlight'; font-size:13px; line-height: normal;}
	a.footerlink:hover {text-decoration:none; font-family: 'montserratlight'; font-size:13px;}
	.footertext{font-family: 'montserratlight'; font-size:13px; color:#BFBFBF; line-height: normal;}
	.smallfootertext{font-family: 'montserratlight'; font-size:10px; color:#BFBFBF; line-height: normal;}
	.divfooter {width:100%; text-align:right; margin:0 auto; color:#BFBFBF;}

/***** RESPONSIVE STYLES *****/

@media screen and (max-width: 1920px){
	.grid figure {margin: 10px 2%; max-width: 350px; max-height: 214px;}
	.grid .noleft {margin-left: 2%;}
	.grid .noright {margin-right: 2%;}
}



@media screen and (max-width: 1023px){
	button {font-size: 22px;}
	h1 {font-size: 24px;}
	h2 {font-size: 22px}

}



@media screen and (max-width: 800px){
	.grid figure {display: inline-block; float: none; margin: 10px auto; width: 100%;}
	.grid figure h2 {font-size: 22px; line-height: normal;}
	.three-cols {width: 100%;}
	.logo {width: 100%;}
	.txmap {display: none;}
	#demo {width: 100%; padding-bottom: 10px;}
}
 
 

@media screen and (max-width: 500px){
	button {font-size: 18px;}
	h1 {font-size: 22px;}
	h2 {font-size: 18px}

	figure.effect-chico h2 {padding: 0 0 0 0;}
	.grid figure h2 {font-size: 18px; line-height: normal;}
	.two-cols {width: 100%;}
	.three-cols {width: 100%;}
	
	.right {text-align: center;}
	.two-cols span {display: block;}
	.divfooter {text-align: center;}
}