.footer {
    color: #242424;
    background-color: #d3d4dd3d;
    padding: 16px 0 68px;
    position: relative
}

@media (min-width: 1024px) {
    .footer {
        padding:40px 0 72px
    }
}

@media (max-width: 1023.98px) {
    .footer.footer--padding {
        padding-bottom:119px
    }

    .footer.footer--padding-md {
        padding-bottom: 130px
    }

    .footer.footer--padding-lg {
        padding-bottom: 169px
    }

    .footer.footer--padding-xl {
        padding-bottom: 192px
    }
}

.body-black .footer {
    background: #333335
}

.body-black .footer__copyrights {
    color: #a9a8b0
}

.body-black .footer .footer-apps {
    border: none
}

.body-black .footer .footer__item a,.body-black .footer .footer__header,.body-black .footer .dropdown__item-content .footer__item a {
    color: #fff
}

.body-black .footer .dropdown__item {
    text-wrap: wrap;
    color: #868695
}

@media (min-width: 1024px) {
    .body-black .footer .footer__item a,.body-black .footer .dropdown__item,.body-black .footer .dropdown__item-content .footer__item a,.body-black .footer .dropdown__item-checkbox:checked~label,.body-black .footer .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a {
        color:#a9a8b0;
        border-color: initial
    }
}

@media (min-width: 1024px) and (hover:hover) and (pointer:fine) {
    .body-black .footer .footer__item a:hover,.body-black .footer .dropdown__item:hover,.body-black .footer .dropdown__item-content .footer__item a:hover,.body-black .footer .dropdown__item-checkbox:checked~label:hover,.body-black .footer .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a:hover {
        color:#a73afd;
        border-color: initial
    }
}

.body-black .footer .dropdown__item-checkbox:checked~label:before {
    border-color: #a9a8b0
}

.body-black .footer .dropdown__item-checkbox:checked~label:hover:before {
    border-color: #a73afd
}

.banner.footer__banner {
    margin-bottom: 28px
}

@media (max-width: 1023.98px) {
    .banner.footer__banner {
        margin-bottom:16px
    }
}

.banner.footer__banner .swiper-slide {
    background-color: #f6f6f9;
    padding-top: 27.8226%
}

@media (min-width: 768px) {
    .banner.footer__banner .swiper-slide {
        padding-top:100px
    }
}

.banner.footer__banner:not(.hide)~.footer__nav {
    margin: 16px 0 20px
}

@media (min-width: 1024px) {
    .banner.footer__banner:not(.hide)~.footer__nav {
        margin:16px -8px 20px
    }
}

.footer__nav {
    margin: 0 0 20px
}

@media (min-width: 1024px) {
    .footer__nav {
        margin:0 -8px 20px;
        display: flex
    }
}

.footer__service-wrap {
    position: relative
}

@media (min-width: 1024px) {
    .footer__service-wrap {
        width:calc(100% - 16px);
        display: flex
    }
}

@media (max-width: 1023.98px) {
    .footer__service-wrap {
        margin-bottom:20px
    }
}

.footer__service-wrap:before {
    content: "";
    background-color: #fff3;
    border-radius: 60px;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 1024px) {
    .footer__service-wrap:before {
        display:none
    }

    .footer__social-wrap {
        flex-shrink: 0
    }

    .footer__social-wrap--row {
        flex-direction: row
    }
}

.footer__list-wrap:not(.footer__list-wrap--download) {
    border-bottom: 1px solid #d3d4dd80
}

@media (min-width: 1024px) {
    .footer__list-wrap:not(.footer__list-wrap--download) {
        border-bottom:none;
        margin: 0 8px
    }
}

.footer__list-wrap.footer__list-wrap--buyers {
    border-top: 1px solid #d3d4dd80
}

@media (min-width: 1024px) {
    .footer__list-wrap.footer__list-wrap--buyers {
        border-top:none
    }

    .footer__list-wrap {
        margin: 0 8px
    }

    .footer__list-wrap--buyers {
        width: calc(29% - 16px)
    }

    .footer__list-wrap--ourprojects {
        width: 15%
    }
}

@media (min-width: 1280px) {
    .footer__list-wrap--ourprojects {
        width:18%
    }
}

@media (min-width: 1024px) {
    .footer__list-wrap--company {
        width:calc(26% - 16px)
    }
}

