@font-face {
    font-family: "SF-Pro-Display-Black";
    src: url("/assets/fonts/SF-Pro-Display-Black.otf?id=36e76c1a-2433-426b-80b2-39e42c6f7fa3") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "SF-Pro-Display-Heavy";
    src: url("../fonts/SF-Pro-Display-Heavy.otf?id=36e76c1a-2433-426b-80b2-39e42c6f7fa3") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "SF-Pro-Display-Regular";
    src: url("./assets/fonts/SF-Pro-Display-Regular.otf?id=36e76c1a-2433-426b-80b2-39e42c6f7fa3") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "SF-Pro-Display-Semibold";
    src: url("/assets/fonts/SF-Pro-Display-Semibold.otf?id=36e76c1a-2433-426b-80b2-39e42c6f7fa3") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html{
    scroll-behavior: smooth;
}
body {
    background: #000000;
}

/* 
header */
.header {
    padding: 12px 0;
    color: #FFFFFF;

}

.header ul {
    list-style-type: none;
}

.header a {
    display: flex;
    font-family: "Montserrat", serif;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    align-items: center;

}

.container {
    width: 1312px;
    margin: 0 auto;
}

.header__logo.logo {
    display: flex;
}

.header__container {
    display: flex;
    justify-content: space-between;
}

.header__middle {
    display: flex;
}

.header__menu ul {
    display: flex;
}

.header__menu ul a {
    padding: 0px 12px;
}

.header__menu ul a:hover {
    color: #D5FF3F;
}

.header__menu ul a:active {
    color: #D5FF3F;

}


.gallery-tags {
    color: #fff;
}


.gallery-item video {
    width: 100%;
}

.video-description{
	display: none;
}

.block img {
        height: auto;
    }

.block {
    width: 31%;
}


.block img {
    width: 100%;
}

.template-page-main .load-more-btn {
	display: none;
	
}
/* main-top */
.main-top__container {
    display: flex;
    justify-content: space-between;
    padding: 48px 0 73px 0;
}


/* topline */

.topline {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 24px;
    line-height: 29.26px;
    letter-spacing: 0%;
    text-align: center;
    color: #D5FF3F;
    text-transform: uppercase;
    background: #1C1C1C;
    padding: 13px 0 6px 0
}

span.dot {
    padding: 0 12px;
}

/* contant */
.contant {
    padding: 64px 0 20px 0;
}

.contant__tags {
    color: #FFFFFF;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    padding-bottom: 32px;
}

.contant__tags span.btn--grey {
    cursor: pointer;
    padding: 16px;
    display: inline-block;
}


.contant__contant {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.contant__tags {
    display: flex;
    justify-content: space-between;
}

.feedback__right .ff-el-group.ff-text-center.ff_submit_btn_wrapper .btn--green {
    width: 100%;
    width: 564;
    height: 72px;
    gap: 12px;
    border-radius: 16px;
    padding-top: 21px;
    padding-right: 16px;
    padding-bottom: 21px;
    padding-left: 16px;

    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    margin-top: 33px;
    background: #D5FF3F;
    color: #000;
}

textarea#ff_1_message {
    width: 564px;
    height: 210px;
    border-radius: 16px;
    padding-top: 16px;
    padding-right: 22px;
    padding-bottom: 16px;
    padding-left: 22px;
    background: #2A2A2A;
    border: 0px;
    resize: none;

    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #D4D4D4;
    color: #FFFFFF;


}

textarea#ff_1_message:hover {
    background: #313131;
    color: #d4d4d4;
}

textarea#ff_1_message:active {
    background: #454545;
    color: #FFFFFF;

}


.feedback__right label {
    display: none !important;
}


textarea#ff_1_message {
    width: 564px;
    height: 210px;
    border-radius: 16px;
    padding-top: 16px;
    padding-right: 22px;
    padding-bottom: 16px;
    padding-left: 22px;
    background: #2A2A2A;
    border: 0px;
    resize: none;

    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #D4D4D4;
    color: #FFFFFF;


}

textarea#ff_1_message:hover {
    background: #313131;
    color: #d4d4d4;
}

