@charset "UTF-8";

/* CSS Document */

/* COLORS

=====================

BLUE 	#373e60 (55,62,96)
CORAL	#A13021 (161,48,33)
BEIGE	#EDE8D0 (237, 232, 208)






GRAY 03 	#9cc5e7;

BLUE 05 	#6b96ee;

GRAYS
100 #cfd8dc;
200 #b0bec5;
300 #90a4ae;
500 #78909c;
700 #546e7a;
800 #423e46;


===================
FINAL COLORS


ORANGE
------
500 #CC4B00;



GRAYS
-----
100 #f8f9fa;
200 #dadce0;
600 #606368;

800 #202124;
900 #1e1a23;
000 #121212;

*/

/* --- GLOBAL --- */


body {
	margin: 0;
	font-size: 100%;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:	"wdth" 100;
}

a img, iframe { border: 0; }

abbr { text-decoration: none; }

.wide-container {
	width: 100%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1000px;
}

.group:after {
	content: "";
	display: table;
	clear: both;
}

/* ACCESSIBILITY */

.visuallyhidden {
	position: absolute;
	margin: -1px; padding: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0;
	clip: rect(0,0,0,0);
}

a#skip-to-content { 
	position: absolute; 
	top: -100px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #0000FF;	
	line-height: 1;
	transition: all 0.25s ease-in-out;
} 
 
a#skip-to-content:focus { 
	position: absolute;
	top: 0;
	left: 0;
	color: #0000FF;
	text-decoration: underline;
	transition: all 0.25s ease-in-out;
} 

/* ALIGNMENT */

.columns { float: left; }

.align-left { float: left; }

.align-right { float: right; }

.centered { text-align: center; }

/* IMAGES */

img.align-left { margin: 0 1em 1em 0; }

img.align-right { margin: 0 0 1em 1em; }

img.stylish-image {
	border-radius: 3px;
	box-shadow: 2px 2px 5px rgba(0,0,0,.15);
}

/* WIDTH */

.width-20 { width: 20%; }

.width-25 { width: 25%; }

.width-30 { width: 30%; }

.width-33 { width: 33.332%; }

.width-40 { width: 40%; }

.width-50 { width: 50%; }

.width-60 { width: 60%; }

.width-70 { width: 70%; }

.width-80 { width: 80%; }

.width-100 { width: 100%; }

/* FONTS */

h1, h2, h3 {
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

h1 {
	margin: 0;
	padding: 35px 0 25px 0;
	font-size: 3.5em;
	color: #202124;
	text-align: center;
	line-height: 1.2;
	letter-spacing: -1px;	
}

h2 {
	margin: 0 0 10px 0;
	font-size: 1.8em;
	color: #202124;
	line-height: 1.2;
	letter-spacing: -0.5px;
}

h3 {
	margin: 30px 0 10px 0;
	font-size: 1.35em;
	color: #202124;
	line-height: 1.2;
}

p, ul, ol {
	margin: 0 0 13px 0;
	font-size: 1em;
	line-height: 1.6;
}

a, a:visited {

}

a, a:visited {
	text-decoration: none; 
}

a:hover {
	text-decoration: underline;
}

a[href^="tel:"] {
	text-decoration: none;
}

a[href^="tel:"]:hover {
	text-decoration: underline;
}

strong {
	font-weight: 500;
}

ul ul { font-size: 1em; }

ul.stylish-list {
	padding: 25px 30px 12px 50px;
	background: #322f34;
	border-radius: 4px 4px 0 0;
}

ul.stylish-list li {
	margin: 0 0 10px 0;
	color: #e9e9e9;
	letter-spacing: -0.5px;
	line-height: 1.4;
}

blockquote {
	color: #e9e9e9;
}

/* BUTTONS */

input[type=submit] { -webkit-appearance: none; }

a.link-as-button, input[type=submit] {
	display: inline-block;
	margin-bottom: 13px;
	padding: 12px 16px;
	background-color: #A13021;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	border: 1px solid #762318;
	border-radius: 3px;
	cursor: pointer;
	transition-property: background-color;
	transition-duration: 100ms;
	transition-timing-function: ease-in-out;
}

a.link-as-button:hover, input[type=submit]:hover {
	background-color: #762318;
	border: 1px solid #762318;
	transition-property: background-color;
	transition-duration: 100ms;
	transition-timing-function: ease-in-out;
}

a.link-as-button:visited {
	color: #fff;
}

a.link-as-button:active {
	color: #fff;
	background-color: #E66E29;
	border: 1px solid #E66E28;
}



/* NAVIGATION */

#header-nav {
	display: flex;
	flex-direction: column;
	padding-top: 10px;
}