@media (min-width: 768px) {
    .footer__list-wrap--download {
        flex-grow:1;
        margin-right: 8px
    }
}

@media (min-width: 1024px) {
    .footer__list-wrap--download {
        width:calc(100% - 16px);
        margin: 0 8px
    }
}

.footer__service-wrap .footer__list-wrap {
    padding: 13px 0;
    position: relative
}

@media (min-width: 1024px) {
    .footer__service-wrap .footer__list-wrap {
        padding:0
    }
}

.footer__service-wrap .footer__list-wrap:after {
    content: "";
    background-color: #fff3;
    border-radius: 60px;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width: 1024px) {
    .footer__service-wrap .footer__list-wrap:after {
        display:none
    }

    .footer__inner-wrap .footer__list-wrap {
        margin: 0
    }

    .footer__inner-wrap .footer__list-wrap~.footer__list-wrap {
        margin: 48px 0 0
    }
}

.footer__list-wrap--download .footer__list {
    flex-wrap: wrap;
    gap: 8px;
    display: flex
}

@media (min-width: 1024px) {
    .footer__list-wrap--download .footer__list {
        max-width:200px;
        margin: 0
    }
}

.footer__header-wrap {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media (min-width: 1024px) {
    .footer__header-wrap {
        cursor:default
    }
}

.footer__header {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    color: #242424;
    font-variation-settings: "wght" 650;
    white-space: wrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

@media (max-width: 1023.98px) {
    .footer__header {
        margin-bottom:4px
    }
}

@media (min-width: 1024px) {
    .footer__header {
        margin:0 0 8px
    }
}

.footer__social-wrap .footer__header {
    display: none
}

@media (min-width: 1024px) {
    .footer__social-wrap .footer__header {
        display:block
    }

    .footer__list-wrap--download .footer__header:not(.footer__header--no-margin) {
        margin: 0 0 16px
    }
}

.footer__btn-open {
    background-color: #0000;
    border: none;
    flex-shrink: 0;
    width: 28px;
    height: 20px;
    margin-left: 30px;
    font-size: 0;
    position: relative
}

.footer__btn-open:before {
    content: "";
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.66989%207.51224C6.29992%207.89566%205.70008%207.89566%205.33011%207.51224L0.277477%202.27587C-0.0924931%201.89245%20-0.0924931%201.2708%200.277477%200.887372C0.647447%200.503949%201.24729%200.503949%201.61726%200.887372L6%205.42949L10.3827%200.887372C10.7527%200.503949%2011.3526%200.503949%2011.7225%200.887372C12.0925%201.2708%2012.0925%201.89245%2011.7225%202.27587L6.66989%207.51224Z%22%20fill%3D%22%23A9A8B0%22%2F%3E%0A%3C%2Fsvg%3E%0A) 50% no-repeat;
    width: 16px;
    height: 10px;
    transition: all .3s;
    display: block;
    position: absolute;
    top: 5px;
    right: 0
}

@media (min-width: 1024px) {
    .footer__btn-open {
        display:none
    }
}

.dropdown-open .footer__btn-open:before {
    transform: rotate(180deg)
}

@media (max-width: 1023.98px) {
    .footer__list--dropdown {
        max-height:0;
        transition: max-height .3s cubic-bezier(0,1,.5,1);
        overflow: hidden
    }

    .dropdown-open .footer__list--dropdown {
        max-height: 3000px;
        transition: max-height .3s cubic-bezier(1,0,1,.5)
    }

    .footer__list--variable {
        flex-direction: column;
        display: flex
    }
}

@media (min-width: 1024px) {
    .footer__item {
        margin:0 0 8px
    }

    .footer__item:not(.footer__item--apps):last-of-type {
        margin: 0
    }
}

.footer__out {
    margin-top: 16px
}

.footer__item--apps {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    color: #868695;
    margin: 10px 0 8px;
    font-size: 14px;
    line-height: 20px
}

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

@media (min-width: 655px) {
    .footer__avrora {
        max-width:127px
    }

    .footer__avrora:before {
        content: "";
        background-color: #d3d4dd;
        width: 1px;
        height: 24px;
        margin-right: 10px;
        display: flex
    }
}

@media (max-width: 654.98px) {
    .footer__avrora {
        width:100%;
        margin-top: 10px
    }
}

.footer__avrora .app-avrora {
    width: 116px;
    font-size: 0;
    line-height: 0
}

@media (max-width: 1023.98px) {
    .footer__item--legal-info {
        order:10
    }
}

@media (min-width: 1024px) {
    .footer__item.footer__item-trading,.footer__item.footer__item-policy {
        width:70%
    }
}

@media (min-width: 1200px) {
    .footer__item.footer__item-trading,.footer__item.footer__item-policy {
        width:58%
    }
}

.footer__list-wrap--download .footer__item:not(.footer__item--apps) {
    border-radius: 8px;
    width: calc(50% - 8px);
    max-width: 116px
}

.footer__item a,.footer__out a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    color: #242424;
    vertical-align: middle;
    white-space: nowrap;
    text-wrap: wrap;
    padding: 4px 0;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: inline-block
}

