/*phan menu*/

.menu li + li:before {
    padding: 0px;
    content: "";

}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
/*#cssmenu {
    width: auto;
    font-family:roboto;
    line-height: 1;
    position: relative;
    z-index: 9000000;
    }*/

    #menu-line {
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        background:none;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    #cssmenu > ul > li {
        float: left;
        text-align: center;
        padding-top: 0px;
        border-right: 1px solid #3c4039;
    }
    #cssmenu > ul > li:last-child {
        border-right: none;
    }
    #cssmenu > ul > li > i {
        height: 25px;
        display: block;
    }
    #cssmenu.align-center > ul {
        font-size: 0;
        text-align: center;
    }
    #cssmenu.align-center > ul > li {
        display: inline-block;
        float: none;
    }
    #cssmenu.align-center ul ul {
        text-align: left;
    }
    #cssmenu.align-right > ul > li {
        float: right;

    }
    #cssmenu.align-right > ul > li.active{background: #f00;} 
    #cssmenu.align-right ul ul {
        text-align: right;
    }
    #cssmenu > ul > li > a {

        line-height: 36px;
        font-weight: 500;
        padding: 8px 15px 9px;
        font-size: 19px;
        text-decoration: none;
        /*    text-transform: uppercase;*/
        color: #fff;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }
    #cssmenu > ul > li > a.padng{margin:0px; padding: 0px;}
    #cssmenu > ul > li:hover ,
    #cssmenu > ul > li.active{
        background: #f00;
        color: white;
    }

    #cssmenu > ul > li:hover > a,
    #cssmenu > ul > li.active > a, #cssmenu > ul > li > a:hover {
        color: white;
        background: #f00;
    }
    #cssmenu > ul > li.has-sub > a {
        padding-right: 18px;
    }
    #cssmenu > ul > li.has-sub > a::after {
        position: absolute;
        top: 42px;
        right: 5px;
        width: 4px;
        height: 4px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        content: "";
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -ms-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
    }
    #cssmenu > ul > li.has-sub:hover > a::after {
        border-color: #fff;
    }
    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
    }
    #cssmenu li:hover > ul {
        left: auto;
        z-index: 12;
        text-align: left;
    }
    #cssmenu.align-right li:hover > ul {
        right: 0;
    }
    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0;
    }
    #cssmenu.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%;
    }
    #cssmenu ul ul li {
        height: 0;
        border-top: 1px solid #000;
        -webkit-transition: height .2s ease;
        -moz-transition: height .2s ease;
        -ms-transition: height .2s ease;
        -o-transition: height .2s ease;
        transition: height .2s ease;
    }
    #cssmenu ul li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul ul li a {
        padding: 10px 20px;
        width: 220px;
        font-size: 16px;
        background: #000;
        text-decoration: none;
        color: #fff;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }
    #cssmenu ul > ul > li > a{
        padding: 7px 20px;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        background:#f00;
    }
    #cssmenu ul ul li.has-sub > a::after {
        position: absolute;
        top: 13px;
        right: 10px;
        width: 4px;
        height: 4px;
        border-bottom: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        content: "";
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -ms-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
    }
    #cssmenu.align-right ul ul li.has-sub > a::after {
        right: auto;
        left: 10px;
        border-bottom: 0;
        border-right: 0;
        border-top: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
    }
    #cssmenu ul ul li.has-sub:hover > a::after {
        border-color: red;
    }
    @media all and (max-width: 992px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 992px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 992px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 992px), only screen and (min-device-pixel-ratio: 2) and (max-width: 992px), only screen and (min-resolution: 192dpi) and (max-width: 992px), only screen and (min-resolution: 2dppx) and (max-width: 992px) {
        #cssmenu {
            width: 100%;
        }
        #cssmenu ul {
            width: 100%;
            display: none;
            z-index: 12;
        }
        #cssmenu.align-center > ul,
        #cssmenu.align-right ul ul {
            text-align: left;
        }
        #cssmenu ul li,
        #cssmenu ul ul li,
        #cssmenu ul li:hover > ul > li {
            width: 100%;
            height: auto;
            border-top: 1px solid #479e10;
            background: #000;
        }

        #cssmenu ul li a,
        #cssmenu ul ul li a {
            width: 100%;
        }
        #cssmenu > ul > li {
            padding: 0px;
        }
        #cssmenu > ul > li > a {
            padding: 12px 10px 10px 15px;
            text-align: left;
        }

        #cssmenu > ul > li,
        #cssmenu.align-center > ul > li,
        #cssmenu.align-right > ul > li {
            float: none;
            display: block;
        }
        #cssmenu > ul > li > i {
            display: none;
        }
        #cssmenu ul ul li a {
            padding: 17px 20px 17px 40px;
            font-size: 12px;
            color: #fff;
            background: none;
            text-align: left;
        }
        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li a:hover {
            color: #fff;
        }
        #cssmenu ul ul ul li a {
            padding-left: 40px;
        }
        #cssmenu ul ul,
        #cssmenu ul ul ul {
            position: relative;
            left: 0;
            right: auto;
            width: 100%;
            margin: 0;
        }
        #cssmenu > ul > li.has-sub > a::after,
        #cssmenu ul ul li.has-sub > a::after {
            display: none;
        }
        #menu-line {
            display: none;
        }
        #cssmenu #menu-button {
            /*bo o di dong di*/
            display: none;
            /*display: block;*/
            padding: 18px 20px 42px 20px;
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            text-transform: uppercase;
        }
        #cssmenu #menu-button::after {
            content: '';
            position: absolute;
            top: 22px;
            left: 20px;
            display: block;
            width: 25px;
            height: 2px;
            background: #fff;
        }
        #cssmenu #menu-button::before {
            content: '';
            position: absolute;
            top: 29px;
            left: 20px;
            display: block;
            width: 25px;
            height: 9px;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
        }
        #cssmenu .submenu-button {
            position: absolute;
            z-index: 10;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid rgba(120, 120, 120, 0.15);
            height: 47px;
            width: 47px;
            cursor: pointer;
        }
        #cssmenu .submenu-button::after {
            content: '';
            position: absolute;
            top: 15px;
            left: 24px;
            display: block;
            width: 1px;
            height: 11px;
            background: #fff;
            z-index: 99;
        }
        #cssmenu .submenu-button::before {
            content: '';
            position: absolute;
            left: 19px;
            top: 20px;
            display: block;
            width: 11px;
            height: 1px;
            background: #fff;
            z-index: 99;
        }
        #cssmenu .submenu-button.submenu-opened:after {
            display: none;
        }

    }