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%;position: relative;margin: 0px 0px 0px 0px;}
.menubar .container { display: table; }
nav.menu_top {text-align: center;width: calc(100% - 97px);position: relative;margin: auto;background: #cb1e33;border-bottom: 5px solid #808080;}
nav.menu_top:before{content: '';width: 49px;height: 56px;background:url(../img/bf_menu.png) no-repeat;position: absolute;top: 0;right: 100%;}
nav.menu_top:after{content: '';width: 49px;height: 56px;background:url(../img/af_menu.png) no-repeat;position: absolute;top: 0;left: 100%;z-index: 1;}
nav.menu_top > ul { width: 100%;display: flex; list-style: none outside none; margin: 0; padding: 0;}
nav.menu_top > ul > li {padding: 0px 0px;flex-grow: 2;position: relative;display: flex;align-items: center;justify-content: center;padding-right: 1px;}
nav.menu_top > ul > li:last-child {background: none;}
nav.menu_top > ul { }
nav.menu_top > ul > li > a > i {font-size: 22px;margin: 0px 0px 0px 0px;color: #fff !important;}
nav.menu_top > ul > li a {color: #fff;float: left;width: 100%;text-align: center;font-size: 0.9rem;position: relative;height: 51px;line-height: 51px;text-transform: uppercase;font-weight: 700}
nav.menu_top > ul > li:hover >a, nav.menu_top > ul > li.active >a {color: yellow;}

nav.menu_top > ul > li a:after{content: '';width: 100%;height: 5px;background: #ffcc2a;position: absolute;top: 100%;left: 0;opacity: 0;transition: 0.5s all;}
nav.menu_top > ul > li a:before{content: '';width: 11px;height: 5px;background: #ffcc2a;position: absolute;bottom: 0;left: 50%;transform: translate(-50%);opacity: 0;transition: 0.5s all;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
nav.menu_top > ul > li.active >a:after,nav.menu_top > ul > li:hover >a:after,nav.menu_top > ul > li.active >a:before,nav.menu_top > ul > li:hover >a:before{opacity: 1;transition: 0.5s all}

/*=============== Dropdown ===================*/
nav.menu_top > ul > li ul {visibility: hidden;list-style: outside none none;margin: 0;min-width: 253px;padding: 0;position: absolute;z-index: 1000;top: 100%;left: 0px;overflow: auto;max-height: 600px;}
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: #cb1e33;font-size: 14px;height: auto;color: #fff;line-height: 1.5;letter-spacing: 0.6px;margin: 0px;padding: 7px 0px 7px 20px;text-transform: capitalize;text-align: left;width: 100%;border-top: 1px solid #da253b;border-bottom: 1px solid #bf1e31;font-weight: 400;}

/*nav.menu_top > ul > li ul li:nth-child(2n+2) a{background:#307509}*/
nav.menu_top > ul > li:hover ul li a {}
nav.menu_top > ul > li ul li a:hover {background: #e2273e;}
nav.menu_top > ul > li a i {color: #000;}
nav.menu_top > ul li ul li ul li a:hover i{color: #fff!important;}
nav.menu_top > ul > li ul ul { left: 100%; top: 0; }

nav.menu_top > ul >li ul::-webkit-scrollbar {
    width: 3px;
  }
  nav.menu_top > ul >li ul::-webkit-scrollbar-track {
    background: red;
  }
  nav.menu_top > ul >li ul::-webkit-scrollbar-thumb {
    background: yellow;
  }
  nav.menu_top > ul >li ul::-webkit-scrollbar-thumb:hover {
    background: pink;
  }