textarea#ff_1_message:active {
    background: #454545;
    color: #FFFFFF;

}

textarea#ff_1_message::placeholder {
    color: #D4D4D4;

}

/* feedback */

.feedback__right {
    width: 644;
    height: 642;
    padding-top: 56px;
    padding-right: 40px;
    padding-bottom: 56px;
    padding-left: 40px;
    border-radius: 32px;
    gap: 10px;

}

.feedback__right .ff-el-input--label.asterisk-right {
    display: none;
}

.feedback__right .ff-el-group .ff-el-input--content .form__input {}

.feedback__right .ff-el-group .ff-el-input--content .form__input {
    background: #2A2A2A;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #FFFFFF;
    border: 0px;

    width: 564;
    height: 72px;
    top: 20px;
    left: 20px;
    gap: 10px;
    border-radius: 16px;
    padding-top: 16px;
    padding-right: 22px;
    padding-bottom: 16px;
    padding-left: 22px;

}

.feedback__right .ff-el-group .ff-el-input--content .form__input:hover {
    color: #D4D4D4;
    background: #313131;

}



.feedback__right .ff-el-group .ff-el-input--content .form__input:active {
    background: #454545;
    color: #FFFFFF;

}


.feedback__right .ff-el-group .ff-el-input--content .form__input::placeholder {
    color: #D4D4D4;

}


.ff-el-input--content {
    margin-bottom: 4px;
}


/* work */

.work {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 24px;
    line-height: 29.26px;
    letter-spacing: 0%;
    color: #fff;
}

.work .work__number {
    width: 148px;
    height: 148px;
    border-radius: 16px;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    background: #1C1C1C;
    font-weight: 800;
    font-size: 160px;
    line-height: 195.04px;
    letter-spacing: 0%;
    color: #2A2A2A;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: unset;
}

.work h2 {
    color: #fff;
    font-family: "SF-Pro-Display-Heavy";
    font-weight: 800;
    font-size: 68px;
    line-height: 81.15px;
    letter-spacing: 0%;
}

