#midnight.vnaLc{ visibility: hidden; opacity: 0; transition: all 0.5s; position: fixed; z-index: 100; left: 0; top: 0; bottom: 0; width: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.7); }#midnight.show.vnaLc{ opacity: 1 !important; visibility: visible !important; }#nav *.vnaLc{ font-family: "Poppins", sans-serif; font-size: 18px; font-weight:400; color:#fff; }#nav.vnaLc{ font-size: 20px; float:right; }#nav.show.vnaLc{ transition: all 0.5s; width: 256px !important; }#nav ul.vnaLc{ list-style-type: none; padding: 0; margin: 0; flex: 1; }#nav li.vnaLc{ display: inline-block; margin-right: 30px; box-sizing: border-box; height: 60px; }#nav li a.vnaLc{ display: block; line-height: 77px; text-decoration: none; border-bottom: 3px solid rgba(0,0,0,0); }#nav li a:hover.vnaLc{ transition: all 1s; color: #1dbede; }#nav li a:hover a.vnaLc{ color: rgb(17, 24, 39); }#nav li a.active.vnaLc{ border-bottom: 3px solid #22628c; }#nav li a.active a.vnaLc{ color: rgb(17, 24, 39); }@media screen and (max-width: 950px){#nav.vnaLc{ margin-top: 0px; width: 0px; overflow-x: hidden !important; height: 100%; max-height: 100%; position: fixed; top:0px; right: 0px; z-index: 1000; transition: all 0.5s; }#nav.show.vnaLc{ background: #3b3b3b; }#nav ul.vnaLc{ width: 100%; list-style: none; display: block; overflow-x: hidden; padding-left: 20px; height:100%; }#nav ul li.vnaLc{ width: 100%; display: list-item; margin: 0px; margin-top: 20px; border-radius: 0; white-space: nowrap; }#nav ul li a.vnaLc{ color: #acacac; text-decoration: none; }#nav ul li a.active.vnaLc{ color: rgba(255, 255, 255, 0.87); }}