/***** 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; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
html { scroll-behavior: smooth; }

body {
	font-family: 'paralucent-condensed', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.25; 
	letter-spacing: .25px; 
}

a:link, a:visited, a:active{text-decoration: none;}
a:hover {color: white!important; text-decoration: none;}
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

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

.circleb-header {
	position: relative; z-index: 1004; width: 100%; margin-bottom: -76px; 
	display: flex; flex-direction: column; align-items: center; row-gap: 16px; 
}
.circleb-topheader, .circleb-footer {
	position: relative; z-index: 4; width: 100%; background: #000; overflow: hidden; 
	padding-left: max(7%, calc(50% - 700px)); padding-right: max(7%, calc(50% - 700px)); 
	display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 200px; 
}
.circleb-topheader { height: 120px; }
.circleb-footer { padding-top: 36px; padding-bottom: 36px; row-gap: 50px; }
.circleb-topheader:before, .circleb-topheader:after, .circleb-footer:before, .circleb-footer:after {
	position: absolute; z-index: 2; content: ""; 
	width: 140px; height: 224px; pointer-events: none; 
	background-image: url("/siteart/bubbles-headerfooter.png"); 
	background-size: contain; background-position: center; background-repeat: no-repeat; 
}
.circleb-topheader:before, .circleb-footer:before { left: -36px; transform: translateY(-50%); }
.circleb-topheader:after, .circleb-footer:after { right: -36px; transform: translateY(-50%) scaleX(-1); }
.circleb-topheader:before, .circleb-topheader:after { top: 85%; }
.circleb-topheader:before {}
.circleb-topheader:after {}
.circleb-footer:before, .circleb-footer:after { top: 50%; }
.circleb-footer:before {}
.circleb-footer:after {}
.circleb-footer a { 
	font-size: 17px; min-height: 30px; 
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.cbth-col, .cbfoot-col {
	position: relative; z-index: 4; 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
}
.cbth-col {}
.cbfoot-col {}
.cbth-col.cbth-left, .cbth-col.cbth-right, .cbfoot-col.cbfoot-left, .cbfoot-col.cbfoot-right { width: 50%; }
.cbth-col.cbth-left, .cbth-col.cbth-right {}
.cbfoot-col.cbfoot-left, .cbfoot-col.cbfoot-right {}
.cbth-col.cbth-left {}
.cbfoot-col.cbfoot-left {}
.cbth-col.cbth-center, .cbfoot-col.cbfoot-center { 
	position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); 
}
.cbth-col.cbth-center {}
.circleb-header-logo { max-width: 100%; }
.circleb-header-logo, .circleb-header-logo img { width: auto; height: 114px; }
.circleb-header-logo img { object-fit: contain; object-position: center; }
.cbfoot-col.cbfoot-center {}
.circleb-foot-logo { max-width: 100%; }
.circleb-foot-logo, .circleb-foot-logo img { width: min(100%, 162px); }
.circleb-foot-logo img { height: auto; object-fit: contain; object-position: center; }
.cbfoot-col.cbfoot-right {}
.circleb-header a, .circleb-header a.listed, .circleb-footer a, .circleb-footer a.listed { 
	color: #fff!important; letter-spacing: 1px; font-family: 'paralucent-condensed', sans-serif; 
}
.circleb-header a:hover, .circleb-header a.listed:hover, .circleb-footer a:hover, .circleb-footer a.listed:hover { 
	color: #0b6ef9!important; opacity: 1!important;  
}

.nav-div {
	position: relative; z-index: 6; height: 60px; padding: 0 24px; 
	background: rgba(0, 0, 0, .8); border-radius: 20px; 
	display: flex; justify-content: center; align-items: stretch; 
}

/* Site Colors: 
	
	--> Logo Green: #0b6ef9; <--
	
	Light Gray: #eee; 
	Med-Dark Gray: #333; 
*/
/*---BODY--------------------------------*/
.invisilink, a.invisilink, .invisilink:link, .invisilink:visited {
	font-family: 'paralucent-condensed', sans-serif; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; 
	transition: .35s ease all; position: relative; z-index: 2; 
}
.invisilink:before, .txt-hilite:before {
	position: absolute; z-index: -1; content: ""; left: 0; width: 100%; 
	background: #0b6ef9; transition: .3s ease all; 
}
.invisilink:before { height: 0px; opacity: 0!important; bottom: 5px; }
.txt-hilite { position: relative; }
.txt-hilite:before { opacity: 1!important; height: 13px!important; bottom: 0; }
a.invisilink:hover, .invisilink:link:hover, a.invisilink:active { 
	color: #FFFFFF; text-decoration: underline; text-shadow: none; 
}
a.invisilink:hover:before, 
.invisilink:active:before, 
a.invisilink.txt-hilite:hover:before, 
.invisilink.txt-hilite:active:before { 
	opacity: 1!important; height: 100%!important; bottom: 0px; 
	transition: .3s ease all, .05s ease opacity, .3s ease height; 
}

