/* Шрифты */

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

/* Тело и контейнер */

body {
    /* Hide scrollbars */
    font-family: 'Gotham', serif;
    font-size: 2.5vw;
    overflow: hidden;
    margin: 0;
    /* disable selections */
    touch-action: none;
    user-select: none;
}

* {
    /*overflow-x: hidden;*/
    padding: 0px !important;
    margin: 0px !important;
}

.container {
    width: 100vw;
    height: 100vh;
    background: linear-gradient(180deg, rgba(193, 228, 235, 0) 42.71%, #BFE5EB 74.58%);
}

/* Заголовок (вопрос и лого) */

.question {
    position: absolute;
    left: 3.021vw;
    top: 5.370vh;
    font-style: normal;
    font-weight: normal;
    font-size: 2.083vw;
    line-height: 2.500vw;
    text-transform: uppercase;
    color: #4C5CA7;
}

.question-small {
    font-size: 0.990vw;
    line-height: 1vh;
}

#question_10 .question {
    font-size: 1.563vw;
}

.logo img {
    position: absolute;
    width: 18.021vw;
    left: 80.833vw;
    top: 2.037vh;
}

.logo_telzap img {
    width: 21.406vw;
    left: 77.433vw;
    top: 4.837vh;
}

.logo_aproback img {
    width: 14vw;
    left: 82.433vw;
    top: 4.337vh;
}

/* Варианты ответа */

.circle {
    box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.25);
    border-radius: 500px;
    background-color: rgba(255, 255, 255, 1);
    transition: background-color 0.5s ease;
    opacity: 1;
    width: 23.438vw;
    height: 23.438vw;
    position: absolute;
    top: 24.444vh;
}

.answer1 .circle {
    left: 4.583vw;
}

.answer2 .circle {
    left: 38.073vw;
}

.answer3 .circle {
    left: 72.031vw;
}

.plate {
    position: absolute;
    width: 22.552vw;
    height: 5.804vw;
    top: calc(24.444vh + 23.438vw + 2.963vh);
}

.circle img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 23.5vw;
    height: 23.5vw;
    transform: translateY(0.2vw);
}

