/* Common styles */
.mega-menu .dropdown-menu a {
    font-size: 16px;
}

.mega-menu .nav-collapse .nav > li > a {
    background: none;
}

.mega-menu .nav, .mega-menu .dropup, .mega-menu .dropdown, .mega-menu .collapse {
    position: static;
}

.mega-menu .navbar-inner, .mega-menu .container {
    position: relative;
}

.mega-menu .dropdown-menu {
    left: auto;
}

    .mega-menu .dropdown-menu > li {
        display: block;
    }

.mega-menu .dropdown-submenu .dropdown-menu {
    left: 100%;
}

.mega-menu .nav.pull-right .dropdown-menu {
    right: 0;
}

.mega-menu ul.dropdown-menu .mega-menu-content {
    padding: 15px 20px 15px 20px;
}

.mega-menu .mega-menu-content:before, .mega-menu .mega-menu-content:after {
    content: "";
    display: table;
    line-height: 0;
}

.mega-menu .mega-menu-content:after {
    clear: both;
}

.mega-menu.navbar .nav > li > .dropdown-menu:after, .mega-menu.navbar .nav > li > .dropdown-menu:before {
    display: none;
}

.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    left: 0;
    right: 0;
    top: 38px;
}

.mega-menu ul.dropdown-menu ul {
    margin: 0;
}

.mega-menu ul.dropdown-menu li {
    max-width: 100% !important;
    list-style-type: none;
    list-style-position: outside;
}

.mega-menu ul.dropdown-menu li {
    color: #333;
}

    .mega-menu ul.dropdown-menu li a {
        color: #203a7f !important;
        padding: 0 !important;
    }

.mega-menu .nav .dropdown ul.dropdown-menu li a:hover {
    color: #2C79AF !important;
}

.mega-menu ul.dropdown-menu img {
    margin-bottom: 5px;
}

.mega-menu .dropdown-menu h3 {
    text-transform: uppercase;
    border-bottom: solid 2px #2C79AF;
    font-weight: bold;
    line-height: 27px;
    margin: 0 0 10px 0;
}

/*Active nav */
.mega-menu .navbar-inner .nav-collapse ul.nav > li.active {
    background-color: #203a7f !important;
}

.mega-menu .navbar-inner .nav-collapse ul.nav li:hover {
    background-color: #203a7f;
}

    .mega-menu .navbar-inner .nav-collapse ul.nav li:hover ul.dropdown-menu li:hover {
        background-color: transparent;
    }

.mega-menu .nav li.active a:hover {
    color: #fff !important;
}

.mega-menu .nav > li.dropdown.open.active > a:hover {
    background-color: transparent;
    border-color: transparent;
}

/*Disable backdrop*/
.mega-menu .dropdown-backdrop {
    display: block;
    height: 0;
    /*position: static;*/
}

.mega-menu .navbar-home-mobile {
    border-right: 1px solid #FFF;
    width: 39px;
}

.mega-menu .btn-navigation-txt {
    padding: 4px;
}

/*Only wide screen*/
@media (min-width: 980px) {
    .mega-menu .navbar-inner .nav > li {
        padding-top: 10px;
    }

        .mega-menu .navbar-inner .nav > li > a {
            color: #fff;
            text-transform: uppercase;
            font-size: 120%;
        }

    .mega-menu .dropdown-menu {
        border: solid 3px #203a7f;
        border-radius: 0;
        box-shadow: none;
    }

    /*Active nav */
    .mega-menu .nav > li {
        height: 30px;
    }

    /*buttons*/
    .mega-menu.navbar .nav > li > a.megamenu-open-close-button {
        padding: 0 20px 0 0;
        margin-left: -3px;
    }

    .mega-menu .icon-plus-sign {
        background: url("../../content/images/glyphicons-halflings-white.png") no-repeat scroll -313px -119px transparent;
        cursor: pointer;
    }

    .mega-menu .icon-minus-sign {
        background: url("../../content/images/glyphicons-halflings-white.png") no-repeat scroll -288px -119px transparent;
        cursor: pointer;
    }

    .mega-menu .nav li.dropdown.open > .dropdown-toggle {
        color: #b6ff00;
        background-color: #ff0000;
    }

    /*menu items inline*/
    .mega-menu ul li a {
        display: inline !important;
    }

    .mega-menu.topnav.navbar.mega-menu .nav > li > a {
        display: inline !important;
    }

    .mega-menu .nav-collapse ul.nav li {
        max-width: none;
    }

    /*active nav link li*/
    .mega-menu.topnav.navbar.mega-menu .nav > li.active {
        /*background-color: aliceblue;*/
    }

    .mega-menu.topnav.navbar .nav > li:hover {
        color: #fff;
        background: none;
    }
    /*Megamenu open button*/
    .mega-menu .dropdown-toggle a {
    }

        .mega-menu .dropdown-toggle a:hover {
            color: #fff;
        }

    /*open button and hyperlink close together*/
    .mega-menu li.dropdown-toggle a {
        padding-right: 0;
    }

    .mega-menu a.dropdown-toggle {
        padding-left: 5px;
    }

    /*active nav hover*/
    .mega-menu.topnav.navbar .nav > .active > a,
    .mega-menu.topnav.navbar .nav > li:hover > a:hover {
        background-image: none;
        /*background: url('images/bg-nav-act-arrow.gif') no-repeat 50% 100%;*/
    }

    /*toggle button active*/
    .mega-menu .nav li.dropdown.open > .dropdown-toggle, .mega-menu .nav li.dropdown.active > .dropdown-toggle, .mega-menu .nav li.dropdown.open.active > .dropdown-toggle {
        /* color: #555; */
        background-image: none;
    }

    .mega-menu li.megamenu-selected a {
        color: #FFF !important;
    }

    .mega-menu .lbl-navbar {
        display: none;
    }

    .mega-menu .icon-homelogo {
        display: none;
    }
}


