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: calc(100% - 36px);
    float: left;
    position: relative;
}
.menubar .container{display:table;}
nav.menu_top{
    text-align:center;
    width: 100%;
    margin: 0 auto;
}
nav.menu_top > ul{
    list-style:none outside none;
    width: 100%;
    float: left;
    margin: 0 auto;
    display: flex;
}
nav.menu_top > ul > li{/* float: left; */}
nav.menu_top > ul > li > a > i{ font-size: 30px; float: left; margin: 10px 5px 0px 0px; }
nav.menu_top > ul > li:last-child  a{/* border-right: none; */}
nav.menu_top > ul > li.logo a{padding: 0;}
nav.menu_top > ul > li  a{
    font-weight:  100;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    
    text-transform:  uppercase;
    position:relative;
    line-height: 50px;
    font-weight:  100;
}
nav.menu_top > ul > li a:last-child:after{
    border-right: none;
    border-left: none;
}
nav.menu_top > ul > li:first-child{border-left: none;}
nav.menu_top > ul > li:last-child{border-right: none;}
nav.menu_top > ul > li.active,nav.menu_top > ul > li:hover{}
nav.menu_top > ul > li{position: relative;text-align:  center;width: auto;flex: auto;z-index: 0;}
nav.menu_top > ul > li:last-child:after{background: none;}
nav.menu_top > ul > li:last-child:hover{/* background: none; */}
nav.menu_top > ul > li > ul > li:hover>a,nav.menu_top > ul > li > ul > li > ul > li:hover>a,nav.menu_top > ul > li > ul > li > ul > li > ul > li:hover>a{
    color: #e40521;
}
nav.menu_top > ul > li:hover>a, nav.menu_top > ul > li.active > a{color: #fffc00;} 
/*=============== Dropdown ===================*/
nav.menu_top > ul > li > ul{
    visibility:hidden;
    list-style:outside none none;
    margin:0;
    min-width: 1200px;
    position:absolute;
    top: 100%;
    left: -280px;
    display: flex;
    flex-wrap: wrap;
    background-color: #f8fbff;
    border: 1px solid #d4d4d4;
    /* padding: 10px; */
    z-index: 0;
    display: none;
}
nav.menu_top > ul > li:hover > ul{visibility:visible;z-index: 999;display: flex;}
nav.menu_top > ul > li > ul > li{
    display:table;
    padding:0;
    width: 33.333333%;
    opacity:0;
    z-index: 999;
    position:relative;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
    padding: 10px 15px;
    margin-bottom: 10px;
    =: 100px
    border-right:;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right-style: dashed;
    border-top-style: dashed;
}
nav.menu_top > ul > li > ul > li > ul{width: 60%;float: left;/* display:flex; *//* flex-wrap: wrap; */}
nav.menu_top > ul > li > ul > li > .img_sp{width: 40%; float: left; display: none;}
nav.menu_top > ul > li > ul > li > ul > li{/* width: 50% !important; */}
nav.menu_top > ul > li > ul > li > ul > li:hover > ul{display: block;}
nav.menu_top > ul > li > ul > li > ul li{width: 100%;left: 0;float: left;}
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);a
    transform:translateY(0);
}
nav.menu_top > ul > li ul li a{
    color: #333;
    font-size: 15px;
    font-weight: 400;
    height: auto;
    line-height: 2;
    letter-spacing: 0.6px;
    margin: 0px;
    text-transform: capitalize;
    
    text-align: left;
    float: left;
    width: 100%;
}
nav.menu_top > ul > li > ul > li > ul > li > a{font-weight: 100;font-size: 13px;}
/*nav.menu_top > ul > li ul li:nth-child(2n+2) a{background:#307509}*/
nav.menu_top > ul > li:hover ul li{color:#fff;}
nav.menu_top > ul > li ul li:hover{/* color: #ffe705; */}
nav.menu_top > ul > li a i{margin-right:10px}
nav.menu_top > ul > li ul ul{
    left:100%;
    top:0;
    -webkit-transform: skew(0deg);
} 
nav.menu_top > ul > li ul ul.menu_item{padding: 0 0 0 10px;display: none;}
nav.menu_top > ul > li ul ul.menu_item li a{
    font-size: 13px;
}