diff --git a/app/Http/Controllers/EmployerController.php b/app/Http/Controllers/EmployerController.php
new file mode 100644
index 0000000..d7cd759
--- /dev/null
+++ b/app/Http/Controllers/EmployerController.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class EmployerController extends Controller
+{
+    //
+}
diff --git a/app/Http/Controllers/MainController.php b/app/Http/Controllers/MainController.php
index f80761e..5c299a1 100644
--- a/app/Http/Controllers/MainController.php
+++ b/app/Http/Controllers/MainController.php
@@ -2,12 +2,90 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\Category;
+use App\Models\Employer;
+use App\Models\Job_title;
+use App\Models\News;
+use App\Models\reclame;
 use Illuminate\Http\Request;
 
 class MainController extends Controller
 {
     // Главная страница публичной части
     public function index() {
-        return view('index');
+        $news = News::query()->orderBy('id')->limit(6)->get();
+
+        $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
+            ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
+            ->OrderByDesc('created_at')
+            ->GroupBy('categories.id')
+            ->get();
+
+        $employers = Employer::query()->orderBy('id')->limit(20)->get();
+
+        return view('index', compact('news', 'categories', 'employers'));
+    }
+
+    public function vacancies(Request $request) {
+        //должности
+        $Job_title = Job_title::query()->orderBy('name')->get();
+
+        $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
+                    ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary')
+                    ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
+                    ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id');
+
+        //категории и вакансии
+        if ($request->ajax()) {
+              $categories = $categories->Where('job_title_id', '=', $request->get('job'))
+                                        ->OrderByDesc('created_at')
+                                        ->GroupBy('categories.id')
+                                        ->get();
+        } else {
+                $categories = $categories->OrderByDesc('created_at')
+                                           ->GroupBy('categories.id')
+                                           ->get();
+        }
+
+        if ($request->ajax()) {
+            return view('ajax.vacancies', compact('categories'));
+        } else {
+            return view('vacancies', compact('Job_title', 'categories'));
+        }
+    }
+
+    //Вакансии категория детальная
+    public function list_vacancies(Request $request) {
+       $data = $request->all();
+
+       if ($data['categories'] == 'all') {
+           $Categories_id = 0;
+       } else {
+            $Categories_id = $data['categories'];
+       }
+
+       if ($data['job_titles'] == 'all') {
+           $job_titles_id = 0;
+       } else {
+           $job_titles_id = $data['job_titles'];
+       }
+
+       $Query = Employer::with('jobs')->with('cat')->select('employers.*');
+       if ($Categories_id > 0) {
+           $Query = $Query->where('category_id', '=', $Categories_id);
+           $Name_categori = Category::query()->where('id', '=', $Categories_id)->get();
+
+       }
+
+       if ($job_titles_id > 0) {
+            $Query = $Query->join('ad_jobs', 'job_title_id', '=', $job_titles_id);
+       }
+
+       // Данные
+       $Job_title = Job_title::query()->get();
+       $Query = $Query->OrderBy('updated_at')->paginate(15);
+       $Reclama = reclame::query()->limit(3)->get();
+
+       return view('list_vacancies', compact('Query', 'Reclama', 'Name_categori', 'Job_title'));
     }
 }
diff --git a/app/Http/Controllers/PagesController.php b/app/Http/Controllers/PagesController.php
index 9dbbf1f..4e1f91e 100644
--- a/app/Http/Controllers/PagesController.php
+++ b/app/Http/Controllers/PagesController.php
@@ -35,4 +35,12 @@ class PagesController extends Controller
         $writer = new Xlsx($spreadsheet);
         $writer->save('hello_world.xlsx');
     }
+
+    public function private_policy() {
+        return view('private_policy');
+    }
+
+    public function terms_of_use() {
+        return view('terms_of_use');
+    }
 }
diff --git a/app/Http/Controllers/WorkerController.php b/app/Http/Controllers/WorkerController.php
index 465a7ce..066b15f 100644
--- a/app/Http/Controllers/WorkerController.php
+++ b/app/Http/Controllers/WorkerController.php
@@ -8,10 +8,12 @@ use Illuminate\Http\Request;
 
 class WorkerController extends Controller
 {
+    //главная
     public function index() {
-
+        return;
     }
 
+    //профиль
     public function profile(Worker $worker) {
         $get_date = date('Y.m');
 
@@ -37,4 +39,9 @@ class WorkerController extends Controller
 
         return view('public.workers.profile', compact('worker', 'stat'));
     }
+
+    //публичная оферта
+    public function public_offer() {
+        return;
+    }
 }
diff --git a/app/Models/Ad_employer.php b/app/Models/Ad_employer.php
index b25d0a8..104f085 100644
--- a/app/Models/Ad_employer.php
+++ b/app/Models/Ad_employer.php
@@ -49,6 +49,11 @@ class Ad_employer extends Model
         return $this->hasMany(ad_response::class);
     }
 
