﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

h1 { font-family: 'Be Vietnam Pro', sans-serif; font-size: 40px; }
h2 { font-family: 'Be Vietnam Pro', sans-serif; font-size: 38px; }
h3 { font-family: 'Be Vietnam Pro', sans-serif; font-size: 24px; }
h4 { font-family: 'Be Vietnam Pro', sans-serif; font-size: 18px; }
p { font-family: 'Be Vietnam Pro', sans-serif; font-size: 17px; line-height: 1.5; font-weight: 500; }

/*--- HEADER STYLES ---------------------*/
header {}

.header { width: 100%; height: 346px; overflow: hidden; margin: 0 0 -186px 0; position: relative; }
.header > div { 
	max-width: 2000px; width: 100%; height: 160px; margin: 0 auto; display: flex; justify-content: center; position: relative; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, .8); }
.header-logo {
	background-image: linear-gradient(to right, #a8a8a8, #c1c1c1, #a8a8a8); display: flex; justify-content: center; align-items: center; width: 350px; height: 100%; position: relative; }
.header-logo a img { height: 150px; padding: 4px 0; box-sizing: border-box; }
.header-right {
	display: flex; flex-direction: column; justify-content: flex-start; width: calc(100% - 350px); /* 100% - width of .header-logo */ height: 100%; }
.topheader {
	width: 100%; height: calc(100% - 60px); /* 100% - height of .nav-div */ display: flex; justify-content: flex-start; align-items: center; background-image: linear-gradient(#010101, #1f1f1f); position: relative; }
.topheader > div {
	width: 100%; max-width: 1650px; padding: 0 60px 0 0; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center; }
.topheader a.listed {
	color: #bbb; /* med-light gray */ font-size: 14px; font-weight: 400; margin: 0 50px; transition: .2s ease all; }
.topheader a.listed:hover { color: #fff; transition: .2s ease all; }
.topheader a.listed:hover:before { background: #fff; }
.topheader p.hours-p { color: #bbb; /* med-light gray */ font-size: 14px; font-weight: 400; margin: 0 50px; }
.nav-div {
	width: 100%; height: 60px; display: flex; justify-content: flex-start; align-items: center; padding: 0 48px 0 160px; box-sizing: border-box; background-image: linear-gradient(#353d97, #181f6f); position: relative; }

/*---BODY--------------------------------*/
.max-widther { display: flex; justify-content: center; }
.max-widther > div { max-width: 2000px; width: 100%; }
.bg-white { background: #fff; }
.bg-lgray { background: #ddd; /* lightest gray */ }
.bg-gray { background: #bbb; /* med-light gray */ }
.bg-blue { background: #1e2676; /* BLUE */ }
.bg-notblack { background: #2f2f2f; /* almost black */ }
.flex { display: flex; }
.width50 { width: 50%!important; } 

p.hours-p { 
	color: #1e2676; /* BLUE */ font-size: 18px; padding: 6px 0; box-sizing: border-box; display: flex; align-items: center; margin: 12px 0; }
p.hours-p i { font-size: 22px; width: 36px; text-align: center; margin: 0 16px 0 0; }
p span.bold-p { font-weight: 700; }

.title-holder { display: flex; justify-content: flex-start; position: relative; overflow: hidden; padding: 4px 26px 4px 0; box-sizing: border-box; box-shadow: 0 0 8px 2px rgba(0, 0, 0, .7); }
.title-holder.white-h h1 { color: #fff; }
.title-holder h1 { z-index: 2; white-space: nowrap; letter-spacing: .5px; }
.title-holder h2 { z-index: 2; white-space: nowrap; letter-spacing: .5px; }
.title-holder h3 { z-index: 2; white-space: nowrap; letter-spacing: .5px; }
.title-holder a { z-index: 2; }
div.banner { width: 100%; height: 100%; z-index: 1; position: absolute; margin: -4px 0 0 0; /* offseting .title-holder padding */ }
div.banner:before { position: absolute; content: ""; top: 0; bottom: 0; left: -1000px; right: calc(100% - 2px); }
div.banner.bg-white:before { background: #fff; }
div.banner.bg-blue:before { background: #1e2676; /* BLUE */ }
div.banner.bg-gray:before { background: #bbb; /* med-light gray */ }
div.banner.bg-graydient:before { background-image: linear-gradient(to right, #a8a8a8, #c1c1c1, #a8a8a8); }
span.h1-sm { color: #000; font-weight: 400; }
.fullmap { width: 100%; height: 100%; }
.biggestmap { height: 340px; }

.general-content { margin: 60px 0 40px 0; }
.content-sect { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.general-content .content-sect { padding: 0 60px 0 8%; box-sizing: border-box; }
.general-content .content-sect .title-holder { overflow: visible; box-shadow: none; }
.homepage-content .content-sect .title-holder div.banner.bg-blue { width: 474.2px; height: 62px; margin: 62px 0 0 0; }
.general-content .content-sect .title-holder div.banner.bg-blue:before { right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .8); }
.general-content .content-sect p:not(.hours-p) { margin: 32px 0 16px 0; }
.general-content .content-sect .btnclass { margin: 16px 0 0 0; }

.btnclass {
	font-family: 'Be Vietnam Pro', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; font-style: italic; letter-spacing: .5px; display: flex; justify-content: center; align-items: center; padding: 16px 45px; box-sizing: border-box; background: #1e2676; /* BLUE */ color: #fff; transition: .2s ease all; position: relative; }
.btnclass span { z-index: 2; text-shadow: 0 0 6px rgba(0, 0, 0, .8); }
.btnclass:before { 
	position: absolute; content: ""; top: 0; bottom: 0; left: 51%; right: 51%; background: #2f2f2f; /* almost black */ transition: .2s ease all; }
.btnclass:hover:before { left: 0; right: 0; transition: .2s ease all; }
a.listed {
	font-family: 'Be Vietnam Pro', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.5; display: flex; justify-content: flex-start; align-items: center; color: #1e2676; /* BLUE */ position: relative; padding: 6px 0; box-sizing: border-box; margin: 12px 0; }
a.listed i { font-size: 22px; width: 36px; text-align: center; margin: 0 16px 0 0; }
a.listed:before { 
	position: absolute; content: ""; height: 2px; bottom: 0px; left: 51%; right: 51%; background-color: #1e2676; /* BLUE */  transition: all .2s ease; }
a.listed:hover:before { left: 0; right: -14px; }
a.invisilink { color: #000; font-size: inherit; }
a.invisilink:hover { text-decoration: underline; }

/* inventory buttons/ctas */
.inv-btns { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 40px 50px 40px 50px; box-sizing: border-box; }
.inv-btns > div {
	width: calc(33.333333% - 30px); max-width: 603px; height: 280px; background: #2f2f2f; /* not-black */ background-size: cover; background-repeat: no-repeat; background-position: bottom; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative; overflow: hidden; }
.inv-btns > div .title-holder { margin: 16px 0 6px 0; padding: 4px 26px 4px 30px; }
.inv-btns > div h3 { color: #fff; font-style: italic; text-transform: uppercase; font-weight: 700; }
.inv-btns > div h3:not(.inv-type) {
	padding: 0 0 0 30px; font-weight: 400; z-index: 4; position: relative; text-shadow: 0 0 10px rgba(0, 0, 0, .8); }
.inv-options {
	width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; transition: .2s ease all; padding: 0 10px 24px 40px; box-sizing: border-box; }
.inv-btns > div .inv-options { opacity: 0; transition: .2s ease all; }
.inv-options:before {
	position: absolute; content: ""; background: rgba(0, 0, 0, .5); top: 101%; bottom: -1%; left: 0; right: 0; transition: .2s ease all; }
.inv-btns > div:hover .inv-options { opacity: 1; transition: .2s ease all; pointer-events: all; }
.inv-btns > div:hover .inv-options:before { top: 0; transition: .3s ease all; }
.inv-btns > div:active .inv-options { opacity: 1; transition: .2s ease all; pointer-events: all; }
.inv-btns > div:active .inv-options:before { top: 0; transition: .3s ease all; }
.inv-btns > div:focus .inv-options { opacity: 1; transition: .2s ease all; pointer-events: all; }
.inv-btns > div:focus .inv-options:before { top: 0; transition: .3s ease all; }
.inv-btns > div .inv-options a {
	font-family: 'Be Vietnam Pro', sans-serif; font-size: 18px; color: #fff; z-index: 4; position: relative; pointer-events: all; line-height: 1.5; }
.inv-btns > div .inv-options a:last-of-type { font-weight: 600; text-transform: uppercase; }
.inv-btns > div .inv-options a:hover { text-decoration: underline; }

/* scrolling inventory */
.scrolling-inv { 
	display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 16px 0 24px 0; box-sizing: border-box; }
.scrolling-inv .title-holder { padding: 4px 26px 4px 40px; }
.scrolling-inv .title-holder h3 { 
	color: #1e2676; /* BLUE */ text-transform: uppercase; font-size: 22px; font-style: italic; padding: 0 0 0 32px; box-sizing: border-box; }
.scrolling-inv-wrapper { width: 100%; overflow: hidden; }
.scrolling-inv-wrapper iframe { 
	width: calc(100% - 30px); /* offset own margin */ height: 90px; margin: 14px 0 0 30px; }

/* homepage styles default.htm */
.hero { 
	background: #fff; background-position: center; background-size: cover;background-repeat: no-repeat; width: 100%; height: 402px; }
.scroller-overlapper { 
	margin: -102px 0 -88px 0; width: 70%; float: right; position: relative; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, .8); }
.homepage-cta-sect { padding: 85px 0 10px 0; box-sizing: border-box; }
.homepage-content { margin: 40px 0 60px 0; }
.homepage-content .content-sect .title-holder h1.h1-sm { color: #000; font-weight: 400; }
.homepage-content .content-sect .title-holder h1 { line-height: 1.5; letter-spacing: .5px; color: #fff; }
.homepage-content .fullmap { padding: 42px 0 0 0; box-sizing: border-box; min-height: 340px; }

/* consign.htm */
.consign-page form { width: 50%; }

/* contact-us.htm */
.contact-page { margin: 0; }
.contact-page .content-sect { margin: 60px 0 20px 0; }
.contact-page.general-content .content-sect a.btnclass { margin: 6px 0 24px 0; }
.contact-page .width50 { display: flex; flex-direction: column; justify-content: space-between; }
.contact-page .width50 .fullmap { min-height: 340px; margin: -2px 0 0 0; }
.contact-page .form-div { padding: 80px 0 40px; }
.contact-page form label { padding: 0 0 0 36px; }

/* thank-you.htm */
.thank-you-page.general-content { margin: 60px 0 0 0; }
.thank-you-page.general-content .content-sect { padding: 0 60px 30px 8%; }
.thank-you-page.general-content .content-sect a.btnclass { margin: 6px 0 24px 0; }
.thank-you-page .fullmap { min-height: 340px; }

/*--------FORM STYLES--------------------*/

.form-div { 
	display: flex; flex-direction: column; align-items: center; padding: 40px 0; overflow: hidden; }
.form-div h3 { font-size: 26px; color: #1e2676; /* BLUE */ }
.form-div h3 { margin: 10px 0; }
form { display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto; }
form h4 { text-align: left; margin: 40px 0 0 0; width: 100%; font-size: 20px; color: #1e2676; /* BLUE */ }
.formrow { display: flex; justify-content: center; width: 100%; }
.formrow-lefty { display: flex; flex-direction: column; align-items: flex-start; width: 100%; }
.formrow-lefty hr { width: 97%; border: #bbb 1px solid; margin: 10px 0; }
.formrow-lefty textarea { width: 97%; }
.formrow-captcha { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 5%; }
form .smcol { display: flex; flex-direction: column; width: 50%; box-sizing: border-box; }
form label { 
	font-family: 'Be Vietnam Pro', sans-serif; font-size: 16px; font-weight: 500;  color: #000; width: 100%; box-sizing: border-box; margin: 20px 0 6px 0; padding: 0 0 0 16px; }
form input[type="text"] { 
	width: 94%; margin: 4px 0; padding: 6px 16px; box-sizing: border-box; color: #000; font-family: 'Be Vietnam Pro', sans-serif; font-size: 16px; font-weight: 500; border: none; }
form input[type="email"] { 
	width: 94%; margin: 4px 0; padding: 6px 16px; box-sizing: border-box; color: #000; font-family: 'Be Vietnam Pro', sans-serif; font-size: 16px; font-weight: 500; border: none; }
form textarea { 
	width: 94%; height: 160px; margin: 4px 0; padding: 6px 16px; box-sizing: border-box; color: #000; font-family: 'Be Vietnam Pro', sans-serif; font-size: 16px; font-weight: 500; border: none; }
form a { margin: 20px 0 0 0; }
form .CaptchaMessagePanel { font-family: 'Be Vietnam Pro', sans-serif!important; }
form #CaptchaAnswer { 
	padding: 6px 16px; box-sizing: border-box; color: #000; font-family: 'Be Vietnam Pro', sans-serif; font-size: 16px; font-weight: 500; }
form div.CaptchaWhatsThisPanel a { font-family: 'Be Vietnam Pro', sans-serif!important; }

/*-------- FOOTER STYLES ----------------*/
footer{}

.footer { width: 100%; overflow: hidden; }
.footer > div {
	max-width: 2000px; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 40px 8% 60px 8%; box-sizing: border-box; margin: 0 auto; }
.foot-logo {
	position: relative; width: 316px; display: flex; justify-content: flex-start; align-items: flex-start; align-self: flex-start; }
.foot-logo:before {
	content: ""; position: absolute; top: 0; bottom: 0; left: -222px; right: 0; background: #a8a8a8; box-shadow: 0 0 10px rgba(0, 0, 0, .8); }
.foot-logo .title-holder { box-shadow: none; background-image: linear-gradient(to right, #a8a8a8, #c1c1c1, #a8a8a8); }
.foot-logo img { width: 280px; padding: 10px 30px 10px 0; box-sizing: border-box; }
.foot-soc {
	align-self: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.foot-soc a.listed { color: #fff; }
.foot-soc a.listed:before { background-color: #fff; }
.foot-soc p.hours-p { color: #fff; }
.foot-nav {
	width: 315.99px; /* width of .foot-logo, so .foot-soc can be center */ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; }
.foot-nav a {
	position: relative; color: #fff; font-family: 'Be Vietnam Pro', sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.8; }
.foot-nav a:before { 
	position: absolute; content: ""; height: 2px; bottom: 0px; left: 51%; right: 51%; background-color: #fff; transition: all .2s ease; }
.foot-nav a:hover:before { left: -5px; right: -5px; }
div.inv-foot-spacer { display: none; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inv button.faceted-search:hover { background: #2f2f2f!important; }
#inv button.faceted-show-all-btn:hover { background: #2f2f2f!important; }
#inv button.selected-facet:hover { background: #2f2f2f!important; }
#inv a.view-listing-details-link:hover { background: #2f2f2f!important; }
#inv a.collapsible-contact-list-item:hover { background: #2f2f2f!important; }
#inv a.breadcrumbs__link { color: #2f2f2f!important; }
#inv button.detail__search-results { color: #2f2f2f!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2000px) {
	.header > div:before {
		position: absolute; content: ""; top: 0; bottom: 0; left: -1000px; right: calc(100% - 1px); background: #a8a8a8; box-shadow: 0 0 10px rgba(0, 0, 0, .8); }
	.topheader:before {
		position: absolute; content: ""; top: 0; bottom: 0; left: calc(100% - 1px); right: -1000px; background-image: linear-gradient(#010101, #1f1f1f); }
	.nav-div:before {
		position: absolute; content: ""; top: 0; bottom: 0; left: calc(100% - 1px); right: -1000px; background-image: linear-gradient(#353d97, #181f6f); box-shadow: 0 0 10px rgba(0, 0, 0, .8); z-index: -1; }
	.inv-btns { justify-content: center; }
	.inv-btns > div { margin: 0 30px; }
}

@media only screen and (max-width: 1450px) {
	.hide1450 { display: none; }
	.nav-div { padding: 0 48px; }
	.inv-btns > div { height: 260px; }
	.inv-options { padding: 0 10px 12px 40px; }
}

@media only screen and (max-width: 1300px) {
	.topheader > div { justify-content: space-around; padding: 0 24px; }
	.topheader a.listed { margin: 0; }
	.topheader p.hours-p { margin: 0; }
}

@media only screen and (max-width: 1250px) {
	.homepage-content .content-sect { padding: 0 60px 0 4.5%; }
}

@media only screen and (max-width: 1210px) {
	.inv-btns > div { width: calc(33.333333% - 20px); }
	.consign-page form { width: 70%; }
}

@media only screen and (max-width: 1150px) {
	.hide1150 { display: none; }
	h1 { font-size: 36px; }
	.topheader > div { justify-content: space-between; }
	.nav-div { padding: 0 28px; }
	.inv-btns > div .title-holder { padding: 4px 26px 4px 20px; }
	.inv-btns > div h3:not(.inv-type) { padding: 0 0 0 20px; }
	.inv-options { padding: 0 10px 24px 20px; }
	.homepage-content .content-sect { padding: 0 60px 0 3.5%; }
	.homepage-content .content-sect .title-holder div.banner.bg-blue { 
		width: 424px; height: 53px; margin: 55.5px 0 0 0; }
	.foot-nav { width: unset; }
}

@media only screen and (min-width: 1081px) {
	.hide1080 { display: none; }
}

@media only screen and (max-width: 1080px) {
	.hide1080 { display: none; }
	.topheader a.listed i { margin: 0 6px 0 0; }
	.topheader p.hours-p i { margin: 0 6px 0 0; }
}

/* start mobile */
@media only screen and (max-width: 1050px) {
	.header { height: 120px; z-index: 20; margin: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .8); }
	.header > div { height: 120px; z-index: 20; }
	.header-logo { width: 300px; }
	.header-logo a img { height: 120px; }
	.header-right { width: calc(100% - 300px); flex-direction: row; justify-content: space-between; }
	.topheader { width: calc(100% - 100px); height: 100%; }
	.topheader > div { justify-content: space-around; padding: 0; }
	.topheader a.listed { margin: 0; }
	.nav-div { width: 100px; height: 100%; padding: 0; }
	.scroller-overlapper { width: 100%; }
	.scrolling-inv { width: 100%; }
	.scrolling-inv-wrapper iframe { width: 100%; margin: 8px 0 0 0; }
	div.inv-foot-spacer { width: 100%; height: 40px; }
}

@media only screen and (max-width: 1000px) {
	.hide1000 { display: none!important; }
	.inv-btns > div { width: calc(33.333333% - 12px); }
	.inv-options a { font-size: 16px; }
}

@media only screen and (max-width: 950px) {
	.hide950 { display: none; }
	h3 { font-size: 22px; }
	.homepage-cta-sect > .inv-btns { flex-direction: column; justify-content: flex-end; padding: 50px 30px 20px 30px; }
	.inv-btns { flex-direction: column; justify-content: flex-end; padding: 50px 30px 20px 30px; }
	.inv-btns > div { width: 100%; margin: 0 0 30px 0; }
	.stack950 { flex-direction: column; }
	.stack950 > .width50 { width: 100%!important; }
	.homepage-content { margin: 40px 0 0 0; }
	.homepage-content .content-sect { padding: 0 60px; }
	.homepage-content .fullmap { height: 340px; }
	.consign-page form { width: 90%; }
	.contact-page .form-div { padding: 40px 0; }
	.thank-you-page .fullmap { height: 360px; padding: 20px 0 0 0; box-sizing: border-box; }
	.footer > div { flex-wrap: wrap; }
	.foot-logo { margin: 0 0 50px 0; }
	.foot-soc { width: calc(90% - 170px); padding: 0 0 0 42px; box-sizing: border-box; }
	.foot-nav { padding: 0 62px 0 0; box-sizing: border-box; }
}

@media only screen and (max-width: 850px) {
	.topheader a.listed { width: 65px; height: 65px; justify-content: center; }
	.topheader a.listed i { font-size: 24px; margin: 0; }
	.topheader a.listed span { display: none; }
}

@media only screen and (max-width: 800px) {
	h1 { font-size: 32px; }
	.homepage-content .content-sect .title-holder div.banner.bg-blue { width: 382px; height: 50px; margin: 48px 0 0 0; }
}

@media only screen and (max-width: 720px) {
	.foot-logo { margin: 0 0 20px 0; }
	.foot-soc { margin: 0 0 20px -16px; width: 100%; padding: 0; align-items: center; align-self: center; }
	.foot-nav { width: 100%; padding: 0; align-items: center; align-self: center; }
	.foot-nav a { line-height: 2; }
}

@media only screen and (max-width: 650px) {
	.btnclass { width: 100%; padding: 16px 0; }
	a.listed { align-self: center; margin: 12px 0 12px -16px; }
	p.hours-p { align-self: center; margin: 12px 0 12px -16px; }
	.contact-page form .formrow { flex-direction: column; align-items: center; }
	form .formrow { flex-direction: column; }
	form .formrow .smcol { width: 100%; }
	form .formrow-lefty textarea { width: 94%; }
	form .formrow-lefty hr { width: 94%; }
	form .btnclass { width: 94%; }
}

@media only screen and (max-width: 600px) {
	h1 { font-size: 28px; }
	.header { height: 200px; }
	.header > div { height: 200px; flex-direction: column; }
	.header-logo { width: 100%; }
	.topheader { display: none; }
	.header-right { width: 100%; height: 80px; }
	.nav-div { width: 100%; height: 100%; }
	.homepage-content .content-sect { padding: 0 40px; }
	.homepage-content .content-sect .title-holder div.banner.bg-blue { 
		width: 342px; height: 46px; margin: 41px 0 0 0; }
}

@media only screen and (max-width: 380px) {
	.homepage-content .content-sect .title-holder .banner { display: none; }
	.homepage-content .content-sect .title-holder h1 { color: #000; }
}






