/***** BEGIN RESET *****/
 @import url("https://use.typekit.net/pwd6mjl.css");
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 --------*/
:root {
  --red: #A32D30;
  --light-grey: #F7F3F4;
  --dark-grey: #393A3C;
}

/***** 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 --------*/
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

hr{border:#000 1px solid;}

h1, h2, h3, h4 {
	font-family: 'transducer', sans-serif;
}

#home p, #thankyou p, #contact p, .img-left li > a, footer a, .contact-info .dark-box a {
	font-family: 'neulis-sans', sans-serif;
	line-height: 35px;
	color: var(--dark-grey);
	font-size: 20px;
}

/*--- HERO STYLES ---------------------*/
.home-hero {
	background: url("/siteart/home-hero.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-color: var(--dark-grey);
	border-radius: 0 0 40px 40px;
	position: relative;
}
.home-hero > div, #contact .inner-hero > div, #thankyou .inner-hero > div, .inner-hero-inventory > div {background: rgba(57,58,60,.4);   border-radius: 0 0 40px 40px;}

.home-hero .wrapper {padding-top: 500px;padding-bottom: 150px;}
.home-hero .h1-subhead {margin-top: 25px;}
.home-hero .h1-span {margin-bottom: 25px;}

#contact .inner-hero {
	background: url("/siteart/contact-hero.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-color: var(--dark-grey);
	border-radius: 0 0 40px 40px;
	position: relative;
}

#thankyou .inner-hero {
	background: url("/siteart/thankyou-hero.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-color: var(--dark-grey);
	border-radius: 0 0 40px 40px;
	position: relative;
}

.inner-hero-inventory {
	background: url("/siteart/inventory-hero.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-color: var(--dark-grey);
	border-radius: 0 0 40px 40px;
	position: relative;
}

.inner-hero .wrapper, .inner-hero-inventory .wrapper {padding-top: 380px; padding-bottom: 80px;}
.inner-hero a, .inner-hero-inventory a {font-size: 20px; font-weight: 700; color: #fff;font-family: 'transducer', sans-serif;transition: all .4s ease-out;}
.inner-hero a:hover, .inner-hero-inventory a:hover {padding: 10px 15px; background-color: var(--red); border-radius: 10px;}
.inner-hero i, .inner-hero-inventory i {margin-right: 20px;}
.inner-hero .heading-lg, .inner-hero-inventory .heading-lg {margin-bottom: 30px;}

/*---BODY--------------------------------*/
/*.col-3*/
.col-3 {padding-top: 60px!important; padding-bottom: 100px!important;}
.col-3 > .flex {justify-content: center; align-items: flex-end; gap: 20px;}
.col-3 .grey-box {position: relative;padding: 0px 30px 30px;transition: transform .2s;}
.col-3 .grey-box:before {position: absolute; content:""; z-index: -1; width: 100%; height: 80%; bottom: 0; left: 0; background: var(--light-grey); border-radius: 50px;}
.col-3 .grey-box-shorter:before {height: 60%;}
.col-3 .grey-box img {width: 100%; max-width: 500px; padding-bottom: 30px;}
.col-3 .grey-box .flex {justify-content: space-between; align-items: center;}
.col-3 i {font-size: 45px; color: var(--dark-grey);}

.col-3 .grey-box:hover {transform: scale(0.90);}

/*.img-bg*/
.img-bg {
	background: url("/siteart/about-home.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 50px 50px 0 0;
	background-color: var(--dark-grey);
}
.img-bg > div {background: rgba(163,45,48,.8); border-radius: 50px 50px 0 0;}
.img-bg p, .img-bg .heading-md {color: #fff!important;}
.img-bg .heading-md {margin-bottom: 30px;}
.img-bg .wrapper {text-align: center; max-width: 750px; padding-top: 100px!important; padding-bottom: 100px!important;}

/*.img-left*/
.img-left {align-items: center; padding-top: 100px!important; padding-bottom: 100px!important;}
.img-left .img-height {max-width: 990px; width: 100%; border-radius: 50px; height: 580px;}
.img-left .img-height iframe {border-radius: 50px;}
.img-left .content-right {margin-left: 150px; min-width: 580px;}
.img-left .heading-md {color: var(--dark-grey); margin-bottom: 20px;}
.img-left li {margin-top: 40px;}
.img-left li > a:hover {text-decoration: underline;}
.img-left li > a {font-size: 25px!important;}
.img-left i {margin-right: 20px; color: var(--red)}

.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
}

/*--------PAGE STYLES--------------------*/
/*thankyou*/
.center-section {text-align: center; padding-top: 100px!important; padding-bottom: 100px!important;}
.center-section > div {max-width: 800px; width: 100%; margin: 0 auto;}
.center-section  .heading-md {margin-bottom: 40px; color: var(--dark-grey);}

/*contact*/
.contact-info {padding-bottom: 100px!important;}
.contact-info .img-height {height: 400px; margin-bottom: 100px;}
.contact-info .img-height iframe {border-radius: 50px;}
.contact-info .heading-md {margin-bottom: 60px; color: var(--dark-grey); text-align: center;}
.contact-info .flex {gap: 20px; justify-content: center;}
.contact-info .dark-box {background: var(--dark-grey); max-width: 600px; width: 100%; padding-top: 80px; padding-bottom: 80px; border-radius: 50px;}
.contact-info ul {padding: 0 20px;}
.contact-info .dark-box li {text-align: center; margin-top: 40px;}
.contact-info .dark-box i {margin-right: 20px;}
.contact-info .dark-box a, .contact-info .dark-box p, .contact-info .dark-box .heading-mdsm {color: #fff!important; text-align: center;}
.contact-info .dark-box a {transition: all .4s ease-out;}
.contact-info .dark-box a:hover {padding: 10px 15px; background: var(--red); border-radius: 10px;}

/*--------FORM STYLES--------------------*/
.form-all .heading-md {margin-bottom: 10px; color: var(--dark-grey)}
.form-all p {max-width: 700px; margin: 15px auto 40px;}

.form-all {
	box-sizing: border-box;
	max-width: 1200px!important; 
	width: 100%;
	margin: 0 auto 100px!important;
	text-align: center;
	padding-top: 100px!important;padding-bottom: 100px!important;
}

 .label {
	font-family: 'neulis-sans', sans-serif;
	text-align: left!important;
	font-weight: 500;
	font-size: 19px;
}

.label-row {margin-bottom: 15px;color: var(--dark-grey);}

.flex-form {
	width: 100%;
	max-width: 1205px;
	padding: 15px;
	margin: 52px auto;
}

.flex-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

.form-half {
	display: inline-block;
	width: calc(50% - 8px);
	margin: 15px 15px 15px 0;
}

.form-half input, .form-half select {
	padding: 15px;
	width: 100%;
	font-family: 'neulis-sans', sans-serif;
	box-sizing: border-box;
	background: #DBDBDB;
	font-size: 20px;
	color: #43312D;
	border: none;
}

.form-2nd-row {margin-right: 0;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'neulis-sans', sans-serif;
	background: #DBDBDB;
	font-size: 20px;
	color: #43312D;
	border: none;
}

.form-full {margin: 15px 0 30px 0;}

input::placeholder, textarea::placeholder {color: #43312D;}
select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

/*--------Captcha--------------------*/

.include-captcha{display:none;}
#submit-btn {float: right;}
.CaptchaWhatsThisPanel > a:hover {text-decoration: underline;}
.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {color: var(--red);font-family: 'neulis-sans', sans-serif;}
.CaptchaPanel {text-align: right!important;}
.captcha-button {float: right;}

/*-------- FOOTER STYLES ----------------*/
.my-site-footer {background-color: #EFEFEF; padding-top: 80px; padding-bottom: 80px;}
.my-site-footer .wrapper {justify-content: space-between; align-items: center;}
.my-site-footer .wrapper .flex {gap: 60px; justify-content: flex-end;}
.my-site-footer i {margin-right: 20px; color: var(--red);}
.my-site-footer a:hover {text-decoration: underline;}
.my-site-footer .footer-links ul:first-child {margin-bottom: 50px;}
.my-site-footer .img-height {margin-right: 20px;}
.my-site-footer .img-height img {width: 100%;  max-width: 400px;}

/*--------UNIVERSAL STYLES--------------------*/

.wrapper {
	padding: 0 15px;
	margin: 0 auto;
	max-width: 1830px;
}

.flex {display: flex;}

.btn-top {margin-top: 60px;}

/*headings*/
.heading-lg {
	font-weight: 700;
	font-size: 100px;
	color: #fff;
	line-height: 110px;
}

.heading-md {
	font-weight: 700;
	font-size: 70px;
}

.heading-mdsm {
	font-weight: 700;
	color: var(--dark-grey);
	font-size: 45px;
}

.h1-span {font-size: 70px!important; font-weight: 400!important;font-family: 'transducer', sans-serif!important; color: #fff!important;}
.h1-subhead {font-size: 50px!important; font-weight:400!important; color: #fff!important; font-style: italic;font-family: 'transducer', sans-serif!important;}

.h2-span {font-size: 40px!important; font-weight: 400!important;}

/*buttons*/

.btn-white {
	display: inline-block;
	width: 225px;
	color: var(--dark-grey);
	background: #fff;
	padding: 17px;
	font-weight: 700;
	font-size: 20px;
	font-family: 'transducer', sans-serif;
	border-radius: 10px;
	border: solid 3px #fff;
	transition: all .4s ease-out;
	text-align: center;
}

.btn-white:hover {
	background: transparent;
	color: #fff!important;
	border: solid 3px #fff!important;
}

.btn-red {
	display: inline-block;
	text-align: center;
	width: 225px;
	color: #fff;
	background: var(--red);
	padding: 17px;
	font-weight: 700;
	font-size: 20px;
	font-family: 'transducer', sans-serif;
	border-radius: 10px;
	border: solid 3px var(--red);
	transition: all .4s ease-out;
}

.btn-red:hover {
	background: transparent;
	color: var(--dark-grey)!important;
	border: solid 3px var(--dark-grey)!important;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-top-section .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price {color: var(--red)!important;}
.list-container-flexrow .view-listing-details-link, .view-listing-details-link, .list-content .list-error-container .info button:not(.login-button) {background: var(--red)!important; border: solid 2px var(--red)!important;}
.list-container-flexrow .view-listing-details-link:hover, .view-listing-details-link:hover, .list-content .list-error-container .info button:not(.login-button):hover, .detail__cta-buttons button:hover {background: transparent!important; color: var(--dark-grey)!important; border: solid 2px var(--dark-grey)!important;}

.faceted-search-content .selected-facets-container .selected-facet {background: var(--red)!important;}





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

@media only screen and (max-width: 1510px) {
	.my-site-footer .wrapper .flex {gap: 30px; flex-wrap: wrap;}
}

@media only screen and (max-width: 1350px) {
	.col-3 .grey-box img {max-width: 400px;}
	.col-3 > .flex {flex-wrap: wrap;}
	.heading-mdsm, .col-3 i {font-size: 35px;}
	.img-left .content-right {margin-left: 40px; min-width: 525px;}
	.my-site-footer .img-height {margin-right: 0px;}
}

@media only screen and (max-width: 1030px) {
	.contact-info .dark-box a:hover {padding: 0; background: transparent; border-radius: 0px; text-decoration: underline;}
}

@media only screen and (max-width: 960px) {
	.col-3 > .flex {gap: 0;}
}

@media only screen and (max-width: 900px) {
	.my-site-footer .wrapper {flex-direction: column; align-items: flex-start; gap: 50px;}
	.my-site-footer .wrapper .flex {justify-content: flex-start;}
}

@media only screen and (max-width: 830px) {
	.img-left li > a {font-size: 20px!important;}
	.img-left .content-right {min-width: 440px;}
	.contact-info .flex {flex-wrap: wrap;}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 55px;line-height: 65px;}
	.heading-md {font-size: 40px;}
	.heading-mdsm, .col-3 i {font-size: 25px;}
	.h1-span {font-size: 40px!important;}
	.h1-subhead {font-size: 25px!important;}
	.h2-span {font-size: 25px!important;}
	.home-hero .h1-subhead {margin-top: 10px;}
	.home-hero .h1-span {margin-bottom: 10px;}
	.img-left {flex-direction: column;}
	.img-left .img-height {height: 250px;}
	.img-left .content-right {margin-top: 40px; margin-left: 0;min-width: 0px;}
	.img-left {align-items: flex-start;}
}

@media only screen and (max-width: 600px) {
	.home-hero .wrapper {padding-top: 340px; padding-bottom: 80px;}
}

@media only screen and (max-width: 550px) {
	.flex-row {flex-direction: column;}
	.form-half {width: 100%; margin: 15px 0 15px 0;}
}

@media only screen and (max-width: 430px) {
	.contact-info .dark-box a, .contact-info .dark-box p {font-size: 17px!important;}
}

@media only screen and (max-width: 380px) {
	.my-site-footer .footer-links ul:first-child {flex-direction: column;}
}

@media only screen and (max-width: 360px) {
	.img-left li > a, footer a {font-size: 17px!important;}
	.home-hero .wrapper {padding-top: 280px;}
}