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

General comments (optional).
*/

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


:root {
	--width-base: 1460px;
	--font-size-base: 16px;
	--font-family-base: 'Poppins', sans-serif;
	--font-family-heading: 'Poppins', sans-serif;
	--font-family-icon: 'icomoon';
	--line-height-base: 1.5;
	--color-white: #fff;
	--color-black: #000;
	--color-primary: #E30713;
	--color-primary-hover: #b50b15;
	--color-text: #333333;
	--color-text-secondary: #1D2540;
	--color-green: #0CA100;
	--color-light-green: #A3D42B;
	--color-yellow: #FBBC02;
	--color-blue: #103250;
	--color-light: #F9F9F9;
	--color-grey: #ececec;
	--color-grey-100: #e6e6e6;
	--color-grey-200: #d4d4d4;
	--color-parrot-green: #3fc817;
	--heading-lineheight: 1.2;
	--font-size-h1: 60px;
	--font-size-h2: 24px;
	--font-size-h3: 20px;
	--font-size-h4: 18px;
	--font-size-h5: 16px;
	--input-height: 48px;
	--textarea-height: 115px;
	--w-full: 100%;
	--h-full: 100%;
	--base-duration: all 0.3s;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }


/* #Site Styles
================================================== */

html,
body { font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text); background: var(--color-white); }
input,
select,
textarea { padding: 10px; width: var(--w-full); height: var(--input-height); font-family: var(--font-family-base), sans-serif; font-size: 16px; color: var(--color-text); border: 1px solid #e1e8f0; }
textarea { padding: 14px 10px; height: var(--textarea-height); }
select { --webkit-appearance: none; border: none; border-radius: 0; appearance: none; cursor: pointer; }

input::placeholder,
textarea::placeholder { font-weight: 300; color: var(--color-text-secondary); opacity: 0.8; }
input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid var(--color-text-secondary); -webkit-appearance: none; }
input[type='checkbox']:checked:after { width: 12px; height: 12px; font-family: var(--font-family-icon), sans-serif; background-color: var(--color-white); content: '\e900'; color: var(--color-green); font-size: 9px; display: flex; align-items: center; }

textarea::placeholder { font-weight: 300; color: #010103; }
textarea::placeholder { color: var(--color-text-secondary); opacity: 0.8; }
input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid var(--color-text-secondary); -webkit-appearance: none; }
input[type='checkbox']:checked:after { width: 12px; height: 12px; font-family: var(--font-family-icon), sans-serif; background-color: var(--color-white); content: '\e900'; color: var(--color-green); font-size: 9px; display: flex; align-items: center; }
label { margin-bottom: 3px; display: block; color: var(--color-text); }
img { display: block; max-width: var(--w-full); border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
a { display: inline-block; text-decoration: none; cursor: pointer; }
p { margin-bottom: 25px; }
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5{ margin-bottom: 20px; font-family: var(--font-family-heading), sans-serif; line-height: var(--heading-lineheight); }
.h1,
h1 { font-size: var(--font-size-h1); }
.h2,
h2 { font-size: var(--font-size-h2); }
.h3,
h3 { font-size: var(--font-size-h3); }
.h4,
h4 { font-size: var(--font-size-h4); }
.h5,
h5 { font-size: var(--font-size-h5); font-weight: 500; }
h1 span,
h2 span,
h3 span,
h4 span { color: var(--color-primary); }

/* ### global classes ### */
.centered { padding: 0 15px; }
.button-wrap { display: flex; justify-content: center; margin-top: 40px; }
.button-wrap a { width: var(--w-full); }
.button { padding: 9px 34px; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: 1.5; text-align: center; color: var(--color-white); border: 2px solid var(--color-primary); background-color: var(--color-primary); transition: var(--base-duration); cursor: pointer; }
.button:focus,
.button:hover { border-color: var(--color-primary-hover); background-color: var(--color-primary-hover); }
.button.white { color: var(--color-primary); background-color: var(--color-white); border: 2px solid var(--color-white); }
.button.white:focus,
.button.white:hover { color: var(--color-white); border-color: var(--color-white); background-color: transparent; }
.button.outline { color: var(--color-primary); background-color: transparent; }
.button.outline:focus,
.button.outline:hover { color: var(--color-white); border-color: var(--color-primary); background-color: var(--color-primary); }
.button.white-outline { color: var(--color-white); border-color: var(--color-white); background-color: transparent; }
.button.white-outline:focus,
.button.white-outline:hover { color: var(--color-primary); background-color: var(--color-white); }
.link { color: var(--color-primary); text-decoration: underline; }
.link:focus,
.link:hover { text-decoration: none; }

.check { display: flex; }
.check input { margin-right: 7px; cursor: pointer; }
.check label { font-size: 12px; font-weight: 300; cursor: pointer; }
.check a { color: var(--color-text-secondary); text-decoration: underline; }
.check a:focus,
.check a:hover { text-decoration: none; }

/* ### wrapper ### */
.wrapper { position: relative; display: block; width: var(--w-full); min-height: var(--h-full); overflow: hidden; padding-top: 58px; }

/* ### main container ### */
.mainCntr { width: var(--w-full); }

/* ### header container ### */
.header { position: fixed; top: 0; left: 0; z-index: 11; width: var(--w-full); background-color: var(--color-white); transition: var(--base-duration); }

.header-logo a { display: block; max-width: 200px; }
.header-logo img { width: var(--w-full); }
.header-top { display: none; text-align: center; background-color: var(--color-black); font-size: 16px; padding: 8px 0; }
.header-top i { font-family: var(--font-family-icon), sans-serif; color: var(--color-white); }
.header-top-content { display: flex; flex-wrap: wrap; justify-content: center; }
.header-top ul { display: flex; flex-wrap: wrap; margin-right: 5px; }
.header-top ul li { padding: 0 2px; }
.header-top p { margin-bottom: 0; color: var(--color-white); }
.header-top p a { color: var(--color-white); text-decoration: underline; }
.header-top p a:focus,
.header-top p a:hover { text-decoration: none; }
.header-main { padding: 10px 0; position: relative; }
body.active .header { transform: translateY(-80px); }
body.sticky .header .m-menu__checkbox:checked ~ .m-menu { transform: translateY(80px); }

/* ### header menu ### */
.header-menu { display: none; }
.header-menu ul > li { margin-right: 25px; padding-top: 30px; padding-bottom: 30px; position: relative; display: inline-block; transition: var(--base-duration); font-family: var(--font-family-heading), sans-serif; }
.header-menu ul > li:last-child { margin-right: 0; }
.header-menu ul > li.dropdown:after { margin-left: 1px; display: inline-block; font-family: var(--font-family-icon), sans-serif; font-size: 5px; vertical-align: middle; transition: var(--base-duration); content: '\e901'; }
.header-menu ul > li > a { font-size: 16px; font-weight: 500; color: var(--color-text); transition: var(--base-duration); white-space: nowrap; }
.header-menu ul > li > a:focus,
.header-menu ul > li > a:hover { text-decoration: underline; color: var(--color-primary); }
.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; }
.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 16px 16px; position: relative; display: block; width: var(--w-full); }
.header-menu ul > li > ul > li:not(:last-child):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 { font-size: 14px; position: absolute; top: 48%; transform: translateY(-50%); right: 0; }


