#space_quiz_frame {
    min-height: 650px;
    height: 40vw;
}
a.btn_transp:before, .slider_template .img, .q_btn, .q_btn span, .q_btn .balck, .slick-prev .white_c, .slick-next .white_c, .slick-prev svg, .slick-next svg, .slider_template .q_checked, label.checbox_text_1:after, label.checbox_text_1:before, label.checbox_text_1, .q_checked:before, .q_checked:after, .q_type_data .data input {
    -webkit-transition: .25s cubic-bezier(0.4, 0, 1, 1);
       -moz-transition: .25s cubic-bezier(0.4, 0, 1, 1);
        -ms-transition: .25s cubic-bezier(0.4, 0, 1, 1);
         -o-transition: .25s cubic-bezier(0.4, 0, 1, 1);
            transition: .25s cubic-bezier(0.4, 0, 1, 1);
}
a.ui-slider-handle, .ui-slider-range, main.creat_quiz .slider_template, main.creat_quiz .slider_template .block, a.q_close:after, a.q_close:before, a.q_close svg {
    -webkit-transition: .2s cubic-bezier(0.4, 0, 1, 1);
       -moz-transition: .2s cubic-bezier(0.4, 0, 1, 1);
        -ms-transition: .2s cubic-bezier(0.4, 0, 1, 1);
         -o-transition: .2s cubic-bezier(0.4, 0, 1, 1);
            transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
#spacequiz-content .slider_template, #spacequiz-content .slider_template .block {
    -webkit-transition: box-shadow .25s cubic-bezier(0.4, 0, 1, 1), background .25s cubic-bezier(0.4, 0, 1, 1) !important;
       -moz-transition: box-shadow .25s cubic-bezier(0.4, 0, 1, 1), background .25s cubic-bezier(0.4, 0, 1, 1) !important;
        -ms-transition: box-shadow .25s cubic-bezier(0.4, 0, 1, 1), background .25s cubic-bezier(0.4, 0, 1, 1) !important;
         -o-transition: box-shadow .25s cubic-bezier(0.4, 0, 1, 1), background .25s cubic-bezier(0.4, 0, 1, 1) !important;
            transition: box-shadow .25s cubic-bezier(0.4, 0, 1, 1), background .25s cubic-bezier(0.4, 0, 1, 1) !important;
}
#spacequiz-content.loading .q_midle, #spacequiz-content.loading .q_right, .circle_anim_focus, label.checbox_text_1 span, .slider_template .text, .slider_template .text span, .circle_anim_slider, .circle_anim_inp, .user_vvod input {
    -webkit-transition: all 0.3s ease-in;
       -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
}
.advice-form input.q_ihover_grad, .opt_soc_seti a, #spacequiz-content .q_midle:before, ul.oph_poup_up, form#lead-form button.q_btn_overl, .shadow-item {
    -webkit-transition: .35s linear;
       -moz-transition: .35s linear;
        -ms-transition: .35s linear;
         -o-transition: .35s linear;
            transition: .35s linear;
}
#spacequiz-content .q_right:before {
    -webkit-transition: .1s .35s linear;
       -moz-transition: .1s .35s linear;
        -ms-transition: .1s .35s linear;
         -o-transition: .1s .35s linear;
            transition: .1s .35s linear;
}
.wrap-action-bonus > div {
    -webkit-transition: .75s linear;
       -moz-transition: .75s linear;
        -ms-transition: .75s linear;
         -o-transition: .75s linear;
            transition: .75s linear;
}
body.scroll_hidden {
    overflow: hidden;
}
[disabled] {
    pointer-events: none !important;
}
.shadow__temp {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35), 0px 0px 15px rgba(0, 0, 0, 0.5) !important;
}
.q_select {
    display: flex;
    height: 100%;
}
.q_select input.iselect {
    height: 54px;
}
form.advice-form:not(.pending) button.q_btn_overl:before, .user_bonus_mob, #progress_bar_mob, a.made_spase-quiz {
    display: none;
}
.your_discount.complete .group_d img, .your_discount .group_d, .your_discount p.currency, .your_discount p.precent, .spoiler, form.advice-form input, form.advice-form button, form#lead-form button.q_btn_overl .icon-btn:after, form#lead-form button.q_btn_overl .icon-btn svg, span.info-range, .q_select li, .q_type_data .shad_c, .q_select svg, #spacequiz-content .bottom_btn a.q_btn_overl, a.q_btn_overl:before, .op_right_panel, .bonus_currency, .ubbm_icons.cmm_icons:after {
    -webkit-transition: .25s linear;
       -moz-transition: .25s linear;
        -ms-transition: .25s linear;
         -o-transition: .25s linear;
            transition: .25s linear;
}
.q_right a.bonus-wraper.active {
    -webkit-transition: .25s .1s linear;
       -moz-transition: .25s .1s linear;
        -ms-transition: .25s .1s linear;
         -o-transition: .25s .1s linear;
            transition: .25s .1s linear;
}
.mob-item .btn-container-mob, .mob-item  svg.close-item-mob, .advice-item .arrow-item svg, .q_right a.bonus-wraper:not(.active), .q_right .g_over {
    -webkit-transition: .25s 0s linear;
       -moz-transition: .25s 0s linear;
        -ms-transition: .25s 0s linear;
         -o-transition: .25s 0s linear;
            transition: .25s 0s linear;
}
.q_right a.bonus-wraper.active .g_over span {
    -webkit-transition: .25s .35s linear;
       -moz-transition: .25s .35s linear;
        -ms-transition: .25s .35s linear;
         -o-transition: .25s .35s linear;
            transition: .25s .35s linear;
}
.q_right a.bonus-wraper:not(.active) .g_over span {
    -webkit-transition: .25s 0s linear;
       -moz-transition: .25s 0s linear;
        -ms-transition: .25s 0s linear;
         -o-transition: .25s 0s linear;
            transition: .25s 0s linear;
}
.item-form-container, .slider_template .block:before, .user_vvod input, .opt_soc_seti svg path, .opt_soc_seti svg rect, .op_focus, form.opt_setting_head label.img p, form.opt_setting_head label.img img, form.op_setting_templ, ul.oph_poup_up li, .bottom_btn .q_btn svg, .bottom_btn .q_btn_overl svg {
    -webkit-transition: .15s linear;
       -moz-transition: .15s linear;
        -ms-transition: .15s linear;
         -o-transition: .15s linear;
            transition: .15s linear;
}
#spacequiz-content.loading .q_midle > *, #spacequiz-content.loading .q_right > *:not(.item-form) {
    -webkit-transition: opacity .5s .25s;
       -moz-transition: opacity .5s .25s;
        -ms-transition: opacity .5s .25s;
         -o-transition: opacity .5s .25s;
            transition: opacity .5s .25s;
}
#spacequiz-content.form-transition .q_midle > * {
    opacity: 0;
    -webkit-transition: 0.25s !important;
       -moz-transition: 0.25s !important;
        -ms-transition: 0.25s !important;
         -o-transition: 0.25s !important;
            transition: 0.25s !important;
}
.fade-view-bcg-enter-active, .fade-view-bcg-leave-active {
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .35s;
  -webkit-transition: opacity .35s;
  -moz-transition: opacity .35s;
}
#spacequiz-content:not(.loading) .q_midle, #spacequiz-content:not(.loading) .q_right, #spacequiz-content:not(.loading) .q_midle > *, #spacequiz-content:not(.loading) .q_right > * {
    opacity: 0;
}
a.q_close:hover::after {
    opacity: 0;
}
.fade-view-bcg-enter, .fade-view-bcg-leave-to {
  opacity: 0;
}
#spacequiz-content.form-transition .q_midle > *, #spacequiz-content.form-transition .q_right {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
label.checbox_text_1:hover::after, label.checbox_text_1.active:after, a.q_close:hover::before {
    opacity: 1; 
}
.q_type_data .data label {
    position: relative;
}
.q_type_data .data label, .q_type_data .shad_c {
    display: flex;
}
.q_type_data .shad_c {
    -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
    width: 100%;
}
main.creat_quiz.shadow_mode .q_midle, main.creat_quiz .q_right {
    -webkit-box-shadow: -2px 1px 20px rgba(0, 0, 0, 0.2);
            box-shadow: -2px 1px 20px rgba(0, 0, 0, 0.2);
}
.q_midle {
    z-index: 2;
    padding: 2% 3% 2.5%;
    position: relative;
}
#spacequiz-content.loading .q_right, #spacequiz-content.shadow_mode .q_midle {
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
.q_right {
    background: #393F47;
    margin-left: -1px;
    position: relative;
}
.q_right:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #393F47;
    pointer-events: none;
}
#spacequiz-content:not(.shadow_mode) .q_right {
    z-index: 2;
}
#spacequiz-content:not(.shadow_mode).active_step .q_right {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
#spacequiz-content .q_midle:before, #spacequiz-content .q_right:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    -webkit-transform: scale(0, 1);
       -moz-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
         -o-transform: scale(0, 1);
            transform: scale(0, 1);
}
#spacequiz-content:not(.change_step) .q_midle:before, #spacequiz-content:not(.change_step) .q_right:before {
    -webkit-transform-origin: 0% 0%;
       -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
}
#spacequiz-content.change_step .q_midle:before, #spacequiz-content.change_step .q_right:before {
    -webkit-transform-origin: 100% 0%;
       -moz-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
         -o-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
}
#spacequiz-content.active_step .q_midle:before, #spacequiz-content.active_step .q_right:before {
   -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
       -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
           transform: scale(1, 1);
}
#spacequiz-content .bottom_btn a.q_btn:not(.active) {
    visibility: hidden;
}
#spacequiz-content .bottom_btn a.q_btn:not(.active) span, button.opm_btn_info-mob {
    display: none;
}
#spacequiz-content .bottom_btn a.q_btn_overl:not(.active) {
    cursor: no-drop;
}
.q_midle .content form {
    position: relative;
    z-index: 0;
}
.q_midle .main_title, .progress_line {
    z-index: 11;
}
.q_midle .main_title span {
    color: #1F1F1F;
    font-weight: 400;
    opacity: .8;
}
.q_midle .main_title {
    position: relative;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    min-height: intrinsic;
    min-height: -moz-max-content;
    min-height: -webkit-max-content;
}
.q_midle .main_title svg {
    width: 35px;
    margin: 0 10px 2px -3px;
    min-width: 35px;
}
.q_midle .content {
    margin: 2% 0 3.5% 0;
    position: relative;
}
.q_midle .bottom_btn {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    min-height: intrinsic;
    min-height: -moz-max-content;
    min-height: -webkit-max-content;
    position: relative;
}
.bottom_btn .shadow-item {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    filter: blur(6px);
    -moz-filter: blur(6px);
    -webkit-filter: blur(6px);
    transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
}
/*.bottom_btn .q_btn_overl {
    box-shadow: none !important;
}*/
.bottom_btn .q_btn_overl:hover + .shadow-item {
    opacity: 0;
}
.q_midle .content span.con_title {
    font-size: 22px;
    line-height: 28px;
    color: #1F1F1F;
}
.progress_line {
    display: flex;
    width: calc(100% - 2px);
    height: 15px;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin: 4% 0 5% 1px;
}
.progress_line .line_opac {
    width: 100%;
    height: 4px;
    background: -webkit-linear-gradient(to left, #A154F2 0%, #F27A54 51.11%, #A154F2 99.47%);
    background: -moz-linear-gradient(to left, #A154F2 0%, #F27A54 51.11%, #A154F2 99.47%);
    background: -ms-linear-gradient(to left, #A154F2 0%, #F27A54 51.11%, #A154F2 99.47%);
    background: -o-linear-gradient(to left, #A154F2 0%, #F27A54 51.11%, #A154F2 99.47%);
    background: linear-gradient(to left, #A154F2 0%, #F27A54 51.11%, #A154F2 99.47%);
    opacity: 0.2;
    border-radius: 10px;
}
.progress_line .line_content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0%;
    height: 6px;
    -webkit-transition: .5s cubic-bezier(0.4, 0, 1, 1);
       -moz-transition: .5s cubic-bezier(0.4, 0, 1, 1);
        -ms-transition: .5s cubic-bezier(0.4, 0, 1, 1);
         -o-transition: .5s cubic-bezier(0.4, 0, 1, 1);
            transition: .5s cubic-bezier(0.4, 0, 1, 1);
}
.progress_line .line_content .line_gradient {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    /*-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
}
.progress_line .line_content .text.t_right, .progress_line .line_content .text.t_left {
    display: flex;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    position: absolute;
    top: 50%;
    right: 0;
}
.progress_line .line_content .text.t_right {
    -webkit-transform: translate(100%,-50%);
       -moz-transform: translate(100%,-50%);
        -ms-transform: translate(100%,-50%);
         -o-transform: translate(100%,-50%);
            transform: translate(100%,-50%);
    margin: -16px 1px 0 0;
}
.progress_line .line_content .text.t_left {
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: -16px 0px 0 0;
}
.progress_line .text span {
    color: #F27A54;
    font-size: 14px;
    margin: 0 0 0 3px;
}
.progress_line .text p {
    color: #000;
    font-size: 12px;
    font-weight: 100;
}
.progress_line .line_content .dash {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #A154F2;
}
.progress_line .line_content .anim_grad {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    width: 100%;
    height: 100%;
}
@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 40px;
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 40px;
    }
}
.q_midle .content form {
    overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}
.item-form-container {
    display: flex;
    width: 100%;
    position: relative;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
}
.slider_template {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider_template .block {
    width: calc((100% - 90px) / 3);
    margin: 0px 15px 25px;
    cursor: pointer;
    border: 1px solid;
    border-image: -webkit-linear-gradient(273.8deg, #F27A54 -0.65%, #A154F2 94.08%) 1;
    border-image: -moz-linear-gradient(273.8deg, #F27A54 -0.65%, #A154F2 94.08%) 1;
    border-image: -ms-linear-gradient(273.8deg, #F27A54 -0.65%, #A154F2 94.08%) 1;
    border-image: -o-linear-gradient(273.8deg, #F27A54 -0.65%, #A154F2 94.08%) 1;
    border-image: linear-gradient(273.8deg, #F27A54 -0.65%, #A154F2 94.08%) 1;
    position: relative;
    overflow: hidden;
    will-change: width, transform, box-shadow, border;
}
main#cr_steps_2 ~ .nicescroll-rails > div {
    background: #4c535b !important;
    -webkit-border-radius: 10px !important;
            border-radius: 10px !important;
}
main#cr_steps_2 ~ .nicescroll-rails {
    z-index: 9999 !important;
}
main#cr_steps_2 ~ .nicescroll-rails:before {
    display: none;
}
.slider_template .block:hover, .slider_template .block.active {
    -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25) !important;
}
.slider_template .img {
    will-change: margin;
    height: calc(100% - 67px);
    background-size: cover;
}
.slider_template .text {
    height: 65px;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    z-index: 5;
    position: relative;
}
.slider_template .text span {
    color: #000;
    font-size: 15px;
    font-weight: 200;
    text-align: center;
    padding: 0px 10px;
    width: 100%;
}
.slider_template label.active .q_checked {
    opacity: 1;
    z-index: 2;
}
.slider_template .circle_anim_slider {
    background: rgba(68, 75, 84);
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    margin: -15px -15px 0 0;
    -webkit-transform: translate(15%,-15%);
       -moz-transform: translate(15%,-15%);
        -ms-transform: translate(15%,-15%);
         -o-transform: translate(15%,-15%);
            transform: translate(15%,-15%);
}
label.active .circle_anim_slider {
    width: 700px;
    height: 700px;
    opacity: 0.5;
}

.q_btn {
    min-width: 174px;
    display: flex;
    height: 46px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: -webkit-linear-gradient(90deg, #F27A54 0%, #A154F2 100%), #000000;
    background: -moz-linear-gradient(90deg, #F27A54 0%, #A154F2 100%), #000000;
    background: -ms-linear-gradient(90deg, #F27A54 0%, #A154F2 100%), #000000;
    background: -o-linear-gradient(90deg, #F27A54 0%, #A154F2 100%), #000000;
    background: linear-gradient(90deg, #F27A54 0%, #A154F2 100%), #000000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 0px 25px;
}
.q_btn span {
    font-size: 20px;
    z-index: 3;
    color: #000;
    text-shadow: none;
    font-weight: 200;
    position: relative;
    pointer-events: none;
}
.q_btn .balck {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    background: #ffffff;
    z-index: 2;
}
.q_right .block {
    display: flex;
    margin-bottom: 18px;
}
.advice-wrap .b_text > .block {
    align-items: center;
}
.q_right .img {
    margin-right: 18px;
    position: relative;
    background: rgb(22, 25, 29);
    background-image: url(../img/camera.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.q_right .img {
    width: 72px;
    height: 72px;
}
.q_right .group {
    width: calc(100% - 88px);
    margin-top: -4px;
}
.q_right span.morn {
    position: relative;
    margin-bottom: 6px;
    display: block;
    white-space: pre-line;
}
.q_right .b_text > p, .mob-open-item .b_text .block > p, .mob-open-item .b_text > span.morn, .mob-open-item .b_text p {
    white-space: pre-line;
}
.advice-item span.morn:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0;
    width: 10px;
    height: 10px;
    background: rgba(76, 175, 80, 1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 rgba(76, 175, 80, 0.9);
    box-shadow: 0 0 0 rgba(76, 175, 80, 0.9);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.advice-wrap .block .img:after {
    content: '';
    position: absolute;
    bottom: 0;
    margin-bottom: -1px;
    margin-right: -1px;
    right: 0;
    width: 10px;
    height: 10px;
    background: rgba(76, 175, 80, 1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 rgba(76, 175, 80, 0.9);
    box-shadow: 0 0 0 rgba(76, 175, 80, 0.9);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.mob-open-item span.morn, .mob-open-item p {
    line-height: 1.35 !important;
}
.b_text > span.morn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.q_right p, .mob-open-item p {
    font-size: 12px;
    font-weight: 100;
}
.q_right span.osn.morn {
    margin-bottom: 18px;
    padding-bottom: 18px;
}
input.q_ihover_grad {
    height: 35px;
    width: 100%;
    border: 1px solid;
    padding: 0 5px 0 10px;
    border-right: none;
}
form.f_quiz a.add_reply.clear-data:after {
    background: url(../img/layers.svg);
}
.your_discount {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 50px;
    border-radius: 4px;
    width: 230px;
    -webkit-align-items: center;
    align-items: center;
    background: linear-gradient(to right, #ffef75 0%, #feb846 100%);
    -webkit-box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.25);
    padding: 0 15px;
    z-index: 1;
}
/*.your_discount:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 102%;
    top: 2%;
    left: 0;
    background: linear-gradient(to right, #0D47A1 0%, #26C6DA 100%);
    border-radius: 6px;
    z-index: -1;
    filter: blur(3px);
}*/
.your_discount.up .chevron-down, .your_discount.down .chevron-up {
    display: none;
}
.settings-item .your_discount span.disc {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.settings-item .your_discount p {
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    position: relative;
    color: #333;
}
.your_discount .group_d {
    display: flex;
    position: relative;
    padding-right: 10px;
}
.your_discount .chevron-up {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -4px;
    margin-top: -1px;
}
.your_discount .chevron-down {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -5px;
    margin-top: 4px;
}
.q_right .your_discount, .mob-open-item .your_discount {
    width: 100%;
    margin-bottom: 1.35vw;
    position: relative;
    height: 58px;
}

.mob-open-item .your_discount {
    left: 0 !important;
    margin-bottom: 2px !important;
    height: 54px !important;
}
#spacequiz-content:not(.form-transition) .q_right .your_discount {
    z-index: 9999;
}
.your_discount p.currency, .your_discount p.precent {
    margin: 0px 10px 0px 6px;
}
.bonus-final-wrapper .your_discount {
    width: calc(50% - 8px);
    margin-bottom: 16px;
    min-width: 300px;
    height: 60px;
}
.form-step span.bonus_title {
    display: block;
    font-size: 18px;
    color: black;
    margin-bottom: 10px;
    line-height: 1.35;
    width: 100%;
}
.no-link, .no-link * {
    cursor: auto !important;
}
.your_discount.complete .group_d img {
    opacity: 0;
    pointer-events: none;
}
.your_discount.complete .group_d {
    padding-right: 0px;
}
.your_discount.complete p.currency, .your_discount.complete p.precent {
    margin: 0px 2px 0px 6px;
}
.gift_c {
    width: calc(100% - 2px - 2.7vw);
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.gift_c .gift_creat {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.35);
    background-size: cover;
}
.gift_c .gift_creat:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
}
.ico-bonus-wraper {
    position: absolute;
    width: 28px;
    height: 28px;
    background: white;
    border-radius: 50%;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    margin-bottom: -14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.35);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.ico-bonus-wraper svg, .ico-bonus-wraper img {
    width: 100%;
    height: 100%;
    
}
.gift_c a.bonus-wraper {
    position: relative;
    display: block;
    width: calc(50% - .5vw);
}
.gift_c a.bonus-wraper:after {
    content: '';
    display: block;
    padding-top: 70%;
}
.gift_c a.bonus-wraper span {
    color: white;
    z-index: 111;
    position: absolute;
    width: calc(100% - 17px);
    max-height: calc(100% - 30px);
    top: 7px;
    left: 9px;
    font-weight: 300;
    display: block !important;
    text-shadow: 0px 0px 20px #000;
}
form.advice-form {
    width: 100%;
    display: flex;
    margin: 0 auto;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    margin-top: 18px;
}
form.advice-form button.q_btn_overl {
    width: 65px;
    min-width: 65px;
    padding: 0;
    display: block;
    height: 42px;
    -webkit-border-radius: 0 3px 3px 0 !important;
    border-radius: 0 3px 3px 0 !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}
button.q_btn_overl .spoiler > * {
    height: 42px !important;
    position: relative;
    display: block;
    width: 100%;
    top: 0 !important;
    z-index: 1 !important;
    line-height: 43px;
    font-size: 18px !important;
}
button.q_btn_overl .spoiler > svg {
    padding: 8px;
}
.spoiler {
    position: relative;
    display: block;
    width: 100%;
    z-index: 2;
}
form.advice-form.pending .spoiler {
    -webkit-transform: translateY(-42px);
    -moz-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
    -o-transform: translateY(-24px);
    transform: translateY(-42px);
}
form.advice-form.pending.complete .spoiler {
    -webkit-transform: translateY(-84px);
       -moz-transform: translateY(-84px);
        -ms-transform: translateY(-84px);
         -o-transform: translateY(-84px);
            transform: translateY(-84px);
}
button.q_btn_overl span {
    font-family: 'Proxima_Nova';
    letter-spacing: 1px;
    font-size: 16px !important;
    cursor: pointer;
}
.slider_template .q_checked {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.slider_template .block:hover .q_checked {
    opacity: 1;
}
.q_checked {
    position: relative;
    width: 27px;
    height: 27px;
    margin: 5px 7px 0 0;
}
.q_checked input {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 4;
    opacity: 0;
    cursor: pointer;
}
.q_checked:after {
    opacity: 0.35;
}
.q_checked:after, label.checbox_text_1 .q_checked:before, .block.list-complete-item .q_checked:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
label.checbox_text_1 .q_checked:before {
    z-index: 10;
    border: 1px solid;
}
label.checbox_text_1:not(.active) .q_checked:after {
    opacity: 0.1;
}
.slider_template .slick-list.draggable {
    padding: 0 0 3% 0;
}
.q_checked svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 3;
}
.q_checked svg path {
    stroke-dasharray: 0, 1009.6;
    stroke-dashoffset: 1;
    transition: 0.35s ease-in;
    stroke: #F27A54;
    stroke-width: 6px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
.q_checked input:checked + svg path {
    stroke-dasharray: 1009.6, 1009.6;
}
label.checbox_text_1 {
    width: 47%;
    margin: 0 0 20px 0;
    min-height: 40px;
    padding: 0 12px 0 12px;
    display: inline-block;
    -webkit-align-items: center;
            align-items: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
}
label.checbox_text_1:before {
    border: 1px solid;
    border-color: #404750;
}
label.checbox_text_1:after, label.checbox_text_1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
label.checbox_text_1:after {
    border: 1px solid;
    border-image: -webkit-linear-gradient(275.48deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -moz-linear-gradient(275.48deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -ms-linear-gradient(275.48deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -o-linear-gradient(275.48deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: linear-gradient(275.48deg, #F27A54 0%, #A154F2 100%) 1;
    opacity: 0;
}
label.checbox_text_1 .q_checked {
    width: 24px;
    height: 22px;
    margin: 0;
    z-index: 10;
}
label.checbox_text_1.active .q_checked:before {
    opacity: 1;
}
label.checbox_text_1 .q_checked svg {
    width: 17px;
    height: 17px;
}
label.checbox_text_1 span {
    color: #000;
    font-weight: 200;
    cursor: pointer;
    margin: 12px 0 11px 15px;
    width: calc(100% - 20px);
    z-index: 2;
}
label.checbox_text_1:hover, label.checbox_text_1.active {
    -webkit-box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);
}
.circle_anim_focus {
    position: absolute;
    width: 10px;
    height: 800px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #404750;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0;
}
label.active .circle_anim_focus {
    width: 110%;
    -webkit-transform: translate(-7%,-50%);
       -moz-transform: translate(-7%,-50%);
        -ms-transform: translate(-7%,-50%);
         -o-transform: translate(-7%,-50%);
            transform: translate(-7%,-50%);
    opacity: 1;
}
label.checbox_text_1.active span {
    color: #FFF;
}
.q_variants_pictures .block {
    width: 63%;
    position: absolute;
    height: 100%;
}
.q_variants_pictures .img {
    position: relative;
    top: 2px;
    width: 37%;
    margin-left: 63%;
    background-size: cover!important;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    height: auto;
    object-fit: cover;
    border: 2px solid;
    margin-bottom: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    border-radius: 4px;
}
form.q_cont_midle.q_variants_pictures > div {
    padding-bottom: 5px;
}
.q_variants_pictures .img:before {
    content: '';
    display: block;
    padding-top: calc(100% - 5px);
}
.q_variants_pictures .img span {
    width: 90%;
}
.q_variants_pictures .img span {
    color: #000;
}
.q_variants_pictures label.checbox_text_1 {
    width: 100%;
    margin: 0 0% 14px 0;
}
.q_variants_pictures .flex_c {
    height: calc(100% - 5px);
    width: calc(100% - 15px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding-right: 16px;
    padding-left: 15px;
    padding-top: 2px;
}
/* полоска под скролл-баром, в типе "ответ и картинка"
/*.q_variants_pictures .block:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #393F47;
    margin-right: 27px;
    z-index: -1;
}*/
.user_vvod {
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    position: relative;
    margin-bottom: 15px;
}
.user_vvod input {
    width: 100%;
    padding: 14px 22px;
    border: none;
    font-size: 18px;
    font-family: 'Proxima_Nova';
    color: #000;
    z-index: 2;
    position: relative;
    background: transparent;
}
p.info-control {
    font-size: 14px;
    font-weight: 100;
    padding: 0px 0px 10px 0;
}
p.info-item-control {
    font-size: 14px;
    font-weight: 100;
    padding: 5px 0px 7px 10px;
    opacity: 0.9;
}
.user_vvod input:focus + .circle_anim_inp {
    width: 1000px;
    height: 600px;
    opacity: 1;
}
.user_vvod input::-webkit-input-placeholder, input.o_bl::-webkit-input-placeholder, .q_select input.iselect::-webkit-input-placeholder {
    opacity: 0.75;
}
.user_vvod input:focus {
    background: transparent !important;
}
.user_vvod .circle_anim_inp {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: #404750;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    margin-left: -15px;
    opacity: 0;
}
.q_select input.iselect {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    position: relative;
    padding: 12px 50px 12px 25px;
    cursor: pointer;
}
.q_select svg {
    position: absolute;
    top: 0;
    margin-top: 27px;
    right: 0;
    width: 20px;
    height: 20px;
    margin-right: 17px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.q_select ul.m_sel {
    -webkit-box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    position: absolute;
    width: 100%;
    left: 0;
    overflow: auto;
        -webkit-overflow-scrolling: touch;
    max-height: calc(95% - 80px);
    margin-top: 60px;
}
.q_select.active svg {
    -webkit-transform: translateY(-50%) scale(1, -1);
       -moz-transform: translateY(-50%) scale(1, -1);
        -ms-transform: translateY(-50%) scale(1, -1);
         -o-transform: translateY(-50%) scale(1, -1);
            transform: translateY(-50%) scale(1, -1);
}
.q_select li {
    display: flex;
    min-height: 38px;
    color: #000;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 200;
    cursor: pointer;
    padding: 9px 0 8px 25px;
}
.q_select li:hover, .q_select li.selected {
    background: #393F47;
    color: #FFF;
}
.q_type_data .data input {
    background: #FFFFFF;
    border: 1px solid;
    border-color: #393F47;
    width: 100%;
    padding: 12px 10px 11px 60px;
    cursor: pointer;
    color: #000;
    font-family: 'Proxima_Nova';
    font-weight: 200;
}
.q_type_data label svg {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.q_type_data label.idata svg {
    width: 32px;
    height: 25px;
    margin-left: 15px;
}
.q_type_data label svg path {
    fill-opacity: 0.5 !important;
}
.q_type_data label.tdata svg {
    height: 22px;
    width: 30px;
    margin-left: 5px;
}
.flatpickr-calendar {
    -webkit-box-shadow: 0px 3px 10px -1px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 3px 10px -1px rgba(0, 0, 0, 0.5);
}
.shad_c.active_sh {
    -webkit-box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);
}
.q_type_data .data {
    display: flex;
    height: intrinsic;
    height: -moz-max-content;
    height: -webkit-max-content;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    margin-bottom: 15px;
}
.q_type_data .quiz-and-video .data {
    flex-direction: column;
}
.q_type_data .quiz-and-video .data span {
    margin: 20px 0;
}
.q_type_data .data span {
    width: 12px;
    height: 1px;
    background: rgba(0, 0, 0, 0.5);
    margin: 0 15px;
    font-size: 0;
}
label.tdata input.tdata.o_bl {
    padding-left: 40px;
}
.q_type_data label.tdata {
    min-width: 100px;
    width: 100px;
}
.q_type_data label.idata {
    width: 100%;
}
label.i_template {
    height: 65px;
    display: block;
    position: relative;
    margin-bottom: calc(7% - 10px);
    overflow: hidden;
    padding-top: 10px;
}
label.i_template input {
    width: 100%;
    height: 100%;
    border: 1px solid white;
    color: #fff;
    padding: 4px 20px 0 50px;
    font-size: 18px;
    font-weight: 200;
    font-family: 'Proxima_Nova';
    margin: 0;
    background: transparent;
    border-top: none !important;
}
label.i_template .icon-input {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 55px;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding-top: 3px;
}
label .icon-input svg path {
    fill: white;
    fill-opacity: 1;
}
label.i_template .icon-input.i_t_name svg {
    width: 17px;
}
label.i_template .icon-input.i_t_name svg path {
    fill-opacity: 0.75;
}
label.i_template .icon-input.i_t_phone svg {
    width: 14px;
}
label.i_template .icon-input.i_t_email svg {
    width: 18px;
}
label.i_template span {
    color: rgb(255, 255, 255);
    font-weight: 200;
    padding: 0 7px;
    position: absolute;
    height: 30px;
    top: 0;
    margin-top: -5px;
    left: 0;
    margin-left: 9px;
    font-size: 15px;
    pointer-events: none;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
label.i_template span:before, label.i_template span:after {
    content: '';
    position: absolute;
    height: 1px;
    background: white;
    top: 50%;
}
label.i_template span:before {
    width: 200px;
    left: 0;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
}
label.i_template span:after {
    width: 600px;
    right: 0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
}
form#lead-form button.q_btn_overl[disabled] {
    opacity: 0.7;
}
form#lead-form button.q_btn_overl {
    width: 100%;
    margin-top: 8%;
    padding: 0;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    height: auto;
    min-height: 70px;
    box-shadow: 0 10px 34px -5px rgba(0, 0, 0, 0.2);
}
form#lead-form button.sending {
    pointer-events: none;
}
form#lead-form button.sending .icon-btn svg {
    opacity: 0;
}
form#lead-form button.sending .icon-btn:after {
    opacity: 1 !important;
}
form#lead-form button.q_btn_overl span {
    font-size: 22px !important;
    max-width: 90%;
    padding: 15px 3px 15px 50px;
}
form#lead-form button.q_btn_overl .icon-btn {
    position: absolute;
    top: 50%;
    left: 0;
    width: 34px;
    height: 34px;
    margin-top: -18px;
    z-index: 5;
}
form#lead-form button.q_btn_overl .icon-btn svg {
    margin-top: 3px;
}
form#lead-form button.q_btn_overl .icon-btn:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 3px solid #ffffff;
    border-bottom-color: transparent !important;
    left: 0;
    top: 0;
    -webkit-animation: rotate_load 0.75s 0s infinite linear;
    animation: rotate_load 0.75s 0s infinite linear;
    opacity: 0;
}
form.advice-form.pending input {
    width: 0!important;
    padding: 0 !important;
    border: none;
    opacity: 0;
}
form.advice-form.pending button {
    width: 100%!important;
    border-radius: 5px !important;
}
.q_multiple_choice {
    display: flex;
    margin-top: 4%;
    -webkit-align-items: center;
            align-items: center;
    position: relative;
}
.q_multiple_choice input {
    height: 15px;
    width: 15px;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    margin: 0;
}
.q_multiple_choice span.cheek {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #a355ee;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    cursor: pointer;
    margin-top: -8px;
}
.q_multiple_choice span.cheek svg {
    stroke: #ef795a;
    stroke-width: 13px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    width: 12px;
    height: 12px;
}
.q_multiple_choice span.cheek svg path {
    stroke-dasharray: 1, 126;
    stroke-dashoffset: 1;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.q_multiple_choice input:checked + span.cheek svg path {
    stroke-dasharray: 126, 126!important;
}
form#lead-form .q_multiple_choice label {
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 1px 10px;
    cursor: default;
    font-size: 16px;
}
form#lead-form .q_multiple_choice a {
    color: #ef7959;
    font-weight: inherit !important;
    font-size: inherit !important;
}
form#lead-form input::-webkit-input-placeholder {
  opacity: 0.75 !important;
}
form#lead-form input::-moz-placeholder {
  opacity: 0.75 !important;
}
form#lead-form input:-ms-input-placeholder {
  opacity: 0.75 !important;
}
form#lead-form input:-webkit-autofill {
    -webkit-transition: background 5000000s, color 5000000s !important;
       -moz-transition: background 5000000s, color 5000000s !important;
        -ms-transition: background 5000000s, color 5000000s !important;
         -o-transition: background 5000000s, color 5000000s !important;
            transition: background 5000000s, color 5000000s !important;
}
.strengthened_form_q .s_text {
    width: 50%;
    padding: 0 2%;
}
.strengthened_form_q .fcontainer {
    display: flex;
    padding: 3.5% 2.5% 2% 2.5%;
    height: calc(100% - (97px + 4%));
}
.strengthened_form_q .s_text span.title {
    color: #000;
    text-align: center;
    display: block;
    font-weight: 200;
    margin-bottom: 5%;
}
.strengthened_form_q .gift_text span {
    color: #000;
    font-weight: 200;
}
.strengthened_form_q .s_text p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    font-weight: 200;
    margin-bottom: -2px;
}
.strengthened_form_q .gift_text img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 15px;
}
.strengthened_form_q .gift_text .group {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    margin-bottom: 3%;
    width: 100%;
    padding: 0;
}
.strengthened_form_q .gift_text {
    background: rgba(57, 63, 71, 0.05);
    padding: 3% 3.5% 3.5% 3.5%;
}
.strengthened_form_q form {
    -webkit-justify-content: unset;
            justify-content: unset;
    margin-top: 11px;
    height: auto;
}
.strengthened_form_q .gift_c {
    margin-top: 2%;
}
#viewer_quiz {
    min-height: 650px;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
