/* Fonts */
@import url("//fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap");

/* Tags */
body {
	background: #ffffff;
	color: #000000;
	font-family: "Titillium Web", sans-serif !important;
	font-weight: 300;
	font-size: 12pt !important;
}
body.scrolled {
	padding-top: 100px; /* small header size + amount of single scroll (40) */
	/*transition: .0625s;*/
}
figure {}
figure > img {}
figure > figcaption { text-align: center; }
a[href] { color: #22aae6; }
a[href]:focus, a[href]:hover { color: #1a3181; }
h1, h2, h3, h4, h5, h6 {
	color: #22aae6;
	text-shadow: 2px 2px 3px rgba(128, 128, 128, 0.65);
	line-height: 1.25em !important;
	font-family: "Titillium Web", sans-serif !important;
}
h2, h3, h4, h5, h6 {}
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

p, form {
	padding: .5em;
	overflow: hidden;
}
ul, ol, dl {
	margin: .5em;
}
main ul, main ol, main dl {
	padding-left: 2em;
	list-style-position: outside;
}
main ul > li, main ol > li { margin-top: 1em; }
main ul > li:first-child, main ol > li:first-child { margin-top: 0; }
hr {
	width: 100%;
	font-size: 1em;
	height: 1px;
	border-top: solid 1px;
	margin-top: 1em;
	margin-bottom: 1em;
}
blockquote {
	border-top: dotted #3f3f3f 1px;
	padding: .5em;
	margin: 1em;
	margin-bottom: 2em;
}
blockquote:before {
	text-align: left;
	content: "\201c";
	font-size: 2em;
	line-height: 50%;
	clear: both;
	display: block;
}
blockquote:after {
	text-align: right;
	content: "\201d";
	font-size: 2em;
	clear: both;
	display: block;
}
blockquote:first-of-type { border-top: none; }
blockquote cite:before { content: "- "; }
blockquote cite {
	display: block;
	text-align: right;
}
table {
	margin-top: 10px;
	margin-bottom: 2em;
}
th {
	padding: .5em;
	text-align: left;
	font-size: 0.8em;
}
table:first-child { margin-top: 0; }
table:last-child { margin-bottom: 0; }
input, select, textarea {
	line-height: 1rem !important;
	font-weight: bold;
	font-family: "Titillium Web", sans-serif !important;
	outline: none;
}
select {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-weight: bold;
}
.button,
input[type="button"],
input[type="checkbox"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="image"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="radio"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
	padding: 2px;
	color: #000000;
	overflow: hidden;
	text-decoration: none !important;
	display: inline-block;
}

/* :focus shadow */
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="image"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	border: solid #000000 1px;
}

input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="button"] {
	height: 40px;
	min-height: 40px;
	background: #1a3181;
	border: solid #1a3181 1px;
	color: #ffffff !important;
}

/* Pseudo */
::selection {
	background-color: #22aae6;
	color: #ffffff;
}

