/* 
Theme Name: Jef Albels
Theme URI: 
Description: A 2025 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.0002 
Tags:

General comments (optional).






*/


/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Site Styles
================================================== */
:root {
	--width-base: 1640px;
	--font-family-base: 'Poppins', sans-serif;
	--font-family-icon: 'icomoon';
	--line-height-base: 1.63;
	--font-size-base: 16px;
	--color-primary: #010103;
	--color-secondary: #0071d1;
	--color-white: #fff;
	--color-black: #000;
	--color-blue: #00539a;
	--color-gray: #f9f9f9;
	--color-dark-gray: #d4d4d4;
	--color-yellow: #fbbf34;
	--color-green: #a3d42b;
	--color-green-100: #79cb29;
	--color-dark-green: #3d743e;
	--color-brown: #74583d;
	--color-dark-brown: #2e2a26;
	--color-dark-blue: #457fbb;
	--color-sky-blue: #98c6ee;
	--color-blue-100: #073666;
	--base-duration: all 0.3s;
	--line-height-heading: 1.14;
	--font-size-h1: 32px;
	--font-size-h2: 28px;
	--font-size-h3: 24px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--font-size-h6: 16px;
	--input-height: 50px;
	--input-radius: 5px;
	--box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: 300; line-height: var(--line-height-base); color: var(--color-primary); }
body { background: var(--color-white); }
input,
select,
textarea { padding: 10px; width: 100%; height: var(--input-height); font-family: var(--font-family-base); font-size: var(--font-size-base); color: var(--color-primary); border: 1px solid var(--color-dark-blue); border-radius: var(--input-radius); background-color: transparent; }
input::placeholder,
textarea::placeholder { color: var(--color-primary); }
input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--color-dark-blue); border-radius: var(--input-radius);  }
input[type='checkbox']:checked { display: block; width: 20px; height: 20px; border-radius: var(--input-radius); background-color: var(--color-dark-blue); }
img { display: block; max-width: 100%; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
a { display: inline-block; cursor: pointer; }
p { margin-bottom: 16px; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 16px; font-weight: 700; line-height: var(--line-height-heading); }
h1 {
	font-size: var(--font-size-h1);
}
h2 {
	font-size: var(--font-size-h2);
}
h3 {
	font-size: var(--font-size-h3);
}
h4 {
	font-size: var(--font-size-h4);
}
h5 {
	font-size: var(--font-size-h5);
}
h6 {
	font-size: var(--font-size-h6);
}

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: 15px; padding-left: 15px; }
.button { padding: 10px 30px; display: inline-block; width: 100%; font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: 600; text-align: center; text-decoration: none; color: var(--color-white); border: 2px solid var(--color-secondary); border-radius: 5px; background-color: var(--color-secondary); transition: var(--base-duration); cursor: pointer; }
.button:hover,
.button:focus { border: 2px solid var(--color-blue); background-color: var(--color-blue); }
.button.outline { color: var(--color-secondary); background-color: transparent; }
.button.outline:hover,
.button.outline:focus { color: var(--color-white); border: 2px solid var(--color-secondary); background-color: var(--color-secondary); }
.button.white { color: var(--color-secondary); border: 2px solid var(--color-white); background-color: var(--color-white); }
.button.white:focus,
.button.white:hover { color: var(--color-white); border: 2px solid var(--color-secondary); background-color: var(--color-secondary); }
.button.white-outline { color: var(--color-white); border: 2px solid var(--color-white); background-color: transparent; }
.button.white-outline:focus,
.button.white-outline:hover { color: var(--color-secondary); background-color: var(--color-white); }
.button.no-button { padding: 0; text-decoration: underline; color: var(--color-secondary); border: 0; background-color: transparent; }
.button.no-button:focus,
.button.no-button:hover { text-decoration: none; color: var(--color-blue); }

.foundation-text .gform_fields{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.foundation-text .gfield--width-half{ width: 48%; }
.foundation-text .gfield--input-type-textarea{ width: 100%; }
.foundation-text .gfield--input-type-textarea textarea{ width: 100%; height: 220px; }
.foundation-text .gfield--input-type-hidden{display: none;}
.foundation-text .gfield p{ display: none; }
.foundation-text .gfield{ margin-bottom: 20px; }
.foundation-text .gfield label{ font-weight: 700; }
.foundation-text .gform_footer br{ display: none; }
.foundation-text .alleen_lezen{  width: 100%; pointer-events: none;  }


/* ### wrapper ### */
#wrapper { padding-top: 100px; position: relative; display: block; width: 100%; min-height: 100%; overflow: clip; }

/* ### main ### */
main { width: 100%; }

/* ### Header ### */
.header { position: fixed; top: 0; z-index: 999; width: 100%; background-color: var(--color-white); transition: all 0.3s; }
.header-logo img { width: 110px; height: 100%; object-fit:contain; }
.header-holder { padding-top: 10px; z-index:999;}
.header-top { padding: 7px 15px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); z-index:999;}
.header-usp-slide { font-weight: normal; text-align: center; font-size: 10px; }
.header-usp-slide i { font-size: 12px; color: var(--color-green); }
.header-info { display: none; }
.header-info ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.header-info li { font-weight: normal; }
.header-info li:last-of-type { margin-right: 0; }
.header-info li i { margin-right: 5px; display: inline-block; font-size: 20px; vertical-align: middle; }
.header-info a { text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.header-info a:hover,
.header-info a:focus { color: var(--color-secondary); }
.header-appointment { display: none; }
.header.active { transform: translateY(0) !important; }
body.active .header { transform: translateY(-115px); }

/* ### Header Menu ### */
.header-menu { display: none; }
.header-menu ul { display: flex; flex-wrap: wrap; justify-content: center; }
.header-menu ul > li { margin-right: 25px; padding-top: 35px; padding-bottom: 35px; position: relative; transition: var(--base-duration); }
.header-menu ul > li:last-child { margin-right: 0; }
.header-menu ul > li.menu-item-has-children:after { display: inline-block; font-family: var(--font-family-icon); font-size: 11px; vertical-align: middle; transition: var(--base-duration); content: '\e900'; margin-left: 3px; }
.header-menu ul > li > a { font-size: 18px; font-weight: 500; text-decoration: none; color: var(--color-primary); transition: var(--base-duration); white-space: nowrap; }
.header-menu ul > li > a:focus,
.header-menu ul > li > a:hover { color: var(--color-secondary); }
.header-menu ul > li > ul { padding: 16px 0; position: absolute; top: 100%; left: 0; display: flex; flex-wrap: wrap; opacity: 0; visibility: hidden;  height: auto; border-radius: 0 0 5px 5px; background-color: var(--color-white); transition: all 0.3s ease-in-out; pointer-events: none; box-shadow: var(--box-shadow); }
.header-menu ul > li:hover ul { opacity: 1; visibility: visible; pointer-events: unset; }
.header-menu ul > li > ul > li { margin-right: 0; padding: 0 16px; position: relative; display: block; width: 100%; }
.header-menu ul > li > ul > li:after { display: none; }
.header-menu ul > li > ul > li > ul { top: 0; left: 100% !important; display: none; transform: translateX(0); }
.header-menu ul > li > ul > li:hover > ul { display: block; }
.header-menu .button { padding: 11px 21px; position: absolute; top: 50%; right: 20px; font-size: 14px; transform: translateY(-50%); }

/* ### Mobile Menu ### */
.mobile-menu { display: block; }
.mobile-menu .hamburger { position: absolute; top: 50px; right: 15px; display: flex; align-items: center; color: #1a202c; transition: all 0.3s ease-in-out; cursor: pointer; }
.mobile-menu label { margin-bottom: 0; }
.m-menu__checkbox { display: none !important; }
.m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; }
.m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background-color: var(--color-white); -moz-transform: translate3d(768px, 0, 0); -o-transform: translate3d(-450px, 0, 0); -ms-transform: translate3d(768px, 0, 0); -webkit-transform: translate3d(768px, 0, 0); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; }
.m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); }
.m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--color-primary); }
.m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--color-white); }
.m-menu .m-menu { transform: translate3d(768px, 0, 0); }
.header-submenu { padding: 5px 0; border-bottom: 1px solid var(--color-black); }
.m-menu ul { height: 100%; overflow-y: auto; }
.m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; }
.m-menu ul li ul { display: block !important; padding-top: 48px; }
.m-menu ul li a { padding: 0 15px !important; font-weight: 500; color: var(--color-black); border-bottom: 1px solid var(--color-primary); }
.m-menu ul li a:focus,
.m-menu ul li a:hover { text-decoration: none !important; }
.m-menu ul li a.button { border-bottom: 2px solid var(--color-secondary); }
.m-menu ul li a,
nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: none; border-bottom: 1px solid var(--color-black); cursor: pointer; }
nav .m-menu ul li label { border-bottom: 0; }
.m-menu .btn-last { padding: 15px 10px; }
.m-menu .button { padding: 10px 20px !important; width: 100%; line-height: unset; text-align: center !important; color: var(--color-white); }
.m-menu .button:focus,
.m-menu .button:hover { border: 2px solid var(--color-blue); background-color: var(--color-blue); }
.m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--color-black); }
.m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--color-black); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; }
.m-menu ul li .-invisible { border-bottom: 0; }
.m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; }
.m-menu__checkbox:checked ~ .m-menu__overlay { display: block; }
.m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }

