/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/* base styles */
html {-ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}

body {font-family: 'Montserrat', sans-serif; margin: 0; padding:0; background:#FFF;	color:#000; overflow-x:hidden;}

body{
    overflow-x: hidden !important; max-width: 100% !important;
}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {text-indent:  100%; white-space:  nowrap; overflow:  hidden;}	

hr {-moz-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid #f89828; height: 0;} 

img { border: 0; max-width:100%;} 

ul.list{margin:0; padding: 0 0 5% 7%;}
ul.list li{font-size:16px;}

/* BASIC STYLES */
.wrapper{width:90%;margin:0 auto;padding:0;}
.container{width:100%;max-width:1760px;margin:0 auto;}
#copywrap{width:80%;margin:0 auto;}
.sitewidth{width:75%;margin:0 auto;padding:0;}
	
/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding:0 0 1% 0;
	font-weight:600;
	line-height:1.3em;
	color:#fff;
	text-transform: uppercase;
	}
	h1 {font-size: 42px; color:#f89828;}
	h2 {font-size: 36px;}
	h3 {font-size: 28px;}
	h4 {font-size: 24px;}
	h5 {font-size: 18px;}

p {
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 2% 0;
	font-size:16px;
	line-height:1.75em;
	font-weight:400;
	margin: 0;
	}
strong{	font-family: 'Montserrat', sans-serif;font-weight:700;}
.bold{font-weight:700;}

/* LINK STYLES */
a.link:focus {outline: thin dotted;/*reset*/}
	
a {text-decoration:none; color:inherit;}
a:hover  {text-decoration: none; color: #ccc;} 
	
 

/* HEADER */
#topbar {background:#282828; text-align:right; color:#fff; padding:15px 0;}
#topbar a {color:#fff;}
header{width:100%;margin:0;text-align:center;height:100px;z-index:101; border-bottom:0px solid white; padding-bottom:10px;}

.headerwrap{width:96%;max-width:1720px;margin:0 auto;}
.logo{float:left;
    width:20%;
    margin:-25px auto 0;
}
.logo img {width:100%;}
.headright{float:right;width:70%; margin-top:2.50%;}

/* CONTENT STYLES */
.tagline {position:absolute; width:35%; color:#fff!important; font-size:16px; right:5%; bottom:30%;}
.button {border:1px solid #f89828; padding:10px 0; width:300px!important; text-align:center; color:#fff; with:200px; font-weight: 600; font-size:18px;}
.button:hover {background:#f89828;}

.col_two {display:inline-block; width:48%; margin-right:1%; vertical-align:top;}


/* WELCOME */
.padit{padding:2% 0;}
.welcome{position:relative; background:url(../siteart/IMG_0761.JPG) no-repeat; text-align:center; background-size:cover; color:#fff; padding:50px 0;}
.welcome h3{color:#fff;}
.contactbutton{width:20%; margin:0 auto; background:#282828;text-align:center;padding:5px 0;-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.4);box-shadow:1px 1px 1px rgba(0,0,0,0.4);}
.contactbutton:hover{background:linear-gradient(#282828, #383838);-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
.contactbutton h5{padding:0;color:#fff;}
.buttonwrap{position:relative;width:100%;height:50px;}	


/* TESTIMONIALS */
.homeleft {float:left; width:50%;}
.homeright {float:right; width:50%; padding-top:2%;}
#carousel {position: relative; width:100%; margin:0 auto;}

#slides {overflow: hidden; position: relative; width: 95%; height: 275px;}

#slides ul {list-style: none; width:100%; height:275px; margin: 0; padding: 0; position: relative;}

#slides li {width:100%; height:275px; float:left; text-align: center; position: relative; font-family: 'Montserrat', sans-serif;}

.quote-phrase, .quote-author {text-align:left; font-family: 'Montserrat', sans-serif; font-weight:300; display: table-cell; vertical-align: middle; padding: 5px 20px;}

.quote-phrase {text-align:left; font-size:18px; color:#000; line-height:2em;}

.quote-author {font-style:italic; font-size:16px; color:#000;font-weight:400; height: 30px;}

.quoteContainer, .authorContainer {display: table; width: 100%;}

/* INVENTORY STYLES */
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {color:#000; font-size:22px;}


/* Styling for prev and next buttons */
.btn-bar{max-width: 346px; display: block; position: relative; top:0; width: 100%;}
 #buttons {padding:0 0 5px 0; float:left;}
#buttons a {text-align:left; display:block; font-size:28px; float:left; outline:0; margin:0 10px; color:#fff; text-decoration:none; padding:9px;}
a#prev:hover, a#next:hover {color:#FFF; text-shadow:.5px 0px #b14943;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

.half{float:left;margin-right:2%;width:48%;}
.half strong, .commentbox strong{color:#ccc;}

form{margin:0 0 0;}
label{display:block; font-size:16px; padding-top: 4%; /*width:100%;*/}
input{
	font-family: 'Montserrat', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	/*width:98%;*/
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}

select{
	font-family: 'Montserrat', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

textarea{
	font-family: 'Montserrat', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:96%;
}
.sendbutton {background:#f89828; color:#fff; border:none;}
.sendbutton:hover{background:linear-gradient(#f89828, #e0861c);-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;cursor:pointer;color:#fff;}



/* ICON BUTTONS */
.homeinventory {width:19.95%; float:left; margin-top:-5px; border-right:1px solid #fff;}
.homeinventory img {width:100%;}

.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.hovereffect .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}

.hovereffect img {display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect a.info {display:inline-block; margin:30% auto; font-size:24px; font-weight:600; width:100%; height:100%; color:#fff; line-height:30px;}

/* MANU */
.manu {text-align:center;}
.manu img {width:12%; margin:.5% 2%;}

/* FOOTER */
.pagebottom{background:#282828;padding:0;margin:0 auto; color:#fff;}
.pagebottom p{color:#fff;font-size:16px;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#f79a2a;}
.pagebottom h4{font-size:20px; color:#f89828;}
.footerleft{width:55%;float:left;}
.col_three {display:inline-block; width:32%; vertical-align:top; margin:30px 0 20px;}
.footerright{width:40%;float:right; padding:2% 0;}



/*===================== 

FACETED INVENTORY

=======================*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-listing-mobile .view-listing-details-link {
	color: #fff!important;
	background-color: #fa9929!important;
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {
	color: #fff!important;
	background-color: #fa9929!important;
}

.faceted-search-content .selected-facets-container .selected-facet {
	color: #fff!important;
	background-color: #fa9929!important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {
	color: #fff!important;
	background-color: #fa9929!important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
	color: #fff!important;
	background-color: #fa9929!important;
	border: none!important;
}


.detail-content .dealer-info .phone-and-email .send-email-btn {
	background-color: #fff!important;
	color: #fa9929!important;
	border: 1px solid #fa9929!important;
}



.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {
	border: 1px solid #fa9929!important;
	color: #fa9929!important;

}

.detail-content .search-results {
	color: #fa9929!important;
}

.paging-container .page-navs .list-page-nav {
	color: #fff!important;
	background-color: #fa9929!important;
}

.faceted-search-content .faceted-section-head {
	background-color: #666464!important; color: #fff !important
}

.list-content .list-title .list-title-text {
	color: #fa9929!important;
}

.list-content .list-title .list-listings-count {
	color: #333!important;
}

.list-content .listing-portion-title {
	color: #fa9929!important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name {
	color: #000!important;
}

.ts-modal-header h2{color: #fa9929!important;}






/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1620px) {
	.logo{width:20%;  margin: -25px auto 0;}
	.contactbutton{width:50%;left:16%;}
	.homeinventory {width:19.8%;}
	
	.tagline {width:40%; bottom:40%; right:3%;}
}

@media screen and (max-width: 1380px) {
	h1 {font-size:36px;}
	.logo{width:20%;     margin: -15px auto 0;}
	.contactbutton{padding:5px 0;left:15%;}
	.padit{padding:3% 0;}
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;}
	
	.tagline {width:50%; bottom:48%; right:2%;}
	
	.hovereffect a.info {font-size:13px;}
	
	.quote-phrase {font-size:16px;}
	.quote-author {font-size:14px; height: 25px;}

	.pagebottom h4{font-size:16px;}
    .pagebottom p,.footerpages a{font-size:13px;}
    
}

@media screen and (max-width: 1140px) {
	h1 {font-size:32px;}
	h2 {font-size:26px;}
	.logo{width:25%;     margin: -15px auto 0;}
	
	.tagline {width:50%; bottom:52%;}

}

@media screen and (max-width: 1124px) {
	
	.tagline {width:50%; bottom:28%;}

}

@media screen and (max-width: 1000px) {
	h1 {font-size:28px;}
	.logo{width:34%;}
	.headright{width:65%;}
	
	.sitewidth {width:90%;}
	
	.tagline {display:none;}
	
	.homeleft {flaot:none; width:100%; margin:0 auto 10px;}
	.homeright {float:none; width:100%; margin:30px auto;}
	#slides {height: auto;}
	#slides ul {height: auto;}
	#slides li {height: auto;}
	.quote-phrase {font-size:14px;}
	.quote-author {font-size:12px; height: 20px;}
	
	.footerleft{width:100%;float:none;margin:0 auto;display:block;}
	.footerright {float:none; width:100%;}	
}

@media screen and (max-width: 800px) {
	h1 {font-size: 26px;}
	h2 {font-size: 24px;}
	h3 {font-size: 22px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 15px;}
	.logo{margin-top:-5px;}
    .headright{width:40%; margin-top:4.25%;}
	
	.homeinventory {width:33%; border:none;} 
	
	.quote-phrase {font-size:12px;}
	.quote-author {font-size:11px; height: 20px;}

	.col_two {display:block; width:100%; margin:2% auto;}
    .col_three {width:49%;}
    
}

@media screen and (max-width: 650px) {
	h1 {font-size:24px;}
	.padit{padding:5% 0;}
	#topbar {font-size:12px;}
	
	.logo{width:40%; margin-top:5px;}
	.headright {margin-top:6%;}
		
	
	.homeinventory {width:50%; border:none;} 
	
	.manu img {width:20%; margin:1%;}
	
	.quote-phrase {font-size:16px;line-height:1.75em;}

	.half {width:100%; margin-right:0; float:none;}
}

@media screen and (max-width: 560px) {
	h1 {font-size: 22px;}
	h2 {font-size: 20px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 14px;}
	.logo{width:40%; margin-top:5px;}
	.headright {margin-top:8%;}
	
	.homeinventory {float:none; width:90%; display:block; margin:0 auto; border:none;} 
	.hovereffect a.info {font-size:18px;}
	
    .pagebottom h4{font-size:14px;}
	
	
    }

@media screen and (max-width: 480px){
    .logo{width:45%;}
	.col_three {display:block; width:100%;}
}


@media screen and (max-width: 400px) {
	h1 {font-size: 20px;}
	h2 {font-size: 18px;}
	h3 {font-size: 17px;}
	h4 {font-size: 16px;}
	h5 {font-size: 15px;}
	p {font-size: 14px;}
}