/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700&display=swap');
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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}




/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 


.gray-home-links a:hover {
    color: #fff;
}


/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}

.semi-bold {font-weight: 500;}
.bold {font-weight: 700;}
.orange {color:#e79a26;}
.white {color:#fff;}
.uppercase {text-transform: uppercase;}
.align-right {text-align: right;}
.small-font, .small-text {font-size: 12px;}
h3 {font-size: 23px;}
/*-------- BODY STYLES --------*/

body {
font-family: 'Oswald', sans-serif !important;
}

h1,h2,h3,h4,h5,h6 {font-family: "Oswald", sans-serif !important;}
.hero-text h1 {font-size: 75px; text-shadow: 2px 2px 2px #000;}
.hero-text h3 {font-size: 45px; text-shadow: 2px 2px 2px #000;}
.flex-container {
    display: flex;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
}

.flex-container.full-width {
    padding: 0;
}

.site-width {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 10px;
}


.flex-1 {flex:1 0;}
.flex-3 {
    flex: 3 0;
}

header {
    border-bottom: solid 8px #e79a26;
    background: rgba(255,255,255,0.70);
    padding: 10px;
    position: absolute;
    z-index: 4;
    width: 100%;
	box-sizing: border-box;
}


.header-right {
    flex: 3 0;
    margin-top: 122px;
}

.logo {
    position: relative;
    flex: 1 0;
    margin-right: 1%;
	    margin-left: 3%;
}


.logo img {
	width: 100%;
	max-width: 100%;
}

.logo a {
	display: block;
}
.header-contact {
	z-index: 1;
	position: absolute;
    background: #e79a26;
    right: 0;
    width: 42%;
    top: 0;
    padding: 10px 0;
    padding-left: 15%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
.header-contact a,.header-contact p {
    font-size: 22px; color: #fff; text-decoration: none;
}

.hero-image {
	background-image: url("../siteart/hero-bg.jpg");
	background-size: cover;
	background-position: center;
	min-height: 600px;
	position: relative;
	padding-top: 15%;
	justify-content: center;
	text-align: center;
	display: flex;
	background-color: #000;
}
.hero-image-small {
	background-color: #000;
	background-image: url("../siteart/hero-bg.jpg");
	background-size: cover;
	background-position: center;
	min-height: 300px;
	position: relative;
	padding-top: 15%;
	justify-content: center;
	text-align: center;
	display: flex;
}

.hero-image-small h1 {font-size: 45px !important;}

.orange-banner {background: rgba(231, 154, 38, 0.78);padding: 15px;bottom: 0;position: absolute;width: 100%; box-sizing: border-box;left:0;}

.icon-container {
    display: flex;
    flex-direction: row;
    max-width: 1240px;
    margin: 0 auto;
}

.icon {
    flex: 1 0;
    text-align: center;
}

.hero-container {margin-top: 55px;}

a.icon-cta {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.5;
}

.icon-cta img {
    margin-bottom: 10px;
}


.flex-1.home-image {
    line-height: 0;overflow: hidden;
}
.home-image img {width: 100%;height:100%;object-fit: cover;}

.flex-1.home-content {
    padding: 5%;
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: right;
}

.site-width{max-width: 1240px; margin: 0 auto;}

.site-width a {color:#000;transition:.3s all;}
.site-width a:hover {color:#333;}
.google-map {
    position: relative;
    padding-bottom: 50%;
    overflow: hidden;
    width: 100%;
}

.google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


form.detailed-search {
    width: 100%;
}

.flex-1 input {
    width: 94%;
    padding: 10px 0;
    margin: 10px 0;
}

.detailed-search .flex-1 {
}

.flex-1 textarea {
    width: 97%;
    margin: 10px 0;
}

footer {background: #212121; padding: 20px;color: #fff;}

footer .flex-container {justify-content: flex-end;}
.divfooter {
    max-width: 1240px;
    margin: 0 auto;
    text-align: right;
    color: #fff;
}

.divfooter a {
    color: #fff;
}

.flex-1 input[type="submit"] {background: #e79a26; color:#fff; border: none; font-size: 20px; font-weight: 700;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}

.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#e79a26 !important;}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#e79a26 !important; color:#212121 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #e79a26 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover,.list-content .list-error-container .info button:not(.login-button) {background: #212121 !important; color: #fff!important;border-color:#212121 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-error-container .info .selected-facet {background: transparent !important;border-color: transparent !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media screen and (min-width:768px) and (max-width: 1000px) {
.hero-container {
    margin-top: 100px;
}

.header-contact {
    width: 53%;
}
	
}
@media screen and (min-width:768px) and (max-width: 1200px) {


.cta-link {
    flex-basis: auto;
}

.product-links .flex-container {
    justify-content: space-evenly;
}

}
	

@media screen and (max-width: 767px) {
	.cta-link {
    flex-basis: auto;
}

.product-links .flex-container {
    justify-content: space-evenly;
}
.hi-icon-wrap {
    flex-basis: 51%;
    margin: 10px 0;
}

.flex-container {
    flex-wrap: wrap;
}


.logo {
    margin: 10px auto;
    flex-basis: 100%;
    position: relative;
    justify-content: center;
    text-align: center;
}

.logo a {
    position: relative;
}

.header-right {
    flex-basis: 100%;
}

.header-locations {
    justify-content: space-around;
}

.location-1 {
    margin: 0 auto;
    text-align: center;
}
.header-contact {
    position: relative;
    width: 100%;
    text-align: center;
    webkit clip-path: initial;
    clip-path: initial;
    padding: 10px 0;
    margin: 0 auto;
    padding-left: 0;
}
.header-contact p {
    font-size: 18px;
}
    .header-right{margin:0!important;flex:0 0!important;}
    
	.flex-1.home-content {text-align: center;}
header.header {
    padding: 0;
    position: relative;
    background: #fff;
}
.hero-text {
    padding: 20px;
}
.hero-image {
    padding: 0;
    justify-content: flex-start;
    box-sizing:border-box;
    flex-direction: column;
}
.hero-text h1 {font-size:36px!important; text-shadow: 2px 2px 2px #000;}

.hero-container {
    margin-top: 0;
}

.orange-banner {margin-top: auto;box-sizing: border-box;}

.icon-container {
    flex-wrap: wrap;
}

.icon {
    flex-basis: 49%;
    margin: 10px 0;
}

.south.flex-1 {
    text-align: center;
}

.flex-1.home-logos {
    margin: 0 auto;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.home-logos img {
    margin: 0 auto;
}

.flex-3, .flex-1 {
    flex-basis: 100%;
    margin: 10px 0;
    justify-content: center;
    text-align: center;
}
.divfooter {
    text-align: center;
}
.align-right {
    text-align: center;
}
	
footer {
    padding-bottom: 30%;
}	
	.logo img {display: inline-block;width: 320px;}
	
}