/***** BEGIN RESET *****/
 @import url("https://use.typekit.net/jmc8dwv.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;	
}
body{
	font-family: 'ff-dagny-web-pro', sans-serif !important;
}
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 --------
red #f2c417
*/

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

#width-90{
	width:90%;
	margin: 0 auto;
}

h2{
	font-size:40px;
	font-weight:800;

}
h3{
	font-size: 26px;
	text-transform: uppercase;
}
body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
a{
	transition: .3s ease;
}


/*--- HEADER STYLES ---------------------*/
header {}
.mobile-logo{
	display:none;
}
.top .fa{
	background-color:#f2c417;
	color:#000;
	border-radius: 50%;
    padding:7px 7px;
	margin:5px 2px 0px 2px;
	transition:.3s ease;
}
.top-line hr{
	color:#fff;
	Border-bottom: 3px solid #000;
	border-top:none;
	padding-top:2px;
}
.home-logo {
	padding-right:30px;
	position:absolute;
	left:39%;
	top:95%;
	z-index:100;
}
.home-logo img{
	max-width:400px;
}

.logo img{
	max-width:200px;
}
.logo{
	padding-right:30px;
	position:absolute;
	left:45%;
	top:5%;
	z-index:100;
}
.top{
	background-color:#f2c417;
	padding:10px 0px;
}
.top ul{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.top ul li a{
	color:#000;
	align-items:space-between;	
}
.top ul li a:hover{
	color:#fff;
}
.top ul li a:hover .fa{
	color:#fff;
}
.right-nav{
	justify-content: flex-end;
}

/*---BODY--------------------------------*/
.slideshow{
	max-width:100%;	
	clear:both;
}

.slider-back img{
	max-width:100%;
}
.slider-back{
	position:relative;
	z-index:0;
}
.slide-caption{
	position:absolute;
	bottom:40%;
	left:12%;
}
.slide-caption{
	color:#fff;
	
}
.slide-caption h1{
	font-size:65px;
	letter-spacing: 1.5px;
	text-transform:uppercase;
}
.slide-caption p{
	font-size:20px;
	letter-spacing:1.5px;
	line-height:24px;
	font-weight:200;
	padding: 0 0 40px 0;
}
.slide-caption a{
	color:#fff;
	background-color:#000;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 100;
	padding: 14px 24px;
	box-shadow: inset 0 0 0 0 #000;
	transition: color .5s ease-in-out, box-shadow .5s ease-in-out;
}
.slide-caption a:hover{
	box-shadow: inset 200px 0 0 0 #f2c417;
	color:#000;
}

/*----slideshow arrows----------*/
/*--
.cycle-next{
	display: block;
    position: absolute!important;
    bottom: 62%;
    width: 50px;
    height: 50px;
    color:#fff;
	background:transparent;
	z-index:200;
	right:1%;
	transition:.3s ease;
	
}
.cycle-prev{
	display: block;
    position: absolute!important;
    bottom: 62%;
    width: 50px;
    height: 50px;
	left:3%;
	color:#fff;
	background:transparent;
	z-index:200;
	transition:.3s ease;
}
.cycle-next:hover, .cycle-prev:hover{
	cursor:pointer;
	color:#d71d24;
}--?
/*---------quick links----------*/
.ql {
	max-width:260px;
}
.ql-logo img{
	max-width: 100%;
	padding-right: 20px;
}
.quick-links{
	display:flex;
	flex-direction:row;
}
.ql{
	display:flex;
	flex-direction:row;
	padding:3% 0 0 0;
	max-width:100%;
	justify-content:center;
}
.first-ql, .second-ql, .third-ql{
	position:relative;
	padding: 0 5px;
	max-width: 450px;
}
.first-ql img, .second-ql img, .third-ql img{
	transition: .5s ease-in-out;
	max-width: 100%;
}
.first-ql:hover img, .second-ql:hover img, .third-ql:hover img{
	filter: brightness(60%);
}
.ql-right{
	position:absolute;
	left:80%;
	transition: .5s ease-in-out;
}
.first-ql:hover .ql-right, .second-ql:hover .ql-right, .third-ql:hover .ql-right{
	left:85%;
}

.ql-left{
	transform:skewX(-12deg);
	
}
.ql-left p{
	font-size:16px;
}
.ql-right{
	margin-top:20px;
}
.qltext{
	position:absolute;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	width: 96%;
	margin: 0 auto;
	bottom:70px;
	left:40px;
	color:#fff;
}
/*------welcome section------*/

.welcome{
	width:40%;
	margin: 0 auto;
	text-align:center;
	padding: 4% 0;
	line-height:24px;
}
.welcome h3{
	padding-bottom:10px;
	transform:skewX(-12deg);
	text-transform:uppercase;
	font-size:20px!important;
	color:#8C710E;
	
}
.welcome p{
	padding-top:25px;
	letter-spacing:1px;
	font-weight:200;
	font-size:18px;
	color:#535353;
	line-height: 28px;
}

/*------contact section--------*/
.black-line hr{
	color:#fff;
	Border-top: 3px solid #000;
	border-bottom:none;
	
}
.contact-info{
	width: 100%;
	background-color:#000;
	padding: 5px 0;
}
.cont{
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
}

.contact{
	display:flex;
	flex-direction:row;
	width:80%;
	margin:0 auto;
}
.contact .fa{
	color:#fff;
	margin-right:5px;
}
.contact ul{
	display:flex;
	flex-direction:row;
}
.contact ul li{
	margin: 0 40px;
	margin-top:10px;
}
.contact-info a{
	color:#fff;
}
.message-box{
	max-width: 20%;
}
.message-box a{
	color:#000!important;
}
.message-box p{
	display:flex;
	justify-content:flex-end;
	background-color:#fff;
	padding: 12px 22px;
	box-shadow: inset 0 0 0 0 #000;
	transition: color .5s ease-in-out, box-shadow .5s ease-in-out;
}
.contact-info a:hover, .contact-info a:hover .fa{
	color:#f2c417;
}
.message-box p:hover{
	box-shadow: inset 200px 0 0 0 #f2c417;
	color:#000;
}
.message-box p:hover a{
	color:#000;
}
/*------map----------*/
.map{
	max-height:20%vh;
}
/*-----auction time-----*/
#at-section{
	padding-top:60px;
	width: 70%;
	margin: 0 auto;
	clear:both;
}
/*---------contact page----------*/
.contact-pg{
	display:flex;
	flex-direction:column;
	position:relative;
	width:100%;
	margin: 0 auto;
	clear:both;
}
.contact-top{
	background:#111 url("../siteart/contact2.png") no-repeat;
	background-position: center;
	background-size:cover;

}
.contact-top h1{
	margin: 0 auto;
	color:#fff;
	font-size:40px;
	text-align: center;
	padding: 9% 0 7% 0;
	border-bottom: solid 3px #f2c417;
}
.map-info{
	clear:both;
}
.info-container{
	position:absolute;
	display:flex;
	flex-direction:row;
	justify-content: space-around;
	background-color:#fff;
	padding: 15px 25px 35px 25px;
	bottom: 45%;
	width: 55%;
	margin: 0 auto;
	left: 22%;
}
.info-area{
	padding: 0 15px;
	text-align:center;
}
.info-area a{
	color:#000;	
}
.info-area a:hover{
	color:#f2c417;
}
.info-container .info-area i{
	background-color:#000;
	color:#fff;
	border-radius: 50%;
    padding:30px 32px;
	margin:10px 0 20px 0;
	transition:.3s ease;

}
.info-container .info-area:hover i{
	background-color:#f2c417;
	color:#000;

}
.message-top{
	padding: 4% 0 0 0;
	width: 55%;
	margin: 0 auto;
}
.message-top h3{
	color:#000;
}
.message-top hr{
	border-top: solid 2px #000;
}