#spacequiz-content .container-sidebar {
    height: 100%;
    max-height: 100vh;
}
form.q_dropdown_list .response-wrapper, form.q_input_field .response-wrapper, form.q_type_data .response-wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 5% !important;
}
form.q_dropdown_list .quiz-and-video .response-wrapper, form.q_input_field .quiz-and-video .response-wrapper, form.q_type_data .quiz-and-video .response-wrapper {
    padding-top: 2px !important;
}
form.q_cont_midle.q_dropdown_list .wrap-quiz-list, form.q_dropdown_list .response-wrapper {
    height: 100%;
}
form.q_cont_midle.q_dropdown_list, form.q_cont_midle.q_input_field, form.q_variants_answers .response-wrapper, form.q_cont_midle.q_type_data {
    padding-left: 15px;
    padding-right: 15px;
}
.response-input-container.is_col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto !important;
}
.response-input-container.is_col label.checbox_text_1 {
    width: calc(50% - 12px);
}
form.q_cont_midle.q_type_range {
    padding-left: 0;
}
form.q_cont_midle.q_type_range .wrap-quiz-list.quiz-and-video {
    padding-right: 15px;
}
form.q_cont_midle.q_variants_pictures {
    padding: 0px 15px 0 0 !important;
}
form.q_variants_answers .wrap-quiz-list.quiz-and-video {
    padding-right: 2%;
}
.creat_quiz form.q_cont_midle.q_dropdown_list {
    min-height: 20vw;
    height: calc(80% - 60px);
}
.q_select {
    position: relative;
}
.item-change-enter-active, .item-change-leave-active, .gallery-change-enter-active, .gallery-change-leave-active, .list-fade-enter-active, .list-fade-leave-active {
    -webkit-transition: .35s !important;
       -moz-transition: .35s !important;
        -ms-transition: .35s !important;
         -o-transition: .35s !important;
            transition: .35s !important;
}
.bonus-change-enter-active, .ico-bonus-wraper svg, .ico-bonus-wraper img {
    -webkit-transition: .5s 1s !important;
       -moz-transition: .5s 1s !important;
        -ms-transition: .5s 1s !important;
         -o-transition: .5s 1s !important;
            transition: .5s 1s !important;
}
.bonus-change-leave-active, .ico-bonus-wraper svg, .ico-bonus-wraper img {
    -webkit-transition: .5s !important;
       -moz-transition: .5s !important;
        -ms-transition: .5s !important;
         -o-transition: .5s !important;
            transition: .5s !important;
}
.bonus-change-enter-active {
    -webkit-transition: .5s .5s !important;
       -moz-transition: .5s .5s !important;
        -ms-transition: .5s .5s !important;
         -o-transition: .5s .5s !important;
            transition: .5s .5s !important;
}
.bonus-change-leave-active, .ico-bonus-wraper > * {
    -webkit-transition: .5s !important;
       -moz-transition: .5s !important;
        -ms-transition: .5s !important;
         -o-transition: .5s !important;
            transition: .5s !important;
}
.item-open-enter-active {
    -webkit-transition: .25s .25s !important;
       -moz-transition: .25s .25s !important;
        -ms-transition: .25s .25s !important;
         -o-transition: .25s .25s !important;
            transition: .25s .25s !important; 
}
.item-open-leave-active {
    -webkit-transition: .25s 0s !important;
       -moz-transition: .25s 0s !important;
        -ms-transition: .25s 0s !important;
         -o-transition: .25s 0s !important;
            transition: .25s 0s !important; 
}
.item-open-enter, .item-open-leave-to {
    opacity: 0;
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
}
.sale-bonus-action-enter {
    opacity: 0;
    -webkit-transform: translateY(75px);
       -moz-transform: translateY(75px);
        -ms-transform: translateY(75px);
         -o-transform: translateY(75px);
            transform: translateY(75px);
}
.sale-bonus-action-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-75px);
       -moz-transform: translateY(-75px);
        -ms-transform: translateY(-75px);
         -o-transform: translateY(-75px);
            transform: translateY(-75px);
}
.item-change-enter, .item-change-leave-to {
    opacity: 0;
    -webkit-transform: scale(0.95);
       -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
         -o-transform: scale(0.95);
            transform: scale(0.95);
}
.gallery-change-enter, .gallery-change-leave-to {
    opacity: 0;
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
}
.bonus-change-enter, .bonus-change-leave-to {
    -webkit-transform: scale(1.75);
       -moz-transform: scale(1.75);
        -ms-transform: scale(1.75);
         -o-transform: scale(1.75);
            transform: scale(1.75);
}

