div#page footer#footer.footer {
    background-color: #e31e25;
}

div#page footer#footer div.region.region-footer {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(3, auto);
    gap: 27px;
}

div#block-vesta-theme-logopodval2 {
    margin-bottom: 24px;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

div#block-vesta-theme-kopirayt {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

div#block-vesta-theme-ssylkawebvesta {
    grid-column: 1 / 2;
    grid-row:  3 / 4;
}

div#block-vesta-theme-osnovnayanavigaciya-3 {
    grid-column: 2 / 3;
    grid-row: 1 / span 3;
    align-self: start;
}

#block-vesta-theme-views-block-services-block-2 {
    grid-column: 3 / 4;
    grid-row: 1 / span 3;
}

div#block-vesta-theme-kontaktypodval {
    grid-column: 4 / 5;
    grid-row: 1 / span 3;
    align-self: start;
}

div#block-vesta-theme-logopodval2 .field--name-body a> img {
    max-width: 235px;
}

div#block-vesta-theme-kopirayt .copyright p.privacy-content {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

div#block-vesta-theme-kopirayt .copyright p.privacy-content a:hover,
div#block-vesta-theme-ssylkawebvesta .vesta_backlink > p > a:hover {
    text-decoration: underline;
}

div#block-vesta-theme-ssylkawebvesta .vesta_backlink > p {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

div#block-vesta-theme-osnovnayanavigaciya-3 #superfish-main--2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

div#block-vesta-theme-osnovnayanavigaciya-3 .block-title,
#block-vesta-theme-views-block-services-block-2 .block-title {
    margin-bottom: 5px;
    font-family: 'Mulish';
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

div#page footer#footer div.region.region-footer div#block-vesta-theme-osnovnayanavigaciya-3 > ul li a {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
}

div#page footer#footer div.region.region-footer div#block-vesta-theme-osnovnayanavigaciya-3 > ul li.active-trail {
    background: transparent;
    transition: all 0.3s ease-in-out;
}

div#page footer#footer div.region.region-footer div#block-vesta-theme-osnovnayanavigaciya-3 > ul li:hover {
    background: rgba(0, 0, 0, 0.2);
}

div#block-vesta-theme-kontaktypodval .field--name-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block .contacts__label {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block .contacts__text {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block > a:hover {
    text-decoration: underline;
}

div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block .contacts__text::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: -20px;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block .tel::before {
    background-image: url('/sites/all/themes/vesta_theme/image/tel-icon-white.svg');
}

div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block .mail::before {
    background-image: url('/sites/all/themes/vesta_theme/image/mail-icon-white.svg');
}

div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block .city::before {
    background-image: url('/sites/all/themes/vesta_theme/image/city-icon-white.svg');
}

#block-vesta-theme-kontaktypodval .field__item .contacts__block .whatsapp::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/sites/all/themes/vesta_theme/image/whatsapp-white.svg');
    transition: all 0.3s ease-in-out;
}

#block-vesta-theme-kontaktypodval .field__item .contacts__block .whatsapp:hover::before {
    transform: scale(1.2);
}

div#block-vesta-theme-knopkaskrollanaverkh #scrollToTop {
    gap: 5px;
    width: 100px;
    height: 23px;
    right: 145px;
    font-family: 'Mulish';
    font-size: 18px;
    color: #fff;
    background-image: none;
}

div#block-vesta-theme-knopkaskrollanaverkh #scrollToTop::before {
    content: '';
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/sites/all/themes/vesta_theme/image/scroll.svg');
}

#block-vesta-theme-views-block-services-block-2 .view-services .views-row h4 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

#block-vesta-theme-views-block-services-block-2 .view-services .views-row h4 a:hover {
    text-decoration: underline;
}

div#block-vesta-theme-menedzher {
    position: absolute;
    bottom: 0;
    left: -311px;
}

/*media*/
@media(max-width: 1200px) {
    div#block-vesta-theme-knopkaskrollanaverkh #scrollToTop {
        bottom: 55px;
    }

    div#block-vesta-theme-logopodval2 {
        margin-bottom: 0;
    }
}

@media(max-width: 960px) {
    div#page footer#footer div.region.region-footer {
        grid-template-columns: repeat(3, auto);
        row-gap: 10px;
    }

    div#block-vesta-theme-logopodval2 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    div#block-vesta-theme-kopirayt {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    div#block-vesta-theme-ssylkawebvesta {
        grid-column: 2 / 3;
        grid-row:  3 / 4;
    }

    div#block-vesta-theme-osnovnayanavigaciya-3 {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        align-self: start;
    }

    #block-vesta-theme-views-block-services-block-2 {
        grid-column: 2 / 3;
        grid-row: 1 / span 3;
        align-self: start;
    }

    div#block-vesta-theme-kontaktypodval {
        grid-column: 3 / 4;
        grid-row: 1 / span 3;
        align-self: start;
    }

    #block-vesta-theme-views-block-services-block-2 .view-services .views-row h4,
    div#block-vesta-theme-kontaktypodval .field--name-body .contacts__block .contacts__text,
    div#page footer#footer div.region.region-footer div#block-vesta-theme-osnovnayanavigaciya-3 > ul li a {
        font-size: 13px;
    }

    div#block-vesta-theme-logopodval2 .field--name-body a> img {
        max-width: 209px;
    }

    div#block-vesta-theme-kopirayt .copyright p.privacy-content {
        font-size: 14px;
    }
}

@media(max-width: 768px) {
    div#page footer#footer div.region.region-footer {
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(4, auto);
        row-gap: 15px;
    }

    div#block-vesta-theme-logopodval2 {
        align-self: start;
    }

    #block-vesta-theme-views-block-services-block-2 {
        grid-column: 1 / 2;
        grid-row: 2 / 4;
        align-self: start;
    }

    div#block-vesta-theme-osnovnayanavigaciya-3 {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
        align-self: start;
    }

    div#block-vesta-theme-kontaktypodval {
        grid-column: 2 / 3;
        grid-row: 3 / 4;
        align-self: start;
    }

    div#block-vesta-theme-kopirayt {
        grid-row: 4 / 5;
    }

    div#block-vesta-theme-ssylkawebvesta {
        grid-row:  4 / 5;
    }

    div#block-vesta-theme-kontaktypodval .field--name-body {
        gap: 10px;
    }

    div#block-vesta-theme-kopirayt .copyright p.privacy-content {
        font-size: 12px;
    }

    div#block-vesta-theme-knopkaskrollanaverkh #scrollToTop {
        bottom: 95px;
    }
}

@media(max-width: 576px) {
    div#block-vesta-theme-logopodval2 .field--name-body a> img {
        max-width: 100px;
    }

    div#page footer#footer div.region.region-footer {
        justify-content: center;
        column-gap: 5px;
    }

    #block-vesta-theme-views-block-services-block-2 {
        display: none;
    }

    div#block-vesta-theme-kontaktypodval {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        justify-items: center;
    }

    div#block-vesta-theme-osnovnayanavigaciya-3 {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }

    div#block-vesta-theme-kopirayt {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
        justify-items: center;
    }

    div#block-vesta-theme-ssylkawebvesta {
        grid-column: 1 / 3;
        grid-row: 4 / 5;
        justify-items: center;
    }

    div#block-vesta-theme-kopirayt .copyright p.privacy-content {
        font-size: 14px;
    }

    div#block-vesta-theme-knopkaskrollanaverkh #scrollToTop {
        font-size: 0;
        top: 20px;
        right: 20px;
    }
}