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:left;
    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:#fff;
    float:left;
    text-align: center;
    font-size: 14px;
    margin: 0px 1px 0px 1px;
    height: 46px;
    padding:15px 35px 0px 35px;
    font-family: 'RobotoCondensed'; 
    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:#fff;
    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: underline; }
nav.menu_top > ul > li a i{margin-right:10px}
nav.menu_top > ul > li ul ul{
    left:100%;
    top:0;
}