@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/* Обнуление базовых стилей */
body,
h1,
h2,
h3,
p,
ul,
ol,
li,
dl,
dt,
dd,
figure,
figcaption,
blockquote,
q {
    margin: 0;
    padding: 0; }

body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    background: #0B0F39;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px 40px; }

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

h1,
h2,
h3 {
    font-family: "Be Vietnam Pro", sans-serif;
    margin-bottom: 10px;
    background: #fbab2d;
    -webkit-background-clip: text;
    color: transparent;
}

p {
    margin-bottom: 20px; }

.btn-gradient-coin {
    color: #ffffff;
    padding: 5px 17px 5px 52px;
    background: #d61d6f;
    /* border: 1px solid #ffffff; */
    border-radius: 70px;
    font: 500 16px / 36px 'Roboto', sans-serif;
    position: relative;
    transition: all 0.3s;
    margin-right: 70px;
}
.btn-gradient-coin::before {
    content: '';
    position: absolute;
    background: url(/desktop/assets/images/coin-btn.png);
    width: 32px;
    height: 21px;
    background-size: cover;
    top: 14px;
    left: 12px; }
.btn-gradient-coin:hover {
    opacity: 0.8; }

.header__navigation {
    margin: 0 40px; }
@media screen and (max-width: 1440px) {
    .header__navigation {
        margin: 0 10px; } }
@media screen and (max-width: 1199px) {
    .header__navigation {
        display: none; } }

.navigation__list {
    display: flex; }

.navigation__list_item {
    list-style-type: none;
    text-align: center;
    margin: 0 10px; }

.navigation__link {
    font: 400 16px / 20px 'Roboto', sans-serif;
    color: #fff;
    text-decoration: none;
}
.navigation__link:hover {
    color: #F6C33E;
}

.start {
    /* border-bottom-left-radius: 240px; */
    /* border-bottom-right-radius: 240px; */
    background: url(/desktop/assets/images/main.png) top right no-repeat #0c0f39;
    position: relative;
    background-size: contain;
    padding-top: 30px;
}
@media screen and (max-width: 1440px) {
    .start {
        background: url(/desktop/assets/images/main.png) top right -300px no-repeat #0B0F39;
    } }
@media screen and (max-width: 992px) {
    .start {
        border-bottom-left-radius: 200px;
        border-bottom-right-radius: 200px; } }
@media screen and (max-width: 768px) {
    .start {
        border-bottom-left-radius: 123px;
        border-bottom-right-radius: 123px; } }
.start-flex {
    display: flex;
    align-items: center; }
.start-wr {
    max-width: 740px;
    margin: 0 0 0 110px; }
@media screen and (max-width: 1199px) {
    .start-wr {
        margin: 0; }
}
.start h1 {
    font: 800 180px / 180px 'Roboto', sans-serif;
    margin: 25px 0 0 0; }
.start-title {
    /*position: relative;*/
    background-image: url("/desktop/assets/images/site_title.png");
    width: 964px;
    height: 306px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -138px;
}
.start-date {
    position: absolute;
    font: 800 27px / 0px 'Roboto', sans-serif;
    color: #1D9ED6;
    right: 170px;
    top: 32px; }
@media screen and (max-width: 768px) {
    .start-date {
        left: 245px;
        right: auto; } }
.start-subtitle {
    text-transform: uppercase;
    color: #fff;
    font: 500 42px / 50px 'Roboto', sans-serif;
    margin-top: -50px;
    margin-left: 88px;
}
@media screen and (max-width: 1060px) {
    .start-subtitle {
        font: 500 40px / 44px 'Roboto', sans-serif; } }