.plate_outer {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(204, 204, 204, 1);
    transition: background-color 0.5s ease;
    opacity: 1;
    width: 22.552vw;
    height: 5.781vw;
    position: absolute;
    left: 0px;
    top: 0px;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.answer1 .plate {
    left: 5.026vw;
}

.answer2 .plate {
    left: 38.515vw;
}

.answer2 .plate .plate_outer {
    background: #9C9C9C;
}

.answer3 .plate {
    left: 72.421vw;
}

.plate_inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 20.677vw;
    height: 4.219vw;
    position: absolute;
    left: 0.938vw;
    top: 0.796vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.plate_text {
    opacity: 1;
    width: 20vw;
    height: 1.563vw;
    position: absolute;
    left: 1.354vw;
    top: 2.181vw;
    /* ЗИГМУНД ФРЕЙД */
    font-style: normal;
    font-weight: bold;
    font-size: 1.302vw;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #4C5CA7;
}

.plate_text8 {
    font-size: 1.094vw;
    line-height: 1.302vw;
    top: 1.681vw;
}

.plate_text13 {
    font-size: 0.76vw;
    top: 1.8vw;
}

.plate_text13_1 {
    top: 1.581vw
}

.uplate {
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 11.094vw;
    height: 5.104vw;
    border-top-left-radius: 785px;
    border-top-right-radius: 785px;
    border-bottom-left-radius: 785px;
    border-bottom-right-radius: 785px;
    position: absolute;
    left: 15.5vw;
    top: 1vw;
    text-align: center;
    color: #4C5CA7;
    transition: background-color 0.5s;
}

.imguplate {
    position: absolute;
    left: 13.8vw;
    top: 1.8vw;
}

.imguplate img {
    width: 15.260vw;
    height: auto;
}

.right .uplate, .wrong .uplate {
    color: FFFFFF !important;
}

.right .uplate {
    background-color: #BDBD00 !important;
}

.wrong .uplate {
    background-color: #FF3D00 !important;
}

.uplate span {
    font-weight: bold;
    font-size: 1.875vw;
    line-height: 1.45vw;
}

.uplate .small_span {
    font-weight: normal;
    font-size: 1.5vw
}

/* Выбранный вариант ответа */

.right .circle, .right .plate_outer {
    background: #BDBD00 !important;
}

.wrong .circle, .wrong .plate_outer {
    background: #FF3D00 !important;
}

/* Объяснения после выбора ответа */

.explanation span {
    position: absolute;
    width: 100vw;
    font-style: normal;
    font-weight: normal;
    font-size: 1.302vw;
    line-height: 1.563vw;
    text-align: left;
    color: #000000;
    top: calc(24.444vh + 23.438vw + 13.9vh);
    left: 3.698vw;
}

.explanation1 span {
    width: 24.271vw;
    top: calc(24.444vh + 23.438vw + 15vh);
    text-align: center;
}

.explanation6 span {
    left: 54.323vw;
    font-size: 2.083vw;
    line-height: 2.5vw;
    top: 22.8vw;
    color: #4C5CA7;
}

.explanation13 span {
    text-align: center;
    top: calc(24.444vh + 24.638vw + 13.9vh);
}

.footnote {
    pointer-events: none;
    position: absolute;
    width: 85.260vw;
    left: 3.073vw;
    top: 93.241vh;
    font-style: normal;
    font-weight: normal;
    font-size: 0.781vw;
    line-height: 0.938vw;
    color: #000000;
}

.hidden {
    display: none;
}

/* Кнопки подтверждения ответа */

.button_confirm {
    position: relative;
    opacity: 1;
    width: 13.802vw;
    height: 3.542vw;
    left: 81.198vw;
    top: 88.633vh;
    color: #4C5CA7;
    z-index: 999;
}

@media (max-width: 1280px) {
.button_confirm {
    left: 81.198vw;
    top: 68.633vh;
}}

.button_confirm_outer {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(76, 92, 167, 1);
    opacity: 1;
    width: 13.802vw;
    height: 3.542vw;
    position: absolute;
    left: 0px;
    top: 0px;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.button_confirm_inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 12.656vw;
    height: 2.604vw;
    position: absolute;
    left: 0.573vw;
    top: 0.469vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.button_confirm_text {
    position: absolute;
    left: 1.719vw;
    top: 0.990vw;
    font-style: normal;
    font-weight: bold;
    font-size: 1.302vw;
    line-height: 1.563vw;
    text-align: center;
    text-transform: uppercase;
}

/* Кнопки перехода к след вопросу */

.button_next {
    width: 19.063vw;
    left: 75.938vw;
}

.button_next .button_confirm_outer {
    width: 19.063vw;
}

.button_next .button_confirm_text {
    left: 1.319vw
}

.button_next .button_confirm_inner {
    width: 17.969vw;
}

/* Сообщение с поздравлением */

.congrats {
    /* ПРАВИЛЬНО! */
    position: absolute;
    width: 21.198vw;
    height: 3.906vw;
    left: 38.177vw;
    top: 16.481vh;
    font-style: normal;
    font-weight: bold;
    font-size: 2.865vw;
    line-height: 66px;
    text-align: center;
    text-transform: uppercase;
    color: #FF3D00;
}

.correct .congrats {
    color: #BDBD00;
}

.answer1 .congrats {
    left: 5.833vw;
}

.answer2 .congrats {
    left: 39.177vw;
}

.answer3 .congrats {
    left: 73.125vw;
}

/* Дропзона */

.dropzone {
    position: absolute;
    width: 17.965vw;
    height: 4.623vw;
    top: 45.833vh;
    opacity: 1;
    text-align: center;
}

.dropzone_inner {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 17.965vw;
    height: 4.623vw;
    position: absolute;
    left: 0px;
    top: 0px;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

#question_10_content .drop-active, .drop-active .dropzone_inner {
    transition: background-color 1s;
    background-color: rgba(76, 92, 167, 1);
}

#question_10_content .drop-target, .drop-target .dropzone_inner {
    transition: background-color 1s;
    background-color: #BDBD00;
}

.dropzone span {
    position: absolute;
    top: -6.9vw;
    left: 1.1vw;
    width: 15.781vw;
    font-style: normal;
    font-weight: bold;
    font-size: 1.302vw;
    line-height: 1.563vw;
    text-align: center;
    letter-spacing: -0.03em;
}

/* Драггабл */

.draggable {
    position: absolute;
    width: 17.965vw;
    height: 4.623vw;
    left: 9.010vw;
    top: 75.648vh;
    text-align: center;
    touch-action: none;
    user-select: none;
}

.draggable_outer {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(204.00000303983688, 204.00000303983688, 204.00000303983688, 1);
    opacity: 1;
    width: 17.965vw;
    height: 4.623vw;
    position: absolute;
    left: 0px;
    top: 0px;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.drop-right .draggable_outer, #question_10_content .drop-right {
    transition: background-color 1.5s ease;
    background-color: #BDBD00;
}

.drop-wrong .draggable_outer, #question_10_content .drop-wrong {
    transition: background-color 1.5s ease;
    background-color: #FF3D00;
}