.bonus-change-enter > *, .bonus-change-leave-to > * {
    opacity: 0; 
    -webkit-transform: scale(.8);
       -moz-transform: scale(.8);
        -ms-transform: scale(.8);
         -o-transform: scale(.8);
            transform: scale(.8);
}

.form-change-enter-active, .form-change-leave-active {
    -webkit-transition: opacity .5s, transform .5s;
       -moz-transition: opacity .5s, transform .5s;
        -ms-transition: opacity .5s, transform .5s;
         -o-transition: opacity .5s, transform .5s;
            transition: opacity .5s, transform .5s;
}
.form-change-enter, .form-change-leave-to {
    opacity: 0;
    -webkit-transform: scale(0.75);
       -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
         -o-transform: scale(0.75);
            transform: scale(0.75);
}

.list-fade-enter, .list-fade-leave-to {
    opacity: 0;
    -webkit-transform: translateY(25px);
       -moz-transform: translateY(25px);
        -ms-transform: translateY(25px);
         -o-transform: translateY(25px);
            transform: translateY(25px);
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}
.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .35s;
     -moz-transition: opacity .35s;
      -ms-transition: opacity .35s;
       -o-transition: opacity .35s;
          transition: opacity .35s;
}
.ubbm_icons > * {
    pointer-events: none !important;
}
.ui-slider {
    position: relative;
    display: block;
    margin: 0 auto;
    height: 8px;
    width: calc(100% - 240px);
}
p.dara-range {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    color: black;
    text-align: center;
    width: 120px;
}
.bottom_btn.hidden {
    opacity: 0;
    pointer-events: none !important;
}
p.dara-range.first-data-range {
    left: 0;
    margin-left: -120px;
}
p.dara-range.last-data-range {
    right: 0;
    margin-right: -120px;
}
.quiz-and-video p.dara-range.first-data-range {
    margin-left: 0;
    text-align: left;
}
.quiz-and-video p.dara-range.last-data-range {
    margin-right: 0;
    text-align: right;
}
.quiz-and-video p.dara-range {
    margin-top: 30px;
}
.quiz-and-video .ui-slider {
    width: calc(95% - 90px);
}
.range-item {
    padding-top: 12%;
    overflow: hidden;
    padding-bottom: 10px;
    height: 100%;
}
.quiz-and-video .range-item {
    padding-top: 0;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}
.q_type_range .quiz-and-video .response-wrapper {
    padding-right: 0;
    margin-right: 0;
    padding-right: 0 !important;
}
.margin-null label.two_input {
    margin-bottom: 0;
}
.item-col-2.item-col.margin-null {
    margin: 0 auto 7px;
}
.ui-slider-range {
    position: absolute;
    display: block;
    height: 100%;
    background: -webkit-linear-gradient(to right, #A154F2 , #F27A54);
    background: -moz-linear-gradient(to right, #A154F2 , #F27A54);
    background: -ms-linear-gradient(to right, #A154F2 , #F27A54);
    background: -o-linear-gradient(to right, #A154F2 , #F27A54);
    background: linear-gradient(to right, #A154F2 , #F27A54);
}
.ui-slider:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(to right, #A154F2 , #F27A54);
    background: -moz-linear-gradient(to right, #A154F2 , #F27A54);
    background: -ms-linear-gradient(to right, #A154F2 , #F27A54);
    background: -o-linear-gradient(to right, #A154F2 , #F27A54);
    background: linear-gradient(to right, #A154F2 , #F27A54);
    z-index: -1;
    opacity: 0.3;
}
a.ui-slider-handle {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background: #FFFFFF;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 3px;
            border-radius: 3px;
}
span.info-range {
    position: absolute;
    top: 0;
    left: 50%;
    min-height: 35px;
    margin-top: -15px;
    min-width: 45px;
    padding: 6px 15px 5px 14px;
    -webkit-transform: translate(-50%, -100%);
       -moz-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
         -o-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
    background: #f27a54;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    z-index: 1;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    font-weight: 300;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
}
span.info-range:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #f27a54;
    bottom: 0;
    margin-bottom: -7px;
    left: 50%;
    margin-left: -7px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    z-index: -1;
}
.response-input-container {
    position: relative;
}
form.full-input-template label.checbox_text_1 {
    width: 100%;
}
.advice-wrap {
    position: relative;
    box-shadow: inset 0px 0px 12px -2px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    padding: 15px 15px 17px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.advice-wrap .b_text {
    max-height: 100%;
}
.social_manager {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    position: relative;
    margin-bottom: 4%;
}
.social_manager span {
    color: #A154F2;
    padding-left: 30px;
    text-align: center;
}
.social_manager a {
    width: 30px;
    margin-right: -10px;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    position: relative;
    will-change: opacity;
}
.social_manager a img {
    width: 30px;
    height: 30px;
}
.social_manager a p {
    color: #000;
    padding-left: 35px;
    padding-right: 20px;
    position: absolute;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.social_manager a {
    -webkit-transition: .45s;
       -moz-transition: .45s;
        -ms-transition: .45s;
         -o-transition: .45s;
            transition: .45s;
}
.social_manager a p {
    -webkit-transition: .35s;
       -moz-transition: .35s;
        -ms-transition: .35s;
         -o-transition: .35s;
            transition: .35s;
}
.social_manager a:hover p {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: .35s .1s;
       -moz-transition: .35s .1s;
        -ms-transition: .35s .1s;
         -o-transition: .35s .1s;
            transition: .35s .1s;
}
.social_manager a:nth-child(1):hover {
    margin-right: 100px;
}
.social_manager a:nth-child(2):hover {
    margin-right: 95px;
}
.social_manager a:nth-child(3):hover {
    margin-right: 90px;
}
.social_manager a:nth-child(4):hover {
    margin-right: 85px;
}
.social_manager a:nth-child(5):hover {
    margin-right: 55px;
}
.social_manager a:nth-child(6):hover {
    margin-right: 60px;
}
.block.list-complete-item .q_checked:before {
    z-index: 10;
    border: 1px solid;
    border-color: #F27A54;
}
#spacequiz-content {
    display: flex;
    padding: 15px;
    position: absolute;
    width: 100%;
    height: 100%;
}
#spacequiz-content .q_midle {
    width: 73%;
    position: relative;
    overflow: hidden;
}
#spacequiz-content.form-step .q_midle {
    width: 55%;
}
#spacequiz-content .q_right {
    width: 27%;
    min-width: 300px;
}
#spacequiz-content.form-step .q_right {
    width: 45%;
    min-width: 45%;
    max-width: 45%;
    padding: 3% 3% 2%;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#spacequiz-content #loaded_pic {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 1 !important;
    width: 76px !important;
    height: 76px !important;
    margin-left: -38px;
    margin-top: -38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #d6d6d6;
    border-bottom-color: #212121;
    -webkit-animation: rotate_load 0.75s 0s infinite linear;
    animation: rotate_load 0.75s 0s infinite linear;
}
#spacequiz-content #svg circle {
    stroke-dashoffset: 0;
    stroke: #e8e8e8;
    stroke-width: 10px;
}
#spacequiz-content #svg #bar {
    stroke: #FF9F1E;
    stroke-dashoffset: 560px;
    -webkit-animation: rotate_load 2s 0s infinite linear;
    animation: rotate_load 2s 0s infinite linear;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: stroke-dashoffset .1s;
       -moz-transition: stroke-dashoffset .1s;
        -ms-transition: stroke-dashoffset .1s;
         -o-transition: stroke-dashoffset .1s;
            transition: stroke-dashoffset .1s;
}
#spacequiz-content #cont {
    display: block;
    height: 200px;
    width: 200px;
    margin: 0;
    -webkit-border-radius: 100%;
            border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 999;
}
#spacequiz-content #cont span {
    position: absolute;
    display: block;
    height: 160px;
    width: 160px;
    left: 50%;
    top: 50%;
    margin-top: -76px;
    margin-left: -80px;
    -webkit-border-radius: 100%;
            border-radius: 100%;
    line-height: 160px;
    font-size: 45px;
    text-align: center;
    font-weight: 700;
}
#spacequiz-content #cont p {
    position: relative;
    display: block;
    text-align: center;
    font-size: 22px;
    white-space: normal;
    width: 250px;
    left: -22px;
    font-weight: 200;
}
#spacequiz-content #cont span b, #progress_bar_mob span b {
    font-size: 75%;
    font-weight: 200 !important;
}
#progress_bar_mob {
    display: block;
    height: 60px;
    width: 60px;
    margin: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 19;
    margin: 0 11px 15px 11px;
}