nav ul, nav ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav a {
	text-decoration: none;
}

/* UTILITY NAV */

#utility-nav #main-menu-li { display: none; }

#utility-nav {
	margin-bottom: 8px;
	color: #A13021;
}

#utility-nav ul {
	display: flex;
	justify-content: flex-end;
	margin-right: 25px;
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
}

#utility-nav li {
	margin-left: 25px;
	white-space: nowrap;
}

#utility-nav a {
	display: block;
	padding: 0;
	color: inherit;
	letter-spacing: -0.15px;
}

#utility-nav a:hover {
	text-decoration: underline;
}

.icons-utility {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url(/images/icons/icon-set.svg);
	background-repeat: no-repeat;
	background-size: 360px 30px;
	cursor: pointer;
}

.icons-utility-text { padding-left: 5px; }

#main-menu { background-position: -33px center; }

#icon-cart { background-position: -68px center; }

#icon-phone { background-position: -97px center; }

#icon-email { background-position: -126px center; }

#icon-account { background-position: -158px center; }

#icon-logout { background-position: -186px center; }

#icon-map { background-position: -215px center; }

#icon-about { background-position: -247px center; }

#icon-news { background-position: -278px center; }

#icon-blog { background-position: -307px center; }

#icon-search { background-position: -337px center; }

/* MAIN NAV */

#main-menu-button { display: none; }

#main-nav {
	margin-top: auto;
	margin-right: 25px;
}

#main-nav ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	color: #373e60;
	font-size: 16px;
	line-height: 70px;
}

#main-nav li {
	margin-left: 25px;
	position: relative;
}

#main-nav a {
	display: block;
	color: inherit;
	text-transform: uppercase;
	font-weight: 700;	
	letter-spacing: 1px;
}

#main-nav ul li:hover>a {
	color: #6b96ee;
	text-decoration: none;
}

#main-nav a:active { color: #6b96ee; }

/* MAIN NAV SUB MENU */

#main-nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 15px;
	left: -15px;
	z-index: 10;
	min-width: 175px;
	padding: 0 10px;
	background: #fff;
	color: #433e47;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	border-top: 1px solid #fffffe;
	border-right: 1px solid #433e47;
	border-bottom: 1px solid #433e47;
	border-left: 1px solid #433e47;
	border-radius: 0 0 4px 4px;
}

#main-nav ul li:hover ul { display: inherit; }

#main-nav ul ul li {
	margin: 0 0 5px 0;
	white-space: nowrap;
	border-bottom: 1px solid #9E9E9E;
}

#main-nav ul ul li:first-of-type a {
	padding-top: 14px;
}

#main-nav ul ul li:last-of-type a {
	padding-bottom: 17px;
}

#main-nav ul ul li:last-of-type {
	margin: 0;
	border-bottom: none;	
}

#main-nav ul ul a {
	padding: 10px 10px 15px 10px;
	width: 100%;
	letter-spacing: 0.5px;
}

/* BREADCRUMBS */

#breadcrumbs {
	padding: 7px 0 0 0;
	box-sizing: border-box;
}

#breadcrumbs ol {
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 13px;
	line-height: 16px;
	list-style-type: none;
}

#breadcrumbs li, #breadcrumbs a {
	color: #9E9E9E;
	box-sizing: border-box;
}

#breadcrumbs li {
	display: inline-block;
}

#breadcrumbs li.bc-divider {
	margin-left: 6px;
	padding-left: 18px;
	background: url("../images/icons/breadcrumb-divider.svg") no-repeat left center/8px 8px;
}

#breadcrumbs a {
	border-width: 0;
	border-style: dashed;
	border-color: #616161;
	-webkit-transition: color 150ms ease-out;
	transition: color 150ms ease-out;
}

