.header {
    position: fixed;
    width: 100%;
    z-index: 2;
    background: #FFFFFF;

}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}




.header__menu {
    display: flex;
}

.header__menu-item {
    padding: 38px 15px;
    transition: .25s;
}


.header__menu-item:hover {
    background-color: #ececec;
}


.header__menu {
    display: flex;
}

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

.header__right-location {
    padding: 35px 15px;
}

.header__right-location:before {
    position: relative;
    top: 5px;
    padding-right: 3px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 32 32'%3E%3Cpath d='M16.114-.011C9.555-.011 4 5.576 4 12.193c0 6.93 6.439 14.017 10.77 18.998.017.02.717.797 1.579.797h.076c.863 0 1.558-.777 1.575-.797 4.064-4.672 10-12.377 10-18.998C28 5.575 23.667-.011 16.114-.011zm.401 29.86a1.211 1.211 0 0 1-.131.107 1.218 1.218 0 0 1-.133-.107l-.523-.602c-4.106-4.71-9.729-11.161-9.729-17.055 0-5.532 4.632-10.205 10.114-10.205 6.829 0 9.886 5.125 9.886 10.205 0 4.474-3.192 10.416-9.485 17.657zm-.48-23.805a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 10c-2.206 0-4.046-1.838-4.046-4.044s1.794-4 4-4c2.207 0 4 1.794 4 4 .001 2.206-1.747 4.044-3.954 4.044z'/%3E%3C/svg%3E");
}

.header__right-tel {
    padding: 35px 15px;
}

.header__right-tel:before {
    position: relative;
    top: 6px;
    padding-right: 2px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.176' d='M9.502 4.257A2 2 0 0 0 7.646 3H4.895A1.895 1.895 0 0 0 3 4.895C3 13.789 10.21 21 19.105 21A1.895 1.895 0 0 0 21 19.105v-2.751a2 2 0 0 0-1.257-1.857l-2.636-1.054a2 2 0 0 0-2.023.32l-.68.568a2.001 2.001 0 0 1-2.696-.122L9.792 12.29a2 2 0 0 1-.123-2.694l.567-.68a2 2 0 0 0 .322-2.024L9.502 4.257Z'/%3E%3C/svg%3E");
}

.header__right-button {
    height: 60px;
    padding: 0 25px;
    background: none;
    transition: .25s;
}

.header__right-button:hover {
    background: #545454;
    color: #fff;
    transition: .25s;
}

/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/

.menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 4;
    overflow: hidden;
    display: none;
}

.menu {
    z-index: 3;
}

.menu-btn span {
    width: 30px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000000;
    transition: all 0.5s;
}

.menu-btn span:nth-of-type(2) {
    top: calc(50% - 5px);
}

.menu-btn span:nth-of-type(3) {
    top: calc(49% + 5px);
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: #ffffff;
    transform: translateX(-100%);
    transition: transform 0.5s;
}

.menu.active {
    transform: translateX(0);
}

.menu li {
    list-style-type: none;
}

.menu-btn.active span:first-of-type {
    transform: translateX(100%);
}

.menu-btn.active span:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.menu-btn.active span:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.menu.active nav {
    display: flex;
    justify-content: center;
}

.menu__items {
    text-transform: uppercase;
    text-align: center;
}

.menu__items li {
    padding: 15px;
}