/* ### mobile menu ### */
.mobile-menu { display: block; }
.mobile-menu .hamburger { position: absolute; top: 50%; right: 0; display: flex; align-items: center; color: #1a202c; transform: translateY(-50%); 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-black); }
.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: 35px; }
.m-menu ul li a { padding: 0 15px !important; color: var(--color-black); border-bottom: 1px solid var(--color-black); }
.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-primary); }
.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: 7px 20px !important; width: 100%; line-height: unset; text-align: center !important; color: var(--color-primary); }
.m-menu .button:focus,
.m-menu .button:hover { border-bottom: 2px solid var(--color-primary); }
.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); }


/* ### banner ### */
.banner { position: relative; background-color: var(--color-white); }
.banner-content { position: relative; z-index: 1; min-height: 540px; display: flex; align-items: center; padding: 40px 0; }
.banner-content h1 { font-size: 30px; }
.banner-content h1:after{ content: '.'; color: var(--color-primary); }
.banner-info h1:after{ content: '.'; color: var(--color-primary); }
.banner-image { position: absolute; top: 0; right: 0; height: var(--h-full); }
.banner-image:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); content: ''; background: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0.5) 100%); }
.banner-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.banner-reviews { display: flex; align-items: center; font-size: 14px; margin-bottom: 25px; }
.banner-reviews-image { margin-right: 10px; }
.banner .button { display: block; margin-bottom: 20px; }
.banner .link { display: block; text-align: center; }

.banner-image iframe{ width: var(--w-full); height: var(--h-full);min-width: 960px; pointer-events: none;}
.banner-image video{ width: var(--w-full); height: var(--h-full);min-width: 960px; pointer-events: none;}


.banner.alt .banner-content { min-height: 280px; }
.banner.alt .breadcrumbs { position: absolute; bottom: 0; z-index: 5; }

/* ### breadcrumbs ### */
.breadcrumbs { display: flex; flex-wrap: wrap; justify-content: flex-end; font-size: 12px; }
.breadcrumbs.is-alt { justify-content: start; font-size: 14px; }
.breadcrumbs a { text-decoration: underline; color: var(--color-text); transition: var(--base-duration); }
.breadcrumbs a:focus,
.breadcrumbs a:hover { text-decoration: none; color: var(--color-primary); }



/* ### discount ### */
.discount { background-color: var(--color-primary); color: var(--color-white); font-family: var(--font-family-heading), sans-serif; text-align: center; font-size: 16px; }
.discount-content { padding-top: 18px; padding-bottom: 18px; }
.discount-content p { margin-bottom: 0; }
.discount-content a { color: var(--color-white); text-decoration: underline; }
.discount-content a:focus,
.discount-content a:hover { text-decoration: none; }


/* ### features ### */
.features { background-color: var(--color-light); padding-top: 50px; padding-bottom: 40px; }
.features-holder { display: grid; grid-template-columns: auto; }
.features-item { padding-left: 10px; padding-right: 10px; position: relative; margin-bottom: 40px; }
.features-item-image { margin-bottom: 10px; }
.features-item h4 { margin-bottom: 10px; }
.features-item p { margin-bottom: 0; }
.features-item h4:after{ content: '.'; color: var(--color-primary); }

/* ### new ### */
.new { padding-top: 40px; padding-bottom: 40px; }
.new-tabs { border-bottom: 1px solid var(--color-grey); margin-bottom: 37px; }
.new-tabs ul li { color: var(--color-text); padding: 10px 20px; border: 1px solid var(--color-grey); border-bottom: 0; font-weight: 700; transition: var(--base-duration); cursor: pointer; }
.new-tabs ul li:focus,
.new-tabs ul li:hover,
.new-tabs ul li.active { background-color: var(--color-light); border: 1px solid var(--color-light); border-bottom: 0; }
.new-wrap { display: flex; justify-content: flex-start; gap:10px; flex-wrap: wrap; }
.new-item{ width: 100%; margin-bottom: 20px; }
.new-item .card-new-image img{ width: 100%; object-fit:contain; aspect-ratio: 4 / 3; max-height: 260px; }
.new h2 { margin-bottom: 24px; }

.tab-content h2:after{ content: '.'; color: var(--color-primary); }

#filter_resultaten .new-item{ width: 100%; }

.iframe_blok_frame{ border: none; width: 100%; }

/* ### alpina ### */
.alpina{ padding-top: 40px; width: 100%; position: relative; z-index: 100; }
.alpina-holder { display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px solid var(--color-grey-100); }
.alpina-item {max-width:12%;height:auto;}
.alpina-item img{ object-fit:contain; }
/* ### card-new ### */
.card-new { border: 1px solid var(--color-grey-100); color: var(--color-text); width: var(--w-full); height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.card-new:focus .button,
.card-new:hover .button { background-color: var(--color-primary-hover); border: 2px solid var(--color-primary-hover);}
.card-new-image img { width: var(--w-full); height: 260px; }
.card-new-content { padding: 20px; height: calc(100% - 260px);  display: flex; flex-direction: column; justify-content: flex-end; }
.card-new h3 { font-family: var(--font-family-base), sans-serif; margin-bottom: 24px; margin-bottom: auto; }
.card-new .button { display: block; }
.card-new ul li { font-size: 16px; border-bottom: 1px solid var(--color-grey-100); padding: 6px 0 3px; display: flex; justify-content: space-between; }
.card-new ul li:first-child { border-top: 1px solid var(--color-grey-100); }
.card-new-price { margin: 17px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.card-new-price-left { color: var(--color-green); display: flex; align-items: center; }
.card-new-price-left span { font-size: 14px; margin-left: 5px; }
.card-new-price-right s { color: var(--color-primary); font-size: 14px; font-weight: 700; }



/* ### reviews ### */
.reviews { padding-top: 75px; padding-bottom: 80px; position: relative; background-color: var(--color-blue); }
.reviews-title { color: var(--color-white); margin-bottom: 20px; }
.reviews-title-content { margin-top: 0; }
.reviews-title h2 { margin-bottom: 25px; }
.reviews-title p { font-size: 16px; margin-bottom: 0; margin-right: 15px; }
.reviews-wrap { display: grid; grid-template-columns: auto; gap: 15px; }
.reviews-item { color: var(--color-white); background-color: rgba(255, 255, 255, 0.1); padding: 20px; }
.reviews-item-title { display: flex; justify-content: space-between; }
.reviews-item span { font-size: 13px; font-weight: 300; }
.reviews-item i { font-size: 25px; }
.reviews-item ul { display: flex; margin-top: -4px; margin-bottom: 20px; }
.reviews-item li i { color: var(--color-yellow); font-size: 12px; }
.reviews-item p { line-height: 1.2; }
.reviews-item-info { display: flex; align-items: center; }
.reviews-item-info img { margin-right: 10px; }
.reviews-date { font-size: 14px; line-height: 1; }
.reviews-date span { font-weight: 300; display: block; }
.reviews-bg { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); pointer-events: none; }
.reviews .button:focus,
.reviews .button:hover { color: var(--color-blue); }


/* ### service ### */

.service{ margin-bottom: 40px; margin-top: 40px;}
.service-image { width: var(--w-full); margin-bottom: 20px; }
.service-image img { width: var(--w-full); height: auto; object-fit:cover; }
.service-content { width: var(--w-full); margin: 0; }
.service-content p { margin-bottom: 20px; }
.service-content ul {margin-bottom: 20px; }
.service-content ul li {list-style:disc;margin-left:16px;}
.service-content .button { width: var(--w-full); margin-bottom: 10px; }
.service-holder.is-alt { flex-direction: row-reverse; }
.service-content h2:after{ content: '.'; color: var(--color-primary); }
.duo_info_blok .service-holder.is-alt{ margin-top: -100px; }

@media(min-width: 1024px) {
	.duo_info_blok .service-holder.is-alt {
		margin-top: -100px;
		transition: margin-top 0.3s ease;
	}
}



/* ### about ### */
.about{ margin-bottom: 40px; margin-top: 40px;}
.about-image img { width: var(--w-full); height: var(--h-full); }
.about-content { background-color: var(--color-primary); color: var(--color-white); display: flex; justify-content: center; align-items: center; }
.about-info { padding: 30px 20px; }
.about .button { width: var(--w-full); }
.about .white-outline { margin-bottom: 15px; }


/* ### choose ### */
.choose { padding-top: 50px; padding-bottom: 40px; }
.choose-item { background-color: var(--color-light); padding: 37px 30px 20px 28px; margin-bottom: 15px; }
.choose-item-title { position: relative; }
.choose-item-title h4 { padding-left: 58px; }
.choose-title-icon { position: absolute; left: 0; top: -8px; }
.choose-item p { margin-bottom: 0; }
.choose-left { width: var(--w-full); margin-bottom: 20px; }
.choose-left p { margin-bottom: 25px; }
.choose-left i{ color:var(--color-primary);  }
.choose-left ul{ margin-bottom: 25px; }
.choose-left ul li{ padding-top: 6px; padding-bottom: 6px; }
.choose-left .button.outline { margin-right: 10px; }
.choose-right { width: var(--w-full); }
.choose .button { width: var(--w-full); margin-bottom: 10px; }
.choose h2:after{ content: '.'; color: var(--color-primary); }
.choose-item-title h4:after{ content: '.'; color: var(--color-primary); } 



/* ### help ### */
.help { position: relative; text-align: left; background-color: var(--color-primary); }
.help-holder { padding: 40px 0; position: relative; color: var(--color-white); overflow: hidden; }
.help-text { margin: 0 auto; position: relative; z-index: 1; max-width: 650px; }
.help-text h2 { margin-bottom: 17px; }
.help-text p { margin-bottom: 20px; }
.help-text ul > li { margin-bottom: 15px; }
.help-text ul > li:last-child { margin-bottom: 0; }
.help-text .button { width: 100%; }
.help-image { display: none; }

/* ### usp ### */
.usp.is-alt .usp-wrap { border: 1px solid var(--color-grey); border-radius: 10px; }
.usp-wrap { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-grey); }
.usp .swiper-slide { display: flex; align-items: center; justify-content: center; opacity: 0 !important; width: var(--w-full); text-align: center; font-size: 14px; font-weight: 500; }
.usp .swiper-slide-active { opacity: 1 !important; }
.usp .swiper-slide strong,
.usp.is-alt .swiper-slide i { color: var(--color-light-green); }
.usp .swiper-slide i { font-size: 12px; margin-right: 10px; color: var(--color-green); }


