/***** BEGIN RESET *****/
@import url("https://use.typekit.net/lps1rjk.css");

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

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

/*-------- COLORS --------

*/

/***** 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;
}

/*-------- BODY STYLES --------*/

body {
	font-family:'Dagny', sans-serif;
}
a{text-decoration:none;}
.green-btn{font-size:15px; color:#fff; transition:.3s ease; background:#38802c; width:180px; padding:15px; box-sizing:border-box; display:block; text-align:center;}
.green-btn:hover{background:#134a01;}
.yellow-btn{font-size:15px; color:#000; transition:.3s ease; background:#fbe86b; width:180px; padding:15px; box-sizing:border-box; display:block; text-align:center;}
/*--- HEADER STYLES ---------------------*/
.top-header-wrapper{background:#f0f0f0; width:100%;}
.top-header{display:flex; flex-direction:row; justify-content: flex-end;}
.search-row{width:100%; display:flex; flex-direction:row; border:solid 1px #ccc;}
.search-row input{padding:15px!important; height:44px!important; box-sizing:border-box; width:calc(100% - 60px); border:none; background:transparent;}
.search-row input::placeholder{color:#777; font-size:16px;}
.search-row button{width:60px; border:none; background:transparent;}
.search-row button i{font-size:20px; color:#ABABAB; transition:.3s ease;}
.search-row button:hover{cursor:pointer;}
.search-row button:hover i{color:#333;}
.search-wrapper{max-width:350px; width:100%;}
.top-header a{background:linear-gradient(#38802c, #2D6F22); transition:.3s ease; color:#fff; width:180px; display:block; padding:14px 10px; box-sizing:border-box; font-size:15px; text-align:center;}
.top-header a:hover{background:linear-gradient(#2d6f22, #134a01);}

header{max-width:1600px; margin:0 auto; padding:0 10px; box-sizing:border-box; display:flex; flex-direction:row; justify-content: space-between;}
.logo{max-width:285px; width:100%; margin-top:-40px; z-index:100;
position: relative;
	z-index: 9999999999;
}
.logo-position{position: absolute;}
.logo img{width:100%;}

/*---BODY--------------------------------*/
/*-------------Slideshow------------------*/
.cycle-slideshow{position:relative;}
.slideshow{max-width:100%; position:relative;}
.slider-back{position:relative;}
.slider-back img{height:100%; width:100%;z-index:-10;}
/*---
.slide-caption{position:absolute; bottom:45%; left:0; right:0; margin:0 auto; max-width:1100px; text-align:center; z-index:200;}
.slide-caption h1{font-size:60px; color:#fff; text-transform:uppercase;font-weight:700; line-height:60px; text-shadow:2px 2px 3px rgba(0,0,0,.8);}
---*/
/*---------Brands------------*/
.brand-wrap{background:#f0f0f0; padding-bottom:20px;}
.brand-row{max-width:1600px; width:98%; background:#fff; z-index:200; position:relative; margin:0 auto 0 auto; box-sizing:border-box; display:flex; flex-direction:row;}
.brand-row a{width:calc(20% - 2px); border:solid 1px #f0f0f0; transition:.3s ease; position:relative;}
.brand-row a:hover img{filter:brightness(.4);}
.brand-row a img{margin:0 auto; transition:.3s ease; display:block; width:100%; filter:brightness(.8);}
.brand-row a.green{background:radial-gradient(#feee9f, #fed205); transition:.3s ease; border:solid 15px #38802c; display:flex;}
.brand-row a.green p{color:#38802c; font-weight:800; text-transform:uppercase; text-align:center; max-width:160px; font-size:24px; margin:0 auto; line-height:26px; display:flex; align-content:center; flex-wrap:wrap; }

.brand-row a.green:hover{background:radial-gradient(#fed205, #d5b107);}

.brand-text{position:absolute; bottom:10px; right:15px;color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.8); font-weight:800; font-size:22px; text-transform:uppercase;}

/*------page-back---------*/
.grey-back{background:#f0f0f0; width:100%;}
.width{margin:0 auto; max-width:1600px; padding:0 10px; box-sizing:border-box;}

.about-top{text-align:center; padding:100px 0;}
.about-top h1{font-size:45px; font-weight:700; text-transform:uppercase; color:#000; padding-bottom:20px;}
.about-top h1 span{color:#38802c;}
.about-top p{font-size:16px; line-height:24px; color:#000; max-width:1000px; margin:0 auto; }

.ag img{transition:.3s ease;}
.ag:hover img{transform:scale(1.1);}
/*------About---------*/
.about-row{display:flex; flex-direction:row; padding:80px 0;}
.about-left{width:50%;}
.about-right{width:50%;}
.about-left img{width:100%;}
.about-text{padding:10% 0 0 8%;}
.about-text h3{font-size:38px; text-transform:uppercase; color:#000; font-weight:800; padding-bottom:30px;}
.about-text h3 span{color:#38802c;}
.about-text p{font-size:16px; line-height:24px; padding-bottom:60px; width:90%;}



/*----qls---------*/
.qls{display:block!important; width:100%; padding:0px 0 80px 0;}
.ql-row{background:transparent;margin: 0 auto;padding:10px 0px;width: 100%;top:0;left: 0;right:0;display:block!important;}
.ql-slider{padding:5px; box-sizing:border-box; position:relative; width:100%;}
.ql-slider img{width:100%; filter:brightness(.8); height:600px; object-fit:cover; box-sizing:border-box; background-color:#fff; margin: 0 auto; background: #fff; transition:.3s ease;}
.slick-list{max-width:1600px!important;}
.ql-slider:hover img{filter:brightness(1);}

.ql-slider section{transition:.3s ease; box-sizing:border-box; width:80%; position:absolute; bottom:8%; left:0; right:0; margin:0 auto; color:#fff; display:flex; flex-direction:row; justify-content:space-between;}
.section-left{width:calc(100% - 60px);}
.section-number{width:60px; display:flex;}
.section-left h2{ font-size:40px; font-weight:700; text-transform:uppercase;text-shadow:2px 2px 5px rgba(0,0,0,.8);}
.section-left p.small{padding:5px 0 60px 0; font-size:16px; font-weight:600;text-shadow:2px 2px 5px rgba(0,0,0,.8);}
.section-number p{font-size:60px; margin-bottom:-10px;text-shadow:2px 2px 5px rgba(0,0,0,.8); font-weight:800; display:flex; flex-wrap:wrap; align-content:end;}

.ql-slider:hover .yellow-btn{background:#000; color:#fff;}

.slick-prev, .slick-next {display:none!important;}

/*--------Pages---------------*/
.page-top{background:url("/siteart/background.jpg") no-repeat center center; width:100%;}
.page-top-text{max-width:1600px; margin:0 auto; padding:140px 10px 100px 10px; box-sizing:border-box; text-align:center;}
.page-top-text h1{font-size:60px; color:#fff; text-transform:uppercase; font-weight:800px;}

.contact-info{max-width:1220px; width:100%; margin:10px auto; display:flex; flex-direction:row;}
.contact-info section{width:calc(50% - 20px); margin:10px; border:solid 1px #ccc; padding:30px; box-sizing:border-box;}
.contact-info section p{font-size:20px; font-weight:600; color:#000;}
.contact-info section a{color:#000; font-weight:500; font-size:18px; padding-top:5px; transition:.3s ease;}
.contact-info section a:hover{color:#38802c;}

.fin-logos{width:100%; display:flex; flex-direction:row; justify-content: center; align-items: center; gap:12px;}

button.download-form-buttom {
	background:#38802c;
	    color: #fff;
   padding: 14px 50px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
	border:none;
	width:100%;
	max-width: 500px;
}

button.download-form-buttom:hover {    
	background: linear-gradient(#38802c, #2D6F22);
    transition: .3s ease;
}

.finance-button {    
	padding: 50px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;}

.finance-right {
    width: 100%;
    max-width: 500px;
    text-align: center;}


.finance-left{
        width: 100%;
    max-width: 350px;}


.form-flex {        
	display: flex;
    justify-content: center;
    gap: 130px;width:90%;margin:0 auto;
	flex-wrap: wrap;}

.riverrock-logo {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}
.riverrock-logo img{
width:100%;
	max-width: 430px;
}

.finance-left h2 {margin-bottom:10px;font-weight:600;}
.finance-left h3 {margin-bottom:7px;font-weight:bold;}
.finance-left a {color:#000;}
.finance-left a:hover {color:#38802c;}
 p.specializing {margin-bottom:10px;}
/*--------FORM STYLES--------------------*/

.flex-form{width:100%; background:#fff; box-shadow:1px 1px 5px 3px rgba(0,0,0,.1); padding:40px; box-sizing:border-box; max-width:1200px; text-align: left;margin:-40px auto 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
#formpage h2{font-size:24px; text-transform:uppercase; padding-bottom:5px; margin-left:5px;}
#formpage input, select {padding:14px;border-bottom: 1px solid #333; border-top:none; border-left:none; border-right:none;color: #777!important;font-size: 14px;}
.flex-row{display:flex;flex-direction:row;width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 30px 0px 20px 0;}
.form-half{width:calc(50% - 10px);display: inline-block;vertical-align: middle;margin:5px;}
.form-whole{width:calc(100% - 10px);display:block;vertical-align:middle;margin:5px;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}


#formpage textarea {font-family:'Arial', sans-serif; font-size:14px; box-sizing:border-box;padding: 14px;border-bottom: 1px solid #333!important; border-top:none; border-left:none; border-right:none; color: #000;background: #fff;width: 100%;height: 100px;border-radius:2px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background:#38802c; color:#ffffff;padding:12px 20px;text-decoration:none;transition:ease-in .3s;width: 160px;border:none;height:auto; text-transform:uppercase; font-size:16px; font-weight:500; margin: 0 auto;}

#formpage input.submit-button:hover, #submit-btn button:hover{background:#134a01; transition:ease-out .3s; cursor:pointer;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{width:160px; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}


/*-------- FOOTER STYLES ----------------*/
footer{width:100%; display:flex; flex-direction:row;}
.footer-left{background:linear-gradient(#38802c, #2D6F22); padding: 100px 60px; box-sizing:border-box; width:65%;}
.footer-right{background:#134a01; padding:100px 60px; box-sizing:border-box; width:35%; display:flex;}
.footer-row{display:flex; flex-direction:row; padding-left:7%;}
.foot-col{width:25%; padding:10px; box-sizing:border-box;}
.foot-col p{font-size:20px; color:#fff; font-weight:700; text-transform:uppercase; padding-bottom:25px;}
.foot-col ul li a{font-size:16px; color:#fff; text-transform:uppercase; line-height:26px;}
.foot-col a{color:#fff; font-size:16px; transition:.3s ease;}
.foot-col a:hover{color:#fbe86b;}

.footer-logo{margin:0 auto; max-width:250px; width:100%; text-align:center; justify-content: center; display:flex; align-content:center; flex-wrap:wrap;}
.footer-logo img{width:100%; padding-bottom:10px;}
.footer-logo p{color:#fff; font-size:15px;}
.footer-logo p a{color:#fff;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content{margin:-60px auto 0 auto!important; background:#fff!important; padding:20px!important; box-shadow:1px 1px 5px 3px rgba(0,0,0,.1);}
.detail-wrapper{padding:20px 0!important;}


.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #38802c !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #38802c !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #134a01 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}






/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1500px) {
	.foot-col{width:50%;}
	.footer-row{flex-wrap:wrap;}
}

@media only screen and (max-width: 1300px) {
	.slide-caption{bottom:40%;  max-width:1000px;}
	.slide-caption h1{font-size:50px; line-height:50px;}
	footer{flex-direction:column;}
	.footer-left{width:100%;}
	.footer-right{width:100%;}
	.footer-logo{flex-direction:column;}
	.about-text{padding:7% 0 0 8%;}
	.about-top h2, .about-text h3{font-size:35px; line-height:35px;
	}
}
@media only screen and (max-width: 1150px) {	
	.brand-row{margin:0 auto; flex-wrap:wrap;}
	.brand-wrap{padding:20px 0;}
	.brand-row a{width:calc(33.33% - 2px);}
	.footer-row{padding:0;}
	.about-row{flex-direction:column;}
	.about-left{width:100%; max-width:700px; margin:0 auto;}
	.about-right{width:100%; text-align:center;}
	.about-right p{width:100%;}
	.about-text{padding:40px 0 0 0;}
	.about-text a{margin:0 auto;}
}
@media only screen and (max-width: 1088px) {	
	.finance-left {
	width: 100%;
    margin: 0 auto;
    text-align: center;
		max-width:none;
	}	
	.finance-right {
	    width: 100%;
    text-align: center;
		max-width:none !important;
	}
	.form-flex {gap:60px;}
	.riverrock-logo {margin-bottom:0;}
	
	.finance-left h3 {margin-bottom: 17px;}
}
@media only screen and (max-width: 1000px) {	
	header{flex-direction:column; padding:0;}
	.logo{display:block; margin:0 auto;}
	.logo-position{position: inherit;}
	.slider-back{height:360px;}
	.slider-back img{object-fit:cover;}
	.slick-dots li {width:14%!important;}
	.about-top h2, .about-text h3{font-size:30px; line-height:30px;}
	.contact-info{flex-direction:column;}
	.contact-info section{width:calc(100% - 20px);}
}
@media only screen and (max-width: 750px) {	
	.brand-row a{width:calc(50% - 2px);}
	.brand-row a.green{width:calc(100% - 2px)!important; padding:45px 0!important;}
	.brand-row a.green p{font-size:25px; line-height:26px;}
	.footer-row{flex-wrap:wrap;}
	.foot-col{width:100%; text-align:center;}
	.flex-row{flex-direction:column;}
	.form-half{width:calc(100% - 10px);}
	.page-top-text h1{font-size:40px; line-height:40px;}
	.top-header{display:none;}
}
@media only screen and (max-width: 650px) {	
	.slide-caption {bottom:40%;}
	.slide-caption h1{font-size:40px; line-height:40px;}
	.footer-right{padding:70px 10px;}
	.footer-logo img{max-width:380px; width:100%;}
	.about-top h2, .about-text h3{font-size:25px; line-height:25px;}
	.fin-logos{flex-direction:column;}
}
@media only screen and (max-width: 500px) {	
	.brand-row a{width:100%;}
	.slide-caption{bottom:38%;}
	.slide-caption h1{font-size:30px; line-height:30px;}
	.ql-slider img{height:500px;}
}
@media only screen and (max-width: 420px) {
	.slick-dots li{width:13%!important;}
	.footer-left{padding:80px 10px;}
	.page-top-text h1{font-size:34px; line-height:34px;}
	.slider-back{height:280px;}
	.page-top-text{padding:80px 10px 100px 10px;}
}

@media only screen and (max-width: 380px) {
	.ql-slider img{height:400px;}
	.slick-dots li{width:12%!important;}
	.section-number{display:none;}
	.section-left{width:100%;}
	.section-left h2{font-size:30px; line-height:30px;}
	.flex-form{padding:20px;}
}