.section-block-demo57-footer {
    background-color: #000;
    width: 100%;
    padding: 88px 0 79px 0
}

.section-block-demo57-footer .foot-items .foot-item:nth-child(1) {
    width: 25%
}

.section-block-demo57-footer .foot-items .foot-item:nth-child(2) {
    width: 15%
}

.section-block-demo57-footer .foot-items .foot-item:nth-child(3) {
    width: 15%
}

.section-block-demo57-footer .foot-items .foot-item:nth-child(4) {
    width: 25%
}

.section-block-demo57-footer .foot-item .btn {
    max-width: 226px;
    border-radius: 22px;
    cursor: pointer;
    margin-top: 2rem
}

.section-block-demo57-footer .foot-contacts .foot-ico img {
    width: auto;
    filter: brightness(0) invert()
}

.section-block-demo57-footer .foot-contacts .foot-val,
.section-block-demo57-footer .foot-contacts .foot-val a {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    opacity: .8
}

.section-block-demo57-footer .foot-contacts li:hover .foot-val,
.section-block-demo57-footer .foot-contacts li:hover .foot-val a {
    opacity: 1
}

.section-block-demo57-footer .foot-social li:hover {
    transform: rotate(45deg)
}

.section-block-demo57-footer .inquiry-desc {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    opacity: .8;
    margin-top: 2.7rem
}

.section-block-demo57-footer .foot-item .foot-nav {
    margin-top: 2.7rem
}

.section-block-demo57-footer .foot-item .foot-nav li:nth-child(n+2) {
    margin-top: 20px
}

.section-block-demo57-footer .foot-contacts {
    margin-top: 2.7rem
}

.section-block-demo57-footer .foot-contacts .foot-val {
    flex: 1;
    padding-left: 17px
}

.section-block-demo57-footer .foot-contacts li:nth-child(n+2) {
    margin-top: 20px
}

.section-block-demo57-footer .foot-social li:nth-child(n+2) {
    margin-left: 2.5rem
}

.section-block-demo57-footer .foot-social {
    margin-top: 1.5rem
}

.section-block-demo57-footer .foot-nav li a {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    opacity: .8
}

.section-block-demo57-footer .foot-nav li:hover {
    transform: translateX(6px)
}

.section-block-demo57-footer .foot-nav li:hover a {
    opacity: 1
}

.section-block-demo57-footer .foot-contacts li {
    display: flex;
    justify-content: unset;
    flex-wrap: wrap;
    align-items: flex-start
}

.section-block-demo57-footer .foot-contacts li:hover {
    transform: translateX(6px)
}

.section-block-demo57-footer .foot-title {
    font-size: 24px;
    color: #fff;
    line-height: 1;
    font-weight: 600
}

.section-block-demo57-footer li {
    list-style: none;
    position: relative;
    transition: all .3s linear
}

.section-block-demo57-footer[data-screen=screen-large] .layout {
    width: 78.8%
}

.section-block-demo57-footer .footer-bottom {
    width: 100%;
    margin-top: 5rem;
    padding: 44px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.section-block-demo57-footer .footer-bottom .copyright {
    font-size: 14px;
    color: #fff;
    opacity: .8;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:1680px) {
    .section-block-demo57-footer[data-screen=screen-large] .layout {
        width: 95%
    }
}

@media only screen and (max-width:1366px) {
    .section-block-demo57-footer .foot-title {
        font-size: 18px
    }

    .section-block-demo57-footer .foot-social li:nth-child(n+2) {
        margin-left: 1rem
    }
}

@media only screen and (max-width:992px) {
    .section-block-demo57-footer .foot-items .foot-item:nth-child(1) {
        width: 100%
    }

    .section-block-demo57-footer .foot-items .foot-item:nth-child(2) {
        width: 100%;
        margin-top: 6rem
    }

    .section-block-demo57-footer .foot-items .foot-item:nth-child(3) {
        width: 100%;
        margin-top: 6rem
    }

    .section-block-demo57-footer .foot-items .foot-item:nth-child(4) {
        width: 100%;
        margin-top: 6rem
    }

    .section-block-demo57-footer .foot-contacts,
    .section-block-demo57-footer .foot-item .foot-nav,
    .section-block-demo57-footer .inquiry-desc {
        margin-top: 15px
    }

    .section-block-demo57-footer .footer-bottom {
        margin-top: 2rem;
        padding: 10px 0 0
    }

    .section-block-demo57-footer {
        padding: 4rem 0 2rem
    }
}