/* 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: 'Open Sans', sans-serif;
}












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

a:hover{
	color:#fff;
	text-decoration:underline;
}



p{
	padding:10px 0;
}

h2{
	color:#000;
	text-transform:uppercase;
	font-size:30px;
	text-align:center;
	text-shadow:1px 1px 2px #333333;
	padding:50px 0;
}

p > a{color:#333;text-decoration:underline;}

p > a:hover{color:#333;text-decoration:none;}


 

/* ------------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* ----------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}
.center{text-align:center;}

*{
	box-sizing:border-box;
}

body { 
}

.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;
}


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




	



/* ------------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* ----------------------------------*/
.header{
	width:100%;
	display:block;
	text-align:right;
	margin:0 auto;
	background:#282827;
	position:relative;
	padding:10px 0;
}

.header-contact{
	background:#282827;
	color:#fff;
	padding:10px;
}

.header-contact p{padding:10px 0;font-size:15px;}

.header-contact a{color:#fff;}
.header-contact a:hover{color:#fff;}
.hc-info{
	width:13%;
	display:inline-block;
	margin:0 10px;
	padding:0 10px;
	text-transform:uppercase;
	background:#282827;
	text-align:center;
}


.logo{
	text-align:left;
	width:33%;
	margin:0 auto;
	display:inline-block;
	padding:77px 120px;
	position:absolute;
	z-index:9;
	background:url(../siteart/logo-bg.png) no-repeat;
	margin-left:-100px;
	margin-top:-80px
}
.logo img{
	margin:0 auto;
	width:395px;
}


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


  /* --------------------------------------*/
 /* ---------->>> HOME PAGE <<<-----------*/
/* --------------------------------------*/
.hero{
	text-align:center;
	width:100%;
	display:block;
	position:relative;
}

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

.text-overlay{
	position:absolute;
	top:30%;
	left:0;
	width:45%;
	text-align:left;
	color:#fff;
	background:rgba(51,51,51,.80);
	box-shadow:1px 1px 3px #000;
	padding:60px;
}

.text-overlay h1{
	font-weight:600;
	margin-left:50%;
	font-size:1.7vw;
}



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



.cat-bar{
	width:100%;
	padding:40px 0;
	background:#282827;
	text-align:center;
	margin:0 auto;
}

.cat{
	width:30%;
	margin:10px 5px;
	height:275px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	position:relative;
	overflow:hidden;
	background:url(../siteart/subtle-dots.png) #eaeaea;
	border:5px solid #C31F40;
}

.cat-title{
	padding:20px;
	background:#C31F40;
	width:100%;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	text-shadow:1px 1px 3px #282827;
}

.cat-title a{
	color:#fff;
	text-decoration:none;
}
	
.cat img{
	width:58%;
	display:block;
	padding-top:20px;
	margin: auto;
}


.conditionslide{background:#C31F40;;width:100%;padding:0 0 5px 0;position:absolute;z-index:999;left:0;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;
	box-shadow:1px 1px 3px #606062;}
.conditionslide a{display:block;text-align:center;color:#fff;padding:4px 0;font-size:14px;text-decoration:none;}
.conditionslide a:hover{color:#C31F40;background:#fff;border-top:1px solid #C31F40;border-bottom:1px solid #C31F40; text-decoration:none;}

#all_used{top:-158px;}
.cat:hover #all_used{top:0px;}

#sold{top:-22px;}
.cat:hover #sold{top:0px;}

#tarps{top:-22px;}
.cat:hover #tarps{top:0px;}






.contact{
	width:100%;
	background:url(../siteart/contact-bg.jpg) no-repeat;
	background-size:cover;
	padding:30px 0;
	background-color: #000;
}

.left-contact{
	width:30%;
	display:inline-block;
	text-align:left;
	margin:0 auto;
	color:#fff;
	vertical-align:top;
	text-shadow:1px 1px 2px #761226;
}

.left-contact a{color:#fff;}

.left-contact h4{
	text-transform:uppercase;
	font-size:24px;
	padding-top:30px;
}

.left-contact h4:nth-child(1){
	padding-top:0;
}

.right-contact{
	display:inline-block;
	width:69%;
	margin:0 auto;
	padding-left:30px;
	vertical-align:top;
}

.contact-img {
	width:55%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	height:400px;
	background:url(../siteart/grandpa-bob-2.jpg) no-repeat;
	background-size:contain;
	background-position:top center; overflow: hidden;
}

.contact-img2 {
	width:100%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	height:280px;
	background:url(../siteart/grandpa-bob-2.jpg) no-repeat;
	background-size:cover;
	background-position: center;
}

.contact-caption{
	padding:5px 10px;
	background:white;
	color:black;
	font-size:18px;
	text-align:center;
}

.contact-caption p{padding:4px; font-size: 13px;}

.contact-map{
	width:44%;
	display:inline-block;
	margin:0 auto;
	padding:0 5px;
	vertical-align:middle;
}
	

.boldspot {font-weight: 700 !important;}


/* ----------------------------------------- */
/* ---------->>> CONTACT PAGE <<<-----------*/
/* ----------------------------------------*/

.contact-page{
	width:100%;
	display:inline-block;
	border:1px solid #c5c5c5;
	padding:20px;
	box-shadow:inset 1px 1px 3px #9a9a9a;
}

.cp-info{
	width:32.5%;
	display:inline-block;
	margin:0 auto;
	text-align:center;
	vertical-align:top;
}

.cp-info i{
	display:block;
	
	text-align:center;
}

.cp-info p{
	width:100%;
	padding-top:10px;
	text-align:center;
}
.cp-info a{
	color:#000;
	text-decoration:none;
}

.cp-info a:hover{
	color:#C31F40;
	text-decoration:none;
}

#contact h1{
	color:#000;
	text-transform:uppercase;
	font-size:30px;
	text-align:center;
	text-shadow:1px 1px 2px #333333;
	padding:50px 0;
}
/* ----------------------------------------- */
/* ----------->>> TARPS PAGE <<<------------*/
/* ----------------------------------------*/

.pull-quote{font-size:20px;text-align:center;margin:20px 0; border-bottom:1px solid #9E9E9E; padding-bottom:70px;}
.brochure{
	width:40%;
	display:inline-block;
	margin:0 10px;
}
.tarps h1{
	color:#000;
	text-transform:uppercase;
	font-size:30px;
	text-align:center;
	text-shadow:1px 1px 2px #333333;
	padding:50px 0;
}

/* -------------------------------------- */
/* ----->>> FEATHERLIGHT GALLERY <<<-----*/
/* -------------------------------------*/

.thumbnail{
	display:inline-block; 
	zoom:1; 
	*display:inline;
	width:25%;
	margin:2%;
	vertical-align:bottom;
}

/*.break{
	border-top:2px solid #A9A9A9;
	margin:80px 0;
}*/

.prev{
	background:url(../siteart/subtle-dots.png) #6b6b6b;
	text-align:center;
}

.prev h2{
	text-align:center;
	color:#fff;
}

.prev h3{
	text-align:center;
	color:#fff;
	border-bottom:2px solid #fff;
	padding-bottom:10px;
	padding-top:60px;
}
#previously-sold h1{
	color:#FFF;
	text-transform:uppercase;
	font-size:30px;
	text-align:center;
	text-shadow:1px 1px 2px #333333;
	padding:50px 0;
}
/* -------------------------------------- */
/* ---------->>> INVENTORY <<<-----------*/
/* -------------------------------------*/
.cf{background:#fff;margin-top:30px;}
.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 INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#282827;
	padding: 20px;
}

.footer-info{
	display:inline-block;
	text-align:left;
	width:49%;
	margin:0 auto;
}

.footer-info a{
	color:#fff;
	display:inline-block;
	padding:0 10px;
}

.footer-info:nth-child(1) a{padding:0;}

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

.footer-info:nth-child(2){
	text-align:right;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
}

	


/* --------------------------------------- */
/* ---------->>> RESPONSIVE <<<-----------*/
/* --------------------------------------*/
@media screen and (max-width:1705px){
	.logo{width:39%;}
	.hc-info{width:16%;margin:0 5px;}
	.ac-logo{TOP:-56% !important;}
}

@media screen and (max-width:1600px){
	.ac-logo{TOP:-40% !important;}
	.cat img{ padding-top:40px;}
}

@media screen and (max-width:1500px){
	.logo{width:42%;}
}

@media screen and (max-width:1460px){
	.hc-info{width:17%;}
}

@media screen and (max-width:1350px){
	.logo{width:47%;margin-left:-145px;}
	.logo img{margin-left:35px; width:355px;}
	.hc-info{width:18%;}
	.text-overlay{padding:40px;}
	.text-overlay h1{font-size:1.5vw;}
	.cat img{width:240px; top:30px;}
	.footer-info a{padding:5px 20px;}
}


@media screen and (max-width:1270px){
	.hc-info{width:20%;}
	.ac-logo{TOP:-20% !important;}
}

@media screen and (max-width:1225px){
	.logo{width:48%;margin-left:-166px;}
	.logo img{margin-left:53px;}
}

@media screen and (max-width:1170px){
	.logo{width:100%;position:relative;display:block;text-align:center;background:none; padding:0;margin-top:0; margin-left:0;}
	.logo img{width:300px;margin:0 auto;}
	.header-contact{text-align:center;}
	.hc-info{width:29%;}
	.cf{margin-top:0;}
	.footer-info{width:100%;text-align:center;}
	.footer-info:nth-child(2){text-align:center;padding-top:20px;}
	.footer-info:nth-child(2) a{display:block;padding-top:5px;}
	.cat img{
	width:200px;
	padding-top:60px;}
}

@media screen and (max-width:1050px){
	.text-overlay{width:50%;}
	.text-overlay h1{font-size:16px;}


	.thumbnail{width:25%;}
}

@media screen and (max-width:920px){
	.left-contact{width:100%;}
	.right-contact{width:100%;padding-left:0;}
}
	
@media screen and (max-width:850px){
	.hc-info{width:31%;}
	.text-overlay{top:15%;width:60%;}
	.cat{width:100%;height:300px;margin:20px 10px;}
	.ac-logo{width:370px !important; top:-35% !important;}
	.cat img{padding-top:120px;}
	
	#all_used{top:0px;}
	

	#sold{top:0px;}
	

	#tarps{top:0px;}
	
	
}

@media screen and (max-width:725px){
	.text-overlay{padding:30px;width:70%;}
	.cp-info{width:100%;padding:20px 0;}
}

@media screen and (max-width:680px){
	.hc-info{width:98%;margin-top:5px;}
}

@media screen and (max-width:580px){
	.text-overlay{width:100%;padding:20px;top:10%;}
	.text-overlay h1{margin-left:0;text-align:center;}
	.thumbnail{width:45%;}
	.break{margin:40px 0;}
	.ac-logo{width:350px !important;}
	
	.contact-map{width:100%; padding:5px 0;}
	.contact-img{width:100%;}
}

@media screen and (max-width:480px){
	.hc-info{display:block;text-align:center;width:100%;}
	.hc-info:nth-child(2){text-align:center;padding-right:0;}
	.hc-info p{padding:5px 0;font-size:14px;}
	.text-overlay{top:0;}
	.ac-logo{width:300px !important;top:-25% !important;}
	.cat img{left:5%;right:5%;}
	.logo img{max-width:100%;}
	.prev h3{padding-top:30px;}
}

@media screen and (max-width:390px){
	.ac-logo{width:260px !important; top:-34px !important;}
}