Суббота работа над проектом

Андрей Ларионов
1 parent ad2cc280b7
Showing 13 changed files with 10512 additions and 178 deletions Side-by-side Diff
app/Http/Controllers/MainController.php
app/Http/Controllers/WorkerController.php
public/css/style.css
public/js/js.cookie.min.js
public/js/script.js
public/js/script45.js
public/js/script__.js
resources/views/cookies.blade.php
resources/views/index.blade.php
resources/views/js/cookies.blade.php
resources/views/layout/frontend.blade.php
resources/views/modals/register.blade.php
routes/web.php
@@ -35,9 +35,34 @@ class MainController extends Controller
             ->GroupBy('categories.id')
             ->get();
  
+        $flot_paluba = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
+        join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
+        where('position_ship', 'Палуба');
+
+
+
+        $flot_paluba = $flot_paluba->groupby('job_title_id')->get();
+        $flot_MO =  DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
+        join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
+        where('position_ship', '=', 'МО');
+
+        $flot_MO = $flot_MO->groupby('ad_jobs.id')->get();
+
+        $flot_radovie =  DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
+        join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
+        where('position_ship', '=', 'Рядовые');
+
+        $flot_radovie = $flot_radovie->groupby('ad_jobs.id')->get();
+
+        $flot_prochee =  DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
+        join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
+        where('position_ship', '=', 'Прочее');
+        $flot_prochee = $flot_prochee->groupby('ad_jobs.id')->get();
         $employers = employers_main::query()->with('employer')->orderBy('id')->limit(8)->get();
         $vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get();
