/* 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 { 

	-webkit-text-size-adjust:none;
	font-family: 'Source Sans Pro', sans-serif;
}



a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:20px 0;
}
.listing-prices__retail-price {color:#AC8119 !important;}
.list-listings-count {color:#AC8119 !important;}
.price {color:#AC8119 !important;}
.view-listing-details-link {background-color:#AC8119 !important; color: white !important;}
.listing-portion-title {border-top: 0px !important;}
.CaptchaAnswerPanel {margin: auto !important;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	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;
}

.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
	padding: 60px 20px;
}

.sub-wrapper h1{
	font-size: 20px; 
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: bold;
}

.sub-wrapper h3{
	font-size: 16px; 
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	color:#AC8119;
	font-style: italic;
	padding: 10px 0 0 0; 
	margin-top: 25px;
	border-top:1px solid #AC8119;
}

.sub-wrapper p{
	font-size: 14px;
	line-height: 2;
	padding: 10px 0;
}

.white-bg{background: #fff;}



::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#fff;
}

.logo{
	text-align:center;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:20px;
}
.logo img{
	width:100%;
	max-width: 400px;
	margin:0 auto;
}

.header-contact{
	width: 100%;
	display: inline-block;
	background: #fddd30;
	color:#ac8100;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	padding: 7px 0;
}


.header-contact p{
	display: inline-block;
	padding: 0 20px; margin: 0px !important;
	font-size: 16px;
}

.header-contact .fa{padding-right: 5px; vertical-align: middle}

.header-contact a{color:#ac8100; text-decoration: none;}
.header-contact a:hover{color:#ac8100; text-decoration: underline;}


.header-contact img{width: 17px; vertical-align: middle;}

.header-contact > p > a > .fa {font: normal normal normal 14px/1 FontAwesome !important;}
.header-contact > p > a > .fa-facebook-square {font: normal normal normal 18px/1 FontAwesome !important;}

/*STICKY NAV*/

header{
  text-align:center;
  color:#fff;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	z-index: 9999;
}

/*END STICKY NAV*/



/* HOME PAGE STYLES
-----------------------------------------------*/
.hero{width:100%; display: block;}

.cta-welc{
	width:100%;
	background:url(../siteart/welc-texture.png) #000;
	display: inline-block;
	margin: 0 auto;
	z-index: 0;
}

.cw-left{
	width:35%;
	position: relative;
	display: inline-block;
	padding: 50px 20px 50px 100px;
	background:#000;
	background-size: 50%;
	background-position: bottom;
	z-index: 1;
	vertical-align:middle;
}


.cw-left:after {
    content: " ";
    position: absolute;
    display: block;
    width: 110%;
    height: 110%;
    top: 0px;
    left: -20px;
    z-index: -1;
    background: #000;
    transform-origin: bottom left;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
	box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.50);
}



.cw-left a{
	color:#fff;
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	padding: 15px 0;
	transition: ease .3s;
}

.cw-left a:hover{
	transition: ease .3s;
}

.cw-left .fa{transition: ease .3s;}

.cw-left a:hover .fa{padding-left: 10px; transition: ease .3s;}


.cw-right{
	width: 62%;
	display: inline-block;
	padding: 150px 20px 50px 250px;
	margin-right: 0;
	vertical-align:middle;
	background: url(../siteart/map.png) no-repeat;
	background-position: right
}


.cw-right h1{
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 1.5px;
	text-shadow: 1px 1px 3px #000;
}

.cw-right h1 span{color:#FFCC33;}
.cw-right p{line-height: 1.5; color:#fff; font-size: 16px; padding: 10px 0; letter-spacing: 1.5px;}




.home-contact{
	width: 100%;
	padding: 100px 0;
	background:#FFCC33;
	display: inline-block;
	margin: 0 auto;
}

.hc-left{
	width:30%;
	display: inline-block;
	margin: 10px;
	border:3px solid #000;
	padding: 30px;
	text-align: left;
	height: 350px;
	vertical-align: middle;
}

.hc-left h3{
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color:#000;
	font-style: italic;
	padding: 10px 0; margin: 0px !important;
}

.hc-info{
	display: block;
	padding: 10px 0;
	margin: 0 auto;
}

.hc-info .fa{
	display: inline-block;
	font-size: 16px;
	padding:4px 10px 0 0;
	vertical-align: text-top;
}



.hc-info p{display: inline-block; font-size: 16px; padding: 0; line-height: 1.5; vertical-align: text-top; margin: 0px !important;}
.hc-info a{color:#000; text-decoration: none;}
.hc-info a:hover{color:#000; text-decoration: underline;}

.hc-right{
	width:65%;
	display: inline-block;
	margin: 10px;
	vertical-align: middle;
}







/* CONTACT PAGE
------------------------------------------------*/

.contact-pg{
	background:url(../siteart/map-bg.jpg) no-repeat;
	background-size: cover;
}

.contact-pg .hc-left{background: #fff; height: 300px;}



/*  ABOUT PAGE
------------------------------------------------*/
.abt-txt{
	width: 65%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	padding-right: 120px;
}


.abt-photos{
	width: 34%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	padding: 0 30px;
}
.cap-it{margin-bottom: 20px;text-align: center;}

.cap-it span{font-size: 14px; font-style: italic; font-weight: normal;display: block; }

.cap-it img{
	width: 100%;
	display: block;
}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}



/* 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:#FFCC33 !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:20px !important;
	color:#000;
	text-transform:uppercase;
	padding-bottom:0 !important;
	font-weight:bold;
	letter-spacing: 1.5px;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#8e8e8e;
	font-size:12px;
	background:#fff;
	border-top:1px solid #eaeaea;
	padding: 10px 20px;
}

.footer p{
	display: inline-block;
	vertical-align: middle;
	width:49%;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 1.5px;
}

.footer p:last-child{text-align: right;}

.footer a{
	color:#8e8e8e;
	text-decoration:none;
}

.footer a:hover{
	color:#FFCC33;
	text-decoration:none;
}




@media screen and (max-width:1300px){
	.cw-right h1{font-size: 28px;}
	.cw-right h1 span{display: block}
}

@media screen and (max-width:1175px){
	.cw-left{padding: 50px 20px 50px 20px;}
	.cw-right{padding: 50px 20px 50px 180px;}
	.cw-right h1{font-size: 24px;}
}

@media screen and (max-width:1000px){
	.cw-left{width: 100%;}
	.cw-left:after{display: none;}
	.cw-right{width: 100%; padding: 50px 20px;}
	
	.home-contact{padding: 50px 0;}
	.hc-left{width: 100%;margin: 10px auto; height: auto; text-align: center;}
	.hc-right{width: 100%; margin: 10px auto;}
	.contact-pg .hc-left{height: auto;}
	
	.abt-txt{padding-right: 30px;}
}

@media screen and (max-width:900px){
	.header-contact p{padding: 5px 20px;}
	
	.abt-txt{padding-right: 0; width: 100%;}
	.abt-photos{width: 100%; padding: 30px 0; text-align: center;}
	.abt-photos img{width: 40%; display: inline-block; margin: 0 10px;}
}

@media screen and (max-width:600px){
	.abt-photos img{width: 47%; margin: 0 5px;}
	
	.footer p{width: 100%; text-align: center;}
	.footer p:last-child{text-align: center;}
}

@media screen and (max-width:500px){
	.cw-right h1{font-size: 20px;}
	
	.abt-photos img{width: 100%; margin: 0 auto;}
}
