/* 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;}
.center{text-align: center;}

/* TYPOGRAPHY */

::-moz-selection{background: #b81218; color: #fff; text-shadow: none} ::selection{background: #b81218; color: #fff; text-shadow: none}

h1, h2, h3, h4, h5, h6{text-transform: uppercase;}

h1{font-size: 24px; color: #b81218;}
h2{font-size: 22px; color: #555;}
h3{font-size: 20px; color: #333; line-height: 28px;}
h4{font-size: 18px; color: #b81218;}

p{font-size: 16px; line-height: 26px;}

a{color: inherit; text-decoration: underline; transition: all .2s ease-in-out;}
a:hover{color: #b81218;}

a.button{display: inline-block; margin: 10px 0; background: #b81218; padding: 20px 50px; font-weight: 700; text-transform: uppercase; text-align: center; text-decoration: none; box-sizing: border-box; color: #fff;}
a.button:hover{background: #A7090E; color: #fff;}

/* FRAMEWORK */

html, body{font-family: 'Roboto Condensed', sans-serif; font-size: 14px; -webkit-text-size-adjust: none;width:100%;}

.main{padding: 50px 0;}
.grey-bg{background: #f5f5f5; padding: 25px; box-sizing: border-box;}
.container{max-width: 1200px; margin: 0 auto; padding: 0 20px;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0; box-sizing: border-box;}
.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: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;}

hr{border: 0; height: 1px; background: #aaa; background-image: linear-gradient(to right, #ccc, #aaa, #ccc); margin: 25px 0;}

table{width: 100%;}
thead{background: #be1c0d; color: #fff; font-weight: 700; padding: 5px;}
td{padding: 6px 10px;}
.red{color: #be1c0d;}
.white{color: #fff;}

.flexbox{display: flex; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.flex{flex: 1;} .flex iframe{display: block;}

/* HEADER */

.header{background: #333 url(../siteart/header.jpg) top center fixed; display: block; width: 100%; border-bottom: 1px #ccc solid;}
.top-header{background: #b81218; font-size: 16px; font-weight: 700; text-align: center; color: #fff; padding: 5px 0; border-bottom: 1px #ccc solid;}
.top-header a:hover{color: #fff;}
.spacer{margin: 0 10px;}

#logo{float: left; width: 50%; padding: 5px 0 0; text-align: right;}
#logo img{max-width: 295px;}
#dealer-logos{float: left; width: 50%; padding: 20px 0 0 35px; box-sizing: border-box;}
#dealer-logos img{max-width: 250px;}

.header-container{z-index: 99999999999; top: -100px; transition: all .5s linear}
.stick{position: fixed; top: 0; width: 100%}
.stick .top-header{display: none;}
.stick #dealer-logos{display: none;}
.stick #logo{display: none;}
.push{height: 222px;}

/* SLIDESHOW */

.cycle-slideshow {width: 100%; line-height: 0; z-index: 10; position: relative;}
.cycle-slideshow img{width: 100%; z-index: 5 !important; position: relative;}
.cycle-slideshow .cycle-pager {text-align: center; width: 100%; z-index: 25 !important; position: absolute; bottom: 10px; overflow: hidden;}
.cycle-slideshow .cycle-pager span {margin: 0; padding: 0; font-family: arial; font-size: 30px; line-height: 30px; width: 16px; height: 16px; display: inline-block; color: #fff; cursor: pointer;}
.cycle-slideshow .cycle-pager span.cycle-pager-active {color: #b81218;}
.cycle-slideshow .cycle-pager > * {cursor: pointer;}
.slide {width: 100%; z-index: 5 !important;}
.slide img {width: 100%; z-index: 5 !important;}
.slide .slide-link{position: absolute; width: 100%; max-width: 500px; background: rgba(0, 0, 0, 0.7); padding: 25px; box-sizing: border-box; color: #fff; bottom: 30px; z-index: 30; line-height: normal;}
.slide .slide-link .link-text h2{text-transform: uppercase; margin: 0 0 10px; color: #fff;}
.slide .button-link a{display: block; margin: 10px 0; background: #b81218; padding: 15px; font-weight: 700; text-transform: uppercase; text-align: center; text-decoration: none; box-sizing: border-box; color: #fff; max-width: 250px;}
.slide .button-link a:hover{background: #A7090E; color: #fff;}

/* HOME */

.icon-bar{background: #333; color: #fff; border-top: 1px #fff solid; border-bottom: 1px #fff solid; font-size: 0;}
.icon-bar ul li{display: inline-block; width: 24%; position: relative; text-align: center; box-sizing: border-box;}
.icon-bar ul li img{position: relative; top: 10px; right: 10px;}
.icon-bar ul li a{display: block; font-weight: 700; font-size: 18px; text-decoration: none; text-transform: uppercase; padding: 8px 0 25px; box-sizing: border-box;}
.icon-bar ul li a:hover{background: #555; color: #fff;}
.partners{margin: 25px 0 0;}
.partners img{max-height: 100px; margin: 0 10px;}
.error{font-size: 32px; font-weight: 700; text-align: center; color: #777; margin: 0 0 25px;}
.error a{display: block; max-width: 450px; background: #b81218 url(../siteart/tool.png) right no-repeat; padding: 20px 25px; margin: 10px auto; font-size: 18px; font-weight: 700; text-align: left; text-transform: uppercase; text-decoration: none; color: #fff; border-radius: 5px;}
.error a:hover{background: #A7090E url(../siteart/tool.png) right no-repeat; padding: 20px 30px;}

.helpful-links{text-align: center;}
.helpful-links h3{font-size: 24px; font-weight: 700; text-transform: none; text-align: center; color: #777; margin: 25px 0;}
.helpful-links img{display: inline; padding: 0 25px;} .helpful-links img:hover{opacity: .5;}

.map{padding: 15px 25px; box-sizing: border-box;}
.map img{width: 100%; max-width: 800px;}

/* ZOOM */

.zoom-container{float: left; width: 33.3333%; position: relative; overflow: hidden; display: inline-block; border: 1px solid #fff; box-sizing: border-box; text-align: center; margin: 10px 0;}
.zoom-container img{display: block}
.zoom-container .zoom-caption{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px; box-sizing: border-box; z-index: 10; background: rgba(0,0,0,.6); text-transform: uppercase; transition: all .5s ease}
.zoom-container .zoom-caption h4{font-size: 20px; font-weight: 700; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.zoom-container .zoom-caption img{display: inline; position: relative; top: 3px; left: 6px}
.zoom-container:hover .zoom-caption{background: 0 0}

/* INVENTORY */

.advanced-search{position: fixed; bottom: 0; left: 35px; background: #b81218; padding: 15px 35px; box-sizing: border-box; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; cursor: pointer; box-shadow: 0 0 10px 0 rgba(0,0,0,.25); z-index: 9999}
.advanced-search:hover{background: #9E121E;}
.show-search{display: none; width: 100%; background: #b81218; font-size: 16px; font-weight: 700; text-align: center; color: #fff; padding: 15px; box-sizing: border-box; cursor: pointer;}
.show-search:hover{background: #9B0909;}
.search{background: #f5f5f5; padding: 15px; box-sizing: border-box; border: 1px #ccc solid; font-size: 12px; font-weight: 700;}
.search .column6{padding: 0 10px 0 0;} .search .last{padding: 0;}
.search h3{font-weight: 400; color: #555;}
.search input, .search select{width: 100%; padding: 6px 10px; font-size: 12px; background: #fff; color: #555; margin: 5px 0 10px; box-sizing: border-box; border: 1px #ccc solid;}
.search input[type="submit"]{font-family: 'Roboto Condensed', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; display: block; background: #b81218; width: 100%; transition: all .2s ease-in-out; cursor: pointer; position: relative; padding: 10px 8px; border: 1px solid #ccc;}
.search input[type="submit"]:hover{background: #9B0909}
.search a.button{display: block}

/* SUBPAGES */

.parts{text-align: center;}
.parts .column6 img{display: block; max-height: 80px; margin: 10px auto;}
.parts .column6 a{font-weight: 700; text-decoration: none}
.parts-brand select{display: block; width: 100%; color: #333; padding: 15px 10px; margin: 10px 0; overflow: hidden; border: 1px #ccc solid !important; box-sizing: border-box;}
.parts-brand #partsiframe{border: 1px #ccc solid; width: 100%; height: 1200px; box-sizing: border-box;}

.linkbox{background: #be1c0d; width: 100%; margin: 25px 0; text-align: center;}
.linkbox a{display: inline-block; font-size: 16px; font-weight: 700; text-decoration: none; padding: 10px 15px; color: #fff;}
.linkbox a:hover{color: #ccc;}
.employee{float: left; width: calc(16.6666% - 10px); margin: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.financing{font-size: 16px; text-align: center; margin: 25px 0; transition: all .2s ease-in-out;}
.financing a{font-weight: 700; text-decoration: none;}
.financing img{margin: 15px 0;}

/* FORM */

#form{background: #fafafa; padding: 25px; box-sizing: border-box; border: 1px #ccc solid;}
#form input, #form select, #form textarea{width: 100%; padding: 10px 5px; border: 1px solid #ccc; margin: 5px 0 15px; box-sizing: border-box;}
#form textarea{height: 80px;}
#form label{cursor: pointer;}
#form input.button, #form input.button:focus{padding: 10px 0; max-width: 250px; background: #b81218; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer;}
#form input.button:hover{background: #A00A0F;}
.CaptchaPanel{margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; text-align: left !important; line-height: normal !important;}
.CaptchaAnswerPanel input{width: 200px !important;}
.CaptchaImagePanel{margin: 0 0 0 0; padding: 0 0 0 0;}
.CaptchaMessagePanel{padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px;}
.CaptchaAnswerPanel{margin: 0 0 0 0; padding: 2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height: 0; margin: 0 0 0 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{color: #000;}
.CaptchaWhatsThisPanel a:hover{text-decoration: none;} 

/* FOOTER */

.scrolling-wrap{width: 100%; height: 90px; overflow: hidden;}
.scrolling{width: 100%; height: 92px;}
.scrollToTop{display: none; position: fixed; bottom: 25px; right: 25px; background: #b81218; padding: 12px 15px; font-size: 18px; color: #fff; border-radius: 3px; z-index: 99999; box-shadow: 0 0 10px 0 rgba(0,0,0,.2)}
.scrollToTop:hover{background: #9E121E; color: #fff;}
.footer{background: #333; color: #ccc; line-height: 26px;}
.footer strong{display: block; font-size: 16px; color: #fff; margin-bottom: 10px;}
.footer a{display: block; font-weight: 700; text-decoration: none;}
.footer a:hover{color: #fff;}
.top-footer{padding: 0 0 50px;}
.bottom-footer{border-top: 1px #777 solid; padding: 10px 0; font-weight: 700; color: #777}
.social{width: 100%; text-align: center; padding: 35px 0;}
.social a{display: inline-block; font-size: 30px; padding: 5px 15px;}
.host{float: left;} .copyright{float: right;}
.clear{clear: both;}

/* RESPONSIVE */

.show{display: block;}

@media screen and (max-width: 1024px){
    .main{padding: 30px 0;}
    .header-container{position: relative; top: 0;}
    .header{border-bottom: none;}
    .push{height: 112px;}
    .stick .header{display: block;}
    .stick{position: relative;}
    .show-search{display: block;}
    .inventory-container .column3, .inventory-container .column9{float: none; width: 100%; padding: 0; margin: 15px 0;}
    .inventory-container .column3{display: none;}
    .link-text p{display: none;}
    .icon-bar ul li{width: 50%; border: 1px #999 solid;}
}
@media screen and (max-width: 768px){
    .cycle-pager{display: none;}
    .slide .slide-link{position: relative; background: #333; max-width: 100%; bottom: 0; border-bottom: 1px #ccc solid; padding: 15px 25px; clear: both;}
    .slide .link-text{float: left; width: calc(100% - 120px); padding-right: 15px; box-sizing: border-box;}
    .slide .slide-link .link-text h2{font-size: 16px; text-transform: uppercase; margin: 8px 0; color: #fff;}
    .slide .button-link a{float: left; width: 120px; margin: 0; padding: 10px;}
    .icon-bar{background: none; padding: 10px 0;}
    .icon-bar ul li a{background: #333;}
    .footer .column6{float: none; width: 100%; padding: 0; margin: 15px 0;}
    .flexbox{display: block;}
    .flex{flex: none; width: 100%;}
}
@media screen and (max-width: 580px){
    .hide-mobile{display: none;}
    input, select{-webkit-appearance: none;}
    .column9, .column8, .column6, .column4, .column3{width: 100%; padding: 0; margin: 10px 0;}
    .search .column6{width: 50%; padding: 0 10px 0 0; margin: 0;} .search .last{padding: 0;}
    .button{display: block; width: 100%;}
    .top-header{font-size: 12px;}
    .spacer{margin: 0 5px;}
    .error{font-size: 24px; margin: 0 0 25px;}
    .error a{background: #b81218; text-align: center}
    .error a:hover{background: #b81218;}
    #logo img{max-height: 70px;}
    #dealer-logos{padding: 15px 0 0;}
    #dealer-logos img{max-height: 50px;}
    .icon-bar ul li, .zoom-container{width: 100%;}
    .zoom-container img{margin: 0 auto;}
    .scrollToTop{display: none;}
    .advanced-search{width: 100%; left: 0;}
    .social{padding: 20px 0;}
    .footer .column4{float: none; width: 100%; padding: 0; margin: 15px 0;}
    .top-footer{padding: 20px 0; text-align: center;}
    .host, .copyright{float: none; width: 100%; text-align: center; margin: 5px 0;}
    .employee{width: calc(50% - 10px);}
}