#progress_bar_mob span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}
#progress_bar_mob #bar_pbm {
    -webkit-transition: stroke-dashoffset .5s;
       -moz-transition: stroke-dashoffset .5s;
        -ms-transition: stroke-dashoffset .5s;
         -o-transition: stroke-dashoffset .5s;
            transition: stroke-dashoffset .5s;
    stroke-width: 5px;
}
#progress_bar_mob #svg_pbm .one_pbm {
    stroke-dashoffset: 0;
    stroke-width: 5px;
    opacity: 0.2;
}
.content-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.slider_template .block:before {
    content: "";
    display: block;
}
.slider_vertical .block:before {
    padding-top: 115%;
}
.slider_square .block:before {
    padding-top: 100%;
}
.slider_horizont .block:before {
    padding-top: 74%;
}
.container-sidebar {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 1.35vw;
    overflow: auto;
        -webkit-overflow-scrolling: touch;
}
#style_container, #fonts_container {
    display: none;
}
.form-step .q_midle {
    width: 55%;
}
.form-step .q_right {
    width: 45%;
}
.form-step .q_midle #wrapper_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 5% 4.5%;
}
.form-step .q_midle .content span.con_title {
    font-size: 24px;
}
.form-step .q_midle .content span.con_subtitle {
    position: relative;
    display: block;
    color: #1F1F1F;
    font-weight: 200;
    margin: 2% 0 5%;
    font-size: 18px;
}
form#lead-form {
    position: relative;
    width: 100%;
    will-change: left;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
           -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
                transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate {
    0% {
    -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
           -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
                transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
           -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
}
@-webkit-keyframes circulate {
    0% {
        -webkit-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
           -moz-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
            -ms-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
             -o-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
                transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
           -moz-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
            -ms-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
             -o-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
                transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
    }
}
@-moz-keyframes circulate {
    0% {
        -webkit-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
           -moz-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
            -ms-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
             -o-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
                transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
           -moz-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
            -ms-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
             -o-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
                transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
    }
}
@keyframes circulate {
    0% {
        -webkit-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
           -moz-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
            -ms-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
             -o-transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
                transform: rotate(0deg) translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
           -moz-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
            -ms-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
             -o-transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
                transform: rotate(1440deg) translate(-50%, -50%) rotate(-1440deg);
    }
}
@-webkit-keyframes rotate_load {
    0% {
        -webkit-transform: rotate(-360deg);
           -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}
@-moz-keyframes rotate_load {
    0% {
        -webkit-transform: rotate(-360deg);
           -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}
@keyframes rotate_load {
    0% {
        -webkit-transform: rotate(-360deg);
           -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
             -o-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
               -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                 -o-transform: rotate(0deg);
                    transform: rotate(0deg);
    }
}



/* --- One page - open --- */

body.one_page span, body.one_page p, body.one_page a {
    font-size: 16px;
    color: #FFF;
    letter-spacing: 0.7px;
    top: 0;
}
body.one_page header a.q_btn_overl:before, .mbe_block a.q_btn_overl:before {
    display: none;
}
body.one_page a.q_btn_overl span , body.one_page a.q_btn span  {
    cursor: pointer;
}
.op1_mtitle .group, .op1_subtitle .group, .op_top_fullw .opt_contacts .group, .op1_btn .group, .op_top_fullw, .op_bottom_fullw, .op1_mtitle {
    position: relative;
}
.op1_subtitle h2:hover + .op_focus, .op1_subtitle .op_focus:hover, .op1_mtitle h1:hover + .op_focus, .op1_mtitle .op_focus:hover, .op_focus.full_w:hover, .op_bottom_fullw:hover, .op1_mtitle .op_focus.overl_main:hover {
    opacity: 1;
}
.op1_subtitle h2:hover, .op1_mtitle h1:hover {
    cursor: text;
}
main.op_template_2 .op1_btn .group {
    max-width: 93%;
    text-align: center;
}




body.one_page header {
    background: #292F35;
    -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.4);
    height: 70px;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0px 60px 0 40px;
    z-index: 10;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}
header .op_group {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
header .op_group a.logo {
    background: url(../img/logo.svg) center no-repeat;
    background-size: contain;
    width: 60px;
    height: 65px;
    margin-top: 12px;
}
.oph_select a.sl {
    width: 500px;
    height: 36px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #fff;
    padding-left: 15px;
    border-image: -webkit-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -moz-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -ms-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -o-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    position: relative;
    z-index: 2;
    background: #292f35;
    font-size: 15px;
    text-transform: lowercase;
    font-weight: 300;
    padding-bottom: 1px;
}
body.one_page header .balck {
    background: #292f35;
    -webkit-border-radius: unset;
            border-radius: unset;
}
body.one_page header a.q_btn, body.one_page header a.q_btn_overl {
    -webkit-border-radius: 0;
    border-radius: 0;
    min-width: 170px;
    height: 36px;
}
body.one_page header a.q_btn {
    background: linear-gradient(90deg, #F27A54 0%, #A154F2 100%);
}
body.one_page header a.q_btn_overl {
    background: linear-gradient(90deg, #A154F2 0%, #F27A54 100%);
}
body.one_page a[disabled] {
    pointer-events: none;
    opacity: 0.75;
}
body.one_page header a.q_btn {
    margin-right: 22px;
    min-width: 44px;
    padding: 0;
}
body.one_page header a.q_btn.edit-site-back svg {
    width: 18px;
    height: 18px;
    margin-left: -2px;
}
body.one_page header a.q_btn.edit-site-back {
    margin-right: -15px;
    margin-left: 12px;
}
a.q_btn.edit-site-back .balck {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.q_btn.edit-site-restore img {
    display: block !important;
    z-index: 10;
    width: 22px;
    margin-top: 1px;
}
.edit-site-restore-next {
    transform: scale(-1);
}
header .op_group:first-child {
    width: calc(100% - 370px);
}
.oph_select {
    margin-left: 3%;
    position: relative;
}
body.one_page header a.q_btn svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    z-index: 20;
}
#bcg-item {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}
.image-item {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.oph_select a.sl:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 17px;
    height: 11px;
    background: url(../img/arrow_down.svg);
    margin-right: 12px;
    background-size: cover;
}
main.op_template_100vh {
    min-height: 100vh;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.op_top_fullw {
    display: flex;
    padding: 25px 4.5% 20px 4.5%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    z-index: 3;
}
.op_top_fullw .opt_group, .opt_contacts {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.op_top_fullw .logo {
    margin-right: 20px;
    position: relative;
    display: block;
    object-fit: contain;
    max-width: 12vw;
}
.op_top_fullw span.name_logo {
    letter-spacing: 0;
    /*text-shadow: 0px 0px 10px rgba(0, 0, 0, .35), 0px 0px 20px rgba(0, 0, 0, .5);*/
}
.opt_contacts a {
    /*text-shadow: 0px 0px 10px rgba(0, 0, 0, .35), 0px 0px 20px rgba(0, 0, 0, .5);*/
}
.opt_contacts a {
    display: inline-block;
    text-align: right;
    letter-spacing: 0 !important;
}
.op_bottom_fullw span, .op_bottom_fullw a {
    white-space: nowrap;
    white-space: unset;
    letter-spacing: 0;
}
.opt_soc_seti {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    margin-left: 40px;
}
.op_top_fullw .opt_contacts .group{
    margin-right: 40px;
}
.opt_soc_seti a svg {
    width: 100%;
    height: 100%;
}
.opt_soc_seti a {
    width: 35px;
    height: 35px;
    margin-left: 20px;
}
.opt_soc_seti a:first-child {
    margin: 0;
}
.op_top_fullw .container {
    display: flex;
    width: 55%;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}
.op_top_fullw .opt_contacts {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    max-width: 100%;
    padding-top: 1px;
    margin-right: -40px;
}
.op_top_fullw .opt_group {
    max-width: 45%;
}
.op1_mtitle {
    width: 76%;
    padding: 30px 5% 30px 4.5%;
    border-bottom: 2px solid var(--color_f);
    display: inline-block;
    z-index: 3;
}
.op1_mtitle h1 {
    letter-spacing: 0;
    z-index: 2;
    position: relative;
}
.op_focus {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 65px);
    height: calc(100% + 20px);
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 0.2);
    border: 2px dashed #FFFFFF;
    margin-left: 16px;
    opacity: 0;
}
.op_focus.transparent-mode {
    background: transparent;
    z-index: 100;
    pointer-events: none;
}
.op1_subtitle {
    width: 76%;
    padding: 6vh 5% 6vh 4.5%;
    display: inline-block;
}
.op1_subtitle h2 {
    letter-spacing: 0;
    z-index: 2;
    position: relative;
}
a.btn_transp span {
    font-size: 26px;
    color: rgba(38, 42, 56, 1);
    z-index: 1;
    letter-spacing: 0;
    cursor: pointer;
}
a.btn_transp {
    display: flex;
    width: 335px;
    height: 70px;
    border: 2px solid #fff;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}
a.btn_transp:before {
    content: '';
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: white;
    z-index: 0;
}
a.btn_transp:hover::before {
    -webkit-box-shadow: 0 0 0 2px white;
            box-shadow: 0 0 0 2px white;
}
.op1_btn {
    width: 76%;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    z-index: 5;
    position: relative;
}
.op_bottom_fullw {
    display: flex;
    padding: 0 4.5%;
    height: 80px;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    z-index: 2;
}
.opb_terms_use, .opb_create_quiz a {
    position: relative;
}
.opb_terms_use a, .opb_create_quiz a {
    border-bottom: 1px solid;
}
.opb_terms_use a {
    border-bottom-color: transparent;
}
.opb_terms_use a:hover {
    border-bottom-color: inherit;
}
.opb_create_quiz a {
    border-bottom-color: inherit;
}
.opb_create_quiz a:hover {
    border-bottom-color: transparent;
}
.opb_address, .opb_create_quiz {
    max-width: calc((100% - 360px) / 2 );
}
.op_focus button.gear {
    width: 45px;
    height: 45px;
    border: none;
    background: url(../img/setting_gear.png) center/contain no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 5px 2px 0;
    cursor: pointer;
    z-index: 3;
    pointer-events: all;
}
body.one_page.op_scrollbar {
    padding-top: 70px;
}
.op_focus.small button.gear {
    bottom: 50%;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
    margin: 0 5px 0 0;
}
.op_focus.small {
    height: calc(100% + -5px);
    width: calc(100% + 70px);
    margin-left: 22px;
}
.op1_btn .op_focus.small_btn {
    width: calc(100% + 63px);
    height: calc(100% + 6px);
    margin-left: -3px;
    z-index: 10;
    cursor: pointer;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background: transparent;
    pointer-events: none;
}
.op1_btn .op_focus.small_btn button.gear {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    margin: 0 7px -4px 0;
    pointer-events: all;
}
.op_focus.full_w {
    width: 100%;
    height: 100%;
    margin-left: 0;
    cursor: pointer;
}
.op_focus.full_w button.gear {
    bottom: 50%;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
    margin: 0 6px -4px 0;
}
.op1_mtitle .op_focus.overl_main {
    width: 100%;
    height: calc(100% + 4px);
    margin-left: 0;
    cursor: pointer;
}
.op_focus.full_w.full_doc button.gear {
    bottom: 100%;
    left: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    margin: 0 0 -100px 4.5%;
}
.op_bottom_fullw.active form.opt_form_fullb.right {
    -webkit-transform: translate(0%,-100%);
       -moz-transform: translate(0%,-100%);
        -ms-transform: translate(0%,-100%);
         -o-transform: translate(0%,-100%);
            transform: translate(0%,-100%);
    opacity: 1;
    pointer-events: auto;
}
main.op_template_100vh.active form.op_setting_templ.osn_setting {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
}
.op1_mtitle.active form.op_setting_templ.overlay_setting {
    opacity: 1;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
    pointer-events: auto;
}
.op_bottom_fullw.active, .op_top_fullw.active {
    z-index: 9;
}
ul.oph_poup_up {
    position: absolute;
    list-style: none;
    width: 500px;
    border: 1px solid;
    border-image: -webkit-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -moz-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -ms-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: -o-linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    border-image: linear-gradient(290.49deg, #F27A54 0%, #A154F2 100%) 1;
    padding: 20px;
    z-index: 9;
    background: #292f35;
    margin-top: -1px;
    display: flex;
    z-index: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    max-height: 532px;
    overflow: auto;
        -webkit-overflow-scrolling: touch;
}
ul.oph_poup_up li a {
    display: block;
}
.oph_select.active ul.oph_poup_up {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
    pointer-events: auto;
}
ul.oph_poup_up li {
    width: calc(50% - 10px);
    background: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    margin-top: 20px;
}
ul.oph_poup_up li:nth-child(1), ul.oph_poup_up li:nth-child(2) {
    margin-top: 0;
}
ul.oph_poup_up li a > * {
    pointer-events: none;
}
ul.oph_poup_up img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
ul.oph_poup_up li p.template-title {
    padding: 10px 12px 9px;
    display: block;
    font-size: 14px;
    pointer-events: none;
}
ul.oph_poup_up li.active {
    box-shadow: none;
    opacity: 0.5;
    pointer-events: none;
}
ul.oph_poup_up li.active p.template-title {
    padding-bottom: 10px;
}
ul.oph_poup_up li:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
}
body.one_page header a.q_btn img, body.one_page header a.q_btn_overl img {
    display: none;
}
main.op_template_2 .middle {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-left: 2.5%;
    min-height: 100vh;
}
main.op_template_2 {
    min-height: unset;
}
main.op_template_2 .op1_mtitle {
    width: 100%;
    padding: 30px 7%;
    background: transparent;
    border-bottom: unset;
}
main.op_template_2 .op1_subtitle {
    width: 100%;
    padding: 1vh 7% 10vh;
}
main.op_template_2 .op1_btn {
    width: 100%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: 7%;
}
.opt_2_overlay {
    width: 60%;
    min-height: 100vh;
    padding: 86px 0 80px 0;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-shadow: 10px 0px 40px 10px rgba(0, 0, 0, 0.35);
            box-shadow: 10px 0px 40px 10px rgba(0, 0, 0, 0.35);
    z-index: 2;
    position: relative;
}
.overlae-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
main.op_template_2 .op_top_fullw {
    top: 0;
}
main.op_template_2 .op_bottom_fullw, main.op_template_2 .op_top_fullw {
    position: absolute;
    left: 0;
    width: 100%;
}
main.op_template_2 .op_bottom_fullw {
    bottom: 0;
}
main.op_template_2 .opb_create_quiz {
    width: 30%;
    max-width: unset;
}
main.op_template_2 .opb_address {
    width: 59%;
    padding: 0 0 0 5%;
    max-width: unset;
    text-align: right;
}
main.op_template_2 .op1_mtitle .op_focus, main.op_template_2 .op1_subtitle .op_focus {
    width: calc(100% + 20px);
    margin-left: 0px;
}
.opt_soc_seti a:hover {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
}
.ovelay_be {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99;
}
.m_button_edition {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    background: #fff;
    width: 1000px;
}
.m_button_edition span.title {
    color: #000;
    height: 50px;
    width: 100%;
    background: #DADCDE;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 0 40px;
    font-weight: 700;
    font-size: 18px;
}
.m_button_edition form {
    padding: 20px 30px 30px 30px;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    overflow: hidden;
}
.mbe_block {
    width: 40%;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mbe_block1 {
    width: 55%;
    position: relative;
}
.mbe_block label.border_g {
    border-bottom: 1px solid;
    border-image: -webkit-linear-gradient(to right, #F27A54 -4.95%, #A154F2 89.78%) 1;
    border-image: -moz-linear-gradient(to right, #F27A54 -4.95%, #A154F2 89.78%) 1;
    border-image: -ms-linear-gradient(to right, #F27A54 -4.95%, #A154F2 89.78%) 1;
    border-image: -o-linear-gradient(to right, #F27A54 -4.95%, #A154F2 89.78%) 1;
    border-image: linear-gradient(to right, #F27A54 -4.95%, #A154F2 89.78%) 1;
    padding: 3px 0;
    margin-bottom: 15px;
}
.mbe_block .group {
    margin-bottom: 25px;
}
.mbe_color {
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 133px;
    height: 26px;
}
.mbe_block .g_flex_color {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.q_circle_checked {
    width: 20px;
    height: 20px;
    position: relative;
}
.q_circle_checked input {
    width: 100%;
    height: 100%;
    padding: 0!important;
    z-index: 3;
}
.q_circle_checked span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: rgba(196, 196, 196, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.q_circle_checked input {
    position: relative;
    z-index: 13;
    opacity: 0;
    cursor: pointer;
}
.q_circle_checked span:after {
    width: 74%;
    height: 74%;
    background: #F27A54;
    -webkit-transition: .35s;
       -moz-transition: .35s;
        -ms-transition: .35s;
         -o-transition: .35s;
            transition: .35s;
}
.q_circle_checked span:before, .q_circle_checked span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    opacity: 0;
}
.q_circle_checked input:checked + span:after {
    opacity: 1;
}
.q_circle_checked input:checked + span:before {
    -webkit-animation: q_click-wave 0.65s;
    -moz-animation: q_click-wave 0.65s;
    animation: q_click-wave 0.65s;
    background: #F27A54;
    z-index: 10;
    pointer-events: none;
}
@-webkit-keyframes q_click-wave {
    0% {
    width: 74%;
    height: 74%;
    opacity: 0.35;
    position: relative;
  }
  100% {
    width: 160px;
    height: 160px;
    opacity: 0;
  }
}
@-moz-keyframes q_click-wave {
    0% {
    width: 74%;
    height: 74%;
    opacity: 0.35;
    position: relative;
  }
  100% {
    width: 160px;
    height: 160px;
    opacity: 0;
  }
}
@keyframes q_click-wave {
    0% {
    width: 74%;
    height: 74%;
    opacity: 0.35;
    position: relative;
  }
  100% {
    width: 90px;
    height: 90px;
    opacity: 0;
  }
}
.mbe_block .block_check {
    display: flex;
    margin-top: 15px;
}
.mbe_block .g_flex_check {
    display: flex;
    margin-right: 25px;
    -webkit-align-items: center;
            align-items: center;
}
.mbe_block .g_flex_check label {
    padding-left: 10px;
    cursor: pointer;
    font-size: 14px;
}
.mbe_block .g_flex.radius {
    width: 320px;
    height: 10px;
}
.mbe_number {
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mbe_number span {
    margin-bottom: 1px;
}
.mbe_block span, .mbe_number p {
    color: #000!important;
    font-size: 14px!important;
}
.mbe_number .n_group {
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.mbe_number input {
    width: 85px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    font-family: 'Proxima_Nova';
    font-size: 16px;
    padding: 0 2px 0 10px;
}
.mbe_number p {
    margin-left: 5px;
}
.mbe_block .group.g-6 {
    display: flex;
}
.mbe_block .group.g-6 .mbe_number:first-child {
    margin-right: 60px;
}
.mbe_block .group.g-7 {
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mbe_block .group input[type="text"] {
    width: 284px;
    height: 30px;
    font-family: 'Proxima_Nova';
    font-size: 16px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.mbe_block .group.g-7 span, .mbe_block .group.g-8 span {
    margin-bottom: 4px;
}
.mbe_block .group.g-8 span {
    width: 100%;
}
.mbe_fonts_s {
    width: 120px;
    height: 26px;
    margin-left: 30px;
}
.mbe_block .group.g-8 {
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.mbe_block a.q_btn_overl {
    width: 170px;
    -webkit-border-radius: 0;
            border-radius: 0;
    margin-top: 10px;
}
.mbe_block a.q_btn_overl span {
    color: #FFF!important;
    font-size: 16px!important;
}
.mbe_block1 .pre_viewing {
    background: #E5E5E5;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 30px);
    margin-top: 35px;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding-left: 60px;
}
.mbe_block1 label.border_g {
    padding-left: 60px;
}
a.q_close {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%,-50%);
       -moz-transform: translate(50%,-50%);
        -ms-transform: translate(50%,-50%);
         -o-transform: translate(50%,-50%);
            transform: translate(50%,-50%);
    width: 40px;
    height: 40px;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    will-change: transform;
}
a.q_close svg {
    width: 55%;
    height: 55%;
    z-index: 2;
}
a.q_close:after {
    background: -webkit-linear-gradient(225.46deg, #FFFFFF 4.79%, rgba(255, 255, 255, 0) 137.78%);
    background: -moz-linear-gradient(225.46deg, #FFFFFF 4.79%, rgba(255, 255, 255, 0) 137.78%);
    background: -ms-linear-gradient(225.46deg, #FFFFFF 4.79%, rgba(255, 255, 255, 0) 137.78%);
    background: -o-linear-gradient(225.46deg, #FFFFFF 4.79%, rgba(255, 255, 255, 0) 137.78%);
    background: linear-gradient(225.46deg, #FFFFFF 4.79%, rgba(255, 255, 255, 0) 137.78%);
}
a.q_close:after, a.q_close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a.q_close:before {
    background: -webkit-linear-gradient(225.46deg, #d24a43 4.79%, rgba(116, 95, 102, 0.1) 137.78%);
    background: -moz-linear-gradient(225.46deg, #d24a43 4.79%, rgba(116, 95, 102, 0.1) 137.78%);
    background: -ms-linear-gradient(225.46deg, #d24a43 4.79%, rgba(116, 95, 102, 0.1) 137.78%);
    background: -o-linear-gradient(225.46deg, #d24a43 4.79%, rgba(116, 95, 102, 0.1) 137.78%);
    background: linear-gradient(225.46deg, #d24a43 4.79%, rgba(116, 95, 102, 0.1) 137.78%);
    opacity: 0;
}
a.q_close:hover svg {
    fill: #fff;
}
.mbe_block1:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: calc(100% + 65px);
    width: 1px;
    background: #dadcde;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.op_right_panel {
    width: 100%;
    height: 100%;
    background: rgba(49, 49, 49, 0.95);
    padding: 35px 17px;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
}
.op_top_fullw.active_info .op_right_panel {
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
}
.opr_bottom .opb_address, .opr_bottom .opb_create_quiz {
    max-width: unset;
}
.opr_middle span.title, .opr_middle span.subtitle {
    font-size: 30px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    display: block;
}
.opr_middle span.subtitle {
    margin-top: 40px;
}
.opr_bottom .opb_address {
    margin-bottom: 15px;
}
button.op_right_btn {
    width: 100%;
    height: 50px;
    background: rgba(49, 49, 49, 0.95);
    box-sizing: border-box;
    -webkit-box-shadow: 0px 5px 46px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 5px 46px rgba(0, 0, 0, 0.3);
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.opr_middle, .opr_bottom {
    position: relative;
    padding: 5px 8px;
    z-index: 2;
}
main.op_template_2 .op1_btn ._item--spacequiz--btn, main.op_template_1 .op1_btn ._item--spacequiz--btn {
    min-width: 350px;
    height: 72px;
    max-width: 100%;
    display: inline-block;
}
a.bonus-wraper .g_over span {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
}

/*.op_focus {
    display: none;
}*/
/* --- One page - close --- */

input.invalid {
    border-color: red !important;
    border-image: none !important;
}
#lead-form input.invalid + span:before, #lead-form input.invalid + span:after {
    background: red !important;
}
@-webkit-keyframes scaleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes scaleAnimation {
    0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes drawCircle {
  0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes drawCircle {
    0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCircle {
  0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes drawCheck {
  0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes drawCheck {
    0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCheck {
  0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
    0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
    0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#successAnimationCircle {
  stroke-dasharray: 151px 151px;
  stroke: #FFF;
}

#successAnimationCheck {
  stroke-dasharray: 36px 36px;
  stroke: #FFF;
}

#successAnimationResult {
  fill: #FFF;
  opacity: 0;
}
.cback-circle {
    position: absolute;
    width: calc(60% - 90px);
    height: calc(60% - 90px);
    top: 50%;
    left: 50%;
    border: 1px solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;    
    background: #a154f2;
    color: #a154f2;
}
.cback-circle.fn2 {
    -webkit-animation: pin 2s linear 1s infinite normal;
    animation: pin 2s linear 1s infinite normal;
    background: none;
}
.cback-circle.fn1 {
    -webkit-animation: pin 2.5s linear 1.4s infinite normal;
    animation: pin 2.5s linear 1.4s infinite normal;
}
@-webkit-keyframes pin {
    0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
       -moz-transform: translate(-50%, -50%) scale(0.9);
        -ms-transform: translate(-50%, -50%) scale(0.9);
         -o-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
  }
  25% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.65);
       -moz-transform: translate(-50%, -50%) scale(1.65);
        -ms-transform: translate(-50%, -50%) scale(1.65);
         -o-transform: translate(-50%, -50%) scale(1.65);
            transform: translate(-50%, -50%) scale(1.65);
  }
}
@-moz-keyframes pin {
    0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
       -moz-transform: translate(-50%, -50%) scale(0.9);
        -ms-transform: translate(-50%, -50%) scale(0.9);
         -o-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
  }
  25% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.65);
       -moz-transform: translate(-50%, -50%) scale(1.65);
        -ms-transform: translate(-50%, -50%) scale(1.65);
         -o-transform: translate(-50%, -50%) scale(1.65);
            transform: translate(-50%, -50%) scale(1.65);
  }
}
@keyframes pin {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
       -moz-transform: translate(-50%, -50%) scale(0.9);
        -ms-transform: translate(-50%, -50%) scale(0.9);
         -o-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
  }
  25% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.65);
       -moz-transform: translate(-50%, -50%) scale(1.65);
        -ms-transform: translate(-50%, -50%) scale(1.65);
         -o-transform: translate(-50%, -50%) scale(1.65);
            transform: translate(-50%, -50%) scale(1.65);
  }
}
@-webkit-keyframes phone-fn {
    0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  30% {
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes phone-fn {
    0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  30% {
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes phone-fn {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  30% {
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
.item-form.result-form {
    position: relative;
    width: 100%;
}
.container-animation {
    position: relative;
    width: 100%;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    margin-top: -20%;
}
.success-animation {
    -webkit-animation: phone-fn 2.5s linear 1s infinite normal;
    animation: phone-fn 2.5s linear 1s infinite normal;
}
.error-animation {
    -webkit-animation: errMove 4s linear 3s infinite normal;
    animation: errMove 4s linear 3s infinite normal;
}
#errorAnimation {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 24%;
    fill: #fff;
    stroke: #fff;
    fill-opacity: 0;
    stroke-width: 0;
    stroke-dasharray: 20% 0;
}
#errorAnimation g {
    fill-opacity: 1;
    -webkit-animation: stroke_offset_pal 3s cubic-bezier(.575,.005,.285,1.005) 0s;
    animation: stroke_offset_pal 3s cubic-bezier(.575,.005,.285,1.005) 0s;
}
@-webkit-keyframes stroke_offset_pal {
    0% {
        fill-opacity: 0;
        stroke-width: 0;
        stroke-dasharray: 0% 100000%;
    }
    5% {
        stroke-width: 1px;
        stroke-dasharray: 0% 50%;
    }
    50% {
        fill-opacity: 0;
    }
    100% {
        stroke-width: 2px;
    }
}
@-moz-keyframes stroke_offset_pal {
    0% {
        fill-opacity: 0;
        stroke-width: 0;
        stroke-dasharray: 0% 100000%;
    }
    5% {
        stroke-width: 1px;
        stroke-dasharray: 0% 50%;
    }
    50% {
        fill-opacity: 0;
    }
    100% {
        stroke-width: 2px;
    }
}
@keyframes stroke_offset_pal{ 
    0% {
        fill-opacity: 0;
        stroke-width: 0;
        stroke-dasharray: 0% 100000%;
    }
    5% {
        stroke-width: 1px;
        stroke-dasharray: 0% 50%;
    }
    50% {
        fill-opacity: 0;
    }
    100% {
        stroke-width: 2px;
    }
}
@-webkit-keyframes errMove {
    2.5%, 22.5% {
        -webkit-transform: translateX(-2%);
           -moz-transform: translateX(-2%);
            -ms-transform: translateX(-2%);
             -o-transform: translateX(-2%);
                transform: translateX(-2%);
    }
    5%, 20% {
        -webkit-transform: translateX(4%);
           -moz-transform: translateX(4%);
            -ms-transform: translateX(4%);
             -o-transform: translateX(4%);
                transform: translateX(4%);
    }
    7.5%, 12.5%, 17.5% {
        -webkit-transform: translateX(-8%);
           -moz-transform: translateX(-8%);
            -ms-transform: translateX(-8%);
             -o-transform: translateX(-8%);
                transform: translateX(-8%);
    }
    10%, 15% {
        -webkit-transform: translateX(8%);
           -moz-transform: translateX(8%);
            -ms-transform: translateX(8%);
             -o-transform: translateX(8%);
                transform: translateX(8%);
    }
    25%, 100% {
        -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    }
}
@-moz-keyframes errMove {
    2.5%, 22.5% {
        -webkit-transform: translateX(-2%);
           -moz-transform: translateX(-2%);
            -ms-transform: translateX(-2%);
             -o-transform: translateX(-2%);
                transform: translateX(-2%);
    }
    5%, 20% {
        -webkit-transform: translateX(4%);
           -moz-transform: translateX(4%);
            -ms-transform: translateX(4%);
             -o-transform: translateX(4%);
                transform: translateX(4%);
    }
    7.5%, 12.5%, 17.5% {
        -webkit-transform: translateX(-8%);
           -moz-transform: translateX(-8%);
            -ms-transform: translateX(-8%);
             -o-transform: translateX(-8%);
                transform: translateX(-8%);
    }
    10%, 15% {
        -webkit-transform: translateX(8%);
           -moz-transform: translateX(8%);
            -ms-transform: translateX(8%);
             -o-transform: translateX(8%);
                transform: translateX(8%);
    }
    25%, 100% {
        -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    }
}
@keyframes errMove{ 
    2.5%, 22.5% {
        -webkit-transform: translateX(-2%);
           -moz-transform: translateX(-2%);
            -ms-transform: translateX(-2%);
             -o-transform: translateX(-2%);
                transform: translateX(-2%);
    }
    5%, 20% {
        -webkit-transform: translateX(4%);
           -moz-transform: translateX(4%);
            -ms-transform: translateX(4%);
             -o-transform: translateX(4%);
                transform: translateX(4%);
    }
    7.5%, 12.5%, 17.5% {
        -webkit-transform: translateX(-8%);
           -moz-transform: translateX(-8%);
            -ms-transform: translateX(-8%);
             -o-transform: translateX(-8%);
                transform: translateX(-8%);
    }
    10%, 15% {
        -webkit-transform: translateX(8%);
           -moz-transform: translateX(8%);
            -ms-transform: translateX(8%);
             -o-transform: translateX(8%);
                transform: translateX(8%);
    }
    25%, 100% {
        -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    }
}
.container-animation + span {
    position: absolute;
    width: 90%;
    text-align: center;
    font-size: 26px;
    left: 50%;
    top: 80%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.container-animation:before {
    content: '';
    display: block;
    padding-top: 100%;
}
svg#successAnimation {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
}
#successAnimation.animated {
  -webkit-animation: 1s ease-out 0s 1 both scaleAnimation;
          animation: 1s ease-out 0s 1 both scaleAnimation;
}
#successAnimation.animated #successAnimationCircle {
  -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
          animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}
#successAnimation.animated #successAnimationCheck {
  -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
          animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}
#successAnimation.animated #successAnimationResult {
  -webkit-animation: 0.3s linear 0.9s both fadeIn;
          animation: 0.3s linear 0.9s both fadeIn;
}
.q_midle .content span.con_subtitle a {
    font-size: inherit;
    text-decoration: underline;
}
.q_midle .content span.con_subtitle a:hover {
    text-decoration: none;
}
.your_discount.active .chevron-down {
  -webkit-animation: bounceDown 2s infinite;
  animation: bounceDown 2s infinite;
}
.your_discount.active .chevron-up {
  -webkit-animation: bounceUp 2s infinite;
  animation: bounceUp 2s infinite;
}
#response_form {
    width: calc(100% + 30px);
    margin-left: -15px;
}
@-webkit-keyframes bounceDown {
    0%, 23.3%, 43.3%, 63.3%, 100% {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  36.6% {
    t-webkit-transform: translateY(-8px);
       -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
         -o-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
       -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
         -o-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@-moz-keyframes bounceDown {
    0%, 23.3%, 43.3%, 63.3%, 100% {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  36.6% {
    t-webkit-transform: translateY(-8px);
       -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
         -o-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
       -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
         -o-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@keyframes bounceDown {
  0%, 23.3%, 43.3%, 63.3%, 100% {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  36.6% {
    t-webkit-transform: translateY(-8px);
       -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
         -o-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
       -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
         -o-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@-webkit-keyframes bounceUp {
    0%, 23.3%, 43.3%, 63.3%, 100% {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  36.6% {
    -webkit-transform: translateY(8px);
       -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
         -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
       -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
         -o-transform: translateY(4px);
            transform: translateY(4px);
  }
}
@-moz-keyframes bounceUp {
    0%, 23.3%, 43.3%, 63.3%, 100% {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  36.6% {
    -webkit-transform: translateY(8px);
       -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
         -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
       -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
         -o-transform: translateY(4px);
            transform: translateY(4px);
  }
}
@keyframes bounceUp {
  0%, 23.3%, 43.3%, 63.3%, 100% {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  36.6% {
    -webkit-transform: translateY(8px);
       -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
         -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
       -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
         -o-transform: translateY(4px);
            transform: translateY(4px);
  }
}
body.preview {
    min-width: unset;
}
.q_type_range {
    overflow: unset !important;
}
a.made_spase-quiz {
    position: absolute;
    left: 50%;
    bottom: 0;
    font-size: 10px;
    color: #000;
    margin-bottom: 3px;
     -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    will-change: transform, opacity;
    padding-left: 16px;
}
a.made_spase-quiz:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(../img/logo-view.png) center/contain no-repeat;
}
a.made_spase-quiz span {
    font-size: 12px;
}
#mobile_progres_color1 {
    stop-color: #F27A54;
}
#mobile_progres_color2 {
    stop-color: #A154F2;
}
.advice-form input.q_ihover_grad {
    width: calc(100% - 55px);
    display: inline-block;
    border-radius: 3px 0 0 3px !important;
    border: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    height: 42px;
    padding-right: 9px !important;
}
.advice-form input.q_ihover_grad:focus {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.advice-form input.q_ihover_grad:focus + button {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
#spacequiz-content input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#spacequiz-content textarea,
#spacequiz-content input,
#spacequiz-content button {
    -webkit-border-radius:0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
main.op_template_2 .opb_terms_use {
    margin-top: 0;
    left: 0;
    width: 30%;
}
.opb_terms_use a {
    letter-spacing: 0;
}
.wrap-action-bonus {
    position: absolute;
    width: 100%;
    height: 80%;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    pointer-events: none;
}
.wrap-action-bonus > div {
    padding: 10px 14px 10px 12px;
    margin: 8px 0;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.wrap-action-bonus > div svg {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.mob-item.action {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-name: tada;
    animation-name: tada;
}
.quiz-and-video .response-wrapper {
    width: 100%;
    padding-right: 2.5% !important;
    margin-right: calc(2.5% - 1px);
}
.wrap-video {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    border-radius: 3px;
    background: white;
    display: flex;
    flex-direction: column;
    padding: 2px;
    margin-bottom: 2px;
    height: max-content;
}
form.q_variants_answers {
    overflow: hidden !important;
    padding-top: 0 !important;
}
form.q_variants_answers .response-wrapper, form.slider_template .item-form-container {
    padding-top: 2px;
}
form.q_variants_answers .wrap-video {
    margin-top: 1px;
}
#wraper_quiz .q_variants_answers .wrap-quiz-list {
    height: 100%;
}
#wraper_quiz .q_variants_answers .response-wrapper {
    overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    height: 100%;
}
.wrap-video .item-video {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
#wraper_quiz .wrap-video .item-video iframe {
    width: 30vw;
    height: 17vw;
}
.wrap-video .item-video iframe {
    position: relative;
    display: block;
    object-fit: cover;
}
.wrap-quiz-list.quiz-and-video {
    display: flex;
    justify-content: space-between;
}
.wrap-video .item-video svg {
    fill: white;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -43px;
}
.wrap-video .item-desc p {
    text-align: center;
    padding: 10px;
}
#wraper_quiz .wrap-video .item-desc p {
    max-width: 30vw;
}
.q_right.not-border:after {
    display: none;  
}
.not-advice .q_midle {
    width: 100% !important;
}
.not-advice .q_right {
    display: none !important;
}
#spacequiz-content.not-advice {
    width: 80%;
    left: 10%;
}
.bonus-final-wrapper .gift_c {
    position: relative;
    left: 0;
    transform: unset;
    width: calc(50% - 8px);
    min-width: 300px;
    margin-bottom: 0 !important;
    padding-bottom: 20px;
    justify-content: space-between;
    z-index: 1;
}
.bonus-final-wrapper .gift_c a.bonus-wraper {
    min-width: calc(50% - 1vw);
}
#spacequiz-content.not-advice .advice-item.mob-item {
    display: none;
}
#spacequiz-content.not-advice .mob-item {
    width: 100%;
}
#spacequiz-content.not-advice .mob-item:nth-child(2) {
   margin-left: 0;  
}
#progress_bar_mob #svg_pbm circle {
    -webkit-transform: translate(2px, 2px);
       -moz-transform: translate(2px, 2px);
        -ms-transform: translate(2px, 2px);
         -o-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
}
.your_discount .group_d p {
    font-weight: 700 !important;
}
body #spacequiz-content form#lead-form label.i_template {
    box-shadow: none !important;
}
img.emoji {
    width: 1.25em;
    margin: 0 .18em -0.3em;
}
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.9);
                box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.9);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
                box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
                box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}
@-moz-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.9);
                box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.9);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
                box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
                box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.9);
                box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.9);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
                box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
                box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}
@media screen and (min-width:1800px) {
    .q_type_data label.tdata svg {
        margin-left: 15px;
    }
    label.tdata input.tdata.o_bl {
        padding-left: 55px;
    }
    .q_type_data label.tdata {
        min-width: 120px;
        width: 120px;
    }
}
@media screen and (min-width:1750px) {
    .gift_c a.bonus-wraper span {
        max-height: calc(100% - 33px);
    }
    .btn-wrap ._item--spacequiz--btn {
        height: 90px !important;
    }
    .op_top_fullw {
        padding: 30px 6% 0 6%;
    }
    .op1_subtitle {
        padding: 6vh 6% 6vh 5.5%;
    }
    .op_bottom_fullw {
        padding: 0 6%;
    }
    .op_focus.full_w button.gear {
        margin: 0 15px -4px 0;
    }
    .op_focus.full_w.full_doc button.gear {
        margin: 0 0 -120px 6%;
    }
    .oph_select a.sl {
        width: 590px;
    }
    form.op_setting_templ .img_block span, form.op_setting_templ p.img_text, .mbe_block .g_flex_check label, .mbe_number input, .mbe_block .group input[type="text"] {
        font-size: 18px;
    }
    .mbe_block a.q_btn_overl span, .mbe_block span, .mbe_number p {
        font-size: 18px!important;
    }
    form.op_setting_templ.osn_setting p.text, form.op_setting_templ label {
        font-size: 15px;
    }
    .q_midle .main_title img {
        width: 30px;
    }
    button.q_btn_overl {
        width: 189px;
        height: 33px;
    }
    .q_checked {
        width: 35px;
        height: 35px;
    }
    .q_checked svg {
        width: 30px;
        height: 30px;
    }
    .q_variants_pictures label.checbox_text_1 {
        width: calc(100% - 35px);
    }
    .q_variants_pictures .block:after {
        margin-right: 37px;
    }
    .q_variants_pictures .flex_c::-webkit-scrollbar {
        width: 3px;
    }
    .q_variants_pictures .flex_c::-webkit-scrollbar-thumb {
        width: 3px;
    }
    .q_variants_answers:after {
        margin-right: 2px;
    }
    .q_variants_answers form::-webkit-scrollbar {
        width: 3px;
    }
    .q_variants_answers form::-webkit-scrollbar-thumb {
        width: 3px;
    }
    .q_type_data .data input {
        padding: 15px 10px 14px 60px;
    }
    form.opt_form_fullb {
        width: 600px;
    }
    form.opt_form_fullb label.title, form.opt_form_fullb textarea, form.opt_form_fullb input {
        font-size: 20px;
    }
    form.opt_form_fullb .gr_flex img {
        width: 45px;
        height: 45px;
    }
    form.opt_form_fullb label.title {
        margin-bottom: 15px;
    }
    form.opt_form_fullb .group {
        margin-bottom: 30px;
    }
    form.opt_form_fullb .group:last-child {
        height: calc(100% - 127px)!important;
    }
    form.op_setting_templ.osn_setting span.title {
        font-size: 25px;
    }
    form.op_setting_templ.osn_setting:after {
        margin-top: 50px;
    }
    form.op_setting_templ.osn_setting span.subbtitle {
        margin-top: 17px;
    }
    form.op_setting_templ.osn_setting {
        padding: 13px 30px 20px 30px;
        width: 640px;
    }
    form.op_setting_templ.fonts_style {
        width: 640px;
        height: 150px;
    }
    form.op_setting_templ .bacgk_color {
        width: 242px;
    }
    form.op_setting_templ.overlay_setting {
        -webkit-transform: translateX(90%);
           -moz-transform: translateX(90%);
            -ms-transform: translateX(90%);
             -o-transform: translateX(90%);
                transform: translateX(90%);
    }
    .op1_mtitle.active form.op_setting_templ.overlay_setting {
        -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    }
    .opt_soc_seti a {
        width: 40px;
        height: 40px;
    }
    .opt_soc_seti {
        width: 220px;
    }
    .op1_mtitle {
        padding: 40px 6% 40px 5.5%;
    }
    a.btn_transp {
        width: 420px;
        height: 90px;
    }
    ul.oph_poup_up {
        width: 590px;
        padding: 30px;
        max-height: 600px;
    }
    ul.oph_poup_up li {
        width: calc(50% - 15px);
    }
    main.op_template_2 .opb_create_quiz {
        width: 35%;
    }
    .opb_terms_use {
        left: 6%!important;
    }
    .m_button_edition {
        width: 1200px;
    }
    .m_button_edition form {
        padding: 25px 40px 40px 45px;
    }
    .mbe_block {
        width: 35%;
    }
    .mbe_block1 .pre_viewing {
        width: calc(100% + 40px);
    }
    button.op_right_btn {
        font-size: 25px;
        min-height: 53px;
    }
    .opr_middle span.title, .opr_middle span.subtitle {
        font-size: 35px;
    }
    .op_right_panel {
        padding: 35px 25px;
    }
    .user_vvod input:focus + .circle_anim_inp {
        width: 102%;
    }
}
@media screen and (min-width: 1500px) and (max-width: 1750px) {
    .q_variants_pictures .img {
        width: 38%;
        margin-left: 62%;
    }
    .q_variants_pictures .block {
        width: 62%;
    }
    #space_quiz_frame {
        height: 45vw;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .q_variants_pictures .img {
        width: 40%;
        margin-left: 60%;
    }
    .q_variants_pictures .block {
        width: 60%;
    }
}

@media screen and (min-width:1590px) {
    .form-step .q_midle #wrapper_btn {
        padding: 0 4.5% 4%;
    }
    .q_midle .content {
        margin: 1% 0 3% 0;
    }
    .progress_line {
        margin: 3% 0 4% 1px;
    }
    .q_midle {
        padding: 1.75% 2.5% 2%;
    }
    #viewer_quiz .bottom_btn .q_btn_overl, #viewer_quiz .bottom_btn .q_btn {
        min-width: 220px;
        height: 52px;
    }
    #viewer_quiz .q_btn_overl span, #viewer_quiz .q_btn span {
        font-size: 22px;
    }
    .slider_template .block {
        width: calc((100% - 120px) / 4); 
    }
    .slider_horizont .block {
        width: calc((100% - 90px) / 3) !important;
    }
    .advice-wrap {
        padding: 20px 20px 21px;
    }
}

@media screen and (max-width:1590px) {
    .slider_horizont .block {
        width: calc((100% - 60px) / 2) !important;
    }
}

@media screen and (max-width:1198px) {
    main.op_template_2 .opb_terms_use {
        position: relative;
        margin-top: 0;
        left: 0;
    }
    main.op_template_2 .op_bottom_fullw {
        height: 80px;
        margin-bottom: 25px;
    }
    main.op_template_2 .opt_2_overlay {
        padding: 115px 0 125px 0;
    }
    .opt_2_overlay {
        width: 75%;
    }
    .q_last_form button.q_btn_overl:before {
        display: none;
    }
    .q_multiple_choice {
        margin-top: 20px;
    }
    ul.oph_poup_up, .oph_select a.sl {
        width: 340px;
    }
    ul.oph_poup_up li {
        width: 100%;
    }
    .op_bottom_fullw {
        height: 95px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 34px;
        margin-top: 0;
        -webkit-justify-content: space-evenly;
                justify-content: space-evenly;
    }
    .opb_address, .opb_create_quiz {
        max-width: 100%;
    }
    main.op_template_2 .op_bottom_fullw > div {
        width: 70%;
        text-align: right;
        padding: 0;
    }
    main.op_template_2 .op_bottom_fullw {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    main.op_template_2 .opb_terms_use:after {
        display: none;
    }
    .op1_btn {
        margin-bottom: 4vh;
    }
    .q_type_data .data {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
        margin: 0 auto;
    }
    .q_type_data .data span {
        margin: 20px 0;
    }
}

@media screen and (min-width:1199px) {
    main.op_template_2 .opb_create_quiz {
        margin-top: -25px;
        position: absolute;
    }
}

@media screen and (max-width: 991px) {
    .progress_line {
        margin-top: 5%;
    }
    .op_top_fullw .logo {
        margin-right: 15px;
        max-width: 100%;
        object-fit: contain;
    }
    .opt_soc_seti {
        margin-left: 30px;
    }
    button.opm_btn_info-mob {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        margin-top: 43px;
        background: rgba(49, 49, 49, 0.95);
        width: 90px;
        height: 70px;
        z-index: 9;
        cursor: pointer;
    }
    button.opm_btn_info-mob img {
        width: 45px;
        height: 45px;
    }
    .op_right_panel {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .op_top_fullw .op_focus.full_w {
        height: calc(100% + 15px);
        margin-top: 7.5px;
    }
    .op_right_panel {
        padding: 10px 17px;
    }
    body.one_page header {
        padding: 0 30px 0 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1198px) {
    main.op_template_2 span.name_logo {
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(100%);
           -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
             -o-transform: translateY(100%);
                transform: translateY(100%);
        margin-bottom: 12px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1198px) {
    .m_button_edition {
        width: 935px;
    }
    .mbe_block1 {
        width: 50%;
    }
    body.one_page header {
        padding: 0 45px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .opr_middle span.title, .opr_middle span.subtitle {
        font-size: 25px;
    }
    .opr_bottom .opb_address span, button.op_right_btn {
        font-size: 18px;
    }
    .op1_mtitle h1 {
        font-size: 32px;
    }
    .op1_subtitle h2 {
        font-size: 20px;
    }
    .m_button_edition {
        width: 710px;
    }
    .mbe_block {
        width: 50%;
    }
    .mbe_block1 {
        width: 45%;
    }
    .mbe_block1 .pre_viewing, .mbe_block1 label.border_g {
        padding-left: 35px;
    }
    .mbe_block1 .pre_viewing .btn_goup-scla {
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
        -webkit-transform-origin: 0;
           -moz-transform-origin: 0;
            -ms-transform-origin: 0;
             -o-transform-origin: 0;
                transform-origin: 0;
    }
}

@media screen and (min-width: 880px) and (max-width: 1000px) {
    #spacequiz-content .q_midle {
        width: 72.5%;
    }
    #spacequiz-content .q_right {
        width: 27.5%;
    }
}

@media screen and (min-width: 805px) and (max-width: 980px) {
    form#lead-form .q_multiple_choice a, form#lead-form .q_multiple_choice label {
        font-size: 13px!important;
    }
    form#lead-form .q_multiple_choice label {
        margin: 0 0 0px 10px;
    }
}

@media screen and (min-width: 805px) and (max-width: 880px) {
    #wraper_quiz .wrap-video .item-desc p {
        max-width: 26vw;
    }
    #wraper_quiz .wrap-video .item-video iframe {
        width: 26vw;
        height: 15vw;
    }
    #spacequiz-content .q_midle {
        width: 69%;
    }
    #spacequiz-content .q_right {
        width: 31%;
    }
    form#lead-form button.q_btn_overl i.icon-btn {
        display: none;
    }
    form#lead-form button.q_btn_overl span {
        padding: 15px 3px 15px 3px;
    }
}

@media screen and (min-width: 481px) and (max-width: 880px) {
    .slider_template .block {
        width: calc((100% - 45px) / 2);
        margin: 0px 15px 15px;
    }
    .slider_template .block:nth-child(odd) {
        margin-right: 0;
    }
}
@media screen and (min-width: 400px) and (max-width: 767px) {
    .op_top_fullw .opt_group {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 660px) and (max-width: 880px) {
    .q_variants_pictures > div {
        height: 100%;
    }
}

@media screen and (min-width: 660px) and (max-width: 805px) {
    #wraper_quiz .wrap-video .item-desc p {
        max-width: 41vw;
    }
    #wraper_quiz .wrap-video .item-video iframe {
        width: 41vw;
        height: 24vw;
    }
}

@media screen and (max-width: 880px) {
    label.checbox_text_1:hover, label.checbox_text_1.active {
        -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
                box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
    }
    .slider_template .block:hover {
        -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
                box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
    }
    header .op_group:first-child {
        width: calc(100% - 130px);
    }
    body.one_page header a.q_btn, body.one_page header a.q_btn_overl {
        min-width: 35px;
        padding: 0px 20px;
    }
    body.one_page header a.q_btn img, body.one_page header a.q_btn_overl img {
        width: 25px;
        height: 25px;
        z-index: 3;
        display: block;
    }
    body.one_page a.q_btn_overl span, body.one_page a.q_btn span {
        display: none;
    }
}

@media screen and (min-width: 805px) {
    .overlay-mob, .mob-advice-wrap {
        display: none;
    }
    .q_btn:hover .balck {
        opacity: 0;
    }
    .q_btn:hover span {
        color: #FFF;
    }
    .q_btn:hover {
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
                box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    }
    #spacequiz-content:not(.form-step).shadow_mode .q_right:after {
        border-left: none;
    }
    .bonus-final-wrapper {
        padding: 8px 0 0px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

}

@media screen and (max-width: 805px) {
    .response-input-container.is_col label.checbox_text_1 {
        width: 100% !important;
    }
    .bottom_btn .shadow-item {
        margin-right: 2.5%;
    }
    .progress_line {
        margin-top: 0;
        margin-bottom: 37px;
    }
    form.q_dropdown_list .response-wrapper, form.q_input_field .response-wrapper, form.q_type_data .response-wrapper {
        padding-top: 3% !important;
    }
    .progress_line.progress-in-form {
        width: calc(100% - 54px);
    }
    .back-out-form.bottom_btn {
        bottom: auto !important;
        top: 0;
        width: auto !important;
        padding: 0 !important;
        margin-top: -17px;
        opacity: 0.75;
    }
    .back-out-form.bottom_btn .q_btn {
        width: 34px !important;
        height: 34px !important;
    }
    .form-step .mob-advice-wrap {
        display: none;
    }
    .mob-open-item span.morn {
        position: relative;
        margin-bottom: 6px;
        display: block;
    }
    .mob-open-item .b_text > span.morn {
        padding-bottom: 11px;
        margin-bottom: 12px;
    }
    .advice-wrap {
        padding: 18px;
    }
    .mob-open-item .block {
        display: flex;
        margin-bottom: 12px;
    }
    #spacequiz-content {
        padding: 0;
        width: 100% !important;
        left: 0 !important;
    }
    .advice-item.active .arrow-item svg {
        -webkit-transform: scale(1, -1);
           -moz-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
             -o-transform: scale(1, -1);
                transform: scale(1, -1);
        margin-top: -1px;
    }
    svg.close-item-mob {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: scale(.5) rotate(-65deg);
           -moz-transform: scale(.5) rotate(-65deg);
            -ms-transform: scale(.5) rotate(-65deg);
             -o-transform: scale(.5) rotate(-65deg);
                transform: scale(.5) rotate(-65deg);
        opacity: 0;
    }
    .mob-item.active .btn-container-mob {
        -webkit-transform: scale(.5) rotate(65deg);
           -moz-transform: scale(.5) rotate(65deg);
            -ms-transform: scale(.5) rotate(65deg);
             -o-transform: scale(.5) rotate(65deg);
                transform: scale(.5) rotate(65deg);
        opacity: 0;
    }
    .mob-item.active svg.close-item-mob {
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
        opacity: 1;
    }
    .overlay-mob {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 20;
    }
    .mob-open-item {
        position: absolute;
        left: 0;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: rgba(57, 63, 71, 1);
        z-index: 21;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        padding: 20px;
    }
    .mob-open-item .img {
        background-image: url(../img/camera.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-color: rgba(0, 0, 0, 0.5);
        background-size: cover;
        width: 64px;
        height: 64px;
        min-width: 64px;
        margin-right: 12px;
        position: relative;
    }
    .mob-open-item .gift_c {
        position: relative;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .mob-open-item .group {
        width: 100%;
    }
    .gift_c a.bonus-wraper {
        width: calc(50% - 10px);
        min-width: calc(50% - 10px) !IMPORTANT;
    }
    .arrow-item {
        width: 25px;
        min-width: 25px;
        height: 25px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
    }
    .arrow-item svg {
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }
    .sale-item.down img.chevron-up, .sale-item.up img.chevron-down, .sale-item.complete img {
        display: none;
    }
    .mob-advice-wrap {
        position: relative;
        display: flex;
        height: 50px;
        margin-top: 1px;
        z-index: 22;
    }
    .mob-item {
        position: relative;
        display: flex;
        height: 100%;
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        padding: 5px;
        cursor: pointer;
    }
    .mob-item * {
        pointer-events: none;
    }
    .sale-item, .bonus-item {
        margin-left: 2px;
    }
    .btn-container-mob {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: space-between;
                justify-content: space-between;
        padding: 5px;
    }
    .advice-item .block {
        display: flex;
        width: calc(100% - 30px);
        margin-right: 5px;
    }
    .advice-item span.morn {
        position: relative;
        font-weight: 700 !important;
        width: intrinsic;
        width: -moz-max-content;
        width: -webkit-max-content;
        padding-right: 15px;
        max-width: 100%;
        font-size: 14px;
    }
    .advice-item span.morn span {
        position: relative;
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: inherit !important;
        font: inherit !important;
        text-transform: inherit !important;
        margin-bottom: 2px;
    }
    .advice-item p {
        position: relative;
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: 0.9;
        font-weight: 200 !important;
        font-size: 12px;
    }
    .advice-item .img {
        background-image: url(../img/camera.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-color: rgba(0, 0, 0, 0.5);
        background-size: cover;
    }
    .advice-item .block .group {
        position: relative;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        width: 100%;
        overflow: hidden;
    }
    .advice-item {
        width: 100%;
        overflow: hidden;
        padding-right: 7px;
        -webkit-align-items: center;
                align-items: center;
    }
    .bonus-item svg {
        height: 100%;
        width: 100%;
    }
    .sale-item img {
        -webkit-animation: bounceUp 2s infinite;
        animation: bounceUp 2s infinite;
    }
    .sale-item span.currency {
        font-size: 18px;
        line-height: 22px;
        height: 22px;
        margin-left: 3px;
    }
    span.name-item-mob {
        font-size: 9px;
        font-weight: 200;
        opacity: 0.9;
    }
    .btn-mob-item {
        position: relative;
        width: 100%;
        height: 22px;
        min-height: 22px;
        min-width: 100%;
        display: flex;
        text-align: center;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
        padding-top: 2px;
    }
    .prev-btn, .prev-btn svg {
        opacity: .75;
    }
    .q_type_data .data input {
        height: 50px;
    }
    #spacequiz-content .q_right, .container_mob_sale.complete .bonus_currency img, .ubbm_icons.cms_icons.complete img {
        display: none !important;
    }
    .container_mob_sale.down img.chevron-down, .container_mob_sale.up img.chevron-up, .ubbm_icons.cms_icons.up img.chevron-up, .ubbm_icons.cms_icons.down img.chevron-down, a.made_spase-quiz {
        display: block;
    }
    .container_mob_sale.down img.chevron-up, .container_mob_sale.up img.chevron-down, .ubbm_icons.cms_icons.up img.chevron-down, .ubbm_icons.cms_icons.down img.chevron-up, #spacequiz-content.form-step div#progress_bar_mob, .bonus_currency img.chevron-down, #spacequiz-content.form-step .q_right button.q_btn_overl i.icon-btn, #spacequiz-content.form-step span.con_title:first-child {
        display: none;
    }
    #spacequiz-content .q_midle {
        width: 100%!important;
        padding: 2.5%;
    }
    .q_midle .content {
        margin-bottom: 2%;
    }
    .q_midle .bottom_btn {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .bottom_btn .q_btn {
        width: 46px;
        min-width: 46px !important;
        padding: 0;
    }
    .bottom_btn .q_btn svg, .bottom_btn .q_btn_overl svg {
        width: 18px;
        height: 34px;
    }
    .q_midle .content span.con_title {
        margin-bottom: 15px;
        display: block;
    }
    .bonus_currency span.currency {
        color: #fff;
        font-size: 18px;
        padding-right: 8px;
    }
    .bonus_currency img.chevron-up {
        position: absolute;
        margin-right: -9px;
        margin-top: -10px;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-animation: bounceUp 2s infinite;
        animation: bounceUp 2s infinite;
    }
    .bonus_currency img.chevron-down {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        margin-right: -9px;
        -webkit-animation: bounceDown 2s infinite;
        animation: bounceDown 2s infinite;
    }
    button.q_btn_overl .spoiler > * {
        padding: 6px 0px;
    }
    .bonus_currency {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
           -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        -webkit-transform-origin: 0 0;
           -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
             -o-transform-origin: 0 0;
                transform-origin: 0 0;
    }
    .q_btn span {
        display: flex;
        -webkit-align-items: center;
            align-items: center;
    }
    button.q_btn_overl .spoiler > * {
        font-size: 14px !important;
    }
   #spacequiz-content.form-step .q_right {
        display: flex !important;
        width: 100%;
        padding: 5% 7% 4%;
        margin-left: 0;
        min-height: 50%;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
    }
    #spacequiz-content.form-step #wraper_quiz {
        min-height: 50%;
        padding-bottom: 0;
        min-height: max-content;
    }
    #spacequiz-content.form-step .progress_line {
        margin-bottom: 20px;
    }
    #spacequiz-content.form-step {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;      
        min-height: intrinsic;
        min-height: -moz-max-content;
        min-height: -webkit-max-content;
    }
    #spacequiz-content.form-step .q_right button.q_btn_overl span {
        padding: 10px 3px 10px 3px;
        font-size: 18px!important;
    }
    form#lead-form button.q_btn_overl {
        min-height: 57px;
    }
    label.i_template {
        height: 55px;
        margin-bottom: calc(7% - 5px);
        padding-top: 10px;
    }
    label.i_template .icon-input {
        height: 45px;
    }
    #spacequiz-content.form-step .main_title {
        margin-bottom: 25px;
    }
    #spacequiz-content.form-step .progress_line {
        display: flex;
    }
    body, html {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .bonus-final-wrapper {
        padding: 8px 0 0px;
        display: block;
        position: relative;
    }
    form.advice-form button.q_btn_overl .spoiler {
        height: 100%;
    }
    button.q_btn_overl .spoiler > * {
        line-height: 24px !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 805px) {
    .mob-open-item {
        width: calc(100% - 40px);
        max-height: calc(100% - 95px);
        margin-left: 20px;
        margin-top: -16px;
    }
    svg.close-item-mob {
        width: 24px !important;
        height: 24px !important;
        margin-left: -12px;
        margin-top: -12px;
    }
    .btn-mob-item {
        height: 32px;
        min-height: 32px;
    }
    .sale-item, .bonus-item {
        margin-left: 4px;
    }
    span.name-item-mob {
        font-size: 12px;
    }
    .sale-item span.currency {
        font-size: 26px;
        line-height: 38px;
        height: 32px;
    }
    .bonus-item svg {
        height: 90%;
    }
    .advice-item .img {
        height: 50px;
        width: 50px;
        min-width: 50px;
        margin-right: 12px;
    }
    .sale-item, .bonus-item {
        width: 60px;
        min-width: 60px;
    }
    .mob-advice-wrap {
        height: 60px;
        margin-bottom: 20px;
    }
    .q_midle .bottom_btn {
        width: 100%;
        padding: 0 2.5% 0;
    }
    #wrapper_btn a:not(.made_spase-quiz) {
        margin-bottom: 22px;
    }
    .q_multiple_choice span.cheek {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }
    .bottom_btn .q_btn {
        margin-left: 20px;
        min-width: 46px!important;
    }
    .bottom_btn .q_btn_overl {
        margin-left: 20px;
        width: auto;
    }
    a.made_spase-quiz {
        margin-bottom: 4px;
    }
    .form-step .q_btn.prev-btn {
        margin-left: 0;
    }
    .form-step .bonus-final-wrapper .your_discount {
        min-width: 310px!important;
    }
    .bonus-final-wrapper .gift_c {
        min-width: 310px !important;
    }
    form#lead-form .q_multiple_choice label, form#lead-form .q_multiple_choice a {
        font-size: 14px!important;
    }
    form#lead-form .q_multiple_choice label {
        margin: 0 0 0px 15px;
    }
    form.advice-form.pending input {
        height: 0!important;
        margin: 0!important;
    }
}