@media (min-width: 1024px) {
    .footer__item a,.footer__out a {
        color:#868695;
        padding: 0;
        font-size: 14px;
        line-height: 20px
    }

    .footer__item a:hover,.footer__out a:hover {
        color: #a73afd
    }
}

.footer__item.footer__item-trading a,.footer__item.footer__item-policy a {
    white-space: normal
}

.footer__list-wrap--download .footer__item a {
    width: 100%;
    height: 36px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    display: block
}

@media (min-width: 1024px) {
    .footer__inner-wrap {
        width:calc(26% - 16px);
        margin: 0 8px
    }
}

.footer__info {
    margin-top: 32px
}

@media (min-width: 1024px) {
    .footer__info {
        border-top:1px solid #fff3;
        justify-content: space-between;
        margin-top: -10px;
        padding-top: 40px;
        display: flex
    }
}

.footer__info p {
    color: #868695;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px
}

.footer__add-info {
    flex-direction: column;
    display: flex
}

@media (min-width: 1024px) {
    .footer__add-info {
        flex-direction:row;
        justify-content: space-between;
        align-items: flex-end
    }

    .footer__info-main {
        width: 815px
    }
}

@media (max-width: 1023.98px) {
    .footer__info-main {
        margin-bottom:32px
    }
}

.text-truncate {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media (min-width: 1024px) {
    .footer__info-side {
        width:432px;
        margin-left: 40px
    }
}

.footer__phone-group p {
    margin-bottom: 5px
}

.footer__mobile-site {
    margin: 16px 0 0
}

@media (min-width: 1024px) {
    .footer__mobile-site {
        max-width:230px
    }
}

.footer__mobile-site a {
    color: #868695;
    cursor: pointer;
    border-color: initial;
    background-color: #0000;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none
}

@media (hover: hover) and (pointer:fine) {
    .footer__mobile-site a:hover {
        color:#fff;
        border-color: initial;
        border-color: initial
    }
}

@media (min-width: 768px) {
    .footer__mobile-site a {
        font-size:18px;
        line-height: 24px
    }
}

.footer__copyrights {
    color: #868695;
    flex-direction: column;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

@media (min-width: 768px) {
    .footer__copyrights {
        display:block
    }
}

@media (min-width: 1024px) {
    .footer__copyrights {
        font-size:14px;
        line-height: 20px;
        display: flex
    }
}

@media (max-width: 767.98px) {
    .footer__copyrights {
        max-width:490px
    }
}

.footer__link {
    color: #868695;
    cursor: pointer;
    border-bottom: 1px dashed;
    border-color: initial;
    font-size: 16px;
    line-height: 22px;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
    background-color: #0000;
    text-decoration: none
}

@media (hover: hover) and (pointer:fine) {
    .footer__link:hover {
        color:#a73afd;
        border-color: initial;
        border-color: initial
    }
}

.footer-apps {
    border: 1px solid #ffffff1a;
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    max-width: 232px;
    display: flex
}

.footer-apps__img {
    border-radius: 8px;
    width: 100%;
    max-width: 150px;
    height: auto;
    padding: 1px
}

.footer-social__list {
    gap: 8px;
    display: flex
}

@media (max-width: 1023.98px) {
    .footer-social__list {
        margin-top:20px
    }
}

.footer-social__icon {
    background-color: #fff;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    display: block;
    position: relative
}

.footer-social__icon>a {
    height: 100%;
    display: block
}

.footer-social__icon>.footer-social__icon--vk {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #868695;
    transition: background-color .3s
}

:root .footer-social__icon>.footer-social__icon--vk {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23868695%22%20d%3D%22M10.893%2012C4.06%2012%20.163%207.495%200%200h3.423c.112%205.502%202.636%207.832%204.634%208.312V0h3.223v4.745c1.974-.204%204.048-2.367%204.748-4.745h3.223a8.976%208.976%200%200%201-1.544%203.43%209.383%209.383%200%200%201-2.841%202.552%209.813%209.813%200%200%201%203.238%202.48A9.365%209.365%200%200%201%2020%2012h-3.548a5.912%205.912%200%200%200-1.913-2.895%206.29%206.29%200%200%200-3.259-1.393V12h-.387Z%22%2F%3E%3C%2Fsvg%3E)
}

@media (hover: hover) and (pointer:fine) {
    .footer-social__icon>.footer-social__icon--vk:hover {
        background-color:#07f
    }
}

.footer-social__icon>.footer-social__icon--ok {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #868695;
    transition: background-color .3s
}

:root .footer-social__icon>.footer-social__icon--ok {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2218%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23868695%22%20d%3D%22M5.997%200A4.942%204.942%200%200%200%203.31.786a4.716%204.716%200%200%200-1.782%202.1%204.545%204.545%200%200%200-.277%202.706A4.637%204.637%200%200%200%202.573%207.99%204.88%204.88%200%200%200%205.05%209.271c.937.18%201.91.087%202.792-.268a4.8%204.8%200%200%200%202.168-1.727%204.577%204.577%200%200%200%20.444-4.391%204.666%204.666%200%200%200-1.046-1.516A4.837%204.837%200%200%200%207.843.356%204.958%204.958%200%200%200%205.997%200Zm0%206.561A2.05%202.05%200%200%201%204.57%205.99a1.923%201.923%200%200%201-.59-1.381c0-.519.212-1.016.59-1.382a2.05%202.05%200%200%201%201.426-.572c.266-.006.531.04.779.136.247.096.472.24.66.423.189.182.337.4.436.64.1.24.148.496.141.755.001.256-.05.51-.151.748-.101.238-.25.454-.437.635-.187.182-.41.326-.655.424a2.065%202.065%200%200%201-.773.146Zm1.941%206.562a9.041%209.041%200%200%200%202.882-1.181c.181-.128.329-.296.43-.49a1.327%201.327%200%200%200-.066-1.34%201.38%201.38%200%200%200-.574-.495%201.432%201.432%200%200%200-1.468.16%206.204%206.204%200%200%201-3.093.838%207.59%207.59%200%200%201-3.288-.919%201.48%201.48%200%200%200-.79-.204c-.363%200-.711.14-.968.389a1.306%201.306%200%200%200-.401.938c-.014.226.04.452.155.65.115.197.285.359.492.465.857.541%201.812.92%202.814%201.116l-2.664%202.646c-.129.124-.231.27-.301.433a1.291%201.291%200%200%200%20.301%201.455c.132.13.288.235.461.306.173.071.36.109.548.11.379-.005.741-.154%201.008-.416l2.58-2.58%202.665%202.58c.262.23.605.354.96.345.353-.01.69-.15.939-.392.25-.243.393-.57.4-.912a1.31%201.31%200%200%200-.358-.929l-2.664-2.573Z%22%2F%3E%3C%2Fsvg%3E)
}

