/***** BEGIN RESET *****/
 @import url("https://use.typekit.net/nzv5wup.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 {
  --blue: #476DA7;
  --yellow: #FCAF17;
  --grey: #F2F2F2;
  --dark-grey: #1B1B1B;
}

/***** 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;
}

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

#home p, #thankyou p, #contact p, #buying-tips p, #consign p, #how-to-bid p, #selling-tips p, #thankyou p, footer p, .inner-hero a   {
	font-family: 'Bahnschrift', sans-serif;
	line-height: 35px; 
	font-size: 18px;
	color: var(--dark-grey);
}

/*-------- BODY STYLES --------*/

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


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/
.home-hero {
	background: url("/siteart/home-hero.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	background-color: var(--dark-grey);
}
.home-hero > div, .inner-hero > div {background: rgba(27, 27, 27, .7);}
.home-hero .wrapper {padding-top: 400px!important; padding-bottom: 200px!important;}

.inner-hero {
	background: url("/siteart/inner-hero.jpg") no-repeat;
	background-position: center;
	background-size: cover;
}

.inner-hero > div > div {padding-top: 80px!important; padding-bottom: 80px!important;}
.inner-hero .heading-lg {margin-bottom: 20px; text-transform: uppercase;}
.inner-hero .flex {justify-content: flex-start; gap: 30px;}
.inner-hero a, .inner-hero p {color: #fff!important;}
.inner-hero a:hover {text-decoration: underline;}

.inner-hero hr {
    margin: 0;
    border: #fff solid 1px;
    height: 30px;
}


/*---BODY--------------------------------*/
/*---col-2---*/
.col-2 {gap: 20px; justify-content: center; margin-top: -150px!important; margin-bottom: 130px!important;}
.col-2 .shadow-bx {padding: 50px 40px; background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25); max-width: 900px; width: 100%;}
.col-2 .heading-md {margin-bottom: 10px;}
.col-2 .shadow-bx div {margin-top: 30px;}

/*---img-right---*/
.img-right {background: linear-gradient(to bottom, #fff 50%, #F2F2F2 50%); padding-bottom: 130px!important;}
.img-right > .flex {justify-content: space-between; gap: 40px; align-items: center;}

.img-right .flex-list {gap: 20px; flex-wrap: wrap; margin-top: 10px; margin-bottom: 20px;}
.img-right .flex-list p {font-family: 'bahnschrift-condensed', sans-serif!important; font-weight: 700!important; letter-spacing: 1px; font-size: 20px!important;}
.img-right .flex-list i {margin-right: 10px;}

.img-right .flex-btns {gap: 20px; margin-top: 40px; flex-wrap: wrap;}

.img-right .content-left {padding-left: 45px; max-width: 900px;}
.img-right .content-left .heading-mdlg {max-width: 700px;}
.img-right .img-height {max-width: 800px; width: 100%; height: 800px; min-width: 300px;}
.img-right .img-height img {width: 100%; height: 100%; object-fit: cover;}

/*--------PAGE STYLES--------------------*/
/*---Consignment---*/
.map-left {gap: 120px; align-items: center;}
.map-left .img-height {height: 600px; max-width: 1070px; width: 100%;}
.map-left .heading-mdlg, .form-flex .content-left .heading-mdlg {margin-bottom: 40px;}
.map-left ul li, .form-flex .content-left ul li {margin-bottom: 30px;}
.map-left ul li a {color: var(--dark-grey); font-family: 'bahnschrift', sans-serif; font-weight: 700; font-size: 18px;}
.map-left ul li a:hover, .form-flex .content-left ul li a:hover {text-decoration: underline;}
.map-left .content-right {padding: 0 15px; min-width: 352px;}
.map-left .content-right div, .form-flex .content-left div {margin-top: 50px;}

.center-blue {background: var(--blue); padding-top: 80px; padding-bottom: 80px;}
.center-blue .heading-mdlg a {color: #fff!important;}
.center-blue .heading-mdlg a:hover {text-decoration: underline;}
.center-blue .heading-mdlg {text-align: center;}

/*---buying-tips---*/
.img-right-inner {justify-content: space-between; align-items: center; gap: 30px; padding-top: 100px!important; padding-bottom: 100px!important;}
.img-right-inner .img-height {height: 700px; max-width: 790px; width: 100%; min-width: 300px;}
.img-right-inner .img-height img {width: 100%; height: 100%; object-fit: cover;}
.img-right-inner .content-left {max-width: 950px; }

#buying-tips .faq-accordian .paragraph-bottom .flex {gap: 20px; justify-content: center; flex-wrap: wrap;}

/*---thankyou---*/
.center-section div {margin: 0 auto; text-align: center; margin-top: 50px;}

/*---selling-tips---*/
.center-section {max-width: 1000px!important; padding-top: 100px!important; padding-bottom: 100px!important;}
.center-section .heading-mdlg {text-align: center;
}
.center-section p {text-align: center;}

.img-left {justify-content: space-between; gap: 40px; align-items: center; padding-bottom: 100px!important;}
.img-left .img-height {height: 700px; max-width: 790px; width: 100%; min-width: 300px;}
.img-left .img-height img {width: 100%; height: 100%; object-fit: cover;}
.img-left > div:last-child {max-width: 950px;}

.col-2-inner {justify-content: space-between; gap: 20px; padding-bottom: 100px!important;}
.col-2-inner .bx-grey {background: var(--grey)!important; padding: 50px 40px; max-width: 900px; width: 100%;}

.text-bold {font-weight: 800!important;}

/*Accordian*/

.faq-accordian {padding-top: 100px!important; padding-bottom: 100px!important; background: var(--blue);}
.faq-accordian .wrapper {text-align: center;max-width: 1500px;}

.faq-accordian .heading-mdlg {padding-bottom: 20px; color: #fff;}
#buying-tips .faq-accordian .heading-mdlg {margin-bottom: 50px;}
.faq-accordian .accordian-p {color: #fff!important; max-width: 1000px; margin: 0 auto 50px;}
.faq-question-heading {padding-right: 25px;}
.faq-accordian .paragraph-bottom {margin-top: 50px;}

.questions {background: #fff;margin: 20px 0 20px 0;position: relative;}
.questions .flex {justify-content: space-between;}
.questions a {text-align: left;color: var(--dark-grey);font-size: 20px;padding: 20px;}
.questions .dpdwn-list p {text-align: left;padding: 20px;}

.plus {position: absolute;top: 25px;right: 20px;}
.plus:before {
	content:"";
	position: absolute;
	right: 0;
	top: 9px;
	width: 21px;
	height: 3px;
	background: var(--dark-grey);
	transform: translateY(0) rotate(-45deg);
	transition: .6s ease;
}
.active .plus:before {transform: rotate(0); }
.plus:after {
	content:"";
	position: absolute;
	right: 0;
	top: 9px;
	width: 21px;
	height: 3px;
	background: var(--dark-grey);
	transform: translateY(0) rotate(45deg);
	transition: .6s ease;
}
.active .plus:after {transform: rotate(0);}

/*---contact---*/
.form-flex {justify-content: center; align-items: stretch;}
.form-flex .content-left {background: var(--blue); padding: 100px 100px 40px 80px; max-width: 600px; width: 100%;}
.form-flex .content-left ul li a {color: #fff; font-family: 'bahnschrift', sans-serif; font-weight: 700; font-size: 18px;}
.form-flex .content-left .heading-mdlg {color: #fff;}
.contact-map {height: 500px; width: 100%;}

/*---how-to-bid---*/
.center-section-bx {text-align: center; padding-top: 100px!important; padding-bottom: 100px!important;}
.center-section-bx p {max-width: 900px; margin: 0 auto;}
.center-section-bx a {color: var(--dark-grey); transition: all .4s ease-out; font-weight: 800;}
.center-section-bx a:hover {color: var(--blue);}
.center-section-bx .grid-3-box {margin: 40px 0; gap: 20px; justify-content: center;}
.center-section-bx .grid-3-box .grey-bx {background: var(--grey); display: flex; align-items: center; padding: 50px; max-width: 595px; width: 100%;}

.faq-accordian .space-top {margin-top: 50px;}

.video-right {justify-content: space-between; align-items: center; gap: 30px; padding-top: 100px!important; padding-bottom: 100px!important;}
.video-right li {font-family: 'bahnschrift', sans-serif; font-size: 17px; margin-bottom: 10px; margin-left: 20px;}
.video-right .img-height {width: 100%; max-width: 800px; height: 600px;}
.video-right .img-height iframe {width: 100%; height: 100%; object-fit: contain;}
.video-right > div:first-child {max-width: 900px;}

/*--------FORM STYLES--------------------*/
.form-contact .heading-mdlg {margin-bottom: 10px; text-transform: uppercase;}
#contact .form-contact .heading-mdlg {text-align: left;}
.form-contact .heading-md {text-align: left;}
#contact .form-contact p {text-align: left; margin: 15px 0 40px;}
.form-contact p {max-width: 800px; margin: 15px auto 40px;}

.form-home .heading-mdlg {color: #fff!important; margin-bottom: 50px!important; font-family: 'bahnschrift-condensed', sans-serif!important; letter-spacing: 1px; text-transform: none!important;}
.form-home p {margin: 15px 0 40px; color: #fff!important;}

.form-newsletter {background: var(--blue); padding-top: 130px;}
.form-home {
	box-sizing: border-box;
	max-width: 1830px!important; 
	width: 100%;
	margin: 0 auto!important;
	padding-bottom: 200px!important;
}

.form-bg {background: #fff; padding-top: 100px;}
#contact .form-bg {background: var(--grey)!important;max-width: 1200px; width: 100%; padding-left: 80px!important; padding-right: 80px!important;}
.form-contact {
	box-sizing: border-box;
	max-width: 1200px!important; 
	width: 100%;
	margin: 0 auto!important;
	text-align: center;
	padding-bottom: 200px!important;
}

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

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

#contact .form-half input {background: #fff!important;}
.form-half input {
	padding: 15px;
	width: 100%;
	border: none;
	font-family: 'bahnschrift-condensed', sans-serif;
	box-sizing: border-box;
	background: var(--grey);
	font-size: 20px;
	color: var(--dark-grey);
}

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

.form-third {
	display: inline-block;
	width: 33.3%;
	margin: 15px 15px 15px 0;
}

.form-third input {
	font-size: 20px;
	padding: 15px;
	width: 100%;
	border: none;
	background: #fff;
	font-family: 'bahnschrift-condensed', sans-serif;
    box-sizing: border-box;
	color: var(--dark-grey);
}

.form-third-last {
	margin-right: 0;
}

#contact .form-full textarea {background: #fff!important;}
.form-full textarea {
	width: 100%;
	padding: 15px;
	border: none;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'bahnschrift-condensed', sans-serif;
	background:  var(--grey);
	font-size: 20px;
	color: var(--dark-grey);;
}

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

input::placeholder, textarea::placeholder {
	color: var(--dark-grey);
}

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

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



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

.my-site-footer > div:first-child {background: linear-gradient(to right, #fff 40%, #FCAF17 40%); padding-top: 130px!important; padding-bottom: 130px!important;}
.my-site-footer > div:first-child > .flex {justify-content: space-between; align-items: center; max-width: 1600px; gap: 40px;}
.my-site-footer > div:first-child > .flex div.flex {justify-content: center; gap: 20px; margin-top: 40px;}
.my-site-footer > div:first-child > .flex ul.flex {justify-content: center; gap: 40px; margin-bottom: 20px;}
.my-site-footer ul a {font-family: 'bahnschrift', sans-serif; font-size: 20px!important; color: var(--dark-grey)!important; transition: all .4s ease-out; font-weight: 700!important;}
.my-site-footer ul a:hover {text-decoration: underline;}
.my-site-footer .img-height img {max-width: 350px; width: 100%;}

.my-site-footer > div:last-child {background: var(--grey); padding-top: 30px!important; padding-bottom: 30px!important; text-align: center;}

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

.flex {display: flex;}

.p-top {margin-top: 20px;}

/*---Headings---*/
.heading-lg {font-size: 72px; font-weight: 700; color: #fff; line-height: 75px;}
.span-h1 {font-size: 36px!important; font-family: 'bahnschrift-condensed', sans-serif!important; font-weight: 700; letter-spacing: 1.5px; color: #fff!important; margin-bottom: 15px;}
.heading-mdlg {font-size: 48px; font-weight: 700; color: var(--dark-grey); line-height: 53px; text-transform: uppercase; margin-bottom: 20px;}
.heading-md {font-size: 36px; color: var(--dark-grey); font-weight: 700;}

/*---Buttons---*/

.btn-blue {
	display: inline-block;
    color: #fff;
    background: var(--blue);
    width: auto;
    padding: 20px 25px;
    font-family: 'bahnschrift', sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    transition: all .4s ease-out;
    border: none;
	text-transform:uppercase;
}

.btn-blue:hover, .btn-yellow:hover {background: var(--dark-grey)!important; color: #fff!important;}

.btn-yellow {
	display: inline-block;
    color: var(--dark-grey);
    background: var(--yellow);
    width: auto;
    padding: 20px 25px;
    font-family: 'bahnschrift', sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    transition: all .4s ease-out;
    border: none;
	text-transform:uppercase;
}



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

.list-top-section .list-listings-count, .list-content .price-container .price {color: var(--blue)!important;}

.faceted-search-content .selected-facets-container .selected-facet, .section-title a {background: var(--blue)!important;}

.view-listing-details-link, .list-content .list-error-container .info button:not(.login-button), .detail__cta-buttons button, .collapsible-contact-wrapper button, .detail-contact-bar button {background: var(--yellow)!important; color: var(--dark-grey)!important; transition: all .4s ease-out;}

.view-listing-details-link:hover, .list-content .list-error-container .info button:not(.login-button):hover, .detail__cta-buttons button:hover, .collapsible-contact-wrapper button:hover, .detail-contact-bar button:hover {background: var(--blue)!important; color: #fff!important;}


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

@media only screen and (max-width: 1700px) {
	.img-right .content-left {padding-left: 15px;}
}

@media only screen and (max-width: 1600px) {
	.map-left {gap: 40px;}
	#contact .form-bg {padding-right: 15px !important; padding-left: 30px !important;}
	.form-flex .content-left {padding: 100px 30px 100px 15px;}
}

@media only screen and (max-width: 1460px) {
	.my-site-footer > div:first-child {background: linear-gradient(to right, #fff 33%, #FCAF17 33%); }
}

@media only screen and (max-width: 1300px) {
	.my-site-footer > div:first-child {background: linear-gradient(to bottom, #fff 48%, #FCAF17 48%); padding-top: 80px !important; padding-bottom: 80px !important;}
	.my-site-footer > div:first-child > .flex {flex-direction: column; gap: 150px;}
}

@media only screen and (max-width: 1100px) {
	.center-section-bx .grid-3-box .grey-bx {padding: 30px;}
}

@media only screen and (max-width: 1000px) {
	.form-flex, .img-left, .video-right {flex-wrap: wrap;}
	.form-flex .content-left, .video-right > div:first-child, .video-right .img-height {max-width: 1000px;}
	.video-right .img-height {height: 400px;}
	#contact .form-bg {padding-left: 15px!important;}
	.form-flex .content-left {padding: 100px 15px 100px 15px;}
	.img-left .img-height {max-width: 1000px; height: 250px; min-width: 100px;}
}

@media only screen and (max-width: 900px) {
	.img-right > .flex {flex-direction: column-reverse;}
	.img-right .img-height, .img-right-inner .img-height {min-width: 100%; max-width: 950px; height: 300px;}
	.img-right .content-left {padding-right: 15px;}
	.col-2-inner, .img-right-inner {flex-wrap: wrap;}
	.my-site-footer > div:first-child > .flex ul.flex {flex-direction: column; text-align: center;}
	.my-site-footer > div:first-child {background: linear-gradient(to bottom, #fff 30%, #FCAF17 30%);}
	.my-site-footer > div:first-child > .flex ul.flex {gap: 20px;}
}

@media only screen and (max-width: 800px) {
	.col-2, .center-section-bx .grid-3-box {flex-wrap: wrap;}
	.col-2 .shadow-bx {padding: 50px 30px;}
	.center-section-bx .grid-3-box .grey-bx {padding: 15px;}
}

@media only screen and (max-width: 730px) {
	.flex-row {flex-direction: column;}
	.form-third, .form-half {width: 100%; margin: 15px 0;}
	.form-home .heading-mdlg {margin-bottom: 30px!important;}
}

@media only screen and (max-width: 700px) {
	.heading-lg {font-size: 55px; line-height: 58px;}
	.span-h1 {font-size: 25px!important;}
	.heading-mdlg {font-size: 35px; line-height: 40px;}
	.heading-md {font-size: 25px;}
	.map-left {flex-wrap: wrap;}
	.map-left .img-height {height: 250px;}
	.map-left .content-right {min-width: 100px; margin-bottom: 80px;}
	.contact-map {height: 250px;}
	
	.home-hero .wrapper {padding-top: 200px!important;}
}

@media only screen and (max-width: 600px) {
	.form-home, .form-contact {padding-bottom: 130px!important;}
	
	.center-section, .faq-accordian, .img-right-inner, .video-right, .center-section-bx {padding-top: 80px!important; padding-bottom: 80px!important;}
	.home-hero .wrapper, .form-newsletter, .form-bg {padding-top: 80px!important;}
	.img-right, .img-left,.col-2-inner {padding-bottom: 80px!important;}
	
	.inner-hero .heading-lg {font-size: 50px; line-height: 55px;}
	.col-2 {margin-bottom: 80px!important;}
	.form-flex .content-left {padding: 80px 15px 80px 15px;}
}

@media only screen and (max-width: 440px) {
	.my-site-footer > div:first-child > .flex div.flex {flex-direction: column; align-items: center;}
	.my-site-footer > div:first-child {padding-bottom: 50px!important; padding-top: 50px!important;background: linear-gradient(to bottom, #fff 23%, #FCAF17 23%);}
	.my-site-footer > div:first-child > .flex {gap: 100px;}
	.col-2-inner .bx-grey {padding: 30px 15px;}
}

@media only screen and (max-width: 400px) {
	.col-2 .shadow-bx {padding: 30px 15px;}
	.inner-hero .heading-lg {font-size: 40px; line-height: 45px;}
}

@media only screen and (max-width: 330px) {
	.form-flex .content-left ul li a, .map-left ul li a {font-size: 17px;}
}

@media only screen and (max-width: 325px) {
	.inner-hero .heading-lg {font-size: 38px; line-height: 43px;}
}