Сергей П / rekamore.su

Download as
Browse Code »

Commit 5b68533bb1444a989029facbdb63007d1045205a

Authored by Андрей Ларионов
1 parent 1d1c166049
Exists in master and in 1 other branch usloviya-razmeschniya

Работа над проектом - фронд

Showing 23 changed files with 8085 additions and 286 deletions Side-by-side Diff

app/Http/Controllers/EmployerController.php
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1,10 @@
  1 +<?php
  2 +
  3 +namespace App\Http\Controllers;
  4 +
  5 +use Illuminate\Http\Request;
  6 +
  7 +class EmployerController extends Controller
  8 +{
  9 + //
  10 +}
app/Http/Controllers/MainController.php
Diff comments   View file @ 5b68533
... ... @@ -2,12 +2,90 @@
2 2  
3 3 namespace App\Http\Controllers;
4 4  
  5 +use App\Models\Category;
  6 +use App\Models\Employer;
  7 +use App\Models\Job_title;
  8 +use App\Models\News;
  9 +use App\Models\reclame;
5 10 use Illuminate\Http\Request;
6 11  
7 12 class MainController extends Controller
8 13 {
9 14 // Главная страница публичной части
10 15 public function index() {
11   - return view('index');
  16 + $news = News::query()->orderBy('id')->limit(6)->get();
  17 +
  18 + $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
  19 + ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
  20 + ->OrderByDesc('created_at')
  21 + ->GroupBy('categories.id')
  22 + ->get();
  23 +
  24 + $employers = Employer::query()->orderBy('id')->limit(20)->get();
  25 +
  26 + return view('index', compact('news', 'categories', 'employers'));
  27 + }
  28 +
  29 + public function vacancies(Request $request) {
  30 + //должности
  31 + $Job_title = Job_title::query()->orderBy('name')->get();
  32 +
  33 + $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
  34 + ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary')
  35 + ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
  36 + ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id');
  37 +
  38 + //категории и вакансии
  39 + if ($request->ajax()) {
  40 + $categories = $categories->Where('job_title_id', '=', $request->get('job'))
  41 + ->OrderByDesc('created_at')
  42 + ->GroupBy('categories.id')
  43 + ->get();
  44 + } else {
  45 + $categories = $categories->OrderByDesc('created_at')
  46 + ->GroupBy('categories.id')
  47 + ->get();
  48 + }
  49 +
  50 + if ($request->ajax()) {
  51 + return view('ajax.vacancies', compact('categories'));
  52 + } else {
  53 + return view('vacancies', compact('Job_title', 'categories'));
  54 + }
  55 + }
  56 +
  57 + //Вакансии категория детальная
  58 + public function list_vacancies(Request $request) {
  59 + $data = $request->all();
  60 +
  61 + if ($data['categories'] == 'all') {
  62 + $Categories_id = 0;
  63 + } else {
  64 + $Categories_id = $data['categories'];
  65 + }
  66 +
  67 + if ($data['job_titles'] == 'all') {
  68 + $job_titles_id = 0;
  69 + } else {
  70 + $job_titles_id = $data['job_titles'];
  71 + }
  72 +
  73 + $Query = Employer::with('jobs')->with('cat')->select('employers.*');
  74 + if ($Categories_id > 0) {
  75 + $Query = $Query->where('category_id', '=', $Categories_id);
  76 + $Name_categori = Category::query()->where('id', '=', $Categories_id)->get();
  77 +
  78 + }
  79 +
  80 + if ($job_titles_id > 0) {
  81 + $Query = $Query->join('ad_jobs', 'job_title_id', '=', $job_titles_id);
  82 + }
  83 +
  84 + // Данные
  85 + $Job_title = Job_title::query()->get();
  86 + $Query = $Query->OrderBy('updated_at')->paginate(15);
  87 + $Reclama = reclame::query()->limit(3)->get();
  88 +
  89 + return view('list_vacancies', compact('Query', 'Reclama', 'Name_categori', 'Job_title'));
12 90 }
13 91 }
app/Http/Controllers/PagesController.php
Diff comments   View file @ 5b68533
... ... @@ -35,4 +35,12 @@ class PagesController extends Controller
35 35 $writer = new Xlsx($spreadsheet);
36 36 $writer->save('hello_world.xlsx');
37 37 }
  38 +
  39 + public function private_policy() {
  40 + return view('private_policy');
  41 + }
  42 +
  43 + public function terms_of_use() {
  44 + return view('terms_of_use');
  45 + }
38 46 }
app/Http/Controllers/WorkerController.php
Diff comments   View file @ 5b68533
... ... @@ -8,10 +8,12 @@ use Illuminate\Http\Request;
8 8  
9 9 class WorkerController extends Controller
10 10 {
  11 + //главная
11 12 public function index() {
12   -
  13 + return;
13 14 }
14 15  
  16 + //профиль
15 17 public function profile(Worker $worker) {
16 18 $get_date = date('Y.m');
17 19  
... ... @@ -37,4 +39,9 @@ class WorkerController extends Controller
37 39  
38 40 return view('public.workers.profile', compact('worker', 'stat'));
39 41 }
  42 +
  43 + //публичная оферта
  44 + public function public_offer() {
  45 + return;
  46 + }
40 47 }
app/Models/Ad_employer.php
Diff comments   View file @ 5b68533
... ... @@ -49,6 +49,11 @@ class Ad_employer extends Model
49 49 return $this->hasMany(ad_response::class);
50 50 }
51 51  
  52 + // Связь модели Категории (Categories) с моделью Вакансии
  53 + public function cat() {
  54 + return $this->hasMany(Category::class, 'categories_id');
  55 + }
  56 +
52 57 public function scopeActive($query) {
53 58 return $query->where('is_remove', '=', '0');
54 59 }
app/Models/Category.php
Diff comments   View file @ 5b68533
... ... @@ -17,4 +17,9 @@ class Category extends Model
17 17 public function scopeActive($query) {
18 18 return $query->where('is_remove', '=', '0');
19 19 }
  20 +
  21 + // Один ко многим Категории - к - вакансиям
  22 + public function ad_employers() {
  23 + return $this->hasMany(ad_employer::class);
  24 + }
20 25 }
app/Models/Employer.php
Diff comments   View file @ 5b68533
... ... @@ -50,5 +50,4 @@ class Employer extends Model
50 50 public function scopeActive($query) {
51 51 return $query->where('is_remove', '=', '0');
52 52 }
53   -
54 53 }
... ... @@ -0,0 +1,17 @@
  1 +<?php
  2 +
  3 +namespace App\Models;
  4 +
  5 +use Illuminate\Database\Eloquent\Factories\HasFactory;
  6 +use Illuminate\Database\Eloquent\Model;
  7 +
  8 +class News extends Model
  9 +{
  10 + use HasFactory;
  11 +
  12 + public $table = 'news';
  13 +
  14 + protected $fillable = [
  15 + 'title', 'image', 'text', 'slug'
  16 + ];
  17 +}
app/Providers/MyServiceProvider.php
Diff comments   View file @ 5b68533
... ... @@ -2,6 +2,7 @@
2 2  
3 3 namespace App\Providers;
4 4  
  5 +use App\Models\Company;
5 6 use App\Models\ContentRoles;
6 7 use App\Models\Job_title;
7 8 use Illuminate\Support\Facades\Auth;
... ... @@ -72,5 +73,16 @@ class MyServiceProvider extends ServiceProvider
72 73 'contents' => $contents]);
73 74 }
74 75 );
  76 +
  77 + $views3 = ['layout.frontend'];
  78 +
  79 + View::composer($views3,
  80 + function($view){
  81 + $id = Auth::user();
  82 + $companies = Company::query()->limit(1)->get();
  83 +
  84 + $view->with(['UserId' => $id, 'companies' => $companies]);
  85 + }
  86 + );
75 87 }
76 88 }
database/migrations/2024_01_16_060844_create_news_tables.php
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1,35 @@
  1 +<?php
  2 +
  3 +use Illuminate\Database\Migrations\Migration;
  4 +use Illuminate\Database\Schema\Blueprint;
  5 +use Illuminate\Support\Facades\Schema;
  6 +
  7 +return new class extends Migration
  8 +{
  9 + /**
  10 + * Run the migrations.
  11 + *
  12 + * @return void
  13 + */
  14 + public function up()
  15 + {
  16 + Schema::create('news', function (Blueprint $table) {
  17 + $table->id();
  18 + $table->string('title', 255)->nullable(false);
  19 + $table->string('image', 255)->nullable();
  20 + $table->text('text')->nullable();
  21 + $table->string('slug', 255)->unique();
  22 + $table->timestamps();
  23 + });
  24 + }
  25 +
  26 + /**
  27 + * Reverse the migrations.
  28 + *
  29 + * @return void
  30 + */
  31 + public function down()
  32 + {
  33 + Schema::dropIfExists('news');
  34 + }
  35 +};
public/css/news/fonts.css
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1,65 @@
  1 +@font-face {
  2 + font-family: 'Circe';
  3 + src: url('../fonts/Circe-Regular.eot');
  4 + src: local('Circe'), local('Circe-Regular'),
  5 + url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
  6 + url('../fonts/Circe-Regular.woff') format('woff'),
  7 + url('../fonts/Circe-Regular.ttf') format('truetype');
  8 + font-weight: normal;
  9 + font-style: normal;
  10 +}
  11 +
  12 +@font-face {
  13 + font-family: 'Circe';
  14 + src: url('../fonts/Circe-ExtraLight.eot');
  15 + src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
  16 + url('../fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
  17 + url('../fonts/Circe-ExtraLight.woff') format('woff'),
  18 + url('../fonts/Circe-ExtraLight.ttf') format('truetype');
  19 + font-weight: 200;
  20 + font-style: normal;
  21 +}
  22 +
  23 +@font-face {
  24 + font-family: 'Circe';
  25 + src: url('../fonts/Circe-Thin.eot');
  26 + src: local('Circe Thin'), local('Circe-Thin'),
  27 + url('../fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
  28 + url('../fonts/Circe-Thin.woff') format('woff'),
  29 + url('../fonts/Circe-Thin.ttf') format('truetype');
  30 + font-weight: 100;
  31 + font-style: normal;
  32 +}
  33 +
  34 +@font-face {
  35 + font-family: 'Circe';
  36 + src: url('../fonts/Circe-Light.eot');
  37 + src: local('Circe Light'), local('Circe-Light'),
  38 + url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
  39 + url('../fonts/Circe-Light.woff') format('woff'),
  40 + url('../fonts/Circe-Light.ttf') format('truetype');
  41 + font-weight: 300;
  42 + font-style: normal;
  43 +}
  44 +
  45 +@font-face {
  46 + font-family: 'Circe';
  47 + src: url('../fonts/Circe-Bold.eot');
  48 + src: local('Circe Bold'), local('Circe-Bold'),
  49 + url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
  50 + url('../fonts/Circe-Bold.woff') format('woff'),
  51 + url('../fonts/Circe-Bold.ttf') format('truetype');
  52 + font-weight: bold;
  53 + font-style: normal;
  54 +}
  55 +
  56 +@font-face {
  57 + font-family: 'Circe';
  58 + src: url('../fonts/Circe-ExtraBold.eot');
  59 + src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
  60 + url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
  61 + url('../fonts/Circe-ExtraBold.woff') format('woff'),
  62 + url('../fonts/Circe-ExtraBold.ttf') format('truetype');
  63 + font-weight: 800;
  64 + font-style: normal;
  65 +}
public/css/news/jquery.fancybox.css
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1 @@
  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)}}
0 2 \ No newline at end of file
public/css/news/jquery.select2.css
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1 @@
  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}
