/*****************************************
                     Global Styles
*****************************************/

html, .footer-wrap {background:#1a1a1a;}
body{ font-family:"Lato", helvetica, arial, sans-serif; background:transparent; color:#000;}

.ar_pgtitle {text-align:left; font-size:1.3em; margin:0;} 
.ar_pgdesc {text-align:left; font-size:1.1em; padding: 0 0 10px; font-weight:normal; margin:0;} 

.footer-links .ar {display:inline-block; color:#ccc; font-weight:normal; font-size:1em; text-decoration:none; margin:0; padding:.5em;}
.footer-links .ar:hover {color:#fff; background-color:#000;}

.ar-bold {font-weight:bold;}
.ar-italic {font-style:italic}
.ar-underline {text-decoration:underline;}
.ar-uppercase {text-transform:uppercase;}

.ar-border-solid {border: 0; height: 1px; background: #1a1a1a; background-image: linear-gradient(to right, #ccc, #1a1a1a, #ccc); margin:1em 0;}
.ar-border-solid-fade {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); margin:1em 0;}
.ar-border-double {border: 0; border-top: 3px double #1a1a1a; margin:1em 0;}
.ar-border-dashed {border: 0; border-top: 1px dashed #1a1a1a; margin:1em 0;}
.ar-border-dot {border: 0; border-top: 1px dotted #1a1a1a; margin:1em 0;}



/*****************************************
                     Container Styles++
*****************************************/

.header-wrap, .nav-wrap, .content-wrap, .footer-wrap{width:100%; display:block; clear:both; position:relative; padding:1em 0; }
.container {max-width:1150px; margin:0 auto; position:relative;}
.container:after{content: ""; display: block; height: 0; clear: both;}

.header-wrap{background:#ccc; z-index:2000}
.header-wrap .container{text-align:center;}

.nav-wrap{padding:0;background:#900d12; z-index:1000; box-shadow: 0 0 12px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b41017+0,73090d+100 */
background: #b41017; /* Old browsers */
background: -moz-linear-gradient(top, #b41017 0%, #73090d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b41017 0%,#73090d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b41017 0%,#73090d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41017', endColorstr='#73090d',GradientType=0 ); /* IE6-9 */
}
.nav-wrap .container{text-align:center;}

.content-wrap{background:transparent; padding:0 20px 20px;}
.content-wrap .container{text-align:left;background: #292929; box-shadow: 2px 2px 80px #000; padding:40px 32px;}

.footer-wrap{background:transparent; padding:1em 0 3em;}
.footer-wrap .container{}



/*****************************************
                  Resp. Navigation Styles
*****************************************/

#menu {list-style-type:none; margin:0; padding:0; position:relative;}
#menu .hidden {list-style-type:none; margin:0; padding:0; position: absolute;}
#menu li {display:inline-block; float: left; position:relative;}

#menu li a {display:block; font-size:15px; text-align: left; color: #fff; text-decoration: none; padding:1em; font-family: "montserrat"; font-weight: 700; text-transform: uppercase;}
#menu li ul {display: none; top: 100%; z-index: 99999;}
#menu li ul li {display: block; float: none; border-bottom: 1px solid #ccc;}
#menu li ul li a {width: auto; min-width: 220px; padding:1em; background: #f1f1f1; color: #333;}
#menu li:hover .hidden, .hidden:hover {display: block; border: 1px solid #ccc;}
#menu li:hover ul a:hover {background: #f00; color: #fff;}

#menu li a:hover {background: #f00;}
#menu li > a.active-head {background: #f00;}
#menu li > a.active-head li a {background:#f3f3f3;}

.nav-wrap .show-menu {text-decoration: none; color: #fff; text-align: center; padding: 1em; display: none; border-bottom:1px solid #ccc; cursor:pointer;
background: #b41017;
    background: -moz-linear-gradient(top,#b41017 0,#73090d 100%);
    background: -webkit-linear-gradient(top,#b41017 0,#73090d 100%);
    background: linear-gradient(to bottom,#b41017 0,#73090d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41017',endColorstr='#73090d',GradientType=0);
}
.nav-wrap .show-menu span {float:left; color:#fff;}
.nav-wrap input[type=checkbox]{display: none; top: 100%; z-index: 99999;}
.nav-wrap input[type=checkbox]:checked ~ #menu{display: block;}

#menu li.has-dropdown > a:after {font-size:.5em; display: inline-block; height: 100%; vertical-align: middle; margin-left:2em; color: #fff; content: ' \25bc'; float:right; line-height:3em;}



/*****************************************
               Template Specific Styles
*****************************************/

.header img {margin:0; max-width:250px;}

h2.no-span {display: table; white-space: nowrap;display:block; position: relative; color:#fff; font-weight:600; text-align:center; font-size:27px; margin:10px auto;}
h2.no-span:before,
h2.no-span:after {height: 2px; overflow: hidden; width: 35%; margin: 0; content: ''; display: table-cell; position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
h2.no-span:before {right: 1.5%; background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(158, 158, 158, 0.79), rgba(0, 0, 0, 0));}
h2.no-span:after {left: 1.5%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(158, 158, 158, 0.75), rgb(255, 255, 255));}

.row.hero-container {border-top: 6px solid #194576;}

#return-to-top {z-index: 99998; position: fixed; bottom: 16px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top i {z-index: 99999;color: #fff; margin: 0; position: relative; left: 16px; top: 14px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top:hover {background: #194576;}
#return-to-top:hover i {color: #fff; top: 5px;}

.fp-options a {display:inline-block;margin:1%;}
.select-sedan, .select-coupe, .select-wagon, .select-suv, .select-truck, .select-van, .select-10, .select-10-20, .select-20 {width:129px; height:63px; display:block;}

.fp-specials {font-weight: 400; font-size: 1.5em; text-align: center; margin: 0; color:#0f253f; padding-top: 1em;
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#00ffffff',GradientType=0 );
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.forms-container {}
form h3 {color:#fff !important; background:#102359;}
.locations-container {}
.locations-infohours .store-hours-container  {}
.invtablein {color:#fff !important;}

.specials-listing {margin-bottom:20px;}
.specials-listing a {text-decoration:none;}
.specials-listing img {width:100%;}
.specials-info {background:#efefef; color:#000; padding:1em;}
.specials-info h3 {font-size:24px; color:#194576; margin:0;}
.specials-info p {font-size:20px; margin:0;}
.specials-info ul {font-size:13px; padding:0; list-style:none; }
.specials-info ul li {}

.specials-stock {padding-top:5px;}
.specials-stock, .specials-vin {font-style:italic; font-size:11px;}

h5.company-name,
h5.sitemap {margin:0 auto;}
.fp-counter {padding:0 0 1em;}

.inc-makes-container *, .btn-tradein *, .btn-credit * {margin:0 auto;}

.inc-makes-container,
.btn-tradein,
.btn-credit {min-height: 235px; display: block; background:#333; padding:16px; border:1px solid #000; border-radius:5px; text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b41017+0,73090d+100 */
background: #b41017; /* Old browsers */
background: -moz-linear-gradient(top, #b41017 0%, #73090d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b41017 0%,#73090d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b41017 0%,#73090d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41017', endColorstr='#73090d',GradientType=0 ); /* IE6-9 */
}

.btn-tradein, .btn-credit {text-transform: uppercase;}

.inc-makes-container {}
.inc-makes-container h1 {margin: 0 auto 8px; padding: 0 0 7px; font-size: 16px; border-bottom: 1px solid #ccc; text-transform:uppercase; text-shadow: 0px 1px 5px #000;}
.inc-makes-container .manuone {width:50%;}
.inc-makes-container .manuname {font-size:14px;}

.btn-tradein {}
.btn-tradein h2 {font-size:40px; text-align: center; line-height: 1em; font-weight:500; text-shadow: 0px 3px 8px #000;}
.btn-tradein h1 {font-size:85px; color:#ff0; text-align: center; line-height: 1em; font-weight:900; text-shadow: 0px 3px 8px #000; padding-bottom: 15px;}
.btn-tradein span.btn-tradein-link {display: block; padding: 8px 10px; border-radius: 5px; font-size: 16px; border: 1px solid #000000; color: #000; text-align: center; box-shadow: 0 2px 7px #310002; background: #ffffff;}
.btn-tradein span.btn-tradein-link span {display:block; font-weight:900; font-size:20px;}

.btn-tradein:hover span.btn-tradein-link {background:#ccc; color:#000;}

.btn-credit {text-align:center;}
.btn-credit h2 {font-size: 16px; text-align: center; text-shadow: 0px 2px 3px #000, 0px 2px 6px #000; font-weight: 500;}
.btn-credit h1 {font-size: 80px; color: #ff0; text-shadow: 0px 1px 1px #000, 0px 3px 8px #000; font-weight: 900; line-height: 1em; text-align: center;}
.btn-credit p {text-align: center; padding-bottom: 19px; font-size: 19px;}
.btn-credit  span.btn-credit-link {display: block; color: #000; display: block; padding: 8px 10px; border-radius: 5px; font-size: 16px; font-weight: 800; border: 1px solid #000000; text-align: center; box-shadow: 0 2px 7px #310002; background: #ffff00;}



.footer-links {text-align:center;}
.footer-links .ar {display:inline-block; color:#ccc; font-weight:normal; font-size:1em; text-decoration:none; margin:0; padding:.5em;}
.footer-links .ar:hover {color:#fff; background-color:#000;}
.footer-links h5 {margin:0; padding:0; text-align:center;}

.f-02 .footer{text-align:center;}
.f-02 .footer ul.footer-nav{list-style:none; margin:0; padding:0; }
.f-02 .footer ul.footer-nav li{margin:0; padding:0; list-style:none; width:auto; float:none; display:inline-block;}
.f-02 .footer ul.footer-nav li a {color:#f1f1f1; display:inline-block; text-decoration:none; font-size:1em; padding:0 1em 10px; font-family: "montserrat";}
.f-02 .footer ul.footer-nav li a:hover {color:#cc0000;}

.header-wrap .container {text-align:left;}
.header-cars {position:absolute; right:0; top:0; width: 515px;}
.header a , .header-info {display:inline-block; vertical-align:bottom;}
.header-info {margin-left:20px;}
.header-info p {margin:0; text-align:left; color:#000;}
.header-info p span {display:block; font-weight:800; font-size: 30px;}

@media (max-width:960px){
.inc-makes-container .manuone {width: 25%;}
.inc-makes-wrap,
.btn-tradein-wrap,
.btn-credit-wrap {width:50%;}
.btn-credit h1,
.btn-tradein h1 {font-size:74px}
.content-wrap {padding:0;}
}

@media (max-width:840px){
h2.no-span:before,
h2.no-span:after {display:none;}
}

@media (max-width:820px) {
.footer-wrap {padding: 0 0 1em;}
.footer-links {padding:1em;}
.foot-logo {position:relative; top:0; left:0; bottom:0; right:0; transform:none;}
.footer-wrap .foot-logo img {margin-top:-40px; margin-bottom: -5px;}
.footer-links .sitemap,
.footer-links .company-name {float:none; text-align: center;}
}

@media (max-width:680px){
.inc-makes-container .manuone {width: 50%;}
.inc-makes-wrap,
.btn-tradein-wrap,
.btn-credit-wrap {width:100%;}
}



/* General page COLORS
*****************************************/

body {color:#fff;}

h1, h2, h3, h4, h5, h6, p {color:#fff; }

a {color:#fff;}
a:hover {color:#ccc;}

.ar_pgtitle,
.ar_pgdesc {color:#fff;}



/* Form COLORS 
*****************************************/

.forms-container {background: #fff; border: 1px solid #bbb;}

.forms-container .forms-heading {color:#1a1a1a;}
.forms-container .ar_form_sub h3 {color:#fff; background: #6b6b6b;}
.forms-container label {color:#1a1a1a;}

.forms-container input,
.forms-container select,
.forms-container textarea {color:#1a1a1a;}

.forms-container .arform_text_disclaimer {color:#1a1a1a;}
.forms-container .arform_thanks * {color:#1a1a1a;}

.forms-container .arform_button {color:#fff; background: #194576; border: 1px solid #bbb;}
.forms-container .arform_button:hover {background:#477ebb;}


/* Contact panel COLORS 
*****************************************/

.store-contact-container {background:#fff; border: 1px solid #bbb;}
.store-contact-container * {color:#1a1a1a;}
.store-contact-name h3 {}
.store-contact-phone a {color:#18181;}
.store-contact-fax a {}
.store-contact-email a {}
.store-contact-address {}
.store-contact-map a {}

.store-contact-phone a:hover, 
.store-contact-fax a:hover,
.store-contact-email a:hover,
.store-contact-map a:hover {color: #444;}

.store-hours-container {background:#fff; border: 1px solid #bbb;}
.store-hours-container * {color:#1a1a1a;}
.store-hours-row h3 {}
.store-hours-col-left {}
.store-hours-col-right {}



/* Location panel COLORS 
*****************************************/

.locations-container .store-hours-container {background:#fff;}
.locations-info h2,
.locations-left h3,
.locations-info p,
.locations-container .store-hours-container * {color:#1a1a1a;}



/*****************************************
                      All Resp. Styles
*****************************************/

@media (max-width:1198px){
.header-cars {width:416px;}
}

@media (max-width:1125px) {
.specials-listing {width:33.333%;}
}

@media (max-width:1120px) {
.fp-options a{font-size:20px}
}
@media (max-width:1010px) {
.header-cars {display:none;}
.header {text-align:center;}
.header a, .header-info {text-align:center; margin:0 10px;}
.header-info p {text-align:center;}
}
@media (max-width:980px) {
.nav-wrap {padding:0;}
.nav-wrap .ar7 {padding:10px 0 15px; width:100%;}
.header-info-nav {text-align:center;}
}

@media (max-width:930px) {
#menu li a {font-size:13px}
.fp-options {width: 100%; text-align: center; padding: 1em 0; float:none;}
.ar-slider-wrap {width: 100%; max-width:613px; margin:0 auto; float:none;}
.fp-options a {margin:0 auto;}
.fp-options .select-price {display:block; width:100%; padding-top:10px;}
.select-sedan, .select-coupe, .select-wagon, .select-suv, .select-truck, .select-van, .select-10, .select-10-20, .select-20 {width:129px; height:63px; display:block;}
}

@media (max-width:920px) {
.section-0 h1 {font-size:28px;}
.fp-specials {background:none;}
}

@media (max-width: 890px) {

.nav-wrap,
.nav-wrap .container {padding: 0; background:#025e94}

.nav-wrap .show-menu {display:block;}
#menu {position: static !important; display: none; background:#121212; }
#menu li {margin-bottom: 1px; border:none;}
#menu li a {padding:10px !important; font-size:14px; text-align:center; border-radius:0 !important;}
#menu li a:hover {background:#fff; color:#000;}
#menu li, #menu li a {width: 100% !important;}
#menu li .hidden{display: none !important;}
#menu li.has-dropdown ul.active {display:block !important; background: #1f1f1f; position: relative;}
#menu li:hover .hidden, .hidden:hover {border:none;}

}

@media (max-width:829px) {
.specials-listing {width:50%;}
}

@media (max-width:724px) {
.header-wrap {padding: 10px;}
.header-bg {display:none;}
.header-content {position:relative; top:0; right:0; bottom:0; left:0; text-align: left;}
.header-content .logo {max-width:270px; margin:0 auto;}

}

@media (max-width:670px) {
.header-wrap,
.header-content .logo,
.header-content {display:block; text-align:center;}
.socialcontainer {position:relative; top:0; right:0; bottom:0; left:0; float:none;}
}

@media (max-width:480px) {
.specials-listing {width:100%;}
}

@media (max-width:440px) {
.hero-container {display:none;}
.fp-options a{font-size:24px}
.fp-options a i.fa {display:block; text-align:center; padding:0 0 10px;}
}