[data-jumper-target] {cursor:pointer;}







/** ANIMATIONS **/
/** Misschien naar Base? **/
[data-sc-animation="fade"],
/* A group host that animates itself must stay hidden until its own reveal;
   only hosts without an effect of their own are shown by the group marker. */
[data-sc-animated-group="true"]:not([data-sc-animation]) {visibility: visible;}

/** FADE **/
[data-sc-animation="fade"],
[data-sc-animation="fadeTop"],
[data-sc-animation="fadeLeft"],
[data-sc-animation="fadeBottom"],
[data-sc-animation="fadeRight"],
[data-sc-animation="textCharactersMaskLeft"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskRight"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskTop"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskBottom"] .sc-a-wrd span {
    visibility: visible;
    opacity: 0;
}
[data-sc-animation="fade"].sc-animated,
[data-sc-animation="fadeTop"].sc-animated,
[data-sc-animation="fadeLeft"].sc-animated,
[data-sc-animation="fadeBottom"].sc-animated,
[data-sc-animation="fadeRight"].sc-animated,
[data-sc-animation="textCharactersMaskLeft"] .sc-animated,
[data-sc-animation="textCharactersMaskBottom"] .sc-animated,
[data-sc-animation="textCharactersMaskRight"] .sc-animated,
[data-sc-animation="textCharactersMaskTop"] .sc-animated {
    opacity: 1 !important;
}
/* A background layer with its own opacity carries it as --sc-bg-op so the
   reveal above does not turn it fully opaque. Layers at 100% get no
   data-sc-op and keep the plain reveal. */
[data-sc-animation].sc-animated[data-sc-op] {
    opacity: var(--sc-bg-op) !important;
}



/** slideTop **/
/** fadeTop **/
/** slideBottom **/
/** fadeBottom **/
/** slideLeft **/
/** fadeLeft **/
/** slideRight **/
/** fadeRight **/
/* End state after playing: no transform at all. `translate(0)` is still a
   transform, which makes the node a containing block for position:fixed — a
   sticky element inside a played section would then stick to that section
   instead of to the viewport. `none` interpolates from the inline reveal
   transform as the identity, so the transition is unchanged. */
[data-sc-animation="slideTop"].sc-animated,
[data-sc-animation="fadeTop"].sc-animated,
[data-sc-animation="slideBottom"].sc-animated,
[data-sc-animation="fadeBottom"].sc-animated,
[data-sc-animation="slideLeft"].sc-animated,
[data-sc-animation="fadeLeft"].sc-animated,
[data-sc-animation="slideRight"].sc-animated,
[data-sc-animation="fadeRight"].sc-animated,
[data-sc-animation="textCharactersMaskTop"] .sc-animated,
[data-sc-animation="textCharactersMaskBottom"] .sc-animated,
[data-sc-animation="textCharactersMaskLeft"] .sc-animated,
[data-sc-animation="textCharactersMaskRight"] .sc-animated {
    transform: none !important;
}

/* A background layer is the exception: its placement (rotation, centring) lives
   in --sc-bg-tf and is always composed, so it keeps that transform. A layer is
   never a sticky host. */
.background[data-sc-animation].sc-animated {
    transform: var(--sc-bg-tf) !important;
}

[data-sc-animation="textCharactersMaskLeft"] span,
[data-sc-animation="textCharactersMaskRight"]  span,
[data-sc-animation="textCharactersMaskTop"] span,
[data-sc-animation="textCharactersMaskBottom"] span {
    display:inline-flex;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow:hidden;
}

[data-sc-animation="textCharactersMaskLeft"] p,
[data-sc-animation="textCharactersMaskRight"] p,
[data-sc-animation="textCharactersMaskTop"] p,
[data-sc-animation="textCharactersMaskBottom"] p {
    display:block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow:hidden;
    transform:none;
}

[data-sc-animation="textCharactersMaskLeft"] .sc-a-wrd,
[data-sc-animation="textCharactersMaskRight"] .sc-a-wrd,
[data-sc-animation="textCharactersMaskTop"] .sc-a-wrd,
[data-sc-animation="textCharactersMaskBottom"] .sc-a-wrd {
    overflow:hidden;
}
[data-sc-animation="textCharactersMaskLeft"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskRight"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskTop"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskBottom"] .sc-a-wrd span {
    position:relative;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/** WILL CHANGE **/
/*** transition-property **/
[data-sc-animation="fade"]  {will-change: opacity;transition-property:opacity;}

[data-sc-animation="fadeTop"],
[data-sc-animation="fadeLeft"],
[data-sc-animation="fadeBottom"],
[data-sc-animation="fadeRight"],
[data-sc-animation="textCharactersMaskLeft"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskRight"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskTop"] .sc-a-wrd span,
[data-sc-animation="textCharactersMaskBottom"] .sc-a-wrd span {
    will-change: transform, opacity;
    transition-property: transform, opacity;
}

[data-sc-animation="slideTop"],
[data-sc-animation="slideLeft"],
[data-sc-animation="slideBottom"],
[data-sc-animation="slideRight"] {will-change: transform;transition-property:transform;}

[data-sc-scroll] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/** VIDEO **/
@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4f5b5f;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr--video .plyr__control svg{filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr__control--overlaid{background:rgba(26,175,255,.8);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#1aafff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls .plyr__volume,.plyr__controls>.plyr__control{margin-left:5px}.plyr__controls .plyr__menu+.plyr__control,.plyr__controls .plyr__progress+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:2px}.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0;margin-right:auto}.plyr__controls:empty{display:none}@media (min-width:480px){.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls .plyr__volume,.plyr__controls>.plyr__control{margin-left:10px}}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4f5b5f;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__video-embed{height:0;padding-bottom:56.25%;position:relative}.plyr__video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4f5b5f;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(79,91,95,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(79,91,95,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#b7c5cd;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#1aafff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:28px;color:#1aafff;display:block;height:20px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2px;height:4px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);height:14px;position:relative;transition:all .2s ease;width:14px;-webkit-appearance:none;margin-top:-5px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2px;height:4px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);height:14px;position:relative;transition:all .2s ease;width:14px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2px;height:4px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2px;height:4px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2px;height:4px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2px;height:4px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);height:14px;position:relative;transition:all .2s ease;width:14px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:transparent;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:transparent;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__progress{flex:1;left:7px;margin-right:14px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-7px;margin-right:-7px;width:calc(100% + 14px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:4px;left:0;margin-top:-2px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0;transition:width .2s ease}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:4px}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:4px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(183,197,205,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(183,197,205,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:fullscreen .plyr__video-wrapper{height:100% !important;width:100% !important;}.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}.plyr:fullscreen .plyr__video-embed{overflow:visible}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-moz-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-fallback .plyr__video-embed{overflow:visible}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(47,52,61,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:4px;left:0;margin:-2px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}

.plyr__poster {
    background-size: cover !important;
}

.block,
.sc-section,
.sc-footer {
    position: relative;
    z-index: 0;
}

.sc-section-min-h {
    display: table;
    width: 100%;
    table-layout:fixed;
}
.sc-section-min-h .container {
    display: table-cell;
    width: 100%;
}


footer .column-in {
    height: auto !important;
}

.component p {
    margin-bottom: 1em;
}
.component p:last-child {
    margin-bottom: 0px !important;
}

/** BUTTONS **/
.header-row-pdp .button-new.add-to-cart-header-button {
    margin-right: 0px !important;
}
.header-row-pdp .component.sticky-header-image {
    margin-right: 0.5rem;
}
.button {
    display: block;
    cursor: pointer;
}
.button img {
    display: inline-block;
    max-height: 1em;
    vertical-align: middle;
    margin-right: 0.5rem;
}
.button .button-in {
    border: 1px solid black;
    display:inline-block;
    vertical-align:middle;
    padding: 1rem 2rem;
    border-radius: 2px;
    text-align: center;
    width: 100%;
    line-height: 1em !important;
}
.button-group-small .button .button-in {
    padding: 0.5rem 1rem;
}
.button-group-large .button .button-in {
    padding: 1.25rem 2.5rem;
}
.button div {
    line-height: 1em !important;
}
.post-password-form input[type="submit"]{
    color: #fff !important;
}
/* De uitlijning van een knopgroep is een flex-var (base.css), niet text-align:
   text-align won van de overgeërfde kolomuitlijning en maakte K2 per apparaat
   stuur-loos (r.982). De onderlinge ruimte is de gap van .button-group. */
.button-group-left { --sc-btn-just: flex-start; }
.button-group-center { --sc-btn-just: center; }
.button-group-right { --sc-btn-just: flex-end; }
.button-group-right .button {
    width: auto;
}
.button-group-block {
    flex-direction: column;
    align-items: stretch;
}
.button-group-block > .component {
    display: block;
    text-align: center;
}

.button-group-block .button-in {
    display: block;
}

.button-group-block .button-in {
    width: 100%;
    display:block;
}
.button-group-block button {
    width: 100%;
}
/* VIDEO COMPONENT (VID, round 16). `.sc-video-1` is the frame: the poster is
   its background so there is an image right away, and the frame ratio comes
   from --sc-vid-ar (width/height, empty = 16/9). The media fills that frame; an
   iframe cannot object-fit, so with YouTube + fit `cover` the player scales up
   until it covers (same trick as the background layer in base.css). The cover
   trick uses --sc-vid-mr = the ratio of the YouTube video itself. */
.sc-video-1 {
    position: relative;
    aspect-ratio: var(--sc-vid-ar, 16/9);
    background: var(--sc-vid-poster) var(--sc-vid-fx, 50%) var(--sc-vid-fy, 50%) / cover no-repeat;
}
.sc-video-media {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--sc-vid-fit, cover);
    object-position: var(--sc-vid-fx, 50%) var(--sc-vid-fy, 50%);
}
/* Plyr's own poster layer follows the focus point (POS8/POS9) as well. */
.sc-video-1 .plyr__poster {
    background-position: var(--sc-vid-fx, 50%) var(--sc-vid-fy, 50%);
}
/* VID5 "Automatisch" bij een EIGEN video: geen opgelegde verhouding, het
   bestand bepaalt de hoogte (`aspect-ratio: auto 16/9` = de intrinsieke maten
   zodra de metadata er is, anders 16/9). Zo snijdt `object-fit: cover` een
   staande of vierkante video niet meer af. Plyr zet zijn eigen wrapper voor
   HTML5-video op diezelfde intrinsieke verhouding. */
.sc-video-1[data-ratio="auto"] {
    aspect-ratio: auto;
}
.sc-video-1[data-ratio="auto"] .sc-video-media {
    height: auto;
    aspect-ratio: auto 16/9;
}
/* VID31 x VID36: the panel promises "size", so the padding has to fit inside
   it — base.css has no global border-box. The flex centring replaces the
   inline-block text flow that parked the glyph in the top-left corner. */
.sc-video-play {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: var(--sc-vp-size, 64px);
    height: var(--sc-vp-size, 64px);
    padding: var(--sc-vp-pad, 16px);
    border: 0;
    background-color: transparent;
    cursor: pointer;
}
/* siteclick_get_icon_svg() puts .siteclick-icon on the <svg> itself and
   base.css sizes that class with `width/height: 1em !important`, which beats a
   plain declaration. Scoped override; base.css stays untouched — that rule
   sizes every inline icon on every site and belongs to the icon-library
   renderpad review. */
.sc-video-play svg.siteclick-icon {
    width: 100% !important;
    height: 100% !important;
}
/* VID40/VID41: de gevendorde Plyr-build hierboven (regel 331) is van vóór de
   --plyr-*-variabelen en draagt #1aafff hardgecodeerd, dus de bediening was per
   definitie niet instelbaar. Deze laag haakt de accentplekken en de
   bedieningsbalk aan twee custom properties die video.php per node vult; leeg =
   exact de Plyr-standaard. */
.sc-video-1 {
    --plyr-color-main: #1aafff;
}
.sc-video-1 .plyr--video .plyr__control.plyr__tab-focus,
.sc-video-1 .plyr--video .plyr__control:hover,
.sc-video-1 .plyr--video .plyr__control[aria-expanded="true"] {
    background: var(--plyr-color-main);
}
.sc-video-1 .plyr--full-ui input[type="range"] {
    color: var(--plyr-color-main);
}
.sc-video-1 .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
    background: var(--plyr-color-main);
}
/* De grote overlay-knop (Plyr's play-large, zichtbaar zodra de bezoeker niet
   zelf start) staat in de vendorbuild op rgba(26,175,255,.8); color-mix houdt
   die 80 % zodat de standaard pixelgelijk blijft. */
.sc-video-1 .plyr__control--overlaid {
    background: color-mix(in srgb, var(--plyr-color-main) 80%, transparent);
}
.sc-video-1 .plyr__control--overlaid:focus,
.sc-video-1 .plyr__control--overlaid:hover {
    background: var(--plyr-color-main);
}
/* Round 23a (r.246): a compact bar on every player. One padding on all sides
   at every width, replacing Plyr's 35px gradient room (0,3,0 beats the vendor
   (0,2,0) rule in its media query); the videoplayer object sets bar_pad. */
.sc-video-1 .plyr--video .plyr__controls {
    background: var(--sc-vp-bar-bg, linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7)));
    padding: var(--sc-vp-bar-pad, 8px);
}
.sc-video-1[data-src-type="youtube"][data-fit="cover"] {
    overflow: hidden;
    container-type: size;
}
.sc-video-1[data-src-type="youtube"][data-fit="cover"] > .sc-video-media,
.sc-video-1[data-src-type="youtube"][data-fit="cover"] > .plyr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100cqw, calc(100cqh * var(--sc-vid-mr, 1.7778)));
    height: max(100cqh, calc(100cqw / var(--sc-vid-mr, 1.7778)));
    max-width: none;
}
/* The embed fills the cover box above: Plyr pins it to 16:9 with an inline
   padding-bottom, which leaves a strip when the video itself is not 16:9. */