#breadcrumbs a:hover {
	color: #6b96ee;
	text-decoration: none;
	border-bottom: 1px solid #6b96ee;
	-webkit-transition: color 150ms ease-out;
	transition: color 150ms ease-out;
}

/* SECONDARY NAV */

#secondary-nav-group {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	padding-right: 175px;
}

.secondary-nav-container {
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - 250px);
	max-width: 1200px;
}

#show-secondary {
	display: none;
}

#secondary-nav {
	flex: 0 0 175px;
}

#secondary-nav a {
	display: block;
	padding: 10px 0 10px 8px;
	font-size: 14px;
	color: #433e47;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.25px;
	text-decoration: none;
	border-radius: 0 100px 100px 0;
}

#secondary-nav a:hover {
	background: rgba(107,150,238,1);
	color: #ffffff;
}

#secondary-nav li.current-page a {
	background: rgba(107,150,238,0.3);
	color: #433e47;
	font-weight: 500;
}

/* HEADER */

#header-tag {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 100px;
	background-color: #fff;
	border-bottom: 1px solid #373e60;
}

#header-logo {
	flex: 0 0 180px;
	margin: auto 0 auto 10px;
	height: 100%;
	background-image: url("/images/logo.png");
	background-position: left center;
	background-size: 180px 80px;
	background-repeat: no-repeat;
	opacity: 1;
}

#header-logo:hover {
	opacity: 0.8;
}

#logo {
	display: block;
	height: 100%;
}

/* BODY */

article {
	margin-bottom: 50px;
}

.page {
	padding: 0;
}

/* CUSTOM FOOTER */

#disclaimer {
	padding: 35px 0;
	background-color: #000000;
}

#disclaimer p {
	margin: auto;
	width: 96%;
	max-width: 650px;
	font-size: 14px;
	line-height: 1.3;
	text-align: justify;
}

/* FOOTER */

#footer-badges {
	margin-top: 85px;
	display: flex;
	justify-content: space-around;
}

footer {
	margin-top: 25px;
	background-color: #EDE8D0;
}

footer h2, footer h3, #footer-social dt {
	color: #202124;
	font-weight: 500;	
}

footer h2, footer h3 {
	margin: 0 0 20px 0;
	font-size: 18px;
}

footer a, footer a:visited, footer p {
	font-size: 15px;
	color: #5f6368;
}

footer a:hover {
	color: #202124;
}

#footer-topper {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-bottom: 50px;
	padding: 30px 25px 25px 25px;
	border-bottom: 1px solid #dadce0;
	box-sizing: border-box;
}

#footer-social {
	flex: 0 0 50%;
	margin: 0;
    height: 30px;
}

#footer-social dt {
	display: inline-block;
	margin: 0 25px 0 0;
	line-height: 30px;
	vertical-align: top;
}

#footer-social dd {
	display: inline-block;
	margin: 0 10px 0 0;
    height: 30px;
}

.social-icon {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: url("/images/icons/social-sprite.svg");
	background-size: 520px 30px;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	transition: all 0.2s ease-in-out;
}

.social-icon:hover {
	-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
	transition: all 0.2s ease-in-out;
}

.facebook { background-position: left center; }

.twitter { background-position: -35px center; }

.youtube { background-position: -70px center; }

.instagram { background-position: -105px center; }

.google { background-position: -140px center; }

.linkedin { background-position: -175px center; }

.yelp { background-position: -210px center; }

.houzz { background-position: -245px center; }

.pinterest { background-position: -280px center; }

.etsy { background-position: -315px center; }

.amazon { background-position: -350px center; }

.thumbtack { background-position: -385px center; }

.soundcloud { background-position: -420px center; }

.tripadvisor { background-position: -455px center; }

.tiktok { background-position: -490px center; } 

section#footer-hours-section {
	flex: 0 0 45%;
}

section#footer-hours-section h2 {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 1em;
	line-height: 30px;
}

div#footer-hours {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 5px;
	background: none;
	border-radius: 4px 4px 0 0;
}

div#footer-hours.hours-table-visible {
	background: #fff;
}

button#footer-hours-button {
	display: inline-block;
	margin: 0;
	padding: 0 24px 0 4px;
	min-width: 210px;
	background: url("../images/icons/hours-menu.svg");
	background-position: right -2px top 2px;
	background-size: 24px 168px;
	background-repeat: no-repeat;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #5f6368;
	font-weight: 400;
	line-height: 30px;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
}

