.footer-map {
    position: relative;
    height: 800px;
}

.footer-container {
    background-color: #333;
    padding: 30px 0;
    color: #666;
}

.footer-help-block {
    padding: 30px 0;
}

.footer-help-title {
    color: #fff;
    margin: 0;
    font-size: 32px;
    text-transform: uppercase;
}

.btn.btn-outline-white {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}

.btn.btn-footer-help {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.bx-no-touch .btn.btn-outline-white:hover, .btn.btn-outline-white:active {
    background-color: #fff;
}
.footer-social-list {
    margin: 0 -10px 30px 0;
    display: table;
}

.footer-social-list a {
    background-color: rgba(0,0,0,.2);
    border-bottom: 0;
    margin: 0 10px 10px 0;
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    text-align: center;
    line-height: 36px;
    font-size: 20px
}

.bx-no-touch .footer-social-list a:hover span, .footer-social-list a:active span {
    color: #fff
}

/*soc*/
@media all {
    .footer-social-list a span{
        color: #c5b99f;
    }

    .bx-no-touch .vk:hover, .vk:active {
        background-color: #577ca5
    }

    .bx-no-touch .ig:hover, .ig:active {
        background-color: #3f729b
    }

    .bx-no-touch .tw:hover, .tw:active {
        background-color: #3498db
    }

    .bx-no-touch .fb:hover, .fb:active {
        background-color: #568dd8
    }

    .bx-no-touch .gp:hover, .gp:active {
        background-color: #ff765f
    }

    .bx-no-touch .yb:hover, .yb:active {
        background-color: #cc181e
    }

    .bx-no-touch .ok:hover, .ok:active {
        background-color: #ed812b
    }
}

.btn.btn-footer-up {
    padding: 0 10px;
    border: 0;
    border-radius: 3px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    background-color: rgba(0,0,0,.2);
    text-align: center;
}

.footer-bottom {
    border-top: 1px solid #504e49;
    margin-top: 30px;
    padding-top: 15px;
}

.footer-top {
    margin: 15px -15px 0;
    font-size: 0;
    color: #c5b99f;
}

.footer-column {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    width: 25%
}

#bx-composite-banner {
    margin-top: 5px;
}


@media screen and (max-width: 1023px) {
    .footer-help-block [class*="col-"]+[class*="col-"] {
        padding-top: 15px;
    }

    .btn.btn-footer-help {
        max-width: 320px;
    }

    .footer-column {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .footer-column {
        width: 100%;
    }

    .footer-help-title {
        font-size: 20px;
    }

    .footer-top {
        margin-top: 0;
    }

    .footer-bottom {
        margin-top: 15px;
    }

    .footer-bottom [class*="col-"]+[class*="col-"] {
        padding-top: 15px;
    }

    .btn.btn-footer-up {
        width: 100%;
        display: block;
    }
}