.draggable_inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 16.512vw;
    height: 3.390vw;
    position: relative;
    left: 0.749vw;
    top: 0.516vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.draggable span {
    position: absolute;
    width: 17.942vw;
    left: 0px;
    top: 1.563vw;
    font-style: normal;
    font-weight: bold;
    font-size: 1.302vw;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #4C5CA7;
}

.svg-container {
    width: 120vw;
    position: absolute;
    top: -26.4vw;
    left: 2.1vw;
}

.ctitle, .svg_gradient {
    pointer-events: none
}

.sel-m, .sel-m path {
    fill: #BDBC3C !important;
}

.wrong-m, .wrong-m path {
    fill: #FF3D00 !important;
}

.sel-n, .sel-n path, .sel-n g {
    fill: #FFFFFF !important;
}

svg g, svg path {
    transition: fill .3s ease;
}

/* Question 10 */

#question_10_content {
    position: absolute;
    top: 17.25vh;
    width: 100vw;
    height: 82.75vh;
}

#start_therapy {
    width: 18.490vw;
    height: 3.385vw;
    background: rgba(76, 92, 167, 1);
    position: absolute;
    top: 0;
    left: 28.3vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
    overflow: hidden;
}

#start_therapy span {
    width: 15.729vw;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0.938vw;
    left: 1.406vw;
    font-weight: Bold;
    font-size: 1.302vw;
    text-align: center;
}

.svg-container10 {
    width: 33.594vw;
    position: absolute;
    top: 3.3vw;
    left: 26.38vw;
}