@media screen and (min-width: 368px) and (max-width: 480px) {
    form#lead-form .q_multiple_choice label {
        margin: 0 0 2px 10px;
    }
    .q_multiple_choice span.cheek {
        width: 16px;
        height: 16px;
        margin-top: -10px;
    }
}

@media screen and (max-width:767px) {
    .opt_soc_seti {
        position: absolute;
        right: 0;
        top: 0;
        margin: 4% 5% 0 0;
    }
    .btn-wrap ._item--spacequiz--btn{
        height: 60px !important;
    }
    main.op_template_2 .op_bottom_fullw > div {
        width: 100%;
    }
    #space_quiz_frame {
        height: 80vh;
    }
    button.op_right_btn {
        display: none !important;
    }
    .op1_mtitle, .op1_subtitle {
        width: 100%;
    }
    main.op_template_1 {
        height: auto;
    }
    .op1_mtitle {
        padding: 20px 4.5% 20px 4.5%;
        margin-top: 30px;
        text-align: center;
    }
    .op1_btn .group {
        max-width: 320px;
    }
    main.op_template_2 .op1_btn .group {
        max-width: 100%;
    }
    .op1_subtitle {
        padding: 25px 6% 0 6%;
        text-align: center;
    }
    .op1_btn {
        margin-top: 25px;
        -webkit-justify-content: center!important;
        justify-content: center!important;
        padding-left: 4.5% !important;
        padding-right: 4.5% !important;
        margin-bottom: 65px;
        max-width: 100%;
        width: 100%;
    }
    a.btn_transp {
        width: 100%;
        height: 65px;
    }
    .op_bottom_fullw .op_focus.full_w {
        height: calc(100% + 15px);
    }
    body.one_page header {
        padding: 0 4.5% 0 4.5%;
    }
    .op_top_fullw .opt_contacts {
        width: 100%;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .op_top_fullw {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .opt_contacts a:last-child {
        margin-left: 0;
        text-align: left;
        margin-top: 5px;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
    }
    main.op_template_2 .middle {
        padding-left: 0;
    }
    .opt_2_overlay {
        width: 100%;
    }
    main.op_template_2 .op1_mtitle {
        padding: 0 4.5% 0 4.5%;
        margin-top: 50px;
    }
    main.op_template_2 .op1_subtitle {
        padding: 20px 4.5% 0 4.5%;
    }
    .op_focus.full_w.full_doc button.gear {
        right: 100%;
        -webkit-transform: translate(100%,100%);
        -moz-transform: translate(100%,100%);
        -ms-transform: translate(100%,100%);
        -o-transform: translate(100%,100%);
        transform: translate(100%,100%);
        margin: 0 -4.5% -100px 0;
    }
    .op_top_fullw .op_focus.full_w button.gear {
        right: 50%;
        -webkit-transform: translate(50%,50%);
           -moz-transform: translate(50%,50%);
            -ms-transform: translate(50%,50%);
             -o-transform: translate(50%,50%);
                transform: translate(50%,50%);
        margin: 0 0 -4px 0;
    }
    button.opm_btn_info-mob img {
        width: 45px;
        height: 45px;
    }
    .bottom_btn .q_btn_overl svg {
        fill: #fff;
    }
    .bottom_btn .q_btn span, .bottom_btn .q_btn_overl span {
        display: flex;
        height: 100%;
        -webkit-align-items: center;
        align-items: center;
        top: 0px;
    }
    .op_bottom_fullw {
        height: auto;
        text-align: center;
    }
    .op_top_fullw .opt_group {
        max-width: 100%;
    }
    .op_top_fullw .container {
        width: 100%!important;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .opr_bottom .opb_address {
        margin-bottom: 6px;
        text-align: center;
    }
    .opb_create_quiz {
        text-align: center;
    }
    .opr_middle span.subtitle {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    main.op_template_2 .op_bottom_fullw {
        margin: 30px 0 15px 0;
    }
    main.op_template_2 .opb_create_quiz, main.op_template_2 .opb_address {
        width: 100%;
    }
    main.op_template_2 .opb_terms_use {
        width: auto;
    }
}

@media screen and (max-width:660px) {
    form.q_variants_answers .response-wrapper {
        padding: 0px 16px 0;
    }
    #wraper_quiz .wrap-video .item-desc p {
        max-width: 100%;
        width: 100%;
        text-align: left;
        padding: 6px 12px;
        position: absolute;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .quiz-and-video .response-wrapper {
        width: 100% !important;
        height: calc(100% - 24vw - 17px) !important;
        padding: 0 16px !important;
    }
    form.q_cont_midle.q_input_field, form.q_cont_midle.q_dropdown_list, form.q_cont_midle.q_type_data, form.q_cont_midle.q_type_range {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .wrap-quiz-list.quiz-and-video {
        flex-direction: column-reverse;
        padding: 0 2px !important;
    }
    .wrap-video {
        flex-direction: unset;
        min-height: max-content;
        margin-bottom: 15px;
        padding-right: 0;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-top: 0 !important;
    }
    #wraper_quiz .wrap-video .item-video iframe {
        width: 42vw;
        height: 24vw;
    }
    .wrap-video .item-video {
        min-width: max-content;
    }
    .wrap-video .item-desc {
        width: 100%;
        position: relative;
    }
    .op_top_fullw .opt_group {
        max-width: calc(95% - 26px);
    }
    .op_top_fullw .opt_contacts {
        margin-right: 0;
        width: calc(95% - 26px);
        max-width: calc(95% - 26px);
    }
    .op_top_fullw {
        padding: 4% 4.5% 20px 4.5%;
    }
    .opt_soc_seti {
        flex-direction: column;
    }
    .opt_soc_seti a {
        margin-left: 0;
        margin-bottom: 10px !important;
        width: 30px;
        height: 30px;
    }
    form.q_cont_midle.q_variants_pictures {
        padding: 0 16px 0 !important;
    }
    .slider_template .block:hover, .slider_template .block.active {
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;
    }
    .ui-slider {
        height: 10px;
        width: calc(90% - 25px) !important;
    }
    .range-item {
        padding-top: 65px !important;
        padding-left: 12px;
        padding-right: 12px;
        align-items: end !important;
    }
    .q_type_range .wrap-quiz-list, .q_type_range .response-wrapper {
        height: 100%;
    }
    p.dara-range {
        position: absolute;
        top: 0;
        margin: 30px 0 0 0!important;
    }
    p.dara-range.first-data-range {
        text-align: left;
    }
    p.dara-range.last-data-range {
        text-align: right;
    }
    .q_midle .content form.q_variants_pictures > div {
        display: flex;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        height: 100%;
    }
    .q_variants_pictures .block {
        position: relative;
        margin-top: 15px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: calc(100% + 16px);
        margin-left: -8px;
    }
    .q_variants_pictures .img {
        width: 100%;
        margin-left: 0;
        top: 0;
        height: 50%;
        min-height: 150px;
    }
    .q_variants_pictures .flex_c {
        padding-right: 9px;
        width: 100%;
        padding-left: 9px;
    }
}

@media screen and (max-width:480px) {
    .item-form-container {
        padding-left: 16px;
        padding-right: 16px;
    }
    form.q_dropdown_list, form.q_input_field, form.q_type_data {
        width: 100%;
    }
    .q_select input.iselect {
        padding: 12px 30px 12px 15px;
    }
    .q_select li {
        padding: 7px 7px 7px 10px;
    }
    .q_select svg {
        width: 15px;
        height: 15px;
        margin-right: 10px;
    }
    .mob-open-item {
        width: calc(100% - 24px);
        max-height: calc(100% - 67px);
        margin-left: 12px;
        margin-top: -13px;
    }
    svg.close-item-mob {
        width: 20px !important;
        height: 20px !important;
        margin-left: -10px;
        margin-top: -10px;
    }
    .advice-item .img {
        height: 35px;
        width: 35px;
        min-width: 35px;
        margin-right: 8px;
    }
    .sale-item, .bonus-item {
        width: 45px;
        min-width: 45px;
    }
    .mob-advice-wrap {
        height: 45px;
        margin-bottom: 15px;
    }
    main.op_template_2 .op1_btn ._item--spacequiz--btn, main.op_template_1 .op1_btn ._item--spacequiz--btn {
        min-width: 275px;
        width: 100%;
    }
    form#lead-form .q_multiple_choice label, form#lead-form .q_multiple_choice a {
        font-size: 12px!important;
    }
    .progress_line {
        display: none;
    }
    .bonus-final-wrapper .your_discount {
        min-width: 100%!important;
    }
    .q_midle .bottom_btn {
        width: 100%;
        padding: 0 2.5% 0 calc(2.5% + 90px);
    }
    #wrapper_btn a:not(.made_spase-quiz) {
        margin-bottom: 22px;
    }
    #space_quiz_frame {
        height: 100vh;
        min-height: 598px;
    }
    .slider_template .block {
        width: calc((100% - 10px) / 2) !important;
        margin: 0px 0 10px 0;
    }
    .slider_template.slider_horizont .block {
        width: 100% !important;
    }
    .item-form-container {
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }
    span, a, p, li, label, input {
        letter-spacing: 0px;
    }
    label.tdata {
        width: 100% !important;
        margin-top: -1px;
    }
    .q_type_data .shad_c {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-shadow: unset;
                box-shadow: unset;
        width: 100%;
    }
    .q_type_data .shad_c label.idata {
        width: 100%;
    }
    .q_type_data label.tdata svg {
        margin-left: 15px;
    }
    label.tdata input.tdata.o_bl {
        padding-left: 60px;
    }
    #view-container-quiz {
        height: 100%;
        width: 100%;
    }
    .bottom_btn .q_btn_overl svg {
        fill: #fff;
    }
    .user_vvod input {
        padding: 15px;
    }
    .q_btn:hover .balck {
        opacity: 1;
    }
    .slider_template .img {
        height: calc(100% - 57px);
    }
    .slider_template .text {
        height: 55px;
    }
    .slider_template .text span {
        padding: 0px 3px;
    }
    .q_midle .main_title svg {
        width: 22px;
        margin: 0 7px 2px 1px;
        min-width: 22px;
    }
    .q_midle .main_title span {
        width: calc(100% - 30px);
    }
    #viewer_quiz {
        min-height: 500px;
    }
    form.q_variants_pictures {
        overflow: unset!important;
    }
    label.checbox_text_1 {
        margin: 0 0 15px 0;
    }
    .bonus-final-wrapper .your_discount {
        height: 50px;
    }
    .bonus-final-wrapper .gift_c {
        width: 100%;
        min-width: 100%;
    }

    .bottom_btn .q_btn_overl {
        width: calc(100% - 47.5px);
        margin-left: 12px;
    }
    .bottom_btn .q_btn, .bottom_btn .q_btn_overl {
        min-width: unset;
    }
}

