@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraBold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Bold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Black.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Black.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Medium.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Italic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Italic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Italic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Light.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Light.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Light.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraLight.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Regular.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-SemiBold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Thin.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Thin.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Bold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Light.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Light.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Light.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-SemiBold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-SemiBold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Italic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Regular.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-ExtraBold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-ExtraBold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flama Semicondensed';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Bold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Bold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Bold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flama Basic';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/Flama-Basic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/Flama-Basic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/Flama-Basic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/Flama-Basic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/Flama-Basic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flama Semicondensed';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Black.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Black.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Black.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Black.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Flama/FlamaSemicondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablack.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablack.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablack.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablack.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablackitalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablackitalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablackitalic.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablackitalic.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditablackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabold.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabold.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabold.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabolditalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabolditalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabolditalic.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabolditalic.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditabolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalight.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalight.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalight.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalight.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalightitalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalightitalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalightitalic.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalightitalic.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditalightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamedium.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamedium.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamedium.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamedium.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamediumitalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamediumitalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamediumitalic.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamediumitalic.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditamediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregular.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregular.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregular.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregular.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'gordita';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregularitalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregularitalic.eot?#iefix') format('embedded-opentype'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregularitalic.woff2') format('woff2'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregularitalic.woff') format('woff'),
         url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Gordita/gorditaregularitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Noto Sans';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Noto/NotoSans.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Noto/NotoSans.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Noto/NotoSans.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Noto/NotoSans.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Noto/NotoSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BoldItalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BoldItalic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BoldItalic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Bold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Bold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Bold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Black.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Black.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Black.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Black.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BlackItalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BlackItalic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BlackItalic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Semibold.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Semibold.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Semibold.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Semibold.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Medium.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Medium.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Medium.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Light.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Light.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Light.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Light.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-LightItalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-LightItalic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-LightItalic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-MediumItalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-MediumItalic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-MediumItalic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Quarto';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-SemiboldItalic.eot');
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-SemiboldItalic.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-SemiboldItalic.woff') format('woff'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Quarto/Quarto-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Nexa/Nexa-Regular.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Nexa/Nexa-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Light';
    src: url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Nexa/Nexa-Light.woff2') format('woff2'),
        url('https://assets.dpg.bevox.be/template/StemtestNL20406/assets/fonts/Nexa/Nexa-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/** Animations **/

@keyframes customFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

@keyframes customFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }

/** General **/

* { color-scheme: light only !important; }

body .app-init-logo img { max-width: 300px; max-height: 300px; }

#app { height: auto; padding-bottom: 0; position: relative; min-height: 100%; }

body#top #header-components { display: none; }
body#top #progress-container { margin-top: 40px; }
body#top #components-container { box-shadow: none; flex-wrap: nowrap; }

.header-logo h1 { display: none; }

body#top #progress-container { position: relative; height: 6px; border-radius: 7px; margin-bottom: 25px; }
body#top .flow-progress-bar [role="status"] { height: 6px; border-radius: 7px; padding: 0; }
body#top .flow-progress-bar [role="status"] span { position: absolute; width: 50px; color: black; bottom: -25px; left: 0; right: 0; margin: 0 auto; text-align: center; }
body#top .flow-progress-bar [role="status"] span#status-percentage { display: block; }
body#top .flow-progress-bar [role="status"] span#status-percentage + span { display: none; }

#custom-status { margin: 20px 0 20px; font-weight: 600; }
[page="result"] #custom-status { display: none; }

body#top .actions { justify-content: space-between; margin: 0 0 25px 0; }
body#top .actions .action { background: white; border: solid 2px black; color: black; text-transform: uppercase; }
body#top .actions .action.next::after,
body#top .actions .action.prev::before { border-color: black; border-width: 0 5px 5px 0; }
body#top .actions .action.prev::before { transform: rotate(135deg); }

body#top .actions .action.active { background: #0486be; border-color: #0486be; color: white;  }
body#top .actions .action.active.next::after,
body#top .actions .action.active.prev::before { border-color: white; }

