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

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

.ar_pgtitle {text-align:left; font-size:30px; margin:0;} 
.ar_pgdesc {text-align:left; font-size:20px; padding: 0 0 25px; 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;}

.special-message-div {margin:0; background:#000;}
.special-message-div p{margin: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:1250px; margin:0 auto; position:relative;}
.container:after{content: ""; display: block; height: 0; clear: both;}

.header-wrap{}
.header-wrap .container{text-align:center;}

.nav-wrap {background:transparent; padding:0;}
.nav-wrap .container{background: #363e9c; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom: 1px solid #445fc5;}

.content-wrap{background:transparent; padding:0 0 1em;}
.content-wrap .container{text-align:left; background:#fff; padding:1em; min-height:450px;}

.footer-wrap{background: transparent;}
.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:13px; text-align: left; color: #fff; text-decoration: none; padding:1em; text-transform: uppercase; letter-spacing: -.25px; font-weight: 600;}
#menu li:first-child a {border-top-left-radius: 10px;}
#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; border-radius:0 !important;}
#menu li:hover .hidden, .hidden:hover {display: block; border: 1px solid #ccc;}
#menu li:hover ul a:hover {background: #363e9c; color: #fff;}

#menu li a:hover {background: #4460c6;}
#menu li > a.active-head {background: #4460c6;}
#menu li > a.active-head li a {background:#4460c6;}

.nav-wrap .show-menu {text-decoration: none; color: #fff; text-align: center; padding: 1em; display: none; border-bottom:1px solid #ccc; cursor:pointer; background: #363e9c; border-radius: 0; border-bottom: 1px solid #445fc5;}
.nav-wrap .show-menu span {float:left;}
.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:1em; color: #fff; content: ' \25bc';}



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

.header-wrap .container .ar6 img {margin:0;}

.swiper-wrapper img {width:100%;}
.manuone {margin:1em 17px;}
.address p {color:white; font-size:20px; font-weight:700; text-align:right; margin:0 0 10px;}
.address p span {display:block; font-size:30px;}
.address p span a {color:white; text-decoration:none;}

.hp-content {}
.hp-content h1,
h2.featured-title {text-transform:uppercase; font-weight:500; letter-spacing:-.5px; margin: 15px auto 10px;}
.hp-button {display: inline-block; padding: 16px 25px; border: 2px solid #373f9e; border-radius: 5px; color: #373f9e; text-decoration: none; font-size: 14px; vertical-align: middle; line-height: 1em; font-style: normal; text-transform: uppercase; font-weight: 600; margin-top: 1em;}

.hp-button:hover {background: #373f9e; color: #fff;}

.hp-padding {padding:2em;}

.hp-email-detail {display: block; text-align: center; color: #fff; padding: 25px; margin: 0 auto; font-size: 30px; font-style: italic; border-top: 1px solid #000; border-bottom: 1px solid #000; color: #fff; vertical-align: middle; line-height: 1em;
    background: #4460c6;
    background: -moz-linear-gradient(top,rgba(68,96,198,1) 0,rgba(54,61,155,1) 100%);
    background: -webkit-linear-gradient(top,rgba(68,96,198,1) 0,rgba(54,61,155,1) 100%);
    background: linear-gradient(to bottom,rgb(68,96,198) 0,rgb(54,61,155) 100%);
}
.hp-email-detail span {display:inline-block; vertical-align:middle;letter-spacing:-.5px;}
.hp-email-detail a.hp-email-detail-button {color:#fff; border: 2px solid #fff; margin:0 0 0 1em;}
.hp-email-detail a.hp-email-detail-button:hover {background:#373f9e; color:#fff;}

h2.featured-title {font-size: 25px; text-align: center;}

h2.no-span {display: table; white-space: nowrap;display:block; position: relative;  text-align:center; margin:10px auto;}
h2.no-span:before,
h2.no-span:after {height: 2px; overflow: hidden; width: 30%; 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(67, 93, 195), rgba(67, 93, 195, 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(67, 93, 195, 0.75), rgb(67, 93, 195));}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {background:#000;}
.swiper-pagination-bullet {background:#a7a7a7 !important;}
.swiper-pagination-bullet-active {background:#363e9c !important;}

.section-0 h1 {margin:1em 0 .5em 0; font-size:2.8em; line-height:1em;}
.section-0 h2 {margin:.6em 0;}
.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;}

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

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

.f-01 .footer a{text-decoration:none;}
.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;}
.f-01 .footer h3 {border-bottom-width:2px; border-bottom-style:solid; padding:0 0 .5em 0; margin: .5em 0; font-weight:normal; font-style:oblique; text-transform:uppercase;}
.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-size:22px}
.f-01 .footer .footer-address{font-size:14px;}

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

.f-02 .footer{text-align:center; padding:0 0 2em;}
.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{display:inline-block; text-decoration:none; font-size:1em; padding:1em; padding: 10px 1em; text-transform: uppercase;letter-spacing: -.25px;font-weight: 600; font-size: 13px;}
.f-02 .footer ul.footer-nav li a, .footer-links .ar {color:#fff;}
.f-02 .footer ul.footer-nav li a:hover, .footer-links .ar:hover {color:#ccc; background_color:#333;}

.f-02 .footer-links h5{text-align:center;}

.f-03 .company-name{float:left;}
.f-03 .sitemap{float:right;}



.ar_form_sub {width: 80%; display: inline-block; vertical-align: top; margin: 1%;}

.ar_prod_title1 {font-size: 2em; font-weight: 800; display: inline-block; font-size: 15px; background: #131314; color: #fff; padding: 3px 18px; margin-bottom: 10px; border-radius: 25px;}
.ar_prod_data {vertical-align: top; color: #000; width: 60%!important; height: 100%; background-color: rgb(241, 241, 241); padding: 3em; border: 1px solid #ccc; border-radius: 5px;}
.ar_prod_desc {text-align: left; font-size: 18px; line-height: 24px;}
a.ar_prod_link, a.ar_email_link, .ar_prod_title2 {font-size: 1.25em; color: #363e9c;}





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

body {color:#1a1a1a;}

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

a {color:#1a1a1a;}
a:hover {color:#444;}

.ar_pgtitle,
.ar_pgdesc {color:#1a1a1a;}



/* 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: #363e9c; padding: 15px;}
.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: #363e9c; border: 1px solid #363e9c; border-radius:20px;}
.forms-container .arform_button:hover {background:transparent; color:#363e9c;}



/* 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:1270px) {
.nav-wrap .container,#menu li:first-child a {border-radius:0;}
}

@media (max-width : 1055px){
.nav-wrap .show-menu {display:block;}
#menu {position: static !important; display: none;}
#menu li {margin-bottom: 1px;}
#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;}
}

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

@media (max-width : 900px){
.header-wrap .ar6 {width:100%; text-align:center;}
.header-wrap .container .ar6 img {margin:0 auto 10px;}
.address *,
.address p,
.socialcontainer {text-align:center; float:none;}
.hp-email-detail span {display:block; padding:0 10px 10px;}
}

@media (max-width: 640px) {
.ar_prod_data {width: 100%!important;}
}

@media (max-width : 480px){
.content-wrap {padding:0 0 1em;}
.ar_prod_data {padding: 2em;}
.ar_prod_desc {font-size: 16px; line-height: 20px;}
}