.page-footer {
    background-color: #212227;
}

.footer-top {
    background-color: #262d3d;
    padding: 44px 0 14px 0;
}

.logo-footer {
    margin-bottom: 30px;
}

.subscribe-footer {
    display: flex;
    margin-bottom: 30px;

    .subs-title {
        white-space: nowrap;
        padding-left: 30px;
    }

    .subs-top {
        font-size: 123.076%;
        font-weight: 700;
        color: #fff;
        line-height: 1;
        margin-bottom: 5px;
        padding-top: 2px;
    }

    .subs-bottom {
        color: #999;
    }

    .block-subscribe-footer {
        width: 100%;
    }

    .newsletter-content {
        display: flex;
    }

    .input-box {
        width: 100%;
        padding-left: 5px;
    }

    #newsletter-footer {
        border: none;
        height: 44px;
        color: #999;
        padding: 0 15px;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .action-button button {
        height: 44px;
        line-height: 44px;
        padding: 0 30px;
        text-transform: uppercase;
        font-weight: 700;
    }
}

.footer-middle {
    background-color: #212227;
    color: #999;
}

.middle-top {
    padding: 50px 0 20px;
    border-bottom: 1px solid #2c2d32;

    .footer-links {
        margin: 0;
        padding: 0;
        list-style: none;

        li {
            margin: 0 0 5px;
        }

        a {
            color: #999;
            display: table;
            padding: 2px 0;
        }
    }
}

.footer-block {
    margin-bottom: 30px;

    .footer-block-title {
        color: #fff;
        font-weight: 700;
        font-size: 123.076%;
        margin-bottom: 15px;
    }
}

.middle-bottom {
    background-color: #1e1f23;
    padding: 50px 0 25px;
    border-bottom: 1px solid #2c2d32;

    a {
        color: #fff;
    }

    .btn-map {
        padding-top: 10px;
    }

    .btn-map a {
        display: table;
        background: rgba(255, 255, 255, 0.1);
        padding: 10px 20px;
        border-radius: 3px;
        text-transform: uppercase;
        .transition(.1s);
    }

    .title-map {
        padding-top: 17px;
        font-size: 276.92%;
        color: #fff;
        font-weight: 700;
        line-height: 1.3;
    }
}

.footer-bottom {
    padding: 30px 0;
    color: #999;

    a {
        color: #999;
    }

    address {
        display: block;
        text-align: left;
        padding-top: 11px;
    }
}

.social-footer {
    ul {
        .ul-nostyle();
        .clearfix();
    }

    ul li {
        float: right;
        margin-left: 10px;
        margin-bottom: 0;
    }

    ul li a {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background-color: #fff;
        color: #555;
        text-align: center;
        font-size: 14px;
        .border-radius(3px);
        .transition(.1s);
    }
}