#main_nav { width: 100%; margin-left: 0 !important; margin-right: 0 !important; border-bottom: 1px solid rgba(112, 112, 112, .2); overflow-x: auto; } #main_nav .nav_title { font-weight: 400; font-size: 12px; border-bottom: .5px solid rgba(112, 112, 112, .3); } #main_nav .nav .nav-item.nav-link { color: #000; } #main_nav .nav .nav-item.nav-link:hover { background-color: rgba(220, 220, 220, 1); /*border-bottom: 5px solid rgb(189, 189, 189); animation-name: pulse; animation-duration: .5s*/ } #main_nav .nav .nav-item.nav-link.active { background-color: #F5F5F5; color: #98BF00; /*border-bottom: 5px solid #98BF00;*/ animation-name: flipInX; /*animation-duration: .5s;*/ } #main_nav .nav-list>li{ list-style: none; float: left; } #pills-tab { min-width: 900px; overflow: hidden; } #main_nav .nav-link{ padding: 1rem; } @media (min-width: 576px) { } @media (min-width: 768px) { /*#pills-tab { min-width: 840px; }*/ } @media (min-width: 992px) { /*#pills-tab { min-width: 100%; }*/ #main_nav .nav-box{ margin-right: 1rem; } } @media (min-width: 1200px) { /*.nav-box{ width: 50%; padding: 0 1rem; margin: 0; }*/ }

.announce{position:absolute;top:10px;left:0;width:70px;text-align:center;display:block;color:#000;font-size:12px;font-weight:700;padding:.2rem;z-index:60;transform:rotate(-45deg)}.announce:before{content:"";position:absolute;top:-10px;left:0;width:0;height:0;border-width:35px;border-color:#ffc107 transparent transparent #ffc107;border-style:solid;z-index:-10;transform:rotate(45deg)}