/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'open_sansregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/

@font-face {
    font-family:'open_sansregular';
    src: url('../webfonts/OpenSans-Regular-webfont.eot');
    src: url('../webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'open_sansbold';
    src: url('../webfonts/OpenSans-Bold-webfont.eot');
    src: url('../webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

header, nav, article, footer, img {display:block;}
body {background:#192d54; font-size:16px; font-weight:normal; color:#000; font-family:'open_sansregular'; -webkit-text-size-adjust:none;}

.wrap {width:95%; margin:0 auto; max-width:1230px;}
.sm-wrap {width:95%; margin:0 auto; max-width:830px;}
.clear-it:after {content:""; display:block; clear:both;}
.show-tablet, .show-768 {display:none;}

.col3 {width:31.33333%; float:left; margin-right:2%;}
.col7 {width:12.285%; float:left; margin-right:2%;}
.col8 {width:10.5%; float:left; margin-right:2%;}

.three-quarter-photo {width:75%;}
.three-quarter-photo img {width:100%; height:auto; max-width:768px;}

/** typography styles **/
p {margin-bottom:16px;}
.no-margin {margin:0!important;}

.blue {color:#203b6e;}
.red {color:#ac2f34;}
.black {color:#000;}
.white {color:#fff;}

a {color:#203b6e; text-decoration:none;}
a:hover {color:#ac2f34;}

strong {font-family:'open_sansbold'; font-weight:normal;}
.center-text {text-align:center;}
.lg-text {font-size:18px;}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family:'open_sansbold'; font-weight:normal;}
h1 {font-size:28px; margin-bottom:14px; color:#ac2f34;}
h2 {font-size:26px; margin-bottom:5px;}
h3 {font-size:24px; margin-bottom:12px; line-height: 1.2;}
h4 {font-size:20px; margin:0;}
h5 {font-size:18px; margin-bottom:7px;}
h6 {font-size:16px; margin-bottom:2px;}

ul.list {list-style:disc; margin:0 0 16px 16px;}
ul.list li {list-style:disc; margin-left:16px;}

ul.foot-nav {list-style:none; margin:0;}
ul.foot-nav li {list-style:none; margin:0; line-height:20px; font-size:14px;}
ul.foot-nav a {text-decoration:none; color:#fff;}
ul.foot-nav a:hover {color:#ac2f34;}

.nowrap {white-space:nowrap;}


/** header styles **/
header {width:100%; background:url('../siteart/layout/pattern.jpg') repeat; padding-top:10px;}
header.sticky {position:fixed; top:0; left:0; z-index:999;}

.logo {width:26%; float:left; margin:0 10% -30px 0; z-index:9; position:relative;}
.logo img {width:100%; height:auto; max-width:315px;}
.sticky .logo {width:18%; margin-right:18%;}

.rt-header {width:64%; float:left; text-align:right; margin-top:15px;}



/** nav styles **/
nav {background:#203b6e; width:100%; z-index:3;}
nav ul {width:100%; margin:0 auto; text-align:right;}
nav li {display:inline-block; zoom:1; position:relative;}
nav a:link, nav a:active, nav a:visited {display:block; text-decoration:none; color:#fff; line-height:40px; padding:0 11px; font-family:'open_sansbold'; font-size:13px;}
.sticky nav a:link, .sticky nav a:active, .sticky nav a:visited {line-height:32px;}
nav a:hover {background:#ac2f34;}

nav ul ul {display:none; position:absolute; z-index:99999; top:40px; left:0; width:175px; background:#192d54; text-align:left;}
nav ul li.last ul {left:-50%;}
.sticky nav ul ul {top:32px;}
nav ul ul ul {position:absolute; left:100%; top:0; text-align:left;}
nav ul li:hover > ul {display:block; z-index:99999;}
nav ul ul li {float:none; position:relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:13px; line-height:13px; padding:7px 0px 7px 10px; border-bottom:1px solid #2A467B; color:#fff;}
.sticky nav ul ul li a:link, .sticky nav ul ul li a:active, .sticky nav ul ul li a:visited {line-height:13px;}
nav ul ul li a:hover {background:#ac2f34; color:#fff;}


/** content styles **/
.cycle-slideshow {width:100%; display:block; overflow:hidden;}
.cycle-slideshow .slide {width:100%; height:auto; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cycle-slideshow .caption {width:100%; display:block; position:relative; margin-top:25%; bottom:0; background:rgba(0,0,0,0.5); padding:20px 0;}
.cycle-slideshow .caption h2 {font-size:48px; color:#fff; line-height:52px;}
.cycle-slideshow .caption h3 {color:#fff; font-family:'open_sansregular';}


article {background:#fff; width:100%; padding:35px 0;}

.search-box {width:100%; display:block; background:#eee; padding:30px 0;}

.quicklinks-wrapper {width: 100%; display: flex; justify-content: center;}
.quicklinks-wrapper a {width: 33.33%; background: #203b6e; padding: 1em .25em; text-align: center; display: flex; align-items: center; justify-content: center;}
.quicklinks-wrapper a:nth-child(2) {background: #192d54;}
.quicklinks-wrapper a:nth-child(2):hover {background: #152648; transition: .3s ease-in-out all;}
.quicklinks-wrapper a:hover {background: #1b3361; transition: .3s ease-in-out all;}
.quicklinks-wrapper a button {border: none; text-align: center; text-transform: uppercase; cursor: pointer; color: #fff; font-size: 36px; font-weight: 800; line-height: 1.2;}
.quicklinks-wrapper a button span {color: #bbb; font-size: 20px; display: block;}

.brands-wrapper {width: 100%; box-sizing: border-box; text-align: center; background: #203b6e; color: #fff; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; padding: 2.25em 7%;}
.brands-wrapper h4 {display: block; margin-bottom: 1.5em;}

.categories-wrapper {width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; color: #000; background: #fff; padding: 2em 7%;}
.categories-wrapper .title {width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.categories-wrapper .title p {padding-left: 2em; margin: 1em 0;}
.categories-wrapper a {width: calc(16.5% - 1em); margin: .5em; display: inline-flex; flex-wrap: wrap; justify-content: center; background: #f4f4f4;}
.categories-wrapper a img {width: 100%; height: auto; max-width: none;}
.categories-wrapper button {width: 100%; border: 1px solid #d7d7d7; background: #fff; cursor: pointer; padding: .75em; font-weight: 600; font-size: 16px;}
.categories-wrapper a:hover {background: #eee; transition: .3s ease-in-out all;}

.main-content {width:70%; float:left; margin-right:5%;}
.main-content a i {font-size: 30px; margin-right: .5em;}
.form-sidebar {width:25%; float:left;}

.lt-content {width:40%; float:left; margin-right:5%;}
.day-col {width:40%; float:left;}
.hours-col {width:60%; float:left;}
.lg-map {width:55%; float:left;}
.lg-map iframe {width:100%; height:400px; display:block;}

.emp-box {width:100%; display:block;}
.emp-box div {width:31.33333%; float:left; margin:0 2% 20px 0;}
.emp-box div:nth-of-type(4) {clear:left;}
.emp-box div img {width:100%; width:calc(100% - 2px); height:auto; max-width:250px; border:1px #999 solid; margin-bottom:5px;}

/** footer styles **/
.scroll-frame {width:100%; overflow:hidden; background:#000;}
.scroll-frame h4 {padding:7px 0;}
.scroll-frame iframe {width:100%; height:90px; display:block;}

.top-foot {background:#203b6e; display:block; padding:25px 0;}

footer {width:100%; padding:20px 0; text-align:center;}
.copyright {color:#fff; font-size:12px; margin:0;}
.copyright a {text-decoration:underline; color:#fff;}


/** form styles **/
#formpage {width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
#formpage .col8, .col4 {display: flex; align-items: baseline;}
#formpage .col8 {width: calc(70% - 1em); margin: .5em;}
#formpage .col4 {width: calc(30% - 1em); margin: .5em;}
#formpage label {display:block; margin-bottom:3px; font-weight: 600;}

#formpage input {width:100%; width:calc(100% - 12px); padding:6px 5px; border:1px solid #d7d7d7; color:#8e8d8d; font-size:12px; background:#fff;}
#formpage textarea {width:100%; width:calc(100% - 12px); padding:6px 5px; border:1px solid #d7d7d7; color:#8e8d8d; font-size:12px; height:120px; background:#fff; margin-bottom:10px;}
#formpage select {width:100%; width:calc(100% - 2px); border:1px solid #d7d7d7; color:#8e8d8d; vertical-align:middle; font-size:12px; line-height:normal; padding:5px; background:#fff; margin-bottom:10px;}
#formpage input.checkbox {padding:0; border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {background:#f4f4f4; color:#000; border:1px solid #16598d; outline-style:none;}
#formpage input.radio:focus,
#formpage input.checkbox:focus {background:none;  border:0; outline-style:none;}

#formpage input.button,
#formpage input.button:focus {width:100%; margin:0; padding:7px 0; background:#ac2f34; border:0; font-size:16px; line-height:16px; font-weight:bold; color:#fff; -webkit-appearance:none; cursor: pointer;}
#formpage input.button:hover {background:#203b6e; color:#fff;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align:center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.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 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/** responsive styles **/
@media screen and (max-width:1600px) {	
	.categories-wrapper a {width: calc(25% - 1em);}
}
@media screen and (max-width:1200px) {
	nav a:link, nav a:active, nav a:visited {padding:0 6px; font-size:12px;}
	nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:11px;}
	.quicklinks-wrapper a button {font-size: 30px;}
	.quicklinks-wrapper a button span {font-size: 18px;}
}
@media screen and (max-width:1024px) {
	.hide-tablet {display:none!important;}
	.show-tablet {display:block;}
	.col7, .col8 {width:23%; margin-bottom:15px;}
	.col7:nth-of-type(5), .col8:nth-of-type(5) {clear:left;}
	
	h4 {font-size:18px;}
	
	.quicklinks-wrapper a button span {font-size: 14px;}
	
	.quicklinks-wrapper a button {font-size: 24px;}
	
	.categories-wrapper a {width: calc(33.33% - 1em);}
	
	.logo, .sticky .logo {width:26%; margin:0 10% 10px 0;}
	.rt-header {margin-top:18px;}
	.sticky #simple-menu {line-height:32px; height:32px;}
	#simple-menu {float:left; height:40px; width:80px; display:block; cursor:pointer; font-size:14px; color:#fff; line-height:40px; font-family:'open_sansbold';}
	#simple-menu i {font-size:24px; display:inline; margin-right:8px; vertical-align:middle;}
	
	.cycle-slideshow .caption {margin-top:22%;}
	.cycle-slideshow .caption h2 {font-size:36px; line-height:40px;}
	.cycle-slideshow .caption h3 {font-size:20px;}
	
	article, .search-box {padding:25px 0;}
}
@media screen and (max-width:768px) {
	.show-768 {display:block;}
	.hide-768 {display:none!important;}
	.col3 {width:48%;}
	.three-quarter-photo {width:100%;}
	
	h1 {font-size:24px;}
	.lg-text {font-size:16px;}
	
	.categories-wrapper a {width: calc(50% - 1em);}
	.categories-wrapper a button {font-size: 14px;}
	
	.logo {width:35%; margin:0 10% 10px 0;}
	.sticky .logo {width:26%; margin:0 10% 10px 0;}
	.rt-header {margin-top:10px; width:55%;}
	.sticky .rt-header {margin-top:5px; width:64%;}
	
	.cycle-slideshow .caption {margin-top:18%;}
	.cycle-slideshow .caption h2 {font-size:28px; line-height:32px;}
	.cycle-slideshow .caption h3 {font-size:16px;}
	
	.main-content {width:100%; margin-right:0%;}
	.form-sidebar {width:100%; margin-top:20px;}
	
	.lt-content {width:100%; margin-right:0;}
	.lg-map {width:100%; margin-top:15px;}
	.lg-map iframe {height:300px;}
	
	footer {padding:15px 0;}
	.copyright {font-size:10px;}
}
@media screen and (max-width:640px) {
	.col7, .col8 {width:31.33333%;}
	.col7:nth-of-type(5), .col8:nth-of-type(5) {clear:none;}
	.col7:nth-of-type(4), .col7:nth-of-type(7), .col8:nth-of-type(4), .col8:nth-of-type(7) {clear:left;}
	
	body, .lg-text {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:20px; margin-bottom:10px;}
	h3 {font-size:16px;}
	h4 {font-size:14px;}
	h6, ul.foot-nav li {font-size:14px;}
	
	.cycle-slideshow .caption {margin-top:15%;}
	.cycle-slideshow .caption h2 {font-size:24px; line-height:26px;}
	.cycle-slideshow .caption h3 {font-size:14px;}
	
	.quicklinks-wrapper a button {font-size: 20px;}
	.quicklinks-wrapper a button span {font-size: 14px;}
	
	.categories-wrapper button {font-size: 14px;}
	
	.search-bpx h3 {margin-bottom: 5px;}
	#formpage .col8 {width: calc(100% - 1em); flex-wrap: wrap;}
	#formpage .col4 {width: calc(100% - 1em);}
	
	article, .search-box, .top-foot {padding:15px 0;}
	.scroll-frame {text-align:center;}
	
	.emp-box div {width:48%; margin:0 2% 10px 0;}
	.emp-box div:nth-of-type(4) {clear:none;}
	.emp-box div:nth-of-type(odd) {clear:left;}
}
@media screen and (max-width:480px) {
	.col3 {width:100%; margin-right:0;}
	
	h1 {font-size:18px; margin-bottom:7px;}
	h6, ul.foot-nav li {font-size:12px;}
	
	.logo {width:50%; margin:0 25%;}
	.sticky .logo {width:36%; margin:0 32%;}
	.rt-header {margin:10px 0; width:100%; text-align:center;}
	.sticky .rt-header {margin-top:5px; width:100%;}
	
	.quicklinks-wrapper {flex-wrap: wrap;}
	.quicklinks-wrapper a {width: 100%;}
	.categories-wrapper a {width: calc(100% - 1em);}
	
	.cycle-slideshow .caption {margin-top:0; padding:12% 0 7px 0;}
	.cycle-slideshow .caption h2 {font-size:18px; line-height:18px;}
	
	.form-sidebar {width:100%;}
	.lg-map iframe {height:200px;}
}
@media screen and (max-width:375px) {
	.col7, .col8 {width:48%;}
	.col7:nth-of-type(4), .col8:nth-of-type(4) {clear:none;}
	.col7:nth-of-type(odd), .col8:nth-of-type(odd) {clear:left;}
	
	.cycle-slideshow .caption {padding:7% 0 7px 0;}
}
@media screen and (max-width:320px) {
	.logo {width:62%; margin:0 19%;}
}