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


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

.ar_pgtitle {text-align:left; font-size:1.3em; margin:0; margin-top:45px;} 
.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;}
.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;}

/*
.button {text-align:center; background:#c01621; padding:10px; border-radius:5px; margin-bottom:10px; display:block; box-shadow: 0px 3px 7px #161616;}
.button h1 {color:#fff; margin:0; font-family:impact; font-weight:100; letter-spacing:1px;}
.button:hover {background:#790b15;}
*/

.subhead {float:right; color:white;}
.tagline-row img { padding:0 1em; display:inline-block;}
.tagline {display:inline-block; font-style:italic;}

.footer-address {text-align:center;}

/*****************************************
                     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;}
.special-message-container:before, .special-message-container:after, .container:after{content: ""; display: block; height: 0; clear: both;}

.header-wrap{padding: 1em 0 .1em; background: rgba(3,3,87,1);
background: -moz-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,3,87,1)), color-stop(52%, rgba(0,0,128,1)), color-stop(100%, rgba(3,3,87,1)));
background: -webkit-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: -o-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: -ms-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: linear-gradient(to right, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030357', endColorstr='#030357', GradientType=1 );}
.header-wrap .container{text-align:center;}

.nav-wrap{background:#000080; border-top:8px solid #c01621; border-bottom:8px solid #c01621; padding:0; z-index:999; box-shadow: 0 5px 20px #000;}
.nav-wrap .container{}

.content-wrap{ padding:0;
background: -moz-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,3,87,1)), color-stop(52%, rgba(0,0,128,1)), color-stop(100%, rgba(3,3,87,1)));
background: -webkit-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: -o-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: -ms-linear-gradient(left, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
background: linear-gradient(to right, rgba(3,3,87,1) 0%, rgba(0,0,128,1) 52%, rgba(3,3,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030357', endColorstr='#030357', GradientType=1 );
}
.content-wrap .container{text-align:left; min-height:500px;}

.footer-wrap{padding:2em 0;}
.footer-wrap .container{}

.tagline {color:white; text-shadow:2px 2px 2px #222; margin:10px 0;}

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

#menu {list-style-type:none; margin:0; padding:0; position:relative; text-align:center; width:100%;}
#menu .hidden {list-style-type:none; margin:0; padding:0; position: absolute;}
#menu li {display:inline-block; position:relative;}

#menu li a {display:block; font-size:18px; text-align: left; text-decoration: none; padding:0 1em; color: #efff09; font-weight:800; text-shadow:2px 2px 2px #222;}
#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: #c01621;}
#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; background: #c01621; text-align: center; padding: 1em; display: none; border-bottom:1px solid #ccc; cursor:pointer;}
.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;}

.fp-buttons {margin-bottom:0 !important; display:inline-block; width:auto; float:none; padding:0;}


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

.header a {text-decoration:none;}

.swiper-wrap{position:relative; height:100%; overflow:hidden; -webkit-box-shadow: 0px 5px 16px -8px rgba(0,0,0,0.61); -moz-box-shadow: 0px 5px 16px -8px rgba(0,0,0,0.61); box-shadow: 0px 5px 16px -8px rgba(0,0,0,0.61);}
.swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.swiper-slide a{display:block;}
.swiper-slide img{width:100%; border: 1px solid #333;}
.swiper-button-next, .swiper-button-prev{ padding:1em; margin:-2em 0 0 0;}
.swiper-button-next:hover, .swiper-button-prev:hover{background-color:#053269;}
.swiper-pagination{right:0; left:0; bottom:.5em !important; text-align:center;}
.swiper-pagination .swiper-pagination-bullet {margin: 0 5px;}


.tagline-row {position:relative;}
.tagline {display:block; text-shadow: 2px 2px 2px #222, 2px 2px 9px #222;}
.header-veh-image {position:absolute; top:15px; right:4%;}
.address {z-index: 9999; position: relative;}
.address .ar3 h2, 
.address .ar3 p{text-shadow: 2px 2px 2px #222;} 
.address-resp {display:none;}
.address-resp .ar3 h2, 
.address-resp .ar3 p {color: white; margin: 0; padding: 0; line-height: 18px;}

.section-0 {background:#3e408a; padding:1em; color:#fff;    box-shadow: 0 3px 7px #161616;}
.section-0 h1 {margin:0 auto; font-size:2em; line-height:1em; color:#efff09; text-shadow:2px 2px 2px #222; text-align:left;}
.section-0 h2 {margin:.25em 0; color:#fff; text-shadow:2px 2px 2px #222;}
.section-0 p {color:#fff;}
.section-0 .button {display:inline-block; text-decoration:none; margin:25px auto; border-radius:4px; text-align:center; text-transform:uppercase; padding:15px 5em; background: #ddd; box-shadow: 0px 3px 7px #161616;}

.footer{}
.footer-links {text-align:center; padding: 1em 1em 0;}
.footer-links h5 {margin:0; padding:0; text-align:center;}

.footer p,
.footer h3,
.footer h2 {color:#fff;}

.f-01 .footer a {text-decoration:none; color:#fff !important;}
.f-01 .footer h2 {font-size:30px; margin:0; text-decoration:none; line-height:auto; text-align:left;}
.f-01 .footer h3, .footer p {margin:0; font-size: 18px;}
.f-01 .footer h3 {padding:0 0 10px 0; font-weight:normal; font-style:oblique; text-transform:uppercase; color: #ff0; font-size: 2em; font-weight: 600; margin: 0;}
.f-01 .footer ul.footer-nav {list-style:none; margin:0; padding:0; }
.f-01 .footer ul.footer-nav li {float:left; margin:0; padding:0; width:50%;}
.f-01 .footer ul.footer-nav li a {text-decoration:none; font-size:14px;}

.f-01 .footer .footer-phone {font-weight:bold; padding:0 5px;}
.f-01 .footer .footer-address {font-weight:bold; padding:0 5px;}

.f-01 .footer-links .ar,
.f-01 .footer-links .ar:link,
.f-01 .footer-links .ar:visited {font-size:.95em;}


/*****************************************
                 Search-By-Type Styles
*****************************************/

