.row {
    *zoom: 1;
    position: relative;
}

    .row:before, .row:after {
        content: "";
        display: table;
    }

    .row:after {
        clear: both;
    }

.wrapper {
    *zoom: 1;
    position: relative;
    margin: 0 auto;
}

    .wrapper:before, .wrapper:after {
        content: "";
        display: table;
    }

    .wrapper:after {
        clear: both;
    }

#header {
    width: 100%;
}

    #header > .row > .wrapper {
        width: 100%;
        position: relative;
        background-color: #999;
    }

        #header > .row > .wrapper #menu-top {
            background-color: #ffffff;
            border-top: 33px solid #ffffff;
        }

            #header > .row > .wrapper #menu-top > .row {
                width: 100%;
                max-width: 960px;
                margin: 0 auto;
            }

                #header > .row > .wrapper #menu-top > .row > .wrapper {
                    min-height: 82px;
                    margin: 0 15px;
                    text-align: left;
                    line-height: 82px;
                }

                    #header > .row > .wrapper #menu-top > .row > .wrapper a {
                        display: inline-block;
                        vertical-align: middle;
                        *vertical-align: auto;
                        *zoom: 1;
                        *display: inline;
                    }

                    #header > .row > .wrapper #menu-top > .row > .wrapper .icon {
                        margin-top: -5px;
                    }

                    #header > .row > .wrapper #menu-top > .row > .wrapper .side-text {
                        font-family: "BNPP SlabSerif","Arial","Helvetica",sans-serif;
                        font-size: 1.25em;
                        font-weight: 500;
                        margin: 0 32px;
                    }

@media (max-width: 550px) {
    #header > .row > .wrapper #menu-top {
        background-color: #ffffff;
        border-top: 10px solid #01965e;
    }

        #header > .row > .wrapper #menu-top > .row > .wrapper {
            line-height: inherit !important;
            text-align: center;
            display: block;
        }

            #header > .row > .wrapper #menu-top > .row > .wrapper a {
                margin: 12px auto;
            }

            #header > .row > .wrapper #menu-top > .row > .wrapper .side-text {
                text-align: center;
                margin: 0 0 18px;
                display: block;
            }
}

.icon-logo-top {
    background-image: url("../img/FINANCIT_H_N.PNG");
    margin-left: 35px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 300px;
    height: 50px;
    background-size: 300px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .icon-logo-top {
        background-image: url("../img/logo-top@2x.png");
        background-size: 149px 33px;
    }
}

.icon-logo-bottom {
    background-image: url("../img/logo-top.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 123px;
    height: 27px;
    background-size: 123px 37px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .icon-logo-bottom {
        background-image: url("../img/logo-bottom@2x.png");
        background-size: 123px 27px;
    }
}

#footer {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
}

    #footer .row {
        min-height: 46px;
        background-color: #ffffff;
        line-height: 46px;
        border-top: 3px solid #008351;
    }

        #footer .row .wrapper {
            max-width: 960px;
            width: 100%;
            margin: 0 auto;
        }

            #footer .row .wrapper .sub-wrapper {
                padding: 0 15px;
            }

            #footer .row .wrapper a {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
            }

            #footer .row .wrapper .icon {
                margin-top: -5px;
            }

            #footer .row .wrapper .side-text {
                font-family: "BNPP SlabSerif","Arial","Helvetica",sans-serif;
                font-size: 1.25em;
                font-weight: 500;
                margin: 0 24px;
            }

            #footer .row .wrapper .right-mini-text {
                float: right;
                font-size: 0.80833em;
                font-family: "BNPP Sans","Arial","Helvetica",sans-serif;
                text-align: right;
            }

@media (max-width: 960px) {
    #footer > .row > .wrapper .right-mini-text {
        width: 100%;
        display: block;
        margin-bottom: 60px;
        text-align: center;
    }
}

@media (max-width: 550px) {
    #footer > .row {
        line-height: inherit !important;
    }

        #footer > .row > .wrapper {
            text-align: center;
            display: block;
        }

            #footer > .row > .wrapper a {
                margin: 12px auto;
            }

            #footer > .row > .wrapper .side-text {
                text-align: center;
                margin: 0 0 18px;
                display: block;
            }
}