/* ### intro-text ### */
.intro-text { padding-top: 40px; padding-bottom: 40px; }
.intro-text .button.outline { margin-right: 0; margin-bottom: 15px; }
.intro-text .button { width: var(--w-full); }

/* ### travel ### */
.travel.is-alt p { margin-bottom: 0; }
.travel-holder { display: flex; gap: 20px 15px; justify-content: flex-start; flex-wrap: wrap; }
.travel-item{ width: 100%; }

/* ### card-travel ### */
.card-travel { position: relative; color: var(--color-text);  border: 1px solid var(--color-grey); height: 100%; }
.card-travel-content { padding: 20px; }
.card-travel-image { overflow: hidden; }
.card-travel-image img { width: var(--w-full); transition: var(--base-duration); }
.card-travel h3 { font-family: var(--font-family-base), sans-serif; margin-bottom: 16px; }
.card-travel .button { display: block; }
.card-travel-tag { position: absolute; top: 10px; left: 10px; }
.card-travel-tag img { width: unset; }
.card-travel:focus .card-travel-image img,
.card-travel:hover .card-travel-image img { transform: scale(1.05); }
.card-travel:focus .card-travel-tag img,
.card-travel:hover .card-travel-tag img { transform: scale(1); }
.card-travel:focus .button,
.card-travel:hover .button { background-color: var(--color-primary); color: var(--color-white); }


	/* ### info ### */
.info { padding-top: 40px; padding-bottom: 40px; }
.info-image { margin-bottom: 30px; }
.info-image img { width: var(--w-full); }
.info .button.outline { margin-right: 0; margin-bottom: 15px; }
.info .button { width: var(--w-full); }


/* ### transportation ### */
.transportation { position: relative; margin-top: 40px; margin-bottom: 40px; }
.transportation-image { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); }
.transportation-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.transportation-holder { padding: 40px 0; max-width: 722px; }
.transportation-content { position: relative; min-height: 400px; padding: 20px; background-color: var(--color-white); z-index: 1; display: flex; align-items: center; }
.transportation-info { max-width: 470px; margin: 0 auto; }

/* ### image-block ### */
.image-block { padding-bottom: 40px; padding-top: 40px; }
.image-block-holder { position: relative; margin: 0 -8px; display: flex; flex-wrap: wrap; justify-content: center; }
.image-block-item { padding: 0 8px; }
.image-block-item img { width: var(--w-full); object-fit:cover; height: auto; }
.image-block-item.w-50 { width: var(--w-full); }
.image-block-item.w-33 { width: var(--w-full); }
.image-block-caption { font-size: 14px; margin: 7px 0 15px; text-align: center; }


/* ### sale ### */
.sale { padding-bottom: 16px; }
.sale h2 { margin-bottom: 22px; }
.for-slide { display: flex; align-items: center; justify-content: center; position: relative; }
.for-slide img { width: 100%; object-fit:contain;  }
.for-slide-tag { position: absolute; top: 0; right: 0; width: 80px; }
.sale-nav-slider { margin-bottom: 15px; padding-top: 15px; }
.nav-slide { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(1, 1, 3, 0.1); cursor: pointer; }
.nav-slide img{  width: 100%; object-fit:contain; }

/* ### card-sale ### */
.card-sale { padding: 25px 20px; border: 1px solid var(--color-grey); }
.card-sale h5 { margin-bottom: 6px; font-weight: 600; }
.card-sale-item { margin-right: 15px; }
.card-sale-radio { margin-bottom: 14px; display: flex; flex-wrap: wrap; }
.card-sale-radio label {  padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-weight: 500; border: 1px solid var(--color-grey); }
.card-sale-radio label:last-of-type { margin-right: 0; }
.card-sale-radio label.w-full { height: 36px; min-width: unset; width: unset; }
.card-sale-radio span { display: block; font-family: var(--font-family-heading), sans-serif; font-size: 16px; }
.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) { background-color: var(--color-grey); }
.card-sale-price { margin-bottom: 26px; padding-top: 2px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-family: var(--font-family-heading), sans-serif; margin-top: 24px; }
.card-sale-price .stock { padding: 4px 10px 3px; font-size: 14px; font-weight: 600; color: var(--color-white); background-color: var(--color-light-green); border: 1px solid var(--color-light-green); }
.card-sale-price .stock { padding: 4px 10px 3px; color: var(--color-white); background-color: var(--color-light-green); }
.card-sale-pricing .stock.is-alt { background-color: transparent; font-size: 16px; border: 1px solid var(--color-grey); color: var(--color-text); margin-left: 15px; }
.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%; margin-bottom: 15px; }
.card-sale ul { margin-bottom: 30px; }
.card-sale li { margin-bottom: 16px; padding: 3px 0; border: 1px solid var(--color-grey); text-align: center; font-size: 14px; font-family: var(--font-family-heading), sans-serif; }
.card-sale li:last-of-type { margin-bottom: 0; }


