correct work curtain

static/css/mobile_styles.css

@@ -116,8 +116,76 @@
 }
 @media (max-width: 1180px){
 
+    .handler_curtain_left{
+        display: block;
+    }
+    .handler_curtain_left.close{
+        left: 0;
+        top: 293px;
+        position: fixed;
+        height: 127px;
+        width: 32px;
+        background: #FF613A;
+        border-radius: 0 10px 10px 0;
+        z-index: 101;
+        transition: 200ms;
+    }
 
+    .container_content_handler_curtain_left{
+        display: flex;
+        rotate: 90deg;
+        justify-content: space-between;
+        height: 32px;
+        width: 87px;
+        position: relative;
+        left: -49px;
+        top: 47px;
+        padding: 0 20px;
+    }
 
+    .handler_curtain_left.open{
+        left: 320px;
+        top: 293px;
+        position: fixed;
+        height: 127px;
+        width: 32px;
+        background: #FFFFFF;
+        border-radius: 0 10px 10px 0;
+        z-index: 101;
+        transition: 200ms;
+    }
+
+    .handler_curtain_left.open .container_content_handler_curtain_left{
+        rotate: 270deg;
+    }
+
+    .filter_img{
+        width: 15px;
+        display: block;
+        position: relative;
+        bottom: 0;
+        transform: rotate(270deg) translate(0, 0);
+        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(296deg) brightness(106%) contrast(101%);
+        /*transition: 200ms;*/
+    }
+
+    .handler_curtain_left.open .filter_img{
+        transform: translate(0, 0);
+        filter: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(4340%) hue-rotate(337deg) brightness(102%) contrast(102%);
+        /*transition: 200ms;*/
+    }
+
+    .arrows_handler_curtain_left{
+        width: 7px;
+        rotate: -90deg;
+        filter: unset;
+        /*transition: 200ms;*/
+    }
+
+    .handler_curtain_left.open .arrows_handler_curtain_left{
+        filter: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(4340%) hue-rotate(337deg) brightness(102%) contrast(102%);
+        transition: 200ms;
+    }
     .wrapper_name_art{
         font-size: 29px;
         line-height: 33px;
@@ -656,7 +724,7 @@
         top: 0;
     }
     .cut_width_f_curtain.n_profile.left{
-        position: fixed;
+        position: sticky;
         /*min-width: 1280px;*/
     }
 

static/css/styles(boris).css

@@ -58,6 +58,8 @@
     width: 100%;
     /*background: rgba(39, 53, 62, 0.7);*/
     backdrop-filter: blur(6px);
+    -webkit-backdrop-filter: blur(6px);
+    -moz-backdrop-filter: blur(6px);
     z-index: 100;
     position: fixed;
     top: 0;
@@ -2668,7 +2670,7 @@
 
 .menu_buttons.left.open.first.filters .text_f_curtain > img{
     transition: 200ms;
-    transform: rotate(270deg);
+    transform: rotate(270deg) translate(0, 0);
     filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%);
     position: relative;
 }
@@ -2902,4 +2904,10 @@
 
 .title_b_first_page{
     margin-top: 70px;
+}
+
+/* handler_curtain changed*/
+
+.handler_curtain_left{
+    display: none;
 }

static/css/styles.css

@@ -223,6 +223,7 @@ body {
     margin: 0;
     padding: 0;
     background:  #F8F8F8;
+    mix-blend-mode: multiply;
 }
 
 header {