.page-form {
    padding: 40rem 0;
    width: 100%;
    text-align: center;
}

.page-form__title {
    margin-bottom: 26rem;
    font-weight: 500;
    font-size: 40rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

.page-form form {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

.page-form form :last-child {
    margin-bottom: 0;
}

.page-form__сol-wrap {
    margin-bottom: 42rem;
}

.page-form__сol-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 32rem;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
	user-select: none;
}

.page-form__сol-link i {
    flex-shrink: 0;
    display: block;
    margin-left: 35rem;
    width: 40rem;
    height: 40rem;
    background: #fff url('../img/svg/angle-arrow.svg') no-repeat 50% 58%/23rem;
    border-radius: 50%;
    transition: 0.3s;
	user-select: none;
}

.page-form__сol-wrap.show .page-form__сol-link i {
    transform: rotate(180deg);
}

.page-form__col-block {
    padding-top: 18rem;
}

.page-form__group {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-bottom: 24rem;
    width: 407rem;
    max-width: 100%;
}

.page-form__сol-wrap .page-form__group:last-child {
    margin-bottom: 0;
}

.page-form__label {
    margin-bottom: 13rem;
    font-weight: 500;
    font-size: 24rem;
    line-height: 1.2;
}

.page-form__label a {
    text-decoration: underline;
}

.page-form__input {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 0 32rem;
    width: 100%;
    height: 40rem;
    color: #217DEA;
    font-weight: 500;
    font-size: 24rem;
    line-height: 120%;
    text-align: center;
    background: #fff;
    border-radius: 60rem;
}

.page-form__input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
    font-style: italic;
    opacity: 1;
}

.page-form__input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
    font-style: italic;
    opacity: 1;
}

.page-form__input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
    font-style: italic;
    opacity: 1;
}

.page-form__group-attention {
    display: block;
    margin-top: 8rem;
    color: #A3CBFF;
    font-weight: 500;
    font-size: 18rem;
    line-height: 1.2;
    text-align: center;
}

.theme-dark .page-form__group-attention {
    color: #6BC6E0;
}

.page-form__br {
    display: block;
    margin: 0 0 44rem;
    width: 100%;
    height: 1rem;
}

.page-form__blockquote {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 54rem auto 0;
    padding: 30rem 32rem;
    width: 100%;
    max-width: 566rem;
    color: #fff;
    font-weight: 700;
    font-size: 30rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-align: center;
    text-decoration: none;
    border: 1rem solid #fff;
    border-radius: 100rem;
}

.page-form__checkboxes {
    margin-bottom: 48rem;
    width: 407rem;
}

.page-form__checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 24rem;
    width: 100%;
}

.page-form__checkbox:last-child {
    margin-bottom: 0;
}

.page-form__hidden {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -9999 !important;
}

.page-form__checkbox-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    top: 0;
    margin-bottom: 0;
    margin-right: 12rem;
    width: 20rem;
    height: 20rem;
    background: rgba(0, 0, 0, 0);
    border: 1rem solid #fff;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
}

.page-form__checkbox input:checked+.page-form__checkbox-dot {
    background: #fff;
}

.page-form__checkbox-dot::after {
    content: '';
    flex-shrink: 0;
    position: relative;
    top: 5%;
    right: 2.5%;
    width: 60%;
    height: 60%;
    background: url('../img/svg/check.svg') no-repeat 50%/contain;
    opacity: 0;
}

.page-form__checkbox input:checked+.page-form__checkbox-dot::after {
    opacity: 1;
}

.page-form__checkbox-text {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 16rem;
    line-height: 1.2;
    text-align: left;
}

.page-form__checkbox-text a {
    color: #fff;
    text-decoration: underline;
}

.page-form__checkbox-text a:hover {
    text-decoration: none;
}

.page-form__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.page-form__btns .btn {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 14rem;
    padding: 10rem 50rem;
    width: 340rem;
    max-width: 100%;
    font-weight: 500;
    font-size: 24rem;
    line-height: 1.2;
    text-align: center;
    border-width: 1rem;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 100rem;
    outline: 0;
    box-shadow: none;
	transition: all 0.3s;
}

.page-form__btns .btn-white {
    color: #217DEA;
    background: #fff;
    border-color: #fff;
}

.page-form__btns .btn-white:hover {
    color: #fff;
    background: #217DEA;
    border-color: #fff;
}

.page-form__btns .btn-white:focus {
    color: #fff;
    background: #217DEA;
    border-color: #fff;
}

.page-form__btns .link {
    font-weight: 500;
    font-size: 24rem;
    line-height: 1.2;
    text-decoration: underline;
}

.page-form__btns .link:hover {
    text-decoration: none;
}

.page-form__btns :last-child {
    margin-bottom: 0;
}

.page-form__btns p {
    margin-bottom: 32rem;
    font-weight: 500;
    font-size: 18rem;
    line-height: 1.2;
}

/* PAGE-FORM END */

/* MODAL START */
.page-form__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.page-form__popup-body {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32rem auto;
    width: 100%;
    height: calc(100% - (32rem * 2));
}

.page-form__popup-wrap {
    position: relative;
    padding: 92rem 100rem 76rem;
    width: 100%;
    max-width: 934rem;
    color: #fff;
    text-align: center;
    background: #fff;
    border-radius: 30rem;
}

.page-form__popup-wrap_white {
    background: #217DEA;
    border-radius: 50rem;
    padding: 33rem;
}


.page-form__popup-wrap-blue {
    background: #217DEA;
}

.page-form__popup-expert-login .page-form__popup-wrap {
    background: #217DEA;
}

.page-form__popup-close {
    position: absolute;
    top: 20rem;
    right: 28rem;
    padding: 0;
    width: 56rem;
    height: 56rem;
    background: url('../img/svg/close.svg') no-repeat 50%/contain;
    border: 0;
    outline: 0;
    cursor: pointer;
    z-index: 1;
}

.page-form__popup-wrap h3 {
    margin-bottom: 78rem;
    font-weight: 700;
    font-size: 40rem;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

#modal-budu .page-form__popup-wrap h3 {
    font-size: 30rem;
    margin-bottom: 40rem;
    font-weight: 700;
}

#modal-budu .page-form__popup-wrap .button-text {
    padding-left: 80rem;
    padding-right: 80rem;
}