a.invisilink:hover { background: #0b6ef9; transition-delay: .15s; }
a.invisilink .txt-bold { transition: .25s ease all; }
a.invisilink:hover .txt-bold { color: #FFFFFF; text-shadow: none!important; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p {
	font-family: 'paralucent-condensed', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.25; 
	letter-spacing: .25px; color: #000; 
}

.title, .inv-btn-title {
	font-family: 'paralucent-condensed', sans-serif; font-size: 38px; font-weight: 600; line-height: 1; 
	letter-spacing: .5px; text-transform: uppercase; color: #000; 
}

.subtitle {
	font-family: 'paralucent-condensed', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.1; 
	color: #000; 
}

.subtitle2 {
	font-family: 'paralucent-condensed', sans-serif; font-size: 28px; font-weight: 400; line-height: 1.1; 
	color: #000; padding-top:20px;
}


.multi-title {
	position: relative; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.multi-title.center-style { align-items: center; }

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; z-index: 3; padding: 12px 18px; 
	display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 8px; 
	font-family: 'paralucent-condensed', sans-serif; font-size: 18px; font-weight: 600; line-height: 1.3; 
	text-transform: uppercase; text-align: left; letter-spacing: 1.25px; 
	color: #000; transition: .25s ease all; cursor: pointer; 
}
.btnclass:before {
	position: absolute; z-index: -1; content: ""; bottom: 12px; left: 0; width: 100%; height: 10px; 
	background: #0b6ef9; border: 1px solid rgba(0, 0, 0, 0); transition: .25s ease all; 
}
.btnclass:after, .inv-btn-title:after {
	position: relative; order: 2; content: "\f35a"; 
	font-family: 'Font Awesome 6 Free', icon; font-weight: 400!important; font-size: 16px; 
	transition: .25s ease all; 
}
.btnclass:after { font-size: 13px; }
/*.btnclass:hover { padding-left: 16px; padding-right: 16px; column-gap: 12px; }*/
.btnclass:hover:before { bottom: 0px; height: 100%; border: 1px solid #000; }

.listed {
	position: relative; padding: 12px 18px; 
	display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 10px; 
	font-family: 'paralucent-condensed', sans-serif; font-size: 18px; font-weight: 600; line-height: 1.3; 
	text-align: left; letter-spacing: .8px; 
	color: #000; transition: .25s ease all; 
}
.titled-listed {
	position: relative; 
	display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; 
	column-gap: 10px; 
}
.titled-listed.col-style { flex-direction: column; align-items: flex-start; row-gap: 8px; }
.titled-listed.col-style .listed { padding: 8px; }
.titled-listed p, .content-sect .titled-listed p { width: unset!important; }
.titled-listed .listed { padding: 0; }

a.listed:hover, .listed:link:hover, a.titled-listed:hover, .titled-listed:link:hover { opacity: .7; cursor: pointer; }

.listed.is-phone, .listed.is-phone { font-size: 25px!important; }
.listed.is-phone i, .listed.is-phone i, .listed i.is-phone { font-size: 20px!important; }

.listed.is-email, .listed.is-email { font-weight: 400!important; }

/* sections */
.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; 
	row-gap: 16px;
}
.content-sect.center-style { align-items: center; }

.content-sect p { width: 100%; }

.horiz-sect {
	width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; 
	column-gap: 12px; row-gap: 16px;
}
.horiz-sect.center-style { justify-content: center; }

.mission {
	position: relative; width: 100%; padding: 50px max(4.5%, calc(50% - 800px)); 
	display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 5%; row-gap: 24px; 
}
.mission .content-sect { width: 50%; }
.mission .missionimg { position: relative; width: 45%; background: #fff; margin: 0 auto; }
.mission .missionimg.mi-olined { padding: 24px 24px 20px 24px; border: 2px solid #0b6ef9; border-radius: 40px; }
.mission .missionimg.mi-olined > img, .mission .missionimg.mi-olined > img.img-contain { border-radius: 20px; }
.mission .missionimg > img { 
	width: 100%; height: auto; 
}
.mission .missionimg > img.img-contain {}

img.img-contain { object-fit: contain; }

/* Homepage - default.htm */
.homepage, .subpage { 
	width: 100%; position: relative; 
	display: flex; flex-direction: column; align-items: center; 
}

.hero, .subhero, .cta-hstyle {
	position: relative; width: 100%; background: #111; 
	padding-left: max(2.5%, calc(50% - 800px)); padding-right: max(2.5%, calc(50% - 800px)); 
	display: flex; align-items: center; 
}
.hero {
	padding-top: min(15vw, 280px); padding-bottom: min(15vw, 280px); 
	justify-content: center; 
}
.subhero, .cta-hstyle { justify-content: flex-start; }
.hero > img, .subhero > img, .cta-hstyle > img, .inv-btn > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.hero > *:not(img), .subhero > *:not(img), .cta-hstyle > *:not(img) {
	position: relative; z-index: 3; 
}

.hero-overlay, .cta-hstyle .content-sect {
	padding: 20px 30px 20px; background: rgba(0, 0, 0, .8); border-radius: 20px; 
}

.inv-btns-holder {
	position: relative; border-radius: 20px; overflow: hidden; padding-bottom: 24px; 
	display: flex; flex-wrap: wrap; align-items: stretch; column-gap: 2px; row-gap: 2px; 
}
.inv-btn {
	position: relative; width: calc(50% - 1px); 
	display: flex; justify-content: center; align-items: center; 
	background: #000; padding: min(80px, max(40px, 4.5vw)) 16px; transition: .25s ease all; 
}
.inv-btn > img { opacity: .35; transition: .25s ease all; }
.inv-btn .inv-btn-title { 
	position: relative; z-index: 2; font-size: 24px; text-align: center; 
	display: flex; justify-content: center; align-items: center; column-gap: 8px; 
	color: #fff; transition: .25s ease all; 
}
.inv-btn-title:after { font-size: 20px; }

a.inv-btn:hover > img { opacity: .7; }
/*a.inv-btn:hover .inv-btn-title { column-gap: 12px; }*/

.inv1, .inv1 > img { border-top-left-radius: 20px; }
.inv2, .inv2 > img { border-top-right-radius: 20px; }
.inv5, .inv5 > img { border-bottom-left-radius: 20px; }
.inv6, .inv6 > img { border-bottom-right-radius: 20px; }

.cta-hstyle { padding-top: 70px; padding-bottom: 70px; }
.cta-hstyle.righty { justify-content: flex-end; }

/* subpages */
.subpage {}

.subhero { padding-top: 120px; padding-bottom: 40px; }

/* contact-us.htm */
.contactpage {}

.map-div iframe { width: 100%!important; height: 400px!important; border-radius: 20px; }

/* sell-with-us.htm */
.consignpage {}

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.center-style, .center-style .title, .center-style .subtitle, .center-style p, 
.title.center-style, .subtitle.center-style, p.center-style { text-align: center; }

.darkmode .title, .darkmode .subtitle, .darkmode p, .darkmode span, .darkmode .listed, .darkmode .listed i, .darkmode .titled-listed, .darkmode .listed-title, .darkmode label, .darkmode .CaptchaMessagePanel { 
	color: #fff; text-shadow: 1px 1px 0 #000, 0 0 20px #000; 
}

.darkmode .btnclass, .darkmode .btnclass:after { 
	color: #fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0 0 12px #000; 
}
.darkmode .btnclass:hover, .darkmode .btnclass:hover:after, 
.darkmode-off .btnclass, .darkmode-off .btnclass:after, 
.darkmode-off .title, .darkmode-off .subtitle, .darkmode-off p, .darkmode-off span, .darkmode-off .listed, .darkmode-off .listed i, .darkmode-off .titled-listed, .darkmode-off .listed-title { 
	color: #FFF; text-shadow: none; 
}

.bg-bubbles, .bg-bubbles-reversed { position: relative; z-index: 2; }
.bg-bubbles, .bg-bubbles-reversed:before {
	background-image: url('/siteart/bg-bubbles.png'); 
	background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; 
}
.bg-bubbles-reversed:before { 
	position: absolute; z-index: -1; content: ""; top: 0; left: 0; width: 100%; height: 100%; 
	transform: rotate(180deg); 
}

/* forced styles */
.txt-bold { font-weight: 600!important; }

.force-padtb-0 { padding-top: 0!important; padding-bottom: 0!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/


/*-------- FOOTER STYLES are in header this time ----------------*/
footer {  }


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: flex; width: 100%; height: 80px; background: #000; }

/* AT styles */
.list.listing { display: flex!important; }

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

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	
}

@media only screen and (max-width: 1500px) {
	body, .txt-default, .content-sect p, .listed:not(.is-phone) { font-size: 17px; }
}

@media only screen and (max-width: 1400px) {
	.inv-btn .inv-btn-title { font-size: 21px; }
	.inv-btn-title:after { font-size: 18px; }
	
	.cta-hstyle { padding-top: 50px; padding-bottom: 50px; }
}

@media only screen and (max-width: 1300px) {
	.invbtns-mission { flex-direction: column-reverse!important; }
	.invbtns-mission.force-mission-not-cr { flex-direction: column!important; }
	.invbtns-mission .content-sect, .invbtns-mission .inv-btns-holder { width: 100%!important; }
	.inv-btn { width: calc(33.333333% - 1.333333px); padding: 20px 12px; min-height: 140px; }
	.inv2, .inv2 > img { border-top-right-radius: 0px; }
	.inv3, .inv3 > img { border-top-right-radius: 20px; }
	.inv4, .inv4 > img { border-bottom-left-radius: 20px; }
	.inv5, .inv5 > img { border-bottom-left-radius: 0px; }
}

@media only screen and (max-width: 1280px) {
	.circleb-topheader, .circleb-footer { padding-left: 0; padding-right: 0; }
	.cbth-col.cbth-left, .cbth-col.cbth-right, .cbfoot-col.cbfoot-left, .cbfoot-col.cbfoot-right { padding-left: 3vw; padding-right: 3vw; }
}

@media only screen and (max-width: 1200px) {
	.title { font-size: 34px; }
	.subtitle { font-size: 30px; }
}

@media only screen and (max-width: 1180px) {
	.circleb-footer { flex-wrap: wrap; column-gap: 0; }
	.circleb-footer:before, .circleb-footer:after { width: 200px; height: 320px; }
	.circleb-footer:before { top: unset; bottom: 32px; transform: none; left: -80px; }
	.circleb-footer:after { top: 32px; transform: scaleX(-1); right: -80px; }
	.cbfoot-col.cbfoot-center { order: 1; position: relative; top: unset; left: unset; transform: none; width: 100%; padding: 0 5vw; }
	.cbfoot-col.cbfoot-left, .cbfoot-col.cbfoot-right { padding-left: 3vw; padding-right: 3vw; }
	.cbfoot-col.cbfoot-left { order: 2; }
	.cbfoot-col.cbfoot-right { order: 3; }
}

@media only screen and (max-width: 1120px) {
	.mission { flex-direction: column; }
	.mission-cr, .mission.mission-cr { flex-direction: column-reverse; }
	.mission .content-sect, .mission .missionimg { width: 100%; }
	.mission .missionimg { width: unset; max-width: 100%; margin: 0 auto; }
	.mission .missionimg > img { width: auto; max-width: 100%; max-height: 400px; }
	.map-div { width: 100%!important; }
	
	.inv-btn { min-height: 120px; }
	
	.cta-hstyle { padding-top: 42px; padding-bottom: 42px; }
	
	.homepage .home-mission.force-padtb-0 { padding-top: 24px!important; padding-bottom: 24px!important; }
}

@media only screen and (max-width: 1080px) {
	.cbth-col.cbth-left { padding-left: 0; padding-right: 24px; }
	.cbth-col.cbth-right { padding-left: 24px; padding-right: 0; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1000px) {
	.circleb-header { margin-bottom: 0; }
	.circleb-topheader { flex-direction: column; height: 108px; }
	.circleb-topheader:before, .circleb-topheader:after { display: none!important; }
	.cbth-col.cbth-center { left: 0; transform: translateY(-50%); padding-left: 2.5vw; }
	.circleb-header-logo, .circleb-header-logo img { height: 102px; }
	.cbth-col.cbth-left, .cbth-col.cbth-right { width: unset; padding: 0; height: 50px!important; }
	.circleb-header a.listed, .circleb-header a.listed.is-phone { padding-top: 0; padding-bottom: 0; height: 50px!important; }
	.nav-div { display: none!important; }
	
	.mission { padding: 42px 4%; }
	.mission .missionimg.mi-olined { padding: 16px 16px 12px 16px; border-radius: 30px; }
	.mission .missionimg.mi-olined.inv-btns-holder { padding-bottom: 16px!important; }
	
	.subhero { padding-top: 40px; padding-bottom: 40px; }
	
	.circleb-foot-logo, .circleb-foot-logo img { width: min(100%, 122px); }
}

@media only screen and (max-width: 920px) {
	.circleb-footer { padding-bottom: 42px; }
	.cbfoot-col.cbfoot-left, .cbfoot-col.cbfoot-right { width: 100%; }
	.cbfoot-col.cbfoot-right { order: 2; }
	.cbfoot-col.cbfoot-left { order: 3; }
	.circleb-footer a { min-height: 42px; }
}

@media only screen and (max-width: 800px) {
	.title { font-size: 30px; }
	.subtitle { font-size: 26px; }
	
	.subhero { padding: 0; }
	.subhero .hero-overlay { width: 100%; border-radius: 0; align-items: center; }
	.subhero .hero-overlay .multi-title { align-items: center; }
	.subhero .hero-overlay .horiz-sect { justify-content: center; }
	.subhero .hero-overlay .title, .subhero .hero-overlay .subtitle, .subhero .hero-overlay p { text-align: center; }
}

@media only screen and (max-width: 750px) {
	.inv-btn { width: calc(50% - 1px); min-height: 120px; }
	.inv2, .inv2 > img { border-top-right-radius: 20px; }
	.inv3, .inv3 > img { border-top-right-radius: 0px; }
	.inv4, .inv4 > img { border-bottom-left-radius: 0px; }
	.inv5, .inv5 > img { border-bottom-left-radius: 20px; }
}

@media only screen and (max-width: 700px) {
	.hide700 { display: none!important; }
}

@media only screen and (max-width: 650px) {
	.inv-btn { min-height: 110px; }
	.inv-btn .inv-btn-title { font-size: 20px; }
	.inv-btn-title:after { font-size: 18px; }
}

@media only screen and (max-width: 600px) {
	.mission .missionimg.mi-olined, .mission .missionimg.mi-olined > img, .mission .missionimg.mi-olined > img.img-contain { padding: 0; border: none; border-radius: 20px; background: none; }
	.mission .missionimg.mi-olined.inv-btns-holder { padding: 0!important; }
}

@media only screen and (max-width: 520px) {
	.inv-btn { min-height: 100px; }
	.inv-btn .inv-btn-title { font-size: 18px; }
	.inv-btn-title:after { font-size: 16px; }
}

@media only screen and (max-width: 480px) {
	.circleb-topheader { height: 98px; }
	.circleb-header-logo, .circleb-header-logo img { height: 92px; }
	.cbth-col.cbth-left { display: none!important; }
}

@media only screen and (max-width: 420px) {
	.inv-btn { width: 100%; min-height: 70px; }
	.inv2, .inv2 > img { border-top-right-radius: 0px; }
	.inv5, .inv5 > img { border-bottom-left-radius: 0px; }
	.inv6, .inv6 > img { border-bottom-left-radius: 20px; }
}

@media only screen and (max-width: 360px) {
	.btnclass:after { display: none!important; }
}

@media only screen and (max-width: 300px) {
	body, a, p, span { word-break: break-word; }
}

@media only screen and (max-width: 180px) {
	.circleb-topheader { flex-direction: column; height: 170px; }
	.cbth-col.cbth-center { top: 4px; left: 50%; transform: translateX(-50%); }
}