.work__top {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.work__bottom {
    display: flex;
    gap: 24px;
    flex-direction: row-reverse;
}

.work .work__text {
    width: 472px;
    height: 148px;
    gap: 10px;
    border-radius: 16px;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    background: #1C1C1C;
    display: flex;
    align-items: center;
    padding: 0 24px;
}

/* feedback */

.feedback-container {
    display: flex;
    gap: 24px;
}

.feedback__left {
    width: 644px;
    height: 642px;
    border-radius: 32px;
    background: #1C1C1C;
    padding: 56px 40px;
    box-sizing: border-box;
}

.feedback__right {
    width: 644px;
    height: 642px;
    gap: 10px;
    border-radius: 32px;
    padding-top: 56px;
    padding-right: 40px;
    padding-bottom: 56px;
    padding-left: 40px;
    background: #1C1C1C;
    box-sizing: border-box;
}

.feedback {
    padding: 80px 0 69px 0;
    color: #FFFFFF;

}


.feedback h3 {
    font-family: "SF-Pro-Display-Heavy";
    font-weight: 800;
    font-size: 68px;
    line-height: 81.15px;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin: 0px;
    margin-bottom: 135px;
}


.feedback span {
    display: flex;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    margin-bottom: 56px;
}

.feedback a.btn.btn--green {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
    gap: 12px;
    border-radius: 16px;
    padding-top: 21px;
    padding-right: 16px;
    padding-bottom: 21px;
    padding-left: 16px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;

}


/* footer */
.footer-container {
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
    align-items: center;
}

.footer__social a {
    padding: 0 4px;
}

/* btn */

.btn {
    border-radius: 16px;
}

.btn--grey {
    background: #1C1C1C;
    padding: 14px;
}

.btn--grey.active {
    background: #D5FF3F;
    color: #000000;
}

.btn--grey.active:hover {
    background: #D5FF3F;
    color: #000000;
}

.btn--grey.active:active {
    background: #D5FF3F;
    color: #000000;
}


.btn--grey img {
    margin-right: 12px;
}

.btn--grey:hover {
    background: #313131;
}

.btn--grey:active {
    background: #454545;

}

.btn--green {
    background: #D5FF3F;
border: 0px;
}

.btn--green:hover {
    background: #B7DF29;
}

.btn--green:active {
    background: #AACF25;

}

.btn_green {
    cursor: pointer;
}

.btn_green:hover {
    fill: #B7DF29;
}

.btn_green:active {
    background: #AACF25;
}

.btn--clrgreen {

    border: 1px solid #D5FF3F;
    color: #D5FF3F;
}

.btn--mobile {
    display: none;
}

.mobile-menu {
    display: none;

}

.--mobile {
    display: none;
}

@media(max-width: 1400px) {


    .container {
        width: 90%;
    }

    .feedback-container.container {
        width: 100%;
    }

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

    .main__left img.--pc {
        width: 90%;
    }

    .block {
        width: 31%;
    }

    .block img {
        width: 95%;
    }

    .work {
        font-size: 22px;
    }

    .feedback__right {
        width: 50%;
    }

    .feedback__left {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .feedback h3 {
        font-family: "SF-Pro-Display-Heavy";
        font-weight: 800;
        font-size: 55px;
        line-height: 57.15px;
    }
}



@media(max-width: 1120px) {

  .menu__mobile--wrp .header__menu a{

    font-family: Montserrat;
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: 0%;
color: #FFFFFF;
margin-bottom: 32px;
       z-index: 200;
display: block;
position: relative;

  }

  .menu__mobile--social {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: -20px;
}
.menu__mobile--social a{
    padding: 14px 46px;
}


.menu__mobile--wrp {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-around;
    padding-top: 74px;
}
.menu__mobile--social a.open-popup{
    color: #000;
}
.mobile-menu {
    z-index: 101;
}
    .container.main-top__container .--mobile {
        display: none;
    }

    .work.work--mobile.--mobile {
        display: flex;
        align-items: center;
    }

    .container {
        width: 90%;

    }

    .--mobile {
        display: flex;
        flex-direction: column;
    }

    .work.--pc {
        display: none;
    }

    .work__block {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
    }

    .contant__contant {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }


    .mobile-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        background: #1C1C1C;
        border-radius: 16px;
    }

    .nav-icon {
        position: relative;
        width: 12px;
        height: 2px;
        background-color: #D8D8D8;
        border-radius: 1.5px;

    }

    .mobile-nav-btn {

        --time: 0.1s;
        --line-height: 3px;
        --spacing: 3px;
        --color: #B68C6E;
        --radius: 4px;
        width: 20px;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;

        background-color: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
        position: relative;
        z-index: 99;
    }

    .nav-icon::before,
    .nav-icon::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 20px;
        height: 2px;
        border-radius: 1.5px;

        background: #D8D8D8;

        -webkit-transition: top var(--time) linear var(0.1s), -webkit-transform var(--time) ease-in;
        transition: top var(--time) linear var(--time), -webkit-transform var(--time) ease-in;
        transition: transform var(--time) ease-in, top var(--time) linear var(--time);
        transition: transform 0.1s;
    }

    .nav-icon::after {
        width: 16px;
    }

    .nav-icon::before {
        top: calc(-1*(var(--line-height) + var(--spacing)));
    }

    .nav-icon::after {
        top: calc(var(--line-height) + var(--spacing));
    }

    .nav-icon.nav-icon--active::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .nav-icon.nav-icon--active::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .nav-icon.nav-icon--active {
        background: transparent;
        width: 16px;
        margin-left: 0px;
    }


    .nav-icon.nav-icon--active::after {
        width: 16px;
        top: 0px;
    }

    .nav-icon.nav-icon--active::before {
        top: 0px;
        width: 16px;
    }

    button.mobile-nav-btn {
        display: flex;
        z-index: 101;
    }
    .header__logo.logo {
        display: flex;
        z-index: 101;
    }

    .header__container .btn--mobile.nav--active {
        display: none;
    }
    .header--wrp {
        display: flex;
        gap: 20px;
    }
    .header__lang.nav--active{
display: flex;
z-index: 101;
    }
    .header__middle {
        display: none;
    }

    .header__lang {
        display: none;
    }

    .btn--mobile .btn {
        width: 102px;
        height: 48px;
        cursor: pointer;
    }

    .btn--mobile {
        display: flex;
    }

    .--mobile {
        display: flex;
    }

    .nav-icon {
        margin-left: -6px;
    }

    .container.main-top__container {
        display: flex;
        justify-content: center;
        align-items: center;
    }



    span.btn.btn--grey {
        margin: 4px 4px;
    }

    .block {
        width: 45%;
    }

    .block img {
        width: 100%;
    }
}

