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



a {
	color:#000;
	text-decoration:underline;
	
}

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

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 { 
	overflow-x:hidden;
}

body.gray{ background:#222323;}

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

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

.sub{padding:60px 20px;}

.sub h1{
	font-family: 'Yesteryear', cursive;
	font-weight:300;
	padding:40px 0;
	font-size:36px;
}

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



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	margin:0 auto;
	background:url(../siteart/header-bg.jpg) no-repeat;
	background-size:cover;
	background-color:#fff;
}

.logo{
	text-align:left;
	width:55%;
	margin:0 auto;
	display:inline-block;
	vertical-align: middle;
}
.logo img{
	width:280px;
}

.header-contact{
	width:40%;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}

.header-contact p{
	text-align: center;
	font-size:18px;
	padding:7px 0;
	font-weight:700;
}

.header-contact a{ text-align: center; color:#000; text-decoration: underline;}
.header-contact a:hover{text-decoration: none;}

/* HOME PAGE STYLES
-----------------------------------------------*/
/* side banner */

.home-page{
	width:100%;
	position: relative;
	margin:0 auto;
}

.side-banner{
	position: absolute;
	left:0;
	top:0;
	height:auto;
	background:#D3450B;
	padding:20px;
	text-align: center;
	display: inline-block;
	margin:0 auto;
	color:#fff;
	width:25%;
}

.sb-section{
	padding:20px;
}

.sb-section a{text-decoration: none; color:#fff;}
.side-banner h3{
	text-transform: uppercase;
	letter-spacing:2px;
	color:#fff;
	font-size:20px;
	text-align: center;
	padding:10px 0;
}

.side-banner hr{border:1px solid #fff; width:60%;}

.side-banner .auc-listing{
	width:100%;
	text-align: center;
	margin:0 auto;
	display: inline-block;
	padding:15px 0;
}


 .auc-date{
	border:4px solid #fff;
	border-radius:10px;
	padding:10px;
	text-align: center;
	display: inline-block;
	width:20%;
	vertical-align: middle;
	 background: none;
}
#auc-link:hover{background: #000;}

.auc-date p{font-size:14px; text-transform: uppercase; text-align: center; letter-spacing: 4px; font-weight:700;color:#fff;padding:0;}
.auc-date h4{font-size:35px; text-align: center; font-weight:900; color:#fff;}

.auc-listing .auc-info{
	display: inline-block;
	width:78%;
	text-align: left;
	vertical-align: middle;
	padding:0 0 0 20px;
	margin:0 auto;
}

.auc-info p{font-size:14px; padding:5px 0; text-align: left; color:#fff}

.auc-btn{
	width:100%;
	background:#fff;
	color:#D3450B;
	padding:10px;
	border-radius:10px;
	box-shadow:2px 2px 4px #474747;
	text-decoration: none;
	margin:20px 0;
	transition: ease .3s;
}

.auc-btn:hover{box-shadow:none; transition: ease .3s;}
.auc-btn p {
	font-size:18px;
	text-transform: uppercase;
	letter-spacing:3px;
	text-align: center;
	font-weight: 700;
}

.auc-btn p span{font-size:12px;}


.side-banner .col-half{width:49%; display: inline-block; margin: 0 auto;vertical-align: top; text-align: left; font-weight:600; text-transform:uppercase; letter-spacing: 1.5px; line-height:30px;}
.side-banner .col-half:nth-child(odd){text-align: right;}



/************************************************* slider styles **/

.slideshow {
	position: relative;
	overflow: hidden;
	height:450px;
	z-index: -1;
}
.images {
	background:url(/siteart/slider.jpg);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 515%;
	animation: slideshow 50s linear infinite;
}
@keyframes slideshow {
	0%    { left: 0; }
	100%  { left: -415%; }
}

.images {
   
  /* Hey browser, use your GPU */
  transform: translate3d(0, 0, 0);
}

@keyframes moveSlideshow {  
  100% { 
    -webkit-transform: translateX(-200%);  
  }
} 


.home-welc{
	display: inline-block;
	padding:65px 140px;
	text-align: center;
	margin-left:25%;
	background:#fff;
}

.home-welc h1{
	text-transform: uppercase;
	color:#000;
	text-align: left;
	font-weight:normal;
	font-size:20px;
	letter-spacing: 3px;
	margin-bottom:20px;
}

.home-welc h1 span{
	font-weight:700;
	font-size:28px;
}

.home-welc p{text-align: left;}

.welc-btn{
	display: inline-block;
	width:30%;
	min-height: 80px;
	padding:15px;
	margin:5px;
	border:2px solid #000;
	color:#000;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size:16px;
	letter-spacing: 2px;
	font-weight:700;
	transition: ease .3s;
}
.welc-btn img{width:95%; max-width: 200px}
.welc-btn:hover{background:#f3f3f3; color: #000; transition: ease .3s;}
.welc-btn.text{padding-top: 25px;}


.home-pics {
	margin-left:25%;
	display: inline-block;
	background:#000;
	padding:40px 0;
	text-align: center;
}

.home-pics img{
	width:33%;
	display: inline-block;
	margin:0 auto;
	padding:10px;
	vertical-align: top;
}



/*contact page*/

.contact-info{
	width:100%;
	display: inline-block;
	padding:30px 10px;
	margin:0 auto;
	text-align: center;
	border:1px solid #eee;
}

.ci-third{
	width:32%;
	display: inline-block;
	vertical-align: top;
	color:#000;
}

.ci-third .fa{font-size:24px;}

.ci-third p{
	font-size:16px;
	text-align: center;
	padding:20px 0;
}

.ci-third a{
	color:#000;
	text-decoration: none;
}

.ci-third a:hover{text-decoration: none; color:#0013ff;}



/* INVENTORY
------------------------------------------------*/
.inv-btn-row{display: flex;}
.inv-btn{flex: 1; background: #06863B; color: #fff; padding: 15px 0; border-radius: 6px; text-align: center; text-decoration: none; margin:5px;} .inv-btn a{color: #fff;}
.inv-btn:hover{background: #000; color: #fff;}

#pad{padding: 30px 0 40px 0;}

/* FOOTER
------------------------------*/
.footer{
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#222323;
	padding: 0;
	margin-left:25%;
}

.sub-footer > .footer{margin-left:0; padding:10px 0;}

.footer .third{
	width:30%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin:0 auto;
}

.footer .third img{width:150px; margin:0 auto;}
.footer a{
	color:#eaeaea;
	text-decoration:underline;
}

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

.divfooter{
	width:60%;
	margin:20px auto;
}



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

@media screen and (max-width:1715px){
	.auc-listing .auc-date{width:25%;}
	.auc-listing .auc-info{width:72%;}
	
	.welc-btn{width:40%;}
}

@media screen and (max-width:1475px){
	
	.home-welc{padding:135px 140px;}
}


@media screen and (max-width:1375px){
	.logo{width:55%;}
	.header-contact{width:40%;}
	
	.sb-section{padding:0;}
	.auc-date h4{font-size:28px;}
	.auc-date p{font-size: 12px;}
	.auc-info p{font-size: 12px;}
	.auc-btn p{font-size: 16px; letter-spacing: 2px;}
	.auc-btn p span{font-size:11px;}
	
	.slideshow{height:375px; border-bottom: 7px solid #333;}
}

@media screen and (max-width:1275px){
	.side-banner{padding:10px;}
	.auc-listing .auc-date{padding:10px 0; width:32%;}
	.auc-listing .auc-info{width:66%; padding:0 0 0 20px;}
	
	.home-welc{padding:75px 90px;}
	.home-pics img{padding:5px; width:30%;}
}

@media screen and (max-width:1070px){
	
	.home-welc h1{font-size: 16px;}
	.home-welc h1 span{font-size:20px;}
	.welc-btn{width:90%;}
	
	.home-pics{padding:20px 0;}
	.footer .third img{width:110px;}
}


@media screen and (max-width:1000px){
	.ci-third p{font-size:14px;}
	
	.slideshow{height:300px;}
	
	
	.side-banner{width:100%; position: relative;padding:30px 20%; height:auto;}
	.hero{margin-left:0;}
	.home-welc{margin-left:0; padding:60px 30px;}
	.home-pics{margin-left:0;}
	.footer{margin-left:0;}
}

@media screen and (max-width:900px){
	.logo{width:49%;}
	.header-contact{width:49%;}
	
	.home-welc{padding:60px;}
	
	.sub{padding:20px;}
	.ci-third{width:100%; padding:10px 0;}
}

@media screen and (max-width:810px){
	.logo{width:100%; text-align: center;}
	.logo img{margin:0 auto;}
	.header-contact{width:100%;text-align:center; padding:10px 0;}
}


@media screen and (max-width:675px){
	
	.header-contact{width:100%;}
}

@media screen and (max-width:500px){
	.header-contact p{font-size:16px;}
	.side-banner{padding:30px 10%;}
	.home-welc{padding:40px;}
	.footer .third{width:100%;}
	
	.inv-btn-row{display: block;}
	.inv-btn{flex: 1; display: block; width: 100%; margin: 5px auto}
	
}