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{
    width: 100%;
    float:left;
    position: relative;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 45px;
}
.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;
    background: url(../../../images/gach_menu.png) no-repeat top right;
    position: relative;
}
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 11px 0px 11px;
    padding:15px 30px 5px 30px;
    font-family: 'RobotoCondensed'; 
    text-transform:uppercase;
    position:relative;
}
nav.menu_top > ul > li:hover a,nav.menu_top > ul > li.active a{color:transparent;} 
nav.menu_top > ul > li > a:after{width: 100%; float: left; content: ''; position: absolute; height: 5px; background: #fff; left: 0px; bottom: 0px; transform: scale(0); transition: 1s;}
nav.menu_top > ul > li:hover a:after,nav.menu_top > ul > li.active a:after{ transform: scale(1); }
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:240px;
    padding:0;
    position:absolute;
    z-index: 1000;
    top:100%;
    top: 46px;
}
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:#ff361b;
    color:#fff;
    font-size:14px;
    font-weight:400;
    height: auto;
    letter-spacing:0.6px;
    padding:7px 0px 7px 10px;
    text-align:left;
    width:100%;
    border-bottom: 1px solid #fff;
}
/*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;
}