init specialization filter page

app/assets/styles/all.scss

@@ -59,6 +59,7 @@
 @import "content/centerbar/comments";
 @import "content/centerbar/organization";
 @import "content/centerbar/specialization-selection";
+@import "content/centerbar/specialization-filter";
 @import "blocks/opinion";
 //
 @import "content/centerbar/errorblock";

app/assets/styles/content/centerbar/specialization-filter.scss

@@ -0,0 +1,5 @@
+.specialization-filter {
+    &__title {
+        margin-bottom: 20px;
+    }
+}

app/assets/styles/content/centerbar/specialization-selection.scss

@@ -1,11 +1,13 @@
 $specializationSelectionClass: 'specialization-selection';
 
 .#{$specializationSelectionClass} {
+
     &__container {
         background: #ffffff;
         box-sizing: border-box;
         width: calc(100% - 26px);
         padding: 10px;
+        display: block;
         //max-height: 800px;
         //display: flex;
         //flex-direction: column;
@@ -77,4 +79,19 @@ $specializationSelectionClass: 'specialization-selection';
         width: calc(100% - 13px - 5px);
         margin-left: 5px;
     }
+
+    &__select-button {
+        display: block;
+        font-family: $fontcuprum;
+        font-size: 17px;
+        color: #fff;
+        background-color: #004D7B;
+        width: calc(100% - 26px);
+        padding: 10px;
+        cursor: pointer;
+
+        &:hover {
+            background-color: #006dae;
+        }
+    }
 }

app/assets/styles/content/leftbar/leftbar.scss

@@ -24,6 +24,7 @@
         color: #004d7b;
         font-weight: bold;
         flex-wrap: wrap;
+        position: relative;
 
         &--popularservice {
             padding-left: 10px;

app/www/css/all.css

@@ -927,7 +927,9 @@ body {
     font-size: 20px;
     color: #004d7b;
     font-weight: bold;
-    flex-wrap: wrap; }
+      flex-wrap: wrap;
+      position: relative;
+  }
     .leftbar__title--popularservice {
       padding-left: 10px;
       border-radius: 0; }
@@ -3159,6 +3161,7 @@ body {
     box-sizing: border-box;
     width: calc(100% - 26px);
     padding: 10px;
+    display: block;
     column-count: 3;
     column-gap: 10px;
 }
@@ -3223,6 +3226,25 @@ body {
     margin-left: 5px;
 }
 
+.specialization-selection__select-button {
+    display: block;
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    font-size: 17px;
+    color: #fff;
+    background-color: #004D7B;
+    width: calc(100% - 26px);
+    padding: 10px;
+    cursor: pointer;
+}
+
+.specialization-selection__select-button:hover {
+    background-color: #006dae;
+}
+
+.specialization-filter__title {
+    margin-bottom: 20px;
+}
+
 .opinion__container {
   float: right;
   width: 33%;