button#footer-hours-button:hover {
	background-position: right -2px top -46px;
	color: #202124;
}

button#footer-hours-button.button-hours-visible {
	background-position: right -2px top -94px;
}

button#footer-hours-button.button-hours-visible:hover {
	background-position: right -2px top -142px;
}

table#footer-hours-table {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: -1px;
	padding: 0;
	width: 100%;
	height: 1px;
	max-height: 1px;
	background: #fff;
	font-size: 12px;
	color: #5f6368;
	overflow: hidden;
	border-top: 1px solid #dadce0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 0 0 4px 4px;
	border-collapse: collapse;
	opacity: 0;
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.05);
}

table#footer-hours-table.hours-are-displayed {
	margin: 0;
	padding: 12px 0 5px 0;
	width: 100%;
	height: auto;
	max-height: 200px;
	opacity: 1;	
}

table#footer-hours-table td {
	padding: 0 0 8px 15px;
}

table#footer-hours-table tr.indicate-today {
	color: #202124;
	font-weight: 500;
}

section#footer-company {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 0 25px;
}


/* FOOTER CONTACT */

div#footer-contact {
	order: 1;
	flex: 0 0 33%;
	box-sizing: border-box;
}

footer a.footer-icon {
	display: block;
	padding-left: 25px;
	background: url("/images/icons/footer-link-icons.svg");
	background-size: 15px 435px;
	background-repeat: no-repeat;
	line-height: 15px;
	text-decoration: none;
}

footer a#footer-address {
	margin-bottom: 13px;
	background-position: left top;
}

footer a#footer-address:hover { background-position: left -60px; }

footer a#footer-address span {
	display: block;
	margin-bottom: 2px;
}

footer a#footer-phone {
	margin: 0 0 15px 0;
	background-position: left -120px;
}

footer a#footer-phone:hover { background-position: left -180px; }

footer a#footer-email {
	margin: 0 0 15px 0;
	background-position: left -240px;
}

footer a#footer-email:hover { background-position: 0 -300px; }

footer a#footer-web {
	margin: 0;
	background-position: left -360px;
}

footer a#footer-web:hover { background-position: 0 -420px; }


/* FOOTER RESOUECES */

div#footer-resources {
	order: 2;
	flex: 0 0 20%;
	box-sizing: border-box;
}

div#footer-resources ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#footer-resources ul li {
	margin-bottom: 5px;
}

div#footer-resources ul li a {
	text-decoration: none;
}

div#footer-resources ul li a:hover {
	text-decoration: underline;
}

div#footer-resources ul li.current-page a { text-decoration: underline; }

div#footer-resources ul li.current-page a:hover { text-decoration: underline; }


/* FOOTER OVERVIEW */

div#footer-overview {
	order: 3;
	flex: 0 0 45%;
	box-sizing: border-box;
}

div#footer-overview p {
	line-height: 1.3;
}

/* FOOTER BOTTOM */

#footer-bottom {
	margin-top: 50px;
	margin-bottom: 0;
	padding: 20px 25px 25px 25px;
	border-top: 1px solid #dadce0;
	box-sizing: border-box;
}

#footer-privacy-links {
	display: flex;
	margin: 0;
	padding: 0;
}

#footer-privacy-links li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style-type: none;
	line-height: 1;
}

#footer-privacy-links li:last-of-type {
	margin: 0;
}

#footer-privacy-links a {
	padding: 0 10px 0 0;
	font-size: 0.85em;
	text-decoration: none;
	font-weight: 400;
}

/* FORMS */

form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form li {
	margin-bottom: 25px;
	background: #f1f3f4;
	border-radius: 8px 8px 0 0;

}

form li:hover {
	background: #DDDCE1;
}

form li.select-field:hover,
form li.select-field label:hover,
form li.select-field select:hover,
form li.blank-field:hover,
form li.blank-field label:hover  {
	cursor: pointer;
}

form label:hover, form li:hover {
	cursor: text;
}

form li.blank-field {
	background: none;
}