.dropzone10_big {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    width: 35.156vw;
    height: 5.625vw;
    position: absolute;
    left: 1vw;
    top: 1vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.dropzone10_small {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 17.135vw;
    height: 5.625vw;
    position: absolute;
    left: 0px;
    top: 0px;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.plate10_small {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(213.00000250339508, 178.00000458955765, 123.0000002682209, 1);
    opacity: 1;
    width: 17.135vw;
    height: 5.625vw;
    position: absolute;
    left: 0px;
    top: 0px;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.plate10_small_inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 15.677vw;
    height: 4.323vw;
    position: absolute;
    left: 0.729vw;
    top: 0.573vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.plate10_small_text {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
    width: 10.602vw;
    height: 2.448vw;
    position: absolute;
    left: 5.573vw;
    top: 1.406vw;
    text-align: left;
    font-size: 1.042vw;
    font-style: normal;
    font-weight: bold;
    line-height: 1.250vw;
    letter-spacing: -0.03em;
}

.plate10_small_img {
    opacity: 1;
    width: 2.169vw;
    height: 2.169vw;
    position: absolute;
    left: 2.135vw;
    top: 1.563vw;
    background-image: url('../img/pills_1.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.plate10_small_img2 {
    opacity: 1;
    width: 3.542vw;
    height: 2.344vw;
    position: absolute;
    left: 1.563vw;
    top: 1.563vw;
    background-image: url('../img/pills_2.png');
    background-repeat: no-repeat;
}

.plate10_big {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(213.00000250339508, 178.00000458955765, 123.0000002682209, 1);
    opacity: 1;
    width: 35.156vw;
    height: 5.625vw;
    position: absolute;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.plate10_big_inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 34.006vw;
    height: 4.323vw;
    position: absolute;
    left: 0.554vw;
    top: 0.573vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.plate10_big_text {
    color: rgba(76.0000030696392, 92.00000211596489, 167.00000524520874, 1);
    opacity: 1;
    width: 32vw;
    height: 2.813vw;
    position: absolute;
    left: 2.240vw;
    top: 1.354vw;
    text-align: center;
    font-size: 1.042vw;
    letter-spacing: -0.02em;
}

.plate10_medium {
    width: 32.656vw;
}

.plate10_medium .plate10_big_inner {
    width: 31.306vw;
}

.plate10_medium .plate10_big_text {
    width: 27vw;
}

#question_10_footnote {
    position: absolute;
    width: 35.521vw;
    height: 3.750vw;
    left: 20.729vw;
    top: 92.9vh;
    font-style: normal;
    font-weight: bold;
    font-size: 1.042vw;
    line-height: 1.250vw;
    text-align: center;
    color: #000000;
}

/* Question 14 */

#question_14_content {
    position: absolute;
    top: 17.037vh;
    width: 100vw;
    height: 82.963vh;
}

#question_14_bg img {
    position: absolute;
    width: 78.490vw;
    left: 0;
    top: 0;
}

.dropzone14 {
    position: absolute;
    width: 25.41vw;
    height: 17.302vw;
    background: #FFFFFF;
    border: 5px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 1.302vw;
}

.draggable14 {
    position: absolute;
    width: 25.41vw;
    height: 17.302vw;
    box-sizing: border-box;
}

.draggable14-scale {
    transform: scale(0.85);
}

.draggable14 img {
    width: 100%;
}

.plate14 {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: #BDBD00;
    opacity: 1;
    width: 22.356vw;
    height: 5.925vw;
    position: absolute;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
    left: 36.3vw;
    top: 20.1vw;
}

.plate14_inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 20.706vw;
    height: 4.223vw;
    position: absolute;
    left: 0.854vw;
    top: 0.873vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.plate14_text {
    position: absolute;
    width: 22.135vw;
    height: 1.563vw;
    left: 0;
    top: 1.7vw;
    font-family: Gotham;
    font-style: normal;
    font-weight: bold;
    font-size: 2.083vw;
    text-align: center;
    text-transform: uppercase;
    color: #BDBD00;
}

.congrats14-wrong {
    background-color: #FF3D00;
}

.congrats14-wrong .plate14_text {
    color: #FF3D00;
}

.drop-right14 {
    transition: border-color 4s ease;
    border-color: #BDBD00 !important;
}

.drop-wrong14 {
    transition: border-color 4s ease;
    border-color: #FF3D00 !important;
}

/* Question 18 */

#question_18 {
    background: #FFFFFF;
}

#question_18_content {
    position: absolute;
    top: 9.25vh;
    width: 100vw;
    height: 90.75vh;
}

#question_18_bg img {
    position: absolute;
    width: 77.49vw;
    left: 0;
    top: 0;
}

#question_18 .button_confirm {
    left: 51.598vw;
    top: calc(43.233vw + 9.25vh);
}

.dropzone18 {
    position: absolute;
    background: #FFFFFF;
    border: 5px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 1.302vw;
    width: 16.61vw;
    height: 11.302vw;
}

.draggable18 {
    position: absolute;
    width: 16.61vw;
    height: 11.302vw;
    box-sizing: border-box;
}

.draggable18 img {
    width: 100%;
}

/* Question 12 */

#question_12_content {
    position: absolute;
    top: 7.785vh;
    width: 100vw;
    height: 92.315vh;
}

#question_12_bg {
    position: absolute;
    left: 11.146vw;
    width: 77.708vw;
}

#question_12_bg img {
    width: 100%;
}

.molequla {
    position: absolute;
    width: 18.177vw;
    height: 5.104vw;
    left: 9.063vw;
    top: 9.35vw;
    font-style: normal;
    font-weight: bold;
    font-size: 2.083vw;
    line-height: 2.500vw;
    text-align: center;
    text-transform: uppercase;
    color: #4C5CA7;
}

#telzap12 {
    position: absolute;
    width: 31.563vw;
    left: 34.219vw;
    top: 15vw;
}

#aproback16 img {
    position: absolute;
    width: 27.604vw;
    left: 36.354vw;
    top: 11.4vw;
}

#aproback16 span {
    position: absolute;
    width: 40.521vw;
    height: 10.521vw;
    left: 29.740vw;
    top: 33.7vw;
    font-style: normal;
    font-weight: bold;
    font-size: 1.302vw;
    line-height: 1.563vw;
    text-align: center;
    letter-spacing: -0.03em;
    color: #000000;
}