0 2 \ No newline at end of file
public/css/news/style.css
Diff comments   View file @ 5b68533
Changes suppressed. Click to show
... ... @@ -0,0 +1,7185 @@
  1 +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  2 +/* Document
  3 + ========================================================================== */
  4 +/**
  5 + * 1. Correct the line height in all browsers.
  6 + * 2. Prevent adjustments of font size after orientation changes in iOS.
  7 + */
  8 +@import url(fonts.css);
  9 +@import url(jquery.fancybox.css);
  10 +@import url(jquery.select2.css);
  11 +@import url(swiper.css);
  12 +html {
  13 + line-height: 1.15; /* 1 */
  14 + -webkit-text-size-adjust: 100%; /* 2 */
  15 +}
  16 +
  17 +/* Sections
  18 + ========================================================================== */
  19 +/**
  20 + * Remove the margin in all browsers.
  21 + */
  22 +body {
  23 + margin: 0;
  24 +}
  25 +
  26 +/**
  27 + * Render the `main` element consistently in IE.
  28 + */
  29 +main {
  30 + display: block;
  31 +}
  32 +
  33 +/**
  34 + * Correct the font size and margin on `h1` elements within `section` and
  35 + * `article` contexts in Chrome, Firefox, and Safari.
  36 + */
  37 +h1 {
  38 + font-size: 2em;
  39 + margin: 0.67em 0;
  40 +}
  41 +
  42 +/* Grouping content
  43 + ========================================================================== */
  44 +/**
  45 + * 1. Add the correct box sizing in Firefox.
  46 + * 2. Show the overflow in Edge and IE.
  47 + */
  48 +hr {
  49 + -webkit-box-sizing: content-box;
  50 + box-sizing: content-box; /* 1 */
  51 + height: 0; /* 1 */
  52 + overflow: visible; /* 2 */
  53 +}
  54 +
  55 +/**
  56 + * 1. Correct the inheritance and scaling of font size in all browsers.
  57 + * 2. Correct the odd `em` font sizing in all browsers.
  58 + */
  59 +pre {
  60 + font-family: monospace, monospace; /* 1 */
  61 + font-size: 1em; /* 2 */
  62 +}
  63 +
  64 +/* Text-level semantics
  65 + ========================================================================== */
  66 +/**
  67 + * Remove the gray background on active links in IE 10.
  68 + */
  69 +a {
  70 + background-color: transparent;
  71 +}
  72 +
  73 +/**
  74 + * 1. Remove the bottom border in Chrome 57-
  75 + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  76 + */
  77 +abbr[title] {
  78 + border-bottom: none; /* 1 */
  79 + text-decoration: underline; /* 2 */
  80 + -webkit-text-decoration: underline dotted;
  81 + text-decoration: underline dotted; /* 2 */
  82 +}
  83 +
  84 +/**
  85 + * Add the correct font weight in Chrome, Edge, and Safari.
  86 + */
  87 +b,
  88 +strong {
  89 + font-weight: bolder;
  90 +}
  91 +
  92 +/**
  93 + * 1. Correct the inheritance and scaling of font size in all browsers.
  94 + * 2. Correct the odd `em` font sizing in all browsers.
  95 + */
  96 +code,
  97 +kbd,
  98 +samp {
  99 + font-family: monospace, monospace; /* 1 */
  100 + font-size: 1em; /* 2 */
  101 +}
  102 +
  103 +/**
  104 + * Add the correct font size in all browsers.
  105 + */
  106 +small {
  107 + font-size: 80%;
  108 +}
  109 +
  110 +/**
  111 + * Prevent `sub` and `sup` elements from affecting the line height in
  112 + * all browsers.
  113 + */
  114 +sub,
  115 +sup {
  116 + font-size: 75%;
  117 + line-height: 0;
  118 + position: relative;
  119 + vertical-align: baseline;
  120 +}
  121 +
  122 +sub {
  123 + bottom: -0.25em;
  124 +}
  125 +
  126 +sup {
  127 + top: -0.5em;
  128 +}
  129 +
  130 +/* Embedded content
  131 + ========================================================================== */
  132 +/**
  133 + * Remove the border on images inside links in IE 10.
  134 + */
  135 +img {
  136 + border-style: none;
  137 +}
  138 +
  139 +/* Forms
  140 + ========================================================================== */
  141 +/**
  142 + * 1. Change the font styles in all browsers.
  143 + * 2. Remove the margin in Firefox and Safari.
  144 + */
  145 +button,
  146 +input,
  147 +optgroup,
  148 +select,
  149 +textarea {
  150 + font-family: inherit; /* 1 */
  151 + font-size: 100%; /* 1 */
  152 + line-height: 1.15; /* 1 */
  153 + margin: 0; /* 2 */
  154 +}
  155 +
  156 +/**
  157 + * Show the overflow in IE.
  158 + * 1. Show the overflow in Edge.
  159 + */
  160 +button,
  161 +input { /* 1 */
  162 + overflow: visible;
  163 +}
  164 +
  165 +/**
  166 + * Remove the inheritance of text transform in Edge, Firefox, and IE.
  167 + * 1. Remove the inheritance of text transform in Firefox.
  168 + */
  169 +button,
  170 +select { /* 1 */
  171 + text-transform: none;
  172 +}
  173 +
  174 +/**
  175 + * Correct the inability to style clickable types in iOS and Safari.
  176 + */
  177 +button,
  178 +[type=button],
  179 +[type=reset],
  180 +[type=submit] {
  181 + -webkit-appearance: button;
  182 +}
  183 +
  184 +/**
  185 + * Remove the inner border and padding in Firefox.
  186 + */
  187 +button::-moz-focus-inner,
  188 +[type=button]::-moz-focus-inner,
  189 +[type=reset]::-moz-focus-inner,
  190 +[type=submit]::-moz-focus-inner {
  191 + border-style: none;
  192 + padding: 0;
  193 +}
  194 +
  195 +/**
  196 + * Restore the focus styles unset by the previous rule.
  197 + */
  198 +button:-moz-focusring,
  199 +[type=button]:-moz-focusring,
  200 +[type=reset]:-moz-focusring,
  201 +[type=submit]:-moz-focusring {
  202 + outline: 1px dotted ButtonText;
  203 +}
  204 +
  205 +/**
  206 + * Correct the padding in Firefox.
  207 + */
  208 +fieldset {
  209 + padding: 0.35em 0.75em 0.625em;
  210 +}
  211 +
  212 +/**
  213 + * 1. Correct the text wrapping in Edge and IE.
  214 + * 2. Correct the color inheritance from `fieldset` elements in IE.
  215 + * 3. Remove the padding so developers are not caught out when they zero out
  216 + * `fieldset` elements in all browsers.
  217 + */
  218 +legend {
  219 + -webkit-box-sizing: border-box;
  220 + box-sizing: border-box; /* 1 */
  221 + color: inherit; /* 2 */
  222 + display: table; /* 1 */
  223 + max-width: 100%; /* 1 */
  224 + padding: 0; /* 3 */
  225 + white-space: normal; /* 1 */
  226 +}
  227 +
  228 +/**
  229 + * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  230 + */
  231 +progress {
  232 + vertical-align: baseline;
  233 +}
  234 +
  235 +/**
  236 + * Remove the default vertical scrollbar in IE 10+.
  237 + */
  238 +textarea {
  239 + overflow: auto;
  240 +}
  241 +
  242 +/**
  243 + * 1. Add the correct box sizing in IE 10.
  244 + * 2. Remove the padding in IE 10.
  245 + */
  246 +[type=checkbox],
  247 +[type=radio] {
  248 + -webkit-box-sizing: border-box;
  249 + box-sizing: border-box; /* 1 */
  250 + padding: 0; /* 2 */
  251 +}
  252 +
  253 +/**
  254 + * Correct the cursor style of increment and decrement buttons in Chrome.
  255 + */
  256 +[type=number]::-webkit-inner-spin-button,
  257 +[type=number]::-webkit-outer-spin-button {
  258 + height: auto;
  259 +}
  260 +
  261 +/**
  262 + * 1. Correct the odd appearance in Chrome and Safari.
  263 + * 2. Correct the outline style in Safari.
  264 + */
  265 +[type=search] {
  266 + -webkit-appearance: textfield; /* 1 */
  267 + outline-offset: -2px; /* 2 */
  268 +}
  269 +
  270 +/**
  271 + * Remove the inner padding in Chrome and Safari on macOS.
  272 + */
  273 +[type=search]::-webkit-search-decoration {
  274 + -webkit-appearance: none;
  275 +}
  276 +
  277 +/**
  278 + * 1. Correct the inability to style clickable types in iOS and Safari.
  279 + * 2. Change font properties to `inherit` in Safari.
  280 + */
  281 +::-webkit-file-upload-button {
  282 + -webkit-appearance: button; /* 1 */
  283 + font: inherit; /* 2 */
  284 +}
  285 +
  286 +/* Interactive
  287 + ========================================================================== */
  288 +/*
  289 + * Add the correct display in Edge, IE 10+, and Firefox.
  290 + */
  291 +details {
  292 + display: block;
  293 +}
  294 +
  295 +/*
  296 + * Add the correct display in all browsers.
  297 + */
  298 +summary {
  299 + display: list-item;
  300 +}
  301 +
  302 +/* Misc
  303 + ========================================================================== */
  304 +/**
  305 + * Add the correct display in IE 10+.
  306 + */
  307 +template {
  308 + display: none;
  309 +}
  310 +
  311 +/**
  312 + * Add the correct display in IE 10.
  313 + */
  314 +[hidden] {
  315 + display: none;
  316 +}
  317 +
  318 +.green {
  319 + color: #377d87;
  320 +}
  321 +
  322 +.red {
  323 + color: #eb5757;
  324 +}
  325 +
  326 +.rotate180 {
  327 + -webkit-transform: rotate(180deg);
  328 + -ms-transform: rotate(180deg);
  329 + transform: rotate(180deg);
  330 +}
  331 +
  332 +::-moz-selection {
  333 + color: #3a3b3c;
  334 + background: #acc0e6;
  335 +}
  336 +
  337 +::selection {
  338 + color: #3a3b3c;
  339 + background: #acc0e6;
  340 +}
  341 +
  342 +::-webkit-scrollbar {
  343 + width: 4px;
  344 + height: 4px;
  345 +}
  346 +
  347 +::-webkit-scrollbar-track {
  348 + border-radius: 999px;
  349 + background-color: #f3f3f3;
  350 +}
  351 +
  352 +::-webkit-scrollbar-thumb {
  353 + border-radius: 999px;
  354 + background-color: #acc0e6;
  355 +}
  356 +
  357 +::-webkit-input-placeholder {
  358 + color: #9c9d9d;
  359 + opacity: 1;
  360 +}
  361 +
  362 +:focus::-webkit-input-placeholder {
  363 + color: transparent;
  364 +}
  365 +
  366 +:-ms-input-placeholder {
  367 + color: #9c9d9d;
  368 + opacity: 1;
  369 +}
  370 +
  371 +:focus:-ms-input-placeholder {
  372 + color: transparent;
  373 +}
  374 +
  375 +::-ms-input-placeholder {
  376 + color: #9c9d9d;
  377 + opacity: 1;
  378 +}
  379 +
  380 +:focus::-ms-input-placeholder {
  381 + color: transparent;
  382 +}
  383 +
  384 +::-moz-placeholder {
  385 + color: #9c9d9d;
  386 + opacity: 1;
  387 +}
  388 +
  389 +:focus::-moz-placeholder {
  390 + color: transparent;
  391 +}
  392 +
  393 +::-webkit-input-placeholder {
  394 + color: #9c9d9d;
  395 + opacity: 1;
  396 +}
  397 +
  398 +::-moz-placeholder {
  399 + color: #9c9d9d;
  400 + opacity: 1;
  401 +}
  402 +
  403 +:-ms-input-placeholder {
  404 + color: #9c9d9d;
  405 + opacity: 1;
  406 +}
  407 +
  408 +::-ms-input-placeholder {
  409 + color: #9c9d9d;
  410 + opacity: 1;
  411 +}
  412 +
  413 +::placeholder {
  414 + color: #9c9d9d;
  415 + opacity: 1;
  416 +}
  417 +
  418 +:focus::-webkit-input-placeholder {
  419 + color: transparent;
  420 +}
  421 +
  422 +:focus::-moz-placeholder {
  423 + color: transparent;
  424 +}
  425 +
  426 +:focus:-ms-input-placeholder {
  427 + color: transparent;
  428 +}
  429 +
  430 +:focus::-ms-input-placeholder {
  431 + color: transparent;
  432 +}
  433 +
  434 +:focus::placeholder {
  435 + color: transparent;
  436 +}
  437 +
  438 +*,
  439 +*:before,
  440 +*:after {
  441 + -webkit-box-sizing: border-box;
  442 + box-sizing: border-box;
  443 + -webkit-appearance: none;
  444 + -moz-appearance: none;
  445 + appearance: none;
  446 + outline: none;
  447 + -webkit-box-shadow: none;
  448 + box-shadow: none;
  449 +}
  450 +
  451 +a,
  452 +button,
  453 +select {
  454 + color: inherit;
  455 +}
  456 +
  457 +a {
  458 + text-decoration: none;
  459 +}
  460 +
  461 +a,
  462 +input[type=button],
  463 +input[type=submit],
  464 +button {
  465 + -webkit-user-select: none;
  466 + -moz-user-select: none;
  467 + -ms-user-select: none;
  468 + user-select: none;
  469 + -webkit-transition: 0.3s;
  470 + transition: 0.3s;
  471 + cursor: pointer;
  472 +}
  473 +
  474 +[type=tel] {
  475 + letter-spacing: 1px;
  476 +}
  477 +
  478 +.br,
  479 +img,
  480 +svg {
  481 + display: block;
  482 +}
  483 +
  484 +.float-left {
  485 + float: left;
  486 +}
  487 +
  488 +.float-right {
  489 + float: right;
  490 +}
  491 +
  492 +.clear-both:after {
  493 + content: "";
  494 + display: block;
  495 + clear: both;
  496 +}
  497 +
  498 +#body {
  499 + font-family: "Circe", sans-serif;
  500 + color: #3a3b3c;
  501 + background: #ffffff;
  502 + display: -webkit-box;
  503 + display: -ms-flexbox;
  504 + display: flex;
  505 + -webkit-box-orient: vertical;
  506 + -webkit-box-direction: normal;
  507 + -ms-flex-direction: column;
  508 + flex-direction: column;
  509 + -webkit-box-pack: justify;
  510 + -ms-flex-pack: justify;
  511 + justify-content: space-between;
  512 + min-width: 320px;
  513 + min-height: 100vh;
  514 + line-height: 1.25;
  515 +}
  516 +
  517 +.container {
  518 + width: 100%;
  519 + max-width: 1280px;
  520 + margin-left: auto;
  521 + margin-right: auto;
  522 + padding-left: 10px;
  523 + padding-right: 10px;
  524 +}
  525 +@media (min-width: 768px) {
  526 + .container {
  527 + padding-left: 20px;
  528 + padding-right: 20px;
  529 + }
  530 +}
  531 +
  532 +.to-top {
  533 + position: fixed;
  534 + right: 10px;
  535 + bottom: 10px;
  536 + border-radius: 999px;
  537 + display: -webkit-box;
  538 + display: -ms-flexbox;
  539 + display: flex;
  540 + -webkit-box-pack: center;
  541 + -ms-flex-pack: center;
  542 + justify-content: center;
  543 + -webkit-box-align: center;
  544 + -ms-flex-align: center;
  545 + align-items: center;
  546 + color: #ffffff;
  547 + background: #377d87;
  548 + width: 40px;
  549 + height: 40px;
  550 + -webkit-transition: 0.3s;
  551 + transition: 0.3s;
  552 + margin-right: -100px;
  553 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  554 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  555 + z-index: 99;
  556 + border: 1px solid #377d87;
  557 +}
  558 +.to-top:hover {
  559 + background: #ffffff;
  560 + color: #377d87;
  561 +}
  562 +.to-top svg {
  563 + width: 10px;
  564 + height: 10px;
  565 +}
  566 +@media (min-width: 768px) {
  567 + .to-top {
  568 + width: 50px;
  569 + height: 50px;
  570 + right: 20px;
  571 + bottom: 20px;
  572 + }
  573 + .to-top svg {
  574 + width: 12px;
  575 + height: 12px;
  576 + }
  577 +}
  578 +
  579 +.begin .to-top {
  580 + margin-right: 0;
  581 +}
  582 +
  583 +.socials {
  584 + display: -webkit-box;
  585 + display: -ms-flexbox;
  586 + display: flex;
  587 + -webkit-box-align: center;
  588 + -ms-flex-align: center;
  589 + align-items: center;
  590 + -webkit-box-pack: center;
  591 + -ms-flex-pack: center;
  592 + justify-content: center;
  593 + gap: 20px;
  594 +}
  595 +.socials a {
  596 + display: -webkit-box;
  597 + display: -ms-flexbox;
  598 + display: flex;
  599 + -webkit-box-align: center;
  600 + -ms-flex-align: center;
  601 + align-items: center;
  602 + -webkit-box-pack: center;
  603 + -ms-flex-pack: center;
  604 + justify-content: center;
  605 + border: 1px solid #377d87;
  606 + color: #377d87;
  607 + border-radius: 999px;
  608 + width: 38px;
  609 + height: 38px;
  610 +}
  611 +.socials a:hover {
  612 + background: #377d87;
  613 + color: #ffffff;
  614 +}
  615 +.socials svg {
  616 + width: 12px;
  617 + height: 12px;
  618 +}
  619 +
  620 +.nls {
  621 + display: -webkit-box;
  622 + display: -ms-flexbox;
  623 + display: flex;
  624 + color: #3a3b3c;
  625 + text-align: left;
  626 +}
  627 +.nls:hover {
  628 + color: #377d87;
  629 +}
  630 +.nls svg {
  631 + width: 30px;
  632 + height: 40px;
  633 +}
  634 +@media (min-width: 768px) {
  635 + .nls svg {
  636 + width: 24px;
  637 + height: 31px;
  638 + }
  639 +}
  640 +.nls span {
  641 + width: calc(100% - 30px);
  642 + padding-left: 12px;
  643 + display: -webkit-box;
  644 + display: -ms-flexbox;
  645 + display: flex;
  646 + -webkit-box-orient: vertical;
  647 + -webkit-box-direction: normal;
  648 + -ms-flex-direction: column;
  649 + flex-direction: column;
  650 + -webkit-box-pack: center;
  651 + -ms-flex-pack: center;
  652 + justify-content: center;
  653 + font-size: 12px;
  654 + line-height: 1.4;
  655 +}
  656 +@media (min-width: 768px) {
  657 + .nls span {
  658 + width: calc(100% - 24px);
  659 + }
  660 +}
  661 +.nls b {
  662 + font-weight: 400;
  663 +}
  664 +
  665 +.title,
  666 +h1 {
  667 + margin: 0;
  668 + font-size: 32px;
  669 + font-weight: 700;
  670 +}
  671 +@media (min-width: 768px) {
  672 + .title,
  673 + h1 {
  674 + font-size: 40px;
  675 + }
  676 +}
  677 +@media (min-width: 992px) {
  678 + .title,
  679 + h1 {
  680 + font-size: 48px;
  681 + }
  682 +}
  683 +@media (min-width: 1280px) {
  684 + .title,
  685 + h1 {
  686 + font-size: 64px;
  687 + }
  688 +}
  689 +
  690 +.swiper-pagination {
  691 + display: -webkit-box;
  692 + display: -ms-flexbox;
  693 + display: flex;
  694 + -webkit-box-pack: center;
  695 + -ms-flex-pack: center;
  696 + justify-content: center;
  697 + -webkit-box-align: center;
  698 + -ms-flex-align: center;
  699 + align-items: center;
  700 + position: static;
  701 + margin-top: 20px;
  702 + gap: 8px;
  703 +}
  704 +@media (min-width: 768px) {
  705 + .swiper-pagination {
  706 + margin-top: 30px;
  707 + }
  708 +}
  709 +.swiper-pagination-bullet {
  710 + width: 16px;
  711 + height: 16px;
  712 + opacity: 1;
  713 + border: 1px solid #cdcece;
  714 + -webkit-transition: 0.3s;
  715 + transition: 0.3s;
  716 + background: transparent;
  717 + display: -webkit-box;
  718 + display: -ms-flexbox;
  719 + display: flex;
  720 + -webkit-box-pack: center;
  721 + -ms-flex-pack: center;
  722 + justify-content: center;
  723 + -webkit-box-align: center;
  724 + -ms-flex-align: center;
  725 + align-items: center;
  726 + margin: 0 !important;
  727 +}
  728 +.swiper-pagination-bullet:before {
  729 + content: "";
  730 + width: 6px;
  731 + height: 6px;
  732 + border-radius: 999px;
  733 + background: #377d87;
  734 + opacity: 0;
  735 + -webkit-transition: 0.3s;
  736 + transition: 0.3s;
  737 +}
  738 +.swiper-pagination-bullet:hover {
  739 + border-color: #377d87;
  740 +}
  741 +.swiper-pagination-bullet-active {
  742 + border-color: #377d87;
  743 +}
  744 +.swiper-pagination-bullet-active:before {
  745 + opacity: 1;
  746 +}
  747 +
  748 +.navs {
  749 + display: -webkit-box;
  750 + display: -ms-flexbox;
  751 + display: flex;
  752 + -webkit-box-align: center;
  753 + -ms-flex-align: center;
  754 + align-items: center;
  755 + -webkit-box-pack: justify;
  756 + -ms-flex-pack: justify;
  757 + justify-content: space-between;
  758 + gap: 20px;
  759 + width: 80px;
  760 +}
  761 +.navs button {
  762 + color: #377d87;
  763 + background: none;
  764 + border: none;
  765 + padding: 0;
  766 +}
  767 +.navs button[disabled] {
  768 + cursor: not-allowed;
  769 + color: #cddee1;
  770 +}
  771 +.navs svg {
  772 + width: 14px;
  773 + height: 28px;
  774 +}
  775 +
  776 +.select {
  777 + position: relative;
  778 +}
  779 +.select2 {
  780 + width: 100% !important;
  781 +}
  782 +.select2-container {
  783 + font-size: 12px;
  784 +}
  785 +@media (min-width: 768px) {
  786 + .select2-container {
  787 + font-size: 16px;
  788 + }
  789 +}
  790 +.select2-container--open .select2-selection {
  791 + border-color: #377d87 !important;
  792 +}
  793 +.select2-container--open .select2-selection__arrow svg {
  794 + -webkit-transform: rotate(180deg);
  795 + -ms-transform: rotate(180deg);
  796 + transform: rotate(180deg);
  797 +}
  798 +.select2-selection {
  799 + height: 30px !important;
  800 + border-radius: 8px !important;
  801 + border-color: #e7e7e7 !important;
  802 + -webkit-transition: 0.3s;
  803 + transition: 0.3s;
  804 +}
  805 +@media (min-width: 768px) {
  806 + .select2-selection {
  807 + height: 44px !important;
  808 + }
  809 +}
  810 +.select2-selection__rendered {
  811 + line-height: 28px !important;
  812 + padding: 0 30px 0 10px !important;
  813 +}
  814 +@media (min-width: 768px) {
  815 + .select2-selection__rendered {
  816 + line-height: 42px !important;
  817 + padding: 0 50px 0 20px !important;
  818 + }
  819 +}
  820 +.select2-selection__arrow {
  821 + top: 0 !important;
  822 + right: 0 !important;
  823 + width: 30px !important;
  824 + height: 100% !important;
  825 + display: -webkit-box;
  826 + display: -ms-flexbox;
  827 + display: flex;
  828 + -webkit-box-pack: center;
  829 + -ms-flex-pack: center;
  830 + justify-content: center;
  831 + -webkit-box-align: center;
  832 + -ms-flex-align: center;
  833 + align-items: center;
  834 + color: #377d87;
  835 +}
  836 +@media (min-width: 768px) {
  837 + .select2-selection__arrow {
  838 + width: 50px !important;
  839 + }
  840 +}
  841 +.select2-selection__arrow svg {
  842 + width: 12px;
  843 + height: 12px;
  844 + -webkit-transition: 0.3s;
  845 + transition: 0.3s;
  846 +}
  847 +@media (min-width: 768px) {
  848 + .select2-selection__arrow svg {
  849 + width: 16px;
  850 + height: 16px;
  851 + }
  852 +}
  853 +.select2-search {
  854 + display: none;
  855 +}
  856 +.select2-dropdown {
  857 + z-index: 99999;
  858 + border: none;
  859 + border-radius: 0;
  860 + background: none;
  861 + padding: 5px 0;
  862 +}
  863 +@media (min-width: 768px) {
  864 + .select2-dropdown {
  865 + padding: 10px 0;
  866 + }
  867 +}
  868 +.select2-results {
  869 + background: #ffffff;
  870 + border-radius: 8px;
  871 + border: 1px solid #377d87;
  872 + overflow: hidden;
  873 +}
  874 +@media (min-width: 768px) {
  875 + .select2-results__option {
  876 + padding: 10px 14px;
  877 + }
  878 +}
  879 +.select2-results__option--highlighted {
  880 + background: #377d87 !important;
  881 +}
  882 +@media (min-width: 768px) {
  883 + .select_search .select2-selection__rendered {
  884 + padding-left: 60px !important;
  885 + }
  886 +}
  887 +.select_search .select__icon {
  888 + display: none;
  889 + height: 28px;
  890 + -webkit-box-align: center;
  891 + -ms-flex-align: center;
  892 + align-items: center;
  893 + padding-right: 12px;
  894 + z-index: 2;
  895 + position: absolute;
  896 + top: 50%;
  897 + left: 15px;
  898 + margin-top: -14px;
  899 +}
  900 +@media (min-width: 768px) {
  901 + .select_search .select__icon {
  902 + display: -webkit-box;
  903 + display: -ms-flexbox;
  904 + display: flex;
  905 + }
  906 +}
  907 +.select_search .select__icon:after {
  908 + content: "";
  909 + width: 1px;
  910 + height: 100%;
  911 + border-radius: 999px;
  912 + position: absolute;
  913 + top: 0;
  914 + right: 0;
  915 + background: #cecece;
  916 +}
  917 +.select_search .select__icon svg {
  918 + color: #9c9d9d;
  919 + width: 20px;
  920 + height: 20px;
  921 +}
  922 +
  923 +.form-group {
  924 + display: -webkit-box;
  925 + display: -ms-flexbox;
  926 + display: flex;
  927 + -webkit-box-orient: vertical;
  928 + -webkit-box-direction: normal;
  929 + -ms-flex-direction: column;
  930 + flex-direction: column;
  931 + gap: 4px;
  932 +}
  933 +.form-group__label {
  934 + font-size: 12px;
  935 +}
  936 +@media (min-width: 768px) {
  937 + .form-group__label {
  938 + font-size: 16px;
  939 + }
  940 +}
  941 +.form-group__item {
  942 + display: -webkit-box;
  943 + display: -ms-flexbox;
  944 + display: flex;
  945 + -webkit-box-orient: vertical;
  946 + -webkit-box-direction: normal;
  947 + -ms-flex-direction: column;
  948 + flex-direction: column;
  949 + position: relative;
  950 +}
  951 +
  952 +.input {
  953 + display: block;
  954 + height: 30px;
  955 + border: 1px solid #e7e7e7;
  956 + background: #ffffff;
  957 + font-size: 12px;
  958 + border-radius: 8px;
  959 + padding: 0 10px;
  960 + color: #3a3b3c;
  961 + -webkit-transition: 0.3s;
  962 + transition: 0.3s;
  963 + position: relative;
  964 + z-index: 1;
  965 +}
  966 +@media (min-width: 768px) {
  967 + .input {
  968 + padding: 0 20px;
  969 + height: 44px;
  970 + font-size: 16px;
  971 + }
  972 +}
  973 +.input:focus {
  974 + border-color: #377d87;
  975 +}
  976 +
  977 +.textarea {
  978 + resize: none;
  979 + display: block;
  980 + width: 100%;
  981 + border-radius: 8px;
  982 + border: 1px solid #e7e7e7;
  983 + background: #ffffff;
  984 + -webkit-transition: 0.3s;
  985 + transition: 0.3s;
  986 + font-size: 12px;
  987 + line-height: 1.4;
  988 + padding: 10px;
  989 + aspect-ratio: 8/3;
  990 + max-height: 250px;
  991 +}
  992 +@media (min-width: 768px) {
  993 + .textarea {
  994 + padding: 20px;
  995 + font-size: 16px;
  996 + height: 280px;
  997 + }
  998 +}
  999 +.textarea:focus {
  1000 + border-color: #377d87;
  1001 +}
  1002 +
  1003 +.button {
  1004 + display: -webkit-box;
  1005 + display: -ms-flexbox;
  1006 + display: flex;
  1007 + -webkit-box-pack: center;
  1008 + -ms-flex-pack: center;
  1009 + justify-content: center;
  1010 + -webkit-box-align: center;
  1011 + -ms-flex-align: center;
  1012 + align-items: center;
  1013 + color: #ffffff;
  1014 + background: #377d87;
  1015 + height: 30px;
  1016 + border-radius: 8px;
  1017 + padding: 0 12px;
  1018 + border: 1px solid #377d87;
  1019 + font-weight: 700;
  1020 + font-size: 12px;
  1021 + text-align: center;
  1022 + line-height: 1;
  1023 + gap: 6px;
  1024 + -webkit-transition: 0.3s;
  1025 + transition: 0.3s;
  1026 +}
  1027 +@media (min-width: 768px) {
  1028 + .button {
  1029 + padding: 0 24px;
  1030 + font-size: 16px;
  1031 + height: 44px;
  1032 + gap: 12px;
  1033 + }
  1034 +}
  1035 +@media (min-width: 992px) {
  1036 + .button {
  1037 + padding: 0 36px;
  1038 + }
  1039 +}
  1040 +.button:hover {
  1041 + background: transparent;
  1042 + color: #377d87;
  1043 +}
  1044 +.button img,
  1045 +.button svg {
  1046 + width: 12px;
  1047 + height: 12px;
  1048 +}
  1049 +@media (min-width: 768px) {
  1050 + .button img,
  1051 + .button svg {
  1052 + width: 18px;
  1053 + height: 18px;
  1054 + }
  1055 +}
  1056 +.button_more span + span {
  1057 + display: none;
  1058 +}
  1059 +.button_more.active span {
  1060 + display: none;
  1061 +}
  1062 +.button_more.active span + span {
  1063 + display: block;
  1064 +}
  1065 +.button_light {
  1066 + background: transparent;
  1067 + color: #377d87;
  1068 +}
  1069 +.button_light:hover {
  1070 + background: #377d87;
  1071 + color: #ffffff;
  1072 +}
  1073 +.button_whited {
  1074 + background: #ffffff;
  1075 + color: #377d87;
  1076 + border-color: #ffffff;
  1077 +}
  1078 +.button_whited:hover {
  1079 + background: #377d87;
  1080 + color: #ffffff;
  1081 +}
  1082 +
  1083 +.search {
  1084 + width: 100%;
  1085 + position: relative;
  1086 + background: #ffffff;
  1087 + border-radius: 8px;
  1088 +}
  1089 +.search span {
  1090 + display: none;
  1091 + height: 28px;
  1092 + -webkit-box-align: center;
  1093 + -ms-flex-align: center;
  1094 + align-items: center;
  1095 + padding-right: 12px;
  1096 + z-index: 1;
  1097 + position: absolute;
  1098 + top: 50%;
  1099 + left: 15px;
  1100 + margin-top: -14px;
  1101 +}
  1102 +@media (min-width: 768px) {
  1103 + .search span {
  1104 + display: -webkit-box;
  1105 + display: -ms-flexbox;
  1106 + display: flex;
  1107 + }
  1108 +}
  1109 +.search span:after {
  1110 + content: "";
  1111 + width: 1px;
  1112 + height: 100%;
  1113 + border-radius: 999px;
  1114 + position: absolute;
  1115 + top: 0;
  1116 + right: 0;
  1117 + background: #cecece;
  1118 +}
  1119 +.search span svg {
  1120 + color: #9c9d9d;
  1121 + width: 20px;
  1122 + height: 20px;
  1123 +}
  1124 +.search input {
  1125 + width: 100%;
  1126 + padding-right: 150px;
  1127 + position: relative;
  1128 + z-index: 2;
  1129 + background: none;
  1130 +}
  1131 +@media (min-width: 768px) {
  1132 + .search input {
  1133 + padding-left: 60px;
  1134 + padding-right: 220px;
  1135 + }
  1136 +}
  1137 +.search button {
  1138 + width: 140px;
  1139 + position: absolute;
  1140 + padding: 0;
  1141 + top: 0;
  1142 + right: 0;
  1143 + z-index: 3;
  1144 +}
  1145 +@media (min-width: 768px) {
  1146 + .search button {
  1147 + width: 200px;
  1148 + }
  1149 +}
  1150 +
  1151 +.breadcrumbs {
  1152 + display: -webkit-box;
  1153 + display: -ms-flexbox;
  1154 + display: flex;
  1155 + -webkit-box-align: center;
  1156 + -ms-flex-align: center;
  1157 + align-items: center;
  1158 + -ms-flex-wrap: wrap;
  1159 + flex-wrap: wrap;
  1160 + gap: 12px 6px;
  1161 + margin: 0;
  1162 + padding: 0;
  1163 + font-size: 11px;
  1164 + color: #cecece;
  1165 + line-height: 1;
  1166 +}
  1167 +@media (min-width: 992px) {
  1168 + .breadcrumbs {
  1169 + font-size: 13px;
  1170 + }
  1171 +}
  1172 +@media (min-width: 1280px) {
  1173 + .breadcrumbs {
  1174 + font-size: 16px;
  1175 + }
  1176 +}
  1177 +.breadcrumbs li {
  1178 + display: -webkit-box;
  1179 + display: -ms-flexbox;
  1180 + display: flex;
  1181 + -webkit-box-align: center;
  1182 + -ms-flex-align: center;
  1183 + align-items: center;
  1184 + gap: 6px;
  1185 +}
  1186 +.breadcrumbs li:before {
  1187 + content: "";
  1188 + width: 4px;
  1189 + height: 4px;
  1190 + background: #cecece;
  1191 + border-radius: 999px;
  1192 + position: relative;
  1193 + top: -1px;
  1194 +}
  1195 +.breadcrumbs li:first-child:before {
  1196 + display: none;
  1197 +}
  1198 +.breadcrumbs li:last-child:before {
  1199 + background: #377d87;
  1200 +}
  1201 +.breadcrumbs a:hover {
  1202 + color: #377d87;
  1203 +}
  1204 +.breadcrumbs b {
  1205 + color: #377d87;
  1206 + font-weight: 700;
  1207 +}
  1208 +
  1209 +.pagination {
  1210 + display: -webkit-box;
  1211 + display: -ms-flexbox;
  1212 + display: flex;
  1213 + -webkit-box-align: center;
  1214 + -ms-flex-align: center;
  1215 + align-items: center;
  1216 + -webkit-box-pack: center;
  1217 + -ms-flex-pack: center;
  1218 + justify-content: center;
  1219 + line-height: 1;
  1220 + color: #696b6b;
  1221 + font-size: 12px;
  1222 + margin: 0 auto;
  1223 +}
  1224 +@media (min-width: 768px) {
  1225 + .pagination {
  1226 + font-size: 14px;
  1227 + }
  1228 +}
  1229 +.pagination__item {
  1230 + width: 40px;
  1231 + height: 40px;
  1232 + display: -webkit-box;
  1233 + display: -ms-flexbox;
  1234 + display: flex;
  1235 + -webkit-box-pack: center;
  1236 + -ms-flex-pack: center;
  1237 + justify-content: center;
  1238 + -webkit-box-align: center;
  1239 + -ms-flex-align: center;
  1240 + align-items: center;
  1241 + background: none;
  1242 + padding: 0;
  1243 + border: 1px solid transparent;
  1244 + border-radius: 8px;
  1245 +}
  1246 +.pagination__item:hover {
  1247 + -webkit-transition: 0s;
  1248 + transition: 0s;
  1249 + color: #377d87;
  1250 + font-weight: 700;
  1251 +}
  1252 +.pagination__item.active {
  1253 + font-weight: 700;
  1254 + color: #ffffff;
  1255 + background: #377d87;
  1256 + border-color: #377d87;
  1257 +}
  1258 +.pagination__dots {
  1259 + width: 40px;
  1260 + height: 40px;
  1261 + display: -webkit-box;
  1262 + display: -ms-flexbox;
  1263 + display: flex;
  1264 + -webkit-box-pack: center;
  1265 + -ms-flex-pack: center;
  1266 + justify-content: center;
  1267 + -webkit-box-align: center;
  1268 + -ms-flex-align: center;
  1269 + align-items: center;
  1270 +}
  1271 +.pagination__dots svg {
  1272 + width: 15px;
  1273 + height: 15px;
  1274 +}
  1275 +.pagination__nav {
  1276 + width: 40px;
  1277 + height: 40px;
  1278 + display: none;
  1279 + -webkit-box-pack: center;
  1280 + -ms-flex-pack: center;
  1281 + justify-content: center;
  1282 + -webkit-box-align: center;
  1283 + -ms-flex-align: center;
  1284 + align-items: center;
  1285 + background: none;
  1286 + padding: 0;
  1287 + border: 1px solid #cddee1;
  1288 + color: #377d87;
  1289 + border-radius: 8px;
  1290 +}
  1291 +@media (min-width: 768px) {
  1292 + .pagination__nav {
  1293 + display: -webkit-box;
  1294 + display: -ms-flexbox;
  1295 + display: flex;
  1296 + }
  1297 +}
  1298 +.pagination__nav:hover {
  1299 + border-color: #377d87;
  1300 + background: #377d87;
  1301 + color: #ffffff;
  1302 +}
  1303 +.pagination__nav svg {
  1304 + width: 10px;
  1305 + height: 10px;
  1306 +}
  1307 +.pagination__nav_prev {
  1308 + margin-right: 40px;
  1309 +}
  1310 +.pagination__nav_prev svg {
  1311 + -webkit-transform: rotate(180deg);
  1312 + -ms-transform: rotate(180deg);
  1313 + transform: rotate(180deg);
  1314 +}
  1315 +.pagination__nav_next {
  1316 + margin-left: 40px;
  1317 +}
  1318 +
  1319 +.filters {
  1320 + display: -webkit-box;
  1321 + display: -ms-flexbox;
  1322 + display: flex;
  1323 + -webkit-box-orient: vertical;
  1324 + -webkit-box-direction: normal;
  1325 + -ms-flex-direction: column;
  1326 + flex-direction: column;
  1327 + gap: 10px;
  1328 +}
  1329 +@media (min-width: 768px) {
  1330 + .filters {
  1331 + -webkit-box-orient: horizontal;
  1332 + -webkit-box-direction: normal;
  1333 + -ms-flex-direction: row;
  1334 + flex-direction: row;
  1335 + -webkit-box-align: center;
  1336 + -ms-flex-align: center;
  1337 + align-items: center;
  1338 + -webkit-box-pack: justify;
  1339 + -ms-flex-pack: justify;
  1340 + justify-content: space-between;
  1341 + }
  1342 +}
  1343 +.filters__label {
  1344 + color: #377d87;
  1345 + font-size: 12px;
  1346 + font-weight: 700;
  1347 +}
  1348 +@media (min-width: 768px) {
  1349 + .filters__label {
  1350 + font-size: 16px;
  1351 + }
  1352 +}
  1353 +@media (min-width: 992px) {
  1354 + .filters__label {
  1355 + font-size: 18px;
  1356 + }
  1357 +}
  1358 +.filters__body {
  1359 + display: -webkit-box;
  1360 + display: -ms-flexbox;
  1361 + display: flex;
  1362 + -webkit-box-orient: vertical;
  1363 + -webkit-box-direction: normal;
  1364 + -ms-flex-direction: column;
  1365 + flex-direction: column;
  1366 +}
  1367 +@media (min-width: 768px) {
  1368 + .filters__body {
  1369 + -webkit-box-orient: horizontal;
  1370 + -webkit-box-direction: normal;
  1371 + -ms-flex-direction: row;
  1372 + flex-direction: row;
  1373 + -webkit-box-align: center;
  1374 + -ms-flex-align: center;
  1375 + align-items: center;
  1376 + }
  1377 +}
  1378 +@media (min-width: 768px) {
  1379 + .filters__select {
  1380 + width: 250px;
  1381 + }
  1382 +}
  1383 +@media (min-width: 992px) {
  1384 + .filters__select {
  1385 + width: 310px;
  1386 + }
  1387 +}
  1388 +.filters__item {
  1389 + display: none;
  1390 + -webkit-box-pack: center;
  1391 + -ms-flex-pack: center;
  1392 + justify-content: center;
  1393 + -webkit-box-align: center;
  1394 + -ms-flex-align: center;
  1395 + align-items: center;
  1396 + width: 50px;
  1397 + height: 50px;
  1398 + padding: 0;
  1399 + background: #ffffff;
  1400 + border: 1px solid #377d87;
  1401 + color: #377d87;
  1402 + border-radius: 8px;
  1403 + margin-left: 20px;
  1404 +}
  1405 +@media (min-width: 768px) {
  1406 + .filters__item {
  1407 + display: -webkit-box;
  1408 + display: -ms-flexbox;
  1409 + display: flex;
  1410 + }
  1411 +}
  1412 +.filters__item svg {
  1413 + width: 24px;
  1414 + height: 24px;
  1415 +}
  1416 +.filters__item.active {
  1417 + background: #377d87;
  1418 + color: #ffffff;
  1419 +}
  1420 +.filters__item + .filters__item {
  1421 + margin-left: 8px;
  1422 +}
  1423 +
  1424 +.like,
  1425 +.chat {
  1426 + width: 30px;
  1427 + height: 30px;
  1428 + display: -webkit-box;
  1429 + display: -ms-flexbox;
  1430 + display: flex;
  1431 + -webkit-box-pack: center;
  1432 + -ms-flex-pack: center;
  1433 + justify-content: center;
  1434 + -webkit-box-align: center;
  1435 + -ms-flex-align: center;
  1436 + align-items: center;
  1437 + background: none;
  1438 + border: 1px solid #377d87;
  1439 + padding: 0;
  1440 + color: #377d87;
  1441 + border-radius: 6px;
  1442 +}
  1443 +@media (min-width: 768px) {
  1444 + .like,
  1445 + .chat {
  1446 + width: 44px;
  1447 + height: 44px;
  1448 + }
  1449 +}
  1450 +.like.active,
  1451 +.chat.active {
  1452 + background: #377d87;
  1453 + color: #ffffff;
  1454 +}
  1455 +.like svg,
  1456 +.chat svg {
  1457 + width: 14px;
  1458 + height: 14px;
  1459 +}
  1460 +@media (min-width: 768px) {
  1461 + .like svg,
  1462 + .chat svg {
  1463 + width: 20px;
  1464 + height: 20px;
  1465 + }
  1466 +}
  1467 +
  1468 +.checkbox {
  1469 + display: -webkit-box;
  1470 + display: -ms-flexbox;
  1471 + display: flex;
  1472 + -webkit-box-align: start;
  1473 + -ms-flex-align: start;
  1474 + align-items: flex-start;
  1475 + cursor: pointer;
  1476 +}
  1477 +.checkbox__input {
  1478 + display: none;
  1479 +}
  1480 +.checkbox__icon {
  1481 + width: 14px;
  1482 + height: 14px;
  1483 + border: 1px solid #cfcfcf;
  1484 + background: #ffffff;
  1485 + color: #ffffff;
  1486 + display: -webkit-box;
  1487 + display: -ms-flexbox;
  1488 + display: flex;
  1489 + -webkit-box-pack: center;
  1490 + -ms-flex-pack: center;
  1491 + justify-content: center;
  1492 + -webkit-box-align: center;
  1493 + -ms-flex-align: center;
  1494 + align-items: center;
  1495 + border-radius: 4px;
  1496 + -webkit-transition: 0.3s;
  1497 + transition: 0.3s;
  1498 +}
  1499 +@media (min-width: 768px) {
  1500 + .checkbox__icon {
  1501 + width: 20px;
  1502 + height: 20px;
  1503 + }
  1504 +}
  1505 +.checkbox__icon svg {
  1506 + width: 8px;
  1507 + height: 8px;
  1508 + opacity: 0;
  1509 +}
  1510 +@media (min-width: 768px) {
  1511 + .checkbox__icon svg {
  1512 + width: 10px;
  1513 + height: 10px;
  1514 + }
  1515 +}
  1516 +.checkbox__input:checked + .checkbox__icon {
  1517 + border-color: #377d87;
  1518 + background: #377d87;
  1519 +}
  1520 +.checkbox__input:checked + .checkbox__icon svg {
  1521 + opacity: 1;
  1522 +}
  1523 +.checkbox__text {
  1524 + width: calc(100% - 14px);
  1525 + padding-left: 6px;
  1526 + font-size: 12px;
  1527 + line-height: 1;
  1528 + display: -webkit-box;
  1529 + display: -ms-flexbox;
  1530 + display: flex;
  1531 + -webkit-box-align: center;
  1532 + -ms-flex-align: center;
  1533 + align-items: center;
  1534 + min-height: 14px;
  1535 +}
  1536 +@media (min-width: 768px) {
  1537 + .checkbox__text {
  1538 + width: calc(100% - 20px);
  1539 + padding-left: 12px;
  1540 + font-size: 15px;
  1541 + min-height: 20px;
  1542 + }
  1543 +}
  1544 +.checkbox__text a {
  1545 + color: #377d87;
  1546 + text-decoration: underline;
  1547 +}
  1548 +
  1549 +.file {
  1550 + display: -webkit-box;
  1551 + display: -ms-flexbox;
  1552 + display: flex;
  1553 + -webkit-box-orient: vertical;
  1554 + -webkit-box-direction: normal;
  1555 + -ms-flex-direction: column;
  1556 + flex-direction: column;
  1557 +}
  1558 +.file__input input {
  1559 + display: none;
  1560 +}
  1561 +.file__list {
  1562 + display: -webkit-box;
  1563 + display: -ms-flexbox;
  1564 + display: flex;
  1565 + -webkit-box-orient: vertical;
  1566 + -webkit-box-direction: normal;
  1567 + -ms-flex-direction: column;
  1568 + flex-direction: column;
  1569 +}
  1570 +.file__list-item {
  1571 + display: -webkit-box;
  1572 + display: -ms-flexbox;
  1573 + display: flex;
  1574 + -webkit-box-align: start;
  1575 + -ms-flex-align: start;
  1576 + align-items: flex-start;
  1577 + margin-top: 16px;
  1578 +}
  1579 +.file__list-item-left {
  1580 + width: calc(100% - 16px);
  1581 + min-height: 16px;
  1582 + color: #9c9d9d;
  1583 + font-size: 12px;
  1584 + display: -webkit-box;
  1585 + display: -ms-flexbox;
  1586 + display: flex;
  1587 + -webkit-box-align: start;
  1588 + -ms-flex-align: start;
  1589 + align-items: flex-start;
  1590 +}
  1591 +@media (min-width: 768px) {
  1592 + .file__list-item-left {
  1593 + width: auto;
  1594 + max-width: calc(100% - 16px);
  1595 + font-size: 16px;
  1596 + }
  1597 +}
  1598 +.file__list-item-left svg {
  1599 + width: 16px;
  1600 + height: 16px;
  1601 +}
  1602 +.file__list-item-left span {
  1603 + width: calc(100% - 16px);
  1604 + min-height: 16px;
  1605 + display: -webkit-box;
  1606 + display: -ms-flexbox;
  1607 + display: flex;
  1608 + -webkit-box-align: center;
  1609 + -ms-flex-align: center;
  1610 + align-items: center;
  1611 + padding: 0 8px;
  1612 +}
  1613 +.file__list-item-right {
  1614 + display: -webkit-box;
  1615 + display: -ms-flexbox;
  1616 + display: flex;
  1617 + -webkit-box-pack: center;
  1618 + -ms-flex-pack: center;
  1619 + justify-content: center;
  1620 + -webkit-box-align: center;
  1621 + -ms-flex-align: center;
  1622 + align-items: center;
  1623 + padding: 0;
  1624 + background: none;
  1625 + border: none;
  1626 + width: 16px;
  1627 + height: 16px;
  1628 + color: #377d87;
  1629 +}
  1630 +.file__list-item-right:hover {
  1631 + color: #3a3b3c;
  1632 +}
  1633 +.file__list-item-right svg {
  1634 + width: 10px;
  1635 + height: 10px;
  1636 +}
  1637 +.file__list-item + .file__list-item {
  1638 + margin-top: 10px;
  1639 +}
  1640 +
  1641 +.rate {
  1642 + display: -webkit-box;
  1643 + display: -ms-flexbox;
  1644 + display: flex;
  1645 + -webkit-box-align: center;
  1646 + -ms-flex-align: center;
  1647 + align-items: center;
  1648 + gap: 10px;
  1649 +}
  1650 +@media (min-width: 768px) {
  1651 + .rate {
  1652 + gap: 20px;
  1653 + }
  1654 +}
  1655 +.rate__label {
  1656 + font-size: 12px;
  1657 + font-weight: 700;
  1658 + line-height: 1;
  1659 +}
  1660 +@media (min-width: 768px) {
  1661 + .rate__label {
  1662 + font-size: 18px;
  1663 + }
  1664 +}
  1665 +.rate__stars {
  1666 + display: -webkit-box;
  1667 + display: -ms-flexbox;
  1668 + display: flex;
  1669 + -webkit-box-orient: vertical;
  1670 + -webkit-box-direction: normal;
  1671 + -ms-flex-direction: column;
  1672 + flex-direction: column;
  1673 +}
  1674 +
  1675 +.back {
  1676 + display: -webkit-box;
  1677 + display: -ms-flexbox;
  1678 + display: flex;
  1679 + -webkit-box-align: center;
  1680 + -ms-flex-align: center;
  1681 + align-items: center;
  1682 + font-size: 14px;
  1683 + color: #377d87;
  1684 + font-weight: 700;
  1685 +}
  1686 +@media (min-width: 768px) {
  1687 + .back {
  1688 + font-size: 18px;
  1689 + }
  1690 +}
  1691 +.back:hover {
  1692 + color: #4d88d9;
  1693 +}
  1694 +.back svg {
  1695 + width: 16px;
  1696 + height: 16px;
  1697 +}
  1698 +@media (min-width: 768px) {
  1699 + .back svg {
  1700 + width: 26px;
  1701 + height: 26px;
  1702 + }
  1703 +}
  1704 +.back span {
  1705 + width: calc(100% - 16px);
  1706 + padding-left: 10px;
  1707 +}
  1708 +@media (min-width: 768px) {
  1709 + .back span {
  1710 + width: calc(100% - 26px);
  1711 + padding-left: 20px;
  1712 + }
  1713 +}
  1714 +
  1715 +.callback {
  1716 + display: -webkit-box;
  1717 + display: -ms-flexbox;
  1718 + display: flex;
  1719 + -webkit-box-orient: vertical;
  1720 + -webkit-box-direction: normal;
  1721 + -ms-flex-direction: column;
  1722 + flex-direction: column;
  1723 + gap: 16px;
  1724 +}
  1725 +@media (min-width: 992px) {
  1726 + .callback {
  1727 + -webkit-box-orient: horizontal;
  1728 + -webkit-box-direction: normal;
  1729 + -ms-flex-direction: row;
  1730 + flex-direction: row;
  1731 + -webkit-box-pack: justify;
  1732 + -ms-flex-pack: justify;
  1733 + justify-content: space-between;
  1734 + -ms-flex-wrap: wrap;
  1735 + flex-wrap: wrap;
  1736 + gap: 20px 0;
  1737 + }
  1738 +}
  1739 +.callback__body {
  1740 + display: -webkit-box;
  1741 + display: -ms-flexbox;
  1742 + display: flex;
  1743 + -webkit-box-orient: vertical;
  1744 + -webkit-box-direction: normal;
  1745 + -ms-flex-direction: column;
  1746 + flex-direction: column;
  1747 + gap: 16px;
  1748 +}
  1749 +@media (min-width: 992px) {
  1750 + .callback__body {
  1751 + width: calc(50% - 10px);
  1752 + gap: 10px;
  1753 + }
  1754 +}
  1755 +@media (min-width: 992px) {
  1756 + .callback__textarea {
  1757 + width: calc(50% - 10px);
  1758 + height: auto;
  1759 + }
  1760 +}
  1761 +.callback__bottom {
  1762 + display: -webkit-box;
  1763 + display: -ms-flexbox;
  1764 + display: flex;
  1765 + -webkit-box-orient: vertical;
  1766 + -webkit-box-direction: normal;
  1767 + -ms-flex-direction: column;
  1768 + flex-direction: column;
  1769 + gap: 16px;
  1770 +}
  1771 +@media (min-width: 768px) {
  1772 + .callback__bottom {
  1773 + -webkit-box-align: start;
  1774 + -ms-flex-align: start;
  1775 + align-items: flex-start;
  1776 + }
  1777 +}
  1778 +@media (min-width: 992px) {
  1779 + .callback__bottom {
  1780 + width: 100%;
  1781 + gap: 20px;
  1782 + }
  1783 +}
  1784 +
  1785 +.error .input,
  1786 +.error .textarea {
  1787 + border-color: #eb5757;
  1788 +}
  1789 +.error label {
  1790 + display: block;
  1791 +}
  1792 +
  1793 +.eye {
  1794 + position: absolute;
  1795 + z-index: 2;
  1796 + top: 50%;
  1797 + -webkit-transform: translate(0, -50%);
  1798 + -ms-transform: translate(0, -50%);
  1799 + transform: translate(0, -50%);
  1800 + right: 10px;
  1801 + aspect-ratio: 1/1;
  1802 + width: 16px;
  1803 + padding: 0;
  1804 + border: none;
  1805 + background: none;
  1806 + color: #9c9d9d;
  1807 +}
  1808 +@media (min-width: 768px) {
  1809 + .eye {
  1810 + width: 24px;
  1811 + right: 20px;
  1812 + }
  1813 +}
  1814 +.eye svg {
  1815 + position: absolute;
  1816 + top: 0;
  1817 + left: 0;
  1818 + width: 100%;
  1819 + height: 100%;
  1820 +}
  1821 +.eye svg + svg {
  1822 + display: none;
  1823 +}
  1824 +.eye.active {
  1825 + color: #377d87;
  1826 +}
  1827 +.eye.active svg {
  1828 + display: none;
  1829 +}
  1830 +.eye.active svg + svg {
  1831 + display: block;
  1832 +}
  1833 +
  1834 +.del {
  1835 + width: 32px;
  1836 + aspect-ratio: 1/1;
  1837 + background: #377d87;
  1838 + color: #ffffff;
  1839 + display: -webkit-box;
  1840 + display: -ms-flexbox;
  1841 + display: flex;
  1842 + -webkit-box-pack: center;
  1843 + -ms-flex-pack: center;
  1844 + justify-content: center;
  1845 + -webkit-box-align: center;
  1846 + -ms-flex-align: center;
  1847 + align-items: center;
  1848 + border-radius: 8px;
  1849 + padding: 0;
  1850 + border: 1px solid #377d87;
  1851 +}
  1852 +.del:hover {
  1853 + background: #ffffff;
  1854 + color: #377d87;
  1855 +}
  1856 +.del svg {
  1857 + width: 50%;
  1858 + aspect-ratio: 1/1;
  1859 +}
  1860 +
  1861 +.notify {
  1862 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  1863 + padding: 6px 12px;
  1864 + border-radius: 8px;
  1865 + display: -webkit-box;
  1866 + display: -ms-flexbox;
  1867 + display: flex;
  1868 + -webkit-box-align: start;
  1869 + -ms-flex-align: start;
  1870 + align-items: flex-start;
  1871 +}
  1872 +@media (min-width: 768px) {
  1873 + .notify {
  1874 + padding: 12px 20px;
  1875 + }
  1876 +}
  1877 +.notify svg {
  1878 + color: #4d88d9;
  1879 + width: 20px;
  1880 + aspect-ratio: 1/1;
  1881 +}
  1882 +.notify span {
  1883 + font-size: 12px;
  1884 + padding-left: 10px;
  1885 + min-height: 20px;
  1886 + display: -webkit-box;
  1887 + display: -ms-flexbox;
  1888 + display: flex;
  1889 + -webkit-box-align: center;
  1890 + -ms-flex-align: center;
  1891 + align-items: center;
  1892 +}
  1893 +@media (min-width: 768px) {
  1894 + .notify span {
  1895 + font-size: 16px;
  1896 + }
  1897 +}
  1898 +
  1899 +.table {
  1900 + margin: 0 -10px;
  1901 + display: -webkit-box;
  1902 + display: -ms-flexbox;
  1903 + display: flex;
  1904 + -webkit-box-orient: vertical;
  1905 + -webkit-box-direction: reverse;
  1906 + -ms-flex-direction: column-reverse;
  1907 + flex-direction: column-reverse;
  1908 + -webkit-box-align: center;
  1909 + -ms-flex-align: center;
  1910 + align-items: center;
  1911 + gap: 20px;
  1912 +}
  1913 +@media (min-width: 768px) {
  1914 + .table {
  1915 + margin: 0;
  1916 + gap: 30px;
  1917 + }
  1918 +}
  1919 +.table__button {
  1920 + display: none;
  1921 +}
  1922 +.table_spoiler .table__button {
  1923 + display: -webkit-box;
  1924 + display: -ms-flexbox;
  1925 + display: flex;
  1926 +}
  1927 +.table__scroll {
  1928 + overflow: hidden;
  1929 + overflow-x: auto;
  1930 + padding: 0 10px;
  1931 + width: 100%;
  1932 +}
  1933 +@media (min-width: 768px) {
  1934 + .table__scroll {
  1935 + padding: 0;
  1936 + }
  1937 +}
  1938 +.table__body {
  1939 + border-radius: 8px;
  1940 + overflow: hidden;
  1941 +}
  1942 +.table__body_min-width {
  1943 + min-width: 580px;
  1944 +}
  1945 +.table table {
  1946 + border-collapse: collapse;
  1947 + width: 100%;
  1948 + font-size: 12px;
  1949 + border-radius: 8px;
  1950 +}
  1951 +@media (min-width: 768px) {
  1952 + .table table {
  1953 + font-size: 14px;
  1954 + }
  1955 +}
  1956 +@media (min-width: 1280px) {
  1957 + .table table {
  1958 + font-size: 16px;
  1959 + }
  1960 +}
  1961 +.table thead tr th,
  1962 +.table thead tr td {
  1963 + background: #377d87;
  1964 + color: #ffffff;
  1965 + font-weight: 700;
  1966 + border-top-color: #377d87;
  1967 +}
  1968 +.table thead tr th:first-child,
  1969 +.table thead tr td:first-child {
  1970 + border-left-color: #377d87;
  1971 +}
  1972 +.table thead tr th:last-child,
  1973 +.table thead tr td:last-child {
  1974 + border-right-color: #377d87;
  1975 +}
  1976 +.table_spoiler tr {
  1977 + display: none;
  1978 +}
  1979 +.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) {
  1980 + display: table-row;
  1981 +}
  1982 +.table_spoiler.active tr {
  1983 + display: table-row;
  1984 +}
  1985 +.table th,
  1986 +.table td {
  1987 + text-align: left;
  1988 + padding: 10px;
  1989 + border: 1px solid #e7e7e7;
  1990 +}
  1991 +@media (min-width: 1280px) {
  1992 + .table th,
  1993 + .table td {
  1994 + padding: 14px 10px;
  1995 + min-width: 170px;
  1996 + }
  1997 +}
  1998 +.table__status {
  1999 + color: #9c9d9d;
  2000 + display: -webkit-box;
  2001 + display: -ms-flexbox;
  2002 + display: flex;
  2003 + -webkit-box-align: center;
  2004 + -ms-flex-align: center;
  2005 + align-items: center;
  2006 + gap: 6px;
  2007 + position: relative;
  2008 + padding-left: 14px;
  2009 +}
  2010 +.table__status i {
  2011 + background: #9c9d9d;
  2012 + width: 8px;
  2013 + aspect-ratio: 1/1;
  2014 + border-radius: 999px;
  2015 + position: absolute;
  2016 + top: 4px;
  2017 + left: 0;
  2018 +}
  2019 +.table__status.green {
  2020 + color: #377d87;
  2021 +}
  2022 +.table__status.green i {
  2023 + background: #377d87;
  2024 +}
  2025 +.table__controls {
  2026 + display: -webkit-box;
  2027 + display: -ms-flexbox;
  2028 + display: flex;
  2029 + -webkit-box-align: center;
  2030 + -ms-flex-align: center;
  2031 + align-items: center;
  2032 + gap: 8px;
  2033 +}
  2034 +@media (min-width: 1280px) {
  2035 + .table__controls {
  2036 + gap: 12px;
  2037 + }
  2038 +}
  2039 +.table__controls-item {
  2040 + width: 24px;
  2041 + aspect-ratio: 1/1;
  2042 + display: -webkit-box;
  2043 + display: -ms-flexbox;
  2044 + display: flex;
  2045 + -webkit-box-pack: center;
  2046 + -ms-flex-pack: center;
  2047 + justify-content: center;
  2048 + -webkit-box-align: center;
  2049 + -ms-flex-align: center;
  2050 + align-items: center;
  2051 + border: 1px solid #377d87;
  2052 + border-radius: 8px;
  2053 + color: #377d87;
  2054 + background: none;
  2055 + padding: 0;
  2056 +}
  2057 +@media (min-width: 1280px) {
  2058 + .table__controls-item {
  2059 + width: 30px;
  2060 + }
  2061 +}
  2062 +.table__controls-item:hover {
  2063 + background: #377d87;
  2064 + color: #ffffff;
  2065 +}
  2066 +.table__controls-item svg {
  2067 + width: 60%;
  2068 + aspect-ratio: 1/1;
  2069 +}
  2070 +.table__controls-item:nth-of-type(4) svg {
  2071 + width: 80%;
  2072 +}
  2073 +
  2074 +.messages {
  2075 + display: -webkit-box;
  2076 + display: -ms-flexbox;
  2077 + display: flex;
  2078 + -webkit-box-orient: vertical;
  2079 + -webkit-box-direction: reverse;
  2080 + -ms-flex-direction: column-reverse;
  2081 + flex-direction: column-reverse;
  2082 + -webkit-box-align: center;
  2083 + -ms-flex-align: center;
  2084 + align-items: center;
  2085 + gap: 20px;
  2086 +}
  2087 +.messages__body {
  2088 + display: -webkit-box;
  2089 + display: -ms-flexbox;
  2090 + display: flex;
  2091 + -webkit-box-orient: vertical;
  2092 + -webkit-box-direction: normal;
  2093 + -ms-flex-direction: column;
  2094 + flex-direction: column;
  2095 + gap: 10px;
  2096 + width: 100%;
  2097 +}
  2098 +@media (min-width: 768px) {
  2099 + .messages__body {
  2100 + gap: 20px;
  2101 + }
  2102 +}
  2103 +.messages__item {
  2104 + display: none;
  2105 + -webkit-box-align: center;
  2106 + -ms-flex-align: center;
  2107 + align-items: center;
  2108 + border-radius: 8px;
  2109 + border: 1px solid #e7e7e7;
  2110 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  2111 + padding: 10px;
  2112 + font-size: 12px;
  2113 +}
  2114 +@media (min-width: 768px) {
  2115 + .messages__item {
  2116 + padding: 20px;
  2117 + font-size: 16px;
  2118 + }
  2119 +}
  2120 +.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) {
  2121 + display: -webkit-box;
  2122 + display: -ms-flexbox;
  2123 + display: flex;
  2124 +}
  2125 +.messages__item-info {
  2126 + display: -webkit-box;
  2127 + display: -ms-flexbox;
  2128 + display: flex;
  2129 + -webkit-box-align: center;
  2130 + -ms-flex-align: center;
  2131 + align-items: center;
  2132 + width: calc(100% - 90px);
  2133 +}
  2134 +@media (min-width: 768px) {
  2135 + .messages__item-info {
  2136 + width: calc(100% - 150px);
  2137 + }
  2138 +}
  2139 +.messages__item-photo {
  2140 + position: relative;
  2141 + aspect-ratio: 1/1;
  2142 + overflow: hidden;
  2143 + background: #9c9d9d;
  2144 + color: #ffffff;
  2145 + width: 36px;
  2146 + border-radius: 6px;
  2147 + display: -webkit-box;
  2148 + display: -ms-flexbox;
  2149 + display: flex;
  2150 + -webkit-box-pack: center;
  2151 + -ms-flex-pack: center;
  2152 + justify-content: center;
  2153 + -webkit-box-align: center;
  2154 + -ms-flex-align: center;
  2155 + align-items: center;
  2156 +}
  2157 +@media (min-width: 768px) {
  2158 + .messages__item-photo {
  2159 + width: 52px;
  2160 + }
  2161 +}
  2162 +.messages__item-photo svg {
  2163 + width: 50%;
  2164 + position: relative;
  2165 + z-index: 1;
  2166 +}
  2167 +.messages__item-photo img {
  2168 + position: absolute;
  2169 + z-index: 2;
  2170 + top: 0;
  2171 + left: 0;
  2172 + width: 100%;
  2173 + height: 100%;
  2174 + -o-object-fit: cover;
  2175 + object-fit: cover;
  2176 +}
  2177 +.messages__item-text {
  2178 + width: calc(100% - 36px);
  2179 + padding-left: 6px;
  2180 + color: #3a3b3c;
  2181 + display: -webkit-box;
  2182 + display: -ms-flexbox;
  2183 + display: flex;
  2184 + -webkit-box-orient: vertical;
  2185 + -webkit-box-direction: normal;
  2186 + -ms-flex-direction: column;
  2187 + flex-direction: column;
  2188 + gap: 4px;
  2189 +}
  2190 +@media (min-width: 768px) {
  2191 + .messages__item-text {
  2192 + padding-left: 20px;
  2193 + width: calc(100% - 52px);
  2194 + gap: 8px;
  2195 + }
  2196 +}
  2197 +.messages__item-text span {
  2198 + color: #696b6b;
  2199 +}
  2200 +.messages__item-date {
  2201 + color: #696b6b;
  2202 + width: 90px;
  2203 + text-align: right;
  2204 +}
  2205 +@media (min-width: 768px) {
  2206 + .messages__item-date {
  2207 + width: 150px;
  2208 + }
  2209 +}
  2210 +.messages.active .messages__item {
  2211 + display: -webkit-box;
  2212 + display: -ms-flexbox;
  2213 + display: flex;
  2214 +}
  2215 +
  2216 +.header {
  2217 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  2218 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  2219 + background: #ffffff;
  2220 + position: relative;
  2221 + z-index: 5;
  2222 + overflow: hidden;
  2223 +}
  2224 +@media (min-width: 768px) {
  2225 + .header {
  2226 + -webkit-box-shadow: none;
  2227 + box-shadow: none;
  2228 + }
  2229 +}
  2230 +.header__body {
  2231 + height: 42px;
  2232 + display: -webkit-box;
  2233 + display: -ms-flexbox;
  2234 + display: flex;
  2235 + -webkit-box-pack: justify;
  2236 + -ms-flex-pack: justify;
  2237 + justify-content: space-between;
  2238 + -webkit-box-align: center;
  2239 + -ms-flex-align: center;
  2240 + align-items: center;
  2241 +}
  2242 +@media (min-width: 768px) {
  2243 + .header__body {
  2244 + height: 70px;
  2245 + }
  2246 +}
  2247 +.header__left {
  2248 + display: -webkit-box;
  2249 + display: -ms-flexbox;
  2250 + display: flex;
  2251 + -webkit-box-align: center;
  2252 + -ms-flex-align: center;
  2253 + align-items: center;
  2254 + gap: 40px;
  2255 +}
  2256 +.header__right {
  2257 + display: -webkit-box;
  2258 + display: -ms-flexbox;
  2259 + display: flex;
  2260 + -webkit-box-align: center;
  2261 + -ms-flex-align: center;
  2262 + align-items: center;
  2263 + gap: 14px;
  2264 +}
  2265 +@media (min-width: 768px) {
  2266 + .header__right {
  2267 + gap: 20px;
  2268 + }
  2269 +}
  2270 +.header__right-line {
  2271 + width: 1px;
  2272 + height: 32px;
  2273 + background: #e6e7e7;
  2274 + border-radius: 999px;
  2275 +}
  2276 +@media (min-width: 992px) {
  2277 + .header__right-line {
  2278 + display: none;
  2279 + }
  2280 +}
  2281 +.header__logo {
  2282 + display: -webkit-box;
  2283 + display: -ms-flexbox;
  2284 + display: flex;
  2285 + -webkit-box-align: center;
  2286 + -ms-flex-align: center;
  2287 + align-items: center;
  2288 + -webkit-box-pack: center;
  2289 + -ms-flex-pack: center;
  2290 + justify-content: center;
  2291 + color: #377d87;
  2292 +}
  2293 +.header__logo svg {
  2294 + width: 105px;
  2295 + height: 31px;
  2296 +}
  2297 +@media (min-width: 768px) {
  2298 + .header__logo svg {
  2299 + width: 182px;
  2300 + height: 54px;
  2301 + }
  2302 +}
  2303 +.header__menu {
  2304 + display: none;
  2305 + -webkit-box-align: center;
  2306 + -ms-flex-align: center;
  2307 + align-items: center;
  2308 + gap: 20px;
  2309 +}
  2310 +@media (min-width: 768px) {
  2311 + .header__menu {
  2312 + display: -webkit-box;
  2313 + display: -ms-flexbox;
  2314 + display: flex;
  2315 + }
  2316 +}
  2317 +.header__menu-item:hover {
  2318 + color: #377d87;
  2319 +}
  2320 +.header__notifs {
  2321 + display: -webkit-box;
  2322 + display: -ms-flexbox;
  2323 + display: flex;
  2324 + -webkit-box-align: center;
  2325 + -ms-flex-align: center;
  2326 + align-items: center;
  2327 + -webkit-box-pack: center;
  2328 + -ms-flex-pack: center;
  2329 + justify-content: center;
  2330 + color: #377d87;
  2331 + padding: 0;
  2332 + border: none;
  2333 + background: none;
  2334 + width: 24px;
  2335 + height: 24px;
  2336 +}
  2337 +@media (min-width: 992px) {
  2338 + .header__notifs {
  2339 + width: auto;
  2340 + height: auto;
  2341 + color: #3a3b3c;
  2342 + line-height: 1.4;
  2343 + }
  2344 +}
  2345 +@media (min-width: 992px) {
  2346 + .header__notifs:hover {
  2347 + color: #377d87;
  2348 + }
  2349 +}
  2350 +.header__notifs svg {
  2351 + width: 20px;
  2352 + height: 20px;
  2353 +}
  2354 +@media (min-width: 992px) {
  2355 + .header__notifs svg {
  2356 + display: none;
  2357 + }
  2358 +}
  2359 +.header__notifs span {
  2360 + display: none;
  2361 +}
  2362 +@media (min-width: 992px) {
  2363 + .header__notifs span {
  2364 + display: inline;
  2365 + }
  2366 +}
  2367 +.header__notifs_actived {
  2368 + position: relative;
  2369 +}
  2370 +@media (min-width: 992px) {
  2371 + .header__notifs_actived {
  2372 + padding-right: 12px;
  2373 + }
  2374 +}
  2375 +.header__notifs_actived:after {
  2376 + content: "";
  2377 + border: 1px solid #ffffff;
  2378 + background: #377d87;
  2379 + border-radius: 999px;
  2380 + width: 10px;
  2381 + height: 10px;
  2382 + position: absolute;
  2383 + z-index: 1;
  2384 + top: 0;
  2385 + right: 0;
  2386 +}
  2387 +@media (min-width: 992px) {
  2388 + .header__notifs_actived:after {
  2389 + width: 8px;
  2390 + height: 8px;
  2391 + border: none;
  2392 + }
  2393 +}
  2394 +.header__burger {
  2395 + display: -webkit-box;
  2396 + display: -ms-flexbox;
  2397 + display: flex;
  2398 + -webkit-box-align: center;
  2399 + -ms-flex-align: center;
  2400 + align-items: center;
  2401 + -webkit-box-pack: center;
  2402 + -ms-flex-pack: center;
  2403 + justify-content: center;
  2404 + width: 24px;
  2405 + height: 24px;
  2406 + color: #377d87;
  2407 + padding: 0;
  2408 + border: none;
  2409 + background: none;
  2410 +}
  2411 +@media (min-width: 992px) {
  2412 + .header__burger {
  2413 + display: none;
  2414 + }
  2415 +}
  2416 +.header__burger svg {
  2417 + width: 20px;
  2418 + height: 20px;
  2419 +}
  2420 +.header__burger svg + svg {
  2421 + display: none;
  2422 +}
  2423 +.header__sign {
  2424 + display: none;
  2425 +}
  2426 +@media (min-width: 992px) {
  2427 + .header__sign {
  2428 + display: -webkit-box;
  2429 + display: -ms-flexbox;
  2430 + display: flex;
  2431 + }
  2432 +}
  2433 +
  2434 +.mob-menu {
  2435 + display: none;
  2436 + position: fixed;
  2437 + bottom: 0;
  2438 + left: 0;
  2439 + width: 100vw;
  2440 + height: calc(100vh - 42px);
  2441 + z-index: 4;
  2442 + background: #ffffff;
  2443 + overflow: hidden;
  2444 + overflow-y: auto;
  2445 + padding: 50px 0;
  2446 +}
  2447 +.mob-menu__bottom {
  2448 + display: -webkit-box;
  2449 + display: -ms-flexbox;
  2450 + display: flex;
  2451 + -webkit-box-orient: vertical;
  2452 + -webkit-box-direction: normal;
  2453 + -ms-flex-direction: column;
  2454 + flex-direction: column;
  2455 + -webkit-box-align: center;
  2456 + -ms-flex-align: center;
  2457 + align-items: center;
  2458 + margin-top: 80px;
  2459 +}
  2460 +.mob-menu__bottom .button {
  2461 + min-width: 120px;
  2462 +}
  2463 +.mob-menu__bottom-link {
  2464 + text-decoration: underline;
  2465 + margin-top: 50px;
  2466 +}
  2467 +.mob-menu__bottom-link:hover {
  2468 + color: #377d87;
  2469 +}
  2470 +.mob-menu__bottom-link + .mob-menu__bottom-link {
  2471 + margin-top: 10px;
  2472 +}
  2473 +.mob-menu__bottom .socials {
  2474 + margin-top: 35px;
  2475 +}
  2476 +.mob-menu .footer__mobile-menu {
  2477 + opacity: 1;
  2478 + height: auto;
  2479 + overflow: visible;
  2480 +}
  2481 +.mob-menu .footer__mobile-menu-item button {
  2482 + -webkit-box-align: center;
  2483 + -ms-flex-align: center;
  2484 + align-items: center;
  2485 +}
  2486 +.mob-menu .footer__mobile-menu-item div {
  2487 + font-size: 20px;
  2488 +}
  2489 +.mob-menu .footer__mobile-contacts a {
  2490 + font-size: 20px;
  2491 + font-weight: 700;
  2492 + color: #3a3b3c;
  2493 + text-decoration: none;
  2494 +}
  2495 +.mob-menu .footer__mobile-contacts a:hover {
  2496 + color: #377d87;
  2497 +}
  2498 +.mob-menu .footer__mobile-menu-item button b,
  2499 +.mob-menu .footer__mobile-contacts a {
  2500 + font-size: 30px;
  2501 +}
  2502 +
  2503 +.menu-is-actived {
  2504 + overflow: hidden;
  2505 +}
  2506 +@media (min-width: 992px) {
  2507 + .menu-is-actived {
  2508 + overflow: auto;
  2509 + }
  2510 +}
  2511 +.menu-is-actived .header__burger svg {
  2512 + display: none;
  2513 +}
  2514 +.menu-is-actived .header__burger svg + svg {
  2515 + display: block;
  2516 +}
  2517 +.menu-is-actived .mob-menu {
  2518 + display: block;
  2519 +}
  2520 +@media (min-width: 992px) {
  2521 + .menu-is-actived .mob-menu {
  2522 + display: none;
  2523 + }
  2524 +}
  2525 +
  2526 +.footer {
  2527 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  2528 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  2529 + background: #ffffff;
  2530 + position: relative;
  2531 + z-index: 1;
  2532 + overflow: hidden;
  2533 +}
  2534 +.footer__mobile {
  2535 + display: -webkit-box;
  2536 + display: -ms-flexbox;
  2537 + display: flex;
  2538 + -webkit-box-orient: vertical;
  2539 + -webkit-box-direction: normal;
  2540 + -ms-flex-direction: column;
  2541 + flex-direction: column;
  2542 + padding: 25px 0 30px 0;
  2543 +}
  2544 +@media (min-width: 768px) {
  2545 + .footer__mobile {
  2546 + padding: 30px 0;
  2547 + }
  2548 +}
  2549 +@media (min-width: 992px) {
  2550 + .footer__mobile {
  2551 + display: none;
  2552 + }
  2553 +}
  2554 +.footer__mobile-toper {
  2555 + display: -webkit-box;
  2556 + display: -ms-flexbox;
  2557 + display: flex;
  2558 + -webkit-box-pack: justify;
  2559 + -ms-flex-pack: justify;
  2560 + justify-content: space-between;
  2561 + -webkit-box-align: center;
  2562 + -ms-flex-align: center;
  2563 + align-items: center;
  2564 + padding: 0;
  2565 + border: none;
  2566 + background: none;
  2567 +}
  2568 +.footer__mobile-toper a, .footer__mobile-toper b {
  2569 + display: -webkit-box;
  2570 + display: -ms-flexbox;
  2571 + display: flex;
  2572 + -webkit-box-pack: center;
  2573 + -ms-flex-pack: center;
  2574 + justify-content: center;
  2575 + -webkit-box-align: center;
  2576 + -ms-flex-align: center;
  2577 + align-items: center;
  2578 + color: #377d87;
  2579 +}
  2580 +.footer__mobile-toper a svg, .footer__mobile-toper b svg {
  2581 + width: 137px;
  2582 + height: 40px;
  2583 +}
  2584 +.footer__mobile-toper span {
  2585 + width: 40px;
  2586 + height: 40px;
  2587 + display: -webkit-box;
  2588 + display: -ms-flexbox;
  2589 + display: flex;
  2590 + -webkit-box-pack: center;
  2591 + -ms-flex-pack: center;
  2592 + justify-content: center;
  2593 + -webkit-box-align: center;
  2594 + -ms-flex-align: center;
  2595 + align-items: center;
  2596 + background: #377d87;
  2597 + color: #ffffff;
  2598 + border-radius: 999px;
  2599 +}
  2600 +.footer__mobile-toper span svg {
  2601 + width: 10px;
  2602 + height: 10px;
  2603 + -webkit-transition: 0.3s;
  2604 + transition: 0.3s;
  2605 +}
  2606 +.footer__mobile-toper.active span svg {
  2607 + -webkit-transform: rotate(180deg);
  2608 + -ms-transform: rotate(180deg);
  2609 + transform: rotate(180deg);
  2610 +}
  2611 +.footer__mobile-menu {
  2612 + height: 0;
  2613 + opacity: 0;
  2614 + overflow: hidden;
  2615 + -webkit-transition: 0.3s;
  2616 + transition: 0.3s;
  2617 + display: -webkit-box;
  2618 + display: -ms-flexbox;
  2619 + display: flex;
  2620 + -webkit-box-orient: vertical;
  2621 + -webkit-box-direction: normal;
  2622 + -ms-flex-direction: column;
  2623 + flex-direction: column;
  2624 + gap: 30px;
  2625 +}
  2626 +@media (min-width: 768px) {
  2627 + .footer__mobile-menu {
  2628 + display: grid;
  2629 + grid-template-columns: 1fr 1fr;
  2630 + gap: 100px;
  2631 + }
  2632 +}
  2633 +.footer__mobile-menu-item {
  2634 + display: -webkit-box;
  2635 + display: -ms-flexbox;
  2636 + display: flex;
  2637 + -webkit-box-orient: vertical;
  2638 + -webkit-box-direction: normal;
  2639 + -ms-flex-direction: column;
  2640 + flex-direction: column;
  2641 +}
  2642 +.footer__mobile-menu-item button {
  2643 + display: -webkit-box;
  2644 + display: -ms-flexbox;
  2645 + display: flex;
  2646 + -webkit-box-align: start;
  2647 + -ms-flex-align: start;
  2648 + align-items: flex-start;
  2649 + padding: 0;
  2650 + border: none;
  2651 + background: none;
  2652 +}
  2653 +.footer__mobile-menu-item button.active {
  2654 + color: #377d87;
  2655 +}
  2656 +.footer__mobile-menu-item button b {
  2657 + width: calc(100% - 24px);
  2658 + padding-right: 12px;
  2659 + min-height: 24px;
  2660 + display: -webkit-box;
  2661 + display: -ms-flexbox;
  2662 + display: flex;
  2663 + -webkit-box-align: center;
  2664 + -ms-flex-align: center;
  2665 + align-items: center;
  2666 + font-size: 20px;
  2667 + font-weight: 700;
  2668 +}
  2669 +.footer__mobile-menu-item button span {
  2670 + width: 24px;
  2671 + height: 24px;
  2672 + display: -webkit-box;
  2673 + display: -ms-flexbox;
  2674 + display: flex;
  2675 + -webkit-box-pack: center;
  2676 + -ms-flex-pack: center;
  2677 + justify-content: center;
  2678 + -webkit-box-align: center;
  2679 + -ms-flex-align: center;
  2680 + align-items: center;
  2681 + padding: 0;
  2682 + border: none;
  2683 + background: none;
  2684 +}
  2685 +.footer__mobile-menu-item button svg {
  2686 + width: 12px;
  2687 + height: 12px;
  2688 + -webkit-transition: 0.3s;
  2689 + transition: 0.3s;
  2690 + -webkit-transform: rotate(180deg);
  2691 + -ms-transform: rotate(180deg);
  2692 + transform: rotate(180deg);
  2693 +}
  2694 +.footer__mobile-menu-item button.active svg {
  2695 + -webkit-transform: rotate(0deg);
  2696 + -ms-transform: rotate(0deg);
  2697 + transform: rotate(0deg);
  2698 +}
  2699 +.footer__mobile-menu-item div {
  2700 + height: 0;
  2701 + opacity: 0;
  2702 + overflow: hidden;
  2703 + -webkit-transition: 0.3s;
  2704 + transition: 0.3s;
  2705 + display: -webkit-box;
  2706 + display: -ms-flexbox;
  2707 + display: flex;
  2708 + -webkit-box-orient: vertical;
  2709 + -webkit-box-direction: normal;
  2710 + -ms-flex-direction: column;
  2711 + flex-direction: column;
  2712 + gap: 15px;
  2713 +}
  2714 +.footer__mobile-menu-item div a:hover {
  2715 + color: #377d87;
  2716 +}
  2717 +.footer__mobile-menu-item .active + div {
  2718 + opacity: 1;
  2719 + height: auto;
  2720 + overflow: visible;
  2721 + padding-top: 15px;
  2722 +}
  2723 +.active + .footer__mobile-menu {
  2724 + opacity: 1;
  2725 + height: auto;
  2726 + overflow: visible;
  2727 + padding-top: 35px;
  2728 +}
  2729 +.footer__mobile-contacts {
  2730 + display: -webkit-box;
  2731 + display: -ms-flexbox;
  2732 + display: flex;
  2733 + -webkit-box-pack: justify;
  2734 + -ms-flex-pack: justify;
  2735 + justify-content: space-between;
  2736 + -webkit-box-align: start;
  2737 + -ms-flex-align: start;
  2738 + align-items: flex-start;
  2739 + -ms-flex-wrap: wrap;
  2740 + flex-wrap: wrap;
  2741 + margin-top: 30px;
  2742 +}
  2743 +.footer__mobile-contacts b {
  2744 + font-size: 20px;
  2745 + font-weight: 700;
  2746 + width: 100%;
  2747 + margin-bottom: 20px;
  2748 +}
  2749 +.footer__mobile-contacts a {
  2750 + color: #377d87;
  2751 + text-decoration: underline;
  2752 +}
  2753 +.footer__mobile-contacts a + a {
  2754 + color: #3a3b3c;
  2755 +}
  2756 +.footer__mobile-bottom {
  2757 + display: -webkit-box;
  2758 + display: -ms-flexbox;
  2759 + display: flex;
  2760 + -webkit-box-orient: vertical;
  2761 + -webkit-box-direction: normal;
  2762 + -ms-flex-direction: column;
  2763 + flex-direction: column;
  2764 + -webkit-box-align: center;
  2765 + -ms-flex-align: center;
  2766 + align-items: center;
  2767 + text-align: center;
  2768 + gap: 20px;
  2769 + margin-top: 100px;
  2770 +}
  2771 +.footer__mobile-links {
  2772 + display: -webkit-box;
  2773 + display: -ms-flexbox;
  2774 + display: flex;
  2775 + -webkit-box-orient: vertical;
  2776 + -webkit-box-direction: normal;
  2777 + -ms-flex-direction: column;
  2778 + flex-direction: column;
  2779 + -webkit-box-align: center;
  2780 + -ms-flex-align: center;
  2781 + align-items: center;
  2782 + gap: 10px;
  2783 +}
  2784 +.footer__mobile-links a:hover {
  2785 + color: #377d87;
  2786 +}
  2787 +.footer__mobile-links span {
  2788 + width: 60px;
  2789 + height: 1px;
  2790 + background: #377d87;
  2791 +}
  2792 +.footer__main {
  2793 + display: none;
  2794 + padding: 55px 0 20px 0;
  2795 + -webkit-box-orient: vertical;
  2796 + -webkit-box-direction: normal;
  2797 + -ms-flex-direction: column;
  2798 + flex-direction: column;
  2799 + gap: 70px;
  2800 +}
  2801 +@media (min-width: 992px) {
  2802 + .footer__main {
  2803 + display: -webkit-box;
  2804 + display: -ms-flexbox;
  2805 + display: flex;
  2806 + }
  2807 +}
  2808 +.footer__main-body {
  2809 + display: -webkit-box;
  2810 + display: -ms-flexbox;
  2811 + display: flex;
  2812 + -webkit-box-pack: justify;
  2813 + -ms-flex-pack: justify;
  2814 + justify-content: space-between;
  2815 + -webkit-box-align: start;
  2816 + -ms-flex-align: start;
  2817 + align-items: flex-start;
  2818 +}
  2819 +.footer__main-logo {
  2820 + display: -webkit-box;
  2821 + display: -ms-flexbox;
  2822 + display: flex;
  2823 + -webkit-box-pack: center;
  2824 + -ms-flex-pack: center;
  2825 + justify-content: center;
  2826 + -webkit-box-align: center;
  2827 + -ms-flex-align: center;
  2828 + align-items: center;
  2829 + color: #377d87;
  2830 +}
  2831 +.footer__main-logo svg {
  2832 + width: 182px;
  2833 + height: 54px;
  2834 +}
  2835 +.footer__main-title {
  2836 + font-size: 20px;
  2837 + font-weight: 700;
  2838 + margin-bottom: 16px;
  2839 +}
  2840 +.footer__main-col {
  2841 + display: -webkit-box;
  2842 + display: -ms-flexbox;
  2843 + display: flex;
  2844 + -webkit-box-orient: vertical;
  2845 + -webkit-box-direction: normal;
  2846 + -ms-flex-direction: column;
  2847 + flex-direction: column;
  2848 + -webkit-box-align: start;
  2849 + -ms-flex-align: start;
  2850 + align-items: flex-start;
  2851 +}
  2852 +.footer__main-col nav {
  2853 + display: -webkit-box;
  2854 + display: -ms-flexbox;
  2855 + display: flex;
  2856 + -webkit-box-orient: vertical;
  2857 + -webkit-box-direction: normal;
  2858 + -ms-flex-direction: column;
  2859 + flex-direction: column;
  2860 + -webkit-box-align: start;
  2861 + -ms-flex-align: start;
  2862 + align-items: flex-start;
  2863 + gap: 8px;
  2864 +}
  2865 +.footer__main-col nav a:hover {
  2866 + color: #377d87;
  2867 +}
  2868 +.footer__main-contacts {
  2869 + display: -webkit-box;
  2870 + display: -ms-flexbox;
  2871 + display: flex;
  2872 + -webkit-box-orient: vertical;
  2873 + -webkit-box-direction: normal;
  2874 + -ms-flex-direction: column;
  2875 + flex-direction: column;
  2876 + -webkit-box-align: start;
  2877 + -ms-flex-align: start;
  2878 + align-items: flex-start;
  2879 + gap: 16px;
  2880 + margin-bottom: 16px;
  2881 +}
  2882 +.footer__main-contacts a {
  2883 + color: #377d87;
  2884 + text-decoration: underline;
  2885 +}
  2886 +.footer__main-contacts a + a {
  2887 + color: #3a3b3c;
  2888 +}
  2889 +.footer__main-copy {
  2890 + display: -webkit-box;
  2891 + display: -ms-flexbox;
  2892 + display: flex;
  2893 + -webkit-box-pack: justify;
  2894 + -ms-flex-pack: justify;
  2895 + justify-content: space-between;
  2896 + -webkit-box-align: center;
  2897 + -ms-flex-align: center;
  2898 + align-items: center;
  2899 + font-size: 14px;
  2900 + line-height: 1.4;
  2901 +}
  2902 +.footer__main-copy nav {
  2903 + display: -webkit-box;
  2904 + display: -ms-flexbox;
  2905 + display: flex;
  2906 + -webkit-box-align: center;
  2907 + -ms-flex-align: center;
  2908 + align-items: center;
  2909 + gap: 10px;
  2910 +}
  2911 +.footer__main-copy nav a:hover {
  2912 + color: #377d87;
  2913 +}
  2914 +.footer__main-copy nav span {
  2915 + width: 1px;
  2916 + height: 20px;
  2917 + background: #6b6c6d;
  2918 +}
  2919 +
  2920 +.main {
  2921 + position: relative;
  2922 + overflow: hidden;
  2923 + padding: 30px 0;
  2924 +}
  2925 +@media (min-width: 768px) {
  2926 + .main {
  2927 + padding: 40px 0;
  2928 + }
  2929 +}
  2930 +@media (min-width: 992px) {
  2931 + .main {
  2932 + padding: 50px 0;
  2933 + }
  2934 +}
  2935 +@media (min-width: 1280px) {
  2936 + .main {
  2937 + padding: 60px 0;
  2938 + }
  2939 +}
  2940 +.main h2 {
  2941 + margin: 0;
  2942 + font-weight: 700;
  2943 + font-size: 30px;
  2944 +}
  2945 +@media (min-width: 768px) {
  2946 + .main h2 {
  2947 + font-size: 44px;
  2948 + }
  2949 +}
  2950 +.main h3 {
  2951 + margin: 0;
  2952 + font-weight: 700;
  2953 + font-size: 22px;
  2954 +}
  2955 +@media (min-width: 768px) {
  2956 + .main h3 {
  2957 + font-size: 28px;
  2958 + }
  2959 +}
  2960 +.main p {
  2961 + margin: 0;
  2962 + font-size: 14px;
  2963 + line-height: 1.4;
  2964 +}
  2965 +@media (min-width: 768px) {
  2966 + .main p {
  2967 + font-size: 18px;
  2968 + }
  2969 +}
  2970 +.main p a {
  2971 + color: #4d88d9;
  2972 +}
  2973 +.main p a:hover {
  2974 + color: #377d87;
  2975 +}
  2976 +.main__breadcrumbs {
  2977 + margin-bottom: 20px;
  2978 +}
  2979 +@media (min-width: 768px) {
  2980 + .main__breadcrumbs {
  2981 + margin-bottom: 40px;
  2982 + }
  2983 +}
  2984 +.main__content {
  2985 + display: -webkit-box;
  2986 + display: -ms-flexbox;
  2987 + display: flex;
  2988 + -webkit-box-orient: vertical;
  2989 + -webkit-box-direction: normal;
  2990 + -ms-flex-direction: column;
  2991 + flex-direction: column;
  2992 + gap: 20px;
  2993 + font-size: 14px;
  2994 +}
  2995 +@media (min-width: 992px) {
  2996 + .main__content {
  2997 + font-size: 18px;
  2998 + gap: 32px;
  2999 + }
  3000 +}
  3001 +.main__content-item {
  3002 + display: -webkit-box;
  3003 + display: -ms-flexbox;
  3004 + display: flex;
  3005 + -webkit-box-orient: vertical;
  3006 + -webkit-box-direction: normal;
  3007 + -ms-flex-direction: column;
  3008 + flex-direction: column;
  3009 + gap: 16px;
  3010 +}
  3011 +.main__content h1,
  3012 +.main__content h2,
  3013 +.main__content h3,
  3014 +.main__content h4,
  3015 +.main__content h5,
  3016 +.main__content h6 {
  3017 + color: #696b6b;
  3018 +}
  3019 +.main__content ul,
  3020 +.main__content ol {
  3021 + padding: 0;
  3022 + margin: 0;
  3023 + padding-left: 20px;
  3024 + display: -webkit-box;
  3025 + display: -ms-flexbox;
  3026 + display: flex;
  3027 + -webkit-box-orient: vertical;
  3028 + -webkit-box-direction: normal;
  3029 + -ms-flex-direction: column;
  3030 + flex-direction: column;
  3031 + gap: 8px;
  3032 +}
  3033 +@media (min-width: 992px) {
  3034 + .main__content ul,
  3035 + .main__content ol {
  3036 + gap: 16px;
  3037 + padding-left: 30px;
  3038 + }
  3039 +}
  3040 +.main__content li ul,
  3041 +.main__content li ol {
  3042 + margin-top: 8px;
  3043 +}
  3044 +@media (min-width: 992px) {
  3045 + .main__content li ul,
  3046 + .main__content li ol {
  3047 + margin-top: 16px;
  3048 + }
  3049 +}
  3050 +.main__content li ul li,
  3051 +.main__content li ol li {
  3052 + list-style-type: disc;
  3053 +}
  3054 +.main__gallery {
  3055 + display: -webkit-box;
  3056 + display: -ms-flexbox;
  3057 + display: flex;
  3058 + -webkit-box-orient: vertical;
  3059 + -webkit-box-direction: normal;
  3060 + -ms-flex-direction: column;
  3061 + flex-direction: column;
  3062 + gap: 20px;
  3063 +}
  3064 +@media (min-width: 768px) {
  3065 + .main__gallery {
  3066 + display: grid;
  3067 + grid-template-columns: repeat(2, 1fr);
  3068 + }
  3069 +}
  3070 +@media (min-width: 992px) {
  3071 + .main__gallery {
  3072 + grid-template-columns: repeat(3, 1fr);
  3073 + }
  3074 +}
  3075 +.main__gallery-item {
  3076 + width: 100%;
  3077 + aspect-ratio: 400/224;
  3078 + border-radius: 30px;
  3079 + position: relative;
  3080 + overflow: hidden;
  3081 +}
  3082 +.main__gallery-item:hover {
  3083 + -webkit-filter: brightness(1.1);
  3084 + filter: brightness(1.1);
  3085 +}
  3086 +.main__gallery-item img {
  3087 + position: absolute;
  3088 + top: 0;
  3089 + left: 0;
  3090 + width: 100%;
  3091 + height: 100%;
  3092 + -o-object-fit: cover;
  3093 + object-fit: cover;
  3094 +}
  3095 +.main__employers {
  3096 + display: -webkit-box;
  3097 + display: -ms-flexbox;
  3098 + display: flex;
  3099 + -webkit-box-orient: vertical;
  3100 + -webkit-box-direction: normal;
  3101 + -ms-flex-direction: column;
  3102 + flex-direction: column;
  3103 + gap: 10px;
  3104 +}
  3105 +@media (min-width: 768px) {
  3106 + .main__employers {
  3107 + gap: 30px;
  3108 + }
  3109 +}
  3110 +.main__employers-body {
  3111 + display: none;
  3112 + -webkit-box-orient: vertical;
  3113 + -webkit-box-direction: normal;
  3114 + -ms-flex-direction: column;
  3115 + flex-direction: column;
  3116 + gap: 20px;
  3117 +}
  3118 +@media (min-width: 992px) {
  3119 + .main__employers-body {
  3120 + gap: 30px;
  3121 + }
  3122 +}
  3123 +.main__employers-body.showed {
  3124 + display: -webkit-box;
  3125 + display: -ms-flexbox;
  3126 + display: flex;
  3127 +}
  3128 +.main__employers-item {
  3129 + display: -webkit-box;
  3130 + display: -ms-flexbox;
  3131 + display: flex;
  3132 + -webkit-box-orient: vertical;
  3133 + -webkit-box-direction: normal;
  3134 + -ms-flex-direction: column;
  3135 + flex-direction: column;
  3136 + border: 1px solid #e7e7e7;
  3137 + border-radius: 8px;
  3138 + position: relative;
  3139 + overflow: hidden;
  3140 + padding: 10px;
  3141 + padding-top: 50px;
  3142 + padding-bottom: 30px;
  3143 +}
  3144 +@media (min-width: 768px) {
  3145 + .main__employers-item {
  3146 + -webkit-box-orient: horizontal;
  3147 + -webkit-box-direction: normal;
  3148 + -ms-flex-direction: row;
  3149 + flex-direction: row;
  3150 + -webkit-box-align: center;
  3151 + -ms-flex-align: center;
  3152 + align-items: center;
  3153 + -webkit-box-pack: justify;
  3154 + -ms-flex-pack: justify;
  3155 + justify-content: space-between;
  3156 + padding: 55px 20px;
  3157 + }
  3158 +}
  3159 +.main__employers-item-inner {
  3160 + display: -webkit-box;
  3161 + display: -ms-flexbox;
  3162 + display: flex;
  3163 + -webkit-box-orient: vertical;
  3164 + -webkit-box-direction: normal;
  3165 + -ms-flex-direction: column;
  3166 + flex-direction: column;
  3167 +}
  3168 +@media (min-width: 768px) {
  3169 + .main__employers-item-inner {
  3170 + width: calc(100% - 200px);
  3171 + padding-right: 40px;
  3172 + }
  3173 +}
  3174 +@media (min-width: 992px) {
  3175 + .main__employers-item-inner {
  3176 + -webkit-box-orient: horizontal;
  3177 + -webkit-box-direction: normal;
  3178 + -ms-flex-direction: row;
  3179 + flex-direction: row;
  3180 + -webkit-box-align: center;
  3181 + -ms-flex-align: center;
  3182 + align-items: center;
  3183 + }
  3184 +}
  3185 +.main__employers-item-pic {
  3186 + height: 30px;
  3187 + position: absolute;
  3188 + top: 10px;
  3189 + left: 10px;
  3190 +}
  3191 +@media (min-width: 768px) {
  3192 + .main__employers-item-pic {
  3193 + position: static;
  3194 + width: 150px;
  3195 + height: auto;
  3196 + max-height: 150px;
  3197 + -o-object-fit: contain;
  3198 + object-fit: contain;
  3199 + }
  3200 +}
  3201 +.main__employers-item-body {
  3202 + font-size: 12px;
  3203 + display: -webkit-box;
  3204 + display: -ms-flexbox;
  3205 + display: flex;
  3206 + -webkit-box-orient: vertical;
  3207 + -webkit-box-direction: normal;
  3208 + -ms-flex-direction: column;
  3209 + flex-direction: column;
  3210 + gap: 10px;
  3211 +}
  3212 +@media (min-width: 768px) {
  3213 + .main__employers-item-body {
  3214 + font-size: 16px;
  3215 + padding-top: 20px;
  3216 + }
  3217 +}
  3218 +@media (min-width: 992px) {
  3219 + .main__employers-item-body {
  3220 + width: calc(100% - 150px);
  3221 + padding: 0;
  3222 + padding-left: 40px;
  3223 + }
  3224 +}
  3225 +.main__employers-item-body b {
  3226 + font-weight: 700;
  3227 +}
  3228 +@media (min-width: 768px) {
  3229 + .main__employers-item-body b {
  3230 + font-size: 20px;
  3231 + }
  3232 +}
  3233 +.main__employers-item-body i {
  3234 + font-style: normal;
  3235 + color: #696b6b;
  3236 +}
  3237 +.main__employers-item-more {
  3238 + position: absolute;
  3239 + top: 10px;
  3240 + right: 10px;
  3241 +}
  3242 +@media (min-width: 768px) {
  3243 + .main__employers-item-more {
  3244 + width: 200px;
  3245 + padding: 0;
  3246 + position: static;
  3247 + }
  3248 +}
  3249 +.main__employers-item-label {
  3250 + background: #4d88d9;
  3251 + color: #ffffff;
  3252 + border-radius: 6px;
  3253 + width: 100%;
  3254 + height: 20px;
  3255 + display: -webkit-box;
  3256 + display: -ms-flexbox;
  3257 + display: flex;
  3258 + -webkit-box-align: center;
  3259 + -ms-flex-align: center;
  3260 + align-items: center;
  3261 + padding: 0 12px;
  3262 + position: absolute;
  3263 + bottom: 0;
  3264 + left: 0;
  3265 + font-size: 12px;
  3266 + line-height: 1;
  3267 +}
  3268 +@media (min-width: 768px) {
  3269 + .main__employers-item-label {
  3270 + max-width: 350px;
  3271 + height: 30px;
  3272 + font-size: 15px;
  3273 + }
  3274 +}
  3275 +.main__employers-item-label svg {
  3276 + width: 8px;
  3277 + height: 8px;
  3278 +}
  3279 +@media (min-width: 768px) {
  3280 + .main__employers-item-label svg {
  3281 + width: 12px;
  3282 + height: 12px;
  3283 + }
  3284 +}
  3285 +.main__employers-item-label span {
  3286 + overflow: hidden;
  3287 + display: -webkit-box;
  3288 + -webkit-box-orient: vertical;
  3289 + -webkit-line-clamp: 1;
  3290 + width: calc(100% - 8px);
  3291 + padding-left: 6px;
  3292 +}
  3293 +.main__employers-one {
  3294 + display: -webkit-box;
  3295 + display: -ms-flexbox;
  3296 + display: flex;
  3297 + -webkit-box-orient: vertical;
  3298 + -webkit-box-direction: normal;
  3299 + -ms-flex-direction: column;
  3300 + flex-direction: column;
  3301 + gap: 20px;
  3302 +}
  3303 +.main__employers-two {
  3304 + display: -webkit-box;
  3305 + display: -ms-flexbox;
  3306 + display: flex;
  3307 + -webkit-box-orient: vertical;
  3308 + -webkit-box-direction: normal;
  3309 + -ms-flex-direction: column;
  3310 + flex-direction: column;
  3311 + gap: 20px;
  3312 +}
  3313 +@media (min-width: 768px) {
  3314 + .main__employers-two {
  3315 + -webkit-box-orient: horizontal;
  3316 + -webkit-box-direction: normal;
  3317 + -ms-flex-direction: row;
  3318 + flex-direction: row;
  3319 + -ms-flex-wrap: wrap;
  3320 + flex-wrap: wrap;
  3321 + -webkit-box-align: start;
  3322 + -ms-flex-align: start;
  3323 + align-items: flex-start;
  3324 + -webkit-box-pack: justify;
  3325 + -ms-flex-pack: justify;
  3326 + justify-content: space-between;
  3327 + gap: 20px 0;
  3328 + }
  3329 +}
  3330 +.main__employers-two .main__employers-item {
  3331 + width: calc(50% - 10px);
  3332 + -webkit-box-orient: vertical;
  3333 + -webkit-box-direction: normal;
  3334 + -ms-flex-direction: column;
  3335 + flex-direction: column;
  3336 + -webkit-box-align: stretch;
  3337 + -ms-flex-align: stretch;
  3338 + align-items: stretch;
  3339 + padding-top: 30px;
  3340 +}
  3341 +.main__employers-two .main__employers-item-inner {
  3342 + width: 100%;
  3343 + padding: 0;
  3344 +}
  3345 +.main__employers-two .main__employers-item-more {
  3346 + position: static;
  3347 + margin-top: 20px;
  3348 +}
  3349 +@media (min-width: 992px) {
  3350 + .main__employers-two .main__employers-item-more {
  3351 + margin-left: 190px;
  3352 + }
  3353 +}
  3354 +.main__employers-two .main__employers-item-label {
  3355 + max-width: none;
  3356 +}
  3357 +.main__employer-page {
  3358 + display: -webkit-box;
  3359 + display: -ms-flexbox;
  3360 + display: flex;
  3361 + -webkit-box-orient: vertical;
  3362 + -webkit-box-direction: normal;
  3363 + -ms-flex-direction: column;
  3364 + flex-direction: column;
  3365 + gap: 20px;
  3366 +}
  3367 +.main__employer-page-title {
  3368 + color: #696b6b;
  3369 + margin: 0;
  3370 + font-size: 30px;
  3371 +}
  3372 +@media (min-width: 768px) {
  3373 + .main__employer-page-title {
  3374 + font-size: 36px;
  3375 + }
  3376 +}
  3377 +@media (min-width: 992px) {
  3378 + .main__employer-page-title {
  3379 + font-size: 44px;
  3380 + }
  3381 +}
  3382 +.main__employer-page-item {
  3383 + display: -webkit-box;
  3384 + display: -ms-flexbox;
  3385 + display: flex;
  3386 + -webkit-box-orient: vertical;
  3387 + -webkit-box-direction: normal;
  3388 + -ms-flex-direction: column;
  3389 + flex-direction: column;
  3390 + gap: 4px;
  3391 + font-size: 12px;
  3392 + line-height: 1.4;
  3393 +}
  3394 +@media (min-width: 768px) {
  3395 + .main__employer-page-item {
  3396 + font-size: 18px;
  3397 + gap: 8px;
  3398 + }
  3399 +}
  3400 +.main__employer-page-item b {
  3401 + color: #377d87;
  3402 + font-size: 14px;
  3403 +}
  3404 +@media (min-width: 768px) {
  3405 + .main__employer-page-item b {
  3406 + font-size: 20px;
  3407 + }
  3408 +}
  3409 +.main__employer-page-item span {
  3410 + color: #696b6b;
  3411 +}
  3412 +.main__employer-page-info {
  3413 + display: -webkit-box;
  3414 + display: -ms-flexbox;
  3415 + display: flex;
  3416 + -webkit-box-orient: vertical;
  3417 + -webkit-box-direction: normal;
  3418 + -ms-flex-direction: column;
  3419 + flex-direction: column;
  3420 + gap: 20px;
  3421 +}
  3422 +@media (min-width: 768px) {
  3423 + .main__employer-page-info {
  3424 + display: grid;
  3425 + grid-template-columns: repeat(2, 1fr);
  3426 + gap: 30px 40px;
  3427 + }
  3428 +}
  3429 +@media (min-width: 1280px) {
  3430 + .main__employer-page-info {
  3431 + grid-template-columns: repeat(4, 1fr);
  3432 + }
  3433 +}
  3434 +@media (min-width: 768px) {
  3435 + .main__employer-page-info .main__employer-page-item b,
  3436 + .main__employer-page-info .main__employer-page-item span {
  3437 + max-width: 300px;
  3438 + }
  3439 +}
  3440 +.main__employer-page-tabs {
  3441 + display: -webkit-box;
  3442 + display: -ms-flexbox;
  3443 + display: flex;
  3444 + -webkit-box-align: center;
  3445 + -ms-flex-align: center;
  3446 + align-items: center;
  3447 + gap: 20px;
  3448 +}
  3449 +@media (min-width: 768px) {
  3450 + .main__employer-page-tabs {
  3451 + margin-top: 20px;
  3452 + }
  3453 +}
  3454 +.main__employer-page-tabs-item {
  3455 + font-size: 22px;
  3456 + font-weight: 700;
  3457 + border: none;
  3458 + background: none;
  3459 + padding: 0;
  3460 + color: #9c9d9d;
  3461 + text-decoration: underline;
  3462 + text-decoration-thickness: 1px;
  3463 +}
  3464 +@media (min-width: 768px) {
  3465 + .main__employer-page-tabs-item {
  3466 + font-size: 24px;
  3467 + }
  3468 +}
  3469 +.main__employer-page-tabs-item.active {
  3470 + color: #377d87;
  3471 +}
  3472 +.main__employer-page-body {
  3473 + display: -webkit-box;
  3474 + display: -ms-flexbox;
  3475 + display: flex;
  3476 + -webkit-box-orient: vertical;
  3477 + -webkit-box-direction: normal;
  3478 + -ms-flex-direction: column;
  3479 + flex-direction: column;
  3480 + margin-top: 10px;
  3481 +}
  3482 +@media (min-width: 768px) {
  3483 + .main__employer-page-body {
  3484 + margin-top: 30px;
  3485 + }
  3486 +}
  3487 +.main__employer-page-body-item {
  3488 + display: none;
  3489 + -webkit-box-orient: vertical;
  3490 + -webkit-box-direction: normal;
  3491 + -ms-flex-direction: column;
  3492 + flex-direction: column;
  3493 + gap: 20px;
  3494 +}
  3495 +.main__employer-page-body-item.showed {
  3496 + display: -webkit-box;
  3497 + display: -ms-flexbox;
  3498 + display: flex;
  3499 +}
  3500 +.main__employer-page-one {
  3501 + display: -webkit-box;
  3502 + display: -ms-flexbox;
  3503 + display: flex;
  3504 + -webkit-box-orient: vertical;
  3505 + -webkit-box-direction: normal;
  3506 + -ms-flex-direction: column;
  3507 + flex-direction: column;
  3508 + gap: 20px;
  3509 +}
  3510 +@media (min-width: 768px) {
  3511 + .main__employer-page-one {
  3512 + display: grid;
  3513 + grid-template-columns: repeat(2, 1fr);
  3514 + }
  3515 +}
  3516 +@media (min-width: 992px) {
  3517 + .main__employer-page-one {
  3518 + grid-template-columns: repeat(3, 1fr);
  3519 + }
  3520 +}
  3521 +@media (min-width: 1280px) {
  3522 + .main__employer-page-one {
  3523 + grid-template-columns: repeat(4, 1fr);
  3524 + gap: 30px 20px;
  3525 + }
  3526 +}
  3527 +.main__employer-page-one-item {
  3528 + display: -webkit-box;
  3529 + display: -ms-flexbox;
  3530 + display: flex;
  3531 + -webkit-box-orient: vertical;
  3532 + -webkit-box-direction: normal;
  3533 + -ms-flex-direction: column;
  3534 + flex-direction: column;
  3535 + gap: 10px;
  3536 + font-size: 12px;
  3537 + position: relative;
  3538 +}
  3539 +@media (min-width: 1280px) {
  3540 + .main__employer-page-one-item {
  3541 + font-size: 18px;
  3542 + }
  3543 +}
  3544 +.main__employer-page-one-item img {
  3545 + border-radius: 10px;
  3546 + -o-object-fit: cover;
  3547 + object-fit: cover;
  3548 + width: 100%;
  3549 + max-height: 250px;
  3550 + aspect-ratio: 247/174;
  3551 +}
  3552 +@media (min-width: 1280px) {
  3553 + .main__employer-page-one-item img {
  3554 + margin-bottom: 10px;
  3555 + }
  3556 +}
  3557 +.main__employer-page-one-item b {
  3558 + font-weight: 700;
  3559 + color: #377d87;
  3560 +}
  3561 +.main__employer-page-one-item span {
  3562 + color: #696b6b;
  3563 +}
  3564 +.main__employer-page-one-item .del {
  3565 + position: absolute;
  3566 + z-index: 1;
  3567 + top: 8px;
  3568 + left: 8px;
  3569 +}
  3570 +.main__employer-page-two {
  3571 + display: -webkit-box;
  3572 + display: -ms-flexbox;
  3573 + display: flex;
  3574 + -webkit-box-orient: vertical;
  3575 + -webkit-box-direction: normal;
  3576 + -ms-flex-direction: column;
  3577 + flex-direction: column;
  3578 + -webkit-box-align: center;
  3579 + -ms-flex-align: center;
  3580 + align-items: center;
  3581 + gap: 20px;
  3582 +}
  3583 +.main__employer-page-two-item {
  3584 + width: 100%;
  3585 + display: -webkit-box;
  3586 + display: -ms-flexbox;
  3587 + display: flex;
  3588 + -webkit-box-orient: vertical;
  3589 + -webkit-box-direction: normal;
  3590 + -ms-flex-direction: column;
  3591 + flex-direction: column;
  3592 + gap: 16px;
  3593 + padding: 20px 10px;
  3594 + border-radius: 12px;
  3595 + border: 1px solid #e7e7e7;
  3596 + position: relative;
  3597 + overflow: hidden;
  3598 + font-size: 12px;
  3599 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  3600 +}
  3601 +@media (min-width: 768px) {
  3602 + .main__employer-page-two-item {
  3603 + font-size: 14px;
  3604 + padding: 20px;
  3605 + gap: 24px;
  3606 + padding-bottom: 50px;
  3607 + }
  3608 +}
  3609 +@media (min-width: 992px) {
  3610 + .main__employer-page-two-item {
  3611 + font-size: 16px;
  3612 + }
  3613 +}
  3614 +@media (min-width: 1280px) {
  3615 + .main__employer-page-two-item {
  3616 + font-size: 18px;
  3617 + }
  3618 +}
  3619 +.main__employer-page-two-item-toper {
  3620 + display: -webkit-box;
  3621 + display: -ms-flexbox;
  3622 + display: flex;
  3623 + -webkit-box-align: center;
  3624 + -ms-flex-align: center;
  3625 + align-items: center;
  3626 + font-size: 22px;
  3627 + font-weight: 700;
  3628 + color: #696b6b;
  3629 +}
  3630 +@media (min-width: 768px) {
  3631 + .main__employer-page-two-item-toper {
  3632 + font-size: 30px;
  3633 + }
  3634 +}
  3635 +.main__employer-page-two-item-toper img {
  3636 + width: 60px;
  3637 + aspect-ratio: 1/1;
  3638 + -o-object-fit: contain;
  3639 + object-fit: contain;
  3640 +}
  3641 +.main__employer-page-two-item-toper span {
  3642 + width: calc(100% - 60px);
  3643 + padding-left: 10px;
  3644 +}
  3645 +.main__employer-page-two-item-title {
  3646 + font-size: 18px;
  3647 + font-weight: 700;
  3648 + color: #377d87;
  3649 +}
  3650 +@media (min-width: 768px) {
  3651 + .main__employer-page-two-item-title {
  3652 + font-size: 24px;
  3653 + }
  3654 +}
  3655 +.main__employer-page-two-item-text {
  3656 + display: -webkit-box;
  3657 + display: -ms-flexbox;
  3658 + display: flex;
  3659 + -webkit-box-orient: vertical;
  3660 + -webkit-box-direction: normal;
  3661 + -ms-flex-direction: column;
  3662 + flex-direction: column;
  3663 + gap: 10px;
  3664 +}
  3665 +.main__employer-page-two-item-text-name {
  3666 + font-weight: 700;
  3667 +}
  3668 +.main__employer-page-two-item-text-body {
  3669 + color: #696b6b;
  3670 + display: -webkit-box;
  3671 + display: -ms-flexbox;
  3672 + display: flex;
  3673 + -webkit-box-orient: vertical;
  3674 + -webkit-box-direction: normal;
  3675 + -ms-flex-direction: column;
  3676 + flex-direction: column;
  3677 + gap: 6px;
  3678 + padding: 0 10px;
  3679 +}
  3680 +.main__employer-page-two-item-text-body p {
  3681 + margin: 0;
  3682 +}
  3683 +.main__employer-page-two-item-text-body ul {
  3684 + margin: 0;
  3685 + padding: 0;
  3686 + padding-left: 16px;
  3687 + display: -webkit-box;
  3688 + display: -ms-flexbox;
  3689 + display: flex;
  3690 + -webkit-box-orient: vertical;
  3691 + -webkit-box-direction: normal;
  3692 + -ms-flex-direction: column;
  3693 + flex-direction: column;
  3694 + gap: 6px;
  3695 +}
  3696 +@media (min-width: 768px) {
  3697 + .main__employer-page-two-item-text-body ul {
  3698 + margin: 0 5px;
  3699 + }
  3700 +}
  3701 +.main__employer-page-two-item-text-body ul span,
  3702 +.main__employer-page-two-item-text-body ul a {
  3703 + color: #696b6b;
  3704 +}
  3705 +.main__employer-page-two-item-text-body ul a:hover {
  3706 + color: #377d87;
  3707 +}
  3708 +.main__employer-page-two-item-text-links {
  3709 + display: -webkit-box;
  3710 + display: -ms-flexbox;
  3711 + display: flex;
  3712 + -webkit-box-orient: vertical;
  3713 + -webkit-box-direction: normal;
  3714 + -ms-flex-direction: column;
  3715 + flex-direction: column;
  3716 + -webkit-box-align: start;
  3717 + -ms-flex-align: start;
  3718 + align-items: flex-start;
  3719 + gap: 10px;
  3720 + padding: 0 10px;
  3721 + font-weight: 700;
  3722 + margin-top: 5px;
  3723 +}
  3724 +@media (min-width: 768px) {
  3725 + .main__employer-page-two-item-text-links {
  3726 + gap: 20px;
  3727 + }
  3728 +}
  3729 +.main__employer-page-two-item-text-links a {
  3730 + color: #4d88d9;
  3731 +}
  3732 +.main__employer-page-two-item-text-links a:hover {
  3733 + color: #377d87;
  3734 +}
  3735 +.main__employer-page-two-item-tags {
  3736 + color: #4d88d9;
  3737 + font-weight: 500;
  3738 + display: -webkit-box;
  3739 + display: -ms-flexbox;
  3740 + display: flex;
  3741 + -webkit-box-align: center;
  3742 + -ms-flex-align: center;
  3743 + align-items: center;
  3744 + -ms-flex-wrap: wrap;
  3745 + flex-wrap: wrap;
  3746 + gap: 10px 20px;
  3747 +}
  3748 +.main__employer-page-two-item-buttons {
  3749 + display: grid;
  3750 + grid-template-columns: repeat(2, 1fr);
  3751 + gap: 20px;
  3752 +}
  3753 +@media (min-width: 768px) {
  3754 + .main__employer-page-two-item-button {
  3755 + position: absolute;
  3756 + bottom: 20px;
  3757 + left: 20px;
  3758 + width: 200px;
  3759 + padding: 0;
  3760 + }
  3761 +}
  3762 +@media (min-width: 768px) {
  3763 + .main__employer-page-two-item-button + .main__employer-page-two-item-button {
  3764 + left: auto;
  3765 + right: 20px;
  3766 + }
  3767 +}
  3768 +.main__employer-page-two-item-bottom {
  3769 + display: -webkit-box;
  3770 + display: -ms-flexbox;
  3771 + display: flex;
  3772 + -webkit-box-align: center;
  3773 + -ms-flex-align: center;
  3774 + align-items: center;
  3775 + -webkit-box-pack: justify;
  3776 + -ms-flex-pack: justify;
  3777 + justify-content: space-between;
  3778 +}
  3779 +.main__employer-page-two-item-bottom-date {
  3780 + color: #696b6b;
  3781 +}
  3782 +@media (min-width: 768px) {
  3783 + .main__employer-page-two-item-bottom-date {
  3784 + position: absolute;
  3785 + bottom: 20px;
  3786 + right: 240px;
  3787 + height: 42px;
  3788 + display: -webkit-box;
  3789 + display: -ms-flexbox;
  3790 + display: flex;
  3791 + -webkit-box-align: center;
  3792 + -ms-flex-align: center;
  3793 + align-items: center;
  3794 + }
  3795 +}
  3796 +@media (min-width: 768px) {
  3797 + .main__employer-page-two-item-bottom-like {
  3798 + position: absolute;
  3799 + bottom: 20px;
  3800 + left: 240px;
  3801 + }
  3802 +}
  3803 +@media (min-width: 768px) {
  3804 + .main__employer-page-two-more {
  3805 + margin-top: 10px;
  3806 + padding: 0;
  3807 + width: 200px;
  3808 + }
  3809 +}
  3810 +.main__employer-page-two .main__employer-page-two-item {
  3811 + display: none;
  3812 +}
  3813 +.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) {
  3814 + display: -webkit-box;
  3815 + display: -ms-flexbox;
  3816 + display: flex;
  3817 +}
  3818 +.main__employer-page-two.active .main__employer-page-two-item {
  3819 + display: -webkit-box;
  3820 + display: -ms-flexbox;
  3821 + display: flex;
  3822 +}
  3823 +.main__resume-base {
  3824 + display: -webkit-box;
  3825 + display: -ms-flexbox;
  3826 + display: flex;
  3827 + -webkit-box-orient: vertical;
  3828 + -webkit-box-direction: normal;
  3829 + -ms-flex-direction: column;
  3830 + flex-direction: column;
  3831 +}
  3832 +.main__resume-base-body {
  3833 + display: none;
  3834 + -webkit-box-orient: vertical;
  3835 + -webkit-box-direction: normal;
  3836 + -ms-flex-direction: column;
  3837 + flex-direction: column;
  3838 + margin-top: 10px;
  3839 +}
  3840 +@media (min-width: 768px) {
  3841 + .main__resume-base-body {
  3842 + margin-top: 30px;
  3843 + }
  3844 +}
  3845 +.main__resume-base-body.showed {
  3846 + display: -webkit-box;
  3847 + display: -ms-flexbox;
  3848 + display: flex;
  3849 +}
  3850 +.main__resume-base-body-one {
  3851 + display: -webkit-box;
  3852 + display: -ms-flexbox;
  3853 + display: flex;
  3854 + -webkit-box-orient: vertical;
  3855 + -webkit-box-direction: normal;
  3856 + -ms-flex-direction: column;
  3857 + flex-direction: column;
  3858 + -webkit-box-align: center;
  3859 + -ms-flex-align: center;
  3860 + align-items: center;
  3861 + gap: 20px;
  3862 +}
  3863 +@media (min-width: 768px) {
  3864 + .main__resume-base-body-one {
  3865 + gap: 30px;
  3866 + }
  3867 +}
  3868 +.main__resume-base-body-two {
  3869 + display: -webkit-box;
  3870 + display: -ms-flexbox;
  3871 + display: flex;
  3872 + -webkit-box-orient: vertical;
  3873 + -webkit-box-direction: normal;
  3874 + -ms-flex-direction: column;
  3875 + flex-direction: column;
  3876 + gap: 20px;
  3877 +}
  3878 +@media (min-width: 768px) {
  3879 + .main__resume-base-body-two {
  3880 + -webkit-box-orient: horizontal;
  3881 + -webkit-box-direction: normal;
  3882 + -ms-flex-direction: row;
  3883 + flex-direction: row;
  3884 + -webkit-box-pack: justify;
  3885 + -ms-flex-pack: justify;
  3886 + justify-content: space-between;
  3887 + -webkit-box-align: start;
  3888 + -ms-flex-align: start;
  3889 + align-items: flex-start;
  3890 + -ms-flex-wrap: wrap;
  3891 + flex-wrap: wrap;
  3892 + gap: 30px 0;
  3893 + }
  3894 +}
  3895 +.main__resume-base-body-item {
  3896 + width: 100%;
  3897 + display: -webkit-box;
  3898 + display: -ms-flexbox;
  3899 + display: flex;
  3900 + -webkit-box-orient: vertical;
  3901 + -webkit-box-direction: normal;
  3902 + -ms-flex-direction: column;
  3903 + flex-direction: column;
  3904 + gap: 20px;
  3905 + position: relative;
  3906 + border: 1px solid #377d87;
  3907 + border-radius: 8px;
  3908 + padding: 10px;
  3909 + -webkit-box-align: center;
  3910 + -ms-flex-align: center;
  3911 + align-items: center;
  3912 +}
  3913 +@media (min-width: 768px) {
  3914 + .main__resume-base-body-item {
  3915 + padding: 20px;
  3916 + }
  3917 +}
  3918 +.main__resume-base-body-item-buttons {
  3919 + display: -webkit-box;
  3920 + display: -ms-flexbox;
  3921 + display: flex;
  3922 + -webkit-box-orient: vertical;
  3923 + -webkit-box-direction: normal;
  3924 + -ms-flex-direction: column;
  3925 + flex-direction: column;
  3926 + -webkit-box-align: start;
  3927 + -ms-flex-align: start;
  3928 + align-items: flex-start;
  3929 + gap: 10px;
  3930 + position: absolute;
  3931 + top: 10px;
  3932 + right: 10px;
  3933 +}
  3934 +@media (min-width: 768px) {
  3935 + .main__resume-base-body-item-buttons {
  3936 + top: 20px;
  3937 + right: 20px;
  3938 + }
  3939 +}
  3940 +.main__resume-base-body-item-wrapper {
  3941 + display: -webkit-box;
  3942 + display: -ms-flexbox;
  3943 + display: flex;
  3944 + -webkit-box-orient: vertical;
  3945 + -webkit-box-direction: normal;
  3946 + -ms-flex-direction: column;
  3947 + flex-direction: column;
  3948 + -webkit-box-align: start;
  3949 + -ms-flex-align: start;
  3950 + align-items: flex-start;
  3951 + gap: 20px;
  3952 + width: 100%;
  3953 +}
  3954 +@media (min-width: 768px) {
  3955 + .main__resume-base-body-item-wrapper {
  3956 + -webkit-box-orient: horizontal;
  3957 + -webkit-box-direction: normal;
  3958 + -ms-flex-direction: row;
  3959 + flex-direction: row;
  3960 + }
  3961 +}
  3962 +.main__resume-base-body-item-photo {
  3963 + width: 180px;
  3964 + aspect-ratio: 1/1;
  3965 + -o-object-fit: cover;
  3966 + object-fit: cover;
  3967 + border-radius: 8px;
  3968 +}
  3969 +@media (min-width: 768px) {
  3970 + .main__resume-base-body-item-photo {
  3971 + width: 210px;
  3972 + }
  3973 +}
  3974 +.main__resume-base-body-item-inner {
  3975 + display: -webkit-box;
  3976 + display: -ms-flexbox;
  3977 + display: flex;
  3978 + -webkit-box-orient: vertical;
  3979 + -webkit-box-direction: normal;
  3980 + -ms-flex-direction: column;
  3981 + flex-direction: column;
  3982 + gap: 10px;
  3983 + width: 100%;
  3984 +}
  3985 +@media (min-width: 768px) {
  3986 + .main__resume-base-body-item-inner {
  3987 + gap: 16px;
  3988 + padding-right: 50px;
  3989 + }
  3990 +}
  3991 +@media (min-width: 992px) {
  3992 + .main__resume-base-body-item-inner {
  3993 + display: grid;
  3994 + grid-template-columns: repeat(2, 1fr);
  3995 + gap: 30px;
  3996 + }
  3997 +}
  3998 +.main__resume-base-body-item-inner div {
  3999 + color: #696b6b;
  4000 + display: -webkit-box;
  4001 + display: -ms-flexbox;
  4002 + display: flex;
  4003 + -webkit-box-orient: vertical;
  4004 + -webkit-box-direction: normal;
  4005 + -ms-flex-direction: column;
  4006 + flex-direction: column;
  4007 + gap: 4px;
  4008 + font-size: 12px;
  4009 +}
  4010 +@media (min-width: 768px) {
  4011 + .main__resume-base-body-item-inner div {
  4012 + font-size: 16px;
  4013 + }
  4014 +}
  4015 +.main__resume-base-body-item-inner b {
  4016 + color: #377d87;
  4017 + font-size: 14px;
  4018 +}
  4019 +@media (min-width: 768px) {
  4020 + .main__resume-base-body-item-inner b {
  4021 + font-size: 18px;
  4022 + }
  4023 +}
  4024 +.main__resume-base-body-item-link {
  4025 + width: 100%;
  4026 + padding: 0;
  4027 +}
  4028 +@media (min-width: 768px) {
  4029 + .main__resume-base-body-item-link {
  4030 + width: 200px;
  4031 + }
  4032 +}
  4033 +.main__spoiler {
  4034 + overflow: hidden;
  4035 + border-radius: 8px;
  4036 + display: -webkit-box;
  4037 + display: -ms-flexbox;
  4038 + display: flex;
  4039 + -webkit-box-orient: vertical;
  4040 + -webkit-box-direction: normal;
  4041 + -ms-flex-direction: column;
  4042 + flex-direction: column;
  4043 +}
  4044 +.main__spoiler-toper {
  4045 + background: #377d87;
  4046 + height: 30px;
  4047 + display: -webkit-box;
  4048 + display: -ms-flexbox;
  4049 + display: flex;
  4050 + -webkit-box-align: center;
  4051 + -ms-flex-align: center;
  4052 + align-items: center;
  4053 + -webkit-box-pack: center;
  4054 + -ms-flex-pack: center;
  4055 + justify-content: center;
  4056 + color: #ffffff;
  4057 + font-size: 12px;
  4058 + font-weight: 700;
  4059 + padding: 0 30px;
  4060 + border: none;
  4061 + position: relative;
  4062 +}
  4063 +@media (min-width: 768px) {
  4064 + .main__spoiler-toper {
  4065 + font-size: 18px;
  4066 + height: 50px;
  4067 + padding: 0 60px;
  4068 + }
  4069 +}
  4070 +.main__spoiler-toper:before, .main__spoiler-toper:after {
  4071 + content: "";
  4072 + background: #ffffff;
  4073 + border-radius: 999px;
  4074 + width: 10px;
  4075 + height: 1px;
  4076 + position: absolute;
  4077 + top: 50%;
  4078 + right: 10px;
  4079 + -webkit-transition: 0.3s;
  4080 + transition: 0.3s;
  4081 + -webkit-transform: translate(0, -50%);
  4082 + -ms-transform: translate(0, -50%);
  4083 + transform: translate(0, -50%);
  4084 +}
  4085 +@media (min-width: 768px) {
  4086 + .main__spoiler-toper:before, .main__spoiler-toper:after {
  4087 + width: 20px;
  4088 + height: 2px;
  4089 + right: 20px;
  4090 + }
  4091 +}
  4092 +.main__spoiler-toper:after {
  4093 + -webkit-transform: rotate(90deg);
  4094 + -ms-transform: rotate(90deg);
  4095 + transform: rotate(90deg);
  4096 +}
  4097 +.main__spoiler-toper.active:after {
  4098 + -webkit-transform: rotate(0deg);
  4099 + -ms-transform: rotate(0deg);
  4100 + transform: rotate(0deg);
  4101 +}
  4102 +.main__spoiler-body {
  4103 + opacity: 0;
  4104 + height: 0;
  4105 + overflow: hidden;
  4106 + border-radius: 0 0 8px 8px;
  4107 + background: #ffffff;
  4108 +}
  4109 +.main__spoiler-body table {
  4110 + width: calc(100% + 2px);
  4111 + margin-left: -1px;
  4112 + margin-bottom: -1px;
  4113 +}
  4114 +@media (min-width: 992px) {
  4115 + .main__spoiler-body table td {
  4116 + width: 40%;
  4117 + }
  4118 +}
  4119 +@media (min-width: 992px) {
  4120 + .main__spoiler-body table td + td {
  4121 + width: 60%;
  4122 + }
  4123 +}
  4124 +.active + .main__spoiler-body {
  4125 + -webkit-transition: 0.3s;
  4126 + transition: 0.3s;
  4127 + opacity: 1;
  4128 + height: auto;
  4129 + border: 1px solid #e7e7e7;
  4130 + border-top: none;
  4131 +}
  4132 +.main__table {
  4133 + border-collapse: collapse;
  4134 + table-layout: fixed;
  4135 + font-size: 12px;
  4136 + width: 100%;
  4137 + background: #ffffff;
  4138 +}
  4139 +@media (min-width: 768px) {
  4140 + .main__table {
  4141 + font-size: 16px;
  4142 + }
  4143 +}
  4144 +.main__table td {
  4145 + border: 1px solid #e7e7e7;
  4146 + padding: 4px 8px;
  4147 +}
  4148 +@media (min-width: 768px) {
  4149 + .main__table td {
  4150 + padding: 8px 16px;
  4151 + }
  4152 +}
  4153 +.main__table td b {
  4154 + font-weight: 700;
  4155 +}
  4156 +.main__table td a:hover {
  4157 + color: #377d87;
  4158 +}
  4159 +.main__resume-profile-about {
  4160 + padding-top: 20px;
  4161 + padding-bottom: 30px;
  4162 + position: relative;
  4163 + margin-top: 30px;
  4164 + display: -webkit-box;
  4165 + display: -ms-flexbox;
  4166 + display: flex;
  4167 + -webkit-box-orient: vertical;
  4168 + -webkit-box-direction: normal;
  4169 + -ms-flex-direction: column;
  4170 + flex-direction: column;
  4171 + -webkit-box-align: start;
  4172 + -ms-flex-align: start;
  4173 + align-items: flex-start;
  4174 + gap: 10px;
  4175 +}
  4176 +@media (min-width: 992px) {
  4177 + .main__resume-profile-about {
  4178 + padding: 50px 0;
  4179 + }
  4180 +}
  4181 +.main__resume-profile-about:before {
  4182 + content: "";
  4183 + position: absolute;
  4184 + z-index: 1;
  4185 + top: 0;
  4186 + left: 50%;
  4187 + width: 20000px;
  4188 + height: 100%;
  4189 + margin-left: -10000px;
  4190 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  4191 +}
  4192 +.main__resume-profile-about-title {
  4193 + position: relative;
  4194 + z-index: 2;
  4195 + color: #696b6b;
  4196 +}
  4197 +.main__resume-profile-about-text {
  4198 + position: relative;
  4199 + z-index: 2;
  4200 +}
  4201 +.main__resume-profile-about-button {
  4202 + position: relative;
  4203 + z-index: 2;
  4204 + margin-top: 10px;
  4205 +}
  4206 +.main__resume-profile-info {
  4207 + display: -webkit-box;
  4208 + display: -ms-flexbox;
  4209 + display: flex;
  4210 + -webkit-box-orient: vertical;
  4211 + -webkit-box-direction: normal;
  4212 + -ms-flex-direction: column;
  4213 + flex-direction: column;
  4214 + gap: 20px;
  4215 + margin-top: 30px;
  4216 +}
  4217 +@media (min-width: 992px) {
  4218 + .main__resume-profile-info {
  4219 + margin-top: 50px;
  4220 + gap: 30px;
  4221 + }
  4222 +}
  4223 +.main__resume-profile-info-title {
  4224 + color: #696b6b;
  4225 +}
  4226 +.main__resume-profile-info-body {
  4227 + display: -webkit-box;
  4228 + display: -ms-flexbox;
  4229 + display: flex;
  4230 + -webkit-box-orient: vertical;
  4231 + -webkit-box-direction: normal;
  4232 + -ms-flex-direction: column;
  4233 + flex-direction: column;
  4234 + gap: 20px;
  4235 +}
  4236 +@media (min-width: 992px) {
  4237 + .main__resume-profile-info-body {
  4238 + gap: 30px;
  4239 + }
  4240 +}
  4241 +.main__resume-profile-info-body-item {
  4242 + display: -webkit-box;
  4243 + display: -ms-flexbox;
  4244 + display: flex;
  4245 + -webkit-box-orient: vertical;
  4246 + -webkit-box-direction: normal;
  4247 + -ms-flex-direction: column;
  4248 + flex-direction: column;
  4249 + gap: 10px;
  4250 +}
  4251 +@media (min-width: 768px) {
  4252 + .main__resume-profile-info-body-item {
  4253 + gap: 20px;
  4254 + }
  4255 +}
  4256 +.main__resume-profile-info-body-subtitle {
  4257 + color: #4d88d9;
  4258 +}
  4259 +.main__resume-profile-info-body-inner {
  4260 + display: -webkit-box;
  4261 + display: -ms-flexbox;
  4262 + display: flex;
  4263 + -webkit-box-orient: vertical;
  4264 + -webkit-box-direction: normal;
  4265 + -ms-flex-direction: column;
  4266 + flex-direction: column;
  4267 + gap: 20px;
  4268 + margin: 0;
  4269 + padding: 0;
  4270 + font-size: 12px;
  4271 +}
  4272 +@media (min-width: 768px) {
  4273 + .main__resume-profile-info-body-inner {
  4274 + display: grid;
  4275 + grid-template-columns: repeat(2, 1fr);
  4276 + }
  4277 +}
  4278 +@media (min-width: 992px) {
  4279 + .main__resume-profile-info-body-inner {
  4280 + grid-template-columns: repeat(3, 1fr);
  4281 + font-size: 16px;
  4282 + }
  4283 +}
  4284 +.main__resume-profile-info-body-inner li {
  4285 + display: -webkit-box;
  4286 + display: -ms-flexbox;
  4287 + display: flex;
  4288 + -webkit-box-orient: vertical;
  4289 + -webkit-box-direction: normal;
  4290 + -ms-flex-direction: column;
  4291 + flex-direction: column;
  4292 + gap: 6px;
  4293 +}
  4294 +@media (min-width: 992px) {
  4295 + .main__resume-profile-info-body-inner li {
  4296 + gap: 8px;
  4297 + }
  4298 +}
  4299 +.main__resume-profile-info-body-inner b {
  4300 + color: #377d87;
  4301 + font-size: 14px;
  4302 +}
  4303 +@media (min-width: 992px) {
  4304 + .main__resume-profile-info-body-inner b {
  4305 + font-size: 18px;
  4306 + }
  4307 +}
  4308 +.main__resume-profile-info-body-inner span {
  4309 + display: -webkit-box;
  4310 + display: -ms-flexbox;
  4311 + display: flex;
  4312 + -webkit-box-orient: vertical;
  4313 + -webkit-box-direction: normal;
  4314 + -ms-flex-direction: column;
  4315 + flex-direction: column;
  4316 + gap: 4px;
  4317 +}
  4318 +@media (min-width: 992px) {
  4319 + .main__resume-profile-info-body-inner span {
  4320 + gap: 6px;
  4321 + }
  4322 +}
  4323 +.main__resume-profile-review {
  4324 + display: -webkit-box;
  4325 + display: -ms-flexbox;
  4326 + display: flex;
  4327 + -webkit-box-orient: vertical;
  4328 + -webkit-box-direction: normal;
  4329 + -ms-flex-direction: column;
  4330 + flex-direction: column;
  4331 + gap: 20px;
  4332 + padding: 20px 10px;
  4333 + margin-top: 30px;
  4334 + border-radius: 16px;
  4335 + border: 1px solid #e7e7e7;
  4336 + background: #ffffff;
  4337 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4338 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4339 +}
  4340 +@media (min-width: 992px) {
  4341 + .main__resume-profile-review {
  4342 + margin-top: 50px;
  4343 + padding: 50px 40px;
  4344 + gap: 30px;
  4345 + }
  4346 +}
  4347 +.main__resume-profile-review-title {
  4348 + color: #696b6b;
  4349 +}
  4350 +.main__resume-profile-review-body {
  4351 + display: -webkit-box;
  4352 + display: -ms-flexbox;
  4353 + display: flex;
  4354 + -webkit-box-orient: vertical;
  4355 + -webkit-box-direction: normal;
  4356 + -ms-flex-direction: column;
  4357 + flex-direction: column;
  4358 + -webkit-box-align: start;
  4359 + -ms-flex-align: start;
  4360 + align-items: flex-start;
  4361 + gap: 10px;
  4362 +}
  4363 +.main__resume-profile-review-body .textarea {
  4364 + width: 100%;
  4365 +}
  4366 +.main__resume-profile-review-body .button {
  4367 + margin-top: 10px;
  4368 +}
  4369 +.main__vacancies {
  4370 + display: -webkit-box;
  4371 + display: -ms-flexbox;
  4372 + display: flex;
  4373 + -webkit-box-orient: vertical;
  4374 + -webkit-box-direction: normal;
  4375 + -ms-flex-direction: column;
  4376 + flex-direction: column;
  4377 + -webkit-box-align: center;
  4378 + -ms-flex-align: center;
  4379 + align-items: center;
  4380 + gap: 20px;
  4381 +}
  4382 +@media (min-width: 768px) {
  4383 + .main__vacancies {
  4384 + gap: 30px;
  4385 + }
  4386 +}
  4387 +.main__vacancies-title {
  4388 + color: #696b6b;
  4389 + width: 100%;
  4390 +}
  4391 +@media (min-width: 992px) {
  4392 + .main__vacancies .vacancies__list {
  4393 + grid-template-columns: repeat(2, 1fr);
  4394 + }
  4395 +}
  4396 +.main__vacancies-filters {
  4397 + width: 100%;
  4398 +}
  4399 +.main__vacancies-item {
  4400 + width: 100%;
  4401 + background: none;
  4402 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4403 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4404 +}
  4405 +.main__vacancies-item-page {
  4406 + border: none;
  4407 + -webkit-box-shadow: none;
  4408 + box-shadow: none;
  4409 + background: none;
  4410 + margin: 0 -10px;
  4411 +}
  4412 +@media (min-width: 768px) {
  4413 + .main__vacancies-item-page {
  4414 + margin: 0 -20px;
  4415 + }
  4416 +}
  4417 +.main__vacancies-thing {
  4418 + width: 100%;
  4419 + position: relative;
  4420 + padding: 10px 0;
  4421 + padding-bottom: 30px;
  4422 + display: -webkit-box;
  4423 + display: -ms-flexbox;
  4424 + display: flex;
  4425 + -webkit-box-orient: vertical;
  4426 + -webkit-box-direction: normal;
  4427 + -ms-flex-direction: column;
  4428 + flex-direction: column;
  4429 + gap: 24px;
  4430 +}
  4431 +@media (min-width: 992px) {
  4432 + .main__vacancies-thing {
  4433 + display: grid;
  4434 + grid-template-columns: repeat(2, 1fr);
  4435 + padding: 30px 0;
  4436 + }
  4437 +}
  4438 +@media (min-width: 1280px) {
  4439 + .main__vacancies-thing {
  4440 + padding: 50px 0;
  4441 + display: -webkit-box;
  4442 + display: -ms-flexbox;
  4443 + display: flex;
  4444 + -webkit-box-orient: horizontal;
  4445 + -webkit-box-direction: normal;
  4446 + -ms-flex-direction: row;
  4447 + flex-direction: row;
  4448 + -webkit-box-align: start;
  4449 + -ms-flex-align: start;
  4450 + align-items: flex-start;
  4451 + gap: 0;
  4452 + }
  4453 +}
  4454 +.main__vacancies-thing:before {
  4455 + content: "";
  4456 + position: absolute;
  4457 + z-index: 1;
  4458 + top: 0;
  4459 + left: 50%;
  4460 + width: 20000px;
  4461 + height: 100%;
  4462 + margin-left: -10000px;
  4463 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  4464 +}
  4465 +.main__vacancies-thing-pic {
  4466 + position: relative;
  4467 + z-index: 2;
  4468 + width: 100%;
  4469 + height: 280px;
  4470 + -o-object-fit: cover;
  4471 + object-fit: cover;
  4472 + border-radius: 8px;
  4473 +}
  4474 +@media (min-width: 1280px) {
  4475 + .main__vacancies-thing-pic {
  4476 + width: 420px;
  4477 + }
  4478 +}
  4479 +.main__vacancies-thing-body {
  4480 + position: relative;
  4481 + z-index: 2;
  4482 + display: -webkit-box;
  4483 + display: -ms-flexbox;
  4484 + display: flex;
  4485 + -webkit-box-orient: vertical;
  4486 + -webkit-box-direction: normal;
  4487 + -ms-flex-direction: column;
  4488 + flex-direction: column;
  4489 + -webkit-box-align: start;
  4490 + -ms-flex-align: start;
  4491 + align-items: flex-start;
  4492 + gap: 16px;
  4493 + color: #696b6b;
  4494 +}
  4495 +@media (min-width: 1280px) {
  4496 + .main__vacancies-thing-body {
  4497 + width: calc(100% - 420px);
  4498 + padding-left: 30px;
  4499 + gap: 20px;
  4500 + }
  4501 +}
  4502 +.main__vacancies-thing-body > * {
  4503 + width: 100%;
  4504 +}
  4505 +.main__vacancies-thing-body .button {
  4506 + width: auto;
  4507 +}
  4508 +.main__cond {
  4509 + display: -webkit-box;
  4510 + display: -ms-flexbox;
  4511 + display: flex;
  4512 + -webkit-box-orient: vertical;
  4513 + -webkit-box-direction: normal;
  4514 + -ms-flex-direction: column;
  4515 + flex-direction: column;
  4516 + gap: 50px;
  4517 +}
  4518 +.main__cond > div {
  4519 + display: -webkit-box;
  4520 + display: -ms-flexbox;
  4521 + display: flex;
  4522 + -webkit-box-orient: vertical;
  4523 + -webkit-box-direction: normal;
  4524 + -ms-flex-direction: column;
  4525 + flex-direction: column;
  4526 + gap: 10px;
  4527 +}
  4528 +.main__cond-label {
  4529 + border-radius: 16px;
  4530 + border: 1px solid #e7e7e7;
  4531 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4532 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  4533 + padding: 30px 20px;
  4534 + font-weight: 700;
  4535 + color: #696b6b;
  4536 + line-height: 2;
  4537 + text-align: center;
  4538 +}
  4539 +@media (min-width: 992px) {
  4540 + .main__cond-label {
  4541 + font-size: 30px;
  4542 + }
  4543 +}
  4544 +.main__cond-icons {
  4545 + padding: 0;
  4546 + margin: 0;
  4547 + display: -webkit-box;
  4548 + display: -ms-flexbox;
  4549 + display: flex;
  4550 + -webkit-box-orient: vertical;
  4551 + -webkit-box-direction: normal;
  4552 + -ms-flex-direction: column;
  4553 + flex-direction: column;
  4554 + gap: 25px;
  4555 + margin-top: 10px;
  4556 +}
  4557 +@media (min-width: 768px) {
  4558 + .main__cond-icons {
  4559 + display: grid;
  4560 + grid-template-columns: repeat(2, 1fr);
  4561 + gap: 60px;
  4562 + margin-top: 20px;
  4563 + }
  4564 +}
  4565 +@media (min-width: 1280px) {
  4566 + .main__cond-icons {
  4567 + grid-template-columns: repeat(3, 1fr);
  4568 + }
  4569 +}
  4570 +.main__cond-icons li {
  4571 + display: -webkit-box;
  4572 + display: -ms-flexbox;
  4573 + display: flex;
  4574 + -webkit-box-orient: vertical;
  4575 + -webkit-box-direction: normal;
  4576 + -ms-flex-direction: column;
  4577 + flex-direction: column;
  4578 + -webkit-box-align: start;
  4579 + -ms-flex-align: start;
  4580 + align-items: flex-start;
  4581 + gap: 20px;
  4582 + font-size: 12px;
  4583 + line-height: 1.4;
  4584 + color: #696b6b;
  4585 +}
  4586 +@media (min-width: 768px) {
  4587 + .main__cond-icons li {
  4588 + font-size: 14px;
  4589 + }
  4590 +}
  4591 +@media (min-width: 992px) {
  4592 + .main__cond-icons li {
  4593 + font-size: 16px;
  4594 + line-height: 1.6;
  4595 + }
  4596 +}
  4597 +@media (min-width: 1280px) {
  4598 + .main__cond-icons li {
  4599 + font-size: 18px;
  4600 + }
  4601 +}
  4602 +.main__cond-icons li span {
  4603 + width: 48px;
  4604 + height: 48px;
  4605 + display: -webkit-box;
  4606 + display: -ms-flexbox;
  4607 + display: flex;
  4608 + -webkit-box-align: center;
  4609 + -ms-flex-align: center;
  4610 + align-items: center;
  4611 +}
  4612 +.main__cond-icons li span img {
  4613 + max-width: 48px;
  4614 +}
  4615 +.main__cond-callback {
  4616 + margin-top: 10px;
  4617 +}
  4618 +.main__ads {
  4619 + display: -webkit-box;
  4620 + display: -ms-flexbox;
  4621 + display: flex;
  4622 + -webkit-box-orient: vertical;
  4623 + -webkit-box-direction: normal;
  4624 + -ms-flex-direction: column;
  4625 + flex-direction: column;
  4626 + gap: 30px;
  4627 + margin: 30px 0;
  4628 +}
  4629 +@media (min-width: 992px) {
  4630 + .main__ads {
  4631 + margin: 60px 0;
  4632 + }
  4633 +}
  4634 +.main__ads-item {
  4635 + display: -webkit-box;
  4636 + display: -ms-flexbox;
  4637 + display: flex;
  4638 + -webkit-box-orient: vertical;
  4639 + -webkit-box-direction: normal;
  4640 + -ms-flex-direction: column;
  4641 + flex-direction: column;
  4642 + gap: 16px;
  4643 +}
  4644 +@media (min-width: 992px) {
  4645 + .main__ads-item {
  4646 + -webkit-box-orient: horizontal;
  4647 + -webkit-box-direction: normal;
  4648 + -ms-flex-direction: row;
  4649 + flex-direction: row;
  4650 + gap: 0;
  4651 + }
  4652 +}
  4653 +.main__ads-item-pic {
  4654 + width: 100%;
  4655 + max-width: 440px;
  4656 + max-height: 200px;
  4657 + aspect-ratio: 3/2;
  4658 + position: relative;
  4659 + overflow: hidden;
  4660 + border-radius: 12px;
  4661 +}
  4662 +@media (min-width: 992px) {
  4663 + .main__ads-item-pic {
  4664 + width: 200px;
  4665 + aspect-ratio: 1/1;
  4666 + }
  4667 +}
  4668 +.main__ads-item-pic img {
  4669 + z-index: 1;
  4670 + position: absolute;
  4671 + top: 0;
  4672 + left: 0;
  4673 + width: 100%;
  4674 + height: 100%;
  4675 + -o-object-fit: cover;
  4676 + object-fit: cover;
  4677 +}
  4678 +.main__ads-item-pic span {
  4679 + z-index: 2;
  4680 + width: 30px;
  4681 + height: 30px;
  4682 + border-radius: 6px;
  4683 + background: #4d88d9;
  4684 + display: -webkit-box;
  4685 + display: -ms-flexbox;
  4686 + display: flex;
  4687 + -webkit-box-pack: center;
  4688 + -ms-flex-pack: center;
  4689 + justify-content: center;
  4690 + -webkit-box-align: center;
  4691 + -ms-flex-align: center;
  4692 + align-items: center;
  4693 + position: absolute;
  4694 + top: 10px;
  4695 + left: 10px;
  4696 + color: #ffffff;
  4697 +}
  4698 +@media (min-width: 992px) {
  4699 + .main__ads-item-pic span {
  4700 + width: 42px;
  4701 + height: 42px;
  4702 + }
  4703 +}
  4704 +.main__ads-item-pic span svg {
  4705 + width: 12px;
  4706 + height: 12px;
  4707 +}
  4708 +@media (min-width: 992px) {
  4709 + .main__ads-item-pic span svg {
  4710 + width: 20px;
  4711 + height: 20px;
  4712 + }
  4713 +}
  4714 +.main__ads-item-body {
  4715 + display: -webkit-box;
  4716 + display: -ms-flexbox;
  4717 + display: flex;
  4718 + -webkit-box-orient: vertical;
  4719 + -webkit-box-direction: normal;
  4720 + -ms-flex-direction: column;
  4721 + flex-direction: column;
  4722 + -webkit-box-align: start;
  4723 + -ms-flex-align: start;
  4724 + align-items: flex-start;
  4725 + gap: 10px;
  4726 + font-size: 12px;
  4727 +}
  4728 +@media (min-width: 992px) {
  4729 + .main__ads-item-body {
  4730 + width: calc(100% - 200px);
  4731 + padding-left: 40px;
  4732 + -webkit-box-pack: center;
  4733 + -ms-flex-pack: center;
  4734 + justify-content: center;
  4735 + font-size: 16px;
  4736 + gap: 20px;
  4737 + }
  4738 +}
  4739 +.main__ads-item-body b {
  4740 + width: 100%;
  4741 + font-weight: 700;
  4742 + font-size: 14px;
  4743 +}
  4744 +@media (min-width: 992px) {
  4745 + .main__ads-item-body b {
  4746 + font-size: 20px;
  4747 + }
  4748 +}
  4749 +.main__ads-item-body span {
  4750 + width: 100%;
  4751 +}
  4752 +
  4753 +.work {
  4754 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  4755 + color: #6b6c6d;
  4756 + padding-top: 70px;
  4757 + padding-bottom: 10px;
  4758 + position: relative;
  4759 + overflow: hidden;
  4760 +}
  4761 +@media (min-width: 768px) {
  4762 + .work {
  4763 + padding-bottom: 25px;
  4764 + }
  4765 +}
  4766 +@media (min-width: 1280px) {
  4767 + .work {
  4768 + padding-top: 80px;
  4769 + padding-bottom: 40px;
  4770 + }
  4771 +}
  4772 +.work__pic {
  4773 + position: absolute;
  4774 + height: calc(100% - 40px);
  4775 + z-index: 1;
  4776 + display: none;
  4777 + bottom: 0;
  4778 + left: 50%;
  4779 + margin-left: 40px;
  4780 +}
  4781 +@media (min-width: 992px) {
  4782 + .work__pic {
  4783 + display: block;
  4784 + }
  4785 +}
  4786 +@media (min-width: 1280px) {
  4787 + .work__pic {
  4788 + margin-left: 80px;
  4789 + }
  4790 +}
  4791 +.work__body {
  4792 + position: relative;
  4793 + z-index: 2;
  4794 + display: -webkit-box;
  4795 + display: -ms-flexbox;
  4796 + display: flex;
  4797 + -webkit-box-orient: vertical;
  4798 + -webkit-box-direction: normal;
  4799 + -ms-flex-direction: column;
  4800 + flex-direction: column;
  4801 + -webkit-box-align: center;
  4802 + -ms-flex-align: center;
  4803 + align-items: center;
  4804 +}
  4805 +@media (min-width: 768px) {
  4806 + .work__body {
  4807 + -webkit-box-align: start;
  4808 + -ms-flex-align: start;
  4809 + align-items: flex-start;
  4810 + }
  4811 +}
  4812 +@media (min-width: 992px) {
  4813 + .work__body {
  4814 + max-width: 600px;
  4815 + }
  4816 +}
  4817 +.work__title {
  4818 + width: 100%;
  4819 + font-size: 40px;
  4820 + font-weight: 700;
  4821 + line-height: 1;
  4822 +}
  4823 +@media (min-width: 768px) {
  4824 + .work__title {
  4825 + font-size: 64px;
  4826 + }
  4827 +}
  4828 +.work__text {
  4829 + width: 100%;
  4830 + font-size: 12px;
  4831 + margin-top: 10px;
  4832 +}
  4833 +@media (min-width: 768px) {
  4834 + .work__text {
  4835 + font-size: 18px;
  4836 + margin-top: 20px;
  4837 + line-height: 1.4;
  4838 + }
  4839 +}
  4840 +.work__list {
  4841 + width: 100%;
  4842 + display: -webkit-box;
  4843 + display: -ms-flexbox;
  4844 + display: flex;
  4845 + -webkit-box-orient: vertical;
  4846 + -webkit-box-direction: normal;
  4847 + -ms-flex-direction: column;
  4848 + flex-direction: column;
  4849 + gap: 5px;
  4850 + font-size: 14px;
  4851 + font-weight: 700;
  4852 + margin-top: 15px;
  4853 +}
  4854 +@media (min-width: 768px) {
  4855 + .work__list {
  4856 + font-size: 18px;
  4857 + gap: 8px;
  4858 + margin-top: 30px;
  4859 + }
  4860 +}
  4861 +.work__list div {
  4862 + position: relative;
  4863 + padding-left: 10px;
  4864 +}
  4865 +@media (min-width: 768px) {
  4866 + .work__list div {
  4867 + padding-left: 16px;
  4868 + }
  4869 +}
  4870 +.work__list div:before {
  4871 + content: "";
  4872 + width: 4px;
  4873 + height: 4px;
  4874 + background: #6b6c6d;
  4875 + border-radius: 999px;
  4876 + position: absolute;
  4877 + top: 5px;
  4878 + left: 0;
  4879 +}
  4880 +@media (min-width: 768px) {
  4881 + .work__list div:before {
  4882 + top: 8px;
  4883 + }
  4884 +}
  4885 +.work__form {
  4886 + margin-top: 20px;
  4887 +}
  4888 +@media (min-width: 768px) {
  4889 + .work__form {
  4890 + margin-top: 30px;
  4891 + }
  4892 +}
  4893 +.work__search {
  4894 + width: 100%;
  4895 + max-width: 180px;
  4896 + margin-top: 20px;
  4897 +}
  4898 +@media (min-width: 768px) {
  4899 + .work__search {
  4900 + max-width: 270px;
  4901 + margin-top: 50px;
  4902 + }
  4903 +}
  4904 +.work__get {
  4905 + width: 100%;
  4906 + display: -webkit-box;
  4907 + display: -ms-flexbox;
  4908 + display: flex;
  4909 + -webkit-box-align: start;
  4910 + -ms-flex-align: start;
  4911 + align-items: flex-start;
  4912 + -ms-flex-wrap: wrap;
  4913 + flex-wrap: wrap;
  4914 + margin-top: 48px;
  4915 +}
  4916 +.work__get b {
  4917 + width: 100%;
  4918 + margin-bottom: 10px;
  4919 + font-size: 14px;
  4920 +}
  4921 +@media (min-width: 768px) {
  4922 + .work__get b {
  4923 + font-size: 18px;
  4924 + }
  4925 +}
  4926 +.work__get a {
  4927 + display: -webkit-box;
  4928 + display: -ms-flexbox;
  4929 + display: flex;
  4930 + -webkit-box-align: center;
  4931 + -ms-flex-align: center;
  4932 + align-items: center;
  4933 + -webkit-box-pack: center;
  4934 + -ms-flex-pack: center;
  4935 + justify-content: center;
  4936 + margin-right: 20px;
  4937 +}
  4938 +.work__get a img {
  4939 + -webkit-transition: 0.3s;
  4940 + transition: 0.3s;
  4941 + width: 111px;
  4942 +}
  4943 +@media (min-width: 768px) {
  4944 + .work__get a img {
  4945 + width: 131px;
  4946 + }
  4947 +}
  4948 +.work__get a:hover img {
  4949 + -webkit-transform: scale(1.1);
  4950 + -ms-transform: scale(1.1);
  4951 + transform: scale(1.1);
  4952 +}
  4953 +.work__get a + a {
  4954 + margin-right: 0;
  4955 +}
  4956 +
  4957 +.numbers {
  4958 + padding: 30px 0;
  4959 + background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
  4960 + color: #ffffff;
  4961 +}
  4962 +@media (min-width: 1280px) {
  4963 + .numbers {
  4964 + padding: 100px 0;
  4965 + background-position: 100% 100%;
  4966 + background-size: auto 500px;
  4967 + }
  4968 +}
  4969 +.numbers__body {
  4970 + display: -webkit-box;
  4971 + display: -ms-flexbox;
  4972 + display: flex;
  4973 + -webkit-box-orient: vertical;
  4974 + -webkit-box-direction: normal;
  4975 + -ms-flex-direction: column;
  4976 + flex-direction: column;
  4977 + gap: 30px;
  4978 +}
  4979 +@media (min-width: 768px) {
  4980 + .numbers__body {
  4981 + display: grid;
  4982 + grid-template-columns: 1fr 1fr 1fr;
  4983 + }
  4984 +}
  4985 +.numbers__item {
  4986 + font-size: 12px;
  4987 + display: -webkit-box;
  4988 + display: -ms-flexbox;
  4989 + display: flex;
  4990 + -webkit-box-orient: vertical;
  4991 + -webkit-box-direction: normal;
  4992 + -ms-flex-direction: column;
  4993 + flex-direction: column;
  4994 + line-height: 1.4;
  4995 +}
  4996 +@media (min-width: 1280px) {
  4997 + .numbers__item {
  4998 + font-size: 16px;
  4999 + }
  5000 +}
  5001 +.numbers__item b {
  5002 + font-size: 40px;
  5003 + font-weight: 700;
  5004 + border-bottom: 1px solid #ffffff;
  5005 + line-height: 1;
  5006 +}
  5007 +@media (min-width: 1280px) {
  5008 + .numbers__item b {
  5009 + font-size: 100px;
  5010 + }
  5011 +}
  5012 +.numbers__item span {
  5013 + font-weight: 700;
  5014 + font-size: 14px;
  5015 + margin: 10px 0;
  5016 +}
  5017 +@media (min-width: 1280px) {
  5018 + .numbers__item span {
  5019 + font-size: 24px;
  5020 + margin-top: 30px;
  5021 + }
  5022 +}
  5023 +
  5024 +.vacancies {
  5025 + padding: 50px 0;
  5026 +}
  5027 +@media (min-width: 1280px) {
  5028 + .vacancies {
  5029 + padding: 100px 0;
  5030 + }
  5031 +}
  5032 +.vacancies__body {
  5033 + display: -webkit-box;
  5034 + display: -ms-flexbox;
  5035 + display: flex;
  5036 + -webkit-box-orient: vertical;
  5037 + -webkit-box-direction: reverse;
  5038 + -ms-flex-direction: column-reverse;
  5039 + flex-direction: column-reverse;
  5040 + gap: 20px;
  5041 + width: 100%;
  5042 + margin-top: 20px;
  5043 +}
  5044 +@media (min-width: 992px) {
  5045 + .vacancies__body {
  5046 + margin-top: 30px;
  5047 + gap: 30px;
  5048 + }
  5049 +}
  5050 +.vacancies__more {
  5051 + width: 100%;
  5052 +}
  5053 +@media (min-width: 768px) {
  5054 + .vacancies__more {
  5055 + width: auto;
  5056 + margin: 0 auto;
  5057 + }
  5058 +}
  5059 +.vacancies__list {
  5060 + display: -webkit-box;
  5061 + display: -ms-flexbox;
  5062 + display: flex;
  5063 + -webkit-box-orient: vertical;
  5064 + -webkit-box-direction: normal;
  5065 + -ms-flex-direction: column;
  5066 + flex-direction: column;
  5067 + gap: 15px;
  5068 +}
  5069 +@media (min-width: 768px) {
  5070 + .vacancies__list {
  5071 + display: grid;
  5072 + grid-template-columns: repeat(2, 1fr);
  5073 + }
  5074 +}
  5075 +@media (min-width: 992px) {
  5076 + .vacancies__list {
  5077 + display: grid;
  5078 + grid-template-columns: repeat(3, 1fr);
  5079 + gap: 20px;
  5080 + }
  5081 +}
  5082 +.vacancies__item {
  5083 + display: none;
  5084 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  5085 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  5086 + border-radius: 12px;
  5087 + background: #ffffff;
  5088 + border: 1px solid #e6e7e7;
  5089 + overflow: hidden;
  5090 +}
  5091 +.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) {
  5092 + display: -webkit-box;
  5093 + display: -ms-flexbox;
  5094 + display: flex;
  5095 +}
  5096 +.vacancies__item > span {
  5097 + border-left: 10px solid #377d87;
  5098 + padding: 20px 14px;
  5099 + display: -webkit-box;
  5100 + display: -ms-flexbox;
  5101 + display: flex;
  5102 + -webkit-box-orient: vertical;
  5103 + -webkit-box-direction: normal;
  5104 + -ms-flex-direction: column;
  5105 + flex-direction: column;
  5106 + gap: 5px;
  5107 + -webkit-box-pack: justify;
  5108 + -ms-flex-pack: justify;
  5109 + justify-content: space-between;
  5110 +}
  5111 +@media (min-width: 992px) {
  5112 + .vacancies__item > span {
  5113 + gap: 10px;
  5114 + }
  5115 +}
  5116 +.vacancies__item b {
  5117 + font-weight: 700;
  5118 + font-size: 14px;
  5119 +}
  5120 +@media (min-width: 992px) {
  5121 + .vacancies__item b {
  5122 + font-size: 20px;
  5123 + }
  5124 +}
  5125 +.vacancies__item:hover b {
  5126 + color: #377d87;
  5127 +}
  5128 +.vacancies__item u {
  5129 + text-decoration: none;
  5130 + font-size: 14px;
  5131 +}
  5132 +@media (min-width: 992px) {
  5133 + .vacancies__item u {
  5134 + font-size: 18px;
  5135 + }
  5136 +}
  5137 +.vacancies__item i {
  5138 + font-size: 12px;
  5139 + font-style: normal;
  5140 +}
  5141 +@media (min-width: 992px) {
  5142 + .vacancies__item i {
  5143 + font-size: 16px;
  5144 + }
  5145 +}
  5146 +.vacancies__item i span {
  5147 + font-weight: 700;
  5148 + color: #377d87;
  5149 +}
  5150 +.vacancies__body.active > .vacancies__list > .vacancies__item {
  5151 + display: -webkit-box;
  5152 + display: -ms-flexbox;
  5153 + display: flex;
  5154 +}
  5155 +
  5156 +.employer {
  5157 + padding-bottom: 50px;
  5158 +}
  5159 +@media (min-width: 992px) {
  5160 + .employer {
  5161 + padding-bottom: 100px;
  5162 + }
  5163 +}
  5164 +.employer .swiper {
  5165 + margin-top: 20px;
  5166 +}
  5167 +@media (min-width: 992px) {
  5168 + .employer .swiper {
  5169 + margin-top: 30px;
  5170 + }
  5171 +}
  5172 +.employer__item {
  5173 + display: -webkit-box;
  5174 + display: -ms-flexbox;
  5175 + display: flex;
  5176 + -webkit-box-orient: vertical;
  5177 + -webkit-box-direction: normal;
  5178 + -ms-flex-direction: column;
  5179 + flex-direction: column;
  5180 + gap: 30px;
  5181 +}
  5182 +.employer__item a {
  5183 + display: -webkit-box;
  5184 + display: -ms-flexbox;
  5185 + display: flex;
  5186 + -webkit-box-orient: vertical;
  5187 + -webkit-box-direction: normal;
  5188 + -ms-flex-direction: column;
  5189 + flex-direction: column;
  5190 + -webkit-box-align: center;
  5191 + -ms-flex-align: center;
  5192 + align-items: center;
  5193 +}
  5194 +.employer__item img {
  5195 + width: 295px;
  5196 +}
  5197 +.employer__more {
  5198 + height: 38px;
  5199 + margin-top: 20px;
  5200 +}
  5201 +@media (min-width: 992px) {
  5202 + .employer__more {
  5203 + width: 250px;
  5204 + margin: 0 auto;
  5205 + height: 44px;
  5206 + margin-top: 40px;
  5207 + }
  5208 +}
  5209 +
  5210 +.about {
  5211 + background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
  5212 + background-size: cover;
  5213 + padding: 30px 0;
  5214 + padding-bottom: 70px;
  5215 +}
  5216 +@media (min-width: 768px) {
  5217 + .about {
  5218 + padding-top: 40px;
  5219 + background-size: auto calc(100% - 10px);
  5220 + }
  5221 +}
  5222 +@media (min-width: 1280px) {
  5223 + .about {
  5224 + padding: 100px 0;
  5225 + }
  5226 +}
  5227 +.about__wrapper {
  5228 + display: -webkit-box;
  5229 + display: -ms-flexbox;
  5230 + display: flex;
  5231 + -webkit-box-orient: vertical;
  5232 + -webkit-box-direction: normal;
  5233 + -ms-flex-direction: column;
  5234 + flex-direction: column;
  5235 + position: relative;
  5236 +}
  5237 +.about__title {
  5238 + color: #ffffff;
  5239 + line-height: 1.2;
  5240 +}
  5241 +@media (min-width: 1280px) {
  5242 + .about__title {
  5243 + position: absolute;
  5244 + top: -45px;
  5245 + left: 0;
  5246 + }
  5247 +}
  5248 +.about__body {
  5249 + display: -webkit-box;
  5250 + display: -ms-flexbox;
  5251 + display: flex;
  5252 + -webkit-box-orient: vertical;
  5253 + -webkit-box-direction: normal;
  5254 + -ms-flex-direction: column;
  5255 + flex-direction: column;
  5256 +}
  5257 +@media (min-width: 1280px) {
  5258 + .about__body {
  5259 + padding-left: 495px;
  5260 + }
  5261 +}
  5262 +.about__line {
  5263 + background: #ffffff;
  5264 + width: 100%;
  5265 + height: 1px;
  5266 + max-width: 400px;
  5267 + margin-top: 10px;
  5268 +}
  5269 +.about__item {
  5270 + display: -webkit-box;
  5271 + display: -ms-flexbox;
  5272 + display: flex;
  5273 + -webkit-box-orient: vertical;
  5274 + -webkit-box-direction: normal;
  5275 + -ms-flex-direction: column;
  5276 + flex-direction: column;
  5277 + margin-top: 10px;
  5278 + max-width: 600px;
  5279 +}
  5280 +@media (min-width: 768px) {
  5281 + .about__item {
  5282 + margin-top: 20px;
  5283 + }
  5284 +}
  5285 +@media (min-width: 1280px) {
  5286 + .about__item {
  5287 + margin-top: 30px;
  5288 + }
  5289 +}
  5290 +.about__item b {
  5291 + font-size: 20px;
  5292 + font-weight: 700;
  5293 +}
  5294 +.about__item span {
  5295 + font-size: 13px;
  5296 + line-height: 1.4;
  5297 + margin-top: 6px;
  5298 +}
  5299 +@media (min-width: 1280px) {
  5300 + .about__item span {
  5301 + font-size: 16px;
  5302 + margin-top: 12px;
  5303 + }
  5304 +}
  5305 +.about__item a {
  5306 + text-decoration: underline;
  5307 +}
  5308 +.about__item + .about__item {
  5309 + margin-top: 30px;
  5310 +}
  5311 +@media (min-width: 992px) {
  5312 + .about__item + .about__item {
  5313 + margin-top: 40px;
  5314 + }
  5315 +}
  5316 +.about__button {
  5317 + margin-top: 20px;
  5318 + height: 38px;
  5319 + padding: 0;
  5320 +}
  5321 +@media (min-width: 768px) {
  5322 + .about__button {
  5323 + max-width: 300px;
  5324 + height: 42px;
  5325 + margin-top: 30px;
  5326 + }
  5327 +}
  5328 +
  5329 +.news {
  5330 + padding: 50px 0;
  5331 + overflow: hidden;
  5332 +}
  5333 +@media (min-width: 1280px) {
  5334 + .news {
  5335 + padding: 100px 0;
  5336 + padding-bottom: 0;
  5337 + }
  5338 +}
  5339 +.news__toper {
  5340 + display: -webkit-box;
  5341 + display: -ms-flexbox;
  5342 + display: flex;
  5343 + -webkit-box-pack: justify;
  5344 + -ms-flex-pack: justify;
  5345 + justify-content: space-between;
  5346 + -webkit-box-align: center;
  5347 + -ms-flex-align: center;
  5348 + align-items: center;
  5349 +}
  5350 +@media (min-width: 1280px) {
  5351 + .news__toper .title {
  5352 + width: calc(100% - 160px);
  5353 + }
  5354 +}
  5355 +.news__toper .navs {
  5356 + display: none;
  5357 +}
  5358 +@media (min-width: 1280px) {
  5359 + .news__toper .navs {
  5360 + display: -webkit-box;
  5361 + display: -ms-flexbox;
  5362 + display: flex;
  5363 + }
  5364 +}
  5365 +.news .swiper {
  5366 + margin-top: 20px;
  5367 +}
  5368 +@media (min-width: 768px) {
  5369 + .news .swiper {
  5370 + overflow: visible;
  5371 + }
  5372 +}
  5373 +@media (min-width: 992px) {
  5374 + .news .swiper {
  5375 + margin-top: 40px;
  5376 + }
  5377 +}
  5378 +.news__item {
  5379 + display: -webkit-box;
  5380 + display: -ms-flexbox;
  5381 + display: flex;
  5382 + -webkit-box-orient: vertical;
  5383 + -webkit-box-direction: normal;
  5384 + -ms-flex-direction: column;
  5385 + flex-direction: column;
  5386 + line-height: 1.4;
  5387 +}
  5388 +.news__item-pic {
  5389 + width: 100%;
  5390 + aspect-ratio: 3/2;
  5391 + border-radius: 12px;
  5392 + border: 1px solid #e6e7e7;
  5393 + -o-object-fit: cover;
  5394 + object-fit: cover;
  5395 + min-height: 200px;
  5396 +}
  5397 +@media (min-width: 1280px) {
  5398 + .news__item-pic {
  5399 + aspect-ratio: 4/2;
  5400 + }
  5401 +}
  5402 +.news__item-body {
  5403 + display: -webkit-box;
  5404 + display: -ms-flexbox;
  5405 + display: flex;
  5406 + -webkit-box-orient: vertical;
  5407 + -webkit-box-direction: normal;
  5408 + -ms-flex-direction: column;
  5409 + flex-direction: column;
  5410 + padding-top: 15px;
  5411 +}
  5412 +@media (min-width: 768px) {
  5413 + .news__item-body {
  5414 + padding: 20px;
  5415 + padding-top: 30px;
  5416 + margin-top: -15px;
  5417 + border-radius: 0 0 12px 12px;
  5418 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  5419 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  5420 + }
  5421 +}
  5422 +.news__item-date {
  5423 + font-size: 14px;
  5424 + font-weight: 700;
  5425 + color: #377d87;
  5426 +}
  5427 +.news__item-title {
  5428 + font-size: 20px;
  5429 + font-weight: 700;
  5430 + line-height: 1.2;
  5431 + margin-top: 5px;
  5432 +}
  5433 +.news__item-text {
  5434 + color: #6b6c6d;
  5435 + font-size: 13px;
  5436 + margin-top: 10px;
  5437 +}
  5438 +@media (min-width: 1280px) {
  5439 + .news__item-text {
  5440 + font-size: 16px;
  5441 + }
  5442 +}
  5443 +.news__item-more {
  5444 + height: 42px;
  5445 + margin-top: 20px;
  5446 +}
  5447 +@media (min-width: 1280px) {
  5448 + .news__item-more {
  5449 + height: 44px;
  5450 + max-width: 190px;
  5451 + }
  5452 +}
  5453 +.news__all {
  5454 + height: 42px;
  5455 + margin: 0 auto;
  5456 + margin-top: 20px;
  5457 + padding: 0;
  5458 + display: none;
  5459 +}
  5460 +@media (min-width: 768px) {
  5461 + .news__all {
  5462 + max-width: 170px;
  5463 + margin-top: 30px;
  5464 + display: -webkit-box;
  5465 + display: -ms-flexbox;
  5466 + display: flex;
  5467 + }
  5468 +}
  5469 +@media (min-width: 1280px) {
  5470 + .news__all {
  5471 + height: 44px;
  5472 + }
  5473 +}
  5474 +
  5475 +.info {
  5476 + position: relative;
  5477 + overflow: hidden;
  5478 +}
  5479 +.info__pic {
  5480 + display: none;
  5481 + z-index: 1;
  5482 + position: absolute;
  5483 + bottom: 0;
  5484 + left: 50%;
  5485 + height: 100%;
  5486 + margin-left: 130px;
  5487 +}
  5488 +@media (min-width: 992px) {
  5489 + .info__pic {
  5490 + display: block;
  5491 + }
  5492 +}
  5493 +@media (min-width: 1280px) {
  5494 + .info__pic {
  5495 + width: 610px;
  5496 + height: auto;
  5497 + }
  5498 +}
  5499 +.info__body {
  5500 + z-index: 2;
  5501 + position: relative;
  5502 + display: -webkit-box;
  5503 + display: -ms-flexbox;
  5504 + display: flex;
  5505 + -webkit-box-orient: vertical;
  5506 + -webkit-box-direction: normal;
  5507 + -ms-flex-direction: column;
  5508 + flex-direction: column;
  5509 +}
  5510 +@media (min-width: 1280px) {
  5511 + .info__body {
  5512 + min-height: 605px;
  5513 + padding-bottom: 75px;
  5514 + -webkit-box-pack: end;
  5515 + -ms-flex-pack: end;
  5516 + justify-content: flex-end;
  5517 + }
  5518 +}
  5519 +@media (min-width: 1280px) {
  5520 + .info__title {
  5521 + max-width: 520px;
  5522 + line-height: 1;
  5523 + }
  5524 +}
  5525 +.info__item {
  5526 + margin-top: 30px;
  5527 + display: -webkit-box;
  5528 + display: -ms-flexbox;
  5529 + display: flex;
  5530 + -webkit-box-orient: vertical;
  5531 + -webkit-box-direction: normal;
  5532 + -ms-flex-direction: column;
  5533 + flex-direction: column;
  5534 + gap: 20px;
  5535 +}
  5536 +@media (min-width: 992px) {
  5537 + .info__item {
  5538 + max-width: 610px;
  5539 + }
  5540 +}
  5541 +.info__item + .info__item {
  5542 + border-top: 1px solid #e6e7e7;
  5543 + padding-top: 30px;
  5544 +}
  5545 +.info__text {
  5546 + color: #6b6c6d;
  5547 + font-size: 13px;
  5548 + line-height: 1.4;
  5549 +}
  5550 +@media (min-width: 768px) {
  5551 + .info__text {
  5552 + font-size: 16px;
  5553 + }
  5554 +}
  5555 +@media (min-width: 1280px) {
  5556 + .info__text {
  5557 + font-size: 18px;
  5558 + }
  5559 +}
  5560 +.info__link {
  5561 + border-radius: 8px;
  5562 + display: -webkit-box;
  5563 + display: -ms-flexbox;
  5564 + display: flex;
  5565 + -webkit-box-pack: center;
  5566 + -ms-flex-pack: center;
  5567 + justify-content: center;
  5568 + -webkit-box-align: center;
  5569 + -ms-flex-align: center;
  5570 + align-items: center;
  5571 + line-height: 1;
  5572 + height: 40px;
  5573 + font-size: 12px;
  5574 + font-weight: 700;
  5575 + gap: 8px;
  5576 + color: #ffffff;
  5577 + background: #377d87;
  5578 +}
  5579 +.info__link:hover {
  5580 + -webkit-filter: grayscale(50%);
  5581 + filter: grayscale(50%);
  5582 +}
  5583 +@media (min-width: 768px) {
  5584 + .info__link {
  5585 + height: 44px;
  5586 + font-size: 16px;
  5587 + gap: 10px;
  5588 + max-width: 300px;
  5589 + }
  5590 +}
  5591 +@media (min-width: 992px) {
  5592 + .info__link {
  5593 + max-width: 210px;
  5594 + }
  5595 +}
  5596 +.info__link svg {
  5597 + width: 16px;
  5598 + height: 16px;
  5599 +}
  5600 +@media (min-width: 768px) {
  5601 + .info__link svg {
  5602 + width: 20px;
  5603 + height: 20px;
  5604 + }
  5605 +}
  5606 +
  5607 +.thing {
  5608 + padding-top: 15px;
  5609 + padding-bottom: 30px;
  5610 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  5611 + color: #696b6b;
  5612 + overflow: hidden;
  5613 + position: relative;
  5614 +}
  5615 +@media (min-width: 992px) {
  5616 + .thing {
  5617 + padding-top: 20px;
  5618 + padding-bottom: 60px;
  5619 + }
  5620 +}
  5621 +@media (min-width: 1280px) {
  5622 + .thing {
  5623 + padding-bottom: 90px;
  5624 + }
  5625 +}
  5626 +.thing__body {
  5627 + display: -webkit-box;
  5628 + display: -ms-flexbox;
  5629 + display: flex;
  5630 + -webkit-box-orient: vertical;
  5631 + -webkit-box-direction: normal;
  5632 + -ms-flex-direction: column;
  5633 + flex-direction: column;
  5634 + -webkit-box-align: start;
  5635 + -ms-flex-align: start;
  5636 + align-items: flex-start;
  5637 +}
  5638 +@media (min-width: 992px) {
  5639 + .thing__body {
  5640 + min-height: 330px;
  5641 + }
  5642 +}
  5643 +.thing__breadcrumbs {
  5644 + width: 100%;
  5645 + margin-bottom: 40px;
  5646 + position: relative;
  5647 + z-index: 2;
  5648 +}
  5649 +@media (min-width: 768px) {
  5650 + .thing__breadcrumbs {
  5651 + margin-bottom: 50px;
  5652 + }
  5653 +}
  5654 +.thing__title {
  5655 + width: 100%;
  5656 + font-size: 32px;
  5657 + font-weight: 700;
  5658 + margin: 0;
  5659 + max-width: 780px;
  5660 + position: relative;
  5661 + z-index: 2;
  5662 + line-height: 1.1;
  5663 +}
  5664 +@media (min-width: 768px) {
  5665 + .thing__title {
  5666 + font-size: 40px;
  5667 + }
  5668 +}
  5669 +@media (min-width: 1280px) {
  5670 + .thing__title {
  5671 + font-size: 64px;
  5672 + }
  5673 +}
  5674 +.thing__text {
  5675 + width: 100%;
  5676 + font-weight: 700;
  5677 + font-size: 14px;
  5678 + line-height: 1.4;
  5679 + margin: 15px 0 0 0;
  5680 + max-width: 780px;
  5681 + position: relative;
  5682 + z-index: 2;
  5683 +}
  5684 +@media (min-width: 768px) {
  5685 + .thing__text {
  5686 + margin-top: 15px;
  5687 + }
  5688 +}
  5689 +@media (min-width: 992px) {
  5690 + .thing__text {
  5691 + font-weight: 400;
  5692 + font-size: 18px;
  5693 + }
  5694 +}
  5695 +.thing__search {
  5696 + width: 100%;
  5697 + max-width: 640px;
  5698 + margin-top: 20px;
  5699 + position: relative;
  5700 + z-index: 2;
  5701 +}
  5702 +@media (min-width: 768px) {
  5703 + .thing__search {
  5704 + margin-top: 30px;
  5705 + }
  5706 +}
  5707 +.thing__badge {
  5708 + position: relative;
  5709 + z-index: 2;
  5710 + display: -webkit-box;
  5711 + display: -ms-flexbox;
  5712 + display: flex;
  5713 + -webkit-box-align: center;
  5714 + -ms-flex-align: center;
  5715 + align-items: center;
  5716 + gap: 5px;
  5717 + padding: 0 12px;
  5718 + background: #4d88d9;
  5719 + color: #ffffff;
  5720 + font-size: 12px;
  5721 + line-height: 1;
  5722 + height: 26px;
  5723 + border-radius: 999px;
  5724 + margin-bottom: 20px;
  5725 +}
  5726 +@media (min-width: 992px) {
  5727 + .thing__badge {
  5728 + font-size: 16px;
  5729 + gap: 10px;
  5730 + padding: 0 24px;
  5731 + height: 42px;
  5732 + margin-bottom: 30px;
  5733 + }
  5734 +}
  5735 +.thing__badge svg {
  5736 + width: 12px;
  5737 + height: 12px;
  5738 +}
  5739 +@media (min-width: 992px) {
  5740 + .thing__badge svg {
  5741 + width: 20px;
  5742 + height: 20px;
  5743 + }
  5744 +}
  5745 +.thing__pic {
  5746 + width: 60px;
  5747 + aspect-ratio: 1/1;
  5748 + -o-object-fit: contain;
  5749 + object-fit: contain;
  5750 + position: relative;
  5751 + z-index: 1;
  5752 + margin-bottom: 15px;
  5753 +}
  5754 +@media (min-width: 768px) {
  5755 + .thing__pic {
  5756 + width: 160px;
  5757 + position: absolute;
  5758 + top: 15px;
  5759 + right: 20px;
  5760 + }
  5761 +}
  5762 +@media (min-width: 992px) {
  5763 + .thing__pic {
  5764 + width: 330px;
  5765 + top: 50%;
  5766 + -webkit-transform: translate(0, -50%);
  5767 + -ms-transform: translate(0, -50%);
  5768 + transform: translate(0, -50%);
  5769 + }
  5770 +}
  5771 +@media (min-width: 1280px) {
  5772 + .thing__pic {
  5773 + right: auto;
  5774 + left: 50%;
  5775 + margin-left: 200px;
  5776 + }
  5777 +}
  5778 +.thing__pic_two {
  5779 + -o-object-fit: cover;
  5780 + object-fit: cover;
  5781 + border-radius: 30px;
  5782 + aspect-ratio: 44/37;
  5783 + width: 100%;
  5784 + max-width: 440px;
  5785 +}
  5786 +@media (min-width: 768px) {
  5787 + .thing__pic_two {
  5788 + position: static;
  5789 + -webkit-transform: translate(0, 0);
  5790 + -ms-transform: translate(0, 0);
  5791 + transform: translate(0, 0);
  5792 + }
  5793 +}
  5794 +@media (min-width: 1280px) {
  5795 + .thing__pic_two {
  5796 + position: absolute;
  5797 + -webkit-transform: translate(0, -50%);
  5798 + -ms-transform: translate(0, -50%);
  5799 + transform: translate(0, -50%);
  5800 + }
  5801 +}
  5802 +.thing__buttons {
  5803 + width: 100%;
  5804 + position: relative;
  5805 + z-index: 2;
  5806 + display: -webkit-box;
  5807 + display: -ms-flexbox;
  5808 + display: flex;
  5809 + -webkit-box-align: center;
  5810 + -ms-flex-align: center;
  5811 + align-items: center;
  5812 + gap: 20px;
  5813 + margin-top: 15px;
  5814 +}
  5815 +@media (min-width: 992px) {
  5816 + .thing__buttons {
  5817 + margin-top: 30px;
  5818 + gap: 30px;
  5819 + }
  5820 +}
  5821 +.thing__checkbox {
  5822 + margin-top: 20px;
  5823 +}
  5824 +.thing__checkbox .checkbox__icon {
  5825 + border-color: #377d87;
  5826 +}
  5827 +.thing__checkbox .checkbox__text {
  5828 + color: #377d87;
  5829 +}
  5830 +.thing__profile {
  5831 + display: -webkit-box;
  5832 + display: -ms-flexbox;
  5833 + display: flex;
  5834 + -webkit-box-orient: vertical;
  5835 + -webkit-box-direction: normal;
  5836 + -ms-flex-direction: column;
  5837 + flex-direction: column;
  5838 +}
  5839 +@media (min-width: 768px) {
  5840 + .thing__profile {
  5841 + -webkit-box-orient: horizontal;
  5842 + -webkit-box-direction: normal;
  5843 + -ms-flex-direction: row;
  5844 + flex-direction: row;
  5845 + -webkit-box-align: start;
  5846 + -ms-flex-align: start;
  5847 + align-items: flex-start;
  5848 + }
  5849 +}
  5850 +.thing__profile-photo {
  5851 + width: 210px;
  5852 + border-radius: 8px;
  5853 + aspect-ratio: 1/1;
  5854 +}
  5855 +.thing__profile-body {
  5856 + display: -webkit-box;
  5857 + display: -ms-flexbox;
  5858 + display: flex;
  5859 + -webkit-box-orient: vertical;
  5860 + -webkit-box-direction: normal;
  5861 + -ms-flex-direction: column;
  5862 + flex-direction: column;
  5863 + margin-top: 15px;
  5864 +}
  5865 +@media (min-width: 768px) {
  5866 + .thing__profile-body {
  5867 + width: calc(100% - 210px);
  5868 + padding-left: 35px;
  5869 + }
  5870 +}
  5871 +.thing__profile .thing__title {
  5872 + max-width: none;
  5873 +}
  5874 +@media (min-width: 768px) {
  5875 + .thing__profile .thing__title {
  5876 + margin-top: -20px;
  5877 + }
  5878 +}
  5879 +.thing__profile .thing__text {
  5880 + max-width: none;
  5881 +}
  5882 +.thing__bottom {
  5883 + display: -webkit-box;
  5884 + display: -ms-flexbox;
  5885 + display: flex;
  5886 + -webkit-box-align: center;
  5887 + -ms-flex-align: center;
  5888 + align-items: center;
  5889 + gap: 15px;
  5890 + margin-top: 15px;
  5891 +}
  5892 +@media (min-width: 768px) {
  5893 + .thing__bottom {
  5894 + margin-top: 30px;
  5895 + }
  5896 +}
  5897 +.thing__select {
  5898 + width: 100%;
  5899 + max-width: 640px;
  5900 + margin-top: 20px;
  5901 +}
  5902 +@media (min-width: 768px) {
  5903 + .thing__select {
  5904 + margin-top: 30px;
  5905 + }
  5906 +}
  5907 +
  5908 +.page-404 {
  5909 + background: url(../images/bg-3.svg) no-repeat 100%/cover;
  5910 + overflow: hidden;
  5911 +}
  5912 +.page-404__body {
  5913 + display: -webkit-box;
  5914 + display: -ms-flexbox;
  5915 + display: flex;
  5916 + -webkit-box-orient: vertical;
  5917 + -webkit-box-direction: normal;
  5918 + -ms-flex-direction: column;
  5919 + flex-direction: column;
  5920 + -webkit-box-align: center;
  5921 + -ms-flex-align: center;
  5922 + align-items: center;
  5923 + -webkit-box-pack: center;
  5924 + -ms-flex-pack: center;
  5925 + justify-content: center;
  5926 + text-align: center;
  5927 + padding: 60px 0;
  5928 + color: #696b6b;
  5929 + font-size: 12px;
  5930 + gap: 10px;
  5931 + line-height: 1.4;
  5932 +}
  5933 +@media (min-width: 768px) {
  5934 + .page-404__body {
  5935 + font-size: 18px;
  5936 + padding: 120px 0;
  5937 + gap: 20px;
  5938 + }
  5939 +}
  5940 +@media (min-width: 1280px) {
  5941 + .page-404__body {
  5942 + padding: 180px 0;
  5943 + text-align: left;
  5944 + }
  5945 +}
  5946 +.page-404__numb {
  5947 + font-size: 114px;
  5948 + line-height: 1;
  5949 + color: #377d87;
  5950 + font-weight: 700;
  5951 +}
  5952 +@media (min-width: 768px) {
  5953 + .page-404__numb {
  5954 + font-size: 184px;
  5955 + }
  5956 +}
  5957 +@media (min-width: 768px) {
  5958 + .page-404__title {
  5959 + font-weight: 700;
  5960 + font-size: 44px;
  5961 + }
  5962 +}
  5963 +@media (min-width: 1280px) {
  5964 + .page-404__title {
  5965 + width: 710px;
  5966 + position: relative;
  5967 + left: 200px;
  5968 + }
  5969 +}
  5970 +@media (min-width: 1280px) {
  5971 + .page-404__subtitle {
  5972 + width: 710px;
  5973 + position: relative;
  5974 + left: 200px;
  5975 + }
  5976 +}
  5977 +.page-404__button {
  5978 + margin-top: 10px;
  5979 +}
  5980 +@media (min-width: 1280px) {
  5981 + .page-404__button {
  5982 + position: relative;
  5983 + left: -45px;
  5984 + }
  5985 +}
  5986 +
  5987 +.cookies {
  5988 + display: none;
  5989 + -webkit-box-align: end;
  5990 + -ms-flex-align: end;
  5991 + align-items: flex-end;
  5992 + padding: 10px;
  5993 + padding-top: 0;
  5994 + height: 0;
  5995 + position: fixed;
  5996 + z-index: 999;
  5997 + bottom: 0;
  5998 + left: 0;
  5999 + width: 100%;
  6000 +}
  6001 +.cookies-is-actived .cookies {
  6002 + display: -webkit-box;
  6003 + display: -ms-flexbox;
  6004 + display: flex;
  6005 +}
  6006 +.cookies__body {
  6007 + border-radius: 6px;
  6008 + border: 1px solid #377d87;
  6009 + background: #ffffff;
  6010 + padding: 15px;
  6011 + padding-right: 50px;
  6012 + position: relative;
  6013 + max-width: 940px;
  6014 + margin: 0 auto;
  6015 +}
  6016 +@media (min-width: 768px) {
  6017 + .cookies__body {
  6018 + padding: 25px;
  6019 + padding-right: 50px;
  6020 + border-radius: 12px;
  6021 + }
  6022 +}
  6023 +@media (min-width: 992px) {
  6024 + .cookies__body {
  6025 + padding: 40px 60px;
  6026 + }
  6027 +}
  6028 +.cookies__close {
  6029 + display: -webkit-box;
  6030 + display: -ms-flexbox;
  6031 + display: flex;
  6032 + -webkit-box-pack: center;
  6033 + -ms-flex-pack: center;
  6034 + justify-content: center;
  6035 + -webkit-box-align: center;
  6036 + -ms-flex-align: center;
  6037 + align-items: center;
  6038 + color: #377d87;
  6039 + padding: 0;
  6040 + border: none;
  6041 + background: none;
  6042 + position: absolute;
  6043 + top: 15px;
  6044 + right: 15px;
  6045 +}
  6046 +.cookies__close:hover {
  6047 + color: #3a3b3c;
  6048 +}
  6049 +.cookies__close svg {
  6050 + width: 16px;
  6051 + height: 16px;
  6052 +}
  6053 +.cookies__text {
  6054 + font-size: 12px;
  6055 + color: #377d87;
  6056 + line-height: 1.4;
  6057 +}
  6058 +@media (min-width: 768px) {
  6059 + .cookies__text {
  6060 + font-size: 16px;
  6061 + font-weight: 700;
  6062 + }
  6063 +}
  6064 +
  6065 +.fancybox-active {
  6066 + overflow: hidden;
  6067 +}
  6068 +.fancybox-is-open .fancybox-bg {
  6069 + background: #080B0B;
  6070 + opacity: 0.6;
  6071 + z-index: 9999;
  6072 +}
  6073 +.fancybox-slide {
  6074 + padding: 0;
  6075 +}
  6076 +@media (min-width: 992px) {
  6077 + .fancybox-slide {
  6078 + padding: 30px;
  6079 + }
  6080 +}
  6081 +.fancybox-slide--html .fancybox-close-small {
  6082 + padding: 0;
  6083 + opacity: 1;
  6084 + color: #377d87;
  6085 +}
  6086 +@media (min-width: 768px) {
  6087 + .fancybox-slide--html .fancybox-close-small {
  6088 + top: 10px;
  6089 + right: 10px;
  6090 + }
  6091 +}
  6092 +.fancybox-slide--html .fancybox-close-small:hover {
  6093 + color: #3a3b3c;
  6094 +}
  6095 +
  6096 +.modal {
  6097 + width: 100%;
  6098 + max-width: 820px;
  6099 + padding: 0;
  6100 + background: #ffffff;
  6101 + z-index: 99999;
  6102 +}
  6103 +@media (min-width: 992px) {
  6104 + .modal {
  6105 + border-radius: 10px;
  6106 + border: 1px solid #377d87;
  6107 + }
  6108 +}
  6109 +.modal_bg {
  6110 + background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
  6111 +}
  6112 +@media (min-width: 768px) {
  6113 + .modal_bg {
  6114 + background-position: 100% 100%;
  6115 + }
  6116 +}
  6117 +.modal__body {
  6118 + padding: 40px 15px;
  6119 + padding-bottom: 30px;
  6120 + display: -webkit-box;
  6121 + display: -ms-flexbox;
  6122 + display: flex;
  6123 + -webkit-box-orient: vertical;
  6124 + -webkit-box-direction: normal;
  6125 + -ms-flex-direction: column;
  6126 + flex-direction: column;
  6127 + -webkit-box-align: center;
  6128 + -ms-flex-align: center;
  6129 + align-items: center;
  6130 + -webkit-box-pack: center;
  6131 + -ms-flex-pack: center;
  6132 + justify-content: center;
  6133 + width: 100%;
  6134 + min-height: 100vh;
  6135 + overflow: hidden;
  6136 + font-size: 12px;
  6137 +}
  6138 +@media (min-width: 768px) {
  6139 + .modal__body {
  6140 + font-size: 16px;
  6141 + padding-left: 22px;
  6142 + padding-right: 22px;
  6143 + }
  6144 +}
  6145 +@media (min-width: 992px) {
  6146 + .modal__body {
  6147 + min-height: 450px;
  6148 + padding: 60px 80px;
  6149 + padding-bottom: 40px;
  6150 + }
  6151 +}
  6152 +@media (min-width: 768px) {
  6153 + .modal__body .left {
  6154 + text-align: left;
  6155 + }
  6156 +}
  6157 +.modal__title {
  6158 + width: 100%;
  6159 + font-size: 22px;
  6160 + font-weight: 700;
  6161 + text-align: center;
  6162 + color: #696b6b;
  6163 +}
  6164 +@media (min-width: 768px) {
  6165 + .modal__title {
  6166 + font-size: 32px;
  6167 + }
  6168 +}
  6169 +@media (min-width: 992px) {
  6170 + .modal__title {
  6171 + font-size: 44px;
  6172 + }
  6173 +}
  6174 +.modal__text {
  6175 + width: 100%;
  6176 + text-align: center;
  6177 + margin-top: 10px;
  6178 + color: #696b6b;
  6179 +}
  6180 +@media (min-width: 768px) {
  6181 + .modal__text {
  6182 + margin-top: 20px;
  6183 + }
  6184 +}
  6185 +.modal__text span {
  6186 + color: #9C9D9D;
  6187 +}
  6188 +.modal__text a {
  6189 + font-weight: 700;
  6190 + color: #377d87;
  6191 +}
  6192 +.modal__text a:hover {
  6193 + color: #3a3b3c;
  6194 +}
  6195 +.modal__button {
  6196 + margin-top: 20px;
  6197 +}
  6198 +@media (min-width: 768px) {
  6199 + .modal__button {
  6200 + min-width: 200px;
  6201 + margin-top: 30px;
  6202 + }
  6203 +}
  6204 +.modal__buttons {
  6205 + display: grid;
  6206 + grid-template-columns: repeat(2, 1fr);
  6207 + gap: 20px;
  6208 + margin-top: 20px;
  6209 +}
  6210 +@media (min-width: 768px) {
  6211 + .modal__buttons {
  6212 + gap: 30px;
  6213 + margin-top: 30px;
  6214 + }
  6215 +}
  6216 +.modal__form {
  6217 + width: 100%;
  6218 + display: -webkit-box;
  6219 + display: -ms-flexbox;
  6220 + display: flex;
  6221 + -webkit-box-orient: vertical;
  6222 + -webkit-box-direction: normal;
  6223 + -ms-flex-direction: column;
  6224 + flex-direction: column;
  6225 + gap: 16px;
  6226 + margin-top: 10px;
  6227 +}
  6228 +@media (min-width: 768px) {
  6229 + .modal__form {
  6230 + margin-top: 20px;
  6231 + }
  6232 +}
  6233 +.modal__form-item {
  6234 + display: -webkit-box;
  6235 + display: -ms-flexbox;
  6236 + display: flex;
  6237 + -webkit-box-orient: vertical;
  6238 + -webkit-box-direction: normal;
  6239 + -ms-flex-direction: column;
  6240 + flex-direction: column;
  6241 + -webkit-box-align: center;
  6242 + -ms-flex-align: center;
  6243 + align-items: center;
  6244 + gap: 4px;
  6245 +}
  6246 +.modal__form-item > .input {
  6247 + width: 100%;
  6248 +}
  6249 +.modal__form-item > .textarea {
  6250 + width: 100%;
  6251 + height: 175px;
  6252 +}
  6253 +@media (min-width: 768px) {
  6254 + .modal__form-item > .textarea {
  6255 + height: 195px;
  6256 + }
  6257 +}
  6258 +.modal__form-item > .file {
  6259 + width: 100%;
  6260 +}
  6261 +.modal__form-item > .button {
  6262 + min-width: 120px;
  6263 +}
  6264 +.modal__form-item > label {
  6265 + width: 100%;
  6266 + display: none;
  6267 + color: #eb5757;
  6268 + padding: 0 10px;
  6269 + font-size: 12px;
  6270 +}
  6271 +@media (min-width: 768px) {
  6272 + .modal__form-item > label {
  6273 + padding: 0 20px;
  6274 + font-size: 16px;
  6275 + }
  6276 +}
  6277 +.modal__sign {
  6278 + display: -webkit-box;
  6279 + display: -ms-flexbox;
  6280 + display: flex;
  6281 + -webkit-box-orient: vertical;
  6282 + -webkit-box-direction: normal;
  6283 + -ms-flex-direction: column;
  6284 + flex-direction: column;
  6285 + gap: 20px;
  6286 + margin-top: 10px;
  6287 + margin-bottom: 20px;
  6288 + width: 100%;
  6289 +}
  6290 +@media (min-width: 768px) {
  6291 + .modal__sign {
  6292 + margin-top: 20px;
  6293 + margin-bottom: 40px;
  6294 + }
  6295 +}
  6296 +.modal__sign-item {
  6297 + display: -webkit-box;
  6298 + display: -ms-flexbox;
  6299 + display: flex;
  6300 + -webkit-box-orient: vertical;
  6301 + -webkit-box-direction: normal;
  6302 + -ms-flex-direction: column;
  6303 + flex-direction: column;
  6304 + -webkit-box-align: center;
  6305 + -ms-flex-align: center;
  6306 + align-items: center;
  6307 + position: relative;
  6308 +}
  6309 +.modal__sign-item > .input {
  6310 + width: 100%;
  6311 + padding-right: 36px;
  6312 + position: relative;
  6313 + z-index: 1;
  6314 +}
  6315 +@media (min-width: 768px) {
  6316 + .modal__sign-item > .input {
  6317 + height: 52px;
  6318 + padding-right: 60px;
  6319 + }
  6320 +}
  6321 +.modal__sign-item > .textarea {
  6322 + width: 100%;
  6323 +}
  6324 +.modal__sign-bottom {
  6325 + display: -webkit-box;
  6326 + display: -ms-flexbox;
  6327 + display: flex;
  6328 + -webkit-box-pack: justify;
  6329 + -ms-flex-pack: justify;
  6330 + justify-content: space-between;
  6331 + -webkit-box-align: center;
  6332 + -ms-flex-align: center;
  6333 + align-items: center;
  6334 + width: 100%;
  6335 +}
  6336 +.modal__sign-bottom-link {
  6337 + font-weight: 700;
  6338 + color: #377d87;
  6339 +}
  6340 +.modal__tabs {
  6341 + width: 100%;
  6342 + display: grid;
  6343 + grid-template-columns: repeat(2, 1fr);
  6344 + gap: 16px;
  6345 + margin-top: 10px;
  6346 +}
  6347 +@media (min-width: 768px) {
  6348 + .modal__tabs {
  6349 + gap: 24px;
  6350 + margin-top: 20px;
  6351 + }
  6352 +}
  6353 +.modal__tabs-item.active {
  6354 + background: #377d87;
  6355 + color: #ffffff;
  6356 +}
  6357 +.modal__reg {
  6358 + display: none;
  6359 + -webkit-box-orient: vertical;
  6360 + -webkit-box-direction: normal;
  6361 + -ms-flex-direction: column;
  6362 + flex-direction: column;
  6363 + -webkit-box-align: center;
  6364 + -ms-flex-align: center;
  6365 + align-items: center;
  6366 + gap: 10px;
  6367 + width: 100%;
  6368 + margin-top: 10px;
  6369 + margin-bottom: 20px;
  6370 +}
  6371 +@media (min-width: 768px) {
  6372 + .modal__reg {
  6373 + margin-top: 20px;
  6374 + margin-bottom: 30px;
  6375 + gap: 20px;
  6376 + }
  6377 +}
  6378 +.modal__reg.showed {
  6379 + display: -webkit-box;
  6380 + display: -ms-flexbox;
  6381 + display: flex;
  6382 +}
  6383 +.modal__reg-item {
  6384 + width: 100%;
  6385 + display: -webkit-box;
  6386 + display: -ms-flexbox;
  6387 + display: flex;
  6388 + -webkit-box-orient: vertical;
  6389 + -webkit-box-direction: normal;
  6390 + -ms-flex-direction: column;
  6391 + flex-direction: column;
  6392 +}
  6393 +.modal__reg-item > .captcha {
  6394 + width: 100%;
  6395 + max-width: 300px;
  6396 +}
  6397 +
  6398 +.cabinet {
  6399 + padding: 20px 0;
  6400 + padding-bottom: 40px;
  6401 + background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
  6402 +}
  6403 +@media (min-width: 992px) {
  6404 + .cabinet {
  6405 + padding: 30px 0;
  6406 + padding-bottom: 60px;
  6407 + }
  6408 +}
  6409 +.cabinet__breadcrumbs {
  6410 + margin-bottom: 50px;
  6411 +}
  6412 +.cabinet__wrapper {
  6413 + display: -webkit-box;
  6414 + display: -ms-flexbox;
  6415 + display: flex;
  6416 + -webkit-box-orient: vertical;
  6417 + -webkit-box-direction: normal;
  6418 + -ms-flex-direction: column;
  6419 + flex-direction: column;
  6420 +}
  6421 +@media (min-width: 992px) {
  6422 + .cabinet__wrapper {
  6423 + -webkit-box-orient: horizontal;
  6424 + -webkit-box-direction: normal;
  6425 + -ms-flex-direction: row;
  6426 + flex-direction: row;
  6427 + -webkit-box-align: start;
  6428 + -ms-flex-align: start;
  6429 + align-items: flex-start;
  6430 + -webkit-box-pack: justify;
  6431 + -ms-flex-pack: justify;
  6432 + justify-content: space-between;
  6433 + }
  6434 +}
  6435 +.cabinet__side {
  6436 + border-radius: 8px;
  6437 + background: #ffffff;
  6438 + padding: 20px 10px;
  6439 + display: -webkit-box;
  6440 + display: -ms-flexbox;
  6441 + display: flex;
  6442 + -webkit-box-orient: vertical;
  6443 + -webkit-box-direction: normal;
  6444 + -ms-flex-direction: column;
  6445 + flex-direction: column;
  6446 + gap: 30px;
  6447 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  6448 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  6449 +}
  6450 +@media (min-width: 768px) {
  6451 + .cabinet__side {
  6452 + padding: 30px 20px;
  6453 + margin-bottom: 50px;
  6454 + }
  6455 +}
  6456 +@media (min-width: 992px) {
  6457 + .cabinet__side {
  6458 + width: 340px;
  6459 + margin: 0;
  6460 + position: sticky;
  6461 + top: 6px;
  6462 + }
  6463 +}
  6464 +@media (min-width: 1280px) {
  6465 + .cabinet__side {
  6466 + width: 400px;
  6467 + }
  6468 +}
  6469 +.cabinet__side-item {
  6470 + display: -webkit-box;
  6471 + display: -ms-flexbox;
  6472 + display: flex;
  6473 + -webkit-box-orient: vertical;
  6474 + -webkit-box-direction: normal;
  6475 + -ms-flex-direction: column;
  6476 + flex-direction: column;
  6477 + gap: 20px;
  6478 +}
  6479 +.cabinet__side-toper {
  6480 + display: -webkit-box;
  6481 + display: -ms-flexbox;
  6482 + display: flex;
  6483 + -webkit-box-align: center;
  6484 + -ms-flex-align: center;
  6485 + align-items: center;
  6486 +}
  6487 +.cabinet__side-toper img {
  6488 + width: 70px;
  6489 + aspect-ratio: 1/1;
  6490 + -o-object-fit: contain;
  6491 + object-fit: contain;
  6492 +}
  6493 +.cabinet__side-toper b {
  6494 + width: calc(100% - 70px);
  6495 + font-size: 14px;
  6496 + font-weight: 700;
  6497 + padding-left: 16px;
  6498 +}
  6499 +@media (min-width: 768px) {
  6500 + .cabinet__side-toper b {
  6501 + font-size: 20px;
  6502 + }
  6503 +}
  6504 +.cabinet__menu {
  6505 + display: -webkit-box;
  6506 + display: -ms-flexbox;
  6507 + display: flex;
  6508 + -webkit-box-orient: vertical;
  6509 + -webkit-box-direction: normal;
  6510 + -ms-flex-direction: column;
  6511 + flex-direction: column;
  6512 +}
  6513 +.cabinet__menu-toper {
  6514 + display: -webkit-box;
  6515 + display: -ms-flexbox;
  6516 + display: flex;
  6517 + -webkit-box-align: center;
  6518 + -ms-flex-align: center;
  6519 + align-items: center;
  6520 + -webkit-box-pack: justify;
  6521 + -ms-flex-pack: justify;
  6522 + justify-content: space-between;
  6523 + padding: 0 16px;
  6524 + padding-right: 12px;
  6525 + border: none;
  6526 + border-radius: 8px;
  6527 + background: #377d87;
  6528 + color: #ffffff;
  6529 +}
  6530 +@media (min-width: 768px) {
  6531 + .cabinet__menu-toper {
  6532 + padding: 0 20px;
  6533 + }
  6534 +}
  6535 +@media (min-width: 992px) {
  6536 + .cabinet__menu-toper {
  6537 + display: none;
  6538 + }
  6539 +}
  6540 +.cabinet__menu-toper-text {
  6541 + width: calc(100% - 16px);
  6542 + display: -webkit-box;
  6543 + display: -ms-flexbox;
  6544 + display: flex;
  6545 + -webkit-box-align: center;
  6546 + -ms-flex-align: center;
  6547 + align-items: center;
  6548 +}
  6549 +@media (min-width: 768px) {
  6550 + .cabinet__menu-toper-text {
  6551 + width: calc(100% - 20px);
  6552 + }
  6553 +}
  6554 +.cabinet__menu-toper-text i {
  6555 + width: 16px;
  6556 + height: 16px;
  6557 + display: -webkit-box;
  6558 + display: -ms-flexbox;
  6559 + display: flex;
  6560 + -webkit-box-align: center;
  6561 + -ms-flex-align: center;
  6562 + align-items: center;
  6563 + -webkit-box-pack: center;
  6564 + -ms-flex-pack: center;
  6565 + justify-content: center;
  6566 +}
  6567 +@media (min-width: 768px) {
  6568 + .cabinet__menu-toper-text i {
  6569 + width: 22px;
  6570 + height: 22px;
  6571 + }
  6572 +}
  6573 +.cabinet__menu-toper-text svg {
  6574 + width: 16px;
  6575 + height: 16px;
  6576 +}
  6577 +@media (min-width: 768px) {
  6578 + .cabinet__menu-toper-text svg {
  6579 + width: 22px;
  6580 + height: 22px;
  6581 + }
  6582 +}
  6583 +.cabinet__menu-toper-text span {
  6584 + display: -webkit-box;
  6585 + display: -ms-flexbox;
  6586 + display: flex;
  6587 + -webkit-box-align: center;
  6588 + -ms-flex-align: center;
  6589 + align-items: center;
  6590 + padding: 0 10px;
  6591 + min-height: 30px;
  6592 + font-size: 12px;
  6593 + width: calc(100% - 16px);
  6594 +}
  6595 +@media (min-width: 768px) {
  6596 + .cabinet__menu-toper-text span {
  6597 + width: calc(100% - 22px);
  6598 + font-size: 20px;
  6599 + min-height: 52px;
  6600 + padding: 0 16px;
  6601 + }
  6602 +}
  6603 +.cabinet__menu-toper-arrow {
  6604 + width: 16px;
  6605 + height: 16px;
  6606 + display: -webkit-box;
  6607 + display: -ms-flexbox;
  6608 + display: flex;
  6609 + -webkit-box-pack: center;
  6610 + -ms-flex-pack: center;
  6611 + justify-content: center;
  6612 + -webkit-box-align: center;
  6613 + -ms-flex-align: center;
  6614 + align-items: center;
  6615 + -webkit-transition: 0.3s;
  6616 + transition: 0.3s;
  6617 +}
  6618 +@media (min-width: 768px) {
  6619 + .cabinet__menu-toper-arrow {
  6620 + width: 20px;
  6621 + height: 20px;
  6622 + }
  6623 +}
  6624 +.cabinet__menu-toper-arrow svg {
  6625 + width: 12px;
  6626 + height: 12px;
  6627 + -webkit-transform: rotate(90deg);
  6628 + -ms-transform: rotate(90deg);
  6629 + transform: rotate(90deg);
  6630 +}
  6631 +@media (min-width: 768px) {
  6632 + .cabinet__menu-toper-arrow svg {
  6633 + width: 20px;
  6634 + height: 20px;
  6635 + }
  6636 +}
  6637 +.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
  6638 + -webkit-transform: rotate(180deg);
  6639 + -ms-transform: rotate(180deg);
  6640 + transform: rotate(180deg);
  6641 +}
  6642 +.cabinet__menu-body {
  6643 + opacity: 0;
  6644 + height: 0;
  6645 + overflow: hidden;
  6646 + display: -webkit-box;
  6647 + display: -ms-flexbox;
  6648 + display: flex;
  6649 + -webkit-box-orient: vertical;
  6650 + -webkit-box-direction: normal;
  6651 + -ms-flex-direction: column;
  6652 + flex-direction: column;
  6653 +}
  6654 +@media (min-width: 992px) {
  6655 + .cabinet__menu-body {
  6656 + opacity: 1;
  6657 + height: auto;
  6658 + }
  6659 +}
  6660 +.active + .cabinet__menu-body {
  6661 + opacity: 1;
  6662 + height: auto;
  6663 + -webkit-transition: 0.3s;
  6664 + transition: 0.3s;
  6665 +}
  6666 +.cabinet__menu-items {
  6667 + display: -webkit-box;
  6668 + display: -ms-flexbox;
  6669 + display: flex;
  6670 + -webkit-box-orient: vertical;
  6671 + -webkit-box-direction: normal;
  6672 + -ms-flex-direction: column;
  6673 + flex-direction: column;
  6674 +}
  6675 +.cabinet__menu-item {
  6676 + padding: 8px 16px;
  6677 + border-radius: 8px;
  6678 + display: -webkit-box;
  6679 + display: -ms-flexbox;
  6680 + display: flex;
  6681 + -webkit-box-align: center;
  6682 + -ms-flex-align: center;
  6683 + align-items: center;
  6684 +}
  6685 +@media (min-width: 768px) {
  6686 + .cabinet__menu-item {
  6687 + padding: 14px 20px;
  6688 + }
  6689 +}
  6690 +.cabinet__menu-item:hover {
  6691 + color: #377d87;
  6692 +}
  6693 +@media (min-width: 992px) {
  6694 + .cabinet__menu-item.active {
  6695 + background: #377d87;
  6696 + color: #ffffff;
  6697 + }
  6698 +}
  6699 +@media (min-width: 992px) {
  6700 + .cabinet__menu-item.active svg {
  6701 + color: #ffffff;
  6702 + }
  6703 +}
  6704 +.cabinet__menu-item i {
  6705 + width: 16px;
  6706 + height: 16px;
  6707 + color: #377d87;
  6708 +}
  6709 +@media (min-width: 768px) {
  6710 + .cabinet__menu-item i {
  6711 + width: 22px;
  6712 + height: 22px;
  6713 + }
  6714 +}
  6715 +.cabinet__menu-item svg {
  6716 + width: 16px;
  6717 + height: 16px;
  6718 +}
  6719 +@media (min-width: 768px) {
  6720 + .cabinet__menu-item svg {
  6721 + width: 22px;
  6722 + height: 22px;
  6723 + }
  6724 +}
  6725 +.cabinet__menu-item span {
  6726 + width: calc(100% - 16px);
  6727 + font-size: 12px;
  6728 + padding-left: 10px;
  6729 +}
  6730 +@media (min-width: 768px) {
  6731 + .cabinet__menu-item span {
  6732 + font-size: 20px;
  6733 + width: calc(100% - 22px);
  6734 + padding-left: 16px;
  6735 + }
  6736 +}
  6737 +.cabinet__menu-bottom {
  6738 + display: -webkit-box;
  6739 + display: -ms-flexbox;
  6740 + display: flex;
  6741 + -webkit-box-orient: vertical;
  6742 + -webkit-box-direction: normal;
  6743 + -ms-flex-direction: column;
  6744 + flex-direction: column;
  6745 + gap: 10px;
  6746 + margin-top: 10px;
  6747 +}
  6748 +@media (min-width: 768px) {
  6749 + .cabinet__menu-bottom {
  6750 + gap: 20px;
  6751 + margin-top: 20px;
  6752 + }
  6753 +}
  6754 +.cabinet__menu-copy {
  6755 + color: #9c9d9d;
  6756 + text-align: center;
  6757 + font-size: 12px;
  6758 +}
  6759 +@media (min-width: 768px) {
  6760 + .cabinet__menu-copy {
  6761 + font-size: 16px;
  6762 + }
  6763 +}
  6764 +.cabinet__body {
  6765 + margin: 0 -10px;
  6766 + margin-top: 50px;
  6767 + background: #ffffff;
  6768 + padding: 20px 10px;
  6769 + display: -webkit-box;
  6770 + display: -ms-flexbox;
  6771 + display: flex;
  6772 + -webkit-box-orient: vertical;
  6773 + -webkit-box-direction: normal;
  6774 + -ms-flex-direction: column;
  6775 + flex-direction: column;
  6776 + gap: 30px;
  6777 + color: #696b6b;
  6778 +}
  6779 +@media (min-width: 768px) {
  6780 + .cabinet__body {
  6781 + padding: 30px 20px;
  6782 + gap: 40px;
  6783 + margin: 0;
  6784 + border-radius: 8px;
  6785 + -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  6786 + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  6787 + }
  6788 +}
  6789 +@media (min-width: 992px) {
  6790 + .cabinet__body {
  6791 + width: calc(100% - 360px);
  6792 + }
  6793 +}
  6794 +@media (min-width: 1280px) {
  6795 + .cabinet__body {
  6796 + width: calc(100% - 420px);
  6797 + }
  6798 +}
  6799 +.cabinet__body-item {
  6800 + display: -webkit-box;
  6801 + display: -ms-flexbox;
  6802 + display: flex;
  6803 + -webkit-box-orient: vertical;
  6804 + -webkit-box-direction: normal;
  6805 + -ms-flex-direction: column;
  6806 + flex-direction: column;
  6807 + gap: 20px;
  6808 +}
  6809 +@media (min-width: 768px) {
  6810 + .cabinet__body-item {
  6811 + gap: 30px;
  6812 + }
  6813 +}
  6814 +@media (min-width: 1280px) {
  6815 + .cabinet__title {
  6816 + font-size: 48px;
  6817 + }
  6818 +}
  6819 +.cabinet__text {
  6820 + margin: 0;
  6821 + font-size: 14px;
  6822 +}
  6823 +@media (min-width: 768px) {
  6824 + .cabinet__text {
  6825 + font-size: 16px;
  6826 + }
  6827 +}
  6828 +.cabinet__descr {
  6829 + display: -webkit-box;
  6830 + display: -ms-flexbox;
  6831 + display: flex;
  6832 + -webkit-box-orient: vertical;
  6833 + -webkit-box-direction: normal;
  6834 + -ms-flex-direction: column;
  6835 + flex-direction: column;
  6836 + gap: 6px;
  6837 +}
  6838 +@media (min-width: 768px) {
  6839 + .cabinet__descr {
  6840 + gap: 12px;
  6841 + }
  6842 +}
  6843 +.cabinet__avatar {
  6844 + display: -webkit-box;
  6845 + display: -ms-flexbox;
  6846 + display: flex;
  6847 + -webkit-box-align: start;
  6848 + -ms-flex-align: start;
  6849 + align-items: flex-start;
  6850 +}
  6851 +@media (min-width: 768px) {
  6852 + .cabinet__avatar {
  6853 + -webkit-box-align: center;
  6854 + -ms-flex-align: center;
  6855 + align-items: center;
  6856 + }
  6857 +}
  6858 +.cabinet__avatar-pic {
  6859 + width: 100px;
  6860 + aspect-ratio: 1/1;
  6861 + position: relative;
  6862 + display: -webkit-box;
  6863 + display: -ms-flexbox;
  6864 + display: flex;
  6865 + -webkit-box-pack: center;
  6866 + -ms-flex-pack: center;
  6867 + justify-content: center;
  6868 + -webkit-box-align: center;
  6869 + -ms-flex-align: center;
  6870 + align-items: center;
  6871 + overflow: hidden;
  6872 + border-radius: 8px;
  6873 + color: #ffffff;
  6874 + background: #9c9d9d;
  6875 +}
  6876 +.cabinet__avatar-pic svg {
  6877 + width: 50%;
  6878 + aspect-ratio: 1/1;
  6879 + z-index: 1;
  6880 + position: relative;
  6881 +}
  6882 +.cabinet__avatar-form {
  6883 + width: calc(100% - 100px);
  6884 + padding-left: 15px;
  6885 + display: -webkit-box;
  6886 + display: -ms-flexbox;
  6887 + display: flex;
  6888 + -webkit-box-orient: vertical;
  6889 + -webkit-box-direction: normal;
  6890 + -ms-flex-direction: column;
  6891 + flex-direction: column;
  6892 + gap: 6px;
  6893 +}
  6894 +@media (min-width: 768px) {
  6895 + .cabinet__avatar-form {
  6896 + -webkit-box-align: start;
  6897 + -ms-flex-align: start;
  6898 + align-items: flex-start;
  6899 + padding-left: 30px;
  6900 + gap: 12px;
  6901 + }
  6902 +}
  6903 +@media (min-width: 768px) {
  6904 + .cabinet__avatar-form .file {
  6905 + min-width: 215px;
  6906 + }
  6907 +}
  6908 +.cabinet__inputs {
  6909 + display: -webkit-box;
  6910 + display: -ms-flexbox;
  6911 + display: flex;
  6912 + -webkit-box-orient: vertical;
  6913 + -webkit-box-direction: normal;
  6914 + -ms-flex-direction: column;
  6915 + flex-direction: column;
  6916 + gap: 20px;
  6917 +}
  6918 +@media (min-width: 1280px) {
  6919 + .cabinet__inputs {
  6920 + -webkit-box-orient: horizontal;
  6921 + -webkit-box-direction: normal;
  6922 + -ms-flex-direction: row;
  6923 + flex-direction: row;
  6924 + -webkit-box-align: start;
  6925 + -ms-flex-align: start;
  6926 + align-items: flex-start;
  6927 + -webkit-box-pack: justify;
  6928 + -ms-flex-pack: justify;
  6929 + justify-content: space-between;
  6930 + -ms-flex-wrap: wrap;
  6931 + flex-wrap: wrap;
  6932 + }
  6933 +}
  6934 +@media (min-width: 1280px) {
  6935 + .cabinet__inputs-item {
  6936 + width: calc(50% - 10px);
  6937 + }
  6938 +}
  6939 +@media (min-width: 1280px) {
  6940 + .cabinet__inputs-item_fullwidth {
  6941 + width: 100%;
  6942 + }
  6943 +}
  6944 +.cabinet__add {
  6945 + display: -webkit-box;
  6946 + display: -ms-flexbox;
  6947 + display: flex;
  6948 + -webkit-box-orient: vertical;
  6949 + -webkit-box-direction: normal;
  6950 + -ms-flex-direction: column;
  6951 + flex-direction: column;
  6952 + gap: 10px;
  6953 +}
  6954 +@media (min-width: 768px) {
  6955 + .cabinet__add {
  6956 + gap: 0;
  6957 + -webkit-box-orient: horizontal;
  6958 + -webkit-box-direction: normal;
  6959 + -ms-flex-direction: row;
  6960 + flex-direction: row;
  6961 + -webkit-box-align: end;
  6962 + -ms-flex-align: end;
  6963 + align-items: flex-end;
  6964 + }
  6965 +}
  6966 +.cabinet__add-pic {
  6967 + border-radius: 4px;
  6968 + position: relative;
  6969 + overflow: hidden;
  6970 + background: #9c9d9d;
  6971 + color: #ffffff;
  6972 + width: 100px;
  6973 + aspect-ratio: 1/1;
  6974 + -webkit-transition: 0.3s;
  6975 + transition: 0.3s;
  6976 +}
  6977 +@media (min-width: 768px) {
  6978 + .cabinet__add-pic {
  6979 + width: 220px;
  6980 + border-radius: 8px;
  6981 + }
  6982 +}
  6983 +.cabinet__add-pic:hover {
  6984 + background: #696b6b;
  6985 +}
  6986 +.cabinet__add-pic input {
  6987 + display: none;
  6988 +}
  6989 +.cabinet__add-pic > svg {
  6990 + width: 20px;
  6991 + position: absolute;
  6992 + top: 50%;
  6993 + left: 50%;
  6994 + -webkit-transform: translate(-50%, -50%);
  6995 + -ms-transform: translate(-50%, -50%);
  6996 + transform: translate(-50%, -50%);
  6997 + z-index: 1;
  6998 +}
  6999 +@media (min-width: 768px) {
  7000 + .cabinet__add-pic > svg {
  7001 + width: 50px;
  7002 + }
  7003 +}
  7004 +.cabinet__add-pic span {
  7005 + display: -webkit-box;
  7006 + display: -ms-flexbox;
  7007 + display: flex;
  7008 + -webkit-box-align: center;
  7009 + -ms-flex-align: center;
  7010 + align-items: center;
  7011 + -webkit-box-pack: center;
  7012 + -ms-flex-pack: center;
  7013 + justify-content: center;
  7014 + width: 100%;
  7015 + gap: 4px;
  7016 + font-weight: 700;
  7017 + font-size: 8px;
  7018 + line-height: 1;
  7019 + position: absolute;
  7020 + top: 50%;
  7021 + left: 50%;
  7022 + -webkit-transform: translate(-50%, -50%);
  7023 + -ms-transform: translate(-50%, -50%);
  7024 + transform: translate(-50%, -50%);
  7025 + margin-top: 25px;
  7026 +}
  7027 +@media (min-width: 768px) {
  7028 + .cabinet__add-pic span {
  7029 + font-size: 16px;
  7030 + margin-top: 60px;
  7031 + }
  7032 +}
  7033 +.cabinet__add-pic span svg {
  7034 + width: 7px;
  7035 + aspect-ratio: 1/1;
  7036 +}
  7037 +@media (min-width: 768px) {
  7038 + .cabinet__add-pic span svg {
  7039 + width: 16px;
  7040 + }
  7041 +}
  7042 +.cabinet__add-body {
  7043 + display: -webkit-box;
  7044 + display: -ms-flexbox;
  7045 + display: flex;
  7046 + -webkit-box-orient: vertical;
  7047 + -webkit-box-direction: normal;
  7048 + -ms-flex-direction: column;
  7049 + flex-direction: column;
  7050 + gap: 10px;
  7051 +}
  7052 +@media (min-width: 768px) {
  7053 + .cabinet__add-body {
  7054 + gap: 20px;
  7055 + width: calc(100% - 220px);
  7056 + padding-left: 20px;
  7057 + }
  7058 +}
  7059 +@media (min-width: 768px) {
  7060 + .cabinet__add-body .button {
  7061 + width: 215px;
  7062 + padding: 0;
  7063 + }
  7064 +}
  7065 +.cabinet__fleet {
  7066 + display: -webkit-box;
  7067 + display: -ms-flexbox;
  7068 + display: flex;
  7069 + -webkit-box-orient: vertical;
  7070 + -webkit-box-direction: normal;
  7071 + -ms-flex-direction: column;
  7072 + flex-direction: column;
  7073 + gap: 20px;
  7074 +}
  7075 +@media (min-width: 768px) {
  7076 + .cabinet__fleet {
  7077 + display: grid;
  7078 + grid-template-columns: repeat(2, 1fr);
  7079 + }
  7080 +}
  7081 +@media (min-width: 1280px) {
  7082 + .cabinet__fleet {
  7083 + grid-template-columns: repeat(3, 1fr);
  7084 + }
  7085 +}
  7086 +@media (min-width: 768px) {
  7087 + .cabinet__submit {
  7088 + width: 215px;
  7089 + padding: 0;
  7090 + margin: 0 auto;
  7091 + }
  7092 +}
  7093 +.cabinet__filters {
  7094 + display: -webkit-box;
  7095 + display: -ms-flexbox;
  7096 + display: flex;
  7097 + -webkit-box-orient: vertical;
  7098 + -webkit-box-direction: normal;
  7099 + -ms-flex-direction: column;
  7100 + flex-direction: column;
  7101 + gap: 10px;
  7102 +}
  7103 +@media (min-width: 768px) {
  7104 + .cabinet__filters {
  7105 + gap: 20px;
  7106 + }
  7107 +}
  7108 +@media (min-width: 1280px) {
  7109 + .cabinet__filters {
  7110 + -webkit-box-orient: horizontal;
  7111 + -webkit-box-direction: normal;
  7112 + -ms-flex-direction: row;
  7113 + flex-direction: row;
  7114 + -webkit-box-align: start;
  7115 + -ms-flex-align: start;
  7116 + align-items: flex-start;
  7117 + -webkit-box-pack: justify;
  7118 + -ms-flex-pack: justify;
  7119 + justify-content: space-between;
  7120 + }
  7121 +}
  7122 +.cabinet__filters-item {
  7123 + display: -webkit-box;
  7124 + display: -ms-flexbox;
  7125 + display: flex;
  7126 + -webkit-box-orient: vertical;
  7127 + -webkit-box-direction: normal;
  7128 + -ms-flex-direction: column;
  7129 + flex-direction: column;
  7130 + gap: 10px;
  7131 +}
  7132 +@media (min-width: 768px) {
  7133 + .cabinet__filters-item {
  7134 + gap: 20px;
  7135 + }
  7136 +}
  7137 +@media (min-width: 1280px) {
  7138 + .cabinet__filters-item {
  7139 + width: calc(50% - 10px);
  7140 + max-width: 410px;
  7141 + }
  7142 +}
  7143 +@media (min-width: 1280px) {
  7144 + .cabinet__filters-item + .cabinet__filters-item {
  7145 + max-width: 280px;
  7146 + }
  7147 +}
  7148 +.cabinet__filters .search input {
  7149 + padding-right: 135px;
  7150 +}
  7151 +.cabinet__filters .search button {
  7152 + width: 115px;
  7153 +}
  7154 +.cabinet__filters-buttons {
  7155 + display: -webkit-box;
  7156 + display: -ms-flexbox;
  7157 + display: flex;
  7158 + -webkit-box-orient: vertical;
  7159 + -webkit-box-direction: normal;
  7160 + -ms-flex-direction: column;
  7161 + flex-direction: column;
  7162 + gap: 10px;
  7163 +}
  7164 +@media (min-width: 768px) {
  7165 + .cabinet__filters-buttons {
  7166 + display: grid;
  7167 + grid-template-columns: 1fr 1fr;
  7168 + gap: 20px;
  7169 + }
  7170 +}
  7171 +.cabinet__filters-buttons .button {
  7172 + padding: 0;
  7173 + gap: 5px;
  7174 +}
  7175 +.cabinet__filters-buttons .button.active {
  7176 + background: #377d87;
  7177 + color: #ffffff;
  7178 +}
  7179 +.cabinet__filters-buttons .button.active:before {
  7180 + content: "";
  7181 + width: 6px;
  7182 + height: 6px;
  7183 + background: #ffffff;
  7184 + border-radius: 999px;
  7185 +}
