/***** 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;	
	font-family: 'Roboto', sans-serif;	
}

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

/*Smooth transistions*/
a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, .hero-btn, .hero-btn:hover {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
} 

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

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


hr{border:#000 1px solid;}

.contact {
	text-align: center;
}

.contact a {
	color: #056839;
}

/*--- HEADER STYLES ---------------------*/
header {
    width: 100%;
    margin: 0 auto;
    background-color: #d0d4d8;
    background: url("../siteart/bgs/flowers2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

header .wrapper-90 {
	padding: 1.25% 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#head-left {
	width: 40%;
	text-align: left;
}

#head-logo {
	width: 60%;
}

#head-logo img {
	width: 100%;
}

#head-right {
	width: 60%;
	text-align: right;
	position: relative;
}

#head-contact {
	position: absolute;
	top: 0;
	right: 0;
	color: #000000;
}

#head-contact a {
	color: #000000;
}

.bold-head {
	font-weight: 600;
	padding-bottom: 1.5%;
	color: #000;
}

#head-contact ul li a:hover {
	color: #034b29;
}

/*============nav============*/
/* header */

.header {
  width: 100%;
  /*z-index: 3;*/
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.header li a {
    display: block;
    color: #000000;
    text-transform: uppercase;
    font-size: 16pt;
    font-weight: 600;
    padding: 5px 20px;
    border: 1.5px solid transparent;
    border-radius: 90px;
}

.header li a:hover,
.header .menu-btn:hover {
    color: #000000;
    border-color: #000000;
}
/* menu */

.header .menu-versluis {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  /*float: right;*/
  padding: 28px 20px;
  position: relative;
  user-select: none;
  margin-top: 5%;
}

.header .menu-icon .navicon {
  background: #000000;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
		text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 1);	
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #000000;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
	text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 1);		
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu-versluis {
  max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* Inventory Styles */

.list-content, .detail-content, .detail-content-mobile{background-color: #FFF}

.detail-content .dealer-info .contact-information .address, .detail-content .dealer-info .contact-information .phone, .detail-content .dealer-info .contact-information .contact{text-align: left !important;}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.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: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !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:#056839 !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:#056839 !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 #056839 !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 {background: #fff !important; color: #056839 !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-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, .detail-price, .compare-price, .compare-title {color: #000 !important;}

.linking-buttons a.active, .view-all-link {background-color: #056839 !important;}
.media-buttons {padding-top: 10px;}
.listing-prices__retail-price {color: #000 !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 {
	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, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {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 !important; box-sizing: border-box;}

/* 48em = 768px */

@media (min-width: 835px) {
  .header li {
    float: left;
  }
	
  /*.header li a {
    padding: 25px 20px 0 20px;
  }*/
	
  .header .menu-versluis {
    clear: none;
    float: right;
    max-height: none;
  }
	
  .header .menu-icon {
    display: none;
  }
	
	#head-right {
		position: relative;
	}	
	
	#head-nav {
		position: absolute;
		bottom: 0;
		right: 0;
	}
		
}

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

.wrapper-80 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.wrapper-90 {
	width: 90%; 
	margin: 0 auto;
	text-align: center;
}

.wrapper-96 {
	width: 96%; 
	margin: 0 auto;
	text-align: center;	
}

.left-50 {
	display: inline-block;
	width: 47.4%;
	margin: 0 auto;
	text-align: left;
	padding-right: 1.5%;
}

.right-50 {
	display: inline-block;
	width: 47.4%;
	margin: 0 auto;
	text-align: right;
	padding-left: 1.5%;
}

.main-bg {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

.pg-headline {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	text-transform: uppercase;
	color: #000;;
	padding: 2% 0 .5% 0;
	font-size: 1.25rem;
	border-bottom: 3px solid #ff8e41;
}

.pg-content-container {
	width: 100%;
	margin: 0 auto;
	padding: 1.5% 0 1% 0;
}

/*--------HOME PAGE STYLES--------------------*/
#hero {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #f5df4b;	
}

.hero-left {
	width: 50%;
	background: #f5df4b;
}

.hero-left, .hero-right {
	justify-content: center;
	align-content: center;
	align-self: center;
}

.hero-text {
	text-align: left;
}

.hero-text h1 {
	text-transform: uppercase;
	font-size: 24pt;
	text-shadow: .5px .5px .75px rgba(0, 0, 0, 1);	
}

.thin {
	font-weight: 400;
}

.hero-text h2 {
	font-size: 18pt;
	font-weight: 500;
}

.hero-btn {
	width: 65%;
	padding: 1.5% 1%;
	background: #056839;
	border-radius: 10px;
	border: solid 2px #fff;
	color: #fff;
	text-transform: uppercase;
	margin-top: 3%;
	font-size: 18pt;


}

.hero-btn:hover {
    background: transparent;
    color: #056839;
    border: 2px solid #056839;
}

.hero-right {
	width: 50%;
}

.slide-container {
	width: 100%;
}

.slide {
	width: 100%;
}

.slide img {
	width: 100%;
	margin: 0 auto;
}

#welcome {
	width: 100%;
	margin: 0 auto;
	color: #000;
	background-color: #d0d4d8;
	background: url(../siteart/bgs/paper-fibers.png);
}

#welcome .wrapper-80 {
	padding: 2% 0;
	text-align: left;
}