+    // Связь модели Категории (Categories) с моделью Вакансии
+    public function cat() {
+        return $this->hasMany(Category::class, 'categories_id');
+    }
+
     public function scopeActive($query) {
         return $query->where('is_remove', '=', '0');
     }
diff --git a/app/Models/Category.php b/app/Models/Category.php
index 5434c3e..2186d15 100644
--- a/app/Models/Category.php
+++ b/app/Models/Category.php
@@ -17,4 +17,9 @@ class Category extends Model
     public function scopeActive($query) {
         return $query->where('is_remove', '=', '0');
     }
+
+    // Один ко многим Категории - к - вакансиям
+    public function ad_employers() {
+        return $this->hasMany(ad_employer::class);
+    }
 }
diff --git a/app/Models/Employer.php b/app/Models/Employer.php
index c697ec2..f0870ab 100644
--- a/app/Models/Employer.php
+++ b/app/Models/Employer.php
@@ -50,5 +50,4 @@ class Employer extends Model
     public function scopeActive($query) {
         return $query->where('is_remove', '=', '0');
     }
-
 }
diff --git a/app/Models/News.php b/app/Models/News.php
new file mode 100644
index 0000000..13ee283
--- /dev/null
+++ b/app/Models/News.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class News extends Model
+{
+    use HasFactory;
+
+    public $table = 'news';
+
+    protected $fillable = [
+        'title', 'image', 'text', 'slug'
+    ];
+}
diff --git a/app/Providers/MyServiceProvider.php b/app/Providers/MyServiceProvider.php
index a53723c..6399aa6 100644
--- a/app/Providers/MyServiceProvider.php
+++ b/app/Providers/MyServiceProvider.php
@@ -2,6 +2,7 @@
 
 namespace App\Providers;
 
+use App\Models\Company;
 use App\Models\ContentRoles;
 use App\Models\Job_title;
 use Illuminate\Support\Facades\Auth;
@@ -72,5 +73,16 @@ class MyServiceProvider extends ServiceProvider
                             'contents' => $contents]);
            }
         );
+
+        $views3 = ['layout.frontend'];
+
+        View::composer($views3,
+            function($view){
+                $id = Auth::user();
+                $companies = Company::query()->limit(1)->get();
+
+                $view->with(['UserId' => $id, 'companies' => $companies]);
+            }
+        );
     }
 }