0 7186 \ No newline at end of file
public/css/news/swiper.css
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1 @@
  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}
0 2 \ No newline at end of file
resources/views/ajax/vacancies.blade.php
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1,19 @@
  1 +@php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF');
  2 + $i = 0;
  3 +@endphp
  4 +@if ($categories->count())
  5 + @foreach ($categories as $cat)
  6 + <a href="#" class="vacancies__item">
  7 + <span style="border-color:{{$colors[$i]}}">
  8 + <b>{{ $cat->name }}</b>
  9 + <u>{{ $cat->min_salary }} &mdash; {{ $cat->max_salary }} ₽</u>
  10 + <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
  11 + </span>
  12 + </a>
  13 + @php $i++;
  14 + if ($i > 4) {$i = 0;}
  15 + @endphp
  16 + @endforeach
  17 +@else
  18 + Тут пока нет никаких вакансий
  19 +@endif
resources/views/index.blade.php
Diff comments   View file @ 5b68533
... ... @@ -68,86 +68,18 @@
68 68 <div class="vacancies__body">
69 69 <button class="vacancies__more button button_light js-parent-toggle">Все должности</button>
70 70 <div class="vacancies__list">
  71 + @if ($categories->count())
  72 + @foreach ($categories as $cat)
71 73 <a href="#" class="vacancies__item">
72   - <span style="border-color:#F4C4C2">
73   - <b>Речной флот + прибрежка</b>
74   - <i>Вакансий: <span>123</span></i>
75   - </span></a>
76   - <a href="#" class="vacancies__item">
77   - <span style="border-color:#FBF1C8">
78   - <b>Пассажирский флот</b>
79   - <i>Вакансий: <span>123</span></i>
80   - </span></a>
81   - <a href="#" class="vacancies__item">
82   - <span style="border-color:#ECFDEF">
83   - <b>Офисные и береговые специалисты</b>
84   - <i>Вакансий: <span>123</span></i>
85   - </span></a>
86   - <a href="#" class="vacancies__item">
87   - <span style="border-color:#F3ECF6">
88   - <b>Рыболовный флот</b>
89   - <i>Вакансий: <span>123</span></i>
90   - </span></a>
91   - <a href="#" class="vacancies__item">
92   - <span style="border-color:#ECFDEF">
93   - <b>Пассажирский флот</b>
94   - <i>Вакансий: <span>123</span></i>
95   - </span></a>
96   - <a href="#" class="vacancies__item">
97   - <span style="border-color:#F4C4C2">
98   - <b>Рыболовный флот</b>
99   - <i>Вакансий: <span>123</span></i>
100   - </span></a>
101   - <a href="#" class="vacancies__item">
102   - <span style="border-color:#FBF1C8">
103   - <b>Речной флот + прибрежка</b>
104   - <i>Вакансий: <span>123</span></i>
105   - </span></a>
106   - <a href="#" class="vacancies__item">
107   - <span style="border-color:#ECFDEF">
108   - <b>Пассажирский флот</b>
109   - <i>Вакансий: <span>123</span></i>
110   - </span></a>
111   - <a href="#" class="vacancies__item">
112   - <span style="border-color:#F3ECF6">
113   - <b>Рыболовный флот</b>
114   - <i>Вакансий: <span>123</span></i>
115   - </span></a>
116   - <a href="#" class="vacancies__item">
117   - <span style="border-color:#ECFDEF">
118   - <b>Речной флот + прибрежка</b>
119   - <i>Вакансий: <span>123</span></i>
120   - </span></a>
121   - <a href="#" class="vacancies__item">
122   - <span style="border-color:#F4C4C2">
123   - <b>Рыболовный флот</b>
124   - <i>Вакансий: <span>123</span></i>
125   - </span></a>
126   - <a href="#" class="vacancies__item">
127   - <span style="border-color:#FBF1C8">
128   - <b>Офисные и береговые специалисты</b>
129   - <i>Вакансий: <span>123</span></i>
130   - </span></a>
131   - <a href="#" class="vacancies__item">
132   - <span style="border-color:#ECFDEF">
133   - <b>Офисные и береговые специалисты</b>
134   - <i>Вакансий: <span>123</span></i>
135   - </span></a>
136   - <a href="#" class="vacancies__item">
137   - <span style="border-color:#F3ECF6">
138   - <b>Офисные и береговые специалисты</b>
139   - <i>Вакансий: <span>123</span></i>
140   - </span></a>
141   - <a href="#" class="vacancies__item">
142   - <span style="border-color:#ECFDEF">
143   - <b>Пассажирский флот</b>
144   - <i>Вакансий: <span>123</span></i>
145   - </span></a>
146   - <a href="#" class="vacancies__item">
147   - <span style="border-color:#F4C4C2">
148   - <b>Речной флот + прибрежка</b>
149   - <i>Вакансий: <span>123</span></i>
150   - </span></a>
  74 + <span style="border-color:#F4C4C2">
  75 + <b>{{ $cat->name }}</b>
  76 + <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
  77 + </span>
  78 + </a>
  79 + @endforeach
  80 + @else
  81 + Тут пока нет никаких вакансий
  82 + @endif
