﻿/***** 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;	
}

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 {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	background: #fff;
}
h1{font-family: 'Roboto Condensed', sans-serif; font-size: 62px; line-height: 62px;}
h2{font-family: 'Roboto Condensed', sans-serif;  font-size: 32px; line-height: 32px;}
h3{font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 22px;}
p{font-family: 'Roboto', sans-serif;}
a{font-family: 'Roboto', sans-serif;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

html { scroll-behavior: smooth;}

/*--- HEADER STYLES ---------------------*/
header {}




/*---BODY--------------------------------*/
.home-main{position: relative; overflow: hidden; height: 500px;}
.home-img{
		display: block;
		background: url("../siteart/home2.jpg");
		width: 100%;
		position: absolute;
		top: 0;
		left: 0px;
		height: 500px;
		background-size: cover;
		background-position: bottom;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-color: black;
	}
.home-main-txt{
	position: absolute;
    margin: 11% 12% 11% 12%;
    padding-right: 0;
    top: 0;
    left: 0;
    width: 76%;
    text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.home-main-txt h1{ 
	letter-spacing: 3px;
    font-weight: 800;
    color: #fff;
}

.home-main-txt h3{ 
	letter-spacing: 3px;
    font-weight: 800;
    color: #fff;
	padding-bottom: 1%;
}

.home-links{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    position: relative;
    width: 76%;
    background: #b0100d;
    padding: 7% 12% 5% 12%;
}

.links-l{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 37%;
}
.links-l a{
	border: 2px white solid;
    padding: 2% 3%;
    color: white;
    font-weight: 500;
    width: 90%;
    text-align: center;
	border-radius: 10px;
	margin-bottom: 5%;
	font-size: 22px;
    letter-spacing: 1px;
	-webkit-transition:.4s ease-in; 
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in; 
	transition:.2s ease-in;
}
.links-l a:hover{background: white; color: #b0100d;}

.links-r{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 37%;
}
.links-r a{
	border: 2px white solid;
    padding: 2% 3%;
    color: white;
    font-weight: 500;
    width: 90%;
    text-align: center;
	border-radius: 10px;
	margin-bottom: 5%;
	font-size: 22px;
    letter-spacing: 1px;
	-webkit-transition:.4s ease-in; 
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in; 
	transition:.2s ease-in;
}
.links-r a:hover{background: white; color: #b0100d;}

.welcome{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 5% 0;
}
.welcome-l{width: 38%; padding: 6% 6% 6% 0; }
.welcome-l h2{padding-bottom: 3%; color: #b0100d; letter-spacing: 1px; }
.welcome-l p{font-size: 20px; line-height: 22px;}
.welcome-l a{color: black; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in;  transition:.2s ease-in; font-size: 20px; font-weight: bold;}
.welcome-l a:hover{color: #b0100d;}
.welcome-r{width: 50%; display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;}
.welcome-r img{width: 55%;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;}

/*=========================*/
/*     SUBPAGE HEADER      */
/*=========================*/
.page-main{position: relative; height: 200px; overflow: hidden; border-bottom: 6px solid #b0100d;}

.page-img{
	background: url("../siteart/home2.jpg");
    width: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.page-txt{
	position: absolute;
    margin: 4% 1% 4% 6%;
    top: 0;
    left: 0;
    width: 90%;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    align-content: stretch;
}

.page-txt h1{ 
	letter-spacing: 4px;
    font-weight: 800;
    color: #fff;
	font-size: 48px;
	line-height: 48px;
}

/*==============================
		 CONTACT PAGE			
================================*/
.contact-wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
	width: 90%;
    padding: 5%;
	padding-bottom: 2%;
}
.contact-wrap a{color: black; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in;  transition:.2s ease-in;}
.contact-wrap a:hover{color: #b0100d;}
.contact-l{width: 50%; font-size: 20px;}
.contact-l h3{padding-bottom: 2%;}
.contact-l p{padding-bottom: 6%;}

.contact-r{width: 50%; font-size: 20px;}
.contact-r h3{padding-bottom: 2%;}
.contact-l p{padding-bottom: 6%;}
.contact-info{padding-bottom: 6%; font-size: 20px;}
.contact-info h3{padding-bottom: 2%;}
.contact-info p{padding-bottom: 1%;}

.g-maps{display:flex;justify-content: space-between; gap:15px;}
.g-maps .map-wrap{width:45%;}
.map-wrap h2{margin:10px 0;text-align: center;}

.g-maps iframe{ height: 450px; width: 100%;}

/*==============================
		 THANK YOU PAGE			
================================*/
.ty-wrapper{padding: 10% 15%;}
.ty-wrapper h2{font-size: 35px; font-weight: 800; color:#b0100d;  letter-spacing: 2px;}
.ty-wrapper p{font-size: 21px; font-family: 'Roboto Condensed';}
.ty-wrapper a{color:black; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in;}
.ty-wrapper a:hover{color:#b0100d;  cursor:pointer;}


/*--------FORM STYLES--------------------*/
.message-form{
	text-align: center;
    background: #b0100d;
    padding: 4%;
	padding-bottom: 2.5%;
}
.message-form h2{color: white; padding-bottom: 3%;}
#formpage{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch;
    width: 100%;
}
.form-row{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    width: 50%;
}
.form-row input{
	width: 85%;
    padding: 2%;
    margin-bottom: 3%;
}
.form-txt{color: rgb(0, 0, 0); width: 84%;}
.form-txt textarea{width:104%; padding: 7px;  margin-bottom: 15px;}
input.bttn-base, .bttn-green {
	padding: 0.5% 0%;
    background:#fff;
    text-decoration: none;
    border: black solid 1px;
	width:100%;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed';
}
.CaptchaPanel{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
	margin: 0!important;
	text-align: left!important;
	padding: 0!important;
	color: white;
}
.CaptchaWhatsThisPanel a{color: white;}

@media only screen and (max-width: 2560px){
	.form-txt textarea{width:104%;}
}
@media only screen and (max-width: 1024px){
	input.bttn-base, .bttn-green{padding: 1.5% 0%; font-size: 14px;}
	.CaptchaMessagePanel {font-size: 13px;}
	.CaptchaWhatsThisPanel{font-size: 13px;}
}

@media only screen and (max-width: 945px){
	.g-maps {
        justify-content: center;
        align-items: center;
        flex-direction: column;
}
}

@media only screen and (max-width: 650px){
	#formpage {flex-direction: column;justify-content: center;}
	.form-row{justify-content: center;  align-items: center; width: 100%;}
	.form-txt{width: 90%; text-align: left;}
	.form-txt textarea{width: 96.5%;}
	.CaptchaPanel{align-items: center; text-align: center!important;}
	input.bttn-base, .bttn-green{width: 87%;}
}

@media only screen and (max-width: 500px){
	.form-txt textarea {  width: 95.5%;}
	.map-wrap h2 {font-size: 25px;}
}
@media only screen and (max-width: 376px){
	.form-txt textarea {  width: 95%;}
}
/*-------- FOOTER STYLES ----------------*/
footer{}

.footer-wrap {    
	width: 80%;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    padding: 3% 10%;
	color:#b0100d;
	font-weight: 800;
	font-size: 19px;
	 border-top: 6px solid #b0100d;
}
.footer-wrap a{color: #b0100d; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in;}
.footer-wrap a:hover{color:#000;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.scrolling-wrap iframe{width: 100%;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container input{width: auto!important;}

.container{ margin: 1.5% 0!important;}
.list-content .faceted-search-content { background: white!important;}
.list-content .list-main-section .list-container{ background: white!important;}
.list-content .list-main-section{ background: white!important;}
.list-content .list-title .list-title-text { font-family: 'Roboto Condensed',sans-serif!important;text-transform: uppercase;color:#b0100d; letter-spacing: 1px; font-weight: 800!important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.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 {background:#b0100d !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;}
.list-content .list-title .list-listings-count{color:#b0100d!important; }
.detail-content .search-results{color:#b0100d!important; }
.list-content .list-top-section .listing-option-bar .list-listings-count{color:#b0100d !important; }
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #b0100d!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: #000 !important;}
.list-container-flexrow button.collapsible{background:#b0100d !important; }
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}

@media only screen and (max-width: 1230px){
	.container { margin: 2% 2%!important;}
}
@media only screen and (max-width: 874px){
	.container { margin: 3% 3%!important;}
}
@media only screen and (max-width: 500px){
	.list-content .list-title{ flex-direction: column;align-items: center; align-content: center;}
}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 2560px) {
	.home-main, .home-img{height: 800px;}
	.home-main-txt{margin: 13% 12% 11% 12%;}
	.page-txt{margin: 3% 1% 3% 6%;}
}

@media only screen and (max-width: 2250px) {
	.home-main-txt {margin: 15% 12% 11% 12%;}

}

@media only screen and (max-width: 2000px) {
	.home-main-txt {margin: 17% 12% 11% 12%;}
	.page-txt{margin: 4% 1% 4% 6%;}
}

@media only screen and (max-width: 1880px) {
	.home-main, .home-img { height: 500px;}
	.home-main-txt {margin: 11% 12% 11% 12%;}
}
@media only screen and (max-width: 1600px) {

	.home-main-txt{height: 145px;}
	
	.page-txt{ margin: 5% 1% 4% 6%;}

}

@media only screen and (max-width: 1440px) {
	.home-main-txt{margin: 12% 12% 12% 12%;}
	.home-main-txt h1{font-size: 50px; line-height: 50px;}
	.links-l a{font-size: 19px;}
	.links-r a{font-size: 19px;}
	/*	footer  */
	.footer-wrap p{font-size: 14px;}

	
}

@media only screen and (max-width: 1240px){
	.home-main-txt{margin: 14% 12% 14% 12%;}
	.home-main-txt h1 {font-size: 45px;line-height: 45px;}
	.links-l a { font-size: 15px;}	
	.links-r a { font-size: 15px;}
}

@media only screen and (max-width: 1024px) {

	.home-main-txt {margin:17% 12% 17% 12%;}
	.home-main-txt h1{letter-spacing: 2px; font-size: 40px; line-height: 40px;}
	
	.welcome-l h2{font-size: 22px; line-height: 22px;}
	.welcome-l p { font-size: 15px; line-height: 20px;}
	
	.message-form{padding: 6%; padding-bottom: 5%;}
	.message-form h2{font-size: 22px; line-height: 22px;}
	/*	footer  */
	.footer-wrap p{font-size: 12px;}
	
	/********	sub pages css  ********/
	.page-main{height: 130px;}
	.page-txt h1{font-size: 33px; line-height: 33px;}
	.contact-wrap{width: 88%;  padding: 6%; padding: 7% 6%; padding-bottom: 5%;}
	.contact-l h3{font-size: 19px; line-height: 19px;}
	.contact-l{font-size: 18px;}
	.contact-info{font-size: 18px;}
	.contact-r h3{font-size: 19px; line-height: 19px;}
}

@media only screen and (max-width: 900px){

	.home-img{background-size: cover;}
	.home-main-txt {margin: 19% 12% 19% 12%;}
	.home-main-txt h1{font-size: 37px; line-height: 35px;}
	.home-links{flex-direction: column; border-bottom: 4px solid #b0100d}
	.links-l{width: 50%;}
	.links-l a{padding: 3% 5%;}
	.links-r a{padding: 3% 5%;}
	.links-r{width: 50%;}
	.welcome-l h2{font-size: 20px; line-height: 20px;}
	.welcome-l p { font-size: 14px; line-height: 17px;}
	.welcome-r img{width: 65%;}
	.message-form h2{font-size: 20px; line-height: 20px;}
	/*	footer  */
	.footer-wrap{ border-top: 4px solid #b0100d;}
	.footer-wrap p{font-size: 12px;}
	
	/********	sub pages css  ********/
	.page-img{height: 130px;}
	.page-txt { margin: 6% 1% 4% 6%;}
	.page-txt h1 { font-size: 27px; line-height: 27px;}
	.contact-wrap{padding: 8% 6%; padding-bottom: 6%;}
	.contact-l h3{font-size: 17px; line-height: 17px;}
	.contact-l{font-size: 15px;}
	.contact-info{font-size: 15px;}
	.contact-r h3{font-size: 17px; line-height: 17px;}
	.g-maps iframe{ height: 350px;}
	/*	thank you  */
	.ty-wrapper {text-align: center; padding: 15%;}
	.ty-wrapper h2{font-size: 28px;}
	.ty-wrapper p{ font-size: 15px;}

}
	
@media only screen and (max-width: 768px) {
	.home-main-txt {height: 130px; margin: 23% 12% 23% 12%;}
	.home-main-txt h1{font-size: 35px; line-height: 35px;}
	.home-main-txt h3{font-size: 19px; line-height: 19px;}
	.welcome-l h2{font-size: 17px;}
	.welcome-l p { font-size: 12px; line-height: 15px;}
	.welcome-r img{width: 73%;}
	/********	sub pages css  ********/
	.page-txt {  margin: 7% 1% 7% 6%;}
	/*	footer  */
	.footer-wrap p{font-size: 12px;}
}

@media only screen and (max-width: 650px){
	.home-main{height: 500px;}
	
	.home-main-txt { height: 300px; margin: 16% 5% 15% 13%;}
	.home-main-txt h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.home-links{ border-top: 4px solid #b0100d; justify-content: center; align-items: center;}
	.links-l{width: 80%;}
	.links-r{width: 80%;}
	.welcome{flex-direction: column;}
	.welcome-l{width: 80%; padding: 8% 10% 6% 10%; text-align: center;}
	.welcome-r{padding-bottom: 8%;}
	.welcome-r img{width: 100%;}
	/*	footer  */
	.footer-wrap{ padding: 6% 10%;}
	.footer-wrap p{font-size: 12px;}
	
	/********	sub pages css  ********/
	.page-main{border-bottom: 4px solid #b0100d;}
	.page-txt {margin: 8% 1% 9% 6%;}
	.contact-wrap{justify-content: center;  align-items: center; flex-direction: column;}
	.contact-l{text-align: center; width: 100%; padding-bottom: 11%;}
	.contact-r{text-align: center;  width: 100%;}
	/*	thank you  */
	.ty-wrapper {padding: 20%;}
	.ty-wrapper h2{font-size: 25px;}
	.ty-wrapper p{ font-size: 14px;}
	
	
}

@media only screen and (max-width: 500px){

	.home-img {height: 330px; background-attachment: inherit;}
	.home-main {height: 330px;}
	.home-main-txt{ height: 100px; padding-right: 0; margin: 24% 12% 24% 12%;}
	.home-main-txt h1 { font-size: 32px; line-height: 32px;}
	.home-main-txt h3{font-size: 18px; line-height: 18px;}
	.home-links{flex-direction: column; }
	.welcome-l{ padding: 12% 10% 9% 10%;}
	.welcome-r{width: 77%; padding-bottom: 11%;}
	.message-form { padding: 14% 6%; padding-bottom: 10%;}
	.message-form h2{padding-bottom: 7%;}
	/*	footer  */
	.footer-wrap {padding: 8% 10%;}
	
	/********	sub pages css  ********/
	.page-txt { align-items: center; margin: 11% 5% 10% 5%;}
	.contact-wrap{padding: 11% 6%;}
}


@media only screen and (max-width: 453px){
	.home-main {height: 300px;}
	.home-img{height: 300px;}
	.home-main-txt{height: 135px; margin: 19% 12% 19% 12%;}
	.home-main-txt h1 { font-size: 27px; line-height: 27px; letter-spacing: 2px;}
	.home-main-txt h3{font-size: 15px; line-height: 15px;}
	.home-links{ padding: 13% 12% 10% 12%;}
	
	/*	footer  */
	.footer-wrap {padding: 11% 10%;}
	
	/********	sub pages css  ********/
	.page-txt {align-items: center;  margin: 13% 5% 12% 5%;}
	.contact-wrap { padding: 12% 6%; padding-bottom: 10%;}
	.ct-financing a{padding: 2% 7%;}
	/*	thank you  */
	.ty-wrapper {padding: 22%;}
	.ty-wrapper h2{font-size: 20px;}
	.ty-wrapper p{ font-size: 13px;}

}

@media only screen and (max-width: 376px){
	.home-main-txt{margin:23% 12% 21% 12%; }
	.home-main-txt h1 { padding-bottom: 0; padding-left: 0; letter-spacing: 1px;}
	.home-main-txt a {padding: 2% 4%; margin-bottom: 2.5%;}
	.home-links{}
	.links-l {  width: 90%;}
	.links-l a { font-size: 13px;}
	.links-r a { font-size: 13px;}
	.links-r {  width: 90%;}
	/* footer */
	.footer-wrap p { font-size: 10px;}
	
	/********	sub pages css  ********/
	.page-txt {margin: 15% 5% 14% 5%;}
	.contact-wrap {padding: 18% 6%; padding-bottom: 12%;}
}

@media only screen and (max-width: 336px){
	.home-main-txt { height: 120px; margin: 28% 12% 26% 12%;}
	.home-main-txt h1 { font-size: 25px;line-height: 25px;}
	.home-main-txt h3{font-size: 12px; line-height: 12px;}
	
	/********	sub pages css  ********/
	.page-txt {margin: 17% 5% 16% 5%;}
	/*	thank you  */
	.ty-wrapper { padding: 25% 23%;}
	.ty-wrapper h2{ line-height: 20px;}
}






