@charset "utf-8";
/* CSS Document */

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, a img, .cta a .overlay, .mc-thumb-strip li {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
    outline: none;
}

/* =============================================================================
   Foundation Resets                                                               
============================================================================= */
.columns.collapse { padding: 0px; }
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	font-size: 14px;
	height: 2.25em;
	font-weight: 300;
}
select { width: auto; font-weight: 300; font-size: 12px }
option { font-weight: 300; font-size: 12px; } 


/* =============================================================================
   Hosted Inventory Resets                                                               
============================================================================= */
* {
    box-sizing: border-box!important;
}
.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content .listings-wrapper, .hosted-content .listings-detail-wrapper, .hosted-content .listings-drilldown-wrapper, .hosted-content label, .hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content input[type=button], .hosted-content input[type=color], .hosted-content input[type=date], .hosted-content input[type=datetime], .hosted-content input[type=datetime-local], .hosted-content input[type=email], .hosted-content input[type=file], .hosted-content input[type=hidden], .hosted-content input[type=image], .hosted-content input[type=month], .hosted-content input[type=number], .hosted-content input[type=password], .hosted-content input[type=range], .hosted-content input[type=reset], .hosted-content input[type=search], .hosted-content input[type=submit], .hosted-content input[type=tel], .hosted-content input[type=text], .hosted-content input[type=time], .hosted-content input[type=url], .hosted-content input[type=week], .hosted-content select, .hosted-content textarea {
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.5em;
}
.attachment-search .search-checkboxes label .row { margin: 0px; }
.hosted-content .pagination .next, .hosted-content .pagination .prev { width: auto; }
.listings-wrapper .listing-smallcard .listing-smallcard-image a:hover { opacity: .65; }
.hosted-content .listings-wrapper .listings-list .listing-banner h2 { font-size: 2em; }
.hosted-content .pagination>span { margin: 0 5px !important; }

.listing-boxed-image a:hover img { opacity: .75; }

.listings-wrapper .hosted-theme .btn, .listings-wrapper .hosted-theme .btn:visited {
	background: #a31621;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;	
}
.listings-wrapper .hosted-theme .btn:hover, .listings-wrapper .hosted-theme .btn:focus {
	background: #fff !important;
	color: #a31621 !important;
	border-color: #a31621 !important;
}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {
    font-size: 2em;
    line-height: 1.4em;
    font-weight: 600;
}

/* =============================================================================
   Typeography                                                              
============================================================================= */
body { font-family: 'Montserrat', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; }

h2 { line-height: 1.15; }
h3, h2 { font-weight: 200; }
h5 { font-weight: 600; }

a, a:visited {
	color: #3d3d3b;
	font-family: 'Montserrat', sans-serif;
}
a:hover, a:focus {
	color: #f9ec2b;
}

a.button, .button, button, a.button:visited, .button:visited, button:visited {
	background: #222;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
a.button:hover, .button:hover, button:hover, a.button:focus, .button:focus, button:focus {
	color: #f9ec2b;
	background: rgba(34, 34, 34, 0.85);;
	opacity: 1;
}

strong { font-weight: 600; }
a:hover img { opacity: .65; }
/* =============================================================================
   Header                                                              
============================================================================= */

header {
	display: table !important;
	width: 100%;
	background: #222;
	position:relative;
}
	/* Logo */
	header img { width: 85px; margin: 0 0 0 20px; }
	/* Contact */
	header ul.contact, footer ul.contact { 
		margin: 5px 18px 7.5px 0; 
		list-style:none; 
		float: right; 
	}
	#main-container ul.contact { margin: 35px 0 0 0; list-style:none; }
	footer ul.contact { margin: 0; float: left; } 
	header ul.contact li, footer ul.contact li {
		display: inline-block;
		color: #fff;
		font-weight: 300;
		font-size: 12px;
		text-align:right;
		padding:0 0 0 20px;
		letter-spacing: .5px;
		vertical-align:middle;
	}
	footer ul.contact li { text-align: left; display: block; padding: 0px; margin: 0 0 10px; }
	header ul.contact li a, footer ul.contact li a { color: #fff; }
	header ul.contact li a:hover, footer ul.contact li a:hover { color: #fff; opacity: .65; }


/* Menu Main */
.menu-main-container {
	width: 100%;
	position:relative;
	display: table;	
	background: #f9ec2b;
	padding: 8px 32px 8px 0;
}
.menu-main-container::before {
    content: ' ';
    border-bottom: 57px solid #f9ec2b;
    border-left: 50px solid transparent;
    display: block;
    position: absolute;
    left: -50px;
    top: 0;
}
.menu-main-container ul {
	margin: 0;
	padding:0;
	list-style: none;
	float: right;
}
.menu-main-container ul#menu-main::before, .menu-main-container ul#menu-main::after {
	content: ' ';
	background: #222;
	height: 200%;
	width: 15px;
	display: block;
	position:absolute;
	left: 0;
	top: -25px;
	-ms-transform: rotate(41deg); /* IE 9 */
    -webkit-transform: rotate(41deg); /* Chrome, Safari, Opera */
    transform: rotate(41deg);
}
.menu-main-container ul#menu-main::after { left: 42px; }
#menu-main a {
	display:block; 
	color: #222; 
	padding: 0.8em 1.15em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	position: relative;
	opacity: .5;
}

#menu-main li a:hover, #menu-main li a.active {
	opacity: 1
}
#menu-main li {
	position: relative;
}
#menu-main li:last-child a { padding: 0.8em 0em 0.8em 1.8em }
#menu-main > li { 
	display: inline-block; 
} 
#menu-main > li > a { 

}
#menu-main > li:hover, 
#menu-main > li:hover > a { 

}
.menu-main-container button.mobile_btn {
	display: none;
}
/* Sub-Menu */
#menu-main ul {
	position: absolute;
	white-space: nowrap;
	z-index: 1;
	left: -99999em;
	background: #f9ec2b;
	text-align: left;
}
#menu-main li ul.sub-menu li:last-child a { padding: 0.5em 1.15em; }
#menu-main ul li a {
	color: #222;
	opacity: .5;
	padding: 0.5em 1.15em
}
#menu-main ul li a:hover {
	color: #222;
}
#menu-main > li:hover > ul {
	left: auto;
	min-width: 100%;
}
#menu-main > li li:hover > ul { 
	left: 100%;
	margin-left: 1px;
	top: -1px;
}

