:root {
    --platform-font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
    --kl-title-pages: #3399CC;
    --kl-title-pages-text: #ffffff;
    --kl-title-pages-outline: #3399CC;
    --kl-title-pages-inactive: #ffffff;
}

html,
body,
button,
input,
optgroup,
select,
textarea,
#app,
.wac-content,
.svd_container,
.sv-question,
.sv-btn,
.sv-container-modern,
.has-font-avenir-next,
.has-font-avenir-next-bold,
.has-font-avenir-next-italic {
    font-family: var(--platform-font-family) !important;
}

/* Background*/
main.main-background {
            background-color: #FBFBFB;
    }

            
    .slideshow, .slideshow:after {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .slideshow:after {
        content: '';
        /* background: transparent url(/internal/pattern.png) repeat top left; # possibility to add a transparent pattern overlay */
    }

    .slideshow li span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        color: transparent;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: inherit;
        opacity: 0;
        z-index: 0;
            -webkit-backface-visibility: hidden;
        -webkit-animation: imageAnimation 72s linear infinite 0s;
        -moz-animation: imageAnimation 72s linear infinite 0s;
        -o-animation: imageAnimation 72s linear infinite 0s;
        -ms-animation: imageAnimation 72s linear infinite 0s;
        animation: imageAnimation 72s linear infinite 0s;
        }

    .slideshow li span video {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100vh;
        width: 100%;
        object-fit: cover;
        position: fixed;
    }

                                        .slideshow li:nth-child(1) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 11\2D 61f3c0b095b86395912320\2E jpg);
                }
            
                                                            .slideshow li:nth-child(2) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 12\2D 61f3c0b09fded245242568\2E jpg);
                }
            
                            .slideshow li:nth-child(2) span, .slideshow li:nth-child(2) span video {
                    -webkit-animation-delay: 6s;
                    -moz-animation-delay: 6s;
                    -o-animation-delay: 6s;
                    -ms-animation-delay: 6s;
                    animation-delay: 6s;
                }
                                                                            .slideshow li:nth-child(3) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 14\2D 61f3c0b2e082f822345864\2E jpg);
                }
            
                            .slideshow li:nth-child(3) span, .slideshow li:nth-child(3) span video {
                    -webkit-animation-delay: 12s;
                    -moz-animation-delay: 12s;
                    -o-animation-delay: 12s;
                    -ms-animation-delay: 12s;
                    animation-delay: 12s;
                }
                                                                            .slideshow li:nth-child(4) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 15\2D 61f3c0b3310f0041610011\2E jpg);
                }
            
                            .slideshow li:nth-child(4) span, .slideshow li:nth-child(4) span video {
                    -webkit-animation-delay: 18s;
                    -moz-animation-delay: 18s;
                    -o-animation-delay: 18s;
                    -ms-animation-delay: 18s;
                    animation-delay: 18s;
                }
                                                                            .slideshow li:nth-child(5) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 18\2D 61f3c0b725bab652891128\2E jpg);
                }
            
                            .slideshow li:nth-child(5) span, .slideshow li:nth-child(5) span video {
                    -webkit-animation-delay: 24s;
                    -moz-animation-delay: 24s;
                    -o-animation-delay: 24s;
                    -ms-animation-delay: 24s;
                    animation-delay: 24s;
                }
                                                                            .slideshow li:nth-child(6) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 19\2D 61f3c0b9ac19e149689286\2E jpg);
                }
            
                            .slideshow li:nth-child(6) span, .slideshow li:nth-child(6) span video {
                    -webkit-animation-delay: 30s;
                    -moz-animation-delay: 30s;
                    -o-animation-delay: 30s;
                    -ms-animation-delay: 30s;
                    animation-delay: 30s;
                }
                                                                            .slideshow li:nth-child(7) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 20\2D 61f3c0b9b58b9540561872\2E jpg);
                }
            
                            .slideshow li:nth-child(7) span, .slideshow li:nth-child(7) span video {
                    -webkit-animation-delay: 36s;
                    -moz-animation-delay: 36s;
                    -o-animation-delay: 36s;
                    -ms-animation-delay: 36s;
                    animation-delay: 36s;
                }
                                                                            .slideshow li:nth-child(8) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 21\2D 61f3c0bbdeed6598957646\2E jpg);
                }
            
                            .slideshow li:nth-child(8) span, .slideshow li:nth-child(8) span video {
                    -webkit-animation-delay: 42s;
                    -moz-animation-delay: 42s;
                    -o-animation-delay: 42s;
                    -ms-animation-delay: 42s;
                    animation-delay: 42s;
                }
                                                                            .slideshow li:nth-child(9) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 22\2D 61f3c0bc154fd599391073\2E jpg);
                }
            
                            .slideshow li:nth-child(9) span, .slideshow li:nth-child(9) span video {
                    -webkit-animation-delay: 48s;
                    -moz-animation-delay: 48s;
                    -o-animation-delay: 48s;
                    -ms-animation-delay: 48s;
                    animation-delay: 48s;
                }
                                                                            .slideshow li:nth-child(10) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 23\2D 61f3c0be9c9a1609132183\2E jpg);
                }
            
                            .slideshow li:nth-child(10) span, .slideshow li:nth-child(10) span video {
                    -webkit-animation-delay: 54s;
                    -moz-animation-delay: 54s;
                    -o-animation-delay: 54s;
                    -ms-animation-delay: 54s;
                    animation-delay: 54s;
                }
                                                                            .slideshow li:nth-child(11) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 11\2D 61f3c0f52ee1c266618177\2E jpg);
                }
            
                            .slideshow li:nth-child(11) span, .slideshow li:nth-child(11) span video {
                    -webkit-animation-delay: 60s;
                    -moz-animation-delay: 60s;
                    -o-animation-delay: 60s;
                    -ms-animation-delay: 60s;
                    animation-delay: 60s;
                }
                                                                            .slideshow li:nth-child(12) span {
                    background-image: url(https\3A \2F \2F www\2E aishoppercommunity\2E com\2F img\2F cache\2F background\2F 2022\2F 01\2F 28\2F 16\2D 61f3c101b4ac0925890383\2E jpg);
                }
            
                            .slideshow li:nth-child(12) span, .slideshow li:nth-child(12) span video {
                    -webkit-animation-delay: 66s;
                    -moz-animation-delay: 66s;
                    -o-animation-delay: 66s;
                    -ms-animation-delay: 66s;
                    animation-delay: 66s;
                }
                                                    
            @keyframes imageAnimation {
            0% {
                opacity: 0;
                animation-timing-function: ease-in;
            }
            8% {
                opacity: 1;
                animation-timing-function: ease-out;
            }
            17% {
                opacity: 1;
            }
            25% {
                opacity: 0;
            }
            100% { opacity: 0 }
        }
    
        .no-cssanimations .slideshow li span{
        opacity: 1;
    }
