@font-face {
    font-family: 'Verdana Pro';
    src: url('VerdanaPro-SemiBold.eot');
    src: local('Verdana Pro SemiBold'), local('VerdanaPro-SemiBold'),
    url('VerdanaPro-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('VerdanaPro-SemiBold.woff') format('woff'),
    url('VerdanaPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana Pro';
    src: url('VerdanaPro-Regular.eot');
    src: local('Verdana Pro'), local('VerdanaPro-Regular'),
    url('VerdanaPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('VerdanaPro-Regular.woff') format('woff'),
    url('VerdanaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Verdana Pro';
    src: url('VerdanaPro-Bold.eot');
    src: local('Verdana Pro Bold'), local('VerdanaPro-Bold'),
    url('VerdanaPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('VerdanaPro-Bold.woff') format('woff'),
    url('VerdanaPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}

html, body {
    min-height: 100%;
}
html {}
body {font-family: 'Verdana Pro', sans-serif;font-size: 16px;line-height: 24px;font-weight: 400;min-width: 320px;color: #fff; background: linear-gradient(107.56deg, #2B3E63 0%, #19293C 100%);}

.main-page { min-height: 100%; background: url(/images/quiz/bg-main.svg) 50% 50% no-repeat; background-size: cover;}

ol, ul {list-style: none}

blockquote, q {quotes: none}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}

table {border-collapse: collapse;border-spacing: 0}

a {text-decoration: none;display: inline-block}

sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}

div {-webkit-box-sizing: border-box;box-sizing: border-box}

.rotate {-webkit-transition: .2s;transition: .2s}

.rotate.active {-webkit-transform: rotate(180deg);transform: rotate(180deg)}

.clrWhite {color: #fff}

.clrBlue {color: #0CA5E6}

.clrBlack {color: #2B2D36}

.bgrBlue {background-color: #0CA5E6}

.bgrDark_1 {}

.hoverBox:hover .hover_blue {color: #0CA5E6}

.containerMain {max-width: 1440px;width: 100%;margin-left: auto;margin-right: auto}

.iflex {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex}

.flex {display: -webkit-box;display: -ms-flexbox;display: flex}

.flex.endX {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end}

.flexCenter {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.flexCenterY {-webkit-box-align: center;-ms-flex-align: center;align-items: center}

.flexWrap {-ms-flex-wrap: wrap;flex-wrap: wrap}

.shrinkOff {-ms-flex-negative: 0;flex-shrink: 0}

.growOn {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1}

.indentB_sm {margin-bottom: 8px}

.indentB_md {margin-bottom: 16px}

.layout {top: 0;right: 0;bottom: 0;left: 0}

.layoutSize {width: 100%;height: 100%}

.layoutSizeMax {min-width: 280px;width: 100%;height: 100%;min-height: 700px}

@media (max-width: 992px) {
    .layoutSizeMax {height: 100vh;min-height: 500px}
}


.heightAll {min-width: 280px;height: 100%}

.listing__complete {width: 64px;height: 64px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;top: 48px;right: 48px;border: 2px solid #0CA5E6;border-radius: 50%}

@media (max-width: 992px) {
    .listing__complete {display: none}
}

.listing__layoutPart {overflow: hidden;padding-left: 48px;padding-right: 48px;scrollbar-width: none}

@media (max-width: 992px) {
    .listing__layoutPart {padding-left: 32px;padding-right: 32px;max-height: 100%;overflow-y: auto}
}

@media (max-width: 768px) {
    .listing__layoutPart {padding-left: 24px;padding-right: 24px}
}

.listing__layoutPart::-webkit-scrollbar {display: none}

@media (max-width: 992px) {
    .listing__layoutAll {height: calc(100vh + 100px);overflow: auto}
}

.listing__gradient {content: '';background: linear-gradient(180deg, rgba(255, 255, 255, 0) 7.75%, rgba(255, 255, 255, .9) 65.07%);position: absolute;bottom: 0;left: 0;right: 0;height: 48px;width: 100%;z-index: 3}

@media (max-width: 1200px) {
    .listing__gradient {height: 40px}
}

@media (max-width: 992px) {
    .listing__gradient {height: 32px}
}

@media (max-width: 768px) {
    .listing__gradient {height: 24px}
}

.listing__boxElem {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}

.listing__oh {overflow: hidden;margin-bottom: -48px}

.listing__field {max-width: 1024px;width: 100%;margin-left: auto;margin-right: auto}

.listing__container {width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 1040px;
    grid: none;
    grid-gap: unset;
    grid-template: none;
    overflow: auto;
    height: auto;
    padding: 0 0 10px;
}

.listing__container::-webkit-scrollbar {width: 7px;background-color: #fff;border-left: .5px solid rgba(255, 131, 122,  .2);border-right: .5px solid rgba(255, 131, 122,  .2);margin-right: -20px;margin-bottom: 20px}

.listing__container::-webkit-scrollbar-thumb {background-color: #C4C4C4;border-radius: 12px}

.listing__container::-webkit-scrollbar-thumb:hover {background-color: #C4C4C4}

.listing__container::-webkit-scrollbar-button:vertical:start:decrement {display: none}

.listing__container::-webkit-scrollbar-button:vertical:end:increment {display: none}

.listing__container::-webkit-scrollbar-button:horizontal:start:decrement {display: none}

.listing__container::-webkit-scrollbar-button:horizontal:end:increment {display: none}

.listing__title {margin-bottom: 48px;padding-top: 48px}

@media (max-width: 1200px) {
    .listing__title {margin-bottom: 40px;padding-top: 40px}
}

@media (max-width: 992px) {
    .listing__title {margin-bottom: 0;padding-top: 32px}
}

@media (max-width: 768px) {
    .listing__title {padding-top: 24px}
}

.listing__footerMobile {display: none}

@media (max-width: 992px) {
    .listing__footerMobile {display: block;padding: 24px;margin: 24px -32px 0;height: 100px;width: 100vw;background-color: #e9ebf5}
}

@media (max-width: 768px) {
    .listing__footerMobile {margin-left: -24px;margin-right: -24px}
}

.card__wrapper {
    border: 1px solid #E6E6E6;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 32px 24px;
    color: #2B2D36;
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
    background: #fff;
}
.small-title {
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
    line-height: 1.4;
}

.flex-wrapper {max-width: 1024px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;margin: auto;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative}

@media (max-width: 1700px) {
    .flex-wrapper {padding-right: 80px}
}

@media (max-width: 992px) {
    .flex-wrapper {padding-right: 0;padding-bottom: 48px;max-width: 100%}
}

.flex-wrapper .listing__title {width: calc(100% - 200px);max-width: 500px}

@media (max-width: 992px) {
    .flex-wrapper .listing__title {width: 100%}
}

@media (max-width: 480px) {
    .flex-wrapper .listing__title {font-size: 24px;line-height: 28px}
}

.flex-wrapper .button__type_1 {margin-top: 54px}

.card__wrapper:last-of-type {padding-bottom: 72px}

@media (max-width: 992px) {
    .card__wrapper:last-of-type {margin-bottom: 0;padding-bottom: 32px}
}

.card__image {display: block;width: 100%}

.card__imageBox {margin-bottom: 16px}

.card__title {margin-bottom: 4px}

.card__textBox {margin-bottom: 16px}

.card__metroBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}

.card__metroDot {width: 8px;height: 8px;border-radius: 50%;margin-right: 8px;-webkit-transform: translateY(-1px);transform: translateY(-1px)}

.card__metroSvg {width: 14px;height: 14px}

.card__metroSvgBox {width: 20px;height: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.listing__oh_2 {overflow: auto}

.button_def {outline: none;border: 0;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out}

.button_def:disabled {opacity: 0.55;pointer-events: none;cursor: default}

.button__size {height: 48px;display: flex;align-items: center;padding: 0 24px}


@media (max-width: 768px) {
    .button__size {height: 40px}
}

.button__again {padding-left: 40px;background-image: url("/images/quiz/again.svg");background-repeat: no-repeat;background-position: 4px 6px}

@media (max-width: 768px) {
    .button__again {margin: 0;background-image: url("/images/quiz/again-mobile.svg");position: absolute;right: 0;bottom: 8px}

    .button__again.button__type_1 {color: #0CA5E6;background-color: #fff;padding-right: 0;background-size: 22px;background-position: 0 50%}
}

.button__type_1 {background-color: #0CA5E6;color: #fff;border-radius: 10px}

.button__type_1:hover {background-color: #128FC4}

.button__type_2 {background-color: transparent;border-radius: 4px;border: 1px solid #0CA5E6;color: #0CA5E6}

.button__type_2:hover {background-color: #128FC4;color: #fff}

.button__type_3 {height: 56px;background-color: #0CA5E6;border-radius: 4px;color: #fff}

.opacity_1 {opacity: 0.1}

.opacity_2 {opacity: 0.2}

.opacity_3 {opacity: 0.3}

.opacity_4 {opacity: 0.4}

.opacity_5 {opacity: 0.5}

.opacity_6 {opacity: 0.6}

.opacity_7 {opacity: 0.7}

.opacity_8 {opacity: 0.8}

.pRel {position: relative}

.pAbs {position: absolute}

.text_xl {font-size: 40px;line-height: 48px}

.text_lg {font-size: 28px;line-height: 32px}

.text_slg {font-size: 24px;line-height: 32px}

.text_smd {font-size: 20px;line-height: 28px}

.text_md {font-size: 16px;line-height: 24px}

.text_sm {font-size: 14px;line-height: 20px}

.text_xs {font-size: 12px;line-height: 16px}

.text_nowrap {white-space: nowrap}

.text_up {text-transform: uppercase;letter-spacing: 2px}

.text_crop {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.bold {font-weight: 700}

.medium {font-weight: 600}

.regular {font-weight: 400}

.ls_2 {letter-spacing: 2px}

.title__main {font-size: 56px;line-height: 64px}

@media (max-width: 1200px) {
    .title__main {font-size: 48px;line-height: 56px}
}

@media (max-width: 992px) {
    .title__main {font-size: 40px;line-height: 48px}
}

@media (max-width: 768px) {
    .title__main {font-size: 32px;line-height: 40px}
}

.title__form {font-size: 40px;line-height: 48px}

@media (max-width: 1200px) {
    .title__form {font-size: 36px;line-height: 44px}
}

@media (max-width: 992px) {
    .title__form {font-size: 32px;line-height: 40px}
}

@media (max-width: 768px) {
    .title__form {font-size: 28px;line-height: 36px}
}

@media (max-width: 480px) {
    .title__main {font-size: 20px; line-height: 1.3}
    .title__form {font-size: 20px;line-height: 1.3}
}

.zIndex_1 {z-index: 1}

.zIndex_2 {z-index: 2}

.zIndex_3 {z-index: 3}

.zIndex_4 {z-index: 4}

.zIndex_5 {z-index: 5}

.zIndex_6 {z-index: 6}

.zIndex_7 {z-index: 7}

.zIndex_8 {z-index: 8}

.modal-open {overflow: hidden}

.modal {display: none;overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;background-color: rgba(52, 55, 71, 0.9);outline: 0}

.modal.fade .modal-dialog {top: 0;-webkit-transform: translate(-50%, -100%);transform: translate(-50%, -100%);-webkit-transition: -webkit-transform 0.3s ease-out;transition: -webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out;transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out}

.modal.in .modal-dialog {top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}

.modal-open .modal {overflow-x: hidden;overflow-y: auto}

.modal-dialog {position: absolute;left: 50%;padding: 48px;background-color: #fff;color: #000;}

.modal-content {position: relative;background-color: #fff;-webkit-box-shadow: none;box-shadow: none;background-clip: padding-box;outline: 0;font-size: 12px;line-height: 16px;color: #2b2d36}

.modal-content .pos_rel {position: relative}

.modal-content .modal-title {display: block;text-align: left;font-weight: 700;font-size: 24px;line-height: 32px;color: #2b2d36;margin-bottom: 24px}

.modal-content .modal-close {position: absolute;top: -24px;right: -24px;display: block;padding: 0;margin: 0;background: none;outline: none;border: none;-webkit-box-shadow: none;box-shadow: none;cursor: pointer}

.modal-content .modal-close svg {width: 20px;height: 20px;stroke: #979797;fill: #979797}

.modal-content .modal-agreement {margin-top: 24px;max-width: 400px;opacity: 0.5}

.modal-content .alert-success {font-size: 16px;line-height: 24px}

.modal-content .form-group input {display: block;width: 100%;border: 1px solid rgba(255, 131, 122,  .2);border-radius: 4px;padding: 12px 16px;margin-bottom: 8px;font-size: 16px;line-height: 24px;color: #2b2d36;outline: none;-webkit-box-sizing: border-box;box-sizing: border-box}

.modal-content .form-group.has-error input {border-color: #ec1d1d;color: #ec1d1d}

.modal-content .form-group.has-error .help-block {color: #ec1d1d}

.modal-content .modal-button-submit {border: none;outline: none;margin: 16px 0;padding: 10px 24px;background: #0CA5E6;border-radius: 3px;font-weight: 500;font-size: 16px;line-height: 28px;color: #fff;cursor: pointer}

.modal-xs {width: 100%;min-width: 300px;max-width: 496px;margin-left: auto;margin-right: auto;padding: 48px;background-color: #fff}

@media (max-width: 768px) {
    .modal-xs {width: 80vw;padding: 48px 24px}

    .modal-content .modal-close {right: -12px}

    .modal-content .modal-title {font-size: 20px;line-height: 28px}
}

.content {opacity: 0;visibility: hidden;-webkit-transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out;transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out}

.content .content__header {margin-left: -500px;-webkit-transition: margin 0.7s ease-in-out 0.4s;transition: margin 0.7s ease-in-out 0.4s}

.content.contentActive {opacity: 1;visibility: visible; overflow: hidden;}

.content.contentActive .content__header {margin-left: 0}

.content__container {display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%}

@media (max-width: 992px) {
    .content__container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
}

.content__wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}

.content__header {width: 396px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 48px;-ms-flex-negative: 0;flex-shrink: 0;background-color: #333748;background-image: url("/images/quiz/romb_pattern.svg");background-size: 288px 288px;z-index: 1}

@media (max-width: 1200px) {
    .content__header {width: 350px;padding: 32px}
}

@media (max-width: 992px) {
    .content__header {display: none}
}

.content__headerLinks {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}

.content__headerLinkBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}

.content__headerLink:hover > div {opacity: 1}

.content__headerLink:nth-child(2) {width: 50%}

.content__headerLink:nth-child(3) {width: 50%}

.content__content {overflow-y: auto;overflow-x: hidden;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 48px}

@media (max-width: 992px) {
    .content__content {padding: 32px}
}

@media (max-width: 768px) {
    .content__content {padding: 24px;overflow-y: auto}
}

.content__contentForm {height: 100%}

.content__progressBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end}

.content__form {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 24px 0}

.content__formWrapper {overflow-y: auto;max-width: 1044px;width: 100%;margin: auto 0}

.content__buttonBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-top: 20px}

@media (max-width: 480px) {
    .content__buttonBox .button__type_1 {font-size: 14px}

    .content__buttonBox .button__size {padding: 0 16px}
}

.content__footerMobile {display: none}

@media (max-width: 992px) {
    .content__footerMobile {display: none;padding: 24px;margin: auto -32px -24px;background-color: #e9ebf5}
}

@media (max-width: 768px) {
    .content__footerMobile {margin-left: -24px;margin-right: -24px}
}

.header__headerBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;max-width: 770px}

.header__headerWrapper {width: auto;max-width: 50%}

@media (max-width: 992px) {
    .header__headerWrapper {max-width: 100%;height: 100px}
}

@media (max-width: 576px) {
    .header__headerWrapper:last-child {display: none}
}

.header__headerWrapper.with-call-me {position: relative;padding: 0 80px 0 40px;margin-left: auto}

.header__headerCallMe {position: absolute;top: 0;right: 0;-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 56px;height: 56px;border-radius: 50%;color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0.25);cursor: pointer;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out}

.header__headerCallMe svg {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 32px;height: 32px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: fill 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition: fill 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}

.header__headerCallMe:hover {color: rgba(255, 255, 255, 0.75)}

.header__headerCallMe:hover svg {-webkit-transform: rotate(0deg);transform: rotate(0deg)}

.header__box-phone {
    position: absolute;
    bottom: -120px;
    left: 0;
    font-size: 18px;
    z-index: 1;
}
.header__headerPhone {white-space: nowrap; color: rgba(255,255,255, 1); margin-right: 24px; display: inline-block; vertical-align: top; font-size: 20px; font-weight: 400;}
.footer-logo {
    font-size: 20px;
    color: rgba(255,255,255, .5);
    display: inline-block;
    vertical-align: top;
}
.header__container {display: flex;flex-direction: column;padding: 56px 56px 90px;height: 100%;min-height: 700px}

@media (max-width: 992px) {
    .header__container {padding: 24px;min-height: 100vh}
}

.header__descBox {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}

.header__descBox-content {max-width: 710px}

@media (max-width: 992px) {
    .header__descBox {-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;margin: auto; padding-bottom: 100px; min-height: calc(100% - 50px);}
}

@media (max-width: 768px) {
    .header__descBox-content {
        padding-bottom: 100px;
    }
}
@media (max-width: 700px) {
    .header__descBox-content {
        padding-bottom: 0;
    }
}
.header__descLink {font-size: 20px;line-height: 28px;padding: 14px 32px;background-color: #0CA5E6;border-radius: 4px;color: #fff;-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; box-shadow: 0 4px 13px rgba(12, 165, 230, 0.49); font-weight: 600;}

.header__descLink:hover {background-color: #128FC4}

.header__descLink:disabled {opacity: 0.75;pointer-events: none;cursor: default}

.header__descIndent {margin-bottom: 32px;}

@media (max-width: 1200px) {
    .header__descIndent {margin-bottom: 24px}
}

@media (max-width: 992px) {
    .header__descIndent {margin-bottom: 20px}
}

@media (max-width: 768px) {
    .header__descIndent {margin-bottom: 26px}
}

.header__pattern {background-size: 800px}

@media (max-width: 1200px) {
    .header__pattern {background-size: 600px}
}

@media (max-width: 992px) {
    .header__pattern {background-size: 400px}
}

@media (max-width: 768px) {
    .header__pattern {background-size: 300px}
}

.header__layoutPromo {top: 0;bottom: 0;right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 658px;background-color: #fff; border-radius: 50px 0 0 50px; }
.header__utpWrapper {padding-right: 40px;font-size: 24px;line-height: 32px}

@media screen and (max-width: 1800px) {
    .header__layoutPromo {width: 472px}
}
@media only screen and (max-width: 1600px) and (min-width: 1024px) {
    .header__layoutPromo {width: 440px;}
    .header__descIndent {font-size: 52px;}
    .header__utpWrapper {font-size: 18px;}
    .text_smd {font-size: 17px;}
}

@media (max-width: 1550px) {
    .header__layoutPromo {display: none}
}

.header__utpBox {display: -webkit-box;display: -ms-flexbox;display: flex}

@media (max-width: 992px) {
    .header__utpBox {display: none}
}


.header__utpBadge {display: inline;padding: 2px 4px;border-radius: 3px;background-color: #fff;color: #2B2D36}

.header__slider-item {width: 338px;height: 531px;margin: auto;position: relative}

.header__slider-item .button_def {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 auto 20vh}

.header__slider-icon {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.header__slider-icon-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.header__slider-icon.small {width: 93px;margin: auto}

.header__slider-icon .search {width: 105px;height: 105px;background-color: #0CA5E6;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;bottom: -23px;right: 50px;opacity: 0}

.header__slider-check-item {border: 6px solid #0CA5E6;border-radius: 15px;width: 100%;height: calc(33.3% - 4.9%);margin-bottom: 26%;position: relative}

.header__slider-check-item:last-child {margin-bottom: 0}

.header__slider-check-ico {height: 100%;overflow: hidden;position: relative}

.header__slider-check-ico .ico {position: absolute;top: -6px;left: -6px;width: 93px;height: 93px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.header__slider-list-wrapper {max-width: 257px;height: 370px}

.header__slider-list-ico {height: 100%;position: relative; color: #0CA5E6}
.header__slider-list-ico svg {fill: currentColor}
.header__slider-list-item {height: calc(33.3% - 4.9%);margin-bottom: 9%}

.header__slider-text {width: 100%;font-size: 28px;line-height: 36px; text-align: center;position: absolute;bottom: 0;left: 0}

.owl-item.active .animation-parent {-webkit-animation-name: parent;animation-name: parent;-webkit-animation-duration: 5s;animation-duration: 5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}

.owl-item.active .animation-parentCheck {-webkit-animation-name: parent-check;animation-name: parent-check;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}

.owl-item.active .animation-parentList {-webkit-animation-name: parent-list;animation-name: parent-list;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}

.owl-item.active .animation-search {-webkit-animation-name: search;animation-name: search;-webkit-animation-duration: 5s;animation-duration: 5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-transform-origin: top left;transform-origin: top left}

.owl-item.active .animation-back:before {content: '';width: calc(100% + 12px);height: calc(100% + 12px);border-radius: 15px;position: absolute;top: -6px;left: -6px;-webkit-animation-name: back;animation-name: back;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-transform-origin: top left;transform-origin: top left}

.owl-item.active .animation-backList .ico svg {
    -webkit-animation-name: back-svg;animation-name: back-svg;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;
}
.owl-item.active .animation-backList:before {content: '';top: 1px;left: 1px;width: calc(100% - 2px);height: calc(100% - 2px);border-radius: 8px;position: absolute;-webkit-animation-name: back;animation-name: back;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-transform-origin: top left;transform-origin: top left;z-index: -1}

.owl-item.active .animation-left {-webkit-animation-name: left;animation-name: left;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}

.owl-item.active .animation-check {-webkit-animation-name: check;animation-name: check;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}

.quiz-carousel .owl-dots {position: absolute;bottom: -60px;left: 0;right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.quiz-carousel .owl-dot {width: 16px;height: 16px;background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;margin-right: 24px}

.quiz-carousel .owl-dot:last-child {margin-right: 0}

.quiz-carousel .owl-dot.active {background: #0CA5E6}

.transform_180 svg {-webkit-transform: rotate(180deg);transform: rotate(180deg)}

@-webkit-keyframes parent {
    0% {opacity: 0;width: 50%;height: 155px}
    20% {opacity: 1;width: 100%;height: 311px}
    100% {opacity: 1;width: 100%;height: 311px}
}

@keyframes parent {
    0% {opacity: 0;width: 50%;height: 155px}
    20% {opacity: 1;width: 100%;height: 311px}
    100% {opacity: 1;width: 100%;height: 311px}
}

@-webkit-keyframes parent-list {
    0% {opacity: 0;width: 50%;height: 185px}
    20% {opacity: 1;width: 100%;height: 370px}
    100% {opacity: 1;width: 100%;height: 370px}
}

@keyframes parent-list {
    0% {opacity: 0;width: 50%;height: 185px}
    20% {opacity: 1;width: 100%;height: 370px}
    100% {opacity: 1;width: 100%;height: 370px}
}

@-webkit-keyframes parent-check {
    0% {opacity: 0;width: 47.5px;height: 155px}
    15% {opacity: 1;width: 93px;height: 327px}
    100% {opacity: 1;width: 93px;height: 327px}
}

@keyframes parent-check {
    0% {opacity: 0;width: 47.5px;height: 155px}
    15% {opacity: 1;width: 93px;height: 327px}
    100% {opacity: 1;width: 93px;height: 327px}
}

@-webkit-keyframes search {
    0% {opacity: 0}
    20% {opacity: 0}
    35% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    45% {opacity: 1;-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}
    65% {opacity: 1;-webkit-transform: rotate(35deg);transform: rotate(35deg)}
    85% {opacity: 1;-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}
    95% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg)}
}

@keyframes search {
    0% {opacity: 0}
    20% {opacity: 0}
    35% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    45% {opacity: 1;-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}
    65% {opacity: 1;-webkit-transform: rotate(35deg);transform: rotate(35deg)}
    85% {opacity: 1;-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}
    95% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg)}
}

@-webkit-keyframes back {
    0% {background-color: transparent}
    40% {background-color: transparent}
    50% {background-color: #0CA5E6;}
    100% {background-color: #0CA5E6; }
}

@keyframes back {
    0% {background-color: transparent}
    40% {background-color: transparent}
    50% {background-color: #0CA5E6; }
    100% {background-color: #0CA5E6; }
}

@-webkit-keyframes back-svg {
    0% {background-color: transparent}
    40% {background-color: transparent}
    50% { fill: #fff;  color: #fff}
    100% { fill: #fff;  color: #fff}
}

@keyframes back-svg {
    0% {background-color: transparent}
    40% {background-color: transparent}
    50% { fill: #fff; color: #fff}
    100% { fill: #fff;  color: #fff}
}

@-webkit-keyframes left {
    0% {margin-left: 0;margin-right: 0}
    60% {margin-left: 0;margin-right: 0}
    80% {margin-left: 70px;margin-right: -70px}
    100% {margin-left: 70px;margin-right: -70px}
}

@keyframes left {
    0% {margin-left: 0;margin-right: 0}
    60% {margin-left: 0;margin-right: 0}
    80% {margin-left: 70px;margin-right: -70px}
    100% {margin-left: 70px;margin-right: -70px}
}

@-webkit-keyframes check {
    0% {width: 0}
    20% {width: 0}
    40% {width: 100%}
    100% {width: 100%}
}

@keyframes check {
    0% {width: 0}
    20% {width: 0}
    40% {width: 100%}
    100% {width: 100%}
}

.form__title {padding-bottom: 32px}

@media (max-width: 992px) {
    .form__title {padding-bottom: 24px}
}

.form__label {border: 1px solid rgba(12, 165, 230, .4);border-radius: 10px;padding: 13px 16px;display: -webkit-box;display: -ms-flexbox;display: flex;cursor: pointer;-webkit-box-align: center;-ms-flex-align: center;align-items: center}

.form__label:hover { box-shadow: 0px 3px 8px rgba(12, 165, 230, .2);border: 1px solid #0CA5E6}

.form__label.active { box-shadow: 0px 3px 8px rgba(12, 165, 230, .2);border: 1px solid #0CA5E6}

.form__checker {width: 20px;height: 20px;border: 1px solid rgba(12, 165, 230, .4);margin-right: 12px;border-radius: 2px}

.form__checkerRadio {-ms-flex-negative: 0;flex-shrink: 0;width: 20px;height: 20px;border: 1px solid rgba(12, 165, 230,  .2);border-radius: 50%;margin-right: 12px;-webkit-box-sizing: border-box;box-sizing: border-box}

.form__wrapper {margin-bottom: 16px}

.form__wrapper:last-child {margin-bottom: 0}

.form__mediaLayout {border: 1px solid #0CA5E6;position: absolute;display: none;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 8px}

.form__mediaText {padding: 16px 24px;display: block;border: 1px solid rgba(12, 165, 230,  .2);border-radius: 0 0 8px 8px;font-size: 20px;line-height: 28px}

@media (max-width: 768px) {
    .form__mediaText {padding: 8px 16px;font-size: 16px;line-height: 24px}
}

.form__mediaChecker {width: 20px;height: 20px;position: absolute;bottom: 8px;left: 8px;border: 1px solid #fff;z-index: 4;border-radius: 2px}

.form__mediaContainer {display: block}

.form__mediaWrapper {width: 255px;margin-right: 24px;cursor: pointer}

.form__mediaWrapper:last-child {margin-right: 0}

@media (max-width: 768px) {
    .form__mediaWrapper:last-child {margin-bottom: 0}
}

@media (max-width: 768px) {
    .form__mediaWrapper {margin-right: 16px;margin-bottom: 16px;max-width: 220px}
}

.form__mediaImage {width: 255px;height: 160px;-o-object-fit: cover;object-fit: cover;display: block;border-radius: 8px 8px 0 0}

@media (max-width: 768px) {
    .form__mediaImage {height: auto;width: 100%}
}

.form__mediaImageBox {display: block}

.form__mediaImageLayout {top: 0;left: 0;background: -webkit-gradient(linear, left top, left bottom, color-stop(71.61%, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.57)));background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 71.61%, rgba(0, 0, 0, 0.57) 100%)}

.form__mediaBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}

@media (max-width: 480px) {
    .form__label .text_smd {font-size: 16px;line-height: 24px}
}

input:checked + .form__mediaContainer .form__mediaChecker {background: url("/images/quiz/icon-check.svg");background-repeat: no-repeat;background-position: center}

input:checked + .form__mediaContainer .form__mediaLayout {display: block}

input:checked ~ .form__checker {border: 1px solid #0CA5E6;background: #0CA5E6 url("/images/quiz/icon-check.svg");background-repeat: no-repeat;background-position: center}

input:checked ~ .form__checkerRadio {border: 6px solid #0CA5E6}

.footer__container {background-color: #E9EBF5;padding: 32px;display: none}

@media (max-width: 992px) {
    .footer__container {display: block}
}

@media (max-width: 768px) {
    .footer__container {padding: 24px}
}

.footer__image {height: 20px;display: block}

.footer__imageBox {margin-bottom: 8px;display: block}

.footer__link {color: #0CA5E6}

.footer__link:hover {color: #128FC4}

.modal__container {background-color: rgba(52, 55, 71, 0.9);z-index: 9;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 24px}

@media (max-width: 992px) {
    .modal__container {padding: 32px}
}

@media (max-width: 768px) {
    .modal__container {padding: 24px !important}
}

.modal__wrapper {background-color: #fff;padding: 48px;max-width: 836px;width: 100%}

@media (max-width: 1200px) {
    .modal__wrapper {padding: 40px}
}

@media (max-width: 992px) {
    .modal__wrapper {max-width: calc(100vw - 48px);padding: 32px}
}

@media (max-width: 768px) {
    .modal__wrapper {padding: 24px}
}

.modal__title {margin-bottom: 24px}

@media (max-width: 768px) {
    .modal__title {font-size: 20px;line-height: 28px}
}

.modal__form {height: 48px;width: 100%;padding: 0 16px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid rgba(255, 131, 122,  .2);border-radius: 4px;outline: none;color: #2B2D36}

@media (max-width: 768px) {
    .modal__form {height: 40px}
}

.modal__form::-webkit-input-placeholder {color: #a8a8a8}

.modal__form::-moz-placeholder {color: #a8a8a8}

.modal__form:-ms-input-placeholder {color: #a8a8a8}

.modal__form::-ms-input-placeholder {color: #a8a8a8}

.modal__form::placeholder {color: #a8a8a8}

.modal__form:hover {border: 1px solid #0CA5E6}

.modal__form:focus {border: 1px solid #0CA5E6}

.modal__formWrapper {margin-bottom: 8px}

.modal__formError {margin-bottom: 8px;margin-top: 4px;color: #ea3b38}

.modal__formAgree {margin-top: 16px;margin-bottom: 24px}

@media (max-width: 768px) {
    .modal__formAgree {margin-bottom: 16px}
}

.progress__container {width: 96px;height: 96px;background: transparent;border-radius: 50%;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display: block}

@media (max-width: 1200px) {
    .progress__container {width: 72px;height: 72px}
}

@media (max-width: 992px) {
    .progress__container {width: 64px;height: 64px}
}

@media (max-width: 480px) {
    .progress__container {width: 52px;height: 52px}
}

.progress__text {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

.progress__circleEmpty {fill: transparent;stroke: rgba(12, 165, 230,  .2);stroke-width: 2;stroke-dasharray: 101 101}

.progress__circleFull {fill: transparent;stroke: #0CA5E6;stroke-width: 2;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}

.square {width: 50px;height: 70px}

.bgHover {background-color: #0CA5E6;color: #fff}

.bgHover:hover {background-color: #0CA5E6}

.bgHover:hover {color: #1dc560}



.quiz-left-colum {
    background-position: 50% 50%; background-repeat: no-repeat; border-radius: 0 50px 50px 0; background-size: cover; height: 100%; flex: 0 0 496px;  width: 496px; overflow: hidden; transition: all 1s ease-in-out;
}
.quiz-left-colum img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    border-radius: 0 50px 50px 0;
}
.loader-quiz-result {
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    font-weight: 500;
    font-size: 24px;
    padding: 20px;
    color: #fff;
    position: fixed;
    top: calc(50% - 125px);
    left: calc(50% - 125px);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #0CA5E6;
    border: 8px solid #fff;
    z-index: 5;
    animation: pulse 1.6s linear infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.quiz-left-colum.step-finish {
    width: 100vw;
    flex: 0 0 100vw;
    border-radius: 0;
}
.quiz-left-colum.step-finish  .loader-quiz-result {
    display: flex;
}
.quiz-left-colum.step-finish img {
    border-radius: 0;
}
.quiz-left-colum.step-finish img:last-child {
    display: block !important;
}

.modal-open .quiz-left-colum.step-finish
{
    width: 496px;
    flex: 0 0 496px;
    border-radius: 0 50px 50px 0;
    transition: all 0s .2s ease-in-out;
}
.sendForm .quiz-left-colum.step-finish
{
    width: 496px;
    flex: 0 0 496px;
    border-radius: 0 50px 50px 0;
    transition: all 0s ease-in-out;
}
body.modal-open, .sendForm {
    background: #fff;
}
.sendForm .quiz-left-colum img:last-child {
    display: block !important;
}


.quiz-check {stroke: #fff; fill: none}
.quiz-brain {stroke: #0CA5E6; fill: none;}
.quiz-search {fill: #fff;}
.quiz-list {}
.animation-left .quiz-list {}


.purple-bg {
    background: url(../images/quiz/depersonalized_img.svg) 1050px 43% no-repeat;
    background-size: auto 737px;
}

@media(max-width: 1840px) {
    .purple-bg {
        background-size: auto 680px;
    }
}
@media(max-width: 1480px) {
    .purple-bg {
        background-size: auto 580px;
        background-position: 100% 60%;
    }
}
@media(max-width: 1300px) {
    .purple-bg {
        background-size: auto 484px;
        background-position: 100% 70%;
    }
}
@media(max-width: 1023px) {
    .quiz-left-colum {position: absolute;top:0;left:0; width: 100%; height: 100%;}
    .quiz-left-colum img { display: none !important; opacity: 0; transition: all .8s ease-in-out}
    .quiz-left-colum.step-finish img:last-child { opacity: 1;}
    .modal-open .quiz-left-colum.step-finish {width: 100%; flex: 0 0 100%;}
}
@media(max-width: 1000px) {
    .purple-bg {
        background-size: auto 284px;
        background-position: 100% 100%;
    }
}
@media(max-width: 991px) {
    .header__box-phone {
        bottom: 0;
    }
}

@media(max-width: 767px) {
    .header__descIndent {
        font-size: 24px;
        line-height: 1.3;
    }
    .text_smd {
        font-size: 16px;
        line-height: 1.3;
    }
    .header__headerPhone {font-size: 14px;}
    .footer-logo {font-size: 14px;}
    .purple-bg { background-size: auto 220px;}
    .header__descLink {font-size: 16px; padding: 8px 24px; line-height: 20px;}
}
@media(max-width: 560px) {
    .header__box-phone {
        font-size: 15px;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .text_smd {
        font-size: 16px;
    }
    .text_smd br {
        display: none;
    }
    .purple-bg {
        background-size: auto 245px;
        background-position: 115% 105%;
        display: none;
    }
    .main-page {
        background: none;
    }
    .header__descBox {
        background: url(../images/quiz/depersonalized_img.svg) 50% 0 no-repeat;
        background-size: 190px auto;
        padding-top: 200px;
    }
    .header__descBox-content {
        text-align: center;
    }
    .header__descLink {font-size: 16px; padding: 8px 24px;}
    .header__descIndent {
        text-align: center;
    }

}
@media(max-width: 440px) {
    .purple-bg {
        background-size: auto 245px;
        background-position: 165% 105%;
    }
}
@media(max-width: 320px) {
    .purple-bg {
        background-size: auto 220px;
        background-position: 175% 102%;
    }

}

@media (max-width: 767px) {
    html, body, .layoutSizeMax, .header__container {height: -webkit-fill-available;min-height:calc(100vh - 30px)}
}