/***** 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, img {  
    display: block;  
} 

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

body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	font-weight: 300;
	background-color: #E9E9E9;
	background-image: url("../siteart/snow01.png");
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: 100% 100%;
	font-size: 16px;
	line-height: 30px;
	
}
h1, h2, h3, h4, h5 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 700;
	line-height: normal;
}
h1{color: #000;margin-bottom: 10px;}
h2 {font-size: 25px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
strong {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 900;}
a:link, a:visited, a:active {text-decoration:none; color:#a51e21;}
a:hover {text-decoration:underline; color:#a51e21;}

img {max-width:100%;height: auto;}

header {max-width: 100%;height: auto;}

.clear{clear:both;}
.wrapper{width: 100%; margin: 0 auto;display: block;}
/*-------Header-----*/

.top {padding: 0 15%;}
#info .mobile-text {display: none;}
#info{float: left; display: inline-block;}
.leftinfo {color:#a51e21; font-size: 40px; font-weight: normal; display: inline-block; margin: 30px 0 0  0;}
.leftinfo ul {margin:0; padding:0;}
.leftinfo ul li {display:inline-block;margin:0;list-style-type:none;width:auto;	}
.leftinfo ul li a {
	color:#000;
	font-size:18px;
	line-height:20px;
	letter-spacing: 1px;
	text-decoration:none;
	display:block;
	margin:0;
	text-align:center;
	text-transform:capitalize;
	-webkit-transition:.4s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
	font-weight:700;
	padding:0 20px;}

.leftinfo ul li a:hover {color: #a51e21;}

.fa, .fas {font-weight: 700;font-size: 16px;}

.fa, .fab, .fad, .fal, .far, .fas {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;}

.fa-map-marker-alt, .fa-phone{
    color: #a51e21;
}



.logo{width: 50%;height: auto;float: left;display: inline-block;}
.logo img {max-width:100%;height: auto;display: inline-block;float: left;}
.mobile-text {
	color:#a51e21;
	font-size: 60px;
	font-weight: normal;
	line-height: 80px;
	display: inline-block;
	float: left;
	margin: 10px 0;
}
.mobile-text ul {margin:0;padding:0;}
.mobile-text ul li {display:inline-block; margin:0; list-style-type:none; width:auto;}
.mobile-text ul li a {
	color:#000;
	font-size:18px;
	line-height:20px;
	letter-spacing: 1px;
	text-decoration:none;
	display: inline-block;
	margin:0;
	text-align:center;
	text-transform:capitalize;
	-webkit-transition:.4s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
	font-weight:700;
}
.mobile-text ul li a:hover {color: #a51e21;}

/*-------Middle of main page -----*/
.r-side {width: 60%;height: auto;float: left;}
.r-side img {width: 100%;height: auto;float: left;}
.buttons {width: 40%;float: left;}
.column {
  float: left;
  width: 40%;
  padding: 10px 15px ;
  height: 250px;
  margin: 15px;
  text-align: center;
  border-style: solid;
  border-width: 5px;
  border-color: #707274;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.column img{max-width: 100%;height: auto;}
.row {margin: 40px 0;}
.row:after {content: "";display: table; clear: both;}

/*-------About Section on Main page-----*/
.l-side {width: 46%;height: auto;float: left;}
.l-side img {width: 100%;height: auto;float: left;}
.ab-text {width: 45%;float: left; margin: 40px 60px 40px 100px;}
.ab-text p{ font-size: 16px; letter-spacing: 1px; font-weight: bold; line-height: 30px;}
.ab-text h3{text-decoration: underline; font-weight: bold;}
	
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden; margin: 20px 0;}
.scrolling{ width:100%; height:92px;}

/*  Google Map 
------------------------------------------------*/
.map-wrap{width: 100%; border-bottom: 0px #a51e21 solid; border-top: 5px #a51e21 solid;}

/*  footer
--------------*/
footer {max-width: 100%;  height: auto; border-bottom: 5px #a51e21 solid; border-top: 5px #a51e21 solid;  }
.f-row {  content: ""; display: block; clear: both; height: 140px; padding: 15px 0;}
.left-logo {height: auto;float: left; margin: 25px  50px; }
.left-logo img {width: 100%; height: auto; float: left;}
.f-column {float: left; width: 15%;}
.r-column {float: left; width: 19%;}
.m-column {float: left; width: 15%;}
.l-column {float: left;width: 20%;}
.l-column img {width: 80%; height: auto;}
.main {position: relative; left: 25%;text-align: left;float: left;display: inline-block;}
.main p {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  float: left;
  color: #000;
  text-align: left;}
.main a {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  color: #000;
  text-align: left;}
.main a:hover {color: #a51e21;}
.divfooter {
  background-color: #B4B4B4;
  color: #000;
  text-align: center;
  font-size: 12px;
  transition: all 0.3s;
  padding: 0 5px;}

.divfooter a {color: #000;transition: all 0.3s;}
.divfooter a:hover {opacity: 0.6;}
.footertext {text-align: center;padding: 0 !important;}
/*  end footer
--------------*/

/*-------Location page-----*/
.l-side {width: 46%;height: auto;float: left;}
.l-side img {width: 100%;height: auto;float: left;}
.loc-text {width: 45%;float: left; margin: 40px 60px 40px 100px;}
.loc-text p{ font-size: 16px; letter-spacing: 1px; font-weight: bold; line-height: 30px;}
.loc-text h3{text-decoration: underline; font-weight: bold;}
.loc-text a {
	color:#a51e21;
	font-size:18px;
	line-height:20px;
	letter-spacing: 1px;
	text-decoration:none;
	display: inline-block;
	font-weight:700;
}
.loc-text a:hover {color: #000;}


/*-------INV STYLES-----*/

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons) /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}
.view-listing-details-link .fa:hover{color: #9c1106 !important;}
.media-buttons .fa:active{color: #9c1106 !important;}
.contact-options a {border-radius: 0px !important;}
.body-content {line-height: 16px;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#9c1106 !important;}

.view-listing-details-link{color: white !important;}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#9c1106 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #9c1106 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #9c1106 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}
.view-listing-details-link, .buy-now-link {text-decoration: none !important;}
.fa-search-plus:active, .fa-envelope:active, .fa-video:active, .fa-tag:active {color: white;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}




/*-------Screen Changes-----*/
@media screen and (max-width: 1777px){
.l-side {width: 45%; margin-top: 20px;}
}
@media screen and (max-width: 1749px)  {
.column {margin: 10px; height: 220px;}
.row {margin: 15px 10px;}	
	
}

@media screen and (max-width: 1686px)  {
.top { padding: 0 5%;}

}
@media screen and (max-width: 1626px){

}
@media screen and (max-width: 1599px){
.ab-text {margin: 20px 40px 40px 50px;}
.loc-text {margin: 20px 40px 40px 50px;}
}


@media screen and (max-width: 1549px)  {
.row{ margin: 10px}
.column {width: 39%; height:205px;}
h2{ font-size: 20px}
}
@media screen and (max-width: 1499px){
.ab-text {width: 40%;}
.l-side {width: 49%}
.loc-text {width: 40%;}
}
@media screen and (max-width: 1445px){

.left-logo { margin: 1%}
}
@media screen and (max-width: 1413px)  {
.column {width: 38%; height: 175px;	padding: 10px 12px;}
}



/** Responsive Styles **/
@media screen and (max-width: 1340px){
#info .leftinfo  {display: none;}
#info .mobile-text { display: inline-block;  width: 100%;}
#info { float: right; display: inline-block;  padding: 0 30px 0 0 ;	}	
#info.mobile-text ul {margin:0; padding:0;}
#info.mobile-text ul li {display:inline-block;margin:0;list-style-type:none; width:auto;}
#info.mobile-text ul li a:hover {color: #951e21;}	
.mobile-text {font-size: 40px;line-height: 80px;margin: 10px 0;padding: 0 10px;}
.fa, .fas {font-weight: 700;font-size: 14px;}
}


@media screen and (max-width: 1413px)  {
.left-logo {margin: 25px  10px; }
.f-column { width: 12%;}
.r-column {width: 20%;}
.m-column { width: 20%;}
.l-column {width: 15%;}
.main {left: 15%;}
}

@media screen and (max-width: 1277px){
/*-------Middle-----*/
.m-wrapper{margin: 0 auto;display: block;padding: 0; }
.r-side {width: 100%;height: auto;float: left;}
.r-side img {width: 100%;height: auto;float: left;}
.buttons {width: 100%;float: left;}
.column { width: 35%; padding: 10px 15px ; height: 250px;}
.column img{max-width: 100%;height: auto; display: block; margin-left: auto; margin-right: auto }
.row {margin-left: 12%; margin-right: auto;}

}


@media screen and (max-width: 1060px){
.l-side {width: 100%;}
.ab-text{width: 72%;  margin: 0 0 0 18%;}	
.loc-text{width: 72%;  margin: 20px 0 0 18%;}	
}
@media screen and (max-width: 11047px)  {

.main {left: 10%;}
.main p {font-size: 12px; line-height: 16px; }
.main a {font-size: 12px;line-height: 16px;}
 
}	
@media screen and (max-width: 940px){
.logo{padding: 10px 0 0 0;}
.left-logo {margin: 10px; }
.f-column { width: 12%;}
.m-column { width: 25%; }
.l-column {width: 20%; }
.r-column {width: 25%; padding-top: 10px;}
}
@media screen and (max-width: 860px){
.column {height: 230px;}	
}
@media screen and (max-width: 842px){
.left-logo {margin-right:20%; }	
.f-column { width: 50%; }
.m-column { width: 50%; }
.l-column {width: 50%; }
.r-column {width: 35%; padding-top: 10px; }
.main{ left: 20%;}
}

@media screen and (max-width: 770px){
.fa, .fas {font-weight: 700; font-size: 16px;}	
#info {padding: 0 }
.mobile-text {font-size: 40px;line-height: 60px;}
.logo{width: 50%; padding: 10px 75px 0 0;}		
.column {height: 200px;}
.row {margin-left: 10%;}
.ab-text{margin: 0 0 0 12%;}
.loc-text{margin: 20px 0 0 12%;}
	
}
@media screen and (max-width: 690px){
.column {height: 180px;}
}

@media screen and (max-width: 615px){
.mobile-text {font-size: 40px;line-height: 60px;}
.logo{width: 60%;padding: 10px 0 0 0;}	
}

@media screen and (max-width: 550px){
.column { width: 85%; height: auto;}
.row {margin-left: 0; }
.ab-text{margin: 0 0 0 8%; width: 85%;}
.left-logo {margin-right:0; }	
.f-column { width: 90%; }
.m-column { width: 90%; padding-top: 10px; }
.l-column {width: 90%; padding-top: 10px; }
.r-column {width: 90%; padding-top: 10px; }
.main{ left: 5%;}
}
	

@media screen and (max-width: 470px){
.mobile-text {font-size: 30px;line-height: normal;padding: 10px 0 0 0;}
.logo{	width: 70%;}	
}	

@media screen and (max-width: 345px){
.column {margin: 15px 0;}
.row {width: 100%; margin: 0;}
h2{ font-size: 14px}
.ab-text p{ font-size: 14px; line-height: 25px;}
.ab-text h3{font-size: 18px;}
.ab-text h1{font-size: 30px;}
.loc-text p{ font-size: 14px; line-height: 25px;}
.loc-text h3{font-size: 18px;}
.loc-text h1{font-size: 30px;}
}
@media screen and (max-width: 280px){
.column{ border-width: 3px;	padding: 8px 10px ; height: auto;  margin: 5px;}
}