#welcome .wrapper-80 h5 {
	font-size: 15pt;
	font-weight: 600;
}

#map {
	width: 100%;
	margin: 0 auto;
}

#map iframe {
	width: 100%;
	margin: 0 auto;
}

.hero-bullets {
    list-style: disc;
    padding-left: 20px;
    margin: 10px 0 20px 0;
}

.hero-bullets li {
    margin-bottom: 5px;
    font-size: 1em;
}
/* ===== OUR STORY PAGE STYLES ===== */

/* ===== HERO ===== */
#ourstory-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 340px;
    background: #f5df4b;
    overflow: hidden;
}

.ourstory-hero-text {
    padding: 7% 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f5df4b;
}

.ourstory-hero-text h1 {
    font-size: clamp(1.9rem, 4vw, 3.2rem);
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin-bottom: 14px;
}

.ourstory-hero-text h1 span {
    color: #056839;
}

.ourstory-hero-text p {
    color: #333;
    font-size: 1rem;
    max-width: 460px;
    line-height: 1.6;
}

.ourstory-hero-image {
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 0;
}

.ourstory-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    padding: 0;
    transition: transform 0.6s ease;
}

.ourstory-hero-image:hover img {
    transform: scale(1.04);
}

/* ===== CTA BAND ===== */
#ourstory-cta {
    background: #056839;
}

#ourstory-cta h4 {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: 0.3px;
}

.ourstory-cta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.ourstory-cta-btn {
    display: inline-block;
    background: #f5df4b;
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 40px;
    border-radius: 90px;
    border: 3px solid #f5df4b;
    transition: all 0.3s ease;
    text-decoration: none;
}

.ourstory-cta-btn:hover {
    background: transparent;
    color: #f5df4b;
}

/* ===== SLIDESHOW ===== */
.ourstory-slideshow {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 auto;
    background: #056839 !important;
    overflow: hidden;
}

.ourstory-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.ourstory-slide {
    display: none;
    height: 100%;
}

.ourstory-slide--active {
    display: block;
    height: 100%;
}

.ourstory-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ourstory-slide-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.4);
    color: white;
    border: none;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
}

.ourstory-slide-btn:hover {
    background: rgba(0, 0, 0, 0.7);
}

.ourstory-slide-btn--prev { left: 0; }
.ourstory-slide-btn--next { right: 0; }

.ourstory-slide-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.ourstory-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer;
}

.ourstory-dot--active {
    background: white;
}


/* ===== FAQ PAGE STYLES ===== */

/* ===== HERO — short, full-width, no image ===== */
#faq-hero {
    background: #f5df4b;
    padding: 4% 8%;
    display: flex;
    align-items: center;
}

.faq-hero-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.faq-hero-text h1 {
    font-size: clamp(1.9rem, 4vw, 3.2rem);
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin-bottom: 14px;
}

.faq-hero-text h1 span {
    color: #056839;
}

.faq-hero-text p {
    color: #333;
    font-size: 1rem;
    max-width: 560px;
    line-height: 1.6;
}

/* ===== WHY EUROPE PANEL — stacked: text top, images bottom row ===== */
.faq-why-panel {
    background: #056839;
    display: flex;
    flex-direction: column;
    padding: 5% 8%;
    gap: 36px;
}

.faq-why-text {
    max-width: 800px;
}

.faq-why-text h2 {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #f5df4b;
    margin-bottom: 20px;
    line-height: 1.3;
}

.faq-why-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq-why-text ul li {
    padding: 10px 0 10px 22px;
    position: relative;
    font-size: 0.97rem;
    line-height: 1.6;
    color: rgba(255,255,255,0.92);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.faq-why-text ul li:last-child {
    border-bottom: none;
}

.faq-why-text ul li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #f5df4b;
    font-weight: 700;
}

/* ===== HORIZONTAL IMAGE ROW ===== */
.faq-why-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.faq-why-img {
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,0.3);
}

.faq-why-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}


/* ===== FAQ ACCORDION ===== */
#faq-section {
    background: #f4f4f4;
    padding: 5% 0 6%;
}

#faq-section .inner-90 {
    width: 90%;
    margin: 0 auto;
}

.section-label {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 36px;
}

.section-label::after {
    content: '';
    flex: 1;
    height: 2px;
    background: #ddd;
}

.section-label span {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: #056839;
    white-space: nowrap;
}

.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.faq-item {
    background: #fff;
    border-left: 4px solid transparent;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.faq-item:hover,
.faq-item.open {
    border-left-color: #056839;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.faq-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 28px;
    gap: 16px;
}

.faq-item-header h3 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #111;
    letter-spacing: 0.3px;
    line-height: 1.3;
}

.faq-toggle {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    background: #f4f4f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 300;
    color: #056839;
    transition: background 0.3s ease, transform 0.3s ease;
    line-height: 1;
}

.faq-item.open .faq-toggle {
    background: #056839;
    color: #fff;
    transform: rotate(45deg);
}

