@font-face
{
    font-family: NPA;
    src: url(../fonts/Ruberoid-Regular.woff2) format("woff2"), url(../fonts/Ruberoid-Regular.woff2) format("woff");
    font-weight: 300;
    font-style: normal
}

.u-zero {
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    font-family: NPA;
    height: 100%;
    line-height: 1.15
}

*,:after,:before {
    box-sizing: inherit
}

::selection {
    background: #fde018;
    color: #fff
}

@-ms-viewport {
    width: device-width
}

aside,footer,header,main,nav,section {
    display: block
}

body {
    background-color: #fff;
    color: #1d1d1b;
    font-family: NPA;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.625;
    margin: 0
}

[tabindex="-1"]:focus {
    outline: none!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,p {
    margin-top: 0
}

address,h1,h2,h3,h4,h5,p {
    margin-bottom: calc(1rem + .7vw)
}

address {
    font-style: normal;
    line-height: inherit
}

ul {
    margin-bottom: calc(1rem + .7vw);
    margin-top: 0
}

ul ul {
    margin-bottom: 0
}

strong {
    font-weight: 800
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    top: -.5em;
    vertical-align: baseline
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    text-decoration: none;
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

a,a:hover {
    color: #fde018
}
.c-nav__link:hover{
    color: #000000;
    font-weight: 600;
}
a:hover {
    text-decoration: none
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    font-family: NPA;
    font-size: 1em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

img {
    border-style: none;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

a,button,input,label,select,textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

label {
    display: inline-block;
    font-size: .875rem;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,input,select,textarea {
    font-family: NPA;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=submit],button {
    -webkit-appearance: button
}

[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: none;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/visby-cf/VisbyCF-BoldOblique.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-BoldOblique.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/visby-cf/VisbyCF-Bold.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/visby-cf/VisbyCF-DemiBoldOblique.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-DemiBoldOblique.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/visby-cf/VisbyCF-LightOblique.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-LightOblique.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/visby-cf/VisbyCF-Medium.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/visby-cf/VisbyCF-DemiBold.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-DemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/visby-cf/VisbyCF-Heavy.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-Heavy.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/visby-cf/VisbyCF-ExtraBoldOblique.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-ExtraBoldOblique.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/visby-cf/VisbyCF-Light.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/visby-cf/VisbyCF-HeavyOblique.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-HeavyOblique.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF Extra;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/visby-cf/VisbyCF-ExtraBold.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-ExtraBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/visby-cf/VisbyCF-MediumOblique.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-MediumOblique.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/visby-cf/VisbyCF-Regular.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Visby CF;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/visby-cf/VisbyCF-RegularOblique.woff2) format("woff2"),url(../fonts/visby-cf/VisbyCF-RegularOblique.woff) format("woff")
}

.alpha,.beta,.delta,.gamma,h1,h2,h3,h4,h5 {
    color: inherit;
    display: block;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1
}

.catalog-info{
    position: absolute;
    top: 35%;
    background-color: #fde018;
    z-index: 9999999;
    left: 0;
    width: 100%;
    padding: 2rem;
    text-align: center;
    opacity: 1;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}

.help-text {
    color: #2d25e0;
    font-size: .875rem
}

a.help-text:hover {
    text-decoration: underline
}

.lead {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625
}

.alpha,h1 {
    font-size: 2.375rem;
    font-weight: 800;
    line-height: 1
}

.beta,h2 {
    font-size: 2.125rem;
    font-weight: 800;
    line-height: 1.2
}

.gamma,h3 {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25
}

.delta,h4 {
    font-size: .9375rem
}

.jota,h5 {
    font-size: .875rem;
    line-height: 1.1
}

hr {
    border: 0;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 1.5625rem;
    margin-top: 1.5625rem
}

small {
    font-size: 80%;
    font-weight: 400;
    line-height: 1.25
}

.list-inline,.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline--separated .list-inline-item {
    margin-right: .78125rem!important
}

.list-inline--separated .list-inline-item:first-of-type:before {
    display: none
}

.list-inline--separated .list-inline-item:before {
    color: #1d1d1b;
    content: "|";
    padding-right: .78125rem
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 1.5625rem
}

[class*=u-gap],[class^=g-] {
    display: grid
}

.g-container {
    grid-template-areas: ". container .";
    grid-template-columns: 3.125rem 1fr 3.125rem
}

.o-container {
    grid-area: container;
    position: relative
}

.o-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

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

.o-img-300px{
    height: 300px;
    max-height: 300px;
}

.o-img--contain {
    object-fit: contain
}

.clipped {
    clip-path: inset(0 round 0 0 1.875rem 1.875rem)
}

.clipped:before {
    background-color: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.has-parallax {
    overflow: hidden;
    position: relative
}

.o-img-inline {
    max-width: 6.25rem
}

.o-square-icon {
    background-color: #fde018;
    border-radius: .625rem;
    color: #fff;
    height: 6.25rem;
    position: relative;
    width: 6.25rem
}

.o-square-icon__svg {
    height: 1.5625rem;
    width: 1.5625rem
}

.o-card {
    background-color: #fff;
    border-radius: 1.875rem;
    padding: 3.125rem
}

.o-card--small {
    padding: 1.5625rem
}

.o-card--smaller {
    padding: .78125rem
}

.o-card--border {
    border: .0625rem solid #e6e6e6
}

.o-band,.o-band-medium,.o-band-small {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem
}

.o-callout {
    box-shadow: 0 0 4.75rem rgba(0,0,0,.2);
    margin: 0 1.5625rem;
    position: relative
}

.o-callout__btn {
    margin-top: 1.5625rem
}

.o-callout__svg {
    position: absolute;
    right: -5.46875rem;
    top: 3.125rem
}

.o-callout--dynamic {
    max-width: none!important
}

.o-graphic {
    position: absolute;
    transform: scale(.5)
}

.o-loader {
    background-color: #fde018;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .4s cubic-bezier(.645,.045,.355,1);
    z-index: 2000
}

.o-loader:after {
    background-color: #e2c919;
    content: "";
    display: block;
    height: 125vw;
    width: 125vw;
    z-index: -1
}

.o-loader:after,.o-loader__progress {
    border-radius: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.o-loader__progress {
    background-color: #ecd119;
    box-shadow: 0 0 3.125rem rgba(50,121,64,.25);
    height: 6.25rem;
    width: 6.25rem;
    z-index: 1
}

.o-loader__progress:before {
    background: transparent url(../images/mocuze-logo.png) 50% no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.o-loader__svg-1 {
    left: 10%;
    top: 4.6875rem
}

.o-loader__svg-2 {
    bottom: 3.125rem;
    right: 20%
}

.o-loader__svg-3 {
    right: -3.90625rem;
    top: 20%
}

.dom-is-loaded .o-loader,.dom-is-reloaded .o-loader {
    transform: scaleX(0);
    transform-origin: right
}

.dom-is-loading .o-loader {
    transform: scaleX(1);
    transform-origin: left
}

.o-logo {
    height: 50px;
    width: 3rem;
}
@media screen and (max-width:374px){
    .alpha, h1 {
        font-size: 1.375rem;
        font-weight: 800;
        line-height: 1;
    }
}
@media screen and (min-width:374px) and (max-width:439px){
    .alpha, h1 {
        font-size: 2rem;
        font-weight: 800;
        line-height: 1;
    }
}
@media screen and (max-width:767px){
    .o-logo {
        height: initial;
        width: 3rem;
    }
    .home-imagegirl{
        display: none;
    }
    .business-cta__picture{
        display: none;
    }
}
@media screen and (min-width:767px){
    .home-imagegirl{
        display: block;
    }
    .business-cta__picture{
        display: block;
    }
}
.o-logo__svg {
    height: inherit;
    width: inherit
}

.header {
    background-color: #fff;
    border-bottom-left-radius: clamp(1.25rem,.9659090909rem + .7575757576vw,1.875rem);
    border-bottom-right-radius: clamp(1.25rem,.9659090909rem + .7575757576vw,1.875rem);
    box-shadow: 0 0 1.625rem rgba(0,0,0,.08);
    height: 5.6875rem;
    left: .78125rem;
    position: fixed;
    right: .78125rem;
    top: 0;
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    z-index: 1030
}

.header__base,.header__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: .78125rem;
    padding-right: .78125rem
}

.header__top {
    background-color: #f4f4f4;
    color: #1d1d1b;
    font-size: clamp(.75rem,.6931818182rem + .1515151515vw,.875rem);
    height: 2rem;
}
.header__top a{
    color: #1d1d1b !important;
    font-weight: 700;
}
.header__top-link {
    font-size: clamp(.75rem,.6363636364rem + .303030303vw,1rem)
}

.header__base {
    height: 3.625rem
}

.header__usps {
    list-style: none;
    margin-bottom: 0
}

.header__usp {
    padding-left: 1.25rem!important
}

.header__usp+.header__usp {
    margin-left: 1rem
}

.header__rating-img {
    height: 1rem;
    margin-top: -.25em;
    width: 1rem
}

.hero {
    background-color: #f4f4f4;
    overflow: hidden;
    position: relative
}

.hero__screen {
    background-color: #fde018;
    border-bottom-right-radius: 1.875rem;
    grid-area: hero-screen
}

.hero__bg {
    height: calc(var(--vh, 1vh)*40 + var(--vh-offset, 0));
    position: relative
}

.hero__bg-img {
    border-bottom-left-radius: 1.875rem;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.hero__bg-svg {
    left: 8rem;
    position: absolute;
    top: 8rem
}

.hero--master .hero__bg-svg {
    left: auto;
    right: 2rem
}

.hero__body,.hero__usps {
    padding: 3.125rem
}

.hero__body {
    position: relative;
    z-index: 2
}

.hero--master .hero__body {
    padding-bottom: 6.25rem
}

.hero--master .hero__title {
    color: #fff
}

.hero__usps {
    list-style: none;
    margin-bottom: 0
}

.product-intro {
    padding-top: 1.5625rem
}

.product-intro__option-label {
    font-size: clamp(.75rem,.6363636364rem + .303030303vw,1rem);
    margin-bottom: 0
}

.product-intro__form {
    background-color: #fff;
    left: 1.5625rem;
    opacity: 0;
    position: absolute;
    right: 1.5625rem;
    top: 0;
    visibility: hidden
}

.product-intro__price {
    line-height: 1.2
}

.product-intro__price-text {
    color: #b4b4b4;
    font-size: .875rem;
    font-weight: 400
}

.product-intro__price--large {
    font-size: clamp(1.625rem,1.5113636364rem + .303030303vw,1.875rem)
}

.product-summary {
    grid-gap: .625rem;
    align-items: center;
    background-color: #fff;
    border-top-left-radius: clamp(1.25rem,.9659090909rem + .7575757576vw,1.875rem);
    border-top-right-radius: clamp(1.25rem,.9659090909rem + .7575757576vw,1.875rem);
    bottom: 0;
    box-shadow: 0 0 1.625rem rgba(0,0,0,.08);
    display: grid;
    grid-template-columns: 1fr 1fr;
    left: .78125rem;
    opacity: 0;
    padding: .78125rem;
    position: fixed;
    right: .78125rem;
    transform: translateY(100%);
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    z-index: 1030
}

.product-summary__title {
    font-size: clamp(1.25rem,1.1363636364rem + .303030303vw,1.5rem)
}

.product-summary__price {
    line-height: 1
}

.has-scrolled .product-summary {
    opacity: 1;
    transform: translateY(0)
}

.business-cta {
    margin-top: 3.125rem;
    padding-bottom: 4.6875rem;
    padding-top: 3.125rem
}

.business-cta__picture {
    margin-bottom: -4.6875rem;
    margin-left: -14.0625rem;
    margin-top: -7.8125rem
}

.business-cta__picture-img {
    object-fit: contain
}

.top-usps {
    padding-bottom: 1.5625rem
}

.contact {
    overflow: hidden;
    position: relative
}

.contact__container {
    padding-bottom: 3.125rem
}

.contact__picture {
    padding: 0 1.5625rem;
    z-index: 1
}

.contact__img {
    object-fit: contain
}

.contact__body {
    padding: 6.25rem 3.125rem 0;
    text-align: center
}

.contact__cta {
    margin-top: -7.8125rem;
    position: relative!important;
    z-index: 2
}

.contact__svg {
    left: 6.25rem;
    top: 10.9375rem
}

.intro--fluid {
    height: auto!important
}

.intro__aside,.intro__body {
    padding: 3.125rem;
    position: relative;
    z-index: 1
}

.intro__body {
    overflow: hidden
}

.intro__aside {
    padding-top: 6.25rem;
    z-index: 3
}

.intro__aside-svg {
    bottom: -.78125rem;
    right: 1.5625rem
}

.intro__usps {
    margin-bottom: 0;
    margin-top: 1.5625rem
}

.intro__cta-svg {
    bottom: 17rem;
    right: -5rem
}

.intro__picture {
    margin: -9.375rem -4.6875rem -4.6875rem 1.5625rem;
    pointer-events: none;
    position: relative;
    z-index: -1
}

.intro__img {
    object-fit: contain
}

.thanks {
    overflow: hidden;
    padding-top: 4.6875rem;
    position: relative;
    z-index: 1
}

.thanks__confetti {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.thanks__picture {
    margin: 0 1.5625rem
}

.thanks__picture-img {
    object-fit: contain
}

.thanks__body {
    padding: 3.125rem
}

.banner {
    z-index: 1
}

.banner__bg {
    z-index: -1
}

.configurator__aside,.configurator__body {
    padding: 3.125rem
}

.configurator__aside {
    padding-bottom: 0;
    position: relative
}

.configurator__aside-footer {
    position: relative
}

.configurator__aside-footer-picture {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
    margin-top: -4.6875rem
}

.configurator__aside-footer-img {
    object-fit: contain
}

.configurator__form {
    height: 100%;
    position: relative
}

.configurator__form-step {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    visibility: hidden;
    width: 100%
}

.configurator__form-step--current {
    opacity: 1;
    visibility: visible
}

.configurator__body {
    padding-top: 6.25rem;
    position: relative
}

.configurator__steps {
    display: flex;
    flex-direction: column;
    margin: 3.125rem 0;
    text-align: center
}

.configurator__steps-list {
    display: flex;
    list-style: none;
    margin: 0 auto .9375rem;
    padding-left: 0
}

.configurator__steps-text {
    color: #b4b4b4;
    display: block;
    font-size: .875rem
}

.configurator__step {
    background-color: #fff;
    border: .0625rem solid #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    height: 1.5625rem;
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    width: 1.5625rem
}

.configurator__step:hover {
    background-color: #fde018
}

.configurator__step+.configurator__step {
    margin-left: .3125rem
}

.configurator__step--current {
    background-color: #fde018;
    border-color: #fde018
}

.configurator__form-btn:only-child {
    margin-left: auto;
    margin-right: auto
}

.configurator__form-btn:first-of-type:not(:only-child) {
    background-color: transparent;
    color: #1d1d1b;
    padding: 0 0 0 3.75rem
}

.configurator__form-btn:first-of-type:not(:only-child):before {
    background-color: #1d1d1b;
    left: 1rem;
    right: auto;
    transform-origin: left
}

.configurator__form-btn:first-of-type:not(:only-child):after {
    background-color: #1d1d1b;
    left: 0;
    right: auto;
    transform: translateY(-50%) rotate(180deg)
}

.configurator__node {
    color: #fde018;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.configurator__node--current,.configurator__node:hover {
    background-color: #fde018;
    color: #fff
}

.configurator__node-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.configurator__node-svg {
    height: 2.34375rem;
    width: 2.34375rem
}

.configurator__list-steps {
    counter-reset: list-step
}

.configurator__list-step {
    padding-left: 2.34375rem;
    position: relative
}

.configurator__list-step:before {
    align-items: center;
    background-color: #fff;
    border-radius: .3125rem;
    color: #fde018;
    content: counter(list-step);
    counter-increment: list-step;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.75rem
}

.configurator__list-step+.configurator__list-step {
    margin-top: 1.5625rem
}

.configurator div:empty,.configurator input[class^=wf-],.configurator input[type=submit] {
    display: none
}

.t-installatie .division {
    background-color: #f4f4f4
}

.e-404 {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.e-404__title {
    font-size: 9.375rem
}

.e-404__svg-top {
    left: 1.5625rem;
    top: 4.6875rem
}

.e-404__svg {
    bottom: 3.125rem;
    right: 1.5625rem
}

.cta {
    position: relative;
    z-index: 3!important
}

.cta__svg-top {
    left: -1.5625rem;
    top: -5.46875rem
}

.cta__svg-middle {
    bottom: 0;
    right: -1.5625rem
}

.cta__svg-bottom {
    right: -4.6875rem;
    top: 33%
}

.cta__picture {
    margin-bottom: -3.125rem;
    margin-top: -4.6875rem;
    position: relative;
    z-index: 1
}

.cta__img {
    object-fit: contain
}

.cta__body {
    margin-bottom: 3.90625rem;
    position: relative;
    z-index: 1
}

.t-zakelijk .cta__body {
    margin-right: 0
}

.cta__details {
    margin-bottom: 3.125rem;
    margin-left: 6.25rem;
    position: relative
}

.cta__details-svg {
    bottom: -4.6875rem;
    left: -4.6875rem
}

.t-vacature .cta,.t-zakelijk .cta {
    margin-bottom: 0
}

.footer {
    font-weight: 500;
    padding-bottom: 3.125rem
}

.has-notification .footer {
    padding-bottom: 7.8125rem
}

.footer__top {
    border-bottom: .0625rem solid #e6e6e6;
    font-size: .875rem;
    padding-bottom: 1.5625rem;
    padding-top: 1.5625rem
}

.footer__bottom {
    font-size: .8125rem
}

.footer__social-media {
    display: flex;
    list-style: none;
    padding-left: 0
}

.footer__social-media-item+.footer__social-media-item {
    margin-left: .625rem
}

.footer__social-media-link {
    color: #2d25e0
}

.footer__address,.footer__contact-details,.footer__list {
    font-size: 1rem
}

.footer__copy {
    font-size: .8125rem
}

.footer__link {
    color: #1d1d1b
}

.footer__link--muted {
    color: #b4b4b4
}

.footer--has-border-radius {
    margin-top: -3.125rem;
    padding-top: 3.125rem
}

.footer__creator {
    align-items: center;
    background-color: #2d25e0;
    border-bottom-left-radius: .3125rem;
    border-top-left-radius: .3125rem;
    bottom: 6.25rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: .9375rem .625rem;
    position: absolute;
    right: 0;
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.footer__creator:hover {
    padding-right: 1rem
}

.footer__creator-text {
    opacity: 0;
    position: absolute
}

.c-alert {
    background-color: #e6faea;
    border-left: .3125rem solid #6f6f6d;
    font-size: .875rem;
    margin-top: 1.5625rem;
    padding: .78125rem 1.5625rem;
    position: relative
}

.c-alert__link {
    color: #1d1d1b
}

.c-alert__btn {
    position: absolute;
    right: 0;
    top: 0
}

.c-alert__close {
    color: #fff;
    font-size: 0;
    height: .6875rem;
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    transform: translateY(-50%);
    width: .6875rem
}

.c-alert__close-svg {
    height: inherit;
    width: inherit
}

.c-alert--info {
    background-color: rgba(45,37,224,.1);
    border-left-color: #2d25e0;
    color: #2d25e0
}

.c-alert--success {
    background-color: rgba(55,209,84,.1);
    border-left-color: #fde018;
    color: #fde018
}

.c-alert--danger {
    background-color: rgba(217,83,79,.1);
    border-left-color: #d9534f;
    color: #d9534f
}

.c-alert--warning {
    background-color: rgba(248,207,35,.1);
    border-left-color: #f8cf23;
    color: #f8cf23
}

.c-alert--fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 4.6875rem;
    z-index: 1030
}

.c-nav__list {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-nav__item+.c-nav__item {
    margin-left: .78125rem
}

.c-nav__link {
    color: #1d1d1b;
    font-weight: 500
}

.c-nav__link--current {
    color: #000000;
    font-weight: 600;
}

.c-radio {
    height: 3.125rem
}

.c-radio__label {
    align-items: center;
    display: flex;
    height: inherit;
    margin-bottom: 0;
    position: relative
}

.c-radio label.c-radio__label {
    cursor: pointer
}

.c-radio__bg {
    background-color: #e6faea;
    border: .0625rem solid #b4b4b4;
    border-radius: .8125rem;
    display: block;
    height: 2.625rem;
    margin-left: -1rem;
    margin-right: 1rem;
    object-fit: cover;
    overflow: hidden;
    transition: all .3s cubic-bezier(.22,.61,.36,1);
    width: 2.625rem;
    z-index: 2
}

.custom-select__option.is-current .c-radio__bg {
    border-color: #1d1d1b
}

.c-radio__text-label {
    color: #b4b4b4;
    font-weight: 500;
    margin-left: .3125rem;
    transition: all .3s cubic-bezier(.22,.61,.36,1)
}

.custom-select__option.is-current .c-radio__text-label {
    opacity: 0
}

.c-link {
    border-bottom: .0625rem solid #e6e6e6;
    color: #1d1d1b;
    font-size: 1rem;
    padding: .78125rem 0;
    transition: color .4s cubic-bezier(.22,.61,.36,1)
}

.c-link:focus,.c-link:hover {
    color: #2d25e0
}

.c-link__text {
    display: block;
    transform: translateX(0);
    transition: transform .4s cubic-bezier(.22,.61,.36,1)
}

.c-link__icon {
    color: #2d25e0
}

.c-accordion__header {
    color: #fde018;
    cursor: pointer;
    position: relative
}

.c-accordion__header:focus,.c-accordion__header:hover {
    color: #fde018
}

.c-accordion__header-icon {
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.is-open .c-accordion__header-icon {
    transform: rotate(180deg)
}

.c-accordion--row .c-accordion__header {
    color: #1d1d1b
}

.c-accordion--row .c-accordion__header:focus,.c-accordion--row .c-accordion__header:hover {
    color: #fde018
}

.c-accordion__icon {
    position: absolute;
    right: .625rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.c-accordion.is-open .c-accordion__icon {
    transform: translateY(-50%) rotate(180deg)
}

.c-accordion__title {
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.c-accordion__body {
    height: 0;
    overflow: hidden
}

.c-accordion__body>:last-child {
    margin-bottom: 0
}

.c-accordion--row+.c-accordion--row {
    border-top: .0625rem solid #e6e6e6;
    margin-top: 1.25rem;
    padding-top: 1.25rem
}

.c-usps {
    list-style: none;
    padding-left: 0
}

.c-usps--has-icons {
    margin: 0;
    padding: 0
}

.c-usps--small {
    font-size: .875rem
}

.c-usp {
    font-weight: 500;
    padding-left: 2.34375rem;
    position: relative
}

.c-usps--has-icons .c-usp {
    align-items: center;
    display: flex;
    font-weight: 700;
    padding-left: 0
}

.c-usps--has-checks .c-usp,.c-usps--has-crosses .c-usp {
    padding-left: 1.875rem
}

.c-usp__svg {
    height: 1.875rem;
    margin-right: 1.171875rem;
    width: 1.875rem
}

.c-usp+.c-usp {
    margin-top: 1.5625rem
}

.c-usps--has-checks .c-usp+.c-usp,.c-usps--has-crosses .c-usp+.c-usp {
    margin-top: .625rem
}

.c-usp:before {
    background: transparent 50% no-repeat;
    background-size: contain;
    content: ""
}

.c-usps--has-thumbs .c-usp:before {
    background-image: url(../images/svg/thumb.svg);
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: -.1875rem;
    width: 1.5rem
}

.c-usps--has-checks .c-usp:before,.c-usps--has-crosses .c-usp:before {
    height: .625rem;
    left: 0;
    position: absolute;
    top: .375rem;
    width: .875rem
}

.c-usps--has-checks .c-usp:before {
    background-image: url(../images/svg/check.svg)
}

.c-usps--has-crosses .c-usp:before {
    background-image: url(../images/svg/cross.svg)
}

.form,.form-fieldset,.form-row {
    grid-gap: .78125rem;
    display: grid
}

.form-text {
    display: block;
    font-size: .75rem;
    margin-top: .25em
}

.form-label {
    font-size: 1.0625rem;
    font-weight: 900
}

.form div:empty,.form input[class^=wf-],.form input[type=submit] {
    display: none
}

.form-errors {
    background-color: #d9534f;
    border-radius: .3125rem;
    color: #fff;
    font-size: .875rem;
    margin-top: 2rem;
    padding: 1rem
}

.form-errors:empty {
    display: none
}

.form-success {
    background-color: #fde018;
    border-radius: .3125rem;
    color: #000;
    font-size: .875rem;
    margin-top: 2rem;
    padding: 1rem
}

.form-success:empty {
    display: none
}

.form-control {
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
    border: .0625rem solid #b4b4b4;
    border-radius: .9375rem;
    box-shadow: none;
    color: #1d1d1b;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: 3.25rem;
    line-height: 3.125rem;
    padding: .1875rem 1.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    background-color: #fff;
    border-color: #fde018;
    box-shadow: 0 0 0 .1875rem rgba(55,209,84,.15);
    color: #1d1d1b;
    outline: none
}

.form-control::placeholder {
    color: #6f6f6d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e6faea;
    opacity: 1
}

.form-control--tint {
    background-color: #f5f5f5;
    border-color: #e6e6e6
}

.form-control--tint:focus {
    background-color: #f8f8f8
}

select.form-control:not([size]):not([multiple]) {
    height: 3.25rem
}

select.form-control--small:not([size]):not([multiple]) {
    height: 2rem
}

select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #1d1d1b
}

textarea.form-control {
    height: auto
}

.fv-plugins-icon-container,.fv-plugins-message-container {
    position: relative
}

.fv-plugins-icon-container .form-control {
    background-position: center right 1.1875rem;
    background-repeat: no-repeat;
    background-size: 1.0833333333rem
}

.form-control-feedback {
    font-size: .75rem
}

.has-success .form-control-feedback {
    color: #fde018
}

.has-success .form-control {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fde018' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    border-color: #fde018
}

.has-success .form-control:focus {
    box-shadow: none
}

.has-danger .form-control-feedback {
    color: #d9534f
}

.has-danger .form-control {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    border-color: #d9534f
}

.has-danger .form-control:focus {
    box-shadow: none
}

.custom-control-addon {
    align-items: center;
    background-color: #fff;
    border: .0625rem solid #b4b4b4;
    border-bottom-right-radius: .9375rem;
    border-left: none;
    border-top-right-radius: .9375rem;
    color: #1d1d1b;
    display: flex;
    height: 3.25rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 3.25rem
}

.has-success .custom-control-addon {
    border-color: #fde018
}

.has-danger .custom-control-addon {
    border-color: #d9534f
}

.custom-select {
    background-color: #fff;
    border: .0625rem solid #d5d5d5;
    border-radius: 5px;
    font-size: .875rem;
    font-weight: 700;
    min-width: 1rem;
    position: relative
}

.custom-select.is-open {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 100
}

.custom-select__trigger {
    align-items: center;
    border-radius: inherit;
    color: #1d1d1b;
    display: block;
    height: inherit;
    left: 0;
    padding-left: 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    z-index: 15
}

.custom-select.is-open .custom-select__trigger {
    opacity: 0;
    visibility: hidden
}

.custom-select a.custom-select__trigger {
    position: relative
}

.custom-select a.custom-select__trigger:after {
    background-color: #1d1d1b;
    content: "";
    display: block;
    height: .375rem;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.486' height='5.657'%3E%3Cpath d='M4.243 5.657 0 1.414 1.415 0l2.828 2.829L7.071 0l1.415 1.414Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.486' height='5.657'%3E%3Cpath d='M4.243 5.657 0 1.414 1.415 0l2.828 2.829L7.071 0l1.415 1.414Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem
}

.custom-select__options {
    background-color: #fff;
    border: .0625rem solid #b4b4b4;
    border-radius: .9375rem;
    left: -.0625rem;
    opacity: 0;
    position: absolute;
    right: -.0625rem;
    top: -.0625rem;
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    visibility: hidden;
    z-index: 10
}

.custom-select.is-open .custom-select__options {
    opacity: 1;
    visibility: visible
}

.custom-select__option {
    color: #1d1d1b;
    cursor: pointer;
    display: flex;
    height: 3.25rem;
    padding-left: 1.25rem;
    position: relative;
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.custom-select__option:first-child:after {
    background-color: #1d1d1b;
    content: "";
    display: block;
    height: .375rem;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.486' height='5.657'%3E%3Cpath d='m4.243 0 4.243 4.243-1.415 1.414-2.828-2.829-2.828 2.829L0 4.243Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.486' height='5.657'%3E%3Cpath d='m4.243 0 4.243 4.243-1.415 1.414-2.828-2.829-2.828 2.829L0 4.243Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem
}

.custom-select__option.is-current,.custom-select__option:focus,.custom-select__option:hover {
    color: #fde018
}

.custom-checkbox+.custom-checkbox {
    margin-top: .78125rem
}

.custom-control-name {
    align-self: flex-end;
    color: #6f6f6d;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2857142857;
    padding-left: 1.875rem;
    position: relative
}

.custom-control-name:before {
    background-color: transparent;
    border: .0625rem solid #b4b4b4;
    content: "";
    display: block;
    height: 1.25rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s cubic-bezier(.22,.61,.36,1);
    user-select: none;
    width: 1.25rem
}

.custom-radio .custom-control-name:before {
    border-radius: 50%
}

.custom-control-name:after {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: .75rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    transform: scale(0);
    transition: all .3s cubic-bezier(.22,.61,.36,1);
    width: .75rem
}

.custom-radio .custom-control-name:after {
    background: #fff;
    border-radius: 50%;
    height: .75rem;
    left: .25rem;
    top: .25rem;
    width: .75rem
}

.custom-control-label {
    cursor: pointer;
    line-height: 1.2;
    margin-bottom: 0;
    text-align: left;
    width: 100%
}

.custom-control-text {
    color: #1d1d1b;
    display: block;
    margin-top: .390625rem;
    padding-left: 1.875rem
}

.custom-control-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.custom-control-input:checked~.custom-control-name:before {
    background-color: #fde018!important;
    border-color: #fde018
}

.custom-control-input:checked~.custom-control-name:after {
    transform: scale(1)
}

.custom-control-input:focus~.custom-control-name:before {
    box-shadow: 0 0 0 .125rem rgba(55,209,84,.15)
}

.custom-control-input:hover~.custom-control-name:before {
    background-color: #fff
}

.custom-control-input:active~.custom-control-name:before {
    background-color: #fde018!important;
    color: #fde018
}

.custom-control-input:disabled~.custom-control-name {
    color: #e6e6e6
}

.custom-control-input:disabled~.custom-control-name:before {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.c-social-media {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-social-media__item+.c-social-media__item {
    margin-left: 1rem
}

.c-social-media__link {
    color: #2d25e0
}

.c-badge {
    background-color: #2d25e0;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: .625rem;
    height: .78125rem;
    justify-content: center;
    margin-left: .3125rem;
    width: .78125rem
}

.c-badge,.c-btn {
    align-items: center;
    display: inline-flex
}

.c-btn {
    background-color: #fff;
    border: .0625rem solid transparent;
    border-radius: 1.875rem;
    color: #2d25e0;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 700;
    height: 3.25rem;
    justify-self: start;
    line-height: 1;
    overflow: hidden;
    padding: 0 3.75rem 0 1.5rem;
    position: relative;
    text-align: center;
    transition: padding .4s cubic-bezier(.22,.61,.36,1),background-color .4s cubic-bezier(.22,.61,.36,1),color .4s cubic-bezier(.22,.61,.36,1),width .4s cubic-bezier(.22,.61,.36,1),border-color .4s cubic-bezier(.22,.61,.36,1);
    user-select: none;
    vertical-align: middle;
    z-index: 1
}

.c-btn__label {
    align-items: center;
    background-color: #fde018;
    border-radius: clamp(.375rem,.3181818182rem + .1515151515vw,.5rem);
    color: #fff;
    display: flex;
    font-size: clamp(.6875rem,.6022727273rem + .2272727273vw,.875rem);
    font-weight: 700;
    height: 1rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -.33em;
    top: -.33em;
    width: 100%;
}

.c-btn:after,.c-btn:before {
    background-color: #2d25e0;
    background-size: contain;
    content: "";
    height: 1rem;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E %3Cpath d='M12.172 6.778L6.808 1.414 8.222 0 16 7.778l-7.778 7.778-1.414-1.414 5.364-5.364H0v-2z'/%3E %3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E %3Cpath d='M12.172 6.778L6.808 1.414 8.222 0 16 7.778l-7.778 7.778-1.414-1.414 5.364-5.364H0v-2z'/%3E %3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    width: 1rem
}

.c-btn:before {
    left: -1.5rem;
    opacity: 0
}

.c-btn:after {
    right: 1.5rem
}

.c-btn:hover {
    color: #fde018;
    padding: 0 1.5rem 0 3.75rem
}

.c-btn:hover:after,.c-btn:hover:before {
    background-color: #fde018
}

.c-btn:hover:before {
    left: 1.5rem;
    opacity: 1
}

.c-btn:hover:after {
    opacity: 0;
    right: -1.5rem
}

.c-btn:focus {
    box-shadow: 0 0 0 .1875rem rgba(55,209,84,.15);
    outline: 0
}

.c-btn:disabled {
    box-shadow: none;
    opacity: .5
}

.c-btn--clean {
    background-color: transparent!important;
    font-size: .875rem!important;
    height: auto!important;
    margin-left: -1.5rem;
    padding-bottom: 0!important;
    padding-top: 0!important
}

.c-btn--whatsapp:before {
    display: none
}

.c-btn--whatsapp:after {
    background-color: #fff;
    height: 1.3125rem;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.592' height='21.592'%3E %3Cpath fill='%23fff' d='M1.799 19.792l1.22-4.469a8.992 8.992 0 1 1 3.251 3.25zm5.75-13.218a.865.865 0 0 0-.334.09 1.163 1.163 0 0 0-.264.205 2.005 2.005 0 0 0-.235.275 2.455 2.455 0 0 0-.508 1.51 3.147 3.147 0 0 0 .3 1.271 8.594 8.594 0 0 0 1.773 2.467c.193.192.381.384.583.563a8.5 8.5 0 0 0 3.451 1.844l.512.078a4.892 4.892 0 0 0 .5-.012 1.79 1.79 0 0 0 .749-.208c.149-.079.22-.119.345-.2 0 0 .039-.025.112-.081a2.064 2.064 0 0 0 .3-.259 1.032 1.032 0 0 0 .189-.272 2.506 2.506 0 0 0 .169-.659 1.765 1.765 0 0 0 .013-.336.307.307 0 0 0-.171-.238l-.524-.235s-.783-.341-1.26-.559a.448.448 0 0 0-.159-.037.434.434 0 0 0-.34.114 10.836 10.836 0 0 0-.715.839.315.315 0 0 1-.331.117 1.274 1.274 0 0 1-.172-.059c-.112-.047-.15-.065-.227-.1a5.407 5.407 0 0 1-1.412-.9c-.113-.1-.219-.207-.327-.311a5.664 5.664 0 0 1-.918-1.141l-.053-.085a.83.83 0 0 1-.096-.186.288.288 0 0 1 .055-.238s.219-.239.32-.369a3.941 3.941 0 0 0 .237-.336.545.545 0 0 0 .084-.482q-.378-.923-.781-1.836a.456.456 0 0 0-.354-.224c-.049-.005-.1-.011-.146-.014a3.045 3.045 0 0 0-.363 0z'/%3E %3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.592' height='21.592'%3E %3Cpath fill='%23fff' d='M1.799 19.792l1.22-4.469a8.992 8.992 0 1 1 3.251 3.25zm5.75-13.218a.865.865 0 0 0-.334.09 1.163 1.163 0 0 0-.264.205 2.005 2.005 0 0 0-.235.275 2.455 2.455 0 0 0-.508 1.51 3.147 3.147 0 0 0 .3 1.271 8.594 8.594 0 0 0 1.773 2.467c.193.192.381.384.583.563a8.5 8.5 0 0 0 3.451 1.844l.512.078a4.892 4.892 0 0 0 .5-.012 1.79 1.79 0 0 0 .749-.208c.149-.079.22-.119.345-.2 0 0 .039-.025.112-.081a2.064 2.064 0 0 0 .3-.259 1.032 1.032 0 0 0 .189-.272 2.506 2.506 0 0 0 .169-.659 1.765 1.765 0 0 0 .013-.336.307.307 0 0 0-.171-.238l-.524-.235s-.783-.341-1.26-.559a.448.448 0 0 0-.159-.037.434.434 0 0 0-.34.114 10.836 10.836 0 0 0-.715.839.315.315 0 0 1-.331.117 1.274 1.274 0 0 1-.172-.059c-.112-.047-.15-.065-.227-.1a5.407 5.407 0 0 1-1.412-.9c-.113-.1-.219-.207-.327-.311a5.664 5.664 0 0 1-.918-1.141l-.053-.085a.83.83 0 0 1-.096-.186.288.288 0 0 1 .055-.238s.219-.239.32-.369a3.941 3.941 0 0 0 .237-.336.545.545 0 0 0 .084-.482q-.378-.923-.781-1.836a.456.456 0 0 0-.354-.224c-.049-.005-.1-.011-.146-.014a3.045 3.045 0 0 0-.363 0z'/%3E %3C/svg%3E");
    opacity: 1!important;
    right: .625rem!important;
    width: 1.3125rem
}

.c-btn--whatsapp:hover:after {
    background-color: #fff
}

.c-btn--primary {
    background-color: #fde018;
    color: #fff
}

.c-btn--primary:after,.c-btn--primary:before {
    background-color: #fff
}

.c-btn--primary:focus,.c-btn--primary:hover {
    background-color: #fde018;
    color: #fff
}

.c-btn--primary.c-btn--clean {
    color: #fde018
}

.c-btn--primary.c-btn--clean:after,.c-btn--primary.c-btn--clean:before {
    background-color: #fde018
}

.c-btn--tint {
    background-color: #f4f4f4;
    color: #1d1d1b
}

.c-btn--tint:after,.c-btn--tint:before {
    background-color: #1d1d1b
}

.c-btn--tint:focus {
    box-shadow: 0 0 0 .1875rem hsla(0,0%,96%,.15)
}

.c-btn--tint:focus,.c-btn--tint:hover {
    background-color: #e6e6e6;
    color: #1d1d1b
}

.c-btn--info {
    background-color: #2d25e0;
    color: #fff
}

.c-btn--info:after,.c-btn--info:before {
    background-color: #fff
}

.c-btn--info:focus {
    box-shadow: 0 0 0 .1875rem rgba(45,37,224,.15)
}

.c-btn--info:focus,.c-btn--info:hover {
    background-color: #2d25e0;
    color: #fff
}

.c-btn--info:focus:after,.c-btn--info:focus:before,.c-btn--info:hover:after,.c-btn--info:hover:before {
    background-color: #fff
}

.c-btn--white.c-btn--clean {
    color: #fff
}

.c-btn--white.c-btn--clean:after,.c-btn--white.c-btn--clean:before {
    background-color: #fff
}

.c-btn--info-outline {
    background-color: transparent;
    border-color: #2d25e0
}

.c-btn--info-outline:before {
    background-color: #2d25e0
}

.c-btn--info-outline:focus {
    box-shadow: 0 0 0 .1875rem rgba(45,37,224,.15)
}

.c-btn--info-outline:hover {
    background-color: #2d25e0;
    color: #fff
}

.c-btn--info-outline:hover:after,.c-btn--info-outline:hover:before {
    background-color: #fff
}

.c-btn--white-outline {
    background-color: transparent;
    border-color: #1d1d1d;
    color: #1d1d1d
}

.c-btn--white-outline:after,.c-btn--white-outline:before {
    background-color: #1d1d1d
}

.c-btn--white-outline:focus {
    box-shadow: 0 0 0 .1875rem hsla(0,0%,100%,.15)
}

.c-btn--white-outline:hover {
    background-color: #2d25e0;
    border-color: #2d25e0;
    color: #fff
}

.c-btn--white-outline:hover:after,.c-btn--white-outline:hover:before {
    background-color: #fff
}

.c-btn--block {
    width: 100%
}

.c-btn--circle {
    align-items: center;
    display: flex;
    height: 3.25rem!important;
    justify-content: center;
    padding: 0!important;
    width: 3.25rem!important
}

.c-btn--circle:after {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.c-btn--square {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    height: 2.5rem!important;
    justify-content: center;
    overflow: visible;
    padding: 0!important;
    width: 2.5rem!important
}

.c-btn--square:after,.c-btn--square:before {
    display: none
}

.c-btn--small {
    border-radius: .9375rem!important;
    font-size: .875rem!important;
    font-weight: 500!important;
    height: 2.25rem!important;
    padding: 0 2.5rem 0 .9375rem!important
}

.c-btn.is-loading {
    background-image: url(../images/svg/loader.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 3.25rem
}

.c-btn--play:after,.c-btn--play:before,.c-btn.is-loading:after,.c-btn.is-loading:before {
    display: none
}

.c-btn-stacked {
    display: flex
}

.c-btn-stacked .c-btn+.c-btn {
    margin-left: 1.5625rem
}

.c-menu-toggle__svg {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    visibility: hidden
}

.c-menu-toggle__svg--open,.menu-is-open .c-menu-toggle__svg--close {
    opacity: 1;
    visibility: visible
}

.menu-is-open .c-menu-toggle__svg--open {
    opacity: 0;
    visibility: hidden
}

.c-menu {
    right: 0;
    transition: height 0s .8s,z-index 0s .8s,visibility 0s .8s;
    visibility: hidden;
    will-change: transform;
    z-index: -100
}

.c-menu,.c-menu__bg {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0
}

.c-menu__bg {
    background-color: #fde018;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .6s cubic-bezier(.77,0,.175,1) 0s;
    width: 100%;
    z-index: 0
}

.menu-is-open .c-menu__bg {
    transform: scaleX(1)
}

.menu-is-open .c-menu__bg--dark {
    transition-delay: .2s
}

.c-menu__bg--overlay {
    background-color: #fff;
    background-image: none;
    transition-delay: .3s;
    z-index: -1
}

.menu-is-open .c-menu__bg--overlay {
    transition-delay: 0s
}

.menu-is-loading .c-menu__bg--overlay {
    transform: scaleY(0)
}

.c-menu__svg {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.55,.085,.68,.53) 0s
}

.menu-is-open .c-menu__svg {
    opacity: 1;
    transition-delay: .3s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.c-menu__svg--1 {
    left: -3.125rem;
    top: 4.6875rem
}

.c-menu__svg--2 {
    bottom: 7.8125rem;
    right: 1.5625rem
}

.c-menu__body {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 6.25rem 3.125rem 4.6875rem;
    position: absolute;
    top: 0;
    transition: opacity .6s cubic-bezier(.55,.085,.68,.53) 0s;
    width: 100%
}

.menu-is-open .c-menu__body {
    opacity: 1;
    transition-delay: .2s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.c-menu__list {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    position: relative
}

.c-menu__item {
    display: block;
    opacity: 0;
    position: relative;
    transform: translateY(4rem);
    transition: transform .3s cubic-bezier(.55,.085,.68,.53),opacity .3s cubic-bezier(.55,.085,.68,.53)
}

.c-menu__item+.c-menu__item {
    margin-top: 1.5625rem
}

.c-menu__item:first-child {
    transition-delay: .01s
}

.c-menu__item:nth-child(2) {
    transition-delay: .02s
}

.c-menu__item:nth-child(3) {
    transition-delay: .03s
}

.c-menu__item:nth-child(4) {
    transition-delay: .04s
}

.c-menu__item:nth-child(5) {
    transition-delay: .05s
}

.c-menu__item:nth-child(6) {
    transition-delay: .06s
}

.c-menu__item:nth-child(7) {
    transition-delay: .07s
}

.c-menu__item:nth-child(8) {
    transition-delay: .08s
}

.c-menu__item:nth-child(9) {
    transition-delay: .09s
}

.c-menu__item:nth-child(10) {
    transition-delay: .1s
}

.menu-is-open .c-menu__item {
    opacity: 1;
    transform: none;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.menu-is-open .c-menu__item:first-child {
    transition-delay: .5s
}

.menu-is-open .c-menu__item:nth-child(2) {
    transition-delay: .6s
}

.menu-is-open .c-menu__item:nth-child(3) {
    transition-delay: .7s
}

.menu-is-open .c-menu__item:nth-child(4) {
    transition-delay: .8s
}

.menu-is-open .c-menu__item:nth-child(5) {
    transition-delay: .9s
}

.menu-is-open .c-menu__item:nth-child(6) {
    transition-delay: 1s
}

.menu-is-open .c-menu__item:nth-child(7) {
    transition-delay: 1.1s
}

.menu-is-open .c-menu__item:nth-child(8) {
    transition-delay: 1.2s
}

.menu-is-open .c-menu__item:nth-child(9) {
    transition-delay: 1.3s
}

.menu-is-open .c-menu__item:nth-child(10) {
    transition-delay: 1.4s
}

.menu-is-loading .c-menu__item {
    opacity: 0!important;
    transform: translateY(4rem)!important
}

.menu-is-loading .c-menu__item:first-child {
    transition-delay: .3s!important
}

.menu-is-loading .c-menu__item:nth-child(2) {
    transition-delay: .2s!important
}

.menu-is-loading .c-menu__item:nth-child(3) {
    transition-delay: .1s!important
}

.menu-is-loading .c-menu__item:nth-child(4) {
    transition-delay: 0s!important
}

.menu-is-loading .c-menu__item:nth-child(5) {
    transition-delay: -.1s!important
}

.menu-is-loading .c-menu__item:nth-child(6) {
    transition-delay: -.2s!important
}

.menu-is-loading .c-menu__item:nth-child(7) {
    transition-delay: -.3s!important
}

.menu-is-loading .c-menu__item:nth-child(8) {
    transition-delay: -.4s!important
}

.menu-is-loading .c-menu__item:nth-child(9) {
    transition-delay: -.5s!important
}

.menu-is-loading .c-menu__item:nth-child(10) {
    transition-delay: -.6s!important
}

.c-menu__link {
    color: #1d1d1d;
    font-size: 1.25rem;
    font-weight: 700;
    transition: color .3s cubic-bezier(.215,.61,.355,1)
}

.c-menu__link--small {
    font-size: 1.125rem
}

.c-menu__link:hover {
    color: #fff
}

.c-menu__link--current {
    color: #2d25e0
}

.c-menu__btn {
    margin-top: auto;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.55,.085,.68,.53) 0s
}

.menu-is-open .c-menu__btn {
    opacity: 1;
    transition-delay: .3s
}

.menu-is-open .c-menu {
    transition-delay: 0s;
    visibility: visible;
    z-index: 1029
}

.menu-is-open {
    overflow: hidden
}

.c-popover {
    background-color: #fff;
    border: .0625rem solid #e6e6e6;
    border-radius: .625rem;
    color: #1d1d1b;
    filter: drop-shadow(0 .0625rem .3125rem rgba(29,29,27,.1));
    font-size: .8125rem;
    line-height: .9375rem;
    max-width: 15rem;
    min-width: 10rem;
    padding: .9375rem;
    position: absolute;
    z-index: 1000
}

.c-popover:after,.c-popover:before {
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0
}

.c-popover:before {
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .5rem solid #fff;
    bottom: -.5rem;
    z-index: 2
}

.c-popover:after {
    border-left: .5625rem solid transparent;
    border-right: .5625rem solid transparent;
    border-top: .5625rem solid #e6e6e6;
    bottom: -.5625rem;
    z-index: 1
}

.c-popover--bottom:after,.c-popover--bottom:before {
    border-top-width: 0;
    bottom: auto
}

.c-popover--bottom:before {
    border-bottom: .5rem solid #fff;
    top: -.5rem
}

.c-popover--bottom:after {
    border-bottom: .5625rem solid #e6e6e6;
    top: -.5625rem
}

.c-popover--left:after,.c-popover--left:before {
    bottom: 50%;
    left: 100%;
    transform: translateY(50%)
}

.c-popover--left:before {
    border: .5rem solid transparent;
    border-left-color: #fff
}

.c-popover--left:after {
    border: .5625rem solid transparent;
    border-left-color: #e6e6e6
}

.c-popover--right:after,.c-popover--right:before {
    bottom: 50%;
    left: auto;
    right: 100%;
    transform: translateY(50%)
}

.c-popover--right:before {
    border: .5rem solid transparent;
    border-right-color: #fff
}

.c-popover--right:after {
    border: .5625rem solid transparent;
    border-right-color: #e6e6e6
}

.c-popover p {
    margin-bottom: .9375rem
}

.c-popover ul {
    margin: 0;
    padding-left: 1rem
}

.c-tags {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.c-tag {
    align-items: center;
    background-color: #fff;
    border-radius: .3125rem;
    display: flex;
    font-size: .875rem;
    margin-bottom: clamp(.3125rem,.2272727273rem + .2272727273vw,.5rem);
    padding: .3125rem .75rem
}

.c-tag:not(:last-child) {
    margin-right: clamp(.3125rem,.2272727273rem + .2272727273vw,.5rem)
}

.c-tag--primary {
    background-color: #fde018;
    color: #fff
}

.c-tag--tint {
    background-color: #f4f4f4
}

a.c-tag--primary:hover {
    background-color: #28ad41;
    color: #fff
}

a.c-tag--primary:focus {
    box-shadow: 0 0 0 .1875rem rgba(40,173,65,.15);
    outline: 0
}

a.c-tag--tint {
    background-color: #f4f4f4
}

a.c-tag--tint:hover {
    background-color: #dbdbdb
}

a.c-tag--tint:focus {
    box-shadow: 0 0 0 .1875rem hsla(0,0%,86%,.15);
    outline: 0
}

.c-media {
    align-items: center;
    display: flex
}

.c-media__img {
    border-radius: 50%;
    overflow: hidden
}

.c-media__body {
    margin-left: .78125rem;
    margin-top: .3125rem
}

.c-table__row {
    border-bottom: .0625rem solid #e6e6e6
}

.c-table__row+.c-table__row {
    margin-top: .625rem
}

.c-table__td {
    padding: .3125rem 0
}

.c-product-slide {
    border-radius: .9375rem;
    margin-right: 1.5625rem;
    overflow: hidden;
    width: 100%
}

.c-product-slide__img {
    padding-bottom: 100%
}

.c-product-slider--thumbs .c-product-slide {
    margin-right: .78125rem;
    padding: 0;
    width: calc(33.33333% - .78125rem)
}

.c-product-slide.is-selected {
    border-color: #6f6f6d
}

.c-job {
    border: .0625rem solid #e6e6e6;
    color: #1d1d1b;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    position: relative
}

.c-job__label {
    align-items: center;
    background-color: #fde018;
    border-radius: 0 .5rem .5rem 0;
    color: #fff;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    left: 0;
    padding: .625rem .625rem .625rem 1.5625rem;
    position: absolute;
    text-transform: uppercase;
    top: 4.6875rem
}

.c-job__label-svg {
    margin-left: .3125rem
}

.c-job__title {
    margin-bottom: 0
}

.c-job__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 1.5625rem
}

.c-job:hover {
    box-shadow: 0 0 3.9375rem rgba(0,0,0,.16);
    color: #1d1d1b
}

.c-pagination {
    display: flex
}

.c-pagination__item+.c-pagination__item {
    margin-left: .5rem
}

.c-pagination__link {
    align-items: center;
    background-color: #fff;
    border: .0625rem solid #e6e6e6;
    border-radius: .3125rem;
    color: #1d1d1b;
    display: flex;
    font-size: clamp(.8125rem,.7840909091rem + .0757575758vw,.875rem);
    font-weight: 700;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem
}

.c-pagination__link--current,.c-pagination__link--current:hover,.c-pagination__link:hover {
    background-color: #fde018;
    color: #fff
}

.c-filter-toggle {
    align-items: center;
    background-color: #fff;
    border: .0625rem solid #e6e6e6;
    border-radius: 50%;
    display: flex;
    height: 2.625rem;
    justify-content: center;
    width: 2.625rem
}

.c-filter-toggle__svg {
    height: .625rem;
    width: .625rem
}

.c-project {
    border: .0625rem solid #e6e6e6;
    color: #1d1d1b;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    position: relative
}

.c-project__date {
    align-items: center;
    background-color: #fde018;
    border-radius: 0 .0 .5rem 0;
    color: #fff;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    left: 0;
    top: 0;
    padding: .625rem .625rem .625rem 1.5625rem;
    position: absolute;
    text-transform: uppercase;
    /* top: clamp(1.5625rem,1.1363636364rem + 1.1363636364vw,2.5rem) */
}

.c-project__title {
    margin-bottom: 0
}

.c-project__picture {
    position: relative
}

.c-project__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 1.5625rem
}

.c-project:hover {
    box-shadow: 0 0 3.9375rem rgba(0,0,0,.16);
    color: #1d1d1b
}

.c-project-list {
    position: relative
}

.c-project-list:after,.c-project-list:before {
    content: "";
    opacity: 0;
    transition: opacity .4s cubic-bezier(.22,.61,.36,1),visibility .4s cubic-bezier(.22,.61,.36,1);
    visibility: hidden
}

.c-project-list:before {
    background-color: rgba(230,250,234,.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.c-project-list:after {
    background-color: #fde018;
    background-image: url(../images/svg/loader.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    height: 3.25rem;
    left: 50%;
    position: absolute;
    top: var(--loader-offset,0);
    transform: translateX(-50%);
    width: 3.25rem;
    z-index: 15
}

.c-project-list.is-loading:after,.c-project-list.is-loading:before {
    opacity: 1;
    visibility: visible
}

.c-project-list.has-error:after {
    background-color: #d9534f;
    background-image: url(../images/svg/error.svg)
}

.c-switch__control {
    margin: 0 .625rem
}

.c-switch__label {
    color: #1d1d1b;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1;
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.c-switch__label.is-active {
    color: #2d25e0
}

.c-switch__input {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 0
}

.c-switch__toggle {
    background: #fff;
    border: .0625rem solid #e6e6e6;
    border-radius: .5625rem;
    cursor: pointer;
    display: block;
    height: 1.25rem;
    margin-bottom: 0;
    position: relative;
    text-indent: -624.9375rem;
    width: 2.625rem
}

.c-switch__toggle:after {
    background: #fde018;
    border-radius: 50%;
    content: "";
    height: .875rem;
    left: .125rem;
    position: absolute;
    top: .125rem;
    transition: all .4s cubic-bezier(.22,.61,.36,1);
    width: .875rem
}

.c-switch__input:checked+.c-switch__toggle:after {
    left: calc(100% - .125rem);
    transform: translateX(-100%)
}

.c-review {
    color: #1d1d1b;
    display: flex;
    flex-direction: column;
    padding-top: 4.6875rem;
    position: relative
}

.c-review__square {
    background-color: #f8cf23;
    border-radius: .625rem;
    height: 3.125rem;
    position: absolute;
    right: 1.5625rem;
    top: 1.5625rem;
    width: 3.125rem
}

.c-review__square--has-score {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: center
}

.c-review__square--relative {
    position: relative;
    right: auto;
    top: auto
}

.c-rating {
    display: flex;
    line-height: 1;
    list-style: none;
    margin: .3125rem 0 1.5625rem;
    padding: 0
}

.c-rating__item+.c-rating__item {
    margin-left: .3125rem
}

.c-rating--small .c-rating__item+.c-rating__item {
    margin-left: .1875rem
}

.c-rating__item--score {
    align-items: center;
    display: flex;
    font-weight: 700;
    margin-left: .625rem!important
}

.c-rating__icon {
    height: 1.25rem;
    width: 1.25rem
}

.c-rating--small .c-rating__icon {
    height: .875rem;
    width: .875rem
}

.c-rating--solid {
    background-color: #f4f4f4;
    border-radius: .9375rem;
    left: 1.5625rem;
    margin: 0;
    padding: .625rem .9375rem;
    position: absolute;
    top: -1.5625rem
}

.c-rating--border {
    border: .0625rem solid #e6e6e6
}

.c-rating--small {
    font-size: clamp(.75rem,.6363636364rem + .303030303vw,1rem)
}

.c-rating--relative {
    left: 0;
    position: relative;
    top: 0
}

.c-modal {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

.c-modal,.c-modal.modal-is-open {
    overflow-x: hidden;
    overflow-y: auto
}

.c-modal.modal-is-open {
    opacity: 1;
    visibility: visible
}

.c-modal__dialog {
    margin: 1.5625rem;
    opacity: 0;
    pointer-events: none;
    position: relative;
    transform: scale(.5);
    transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);
    width: auto
}

.c-modal.modal-is-open .c-modal__dialog {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.c-modal__dialog--scrollable {
    height: calc(100% - 20px)
}

.c-modal__dialog--scrollable .c-modal__content {
    max-height: 100%;
    overflow: hidden
}

.c-modal__dialog--scrollable .c-modal__body {
    overflow-y: auto
}

.c-modal__dialog--large {
    max-width: calc(100% - 3.125rem)
}

.c-modal__dialog--centered {
    align-items: center;
    display: flex;
    margin: 1.5625rem auto;
    min-height: calc(100% - 20px)
}

.c-modal__dialog--fullscreen {
    height: 100%;
    margin: 0!important;
    max-width: none!important;
    width: 100vw
}

.c-modal__dialog--fullscreen .c-modal__content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.c-modal__dialog--fullscreen .c-modal__body {
    overflow-y: auto
}

.c-modal__dialog--story .c-modal__body,.c-modal__dialog--video .c-modal__body {
    padding: 0!important
}

.c-modal__dialog--story {
    background-color: rgba(0,0,0,.9)
}

.c-modal__dialog--story .c-modal__content {
    align-items: center;
    background-color: transparent;
    flex-direction: row
}

.c-modal__content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1.875rem;
    box-shadow: 0 3px 9px rgba(29,29,27,.5);
    color: #1d1d1b;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.c-modal-backdrop {
    backdrop-filter: blur(.625rem);
    background-color: rgba(0,0,0,.75);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.c-modal__header {
    border-bottom: 1px solid #e6faea;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 1.5625rem
}

.c-modal__header--clear {
    border: none;
    padding-bottom: 0!important
}

.c-modal__footer {
    border-top: 1px solid #e6faea;
    padding: 1.5625rem
}

.c-modal__footer--clear {
    border: none;
    padding-top: 0
}

.c-modal__close {
    align-items: center;
    color: #1d1d1b;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    line-height: 1;
    width: 1.875rem
}

.c-modal__close-svg {
    display: block
}

.c-modal__dialog--video .c-modal__close {
    height: auto;
    margin: 0;
    padding: .625rem .9375rem;
    position: absolute;
    right: 1.5625rem;
    top: 1.5625rem;
    width: auto;
    z-index: 100
}

.c-modal__dialog--quick-add .c-modal__close {
    margin: 0;
    position: absolute;
    right: .625rem;
    top: .625rem;
    z-index: 100
}

.c-modal__title {
    color: #1d1d1b;
    line-height: 1;
    margin-bottom: 0
}

.c-modal__body {
    flex: 1 1 auto;
    padding: 1.5625rem
}

.c-modal__body,.c-modal__inline-form {
    position: relative
}

.c-modal__inline-form-btn {
    height: 2.5rem;
    padding: 0 .625rem;
    position: absolute;
    right: .3125rem;
    top: .3125rem
}

.c-modal__grid {
    grid-gap: .78125rem;
    display: grid;
    grid-template-columns: 1fr 7.03125rem
}

.c-logo {
    display: flex;
    justify-content: center;
    max-width: 100%
}

.c-logo-img {
    display: block;
    max-width: 75%;
    width: 100%
}

.c-splitscreen+.c-splitscreen {
    padding-top: 0!important
}

.c-splitscreen__media {
    border-radius: 1.875rem;
    position: relative
}

.c-splitscreen__picture {
    border-radius: inherit;
    overflow: hidden
}

.c-splitscreen__square {
    bottom: -1.5625rem;
    position: absolute;
    right: 1.5625rem
}

.c-collage,.c-collage__node {
    position: relative
}

.c-collage__node {
    border-radius: 1.875rem;
    overflow: hidden
}

.c-collage__node--large {
    padding-bottom: 60%;
    width: 60%
}

.c-collage__node--small {
    margin-left: auto;
    margin-right: 2.34375rem;
    margin-top: -3.125rem;
    padding-bottom: 50%;
    width: 50%
}

.c-collage__node--icon {
    border-radius: .9375rem;
    position: absolute;
    right: 0;
    top: 2.34375rem
}

.c-collage__img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.c-embed-responsive .c-embed-responsive__item,.c-embed-responsive embed,.c-embed-responsive iframe,.c-embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-embed-responsive--21by9 {
    padding-bottom: 42.8571428571%
}

.c-embed-responsive--16by9 {
    padding-bottom: 56.25%
}

.c-embed-responsive--4by3 {
    padding-bottom: 75%
}

.c-embed-responsive--1by1 {
    padding-bottom: 100%
}

.c-product {
    border: .0625rem solid #e6e6e6;
    color: #1d1d1b;
    display: flex;
    flex-direction: column;
    position: relative;
}

.c-product__label {
    align-items: center;
    background-color: #fde018;
    border-radius: 0 .5rem .5rem 0;
    color: #fff;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    left: 0;
    padding: .625rem .625rem .625rem 1.5625rem;
    position: absolute;
    text-transform: uppercase;
    top: 4.6875rem;
    z-index: 20
}

.c-product--master .c-product__label {
    padding-left: 2.5rem
}

.c-product__label--info {
    background-color: #2d25e0
}

.c-product__label-svg {
    margin-left: .3125rem
}

.c-product__subtitle {
    margin-bottom: 1rem
}

.c-product__title {
    margin-bottom: 0
}

.c-product__picture {
    /* margin-bottom: 1.5625rem; */
    /* margin-left: auto; */
    /* width: 60%; */
}

.c-product__img {
    object-fit: contain
}

.c-product__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.c-product--master .c-product__body {
    padding: 0
}

.c-product__kortingprijs {
    color: #000;
    font-size: 1rem!important;
    font-size: 1.125rem;
    font-weight: 800;
    text-decoration: line-through
}

.c-product__amount {
    border: .0625rem solid #e6e6e6;
    border-radius: 1.875rem;
    font-size: .875rem;
    font-weight: 700;
    height: 3.25rem;
    padding: 0 1.5rem;
    position: relative;
    user-select: none
}

.c-product__amount,.c-product__amount-min,.c-product__amount-plus {
    align-items: center;
    color: #1d1d1b;
    display: flex;
    justify-content: center
}

.c-product__amount-min,.c-product__amount-plus {
    cursor: pointer;
    height: 1.5625rem;
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color .4s cubic-bezier(.22,.61,.36,1);
    width: 1.5625rem
}

.c-product__amount-min:focus,.c-product__amount-min:hover,.c-product__amount-plus:focus,.c-product__amount-plus:hover {
    color: #fde018
}

.c-product__amount-plus {
    left: auto!important;
    right: 1rem
}

.c-product__amount-icon {
    height: .625rem;
    pointer-events: none;
    width: .625rem
}

.c-product__price {
    color: #2d25e0;
    font-size: 1.5rem;
    font-size: 1.125rem;
    font-weight: 800
}

.c-product__btn:before {
    display: none
}

.c-product:hover {
    box-shadow: 0 0 3.9375rem rgba(0,0,0,.16);
    color: #1d1d1b
}

.c-product:hover .c-product__btn {
    width: 4.875rem!important
}

.c-product:hover .c-product__btn:after {
    transform: translate(-50%,-50%)
}

.c-notification {
    align-items: center;
    background-color: #2d25e0;
    border-top-left-radius: clamp(1.25rem,.9659090909rem + .7575757576vw,1.875rem);
    border-top-right-radius: clamp(1.25rem,.9659090909rem + .7575757576vw,1.875rem);
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: clamp(.75rem,.6363636364rem + .303030303vw,1rem);
    justify-content: center;
    left: .78125rem;
    padding: 1.5625rem;
    position: fixed;
    right: .78125rem;
    z-index: 1031
}

.c-notification p {
    margin-bottom: 0
}

.c-notification a {
    color: #fff;
    text-decoration: underline
}

.c-notification__close {
    color: #fff;
    font-size: 0;
    height: .6875rem;
    left: 1.5625rem;
    position: absolute;
    top: 1.5625rem;
    width: .6875rem
}

.cc_root {
    background-color: transparent!important;
    bottom: 1.5625rem;
    color: #1d1d1b!important;
    font-family: NPA!important;
    font-size: 1rem!important;
    left: 1.5625rem;
    position: fixed;
    z-index: 5000
}

.cc_root>div {
    background-color: #fff!important;
    border: .0625rem solid #e6e6e6!important;
    border-radius: .3125rem!important;
    box-shadow: none!important;
    display: flex;
    flex-direction: column;
    gap: 1.5625rem;
    padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem!important
}

.cc_close,.cc_root>div {
    color: #1d1d1b!important;
    margin: 0!important
}

.cc_close {
    opacity: 1!important;
    position: absolute!important;
    right: 1rem;
    top: 1rem;
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

.cc_close:after,.cc_close:before {
    background-color: #1d1d1b!important
}

.cc_close:hover {
    opacity: .75!important
}

.cc_text {
    color: #1d1d1b!important;
    font-family: NPA;
    font-size: .875rem;
    line-height: 1.3333333333!important;
    margin: 0!important;
    padding-left: 0!important;
    text-align: left!important
}

.cc_text br {
    display: none
}

.cc_text>svg {
    display: none!important
}

.cc_buttons {
    grid-gap: .78125rem!important;
    margin: 0!important
}

.cc_buttons button {
    border: .0625rem solid transparent!important;
    border-radius: 1.875rem!important;
    box-shadow: none;
    cursor: pointer;
    font-family: NPA!important;
    font-size: .875rem!important;
    font-weight: 700!important;
    letter-spacing: -.03em;
    line-height: 1!important;
    outline: none;
    padding: .75rem 1.25rem!important;
    transition: all .2s ease-in-out;
    user-select: none;
    vertical-align: middle
}

.cc_buttons button:focus {
    outline: none
}

.cc_buttons button.cc_button_settings {
    background-color: transparent!important;
    border-color: #1d1d1b!important;
    color: #1d1d1b!important
}

.cc_buttons button.cc_button_settings:hover {
    box-shadow: 0 0 0 .125rem rgba(29,29,27,.3)
}

.cc_buttons button.cc_button_settings:focus {
    box-shadow: 0 0 0 .1875rem rgba(29,29,27,.3)
}

.cc_buttons button.cc_button_allowall {
    background-color: #fde018!important;
    color: #fff!important
}

.cc_buttons button.cc_button_allowall:hover {
    box-shadow: 0 0 0 .125rem rgba(55,209,84,.3)
}

.cc_buttons button.cc_button_allowall:focus {
    box-shadow: 0 0 0 .1875rem rgba(55,209,84,.3)
}

#growls {
    left: 50%;
    position: fixed;
    top: .625rem;
    transform: translateX(-50%);
    z-index: 50000
}

.growl {
    background: #fff;
    border: 1px solid #e6faea;
    color: #1d1d1b;
    opacity: 1;
    overflow-wrap: break-word;
    position: relative;
    transition: all .4s ease-in-out
}

.growl.growl-incoming,.growl.growl-outgoing {
    opacity: 0
}

.growl:before {
    bottom: 0;
    left: 0;
    top: 0;
    width: 2.5rem
}

.growl:after,.growl:before {
    content: "";
    position: absolute
}

.growl:after {
    background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJpbmZvLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWluZm8tY2lyY2xlIGZhLXctMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Ii8+PC9zdmc+) no-repeat 50%;
    background-size: contain;
    height: .9375rem;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: .9375rem
}

.growl.growl-small {
    border-left-width: .1875rem;
    margin: 5px;
    max-width: 37.5rem;
    padding: .625rem 20px .625rem 2.5rem;
    width: 95vw
}

.growl.growl-medium {
    margin: .625rem
}

.growl.growl-large,.growl.growl-medium {
    max-width: 37.5rem;
    padding: 20px 2.5rem 20px 60px;
    width: 95vw
}

.growl.growl-large {
    border-left-width: 8px;
    margin: 15px
}

.growl.growl-default {
    border-color: #e6faea
}

.growl.growl-default:before {
    background-color: #e6faea
}

.growl.growl-error {
    border-color: #d9534f
}

.growl.growl-error:before {
    background-color: #d9534f
}

.growl.growl-error:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOTguODc1IDgxLjk0N2MzLjIwNCA1LjU1NC0uODE4IDEyLjQ5Ny03LjIxOSAxMi40OTdIOC4zNDNjLTYuNDEzIDAtMTAuNDE3LTYuOTU0LTcuMjE4LTEyLjQ5N0w0Mi43ODIgOS43MmMzLjIwNi01LjU1NyAxMS4yMzYtNS41NDcgMTQuNDM3IDBsNDEuNjU2IDcyLjIyN3pNNTAgNjcuMDE0YTcuOTg2IDcuOTg2IDAgMSAwIDAgMTUuOTcyIDcuOTg2IDcuOTg2IDAgMCAwIDAtMTUuOTcyem0tNy41ODItMjguNzA2IDEuMjg4IDIzLjYxMWEyLjA4NSAyLjA4NSAwIDAgMCAyLjA4MSAxLjk3aDguNDI4YTIuMDg0IDIuMDg0IDAgMCAwIDIuMDgxLTEuOTdsMS4yODctMjMuNjExYTIuMDg0IDIuMDg0IDAgMCAwLTIuMDgtMi4xOTdINDQuNDk4YTIuMDg0IDIuMDg0IDAgMCAwLTIuMDggMi4xOTd6Ii8+PC9zdmc+)
}

.growl.growl-notice {
    border-color: #fde018
}

.growl.growl-notice:before {
    background-color: #fde018
}

.growl.growl-notice:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNTAgMS41NjNDMjMuMjUgMS41NjMgMS41NjMgMjMuMjU4IDEuNTYzIDUwIDEuNTYzIDc2Ljc1OCAyMy4yNSA5OC40MzggNTAgOTguNDM4YzI2Ljc1IDAgNDguNDM4LTIxLjY4IDQ4LjQzOC00OC40MzhDOTguNDM4IDIzLjI1OCA3Ni43NSAxLjU2MyA1MCAxLjU2M3ptMCAyMS40ODRhOC4yMDQgOC4yMDQgMCAxIDEtLjAwMSAxNi40MDdBOC4yMDQgOC4yMDQgMCAwIDEgNTAgMjMuMDQ3em0xMC45MzggNDkuNjA5QTIuMzQzIDIuMzQzIDAgMCAxIDU4LjU5NCA3NUg0MS40MDZhMi4zNDQgMi4zNDQgMCAwIDEtMi4zNDQtMi4zNDR2LTQuNjg4YTIuMzQzIDIuMzQzIDAgMCAxIDIuMzQ0LTIuMzQ0aDIuMzQ0di0xMi41aC0yLjM0NGEyLjM0NCAyLjM0NCAwIDAgMS0yLjM0NC0yLjM0NHYtNC42ODhhMi4zNDQgMi4zNDQgMCAwIDEgMi4zNDQtMi4zNDRoMTIuNWEyLjM0MyAyLjM0MyAwIDAgMSAyLjM0NCAyLjM0NHYxOS41MzFoMi4zNDRhMi4zNDMgMi4zNDMgMCAwIDEgMi4zNDQgMi4zNDR2NC42ODl6Ii8+PC9zdmc+)
}

.growl.growl-warning {
    border-color: #f8cf23
}

.growl.growl-warning:before {
    background-color: #f8cf23
}

.growl.growl-warning:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNTAgMS41NjNDMjMuMjUgMS41NjMgMS41NjMgMjMuMjU4IDEuNTYzIDUwIDEuNTYzIDc2Ljc1OCAyMy4yNSA5OC40MzggNTAgOTguNDM4YzI2Ljc1IDAgNDguNDM4LTIxLjY4IDQ4LjQzOC00OC40MzhDOTguNDM4IDIzLjI1OCA3Ni43NSAxLjU2MyA1MCAxLjU2M3ptMCAyMS40ODRhOC4yMDQgOC4yMDQgMCAxIDEtLjAwMSAxNi40MDdBOC4yMDQgOC4yMDQgMCAwIDEgNTAgMjMuMDQ3em0xMC45MzggNDkuNjA5QTIuMzQzIDIuMzQzIDAgMCAxIDU4LjU5NCA3NUg0MS40MDZhMi4zNDQgMi4zNDQgMCAwIDEtMi4zNDQtMi4zNDR2LTQuNjg4YTIuMzQzIDIuMzQzIDAgMCAxIDIuMzQ0LTIuMzQ0aDIuMzQ0di0xMi41aC0yLjM0NGEyLjM0NCAyLjM0NCAwIDAgMS0yLjM0NC0yLjM0NHYtNC42ODhhMi4zNDQgMi4zNDQgMCAwIDEgMi4zNDQtMi4zNDRoMTIuNWEyLjM0MyAyLjM0MyAwIDAgMSAyLjM0NCAyLjM0NHYxOS41MzFoMi4zNDRhMi4zNDMgMi4zNDMgMCAwIDEgMi4zNDQgMi4zNDR2NC42ODl6Ii8+PC9zdmc+)
}

.growl .growl-close {
    cursor: pointer;
    font-family: NPA;
    font-size: 1rem;
    font-weight: 400;
    line-height: .9375rem;
    position: absolute;
    right: .9375rem;
    top: .9375rem
}

.growl .growl-title {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.growl .growl-message {
    font-size: .875rem;
    line-height: 1.125rem
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative
}

.flickity-slider {
    height: 100%;
    position: absolute;
    width: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    background: transparent;
    border: none;
    bottom: -4.6875rem;
    position: absolute;
    transition: background-color .4s cubic-bezier(.22,.61,.36,1)
}

.u-bg-gray-lightest .flickity-button {
    background: transparent;
    border: .125rem solid #fff
}

.u-bg-gray-lightest .flickity-button:focus,.u-bg-gray-lightest .flickity-button:hover {
    background: #fff
}

.flickity-button:hover {
    background: #f4f4f4;
    cursor: pointer
}

.flickity-button:focus {
    box-shadow: none;
    outline: none
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    cursor: auto;
    opacity: .3;
    pointer-events: none
}

.flickity-button-icon {
    fill: #2d25e0
}

.u-bg-gray-lightest .flickity-button-icon {
    fill: #fde018
}

.flickity-prev-next-button {
    border: .125rem solid #f4f4f4;
    border-radius: 50%;
    height: 3.125rem;
    width: 3.125rem
}

.flickity-prev-next-button.previous {
    right: 0
}

.flickity-prev-next-button.next {
    left: 0
}

.flickity-prev-next-button .flickity-button-icon {
    height: 60%;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60%
}

.flickity-page-dots {
    bottom: -25px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 8px;
    opacity: .25;
    width: 10px
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.js-stagger {
    opacity: 0;
    transform: translateY(10%)
}

.js-stagger[data-stagger=bounce] {
    opacity: 1;
    transform: scale(0)
}

.js-stagger[data-stagger=children] {
    opacity: 1;
    transform: none
}

.js-stagger[data-stagger=children]>* {
    opacity: 0;
    transform: translateY(5%)
}

#trengo-web-widget .TrengoOnlineStatus__iframe {
    display: none
}

.s-text img {
    display: block;
    height: auto;
    margin-bottom: calc(1rem + .7vw);
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.s-text ul {
    list-style: none;
    padding-left: 0
}

.s-text ul li {
    padding-left: 1.875rem;
    position: relative
}

.s-text ul li:before {
    background: #fde018;
    content: "";
    height: .5rem;
    left: 0;
    position: absolute;
    top: .5625rem;
    width: .5rem
}

.s-text :last-child {
    margin-bottom: 0
}

.u-bg-primary {
    background-color: #fde018!important
}

a.u-bg-primary:focus,a.u-bg-primary:hover {
    background-color: #d9be14 !important
}

.u-bg-primary-dark {
    background-color: #fde018!important
}

a.u-bg-primary-dark:focus,a.u-bg-primary-dark:hover {
    background-color: #d9be14!important
}

.u-bg-white {
    background-color: #fff!important
}

a.u-bg-white:focus,a.u-bg-white:hover {
    background-color: #e6e6e6!important
}

.u-bg-gray-lightest {
    background-color: #f4f4f4!important
}

a.u-bg-gray-lightest:focus,a.u-bg-gray-lightest:hover {
    background-color: #dbdbdb!important
}

[data-layout].u-bg-gray-lightest+[data-layout].u-bg-gray-lightest,[data-layout].u-bg-white+[data-layout].u-bg-white {
    padding-top: 0
}

.has-border-radius {
    border-radius: 1.875rem;
    overflow: hidden
}

.u-border-radius-top {
    position: relative;
    z-index: 1
}

.u-border-radius-top:after,.u-border-radius-top:before {
    content: "";
    height: 1.875rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.u-border-radius-top:before {
    background-color: inherit;
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
    z-index: 0
}

.u-border-radius-top:after {
    background-color: #f4f4f4;
    z-index: -1
}

.u-border-radius-top--white:before {
    background-color: #fff
}

.u-border-radius-bottom {
    position: relative;
    z-index: 1
}

.u-border-radius-bottom:after,.u-border-radius-bottom:before {
    bottom: 0;
    content: "";
    height: 1.875rem;
    left: 0;
    position: absolute;
    right: 0
}

.u-border-radius-bottom:before {
    background-color: inherit;
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
    z-index: 0
}

.u-border-radius-bottom:after {
    background-color: #f4f4f4;
    z-index: -1
}

.u-border-radius-bottom--white:after {
    background-color: #fff
}

.u-border-radius-bottom--primary-dark:after {
    background-color: #fde018
}

.u-border-radius-bottom--primary:after {
    background-color: #fde018
}

.is-negative {
    background-color: #000;
    color: #fff
}

.has-overlay {
    overflow: hidden
}

.has-overlay:before {
    background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 20%;
    z-index: 1
}

.u-offset-header {
    padding-top: 4.6875rem
}

.u-d-inline-block {
    display: inline-block!important
}

.u-d-block {
    display: block!important
}

.u-d-flex {
    display: flex!important
}

.u-d-inline-flex {
    display: inline-flex!important
}

.u-d-grid {
    display: grid!important
}

.flex-column {
    flex-direction: column!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-end {
    justify-content: end!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-self-end {
    justify-self: flex-end!important
}

.justify-self-center {
    justify-self: center!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-center {
    align-items: center!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.g-cols\:1 {
    grid-template-columns: minmax(0,1fr)
}

.g-cols\:1\/3 {
    grid-template-columns: minmax(0,1fr) 33.3333333333%
}

.g-cols\:3\/1 {
    grid-template-columns: 33.3333333333% minmax(0,1fr)
}

.g-cols\:2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.g-cols\:5\/2 {
    grid-template-columns: 40% minmax(0,1fr)
}

.g-cols\:auto\/1 {
    grid-template-columns: auto minmax(0,1fr)
}

.g-cols\:1\/auto {
    grid-template-columns: minmax(0,1fr) auto
}

.u-col\:full-width {
    grid-column: 1/-1
}

.u-col\:1 {
    grid-column-start: 1
}

.u-row\:1 {
    grid-row-start: 1
}

.u-col\:2 {
    grid-column-start: 2
}

.u-col\:span-2 {
    grid-column-end: span 2
}

.u-row\:2 {
    grid-row-start: 2
}

.u-row\:span-2 {
    grid-row-end: span 2
}

.u-col\:3 {
    grid-column-start: 3
}

.u-gap\:1-xs {
    grid-gap: 1.5625rem
}

.u-gap\:1-xs\/2 {
    grid-gap: .78125rem
}

.u-gap\:y-1-xs\/2 {
    row-gap: .78125rem
}

.u-gap\:x-1-xs\/2 {
    column-gap: .78125rem
}

.u-gap\:2-xs {
    grid-gap: 3.125rem
}

.u-gap\:3-xs {
    grid-gap: 4.6875rem
}

.u-gap\:y-4-xs {
    row-gap: 6.25rem
}

.u-gap\:6-xs {
    grid-gap: 9.375rem
}

.u-absolute-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.u-fill {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.u-relative {
    position: relative!important
}

.u-z-1 {
    z-index: 1
}

.u-z-2 {
    z-index: 2
}

.u-sr-only {
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

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

.u-16\/9 {
    padding-bottom: 56.25%
}

.u-mt-xs {
    margin-top: 1.5625rem!important
}

.u-mb-xs {
    margin-bottom: 1.5625rem!important
}

.u-mb-sm {
    margin-bottom: 2rem!important
}

.u-mb-0 {
    margin-bottom: 0!important
}

.u-mt-0 {
    margin-top: 0!important
}

.u-pb-0 {
    padding-bottom: 0!important
}

.u-pt-0 {
    padding-top: 0!important
}

.u-pl-0 {
    padding-left: 0!important
}

.u-mt-auto {
    margin-top: auto!important
}

.u-mr-auto {
    margin-right: auto!important
}

.u-ml-auto {
    margin-left: auto!important
}

.u-mb-5 {
    margin-bottom: .3125rem!important
}

.u-mt-5 {
    margin-top: .3125rem!important
}

.u-ml-5 {
    margin-left: .3125rem!important
}

.u-mr-5 {
    margin-right: .3125rem!important
}

.u-mb-10 {
    margin-bottom: .625rem!important
}

.u-mt-10 {
    margin-top: .625rem!important
}

.u-ml-10 {
    margin-left: .625rem!important
}

.u-mr-10 {
    margin-right: .625rem!important
}

.u-mb-15 {
    margin-bottom: .9375rem!important
}

.u-mb-20 {
    margin-bottom: 1.25rem!important
}

.u-text-center {
    text-align: center!important
}

.u-text-right {
    text-align: right!important
}

.u-break-word {
    word-break: break-all
}

.u-text-underline {
    text-decoration: underline
}

.u-font-weight-normal {
    font-weight: 400
}

.u-font-weight-medium {
    font-weight: 500
}

.u-font-weight-semi-bold {
    font-weight: 600
}

.u-font-weight-bold {
    font-weight: 700
}

.u-font-weight-extra-bold {
    font-weight: 800
}

.u-font-weight-black {
    font-weight: 900
}

.u-text-base {
    color: #1d1d1b!important
}

a.u-text-base:focus,a.u-text-base:hover {
    color: #030302!important
}

.u-text-gray {
    color: #b4b4b4!important
}

a.u-text-gray:focus,a.u-text-gray:hover {
    color: #1d1d1b!important
}

.u-text-white {
    color: #fff!important
}

a.u-text-white:focus,a.u-text-white:hover {
    color: #e6e6e6!important
}

.u-text-muted {
    color: #b4b4b4!important
}

a.u-text-muted:focus,a.u-text-muted:hover {
    color: #9b9b9b!important
}

.u-text-primary {
    color: #fde018!important
}

a.u-text-primary:focus,a.u-text-primary:hover {
    color: #d9be14!important
}

.u-text-success {
    color: #fde018!important
}

a.u-text-success:focus,a.u-text-success:hover {
    color: #fde018!important
}

.offered-price{
    color: #28ad41!important
}

.u-text-info {
    color: #2d25e0!important
}

a.u-text-info:focus,a.u-text-info:hover {
    color: #211ab8!important
}

.u-text-danger {
    color: #d9534f!important
}

a.u-text-danger:focus,a.u-text-danger:hover {
    color: #c9302c!important
}

.u-overflow-hidden {
    overflow: hidden
}

.u-hide {
    display: none!important
}

.u-invisible {
    opacity: 0;
    visibility: hidden
}

.u-hidden {
    display: none!important;
    visibility: hidden
}

@media (min-width: 320px) {
    body {
        font-size:calc(.875rem + .27027vw - .86486px)
    }

    .e-404__title {
        font-size: calc(9.375rem + 21.62162vw - 69.18919px)
    }

    .footer__top {
        font-size: calc(.875rem + .27027vw - .86486px)
    }

    .footer__bottom {
        font-size: calc(.8125rem + .06757vw - .21622px)
    }

    .c-link {
        font-size: calc(1rem + .27027vw - .86486px)
    }

    .c-btn {
        font-size: calc(.875rem + .27027vw - .86486px)
    }

    .c-product__kortingprijs {
        font-size: calc(1.125rem + .40541vw - 1.2973px)
    }

    .c-product__amount {
        font-size: calc(.875rem + .27027vw - .86486px)
    }

    .c-product__price {
        font-size: calc(1.125rem + .40541vw - 1.2973px)
    }
    .o-band,.o-band-medium,.o-band-small {
        padding-bottom: 3.125rem;
        padding-top: 6.125rem
    }
}

@media (min-width: 768px) {

    .lead {
        font-size:1.25rem;
        line-height: 1.5
    }

    .alpha,h1 {
        font-size: 3.0625rem
    }

    .gamma,h3 {
        font-size: 1.25rem
    }

    .delta,h4 {
        font-size: 1rem
    }

    .jota,h5 {
        font-size: .9375rem
    }

    .g-container {
        grid-template-columns: 4rem 1fr 4rem
    }

    .clipped {
        clip-path: inset(0 round 0 0 2.8125rem 2.8125rem)
    }

    .o-square-icon {
        border-radius: .9375rem;
        height: 6rem;
        width: 6rem
    }

    .o-square-icon__svg {
        height: 2rem;
        width: 2rem
    }

    .o-card--small {
        padding: 2rem
    }

    .o-card--smaller {
        padding: 1rem
    }

    .o-band,.o-band-medium {
        padding-bottom: 6rem;
        padding-top: 8rem;
    }

    .o-band-small {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .o-callout {
        margin: 0 4rem 0 0;
        max-width: 18rem;
        padding: 2rem
    }

    .o-callout__svg {
        right: -5rem;
        top: 5rem
    }

    .o-graphic {
        transform: scale(.75)
    }

    .o-loader:after {
        height: 100vw;
        width: 100vw
    }

    .o-loader__progress {
        height: 12rem;
        width: 12rem
    }

    .o-logo {
        height: 60px;
        width: 20%;
    }

    .header {
        height: 6rem;
        left: 2rem;
        right: 2rem
    }

    .header__base,.header__top {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .header__top {
        height: 2rem
    }

    .header__base {
        height: 4rem
    }

    .header__rating-img {
        height: 1.25rem;
        width: 1.25rem
    }

    .hero {
        display: grid;
        grid-template-areas: ". hero-bg";
        grid-template-columns: 4rem 1fr;
        grid-template-rows: calc(var(--vh, 1vh)*60) 1fr
    }

    .hero__screen {
        border-bottom-right-radius: 2.8125rem
    }

    .hero__bg {
        grid-area: hero-bg;
        height: auto
    }

    .hero__bg-img {
        border-bottom-left-radius: 2.8125rem
    }

    .hero__container {
        display: grid;
        grid-column: 1/-1;
        grid-row: 2;
        grid-template-areas: ".         hero-cta" "hero-body hero-usps";
        grid-template-columns: 1fr 1.05fr;
        grid-template-rows: 1fr auto;
        margin-top: calc(var(--vh, 1vh)*-60 + 16rem)
    }

    .hero--master .hero__container {
        grid-template-areas: "hero-body hero-cta" "hero-usps hero-usps";
        margin-top: calc(var(--vh, 1vh)*-75 + 15rem)
    }

    .hero__body,.hero__usps {
        padding: 4rem 0
    }

    .hero__body {
        grid-area: hero-body;
        padding-left: 4rem
    }

    .hero--master .hero__body {
        align-self: center;
        padding-bottom: 4rem
    }

    .hero__cta {
        grid-area: hero-cta;
        margin-left: auto
    }

    .hero__usps {
        grid-area: hero-usps;
        margin-left: auto;
        padding-right: 4rem
    }

    .hero--master {
        grid-template-areas: "hero-bg hero-screen";
        grid-template-columns: 1fr 12rem;
        grid-template-rows: calc(var(--vh, 1vh)*75) 1fr
    }

    .product-intro {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .product-intro__form {
        left: 0;
        right: 0
    }

    .product-summary {
        left: 2rem;
        padding: 1rem 2rem;
        right: 2rem
    }

    .business-cta {
        margin-top: 0;
        overflow: hidden;
        padding-bottom: 2rem;
        padding-top: 0
    }

    .business-cta__container {
        margin-top: 6rem;
        position: relative
    }

    .business-cta__container:before {
        background-color: #fff;
        content: "";
        height: 6rem;
        left: -4rem;
        position: absolute;
        right: -4rem;
        top: -8rem;
        z-index: -1
    }

    .business-cta__picture {
        margin: -4rem 0 -8rem -4rem
    }

    .top-usps {
        padding-bottom: 2rem
    }

    .contact__picture {
        padding: 0 10rem
    }

    .contact__body {
        padding: 8rem 8rem 0
    }

    .contact__cta {
        margin: -10rem 4rem 2rem!important
    }

    .contact__svg {
        left: 18rem;
        top: 14rem
    }

    .intro {
        display: grid;
        grid-template-areas: "intro-aside intro-body" "intro-aside intro-cta";
        grid-template-columns: 1fr 1.05fr;
        grid-template-rows: 1fr auto;
        height: calc(var(--vh, 1vh)*85)
    }

    .intro__aside,.intro__body {
        padding: 10rem 4rem 6rem
    }

    .intro__body {
        grid-area: intro-body
    }

    .intro__body--has-radius {
        border-bottom-left-radius: 1.875rem
    }

    .intro__aside {
        grid-area: intro-aside
    }

    .intro__aside-svg {
        bottom: auto;
        right: .75rem;
        top: 6rem;
        z-index: -1
    }

    .intro__usps {
        margin-top: 4rem
    }

    .intro__picture {
        bottom: -4rem;
        left: -2rem;
        margin: 0;
        position: absolute;
        right: -10rem;
        top: 12rem
    }

    .thanks {
        padding-top: 8rem
    }

    .thanks__picture {
        margin: 0 8rem
    }

    .thanks__body {
        padding: 4rem
    }

    .banner {
        height: calc(var(--vh, 1vh)*50)
    }

    .configurator__aside,.configurator__body {
        padding: 4rem
    }

    .configurator__aside-footer-picture {
        margin-left: -2rem;
        margin-right: -2rem;
        margin-top: -20rem
    }

    .configurator__body {
        padding-top: 8rem
    }

    .configurator__steps {
        margin: 4rem 0
    }

    .configurator__step+.configurator__step {
        margin-left: .625rem
    }

    .configurator__list-step {
        padding-left: 3rem
    }

    .configurator__list-step+.configurator__list-step {
        margin-top: 2rem
    }

    .e-404__svg-top {
        left: 4rem;
        top: 10rem
    }

    .e-404__svg-bottom {
        right: -4rem;
        top: 40%
    }

    .e-404__svg {
        bottom: 4rem;
        right: 8rem
    }

    .cta {
        padding-top: 8rem;
        padding-top: 10rem
    }

    .cta__svg-top {
        left: 10%;
        top: -11.6rem
    }

    .t-zakelijk .cta__svg-top {
        bottom: 40%;
        left: auto;
        right: 5%;
        top: auto
    }

    .cta__svg-middle {
        right: -2rem
    }

    .cta__svg-bottom {
        right: -4rem
    }

    .t-zakelijk .cta__svg-bottom {
        right: -2rem;
        top: -4rem
    }

    .cta__picture {
        margin: -8rem 6rem 0 -18rem
    }

    .cta__body {
        margin-bottom: 0;
        margin-right: 2rem
    }

    .cta__details {
        margin-left: 4rem
    }

    .cta__details-svg {
        bottom: -4rem;
        left: -4rem
    }

    .t-vacature .cta,.t-zakelijk .cta {
        padding-top: 6rem
    }

    .footer {
        padding-bottom: 4rem
    }

    .has-notification .footer {
        padding-bottom: 8rem
    }

    .footer__top {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .footer__social-media {
        display: block
    }

    .footer__social-media-item+.footer__social-media-item {
        margin-left: 0;
        margin-top: .3125rem
    }

    .footer--has-border-radius {
        margin-top: -4rem;
        padding-top: 4rem
    }

    .c-alert {
        padding: 1rem 2rem
    }

    .c-alert--fixed {
        top: 6rem
    }

    .c-link {
        padding: 1rem 0
    }

    .c-link:focus .c-link__text,.c-link:hover .c-link__text {
        transform: translateX(.625rem)
    }

    .c-usp {
        padding-left: 2rem
    }

    .c-usp+.c-usp {
        margin-top: 2rem
    }

    .c-usps--has-icons .c-usp+.c-usp {
        margin-top: 0
    }

    .c-usps--has-thumbs .c-usp:before {
        top: .0625rem
    }

    .c-btn__label {
        height: 1.25rem;
        right: -.5em;
        top: -.5em;
        /* width: 1.25rem; */
    }

    .c-btn--square {
        height: 3.25rem!important;
        width: 3.25rem!important
    }

    .c-menu__body {
        padding: 8rem 6rem
    }

    .c-menu__link {
        font-size: 1.875rem
    }

    .c-product-slider--thumbs .c-product-slide {
        margin-right: 1rem;
        width: calc(25% - 1rem)
    }

    .c-job__label {
        padding-left: 2rem
    }

    .c-job__body {
        padding: 2rem
    }

    .c-project__date {
        padding-left: 2rem
    }

    .c-project__body {
        padding: 2rem
    }

    .c-review {
        padding-top: 4rem
    }

    .c-modal__header {
        padding: 2rem
    }

    .c-modal__footer {
        padding: 1rem 2rem
    }

    .c-modal__dialog--video .c-modal__close {
        right: 4rem;
        top: 4rem
    }

    .c-modal__body {
        padding: 2rem
    }

    .c-modal__grid {
        grid-gap: 1rem;
        grid-template-columns: repeat(3,1fr)
    }

    .c-modal__node {
        width: 11.25rem
    }

    .c-modal__dialog {
        margin: 30px auto;
        max-width: 75%
    }

    .c-modal__dialog--large {
        max-width: calc(100% - 8rem)
    }

    .c-modal__dialog--small {
        max-width: 28rem
    }

    .c-modal__dialog--extra-small {
        max-width: 22rem
    }

    .c-modal__dialog--scrollable {
        height: calc(100% - 60px)
    }

    .c-modal__dialog--centered {
        min-height: calc(100% - 60px)
    }

    .c-modal__content {
        box-shadow: 0 5px 15px rgba(29,29,27,.5)
    }

    .c-splitscreen__picture {
        height: calc(var(--vh, 1vh)*33)
    }

    .c-splitscreen__square {
        bottom: -2rem;
        right: 4rem
    }

    .c-collage__node--small {
        margin-right: 3rem;
        margin-top: -4rem
    }

    .c-collage__node--icon {
        top: 3rem
    }

    .c-product__label {
        padding-left: 2rem
    }

    .c-product__picture {
        /* margin-bottom: 2rem; */
        /* width: 66.6666666667%; */
    }

    .c-notification {
        left: 2rem;
        right: 2rem
    }

    .c-notification__close {
        top: 50%;
        transform: translateY(-50%)
    }

    .flickity-button {
        bottom: auto;
        top: -5.625rem
    }

    .u-border-radius-top:after,.u-border-radius-top:before {
        height: 2.8125rem
    }

    .u-border-radius-top:before {
        border-bottom-left-radius: 2.8125rem;
        border-bottom-right-radius: 2.8125rem
    }

    .u-border-radius-bottom:after,.u-border-radius-bottom:before {
        height: 2.8125rem
    }

    .u-border-radius-bottom:before {
        border-bottom-left-radius: 2.8125rem;
        border-bottom-right-radius: 2.8125rem
    }

    .u-offset-top {
        padding-top: 8rem
    }

    .u-offset-header {
        padding-top: 6rem
    }

    .u-d-sm-flex {
        display: flex!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .justify-self-sm-start {
        justify-self: flex-start!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .g-cols\:1\/3\>sm {
        grid-template-columns: minmax(0,1fr) 33.3333333333%
    }

    .g-cols\:3\/1\>sm {
        grid-template-columns: 33.3333333333% minmax(0,1fr)
    }

    .g-cols\:4\/1\>sm {
        grid-template-columns: 25% minmax(0,1fr)
    }

    .g-cols\:2\>sm {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .g-cols\:2\/5\>sm {
        grid-template-columns: minmax(0,1fr) 40%
    }

    .g-cols\:3\>sm {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .g-cols\:4\>sm {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .g-cols\:12\>sm {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .g-cols\:auto\/1\>sm {
        grid-template-columns: auto minmax(0,1fr)
    }

    .g-cols\:1\/auto\>sm {
        grid-template-columns: minmax(0,1fr) auto
    }

    .u-col\:1\>sm {
        grid-column-start: 1
    }

    .u-col\:span-1\>sm {
        grid-column-end: span 1
    }

    .u-row\:1\>sm {
        grid-row-start: 1
    }

    .u-row\:span-1\>sm {
        grid-row-end: span 1
    }

    .u-col\:2\>sm {
        grid-column-start: 2
    }

    .u-col\:span-2\>sm {
        grid-column-end: span 2
    }

    .u-row\:2\>sm {
        grid-row-start: 2
    }

    .u-col\:3\>sm {
        grid-column-start: 3
    }

    .u-col\:span-3\>sm {
        grid-column-end: span 3
    }

    .u-col\:span-8\>sm {
        grid-column-end: span 8
    }

    .u-col\:span-10\>sm {
        grid-column-end: span 10
    }

    .u-gap\:1-xs\>sm {
        grid-gap: 1.5625rem
    }

    .u-gap\:y-1-xs\>sm {
        row-gap: 1.5625rem
    }

    .u-gap\:1-sm\>sm {
        grid-gap: 2rem
    }

    .u-gap\:y-1-sm\>sm {
        row-gap: 2rem
    }

    .u-gap\:x-1-sm\>sm {
        column-gap: 2rem
    }

    .u-gap\:1-sm\/2\>sm {
        grid-gap: 1rem
    }

    .u-gap\:2-sm\>sm {
        grid-gap: 4rem
    }

    .u-gap\:y-2-sm\>sm {
        row-gap: 4rem
    }

    .u-gap\:3-sm\>sm {
        grid-gap: 6rem
    }

    .u-gap\:3-sm\/2\>sm {
        grid-gap: 3rem
    }

    .u-gap\:y-4-sm\>sm {
        row-gap: 8rem
    }

    .u-mt-sm\>sm {
        margin-top: 2rem!important
    }

    .u-mb-sm\>sm {
        margin-bottom: 2rem!important
    }

    .u-text-sm-right {
        text-align: right!important
    }

    .u-hidden-sm-up {
        display: none!important
    }
}

@media (min-width: 992px) {
    .g-container--smaller {
        grid-template-columns:12rem 1fr 12rem
    }

    .o-callout {
        bottom: 8rem;
        margin-left: auto;
        margin-right: 6rem;
        position: absolute;
        right: 0
    }

    .o-callout__svg {
        right: -7rem
    }

    .o-loader:after {
        height: 85vw;
        width: 85vw
    }

    .hero {
        grid-template-columns: 1fr 1.25fr;
        grid-template-rows: 1fr 6rem;
        height: calc(var(--vh, 1vh)*100)
    }

    .hero__bg-svg {
        bottom: 6rem;
        left: -4rem;
        top: auto
    }

    .hero--master .hero__bg-svg {
        bottom: auto;
        top: 6rem
    }

    .hero__container {
        grid-row: 1;
        grid-template-areas: "hero-body hero-cta" "hero-usps hero-cta";
        grid-template-columns: 1fr 1.25fr;
        margin-top: 0
    }

    .hero--master .hero__container {
        grid-row: 1/-1;
        grid-template-rows: inherit;
        margin-top: 0
    }

    .hero__body,.hero__usps {
        padding-right: 4rem
    }

    .hero__body {
        margin-top: auto;
        padding-bottom: 0
    }

    .hero--master .hero__cta {
        margin-bottom: 0;
        bottom: 2rem;
    }

    .hero__usps {
        margin-left: 0;
        padding-left: 4rem
    }

    .hero--master {
        grid-template-columns: 1fr 14rem
    }

    .product-intro__container {
        grid-template-columns: calc(var(--vh, 1vh)*100 - 18rem) 1fr 40%!important
    }

    .product-intro__sliders {
        padding: 0 0 calc(100% - .125rem);
        position: relative
    }

    .product-intro__option-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80%
    }

    .product-summary {
        grid-template-columns: repeat(4,auto);
        padding: .5rem 2rem
    }

    .business-cta__container {
        margin-top: 8rem
    }

    .business-cta__picture {
        margin: -8rem 0 -14rem -4rem
    }

    .contact__container {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .contact__picture {
        margin-left: -2rem;
        margin-right: 2rem;
        margin-top: 6rem;
        padding: 0
    }

    .contact__body {
        padding: 13rem 4rem 0;
        text-align: left
    }

    .contact__cta {
        bottom: 0;
        margin-top: -20rem!important
    }

    .contact__cta-svg {
        right: 4rem!important;
        top: -4rem!important
    }

    .contact__svg {
        left: 8rem;
        top: 8rem
    }

    .intro {
        grid-template-columns: 1fr 1.25fr;
        height: calc(var(--vh, 1vh)*100)
    }

    .intro__aside,.intro__body {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .intro__body {
        overflow: visible;
        padding-left: 6rem;
        padding-right: 40%;
        position: relative;
        z-index: 2
    }

    .intro__aside {
        padding-right: 6rem
    }

    .intro__aside-svg {
        top: 8rem
    }

    .intro__picture {
        bottom: -12rem;
        left: 8rem;
        right: 0
    }

    .intro__picture--right {
        left: 25%!important;
        right: -45%!important
    }

    .thanks {
        height: calc(var(--vh, 1vh)*100)
    }

    .thanks__picture {
        margin: 0 4rem -20rem -2rem
    }

    .thanks__body {
        padding-right: 2rem
    }

    .banner {
        height: calc(var(--vh, 1vh)*75)
    }

    .configurator {
        grid-template-rows: calc(var(--vh, 1vh)*100);
        height: calc(var(--vh, 1vh)*100);
        overflow: hidden
    }

    .configurator__aside {
        padding-top: 8rem
    }

    .configurator__aside-footer {
        margin-bottom: 2rem;
        margin-top: auto
    }

    .configurator__aside-footer-details {
        margin-top: 4rem
    }

    .configurator__aside-footer-picture {
        left: 6rem;
        margin: 0;
        position: absolute;
        right: -6rem;
        top: -3rem
    }

    .configurator__form-step {
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .configurator__body {
        overflow-y: auto
    }

    .configurator__body-inner {
        margin-bottom: 4rem
    }

    .configurator__node {
        text-align: center
    }

    .configurator__node-svg {
        margin: 0 auto
    }

    .cta {
        margin-bottom: 10rem
    }

    .t-zakelijk .cta__svg-top {
        bottom: 0
    }

    .cta__svg-middle {
        bottom: 50%;
        right: 33%
    }

    .cta__svg-bottom {
        top: 10%
    }

    .cta__picture {
        bottom: -20rem;
        grid-column: auto!important;
        grid-row: auto!important;
        /* left: 4rem; */
        margin: 0;
        position: absolute;
        right: 10%;
        top: -8rem
    }

    .cta__body {
        margin-right: 1rem
    }

    .cta__details {
        margin-left: 12rem
    }

    .c-product-slider {
        bottom: 12rem;
        left: 6rem;
        position: absolute!important;
        right: 6rem;
        top: 2rem
    }

    .c-product-slider--thumbs {
        bottom: 2rem;
        left: 2rem;
        right: 1rem;
        top: auto!important
    }

    .c-modal__dialog--large .c-modal__footer,.c-modal__dialog--large .c-modal__header {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .c-modal__dialog--video .c-modal__close {
        top: 2rem
    }

    .c-modal__dialog--large .c-modal__body {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .c-modal__grid {
        grid-template-columns: 14rem 1fr 2fr 12rem
    }

    .c-modal__node {
        width: 15rem
    }

    .c-modal__dialog--large {
        max-width: calc(100% - 4rem)
    }

    .c-splitscreen__media {
        padding-bottom: 100%
    }

    .c-splitscreen:nth-child(odd) .c-splitscreen__media {
        grid-column: 2;
        grid-row: 1
    }

    .c-splitscreen__picture {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .c-splitscreen__square {
        bottom: 4rem;
        right: -3rem
    }

    .c-splitscreen:nth-child(odd) .c-splitscreen__square {
        left: -3rem;
        right: auto
    }

    .c-splitscreen:nth-child(odd) .c-splitscreen__body {
        grid-column: 1;
        grid-row: 1
    }

    .c-collage__node--icon {
        border-radius: 1.875rem;
        height: 8rem;
        width: 8rem
    }

    .u-d-md-flex {
        display: flex!important
    }

    .u-d-md-grid {
        display: grid!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .g-cols\:1\>md {
        grid-template-columns: minmax(0,1fr)
    }

    .g-cols\:2\>md {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .g-cols\:2\/auto\>md {
        grid-template-columns: repeat(2,auto)
    }

    .g-cols\:2\/5\>md {
        grid-template-columns: minmax(0,1fr) 40%
    }

    .g-cols\:5\/2\>md {
        grid-template-columns: 40% minmax(0,1fr)
    }

    .g-cols\:3\>md {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .g-cols\:3\/auto\>md {
        grid-template-columns: repeat(3,auto)
    }

    .g-cols\:4\>md {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .g-cols\:4\/auto\>md {
        grid-template-columns: repeat(4,auto)
    }

    .g-cols\:6\>md {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .g-cols\:auto\/1\>md {
        grid-template-columns: auto minmax(0,1fr)
    }

    .u-col\:1\>md {
        grid-column-start: 1
    }

    .u-col\:span-1\>md {
        grid-column-end: span 1
    }

    .u-row\:1\>md {
        grid-row-start: 1
    }

    .u-col\:2\>md {
        grid-column-start: 2
    }

    .u-col\:span-2\>md {
        grid-column-end: span 2
    }

    .u-row\:2\>md {
        grid-row-start: 2
    }

    .u-row\:span-2\>md {
        grid-row-end: span 2
    }

    .u-col\:3\>md {
        grid-column-start: 3
    }

    .u-col\:span-3\>md {
        grid-column-end: span 3
    }

    .u-col\:4\>md {
        grid-column-start: 4
    }
    .u-col\:span-4\>md {
        grid-column-end: span 4
    }

    .u-col\:5\>md {
        grid-column-start: 5
    }

    .u-col\:span-7\>md {
        grid-column-end: span 7
    }

    .u-gap\:1-xs\>md {
        grid-gap: 1.5625rem
    }

    .u-gap\:1-sm\>md {
        grid-gap: 2rem
    }

    .u-gap\:2-sm\>md {
        grid-gap: 4rem
    }

    .u-gap\:x-4-sm\>md {
        column-gap: 8rem
    }

    .u-gap\:0\>md {
        grid-gap: 0
    }

    .u-mb-0\>md {
        margin-bottom: 0!important
    }

    .u-text-md-center {
        text-align: center!important
    }

    .u-hidden-md-up {
        display: none!important
    }
}

@media (min-width: 1200px) {
    ::-webkit-scrollbar {
        background-color:#f4f4f4;
        width: .5rem
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: none
    }

    ::-webkit-scrollbar-thumb {
        background-color: #fde018;
        outline: .0625rem solid #239839
    }

    .lead {
        font-size: 1.5rem;
        line-height: 1.4166666667
    }

    .alpha,h1 {
        font-size: 3.6875rem
    }

    .beta,h2 {
        font-size: 2.625rem
    }

    .gamma,h3 {
        font-size: 1.0rem;
    }

    .delta,h4 {
        font-size: 1.125rem
    }

    .jota,h5 {
        font-size: 1rem
    }

    .list-inline-item:not(:last-child) {
        margin-right: 2rem
    }

    .clipped {
        clip-path: inset(0 round 0 0 3.75rem 3.75rem)
    }

    .o-square-icon {
        height: 8rem;
        width: 8rem
    }

    .o-band-small {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .o-callout {
        bottom: 4rem;
        max-width: 22rem;
        padding: 4rem
    }

    .o-callout__btn {
        margin-top: 2rem
    }

    .o-loader:after {
        height: 80vw;
        width: 80vw
    }

    .o-logo {
        /* height: 2rem; */
        width: 20%;
    }

    .hero {
        grid-template-columns: 1fr 1.67fr;
        grid-template-rows: calc(100vh - 6rem) 1fr;
        height: 100vh
    }

    .hero__screen {
        border-bottom-right-radius: 3.75rem
    }

    .hero__bg-img {
        border-bottom-left-radius: 3.75rem
    }

    .hero--master .hero__bg-svg {
        right: 2rem;
        top: 5rem
    }

    .hero__container {
        grid-template-columns: 1fr 1.67fr
    }

    .hero--master .hero__body {
        padding-bottom: 6rem
    }

    .hero--master .hero__usps {
        display: flex;
        width: 90%;
    }

    .hero__usp+.hero__usp {
        margin-left: 1rem;
        margin-top: 0!important;
        width: 30%;
    }

    .hero--master {
        grid-template-columns: 1fr 20%
    }

    .product-intro__container {
        grid-template-columns: 1fr calc(100vh - 14rem) 1fr 40% 1fr!important
    }

    .business-cta__container {
        margin-top: 12rem
    }

    .business-cta__container:before {
        height: 10rem;
        top: -12rem
    }

    .business-cta__picture {
        margin: -12rem 0 -20rem -8rem
    }

    .contact {
        overflow: visible
    }

    .contact:before {
        background-color: #fff;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: calc(100vh - 6rem);
        z-index: 0
    }

    .contact__container {
        grid-template-columns: 40% 1fr;
        padding-bottom: 0
    }

    .contact__picture {
        margin-left: -4rem;
        margin-right: 2rem;
        margin-top: 8rem;
        padding: 0;
        z-index: 3
    }

    .contact__body {
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 7rem
    }

    .contact__cta {
        align-self: end;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        margin-left: -6rem!important;
        margin-right: 0!important;
        margin-top: auto;
        padding-left: 6rem!important
    }

    .intro {
        grid-template-columns: 1fr 1.67fr;
        grid-template-rows: 1fr auto;
        height: 100vh
    }

    .intro--fluid {
        grid-template-columns: .75fr 1fr
    }

    .intro__body {
        padding-left: 6rem;
        padding-right: 55%
    }

    .intro__aside {
        padding: 10rem 4rem
    }

    .intro__aside-svg {
        right: 2.5rem;
        top: 12.5rem
    }

    .intro__cta-svg {
        bottom: 13rem
    }

    .intro__picture {
        bottom: -22rem;
        left: 25%;
        right: 2rem;
        top: 6rem;
        z-index: 1
    }

    .intro__picture--right {
        left: 50%!important;
        right: -30%!important
    }

    .thanks {
        height: 100vh
    }

    .thanks__picture {
        margin-bottom: -24rem
    }

    .thanks__body {
        padding-right: 6rem
    }

    .thanks__text {
        width: 16ch
    }

    .banner {
        height: 75vh
    }

    .configurator {
        grid-template-rows: 100vh;
        height: 100vh
    }

    .configurator__aside,.configurator__body {
        padding: 8rem 6rem
    }

    .configurator__aside-footer {
        grid-template-columns: 50% 1fr;
        margin-bottom: 4rem
    }

    .configurator__aside-footer-picture {
        left: 10rem;
        right: -10rem;
        top: -6rem
    }

    .cta__container {
        height: 60vh
    }

    .cta__svg-top {
        left: 15%
    }

    .cta__picture {
        left: 14rem;
        right: 0%
    }

    .cta__body {
        margin-right: 5%;
        margin-top: auto
    }

    .cta__details {
        margin-bottom: 4rem;
        margin-left: 67%;
        margin-top: auto
    }

    .cta__details-svg {
        bottom: -5rem;
        left: -5rem
    }

    .footer {
        padding-bottom: 2rem
    }

    .c-nav__item+.c-nav__item {
        margin-left: 1rem;
        font-size: 14px;
    }

    .c-usps--has-icons {
        justify-content: space-between
    }

    .c-btn__label {
        height: 1.5rem;
        right: -.75em;
        top: -.75em;
        /* width: 1.5rem; */
    }

    .c-product-slider {
        left: 7rem;
        right: 7rem
    }

    .c-rating__icon {
        height: 1.6875rem;
        width: 1.6875rem
    }

    .c-rating--small .c-rating__icon {
        height: 1.25rem;
        width: 1.25rem
    }

    .c-modal__dialog--large {
        max-width: calc(100% - 20rem)
    }

    .c-logo-img {
        max-width: 66.6666666667%
    }

    .c-splitscreen__square {
        bottom: 6rem;
        right: -4rem
    }

    .c-splitscreen:nth-child(odd) .c-splitscreen__square {
        left: -4rem;
        right: auto
    }

    .c-collage__node--small {
        margin-right: 5rem;
        margin-top: -5rem
    }

    .c-collage__node--icon {
        height: 10rem;
        top: 6rem;
        width: 10rem
    }

    .c-product__body {
        padding: 0 1rem
    }

    .flickity-button {
        top: -6.875rem
    }

    .flickity-prev-next-button {
        height: 4.375rem;
        width: 4.375rem
    }

    .u-border-radius-top:after,.u-border-radius-top:before {
        height: 3.75rem
    }

    .u-border-radius-top:before {
        border-bottom-left-radius: 3.75rem;
        border-bottom-right-radius: 3.75rem
    }

    .u-border-radius-bottom:after,.u-border-radius-bottom:before {
        height: 3.75rem
    }

    .u-border-radius-bottom:before {
        border-bottom-left-radius: 3.75rem;
        border-bottom-right-radius: 3.75rem
    }

    .justify-self-lg-end {
        justify-self: flex-end!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .g-cols\:1\>lg {
        grid-template-columns: minmax(0,1fr)
    }

    .g-cols\:2\>lg {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .g-cols\:5\/2\>lg {
        grid-template-columns: 40% minmax(0,1fr)
    }

    .g-cols\:4\>lg {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .g-cols\:4\/auto\>lg {
        grid-template-columns: repeat(4,auto)
    }

    .g-cols\:auto\/1\>lg {
        grid-template-columns: auto minmax(0,1fr)
    }

    .u-col\:span-1\>lg {
        grid-column-end: span 1
    }

    .u-col\:2\>lg {
        grid-column-start: 2
    }

    .u-row\:span-2\>lg {
        grid-row-end: span 2
    }

    .u-col\:4\>lg {
        grid-column-start: 4
    }

    .u-col\:span-4\>lg {
        grid-column-end: span 4
    }

    .u-gap\:1-sm\>lg {
        grid-gap: 2rem
    }

    .u-gap\:2-sm\>lg {
        grid-gap: 4rem
    }

    .u-gap\:x-2-sm\>lg {
        column-gap: 4rem
    }

    .u-gap\:4-sm\>lg {
        grid-gap: 8rem
    }

    .u-gap\:0\>lg {
        grid-gap: 0
    }

    .u-mt-0\>lg {
        margin-top: 0!important
    }
}

@media (min-width: 1550px) {
    .lead {
        font-size:1.6875rem;
        line-height: 1.5
    }

    .alpha,h1 {
        font-size: 4.625rem
    }

    .beta,h2 {
        font-size: 3.1875rem
    }

    .gamma,h3 {
        font-size: 1.6875rem
    }

    .delta,h4 {
        font-size: 1.1875rem
    }

    .jota,h5 {
        font-size: 1.0625rem
    }

    .g-container {
        grid-template-columns: 7.5rem 1fr 7.5rem
    }

    .g-container--small {
        grid-template-columns: 11.25rem 1fr 11.25rem
    }

    .g-container--smaller {
        grid-template-columns: 15rem 1fr 15rem
    }

    .o-square-icon {
        border-radius: 1.875rem;
        height: 10rem;
        width: 10rem
    }

    .o-square-icon__svg {
        height: 3.125rem;
        width: 3.125rem
    }

    .o-card--small {
        padding: 2.5rem;
    }

    .o-card--smaller {
        padding: 1.25rem
    }

    .o-card--large {
        padding: 5rem 3.75rem
    }

    .o-band,.o-band-medium {
        padding-bottom: 7.5rem;
        padding-top: 7.5rem
    }

    .o-band-small {
        padding-bottom: 3.75rem;
        padding-top: 3.75rem
    }

    .o-callout {
        bottom: 7.5rem;
        margin-right: 7.5rem;
        max-width: 30rem;
        padding: 5rem
    }

    .o-callout__svg {
        right: -7.5rem;
        top: 10rem
    }

    .o-graphic {
        transform: scale(1)
    }

    .o-loader__progress {
        height: 17.5rem;
        width: 17.5rem
    }

    .header {
        height: 7.5rem;
        left: 2.5rem;
        right: 2.5rem
    }

    .header__base,.header__top {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .header__top {
        height: 2.5rem
    }

    .header__base {
        height: 5rem
    }

    .hero {
        grid-template-columns: 1fr 1.414141fr;
        grid-template-rows: calc(100vh - 12.5rem) 1fr
    }

    .hero__bg-svg {
        bottom: 7.5rem;
        left: -2.5rem
    }

    .hero--master .hero__bg-svg {
        right: 5rem;
        top: 7.5rem
    }

    .hero__container {
        grid-template-columns: 1fr 1.414141fr
    }

    .hero__body {
        padding-left: 7.5rem;
        padding-right: 2.5rem;
        padding-top: 10rem
    }

    .hero--master .hero__body {
        padding-bottom: 7.5rem;
        padding-right: 0
    }

    .hero__cta {
        margin-bottom: 0
    }

    .hero__usps {
        padding-left: 7.5rem
    }

    .hero__usp+.hero__usp {
        margin-left: 3.75rem
    }

    .hero--master {
        grid-template-columns: 1fr 22.5rem
    }

    .product-intro {
        padding-bottom: 5rem!important;
        padding-top: 5rem!important
    }

    .product-intro__container {
        grid-template-columns: 1fr calc(100vh - 17.5rem) 1fr 40% 1fr!important
    }

    .product-summary {
        left: 2.5rem;
        padding-left: 5rem;
        padding-right: 10rem;
        right: 2.5rem
    }

    .products__container {
        grid-template-columns: 22% minmax(0,1fr)
    }

    .business-cta__container {
        margin-top: 10rem;
        padding-top: 2rem;
    }

    .business-cta__container:before {
        height: 10rem;
        left: -12.5rem;
        right: -12.5rem;
        top: -10rem
    }

    .business-cta__picture {
        margin: -10rem 0 -22.5rem -10rem
    }

    .top-usps {
        padding-bottom: 2.5rem
    }

    .contact {
        height: 100vh;
        margin-bottom: 7.5rem
    }

    .contact:before {
        top: 80vh
    }

    .contact__container {
        height: 100vh
    }

    .contact__picture {
        margin: 12.5rem 1.25rem 2.5rem -2.5rem
    }

    .contact__body {
        padding-left: 3.75rem;
        padding-top: 11.25rem
    }

    .contact__cta {
        padding-left: 10rem!important;
        padding-right: 7.5rem!important
    }

    .contact__svg {
        left: 12.5rem;
        top: 10rem
    }

    .intro,.intro--fluid {
        grid-template-columns: 1fr 1.414141fr
    }

    .intro__aside,.intro__body {
        padding: 7.5rem
    }

    .intro__body {
        padding-left: 10rem;
        padding-right: 25vw;
        padding-top: 10rem
    }

    .intro__aside {
        padding: 12.5rem 7.5rem 10rem
    }

    .intro__cta-svg {
        bottom: 16.25rem
    }

    .intro__picture {
        left: 15vw;
        top: 10rem
    }

    .thanks__picture {
        margin: 0 7.5rem -27.5rem 0
    }

    .thanks__body {
        padding-left: 7.5rem;
        padding-right: 2.5rem
    }

    .banner {
        height: 85vh
    }

    .configurator__aside {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
        padding-right: 10rem;
        padding-top: 10rem
    }

    .configurator__aside-footer {
        grid-template-columns: 70% 1fr;
        margin-bottom: 5rem
    }

    .configurator__aside-footer-picture {
        left: 12.5rem;
        right: -20rem;
        top: -7.5rem
    }

    .configurator__body {
        padding: 10rem 12.5rem 5rem
    }

    .configurator__body-inner {
        margin-bottom: 5rem
    }

    .configurator__form-btn:first-of-type:not(:only-child) {
        padding: 0 0 0 3rem
    }

    .configurator__node-svg {
        height: 4.125rem;
        width: 4.125rem
    }

    .configurator__list-step {
        padding-left: 3.125rem
    }

    .configurator__list-step+.configurator__list-step {
        margin-top: 2.5rem
    }

    .division__container {
        grid-template-columns: 1fr 1.3fr 1fr!important
    }

    .e-404__svg-top {
        left: 10%;
        top: 20%
    }

    .e-404__svg-bottom {
        right: -2.5rem
    }

    .e-404__svg {
        bottom: 10%;
        right: 10%
    }

    .cta {
        margin-bottom: 17.5rem;
        padding-top: 12.5rem
    }

    .cta__container {
        height: 50vh
    }

    .cta__svg-top {
        top: -11.25rem
    }

    .cta__svg-bottom {
        right: -5rem;
        top: 20%
    }

    .t-zakelijk .cta__svg-bottom {
        top: -5rem
    }

    .cta__picture {
        bottom: -27.5rem;
        left: 35rem;
        right: 20.333333%;
        top: -20rem;
    }

    .cta__body {
        margin-top: 0
    }

    .cta__details {
        margin-bottom: 5rem
    }

    .cta__details-svg {
        bottom: -6.25rem;
        left: -5rem
    }

    .t-vacature .cta,.t-zakelijk .cta {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .footer {
        padding-bottom: 2.5rem
    }

    .has-notification .footer {
        padding-bottom: 5rem
    }

    .footer__top {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .footer--has-border-radius {
        margin-top: -2.5rem;
        padding-top: 3.75rem
    }

    .footer__creator {
        bottom: 12.5rem
    }

    .c-alert--fixed {
        top: 7.5rem
    }

    .c-nav__item+.c-nav__item {
        margin-left: 2.5rem
    }

    .c-link {
        padding: 1.875rem 0
    }

    .c-usp {
        padding-left: 2.5rem
    }

    .c-usps--has-thumbs .c-usp:before {
        top: 0
    }

    .c-btn {
        height: 3.75rem;
        padding: 0 5.25rem 0 2.25rem
    }

    .c-btn:before {
        left: -2.25rem
    }

    .c-btn:after {
        right: 2.25rem
    }

    .c-btn:hover {
        padding: 0 2.25rem 0 5.25rem
    }

    .c-btn:hover:before {
        left: 2.25rem
    }

    .c-btn:hover:after {
        right: -2.25rem
    }

    .c-btn--clean {
        margin-left: -2.25rem
    }

    .c-product-slider {
        bottom: 15rem;
        left: 7.5rem;
        right: 7.5rem;
        top: 2.5rem
    }

    .c-product-slider--thumbs {
        bottom: 2.5rem;
        left: 2.5rem;
        right: 1.5rem
    }

    .c-job__label {
        padding: .75rem .75rem .75rem 1.25rem;
        top: 7.5rem
    }

    .c-job__label-svg {
        margin-left: .625rem
    }

    .c-job__body {
        padding: 2.5rem
    }

    .c-project__date {
        padding: .75rem .75rem .75rem 1.25rem
    }

    .c-project__body {
        padding: 2.5rem
    }

    .c-review {
        padding-top: 5rem
    }

    .c-review__square {
        height: 3.375rem;
        width: 3.375rem
    }

    .c-modal__header {
        padding: 2.5rem
    }

    .c-modal__dialog--large .c-modal__header {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .c-modal__footer {
        padding: 1.25rem 2.5rem
    }

    .c-modal__dialog--large .c-modal__footer {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .c-modal__dialog--video .c-modal__close {
        right: 2.5rem;
        top: 2.5rem
    }

    .c-modal__body {
        padding: 2.5rem
    }

    .c-modal__dialog--large .c-modal__body {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .c-modal__dialog {
        max-width: 50%
    }

    .c-modal__dialog--large {
        max-width: calc(100% - 25rem)
    }

    .c-modal__dialog--small {
        max-width: 40rem
    }

    .c-modal__dialog--extra-small {
        max-width: 27.5rem
    }

    .c-splitscreen__square {
        bottom: 10rem;
        right: -5rem
    }

    .c-splitscreen:nth-child(odd) .c-splitscreen__square {
        left: -5rem;
        right: auto
    }

    .c-collage__node--small {
        margin-right: 5rem;
        margin-top: -6.25rem
    }

    .c-collage__node--icon {
        height: 12.5rem;
        top: 5rem;
        width: 12.5rem
    }

    .c-product__label {
        padding: .75rem .75rem .75rem 1.25rem;
        top: 7.5rem
    }

    .c-product__label-svg {
        margin-left: .625rem
    }

    .c-product__picture {
        /*margin: 0 -1.25rem 2.5rem auto*/
    }

    .c-product__body {
        padding: 0 1.25rem
    }

    .c-product__amount {
        height: 3.75rem;
        padding: 0 2.25rem
    }

    .c-product__amount-min,.c-product__amount-plus {
        left: 1.25rem
    }

    .c-product__amount-plus {
        right: 1.25rem
    }

    .c-product__btn {
        margin: 0 -1.25rem -1.25rem
    }

    .c-notification {
        left: 2.5rem;
        right: 2.5rem
    }

    .u-offset-top {
        padding-top: 10rem
    }

    .u-offset-header {
        padding-top: 7.5rem
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .g-cols\:1\>xl {
        grid-template-columns: minmax(0,1fr)
    }

    .g-cols\:1\/3\>xl {
        grid-template-columns: minmax(0,1fr) 33.3333333333%
    }

    .g-cols\:3\/1\>xl {
        grid-template-columns: 33.3333333333% minmax(0,1fr)
    }

    .g-cols\:3\>xl {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .g-cols\:4\>xl {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .g-cols\:8\>xl {
        grid-template-columns: repeat(8,minmax(0,1fr))
    }

    .u-col\:span-1\>xl {
        grid-column-end: span 1
    }

    .u-col\:span-3\>xl {
        grid-column-end: span 3;
    }

    .u-col\:7\>xl {
        grid-column-start: 7
    }

    .u-gap\:1-xl\>xl {
        grid-gap: 2.5rem
    }

    .u-gap\:x-1-xl\>xl {
        column-gap: 2.5rem
    }

    .u-gap\:2-xl\>xl {
        grid-gap: 5rem
    }

    .u-gap\:y-2-xl\>xl {
        row-gap: 5rem
    }

    .u-gap\:3-xl\>xl {
        grid-gap: 7.5rem
    }

    .u-gap\:x-3-xl\>xl {
        column-gap: 7.5rem
    }

    .u-gap\:4-xl\>xl {
        grid-gap: 10rem
    }

    .u-gap\:x-4-xl\>xl {
        column-gap: 10rem
    }
}

@media (min-width: 1800px) {
    body {
        font-size:1.125rem
    }

    .lead {
        font-size: 1.875rem;
        line-height: 1.3333333333
    }

    .alpha,h1 {
        font-size: 5.5625rem
    }

    .beta,h2 {
        font-size: 3.75rem;
        line-height: 1
    }

    .gamma,h3 {
        font-size: 1.0rem;
    }

    .delta,h4 {
        font-size: 1.25rem
    }

    .jota,h5 {
        font-size: 1.125rem
    }

    .g-container--small {
        grid-template-columns: 15rem 1fr 15rem
    }

    .g-container--smaller {
        grid-template-columns: 22.5rem 1fr 22.5rem
    }

    .o-square-icon {
        height: 12.5rem;
        width: 12.5rem
    }

    .o-band {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .o-callout {
        bottom: 7.5rem;
        margin-right: 12.5rem
    }

    .hero {
        grid-template-rows: calc(100vh - 15rem) 1fr
    }

    .hero--master .hero__bg-svg {
        right: 5rem;
        top: 6.25rem
    }

    .hero__body {
        padding-right: 7.5rem;
        padding-top: 12.5rem
    }

    .hero--master {
        grid-template-columns: 1fr 27.5rem
    }

    .business-cta__container:before {
        left: -15rem;
        right: -15rem
    }

    .contact__container {
        grid-template-columns: 35% 1fr
    }

    .contact__picture {
        margin-bottom: 7.5rem;
        margin-top: 7.5rem
    }

    .intro__body {
        padding-bottom: 5rem;
        padding-top: 12.5rem
    }

    .intro__picture {
        bottom: -25rem
    }

    .thanks__picture {
        margin: 0 10rem -30rem 2.5rem
    }

    .configurator__aside-footer-picture {
        top: -15rem
    }

    .configurator__body {
        padding: 12.5rem 17.5rem 5rem
    }

    .e-404__title {
        font-size: 29.375rem
    }

    .t-installatie .cta__picture {
        transform: translate(15%,-5%)
    }

    .footer__top {
        font-size: 1.125rem
    }

    .footer__bottom {
        font-size: .875rem
    }

    .c-link {
        font-size: 1.25rem
    }

    .c-btn {
        font-size: 1.125rem
    }

    .c-product-slider--thumbs .c-product-slide {
        width: calc(20% - 1rem)
    }

    .c-modal__dialog--large {
        max-width: calc(100% - 40rem)
    }

    .c-product__kortingprijs {
        font-size: 1.5rem
    }

    .c-product__amount {
        font-size: 1.125rem
    }

    .c-product__price {
        font-size: 1.5rem
    }

    .u-gap\:2-xl\>xxl {
        grid-gap: 5rem
    }

    .u-gap\:4-xl\>xxl {
        grid-gap: 10rem
    }

    .u-gap\:5-xl\>xxl {
        grid-gap: 12.5rem
    }

    .u-gap\:6-xl\>xxl {
        grid-gap: 15rem
    }
}

@media (min-width: 2000px) {
    html {
        font-size:20px
    }
}

@media (min-width: 3000px) {
    html {
        font-size:22px
    }
}

@media (max-width: 1199px) {
    .t-contact .u-border-radius-top:before {
        background-color:#fde018
    }
}

@media (max-width: 991px) {
    .catalog-info {
        top: 35%;
        width: 100%;
        padding: 0.5rem;
        font-size: 1.3rem;
    }

    .header__top-body {
        width:100%
    }

    .c-filters {
        background-color: #f4f4f4;
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 20px;
        transform: translateX(-100%);
        transition: .4s;
        visibility: hidden;
        width: 100%;
        z-index: 1031
    }

    html.filter-is-open .c-filters {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }

    .c-filters__footer,.c-filters__header {
        background-color: #f4f4f4;
        height: 3.75rem;
        left: 0;
        padding-inline:clamp(1.171875rem,.9939759036rem + .7906626506vw,1.5rem);position: absolute;
        right: 0;
        width: 100%;
        z-index: 2
    }

    .c-filters__header {
        align-items: center;
        border-bottom: .0625rem solid #e6e6e6;
        display: flex;
        top: 5rem
    }

    .c-filters__body {
        bottom: 3.75rem;
        left: 0;
        overflow-y: auto;
        padding: clamp(1.5625rem,1.3253012048rem + 1.0542168675vw,2rem);
        position: absolute;
        right: 0;
        top: 8.75rem
    }

    .c-filters__footer {
        align-items: center;
        border-top: .0625rem solid #e6e6e6;
        bottom: 0;
        display: flex;
        justify-content: center
    }

    .u-hidden-sm-down {
        display: none!important
    }
}

@media (max-width: 767px) {
    .table-image{
        height: 60px;
        width: 60px;
    }
    .gallery{
        display: none;
    }
    .catalog-info{
        top: 35%;
        width: 100%;
        padding: 1rem;
        font-size: 1.5rem;
    }

    .g-container--large {
        grid-template-columns:1.5625rem 1fr 1.5625rem
    }

    .o-card--offset {
        margin: 0 -1.5625rem
    }

    .hero--master .hero__body {
        margin-top: -10.15625rem;
        padding-top: 0
    }

    .t-installatie .hero__body {
        padding-top: 6.25rem
    }

    .product-intro__sliders {
        padding: 1.5625rem
    }

    .product-intro__options {
        border-radius: 0;
        margin: 0 -1.5625rem
    }

    .product-intro__option-label {
        display: block;
        font-size: 1rem;
        margin-bottom: -.625rem
    }

    .product-intro__form-details {
        grid-template-columns: 55% 1fr
    }

    .c-job,.c-project {
        margin: 0 -1.5625rem
    }

    .c-modal__dialog {
        max-width: calc(100% - 3.125rem)
    }

    .c-splitscreen__media {
        height: 20.625rem;
        margin: 0 -1.5625rem
    }

    .c-splitscreen__picture {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .c-product {
        margin: 0 -1.5625rem
    }

    .cc-cart .c-product__amount {
        min-width: 9.375rem
    }

    .c-notification {
        padding-right: 2.34375rem
    }

    .c-notification__close {
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        color: #1d1d1b!important;
        display: flex;
        height: 1.5rem;
        justify-content: center;
        left: 0;
        top: -.75rem;
        width: 1.5rem;
        z-index: 10
    }

    .TrengoWidgetLauncher__iframe {
        bottom: .78125rem!important;
        right: .78125rem!important
    }

    .u-hidden-xsl-down {
        display: none!important
    }
}

/* @media (min-width: 544px) and (max-width:767px) {
    body:before {
        align-items:center;
        background-color: #1d1d1b;
        bottom: 0;
        color: #fff;
        content: "Please rotate your device";
        display: flex;
        justify-content: center;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 5000
    }
} */

@media (min-width: 768px) and (max-width:991px) {
    .hero__body {
        padding-top:0
    }

    .hero--master .hero__usps {
        display: flex;
        margin-left: 0;
        margin-top: 2rem;
        padding-left: 4rem;
        padding-right: 4rem
    }

    .hero--master .hero__usp+.hero__usp {
        margin-left: 2rem;
        margin-top: 0
    }

    .product-intro__container {
        column-gap: 0!important;
        row-gap: 4rem!important
    }

    .footer__creator {
        bottom: 3.125rem
    }

    .u-hidden\@sm {
        display: none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hero__cta {
        margin-bottom:-4rem
    }

    .hero__usps {
        padding-bottom: 0;
        padding-top: 2rem
    }

    .hero--master {
        grid-template-rows: calc(var(--vh, 1vh)*100 - 18rem) 1fr
    }

    .product-intro__container--alternate {
        grid-template-columns: calc(var(--vh, 1vh)*100 - 22rem) 1fr 50%!important
    }

    .intro__usps {
        margin-top: 2rem
    }

    .cta__container {
        column-gap: 10rem;
        row-gap: 12rem
    }

    .t-installatie .cta__picture {
        bottom: -8rem;
        left: 8rem;
        top: -8rem
    }

    .c-nav__link {
        font-size: .875rem
    }

    .c-usps--has-icons .c-usp {
        align-items: flex-start
    }
}

@media (min-width: 1200px) and (max-width:1549px) {
    .hero--master {
        grid-template-rows:calc(100vh - 10rem) 1fr
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .contact__cta {
        padding:4rem
    }
}

@media (min-width: 1200px) and (max-width:1799px) {
    .intro__body--small-lg {
        padding-right:35%
    }
}
.flip-arrow:before ,
.flip-arrow:after {
    transform: translateY(-50%) rotate(180deg) !important;
}
.m-1rem{
    margin:1rem
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
/* Основные стили таблицы */
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 0.3px solid #00000017;
    padding: 8px;
    text-align: left;
}

/* Стили для заголовка таблицы (thead) */
thead {
    background-color: #f2f2f2;
}

th {
    color: #333;
    font-weight: bold;
    padding: 12px;
}

/* Стили для четных строк */
tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Стили для нечетных строк */
tr:nth-child(odd) {
    background-color: #fff;
}

td .total-price {
    text-align: end;
}

.bold {
    font-weight: bold;
}
@media print {
    .no-print {
        visibility: hidden;
    }
}
.majesticCheckbox {
    cursor: pointer;
    display: flex;
    min-height: 20px;
    align-items: center;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #607D8B;
    font-weight: normal;
}
.majesticCheckbox input {
    display: none;
}
.majesticCheckbox span {
    position: relative;
    display: flex;
    width: 25px;
    height: 25px;
    border: 1px solid #607D8B;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
}
.majesticCheckbox span i {
    position: relative;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    transform: rotate(-45deg) translateX(0%) translateY(0%) scale(0.8);
    transform-origin: center left;
}
.majesticCheckbox span i:before, .majesticCheckbox span i:after {
    content: "";
    position: absolute;
    background-color: white;
    border-radius: 20px;
}
.majesticCheckbox span i:before {
    height: 0%;
    top: 50%;
    left: 0;
    width: 2px;
}
.majesticCheckbox span i:after {
    width: 0%;
    bottom: 0;
    left: 0;
    height: 2px;
}
.majesticCheckbox input:checked ~ span {
    border: none;
    background-color: #2979FF;
}
.majesticCheckbox input:checked ~ span i:before {
    height: 50%;
    transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.majesticCheckbox input:checked ~ span i:after {
    width: 100%;
    transition: width 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.majesticCheckbox input:checked ~ b {
    color: #263238;
}