#nav_top.top-nav{
color: #fff;
width: 100%;
right: 0;
left: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
opacity: 0;
transition: all .2s ease;
background: rgba(0, 0, 0, .05);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: flex;
}
#nav_top.top-nav.active{
background: rgba(0, 0, 0, .5);
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#nav_top.top-nav .top-menu{
display: block;
max-width: var(--mobileNavWidth);
margin: auto;
}
#nav_top.top-nav .top-menu > li{
position: relative;
opacity: 0;
left: -30px;
}
#nav_top.top-nav .top-menu > li > a{
font-size: 2em;
}
#nav_top.top-nav .top-menu a{
display: none;
color: #fff;
}
#nav_top.top-nav .top-menu a:hover{
color: var(--colorMain);
}
#nav_top.top-nav .top-menu form{
display: none;
}
#nav_top.top-nav .social-links svg{
fill: #fff;
}
#nav_top.top-nav.active .top-menu a{
display: inline-block;
}
#nav_top.top-nav.active .top-menu a.logo{
display: flex;
}
#nav_top.top-nav.active .top-menu form{
display: block;
}
#nav_top.top-nav.active .top-menu > li{
opacity: 1;
left: 0;
transition: .5s all ease;
transition-delay: .2s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(2){
transition-delay: .3s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(3){
transition-delay: .4s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(4){
transition-delay: .5s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(5){
transition-delay: .6s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(6){
transition-delay: .7s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(7){
transition-delay: .8s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(8){
transition-delay: .9s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(9){
transition-delay: 1s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(10){
transition-delay: 1.1s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(11){
transition-delay: 1.2s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(12){
transition-delay: 1.3s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(13){
transition-delay: 1.4s;
}
#nav_top.top-nav.active .top-menu > li:nth-child(14){
transition-delay: 1.5s;
}