.page-form__popup-wrap h4 {
    margin-bottom: 78rem;
    font-weight: 700;
    font-size: 36rem;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

.page-form__popup-wrap h3 a,
.page-form__popup-wrap h4 a {
    text-decoration: underline;
}

.page-form__popup-wrap .page-form__btns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.page-form__popup-wrap .page-form__btns .btn {
    margin: 0 12rem;
    padding: 4rem 50rem;
    width: 406rem;
    font-size: 40rem;
    line-height: 1.58;
}

.page-form__popup-wrap .page-form__btns .btn-small {
    padding: 5rem 70rem;
    width: auto;
    min-width: 306rem;
    font-size: 24rem;
    line-height: 1.58;
}

.page-form__popup-wrap .page-form__btns .btn:first-child {
    margin-left: 0;
}

.page-form__popup-wrap .page-form__btns .btn:last-child {
    margin-right: 0;
}
/* MODAL END */

/* MODAL PRIV */
.popup_privacy {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.popup_privacy_body {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32rem auto;
    width: 100%;
    height: calc(100% - (32rem * 2));
}

.popup_privacy_wrap {
    position: relative;
    padding: 38rem 38rem 38rem;
    width: 100%;
    max-width: 800rem;
    color: #fff;
    text-align: center;
    background: #fff;
    border-radius: 100rem;
}

.popup_privacy_wrap_white {
    background: #217DEA;
    border-radius: 70rem;
    padding: 50rem 70rem;
    font-size: 18rem;
}

.popup_privacy_wrap .page-form__checkboxes {
    margin-bottom: 48rem;
    width: 100%;
}

.popup_privacy_wrap .page-form__checkbox-text {
    font-size: 18rem;
    user-select: none;
}

.popup_privacy_wrap .page-form__checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.popup_privacy_wrap .page-form__checkboxes.first {
    margin-bottom: 18rem;
    padding: 0 60rem;
}

.popup_privacy_wrap .page-form__checkbox-dot {
    width: 30rem;
    height: 30rem;
}

.popup_privacy_wrap .button-text {
    padding-left: 80rem;
    padding-right: 80rem;
}

.popup_privacy_wrap .page-form__btns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30rem;
}

.popup_privacy_wrap .page-form__btns .btn {
    margin: 10rem 12rem;
    padding: 10rem 50rem;
    width: auto;
    font-size: 20rem;
    line-height: 1.58;
    border: 2rem solid #217dea;
    user-select: none;
}

.popup_privacy_wrap .page-form__btns .btn:first-child {
    margin-left: 0;
}

.popup_privacy_wrap .page-form__btns .btn:last-child {
    margin-right: 0;
}

.disabledBtn {
    opacity: 0.2;
    pointer-events: none;
}

@media screen and (max-width: 840px) {
    .popup_privacy_wrap {
        max-width: 96%;
    }

    .popup_privacy_wrap_white {
        padding: 30rem 30rem;
    }

    .popup_privacy_wrap .page-form__checkboxes.first {
        padding: 0;
    }

    .popup_privacy_wrap .page-form__btns .btn {
        margin: 10rem 5rem;
    }
}

@media screen and (max-width: 540px) {
    .popup_privacy_wrap .page-form__btns {
        display: block;
    }

    .popup_privacy_wrap .page-form__btns .btn {
        margin: 5rem auto;
        font-size: 16rem;
        display: inline-block;
        width: 80%;
    }

    .popup_privacy_wrap {
        padding: 0;
        border-radius: 30rem;
    }

    .popup_privacy_wrap_white {
        border-radius: 30rem;
    }

    .popup_privacy_wrap .page-form__btns {
        margin: 25rem 0;
    }

    .popup_privacy_wrap_white {
        font-size: 16rem;
    }

    .popup_privacy_wrap .page-form__checkbox-text {
        font-size: 16rem;
    }
}

@media screen and (max-width: 400px) {
    .popup_privacy_wrap_white {
        font-size: 14rem;
    }

    .popup_privacy_wrap .page-form__checkbox-text {
        font-size: 14rem;
    }
}

@media screen and (max-height: 650px) {
    .popup_privacy {
        height: 100%;
    }

    .popup_privacy_wrap_white {
        font-size: 14rem;
        border-radius: 0;
        padding: 20rem 25rem;
    }

    .popup_privacy_body {
        margin: 0;
        height: 100%;
    }

    .popup_privacy_wrap .page-form__checkbox-text {
        font-size: 14rem;
    }

    .popup_privacy_wrap {
        max-width: 100%;
    }

    .popup_privacy_wrap {
        max-height: 100%;
        height: 100%;
        border-radius: 0;
        display: block;
        padding: 0;
        position: absolute;
        overflow: auto;
    }

    .popup_privacy_wrap .page-form__btns {
        margin: 0;
    }

    .popup_privacy_wrap .page-form__btns .btn {
        font-size: 14rem;
    }
}

/* MODAL PRIV END */

/* 404 START */
.page-404 {
    position: relative;
    padding: 130rem 0 146rem;
    z-index: 1;
}

.page-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.page-bg::before,
.page-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-bg::before {
    background: rgba(33, 125, 234, .75);
    z-index: 1;
}

.page-bg::after {
    background: url(../img/hero-bg.png) no-repeat 50%/cover;
}

.page-404__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-404__img {
    display: block;
    margin-bottom: -150rem;
    width: 717rem;
    height: 538rem;
    object-fit: contain;
}

.page-404__text {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 4rem 54rem;
    color: #fff;
    font-weight: 400;
    font-size: 40rem;
    line-height: 1.58;
    z-index: 1;
}

.page-404__text::before,
.page-404__text::after {
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    opacity: 0.4;
    z-index: -1;
}

.page-404__text::before {
    left: 0;
    background: linear-gradient(270deg, #2B7CDE 0%, rgba(43, 124, 222, 0) 102.9%);
}

.page-404__text::after {
    right: 0;
    background: linear-gradient(-270deg, #2B7CDE 0%, rgba(43, 124, 222, 0) 102.9%);
}

/* 404 END */

/* GLOBAL START */
.footer {
    position: relative;
}

.mob {
    display: none !important;
}
/* GLOBAL END */

/* INFOGRAFIC-GLOBAL START */
.infografic {
    padding-bottom: 0;
}

.infografic--head {
    margin-bottom: 40rem;
}

.infografic--head .text h3 {
	color: #217DEA;
    font-weight: 700;
    font-size: 52rem;
    line-height: 1.1;
    letter-spacing: 0.001em;
}

.theme-dark .infografic--head .text h3 {
    color: #fff;
}

.infografic--list h3 {
    margin-bottom: 40rem;
    color: #217DEA;
    font-weight: 700;
    font-size: 40rem;
	line-height: 1.2;
    letter-spacing: 0.001em;
    text-align: center;
}

.infografic--list h3.f-bolder-1 {
    margin-bottom: 50rem;
    line-height: 1.3;
    font-weight: 500;
}

.infografic--list h3.f-bolder-2 {
    line-height: 1.3;
}

.theme-dark .infografic--list h3 {
    color: #6BC6E0;
}

.list--blue h3 {
    color: #fff;
}

.infografic--list h4 {
    margin-bottom: 50rem;
    color: #217DEA;
    font-weight: 400;
    font-size: 30rem;
    text-align: center;
}

.theme-dark .infografic--list h4 {
    color: #6BC6E0;
}

.list--blue h4 {
    color: #fff;
}

.infografic--list ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.infografic--list ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 40rem;
    width: auto;
}

.infografic--list ul li img {
    flex-shrink: 0;
    display: block;
    margin-bottom: 50rem;
    width: 200rem;
}

.infografic--list ul li p {
    margin: 0;
    color: #232323;
    font-weight: 500;
    font-size: 22rem;
    line-height: 1.2;
    text-align: center;
}

.theme-dark .infografic--list ul li p {
    color: #6BC6E0;
}

.theme-dark .infografic--list.list--blue ul li p {
    color: #fff;
}

.list--blue {
    background: #217DEA;
    box-shadow: 0 1.35vw 2.08vw 0 rgba(52, 126, 217, 0.30);
}

.theme-dark .list--blue h3 {
    color: #fff;
}

.list--blue ul li p {
    color: #fff;
}

.infografic--list ol {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.infografic--list ol li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 20rem;
}

.infografic--list ol li img {
	flex-shrink: 0;
    display: block;
    margin-right: 20rem;
    width: 140rem;
}

.infografic--list ol li p {
    margin: 0;
    color: #232323;
    font-weight: 500;
    font-size: 20rem;
    line-height: 1.2;
}

.list--blue ol li p {
    color: #fff;
}

.wrapperbox {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
	padding: 0 90rem;
}

.infografic--text {
    padding: 0;
}

.infografic--text p {
    margin-bottom: 10rem;
    color: #000;
    font-weight: 500;
    font-size: 22rem;
    line-height: 1.58;
    letter-spacing: 0.001em;
}

.theme-dark .infografic--text p {
    color: #fff;
}

.infografic--text p b.dlue {
    color: #217DEA;
    font-weight: 700;
}

.theme-dark .infografic--text p b {
    color: #6BC6E0;
}

.infografic--stadia {
	margin-bottom: 70rem;
}

.infografic--stadia h2 {
	margin-bottom: 70rem;
    color: #217DEA;
    font-weight: 500;
    font-size: 46rem;
    line-height: 1.2;
    letter-spacing: 0.001em;
    text-align: center;
}

.theme-dark .infografic--stadia h2 {
    color: #6BC6E0;
}

.infografic--stadia .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5.63vw;
    padding-right: 3.44vw;
}

.infografic--stadia .wrap .img {
    width: 35%;
}

.infografic--stadia .wrap .info {
    width: 60%;
}

.infografic--stadia .wrap .img img {
    display: block;
    margin: 0 auto 50rem;
    width: 200rem;
}

.infografic--stadia .wrap .img p {
	margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 24rem;
    line-height: 1.2;
    letter-spacing: 0.001em;
    text-align: center;
}

.theme-dark .infografic--stadia .wrap .img p {
    color: #fff;
}

.infografic--stadia .wrap .img p b {
    color: #217DEA;
}

.theme-dark .infografic--stadia .wrap .img p b {
    color: #6BC6E0;
}

.infografic--stadia .wrap .info h3 {
	margin: 0 0 30rem 0;
    color: #217DEA;
    font-weight: 700;
    font-size: 36rem;
    line-height: 1.2;
    letter-spacing: 0.001em;
}

.theme-dark .infografic--stadia .wrap .info h3 {
    color: #6BC6E0;
}

.infografic--stadia .wrap .info ul li {
	position: relative;
    margin: 0 0 15rem 0;
    color: #217DEA;
    font-weight: 500;
    font-size: 30rem;
    line-height: 1.1;
    letter-spacing: 0.001em;
    padding-left: 37rem;
    text-align: left;
}

.infografic--stadia .wrap .info ul li:last-child {
	margin-bottom: 0;
}

.theme-dark .infografic--stadia .wrap .info ul li {
    color: #6BC6E0;
}

.infografic--stadia .wrap .info ul li::before {
    content: '•';
    margin-left: -20rem;
    padding-right: 10rem;
}

.infografic--blockquote {
    margin-bottom: 70rem;
    padding: 40rem 50rem;
    background: #217DEA;
    text-align: center;
}

.infografic--blockquote blockquote {
    color: #fff;
    font-weight: 700;
    font-size: 40rem;
    line-height: 1.3;
    letter-spacing: 0.001em;
    text-transform: uppercase;
}

.infografic--advice {
	margin-bottom: 70rem;
    padding: 0;
}

.infografic--advice .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.infografic--advice .wrap img {
    flex-shrink: 0;
    display: block;
    width: 200rem;
}

.infografic--advice .wrap p {
	margin: 0;
    width: 100%;
    color: #217DEA;
    font-weight: 500;
    font-size: 30rem;
    line-height: 1.2;
    padding: 0 50rem;
}

.theme-dark .infografic--advice .wrap p {
    color: #6BC6E0;
}

.infografic--roster {
    margin-bottom: 70rem;
}

.infografic--roster .wrap {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}

.infografic--roster .wrap .block {
    display: flex;
    align-items: center;
    margin-bottom: 70rem;
    width: 50%;
}

.infografic--roster .wrap .block:nth-child(2n + 1) {
    width: 55%;
}

.infografic--roster .wrap .block:nth-child(2n + 2) {
    width: 45%;
}

.infografic--roster .wrap .block:last-child {
    margin-bottom: 0;
}

.infografic--roster .wrap .block .img {
    flex-shrink: 0;
    margin-right: 50rem;
    width: 200rem;
}

.infografic--roster .wrap .block .img img {
    width: 100%;
}

.infografic--roster .wrap .block .text p {
    margin: 0 0 20rem;
    font-weight: 500;
    font-size: 20rem;
    line-height: 1.2;
}

.infografic--roster .wrap .block .text p b {
    color: #217DEA;
}

.theme-dark .infografic--roster .wrap .block .text p b {
    color: #6BC6E0;
}

.infografic--roster .wrap .block .text ul li {
    position: relative;
    margin-bottom: 10rem;
    padding-left: 25rem;
}

.infografic--roster .wrap .block .text ul li:last-child {
    margin-bottom: 0;
}

.infografic--roster .wrap .block .text ul li::before {
	content: '•';
    display: block;
    position: absolute;
    top: 0;
    left: 15rem;
    color: #217DEA;
    font-weight: 700;
    font-size: 20rem;
    line-height: 1.2;
}

.infografic--roster .wrap .block .text ul li p {
    margin: 0;
}

.infografic--roster .wrap .block .text sup {
    font-weight: 500;
    font-size: 60%;
}

.infografic--footnote {
    padding: 70rem 0 0 0;
}

.infografic--footnote p {
    margin: 0;
    color: #217DEA;
    font-weight: 500;
    font-size: 14rem;
    line-height: 1.2;
}

.theme-dark .infografic--footnote p {
    color: #6BC6E0;
}

.infografic--footnote p sup {
    font-size: 60%;
}

/* INFOGRAFIC-GLOBAL END */

/* INFOGRAFIC-1 START */
.infografic-1__section-1, .infografic-3__section-1, .infografic-flex {
    margin-bottom: 40rem;
    margin-top: 0;
	display: flex;
	align-items: center;
}

.infografic-1__section-1 img, .infografic-3__section-1 img, .infografic-flex img {
	max-width: 100%;
	max-height: 100%;
	width: 40%;
	height: auto;
}

.infografic-1__section-2 {
    margin-bottom: 70rem;
    line-height: 1.2;
}

.infografic-1__section-3 {
    margin-bottom: 100rem;
    padding: 30rem 0;
}

.infografic-1__section-4 {
    margin-bottom: 70rem;
}

/* INFOGRAFIC-1 END */

/* INFOGRAFIC-2 START */
.infografic-2__section-1 {
    margin-bottom: 70rem;
}

.infografic-2__section-2 {
	margin-bottom: 70rem;
    padding: 40rem 0 60rem 0;
}

.infografic-2__section-3 {
    margin-bottom: 70rem;
}

.infografic-2__section-3 ul li {
    margin: 0 30rem;
}

.infografic-2__section-3 ul li p {
    color: #217DEA;
}

.infografic-2__section-4 {
	margin-bottom: 70rem;
    padding: 40rem 0 60rem 0;
}

.infografic-2__section-5 {
    position: relative;
    margin-bottom: 70rem;
}

.infografic-1__section-1 .text, 
.infografic-3__section-1 .text, 
.infografic-flex .text {
	padding-left: 60rem;
}

.infografic-3__section-1 .text h3, 
.infografic-4__section-1 .text h3,
.infografic-flex h3 {
	color: #217DEA;
	font-weight: 700;
	font-size: 52rem;
	line-height: 1.1;
	letter-spacing: 0.001em;
	margin-bottom: 20rem;
}

.infografic-3__section-1 .text h4, 
.infografic-4__section-1 .text h4, 
.infografic-flex h4 {
	color: #217DEA;
	font-weight: 300;
	font-size: 40rem;
	line-height: 1.1;
	letter-spacing: 0.001em;
}

.infografic-2__section-5::before {
	content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background: url(../img/infografic-2/section-5-img-circle.png) no-repeat 50% / auto;
    transform: translate(-50%, 0);
    pointer-events: none;
}

.infografic-2__section-5 h3 {
    margin: 0 0 15rem 0;
    color: #217DEA;
    font-weight: 700;
    font-size: 200rem;
    line-height: 1.1;
    letter-spacing: 0.001em;
}

.theme-dark .infografic-2__section-5 h3 {
    color: #6BC6E0;
}

.infografic-2__section-5 h3 span {
    font-weight: 800;
	font-size: 70%;
}

.infografic-2__section-5 .text {
	margin-bottom: 50rem;
    padding-left: 300rem;
}

.infografic-2__section-5 .text h4 {
	margin: 0 0 20rem 0;
    padding-right: 100rem;
    color: #217DEA;
    font-weight: 700;
    font-size: 38rem;
    line-height: 1;
    letter-spacing: 0.001em;
}

.theme-dark .infografic-2__section-5 .text h4 {
    color: #fff;
}

.infografic-2__section-5 .text h5 {
	margin: 0;
    padding-right: 0;
    color: #217DEA;
    font-weight: 500;
    font-size: 14rem;
    line-height: 1.2;
}

.theme-dark .infografic-2__section-5 .text h5 {
    color: #fff;
}

.infografic-2__section-5 img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
/* INFOGRAFIC-2 END */

/* INFOGRAFIC-3 START */
.infografic-3__section-2 ul {
    margin-bottom: 50rem;
}

.infografic-3__section-2 h3 {
    margin-bottom: 44rem;
    font-weight: 500;
}

.infografic-3__section-3 {
    margin-bottom: 70rem;
    padding: 0;
}

.infografic-3__section-3 h3 {
    margin-bottom: 25rem;
}

.p70 {
	padding: 70rem 0;
}

.infografic-3__section-3 ul li {
    position: relative;
    margin: 0 30rem;
    width: 200rem;
}

.infografic-3__section-3 .infografic-3__section-3_infografic--list_center {
	width: 300rem;
	padding-top: 30rem;
}

.infografic-3__section-3 ul li img {
    width: 100%;
}

.infografic-3__section-3 ul li p {
    font-weight: 700;
    font-size: 26rem;
    letter-spacing: 0.001em;
}
/* INFOGRAFIC-3 END */

/* INFOGRAFIC-4 START */
.infografic-4__section-1 {
}

.infografic-4__section-2 {
    margin-bottom: 70rem;
}

.infografic-4__section-2 h3 {
    margin-bottom: 70rem;
    font-weight: 500;
    font-size: 48rem;
}

.infografic-4__section-2 ul.list-1 {
    margin-bottom: 70rem;
}

.infografic-4__section-2 ul.list-1 li {
    width: 200rem;
}

.infografic-4__section-2 ul.list-2 {
    margin-bottom: 70rem;
}

.infografic-4__section-2 ul.list-2 li {
    width: 300rem;
}

.infografic-4__section-2 ul.list-2 li img {
    width: 100%;
}

.infografic-4__section-2 ul li p {
    color: #217DEA;
    font-weight: 600;
}

.infografic-4__section-2 .arrow {
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}

.infografic-4__section-2 .arrow-1 {
    margin-bottom: 70rem;
    width: 100rem;
    height: 100rem;
    background-image: url('../img/infografic-4/section-2-arrow-1.png');
}

.infografic-4__section-2 .arrow-2 {
    margin-bottom: 70rem;
    width: 100rem;
    height: 100rem;
    background-image: url('../img/infografic-4/section-2-arrow-2.png');
}

.infografic-4__section-2 blockquote {
    display: block;
    margin: 0 auto -10rem;
    padding: 10rem 5rem;
    width: 500rem;
    color: #217DEA;
    font-weight: 700;
    font-size: 22rem;
    letter-spacing: 0.001em;
    text-align: center;
    border: 3px solid #DEEDFF;
    border-radius: 50rem;
}
/* INFOGRAFIC-4 END */

/* INFOGRAFIC-5 START */
.infografic-5__section-7 {
    margin-bottom: 3.54vw;
}

.infografic-5__section-7 p {
    margin: 0 0 30rem 0;
    color: #217DEA;
    font-weight: 500;
    font-size: 30rem;
    line-height: 1.2;
    text-align: center;
}

.theme-dark .infografic-5__section-7 p {
    color: #ffffff;
}

.infografic-5__section-7 p:last-child {
    margin-bottom: 0;
}

/* INFOGRAFIC-5 END */

/* INFOGRAFIC-8 START */
.infografic-8 .infografic--list {
    margin-bottom: 70rem;
}

.infografic-8 .infografic--list h3 {
    margin-bottom: 70rem;
}

.infografic-8 .infografic--list ul li p {
    color: #217DEA;
}

.infografic-8__section-3 .wrap .block:nth-child(2n + 1) {
    width: 42%;
}

.infografic-8__section-3 .wrap .block .img {
	margin-right: 50rem;
	width: 200rem;
}

.infografic-8__section-3 .wrap .block .text h3 {
    margin-bottom: 20rem;
    color: #217DEA;
    font-weight: 700;
    font-size: 30rem;
    line-height: 1.2;
    letter-spacing: 0.001em;
}

.infografic-8__section-3 .wrap .block .text p {
    color: #217DEA;
}

.infografic-8__section-5 ul li {
}

.infografic-8__section-6 {
    padding: 70rem 0;
}

.infografic-8__section-6 ol li p {
    margin-right: 50rem;
    width: auto;
    font-weight: 700;
    font-size: 30rem;
}

.infografic-8__section-6 ol li img {
    margin: 0;
    width: 200rem;
}
/* INFOGRAFIC-8 END */

/* INFOGRAFIC-10 START */
.infografic-10__section-1 {
    margin-bottom: 70rem;
}

.infografic-10__section-2 {
    margin-bottom: 70rem;
}

.infografic-10__section-2 ul li {
    margin: 0 30rem;
}

.infografic-10__section-2 ul li:first-child {
    margin-left: 0;
}

.infografic-10__section-2 ul li:last-child {
    margin-right: 0;
}

.infografic-10__section-2 ul li p {
    color: #217DEA;
}

.infografic-10__section-3 h3 {
	margin-bottom: 50rem;
    padding: 0;
    color: #217DEA;
    font-weight: 500;
    font-size: 30rem;
    line-height: 1.2;
    letter-spacing: 0.001em;
    text-align: center;
}

.infografic-10__section-3 .arrow {
    display: block;
    margin: 0 auto 2.5vw;
    width: 2.604vw;
    height: 2.708vw;
    background: url('../img/infografic-10/section-3-arrow.png') no-repeat 50%/contain;
}

.infografic-10__section-3 .circle {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    width: 49.896vw;
    z-index: 1;
}

.infografic-10__section-3 .circle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 64.583vw;
    background: url('../img/infografic-10/section-3-circle.png') no-repeat 50%/contain;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.infografic-10__section-3 .circle .block {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 4.271vw;
    width: 15.208vw;
    text-align: center;
    z-index: 1;
}

.infografic-10__section-3 .circle .block:nth-child(1) {
    margin-top: 6.771vw;
}

.infografic-10__section-3 .circle .block:nth-child(3) {
    margin-top: 6.771vw;
}

.infografic-10__section-3 .circle .block:nth-child(5) {
    margin-top: 6.771vw;
}

.infografic-10__section-3 .circle .block img {
    display: block;
    margin-bottom: 20rem;
    width: 200rem;
}

.infografic-10__section-3 .circle .block:nth-child(2) img {
    width: 250rem;
}

.infografic-10__section-3 .circle .block p {
    margin: 0;
    color: #217DEA;
    font-weight: 500;
    font-size: 24rem;
    line-height: 1.2;
    white-space: nowrap;
}

.infografic-10__section-4 blockquote {
    text-transform: none;
}
/* INFOGRAFIC-10 END */

/* TOTEM START */
.hidden {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    visibility: hidden;
    opacity: 0;
    poMontserrat-events: none;
    z-index: -9999;
}

.totem-container {
    max-width: 1000px;
    min-height: 500px;
}

.totem {
    position: relative;
    border-radius: 60px;
}

.totem .card-content {
    position: relative;
    padding: 28px 50px;
    z-index: 1;
}

.totem .card-title {
    margin-bottom: 30px;
    font-size: 40px;
}

.totem .card-subtitle {
    margin: 0 0 30px;
}

.totem .card-subtitle h4 {
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 32px;
}

.totem .card-subtitle p {
    margin: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
}

.totem .button__secondary {
    color: var(--c1);
    background-color: #fff;
    border-color: #fff;
}

.totem .button__secondary:hover {
    color: #fff;
    background-color: var(--c1);
    border-color: #fff;
}

.totem .card-media {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.totem .card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 100% 50%;
}

.totem__year {
    display: flex;
    align-items: center;
}

.totem__year form {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.totem__year form input {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1px;
    width: 41px;
    height: 71px;
    color: #065ABE;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: 0.001em;
    text-align: center;
    background: url('../img/totem/number.svg') no-repeat 50%/contain;
}

.totem__year-mouse {
    position: relative;
}

.totem__year-mouse i {
    display: block;
    margin: 3px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}

.totem__year-mouse .top {
    width: 14px;
    height: 10px;
    background-image: url('../img/totem/mouse-up.svg');
}

.totem__year-mouse .mouse {
    width: 22px;
    height: 35px;
    background-image: url('../img/totem/mouse.svg');
}

.totem__year-mouse .bot {
    width: 14px;
    height: 10px;
    background-image: url('../img/totem/mouse-down.svg');
}

.totem__season form {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 350px;
}

.totem__season form .checkbox {
    margin-top: 24px;
    padding-right: 14px;
    width: 50%;
}

.totem__season form .checkbox:nth-child(1),
.totem__season form .checkbox:nth-child(2) {
    margin-top: 0;
}

.totem__season form .checkbox label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.004em;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100px;
    cursor: pointer;
}

.totem__season form .checkbox label:hover {
    color: var(--c1);
    background: #fff;
}

.totem__season form .checkbox input:checked+label {
    color: var(--c1);
    background: #fff;
}

.totem .card-action {
    margin-top: 30px;
}

.totem.result .card-title {
    margin-bottom: 60px;
}

.totem.result .card-subtitle {
    margin-bottom: 100px;
}

.totem.result .card-action {
    margin: 0;
}

.totem.result .card-action .button {
    padding-left: 34px;
    padding-right: 34px;
}

.totem.result .card-action .button-text {
    display: flex;
    align-items: center;
}

.totem.result .card-action .button i {
    display: block;
    position: relative;
    margin-left: 20px;
    width: 28px;
    height: 25px;
}

.totem.result .card-action .button i::before,
.totem.result .card-action .button i::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}