.sc-video-1[data-src-type="youtube"][data-fit="cover"] .plyr__video-embed {
    height: 100%;
    padding-bottom: 0 !important;
}

.image img {
    display:inline-block;
    vertical-align:middle;
    height: auto !important;
}
.image-left {
    text-align: left;
}
.image-center {
    text-align: center;
}
.image-right {
    text-align: right;
}
.image-block img {
    display:block;
}
.image-justify img {
    display: block;
    width: 100%;
}






.template-pagination > div {
    display:inline-block;
}

.template-pagination-center {
    text-align: center;
}
.template-pagination-right {
   text-align: right;
}
/* De `.carousel*`- en `.slider-arrows*`-selectors zijn met es-slider/es-carousel
   en siteclick_get_arrows_(slider_)html() verdwenen (COL-06); de slider gebruikt
   `.sc-slider*`. */
.slider {
    position: relative;
}
.slider .loop {
    margin: 0px !important;
}

.form-messages {
    margin-top: 5px;
}


.review-slider-thumbs img {
    display: inline-block;
    max-height: 2em;
    margin-right: 0.5em;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 50%;
    width: auto !important;
}
.review-extern img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25rem;
    width: auto !important;
}

.review-extern-variant-2 img,
.review-extern-variant-3 img{
    margin-left:  0px;
    margin-right: 0.5rem;
}
.review-extern-variant-1 img {
    max-height: 25px !important;
}
.review-extern-variant-3 .review-extern-in {
    display: inline-flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.review-extern-variant-3 .review-extern-right > div {
    display: block;
    text-align: left !important;
    line-height: 1.1em !important;
}

.review-extern-variant-2 .review-extern-in {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.review-extern-variant-2 .review-extern-in > .reviews-extern-stars {
    margin-right: 0.25rem;
}

.review-extern-variant-3 .review-extern-right .reviews-extern-stars,
.review-extern-variant-3 .review-extern-right .review-extern-score-text {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    line-height: 1em !important;
    vertical-align: middle !important;
    margin-right: 0.15em;
}

.reviews-extern-stars,
.reviews-stars {
    //display: inline-block;
    //vertical-align: middle;
    position: relative;
    //margin-right: 0.15em;
    //font-size: 0.8em;
}

.review-extern-variant-3 .review-extern-right .reviews-extern-stars {
    top: -1px;
}

.reviews-extern-stars-bg {
    white-space: nowrap;
}

.reviews-extern-stars-score,
.reviews-stars-score {
    position: absolute;
    top: 0px;
    left: 0px;
    white-space: nowrap;
    overflow: hidden;
}
.component-breadcrumbs .breadcrumbs-in > div,
.component-breadcrumbs .breadcrumbs-in > a,
.component-breadcrumbs .breadcrumbs-in > span {
    display: inline-flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.component-breadcrumbs .sc-bc-sep svg {
    display: inline-block;
    font-size: var(--sc-bc-sep, 0.5em);
    position: relative;
    margin: 0px 0.3rem 0px 0.5rem;
    vertical-align: middle;
}
/* Legacy WP header row (component-group-2): a bare arrow without .sc-bc-sep. */
.component-header.component-breadcrumbs svg {
    display: inline-block;
    font-size: 0.5em;
    position: relative;
    margin: 0px 0.3rem 0px 0.5rem;
    vertical-align: middle;
}
.component-account svg.icon-small {
    font-size: 0.6rem !important;
    position: relative;
    left: 0px;
    display: inline-block;
    vertical-align: middle;
}
.component-account svg.icon-before {
    margin-right: 0.25rem;
    font-size: 0.9rem !important;
}
.image a {
    display: block;
    vertical-align:middle;
}


.review-extern > div {
    line-height: 1rem !important;
}



/** TRANSITIONS **/
.input-row,
.input-row label {
    transition: all 500ms cubic-bezier(0.87, 0, 0.13, 1);
}

.sidebar.sidebar-left {
    transition: left 500ms cubic-bezier(0.87, 0, 0.13, 1);
}
.sidebar.sidebar-right {
    transition: right 500ms cubic-bezier(0.87, 0, 0.13, 1);
}
.item-products-2.animate-out {
    transition: right 1500ms cubic-bezier(0.87, 0, 0.13, 1);
}






        .form-text-in input,
.form-password-in input,
.form-select-in select,
.form-textarea-in textarea,
.form-file-in label,
        .post-password-form input {
    background: #fff;
    border: 1px solid;
    border-radius: 2px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    height: 4rem;
    padding: 1rem;
    font-size: inherit !important;
    padding-top: 2.25em;
    font-family: inherit !important;
    box-sizing: border-box;
    line-height: 1em;
}

.form-text-in,
.form-password-in,
.form-select-in,
.form-textarea-in {
    position:relative;
}

.form-text-in .label,
.form-password-in .label,
.form-textarea-in .label {
    position: absolute;
    top: 50%;
    left: 1rem;
    margin-top: -0.5em;
    line-height: 1.2em;

}

.form-textarea-in .label {
    top: 1.7em;
}
.form-text-in.focus .label,
.form-password-in.focus .label,
.form-textarea-in.focus .label {
    top: 1rem;
    font-size: 0.75em;
}

[class*="form-new-"].form-text-in.focus .label,
[class*="form-new-"].form-password-in.focus .label,
[class*="form-new-"].form-textarea-in.focus .label {
    margin-top: 0px;
    top: 0;
    line-height: 0.7em;
    font-size: 0.7em;
    height: 0.7em;
}
.form-text-in em {
    display:none;
}

.form.text-1,
.form.select-1{
    font-size: 1rem !important;
    line-height: 1rem !important;
}
.component .form .icon-select,
.component .form .icon-search,
.component .form .icon-file,
.component_content .icon-select,
.component_options_select_wrapper .icon-select {
    position:absolute;
    right: 1rem;
    top: 50%;
    z-index: -1;
    transform: translate(0px, -50%);
    color: #000;
}
.component .form .icon-search,
.component .form .icon-file {
    z-index: 0;
}
.form-select-in select {
    padding-top: 0;
    padding-bottom: 0px;
    background: transparent;
    line-height: normal;
    cursor: pointer;

    padding-right: 2rem;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-indent: unset !important;
    line-height: 1.25rem !important;
}

/** FIX DEFAULT BLUE COLOR BROWSER **/
.products-archive-toolbar-items .form-select-in select{
    color: inherit !important;
}

.form-select-select {
    background: #fff;
    position: relative;
    z-index: 0;
    cursor:pointer;
}.form-textarea-in textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 150px;
}
.form-file-in input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.form-file-in .form-uploaded-file {
    position: relative;
    padding: 0 50px;
    border-radius: 2px;
    text-align: center;
    border: 1px solid;
    color: #333;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 46px;
    line-height: 46px;
}

.form-file-in .form-uploaded-file svg {
    position: absolute;
    right: 0px;
    font-size: 1.250em;
    top: 0;
    cursor: pointer;
    width: 44px;
    height: 44px;
}

.form-file-in label {
    padding-top: 1.5em;
    position:relative;
}
.form-check,
.form-radio {
        display: block;
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 18px;
    padding-top: 5px;
    line-height: 1em;
    margin-bottom: 5px;
}

.form-check input,
.form-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form-checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid;
    border-radius: 2px;

    transform: translate(0px,-50%);
}
.form-radio .form-checkmark {
    border-radius: 100%;
}

.form-checkmark:after {
  content: " ";
  position: absolute;
  display:none;
}

.form-check input:checked ~ .form-checkmark:after,
.form-radio input:checked ~ .form-checkmark:after {
  display: block;
}

.form-check .form-checkmark:after,
.form-radio .form-checkmark:after {
      left: 50%;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    margin-left: -3px;
  transform: rotate(45deg);
}

.form-check input ~ .value,
.form-radio input ~ .value{
    min-height: inherit !important;
    align-content: center !important;
    display: block;
}

.form-check input:checked ~ .value,
.form-radio input:checked ~ .value{
    font-weight: 500;
}
.play-1 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    background: rgba(0,0,0,0.29);
}

