:root {
  --color-accent: #000;
  --color-secondary: #C0C0C0;
  --color-text: #1C1C1E;
  --color-white: white;
  --color-black: black;
  --bg-header: #F0F0F0;
  --bg-primary: #1C1C1E;
  --bg-secondary: #F0F0F0;
}var(--color-accent)

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

html, .footer-wrap {background:#184475;}
body {}
body{ font-family:"Open Sans", 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;}

.special-message-div {margin:0 auto; width:100%; text-align:center; background:#194576; padding:0; border-bottom:2px solid #f5ca1d; box-shadow:inset 0px -7px 20px 2px #0b2f57;}
.special-message-div h1, .special-message-div p, .special-message-div a {text-align: center; font-weight: 900; margin: 0em; padding:.15em 0 .25em 0; color:white; font-style:italic;}
.special-message-div img {margin:0; padding: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{z-index: 9999;
background: rgb(239,239,239);
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 50%, rgba(239,239,239,1) 100%);
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 50%,rgba(239,239,239,1) 100%);
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 50%,rgba(239,239,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 );
}
.header-wrap .container{text-align:center;}

.nav-wrap{background:#184475; padding:0; z-index:999; box-shadow:0 12px 25px -6px #051222; border-top: 1px solid #000000; border-bottom: 2px solid #f5ca1d;}
.nav-wrap .container{}

.content-wrap{padding:0; background:transparent;}
.content-wrap .container{background:#fff; min-height:450px; text-align:left; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:0 0 100px 15px #051222; padding:2em 2em 0;}

.footer-wrap{background:#184475; z-index:999; border-top:3px solid #f5ca1d;;}
.footer-wrap .container{}



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

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

#menu li a {display:block; font-size:14px; text-align: left; color: #fff; text-decoration: none; padding:1em; text-transform:uppercase; font-weight:700;}
#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: #0a2442; color: #fff;}

#menu li a:hover {background: #081f3a;}
#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: #184475; 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;border-bottom: 1px solid #ccc;}

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



/*****************************************
                     Staff Page Styles
*****************************************/

.ar_prodtable {width: 20.5% !important; margin:1em 2% !important; display:inline-block;}
.ar_prod_image_div {display: block; margin: 0 auto; width:100% !important;}
.ar_prod_image {border-radius:150px; border:2px solid #f5ca1d;}
.ar_prod_data {display: block; text-align: center;}
.ar_prod_data, .ar_prod_data * {width:100% !important; text-align:center;}
.ar_prod_title1, .ar_prod_desc {margin:3px auto;}

@media (max-width:985px) {
.ar_prod_title1 {font-size:1.1em;}
}

@media (max-width:725px) {
.ar_prodtable {width: 45% !important;}
.ar_prod_title1 {font-size:1.5em;}
}

@media (max-width:525px) {
.ar_prod_title1 {font-size:1.1em;}
}

@media (max-width:461px) {
.ar_prodtable {width: 100% !important; margin:1em auto !important;}
.ar_prod_title1 {font-size:1.5em;}
}


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

.header-wrap .ar4 p {font-size: 2em; font-weight: 900; color: #0f253f; line-height: 1.1em; display: inline-block; margin: 43px auto 0;}
.header-wrap .ar4  p span {font-style:italic;}

.content-wrap .container .fp-options-container {padding:2em !important;}
.fp-options-container .ar4 .box {margin: -100px auto 0;}

.hero img {width:100%;}
.hero {margin:0; padding:0 !important;}
.herow {padding:0em !important; border-bottom:3px solid #f5ca1d;}

.desk-info {}
.resp-info {display:none;}

.store-contact-container, .store-hours-container {}
.forms-container {}
form h3 {color:#fff !important; background:#184475;}
.arform_button {border:1px solid #184475; background:#184475 !important;}
.locations-container {}
.locations-infohours .store-hours-container  {}
.invtablein {color:#fff !important;}

.box h2 {color:#184475; margin:0 auto; padding-top:.5em; font-weight:900; text-transform:uppercase;}
.box p {margin-top:0; color:#184475;}
.box {border:1px solid #999999; text-align:center;}
.box img {margin:0 auto; width:25%;}

.box {border: 1px solid #dfdfdf; text-align: center; padding: 2em; box-shadow: 0 12px 25px -6px rgba(5, 18, 34, 0.21); border-radius: 10px; border: 1px solid #9ea1a3;
background: #ffffff;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.box p {margin: 0 0 5px; color: #0f253f; font-weight: 400; font-size: 1.2em;}
.box h2 {margin: 0 auto; font-size: 2.5em; color: #0f253f; text-transform: uppercase; font-weight: 900; line-height: .8em; padding: 0;}
.box .button {border: 2px solid #2f4a67; color: #ffffff; background: #184475; text-transform: uppercase; font-size: 14px; margin: 1em auto 0;}

.text-section {border-top:1px solid #ccc; background:#ededed; padding:2em;}

a.button {display:block; padding:.6em; text-decoration:none; margin:25px auto; border-radius:4px; color:#184475;}

.section-1 h1 {font-size:2.5em; color:#333; padding-bottom:10px; margin-bottom:4px; border-bottom:4px solid #f5ca1d; color:#0f253f; text-transform:uppercase; font-weight:900; line-height:.8em;}
.section-1 h1 span {font-weight:400; font-size:.7em;}
.section-1 p {line-height:1.6em; color:#333;}

.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:1em;}
.f-02 .footer ul.footer-nav li a:hover {color:#f5ca1d;}



/* 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: #929292;}
.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: #1a1a1a; border: 1px solid #bbb;}
.forms-container .arform_button:hover {background:#444;}


/* 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: 1044px) {
#menu li a {font-size:12px;}
}

@media (max-width:1114px) {
.box {font-size:80%}
}

@media (max-width : 890px){
.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: 812px) {
.desk-info {display:none;}
.resp-info {display:block;}
.header-wrap .ar4 p {font-size:1.2em; margin:0 auto;}
.fp-options-container .ar4 {float:none; display:inline-block;}
.fp-options-container .ar4 .box {margin:0 auto;}
}

@media (max-width:400px){
.content-wrap .container .fp-options-container,
.text-section, 
.box {padding:1em !important;}
.text-section {padding-bottom:3em !important;}
.content-wrap .container {padding:2em 0 0;}
}