/*--------FORM STYLES--------------------*/
.form{
	width:55%;
	margin: 0 auto;
	text-align: left;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 15px;
}
#formpage .flex-input input{
	background-color: #F3F3F3;
	width: 100%;
}
#formpage input {
	padding: 6px 5px 10px;
	border:solid 1px #dcdcdc;
	color: #5A5A5A;
	font-size: 14px;
	margin-top: 5px;
	
}
.flex-row{
	display:flex;
	flex-direction:row;
	max-width:100%;
}
.fa-star-of-life{
	color:#000;
}
#formpage {
	width:100%;
	vertical-align: top;
	display:inline-block;
	text-align:left;
	padding: 60px 0px;
}

.form-half{
	width:48%;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
}

#formpage textarea {
	padding: 6px 5px;
	border: 1px solid #dcdcdc;
	background-color: #F3F3F3!important;
	color: #000;
	font-size: 16px;
	background: #fff;
	width: 98%;
	margin-left:7px;
	height: 75px;
	border-radius:2px;
	margin-top:10px;
}

#formpage textarea:focus{
	border: 1px solid #eaeaea;
	border-radius:2px
}
.submit-button{
	text-align:center;
	
}
input[type="submit"]{
	background-color:#000;
	color:#fff!important;
	width:18%;
	transition: .3s ease;
	margin: 10px 0 ;
}
input[type="submit"]:hover{
	background-color:#f2c417;
	color:#000!important;
}
.fa-star-of-life{
	color:#000
}
/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/*--------thank you----------*/
.thankyou{
	width:80%;
	margin: 0 auto;
	text-align:center;
	padding: 8% 0;
	clear:both;
}
.thankyou p{
	font-size: 18px;
	font-weight:300;
}
.thank-icon .fa{
	background-color:#000;
	color:#fff;
	border-radius: 50%;
    padding:26px 28px;
	margin:10px 0 20px 0;
	transition:.3s ease;
}
/*-------- FOOTER STYLES ----------------*/
.footer{
	background-color:#222;
	color:#f2c417;
}
.left-foot-links{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	width:50%;
}
.left-footer{
	display:flex;
	flex-direction:row;
	width:58%;
	justify-content: space-between;
}
.foot-auctions ul li{
	padding:0 0 10px 0;color:#fff;
}
.footer-container{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	padding: 2% 0;
	line-height:24px;
	font-weight: 200;
	font-size:14px;
	letter-spacing: 1px;
}
.footer a{
	color:#fff;
}
.footer a:hover{
	color:#f2c417;
}
.foot-logo img{
	max-width:190px;
}

