/***** 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 {
overflow-x: hidden;
}

a:link, a:visited, a:active {text-decoration:none;}
a {color:#A0060E;transition: .2s ease;}
a:hover {text-decoration:none; color:#333;}


hr{border:#000 1px solid;}
p {font-size: 16px; line-height: 24px;}
h1 {font-size: 40px; font-style: italic; letter-spacing: 2px; color:#252A5D;font-weight: 900; line-height: 45px;}
h2 {font-size: 24px; color:#A0060E; font-style: italic; letter-spacing: 2px; line-height: 30px;font-weight: 700;}
h5 {letter-spacing: 1px; font-size: 14px; line-height: 22px; text-transform: uppercase;}
/*--- HEADER STYLES ---------------------*/
header {}
.header-contact {display: flex; align-items: center; flex-direction: row;}
.red-banner {background: #BA1418;align-items: center; width: 60%; color:#fff; letter-spacing: 2px;padding:8px 0;}
.drk-red-banner {background: #BA1418; align-items: center; width: 40%; justify-content: flex-start; letter-spacing: 2px; padding: 8px 0;color:#fff; text-align: center;}
.drk-red-banner a {color:#fff; font-weight: 400; letter-spacing: 1px;}
.drk-red-banner a:hover {color:#C8C8C8}


/*---SLIDESHOW-----*/
.cycle-slideshow {
    width: 100%;
    overflow: visible !important;
}
.hero-btn {position: absolute; top:25vw; left: 6vw;z-index: 100; background:#BA1418; text-align: center; color:#fff; padding: 15px 45px; }
.hero-btn:hover {color:#fff;background:#252A5D; }
.cycle-slideshow img {width: 100%;}
.cycle-caption {
	padding: 25px;
	font-size: 28px;
	line-height: 38px;
	color: #fff;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
	position: absolute;
	z-index: 999;
	top: 12vw;
	left: 5vw;
} 
.cycle-caption h1 {text-transform: uppercase; line-height: 51px; font-size: 45px; font-weight: 700; letter-spacing: 1px; border-bottom:1px solid #fff; padding: 10px 0; color:#fff;}
.cycle-caption h3 {letter-spacing: 2px; color:#ddd; font-size: 42px;}
.cycle-slideshow .cycle-pager { 
  text-align:right; width: 100%; z-index: 99900; position: absolute; bottom: 5px; right:40px; overflow: hidden;
}
.cycle-slideshow .cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
     color: #fff; padding:3px; cursor: pointer; 
}
.cycle-slideshow .cycle-pager span.cycle-pager-active { color: #A0060E;}
.cycle-slideshow .cycle-pager > * { cursor: pointer;}

.grey-tile{
	background: #f1f1f1;
	border: 1px #e5e5e5 solid;
	padding: 25px;
	text-align: center;
	color: #333;
}
.grey-tile a{
	border: 1px #e5e5e5 solid;
	max-width: 150px;
	margin: 10px auto;
}

.icons{text-align: center;}
.icons a{
	font-size: 18px;
	color: #0099ff;
}
.icons a:hover{opacity:.5;}
	
ul.bullet-list{
	list-style: disc;
	line-height: 28px;
	margin-left: 15px;
}


/*---BODY--------------------------------*/
.header-wrapper {width: 90%; margin: 0 auto;}
.wrapper-nelson {width: 100%; padding:3% 0; border-top:8px solid #A0060E }
.wrapper-inner{width:80%; margin: 0 auto; }
.logo {width: 30%; display: inline-block; padding:10px 0; vertical-align: middle;}
.logo img {max-width: 250px; width: 100%;}

.sub-hero img {width: 100%;}
.hero-overlay {background:rgba(255,255,255,.5) ; margin-top:-159px; z-index: 9999; position: absolute;width: 100%; padding:55px 0;}
.blue-btn-skew {  
  margin-left:30%;	
  transition: .2s ease;
  color: #fff;
  background:#252A5D;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border: 0;
  outline: 0;
  font-size: 1.1rem;
  padding: 12px 65px;
  display: inline-block;
  transform: skew(-21deg);
  &:visited { color: #fff; }
  &:hover { background: #0069a8; }
  & > span { display: inline-block; transform: skew(21deg); } /* Un-skew the text */
}
.blue-btn-skew:hover {background: #BA1418;}
.blue-btn-skew h3 {transform: skew(21deg); letter-spacing:2px; font-weight: 500; }

.col-2 {width: 47%; display: inline-block; vertical-align: middle; margin: 0 1%;}
.col-2 p {padding:10px 0; max-width: 550px; width: 100%;}

.ql-btn {width:45%; display: inline-block; vertical-align: top; text-align: center; margin: 0 auto; margin: 0 2%;}
.ql-icon {background:#fff; height: 100px; width: 100px; border-radius: 50px; text-align: center; margin:0 auto;  z-index: 999;}
.ql-icon .fas {color: #F7F7F7; font-size: 40px;}
.ql-text {height:220px; padding:70px 0 50px 0;background: #F7F7F7; border-radius: 10px;margin-top:-50px; z-index: 9;}
.ql-text h3 { color: #252A5D; letter-spacing: 2px; margin-bottom: 5px;}
.ql-text p {width: 90%; margin:0 auto;}
.red-btn {max-width: 300px; margin:0 auto; width:90%; background: #BA1418; text-align: center; color:#fff; padding:13px 0; margin-top:10px; border-radius: 5px; letter-spacing: 2px; transition: .2s ease; font-size: 14px;}
.red-btn:hover {background: #86040D}

p.services {column-count: 2; column-gap: 50px;  line-height: 25px;}
.services .fas {color:#BA1418}

h5.contact-pg {padding:10px 0; border-top:1px solid #000; margin-top:10px;}
/*--------FORM STYLES--------------------*/
#form-subpages h3 {text-align: center;}

#formpage input {
	padding:5.5px 5px;
	border:1px solid #000;
	color:#000;
	background:#fff;
	font-size:12px;
	margin:10px 0;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
}
#formpage .column3 input{
	background: #333;
	color: #fff;
	display: inline-block;text-align: center;
	margin: 0 auto;
	padding:10px 0;
	width: 300px;letter-spacing: 2px;
	transition: .2s ease;
}

#formpage .col-3 input{
	background: #fff;
	color: #000;
	width:calc(32% - 12px);
	float: left;
	margin-right: 1%;
	font-size: 15px;
	height: 30px;
}

#formpage input::-webkit-input-placeholder {
   color: #8e8d8d;
   font-weight: 200;
}

#formpage input:-moz-placeholder { /* Firefox 18- */
   color:#8e8d8d;
   font-weight: 200;
}
 
#formpage input::-moz-placeholder {  /* Firefox 19+ */
  color: #8e8d8d; 
  font-weight: 200;
}
 
#formpage input:-ms-input-placeholder {  
   color: #8e8d8d;
   font-weight: 200;
}

#formpage textarea::-webkit-input-placeholder {
   color: #8e8d8d;
   font-weight: 200;
}

#formpage textarea:-moz-placeholder { /* Firefox 18- */
   color:#8e8d8d;
   font-weight: 200;
}
 
#formpage textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #8e8d8d; 
  font-weight: 200;
}
 
#formpage textarea:-ms-input-placeholder {  
   color: #8e8d8d;
   font-weight: 200;
}
#formpage .column3 input:hover{
	cursor: pointer;
	background: #FFFFFF;
	color: #000000;
}
#formpage textarea {
	padding:6px 5px;
	width:98%;
	width:calc(98% - 7px);
	border:1px solid #000;
	color:#000;
	font-size:15px;
	background:#fff;
	height:170px;
	margin-right: 0;
	padding-right: 0;
	margin:10px 0;
	font-family: 'Open Sans', sans-serif;
	
}

 
/* selects have similar 0styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	border:1px solid #000;
	color:#fff;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:5px;
	background:#fff;
	line-height:normal;
	padding:5px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	color: #000;
	border:1px solid #000;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 


#formpage input.button,
#formpage input.button:focus {
	border:1px solid #000;
    margin:0;
    padding:7px 0;
    background:#fff;
    border:0;
    font-size:14px;
	margin-top:10px;
	line-height:14px;
	font-weight:bold;
    color:#E4E4E4;
}
#formpage input.button:hover {
	background:#FF8B1E;
	color:#E4E4E4;
}
 
.column3 {
	margin-bottom: 30px;
	margin: 0 auto; text-align: center;
}


footer .captcha {
	width:100%;
	margin:0 auto;
	color:#BBBBBB;
	line-height:19px;
	text-align:center;
}

footer .captcha a{
	color:#BBBBBB;
}

 .captcha {
	width:100%;
	margin:0 auto;
	color:#606060;
	line-height:19px;
	text-align:center;
}

.captcha a{
	color:#606060;
}

.captcha input{
	margin:0;
	float:none;
	max-width:300px;
}

.CaptchaImage {
	margin: 0 auto;
	text-align: center;
	float: none;
	display: block;
} 




/*-------- FOOTER STYLES ----------------*/
footer{background:#BA1418; width: 100%; padding:2% 0; }
.company, .social {width: 25%; display: inline-block; vertical-align: top; color:#fff;letter-spacing: 1px;}
.company a, .social a{color:#fff; font-weight: bold;}
.company a:hover{color:#252A5D; font-weight: bold;}
.company h2, .social h2 {color:#fff; letter-spacing: 2px;}
.company .fas {color:#252A5D}
.social .fab {font-size: 40px; }
.footer-logos {float: right;width: 30%; text-align: center;}
.footer-logos img {padding:10px 15px;}








/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.header-wrapper a[href^="tel:"] {color:#fff;}
.list-content .list-title .list-listings-count {font-style: normal; font-size: 15px;letter-spacing: .5px; }

.list-content .list-top-section .list-listings-count {color:#BA1418 !important; }
.view-listing-details-link, .buy-now-link,.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn,.compare-listings-container .compare-container .button,.detail-content-mobile .contact-options a,.detail-content-mobile .detail-contact-bar .contact-bar-btn {background: #BA1418 !important; color: #fff !important; border: 1px solid #BA1418 !important; }

.detail-content .dealer-info .phone-and-email .send-email-btn {
	color: #BA1418 !important; border-color: #BA1418 !important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn:hover,.media-buttons .print-this, .media-buttons .email-this {
	color: #252a5d !important; border-color: #252a5d !important; background: transparent !important;
}
.view-listing-details-link:hover, .buy-now-link:hover,.detail-content .detail-main-body .main-detail-data .offer-btn:hover, .detail-content .detail-main-body .main-detail-data .buy-btn:hover,.compare-listings-container .compare-container .button:hover {background: #fff !important; color: #BA1418 !important; border-color: #BA1418 !important;}
.list-content .list-container .buy-now-link, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text,.faceted-search-content .faceted-section-box .faceted-search,.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn,.detail-content .detail-additional-data .data-row .data-label,.modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input,.detail-content-mobile .detail-additional-data .data-row .data-label {
	background: #252a5d !important;
}
.faceted-search-content .selected-facets-container .selected-facet {
	background: #BA1418 !important;
}
.list-content .price-container .price,.compare-checked,.currency-selector,.detail-content .search-results,.compare-listings-container .compare-container .compare-price,.bread-crumbs-heading .return-links .return-links-link span,.bread-crumbs-heading .return-links .return-links-link i,.info {
	color: #252a5d !important;
}

.compare-checked:hover,.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3 {
	color: #BA1418 !important;
}


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


@media only screen and (max-width: 1800px) {
	.hero-btn  {top:30vw;}
	
}
@media only screen and (max-width: 1500px) {
	.hero-btn  {top:33vw;}

	.wrapper-inner {width: 95%;}
	.red-banner {width: 40%;}
	.drk-red-banner {width: 60%;}
	.hero-overlay {display: none;}
	.ql-text h3 {font-size: 16px;}
	.red-btn {width: 85%;}
	.ql-text p {font-size: 14px; line-height: 20px; width: 95%;}
	
}
@media only screen and (max-width: 1300px) {
	.cycle-caption {top:9vw;}
	.cycle-caption h1 {font-size: 35px; line-height: 42px;}
	.cycle-caption h3 {font-size: 25px; line-height: 32px;}
	.hero-btn  {top:30vw;}

	.red-banner h4, .drk-red-banner h4 {font-size: 14px;}
	p.services {column-count: 1;}
	
}
@media only screen and (max-width: 1200px) {
	.cycle-caption {top:5vw;}

	.col-2 p {max-width: 1200px; width: 100%;}
	.col-2 {width: 100%; margin:0 auto; }
	.ql-btn {width: 100%; margin: 0 auto;  height: auto;}
	.red-btn {max-width: 500px; width: 90%;}
	footer {display: inline-block;}
	.header-contact {display: block;}
	.red-banner, .drk-red-banner {width: 100%; text-align: center;}
	.company, .social {width: 100%; padding:15px 0; text-align: center;}
	.footer-logos {width: 100%; padding:15px 0; border-top:1px solid #fff;}
}
@media only screen and (max-width:900px) {
	.cycle-caption {display: none;}
	.cycle-caption h1, .cycle-caption h3 {display: none;}
	.hero-btn {display: none;}
	.red-banner h4, .drk-red-banner h4 {font-size: 12px;}
	#formpage .col-3 input {    width: calc(98% - 12px);}

}
@media only screen and (max-width:500px) {
	h1 {font-size: 25px;}
	h2 {font-size: 20px; line-height: 26px;}
		p {font-size: 14px; line-height: 20px;}	
	.logo {width: 35%;}
	.ql-text {height: auto; padding-bottom: 15px;}

	
}