diff --git a/database/migrations/2024_01_16_060844_create_news_tables.php b/database/migrations/2024_01_16_060844_create_news_tables.php
new file mode 100644
index 0000000..c955d9f
--- /dev/null
+++ b/database/migrations/2024_01_16_060844_create_news_tables.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('news', function (Blueprint $table) {
+            $table->id();
+            $table->string('title', 255)->nullable(false);
+            $table->string('image', 255)->nullable();
+            $table->text('text')->nullable();
+            $table->string('slug', 255)->unique();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('news');
+    }
+};
diff --git a/public/css/news/fonts.css b/public/css/news/fonts.css
new file mode 100644
index 0000000..b607ff8
--- /dev/null
+++ b/public/css/news/fonts.css
@@ -0,0 +1,65 @@
+@font-face {
+    font-family: 'Circe';
+    src: url('../fonts/Circe-Regular.eot');
+    src: local('Circe'), local('Circe-Regular'),
+        url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Circe-Regular.woff') format('woff'),
+        url('../fonts/Circe-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Circe';
+    src: url('../fonts/Circe-ExtraLight.eot');
+    src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
+        url('../fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Circe-ExtraLight.woff') format('woff'),
+        url('../fonts/Circe-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Circe';
+    src: url('../fonts/Circe-Thin.eot');
+    src: local('Circe Thin'), local('Circe-Thin'),
+        url('../fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Circe-Thin.woff') format('woff'),
+        url('../fonts/Circe-Thin.ttf') format('truetype');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Circe';
+    src: url('../fonts/Circe-Light.eot');
+    src: local('Circe Light'), local('Circe-Light'),
+        url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Circe-Light.woff') format('woff'),
+        url('../fonts/Circe-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Circe';
+    src: url('../fonts/Circe-Bold.eot');
+    src: local('Circe Bold'), local('Circe-Bold'),
+        url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Circe-Bold.woff') format('woff'),
+        url('../fonts/Circe-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Circe';
+    src: url('../fonts/Circe-ExtraBold.eot');
+    src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
+        url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Circe-ExtraBold.woff') format('woff'),
+        url('../fonts/Circe-ExtraBold.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+}
diff --git a/public/css/news/jquery.fancybox.css b/public/css/news/jquery.fancybox.css
new file mode 100644
index 0000000..7cc60b2
--- /dev/null
+++ b/public/css/news/jquery.fancybox.css
@@ -0,0 +1 @@
+body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
\ No newline at end of file
diff --git a/public/css/news/jquery.select2.css b/public/css/news/jquery.select2.css
new file mode 100644
index 0000000..c661fb4
--- /dev/null
+++ b/public/css/news/jquery.select2.css
@@ -0,0 +1 @@
+.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:8px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:8px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:8px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:8px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:8px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:8px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:8px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
\ No newline at end of file
diff --git a/public/css/news/style.css b/public/css/news/style.css
new file mode 100644
index 0000000..a34c938
--- /dev/null
+++ b/public/css/news/style.css
@@ -0,0 +1,7185 @@
+/*! 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(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: 4px;
+  height: 4px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 999px;
+  background-color: #f3f3f3;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background-color: #acc0e6;
+}
+
+::-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;
+  min-width: 320px;
+  min-height: 100vh;
+  line-height: 1.25;
+}
+
+.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: 20px;
+}
+.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-size: 32px;
+  font-weight: 700;
+}
+@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 {
+  height: 30px !important;
+  border-radius: 8px !important;
+  border-color: #e7e7e7 !important;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+@media (min-width: 768px) {
+  .select2-selection {
+    height: 44px !important;
+  }
+}
+.select2-selection__rendered {
+  line-height: 28px !important;
+  padding: 0 30px 0 10px !important;
+}
+@media (min-width: 768px) {
+  .select2-selection__rendered {
+    line-height: 42px !important;
+    padding: 0 50px 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: 16px;
+    height: 16px;
+  }
+}
+.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 #e7e7e7;
+  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;
+}
+
+.textarea {
+  resize: none;
+  display: block;
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid #e7e7e7;
+  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;
+}
+@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: #696b6b;
+  font-size: 12px;
+  margin: 0 auto;
+}
+@media (min-width: 768px) {
+  .pagination {
+    font-size: 14px;
+  }
+}
+.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: 40px;
+}
+.pagination__nav_prev svg {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.pagination__nav_next {
+  margin-left: 40px;
+}
+
+.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;
+}
+.checkbox__input {
+  display: none;
+}
+.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;
+}
+@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 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 #e7e7e7;
+}
+@media (min-width: 1280px) {
+  .table th,
+  .table td {
+    padding: 14px 10px;
+    min-width: 170px;
+  }
+}
+.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__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%;
+}
+
+.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: #696b6b;
+}
+.messages__item-date {
+  color: #696b6b;
+  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;
+}
+
+.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 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: 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: #696b6b;
+}
+.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 #e7e7e7;
+  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;
+  }
+}
+.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: #696b6b;
+}
+.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;
+}
+.main__employer-page-title {
+  color: #696b6b;
+  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: 20px;
+  }
+}
+.main__employer-page-item span {
+  color: #696b6b;
+}
+.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 {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+@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: #696b6b;
+}
+.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 #e7e7e7;
+  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: 50px;
+  }
+}
+@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: #696b6b;
+}
+@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;
+}
+.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: #696b6b;
+  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: #696b6b;
+}
+.main__employer-page-two-item-text-body ul a:hover {
+  color: #377d87;
+}
+.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;
+}
+.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: #696b6b;
+}
+@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: 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;
+}
+.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;
+  }
+}
+.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 {
+  color: #696b6b;
+  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 #e7e7e7;
+  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 #e7e7e7;
+  padding: 4px 8px;
+}
+@media (min-width: 768px) {
+  .main__table td {
+    padding: 8px 16px;
+  }
+}
+.main__table td b {
+  font-weight: 700;
+}
+.main__table td a:hover {
+  color: #377d87;
+}
+.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: #696b6b;
+}
+.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: #696b6b;
+}
+.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 #e7e7e7;
+  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: #696b6b;
+}
+.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: #696b6b;
+  width: 100%;
+}
+@media (min-width: 992px) {
+  .main__vacancies .vacancies__list {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+.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%;
+  position: relative;
+  padding: 10px 0;
+  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;
+}
+@media (min-width: 992px) {
+  .main__vacancies-thing {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    padding: 30px 0;
+  }
+}
+@media (min-width: 1280px) {
+  .main__vacancies-thing {
+    padding: 50px 0;
+    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;
+    gap: 0;
+  }
+}
+.main__vacancies-thing: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__vacancies-thing-pic {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: 280px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: 8px;
+}
+@media (min-width: 1280px) {
+  .main__vacancies-thing-pic {
+    width: 420px;
+  }
+}
+.main__vacancies-thing-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: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 16px;
+  color: #696b6b;
+}
+@media (min-width: 1280px) {
+  .main__vacancies-thing-body {
+    width: calc(100% - 420px);
+    padding-left: 30px;
+    gap: 20px;
+  }
+}
+.main__vacancies-thing-body > * {
+  width: 100%;
+}
+.main__vacancies-thing-body .button {
+  width: auto;
+}
+.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 #e7e7e7;
+  -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: #696b6b;
+  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: #696b6b;
+}
+@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: 40px;
+  }
+}
+.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;
+  }
+}
+.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;
+  }
+}
+.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;
+  }
+}
+.numbers__item span {
+  font-weight: 700;
+  font-size: 14px;
+  margin: 10px 0;
+}
+@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;
+  }
+}
+.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;
+  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;
+}
+@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: 295px;
+}
+.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: 300px;
+    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;
+}
+@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;
+  }
+}
+
+.info {
+  position: relative;
+  overflow: hidden;
+}
+.info__pic {
+  display: none;
+  z-index: 1;
+  position: absolute;
+  bottom: 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;
+  }
+}
+.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 {
+    min-height: 605px;
+    padding-bottom: 75px;
+    -webkit-box-pack: end;
+        -ms-flex-pack: end;
+            justify-content: flex-end;
+  }
+}
+@media (min-width: 1280px) {
+  .info__title {
+    max-width: 520px;
+    line-height: 1;
+  }
+}
+.info__item {
+  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;
+  gap: 20px;
+}
+@media (min-width: 992px) {
+  .info__item {
+    max-width: 610px;
+  }
+}
+.info__item + .info__item {
+  border-top: 1px solid #e6e7e7;
+  padding-top: 30px;
+}
+.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: #696b6b;
+  overflow: hidden;
+  position: relative;
+}
+@media (min-width: 992px) {
+  .thing {
+    padding-top: 20px;
+    padding-bottom: 60px;
+  }
+}
+@media (min-width: 1280px) {
+  .thing {
+    padding-bottom: 90px;
+  }
+}
+.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;
+}
+@media (min-width: 992px) {
+  .thing__body {
+    min-height: 330px;
+  }
+}
+.thing__breadcrumbs {
+  width: 100%;
+  margin-bottom: 40px;
+  position: relative;
+  z-index: 2;
+}
+@media (min-width: 768px) {
+  .thing__breadcrumbs {
+    margin-bottom: 50px;
+  }
+}
+.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;
+  }
+}
+.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: #696b6b;
+  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: #696b6b;
+}
+@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: #696b6b;
+}
+@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;
+}
+
+.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 img {
+  width: 70px;
+  aspect-ratio: 1/1;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.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;
+  }
+}
+.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: #696b6b;
+}
+@media (min-width: 768px) {
+  .cabinet__body {
+    padding: 30px 20px;
+    gap: 40px;
+    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;
+}
+@media (min-width: 768px) {
+  .cabinet__body-item {
+    gap: 30px;
+  }
+}
+@media (min-width: 1280px) {
+  .cabinet__title {
+    font-size: 48px;
+  }
+}
+.cabinet__text {
+  margin: 0;
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .cabinet__text {
+    font-size: 16px;
+  }
+}
+.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%;
+  }
+}
+.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: #696b6b;
+}
+.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;
+  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;
+  }
+}
+@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: -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-buttons {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    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;
+}
\ No newline at end of file
diff --git a/public/css/news/swiper.css b/public/css/news/swiper.css
new file mode 100644
index 0000000..697ec16
--- /dev/null
+++ b/public/css/news/swiper.css
@@ -0,0 +1 @@
+@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
\ No newline at end of file
diff --git a/resources/views/ajax/vacancies.blade.php b/resources/views/ajax/vacancies.blade.php
new file mode 100644
index 0000000..1e378b5
--- /dev/null
+++ b/resources/views/ajax/vacancies.blade.php
@@ -0,0 +1,19 @@
+@php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF');
+     $i = 0;
+@endphp
+@if ($categories->count())
+    @foreach ($categories as $cat)
+        <a href="#" class="vacancies__item">
+            <span style="border-color:{{$colors[$i]}}">
+                <b>{{ $cat->name }}</b>
+                <u>{{ $cat->min_salary }} &mdash; {{ $cat->max_salary }} ₽</u>
+                <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
+            </span>
+        </a>
+        @php $i++;
+           if ($i > 4) {$i = 0;}
+        @endphp
+    @endforeach
+@else
+    Тут пока нет никаких вакансий
+@endif
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 7fe181d..1562997 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -68,86 +68,18 @@
         <div class="vacancies__body">
             <button class="vacancies__more button button_light js-parent-toggle">Все должности</button>
             <div class="vacancies__list">
+                @if ($categories->count())
+                @foreach ($categories as $cat)
                 <a href="#" class="vacancies__item">
-                            <span style="border-color:#F4C4C2">
-                                <b>Речной флот + прибрежка</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#FBF1C8">
-                                <b>Пассажирский флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#ECFDEF">
-                                <b>Офисные и береговые специалисты</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#F3ECF6">
-                                <b>Рыболовный флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#ECFDEF">
-                                <b>Пассажирский флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#F4C4C2">
-                                <b>Рыболовный флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#FBF1C8">
-                                <b>Речной флот + прибрежка</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#ECFDEF">
-                                <b>Пассажирский флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#F3ECF6">
-                                <b>Рыболовный флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#ECFDEF">
-                                <b>Речной флот + прибрежка</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#F4C4C2">
-                                <b>Рыболовный флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#FBF1C8">
-                                <b>Офисные и береговые специалисты</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#ECFDEF">
-                                <b>Офисные и береговые специалисты</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#F3ECF6">
-                                <b>Офисные и береговые специалисты</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#ECFDEF">
-                                <b>Пассажирский флот</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
-                <a href="#" class="vacancies__item">
-                            <span style="border-color:#F4C4C2">
-                                <b>Речной флот + прибрежка</b>
-                                <i>Вакансий: <span>123</span></i>
-                            </span></a>
+                    <span style="border-color:#F4C4C2">
+                        <b>{{ $cat->name }}</b>
+                        <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
+                    </span>
+                </a>
+                @endforeach
+                @else
+                    Тут пока нет никаких вакансий
+                @endif
             </div>
         </div>
     </div>
@@ -157,82 +89,29 @@
         <div class="title">Работодатели</div>
         <div class="swiper js-employer-swiper">
             <div class="swiper-wrapper">
-                <div class="swiper-slide">
-                    <div class="employer__item">
-                        <a href="#">
-                            <img src="images/logos/1.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/5.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/9.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/13.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/17.jpg" alt="">
-                        </a>
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="employer__item">
-                        <a href="#">
-                            <img src="images/logos/2.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/6.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/10.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/14.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/18.jpg" alt="">
-                        </a>
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="employer__item">
-                        <a href="#">
-                            <img src="images/logos/3.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/7.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/11.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/15.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/19.jpg" alt="">
-                        </a>
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="employer__item">
-                        <a href="#">
-                            <img src="images/logos/4.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/8.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/12.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/16.jpg" alt="">
-                        </a>
-                        <a href="#">
-                            <img src="images/logos/20.jpg" alt="">
-                        </a>
-                    </div>
-                </div>
+
+                @if ($employers->count())
+                    @php
+                        $rec = 0;
+                        $count = $employers->count();
+                    @endphp
+                    @foreach($employers as $emp)
+                        @php $rec++ @endphp
+                        @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17))
+                            <div class="swiper-slide">
+                                <div class="employer__item">
+                        @endif
+                            <a href="">
+                                <img src="{{ asset(Storage::url($emp->logo)) }}" alt="{{ $emp->name_company }}">
+                            </a>
+                        @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count))
+                                </div>
+                            </div>
+                        @endif
+                    @endforeach
+                @else
+                    <h5>Тут нет никаких записей</h5>
+                @endif
             </div>
             <div class="swiper-pagination"></div>
         </div>
@@ -280,90 +159,21 @@
         </div>
         <div class="swiper js-news-swiper">
             <div class="swiper-wrapper">
-                <div class="swiper-slide">
-                    <div class="news__item">
-                        <img src="images/2.jpg" alt="" class="news__item-pic">
-                        <div class="news__item-body">
-                            <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
-                            <span class="news__item-title">Как перестать нервничать во время телефонного
-                                        разговора?</span>
-                            <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
-                                        расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
-                                        повышенной нервозности во время телефонного звонка или</span>
-                            <a href="#" class="news__item-more button button_light">Читать далее</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="news__item">
-                        <img src="images/3.jpg" alt="" class="news__item-pic">
-                        <div class="news__item-body">
-                            <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
-                            <span class="news__item-title">Как перестать нервничать во время телефонного
-                                        разговора?</span>
-                            <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
-                                        расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
-                                        повышенной нервозности во время телефонного звонка или</span>
-                            <a href="#" class="news__item-more button button_light">Читать далее</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="news__item">
-                        <img src="images/4.jpg" alt="" class="news__item-pic">
-                        <div class="news__item-body">
-                            <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
-                            <span class="news__item-title">Как перестать нервничать во время телефонного
-                                        разговора?</span>
-                            <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
-                                        расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
-                                        повышенной нервозности во время телефонного звонка или</span>
-                            <a href="#" class="news__item-more button button_light">Читать далее</a>
+                @if ($news->count())
+                    @foreach ($news as $new)
+                    <div class="swiper-slide">
+                        <div class="news__item">
+                            <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic">
+                            <div class="news__item-body">
+                                <time datetime="2023-05-01" class="news__item-date">{{ $new->created_at }}</time>
+                                <span class="news__item-title">{{ $new->title }}</span>
+                                <span class="news__item-text">{{ mb_strimwidth($new->text, 0, 100) }}</span>
+                                <a href="#" class="news__item-more button button_light">Читать далее</a>
+                            </div>
                         </div>
                     </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="news__item">
-                        <img src="images/2.jpg" alt="" class="news__item-pic">
-                        <div class="news__item-body">
-                            <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
-                            <span class="news__item-title">Как перестать нервничать во время телефонного
-                                        разговора?</span>
-                            <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
-                                        расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
-                                        повышенной нервозности во время телефонного звонка или</span>
-                            <a href="#" class="news__item-more button button_light">Читать далее</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="news__item">
-                        <img src="images/3.jpg" alt="" class="news__item-pic">
-                        <div class="news__item-body">
-                            <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
-                            <span class="news__item-title">Как перестать нервничать во время телефонного
-                                        разговора?</span>
-                            <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
-                                        расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
-                                        повышенной нервозности во время телефонного звонка или</span>
-                            <a href="#" class="news__item-more button button_light">Читать далее</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="news__item">
-                        <img src="images/4.jpg" alt="" class="news__item-pic">
-                        <div class="news__item-body">
-                            <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
-                            <span class="news__item-title">Как перестать нервничать во время телефонного
-                                        разговора?</span>
-                            <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
-                                        расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
-                                        повышенной нервозности во время телефонного звонка или</span>
-                            <a href="#" class="news__item-more button button_light">Читать далее</a>
-                        </div>
-                    </div>
-                </div>
+                    @endforeach
+                @endif
             </div>
             <div class="swiper-pagination"></div>
         </div>
diff --git a/resources/views/layout/frontend.blade.php b/resources/views/layout/frontend.blade.php
index 46d3feb..1899c1f 100644
--- a/resources/views/layout/frontend.blade.php
+++ b/resources/views/layout/frontend.blade.php
@@ -6,7 +6,7 @@
     <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') }}">
+    <link rel="stylesheet" href="{{ asset('css/news/style.css') }}">
 </head>
 
 <body id="body">
@@ -21,15 +21,15 @@
         <div class="container">
             <div class="header__body">
                 <div class="header__left">
-                    <a href="#" class="header__logo">
+                    <a href="{{ route('index') }}" class="header__logo">
                         <svg>
                             <use xlink:href="{{ asset('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>
+                        <a href="{{ route('vacancies') }}" class="header__menu-item">Вакансии</a>
+                        <a href="{{ route('shipping_companies') }}" class="header__menu-item">Судоходные компании</a>
+                        <a href="{{ route('education') }}" class="header__menu-item">Образование</a>
                     </nav>
                 </div>
                 <div class="header__right">
@@ -63,7 +63,7 @@
         <div class="container">
             <div class="footer__mobile">
                 <button class="footer__mobile-toper js-toggle active">
-                    <a href="#">
+                    <a href="{{ route('index') }}">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
                         </svg>
@@ -83,12 +83,12 @@
                                     </svg></span>
                         </button>
                         <div>
-                            <a href="#">Вакансии</a>
-                            <a href="#">Условия размещения</a>
-                            <a href="#">Образование</a>
-                            <a href="#">Новости</a>
-                            <a href="#">Контакты</a>
-                            <a href="#">Публичная оферта</a>
+                            <a href="{{ route('vacancies') }}">Вакансии</a>
+                            <a href="{{ route('if_public') }}">Условия размещения</a>
+                            <a href="{{ route('education') }}">Образование</a>
+                            <a href="{{ route('news') }}">Новости</a>
+                            <a href="{{ route('contacts') }}">Контакты</a>
+                            <a href="{{ route('public_offer') }}">Публичная оферта</a>
                         </div>
                     </div>
                     <div class="footer__mobile-menu-item">
@@ -99,40 +99,40 @@
                                     </svg></span>
                         </button>
                         <div>
-                            <a href="#">Регистрация</a>
-                            <a href="#">База резюме</a>
-                            <a href="#">Стоимость размещения</a>
-                            <a href="#">Инструкции</a>
-                            <a href="#">Эффективность объявления</a>
-                            <a href="#">Публичная оферта</a>
+                            <a href="{{ route('register') }}">Регистрация</a>
+                            <a href="{{ route('bd_resume') }}">База резюме</a>
+                            <a href="{{ route('cost_public_employer') }}">Стоимость размещения</a>
+                            <a href="{{ route('instruction') }}">Инструкции</a>
+                            <a href="{{ route('effective_note') }}">Эффективность объявления</a>
+                            <a href="{{ route('public_offer_emp') }}">Публичная оферта</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>
+                    <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
+                    <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
                 </div>
                 <div class="footer__mobile-bottom">
                     <div class="socials">
-                        <a href="#" target="_blank">
+                        <a href="{{ $companies[0]->vkontact }}" target="_blank">
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
                             </svg>
                         </a>
-                        <a href="#" target="_blank">
+                        <a href="{{ $companies[0]->telegram }}" target="_blank">
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
                             </svg>
                         </a>
                     </div>
                     <nav class="footer__mobile-links">
-                        <a href="#">Политика конфиденциальности</a>
+                        <a href="{{ route('private_policy') }}">Политика конфиденциальности</a>
                         <span></span>
-                        <a href="#">Пользовательское соглашение</a>
+                        <a href="{{ route('terms_of_use') }}">Пользовательское соглашение</a>
                     </nav>
                     &copy; 2023 &mdash; RekaMore.su
-                    <a href="#" class="nls" target="_blank">
+                    <a href="{{ route('index') }}" class="nls" target="_blank">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
                         </svg>
@@ -153,38 +153,39 @@
                     <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>
+                            <a href="{{ route('vacancies') }}">Вакансии</a>
+                            <a href="{{ route('if_public') }}">Условия размещения</a>
+                            <a href="{{ route('education') }}">Образование</a>
+                            <a href="{{ route('news') }}">Новости</a>
+                            <a href="{{ route('contacts') }}">Контакты</a>
+                            <a href="{{ route('public_offer') }}">Публичная оферта</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>
+                            <a href="{{ route('register') }}">Регистрация</a>
+                            <a href="{{ route('bd_resume') }}">База резюме</a>
+                            <a href="{{ route('cost_public_employer') }}">Стоимость размещения</a>
+                            <a href="{{ route('instruction') }}">Инструкции</a>
+                            <a href="{{ route('effective_note') }}">Эффективность объявления</a>
+                            <a href="{{ route('public_offer_emp') }}">Публичная оферта</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>
+                            <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
+                            <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
                         </div>
                         <div class="socials">
-                            <a href="#" target="_blank">
+                            <a href="{{ $companies[0]->vkontact }}" target="_blank">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
                                 </svg>
                             </a>
-                            <a href="#" target="_blank">
+                            <a href="{{ $companies[0]->telegram }}" target="_blank">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
                                 </svg>
@@ -195,18 +196,18 @@
                 <div class="footer__main-copy">
                     <div>&copy; 2023 &mdash; RekaMore.su</div>
                     <nav>
-                        <a href="#">Политика конфиденциальности</a>
+                        <a href="{{ route('private_policy') }}">Политика конфиденциальности</a>
                         <span></span>
-                        <a href="#">Пользовательское соглашение</a>
+                        <a href="{{ route('terms_of_use') }}">Пользовательское соглашение</a>
                     </nav>
-                    <a href="#" class="nls" target="_blank">
+                    <a href="{{ route('index') }}" class="nls" target="_blank">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
                         </svg>
                         <span>
                                 Дизайн и разработка:
                                 <b>NoLogoStudio.ru</b>
-                            </span>
+                        </span>
                     </a>
                 </div>
             </div>
diff --git a/resources/views/list_vacancies.blade.php b/resources/views/list_vacancies.blade.php
new file mode 100644
index 0000000..6c64a83
--- /dev/null
+++ b/resources/views/list_vacancies.blade.php
@@ -0,0 +1,400 @@
+@extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])
+
+@section('scripts')
+    <script>
+        console.log('Test system');
+        $(document).on('change', '.jobs', function() {
+            var val = $(this).val();
+
+            console.log('Click change...');
+            $.ajax({
+                type: "GET",
+                url: "{{ route('vacancies') }}",
+                data: "job="+val,
+                success: function (data) {
+                    console.log('Выбор должности');
+                    console.log(data);
+                    $('#block_ajax').html(data);
+                },
+                headers: {
+                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+                },
+                error: function (data) {
+                    data = JSON.stringify(data);
+                    console.log('Error: ' + data);
+                }
+            });
+        });
+    </script>
+@endsection
+
+@section('content')
+    <section class="thing">
+        <div class="container">
+            <form class="thing__body">
+                <ul class="breadcrumbs thing__breadcrumbs">
+                    <li><a href="{{ route('index') }}">Главная</a></li>
+                    <li><a href="{{ route('vacancies') }}">Вакансии</a></li>
+                    <li><b>{{ isset($Name_categori) ? $Name_categori : 'Все категории' }}</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" id="jobs" name="jobs">
+                        <option value="0" disabled selected>Выберите должность</option>
+                        @if ($Job_title->count())
+                            @foreach($Job_title as $JT)
+                                <option value="{{ $JT->id }}">{{ $JT->name }}</option>
+                            @endforeach
+                        @endif
+                    </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">
+                    <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>
+                        <p><b>Приветствуем Вас коллеги!</b></p>
+                        <p>Уведомления о новых вакансиях можно получать подписавшись на наш телеграм канал!
+                            <br>Ссылка: <a href="#">https://t.me/rekamore_su</a></p>
+                        <p>А еще это добавляет + 50 к карме, но это не точно)</p>
+                        <a href="#" class="button">Узнать больше</a>
+                    </div>
+                </div>
+                <div class="main__vacancies-item main__employer-page-two-item">
+                    <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">
+                    <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>
+        </div>
+    </main>
+@endsection
diff --git a/resources/views/private_policy.blade.php b/resources/views/private_policy.blade.php
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/terms_of_use.blade.php b/resources/views/terms_of_use.blade.php
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/vacancies.blade.php b/resources/views/vacancies.blade.php
new file mode 100644
index 0000000..f269276
--- /dev/null
+++ b/resources/views/vacancies.blade.php
@@ -0,0 +1,95 @@
+@extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])
+
+@section('scripts')
+<script>
+        console.log('Test system');
+        $(document).on('change', '.jobs', function() {
+            var val = $(this).val();
+
+            console.log('Click change...');
+            $.ajax({
+                    type: "GET",
+                    url: "{{ route('vacancies') }}",
+                    data: "job="+val,
+                    success: function (data) {
+                        console.log('Выбор должности');
+                        console.log(data);
+                        $('#block_ajax').html(data);
+                    },
+                    headers: {
+                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+                    },
+                    error: function (data) {
+                        data = JSON.stringify(data);
+                        console.log('Error: ' + data);
+                    }
+                });
+        });
+</script>
+@endsection
+
+@section('content')
+    <section class="thing">
+        <div class="container">
+            <form class="thing__body">
+                <ul class="breadcrumbs thing__breadcrumbs">
+                    <li><a href="{{ route('index') }}">Главная</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="{{ asset('images/sprite.svg#search') }}"></use>
+                        </svg>
+                    </div>
+                    <select class="js-select2 jobs" id="jobs" name="jobs">
+                        <option value="0" disabled selected>Выберите должность</option>
+                        @if ($Job_title->count())
+                            @foreach($Job_title as $JT)
+                                <option value="{{ $JT->id }}">{{ $JT->name }}</option>
+                            @endforeach
+                        @endif
+                    </select>
+                </div>
+            </form>
+        </div>
+    </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">
+                        @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF');
+                             $i = 0;
+                        @endphp
+                        @if ($categories->count())
+                            @foreach ($categories as $cat)
+                                <a href="{{ route('') }}" class="vacancies__item">
+                                    <span style="border-color:{{$colors[$i]}}">
+                                        <b>{{ $cat->name }}</b>
+                                        <u>{{ $cat->min_salary }} &mdash; {{ $cat->max_salary }} ₽</u>
+                                        <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
+                                    </span>
+                                </a>
+                                @php $i++;
+                                     if ($i > 4) {$i = 0;}
+                                @endphp
+                            @endforeach
+                        @else
+                            Тут пока нет никаких вакансий
+                        @endif
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+    </div>
+@endsection
diff --git a/routes/web.php b/routes/web.php
index c1ea55c..94cf42b 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -26,6 +26,7 @@ use App\Http\Controllers\Admin\MsgAnswersController;
 use App\Http\Controllers\Admin\GroupsController;
 use App\Http\Controllers\PagesController;
 use Illuminate\Support\Facades\Storage;
+use App\Http\Controllers\EmployerController;
 
 
 /*
@@ -362,7 +363,6 @@ Route::group([
         $files = Storage::files('logs/laravel.log');
         print_r($files);
     })->name('logs');
-
 });
 
 // Инструментальные страницы
@@ -380,3 +380,48 @@ Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->na
 
 //Страница вакансии
 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
+
+//Вакансии
+Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
+
+//Вакансии категория детальная
+Route::get('list-vacancies/{categories}/{job_titles?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
+
+//Судоходные компании
+Route::get('shipping-companies', [MainController::class, 'shipping_companies'])->name('shipping_companies');
+
+//Образование
+Route::get('education', [MainController::class, 'education'])->name('education');
+
+//Условия размещения для соискателей
+Route::get('if-public', [MainController::class, 'if_public'])->name('if_public');
+
+//Новости
+Route::get('news', [MainController::class, 'news'])->name('news');
+
+//Контакты
+Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
+
+//Публичная оферта
+Route::get('public-offer', [WorkerController::class, 'public_offer'])->name('public_offer');
+
+//База резюме
+Route::get('bd-resume', [MainController::class, 'bd_resume'])->name('bd_resume');
+
+//Стоимость размещения для работодателей
+Route::get('cost-public-employer', [EmployerController::class, 'cost_public_employer'])->name('cost_public_employer');
+
+//Политика конфиденциальности
+Route::get('privacy-policy', [PagesController::class, 'private_policy'])->name('private_policy');
+
+//Пользовательское соглашение
+Route::get('terms-of-use', [PagesController::class, 'terms_of_use'])->name('terms_of_use');
+
+//Инструкции
+Route::get('instruction', [EmployersController::class, 'instruction'])->name('instruction');
+
+//Эффективность объявления
+Route::get('effective-note', [EmployersController::class, 'effective_note'])->name('effective_note');
+
+//Публичная оферта
+Route::get('public-offer-emp', [EmployersController::class, 'public_offer_emp'])->name('public_offer_emp');