/* Dropdown Arrow */
/*#menu-main li > a:after {
    color: #666;
    content: url(../siteart/down.png);
    position: absolute;
    top: -2px;
    padding-left: 3px;
}

#menu-main li > a:hover:after {
    color: #666;
    content: url(../siteart/down.png);
}

#menu-main li > a:only-child:after {
    content: '';
}*/

  	/* Mobile Menu */
	.off-canvas {
		background: #888;
		height: 100%;
		min-height: 100vh;
		display: none;
	}
	.off-canvas header {
		background: transparent;
		padding: 0px;
		position: relative;		
	}
	.off-canvas h2 {
		color: #fff;
		text-align:center;
		font-size: 2em;		
	}
	.mobile.button {
		display: none;
	}
	.off-canvas-wrapper {
		overflow: visible;
	}
	.mobile-nav-within {
		width: 100%;
		position: relative;
		height: auto;
	}
	.mobile-nav-within #mobile-menu-main {
		border-top: 1px solid #333;
		margin: 0px;
	}
	.mobile-nav-within #mobile-menu-main li {
		width: 100%;
		position: relative;
	}
	.mobile-nav-within #mobile-menu-main li a:hover {
		background: #666;
	}
	.mobile-nav-within #mobile-menu-main a {
		width: 100%;
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 10px 5%;
		height: 45px;
		position: relative;
		border-bottom: 1px solid #333;
		font-size: 14px;
	}

	/* Sub-Menu */
	.mobile-nav-within #mobile-menu-main ul {
		position: relative;
		white-space: nowrap;
		z-index: initial;
		left: 0;
		background: transparent;
		text-align: left;
	}
	.mobile-nav-within ul.sub-menu li ul.sub-menu {
		margin: 0px;
		display: none;
	}
	.mobile-nav-within ul li a:hover {
		color: #fff !important;
	}
	.mobile-nav-within #mobile-menu-main > li li:hover > ul {
		left: 0px;
	}
	.mobile-nav-within #mobile-menu-main > li:hover, #mobile-menu-main > li:hover > a {
		border-color: #333;
	}
	.mobile-nav-within #mobile-menu-main > li > .sub-menu > li > ul.sub-menu li a {
		padding: 10px 15%;
	}
	.mobile-nav-within #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {
		padding: 10px 20%;
	}
	.mobile-nav-within #mobile-menu-main > li > .sub-menu {
		display: none;
		margin: 0px;
	}
	.mobile-nav-within #mobile-menu-main > li > .sub-menu li a {
		padding: 10px 10%;
	}

	/* Mobile Btn */
	.mobile-nav-within li button.mobile_btn {
		height: 45px;
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background: #333;
		background-size: 10px;
	}
	button.mobile_btn::after {
		content: ' ';
		position: absolute;
		top: 0;
		background: url(../siteart/mobile_arrow.png) no-repeat center center;
		background-size: 10px;
		width: 100%;
		height: 100%;
		right: 0;
	}
	.mobile-nav-within li button.mobile_btn.active::after {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

.quicksearch{width: 200px;display:inline-block;vertical-align: middle;}
.quicksearch input{float:left;width: calc(100% - 34px);margin:0 0 0 0;border-radius: 0px;font-size: 12px;padding: 4px 6px;height:26px;}
.quicksearch .btn{width: 34px;float:left;margin:0 0 0 0;border-radius: 0px;border:none;background:#f9ec2b url(../siteart/search.png) center center no-repeat;}
.quicksearch .btn:hover{cursor:pointer;}

/* =============================================================================
   Body                                                              
============================================================================= */
/* Slider */
#slider {
	height: 50vh;
	overflow:hidden;
	position:relative;
	width: 100%;
	background: #222;
}
#slider .orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    height: 50vh !important;
	width: 100%;
	text-align:center;
}
#slider .orbit-slide {
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    background-position: 50% 25%;
    width: 100%;
}
#slider .orbit-caption {
	background-color: hsla(0,0%,4%,.65);
}
#slider .orbit-caption h2 {
	line-height: 1.4;
	display: block;
}
.orbit-next::after, .orbit-previous::after { display: none; }
.orbit-next, .orbit-previous { 
	z-index: 999999999; 
	cursor: pointer;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:focus, .orbit-previous:focus { padding: 1rem; }
.orbit-next, .orbit-previous { background: transparent; }

	/* Interior */
	.interior #slider .orbit-container, .interior #slider, .interior #slider .orbit-slide {
		height: 30vh !important;	
	}

