diff --git a/mirzaev/skillparts/system/web/css/categories_blocks_panel.css b/mirzaev/skillparts/system/web/css/categories_blocks_panel.css
new file mode 100644
index 0000000..c0259ef
--- /dev/null
+++ b/mirzaev/skillparts/system/web/css/categories_blocks_panel.css
@@ -0,0 +1,21 @@
+.categories_blocks_panel_title {
+
+}
+
+.category_block {
+    height: 100%;
+    background-color: #563cb0;
+}
+
+.category_block dd {
+    cursor: pointer;
+}
+
+.category_block dd:nth-last-child(1) {
+    margin-bottom: 0;
+}
+
+.category_block_title {
+    position: absolute;
+    background-color: #7e66d5;
+}
\ No newline at end of file
diff --git a/mirzaev/skillparts/system/web/css/footer.css b/mirzaev/skillparts/system/web/css/footer.css
new file mode 100644
index 0000000..48abac8
--- /dev/null
+++ b/mirzaev/skillparts/system/web/css/footer.css
@@ -0,0 +1,6 @@
+footer {
+    width: 100%;
+    max-height: 15rem;
+    flex-shrink: 0;
+    background-color: #d9d7e1;
+}
\ No newline at end of file
diff --git a/mirzaev/skillparts/system/web/css/header.css b/mirzaev/skillparts/system/web/css/header.css
new file mode 100644
index 0000000..dadd2f3
--- /dev/null
+++ b/mirzaev/skillparts/system/web/css/header.css
@@ -0,0 +1,101 @@
+.h-divider {
+    margin-top: -20px;
+    position: relative;
+    pointer-events: none;
+    border-bottom: 4px solid #563cb0;
+}
+
+.h-divider-title {
+    background-color: #563cb0;
+}
+
+.h-divider-title-left {
+    max-width: 0;
+    max-height: 0;
+    border: 1rem solid transparent;
+    border-right: 1rem solid #563cb0;
+    border-bottom: 1rem solid #563cb0;
+}
+
+.h-divider-title-right {
+    max-width: 0;
+    max-height: 0;
+    border: 1rem solid transparent;
+    border-left: 1rem solid #563cb0;
+    border-bottom: 1rem solid #563cb0;
+}
+
+.catalog_button {
+    width: 100%;
+    border-radius: 3px;
+    transition: 0.3s;
+    background-color: #563cb0 !important;
+}
+
+.catalog_button:hover {
+    transition: 0.3s;
+    background-color: #7e66d5 !important;
+}
+
+.catalog_button:active {
+    transition: 0.3s;
+    background-color: #402d82 !important;
+}
+
+.catalog_search {
+    border-radius: 0px 5px 5px 5px;
+    background-color: #563cb0;
+}
+
+#searchPanel label {
+    display: inline-block;
+    border-radius: 5px 5px 0px 0px;
+    color: #ececec;
+    background-color: #9d88e6;
+}
+
+#searchPanel input[type=radio] {
+	display: none;
+}
+
+#searchPanel label {
+	cursor: pointer;
+	user-select: none;
+}
+
+#searchPanel label:hover {
+	color: #ffffff;
+}
+
+#searchPanel input[type=radio] + label:active,
+#searchPanel input[type=radio]:checked + label:active {
+	background-color: #402d82;
+}
+
+#searchPanel input[type=radio]:checked + label {
+	color: #ffffff;
+	background-color: #563cb0;
+}
+
+#searchPanel input[type=radio]:disabled + label {
+	background: #241c3d;
+	color: #c4c4c4;
+}
+
+.catalog_search_line {
+    border-radius: 3px 0px 0px 3px;
+    background-color: #fbf9ff !important;
+}
+
+.catalog_search_button {
+    border-radius: 0px 3px 3px 0px;
+    background-color: #d53737;
+}
+
+.catalog_search_button:hover {
+    background-color: #ee4c4c;
+}
+
+.catalog_search_button:active {
+    background-color: #c13131;
+}
\ No newline at end of file
diff --git a/mirzaev/skillparts/system/web/css/info_panel.css b/mirzaev/skillparts/system/web/css/info_panel.css
new file mode 100644
index 0000000..30bb2bb
--- /dev/null
+++ b/mirzaev/skillparts/system/web/css/info_panel.css
@@ -0,0 +1,37 @@
+.info_panel {
+    height: 230px;
+    overflow: hidden;
+}
+
+.info_panel img {
+    left: 10vw;
+    bottom: 32vw;
+    scale: 1.2;
+    position: relative;
+    object-fit: cover;
+    z-index: 0;
+}
+
+.info_panel .container {
+    /* position: absolute; */
+    z-index: 15;
+}
+
+.info_panel .container p {
+    font-weight: 600;
+    font-size: 2rem;
+}
+
+.info_panel .button_call {
+    width: 350px;
+    margin-left: 5vw;
+    background-color: #57a946;
+}
+
+.info_panel .button_call:hover {
+    background-color: #5fb94c;
+}
+
+.info_panel .button_call:active {
+    background-color: #468e37;
+}
\ No newline at end of file
diff --git a/mirzaev/skillparts/system/web/css/main.css b/mirzaev/skillparts/system/web/css/main.css
new file mode 100644
index 0000000..36d1d96
--- /dev/null
+++ b/mirzaev/skillparts/system/web/css/main.css
@@ -0,0 +1,38 @@
+@font-face {
+    font-family: 'Gilroy';
+    font-weight: 600;
+    src: local('/fonts/Gilroy/gilroy-semibold.ttf'), url('/fonts/Gilroy/gilroy-semibold.ttf');
+}
+
+* {
+    font-family: 'Open Sans';
+}
+
+button {
+    transition: 0.1s !important;
+}
+
+body {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    overflow-x: hidden;
+    background-color: #f4f3ff;
+}
+
+main {
+    flex-grow: 1;
+}
+
+.button_clean, .button_clean:hover, .button_clean:focus, .button_clean:active {
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+.d-inline-block {
+    display: inline-block;
+}
+
+.gilroy {
+    font-family: 'Gilroy';
+}
\ No newline at end of file