151 83 </div>
152 84 </div>
153 85 </div>
... ... @@ -157,82 +89,29 @@
157 89 <div class="title">Работодатели</div>
158 90 <div class="swiper js-employer-swiper">
159 91 <div class="swiper-wrapper">
160   - <div class="swiper-slide">
161   - <div class="employer__item">
162   - <a href="#">
163   - <img src="images/logos/1.jpg" alt="">
164   - </a>
165   - <a href="#">
166   - <img src="images/logos/5.jpg" alt="">
167   - </a>
168   - <a href="#">
169   - <img src="images/logos/9.jpg" alt="">
170   - </a>
171   - <a href="#">
172   - <img src="images/logos/13.jpg" alt="">
173   - </a>
174   - <a href="#">
175   - <img src="images/logos/17.jpg" alt="">
176   - </a>
177   - </div>
178   - </div>
179   - <div class="swiper-slide">
180   - <div class="employer__item">
181   - <a href="#">
182   - <img src="images/logos/2.jpg" alt="">
183   - </a>
184   - <a href="#">
185   - <img src="images/logos/6.jpg" alt="">
186   - </a>
187   - <a href="#">
188   - <img src="images/logos/10.jpg" alt="">
189   - </a>
190   - <a href="#">
191   - <img src="images/logos/14.jpg" alt="">
192   - </a>
193   - <a href="#">
194   - <img src="images/logos/18.jpg" alt="">
195   - </a>
196   - </div>
197   - </div>
198   - <div class="swiper-slide">
199   - <div class="employer__item">
200   - <a href="#">
201   - <img src="images/logos/3.jpg" alt="">
202   - </a>
203   - <a href="#">
204   - <img src="images/logos/7.jpg" alt="">
205   - </a>
206   - <a href="#">
207   - <img src="images/logos/11.jpg" alt="">
208   - </a>
209   - <a href="#">
210   - <img src="images/logos/15.jpg" alt="">
211   - </a>
212   - <a href="#">
213   - <img src="images/logos/19.jpg" alt="">
214   - </a>
215   - </div>
216   - </div>
217   - <div class="swiper-slide">
218   - <div class="employer__item">
219   - <a href="#">
220   - <img src="images/logos/4.jpg" alt="">
221   - </a>
222   - <a href="#">
223   - <img src="images/logos/8.jpg" alt="">
224   - </a>
225   - <a href="#">
226   - <img src="images/logos/12.jpg" alt="">
227   - </a>
228   - <a href="#">
229   - <img src="images/logos/16.jpg" alt="">
230   - </a>
231   - <a href="#">
232   - <img src="images/logos/20.jpg" alt="">
233   - </a>
234   - </div>
235   - </div>
  92 +
  93 + @if ($employers->count())
  94 + @php
  95 + $rec = 0;
  96 + $count = $employers->count();
  97 + @endphp
  98 + @foreach($employers as $emp)
  99 + @php $rec++ @endphp
  100 + @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17))
  101 + <div class="swiper-slide">
  102 + <div class="employer__item">
  103 + @endif
  104 + <a href="">
  105 + <img src="{{ asset(Storage::url($emp->logo)) }}" alt="{{ $emp->name_company }}">
  106 + </a>
  107 + @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count))
  108 + </div>
  109 + </div>
  110 + @endif
  111 + @endforeach
  112 + @else
  113 + <h5>Тут нет никаких записей</h5>
  114 + @endif