@media screen and (max-width: 368px) {
    form#lead-form .q_multiple_choice label {
        margin: 0 0 0 15px;
    }
    .q_multiple_choice span.cheek {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }
}

@media screen and (max-width: 350px) {
    .arrow-item {
        display: none;
    }
    .advice-item .block {
        width: 100%;
        margin-right: 0;
    }
}
@media (hover: none) {
    body #spacequiz-content label:not(.active):hover {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    }
}
@media (hover: hover) {
    #spacequiz-content #response_form::-webkit-scrollbar-thumb, #wraper_quiz .q_variants_answers .response-wrapper::-webkit-scrollbar-thumb, .advice-wrap::-webkit-scrollbar-thumb, .container-sidebar::-webkit-scrollbar-thumb, .q_variants_pictures .flex_c::-webkit-scrollbar-thumb, .q_midle::-webkit-scrollbar-thumb {
        width: 3px;
        background: -webkit-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: -moz-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: -ms-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: -o-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        -webkit-border-radius: 10px;
                border-radius: 10px;
    }
    #spacequiz-content #response_form::-webkit-scrollbar, #wraper_quiz .q_variants_answers .response-wrapper::-webkit-scrollbar, .advice-wrap::-webkit-scrollbar, .container-sidebar::-webkit-scrollbar, .q_variants_pictures .flex_c::-webkit-scrollbar, .q_midle::-webkit-scrollbar, ul.oph_poup_up::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background: transparent;
    }
    .form-step .q_right .container-sidebar::-webkit-scrollbar-thumb {
        width: 3px;
        height: 3px;
        background: #A154F2;
    }
    .form-step .q_right .container-sidebar::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background: transparent;
    }
    .q_select ul.m_sel::-webkit-scrollbar
    {
        width: 3px;
        background: transparent;
    }
    .q_select ul.m_sel::-webkit-scrollbar-thumb
    {
        width: 3px;
        background: -webkit-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: -moz-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: -ms-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: -o-linear-gradient(to top, #F27A54 0%, #A154F2 100%);
        background: linear-gradient(to top, #F27A54 0%, #A154F2 100%);
    }
    ul.oph_poup_up::-webkit-scrollbar-thumb {
        width: 3px;
        background: #f27a54;
    }
}
/* ----------------- БОДЯ ТЕСТИТ. НЕ УДАЛЯТЬ :) -------------------------- */
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 9999999;
}
.container-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@keyframes color {
  0% {
    background-color: #A154F2;
    box-shadow: 0px 0px 10px #A154F2;
  }
  25% {
    background-color: #CA67A2;
    box-shadow: 0px 0px 10px #CA67A2;
  }
  50% {
    background-color: #F27A54;
    box-shadow: 0px 0px 10px #F27A54;
  }
  75% {
    background-color: #CA67A2;
    box-shadow: 0px 0px 10px #CA67A2;
  }
  100% {
    background-color: #A154F2;
    box-shadow: 0px 0px 10px #A154F2;
  }
}
.preloader .dot {
  -webkit-filter: url("#goo");
  filter: url("#goo");
}
.preloader .dot--big {
  width: 50px;
  height: 50px;
  animation: rotate 4s 0s infinite linear, color 4s 0s ease infinite;
}
.preloader .dot--small {
  width: 50px;
  height: 50px;
  animation: circulate 4s 0s infinite linear, color 4s 0s ease infinite;
  left: 50%;
  top: 50%;
  position: absolute;
}
.preloader span.text_pr {
    text-align: center;
    font-size: 23px;
    line-height: 30px;
    margin-top: 105px;
}
.slider_template .block {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    border: none !important;
    border-radius: 3px !important;
}
.slider_template .img {
    border-radius: 3px !important;
}
.slider_template .block .img {
    margin: 2px 2px 0 !important;
}
.slider_template .block.active .img {
    border-radius: 5px !important;
    -webkit-transform-origin: 50% 100%;
       -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
         -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1.03);
       -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
         -o-transform: scale(1.03);
            transform: scale(1.03);
}
.slider_template .q_checked {
    margin: 6px 7px 0 0 !important;
}
label.checbox_text_1 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    border-radius: 3px;
    min-height: 46px;
    padding: 0 14px;
}
label.checbox_text_1:after {
    display: none;
}
label.checbox_text_1:hover, label.checbox_text_1.active {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15) !important;
}
label.checbox_text_1:before {
    border: none !important;
}
.progress_line .line_content .line_gradient:before {
    content: '';
    position: absolute;
    width: calc(100% - 2px);
    height: 70%;
    bottom: 0;
    margin-left: 1px;
    margin-bottom: -1px;
    left: 0;
    z-index: -1;
    filter: blur(2px);
}
button.emoji-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
}
button.emoji-btn svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #858a91;
}
button.emoji-btn.active svg {
    fill: #a154f2;
}
label.emoji-item textarea {
    width: calc(100% - 30px);
}
span.is-multiple {
    height: 26px;
    display: inline-block;
    line-height: 26px;
    padding: 0 11px 0 8px;
    border-radius: 3px;
    margin-right: 16px;
    position: relative;
    top: -3px;
    font-size: 13px;
    box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
span.is-multiple:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    margin-right: -2px;
    z-index: 1;
    border-top-left-radius: 50%;
}
span.is-multiple:after {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 3px;
    top: 50%;
    transform: translate(45%, -50%) rotate(45deg);
    right: 0;
    border-bottom-left-radius: 50%;
}