.totem.result .card-action .button i::before {
    background-image: url('../img/totem/share.svg');
    opacity: 1;
}

.totem.result .card-action .button i::after {
    background-image: url('../img/totem/share-hover.svg');
    opacity: 0;
}

.totem.result .card-action .button:hover i::before {
    opacity: 0;
}

.totem.result .card-action .button:hover i::after {
    opacity: 1;
}

.totem.result .img {
    position: absolute;
    top: 33px;
    right: 54px;
    padding: 4px;
    width: 438px;
    height: 438px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.totem.result .img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 0%;
}

.totem .button-text {
    font-size: 22px;
}

.test_result_page .card3 .card-content {
    padding: 40rem 0 40rem 40rem;
}

.test_banner {
	max-width: 700rem;
	margin: 50rem auto 0 auto;
}

@media screen and (max-width: 1024px) {
    .page-form {
        padding: 10rem 0 30rem;
    }

    .page-form__title {
        margin-bottom: 20rem;
        font-size: 32rem;
        letter-spacing: 0;
    }

    .page-form__сol-wrap {
        margin-bottom: 42rem;
    }

    .page-form__сol-link {
        font-size: 32rem;
    }

    .page-form__сol-link i {
        margin-left: 35rem;
        width: 40rem;
        height: 40rem;
        background-size: 23rem;
    }

    .page-form__col-block {
        padding-top: 18rem;
    }

    .page-form__group {
        margin-bottom: 22rem;
        width: 100%;
    }

    .page-form__label {
        margin-bottom: 12rem;
        font-size: 24rem;
    }

    .page-form__input {
        padding: 0 32rem;
        height: 40rem;
        font-size: 24rem;
        border-radius: 60rem;
    }

    .page-form__input::placeholder {
        font-size: 20rem;
    }

    .page-form__group-attention {
        margin-top: 8rem;
        font-size: 18rem;
    }

    .page-form__br {
        margin: 0 0 44rem;
        height: 1rem;
    }

    .page-form__blockquote {
        margin: 54rem auto 0;
        padding: 20rem 12rem;
        font-size: 18rem;
        border-width: 1rem;
        border-radius: 100rem;
    }

    .page-form__checkboxes {
        margin-bottom: 36rem;
        width: 100%;
    }

    .page-form__checkbox {
        margin-bottom: 22rem;
    }

    .page-form__checkbox-dot {
        margin-right: 12rem;
        width: 20rem;
        height: 20rem;
        border-width: 1rem;
    }

    .page-form__checkbox-dot::after {
        top: 5%;
        right: 2.5%;
        width: 60%;
        height: 60%;
    }

    .page-form__checkbox-text {
        font-size: 20rem;
    }

    .page-form__btns .btn {
        margin-bottom: 8rem;
        padding: 6rem 40rem;
        font-size: 18rem;
        border-width: 1rem;
        border-radius: 100rem;
    }

    .page-form__btns .link {
        font-size: 18rem;
    }

    .page-form__btns p {
        margin-bottom: 24rem;
        font-size: 18rem;
    }

    .page-form__btns p br {
        display: none;
    }

    .page-form__popup-body {
        margin: 32rem auto;
        height: calc(100% - (32rem * 2));
    }

    .page-form__popup-wrap {
        padding: 66rem 18rem 44rem;
        width: 50%;
        border-radius: 30rem;
    }

    .page-form__popup-close {
        top: 10rem;
        right: 12rem;
        width: 28rem;
        height: 28rem;
    }

    .page-form__popup-wrap h3 {
        margin-bottom: 32rem;
        font-size: 20rem;
    }

    #modal-budu .page-form__popup-wrap h3 {
        font-size: 22rem;
        margin-bottom: 30rem;
    }

    .page-form__popup-wrap h4 {
        margin-bottom: 30rem;
        font-size: 20rem;
    }

    .page-form__popup-wrap .page-form__btns .btn {
        margin: 0 0 18rem;
        padding: 10rem 32rem;
        width: 260rem;
        max-width: 100%;
        font-size: 18rem;
        line-height: 1.2;
    }

    .page-form__popup-wrap .page-form__btns .btn-small {
        padding: 10rem 32rem;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        font-size: 18rem;
        line-height: 1.2;
    }

    .page-form__popup-wrap .page-form__btns .btn:last-child {
        margin-bottom: 0;
    }

    .page-404 {
        padding: 75rem 0 174rem;
    }

    .page-404__img {
        margin-bottom: -60rem;
        width: 271rem;
        height: 203rem;
    }

    .page-404__text {
        padding: 0 36rem;
        font-size: 23rem;
        line-height: 30rem;
    }

    .desk {
        display: none !important;
    }

    .mob {
        display: block !important;
    }

    .infografic {
        padding-bottom: 70rem;
    }

    .infografic--head {
		margin-bottom: 70rem;
		padding-top: 20rem;
    }

    .infografic--list ul {
		display: block;
		width: 100%;
		text-align: center;
    }

    .infografic--list ul li {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 30rem;
		margin-left: 0;
		margin-right: 0;
    }

    .infografic--list ul li img {
		margin: 0 auto;
    }

    .infografic--list ul li p {
        margin-top: 20rem;
    }

    .list--blue {
        box-shadow: 0 2.539vw 3.906vw 0 rgba(52, 126, 217, 0.30);
    }

    .infografic--list ol {
        width: 100%;
        display: block;
		text-align: center;
    }

    .infografic--list ol li {
        flex-direction: column;
        text-align: center;
		margin-bottom: 30rem;
    }

    .infografic--list ol li img {
        margin: 0 auto 20rem auto;
    }

    .infografic--stadia .wrap {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
    }

    .infografic--stadia .wrap .img {
        margin-bottom: 70rem;
        width: 100%;
    }

    .infografic--stadia .wrap .info ul li:last-child {
        margin-bottom: 0;
    }
	
	.infografic--stadia .wrap .info {
		width: 100%;
	}

    .infografic--blockquote blockquote {
        font-size: 30rem;
    }

    .infografic--advice .wrap {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }

    .infografic--advice .wrap img {
        order: 1;
        margin-bottom: 30rem;
    }

    .infografic--advice .wrap p {
		order: 2;
		width: 100%;
		font-size: 25rem;
		text-align: center;
		padding: 0;
    }

    .theme-dark .infografic--footnote p {
        color: #6BC6E0;
    }

    .infografic--footnote p sup {
        font-size: 60%;
    }

    .infografic-1__section-2 {
        margin-bottom: 0;
    }

    .infografic-1__section-4 ul li:last-child {
        margin: 0 auto;
    }

    .infografic-2__section-1 {
        margin-bottom: 0;
    }

    .infografic-2__section-3 ul {
        padding: 0;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }

    .infografic-2__section-3 ul li p {
        color: #217DEA;
    }

    .infografic-2__section-4 br {
        display: none;
    }

    .infografic-2__section-5 {
        margin-bottom: 9.961vw;
    }

    .infografic-2__section-5::before {
        top: 0;
        width: 100%;
        height: 116.504vw;
        background: url('../img/infografic-2/section-5-img-circle-mob.png') no-repeat 50%/contain;
    }

    .infografic-2__section-5 h3 {
        margin: 0 0 12.109vw;
        padding-left: 7.031vw;
        font-size: 27.734vw;
    }

    .infografic-2__section-5 h3 span {
        font-size: 16.602vw;
    }

    .infografic-2__section-5 .text {
        margin-bottom: 5.078vw;
        padding: 0 7.031vw;
    }

    .infografic-2__section-5 .text h4 {
        margin: 0 0 1.172vw;
        padding: 0;
        font-size: 5.078vw;
    }

    .infografic-2__section-5 .text h5 {
        padding: 0;
        font-size: 3.32vw;
    }

    .infografic-2__section-5 .text br {
        display: none;
    }

    .infografic-2__section-5 img {
        width: 100%;
    }

    .infografic-3__section-2 ul {
        margin-bottom: 0;
    }

    .infografic-3__section-3 h3 {
		margin-bottom: 50rem;
		padding: 0 30rem;
    }

    .infografic-3__section-3 ul {
        justify-content: center;
		text-align: center;
    }
    
	.infografic-3__section-3 ul li {
		margin: 0 auto 40rem auto;
    }
	
	.infografic-3__section-3 ul li:last-child {
		margin-bottom: 0;
	}
	
    .infografic-3__section-3 ul li img {
		width: 180rem;
		margin: 0 auto;
	}
	
	.infografic-3__section-3 .infografic-3__section-3_infografic--list_center {
		width: 100%;
		padding-top: 0;
	}

    .infografic-4__section-2 ul.list-1 {
		text-align: center;
		width: 100%;
    }

    .infografic-4__section-2 ul.list-2 {
		text-align: center;
		width: 100%;
    }
	
	.infografic-4__section-2 ul.list-1 li, 
    .infografic-4__section-2 ul.list-2 li {
		width: 100%;
    }

    .infografic-4__section-2 ul li:last-child {
        margin: 0 auto;
    }

    .infografic-5__section-7 {
        margin-bottom: 70rem;
        padding: 0 20rem;
    }

    .infografic-5__section-7 p {
        margin: 0;
        font-size: 30rem;
    }

    .infografic-8 .infografic--list {
        margin-bottom: 0;
    }

    .infografic-8 .infografic--list h3 {
        margin-bottom: 70rem;
    }

    .infografic-8__section-3 .wrap .block:nth-child(2n + 1) {
        width: 100%;
    }

    .infografic-8__section-3 .wrap .block .img {
		display: block;
    }

    .infografic-8__section-3 .wrap .block .text h3 {
		margin-bottom: 20rem;
		text-align: center;
    }
	
	.infografic-8__section-3 .wrap .block .text p {
		text-align: center;
	}

    .infografic-8 .infografic-8__section-4 {
		margin-bottom: 70rem;
    }

    .infografic-8__section-4 ul li:last-child {
        margin: 0 auto;
    }

    .infografic-8__section-5 ul li {
        margin: 0 0 50rem;
    }

    .infografic-8__section-5 ul li:nth-child(1) {
        order: 1;
    }

    .infografic-8__section-5 ul li:nth-child(2) {
        order: 3;
    }

    .infografic-8__section-5 ul li:nth-child(3) {
        order: 2;
    }

    .infografic-8 .infografic-8__section-6 {
        margin-bottom: 70rem;
        padding: 50rem 0;
    }

    .infografic-8__section-6 ol li {
        width: 100%;
		margin: 0;
		padding: 0 20rem;
    }

    .infografic-8__section-6 ol li p {
        margin: 0 auto 30rem;
        width: 100%;
        font-size: 30rem;
    }

    .infografic-8__section-6 ol li img {
        width: 200rem;
    }

    .infografic-10__section-1 {
        margin-bottom: 17.969vw;
    }

    .infografic-10__section-2 {
        margin-bottom: 7.031vw;
    }

    .infografic-10__section-2 ul li:first-child {
        margin-left: 0;
    }

    .infografic-10__section-2 ul li:last-child {
        margin-right: 0;
    }

    .infografic-10__section-3 {
        margin-bottom: 11.133vw;
    }

    .infografic-10__section-3 h3 {
        margin-bottom: 8.594vw;
        padding: 0 7.031vw;
        font-size: 5.078vw;
    }

    .infografic-10__section-3 .arrow {
        margin: 0 auto 8.789vw;
        width: 13.672vw;
        height: 14.453vw
    }

    .infografic-10__section-3 .circle {
        position: relative;
        justify-content: center;
        padding-top: 68.359vw;
        width: 100%;
    }

    .infografic-10__section-3 .circle::before {
        top: 60%;
        width: 100%;
        height: 172.363vw;
        background: url('../img/infografic-10/section-3-circle-mob.png') no-repeat 50%/contain;
    }

    .infografic-10__section-3 .circle .block {
        margin: 0;
        width: 26.563vw;
    }

    .infografic-10__section-3 .circle .block:nth-child(2) {
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0;
        width: 50.195vw;
        transform: translate(-50%, 0);
    }

    .infografic-10__section-3 .circle .block:nth-child(1) {
		margin: 0 34rem 50rem 34rem;
    }

    .infografic-10__section-3 .circle .block:nth-child(3) {
        margin: 0 17.578vw 7.813vw 5.078vw;
    }

    .infografic-10__section-3 .circle .block:nth-child(4) {
        margin: 0 9.766vw 3.906vw 1.953vw;
    }

    .infografic-10__section-3 .circle .block:nth-child(5) {
        margin: 0 1.953vw 3.906vw 9.766vw;
    }

    .infografic-10__section-3 .circle .block:nth-child(6) {
        margin: 0 auto;
    }

    .infografic-10__section-3 .circle .block img {
        margin-bottom: 3.125vw;
        width: 100%;
    }

    .infografic-10__section-3 .circle .block:nth-child(2) img {
        width: 100%;
    }

    .infografic-10__section-3 .circle .block p {
        font-size: 3.32vw;
    }

    .infografic-10__section-4 br {
        display: none;
    }

    .infografic--list h3.f-bolder-1 {
        margin-bottom: 7vw;
        padding: 0;
    }

    .infografic--list h3.f-bolder-2 {
        padding: 0;
    }

    .totem-container {
        max-width: 100%;
        min-height: 0;
    }

    .totem {
        border-radius: 16.6666vw;
    }

    .totem .card-content {
        padding: 4.167vw 5.556vw;
        height: 186.667vw;
    }

    .totem .card-title {
        margin-bottom: 9.444vw;
        font-size: 6.667vw;
        text-align: center;
    }

    .totem .card-subtitle {
        margin: 0 0 5.556vw;
        text-align: center;
    }

    .totem .card-subtitle h4 {
        margin-bottom: 1.111vw;
        font-size: 6.667vw;
    }

    .totem .card-subtitle p {
        font-size: 5.556vw;
    }

    .totem .card-media {
        height: calc(100% + 0.278vw);
    }

    .totem .card-media img {
        object-position: 50% 100%;
    }

    .totem__year {
        justify-content: center;
    }

    .totem__year form {
        margin-right: 3.889vw;
    }

    .totem__year form input {
        margin: 0 0.278vw;
        width: 11.389vw;
        height: 19.722vw;
        font-size: 12.222vw;
    }

    .totem__year-mouse i {
        margin: 0.833vw auto;
    }

    .totem__year-mouse .top {
        width: 3.889vw;
        height: 2.778vw;
    }

    .totem__year-mouse .mouse {
        width: 6.111vw;
        height: 9.722vw;
    }

    .totem__year-mouse .bot {
        width: 3.889vw;
        height: 2.778vw;
    }

    .totem__season form {
        justify-content: space-between;
        margin: 0 auto;
        width: 76.667vw;
    }

    .totem__season form .checkbox {
        margin-top: 5.556vw;
        padding: 0;
        width: calc(50% - (3.333vw / 2));
    }

    .totem__season form .checkbox label {
        height: 9.167vw;
        font-size: 4.167vw;
        border-width: 0.278vw;
    }

    .totem .card-action {
        margin-top: 7.222vw;
        text-align: center;
    }

    .totem .button {
        margin: 0 auto;
        width: 55.556vw;
        height: 13.889vw;
    }

    .totem .button span {
        font-size: 6.111vw;
    }

    .totem.result .card-title {
        margin-bottom: 15.278vw;
    }

    .totem.result .card-subtitle {
        margin-bottom: 20vw;
    }

    .totem.result .card-subtitle p {
        font-size: 5vw;
    }

    .totem.result .card-action .button {
        padding-left: 9.444vw;
        padding-right: 9.444vw;
        width: auto;
    }

    .totem.result .card-action .button i {
        margin-left: 5.556vw;
        width: 7.778vw;
        height: 6.944vw;
    }

    .totem.result .img {
        top: auto;
        bottom: 12.778vw;
        right: 50%;
        padding: 1.111vw;
        width: 81.111vw;
        height: 81.111vw;
        transform: translate(50%, 0);
    }

    .space-video {
		margin: 20rem 0 0 0;
	}
	
	.infografic-1__section-1, 
	.infografic-3__section-1, 
	.infografic-flex {
		display: block;
	}
		
	.infografic-1__section-1 img, 
	.infografic-3__section-1 img, 
	.infografic-flex img {
		width: 400rem;
	}
		
	.infografic--head .text h3 {
		font-size: 40rem;
	}
	
	.infografic-1__section-1 .text, 
	.infografic-3__section-1 .text,
	.infografic-flex .text {
		padding-left: 0;
		margin-top: 50rem;
	}
	
	.infografic--list h3 {
		font-size: 34rem;
	}
	
	.infografic--roster .wrap .block {
		width: 100% !important;
	}
}