.qualtrics-login-left {
            background: rgba(183,183,183,0.75);
    }

.qualtrics-login-right > .box {
            background-color: #FFFFFF;
                opacity: 1;
    }

.qualtrics-register-button {
            background-color: #8db3e2 !important;
                border: 1px solid white !important;
                color: white !important;
    }

.qualtrics-login-button {
            background-color: #8db3e2 !important;
                border: 1px solid white !important;
                color: white !important;
    }

    .qualtrics-register-button::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .qualtrics-register-button::after {
        font-family: "Font Awesome 7 Pro";
        font-weight: 400;
        content: "\f061";
        margin-left: 1em;
    }

    .qualtrics-login-button::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .qualtrics-login-button::after {
        font-family: "Font Awesome 7 Pro";
        font-weight: 400;
        content: "\f061";
        margin-left: 1em;
    }

/* Header */
.submenu {
    background: #3399CC;
}

/* Hyperlink */
a {
    color: #3399CC;
}

/* Buttons */
.wac-call-to-action-button {
    background: #3399CC;

    color: black;

            border: 1px solid white;
    }

.wac-call-to-action-button[disabled] {
    background: #3399CC;
    color: black;
    opacity: .4;
}


    .wac-call-to-action-button::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .wac-call-to-action-button::after {
        font-family: "Font Awesome 7 Pro";
        font-weight: 400;
        content: "\f061";
        margin-left: 1em;
    }




