/*---colors
dbac5e gold
---*/

/* 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 { 
    
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Lato', sans-serif;
}

@font-face{
	font-family:OstrichSansRegular;
	src:url(../fonts/OstrichSansInline-Regular.otf)
}

@font-face{
	font-family:OstrichSansMedium;
	src:url(../fonts/OstrichSans-Medium.otf);
}

@font-face{
	font-family:OstrichSansBold;
	src:url(../fonts/OstrichSans-Bold.otf);
}

@font-face{
	font-family:OstrichSansBlack;
	src:url(../fonts/OstrichSans-Black.otf);
}

@font-face{
	font-family:OstrichSansLight;
	src:url(../fonts/OstrichSans-Light.otf)
}


a {
	color:#fff;
	text-decoration:none;
	
}

a:hover{
	color:#AB010E;
	text-decoration:none;
}

h3{
	    font-family: 'OstrichSansRegular';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    color: #000;
    letter-spacing: 2px;
}

p{
	padding:20px 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
	font-family: 'Lato', sans-serif;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px 0;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

.large-pad{
	width:100%;
	margin:0 auto;
	padding:120px 10px;
	position:relative;
}



.top-tab{
	position:fixed;
	top:90%;
	right:5px;
	z-index:9999;
}

.break{
	height:30px;
	width:100%;
	background:url(../siteart/black-twill.png);
	opacity:.6;
}



::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.social-links{
	width: 100%;
    padding: 10px 0;
    background: #333;
    position: relative;
    display: inline-block;
}
.social-links a {
	padding: 0 5px;
    display: inline-block;
}

.social-links img{
	display:inline-block;
	width:23px;
	vertical-align:middle;
	text-align:right;
	margin:0 5px;
}
.header{width:100%;display:inline-block;text-align:right;margin:0 auto;background:#707070;}

.logo a{display: inline-block;
}
.logo img{
	    max-width: 100%;
    width: 400px;
}

.main-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    padding: 20px 0;
}
/* HOME SLIDE
----------------------------------------------*/

.slide-wrap {position: relative;}
.home-slide .slick-slide {
    max-height: 630px;
    overflow: hidden;
	height: 75vh;
	min-height: 400px;
}
.slider-nav {padding-bottom: 2.5px;padding-top: 2.5px;}
.slider-nav .slick-track {
    height: 150px;
    overflow: hidden;
}
.slider-nav .slick-slide {
  transition: 0.3s;
    margin: 2.5px;
    opacity: .6 !important;
    cursor: pointer;
}

.slider-nav .slick-slide:hover {opacity: 1 !important;}
.slider-nav .slick-current {opacity: 1 !important;}

.home-slide img,.slider-nav img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}

.home-slide img {filter:brightness(.8)}

.next-slide {
        position: absolute;
    top: 50%;
    padding: 0;
    background: none;
    font-size: 16px;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
    border-radius: 0;
    z-index: 9;
	cursor: pointer;
}
.back-slide {
   position: absolute;
    top: 50%;
    padding: 0;
    background: none;
    font-size: 16px;
    transform: translate(-50%, -50%);
    padding: 20px;
    position: absolute;
    left: 50px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
    border-radius: 0;
    z-index: 9;
	cursor: pointer;
}

.back-slide:hover,.next-slide:hover {background: #000 !important;}
/* HOME PAGE STYLES
-----------------------------------------------*/

.hero{
	text-align:center;
	width:100%;
	margin:0 auto;
	display:block;
	position:relative;
}

.hero img{
	width:100%;
	display:block;
}

.text-overlay{
	position:absolute;
	top:20%;
	left:0;
	width:100%;
	text-align:center;
	color:#fff;
}

.text-overlay span {
    font-family: 'OstrichSansRegular', 'Roboto Condensed', Sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.3);
    display: block;}

.hero-page{
	text-align:
	center;
	width:100%;
	margin:0 auto;
	position:
	relative;
	background-image: url("/siteart/hero.jpg");
	background-size: cover;
	height: 200px;
	background-position: bottom;
}

.hero-page img{
	width:100%;
	display:block;
}

.text-overlay{
	    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: rgb(25 25 25 / 70%);
    padding: 40px;
    width: fit-content;
    box-sizing: border-box;
}

.text-overlay h1{
	font-size:2.5vw;
	font-family:'OstrichSansRegular', 'Roboto Condensed', Sans-serif;
	text-transform:uppercase;
	letter-spacing: 3px;
	padding-bottom:30px;
text-shadow: 2px 1px 3px rgba(0,0,0,0.3);
}

.home-btn{
	background:#AB010E;
	text-transform:uppercase;
	padding:20px 60px;
	text-decoration:none;
	font-family:'Lato', Sans-Serif;
	border:2px solid #fff;
	border-radius:5px;
	display: inline-block;
}

.home-btn:hover{
	color:#fff;
	text-shadow:2px 2px 6px #5A1718;
	background:#C3252A;
}


#about h2{
	font-family:'OstrichSansRegular',  'Roboto Condensed', Sans-Serif;
	font-weight:600;
	text-transform:uppercase;
	font-size:36px;
text-shadow: 2px 1px 3px rgba(0,0,0,0.3);
	letter-spacing: 1px;
}