@media(max-width: 1120px) {
    .header__container .btn--mobile {
        display: none;
    }


    .feedback-container.container {
        display: flex;
        flex-direction: column;
        margin: 0;
        width: 100%;
    }

    .feedback {
        padding: 24px;
    }

    .feedback__left {
        width: 100%;
        height: 298px;
        gap: 10px;
        border-radius: 32px;
        padding: 24px;
    }

    .feedback__left h3 {

        font-weight: 800;
        font-size: 32px;
        line-height: 38.19px;
        letter-spacing: 0%;
        margin-bottom: 40px;
    }

    .feedback__left span {


        margin-bottom: 24px;
        font-weight: 600;
        font-size: 20px;
        line-height: 24.38px;
        letter-spacing: 0%;
    }

    .feedback a.btn.btn--green {
        height: 24px;
    }

    .feedback__social {
        font-family: Montserrat;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0%;

    }

    .feedback__right {
        width: 100%;
        height: 376px;

    }

    .feedback__right {
        height: auto;
    }

    textarea#ff_1_message {
        width: 100%;
    }
}


@media(max-width: 768px) {
    .header__container .btn--mobile {
        display: flex;
    }
    .container.main-top__container .--mobile {
        display: flex;
    }

    .container {
        width: auto;
        margin: 0 12px;
    }

    .contant {
        padding: 32px 0 3px 0;
    }

    .work.work--mobile.--mobile {
        display: flex;
        align-items: flex-start;
    }
    .feedbak__social a img {
        width: 20px;
        height: 20px;
    }
    .contant__tags {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .--pc {
        display: none;
    }

    .main__left img.--mobile {
        margin-left: -10px;
    }

    /* 
        .work--mobile */
    .work--mobile {
        display: flex;
        flex-direction: column;
        /* max-width: 90%; */
        align-items: center;
        margin: 0 auto;
    }


    .work__block {
        display: flex;
        gap: 8px;
        margin-bottom: 8px;
        flex-direction: row-reverse;
        width: 100%;
    }

    .work--mobile .work__number {
        width: 92px;
        height: 92px;
        font-size: 100px;

        min-width: 92px;
    }

    .work--mobile h2 {
        font-family: Montserrat;
        font-weight: 700;
        font-size: 32px;
        line-height: 39.01px;
        letter-spacing: 0%;
    }


    .work--mobile .work__text {
        width: 100%;
        height: 92px;
        font-family: Montserrat;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0%;

    }

    .work__block:nth-child(2n) {
        flex-direction: row;
    }



    /* .footer-container.container {
        width: 100%;
        margin: 0px;
    } */

    .contant {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .feedback__right {
        padding: 24px;
    }

    .feedback a.btn.btn--green {
        height: 6px;
        font-size: 16px;
    }

    textarea#ff_1_message {
        font-size: 16px;
        height: 120px;
    }

    .feedback__right .ff-el-group .ff-el-input--content .form__input {

        font-size: 16px;
        height: 48px;
    }

    button.ff-btn.ff-btn-submit.ff-btn-md.btn.btn--green.ff_btn_style {
        font-size: 16px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }

    .feedback {
        padding: 0px;
    }

    .contant__contant {
        display: flex;
        flex-wrap: wrap;
        gap: 22px;
    }
}


@media(max-width: 500px) {
    .feedback__left {
        height: auto;
    }
}


.popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;

    z-index: 99;
}

.popup {
    position: fixed;
    background: #000000;
    width: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    padding-top: 60px;
    width: 668px;
    height: auto;

    border-radius: 16px;
    padding: 32px;
    box-sizing: border-box;
}