.foot-contact ul{
	display:flex;
	flex-direction:row;
}
.mobile-foot-contact{
	display:none;
}
hr{
	margin: 0 0 2px 0;
	padding: 0;
	color:#fff;
	Border-top: 3px solid #f2c417;
	border-bottom:none;
}
.foot-ql p, .foot-auctions p, .foot-contact p{
	padding-bottom:6px;
	font-weight: 600!important;
}
.foot-contact ul li .fa, .mobile-foot-contact ul li .fa{
	background-color:#666666;
	color:#fff;
	border-radius: 50%;
    padding:15px 11px;
	margin:5px 2px 0px 2px;
	transition:.3s ease;
}

.foot-contact ul li .fa:hover, .mobile-foot-contact ul li .fa:hover{
	background-color:#f2c417;
	color:#000;
}
/*------bottom footer-------*/

.footer-bottom{
	background-color:#000;
	width: 100%;
	padding: 15px 0;
}
.foot-btm{
	width: 80%;
	margin: 0 auto;
	color:#fff;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	font-weight: 200;
	letter-spacing: 1px;
}

.foot-left ul{
	display:flex;
	flex-direction:row;
	justify-content: flex-start;
}
.foot-left ul li{
	padding: 0 15px;
}
.foot-left a{
	color:#fff;
}
.foot-left a:hover{
	color:#C5C5C5;
}
.foot-right{
	display:flex;
	flex-direction:row;
}
.foot-right img{
	margin-top:-8px;
	transition: .3s ease;

}
.foot-right img:hover{
	opacity: .5;
}

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