@media (hover: hover) and (pointer:fine) {
    .footer-social__icon>.footer-social__icon--ok:hover {
        background-color:#ff7701
    }
}

.footer-social__icon>.footer-social__icon--telegram {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #868695;
    transition: background-color .3s
}

:root .footer-social__icon>.footer-social__icon--telegram {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23868695%22%20d%3D%22M1.685%206.878C7.599%204.276%2015.253%201.104%2016.309.665c2.771-1.15%203.622-.93%203.198%201.616-.305%201.83-1.183%207.885-1.884%2011.655-.415%202.235-1.348%202.5-2.813%201.533-.705-.466-4.263-2.819-5.035-3.371-.705-.504-1.677-1.11-.458-2.303.434-.424%203.278-3.14%205.494-5.254.29-.278-.075-.734-.41-.511-2.986%201.98-7.128%204.73-7.655%205.088-.796.54-1.56.788-2.933.394-1.038-.298-2.05-.653-2.445-.789-1.519-.52-1.158-1.196.317-1.845Z%22%2F%3E%3C%2Fsvg%3E)
}

@media (hover: hover) and (pointer:fine) {
    .footer-social__icon>.footer-social__icon--telegram:hover {
        background-color:#3490ec
    }
}

.footer-social__icon>.footer-social__icon--youtube {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #868695;
    transition: background-color .3s
}