.errors .error,
.errors-question .error { background: #d10a10; }
.errors-question[top] .error::before,
.errors[top] .error::before { border-top-color: #d10a10; }
.errors-question[bottom] .error::before,
.errors[bottom] .error::before { border-bottom-color: #d10a10; }

/** Background **/



/** Components **/

[open-slider-dilemma] h2 { font-weight: 700; font-size: 1.5rem; min-height: 60px; }

[open-slider-dilemma] .slider { margin-top: 50px; }

.result-matching-compare-slider .vue-slider .vue-slider-rail,
[open-slider-dilemma] .vue-slider .vue-slider-rail { background: #d10a10; height: 6px; }
.result-matching-compare-slider .vue-slider .vue-slider-dot,
[open-slider-dilemma] .vue-slider .vue-slider-dot { background: #d10a10; width: 32px; height: 32px; top: -13px; margin-left: -16px; border-radius: 50%; }
.result-matching-compare-slider .vue-slider .vue-slider-dot:before,
.result-matching-compare-slider .vue-slider .vue-slider-dot:after,
.result-matching-compare-slider .vue-slider .vue-slider-dot .vue-slider-dot-handle,
[open-slider-dilemma] .vue-slider .vue-slider-dot:before,
[open-slider-dilemma] .vue-slider .vue-slider-dot:after,
[open-slider-dilemma] .vue-slider .vue-slider-dot .vue-slider-dot-handle { display: none; }

.result-matching-compare-slider .vue-slider .vue-slider-rail:before,
[open-slider-dilemma] .vue-slider .vue-slider-rail:before { content: ""; position: absolute; display: block; left: 0; right: 0; top: -2px; margin: 0 auto; z-index: 5; width: 10px; height: 10px; background: url(https://assets.dpg.bevox.be/template/StemtestNL20406/assets/slider-center.svg?v=0.0.1); background-size: cover; background-repeat: no-repeat; }

.result-matching-compare-slider .dilemmas,
[open-slider-dilemma] .dilemmas { margin-top: 5px; }

.matching-compare-open-slider-dilemma .averages,
[open-slider-dilemma] .averages { display: block; position: absolute; bottom: 100%; left: 0; right: 0; margin-bottom: 0; }
.matching-compare-open-slider-dilemma .averages .average-bar,
[open-slider-dilemma] .averages .average-bar { display: inline-block; opacity: 0; box-sizing: border-box; padding: 0 1px; vertical-align: bottom; }
.matching-compare-open-slider-dilemma .averages.active .average-bar,
[open-slider-dilemma] .averages.active .average-bar { opacity: 1; }
.matching-compare-open-slider-dilemma .averages .average-bar > span,
[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; }
.matching-compare-open-slider-dilemma .averages .average-bar > span::after,
[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; }
.matching-compare-open-slider-dilemma .averages .average-bar.middle > span,
[open-slider-dilemma] .averages .average-bar.middle > span { display: none; }
.matching-compare-open-slider-dilemma .averages .average-bar.matched > span,
[open-slider-dilemma] .averages .average-bar.matched > span { background-color: #D10A10; color: #fff; }
.matching-compare-open-slider-dilemma .averages .average-bar.matched > span::after,
[open-slider-dilemma] .averages .average-bar.matched > span::after { border-top-color: #D10A10; }
.matching-compare-open-slider-dilemma .averages .average-box,
[open-slider-dilemma] .averages .average-box { display: flex; width: 100%; flex-flow: row wrap-reverse; justify-content: center; }
.matching-compare-open-slider-dilemma .averages .average-box span,
[open-slider-dilemma] .averages .average-box span { display: inline-block; width: 5px; height: 5px; background: #ddd; border-radius: 50%; margin: 1px; }

[open-slider-dilemma] .moved .slide-hint { opacity: 0; transition: opacity 0.1s; }
[open-slider-dilemma] .slide-hints {position: absolute; display: block; top: 13px; left: 0; right: 0; width: 100%; height: 6px; pointer-events: none;}
[open-slider-dilemma] .slide-hint { position: absolute; width: 28px; left: 41%; display: flex; top: -4px; z-index: 9; pointer-events: none;}
[open-slider-dilemma] .slide-hints .slide-hint:last-child {left: 54%; flex-direction: row-reverse;}

[open-slider-dilemma] .slide-hint span {display: block; background: transparent; border: solid #000000; border-width: 0 0 5px 5px; transform: rotateZ(45deg); height: 9px; width: 9px; animation: 3s linear 0.8s infinite slideHint; pointer-events: none;}
[open-slider-dilemma] .slide-hints .slide-hint span:nth-child(1) { transform: rotateZ(45deg) scale(0.6); margin-bottom: -4px; animation-delay: 1s; }
[open-slider-dilemma] .slide-hints .slide-hint span:nth-child(2) { transform: rotateZ(45deg) scale(0.8); margin-bottom: -2px; animation-delay: 0.9s; }

[open-slider-dilemma] .slide-hint:last-child span {display: block; background: transparent; border: solid #000000; border-width: 0 0 5px 5px; transform: rotateZ(-135deg); height: 9px; width: 9px; animation: 3s linear 0.8s infinite slideHint;}
[open-slider-dilemma] .slide-hints .slide-hint:last-child span:nth-child(1) { transform: rotateZ(-135deg) scale(0.6); margin-bottom: -4px; animation-delay: 1s; }
[open-slider-dilemma] .slide-hints .slide-hint:last-child span:nth-child(2) { transform: rotateZ(-135deg) scale(0.8); margin-bottom: -2px; animation-delay: 0.9s; }

@keyframes slideHint {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}

.data-collection [open-slider-dilemma] .slide-hints,
.data-collection [open-slider-dilemma] .averages { display: none !important; }

.moqc-container { display: none !important; }

.component.mobile [open-slider-dilemma] .vue-slider { width: calc(100% - 82px) !important; left: 57px; }
.component.mobile [open-slider-dilemma] .vue-slider-dot { }
.component.mobile [open-slider-dilemma] .mobile-slider-button { display: flex; position: absolute; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; background: white; border: solid 2px #d10a10; border-radius: 50%; box-sizing: border-box; cursor: pointer; }
.component.mobile [open-slider-dilemma] .mobile-slider-button.min { left: 0; top: -5px; }
.component.mobile [open-slider-dilemma] .mobile-slider-button.plus { right: 0; top: -5px; }

.component.mobile [open-slider-dilemma] .mobile-slider-button.min:before { content: '-'; display: block; margin-top: -5px; color: black; font-size: 2rem; }
.component.mobile [open-slider-dilemma] .mobile-slider-button.plus:before { content: '+'; display: block; margin-top: -5px; color: black; font-size: 2rem; }

/** ZIPCODE **/

/** Pages **/

[page="optin"] #custom-status,
[page="optin"] #progress-container,
[page-id="FAQ"] #custom-status,
[page-id="FAQ"] #progress-container { display: none !important; }

body#top[page="optin"] [component-code="Q31"] { margin-top: 10px; }
body#top[page="optin"] [component-code="Q31"] .shared-closed-multiple>ul { margin-top: 0; }
body#top[page="optin"] .actions { margin-top: 50px; display: flex; justify-content: center; }
body#top[page="optin"] .actions .prev { display: none; }
body#top[page="optin"] .action-skip { margin-top: 0; cursor: pointer; }
body#top[page="optin"] [open-text-email] label { text-align: left; }

body#top[page="optin"] [component-code="Q32"] { display: none !important; }

/** Result **/


body[page="result"]#top #content {  }
body[page="result"]#top .theme-layout-content-pageWidth #content { max-width: 100%; }
body[page="result"]#top .theme-layout-components-padding { padding: 0; }

body[page="result"]#top .matching-group { background: #f7f7f7; padding: 30px 15px 20px; margin-bottom: 20px; }
body[page="result"]#top div[outcome-id],
body[page="result"]#top .matching-group-outcomes { max-width: 500px; margin: 0 auto; }

[page="result"] #progress-container { display: none !important; }

.shared-result-matching .outcome-label { margin-bottom: 0; cursor: pointer; }

.shared-result-matching .matching-group h3,
.shared-result-matching .outcome-label h4 { display: none; }

.shared-result-matching .outcome-score,
.shared-result-matching .outcome-label h2 { text-align: center; max-width: 100%; width: 100%; border: none; }

.shared-result-matching .outcome-image { position: relative; background: transparent; max-width: 200px; margin: 0 auto; cursor: pointer; }
.shared-result-matching .outcome-image img { border-radius: 50%; box-shadow: 0 10px 10px rgba(0,0,0,.1); }

.shared-result-matching .custom-result-title { font-size: 1.25rem; margin: 60px auto 25px; font-weight: normal; }
.shared-result-matching .outcome-comparison-btn { display: none; }

.shared-result-matching .outcome-content { padding-top: 25px; padding-bottom: 25px; }

.custom-compare-header h2 { text-transform: uppercase; }
.custom-compare-header h2 span { display: inline-block; width: 26px; height: 26px; background: #000; margin-right: 10px; vertical-align: text-top; position: relative; }
.custom-compare-header h2 span:before { content: ""; border-radius: 50%; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #f7f7f7; }

.shared-result-matching .other-outcome .other-outcome-image img { border-radius: 50%; box-shadow: 0 10px 10px rgba(0,0,0,.1); }
.shared-result-matching .other-outcome .other-outcome-info { background: #fff; border-radius: 3px; box-shadow: 0 10px 10px rgba(0,0,0,.1); }
.shared-result-matching .matching-group-outcomes li+li { border-top: none; }
.shared-result-matching .other-outcome .other-outcome-score-bar { border-radius: 7px; }

.result-matching-compare-slider { position: relative; margin-top: 100px; }
.result-matching-compare-slider-outcome { }
.result-matching-compare-slider-outcome::after { margin-top: -1px; }
.result-matching-compare-slider-outcome,
.result-matching-compare-slider-outcome img { border-radius: 50%; }

.percentage-circle { position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; z-index: 1; }
.percentage-circle svg > path:nth-child(1) { opacity: 0; }
.percentage-circle svg { max-width: 100%; max-height: 100%; transform: rotateZ(180deg); }
.percentage-circle svg > path:nth-child(1) { fill: none; stroke-width: 4; stroke: #D10A10; opacity: 0; }
.percentage-circle svg > path:nth-child(2) { fill: none; stroke-width: 4; stroke: #D10A10; animation: percentage-circle-fill 2s ease-out forwards; }
@keyframes percentage-circle-fill { 0% { stroke-dasharray: 0 300; } 10% { stroke-dasharray: 0 300; } }

[page="result"] .component:nth-child(2),
[page="result"] .component:nth-child(3) { margin-top: 10px; }

[page="result"] .component:nth-child(2) a { font-size: 1.1rem; color: #292929; text-decoration: none; }
[page="result"] .component:nth-child(3) p { font-size: 0.6rem; }

[page="result"] .matching-outcome-comparison-popup .shared-result-matching .other-outcome { flex-flow: column; }
[page="result"] .matching-outcome-comparison-popup .custom-compare-title { margin: 0; }
[page="result"] .matching-outcome-comparison-popup .shared-result-matching .other-outcome-image { display: none; }
[page="result"] .matching-outcome-comparison-popup .shared-result-matching .other-outcome-info { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: none; }
[page="result"] .matching-outcome-comparison-popup .shared-result-matching .other-outcome-info > div { width: 100%; text-align: center; margin: 0 auto; }
[page="result"] .matching-outcome-comparison-popup .shared-result-matching .other-outcome-score-bar { display: none; }

.result-matching-compare-comment p { text-align: left; font-style: italic; margin-top: 15px; }
.custom-compare-comment-btn { padding: 5px; border: 2px solid #000; border-radius: 100px; color: #000; text-transform: uppercase; text-align: center; cursor: pointer; }
.custom-compare-question-index { display: block; text-align: center; margin-bottom: 10px; }

.matching-outcome-comparison-questions { margin-top: 10px; }
.matching-outcome-comparison-questions > ul > li { margin-bottom: 25px; border-bottom: none; box-shadow: 0 10px 10px rgba(0,0,0,.1); padding: 35px; }
.matching-outcome-comparison-questions > ul > li+li { border-top: none; }

/** Animations **/

.custom-fade-in { animation: customFadeIn 500ms; }
.custom-fade-out { animation: customFadeOut 500ms; }

.component { animation: customFadeIn 1000ms; }

/** Messages **/

.messages-inline { display: block; }
.messages-inline .message-inline { position: relative; margin: 20px auto; animation: 1s fade-in-message; }
.messages-inline .message-inline::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 #D10A10; }
.messages-inline .message-title { color: #fff; font-weight: bold; border-radius: 10px; background: #D10A10; padding: 15px; }
.messages-inline .message-close { padding: 5px; color: #fff; position: absolute; top: 0; right: 0; height: 15px; width: 15px; line-height: 15px;cursor: pointer; }

/** Mobile **/

@media (max-width: 60em) {
}

@media (max-width: 40em) {

    body#top .theme-layout-components-padding { padding: 25px; }

    body[page="result"]#top .matching-group { padding: 30px 30px 20px; }
}

@media (max-width: 35em) {
    [open-slider-dilemma] .slide-hint {left: 39%;}
    [open-slider-dilemma] .slide-hints .slide-hint:last-child {left: 55%;}
}

@media (max-width: 30em) {
    body#top .theme-layout-components-padding { padding: 10px; }

    body#top .actions .action.next::after,
    body#top .actions .action.prev::before { margin-bottom: 2px; }

    [open-slider-dilemma] .slider { margin-top: 75px; }
    [open-slider-dilemma] .slide-hint {left: 37%;}
    [open-slider-dilemma] .slide-hints .slide-hint:last-child {left: 56%;}

    body#top .actions .action.next::after,
    body#top .actions .action.prev::before { margin-bottom: 0 !important; }

    .actions .action.prev::before { margin-right: -2px; }

    [page="optin"] .actions .action { padding: 12.5px 25px; height: auto; width: auto; text-align: center; line-height: 1; border-radius: 10px; }
    [page="optin"] .actions .action>span { display: inline-block !important; }
    [page="optin"] .actions .action.next::after { margin-left: 15px; }
}

@media (max-width: 25em) {
    [open-slider-dilemma] .slide-hint {left: 34%;}
    [open-slider-dilemma] .slide-hints .slide-hint:last-child {left: 58%;}
}

@media (max-width: 20em) {
    [open-slider-dilemma] .slide-hint {left: 32%;}
    [open-slider-dilemma] .slide-hints .slide-hint:last-child {left: 58%;}
}
body.style-ad#top html,
body.style-ad#top input,
body.style-ad#top textarea,
body.style-ad#top select,
body.style-ad#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-ad#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-ad#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-ad#top .theme-design-primary-textColor { color: #000000; }

body.style-ad#top .loader::before,
body.style-ad#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-ad#top .theme-design-progressPrimary-backgroundColor,
body.style-ad#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-ad#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-ad#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-ad#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-ad#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #D10A10; }

body.style-ad#top .shared-result-matching .matching-group h3,
body.style-ad#top .shared-result-matching .outcome-label h2 { border-color: #D10A10; }

body.style-ad#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-ad#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #D10A10; }
@media (hover: hover)
{  body.style-ad#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #d10a10; }
}
body.style-bd#top html,
body.style-bd#top input,
body.style-bd#top textarea,
body.style-bd#top select,
body.style-bd#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-bd#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-bd#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-bd#top .theme-design-primary-textColor { color: #000000; }

body.style-bd#top .loader::before,
body.style-bd#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-bd#top .theme-design-progressPrimary-backgroundColor,
body.style-bd#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-bd#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-bd#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-bd#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-bd#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #D10A10; }

body.style-bd#top .shared-result-matching .matching-group h3,
body.style-bd#top .shared-result-matching .outcome-label h2 { border-color: #D10A10; }

body.style-bd#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-bd#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #D10A10; }
@media (hover: hover)
{  body.style-bd#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #d10a10; }
}
body.style-bn#top html,
body.style-bn#top input,
body.style-bn#top textarea,
body.style-bn#top select,
body.style-bn#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-bn#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-bn#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-bn#top .theme-design-primary-textColor { color: #000000; }

body.style-bn#top .loader::before,
body.style-bn#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-bn#top .theme-design-progressPrimary-backgroundColor,
body.style-bn#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-bn#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-bn#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-bn#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-bn#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #D10A10; }

body.style-bn#top .shared-result-matching .matching-group h3,
body.style-bn#top .shared-result-matching .outcome-label h2 { border-color: #D10A10; }

body.style-bn#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-bn#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #D10A10; }
@media (hover: hover)
{  body.style-bn#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #d10a10; }
}
body.style-dg#top html,
body.style-dg#top input,
body.style-dg#top textarea,
body.style-dg#top select,
body.style-dg#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-dg#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-dg#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-dg#top .theme-design-primary-textColor { color: #000000; }

body.style-dg#top .loader::before,
body.style-dg#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-dg#top .theme-design-progressPrimary-backgroundColor,
body.style-dg#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-dg#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-dg#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-dg#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-dg#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #D10A10; }

body.style-dg#top .shared-result-matching .matching-group h3,
body.style-dg#top .shared-result-matching .outcome-label h2 { border-color: #D10A10; }

body.style-dg#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-dg#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #D10A10; }
@media (hover: hover)
{  body.style-dg#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #d10a10; }
}
body.style-ed#top html,
body.style-ed#top input,
body.style-ed#top textarea,
body.style-ed#top select,
body.style-ed#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-ed#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-ed#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-ed#top .theme-design-primary-textColor { color: #000000; }

body.style-ed#top .loader::before,
body.style-ed#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-ed#top .theme-design-progressPrimary-backgroundColor,
body.style-ed#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-ed#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-ed#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-ed#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-ed#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #0052A3; }

body.style-ed#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-ed#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojMDA1MkEzO30uYntmaWxsOiMwMDUyQTM7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4="); }

body.style-ed#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-ed#top .shared-result-matching .matching-group h3,
body.style-ed#top .shared-result-matching .outcome-label h2 { border-color: #0052A3; }

body.style-ed#top .percentage-circle svg > path:nth-child(1),
body.style-ed#top .percentage-circle svg > path:nth-child(2) { stroke: #0052A3; }

body.style-ed#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-ed#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #0052A3; }
@media (hover: hover)
{  body.style-ed#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #0052A3; }
}
body.style-fl#top html,
body.style-fl#top input,
body.style-fl#top textarea,
body.style-fl#top select,
body.style-fl#top button { font-family: "Nexa Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-fl#top h2 { font-family: "Nexa", sans-serif; font-weight: bold; font-size: 22px; }

body.style-fl#top .theme-design-main-fonts { font-family: "Nexa Light", sans-serif; font-weight: normal; }

body.style-fl#top .theme-design-primary-textColor { color: #000000; }

body.style-fl#top .loader::before,
body.style-fl#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-fl#top .theme-design-progressPrimary-backgroundColor,
body.style-fl#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-fl#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-fl#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-fl#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-fl#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #CB5A38; }

body.style-fl#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-fl#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("https://assets.dpg.bevox.be/template/StemtestNL20406/assets/slider-center-fl.svg"); }

body.style-fl#top .percentage-circle svg > path:nth-child(1),
body.style-fl#top .percentage-circle svg > path:nth-child(2) { stroke: #CB5A38; }

body.style-fl#top .component.mobile [open-slider-dilemma] .mobile-slider-button.plus:before { margin-top: 0; }

body.style-fl#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-fl#top .shared-result-matching .matching-group h3,
body.style-fl#top .shared-result-matching .outcome-label h2 { border-color: #CB5A38; }

body.style-fl#top .actions .action.active { background: #CB5A38; border-color: #CB5A38; color: #FFFFFF; }

body.style-fl#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #CB5A38; }
@media (hover: hover)
{  body.style-fl#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #CB5A38; }
}
body.style-hp#top html,
body.style-hp#top input,
body.style-hp#top textarea,
body.style-hp#top select,
body.style-hp#top button { font-family: "Quarto", sans-serif; font-weight: normal; font-size: 18px; line-height: 26px; }

body.style-hp#top h2 { font-size: 19px; }

body.style-hp#top .theme-design-main-fonts { font-family: "Quarto", sans-serif; font-weight: normal; }

body.style-hp#top .theme-design-primary-textColor { color: #000000; }

body.style-hp#top .loader::before,
body.style-hp#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-hp#top .theme-design-progressPrimary-backgroundColor,
body.style-hp#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-hp#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-hp#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-hp#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-hp#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #D72236; }

body.style-hp#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-hp#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojRDcyMjM2O30uYntmaWxsOiNENzIyMzY7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4="); }

body.style-hp#top .percentage-circle svg > path:nth-child(1),
body.style-hp#top .percentage-circle svg > path:nth-child(2) { stroke: #D72236; }

body.style-hp#top .component.mobile [open-slider-dilemma] .mobile-slider-button.plus:before { font-weight: bold; }

body.style-hp#top .result-matching-compare-comment p { font-style: normal; }

body.style-hp#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-hp#top .shared-result-matching .matching-group h3,
body.style-hp#top .shared-result-matching .outcome-label h2 { border-color: #D72236; }

body.style-hp#top .actions .action.active { background: #D72236; border-color: #D72236; color: #FFFFFF; }

body.style-hp#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #D72236; }
@media (hover: hover)
{  body.style-hp#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #D72236; }
}
body.style-idb#top html,
body.style-idb#top input,
body.style-idb#top textarea,
body.style-idb#top select,
body.style-idb#top button { font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.57143; }

body.style-idb#top h2 { font-size: 32px; color: #000000; }

body.style-idb#top .theme-design-main-fonts { font-family: "Montserrat", sans-serif; font-weight: normal; }

body.style-idb#top .theme-design-primary-textColor { color: #535353; }

body.style-idb#top .loader::before,
body.style-idb#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-idb#top .theme-design-progressPrimary-backgroundColor,
body.style-idb#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-idb#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-idb#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-idb#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-idb#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #f90023; }

body.style-idb#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-idb#top .shared-result-matching .matching-group h3,
body.style-idb#top .shared-result-matching .outcome-label h2 { border-color: #f90023; }

body.style-idb#top .percentage-circle svg > path:nth-child(1),
body.style-idb#top .percentage-circle svg > path:nth-child(2) { stroke: #f90023; }

body.style-idb#top .component.mobile [open-slider-dilemma] .mobile-slider-button.min:before { margin-top: -3px; }
body.style-idb#top .component.mobile [open-slider-dilemma] .mobile-slider-button.plus:before { margin-top: 0; }

body.style-idb#top .actions .action.active { background: #f90023; border-color: #f90023; color: #FFFFFF; }

body.style-idb#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #f90023; }
@media (hover: hover)
{  body.style-idb#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #f90023; }
}

@media (max-width: 40em) {
    body.style-idb#top html,
    body.style-idb#top input,
    body.style-idb#top textarea,
    body.style-idb#top select,
    body.style-idb#top button { font-size: 14px; }
    
    body.style-idb#top h2 { font-size: 20px; }
}
body.style-lb#top html,
body.style-lb#top input,
body.style-lb#top textarea,
body.style-lb#top select,
body.style-lb#top button { font-family: "Nexa Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-lb#top h2 { font-family: "Nexa", sans-serif; font-weight: bold; font-size: 22px; }

body.style-lb#top .theme-design-main-fonts { font-family: "Nexa Light", sans-serif; font-weight: normal; }

body.style-lb#top .theme-design-primary-textColor { color: #000000; }

body.style-lb#top .loader::before,
body.style-lb#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-lb#top .theme-design-progressPrimary-backgroundColor,
body.style-lb#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-lb#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-lb#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-lb#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-lb#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #CB5A38; }

body.style-lb#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-lb#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojQ0I1QTM4O30uYntmaWxsOiNDQjVBMzg7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4="); }

body.style-lb#top .percentage-circle svg > path:nth-child(1),
body.style-lb#top .percentage-circle svg > path:nth-child(2) { stroke: #CB5A38; }

body.style-lb#top .component.mobile [open-slider-dilemma] .mobile-slider-button.plus:before { margin-top: 0; }

body.style-lb#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-lb#top .shared-result-matching .matching-group h3,
body.style-lb#top .shared-result-matching .outcome-label h2 { border-color: #CB5A38; }

body.style-lb#top .actions .action.active { background: #CB5A38; border-color: #CB5A38; color: #FFFFFF; }

body.style-lb#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #CB5A38; }
@media (hover: hover)
{  body.style-lb#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #CB5A38; }
}
body.style-mg#top html,
body.style-mg#top input,
body.style-mg#top textarea,
body.style-mg#top select,
body.style-mg#top button { font-family: "Nexa Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-mg#top h2 { font-family: "Nexa", sans-serif; font-weight: bold; font-size: 22px; }

body.style-mg#top .theme-design-main-fonts { font-family: "Nexa Light", sans-serif; font-weight: normal; }

body.style-mg#top .theme-design-primary-textColor { color: #000000; }

body.style-mg#top .loader::before,
body.style-mg#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-mg#top .theme-design-progressPrimary-backgroundColor,
body.style-mg#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-mg#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-mg#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-mg#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-mg#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #CB5A38; }

body.style-mg#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-mg#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojQ0I1QTM4O30uYntmaWxsOiNDQjVBMzg7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4="); }

body.style-mg#top .percentage-circle svg > path:nth-child(1),
body.style-mg#top .percentage-circle svg > path:nth-child(2) { stroke: #CB5A38; }

body.style-mg#top .component.mobile [open-slider-dilemma] .mobile-slider-button.plus:before { margin-top: 0; }

body.style-mg#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-mg#top .shared-result-matching .matching-group h3,
body.style-mg#top .shared-result-matching .outcome-label h2 { border-color: #CB5A38; }

body.style-mg#top .actions .action.active { background: #CB5A38; border-color: #CB5A38; color: #FFFFFF; }

body.style-mg#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #CB5A38; }
@media (hover: hover)
{  body.style-mg#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #CB5A38; }
}
body.style-no#top html,
body.style-no#top input,
body.style-no#top textarea,
body.style-no#top select,
body.style-no#top button { font-family: "Nexa Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-no#top h2 { font-family: "Nexa", sans-serif; font-weight: bold; font-size: 22px; }

body.style-no#top .theme-design-main-fonts { font-family: "Nexa Light", sans-serif; font-weight: normal; }

body.style-no#top .theme-design-primary-textColor { color: #000000; }

body.style-no#top .loader::before,
body.style-no#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-no#top .theme-design-progressPrimary-backgroundColor,
body.style-no#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-no#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-no#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-no#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-no#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #CB5A38; }

body.style-no#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-no#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojQ0I1QTM4O30uYntmaWxsOiNDQjVBMzg7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4="); }

body.style-no#top .percentage-circle svg > path:nth-child(1),
body.style-no#top .percentage-circle svg > path:nth-child(2) { stroke: #CB5A38; }

body.style-no#top .component.mobile [open-slider-dilemma] .mobile-slider-button.plus:before { margin-top: 0; }

body.style-no#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-no#top .shared-result-matching .matching-group h3,
body.style-no#top .shared-result-matching .outcome-label h2 { border-color: #CB5A38; }

body.style-no#top .actions .action.active { background: #CB5A38; border-color: #CB5A38; color: #FFFFFF; }

body.style-no#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #CB5A38; }
@media (hover: hover)
{  body.style-no#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #CB5A38; }
}
body.style-nu#top html,
body.style-nu#top input,
body.style-nu#top textarea,
body.style-nu#top select,
body.style-nu#top button { font-family: "Noto Sans", sans-serif; font-weight: normal; font-size: 17px; line-height: 28px; }

body.style-nu#top h2 { font-size: 24px; }

body.style-nu#top .theme-design-main-fonts { font-family: "Noto Sans", sans-serif; font-weight: normal; }

body.style-nu#top .theme-design-primary-textColor { color: #1f2544; }

body.style-nu#top .loader::before,
body.style-nu#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-nu#top .theme-design-progressPrimary-backgroundColor,
body.style-nu#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-nu#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-nu#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-nu#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-nu#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #1F2544; }

body.style-nu#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-nu#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojMUYyNTQ0O30uYntmaWxsOiMxRjI1NDQ7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4="); }

body.style-nu#top .percentage-circle svg > path:nth-child(1),
body.style-nu#top .percentage-circle svg > path:nth-child(2) { stroke: #1F2544; }

body.style-nu#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-nu#top .shared-result-matching .matching-group h3,
body.style-nu#top .shared-result-matching .outcome-label h2 { border-color: #1F2544; }

body.style-nu#top .actions .action.active { background: #1F2544; border-color: #1F2544; color: #FFFFFF; }

body.style-nu#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #1F2544; }
@media (hover: hover)
{  body.style-nu#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #1F2544; }
}

@media (max-width: 40em) {
    body.style-nu#top html,
    body.style-nu#top input,
    body.style-nu#top textarea,
    body.style-nu#top select,
    body.style-nu#top button { font-size: 14px; line-height: 22px; }

    body.style-nu#top h2 { font-size: 20px; }
}
body.style-pz#top html,
body.style-pz#top input,
body.style-pz#top textarea,
body.style-pz#top select,
body.style-pz#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-pz#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-pz#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-pz#top .theme-design-primary-textColor { color: #000000; }

body.style-pz#top .loader::before,
body.style-pz#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-pz#top .theme-design-progressPrimary-backgroundColor,
body.style-pz#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-pz#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-pz#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-pz#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-pz#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #0052A3; }

body.style-pz#top .result-matching-compare-slider .vue-slider .vue-slider-rail:before,
body.style-pz#top [open-slider-dilemma] .vue-slider .vue-slider-rail:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjI5OSIgaGVpZ2h0PSI5LjI5OSIgdmlld0JveD0iMCAwIDkuMjk5IDkuMjk5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO3N0cm9rZTojMDA1MkEzO30uYntmaWxsOiMwMDUyQTM7fS5je3N0cm9rZTpub25lO30uZHtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODIgLTQzNykiPjxnIGNsYXNzPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgNDM3KSI+PGNpcmNsZSBjbGFzcz0iYyIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjY1Ii8+PGNpcmNsZSBjbGFzcz0iZCIgY3g9IjQuNjUiIGN5PSI0LjY1IiByPSI0LjE1Ii8+PC9nPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIyLjMyNSIgY3k9IjIuMzI1IiByPSIyLjMyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg0LjMyNSA0MzkuMzI1KSIvPjwvZz48L3N2Zz4="); }

body.style-pz#top .percentage-circle svg > path:nth-child(1),
body.style-pz#top .percentage-circle svg > path:nth-child(2) { stroke: #0052A3; }

body.style-pz#top .component.mobile [open-slider-dilemma] .mobile-slider-button,
body.style-pz#top .shared-result-matching .matching-group h3,
body.style-pz#top .shared-result-matching .outcome-label h2 { border-color: #0052A3; }

body.style-pz#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-pz#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #0052A3; }
@media (hover: hover)
{  body.style-pz#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #0052A3; }
}
body.style-st#top html,
body.style-st#top input,
body.style-st#top textarea,
body.style-st#top select,
body.style-st#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-st#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-st#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-st#top .theme-design-primary-textColor { color: #000000; }

body.style-st#top .loader::before,
body.style-st#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-st#top .theme-design-progressPrimary-backgroundColor,
body.style-st#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-st#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-st#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-st#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-st#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #D10A10; }

body.style-st#top .shared-result-matching .matching-group h3,
body.style-st#top .shared-result-matching .outcome-label h2 { border-color: #D10A10; }

body.style-st#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-st#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #D10A10; }
@media (hover: hover)
{  body.style-st#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #D10A10; }
}
body.style-tt#top html,
body.style-tt#top input,
body.style-tt#top textarea,
body.style-tt#top select,
body.style-tt#top button { font-family: "Flama Basic", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.5; }

body.style-tt#top h2 { font-family: "Flama Semicondensed", sans-serif; font-weight: bold; font-size: 22px; }

body.style-tt#top .theme-design-main-fonts { font-family: "Flama Basic", sans-serif; font-weight: normal; }

body.style-tt#top .theme-design-primary-textColor { color: #000000; }

body.style-tt#top .loader::before,
body.style-tt#top .shared-result-matching .other-outcome .other-outcome-score-bar>div,
body.style-tt#top .theme-design-progressPrimary-backgroundColor,
body.style-tt#top .theme-design-buttonsSecondary-backgroundColor.active,
body.style-tt#top .result-matching-compare-slider .vue-slider .vue-slider-rail,
body.style-tt#top [open-slider-dilemma] .vue-slider .vue-slider-rail,
body.style-tt#top .result-matching-compare-slider .vue-slider .vue-slider-dot,
body.style-tt#top [open-slider-dilemma] .vue-slider .vue-slider-dot { background: #D10A10; }

body.style-tt#top .shared-result-matching .matching-group h3,
body.style-tt#top .shared-result-matching .outcome-label h2 { border-color: #D10A10; }

body.style-tt#top .actions .action.active { background: #0486BE; border-color: #0486BE; color: #FFFFFF; }

body.style-tt#top .shared-closed-multiple ul.answerStyle-type-1 li.checked .checkbox .button { background: #D10A10; }
@media (hover: hover)
{  body.style-tt#top .shared-closed-multiple ul.answerStyle-type-1 li .checkbox:hover .button { border-color: #D10A10; }
}