.sf-menu {
    position: relative;
    margin: 0;
    padding: 0;
}

    .sf-menu .sf-mega {
        position: absolute;
        display: none;
        top: 100%;
       
        z-index: 99;
    }

        .sf-menu .sf-mega ul {
            list-style-type: none;
        }

    .sf-menu > li {
        float: left;
    }

    .sf-menu li:hover > .sf-mega,
    .sf-menu li.sfHover > .sf-mega {
        display: block;
    }

    .sf-menu > li > a {
        display: block;
        position: relative;
    }

.sf-mega-section li a {
    font-size: 10px;
    text-align: left;
    line-height: 20px;
}

.sf-mega li a {
    padding: 0px 10px;
}

.sf-mega ul li {
    border-style: solid;
    border-width: 1px 0px 0px;
    border-color: #E2E2E2;
}


.sf-menu {
    float: left;
    margin-bottom: 1em;
    width: 100%;
}

    .sf-menu .sf-mega {
        box-shadow: 2px 3px 6px rgba(0,0,0,.2);
        width: 100%; /* allow long menu items to determine submenu width */
        list-style: none;
    }

    .sf-menu > li > a {
        display: inline-block;
        position: relative;
        line-height: 27px;
        text-decoration: none;
        zoom: 1; /* IE7 */ /*color: #13a;*/
    }

    .sf-menu > li {
        -webkit-transition: background .2s;
        transition: background .2s;
        list-style-type: none;
    }

        .sf-menu > li:hover,
        .sf-menu > li.sfHover {
            /* only transition out, not in */
            -webkit-transition: none;
        }

/*** mega menu dropdown ***/
.sf-mega {
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
}

.sf-mega-section {
    float: left;
    width: 175px; /* optional */
    padding: 0 0px 2px 0;
    border-right: 1px solid #b4c8f5;
}

.sf-mega a:hover {
    color: #d4232d;
}