diff --git a/src/main/webapp/templates/1/default/_files/css/main.css b/src/main/webapp/templates/1/default/_files/css/main.css
index 25525fb..74455ac 100644
--- a/src/main/webapp/templates/1/default/_files/css/main.css
+++ b/src/main/webapp/templates/1/default/_files/css/main.css
@@ -38,18 +38,21 @@
             left: 50%;
             right: 50%;
           }
-        }
-
-        &.active a:before,
-        &:hover a:before{
-          left: 0;
-          right: 0;
-        }
-
-        &.active{
-          color: #222222;
+          &.active{
+            color: #1d78ff;
+            background: #ddebff;
+              &:before{
+                 background-color: #1d78ff;
+                 left: 0;
+                 right: 0;
+                 opacity:1
+                   }
+                  }
 
         }
+
+
+
         &:hover{
           color: #1d78ff;
           background: #ddebff;
@@ -70,6 +73,7 @@
     }
   }
 
+
   .logo{
     position: relative;
     width: 150px;
@@ -99,16 +103,7 @@
     }
   }
 
-  &.scrolled{
-    .logo{
-      .logo_b{
-        opacity: 0;
-      }
-      .logo_w{
-        opacity: 1;
-      }
-    }
-  }
+
 
   .nav_list{
     display: flex;
@@ -131,6 +126,7 @@
         font-size: 14px;
         box-sizing: border-box;
         position: relative;
+
         a{
           color: #ffffff;
           text-decoration: none;
@@ -152,17 +148,18 @@
             border-radius: 2px 2px 0 0;
             opacity: 0;
           }
+          &.active{
+                      &:before{
+                       opacity: 1;
+                       left: 0;
+                        right: 0;
+                          }
+                           }
         }
 
-        &.active{
-          {
-            &:before{
-              opacity: 1;
-              left: 0;
-              right: 0;
-            }
-          }
-        }
+
+
+
         &:hover{
           a{
             &:before{