/* 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{background: transparent; border: 0; margin: 0; padding: 0;} ol, ul{list-style: none;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

/* FRAMEWORK */

.scrolling-wrap {width: 100%; height: 110px; overflow:hidden; padding: 10px 0; background: #292929;}
.scrolling {width:100%;}

html, body{font-family: 'Montserrat', sans-serif; font-size: 14px; -webkit-text-size-adjust: none}
::-moz-selection{background: #00522d; color: #fff; text-shadow: none} ::selection{background: #00522d; color: #fff; text-shadow: none}

#sitewrap {background:url('../siteart/gradient-background.jpg') no-repeat; background-size:cover;  padding-bottom:30px; text-align:center!important;}
.container{width: 100%; margin: 0 auto; padding: 0;}

.main-large {width: 90%; margin: 0 auto; padding: 0;}
.main {width: 75%; margin: 0 auto; padding: 0;}
.main-small{position: relative; background: #fff; width:75%; margin: 0 auto; padding: 35px 0; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);}

.last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}
/* INVENTORY */

.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, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#00522d !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #00522d !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #00522d !important;}
.page-nav{background-color:#00522d!important}
.search-results {color:#00522d!important}
.return-links span, .return-links i {color:#00522d!important;}
.list-content, .detail-content {    background-color: white; padding: 30px!important;}
.lower-detail-data-right {left: 19.5em!important;}
.compare-container {background-color: white!important;}

.body-wrapper{background:#fff !important;}

/* TYPOGRAPHY */
h2 {text-transform: uppercase; font-size:22px; margin-bottom:3px;}
h3, .heading-2 {font-size:18px;}
p {font-size:14px; line-height: 1.7em; margin-bottom:1.5%;}
a{text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}


/*Buttons*/
.contact-btn {
	background-color:black; 
	color: white; 
	padding: 10px; 
	font-size: 20px; 
	font-family: 'Montserrat', sans-serif; 
	decoration: none; 
	display: block;
	text-align: center; 
	transition: .4s ease-in;
	font-weight: 700;
}
.contact-btn i {margin-right: 15px;}
.contact-btn:hover {background-color: #00522d; color: #fff;}

/*---POP-UP -----------------------------------*/

*, *:after, *:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.box {
                width: 50%;
                margin: 0 auto;
                background: rgba(0,0,0,0.2);
                padding: 35px;
                border-radius: 20px/50px;
                background-clip: padding-box;
                text-align: center;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
                transition: all 0.2s;
                font-size: 30px;
                font-weight: bold;
                text-decoration: none;
                color: #fff;
                border: 1px solid #fff;
                padding:0 5px 5px 5px;
}
.popup .close:hover {
  background: #000;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
                content:"";
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                background: rgba(0, 0, 0, 0.7);
                position: fixed;
                z-index: 99999;
}
.overlay .popup {
                background: #00522D;
                border:3px solid #ffffff;
                border-radius: 5px;
                width: 100%;
                max-width: 1300px;
                position: absolute;
                top: 6vw;
                left: 0;
                right: 0;
                float:none;
                padding: 40px 0;
                margin: 0 auto;
                text-align:center;
                z-index: 99999999;
                -webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                color:white;
                font-size: 16px;font-weight: 400;
}
.popup a {
	color:#A8A7A3!important;
}
.overlay:target .popup {
    top: -180%;
    left: -100%;
}


.popup img{
	width: 80%;
	max-width: 275px;
}

.popup p span{
	font-size: 21px;
}



/* HEADER */
header{font-size: 0; text-align:center; padding:10px 0;}
.headcol1 {width:28%; margin:.5% 5%; display:inline-block; vertical-align:middle; border:1px solid #000; height:145px; padding:1.75% 0;}
.headcol2 {width:28%; margin:.5% 5%; display:inline-block; vertical-align:middle;  height:110px; }
.logo {width:19%; margin:.5%; display:inline-block; vertical-align:middle;}

.fa, .fab, .fal, .far, .fas{font-size:15px;}
.desktophead {display:block;}
.mobilehead {display:none!important;}

/* HOME */
.cycle-slideshow{position: relative; width:100%; margin:0 auto; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); z-index: 0 !important;}
.cycle-slideshow img{width: 100%; height: auto; position: relative; z-index: 0;}

.hero{position: relative; background: #333; padding:0; text-align: center; z-index: 999;}

.greybtn {width:100%; background:linear-gradient(#E9E9E9, #FFFFFF); padding:15px 0; text-align:center; color:#000; font-size:22px; font-weight: 400;}

/* ZOOM */
.zoom-container {float:left; width: 32.3%; margin:15px .5%; position: relative; overflow: hidden; display: inline-block; 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, .6); -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 .home-heading {display: block; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 19px; text-transform: uppercase; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);}
.zoom-container:hover .zoom-caption {background: none;}


/* CONTENT */

.col5 {display:inline-block; width:19%; background:linear-gradient(#E9E9E9, #FFFFFF); color:#000; text-align:center; margin:1% .25%; padding:10px 0;}
.col5:hover {background:linear-gradient(#FFFFFF, #E9E9E9);}

#form{display: block; margin: 25px 2px;}
#form .form-row{display: block; margin: 0 0 5px;}
#form .form-row .label-left{float: left; width: 300px; padding-right: 25px;}
#form .form-row .input-right{float: left; width: calc(100% - 300px);}
#form .form-row .input-right label{margin-right: 15px; cursor: pointer;}
#form input[type="text"], #form input[type="email"], #form select, #form textarea{width: 100%; margin: 5px 0 20px; padding: 10px 5px; border: 1px solid #ccc;}
#form input[type="checkbox"], #form input[type="radio"]{margin: 0 10px 25px 0;}
#form input[type="submit"]{display: block; width: 100%; max-width: 250px; background:linear-gradient(#383838, #464646); margin: 5px auto; padding: 10px 0; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #fff; border: none; transition: all .2s ease-in-out; cursor: pointer; text-transform: uppercase;}
#form input[type="submit"]:hover{background:linear-gradient(#464646, #383838);}
#form textarea{height: 90px;}

.CaptchaPanel{margin: 0 !important; padding: 0 !important; line-height: normal !important;}
.CaptchaAnswerPanel input{width: 250px; padding: 5px; margin: 5px 0;}
.CaptchaMessagePanel{padding: 0 !important; margin: 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px;}
.CaptchaAnswerPanel{margin: 0; padding: 2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height: 0; margin: 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{font-size: 12px; color: #000;} .CaptchaWhatsThisPanel a:hover{text-decoration: none;}

/* FOOTER */

footer{background: #00522d; padding: 30px 0 0; color: #fff;}
footer a {color:#fff;}
.footleft {float:left; width:65%;}
.footright {float:right; width:30%; text-align:right;}
.footright img {display:inline-block; vertical-align: middle; width:45%; margin:1%;}
footer a:hover{opacity: .5;}

/* RESPONSIVE */

@media screen and (max-width: 1400px){
	h3, .heading-2 {font-size:16px;}
	.fa, .fab, .fal, .far, .fas{font-size:14px;}

	
	.headcol1 {height: 120px;}
	.main {
		width: 91%;}
}

@media screen and (max-width: 1150px){
	h3, .heading-2 {font-size:14px;}
	p {font-size:14px;}
	
	.fa, .fab, .fal, .far, .fas{font-size:12px;}
	
	.headcol1 {height: 105px;}
	
	.zoom-container .zoom-caption .home-heading {font-size:16px;}
	
	.greybtn {font-size:18px;}
}

@media screen and (max-width: 1024px){
	h3, .heading-2 {font-size:13px;}
	p {font-size:12px;}
	
	.main {width:90%;}
	.main-small {width:90%;}
	
	.fa, .fab, .fal, .far, .fas{font-size:10px;}
	
	.col5 {font-size:12px;}
	
	.logo {width:20%;}
	
	.zoom-container .zoom-caption .home-heading {font-size:14px;}
	.main {width: 97%!important;}
	.has-search-bar {
		width: calc(70% - .75%)!important;}
}

@media screen and (max-width:800px){
	h3, .heading-2 {font-size:12px;}
	
	.desktophead {display:none!important;}
	.mobilehead {display:block!important;}
	.logo {display:block; width:30%; margin:0 auto 10px;}
	.headcol1 {display:inline-block;width:46%;height: 90px;margin:.5% 1%;}
	.headcol2 {display:inline-block; width:46%; margin:.5% 1%;}
	
	.greybtn {font-size:16px;}
	
	.col5 {width:49%; margin:.5% auto;}
	
    #form .form-row .label-left, #form .form-row .input-right{float: none; width: 100%; padding: 0;}
    #form input[type="text"], #form input[type="email"], #form select, #form textarea{margin: 5px 0 10px;}
	
	.footleft {float:none; width:100%; text-align:center;}
	.footright {float:none; width:50%; margin:0 auto; text-align:center;}
}

@media screen and (max-width:785px){
.has-search-bar { width: calc(100% - .75%)!important;}
}


@media screen and (max-width: 550px){
	.logo {width:49%;}
	.headcol1 {display:block; width:100%; height:auto; margin:.5% auto;}
	.headcol2 {display:block; width:100%; height:auto; margin:.5% auto;}
	
	.zoom-container {width:100%; margin:5px auto;}
	
	.greybtn {font-size:14px;}
	
	.col5 {width:100%; margin:.5% auto;}
	
	input, select{-webkit-appearance: none;}
	
	.footright {width:75%;}
}

@media screen and (max-width: 300px){
	.footright {width:100%;}

}