.faq-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.faq-item.open .faq-item-body {
    max-height: 300px;
}

.faq-item-body-inner {
    padding: 18px 28px 24px 28px;
    border-top: 1px solid #f0f0f0;
}

.faq-item-body ul {
    list-style: none;
    padding: 0;
}

.faq-item-body ul li {
    padding: 8px 0 8px 20px;
    position: relative;
    font-size: 0.95rem;
    color: #444;
    line-height: 1.65;
}

.faq-item-body ul li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #056839;
    font-weight: 700;
}

/* ===== CTA BAND ===== */
#faq-cta {
    background: #056839;
    padding: 4% 0;
    text-align: center;
}

#faq-cta h4 {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: 0.3px;
}

.cta-btn {
    display: inline-block;
    background: #f5df4b;
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 40px;
    border-radius: 90px;
    border: 3px solid #f5df4b;
    transition: all 0.3s ease;
}

.cta-btn:hover {
    background: transparent;
    color: #f5df4b;
}

/* ===== RESPONSIVE ===== */
@media only screen and (max-width: 900px) {
    .faq-why-panel {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .faq-why-text ul {
        padding-right: 0;
    }
    .faq-why-images {
        padding-left: 0;
    }
    .faq-why-img {
        aspect-ratio: 4 / 3;
    }
}

@media only screen and (max-width: 600px) {
    #faq-hero { padding: 9% 7%; }
    .faq-why-panel { padding: 9% 7%; }
    .faq-why-images {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .faq-why-img {
        aspect-ratio: 16 / 9;
    }
    .faq-item-header { padding: 18px 20px; }
    .faq-item-body-inner { padding: 16px 20px 20px; }
}
/*-------- FOOTER STYLES ----------------*/
footer{
	width: 100%;
	margin: 0 auto;
	background: #056839;
	color: #f1f1f1;
	margin-top: -.5%;
}

.wrapper-60 {
	width: 60%;
	margin: 0 auto;
}

footer .wrapper-60 {
	padding: 1.5% 0 1.5% 0;
}

footer .wrapper-60 ul li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 13pt;
	letter-spacing: .35px;
}

footer .wrapper-60 ul {
	display: flex;
	justify-content: space-around;
}

.pub {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 3.5% 0 1% 0;
	font-size: 10pt;
	line-height: 17pt;
}

.pub a {
	color: #f1f1f1;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#056839 !important;
}
.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.inventory-background {
	width: 100%; 
	margin: 0 auto;
	background: #f1f1f1;
}

.inventory-width {
	width: 80%;
	margin: 0 auto;
	padding: 2% 0 !important;
	height: auto;
}



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


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

	
.wrapper-80 {
    width: 90%;
}	
	
.wrapper-90 {
    width: 96%;
}
	
.wrapper-96 {
    width: 98%;
}	
}

@media only screen and (max-width: 965px) {
.header li a {
    font-size: 14.5pt;
    padding: 3px 15px;
}


        
	
#head-logo {
    width: 77%;
}	
	
#hero {
    display: block;
}

.hero-left, .hero-right {
    width: 100%;
	display: inline-block;
}
	
.hero-left .wrapper-80 {
	padding: 2% 0;
	}	
	
.hero-text h2 {
    font-size: 22pt;
}
	
.hero-text h3 {
    font-size: 16pt;
}

.hero-btn {
    width: 55%;
    font-size: 17pt;
}
	
	#hero {
		background: none;
	}	
	
	#welcome {
		margin-top: -.6%;
	}
}
/* ===== RESPONSIVE ===== */
@media only screen and (max-width: 900px) {
    #ourstory-hero {
        grid-template-columns: 1fr;
    }
    .ourstory-hero-image {
        height: 280px;
    }
    .ourstory-cta-grid {
        grid-template-columns: 1fr;
    }
	.faq-why-images {
        grid-template-columns: 1fr;
    }
    .faq-why-img {
        aspect-ratio: 16 / 9;
    }
}
@media only screen and (max-width: 835px) {
	#head-left, #head-right, #head-contact, #head-nav {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
#head-logo {
    width: 50%;
    margin: 0 auto;
    padding-top: 2%;
}
}

@media only screen and (max-width: 700px) {
	
	
    .ourstory-hero-text { padding: 9% 7%; }
	
.wrapper-60 {
    width: 80%;
}
	
.hero-btn {
	margin-top: 6%;
    width: 94%;
	margin-bottom: 2.5%;
}	
	
.hero-text h2 {
    font-size: 21pt;
}

.hero-text h3 {
    font-size: 15pt;
}
	
.hero-btn {
    font-size: 16pt;
}
	
	#welcome {
		margin-top: -.75%;
	}	
}

@media only screen and (max-width: 615px) {
.header .menu-icon {
  margin-top: 8%;
}
	
.inventory-width {
	width: 96%;
}		
}

@media only screen and (max-width: 550px) {
.wrapper-60 {
    width: 90%;
}
	
footer .wrapper-60 ul li a {
    font-size: 12pt;
    letter-spacing: .15;
}
	
#welcome {
	margin-top: -.95%;
	}		
}