236 115 </div>
237 116 <div class="swiper-pagination"></div>
238 117 </div>
... ... @@ -280,90 +159,21 @@
280 159 </div>
281 160 <div class="swiper js-news-swiper">
282 161 <div class="swiper-wrapper">
283   - <div class="swiper-slide">
284   - <div class="news__item">
285   - <img src="images/2.jpg" alt="" class="news__item-pic">
286   - <div class="news__item-body">
287   - <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
288   - <span class="news__item-title">Как перестать нервничать во время телефонного
289   - разговора?</span>
290   - <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
291   - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
292   - повышенной нервозности во время телефонного звонка или</span>
293   - <a href="#" class="news__item-more button button_light">Читать далее</a>
294   - </div>
295   - </div>
296   - </div>
297   - <div class="swiper-slide">
298   - <div class="news__item">
299   - <img src="images/3.jpg" alt="" class="news__item-pic">
300   - <div class="news__item-body">
301   - <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
302   - <span class="news__item-title">Как перестать нервничать во время телефонного
303   - разговора?</span>
304   - <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
305   - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
306   - повышенной нервозности во время телефонного звонка или</span>
307   - <a href="#" class="news__item-more button button_light">Читать далее</a>
308   - </div>
309   - </div>
310   - </div>
311   - <div class="swiper-slide">
312   - <div class="news__item">
313   - <img src="images/4.jpg" alt="" class="news__item-pic">
314   - <div class="news__item-body">
315   - <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
316   - <span class="news__item-title">Как перестать нервничать во время телефонного
317   - разговора?</span>
318   - <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
319   - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
320   - повышенной нервозности во время телефонного звонка или</span>
321   - <a href="#" class="news__item-more button button_light">Читать далее</a>
  162 + @if ($news->count())
  163 + @foreach ($news as $new)
  164 + <div class="swiper-slide">
  165 + <div class="news__item">
  166 + <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic">
  167 + <div class="news__item-body">
  168 + <time datetime="2023-05-01" class="news__item-date">{{ $new->created_at }}</time>
  169 + <span class="news__item-title">{{ $new->title }}</span>
  170 + <span class="news__item-text">{{ mb_strimwidth($new->text, 0, 100) }}</span>
  171 + <a href="#" class="news__item-more button button_light">Читать далее</a>
  172 + </div>