.header__mob {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sub-menu {
    display: none;
    position: absolute;
    width: 330px;
    background: #fff;
    top: 100px;
    left: 0;
    padding: 0 10px 0 0;
}

.sub-menu li {
    padding: 10px 15px 10px 15px;
    transition: .25s;
}

.sub-menu li:hover {
    background: #ececec;
    transition: .25s;
}

.sub-menu li:after {
    display: block;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 238.003 238.003' width='8' height='10' opacity='0.65' fill='%23000' style='enable-background:new 0 0 238.003 238.003;' xml:space='preserve'%3E%3Cpath style='fill:%23010002;' d='M181.776,107.719L78.705,4.648c-6.198-6.198-16.273-6.198-22.47,0s-6.198,16.273,0,22.47 l91.883,91.883l-91.883,91.883c-6.198,6.198-6.198,16.273,0,22.47s16.273,6.198,22.47,0l103.071-103.039 c3.146-3.146,4.672-7.246,4.64-11.283C186.416,114.902,184.89,110.833,181.776,107.719z'/%3E%3C/svg%3E");
    position: relative;
    left: 280px;
    top: -22px;
    width: 8px;
    height: 10px;
}

.header__menu-item:hover > ul {
    display: initial;
}

.header__menu-item-list {
    position: relative;
    display: flex;
    align-items: center;
}

.header__menu-item-list:after {
    display: block;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='14' viewBox='-2 -2 24.00 24.00' version='1.1' fill='%23000000' transform='rotate(180)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.04'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Earrow_up %5B%23340%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-140.000000, -6683.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035' id='arrow_up-%5B%23340%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    margin-left: 15px;
    transition: .3s ease;
    position: relative;
    top: 1px;
}

.header__menu-item-list:hover:after {
    transform: rotate(180deg);
    transition: .3s ease;
}

footer {
    background: #545454;
    margin-top: 180px;
    padding: 50px 0 100px;
}

.footer__content {
    display: flex;
    justify-content: space-between;
    gap: 5%;
    text-align: center;
}

.footer__content .general__text {
    color: #fff;
}

.footer__content-img-wrapper {
    padding-bottom: 20px;
}

.footer__content-img {
    width: 100%;
}

.footer__content-center-about .general__text {
    padding: 8px 0;
    white-space: nowrap
}

.footer__content-center-uslugi .general__text {
    padding: 8px 0;
    white-space: nowrap
}

.footer__content-center-info .general__text {
    padding: 8px 0;
    white-space: nowrap
}

.footer__content-left {
    width: 20%;
}

.footer__content-center {
    display: flex;
    width: 50%;
    justify-content: center;
    gap: 10%;
}

.footer__content-right {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: right;
}

.footer__content-right .general__button {
    border: 1px solid #fff;
    color: #fff
}

.footer__content-right .general__button:hover {
    border: 1px solid #fff;
    color: #000;
    background: #fff;
}

.footer__content-right-tel {
    color: #fff;
    text-align: right;
}

.footer__content-right-tel:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Communication / Phone'%3E%3Cpath id='Vector' d='M9.50246 4.25722C9.19873 3.4979 8.46332 3 7.64551 3H4.89474C3.8483 3 3 3.8481 3 4.89453C3 13.7892 10.2108 21 19.1055 21C20.1519 21 21 20.1516 21 19.1052L21.0005 16.354C21.0005 15.5361 20.5027 14.8009 19.7434 14.4971L17.1069 13.4429C16.4249 13.1701 15.6483 13.2929 15.0839 13.7632L14.4035 14.3307C13.6089 14.9929 12.4396 14.9402 11.7082 14.2088L9.79222 12.2911C9.06079 11.5596 9.00673 10.3913 9.66895 9.59668L10.2363 8.9163C10.7066 8.35195 10.8305 7.57516 10.5577 6.89309L9.50246 4.25722Z' stroke='%23ffffff' stroke-width='1.296' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    top: 5px;
    position: relative;
    padding-right: 2px;
}



@media (max-width: 1150px) {

    .menu-btn {
        display: block;
    }
    .menu-btn.active .header__right-lang-mob {
        opacity: 1;
        transition: 3s, 3s;

    //display: block;
        z-index: 4;
        position: absolute;
        right: 50px;
        top: 2px;
    }
    .menu-btn.active span:first-of-type {
        display: none;
    }
    .header__menu {
        display: none;
        justify-content: flex-end;
    }
    .header__right-lang {
        display: none;
    }
    .header__wrapper {
    }
}
@media (max-width: 1024px) {
    .header {
        background: #ffffff;
    }
    footer {
        margin-top: 120px;
    }
    .footer__content {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer__content-center {
        display: flex;
        width: 100%;
        justify-content: center;
        gap: 10%;
        padding-bottom: 30px;
    }
    .footer__content-left {
        order: 1;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        gap: 5%;
        align-items: center;
    }
    .footer__content-right {
        width: 40%;
        /*justify-content: center;*/
        /*gap: 5%;*/
        /*flex-direction: row;*/
        /*padding-bottom: 30px;*/
        /*align-items: center;*/
    }
    .footer__content-right-tel {
        text-align: center;
    }
    .header__right {
        display: none;
    }
}
@media (max-width: 768px) {

    .footer {
        margin-top: 60px;
        padding: 30px 0 70px;
    }
    .footer__content-right {
        width: 50%;
    }
}

@media (max-width: 475px) {
    .footer__content-center {
        gap: 5%;
        padding-bottom: 15px;
    }
    .footer__content-right {
        padding-bottom: 15px;
    }
    .footer__content-center-about .general__text {
        white-space: normal;
    }

    .footer__content-center-uslugi .general__text {
        white-space: normal;
    }
    .footer__content-center-info .general__text {
        white-space: normal;
    }
    .footer {
        margin-top: 60px;
        padding: 30px 0 40px;
    }
    .footer__content-right {
        width: 80%;
    }
}

@media (max-width: 400px) {
    .footer__content-center {
        flex-wrap: wrap;
    }
    .footer__content-center-info {
        width: 100%;
        text-align: center;
        padding-top: 15px;
    }
}