.footer__social-container a img,.mobile-menu-close--active {
    display: block
}

.footer {
    background: var(--red);
    padding: calc(30*2560px / 1920) 0;
    padding: calc(30*var(--width-multiplier)) 0;
    text-align: left;
}

@media (max-width: 1023px) {
    .footer {
        padding: calc(40*2560px / 1920) 0;
        padding: calc(40*var(--width-multiplier)) 0;
        text-align: center;
    }
}

.footer__logo {
    margin-bottom: calc(16*2560px / 1920);
    margin-bottom: calc(16*var(--width-multiplier));
    display: block;
    transition: .2s all ease-out;
    width: calc(190*2560px / 1920);
    width: calc(190*var(--width-multiplier));
}

.footer__logo img {
    width: 100%;
}

@media (max-width: 1023px) {
    .footer__logo {
        margin: 0 auto calc(10*2560px / 1920);
        margin: 0 auto calc(10*var(--width-multiplier));
    }
}

.footer__logo:hover {
    opacity: .8
}

.footer__copyright {
    color: #fff;
    font-size: calc(11*2560px / 1920);
    font-size: calc(11*var(--width-multiplier));
    line-height: calc(12*2560px / 1920);
    line-height: calc(12*var(--width-multiplier));
    font-family: "TT-Medium";
    margin-bottom: calc(48*2560px / 1920);
    margin-bottom: calc(48*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .footer__copyright {
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
        line-height: 1;
        margin-bottom: calc(35*2560px / 1920);
        margin-bottom: calc(35*var(--width-multiplier));
    }
}

.footer__title {
    color: #fff;
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
    font-weight: 500;
    line-height: calc(16*2560px / 1920);
    line-height: calc(16*var(--width-multiplier));
    text-transform: uppercase;
    font-family: "TT-Medium";
    margin-bottom: calc(32*2560px / 1920);
    margin-bottom: calc(32*var(--width-multiplier));
    text-align: left;
}

@media (max-width: 1023px) {
    .footer__title {
        margin-bottom: calc(10*2560px / 1920);
        margin-bottom: calc(10*var(--width-multiplier));
        text-align: center;
    }
}

.footer__container {
    margin-top: calc(14*2560px / 1920);
    margin-top: calc(14*var(--width-multiplier));
    padding-left: calc(32*2560px / 1920);
    padding-left: calc(32*var(--width-multiplier));
    padding-top: calc(6*2560px / 1920);
    padding-top: calc(6*var(--width-multiplier));
    border-left: calc(4*2560px / 1920) solid var(--rose);
    border-left: calc(4*var(--width-multiplier)) solid var(--rose);
    color: white;
    height: 100%;
    min-height: calc(208*2560px / 1920);
    min-height: calc(208*var(--width-multiplier));
    min-width: calc(320*2560px / 1920);
    min-width: calc(320*var(--width-multiplier));
    text-align: left;
    margin-right: calc(20*2560px / 1920);
    margin-right: calc(20*var(--width-multiplier));
}


@media (max-width: 1023px) {
    .footer__container {
        border: 0;
        padding: 0;
        margin: 0;
        min-height: auto;
        text-align: center;
    }

    .footer__contact {
        margin: calc(40*2560px / 1920) 0 calc(20*2560px / 1920);
        margin: calc(40*var(--width-multiplier)) 0 calc(20*var(--width-multiplier));
    }
}

.footer__social-container {
    display: flex;
    align-items: center;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .footer__social-container {
        justify-content: center;
        margin-bottom: calc(30*2560px / 1920);
        margin-bottom: calc(30*var(--width-multiplier));
    }
}

.footer__social-container img {
    width: calc(32*2560px / 1920);
    width: calc(32*var(--width-multiplier));
}

.footer__menu {
    display: grid;
    color: white;
    grid-template-columns: repeat(2, 1fr);
    font-size: calc(13*2560px / 1920);
    font-size: calc(13*var(--width-multiplier));
    row-gap: calc(16*2560px / 1920);
    row-gap: calc(16*var(--width-multiplier));
    column-gap: calc(32*2560px / 1920);
    column-gap: calc(32*var(--width-multiplier));
    font-family: "TT-Medium";
    text-align: left;
}

@media (max-width: 1023px) {
    .footer__menu {
        margin-top: calc(20*2560px / 1920);
        margin-top: calc(20*var(--width-multiplier));
        margin-left: calc(40*2560px / 1920);
        margin-left: calc(40*var(--width-multiplier));
    }
}

.footer__menu a {
    color: var(--rose);
    transition: .2s all ease-out;
}

.footer__smi {
    display: flex;
    flex-direction: column;
    margin-top: calc(32 * var(--width-multiplier));
}

.footer__smi span {
    display: inline-block;
    text-transform: uppercase;
    font-size: calc(19 * var(--width-multiplier));
    font-weight: 500;
    line-height: calc(19 * var(--width-multiplier));
    margin-bottom: calc(16 * var(--width-multiplier));
}

.footer__smi .footer__phone {
    margin-bottom: calc(10 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .footer__smi {
        border-bottom: 1px solid #fff;
        padding-bottom: calc(30* var(--width-multiplier));
    }

    .footer__smi span {
        margin-bottom: calc(32 * var(--width-multiplier));
    }

    .footer__smi .footer__phone {
        margin-bottom: calc(16 * var(--width-multiplier));
    }
}

.footer__adress,.footer__email {
    font-size: calc(14*2560px / 1920);
    font-size: calc(14*var(--width-multiplier));
    font-weight: 400;
    transition: .2s all ease-out;
    color: var(--rose);
    font-family: "TT-Regular";
}

.footer__menu-link {
    line-height: calc(12*2560px / 1920);
    line-height: calc(12*var(--width-multiplier));
}

.footer__adress:hover,.footer__email:hover,.footer__menu-link:hover,.footer__phone:hover {
    color: white;
}

.footer__adress,.footer__email,.footer__phone {
    line-height: calc(18*2560px / 1920);
    line-height: calc(18*var(--width-multiplier));
    margin-bottom: calc(16*2560px / 1920);
    margin-bottom: calc(16*var(--width-multiplier));
    display: block;
    position: relative;
    color: white;
}

.footer__adress:hover::before,.footer__email:hover::before,.footer__phone:hover::before {
    transition: .2s all ease-out;
    opacity: .7
}

@media (max-width: 1023px) {
    .footer__email {
        margin-bottom: calc(10*2560px / 1920);
        margin-bottom: calc(10*var(--width-multiplier));
    }

    .footer__contact .footer__adress {
        border-bottom: 1px solid #fff;
        padding-bottom: calc(30*2560px / 1920);
        padding-bottom: calc(30*var(--width-multiplier));
        margin-bottom: 0;
    }
}

.footer__phone {
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
}

.footer__menu-2 {
    display: flex;
    text-align: left;
    flex-direction: column;
}

@media (max-width: 1023px) {
    .footer__menu-2 {
        align-items: center;
        padding-left: 0;
        margin: 0;
    }
}

.footer__menu-link-2 {
    color: var(--rose);
    font-family: "TT-Regular";
    font-size: calc(12*2560px / 1920);
    font-size: calc(12*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(15*2560px / 1920);
    line-height: calc(15*var(--width-multiplier));
    text-decoration-line: underline;
    margin-bottom: calc(8*2560px / 1920);
    margin-bottom: calc(8*var(--width-multiplier));
    transition: .2s all ease-out
}

.footer__menu-link-2:hover {
    color: white;
    text-decoration: none
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-15*2560px / 1920);
    margin-right: calc(-15*var(--width-multiplier));
    margin-left:calc(-15*2560px / 1920);
    margin-left: calc(-15*var(--width-multiplier));
}
@media (min-width: 1024px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.footer-icon-envelope {
    background-image: url(../img/icon_envelope_w.svg);
    width: calc(32*2560px / 1920);
    width: calc(32*var(--width-multiplier));
    height: calc(32*2560px / 1920);
    height: calc(32*var(--width-multiplier));
    margin-top: calc(8*2560px / 1920);
    margin-top: calc(8*var(--width-multiplier));
    background-repeat: no-repeat;
    transition: all .3s ease-out;
}

.footer-icon-envelope:hover {
    background-image: url(../img/icon_envelope_active.svg);
    background-repeat: no-repeat;
}