form li.blank-field:hover {
	background: none;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	margin: 0 0 20px 2px;
	padding: 0;
	font-size: 18px;
	color: #3c4043;
	line-height: 1.5;
	font-weight: 400;
}

label, legend.as-form-label {
	display: block;
	margin: 0;
	font-size: 12px;
	color: #626262;
	line-height: 12px;
}

label {
	padding: 10px 0 4px 12px;
	letter-spacing: -0.25px;
}

legend.as-form-label {
	padding: 0 0 4px 12px;
}

abbr.required-field-label {
	color: #d13135;
}

form li.checkbox-li, form li.checkbox-li:hover {
	background: none;
}

form li.checkbox-li {
	padding: 18px 5px 18px 5px;
	height: 20px;
	border-radius: 0;
}

li.checkbox-li label {
	display: flex;
	width: 100%;
	padding: 0;
}

li.checkbox-li:hover, li.checkbox-li:hover label {
	cursor: pointer;	
}

li.checkbox-li span.checkbox-label {
	font-size: 14px;
	line-height: 20px;
}

li.checkbox-li input[type="checkbox"] {
	opacity: 0;
}

li.checkbox-li span.checkbox-slider {
	position: relative;
	margin-top: 4px;
	margin-left: auto;
	width: 36px;
	height: 12px;
	background: #DDDCE1;
	border-radius: 7px;
}

li.checkbox-li span.checkbox-slider:hover {
	cursor: pointer;
}

li.checkbox-li span.checkbox-slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	top: -4px;
	left: -1px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-box-shadow:	0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	-webkit-transition: 150ms;
	transition: 150ms;
}

input[type=checkbox]:checked + span.checkbox-slider {
	background: #a1c2f8;
}

input[type=checkbox]:checked + span.checkbox-slider:before {
	background-color: #4286f5;
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

select {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

input, select, textarea, input:focus, select:focus, textarea:focus {
	color: #433e47;	
}

textarea,
select,
input[type]:not([type="submit"]):not([type="checkbox"]) {
	margin: 0;
	padding: 5px 5px 5px 12px;
	width: 100%;
	font-size: 16px;
	background: none;
	color: #433e47;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #f1f3f4;
	border-left: none;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}

textarea:hover,
select:hover,
input[type]:not([type="submit"]):hover:not([type="checkbox"]):hover {
	color: #433e47;	
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #6b96ee;
	border-left: none;
}

textarea:focus,
select:focus,
input[type]:not([type="submit"]):focus:not([type="radio"]):focus:not([type="checkbox"]):focus {
	color: #433e47;	
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #985eff;
	border-left: none;
}

textarea.required-field,
textarea.required-field:focus,
select.required-field,
select.required-field:focus,
input[type].required-field:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
input[type].required-field:focus:not([type="submit"]):focus:not([type="radio"]):focus:not([type="checkbox"]):focus {
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #d13135;
	border-left: none;
}

textarea.required-field,
select.required-field,
input[type].required-field:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
	background-image: url("/wings/images/bkg/required.svg");
	background-size: 14px 14px;
	background-position: right 12px center;
	background-repeat: no-repeat;
}

textarea.required-field:focus,
select.required-field:focus,
input[type].required-field:focus:not([type="submit"]):focus:not([type="radio"]):focus:not([type="checkbox"]):focus {
	background-image: none;
}

textarea.required-field:hover,
textarea.required-field:focus:hover,
select.required-field:hover,
select.required-field:focus:hover,
input[type].required-field:hover,
input[type].required-field:focus:hover {
	border-bottom: 2px solid #d13135;
}

form li textarea {
	display: block;
}
/* FORM TOOLTIP */

form li.input-with-tooltip {
	position: relative;
}

div.form-tooltip-container {
	position: absolute;
	top: 100%;
	margin-top: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
}

span.form-tooltip {
	padding: 2px 8px;
	background-color: #FFF88F;
	color: #000;
	font-size: 12px;
	border-radius: 4px;
	font-weight: 400;
}

/* FORM ACCESSORIES */

form ul ul.input-instructions {
	height: 20px;
}

form ul ul.input-instructions li {
	display: none;
	margin: 0;
	padding: 4px 8px;
	min-height: inherit;
	background: #f9eac0;
	font-size: 12px;
	line-height: 12px;
	border-left: 3px solid #CBBA88;
	letter-spacing: -0.5px;
}

.optional {
	font-size: 11px;
	font-style: italic;
	font-weight: 400;
}

.input-as-display label, .input-as-display input[type=text] {
	margin: 0;
	padding: 0;
}

.input-as-display label { float: left; }

.input-as-display input[type=text] {
	width: auto;
	background: #fff;
	border: none;
}

.form-row {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #b2c6d3;
}

label span.form-optional {
	font-size: 10px;
	font-style: italic;
}

.form-tools {
	margin: 25px 0 15px 5px;
	padding: 0;
	list-style-type: none;
}

.form-tools a { text-decoration: none; }

.form-tools a:hover { text-decoration: underline; }

/* FORM TIP */

.form-tip-li {
	position: relative;
	display: inline-block;
}

.form-tip {
	display: none;
	position: absolute;
	top: 0;
	left: 102%;
	padding: 15px 10px;
	width: 250px;
	background: #161c27;
}

.form-tip p.title {
	margin: 0 0 10px 0;
	font-size: 20px;
}

.form-tip ol li {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

img.close-form-tip {
	float: right;
	cursor: pointer;
}

img.close-form-tip, .form-tip p.title, .form-tip ol li { color: #fff; }

/* MESSAGES */

.message-container {
	margin: 10px auto;
	padding: 5px 10px;
	width: 100%;
	max-width: 1000px;
	background: #f9eac0;
	border-left: 3px solid #426277;
}

.message-container p {
	margin: 0;
	padding: 0;
	line-height: 1;
}

.errors-container {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

.errors-container li {
	margin: 0 0 4px 0;
	padding: 4px 0 4px 5px;
	font-size: 13px;
	border-style: solid;
	border-width: 0 0 0 3px;
	line-height: 1;
	font-weight: 500;
}

/* --- COMPONENTS --- */

/* EMBED */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FIGURE */

figure { }

figure img {
	display: block;
	width: 100%;
}

figcaption { text-align: center; }

/* BANNERS */
div#page-banner {
	margin: 0 auto;
	width: 100%;
}

div#page-banner img {
	display: block;
	width: 100%;
}

div#cta-banner {
	margin: 15px 0 25px;
	background: #d6c35e;
}

div#cta-banner div#cta-banner-left {
	float: left;
	width: 50%;
	background: #23472d;
}