/*--------inventory container-*/
.container{
	clear:both;
}





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

@media screen and (max-width: 1690px)  {
	.ql h3{
		font-size: 22px;
	}
	.ql p{
		font-size:14px;
	}
}
@media screen and (max-width: 1490px)  {
	.ql h3{
		font-size: 20px;
	}
	.ql p{
		font-size:13px;
	}
	
}
@media screen and (max-width: 1420px)  {
	.ql{
		flex-direction:column;
	}
	.ql-logo{
		margin: 0 auto;
	}
	.slide-caption h1{
		font-size:50px;
	}


@media screen and (max-width: 1340px)  {
	.mobile-logo{
		display:block;
		max-width: 180px;
		margin-left: 5%;
		float:left;
	}
	.mobile-logo img{
		max-width:100%;
	}
	.slide-caption h1{
		font-size: 50px;
	}
	.slide-caption p{
		font-size: 16px;
	}
	.qltext{
		bottom:55px;
	}
	.welcome{
		width: 60%;
	}
	.cont{
		width:90%;
	}
	.contact{
		width:auto;
	}
	.contact ul li{
		margin: 10px 22px 0;
		
	}
	.contact-info a{
		font-size:15px;
	}
	.message-box{
		max-width:30%;
	}
	
	.left-footer{
		width:63%;
	}
}
	
@media screen and (max-width: 1050px)  {
	.slide-caption h1{
		font-size:40px;
	}
	.slide-caption p{
		font-size:15px;
	}
	.slide-caption a{
		font-size:12px;
		padding:12px 20px;
	}
	.slide-caption{
		bottom:30%;
	}
	.first-ql, .second-ql, .third-ql{
		width:360px;
		padding: 4% 0;
	}
	.quick-links{
		flex-direction:column;
		margin: 0 auto;
	}
	.left-footer{
		flex-direction:column-reverse;
		margin: 0 auto;
		width: 100%;
		}
	.foot-contact{
		display:none;
	}
	.mobile-foot-contact p{
	font-weight:600;
}
	.mobile-foot-contact{
		display:flex;
		flex-direction:column;
		padding-top:10px;
	}
	.mobile-foot-contact ul{
		display:flex;
		flex-direction:row;
	}
	.left-foot-links{
		margin: 0 auto;
	}
	.foot-logo{
		margin: 0 auto;
		padding:30px 0;
	}
	.info-container{
		width:65%;
		left:16%;
		bottom:45%
	}
	
@media only screen and (max-width: 890px) {
	.cont{
			flex-direction:column;
		}
	.message-box{
			margin: 0 auto;
			text-align:center;
			padding-top:10px;
			max-width:90%;
	}
		.foot-btm{
			width:95%;
			
		}
	}
	
	@media only screen and (max-width: 860px) {
		.welcome{
		width: 90%;
		padding:9% 0;
	}
		
		.slider-back{
			height:330px;
		}
		.slide img{
			object-fit: cover!important;
			width:100%;
			height:100%;
		}
		.flex-row{
			flex-direction:column;
		}
		.form-half{
			width:97%;
			margin: 0 0 10px 10px;
		}
		.contact-top h1{
			padding:8% 0 13% 0;
		}
		.top span{
			display:none;
		}
		.info-container .info-area i{
   		padding: 20px 22px;
   		margin: 10px 0 20px 0;
    	transition: .3s ease;
		}
		#at-section {width:85%;}
		
}
@media only screen and (max-width: 768px) {
	
	.left-foot-links{
		width:80%;
	}
	.foot-left ul li{
		padding: 0 5px;
	}
	.ql-logo img{
		width:180px;
	}
	.form, .message-top{
		width:70%;
	}
	.info-container{
		width:80%;
		left:6%;
		bottom:40%
	}
	iframe{
		height:350px;
	}
	.contact .fa{
		margin-right:0!important;
	}
	.contact-info-area a{
		font-size:14px;
	}
	.contact ul li{margin: 10px 7px 0;}
	
}
@media only screen and (max-width: 650px) {
	.welcome h2{font-size:33px;}
	.cont, .contact{width:100%; margin:0 auto;}
	.contact ul{margin:0 auto; justify-content: space-between;}
	.foot-left a, .foot-left li{font-size:12px;}
	.foot-right p{font-size:12px}
	.foot-right img{width: 80px;margin-top:-20px}
	.foot-right{margin-top:5px;}
	.info-area{width:140px;}
	.info-container .info-area i{
		padding:15px 16px;
		font-size:26px;
	}
	.info-container .info-area p{
		font-size: 14px;
	}
	.slide-caption h1{
		font-size:36px;
	}
	.slide-caption p{
		font-size:13px;
		font-weight:600;
	}
	.slideshow .fa{
		font-size:24px;
	}
	.cycle-next, .cycle-prev{
		bottom:50%;
	}
	.cycle-next{
		right:0;
	}
	#at-section {width:90%;}
	
}
@media only screen and (max-width:590px) {
	.info-container{flex-wrap:wrap;}
	.info-container{bottom:46%;left:5.5%;}
	.contact-top h1{padding: 8% 0 22%; font-size: 34px;}
	iframe{height:400px;}
	.info-area{width:120px; padding:0 2px;}
	.foot-btm{
		flex-direction:column;
	}
	.foot-right, .foot-left{margin: 0 auto; padding-top:10px;}
	.contact-info a{font-size:14px;}
}
	
	
@media only screen and (max-width:480px) {
	
	.left-foot-links{
		width:95%;
	}
	
	
	.footer-container{
		font-size:12px;
		line-height:20px;
	}
	.welcome h3{
		font-size: 16px!important;
	}
	.welcome h2{
		font-size: 30px;
	}
	.welcome p{
		font-size:15px;
	}
	.first-ql, .second-ql, .third-ql{
		width:320px;
	}
	.form, .message-top{
		width:90%;
	}
	.message-top h3 {
		font-size:24px;
		padding-top:10px;
	}
	.top a{
		font-size:14px;
	}
	.info-area{width:120px; padding:0 2px;}
	.thank-icon .fa{font-size:20px; padding:22px 24px;}
	.thankyou h2{font-size: 28px;}
	.thankyou p{font-size:15px;}
	.slide-caption a{
		padding:8px 16px;
	}
	.qltext{left:25px;}
	.contact ul{
		flex-direction:column;
	}
	#at-section {width:95%;}
}

@media only screen and (max-width:464px) {
	.info-container{bottom:38%;left:4.5%;}
	.contact-top h1{padding: 8% 0 45%; font-size: 34px;}
	.top a{font-size:13px}
	.top ul{flex-direction:column;}
	.slide-caption h1{font-size:30px;}
	.slide-caption p{font-size:13px;}
	.contact ul{flex-direction:column;}
}

@media only screen and (max-width: 386px) {
	.first-ql, .second-ql, .third-ql{width:280px;}
	.info-container{left:3%; bottom:36%;}
	.form{font-size:14px; margin:0!important;}
	
	#menu-button {width:80px!important;}
	.slide-caption h1{font-size:26px;}
	.slide-caption p{font-size:12px}
	.slide-caption .fa{font-size:20px;}
	.slider-back img{object-fit:contain;}
	.first-ql, .second-ql, .third-ql{width: 260px;}
	.qltext{left:20px;bottom:60px}
	.ql-left h3{font-size:18px}
	.cycle-prev{left:3%;}
	.cycle-next{right:0;}
	
	
	.foot-left ul li{padding:1px;}
	.info-container{bottom:40%}
	.contact-top h1{padding:8% 0 40%;}
	iframe{height:450px;}
	.info-container{padding:10px 15px 25px 15px; width:90%;left:0;}
}