/* ### filter ### */
.filter { margin-top: 40px; }
.filter-holder { display: grid; }
.filter-left { padding-right: 33px; order: 2; }
.filter-left h5 { margin-bottom: 15px; }
.filter-wrap { display: flex; flex-wrap: wrap; }
.filter-block .filter_items_kop{ position: relative; }
.filter-block .filter_items_kop:after {
  position: absolute;
  z-index: 10;
  right:6px;
  top:8px;
  display: block;
  width: 20px; height: 19px;
  font-family: var(--font-family-icon), sans-serif;
  font-size: 5px;
  vertical-align: middle;
  transition: var(--base-duration);
  content: '\e901';
  text-align: center;
}
.filter-block .filter_items_kop.open:after {
  transform: rotate(180deg);
  top:-2px;
}
.filter-block:not(:last-child) { margin-bottom: 35px; }
.filter-block .check { display: flex; margin-bottom: 13px; }
.filter-block .check label { font-family: var(--font-family-heading); margin-bottom: 0; line-height: 1.2; font-size: 16px; }
.filter-block input[type='checkbox'] { border: 1px solid var(--color-grey-200); border-radius: 3px; margin-right: 8px; }
.filter-range { margin-bottom: 25px; }
.filter-range-input { margin-bottom: 26px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.filter-range-input input { height: 40px; border: 1px solid var(--color-grey); border-radius: 3px; }
.filter-range .slider { position: relative; height: 6px; border: 1px solid var(--color-grey); border-radius: 3px; background-color: var(--color-white); }
.filter-range .slider .progress { position: absolute; right: 25%; left: 25%; height: var(--h-full); border-radius: 3px; background: transparent; }
.filter-range-slider { position: relative; }
.filter-range-slider input.range-min { padding: 0; position: absolute; top: 3px; width: 100%; height: 0px; border: 0; border-radius:0 0 3px 3px; background: transparent; -webkit-appearance: none; -moz-appearance: none; }
.filter-range-slider input.range-max { padding: 0; position: absolute; top: -9px; width: 100%; height: 0px; border: 0; border-radius:0 0 3px 3px; background: transparent; -webkit-appearance: none; -moz-appearance: none; }
.filter input[type='number']::-moz-range-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border: none; border-radius: 50%; -webkit-appearance: none; cursor: pointer; }
.filter input[type='number']::-webkit-slider-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border-radius: 50%; -webkit-appearance: none; cursor: pointer; }
.filter input[type='number'],
.filter input[type='number']::placeholder { font-size: 16px; font-family: var(--font-family-heading); }
.filter-contact { border: 1px solid var(--color-grey-100); padding: 20px; }
.filter-contact h4 { margin-bottom: 7px; }
.filter-contact-list { margin-bottom: 17px; }
.filter-contact-list li { padding-left: 30px; font-size: 16px; }
.filter-contact-list li:first-child { padding-left:0; font-size: 20px; margin-bottom: 7px; }
.filter-contact-list li img { display: inline-block; vertical-align: bottom; margin-right: 8px; }
.filter-contact-list a { color: #010103; }
.filter-contact-list a:hover { color: var(--color-primary-hover); }
.filter-contact .button { width: var(--w-full); }
.filter-right { margin-bottom: 40px; }
.filter-item { margin-bottom: 30px; }
.filter-btn-holder { display: flex; justify-content: center; }
.filter-btn-holder .button { min-width: 280px; }
.filter-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); }
.filter-bottom-btn a { width: 100%; }
.filter-left-wrap { margin-bottom: 20px; padding: 22px 20px 8px; position: fixed; bottom: 0; left: 0; z-index: 11; width: 100%; height: 0; background-color: var(--color-white); transform: translateY(134%); transition: 0.5s; overflow: auto; }
.filter-left-wrap.active { margin-bottom: 0; height: 100vh; transform: translateY(0); }
.filter-left-wrap .close-btn { position: absolute; top: 22px; right: 20px; z-index: 15; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; text-decoration: none; color: var(--color-white); border-radius: 3px; background-color: var(--color-primary); }
.filter-left-wrap .close-btn:hover { background-color: var(--color-primary-hover); }
.close-filters { padding: 15px; position: fixed; bottom: 0; left: 0; z-index: 12; 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 a { width: 100%; }
.close-filters.active { opacity: 1; visibility: visible; }

input.range-min::-moz-range-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border: none; border-radius:0 0 50% 50%; cursor: pointer; }
input.range-min::-webkit-slider-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border-radius:  0 0 50% 50%; cursor: pointer; }
input.range-max::-moz-range-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border: none; border-radius:50% 50% 0 0; cursor: pointer; }
input.range-max::-webkit-slider-thumb { position: relative; z-index: 1; width: 18px; height: 18px; border-radius:  50% 50% 0 0; cursor: pointer; }

.hidden_check{display: none!important;}



/* ### team ### */
.team{ padding-top: 40px; padding-bottom: 40px; }
.team-bg { margin: 50px 0; }
.team-bg-image { height: 250px; }
.team-bg-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.team h2 { margin-bottom: 17px; }
.team p { margin-bottom: 44px; }
.team-holder { display: grid; grid-template-columns: auto; }
.team-member { position: relative; margin-bottom: 20px; display: block; }
.team-member-image { overflow: hidden; }
.team-member-image img { width: var(--w-full); height: var(--h-full); object-fit: cover;  transition: all 0.5s ease; }
.team-member-text { background-color: var(--color-primary); color: var(--color-white); position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 12px; font-family: var(--font-family-heading); font-size: 16px; font-weight: 700; transition: var(--base-duration); }
.team-member-text span { position: relative; padding-right: 10px; }
.team-member-text span:after {  content: "\e901"; font-family: var(--font-family-icon); font-size: 5px; position: absolute; right: 0; top: 7px; transform: rotate(-90deg); }
.team-member-text div { font-size: 12px; font-style: italic; text-align: center;}
.team-member:hover .team-member-text { background-color: var(--color-primary-hover); }
.team-member:hover .team-member-image img { transform: scale(1.1); }

/* ### contact ### */
.contact { padding-bottom: 40px; padding-top: 40px; }
.contact h2 { margin-bottom: 18px; }
.contact-left { display: grid; grid-template-columns: 1fr; line-height: 1.45; row-gap: 30px; margin-bottom: 30px; }
.contact-list { max-width: 200px; }
.contact-list address { font-style: normal; }
.contact-list li a { color: var(--color-text); text-decoration: underline }
.contact-list li a:hover {  text-decoration: none; color: var(--color-primary); }
.contact-left-item:last-child { padding-top: 12px; }
.contact-left-item:last-child .button { font-family: var(--font-family-heading); font-weight: 700; font-size: 20px; padding: 21px 10px; display: block; margin-bottom: 10px; }
.contact-left-item:last-child .button span { font-weight: 400; font-size: 16px; display: block; }