322 173 </div>
323 174 </div>
324   - </div>
325   - <div class="swiper-slide">
326   - <div class="news__item">
327   - <img src="images/2.jpg" alt="" class="news__item-pic">
328   - <div class="news__item-body">
329   - <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
330   - <span class="news__item-title">Как перестать нервничать во время телефонного
331   - разговора?</span>
332   - <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
333   - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
334   - повышенной нервозности во время телефонного звонка или</span>
335   - <a href="#" class="news__item-more button button_light">Читать далее</a>
336   - </div>
337   - </div>
338   - </div>
339   - <div class="swiper-slide">
340   - <div class="news__item">
341   - <img src="images/3.jpg" alt="" class="news__item-pic">
342   - <div class="news__item-body">
343   - <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
344   - <span class="news__item-title">Как перестать нервничать во время телефонного
345   - разговора?</span>
346   - <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
347   - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
348   - повышенной нервозности во время телефонного звонка или</span>
349   - <a href="#" class="news__item-more button button_light">Читать далее</a>
350   - </div>
351   - </div>
352   - </div>
353   - <div class="swiper-slide">
354   - <div class="news__item">
355   - <img src="images/4.jpg" alt="" class="news__item-pic">
356   - <div class="news__item-body">
357   - <time datetime="2023-05-01" class="news__item-date">01.05.2023</time>
358   - <span class="news__item-title">Как перестать нервничать во время телефонного
359   - разговора?</span>
360   - <span class="news__item-text">Нервничаете во время телефонного разговора? В статье
361   - расскажем о полезных советах, способах и рекомендациях, позволяющих избежать
362   - повышенной нервозности во время телефонного звонка или</span>
363   - <a href="#" class="news__item-more button button_light">Читать далее</a>
364   - </div>
365   - </div>
366   - </div>
  175 + @endforeach
  176 + @endif