/* Navigation changes at 979*/
@media (max-width: 979px) {

    .mega-menu {
        border-top: 1px solid #fff;
    }

        .mega-menu .btn-navbar {
            text-shadow: none;
            box-shadow: none;
        }

            .mega-menu .btn-navbar:focus {
                background-color: transparent;
                outline: none;
            }

        .mega-menu .lbl-navbar {
            color: #fff !important;
        }


        .mega-menu .icon-homelogo {
            background: url('images/top_homelogo.png');
        }


        .mega-menu .nav {
            margin: 0;
            padding: 0;
        }

        .mega-menu .nav-collapse ul.nav li {
            max-width: 100%;
            border-top: solid 1px #fff;
            margin: 0;
            padding: 0;
        }

        .mega-menu li.hidden-desktop {
            background-color: #3060a0;
        }

        .mega-menu .nav li a {
            margin: 0;
            padding: 0;
            font-weight: normal;
            text-align: left;
        }

        .mega-menu .nav-collapse .nav > li > a {
            text-align: left;
        }

        .mega-menu .nav-collapse ul.nav li a, .mega-menu .nav-collapse > ul.nav > li.active > a {
            padding: 0;
            min-height: 28px;
            font-size: 16px;
        }

        .mega-menu .nav li a:hover {
            background-color: transparent;
        }


        .mega-menu.topnav.navbar .nav > li > a {
            display: inline-block;
            padding: 0;
            width: 90%;
            max-width: 800px;
            margin: 5px 0 0 10px;
        }

            .mega-menu.topnav.navbar .nav > li > a.megamenu-open-close-button {
                width: 100%;
                max-width: 30px;
                min-height: 33px;
                padding: 0;
                margin: 0;
                border-left: solid 1px #fff;
                float: right;
            }

        .mega-menu .icon-plus-sign {
            background: transparent url("images/plus_white_m.png") no-repeat 50% 50%;
            cursor: pointer;
            display: block;
            width: 28px;
            height: 28px;
        }

        .mega-menu .icon-minus-sign {
            background: transparent url("images/minus_white_m.png") no-repeat 50% 50%;
            cursor: pointer;
            display: block;
            width: 28px;
            height: 28px;
        }

        /*dropdown menu*/
        .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
            width: auto;
        }

        .mega-menu ul.dropdown-menu .mega-menu-content {
        }

        .mega-menu .dropdown-menu > li > ul {
            display: block;
        }

        .mega-menu ul.dropdown-menu {
            background-color: #fff;
            margin: 0;
        }

            .mega-menu ul.dropdown-menu .mega-menu-content li a {
                font-size: 15px;
                line-height: 32px;
            }
}


/* Sub navigation changes at 767 */
@media (max-width: 767px) {

    .navbar-static-top {
        margin: 0;
    }

    .mega-menu ul.dropdown-menu .mega-menu-content {
        padding: 0px 0px 5px 0px;
    }

    .mega-menu .dropdown-menu h3 {
        background-color: #f4f8fa;
        text-transform: none;
        font-weight: normal;
        font-size: 16px;
        padding-left: 10px;
        border-bottom: solid 1px #dfe7ed;
        margin-bottom: 0;
    }

    .mega-menu .dropdown-menu ul {
        padding: 5px 10px 10px 10px;
    }

    .mega-menu.topnav.navbar .nav > li > a {
        width: 75% !important;
    }
}