div#cta-banner div#cta-banner-left p {
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	text-align: right;
	line-height: 50px;
}

div#cta-banner div#cta-banner-right {
	float: left;
	padding-left: 70px;
	width: 50%;
	background: url(/images/call-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#cta-banner div#cta-banner-right a {
	display: block;
	color: #262229;
	font-size: 30px;
	font-weight: 700;
	line-height: 50px;
}

/* PHONE */
@media only screen and (max-width : 1023px) {

/* --- ALIGNMENT --- */

.columns { float: none; }

.align-right { float: none; }

.align-left { float: none; }
	
img.align-left { margin: 0; }

img.align-right {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	height: auto;
}

/* --- WIDTH --- */

.width-20 { width: 20%; }

.width-30, .width-33, .width-40, .width-50, .width-60, .width-70, .width-80, .width-100 { width: 100%; }

/* --- FONTS --- */

h1 {
	padding: 35px 10px 35px 10px;
	text-align: left;
	font-size: 2.25em;
}

h2 {
	font-size: 1.35em;
	font-weight: 400;
}
	
h3 {
	font-size: 1.1em;
	font-weight: 500;
}
	

ul.stylish-list {
	padding: 20px 20px 5px 35px;
}



	
/* NAVIGATION */

#header-nav {
	flex: 0 0 100%;
	padding-top: 0;
}

	
/* UTILITY NAV */
	
#utility-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}


#utility-nav {
	flex: 0 0 100%;
	order: 1;
}

#search-form {
	display: flex;
	display: none;
	flex: 0 0 80%;
	order: 1;
	
	flex-flow: row nowrap;
	justify-content: flex-start;
	margin: 0 0 0 25px;
	padding: 10px 0;
}

#search-form #search_query {
	padding: 1px;
	margin: 0 15px 0 0;
	width: inherit;
	font-size: 13px;
	color: #e9e9e9;
	border-bottom: 0;
	height: 16px;
	text-align: left;
	transition: width 150ms ease-in;
}