:root .footer-social__icon>.footer-social__icon--youtube {
    --icon: url(data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2216%22%20viewBox%3D%220%200%2022%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.26249%2015.0568C1.87023%2014.9408%201.51232%2014.7343%201.21896%2014.4549C0.925599%2014.1754%200.705403%2013.8312%200.576947%2013.4512C-0.157079%2011.4874%20-0.374569%203.28693%201.03911%201.66807C1.50961%201.14145%202.17389%200.817218%202.88777%200.765759C6.68024%200.36768%2018.3975%200.420757%2019.7432%200.898453C20.1217%201.01832%2020.4675%201.22026%2020.7547%201.48912C21.0419%201.75799%2021.263%202.08681%2021.4015%202.45096C22.2035%204.48117%2022.2307%2011.8589%2021.2928%2013.8095C21.044%2014.3172%2020.6275%2014.7285%2020.1102%2014.9772C18.6965%2015.6672%204.13833%2015.6539%202.26249%2015.0568ZM8.28422%2011.2087L15.0808%207.75869L8.28422%204.28213V11.2087Z%22%20fill%3D%22%23868695%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}

@media (hover: hover) and (pointer:fine) {
    .footer-social__icon>.footer-social__icon--youtube:hover {
        background-color:#fa2b55
    }
}

.dropdown__item {
    color: #868695;
    border-color: initial;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 1023.98px) {
    .dropdown__item {
        margin-top:12px
    }
}

.dropdown__item>.dropdown__item-content {
    display: block
}

@media (min-width: 1024px) {
    .dropdown__item>.dropdown__item-content {
        display:none
    }
}

.dropdown__item-checkbox~label {
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

@media (min-width: 1024px) and (hover:hover) and (pointer:fine) {
    .dropdown__item-checkbox~label:hover {
        color:#a73afd;
        border-color: initial
    }
}

@media (max-width: 1023.98px) {
    .dropdown__item-checkbox~label {
        font-variation-settings:"wght" 650;
        cursor: default;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }
}

@media (min-width: 1024px) {
    .dropdown__item-checkbox:checked~label {
        color:#242424;
        border-bottom: 0;
        border-color: initial
    }
}

@media (min-width: 1024px) and (hover:hover) and (pointer:fine) {
    .dropdown__item-checkbox:checked~label:hover {
        color:#a73afd;
        border-color: initial
    }
}

.dropdown__item-checkbox:checked~.dropdown__item-content {
    display: block
}

@media (min-width: 1024px) {
    .dropdown__item-checkbox:checked~.dropdown__item-content {
        margin-top:8px
    }
}

@media (max-width: 1023.98px) {
    .dropdown__item-checkbox~.dropdown__item-content {
        margin-top:4px
    }

    .dropdown__item-checkbox~.dropdown__item-content>.footer__item>a {
        color: #242424;
        border-color: initial
    }
}

@media (min-width: 1024px) and (hover:hover) and (pointer:fine) {
    .dropdown__item-checkbox~.dropdown__item-content>.footer__item>a:hover {
        color:#a73afd;
        border-color: initial
    }
}

@media (min-width: 1024px) {
    .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a {
        color:#242424;
        border-color: initial
    }
}

@media (min-width: 1024px) and (hover:hover) and (pointer:fine) {
    .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a:hover {
        color:#a73afd;
        border-color: initial
    }
}

.dropdown__item-checkbox~label {
    height: 100%;
    position: relative
}

@media (min-width: 1024px) {
    .dropdown__item-checkbox~label:before {
        content:"";
        transform-origin: 3px 6px;
        border-color: #a9a8b0;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-style: solid;
        border-left-width: 2px;
        width: 8px;
        height: 8px;
        transition: transform .3s;
        display: block;
        position: absolute;
        top: 4px;
        right: -15px;
        transform: rotate(-45deg)
    }

    .dropdown__item-checkbox~label:hover:before {
        border-color: #a73afd
    }
}

.dropdown__item-checkbox:checked~label:before {
    border-color: #242424;
    transform: rotate(135deg)
}

.dropdown__item-checkbox:checked~label:hover:before {
    border-color: #a73afd;
    transform: rotate(135deg)
}

.footer--by,.footer--by .footer--by__wrapper {
    background-color: #f5f5f7
}

.footer--by {
    z-index: 99;
    visibility: hidden;
    width: 100%;
    max-height: 80vh;
    transition: all .3s ease-in-out;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    transform: translateY(100%)
}

.footer--by.footer--expanded {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.footer__btn-container {
    pointer-events: none;
    z-index: 100;
    transition: all .3s;
    position: fixed;
    bottom: 48px;
    left: 0;
    right: 0
}

.footer__btn-container.hide {
    display: none
}

@media (max-width: 1023.98px) {
    .footer__btn-container {
        display:none
    }
}

.footer__btn {
    cursor: pointer;
    pointer-events: auto;
    background-color: #fff;
    border: none;
    border-radius: 24px 24px 0 0;
    align-items: flex-start;
    width: 48px;
    height: 60px;
    padding: 12px;
    transition: all .25s;
    display: flex;
    position: absolute;
    right: 16px;
    transform: translateY(0);
    box-shadow: 0 2px 16px #00000014
}

.footer__btn:hover {
    transform: translateY(-12px)
}

.footer__btn:hover .footer__btn--icon {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #a73afd
}

:root .footer__btn:hover .footer__btn--icon {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BFBFC9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200Zm-8%203.636a.727.727%200%200%200%20.727-.727V8a.727.727%200%200%200-1.454%200v2.91c0%20.4.325.726.727.726ZM8%204a1.09%201.09%200%200%200%200%202.182h.007a1.09%201.09%200%201%200%200-2.182H8Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
}

.footer__btn .footer__btn--icon {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #c8c8d1;
    min-width: 24px;
    height: 24px;
    transition: all .3s
}

:root .footer__btn .footer__btn--icon {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23BFBFC9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200Zm-8%203.636a.727.727%200%200%200%20.727-.727V8a.727.727%200%200%200-1.454%200v2.91c0%20.4.325.726.727.726ZM8%204a1.09%201.09%200%200%200%200%202.182h.007a1.09%201.09%200%201%200%200-2.182H8Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
}

.footer__btn--active {
    border-radius: 50%;
    width: 48px;
    height: 48px
}

.footer__btn--active:hover {
    transform: translateY(0)
}

.footer__btn--active:hover .footer__btn--icon {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #a73afd
}

:root .footer__btn--active:hover .footer__btn--icon {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.47%202.47c.3-.3.77-.3%201.06%200L6%204.94l2.47-2.47a.75.75%200%200%201%201.06%201.06L7.06%206l2.47%202.47a.75.75%200%200%201-1.06%201.06L6%207.06%203.53%209.53a.75.75%200%200%201-1.06-1.06L4.94%206%202.47%203.53a.75.75%200%200%201%200-1.06Z%22%20fill%3D%22%23A9A8B0%22%2F%3E%0A%3C%2Fsvg%3E)
}

.footer__btn--active .footer__btn--icon {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #c8c8d1;
    transform: rotate(180deg)
}

:root .footer__btn--active .footer__btn--icon {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.47%202.47c.3-.3.77-.3%201.06%200L6%204.94l2.47-2.47a.75.75%200%200%201%201.06%201.06L7.06%206l2.47%202.47a.75.75%200%200%201-1.06%201.06L6%207.06%203.53%209.53a.75.75%200%200%201-1.06-1.06L4.94%206%202.47%203.53a.75.75%200%200%201%200-1.06Z%22%20fill%3D%22%23A9A8B0%22%2F%3E%0A%3C%2Fsvg%3E)
}

.footer--by {
    padding: 24px 0 20px;
    transition: all .3s
}

@media (min-width: 1024px) {
    .footer--by .footer__info {
        margin-top:0;
        padding-top: 0
    }

    .footer--by .footer__nav {
        margin-bottom: 24px
    }
}

.footer--by .footer__info-side {
    margin-left: 0
}

.bottom-footer {
    bottom: 56px
}

.footer-ru .footer__info-main-toggle {
    display: none
}

.footer-ru.footer--by .footer__info-main-toggle {
    color: #868695;
    cursor: pointer;
    width: fit-content;
    font-size: 14px;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    display: block
}

@media (max-width: 1023.98px) {
    .footer-ru.footer--by .footer__info-main-toggle {
        display:none
    }
}

.footer-ru.footer--by .footer__info-main-toggle.hide {
    display: none
}

.footer-ru.footer--by .footer__info-main-toggle:hover {
    opacity: .7
}

.footer__info-main_container {
    flex-direction: column;
    justify-content: flex-start;
    display: flex
}

.footer--b2b,.footer--china-landing {
    background-color: #29213c
}

.footer--b2b .footer__header,.footer--china-landing .footer__header,.footer--b2b .footer__item>a:hover,.footer--china-landing .footer__item>a:hover,.footer--b2b .footer__link:hover,.footer--china-landing .footer__link:hover {
    color: #fff
}

.footer--b2b .footer__header,.footer--china-landing .footer__header {
    font-variation-settings: "wght" 550;
    font-weight: 400
}

.footer--b2b .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a,.footer--china-landing .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a {
    color: #868695;
    font-size: 13px
}

.footer--b2b .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a:hover,.footer--china-landing .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a:hover {
    color: #fff
}

.footer--b2b .footer__list-wrap--download .footer__item a,.footer--china-landing .footer__list-wrap--download .footer__item a {
    font-size: 0
}

.footer--b2b .footer__add-info,.footer--china-landing .footer__add-info {
    align-items: flex-start
}

.footer--b2b .footer-social__icon>.footer-social__icon--vk,.footer--china-landing .footer-social__icon>.footer-social__icon--vk {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #332b49;
    transition: background-color .3s
}

:root .footer--b2b .footer-social__icon>.footer-social__icon--vk,:root .footer--china-landing .footer-social__icon>.footer-social__icon--vk {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23868695%22%20d%3D%22M10.893%2012C4.06%2012%20.163%207.495%200%200h3.423c.112%205.502%202.636%207.832%204.634%208.312V0h3.223v4.745c1.974-.204%204.048-2.367%204.748-4.745h3.223a8.976%208.976%200%200%201-1.544%203.43%209.383%209.383%200%200%201-2.841%202.552%209.813%209.813%200%200%201%203.238%202.48A9.365%209.365%200%200%201%2020%2012h-3.548a5.912%205.912%200%200%200-1.913-2.895%206.29%206.29%200%200%200-3.259-1.393V12h-.387Z%22%2F%3E%3C%2Fsvg%3E)
}