/* ### Hero ### */
.hero { padding-top: 60px; padding-bottom: 100px; position: relative; }
.hero:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(7, 54, 102, 0.5); content: ''; }
.hero-text { position: relative; z-index: 2; max-width: 795px; font-weight: normal; color: var(--color-white); }
.hero-text h1 { margin-bottom: 14px; color: inherit;}
.hero-text p { margin-bottom: 15px; }
.hero-text ul { margin-bottom: 21px; }
.hero-text li { margin-bottom: 4px; padding-left: 24px; position: relative; }
.hero-text li:last-of-type { margin-bottom: 0; }
.hero-text li:before { position: absolute; top: 3px; left: 2px; font-family: var(--font-family-icon); font-size: 12px; content: '\e903'; }
.hero-buttons .button { margin-bottom: 15px; padding: 10px 15px; width: 100%; }
.hero-buttons .button:last-of-type { margin-right: 0; margin-bottom: 0; }
.hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.hero-rating { position: absolute; right: 14px; bottom: 20px; z-index: 1; border-radius: 5px; background-color: var(--color-white); }
.hero-rating .review-rating { padding: 7px 3px; justify-content: center; }
.hero-rating .review-google-rating { display: flex; align-items: center; }
.hero-rating .google-img { margin-left: 3px; }


/* ### bicycles ### */
.bicycles { padding-top: 50px; padding-bottom: 50px; }
.bicycles-text { margin-bottom: 25px; font-weight: 400; text-align: center; }
.bicycles-text h2 { margin-bottom: 7px; }
.bicycles-arrows { padding-top: 25px; display: flex; justify-content: center; }
.bicycles-arrows .prev-arrow { margin-right: 5px; }
.bicycles-arrows .next-arrow { margin-left: 5px; }
.bicycles-arrows .next-arrow i { transform: rotate(180deg); }
.bicycles-view-more { padding-top: 30px; text-align: center; }
.bicycles .slick-list { overflow: visible; padding-right: 30px; }
.bicycles .slick-slider { margin: 0 -10px; }
.bicycles .slick-slide { margin-right: 10px; margin-left: 10px; }

/* ### card-bicycles ### */
.card-bicycles { position: relative; display: block; width: 100%; text-decoration: none; color: var(--color-white); border-radius: 10px; overflow: hidden; }
.card-bicycles-image img { width: 100%; transition: var(--base-duration); object-fit:cover;object-position: left; }
.card-bicycles-text { padding: 15px; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 24px; font-weight: 700; text-align: center; }
.card-bicycles:focus .card-bicycles-image img,
.card-bicycles:hover .card-bicycles-image img { transform: scale(1.05); }

/* ### single-bg ### */
.single-bg img { width: 100%; object-fit:cover; }

/* ### news ### */
.news { padding-top: 50px; padding-bottom: 50px; }
.news-column { margin-bottom: 16px; }
.news-text { margin-bottom: 25px; text-align: center; }
.news-text h2 { margin-bottom: 6px; }
.news-view-more { padding-top: 17px; text-align: center; }


.news .gfield_label, .brief .gfield_label{ display: none; }
#field_2_4{ border:none;  }
#field_2_4 .ginput_container{ display: flex; gap:12px; }
#input_2_4_1{ background-color: transparent;}
.news .gfield_consent_label, .brief .gfield_consent_label{ font-size: 14px; }
.news .gfield_consent_label a, .brief .gfield_consent_label a{ color:var(--color-primary);}
#gform_fields_2{ display: flex; flex-direction: column; gap:12px; margin-bottom: 16px; }
#gform_submit_button_2{ width: 100%; }
.gform_submission_error{ font-size: 16px; font-weight: 400; color: #ff0000; }
.gfield_validation_message{ font-size: 14px; font-style: italic; color: #ff0000; }


/* ### card-news ### */
.card-news { display: block; width: 100%; height: 100%; text-decoration: none; color: var(--color-primary); border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; overflow: hidden; }
.card-news-image { overflow: hidden; }
.card-news-image img { width: 100%; transition: var(--base-duration); object-fit:cover;object-position: left; }
.card-news-text { padding: 30px 25px; }
.card-news-text span { font-weight: 400; text-decoration: underline; color: var(--color-blue-100); transition: var(--base-duration); }
.card-news:focus span,
.card-news:hover span { text-decoration: none; color: var(--color-secondary); }
.card-news:focus .card-news-image img,
.card-news:hover .card-news-image img { transform: scale(1.05); }

/* ### card-subscribe ### */
.card-subscribe { padding: 30px 25px; width: 100%; height: 100%; font-weight: 400; border-radius: 10px; background-color: var(--color-sky-blue); }
.card-subscribe h6 { margin-bottom: 20px; }
.card-subscribe ul { margin-bottom: 23px; }
.card-subscribe li { margin-bottom: 4px; padding-left: 22px; position: relative; }
.card-subscribe li:before { position: absolute; top: 3px; left: 0; font-family: var(--font-family-icon); font-size: 12px; content: '\e903'; }
.card-subscribe-field { margin-bottom: 12px; }
.card-subscribe-field:last-of-type { margin-bottom: 0; }
.card-subscribe-field.check { padding: 5px 0; }
.card-subscribe-field input[type='checkbox'] { position: absolute; top: 1px; left: 0; }
.card-subscribe-field label { padding-left: 30px; position: relative; display: inline-block; font-size: 14px; }
.card-subscribe-field a { color: var(--color-primary); transition: var(--base-duration); }
.card-subscribe-field a:focus,
.card-subscribe-field a:hover { color: var(--color-blue); }
.card-subscribe-field .button { padding: 10px 20px; width: 100%; }

/* ### region ### */
.region { margin-bottom: 50px; }
.region-holder { position: relative; display: flex; flex-wrap: wrap; }
.region-holder:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background-color: var(--color-gray); content: ''; }
.region-text { padding: 30px 25px; position: relative; z-index: 1; order: 2; width: 100%; }
.region-text h2 { margin-bottom: 15px; }
.region-text p { margin-bottom: 26px; }
.region-text li { margin-bottom: 15px; }
.region-text li:last-of-type { margin-bottom: 0; }
.region-text .button { padding: 10px 20px; }
.region-text .button.no-button { padding: 0; font-weight: 400; }
.region-image { position: relative; z-index: 1; order: 1; width: 100%; }
.region-image img { width: 100%; border-radius: 10px 10px 0 0; }

/* ### review ### */
.review { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-gray); }
.review-text { margin-bottom: 32px; text-align: center; }
.review-text h2 { margin-bottom: 6px; }
.review-rating { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; }
.review-google-rating { padding-right: 10px; }
.review-rating p { margin-bottom: 0; }
.review-rating a { color: var(--color-blue-100); transition: var(--base-duration); }
.review-rating a:focus,
.review-rating a:hover { color: var(--color-secondary); }
.review-arrows { padding-top: 25px; display: flex; justify-content: center; }
.review-arrows .prev-arrow { margin-right: 5px; }
.review-arrows .next-arrow { margin-left: 5px; }
.review-arrows .next-arrow i { transform: rotate(180deg); }
.review-view-all { padding-top: 34px; text-align: center; }
.review.inner { margin-bottom: 50px; }
.review .slick-list { padding-right: 30px; overflow: visible; }
.review .slick-slider { margin: 0 -10px; }
.review .slick-slide { margin-right: 10px; margin-left: 10px; }

/* ### card-review ### */
.card-review { padding: 30px 25px; font-size: 14px; font-weight: normal; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; background-color: var(--color-white); }
.card-review-wrap { margin-bottom: 5px; display: flex; align-items: center; font-weight: 700; }
.card-review-name { padding-left: 10px; font-size: 16px; line-height: 1.45; }
.card-review-name span { display: block; font-size: 12px; font-weight: normal; color: rgba(1, 1, 3, 0.6); }
.card-review ul { display: flex; }
.card-review li { margin-right: 2px; font-size: 18px; color: var(--color-yellow); }
.card-review li:last-of-type { margin-right: 0; }
.card-review p { margin-bottom: 2px; }
.card-review a { color: var(--color-primary); transition: var(--base-duration); }
.card-review a:focus,
.card-review a:hover { text-decoration: none; color: var(--color-secondary); }

/* ### banner ### */
.banner { padding-top: 76px; padding-bottom: 58px; position: relative; }
.banner:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(7, 54, 102, 0.5); content: ''; pointer-events: none; }
.banner h1 { position: relative; z-index: 1; color: var(--color-white);  min-height: 50px; }
.banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner-image img { width: 100%; height: 100%; object-fit: cover; min-height: 186px; }