#search-form #search_query:focus {
	width: 130px;
	transition: width 150ms ease-out;
}

#search-form ::placeholder {
	font-family: interstate, sans-serif;
	color: #e9e9e9;
	opacity: 1;
	font-weight: 500;
	letter-spacing: -0.25px;
}

#search-form :-ms-input-placeholder {
	font-family: interstate, sans-serif;
	color: #e9e9e9;
	font-weight: 500;
	letter-spacing: -0.25px;
}

#search-form ::-ms-input-placeholder {
	font-family: interstate, sans-serif;
	color: #e9e9e9;
	font-weight: 500;
	letter-spacing: -0.25px;
}

#search-icon {
	display: block;
	padding: 0;
	width: 16px;
	height: 16px;
	background-color: transparent;
	background-image: url(../images/icons/icon-set.svg);
	background-position: -337px center;
	background-repeat: no-repeat;
	background-size: 360px 30px;
	border: none;
	cursor: pointer;
}
	
#utility-nav {
	margin-bottom: 0;
	padding: 0;
}

#utility-nav ul {
	flex-direction: row-reverse;
	justify-content: space-around;
	flex: 0 0 100%;
	margin-right: 0;
}

#utility-nav li {
	margin: 0;
}
	
#utility-nav li.current-page {

}
	
#utility-nav #main-menu-li { display: inherit; }
	
#utility-nav a, #utility-nav span#main-menu {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
	
#utility-nav span.icons-utility-text {
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.icons-utility {
	float: none;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	background: url(/images/icons/icon-set.svg);
	background-repeat: no-repeat;
	background-size: 500px 41.666px;
	outline: none;
}
	
#main-menu { background-position: -38px center; }
	
#icon-cart { background-position: -80px center; }

#icon-phone { background-position: -120px center; }
	
#icon-email { background-position: -163px center; }

#icon-account { background-position: -203px center; }

#icon-logout { background-position: -246px center; }

#icon-map { background-position: -288px center; }

#icon-about { background-position: -329px center; }

#icon-news { background-position: -370px center; }

#icon-blog { background-position: -411px center; }
	
#icon-search { background-position: -454px center; }

	
/* MAIN NAV */

#main-nav {
	display: none;
	float: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 100;
	margin-right: 0;
}

#main-nav ul {
	display: block;
	float: none;
	background-color: #4E6EAD;
	color: #fff;
	font-weight: 500;
	line-height: 1;	
	box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,.2);
}

#main-nav li {
	display: block;
	margin: 0 0 10px 0;
	border-bottom: none;
}

#main-nav li:last-of-type {
	margin: 0;
	border-bottom: none;
}
	
#main-nav li:first-of-type a {
	padding-top: 18px;
}
	
#main-nav li:last-of-type a {
	padding-bottom: 18px;
}
	
#main-nav a {
	padding: 6px 5px 16px 15px;
	font-size: 1.2em;
	letter-spacing: 0;
}

#main-nav ul li:hover>a {
	color: #fff;
}

#main-nav ul li:hover ul { display: none; }

	
/* SECONDARY NAV */
	
.secondary-nav-container {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
	
#secondary-nav {
	position: fixed;
	right: 0;
	bottom: 60px;
	width: 50%;
	max-width: none;
	z-index: 1000;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
}
	
#secondary-nav span#secondary-nav-span-button {
	float: right;
	z-index: 800;
	margin-right: 16px;
	width: 55px;
	height: 55px;
	background-color: #1d73e5;
	background-image: url("../images/icons/secondary-more.svg");
	background-size: 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 100%;
	-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
}
	
#secondary-nav span#secondary-nav-span-button:hover {
	cursor: pointer;
}

#secondary-nav ul {
	display: none;
	position: absolute;
	right: 75px;
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.1),0 3px 14px 2px rgba(0,0,0,.1);
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.1),0 3px 14px 2px rgba(0,0,0,.1);
	border-radius: 4px;
	border: 1px solid transparent;
}
	
#secondary-nav li {
	white-space: nowrap;
	margin: 0 0 10px 0;
}
	
#secondary-nav li:first-of-type  {
	margin-top: 10px;
}

