/*! angularjs-slider - v7.0.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2019-03-06 */
.rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;user-select:none}.rzslider.noanimate *{transition:none!important}.rzslider.with-legend{margin-bottom:40px}.rzslider[disabled]{cursor:not-allowed}.rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}.rzslider[disabled] .rz-draggable{cursor:not-allowed}.rzslider[disabled] .rz-selection{background:#8b91a2}.rzslider[disabled] .rz-tick{cursor:not-allowed}.rzslider[disabled] .rz-tick.rz-selected{background:#8b91a2}.rzslider span{position:absolute;display:inline-block;white-space:nowrap}.rzslider .rz-base{width:100%;height:100%;padding:0}.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box;transition:all linear .3s}.rzslider .rz-draggable{cursor:move}.rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-bar-wrapper.rz-transparent .rz-bar{background:transparent}.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar{background:#df002d}.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar{background:#03a688}.rzslider .rz-selection{z-index:2;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:background-color linear .3s}.rzslider .rz-restricted{z-index:3;background:#f00;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;transition:all linear .3s}.rzslider .rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}.rzslider .rz-pointer:hover:after{background-color:#fff}.rzslider .rz-pointer.rz-active{z-index:4}.rzslider .rz-pointer.rz-active:after{background-color:#451aff}.rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default;transition:all linear .3s}.rzslider .rz-bubble.rz-limit{color:#55637d;transition:none}.rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;width:100%;height:0;margin:0;list-style:none;box-sizing:border-box}.rzslider .rz-ticks-values-under .rz-tick-value{top:auto;bottom:-32px}.rzslider .rz-tick{position:absolute;top:0;left:0;width:10px;height:10px;margin-left:11px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%;transition:background-color linear .3s}.rzslider .rz-tick.rz-selected{background:#0db9f0}.rzslider .rz-tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}.rzslider .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;transform:translate(-50%,0)}.rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}.rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}.rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}.rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}.rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}.rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}.rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%}.rzslider.rz-vertical .rz-tick{margin-top:11px;margin-left:auto;vertical-align:middle}.rzslider.rz-vertical .rz-tick-value{top:auto;left:24px;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-tick-legend{top:auto;right:24px;max-width:none;white-space:nowrap;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value{right:24px;bottom:auto;left:auto}

html, body, [ng-view], [ix-view] { height: 100%; }

html { background-color: #fff; }

html, input, textarea, select, button { font-size: 16px; font-family: 'Nunito Sans', sans-serif; line-height: 1.125; }

body { margin: -1px auto 0; padding: 1px 0 0; }
body::before,
body::after { content: ""; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: 0.5s; }
body::before { z-index: 0; background: url(../assets/images/bg.jpg?v=2.1.1) no-repeat center; background-size: cover; filter: blur(0); transform: scale(1.1); }
body::after { z-index: 1; background: url(../assets/images/logo-all.png?v=2.1.1) no-repeat center; background-size: 100%; opacity: 1; }

/*body.ready::before { filter: blur(10px); }*/
body.ready::after { opacity: 0; }

[ix-view] { position: relative; }

.clearfix::after { content: ""; display: table; clear: both; }

h2 { font-size: 1.625rem; line-height: 1.077; }

a { color: #0D7DFF; font-weight: 300; }

.shadow { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.shadow-red { box-shadow: 0 10px 10px rgba(100, 0, 27, 0.13); }

.wrapper { position: relative; z-index: 2; background: #fff; min-height: 100%; display: flex; flex-flow: column wrap; opacity: 0; transition: 0.2s; }
.ready .wrapper { opacity: 1; }
.wrapper::before { content: ""; display: block; height: 65px; background: url(../assets/images/logo.png?v=2.1.1) no-repeat center, url(../assets/images/bg.jpg?v=2.1.1) no-repeat center -10px; background-size: 177px, cover; }

.loader { position: absolute; top: -4px; left: 0; height: 4px; width: 100%; background: transparent; overflow: hidden; }
.loader::before { content: ""; position: absolute; top: 0; left: -20%; width: 20%; height: 100%; background: #F90002; animation: loading 2s linear infinite; }

.components-container { display: flex; flex-flow: column wrap; flex: 1 1 auto; position: relative; }

.has-default-actions .components-content { flex: 1 1 auto; }

.components-content,
.actions { padding: 30px; box-sizing: border-box; }

.component + .component { margin-top: 25px; }

.flow-progress { text-align: center; padding: 30px 30px 0; margin-bottom: -30px; }
.flow-progress-bar { background: rgba(0, 0, 0, 0.1); border-radius: 7px; height: 6px; margin-bottom: 5px; }
.flow-progress-bar > div { background: #000; border-radius: 7px; height: 100%; }
.flow-progress > span { font-size: 0.875rem; font-weight: bold; }

.action { cursor: pointer; box-sizing: border-box; background: transparent; border: 2px solid #000; border-radius: 100px; color: #000; font-weight: 900; text-transform: uppercase; }

.actions { display: flex; flex-flow: row-reverse wrap; justify-content: space-between; }
.actions > div { text-indent: -9999px; height: 55px; width: 55px; position: relative; }
.actions > div::before { content: ""; display: inline-block; position: absolute; width: 13px; height: 13px; border: solid #000; border-width: 0 5px 5px 0; top: 50%; left: 50%; transform: translate(-35%, -50%) rotateZ(135deg); margin-top: -1px; }
.actions > div:first-child::before { transform: translate(-65%, -50%) rotateZ(-45deg); }

.action.active { color: #fff; background: #F90002; border-color: #F90002; box-shadow: 0 10px 10px rgba(100, 0, 27, 0.13); }
.actions > div.active::before { border-color: #fff; }

.custom-actions { text-align: center; margin-top: 25px; }
.custom-actions .action { display: inline-block; font-size: 1.125rem; font-weight: 900; padding: 22.5px 45px; min-width: 255px; text-transform: uppercase; }
.custom-actions .action-small { font-size: 1rem; padding: 15px; min-width: auto; }

.action-skip { text-align: center; margin: 25px 0; }

.extra-content { max-width: 600px; padding: 0 30px; margin: 0 auto; width: 100%; }
.extra-content-after { font-size: 0.6rem; color: #555; text-align: center; margin-top: 30px; }

.extra-video { max-width: 600px; margin: 60px auto 0; position: relative; transition: 0.5s; width: 100%; z-index: 10; box-sizing: border-box;}
.extra-video .expand {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; z-index: 1; cursor: pointer; }
.extra-video .collapse {display:none;position: absolute; justify-content: center; align-items: center; flex-flow: row wrap; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; padding: 10px 30px 10px; margin: 0 auto; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; color: #fff; font-weight: 900; }
.extra-video .collapse::before { content: ""; border-left: 40px solid #F90002; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }
.extra-video.expanded .expand { display: none; }
.extra-video.expanded .collapse { display: flex; }

footer { margin-top: auto; }
footer .footer { margin-top: 75px; padding: 30px; background: #414141; color: #fff; text-align: center; }
footer .footer-links { font-size: 1.125rem; }
footer .footer-links ul { margin: 0; padding: 0; list-style: none; }
footer .footer-links ul li + li { margin-top: 10px; }
footer .footer-links ul li a { text-decoration: none; font-weight: bold; color: #fff; }
footer .footer-copyright { font-weight: 300; margin-top: 30px; }

/* Form elements */
label.input-text { display: block; max-width: 400px; margin: 0 auto; text-align: left; }
label.input-text span { font-size: 0.8rem; color: rgba(0, 0, 0, 0.7); }
label.input-text input[type] { width: 100%; font-size: 1.125rem; padding: 15px 0 5px; font-weight: bold; border-radius: 0; margin-top: -5px; background-color: transparent; box-sizing: border-box; border: solid rgba(145, 145, 145, 0.4); border-width: 0 0 1px; outline: none; }
label.input-text input[type]:active,
label.input-text input[type]:focus { border-bottom-color: #F90002; }
label.input-text input[type]:placeholder-shown { color: rgba(0, 0, 0, 0.25); font-weight: 600; }

label.input-text-number { max-width: 200px; }

label.radio,
label.checkbox { display: flex; flex-flow: row wrap; align-items: flex-start; max-width: 400px; margin: 0 auto; }
label.radio .text,
label.checkbox .text { flex: 1; }
label.radio input,
label.checkbox input { display: none; }
label.radio .button,
label.checkbox .button { display: inline-block; width: 30px; margin-right: 15px; box-sizing: border-box; background: transparent; border: 2px solid #000; position: relative; border-radius: 50%; }
label.radio .button.checked,
label.checkbox .button.checked { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); background: #000; }
label.radio .button::before,
label.checkbox .button::before { content: ""; display: block; width: 100%; padding-top: 100%; }
label.radio .button.checked::after,
label.checkbox .button.checked::after { content: ""; width: 50%; padding-top: 25%; transform: translate(-50%, -50%) rotateZ(-45deg); top: 45%; left: 50%; border: solid #fff; border-width: 0 0 3px 3px; position: absolute; }

label.radio { align-items: center; }

errors, errors-question { display: none; }
.validated errors, .validated errors-question { display: block; }
errors .error, errors-question .error { position: relative; background: #F90002; color: #fff; font-weight: 300; padding: 5px 10px; text-align: left; }
errors[top], errors-question[top],
errors[bottom] .error, errors-question[bottom] .error { margin: 5px 0; }
errors[bottom] .error + .error, errors-question[bottom] .error + .error { margin-top: 0; }
errors[top] .error + .error, errors-question[top] .error + .error { margin-bottom: 0; }
errors[top] .error::before, errors-question[top] .error::before,
errors[bottom] .error::before, errors-question[bottom] .error::before { content: ""; display: block; position: absolute; left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; }
errors[top] .error::before, errors-question[top] .error::before { top: 100%; border-top: 10px solid #F90002; }
errors[bottom] .error::before, errors-question[bottom] .error::before { bottom: 100%; border-bottom: 10px solid #F90002; }

errors[middle] .error, errors-question[middle] .error { text-align: center; }
errors[middle] .error::before, errors-question[middle] .error::before { left: 50%; transform: translateX(-50%); }
errors[right] .error, errors-question[right] .error { text-align: right; }
errors[right] .error::before, errors-question[right] .error::before { left: auto; right: 10px; }

errors-question { max-width: 400px; margin: 0 auto; }

.messages { position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; transition: 0.2s; }
.ready .messages { opacity: 1; }
message,
message .message-shadow { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
message { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; overflow-y: auto;  }
message .message-shadow { background: rgba(0, 0, 0, 0.4); }
message .message-content { text-align: center; border-radius: 10px; background: #fff; margin: 25px; padding: 30px; box-sizing: border-box; max-width: 500px; position: relative; }
message .message-content h3 { margin: 0 0 20px; color: #F90002; }
message .message-content > div { margin: 20px 0; }

message::-webkit-scrollbar-track { background-color: transparent; }
message::-webkit-scrollbar { width: 5px; background-color: transparent; }
message::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.75); }

messages-inline { display: block; }
messages-inline .message { position: relative; margin: 20px auto; animation: 1s fade-in-message; }
messages-inline .message::before { content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; border-top: 10px solid #F90002; }
messages-inline .message-title { color: #fff; font-weight: bold; border-radius: 10px; background: #F90002; padding: 15px; }
messages-inline .message-close { padding: 5px; color: #fff; position: absolute; top: 0; right: 0; height: 15px; width: 15px; line-height: 15px; }

@keyframes fade-in-message {
    0% { opacity: 0; }
    99% { opacity: 1; }
}

@media (min-width: 35em) {
    .wrapper { background: transparent; min-height: auto; margin: 0 auto; }
    .wrapper::before { height: 200px; width: 100%; max-width: 450px; margin: 20px auto; background: url(../assets/images/logo-all.png?v=2.1.1) no-repeat center; background-size: 100%; }

    .components-container { background: #fff; padding: 40px 0 60px; }
    .components-container h2 { margin-top: 0; }

    .flow-loader { max-width: 600px; width: 100%; left: 50%; transform: translateX(-50%); }

    .flow-progress { padding-top: 0; margin: 0 auto; max-width: 600px; width: 100%; box-sizing: border-box; }

    .components-content { position: relative; z-index: 1; width: 100%; max-width: 600px; margin: 0 auto; }

    .actions { width: 100%; max-width: 600px; margin: 0 auto; }
    .actions > div { text-indent: 0; height: auto; width: auto; padding: 12px 20px 10px 40px; }
    .actions > div:first-child { padding: 12px 40px 10px 20px; }
    .actions > div::before { width: 10px; height: 10px; left: 8px; transform: translate(65%, -50%) rotateZ(135deg); margin: 0; }
    .actions > div:first-child::before { left: auto; right: 8px; transform: translate(-65%, -50%) rotateZ(-45deg); }

    .extra-video {margin: 30px auto 0;}

    footer .footer { margin-bottom: -60px; }
}

@media (min-width: 40em) {
    .extra-video.expanded { max-width: 600px; }
}

@media (min-width: 45em) {
    body::before { background-size: cover; }
    body::after { background-size: auto; }
}

@media (min-width: 50em) {
    .wrapper::before {  }
}

@keyframes loading {
    0% { left: -20%; width: 20%; }
    75% { left: 50%; }
    90% { left: 125%; }
    100% { left: 100%; width: 100%; }
}
/* main */
body::before { background-image: url(../assets/images/bg-jeugd-2.jpg?v=2.1.1); }
body::after { background-image: url(../assets/images/logo-jeugd-all.png?v=2.1.1); }

.wrapper::before { background-image: url(../assets/images/logo-jeugd.png?v=2.1.1), url(../assets/images/bg-jeugd-2.jpg?v=2.1.1); background-size: 144px, cover; }
#watwat-logo::before {width: 160px;position: fixed;bottom: 5%; left:0; right:0; margin:0 auto;color: white;height: 110px;font-size: 0.9rem; font-weight: bold; text-align:left;content: "In samenwerking met";background-image: url(../assets/images/watwat-logo_baseline.png?v=2.1.1);background-position:bottom center;background-size: 100px;background-repeat: no-repeat;}
.ready #watwat-logo::before {opacity: 0;}

.components-content {padding-bottom: 0;}
.components-content, .actions {padding-top: 0px;}


.collapse {display: none !important;}
.expand {display: none !important;}

/* slider */
open-slider-dilemma {min-height: 325px; margin-bottom: 25px;}
#content open-slider-dilemma .slider {margin-top: 25px;}
#content open-slider-dilemma > h2 {display: none;}
#content open-slider-dilemma > p {margin-top: 20px; display: flex; justify-content: center; align-items: center;}


/* result */
body .result .comparison h2 {margin-top: 5px;}

.result .info-links > a {margin-top: 10px;}

/* footer */
.footer-links li:last-child a {position: relative; margin-left: -70px;}
.footer-links li:last-child a:after {content:'';position:absolute; top:-10px;width:70px; height:50px;background-image: url(../assets/images/watwat-logo_baseline.png?v=2.1.1);background-position:bottom center;background-size: 50px;background-repeat: no-repeat;}

@media (min-width: 35em) {
    .components-container {flex-flow: column;}

    body open-slider-dilemma .rzslider {margin: 0 0 20px -16px;}

    .wrapper {flex-flow: column;}

    .wrapper::before { background-image: url(../assets/images/logo-jeugd-all.png?v=2.1.1); max-width: 368px; background-size: 100%; }

    #watwat-logo::before {right: 3%; left: auto; margin: 0;}
}

/* Percentage circle */
.percentage-circle { max-width: 100%; max-height: 100%; }
.percentage-circle > path:nth-child(1) { fill: none; stroke-width: 4; stroke: #F90002; opacity: 0.2; }
.percentage-circle > path:nth-child(2) { fill: none; stroke-width: 4; stroke: #F90002; animation: percentage-circle-fill 2s ease-out forwards; }
@keyframes percentage-circle-fill { 0% { stroke-dasharray: 0 300; } 10% { stroke-dasharray: 0 300; } }

closed-multiple { text-align: center; }
closed-multiple p { font-weight: 300; }

closed-multiple ul { margin: 10px 0; padding: 0; list-style: none; text-align: left; }
closed-multiple ul li {  }
closed-multiple ul li + li { margin-top: 10px; }

closed-single { text-align: center; }
closed-single p { font-weight: 300; }

closed-single ul { margin: 10px 0; padding: 0; list-style: none; text-align: left; }
closed-single ul li {  }
closed-single ul li + li { margin-top: 10px; }

@media (min-width: 35em) {
    closed-single ul { max-width: 400px; margin: 10px auto; }
    closed-single ul li { display: inline-block; width: 48%; margin: 0 1%; }
}

open-slider-dilemma { display: block; text-align: center; }
open-slider-dilemma h2 { font-weight: 600; font-size: 1rem; margin: 20px 0 5px; }
open-slider-dilemma p { font-weight: bold; font-size: 1.5rem; margin: 0; min-height: 60px; }

open-slider-dilemma .slider { margin-top: 125px; position: relative; }
open-slider-dilemma .rzslider,
open-slider-dilemma .rzslider .rz-bar { height: 6px; }
open-slider-dilemma .rzslider { display: block; width: calc(100% + 32px); margin: 0 0 15px -16px; position: relative; }
open-slider-dilemma .rzslider .rz-bubble { display: none; }
open-slider-dilemma .rzslider .rzslider .rz-bar-wrapper { height: 0; padding: 0; margin: 0; }
open-slider-dilemma .rzslider .rz-bar { background: #F90002; border-radius: 7px; width: auto; left: 16px; right: 16px; text-align: center; }
open-slider-dilemma .rzslider .rz-bar::before { content: ""; position: absolute; left: 50%; top: -2px; transform: translateX(-50%); display: inline-block; width: 10px; height: 10px; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojZjkwMDAyO30uYntmaWxsOiNmOTAwMDI7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4=); }
open-slider-dilemma .rzslider .rz-pointer-min { cursor: pointer; width: 32px; height: 32px; top: -13px; background-color: #F90002; border-radius: 50%; user-select: none; outline: none; }
open-slider-dilemma .rzslider .rz-pointer-min::after { display: none; }

open-slider-dilemma .dilemmas { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
open-slider-dilemma .dilemmas > div { flex: 1 0 48%; font-size: 1rem; font-weight: 600; word-break: break-word; }
open-slider-dilemma .dilemmas .dilemma-left { margin-right: 2%; text-align: left; }
open-slider-dilemma .dilemmas .dilemma-right { margin-left: 2%; text-align: right; }

open-slider-dilemma errors { padding-top: 5px; }

open-slider-dilemma averages { display: block; position: absolute; bottom: 100%; left: 0; right: 0;}
open-slider-dilemma averages .average-bar { box-sizing: border-box; padding: 0 1px; vertical-align: bottom; }
open-slider-dilemma averages .average-bar > span { display: inline-block; padding: 4px 5px 3px; border-radius: 5px; background: rgba(221, 221, 221, 0.5); position: relative; margin-bottom: 10px; font-size: 0.7rem; font-weight: 500; }
open-slider-dilemma averages .average-bar > span::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-top: 6px solid rgba(221, 221, 221, 0.5); border-left: 6px solid transparent; border-right: 6px solid transparent; }
open-slider-dilemma averages .average-bar.middle > span { display: none; }
open-slider-dilemma averages .average-bar.matched > span { background-color: #F90002; color: #fff; }
open-slider-dilemma averages .average-bar.matched > span::after { border-top-color: #F90002; }
open-slider-dilemma averages .average-box { display: flex; flex-flow: row wrap-reverse; justify-content: center; }
open-slider-dilemma averages .average-box span { display: inline-block; width: 5px; height: 5px; background: #ddd; border-radius: 50%; margin: 1px; }

@media (min-width: 35em) {
    open-slider-dilemma p { font-size: 1.625rem; }
}

open-text { text-align: center; }
open-text p { font-weight: 300; }

open-text-numeric { text-align: center; }
open-text-numeric p { font-weight: 300; }

open-text-postal { text-align: center; }
open-text-postal p { font-weight: 300; }

open-text-postal label.input-text { margin-top: 40px; }

open-text-postal .autocomplete { border: 1px solid #919191; margin-top: -1px; }
open-text-postal .autocomplete > div { padding: 10px; cursor: pointer; transition: 0.1s; }
open-text-postal .autocomplete > div + div { border-top: 1px solid #919191; }
open-text-postal .autocomplete > div:hover { background: #F90002; color: #fff; }
optin-dsvv-hln-proef { text-align: center; }
optin-dsvv-hln-proef h2 { margin: 0; }

optin-dsvv-newsletters .newsletter { max-width: 400px; margin: 0 auto 50px; display: flex; flex-flow: row wrap; }
optin-dsvv-newsletters .newsletter.answered { opacity: 0.5; }
optin-dsvv-newsletters .newsletter:hover { opacity: 1; }
optin-dsvv-newsletters .newsletter-icon { width: 40px; height: 40px; background: transparent center no-repeat; background-size: 100%; }
optin-dsvv-newsletters .newsletter-A3 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAGYmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA5LTExVDE2OjE0OjU5KzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wOS0xMVQxNjoxNToyMSswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wOS0xMVQxNjoxNToyMSswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTFjNTk2Yi1kMTJjLWVlNDItOWZjMi0wMTQzZTFmODNlYjciIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozMTllYzhkNS0xYzQ1LTAyNGEtYmVjYi1mMjkyNmQ0NTNmMGYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkYjhhMzFkNi05MDMwLTQ2NDQtOGM0Ny0yYTlhNTQwZjQ4MDEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmRiOGEzMWQ2LTkwMzAtNDY0NC04YzQ3LTJhOWE1NDBmNDgwMSIgc3RFdnQ6d2hlbj0iMjAxOC0wOS0xMVQxNjoxNDo1OSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5MWM1OTZiLWQxMmMtZWU0Mi05ZmMyLTAxNDNlMWY4M2ViNyIgc3RFdnQ6d2hlbj0iMjAxOC0wOS0xMVQxNjoxNToyMSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsTFR+8AAARpSURBVHic7Z3rcdpAFEY/PClA6UAlyBVEqSDqIEoFJhWYVJCkAqAClAogFaAOrA5wKtj8kEmMDXv3Gd0J35nZGdtid7Uc9iHpsgaeMEBlgI0BDNM/TRsDVHiOAVoFJ3btqQWA2ZOdPYgGbmcG2ABopj4TAgDoZgYwU58F+cvN1CdATqEQZVCIMihEGRSiDApRBoUog0KUQSHKoBBlUIgyKEQZFKIMClEGhSiDQpRBIcp4I76iKICq8it1tzv9fbHwz7/bAXU9Jh9863KpY7UChiG+XpdyxGiIujbevCzDl8VizLdYxNctJZc65nO5HBfqWiyHQ5YLd3f/rCpZyDDI3ez5a9+/f/33l0OYjdUK+PZt/LnvgcdH97xd5/7aI30vt68s5WF7tbIf3+3c3kfnrr1cyl2yLO1D3+Fgz//wYExRnOYrCmP2e7nutg0PUisKuX3LpVxOVZ1v42bjfC7uQoDxDbMh5Z/P7fmPc8e5htrY72MiBt3adzi4lfH16+u8DnNH2BziOnRdou/z5PMZ1mzY2lcUQNvKZfz6FXUKnNR9+PAhexUU4kPTjBN8RijEl6bJWjyF+PLxY9biKcSXqvK/leQBhYSQsZdQSAguy99AKCSEosg2uVNIKJmGLQoJpWnGnpIYCpGw3ZbJMJdQiITttnqGYYtCJNbry8eqKvmtFAqRkB5gJX6aSCEufP9++Vji5S+FuGB7NFyWSaVQiAvDYI8LSPicRI7L8kGKb8p4Uy476/Xl9rUt8PlzkieXaYVst0mLU0XXAcvl5eNNI0eeOMAhy5XHR/sbnmi1RSE+/Phx+ViiaxIK8aHrsl+TpBXSdcDbt8Bs9jrd3qYL15kS2xI4wfI3rRDbSqPvgS9fklY3CbZbKWUJvHsXVXxaIVIgXWignCb63t4O369PvIBzSAi2XhIJhYQQEmXvCIWEMAzZpFBIKLZrkggoJJTVKssynkJiyDBsUUgMGVZbFBKD6/cGPaCQWBIPWxQSi+15ewDXJ6Sux10XUgW5DUPSW0LXJWQ+H59q3t+nDXJL2EuuS8j9fZ5yE84j1yOkLLMERwMYLxATSbkeIZG3xUUSXZNcj5DMX9ZE1yW5lXIdQpomfw8Bkgxb/7+QqrLHU6UkwWrLT0hsmEvopzQ0X9uOy1zXyTy2fS5bPUk475Tjsj2Tbee1kO2ZimLcdknKdzgYs92eJinPduu2PZPLbnLP07kd6jx2A5KFlKW8LdNzzm2xtN265z8cjGka/3y+HIXUtdw+Hyll+Tp/0u2ZytKvK5+7+PIZckI23YyhruX2+US3S5HyAv//pD4FEdckcvT7MMQHuPnmP37C1mvg58+4ui9xnHxdPs2+E3XXnfY6j/z8T5/K4JClDApRBoUog0KUQSHKoBBlUIgyKEQZFKIMClEGhSiDQpRBIcqgEGVQiDIoRBkUoowbAN3UJ0H+0M0MUAHYT30mBABwezMDegCfpj4Tgk9PLkYMUBlg4xWlx5QibZ5GKQDAb2OX2qgcxNWbAAAAAElFTkSuQmCC'); }
optin-dsvv-newsletters .newsletter-A4 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAABcSAAAXEgFnn9JSAAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA5LTEzVDE4OjQ1OjQ3KzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wOS0xM1QxODo0NjoxMSswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wOS0xM1QxODo0NjoxMSswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplM2MwN2ExYS1kMDA3LWY3NGMtYmJjMS1kODIxYjE0ZmM4MTciIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZmNkMDFmMi0zYjQ2LTY1NGUtODc4My0zOTI1N2RkMzA3NzIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozOGQ1YWY2Ni02NTIyLTQ0NDYtODk5OC05NGQwYjA4YjNiOWYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4ZDVhZjY2LTY1MjItNDQ0Ni04OTk4LTk0ZDBiMDhiM2I5ZiIgc3RFdnQ6d2hlbj0iMjAxOC0wOS0xM1QxODo0NTo0NyswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplM2MwN2ExYS1kMDA3LWY3NGMtYmJjMS1kODIxYjE0ZmM4MTciIHN0RXZ0OndoZW49IjIwMTgtMDktMTNUMTg6NDY6MTErMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vYA0sAAAddElEQVR4nO2de5QU1b3vP1Xd093T82aaNygigiIqkgvG3ODbmKj3hLiMR4+RGzWJ1+Bdy3USH+HkJOascJKrR2OWnBUT4yOJcA+JOVclQU0wChJBQXmLgLxhmPerp7unu6tq3z+qqqd6T1V19TADZK2z16rVVbt++7d/+/et3++3X1WtCE48CagFzrOOKcAEAQ2Y+VGgQkAYUAWoQMhRtujXPg96XSq/nDwAo5hGBwwBQkAeyAvIAb0CugU0Czgo4GMBHwGdwsHf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'); }
optin-dsvv-newsletters .newsletter-label { flex: 1; text-align: left; padding-left: 15px; }
optin-dsvv-newsletters .newsletter-actions { flex: 1 0 100%; display: flex; flex-flow: row wrap; margin-top: 10px; margin-bottom: -5px; justify-content: space-around; justify-content: space-evenly; }
optin-dsvv-newsletters .newsletter-actions > div { padding: 10px 25px; box-shadow: none; border-width: 1px; }
screen { text-align: center; display: block; }
[component="screen-dsvdj"] { margin: 0 -30px; }

screen-dsvdj { text-align: center; display: block; overflow-x: hidden; }

screen-dsvdj .pane-wrapper { display: flex; flex-flow: row wrap; transition: left 0.2s; position: relative; width: 200%; left: 0; }
screen-dsvdj .pane-wrapper > div { box-sizing: border-box; }

screen-dsvdj .result .entity-share { position: relative; right: auto; bottom: auto; margin-top: 15px; }
screen-dsvdj .result .entity-share > span { display: none; }
screen-dsvdj .result .entity-share ul { border-radius: 0; background: transparent; display: flex; flex-flow: row wrap; justify-content: center; }
screen-dsvdj .result .entity-share ul li { display: inline-block; margin: 0 5px; }
screen-dsvdj .result .entity-share ul li .icon { height: 65px; padding: 15px; background: #F90002; }

@media (min-width: 35em) {
    .screen-dsvdj .components-container { padding: 0; }
    .screen-dsvdj .components-content { max-width: none; width: 100%; }
    .screen-dsvdj footer .footer { margin-top: 0; }
}
[component="screen-dsvv"] { margin: -30px; }

screen-dsvv { text-align: center; display: block; overflow-x: hidden; }

screen-dsvv .pane-wrapper { display: flex; flex-flow: row wrap; transition: left 0.2s; position: relative; width: 200%; left: 0; }
screen-dsvv .pane-wrapper > div { box-sizing: border-box; }
.result .pane-main { flex: 1 0 auto; width: 50%; box-sizing: border-box; }
.result .pane-sub-back { flex: 1 0 auto; width: 5%; background: rgba(0, 0, 0, 0.4); position: relative; cursor: pointer; }
.result .pane-sub-back::before { content: ""; width: 15px; height: 15px; border: solid #fff; border-width: 0 0 5px 5px; transform: translateY(-50%) rotateZ(45deg); position: fixed; top: 50%; left: 3%; cursor: pointer; }
.result .pane-sub-back::after { content: "Mijn resultaat"; display: none; color: white; width: 60px; position: fixed; top: 48%; left: 4%; cursor: pointer;}
.result .pane-sub { flex: 1 0 auto; width: 45%; background: #fff; padding: 30px; position: relative; z-index: 0; }
.result .pane-sub[data-subpane="comparison"] { padding: 60px 15px 30px; }
.result .pane-sub .loader-wrapper { display: none; position: absolute; top: 0; right: 0; left: 0; height: 100%; z-index: 1; }
.result .pane-sub .loader { top: 0; }
.result .pane-sub.loading .loader-wrapper { display: block; }
.result .pane-sub-switch { opacity: 1; transition: opacity 0.2s; position: relative; z-index: 0; }
.result .loading .pane-sub-switch { opacity: 0.5; }
.result.sub-pane-active { left: -100%; }
.result.sub-pane-active .pane-sub-back { display: block; }

.result .icon { display: inline-block; width: 65px; height: 65px; box-sizing: border-box; background: #F90002; border-radius: 50%; padding: 15px; cursor: pointer; }
.result .icon::before { content: ""; display: block; width: 100%; height: 100%; background-image: url(../assets/images/icons.png?v=2.1.1); background-size: cover; }
.result .icon-share::before { background-position: 0 0; }
.result .icon-email::before { background-position: 0 20%; }
.result .icon-messenger::before { background-position: 0 40%; }
.result .icon-whatsapp::before { background-position: 0 60%; }
.result .icon-facebook::before { background-position: 0 80%; }
.result .icon-twitter::before { background-position: 0 100%; }

.result .custom-actions .action { width: 100%; max-width: 255px; min-width: auto; padding: 22.5px; }
.result .custom-actions .action-small { padding: 15px; }

.result .pane-main { background: #fff; padding: 30px; position: relative; z-index: 1; }
.result .pane-main > h2 { margin: 0 0 10px; }
.result .pane-main > p { margin: 10px 0; }
.result .entities-best { position: relative; }
.result .entities-best-image { position: relative; padding: 4px; max-width: 200px; margin: 0 auto; cursor: pointer; }
.result .entities-best-image img { display: block; position: relative; z-index: 1; width: 100%; height: auto; border-radius: 50%; }
.result .entities-best-image [percentage-circle] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.result .percentage-circle { transform: rotateZ(180deg); }
.result .entities-best-image .percentage-circle > path:nth-child(1) { opacity: 0; }

.result .entities-best-title { margin: 10px 0 0; cursor: pointer; }
.result .entities-best-percentage { font-size: 1.45rem; font-weight: 900; }

.result .action-invite { padding: 12px 20px 10px; box-shadow: none; display: inline-block; margin-top: 15px; }

.result .entities-groups { margin: 20px -30px 0; padding: 30px; background: #f7f7f7; }
.result .entities-groups h2 { text-transform: uppercase; margin: 0 0 15px; font-size: 1.375rem; }
.result .entities-groups h2 span { display: inline-block; height: 26px; width: 26px; background: #000; margin-right: 10px; vertical-align: text-top; position: relative; }
.result .entities-groups h2 span::before { content: ""; border-radius: 50%; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f7f7f7; }
.result .entity-group + .entity-group { margin-top: 50px; }
.result .entity-group h3 { color: #F90002; font-size: 1.125rem; margin: 0 0 5px; text-align: left; padding-left: 66px; }
.result .entity-group ul { margin: 0; padding: 0; list-style: none; }
.result .entity-group ul li { display: flex; flex-flow: row wrap; cursor: pointer; }
.result .entity-group ul li + li { margin-top: 10px; }
.result .entity-group ul li img { display: inline-block; width: 56px; height: 56px; border-radius: 50%; margin-right: 10px; }
.result .entity-group ul li .entity-object-info { padding: 12px 15px; text-align: left; flex: 1; display: flex; flex-flow: row wrap; font-weight: 300; background: #fff; border-radius: 3px; justify-content: space-between; align-content: space-between; }
.result .entity-group ul li .entity-object-title { margin-bottom: 5px; margin-right: 10px; }
.result .entity-group ul li .entity-object-score { margin-left: auto; margin-bottom: 5px; }
.result .entity-group ul li .entity-object-score-bar,
.result .entity-group ul li .entity-object-score-bar > div { border-radius: 7px;}
.result .entity-group ul li .entity-object-score-bar { height: 6px; flex: 1 0 100%; background: rgba(0, 0, 0, 0.1); }
.result .entity-group ul li .entity-object-score-bar > div { width: 0; height: 100%; background: #000; transition: width 1s; transition-timing-function: ease; transition-delay: 1s; }

.result .entity-share { position: absolute; right: -15px; bottom: 90px; z-index: 4; transition: 0.25s; }
.result.share-active .entity-share { bottom: 0; }
.result.share-active .entity-share-icon { border-top-left-radius: 0; border-top-right-radius: 0; }
.result .entity-share ul { display: none; margin: 0; padding: 10px 0 0; list-style: none; background: #F90002; border-top-left-radius: 33px; border-top-right-radius: 33px; }
.result.share-active .entity-share ul { display: block; }
.result .entity-share ul li {  }
.result .entity-share ul li .icon { background-color: transparent; height: 45px; padding: 5px 15px; }
.result .entity-share-shadow { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); display: none; z-index: 3; }
.result.share-active .entity-share-shadow { display: block; }

.result .invite-block { background: #F90002; margin: 0 -30px; padding: 30px; color: #fff; }
.result .invite-block h2 { margin-top: 0; }
.result .invite-block p { font-weight: 300; }
.result .invite-block .action { background-color: #000; color: #fff; }
.result .invite-block .entity-group { color: #000; margin-bottom: 25px; }
.result .invite-block .entity-group [percentage-circle] { display: inline-block; width: 56px; height: 56px; border-radius: 50%; margin-right: 10px; }
.result .invite-block .entity-group .percentage-circle > path:nth-child(1),
.result .invite-block .entity-group .percentage-circle > path:nth-child(2) { stroke: #FFFFFF; stroke-width: 10; }

.result .notice { font-style: italic; font-weight: 300; font-size: 0.75rem; }

.result .info-block { max-width: 600px; margin: 0 auto; }
.result .info-links { display: flex; flex-flow: row wrap; justify-content: center; }
.result .info-links > a { display: inline-block; flex: 0 0 48%; max-width: 100px; }
.result .info-links > a + a { margin-left: 4%; }
.result .info-links > a img { display: block; width: 100%; height: auto; }

.result .identification { }
.result .identification h2 { margin-top: 0; }
.result .identification ul { margin: 0; padding: 0; list-style: none; text-align: left; }
.result .identification ul li {  }
.result .identification ul li + li { margin-top: 15px; }
.result .identification ul li .checkbox { margin-top: 25px; }
.result .identification .action { }

.result .invitation > h2 { margin-top: 0; }
.result .invite-actions {  }
.result .invite-actions h3 { font-weight: 300; font-size: 1rem; margin: 10px 0; }
.result .invite-actions h3 span { display: block; font-size: 1.375rem; font-weight: bold; color: #F90002; }
.result .invite-buttons ul { margin: 20px 0; padding: 0; list-style: none; text-align: center; }
.result .invite-buttons ul li { display: inline-block; margin: 0 3px; }
.result .invite-copy { margin-top: 10px; }
.result .invite-copy > span { color: #0D7DFF; display: block; font-weight: 300; word-break: break-all; }
.result .invite-copy-button { background-color: #000; color: #fff; margin: 15px 0; position: relative; }
.result .invite-copy-success { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); padding: 10px 15px; border-radius: 6px; background: #F90002; font-size: 1rem; text-transform: none; }
.result .invite-copy-success::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-top: 10px solid #F90002; border-left: 10px solid transparent; border-right: 10px solid transparent; }

.result .comparison { position: relative; }

.result .comparison-others { position: absolute; z-index: 99; right: -15px; top: -60px; padding: 15px; }
.result .comparison-others h3 { cursor: pointer; text-align: right; }
.result .comparison-others h3::before { content: ""; display: inline-block; width: 10px; height: 10px; border: solid #000; border-width: 0 2px 2px 0; transform: translateY(-2px) rotateZ(45deg); transition: 0.5s; margin-right: 10px; }
.result .comparison-others h3 span { text-decoration: underline; }
.result .comparison-others-list { display: none; }
.result .comparison-others-list ul { list-style: none; padding: 0; margin: 15px 0 0; }
.result .comparison-others-list ul li { padding: 10px; cursor: pointer; background: transparent; transition: 0.5s; text-align: left; }
.result .comparison-others-list ul li + li { border-top: 1px solid rgba(0,0,0,0.1); }
.result .comparison-others-list ul li:hover { background-color: #F90002; color: #fff; }
.result .comparison-others.show-others { padding: 15px 15px 10px; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.result .comparison-others.show-others h3::before { transform: translateY(4px) rotateZ(225deg); }
.result .comparison-others.show-others .comparison-others-list { display: block; }

.result .comparison h3 { font-weight: 300; font-size: 1rem; margin: 0; }
.result .comparison h2 { margin-top: 0; }
.result .comparison-answers ul { margin: 0; padding: 0; list-style: none; }
.result .comparison-answers ul li { background: #fff; padding: 20px; text-align: left; }
.result .comparison-answers ul li + li { margin-top: 25px; }
.result .comparison-answers ul li > h4 { font-size: 1rem; font-weight: 300; margin: 0 0 5px; }
.result .comparison-answers ul li > p { font-size: 1.125rem; font-weight: bold; margin: 0; }
.result .comparison-slider { height: 6px; display: block; border-radius: 7px; margin: 40px 0 15px; position: relative; background: #F90002; }
.result .comparison-slider .comparison-slider-middle { background: #F90002; border-radius: 7px; width: auto; left: 16px; right: 16px; text-align: center; }
.result .comparison-slider .comparison-slider-middle::before { content: ""; position: absolute; left: 50%; top: -2px; transform: translateX(-50%); display: inline-block; width: 10px; height: 10px; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojZjkwMDAyO30uYntmaWxsOiNmOTAwMDI7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4=); }
.result .comparison-slider .comparison-slider-point,
.result .comparison-slider .comparison-slider-entity { position: absolute; width: 32px; height: 32px; margin-left: -16px; top: -13px; border-radius: 50%; }
.result .comparison-slider .comparison-slider-point { background-color: #F90002; user-select: none; outline: none; }
.result .comparison-slider .comparison-slider-you,
.result .comparison-slider .comparison-slider-you::before { position: absolute; left: 50%; transform: translateX(-50%); }
.result .comparison-slider .comparison-slider-you { bottom: 125%; background: #F90002; border-radius: 6px; padding: 4px 13px 2px; font-size: 0.75rem; font-weight: 500; color: #fff; }
.result .comparison-slider .comparison-slider-you::before { content: ""; top: 100%; border-top: 7px solid #F90002; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.result .comparison-slider .comparison-slider-entity img { border-radius: 50%; display: block; width: 100%; height: auto; }
.result .comparison-dilemmas { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.result .comparison-dilemmas > div { flex: 1 0 48%; font-size: 0.875rem; font-weight: 600; }
.result .comparison-dilemmas .comparison-dilemma-left { margin-right: 2%; text-align: left; }
.result .comparison-dilemmas .comparison-dilemma-right { margin-left: 2%; text-align: right; }

.result .comparison-invitation {  }
.result .comparison-invitation h2 { margin-top: 0; }
.result .comparison-invitation .comparison-invitation-circles { position: relative; }
.result .comparison-invitation .comparison-object-match { width: 60%; max-width: 200px; position: relative; z-index: 1; }
.result .comparison-invitation .comparison-object-match-score { position: relative; z-index: 1; width: 100%; height: auto; border-radius: 50%; background-color: #fff; }
.result .comparison-invitation .comparison-object-match-score::after { content: ""; padding-top: 100%; display: block; }
.result .comparison-invitation .comparison-object-match-score span { position: absolute; font-size: 2.5rem; font-weight: 600; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.result .comparison-invitation .comparison-object-match [percentage-circle] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.result .comparison-invitation .entities-best-image { width: 45%; max-width: 150px; position: absolute; top: 10%; right: 0; z-index: 0; }
.result .comparison-invitation .comparison-invitation-entities-best { text-align: right; }
.result .comparison-invitation .comparison-invitation-entities-best > div { display: inline-block; width: 45%; text-align: center; }
.result .comparison-invitation .comparison-invitation-entities-best h3 { font-size: 1.375rem; margin-top: 0; }
.result .comparison-invitation .custom-actions { margin-top: 50px; }

@media (min-width: 25em) {

}

@media (min-width: 35em) {
    .screen-dsvv .components-container { padding: 0; }
    .screen-dsvv .components-content { max-width: none; width: 100%; }
    .screen-dsvv footer .footer { margin-top: 0; }

    .result .pane-main { padding-top: 60px; }
    .result .pane-sub,
    .result .pane-sub[data-subpane="comparison"] { padding: 60px 30px; }
    .result .pane-sub-back::before { left: 4%; }

    /*.result .sub-pane-active .pane-sub-back { }
    .result .sub-pane-active .pane-sub-back::before,
    .result .sub-pane-active .pane-sub-back::after { content: ""; display: block; position: fixed; top: 50%; left: 35px; cursor: pointer; }
    .result .sub-pane-active .pane-sub-back::before { width: 55px; height: 55px; transform: translate(-50%, -50%); box-sizing: border-box; background: #fff; border: 2px solid #000; border-radius: 50%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
    .result .sub-pane-active .pane-sub-back::after { width: 13px; height: 13px; border: solid #000; border-width: 0 5px 5px 0; transform: translate(-35%, -50%) rotateZ(135deg); }*/

    .result .entities-best { max-width: 500px; margin: 0 auto; }
    .result .entities-best-image { max-width: 250px; margin: 20px auto; }
    .result .entities-best-percentage { font-size: 2rem; margin-top: 10px; }

    .result.share-active .entity-share { bottom: 90px; }

    .result .entities-groups { margin: 25px 0 0; padding: 30px 0 55px; background: transparent; }
    .result .entities-groups h2 { margin-bottom: 30px; }
    .result .entity-group { max-width: 400px; margin: 0 auto; }

    .result .info-block h2 { margin: 0.83em 0; }
    .result .info-links { max-width: 500px; margin: 0 auto; }

    .result .notice { margin-top: 50px; }

    .result .identification,
    .result .invitation,
    .result .comparison,
    .result .comparison-invitation { max-width: 600px; margin: 0 auto; }

    .result .comparison h2 { font-size: 1.75rem; margin-bottom: 50px; }
    .result .comparison-others { padding: 20px; right: -20px; }
    .result .comparison-others.show-others { padding: 20px 20px 10px; }
    .result .comparison-answers ul li { padding: 40px; text-align: center; }
    .result .comparison-answers ul li + li { margin-top: 50px; }
    .result .comparison-answers ul li > h4 { font-size: 1rem; font-weight: 600; }
    .result .comparison-answers ul li > p { font-size: 1.375rem; }
    .result .comparison-slider { margin: 50px 0 25px; }
    .result .comparison-dilemmas > div { font-size: 1rem; }


    .result .comparison-invitation .comparison-invitation-circles,
    .result .comparison-invitation .comparison-invitation-entities-best { max-width: 340px; margin: 0 auto; }
}

@media (min-width: 45em) {
    .result .pane-sub-back::before { left: 4%; }

    .result .pane-sub { flex: 1 0 auto; width: 40%; margin-right: 5%; }

    .result .entities-groups { display: flex; flex-flow: row wrap; justify-content: center; margin-top: 30px; }
    .result .entities-groups h2 { flex: 1 0 100%; }
    .result .entity-group { flex: 1 0 48%; max-width: 315px; margin: 0; }
    .result .entity-group:nth-of-type(2n+2) { margin: 50px 0 0 4%; }
    .result .entity-group:nth-of-type(-n+2) { margin-top: 0; }

    .invite-block .entity-group { flex-basis: 100%; max-width: none; }
    .invite-block .entity-group ul { display: flex; flex-flow: row wrap; justify-content: center; }
    .invite-block .entity-group ul li { flex: 1 0 48%; max-width: 315px; }
    .invite-block .entity-group ul li:nth-child(2) { margin-top: 0; }
    .invite-block .entity-group ul li:nth-child(2n+0) { margin-left: 4%; }
}

@media (min-width: 50em) {
    /*.result .sub-pane-active .pane-sub-back::before,
    .result .sub-pane-active .pane-sub-back::after { left: 50px; }*/
    .result .pane-sub-back::after { display: block;top: 53%; left: 1.5%; text-align: center;}
}

@media (min-width: 65em) {
    .result .entities-groups,
    .invite-block .entity-group { max-width: 1040px; margin-left: auto; margin-right: auto; }

    .result .entity-group { flex: 1 0 30%; }
    .result .entity-group + .entity-group,
    .result .entity-group:nth-child(2n+1) { margin: 0 0 0 49px; }

    .invite-block .entity-group { flex-basis: 100%; }
    .invite-block .entity-group ul li { flex: 1 0 30%; margin: 10px 0 0 49px; }
    .invite-block .entity-group ul li:nth-child(-n+3) { margin-top: 0; }
    .invite-block .entity-group ul li:nth-child(2n+0) { margin-left: 49px; }
    .invite-block .entity-group ul li:nth-child(3n+1) { margin-left: 0; }

    .result .pane-sub-back::after { left: 3.5%;top: 48%; text-align: left;}
    .result .pane-sub-back::before { left: 1.5%; }
}

@media (min-width: 70em) {
    /*.result .sub-pane-active .pane-sub-back::before,
    .result .sub-pane-active .pane-sub-back::after { left: 100px; }*/
}

@media (min-width: 90em) {
    .result .pane-sub-back::before {left: 2.5%;}
    .result .pane-sub-back::after { left: 4%;}
}

page-dsvv-unsubscribed { text-align: center; display: block; overflow-x: hidden; }
page-dsvv-unsubscribed .custom-actions { margin-top: 50px; }
page-dsvv-unsubscribed .custom-actions .action { width: 100%; max-width: 255px; min-width: auto; padding: 22.5px; }
page-dsvv-unsubscribed .custom-actions .action-small { padding: 15px; }

page-dsvv-unsubscribed h2 { margin: 0; }
page-dsvv-unsubscribed p { margin: 25px 0; }

[component="page-shared"] { margin: -30px; }

page-shared { text-align: center; display: block; overflow-x: hidden; }

page-shared .result .pane-main { width: 100%; }

page-shared .action-to-app { padding: 12px 20px 10px; box-shadow: none; display: inline-block; margin: 30px 0 20px; }

page-shared .app-block { background: #F90002; margin: 0 -30px; padding: 30px; color: #fff; }
page-shared .app-block h2 { margin-top: 0; }
page-shared .app-block .action { background-color: #000; color: #fff; }

@media (min-width: 35em) {
    .page-shared .components-container { padding: 0; }
    .page-shared .components-content { max-width: none; width: 100%; }
    .page-shared footer .footer { margin-top: 0; }
}