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



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

a:hover{
	color:#000;
	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 { 

}

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

.sub-wrapper {
	width:90%;
	margin:0 auto;
	padding:60px 0;
	position:relative;
}

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




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



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:block;
	margin:0 auto;
	background:#fff;
	box-shadow:1px 1px 3px #CBCBCB;
}



.logo{
	text-align:left;
	width:47%;
	margin:0;
	display:inline-block;
	vertical-align: middle;
	padding: 0 1%;
}
.logo img{
	width:225px;
}

/*STICKY NAV*/

header{
  text-align:center;
  color:#fff;
	z-index: 9999;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  box-shadow:1px 1px 3px #676767;
}

/*END STICKY NAV*/


.header-right{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: right;
}

.head-contact{
	text-align: right;
	color:#8e8e8e;
	font-size: 16px;
	display: inline-block;
	padding: 10px;
}

.head-contact p{
	padding: 0 20px;
	display: inline-block;
	text-align: center;
}

.head-contact a{color:#8e8e8e; text-decoration: none}
.head-contact a:hover{color:#22205F; text-decoration: none;}




/* HOME PAGE STYLES
-----------------------------------------------*/
.hero{width: 100%; display: block;}
.hero img{width: 100%; display: block;}

.home-welc{
	width:100%;
	background:#22205F;
	text-align: center;
	padding: 0 10px 30px 10px;
}

.home-welc h1{
	color:#5d5c84;
	font-style: italic;
	font-weight: 700;
	font-size: 38px;
	text-transform: uppercase;
	line-height: 1.5;
	letter-spacing: 1.5px;
}

.home-welc p{
	color:#fff;
	line-height: 2;
	padding: 30px 0;
	text-align: center;
	font-size: 16px;
}

.home-welc .welc-btn{
	display: inline-block;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 1.5px;
	color:#22205F;
	text-decoration: none;
	text-align: center;
	padding: 10px 25px;
	background:#fff;
	border-radius: 4px;
	margin: 0 auto;
	transition: ease .3s;
}

.home-welc .welc-btn .fa{padding-left: 10px;}

.home-welc .welc-btn:hover{
	background:#5D5C84;
	color:#fff;
	text-decoration: none;
	transition: ease .3s;
}


.home-search{
	background:#000;
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.hs-half{
	width:100%;
}

.hs-half:last-child{background:url(../siteart/search-img.jpg) no-repeat; background-size: cover;}




.contact-bar{
	width: 100%;
	text-align: center;
	padding: 20px 0;
	display: inline-block;
	margin: 0 auto;
	background:#333;
}

.contact-bar p{
	display: inline-block;
	padding: 0 25px;
	text-align: center;
	color:#fff;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.contact-bar a{color:#fff; text-decoration: none;}
.contact-bar a:hover{color:#fff; text-decoration: underline;}







/* SUB PAGES
------------------------------------------------*/
.sub-wrapper h1{
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.contact-info{
	width: 30%;
	display: inline-block;
	vertical-align: top;
	padding: 40px 40px 40px 0;
}
.contact-info p {line-height: 20px; padding: 0}
.contact-info h2 {line-height: 18px; padding: 0}


.contact-info a{color:#000; text-decoration: none;}
.contact-info a:hover{color:#5D5C84; text-decoration: none;}


.contact-map{
	width:65%;
	display: inline-block;
	vertical-align: top;
}





/* 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:#22205F !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;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}	

.hosted-content h3{
	text-transform:none !important;
    text-align: left;
    color: #22205F!important;
    font-size: 23px!important;
    line-height: normal!important;
}

.section-head{
	width: 100% !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link{
	margin: 5px !important;
	background:#22205F!important;
}
.faceted-search-content .faceted-section-box .faceted-search{
	background:#22205F!important;
}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn{
	background:#22205F!important;
}
.list-content .list-title .list-listings-count{
	color:#22205F!important;
}
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn{
	background:#22205F!important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn{
	background:#22205F!important;
	border-color:#22205F!important;
	color: #fff !important;
}
.detail-content .detail-additional-data .data-row .data-label{
	background:#22205F!important;
}
.detail-content .search-results span{
	color:#22205F!important;
}
.detail-content .search-results {
	color:#22205F!important;
}
.list-content .list-top-section .listing-option-bar .list-listings-count{
	color:#22205F!important;
}
.paging-container .page-navs .list-page-nav{
	background:#22205F!important;
}
/* FOOTER
------------------------------*/
.footer{
	width:100%;
	border-top:1px solid #eaeaea;
	color:#22205F;
	font-size:11px;
	text-align:left;
	background:#fff;
	padding: 60px 0;
}


.foot-wrapper{width: 90%; margin:0 auto; display: block;}

.footer h3{
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	font-style: italic;
}

.foot-half{
	width:49%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.foot-half:last-child{text-align: right;}


.foot-half ul {padding-top: 20px;}
.foot-half ul li{list-style: none; line-height: 2;}
.foot-half ul li a{color:#22205F; text-decoration: none; font-size: 16px;}
.foot-half ul li a:hover{color:#22205F; text-decoration: underline;}



.divfooter{
	width:60%;
	margin:20px 0;
	color:#8e8e8e;
}

.divfooter a{
	color:#8e8e8e;
	text-decoration:underline;
}

.divfooter a:hover{
	color:#8e8e8e;
	text-decoration:none;
}

.hours-table{
	width:100%;
	max-width: 420px;
	padding: 30px;
	text-align: center;
	border:2px solid #22205F;
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
}

.hr{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}

.hr .hi{
	text-transform: uppercase;
	padding: 5px 0;
	text-align: left;
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
}

.hr .hi:last-child{text-align: right;}

.announce{
	display: inline-block;
    position: absolute;
    padding-top: 60px;
    width: 24%;
    padding-left: 20px;
}


.hide-desktop{display: none;}
@media screen and (max-width:1650px){
	.hs-half:last-child{width: 65%;}
}

@media screen and (max-width:1400px){
	.hs-half:last-child{display: none;}
}

@media screen and (max-width:1222px){
	.logo{width: 100%; text-align: center;}
	.logo img{margin: 0 auto}
	.header-right{width: 100%; text-align: center;}
	.head-contact{text-align: center;}
	.announce{display: block;padding-top: 0px;width: 100%;position: initial;}
}

@media screen and (max-width:1200px){
	.foot-wrapper{width: 100%;}
}

@media screen and (max-width:1000px){
	.contact-bar p{font-size: 14px; padding: 0 15px;}
	
	.contact-info{width: 100%; padding: 20px 0;}
	.contact-map{width: 100%;}
	.divfooter{width: 90%;}
}

@media screen and (max-width:800px){
	.home-welc h1{font-size: 30px; line-height: 1; letter-spacing: 1px;}
	.contact-bar p{display: block; padding: 5px 10px;}
	.head-contact p{padding: 5px 10px;}
	
	.footer{padding: 40px 20px;}
	.foot-half{width: 100%;}
	.hide-desktop{display: block}
	.hide-mobile{display: none}
	.divfooter{text-align: center; margin: 20px auto}
	.foot-half{text-align: center; padding: 10px 0;}
	.foot-half:last-child{text-align: center;}
}

@media screen and (max-width:550px){
	.home-welc h1{font-size: 24px;}
}

@media screen and (max-width:400px){
	.home-welc h1{font-size: 18px;}
	.home-welc p{font-size: 14px;}
}