367 177 </div>
368 178 <div class="swiper-pagination"></div>
369 179 </div>
resources/views/layout/frontend.blade.php
Diff comments   View file @ 5b68533
... ... @@ -6,7 +6,7 @@
6 6 <title>{{ $title }}</title>
7 7 <meta name="viewport" content="width=device-width,initial-scale=1">
8 8 <meta name="theme-color" content="#377D87">
9   - <link rel="stylesheet" href="{{ asset('css/style.css') }}">
  9 + <link rel="stylesheet" href="{{ asset('css/news/style.css') }}">
10 10 </head>
11 11  
12 12 <body id="body">
... ... @@ -21,15 +21,15 @@
21 21 <div class="container">
22 22 <div class="header__body">
23 23 <div class="header__left">
24   - <a href="#" class="header__logo">
  24 + <a href="{{ route('index') }}" class="header__logo">
25 25 <svg>
26 26 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
27 27 </svg>
28 28 </a>
29 29 <nav class="header__menu">
30   - <a href="#" class="header__menu-item">Вакансии</a>
31   - <a href="#" class="header__menu-item">Судоходные компании</a>
32   - <a href="#" class="header__menu-item">Образование</a>
  30 + <a href="{{ route('vacancies') }}" class="header__menu-item">Вакансии</a>
  31 + <a href="{{ route('shipping_companies') }}" class="header__menu-item">Судоходные компании</a>
  32 + <a href="{{ route('education') }}" class="header__menu-item">Образование</a>