#gform_wrapper_2 .gfield_label, #gform_wrapper_2 .gfield_required_text, #gform_wrapper_2 .gfield_validation_message{ display: none; }
#gform_fields_2{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#gform_fields_2 .gfield{ margin-bottom: 10px; }
#field_2_1{ width: 49%; }
#field_2_3{ width: 49%; }
#field_2_4{ width: 49%; }
#field_2_5{ width: 49%; }
#field_2_6{ width: 100%; }
#field_2_7{ width: 65%;  border:none!important; display: flex; justify-content: flex-start; align-items: center; }
#field_2_7 .ginput_container_consent{ font-size: 12px; display: flex; justify-content: flex-start; gap:10px; align-items: center; }
#gform_fields_2 #field_submit{ width: 35%; }
#gform_fields_2 .gfield_consent_label{margin-bottom: 0px;}
#gform_fields_2 .gfield_consent_label a{ color: var(--color-text); text-decoration: underline; }
#gform_fields_2 .gfield_consent_label a:hover{ text-decoration: none; color: var(--color-primary); }
#gform_wrapper_2 .gform_submission_error{font-size: 16px; color:  var(--color-primary);}
#gform_wrapper_2 .gform_submission_error{font-size: 16px; color:  var(--color-primary);}
#gform_wrapper_2 .gfield_error input{ border:1px solid var(--color-primary); }








/* ### timings ### */
.timings { line-height: 1.45; max-width: 230px; text-align: left; }
.timings li { display: flex; margin: 0 -8px; }
.timings li span { padding: 0 8px; width: 50%;}
.timings li strong { padding: 0 8px; width: 50%;}

.appointment-right-inner li { display: flex; margin: 0 -8px; }
.appointment-right-inner li span { padding: 0 8px; width: 50%; white-space: nowrap; } 
.appointment-right-inner li strong { padding: 0 8px; width: 50%; white-space: nowrap; } 

/* ### card-form ### */
.card-form { padding: 25px 20px; border: 1px solid var(--color-grey); }
.card-form-field { margin-bottom: 20px; }
.card-form-field input,
.card-form-field textarea { border: 1px solid var(--color-text-secondary); }
.card-form-tnc { margin-top: -12px; padding-right: 16px; }
.card-form-tnc button { margin-top: 20px; font-size: 16px; width: var(--w-full); }

/* ### map  ### */
.map { margin-bottom: 40px; margin-top: 40px; }
.map-image iframe { width: var(--w-full); display: block; aspect-ratio: 2 / 1; }

/* ### video-bg ### */
.video-bg { margin-bottom: 50px; }
.video-bg iframe { height: 400px; }

/* ### privacy  ### */
.privacy { margin-bottom: 40px; margin-top: 40px; }
.privacy-holder { padding: 35px 20px; background-color: var(--color-light); color: var(--color-text); }
.privacy h4 { color: var(--color-text); font-family: var(--font-family-base); margin-bottom: 0; }
.privacy ul, .privacy ol { margin-bottom: 25px; padding-left: 16px; }
.privacy ul li{ list-style: disc; } 
.privacy ol li{ list-style: decimal; } 
.privacy address { font-style: normal; max-width: 170px; margin-bottom: 25px; }
.privacy .contact-list li { position: relative; padding-left: 20px;  }
.privacy .contact-list li:before { content: "\e907"; font-family: var(--font-family-icon); color: var(--color-parrot-green); position: absolute; left: 0; top: 2px; font-size: 14px;  }
.privacy-btn-holder { display: flex; flex-direction: column; gap: 15px; }

/* ### appointment  ### */
.appointment { margin-bottom: 50px; }
.appointment-wrapper { padding: 35px 20px; background-color: var(--color-light); }
.appointment-holder { margin: 30px 0 0; gap:16px; }
.appointment-left { margin-bottom: 30px; }
.appointment-left button { padding: 9px 20px; }
.appointment-right { background-color: var(--color-white); padding: 30px 20px; display: flex; justify-content: center; align-items: center; }
.appointment-right-inner {   }
.appointment-right h2 { max-width: 230px; margin-bottom: 17px; }

#gform_wrapper_3 .gfield_label, #gform_wrapper_3 .gfield_required_text, #gform_wrapper_3 .gfield_validation_message, #input_3_8_date_format, #input_3_12_date_format{ display: none; }
#gform_fields_3{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#gform_fields_3 .gfield{ margin-bottom: 10px; }
#field_3_1{ width: 49%; }
#field_3_3{ width: 49%; }
#field_3_4{ width: 49%; }
#field_3_5{ width: 49%; }
#field_3_6{ width: 100%; }
#field_3_7{ width: 65%;  border:none!important; display: flex; justify-content: flex-start; align-items: center; }
#field_3_7 .ginput_container_consent{ font-size: 12px; display: flex; justify-content: flex-start; gap:10px; align-items: center; }
#field_3_8{ width: 49%; }
#field_3_9{ width: 49%; border:none; display: flex; justify-content: flex-start; }
#field_3_10{ width: 100%; padding-top: 10px; }
#field_3_11{ width: 100%; padding-top: 10px; }
#field_3_10 h4{margin-bottom: 0px; }
#field_3_11 h4{margin-bottom: 0px; }
#field_3_12{ width: 49%; }
#field_3_13{ width: 49%; border:none; display: flex; justify-content: flex-start; }
#gform_fields_3 #field_submit{ width: 35%; }
#gform_fields_3 .gfield_consent_label{margin-bottom: 0px;}
#gform_fields_3 .gfield_consent_label a{ color: var(--color-text); text-decoration: underline; }
#gform_fields_3 .gfield_consent_label a:hover{ text-decoration: none; color: var(--color-primary); }
#gform_wrapper_3 .gform_submission_error{font-size: 16px; color:  var(--color-primary);}
#gform_wrapper_3 .gform_submission_error{font-size: 16px; color:  var(--color-primary);}
#gform_wrapper_3 .gfield_error input{ border:1px solid var(--color-primary); }
#gform_wrapper_3 .ginput_complex{ display: flex; justify-content: flex-start; gap:10px; align-items: center; }
#gform_wrapper_3 .ginput_container_time .gform-field-label{ display: none; }




/* ### specification ### */
.specification { padding-top: 40px; padding-bottom: 40px; font-weight: 300; }
.specification-left { width: var(--w-full); padding-right: 0; margin-bottom: 40px; }
.specification-right { width: var(--w-full); }
.specification-left h3 { margin-bottom: 15px; }
.specification-left h4 { margin-bottom: 8px; }
.specification-left ul { margin-bottom: 25px; }
.specification-left li { padding-left: 11px; position: relative; }
.specification-left li:before { position: absolute; top: -1px; left: 0; content: '-'; }
.specification-right { border: 1px solid var(--color-light); height: var(--h-full); }
.specification-right h3 { margin-bottom: 0; padding: 11px 20px; }
.specification-right li { padding: 8px 20px; display: flex; font-size: 16px; }
.specification-right li:nth-child(odd) { background-color: var(--color-light); }
.specification-right li .left { width: 60%; }
.specification-right li .right { width: 40%; }
.specification-right li .right { font-weight: 600; }

	/* ### footer container ### */
