/* 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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

/* FRAMEWORK */

html, body{font-family: 'Montserrat', sans-serif; font-size: 14px; -webkit-text-size-adjust: none}
::-moz-selection{background: #fd6805; color: #fff; text-shadow: none} ::selection{background: #D30603; color: #fff; text-shadow: none}

.container{width: 90%; margin: 0 auto; padding: 15px 0;}
.container_small {width: 75%; margin: 0 auto; padding: 15px 0;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 32%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* inv */

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

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

.dealer-btns-bottom a {background: #fd6805 !important;}
.page-nav{background-color:#fd6805!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#fd6805!important}
.return-links span, .return-links i {color:#fd6805!important;}


/* TYPOGRAPHY */

h1 {font-size: 32px; text-transform: uppercase; font-weight: 400; color:#fff;}
h2 {font-size: 24px; text-transform: uppercase; font-weight: 400;}
h3 {font-size: 22px; margin-bottom:5px; text-transform: uppercase;}

p{font-size: 17px; line-height: 28px; margin-bottom:5px;}
a{text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}

/* HEADER */
.logo {background:#fd6805; color:#fff; float:left; width:30%; text-align:center; height:75px;}
.logo img {width:100%; height:auto;}
.navwrap {background:#343a3d; float:right; width:70%; text-align:center; height:75px;}

.desktoplogo {display:block;}
.mobilelogo {display:none;}

/* HOME */

.hero{position: relative; overflow: hidden;}
.hero .cycle-slideshow{float: none; position: relative; background: #333; text-align: center; height: 450px; max-height: 660px; overflow: hidden;}
.hero .cycle-slideshow img{position: absolute !important; width: 100%; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; z-index: 9;}
.hero .hero-links{position: absolute; width:400px; top: 15%; right: 15%; z-index: 9999; text-transform: uppercase; color:#fff; font-weight: 400;}
.hero .hero-links img {width:100%;}
.hero .hero-links  a {background: #fd6805; padding:10px 0; width:49%; margin:2% .5%; display:inline-block; text-transform: uppercase; text-align:center; color: #fff; box-shadow: 0px 0 10px 0px rgba(0,0,0,0.5); font-size:18px;}
.hero .hero-links a#whitebtn {background:linear-gradient(#e3e3e3, #e6e6e6); padding:10px 0; width:49%; margin:2% .5%; display:inline-block; text-transform: uppercase; text-align:center; color: #000; box-shadow: 0px 0 10px 0px rgba(0,0,0,0.5); font-size:18px;}

.hero .hero-links a:hover{background: #555;}

#invbtn {background:#343a3d; padding:20px 0; margin:2% .25% 2%; box-shadow: 0px 0 10px 0px rgba(0,0,0,0.5); text-align:center; text-transform: uppercase; color:#fff; font-size:20px;}
#invbtn:hover {background:#fd6805;}

.map {float:left; width:65%;}
.pageright {float:right; width:35%; background:#fd6805; color:#fff; height:300px; padding-top:1%; margin-top:10px;}


/*  SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; overflow:hidden; margin:10px auto 5px;}
.scrolling{width:100%; height:92px;}



/* FOOTER */
footer{background: #343a3d; padding: 10px 0; text-transform: uppercase; text-align: center; color: #fff;font-size:16px;}
footer a {font-size:16px;}
footer a:hover{opacity: .75;}


/* RESPONSIVE */

@media screen and (max-width: 1600px){
	.hero .cycle-slideshow{height: 400px; max-height: 400px;}
	.hero .hero-links {width:375px; top:10%; right:10%;}
}

@media screen and (max-width: 1375px){
	h1 {font-size:28px;}
	h2 {font-size:20px;}
	.logo {padding-top:6px;}
	.hero .cycle-slideshow{height: 325px; max-height: 325px;}
	.hero .hero-links {width:350px; top:5%; right:10%;}
	.hero .hero-links  a {padding:10px 0; font-size:16px;}
	.hero .hero-links a#whitebtn {padding:10px 0; font-size:16px;}

}

@media screen and (max-width: 1150px){
	h1 {font-size:24px;}
	.hero .cycle-slideshow{height: 250px; max-height: 250px;}
	.hero .hero-links {width:250px; top:5%; right:10%;}
	.hero .hero-links  a {padding:5px 0; font-size:13px;}
	.hero .hero-links a#whitebtn {padding:5px 0; font-size:13px;}
}

@media screen and (max-width: 1024px){
	.container_small {width:90%;}
	
	.navwrap {padding-top:15px;}
	p {font-size:16px; line-height:22px;}
	#invbtn {font-size:18px;}
}

@media screen and (max-width: 900px){
	h1 {font-size:20px;}
	.hero .cycle-slideshow{height: 275px; max-height: 275px;}
	.hero .hero-links {width:200px; top:15%; right:10%;}
	.hero .hero-links  a {padding:5px 0; font-size:11px;}
	.hero .hero-links a#whitebtn {padding:5px 0; font-size:11px;}
	
	#invbtn {font-size:16px;}
}

@media screen and (max-width: 768px){
    h1{font-size: 18px;}
	p {font-size:14px; line-height:20px;}
	
	.header .navwrap {float: none; width:100%; height:auto; padding: 0; text-align: center;}
	.logo {float: none; background:#fff; width:50%; margin:0 auto; height:auto; padding: 0; text-align: center;}
	.desktoplogo {display:none;}
	.mobilelogo {display:block;}

    
    .hero .cycle-slideshow{height: 250px; max-height: none;}
    .hero .hero-links{display:none;}
	
	#invbtn {display:block; width:100%; margin:1% auto;}
	
	.map {float:none; width:100%; margin-top:2%;}
	.pageright {float:none; width:100%; height:auto; text-align:center;}
	
	footer {font-size:14px;}
	footer a {font-size:14px;}
}
@media screen and (max-width: 580px){
	.logo {width:100;}
	
    .hero .cycle-slideshow{height: 150px; max-height: none;}
    .hero .hero-links{position: relative; top: 0; left: 0;}
    
}