.play-1 .play-in {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3rem;
    color: #fff;
    transform: translate(-50%,-50%);
}
.arrow {
    display:inline-block;
    vertical-align: top;
}
.arrow .arrow-in,
.filter-range button{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.arrow-in {
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    font-size: 1em;
    cursor:pointer;
    display:block;
    border: 1px solid;
}
.arrow-in svg {
    position: relative;
    top: 0px;
}

.arrow-in.arrow-small {
    width: 2.3em;
    height: 2.3em;
    line-height: 2.3em;
}

.arrow-in.arrow-large {
    width: 3.7em;
    height: 3.7em;
}

.arrow-in.arrow-large svg {
    top: 0.6em;
}

.arrow.hidden {
    opacity: 0.1;
    cursor:default !important;
    display:inline-block !important;
}.page {
    display: inline-block;
    vertical-align: top;
}

.page-in {
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    font-size: 1em;
    cursor: pointer;
    display: block;
    border: 1px solid;
}


.page-in.page-small {
    width: 2.3em;
    height: 2.3em;
    line-height: 2.3em;
}

.page-in.page-large {
    width: 3.7em;
    height: 3.7em;
    line-height: 3.7em;
}

.pagination-in span {
    display: inline-block;
    margin: 0 auto;
}
.page-empty .page-in {
    border-color: transparent !important;

}
.page-empty {
    cursor:default !important;
}


/** LOOPS **/
                .loop-instagram-1 {
            margin: 0px -12px;
        }
        .item-instagram-1 {
                            padding: 12px;
                            width: 20%;
            }
    .item-instagram-1 .item-in {
    position: relative;
}
.item-products-1 .item-in {
    display: block;
}
.add-to-cart-right .button svg {
    margin: 0px !important;
}

                .loop-gallery-albums-1 {
            margin: 0px -15px;
        }
        .item-gallery-albums-1 {
                            padding: 15px;
                            width: 33.33333%;
            }
    .item-gallery-albums-1 .gallery-album-image {
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
}
.item-gallery-albums-1 .gallery-album-image:last-child {
    margin-bottom: 0;
}

.item-gallery-albums-1 .columns,
[data-columns-break] .item-gallery-albums-1 .columns {
    display: table !important;
}

.item-gallery-albums-1 .column.column-1,
.item-gallery-albums-1 .column.column-2  {
    display: table-cell !important;
}

.item-gallery-albums-1 .column-1 {
    width: 60%;
}

.gallery-album-image-count {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
                .loop-videos-1 {
            margin: 0px -15px;
        }
        .item-videos-1 {
                            padding: 15px;
                            width: 50%;
            }

                .loop-projects-1 {
            margin: 0px -15px;
        }
        .item-projects-1 {
                            padding: 15px;
                            width: 50%;
            }

                .loop-projects-2 {
            margin: 0px;
        }
        .item-projects-2 {
                            padding: 0px;
                            width: 33.3333%;
            }
    .item.item-projects-2 .item-in {
    display: block;
    position: relative;
    z-index: 0;
}

.item-projects-2-content {
    display:table;
    width: 100%;
    text-align: center;
}
.item-projects-2-content-in {
    display:table-cell;
    vertical-align:middle;
    padding: 2em;
}

                .loop-featured-blocks-1 {
            margin: 0px -15px;
        }
        .item-featured-blocks-1 {
                            padding: 15px;
                            width: 33.3333%;
            }

                .loop-team-1 {
            margin: 0px -50px;
        }
        .item-team-1 {
                            padding: 25px 50px;
                            width: 50%;
            }
    .team-title {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.team-title-left, .team-title-right {
    display: table-cell;
    vertical-align: top;
}

.team-title-right {
    text-align: right;
}

.team-title-right a:last-child {
    margin-right: 0px;
}
                .loop-reviews-1 {
            margin: 0px -50px;
        }
        .item-reviews-1 {
                            padding: 25px 50px;
                            width: 50%;
            }
    .review-stars,
.reviews-number,
.review-name {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
}

.review-stars {
    height: 1em;
    line-height: 1em;
    font-weight: 400;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.review-stars svg {
    margin-right: 3px;
    overflow:visible;
}
                .loop-assortiment-1 {
            margin: 0px -35px;
        }
        .item-assortiment-1 {
                            padding: 35px;
                            width: 50%;
            }

                .loop-featured-slides-1 {
            margin: 0px;
        }
        .item-featured-slides-1 {
                            padding: 0px;
                            width: 100%;
            }

                .loop-services-1 {
            margin: 0px -35px;
        }
        .item-services-1 {
                            padding: 35px;
                            width: 50%;
            }
    .item.item-services-1 .item-in {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.item.item-services-1 .item-in .services-left,
.item.item-services-1 .item-in .services-right {
    display: table-cell;
    vertical-align: top;
}

.item.item-services-1 .item-in .services-left {
    width: 4em;
}

.item.item-services-1 .item-in .services-left img {
    max-width: 3em;
}
                .loop-questions-1 {
            margin: 0px;
        }
        .item-questions-1 {
                            padding: 0px;
                            width: 100%;
            }
.item.item-questions-1 {
    cursor:pointer;
    padding: 1em 0px;
    padding-left: 40px;
    position: relative;
    border-top: 1px solid;
}

.item.item-questions-1:first-child {
    border-top: 0;
}

.item.item-questions-1 svg {
    position: absolute;
    transform: translate(0%, -50%);
    transform-origin: left top;
    top: 50%;
    left: -40px;
}


.item.item-questions-1 svg.icon-arrow-down,
.item.item-questions-1.active svg.icon-arrow-right{
    display:none;
}
.item.item-questions-1.active svg.icon-arrow-down {
    display:block;
}
.item-questions-1 .question-top {
    position:relative;
}
.item-questions-1 .question-bottom {
    display:none;
}
.item.item-questions-1.active .question-bottom {
    display:block;
}

.faq-questions {
    padding: 1em 0;
}

                .loop-posts-1 {
            margin: 0px;
        }
        .item-posts-1 {
                            padding: 0px;
                            width: 100%;
            }
    .item-posts-1 {
    margin-bottom: 30px;
}

.item-posts-1 .column-1 {
    width: 40% !important;
}

.post-specs img {
    display: inline-block;
    max-width: 27px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 0.3em;
    border-radius: 50%;
}
                .loop-posts-2 {
            margin: 0px -23px;
        }
        .item-posts-2 {
                            padding: 23px;
                            width: 50%;
            }



/** PARTS **/
form {
    margin: 0px -0.5rem;
}
.form-column {
    padding: 0.5rem;
}
.gform_wrapper .form-column {
    padding: 0px !Important;
}
.gfield, .gform_wrapper .form-message-row .form-message {
    display: block;
    padding: 0.5rem;
}
.gform_hidden {
    display:none !Important;
}
.gform_footer {
    padding: 0.5rem 0.5rem 0px !important;
}

/** SECTIONS **/
/** SECTION: TOP **/
.header-row {
    position:relative;
}
header .columns {
    table-layout: inherit !important;
}

.header-row-in {
    position:relative;
    z-index: 9;
    width: 100%;
}


.sticky-in.fixed {
    position: fixed;
    z-index: 100;
    width: 100%;
    left: 0px;
}
/* The section is a stacking context itself (z-index:0 above), so the z-index
   of the fixed layer only counts inside that section. While its container is
   stuck sc-sticky.js lifts the whole section with .is-fixed; otherwise later
   sections paint over it. */
.sc-section.sticky.is-fixed {
    z-index: 100;
}
/* will-change: transform makes the section a containing block for
   position:fixed — the container of a sticky section with a direction
   animation would then be tied to that section instead of to the window.
   Still needed now that .sc-section no longer clips (OVF1, round 18a): it is
   the containing block, not the clip, that locks it in. */
.sc-section.sticky[data-sc-animation] {
    will-change: auto;
}

/* ===== STK — generieke sticky (sectie/rij/kolom/component) =====
   De mover krijgt .fixed (een rij IS zijn eigen mover), de host .is-fixed
   (geometrie, vanaf px 0) plus .is-stuck zodra er echt gescrold is — díe class
   is het state-signaal voor sticky-overrules. sc-sticky.js zet box-sizing,
   margin, height, top, left en width inline; de placeholder houdt de plek van
   een rij vast en .sc-stk-lift tilt elke stacking context tussen mover en body
   op. */
[data-sc-stk] > .sc-stk-in.fixed,
[data-sc-stk].fixed {
    position: fixed;
    z-index: 100;
}
/* STK4 layer "back": while fixed the mover paints in document order instead of
   on top; in a component it drops under the column content, and the column
   (.sc-stk-scope) keeps that inside itself. */
[data-sc-stk] > .sc-stk-in.fixed.sc-stk-back,
[data-sc-stk].fixed.sc-stk-back {
    z-index: auto;
}
.component[data-sc-stk] > .sc-stk-in.fixed.sc-stk-back {
    z-index: -1;
}
/* A host that forms its own stacking context (background layers, a link zone)
   would keep the dropped mover above later content: release it while fixed. */
.component[data-sc-stk].is-fixed.is-back {
    isolation: auto;
    z-index: auto;
}
/* A nested row is its own mover; this rule must follow the one above. */
.component[data-sc-stk].fixed.sc-stk-back {
    z-index: -1;
}
.sc-stk-scope {
    isolation: isolate;
}
.sc-section.sticky.is-fixed.is-back {
    z-index: 0;
}
.sc-stk-ph {
    display: block;
}
/* A fixed box escapes every clip except that of its containing block, so the
   mover takes the computed overflow of its host along: OVF1 'Verborgen' on a
   section or component keeps hiding what falls outside. A visible host passes
   `visible`. */
[data-sc-stk] > .sc-stk-in.fixed,
[data-sc-stk] > .sticky-in.fixed {
    overflow: inherit;
    overflow-clip-margin: inherit;
}
/* Repeated on purpose: the lift has to beat every single-class rule in the
   theme and in the editor chrome, otherwise a later section paints over an
   element that was fixed earlier. */
.sc-stk-lift.sc-stk-lift.sc-stk-lift.sc-stk-lift {
    z-index: var(--sc-stk-z);
}
/* Zelfde containing-block-val als hierboven, nu voor elk niveau: een blijvende
   will-change/transform boven een vastgezet element sluit het op. */
[data-sc-stk][data-sc-animation],
[data-sc-stk] [data-sc-animation],
[data-sc-animation]:has([data-sc-stk]) {
    will-change: auto;
}
.component-header.component-header-mobile-toggle {
    display:none;
}




header .columns.first-col-space .column:first-child .component-header:first-child .nav {
    margin-left: -1.5rem;
}
header .columns.last-col-space .column:last-child .component-header:last-child .nav {
    margin-right: -1.5rem;
}

/** SECTION: SECTIONS **/
.assortiment-single-thumbs {
    margin: 0px -10px;
}

.assortiment-single-thumb {
    display: block;
    width: 20%;
    float: left;
    padding: 10px;
}





.filter .filter-item {
    padding: 0.5em  1.5em;
    border-left: 3px solid;
    cursor: pointer;
    border-color: transparent !important;
}

.filter-item.active {
    font-weight: 700;
    border-color: inherit !important;
}
.faq-category {
    display:none;
}
.faq-category.active {
    display:block;
}
.filter-2 .filter-item {
    display:inline-block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 1em !important;
}
.filter-2 .filter-item {
    border-left: 0px !important;
}
.filter-2 .filter-item.active {
    border-bottom: 1px solid;
}



.featured-half-columns {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.featured-half-column {
    display: table-cell;
    vertical-align: middle;
    position:relative;
    z-index: 1;
}
.featured-half-column:not(.featured-half-has-ratio) {
    height: 40vh;
    height: 40svh;
}
.featured-half-column > [data-ratio]{
    position:relative;
}


.gallery-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.gallery-column {
    display: table-cell;
    vertical-align: top;
    padding: 17px;
}

.gallery-rows {
    margin: 0px -17px;
}
.gallery-album-image {
    position: relative;
}



.map {
    max-height: 100vh;
    max-height: 100svh;
}


.marker-logo {
    width: 69px;
    height: 69px;
    border: 1px solid;
    display: table;
    background: #fff;
}

.marker-logo-in {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.marker-logo img {
    max-width: 60px;
    display: inline-block;
    max-height: 60px;
    vertical-align:middle;
}







.maps-left-top,
.maps-left-bottom {
    position: absolute;
    top: 0px;
    width: 100%;
}





.maps-left-bottom {
    top: 75px;
    bottom: 0px;
    overflow: auto;
}




.filter-toggle {
    display:none;
    text-decoration:underline;
}

.posts-single-bottom {
    position: relative;
}

.posts-single-share {
    width: 70px;
    position: absolute;
    left: -70px;
}

.posts-single-share a {
    display:block;
    margin-bottom: 0.3em;
}











.form-text-in input.search-default {
    height: 3em;
}
.component-search .focus .label {
    top: 1rem !important;
}
.component-search {
    display:block;
}

.component-search input.search-default,
.form-text-in.focus input.search-default {
    border-color: transparent !important;
    background-color: transparent !important;
}
.component-search .form-text-in {
    border: 1px solid;
}
.component-search input{
    border-radius: 0px;
    padding-right: 3rem;
}
.component-search button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 3rem;
    text-align: center !important;
    display: inline-block;
    cursor:pointer;
}

/** SECTION: BOTTOM **/
.footer-row {
    position:relative;
}
.footer-row-in {
    margin: 0px -1em;
}
.footer-row-in .column {
    padding: 0px 1em;
}


/** PRODUCTS **/
.loop-component-image {
    position:relative;
}
.loop-component-image-in {
    height: 100%;
}

.loop-component-image-original img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.loop-component-image-fill img {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.loop-component-image-original.loop-component-image-vertical-top img {
    top: 0px;
}
.loop-component-image-original.loop-component-image-vertical-center img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.loop-component-image-original.loop-component-image-vertical-bottom img {
    bottom: 0px;
}
.loop-component-image-fill.loop-component-image-vertical-top img {
    object-position: top center;
    left: 0;
}
.loop-component-image-fill.loop-component-image-vertical-center img {
    object-position: center center;
    left: 0;
}
.loop-component-image-fill.loop-component-image-vertical-bottom img {
    object-position: bottom center;
    left: 0;
}

.loop-component-image-hover-image img {
    display: none;
}

body.no-touch .item-products-1 .box-in:hover .loop-component-image-hover img,
.item-products-1 .loop-component-image-hover.show-hover img {
    display: none;
}
body.no-touch .item-products-1 .box-in:hover .loop-component-image-hover-image img,
.item-products-1 .loop-component-image-hover.show-hover .loop-component-image-hover-image img  {
    display: inline-block !important;
}

.loop-component-image-hover-image {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    text-align: center;
}
.loop-component-image-original.loop-component-image-vertical-top img,
.loop-component-image-original.loop-component-image-vertical-top .loop-component-image-hover-image img {
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0px);
}
.loop-component-image-original.loop-component-image-vertical-bottom img,
.loop-component-image-original.loop-component-image-vertical-bottom .loop-component-image-hover-image img {
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 0px);
}

.loop-component-image-hover .dots-out {
    display:none;
}
.loop-component-image-hover .dots {
    width: auto;
    height: auto;
    display: inline-block;
    position: absolute;
    background: transparent !important;
    display:none;
}
body.is-touch .loop-component-image-hover .dots-out,
body.is-touch .loop-component-image-hover .dots{
    display:block;
}
body.is-touch .item-products-1 .box-bg-hover {
    display: none !important;
}
.loop-component-image-hover .dots-out {
    margin-top: 0.5rem;
}
body.no-touch .loop-component-image-hover .dots:hover {
    background: transparent !important;

}
.loop-component-image-hover .dots span {
    display: inline-block;
    vertical-align: top;
    line-height: 1rem !important;
}
.po-absolute {
    position:absolute !important;
}
.po-relative {
    position:relative !important;
}
.po-top {
    top: 0px;
}

.po-middle {
    top: 50%;
}

.po-bottom {
    bottom: 0px;
}

.po-left {
    left: 0px;
}

.po-center {
    left: 50%;
}

.po-right {
    right: 0px;
}
.po-center{
    transform: translate(-50%, 0px);
}
.po-middle{
    transform: translate(0px, -50%);
}
.po-center.po-middle{
    transform: translate(-50%, -50%);
}

.labels {
    position:absolute;
    left: 0.5rem;
    top: 0.5rem;
}
.labels .label {
    display: block;
    padding: 0.25rem 1rem;
    line-height: 1em !important;
    border-radius: 2px;
    float: left;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}
.price {
    line-height: 1em !important;
    display: block;
}
.price .price-old,
.price .price-new {
    display:inline-block;
    vertical-align:top;
}
.price .price-old {
    margin-right: 0.5rem;
}
.price .price-old .text{
    text-decoration: line-through;
}

.spec > div {
    display: inline;
    vertical-align: top;
}

.spec {
    line-height: 1em;
}


.add-to-cart-in {
    display: table;
    width: 100%;
}

.add-to-cart-left,
.add-to-cart-right {
    display: table-cell;
    vertical-align: top;
}

.add-to-cart-right {
    width: 60px;
}

.item.item-products-1 {
    width: 33.333%;
}
.image-tag .item.item-products-1,
[data-sidebar="button-content"] .item.item-products-1{
    width: 100% !important;
}

[data-item-width="1"] .item {
    width: 100%
}

[data-item-width="1"] .item .box{
   padding-left: 0px !important;
   padding-right: 0px !important;
}

[data-item-width="2"] .item {
    width: 50%
}
[data-item-width="3"] .item {
    width: 33.3333%
}
[data-item-width="4"] .item {
    width: 25%
}
[data-item-width="5"] .item {
    width: 20%
}
[data-item-width="6"] .item {
    width: 16.66666%
}

.category-top img {
    position: absolute;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.category-top {
    position: relative;
}

.category-bottom div {
    line-height: 1.25em !important;
}

.category-bottom div svg {
    font-size: 0.8em;
    display: inline-block;
    vertical-align: middle;
    position:relative;
}

.language-toggle img {
       max-height: 1.1rem;
    height: 1.1rem;
    width: auto !important;
}

.language-toggle {
    cursor: pointer;
}

.sidebar {
    max-width: 100%;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 1000000;
    background: #fff;
}
.sidebar.sidebar-small {
    width: 350px;
}
.sidebar.sidebar-medium {
    width: 600px;
}
.sidebar.sidebar-large {
    width: 850px;
}
.sidebar-left {
    left: -100%
}

.sidebar-right {
    right: -100%
}


.sidebar.sidebar-small.sidebar-left { left: -375px; }
.sidebar.sidebar-medium.sidebar-left { left: -625px; }
.sidebar.sidebar-large.sidebar-left { left: -875px; }
.sidebar.sidebar-small.sidebar-right { right: -375px; }
.sidebar.sidebar-medium.sidebar-right { right: -625px; }
.sidebar.sidebar-large.sidebar-right { right: -875px; }

.sidebar.sidebar-left.active {
    left: 0px !important;
}
.sidebar.sidebar-right.active {
    right: 0px !important;
}


.sidebar-in {
    position: absolute;
    left: 0px;
    top: 0px;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.sidebar-close {
    position:absolute;
    right: 0px;
    top: 0px;
    cursor:pointer;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 1.3rem;
    text-align:center;
    z-index: 1;
}


.filter-item {
    display: block;
}

.item.item-products-2 .column-1,
.item.item-orders-1 .column-1 {
    width: auto;
}


.item-products-2 .item-in,
.item-orders-1 .item-in {
    border: 1px solid;
    display: block;
    margin-bottom: 1rem;
}


.item.item-products-2,
.item.item-orders-1 {
    float: none;
}

.item-products-2 {
    right: 0;
}

.item-products-2.animate-out {
    right: -3000px;
}

.form-column.form-column-small {
    width: 100px;
}

.box {
    position:relative;
    z-index: 0;
}
.box-in {
    position: relative;
}
.products-single-top .column-1 {
    padding-right: 45px;
}

.products-single-top .column-2 {
    width: 550px;
}

.product-single-thumb {
    float: left;
    width: 14.28%;
    padding: 4px;
    cursor: pointer;
}

.product-single-thumbs-in {
    margin: 0 -4px;
}

.product-single-thumb-in {
    position: relative;
    padding-top: 100%;
    border: 1px solid;
    border-radius: 2px;
    overflow: hidden;
}

.product-single-slides {
    margin: 0 0 25px;
}

.product-single-slide:not(:first-child) {
    display: none;
}

.product-single-slide img {
    margin: 0 auto;
}

.product-single-slides.va-top .product-single-slide {
    vertical-align: top !important;
}

.product-single-slider-in {
    position: relative;
}

.product-single-slider .arrow {
    position: relative;
    z-index: 1;
}

.product-single-slider .arrow-right {
    left: auto;
    right: 0;
}

.product-single-reviews-brand {
    margin-left: 10px;
}
.product-single-reviews-count {
    margin-left: 5px;
}

.loop-component-reviews {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    line-height: 1em !important;
}

.reviews-qty {
    margin-left: 5px;
}

.loop-component-reviews * {
    line-height: 1em !important;
}


.product-single-reviews {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.product-single-reviews * {
    line-height: 1em !important;
}

.product-single-selector-in {
    display: table;
    width: 100%;
}

.product-single-selector-left,
.product-single-selector-right {
    display: table-cell;
    vertical-align: middle;
}

.product-single-selector-left {
    width: 120px;
}

.product-single-selector-right {
    padding-left: 7px;
}

.product-single-selector-item-in {
    display: block;
    width: 54px;
    height: 54px;
    text-align: center;
    border: 1px solid;
    padding: 10px;
    border-radius: 2px;
}

.product-single-selector-item-in img {
    max-height: 100%;
    margin: 0 auto;
}

.product-single-selector-item {
    display: inline-block;
    vertical-align: top;
    float: left;
    padding: 4px;
}


.header-row-pdp .product-single-price > div{
    vertical-align: middle;
}
.header-row-pdp .product-single-price .product-single-total-price,
.header-row-pdp .product-single-price .product-single-sale-price{
    display:inline-block;
}
.header-row-pdp .product-single-price .product-single-sale-price.hidden {
    display:none !important;
}

.header-row-pdp .button,
.header-row-pdp .button-new {
    white-space: nowrap;
}
.product-single-price .product-single-total-price {
    vertical-align: middle;
}

.product-single-sale-price .text {
    text-decoration: line-through;
    padding-right: 3px;
}

.header-row-pdp .product-single-price-usp {
    padding-left: 0.5rem;
    display:inline-block;
}

.product-single-price-usp svg {
    position: relative;
    top: 3px;
    padding-right: 3px;
    font-size: 1.3em;
}

.product-single-price .product-single-price-message {
    display: block;
}

.product-single-buttons-in {
    display: table;
    width: 100%;
}

.product-single-buttons-left {
    display: table-cell;
    vertical-align: top;
    width: 100px;
    padding-right: 1rem;
}

.product-single-buttons-right {
    display: table-cell;
    vertical-align: top;
}
.product-single-buttons-right .button {
    width: 100%;
}
.product-single-buttons-right.has-qty-chooser .button-new {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 1.5rem !important;
}
.product-single-buttons-right .button-in {
    width: 100%;
    text-align: center;
    padding-top: 1.28rem;
    padding-bottom: 1.28rem;
}

.quantity-in {
    position: relative;
    border: 1px solid;
    border-radius: 2px;
}

.quantity-in input {
    width: 100%;
    display: block;
    height: 64px;
    padding-right: 49px;
    padding-left: 5px;
    font-size: 18px;
    border: none;
    text-align: center;
    -moz-appearance: textfield;
}
.quantity-in.quantity-in-manual input,
.configurator-step-auto-in .quantity-in input {
    padding-right: 5px !important;
}
.quantity-arrows {
    position: absolute;
    width: 44px;
    top: 0;
    right: 0;
    height: 100%;
    border-left: 1px solid;
}

.quantity-arrow {
    text-align: center;
    height: 50%;
    font-size: 0.6rem;
    position: relative;
    cursor: pointer;
    line-height: 0.75rem;
}

.quantity-arrow svg {
    position: absolute;
    top: 50%;
    line-height: 0.75rem;
    display: inline-block;
    height: 0.75rem;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -30%);
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button,
.filter-range input[type=number]::-webkit-inner-spin-button,
.filter-range input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.product-single-usps {
    padding: 20px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.products-single-tabs-top {
    border-bottom: 1px solid;
}

.product-single-tab-item {
    float: left;
    padding: 10px 15px;
    border-bottom: 1px solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-bottom: -1px;
    background: transparent;
    cursor: pointer;
}


.short-specs-item {
    display: table;
    width: 100%;
    margin-bottom: 3px;
}

.short-specs-item:last-child {
    margin-bottom: 0;
}

.short-specs-item-left,
.short-specs-item-right {
    display: table-cell;
    vertical-align: top;
}

.short-specs-item-left {
    width: 175px;
}

.short-specs-item-right {
    padding-left: 45px;
}

.short-specs-item-right svg {
    position: relative;
    top: 3px;
}

.product-single-information .column-2 {
    width: 430px;
}

.item-reviews-2 {
    border-bottom: 1px solid;
    padding: 30px 0;
    float: none;
}

.item.hidden {
    display: none;
}

.item-reviews-2 .column-1 {
    width: 235px;
}

.item-reviews-2 .column-2 {
    padding-left: 100px;
}

.product-single-tabs-reviews-in {
    display: table;
    width: 100%;
    border-bottom: 1px solid;
    padding-bottom: 7px;
}

.product-single-tabs-reviews-left,
.product-single-tabs-reviews-right {
    display: table-cell;
    vertical-align: top;
}

.product-single-tabs-reviews-right {
    text-align: right;
}

.item-specs-1 {
    float: none;
}

.item-specs-1 .item-in {
    display: table;
    width: 100%;
    padding: 8px;
    table-layout: fixed;
}

.item-specs-1 .item-left,
.item-specs-1 .item-right {
    display: table-cell;
    vertical-align: top;
}

.item-specs-1 .item-left {
    padding-right: 15px;
}

.spec-info {
    cursor: pointer;
}

.spec-info {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.spec-info-in {
    width: 18px;
    height: 18px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    line-height: 18px;
}



.spec-info-trigger {
    cursor: pointer;
}

.products-single-tab {
    margin-bottom: 50px;
}

.product-single-thumb-last-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-single-thumbs-in:after {
    display: table;
    content: '';
    clear: both;
}

.account-order-status-in {
    padding: 16px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.account-order-top .column {
    width: auto !important;
}

.account-order-totals-in {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.account-order-totals-left,
.account-order-totals-right {
    display: table-cell;
    vertical-align: middle;
}

.account-order-totals-left {
    padding-right: 20px;
}


.product-single-fullscreen {
    text-align: right;
    display: inline-block;
    float: right;
    vertical-align: top;
}

.product-single-fullscreen-in {
    display: inline-block;
    cursor: pointer;
    font-size: 1.611em;
}

.product-single-slider .labels {
    z-index: 1;
}

.form-check .value a {
    text-decoration: underline;
}

.form-text-in svg.icon-check {
    position: absolute;
    font-size: 1rem;
    top: 50%;
    right: 1.5rem;
    height: 1em !important;
    margin-top: -0.5em;
    display: none;
}

.labels .label-container {
    margin-bottom: 0.5rem;
}

.product-single-reviews-brand a,
.product-single-description a {
    text-decoration: underline;
}
.product-single-description span[data-jumper-target="product-description"] {
    cursor: pointer;
    text-decoration: underline;
}

.cart-bottom .column-1 {
    padding-right: 30px;
}

.cart-bottom .column-2 {
    width: 330px;
}

.item-products-3 {
    float: none;
    margin-bottom: 10px;
}

.item-products-3:last-child {
    margin-bottom: 0;
}

.item-products-3 .item-in {
    display: block;
}
.item-products-3 .columns,
[data-columns-break] .item-products-3 .columns {
    display: table !important;
}
.item-products-3 .column,
[data-columns-break] .item-products-3 .column {
    display: table-cell !important;
}
.item-products-3 .column-1 {
    width: 112px;
}

.item-products-3 .column-2 {
    width: 40%;
    padding-right: 20px;
}
.enquiry-form-products .item-products-3 .column-2 {
    width: auto;
}
.enquiry-form-products .item-products-3 .column-3 {
    width: 110px;
}


.item-products-3 .column-3 {
    width: 90px;
}
.item-products-3 .quantity {
    width: 90px;
}

.item-products-3 .column-4 {
    padding-left: 90px;
    padding-right: 20px;
}

.item-products-3 .column-4 .component,
.cart-totals-item-left .component {
    display: block;
}

.cart-price-old {
    text-decoration: line-through;
}

.item-product-3-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    padding: 7px;
}

.cart-totals-item {
    display: table;
    width: 100%;
    table-layout:fixed;
}

.cart-totals-item-left,
.cart-totals-item-right {
    display: table-cell;
    vertical-align:top;
}

.cart-totals-item-right {
    text-align: right;
}

.radio-container input,
.radio-container label {
    display: inline-block;
}

.radio-container-in {
    display: table;
    width: 100%;
}

.radio-container-left {
    display: table-cell;
    vertical-align: top;
    width: 22px;
}

.languages-hidden, .languages-example {
    display: none;
}


.active-filters-top {
    display: table;
    width: 100%;
}

.active-filters-top-left,
.active-filters-top-right {
    display: table-cell;
    vertical-align: top;
}

.active-filters-top-right {
    text-align: right;
}

.active-filter {
    position: relative;
    padding-right: 1.5rem;
}

.remove-filter {
    position: absolute;
    right: 0;
    top: 0;
}

.filter-section .form-checkmark {
    width: 11px;
    height: 11px;
    border: 1px solid;
    border-radius: 0;
    margin-top: 0px;
}

.filter-section .form-check,
.filter-section .form-radio {
    padding-left: 24px;
    padding-top: 0;
    margin-bottom: 2px;
}

.filter-section .form-check .form-checkmark:after,
.filter-section .form-radio .form-checkmark:after {
    left: 50%;
    top: 0px;
    width: 3px;
    height: 7px;
    border-width: 0 2px 2px 0;
}

.filter-section .form-radio .form-checkmark:after {
    top: 1px;
}

.filter-section .form-check input:checked ~ .value,
.filter-section .form-radio input:checked ~ .value {
    font-weight: 400;
}

.filter-range-in {
    display: table;
    width: 100%;
}

.filter-range-column {
    display: table-cell;
    vertical-align: middle;
}

.filter-range-column input {
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid;
    border-radius: 2px;
    text-align: center;
}

.filter-range-column-1 {
    width: 21px;
}

.filter-range-column-3 {
    width: 35px;
    text-align: center;
    padding: 0 5px;
}

.filter-range-column-2,
.filter-range-column-4 {
    width: 47px;
}

.filter-range-column-5 {
    padding-left: 7px;
}

.filter-range button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center !important;
    border-radius: 2px;
    font-size: 15px !important;
}

.filter-range button svg {
    position: relative;
    top: 1px;
}

.filter-section .form-radio .form-checkmark {
    width: 13px;
    height: 13px;
    border-radius: 100%;
}


.filter-section .reviews-stars {
    margin-right: 0.5em;
    display:inline-block;

}
.filter-section.filter-reviews .form-radio {
    display: flex;
    justify-content: flex-start;
    align-items: center;


}
.filter-section .reviews-stars svg:first-child {
    margin-left: 0;
}
.loop-component-reviews .reviews-stars {
    margin-right: 0.25em;
}
.filter-section {
    margin-bottom: 25px;
}

.filter-section:last-child {
    margin-bottom: 0;
}

.products-archive-toolbar-item .component:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.products-archive-toolbar-item select,
.filter-section select {
    height: 3em;
}

.products-archive-toolbar-item-per .select-1 {
    width: 88px;
}

.products-archive-toolbar-item-sort .select-1 {
    width: 160px;
}

.products-archive-toolbar .column {
    width: auto !important;
    vertical-align: middle;
}

.products-archive-toolbar .column-in {
    height: auto;
}

.products-archive-toolbar .column-2 {
    text-align: right;
}

.products-archive-toolbar-item,
.products-archive-toolbar-item .component,
.toolbar-mobile-filter-item {
    display: inline-block;
    vertical-align: middle;
}

.products-archive-toolbar .pagination-1 {
    white-space: nowrap;
}

.toolbar-mobile-filter-item:last-child {
    border-right: none;
}

.toolbar-mobile-filter-item {
    padding: 0 5px;
    border-right: 1px solid;
    float: left;
    cursor: pointer;
}

.products-archive-toolbar-item .component {
    margin-right: 0.5em;
}


.component-search form {
    margin: 0px;
}


.header-row-pdp .wrapper {
    margin: 0 auto;
}

.header-row-pdp .column-1 img {
    max-height: 52px;
}

.header-row-pdp .column-2 {
    padding-left: 0px;
    padding-right: 20px;
}

.header-row-pdp .column-3 {
    min-width: 450px;
}

.header-row-pdp .button-group {
    text-align: right;
    --sc-btn-just: flex-end;
}

.header-row-pdp .button-group .button {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0 !important;
}
.header-row-pdp .button-new {
    margin-left: 0.5rem !Important;
}
.header-row-pdp .button-group .button-in {
    margin-bottom: 0 !important;
}

.header-row-pdp .button-group .wishlist-button .button-in {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
}

.dynamic-archive-content {
    display: block;
    float: left;
    width: 100%;
}
.dynamic-archive-content > .box {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.dynamic-archive-content .box-in {
    border: 1px solid;
}

.dynamic-archive-content .component-header {
    display: block !important;
}








.form-file-in .label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.header-row.header-row-pdp.sticky {
    height: 0 !important;
}

.header-row-pdp.sticky .header-row-in {
    z-index: 9 !important;
    display:none;
}

.header-row-pdp.sticky .header-row-in.fixed {
    display:block;
}

.quiz-step-intro {
    max-width: 550px;
    margin: 0 auto;
}

.quiz-step {
    display:none;

}
.quiz-step.active {
    display:block;
}
.form-radio-image {
    display: inline-block;
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    border: 2px solid transparent;
}
.form-radio-image.active {
    border-color: black;
}

.quiz-arrows .arrow {
    position: absolute;
    top: 150px;
}

.quiz-arrows .arrow.arrow-left {
    left: 0px;
}
.quiz-arrows .arrow.arrow-right {
    right: 0px;
}

.form-radio-image span.form-checkmark {
    top: 2rem;
    left: 2rem;
}

.gform_ajax_spinner{
    display: none !important;
}

.configurator-step .textarea-1,
.configurator-step .input-file-1 {
    max-width: 100%;
}

.configurator-radio {
    margin: 0 -20px;
}

.configurator-radio-item {
    width: 340px;
    float: left;
    padding: 20px;
    margin-bottom: 0;
}


.configurator-radio-item-in {
    display: block;
    position: relative;
    cursor: pointer;
}
.configurator-swatch {
    padding: 1rem;
}
.config-radio-image img {
    max-height: 300px;
    margin: 0 auto;
}

.configurator-radio-item .form-checkmark {
    position: relative;
    display: block;
    margin-left: auto;
    top: 10px;
}

.configurator-step .quantity {
    display: inline-block;
    width: 150px;
}


.configurator-step .title {
    position: relative;
}

.config-step-count {
    position: absolute;
    right: 100%;
    margin-right: 5px;
}

.config-additional {
    margin-left: 22px;
    font-size: 0.9em;
}

.product-single-alternatives .item-products-1 {
    width: 50%;
}


.products-single-top .column-2 .quantity .quantity-in {
    max-width: 150px;
}
.product-single-price .product-single-sale-price,
.product-single-price .product-single-total-price {
    display: inline-block !important;
    vertical-align: bottom;
}



.composited_product_details_wrapper ul, .composited_product_details_wrapper ol {
    list-style: inside;
}

.composite_form .composite_availability p.stock,.single-product .composite_form .composite_availability p.stock {
    margin: 0 !important;
}

.product-single-alternatives .item-products-1 .item-in {
    height: auto !important;
}

.product-extra-price {
    margin-left: 8px;
    font-size: 0.8em;
}


.item .price .text {
    line-height: 1rem !important;
}

/* Run 21b (HH-2) — 'Pagina achter header'. A header.sc-hdr-behind leaves the
   flow and lies over the first page section; that section's padding keeps its
   content clear of the header while its own layers (absolute, 100 %) fill the
   padding, so the page runs behind the header. --sc-header-h is the header's
   natural height on :root (inline script after </header> + sc-header.js). The
   first section is the first one visible on the band: a section hidden there
   hands the padding to the next. The editor variant of this rule lives in
   preview-editor.css. */
.content:has(> header.sc-hdr-behind) {
    position: relative;
}

header.sc-hdr-behind {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

@media screen and (min-width: 1025px) {
    header.sc-hdr-behind ~ .sc-sections > .sc-section:nth-child(1 of .sc-section:not(.desktop-hide)) {
        padding-top: var(--sc-header-h, 0px);
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    header.sc-hdr-behind ~ .sc-sections > .sc-section:nth-child(1 of .sc-section:not(.tablet-hide)) {
        padding-top: var(--sc-header-h, 0px);
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    header.sc-hdr-behind ~ .sc-sections > .sc-section:nth-child(1 of .sc-section:not(.tp-hide):not(.mobile-hide)) {
        padding-top: var(--sc-header-h, 0px);
    }
}

@media screen and (max-width: 480px) {
    header.sc-hdr-behind ~ .sc-sections > .sc-section:nth-child(1 of .sc-section:not(.mobile-hide):not(.mobile-sm-hide)) {
        padding-top: var(--sc-header-h, 0px);
    }
}


.item-in-link {
    display:block;
}
.pinterest-embed {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.images-row {
    display: table;
    width: 100%;
}

.images-column {
    display: table-cell;
    vertical-align: top;
}

.product-composite {
    padding-top: 0;
}

.product-composite .quantity {
    display: none !important;
}

.product-composite .column-2 .column-in {
    padding-left: 25px;
}


.component.options-style-dropdowns .component_options_select_wrapper[class*="form-new-"]::after {
    display:none !important;
}

.item-product-4 .item-in.item-composite .item-right::before {
    left: 25px;
}

.component .component_option_radio_button input {
    position: absolute;
    opacity: 0;
    left: -9999px;
}

.component_option_radio_button_container .radio_button_description .title {
    margin: 0;
}

.component_option_radio_button_container .radio_button_input {
     padding: 0;
}

ul.component_option_radio_buttons_container li.component_option_radio_button_container, ul.component_option_radio_buttons_container li.component_option_content_container {
    padding: 0.25rem 0px;
}

.component label.component_option_radio_button_select {
    display: block;
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 18px;
    padding-top: 5px;
    line-height: 1em;
    margin-bottom: 5px;
    top: 2px;
}

.component label.component_option_radio_button_select::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border: 2px solid;
    border-radius: 100%;
    content: '';
}

.component label.component_option_radio_button_select::after {
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    content: '';
}

.component .component_option_radio_button input:checked ~ label.component_option_radio_button_select::after {
    display: block;
}
.component .component_option_radio_button {
    padding-top: 0px !important;
    width: 100% !important;
}

.component .component_description {
    margin-bottom: 0px;
}

.component .component_options_select,
.composite_form .cart .variations select,
.single-product div.product .composite_form .cart .variations select {
    background: #fff;
    border: 1px solid;
    border-radius: 2px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    line-height: 1.25rem;
    padding: 1rem;
    padding-right: 2.5rem;
    font-size: 1em;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    text-overflow: ellipsis;
}

.component.options-style-dropdowns .component_options_select_wrapper,
.composite_form table.variations td.value, .single-product div.product .composite_form table.variations td.value {
    position: relative;
}

.component.options-style-dropdowns .component_options_select_wrapper::after,
.composite_form table.variations td.value::after, .single-product div.product .composite_form table.variations td.value::after {
    position: absolute;
    right: 20px;
    left: auto;
    top: 50%;
    transform: translate(0px, -50%);
    margin-top: 0px;
    color: #000;
    content: '\e801';
    z-index: 2;
    pointer-events: none;
}

.component .cart .variations, .component .cart .variations tr, .component .cart .variations td {
    width: 100%;
}

.composite_form table.variations .required {
    text-decoration: none;
    color: inherit;
    font-weight: 700;
}

.composite_form:not(.paged) .component .component_inner {
    padding-bottom: 0px !important;
}

.composite_form:not(.paged) .composite_wrap {
    padding-top: 0px;
}

.composite_form .composite_navigation .page_button {
    font-size: 0.889em;
    line-height: normal;
}

.composite_form .composite_navigation .page_button {
    text-transform: uppercase;
}

.composite_form .composite_navigation .page_button.inactive {
    color: #aaa !important;
}
.composite_form button {
    width: 100%;
}
.composite_form .composite_navigation .next:after,
.composite_form .composite_navigation .prev:before {
    margin-top: 0;
}

.composite_form .composite_navigation .page_button {
    max-width: 45%;
}


.composite_form .composite_price p.price, .single-product .composite_form .composite_price p.price {
    margin: 0 0 10px;
    line-height: 1em;
}

.composite_form {
    padding-left: 0px !Important;
    margin: 0px !Important;
}

.composite_add_to_cart_button {
    padding: 0 !important;
    border: none;
}


.composite_form .component.closed .component_title_toggled .component_title_text svg {
    transform: translate(0,-50%) rotate(-90deg);
}

.composite_form .component_title_toggled .component_title_text {
    padding-left: 30px;
    font-size: 1.111em;
}

.composite_form .component_title_toggled .component_title_text svg {
    position:absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%)
}
.composite_form .component_title_toggled .component_title_text:before {
    display:none;
}

.composite_form .component_title_toggled.inactive {
    opacity: 1;
}

.composite_navigation.paged.bottom .composite_navigation_inner {
    padding: 15px 0 15px 0;
}

.composite_navigation.top {
    display: none !important;
}

.composite_summary .summary_element_wrapper_inner {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: none !important;
    padding: 7px 0 !important;
}
.composite_summary ul.summary_elements {
    margin: 1rem 0px;
}
.summary_element_wrapper_inner::after {
    content: normal;
}

.summary_element_wrapper_inner > div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.summary_element_image {
    width: 50px !important;
}

.summary_element_title {
    display: none !important;
}

.composite_summary .summary_element_image img.summary_element_content {
    margin: 0;
}

.composite_summary li.summary_element span.summary_element_content, .composite_summary .woocommerce-page #content div.product span.summary_element_content {
    font-size: inherit;
    margin: 0;
}

.summary_element_selection {
    padding-left: 15px;
}

.composite_summary .summary_element_button {
    margin: 0;
    text-transform: uppercase;
    text-align: right;
    padding-right: 18px;
    position: relative;
}

.composite_summary .summary_element_button svg {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    margin-top: -1px;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.composite_summary .summary_element_wrapper_outer {
    padding: 0;
}

.full_width .columns-2 .summary_elements li.summary_element {
    width: 100%;
}

.summary_title {
    display: none;
}

.composite_summary .summary_title {
    display: block;
}


span.summary_element_content ul.content_product_meta {
    font-weight: 400;
}
.product-colors::after,
.product-colors-in::after {
    display: table;
    clear: both;
    content: '';
}

.product-color {
        display: block;
    width: 16.6666%;
    margin-right: -5px;
    margin-bottom: -5px;
    float: left;
}

.product-colors-in {
    margin: 0 -5px;
}

.product-color-in {
    padding: 5px;
}

.product-color-background {
    padding-top: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.product-color-background::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid;
    display: none;
    box-sizing: border-box;
}

.selected .product-color-background::after {
    display: block;
}

.product-color-image {
    display: none;
}

.product-colors-dropdown {
    position: relative;
}

.product-colors-dropdown-top {
    border: 1px solid;
    position: relative;
    border-radius: 2px;
    cursor: pointer;
}

.product-colors-dropdown-top .icon,
.product-colors-dropdown-top .siteclick-icon{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: 3px;
    font-size: 15px;
    display: block;
    margin-left: 0;
    line-height: normal;
    transform: translateY(-50%);
}

.product-colors-dropdown-item {
    cursor: pointer;
    padding: 5px 30px 5px 5px;
}

.product-colors-dropdown-item-in {
    display: table;
    width: 100%;
}

.product-colors-dropdown-item-left,
.product-colors-dropdown-item-right {
    display: table-cell;
    vertical-align: middle;
}

.product-colors-dropdown-item-left {
    width: 32px;
}

.product-colors-dropdown-item-right {
    padding-left: 12px;
}

.product-colors-dropdown-item-right-in {
    padding-top: 3px;
}

.item-initial .product-colors-dropdown-item-right {
    padding-left: 5px;
}

.product-colors-dropdown-bottom {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 2px 0;
    max-height: 214px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 0 0 30px -1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 30px -1px rgba(0,0,0,.1);
    box-shadow: 0 0 30px -1px rgba(0,0,0,.1);
}

.dropdown-opened .product-colors-dropdown-bottom {
    display: block;
}

.item-products-1.dropdown-opened {
    z-index: 1;
}

.item-initial.product-colors-dropdown-item {
    pointer-events: none;
    padding: 10px 30px 9px 5px;
}

.product-single-colors select {
    position: absolute;
    opacity: 0;
    left: -9999px;
}


.original-price {
    text-decoration: line-through;
}


.product-single-price .component-price-taxes {
    display: block;
}
.component-price-taxes-in .component .text {
    display: inline-block !important;
    width: auto;
}
.component-price-taxes-in .component {
    line-height: 1em !important;
}

.component-price-taxes-in .component .text:first-child {
    padding-right: 0.5rem;
}

.plyr__control.plyr__tab-focus {
    box-shadow: none;
}

.products-single-top .variations {
    margin: 0 -5px;
}

.products-single-top .variations::after {
    display: table;
    clear: both;
    content: '';
}

.product-single-options-container {
    float: left;
    padding: 5px;
}

.product-single-option-inline .form-select-select {
    display: block;
}

.product-single-options .form-select-in select {
    padding-right: 30px;
}

.product-single-options .component .form .icon-select {
    right: 8px;
}

.product-single-option-small .product-single-options .form-select-in select {
    height: 3rem;
}
.product-1-reset-height {
    margin-bottom: 1px;
}

/** DATETIMEPICKER **/
.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    box-sizing: border-box;
    display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border: none !important;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
    border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}



.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #fff !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
    color: inherit  !important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto;
}
.xdsoft_scroller_box {
    position: relative;
}

[data-datetimepicker-pref] {display:none;}

.composite_component {
    border: 1px solid;
    background: #fff !important;
    padding: 0.5rem 1rem;
    margin-bottom: 0.4rem !important;
}

.component-account *,
.component-language *,
.component-currency * {
    line-height: 1rem !important;
}

.composite_form .component_title_toggled {
    margin-bottom: 0px !important;
}


.composite_component p {
    margin-bottom: 0.25rem;
}
.component_summary .composited_product_title_wrapper,
.component_summary .composited_product_details_wrapper{
    padding: 0px;
}

.component_summary .composited_product_title_wrapper {
    padding-bottom: 0px;
    margin-top: 0.5rem;
}

.composited_product_title_wrapper[data-show_title="no"] {
    display:none;
}
.component_wrap:after, .composite_wrap:after, .component:after, .composite_data:after, .cp_clearfix:after, .component .composited_product_details_wrapper:after {
    display: none !Important;
}
.composited_product_title_wrapper p:last-child,
.composited_product_title_wrapper h4:last-child {
    margin: 0px !important;
}

.component_summary {
    margin-top: 0px;
}

.radio_button_description .text {
    line-height: 1.2rem !important;
}

.details.component_data > .text {
    margin-bottom: 0.5rem;
}

span.summary_element_content ul.content_product_meta li.meta_element {
    margin: 0px !important;
}

span.summary_element_content ul.content_product_meta {padding: 0px !important;}
.composited_product_details_wrapper .component_data_inner {
    font-size: 0.8rem;
    line-height: 1.25rem;
}

.component-content-table {
    white-space: nowrap;
    overflow-x: auto;
}

.component-content-table-in table {min-width: 100%;}

.component-content-table-in td {
    border: 1px solid grey;
    padding: 0.25rem;
}

.component.toggled .component_selections {
    padding-top: 0.5rem;
}
.form-phone-extended-in {
    display: table;
    width: 100%;
}

.form-phone-extended-left, .form-phone-extended-right {
    display: table-cell;
    vertical-align: top;
}

.form-phone-extended-left {
    padding-right: 1rem;
    width: 150px;
}


.filter-toggle-more *,
.filter-toggle-less * {
    display: inline-block;
    vertical-align: top;
}
.filter-toggle-more p,
.filter-toggle-less p {
    margin-left: 7px;
}
span.filter-toggle-more,
span.filter-toggle-less {
    display: block;
    cursor: pointer;
    margin-top: 0.25rem;
}

span.filter-toggle-less {
    display:none;
}

span.filter-toggle-more svg,
span.filter-toggle-less svg {
    display: inline-block;
    margin-right: 0.25em;
    font-size: 0.75rem;
}
.filter-section-toggle-bottom {
    display:none;
}
.filter-section-toggle-toggle .text {
    line-height: 1em !important;
}

.filter-section-toggled span.filter-toggle-more {
    display:none;
}
.filter-section-toggled span.filter-toggle-less,
.filter-section-toggled .filter-section-toggle-bottom {
    display: block;
}


.filter-section-top svg.icon-arrow-down{
    display: none;
}

.filter-section-scroll {
    overflow-y: scroll;
    border: 1px solid black;
    padding: 0.4rem 0.5rem;
}


form.enquiry-form-products {
    margin: 0px !important;
}
form.enquiry-form-products .column {
    vertical-align:middle;
}
form.enquiry-form-products .column-in {
    height: auto !important;
}
form.enquiry-form-products .item-products-3 .column-1 {
    padding: 0px 10px 0px 0px;
}

.box-bg {
  transition: all 250ms linear;
}
.box-bg-hover {
  transform: scale(1);
  transition: all 250ms linear;
}

[data-transition-speed="0"]{
  transition-duration: 0ms !important;
}
[data-transition-speed="100"]{
  transition-duration: 100ms !important;
}
[data-transition-speed="200"]{
  transition-duration: 200ms !important;
}
[data-transition-speed="300"]{
  transition-duration: 300ms !important;
}
[data-transition-speed="400"]{
  transition-duration: 400ms !important;
}
[data-transition-speed="500"]{
  transition-duration: 500ms !important;
}
[data-transition-speed="600"]{
  transition-duration: 600ms !important;
}
[data-transition-speed="700"]{
  transition-duration: 700ms !important;
}
[data-transition-speed="800"]{
  transition-duration: 800ms !important;
}
[data-transition-speed="900"]{
  transition-duration: 900ms !important;
}
[data-transition-speed="1000"]{
  transition-duration: 1000ms !important;
}
[data-transition-speed="1100"]{
  transition-duration: 1100ms !important;
}
[data-transition-speed="1200"]{
  transition-duration: 1200ms !important;
}
[data-transition-speed="1300"]{
  transition-duration: 1300ms !important;
}
[data-transition-speed="1400"]{
  transition-duration: 1400ms !important;
}
[data-transition-speed="1500"]{
  transition-duration: 1500ms !important;
}
[data-transition-speed="1600"]{
  transition-duration: 1600ms !important;
}
[data-transition-speed="1700"]{
  transition-duration: 1700ms !important;
}
[data-transition-speed="1800"]{
  transition-duration: 1800ms !important;
}
[data-transition-speed="1900"]{
  transition-duration: 1900ms !important;
}
[data-transition-speed="2000"]{
  transition-duration: 2000ms !important;
}
[data-transition-speed="2100"]{
  transition-duration: 2100ms !important;
}
[data-transition-speed="2200"]{
  transition-duration: 2200ms !important;
}
[data-transition-speed="2300"]{
  transition-duration: 2300ms !important;
}
[data-transition-speed="2400"]{
  transition-duration: 2400ms !important;
}
[data-transition-speed="2500"]{
  transition-duration: 2500ms !important;
}
[data-transition-speed="2600"]{
  transition-duration: 2600ms !important;
}
[data-transition-speed="2700"]{
  transition-duration: 2700ms !important;
}
[data-transition-speed="2800"]{
  transition-duration: 2800ms !important;
}
[data-transition-speed="2900"]{
  transition-duration: 2900ms !important;
}
[data-transition-speed="3000"]{
  transition-duration: 3000ms !important;
}
[data-transition-speed="3100"]{
  transition-duration: 3100ms !important;
}
[data-transition-speed="3200"]{
  transition-duration: 3200ms !important;
}
[data-transition-speed="3300"]{
  transition-duration: 3300ms !important;
}
[data-transition-speed="3400"]{
  transition-duration: 3400ms !important;
}
[data-transition-speed="3500"]{
  transition-duration: 3500ms !important;
}
[data-transition-speed="3600"]{
  transition-duration: 3600ms !important;
}
[data-transition-speed="3700"]{
  transition-duration: 3700ms !important;
}
[data-transition-speed="3800"]{
  transition-duration: 3800ms !important;
}
[data-transition-speed="3900"]{
  transition-duration: 3900ms !important;
}
[data-transition-speed="4000"]{
  transition-duration: 4000ms !important;
}
[data-transition-speed="4100"]{
  transition-duration: 4100ms !important;
}
[data-transition-speed="4200"]{
  transition-duration: 4200ms !important;
}
[data-transition-speed="4300"]{
  transition-duration: 4300ms !important;
}
[data-transition-speed="4400"]{
  transition-duration: 4400ms !important;
}
[data-transition-speed="4500"]{
  transition-duration: 4500ms !important;
}
[data-transition-speed="4600"]{
  transition-duration: 4600ms !important;
}
[data-transition-speed="4700"]{
  transition-duration: 4700ms !important;
}
[data-transition-speed="4800"]{
  transition-duration: 4800ms !important;
}
[data-transition-speed="4900"]{
  transition-duration: 4900ms !important;
}
[data-transition-speed="5000"]{
  transition-duration: 5000ms !important;
}
.product-single-bottom-top {
    display: block;
    height: 70px;
}

.product-single-slider .arrows {
    display: inline-block;
    vertical-align: top;
}

.zoomLens,
.zoomWindowContainer div {
    border-width: 3px !important;
}
/* The frozen image_rows path (WordPress render) still prints the old image
   overlay; its hover rules are gone (round 21), so it stays hidden. */
.image-hover .background-overlay {
    display: none;
}



.variation_price_style_hidden .product-single-price{ display: none !important}

.color-swatch-item,
.product-required-option-item {
        display: inline-block;
        float: left;
        width: 20%;
        padding: 8px;
        cursor:pointer;
    box-sizing: border-box;
    }

    .color-swatch-item-top,
    .product-required-option-item-top {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .color-swatch-item-top .visual,
    .product-required-option-item-top .visual {
        border: 1px solid white;
        overflow: hidden;
    }
    .color-swatch-items,
    .product-required-option {
        margin: 0px -8px !important;
    }
    .color-swatch-item-bottom,
    .product-required-option-item-bottom {
        padding-top: 5px;
    }
    .color-swatch-item-bottom p,
    .product-required-option-item-bottom p {
        line-height: 1.25em;
    }

    .color-swatch-fullscreen {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 25px;
        height: 25px;
        background: rgba(0,0,0,0.3);
        color: #fff;
        line-height: 25px;
        text-align: center;
        font-size: 0.8rem;
    }

    [data-swatch-items="1"] .color-swatch-item {
        width: 100%;
    }
    [data-swatch-items="2"] .color-swatch-item {
        width: 50%;
    }
    [data-swatch-items="3"] .color-swatch-item {
        width: 33.33%;
    }
    [data-swatch-items="4"] .color-swatch-item {
        width: 25%;
    }
    [data-swatch-items="5"] .color-swatch-item {
        width: 20%;
    }
    [data-swatch-items="6"] .color-swatch-item {
        width: 16.66%;
    }
    .color-swatch-item label,
    .product-required-option-item label {
        padding-left: 0px !important;
    }
    [data-swatch-items="1"] .product-required-option-item {
        width: 100%;
    }
    [data-swatch-items="2"] .product-required-option-item {
        width: 50%;
    }
    [data-swatch-items="3"] .product-required-option-item {
        width: 33.33%;
    }
    [data-swatch-items="4"] .product-required-option-item {
        width: 25%;
    }
    [data-swatch-items="5"] .product-required-option-item {
        width: 20%;
    }
    [data-swatch-items="6"] .product-required-option-item {
        width: 16.66%;
    }
.component .image .image-hover {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

[data-sidebar="language"],
[data-sidebar="currency"] {
    z-index: 1000000000;
}

.products-archive-toolbar .columns {
    table-layout: auto;
}

.instruction.validation_message,
#required_addons_validation_message{
    display:none;
}


.specs {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.spec-item {
    display: table-row;
}

.spec-item-left, .spec-item-right {
    display: table-cell;
    vertical-align: top;
}
.spec-item .text {
    line-height: 20px !important;
}

.spec-item-left {
    padding-right: 0.5rem;
}
.spec-item p {
    display:inline-block;
    vertical-align: top;
}
.product-required-options .product-required-content {
    display:none;
}
.product-required-options.chosen .product-required-content {
    display:block;
}



.product-single-options-sidebar-toggle-in {
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    padding: 0.75rem;
    display: table;
    width: 100%;
}

.product-option-image, .product-option-value {
    display: table-cell;
    vertical-align: middle;
}

.product-option-image {
    width: 60px;
    padding-right: 0.5rem;
}

.product-single-options-sidebar-toggle {
    cursor: pointer;
}

.product-single-options-sidebar .product-single-options-sidebar-content {
    display:none;
}

.product-single-options-sidebar .product-single-option-options {
    display:none;
}

.product-single-options-sidebar .product-single-options-sidebar-toggle-in {
    display:none;
}
.product-single-options-sidebar.chosen .product-single-options-sidebar-toggle-in {
    display:block;
}
.product-single-options-sidebar.chosen .product-single-options-sidebar-toggle-button {
    display:none;
}

.sidebar-content .color-swatch-item {
    height: auto !important;
}


.product-single-reviews-brand.product-single-reviews-brand-single {
    margin-left: 0px !important;
}


.sidebar-content .color-swatch-fullscreen {
    display: none;
}


.cart-item-data {
    margin-bottom: 0.3rem;
}

.cart-item-data {
    display: table;
    width: 100%;
}

.cart-item-data-image,
.cart-item-data-content {
    display: table-cell;
    vertical-align: middle;
}

.cart-item-data-image {
    width: 40px;
}

.cart-item-data-image img {
    max-width: 30px;
    max-height: 30px;
}

[data-desktop-item-width="1"] .item {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
[data-desktop-item-width="2"] .item {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
}
[data-desktop-item-width="3"] .item {
    width: 33.3333% !important;
    min-width: 33.3333% !important;
    max-width: 33.3333% !important;
}
[data-desktop-item-width="4"] .item {
    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;
}
[data-desktop-item-width="5"] .item {
    width: 20% !important;
    min-width: 20% !important;
    max-width: 20% !important;
}
[data-desktop-item-width="6"] .item {
    width: 16.6666% !important;
    min-width: 16.6666% !important;
    max-width: 16.6666% !important;
}
.no-border {
    border: 0px !important;
}


  .content-column .box-hover,
  .item .box-hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0px;
    z-index: 1;
  }



    .item-products-1 .box-content {
        position: relative;
        z-index: 0;
    }
    .item-products-1 .box-bg {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
    }
    .item-products-1 .box-bg-hover {
        height: 100%;
        width: 100%;
    }


    .item-products-1 .box-hover.box-hover-top,
    .content-column .box-hover.box-hover-top,
    .item .box-hover.box-hover-top{
        top: 0px !important;
        height: auto !Important;
        transform: translateY(0px);

    }

    .item-products-1 .box-hover.box-hover-bottom,
    .content-column .box-hover.box-hover-bottom,
    .item .box-hover.box-hover-bottom{
        bottom: 0px !important;
        height: auto !Important;
        transform: translateY(0px);
        top: auto !Important;
    }

    .item-products-1 .box-bg-hover {
        z-index: 1;
    }

  .slider-backgrounds {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

  .item.item-categories-1 .item-in-link {
    display: inline-block;
    width: 100%;
}

.form-row label.screen-reader-text {
    position:relative !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: 100% !important;
    width: 100% !important;
}






.form-row-wc input {
    color: inherit !important;
}


#billing_state_field .form-select-in .label,
#shipping_state_field .form-select-in .label {

}




.configurator-content {
    display: table;
    width: 100%;
}

.configurator-pre-content,
.configurator-content-in,
.configurator-after-content {
    display: table-cell;
    vertical-align: middle;
}
.configurator-totals .configurator-pre-content,
.configurator-totals .configurator-content-in,
.configurator-totals .configurator-after-content {
    vertical-align:top !important;
}
.configurator-pre-content {
    padding-right: 1rem;
}

.configurator-after-content {
    padding-left: 1rem;
}

.configurator-pre-content {
    width: 25%;
}
.configurator-content-quantity .configurator-content-in,
.configurator-totals .configurator-content-in {
    width: 175px;
}
.configurator-content-text .configurator-content-in {
    width: 50%;
}
.configurator form {
    margin: 0px !important;
}
.step-calc {
    display:none;
}
.step-calc input {
    position: relative !important;
    display: block !Important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    border: 0px;
    background: #bd0000;
    color: #fff !important;
    margin-bottom: 1rem;
    width: 100% !important;
    display: block;
    text-align: center;
    font-size: 1rem;
    border-radius: 3px;
}


[data-step-visibility="hide"] {
    opacity: 0;
}
[data-configurator-debug="true"] [data-step-visibility="hide"] {
    opacity: 0.5 !Important;
}
[data-step-visibility="show"] {
    opacity: 1;
}
.configurator-step-show,
[data-configurator-debug="true"] .configurator-step-hide {
    display:block !important;
}
.configurator-step-hide {
    display:none;
}
.configurator-debug,
[data-configurator-debug="true"] .step-calc {
    border: 3px solid red;
    background: #ff00000f;
    padding: 1rem;
    display: block;
}

.sidebar .languages-buttons img {
    max-height: 1rem;
    max-width: 1rem;
}


[data-sidebar="button-content"] .box, [data-sidebar="button-content"] .sidebar-content {
    position: relative !important;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

[data-sidebar="button-content"] iframe {
        position: relative;
    height: 100%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.loop-component-stock .text,
.loop-component-delivery .text,
.component-delivery .text {
    line-height: 1rem !Important;
}
.loop-component-delivery .delivery-yes-icon,
.component-delivery .delivery-yes-icon {
    position:relative;
    padding-left: 1.4rem;
}
.loop-component-delivery .delivery-yes-icon svg,
.component-delivery .delivery-yes-icon svg {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: inherit !important;
    transform: translateY(-50%);
}


.equal-item > .sc-lz-wrap,
.equal-item > .sc-lz-wrap > .box-out,
.equal-item > .sc-lz-wrap > .box-out > .box,
.equal-item > .box,
.equal-item > .box > .box-in {
    height: 100%;
    display: block;
}
.loop-posts-2 .loop-equal,
.loop-assortiment-1 .loop-equal {
    margin-bottom: 1rem;
}





.button-new .text {
    line-height: 1em !important;
}
.button-new svg {
    font-size: 0.8em;
}
.button-new i,
.sidebar .languages-buttons .button-new img {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
    position: relative;
    height: auto;
    line-height: 1em !important;
}
.sidebar .languages-buttons .button-new img {
    font-size: 1em;
    vertical-align: middle;
    top: -1px;
}
.sidebar .languages-buttons .button-new img {
    margin-right: 0.5rem;
}


.button-group-block > .button-new,
.button-group-block > .component .button-new{
    display: block;
    text-align: center;
    margin-right: 0px !important;
}

.product-single-buttons-right .button[disabled] {
    cursor: no-drop;
    opacity: 0.5 !important;
}
.woocommerce-checkout-review-orde .button-new,
.wc-proceed-to-checkout .button-new,
.product-single-buttons .button-new {
    display: block !important;
    width: 100%;
}

.button-new {
    cursor:pointer;
}
.button-group-block .button-new {
    margin-right: 0px !important;
}

.button-new-in,
.button-new .button-new-in{
    line-height: 1em !important;
}
.button-new-in.text-center,
.button-new .button-new-in.text-center {
    justify-content: center;
}
.button-new-in.text-right,
.button-new .button-new-in.text-right {
    justify-content: right;
}
.gform_fileupload_rules {
    display: none;
}

.bg-none {
    background: transparent;
}

.clr-none {
    color: transparent;
}

.border-none {
    border-color: transparent !important;
}
.box.box-ign-ver {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.box.box-ign-hor {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
[name="add-to-cart"][disabled],
.single_add_to_cart_button[disabled],
.single_add_to_cart_button.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.languages-buttons .button-new,
.currency-buttons .button-new {
    display: block;
}

.gfield_visibility_hidden {
    display:none;
}

[class*="form-new-"] .form-check,
[class*="form-new-"] .form-radio {
    line-height: inherit !important;
    padding-top: 0px !important;
}

[class*="form-new-"] .form-check.label,
[class*="form-new-"] .form-radio.label {
    left: 0px !important;
}

[class*="form-new-"] .input-text,
[class*="form-new-"] select,
input[class*="input-text-new-"],
.product-single-option-small .product-single-options .form-select-in [class*="select-new-"] select{
    height: auto;
}
[class*="form-new-"] select {
    font-weight: inherit;
}
.border-1,
body.no-touch .border-hover-1:hover,
.selected .border-hover-1,
.active:not(.composite_component) .border-hover-1,
.configurator-swatch.active.border-hover-1,
.checkout-payment.active .border-hover-1 {
    border-width: 1px;
}
.border-2,
body.no-touch .border-hover-2:hover,
.selected .border-hover-2,
.active:not(.composite_component) .border-hover-2,
.configurator-swatch.active.border-hover-2,
.checkout-payment.active .border-hover-2 {
    border-width: 2px;
}
.border-3,
body.no-touch .border-hover-3:hover,
.selected .border-hover-3,
.active:not(.composite_component) .border-hover-3,
.configurator-swatch.active.border-hover-3,
.checkout-payment.active .border-hover-3 {
    border-width: 3px;
}
.border-4,
body.no-touch .border-hover-4:hover,
.selected .border-hover-4,
.active:not(.composite_component) .border-hover-4,
.configurator-swatch.active.border-hover-4,
.checkout-payment.active .border-hover-4 {
    border-width: 4px;
}
.border-5,
body.no-touch .border-hover-5:hover,
.selected .border-hover-5,
.active:not(.composite_component) .border-hover-5,
.configurator-swatch.active.border-hover-5,
.checkout-payment.active .border-hover-5 {
    border-width: 5px;
}
.border-6,
body.no-touch .border-hover-6:hover,
.selected .border-hover-6,
.active:not(.composite_component) .border-hover-6,
.configurator-swatch.active.border-hover-6,
.checkout-payment.active .border-hover-6 {
    border-width: 6px;
}
.border-7,
body.no-touch .border-hover-7:hover,
.selected .border-hover-7,
.active:not(.composite_component) .border-hover-7,
.configurator-swatch.active.border-hover-7,
.checkout-payment.active .border-hover-7 {
    border-width: 7px;
}
.border-8,
body.no-touch .border-hover-8:hover,
.selected .border-hover-8,
.active:not(.composite_component) .border-hover-8,
.configurator-swatch.active.border-hover-8,
.checkout-payment.active .border-hover-8 {
    border-width: 8px;
}
.border-9,
body.no-touch .border-hover-9:hover,
.selected .border-hover-9,
.active:not(.composite_component) .border-hover-9,
.configurator-swatch.active.border-hover-9,
.checkout-payment.active .border-hover-9 {
    border-width: 9px;
}
.border-10,
body.no-touch .border-hover-10:hover,
.selected .border-hover-10,
.active:not(.composite_component) .border-hover-10,
.configurator-swatch.active.border-hover-10,
.checkout-payment.active .border-hover-10 {
    border-width: 10px;
}
.border-11,
body.no-touch .border-hover-11:hover,
.selected .border-hover-11,
.active:not(.composite_component) .border-hover-11,
.configurator-swatch.active.border-hover-11,
.checkout-payment.active .border-hover-11 {
    border-width: 11px;
}
.border-12,
body.no-touch .border-hover-12:hover,
.selected .border-hover-12,
.active:not(.composite_component) .border-hover-12,
.configurator-swatch.active.border-hover-12,
.checkout-payment.active .border-hover-12 {
    border-width: 12px;
}
.border-13,
body.no-touch .border-hover-13:hover,
.selected .border-hover-13,
.active:not(.composite_component) .border-hover-13,
.configurator-swatch.active.border-hover-13,
.checkout-payment.active .border-hover-13 {
    border-width: 13px;
}
.border-14,
body.no-touch .border-hover-14:hover,
.selected .border-hover-14,
.active:not(.composite_component) .border-hover-14,
.configurator-swatch.active.border-hover-14,
.checkout-payment.active .border-hover-14 {
    border-width: 14px;
}
.border-15,
body.no-touch .border-hover-15:hover,
.selected .border-hover-15,
.active:not(.composite_component) .border-hover-15,
.configurator-swatch.active.border-hover-15,
.checkout-payment.active .border-hover-15 {
    border-width: 15px;
}
.border-16,
body.no-touch .border-hover-16:hover,
.selected .border-hover-16,
.active:not(.composite_component) .border-hover-16,
.configurator-swatch.active.border-hover-16,
.checkout-payment.active .border-hover-16 {
    border-width: 16px;
}
.border-17,
body.no-touch .border-hover-17:hover,
.selected .border-hover-17,
.active:not(.composite_component) .border-hover-17,
.configurator-swatch.active.border-hover-17,
.checkout-payment.active .border-hover-17 {
    border-width: 17px;
}
.border-18,
body.no-touch .border-hover-18:hover,
.selected .border-hover-18,
.active:not(.composite_component) .border-hover-18,
.configurator-swatch.active.border-hover-18,
.checkout-payment.active .border-hover-18 {
    border-width: 18px;
}
.border-19,
body.no-touch .border-hover-19:hover,
.selected .border-hover-19,
.active:not(.composite_component) .border-hover-19,
.configurator-swatch.active.border-hover-19,
.checkout-payment.active .border-hover-19 {
    border-width: 19px;
}
.border-20,
body.no-touch .border-hover-20:hover,
.selected .border-hover-20,
.active:not(.composite_component) .border-hover-20,
.configurator-swatch.active.border-hover-20,
.checkout-payment.active .border-hover-20 {
    border-width: 20px;
}
.border-21,
body.no-touch .border-hover-21:hover,
.selected .border-hover-21,
.active:not(.composite_component) .border-hover-21,
.configurator-swatch.active.border-hover-21,
.checkout-payment.active .border-hover-21 {
    border-width: 21px;
}
.border-22,
body.no-touch .border-hover-22:hover,
.selected .border-hover-22,
.active:not(.composite_component) .border-hover-22,
.configurator-swatch.active.border-hover-22,
.checkout-payment.active .border-hover-22 {
    border-width: 22px;
}
.border-23,
body.no-touch .border-hover-23:hover,
.selected .border-hover-23,
.active:not(.composite_component) .border-hover-23,
.configurator-swatch.active.border-hover-23,
.checkout-payment.active .border-hover-23 {
    border-width: 23px;
}
.border-24,
body.no-touch .border-hover-24:hover,
.selected .border-hover-24,
.active:not(.composite_component) .border-hover-24,
.configurator-swatch.active.border-hover-24,
.checkout-payment.active .border-hover-24 {
    border-width: 24px;
}
.border-25,
body.no-touch .border-hover-25:hover,
.selected .border-hover-25,
.active:not(.composite_component) .border-hover-25,
.configurator-swatch.active.border-hover-25,
.checkout-payment.active .border-hover-25 {
    border-width: 25px;
}

.border-style-dotted {border-style: dotted;}
.border-style-dashed {border-style: dashed;}
.border-style-solid {border-style: solid;}
.border-style-double {border-style: double;}
.border-style-groove {border-style: groove;}
.border-style-ridge {border-style: ridge;}
.border-style-inset {border-style: inset;}
.border-style-outset {border-style: outset;}


body.no-touch .border-hover-style-dotted:hover, .selected .border-hover-style-dotted, .active:not(.composite_component) .border-hover-style-dotted, .configurator-swatch.active.border-hover-style-dotted, .checkout-payment.active .border-hover-style-dotted {border-style: dotted;}
body.no-touch .border-hover-style-dashed:hover, .selected .border-hover-style-dashed, .active:not(.composite_component) .border-hover-style-dashed, .configurator-swatch.active.border-hover-style-dashed, .checkout-payment.active .border-hover-style-dashed {border-style: dashed;}
body.no-touch .border-hover-style-solid:hover, .selected .border-hover-style-solid, .active:not(.composite_component) .border-hover-style-solid, .configurator-swatch.active.border-hover-style-solid, .checkout-payment.active .border-hover-style-solid {border-style: solid;}
body.no-touch .border-hover-style-double:hover, .selected .border-hover-style-double, .active:not(.composite_component) .border-hover-style-double, .configurator-swatch.active.border-hover-style-double, .checkout-payment.active .border-hover-style-double {border-style: double;}
body.no-touch .border-hover-style-groove:hover, .selected .border-hover-style-groove, .active:not(.composite_component) .border-hover-style-groove, .configurator-swatch.active.border-hover-style-groove, .checkout-payment.active .border-hover-style-groove {border-style: groove;}
body.no-touch .border-hover-style-ridge:hover, .selected .border-hover-style-ridge, .active:not(.composite_component) .border-hover-style-ridge, .configurator-swatch.active.border-hover-style-ridge, .checkout-payment.active .border-hover-style-ridge {border-style: ridge;}
body.no-touch .border-hover-style-inset:hover, .selected .border-hover-style-inset, .active:not(.composite_component) .border-hover-style-inset, .configurator-swatch.active.border-hover-style-inset, .checkout-payment.active .border-hover-style-inset {border-style: inset;}
body.no-touch .border-hover-style-outset:hover, .selected .border-hover-style-outset, .active:not(.composite_component) .border-hover-style-outset, .configurator-swatch.active.border-hover-style-outset, .checkout-payment.active .border-hover-style-outset {border-style: outset;}






.checkout-form .form-column #billing_type_field .form-column:first-child {
    padding-left: 0px !important;
}
.step-validation {
    margin-top: 0.25rem;
    display:none;
}
.step-validation-text-general {
    display: none;
}

.trp-icon {
    margin-left: 0px !important;
}
.trp-icon.trp-merge {
    margin-left: 30px !important;
}
.trp-icon.trp-split{
    margin-left: 30px !important;
}
.wc-pao-addon-wrap {
   margin-bottom: 1rem;
}
small.wc-pao-addon-chars-remaining {
    display: none;
}

.product-addon-totals .wc-pao-col1,
.product-addon-totals .wc-pao-col2 {
    display: block;
    float: left;
    width: 75%;
}

.product-addon-totals .wc-pao-col2 {
    width: 25%;
}

.product-addon-totals .wc-pao-col2 {
    text-align: right;
}

.product-addon-totals .wc-pao-subtotal-line {
    display: none;
}

.product-addon-totals li {display:block;}

.mini-cart-products .item-products-3 .column-4 {
    padding-left: 0px !important;
    width: 33.33%;
    text-align: inherit !important;
}
.mini-cart-products .item-products-3 .column-4 .price .price-old,
.mini-cart-products .item-products-3 .column-4 .price .price-new {
    display: block;
    margin-right: 0px !Important;
}
.mini-cart-products .item-products-3 .column-1 {
    width: 60px !important;
}

.mini-cart-products .item-products-3 .column-1 img {}

.mini-cart-products .item-products-3 .column-2 {
    width: auto !important;
}

.mini-cart-products .item-products-3 .column-1 img {
    width: 50px;
}
.mini-cart-products .quantity {
    display: inline-block;
}

[data-columns-equal="true"] .background,
[data-columns-equal="true"] .box {
    min-height: 100%;
}

[data-columns-equal="true"] .featured-half-column-content-in {
    display: table;
    width: 100%;
    vertical-align: middle;
    height: 100%;
    max-width: 100%;
    table-layout: fixed;
}

[data-columns-equal="true"] .featured-half-column-content-in .box {
    display: table-cell;
    vertical-align: middle;
}

.featured-half-column-content-in {
    overflow-wrap: break-word;
}


:is(.sc-section, .sc-footer) iframe {
    display: block;
}

.image-tags{    overflow: visible;
    z-index: 1;
}
.image-tags .image-tags-image-in img.image-tag-main {
    display: block;
    width: 100%;
    max-width: 100%;
}

.image-tags .image-tags-tags {
}

.image-tags .image-tags-image-wrapper {
    position: relative;
    margin: 0 auto;
}

.image-tags .image-tag {
    position: absolute;
}
.image-tags .image-tag.active {
    z-index: 1;
}

.image-tags .image-tag-content {
    position:absolute;
    width: 200px;
    display:none;
    margin: 0px 5px;
}
.image-tag-toggle .button-new {
    margin: 0px 5px !important;
}
.image-tags .image-tag.active .image-tag-content {
    display:block;
}
.image-tag-content.scrolloverflow {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
.pos-right-bottom {
    top: 0px;
    left: 100%;
}
.pos-right-top {
     bottom: 0px;
     left: 100%;
 }
.pos-left-bottom {
      top: 0px;
      right: 100%;
  }
.pos-left-top {
    bottom: 0px;
    right: 100%;
}

.over-button.pos-right-top {
    left: 50%;
    bottom: 50%;
}
.over-button.pos-right-bottom {
    left: 50%;
    top: 50%;
}
.over-button.pos-left-top {
    right: 50%;
    bottom: 50%;
}
.over-button.pos-left-bottom {
    right: 50%;
    top: 50%;
}

[data-column-first-full=true]:not([data-column-last-full=true]) .content-column:first-of-type,
[data-column-last-full=true]:not([data-column-first-full=true]) .content-column:last-child {
    padding: 0px;
}
.image-tag-content-sidebar {
    display:none;
}

[data-sidebar="info"] .item-products-1 {
    width: 100% !important;
}

.radio_button_price {
    font-size: 1rem !important;
}

.radio_button_price ins {
    text-decoration:none !important;
}

.component .component_option_radio_button del {
    text-decoration: none;
}

.component .component_option_radio_button del > span {
    text-decoration: line-through;
}


.border-center .border {margin: 0 auto;}
.border-right .border {display: inline-block;width: 100%;}
.border-right {text-align: right;}


span.screen-reader-text,
.component_option_each {
    display: none;
}




.sidebar-left {
    box-shadow: 1px 0 10px 0 rgba(0,0,0,.15);
}

.sidebar-right {
    box-shadow: -1px 0 10px 0 rgba(0,0,0,.15);
}

.header-row.sticky:not(.header-row-pdp):last-child .header-row-in.fixed,.header-row.sticky.header-row-pdp .header-row-in.fixed {
    box-shadow: 1px 5px 5px 0 rgba(0,0,0,.2)
}


.button-new-in,
.button-new .button-new-in {
    display: flex;
    align-items: center;
}

.button-new {
    position: relative;
    z-index: 0;
}

/* Ronde 18b (K4) — de vier lagen van een knop. De <a> is de Button-laag; de
   binnenlagen zijn .sc-bl-il / .sc-bl-tx / .sc-bl-ir en dragen elk hun eigen
   achtergrondstapel, die achter de laag ligt en hem afknipt. De vullaag
   .sc-fill houdt de state-kleur van zijn rij vast; begin- en eindstand staan
   per knop-object in theme.css (siteclick_theme_render_button). */
.sc-bl {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
}
.sc-bl > .backgrounds,
.button-new > .backgrounds {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}
/* Een rij met een afronding knipt zijn eigen vullaag: de stapel hierboven is
   rechthoekig en zou de hoeken laten uitsteken bij een vegende vulrichting. */
.background:has(> .sc-fill) {
    overflow: hidden;
}
/* Op `.background >` gescoopt: de legacy `.button-new i`-regel hierboven zet
   position:relative en heeft één klasse + één element, dus een kale .sc-fill
   zou het van hem verliezen. */
.background > .sc-fill {
    position: absolute;
    inset: 0;
    opacity: 0;
}
/* KN-10: de ruimte tussen de lagen. `btn_gap` emit per object op
   `.button-new-{id} .button-new-in` en wint hiervan; een object zonder die
   sleutel (een WordPress-object, of het deployvenster vóór
   design:migrate-button-layers) houdt zo de v1-ruimte die tot 18b in de
   svg-marges zat. */
.button-new-in {
    gap: .5rem;
}
.sc-bl-tx {
    white-space: inherit;
}
.item-in-link [class*="animation-"].box-in,
.item-in[class*="animation-"] {
    transition-property: border, box-shadow;
}

.item-in-link [class*="animation-"].box-in [class*="clr-hover"],
.item-in[class*="animation-"] [class*="clr-hover"]{
    transition-property: color;
}



.show-password-input {
    display: none !important;
}
/* ===== Uitlijning op kolom (components_alignment) =====
   De kolom zet de standaard-uitlijning voor al haar componenten; een component
   met `alignment_override` houdt z'n eigen uitlijning (die wint automatisch:
   een eigen text-align op het component zelf verslaat overerving). */
.box-content.ca-left { text-align: left; }
.box-content.ca-center { text-align: center; }
.box-content.ca-right { text-align: right; }

/* ===== Box - uitzondering per zijde (box_has_exception) ===== */
.box.box-ign-t { --sc-box-pad-t: 0px; padding-top: var(--sc-bd-pad-t, 0px) !important; }
.box.box-ign-r { --sc-box-pad-r: 0px; padding-right: var(--sc-bd-pad-r, 0px) !important; }
.box.box-ign-b { --sc-box-pad-b: 0px; padding-bottom: var(--sc-bd-pad-b, 0px) !important; }
.box.box-ign-l { --sc-box-pad-l: 0px; padding-left: var(--sc-bd-pad-l, 0px) !important; }

/* ===== CP1-CP8: maatvoering van een knopachtig component =====
   siteclick_component_position_attributes() zet `cpos-own` + de
   --sc-cp-*-vars op de component-wrapper (en `cpos-al-*` voor CP8); deze
   regels laten het binnenelement ze consumeren. De terugval loopt via
   --sc-cp-{var}-def, zodat een component dat maar één CP-veld gezet heeft zijn
   eigen maten houdt in plaats van op auto/0 te springen. De bandsuffixen
   -d/-t/-tp/-m volgen de ketenvorm van --sc-pos-* (band → Algemeen → default).
   .backgrounds is geen inhoud en blijft dus buiten schot. */
.component.cpos-own > *:not(.backgrounds) {
    width: var(--sc-cp-w, var(--sc-cp-w-def, auto));
    max-width: var(--sc-cp-maxw, var(--sc-cp-maxw-def, none));
    height: var(--sc-cp-h, var(--sc-cp-h-def, auto));
    max-height: var(--sc-cp-maxh, var(--sc-cp-maxh-def, none));
    min-width: var(--sc-cp-minw, var(--sc-cp-minw-def, 0));
    min-height: var(--sc-cp-minh, var(--sc-cp-minh-def, 0));
    padding: var(--sc-cp-p, var(--sc-cp-p-def, 0));
}
@media screen and (min-width: 1025px) {
    .component.cpos-own > *:not(.backgrounds) {
        width: var(--sc-cp-w-d, var(--sc-cp-w, var(--sc-cp-w-def, auto)));
        max-width: var(--sc-cp-maxw-d, var(--sc-cp-maxw, var(--sc-cp-maxw-def, none)));
        height: var(--sc-cp-h-d, var(--sc-cp-h, var(--sc-cp-h-def, auto)));
        max-height: var(--sc-cp-maxh-d, var(--sc-cp-maxh, var(--sc-cp-maxh-def, none)));
        min-width: var(--sc-cp-minw-d, var(--sc-cp-minw, var(--sc-cp-minw-def, 0)));
        min-height: var(--sc-cp-minh-d, var(--sc-cp-minh, var(--sc-cp-minh-def, 0)));
        padding: var(--sc-cp-p-d, var(--sc-cp-p, var(--sc-cp-p-def, 0)));
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .component.cpos-own > *:not(.backgrounds) {
        width: var(--sc-cp-w-t, var(--sc-cp-w, var(--sc-cp-w-def, auto)));
        max-width: var(--sc-cp-maxw-t, var(--sc-cp-maxw, var(--sc-cp-maxw-def, none)));
        height: var(--sc-cp-h-t, var(--sc-cp-h, var(--sc-cp-h-def, auto)));
        max-height: var(--sc-cp-maxh-t, var(--sc-cp-maxh, var(--sc-cp-maxh-def, none)));
        min-width: var(--sc-cp-minw-t, var(--sc-cp-minw, var(--sc-cp-minw-def, 0)));
        min-height: var(--sc-cp-minh-t, var(--sc-cp-minh, var(--sc-cp-minh-def, 0)));
        padding: var(--sc-cp-p-t, var(--sc-cp-p, var(--sc-cp-p-def, 0)));
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    .component.cpos-own > *:not(.backgrounds) {
        width: var(--sc-cp-w-tp, var(--sc-cp-w, var(--sc-cp-w-def, auto)));
        max-width: var(--sc-cp-maxw-tp, var(--sc-cp-maxw, var(--sc-cp-maxw-def, none)));
        height: var(--sc-cp-h-tp, var(--sc-cp-h, var(--sc-cp-h-def, auto)));
        max-height: var(--sc-cp-maxh-tp, var(--sc-cp-maxh, var(--sc-cp-maxh-def, none)));
        min-width: var(--sc-cp-minw-tp, var(--sc-cp-minw, var(--sc-cp-minw-def, 0)));
        min-height: var(--sc-cp-minh-tp, var(--sc-cp-minh, var(--sc-cp-minh-def, 0)));
        padding: var(--sc-cp-p-tp, var(--sc-cp-p, var(--sc-cp-p-def, 0)));
    }
}
@media screen and (max-width: 480px) {
    .component.cpos-own > *:not(.backgrounds) {
        width: var(--sc-cp-w-m, var(--sc-cp-w, var(--sc-cp-w-def, auto)));
        max-width: var(--sc-cp-maxw-m, var(--sc-cp-maxw, var(--sc-cp-maxw-def, none)));
        height: var(--sc-cp-h-m, var(--sc-cp-h, var(--sc-cp-h-def, auto)));
        max-height: var(--sc-cp-maxh-m, var(--sc-cp-maxh, var(--sc-cp-maxh-def, none)));
        min-width: var(--sc-cp-minw-m, var(--sc-cp-minw, var(--sc-cp-minw-def, 0)));
        min-height: var(--sc-cp-minh-m, var(--sc-cp-minh, var(--sc-cp-minh-def, 0)));
        padding: var(--sc-cp-p-m, var(--sc-cp-p, var(--sc-cp-p-def, 0)));
    }
}

/* Run 21b (OPA): like the layer rule next to the fade reveal (--sc-bg-op), a
   node with its own opacity keeps it after the reveal. Higher specificity than
   the reveal, so it may live down here without shifting the vendor lines. */
[data-sc-animation].sc-animated[data-sc-nop] {
    opacity: var(--sc-nop-eff) !important;
}