/* Blocks*/
.wac-block {
    background: rgba(255,255,255,0);
}

.wac-block .wac-block-title .wac-block-title-border {
    border-color: #000000;
}

.wac-block-title h2.title {
    color: #000000;
}

.wac-backoffice-block-title {
    background: var(--kl-title-pages);
    color: var(--kl-title-pages-text) !important;
}

.wac-backoffice-block-title.has-background-black {
    background: var(--kl-title-pages) !important;
}

.box:not(.px-0):not(.py-0):not(.pt-0) > .wac-backoffice-block-title:first-child,
.box:not(.px-0):not(.py-0):not(.pt-0) > form:first-child > .wac-backoffice-block-title:first-child {
    margin: -1.25rem -1.25rem 2rem !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/* Footer */
footer {
    background: #8db3e2;
    color: #ffffff;
}

footer a {
    color: #ffffff;
}

aside.aside {
    background: hsl(314, 50%, 50%);
    background-image: linear-gradient(to right, hsl(314, 50%, 50%), hsl(314, 50%, 60%));
}

.news-link-see a {
    color: #3399CC;
}

/* Surveys */
.sd-btn.sd-btn--action.sd-navigation__complete-btn {
    background: #3399CC;
    color: black;
}

.sd-title.sd-container-modern__title .sd-header__text .sd-title {
    color: #3399CC;
}

.sd-title.sd-container-modern__title {
    box-shadow:0px 2px 0px #3399CC;
}

.svc-preview-pager-item__icon use {
    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #3399CC));
}

.svc-preview-pager__item--icon use {
    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #3399CC));
}

.button .sv-string-viewer {
    color: #3399CC;
}

.svc-tab-designer {
    background: var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC));
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {
    box-shadow:0px 2px 0px #3399CC;
}

.svc-toolbar__item.svc-toolbar__item--active use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #3399CC));
}

.svc-toolbox__item-container use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #3399CC));
}

.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #3399CC));
}

.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item--active {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-survey-element-toolbar__item use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #3399CC));
}

.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {

    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #3399CC));
}

.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active use {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #3399CC));
}

.svc-action-button {
    color: #3399CC;
}

.svc-action-button:focus, .svc-action-button:hover {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-survey-element-toolbar__item:hover, .svc-survey-element-toolbar__item:focus-visible {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-page__content:focus, .svc-hovered.svc-page__content {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-add-new-item-button__text {
    color: #3399CC;
}

.svc-page-toolbar__item use {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #3399CC));
}

.svc-page__content--selected.svc-page__content--selected {
    box-shadow: inset 0px -2px 0px #3399CC;
}

.svc-page__content--selected.svc-page__content--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-toolbox__item:focus, .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item, .svc-toolbox__item:hover {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.svc-toolbox__item:focus .sv-svg-icon use, .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .sv-svg-icon use, .svc-toolbox__item:hover .sv-svg-icon use {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #3399CC));
}

.svc-tabbed-menu-item--selected {
    box-shadow: inset 0px -2px 0px #3399CC;
}

.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {
    box-shadow: inset 0px -2px 0px #3399CC;
}

.sv-ranking-item__index.sv-ranking-item__index {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
    color: #3399CC;
}

.sd-action:not(.sd-action--pressed):hover, .sd-action:not(.sd-action--pressed):focus {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.sv-ranking-item__icon.sv-ranking-item__icon {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #3399CC));
}

.sd-rating__item-smiley--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.sd-rating__item--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.sd-slider__range-track::before {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.sd-slider__range-track::after {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.sd-item--checked .sd-item__decorator {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #3399CC)) 25%, transparent);
}

.sd-btn {
    color: #3399CC;
}