/* ### breadcrumb ### */
.breadcrumb { }
.breadcrumb > nav { padding-top: 5px; padding-bottom: 6px; display: flex; font-size: 12px; font-weight: 400; border-bottom: 2px solid rgba(1, 1, 3, 0.1); }
.breadcrumb p{ margin-bottom: 0; }
.breadcrumb a { color: var(--color-primary); }
.breadcrumb a:focus,
.breadcrumb a:hover { text-decoration: none; }
.border_boven nav{ border-top: 2px solid rgba(1, 1, 3, 0.1); }


/* ### category ### */
.category { margin-bottom: 50px; display: flex;padding-top: 40px;  flex-wrap: wrap; }
.category-left { order: 2; width: 100%; }
.category-right { margin-bottom: 50px; order: 1; width: 100%; }
.category-item { margin-bottom: 24px; padding-bottom: 21px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.category-item:last-of-type { padding-bottom: 0; border-bottom: 0; }
.category-text { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.category-text h6 { margin-bottom: 0; font-weight: 500; }
.category-text span { position: relative; display: block; width: 24px; height: 24px; text-align: center; border: 1px solid var(--color-dark-gray); border-radius: 50%; }
.category-text span:hover strong { opacity: 1; visibility: visible; }
.category-text strong { font-size: 12px; padding: 5px; position: absolute; bottom: 125%; left: 50%; z-index: 1; display: none; opacity: 0; visibility: hidden; width: 240px; font-weight: 400; text-align: center; color: #fff; border-radius: 6px; background-color: var(--color-black); transform: translateX(-50%); transition: var(--base-duration); }
.category-text strong:after { position: absolute; top: 100%; left: 50%; border-color: var(--color-black) transparent transparent transparent; border-style: solid; border-width: 5px; transform: translateX(-50%); content: ''; font-size: 12px; }
.category-check { margin-bottom: 6px; display: flex; align-items: center; }
.category-check input { margin-right: 8px; width: 18px; height: 18px; border: 1px solid var(--color-dark-gray); border-radius: 3px; }
.category-range { margin-bottom: 15px; }
.category-range-input { margin-bottom: 16px; padding-top: 2px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.category-range-input input { padding: 5px 9px; height: 40px; border: 1px solid var(--color-dark-gray); border-radius: 3px; }
.category-slider { position: relative; width: 100%; height: 6px; border: 1px solid var(--color-dark-gray); border-radius: 3px; }
.category-slider:before,
.category-slider:after { position: absolute; top: -7px; left: 20px; width: 18px; height: 18px; border-radius: 50%; background-color: var(--color-secondary); content: ''; }
.category-slider:after { right: 20px; left: unset; }
.category-contact { margin-bottom: 20px; padding: 27px 30px 29px; border: 1px solid var(--color-dark-gray); border-radius: 10px; }
.category-contact h5 { margin-bottom: 10px; }
.category-list { margin-bottom: 10px; }
.category-list > li { padding-left: 30px; position: relative; }
.category-list > li:first-of-type { margin-bottom: 4px; font-size: 20px; }
.category-list > li > a { text-decoration: none; color: var(--color-primary); }
.category-list > li > a:focus,
.category-list > li > a:hover { color: var(--color-blue); }
.category-list i { position: absolute; top: 5px; left: 0; font-size: 21px; }
.category-list > li:last-of-type { color: rgba(1, 1, 3, 0.6); }
.category-contact .button { width: 100%; }
.category-heading { margin-bottom: 32px; }
.category-heading h2 { margin-bottom: 7px; }
.category-block { margin-bottom: 40px; }
.category-btn { display: flex; justify-content: center; }
.category-btn .button { width: 100%; }
.category-bottom-btn { padding: 15px; position: fixed; bottom: 0; left: 0; z-index: 5; width: 100%; background-color: var(--color-white); box-shadow: 10px 3px 6px 3px rgba(0, 0, 0, 0.16); }
.category-bottom-btn a { width: 100%; }
.category-filter { margin-bottom: 41px; padding: 80px 20px; position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 0; background-color: var(--color-white); transform: translateY(134%); transition: 0.5s; overflow: auto; }
.category-filter.active { margin-bottom: 0; height: 100vh; transform: translateY(0); }
.category-filter .close-btn { position: absolute; top: 15px; right: 20px; z-index: 15; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 18px; text-decoration: none; color: var(--color-white); border-radius: 5px; background-color: var(--color-blue); }
.close-filters { padding: 15px; position: fixed; bottom: 0; left: 0; z-index: 11; width: 100%; background-color: var(--color-white); box-shadow: 10px 3px 6px 3px rgba(0, 0, 0, 0.16); opacity: 0; visibility: hidden; }
.close-filters.active { opacity: 1; visibility: visible; }

.hidden_check{ visibility: hidden; height: 0px; }



/* ### card-category ### */
.card-category { margin-bottom: 20px; width: 100%; text-decoration: none; color: var(--color-primary); border: 1px solid var(--color-dark-gray); border-radius: 10px; }
.card-category-image { display: flex; justify-content: center; padding:10px;}
.card-category-image img { width: 100%; height: 100%; object-fit: cover; max-height: 248px; border-radius:10px;}
.card-category-text { padding: 12px 15px 9px; }
.card-category-text h6 { margin-bottom: 10px; color: var(--color-secondary); }
.card-category-list { margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.card-category-list > li { padding-left: 20px; position: relative; }
.card-category-list > li:before { position: absolute; top: 3px; left: 0; font-family: var(--font-family-icon); font-size: 12px; content: '\e903'; }
.card-category-color { margin-bottom: 10px; padding-bottom: 15px; display: flex; align-items: center; font-size: 14px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); gap:4px; }
.card-category-color ul { display: flex; }
.card-category-color li { margin-left: 5px; width: 16px; height: 16px; border-radius: 50%; background-color: var(--color-dark-brown); }
.card-category-color em { margin-left: 3px; font-size: 12px; font-style: normal; }
.card-category-price { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.card-category-price span { margin-right: 25px; font-size: 14px; text-decoration: line-through; color: rgba(1, 1, 3, 0.3); }
.card-category-price strong { margin-right: 9px; font-size: 20px; }
.card-category-tag { margin-bottom: 10px; padding: 2px 8px; width: max-content; font-size: 10px; font-weight: 600; text-transform: uppercase; border-radius: var(--input-radius); background-color: var(--color-green); }
.card-category-tag.tag_niet_voorraad{ background-color: #dc9537; color: #ffffff; }
.card-category-price .button { padding: 5px 17px; width: 100%; }
.card-category:hover .card-category-price .button { border: 2px solid var(--color-blue); background-color: var(--color-blue); }
.category-range .slider { position: relative; height: 6px; border: 1px solid var(--color-dark-gray); border-radius: 3px; background-color: var(--color-white); }
.category-range .slider .progress { position: absolute; right: 25%; left: 25%; height: 100%; border-radius: 3px; background: transparent; }
.category-range-slider { position: relative; }
.category-range-slider input { padding: 0; position: absolute; top: -6px; width: 100%; height: 6px; border: 0; border-radius: 3px; background: transparent; -webkit-appearance: none; -moz-appearance: none; }
input[type='range']::-moz-range-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border: none; border-radius: 50%; background: var(--color-secondary); -webkit-appearance: none; cursor: pointer; }
input[type='range']::-webkit-slider-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border-radius: 50%; background: var(--color-secondary); -webkit-appearance: none; cursor: pointer; }


.kleur_rondje{ width: 16px; height: 16px; border-radius: 50%; border:1px solid #dedede; }



/* ### text-block ### */
.text-block { margin-bottom: 74px; }
.text-block-holder { display: flex; flex-direction: column-reverse; flex-wrap: wrap; border-radius: 10px; background-color: var(--color-sky-blue); }
.text-block-left { padding: 30px 20px; border-radius: 0 0 10px 10px; }
.text-block-left ul { margin-bottom: 22px; }
.text-block-left li { margin-bottom: 4px; padding-left: 23px; position: relative; }
.text-block-left li:before { position: absolute; top: 3px; left: 1px; font-family: var(--font-family-icon); font-size: 12px; content: '\e903'; }
.text-block-image { border-radius: 10px 10px 0 0; overflow: hidden; }
.text-block-image img { width: 100%; height: 100%; object-fit: cover; }

/* ### text-image ### */
.text-image { padding-bottom: 15px; padding-top: 15px; }
.text-image-inner{ position: relative;padding-bottom: 0px; padding-top: 0px; }
.text-image-inner.met_achtergrond{ position: relative;padding-bottom: 0px; padding-top: 0px; }
.text-image-left { margin-bottom: 20px; position: relative; overflow: hidden; border-radius: 10px; z-index: 10; }
.text-image-left img { width: 100%; height: 100%; object-fit: cover; }
.text-image-left .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.text-image-info{  z-index: 10; }
.text-image-info p { margin-bottom: 25px; }
.text-image .button { margin-bottom: 15px; width: 100%; color: #ffffff; }
.text-image .no-button { margin-bottom: 0; font-weight: 400;color: var(--color-secondary); }
.text-image + .review { margin-top: 0; }
.text-image.no-space { margin-bottom: 0; }
.text-image-info a{ color: var(--color-dark-blue); }
.text-image-info a:hover{ text-decoration: none; }
.text-image-info ul, .text-image-info ol{ margin-bottom: 25px; }
.met_achtergrond:after{display: none;}
.text-image.is-alt .met_achtergrond:after{display: none;}



/* ### play-btn ### */
.play-btn { font-size: 50px; text-decoration: none; color: var(--color-white); transition: var(--base-duration); }
.play-btn:focus,
.play-btn:hover { color: var(--color-secondary); }

/* ### services ### */
.services { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-gray); }
.services-heading { margin: 0 auto 33px; max-width: 650px; text-align: center; }
.services-heading h2 { margin-bottom: 5px; }
.services-holder { margin-bottom: 40px; }
.services-btn { display: flex; justify-content: center; }
.services.is-alt { background-color: transparent; }

/* ### card-services ### */
.card-services { margin-bottom: 15px; padding: 20px; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; background-color: var(--color-white); }
.card-services-text { margin-bottom: 14px; display: flex; align-items: center; }
.card-services-text img { margin-right: 11px; flex: 0 0 auto; width: 80px; height: auto; }
.card-services-text h6 { margin-bottom: 0; padding-top: 1px; }
.card-services p:last-of-type { margin-bottom: 0; }

/* ### faq ### */
.faq { margin-bottom: 50px; padding-top: 40px; padding-bottom: 50px; background-color: var(--color-gray); }
.faq-heading { margin: 0 auto 31px; max-width: 650px; text-align: center; }
.faq-heading h2 { margin-bottom: 7px; }
.faq-holder { margin-bottom: 30px; }
.faq-btn { display: flex; justify-content: center; }

/* ### card-faq ### */
.card-faq { margin-bottom: 10px; padding: 12px 16px 10px; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; background-color: var(--color-white); }
.card-faq-title { padding-right: 20px; position: relative; font-weight: 600; cursor: pointer; }
.card-faq-title:after { position: absolute; top: 0; right: -8px; font-family: var(--font-family-base); font-size: 16px; font-weight: 700; content: '+'; }
.card-faq-content { padding-top: 20px; }
.card-faq-title.active:after { content: '-'; }

/* ### scroll-links ### */
.scroll-links { position: sticky; top: 115px; z-index: 5; background-color: var(--color-white); transition: var(--base-duration); }
.scroll-links-bdr { padding-top: 5px; padding-bottom: 5px; }
.scroll-links ul { display: none; }
.scroll-links a { font-weight: 600; text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.scroll-links a.active,
.scroll-links a:focus,
.scroll-links a:hover { text-decoration: underline; color: var(--color-secondary); }
.scroll-links .custom-select-arrow { border: 1px solid rgba(1, 1, 3, 0.1); background: var(--color-white) url('images/select-arrow.png') no-repeat center right 15px; -webkit-appearance: none; }
.scroll-links.inner { margin-bottom: 50px; }
body.active .scroll-links { top: 0; z-index:999;}

/* ### reserve ### */
.reserve { padding-top: 41px; padding-bottom: 50px; }
.reserve-holder { padding: 30px 25px; border-radius: 10px; background-color: var(--color-gray); }
.reserve-holder p { margin-bottom: 22px; }
.reserve-holder li { margin-bottom: 15px; }
.reserve-holder li:last-of-type { margin-bottom: 0; }
.reserve-holder .button { padding: 10px 20px; }
.reserve-holder .button.no-button { padding: 0; font-weight: 400; }

/* ### bikes ### */
.bikes { padding-bottom: 50px; }
.bikes-column { margin-bottom: 16px; }

/* ### card-bikes ### */
.card-bikes { padding: 0 18px; display: block; width: 100%; text-decoration: none; color: var(--color-primary); border: 1px solid var(--color-dark-gray); border-radius: 10px; }
.card-bikes-image { position: relative; }
.card-bikes-image img { width: 100%; height: auto; }
.card-bikes-image .logo { position: absolute; top: 14px; left: 2px; background-color: var(--color-white); }
.card-bikes-image .logo img { width: auto; }
.card-bikes-text { padding: 24px 8px 15px; font-weight: 400; }
.card-bikes-text h6 { margin-bottom: 11px; color: var(--color-secondary); }
.card-bikes-text li { padding-left: 20px; position: relative; }
.card-bikes-text li:before { position: absolute; top: 3px; left: 0; font-family: var(--font-family-icon); font-size: 12px; content: '\e903'; }
.card-bikes-wrap { display: flex; align-items: flex-end; justify-content: space-between; }
.card-bikes-text .button { padding: 10px 34px; width: auto; }
.card-bikes:hover .button { border: 2px solid var(--color-blue); background-color: var(--color-blue); }

/* ### lands ### */
.lands { padding-bottom: 45px; }
.lands h3 { margin-bottom: 24px; }
.lands-holder { margin-bottom: 35px; }
.lands-column { margin-bottom: 16px; }

/* ### copy ### */
.card-lands { position: relative; display: block; width: 100%; border-radius: 10px; overflow: hidden; }
.card-lands-map img { width: 100%; height: 100%; transition: var(--base-duration); }
.card-lands-text { padding: 20px; position: absolute; bottom: 0; left: 0; width: 100%; }
.card-lands-text .button { padding: 10px 15px; width: 100%; font-weight: 700; color: var(--color-primary); border-radius: 10px; }
.card-lands:hover .button { color: var(--color-white); border: 2px solid var(--color-secondary); background-color: var(--color-secondary); }

/* ### opening ### */
.opening { padding-bottom: 50px; }
.opening-box { padding: 40px 25px; border-radius: 10px; background-color: var(--color-gray); }
.opening-column { margin-bottom: 22px; }
.opening-column h3 { margin-bottom: 19px; }
.opening-column p:last-of-type { margin-bottom: 0; }
.opening-button li { margin-bottom: 15px; }
.opening-button-box li:last-of-type { margin-bottom: 0; }
.opening-button .button { padding: 10px 20px; }
.opening-button .button.no-button { padding: 0; font-weight: 400; }

/* ### events ### */
.events { margin-bottom: 50px; }
.events-heading { margin: 0 auto 32px; max-width: 650px; text-align: center; }
.events-heading h2 { margin-bottom: 7px; }
.event-item { margin-bottom: 18px; }
.event-btn { margin-top: 34px; display: flex; justify-content: center; }

/* ### card-event ### */
.card-event { padding: 20px; width: 100%; text-decoration: none; color: var(--color-primary); border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; }
.card-event-left { margin-bottom: 20px; display: flex; align-items: center; }
.card-event-image { margin-right: 15px; width: 123px; height: 122px; border-radius: 10px 0 0 10px; overflow: hidden; display: none; }
.card-event-heading { width: 72%; }
.card-event-heading strong { margin-bottom: 10px; display: block; }
.card-event-right .button { font-weight: 400; color: var(--color-blue-100); }
.card-event-right:hover .button { text-decoration: none; }
.card-event-right p br { display: none; }

/* ### package ### */
.package { margin-bottom: 50px; }
.package-heading { margin: 0 auto 25px; max-width: 650px; text-align: center; }
.package-heading h2 { margin-bottom: 7px; }
.package-holder { margin: 0 auto; max-width: 1150px; }
.package-holder h3 { margin-bottom: 15px; text-align: center; }
.package-block { margin-bottom: 40px; }
.package-block:last-of-type { margin-bottom: 0; }

/* ### card-package ### */
.card-package { margin-bottom: 20px; width: 100%; border: 1px solid var(--color-dark-gray); border-radius: 10px; }
.card-package-text { padding: 24px 24px 8px; text-align: center; }
.card-package-text h2 { margin-bottom: 10px; }
.card-package-text h4 { font-weight: 300; }
.card-package-list li { padding: 9px 30px 5px; position: relative; }
.card-package-list li:before { position: absolute; top: 13px; left: 6px; font-family: var(--font-family-icon); font-size: 12px; color: var(--color-green); content: '\e903'; }
.card-package-list li:nth-child(odd) { background-color: var(--color-gray); }
.card-package-tag { padding: 9px 30px 5px; }
.card-package-tag p:last-of-type { margin-bottom: 10px; }
.card-package-tag:nth-child(even) { background-color: var(--color-gray); }
.card-package-btn { padding: 30px 35px; text-align: center; }

/* ### copy ### */
.location { padding-top: 50px; padding-bottom: 50px; position: relative; }
.location-text { padding: 30px 25px; position: relative; z-index: 1; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; background-color: var(--color-white); }
.location-text p { margin-bottom: 29px; }
.location-text h6 { margin-bottom: 4px; }
.location-text ul { margin-bottom: 30px; }
.location-text ul:last-of-type { margin-bottom: 0; }
.location-text li { padding-left: 13px; position: relative; }
.location-text li:before { position: absolute; top: 12px; left: 0; width: 7px; height: 1px; background-color: var(--color-primary); content: ''; }
.location-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.location-bg iframe { width: 100%; height: 100%; object-fit: cover; }

/* ### brief ### */
.brief { padding-top: 50px; padding-bottom: 50px; }
.brief-column { margin-bottom: 16px; }
.brief-column img { width: 100%; height: 100%; border-radius: 10px; }

/* ### team ### */
.team { padding-top: 50px; padding-bottom: 50px; }
.team-text { margin-bottom: 32px; text-align: center; }
.team-text h2 { margin-bottom: 7px; }
.team-column { margin-bottom: 16px; }

/* ### card-team ### */
.card-team { border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; overflow: hidden; background-color: var(--color-white); height: 100%; }
.card-team-image img { width: 100%; height:auto;}
.card-team-text { padding: 25px; }
.card-team-text h6 { margin-bottom: 13px; }
.card-team-text li { line-height: 1.5; display: flex; gap:6px; }


/* ### foundation ### */
.foundation { }
.foundation-box { padding: 34px 20px 40px; background-color: var(--color-gray); }
.foundation-holder { margin: 0 auto; max-width: 1088px; }
.foundation-text { margin-bottom: 38px; }
.foundation-text h1 { margin-bottom: 26px; font-size: 28px; }
.foundation-text p { margin-bottom: 26px; }
.foundation-text p a { text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.foundation-text p a:focus,
.foundation-text p a:hover { color: var(--color-secondary); }
.foundation-text ul { margin-bottom: 26px; }
.foundation-text .button.no-button { font-weight: 300; }
.foundation-image { margin-bottom: 16px; display: block; width: 100%; }
.foundation-image { margin-bottom: 16px; display: block; width: 100%; }
.foundation-image img { width: 100%; object-fit:cover; height: auto; }
.foundation.is-alt .foundation-text { margin-bottom: 32px; }
.foundation.is-alt .foundation-text h1 { margin-bottom: 16px; }
.foundation.is-alt .foundation-text h2 { margin-bottom: 2px; font-size: 24px; }
.foundation.is-alt .foundation-text h3 { margin-bottom: 3px; font-size: 20px; }
.foundation.is-alt .foundation-wrap { margin-bottom: 20px; }

/* ### scroll-tab ### */
.scroll-tab { margin-bottom: 35px; }
.scroll-tab ul { display: none; }
.scroll-tab a { font-weight: 600; text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.scroll-tab a.active,
.scroll-tab a:focus,
.scroll-tab a:hover { text-decoration: underline; color: var(--color-primary); }
.scroll-tab select { margin-top: 5px; }
.scroll-tab .custom-select-arrow { border: 1px solid rgba(1, 1, 3, 0.1); background: var(--color-white) url('images/select-arrow.png') no-repeat center right 15px; -webkit-appearance: none; }
body.active .scroll-tab { top: 0; z-index:999;}

/* ### description ### */
.description { margin-bottom: 50px; }
.description-info p { margin-bottom: 33px; }
.description-info h6 { margin-bottom: 4px; }
.description-right { border: 1px solid var(--color-dark-gray); border-radius: 10px; }
.description-title { padding: 20px 50px 0 15px; }
.description-title h4 { margin-bottom: 12px; }
.description-list:nth-child(even) { background-color: var(--color-gray); }
.description-list { padding: 8px 30px 9px 15px; font-size: 14px; }
.description-list p { font-weight: 700; }

/* ### interested ### */
.interested { padding-bottom: 50px; }
.interested h2 { margin-bottom: 25px; }
.interested-column { margin-bottom: 16px; text-decoration: none; }
.interested-view-all { padding-top: 20px; text-align: center; }

/* ### sale ### */
.sale { padding-top: 50px; padding-bottom: 16px; }
.sale h2 { margin-bottom: 22px; }
.for-slide { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; }
.for-slide img { width: 100%; height: 100%; object-fit:cover; }
.sale-nav-slider { margin-bottom: 15px; padding-top: 15px; }
.sale-nav-slider .slick-track{ margin-left: unset!important;margin-right: unset!important; }
.sale-nav-slider .slick-list { margin: 0 -8px; padding: 0 !important; }
.sale-nav-item { padding: 0 8px; }
.nav-slide { padding: 11px 10px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; cursor: pointer; }
.nav-slide img{ width: 92px; height: 62px; object-fit:cover; }
/* ### card-sale ### */
.card-sale { padding: 25px 20px; border: 1px solid var(--color-dark-gray); border-radius: 10px; }
.card-sale h6 { margin-bottom: 5px; font-weight: 600; }
.card-sale-radio { margin-bottom: 19px; display: flex; flex-wrap: wrap; }
.card-sale-radio label { margin-right: 6px; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-weight: 500; border: 1px solid var(--color-dark-gray); border-radius: 10px; cursor: pointer; }
.card-sale-radio label:last-of-type { margin-right: 0; }
.card-sale-radio label.w-full { width: 130px; height: 36px; margin-bottom: 4px; }
.card-sale-radio span { display: block; }
.card-sale-radio input[type='radio'] { padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; -webkit-appearance: none; cursor: pointer; }
.card-sale-radio label:has(input[type='radio']:checked) { border: 2px solid var(--color-secondary); }
.card-sale-price { margin-bottom: 24px; padding-top: 2px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.card-sale-price .stock { padding: 4px 10px 3px; font-size: 14px; font-weight: 600; border-radius: 5px; background-color: var(--color-green); }
.card-sale-price .informeer { padding: 4px 10px 3px; font-size: 14px; font-weight: 600; border-radius: 5px; background-color: #dc9537; color: #ffffff; }
.card-sale-price .offer { font-size: 14px; line-height: 1; color: rgba(1, 1, 3, 0.3); }
.card-sale-price .offer span { text-decoration: line-through; }
.card-sale-price .price { font-size: 24px; font-weight: 700; line-height: 1; }
.card-sale-price .price span { font-size: 14px; font-weight: 400; }
.card-sale .button { padding: 10px; width: 100%; }
.card-sale ul { padding-top: 10px; }
.card-sale li { margin-bottom: 10px; }
.card-sale li:last-of-type { margin-bottom: 0; }

/* ### usp ### */
.usp { margin-bottom: 40px; text-align: center; }
.usp .js-usp-slider1 { padding: 15px 10px; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; }
.usp-item span { padding-left: 20px; position: relative; display: inline-block; font-size: 13px; font-weight: 500; }
.usp-item strong { color: var(--color-green); }
.usp-item span:before { position: absolute; top: 1px; left: 0; font-family: var(--font-family-icon); font-size: 12px; color: var(--color-green); content: '\e903'; }

/* ### action ### */
.action { margin-top: 50px; padding-top: 50px; padding-bottom: 50px; position: relative; text-align: center; background-color: var(--color-sky-blue); }
.action-text { margin: 0 auto; position: relative; z-index: 1; max-width: 815px; }
.action-text h2 { margin-bottom: 17px; }
.action-text li { margin-bottom: 15px; }
.action-text li:last-of-type { margin-right: 0; margin-bottom: 0; }
.action-text .button { padding: 10px 20px; width: 100%; }
.action-cycle { position: absolute; bottom: 0; left: -7px; display: none; pointer-events: none; }
.action-cycle.right { right: -7px; left: auto; }

/* ### brand ### */
.brand { padding-top: 12px; padding-bottom: 8px; border-top: 1px solid rgba(1, 1, 3, 0.1); border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.brand-title { font-weight: 700; text-align: center; }
.brand-slide img { margin: 0 auto; height: 100%; }
.brand.no-bdr { border: 0; }



/* ### keuzehulp ### */
.keuzehulp{ padding-top: 60px; padding-bottom: 60px;}
.keuzehulp_inner{ background-color: var(--color-gray); width: 100%; padding: 30px;}
.keuzenhulp_vraag2{ display: none; }
.keuzenhulp_antwoorden{ display: flex; justify-content:flex-start; gap:20px; flex-wrap: wrap; width: 100%; }
.keuzehulp_mc_item{ width: 100%;color: var(--color-primary); border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; overflow: hidden; cursor: pointer; }
.keuzehulp_mc_item:hover .keuzehulp_optie_plaatje img{transform: scale(1.05);}
.keuzehulp_optie_plaatje{ width: 100%; max-height: 180px; position: relative; overflow: hidden; }
.keuzehulp_optie_plaatje img{ width: 100%; max-height: 180px; object-fit:cover; transition: all 0.3s; }
.keuzehulp_mc_item input[type="checkbox"] {display: none;}
.keuzehulp_mc_item:has(input[type="checkbox"]:checked) {  border: 1px solid #0071d1; }
.keuzehulp_mc_item:has(input[type="checkbox"]:checked) .keuzehulp_optie_plaatje:after { content: '\e903'; width: 100%; height: 180px; position: absolute; z-index: 10; color:#0071d1; display: flex; justify-content: center; align-items: center; font-size: 60px; top:0; left: 0; font-family: 'icomoon'; background-color: rgba(255,255,255,0.6);  }
.keuzehulp_optie_tekst{ padding: 30px; }
.keuzenhulp_btns{ width: 100%; justify-content: flex-start; gap:40px; margin-top: 40px; display: flex;}
.keuzenhulp_btn_vorige{ display: none; }
.keuzenhulp_btn_volgende{}
.keuzenhulp_btn_bevestiggen{ display: none; }
.keuzenhulp_vraag1_error, .keuzenhulp_vraag2_error{ display: none; padding: 8px; font-style: italic; color: #ff0000; font-size: 18px; }



/* ### footer ### */
.footer-information { padding-top: 30px; border-top: 1px solid rgba(1, 1, 3, 0.1); }
.footer-gap,
.footer-item { margin-bottom: 10px; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: var(--input-radius); }
.footer-title { padding: 10px 40px 10px 10px; position: relative; font-weight: 700; }
.footer-title:after { position: absolute; top: 10px; right: 10px; font-family: var(--font-family-icon); content: '\e900'; }
.footer-tel a { font-size: 18px; font-weight: 400; text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.footer-tel a:hover,
.footer-tel a:focus { text-decoration: underline; }
.footer-mail a { font-weight: 400; text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.footer-mail a:hover,
.footer-mail a:focus { text-decoration: underline; }
.footer-opening-time { color: rgba(1, 1, 3, 0.6); }
.footer-subscribe { margin-top: 12px; margin-bottom: 9px; }
.footer-input { margin-bottom: 10px; }
.footer-subscribe .button { width: 100%; }
.footer-social-media { display: flex; }
.footer-social-media li { margin-right: 20px; }
.footer-social-media li:last-of-type { margin-right: 0; }
.footer-social-media a { font-size: 30px; text-decoration: none; color: var(--color-secondary); transition: var(--base-duration); }
.footer-social-media a:focus,
.footer-social-media a:hover { color: var(--color-blue); }
.footer-check { font-size: 14px; font-weight: normal; }
.footer-check label { padding-left: 30px; position: relative; display: inline-block; }
.footer-check input[type='checkbox'] { position: absolute; top: 1px; left: 0; }
.footer-check a { color: var(--color-primary); transition: var(--base-duration); }
.footer-check a:focus,
.footer-check a:hover { color: var(--color-blue); }
.footer-holder { padding-bottom: 20px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.footer-column a { text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.footer-column a:focus,
.footer-column a:hover { text-decoration: underline; }
.hidden-menu { padding: 0 10px 10px; display: none; height: 100%; }

/* ### copyright ### */
.copyright { padding-top: 15px; padding-bottom: 15px; font-size: 14px; text-align: center; }
.copyright p { margin-bottom: 5px; }
.copyright ul { display: flex; flex-wrap: wrap; justify-content: center; }
.copyright li:after { margin: -3px 6px 0; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background-color: var(--color-primary); content: ''; }
.copyright li:last-of-type:after { display: none; }
.copyright a { text-decoration: none; color: var(--color-primary); transition: var(--base-duration); }
.copyright a:focus,
.copyright a:hover { text-decoration: underline; }

/* ### Slick Arrows ### */
.slick-arrow { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 8px; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 50px; background-color: var(--color-white); cursor: pointer; transition: var(--base-duration); }
.slick-arrow:focus,
.slick-arrow:hover { color: var(--color-white); background-color: var(--color-secondary); }







/* ### newsBrief ### */


#gform_fields_1{ display: flex; gap:15px; flex-direction: column; align-items: flex-start; }
.footer_nb .gform_body{ padding-bottom: 50px; position: relative; }
.footer_nb #field_1_3{ width: 100%; }
.footer_nb #field_1_3 input{ width: 100%; }
.footer_nb #field_1_4{ position: absolute; bottom: 0; left:0; z-index: 3;border: none; display: flex;}
.footer_nb .ginput_container input[type=email]{ padding: 10px 10px; width: 100%; border-radius: 5px; min-height: 50px; font-family: var(--font-family-base); font-size: 14px; font-weight: var(--font-weight-300); color: var(--font-black); border: 1px solid var(--color-dark-blue); background-color: var(--white); }
.footer_nb input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--color-dark-blue); border-radius: var(--input-radius);  }
.footer_nb input[type='checkbox']:checked { display: block; width: 20px; height: 20px; border-radius: var(--input-radius); background-color: var(--color-dark-blue); }
.footer_nb #gform_submit_button_1{padding: 10px 30px; display: inline-block; width: 100%; font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: 600; text-align: center; text-decoration: none; color: var(--color-white); border: 2px solid var(--color-secondary); border-radius: 5px; background-color: var(--color-secondary); transition: var(--base-duration); cursor: pointer; }
.footer_nb #gform_submit_button_1:hover{ background-color: transparent; color: var(--color-dark-blue);  }
.footer_nb #field_submit{display: flex;align-items: end; width: 100%;}
.footer_nb .gfield_label, .gform_required_legend{display: none;}
.footer_nb .ginput_container_consent{ display: flex; gap:10px; align-items: center; }
.gfield_consent_label{ cursor: pointer; }








/* #Media Queries
================================================== */

@media only screen and (min-width: 768px) {
	:root {
		--font-size-h1: 44px;
		--font-size-h2: 32px;
	}
	#wrapper { padding-top: 139px; }
	.button { padding: 10px 42px; width: auto; }
	.header-logo img { width: 157px; height: 80px; object-fit:contain; }
	body.active .header { transform: translateY(-139px); z-index:999;}
	.mobile-menu .hamburger { top: 73px; }
	.hero-buttons .button { margin-right: 15px; margin-bottom: 0; width: auto; min-width: 256px; }
	.hero { padding-top: 100px; }
	.hero-rating .review-rating { padding: 7px 8px; justify-content: flex-end; }
	.hero-rating .google-img { margin-left: 7px; }
	.banner-image img { min-height: 200px; }
	.category-block { margin-bottom: 50px; display: grid; grid-row-gap: 20px; grid-column-gap: 10px; grid-template-columns: repeat(2, 1fr); }
	.card-category { margin-bottom: 0; }
	.card-category-text { padding: 12px 20px 9px; }
	.card-category-tag { margin-right: 5px; margin-bottom: 0; }
	.card-category-price strong { margin-right: 5px; }
	.card-category-price span { margin-right: 5px; }
	.card-category-price .button { width: 100%; }
	.category-btn .button { width: 100%; max-width: 256px; }
	.bicycles { padding-top: 70px; padding-bottom: 80px; }
	.bicycles-text { margin: 0 auto 32px; max-width: 670px; }
	.bicycles .slick-list { padding-right: 0; overflow: hidden; }
	.bicycles .slick-slider { margin: 0 -8px; }
	.bicycles .slick-slide { margin-right: unset; margin-left: unset; }
	.bicycles-slide { padding: 0 8px; }
	.bicycles-view-more { padding-top: 40px; }
	.card-bicycles-text { font-size: 32px; }
	.news-text { margin: 0 auto 32px; max-width: 690px; }
	.news-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
	.news-column { padding: 0 8px; width: 50%; }
	.card-news-text { padding: 39px 39px 34px; }
	.card-subscribe { padding: 37px 40px 43px; }
	.region { margin-bottom: 80px; }
	.region-holder { padding-top: 80px; padding-bottom: 80px; }
	.region-holder:after { width: 83.2%; }
	.region-text { order: 1; width: 50%; }
	.region-image { padding-left: 8px; order: 2; width: 50%; }
	.region-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 0 0 10px; }
	.region-text .button { min-width: 256px; }
	.region-text .button.no-button { min-width: auto; }
	.review { padding-top: 74px; padding-bottom: 78px; }
	.review .slick-list { padding-right: 0; overflow: hidden; }
	.review.inner { margin-bottom: 80px; }
	.review .slick-slider { margin: 0 -8px; }
	.review-slide { padding: 0 8px; }
	.review .slick-slide { margin-right: unset; margin-left: unset; }
	.card-review { padding: 39px 39px 34px; }
	.scroll-links { top: 139px; z-index:999;}
	.scroll-links-bdr { border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
	.scroll-links ul { display: flex; flex-wrap: wrap; justify-content: center; }
	.scroll-links li { margin-right: 20px; }
	.scroll-links li:last-of-type { margin-right: 0; }
	.scroll-links a { font-size: 15px; }
	.scroll-links .d-phone { display: none; }
	.scroll-links.inner { margin-bottom: 80px; }
	.scroll-tab ul { padding: 15px 10px; justify-content: space-between; border: 1px solid rgba(1, 1, 3, 0.1); border-radius: 10px; background-color: var(--color-gray); }
	.scroll-tab ul li { margin-right: 0; }
	.scroll-tab ul { display: none; }
	.scroll-tab .d-phone { display: block; }
	.reserve { padding-bottom: 79px; }
	.reserve-holder { padding: 75px 80px 80px; }
	.reserve-holder ul { display: flex; flex-wrap: wrap; align-items: center; text-align: left; }
	.reserve-holder li { margin-right: 18px; margin-bottom: 0; }
	.reserve-holder li:last-of-type { margin-right: 0; }
	.reserve-holder .button { min-width: 256px; }
	.reserve-holder .button.no-button { min-width: auto; }
	.bikes { padding-bottom: 80px; display: grid; grid-row-gap: 16px; grid-column-gap: 16px; grid-template-columns: repeat(2, 2fr); }
	.bikes-column { margin-bottom: 0; }
	.lands-holder { display: grid; grid-row-gap: 16px; grid-column-gap: 16px; grid-template-columns: repeat(2, 2fr); }
	.lands-column { margin-bottom: 0; }
	.opening { padding-bottom: 80px; }
	.opening-box { padding: 50px 30px; }
	.opening-holder { margin: 0 -15px; display: flex; flex-wrap: wrap; }
	.opening-column { padding: 0 15px; width: 33.33%; }
	.opening-column p { margin-bottom: 26px; }
	.opening-button { display: flex; flex-wrap: wrap; align-items: center; }
	.opening-button li { margin-right: 20px; margin-bottom: 0; }
	.opening-button li:last-of-type { margin-right: 0; }
	.opening-button .button { min-width: 256px; }
	.opening-button .button.no-button { min-width: auto; }
	.location { padding-top: 80px; padding-bottom: 80px; }
	.location-text { padding: 44px 40px 31px; max-width: 446px; }
	.brief { padding-top: 80px; padding-bottom: 80px; }
	.team { padding-top: 80px; padding-bottom: 80px; }
	.team-text { margin: 0 auto 32px; max-width: 670px; }
	.team-holder { display: grid; grid-row-gap: 16px; grid-column-gap: 16px; grid-template-columns: repeat(2, 2fr); }
	.team-column { margin-bottom: 0; }
	.card-team-text { padding: 26px 25px 28px; }
	.play-btn { font-size: 80px; }
	.action { margin-top: 79px; padding-top: 74px; padding-bottom: 80px; }
	.action-text p { margin-bottom: 22px; }
	.action-text ul { display: flex; align-items: center; justify-content: center; }
	.action-text li { margin-right: 15px; margin-bottom: 0; }
	.action-text .button { width: auto; min-width: 260px; }
	.brand-holder { display: flex; flex-wrap: wrap; align-items: center; }
	.brand-title { width: 22%; text-align: inherit; }
	.brand-logos { padding-left: 15px; width: 78%; }
	.brand .slick-list { margin: 0 -10px; }
	.brand-slide { padding: 0 10px; }
	.footer-subscribe { padding-right: 276px; position: relative; }
	.footer-subscribe .button { position: absolute; top: 0; right: 0; width: auto; min-width: auto; }
	.copyright { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: inherit; }
	.copyright p { margin-bottom: 0; }
	.services { padding-top: 77px; padding-bottom: 80px; }
	.services-holder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.card-services { margin-bottom: 0; padding: 39px 30px 37px; }
	.services.is-alt { padding-top: 75px; padding-bottom: 80px; }
	.foundation { padding-bottom: 80px; }
	.foundation-wrap { margin: 0 -8px; display: flex; flex-wrap: wrap; }
	.foundation-box { padding-bottom: 64px; }
	.foundation-text h1 { font-size: 32px; }
	.foundation-image { padding: 0 8px; width: 100%; }
	.foundation-image.w-50 { width: 50%; }
	.foundation-image.w-33 { width: 33.33%; }
	.foundation.is-alt .foundation-box { padding-top: 74px; padding-bottom: 44px; }
	.interested { padding-bottom: 80px; }
	.interested-holder { display: grid; grid-row-gap: 16px; grid-column-gap: 16px; grid-template-columns: repeat(2, 2fr); }
	.interested-column { margin-bottom: 0; }
	.interested-view-all { padding-top: 40px; }
	.card-sale-radio label.w-full { width: 140px; }
	.faq { margin-bottom: 72px; padding-top: 74px; padding-bottom: 77px; }
	.faq-holder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
	.events { margin-bottom: 78px; }
	.card-event { padding: 0; display: flex; align-items: center; }
	.card-event-image { display: block; }
	.card-event-left { margin-bottom: 0; width: 50%; }
	.card-event-heading { margin-left: 15px; width: 46%; }
	.card-event-right { padding: 0 10px; width: 50%; }
	.card-event-right p:last-of-type { margin-bottom: 10px; }
	.package { margin-bottom: 80px; }
	.package-block { margin-bottom: 75px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 16px; }
	.package-block.is-alt { grid-row-gap: 16px; }
	.card-package { margin-bottom: 0; }
	.card-package-list li { padding: 9px 28px 5px; }
	.card-package-list li:before { left: 7px; }
	.card-package-tag { padding: 9px 7px 5px; display: flex; align-items: center; justify-content: space-between; }
	.card-package-tag p:last-of-type { margin-bottom: 0; }
	.sale-left { margin-bottom: 16px; display: flex; flex-wrap: wrap; }
	.sale-for-slider { order: 2; width: 87.3%; }
	.sale-nav-slider { margin-bottom: 0; padding-top: 0; padding-right: 16px; order: 1; width: 12.7%; }
	.sale-nav-item { margin-bottom: 7px; padding: 0; height: 100%; }
	.sale-nav-slider .slick-list { margin: 0; display: grid; }
	.nav-slide { height: 100%; }
	.sale-for-slider .js-sale-for,
	.sale-for-slider .slick-list,
	.sale-for-slider .slick-track { height: 100%; }
	.for-slide { height: 100%; }
	.card-sale ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.card-sale li { margin-bottom: 0; width: 48.5%; }
	.card-sale-price .price { font-size: 28px; }
	.usp .js-usp-slider1 { padding: 18px 28px 17px; }
	.usp-item { font-size: 14px; }
	.description { margin-bottom: 80px; }
	.description-title { padding: 36px 30px 0 20px; }
	.description-list { padding: 8px 10px 9px 20px; display: flex; }
	.description-list p:last-of-type { margin-bottom: 0; width: 40%; }
	.description-list span:last-of-type { width: 59%; }
	.close-filters { display: none; }
	
	.header-usp-slide { font-size: 16px; }
	
	.footer_nb .gform_body{ padding-bottom: 40px; position: relative; }
	#gform_fields_1{ display: flex; flex-direction: row; gap:15px; }
	.footer_nb #field_1_3{ width: 55%; }
	.footer_nb #field_submit{display: flex;align-items: end; width: 40%;}
	.keuzehulp_mc_item{ width: calc(50% - 20px);}
	.keuzehulp_inner{ padding: 60px; }
}

@media only screen and (min-width: 1025px) {
	.hero { padding-top: 120px; padding-bottom: 120px; }
	.category-block { grid-column-gap: 16px; grid-template-columns: repeat(3, 1fr); }
	.card-category-text { padding: 12px 29px 9px; }
	.region-text ul { display: flex; flex-wrap: wrap; align-items: center; text-align: left; }
	.region-text li { margin-right: 18px; margin-bottom: 0; }
	.region-text li:last-of-type { margin-right: 0; }
	.scroll-links li { margin-right: 65px; }
	.scroll-links a { font-size: 16px; }
	.scroll-tab ul { display: flex; flex-wrap: wrap; }
	.scroll-tab .d-phone { display: none; }
	.brand-title { width: 16%; }
	.brand-logos { padding-left: 21px; width: 84%; }
	.footer-item { margin-bottom: 0; width: 25%; border: 0; border-radius: 0; }
	.footer-item.w-50 { padding-right: 20px; padding-left: 20px; width: 50%; }
	.footer-title { margin-bottom: 7px; padding: 0; }
	.footer-title:after { display: none; }
	.footer-information { padding-top: 33px; padding-bottom: 37px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
	.footer-information .footer-title { font-size: 18px; }
	.footer-tel { margin-bottom: 3px; }
	.footer-tel a { font-size: 20px; }
	.footer-tel i { margin-right: 5px; display: inline-block; }
	.footer-mail { padding-left: 31px; }
	.footer-opening-time { padding-left: 31px; }
	.footer-subscribe { max-width: 728px; }
	.footer-input { margin-bottom: 0; }
	.footer-subscribe .button { min-width: 260px; }
	.footer-gap { margin-bottom: 28px; border: 0; border-radius: 0; }
	.footer-gap:last-of-type { margin-bottom: 0; }
	.footer-holder { padding-top: 76px; padding-bottom: 72px; display: flex; flex-wrap: wrap; }
	.footer-column { width: 25%; }
	.footer-column li { margin-bottom: 4px; }
	.footer-column li:last-of-type { margin-bottom: 0; }
	.hidden-menu { padding: 0; display: block !important; height: auto !important; }
	.copyright li:after { margin: -3px 13px 0; }
	.text-block-holder { flex-direction: row; }
	.text-block-left { padding: 77px 50px 70px; flex: 1; border-radius: 10px 0 0 10px; }
	.text-block-image { width: 49.5%; border-radius: 0 10px 10px 0; overflow: hidden; }
	.text-image {  }
	.text-image-inner { display: flex; flex-wrap: wrap;padding-bottom: 40px; padding-top: 40px; }
	.text-image-left { margin-bottom: 0; width: 55%; }
	.text-image-info { padding-right: 20px; padding-left: 30px; flex: 1; display: flex;flex-direction: column;justify-content: center; }
	.text-image.is-alt .text-image-inner{ flex-direction: row-reverse; }
	.services-holder { grid-template-columns: repeat(3, 1fr); }
	.lands-holder { grid-template-columns: repeat(3, 3fr); }
	.opening-box { padding: 60px 40px; }
	.brief-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
	.brief-column { margin-bottom: 0; padding: 0 8px; width: 33.33%; }
	.brief-column.w-40 { width: 33.33%; }
	.brief-column.w-35 { width: 33.33%; }
	.brief-column img { object-fit: cover; }
	.team-holder { grid-template-columns: repeat(3, 3fr); }
	.card-package-list li { padding: 9px 55px 5px; }
	.card-package-list li:before { left: 29px; }
	.card-package-tag { padding: 9px 29px 5px; }
	.scroll-tab ul li a { font-weight: 500; }
	.scroll-tab .d-phone { display: none; }
	.description { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.description-info { width: 50%; }
	.description-right { width: 45%; }
	
	.met_achtergrond:after{ display: block; position: absolute; width: 90%; height: 100%; top:0; right:0; border-radius: 10px; background-color: var(--color-gray); content: ''; z-index: 0;   }
	.text-image.is-alt .met_achtergrond:after{ display: block;  position: absolute; width: 90%; height: 100%; top:0; left:0; border-radius: 10px; background-color: var(--color-gray); content: ''; z-index: 0;   }
	.text-image-inner{ position: relative;padding-bottom: 0px; padding-top: 0px; }
	.text-image-inner.met_achtergrond{ position: relative;padding-bottom: 45px; padding-top: 45px; }
	.text-image{ position: relative;padding-bottom: 45px; padding-top: 45px; }
	.keuzehulp_mc_item{ width: calc(25% - 20px);}
}

@media only screen and (min-width: 1200px) {
	#wrapper { padding-top: 140px; }
	.header-top { display: flex; flex-wrap: wrap; align-items: center; }
	.header-usp { width: 55%; }
	.header-usp-slide { text-align: left; }
	.header-info { display: block; width: 45%; }
	.header-info li { margin-right: 50px; }
	.header-holder { padding-top: 0; display: flex; flex-wrap: wrap; align-items: center; }
	.header-logo { width: 20%; }
	.header-menu { display: block; width: 60%; }
	.header-appointment { display: block; width: 20%; text-align: right; }
	.header-appointment .button { padding: 10px 30px; }
	.header-menu ul > li { margin-right: 30px; }
	.mobile-menu { display: none; }
	body.active .header { transform: translateY(-140px); }
	.hero { padding-top: 179px; padding-bottom: 172px; }
	.bicycles-slider { padding: 0 70px; position: relative; }
	.bicycles-arrows { padding-top: 0; }
	.bicycles-arrows .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); }
	.bicycles-arrows .prev-arrow { left: 0; }
	.bicycles-arrows .next-arrow { right: 0; }
	.news-column { width: 25%; }
	.region-text { padding: 30px 50px; }
	.location { padding-top: 119px; padding-bottom: 119px; }
	.brief-column { width: 25%; }
	.brief-column.w-40 { width: 41.7%; }
	.brief-column.w-35 { width: 33.3%; }
	.review-slider { padding: 0 70px; position: relative; }
	.review-arrows { padding-top: 0; }
	.review-arrows .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); }
	.review-arrows .prev-arrow { left: 0; }
	.review-arrows .next-arrow { right: 0; }
	.category { margin-bottom: 100px; display: flex; justify-content: space-between; }
	.category-left { display: block; order: 1; width: 23%; }
	.category-contact { padding: 27px 10px 29px; }
	.category-filter { margin-bottom: 0; padding: 0 36px 0 0; position: unset; height: auto; transform: unset; overflow: unset; }
	.category-text strong { display: block; }
	.category-right { padding-top: 5px; order: 2; width: 76%; }
	.category-bottom-btn { display: none; }
	.category .close-btn { display: none; }
	.action-cycle { display: block; }
	.action-cycle img { width: 250px; height: 100%; }
	.scroll-links { top: 140px; z-index:998;}
	.scroll-links li { margin-right: 73px; }
	.footer-item.w-50 { padding-left: 5px; }
	.text-image-button .button { margin-right: 12px; margin-bottom: 10px; width: auto; }
	.text-image-button .button:last-of-type { margin-right: 0; }
	.card-services { padding: 39px 39px 37px; }
	.card-bikes { display: flex; flex-wrap: wrap; }
	.card-bikes-text { width: 50%; }
	.card-bikes-image { padding-right: 27px; width: 50%; }
	.lands-holder { grid-template-columns: repeat(4, 4fr); }
	.opening-box { padding: 82px 80px 80px; }
	.team-holder { grid-template-columns: repeat(4, 4fr); }
	.interested-holder { grid-template-columns: repeat(4, 4fr); }
	.card-sale { padding: 37px 20px 38px; height: 100%; }
	.sale-holder { display: flex; flex-wrap: wrap; }
	.sale-left { margin-bottom: 0; padding-right: 11px; width: 67%; }
	.sale-right { padding-left: 5px; width: 33%; }
	.sale-nav-slider .slick-list { height: 570px !important; }
	.card-event-heading { display: flex; align-items: center; width: auto; }
	.card-event-heading strong { margin-right: 25px; margin-bottom: 0; }
	.card-event-heading h6 { margin-bottom: 0; }
	.card-event-right { padding: 10px; }
	.scroll-tab ul { padding: 15px 30px; }
	.scroll-tab ul li a { font-size: 18px; }
	.usp .js-usp-slider1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.package-block.is-alt { grid-template-columns: repeat(3, 1fr); }
	.package-block.is-alt .card-package-tag { padding: 9px 10px 5px; }
	.package-block.is-alt .card-package-list li:before { left: 10px; }
	.package-block.is-alt .card-package-list li { padding: 9px 35px 5px; }
}

@media only screen and (min-width: 1500px) {
	.header-usp { width: 65%; }
	.header-info { width: 35%; }
	.category-left { width: 19%; }
	.category-contact { padding: 27px 20px 29px; }
	.category-right { width: 80%; }
	.card-category-tag { margin-right: 9px; }
	.card-category-price strong { margin-right: 9px; }
	.card-category-price span { margin-right: 9px; }
	.card-category-image img { width: auto; }
	.region-text { padding: 58px 140px 40px 80px; }
	.card-bikes-text strong { font-size: 20px; }
	.card-bikes-text strong span { font-size: 16px; }
	.card-team-text { padding: 26px 29px 28px; }
	.action-cycle img { width: auto; height: auto; }
	.text-block-left { padding: 77px 138px 70px; }
	
	.text-image-left { width: 49.5%; }
	.text-image-info { padding-right: 80px; padding-left: 100px; }
	.card-event-right p br { display: block; }
	.description-info { width: 61%; }
	.description-right { width: 32.7%; }
	.description-title { padding: 36px 50px 0 40px; }
	.description-list { padding: 8px 30px 9px 40px; }
	.description-list p:last-of-type { width: 40%; }
	.description-list span:last-of-type { width: 59%; }
	.card-sale { padding: 37px 39px 38px; }
	.card-category-price .button { width: auto; }
}

@media only screen and (min-width: 1670px) {
	.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
	.header-info li { margin-right: 95px; }
	.header-menu ul > li { margin-right: 71px; }
	.header-appointment .button { padding: 10px 42px; min-width: 256px; }
	.bicycles-slider { padding: 0; }
	.bicycles-arrows .prev-arrow { left: -70px; }
	.bicycles-arrows .next-arrow { right: -70px; }
	.review-slider { padding: 0; }
	.review-arrows .prev-arrow { left: -70px; }
	.review-arrows .next-arrow { right: -70px; }
	.category-left { width: 24.3%; }
	.category-right { width: 74.7%; }
	.card-category-price span { margin-right: 25px; }
	.category-contact { padding: 27px 30px 29px; }
	.text-image-info { padding-right: 130px; padding-left: 152px; }
	.text-image.is-alt .text-image-info { padding-left: 143px; }
	.card-event-heading { margin-left: 0; justify-content: space-between; width: 74%; }
	.card-event-right { padding: 0 27px 0 9px; display: flex; align-items: center; justify-content: space-between; }
	.card-event-right p:last-of-type { margin-bottom: 0; }
}