.search-by-type .ar4 {padding:0;}

.select-container {display:block; margin:8px; text-align:center; padding:0; border:1px solid #ddd;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
background: rgb(232,0,0);
background: -moz-linear-gradient(top,  rgba(232,0,0,1) 0%, rgba(182,0,1,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,0,0,1)), color-stop(100%,rgba(182,0,1,1)));
background: -webkit-linear-gradient(top,  rgba(232,0,0,1) 0%,rgba(182,0,1,1) 100%);
background: -o-linear-gradient(top,  rgba(232,0,0,1) 0%,rgba(182,0,1,1) 100%);
background: -ms-linear-gradient(top,  rgba(232,0,0,1) 0%,rgba(182,0,1,1) 100%);
background: linear-gradient(to bottom,  rgba(232,0,0,1) 0%,rgba(182,0,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80000', endColorstr='#b60001',GradientType=0 );
box-shadow: 0px 3px 7px #161616;
}
.select-container:hover{border:1px solid #242424;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
background: #ffff00;
}
.select-container span{display:block;}
.select-container span span{background: rgba(249,220,0,1); color:#1f1f1f;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:2px 0; font-style:oblique;}
.select-container:hover span span{background:#fff;}
.select-container > a{clear:both; text-decoration:none; color:#fff; display:block; padding:5px; min-height:76px; font-weight:bold; padding:20px 5px;}
.select-container > a:hover{color:#000; }
.select-container > img{margin-bottom:5px;}

@media (max-width:1160px) {
.search-by-type .ar4 {width:50%; margin: 0;}
.select-container {min-height:119px;}
.select-container span span {padding: 5px 0; margin-top: 10px;}
}

@media (max-width:1110px) {
.veh1, .veh2, .veh1over, .veh2over {width:32.63% !important; margin: 0;}
}

@media (max-width:379px) {
.veh1, .veh2, .veh1over, .veh2over {width:48.63% !important; margin: 0;}
.search-by-type .ar4 {width:100%;}
}


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

body {color:#fff;}

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

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

.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: #020266;}
.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: #b1141d; border: 1px solid #bbb;}
.forms-container .arform_button:hover {background:#c01621;}


/* 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;}





/*****************************************
                      Current Resp. Styles
*****************************************/


@media (max-width : 1130px){
.head-row .ar12, .head-row .ar4, .head-row .ar8 {width:100%;}
.head-row .ar12, .head-row .ar4, .head-row .ar8 {margin-bottom:15px;}
.head-row .ar12 h1 {text-align:center !important; display:block;}
.subhead {float:none; text-align:center; display:block;}
}

@media (max-width:1150px) {
.header-veh-image {right:0;}
}

@media (max-width:996px) {
.header-veh-image {display:none;}
}

@media (max-width : 969px){
.nav-wrap .show-menu {display:block;}
#menu {position: static !important; display: none;}
#menu li {margin-bottom: 1px;}
#menu li a {padding:5px; text-align:center;}
#menu li, #menu li a {width: 100% !important;}
#menu li .hidden{display: none !important;}
#menu li.has-dropdown ul.active {display:block !important; background: #f3f3f3; position: relative;}
#menu li:hover .hidden, .hidden:hover {border:none;}
.nav-wrap {border:none;}
}

@media (max-width:812px) {
.address {display: none;}
.address-resp {display:block;}
.address-resp .ar3 {width:25%; margin:15px auto 5px;}
.tagline-row img {margin:0 auto -25px !important;}
.header-wrap {padding:1em 0;}
}

@media (min-width: 768px) {
a[href*="tel:"] {pointer-events: none;}
}

@media (max-width:729px) {
.address-resp .ar3 {width:50%;}
}

@media (max-width:449px) {
.tagline {font-size:1.5em;}
.address-resp .ar3 {display:none;}
}

@media (max-width : 355px){
.tagline-row img {display:none;}
.address .ar3 {width:100% !important;}
.address:last-child {margin-bottom:35px;}
}

.address .ar3 h2, .address .ar3 p {color:white; margin:0; padding:0; line-height:18px;}
.address .ar3 h2 {margin-bottom:3px;}


.address a {text-decoration:none;}
.social-media {position:absolute; top:37px; left:66px; text-align:center;}
.goog-te-gadget img {display:inline; padding:0; margin:0 !important;}
.socialcontainer {float:none; padding-bottom:5px;}

@media (max-width:1090px) {
.social-media {left:0; top:0; position:relative;}
#google_translate_element {display:inline-block; padding-top: 5px; padding-left: 10px;}
}