﻿

.theme-default .nivo-controlNav {
    /*display: none;*/
}

.jqueryslidemenu {
    z-index: 100;
    padding-left: 308px;
}

    .jqueryslidemenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .jqueryslidemenu ul:after {
            content: '';
            display: block;
            clear: both;
        }
        /*Top level list items*/
        .jqueryslidemenu ul li {
            position: relative;
            display: inline;
            /* float: left; */
            z-index: 3;
            /* border-right: 1px solid #03661f; */
            /* padding: 10px 0; */
            /* transform: skew(-45deg); */
            margin-left: 1px;
            background: url(/images/icon_arrow.png) no-repeat 0px 0px;
        }



            /*Top level menu link items style*/

            .jqueryslidemenu ul li a {
                display: inline-block;
                font-size: 13px;
                /* text-transform: uppercase; */
                color: #fff;
                /* font-family: 'helveticaneuemedium'; */
                word-spacing: 2px;
                /* font-weight: bold; */
                padding: 0 9px 0 16px;
                /* border-right: 1px solid rgba(0, 49, 52, 0); */
                /* background: #06932b; */
            }

                .jqueryslidemenu ul li a.menu1 {
                    /* transform: skew(-20deg); */
                }

                .jqueryslidemenu ul li a > span {
                    /* transform: skew(20deg); */
                    /* display: inline-block; */
                }

            .jqueryslidemenu ul li:last-child a {
                border-right: none;
            }


            .jqueryslidemenu ul li.select a {
                /* background: #ff8924; */
            }

            .jqueryslidemenu ul li.select:hover li a {
                background: #0076bcb3;
            }

            .jqueryslidemenu ul li.select a, .jqueryslidemenu ul li.select:hover a, .jqueryslidemenu ul li:hover a {
                color: #fff !important;
            }

            .jqueryslidemenu ul li:hover a {
                /* background: #ff8924; */
            }

            .jqueryslidemenu ul li:hover li a, .jqueryslidemenu ul li:hover li li a {
                background: none;
            }

        .jqueryslidemenu ul ul li:hover a {
            background: rgb(235, 137, 27);
            color: #fff !important;
        }



        .jqueryslidemenu ul li.select li a:hover {
            background: #eb891b;
            color: #fff !important;
        }

        .jqueryslidemenu ul li.select:hover a {
            /* background: #ff8924; */
        }
        /*1st sub level menu*/
        .jqueryslidemenu ul li ul {
            position: absolute;
            min-width: 236px !important;
            /* box-shadow: #fff 1px 1px 1px; */
            /* -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
  */
            background: #0076bcb3;
            left: 25px;
            /* border-left: 1px solid #fff; */
            text-align: left;
            display: none;
            /* padding-top: 7px; */
            border-bottom: 1px solid #fff;
            /* transform: skew(45deg); */
            margin-left: -9px;
        }

            .jqueryslidemenu ul li ul:hover {
                overflow: visible !important;
            }
            /*Sub level menu list items (undo style from Top level List Items)*/
            .jqueryslidemenu ul li ul li {
                /* display: list-item; */
                /*  float: none;
    z-index: 3;*/
                width: 100%;
                /* border-bottom: 1px dotted #ddd; */
                /* border-left: 1px solid #ededed; */
                /* border-right: none; */
                /*transform: skew(0deg);*/
                /* background: #333; */
                margin-left: 0px;
            }

        /*All subsequent sub menu levels vertical offset after 1st level sub menu */

        .jqueryslidemenu ul li.select li a {
            /* font-weight: 600; */
            color: #333;
        }


        .jqueryslidemenu ul li ul li:hover ul li a {
            color: #fff !important;
            font-weight: normal;
        }

        .jqueryslidemenu ul li ul li ul li:hover a {
            background: #eb891b;
            color: #fff !important;
            font-weight: bold;
        }

        .jqueryslidemenu ul li ul li a {
            color: #fff !important;
            display: block;
            font-size: 13px;
            text-transform: none;
            font-family: Arial;
            border-right: none;
            padding: 0px;
            line-height: 22px;
            width: 100%;
            border-top: 1px solid #fff;
            padding: 9px 5px 9px 17px;
            /*transform: skew(0deg);*/
        }

        .jqueryslidemenu ul ul ul {
            position: absolute;
            min-width: 236px !important;
            box-shadow: #777676 2px 2px 2px;
            background: #d8c18d;
            left: 235px !important;
            overflow: hidden !important;
            /*transform: skew(0deg);*/
            background: rgba(6, 147, 43, 0.87);
            margin-left: 1px;
            border-left: 1px solid #fff;
        }

            .jqueryslidemenu ul ul ul li a {
                font-weight: bold !important;
            }

.menu_mobile {
    display: none;
}

.menu {
    /* background: url(/images/background_menu.png) repeat; */
    /* padding: 8px 0; */
    /* border-bottom: 4px solid #669233; */
    width: 100%;
    z-index: 100;
    /* background: #83b230; */
}

.menu_ngang {
    background: url(/images/head_bg.png) repeat 0 0;
    width: 100%;
    padding: 21px 0;
    /* overflow:  hidden; */
}

@media all and (max-width: 780px) {
    #menumobile {
        width: 50%;
    }
}

@media all and (max-width: 504px) {
    #menumobile {
        width: 80%;
    }
}

@media all and (max-width: 436px) {
    #menumobile {
        top: 36px;
    }
}

@media all and (max-width: 320px) {
    #menumobile {
        width: 100%;
    }
}
