/*


    box-sizing: border-box; *behavior: url(themes/SandhillsTemplate/css/boxsizing.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

*/

/***** BEGIN RESET *****/

@import 'https://fonts.googleapis.com/css?family=Fira+Sans:400,700';


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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
	background:#000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {clear: both; height:0px; margin:0;}

a:link {text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}

.top-orange {width:100%; height:20px; background:#ee3c23;}

.right {margin-right:0 !important;}

strong {font-weight:700;}

/***** END RESET *****/

/***** FRAMEWORK *****/

h1 {
	font-family: 'Fira Sans', sans-serif;
	color:#fff;
	font-weight:700;
	font-size:52px;
	text-shadow:2px 2px 2px #000;
	margin-bottom:50px;	
}

h2 {
	font-family: 'Fira Sans', sans-serif;
	color:#ee3c23;
	font-weight:700;
	font-size:36px;
	margin-bottom:30px;
}

h3 {
	font-family: 'Fira Sans', sans-serif;
	color:#ee3c23;
	font-weight:700;
	font-size:32px;
	margin:30px 0;
	
}


h4{
	font-family: 'Fira Sans', sans-serif;
	color:#fff;
	font-weight:700;
	font-size:30px;
	line-height:1.3;
}


#main-content p,#main-content a, .orange-section p, .orange-section a, .navbar p, .navbar a{
	font-family: 'Fira Sans', sans-serif;
	font-size:17px;
	line-height:1.3;
}



.site-width {max-width:1440px; margin:0 auto; padding:0 10px; position: relative;}

header {
    margin: 0px auto;
	background:#000;
	padding:5px 0;
}
header .contact-phones{
	position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);	
	display: flex;
	flex-direction: column;
}
header .contact-phones a{	
	font-family: 'Fira Sans', sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
}

.header-contact {
    float: right;
    position: relative;
    width: 100%;
    text-align: right;
}

#main-image {
    margin: 0px auto;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../siteart/main-pic.jpg);
    padding: 11% 0;
	position:relative;
}

.main-image-content {
	text-align:center;	
}

.logo {float:left; position:relative; max-width:300px;}

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


a.home-button {
    font-family: 'Fira Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 36px;
	text-transform:capitalize;
    background: #ee3c23;
    padding: 10px 0;
    display: block;
    width: 25%;
    margin: 0 auto;
    border-radius: 5px;
    border: solid 5px #000;
}

a.inv-button {
    font-family: 'Fira Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
	text-transform:capitalize;
    background: #ee3c23;
    padding: 10px 0;
    display: block;
    width: 15%;
    margin: 0 auto;
    border-radius: 5px;
    border: solid 5px #000;
	display:inline-block;
}

a:hover {
    color: #333;
}

#main-content {
	background:#fff;
	padding:20px;	
}

.one-third {
	float:left;
	width:30%;
	margin-right:4%;	
}

.two-third {
	float:left;
	width:66%;
	margin-right:4%;	
}

.scroll-frame {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    text-align: center;
    background: none;
	margin-bottom:20px;
}

.scroll-frame iframe {
	width:100%;
	height:90px;
	display:block;
	text-align:center;
}

#gray-links {
	background:#212121;
	padding:30px 0;
	border-top:solid 3px #ee3c23;
	border-bottom:solid 3px #ee3c23;	
}

#boxlinks {
	text-align:justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	max-width:1440px;
	margin:30px auto 0;
	padding-bottom:30px;
}

.linkbox {
	width: 24%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
	*float:left;
}

a.gray-link {
	color:#ee3c23;
	font-size:26px;	
	text-transform:uppercase;
}

.gray-link i {
	font-size:60px;	
	width:100%;
	margin-bottom:30px;
}

a.gray-link:hover {
	color:#000;	
}


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

.linkstretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.orange-section {
	background:#ee3c23;
	padding:10px 0;	
}

.orange-contact {
	width:33%;
	text-align:center;
	display:inline-block;
	
}

.orange-contact i, .orange-contact p, .orange-contact a {
    color: #fff !important;
    font-size: 18px;
	margin-right:20px;
	display:inline-block;
}

.orange-contact i {
	margin-top:2px;	
}


.google-maps {
    position: relative;
    padding-bottom: 50%;
    overflow: hidden;
    width: 100%;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
    pointer-events: none;
}


#quick-links {
    margin: 0px auto;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../siteart/yellow-box.jpg);
	padding:10px 0;
}

.detailed-search {text-align:left;}

.contact-form {text-align:left;}

.column3 {
    width: 50%;
    float: left;
    font-family: 'Fira Sans', sans-serif;
    color: #000;
    padding-right: 20px;
    box-sizing: border-box;
    margin-top: 5px;
}

