/* Load activated user fonts */
            @import  "https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic";
        .page-container,
        .popup {
            font-family: 'Roboto', sans-serif;
        }body,
#loader {
    background-image: url('https://cdn.scratcher.io/images/283544/59eeaa9f-0f96-4863-af97-8e206f1fc754.jpeg');
    background-position-x: center;
    background-position-y: bottom;
}.element-1111601 img {width: auto;}.element-1111601 .image-wrapper {text-align: center;}.element-1111602 img {width: 355px;}.element-1111602 .image-wrapper {text-align: center;}.popup {color: #fff;background: rgba(37, 37, 37, 0.83);border: none;}.popup .popup-close {color: #fff;}.popup .register-form input:not([type="checkbox"]), .register-form select, .popup .register-form .btn-select, .popup .access-code-form input:not([type="checkbox"]), .access-code-form select, .popup .register-form .btn-select, .phone-number-field__country {color: #000;border: none;background: rgb(255, 255, 255);text-align: center;}.popup .checkbox-row .accept-link, .popup a:not(.btn):not(.prize-footer--link) {color: #ffffff;}.popup .tickets-btn.tickets-btn-primary {color: #040404;background: rgb(254, 222, 0);border: none;font-size: 18px;font-weight: 700;}#popup-register .popup-tabs .popup-tab {color: #fff;background-color: #000;border-color: #fff;}#popup-register .popup-tabs .popup-tab.active {color: #fff;background-color: #413f3f;}.checkbox-row .checkbox-accept label {background-color: #fff;outline: none;}.checkbox-row .checkbox-accept label:after {width: 12px;height: 7px;top: 4px;left: 5px;border-width: 3px;border-color: #000;}.checkbox-row .checkbox-accept {width: 22px;height: 20px;}.game-container {
}
.button-container {
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus:active {
    background: rgb(254, 222, 0);
    color: rgb(3, 3, 3);
    border-width: 1px;
    border-color: rgb(255, 222, 0);
    border-radius: 3px;
    outline: none;
}

.btn-primary:hover,
.btn-primary:hover:active {
    background-color: rgb(40, 41, 45);
    color: rgb(254, 222, 0);
    border-color: rgb(40, 41, 45);
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:focus:active{
    background-color: #000000;
    color: #FFFFFF;
    border-width: 1px;
    border-color: #000000;
    border-radius: 3px;
    outline: none;
}

.btn-secondary:hover,
.btn-secondary:hover:active {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.btn-game {
    text-transform: uppercase;
    font-weight: normal;
}
.prizes-container-btn {
    display: none;
}.popup.done.lose .btn.btn-lose {color: #fff;background: #33ace2;border: none;}.popup.done.lose .prize-body {min-height: 350px;height: auto;padding-bottom: 15px;background-color: #fff;}.popup.done.lose .btn.btn-lose {border-radius: 3px;}.popup.done.lose .prize-header {margin-top: 10px;margin-bottom: 10px;}.popup.done.lose .prize-content {margin-top: 10px;margin-bottom: 10px;}.popup.done.lose .btn.btn-lose {margin-bottom: 10px;}#loader {background-color: #fff;}#loader .loader-image {width: 200px;animation: rotation 2s infinite linear;}#loader .spinner {border: 15px solid rgba(0, 174, 239, 0.15);border-top-color: rgba(0, 174, 239, 0.8);}.selector {color: #fff;background: #000;}.question-title {
        color: rgb(255, 255, 255);
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .question-sub-header {
        color: #000;
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .quiz-container .questions-container .questions .question .question-answers {
        justify-content: center;
    }
    .question-answer:not(.input-answer) {
        background-color: rgb(218, 219, 225);
        padding: 5px;
        font-size: 22px;
        color: rgb(0, 0, 0);
        font-weight: normal;
    }
    .question-answer {
        border-radius: -45px;
        max-width: auto;
    }
    .question-answer:not(.question-answer__image) {
        border: none;
    }
    .question-answer.active {
        color: rgb(248, 252, 248);
    }
    .input-answer {
        background-color: rgba(0,0,0,0);
    }
    .input-answer textarea {
        background-color: rgba(0,0,0,0);
        color: rgba(0,0,0,1);
        font-size: 14px;
        min-height: 160px;
    }
    .quiz-container .questions-container .questions .question .question-answer__image.active > img {
        border: 1px solid rgb(248, 252, 248);
    }

    .rating-stars ul > li.star > i.fa {
        color: #ccc;
    }
    .rating-stars ul > li.star.hover > i.fa {
        color: #ffcc36;
    }
    .rating-stars ul > li.star.selected > i.fa {
        color: #ff912c;
    }

    .dot {
        display: none;
    }
    .dot {
        background-color: #000;
    }
    .c-progress-bar-wrapper {
        display: none;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
    }
    .c-progress-bar {
        width: 200px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #ccc;
    }
    .c-progress-bar .c-progress-bar-line {
        background-color: #000;
    }
    .c-progress-text {
        display: block;
        color: #000;
        font-size: 14px;
    }
    .question-answer .c-checkbox {
        height: 35px;
        padding-left: 45px;
        padding-right: 15px;
    }
    .question-answer .c-checkbox-checkmark {
        height: 35px;
        width: 35px;
        background-color: rgb(254, 222, 0);
    }
    .checkbox-answer-text {
        text-align: center;
    }
    .question-answer .c-checkbox input:checked ~ .c-checkbox-checkmark {
        background-color: rgb(229, 40, 70);
    }
    .question-answer .c-checkbox .c-checkbox-checkmark:after {
        border-color: rgb(198, 28, 28);
        left: 13px;
        top: 5px;
        width: 9px;
        height: 20px;
    }
    .quiz-container .questions-container .quiz-countdown {
        color: #000000;
        font-size: 40;
    }
    @media (min-width: 768px) {
        .question-answer:not('input-answer'):hover {
            color: rgb(248, 252, 248);
            background-color: rgb(145, 130, 130);
            border: 2px solid #000;
        }
    }
    .finish-button-container .finish-button {
        background-color: #000;
        color: #fff;
        border-color: #000;
    }

            .question {
            height: 0;
            opacity: 0;
        }
        .question.active {
            height: auto;
            opacity: 1;
        }
    
    .next-question {
        margin-top: 20px;
    }

                            .next-question {
            border: none;
        }
                .next-question:hover {
        border: none;
    }
    
    .next-question {
        border-radius: 3px;
    }

    .invite-button {
        margin-top: ;
    }

                    .invite-button {
        border: none;
    }
    
    .invite-button {
        border-radius: ;
    }

    .popup .tickets-btn.tickets-btn-primary.invite-popup-button {
        margin-top: 10px;
    }

                    .popup .tickets-btn.tickets-btn-primary.invite-popup-button {
        border: none;
    }
    
    .popup .tickets-btn.tickets-btn-primary.invite-popup-button {
        border-radius: 0px;
    }

    #popup-invite-form .form-input {
        background-color: #fff;
        color: #000;
        border: none;
            }
    #popup-invite {
        background-color: #000;
            }

    
    .finish-questions-question {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    .finish-questions-question.neutral {
        color: #000;
    }
    .finish-questions-question.correct {
        color: #000;
    }
    .finish-questions-question.wrong {
        color: #000;
    }

    .finish-questions-answer-correct-wrong {
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }
    .finish-questions-answer-correct-wrong.correct {
        color: #000;
    }
    .finish-questions-answer-correct-wrong.wrong {
        color: #000;
    }


    .finish-questions-answer {
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }
    .finish-questions-answer.correct {
        color: rgb(0, 0, 0);
    }
    .finish-questions-answer.wrong {
        color: #000;
    }

    .finish-questions-answer-image {
        max-width: 400px;
                    margin: 0 auto;
            }