html, body {line-height: 24px; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; overflow-x: hidden;}

body {background-color: rgba(101,104,104,0.05);}
body.is--locked {overflow: hidden;}

#wrapper.is--locked {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: absolute;}

h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 24px 0 0 0;}
h1, h2, h3, h4, h5, h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {font-family: 'Baloo 2', cursive; font-weight: 700; font-display: block;}
h1, .heading-1 {line-height: 36px; font-size: 40px; color: #CE1537;}
h2, .heading-2 {line-height: 44px; font-size: 34px; color: #65696B;}
h1 + h2, .heading-1 + .heading-2 {line-height: 36px; padding: 0; font-size: 34px; color: #65696B;}
h3, .heading-3 {line-height: 32px; font-size: 24px; color: #CE1537;}
h4, .heading-4 {line-height: 26px; font-size: 20px; font-weight: 700; color: #65696B;}
h2 + h3, .heading-2 + .heading-3 {padding: 0; color: #CE1537;}
h3 + h4, .heading-3 + .heading-4 {padding: 0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a, a:hover {color: #282828;}

hr {margin: 24px 0 0 0; padding: 0; border: 0; border-top: 1px solid #282828;}

ul, ol {padding: 24px 0 0 0;}
ul li, ol li {margin: 0 0 0 16px; padding: 0;}

::-moz-selection {color: #FFFFFF; background: #CE1537;}
::selection {color: #FFFFFF; background: #CE1537;}
.clearfix::after {content: ""; clear: both; display: table;}

input, select, textarea {background-color: #FFFFFF; color: #000000;}

img.img-fluid {width: 100%; height: auto; display: block;}

img.lazy, 
img.lazy[data-ll-status="loading"] {opacity: 0; transition: opacity linear 125ms;}
img.lazy[data-ll-status="loaded"] {opacity: 1;}

.padding.top {padding-top: 24px;}
.padding.right {padding-right: 0px;}
.padding.bottom {padding-bottom: 48px;}
.padding.left {padding-left: 0px;}

.debug-indicator { background: #ff962a; position: fixed; bottom: 0; right: 0; z-index: 2000000000; }
.debug-indicator > label { display: block; text-align: center; font-weight: bold; padding: 5px 20px 0px 20px; font-size: 12px; color: black; }
.debug-indicator:hover { opacity: 0; }

button[disabled='disabled'] {cursor: default !important; background-color: #ECDE77 !important; border: 1px solid #ECDE77 !important; color: #282828 !important; opacity: 0.5;}
button:not([type=button]), input[type=submit] {line-height: 24px; font-family: 'Montserrat', sans-serif; outline: none; cursor: pointer;}
button:not([type=button]), input[type=submit], .button a, .button > span {padding: 8px 20px; background-color: #ECDE77; border: 1px solid #ECDE77; border-radius: 5px 5px 20px 5px; font-size: 14px; font-weight: 700; color: #282828; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; position: relative; z-index: 1;}
button.large:not([type=button]), .button.large a, .button.large > span {padding: 16px 40px; border-radius: 5px 5px 20px 5px;}
button:not([type=button]):hover, input[type=submit]:hover, .button a:hover, .button > span:hover {background-color: #CE1537; color: #FFFFFF; border-color: #CE1537;}
.button.red a, .button.red > span {background-color: #CE1537; color: #FFFFFF; border-color: #CE1537;}
.button.red a:hover, .button.red > span:hover {background-color: #ECDE77; color: #282828; border-color: #ECDE77;}
.button a, .button a:hover, .button > span, .button > span:hover {text-decoration: none;}
.button.center {margin: 0 auto; display: table;}

header {}
header #header_top {background-color: #CE1537; position: relative; z-index: 9999;}
header #header_top.offset {margin-bottom: 126px;}
header #header_top {/*align-items: center; display: flex; justify-content: center;*/}
header #header_top .padding.top {padding-top: 6px;}
header #header_top .padding.bottom {padding-bottom: 5px;}
header #header_top * {font-size: 12px; color: #FFFFFF;}
header #header_top ul.qasa {/*width: 320px;*/ margin: 0; padding: 0; float: left;}
header #header_top ul.qasa li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
header #header_top ul.qasa li.star {margin: 0 2px 0 0;}
header #header_top ul.qasa li.logo {margin: 5px 20px 5px 18px;}
header #header_top ul.qasa li.logo img {width: 50px; height: 12px; display: block;}
header #header_top .score.desktop {display: inline-block;}
header #header_top .score.mobile {display: none;}
header #header_top .marquee-wrapper {height: 24px; float: right;}
header #header_top .marquee-wrapper p {display: inline-block; margin-right: 20px; padding: 0; line-height: 24px; vertical-align: top;}
header #header_top .marquee-wrapper .marquee {width: 100%; max-width: 500px; overflow: hidden; display: inline-block;}
header #header_top .marquee-wrapper .marquee a {margin: 0 10px;}

header #header_bottom .search-icon {width: 15px; height: 15px; display: inline-block; float: right; cursor: pointer; position: relative; top: 7px;}
header #header_bottom .search-icon:before {content: '\f002'; width: 15px; height: 15px; color: #CE1537; font-size: 20px; font-family: "Font Awesome 5 Pro"; font-weight: 900;}
header #header_bottom .search-icon:hover:before {opacity: .9;}
header #header_bottom .search-icon.opened:before {content: '\f00d';}

header #header_bottom:after {top: 0; right: 0; bottom: 0; left: 0; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); display: block; content: ""; position: absolute; z-index: 7; pointer-events: none;}
header #header_bottom {background-color: #FFFFFF; position: relative; z-index: 9998;}
header #header_bottom .wrapper {background-color: #FFFFFF;}
header #header_bottom.fixed {top: 0; right: 0; left: 0; position: fixed;}
header #header_bottom .placeholder {margin: 24px 0 0 0; position: relative;}
header #header_bottom .placeholder .logo {display: table; position: relative; background-color: #FFFFFF;}
header #header_bottom .placeholder .logo:after {bottom: -14px; left: 141px; background-color: #FFFFFF; width: 100px; height: 100px; border-radius: 50px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); display: block; content: ""; position: absolute; z-index: 8;}
header #header_bottom .placeholder .logo a {padding-bottom: 14px; padding-top: 32px; background-color: #FFFFFF; display: block; position: relative; z-index: 9;}
header #header_bottom .placeholder .logo a img {height: 56px; display: block; position: relative; z-index: 2;}
header #header_bottom .placeholder .mobile-search,
header #header_bottom .placeholder .mobile-stores,
header #header_bottom .placeholder .mobile-burger {display: none;}
header #header_bottom .placeholder nav#secondary {right: 0; top: 0; position: absolute;}
header #header_bottom .placeholder nav#primary > ul > li:last-of-type a span {padding: 8px 20px; background-color: #ECDE77; border: 0; border-radius: 5px 5px 20px 5px; font-size: 14px; font-weight: 700; color: #282828; transition: color linear 125ms, background-color linear 125ms; display: block;}
header #header_bottom .placeholder nav#primary > ul > li:last-of-type:hover a span {background-color: #CE1537; color: #FFFFFF;}
header #header_bottom .placeholder nav#primary {right: 0; bottom: 0; position: absolute;}
header #header_bottom .placeholder nav#primary ul li a span {font-weight: 700;}
header #header_bottom .placeholder nav ul {margin: 0; padding: 0;}
header #header_bottom .placeholder nav ul li {margin: 0 0 0 22px; padding: 0; list-style: none; display: inline-block; float: left;}
header #header_bottom .placeholder nav ul li a, 
header #header_bottom .placeholder nav ul li a:hover {text-decoration: none; display: block;}
header #header_bottom .placeholder nav ul li a span {padding: 8px 0 22px 0; color: #282828; transition: color linear 125ms; display: inline-block;}
header #header_bottom .placeholder nav ul li:hover a span, 
header #header_bottom .placeholder nav ul li.has--children a span:after {vertical-align: top;}
header #header_bottom .placeholder nav ul li:hover a span {color: #CE1537;}
header #header_bottom .placeholder nav > ul > li.has--children > a span:after {margin: 8px 0 0 15px; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #CE1537 transparent transparent transparent;}
header #header_bottom .placeholder nav ul li .dropdown {display: none;}
header #header_bottom .placeholder nav ul li.has--children {position: relative;}
header #header_bottom .placeholder nav ul li.has--children .dropdown {display: none; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, 100%); width: 250px; padding: 10px 5px; height: auto; background-color: #FFFFFF; z-index: 10; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); border-radius: 5px 5px 50px 5px;}
header #header_bottom .placeholder nav ul li.has--children:hover .dropdown {display: block;}
header #header_bottom .placeholder nav ul li.has--children .dropdown ul {}
header #header_bottom .placeholder nav ul li.has--children .dropdown ul li {float: unset; display: block;}
header #header_bottom .placeholder nav ul li.has--children .dropdown ul li a span {color: #282828; padding: 8px 0;}
header #header_bottom .placeholder nav ul li.has--children .dropdown ul li a:hover span {color: #CE1537;}

header .mega-dropdown {top: 100%; right: 0; left: 0; background-color: #FFFFFF; padding: 24px 40px 48px 40px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); visibility: hidden; opacity: 0; position: absolute; transform: translateY(-2em); z-index: 7; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
header .mega-dropdown.opened {visibility: visible; opacity: 1; z-index: 7; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;}
header .mega-dropdown p.heading-4 {padding-bottom: 12px; color: #282828;}
header .mega-dropdown ul {margin: 0; padding: 0;}
header .mega-dropdown ul li {margin: 0; padding: 0 0 10px 0; list-style: none;}
header .mega-dropdown ul li a span.is-cursive {font-style: italic;}
header .mega-dropdown ul li a span.is-bold {line-height: 24px; padding-top: 12px; font-family: 'Baloo 2', cursive; font-size: 16px; font-weight: bold;}
header .search-dropdown {padding: 48px 20px; text-align: center;}
header .search-dropdown form {display: inline-block; width: 100%; max-width: 500px;}
header .search-dropdown .search-clear {cursor: pointer; position: relative; z-index: 2; left: -45px; color: #C6C6C6; font-size: 18px; font-weight: 100; display: inline;}
header .search-dropdown input {width: calc(100vw - 115px); max-width: 250px; line-height: 38px; margin: 0; padding: 0; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: inline-block; outline: none;}

.research .search-dropdown .search-clear {cursor: pointer; position: relative; z-index: 2; left: -45px; color: #C6C6C6; font-size: 18px; font-weight: 100; display: inline;}
.research .search-dropdown input {width: calc(100vw - 115px); max-width: 250px; line-height: 38px; margin: 0; padding: 0; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: inline-block; outline: none;}
.research .container {padding: 0;}

.search-dropdown .dropdown-list {width: calc(100vw - 115px); max-width: 250px; max-height: 200px; background-color: white; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); overflow-y: auto; margin: 0; padding: 0; list-style-type: none; z-index: 2; border-radius: 5px 5px 20px 5px;}
.search-dropdown .dropdown-item {padding: 10px; cursor: pointer; border-bottom: 1px solid #C6C6C6; margin: 0; text-align: initial;}
.search-dropdown .dropdown-item a {color: #0099E3;}
.search-dropdown .dropdown-item:hover {background-color: #EEEEEE;}

#header_bottom .search-dropdown .search.group {display: flex; justify-content: center;}
#header_bottom .search-dropdown .search.group input {max-width: min(380px, 50vw);}
#header_bottom .search-dropdown .search.group .dropdown-list {max-width: min(380px, 50vw);}
#header_bottom .search-dropdown .search.group form {display: flex; align-items: center; justify-content: center;}
.search-results .search.group form {display: flex; align-items: center;}

.bottom-bar {right: 0; bottom: 0; left: 0; background-color: #FFFFFF; border-top: 1px solid #C6C6C6; position: fixed; z-index: 9999;}
.bottom-bar ul {margin: 0; padding: 0; display: flex;}
.bottom-bar ul li.menu, 
.bottom-bar ul li.menu span, 
.bottom-bar ul li.qasa, 
.bottom-bar ul li.qasa a, 
.bottom-bar ul li.kitchens, 
.bottom-bar ul li.kitchens a {width: 84px; height: 78px; margin: 0; padding: 0; border-right: 1px solid #C6C6C6; list-style: none; position: relative; transition: all linear 250ms;}
.bottom-bar ul li.appointment {margin: 0; padding: 0; list-style: none;}
.bottom-bar ul li.is-active {background-color: #F7F7F7;}
.bottom-bar ul li.menu.is-active img {display: none;}
.bottom-bar ul li.menu.is-active span:before {content: '\f00d'; width: 64px; height: 64px; margin: 0 auto; line-height: 64px; color: #CE1537; font-size: 25px; font-family: "Font Awesome 5 Pro"; font-weight: 900; text-align: center; display: block;}
.bottom-bar ul li a, .bottom-bar ul li span {display: block; position: relative;}
.bottom-bar ul li a img, .bottom-bar ul li span img {width: 64px; height: 64px; margin: 0 auto; display: block;}
.bottom-bar ul li a:after, .bottom-bar ul li span:after {right: 0; bottom: 8px; left: 0; line-height: 16px; font-size: 12px; font-weight: bold; text-align: center; color: #CE1537; position: absolute;}
.bottom-bar ul li a:after, .bottom-bar ul li span:after {content:attr(data-title);}
.bottom-bar ul li.appointment {width: 100%; background-color: #ECDE77; margin-left: auto;}
.bottom-bar ul li.appointment a, .bottom-bar ul li.appointment a:hover {text-decoration: none;}
.bottom-bar ul li.appointment a, .bottom-bar ul li.appointment a span {display: block;}
.bottom-bar ul li.appointment a span {height: 78px; padding: 15px 20px; font-weight: bold; text-align: center; color: #282828; transition: all linear 250ms;}
.bottom-bar ul li.appointment a:hover span {background-color: #CE1537; color: #FFFFFF;}

main {padding: 0 /*0 72px 0*/; background-color: #FFFFFF;}

main section {margin: /*72px 0 0*/ 0;}
main section:first-of-type {margin: 0;}
main section#header-video, 
main section#header-image {max-height: 720px; min-height: 500px; margin: 0; background-color: rgba(101,104,104,0.05); position: relative; overflow: hidden; border-radius: 0 0 200px 50px;}
main section#header-video .wrapper, 
main section#header-image .wrapper {top: 0; right: 0; bottom: 96px; left: 0; position: absolute; z-index: 2;}
main section#header-video .wrapper .container, 
main section#header-image .wrapper .container, 
main section#header-video .wrapper .container .row, 
main section#header-image .wrapper .container .row {height: 100%;}
main section#header-video .wrapper .placeholder p.heading-1, 
main section#header-image .wrapper .placeholder p.heading-1 {line-height: 80px; font-size: 70px; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); color: #FFFFFF; padding-top: 96px;}
main section#header-video .responsive-video {padding-top: 56.25%; position: relative;}
main section#header-video .responsive-video iframe {top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 1;} 
main section.header-image-video .image-placeholder {height: 100%; width: 100%; position: relative; min-height: 500px;}
main section.header-image-video .image-placeholder .image-wrapper {position: relative; top: 0; right: 0; bottom: 0; left: 0;}
main section.header-image-video .image-placeholder .image-wrapper img,
main section.header-image-video .image-placeholder .image-wrapper > div {width: 100%; height: 100%; object-fit: cover;}
main section.header-image-video .image-placeholder .image-wrapper figure {position: relative; top: 0; right: 0; bottom: 0; left: 0; margin: 0;}
main section.header-image-video .image-placeholder .image-wrapper .slick-list {height: 100%;}
main section.header-image-video .image-placeholder .image-wrapper .slick-list .slick-track {height: 100%;}
main section.header-image-video .image-placeholder .image-wrapper .slick-list .slick-track .slick-slide {height: 100%;}
main section.header-image-video .image-placeholder .image-wrapper .slick-list .slick-track .slick-slide img {width: 100%; height: 100%; object-fit: cover;}
main section.header-image-video .circle svg {transition: all ease .2s;}
main section.header-image-video .circle:hover svg {transform: rotate(-10deg);}
/*
    Header Image/Video Revision 
*************************************************/
main section.header-image-video .wrapper .container-fluid,
main section.header-image-video .wrapper .container-fluid .row {height: 100%;}
main section.header-image-video#header-video, 
main section.header-image-video#header-image {max-height: 534px; min-height: 534px;}
main section.header-image-video#header-video .wrapper, 
main section.header-image-video#header-image .wrapper {bottom: 0;}
main section.header-image-video .content {margin-left: -40px; padding: 16px 40px 40px 40px; background-color: #FFFFFF; background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); border-radius: 20px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 );}
main section.header-image-video .image-placeholder {width: 80%; float: right; position: relative;}
main section.header-image-video .image-placeholder,
main section.header-image-video .image-placeholder .image-wrapper,
main section.header-image-video .image-placeholder .image-wrapper figure,
main section.header-image-video .image-placeholder .image-wrapper figure picture {height: 534px; display: block;}
main section.header-image-video .image-placeholder img {width: 100%; height: 100%; object-fit: cover;}
main section.header-image-video .image-placeholder:before {top: 0; bottom: 0; left: 0; width: 60%; background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); background: linear-gradient(to right, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 ); position: absolute; content: ""; z-index: 1;}

main section.header-image-video + section.is-intro {margin-top: -86px;}
main section.header-image-video + section.is-intro .image {height: 100%; position: relative;}
main section.header-image-video + section.is-intro .image img {bottom: 0; position: absolute;}
main section.header-image-video + section.is-intro h1, 
main section.header-image-video + section.is-intro .heading-1 {color: #CE1537;}
main section.header-image-video + section.is-intro .padding.top {padding-top: 0;}
main section.header-image-video + section.is-intro .padding.right {padding-right: 0;}
main section.header-image-video + section.is-intro .padding.left {padding-left: 0;}
main section.header-image-video + section.is-intro .placeholder {position: relative; z-index: 2;}
main section.header-image-video + section.is-intro .placeholder > .padding > .row > div:first-of-type {position: relative;}
main section.header-image-video + section.is-intro .placeholder > .padding > .row > div:first-of-type:after {top: -24px; right: 0; left: -40px; height: 128px; border-top-left-radius: 20px; border-top-right-radius: 20px; content: ""; display: block; position: absolute; z-index: -1;}
main section.header-image-video + section.is-intro .placeholder > .padding > .row > div:first-of-type:after {background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0px, rgba(255,255,255,1) 110px); background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0px,rgba(255,255,255,1) 110px); background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0px,rgba(255,255,255,1) 110px); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ffffff',GradientType=0 );}
main section.header-image-video + section.is-intro .placeholder > .padding > .row > div:first-of-type .padding.right {padding-right: 40px;}
main section.header-image-video + section.is-intro .placeholder > .padding > .row > div:nth-child(2) {margin-top: 110px;}
main section.header-image-video + section.is-intro .placeholder .padding {position: relative; z-index: 2;}
main section.header-image-video + section.is-intro .intro-row h1 {font-size: 60px; line-height: 54px;}
main section.header-image-video + section.is-intro .intro-row h2 {font-size: 50px; line-height: 45px;}

main section.home-header {}
main section.home-header .home-header-wrapper {border-radius: 0 0 40px 60px; overflow: hidden;}
main section.home-header .home-header-wrapper .row > * {position: relative;}
main section.home-header .home-header-wrapper .image-wrapper {position: relative; overflow: hidden;}
main section.home-header .home-header-wrapper .image-wrapper.second-image,
main section.home-header .home-header-wrapper .image-wrapper.third-image {position: absolute; width: calc(100% - 24px); height: calc(50% - 12px);}
main section.home-header .home-header-wrapper .image-wrapper.third-image {bottom: 0;}
main section.home-header .home-header-wrapper .image-wrapper.second-image {margin-bottom: 24px;}
main section.home-header .home-header-wrapper .image-wrapper.second-image:before {position: absolute; top: 50%; left: 36px; transform: translate(-50%, -50%); width: 120%; padding-top: 120%; content: ''; background-color: #CE1537; border-radius: 50%; z-index: 3;}
main section.home-header .home-header-wrapper .image-wrapper a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 6;}
main section.home-header .home-header-wrapper .image-wrapper .image {padding-top: 75%; position: relative; overflow: hidden; margin: 0; z-index: 2;}
main section.home-header .home-header-wrapper .image-wrapper .image img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all linear 125ms;}
main section.home-header .home-header-wrapper .image-wrapper.has-link:hover .image img {transform: scale(1.05);}
/*
main section.home-header .home-header-wrapper .image-wrapper.has-link:hover .overlay .button {background-color: #ECDE77; color: #282828; border-color: #ECDE77;}
main section.home-header .home-header-wrapper .image-wrapper.second-image.has-link:hover .overlay .button {background-color: #FFFFFF; border-color: #282828;}
*/
main section.home-header .home-header-wrapper .image-wrapper.second-image .image,
main section.home-header .home-header-wrapper .image-wrapper.third-image .image {padding-top: unset; width: 100%; height: 100%;}
main section.home-header .home-header-wrapper .image-wrapper .overlay {position: absolute; left: 36px; bottom: 36px; right: 36px; z-index: 4;}
main section.home-header .home-header-wrapper .image-wrapper .overlay[data-video="True"] {bottom: 56px !important;}
main section.home-header .home-header-wrapper .image-wrapper.second-image .overlay {bottom: unset; top: 50%; transform: translateY(-50%); max-width: 59%;}
main section.home-header .home-header-wrapper .image-wrapper .overlay p {margin: 0; padding: 0; font-weight: 400;}
main section.home-header .home-header-wrapper .image-wrapper .overlay .title {font-family: 'Baloo 2', cursive; font-size: 32px; line-height: 34px; color: #FFFFFF;}
main section.home-header .home-header-wrapper .image-wrapper .overlay .sub-title {font-size: 24px; line-height: 26px; color: #FFFFFF;}
main section.home-header .home-header-wrapper .image-wrapper .overlay .button {padding: 8px 20px; background-color: #CE1537; color: #FFFFFF; border-radius: 5px 5px 20px 5px; font-size: 14px; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer; margin-top: 12px;}

/* Begin: New */

main section.home-header .home-header-wrapper .image-wrapper .overlay .button.red {font-weight: bold; padding: 8px 20px; background-color: #CE1537; color: #FFFFFF; border-radius: 5px 5px 20px 5px; font-size: 14px; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer;}
main section.home-header .home-header-wrapper .image-wrapper .overlay .button.yellow {font-weight: bold; padding: 8px 20px; background-color: #ECDE77; color: #000000; border-radius: 5px 5px 20px 5px; font-size: 14px; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer;}
main section.home-header .home-header-wrapper .image-wrapper .overlay .button.white {font-weight: bold; padding: 8px 20px; background-color: #FFFFFF; color: #000000; border-radius: 5px 5px 20px 5px; font-size: 14px; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer;}

main section.home-header .home-header-wrapper .image-wrapper:hover .overlay .button.red {background-color: #ECDE77; color: #000000; border-color: #0099E3;}
main section.home-header .home-header-wrapper .image-wrapper:hover .overlay .button.yellow {background-color: #CE1537; color: #FFFFFF; border-color: #FF7D00;}
main section.home-header .home-header-wrapper .image-wrapper:hover .overlay .button.white {background-color: #ECDE77; color: #000000; border-color: #FF7D00;}

/* End: New */

/*
main section.home-header .home-header-wrapper .image-wrapper.first-image .overlay .button {background-color: #ECDE77; border-color: #ECDE77; color: #000000;}
main section.home-header .home-header-wrapper .image-wrapper.first-image:hover .overlay .button {background-color: #CE1537; border-color: #CE1537; color: #FFFFFF;}
main section.home-header .home-header-wrapper .image-wrapper.second-image .overlay .button {background-color: #ECDE77; border-color: #ECDE77; color: #000000;}
*/

main section.home-header .home-header-wrapper .image-wrapper.second-image .overlay .sub-title {margin-top: 10px; font-size: 18px; font-weight: normal;}
main section.home-header .home-header-wrapper .image-wrapper.second-image .overlay .button {margin-right: 20px;}

/*section:not(.background.grey) + section.background.grey {padding-top: 0;}*/
section.background.grey {padding: 48px 0;}


main section.background.grey .placeholder {background-color: rgba(101,104,104,0.05); border-radius: 20px; position: relative;}
main section.background.grey.stretched.left .placeholder {border-radius: 0;}
main section.background.grey.stretched.left .placeholder:before {top: 0; right: 100%; bottom: 0; width: 100%; background-color: rgba(101,104,104,0.05); border-radius: 0; content: ""; position: absolute;}
main section.background.grey.stretched.left .placeholder:after {top: 0; bottom: 0; left: 100%; width: 82px; background-color: rgba(101,104,104,0.05); border-radius: 0 20px 20px 0; content: ""; position: absolute;}

main section.background.grey.stretched.right .placeholder {border-radius: 0;}
main section.background.grey.stretched.right .placeholder:before {top: 0; bottom: 0; right: 100%; width: 82px; background-color: rgba(101,104,104,0.05); border-radius: 20px 0 0 20px; content: ""; position: absolute;}
main section.background.grey.stretched.right .placeholder:after {top: 0; bottom: 0; left: 100%; width: 100%; background-color: rgba(101,104,104,0.05); border-radius: 0; content: ""; position: absolute;}

main section.background.grey .placeholder .padding.right {padding-right: 48px;}
main section.background.grey .placeholder .padding.left {padding-left: 48px;}

main a {color: #CE1537;}

#wrapper {/*padding-top: 161px;*/}

.wrapper {max-width: 1320px; margin: 0 auto;}

.placeholder {position: relative;}

.no-margin-top {margin-top: -30px;}

footer {background-color: #F7F7F7;}
footer #footer_top {border-top: 5px solid #CE1537;}
footer #footer_top .logo {padding-top: 24px;}
footer #footer_top .logo a img {width: auto; height: 56px; display: block;}
footer #footer_top ul.qasa {margin: 0; padding: 0;}
footer #footer_top ul.qasa > li {margin: 0; padding: 0; list-style: none; display: block; float: none;}
footer #footer_top ul.qasa > li > ul {margin: 0; padding: 0;}
footer #footer_top ul.qasa > li > ul > li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
footer #footer_top ul.qasa > li > ul > li.star {margin: 0 5px 0 0; font-size: 20px; color: #ECDE77;}
footer #footer_top ul.qasa > li > ul > li.logo {margin: 2px 0 2px 15px;}
footer #footer_top ul.qasa > li > ul > li.logo img {width: auto; height: 20px; display: block;}
footer #footer_top ul.social {margin: 0; padding: 0; display: flex; justify-content: center;}
footer #footer_top .social-placeholder {display: flex; flex-direction: column; align-items: center;}
footer #footer_top .social-placeholder p.heading-4 {padding-bottom: 10px;}
footer #footer_top ul.social li {margin: 0 5px 0 0; padding: 0; font-size: 44px; list-style: none; display: inline-block; float: left;}
footer #footer_top ul.social li a, footer #footer_top ul.social li a:hover {text-decoration: none; display: block;}
footer #footer_top ul.social li a {line-height: 44px;}
footer #footer_top ul.social li a i {transition: color linear 125ms; display: block; color: #656868;}
footer #footer_top ul.social li a i.fa-tiktok {line-height: 44px; font-size: 36px;}
footer #footer_top ul.social li:hover a i {color: #CE1537;}
footer #footer_top p.heading-4 {padding-bottom: 12px; color: #CE1537;}
footer #footer_top p.heading-4.toggler:after {content: ":";}
footer #footer_top ul {margin: 0; padding: 0;}
footer #footer_top ul li {margin: 0; padding: 0; list-style: none;}
footer #footer_top ul li a {text-decoration: none;}
footer #footer_top ul li a:hover {text-decoration: underline;}
footer #footer_top .sani4all {display: flex; flex-direction: column; align-items: center;}
footer #footer_top .sani4all p.heading-4 {color: #65696B;}
footer #footer_top .sani4all a img {width: auto; height: 38px; display: block;}
footer #footer_top p.button {padding-top: 0;}
footer #footer_top .footer-locations a {margin: 0; font-weight: bold; display: block;}
footer #footer_top .footer-locations span {display: block;}
footer #footer_top .footer-locations span a {margin: 0 0 12px 0; font-weight: normal; display: inline-block;}
footer #footer_top .footer-locations .phone:before {content: "\f879"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #282828; display: inline-block; margin-right: 5px; font-size: 15px;}
footer #footer_top .column-wrapper {height: 100%;}
footer #footer_top .column-wrapper > * {height: 100%; display: flex; flex-direction: column;}
footer #footer_top .column-wrapper .social-placeholder {flex-grow: 1;}
footer #footer_bottom {border-top: 1px solid #000000;}
footer #footer_bottom * {color: #959595;}
footer #footer_bottom a, footer #footer_bottom a:hover {font-size: 15px;}
footer #footer_bottom a {text-decoration: none;}
footer #footer_bottom a:hover span {text-decoration: underline;}
footer #footer_bottom .padding.top {padding-top: 12px;}
footer #footer_bottom .padding.bottom {padding-bottom: 12px;}
footer #footer_bottom P {padding-top: 0; font-size: 15px;}
footer #footer_bottom span#copyright {display: inline-block; float: left;}
footer #footer_bottom span#copyright-navigation {margin: 0 0 0 30px; padding: 0; display: inline-block; float: left;}
footer #footer_bottom span#copyright-navigation a {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
footer #footer_bottom span#copyright-navigation a:not(:last-of-type):after {content: "\00a0-\00a0";}
footer #footer_bottom span#copyright-line {margin: 0 0 0 30px; display: inline-block; float: right;}

.breadcrumb {position: relative; padding: 8px 0 5px 0;}
.breadcrumb:before {content: ""; display: block; background-color: #F7F7F7; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); z-index: 1;}
.breadcrumb .breadcrumbs {margin: 0; padding: 0; position: relative; z-index: 2;}
.breadcrumb .breadcrumbs li {margin: 0; padding: 0; float: left; list-style-type: none; font-size: 12px; line-height: 24px; color: #65696B;}
.breadcrumb .breadcrumbs li a {color: #65696B;}
.breadcrumb .breadcrumbs li:after {content: ">"; display: inline-block; margin: 0 5px;}
.breadcrumb .breadcrumbs li:last-of-type:after {display: none;}

.circle {width: 100%; padding-top: 100%; position: relative;}
.circle > a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 4;}
.circle * {color: #FFFFFF;}

.circle p.heading-1 {font-size: 34px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.circle p:not(.heading-1):not(.button) {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

.circle:after {top: 12px; right: 12px; bottom: 12px; left: 12px; width: calc(100% - 24px); height: calc(100% - 24px); background-color: #CE1537; border-radius: 50%; content: ""; display: block; position: absolute; z-index: 2;}
.circle .inlay {top: 50%; left: 50%; width: 90%; padding: 5%; text-align: center; transform: translate(-50%, -50%); position: absolute; z-index: 3;}
.circle svg {right: 0; bottom: 0; left: 0; width: 100%; transition: all linear 125ms; position: absolute; z-index: 1;}
.circle svg path {fill: #ECDE77;}

.circle:hover .inlay p.button span {background-color: #FFFFFF; color: #282828; border-color: #FFFFFF;}

.logos .circle a {top: 8px; right: 8px; bottom: 8px; left: 8px; border-radius: 50%; position: absolute; z-index: 4;}
.logos .circle .inlay img {width: 90%; height: auto; margin: 0 auto; display: block;}
.logos .circle:after {width: calc(100% - 16px); height: calc(100% - 16px); top: 8px; right: 8px; bottom: 8px; left: 8px; background-color: #FFFFFF; border: 1px solid #e5e5e5;}
.logos .circle svg {right: 0; bottom: 0; left: 0; width: 100%; position: absolute; z-index: 1; opacity: 0; animation: 500ms smile-out ease forwards;}
.logos .circle svg path {fill: #ECDE77;}
.logos .circle:hover svg {animation: 500ms smile-in ease forwards;}

figure.media {margin: 0; padding: 24px 0 0 0; position: relative;}
figure.media a {top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
figure.media picture {border-radius: 0px 0px 20px 5px; display: block; overflow: hidden;}
figure.media.zoom picture:after {content: "\f00e"; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; bottom: 15px; right: 15px; font-size: 35px; color: #FFFFFF; pointer-events: none; transition: all .2s;}
figure.media.zoom:hover picture:after {transform: scale(1.1);}
figure.media .share-buttons {position: absolute; bottom: 15px; left: 15px;}
figure.media .share-buttons .share {border-radius: 50%; background-color: #FFFFFF; width: 34px; height: 34px; position: relative; z-index: 3; transition: all .2s;}
figure.media .share-buttons .share:hover {transform: scale(1.1);}
figure.media .share-buttons .share a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
figure.media .share-buttons .share i {color: #ECDE77; font-size: 23px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.video-wrapper {margin-top: 24px; overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-wrapper iframe {left:0; top:0; height:100%; width:100%; position:absolute;}

.list {margin-top: 24px; padding: 48px 40px; background-color: #F7F7F7; border-radius: 5px 5px 20px 5px;}
.list p {padding: 0;}
.list ol {margin: 0; padding: 0;}
.list ol li {margin: 0 0 0 16px; padding: 0;}

.completed-kitchens h3 {padding-bottom: 24px;}
.completed-kitchens p.button {padding-top: 24px; margin-left: 20px; float: right;}
/*.completed-kitchens p.button {position: absolute; top: 0; right: 0;}*/
.completed-kitchens .completed-kitchens-slider {z-index: 1; overflow-x: hidden;}
.completed-kitchens .completed-kitchens-slider.slick-slider .slick-track, 
.completed-kitchens .completed-kitchens-slider.slick-slider .slick-list {overflow: visible;}

.completed-kitchens .completed-kitchens-slider .kitchen {position: relative;}
.completed-kitchens .completed-kitchens-slider .kitchen a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 7;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder {width: auto; padding-top: 75%; position: relative; margin: 0 12px; border-radius: 10px 10px 100px 10px; overflow: hidden; z-index: 6;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder figure.image {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; position: absolute;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder figure.image picture {width: 100%; height: 100%;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder figure.image picture img {object-fit: cover; height: 100%; width: 100%; flex-grow: 0; transition: all ease .2s;}
.completed-kitchens .completed-kitchens-slider .kitchen:hover .placeholder figure.image picture img {transform: scale(1.05);}
.completed-kitchens .completed-kitchens-slider .kitchen .title {z-index: 5; font-weight: 700; font-size: 20px; color: #282828; width: 100%; padding: 20px 30px 15px 30px; position: relative; transition: .2s all;}
.completed-kitchens .completed-kitchens-slider .kitchen .title span {z-index: 5; position: relative;}
.completed-kitchens .completed-kitchens-slider .kitchen:hover .title {color: #282828;}
.completed-kitchens .completed-kitchens-slider .kitchen .circle {position: absolute; top: 20px; right: 20px; width: 140px; height: 140px; padding-top: unset; z-index: 6;}
.completed-kitchens .completed-kitchens-slider .kitchen .circle:after {top: 6px; right: 6px; bottom: 6px; left: 6px; width: calc(100% - 12px); height: calc(100% - 12px);}
.completed-kitchens .completed-kitchens-slider .kitchen .circle p {margin: 0; font-family: 'Baloo 2', cursive; font-weight: 700; padding: 0; font-display: block;}
.completed-kitchens .completed-kitchens-slider .kitchen .circle p.current {font-size: 24px;}
.completed-kitchens .completed-kitchens-slider .kitchen .circle p.old {font-size: 16px; color: #F6BA86; text-decoration: line-through; padding: 0 0 5px 0;}
.completed-kitchens .completed-kitchens-slider .kitchen .circle svg {transition: all ease .2s; transition-delay: .2s;}
.completed-kitchens .completed-kitchens-slider .kitchen .circle .inlay {width: 100%; white-space: nowrap;}
.completed-kitchens .completed-kitchens-slider .kitchen:hover .circle svg {transform: rotate(-10deg);}
.completed-kitchens .completed-kitchens-slider .kitchen .title:before {content: ""; width: calc(100% - 24px); position: absolute; right: 12px; bottom: calc(100% - 8px); left: 12px; padding-top: 50%; background-color: #ECDE77; transition: .2s all; z-index: 3; border-radius: 10px;}
.completed-kitchens .completed-kitchens-slider .kitchen .title:after {content: "\f061"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #282828; display: block; font-size: 24px; line-height: 18px; position: absolute; right: 20px; bottom: calc(100% - 2px); transition: .2s all; z-index: 4;}
.completed-kitchens .completed-kitchens-slider .kitchen:hover .title:before {bottom: 0;}
.completed-kitchens .completed-kitchens-slider .kitchen:hover .title:after {bottom: 6px;}

/*
.completed-kitchens .completed-kitchens-slider .kitchen {position: relative;}
.completed-kitchens .completed-kitchens-slider .kitchen a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder {width: auto; padding-top: 75%; position: relative; margin: 0 12px; border-radius: 5px 5px 20px 5px; overflow: hidden;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder figure.image {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; position: absolute;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder figure.image picture {width: 100%; height: 100%;}
.completed-kitchens .completed-kitchens-slider .kitchen .placeholder figure.image picture img {object-fit: cover; height: 100%; width: 100%; flex-grow: 0; transition: all ease .2s;}
.completed-kitchens .completed-kitchens-slider .kitchen:hover .placeholder figure.image picture img {transform: scale(1.05);}
.completed-kitchens .completed-kitchens-slider .kitchen .title {position: absolute; bottom: 6px; left: 34px; z-index: 3; font-weight: 700; font-size: 20px; color: #FFFFFF; text-shadow: 0 3px 6px rgb(0 0 0 / 75%); width: calc(100% - 50px);}
.completed-kitchens .completed-kitchens-slider .kitchen .title:after {content: ""; display: block; width: 46px; height: 40px; margin: 8px 5px; background-image: url(/Images/arrow.svg); background-size: cover; background-repeat: no-repeat;}
*/

.completed-kitchens .completed-kitchens-navigation {padding: 24px 0 0 0; float: right;}
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-prev, 
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-next {transition: all linear 125ms; cursor: pointer; display: inline-block; float: left;}
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-prev {}
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-prev.slick-disabled, 
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-next.slick-disabled {cursor: not-allowed; opacity: 0.5;}
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-next {margin-left: 10px;}
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-prev img, 
.completed-kitchens .completed-kitchens-navigation .completed-kitchens-next img {width: auto; height: 40px; display: block;}
.completed-kitchens .forall {bottom: -9px; position: absolute; z-index: 0; pointer-events: none;}

header .location {margin-top: 24px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); position: relative; overflow: hidden;}
header .location a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
header .location .image {width: 100%; margin: 0; padding-top: 75%; background-color: rgba(101,104,104,0.05); position: relative; overflow: hidden;}
header .location .image img {top: 0; right: 0; bottom: 0; left: 0; position: absolute; object-fit: cover; width: 100%; height: 100%; display: unset;}
header .location .body {padding: 12px 10px; background-color: #FFFFFF; color: #282828; transition: all linear 125ms;}
header .location .body p {padding-top: 0; font-size: 14px; font-weight: 700; text-align: center;}
header .location:hover .body {background-color: #CE1537; color: #FFFFFF;}
header .location-navigation-card {position: relative; padding: 0 0 6px 0; transition: padding .2s; margin-top: 24px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
header .location-navigation-card:before {content: ""; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #ECDE77; transition: .2s all; z-index: 3; border-radius: 5px;}
header .location-navigation-card:after {content: "\f061"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #282828; display: block; font-size: 18px; line-height: 18px; position: absolute; right: 3px; bottom: 3px; transition: .2s all; z-index: 4;}
header .location-navigation-card:hover {padding: 0 0 20px 0;}
header .location-navigation-card .body {background-color: #CE1537; padding: 10px 20px; border-radius: 5px 5px 50px 5px; overflow: hidden; z-index: 5; position: relative;}
header .location-navigation-card .body p {padding: 0; color: #FFFFFF; font-size: 12px; line-height: 22px;}
header .location-navigation-card .body p.title {font-size: 18px; line-height: 20px; text-transform: uppercase;}
header .location-navigation-card a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 6;}

img.image-map {margin: 24px 0 0 0;}

.locations {}
.locations .location-finder {position: relative; padding: 48px 0; margin: 24px 0 48px 0;}
.locations .location-finder:before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 0 20px 5px 0; background-color: rgba(101, 104, 104, 0.05); pointer-events: none;}
.locations .location-finder:after {content: ""; position: absolute; top: 0; right: 100%; bottom: 0; width: 100%; background-color: rgba(101, 104, 104, 0.05);}
.locations .location-finder form {display: flex; align-items: end;}
.locations .location-finder h1 {color: #CE1537;}
.locations .location-finder h2 {padding: 0;}
.locations .location-finder .field {width: 100%; max-width: 500px; margin-top: 10px; display: inline-block; margin-right: 10px;}
.locations .location-finder .field-wrapper {display: flex; flex-flow: column-reverse; width: 100%;}
.locations .location-finder .field-wrapper label, 
.locations .location-finder .field-wrapper input {transition: all 0.2s; touch-action: manipulation; -webkit-appearance: none; cursor: text; z-index: 2;}
.locations .location-finder .field-wrapper label {white-space: nowrap; cursor: default; z-index: 3;}
.locations .location-finder .field-wrapper input:placeholder-shown + label {cursor: text; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; transform: translate(20px, 32px); color: #65696B; width: 100%;}

.locations .location-finder .field-wrapper input::-webkit-input-placeholder {opacity: 0; transition: inherit; font-size: 14px;}
.locations .location-finder .field-wrapper input::-moz-placeholder {opacity: 0; transition: inherit; font-size: 14px;}

.locations .location-finder .field-wrapper input:focus::-webkit-input-placeholder {opacity: 0.9;}
.locations .location-finder .field-wrapper input:focus::-moz-placeholder {opacity: 0.9;}

.locations .location-finder .field-wrapper input:not(:placeholder-shown) + label, .locations .location-finder .field-wrapper input:focus + label {transform: translate(0, 0); font-size: 12px;}
.locations .location-finder .field-wrapper input {width: 100%; line-height: 38px; margin: 0; padding: 0; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: block; outline: none; background-color: #FFFFFF;}

.location-card {position: relative; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); border-radius: 5px 5px 20px 5px; overflow: hidden; margin: 1.5rem auto 0 auto;}
.location-card.closest {background-color: #CE1537;}
.location-card.closest .body {color: #FFFFFF;}
.location-card > a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.location-card .image {width: 100%; padding-top: 56.25%; position: relative; /*position: absolute; z-index: 1;*/ border-radius: 5px 0 0 0; overflow: hidden; /*height: 100%;*/ margin: 0; /*display: inline-block; width: 40%; float: left;*/}
.location-card .image a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.location-card .image picture {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.location-card .image picture img {width: 100%; height: 100%; object-fit: cover; transition: all .2s;}
.location-card:hover .image picture img {transform: scale(1.1);}
.location-card .body {vertical-align: top; padding: 30px 30px 15px 30px; height: 100%; position: relative; display: flex; flex-direction: column; gap: 5px;}
.location-card .body p {padding: 0;}
.location-card .body p a {color: #282828;}
.location-card .body p a:hover {text-decoration: underline;}
.location-card .body p.button a:hover {text-decoration: none; color: #FFFFFF;}
.location-card .body p.title {font-weight: bold;}
.location-card .body p.phone {position: relative; z-index: 3;}
.location-card .body p.phone:before {content: "\f879"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #CE1537; display: inline-block; margin-right: 5px; font-size: 15px;}
.location-card .body p.location-dot {position: relative; z-index: 3;}
.location-card .body p.location-dot:before {content: "\f3c5"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #CE1537; display: inline-block; margin-right: 5px; font-size: 15px;}
.location-card .body p.whatsapp {position: relative; z-index: 3;}
.location-card .body p.whatsapp:before {content: "\f232"; font-family: "Font Awesome 5 Brands"; font-weight: 900; color: #CE1537; display: inline-block; margin-right: 5px; font-size: 15px;}
.location-card .body p.mail:before {content: "\f0e0"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #CE1537; display: inline-block; margin-right: 5px; font-size: 15px;}
.location-card.closest .body p.phone:before {color: #FFFFFF;}
.location-card.closest .body p.phone a {color: #FFFFFF;}
.location-card .opening-time {padding: 15px 30px; border-top: 2px solid #CE1537; background-color: #F7F7F7;}
.location-card .opening-time p {padding-top: 0;}
.location-card .opening-time p:before {content: "\f111"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 15px; display: inline-block; margin-right: 10px; color: #65696B;}
.location-card .opening-time p.opened:before {color: #1EC81E;}
.location-card .location-wrapper {position: relative;}
.location-card .location-wrapper:after {position: absolute; right: 20px; bottom: 0; display: block; width: 46px; height: 40px; background-image: url('/Images/slider-next.svg'); background-size: cover; background-repeat: no-repeat;}
.location-card .location-wrapper .title {line-height: 32px; font-size: 24px; color: #CE1537; margin-bottom: 8px;}

.location-card .route {position: absolute; bottom: 10px; right: 10px; z-index: 5; transition: all linear 125ms;}
.location-card .route a {text-decoration: none; color: #65696B;}
.location-card .route a span.distance {margin: 0 5px 0 0; padding: 0; font-size: 14px; font-weight: bold; display: none;}
.location-card .route a span.distance:not(:empty) {display: inline-block;}
.location-card .route a span.icon {width: 24px; height: 24px; display: inline-block;}
.location-card .route a span.icon:before {content: "\f5eb"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 24px; width: 24px; height: 24px; text-align: center; color: #CE1537; line-height: 24px; vertical-align: top; display: inline-block;}

.location-card.closest .route, .location-card .route:hover {}
/*
.location-card .route:hover a, 
.location-card .route:hover a span.distance,
.location-card .route:hover a span.icon:before,
*/
.location-card.closest .route a, 
.location-card.closest .route:hover a,
.location-card.closest .route a span.icon:before {color: #FFFFFF;}

.location-card .route:hover a span.icon:before, 
.location-card.closest .route:hover a span.icon:before {color: #ECDE77;}

.location-card-test {position: relative; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); border-radius: 5px 5px 20px 5px; overflow: hidden; max-width: 600px; margin: 1.5rem auto 0 auto;}
.location-card-test.closest .body {background-color: #CE1537; color: #FFFFFF;}
.location-card-test .image {width: 100%; padding-top: 56.25%; position: relative; border-radius: 5px 0 0 0; overflow: hidden; margin: 0;}
.location-card-test .image a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.location-card-test .image picture {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.location-card-test .image picture img {width: 100%; height: 100%; object-fit: cover; transition: all .2s;}
.location-card-test .body {vertical-align: top; padding: 20px; height: 100%; position: relative;}
.location-card-test .body p {padding: 0;}
.location-card-test .body p a {color: #282828; text-decoration: underline;}
.location-card-test .body p a:hover {text-decoration: none;}
.location-card-test .body p.title {font-family: 'Baloo 2', cursive; font-weight: 700; font-size: 24px; line-height: 28px;}
.location-card-test .body p.phone {position: relative; z-index: 3;}
.location-card-test .body p.phone:before {content: "\f879"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #CE1537; display: inline-block; margin-right: 5px; font-size: 15px;}
.location-card-test .body p.mail:before {content: "\f0e0"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #CE1537; display: inline-block; margin-right: 5px; font-size: 15px;}
.location-card-test .body span.distance {margin: 0 5px 0 0; padding: 0; font-size: 14px; font-weight: bold; display: none; position: absolute; top: 20px; right: 10px; color: #65696B;}
.location-card-test .body span.distance:not(:empty) {display: inline-block;}
.location-card-test.closest .body span.distance,
.location-card-test.closest .body p.phone:before,
.location-card-test.closest .body p a {color: #FFFFFF;}
.location-card-test .opening-time p {padding-top: 0;}
.location-card-test .opening-time p:before {content: "\f111"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 15px; display: inline-block; margin-right: 10px; color: #65696B;}
.location-card-test .opening-time p.opened:before {color: #1EC81E;}
.location-card-test .location-wrapper {position: relative;}
.location-card-test .location-wrapper:after {position: absolute; right: 20px; bottom: 0; display: block; width: 46px; height: 40px; background-image: url('/Images/slider-next.svg'); background-size: cover; background-repeat: no-repeat;}
.location-card-test .button a {font-weight: bold; padding: 8px 20px; background-color: #FFFFFF; color: #000000; border-color: #65696B; border-radius: 0 0 20px 5px; font-size: 14px; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: block; cursor: pointer; text-align: center;}
.location-card-test .button a:hover {background-color: #ECDE77; color: #000000; border-color: #ECDE77;}

.location-detail {}
.location-detail .location-card {margin-bottom: 24px;}
.location-detail .location-card:hover .image picture img {transform: unset;}
.location-detail .location-card .body {width: 100%; margin-left: unset;}
.location-detail.opening-time {background-color: #CE1537; padding: 24px; border-radius: 5px 5px 50px 5px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly;}
.location-detail.opening-time h3 {color: #FFFFFF; padding: 0 0 24px 0;}
.location-detail.opening-time h3.padding-top { padding-top: 24px;}
.location-detail.opening-time .row p {padding: 5px 0; color: #FFFFFF;}
.location-detail.opening-time > p {color: #FFFFFF;}
.location-detail.opening-time > p a {color: #FFFFFF;}

.location-google-maps {height: 450px; width: calc(100% + 1.5rem); margin-left: -.75rem;}
.location-google-maps.store-page {height: 100%;}
.location-google-maps #map {width: 100%; height: 100%;}
.location-google-maps #map .gm-style .gm-style-iw-c {padding: 0; border-radius: 5px 5px 20px 5px; background-color: #FFFFFF; max-height: unset !important;}
.location-google-maps #map .gm-style .gm-style-iw-c button {top: 5px !important; right: 5px !important;}
.location-google-maps #map .gm-style .gm-style-iw-c button span {display: none; visibility: hidden;}
.location-google-maps #map .gm-style .gm-style-iw-c button img {display: none !important; visibility: hidden;}
.location-google-maps #map .gm-style .gm-style-iw-c button:before {font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #CE1537; content: '\f00d'; font-size: 16px;}
.location-google-maps #map .gm-style .gm-style-iw-c button:hover:before {color: #ECDE77;}
.location-google-maps #map .gm-style .gm-style-iw-d {overflow: hidden !important; max-height: unset !important;}
.location-google-maps #map .gm-ui-hover-effect {opacity: 1 !important;}
.location-google-maps #map .location-popup {padding: 20px 45px 20px 20px; position: relative;}
.location-google-maps #map .location-popup p {padding: 0; font-size: 15px; font-family: 'Montserrat', sans-serif;}
.location-google-maps #map .location-popup p strong {font-weight: bold;}
.location-google-maps #map .location-popup .route {position: absolute; bottom: 5px; right: 5px; width: 25px; height: 25px; z-index: 3;}
.location-google-maps #map .location-popup .route a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.location-google-maps #map .location-popup .route a:before {content: "\f5eb"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 25px; width: 25px; height: 25px; text-align: center; color: #CE1537; line-height: 25px;}
.location-google-maps #map .location-popup .route:hover a {text-decoration: none;}
.location-google-maps #map .location-popup .route:hover a:before {color: #ECDE77;}

.references.overview {margin-bottom: 24px;}
.references.overview h2 {text-align: center;}
.references.overview .placeholder {margin-top: 36px;}
.references.overview .placeholder .reference {text-align: center;}
.references.overview .placeholder .reference .circle {width: 80%; padding-top: 80%; margin: 0 auto;}
.references.overview .placeholder .reference .circle:after {display: none; visibility: hidden;}
.references.overview .placeholder .reference .circle figure {top: 12px; right: 12px; bottom: 12px; left: 12px; margin: 0; border-radius: 50%; position: absolute; z-index: 2; overflow: hidden;}
.references.overview .placeholder .reference .circle figure picture {width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; position: relative;}
.references.overview .placeholder .reference .circle figure picture img {object-fit: cover; height: 100%; width: 100%; flex-grow: 0;}
.references.overview .placeholder .reference.slick-slide.slick-current .body {border-right: 1px dashed #65696B; border-left: 1px dashed #65696B;}
.references.overview .placeholder .reference .body {padding: 0 20px;}
.references.overview .placeholder .reference .body ul.qasa {margin: 24px auto 0 auto; padding: 0; display: table;}
.references.overview .placeholder .reference .body ul.qasa > li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
.references.overview .placeholder .reference .body ul.qasa > li.star {margin: 0 5px 0 0; font-size: 20px; color: #ECDE77;}
.references.overview .placeholder .reference .body p {color: #282828;}
.references.overview .placeholder .reference .body p.author {font-style: italic;}
.references.overview .placeholder .reference-navigation .reference-prev, .references.overview .placeholder .reference-navigation .reference-next {top: 50%; transform: translateY(-50%); transition: all linear 125ms; position: absolute; z-index: 1; cursor: pointer;}
.references.overview .placeholder .reference-navigation .reference-prev {left: -46px; transform: translateY(-50%);}
.references.overview .placeholder .reference-navigation .reference-prev.slick-disabled, 
.references.overview .placeholder .reference-navigation .reference-next.slick-disabled {cursor: not-allowed; opacity: 0.5;}
.references.overview .placeholder .reference-navigation .reference-next {right: -46px; transform: translateY(-50%);}
.references.overview .placeholder .reference-navigation .reference-prev img, .references.overview .placeholder .reference-navigation .reference-next img {width: auto; height: 40px; display: block;}
.references.overview .placeholder .reference-rating { text-align: center; margin-top: 25px; }
.references.overview .placeholder .reference-rating a { text-decoration: underline; }

.logos .logos-slider {margin-top: 24px;}
.logos .logos-slider .slick-slide .circle {transition: all linear 125ms; transform-origin: center center; transform: scale(0.9);}
.logos .logos-slider .slick-track {transition: transform 0.4s;}
.logos .logos-slider .slick-slide {position: relative;}
.logos .logos-slider .slick-slide .circle {transition: all linear 125ms; transform: translate(10%, 0) scale(.6);}
.logos .logos-slider .slick-slide.lt3 {z-index: 1;}
.logos .logos-slider .slick-slide.lt3 .circle {margin-left: 80%; transform: translate(10%, 0) scale(.7);}
.logos .logos-slider .slick-slide.lt3 .circle .inlay img {opacity: 0.5;}
.logos .logos-slider .slick-slide.lt2 {z-index: 2;}
.logos .logos-slider .slick-slide.lt2 .circle {margin-left: 40%; transform: translate(10%, 0) scale(.8);}
.logos .logos-slider .slick-slide.lt2 .circle .inlay img {opacity: 0.5;}
.logos .logos-slider .slick-slide.lt1 {z-index: 3;}
.logos .logos-slider .slick-slide.lt1 .circle {margin-left: 15%; transform: translate(5%, 0) scale(.9);}
.logos .logos-slider .slick-slide.lt1 .circle .inlay img {opacity: 0.7;}
.logos .logos-slider .slick-slide.gt1 {z-index: 3;}
.logos .logos-slider .slick-slide.gt1 .circle {margin-left: -15%; transform: translate(-5%, 0) scale(.9);}
.logos .logos-slider .slick-slide.gt1 .circle .inlay img {opacity: 0.7;}
.logos .logos-slider .slick-slide.gt2 {z-index: 2;}
.logos .logos-slider .slick-slide.gt2 .circle {margin-left: -40%; transform: translate(-10%, 0) scale(.8);}
.logos .logos-slider .slick-slide.gt2 .circle .inlay img {opacity: 0.5;}
.logos .logos-slider .slick-slide.gt3 {z-index: 1;}
.logos .logos-slider .slick-slide.gt3 .circle {margin-left: -80%; transform: translate(-10%, 0) scale(.7);}
.logos .logos-slider .slick-slide.gt3 .circle .inlay img {opacity: 0.5;}
.logos .logos-slider .slick-slide.slick-center {z-index: 4;}
.logos .logos-slider .slick-slide.slick-center .inlay img {opacity: 1;}
.logos .logos-slider .slick-slide.slick-center .circle {z-index: 1; transform: scale(1); opacity: 1.0;}
.logos .logos-slider .slick-slide.slick-center .circle svg {opacity: 1;}

.logos .logos-slider .circle a {top: 8px; right: 8px; bottom: 8px; left: 8px; border-radius: 50%; position: absolute; z-index: 4;}
.logos .logos-slider .circle .inlay img {width: 100%; height: auto; margin: 0 auto; display: block; /*opacity: 0.5;*/}
.logos .logos-slider .circle:after {width: calc(100% - 16px); height: calc(100% - 16px); top: 8px; right: 8px; bottom: 8px; left: 8px; background-color: #FFFFFF; border: 1px solid #e5e5e5;}
.logos .logos-slider .circle svg {right: 0; bottom: 0; left: 0; width: 100%; position: absolute; z-index: 1; opacity: 0;}
.logos .logos-slider .circle svg path {fill: #ECDE77;}

.logos .logos-navigation {margin: 0 auto; display: table;}
.logos .logos-navigation .logos-prev, .logos .logos-navigation .logos-next {top: 50%; transform: translateY(-50%); transition: all linear 125ms; position: absolute; z-index: 1; cursor: pointer;}
.logos .logos-navigation .logos-prev {left: -58px; transform: translateY(-50%);}
.logos .logos-navigation .logos-prev.slick-disabled, 
.logos .logos-navigation .logos-next.slick-disabled {cursor: not-allowed; opacity: 0.5;}
.logos .logos-navigation .logos-next {right: -58px; transform: translateY(-50%);}
.logos .logos-navigation .logos-prev img, .logos .logos-navigation .logos-next img {width: auto; height: 40px; display: block;}

.logos .logos-dots {width: auto; margin: 24px auto 0 auto; display: table; position: relative;}
.logos .logos-dots:before {top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; position: absolute; z-index: 1;}
.logos .logos-dots ul {margin: 0; padding: 0;}
.logos .logos-dots ul li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
.logos .logos-dots ul li button {margin: 0 5px; padding: 0; width: 10px; height: 10px; line-height: 0; background-color: #e5e5e5; border: 0; border-radius: 5px; font-size: 0; display: block; transition: all linear 125ms;}
.logos .logos-dots ul li.slick-active button {background-color: #CE1537;}

.umbraco-forms-form {}

.tooltip {
    bottom: calc(100% + 4px);
    left: 50%;
    padding: 5px 10px;
    background-color: #CE1537;
    border-radius: 3px 3px 12px 3px;
    font-size: 10px;
    white-space: nowrap;
    color: #FFFFFF;
    display: none;
    transform: translateX(-50%);
    visibility: hidden;
    position: absolute;
}
.tooltip:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: solid 8px #CE1537;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}

/*@media (max-width: 576px) {*/
    .date .tooltip {
        left: 0;
        transform: unset;
    }
    .date .tooltip:after {
        left: 0;
        margin-left: 3px;
    }
    .time .tooltip {
        left: unset;
        right: 0;
        transform: unset;
    }
    .time .tooltip:after {
        left: unset;
        right: 12px;
    }
/*}*/

.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .time,
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .date {
    position: relative;
}

.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .time select:disabled:hover + .tooltip, 
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .date input:disabled:hover + .tooltip {display: block; visibility: visible;}

.umbraco-forms-form .umbraco-forms-field.appointmentpicker label + i {margin-left: 10px; color: #CE1537; cursor: pointer;}

.umbraco-forms-form .umbraco-forms-field:not(.hidden) {margin-top: 10px;}
.umbraco-forms-form .umbraco-forms-field {display: flex; flex-flow: column-reverse; width: 100%; position: relative;}
.umbraco-forms-form .umbraco-forms-field label, 
.umbraco-forms-form .umbraco-forms-field input {transition: all 0.2s; touch-action: manipulation; -webkit-appearance: none; cursor: text;}
.umbraco-forms-form .umbraco-forms-field input[type=checkbox] {-webkit-appearance: checkbox; position: absolute; top: 39px; left: 0; cursor: pointer;}
.umbraco-forms-form.appointment .umbraco-forms-field input[type=checkbox] {width: 16px; height: 16px;}
.umbraco-forms-form .umbraco-forms-field textarea.input-validation-error,
.umbraco-forms-form .umbraco-forms-field select.input-validation-error,
.umbraco-forms-form .umbraco-forms-field input.input-validation-error {background-color: rgba(221, 31, 38, 0.1);}
.umbraco-forms-form .form-group .field-validation-error { background-color: rgb(221 31 38 / 28%); padding: 8px 20px; border-radius: 5px; margin-top: 10px; margin-left: 0; border-bottom: solid; }

.umbraco-forms-form .umbraco-forms-field label {white-space: nowrap; cursor: default;}
.umbraco-forms-form .umbraco-forms-field.dataconsent label {white-space: unset;}
.umbraco-forms-form .umbraco-forms-field.dataconsent label.control-label {white-space: unset;}
.umbraco-forms-form .umbraco-forms-field:not(.date) input:placeholder-shown + label {cursor: text; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; transform: translate(20px, 32px); color: #65696B; width: 100%;}
.umbraco-forms-form.appointment .umbraco-forms-field:not(.date) input:placeholder-shown + label {transform: translate(0, 0); font-size: 12px;}

.umbraco-forms-form .umbraco-forms-field:not(.date) input::-webkit-input-placeholder {opacity: 0; transition: inherit; font-size: 14px;}
.umbraco-forms-form .umbraco-forms-field:not(.date) input::-moz-placeholder {opacity: 0; transition: inherit; font-size: 14px;}

.umbraco-forms-form .umbraco-forms-field:not(.date) input:focus::-webkit-input-placeholder {opacity: 0.9;}
.umbraco-forms-form .umbraco-forms-field:not(.date) input:focus::-moz-placeholder {opacity: 0.9;}

.umbraco-forms-form .umbraco-forms-field:not(.date) input:not(:placeholder-shown) + label, 
.umbraco-forms-form .umbraco-forms-field:not(.date) input:focus + label {transform: translate(0, 0); font-size: 12px;}

.umbraco-forms-form .umbraco-forms-field.date label, .umbraco-forms-form .umbraco-forms-field.dataconsent label:not(.umbraco-forms-label)
.umbraco-forms-form .umbraco-forms-field.futuredatetimepicker label {transform: translate(0, 0); font-size: 12px;}
.umbraco-forms-form .umbraco-forms-field input[type=text], 
.umbraco-forms-form .umbraco-forms-field input[type=date], 
.umbraco-forms-form .umbraco-forms-field input[type=email], 
.umbraco-forms-form .umbraco-forms-field input[type=password] {width: 100%; line-height: 38px; margin: 0; padding: 0; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: block; outline: none;}

.umbraco-forms-form .umbraco-forms-field input:disabled, 
.umbraco-forms-form .umbraco-forms-field select:disabled {background-color: #F7F7F7 !important; border-color: #C6C6C6 !important; cursor: not-allowed !important; opacity: 1 !important;}

.umbraco-forms-form .umbraco-forms-field input[type=date] {height: 38px;}
.umbraco-forms-form .umbraco-forms-field textarea {width: 100%; min-height: 98px; line-height: 24px; margin: 0; padding: 12px 20px; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; outline: none;}
.umbraco-forms-form.appointment .umbraco-forms-field.date,
.umbraco-forms-form.appointment .umbraco-forms-field.futuredatetimepicker,
.umbraco-forms-form.appointment .umbraco-forms-field.dropdown {min-width: 180px; width: calc(33% - 16px); float: left; margin-right: 16px; margin-top: 0px;}
.umbraco-forms-form.appointment .umbraco-forms-field.email {float: left; width: calc(50% - 16px); margin-right: 16px;}
.umbraco-forms-form.appointment .umbraco-forms-field.telefoonnummer {float: left; width: 50%;}
.umbraco-forms-form.appointment .umbraco-forms-field.dropdown.voorkeurstijd {margin-right: 0;}
.umbraco-forms-form .umbraco-forms-field.longanswer label,
.umbraco-forms-form .umbraco-forms-field.dataconsent label,
.umbraco-forms-form .umbraco-forms-field.dropdown,
.umbraco-forms-form.appointment .umbraco-forms-field.futuredatetimepicker label {margin: 0; font-size: 12px; transform: translate(0, 0); color: #65696B;}
.umbraco-forms-form .umbraco-forms-field.dropdown .select-wrapper {position: relative;}
.umbraco-forms-form .umbraco-forms-field.dropdown .select-wrapper:after {content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 300; display: block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #CE1537; pointer-events: none;}
.umbraco-forms-form .umbraco-forms-field.dropdown select {width: 100%; line-height: 40px; height: 40px; margin: 0; padding: 0; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: block; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; position: relative; cursor: pointer;}
.umbraco-forms-form .umbraco-forms-field.titleanddescription h2 {font-size: 33px; line-height: 44px; color: #CE1537;}
.umbraco-forms-form .umbraco-forms-field.titleanddescription h2 span {color: #65696B; font-size: 24px; line-height: 36px;}
.umbraco-forms-form .umbraco-forms-field.titleanddescription {font-size: 14px; line-height: 22px; color: #65696B;}
.umbraco-forms-form .umbraco-forms-field.dataconsent {padding-top: 10px;}
.umbraco-forms-form .umbraco-forms-field.dataconsent label:not(.umbraco-forms-label) {display: inline-block; transform: unset !important; margin-left: 20px;}
.umbraco-forms-form.appointment .umbraco-forms-field.dataconsent label:not(.umbraco-forms-label) {margin-left: 25px; font-size: 14px;}
.umbraco-forms-form .umbraco-forms-field.fileupload {padding-top: 10px;}
.umbraco-forms-form .umbraco-forms-field.fileupload input[type=file] {background-color: rgba(101,104,104,0.05); border: none; border-radius: 5px 5px 20px 5px; width: 100%; color: #2E398B; cursor: pointer;}
.umbraco-forms-form .umbraco-forms-field.fileupload input[type=file]::file-selector-button {padding: 0 19px; height: 44px; line-height: 44px; background-color: #CE1537; border: 0; color: #FFFFFF; text-decoration: none; display: inline-block; outline: none; cursor: pointer; transition: background-color linear 250ms; margin: 0 20px 0 0;}
.umbraco-forms-form .umbraco-forms-field.fileupload input[type=file]:hover::file-selector-button {background-color: #ECDE77;}
.umbraco-forms-form .umbraco-forms-field.recaptcha3 {display: none;}
.umbraco-forms-form .umbraco-forms-field.longanswer {padding-top: 10px;}
.umbraco-forms-form .umbraco-forms-field.checkbox { margin-top: 16px;}

.umbraco-forms-form .umbraco-forms-field.longanswer input::-webkit-input-placeholder {opacity: 0.9;}
.umbraco-forms-form .umbraco-forms-field.longanswer input::-moz-placeholder {opacity: 0.9;}

.umbraco-forms-form .umbraco-forms-field.checkbox label.control-label {display: none; visibility: hidden;}
.umbraco-forms-form .umbraco-forms-field.checkbox label {margin-left: 20px; font-size: 14px !important;}
.umbraco-forms-form .umbraco-forms-field.checkbox input[type=checkbox] {-webkit-appearance: checkbox; position: absolute; top: 5px; left: 0; cursor: pointer;}

.umbraco-forms-form input[type=submit] {margin-top: 33px; display: block; width: 100%; background-color: #CE1537; color: #FFFFFF; border-color: #CE1537;}
.umbraco-forms-form input[type=submit]:hover {margin-top: 33px; display: block; width: 100%; background-color: #ECDE77; color: #282828; border-color: #ECDE77;}
.umbraco-forms-form .field-validation-error, ._error ._error-inner  {color: #CE1537; font-size: 14px; margin-left: 10px;}

._error, ._error ._error-inner {display: none; visibility: hidden;}
 ._error-inner { font-size: 12px; font-style: italic;}
 ._has_error {background-color: rgba(221, 31, 38, 0.1);}
 
 ._error-inner._above {font-weight: bold; color: rgba(221, 31, 38, 1);}
 
.umbraco-forms-form .umbraco-forms-field.appointmentpicker {}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker {padding-top: 24px;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .input {position: relative;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .input input {padding-left: 40px; text-indent: 0;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .input input::placeholder {opacity: 1 !important;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .input input:focus {border-color: #CE1537;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .input:before {position: absolute; top: 50%; left: 10px; transform: translateY(-50%); font-family: 'Font Awesome 5 Pro'; content: '\f002'; font-size: 20px; font-weight: 300; pointer-events: none;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results {padding-top: 14px;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results .location {position: relative; padding: 10px 0 0 40px;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results .location:before {position: absolute; top: 18px; left: 10px; font-family: 'Font Awesome 5 Pro'; content: '\f3c5'; font-size: 26px; font-weight: 300;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results .location p {padding: 0;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results .location p.store {color: #000000;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results .location p.address {font-size: 14px; line-height: 20px; color: #999999; border-bottom: 1px solid #F5F5F5; padding-bottom: 10px;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results .location:hover {cursor: pointer; background-color: #F7F7F7;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .results .location:hover p.address {border-bottom-color: #F7F7F7;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location > p {padding-top: 0;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location {position: relative; padding: 10px 40px 10px 40px; margin-top: 10px; background-color: #F7F7F7;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location:before {position: absolute; top: 18px; left: 10px; color: #CE1537; font-family: 'Font Awesome 5 Pro'; content: '\f3c5'; font-size: 26px; font-weight: 300;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location p {padding: 0;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location p.store {color: #000000; font-weight: bold;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location p.address {font-size: 14px; line-height: 20px;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location .remove {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #CE1537; width: 20px; height: 20px; background-color: #FFFFFF; border-radius: 50%; cursor: pointer; transition: background-color .125s ease-in-out, color .125s ease-in-out;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location .remove:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Font Awesome 5 Pro'; content: '\f00d'; font-size: 14px; font-weight: 300;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .location-picker .selected-location .location .remove:hover {background-color: #ECDE77; color: #000000;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker {display: grid; gap: 24px; grid-template-columns: calc(60% - 12px) calc(40% - 12px); padding-top: 16px;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .date {position: relative; cursor: pointer;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .date:after {position: absolute; top: 8px; right: 14px; font-family: 'Font Awesome 5 Pro'; content: '\f272'; font-size: 16px; font-weight: 300; pointer-events: none;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .date input {padding-right: 40px; cursor: pointer;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .time {position: relative;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .time:after {content: "\f017"; font-family: "Font Awesome 5 Pro"; font-weight: 300; display: block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #000000; pointer-events: none;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .datetime-picker .time select {width: 100%; line-height: 40px; height: 40px; margin: 0; padding: 0; padding-right: 40px; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: block; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; position: relative; cursor: pointer;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .hidden-field {opacity: 0; position: absolute; pointer-events: none;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .checkbox {position: relative; display: inline-block; margin-top: 10px;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .checkbox input[type=checkbox] {position: relative; top: unset;}
.umbraco-forms-form .umbraco-forms-field.appointmentpicker .checkbox input[type=checkbox] + label {font-size: 16px; cursor: pointer;}

.umbraco-forms-form.appointment-new h2 + p,
.umbraco-forms-form.appointment-new p.heading-2 + p {padding-top: 0;}
.umbraco-forms-form.appointment-new .umbraco-forms-field.appointmentpicker .location-picker {padding-top: 10px; width: 100%; max-width: 500px;}
.umbraco-forms-form.appointment-new .umbraco-forms-field.appointmentpicker .datetime-picker {width: 100%; max-width: 400px;}
.umbraco-forms-form.appointment-new .umbraco-forms-field.shortanswer {width: 100%; max-width: 500px;}
.umbraco-forms-form.appointment-new .umbraco-forms-field.shortanswer.telefoonnummer {max-width: 350px;}
.umbraco-forms-form.appointment-new .umbraco-forms-field.titleanddescription + .form-group {margin-top: 0;}
.umbraco-forms-form.appointment-new input[type=submit] {display: inline-block; width: unset;}

.usps {}
.usps.extra-margin {margin-bottom: 29px;}
.usps .placeholder {background-color: #F7F7F7; border-radius: 0 20px 20px 0; position: relative; margin-top: 48px;}
.usps .placeholder .forall {bottom: -35px; position: absolute; z-index: 0;}
.usps .placeholder .forall object {position: relative; z-index: -1;}
.usps .placeholder .forall:after {left: -43px; bottom: -18px; width: 236px; height: 236px; background-color: #F7F7F7; border-radius: 118px; content: ""; position: absolute; z-index: -2;}
.usps .placeholder:before {top: 0; right: 100%; bottom: 0; width: 100%; background-color: rgba(101,104,104,0.05); border-radius: 0; content: ""; position: absolute;}
.usps .placeholder .usp {position: relative; z-index: 1;}
.usps .placeholder .usp .padding.right {padding-right: 20px;}
.usps .placeholder .usp .icon {width: 72px; height: 96px; margin: -84px auto 0 auto; padding-top: 24px; transition: all linear 125ms; transform-origin: bottom center;}
.usps .placeholder .usp .icon img {width: 72px; height: auto; display: inline-block;}
.usps .placeholder .usp.with-link .icon {transition: all linear 125ms; transform-origin: bottom center;}
.usps .placeholder .usp.with-link:hover .icon {transform: scale(1.1);}
.usps .placeholder .usp .body * {color: #65696B;}
.usps .placeholder .usp a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.usps .button.mobile {display: none;}
.usps + .button.desktop {display: block;}

.usps-small {background-color: #F7F7F7; display: flex; flex-direction: row; position: relative; margin: 48px 0 0 0;}
.usps-small:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); content: ''; background-color: #F7F7F7;}
.usps-small:after {position: absolute; top: 0; right: 0; width: 100%; height: 100%; transform: translateX(100%); content: ''; background-color: #F7F7F7;}
.usps-small .usp {flex-grow: 1; position: relative;}
.usps-small .usp .icon {display: inline-block; margin-right: 10px; transition: all linear 125ms; transform-origin: center center;}
.usps-small .usp.with-link .icon {transition: all linear 125ms; transform-origin: center center;}
.usps-small .usp.with-link:hover .icon {transform: scale(1.1);}
.usps-small .usp .icon img {width: 50px; height: 50px;}
.usps-small .usp p {display: inline-block; padding: 0; line-height: 50px;}
.usps-small .usp a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}

/*
.usps {margin-top: -24px; position: relative; z-index: 1;}
.usps .placeholder {position: relative;}
.usps .placeholder .usp {}
.usps .placeholder .usp .icon {margin-top: -50%; padding: 72px; background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 ); border-radius: 50%;}
.usps .placeholder .usp .icon img {width: 100%; height: auto; display: block;}
.usps .placeholder .usp .body {margin-top: -72px;}
.usps .placeholder .usp .body p {line-height: 36px; font-family: 'Baloo 2', cursive; font-weight: 700; font-size: 34px; text-align: center; color: #696969;}
*/

.usp-navigation {bottom: -64px; left: 50%; transform: translateX(-50%); margin: 0 auto; display: table; position: absolute; z-index: 1;}
.usp-navigation .usp-prev, .usp-navigation .usp-next {margin: 0 5px; transition: all linear 125ms; display: inline-block; float: left; cursor: pointer;}
.usp-navigation .usp-prev {}
.usp-navigation .usp-prev.slick-disabled, 
.usp-navigation .usp-next.slick-disabled {cursor: not-allowed; opacity: 0.5;}
.usp-navigation .usp-next {}
.usp-navigation .usp-prev img, .usp-navigation .usp-next img {width: auto; height: 40px; display: block;}

.kitchens-overview {padding-top: 24px;}

/**/

.kitchens-overview .chosen-filters {padding-bottom: 14px; display: none; gap: 10px; align-items: center; flex-wrap: wrap;}
.kitchens-overview .chosen-filters .choice-chip {display: inline; border: 1px solid lightgray; padding: 3px 10px; position: relative; background-color: white; border-radius: 5px;}
.kitchens-overview .chosen-filters .choice-chip-close {margin-left: 10px; font-size: 14px;}
.kitchens-overview .filters-options {display: flex; gap: 10px;}
.kitchens-overview .filters {display: flex; vertical-align: top; position: relative; z-index: 11; gap: 10px; justify-content: space-between; padding-bottom: 14px;}
.kitchens-overview .filters ul.filter-options {padding: 0; font-size: clamp(0.3rem, 3vw, 14px); text-wrap: nowrap;}
.kitchens-overview .filters ul.filter-options {margin: 0 10px 10px 0; padding: 0; display: inline-block;}
.kitchens-overview .filters ul.filter-options > li {margin: 0; padding: 0; list-style: none; position: relative;}
.kitchens-overview .filters ul.filter-options > li > span {position: relative; padding: 8px 34px 8px 10px; margin: 0; border: 1px solid #CE1537; border-radius: 5px 5px 20px 5px; color: #000000; display: inline-block; cursor: pointer; background-color: #FFFFFF;}
.kitchens-overview .filters ul.filter-options > li > span:after {content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #CE1537 transparent transparent transparent; display: block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.kitchens-overview .filters ul.filter-options > li.active > span {background-color: #CE1537; border-color: #CE1537; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #FFFFFF;}
.kitchens-overview .filters ul.filter-options > li.active > span:after {border-width: 0 6px 7px 6px; border-color: transparent transparent #FFFFFF transparent;}
.kitchens-overview .filters ul.filter-options > li > ul {top: 100%; left: 0; margin: 0; padding: 8px 20px; background-color: #CE1537; border-radius: 0 5px 20px 5px; position: absolute; display: none; z-index: 1;}
.kitchens-overview .filters ul.filter-options > li.active > ul {display: block;}
.kitchens-overview .filters ul.filter-options > li > ul > li {margin: 0; padding: 6px 0 6px 34px; list-style: none; color: #FFFFFF; position: relative; cursor: pointer; white-space: nowrap;}
.kitchens-overview .filters ul.filter-options > li > ul > li:before {top: 0; left: 0; width: 24px; height: 24px; background-color: #FFFFFF; border: 1px solid #CE1537; border-radius: 3px 3px 9px 3px; content: ""; display: block; position: absolute;}
.kitchens-overview .filters ul.filter-options > li > ul > li:after {top: 0; left: 0; width: 24px; height: 24px; line-height: 24px; font-family: "Font Awesome 5 Pro"; font-weight: 900; text-align: center; content: "\f00c"; display: block; position: absolute;}
.kitchens-overview .filters ul.filter-options > li > ul > li:hover:after {color: #CE1537; opacity: 0.25;}
.kitchens-overview .filters ul.filter-options > li > ul > li.active:after, 
.kitchens-overview .filters ul.filter-options > li > ul > li.active:hover:after {opacity: 1; color: #CE1537;}

/**/

.kitchens-overview .filters .filter-title {color: #CE1537; font-weight: 700; padding-bottom: 15px;}

/*
.kitchens-overview .filters {margin-bottom: 48px;}
.kitchens-overview .filters .filter-options {}
.kitchens-overview .filters .filter-options p {padding: 8px 20px; margin: 0 15px 15px 0; border: 1px solid #707070; border-radius: 5px 5px 20px 5px; font-size: 14px; color: #282828; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer;}
.kitchens-overview .filters .filter-options p.active {background-color: #ECDE77; border-color: #ECDE77;}
.kitchens-overview .filters .filter-options p:hover {background-color: #CE1537; border-color: #CE1537; color: #FFFFFF;}
*/

.kitchens-overview .filters .sort {margin: 0 10px 10px 0; display: inline-block; vertical-align: top;}
.kitchens-overview .filters .sort .filter-title {line-height: 42px; margin-right: 10px; padding: 0; display: inline-block;}
.kitchens-overview .filters .sort .select-wrapper {position: relative; min-width: 200px; display: inline-block;}
.kitchens-overview .filters .sort .select-wrapper:after {content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #707070 transparent transparent transparent; display: block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.kitchens-overview .filters .sort select {width: 100%; line-height: 42px; height: 42px; margin: 0; padding: 0; border: 1px solid #707070; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 10px; display: block; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; position: relative;}

/*
.kitchens-overview .kitchens .kitchen {position: relative; padding-top: 75%; margin-bottom: 1.5rem; border-radius: 5px 5px 20px 5px; overflow: hidden;}
.kitchens-overview .kitchens .kitchen a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.kitchens-overview .kitchens .kitchen .image {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; z-index: 1; overflow: hidden;}
.kitchens-overview .kitchens .kitchen .image picture {width: 100%; height: 100%;}
.kitchens-overview .kitchens .kitchen .image picture img {object-fit: cover; height: 100%; transition: all ease .2s;}
.kitchens-overview .kitchens .kitchen:hover .image picture img {transform: scale(1.05);}
.kitchens-overview .kitchens .kitchen .circle {position: absolute; top: 20px; right: 20px; width: 140px; height: 140px; padding-top: unset; z-index: 2;}
.kitchens-overview .kitchens .kitchen .circle:after {top: 6px; right: 6px; bottom: 6px; left: 6px; width: calc(100% - 12px); height: calc(100% - 12px);}
.kitchens-overview .kitchens .kitchen .circle p {margin: 0; font-family: 'baloo_2bold'; padding: 0;}
.kitchens-overview .kitchens .kitchen .circle p.current {font-size: 24px;}
.kitchens-overview .kitchens .kitchen .circle p.old {font-size: 16px; color: #ECDE77; text-decoration: line-through; padding: 0 0 5px 0;}
.kitchens-overview .kitchens .kitchen .circle svg {transition: all ease .2s; transition-delay: .2s;}
.kitchens-overview .kitchens .kitchen .circle .inlay {width: 100%; white-space: nowrap;}
.kitchens-overview .kitchens .kitchen:hover .circle svg {transform: rotate(-10deg);}
.kitchens-overview .kitchens .kitchen .title {position: absolute; bottom: 6px; left: 22px; z-index: 3; font-weight: 700; font-size: 20px; color: #FFFFFF; text-shadow: 0 3px 6px rgb(0 0 0 / 75%);}
.kitchens-overview .kitchens .kitchen .title:after {content: ""; display: block; width: 46px; height: 40px; margin: 8px 5px; background-image: url(/Images/arrow.svg); background-size: cover; background-repeat: no-repeat;}
*/
.kitchens-overview .kitchens .kitchen {position: relative; margin-bottom: 1.5rem;}
.kitchens-overview .kitchens .kitchen a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 7;}
.kitchens-overview .kitchens .kitchen .image {position: relative; padding-top: 75%; overflow: hidden; z-index: 6; border-radius: 0 0 100px 0; margin: 0;}
.kitchens-overview .kitchens .kitchen .image picture {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0;}
.kitchens-overview .kitchens .kitchen .image picture img {object-fit: cover; height: 100%; transition: all ease .2s;}
.kitchens-overview .kitchens .kitchen:hover .image picture img {transform: scale(1.05);}
.kitchens-overview .kitchens .kitchen .circle {position: absolute; top: 20px; right: 20px; width: 120px; height: 120px; padding-top: unset; z-index: 6;}
.kitchens-overview .kitchens .kitchen .circle:after {top: 6px; right: 6px; bottom: 6px; left: 6px; width: calc(100% - 12px); height: calc(100% - 12px);}
.kitchens-overview .kitchens .kitchen .circle p {margin: 0; font-family: 'Baloo 2', cursive; font-weight: 700; padding: 0; font-display: block;}
.kitchens-overview .kitchens .kitchen .circle p.current {font-size: 22px;}
.kitchens-overview .kitchens .kitchen .circle p.old {font-size: 16px; color: #F6BA86; text-decoration: line-through; padding: 0 0 5px 0;}
.kitchens-overview .kitchens .kitchen .circle svg {transition: all ease .2s; transition-delay: .2s;}
.kitchens-overview .kitchens .kitchen .circle .inlay {width: 100%; white-space: nowrap;}
.kitchens-overview .kitchens .kitchen:hover .circle svg {transform: rotate(-10deg);}
.kitchens-overview .kitchens .kitchen .title {z-index: 5; font-weight: 700; font-size: 20px; color: #282828; width: 100%; padding: 30px 10px; position: relative; transition: .2s all;}
.kitchens-overview .kitchens .kitchen .title span {z-index: 5; position: relative;}
.kitchens-overview .kitchens .kitchen .title:before {content: ""; width: 100%; position: absolute; right: 0; bottom: calc(100% - 8px); left: 0; padding-top: 50%; background-color: #ECDE77; transition: .2s all; z-index: 3; border-radius: 0 0 10px 0;}
.kitchens-overview .kitchens .kitchen .title:after {content: "\f061"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #282828; display: block; font-size: 24px; line-height: 18px; position: absolute; right: 8px; bottom: calc(100% - 2px); transition: .2s all; z-index: 4;}
.kitchens-overview .kitchens .kitchen:hover .title:before {bottom: 0;}
.kitchens-overview .kitchens .kitchen:hover .title:after {bottom: 6px;}
.kitchens-overview .kitchens .kitchen:hover .title {color: #282828;}
.kitchens-overview .kitchens .usps-small {margin: calc(48px - 1.5rem) 0 48px 0;}

.kitchen-detail {position: relative;}
.kitchen-detail:before {content: ""; position: absolute; top: 48px; right: 12.5%; bottom: 0; left: 0; border-radius: 0 20px 5px 0; background-color: rgba(101, 104, 104, 0.05); pointer-events: none;}
.kitchen-detail:after {content: ""; position: absolute; top: 48px; right: 100%; bottom: 0; width: 100%; background-color: rgba(101, 104, 104, 0.05);}
.kitchen-detail .content-wrapper {z-index: 2; position: relative; padding: 48px 0;}
.kitchen-detail h1 {padding-bottom: 24px;}
.kitchen-detail .image-wrapper figure {padding-top: 60%; position: relative; border-radius: 5px 5px 20px 5px; overflow: hidden; margin: 0;}
.kitchen-detail .image-wrapper figure a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.kitchen-detail .image-wrapper figure picture {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.kitchen-detail .image-wrapper figure picture img {width: 100%; height: 100%; object-fit: cover;}
.kitchen-detail .kitchen-card {background-color: #FFFFFF; border-radius: 5px 5px 20px 5px; overflow: hidden; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.kitchen-detail .kitchen-card .card-header {background-color: #CE1537; text-align: center; padding: 15px;}
.kitchen-detail .kitchen-card .card-header p {font-family: 'Baloo 2', cursive; font-weight: 700; padding: 0; font-display: block;}
.kitchen-detail .kitchen-card .card-header p.old {font-size: 24px; line-height: 36px; color: #ECDE77; text-decoration: line-through;}
.kitchen-detail .kitchen-card .card-header p.current {font-size: 36px; line-height: 44px; color: #FFFFFF;}
.kitchen-detail .kitchen-card .card-header p.current span {opacity: 0.5;}
.kitchen-detail .kitchen-card .card-body {padding: 22px;}
.kitchen-detail .kitchen-card .card-body p:not(.button) {font-weight: bold; padding-top: 0;}
.kitchen-detail .kitchen-card .card-body ul {padding: 0; margin: 0; list-style-type: none;}
.kitchen-detail .kitchen-card .card-body ul li {border-bottom: 1px solid #ECDE77; margin: 0; padding: 8px 0 8px 28px; position: relative;}
.kitchen-detail .kitchen-card .card-body ul li:last-of-type {border-bottom: none;}
.kitchen-detail .kitchen-card .card-body ul li:before {top: 8px; left: 0; content: "\f00c"; font-size: 18px; width: 18px; height: 24px; display: inline-block; color: #ECDE77; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute;}
.kitchen-detail .kitchen-thumb-slider-wrapper {position: relative; width: 100%; height: 100%; padding: 30px 0;}
.kitchen-detail .kitchen-thumb-slider-wrapper:before {z-index: 9; content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: 25%; background: rgb(247,247,247); background: -moz-linear-gradient(0deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: -webkit-linear-gradient(0deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: linear-gradient(0deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); pointer-events: none;}
.kitchen-detail .kitchen-thumb-slider-wrapper:after {z-index: 9; content: ''; position: absolute; bottom: 30px; left: 0; width: 100%; height: 25%; background: rgb(247,247,247); background: -moz-linear-gradient(180deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: -webkit-linear-gradient(180deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: linear-gradient(180deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); pointer-events: none;}
.kitchen-detail .kitchen-thumb-slider {position: relative; width: 100%; height: 100%; overflow: hidden;}
.kitchen-detail .kitchen-thumb-slider .slick-list {width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.kitchen-detail .kitchen-thumb-slider.slick-vertical .slick-slide {border-bottom: none; margin: 8px 0;}
.kitchen-detail .kitchen-thumb-slider-wrapper > button {position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; color: transparent; border: none; outline: none; background: transparent; font-size: 0; line-height: 0; padding: 0; width: 46px; height: 40px; background-image: url(/Images/slider-next.svg); background-size: cover; background-repeat: no-repeat;}
.kitchen-detail .kitchen-thumb-slider-wrapper > button.slick-prev {top: 0; transform: translateX(-50%) rotate(-90deg);}
.kitchen-detail .kitchen-thumb-slider-wrapper > button.slick-next {bottom: 0; transform: translateX(-50%) rotate(90deg);}
.kitchen-detail .kitchen-image-slider-wrapper {position: relative;}
.kitchen-detail .kitchen-image-slider-wrapper:after {content: "\f00e"; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; bottom: 15px; right: 15px; font-size: 35px; color: #FFFFFF; pointer-events: none; transition: all .2s;}
.kitchen-detail .kitchen-image-slider-wrapper:hover:after {transform: scale(1.1);}
.kitchen-detail .kitchen-image-slider-wrapper .share-buttons {position: absolute; bottom: 15px; left: 15px;}
.kitchen-detail .kitchen-image-slider-wrapper .share-buttons .share {border-radius: 50%; background-color: #FFFFFF; width: 34px; height: 34px; position: relative; z-index: 3; transition: all .2s;}
.kitchen-detail .kitchen-image-slider-wrapper .share-buttons .share:hover {transform: scale(1.1);}
.kitchen-detail .kitchen-image-slider-wrapper .share-buttons .share a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.kitchen-detail .kitchen-image-slider-wrapper .share-buttons .share i {color: #ECDE77; font-size: 23px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.kitchen-thumb-slider:not(.slick-initialized) .image-wrapper:not(:first-of-type),
.kitchen-image-slider:not(.slick-initialized) .image-wrapper:not(:first-of-type) {display: none}

.categories {}
.categories .category {position: relative; padding-top: 75%; margin-bottom: 1.5rem; border-radius: 5px 5px 20px 5px; overflow: hidden;}
.categories .category a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.categories .category .image {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; background-color: rgba(101,104,104,0.05); z-index: 1; overflow: hidden;}
.categories .category .image picture {width: 100%; height: 100%;}
.categories .category .image picture img {object-fit: cover; height: 100%; transition: all ease .2s;}
.categories .category:hover .image picture img {transform: scale(1.05);}
.categories .category .title {position: absolute; bottom: 6px; left: 22px; z-index: 3; font-weight: 700; font-size: 16px; color: #FFFFFF; text-shadow: 0 3px 6px rgb(0 0 0 / 75%);}
.categories .category .title:after {content: ""; display: block; width: 35px; height: 30px; margin: 8px 5px; background-image: url(/Images/arrow.svg); background-size: cover; background-repeat: no-repeat;}

.categories .product {position: relative; padding-top: 75%; margin-bottom: 1.5rem; border-radius: 5px 5px 20px 5px; overflow: hidden;}
.categories .product a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.categories .product .image {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; background-color: rgba(101,104,104,0.05); z-index: 1; overflow: hidden;}
.categories .product .image picture {width: 100%; height: 100%;}
.categories .product .image picture img {object-fit: cover; height: 100%; transition: all ease .2s;}
.categories .product:hover .image picture img {transform: scale(1.05);}
.categories .product .title {position: absolute; bottom: 14px; left: 22px; z-index: 3; font-weight: 700; font-size: 16px; color: #FFFFFF; text-shadow: 0 3px 6px rgb(0 0 0 / 75%);}
.categories.macro {padding-top: 48px;}

.receipt {position: relative;}
.receipt:before {content: ""; position: absolute; top: 0; right: 12.5%; bottom: 20%; left: 0; border-radius: 0 20px 5px 0; background-color: rgba(101, 104, 104, 0.05); pointer-events: none;}
.receipt:after {content: ""; position: absolute; top: 0; right: 100%; bottom: 20%; width: 100%; background-color: rgba(101, 104, 104, 0.05);}
.receipt .content-wrapper {z-index: 2; position: relative; padding: 48px 0;}
.receipt h2 {padding: 0;}
.receipt ul {padding: 0; margin: 0; list-style-type: none;}
.receipt ul li {padding: 8px 0;}
.receipt ul li:last-of-type {border-bottom: none;}
.receipt ul li:before {content: "\f00c"; font-size: 18px; margin-right: 5px; width: 24px; height: 24px; display: inline-block; color: #ECDE77; font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.receipt .row {padding-top: 40px;}
.receipt .receipt-wrapper {padding: 12px 22px 10px 22px; background-color: #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); border-radius: 5px 5px 20px 5px;}
.receipt .receipt-wrapper .items {border-bottom: 1px solid #000000; position: relative;}
.receipt .receipt-wrapper .items:after {content: "\f067"; font-size: 18px; color: #282828; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 20px; width: 18px; height: 18px; position: absolute; bottom: 8px; right: 0;}
.receipt .receipt-wrapper .items .item {padding: 10px 0 10px 20px; border-bottom: 1px solid #ECDE77; position: relative;}
.receipt .receipt-wrapper .items .item:before {content: "\f00c"; font-size: 18px; color: #ECDE77; font-family: "Font Awesome 5 Pro"; font-weight: 900; width: 18px; height: 18px; position: absolute; top: 8px; left: -5px;}
.receipt .receipt-wrapper .items .item:last-of-type {border-bottom: none;}
.receipt .receipt-wrapper .items .item input {width: calc(100% - 25px); margin: 0;}
.receipt .receipt-wrapper .items .item input:first-of-type {margin: 0 0 10px 0; font-weight: bold;}
.receipt .receipt-wrapper .items .item .icon {position: absolute; top: 14px; right: 0; color: #cfcfcf; cursor: pointer;}
.receipt .receipt-wrapper .items .item p {padding: 0;}
.receipt .receipt-wrapper .total {text-align: right;}
.receipt .receipt-wrapper .total p {padding: 10px 0 0 0; line-height: 44px; font-family: 'Baloo 2', cursive; font-weight: 700; font-display: block;}
.receipt .receipt-wrapper .total p span.old {font-size: 24px; color: #65696B; text-decoration: line-through;}
.receipt .receipt-wrapper .total p span.current {font-size: 36px; color: #CE1537; margin-left: 20px;}
.receipt .receipt-wrapper .total p span.current span {opacity: 0.5;}
.receipt .receipt-wrapper .total p.asterix {padding-top: 0; line-height: 24px; font-family: 'Montserrat', sans-serif !important; font-size: 14px; font-weight: normal !important; font-style: italic; text-align: right; opacity: 0.5;}
 
.contact {margin-top: -96px; max-width: 500px; margin: 0 auto;}
.contact .contact-circle {margin-bottom: 20px;}
.contact .info {text-align: center;}
.contact .info p {margin: 0; padding: 0; font-size: 14px; line-height: 24px;}
.contact .info p a {color: #282828;}
.contact .info p.name {font-weight: 700;}
.contact .info p.phone:before {content: "\f095"; width: 24px; height: 24px; display: inline-block; color: #CE1537; font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.contact .info p.link a {color: #CE1537; font-weight: bold;}

.contact-circle {position: relative;}
.contact-circle .image {width: calc(100% - 18px); margin: 0 auto; padding-top: calc(150% - 18px); position: relative;}
.contact-circle .image .image-placeholder {background-position: top center; background-size: 100% auto;}
.contact-circle .image-placeholder {top: 0; right: 0; bottom: 25%; left: 0; display: block; position: absolute; z-index: 1; background-repeat: no-repeat;}
.contact-circle .circle .image-placeholder {background-position: bottom center; background-size: 100% auto; z-index: 3; top: 9px; right: 9px; bottom: 9px; left: 9px; width: calc(100% - 18px); height: calc(100% - 18px); border-radius: 50%; background-color: #CE1537;}
.contact-circle .circle {bottom: 0; position: absolute;}
.contact-circle .circle:after {display: none;}

.contact-small .contact {max-width: 300px;}
.contact-small .heading-3 {color: #65696B;}

.gray-content {background-color: #F7F7F7; padding: 0 24px 24px 24px; margin-top: 24px;}

ul.as-usp {margin: 12px 0 0 0; padding: 0;}
ul.as-usp li {list-style-type: none; margin: 0; padding: 12px 0 12px 40px; position: relative;}
ul.as-usp li:before {content: ''; width: 25px; height: 25px; background-image: url("/Images/check.png"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.employee {padding-top: 24px; position: relative; margin-bottom: 24px;}
.employee .info {padding-top: 24px; text-align: center;}
.employee .info p {margin: 0; padding: 0;}
.employee .info p.name {font-weight: 700;}

.card {position: relative; padding-top: 24px;}
.card:before {content: ""; position: absolute; top: 0; right: 25%; bottom: 24px; left: 0; border-radius: 5px 5px 50px 5px; background-color: rgba(101, 104, 104, 0.05); z-index: 1;}
.card.left:before {left: 25%; right: 0;}
.card .body {padding: 48px 0; position: relative; z-index: 2;}
.card .body h2 {padding: 0;}
.card .media {margin: 0; padding: 0; position: relative; z-index: 2;}
.card .media img {border-radius: 5px 5px 20px 5px;}
.card.with-icon {padding-top: 128px;}
.card.with-icon:before {top: 128px; bottom: 0;}
.card.with-icon .media {margin-top: -128px;}
.card.with-icon .icon {margin-top: -64px;}
.card.with-icon .icon img {width: 55%; height: auto; margin: 0 auto; display: table;}

.tiles {position: relative; padding-top: 24px;}
.tiles:before {content: ""; position: absolute; top: 48px; right: 0; bottom: 0; left: 12.5%; border-radius: 5px 5px 20px 5px; background-color: rgba(101, 104, 104, 0.05); z-index: 1;}
.tiles .tiles-wrapper {position: relative; z-index: 2; padding: 48px 0;}
.tiles .tiles-wrapper h2 {padding: 0;}
.tiles .tiles-wrapper .tiles-placeholder {padding-top: 75%; position: relative; border-radius: 100px 0 0 100px; overflow: hidden; margin-top: 24px;}
.tiles.small .tiles-wrapper .tiles-placeholder {padding-top: 50%;}
.tiles .tiles-wrapper .tiles-placeholder .row {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.tiles .tiles-wrapper .tiles-placeholder .row > div {position: relative;}
.tiles .tiles-wrapper .tiles-placeholder .row > div:nth-child(-n+3) .tile {bottom: .75rem;}
.tiles .tiles-wrapper .tiles-placeholder .row > div:not(:nth-child(-n+3)) .tile {top: .75rem;}
.tiles .tiles-wrapper .tiles-placeholder .row > div:nth-child(3n+1) .tile .title {left: 50px;}
.tiles .tiles-wrapper .tile {position: absolute; top: 0; right: .75rem; bottom: 0; left: .75rem;}
.tiles .tiles-wrapper .tile a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.tiles .tiles-wrapper .tile .image {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; z-index: 1; overflow: hidden;}
.tiles .tiles-wrapper .tile .image picture {width: 100%; height: 100%;}
.tiles .tiles-wrapper .tile .image picture img {object-fit: cover; height: 100%; transition: all ease .2s;}
.tiles .tiles-wrapper .tile:hover .image picture img {transform: scale(1.05);}
.tiles .tiles-wrapper .tile .title {position: absolute; bottom: 6px; left: 22px; z-index: 3; font-weight: 700; font-size: 20px; color: #FFFFFF; text-shadow: 0 3px 6px rgb(0 0 0 / 75%);}
.tiles .tiles-wrapper .tile .title:after {content: ""; display: block; width: 46px; height: 40px; margin: 8px 5px; background-image: url(/Images/arrow.svg); background-size: cover; background-repeat: no-repeat;}

.group:before, .group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}

.news.overview.homepage {margin-top: 24px; position: relative; padding-bottom: 24px; z-index: 2;}
.news.overview.homepage.not:before {top: 0; right: 100%; height: 180px; width: 100%; background-color: rgba(101,104,104,0.05); border-radius: 0; content: ""; position: absolute; z-index: -1;}
.news.overview.homepage.not:after {top: 0; right: 0; left: 0; height: 180px; background-color: rgba(101,104,104,0.05); border-radius: 0 5px 50px 0; content: ""; position: absolute; pointer-events: none;  z-index: -1;}
.news.overview.homepage.not h2 {padding-bottom: 24px; float: left;}
.news.overview.homepage p.text-link {margin-right: 20px; line-height: 42px; float: right;}
.news.overview.homepage p.button {float: right;}
.news.overview.homepage .item {background-color: #FFFFFF; border-radius: 0px 0px 20px 5px; overflow: hidden; z-index: 3;}
.news.overview.homepage .item .body {padding: 10px;}
.news.overview.homepage .item p.button {float: none;}
.news.overview.homepage .slider-navigation {padding: 15px 0 0 0; float: right;}
.news.overview.homepage .slider-navigation .slider-navigation-prev, 
.news.overview.homepage .slider-navigation .slider-navigation-next {transition: all linear 125ms; cursor: pointer; display: inline-block; float: left;}
.news.overview.homepage .slider-navigation .slider-navigation-prev {}
.news.overview.homepage .slider-navigation .slider-navigation-prev.slick-disabled, 
.news.overview.homepage .slider-navigation .slider-navigation-next.slick-disabled {cursor: not-allowed; opacity: 0.5;}
.news.overview.homepage .slider-navigation .slider-navigation-next {margin-left: 10px;}
.news.overview.homepage .slider-navigation .slider-navigation-prev img, 
.news.overview.homepage .slider-navigation .slider-navigation-next img {width: auto; height: 40px; display: block;}
.news.overview .item {margin: 0 0 24px 0; position: relative;}
.news.overview .item > a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
.news.overview .item p,
.news.overview .item p.button {}
.news.overview .item p a {padding: 8px 20px; margin: 0; background-color: #FFFFFF; border: 1px solid #707070; border-radius: 5px 5px 20px 5px; font-size: 14px; color: #282828; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer;}
.news.overview .item p a:hover {background-color: #CE1537; border-color: #CE1537; color: #FFFFFF;}
.news.overview .item p.title {font-size: 16px; color: #282828; height: 72px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: bold; overflow: hidden;}
.news.overview .item p.summary {padding: 0; margin: 24px 0 0 0;}
.news.overview .item figure {padding-top: 70%; position: relative; border-radius: 0px 0px 20px 5px; overflow: hidden; margin: 0;}
.news.overview .item figure picture {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.news.overview .item figure picture img {width: 100%; height: 100%; object-fit: cover;}
.news.overview .item:hover p.button a {background-color: #CE1537; border-color: #CE1537; color: #FFFFFF;}
.news.overview .usps-small {margin: calc(48px - 1.5rem) 0 48px 0;}
/*
.news.overview:not(.homepage) .item {padding-top: 24px;}
.news.overview:not(.homepage) .item h2 {padding: 0;}
.news.overview:not(.homepage) .item p {padding-top: 15px;}
*/
.news.overview .news-tiles {padding-top: 24px;}
.news.overview .news-tiles .news-tile {position: relative; margin-bottom: 1.5rem;}
.news.overview .news-tiles .news-tile a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 7;}
.news.overview .news-tiles .news-tile .image {position: relative; padding-top: 75%; overflow: hidden; z-index: 6; border-radius: 10px 10px 100px 10px; margin: 0;}
.news.overview .news-tiles .news-tile .image picture {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0;}
.news.overview .news-tiles .news-tile .image picture img {object-fit: cover; height: 100%; transition: all ease .2s;}
.news.overview .news-tiles .news-tile:hover .image picture img {transform: scale(1.05);}
.news.overview .news-tiles .news-tile .title {z-index: 5; font-weight: 700; font-size: 20px; color: #282828; width: 100%; padding: 20px 30px 15px 30px; position: relative; transition: .2s all;}
.news.overview .news-tiles .news-tile .title span {z-index: 5; position: relative;}
.news.overview .news-tiles .news-tile .title:before {content: ""; width: 100%; position: absolute; right: 0; bottom: calc(100% - 8px); left: 0; padding-top: 50%; background-color: #ECDE77; transition: .2s all; z-index: 3; border-radius: 10px;}
.news.overview .news-tiles .news-tile .title:after {content: "\f061"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #282828; display: block; font-size: 24px; line-height: 18px; position: absolute; right: 8px; bottom: calc(100% - 2px); transition: .2s all; z-index: 4;}
.news.overview .news-tiles .news-tile:hover .title:before {bottom: 0;}
.news.overview .news-tiles .news-tile:hover .title:after {bottom: 6px;}
.news.overview .news-tiles .news-tile:hover .title {color: #282828;}
.news.overview .news-tiles .news-tile .labels {position: absolute; z-index: 6; top: 10px; right: 10px; width: calc(100% - 20px); text-align: right;}
.news.overview .news-tiles .news-tile .labels .label {padding: 5px 10px; margin-left: 5px; font-size: 14px; line-height: 14px; background-color: #CE1537; color: #FFFFFF; border-radius: 3px 3px 10px 3px; display: inline-block; font-family: 'Baloo 2', cursive; font-weight: 700; font-display: block;}

.news.overview .filter {}
.news.overview .filter .filter-title {color: #CE1537; font-weight: 700; padding-bottom: 15px;}
.news.overview .filter .filter-options {}
.news.overview .filter .filter-options p {padding: 8px 20px; margin: 0 15px 15px 0; border: 1px solid #707070; border-radius: 5px 5px 20px 5px; font-size: 14px; color: #282828; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer;}
.news.overview .filter .filter-options p.active {background-color: #ECDE77; border-color: #ECDE77; color: #282828;}
.news.overview .filter .filter-options p:hover {background-color: #CE1537; border-color: #CE1537; color: #FFFFFF;}

.news.detail figure {border-radius: 5px 5px 50px 5px; overflow: hidden;}
.news figure {margin: 0;}

.jobs.overview .item p,
.jobs.overview .item p.button {padding: 0;}
.jobs.overview .item p a {padding: 8px 20px; margin: 0 15px 15px 0; background-color: #FFFFFF; border: 1px solid #707070; border-radius: 5px 5px 20px 5px; font-size: 14px; color: #282828; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; cursor: pointer;}
.jobs.overview .item p a:hover {background-color: #CE1537; border-color: #CE1537; color: #FFFFFF;}
.jobs.overview .item figure {padding-top: 70%; position: relative; border-radius: 5px 5px 20px 5px; overflow: hidden; margin: 0;}
.jobs.overview .item figure picture {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.jobs.overview .item figure picture img {width: 100%; height: 100%; object-fit: cover;}
.jobs.overview .item h3.location:before {content: "\f3c5"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #CE1537; display: inline-block; margin-right: 5px; font-size: 18px; line-height: 18px;}
.jobs.overview:not(.homepage) .item {padding-top: 24px;}
.jobs.overview:not(.homepage) .item h2 {padding: 0;}
.jobs.overview:not(.homepage) .item p {padding-top: 15px;}
.jobs.detail figure {border-radius: 5px 5px 20px 5px; overflow: hidden;}
.jobs figure {margin: 0;}

.image-with-circles {position: relative; text-align: right;}
.image-with-circles .image {width: 80%; display: inline-block; position: relative; z-index: 1;}
.image-with-circles .image figure {padding-top: 65%; position: relative; border-radius: 100px 0 0 100px; overflow: hidden; margin: 0;}
.image-with-circles .image figure picture {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.image-with-circles .image figure picture img {width: 100%; height: 100%; object-fit: cover;}
.image-with-circles .circles {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width:25%; height: auto; z-index: 2;}

nav.mobile {height: 0; width: 100%; position: fixed; z-index: 9998; bottom: 0; left: 0; background-color: rgba(0,0,0,0.9); overflow-x: hidden; transition: 0.5s; text-align: center;}
nav.mobile > .mobile-placeholder {background-color: #FFFFFF; padding: 24px 0 0 0; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);}
nav.mobile > .mobile-placeholder > .search-placeholder {padding: 24px 35px; background-color: #FFFFFF; border-bottom: 1px solid #E3E3E3;}
nav.mobile > .mobile-placeholder > .search-placeholder .search input {width: calc(100% - 49px); background-color: #F2F2F2;}
nav.mobile > .mobile-placeholder > .search-placeholder .search button {background-color: #F2F2F2; border-left: 1px solid #FFFFFF; color: #282828;}
nav.mobile > .mobile-placeholder > .search-placeholder .search button:hover {background-color: #000000; color: #FFFFFF;}

.slinky-menu {margin-bottom: 78px; overflow: hidden; transform: translateZ(0);}
.slinky-menu > ul {left: 0; position: relative; transform: translateZ(0);}
.slinky-menu ul, .slinky-menu li {list-style: none; margin: 0; padding: 0;}
.slinky-menu ul {width: 100%;}
.slinky-menu a {align-items: center; display: flex;}
.slinky-menu a span {line-height: 32px; flex: 1;}
.slinky-menu li ul {display: none; left: 100%; position: absolute; top: 0;}
.slinky-menu .header {display: flex;}
.slinky-menu .header .title {flex: 1; line-height: 1.4; margin: 0; order: 1;}

.slinky-theme-default {}
.slinky-theme-default .title {}
.slinky-theme-default li, .slinky-theme-default li a, .slinky-theme-default li a span {text-align: left;}
.slinky-theme-default li a span.is-cursive {font-style: italic;}
.slinky-theme-default li a span.is-bold {font-weight: bold;}
.slinky-theme-default li {line-height: 1; border-bottom: 1px solid #E3E3E3; display: block;}

.slinky-theme-default li.button a {width: calc(100% - 75px) !important; margin: 8px 35px 8px 40px !important; text-align: center !important; color: #282828 !important;}
.slinky-theme-default li.button a:hover {background-color: #CE1537 !important; color: #FFFFFF !important;}

.slinky-theme-default li:first-of-type {border-top: 1px solid #E3E3E3;}
.slinky-theme-default a {transition: all linear 125ms;}
.slinky-theme-default a:not(.back):not(.next) {width: calc(100% - 84px); padding: 8px 40px 8px 35px; text-decoration: none; color: #282828; display: inline-block; vertical-align: top;}
.slinky-theme-default a.nav-link {width: 100% !important; display: block !important;}
.slinky-theme-default a, 
.slinky-theme-default a:hover, 
.slinky-theme-default a:active {text-decoration: none;}
.slinky-theme-default a:hover {background-color: #F2F2F2;}
.slinky-theme-default .next, .slinky-theme-default .back {line-height: 32px; text-align: center; display: inline-block; vertical-align: top;}
.slinky-theme-default .next {padding: 8px 35px 8px 40px; border-left: 1px solid #E3E3E3;}
.slinky-theme-default .back {padding: 8px 40px 8px 35px; border-right: 1px solid #E3E3E3;}
.slinky-theme-default .next::after, .slinky-theme-default .back::after {font-family: 'Font Awesome 5 Pro'; color: #282828;}
.slinky-theme-default .next::after {content: "\f054";}
.slinky-theme-default .back::after {content: "\f053";}
.slinky-theme-default .next a, .slinky-theme-default .back a {text-decoration: none;}

.slinky-theme-default > ul > li:last-of-type {border: 0;}
.slinky-theme-default > ul > li:last-of-type a:not(.back):not(.next) {width: calc(100% - 75px) !important; margin: 8px 35px 8px 40px; padding: 0; border: 0;}
.slinky-theme-default > ul > li:last-of-type a:not(.back):not(.next) span {padding: 8px 20px; background-color: #ECDE77; border: 1px solid #ECDE77; border-radius: 5px 5px 20px 5px; font-size: 14px; font-weight: 700; text-align: center; color: #282828; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: block;}
.slinky-theme-default > ul > li:last-of-type a:not(.back):not(.next):hover span {background-color: #CE1537; border-color: #CE1537; color: #FFFFFF;}

.slinky-theme-default > ul > li:last-of-type:before, .slinky-theme-default > ul > li:last-of-type:after {content: ""; display: table;} 
.slinky-theme-default > ul > li:last-of-type:after {clear: both;}
.slinky-theme-default > ul > li:last-of-type {zoom: 1;}

.faq {}
.faq ul {margin: 0 0 24px 0; padding: 0;}
.faq ul li {margin: 0; padding: 0; list-style-type: none;}
.faq ul li.category {}
.faq ul li.question {cursor: pointer; margin-bottom: 10px; background-color: rgba(101, 104, 104, 0.05); border-radius: 5px 5px 20px 5px; position: relative; padding: 8px 0 8px 60px;}
.faq ul li.question span {font-weight: bold;}
.faq ul li.question ul {margin: 0;}
.faq ul li.question:hover {text-decoration: none;}
.faq ul li.question:before {background-color: #CE1537; width: 50px; height: 100%; content: ''; position: absolute; left: 0; top: 0; border-radius: 20px 0 0 20px;}
.faq ul li.question:after {content: '\f0ab'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; transition: all .5s; display: inline-block; color: #f7f7f7; width: 50px; height: 24px; text-align: center; line-height: 23px; font-size: 23px; position: absolute; top: 8px; left: 0;}
.faq ul li.question.active:after {transform: rotate(-180deg);}
.faq ul li.answer {display: none;}
.faq ul li.answer div {padding: 24px 0 0 0;}
.faq ul li.answer p:only-of-type, .faq ul li.answer p:first-of-type {padding-top: 0;}

.search-results {}
.search-results .item {padding: 24px 0; border-top: 1px solid #ECDE77;}
.search-results .item h3 {padding: 0;}
.search-results .item h3 a {color: #CE1537;}
.search-results .item h3 + p {padding: 10px 0;}
.search-results .item .image {position: relative; z-index: 1; border-radius: 5px 5px 20px 5px; overflow: hidden; padding-top: 65%; margin: 0;}
.search-results .item .image a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4;}
.search-results .item .image picture {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.search-results .item .image picture img {width: 100%; height: 100%; object-fit: cover;}

.sitemap {}
.sitemap a, .sitemap a:hover {color: #282828;}
.sitemap ul {margin: 0; padding: 0;}
.sitemap > ul {margin-top: 32px;}
.sitemap ul li {margin: 0; padding: 0; list-style: none;}
.sitemap ul li ul li {margin-left: 10px; font-size: 16px;}
.sitemap ul li p {margin: 0; padding: 0;}
.sitemap ul li.level-1 {}
.sitemap ul li.level-1 > a, .sitemap ul li.level-1 > p {font-weight: bold; font-size: 20px; color: #CE1537;}
.sitemap ul li.level-2 {}
.sitemap ul li.level-2 > a, .sitemap ul li.level-2 > p {font-weight: bold;}
.sitemap ul li.level-2 > a {font-weight: bold; color: #65696B;}
.sitemap ul li.level-2 > p {font-weight: bold; color: #282828;}
.sitemap ul li.level-3 {}
.sitemap ul li.level-3 > a {font-weight: normal;}
.sitemap ul li.level-4 {}
.sitemap ul li.level-4 > a {font-weight: normal; font-style: italic;}
.sitemap ul li.level-5 {}
.sitemap ul li.level-5 > a {font-weight: normal; font-style: normal; font-size: 14px;}

.cookie-table {padding-top: 24px;}
.cookie-table p {padding: 0;}
.cookie-table table.table {width: 100%; display: -ms-inline-flexbox; overflow-x: auto;}
.cookie-table table.table caption {display: none;}
.cookie-table table.table thead {}
.cookie-table table.table thead tr {border-bottom: 1px solid #ddd;}
.cookie-table table.table thead tr th {padding: 12px 10px; color: #CE1537;}
.cookie-table table.table tbody tr {border-bottom: 1px solid #ddd;}
.cookie-table table.table tbody tr:last-of-type {border-bottom: 0px;}
.cookie-table table.table tbody tr:nth-child(odd) {background-color: #FFFFFF;}
.cookie-table table.table tbody tr:nth-child(even) {background-color: #F7F7F7;}
.cookie-table table.table tbody tr td {padding: 10px;}
.cookie-table table.table tbody tr td strong {color: #00426A;}
.cookie-table table.table {border: 1px solid #ddd; border-collapse: collapse; margin: 0 0 24px 0; padding: 0; width: 100%; table-layout: fixed;}
.cookie-table table.table caption {}
.cookie-table table.table tr {background-color: #F7F7F7; border: 1px solid #ddd;}
.cookie-table table.table th,.cookie-table table.table td {text-align: left;}
.cookie-table table.table th {text-transform: uppercase;}

.dialog-dimming {top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.9); display: block; content: ""; position: fixed; transition: all linear 250ms; z-index: 9;}
.dialog {top: 50%; left: 50%; width: auto; max-width: 320px; height: auto; padding: 0 40px 24px 40px; background-color: #FFFFFF; position: fixed; transform: translate(-50%, -50%); transition: all linear 125ms; z-index: 10; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); border-radius: 5px 5px 50px 5px;}
.dialog p.heading-3 {padding-right: 52px;}
.dialog .close {top: 24px;  right: 40px; width: 32px; height: 32px; background-color: #CE1537; border-radius: 3px 3px 15px 3px; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; position: absolute; cursor: pointer; z-index: 1;}
.dialog .close:before {width: 32px; height: 32px; line-height: 32px; font-size: 14px; font-weight: 700; font-family: "Font Awesome 5 Pro"; text-align: center; content: "\f00d"; color: #FFFFFF; display: block;}
.dialog .close:hover {background-color: #ECDE77;}
.dialog .close:hover:before {color: #282828;}
.dialog-dimming.hidden, .dialog.hidden {opacity: 0; z-index: -1;}
.dialog-dimming.hidden {transition-delay: 250ms;}
.dialog.hidden {top: 40%;}

.image-slider {margin: 24px 0 0 0; border-radius: 5px 5px 20px 5px; display: block; overflow: hidden;}
.image-slider figure,
.image-slider figure picture,
.image-slider figure picture img {margin: 0; padding: 0; display: block;}
.image-slider button {position: absolute; z-index: 10; color: transparent; border: none; outline: none; background: transparent; font-size: 0; line-height: 0; padding: 0; width: 46px; height: 40px; background-image: url(/Images/slider-next.svg); background-size: cover; background-repeat: no-repeat;}
.image-slider button.slick-prev {left: 15px; top: 50%; transform: translateY(-50%) rotate(-180deg);}
.image-slider button.slick-next {right: 15px; top: 50%; transform: translateY(-50%) rotate(0deg);}
.col-lg-4 .image-slider button,
.col-lg-5 .image-slider button {width: 37px; height: 32px;}

.contact-global {background-color: #FFFFFF; border-radius: 5px 5px 20px 5px; overflow: hidden; padding: 22px 22px 22px 60px; margin-bottom: 10px; position: relative; -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);}
.contact-global:first-of-type {margin-top: 24px;}
.contact-global:before {font-family: "Font Awesome 5 Pro"; content: '\f879'; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-weight: 900; font-size: 20px; color: #CE1537;}
.contact-global.mail:before {content: '\f0e0';}
.contact-global p {padding: 0;}
.contact-global a {color: #000000;}
.contact-global .title {font-weight: bold;}
.contact-global .description {font-size: 14px; line-height: 18px; color: #656868;}
.contact-global + .contact-global {margin-bottom: 24px;}

@keyframes smile-in {
  0% {opacity: 0;}
  50% {opacity: 1; transform: rotate(0);}
  100% {opacity: 1; transform: rotate(-10deg);}
}

@keyframes smile-out {
  0% {opacity: 1; transform: rotate(-10deg);}
  50% {opacity: 1; transform: rotate(0);}
  100% {opacity: 0;}
}

@media (max-width: 1399px) {
    main section.header-image-video .circle {width: 115%; padding-top: 115%;}
    main section.header-image-video .circle .heading-1 {font-size: 35px; line-height: 31px;}
}

@media (max-width: 1360px) {
    main section.home-header .wrapper {margin: 0 20px;}
}

@media (max-width: 1199px) {
    .contact {margin-top: -48px;}
    .image-with-circles .circles {width: 30%;}
    .image-with-circles .circles .circle .heading-1 {font-size: 25px; line-height: 32px;}
    main section.header-image-video .circle {width: 100%; padding-top: 100%;}
    header #header_top .score.desktop {display: none;}
    header #header_top .score.mobile {display: inline-block;}
}
@media (min-width: 992px) and (max-width: 1299px) {
    .usps-small {flex-wrap: wrap;}
    .usps-small .usp {flex: 0 0 auto; width: 50%;}
}
@media (min-width: 992px) and (max-width: 1099px) {
    header #header_bottom .placeholder .logo {padding-top: 50px;}
    header #header_bottom .placeholder .logo:after {bottom: -10px; left: 72px;}
    header #header_bottom .placeholder .logo a img {height: 36px;}
    header #header_top .score.desktop {display: none;}
    header #header_top .score.mobile {display: none;}
    main section.home-header .home-header-wrapper .image-wrapper.second-image .overlay .title {font-size: 30px; line-height: 32px;}
    main section.home-header .home-header-wrapper .image-wrapper.second-image .overlay .sub-title {font-size: 16px;}
}
@media (min-width: 992px) {
    .usps .placeholder .forall {left: -200px !important; transform: none !important;}
    .usp-navigation {display: none; visibility: hidden;}
    .bottom-bar {display: none; visibility: hidden;}
    .news.overview.homepage .slider-navigation {display: none; visibility: hidden;}
}
@media (max-width: 991px) {
    .umbraco-forms-form .umbraco-forms-field textarea {min-height: 120px;}
    header {position: relative; z-index: 9999;}
    header #header_top ul.qasa {margin: 0 auto; display: table; float: none;}
    header #header_top .search-icon,
	header #header_top ul.usps,
	header #header_bottom nav#primary, 
	header #header_bottom nav#secondary {display: none; visibility: hidden;}
    header #header_top .marquee-wrapper {display: none;}
    header #header_bottom .placeholder {margin-top: 0;}
	header #header_bottom .placeholder .logo {margin: 0 auto; padding-top: 0; display: table;}
	header #header_bottom .placeholder .logo:after {bottom: -10px; left: 73px; width: 80px; height: 80px; border-radius: 50%;}
    header #header_bottom .placeholder .logo a {padding-bottom: 8px; padding-top: 24px;}
	header #header_bottom .placeholder .logo a img {width: 160px; height: 32px;}
    header #header_bottom .placeholder .mobile-search,
    header #header_bottom .placeholder .mobile-stores /*,
    header #header_bottom .placeholder .mobile-burger*/ {position: absolute; top: 8px; display: block;}
    header #header_bottom .placeholder .mobile-search {width: 48px; height: 48px; left: 0;} 
    header #header_bottom .placeholder .mobile-stores {width: 48px; height: 48px; right: 0;}
    header #header_bottom .placeholder .mobile-stores img {margin-top: -8px;}
    header #header_bottom .placeholder .mobile-search:before {content: '\f002'; width: 48px; height: 48px; line-height: 48px; color: #CE1537; font-size: 25px; font-family: "Font Awesome 5 Pro"; font-weight: 900; text-align: center; display: block;}
    header #header_bottom .placeholder .mobile-stores a {width: 48px; height: 48px; display: block;}
    header #header_bottom .placeholder .mobile-stores:after {bottom: 0; line-height: 16px; content: "Winkels"; font-size: 12px; font-weight: bold; color: #CE1537; position: absolute; pointer-events: none;}
    /*
        header #header_bottom .placeholder .mobile-burger {width: 48px; height: 48px; left: 0;}
        header #header_bottom .placeholder .mobile-burger:before {content: '\f0c9'; width: 48px; height: 48px; line-height: 48px; color: #CE1537; font-size: 30px; font-family: "Font Awesome 5 Pro"; font-weight: 400; text-align: center; display: block;}
    */
    header #header_bottom .placeholder .mobile-search.opened:before,
    header #header_bottom .placeholder .mobile-burger.is-active:before {content: '\f00d';}
    header .mega-dropdown {top: 64px;}
    main section#header-video, main section#header-image {text-align: center; border-radius: 0;}
    main section.header-image-video .image-placeholder .image-wrapper figure,
    main section.header-image-video .image-placeholder .image-wrapper {position: absolute;}
    main section.header-image-video .image-placeholder .image-wrapper .slider figure {position: relative;}
    .homepage main section#header-video + section.is-intro, 
    .homepage main section#header-image + section.is-intro {margin-top: 100px;}
    .page main section#header-video + section.is-intro, 
    .page main section#header-image + section.is-intro {margin-top: 0;}
    main section#header-video + section.is-intro .placeholder .row > div:first-of-type:after, main section#header-image + section.is-intro .placeholder .row > div:first-of-type:after {display: none;}
    main section.header-image-video .circle {width: 60%; padding-top: 60%; display: inline-block; margin-top: 20px;}
    main section.header-image-video + section.is-intro .placeholder > .padding > .row > div:nth-child(2) {margin-top: 0;}
    main section.header-image-video + section.is-intro .placeholder > .padding > .row > div:first-of-type .padding.right {padding-right: 0;}
    main section.home-header .home-header-wrapper {border-radius: 0;}
    main section.home-header .home-header-wrapper .image-wrapper {border-radius: 5px 5px 20px 5px; margin-bottom: 24px;}
    main section.home-header .home-header-wrapper .image-wrapper.first-image {margin-top: 12px;}
    main section.home-header .home-header-wrapper .image-wrapper.second-image,
    main section.home-header .home-header-wrapper .image-wrapper.third-image {position: relative; width: unset; height: unset;}
    main section.home-header .home-header-wrapper .image-wrapper.third-image {bottom: unset;}
    main section.home-header .home-header-wrapper .image-wrapper .image {padding-top: 40% !important;}
    main section.home-header .home-header-wrapper .image-wrapper .overlay {left: 10px !important; bottom: 10px !important; top: unset !important; transform: unset !important; max-width: unset !important;}
    main section.home-header .home-header-wrapper .image-wrapper .overlay[data-video="True"] { bottom: 36px !important;}
    main section.home-header .home-header-wrapper .image-wrapper a {font-size: 12px !important; padding: 6px 12px !important;}
    main section.home-header .home-header-wrapper .image-wrapper .overlay .title {font-size: 24px; line-height: 26px;}
    main section.home-header .home-header-wrapper .image-wrapper .overlay .sub-title {font-size: 18px; line-height: 20px;}
    main section.home-header .home-header-wrapper .image-wrapper .overlay .button { margin-top: 12px !important;}

    footer {margin-bottom: 79px;}
    footer #footer_top .footer-navigation {border-bottom: 1px solid #65696B;}
	footer #footer_top .col-lg-4:last-of-type .footer-navigation {border-bottom: 0;}
	footer #footer_top .footer-navigation .padding.bottom {padding-bottom: 0;}
	footer #footer_top .footer-navigation p.heading-4.toggler {padding-top: 12px;}
	footer #footer_top .footer-navigation p.heading-4.toggler:after {margin-left: 5px; font-family: "Font Awesome 5 Pro"; font-weight: 300; color: #CE1537; content: "\f078"; transition: transform linear 125ms; display: inline-block;}
	footer #footer_top .footer-navigation p.heading-4.toggler.expanded:after {transform: rotate(-180deg);}
	footer #footer_top .logo, 
	footer #footer_top .footer-navigation ul.toggle-navigation,
	footer #footer_top .footer-navigation .footer-locations {display: none;}
	footer #footer_bottom {text-align: center;}
	footer #footer_bottom span#copyright, 
	footer #footer_bottom span#copyright-navigation,
    footer #footer_bottom span#copyright-navigation a,
	footer #footer_bottom span#copyright-line {margin: 0; text-align: center; display: block; float: none;}
    footer #footer_bottom span#copyright-navigation a {display: inline-block;}
    .contact {margin-top: 0;}
    .kitchen-detail:before {right: -.75rem; left: -.75rem; border-radius: 0;}
    .kitchen-detail .kitchen-thumb-slider .slick-list {position: relative; top: 0; transform: unset;}
    .kitchen-detail .kitchen-thumb-slider .slick-slide {margin: 0 8px;}
    .kitchen-detail .kitchen-thumb-slider-wrapper {padding: 1.5rem 30px;}
    .kitchen-detail .kitchen-thumb-slider-wrapper:before {top: 0; left: 30px; height: 100%; width: 10%; background: -moz-linear-gradient(270deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: -webkit-linear-gradient(270deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: linear-gradient(270deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%);}
    .kitchen-detail .kitchen-thumb-slider-wrapper:after {right: 30px; left: unset; bottom: 0; height: 100%; width: 10%; background: -moz-linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: -webkit-linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); background: linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%);}
    .kitchen-detail .kitchen-thumb-slider-controls button.slick-prev {top: 50%; left: 0; transform: translateY(-50%); background-image: url(/Images/slider-prev.svg);}
    .kitchen-detail .kitchen-thumb-slider-controls button.slick-next {bottom: unset; top: 50%; right: 0; left: unset; transform: translateY(-50%);}

    /**/
    .kitchen-detail .kitchen-thumb-slider-wrapper > button.slick-prev {top: 50%; left: 0; right: unset; transform: translateY(-50%) rotate(-180deg);}
    .kitchen-detail .kitchen-thumb-slider-wrapper > button.slick-next {top: 50%; right: 0; left: unset; transform: translateY(-50%) rotate(0deg);}
    /**/

    .references.overview .placeholder .reference.slick-slide.slick-current .body {border-right: 0;}
    .usps {margin-bottom: 48px;}
    .usps .placeholder {background-color: #FFFFFF; margin-top: 0; padding: 24px 0 24px 0;}
    .usps .placeholder:before {position: absolute; top: 48px; left: 0; bottom: 0; right: 0; width: 200%; transform: translateX(-20%);}
    .usps .placeholder .usp .padding.left {padding-left: 10px;}
    .usps .placeholder .usp .padding.right {padding-right: 10px;}
    .usps .placeholder .usp .icon {margin: 0 auto 0 auto !important;}
    .usps .placeholder .usp .body {text-align: center;}
    .usps .placeholder .forall {left: 50%; transform: translateX(-50%);}
    .usps .button.mobile {display: block; text-align: center; padding: 0 0 24px 0;}
    .usps + .button.desktop {display: none;}
    .usps-small {height: unset; padding: 5px 0;}
    .usps-small .usp {text-align: center;}
    .usps-small .usp .icon {display: inline-block}
    .usps-small .usp .icon img {width: 40px; height: 40px;}
    .usps-small .usp p {line-height: 30px; font-size: 14px; vertical-align: top; max-width: calc(100% - 55px); display: inline-block; padding: 5px 0;}
    .image-with-circles {margin-bottom: 80px;}
    .image-with-circles .circles {width: 100%; top: unset; bottom: -100px; transform: unset; text-align: center;}
    .image-with-circles .circles .circle {width: 40%; padding-top: 40%; display: inline-block;}
    .image-with-circles .circles .circle:first-of-type {}
    .image-with-circles .circles .circle p.button {padding-top: 10px;}
    .image-with-circles .circles .circle .heading-1 {font-size: 40px; line-height: 36px;}
    .image-with-circles .image {width: 100%;}
    .news.overview.homepage h2 {float: unset;}
    .news.overview.homepage p.button,
    .news.overview.homepage p.text-link {float: unset; display: inline-block; margin-bottom: 24px; padding: 0;}
    .news.overview.homepage .item {margin: 0 5px 0 5px; height: 100%;}
    .news.overview.homepage .item .body {padding: 10px;}
    .news.overview.homepage .slick-track {display: flex !important;}
    .news.overview.homepage .slick-slide {height: inherit !important;}

    .kitchens-overview .kitchens .kitchen .title, 
    .completed-kitchens .completed-kitchens-slider .kitchen .title,
    .news.overview .news-tiles .news-tile .title {font-size: 16px;}

    main section.header-image-video .text-col .placeholder {position: absolute; width: 100%; top: 0; left: 0;}
    .bottom-bar ul li.appointment a span {line-height: 48px;}

    main section.header-image-video.news#header-video, main section.header-image-video.news#header-image {max-height: unset; min-height: unset; border-radius: 0 0 75px 15px;}
    main section.header-image-video.news#header-video .wrapper, main section.header-image-video.news#header-image .wrapper {margin-bottom: -48px; position: relative;}
    main section.header-image-video.news .wrapper .container-fluid, main section.header-image-video.news .wrapper .container-fluid .row {height: 100%;}
    main section.header-image-video.news .image-placeholder {width: 100%;}
    main section.header-image-video.news .image-placeholder, main section.header-image-video.news .image-placeholder .image-wrapper, main section.header-image-video.news .image-placeholder .image-wrapper figure, main section.header-image-video.news .image-placeholder .image-wrapper figure picture {height: auto; min-height: unset; display: block;}
    main section.header-image-video.news .image-placeholder .image-wrapper, main section.header-image-video.news .image-placeholder .image-wrapper figure {position: relative;}
    main section.header-image-video.news .image-placeholder .image-wrapper {position: static;}
    main section.header-image-video.news .image-placeholder img {width: 100%; height: auto; object-fit: unset;}
    main section.header-image-video.news .image-placeholder:before {top: 0; right: 0; left: 0; width: 100%; height: 25%; background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=0 ); position: absolute; content: ""; z-index: 1;}
    main section.header-image-video.news .content {margin-left: unset; padding: 20px; text-align: left;}
    main section.header-image-video.news .content h1 {padding: 0;}

}
@media (max-width: 991.98px) {
    header #header_top.offset {margin-bottom: 0;}
    header #header_bottom.fixed {position: relative;}
}
@media (min-width: 768px) {
    .news.overview .item p.summary {height: 120px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
}
@media (max-width: 767px) {
    .bottom-bar ul li.appointment a span {line-height: 24px;}
    h1, .heading-1 {font-size: 30px; line-height: 32px;}
    h2, .heading-2, .umbraco-forms-form .umbraco-forms-field.titleanddescription h2 {font-size: 30px; line-height: 36px;}
    h1 + h2, .heading-1 + .heading-2 {line-height: 32px;font-size: 24px;}
    h3, .heading-3, .umbraco-forms-form .umbraco-forms-field.titleanddescription h2 span {font-size: 24px; line-height: 32px;}
    .contact {margin-top: 24px;}
    .card:before,
    .card.left:before {right: -.75rem; left: -.75rem; top: 148px; border-radius: 0;}
    .card .body {padding: 48px 24px;}
    .card .media {margin: 0;}
    .card .media img {border-radius: 20px 20px 0 0;}
    .card.with-icon .media {margin: 0;}
    .tiles {padding: 0;}
    .tiles:before {display: none;}
    .tiles .tiles-wrapper {padding: 0;}
    .tiles.small .tiles-wrapper .tiles-placeholder,
    .tiles .tiles-wrapper .tiles-placeholder {padding: 0; border-radius: 50px 0 0 50px;}
    .tiles .tiles-wrapper .tiles-placeholder .row {position: relative;}
    .tiles .tiles-wrapper .tiles-placeholder .row > div:nth-child(3n+1) .tile .title {left: 22px;}
    .tiles .tiles-wrapper .tile {position: relative; padding-top: 75%; top: unset !important; right: unset !important; bottom: unset !important; left: unset !important; margin-bottom: .75rem;}
    .tiles.small .tiles-wrapper .tile {padding-top: 50%;}
    .tiles .tiles-wrapper .tiles-placeholder .row > div:last-of-type .tile {margin-bottom: 0;}
    .tiles .tiles-wrapper .tile .title {width: calc(100% - 22px); padding: 0 60px 0 0; bottom: 18px;}
    .tiles .tiles-wrapper .tile .title:after {width: 35px; height: 30px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); margin: 0;}
    .kitchen-detail .kitchen-card {margin-top: 32px;}
    .receipt:before {border-radius: 0; right: -.75rem; left: -.75rem;}
    .receipt ul {padding-top: 48px;}
    .news.overview.homepage:after {right: -.75rem; left: -.75rem; height: 100%; border-radius: 0;}
    .news.overview.homepage h2 {padding: 24px 0 0 0; float: none;}
    .news.overview.homepage p.text-link, .news.overview.homepage p.button {margin: 0; padding: 15px 0 24px 0; float: left;}
    .news.overview.homepage p.button {margin-right: 20px;}
    .news.detail figure {margin-top: 24px;}
    .image-with-circles .circles .circle {width: 45%; padding-top: 45%;}
    .image-with-circles .circles .circle .heading-1 {font-size: 25px; line-height: 32px;}
    main section.header-image-video .text-col {height: 70%; position: relative;}
    main section.header-image-video .circle {width: 80%; padding-top: 80%; display: inline-block; margin-top: -40px;}
    main section#header-video .wrapper .placeholder p.heading-1, main section#header-image .wrapper .placeholder p.heading-1 {font-size: 32px; line-height: 48px; padding-top: 24px;}
    main section#header-video + section.is-intro, 
    main section#header-image + section.is-intro {margin-top: 300px;}
    main section.header-image-video + section.is-intro .intro-row h1 {font-size: 40px; line-height: 36px;}
    main section.header-image-video + section.is-intro .intro-row h2 {font-size: 36px; line-height: 34px;}
    main section.home-header .home-header-wrapper .image-wrapper .image {padding-top: 60% !important;}
    main section.home-header .home-header-wrapper .image-wrapper.second-image .image,
    main section.home-header .home-header-wrapper .image-wrapper.third-image .image {padding-top: 60% !important;}
    .locations .location-finder button {display: block; margin-top: 15px;}
    .logos .logos-navigation {margin: 12px auto 0 auto; display: table;}
    .logos .logos-navigation .logos-prev, .logos .logos-navigation .logos-next {top: unset; margin: 0 5px; transform: unset; position: static; display: inline-block; float: left;}
    .logos .logos-navigation .logos-prev {left: unset; transform: unset;}
    .logos .logos-navigation .logos-next {right: unset; transform: unset;}
    .umbraco-forms-form input[type=submit] {margin-top: 20px;}
    .image-slider button {width: 37px; height: 32px;}
    main section#header-video, main section#header-image {overflow: visible !important;}
    main section.header-image-video .circle {width: 327px; padding-top: 327px;}
    main section.header-image-video .circle .heading-1 {font-size: 26px; line-height: 30px; padding: 0 20px 0 20px;}
    main section.header-image-video .circle p {font-size: 14px; line-height: 20px;}
    main section#header-video, main section#header-image {text-align: center;}
    .umbraco-forms-form.appointment .umbraco-forms-field.date,
    .umbraco-forms-form.appointment .umbraco-forms-field.futuredatetimepicker,
    .umbraco-forms-form.appointment .umbraco-forms-field.dropdown {width: 100%; float: unset; margin-right: 0;}
    .locations .location-finder form {flex-direction: column; align-items: start;}
    .locations .location-finder .field-wrapper {overflow: hidden;}

    .usps {margin-bottom: 24px;}
    .usps .placeholder {margin-top: 24px; padding-top: 0;}
    .usps .placeholder:before {top: 0;}
    .usps .placeholder .usp {min-height: 48px; margin: 5px 0 !important;}
    .usps .placeholder .usp .icon {margin: 0 !important; float: left; padding: 0; width: 48px; height: 48px;}
    .usps .placeholder .usp .icon img {width: 48px;}
    .usps .placeholder .usp .body {width: calc(100% - 72px); margin-left: 72px; text-align: left;}
    .usps .placeholder .usp .body > p {padding-top: 10px;}
    .usps .placeholder .usp .body .description {display: none;}
    .usps .placeholder .usp .padding.bottom {padding-bottom: 10px;}
    .usps .placeholder .usp-1, .usps .placeholder .usp-2 {margin-bottom: 0;}
    .usps + p.button {margin-bottom: 24px;}
    .umbraco-forms-form.appointment .umbraco-forms-field.email, .umbraco-forms-form.appointment .umbraco-forms-field.telefoonnummer {width: 100%;}
}
@media (min-width: 576px) {
    .usps .placeholder .forall {left: 50%; transform: translateX(-50%);}
}
@media (max-width: 575px) {
    main section.background.grey.appointment .placeholder .padding.left {padding-left: 24px;}
    main section.background.grey.appointment .placeholder .padding.right {padding-right: 24px;}
    .umbraco-forms-form .umbraco-forms-field label {white-space: unset;}
    .dialog {width: 100%;}
    header .search-dropdown {padding: 32px 10px;}
	.padding.top {padding-top: 0;}
	.padding.bottom {padding-bottom: 24px;}
	footer #footer_bottom span#copyright-navigation a {float: none;}
    .umbraco-forms-form.appointment .umbraco-forms-field.date,
    .umbraco-forms-form.appointment .umbraco-forms-field.futuredatetimepicker,
    .umbraco-forms-form.appointment .umbraco-forms-field.dropdown {width: 100%; float: unset; margin-right: 0;}
    .references.overview .placeholder .reference.slick-slide.slick-current .body {border-right: 0; border-left: 0;}
    .references.overview .reference-navigation {margin: 24px auto 0 auto; display: table;}
    .references.overview .reference-navigation .reference-prev, .references.overview .reference-navigation .reference-next {top: unset; margin: 0 5px; transform: unset; position: static; display: inline-block; float: left;}
    .references.overview .reference-navigation .reference-prev {left: unset; transform: unset;}
    .references.overview .reference-navigation .reference-next {right: unset; transform: unset;}
    .logos .logos-slider .slick-slide {transition: all linear 125ms;}
    .logos .logos-slider .slick-slide.lt3 {z-index: 1; opacity: 0;}
    .logos .logos-slider .slick-slide.lt2 {z-index: 2; opacity: 0;}
    .logos .logos-slider .slick-slide.lt1 {z-index: 3;}
    .logos .logos-slider .slick-slide.gt1 {z-index: 3;}
    .logos .logos-slider .slick-slide.gt2 {z-index: 2; opacity: 0;}
    .logos .logos-slider .slick-slide.gt3 {z-index: 1; opacity: 0;}
    .usps .placeholder {padding: 24px 0 0 0;}
    .usps .placeholder .usp-1, .usps .placeholder .usp-2 {margin-bottom: 0;}
    .usps .placeholder .forall {left: 0; transform: none; width: 165px; bottom: -18px;}
    .usps .placeholder .forall:after {width: 137px; height: 137px; left: -31px; bottom: -12px;}
    .usps .placeholder .forall object {width: 100%}
    .usps .slick-slide {transition: opacity linear 125ms;}
    .usps .slick-slide:not(.slick-current) {opacity: 0.5;}
    .image-with-circles {padding: 70% 0 70% 0; margin-bottom: 0;}
    .image-with-circles .circles {top: 0; bottom: 0; left: 0; right: 0;}
    .image-with-circles .circles .circle {position: absolute; width: 70%; padding-top: 70%; left: 50%; transform: translateX(-50%);}
    .image-with-circles .circles .circle:first-of-type {top: -12px;}
    .image-with-circles .circles .circle:last-of-type {bottom: 0;}
    .image-with-circles .circles .circle:only-of-type {bottom: unset;}
    .image-with-circles .image figure {border-radius: 50px 0 0 50px;}
    main section#header-video + section.is-intro, 
    main section#header-image + section.is-intro {margin-top: 200px;}
    main section.header-image-video + section.is-intro .image img {position: relative; padding-top: 24px;}
    main section.home-header .home-header-wrapper .image-wrapper .image {padding-top: 75% !important;}
    main section.home-header .home-header-wrapper .image-wrapper.second-image .image,
    main section.home-header .home-header-wrapper .image-wrapper.third-image .image {padding-top: 75% !important;}
    .umbraco-forms-form .umbraco-forms-field.longanswer label {white-space: unset;}
    .completed-kitchens p.button, .all-categories p.button {top: unset; right: unset; position: static; padding: 0 0 24px 0;}
    .completed-kitchens p.button {margin: 0; padding-top: 24px; float: left;}
    .news.overview.homepage .slick-slide {transition: opacity linear 125ms;}
    .news.overview.homepage .slick-slide:not(.slick-current) {opacity: 0.5;}
    .locations .location-finder:before {border-radius: 0; right: -20px;}
    .sitemap {}
    .sitemap ul {margin: 0 !important; padding: 0 !important;}
    .sitemap ul li {margin: 0 !important; padding: 0 !important;}
    .sitemap ul li:not(.level-1).has-children > a {position: relative;}
    .sitemap ul li p, 
    .sitemap ul li a {padding: 12px 0; border-bottom: 1px solid #C6C6C6; display: block;}
    .sitemap ul li:not(.level-1).has-children > a:after {top: 0; right: 0; width: 48px; height: 48px; line-height: 48px; background-color: #F7F7F7; content: "\f077"; font-family: "Font Awesome 5 Pro"; text-align: center; display: inline-block; position: absolute;}
    .sitemap ul li:not(.level-1).has-children.collapsed > a:after {transform: rotate(-180deg);}
}
.grecaptcha-badge {display: none; visibility: hidden;}
@media (max-width: 992px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding: 0 20px;}
    .row {margin: 0 -20px;}
    .row > * {padding: 0 20px;}
    .kitchens-overview .filters {display: grid;}
    .kitchens-overview .filters ul.filter-options > li > span {width: 100%;}
}
@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    header:after {display: none; visibility: hidden;}
    header #header_bottom .placeholder .logo:after {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
}

.cookie-notification {padding: 16px 20px; position: fixed; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.9); border-top: 5px solid #CE1537; z-index: 9999; display: none;}
.cookie-notification p {padding: 0;}
.cookie-notification p a {margin: 0 5px; padding: 4px 10px; background-color: #ECDE77; border: 1px solid #ECDE77; border-radius: 3px 3px 12px 3px; font-size: 14px; font-weight: 700; text-decoration: none; color: #282828; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; position: relative; z-index: 1;}
.cookie-notification p a:hover {background-color: #CE1537; border: 1px solid #CE1537; color: #FFFFFF;}

#CybotCookiebotDialogPoweredbyLink {width: 100%;}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeaderLogosWrapper, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyLink, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyImage {width: 100% !important; height: auto !important; max-height: unset !important; align-self: unset !important; flex-direction: unset !important; align-items: unset !important; display: block !important; flex: unset !important; justify-content: unset !important;}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyImage {display: none; visibility: hidden;}
#CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogPoweredbyLink {background-image: url(/Images/4all_kitchen4all.png); background-position: center center; background-repeat: no-repeat; background-size: contain;}
a#CybotCookiebotDialogPoweredbyCybot {display: none !important; visibility: hidden !important;}
#CookiebotWidget {display: none !important; visibility: hidden !important;}

@media (max-width: 1279.98px) {
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeaderLogosWrapper, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyLink, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyImage {width: 32px !important;}
}

.landingpageHeader {position: relative;}
.landingpageHeader .wrapper {padding: 48px 0; position: relative; display: flex; flex-direction: row;}
.landingpageHeader .wrapper .content {width: 50%; padding: 48px; background-color: #F7F7F7; border-radius: 5px 5px 50px 5px; position: relative; z-index: 2;}
.landingpageHeader .wrapper .content ul {margin: 0; padding: 14px 0 0 0;}
.landingpageHeader .wrapper .content ul li {margin: 10px 0 0 0; list-style: none; position: relative; padding-left: 30px;}
.landingpageHeader .wrapper .content ul li::before {top: 0; left: 0; width: 20px; height: 17px; background-image: url('/Images/check.png'); background-position: center left; background-size: 20px 17px; background-repeat: no-repeat; display: block; content: ""; position: absolute;}
.landingpageHeader .wrapper .content p.button a {padding: 12px 30px;}
.landingpageHeader .wrapper .content p.button a span::after {margin-left: 10px; font-family: 'Font Awesome 5 Pro'; font-size: 20px; font-weight: 500; content: attr(data-icon); display: inline-block; vertical-align: middle;}
.landingpageHeader .image {width: calc(50% + 60px); top: 0; bottom: 0; left: calc(50% - 48px); position: absolute; z-index: 1;}
.landingpageHeader .image img {width: 100%; height: 100%; object-fit: cover;}
.landingpageHeader .svg-circle {top: 36px; right: 0; width: 320px; transform: rotate(0deg); transition: all ease .2s; transition-delay: .2s; position: absolute; z-index: 2;}
.landingpageHeader .svg-circle a {top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
.landingpageHeader .svg-circle:hover {transform: rotate(-10deg);}
.wrapper .landingpageHeader {margin-top: 48px; position: relative;}
.wrapper .landingpageHeader .image {width: calc(50% + 48px); left: calc(50% - 48px); border-radius: 10px 10px 100px 10px; overflow: hidden;}
.wrapper .landingpageHeader .svg-circle {right: 36px;}

.appointmentWithOpeningHours {}
.appointmentWithOpeningHours .form {margin: 24px 0 0 0; background-color: #F7F7F7; border-radius: 5px 5px 20px 5px; padding: 24px 48px 48px 48px;}
.appointmentWithOpeningHours .form input[type=text] {width: 50%;}
.appointmentWithOpeningHours .form input[type=submit] {width: unset; padding: 12px 20px;}

@media (max-width: 576px) {
.landingpageHeader .wrapper {padding: 0; position: relative; display: flex; flex-direction: row;}
.landingpageHeader .wrapper .content {width: 100%; margin: -96px 0 0 0; padding: 0px 24px 24px 24px; background-color: #F7F7F7; border-radius: 5px 5px 50px 5px; position: relative; z-index: 2;}
.landingpageHeader .image, .wrapper .landingpageHeader .image {width: calc(100% + 40px); height: 280px; left: -20px; border-radius: 0; position: relative;}
.landingpageHeader .svg-circle, .wrapper .landingpageHeader .svg-circle {top: calc(-40vw - 120px); right: 0; width: 40vw;}
.appointmentWithOpeningHours .form {padding: 0px 24px 24px 24px;}
.appointmentWithOpeningHours .form input[type=text] {width: 100%;}
}

@media (min-width: 576.02px) and (max-width: 820px) {
.landingpageHeader .wrapper {padding: 0; position: relative; display: flex; flex-direction: row;}
.landingpageHeader .wrapper .content {width: 100%; margin: -96px 0 0 0; padding: 48px; background-color: #F7F7F7; border-radius: 5px 5px 50px 5px; position: relative; z-index: 2;}
.landingpageHeader .image, .wrapper .landingpageHeader .image {width: calc(100% + 40px); height: 480px; left: -20px; border-radius: 0; position: relative;}
.landingpageHeader .svg-circle, .wrapper .landingpageHeader .svg-circle {top: calc(-40vw - 120px); right: 0; width: 40vw;}
}
@media (min-width: 820.02px) and (max-width: 1024px) {
.landingpageHeader .svg-circle {width: 25vw;}
}

body.temp figure.media {padding-top: 75%;}
body.temp figure.media a {z-index: 2;}
body.temp figure.media picture {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; position: absolute; z-index: 0;}
body.temp figure.media picture img {width: 100%; height: 100%; object-fit: cover;}

section.no-padding .padding.top {padding-top: 0;}
section.no-padding .padding.bottom {padding-bottom: 0;}

.magazine {}
.magazine .form-wrapper {height: 100%; padding: 72px 160px 96px 48px; background-color: #F7F7F7; border-radius: 0 0 0 60px;}
.magazine .form-wrapper ._form {margin: 0 !important; padding: 0 !important;}

._form ._form-content ._form_element {padding-bottom: 2px;}
._form ._form-content ._form_element._width_half {width: calc(50% - 6px); float: left;}
._form-content > ._form_element._width_half:nth-child(odd) {margin-right: 12px;}
._form ._form-content ._form_element._width_third {width: calc((100% - 24px) / 3); float: left;}
._form ._form-content ._form_element._width_third:not(:nth-child(3n)) {margin-right: 12px;}
._form ._form-content ._form_element._width_40 {width: 30%; display: inline-flex; float: left;}
._form ._form-content ._form_element._width_50 {width: calc(40% - 20px); margin-left: 20px; display: inline-flex;}
._form ._form-content ._form_element.policy ._checkbox-radio {display: flex; align-items: center; gap: 6px;}
._form ._form-content ._form_element.policy {padding-top: 6px;}

._form ._form-content ._form_element ._field-wrapper {display: flex; flex-flow: column-reverse; width: 100%; position: relative;}
._form ._form-content ._form_element ._field-wrapper.list {display: block !important; flex-flow: unset !important; padding: 0 !important;}
._form ._form-content ._form_element ._field-wrapper label, 
._form ._form-content ._form_element ._field-wrapper input {transition: all 0.2s; touch-action: manipulation; -webkit-appearance: none; cursor: text;}
._form ._form-content ._form_element ._field-wrapper input[type=checkbox] {-webkit-appearance: checkbox; position: absolute; top: 14px; left: 0; cursor: pointer;}
._form ._form-content ._form_element ._field-wrapper .field-row {position: relative;}
._form ._form-content ._form_element ._field-wrapper input[type=radio],
._form ._form-content ._form_element ._field-wrapper .field-row input[type=radio] {-webkit-appearance: radio; position: absolute; top: 6px; left: 0; cursor: pointer;}
._form ._form-content ._form_element ._field-wrapper .field-row input[type=radio] + label {font-size: 14px !important; font-weight: 400 !important;}
._form ._form-content ._form_element ._field-wrapper select.input-validation-error,
._form ._form-content ._form_element ._field-wrapper input.input-validation-error {background-color: rgba(221, 31, 38, 0.1);}
._form ._form-content ._form_element ._field-wrapper label {white-space: nowrap; cursor: default;}
._form ._form-content ._form_element ._field-wrapper.dataconsent label {white-space: unset;}
._form ._form-content ._form_element ._field-wrapper.dataconsent label.control-label {white-space: unset;}
._form ._form-content ._form_element ._field-wrapper:not(.date) input:placeholder-shown + label {cursor: text; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; transform: translate(20px, 32px); color: #65696B; width: 100%;}
._form ._form-content ._form_element ._field-wrapper:not(.date) input::-webkit-input-placeholder {opacity: 0; transition: inherit; font-size: 14px;}
._form ._form-content ._form_element ._field-wrapper:not(.date) input::-moz-placeholder {opacity: 0; transition: inherit; font-size: 14px;}
._form ._form-content ._form_element ._field-wrapper:not(.date) input:focus::-webkit-input-placeholder {opacity: 0.9;}
._form ._form-content ._form_element ._field-wrapper:not(.date) input:focus::-moz-placeholder {opacity: 0.9;}
._form ._form-content ._form_element ._field-wrapper:not(.date) input:not(:placeholder-shown) + label,
._form ._form-content ._form_element ._field-wrapper:not(.date) select:not(:placeholder-shown) + label,
._form ._form-content ._form_element ._field-wrapper:not(.date) input:focus + label {transform: translate(0, 0); font-size: 12px;}
._form ._form-content ._form_element ._field-wrapper.date label,
._form ._form-content ._form_element ._field-wrapper.futuredatetimepicker label {transform: translate(0, 0); font-size: 12px;}
._form ._form-content ._form_element ._field-wrapper input[type=text],
._form ._form-content ._form_element ._field-wrapper input[type=tel],
._form ._form-content ._form_element ._field-wrapper input[type=date],
._form ._form-content ._form_element ._field-wrapper input[type=email],
._form ._form-content ._form_element ._field-wrapper input[type=password],
._form ._form-content ._form_element ._field-wrapper input[type=time],
._form ._form-content ._form_element ._field-wrapper select {width: 100%; line-height: 38px; margin: 0; padding: 0; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: block; outline: none;}

    ._form ._form-content ._form_element ._field-wrapper.zipcode {width: 40%; display: inline-block;}
    ._form ._form-content ._form_element ._field-wrapper.city {width: 50%; display: inline-block;}

._form ._form-content ._form_element ._field-wrapper input[type=date],
._form ._form-content ._form_element ._field-wrapper select {height: 38px;}
._form ._form-content ._form_element ._field-wrapper textarea {width: 100%; min-height: 98px; line-height: 24px; margin: 0; padding: 12px 20px; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; outline: none;}
._form ._form-content ._form_element ._field-wrapper.longanswer label,
._form ._form-content ._form_element ._field-wrapper.dataconsent label.control-label,
._form ._form-content ._form_element ._field-wrapper.dropdown label {margin: 0 !important; font-size: 12px; transform: translate(0, 0); color: #65696B;}
._form ._form-content ._form_element ._field-wrapper.dropdown .select-wrapper {position: relative;}
._form ._form-content ._form_element ._field-wrapper.dropdown .select-wrapper:after {content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 300; display: block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #CE1537; pointer-events: none;}
._form ._form-content ._form_element ._field-wrapper.dropdown select {width: 100%; line-height: 40px; height: 40px; margin: 0; padding: 0; border: 1px solid #C6C6C6; border-radius: 5px 5px 20px 5px; font-size: 16px; text-indent: 20px; display: block; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; position: relative; cursor: pointer;}
._form ._form-content ._form_element ._field-wrapper.titleanddescription h2 {font-size: 33px; line-height: 44px; color: #65696B;}
._form ._form-content ._form_element ._field-wrapper.titleanddescription h2 span {color: #CE1537; font-size: 24px; line-height: 36px;}
._form ._form-content ._form_element ._field-wrapper.titleanddescription {font-size: 14px; line-height: 22px; color: #65696B;}
._form ._form-content ._form_element ._field-wrapper.dataconsent {padding-top: 10px;}
._form ._form-content ._form_element ._field-wrapper.dataconsent label:not(.umbraco-forms-label) {display: inline-block; transform: unset !important; margin-left: 20px;}
._form ._form-content ._form_element ._field-wrapper.fileupload {padding-top: 10px;}
._form ._form-content ._form_element ._field-wrapper.fileupload input[type=file] {background-color: rgba(101,104,104,0.05); border: none; border-radius: 5px 5px 20px 5px; width: 100%; color: #2E398B; cursor: pointer;}
._form ._form-content ._form_element ._field-wrapper.fileupload input[type=file]::file-selector-button {padding: 0 19px; height: 44px; line-height: 44px; background-color: #CE1537; border: 0; color: #FFFFFF; text-decoration: none; display: inline-block; outline: none; cursor: pointer; transition: background-color linear 250ms; margin: 0 20px 0 0;}
._form ._form-content ._form_element ._field-wrapper.fileupload input[type=file]:hover::file-selector-button {background-color: #ECDE77;}
._form ._form-content ._form_element ._field-wrapper.recaptcha3 {display: none;}
._form ._form-content ._form_element ._field-wrapper.longanswer {padding-top: 10px;}
._form ._form-content ._form_element ._field-wrapper.longanswer input::-webkit-input-placeholder {opacity: 0.9;}
._form ._form-content ._form_element ._field-wrapper.longanswer input::-moz-placeholder {opacity: 0.9;}
._form ._form-content ._form_element ._field-wrapper.date,
._form ._form-content ._form_element ._field-wrapper.futuredatetimepicker,
._form ._form-content ._form_element ._field-wrapper.dropdown {min-width: 180px; width: 27%; float: left; margin-right: 16px;}
._form ._form-content ._form_element ._field-wrapper.dropdown.voorkeurstijd {margin-right: 0;}
._form ._form-content ._button-wrapper {margin-top: 12px;}

.magazine figure {height: 100%; padding: 0;}
.magazine figure picture {top: 0; right: 0; bottom: 0; left: 0; border-radius: 0 0 40px 0; position: absolute;}
.magazine figure picture img {width: 100%; height: 100%; object-fit: cover;}

@media (max-width: 820px) {
    .magazine .form-wrapper {padding: 24px 24px 48px 24px; border-radius: 0 0 5px 20px;}
    .magazine figure {height: 100%; padding-top: 60%;}
    .magazine figure picture {border-radius: 0;}
    .store-header { padding: 0 !important; }
}

@media (min-width: 821px) and (max-width: 992px) {
    .magazine .form-wrapper {padding: 24px 24px 48px 24px; border-radius: 0 0 5px 20px;}
    .magazine figure {height: 100%; padding-top: 40%;}
    .magazine figure picture {border-radius: 0;}
}
@media (min-width: 577px) and (max-width: 1340px) {
    ._form ._form-content ._form_element._width_40 {width: calc(50% - 10px);}
    ._form ._form-content ._form_element._width_50 {width: calc(50% - 10px);}
}
@media (max-width: 576px) {
    ._form ._form-content ._form_element._width_40 {width: 100%; float: unset;}
    ._form ._form-content ._form_element._width_50 {width: 100%; margin: 0;}
    ._form ._form-content ._form_element._width_half, ._form ._form-content ._form_element._width_third {width: 100%;}
}

.price-tag {
    background-color: #CE1537;
    position: absolute;
    color: white;
    left: -10px;
    bottom: 35%;
    padding: 5px 10px 5px 5px;
    font-weight: bold;
    border-radius: 0 20px 20px 0;
    z-index: 10;
}

.price-tag.large {
    padding: 5px 10px 5px 10px;
    font-size: 18px;
}

.price-tag-background {
    background-color: darkred;
    bottom: 33%;
    z-index: unset;
    border-radius: 0 0 0 5px;
}

.no-vertical-padding > div.padding {padding-top: 0px !important; padding-bottom: 0px !important;}

#heroVideoVolume {position: absolute; z-index: 99; left: 25px; top: 25px; font-size: 30px; cursor: pointer; transition: opacity 0.5s ease-in-out; pointer-events: none;}
#heroVideoVolume.fade-out {opacity: 0;}
#heroVideoVolume.fade-in {opacity: 1;}

.row-cols-8>*{flex: 0 0 auto; width: 12.5%}

.store-header { padding: 24px 0 !important; }
.store-header.alternative { padding: 0 !important; }
.store-header, .store-header picture, .store-header picture source, .store-header picture img { height: 100%; }
.store-header.alternative , .store-header.alternative picture, .store-header.alternative picture source, .store-header.alternative picture img { height: auto; }

.cta-content-wrapper {background-color: rgba(101, 104, 104, 0.05); height: 100%; border-radius: 5px 5px 5px 50px; width: 100%; word-wrap: break-word;}
.cta-image {display: flex;}
.cta-image .image {margin: auto 0;}
.cta-image-mobile .image {margin: auto 0; padding-top: 16px;}
.cta-image img, .cta-image source {width: 100%; object-fit: contain;}
.cta-content ::marker {color: #CE1537;}
.cta-content h1 {padding: 6px 0 6px 0;}
.cta-content h2 {padding: 6px 0 0 0;}
.cta-content .header {font-family: beyond_infinityregular; font-size: 45px; -webkit-transform-origin: top left; -moz-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; line-height: 41px; font-size: 45px; color: #CE1537;}
.cta-content.centered .header, .cta-content.centered h1, .cta-content.centered h2 {text-align: center;}
@media (max-width: 992px) { .cta-content .header {width: 80%;} }

.cta-big .cta-image {margin-left: -40px; z-index: 2; position: relative;}
.cta-big .cta-image img, .cta-big .cta-image source {border-radius: 5px 5px 50px 5px;}
.cta-big .cta-image-mobile img, .cta-big .cta-image-mobile source {border-radius: 5px 5px 50px 5px;}
.cta-big .cta-content {padding-right: 0px;}
.cta-big .cta-image {padding-left: 0px;}
.cta-big .cta-image-mobile {display: none;}
@media (max-width: 992px) { .cta-big .cta-image {display: none;} .cta-big .cta-image-mobile {display: block;} }

.cta-small .cta-image img, .cta-small .cta-image source {border-radius: 5px 50px 5px 5px;}
.cta-small .cta-content h3 {padding: 0;}

.debugWidget{min-width:48px;min-height:48px;bottom:10px;left:10px;background-color:#ffbf00;border-radius:24px;-webkit-box-shadow:0px 0px 48px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 48px 0px rgba(0,0,0,0.15);box-shadow:0px 0px 48px 0px rgba(0,0,0,0.15);color:#000000;position:fixed;overflow:hidden;cursor:pointer;z-index:99999999}
.debugWidget.debugWidget-active{cursor:default}
.debugWidget .debugWidget-open i{width:48px;height:48px;line-height:48px;text-align:center}
.debugWidget .debugWidget-open:hover i{background-color:#000000;color:#ffbf00}
.debugWidget:not(.debugWidget-active) .debugWidget-open{width:48px;height:48px;bottom:0;left:0;opacity:1;position:absolute;z-index:1}
.debugWidget.debugWidget-active .debugWidget-open{height:0;opacity:0;pointer-events:none;width:0}
.debugWidget .debugWidget-content{max-width:0;max-height:0;border-radius:24px;display:flex;overflow:hidden}
.debugWidget.debugWidget-active .debugWidget-content{max-height:calc(100vh - 20px);max-width:calc(100vw - 20px)}
.debugWidget .debugWidget-contents{min-height:210px;margin:52px 22px 32px 40px;padding-right:22px;display:flex;flex-direction:column;opacity:0;overflow-x:hidden}
.debugWidget .debugWidget-contents::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:4px;background-color:rgba(0,0,0,0.1)}
.debugWidget .debugWidget-contents::-webkit-scrollbar{width:8px}
.debugWidget .debugWidget-contents::-webkit-scrollbar-thumb{border-radius:4px;border:thin solid #000000;background-color:#000000}
.debugWidget.debugWidget-active .debugWidget-contents{flex-grow:1;opacity:1}
.debugWidget .debugWidget-close{top:10px;right:10px;width:32px;height:32px;background-color:#000;border-radius:24px;color:#ffbf00;position:absolute;overflow:hidden;cursor:pointer}
.debugWidget .debugWidget-close:hover{background-color:#FFFFFF;color:#000000}
.debugWidget .debugWidget-close i{width:32px;height:32px;line-height:32px;text-align:center}
.debugWidget p{margin:32px 0 0 0;padding:0;white-space:nowrap;color:#000000}
.debugWidget p:first-of-type{margin-top:0}
.debugWidget p+p{margin-top:0}
.debugWidget code{color:#000000}
.debugWidget ul{margin:32px 0 0 0;padding:0}
.debugWidget ul li{margin:0;padding:0;list-style:none}
.debugWidget ul ul{margin:0;padding:0}
.debugWidget hr{margin:32px 0 0 0;padding:0;border:0;border-top:1px solid #000000}

.umbraco-forms-hidden {display: none !important;}