/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */

    a:hover,
    a:focus {
        text-decoration: none;
        outline: none;
    }

    body {
        font-family: 'Roboto', sans-serif;
    }

    /*
    1.1 Header Area
    ****************************************************/
    /*Bootstrap Reset*/
    .navbar-nav>li>a {
        padding-top: 0;

        padding-bottom: 0
    }


    .mainmenu {
        background-color: transparent;
        border-color: transparent;
        margin-bottom: 0;
        border: 0 !important
    }

    .navbar-nav>li:last-child>a {
        padding-right: 0;
        margin-right: 0
    }

    .dropdown-menu {
        padding: 0;
        margin: 0;
        border: 0 solid transition !important;
        border: 0 solid rgba(0, 0, 0, .15);
        border-radius: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .navbar-nav .show .dropdown-menu>li>a {
        padding: 16px 15px 16px 25px;
        color: white
    }

    .header_bottom {
        background: #fff
    }

    .header_area .header_bottom .mainmenu a,
    .navbar-default .navbar-nav>li>a,
    .header_area .header_bottom .mainmenu ul li a {
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
        padding: 16px 15px;
        font-family: 'Roboto', sans-serif;
        display: block !important;
        border-radius: 21px;
        font-size: 80%;
    }
    #lgout{
        font-size: 16px;
    text-transform: capitalize;
    padding: 16px 15px;
    font-family: 'Roboto', sans-serif;
    display: block !important;
    border-radius: 21px;
    width: 100%;
    text-align: left;
    background-color: transparent;
    border: hidden;
    color: white;
    }
    #lgout:hover{
        color: #1F3253;
        background: #fff;
        outline: 0;
        border-radius: 24px;
    }
    .header_area .mainmenu .active a,
    .header_area .mainmenu .active a:focus,
    .header_area .mainmenu .active a:hover,
    .header_area .mainmenu li a:hover,
    .header_area .mainmenu li a:focus,
    .navbar-default .navbar-nav>.show>a,
    .navbar-default .navbar-nav>.show>a:focus,
    .navbar-default .navbar-nav>.show>a:hover {
        color: #1F3253;
        background: #fff;
        outline: 0;
        border-radius: 24px;
    }

    /*-----./ Main Menu-----*/

    .navbar-default .navbar-toggle {
        border-color: #fff
    }

    /*Toggle Button*/
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }

    /*Toggle Button*/

    /*==========Sub Menu=v==========*/
    .mainmenu .collapse ul>li:hover>a {
        background: #fff;
    }

    .mainmenu .collapse ul ul>li:hover>a,
    .navbar-default .navbar-nav .show .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .show .dropdown-menu>li>a:hover {
        background: #fff;
        color: #1F3253;
        font-size: 75%;
    }

    .mainmenu .collapse ul ul ul>li:hover>a {
        background: #fff;

    }

    .mainmenu .collapse ul ul,
    .mainmenu .collapse ul ul.dropdown-menu {
        background: #1F3253;
        border-radius: 24px;
    }

    .mainmenu .collapse ul ul ul,
    .mainmenu .collapse ul ul ul.dropdown-menu {
        background: #1F3253;
        border-radius: 24px;
    }

    .mainmenu .collapse ul ul ul ul,
    .mainmenu .collapse ul ul ul ul.dropdown-menu {
        background: #1F3253;
        border-radius: 24px;
    }

    /******************************Drop-down menu work on hover**********************************/
    .mainmenu {
        background: none;
        border: 0 solid;
        margin: 0;
        padding: 0;
        min-height: 20px;
        width: 100%;
    }

    @media only screen and (min-width: 767px) {
        .mainmenu .collapse ul li:hover>ul {
            display: block
        }

        .mainmenu .collapse ul ul {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 250px;
            display: none
        }

        /*******/
        .mainmenu .collapse ul ul li {
            position: relative
        }

        .mainmenu .collapse ul ul li:hover>ul {
            display: block
        }

        .mainmenu .collapse ul ul ul {
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 250px;
            display: none
        }

        /*******/
        .mainmenu .collapse ul ul ul li {
            position: relative
        }

        .mainmenu .collapse ul ul ul li:hover ul {
            display: block
        }

        .mainmenu .collapse ul ul ul ul {
            position: absolute;
            top: 0;
            left: -100%;
            min-width: 250px;
            display: none;
            z-index: 1
        }

    }

    @media only screen and (max-width: 767px) {
        .navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
            padding: 16px 15px 16px 35px
        }

        .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
            padding: 16px 15px 16px 45px
        }
    }