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

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 {overflow-x: hidden;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr{border:#000 1px solid;}
html {font-family: 'barlow', sans-serif;}

/*--- HEADER STYLES ---------------------*/
.call-btns {position: fixed; width: 100%; bottom: 0; z-index: 900; margin-bottom: 20px;}
.float-btns {display: flex; flex-wrap: wrap; justify-content: flex-end; text-align: right; gap: 5px;}
.float-btns a { width: 100%; display: flex; justify-content: flex-end;}
.float-btns button {background: #197431; border: none; color: #fff; border-radius: 50px; height: 52px; font-size: 18px; line-height: 28px; width: 200px; display: flex; gap: 10px; justify-content: center; align-items: center;}
.float-btns > a:last-child button i {font-size: 22px;}
.float-btns a:hover button {background: #135B26; transiiton: .5s;}

.header-top {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; padding: 20px 0; align-items: center;}
.header-search {display: flex; gap: 10px; justify-content: flex-end; align-items: center; margin-bottom: 10px;}
.header-search > a i {background: #197431; color: #fff; border-radius: 3px; width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 20px; line-height: 20px;}
.header-search > a:hover i, .header-search form button:hover {background: #3D3D3D; transition: .8s;}
.header-search form {display: flex;}
.header-search input {background: #E8E8E8 !important; border-radius: 3px 0px 0px 3px !important; font-family: 'barlow', sans-serif !important; color: #3D3D3D !important; font-size: 14px !important; text-transform: uppercase; border: none !important; font-weight: bold; padding-left: 20px !important; width: 225px !important; height: 42px !important; padding-top: 0px !important; padding-bottom: 0px !important;}
.header-search input::placeholder {color: #3D3D3D;}
.header-search form button {border: none; background: #197431; color: #fff; border-radius: 0px 3px 3px 0px; width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 20px; line-height: 20px;}
.header-top p {font-family: 'barlow', sans-serif; font-size: 14px; line-height: 24px; font-style: italic; color: #3D3D3D; text-align: right;}

.header-bottom {background: #197431; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative;}
.header-bottom > .menu-toggle {width: 100%; display: flex; justify-content: center;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: rgba(36,36,36,0.65);}
.hero-wrap {width: 95%; margin: 0 auto; padding: 200px 0 80px 0;}
.hero-content {width: 700px;}
.hero-content p {font-family: 'barlow', sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
.hero-content h1 {font-family: 'arial', sans-serif; font-weight: bold; font-size: 45px; line-height: 55px; color: #fff;}
.hero-content h1 span {color: #FDD834;}
.hero-content > div:last-child {margin-top: 30px; display: flex; gap: 10px;}
.hero-content > div button {width: 220px; padding: 12px 0 14px 0; color: #fff; font-family: 'barlow', sans-serif; font-weight: 600; font-size: 15px; line-height: 15px; text-transform: uppercase; border-radius: 50px;}
.hero-content > div button:hover {background: #135B26 !important; transition: .8s; border: 1px #135B26 solid !important;}
.hero-content > div a:first-child button {background: #197431; border: 1px #197431 solid;}
.hero-content > div a:last-child button {background: none; border: 1px #fff solid;}

.inv-wrap {width: 90%; margin: 0 auto; padding: 80px 0;}
.inv-wrap > p {font-family: 'barlow', sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom: 10px;}
.inv-wrap > h2 {font-family: 'arial', sans-serif; font-weight: bold; font-size: 35px; line-height: 45px;}
.inv-flex {display: flex; gap: 10px; margin-top: 30px;}
.inv-flex > a {width: 100%; border-radius: 5px;}
.inv-flex .shop-bkgrd {background: url("/siteart/shop-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.inv-flex .arriving-bkgrd {background: url("/siteart/arriving-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.inv-flex .sold-bkgrd {background: url("/siteart/sold-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.inv-flex .cat-overlay {background: rgba(36,36,36,0.70); border-radius: 5px;}
.inv-flex .cat-wrap {padding: 30px;}
.inv-flex .cat-top {border: 2px rgba(255,255,255,0.30) solid; border-radius: 5px; margin-bottom: 25px;}
.inv-flex h3 {font-family: 'barlow', sans-serif; font-weight: bold; font-size: 30px; line-height: 40px; color: #fff; text-transform: uppercase; text-align: center; padding: 80px 20px;}
.inv-flex p {font-family: 'barlow', sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 20px;}
.inv-flex p span {font-weight: bold; text-transform: uppercase;}
.inv-flex a:hover .cat-overlay {background: rgba(25,116,49,0.90); transition: .8s;}
.inv-flex a:hover p span i {padding-left: 10px; transition: .8s;}

.reviews-bkgrd {background: url("/siteart/reviews-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.reviews-overlay {background: rgba(25,116,49,0.90);}
.reviews-wrap {width: 950px; margin: 0 auto; padding: 80px 20px; text-align: center;}
.review-stars {display: flex; justify-content: center; gap: 5px;}
.review-stars i {color: #FDD834; font-size: 15px; line-height: 15px;}
.client-review {display: flex; justify-content: center; gap: 20px; margin: 20px 0;}
.client-review p {color: #fff; font-family: 'arial', sans-serif !important; font-size: 35px !important; line-height: 45px !important; font-weight: bold; text-transform: none !important;}
.client-review i {color: rgba(255,255,255,0.25); font-size: 40px; line-height: 40px;}
.reviews-wrap p {font-family: 'barlow', sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; text-transform: uppercase; color: #fff;}

.contact-bkgrd {background: #F2F2F2;}
.contact-wrap {width: 95%; margin: 0 auto; padding: 80px 0; display: flex; justify-content: space-between; gap: 50px; align-items: center; position: relative; z-index: 600;}
.contact-wrap > div {width: 100%;}
.contact-wrap iframe {border-radius: 5px;}
.contact-wrap p {font-family: 'barlow', sans-serif; font-weight: 600; font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom: 10px;}
.contact-wrap h4 {font-family: 'arial', sans-serif; font-weight: bold; font-size: 35px; line-height: 45px;}
.contact-wrap form {margin-top: 25px;}
.contact-wrap form .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.contact-wrap form .form-textarea {display: flex;}
.contact-wrap form input {background: #fff; border: none; font-family: 'barlow', sans-serif; font-size: 15px; color: #3D3D3D; width: 100%; padding: 15px 0; line-height: 25px; border-radius: 3px; padding-left: 20px;}
.contact-wrap form input::placeholder {color: #3D3D3D;}
.contact-wrap form textarea {background: #fff; border: none; font-family: 'barlow', sans-serif; font-size: 15px; color: #3D3D3D; width: 100%; padding: 15px 0 0 0; line-height: 25px; height: 150px; border-radius: 3px; padding-left: 20px;}
.contact-wrap form textarea::placeholder {color: #3D3D3D;}
.contact-wrap form .submitselect {width: 175px; border-radius: 50px; background: #197431; display: flex; justify-content: center; align-items: center; padding: 10px 0 12px 0; font-family: 'barlow', sans-serif; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 15px; line-height: 25px; margin-top: 25px;}
.contact-wrap form .submit {width: 175px; border-radius: 50px; background: #197431; padding: 10px 0 12px 0; font-family: 'barlow', sans-serif; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 15px; line-height: 25px;}
.contact-wrap form .submitselect:hover, .contact-wrap form .submit:hover {background: #3D3D3D; transition: .8s; cursor: pointer !important;}
.contact-wrap form .CaptchaAnswerPanel input {width: auto !important; height: 20px !important;}
.contact-wrap .CaptchaWhatsThisPanel a {color: #3D3D3D; text-decoration: underline;}

/*---SHIPPING---*/
.sub-nav {width: 90%; margin: 0 auto; padding: 20px 0 0 0; display: flex; align-items: center; gap: 10px;}
.sub-nav a, .sub-nav p {color: #3D3D3D; font-family: 'barlow', sans-serif; font-size: 16px; line-height: 26px;}
.sub-nav a:hover {color: #135B26; transition: .8s;}

.sub-body-wrap {width: 90%; margin: 0 auto; padding: 60px 0 80px 0; position: relative; z-index: 600;}
.sub-body-wrap h1 {font-family: 'barlow', sans-serif; font-weight: bold; font-size: 45px; line-height: 55px; margin-bottom: 15px; text-transform: uppercase; color: #3D3D3D;}
.sub-body-wrap h2 {font-family: 'barlow', sans-serif; font-weight: bold; font-size: 30px; line-height: 40px; margin-bottom: 10px; margin-top: 25px; color: #3D3D3D;}
.sub-body-wrap p {font-family: 'barlow', sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.sub-body-wrap p a {color: #197431;}
.sub-body-wrap p a:hover {text-decoration: underline; transition: .8s;}
.sub-body-flex {display: flex; justify-content: space-between; gap: 50px; align-items: center;}
.sub-body-flex > div:first-child {width: 60%;}
.sub-body-flex > div:last-child {width: 40%;}
.sub-body-flex > div img {width: 100%;}
.sub-body-wrap button {width: 200px; border-radius: 50px; background: #197431; display: flex; justify-content: center; align-items: center; padding: 10px 0 12px 0; font-family: 'barlow', sans-serif; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 15px; line-height: 25px; margin-top: 30px; border: none;}
.sub-body-wrap button:hover {background: #3D3D3D; transition: .8s;}

.img-flex {display: flex; gap: 10px; width: 90%; margin: 0 auto; padding-bottom: 80px; position: relative; z-index: 600;}
.img-flex img {width: 100%;}

.style-watermark {float: right; bottom: -300px; position: relative; margin-top: -950px; z-index: 500; opacity: 60%;}
.style-watermark img {width: 100%;}

/*---CONTACT---*/
.sub-body-wrap form {margin-top: 25px;}
.sub-body-wrap form .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.sub-body-wrap form .form-textarea {display: flex;}
.sub-body-wrap form input {background: #F2F2F2; border: none; font-family: 'barlow', sans-serif; font-size: 15px; color: #3D3D3D; width: 100%; padding: 15px 0; line-height: 25px; border-radius: 3px; padding-left: 20px;}
.sub-body-wrap form input::placeholder {color: #3D3D3D;}
.sub-body-wrap form textarea {background: #F2F2F2; border: none; font-family: 'barlow', sans-serif; font-size: 15px; color: #3D3D3D; width: 100%; padding: 15px 0 0 0; line-height: 25px; height: 150px; border-radius: 3px; padding-left: 20px;}
.sub-body-wrap form textarea::placeholder {color: #3D3D3D;}
.sub-body-wrap form .submitselect {width: 175px; border-radius: 50px; background: #197431; display: flex; justify-content: center; align-items: center; padding: 10px 0 12px 0; font-family: 'barlow', sans-serif; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 15px; line-height: 25px; margin-top: 25px;}
.sub-body-wrap form .submit {width: 175px; border-radius: 50px; background: #197431; padding: 10px 0 12px 0; font-family: 'barlow', sans-serif; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 15px; line-height: 25px;}
.sub-body-wrap form .submitselect:hover, .sub-body-wrap form .submit:hover {background: #3D3D3D; transition: .8s; cursor: pointer !important;}
.sub-body-wrap form .CaptchaAnswerPanel input {width: auto !important; height: 20px !important;}
.sub-body-wrap .CaptchaWhatsThisPanel a {color: #3D3D3D; text-decoration: underline;}

.contact-sidebar {width: 90%; margin: 0 auto; display: flex; gap: 10px; padding-bottom: 80px; position: relative; z-index: 600;}
.contact-sidebar a {width: 100%;}
.contact-sidebar a > div {background: #3D3D3D; padding: 35px; text-align: center; border-radius: 3px;}
.contact-sidebar i {font-size: 22px; line-height: 32px; color: #fff;}
.contact-sidebar h2 {font-family: 'barlow', sans-serif; font-weight: bold; font-size: 22px; line-height: 32px; margin-bottom: 10px; color: #fff; margin-top: 0px;}

/*---SOLD---*/
.sold-flex {flex-wrap: wrap;}
.sold-flex > div {width: 24%;}
.sold-flex p {text-align: center; padding: 10px 0 30px 0; color: #3D3D3D; font-family: 'barlow', sans-serif; font-size: 16px; line-height: 26px;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
.footer-adjustments .scrolling-wrap {top: -77px; position: relative;}
.footer-adjustments footer {margin-top: -140px;}

footer {background: #242424; margin-top: -63px; position: relative; z-index: 900;}
.footer-wrap {width: 95%; margin: 0 auto; padding: 80px 0; display: flex; justify-content: space-between;}
footer p {font-family: 'barlow', sans-serif; font-weight: bold; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase;}
footer ul {margin-top: 15px;}
footer ul li {margin-bottom: 5px;}
footer ul a {font-family: 'barlow', sans-serif; font-weight: 500; font-size: 16px; line-height: 28px; color: #fff;}
footer .footer-wrap > div > a i {color: #FDD834; font-size: 30px; line-height: 30px;}
.footer-wrap > div:first-child ul {margin-bottom: 20px;}
footer ul a:hover {color: #FDD834; transition: .8s;}

.footer-z-index footer {z-index: 100;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.remove-btns .call-btns {display: none;}
.container {position: relative; z-index: 600;}
.list-redesign, .detail-wrapper {padding-top: 80px !important;}
.list-top-section .list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #197431 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .kruitenterprisescomhdev-88jlbf, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {background: #197431 !important;}
.ts-disclaimer span {font-size: 16px !important; line-height: 26px !important;}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1450px) {
	.contact-sidebar {flex-wrap: wrap;}
	.contact-sidebar a {width: 49.5%;}
}


@media only screen and (max-width: 1250px) {
	.header-top img {width: 325px;}
	.inv-flex {flex-wrap: wrap;}
	.inv-flex > a {width: 49%;}
	.sub-body-flex {flex-wrap: wrap;}
	.sub-body-flex > div {width: 100% !important;}
	.img-flex {flex-wrap: wrap;}
	.img-flex div {width: 49.5%;}
}

@media only screen and (max-width: 1150px) {
	.img-flex div, .contact-sidebar a {width: 49%;}
}

@media only screen and (max-width: 1050px) {
	.header-top img {width: 300px;}
	.header-search > a i, .header-search form button {width: 40px; height: 40px; font-size: 18px; line-height: 18px;}
	.contact-wrap {flex-wrap: wrap;}
	.contact-wrap iframe {height: 400px !important;}
	.header-bottom:hover {background: #3D3D3D; transition: .8s;}
	.contact-bkgrd .contact-wrap form {margin-bottom: 80px;}
	.contact-bkgrd .contact-wrap {padding-bottom: 0px;}
	.contact-bkgrd {padding-bottom: 80px;}
	
	.header-top-right {display: none;}
	.header-top {justify-content: center;}
	.header-top p {text-align: center;}
}

@media only screen and (max-width: 800px) {
	.hero-content, .inv-flex > a, .contact-sidebar a {width: 100%;}
}

@media only screen and (max-width: 600px) {
	.hero-content > div a, .hero-content > div button {width: 100%;}
	.hero-wrap {padding: 150px 0 60px 0;}
	.footer-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-wrap > div {width: 100%;}
	.img-flex div {width: 100%;}
}

@media only screen and (max-width: 450px) {
	.header-top img {width: 80%; margin: 0 auto; display: flex;}
	.hero-content h1, .sub-body-wrap h1 {font-size: 40px; line-height: 50px;}
	.hero-content > div {flex-wrap: wrap;}
	.inv-wrap > h2, .contact-wrap h4 {font-size: 30px; line-height: 40px;}
	.inv-flex h3, .sub-body-wrap h2 {font-size: 25px; line-height: 35px;}
	.inv-flex p, .sub-body-wrap p {font-size: 18px; line-height: 28px;}
	.inv-flex .cat-wrap {padding: 25px;}
	.inv-flex h3 {padding: 70px 15px;}
	.client-review p {font-size: 30px !important; line-height: 40px !important;}
	.client-review i {font-size: 35px; line-height: 35px;}
	.client-review {gap: 15px;}
	.contact-wrap form .form-flex > div {flex-wrap: wrap;}
	.contact-wrap form .submitselect, .contact-wrap form .submit, .sub-body-wrap button {width: 100%;}
	.contact-sidebar h2, .contact-sidebar i {font-size: 20px; line-height: 30px;}
	.float-btns button {font-size: 16px; line-height: 26px;}
	.float-btns > a:last-child button i {font-size: 20px;}
}

@media only screen and (max-width: 350px) {
	.hero-content h1, .sub-body-wrap h1 {font-size: 35px; line-height: 45px;}
	.inv-wrap > h2, .contact-wrap h4 {font-size: 25px; line-height: 35px;}
	.inv-flex h3, .sub-body-wrap h2 {font-size: 20px; line-height: 30px;}
	.inv-flex p, .sub-body-wrap p {font-size: 16px; line-height: 26px;}
	.inv-flex .cat-wrap {padding: 20px;}
	.inv-flex h3 {padding: 60px 10px;}
	.client-review p {font-size: 25px !important; line-height: 35px !important;}
	.client-review i {font-size: 30px; line-height: 30px;}
	.client-review {gap: 10px;}
	.contact-sidebar h2, .contact-sidebar i {font-size: 18px; line-height: 28px;}
}