/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  

/* INVENTORY LAYOUT
------------------------------------------------*/
.inventory-wrap {margin:0 auto;}
.container {background:#fff;}

/* TEXT/LINK FORMATTING
------------------------------------------------*/
/* SELECTION */
::selection {color:#fff; background: #356088;}
::-moz-selection {color:#fff; background: #356088;}

/* LINKS */
a:link, a:visited { color:#ff3e4c; text-decoration:underline;}
a:hover, a:active {	color:#bf2134;}

/* PARAGRAPH/LIST/GENERAL TEXT */
p, ul, li {font-size: 17px; line-height:1.3; color:#646464; margin:0;}
.red {color:#ff3e4c;}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:36px; color:#305fb2; font-weight:900;}
h2 {font-size:24px; color:#305fb2; font-weight:700;}
h3 {font-size:24px; font-weight:900;}
h4 {font-size:22px; color:#fff;}
h5 {font-size:16px; color:#0f0f0f;}
h6 {font-size:16px; color:#003d7c;}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}

body {
	font-family: 'Open Sans', sans-serif;
	margin:0;
	overflow-x:hidden;
	background:#fefefe;
	min-width:320px;
	line-height:1.3;
	–webkit-text-size-adjust:none;
}

/* WRAPPER SETTINGS
------------------------------------------------*/
.flex {display:flex;}

.wrap {
    position:relative;
	max-width: 1080px;
    width:100%;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}
.wide {max-width:70%;}
.extra-margin {margin:60px auto !important;}
.extra-pad {padding-top:60px; padding-bottom:60px;}
.thin {max-width:1100px; padding:0 10px; box-sizing:border-box;}
.center {text-align:center;}

/* HEADER
------------------------------------------------*/	
.header {
	position:relative;
	width:100%;
    height:120px;
	margin:0 auto;
    padding:4px 0 0;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, .9) 65%, rgba(253, 253, 253, 0.8) 85%);
    background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, .9) 65%, rgba(253, 253, 253, 0.8) 85%);
	z-index:999;
    box-shadow:0 1px 8px #0f0f0f;
    box-sizing:border-box;
}

.header-info {
    position: absolute;
    max-width:258px;
    top: 10px;
    right:15px;
    text-align:right;
    font-size:14px;
}

/* LOGO
------------------------------------------------*/	
.logo {
    display: inline-block;
	margin:2px 10px;
    width: 21%;
    z-index: 9999;
}

/*  HERO
------------------------------------------------*/
.hero {position: relative; width:100%; max-height: 775px; margin-top: -130px; overflow: hidden; z-index:99;}
.hero img {width:100%; display:block; z-index:0;}
.hero-title {position:absolute; left:0; right:0; bottom:40px; margin:auto; text-align:center; font-size:60px; font-weight:700; color:#fff; text-shadow:0 0 6px #0f0f0f;}

/*  QUICK LINKS
------------------------------------------------*/
.blue-btn {
	display: block; 
	margin: 0 auto; 
	height: 50px; 
	width: 175px;
	border: none;
	background:#305fb2;
	color: #fff; 
	transition-duration:.2s; 
	cursor: pointer;  
	box-shadow: 0 0 3px #000;
}

.blue-btn:hover {
	background:#4377d2;
}

.quicklinks-wrap
    {max-width:1600px; padding:0;}
    
.quicklinks {
    position: relative;
    display:flex;
    width: 100%;
    max-height:258px;
    height:100%;
    margin: 5px auto;
    background:#e4e4e4;
    color:#fff;
    overflow:hidden;
    box-sizing:border-box;
}

.quicklinks a:link {
	text-decoration:none;
}

.quicklink-left {
    position:relative;
    display:inline-block;
    width:50%;
    border-right:5px solid #fff;
    box-sizing:border-box;
}

.cycle-slideshow > a {width:100%;}

.quicklink-left img {
    display:block;
    width:100%;
}

.quicklink-right {
    display:inline-block;
    width:50%;
    align-self:stretch;
    text-align:center;
}

.quicklink-half {
    position:relative;
    display:inline-block;
    width:50%;
    height:50%;
    background:#305fb2;
    box-sizing:border-box;
    line-height: 50%;
    transition-duration:.2s;
}

.quicklink-half:first-child {
    border-right:5px solid #fff;
}

.quicklink-half:hover {background:#4377d2;}

.quicklink-half span{
    position: absolute;
    display: inline-block;
    height:55px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
    color: #fff;
}

.quicklink-full {
    position:relative;
    display: inline-block;
    width:100%;
    height:50%;
    margin-top:-5px;
    background:#ff3e4c;
    border-top:5px solid #fff;
    box-sizing:border-box;
    transition-duration:.2s;
}

.quicklink-full:hover {background:#ff626d;}

.quicklink-full span{
    position: absolute;
    display:inline-block;
    height:55px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
    color: #fff;
}
/*  MAIN
------------------------------------------------*/
.main {
    width:100%;
}

.main-content {
    position:relative;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
    -webkit-column-fill: auto; /* Chrome, Safari, Opera */
    padding:60px 0;
}

.main-content img {
    display:block;
    width:100%;
}

.quarter-page {
    display:inline-block;
    width:23%;
    margin: 20px 1%;
    *float:left;
    box-sizing:border-box;
    vertical-align:top;
}


/* ====================
	SHOWROOM
==================== */
.showroom-div {
	text-align: center;
}
.showroom-callouts {
	border: solid 1px #111;
	width: 30%;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 1%;
	margin: 1%;
}
.showroom-callouts:hover {
	box-shadow: 5px 5px 5px #999;
}




/*  QUICK SEARCH
------------------------------------------------*/
.search-box {
    position:relative;
    display:block;
    width:100%;
    margin:0 0 5px;
    box-shadow: 0 0 1px #333333;
}

.column-2-3 {width:66%;*width:62%;float:left;}
.column-1-3 {width:34%;float:left;}

.search-box input {
    padding:5px!important;
    font-size: 13px!important;
    background-color: #fff!important;
    border:none!important;
    box-shadow:none!important;
    box-sizing: border-box!important;
    -webkit-appearance: none!important;
    -webkit-border-radius:0!important;
	margin-bottom: 0!important;
	
}

.search-box input[type="text"]{
	width:66%!important;
	height:25px!important;
	line-height: 10px!important;
}

.search-box input[type="submit"] {
    background: #ff3e4c!important;
    color: #fefefe!important;
    transition: all .2s ease-in-out!important;
    -moz-transition: all .2s ease-in-out!important;
    -webkit-transition: all .2s ease-in-out!important;
    -webkit-appearance: none!important;
    -webkit-border-radius:0!important;
}

.search-box input[type="submit"]:hover {
    background:#ff626d!important;
    cursor:pointer!important;
}

/*  CONTACT FORM
------------------------------------------------*/
.column2 {width:50.00000%; *width: 50%; margin-top:5px; float:left; padding-right: 20px; box-sizing: border-box;}
.column3 {width:33.33333%; *width: 31%; margin-top:5px; float:left; padding-right: 20px; box-sizing: border-box;}
.column3-4 {width:66.66666%; *width: 62%; margin-top:5px; float:left; padding-right: 20px; box-sizing: border-box;}
.column4 {width:100.00000%; *width: 100%; margin-top:5px; float:left; box-sizing: border-box;}
.submit-it {width:33.33333%; *width: 31%; margin:5px auto 0; box-sizing: border-box;}

.detailed-row{margin: 10px 0 5px; font-size:18px;}
.last{padding-right: 0;}
.detailed-form {
	position:absolute;
	background: rgba(0, 0, 0, .7);
	color: #fff; !important;
	margin: auto;
	padding: 30px 0 40px;
	box-shadow:0 1px 3px #363636;
	top:40px;
	left:0;
	right:0;
}
.contact-form input[type="text"], select {
    width: 100%;
	margin:2px 0;
    padding: 4px 8px;
    font-size: 14px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	box-sizing: border-box;  
	-webkit-border-radius:0; 
    border-radius:0;
}
.contact-form input[type="text"]:focus {
    border: 1px solid #65c8ff;
}
.contact-form select:focus {
    border: 1px solid #65c8ff;
}
textarea {
	height:100px;
    width: 100%;
	margin:2px 0;
    padding: 4px 8px;
    font-size: 14px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	box-sizing: border-box;  
	-webkit-border-radius:0; 
    border-radius:0;
}
textarea:focus {
    border: 1px solid #65c8ff;
}
.contact-form input[type="submit"] {
    font-size: 16px;
    background: #305fb2;
    width: 100%;    
	margin-top:10px;
	height: 46px;
    color: #fff;
    display: inline-block;
    border-radius: 0 !important;
    outline: none;
    border: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;  
	-webkit-border-radius:0; 
    -webkit-appearance: none;
    border-radius: 0;
	box-shadow:0 0 1px #333333;
    box-sizing:border-box;
}
.contact-form input[type="submit"]:hover {
	background:#4377d2;
	transform:scale(1.01,1.01);
	box-shadow:0 0 3px #333333;
	cursor:pointer;  
	-webkit-border-radius:0; 
    -webkit-appearance: none;
    border-radius: 0;
}

/*  MANU
------------------------------------------------*/
.manu {width:100%; padding:20px; background:#65c8ff; border-bottom:5px solid #fff; text-align:center; box-sizing:border-box;}
.manu a {display:inline-block; margin:auto; vertical-align:middle;}
.manu img {display: block; max-width: 146px; width: 100%; padding:0 10px; box-sizing:border-box;
    *float:left;}

/*  FOOTER
------------------------------------------------*/
.prefooter {
    background:url(../siteart/FOOTER-BKG-combine.jpg) center center no-repeat;
    background-size:cover;
    padding:40px 0 0;
    line-height:1.4;
}

.prefooter a{
    font-size: 18px;
    line-height: 1.3;
    color: #646464;
    text-decoration:none;
}

.prefooter a:hover{
    color: #65c8ff;
}
    
.footer {
	position:relative;
	width:100%;
	margin-top:20px;
	padding:20px 10px;
	background:#363636;
    background:rgba(54, 54, 54, .7);
	text-align:center;
	box-sizing:border-box;
}

/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	max-width:730px;
	display:block;
	color:#ddd;
	margin:0 auto;
	line-height:1;
	text-align:center;
}

.footertext{
	color:#ddd;
	font-size:11px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#ddd;
	font-size:11px;	
	text-decoration:underline;
}

a.footerlink:hover {
	color:#ddd;
	font-size:11px;
	text-decoration:none;
}

.smallfootertext{
	color:#ddd;
	font-size:11px;
}


/*  Inventory
------------------------------------------------*/

.view-listing-details-link{color:#FFF!important;}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* 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: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.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:#305fb2 !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:#305fb2 !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 #305fb2 !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: #305fb2 !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; 
}

.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;}



/* ============================
	MEDIA SCREENS
============================ */


@media screen and (max-width:900px){
.flex {display:block;}
.wrap {max-width:650px;}
.hero {margin-top:0;}
.hero-title {bottom:20px;}
.main-content {max-width:650px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.main-content img {margin:60px 0;}
.quicklinks {max-height:100%; background:#fff;}
.quicklink-left {display:block; width:100%; border:none;}
.quicklink-right {display:block; width:100%; border-top:5px solid #fff;}
.quicklink-half {height:80px; line-height:65px;}
.quicklink-full {height:80px; line-height:65px;}
.quarter-page {width:48%; padding:0 60px; box-sizing:border-box;}
.manu a{margin:40px auto;}
.manu img{max-width:250px; padding:0 26px;}
.showroom-callouts { width: 46%;}
}
@media screen and (max-width:750px){
.column3 {width:100%; padding-right:0;}
.column3-4 {width:100%; padding-right:0;}
.submit-it {width:75%; min-width:300px}
}
@media screen and (max-width:663px){
.quarter-page {width:100%; margin:40px auto; padding:0; text-align:center;}
.showroom-callouts { width: 95%;}
}
@media screen and (max-width:580px){
.header {height:275px;}
.header-info {position:static; max-width:400px; margin:20px auto 0; text-align:center;} 
.search-box {margin:10px 0;}
.logo {display:block; margin:0 auto;}
.hero {display:none;}
.quicklinks {margin:0 auto;}
.quicklink-right {border:none;}
.quicklink-half {width:100%;}
.quicklink-half:first-child {border:none; margin:8px auto;}
.quicklink-full {border:none; margin:8px auto;}
}