.page-footer {
    background-color: #333;
    color: #aaa;
    font-size: 107.69%;
}

.footer-bottom {
    background-color: #2c2c2c;
}

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

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

.store-footer {
    margin-bottom: 20px;

    img {
        margin-bottom: 20px;
        margin-top: 3px;
    }
}

.footer-phone {
    margin-bottom: 25px;

    a {
        font-size: 214.285%;
        font-weight: 700;
    }
}

.footer-contact {
    .ul-nostyle();

    li {
        margin-bottom: 20px;
    }
}

.footer-block.block-map {
    .map {
        line-height: 0;
        overflow: hidden;
        .border-radius(4px);
    }

    iframe {
        width: 100%;
        height: 290px;
    }
}

.footer-block.social-footer {
    margin-bottom: 20px;
}

.social-footer .social-block-list ul {
    .ul-nostyle();
    .clearfix();

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

    li a {
        display: block;
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 18px;
        .border-radius(3px);
    }
}

.block-subscribe-footer {
    .newsletter-content {
        display: flex;
    }

    .input-box {
        width: 100%;
    }

    #newsletter-footer {
        height: 50px;
        border: none;
        .border-radius(3px 0 0 3px);
    }

    .action-button button {
        text-transform: uppercase;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        .border-radius(0 3px 3px 0);
    }
}

.footer-bottom {
    padding: 26px 0 13px;
}

.ft-bottom-content {
    .clearfix();
}

.footer-links-bottom {
    float: left;

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

    ul li {
        float: left;
        margin-right: 35px;
        text-transform: uppercase;
    }

    a {
        color: #aaa;
    }
}

.footer-copyright {
    float: right;

    a {
        color: #aaa;
    }
}

.layout-boxed {
    .footer-bottom,
    .page-footer {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}