.footer {
    margin-top: 70px
}

    .footer .middle-footer {
        padding: 80px 0;
        background-color: #f6f6f8;
        border-top: 1px solid #f6f6f8
    }

        .footer .middle-footer p {
            margin-bottom: 1.3em;
            line-height: 24px
        }

        .footer .middle-footer a {
            color: #878787
        }

            .footer .middle-footer a:hover, .footer .middle-footer a:focus {
                color: #56cfe1
            }

        .footer .middle-footer ul.menu li {
            line-height: 30px;
            margin-bottom: 5px
        }

    .footer .block.newsletter {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -o-border-radius: 50px;
        border: 1px solid #878787;
        padding: 2px
    }

        .footer .block.newsletter .form.subscribe {
            display: table;
            position: relative
        }

            .footer .block.newsletter .form.subscribe .form-group, .footer .block.newsletter .form.subscribe .actions {
                display: table-cell
            }

                .footer .block.newsletter .form.subscribe .form-group .control input + .mage-error {
                    position: absolute;
                    background-color: #fff;
                    border: 1px solid #ccc;
                    left: 30px;
                    top: 100%;
                    margin-top: 10px;
                    border-radius: 5px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -o-border-radius: 5px;
                    padding: 12px 15px 10px;
                    right: 0
                }

                    .footer .block.newsletter .form.subscribe .form-group .control input + .mage-error:before {
                        content: "";
                        width: 0;
                        height: 0;
                        position: absolute;
                        border-bottom: 8px solid #ccc;
                        border-left: 8px solid transparent;
                        border-right: 8px solid transparent;
                        border-top: 8px solid transparent;
                        top: -16px;
                        left: 15px
                    }

                    .footer .block.newsletter .form.subscribe .form-group .control input + .mage-error:after {
                        content: "";
                        width: 0;
                        height: 0;
                        position: absolute;
                        border-bottom: 7px solid #fff;
                        border-left: 7px solid transparent;
                        border-right: 7px solid transparent;
                        border-top: 7px solid transparent;
                        top: -14px;
                        left: 16px
                    }

                .footer .block.newsletter .form.subscribe .form-group input[type=email] {
                    height: 39px;
                    border-radius: 50px;
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    -o-border-radius: 50px;
                    border: none;
                    padding: 0 10px;
                    background-color: transparent
                }

            .footer .block.newsletter .form.subscribe .actions {
                width: 1%
            }

                .footer .block.newsletter .form.subscribe .actions .action.subscribe {
                    padding: 0 15px
                }

        .footer .block.newsletter:not(:hover) .form.subscribe .form-group .control input + .mage-error {
            opacity: 0;
            visibility: hidden
        }

    .footer .bottom-footer {
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 1;
        border-top: 1px solid transparent
    }

        .footer .bottom-footer .copyright address {
            margin: 0;
            line-height: 1
        }

        .footer .bottom-footer ul:after {
            content: "";
            display: table;
            clear: both
        }

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

            .footer .bottom-footer ul li:last-child {
                margin-right: 0
            }

    .footer .top-footer .block.newsletter {
        max-width: 550px;
        margin: 0 auto
    }

    .footer.footer2 .top-footer {
        padding: 43px 0 50px;
        background-color: #f6f6f8
    }

    .footer.footer2 .middle-footer {
        background-color: #fff
    }

    .footer.footer2 .bottom-footer {
        background-color: #4c4c54
    }