.no-scroll {
    overflow-y: hidden;
}

.close-popup {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 20px;
}



.popup .ff-el-group.ff-text-center.ff_submit_btn_wrapper .btn--green {
    width: 100%;
    width: 564;
    height: 72px;
    gap: 12px;
    border-radius: 16px;
    padding-top: 21px;
    padding-right: 16px;
    padding-bottom: 21px;
    padding-left: 16px;

    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    margin-top: 33px;

}

textarea#ff_1_2_message {
    width: 564px;
    height: 210px;
    border-radius: 16px;
    padding-top: 16px;
    padding-right: 22px;
    padding-bottom: 16px;
    padding-left: 22px;
    background: #2A2A2A;
    border: 0px;
    resize: none;

    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #D4D4D4;
    color: #FFFFFF;


}

textarea#ff_1_2_message:hover {
    background: #313131;
    color: #d4d4d4;
}

textarea#ff_1_2_message:active {
    background: #454545;
    color: #FFFFFF;

}


.popup label {
    display: none !important;
}


textarea#ff_1_2_message {
    width: 100%;
    height: 210px;
    border-radius: 16px;
    padding-top: 16px;
    padding-right: 22px;
    padding-bottom: 16px;
    padding-left: 22px;
    background: #2A2A2A;
    border: 0px;
    resize: none;

    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #D4D4D4;
    color: #FFFFFF;


}

textarea#ff_1_2_message:hover {
    background: #313131;
    color: #d4d4d4;
}

textarea#ff_1_2_message:active {
    background: #454545;
    color: #FFFFFF;

}

textarea#ff_1_2_message::placeholder {
    color: #D4D4D4;

}

.popup .ff-el-input--label.asterisk-right {
    display: none;
}

.popup .ff-el-group .ff-el-input--content .form__input {}

.popup .ff-el-group .ff-el-input--content .form__input {
    background: #2A2A2A;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #FFFFFF;
    border: 0px;

    width: 564;
    height: 72px;
    top: 20px;
    left: 20px;
    gap: 10px;
    border-radius: 16px;
    padding-top: 16px;
    padding-right: 22px;
    padding-bottom: 16px;
    padding-left: 22px;

}

.popup .ff-el-group .ff-el-input--content .form__input:hover {
    color: #D4D4D4;
    background: #313131;

}



.popup .ff-el-group .ff-el-input--content .form__input:active {
    background: #454545;
    color: #FFFFFF;

}


.popup .ff-el-group .ff-el-input--content .form__input::placeholder {
    color: #D4D4D4;

}

.popup .ff-el-group.ff-text-center.ff_submit_btn_wrapper .btn--green {
    height: 72px;
    gap: 12px;
    border-radius: 16px;
    padding-top: 21px;
    padding-right: 16px;
    padding-bottom: 21px;
    padding-left: 16px;

    background: #D5FF3F;
    color: #000000;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;

}

.popup h3 {
    margin: 0 0 32px 0;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 48px;
    line-height: 58.51px;
    letter-spacing: 0%;

    color: #FFFFFF;


}

.popup h3 a {
    text-decoration: underline;
}

@media(max-width: 768px) {

    .popup {
        width: 90%;
    }

    .popup h3 {

        font-size: 34px;
        line-height: 34.51px;
    }
}

@media(max-width: 505px) {
    .close-popup {

        right: 4px;
    }

    .popup {

        padding: unset;
        padding-top: 60px;
    }
}

.main__title{
    display: none;
}

.portfolio__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
}

button.btn--green.btn {
    padding: 16px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
}

.page-template-page-portfolio .contant {
    padding: 64px 0 34px 0;
}


/*Стили мобильного меню*/
.header__mobile {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100; 
	border-radius: 0px;
    background: #000;
}  
.header__mobile .header__menu ul {
    display: flex;
    flex-direction: column;
}
    @media (min-width: 768px) {
      .header__mobile {
        padding-top: 0; } }
    /*получпрозрачный фон*/
    .header__mobile .mm__bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #000;
      z-index: 100; }


.lock{
  overflow: hidden;
}