/***** 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 {
	background: #eeeeee;
}

body.bg-white { background: #fff!important; }

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

h1 { font-family: 'Rubik', sans-serif; font-size: 42px; text-transform: uppercase; text-align: center; }
h2, .h2, h3.h2 { font-family: 'Rubik', sans-serif; font-size: 36px; }
h3, .h3, h2.h3 { font-family: 'Rubik', sans-serif; font-size: 24px; }
p { font-family: 'Rubik', sans-serif; font-size: 15px; font-weight: 500; line-height: 1.4; }

/*--- HEADER STYLES ---------------------*/
header {}

.header { 
	display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1004; /* leave z-index alone: it fixes overlap issues on inv pages */ box-shadow: 0 0 10px rgba(0, 0, 0, .8); width: 100%; max-width: 3000px; height: 180px; background: rgba(255, 255, 255, .3); margin: 0 auto; }
.topheader { width: 100%; height: 42px; background: #fb3a1b; /* RED-ORANGE */ display: flex; justify-content: center; align-items: center; }
.topheader a { 
	color: #000; font-family: 'Rubik', sans-serif; font-size: 14px; margin: 0 30px; display: flex; align-items: center; transition: .2s ease all; position: relative; height: 42px; }
.topheader a i { padding: 0 16px 0 0; font-size: 18px; z-index: 2; }
.topheader a span { z-index: 2; }
.topheader a:before {
	position: absolute; content: ""; top: 100%; bottom: 0; left: -20px; right: -24px; background-color: #000; transition: all .2s ease; transition: .2s ease all; }
.topheader a:hover:before { top: 0; transition: .2s ease all; } 
.topheader a:hover { color: #fff; transition: .2s ease all; } 
.header-logo img { height: 90px; box-sizing: border-box; padding: 4px 0; }
.nav-div { display: flex; justify-content: center; margin: -6px 0 0 0; }

/*---BODY--------------------------------*/
.width50 { width: 50%; }
.bg-white { background: #fff; }
.bg-notwhite { background: #eeeeee; }
.bg-lgray { background: #ededed; /* lightest gray */ }
.bg-notblack { background: #1a1a1a; /* NOT BLACK */ }
h1.underline-opaque { position: relative; z-index: 1; }
h2.underline-sheer, h3.underline-sheer { position: relative; z-index: 1; }
.underline-opaque:before { 
	position: absolute; content: ""; height: 15px; bottom: -2px; left: -16px; right: -16px; background: #fb3a1b; /* RED-ORANGE */ border-bottom: 4px solid #000; z-index: -1; }
span.underline-sheer { position: relative; z-index: 1; } 
.underline-sheer:before { 
	position: absolute; content: ""; height: 15px; bottom: -5px; left: -10px; right: -10px; background: rgba(251, 58, 27, 0.5); border-bottom: 4px solid rgba(0, 0, 0, .8); z-index: -1; }
.subhero { 
	background: #eee; width: 100%; max-width: 3000px; height: 220px; margin: -140px auto 60px auto; display: flex; justify-content: center; align-items: flex-end; padding: 0; }
.content-sect { 
	display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 2000px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; }
.content-sect p { width: 100%; text-align: left; margin: 0 0 24px 0; }
.fullmap { width: 100%; max-width: 2000px; min-height: 340px; margin: 0 auto; }
.fullmap iframe { width: 100%; max-width: 2000px; height: 100%; min-height: 340px; }

.btnclass { 
	font-family: 'Rubik', sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; background: #fb3a1b; /* RED-ORANGE */ color: #000; text-align: center; padding: 8px 70px; box-sizing: border-box; position: relative; transition: .1s ease all; z-index: 1; }
.btnclass:before { 
	position: absolute; content: ""; top: 100%; bottom: -4px; left: 0; right: 0; background: #000; transition: .2s ease all; z-index: -1; }
.btnclass:hover { color: #fff; transition: .1s ease all; }
.btnclass:hover:before { top: 0; transition: .2s ease all; }
a.listed {
	font-family: 'Rubik', sans-serif; font-size: 16px; color: #000; display: flex; align-items: center; position: relative; z-index: 1; margin: 16px 0; transition: .2s ease all; }
a.listed i { font-size: 20px; width: 30px; text-align: center; margin: 0 12px 0 0; }
a.listed:before { 
	position: absolute; content: ""; top: calc(100% + 6px); bottom: -6px; left: -6px; right: -12px; background: #000; transition: .2s ease all; z-index: -1; }
a.listed:hover { color: #fff; transition: .2s ease all; }
a.listed:hover:before { top: -6px; transition: .2s ease all; }
a.invisilink { color: #000; }
a.invisilink:hover { text-decoration: underline; }

.inv-btns { display: flex; justify-content: center; align-items: center; }
.inv-btns a.the-inv-btns { 
	background: #222; background-position: center; background-size: 135%; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-radius: 16px; padding: 8px 16px; box-sizing: border-box; width: 400px; height: 200px; margin: 0 40px; transition: .2s ease all; }
.inv-btns a.the-inv-btns:hover { background-size: 140%; transition: .3s ease all; }
.inv-btns a.the-inv-btns:hover span:not(.cta-sm):after { top: -1px; transition: .2s ease all; }
.inv-btns a.the-inv-btns span { 
	font-family: 'Rubik', sans-serif; font-size: 22px; font-weight: 800; letter-spacing: .5px; color: #fff; text-transform: uppercase; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, .6); transition: .2s ease all; position: relative; z-index: 1; }
.inv-btns a.the-inv-btns span:not(.cta-sm):after { 
	position: absolute; content: ""; top: calc(100% + 1px); bottom: -1px; left: -10px; right: -10px; background: #fb3a1b; /* RED-ORANGE */ z-index: -1; }
.inv-btns a.the-inv-btns span.cta-sm { font-size: 18px; font-weight: 400; line-height: 1.3; }
.inv-btns a.btnclass { margin-bottom: 40px; width: 80%; }

.inv-btns-stacker { display: flex; justify-content: center; align-items: center; }
.inv-btns-stacker > .inv-btns { flex-direction: column; }
.inv-btns-stacker > .inv-btns a { margin: 40px 0; }

/* default.htm - Home */
.hero { width: 100%; max-width: 3000px; height: 700px; position: relative; margin: -140px auto 0 auto; }
.hero-overlay { 
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.searchbox form { 
	display: flex; justify-content: center; align-items: center; width: 300px; border-radius: 6px; border: 1px solid #000; pointer-events: all; height: 34px; overflow: hidden; position: relative; }
.searchbox form:before { 
	position: absolute; content: ""; top: calc(100% - 4px); bottom: 0; left: 0; right: 42px; background: #000; z-index: 2; }
.searchbox form input.searchbar { 
	font-family: 'Rubik', sans-serif; font-size: 14px; width: 100%; height: 100%; padding: 6px 48px 10px 6px; box-sizing: border-box; overflow: hidden; position: relative; }
.searchbox form input.searchbar:focus { border-radius: 5px; }
.searchbox form button.searchbar {
	width: 42px; height: 100%; background: #fb3a1b; /* RED-ORANGE */ color: #fff; text-shadow: 1px 2px 0 #000; font-size: 16px; display: flex; justify-content: center; align-items: center; border-radius: 0; border: none; margin: 0 0 0 -42px; z-index: 2; }

.hero .carousel{background: #222; filter:brightness(.9);}
.hero .carousel-cell{display: flex; align-items: center; justify-content: center; width: 100%; height: 700px; overflow: hidden;}
.hero .carousel-cell-image{display: block; width: 100%; height: 700px; object-fit: cover;}
.hero .carousel .flickity-prev-next-button{
	background: none; width: 45px; height: 45px; color: #fff; opacity: .75; transition: all .2s ease-in-out;}
.hero .carousel .flickity-prev-next-button:hover{background: none; opacity: 1;}
.hero .carousel .flickity-page-dots .dot{display: none;}

.homepage-ctas-wrapper { position: relative; z-index: 2; margin: -80px 0 0 0; }
.homepage.content-sect { padding: 60px 10% 50px 10%; max-width: 1500px; }
.homepage.content-sect p { margin: 40px 0 24px 0; }

/* location.htm - Directions page */
.location-page.subhero { margin: -140px auto 30px auto; }
.location-page.biggestmap { width: 100%; max-width: 2000px; height: 500px; margin: 0 auto; }
.location-page.content-sect { margin: 30px auto 60px auto; }
.location-page.content-sect p { text-align: center; }
.location-page.content-sect a.btnclass { margin: 20px 0 0 0; }

/* financing.htm - Financing page */
.financing-page { display: flex; justify-content: center; align-items: flex-start; width: 100%; max-width: 2000px; margin: 0 auto; padding: 0 5% 60px 5%; box-sizing: border-box; }

.horiz-sect { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; }

.finance-link { max-width: 400px; position: relative; margin: 24px; padding: 20px; display: flex; flex-direction: column; align-items: center; background: #fff; box-sizing: border-box; border-radius: 16px; box-shadow: 0 1px 6px rgba(0, 0, 0, .3); transition: .2s ease all; }
.finance-link img { width: min(100%, 300px); height: 80px; object-fit: contain; object-position: center; box-sizing: border-box; }
.finance-link span { font-family: 'Rubik', sans-serif; font-size: 17px; font-weight: 500; line-height: 1.4; text-align: center; color: #000; margin-top: 20px; }
.finance-link:hover { margin: 22px 24px 26px 24px; box-shadow: 0 3px 10px rgba(0, 0, 0, .5); transition: .3s ease all; }

/* contact-us.htm */
.contact-page { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; max-width: 2000px; margin: 0 auto; }
.contact-page .content-sect { align-items: flex-start; }
.contact-page .content-sect p { margin: 40px 0 24px 0; }
.contact-page form { display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto; }

/* thank-you.htm */
.thank-you-page { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 2000px; margin: 0 auto; }
.thank-you-page > div { width: 100%; }
.thank-you-page p { text-align: center; }
.thank-you-page .inv-btn-sect { margin: 30px 0 50px 0; }

/* transport.htm */
.transportform-iframe-holder { position: relative; width: 100%; display: flex; justify-content: center; }
.transportform-iframe-holder iframe { width: 100%; }


/*--------FORM STYLES--------------------*/
.form-div { display: flex; flex-direction: column; align-items: center; padding: 40px 0; overflow: hidden; width: 100%; }
.form-div h3, .form-div .h3 { text-transform: uppercase; margin: 0 0 20px 0; }
form:not(.searchbar) { display: flex; flex-wrap: wrap; justify-content: center; width: 90%; max-width: 1000px; margin: 0 auto; }
form h4 { text-align: left; margin: 40px 0 0 0; width: 100%; font-size: 20px; }
.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: 'Rubik', sans-serif; font-size: 16px; font-weight: 500;  color: #000; width: 100%; box-sizing: border-box; margin: 24px 0 6px 8px; padding: 0 0 0 26px; }
form input[type="text"]:not(.searchbar) { 
	width: 94%; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; border: none; border-bottom: 2px solid #000; }
form input[type="email"] { 
	width: 94%; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; border: none; border-bottom: 2px solid #000; }
form textarea { 
	width: 94%; height: 160px; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; border: none; border-bottom: 2px solid #000; }
form a { margin: 20px 0 0 0; }
form .CaptchaMessagePanel { font-family: 'Rubik', sans-serif!important; }
form #CaptchaAnswer { 
	padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; }
form div.CaptchaWhatsThisPanel a { font-family: 'Rubik', sans-serif!important; }
form button[type="submit"]:not(.searchbar) { border: none; }

/*-------- FOOTER STYLES ----------------*/
footer{}

.footer { 
	width: 100%; display: flex; justify-content: center; align-items: center; padding: 40px 5%; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 0, 0, .8); }
.foot-nav { 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 33.333333%; max-width: 500px; }
.foot-nav a { 
	font-family: 'Rubik', sans-serif; font-size: 16px; line-height: 2.2; color: #fff; position: relative; z-index: 1; transition: .2s ease all; }
.foot-nav a:before { 
	position: absolute; content: ""; top: calc(100% - 2px); bottom: 2px; left: -12px; right: -12px; background: #fb3a1b; /* RED-ORANGE */ transition: .2s ease all; z-index: -1; }
.foot-nav a:hover { color: #000; font-weight: 500; transition: .2s ease all; }
.foot-nav a:hover:before { top: 1px; transition: .2s ease all; }
.foot-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 33.333333%; max-width: 500px; }
.foot-logo img { width: 150px; box-sizing: border-box; }
.foot-soc { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; width: 33.333333%; max-width: 500px; }
.foot-soc > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.foot-soc a.listed { color: #fb3a1b; /* RED-ORANGE */ }
.foot-soc a.listed:before { background: #fb3a1b; /* RED-ORANGE */ }
.foot-soc a.listed:hover { color: #000; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
div.inv-foot-spacer { display: none; }
div.subhero.subhero-inv { height: 140px; margin: -140px auto 0 auto; }

#inv button.selected-facet { text-transform: uppercase; font-weight: 700; }
#inv button.selected-facet:hover { background: #fb3a1b!important; color: #000!important; }
#inv button.faceted-search { font-weight: 700; }
#inv button.faceted-search:hover { background: #fb3a1b!important; color: #000!important; }
#inv button.faceted-show-all-btn { font-weight: 700; }
#inv button.faceted-show-all-btn:hover { background: #fb3a1b!important; color: #000!important; }
#inv a.view-listing-details-link { background: #FC8E7C!important; color: #000!important; font-weight: 700; text-transform: uppercase; }
#inv a.view-listing-details-link:hover { background: #fb3a1b!important; }
#inv a.contact-btn { text-transform: uppercase; font-weight: 700; }
#inv a.contact-btn:hover { background: #fb3a1b!important; color: #000!important; }
#inv a.collapsible-contact-list-item { text-transform: uppercase; font-weight: 700; }
#inv a.collapsible-contact-list-item:hover { background: #fb3a1b!important; color: #000!important; }
#inv button.collapsible-contact-list-item { text-transform: uppercase; }
#inv button.collapsible-contact-list-item:hover { background: #fb3a1b!important; color: #000!important; }

.transport p{
	justify-self: center;
}

 .transport_img img{
	width: 40%;
	justify-self: center;
	display: flex;
}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1480px) {
		.inv-btns a.the-inv-btns{    margin: 0 2px; height: 160px;}

	
}
@media only screen and (max-width: 1200px) {
	.location-page.biggestmap { height: 400px; }
}

@media only screen and (max-width: 1100px) {
	.finance-link { margin: 20px; width: unset; }
	.finance-link img { width: 100%; height: 60px; padding: 0 12px; }
	.finance-link:hover { margin: 18px 20px 22px 20px; }
	
	.footer { flex-wrap: wrap; padding: 40px 80px 60px 80px; }
	.foot-nav { order: 2; width: 50%; }
	.foot-logo { order: 1; width: 100%; max-width: unset; margin: 0 0 20px 0; }
	.foot-soc { order: 3; width: 50%; }
}

@media only screen and (max-width: 1050px) {
	.hero { height: 600px; }
	.hero .carousel-cell { height: 600px; }
	.hero .carousel-cell-image { height: 600px; }
	.flickity-prev-next-button { top: calc(50% + 12px); }
	.homepage.content-sect { padding: 60px 5% 50px 5%; }
	div.inv-foot-spacer { width: 100%; height: 40px; }
}

@media only screen and (max-width: 1000px) {
	.inv-btns { justify-content: space-between; padding: 0 40px; box-sizing: border-box; }
	.inv-btns a.the-inv-btns { margin: 0; }
}

@media only screen and (min-width: 951px) {
	.show950 { display: none; }
}

@media only screen and (max-width: 950px) {
	.hide950 { display: none; }
	.inv-btns { flex-direction: column; }
	.inv-btns a.the-inv-btns { margin: 0 0 40px 0; width: 80%; height: 220px; }
	.homepage.content-sect { padding: 10px 5% 50px 5%; }
	.contact-page > .width50 { width: 100%; }
	.contact-page .content-sect { align-items: center; }
	.contact-page .content-sect p { margin: 0 0 24px 0; }
	.contact-page.fullmap { width: 100%; height: 344px; }
	.contact-page.fullmap iframe { width: 100%; height: 340px; }
	.thank-you-page .inv-btn-sect { margin: 30px 0 0 0; }
}

@media only screen and (min-width: 901px) {
	.show900 { display: none; }
}

@media only screen and (max-width: 900px) {
	.hide900 { display: none; }
	h1 { font-size: 36px; }
	.shadow-fixer { position: relative; z-index: 3; }
	.shadow-fixer > .header { box-shadow: none; }
	.the-fixer { 
		width: 100%; height: 100px; margin: -100px 0 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, .8); position: relative; z-index: 1; }
	.header { 
		flex-direction: row; justify-content: space-between; background: #e0e0e0; height: 100px; padding: 0 12px; box-sizing: border-box; }
	.topheader { 
		order: 2; background: none; height: unset; justify-content: space-between; padding: 0 60px; box-sizing: border-box; }
	.topheader a { margin: 0; }
	.topheader a i { font-size: 22px; }
	.topheader a i.fa-envelope { padding: 0; }
	.header-logo { order: 1; }
	.header-logo img { height: 100px; padding: 6px 0; }
	.nav-div { order: 3; width: 80px; margin: 0; }
	.homepage-ctas-wrapper { margin-top: -120px; }
	.hero { height: 400px; margin: 0 auto; }
	.hero .carousel-cell { height: 400px; }
	.hero .carousel-cell-image { height: 400px; }
	.flickity-prev-next-button { top: 50%; }
	.hero-overlay { 
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: flex-start; pointer-events: none; }
	.searchbox { width: 50%; z-index: 2; }
	.searchbox form { width: calc(100% - 2px); height: 50px; border-radius: 0; }
	.searchbox form input.searchbar:focus { border-radius: 0; }
	.searchbox form button.searchbar {
		width: 42px; height: 100%; background: #fb3a1b; /* RED-ORANGE */ color: #fff; text-shadow: 1px 2px 0 #000; font-size: 16px; display: flex; justify-content: center; align-items: center; border-radius: 0; border: none; margin: 0 0 0 -42px; z-index: 2; }
}

@media only screen and (max-width: 800px) {
	.location-page.biggestmap { height: 350px; }
	
	.finance-link { margin: 20px 0; width: 100%; }
	.finance-link:hover { margin: 18px 0 22px 0; }
	
	.footer { padding: 40px 20px 60px 20px; }
	.foot-nav { width: 100%; margin: 0 0 20px 0; align-items: center; }
	.foot-soc { width: 100%; align-items: center; }
	.foot-soc > div { align-items: center; }
}

@media only screen and (min-width: 751px) {
	.show750 { display: none; }
}

@media only screen and (max-width: 750px) {
	.hide750 { display: none!important; }
	.topheader { justify-content: space-around; padding: 0 30px 0 36px; }
}

@media only screen and (max-width: 650px) {
	.the-fixer { box-shadow: 0 54px 10px rgba(0, 0, 0, .8); }
	.topheader { justify-content: center; padding: 0; }
	.topheader a { margin: 0 40px; }
	.topheader a span { display: none; }
	.topheader a i { padding: 0; }
	.btnclass { width: 100%; padding: 8px 0; align-self: center; }
	.inv-btns a { width: 100%!important; }
	.inv-btns a.the-inv-btns { height: 180px; }
	.flickity-prev-next-button { top: calc(50% + 12px); }
	.searchbox { width: 100%; }
	.foot-logo img { width: 120px; }
}

@media only screen and (max-width: 500px) {
	h1 { font-size: 32px; }
	.inv-btns a.the-inv-btns { height: 150px; margin: 0 0 24px 0; }
	.inv-btns a.btnclass { margin: 0 0 24px 0; }
}

@media only screen and (max-width: 400px) {
	.topheader { justify-content: space-around; }
	.topheader a { margin: 0; }
	.inv-btns a.the-inv-btns { height: 120px; }
	.foot-soc a.listed { font-size: 14px; }
}

@media only screen and (max-width: 320px) {
	.topheader { display: none; }
}