@media (hover: hover) and (pointer:fine) {
    .footer--b2b .footer-social__icon>.footer-social__icon--vk:hover,.footer--china-landing .footer-social__icon>.footer-social__icon--vk:hover {
        background-color:#07f
    }
}

.footer--b2b .footer-social__icon>.footer-social__icon--ok,.footer--china-landing .footer-social__icon>.footer-social__icon--ok {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #332b49;
    transition: background-color .3s
}

:root .footer--b2b .footer-social__icon>.footer-social__icon--ok,:root .footer--china-landing .footer-social__icon>.footer-social__icon--ok {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2218%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23868695%22%20d%3D%22M5.997%200A4.942%204.942%200%200%200%203.31.786a4.716%204.716%200%200%200-1.782%202.1%204.545%204.545%200%200%200-.277%202.706A4.637%204.637%200%200%200%202.573%207.99%204.88%204.88%200%200%200%205.05%209.271c.937.18%201.91.087%202.792-.268a4.8%204.8%200%200%200%202.168-1.727%204.577%204.577%200%200%200%20.444-4.391%204.666%204.666%200%200%200-1.046-1.516A4.837%204.837%200%200%200%207.843.356%204.958%204.958%200%200%200%205.997%200Zm0%206.561A2.05%202.05%200%200%201%204.57%205.99a1.923%201.923%200%200%201-.59-1.381c0-.519.212-1.016.59-1.382a2.05%202.05%200%200%201%201.426-.572c.266-.006.531.04.779.136.247.096.472.24.66.423.189.182.337.4.436.64.1.24.148.496.141.755.001.256-.05.51-.151.748-.101.238-.25.454-.437.635-.187.182-.41.326-.655.424a2.065%202.065%200%200%201-.773.146Zm1.941%206.562a9.041%209.041%200%200%200%202.882-1.181c.181-.128.329-.296.43-.49a1.327%201.327%200%200%200-.066-1.34%201.38%201.38%200%200%200-.574-.495%201.432%201.432%200%200%200-1.468.16%206.204%206.204%200%200%201-3.093.838%207.59%207.59%200%200%201-3.288-.919%201.48%201.48%200%200%200-.79-.204c-.363%200-.711.14-.968.389a1.306%201.306%200%200%200-.401.938c-.014.226.04.452.155.65.115.197.285.359.492.465.857.541%201.812.92%202.814%201.116l-2.664%202.646c-.129.124-.231.27-.301.433a1.291%201.291%200%200%200%20.301%201.455c.132.13.288.235.461.306.173.071.36.109.548.11.379-.005.741-.154%201.008-.416l2.58-2.58%202.665%202.58c.262.23.605.354.96.345.353-.01.69-.15.939-.392.25-.243.393-.57.4-.912a1.31%201.31%200%200%200-.358-.929l-2.664-2.573Z%22%2F%3E%3C%2Fsvg%3E)
}