#secondary-nav a {
	display: block;
	padding: 16px 20px 16px 16px;
	font-size: 1em;
	color: #202124;
	line-height: 1;
	font-weight: 500;
	letter-spacing: -0.25px;
	text-decoration: none;
	border-radius: 0;
}

#secondary-nav a:hover {
	background: #f8f9fa;
	color: #202124;
}

#secondary-nav li.current-page a {
	background: none;
}
	
#secondary-nav li.current-page a:hover {
	background: #f8f9fa;
}

	
/* HEADER */

#header-tag {
	flex-flow: row wrap;
	justify-content: flex-start;
	height: 110px;
	background-color: #fff;
	border-bottom: 1px solid #9cc5e7;
}

#header-logo {
	flex: 0 0 100%;
	order: 2;
	margin-left: 0;
	padding: 0;
	height: 60px;
	background-image: url("/images/logo-m.png");
	background-size: 250px 50px;
	background-position: center center;
}
	
/* BODY */
	
article { padding: 0; }
	
.page { padding: 0 10px; }
	
#main-content {
	min-height: 400px;

}

/* FOOTER */
	
footer {
	margin-top: 40px;
}

footer h2, footer h3 {
	margin: 0 0 20px 0;
	font-size: 1.1em;
}
	
/* FOOTER TOPPER */

#footer-topper {
	flex-flow: row wrap;
	justify-content: flex-start;
	margin-bottom: 30px;
	padding: 20px 0 15px 10px;
}
	
#footer-social {
	flex: 0 0 100%;
	margin: 0 0 15px 0;
	min-height: 34px;
}

#footer-social dt {
        min-height:  34px;
	margin: 0 10px 0 0;
}

#footer-social dd {
	margin: 0 8px 0 0;
    min-height:  34px;
}

section#footer-hours-section {
	flex: 0 0 100%;
}
	
section#footer-hours-section h2 {
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 1em;
	font-weight: 500;
	line-height: 30px;		
}
	
	div#footer-hours {
		min-height: 30px;
	}
	
/* FOOTER COMPANY */

section#footer-company {
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 0;
}
	
	
/* FOOTER CONTACT */
		
div#footer-contact {
	flex: 0 0 100%;
	margin-bottom: 35px;
	padding: 15px 10px 35px 10px;
}

footer a#footer-address {
	margin-bottom: 15px;
}

footer a#footer-phone {
	margin: 0 0 20px 0;
}

footer a#footer-email {
	margin: 0 0 20px 0;
}


/* FOOTER RESOURCES */

div#footer-resources {
	flex: 0 0 100%;
	margin-bottom: 35px;
	padding: 0 10px 30px 10px;
}

div#footer-resources ul li {
	margin-bottom: 15px;
}
	
	
/* FOOTER OVERVIEW */
	
div#footer-overview {
	flex: 0 0 100%;
	margin-bottom: 0;
	padding: 0 10px 20px 10px;
}
	

/* FOOTER BOTTOM */
	
#footer-bottom {
	margin-top: 15px;
	padding: 20px 10px 30px 10px;
	box-sizing: border-box;
}

#footer-privacy-links {
	margin: 0;
	padding: 0;
}

#footer-privacy-links li {
	display: block;
	margin: 0 0 8px 0;
}

#footer-privacy-links li:last-of-type {
	margin: 0;
}

#footer-privacy-links a {
	line-height: 32px;
}
	
/* --- COMPONENTS --- */
	
/* FORMS */

form li {
	margin-bottom: 23px;
	border-radius: 0;
}

legend {
	font-size: .95em;
	margin: 0 0 15px 0;
	padding: 0 10px;
}
	
label {
	padding: 5px 0 0 10px;
}

legend.as-form-label {
	padding: 0 0 2px 10px;
}
	
textarea,
select,
input[type]:not([type="submit"]):not([type="radio"]) {
	padding: 2px 2px 2px 10px;
}

input[type=submit] {
	border-radius: 0;
}
	
/* FORM TOOLTIP */

span.form-tooltip {
	padding: 1px 6px;
	font-size: 11px;
}

}

@media only screen and (max-width : 360px) {
	
h1 {
	padding: 25px 10px 25px 10px;
	font-size: 1.95em;
}

}