.column4 {
    width: 100%;
    float: left;
    font-family: 'Fira Sans', sans-serif;
    color: #000;
    padding-right: 20px;
    box-sizing: border-box;
    margin-top: 5px;
}

.CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: left !important;
    padding: 10px;
}


.detailed-search input[type="text"] {
    width: 100%;
    margin: 6px 0;
    padding: 4px 8px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
	color:#000;
}

input[type="submit"] {
    width: 40%;
    margin: 5px 0;
    padding: 7px 7px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    color: #FFF;
    background-color: #ee3c23;
    border: 1px solid #000;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}

textarea {
    width: 100%;
    margin: 6px 0;
    padding: 4px 8px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
	color:#000;
	min-height:100px;
}

.CaptchaMessagePanel {
    padding: 5px 5px 10px 5px;
    font-weight: bold;
    font-family: 'Fira Sans', sans-serif;
	color:#000;
}

/* ZOOM */

.zoom-container {
	float:left;
    width: 20%;
	*width:20%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    border: none;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}

.zoom-container .zoom-caption h4 {
	display: block;
	text-align: center;
    font-family: 'Fira Sans', sans-serif;
	font-size: 28px;
	font-weight:700;
	padding: 15px 0;
	color: #fff;
	margin: 23% 0 0;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
}

.zoom-containere:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: none;
}


/***** FOOTER *****/

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	text-decoration:underline;
    font-family: 'Fira Sans', sans-serif;
	font-size:13px;
}

a.footerlink:hover {
	text-decoration:none; 
    font-family: 'Fira Sans', sans-serif;
	font-size:13px;
	color:#ee3c23;
}

.footertext{
    font-family: 'Fira Sans', sans-serif;
	font-size:13px; 
	color:#fff;
}

.smallfootertext{
    font-family: 'Fira Sans', sans-serif;
	font-size:10px; 
	color:#fff;
}

.divfooter {
	max-width:1000px; 
	text-align:right; 
	margin:0 auto;
	float:right;
}

footer {
	background:#000;
	padding:20px 0;	
}

footer a {
	color:#fff;	
}

/* INVENTORY - FACETED */

#inv{padding: 5% 0; background: #fff;}
#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}
#inv h1, #inv h2, #inv h3, #inv h4, #inv h5, #inv h6{text-shadow: none!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: 'Fira Sans', sans-serif!important;} /* Reset font, ignore icons */


.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;}

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

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .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 .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .cs-btns a, .page-nav, .detail-content-mobile .contact-options a {background:#ee3c23 !important;}

.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 {background: #000 !important;}

.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, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .compare-price {color: #ee3c23 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {color: #000; padding-left: 4px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px;}


.contact-phones{max-width: 1124px; margin: 0 auto; display: flex; justify-content: flex-end;text-align: right; margin-bottom: 20px;}
.contact-phones a{
	padding-left: 20px;
	padding-right: 4px;
}

span.compare-label{padding-left: 4px !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 1px !important;
}
#contact-info, .detail-content-mobile .dealer-info{
	line-height: 1.5;
	padding: 20px 0;
}
.contact-info-heading h2{
	margin-bottom: 10px;
}
/***** RESPONSIVE STYLES *****/


@media only screen and (min-width:768px) and (max-width: 1320px) {

span.zoom-caption {
    padding: 0 21px;
}

.zoom-container .zoom-caption h4 {
	margin:14% 0 0;	
	font-size:20px;
}

}

@media only screen and (min-width:768px) and (max-width: 924px) {

.logo {
    width: 100%;
    max-width: none;
    text-align: center;
}

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



}

@media only screen and (min-width:768px) and (max-width: 901px) {

.logo {
	width:100%;	
}

.logo img {
	max-width:300px;	
}

}


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

.logo {
    width: 100%;
    max-width: none;
    text-align: center;
}

.header-contact {
    float: none;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.site-width {padding:0;}

.column3 {width:100%; padding:0 20px;}

.zoom-container .zoom-caption h4 {
    display: block;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0;
    color: #fff;
    margin: 10% 0 0;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
}

.one-third, .two-third {width:100%; margin-bottom:20px;}

.orange-contact {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 10px 0;
}

.divfooter {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    float: right;
}

a.home-button {width:75%; font-size:30px;}

a.inv-button {
    width: 75%;
    margin: 5px auto;	
}
	
}



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

.contact-phones{justify-content: center;}
	
header .contact-phones{
	position: absolute;
    right: 0;
	left: 0;
    top: -28px;
    transform: none;	
	display: flex;
	flex-direction: row;
}
	.top-orange{
		height: 28px;
	}
h1 {font-size:36px;}

h2 {font-size:28px;}

h3 {font-size:24px;}

h4 {font-size:20px;}

p, a {font-size:15px;}

a.home-button {width:75%;}

.zoom-container {width:50%;}

.linkbox {
    width: 49%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-top: 20px;
}
	
}