33 33 </nav>
34 34 </div>
35 35 <div class="header__right">
... ... @@ -63,7 +63,7 @@
63 63 <div class="container">
64 64 <div class="footer__mobile">
65 65 <button class="footer__mobile-toper js-toggle active">
66   - <a href="#">
  66 + <a href="{{ route('index') }}">
67 67 <svg>
68 68 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
69 69 </svg>
... ... @@ -83,12 +83,12 @@
83 83 </svg></span>
84 84 </button>
85 85 <div>
86   - <a href="#">Вакансии</a>
87   - <a href="#">Условия размещения</a>
88   - <a href="#">Образование</a>
89   - <a href="#">Новости</a>
90   - <a href="#">Контакты</a>
91   - <a href="#">Публичная оферта</a>
  86 + <a href="{{ route('vacancies') }}">Вакансии</a>
  87 + <a href="{{ route('if_public') }}">Условия размещения</a>
  88 + <a href="{{ route('education') }}">Образование</a>
  89 + <a href="{{ route('news') }}">Новости</a>
  90 + <a href="{{ route('contacts') }}">Контакты</a>
  91 + <a href="{{ route('public_offer') }}">Публичная оферта</a>
92 92 </div>
93 93 </div>
94 94 <div class="footer__mobile-menu-item">
... ... @@ -99,40 +99,40 @@
99 99 </svg></span>
100 100 </button>
101 101 <div>
102   - <a href="#">Регистрация</a>
103   - <a href="#">База резюме</a>
104   - <a href="#">Стоимость размещения</a>
105   - <a href="#">Инструкции</a>
106   - <a href="#">Эффективность объявления</a>
107   - <a href="#">Публичная оферта</a>
  102 + <a href="{{ route('register') }}">Регистрация</a>
  103 + <a href="{{ route('bd_resume') }}">База резюме</a>
  104 + <a href="{{ route('cost_public_employer') }}">Стоимость размещения</a>
  105 + <a href="{{ route('instruction') }}">Инструкции</a>
  106 + <a href="{{ route('effective_note') }}">Эффективность объявления</a>
  107 + <a href="{{ route('public_offer_emp') }}">Публичная оферта</a>
108 108 </div>
109 109 </div>
110 110 </div>
111 111 <div class="footer__mobile-contacts">
112 112 <b>Контакты</b>
113   - <a href="#">+7(963)-87-43-197</a>
114   - <a href="#">info@rekamore.su</a>
  113 + <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
  114 + <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
115 115 </div>
116 116 <div class="footer__mobile-bottom">
117 117 <div class="socials">
118   - <a href="#" target="_blank">
  118 + <a href="{{ $companies[0]->vkontact }}" target="_blank">
119 119 <svg>
120 120 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
121 121 </svg>
122 122 </a>
123   - <a href="#" target="_blank">
  123 + <a href="{{ $companies[0]->telegram }}" target="_blank">
124 124 <svg>
125 125 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
126 126 </svg>
127 127 </a>
128 128 </div>
129 129 <nav class="footer__mobile-links">
130   - <a href="#">Политика конфиденциальности</a>
  130 + <a href="{{ route('private_policy') }}">Политика конфиденциальности</a>
131 131 <span></span>
132   - <a href="#">Пользовательское соглашение</a>
  132 + <a href="{{ route('terms_of_use') }}">Пользовательское соглашение</a>
133 133 </nav>
134 134 &copy; 2023 &mdash; RekaMore.su
135   - <a href="#" class="nls" target="_blank">
  135 + <a href="{{ route('index') }}" class="nls" target="_blank">
136 136 <svg>
137 137 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
138 138 </svg>
... ... @@ -153,38 +153,39 @@
153 153 <div class="footer__main-col">
154 154 <div class="footer__main-title">Соискателям</div>
155 155 <nav>
156   - <a href="#">Вакансии</a>
157   - <a href="#">Условия размещения</a>
158   - <a href="#">Образование</a>
159   - <a href="#">Новости</a>
160   - <a href="#">Контакты</a>
161   - <a href="#">Публичная оферта</a>
  156 + <a href="{{ route('vacancies') }}">Вакансии</a>
  157 + <a href="{{ route('if_public') }}">Условия размещения</a>
  158 + <a href="{{ route('education') }}">Образование</a>
  159 + <a href="{{ route('news') }}">Новости</a>
  160 + <a href="{{ route('contacts') }}">Контакты</a>
  161 + <a href="{{ route('public_offer') }}">Публичная оферта</a>
162 162 </nav>
163 163 </div>
164 164 <div class="footer__main-col">
165 165 <div class="footer__main-title">Работодателям</div>
166 166 <nav>
167   - <a href="#">Регистрация</a>
168   - <a href="#">База резюме</a>
169   - <a href="#">Стоимость размещения</a>
170   - <a href="#">Инструкции</a>
171   - <a href="#">Эффективность объявления</a>
172   - <a href="#">Публичная оферта</a>
  167 + <a href="{{ route('register') }}">Регистрация</a>
  168 + <a href="{{ route('bd_resume') }}">База резюме</a>
  169 + <a href="{{ route('cost_public_employer') }}">Стоимость размещения</a>
  170 + <a href="{{ route('instruction') }}">Инструкции</a>
  171 + <a href="{{ route('effective_note') }}">Эффективность объявления</a>
  172 + <a href="{{ route('public_offer_emp') }}">Публичная оферта</a>
173 173 </nav>
174 174 </div>
  175 +
175 176 <div class="footer__main-col">
176 177 <div class="footer__main-title">Контакты</div>
177 178 <div class="footer__main-contacts">
178   - <a href="#">+7(963)-87-43-197</a>
179   - <a href="#">info@rekamore.su</a>
  179 + <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
  180 + <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
180 181 </div>
181 182 <div class="socials">
182   - <a href="#" target="_blank">
  183 + <a href="{{ $companies[0]->vkontact }}" target="_blank">
183 184 <svg>
184 185 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
185 186 </svg>
186 187 </a>
187   - <a href="#" target="_blank">
  188 + <a href="{{ $companies[0]->telegram }}" target="_blank">
188 189 <svg>
189 190 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
190 191 </svg>
... ... @@ -195,18 +196,18 @@
195 196 <div class="footer__main-copy">
196 197 <div>&copy; 2023 &mdash; RekaMore.su</div>
197 198 <nav>
198   - <a href="#">Политика конфиденциальности</a>
  199 + <a href="{{ route('private_policy') }}">Политика конфиденциальности</a>
199 200 <span></span>
200   - <a href="#">Пользовательское соглашение</a>
  201 + <a href="{{ route('terms_of_use') }}">Пользовательское соглашение</a>
201 202 </nav>
202   - <a href="#" class="nls" target="_blank">
  203 + <a href="{{ route('index') }}" class="nls" target="_blank">
203 204 <svg>
204 205 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
205 206 </svg>
206 207 <span>
207 208 Дизайн и разработка:
208 209 <b>NoLogoStudio.ru</b>
209   - </span>
  210 + </span>
210 211 </a>
211 212 </div>
212 213 </div>
resources/views/list_vacancies.blade.php
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1,400 @@
  1 +@extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])
  2 +
  3 +@section('scripts')
  4 + <script>
  5 + console.log('Test system');
  6 + $(document).on('change', '.jobs', function() {
  7 + var val = $(this).val();
  8 +
  9 + console.log('Click change...');
  10 + $.ajax({
  11 + type: "GET",
  12 + url: "{{ route('vacancies') }}",
  13 + data: "job="+val,
  14 + success: function (data) {
  15 + console.log('Выбор должности');
  16 + console.log(data);
  17 + $('#block_ajax').html(data);
  18 + },
  19 + headers: {
  20 + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  21 + },
  22 + error: function (data) {
  23 + data = JSON.stringify(data);
  24 + console.log('Error: ' + data);
  25 + }
  26 + });
  27 + });
  28 + </script>
  29 +@endsection
  30 +
  31 +@section('content')
  32 + <section class="thing">
  33 + <div class="container">
  34 + <form class="thing__body">
  35 + <ul class="breadcrumbs thing__breadcrumbs">
  36 + <li><a href="{{ route('index') }}">Главная</a></li>
  37 + <li><a href="{{ route('vacancies') }}">Вакансии</a></li>
  38 + <li><b>{{ isset($Name_categori) ? $Name_categori : 'Все категории' }}</b></li>
  39 + </ul>
  40 + <h1 class="thing__title">Вакансии</h1>
  41 + <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
  42 + существующих финансовых и административных условий.</p>
  43 + <div class="select select_search thing__select">
  44 + <div class="select__icon">
  45 + <svg>
  46 + <use xlink:href="images/sprite.svg#search"></use>
  47 + </svg>
  48 + </div>
  49 + <select class="js-select2" id="jobs" name="jobs">
  50 + <option value="0" disabled selected>Выберите должность</option>
  51 + @if ($Job_title->count())
  52 + @foreach($Job_title as $JT)
  53 + <option value="{{ $JT->id }}">{{ $JT->name }}</option>
  54 + @endforeach
  55 + @endif
  56 + </select>
  57 + </div>
  58 + </form>
  59 + </div>
  60 + </section>
  61 + <main class="main">
  62 + <div class="container">
  63 + <div class="main__vacancies">
  64 + <h2 class="main__vacancies-title">Категория вакансий ВТОРОЙ МЕХАНИК</h2>
  65 + <div class="filters main__vacancies-filters">
  66 + <div class="filters__label">Показано 5 из 165 результатов поиска</div>
  67 + <div class="filters__body">
  68 + <div class="select filters__select">
  69 + <select class="js-select2">
  70 + <option>Сортировка (по умолчанию)</option>
  71 + <option>Сортировка 1</option>
  72 + <option>Сортировка 2</option>
  73 + <option>Сортировка 3</option>
  74 + <option>Сортировка 4</option>
  75 + <option>Сортировка 5</option>
  76 + <option>Сортировка 6</option>
  77 + </select>
  78 + </div>
  79 + </div>
  80 + </div>
  81 + <div class="main__vacancies-item main__employer-page-two-item">
  82 + <a href="#" class="back main__employer-page-two-item-back">
  83 + <svg>
  84 + <use xlink:href="images/sprite.svg#back"></use>
  85 + </svg>
  86 + <span>
  87 + Вернуться к списку вакансий
  88 + </span>
  89 + </a>
  90 + <div class="main__employer-page-two-item-toper">
  91 + <img src="images/12.jpg" alt="">
  92 + <span>Наяда</span>
  93 + </div>
  94 + <div class="main__employer-page-two-item-text">
  95 + <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
  96 + специалистов на следующие должности:</div>
  97 + <div class="main__employer-page-two-item-text-links">
  98 + <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
  99 + <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
  100 + <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
  101 + </div>
  102 + </div>
  103 + <div class="main__employer-page-two-item-text">
  104 + <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
  105 + <div class="main__employer-page-two-item-text-body">
  106 + <ul>
  107 + <li><span>трудоустройство по ТК РФ;</span></li>
  108 + <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
  109 + размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
  110 + мед. осмотра);</span></li>
  111 + <li><span>оплату проезда до судна и с судна до дома;</span></li>
  112 + <li><span>оплату проживания на время ожидания судна;</span></li>
  113 + <li><span>обучение и продление документов за счет компании;</span></li>
  114 + <li><span>компенсацию медицинской комиссии;</span></li>
  115 + <li><span>обеспечение спецодеждой;</span></li>
  116 + <li><span>коллективное питание;</span></li>
  117 + <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
  118 + компенсация курортно-санаторного лечения;– компенсация путевок в детские
  119 + оздоровительные лагеря для детей сотрудников;</span></li>
  120 + <li><span>возможности профессионального развития с помощью корпоративных программ
  121 + обучения;</span></li>
  122 + <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
  123 + представителями руководства компании.</span></li>
  124 + </ul>
  125 + </div>
  126 + </div>
  127 + <div class="main__employer-page-two-item-text">
  128 + <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
  129 + <div class="main__employer-page-two-item-text-body">
  130 + <ul>
  131 + <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
  132 + <li><span>опыт работы в должности;</span></li>
  133 + <li><span>наличие речных документов (желательно);</span></li>
  134 + <li><span>знание английского языка.</span></li>
  135 + </ul>
  136 + </div>
  137 + </div>
  138 + <div class="main__employer-page-two-item-text">
  139 + <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
  140 + <div class="main__employer-page-two-item-text-body">
  141 + <ul>
  142 + <li><a href="#">hr@volgaflot.com</a></li>
  143 + <li><a href="#">D.Kornilova@volgaflot.com</a></li>
  144 + <li><a href="#">A.Ryabova@volgaflot.com</a></li>
  145 + </ul>
  146 + </div>
  147 + </div>
  148 + <div class="main__employer-page-two-item-text">
  149 + <div class="main__employer-page-two-item-text-name">Или звоните:</div>
  150 + <div class="main__employer-page-two-item-text-body">
  151 + <ul>
  152 + <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
  153 + <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
  154 + </ul>
  155 + </div>
  156 + </div>
  157 + <div class="main__employer-page-two-item-tags">
  158 + <span class="main__employer-page-two-item-tag">#второй_механик</span>
  159 + <span class="main__employer-page-two-item-tag">#моторист</span>
  160 + </div>
  161 + <div class="main__employer-page-two-item-buttons">
  162 + <button type="button"
  163 + class="button main__employer-page-two-item-button">Откликнуться</button>
  164 + <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
  165 + </div>
  166 + <div class="main__employer-page-two-item-bottom">
  167 + <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
  168 + <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
  169 + <svg>
  170 + <use xlink:href="images/sprite.svg#heart"></use>
  171 + </svg>
  172 + </button>
  173 + </div>
  174 + </div>
  175 + <div class="main__vacancies-thing">
  176 + <img src="images/13.jpg" alt="" class="main__vacancies-thing-pic">
  177 + <div class="main__vacancies-thing-body">
  178 + <h2>ООО «Флот Эксперт»</h2>
  179 + <p><b>Приветствуем Вас коллеги!</b></p>
  180 + <p>Уведомления о новых вакансиях можно получать подписавшись на наш телеграм канал!
  181 + <br>Ссылка: <a href="#">https://t.me/rekamore_su</a></p>
  182 + <p>А еще это добавляет + 50 к карме, но это не точно)</p>
  183 + <a href="#" class="button">Узнать больше</a>
  184 + </div>
  185 + </div>
  186 + <div class="main__vacancies-item main__employer-page-two-item">
  187 + <a href="#" class="back main__employer-page-two-item-back">
  188 + <svg>
  189 + <use xlink:href="images/sprite.svg#back"></use>
  190 + </svg>
  191 + <span>
  192 + Вернуться к списку вакансий
  193 + </span>
  194 + </a>
  195 + <div class="main__employer-page-two-item-toper">
  196 + <img src="images/12.jpg" alt="">
  197 + <span>Наяда</span>
  198 + </div>
  199 + <div class="main__employer-page-two-item-text">
  200 + <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
  201 + специалистов на следующие должности:</div>
  202 + <div class="main__employer-page-two-item-text-links">
  203 + <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
  204 + <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
  205 + <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
  206 + </div>
  207 + </div>
  208 + <div class="main__employer-page-two-item-text">
  209 + <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
  210 + <div class="main__employer-page-two-item-text-body">
  211 + <ul>
  212 + <li><span>трудоустройство по ТК РФ;</span></li>
  213 + <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
  214 + размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
  215 + мед. осмотра);</span></li>
  216 + <li><span>оплату проезда до судна и с судна до дома;</span></li>
  217 + <li><span>оплату проживания на время ожидания судна;</span></li>
  218 + <li><span>обучение и продление документов за счет компании;</span></li>
  219 + <li><span>компенсацию медицинской комиссии;</span></li>
  220 + <li><span>обеспечение спецодеждой;</span></li>
  221 + <li><span>коллективное питание;</span></li>
  222 + <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
  223 + компенсация курортно-санаторного лечения;– компенсация путевок в детские
  224 + оздоровительные лагеря для детей сотрудников;</span></li>
  225 + <li><span>возможности профессионального развития с помощью корпоративных программ
  226 + обучения;</span></li>
  227 + <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
  228 + представителями руководства компании.</span></li>
  229 + </ul>
  230 + </div>
  231 + </div>
  232 + <div class="main__employer-page-two-item-text">
  233 + <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
  234 + <div class="main__employer-page-two-item-text-body">
  235 + <ul>
  236 + <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
  237 + <li><span>опыт работы в должности;</span></li>
  238 + <li><span>наличие речных документов (желательно);</span></li>
  239 + <li><span>знание английского языка.</span></li>
  240 + </ul>
  241 + </div>
  242 + </div>
  243 + <div class="main__employer-page-two-item-text">
  244 + <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
  245 + <div class="main__employer-page-two-item-text-body">
  246 + <ul>
  247 + <li><a href="#">hr@volgaflot.com</a></li>
  248 + <li><a href="#">D.Kornilova@volgaflot.com</a></li>
  249 + <li><a href="#">A.Ryabova@volgaflot.com</a></li>
  250 + </ul>
  251 + </div>
  252 + </div>
  253 + <div class="main__employer-page-two-item-text">
  254 + <div class="main__employer-page-two-item-text-name">Или звоните:</div>
  255 + <div class="main__employer-page-two-item-text-body">
  256 + <ul>
  257 + <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
  258 + <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
  259 + </ul>
  260 + </div>
  261 + </div>
  262 + <div class="main__employer-page-two-item-tags">
  263 + <span class="main__employer-page-two-item-tag">#второй_механик</span>
  264 + <span class="main__employer-page-two-item-tag">#моторист</span>
  265 + </div>
  266 + <div class="main__employer-page-two-item-buttons">
  267 + <button type="button"
  268 + class="button main__employer-page-two-item-button">Откликнуться</button>
  269 + <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
  270 + </div>
  271 + <div class="main__employer-page-two-item-bottom">
  272 + <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
  273 + <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
  274 + <svg>
  275 + <use xlink:href="images/sprite.svg#heart"></use>
  276 + </svg>
  277 + </button>
  278 + </div>
  279 + </div>
  280 + <div class="main__vacancies-item main__employer-page-two-item">
  281 + <a href="#" class="back main__employer-page-two-item-back">
  282 + <svg>
  283 + <use xlink:href="images/sprite.svg#back"></use>
  284 + </svg>
  285 + <span>
  286 + Вернуться к списку вакансий
  287 + </span>
  288 + </a>
  289 + <div class="main__employer-page-two-item-toper">
  290 + <img src="images/12.jpg" alt="">
  291 + <span>Наяда</span>
  292 + </div>
  293 + <div class="main__employer-page-two-item-text">
  294 + <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
  295 + специалистов на следующие должности:</div>
  296 + <div class="main__employer-page-two-item-text-links">
  297 + <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
  298 + <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
  299 + <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
  300 + </div>
  301 + </div>
  302 + <div class="main__employer-page-two-item-text">
  303 + <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
  304 + <div class="main__employer-page-two-item-text-body">
  305 + <ul>
  306 + <li><span>трудоустройство по ТК РФ;</span></li>
  307 + <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
  308 + размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
  309 + мед. осмотра);</span></li>
  310 + <li><span>оплату проезда до судна и с судна до дома;</span></li>
  311 + <li><span>оплату проживания на время ожидания судна;</span></li>
  312 + <li><span>обучение и продление документов за счет компании;</span></li>
  313 + <li><span>компенсацию медицинской комиссии;</span></li>
  314 + <li><span>обеспечение спецодеждой;</span></li>
  315 + <li><span>коллективное питание;</span></li>
  316 + <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
  317 + компенсация курортно-санаторного лечения;– компенсация путевок в детские
  318 + оздоровительные лагеря для детей сотрудников;</span></li>
  319 + <li><span>возможности профессионального развития с помощью корпоративных программ
  320 + обучения;</span></li>
  321 + <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
  322 + представителями руководства компании.</span></li>
  323 + </ul>
  324 + </div>
  325 + </div>
  326 + <div class="main__employer-page-two-item-text">
  327 + <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
  328 + <div class="main__employer-page-two-item-text-body">
  329 + <ul>
  330 + <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
  331 + <li><span>опыт работы в должности;</span></li>
  332 + <li><span>наличие речных документов (желательно);</span></li>
  333 + <li><span>знание английского языка.</span></li>
  334 + </ul>
  335 + </div>
  336 + </div>
  337 + <div class="main__employer-page-two-item-text">
  338 + <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
  339 + <div class="main__employer-page-two-item-text-body">
  340 + <ul>
  341 + <li><a href="#">hr@volgaflot.com</a></li>
  342 + <li><a href="#">D.Kornilova@volgaflot.com</a></li>
  343 + <li><a href="#">A.Ryabova@volgaflot.com</a></li>
  344 + </ul>
  345 + </div>
  346 + </div>
  347 + <div class="main__employer-page-two-item-text">
  348 + <div class="main__employer-page-two-item-text-name">Или звоните:</div>
  349 + <div class="main__employer-page-two-item-text-body">
  350 + <ul>
  351 + <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
  352 + <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
  353 + </ul>
  354 + </div>
  355 + </div>
  356 + <div class="main__employer-page-two-item-tags">
  357 + <span class="main__employer-page-two-item-tag">#второй_механик</span>
  358 + <span class="main__employer-page-two-item-tag">#моторист</span>
  359 + </div>
  360 + <div class="main__employer-page-two-item-buttons">
  361 + <button type="button"
  362 + class="button main__employer-page-two-item-button">Откликнуться</button>
  363 + <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
  364 + </div>
  365 + <div class="main__employer-page-two-item-bottom">
  366 + <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
  367 + <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
  368 + <svg>
  369 + <use xlink:href="images/sprite.svg#heart"></use>
  370 + </svg>
  371 + </button>
  372 + </div>
  373 + </div>
  374 + <div class="pagination">
  375 + <a href="#" class="pagination__nav pagination__nav_prev">
  376 + <svg>
  377 + <use xlink:href="images/sprite.svg#arrow-bold"></use>
  378 + </svg>
  379 + </a>
  380 + <span class="pagination__item active">1</span>
  381 + <a href="#" class="pagination__item">2</a>
  382 + <a href="#" class="pagination__item">3</a>
  383 + <a href="#" class="pagination__item">4</a>
  384 + <a href="#" class="pagination__item">5</a>
  385 + <span class="pagination__dots">
  386 + <svg>
  387 + <use xlink:href="images/sprite.svg#dots"></use>
  388 + </svg>
  389 + </span>
  390 + <a href="#" class="pagination__item">25</a>
  391 + <a href="#" class="pagination__nav pagination__nav_next">
  392 + <svg>
  393 + <use xlink:href="images/sprite.svg#arrow-bold"></use>
  394 + </svg>
  395 + </a>
  396 + </div>
  397 + </div>
  398 + </div>
  399 + </main>
  400 +@endsection
resources/views/private_policy.blade.php
Diff comments   View file @ 5b68533
resources/views/terms_of_use.blade.php
Diff comments   View file @ 5b68533
resources/views/vacancies.blade.php
Diff comments   View file @ 5b68533
... ... @@ -0,0 +1,95 @@
  1 +@extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])
  2 +
  3 +@section('scripts')
  4 +<script>
  5 + console.log('Test system');
  6 + $(document).on('change', '.jobs', function() {
  7 + var val = $(this).val();
  8 +
  9 + console.log('Click change...');
  10 + $.ajax({
  11 + type: "GET",
  12 + url: "{{ route('vacancies') }}",
  13 + data: "job="+val,
  14 + success: function (data) {
  15 + console.log('Выбор должности');
  16 + console.log(data);
  17 + $('#block_ajax').html(data);
  18 + },
  19 + headers: {
  20 + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  21 + },
  22 + error: function (data) {
  23 + data = JSON.stringify(data);
  24 + console.log('Error: ' + data);
  25 + }
  26 + });
  27 + });
  28 +</script>
  29 +@endsection
  30 +
  31 +@section('content')
  32 + <section class="thing">
  33 + <div class="container">
  34 + <form class="thing__body">
  35 + <ul class="breadcrumbs thing__breadcrumbs">
  36 + <li><a href="{{ route('index') }}">Главная</a></li>
  37 + <li><b>Вакансии</b></li>
  38 + </ul>
  39 + <h1 class="thing__title">Вакансии</h1>
  40 + <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
  41 + существующих финансовых и административных условий.</p>
  42 + <div class="select select_search thing__select">
  43 + <div class="select__icon">
  44 + <svg>
  45 + <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
  46 + </svg>
  47 + </div>
  48 + <select class="js-select2 jobs" id="jobs" name="jobs">
  49 + <option value="0" disabled selected>Выберите должность</option>
  50 + @if ($Job_title->count())
  51 + @foreach($Job_title as $JT)
  52 + <option value="{{ $JT->id }}">{{ $JT->name }}</option>
  53 + @endforeach
  54 + @endif
  55 + </select>
  56 + </div>
  57 + </form>
  58 + </div>
  59 + </section>
  60 + <main class="main">
  61 + <div class="container">
  62 + <div class="main__vacancies">
  63 + <h2 class="main__vacancies-title">Категории вакансий</h2>
  64 + <div class="vacancies__body">
  65 + <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
  66 + <span>Показать ещё</span>
  67 + <span>Скрыть</span>
  68 + </button>-->
  69 + <div class="vacancies__list" id="block_ajax" name="block_ajax">
  70 + @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF');
  71 + $i = 0;
  72 + @endphp
  73 + @if ($categories->count())
  74 + @foreach ($categories as $cat)
  75 + <a href="{{ route('') }}" class="vacancies__item">
  76 + <span style="border-color:{{$colors[$i]}}">
  77 + <b>{{ $cat->name }}</b>
  78 + <u>{{ $cat->min_salary }} &mdash; {{ $cat->max_salary }} ₽</u>
  79 + <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
  80 + </span>
  81 + </a>
  82 + @php $i++;
  83 + if ($i > 4) {$i = 0;}
  84 + @endphp
  85 + @endforeach
  86 + @else
  87 + Тут пока нет никаких вакансий
  88 + @endif
  89 + </div>
  90 + </div>
  91 + </div>
  92 + </div>
  93 + </main>
  94 + </div>
  95 +@endsection
... ... @@ -26,6 +26,7 @@ use App\Http\Controllers\Admin\MsgAnswersController;
26 26 use App\Http\Controllers\Admin\GroupsController;
27 27 use App\Http\Controllers\PagesController;
28 28 use Illuminate\Support\Facades\Storage;
  29 +use App\Http\Controllers\EmployerController;
29 30  
30 31  
31 32 /*
... ... @@ -362,7 +363,6 @@ Route::group([
362 363 $files = Storage::files('logs/laravel.log');
363 364 print_r($files);
364 365 })->name('logs');
365   -
366 366 });
367 367  
368 368 // Инструментальные страницы
... ... @@ -380,3 +380,48 @@ Route::get(&#39;workers/profile/{worker}&#39;, [WorkerController::class, &#39;profile&#39;])-&gt;na
380 380  
381 381 //Страница вакансии
382 382 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
  383 +
  384 +//Вакансии
  385 +Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
  386 +
  387 +//Вакансии категория детальная
  388 +Route::get('list-vacancies/{categories}/{job_titles?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
  389 +
  390 +//Судоходные компании
  391 +Route::get('shipping-companies', [MainController::class, 'shipping_companies'])->name('shipping_companies');
  392 +
  393 +//Образование
  394 +Route::get('education', [MainController::class, 'education'])->name('education');
  395 +
  396 +//Условия размещения для соискателей
  397 +Route::get('if-public', [MainController::class, 'if_public'])->name('if_public');
  398 +
  399 +//Новости
  400 +Route::get('news', [MainController::class, 'news'])->name('news');
  401 +
  402 +//Контакты
  403 +Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
  404 +
  405 +//Публичная оферта
  406 +Route::get('public-offer', [WorkerController::class, 'public_offer'])->name('public_offer');
  407 +
  408 +//База резюме
  409 +Route::get('bd-resume', [MainController::class, 'bd_resume'])->name('bd_resume');
  410 +
  411 +//Стоимость размещения для работодателей
  412 +Route::get('cost-public-employer', [EmployerController::class, 'cost_public_employer'])->name('cost_public_employer');
  413 +
  414 +//Политика конфиденциальности
  415 +Route::get('privacy-policy', [PagesController::class, 'private_policy'])->name('private_policy');
  416 +
  417 +//Пользовательское соглашение
  418 +Route::get('terms-of-use', [PagesController::class, 'terms_of_use'])->name('terms_of_use');
  419 +
  420 +//Инструкции
  421 +Route::get('instruction', [EmployersController::class, 'instruction'])->name('instruction');
  422 +
  423 +//Эффективность объявления
  424 +Route::get('effective-note', [EmployersController::class, 'effective_note'])->name('effective_note');
  425 +
  426 +//Публичная оферта
  427 +Route::get('public-offer-emp', [EmployersController::class, 'public_offer_emp'])->name('public_offer_emp');