nav.menu_top > ul > li > a,
nav.menu_top > ul > li ul li a,
nav.menu_top > ul > li ul li,
nav.menu_top > ul > li,
nav.menu_top > ul > li > a{
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear;
}

.menubar{
    float:right;
    position: relative;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   
}
.menubar:before{ content: ''; background: url(../../../images/gach_top.png) no-repeat top center; width: 100%; height: 6px; width: 100%;  float: left;  position: absolute; z-index: 100; top: -5px;}
.menubar .container{display:table;}
nav.menu_top{
    display:table-cell;
    text-align:center;
    padding:0px 0px;
}
nav.menu_top > ul{
    list-style:none outside none;
    margin:0;
    padding:0;
}
nav.menu_top > ul > li{
    display:inline-block;
    padding:0px 0px;
    float: left;
    background: url(../../../images/gach_menu.png) no-repeat right top;
}
nav.menu_top > ul > li:last-child{ background: none }
nav.menu_top > ul > li a{
      color: #000000;
    float: left;
    text-align: center;
    font-size: 15px;
    margin: 0px 1px 0px 1px;
    height: 46px;
    padding: 15px 35px 0px 35px;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    position: relative;
}
nav.menu_top > ul > li:hover a,nav.menu_top > ul > li.active a{} 
nav.menu_top > ul > li > a:before{
    color:#539532;
    content:attr(data-letter);
    left:0;
    overflow:hidden;
    position:absolute;
    text-align:center;
    width:100%;
    opacity:0;
    background: url(../../../images/menu_hover.png) no-repeat bottom center;
    padding: 0px 0px 10px 0px;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
       -moz-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
         -o-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
            transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
    -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
       -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
         -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
            transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
nav.menu_top > ul > li:hover > a:before,nav.menu_top > ul > li.active > a:before{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}

/*=============== Dropdown ===================*/
nav.menu_top > ul > li ul{
    visibility:hidden;
    list-style:outside none none;
    margin:0;
    min-width:250px;
    padding:0;
    position:absolute;
    z-index: 1000;
    top:100%;
    top: 44px;
}
nav.menu_top > ul > li:hover > ul,
nav.menu_top > ul > li ul li:hover > ul{visibility:visible}
nav.menu_top > ul > li ul li{
    display:table;
    padding:0;
    width:100%;
    opacity:0;
    position:relative;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
}
nav.menu_top > ul li:hover > ul > li,
nav.menu_top > ul > li ul li:hover > ul li{
    opacity:1;    
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
nav.menu_top > ul > li ul li a{
    background:#363636;
    color:#fff;
    font-size:14px;
    font-weight:400;
    height: auto;
    letter-spacing:0.6px;
    padding:10px 0px 10px 10px;
    text-align:left;
    width:100%;
    border-top: 1px solid #6D6D6D;
    border-bottom: 1px solid #212121;
}
/*nav.menu_top > ul > li ul li:nth-child(2n+2) a{background:#307509}*/
nav.menu_top > ul > li:hover ul li a{color:#fff}
nav.menu_top > ul > li ul li a:hover{ color: #ffe705; text-decoration: none; }
nav.menu_top > ul > li a i{margin-right:10px}
nav.menu_top > ul > li ul ul{
    left:100%;
    top:0;
}

.tin_left > ul > li > a,
.tin_left > ul > li ul li a,
.tin_left > ul > li ul li,
.tin_left > ul > li,
.tin_left > ul > li > a{
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear;
}
.tin_left{
    float:right;
    position: relative;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   
}

.tin_left{
    display:table-cell;
    text-align:center;
    padding:0px 0px;
}
.tin_left > ul{
    list-style:none outside none;
    margin:0;
    padding:0;
}
.tin_left > ul > li{
    display:inline-block;
    padding:0px 0px;
    float: left;
    background: url(../../../images/bgdanhmuc.png) repeat-x;
  
}
.tin_left > ul > li:last-child{}
.tin_left > ul > li a{
    color: #323232;
    float: left;
    text-align: center;
    font-size: 14px;
    margin: 0px 1px 0px 1px;
    height: 40px;
    padding: 15px 35px 0px 55px;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    position: relative;
    background: url(../../../images/icon_danhmuc.png) no-repeat;
    background-position: -1px 0px;
}
.tin_left > ul > li:hover a,nav.menu_top > ul > li.active a{} 
.tin_left > ul > li > a:before{
    color:#0d80a3;
    content:attr(data-letter);
    left:0;
    overflow:hidden;
    position:absolute;
    text-align:center;
    width:100%;
    opacity:0;
    background: url(../../../images/menu_hover.png) no-repeat bottom center;
    padding: 0px 0px 10px 0px;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
       -moz-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
         -o-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
            transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
    -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
       -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
         -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
            transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.tin_left > ul > li:hover > a:before,nav.menu_top > ul > li.active > a:before{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}

/*=============== Dropdown ===================*/
.tin_left > ul > li ul{
     visibility: hidden;
    list-style: outside none none;
    margin: 0;
    min-width: 252px;
    /* padding: 0; */
    position: absolute;
    z-index: 1000;
    /* top: 100%; */
    /* top: 1px; */
    right: -250px;
}
.tin_left > ul > li:hover > ul,
.tin_left > ul > li ul li:hover > ul{visibility:visible}
.tin_left > ul > li ul li{
    display:table;
    padding:0;
    width:100%;
    opacity:0;
    position:relative;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
}
.tin_left > ul li:hover > ul > li,
.tin_left > ul > li ul li:hover > ul li{
    opacity:1;    
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.tin_left > ul > li ul li a{
    background: #363636;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    /* margin-left: 145px; */
    /* position: absolute; */
    /* right: 0; */
    height: auto;
    letter-spacing: 0.6px;
    padding: 11px 0px 10px 16px;
    /* text-align: left; */
    border-bottom: 1px solid #ffffff;
    width: 100%;
}