#main-container {
	display: block;
	padding: 50px 0;
	width: 100%;
}

/* Weather */
.aw-fc-status.aw-mc, .aw-fc-status.aw-lfs, .aw-six-hours, .aw-more-block.aw-more-block-first, .aw-more-block.aw-more-block-first, .aw-more-block.aw-more-block-first, .aw-more-block.aw-more-block-first, .aw-more-block {display: none;}

div#awtd1490300404642 { top: -85px; }

.weather {
	width: 100%;
	overflow: hidden;
	height: 275px
}

/* Call to Action */
.cta {
	display: table;
	width: 100%;		
}
.cta ul {
	position:relative;
	margin: 0px auto;
	display: block;
	text-align:center;
}
.cta ul li {
	list-style:none;
	position: relative;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 0;
	height: 125px;
	z-index:999999;
}
.cta a h2 {
	color: #fff;
	font-size: 1.85em;
	text-align: center;
	display: table-cell; 
	vertical-align:middle;
}
.cta a h2 span { display: block; }
.cta a:hover { opacity: 1; }
.cta a .overlay {
	background: rgba(0,0,0,.45);
	position:absolute;
	top:0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 100%;
}
.cta strong { display: block; }
.cta ul li.ag { background-image:url(../siteart/20170314_120426.jpg); }
.cta ul li.con { background-image:url(../siteart/construction.jpg); background-position: 50% 0%; }
.cta a:hover .overlay { background: rgba(0,0,0,.75); }

/* =============================================================================
   Footer                                                              
============================================================================= */

footer {
	display: table;
	width: 100%;
	padding: 25px 0;
	background: #222;
	color: #fff;
}
footer .copyright { 
	color: #999; 
	font-size: 10px;
	text-align:right;
	position:relative;
	top: 10px;
}
footer .copyright a { color: #999; }
footer .copyright a:hover { color: #fff; } 

footer .copyright img { width: 150px; }



.view-listing-details-link, .buy-now-link, .faceted-search-content .selected-facets-container .selected-facet, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .detail-content-mobile .contact-options a, .detail-content-mobile .detail-contact-bar .contact-bar-btn, .compare-listings-container .compare-container .button {
	background: #f9ec2b !important;
	color: #000 !important;
	font-weight: bold !important;
	border: #000 1.5px solid !important;
}

.detail-content .detail-additional-data .data-row .data-label {
	background: #f9ec2b !important;
	color: #000 !important;
	font-weight: bold !important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn {
	color: #000 !important;
	border-color: #000 !important;
	
}

.modal-bg .modal-content {
	padding: 20px 40px !important;
}
.currency-selector, .detail-content .search-results, .list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3, .compare-listings-container .compare-container .compare-price, .info {
	color: #000 !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
	background: #000 !important;
}
[type=checkbox], [type=file], [type=radio], .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin: 0 5px 0 0px !important;
}

.compare-chkbox-container .compare-listings .fa-check {
	top: 6px !important;
    left: 1px !important;
}

.detail-content .detail-additional-data .data-row .data-value {
	font-weight: normal !important;
}

.list-content .list-listing-mobile .dealer-phone-container a{
	border-color: #000 !important;
}
/* =============================================================================
   Mobile                                                              
============================================================================= */
@media only screen and (max-width: 1100px) { 
	#menu-main a { 
		padding: .8em .8em;
		font-size: 11px;
	}
}


@media only screen and (max-width: 900px) {

	.off-canvas, .off-canvas header ul.contact {
	    display: block;
	}
	.mobile.button {
		display: block;
		background:url(../siteart/mobile.png) center center no-repeat;
		background-size: contain;
		height: 45px;
		width: 45px;
		position:absolute;
		color: transparent !important;
		top: 25%;
		right: 75px;
	}
	.menu-main-container {
		display: none;
	}
	header ul.contact { display: none; }

}