.start-meguila {
    background: linear-gradient(to right, #fcad29 20%, #f5a198 80%);
    -webkit-background-clip: text;
    color: transparent;
    font: 800 24px / 30px 'Be Vietnam Pro', sans-serif;
    margin-bottom: 32px;
    margin-left: 93px;
}
.start-search {
    position: relative;
    width: 80%;
    margin: auto; }
.start-search input {
    border-radius: 50px;
    border: 1px solid #E8E8E8;
    padding: 24px 10px 24px 90px;
    width: 100%;
    box-sizing: border-box;
    margin: 20px auto 10px;
    box-shadow: 0px 3px 10px #0000002e;
    font-size: 20px; }
.start-search input:focus-visible, .start-search input:focus {
    border: 1px solid #9c9c9c !important;
    outline: none !important; }
.start-search_icon {
    position: absolute;
    top: 46px;
    left: 40px; }
.start-search_icon img {
    width: 20px; }
.start-search_wrapp {
    margin: 55px auto -50px; }
.start .btn-gradient-coin {
    color: #ffffff;
    padding: 5px 10px 5px 66px;
    background: #D61D6F;
    /* border: 1px solid #ffffff; */
    border-radius: 70px;
    font: 500 19px / 36px 'Roboto', sans-serif;
    position: relative;
    transition: all 0.3s;
    margin-right: 70px;
    width: 127px;
    text-align: center;
    text-decoration: none;
}
.start .btn-gradient-coin::before {
    content: '';
    position: absolute;
    background: url(/desktop/assets/images/coin-btn.png);
    width: 50px;
    height: 31px;
    background-size: cover;
    top: 8px;
    left: 14px;
}
.start .btn-gradient-coin:hover {
    opacity: 0.8; }
@media screen and (max-width: 1199px) {
    .start .btn-gradient-coin {
        margin: 0 20px; } }

.burger {
    display: none;
    margin-left: auto;
    /* Меню, которое будет появляться */ }
@media screen and (max-width: 1199px) {
    .burger {
        display: block; } }
.burger .menu-btn {
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #ffffff;
    border-radius: 5px;
    padding: 9px 6px;
    box-sizing: border-box;
    /* Меняем гамбургер иконку, когда меню открыто */ }
.burger .menu-btn .bar {
    width: 25px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    background-color: black;
    transition: all 0.3s ease-in-out; }
.burger .menu-btn .bar:nth-of-type(2) {
    top: calc(50% - 7px); }
.burger .menu-btn .bar:nth-of-type(3) {
    top: calc(50% + 7px); }
.burger .menu-btn.active .bar:nth-of-type(1) {
    display: none; }
.burger .menu-btn.active .bar:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(45deg); }
.burger .menu-btn.active .bar:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(-45deg); }
.burger .nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: url(/desktop/assets/images/elipse-bg.png) #0c0f39 no-repeat left 20px top 50px;
    transform: translateX(100%);
    transition: transform 0.5s;
    box-sizing: border-box;
}
.burger .nav__list {
    margin: 110px auto 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.burger .nav__list_item {
    list-style-type: none;
    margin-bottom: 32px;
    text-align: center; }
.burger .nav__link {
    font: 600 22px / 30px 'Roboto', sans-serif;
    color: #ffffff;
    text-decoration: none;
}
.burger .nav__link:hover {
    color: #d51e70; }
.burger .nav.active {
    transform: translateX(0);
    z-index: 1; }

.map {
    position: relative; }
.map-navigation {
    margin: 50px 0 0;
    width: auto;
    height: 790px;
    border-radius: 20px;
    background: url(/desktop/assets/images/map.png) no-repeat;
    background-size: cover; }
.map .btn-map_wrapp {
    margin: 0 auto;
    padding: 40px;
    text-align: center; }
@media screen and (max-width: 768px) {
    .map .btn-map_wrapp {
        padding: 20px; } }
.map .btn-map {
    color: #ffffff;
    padding: 5px 17px 5px 17px;
    background: #D61D6F;
    text-decoration: none;
    text-align: center;
    border: 1px solid #ffffff;
    box-shadow: 0px 3px 10px #0000002e;
    border-radius: 70px;
    font: 500 24px / 36px 'Roboto', sans-serif;
    transition: all 0.3s; }
.map .btn-map:hover {
    border: 1px solid #E8E8E8; }
.map .btn-rose {
    color: #ffffff;
    padding: 5px 17px 5px 17px;
    background: #D61D6F;
    text-decoration: none;
    text-align: center;
    border: 1px solid #ffffff;
    box-shadow: 0px 3px 10px #0000002e;
    border-radius: 70px;
    font: 500 24px / 36px 'Roboto', sans-serif;
    transition: all 0.3s;
    margin: auto;
    display: inline-block;
    position: absolute;
    right: 110px;
    top: 150px;
    z-index: 999;
}
.map .btn-rose:hover {
    border: 1px solid #E8E8E8; }
@media screen and (max-width: 1200px) {
    .map .btn-rose {
        top: 100px;
        right: 50px; } }
.map-list {
    position: fixed;
    top: 0;
    right: 0;
    width: 530px;
    height: 100%;
    padding: 15px;
    background: #ffffff;
    transform: translateX(105%);
    transition: transform 0.5s;
    overflow-y: scroll;
    border-radius: 10px; }
.map-list__link {
    font: 400 16px / 20px 'Roboto', sans-serif;
    color: #000000;
    text-decoration: none; }
.map-list__link:hover {
    color: #d51e70; }
.map-list.active {
    transform: translateX(0);
    z-index: 1000;
}
.map-list.active__list_item {
    width: auto; }
.map .close {
    background: url(/desktop/assets/images/close.svg) center center no-repeat;
    width: 32px;
    height: 32px;
    border: none;
    background-size: contain;
    margin: 10px 30px 10px auto;
    display: block; }
.map .accordion {
    width: 90%; }
.map .accordion p {
    margin-bottom: 6px;
    font: 400 16px / 20px "Be Vietnam Pro", sans-serif; }
.map .accordion p span {
    color: #d51e70;
    font: 400 16px / 20px "Be Vietnam Pro", sans-serif; }
.map .accordion-title {
    font: 800 18px / 25px 'Roboto', sans-serif !important;
    color: #000000;
    padding-left: 50px; }
.map .accordion-subtitle {
    font: 400 14px / 20px 'Roboto', sans-serif !important;
    color: #A5A5A5;
    padding-left: 50px; }
.map .accordion-item {
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
    position: relative; }
.map .accordion-item::before {
    content: '';
    position: absolute;
    background: url(/desktop/assets/images/map-list.svg) center center no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    top: 11px;
    left: 17px; }
.map .accordion-header {
    padding: 10px;
    cursor: pointer;
    font-weight: bold; }
.map .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out; }
.map .accordion-content .btn-rose {
    max-width: 211px;
    position: relative;
    margin: 20px auto;
    box-shadow: 0px 3px 10px #0000002e; }
.map .accordion-content .btn-rose::before {
    content: '';
    position: absolute;
    background: url(/desktop/assets/images/bxmap.svg) center center no-repeat;
    width: 35px;
    height: 21px;
    background-size: contain;
    top: 11px;
    left: 17px; }
.map .accordion-item.active .map .accordion-content {
    max-height: 100%;
    margin: 10px 0; }

.info {
    padding: 45px 0; }
.info-item {
    box-sizing: border-box;
    border-radius: 30px;
    box-shadow: 0px 3px 10px #0000002e;
    margin: 80px auto 20px;
    padding: 160px 72px 20px;
    position: relative;
    width: calc(100% / 2 - 20px); }
@media screen and (max-width: 992px) {
    .info-item {
        padding: 160px 30px 20px; } }
@media screen and (max-width: 768px) {
    .info-item {
        width: 100%; } }
.info-item::before {
    content: '';
    position: absolute;
    width: 384px;
    height: 384px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.info .esther {
    background: url(/desktop/assets/images/el-1.png) top 5px center no-repeat;
    background-color: #181D4D;
}
.info .esther::before {
    background: url(/desktop/assets/images/ester.png) center center no-repeat;
    background-size: contain; }
.info .chekel {
    background: url(/desktop/assets/images/el.png) right 20px bottom 20px no-repeat;
    background-color: #181D4D;
}
.info .chekel::before {
    background: url(/desktop/assets/images/schekel.png) center center no-repeat;
    background-size: contain; }
/*.info .chekel::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    background: #FB4195;*/
/*    border-radius: 50%;*/
/*    top: 20px;*/
/*    left: 20px;*/
/*    width: 30px;*/
/*    height: 30px; }*/
.info-title {
    margin-bottom: 27px;
    /* background: linear-gradient(to right, #d51e70 20%, #1e9ed6 80%); */
    /* -webkit-background-clip: text; */
    color: #FFAB2D;
    font: 800 48px / 50px "Be Vietnam Pro", sans-serif;
    text-align: center;
}
.info-text {
    font: 400 20px / 30px "Be Vietnam Pro", sans-serif;
    color: #fff;
    text-align: center;
}
.info-text span {
    color: #FB4195;
    font: 800 20px / 30px "Be Vietnam Pro", sans-serif; }
.info .flex {
    align-items: stretch; }
@media screen and (max-width: 768px) {
    .info .flex {
        flex-direction: column; } }

.slider {
    width: 76%;
    overflow: hidden;
    position: relative;
    margin-top: -10px;
}

.slide-wrapper {
    display: flex;
    transition: transform 0.5s ease; }

.slide {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    height: 400px;
    padding: 0 60px;
    box-sizing: border-box;
    background: #0B0F39;
    border-radius: 25px;
}
@media screen and (max-width: 1440px) {
    .slide {
        height: 500px;
        padding: 0; } }
@media screen and (max-width: 1060px) {
    .slide {
        padding: 0 20px; } }
@media screen and (max-width: 1350px) {
    .slide img {
        width: 500px; } }
@media screen and (max-width: 1060px) {
    .slide img {
        display: none; } }
.slide .btn-gradient-wrapp {
    margin: 40px 0; }
.slide .btn-gradient-coin {
    margin: auto;
    text-decoration: none;
    padding: 13px 17px 13px 52px; }

.comment {
    padding-bottom: 105px; }
@media screen and (max-width: 768px) {
    .comment {
        padding-bottom: 50px; } }
.comment h2 {
    font: 800 64px / 70px "Be Vietnam Pro", sans-serif;
    margin: 35px 0 50px; }
@media screen and (max-width: 768px) {
    .comment h2 {
        margin: 0 0 24px 0; } }
.comment .container {
    padding: 20px 90px;
    background: #181D4D;
}
@media screen and (max-width: 1350px) {
    .comment .container {
        padding: 20px 40px; } }
.comment .nav {
    display: flex;
    flex-direction: column;
    width: 375px;
}
@media screen and (max-width: 992px) {
    .comment .nav {
        width: 550px; } }
.comment .nav-dot {
    position: relative;
    transition: all 0.3s;
    padding-bottom: 10px; }
.comment .nav-dot .meguila::before {
    background: url(/desktop/assets/images/comment/megula.png) center center no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    background-size: contain;
    top: 16px;
    left: 8px; }
.comment .nav-dot .donner::before {
    background: url(/desktop/assets/images/comment/donner.png) center center no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    background-size: contain;
    top: 16px;
    left: 8px; }
.comment .nav-dot .manot::before {
    background: url(/desktop/assets/images/comment/manot.png) center center no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    background-size: contain;
    top: 16px;
    left: 8px; }
.comment .nav-dot .michte::before {
    background: url(/desktop/assets/images/comment/food.png) center center no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    background-size: contain;
    top: 16px;
    left: 8px; }
.comment .nav-dot.active .accordion-header {
    /* background: url(/desktop/assets/images/comment-hov.png) center center no-repeat; */
    /* background-size: contain; */
    background: #D61D6F;
}
.comment .accordion {
    width: 100%; }
.comment .accordion-title {
    font: 800 20px / 25px "Be Vietnam Pro", sans-serif !important;
    color: #fff;
    padding-left: 70px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
p.spn-tel {
    color: #fff;
    font-size: 36px;
    line-height: 0;
}
p.spn {
    color: #fff;
    font-size: 22px;
}
@media screen and (max-width: 768px) {
    .comment .accordion-title {
        font: 800 18px / 20px "Be Vietnam Pro", sans-serif !important; } }
.comment .accordion-subtitle {
    font: 400 15px / 20px "Be Vietnam Pro", sans-serif !important;
    color: ##fff;
    padding-left: 70px;
    margin-bottom: 2px;
}
@media screen and (max-width: 768px) {
    .comment .accordion-subtitle {
        font: 400 13px / 20px "Be Vietnam Pro", sans-serif !important; } }
.comment .accordion-item {
    position: relative;
    transition: all 0.3s; }
.comment .accordion-header {
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    /* background: url(/desktop/assets/images/comment.png) center center no-repeat; */
    /* background-size: contain; */
    background: #0B0F39;
    border-radius: 25px 0;
    color: #fff;
}
.comment .accordion-content_ttl {
    /* background: linear-gradient(to right, #fbab2d 10%, #1e9ed6 26%); */
    -webkit-background-clip: text;
    color: #fff;
    font: 800 48px/ 60px "Be Vietnam Pro", sans-serif;
}
@media screen and (max-width: 768px) {
    .comment .accordion-content_ttl {
        font: 800 38px / 42px "Be Vietnam Pro", sans-serif; } }
.comment .accordion-content_txt {
    font: 400 18px / 25px "Be Vietnam Pro", sans-serif;
    color: #ffffff;
}

.ultime {
    position: relative;
    color: #fff;
}
.ultime::before {
    content: '';
    position: absolute;
    background: url(/desktop/assets/images/rebe-r.png);
    width: 373px;
    height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    top: -317px;
    right: 0;
}
@media screen and (max-width: 992px) {
    .ultime::before {
        width: 230px;
        height: 295px; } }
.ultime .container {
    padding: 20px 0 0 80px; }
@media screen and (max-width: 1440px) {
    .ultime .container {
        padding: 40px; } }
.ultime-role {
    background: url(/desktop/assets/images/scroll_esther.png) no-repeat right bottom 50px; }
@media screen and (max-width: 1440px) {
    .ultime-role {
        background: none; } }
.ultime-title {
    /* background: linear-gradient(to right, #d51e70 20%, #1e9ed6 38%); */
    -webkit-background-clip: text;
    color: #fbab2d;
    font: 800 64px / 70px "Be Vietnam Pro", sans-serif;
    margin: 50px 0 0;
}
.ultime-subtitle {
    background: linear-gradient(to right, #fbab2d 20%, #1e9ed6 38%);
    -webkit-background-clip: text;
    color: transparent;
    font: 500 24px / 28px "Be Vietnam Pro", sans-serif;
}
.ultime-text {
    font: 400 23px / 36px "Be Vietnam Pro", sans-serif;
    position: relative;
    align-items: start;
    width: 70%;
    margin-top: 35px; }
.ultime-text-item {
    width: calc(100% / 2 - 20px); }
@media screen and (max-width: 1440px) {
    .ultime-text {
        width: 100%; } }
.ultime .img-rebe {
    margin: 0 30px 0 0;
    float: left; }
.ultime .btn-rose {
    color: #ffffff;
    padding: 5px 50px 5px 17px;
    background: #D61D6F;
    text-decoration: none;
    text-align: center;
    border: 1px solid #ffffff;
    box-shadow: 0px 3px 10px #0000002e;
    border-radius: 70px;
    font: 500 16px / 36px 'Roboto', sans-serif;
    position: relative;
    transition: all 0.3s;
    margin: auto;
    display: block; }
.ultime .btn-rose::before {
    content: '';
    position: absolute;
    background: url(/desktop/assets/images/down.svg) center center no-repeat;
    width: 15px;
    height: 7px;
    background-size: contain;
    top: 19px;
    right: 22px; }
.ultime .btn-rose:hover {
    border: 1px solid #E8E8E8; }

.sponsor {
    background: url(/desktop/assets/images/el-2.png) top 0px center no-repeat;
    text-align: center;
    padding: 120px 0 20px 0;
    margin-top: 20px;
    background-size: auto; }
.sponsor h2 {
    font: 700 63px / 82px "Be Vietnam Pro", sans-serif;
    margin: 20px 0;
    text-align: end;
    background: #ffffff;
    -webkit-background-clip: text;
    width: 50%;
}
@media screen and (max-width: 1440px) {
    .sponsor h2 {
        width: 100%; } }
@media screen and (max-width: 1440px) {
    .sponsor h2 {
        text-align: center; } }
.sponsor-wrapp {
    display: flex;
    max-width: 1250px;
    margin: 60px auto;
    box-sizing: border-box;
    border-radius: 30px;
    box-shadow: 0px 3px 10px #0000002e;
    padding: 67px;
    background: #181d4d;
}
@media screen and (max-width: 1440px) {
    .sponsor-wrapp {
        flex-direction: column; } }
.sponsor-border {
    width: 1px;
    border-right: 1px solid #C3C3C3;
    margin: 0 20px 0px;
    display: inline-block; }
@media screen and (max-width: 1440px) {
    .sponsor-border {
        width: 90%;
        border-right: none;
        border-top: 1px solid #C3C3C3;
        margin: 20px auto; } }
.sponsor-img {
    background: url(/desktop/assets/images/sponsor.png) center center no-repeat;
    width: 467px;
    height: 139px;
}
@media screen and (max-width: 1440px) {
    .sponsor-img {
        width: 100%;
        background-size: contain; } }

@media screen and (max-width: 992px) {
    .arc {
        background: url(/desktop/assets/images/el-1.png) #0c0f39 no-repeat center top 20px;
        padding-top: 150px;
    } }

.arc-item {
    box-sizing: border-box;
    border-radius: 30px;
    box-shadow: 0px 3px 10px #0000002e;
    margin: 0 auto 20px;
    padding: 45px 10px 40px 10px;
    position: relative;
    text-align: center;
    width: calc(100% / 4 - 20px);
    background: #181d4d;
}
@media screen and (max-width: 992px) {
    .arc-item {
        width: 100%; } }

.arc-num {
    background: url(/desktop/assets/images/diag.png) center center no-repeat;
    color: #D61D6F;
    font: 800 32px / 40px "Be Vietnam Pro", sans-serif;
    padding: 75px 0 0 0; }

.arc-title {
    -webkit-background-clip: text;
    color: #fff;
    font: 800 18px / 35px "Be Vietnam Pro", sans-serif;
    text-transform: uppercase;
}

.arc .flex {
    align-items: stretch; }
@media screen and (max-width: 992px) {
    .arc .flex {
        flex-direction: column; } }

.faire {
    background: #181d4d;
    padding: 40px 0;
    text-align: center;
}
.faire .btn-gradient-coin {
    background: #D61D6F;
    border: #D61D6F;
    width: 200px;
    height: 36px;
    margin: auto;
    font-size: 24px;
    text-decoration: none;
    display: block;
}
.faire .btn-gradient-coin::before {
    content: '';
    position: absolute;
    background: url(/desktop/assets/images/coin-btn.png);
    background-size: cover;
    top: 7px;
    left: 16px;
    width: 53px;
    height: 41px;
}

.footer {
    background: #0c0f39;
    padding-top: 40px;
    text-align: center;
}
.footer-wrapp {
    max-width: 1250px;
    margin: auto; }
@media screen and (max-width: 768px) {
    .footer-wrapp {
        flex-direction: column-reverse; } }
.footer__text {
    font: 400 20px / 34px "Roboto", sans-serif;
    color: #ffffff;
    margin-bottom: 3px;
    text-align: start;
    padding-left: 70px;
    position: relative;
}
.footer__text a {
    color: #ffffff;
    text-decoration: none;
}
.footer__text::before {
    content: '';
    position: absolute;
    width: 32px;
    height: 21px;
    background-size: cover;
    top: 6px;
    left: 25px; }
.footer .street::before {
    background: url(/desktop/assets/images/adress/street.svg) no-repeat; }
.footer .phone::before {
    background: url(/desktop/assets/images/adress/phone.svg) no-repeat; }
.footer .site::before {
    background: url(/desktop/assets/images/adress/site.svg) no-repeat; }
.footer .mail::before {
    background: url(/desktop/assets/images/adress/mail.svg) no-repeat; }
.footer__list {
    list-style-type: none; }
.footer__list_item {
    font: 400 20px / 34px "Roboto", sans-serif;
    color: #2B2B2B;
    margin-bottom: 16px; }
.footer__link {
    text-decoration: none;
    color: #ffffff;
    font: 400 20px / 34px "Roboto", sans-serif;
}
.footer__link:hover {
    color: #fbab2d;
}