@media (hover: hover) and (pointer:fine) {
    .footer--b2b .footer-social__icon>.footer-social__icon--ok:hover,.footer--china-landing .footer-social__icon>.footer-social__icon--ok:hover {
        background-color:#ff7701
    }
}

.footer--b2b .footer-social__icon>.footer-social__icon--telegram,.footer--china-landing .footer-social__icon>.footer-social__icon--telegram {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    background-color: #332b49;
    transition: background-color .3s
}

:root .footer--b2b .footer-social__icon>.footer-social__icon--telegram,:root .footer--china-landing .footer-social__icon>.footer-social__icon--telegram {
    --icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23868695%22%20d%3D%22M1.685%206.878C7.599%204.276%2015.253%201.104%2016.309.665c2.771-1.15%203.622-.93%203.198%201.616-.305%201.83-1.183%207.885-1.884%2011.655-.415%202.235-1.348%202.5-2.813%201.533-.705-.466-4.263-2.819-5.035-3.371-.705-.504-1.677-1.11-.458-2.303.434-.424%203.278-3.14%205.494-5.254.29-.278-.075-.734-.41-.511-2.986%201.98-7.128%204.73-7.655%205.088-.796.54-1.56.788-2.933.394-1.038-.298-2.05-.653-2.445-.789-1.519-.52-1.158-1.196.317-1.845Z%22%2F%3E%3C%2Fsvg%3E)
}