/* Helper classes */
.scrolloff {
	pointer-events: none;
}
#map, .slider-container {
	/*height: 500px !important;*/
	/*max-height: 500px !important;*/
	margin: 0;
	background-color: #f0f0f0;
	overflow: hidden;
}
.rev_slider { /*max-height: 500px !important;*/ min-height: 100% !important; }
#map { height: 40vh; }
.info-box {
	max-height: 500px;
	padding: 2em;
	background: #0083C7;
	background: -webkit-linear-gradient(bottom right, #0083C7, #37BEE9);
	background: -moz-linear-gradient(bottom right, #0083C7, #37BEE9);
	background: linear-gradient(to top left, #0083C7, #37BEE9);
	color: #ffffff;
}
.info-box ::selection {
	color: #0084c7;
	background-color: #ffffff;
}
.info-box a { color: #ffffff; }
.info-box a:hover,
.info-box a:visited { color: #dddddd; }

/* Basic classes */
.social {
	text-align: left;
	margin: 0;
}
.social li {}
.social li img { vertical-align: middle; }

.float-img-left {
	float: left;
	margin: 0 .5em .5em 0;
}
.float-img-right {
	float: right;
	margin: 0 0 .5em .5em;
}
.img-link {
	text-decoration: none;
	display: inline-block;
}

/* Structure */
.layout {}

.gaps {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
	margin-top: 0;
}

.sidebar {}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	text-align: center;
}

.features {
	width: 100%;
	min-height: 200px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.features > .cell {
	flex-grow: 0;
	min-width: 50%;
	max-width: 50%;
	height: 200px;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	text-align: center;
	overflow: hidden;
}
.features > .cell > p {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0;
	color: #ffffff;
	background: #0083C7;
	background: -webkit-linear-gradient(bottom right, #0083C7, #37BEE9);
	background: -moz-linear-gradient(bottom right, #0083C7, #37BEE9);
	background: linear-gradient(to top left, #0083C7, #37BEE9);
}
.features > .cell > p > img {
	/*max-width: 100%;
	position: absolute;
	top: 0;*/
	width: auto;
	z-index: 10;
	will-change: unset !important;
	transition: none !important;
}
.features > .cell > figcaption {
	position: absolute;
	top: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 2em;
	padding-right: 2em;
	color: #ffffff;
	background-color: #22aae6e0; /* alpha-channel rgb quad */
	font-size: 1em;
	z-index: 20;
}
.features > .cell > figcaption > p > strong { font-size: xx-large; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95); }
.features > .cell > figcaption ::selection {
	color: #22aae6;
	background-color: #ffffff;
}
.features > .cell:hover,
.features > .cell:focus,
.features > .cell:focus-within {}
.features > .cell:hover > figcaption,
.features > .cell:focus > figcaption,
.features > .cell:focus-within > figcaption {
	top: 0;
	will-change: top;
	transition: top 0.5s ease;
}
.features > .cell:focus,
.features > .cell:focus-within {}
.features > .cell:focus > figcaption,
.features > .cell:focus-within > figcaption {
	will-change: unset !important;
	transition: none !important;
}

.header {
	width: 100%;
	height: 116px;
	z-index: 11000;
	-webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
}
.header::after {
	content: "";
	display: table;
	clear: both;
}
body.scrolled .header { position: fixed; top: 0; left: 0; height: 60px; }
body.scrolled .header .title { height: 60px; line-height: 60px !important; }
.header .title { height: 80px; line-height: 80px !important; text-align: center; }
.header .title img { /*vertical-align: middle;*/ max-height: 100%; }
body.scrolled .header .title img {}
.header > .contents > .content {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.header > .info-bar-container {
	height: 36px;
	line-height: 36px;
	border-bottom: solid #f0f0f0 1px;
	background: rgba(255, 255, 255, 0.7);
	color: #000000;
	text-transform: uppercase;
	/*z-index: 11999;*/
}
.header > .info-bar-container a[href] {}
.header > .info-bar-container a[href]:focus, .header > .info-bar-container a[href]:hover {}
body.scrolled .header > .info-bar-container { height: 0; will-change: height; transition: .5s ease; }
.header > .info-bar-container > .info-bar {}
.header > .info-bar-container > .info-bar li a {}
.header > .info-bar-container > .info-bar li a[rel="external"] { display: inline-block; }
.header > .info-bar-container > .info-bar li a[rel="external"] img { vertical-align: middle; }

.nav { height: 80px; padding-right: 1em; }
body.scrolled .nav { height: 60px; }
.nav-container {
	background: #ffffff;
	margin: 0;
}
body.scrolled .nav-container { min-height: 60px; }
.navigation-list { height: 100%; text-align: right; }
.navigation-list li { height: 100%; line-height: 80px; padding: 0 !important; }
body.scrolled .header .navigation-list li { line-height: 60px; }
.navigation-list li:hover, .navigation-list li.current { height: 100%; }
.navigation-list li a { height: 100%; padding: 5px 1em 5px 1em; text-decoration: none; }
.navigation-list > li.current > a { border-bottom: solid #1a3181 5px; }
.navigation-list > li > a:hover,
.navigation-list > li > a:active,
.navigation-list > li > a:focus { border-bottom: solid #22aae6 5px; text-decoration: none; }
.navigation-list li a:visited {}

/* Hamburger menu - scaffolding for hamburger icon, gets turned on at 1024w and below, look in media rules for menu work */
#nav input#hamburger-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 3em;
	height: 100%;
	line-height: 80px !important;
	cursor: pointer;
	outline: none !important;
	display: none;
	visibility: hidden;
	appearance: none !important;
}
#nav input#hamburger-icon:focus,
#nav input#hamburger-icon:checked:focus { outline: none; }
body.scrolled #nav input#hamburger-icon {
	line-height: 60px !important;
	outline: none !important;
}
#nav input#hamburger-icon:before {
	width: 100%;
	height: 100%;
	content: "\2630";
	color: #21aae6;
	background-color: #ffffff;
	outline: none !important;
	display: inline-block;
	text-align: center;
	font-size: xx-large;
}
#nav input#hamburger-icon:checked:before {
	color: #ffffff;
	background-color: #ff0000 !important;
	content: "\2715";
	outline: none !important;
}
#nav input#hamburger-icon:focus:before { background-color: #c0c0c0; outline: none !important; }
#nav input#hamburger-icon:after,
#nav input#hamburger-icon:checked:after,
#nav input#hamburger-icon:focus:after,
#nav input#hamburger-icon:checked:focus:after { outline: none !important; }

/* Dropdown */
.dropMenu.navigation-list > li.dropdownParent::after { content: "\25BC"; color: #000000; border-left: solid transparent 1px; line-height: 80px; display: inline-block; font-size: larger; }
.dropMenu.navigation-list > li.dropdownParent:hover::after { border-left: solid #f0f0f0 1px; }
.dropMenu.navigation-list > li.dropdownParent > a { padding: 5px 0 5px 1em; }
body.scrolled .dropMenu.navigation-list > li.dropdownParent::after { line-height: 60px; }
.ltr .dropMenu.navigation-list > li.dropdownParent > .dropdown,
.ltr.dropMenu.navigation-list > li.dropdownParent > .dropdown {
	top: 100%;
	right: 0;
	left: unset;
	text-align: left;
}
.dropMenu.navigation-list li.dropdownParent .dropdown {
	/*max-width: 350px;*/
	background: #ffffff;
	margin-top: -10px;
	border: solid #f0f0f0 1px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	z-index: 10000;
}
.dropMenu.navigation-list li.dropdownParent .dropdown li a { line-height: normal; }
.dropMenu.navigation-list li.dropdownParent .dropdown li.current a { background-color: #1a3181; color: #ffffff; }
.dropMenu.navigation-list li.dropdownParent .dropdown li.current a:hover,
.dropMenu.navigation-list li.dropdownParent .dropdown li.current a:focus { color: #1a3181; }
.dropMenu.navigation-list li.dropdownParent .dropdown li a:hover,
.dropMenu.navigation-list li.dropdownParent .dropdown li a:focus {
	border-bottom: none;
	background: #f0f0f0;
}

.main {}
.main .content,
.video-container,
.testimonial-container {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.video-container {}
.video,
.home.video { max-height: 50vh; min-width: 50vw; margin-left: auto; margin-right: auto; padding-left: 0.5em; padding-right: 0.5em; }
.home.video { height: 50vh; }
.testimonial-container { /*max-height: 50vh;*/ }
.testimonial { padding-left: .5em; padding-top: .5em; height: 100%; }

.epic-header {
	background-image: url("/images/skin/default/garage-watermark-header.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 2em 15% 2em 10%;
	z-index: 10000;
	overflow: hidden;
}
.epic-header h1,
.epic-header h2,
.epic-header h3,
.epic-header h4,
.epic-header h5,
.epic-header h6 {}

.pinstripe {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	white-space: nowrap;
}
.pinstripe:before {
	width: 100%;
	height: 1px;
	margin: 0 .5em 0 1em;
	background: #000000;
	display: block;
	content: "";
}
.pinstripe:after {
	width: 100%;
	height: 1px;
	margin: 0 1em 0 .5em;
	background: #000000;
	display: block;
	content: "";
}

.photos { list-style-type: none; }
.photos .cell { min-width: 33.33%; max-width: 33.33%; }
.photos .cell dt { text-align: center; }
.photos .cell .photo { padding: .5em; }
.photos .cell dt {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.capabilities { margin-top: 1em; }
.capabilities > aside {}
.capabilities > aside > h1,
.capabilities > aside > h2,
.capabilities > aside > h3,
.capabilities > aside > h4,
.capabilities > aside > h5,
.capabilities > aside > h6 { /*text-align: center;*/ border-bottom: dotted 1px; }

.brands { background: #e8e8e8; }
.brands > .brand {
	max-width: 20%;
	padding-left: 5px;
	padding-right: 5px;
}
.brands > .brand-header { border: none; margin-bottom: 1em; }
.sellers > .seller {
	max-width: 25%;
	padding-left: 5px;
	padding-right: 5px;
}

.areas { background: #e8e8e8; }
.areas > .areas-header { border: none; margin-bottom: 1em; }

.coupons {
	background: #1a3181;
	background: -webkit-linear-gradient(bottom right, #1a3181, #4a61b1);
	background: -moz-linear-gradient(bottom right, #1a3181, #4a61b1);
	background: linear-gradient(to top left, #1a3181, #4a61b1);
	color: #ffffff;
}
.coupons .coupons-header { border: none; color: #ffffff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95); text-align: center; }
.coupons .coupons-footer:before,
.coupons .coupons-footer:after { background-color: #ffffff; }
.coupon .discount-value { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95); vertical-align: middle; font-size: 36pt; }
.coupon .discount-value img { vertical-align: middle; }

.emergency-service { background-color: #0084c7; }
.emergency-service > .emergency-service-header { border: none; color: #ffffff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95); }
.emergency-service > .emergency-text { border-left: solid #000000 1px; padding: 0 2em 0 2em; color: #ffffff; }
.emergency-call-button {
	line-height: 1.5em;
	margin-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	background: #0faa0f;
	text-decoration: none !important;
	padding: .25em;
	text-align: center;
	border: solid #ffffff 5px;
	border-radius: 5px;
	color: #ffffff !important;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95);
	filter: Shadow(Color=#000000, Direction=135, Strength=3);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95);
}
.emergency-call-button:hover {
	text-decoration: none !important;
	background: #0fbb0f;
	color: #ffffff !important;
	border: solid #0fdd0f 5px;
}
.emergency-call-button:visited {
	color: #ffffff !important;
}
.emergency-call-button::before {
	content: "\1f4de";
	/*content: "\2706";*/
}

.footer {
	min-height: 64px;
	background: #ffffff;
	color: #22aae6;
	text-align: center;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
}
.footer .social {
	display: inline-block;
}
.footer .contents {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.footer #footer-map,
#footer-map {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
}
/*.footer::before {
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	height: 30px;
	display: block;
	content: " ";
	background: #fc982c;
	transform: rotate(-0.75deg);
	-webkit-transform: rotate(-0.75deg);
	-moz-transform: rotate(-0.75deg);
	-o-transform: rotate(-0.75deg);
	-ms-transform: rotate(-0.75deg);
}*/

/* Forms */
.frm_required {
	color: #888888;
	font-weight: bold !important;
}
.form {
	padding: 0 !important;
	overflow: hidden;
}
.form label { display: block; }
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form select,
.form textarea {
	width: 100%;
	display: block;
	border: solid 1px;
	filter: Shadow(Color=#000000, Direction=135, Strength=3) !important;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95) !important;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95) !important;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95) !important;
	font-family: "Titillium Web", sans-serif !important;
}
.form input:focus,
.form select:focus,
.form textarea:focus {
	background: #ffffff;
	color: #000000;
}
.form input[type="reset"], .form input[type="submit"] { width: auto !important; }
.form *[required] { border: solid #aaaaaa 1px !important; }
.captcha, #promo-code {
	display: inline-block !important;
	font-size: 2em !important;
}
.captcha {}
.captchaimg {
	height: 64px;
	padding: 0 !important;
	display: block;
}
label[for="captcha"] {
	display: block;
	text-align: center;
	font-size: 1.4em;
}
.vipform { width: 100% !important; }
.vipform .input { margin-left: auto; width: 100%; border: solid #dddddd 1px; background: #dddddd; }
.vipform textarea.input { height: 22ex; }
.vipform .frm_required { color: #888888; }
.vipform tr td input:first-child {}
.vipform tr:nth-child(odd) td { padding: 5px !important; }
.vipform input + input[type="checkbox"] { float: left; clear: left; }
.vipform input[type="checkbox"] + label { float: left; min-height: 16px; line-height: 16px; padding-left: 5px; display: inline-block; width: 100% !important; }
.vipform input { margin-bottom: 5px; }
.vipform input:last-child { margin-bottom: 0; }

.cms_form { padding: 0 !important; }

select {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-weight: bold;
}
.button,
input[type="button"],
input[type="checkbox"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="image"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="radio"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
	padding: 2px;
	color: #000000;
	overflow: hidden;
	text-decoration: none !important;
	display: inline-block;
}

/* :focus shadow */
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="image"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	border: solid #000000 1px;
}

input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="button"] {
	height: 40px;
	min-height: 40px;
	background: #1a3181;
	border: solid #1a3181 1px;
	color: #ffffff !important;
}
.button {
	padding: .5em !important;
	background: #1a3181;
	border: solid #1a3181 1px;
	color: #ffffff !important;
	font-family: "Titillium Web", sans-serif !important;
	-webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
}
.button:hover, .button:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
input[type="search"]:hover, input[type="search"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:focus {
	transition: background 0.5s ease;
	background: #111111;
	border: solid #111111 1px;
}
.button + .button {
	margin-left: .5em;
}
.special-list { text-align: center; }
.special-list li { display: inline-block; white-space: nowrap; margin: 0; }
.special-list li:after { content: " \25cf"; }
.special-list li:last-child::after { content: none; }

.column-list {
	margin: 0;
	padding: 0 2em 0 2em;
	list-style: none;
	display: block;
	column-count: 8;
	column-width: 10em;
}

/* Menus */
table.menu {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
table.menu.small {
	width: 50% !important;
}
table.menu colgroup col:nth-child(even) {
	/*background: #d0d0d0;*/
}
table.menu thead th,
table.menu tbody td {
	text-align: right;
}
table.menu thead th:first-child,
table.menu tbody td:first-child {
	text-align: left;
}
table.menu tbody td {
	border-left: solid #c0c0c0 1px;
}
table.menu tbody td:first-child {
	border-left: none;
}
table.menu tbody tr {
	border-top: solid #e0e0e0 1px;
}
table.menu tbody tr:first-child {
	border-top: none;
}
table.menu tbody tr:nth-child(odd) {
	background: #e0e0e0;
}
table.menu thead tr th,
table.menu tbody tr td,
table.menu tfoot tr td {
	padding: .5em;
}
table.menu tbody tr:hover {
	background: #4f1919;
	color: #ffffff;
}
table.menu tfoot {
	background: #d0d0d0;
}
table.menu tfoot tr td {
	text-align: right;
	vertical-align: top;
}
table.menu thead { background: #3f2f2f; color: #ffffff; }
table.menu.column { margin-bottom: 1em !important; background: #d2cdc6; border: solid #d2cdc6 5px; }
table.menu.column tbody { font-size: smaller; }
.menu-list { text-align: center; }
.menu-list li { display: inline-block; white-space: nowrap; }
.menu-list li:after { content: " \25cf"; }
.menu-list li:last-child::after { content: none; }
.jump-list {
	font-size: .75em;
	text-align: center;
}
.jump-list li {
	/*padding: 5px;*/
}
.button-list {
	clear: both;
	margin: 1em !important;
}
.special-msg {
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
}

/* ==== jReject styles ==== */
#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: fixed;
}
#jr_wrap {
	position: fixed;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
}
#jr_inner {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #4F4F4F;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	position: relative;
	box-sizing: content-box;
}
#jr_header {
	display: block;
	color: #333;
	padding: 5px;
	padding-bottom: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}
#jr_inner p {
	padding: 5px;
	margin: 0;
}
#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}
#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#jr_inner li a:hover {
	text-decoration: underline;
}
#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}
#jr_close {
	clear: both;
	padding: 0;
	margin: 0;
}
#jr_close a {
	color: #000;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}
/* ==== END jReject styles ==== */


/* ==== Overrides for low resolution/mobile devices ==== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {
	body.scrolled .header {}
	body.scrolled .header .title { /*display: inline; width: auto; height: auto;*/ }
	body.scrolled .header .title img { /*max-height: 100%;*/ }
	body.scrolled .header .nav { min-height: 60px; }
	.header .nav {
		float: none;
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
		height: auto !important;
		min-height: 80px;
		margin: 0 auto 0 auto;
		padding-right: 3em; /* Make room for hamburger icon to right */
		background-color: #ffffff !important;
	}
	.header .nav:has(> input#hamburger-icon:checked) { border: solid #e0e0e0 1px; }
	.header .nav .navigation-list li {}
	.header .nav .navigation-list li a:link,
	.header .nav .navigation-list li a:visited {
		margin-left: 0.5em;
		margin-right:0.5em;
		border-bottom: solid transparent 5px;
	}
	.navigation-list > li a:hover,
	.navigation-list > li a:active,
	.navigation-list > li a:focus,
	.navigation-list > li.current > a { border-bottom: solid #1a3181 5px !important; background: unset !important; }
	.header .title {}
	.header .title img { /*max-height: none;*/ margin-left: 0; }
	.header .info-bar { text-align: center !important; }
	.features > .cell > figcaption > p { margin-top: 0 !important; }
	.content article { padding-right: 5px !important; }
	.footer #footer-map,
	#footer-map { height: 618px; }

	/* Hamburger menu - display at 1024w and below */
	#nav input#hamburger-icon {
		display: inline-block !important;
		visibility: visible !important;
	}
	body.scrolled #nav input#hamburger-icon {}
	body.scrolled #nav input#hamburger-icon:checked {}
	#nav input#hamburger-icon:before {}
	#nav input#hamburger-icon:checked:before {}
	/* Turn navigation-list into a "menu" of the hamburger icon */
	#nav input#hamburger-icon ~ ol#navigation-list { display: none; /* turn off menu, default */ }
	/* ...the menu is open, indicated by checkbox being checked */
	#nav input#hamburger-icon:checked ~ ol#navigation-list {
		display: block;
		background-color: #ffffff;
	}
	#nav input#hamburger-icon:checked ~ ol#navigation-list li {
		display: block;
		line-height: 48pt !important;
		border-top: solid #e0e0e0 1px;
		text-align: center;
	}
	#nav input#hamburger-icon:checked ~ ol#navigation-list li:first-child { border-top: none; }
	#nav input#hamburger-icon:checked ~ ol#navigation-list li a { display: block; }

	/* Dropdown */
	.dropMenu.navigation-list > li.dropdownParent {}
	.dropMenu.navigation-list > li.dropdownParent::after {
		position: absolute;
		top: 0;
		right: 0;
		width: 1.25em;
		height: 100%;
		line-height: 80px !important;
		float: right;
		color: #000000;
		background-color: #e0e0e0;
	}
	body.scrolled .dropMenu.navigation-list > li.dropdownParent::after { line-height: 80px !important; }
	.dropMenu.navigation-list > li.dropdownParent:hover::after { border-left: solid #e0e0e0 1px; }
	.dropMenu.navigation-list li.dropdownParent .dropdown {
		position: relative;
		max-height: 65vh;
		margin-top: 0;
		border: solid #f0f0f0 1px;
		border-top: solid #e0e0e0 1px;
		background: #e0e0e0;
		overflow: auto;
	}
	.dropMenu.navigation-list li.dropdownParent .dropdown li { border-top: solid #f0f0f0 1px !important; }
	.dropMenu.navigation-list li.dropdownParent .dropdown li:first-child { border-top: none !important; }
	.dropMenu.navigation-list li.dropdownParent .dropdown li a { line-height: 48pt !important; }
	.dropMenu.navigation-list > li.dropdownParent > a { padding: 5px 1em 5px 1em; }

	.emergency-service { flex-wrap: wrap !important; }
	.emergency-service > .emergency-service-header { width: unset; max-width: none !important; min-width: unset !important; }
	.emergency-service > .emergency-text { border-left: none; }
	.emergency-service > .emergency-text > p:first-child { margin-top: 1em; }
}
@media screen and (max-width: 960px) {
	h1, h2, h3, h4, h5, h6 { text-align: center; }
	.info-box { padding: 1em 2em 1em 2em; }
	.features > .cell { font-size: unset !important; min-width: 100%; max-width: 100%; }
	.epic-header { background-image: none; text-align: center; }
}
@media screen and (max-width: 800px) {
	.header {
		position: relative !important;
		height: auto !important;
		padding-bottom: 48px;
	}
	.header .title {
		display: block !important;
		width: 100%;
		height: auto;
		line-height: normal !important;
		max-width: none !important;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	body.scrolled {	padding-top: 0 !important; }
	body.scrolled .header { position: relative !important; height: auto !important; }
	body.scrolled .header .title { display: block !important; height: auto; line-height: normal !important; }
	.header > .info-bar-container { display: none !important; }
	.nav-container { display: block !important; width: 100%; }
	.header .nav {
		float: none !important;
		display: block !important;
		/*position: relative !important;*/
		right: 0;
		left: 0;
		top: 100% !important;
		bottom: auto;
		width: 100%;
		height: auto;
		max-width: none !important;
		min-height: 48px;
	}
	.navigation-list {
		width: 100%;
		text-align: center;
	}
	.navigation-list > li {
		margin-left: 0 !important;
		margin-right: 0 !important;
		height: auto !important;
		line-height: normal !important;
		text-align: center;
	}
	.navigation-list > li:first-child {
		border-top: none;
	}
	.navigation-list > li.cell {
		width: 50%;
	}
	.navigation-list a[href] {} .title {
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto;
		height: auto;
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
	}
	body.scrolled .header .nav { min-height: 48px; }
	.dropMenu.navigation-list li.dropdownParent .dropdown { max-height: none; overflow: visible; }
	#nav input#hamburger-icon { width: 100%; line-height: 48px !important; }
	#nav input#hamburger-icon:checked { width: 3em; }
	#nav input#hamburger-icon:before {}
	#nav input#hamburger-icon:checked:before {}
	body.scrolled #nav input#hamburger-icon { line-height: 48px !important; }
	body.scrolled #nav input#hamburger-icon:checked {}
	.header .nav:has(> input#hamburger-icon:checked) { /*position: absolute !important;*/ }
	.title a {
		height: auto;
		line-height: normal;
	}
}
@media screen and (max-width: 720px) {
	.highlights .gridFlex { display: block; }
	.header > .info-bar-container { display: none; }
}
@media screen and (max-width: 640px) {
	.testimonial-container { max-height: none; }
	.testimonial {
		flex-grow: 1 !important;
		min-width: 100% !important;
		max-width: 100% !important;
		padding: 0.5em 0.5em 0 0.5em;
	}
}
@media screen and (max-width: 560px) {
	.brands > .brand,
	.sellers > .seller { max-width: 50% !important; }
	.footer > .gridFlex { display: block; }
	.footer > .gridFlex > .cell {
		display: block !important;
		width: auto !important;
		min-height: initial !important;
		max-width: initial !important;
	}
}
@media screen and (max-width: 480px) {
	.epic-header { padding: 2em; }
	.features > .cell > figcaption { padding: 0; }
}
@media handheld, print, screen and (max-width: 360px) {}