.footer { overflow: hidden; width: 100%; color: var(--color-text-secondary); }
.footer-information { padding-top: 30px; padding-bottom: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.footer-holder { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.footer-gap,
.footer-item { margin-bottom: 13px; width: 100%; border: 1px solid rgba(1, 1, 3, 0.6); }
.footer-item:last-child { margin-bottom: 0; }
.footer-info { padding: 0 20px 10px 41px; }
.footer-info > li { position: relative; font-size: 14px; }
.footer-info > li > a { position: relative; color: var(--color-text-secondary); transition: var(--base-duration); }
.footer-info > li > a:focus,
.footer-info > li > a:hover { color: var(--color-primary); }
.footer-info > li > a.tel { position: unset; font-size: 20px; }
.footer-info > li > a.email { font-size: 16px; }
.footer-info > li > a img { position: absolute; top: 4px; left: -30px; }
.footer-title { padding: 10px; position: relative; font-family: var(--font-family-heading), sans-serif; font-size: 18px; font-weight: 700; }
.footer-title:after { position: absolute; top: 50%; right: 10px; font-family: var(--font-family-icon), sans-serif; font-size: 6px; transform: translateY(-50%) rotate(-90deg); transition: var(--base-duration); content: '\e901'; }
.footer-title.active:after { transform: rotate(0deg); }
.footer-form { margin-bottom: 8px; padding: 0 15px; }
.footer-form label { color: var(--color-text-secondary); }
.footer-input { margin-bottom: 10px; }
.footer-input input { padding: 10px; color: rgba(1, 1, 3, 0.8); border: 1px solid var(--color-text-secondary); }
.footer-input input::placeholder { color: rgba(1, 1, 3, 0.8); }
.footer-submit .button { padding: 9px 20px 8px; width: var(--w-full); }
.footer-check { padding-left: 26px; position: relative; display: inline-block; font-size: 12px; color: rgba(0, 0, 0, 0.6); }
.footer-check input[type='checkbox'] { position: absolute; top: -2px; left: 0; border: 1px solid var(--color-blue); }
.footer-check input[type='checkbox']:checked:after { background-color: var(--color-blue); }
.footer-check span { display: inline-block; }
.footer-check a { text-decoration: underline; color: rgba(0, 0, 0, 0.6); transition: var(--base-duration); }
.footer-check a:focus,
.footer-check a:hover { text-decoration: none; color: var(--color-black); }
.footer-social-media { padding: 0 15px 15px; display: flex; align-items: center; }
.footer-social-media > li { margin-right: 20px; }
.footer-social-media > li:last-child { margin-right: 0; }
.footer-social-media > li a { position: relative; color: var(--color-text-secondary); transition: var(--base-duration); }
.footer-social-media > li a:focus,
.footer-social-media > li a:hover { color: var(--color-primary); }
.footer-social-media i { font-size: 28px; }
.footer-column ul { padding: 0 10px 10px; }
.footer-column ul > li { margin-bottom: 6px; font-size: 16px; font-weight: 300; }
.footer-column ul > li:last-child { margin-bottom: 0; }
.footer-column ul > li > a { color: #010103; transition: var(--base-duration); text-decoration: underline; }
.footer-column ul > li > a:focus,
.footer-column ul > li > a:hover { text-decoration: none; color: var(--color-primary); }
.footer .w-50 { width: var(--w-full); }
.footer .check { padding: 0 15px 15px; }
.hidden-menu { display: none; }
.hidden-menu p { font-size: 16px; font-weight: 300; padding-left: 0px; padding-right: 10px; }

#gform_wrapper_1{ width: 100%; }
#gform_fields_1{ display: flex; gap:15px; flex-direction: column; align-items: flex-start; }
.footer_nb{ padding: 10px; }
.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_1{ 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%; min-height: 48px; font-family: var(--font-family-base); font-size: 14px; font-weight: var(--font-weight-300); color: var(--font-black); border: 1px solid var(--color-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-blue); border-radius: var(--input-radius);  }
.footer_nb input[type='checkbox']:checked { display: block; width: 20px; height: 20px; }
.footer_nb input[type="checkbox"]:checked:after{  width: 18px; height: 18px; justify-content: center; }
.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-primary); border: 2px solid var(--color-primary); background-color: var(--color-white); transition: var(--base-duration); cursor: pointer; }
.footer_nb #gform_submit_button_1:hover{ color: #ffffff; background-color: var(--color-primary);  }
.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; }
.footer_nb .gfield_consent_label{font-size: 12px; cursor: pointer; margin-bottom: 0px!important;}
.footer_nb .gfield_consent_label a{ color: var(--color-text-secondary); text-decoration: underline!important; }
.footer_nb .gfield_consent_label a:hover{ text-decoration: none!important; }


/* ### copyright ### */
.copyright { padding-top: 8px; padding-bottom: 8px; }
.copyright-item { margin-bottom: 10px; }
.copyright-item:last-child { margin-bottom: 0; }
.copyright-nav { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; }
.copyright-nav > li { font-size: 14px; font-weight: 300; }
.copyright-nav > li:after { margin: 0 10px; display: inline-block; width: 1px; height: 12px; vertical-align: middle; background-color: var(--color-black); content: ''; }
.copyright-nav > li:last-child:after { display: none; }
.copyright-nav > li > a { color: var(--color-black); transition: var(--base-duration); }
.copyright-nav > li > a:focus,
.copyright-nav > li > a:hover { text-decoration: underline; color: var(--color-primary); }
.copyright-logo { display: flex; align-items: center; justify-content: center; }
.copyright-logo > li { margin-right: 6px; }
.copyright-logo > li:last-child { margin-right: 0; }
.copyright-partners { display: flex; align-items: center; justify-content: center; }
.copyright-partners > li { margin-right: 6px; font-size: 14px; font-weight: 300; }
.copyright-partners > li:last-child { margin-right: 0; }