#contact{
	background:url(../siteart/contact-bg.jpg) no-repeat;
	background-color:#000;
	background-size:cover;
	padding-left:16%;
	overflow-x:hidden;
}

.contact-left{
	width:20%;
	display:inline-block;
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
	color:#fff;
}

.contact-left img{
	width:25px;
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
}

.contact-left p{
	width:80%;
	display:inline-block;
	text-align:left;
	padding-left: 20px;
	vertical-align:middle;
}

.contact-left a{color:#fff; text-decoration:none;}
.contact-left a:hover{color:#fff;text-decoration:underline;}
.contact-right{
	width:76%;
	display:inline-block;
	vertical-align:middle;
	margin-left:43px;
	box-shadow:-1px 1px 3px #6d4141;
	overflow-x:hidden;
}

#services{
	background:url(../siteart/simple-dashed2.png) #e0e0e0;
	text-align:left;
}


#consignments {
	background:url(../siteart/simple-dashed2.png) #e0e0e0;
}

#consignments img{
	display:inline-block;
	width:20%;
	vertical-align:middle;
	margin:0 auto;
}

#gallery h1 { font-size: 2.5vw;
    font-family: 'OstrichSansRegular', 'Roboto Condensed', Sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3);}

.cons-right{
	width:69%;
	display:inline-block;
	margin:0 0 0 80px;
}



.center{text-align:center;}

.thumbnail{
	display:inline-block; 
	zoom:1; 
	*display:inline;
	width:14%;
	margin:10px;
	vertical-align:top;
}

.shop-images{
	display: flex;
	justify-content: space-around;
	width: 100%;
	flex-wrap: wrap;
}


/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {
}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#AB010E !important;
}
.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.scrolling-wrap {
	padding:10px 0 3px;
    width:100%;
    height:auto;
    overflow:hidden;
	background:#fff;
	margin:184px 0 0 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.sub-scrolling-wrap {
	padding:10px 0 3px;
    width:100%;
    height:auto;
    overflow:hidden;
	background:#fff;
	margin:0 auto;
}

/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#606060;
	padding: 0 0 30px 0;
}

.footer a{
	color:#eaeaea;
	text-decoration:underline;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}

/*INVENTORY STYLES*/

.button{
	display:none!important;
}
.list-top-section .list-title .list-title-text {    font-family: 'OstrichSansRegular', 'Roboto Condensed', Sans-serif !important;letter-spacing: 2px !important;}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {background:#AB010E !important; color: #fff !important;}
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-family: 'OstrichSansRegular', 'Roboto Condensed', Sans-serif !important;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #AB010E !important;text-transform: uppercase; letter-spacing: 1px;font-family:'oswaldregular' !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}



@media screen and (max-width:1560px){
	#contact{padding-left:8%;}
	.logo img {width: 350px;}
}

@media screen and (max-width:1310px){
	.contact-right{width:75%;}
}

@media screen and (max-width:1280px){
	.main-head {
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;padding: 20px 0 0;
	}	.main-head {width: 100%;}
	.logo {flex-basis: 100%;
    text-align: center;}
	.text-overlay h1{font-size:36px;}
	.home-slide .slick-slide {
    	height: 50vh;
    	min-height: 360px;
	}
}

@media screen and (max-width:1040px){
	#contact{padding-left:10px;}
	.contact-right{width:74%;}
}

@media screen and (max-width:970px){
	.logo img{width:350px;}
	.contact-left{width:100%;}
	.contact-info{display:inline-block;width:33%;}
	.contact-right{width:100%;margin-left:0;}
}

@media screen and (max-width:885px){
	.contact-left{width:100%;}
	.contact-info{display:block;width:100%;}
	.text-overlay {width: 75% !important}
	.thumbnail{width:25%;}
}

@media screen and (max-width:805px){
	#consignments img{display:none;}
	.cons-right{width:100%;margin:0 auto;}
	
}
@media screen and (max-width:650px){
	.text-overlay h1{font-size:30px;}
	.thumbnail{width:45%;}
	.main-head {gap: 10px;}
	.slider-nav .slick-track {
		height: 90px;}
}

@media screen and (max-width:530px){
	.text-overlay h1{padding-bottom:30px;}
	.home-btn{padding:10px 40px;}
	.hero-page{height: 100px;}
}

@media screen and (max-width:450px){
	.text-overlay {padding: 20px;}
	.text-overlay h1{font-size:24px;}
	.home-btn{font-size:14px;}
	.divfooter{width:90%;z-index:0;}
	.large-pad{padding:80px 10px;}
	
	.thumbnail{width:80%;}
		.logo img{
		width:90%;
	}
	
.home-slide .slick-slide {
    height: 40vh;
    min-height: 360px;
}
	.back-slide,.next-slide {display: none;}	
	.text-overlay span {display: inline-block;}
}

@media screen and (max-width:390px){
	.text-overlay h1{font-family:'OstrichSansMedium', Sans-serif;}
	#about h2{font-family:'OstrichSansMedium', Sans-serif;}
	#contact{padding-left:0;}
	
	.text-overlay{position:unset;transform: unset;width: 100% !important;background: #000;}
	.home-slide .slick-slide {
    height: 30vh;
    min-height: 200px;
}
}