-        return view('index', compact('news', 'categories', 'employers', 'vacancy'));
+        return view('index', compact('news', 'categories', 'employers', 'vacancy',
+            'flot_paluba', 'flot_MO', 'flot_radovie', 'flot_prochee'
+        ));
     }
  
     public function search_vacancies(Request $request) {
@@ -400,11 +400,14 @@ class WorkerController extends Controller
     {
         $params = $request->all();
  
+
+        dd($params);
+
         $rules = [
             'surname' => ['required', 'string', 'max:255'],
             'name_man' => ['required', 'string', 'max:255'],
             'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
-            'password' => ['required', 'string', 'min:8'],
+            'password' => ['required', 'string', 'min:8']
         ];
  
         $messages = [
@@ -425,21 +428,29 @@ class WorkerController extends Controller
             return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
         }
  
-        $validator = Validator::make($request->all(), $rules, $messages);
+        if (($request->has('politik')) && ($request->get('politik') == 1)) {
+            $validator = Validator::make($request->all(), $rules, $messages);
  
-        if ($validator->fails()) {
-            return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
-        } else {
-            $user = $this->create($params);
-            event(new Registered($user));
+            if ($validator->fails()) {
+                return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
+            } else {
+                $user = $this->create($params);
+                event(new Registered($user));
+
+                Auth::guard()->login($user);
+            }
+
+            if ($user) {
+                return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
+            } else {
+                return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
+            }
  
-            Auth::guard()->login($user);
-        }
-        if ($user) {
-            return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
         } else {
-            return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
+            return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой  конфидициальности!"));
         }
+
+
     }
  
  
@@ -0,0 +1,8912 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+   ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+@import url(fonts.css);
+@import url(jquery.fancybox.css);
+@import url(jquery.select2.css);
+@import url(star-rating.min.css);
+@import url(swiper.css);
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type=checkbox],
+[type=radio] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type=search] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+  display: none;
+}
+
+.green {
+  color: #377d87;
+}
+
+.red {
+  color: #eb5757;
+}
+
+.rotate180 {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+
+::-moz-selection {
+  color: #3a3b3c;
+  background: #acc0e6;
+}
+
+::selection {
+  color: #3a3b3c;
+  background: #acc0e6;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 999px;
+  background-color: #ffffff;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background-color: #377d87;
+}
+
+::-webkit-input-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+:focus::-webkit-input-placeholder {
+  color: transparent;
+}
+
+:-ms-input-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+:focus:-ms-input-placeholder {
+  color: transparent;
+}
+
+::-ms-input-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+:focus::-ms-input-placeholder {
+  color: transparent;
+}
+
+::-moz-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+:focus::-moz-placeholder {
+  color: transparent;
+}
+
+::-webkit-input-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+::-moz-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+:-ms-input-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+::-ms-input-placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+::placeholder {
+  color: #9c9d9d;
+  opacity: 1;
+}
+
+:focus::-webkit-input-placeholder {
+  color: transparent;
+}
+
+:focus::-moz-placeholder {
+  color: transparent;
+}
+
+:focus:-ms-input-placeholder {
+  color: transparent;
+}
+
+:focus::-ms-input-placeholder {
+  color: transparent;
+}
+
+:focus::placeholder {
+  color: transparent;
+}
+
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  outline: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+a,
+button,
+select {
+  color: inherit;
+}
+
+a {
+  text-decoration: none;
+}
+
+a,
+input[type=button],
+input[type=submit],
+button {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  cursor: pointer;
+}
+
+[type=tel] {
+  letter-spacing: 1px;
+}
+
+.br,
+img,
+svg {
+  display: block;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-right {
+  float: right;
+}
+
+.clear-both:after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+#body {
+  font-family: "Circe", sans-serif;
+  color: #3a3b3c;
+  background: #ffffff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  gap: 50px;
+  min-width: 320px;
+  min-height: 100vh;
+  line-height: 1.25;
+}
+@media (min-width: 768px) {
+  #body {
+    gap: 60px;
+  }
+}
+#body.pdf {
+  gap: 0;
+}
+
+.container {
+  width: 100%;
+  max-width: 1280px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+@media (min-width: 768px) {
+  .container {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
+
+.to-top {
+  position: fixed;
+  right: 10px;
+  bottom: 10px;
+  border-radius: 999px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #ffffff;
+  background: #377d87;
+  width: 40px;
+  height: 40px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  margin-right: -100px;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+  z-index: 99;
+  border: 1px solid #377d87;
+}
+.to-top:hover {
+  background: #ffffff;
+  color: #377d87;
+}
+.to-top svg {
+  width: 10px;
+  height: 10px;
+}
+@media (min-width: 768px) {
+  .to-top {
+    width: 50px;
+    height: 50px;
+    right: 20px;
+    bottom: 20px;
+  }
+  .to-top svg {
+    width: 12px;
+    height: 12px;
+  }
+}
+
+.begin .to-top {
+  margin-right: 0;
+}
+
+.socials {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  gap: 8px;
+}
+.socials a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border: 1px solid #377d87;
+  color: #377d87;
+  border-radius: 999px;
+  width: 38px;
+  height: 38px;
+}
+.socials a:hover {
+  background: #377d87;
+  color: #ffffff;
+}
+.socials svg {
+  width: 12px;
+  height: 12px;
+}
+
+.nls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  color: #3a3b3c;
+  text-align: left;
+}
+.nls:hover {
+  color: #377d87;
+}
+.nls svg {
+  width: 30px;
+  height: 40px;
+}
+@media (min-width: 768px) {
+  .nls svg {
+    width: 24px;
+    height: 31px;
+  }
+}
+.nls span {
+  width: calc(100% - 30px);
+  padding-left: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  font-size: 12px;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .nls span {
+    width: calc(100% - 24px);
+  }
+}
+.nls b {
+  font-weight: 400;
+}
+
+.title,
+h1 {
+  margin: 0;
+  font-weight: 700;
+  font-size: 32px;
+}
+@media (min-width: 768px) {
+  .title,
+  h1 {
+    font-size: 40px;
+  }
+}
+@media (min-width: 992px) {
+  .title,
+  h1 {
+    font-size: 48px;
+  }
+}
+@media (min-width: 1280px) {
+  .title,
+  h1 {
+    font-size: 64px;
+  }
+}
+
+.swiper-pagination {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: static;
+  margin-top: 20px;
+  gap: 8px;
+}
+@media (min-width: 768px) {
+  .swiper-pagination {
+    margin-top: 30px;
+  }
+}
+.swiper-pagination-bullet {
+  width: 16px;
+  height: 16px;
+  opacity: 1;
+  border: 1px solid #cdcece;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  background: transparent;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: 0 !important;
+}
+.swiper-pagination-bullet:before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: #377d87;
+  opacity: 0;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+.swiper-pagination-bullet:hover {
+  border-color: #377d87;
+}
+.swiper-pagination-bullet-active {
+  border-color: #377d87;
+}
+.swiper-pagination-bullet-active:before {
+  opacity: 1;
+}
+
+.navs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  gap: 20px;
+  width: 80px;
+}
+.navs button {
+  color: #377d87;
+  background: none;
+  border: none;
+  padding: 0;
+}
+.navs button[disabled] {
+  cursor: not-allowed;
+  color: #cddee1;
+}
+.navs svg {
+  width: 14px;
+  height: 28px;
+}
+
+.select {
+  position: relative;
+}
+.select2 {
+  width: 100% !important;
+}
+.select2-container {
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .select2-container {
+    font-size: 16px;
+  }
+}
+.select2-container--open .select2-selection {
+  border-color: #377d87 !important;
+}
+.select2-container--open .select2-selection__arrow svg {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.select2-selection {
+  min-height: 30px !important;
+  border-radius: 8px !important;
+  border-color: #e7e7e7 !important;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+@media (min-width: 768px) {
+  .select2-selection {
+    min-height: 50px !important;
+  }
+}
+.select2-selection__rendered {
+  line-height: 28px !important;
+  padding: 0 30px 0 10px !important;
+}
+@media (min-width: 768px) {
+  .select2-selection__rendered {
+    line-height: 48px !important;
+    padding: 0 46px 0 20px !important;
+  }
+}
+.select2-selection__arrow {
+  top: 0 !important;
+  right: 0 !important;
+  width: 30px !important;
+  height: 100% !important;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #377d87;
+}
+@media (min-width: 768px) {
+  .select2-selection__arrow {
+    width: 50px !important;
+  }
+}
+.select2-selection__arrow svg {
+  width: 12px;
+  height: 12px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+@media (min-width: 768px) {
+  .select2-selection__arrow svg {
+    width: 14px;
+    height: 14px;
+  }
+}
+.select2-selection__choice {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  gap: 4px;
+  padding: 0 4px 0 6px !important;
+  background: #377d87 !important;
+  border: none !important;
+  border-radius: 6px !important;
+  line-height: 1 !important;
+  color: #ffffff;
+  height: 24px;
+}
+@media (min-width: 768px) {
+  .select2-selection__choice {
+    height: 32px;
+    gap: 6px;
+    padding: 0 6px 0 10px !important;
+    border-radius: 8px !important;
+  }
+}
+.select2-selection__choice__remove {
+  width: 14px;
+  height: 14px;
+  padding-top: 4px;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #ffffff !important;
+  font-weight: 400 !important;
+  font-size: 26px;
+}
+.select2-search {
+  display: none;
+}
+.select2-dropdown {
+  z-index: 99999;
+  border: none;
+  border-radius: 0;
+  background: none;
+  padding: 5px 0;
+}
+@media (min-width: 768px) {
+  .select2-dropdown {
+    padding: 10px 0;
+  }
+}
+.select2-results {
+  background: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #377d87;
+  overflow: hidden;
+}
+@media (min-width: 768px) {
+  .select2-results__option {
+    padding: 10px 14px;
+  }
+}
+.select2-results__option--highlighted {
+  background: #377d87 !important;
+}
+@media (min-width: 768px) {
+  .select_search .select2-selection__rendered {
+    padding-left: 60px !important;
+  }
+}
+.select_search .select__icon {
+  display: none;
+  height: 28px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding-right: 12px;
+  z-index: 2;
+  position: absolute;
+  top: 50%;
+  left: 15px;
+  margin-top: -14px;
+}
+@media (min-width: 768px) {
+  .select_search .select__icon {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+.select_search .select__icon:after {
+  content: "";
+  width: 1px;
+  height: 100%;
+  border-radius: 999px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: #cecece;
+}
+.select_search .select__icon svg {
+  color: #9c9d9d;
+  width: 20px;
+  height: 20px;
+}
+
+.form-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+}
+.form-group__label {
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .form-group__label {
+    font-size: 16px;
+  }
+}
+.form-group__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  position: relative;
+}
+
+.input {
+  display: block;
+  height: 30px;
+  border: 1px solid #cecece;
+  background: #ffffff;
+  font-size: 12px;
+  border-radius: 8px;
+  padding: 0 10px;
+  color: #3a3b3c;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  position: relative;
+  z-index: 1;
+}
+@media (min-width: 768px) {
+  .input {
+    padding: 0 20px;
+    height: 44px;
+    font-size: 16px;
+  }
+}
+.input:focus {
+  border-color: #377d87;
+}
+.input[disabled] {
+  color: #9c9d9d;
+  background: #e7e7e7;
+}
+.input[type=date] {
+  text-transform: uppercase;
+}
+
+.textarea {
+  resize: none;
+  display: block;
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid #cecece;
+  background: #ffffff;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  font-size: 12px;
+  line-height: 1.4;
+  padding: 10px;
+  aspect-ratio: 8/3;
+  max-height: 250px;
+}
+@media (min-width: 768px) {
+  .textarea {
+    padding: 20px;
+    font-size: 16px;
+    height: 280px;
+  }
+}
+.textarea:focus {
+  border-color: #377d87;
+}
+
+.button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #ffffff;
+  background: #377d87;
+  height: 30px;
+  border-radius: 8px;
+  padding: 0 12px;
+  border: 1px solid #377d87;
+  font-weight: 700;
+  font-size: 12px;
+  text-align: center;
+  line-height: 1;
+  gap: 6px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  cursor: pointer;
+}
+@media (min-width: 768px) {
+  .button {
+    padding: 0 24px;
+    font-size: 16px;
+    height: 44px;
+    gap: 12px;
+  }
+}
+@media (min-width: 992px) {
+  .button {
+    padding: 0 36px;
+  }
+}
+.button:hover {
+  background: transparent;
+  color: #377d87;
+}
+.button img,
+.button svg {
+  width: 12px;
+  height: 12px;
+}
+@media (min-width: 768px) {
+  .button img,
+  .button svg {
+    width: 18px;
+    height: 18px;
+  }
+}
+.button_more span + span {
+  display: none;
+}
+.button_more.active span {
+  display: none;
+}
+.button_more.active span + span {
+  display: block;
+}
+.button_light {
+  background: transparent;
+  color: #377d87;
+}
+.button_light:hover {
+  background: #377d87;
+  color: #ffffff;
+}
+.button_whited {
+  background: #ffffff;
+  color: #377d87;
+  border-color: #ffffff;
+}
+.button_whited:hover {
+  background: #377d87;
+  color: #ffffff;
+}
+
+.search {
+  width: 100%;
+  position: relative;
+  background: #ffffff;
+  border-radius: 8px;
+}
+.search span {
+  display: none;
+  height: 28px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding-right: 12px;
+  z-index: 1;
+  position: absolute;
+  top: 50%;
+  left: 15px;
+  margin-top: -14px;
+}
+@media (min-width: 768px) {
+  .search span {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+.search span:after {
+  content: "";
+  width: 1px;
+  height: 100%;
+  border-radius: 999px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: #cecece;
+}
+.search span svg {
+  color: #9c9d9d;
+  width: 20px;
+  height: 20px;
+}
+.search input {
+  width: 100%;
+  padding-right: 150px;
+  position: relative;
+  z-index: 2;
+  background: none;
+}
+@media (min-width: 768px) {
+  .search input {
+    padding-left: 60px;
+    padding-right: 220px;
+  }
+}
+.search button {
+  width: 140px;
+  position: absolute;
+  padding: 0;
+  top: 0;
+  right: 0;
+  z-index: 3;
+}
+@media (min-width: 768px) {
+  .search button {
+    width: 200px;
+  }
+}
+
+.breadcrumbs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 12px 6px;
+  margin: 0;
+  padding: 0;
+  font-size: 11px;
+  color: #cecece;
+  line-height: 1;
+}
+@media (min-width: 992px) {
+  .breadcrumbs {
+    font-size: 13px;
+  }
+}
+@media (min-width: 1280px) {
+  .breadcrumbs {
+    font-size: 16px;
+  }
+}
+.breadcrumbs li {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 6px;
+}
+.breadcrumbs li:before {
+  content: "";
+  width: 4px;
+  height: 4px;
+  background: #cecece;
+  border-radius: 999px;
+  position: relative;
+  top: -1px;
+}
+.breadcrumbs li:first-child:before {
+  display: none;
+}
+.breadcrumbs li:last-child:before {
+  background: #377d87;
+}
+.breadcrumbs a:hover {
+  color: #377d87;
+}
+.breadcrumbs b {
+  color: #377d87;
+  font-weight: 700;
+}
+
+.pagination {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  line-height: 1;
+  color: #3a3b3c;
+  font-size: 12px;
+  margin: 0 auto;
+}
+@media (min-width: 768px) {
+  .pagination {
+    font-size: 14px;
+    gap: 3px;
+  }
+}
+.pagination__item {
+  width: 40px;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background: none;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: 8px;
+}
+.pagination__item:hover {
+  -webkit-transition: 0s;
+  transition: 0s;
+  color: #377d87;
+  font-weight: 700;
+}
+.pagination__item.active {
+  font-weight: 700;
+  color: #ffffff;
+  background: #377d87;
+  border-color: #377d87;
+}
+.pagination__dots {
+  width: 40px;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.pagination__dots svg {
+  width: 15px;
+  height: 15px;
+}
+.pagination__nav {
+  width: 40px;
+  height: 40px;
+  display: none;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background: none;
+  padding: 0;
+  border: 1px solid #cddee1;
+  color: #377d87;
+  border-radius: 8px;
+}
+@media (min-width: 768px) {
+  .pagination__nav {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+.pagination__nav:hover {
+  border-color: #377d87;
+  background: #377d87;
+  color: #ffffff;
+}
+.pagination__nav svg {
+  width: 10px;
+  height: 10px;
+}
+.pagination__nav_prev {
+  margin-right: 37px;
+}
+.pagination__nav_prev svg {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.pagination__nav_next {
+  margin-left: 37px;
+}
+
+.filters {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .filters {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+  }
+}
+.filters__label {
+  color: #377d87;
+  font-size: 12px;
+  font-weight: 700;
+}
+@media (min-width: 768px) {
+  .filters__label {
+    font-size: 16px;
+  }
+}
+@media (min-width: 992px) {
+  .filters__label {
+    font-size: 18px;
+  }
+}
+.filters__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+@media (min-width: 768px) {
+  .filters__body {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+}
+@media (min-width: 768px) {
+  .filters__select {
+    width: 250px;
+  }
+}
+@media (min-width: 992px) {
+  .filters__select {
+    width: 310px;
+  }
+}
+.filters__item {
+  display: none;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 50px;
+  height: 50px;
+  padding: 0;
+  background: #ffffff;
+  border: 1px solid #377d87;
+  color: #377d87;
+  border-radius: 8px;
+  margin-left: 20px;
+}
+@media (min-width: 768px) {
+  .filters__item {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+.filters__item svg {
+  width: 24px;
+  height: 24px;
+}
+.filters__item.active {
+  background: #377d87;
+  color: #ffffff;
+}
+.filters__item + .filters__item {
+  margin-left: 8px;
+}
+
+.like,
+.chat {
+  width: 30px;
+  height: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background: none;
+  border: 1px solid #377d87;
+  padding: 0;
+  color: #377d87;
+  border-radius: 6px;
+}
+@media (min-width: 768px) {
+  .like,
+  .chat {
+    width: 44px;
+    height: 44px;
+  }
+}
+.like.active,
+.chat.active {
+  background: #377d87;
+  color: #ffffff;
+}
+.like svg,
+.chat svg {
+  width: 14px;
+  height: 14px;
+}
+@media (min-width: 768px) {
+  .like svg,
+  .chat svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+.checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  cursor: pointer;
+  position: relative;
+}
+.checkbox__input {
+  position: absolute;
+  z-index: 1;
+  width: 14px;
+  height: 14px;
+  padding: 0;
+  background: none;
+  border: none;
+  opacity: 0;
+}
+@media (min-width: 768px) {
+  .checkbox__input {
+    width: 20px;
+    height: 20px;
+  }
+}
+.checkbox__icon {
+  width: 14px;
+  height: 14px;
+  border: 1px solid #cfcfcf;
+  background: #ffffff;
+  color: #ffffff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: 4px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  position: relative;
+  z-index: 2;
+}
+@media (min-width: 768px) {
+  .checkbox__icon {
+    width: 20px;
+    height: 20px;
+  }
+}
+.checkbox__icon svg {
+  width: 8px;
+  height: 8px;
+  opacity: 0;
+}
+@media (min-width: 768px) {
+  .checkbox__icon svg {
+    width: 10px;
+    height: 10px;
+  }
+}
+.checkbox__input:checked + .checkbox__icon {
+  border-color: #377d87;
+  background: #377d87;
+}
+.checkbox__input:checked + .checkbox__icon svg {
+  opacity: 1;
+}
+.checkbox__text {
+  width: calc(100% - 14px);
+  padding-left: 6px;
+  font-size: 12px;
+  line-height: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  min-height: 14px;
+}
+@media (min-width: 768px) {
+  .checkbox__text {
+    width: calc(100% - 20px);
+    padding-left: 12px;
+    font-size: 15px;
+    min-height: 20px;
+  }
+}
+.checkbox__text a {
+  color: #377d87;
+  text-decoration: underline;
+}
+
+.file {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.file__input input {
+  display: none;
+}
+.file__list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.file__list-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  margin-top: 16px;
+}
+.file__list-item-left {
+  width: calc(100% - 16px);
+  min-height: 16px;
+  color: #9c9d9d;
+  font-size: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+@media (min-width: 768px) {
+  .file__list-item-left {
+    width: auto;
+    max-width: calc(100% - 16px);
+    font-size: 16px;
+  }
+}
+.file__list-item-left svg {
+  width: 16px;
+  height: 16px;
+}
+.file__list-item-left span {
+  width: calc(100% - 16px);
+  min-height: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 8px;
+}
+.file__list-item-right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0;
+  background: none;
+  border: none;
+  width: 16px;
+  height: 16px;
+  color: #377d87;
+}
+.file__list-item-right:hover {
+  color: #3a3b3c;
+}
+.file__list-item-right svg {
+  width: 10px;
+  height: 10px;
+}
+.file__list-item + .file__list-item {
+  margin-top: 10px;
+}
+
+.rate {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .rate {
+    gap: 20px;
+  }
+}
+.rate__label {
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1;
+}
+@media (min-width: 768px) {
+  .rate__label {
+    font-size: 18px;
+  }
+}
+.rate__stars {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+.back {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 14px;
+  color: #377d87;
+  font-weight: 700;
+}
+@media (min-width: 768px) {
+  .back {
+    font-size: 18px;
+  }
+}
+.back:hover {
+  color: #4d88d9;
+}
+.back svg {
+  width: 16px;
+  height: 16px;
+}
+@media (min-width: 768px) {
+  .back svg {
+    width: 26px;
+    height: 26px;
+  }
+}
+.back span {
+  width: calc(100% - 16px);
+  padding-left: 10px;
+}
+@media (min-width: 768px) {
+  .back span {
+    width: calc(100% - 26px);
+    padding-left: 20px;
+  }
+}
+
+.callback {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 16px;
+}
+@media (min-width: 992px) {
+  .callback {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    gap: 20px 0;
+  }
+}
+.callback__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 16px;
+}
+@media (min-width: 992px) {
+  .callback__body {
+    width: calc(50% - 10px);
+    gap: 10px;
+  }
+}
+@media (min-width: 992px) {
+  .callback__textarea {
+    width: calc(50% - 10px);
+    height: auto;
+  }
+}
+.callback__bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 16px;
+}
+@media (min-width: 768px) {
+  .callback__bottom {
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+  }
+}
+@media (min-width: 992px) {
+  .callback__bottom {
+    width: 100%;
+    gap: 20px;
+  }
+}
+
+.error .input,
+.error .textarea {
+  border-color: #eb5757;
+}
+.error label {
+  display: block;
+}
+
+.eye {
+  position: absolute;
+  z-index: 2;
+  top: 50%;
+  -webkit-transform: translate(0, -50%);
+      -ms-transform: translate(0, -50%);
+          transform: translate(0, -50%);
+  right: 10px;
+  aspect-ratio: 1/1;
+  width: 16px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: #9c9d9d;
+}
+@media (min-width: 768px) {
+  .eye {
+    width: 24px;
+    right: 20px;
+  }
+}
+.eye svg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.eye svg + svg {
+  display: none;
+}
+.eye.active {
+  color: #377d87;
+}
+.eye.active svg {
+  display: none;
+}
+.eye.active svg + svg {
+  display: block;
+}
+
+.del {
+  width: 32px;
+  aspect-ratio: 1/1;
+  background: #377d87;
+  color: #ffffff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: 8px;
+  padding: 0;
+  border: 1px solid #377d87;
+}
+.del:hover {
+  background: #ffffff;
+  color: #377d87;
+}
+.del svg {
+  width: 50%;
+  aspect-ratio: 1/1;
+}
+
+.notify {
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  padding: 6px 12px;
+  border-radius: 8px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+@media (min-width: 768px) {
+  .notify {
+    padding: 12px 20px;
+  }
+}
+.notify_red {
+  background: #f9cdcd;
+}
+.notify svg {
+  color: #4d88d9;
+  width: 20px;
+  aspect-ratio: 1/1;
+}
+.notify span {
+  font-size: 12px;
+  padding-left: 10px;
+  min-height: 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .notify span {
+    font-size: 16px;
+  }
+}
+
+.table {
+  margin: 0 -10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .table {
+    margin: 0;
+    gap: 30px;
+  }
+}
+.table__button {
+  display: none;
+}
+.table_spoiler .table__button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.table__scroll {
+  overflow: hidden;
+  overflow-x: auto;
+  padding: 0 10px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .table__scroll {
+    padding: 0;
+  }
+}
+.table__body {
+  border-radius: 8px;
+  overflow: hidden;
+}
+.table__body_min-width {
+  min-width: 580px;
+}
+.table table {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 12px;
+  border-radius: 8px;
+}
+@media (min-width: 768px) {
+  .table table {
+    font-size: 14px;
+  }
+}
+@media (min-width: 1280px) {
+  .table table {
+    font-size: 16px;
+  }
+}
+.table thead tr th,
+.table thead tr td {
+  background: #377d87;
+  color: #ffffff;
+  font-weight: 700;
+  border-top-color: #377d87;
+}
+.table thead tr th:first-child,
+.table thead tr td:first-child {
+  border-left-color: #377d87;
+}
+.table thead tr th:last-child,
+.table thead tr td:last-child {
+  border-right-color: #377d87;
+}
+.table_spoiler tr {
+  display: none;
+}
+.table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
+  display: table-row;
+}
+.table_spoiler.active tr {
+  display: table-row;
+}
+.table th,
+.table td {
+  text-align: left;
+  padding: 10px;
+  border: 1px solid #cecece;
+}
+@media (min-width: 768px) {
+  .table td {
+    padding: 14px 10px;
+  }
+}
+.table__status {
+  color: #9c9d9d;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 6px;
+  position: relative;
+  padding-left: 14px;
+}
+.table__status i {
+  background: #9c9d9d;
+  width: 8px;
+  aspect-ratio: 1/1;
+  border-radius: 999px;
+  position: absolute;
+  top: 4px;
+  left: 0;
+}
+.table__status.green {
+  color: #377d87;
+}
+.table__status.green i {
+  background: #377d87;
+}
+.table__link {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 4px;
+  color: #4d88d9;
+}
+@media (min-width: 768px) {
+  .table__link {
+    gap: 6px;
+  }
+}
+.table__link:hover {
+  color: #3a3b3c;
+}
+.table__link svg {
+  width: 12px;
+  aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+  .table__link svg {
+    width: 16px;
+  }
+}
+.table__controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 8px;
+}
+@media (min-width: 1280px) {
+  .table__controls {
+    gap: 12px;
+  }
+}
+.table__controls-item {
+  width: 24px;
+  aspect-ratio: 1/1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border: 1px solid #377d87;
+  border-radius: 8px;
+  color: #377d87;
+  background: none;
+  padding: 0;
+}
+@media (min-width: 1280px) {
+  .table__controls-item {
+    width: 30px;
+  }
+}
+.table__controls-item:hover {
+  background: #377d87;
+  color: #ffffff;
+}
+.table__controls-item svg {
+  width: 60%;
+  aspect-ratio: 1/1;
+}
+.table__controls-item:nth-of-type(4) svg {
+  width: 80%;
+}
+
+.gl-star-rating--stars:before, .gl-star-rating--stars:after {
+  display: none;
+}
+.gl-star-rating--stars span {
+  width: 22px !important;
+  height: 22px !important;
+  background-size: 22px 22px !important;
+}
+@media (min-width: 768px) {
+  .gl-star-rating--stars span {
+    width: 30px !important;
+    height: 30px !important;
+    background-size: 30px 30px !important;
+  }
+}
+
+.more {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.more_mt {
+  margin-top: 20px;
+}
+.more .button {
+  min-width: 100px;
+  padding: 0;
+}
+@media (min-width: 768px) {
+  .more .button {
+    min-width: 180px;
+  }
+}
+
+.header {
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+  background: #ffffff;
+  position: relative;
+  z-index: 5;
+  overflow: hidden;
+}
+@media (min-width: 768px) {
+  .header {
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+}
+.header__body {
+  height: 42px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .header__body {
+    height: 70px;
+  }
+}
+.header__left {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 40px;
+}
+.header__right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 14px;
+}
+@media (min-width: 768px) {
+  .header__right {
+    gap: 20px;
+  }
+}
+.header__right-line {
+  width: 1px;
+  height: 32px;
+  background: #e6e7e7;
+  border-radius: 999px;
+}
+@media (min-width: 992px) {
+  .header__right-line {
+    display: none;
+  }
+}
+.header__logo {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  color: #377d87;
+}
+.header__logo svg {
+  width: 105px;
+  height: 31px;
+}
+@media (min-width: 768px) {
+  .header__logo svg {
+    width: 182px;
+    height: 54px;
+  }
+}
+.header__menu {
+  display: none;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .header__menu {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+.header__menu-item:hover {
+  color: #377d87;
+}
+.header__notifs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  color: #377d87;
+  padding: 0;
+  border: none;
+  background: none;
+  width: 24px;
+  height: 24px;
+}
+@media (min-width: 992px) {
+  .header__notifs {
+    width: auto;
+    height: auto;
+    color: #3a3b3c;
+    line-height: 1.4;
+  }
+}
+@media (min-width: 992px) {
+  .header__notifs:hover {
+    color: #377d87;
+  }
+}
+.header__notifs svg {
+  width: 20px;
+  height: 20px;
+}
+@media (min-width: 992px) {
+  .header__notifs svg {
+    display: none;
+  }
+}
+.header__notifs span {
+  display: none;
+}
+@media (min-width: 992px) {
+  .header__notifs span {
+    display: inline;
+  }
+}
+.header__notifs_actived {
+  position: relative;
+}
+@media (min-width: 992px) {
+  .header__notifs_actived {
+    padding-right: 12px;
+  }
+}
+.header__notifs_actived:after {
+  content: "";
+  border: 1px solid #ffffff;
+  background: #377d87;
+  border-radius: 999px;
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  right: 0;
+}
+@media (min-width: 992px) {
+  .header__notifs_actived:after {
+    width: 8px;
+    height: 8px;
+    border: none;
+  }
+}
+.header__burger {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: #377d87;
+  padding: 0;
+  border: none;
+  background: none;
+}
+@media (min-width: 992px) {
+  .header__burger {
+    display: none;
+  }
+}
+.header__burger svg {
+  width: 20px;
+  height: 20px;
+}
+.header__burger svg + svg {
+  display: none;
+}
+.header__sign {
+  display: none;
+}
+@media (min-width: 992px) {
+  .header__sign {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+
+.mob-menu {
+  display: none;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100vw;
+  height: calc(100vh - 42px);
+  z-index: 4;
+  background: #ffffff;
+  overflow: hidden;
+  overflow-y: auto;
+  padding: 50px 0;
+}
+.mob-menu__bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-top: 80px;
+}
+.mob-menu__bottom .button {
+  min-width: 120px;
+}
+.mob-menu__bottom-link {
+  text-decoration: underline;
+  margin-top: 50px;
+}
+.mob-menu__bottom-link:hover {
+  color: #377d87;
+}
+.mob-menu__bottom-link + .mob-menu__bottom-link {
+  margin-top: 10px;
+}
+.mob-menu__bottom .socials {
+  margin-top: 35px;
+}
+.mob-menu .footer__mobile-menu {
+  opacity: 1;
+  height: auto;
+  overflow: visible;
+}
+.mob-menu .footer__mobile-menu-item button {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.mob-menu .footer__mobile-menu-item div {
+  font-size: 20px;
+}
+.mob-menu .footer__mobile-contacts a {
+  font-size: 20px;
+  font-weight: 700;
+  color: #3a3b3c;
+  text-decoration: none;
+}
+.mob-menu .footer__mobile-contacts a:hover {
+  color: #377d87;
+}
+.mob-menu .footer__mobile-menu-item button b,
+.mob-menu .footer__mobile-contacts a {
+  font-size: 30px;
+}
+
+.menu-is-actived {
+  overflow: hidden;
+}
+@media (min-width: 992px) {
+  .menu-is-actived {
+    overflow: auto;
+  }
+}
+.menu-is-actived .header__burger svg {
+  display: none;
+}
+.menu-is-actived .header__burger svg + svg {
+  display: block;
+}
+.menu-is-actived .mob-menu {
+  display: block;
+}
+@media (min-width: 992px) {
+  .menu-is-actived .mob-menu {
+    display: none;
+  }
+}
+
+.footer {
+  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
+          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
+  background: #ffffff;
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+}
+.footer__mobile {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 25px 0 30px 0;
+}
+@media (min-width: 768px) {
+  .footer__mobile {
+    padding: 30px 0;
+  }
+}
+@media (min-width: 992px) {
+  .footer__mobile {
+    display: none;
+  }
+}
+.footer__mobile-toper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0;
+  border: none;
+  background: none;
+}
+.footer__mobile-toper a, .footer__mobile-toper b {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #377d87;
+}
+.footer__mobile-toper a svg, .footer__mobile-toper b svg {
+  width: 137px;
+  height: 40px;
+}
+.footer__mobile-toper span {
+  width: 40px;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background: #377d87;
+  color: #ffffff;
+  border-radius: 999px;
+}
+.footer__mobile-toper span svg {
+  width: 10px;
+  height: 10px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+.footer__mobile-toper.active span svg {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.footer__mobile-menu {
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 30px;
+}
+@media (min-width: 768px) {
+  .footer__mobile-menu {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 100px;
+  }
+}
+.footer__mobile-menu-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.footer__mobile-menu-item button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  padding: 0;
+  border: none;
+  background: none;
+}
+.footer__mobile-menu-item button.active {
+  color: #377d87;
+}
+.footer__mobile-menu-item button b {
+  width: calc(100% - 24px);
+  padding-right: 12px;
+  min-height: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 20px;
+  font-weight: 700;
+}
+.footer__mobile-menu-item button span {
+  width: 24px;
+  height: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0;
+  border: none;
+  background: none;
+}
+.footer__mobile-menu-item button svg {
+  width: 12px;
+  height: 12px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.footer__mobile-menu-item button.active svg {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+}
+.footer__mobile-menu-item div {
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 15px;
+}
+.footer__mobile-menu-item div a:hover {
+  color: #377d87;
+}
+.footer__mobile-menu-item .active + div {
+  opacity: 1;
+  height: auto;
+  overflow: visible;
+  padding-top: 15px;
+}
+.active + .footer__mobile-menu {
+  opacity: 1;
+  height: auto;
+  overflow: visible;
+  padding-top: 35px;
+}
+.footer__mobile-contacts {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-top: 30px;
+}
+.footer__mobile-contacts b {
+  font-size: 20px;
+  font-weight: 700;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.footer__mobile-contacts a {
+  color: #377d87;
+  text-decoration: underline;
+}
+.footer__mobile-contacts a + a {
+  color: #3a3b3c;
+}
+.footer__mobile-bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  text-align: center;
+  gap: 20px;
+  margin-top: 100px;
+}
+.footer__mobile-links {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
+}
+.footer__mobile-links a:hover {
+  color: #377d87;
+}
+.footer__mobile-links span {
+  width: 60px;
+  height: 1px;
+  background: #377d87;
+}
+.footer__main {
+  display: none;
+  padding: 55px 0 20px 0;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 70px;
+}
+@media (min-width: 992px) {
+  .footer__main {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+.footer__main-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+.footer__main-logo {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #377d87;
+}
+.footer__main-logo svg {
+  width: 182px;
+  height: 54px;
+}
+.footer__main-title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 16px;
+}
+.footer__main-col {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+.footer__main-col nav {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 8px;
+}
+.footer__main-col nav a:hover {
+  color: #377d87;
+}
+.footer__main-contacts {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 16px;
+  margin-bottom: 16px;
+}
+.footer__main-contacts a {
+  color: #377d87;
+  text-decoration: underline;
+}
+.footer__main-contacts a + a {
+  color: #3a3b3c;
+}
+.footer__main-copy {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 14px;
+  line-height: 1.4;
+}
+.footer__main-copy nav {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
+}
+.footer__main-copy nav a:hover {
+  color: #377d87;
+}
+.footer__main-copy nav span {
+  width: 1px;
+  height: 20px;
+  background: #6b6c6d;
+}
+
+.main {
+  position: relative;
+  overflow: hidden;
+  padding: 30px 0;
+}
+@media (min-width: 768px) {
+  .main {
+    padding: 40px 0;
+  }
+}
+@media (min-width: 992px) {
+  .main {
+    padding: 50px 0;
+  }
+}
+@media (min-width: 1280px) {
+  .main {
+    padding: 60px 0;
+  }
+}
+.main h2 {
+  margin: 0;
+  font-weight: 700;
+  font-size: 30px;
+}
+@media (min-width: 768px) {
+  .main h2 {
+    font-size: 44px;
+  }
+}
+.main h3 {
+  margin: 0;
+  font-weight: 700;
+  font-size: 22px;
+}
+@media (min-width: 768px) {
+  .main h3 {
+    font-size: 28px;
+  }
+}
+.main p {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .main p {
+    font-size: 18px;
+  }
+}
+.main p a {
+  color: #4d88d9;
+}
+.main p a:hover {
+  color: #377d87;
+}
+.main__breadcrumbs {
+  margin-bottom: 20px;
+}
+@media (min-width: 768px) {
+  .main__breadcrumbs {
+    margin-bottom: 40px;
+  }
+}
+.main__content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  font-size: 14px;
+}
+@media (min-width: 992px) {
+  .main__content {
+    font-size: 18px;
+    gap: 32px;
+  }
+}
+.main__content-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 16px;
+}
+.main__content h1,
+.main__content h2,
+.main__content h3,
+.main__content h4,
+.main__content h5,
+.main__content h6 {
+  color: #3a3b3c;
+}
+.main__content ul,
+.main__content ol {
+  padding: 0;
+  margin: 0;
+  padding-left: 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 8px;
+}
+@media (min-width: 992px) {
+  .main__content ul,
+  .main__content ol {
+    gap: 16px;
+    padding-left: 30px;
+  }
+}
+.main__content li ul,
+.main__content li ol {
+  margin-top: 8px;
+}
+@media (min-width: 992px) {
+  .main__content li ul,
+  .main__content li ol {
+    margin-top: 16px;
+  }
+}
+.main__content li ul li,
+.main__content li ol li {
+  list-style-type: disc;
+}
+.main__gallery {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__gallery {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 992px) {
+  .main__gallery {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+.main__gallery-item {
+  width: 100%;
+  aspect-ratio: 400/224;
+  border-radius: 30px;
+  position: relative;
+  overflow: hidden;
+}
+.main__gallery-item:hover {
+  -webkit-filter: brightness(1.1);
+          filter: brightness(1.1);
+}
+.main__gallery-item img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.main__employers {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .main__employers {
+    gap: 30px;
+  }
+}
+.main__employers-body {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 992px) {
+  .main__employers-body {
+    gap: 30px;
+  }
+}
+.main__employers-body.showed {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.main__employers-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  border: 1px solid #cecece;
+  border-radius: 8px;
+  position: relative;
+  overflow: hidden;
+  padding: 10px;
+  padding-top: 50px;
+  padding-bottom: 30px;
+}
+@media (min-width: 768px) {
+  .main__employers-item {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    padding: 55px 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .main__employers-item {
+    padding-left: 55px;
+  }
+}
+.main__employers-item-inner {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+@media (min-width: 768px) {
+  .main__employers-item-inner {
+    width: calc(100% - 200px);
+    padding-right: 40px;
+  }
+}
+@media (min-width: 992px) {
+  .main__employers-item-inner {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+}
+.main__employers-item-pic {
+  height: 30px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+}
+@media (min-width: 768px) {
+  .main__employers-item-pic {
+    position: static;
+    width: 150px;
+    height: auto;
+    max-height: 150px;
+    -o-object-fit: contain;
+       object-fit: contain;
+  }
+}
+.main__employers-item-body {
+  font-size: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .main__employers-item-body {
+    font-size: 16px;
+    padding-top: 20px;
+  }
+}
+@media (min-width: 992px) {
+  .main__employers-item-body {
+    width: calc(100% - 150px);
+    padding: 0;
+    padding-left: 40px;
+  }
+}
+.main__employers-item-body b {
+  font-weight: 700;
+}
+@media (min-width: 768px) {
+  .main__employers-item-body b {
+    font-size: 20px;
+  }
+}
+.main__employers-item-body i {
+  font-style: normal;
+  color: #3a3b3c;
+}
+.main__employers-item-more {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+@media (min-width: 768px) {
+  .main__employers-item-more {
+    width: 200px;
+    padding: 0;
+    position: static;
+  }
+}
+.main__employers-item-label {
+  background: #4d88d9;
+  color: #ffffff;
+  border-radius: 6px;
+  width: 100%;
+  height: 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 12px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  font-size: 12px;
+  line-height: 1;
+}
+@media (min-width: 768px) {
+  .main__employers-item-label {
+    max-width: 350px;
+    height: 30px;
+    font-size: 15px;
+  }
+}
+.main__employers-item-label svg {
+  width: 8px;
+  height: 8px;
+}
+@media (min-width: 768px) {
+  .main__employers-item-label svg {
+    width: 12px;
+    height: 12px;
+  }
+}
+.main__employers-item-label span {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  width: calc(100% - 8px);
+  padding-left: 6px;
+}
+.main__employers-one {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+.main__employers-two {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__employers-two {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    gap: 20px 0;
+  }
+}
+.main__employers-two .main__employers-item {
+  width: calc(50% - 10px);
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+  padding-top: 30px;
+}
+.main__employers-two .main__employers-item-inner {
+  width: 100%;
+  padding: 0;
+}
+.main__employers-two .main__employers-item-more {
+  position: static;
+  margin-top: 20px;
+}
+@media (min-width: 992px) {
+  .main__employers-two .main__employers-item-more {
+    margin-left: 190px;
+  }
+}
+.main__employers-two .main__employers-item-label {
+  max-width: none;
+}
+.main__employer-page {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__employer-page {
+    gap: 30px;
+  }
+}
+.main__employer-page-title {
+  color: #3a3b3c;
+  margin: 0;
+  font-size: 30px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-title {
+    font-size: 36px;
+  }
+}
+@media (min-width: 992px) {
+  .main__employer-page-title {
+    font-size: 44px;
+  }
+}
+.main__employer-page-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+  font-size: 12px;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .main__employer-page-item {
+    font-size: 18px;
+    gap: 8px;
+  }
+}
+.main__employer-page-item b {
+  color: #377d87;
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-item b {
+    font-size: 18px;
+  }
+}
+.main__employer-page-item span {
+  color: #3a3b3c;
+}
+.main__employer-page-info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-info {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 30px 40px;
+  }
+}
+@media (min-width: 1280px) {
+  .main__employer-page-info {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    padding-right: 160px;
+  }
+}
+@media (min-width: 768px) {
+  .main__employer-page-info .main__employer-page-item b,
+  .main__employer-page-info .main__employer-page-item span {
+    max-width: 300px;
+  }
+}
+.main__employer-page-tabs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-tabs {
+    margin-top: 20px;
+  }
+}
+.main__employer-page-tabs-item {
+  font-size: 22px;
+  font-weight: 700;
+  border: none;
+  background: none;
+  padding: 0;
+  color: #9c9d9d;
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-tabs-item {
+    font-size: 24px;
+  }
+}
+.main__employer-page-tabs-item.active {
+  color: #377d87;
+}
+.main__employer-page-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  margin-top: 10px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-body {
+    margin-top: 30px;
+  }
+}
+.main__employer-page-body-item {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+.main__employer-page-body-item.showed {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.main__employer-page-one {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-one {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 992px) {
+  .main__employer-page-one {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+@media (min-width: 1280px) {
+  .main__employer-page-one {
+    grid-template-columns: repeat(4, 1fr);
+    gap: 30px 20px;
+  }
+}
+.main__employer-page-one-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  font-size: 12px;
+  position: relative;
+}
+@media (min-width: 1280px) {
+  .main__employer-page-one-item {
+    font-size: 18px;
+  }
+}
+.main__employer-page-one-item img {
+  border-radius: 10px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  width: 100%;
+  max-height: 250px;
+  aspect-ratio: 247/174;
+}
+@media (min-width: 1280px) {
+  .main__employer-page-one-item img {
+    margin-bottom: 10px;
+  }
+}
+.main__employer-page-one-item b {
+  font-weight: 700;
+  color: #377d87;
+}
+.main__employer-page-one-item span {
+  color: #3a3b3c;
+}
+.main__employer-page-one-item i {
+  font-style: normal;
+  color: #377d87;
+}
+.main__employer-page-one-item .del {
+  position: absolute;
+  z-index: 1;
+  top: 8px;
+  left: 8px;
+}
+.main__employer-page-two {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+.main__employer-page-two-item {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 16px;
+  padding: 20px 10px;
+  border-radius: 12px;
+  border: 1px solid #cecece;
+  position: relative;
+  overflow: hidden;
+  font-size: 12px;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item {
+    font-size: 14px;
+    padding: 20px;
+    gap: 24px;
+    padding-bottom: 35px;
+  }
+}
+@media (min-width: 992px) {
+  .main__employer-page-two-item {
+    font-size: 16px;
+  }
+}
+@media (min-width: 1280px) {
+  .main__employer-page-two-item {
+    font-size: 18px;
+  }
+}
+.main__employer-page-two-item-toper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 22px;
+  font-weight: 700;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-toper {
+    font-size: 30px;
+  }
+}
+.main__employer-page-two-item-toper img {
+  width: 60px;
+  aspect-ratio: 1/1;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.main__employer-page-two-item-toper span {
+  width: calc(100% - 60px);
+  padding-left: 10px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-toper span {
+    padding-left: 20px;
+  }
+}
+.main__employer-page-two-item-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #377d87;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-title {
+    font-size: 24px;
+  }
+}
+.main__employer-page-two-item-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+.main__employer-page-two-item-text-name {
+  font-weight: 700;
+}
+.main__employer-page-two-item-text-body {
+  color: #3a3b3c;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 6px;
+  padding: 0 10px;
+}
+.main__employer-page-two-item-text-body p {
+  margin: 0;
+}
+.main__employer-page-two-item-text-body ul {
+  margin: 0;
+  padding: 0;
+  padding-left: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 6px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-text-body ul {
+    margin: 0 5px;
+  }
+}
+.main__employer-page-two-item-text-body ul span,
+.main__employer-page-two-item-text-body ul a {
+  color: #3a3b3c;
+  position: relative;
+}
+.main__employer-page-two-item-text-body ul a:hover {
+  color: #377d87;
+}
+.main__employer-page-two-item-text-body p + ul {
+  margin-top: 10px;
+}
+.main__employer-page-two-item-text-links {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 10px;
+  padding: 0 10px;
+  font-weight: 700;
+  margin-top: 5px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-text-links {
+    gap: 20px;
+  }
+}
+.main__employer-page-two-item-text-links a {
+  color: #4d88d9;
+}
+.main__employer-page-two-item-text-links a:hover {
+  color: #377d87;
+}
+.main__employer-page-two-item-tags {
+  color: #4d88d9;
+  font-weight: 500;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 10px 20px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-tags {
+    font-size: 14px;
+  }
+}
+.main__employer-page-two-item-buttons {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-button {
+    position: absolute;
+    bottom: 20px;
+    left: 20px;
+    width: 200px;
+    padding: 0;
+  }
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-button + .main__employer-page-two-item-button {
+    left: auto;
+    right: 20px;
+  }
+}
+.main__employer-page-two-item-bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.main__employer-page-two-item-bottom-date {
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-bottom-date {
+    position: absolute;
+    bottom: 20px;
+    right: 240px;
+    height: 42px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+}
+@media (min-width: 992px) {
+  .main__employer-page-two-item-bottom-date {
+    font-size: 16px;
+  }
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-item-bottom-like {
+    position: absolute;
+    bottom: 20px;
+    left: 240px;
+  }
+}
+@media (min-width: 768px) {
+  .main__employer-page-two-more {
+    margin-top: 10px;
+    padding: 0;
+    width: 200px;
+  }
+}
+.main__employer-page-two .main__employer-page-two-item {
+  display: none;
+}
+.main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.main__employer-page-two.active .main__employer-page-two-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.main__resume-base {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  color: #3a3b3c;
+}
+.main__resume-base-body {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  margin-top: 10px;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body {
+    margin-top: 30px;
+  }
+}
+.main__resume-base-body.showed {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.main__resume-base-body-one {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-one {
+    gap: 30px;
+  }
+}
+.main__resume-base-body-two {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-two {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    gap: 30px 0;
+  }
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-two .main__resume-base-body-item {
+    width: calc(50% - 10px);
+  }
+}
+.main__resume-base-body-two .main__resume-base-body-item-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.main__resume-base-body-item {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  position: relative;
+  border: 1px solid #377d87;
+  border-radius: 8px;
+  padding: 10px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item {
+    padding: 20px;
+  }
+}
+.main__resume-base-body-item-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 10px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item-buttons {
+    top: 20px;
+    right: 20px;
+  }
+}
+.main__resume-base-body-item-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 20px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item-wrapper {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+}
+.main__resume-base-body-item-photo {
+  width: 180px;
+  aspect-ratio: 1/1;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: 8px;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item-photo {
+    width: 210px;
+  }
+}
+.main__resume-base-body-item-inner {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item-inner {
+    gap: 16px;
+    padding-right: 50px;
+  }
+}
+@media (min-width: 992px) {
+  .main__resume-base-body-item-inner {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 30px;
+  }
+}
+.main__resume-base-body-item-inner div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item-inner div {
+    font-size: 16px;
+  }
+}
+.main__resume-base-body-item-inner b {
+  color: #377d87;
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item-inner b {
+    font-size: 18px;
+  }
+}
+.main__resume-base-body-item-link {
+  width: 100%;
+  padding: 0;
+}
+@media (min-width: 768px) {
+  .main__resume-base-body-item-link {
+    width: 200px;
+  }
+}
+.main__spoiler {
+  overflow: hidden;
+  border-radius: 8px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.main__spoiler-toper {
+  background: #377d87;
+  height: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: 700;
+  padding: 0 30px;
+  border: none;
+  position: relative;
+}
+@media (min-width: 768px) {
+  .main__spoiler-toper {
+    font-size: 18px;
+    height: 50px;
+    padding: 0 60px;
+  }
+}
+.main__spoiler-toper:before, .main__spoiler-toper:after {
+  content: "";
+  background: #ffffff;
+  border-radius: 999px;
+  width: 10px;
+  height: 1px;
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  -webkit-transform: translate(0, -50%);
+      -ms-transform: translate(0, -50%);
+          transform: translate(0, -50%);
+}
+@media (min-width: 768px) {
+  .main__spoiler-toper:before, .main__spoiler-toper:after {
+    width: 20px;
+    height: 2px;
+    right: 20px;
+  }
+}
+.main__spoiler-toper:after {
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.main__spoiler-toper.active:after {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+}
+.main__spoiler-body {
+  opacity: 0;
+  height: 0;
+  overflow: hidden;
+  border-radius: 0 0 8px 8px;
+  background: #ffffff;
+}
+.main__spoiler-body table {
+  width: calc(100% + 2px);
+  margin-left: -1px;
+  margin-bottom: -1px;
+}
+@media (min-width: 992px) {
+  .main__spoiler-body table td {
+    width: 40%;
+  }
+}
+@media (min-width: 992px) {
+  .main__spoiler-body table td + td {
+    width: 60%;
+  }
+}
+.active + .main__spoiler-body {
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  opacity: 1;
+  height: auto;
+  border: 1px solid #cecece;
+  border-top: none;
+}
+.main__table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  font-size: 12px;
+  width: 100%;
+  background: #ffffff;
+}
+@media (min-width: 768px) {
+  .main__table {
+    font-size: 16px;
+  }
+}
+.main__table td {
+  border: 1px solid #cecece;
+  padding: 4px 8px;
+  vertical-align: top;
+}
+@media (min-width: 768px) {
+  .main__table td {
+    padding: 8px 16px;
+  }
+}
+.main__table td b {
+  font-weight: 700;
+}
+.main__table_three {
+  table-layout: auto;
+}
+.main__table_three td {
+  width: 25% !important;
+}
+.main__table_three td:last-child {
+  width: 50% !important;
+}
+.main__table b {
+  display: block;
+}
+.main__table a {
+  color: #377d87;
+  text-decoration: underline;
+}
+.main__table a:hover {
+  color: #3a3b3c;
+}
+.main__resume-profile-about {
+  padding-top: 20px;
+  padding-bottom: 30px;
+  position: relative;
+  margin-top: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 10px;
+}
+@media (min-width: 992px) {
+  .main__resume-profile-about {
+    padding: 50px 0;
+  }
+}
+.main__resume-profile-about:before {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 50%;
+  width: 20000px;
+  height: 100%;
+  margin-left: -10000px;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+.main__resume-profile-about-title {
+  position: relative;
+  z-index: 2;
+  color: #3a3b3c;
+}
+.main__resume-profile-about-text {
+  position: relative;
+  z-index: 2;
+}
+.main__resume-profile-about-button {
+  position: relative;
+  z-index: 2;
+  margin-top: 10px;
+}
+.main__resume-profile-info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  margin-top: 30px;
+}
+@media (min-width: 992px) {
+  .main__resume-profile-info {
+    margin-top: 50px;
+    gap: 30px;
+  }
+}
+.main__resume-profile-info-title {
+  color: #3a3b3c;
+}
+.main__resume-profile-info-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 992px) {
+  .main__resume-profile-info-body {
+    gap: 30px;
+  }
+}
+.main__resume-profile-info-body-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .main__resume-profile-info-body-item {
+    gap: 20px;
+  }
+}
+.main__resume-profile-info-body-subtitle {
+  color: #4d88d9;
+}
+.main__resume-profile-info-body-inner {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  margin: 0;
+  padding: 0;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .main__resume-profile-info-body-inner {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 992px) {
+  .main__resume-profile-info-body-inner {
+    grid-template-columns: repeat(3, 1fr);
+    font-size: 16px;
+  }
+}
+.main__resume-profile-info-body-inner li {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 6px;
+}
+@media (min-width: 992px) {
+  .main__resume-profile-info-body-inner li {
+    gap: 8px;
+  }
+}
+.main__resume-profile-info-body-inner b {
+  color: #377d87;
+  font-size: 14px;
+}
+@media (min-width: 992px) {
+  .main__resume-profile-info-body-inner b {
+    font-size: 18px;
+  }
+}
+.main__resume-profile-info-body-inner span {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+}
+@media (min-width: 992px) {
+  .main__resume-profile-info-body-inner span {
+    gap: 6px;
+  }
+}
+.main__resume-profile-review {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  padding: 20px 10px;
+  margin-top: 30px;
+  border-radius: 16px;
+  border: 1px solid #cecece;
+  background: #ffffff;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 992px) {
+  .main__resume-profile-review {
+    margin-top: 50px;
+    padding: 50px 40px;
+    gap: 30px;
+  }
+}
+.main__resume-profile-review-title {
+  color: #3a3b3c;
+}
+.main__resume-profile-review-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 10px;
+}
+.main__resume-profile-review-body .textarea {
+  width: 100%;
+}
+.main__resume-profile-review-body .button {
+  margin-top: 10px;
+}
+.main__vacancies {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .main__vacancies {
+    gap: 30px;
+  }
+}
+.main__vacancies-title {
+  color: #3a3b3c;
+  width: 100%;
+}
+.main__vacancies-filters {
+  width: 100%;
+}
+.main__vacancies-item {
+  width: 100%;
+  background: none;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+.main__vacancies-item-page {
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: none;
+  margin: 0 -10px;
+}
+@media (min-width: 768px) {
+  .main__vacancies-item-page {
+    margin: 0 -20px;
+  }
+}
+.main__vacancies-thing {
+  width: 100%;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  padding: 20px 10px;
+  padding-bottom: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 24px;
+  border-radius: 12px;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 992px) {
+  .main__vacancies-thing {
+    padding: 30px 20px;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    gap: 0;
+  }
+}
+@media (min-width: 1280px) {
+  .main__vacancies-thing {
+    padding: 50px 20px;
+  }
+}
+.main__vacancies-thing-pic {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  aspect-ratio: 42/34;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: 8px;
+  max-height: 340px;
+}
+@media (min-width: 992px) {
+  .main__vacancies-thing-pic {
+    width: 380px;
+  }
+}
+@media (min-width: 1280px) {
+  .main__vacancies-thing-pic {
+    width: 420px;
+  }
+}
+.main__vacancies-thing-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 16px;
+  color: #3a3b3c;
+}
+@media (min-width: 992px) {
+  .main__vacancies-thing-body {
+    width: calc(100% - 380px);
+    padding-left: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .main__vacancies-thing-body {
+    width: calc(100% - 420px);
+    gap: 20px;
+  }
+}
+.main__vacancies-thing-body > * {
+  width: 100%;
+}
+.main__vacancies-thing-body .button {
+  width: auto;
+}
+@media (min-width: 768px) {
+  .main__vacancies-thing-body .button {
+    min-width: 200px;
+  }
+}
+.main__vacancies-thing-scroll {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 16px;
+  overflow: hidden;
+  overflow-y: auto;
+  max-height: 180px;
+  padding-right: 10px;
+}
+@media (min-width: 768px) {
+  .main__vacancies-thing-scroll {
+    max-height: 210px;
+    padding-right: 20px;
+  }
+}
+@media (min-width: 992px) {
+  .main__vacancies-thing-scroll {
+    max-height: 175px;
+  }
+}
+@media (min-width: 1280px) {
+  .main__vacancies-thing-scroll {
+    max-height: 200px;
+    gap: 20px;
+  }
+}
+.main__cond {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 50px;
+}
+.main__cond > div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+.main__cond-label {
+  border-radius: 16px;
+  border: 1px solid #cecece;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+  padding: 30px 20px;
+  font-weight: 700;
+  color: #3a3b3c;
+  line-height: 2;
+  text-align: center;
+}
+@media (min-width: 992px) {
+  .main__cond-label {
+    font-size: 30px;
+  }
+}
+.main__cond-icons {
+  padding: 0;
+  margin: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 25px;
+  margin-top: 10px;
+}
+@media (min-width: 768px) {
+  .main__cond-icons {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 60px;
+    margin-top: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .main__cond-icons {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+.main__cond-icons li {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 20px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .main__cond-icons li {
+    font-size: 14px;
+  }
+}
+@media (min-width: 992px) {
+  .main__cond-icons li {
+    font-size: 16px;
+    line-height: 1.6;
+  }
+}
+@media (min-width: 1280px) {
+  .main__cond-icons li {
+    font-size: 18px;
+  }
+}
+.main__cond-icons li span {
+  width: 48px;
+  height: 48px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.main__cond-icons li span img {
+  max-width: 48px;
+}
+.main__cond-callback {
+  margin-top: 10px;
+}
+.main__ads {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 30px;
+  margin: 30px 0;
+}
+@media (min-width: 992px) {
+  .main__ads {
+    margin: 60px 0;
+  }
+}
+.main__ads-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 16px;
+}
+@media (min-width: 992px) {
+  .main__ads-item {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    gap: 0;
+  }
+}
+.main__ads-item-pic {
+  width: 100%;
+  max-width: 440px;
+  max-height: 200px;
+  aspect-ratio: 3/2;
+  position: relative;
+  overflow: hidden;
+  border-radius: 12px;
+}
+@media (min-width: 992px) {
+  .main__ads-item-pic {
+    width: 200px;
+    aspect-ratio: 1/1;
+  }
+}
+.main__ads-item-pic img {
+  z-index: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.main__ads-item-pic span {
+  z-index: 2;
+  width: 30px;
+  height: 30px;
+  border-radius: 6px;
+  background: #4d88d9;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  color: #ffffff;
+}
+@media (min-width: 992px) {
+  .main__ads-item-pic span {
+    width: 42px;
+    height: 42px;
+  }
+}
+.main__ads-item-pic span svg {
+  width: 12px;
+  height: 12px;
+}
+@media (min-width: 992px) {
+  .main__ads-item-pic span svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+.main__ads-item-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 10px;
+  font-size: 12px;
+}
+@media (min-width: 992px) {
+  .main__ads-item-body {
+    width: calc(100% - 200px);
+    padding-left: 40px;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    font-size: 16px;
+    gap: 20px;
+  }
+}
+.main__ads-item-body b {
+  width: 100%;
+  font-weight: 700;
+  font-size: 14px;
+}
+@media (min-width: 992px) {
+  .main__ads-item-body b {
+    font-size: 20px;
+  }
+}
+.main__ads-item-body span {
+  width: 100%;
+}
+
+.work {
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  color: #6b6c6d;
+  padding-top: 70px;
+  padding-bottom: 10px;
+  position: relative;
+  overflow: hidden;
+}
+@media (min-width: 768px) {
+  .work {
+    padding-bottom: 25px;
+  }
+}
+@media (min-width: 1280px) {
+  .work {
+    padding-top: 80px;
+    padding-bottom: 25px;
+  }
+}
+.work__pic {
+  position: absolute;
+  height: calc(100% - 40px);
+  z-index: 1;
+  display: none;
+  bottom: 0;
+  left: 50%;
+  margin-left: 40px;
+}
+@media (min-width: 992px) {
+  .work__pic {
+    display: block;
+  }
+}
+@media (min-width: 1280px) {
+  .work__pic {
+    margin-left: 80px;
+  }
+}
+.work__body {
+  position: relative;
+  z-index: 2;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .work__body {
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+  }
+}
+@media (min-width: 992px) {
+  .work__body {
+    max-width: 600px;
+  }
+}
+.work__title {
+  width: 100%;
+  font-size: 40px;
+  font-weight: 700;
+  line-height: 1;
+}
+@media (min-width: 768px) {
+  .work__title {
+    font-size: 64px;
+    line-height: 94px;
+  }
+}
+.work__text {
+  width: 100%;
+  font-size: 12px;
+  margin-top: 10px;
+}
+@media (min-width: 768px) {
+  .work__text {
+    font-size: 18px;
+    margin-top: 20px;
+    line-height: 1.4;
+  }
+}
+.work__list {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 5px;
+  font-size: 14px;
+  font-weight: 700;
+  margin-top: 15px;
+}
+@media (min-width: 768px) {
+  .work__list {
+    font-size: 18px;
+    gap: 8px;
+    margin-top: 30px;
+  }
+}
+.work__list div {
+  position: relative;
+  padding-left: 10px;
+}
+@media (min-width: 768px) {
+  .work__list div {
+    padding-left: 16px;
+  }
+}
+.work__list div:before {
+  content: "";
+  width: 4px;
+  height: 4px;
+  background: #6b6c6d;
+  border-radius: 999px;
+  position: absolute;
+  top: 5px;
+  left: 0;
+}
+@media (min-width: 768px) {
+  .work__list div:before {
+    top: 8px;
+  }
+}
+.work__form {
+  margin-top: 20px;
+}
+@media (min-width: 768px) {
+  .work__form {
+    margin-top: 30px;
+  }
+}
+.work__search {
+  width: 100%;
+  max-width: 180px;
+  margin-top: 20px;
+}
+@media (min-width: 768px) {
+  .work__search {
+    max-width: 270px;
+    margin-top: 50px;
+  }
+}
+.work__get {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-top: 48px;
+}
+.work__get b {
+  width: 100%;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .work__get b {
+    font-size: 18px;
+  }
+}
+.work__get a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin-right: 20px;
+}
+.work__get a img {
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  width: 111px;
+}
+@media (min-width: 768px) {
+  .work__get a img {
+    width: 131px;
+  }
+}
+.work__get a:hover img {
+  -webkit-transform: scale(1.1);
+      -ms-transform: scale(1.1);
+          transform: scale(1.1);
+}
+.work__get a + a {
+  margin-right: 0;
+}
+
+.numbers {
+  padding: 30px 0;
+  background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
+  color: #ffffff;
+}
+@media (min-width: 1280px) {
+  .numbers {
+    padding: 100px 0;
+    background-position: 100% 100%;
+    background-size: auto 500px;
+  }
+}
+.numbers__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 30px;
+}
+@media (min-width: 768px) {
+  .numbers__body {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+}
+.numbers__item {
+  font-size: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  line-height: 1.4;
+}
+@media (min-width: 1280px) {
+  .numbers__item {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.numbers__item b {
+  font-size: 40px;
+  font-weight: 700;
+  border-bottom: 1px solid #ffffff;
+  line-height: 1;
+}
+@media (min-width: 1280px) {
+  .numbers__item b {
+    font-size: 100px;
+    line-height: 147px;
+  }
+}
+.numbers__item span {
+  font-weight: 700;
+  font-size: 14px;
+  margin: 10px 0;
+  line-height: 1;
+}
+@media (min-width: 1280px) {
+  .numbers__item span {
+    font-size: 24px;
+    margin-top: 30px;
+  }
+}
+
+.vacancies {
+  padding: 50px 0;
+}
+@media (min-width: 1280px) {
+  .vacancies {
+    padding: 100px 0;
+  }
+}
+.vacancies__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  gap: 20px;
+  width: 100%;
+  margin-top: 20px;
+}
+@media (min-width: 992px) {
+  .vacancies__body {
+    margin-top: 30px;
+    gap: 30px;
+  }
+}
+.vacancies__more {
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .vacancies__more {
+    width: auto;
+    margin: 0 auto;
+  }
+}
+.vacancies__list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 15px;
+}
+@media (min-width: 768px) {
+  .vacancies__list {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 992px) {
+  .vacancies__list {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .vacancies__list {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+.vacancies__list-label {
+  font-weight: 700;
+  font-size: 22px;
+}
+.vacancies__list-col {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 15px;
+  margin-top: 15px;
+}
+@media (min-width: 768px) {
+  .vacancies__list-col {
+    margin-top: 0;
+  }
+}
+.vacancies__list-col:first-child {
+  margin-top: 0;
+}
+.vacancies__item {
+  display: none;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+  border-radius: 12px;
+  background: #ffffff;
+  border: 1px solid #e6e7e7;
+  overflow: hidden;
+}
+.vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.vacancies__item > span {
+  border-left: 10px solid #377d87;
+  padding: 20px 14px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 5px;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+@media (min-width: 992px) {
+  .vacancies__item > span {
+    gap: 10px;
+  }
+}
+.vacancies__item b {
+  font-weight: 700;
+  font-size: 14px;
+}
+@media (min-width: 992px) {
+  .vacancies__item b {
+    font-size: 20px;
+  }
+}
+.vacancies__item:hover b {
+  color: #377d87;
+}
+.vacancies__item u {
+  text-decoration: none;
+  font-size: 14px;
+}
+@media (min-width: 992px) {
+  .vacancies__item u {
+    font-size: 18px;
+  }
+}
+.vacancies__item i {
+  font-size: 12px;
+  font-style: normal;
+  border-bottom: 1px dashed #377d87;
+}
+@media (min-width: 992px) {
+  .vacancies__item i {
+    font-size: 16px;
+  }
+}
+.vacancies__item i span {
+  font-weight: 700;
+  color: #377d87;
+}
+.vacancies__body.active .vacancies__list .vacancies__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.employer {
+  padding-bottom: 50px;
+}
+@media (min-width: 992px) {
+  .employer {
+    padding-bottom: 100px;
+  }
+}
+.employer .swiper {
+  margin-top: 20px;
+}
+@media (min-width: 992px) {
+  .employer .swiper {
+    margin-top: 30px;
+  }
+}
+.employer__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 30px;
+}
+.employer__item a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.employer__item img {
+  width: 100%;
+  aspect-ratio: 295/98;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.employer__more {
+  height: 38px;
+  margin-top: 20px;
+}
+@media (min-width: 992px) {
+  .employer__more {
+    width: 250px;
+    margin: 0 auto;
+    height: 44px;
+    margin-top: 40px;
+  }
+}
+
+.about {
+  background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
+  background-size: cover;
+  padding: 30px 0;
+  padding-bottom: 70px;
+}
+@media (min-width: 768px) {
+  .about {
+    padding-top: 40px;
+    background-size: auto calc(100% - 10px);
+  }
+}
+@media (min-width: 1280px) {
+  .about {
+    padding: 100px 0;
+  }
+}
+.about__wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  position: relative;
+}
+.about__title {
+  color: #ffffff;
+  line-height: 1.2;
+}
+@media (min-width: 1280px) {
+  .about__title {
+    position: absolute;
+    top: -45px;
+    left: 0;
+  }
+}
+.about__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+@media (min-width: 1280px) {
+  .about__body {
+    padding-left: 495px;
+  }
+}
+.about__line {
+  background: #ffffff;
+  width: 100%;
+  height: 1px;
+  max-width: 400px;
+  margin-top: 10px;
+}
+.about__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  margin-top: 10px;
+  max-width: 600px;
+}
+@media (min-width: 768px) {
+  .about__item {
+    margin-top: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .about__item {
+    margin-top: 30px;
+  }
+}
+.about__item b {
+  font-size: 20px;
+  font-weight: 700;
+}
+.about__item span {
+  font-size: 13px;
+  line-height: 1.4;
+  margin-top: 6px;
+}
+@media (min-width: 1280px) {
+  .about__item span {
+    font-size: 16px;
+    margin-top: 12px;
+  }
+}
+.about__item a {
+  text-decoration: underline;
+}
+.about__item + .about__item {
+  margin-top: 30px;
+}
+@media (min-width: 992px) {
+  .about__item + .about__item {
+    margin-top: 40px;
+  }
+}
+.about__button {
+  margin-top: 20px;
+  height: 38px;
+  padding: 0;
+}
+@media (min-width: 768px) {
+  .about__button {
+    max-width: 200px;
+    height: 42px;
+    margin-top: 30px;
+  }
+}
+
+.news {
+  padding: 50px 0;
+  overflow: hidden;
+}
+@media (min-width: 1280px) {
+  .news {
+    padding: 100px 0;
+    padding-bottom: 0;
+  }
+}
+.news__toper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 1280px) {
+  .news__toper .title {
+    width: calc(100% - 160px);
+  }
+}
+.news__toper .navs {
+  display: none;
+}
+@media (min-width: 1280px) {
+  .news__toper .navs {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+.news .swiper {
+  margin-top: 20px;
+}
+@media (min-width: 768px) {
+  .news .swiper {
+    overflow: visible;
+  }
+}
+@media (min-width: 992px) {
+  .news .swiper {
+    margin-top: 40px;
+  }
+}
+.news__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  line-height: 1.4;
+}
+.news__item-pic {
+  width: 100%;
+  aspect-ratio: 3/2;
+  border-radius: 12px;
+  border: 1px solid #e6e7e7;
+  -o-object-fit: cover;
+     object-fit: cover;
+  min-height: 200px;
+}
+@media (min-width: 1280px) {
+  .news__item-pic {
+    aspect-ratio: 4/2;
+  }
+}
+.news__item-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding-top: 15px;
+}
+@media (min-width: 768px) {
+  .news__item-body {
+    padding: 20px;
+    padding-top: 30px;
+    margin-top: -15px;
+    border-radius: 0 0 12px 12px;
+    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+  }
+}
+.news__item-date {
+  font-size: 14px;
+  font-weight: 700;
+  color: #377d87;
+}
+.news__item-title {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-top: 5px;
+}
+.news__item-text {
+  color: #6b6c6d;
+  font-size: 13px;
+  margin-top: 10px;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+@media (min-width: 1280px) {
+  .news__item-text {
+    font-size: 16px;
+  }
+}
+.news__item-more {
+  height: 42px;
+  margin-top: 20px;
+}
+@media (min-width: 1280px) {
+  .news__item-more {
+    height: 44px;
+    max-width: 190px;
+  }
+}
+.news__all {
+  height: 42px;
+  margin: 0 auto;
+  margin-top: 20px;
+  padding: 0;
+  display: none;
+}
+@media (min-width: 768px) {
+  .news__all {
+    max-width: 170px;
+    margin-top: 30px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+}
+@media (min-width: 1280px) {
+  .news__all {
+    height: 44px;
+  }
+}
+.news__items {
+  display: grid;
+  gap: 20px;
+  margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+  .news__items {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@media (min-width: 992px) {
+  .news__items {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+}
+
+main + .news {
+  padding: 0;
+}
+
+.info {
+  position: relative;
+  overflow: hidden;
+}
+@media (min-width: 1280px) {
+  .info {
+    margin-bottom: -25px;
+  }
+}
+.info__pic {
+  display: none;
+  z-index: 1;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  height: 100%;
+  margin-left: 130px;
+}
+@media (min-width: 992px) {
+  .info__pic {
+    display: block;
+  }
+}
+@media (min-width: 1280px) {
+  .info__pic {
+    width: 610px;
+    height: auto;
+    margin-left: 10px;
+  }
+}
+.info__body {
+  z-index: 2;
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+@media (min-width: 1280px) {
+  .info__body {
+    padding-top: 100px;
+    min-height: 600px;
+  }
+}
+@media (min-width: 1280px) {
+  .info__title {
+    max-width: 520px;
+    line-height: 1;
+  }
+}
+.info__item {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 992px) {
+  .info__item {
+    max-width: 610px;
+  }
+}
+.info__item + .info__item {
+  margin-top: 60px;
+}
+.info__text {
+  color: #6b6c6d;
+  font-size: 13px;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .info__text {
+    font-size: 16px;
+  }
+}
+@media (min-width: 1280px) {
+  .info__text {
+    font-size: 18px;
+  }
+}
+.info__link {
+  border-radius: 8px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  line-height: 1;
+  height: 40px;
+  font-size: 12px;
+  font-weight: 700;
+  gap: 8px;
+  color: #ffffff;
+  background: #377d87;
+}
+.info__link:hover {
+  -webkit-filter: grayscale(50%);
+          filter: grayscale(50%);
+}
+@media (min-width: 768px) {
+  .info__link {
+    height: 44px;
+    font-size: 16px;
+    gap: 10px;
+    max-width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .info__link {
+    max-width: 210px;
+  }
+}
+.info__link svg {
+  width: 16px;
+  height: 16px;
+}
+@media (min-width: 768px) {
+  .info__link svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+.thing {
+  padding-top: 15px;
+  padding-bottom: 30px;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  color: #3a3b3c;
+  overflow: hidden;
+  position: relative;
+}
+@media (min-width: 992px) {
+  .thing {
+    padding-top: 20px;
+    padding-bottom: 60px;
+  }
+}
+@media (min-width: 1280px) {
+  .thing {
+    padding-bottom: 90px;
+  }
+}
+.thing_pdf {
+  padding: 30px 0;
+}
+@media (min-width: 992px) {
+  .thing_pdf {
+    padding: 60px 0;
+  }
+}
+@media (min-width: 1280px) {
+  .thing_pdf {
+    padding: 90px 0;
+  }
+}
+.thing__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+.thing__breadcrumbs {
+  width: 100%;
+  margin-bottom: 40px;
+  position: relative;
+  z-index: 2;
+}
+@media (min-width: 768px) {
+  .thing__breadcrumbs {
+    margin-bottom: 60px;
+  }
+}
+.thing__date {
+  color: #6B6C6D;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 21px;
+  margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+  .thing__date {
+    font-size: 18px;
+    line-height: 27px;
+  }
+}
+.thing__title {
+  width: 100%;
+  font-size: 32px;
+  font-weight: 700;
+  margin: 0;
+  max-width: 780px;
+  position: relative;
+  z-index: 2;
+  line-height: 1.1;
+}
+@media (min-width: 768px) {
+  .thing__title {
+    font-size: 40px;
+  }
+}
+@media (min-width: 1280px) {
+  .thing__title {
+    font-size: 64px;
+  }
+}
+.thing__text {
+  width: 100%;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 1.4;
+  margin: 15px 0 0 0;
+  max-width: 780px;
+  position: relative;
+  z-index: 2;
+}
+@media (min-width: 768px) {
+  .thing__text {
+    margin-top: 15px;
+  }
+}
+@media (min-width: 992px) {
+  .thing__text {
+    font-weight: 400;
+    font-size: 18px;
+  }
+}
+.thing__search {
+  width: 100%;
+  max-width: 640px;
+  margin-top: 20px;
+  position: relative;
+  z-index: 2;
+}
+@media (min-width: 768px) {
+  .thing__search {
+    margin-top: 30px;
+  }
+}
+.thing__badge {
+  position: relative;
+  z-index: 2;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 5px;
+  padding: 0 12px;
+  background: #4d88d9;
+  color: #ffffff;
+  font-size: 12px;
+  line-height: 1;
+  height: 26px;
+  border-radius: 999px;
+  margin-bottom: 20px;
+}
+@media (min-width: 992px) {
+  .thing__badge {
+    font-size: 16px;
+    gap: 10px;
+    padding: 0 24px;
+    height: 42px;
+    margin-bottom: 30px;
+  }
+}
+.thing__badge svg {
+  width: 12px;
+  height: 12px;
+}
+@media (min-width: 992px) {
+  .thing__badge svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+.thing__pic {
+  width: 60px;
+  aspect-ratio: 1/1;
+  -o-object-fit: contain;
+     object-fit: contain;
+  position: relative;
+  z-index: 1;
+  margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+  .thing__pic {
+    width: 160px;
+    position: absolute;
+    top: 15px;
+    right: 20px;
+  }
+}
+@media (min-width: 992px) {
+  .thing__pic {
+    width: 330px;
+    top: 50%;
+    -webkit-transform: translate(0, -50%);
+        -ms-transform: translate(0, -50%);
+            transform: translate(0, -50%);
+  }
+}
+@media (min-width: 1280px) {
+  .thing__pic {
+    right: auto;
+    left: 50%;
+    margin-left: 200px;
+  }
+}
+.thing__pic_two {
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: 30px;
+  aspect-ratio: 44/37;
+  width: 100%;
+  max-width: 440px;
+}
+@media (min-width: 768px) {
+  .thing__pic_two {
+    position: static;
+    -webkit-transform: translate(0, 0);
+        -ms-transform: translate(0, 0);
+            transform: translate(0, 0);
+  }
+}
+@media (min-width: 1280px) {
+  .thing__pic_two {
+    position: absolute;
+    -webkit-transform: translate(0, -50%);
+        -ms-transform: translate(0, -50%);
+            transform: translate(0, -50%);
+  }
+}
+.thing__buttons {
+  width: 100%;
+  position: relative;
+  z-index: 2;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+  margin-top: 15px;
+}
+@media (min-width: 992px) {
+  .thing__buttons {
+    margin-top: 30px;
+    gap: 30px;
+  }
+}
+@media (min-width: 992px) {
+  .thing__buttons .button {
+    padding: 0 22px;
+  }
+}
+.thing__checkbox {
+  margin-top: 20px;
+}
+.thing__checkbox .checkbox__icon {
+  border-color: #377d87;
+}
+.thing__checkbox .checkbox__text {
+  color: #377d87;
+}
+.thing__profile {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+@media (min-width: 768px) {
+  .thing__profile {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+  }
+}
+.thing__profile-photo {
+  width: 210px;
+  border-radius: 8px;
+  aspect-ratio: 1/1;
+}
+.thing__profile-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  margin-top: 15px;
+}
+@media (min-width: 768px) {
+  .thing__profile-body {
+    width: calc(100% - 210px);
+    padding-left: 35px;
+  }
+}
+.thing__profile .thing__title {
+  max-width: none;
+}
+@media (min-width: 768px) {
+  .thing__profile .thing__title {
+    margin-top: -20px;
+  }
+}
+.thing__profile .thing__text {
+  max-width: none;
+}
+.thing__bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 15px;
+  margin-top: 15px;
+}
+@media (min-width: 768px) {
+  .thing__bottom {
+    margin-top: 30px;
+  }
+}
+.thing__select {
+  width: 100%;
+  max-width: 640px;
+  margin-top: 20px;
+}
+@media (min-width: 768px) {
+  .thing__select {
+    margin-top: 30px;
+  }
+}
+
+.page-404 {
+  background: url(../images/bg-3.svg) no-repeat 100%/cover;
+  overflow: hidden;
+}
+.page-404__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  text-align: center;
+  padding: 60px 0;
+  color: #3a3b3c;
+  font-size: 12px;
+  gap: 10px;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .page-404__body {
+    font-size: 18px;
+    padding: 120px 0;
+    gap: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .page-404__body {
+    padding: 180px 0;
+    text-align: left;
+  }
+}
+.page-404__numb {
+  font-size: 114px;
+  line-height: 1;
+  color: #377d87;
+  font-weight: 700;
+}
+@media (min-width: 768px) {
+  .page-404__numb {
+    font-size: 184px;
+  }
+}
+@media (min-width: 768px) {
+  .page-404__title {
+    font-weight: 700;
+    font-size: 44px;
+  }
+}
+@media (min-width: 1280px) {
+  .page-404__title {
+    width: 710px;
+    position: relative;
+    left: 200px;
+  }
+}
+@media (min-width: 1280px) {
+  .page-404__subtitle {
+    width: 710px;
+    position: relative;
+    left: 200px;
+  }
+}
+.page-404__button {
+  margin-top: 10px;
+}
+@media (min-width: 1280px) {
+  .page-404__button {
+    position: relative;
+    left: -45px;
+  }
+}
+
+.cookies {
+  display: none;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  padding: 10px;
+  padding-top: 0;
+  height: 0;
+  position: fixed;
+  z-index: 999;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+.cookies-is-actived .cookies {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.cookies__body {
+  border-radius: 6px;
+  border: 1px solid #377d87;
+  background: #ffffff;
+  padding: 15px;
+  padding-right: 50px;
+  position: relative;
+  max-width: 940px;
+  margin: 0 auto;
+}
+@media (min-width: 768px) {
+  .cookies__body {
+    padding: 25px;
+    padding-right: 50px;
+    border-radius: 12px;
+  }
+}
+@media (min-width: 992px) {
+  .cookies__body {
+    padding: 40px 60px;
+  }
+}
+.cookies__close {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #377d87;
+  padding: 0;
+  border: none;
+  background: none;
+  position: absolute;
+  top: 15px;
+  right: 15px;
+}
+.cookies__close:hover {
+  color: #3a3b3c;
+}
+.cookies__close svg {
+  width: 16px;
+  height: 16px;
+}
+.cookies__text {
+  font-size: 12px;
+  color: #377d87;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .cookies__text {
+    font-size: 16px;
+    font-weight: 700;
+  }
+}
+
+.fancybox-active {
+  overflow: hidden;
+}
+.fancybox-is-open .fancybox-bg {
+  background: #080B0B;
+  opacity: 0.6;
+  z-index: 9999;
+}
+.fancybox-slide {
+  padding: 0;
+}
+@media (min-width: 992px) {
+  .fancybox-slide {
+    padding: 30px;
+  }
+}
+.fancybox-slide--html .fancybox-close-small {
+  padding: 0;
+  opacity: 1;
+  color: #377d87;
+}
+@media (min-width: 768px) {
+  .fancybox-slide--html .fancybox-close-small {
+    top: 10px;
+    right: 10px;
+  }
+}
+.fancybox-slide--html .fancybox-close-small:hover {
+  color: #3a3b3c;
+}
+
+.modal {
+  width: 100%;
+  max-width: 820px;
+  padding: 0;
+  background: #ffffff;
+  z-index: 99999;
+}
+@media (min-width: 992px) {
+  .modal {
+    border-radius: 10px;
+    border: 1px solid #377d87;
+  }
+}
+.modal_bg {
+  background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
+}
+@media (min-width: 768px) {
+  .modal_bg {
+    background-position: 100% 100%;
+  }
+}
+.modal__body {
+  padding: 40px 15px;
+  padding-bottom: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 100%;
+  min-height: 100vh;
+  overflow: hidden;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .modal__body {
+    font-size: 16px;
+    padding-left: 22px;
+    padding-right: 22px;
+  }
+}
+@media (min-width: 992px) {
+  .modal__body {
+    min-height: 450px;
+    padding: 60px 80px;
+    padding-bottom: 40px;
+  }
+}
+@media (min-width: 768px) {
+  .modal__body .left {
+    text-align: left;
+  }
+}
+.modal__title {
+  width: 100%;
+  font-size: 22px;
+  font-weight: 700;
+  text-align: center;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .modal__title {
+    font-size: 32px;
+  }
+}
+@media (min-width: 992px) {
+  .modal__title {
+    font-size: 44px;
+  }
+}
+.modal__text {
+  width: 100%;
+  text-align: center;
+  margin-top: 10px;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .modal__text {
+    margin-top: 20px;
+  }
+}
+.modal__text span {
+  color: #9C9D9D;
+}
+.modal__text a {
+  font-weight: 700;
+  color: #377d87;
+}
+.modal__text a:hover {
+  color: #3a3b3c;
+}
+.modal__button {
+  margin-top: 20px;
+}
+@media (min-width: 768px) {
+  .modal__button {
+    min-width: 200px;
+    margin-top: 30px;
+  }
+}
+.modal__buttons {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px;
+  margin-top: 20px;
+}
+@media (min-width: 768px) {
+  .modal__buttons {
+    gap: 30px;
+    margin-top: 30px;
+  }
+}
+.modal__form {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 16px;
+  margin-top: 10px;
+}
+@media (min-width: 768px) {
+  .modal__form {
+    margin-top: 20px;
+  }
+}
+.modal__form-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 4px;
+}
+.modal__form-item > .input {
+  width: 100%;
+}
+.modal__form-item > .textarea {
+  width: 100%;
+  height: 175px;
+}
+@media (min-width: 768px) {
+  .modal__form-item > .textarea {
+    height: 195px;
+  }
+}
+.modal__form-item > .file {
+  width: 100%;
+}
+.modal__form-item > .button {
+  min-width: 120px;
+}
+.modal__form-item > label {
+  width: 100%;
+  display: none;
+  color: #eb5757;
+  padding: 0 10px;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .modal__form-item > label {
+    padding: 0 20px;
+    font-size: 16px;
+  }
+}
+.modal__sign {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  margin-top: 10px;
+  margin-bottom: 20px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .modal__sign {
+    margin-top: 20px;
+    margin-bottom: 40px;
+  }
+}
+.modal__sign-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+}
+.modal__sign-item > .input {
+  width: 100%;
+  padding-right: 36px;
+  position: relative;
+  z-index: 1;
+}
+@media (min-width: 768px) {
+  .modal__sign-item > .input {
+    height: 52px;
+    padding-right: 60px;
+  }
+}
+.modal__sign-item > .textarea {
+  width: 100%;
+}
+.modal__sign-bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+}
+.modal__sign-bottom-link {
+  font-weight: 700;
+  color: #377d87;
+}
+.modal__tabs {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+  margin-top: 10px;
+}
+@media (min-width: 768px) {
+  .modal__tabs {
+    gap: 24px;
+    margin-top: 20px;
+  }
+}
+.modal__tabs-item.active {
+  background: #377d87;
+  color: #ffffff;
+}
+.modal__reg {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
+  width: 100%;
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+@media (min-width: 768px) {
+  .modal__reg {
+    margin-top: 20px;
+    margin-bottom: 30px;
+    gap: 20px;
+  }
+}
+.modal__reg.showed {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.modal__reg-item {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.modal__reg-item > .captcha {
+  width: 100%;
+  max-width: 300px;
+}
+
+.messages {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+.messages__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .messages__body {
+    gap: 20px;
+  }
+}
+.messages__item {
+  display: none;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: 8px;
+  border: 1px solid #e7e7e7;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  padding: 10px;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .messages__item {
+    padding: 20px;
+    font-size: 16px;
+  }
+}
+.messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.messages__item-info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: calc(100% - 90px);
+}
+@media (min-width: 768px) {
+  .messages__item-info {
+    width: calc(100% - 150px);
+  }
+}
+.messages__item-photo {
+  position: relative;
+  aspect-ratio: 1/1;
+  overflow: hidden;
+  background: #9c9d9d;
+  color: #ffffff;
+  width: 36px;
+  border-radius: 6px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .messages__item-photo {
+    width: 52px;
+  }
+}
+.messages__item-photo svg {
+  width: 50%;
+  position: relative;
+  z-index: 1;
+}
+.messages__item-photo img {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.messages__item-text {
+  width: calc(100% - 36px);
+  padding-left: 6px;
+  color: #3a3b3c;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+}
+@media (min-width: 768px) {
+  .messages__item-text {
+    padding-left: 20px;
+    width: calc(100% - 52px);
+    gap: 8px;
+  }
+}
+.messages__item-text span {
+  color: #3a3b3c;
+}
+.messages__item-date {
+  color: #3a3b3c;
+  width: 90px;
+  text-align: right;
+}
+@media (min-width: 768px) {
+  .messages__item-date {
+    width: 150px;
+  }
+}
+.messages.active .messages__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.responses {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+.responses__body {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+.responses__item {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  border-radius: 8px;
+  border: 1px solid #e7e7e7;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  padding: 20px 10px;
+  font-size: 12px;
+  position: relative;
+}
+@media (min-width: 768px) {
+  .responses__item {
+    padding: 20px;
+    font-size: 16px;
+  }
+}
+.responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.responses__item-date {
+  color: #3a3b3c;
+}
+@media (min-width: 992px) {
+  .responses__item-date {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+  }
+}
+.responses__item-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+.responses__item-inner {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .responses__item-inner {
+    gap: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .responses__item-inner {
+    width: calc(100% - 150px);
+  }
+}
+.responses__item-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+  color: #3a3b3c;
+  text-align: right;
+}
+@media (min-width: 992px) {
+  .responses__item-row {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    gap: 6px;
+    text-align: left;
+  }
+}
+.responses__item-row span {
+  color: #3a3b3c;
+  text-align: left;
+}
+.responses__item-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .responses__item-buttons {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@media (min-width: 1280px) {
+  .responses__item-buttons {
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+  }
+}
+.responses__item-buttons .button.active {
+  background: #377d87;
+  color: #ffffff;
+}
+.responses.active .responses__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.chatbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .chatbox {
+    gap: 30px;
+  }
+}
+@media (min-width: 1280px) {
+  .chatbox {
+    gap: 40px;
+  }
+}
+.chatbox__toper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  border: 1px solid #e7e7e7;
+  border-radius: 8px;
+  padding: 10px;
+}
+@media (min-width: 768px) {
+  .chatbox__toper {
+    padding: 20px;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+  }
+}
+.chatbox__toper-info {
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .chatbox__toper-info {
+    font-size: 16px;
+    width: calc(100% - 230px);
+  }
+}
+@media (min-width: 768px) {
+  .chatbox__toper-button {
+    width: 210px;
+    padding: 0;
+  }
+}
+.chatbox__list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .chatbox__list {
+    gap: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .chatbox__list {
+    gap: 40px;
+  }
+}
+.chatbox__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  color: #3a3b3c;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .chatbox__item {
+    font-size: 16px;
+  }
+}
+.chatbox__item_reverse {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+}
+.chatbox__item-photo {
+  position: relative;
+  aspect-ratio: 1/1;
+  overflow: hidden;
+  background: #9c9d9d;
+  color: #ffffff;
+  width: 44px;
+  border-radius: 6px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.chatbox__item-photo svg {
+  width: 50%;
+  position: relative;
+  z-index: 1;
+}
+.chatbox__item-photo img {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.chatbox__item-body {
+  width: calc(100% - 54px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+@media (min-width: 768px) {
+  .chatbox__item-body {
+    width: calc(100% - 60px);
+  }
+}
+.chatbox__item_reverse .chatbox__item-body {
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+}
+.chatbox__item-text {
+  border-radius: 8px;
+  background: #ffffff;
+  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+  padding: 10px;
+  line-height: 1.6;
+}
+.chatbox__item-time {
+  width: 100%;
+  padding-left: 54px;
+  margin-top: 10px;
+  color: #9c9d9d;
+}
+.chatbox__item_reverse .chatbox__item-time {
+  text-align: right;
+}
+.chatbox__bottom {
+  background: #4d88d9;
+  padding: 10px;
+  border-radius: 8px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+@media (min-width: 768px) {
+  .chatbox__bottom {
+    padding: 16px 20px;
+  }
+}
+.chatbox__bottom-file {
+  width: 20px;
+  aspect-ratio: 1/1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background: #ffffff;
+  color: #4d88d9;
+  border-radius: 8px;
+}
+@media (min-width: 768px) {
+  .chatbox__bottom-file {
+    width: 48px;
+  }
+}
+.chatbox__bottom-file:hover {
+  color: #377d87;
+}
+.chatbox__bottom-file input {
+  display: none;
+}
+.chatbox__bottom-file svg {
+  width: 50%;
+  aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+  .chatbox__bottom-file svg {
+    width: 40%;
+  }
+}
+.chatbox__bottom-text {
+  width: calc(100% - 60px);
+  height: 20px;
+  border-color: #ffffff;
+}
+@media (min-width: 768px) {
+  .chatbox__bottom-text {
+    width: calc(100% - 128px);
+    height: 48px;
+  }
+}
+.chatbox__bottom-text:focus {
+  border-color: #ffffff;
+}
+.chatbox__bottom-send {
+  width: 20px;
+  aspect-ratio: 1/1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0;
+  background: #ffffff;
+  border: none;
+  color: #4d88d9;
+  border-radius: 999px;
+}
+@media (min-width: 768px) {
+  .chatbox__bottom-send {
+    width: 48px;
+  }
+}
+.chatbox__bottom-send:hover {
+  color: #377d87;
+}
+.chatbox__bottom-send svg {
+  width: 50%;
+  aspect-ratio: 1/1;
+  position: relative;
+  left: 1px;
+}
+@media (min-width: 768px) {
+  .chatbox__bottom-send svg {
+    width: 40%;
+    left: 2px;
+  }
+}
+
+.cvs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+.cvs__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .cvs__body {
+    gap: 30px;
+  }
+}
+.cvs__item {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  border-radius: 8px;
+  border: 1px solid #e7e7e7;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  padding: 10px;
+  font-size: 12px;
+  position: relative;
+}
+@media (min-width: 768px) {
+  .cvs__item {
+    gap: 0;
+    padding: 20px;
+    font-size: 16px;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+  }
+}
+.cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.cvs__item-like {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+@media (min-width: 768px) {
+  .cvs__item-like {
+    top: 20px;
+    right: 20px;
+  }
+}
+.cvs__item-photo {
+  position: relative;
+  aspect-ratio: 1/1;
+  overflow: hidden;
+  background: #9c9d9d;
+  color: #ffffff;
+  width: 36px;
+  border-radius: 6px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .cvs__item-photo {
+    width: 68px;
+  }
+}
+.cvs__item-photo svg {
+  width: 50%;
+  position: relative;
+  z-index: 1;
+}
+.cvs__item-photo img {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.cvs__item-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cvs__item-text {
+    gap: 20px;
+    width: calc(100% - 68px);
+    padding-left: 20px;
+    padding-right: 60px;
+  }
+}
+.cvs__item-text div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+@media (min-width: 768px) {
+  .cvs__item-text div {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+  }
+}
+.cvs__item-text span,
+.cvs__item-text a {
+  color: #3a3b3c;
+}
+.cvs__item-button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .cvs__item-button {
+    -webkit-box-align: end;
+        -ms-flex-align: end;
+            align-items: flex-end;
+    width: 100%;
+    padding-top: 20px;
+  }
+}
+.cvs.active .cvs__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.faqs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+.faqs__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  width: 100%;
+}
+.faqs__item {
+  display: none;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  border-radius: 8px;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+  background: #ffffff;
+  padding: 10px;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .faqs__item {
+    padding: 20px;
+    font-size: 16px;
+    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+  }
+}
+.faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.faqs__item-button {
+  background: none;
+  padding: 0;
+  border: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #3a3b3c;
+  text-align: left;
+  font-size: 14px;
+  font-weight: 700;
+}
+@media (min-width: 768px) {
+  .faqs__item-button {
+    font-size: 20px;
+  }
+}
+.faqs__item-button span {
+  width: calc(100% - 16px);
+  padding-right: 16px;
+}
+.faqs__item-button i {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 16px;
+  aspect-ratio: 1/1;
+  color: #377d87;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+.faqs__item-button i svg {
+  width: 16px;
+  aspect-ratio: 1/1;
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.faqs__item-button.active i {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.faqs__item-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  opacity: 0;
+  height: 0;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .faqs__item-body {
+    font-size: 16px;
+    gap: 20px;
+  }
+}
+.faqs__item-body p {
+  margin: 0;
+}
+.active + .faqs__item-body {
+  opacity: 1;
+  height: auto;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  padding-top: 10px;
+}
+@media (min-width: 768px) {
+  .active + .faqs__item-body {
+    padding-top: 20px;
+  }
+}
+.faqs.active .faqs__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.cabinet {
+  padding: 20px 0;
+  padding-bottom: 40px;
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+}
+@media (min-width: 992px) {
+  .cabinet {
+    padding: 30px 0;
+    padding-bottom: 60px;
+  }
+}
+.cabinet__breadcrumbs {
+  margin-bottom: 50px;
+}
+.cabinet__wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+@media (min-width: 992px) {
+  .cabinet__wrapper {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+  }
+}
+.cabinet__side {
+  border-radius: 8px;
+  background: #ffffff;
+  padding: 20px 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 30px;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 768px) {
+  .cabinet__side {
+    padding: 30px 20px;
+    margin-bottom: 50px;
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__side {
+    width: 340px;
+    margin: 0;
+    position: sticky;
+    top: 6px;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__side {
+    width: 400px;
+  }
+}
+.cabinet__side-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+.cabinet__side-toper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.cabinet__side-toper-pic {
+  width: 70px;
+  aspect-ratio: 1/1;
+  overflow: hidden;
+  border-radius: 8px;
+  color: #ffffff;
+  background: #9c9d9d;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  position: relative;
+}
+.cabinet__side-toper-pic img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  aspect-ratio: 1/1;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.cabinet__side-toper-pic svg {
+  width: 50%;
+  aspect-ratio: 1/1;
+}
+.cabinet__side-toper b {
+  width: calc(100% - 70px);
+  font-size: 14px;
+  font-weight: 700;
+  padding-left: 16px;
+}
+@media (min-width: 768px) {
+  .cabinet__side-toper b {
+    font-size: 20px;
+  }
+}
+.cabinet__menu {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.cabinet__menu-toper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: 0 16px;
+  padding-right: 12px;
+  border: none;
+  border-radius: 8px;
+  background: #377d87;
+  color: #ffffff;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-toper {
+    padding: 0 20px;
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__menu-toper {
+    display: none;
+  }
+}
+.cabinet__menu-toper-text {
+  width: calc(100% - 16px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-toper-text {
+    width: calc(100% - 20px);
+  }
+}
+.cabinet__menu-toper-text i {
+  width: 16px;
+  height: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-toper-text i {
+    width: 22px;
+    height: 22px;
+  }
+}
+.cabinet__menu-toper-text svg {
+  width: 16px;
+  height: 16px;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-toper-text svg {
+    width: 22px;
+    height: 22px;
+  }
+}
+.cabinet__menu-toper-text span {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 10px;
+  min-height: 30px;
+  font-size: 12px;
+  width: calc(100% - 16px);
+}
+@media (min-width: 768px) {
+  .cabinet__menu-toper-text span {
+    width: calc(100% - 22px);
+    font-size: 20px;
+    min-height: 52px;
+    padding: 0 16px;
+  }
+}
+.cabinet__menu-toper-arrow {
+  width: 16px;
+  height: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-toper-arrow {
+    width: 20px;
+    height: 20px;
+  }
+}
+.cabinet__menu-toper-arrow svg {
+  width: 12px;
+  height: 12px;
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+@media (min-width: 768px) {
+  .cabinet__menu-toper-arrow svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.cabinet__menu-body {
+  opacity: 0;
+  height: 0;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+@media (min-width: 992px) {
+  .cabinet__menu-body {
+    opacity: 1;
+    height: auto;
+  }
+}
+.active + .cabinet__menu-body {
+  opacity: 1;
+  height: auto;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+.cabinet__menu-items {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.cabinet__menu-item {
+  padding: 8px 16px;
+  border-radius: 8px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-item {
+    padding: 14px 20px;
+  }
+}
+.cabinet__menu-item:hover {
+  color: #377d87;
+}
+@media (min-width: 992px) {
+  .cabinet__menu-item.active {
+    background: #377d87;
+    color: #ffffff;
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__menu-item.active svg {
+    color: #ffffff;
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__menu-item.active.red {
+    background: #eb5757;
+  }
+}
+.cabinet__menu-item i {
+  width: 16px;
+  height: 16px;
+  color: #377d87;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-item i {
+    width: 22px;
+    height: 22px;
+  }
+}
+.cabinet__menu-item svg {
+  width: 16px;
+  height: 16px;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-item svg {
+    width: 22px;
+    height: 22px;
+  }
+}
+.cabinet__menu-item span {
+  width: calc(100% - 16px);
+  font-size: 12px;
+  padding-left: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-item span {
+    font-size: 20px;
+    width: calc(100% - 22px);
+    padding-left: 16px;
+  }
+}
+.cabinet__menu-bottom {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  margin-top: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-bottom {
+    gap: 20px;
+    margin-top: 20px;
+  }
+}
+.cabinet__menu-copy {
+  color: #9c9d9d;
+  text-align: center;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .cabinet__menu-copy {
+    font-size: 16px;
+  }
+}
+.cabinet__body {
+  margin: 0 -10px;
+  margin-top: 50px;
+  background: #ffffff;
+  padding: 20px 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 30px;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .cabinet__body {
+    padding: 30px 20px;
+    margin: 0;
+    border-radius: 8px;
+    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__body {
+    width: calc(100% - 360px);
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__body {
+    width: calc(100% - 420px);
+  }
+}
+.cabinet__body-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+.cabinet__title {
+  font-size: 24px;
+}
+@media (min-width: 768px) {
+  .cabinet__title {
+    font-size: 32px;
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__title {
+    font-size: 40px;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__title {
+    font-size: 48px;
+  }
+}
+.cabinet__subtitle {
+  font-size: 22px;
+  margin: 0;
+  font-weight: 700;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .cabinet__subtitle {
+    font-size: 24px;
+  }
+}
+.cabinet__h4 {
+  font-size: 20px;
+  margin: 0;
+  font-weight: 700;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .cabinet__h4 {
+    font-size: 22px;
+  }
+}
+.cabinet__text {
+  margin: 0;
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .cabinet__text {
+    font-size: 16px;
+  }
+}
+.cabinet__text b {
+  color: #3a3b3c;
+  font-size: 18px;
+}
+@media (min-width: 768px) {
+  .cabinet__text b {
+    font-size: 24px;
+  }
+}
+.cabinet__descr {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 6px;
+}
+@media (min-width: 768px) {
+  .cabinet__descr {
+    gap: 12px;
+  }
+}
+.cabinet__avatar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+@media (min-width: 768px) {
+  .cabinet__avatar {
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+}
+.cabinet__avatar-pic {
+  width: 100px;
+  aspect-ratio: 1/1;
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow: hidden;
+  border-radius: 8px;
+  color: #ffffff;
+  background: #9c9d9d;
+}
+.cabinet__avatar-pic svg {
+  width: 50%;
+  aspect-ratio: 1/1;
+  z-index: 1;
+  position: relative;
+}
+.cabinet__avatar-form {
+  width: calc(100% - 100px);
+  padding-left: 15px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 6px;
+}
+@media (min-width: 768px) {
+  .cabinet__avatar-form {
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    padding-left: 30px;
+    gap: 12px;
+  }
+}
+@media (min-width: 768px) {
+  .cabinet__avatar-form .file {
+    min-width: 215px;
+  }
+}
+.cabinet__inputs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 1280px) {
+  .cabinet__inputs {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__inputs-item {
+    width: calc(50% - 10px);
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__inputs-item_fullwidth {
+    width: 100%;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__inputs-item_min {
+    width: calc(15% - 10px);
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__inputs-item_max {
+    width: calc(85% - 10px);
+  }
+}
+@media (min-width: 768px) {
+  .cabinet__inputs-item .button {
+    width: 100%;
+    max-width: 215px;
+    padding: 0;
+  }
+}
+.cabinet__inputs-item .buttons {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__inputs-item .buttons {
+    gap: 20px;
+    max-width: 470px;
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__inputs-item .buttons {
+    max-width: none;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__inputs-item .buttons {
+    max-width: 470px;
+  }
+}
+.cabinet__inputs-item .buttons .button {
+  max-width: none;
+}
+.cabinet__inputs > .button {
+  padding: 0;
+  width: 100%;
+  max-width: 140px;
+}
+@media (min-width: 768px) {
+  .cabinet__inputs > .button {
+    max-width: 190px;
+  }
+}
+.cabinet__add {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__add {
+    gap: 0;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: end;
+        -ms-flex-align: end;
+            align-items: flex-end;
+  }
+}
+.cabinet__add-pic {
+  border-radius: 4px;
+  position: relative;
+  overflow: hidden;
+  background: #9c9d9d;
+  color: #ffffff;
+  width: 100px;
+  aspect-ratio: 1/1;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+@media (min-width: 768px) {
+  .cabinet__add-pic {
+    width: 220px;
+    border-radius: 8px;
+  }
+}
+.cabinet__add-pic:hover {
+  background: #3a3b3c;
+}
+.cabinet__add-pic input {
+  display: none;
+}
+.cabinet__add-pic > svg {
+  width: 20px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  z-index: 1;
+}
+@media (min-width: 768px) {
+  .cabinet__add-pic > svg {
+    width: 50px;
+  }
+}
+.cabinet__add-pic span {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 100%;
+  gap: 4px;
+  font-weight: 700;
+  font-size: 8px;
+  line-height: 1;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  margin-top: 25px;
+}
+@media (min-width: 768px) {
+  .cabinet__add-pic span {
+    font-size: 16px;
+    margin-top: 60px;
+  }
+}
+.cabinet__add-pic span svg {
+  width: 7px;
+  aspect-ratio: 1/1;
+}
+@media (min-width: 768px) {
+  .cabinet__add-pic span svg {
+    width: 16px;
+  }
+}
+.cabinet__add-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__add-body {
+    gap: 20px;
+    width: calc(100% - 220px);
+    padding-left: 20px;
+  }
+}
+@media (min-width: 768px) {
+  .cabinet__add-body .button {
+    width: 215px;
+    padding: 0;
+  }
+}
+.cabinet__fleet {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .cabinet__fleet {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__fleet {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+@media (min-width: 768px) {
+  .cabinet__submit {
+    width: 215px;
+    padding: 0;
+    margin: 0 auto;
+  }
+}
+.cabinet__filters {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__filters {
+    gap: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__filters {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+  }
+}
+.cabinet__filters-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__filters-item {
+    gap: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__filters-item {
+    width: calc(50% - 10px);
+    max-width: 410px;
+  }
+}
+.cabinet__filters-item .button, .cabinet__filters-item .select {
+  width: 100%;
+}
+@media (min-width: 1280px) {
+  .cabinet__filters-item .button, .cabinet__filters-item .select {
+    width: auto;
+  }
+}
+.cabinet__filters-item + .cabinet__filters-item {
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+}
+@media (min-width: 1280px) {
+  .cabinet__filters-item + .cabinet__filters-item {
+    max-width: 280px;
+  }
+}
+.cabinet__filters .search input {
+  padding-right: 135px;
+}
+.cabinet__filters .search button {
+  width: 115px;
+}
+.cabinet__filters-buttons {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .cabinet__filters-buttons {
+    gap: 20px;
+  }
+}
+.cabinet__filters-buttons .button {
+  padding: 0;
+  gap: 5px;
+}
+.cabinet__filters-buttons .button.active {
+  background: #377d87;
+  color: #ffffff;
+}
+.cabinet__filters-buttons .button.active:before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  background: #ffffff;
+  border-radius: 999px;
+}
+.cabinet__table-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-weight: 700;
+  margin-bottom: -10px;
+}
+.cabinet__table-header div {
+  font-size: 18px;
+}
+@media (min-width: 768px) {
+  .cabinet__table-header div {
+    font-size: 24px;
+  }
+}
+.cabinet__table-header span {
+  color: #3a3b3c;
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .cabinet__table-header span {
+    font-size: 18px;
+  }
+}
+.cabinet__table-header span b {
+  color: #377d87;
+}
+.cabinet__tabs {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .cabinet__tabs {
+    max-width: 420px;
+  }
+}
+.cabinet__tabs .button.active {
+  background: #377d87;
+  color: #ffffff;
+}
+.cabinet__bodies {
+  display: none;
+}
+.cabinet__bodies.showed {
+  display: block;
+}
+.cabinet__nots {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__nots {
+    gap: 20px;
+  }
+}
+.cabinet__nots .input {
+  width: 100%;
+}
+.cabinet__anketa {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__anketa {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
+}
+@media (min-width: 992px) {
+  .cabinet__anketa {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-align: stretch;
+        -ms-flex-align: stretch;
+            align-items: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__anketa {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+  }
+}
+.cabinet__anketa-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__anketa-buttons {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+  }
+}
+.cabinet__stats {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 6px;
+}
+@media (min-width: 768px) {
+  .cabinet__stats {
+    gap: 12px;
+  }
+}
+.cabinet__stats-title {
+  font-size: 14px;
+  font-weight: 700;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .cabinet__stats-title {
+    font-size: 24px;
+  }
+}
+.cabinet__stats-body {
+  background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
+  border-radius: 8px;
+  padding: 10px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+  margin-bottom: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__stats-body {
+    padding: 10px 20px;
+  }
+}
+.cabinet__stats-item {
+  font-size: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  line-height: 1;
+  gap: 6px;
+}
+@media (min-width: 768px) {
+  .cabinet__stats-item {
+    font-size: 20px;
+    gap: 10px;
+  }
+}
+.cabinet__stats-item svg {
+  width: 20px;
+  aspect-ratio: 1/1;
+  color: #377d87;
+}
+@media (min-width: 768px) {
+  .cabinet__stats-item svg {
+    width: 40px;
+    margin-right: 10px;
+  }
+}
+.cabinet__stats-item span {
+  font-weight: 700;
+  color: #3a3b3c;
+}
+.cabinet__stats-item b {
+  color: #377d87;
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .cabinet__stats-item b {
+    font-size: 24px;
+  }
+}
+.cabinet__stats-subtitle {
+  font-size: 14px;
+  font-weight: 700;
+  color: #377d87;
+}
+@media (min-width: 768px) {
+  .cabinet__stats-subtitle {
+    font-size: 18px;
+  }
+}
+.cabinet__stats-line {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  height: 8px;
+  border-radius: 999px;
+  background: #CECECE;
+}
+.cabinet__stats-line span {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #377d87;
+  border-radius: 999px;
+}
+.cabinet__stats-bottom {
+  color: #3a3b3c;
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .cabinet__stats-bottom {
+    font-size: 16px;
+  }
+}
+.cabinet__works {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+}
+@media (min-width: 768px) {
+  .cabinet__works {
+    gap: 30px;
+  }
+}
+.cabinet__works-item {
+  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+  padding: 10px;
+  border-radius: 4px;
+}
+@media (min-width: 768px) {
+  .cabinet__works-item {
+    padding: 20px;
+    border-radius: 8px;
+  }
+}
+.cabinet__works-spoiler {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.cabinet__works-spoiler-left {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: calc(100% - 22px);
+}
+.cabinet__works-spoiler-right {
+  width: 22px;
+  height: 22px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  color: #377d87;
+  padding: 0;
+  background: none;
+  border: none;
+}
+.cabinet__works-spoiler-right svg {
+  width: 60%;
+  aspect-ratio: 1/1;
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
+  -webkit-transform: rotate(-90deg);
+      -ms-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+}
+.cabinet__works-spoiler-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  width: 60px;
+}
+@media (min-width: 768px) {
+  .cabinet__works-spoiler-buttons {
+    width: 74px;
+  }
+}
+.cabinet__works-spoiler-buttons .button {
+  width: 22px;
+  height: 22px;
+  padding: 0;
+}
+@media (min-width: 768px) {
+  .cabinet__works-spoiler-buttons .button {
+    width: 30px;
+    height: 30px;
+  }
+}
+.cabinet__works-spoiler-text {
+  width: calc(100% - 60px);
+  padding-left: 20px;
+  font-size: 17px;
+  font-weight: 700;
+  color: #3a3b3c;
+}
+@media (min-width: 768px) {
+  .cabinet__works-spoiler-text {
+    width: calc(100% - 74px);
+    font-size: 20px;
+  }
+}
+.cabinet__works-body {
+  opacity: 0;
+  height: 0;
+  overflow: hidden;
+}
+.active + .cabinet__works-body {
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  opacity: 1;
+  height: auto;
+  padding-top: 20px;
+}
+.cabinet__works-add {
+  padding: 0;
+  width: 100%;
+  max-width: 160px;
+}
+@media (min-width: 768px) {
+  .cabinet__works-add {
+    max-width: 220px;
+  }
+}
+.cabinet__buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
+}
+@media (min-width: 768px) {
+  .cabinet__buttons {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+  }
+}
+.cabinet__buttons .button, .cabinet__buttons .file {
+  padding: 0;
+  width: 100%;
+  max-width: 140px;
+}
+@media (min-width: 768px) {
+  .cabinet__buttons .button, .cabinet__buttons .file {
+    max-width: none;
+  }
+}
+@media (min-width: 768px) {
+  .cabinet__buttons {
+    gap: 20px;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__buttons {
+    max-width: 400px;
+  }
+}
+.cabinet__vacs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 20px;
+}
+.cabinet__vacs-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 20px;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .cabinet__vacs-body {
+    gap: 30px;
+  }
+}
+.cabinet__vacs-item {
+  display: none;
+  background: #ffffff;
+  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
+}
+.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.cabinet__vacs.active .cabinet__vacs-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
 \ No newline at end of file
@@ -0,0 +1,2 @@
+/*! js-cookie v3.0.5 | MIT */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var t=function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});return t}));
@@ -1,150 +0,0 @@
-let scripts = function () {
-
-    $('.js-toggle').on('click', function () {
-        $(this).toggleClass('active');
-    });
-    $('.js-parent-toggle').on('click', function () {
-        $(this).parent().toggleClass('active');
-    });
-    $('.js-parent-remove').on('click', function () {
-        $(this).parent().remove();
-    });
-    $('.js-menu-toggle').on('click', function () {
-        window.scrollTo(0, 0);
-        $('#body').toggleClass('menu-is-actived');
-    });
-    $('.js-cookies-close').on('click', function () {
-        $('#body').removeClass('cookies-is-actived');
-    });
-    $('.js-works-edit').on('click', function () {
-        $(this).parent().parent().parent().addClass('active');
-    });
-    $('.js-works-remove').on('click', function () {
-        $(this).parent().parent().parent().parent().remove();
-    });
-
-    $('[data-tab]').on('click', function () {
-        $('[data-tab]').removeClass('active');
-        $('[data-body]').removeClass('showed');
-        $(this).addClass('active');
-        var id = $(this).data('tab');
-        $('[data-body=' + id + ']').addClass('showed');
-    });
-
-    $('.js-password-show').on('click', function () {
-        $(this).parent().addClass('active');
-        $(this).parent().parent().find('input').attr('type', 'text');
-    });
-
-    $('.js-password-hide').on('click', function () {
-        $(this).parent().removeClass('active');
-        $(this).parent().parent().find('input').attr('type', 'password');
-    });
-
-    let checkScrollTop = function () {
-        if ($(document).scrollTop() == 0) {
-            $('#body').removeClass('begin');
-        } else {
-            $('#body').addClass('begin');
-        }
-    }
-    checkScrollTop();
-    $(document).on('scroll', function () {
-        checkScrollTop();
-    });
-
-    let closeAll = function () {
-        $('.js-toggle').removeClass('active');
-        $('.js-parent-toggle').parent().removeClass('active');
-        $('#body').removeClass('menu-is-actived');
-        $('#body').removeClass('cookies-is-actived');
-    }
-
-    $(document).keyup(function (e) {
-        if (e.key === "Escape") {
-            closeAll();
-        }
-    });
-
-    $('.js-scroll-to').bind('click', function (e) {
-        let anchor = $(this);
-        $('html,body').stop().animate({
-            scrollTop: $(anchor.attr('href')).offset().top
-        }, 300);
-        e.preventDefault();
-    });
-
-    if ($('[type=tel]').is('[type=tel]')) {
-        $('[type=tel]').mask('+7 (999) 999-99-99');
-    }
-
-    if ($('.js-select2').is('.js-select2')) {
-        $('.js-select2').select2();
-    }
-
-    const starRating = document.querySelectorAll(".js-stars");
-    if (starRating.length) {
-        starRating.forEach(item => {
-            new StarRating(item);
-        });
-    }
-
-};
-
-let swipers = function () {
-
-    if ($('.js-employer-swiper').is('.js-employer-swiper')) {
-        let slider = new Swiper('.js-employer-swiper', {
-            autoplay: {
-                delay: 5000,
-            },
-            pagination: {
-                el: '.swiper-pagination',
-                clickable: true
-            },
-            breakpoints: {
-                768: {
-                    slidesPerView: 2,
-                },
-                992: {
-                    slidesPerView: 3,
-                },
-                1280: {
-                    slidesPerView: 4,
-                },
-            }
-        });
-    }
-
-    if ($('.js-news-swiper').is('.js-news-swiper')) {
-        let slider = new Swiper('.js-news-swiper', {
-            spaceBetween: 20,
-            pagination: {
-                el: '.swiper-pagination',
-                clickable: true
-            },
-            navigation: {
-                prevEl: '.js-news-swiper-button-prev',
-                nextEl: '.js-news-swiper-button-next',
-            },
-            breakpoints: {
-                768: {
-                    slidesPerView: 2,
-                },
-                992: {
-                    slidesPerView: 3,
-                },
-            }
-        });
-    }
-
-};
-
-document.addEventListener("DOMContentLoaded", () => {
-    scripts();
-    swipers();
-});
-
-$(window).resize(function () {
-    swipers();
-});
@@ -0,0 +1,174 @@
+let scripts = function () {
+
+    $('.js-toggle').on('click', function () {
+        $(this).toggleClass('active');
+    });
+    $('.js-parent-toggle').on('click', function () {
+        $(this).parent().toggleClass('active');
+    });
+    $('.js-parent-remove').on('click', function () {
+        $(this).parent().remove();
+    });
+    $('.js-menu-toggle').on('click', function () {
+        window.scrollTo(0, 0);
+        $('#body').toggleClass('menu-is-actived');
+    });
+    $('.js-cookies-close').on('click', function () {
+        $('#body').removeClass('cookies-is-actived');
+    });
+    $('.js-works-edit').on('click', function () {
+        $(this).parent().parent().parent().addClass('active');
+    });
+    $('.js-works-remove').on('click', function () {
+        $(this).parent().parent().parent().parent().remove();
+    });
+
+    $('[data-tab]').on('click', function () {
+        $('[data-tab]').removeClass('active');
+        $('[data-body]').removeClass('showed');
+        $(this).addClass('active');
+        var id = $(this).data('tab');
+        $('[data-body=' + id + ']').addClass('showed');
+    });
+
+    $('.js-password-show').on('click', function () {
+        $(this).parent().addClass('active');
+        $(this).parent().parent().find('input').attr('type', 'text');
+    });
+
+    $('.js-password-hide').on('click', function () {
+        $(this).parent().removeClass('active');
+        $(this).parent().parent().find('input').attr('type', 'password');
+    });
+
+    let checkScrollTop = function () {
+        if ($(document).scrollTop() == 0) {
+            $('#body').removeClass('begin');
+        } else {
+            $('#body').addClass('begin');
+        }
+    }
+    checkScrollTop();
+    $(document).on('scroll', function () {
+        checkScrollTop();
+    });
+
+    let closeAll = function () {
+        $('.js-toggle').removeClass('active');
+        $('.js-parent-toggle').parent().removeClass('active');
+        $('#body').removeClass('menu-is-actived');
+        $('#body').removeClass('cookies-is-actived');
+    }
+
+    $(document).keyup(function (e) {
+        if (e.key === "Escape") {
+            closeAll();
+        }
+    });
+
+    $('.js-scroll-to').bind('click', function (e) {
+        let anchor = $(this);
+        $('html,body').stop().animate({
+            scrollTop: $(anchor.attr('href')).offset().top
+        }, 300);
+        e.preventDefault();
+    });
+
+    if ($('[type=tel]').is('[type=tel]')) {
+        $('[type=tel]').mask('+7 (999) 999-99-99');
+    }
+
+    if ($('.js-select2').is('.js-select2')) {
+        $('.js-select2').select2();
+    }
+
+    const starRating = document.querySelectorAll(".js-stars");
+    if (starRating.length) {
+        starRating.forEach(item => {
+            new StarRating(item);
+        });
+    }
+
+    // cookies
+    const cookieItems = document.querySelectorAll(".js-ck");
+    if (cookieItems.length) {
+        console.log('Work with cokomi');
+        cookieItems.forEach(item => {
+            let id = item.dataset.id;
+            let like = item.querySelector(".like");
+            let checkLike = function () {
+                if (like.classList.contains("active")) {
+                    Cookies.set(id, id);
+                } else {
+                    Cookies.remove(id);
+                }
+            }
+            like.addEventListener("click", () => {
+                checkLike();
+            });
+            if (Cookies.get(id) == id) {
+                like.classList.add("active");
+            }
+        });
+    }
+    console.log(Cookies.get());
+
+};
+
+let swipers = function () {
+
+    if ($('.js-employer-swiper').is('.js-employer-swiper')) {
+        let slider = new Swiper('.js-employer-swiper', {
+            autoplay: {
+                delay: 5000,
+            },
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true
+            },
+            breakpoints: {
+                768: {
+                    slidesPerView: 2,
+                },
+                992: {
+                    slidesPerView: 3,
+                },
+                1280: {
+                    slidesPerView: 4,
+                },
+            }
+        });
+    }
+
+    if ($('.js-news-swiper').is('.js-news-swiper')) {
+        let slider = new Swiper('.js-news-swiper', {
+            spaceBetween: 20,
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true
+            },
+            navigation: {
+                prevEl: '.js-news-swiper-button-prev',
+                nextEl: '.js-news-swiper-button-next',
+            },
+            breakpoints: {
+                768: {
+                    slidesPerView: 2,
+                },
+                992: {
+                    slidesPerView: 3,
+                },
+            }
+        });
+    }
+
+};
+
+document.addEventListener("DOMContentLoaded", () => {
+    scripts();
+    swipers();
+});
+
+$(window).resize(function () {
+    swipers();
+});
@@ -0,0 +1,150 @@
+let scripts = function () {
+
+    $('.js-toggle').on('click', function () {
+        $(this).toggleClass('active');
+    });
+    $('.js-parent-toggle').on('click', function () {
+        $(this).parent().toggleClass('active');
+    });
+    $('.js-parent-remove').on('click', function () {
+        $(this).parent().remove();
+    });
+    $('.js-menu-toggle').on('click', function () {
+        window.scrollTo(0, 0);
+        $('#body').toggleClass('menu-is-actived');
+    });
+    $('.js-cookies-close').on('click', function () {
+        $('#body').removeClass('cookies-is-actived');
+    });
+    $('.js-works-edit').on('click', function () {
+        $(this).parent().parent().parent().addClass('active');
+    });
+    $('.js-works-remove').on('click', function () {
+        $(this).parent().parent().parent().parent().remove();
+    });
+
+    $('[data-tab]').on('click', function () {
+        $('[data-tab]').removeClass('active');
+        $('[data-body]').removeClass('showed');
+        $(this).addClass('active');
+        var id = $(this).data('tab');
+        $('[data-body=' + id + ']').addClass('showed');
+    });
+
+    $('.js-password-show').on('click', function () {
+        $(this).parent().addClass('active');
+        $(this).parent().parent().find('input').attr('type', 'text');
+    });
+
+    $('.js-password-hide').on('click', function () {
+        $(this).parent().removeClass('active');
+        $(this).parent().parent().find('input').attr('type', 'password');
+    });
+
+    let checkScrollTop = function () {
+        if ($(document).scrollTop() == 0) {
+            $('#body').removeClass('begin');
+        } else {
+            $('#body').addClass('begin');
+        }
+    }
+    checkScrollTop();
+    $(document).on('scroll', function () {
+        checkScrollTop();
+    });
+
+    let closeAll = function () {
+        $('.js-toggle').removeClass('active');
+        $('.js-parent-toggle').parent().removeClass('active');
+        $('#body').removeClass('menu-is-actived');
+        $('#body').removeClass('cookies-is-actived');
+    }
+
+    $(document).keyup(function (e) {
+        if (e.key === "Escape") {
+            closeAll();
+        }
+    });
+
+    $('.js-scroll-to').bind('click', function (e) {
+        let anchor = $(this);
+        $('html,body').stop().animate({
+            scrollTop: $(anchor.attr('href')).offset().top
+        }, 300);
+        e.preventDefault();
+    });
+
+    if ($('[type=tel]').is('[type=tel]')) {
+        $('[type=tel]').mask('+7 (999) 999-99-99');
+    }
+
+    if ($('.js-select2').is('.js-select2')) {
+        $('.js-select2').select2();
+    }
+
+    const starRating = document.querySelectorAll(".js-stars");
+    if (starRating.length) {
+        starRating.forEach(item => {
+            new StarRating(item);
+        });
+    }
+
+};
+
+let swipers = function () {
+
+    if ($('.js-employer-swiper').is('.js-employer-swiper')) {
+        let slider = new Swiper('.js-employer-swiper', {
+            autoplay: {
+                delay: 5000,
+            },
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true
+            },
+            breakpoints: {
+                768: {
+                    slidesPerView: 2,
+                },
+                992: {
+                    slidesPerView: 3,
+                },
+                1280: {
+                    slidesPerView: 4,
+                },
+            }
+        });
+    }
+
+    if ($('.js-news-swiper').is('.js-news-swiper')) {
+        let slider = new Swiper('.js-news-swiper', {
+            spaceBetween: 20,
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true
+            },
+            navigation: {
+                prevEl: '.js-news-swiper-button-prev',
+                nextEl: '.js-news-swiper-button-next',
+            },
+            breakpoints: {
+                768: {
+                    slidesPerView: 2,
+                },
+                992: {
+                    slidesPerView: 3,
+                },
+            }
+        });
+    }
+
+};
+
+document.addEventListener("DOMContentLoaded", () => {
+    scripts();
+    swipers();
+});
+
+$(window).resize(function () {
+    swipers();
+});
@@ -0,0 +1,1143 @@
+<!DOCTYPE html>
+<html lang="ru">
+
+<head>
+    <meta charset="utf-8">
+    <title>title</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="theme-color" content="#377D87">
+    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
+</head>
+
+<body id="body">
+<a href="#body" class="to-top js-scroll-to">
+    <svg>
+        <use xlink:href="images/sprite.svg#arrow-top"></use>
+    </svg>
+</a>
+
+<div> <!-- BEGIN TOP WRAPPER -->
+    <section class="mob-menu">
+        <div class="container">
+            <div class="footer__mobile-menu">
+                <div class="footer__mobile-menu-item">
+                    <button class="js-toggle">
+                        <b>Соискателям</b>
+                        <span><svg>
+                                    <use xlink:href="images/sprite.svg#arrow-top"></use>
+                                </svg></span>
+                    </button>
+                    <div>
+                        <a href="#">Вакансии</a>
+                        <a href="#">Условия размещения</a>
+                        <a href="#">Образование</a>
+                        <a href="#">Новости</a>
+                        <a href="#">Контакты</a>
+                        <a href="#">Публичная оферта</a>
+                    </div>
+                </div>
+                <div class="footer__mobile-menu-item">
+                    <button class="js-toggle">
+                        <b>Работодателям</b>
+                        <span><svg>
+                                    <use xlink:href="images/sprite.svg#arrow-top"></use>
+                                </svg></span>
+                    </button>
+                    <div>
+                        <a href="#">Регистрация</a>
+                        <a href="#">База резюме</a>
+                        <a href="#">Стоимость размещения</a>
+                        <a href="#">Инструкции</a>
+                        <a href="#">Эффективность объявления</a>
+                        <a href="#">Публичная оферта</a>
+                    </div>
+                </div>
+            </div>
+            <div class="footer__mobile-contacts">
+                <a href="#">Контакты</a>
+            </div>
+            <div class="mob-menu__bottom">
+                <a href="#" class="button">Войти</a>
+                <a href="#" class="mob-menu__bottom-link">+7(963)-87-43-197</a>
+                <a href="#" class="mob-menu__bottom-link">info@rekamore.su</a>
+                <div class="socials">
+                    <a href="#" target="_blank">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#vk"></use>
+                        </svg>
+                    </a>
+                    <a href="#" target="_blank">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#tg"></use>
+                        </svg>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <header class="header">
+        <div class="container">
+            <div class="header__body">
+                <div class="header__left">
+                    <a href="#" class="header__logo">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#logo"></use>
+                        </svg>
+                    </a>
+                    <nav class="header__menu">
+                        <a href="#" class="header__menu-item">Вакансии</a>
+                        <a href="#" class="header__menu-item">Судоходные компании</a>
+                        <a href="#" class="header__menu-item">Образование</a>
+                    </nav>
+                </div>
+                <div class="header__right">
+                    <button class="header__notifs header__notifs_actived">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#ring"></use>
+                        </svg>
+                        <span>Уведомления</span>
+                    </button>
+                    <div class="header__right-line"></div>
+                    <button class="header__burger js-menu-toggle">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#burger"></use>
+                        </svg>
+                        <svg>
+                            <use xlink:href="images/sprite.svg#cross"></use>
+                        </svg>
+                    </button>
+                    <button class="button header__sign">Войти</button>
+                </div>
+            </div>
+        </div>
+    </header>
+    <section class="thing">
+        <div class="container">
+            <form class="thing__body">
+                <ul class="breadcrumbs thing__breadcrumbs">
+                    <li><a href="#">Главная</a></li>
+                    <li><a href="#">Вакансии</a></li>
+                    <li><b>Пассажирский флот</b></li>
+                </ul>
+                <h1 class="thing__title">Вакансии</h1>
+                <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
+                    существующих финансовых и административных условий.</p>
+                <div class="select select_search thing__select">
+                    <div class="select__icon">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#search"></use>
+                        </svg>
+                    </div>
+                    <select class="js-select2">
+                        <option disabled selected>Выберите должность</option>
+                        <option>Вариант 1</option>
+                        <option>Вариант 2</option>
+                        <option>Вариант 3</option>
+                        <option>Вариант 4</option>
+                        <option>Вариант 5</option>
+                        <option>Вариант 6</option>
+                    </select>
+                </div>
+            </form>
+        </div>
+    </section>
+    <main class="main">
+        <div class="container">
+            <div class="main__vacancies">
+                <h2 class="main__vacancies-title">Категория вакансий ВТОРОЙ МЕХАНИК</h2>
+                <div class="filters main__vacancies-filters">
+                    <div class="filters__label">Показано 5 из 165 результатов поиска</div>
+                    <div class="filters__body">
+                        <div class="select filters__select">
+                            <select class="js-select2">
+                                <option>Сортировка (по умолчанию)</option>
+                                <option>Сортировка 1</option>
+                                <option>Сортировка 2</option>
+                                <option>Сортировка 3</option>
+                                <option>Сортировка 4</option>
+                                <option>Сортировка 5</option>
+                                <option>Сортировка 6</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="1">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="2">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="3">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="4">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="5">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="6">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="main__vacancies-thing">
+                    <img src="images/13.jpg" alt="" class="main__vacancies-thing-pic">
+                    <div class="main__vacancies-thing-body">
+                        <h2>ООО «Флот Эксперт»</h2>
+                        <div class="main__vacancies-thing-scroll">
+                            <p><b>Приветствуем Вас коллеги!</b></p>
+                            <p>Уведомления о новых вакансиях можно получать подписавшись на наш телеграм канал!
+                                <br>Ссылка: <a href="#">https://t.me/rekamore_su</a>
+                            </p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                            <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                        </div>
+                        <a href="#" class="button">Узнать больше</a>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="7">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item js-ck" data-id="8">
+                    <a href="#" class="back main__employer-page-two-item-back">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#back"></use>
+                        </svg>
+                        <span>
+                                Вернуться к списку вакансий
+                            </span>
+                    </a>
+                    <div class="main__employer-page-two-item-toper">
+                        <img src="images/12.jpg" alt="">
+                        <span>Наяда</span>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
+                            специалистов на следующие должности:</div>
+                        <div class="main__employer-page-two-item-text-links">
+                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
+                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
+                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>трудоустройство по ТК РФ;</span></li>
+                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
+                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
+                                            мед. осмотра);</span></li>
+                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
+                                <li><span>оплату проживания на время ожидания судна;</span></li>
+                                <li><span>обучение и продление документов за счет компании;</span></li>
+                                <li><span>компенсацию медицинской комиссии;</span></li>
+                                <li><span>обеспечение спецодеждой;</span></li>
+                                <li><span>коллективное питание;</span></li>
+                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
+                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
+                                            оздоровительные лагеря для детей сотрудников;</span></li>
+                                <li><span>возможности профессионального развития с помощью корпоративных программ
+                                            обучения;</span></li>
+                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
+                                            представителями руководства компании.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
+                                <li><span>опыт работы в должности;</span></li>
+                                <li><span>наличие речных документов (желательно);</span></li>
+                                <li><span>знание английского языка.</span></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">hr@volgaflot.com</a></li>
+                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
+                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-text">
+                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
+                        <div class="main__employer-page-two-item-text-body">
+                            <ul>
+                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
+                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="main__employer-page-two-item-tags">
+                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
+                        <span class="main__employer-page-two-item-tag">#моторист</span>
+                    </div>
+                    <div class="main__employer-page-two-item-buttons">
+                        <button type="button"
+                                class="button main__employer-page-two-item-button">Откликнуться</button>
+                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
+                    </div>
+                    <div class="main__employer-page-two-item-bottom">
+                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
+                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#heart"></use>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="pagination">
+                    <a href="#" class="pagination__nav pagination__nav_prev">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#arrow-bold"></use>
+                        </svg>
+                    </a>
+                    <span class="pagination__item active">1</span>
+                    <a href="#" class="pagination__item">2</a>
+                    <a href="#" class="pagination__item">3</a>
+                    <a href="#" class="pagination__item">4</a>
+                    <a href="#" class="pagination__item">5</a>
+                    <span class="pagination__dots">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#dots"></use>
+                            </svg>
+                        </span>
+                    <a href="#" class="pagination__item">25</a>
+                    <a href="#" class="pagination__nav pagination__nav_next">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#arrow-bold"></use>
+                        </svg>
+                    </a>
+                </div>
+                <div class="more">
+                    <a href="#" class="button button_light">Показать ещё</a>
+                </div>
+            </div>
+        </div>
+    </main>
+</div> <!-- END TOP WRAPPER -->
+
+<div> <!-- BEGIN BOTTOM WRAPPER -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer__mobile">
+                <button class="footer__mobile-toper js-toggle active">
+                    <b>
+                        <svg>
+                            <use xlink:href="images/sprite.svg#logo"></use>
+                        </svg>
+                    </b>
+                    <span>
+                            <svg>
+                                <use xlink:href="images/sprite.svg#arrow-top"></use>
+                            </svg>
+                        </span>
+                </button>
+                <div class="footer__mobile-menu">
+                    <div class="footer__mobile-menu-item">
+                        <button class="js-toggle">
+                            <b>Соискателям</b>
+                            <span><svg>
+                                        <use xlink:href="images/sprite.svg#arrow-top"></use>
+                                    </svg></span>
+                        </button>
+                        <div>
+                            <a href="#">Вакансии</a>
+                            <a href="#">Условия размещения</a>
+                            <a href="#">Образование</a>
+                            <a href="#">Новости</a>
+                            <a href="#">Контакты</a>
+                            <a href="#">Публичная оферта</a>
+                        </div>
+                    </div>
+                    <div class="footer__mobile-menu-item">
+                        <button class="js-toggle">
+                            <b>Работодателям</b>
+                            <span><svg>
+                                        <use xlink:href="images/sprite.svg#arrow-top"></use>
+                                    </svg></span>
+                        </button>
+                        <div>
+                            <a href="#">Регистрация</a>
+                            <a href="#">База резюме</a>
+                            <a href="#">Стоимость размещения</a>
+                            <a href="#">Инструкции</a>
+                            <a href="#">Эффективность объявления</a>
+                            <a href="#">Публичная оферта</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer__mobile-contacts">
+                    <b>Контакты</b>
+                    <a href="#">+7(963)-87-43-197</a>
+                    <a href="#">info@rekamore.su</a>
+                </div>
+                <div class="footer__mobile-bottom">
+                    <div class="socials">
+                        <a href="#" target="_blank">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#vk"></use>
+                            </svg>
+                        </a>
+                        <a href="#" target="_blank">
+                            <svg>
+                                <use xlink:href="images/sprite.svg#tg"></use>
+                            </svg>
+                        </a>
+                    </div>
+                    <nav class="footer__mobile-links">
+                        <a href="#">Политика конфиденциальности</a>
+                        <span></span>
+                        <a href="#">Пользовательское соглашение</a>
+                    </nav>
+                    &copy; 2023 &mdash; RekaMore.su
+                    <a href="#" class="nls" target="_blank">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#nls"></use>
+                        </svg>
+                        <span>
+                                Разработка сайта:
+                                <b>NoLogoStudio.ru</b>
+                            </span>
+                    </a>
+                </div>
+            </div>
+            <div class="footer__main">
+                <div class="footer__main-body">
+                    <a href="" class="footer__main-logo">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#logo"></use>
+                        </svg>
+                    </a>
+                    <div class="footer__main-col">
+                        <div class="footer__main-title">Соискателям</div>
+                        <nav>
+                            <a href="#">Вакансии</a>
+                            <a href="#">Условия размещения</a>
+                            <a href="#">Образование</a>
+                            <a href="#">Новости</a>
+                            <a href="#">Контакты</a>
+                            <a href="#">Публичная оферта</a>
+                        </nav>
+                    </div>
+                    <div class="footer__main-col">
+                        <div class="footer__main-title">Работодателям</div>
+                        <nav>
+                            <a href="#">Регистрация</a>
+                            <a href="#">База резюме</a>
+                            <a href="#">Стоимость размещения</a>
+                            <a href="#">Инструкции</a>
+                            <a href="#">Эффективность объявления</a>
+                            <a href="#">Публичная оферта</a>
+                        </nav>
+                    </div>
+                    <div class="footer__main-col">
+                        <div class="footer__main-title">Контакты</div>
+                        <div class="footer__main-contacts">
+                            <a href="#">+7(963)-87-43-197</a>
+                            <a href="#">info@rekamore.su</a>
+                        </div>
+                        <div class="socials">
+                            <a href="#" target="_blank">
+                                <svg>
+                                    <use xlink:href="images/sprite.svg#vk"></use>
+                                </svg>
+                            </a>
+                            <a href="#" target="_blank">
+                                <svg>
+                                    <use xlink:href="images/sprite.svg#tg"></use>
+                                </svg>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer__main-copy">
+                    <div>&copy; 2023 &mdash; RekaMore.su</div>
+                    <nav>
+                        <a href="#">Политика конфиденциальности</a>
+                        <span></span>
+                        <a href="#">Пользовательское соглашение</a>
+                    </nav>
+                    <a href="#" class="nls" target="_blank">
+                        <svg>
+                            <use xlink:href="images/sprite.svg#nls"></use>
+                        </svg>
+                        <span>
+                                Разработка сайта:
+                                <b>NoLogoStudio.ru</b>
+                            </span>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </footer>
+</div> <!-- END BOTTOM WRAPPER -->
+
+<script src="{{ asset('js/jquery.js') }}"></script>
+<script src="{{ asset('js/jquery.maskedinput.js') }}"></script>
+<script src="{{ asset('js/jquery.fancybox.js') }}"></script>
+<script src="{{ asset('js/jquery.select2.js') }}"></script>
+<script src="{{ asset('js/swiper.js') }}"></script>
+<script src="{{ asset('js/star-rating.min.js') }}"></script>
+<script src="{{ asset('js/js.cookie.min.js') }}"></script>
+<script src="{{ asset('js/script45.js') }}"></script>
+</body>
+
+</html>
@@ -70,28 +70,56 @@
         </div>
     </div>
 </section>
-<section class="vacancies">
+<!--<section class="vacancies">
     <div class="container">
         <div class="title"><h4>Новые вакансии</h4></div>
         <div class="vacancies__body">
             <a class="vacancies__more button button_light js-parent-toggle" href="{{ route('vacancies') }}">Все должности</a>
             <div class="vacancies__list">
-                @if ($categories->count())
-                @foreach ($categories as $cat)
-                <a href="{{ route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item">
+                _if ($categories->count())
+                _foreach ($categories as $cat)
+                <a href=" route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item">
                     <span style="border-color:#F4C4C2">
-                        <b>{{ $cat->name }}</b>
-                        <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
+                        <b> $cat->name }}</b>
+                        <i>Вакансий: <span> $cat->cnt }}</span></i>
                     </span>
                 </a>
-                @endforeach
-                @else
+                _endforeach
+                _else
                     Тут пока нет никаких вакансий
-                @endif
+                _endif
             </div>
         </div>
     </div>
-</section>
+</section>-->
+
+<main class="main">
+    <div class="container">
+        <div class="main__vacancies">
+            <h2 class="main__vacancies-title">Категории вакансий</h2>
+            <div class="vacancies__body">
+                <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
+                    <span>Показать ещё</span>
+                    <span>Скрыть</span>
+                </button>-->
+                <div class="vacancies__list" id="block_ajax" name="block_ajax">
+                    <div class="vacancies__list-col">
+                        @include('block_real', ['flot' => $flot_paluba, 'title' => 'Палуба'])
+                    </div>
+                    <div class="vacancies__list-col">
+                        @include('block_real', ['flot' => $flot_MO, 'title' => 'МО'])
+                    </div>
+                    <div class="vacancies__list-col">
+                        @include('block_real', ['flot' => $flot_radovie, 'title' => 'Рядовые'])
+                    </div>
+                    <div class="vacancies__list-col">
+                        @include('block_real', ['flot' => $flot_prochee, 'title' => 'Прочее'])
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</main>
  
 <section class="employer">
     <div class="container">
@@ -0,0 +1,28 @@
+
+<script>
+// cookies
+const cookieItems = document.querySelectorAll(".js-ck");
+
+if (cookieItems.length) {
+    cookieItems.forEach(item => {
+        let id = item.dataset.id;
+        let like = item.querySelector(".like");
+        let checkLike = function () {
+        if (like.classList.contains("active")) {
+            Cookies.set(id, id);
+        } else {
+            Cookies.remove(id);
+        }
+    }
+
+    like.addEventListener("click", () => {
+        checkLike();
+    });
+
+    if (Cookies.get(id) == id) {
+        like.classList.add("active");
+    }
+  });
+}
+console.log(Cookies.get());
+</script>
@@ -8,7 +8,7 @@
     <meta name="theme-color" content="#377D87">
     <script src="{{ asset('js/jquery.js') }}"></script>
     <!--<script type="text/javascript" src=" asset('js/jquery.cookie.js') }}"></script>-->
-    <link rel="stylesheet" href="{{ asset('css/style_21march.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
     <link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}">
     <style>
         .err_red {
@@ -277,7 +277,7 @@
 <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
 <script src="{{ asset('js/jquery.select2.js') }}"></script>
 <script src="{{ asset('js/swiper.js') }}"></script>
-<script src="{{ asset('js/script.js') }}"></script>
+<script src="{{ asset('js/script45.js') }}"></script>
 <script src="{{ asset('js/star-rating.min.js') }}"></script>
 <script>
     var getUrlParameter = function getUrlParameter(sParam) {
@@ -296,5 +296,7 @@
 @yield('scripts')
  
 @include('js.modals')
+@include('js.cookies')
+
 </body>
 </html>
@@ -105,7 +105,7 @@
  
             <div class="modal__reg-item">
                 <label class="checkbox">
-                    <input type="checkbox" name="politik_worker" id="politik_worker" class="checkbox__input" required>
+                    <input type="checkbox" name="politik" id="politik" value="1" class="checkbox__input">
                     <span class="checkbox__icon">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
@@ -198,7 +198,7 @@
  
             <div class="modal__reg-item">
                 <label class="checkbox">
-                    <input type="checkbox" name="politik_employer" id="politik_employer" class="checkbox__input" required>
+                    <input type="checkbox" name="politik_employer" id="politik_employer" value="1" class="checkbox__input" required>
                     <span class="checkbox__icon">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
@@ -451,7 +451,14 @@ Route::get(&#39;clear_cookie&#39;, function() {
     return redirect()->route('index');
 })->name('clear_cookie');
  
-// Личный кабинет работника
+Route::get('cookies', function() {
+    return view('cookies');
+})->name('cookies');
+
+
+
+
+// Личный кабинет работник
 Route::group([
     'as' => 'worker.', // имя маршрута, например auth.index
     'prefix' => 'worker', // префикс маршрута, например auth/index
@@ -571,3 +578,5 @@ Route::group([
     // Отправил сообщение
     Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');
 });
+
+
...	...	@@ -35,9 +35,34 @@ class MainController extends Controller
35	35	->GroupBy('categories.id')
36	36	->get();
37	37
	38	+ $flot_paluba = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
	39	+ join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
	40	+ where('position_ship', 'Палуба');
	41	+
	42	+
	43	+
	44	+ $flot_paluba = $flot_paluba->groupby('job_title_id')->get();
	45	+ $flot_MO = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
	46	+ join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
	47	+ where('position_ship', '=', 'МО');
	48	+
	49	+ $flot_MO = $flot_MO->groupby('ad_jobs.id')->get();
	50	+
	51	+ $flot_radovie = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
	52	+ join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
	53	+ where('position_ship', '=', 'Рядовые');
	54	+
	55	+ $flot_radovie = $flot_radovie->groupby('ad_jobs.id')->get();
	56	+
	57	+ $flot_prochee = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
	58	+ join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
	59	+ where('position_ship', '=', 'Прочее');
	60	+ $flot_prochee = $flot_prochee->groupby('ad_jobs.id')->get();
38	61	$employers = employers_main::query()->with('employer')->orderBy('id')->limit(8)->get();
39	62	$vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get();
40		- return view('index', compact('news', 'categories', 'employers', 'vacancy'));
	63	+ return view('index', compact('news', 'categories', 'employers', 'vacancy',
	64	+ 'flot_paluba', 'flot_MO', 'flot_radovie', 'flot_prochee'
	65	+ ));
41	66	}
42	67
43	68	public function search_vacancies(Request $request) {
...	...	@@ -400,11 +400,14 @@ class WorkerController extends Controller
400	400	{
401	401	$params = $request->all();
402	402
	403	+
	404	+ dd($params);
	405	+
403	406	$rules = [
404	407	'surname' => ['required', 'string', 'max:255'],
405	408	'name_man' => ['required', 'string', 'max:255'],
406	409	'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
407		- 'password' => ['required', 'string', 'min:8'],
	410	+ 'password' => ['required', 'string', 'min:8']
408	411	];
409	412
410	413	$messages = [
...	...	@@ -425,21 +428,29 @@ class WorkerController extends Controller
425	428	return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
426	429	}
427	430
428		- $validator = Validator::make($request->all(), $rules, $messages);
	431	+ if (($request->has('politik')) && ($request->get('politik') == 1)) {
	432	+ $validator = Validator::make($request->all(), $rules, $messages);
429	433
430		- if ($validator->fails()) {
431		- return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
432		- } else {
433		- $user = $this->create($params);
434		- event(new Registered($user));
	434	+ if ($validator->fails()) {
	435	+ return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
	436	+ } else {
	437	+ $user = $this->create($params);
	438	+ event(new Registered($user));
	439	+
	440	+ Auth::guard()->login($user);
	441	+ }
	442	+
	443	+ if ($user) {
	444	+ return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
	445	+ } else {
	446	+ return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
	447	+ }
435	448
436		- Auth::guard()->login($user);
437		- }
438		- if ($user) {
439		- return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
440	449	} else {
441		- return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
	450	+ return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
442	451	}
	452	+
	453	+
443	454	}
444	455
445	456
...	...	@@ -0,0 +1,2 @@
	1	+/! js-cookie v3.0.5 \| MIT /
	2	+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e\|\|self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var t=function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]\|5E\|60\|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length\|\|e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]\|3[AC-F]\|40\|5[BDE]\|60\|7[BCD])/g,decodeURIComponent)}},{path:"/"});return t}));
...	...	@@ -1,150 +0,0 @@
1		-let scripts = function () {
2		-
3		- $('.js-toggle').on('click', function () {
4		- $(this).toggleClass('active');
5		- });
6		- $('.js-parent-toggle').on('click', function () {
7		- $(this).parent().toggleClass('active');
8		- });
9		- $('.js-parent-remove').on('click', function () {
10		- $(this).parent().remove();
11		- });
12		- $('.js-menu-toggle').on('click', function () {
13		- window.scrollTo(0, 0);
14		- $('#body').toggleClass('menu-is-actived');
15		- });
16		- $('.js-cookies-close').on('click', function () {
17		- $('#body').removeClass('cookies-is-actived');
18		- });
19		- $('.js-works-edit').on('click', function () {
20		- $(this).parent().parent().parent().addClass('active');
21		- });
22		- $('.js-works-remove').on('click', function () {
23		- $(this).parent().parent().parent().parent().remove();
24		- });
25		-
26		- $('[data-tab]').on('click', function () {
27		- $('[data-tab]').removeClass('active');
28		- $('[data-body]').removeClass('showed');
29		- $(this).addClass('active');
30		- var id = $(this).data('tab');
31		- $('[data-body=' + id + ']').addClass('showed');
32		- });
33		-
34		- $('.js-password-show').on('click', function () {
35		- $(this).parent().addClass('active');
36		- $(this).parent().parent().find('input').attr('type', 'text');
37		- });
38		-
39		- $('.js-password-hide').on('click', function () {
40		- $(this).parent().removeClass('active');
41		- $(this).parent().parent().find('input').attr('type', 'password');
42		- });
43		-
44		- let checkScrollTop = function () {
45		- if ($(document).scrollTop() == 0) {
46		- $('#body').removeClass('begin');
47		- } else {
48		- $('#body').addClass('begin');
49		- }
50		- }
51		- checkScrollTop();
52		- $(document).on('scroll', function () {
53		- checkScrollTop();
54		- });
55		-
56		- let closeAll = function () {
57		- $('.js-toggle').removeClass('active');
58		- $('.js-parent-toggle').parent().removeClass('active');
59		- $('#body').removeClass('menu-is-actived');
60		- $('#body').removeClass('cookies-is-actived');
61		- }
62		-
63		- $(document).keyup(function (e) {
64		- if (e.key === "Escape") {
65		- closeAll();
66		- }
67		- });
68		-
69		- $('.js-scroll-to').bind('click', function (e) {
70		- let anchor = $(this);
71		- $('html,body').stop().animate({
72		- scrollTop: $(anchor.attr('href')).offset().top
73		- }, 300);
74		- e.preventDefault();
75		- });
76		-
77		- if ($('[type=tel]').is('[type=tel]')) {
78		- $('[type=tel]').mask('+7 (999) 999-99-99');
79		- }
80		-
81		- if ($('.js-select2').is('.js-select2')) {
82		- $('.js-select2').select2();
83		- }
84		-
85		- const starRating = document.querySelectorAll(".js-stars");
86		- if (starRating.length) {
87		- starRating.forEach(item => {
88		- new StarRating(item);
89		- });
90		- }
91		-
92		-};
93		-
94		-let swipers = function () {
95		-
96		- if ($('.js-employer-swiper').is('.js-employer-swiper')) {
97		- let slider = new Swiper('.js-employer-swiper', {
98		- autoplay: {
99		- delay: 5000,
100		- },
101		- pagination: {
102		- el: '.swiper-pagination',
103		- clickable: true
104		- },
105		- breakpoints: {
106		- 768: {
107		- slidesPerView: 2,
108		- },
109		- 992: {
110		- slidesPerView: 3,
111		- },
112		- 1280: {
113		- slidesPerView: 4,
114		- },
115		- }
116		- });
117		- }
118		-
119		- if ($('.js-news-swiper').is('.js-news-swiper')) {
120		- let slider = new Swiper('.js-news-swiper', {
121		- spaceBetween: 20,
122		- pagination: {
123		- el: '.swiper-pagination',
124		- clickable: true
125		- },
126		- navigation: {
127		- prevEl: '.js-news-swiper-button-prev',
128		- nextEl: '.js-news-swiper-button-next',
129		- },
130		- breakpoints: {
131		- 768: {
132		- slidesPerView: 2,
133		- },
134		- 992: {
135		- slidesPerView: 3,
136		- },
137		- }
138		- });
139		- }
140		-
141		-};
142		-
143		-document.addEventListener("DOMContentLoaded", () => {
144		- scripts();
145		- swipers();
146		-});
147		-
148		-$(window).resize(function () {
149		- swipers();
150		-});
...	...	@@ -0,0 +1,174 @@
	1	+let scripts = function () {
	2	+
	3	+ $('.js-toggle').on('click', function () {
	4	+ $(this).toggleClass('active');
	5	+ });
	6	+ $('.js-parent-toggle').on('click', function () {
	7	+ $(this).parent().toggleClass('active');
	8	+ });
	9	+ $('.js-parent-remove').on('click', function () {
	10	+ $(this).parent().remove();
	11	+ });
	12	+ $('.js-menu-toggle').on('click', function () {
	13	+ window.scrollTo(0, 0);
	14	+ $('#body').toggleClass('menu-is-actived');
	15	+ });
	16	+ $('.js-cookies-close').on('click', function () {
	17	+ $('#body').removeClass('cookies-is-actived');
	18	+ });
	19	+ $('.js-works-edit').on('click', function () {
	20	+ $(this).parent().parent().parent().addClass('active');
	21	+ });
	22	+ $('.js-works-remove').on('click', function () {
	23	+ $(this).parent().parent().parent().parent().remove();
	24	+ });
	25	+
	26	+ $('[data-tab]').on('click', function () {
	27	+ $('[data-tab]').removeClass('active');
	28	+ $('[data-body]').removeClass('showed');
	29	+ $(this).addClass('active');
	30	+ var id = $(this).data('tab');
	31	+ $('[data-body=' + id + ']').addClass('showed');
	32	+ });
	33	+
	34	+ $('.js-password-show').on('click', function () {
	35	+ $(this).parent().addClass('active');
	36	+ $(this).parent().parent().find('input').attr('type', 'text');
	37	+ });
	38	+
	39	+ $('.js-password-hide').on('click', function () {
	40	+ $(this).parent().removeClass('active');
	41	+ $(this).parent().parent().find('input').attr('type', 'password');
	42	+ });
	43	+
	44	+ let checkScrollTop = function () {
	45	+ if ($(document).scrollTop() == 0) {
	46	+ $('#body').removeClass('begin');
	47	+ } else {
	48	+ $('#body').addClass('begin');
	49	+ }
	50	+ }
	51	+ checkScrollTop();
	52	+ $(document).on('scroll', function () {
	53	+ checkScrollTop();
	54	+ });
	55	+
	56	+ let closeAll = function () {
	57	+ $('.js-toggle').removeClass('active');
	58	+ $('.js-parent-toggle').parent().removeClass('active');
	59	+ $('#body').removeClass('menu-is-actived');
	60	+ $('#body').removeClass('cookies-is-actived');
	61	+ }
	62	+
	63	+ $(document).keyup(function (e) {
	64	+ if (e.key === "Escape") {
	65	+ closeAll();
	66	+ }
	67	+ });
	68	+
	69	+ $('.js-scroll-to').bind('click', function (e) {
	70	+ let anchor = $(this);
	71	+ $('html,body').stop().animate({
	72	+ scrollTop: $(anchor.attr('href')).offset().top
	73	+ }, 300);
	74	+ e.preventDefault();
	75	+ });
	76	+
	77	+ if ($('[type=tel]').is('[type=tel]')) {
	78	+ $('[type=tel]').mask('+7 (999) 999-99-99');
	79	+ }
	80	+
	81	+ if ($('.js-select2').is('.js-select2')) {
	82	+ $('.js-select2').select2();
	83	+ }
	84	+
	85	+ const starRating = document.querySelectorAll(".js-stars");
	86	+ if (starRating.length) {
	87	+ starRating.forEach(item => {
	88	+ new StarRating(item);
	89	+ });
	90	+ }
	91	+
	92	+ // cookies
	93	+ const cookieItems = document.querySelectorAll(".js-ck");
	94	+ if (cookieItems.length) {
	95	+ console.log('Work with cokomi');
	96	+ cookieItems.forEach(item => {
	97	+ let id = item.dataset.id;
	98	+ let like = item.querySelector(".like");
	99	+ let checkLike = function () {
	100	+ if (like.classList.contains("active")) {
	101	+ Cookies.set(id, id);
	102	+ } else {
	103	+ Cookies.remove(id);
	104	+ }
	105	+ }
	106	+ like.addEventListener("click", () => {
	107	+ checkLike();
	108	+ });
	109	+ if (Cookies.get(id) == id) {
	110	+ like.classList.add("active");
	111	+ }
	112	+ });
	113	+ }
	114	+ console.log(Cookies.get());
	115	+
	116	+};
	117	+
	118	+let swipers = function () {
	119	+
	120	+ if ($('.js-employer-swiper').is('.js-employer-swiper')) {
	121	+ let slider = new Swiper('.js-employer-swiper', {
	122	+ autoplay: {
	123	+ delay: 5000,
	124	+ },
	125	+ pagination: {
	126	+ el: '.swiper-pagination',
	127	+ clickable: true
	128	+ },
	129	+ breakpoints: {
	130	+ 768: {
	131	+ slidesPerView: 2,
	132	+ },
	133	+ 992: {
	134	+ slidesPerView: 3,
	135	+ },
	136	+ 1280: {
	137	+ slidesPerView: 4,
	138	+ },
	139	+ }
	140	+ });
	141	+ }
	142	+
	143	+ if ($('.js-news-swiper').is('.js-news-swiper')) {
	144	+ let slider = new Swiper('.js-news-swiper', {
	145	+ spaceBetween: 20,
	146	+ pagination: {
	147	+ el: '.swiper-pagination',
	148	+ clickable: true
	149	+ },
	150	+ navigation: {
	151	+ prevEl: '.js-news-swiper-button-prev',
	152	+ nextEl: '.js-news-swiper-button-next',
	153	+ },
	154	+ breakpoints: {
	155	+ 768: {
	156	+ slidesPerView: 2,
	157	+ },
	158	+ 992: {
	159	+ slidesPerView: 3,
	160	+ },
	161	+ }
	162	+ });
	163	+ }
	164	+
	165	+};
	166	+
	167	+document.addEventListener("DOMContentLoaded", () => {
	168	+ scripts();
	169	+ swipers();
	170	+});
	171	+
	172	+$(window).resize(function () {
	173	+ swipers();
	174	+});
...	...	@@ -0,0 +1,150 @@
	1	+let scripts = function () {
	2	+
	3	+ $('.js-toggle').on('click', function () {
	4	+ $(this).toggleClass('active');
	5	+ });
	6	+ $('.js-parent-toggle').on('click', function () {
	7	+ $(this).parent().toggleClass('active');
	8	+ });
	9	+ $('.js-parent-remove').on('click', function () {
	10	+ $(this).parent().remove();
	11	+ });
	12	+ $('.js-menu-toggle').on('click', function () {
	13	+ window.scrollTo(0, 0);
	14	+ $('#body').toggleClass('menu-is-actived');
	15	+ });
	16	+ $('.js-cookies-close').on('click', function () {
	17	+ $('#body').removeClass('cookies-is-actived');
	18	+ });
	19	+ $('.js-works-edit').on('click', function () {
	20	+ $(this).parent().parent().parent().addClass('active');
	21	+ });
	22	+ $('.js-works-remove').on('click', function () {
	23	+ $(this).parent().parent().parent().parent().remove();
	24	+ });
	25	+
	26	+ $('[data-tab]').on('click', function () {
	27	+ $('[data-tab]').removeClass('active');
	28	+ $('[data-body]').removeClass('showed');
	29	+ $(this).addClass('active');
	30	+ var id = $(this).data('tab');
	31	+ $('[data-body=' + id + ']').addClass('showed');
	32	+ });
	33	+
	34	+ $('.js-password-show').on('click', function () {
	35	+ $(this).parent().addClass('active');
	36	+ $(this).parent().parent().find('input').attr('type', 'text');
	37	+ });
	38	+
	39	+ $('.js-password-hide').on('click', function () {
	40	+ $(this).parent().removeClass('active');
	41	+ $(this).parent().parent().find('input').attr('type', 'password');
	42	+ });
	43	+
	44	+ let checkScrollTop = function () {
	45	+ if ($(document).scrollTop() == 0) {
	46	+ $('#body').removeClass('begin');
	47	+ } else {
	48	+ $('#body').addClass('begin');
	49	+ }
	50	+ }
	51	+ checkScrollTop();
	52	+ $(document).on('scroll', function () {
	53	+ checkScrollTop();
	54	+ });
	55	+
	56	+ let closeAll = function () {
	57	+ $('.js-toggle').removeClass('active');
	58	+ $('.js-parent-toggle').parent().removeClass('active');
	59	+ $('#body').removeClass('menu-is-actived');
	60	+ $('#body').removeClass('cookies-is-actived');
	61	+ }
	62	+
	63	+ $(document).keyup(function (e) {
	64	+ if (e.key === "Escape") {
	65	+ closeAll();
	66	+ }
	67	+ });
	68	+
	69	+ $('.js-scroll-to').bind('click', function (e) {
	70	+ let anchor = $(this);
	71	+ $('html,body').stop().animate({
	72	+ scrollTop: $(anchor.attr('href')).offset().top
	73	+ }, 300);
	74	+ e.preventDefault();
	75	+ });
	76	+
	77	+ if ($('[type=tel]').is('[type=tel]')) {
	78	+ $('[type=tel]').mask('+7 (999) 999-99-99');
	79	+ }
	80	+
	81	+ if ($('.js-select2').is('.js-select2')) {
	82	+ $('.js-select2').select2();
	83	+ }
	84	+
	85	+ const starRating = document.querySelectorAll(".js-stars");
	86	+ if (starRating.length) {
	87	+ starRating.forEach(item => {
	88	+ new StarRating(item);
	89	+ });
	90	+ }
	91	+
	92	+};
	93	+
	94	+let swipers = function () {
	95	+
	96	+ if ($('.js-employer-swiper').is('.js-employer-swiper')) {
	97	+ let slider = new Swiper('.js-employer-swiper', {
	98	+ autoplay: {
	99	+ delay: 5000,
	100	+ },
	101	+ pagination: {
	102	+ el: '.swiper-pagination',
	103	+ clickable: true
	104	+ },
	105	+ breakpoints: {
	106	+ 768: {
	107	+ slidesPerView: 2,
	108	+ },
	109	+ 992: {
	110	+ slidesPerView: 3,
	111	+ },
	112	+ 1280: {
	113	+ slidesPerView: 4,
	114	+ },
	115	+ }
	116	+ });
	117	+ }
	118	+
	119	+ if ($('.js-news-swiper').is('.js-news-swiper')) {
	120	+ let slider = new Swiper('.js-news-swiper', {
	121	+ spaceBetween: 20,
	122	+ pagination: {
	123	+ el: '.swiper-pagination',
	124	+ clickable: true
	125	+ },
	126	+ navigation: {
	127	+ prevEl: '.js-news-swiper-button-prev',
	128	+ nextEl: '.js-news-swiper-button-next',
	129	+ },
	130	+ breakpoints: {
	131	+ 768: {
	132	+ slidesPerView: 2,
	133	+ },
	134	+ 992: {
	135	+ slidesPerView: 3,
	136	+ },
	137	+ }
	138	+ });
	139	+ }
	140	+
	141	+};
	142	+
	143	+document.addEventListener("DOMContentLoaded", () => {
	144	+ scripts();
	145	+ swipers();
	146	+});
	147	+
	148	+$(window).resize(function () {
	149	+ swipers();
	150	+});
...	...	@@ -70,28 +70,56 @@
70	70	</div>
71	71	</div>
72	72	</section>
73		-<section class="vacancies">
	73	+<!--<section class="vacancies">
74	74	<div class="container">
75	75	<div class="title"><h4>Новые вакансии</h4></div>
76	76	<div class="vacancies__body">
77	77	<a class="vacancies__more button button_light js-parent-toggle" href="{{ route('vacancies') }}">Все должности</a>
78	78	<div class="vacancies__list">
79		- @if ($categories->count())
80		- @foreach ($categories as $cat)
81		- <a href="{{ route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item">
	79	+ _if ($categories->count())
	80	+ _foreach ($categories as $cat)
	81	+ <a href=" route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item">
82	82	<span style="border-color:#F4C4C2">
83		- <b>{{ $cat->name }}</b>
84		- <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
	83	+ <b> $cat->name }}</b>
	84	+ <i>Вакансий: <span> $cat->cnt }}</span></i>
85	85	</span>
86	86	</a>
87		- @endforeach
88		- @else
	87	+ _endforeach
	88	+ _else
89	89	Тут пока нет никаких вакансий
90		- @endif
	90	+ _endif
91	91	</div>
92	92	</div>
93	93	</div>
94		-</section>
	94	+</section>-->
	95	+
	96	+<main class="main">
	97	+ <div class="container">
	98	+ <div class="main__vacancies">
	99	+ <h2 class="main__vacancies-title">Категории вакансий</h2>
	100	+ <div class="vacancies__body">
	101	+ <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
	102	+ <span>Показать ещё</span>
	103	+ <span>Скрыть</span>
	104	+ </button>-->
	105	+ <div class="vacancies__list" id="block_ajax" name="block_ajax">
	106	+ <div class="vacancies__list-col">
	107	+ @include('block_real', ['flot' => $flot_paluba, 'title' => 'Палуба'])
	108	+ </div>
	109	+ <div class="vacancies__list-col">
	110	+ @include('block_real', ['flot' => $flot_MO, 'title' => 'МО'])
	111	+ </div>
	112	+ <div class="vacancies__list-col">
	113	+ @include('block_real', ['flot' => $flot_radovie, 'title' => 'Рядовые'])
	114	+ </div>
	115	+ <div class="vacancies__list-col">
	116	+ @include('block_real', ['flot' => $flot_prochee, 'title' => 'Прочее'])
	117	+ </div>
	118	+ </div>
	119	+ </div>
	120	+ </div>
	121	+ </div>
	122	+</main>
95	123
96	124	<section class="employer">
97	125	<div class="container">
...	...	@@ -0,0 +1,28 @@
	1	+
	2	+<script>
	3	+// cookies
	4	+const cookieItems = document.querySelectorAll(".js-ck");
	5	+
	6	+if (cookieItems.length) {
	7	+ cookieItems.forEach(item => {
	8	+ let id = item.dataset.id;
	9	+ let like = item.querySelector(".like");
	10	+ let checkLike = function () {
	11	+ if (like.classList.contains("active")) {
	12	+ Cookies.set(id, id);
	13	+ } else {
	14	+ Cookies.remove(id);
	15	+ }
	16	+ }
	17	+
	18	+ like.addEventListener("click", () => {
	19	+ checkLike();
	20	+ });
	21	+
	22	+ if (Cookies.get(id) == id) {
	23	+ like.classList.add("active");
	24	+ }
	25	+ });
	26	+}
	27	+console.log(Cookies.get());
	28	+</script>
...	...	@@ -8,7 +8,7 @@
8	8	<meta name="theme-color" content="#377D87">
9	9	<script src="{{ asset('js/jquery.js') }}"></script>
10	10	<!--<script type="text/javascript" src=" asset('js/jquery.cookie.js') }}"></script>-->
11		- <link rel="stylesheet" href="{{ asset('css/style_21march.css') }}">
	11	+ <link rel="stylesheet" href="{{ asset('css/style.css') }}">
12	12	<link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}">
13	13	<style>
14	14	.err_red {
...	...	@@ -277,7 +277,7 @@
277	277	<script src="{{ asset('js/jquery.fancybox.js') }}"></script>
278	278	<script src="{{ asset('js/jquery.select2.js') }}"></script>
279	279	<script src="{{ asset('js/swiper.js') }}"></script>
280		-<script src="{{ asset('js/script.js') }}"></script>
	280	+<script src="{{ asset('js/script45.js') }}"></script>
281	281	<script src="{{ asset('js/star-rating.min.js') }}"></script>
282	282	<script>
283	283	var getUrlParameter = function getUrlParameter(sParam) {
...	...	@@ -296,5 +296,7 @@
296	296	@yield('scripts')
297	297
298	298	@include('js.modals')
	299	+@include('js.cookies')
	300	+
299	301	</body>
300	302	</html>
...	...	@@ -105,7 +105,7 @@
105	105
106	106	<div class="modal__reg-item">
107	107	<label class="checkbox">
108		- <input type="checkbox" name="politik_worker" id="politik_worker" class="checkbox__input" required>
	108	+ <input type="checkbox" name="politik" id="politik" value="1" class="checkbox__input">
109	109	<span class="checkbox__icon">
110	110	<svg>
111	111	<use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
...	...	@@ -198,7 +198,7 @@
198	198
199	199	<div class="modal__reg-item">
200	200	<label class="checkbox">
201		- <input type="checkbox" name="politik_employer" id="politik_employer" class="checkbox__input" required>
	201	+ <input type="checkbox" name="politik_employer" id="politik_employer" value="1" class="checkbox__input" required>
202	202	<span class="checkbox__icon">
203	203	<svg>
204	204	<use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>