@media screen and (max-width: 1023px) {
	.test_banner .card4 .card-content {
		padding: 40rem;
		display: block;
		min-height: 236rem;
	}
		
	.test_banner .card4 .card-title {
		padding-right: 0;
		display: block;
	}
	
	.test_banner .card4 .card-action {
		margin-top: 170rem;
	}
	
	.test_banner .card4 .card-media img {
		width: 80%;
		object-position: center center;
		margin: 0 auto;
		position: relative;
		max-width: 240rem;
	}
}

@media screen and (max-width: 768px) {
    .page-form__popup-wrap {
        width: 80%;
    }
	
	.infografic-4__section-2 blockquote {
		width: 100%;
	}
	
	.infografic--roster .wrap .block {
		display: block;
		width: 100%;
	}
	
	.infografic--roster .wrap .block .img {
		margin: 0 auto 20rem auto;
	}

	.video-line {
		border-left: none;
		padding-left: 0;
	}
	
    .card-video-desc {
        width: 100%;
        padding-left: 0;
        padding-top: 20rem;
        padding-bottom: 0;
    }
	
	.main.fancybox-content {
		width: 100%;
		height: 100%;
		max-width: 1400px;
		padding: 15rem;
	}
	
    .infografic .infografic-1__section-1 img, 
	.infografic .infografic-3__section-1 img, 
	.infografic .infografic-flex img {
        width: 80%;
    }
	
	.infografic--head .text h3 {
        font-size: 26rem;
    }
	
	.infografic .infografic-3__section-1 .text h4, 
	.infografic .infografic-4__section-1 .text h4, 
	.infografic .infografic-flex h4 {
		font-size: 26rem;
	}
	
	.infografic--stadia h2 {
		margin-bottom: 30rem;
		font-size: 26rem;
	}
	
	.main .u10-61 {
        border-radius: 30rem;
    }
	
	.main .u11 {
		margin: 30rem auto 0;
	}

    .infografic--head {
        margin-bottom: 30rem;
    }
	
    .infografic--list h3 {
        font-size: 26rem;
    }
	
    .infografic {
        padding-bottom: 30rem;
    }
	
	.infografic--list ul li br {
		display: none;
	}
}