@media (hover: hover) and (pointer:fine) {
    .footer--b2b .footer-social__icon>.footer-social__icon--telegram:hover,.footer--china-landing .footer-social__icon>.footer-social__icon--telegram:hover {
        background-color:#3490ec
    }
}

.footer--china-landing {
    background-color: #191228
}

@media (max-width: 1023px) {
    .footer--b2b .dropdown__item-checkbox+label,.footer--china-landing .dropdown__item-checkbox+label {
        color:#fff
    }

    .footer--b2b .dropdown-open .footer__item a,.footer--china-landing .dropdown-open .footer__item a {
        color: #868695
    }

    .footer--b2b .dropdown-open .footer__item a:hover,.footer--china-landing .dropdown-open .footer__item a:hover {
        color: #fff
    }

    .footer--b2b .footer__list-wrap,.footer--china-landing .footer__list-wrap {
        border: none
    }

    .footer--china-landing .dropdown-open .footer__item a {
        color: #8f8fa3
    }
}

@media (min-width: 1024px) {
    .footer--b2b .dropdown__item label:hover {
        color:#fff
    }

    .footer--b2b .dropdown__item label:hover:before {
        border-color: #fff
    }

    .footer--b2b .dropdown__item-checkbox:checked~label {
        color: #fff
    }

    .footer--b2b .dropdown__item-checkbox:checked~label:before {
        border-color: #fff
    }

    .footer--china-landing .dropdown__item label {
        color: #8f8fa3
    }

    .footer--china-landing .dropdown__item label:before {
        border-color: #8f8fa3
    }

    .footer--china-landing .dropdown__item label:hover {
        color: #fff
    }

    .footer--china-landing .dropdown__item label:hover:before {
        border-color: #fff
    }

    .footer--china-landing .dropdown__item-checkbox:checked~.dropdown__item-content>.footer__item>a,.footer--china-landing .footer__item>a {
        color: #8f8fa3
    }
}

input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}

.hide {
    display: none !important;
}