/* Question 7 */

#question_07_content {
    position: absolute;
    top: 10vh;
    width: 100vw;
    height: 90vh;
}

#question_07_bg {
    position: absolute;
    left: 32.446vw;
    top: 18.8vw;
    width: 35.104vw;
}

#question_07_bg img {
    width: 100%;
}

#question_07_message {
    position: absolute;
    left: 33.3vw;
    top: 34.2vw;
    font-style: normal;
    font-weight: normal;
    font-size: 1.302vw;
    color: #000000;
}

.q7_icon {
    width: 9.271vw;
    position: absolute;
    left: 34vw;
    top: 8.2vw;
}

.q7_icon_right {
    left: 56.7vw;
}

/* Question 11 */

#question_11_content {
    position: absolute;
    top: 10vh;
    width: 100vw;
    height: 90vh;
}

#question_11_content .answer1 {
    left: 8.2vw;
}

#question_11_content .answer2 {
    left: 52.1vw;
}

#question_11_content .plate .plate_outer {
    width: 40.852vw;
}

#question_11_content .plate .plate_inner {
    width: 38.877vw;
}

#question_11_content .plate .plate_text {
    width: 38.077vw;
}

/* Question 15, 17 */

#question_15_content, #question_17_content {
    position: absolute;
    top: 16.3vh;
    width: 100vw;
    height: 83.7vh;
}

#question_15_bg {
    position: absolute;
    left: 2.646vw;
    top: 0;
    width: 21.304vw;
}

#question_15_content .plate {
    text-align: center;
}

#question_15_content .plate img, #question_17_content .plate img {
    position: absolute;
    width: 20.208vw;
    height: 11.615vw;
    top: -13.6vw;
    left: 1.2vw;
}

#question_15_answer img, #question_17_answer img {
    position: absolute;
    width: 40.521vw;
    height: 23.281vw;
    left: 35.104vw;
    top: 5.8vw;
}

#question_15_answer span {
    position: absolute;
    left: 36.904vw;
    top: 32.8vw;
    line-height: 1.46vw;
    font-style: normal;
    font-weight: bold;
    font-size: 1.302vw;
    text-align: center;
    letter-spacing: -0.03em;
    color: #000000;
}

#question_17_bg {
    position: absolute;
    left: 2.846vw;
    top: 8vw;
    width: 23.604vw;
}

/* Intro and outro */

/* MAT-RU-2001751 */

.footnote_mat {
    position: absolute;
    left: 89.219vw;
    top: 93.241vh;
    font-style: normal;
    font-weight: normal;
    font-size: 1.042vw;
    text-transform: uppercase;
    color: #9C9C9C;
}

.large_button {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.25);
    background-color: rgba(189.00000393390656, 189.00000393390656, 0, 1);
    opacity: 1;
    width: 47.554vw;
    height: 12.238vw;
    position: absolute;
    left: 26vw;
    top: 22vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.large_button_inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
    width: 45.052vw;
    height: 9.948vw;
    position: absolute;
    left: 1.329vw;
    top: 1.146vw;
    border-top-left-radius: 3214px;
    border-top-right-radius: 3214px;
    border-bottom-left-radius: 3214px;
    border-bottom-right-radius: 3214px;
}

.large_button_text {
    color: rgba(76.0000030696392, 92.00000211596489, 167.00000524520874, 1);
    opacity: 1;
    width: 41.726vw;
    height: 3.380vw;
    position: absolute;
    left: 1.614vw;
    top: 1.661vw;
    font-size: 2.969vw;
    letter-spacing: 0;
    font-style: normal;
    font-weight: bold;
    line-height: 3.542vw;
    text-align: center;
    text-transform: uppercase;
}

#end_quiz {
    top: 18.4vw;
}

#end_quiz .large_button_text {
    top: 3.2vw;
}

#span_outro {
    position: absolute;
    width: 59.427vw;
    left: 20.208vw;
    top: 34.010vw;
    font-style: normal;
    font-weight: bold;
    font-size: 2.969vw;
    line-height: 3.542vw;
    text-align: center;
    text-transform: uppercase;
    color: #4C5CA7;
}

.smooth-translate {
    transition: all 1s ease !important;
}