.ui-datepicker{width:380px;max-width:none;background:#fff;border:1px solid #dfe7f1;border-radius:2px;padding:14px;box-shadow:0 10px 25px rgba(0,0,0,.08);font-family:inherit;font-size:14px;color:#485060;z-index:99999!important;}
.ui-datepicker .ui-datepicker-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:transparent;border:0;padding:6px 0 12px;margin-bottom:6px;border-bottom:1px solid #dfe7f1;position:relative;}
.ui-datepicker .ui-datepicker-title{grid-column:2;display:flex;justify-content:center;align-items:center;gap:6px;font-weight:700;font-size:16px;color:#485060;line-height:1; margin-top: -40px;}
.ui-datepicker .ui-datepicker-month{display:inline;float:none;}
.ui-datepicker .ui-datepicker-year{display:inline;float:none;}
.ui-datepicker .ui-datepicker-prev{grid-column:1;position:static;width:34px;height:34px;border:1px solid #dfe7f1;border-radius:2px;background:#fff;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease;}
.ui-datepicker .ui-datepicker-next{grid-column:3;position:static;width:34px;height:34px;border:1px solid #dfe7f1;border-radius:2px;background:#fff;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease; margin-left: 5px;}
.ui-datepicker .ui-datepicker-prev span{display:none;}
.ui-datepicker .ui-datepicker-next span{display:none;}
.ui-datepicker .ui-datepicker-prev:before{content:"‹";display:block;line-height:34px;text-align:center;font-size:22px;color:#485060;}
.ui-datepicker .ui-datepicker-next:before{content:"›";display:block;line-height:34px;text-align:center;font-size:22px;color:#485060;}
.ui-datepicker .ui-datepicker-prev:hover{border-color:#cd2e26;box-shadow:0 0 0 3px rgba(205,46,38,.10);}
.ui-datepicker .ui-datepicker-next:hover{border-color:#cd2e26;box-shadow:0 0 0 3px rgba(205,46,38,.10);}
.ui-datepicker .ui-datepicker-prev:hover:before{color:#cd2e26;}
.ui-datepicker .ui-datepicker-next:hover:before{color:#cd2e26;}
.ui-datepicker table{width:100%;border-collapse:collapse;margin-top:12px;}
.ui-datepicker th{padding:6px 0;font-weight:700;color:#6b7280;}
.ui-datepicker td{padding:2px;}
.ui-datepicker td a{display:block;text-align:center;padding:9px 0;border-radius:2px;border:1px solid transparent;color:#485060;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease;}
.ui-datepicker td a:hover{background:#f3f6fb;border-color:#dfe7f1;color:#485060;}
.ui-datepicker .ui-state-disabled span{display:block;text-align:center;padding:9px 0;opacity:.35;cursor:not-allowed;}
.ui-datepicker .ui-datepicker-today a{border-color:#cd2e26;color:#cd2e26;background:#fff;}
.ui-datepicker .ui-datepicker-today a:hover{background:#fff;border-color:#cd2e26;}
.ui-datepicker .ui-state-active{background:#cd2e26;border-color:#cd2e26;color:#fff;}
.ui-datepicker .ui-state-active:hover{background:#cd2e26;border-color:#cd2e26;color:#fff;}
input.hasDatepicker{border:1px solid #dfe7f1;border-radius:2px;color:#485060;}
input.hasDatepicker:focus{outline:0;border-color:#cd2e26;box-shadow:0 0 0 3px rgba(205,46,38,.12);}






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

@media only screen and (min-width: 479px) {
	.new-tabs { display: flex; justify-content: center; }
	.new-tabs ul { display: flex; gap: 15px; }

	.reviews-title-content { display: flex; align-items: center; margin-top: 0; }
	.service-content .button { width: unset; margin-bottom: 0; }
	.service-content .button.outline { margin-right: 10px; margin-bottom:20px;}

	.banner-image iframe{ width: var(--w-full); height: var(--h-full);min-width: 960px; pointer-events: none;}
	.banner-image video{ width: var(--w-full); height: var(--h-full);min-width: 960px; pointer-events: none;}
	.banner-image:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); content: ''; background: linear-gradient(to right, rgba(255,255,255,1) 40%, rgba(255,255,255,0.5) 100%); }
}

@media only screen and (min-width: 767px) {
	.button-wrap a { width: unset; }
	.banner-content { min-height: 620px; max-width: 580px; }
	.banner-content h1 { font-size: var(--font-size-h1); }
	.banner .button { margin-right: 15px; display: inline-block; margin-bottom: 0; }
	.banner .link { display: inline-block; text-align: center; }

	.features { padding-top: 87px; padding-bottom: 72px; }
	.features-holder { grid-template-columns: auto auto auto; }
	.features-item { margin-bottom: 0; padding-left: 20px; padding-right: 20px; }
	.features-item:not(:last-child) { border-right: 1px solid var(--color-grey); }

	.new { padding-top: 60px; padding-bottom: 60px; }
	.new-tabs ul li { padding: 10px 40px; }

	.new-wrap { grid-template-columns: auto auto; }
	.card-new-content { padding: 24px 30px 30px 30px; }

	.reviews-item { padding: 30px; }
	.reviews-wrap { grid-template-columns: auto auto; }
	.reviews-item i { font-size: 38px; }

	.about .white-outline { margin-right: 15px; margin-bottom: 0; }
	.about .button { width: unset; }


	.choose .button { width: unset; margin-bottom: 0; }

	.help { text-align: center; }
	.help-holder { padding-top: 76px; padding-bottom: 76px; }
	.help-text ul { display: flex; justify-content: center; }
	.help-text ul > li { margin-right: 16px; margin-bottom: 0; }
	.help-text ul > li:last-child { margin-right: 0; }
	.help-text .button { width: auto; min-width: 260px; }

	.intro-text .button.outline { margin-right: 15px; margin-bottom: 0; }
	.intro-text .button { width: unset; }

	.filter-wrap { grid-template-columns: auto auto auto; column-gap: 15px; }
	.filter-item { margin-bottom: 40px; }
	.close-filters { display: none; }

	.team-bg { margin:  80px 0 75px; }
	.team-bg-image { height: unset; }
	.team-holder { grid-template-columns: auto auto auto; column-gap: 16px; }

	.travel-holder { gap: 35px 15px; }
	.card-travel-content { padding: 28px 29px; }

	.info .button.outline { margin-right: 12px; margin-bottom: 0; }
	.info .button { width: unset; }


	.image-block-item.w-50 { width: 50%; }
	.image-block-item.w-33 { width: 50%; }

	.card-sale-radio label.w-full { width: var(--w-full); min-width: 160px; }

	.specification-right h3 { padding: 11px 38px; }
	.specification-right li { padding: 8px 38px; }

	.for-slide-tag { width: unset; top: 24px; right: 21px; }

	.nav-slide { height: 100%; }
	.card-sale-price .price { font-size: 28px; }

	.contact { margin-bottom: 70px; }
	.contact-left { grid-template-columns: 1fr 1.05fr; column-gap: 34px; }

	.card-form { padding: 25px 0 25px 15px; }
	.card-form-group { display: flex; width: 100%; margin: 0 -8px; }
	.card-form-field.w-50 { width: 50%; padding: 0 8px;  }
	.card-form-field.w-100 { padding: 0 8px; width: 100%; }
	.card-form-tnc { display: flex; justify-content: space-between; align-items: center; }
	.card-form-tnc button { max-width: 200px; margin-top: 0; }

	.privacy-btn-holder { flex-direction: row; }

	.appointment { margin-bottom: 70px; }

	.video-bg { margin-bottom: 100px; }
	.video-bg iframe { height: 819px; }
	
	.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%;}
	.travel-item{ width: calc(50% - 10px); }
	
	.new-item{ width: 49.2%; }
	#filter_resultaten .new-item{ width: 49.2%; }
	
	.banner-image iframe{ width: var(--w-full); height: var(--h-full);min-width: 1100px; pointer-events: none;}
	.banner-image video{ width: var(--w-full); height: var(--h-full);min-width: 1100px; pointer-events: none;}
	.banner-image:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); content: ''; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 100%); }
}

@media only screen and (min-width: 991px) {
	.wrapper { padding-top: 98px; }
	.header-top { display: block; }
	.features-item { padding-left: 80px; }
	.features-item-image { position: absolute; top: -7px; left: 20px; margin-bottom: 0; }

	.service-holder { display: flex; justify-content: space-between; align-items: center; margin: 0; }
	.service-content { width: 50%; margin: 0 auto; padding: 0 8px; max-width: 488px; }
	.service-image { width: 50%; padding: 0 8px; margin-bottom: 0; }
	.service-holder.is-alt .service-image { margin-top: 0px; margin-bottom: 0px; }
	.service-holder.is-alt .service-content { margin-top: 0px; }

	.about { padding-top: 15px; }

	.info { padding-top: 80px; padding-bottom: 80px; }
	.info.is-alt .info-holder { flex-direction: row-reverse; }
	.info-holder { display: flex; flex-wrap: wrap; align-items: center; }
	.info-image { width: 50%; margin-bottom: 0; }
	.info-content { width: 50%; max-width: 510px; margin: 0 auto; padding: 0 20px; }

	.transportation-holder { padding: 80px 0; }
	.transportation-content { min-height: 510px; }

	.sale-left { margin-bottom: 16px; display: flex; flex-wrap: wrap; }
	.sale-for-slider { order: 2; width: 85.5%; }
	.sale-nav-slider { margin-bottom: 0; padding-top: 0; padding-right: 16px; order: 1; width: 14.5%; }
	.sale-nav-item { margin-bottom: 9px; padding: 0; height: unset; }

	.sale-nav-slider { height: 575px; }
	.sale-nav-slider .swiper-wrapper { flex-direction: column; }
	.sale-nav-slider .swiper-slide { width: var(--w-full) !important; }
	.sale-nav-slider .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; }
	.travel-item{ width: calc(33.33% - 10px); }
	.travel-holder.vier_op_een_rij .travel-item{ width: calc(33.33% - 12px); }
	
	.new-item{ width: 24.2%; }
	#filter_resultaten .new-item{ width: 31.2%; }
}

@media only screen and (min-width: 1025px) {
	.centered { padding-left: 30px; padding-right: 30px; }
	.banner-content { min-height: 719px; }
	.banner-info { margin-bottom: 50px; }

	.reviews-wrap { grid-template-columns: auto auto auto; }

	.features-item-image { left: 20px; }

	.about-holder { display: flex; }
	.about-image { width: 50%; }
	.about-content { width: 50%; }
	.about-info { max-width: 516px; margin: 0 auto; padding: 20px; }

	.choose { padding-top: 40px; padding-bottom: 40px; }

	.usp-wrap { padding-top: 25px; padding-bottom: 25px; }
	.usp.is-alt .usp-wrap { padding-top: 20px; padding-bottom: 20px; }

	.image-block-item.w-33 { width: 33.33%; }
	.image-block-caption { font-size: 14px; margin: 7px 0 25px; }

	.specification-holder { display: flex; }
	.specification-left { width: 55%; padding-right: 40px; margin-bottom: 0; }
	.specification-right { width: 45%; }

	.card-form { padding: 40px 24px 40px 40px; }

	.privacy-holder { padding: 60px 90px; }
	.appointment-wrapper { padding: 60px 90px; }
	.appointment-holder { display: flex; margin: 55px 0 0; }
	.appointment-left { width: 61%; }
	.appointment-right { width: 39%; padding: 80px 45px;  }
	.appointment-right h2 { max-width: 230px; margin: 0 auto 17px; }
	.appointment .timings { margin: auto; }


	.footer-information { padding-top: 75px; padding-bottom: 79px; }
	.footer-information .footer-title { margin-bottom: 10px; }
	.footer-item { margin-bottom: 0; width: 27.5%; border: 0; border-radius: 0; }
	.footer-item.w-50 { padding-left: 4px; width: 33%; }
	.footer-item.w-30 { padding-left: 50px; width: 27%; }
	.footer-title { margin-bottom: 17px; padding: 0; }
	.footer-title:after { display: none; }
	.footer-form { padding: 0 206px 0 0; position: relative; }
	.footer-info { padding: 0 0 0 31px; }
	.footer-input { margin-bottom: 0; }
	.footer-submit { position: absolute; top: 0; right: 0; }
	.footer-submit .button { width: auto; min-width: 196px; }
	.hidden-menu { padding: 0; display: flex !important; height: auto !important; }
	.footer-holder { margin: 0 -10px; padding-top: 75px; padding-bottom: 71px; display: flex; justify-content: space-between; flex-wrap: wrap; }
	.footer-column { margin-bottom: 0; padding: 0 10px; width: 25%; }
	.footer-gap { border: 0; border-radius: 0; }
	.footer-gap:last-child { margin-bottom: 0; }
	.footer .check { padding: 0; }
	.footer-social-media { padding: 0; }
	.footer-column ul { padding: 0; width: 35%; }
	.footer-column.secondary ul { width: 80%; }
	.copyright { display: flex; align-items: center; justify-content: space-between; }
	.copyright-item { margin-bottom: 0; display: flex; align-items: center; justify-content: center; }
	.copyright-nav { margin-bottom: 0; }
	.copyright-logo { padding-left: 21px; }
	.travel-holder.vier_op_een_rij .travel-item{ width: calc(25% - 12px); }
	.banner-image iframe{ width: var(--w-full); height: var(--h-full);min-width: 1280px; pointer-events: none;}
	.banner-image video{ width: var(--w-full); height: var(--h-full);min-width: 1280px; pointer-events: none;}
	.banner-image:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); content: ''; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
}

@media only screen and (min-width: 1199px) {
	.wrapper { padding-top: 124px; }
	.header { padding-top: 0; padding-bottom: 0; }
	.header-main { position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 0; }
	body.active .header { transform: translateY(-96px); }
	.header-menu { display: flex; justify-content: space-between; align-items: center; }
	.mobile-menu { display: none; }
	.header-menu ul > li { margin-right: 22px; font-size: 16px; }
	.header-menu .button { font-size: var(--font-size-base); }
	.header-logo { position: absolute; top: 48%; left: 0; transform: translateY(-50%); }
	.header-logo a { max-width: 246px; }

	.features-item { padding-left: 100px; padding-right: 50px; }
	.features-item-image { left: 40px; }



	.reviews-title { display: flex; justify-content: space-between; }
	.reviews-title-content { display: flex; align-items: center; margin-top: -27px; }

	.service-holder.is-alt .service-image { margin-top: 0px; }
	.service-holder.is-alt .service-content { margin-top: 0px; }

	.choose { display: flex; justify-content: space-between; align-items: center; }
	.choose-left { width: 48%; margin-bottom: 0; }
	.choose-right { width: 49%; display: grid; grid-template-columns: auto auto; gap: 15px; }

	.usp .swiper-slide { opacity: 1 !important; width: 33.33%; font-size: 16px; }

	.alpina-holder { justify-content: space-between; }

	.filter-holder { display: grid; grid-template-columns: 24.2% 75%; justify-content: space-between; }
	.filter-left { order: unset; }
	.filter-left-wrap { position: unset; height: auto; transform: unset; overflow: unset; border: 1px solid var(--color-grey-100); }
	.filter-contact { padding: 26px 30px; }
	.filter-right { margin-bottom: 0; }
	.filter-bottom-btn { display: none; }
	.filter-left-wrap .close-btn { display: none; }
	.filter-range { margin-bottom: 25px; max-width: 250px; }

	.card-sale { padding: 26px 30px; 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%; }

	.specification-left { width: 59%; padding-right: 70px; }
	.specification-right { width: 41%; }

	.contact-holder { display: flex; margin: 0 -8px; align-items: center; }
	.contact-left { padding: 0 8px; width: 50%; margin-bottom: 0; }
	.contact-right { padding: 0 8px; width: 50%; }

	.privacy-holder { padding: 83px 125px; }
	.appointment-wrapper { padding: 83px 125px; }

	.banner-image iframe{ width: var(--w-full); height: var(--h-full);min-width: 1280px; pointer-events: none;}
	.banner-image video{ width: var(--w-full); height: var(--h-full);min-width: 1280px; pointer-events: none;}
}

@media only screen and (min-width: 1500px) {
	.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }

	body.active .header { transform: translateY(-99px); }

	.help-image { position: absolute; bottom: 0px; left: -23px; display: block; }
	.help-image.right { position: absolute; bottom: 0px; right: -22px; left: unset; }

	.usp.is-alt .swiper-slide { opacity: 1 !important; width: 25%; }
}