Андрей Ларионов / rekamore.su

Browse Code »

Commit e60a32501c1872ebb2ed899fb5fe8309a155b6d6

Authored by Сергей П 2024-07-04 13:36:14 +0300

1 parent 5914833d5c

Exists in master

Измененения для раздела "Избранные кандидаты" + фиксы по задачам

Showing 13 changed files with 258 additions and 231 deletions Inline Diff

app/Http/Controllers/WorkerController.php
public/css/style_may2024.css
resources/views/employers/favorite.blade.php
resources/views/info_company_new.blade.php
resources/views/modals/send_employer.blade.php
resources/views/modals/send_worker.blade.php
resources/views/modals/send_worker_new.blade.php
resources/views/resume.blade.php
resources/views/worker.blade.php
resources/views/workers/form_additional_documents.blade.php
resources/views/workers/form_basic_information.blade.php
resources/views/workers/sertificate_add.blade.php
routes/web.php

app/Http/Controllers/WorkerController.php

Diff comments View file @ e60a325

 <?php
 namespace App\Http\Controllers;
 use App\Classes\RusDate;
 use App\Http\Requests\DocumentsRequest;
 use App\Http\Requests\PrevCompanyRequest;
 use App\Http\Requests\SertificationRequest;
 use App\Models\Ad_employer;
 use App\Models\ad_response;
 use App\Models\Dop_info;
 use App\Models\infobloks;
 use App\Models\Job_title;
 use App\Models\Like_vacancy;
 use App\Models\Message;
 use App\Models\place_works;
 use App\Models\PrevCompany;
 use App\Models\ResponseWork;
 use App\Models\sertification;
 use App\Models\Static_worker;
 use App\Models\Title_worker;
 use App\Models\User;
 use App\Models\User as User_Model;
 use App\Models\Worker;
 use Barryvdh\DomPDF\Facade\Pdf;
 use Carbon\Carbon;
 use Illuminate\Auth\Events\Registered;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\Storage;
 use Illuminate\Support\Facades\Validator;
 use PhpOffice\PhpSpreadsheet\Spreadsheet;
 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
 use Symfony\Component\HttpFoundation\StreamedResponse;
 use App\Enums\DbExportColumns;
 use DateTime;
 class WorkerController extends Controller
 {
     public $status_work = array(0 => 'Ищу работу', 1 => 'Не указано', 2 => 'Не ищу работу');
     //профиль
     public function profile(Worker $worker)
     {
         $get_date = date('Y.m');
         $c = Static_worker::query()->where('year_month', '=', $get_date)
             ->where('user_id', '=', $worker->users->id)
             ->get();
         if ($c->count() > 0) {
             $upd = Static_worker::find($c[0]->id);
             $upd->lookin = $upd->lookin + 1;
             $upd->save();
         } else {
             $crt = new Static_worker();
             $crt->lookin = 1;
             $crt->year_month = $get_date;
             $crt->user_id = $worker->user_id;
             $crt->save();
         }
         $stat = Static_worker::query()->where('year_month', '=', $get_date)
             ->where('user_id', '=', $worker->users->id)
             ->get();
         return view('public.workers.profile', compact('worker', 'stat'));
     }
     // лист база резюме
     public function bd_resume(Request $request)
     {
         $look = false;
         $idiot = 0;
         if (isset(Auth()->user()->id)) {
             $idiot = Auth()->user()->id;
             if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin))
                 $look = true;
         }
         if ($look) {
             $status_work = $this->status_work;
             $resumes = Worker::query()->with('users')->with('job_titles');
             $resumes = $resumes->whereHas('users', function (Builder $query) {
                 $query->Where('is_worker', '=', '1')
                     ->Where('is_bd', '=', '0');
             });
             //dd($request->get('job'));
             if (($request->has('job')) && ($request->get('job') > 0)) {
                 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) {
                     $query->Where('job_titles.id', $request->get('job'));
                 });
             }
             $Job_title = Job_title::query()->
                             where('is_remove', '=', '0')->
                             where('is_bd', '=' , '1')->
                             get();
             if ($request->get('sort')) {
                 $sort = $request->get('sort');
                 switch ($sort) {
                     case 'name_up':
                         $resumes = $resumes->orderBy(User::select('surname')
                             ->whereColumn('workers.user_id', 'users.id')
                         );
                         break;
                     case 'name_down':
                         $resumes = $resumes->orderByDesc(User::select('surname')
                             ->whereColumn('workers.user_id', 'users.id')
                         );
                         break;
                     case 'created_at_up':
                         $resumes = $resumes->OrderBy('created_at')->orderBy('id');
                         break;
                     case 'created_at_down':
                         $resumes = $resumes->orderByDesc('created_at')->orderBy('id');
                         break;
                     case 'default':
                         $resumes = $resumes->orderBy('id')->orderby('updated_at');
                         break;
                     default:
                         $resumes = $resumes->orderBy('id')->orderby('updated_at');
                         break;
                 }
             }
             $res_count = $resumes->count();
             //$resumes = $resumes->get();
             $resumes = $resumes->paginate(4);
             if ($request->ajax()) {
                 // Условия обставлены
                 if ($request->has('block') && ($request->get('block') == 1)) {
                     return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));
                 }
                 if ($request->has('block') && ($request->get('block') == 2)) {
                     return view('ajax.resume_2', compact('resumes', 'status_work', 'res_count', 'idiot'));
                 }
             } else {
                 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title'));
             }
         } else {
             return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);
         }
     }
     public function basic_information(){
         if (!isset(Auth()->user()->id)) {
             abort(404);
         }
         $user_id = Auth()->user()->id;
         $user = User::query()
             ->with('workers')
             ->with(['jobtitles' => function ($query) {
                 $query->select('job_titles.id');
             }])
             ->where('id', '=', $user_id)
             ->first();
         $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray();
         $job_titles = Job_title::all()->sortBy('name');
         return view('workers.form_basic_information', compact('user', 'job_titles'));
     }
     public function additional_documents(){
         if (!isset(Auth()->user()->id)) {
             abort(404);
         }
         $user_id = Auth()->user()->id;
         $info_blocks = infobloks::query()->OrderBy('name')->get();
         $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
         $worker = Worker::query()
             ->with('users')
             ->with('infobloks')
             ->WhereHas('users', function (Builder $query) use ($user_id) {
                 $query->Where('id', $user_id);
             })
             ->first();
         if ($worker->dop_info->count()){
             $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
         }
         return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses'));
     }
     //Лайк резюме
     public function like_controller() {
     }
     // анкета соискателя
     public function resume_profile(Worker $worker)
     {
         if (isset(Auth()->user()->id)) {
             $idiot = Auth()->user()->id;
         } else {
             $idiot = 0;
         }
         $status_work = $this->status_work;
         $Query = Worker::query()->with('users')->with('job_titles')
             ->with('place_worker')->with('sertificate')->with('prev_company')
             ->with('infobloks')->with('response');
         $Query = $Query->where('id', '=', $worker->id);
         $Query = $Query->get();
         $get_date = date('Y.m');
         $infoblocks = infobloks::query()->get();
         $c = Static_worker::query()->where('year_month', '=', $get_date)
             ->where('user_id', '=', $worker->user_id)
             ->get();
         if ($c->count() > 0) {
             $upd = Static_worker::find($c[0]->id);
             $upd->lookin = $upd->lookin + 1;
             $upd->save();
         } else {
             $crt = new Static_worker();
             $crt->lookin = 1;
             $crt->year_month = $get_date;
             $crt->user_id = $worker->user_id;
             $status = $crt->save();
         }
         $stat = Static_worker::query()->where('year_month', '=', $get_date)
             ->where('user_id', '=', $worker->user_id)
             ->get();
         return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat'));
     }
     // скачать анкету соискателя
     public function resume_download(Worker $worker)
     {
         $status_work = $this->status_work;
         $Query = Worker::query()->with('users')->with('job_titles')
             ->with('place_worker')->with('sertificate')->with('prev_company')
             ->with('infobloks');
         $Query = $Query->where('id', '=', $worker->id);
         $Query = $Query->get()->toArray();
         view()->share('Query',$Query);
         $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape');
         return $pdf->stream();
     }
     public function resume_download_all(Request $request) {
         $spreadsheet = new Spreadsheet();
         $sheet = $spreadsheet->getActiveSheet();
         $columnMap = range('A', 'Z');
         $columns = [];
         foreach (DbExportColumns::toArray() as $key => $value){
             if ($request->input($key, 0)){
                 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value));
                 $columns[] = str_replace('__', '.', $key);
             }
         }
         if (empty($columns)) {
             return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.');
         }
         $query = User::select($columns)
             ->leftJoin('workers', 'users.id', '=', 'workers.user_id')
             ->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id')
             ->where('users.is_bd', '=', 1)
             ;
         $job_title_list = $request->input('job_title_list', []);
         if (!empty($job_title_list)){
             $query->whereIn('job_titles.id', $job_title_list);
         }
         $users = $query->get();
         if ($users->count()){
             $i = 2;
             foreach ($users->toArray() as $user){
                 $j = 0;
                 foreach ($user as $field){
                     $sheet->setCellValue("{$columnMap[$j++]}$i", $field);
                 }
                 $i++;
             }
         }
         $writer = new Xlsx($spreadsheet);
         $fileName = 'DB.xlsx';
         $response = new StreamedResponse(function() use ($writer) {
             $writer->save('php://output');
         });
         $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
         $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"');
         $response->headers->set('Cache-Control', 'max-age=0');
         return $response;
     }
     // Кабинет работника
     public function cabinet(Request $request)
     {
         // дата год и месяц
         $get_date = date('Y.m');
         $id = Auth()->user()->id;
         $Infobloks = infobloks::query()->get();
         $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->
         with('infobloks')->with('place_worker')->
         WhereHas('users',
             function (Builder $query) use ($id) {$query->Where('id', $id);
             })->get();
         $Job_titles = Job_title::query()->where('is_remove', '=', '0')->
             where('is_bd', '=' , '1')->
             OrderByDesc('sort')->OrderBy('name')->get();
         $stat = Static_worker::query()->where('year_month', '=', $get_date)
             ->where('user_id', '=', $id)
             ->get();
         // 10%
         $persent = 10;
         $persent1 = 0;
         $persent2 = 0;
         $persent3 = 0;
         $persent4 = 0;
         $persent5 = 0;
         if ((!empty($Worker[0]->telephone)) &&
             (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&
             (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {
             // 40%
             $persent = $persent + 40;
             $persent1 = 40;
         }
         //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year);
         if ($Worker[0]->sertificate->count() > 0) {
             // 15%
             $persent = $persent + 15;
             $persent2 = 15;
         }
         if ($Worker[0]->infobloks->count() > 0) {
             // 20%
             $persent = $persent + 20;
             $persent3 = 20;
         }
         if ($Worker[0]->prev_company->count() > 0) {
             // 10%
             $persent = $persent + 10;
             $persent4 = 10;
         }
         if (!empty($Worker[0]->photo)) {
             // 5%
             $persent = $persent + 5;
             $persent5 = 5;
         }
         $status_work = $this->status_work;
         $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
         $info_blocks = infobloks::query()->OrderBy('name')->get();
         $worker = Worker::query()
             ->with('users')
             ->with('sertificate')
             ->with('prev_company')
             ->with('infobloks')
             ->with('place_worker')
             ->with('job_titles')
             ->WhereHas('users', function (Builder $query) use ($id) {
                 $query->Where('id', $id);
             })
             ->first();
         if ($worker->dop_info->count()){
             $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
         }
         //dd($worker->dop_info);
         if ($request->has('print')) {
            dd($Worker);
         } else {
             return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat',
                 'worker', 'info_blocks', 'status_work', 'additional_document_statuses'
             ));
         }
     }
     // Сохранение данных
     public function cabinet_save(Worker $worker, Request $request)
     {
         $id = $worker->id;
         $params = $request->all();
         $job_title_id = $request->get('job_title_id');
         $rules = [
             'surname' => ['required', 'string', 'max:255'],
             'name_man' => ['required', 'string', 'max:255'],
             'email' => ['required', 'string', 'email', 'max:255'],
         ];
         $messages = [
             'required' => 'Укажите обязательное поле',
             'min' => [
                 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
                 'integer' => 'Поле «:attribute» должно быть :min или больше',
                 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
             ],
             'max' => [
                 'string' => 'Поле «:attribute» должно быть не больше :max символов',
                 'integer' => 'Поле «:attribute» должно быть :max или меньше',
                 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
             ]
         ];
         $validator = Validator::make($params, $rules, $messages);
         if ($validator->fails()) {
             return redirect()->route('worker.cabinet')->withErrors($validator);
         } else {
             if ($request->has('photo')) {
                 if (!empty($worker->photo)) {
                     Storage::delete($worker->photo);
                 }
                 $params['photo'] = $request->file('photo')->store("worker/$id", 'public');
             }
             if ($request->has('file')) {
                 if (!empty($worker->file)) {
                     Storage::delete($worker->file);
                 }
                 $params['file'] = $request->file('file')->store("worker/$id", 'public');
             }
             $worker->update($params);
             $use = User::find($worker->user_id);
             $use->surname = $request->get('surname');
             $use->name_man = $request->get('name_man');
             $use->surname2 = $request->get('surname2');
             $use->save();
             $worker->job_titles()->sync($job_title_id);
             return redirect()->route('worker.basic_information')->with('success', 'Данные были успешно сохранены');
         }
     }
     public function cabinet_save_foto(Worker $worker, Request $request){
         $params = ['photo' => null];
         if ($request->has('photo')) {
             if (!empty($worker->photo)) {
                 Storage::delete($worker->photo);
             }
             $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public');
         }
         if ($request->has('file')) {
             if (!empty($worker->file)) {
                 Storage::delete($worker->file);
             }
             $params['file'] = $request->file('file')->store("worker/$worker->id", 'public');
         }
         $worker->update($params);
         return redirect()->route('worker.cabinet');
     }
     // Сообщения данные
     public function messages($type_message)
     {
         $user_id = Auth()->user()->id;
         $messages_input = Message::query()->with('vacancies')->with('user_from')->
         Where('to_user_id', $user_id)->OrderByDesc('created_at');
         $messages_output = Message::query()->with('vacancies')->
         with('user_to')->where('user_id', $user_id)->
         OrderByDesc('created_at');
         $count_input = $messages_input->count();
         $count_output = $messages_output->count();
         if ($type_message == 'input') {
             $messages = $messages_input->paginate(5);
         }
         if ($type_message == 'output') {
             $messages = $messages_output->paginate(5);
         }
         //dd($messages);
         // Вернуть все 100%
         return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
     }
     // Избранный
     public function favorite()
     {
         return view('workers.favorite');
     }
     // Сменить пароль
     public function new_password()
     {
         $email = Auth()->user()->email;
         return view('workers.new_password', compact('email'));
     }
     // Обновление пароля
     public function save_new_password(Request $request) {
         $use = Auth()->user();
         $request->validate([
             'password' => 'required|string',
             'new_password' => 'required|string',
             'new_password2' => 'required|string'
         ]);
         if ($request->get('new_password') == $request->get('new_password2'))
             if ($request->get('password') !== $request->get('new_password')) {
                 $credentials = $request->only('email', 'password');
                 if (Auth::attempt($credentials, $request->has('save_me'))) {
                     if (!is_null($use->email_verified_at)){
                         $user_data = User_Model::find($use->id);
                         $user_data->update([
                             'password' => Hash::make($request->get('new_password')),
                             'pubpassword' => base64_encode($request->get('new_password')),
                         ]);
                         return redirect()
                             ->route('worker.new_password')
                             ->with('success', 'Поздравляю! Вы обновили свой пароль!');
                     }
                     return redirect()
                         ->route('worker.new_password')
                         ->withError('Данная учетная запись не было верифицированна!');
                 }
             }
         return redirect()
             ->route('worker.new_password')
             ->withErrors('Не совпадение данных, обновите пароли!');
     }
     // Удаление профиля форма
     public function delete_profile()
     {
         $login = Auth()->user()->email;
         return view('workers.delete_profile', compact('login'));
     }
     // Удаление профиля код
     public function delete_profile_result(Request $request) {
         $Answer = $request->all();
         $user_id = Auth()->user()->id;
         $request->validate([
             'password' => 'required|string',
         ]);
         $credentials = $request->only('email', 'password');
         if (Auth::attempt($credentials)) {
             Auth::logout();
             $it = User_Model::find($user_id);
             $it->delete();
             return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
         } else {
             return redirect()->route('worker.delete_profile')
                 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
         }
     }
     // Регистрация соискателя
     public function register_worker(Request $request)
     {
         $params = $request->all();
         $params['is_worker'] = 1;
         $rules = [
             'surname' => ['required', 'string', 'max:255'],
             'name_man' => ['required', 'string', 'max:255'],
             'email' => ['required', 'email', 'max:255', 'unique:users'],
             'password' => ['required', 'string', 'min:6']
         ];
         $messages = [
             'required' => 'Укажите обязательное поле',
             'min' => [
                 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
                 'integer' => 'Поле «:attribute» должно быть :min или больше',
                 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
             ],
             'max' => [
                 'string' => 'Поле «:attribute» должно быть не больше :max символов',
                 'integer' => 'Поле «:attribute» должно быть :max или меньше',
                 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
             ]
         ];
         $email =  $request->get('email');
         if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
             return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
         }
         if ($request->get('password') !== $request->get('confirmed')){
             return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
         }
         if (strlen($request->get('password')) < 6) {
             return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
         }
         /*$haystack = $request->get('password');
         $specsumbol   = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');
         $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z',
                         'X', 'C', 'V', 'B', 'N', 'M');
         $lenpwd_bool = true;
         $spec_bool = false;
         $alpha_bool = false;
         if (strlen($haystack) < 8)  $lenpwd_bool = false;
         foreach ($specsumbol as $it) {
             if (strpos($haystack, $it) !== false) {
                 $spec_bool = true;
             }
         }
         foreach ($alpha as $it) {
             if (strpos($haystack, $it) !== false) {
                 $alpha_bool = true;
             }
         }
         if ((!$spec_bool) || (!$alpha_bool)) {
             return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));
         }*/
         if (($request->has('politik')) && ($request->get('politik') == 1)) {
             $validator = Validator::make($params, $rules, $messages);
             if ($validator->fails()) {
                 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
             } else {
                 //dd($params);
                 $user = $this->create($params);
                 event(new Registered($user));
                 Auth::guard()->login($user);
             }
             if ($user) {
                 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
             } else {
                 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
             }
         } else {
             return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой  конфидициальности!"));
         }
     }
     // Звездная оценка и ответ
     public function stars_answer(Request $request) {
         $params = $request->all();
         $rules = [
             'message' => ['required', 'string', 'max:255'],
         ];
         $messages = [
             'required' => 'Укажите обязательное поле',
             'min' => [
                 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
                 'integer' => 'Поле «:attribute» должно быть :min или больше',
                 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
             ],
             'max' => [
                 'string' => 'Поле «:attribute» должно быть не больше :max символов',
                 'integer' => 'Поле «:attribute» должно быть :max или меньше',
                 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
             ]
         ];
         $response_worker = ResponseWork::create($params);
         return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');
     }
     public function TestWorker()
     {
         $Use = new User();
         $Code_user = $Use->create([
             'name' => 'surname name_man',
             'name_man' => 'name_man',
             'surname' => 'surname',
             'surname2' => 'surname2',
             'subscribe_email' => '1',
             'email' => 'email@mail.com',
             'telephone' => '1234567890',
             'password' => Hash::make('password'),
             'pubpassword' => base64_encode('password'),
             'email_verified_at' => Carbon::now(),
             'is_worker' => 1,
         ]);
         if ($Code_user->id > 0) {
             $Worker = new Worker();
             $Worker->user_id = $Code_user->id;
             $Worker->position_work =  1; //'job_titles';
             $Worker->email = 'email@email.com';
             $Worker->telephone = '1234567890';
             $status = $Worker->save();
             $Title_Worker = new Title_worker();
             $Title_Worker->worker_id = $Worker->id;
             $Title_Worker->job_title_id = 1;
             $Title_Worker->save();
         }
     }
     // Создание пользователя
     protected function create(array $data)
     {
         $Use = new User();
         $Code_user = $Use->create([
                             'name' => $data['surname']." ".$data['name_man'],
                             'name_man' => $data['name_man'],
                             'surname' => $data['surname'],
                             'surname2' => $data['surname2'],
                             'subscribe_email' => $data['email'],
                             'email' => $data['email'],
                             'telephone' => $data['telephone'],
                             'password' => Hash::make($data['password']),
                             'pubpassword' => base64_encode($data['password']),
                             'email_verified_at' => Carbon::now(),
                             'is_worker' => $data['is_worker'],
                         ]);
         if ($Code_user->id > 0) {
             $Worker = new Worker();
             $Worker->user_id = $Code_user->id;
             $Worker->position_work = $data['job_titles'];
             $Worker->email = $data['email'];
             $Worker->telephone = $data['telephone'];
             $Worker->save();
             if (isset($Worker->id)) {
                 $Title_Worker = new Title_worker();
                 $Title_Worker->worker_id = $Worker->id;
                 $Title_Worker->job_title_id = $data['job_titles'];
                 $Title_Worker->save();
             }
             return $Code_user;
         }
     }
     // Вакансии избранные
     public function colorado(Request $request) {
         $IP_address = RusDate::ip_addr_client();
         $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
         if ($Arr->count()) {
             $A = Array();
             foreach ($Arr as $it) {
                 $A[] = $it->code_record;
             }
             $Query = Ad_employer::query()->whereIn('id', $A);
         } else {
             $Query = Ad_employer::query()->where('id', '=', '0');
         }
         $Query = $Query->with('jobs')->
         with('cat')->
         with('employer')->
         whereHas('jobs_code', function ($query) use ($request) {
             if ($request->ajax()) {
                 if (null !== ($request->get('job'))) {
                     $query->where('job_title_id', $request->get('job'));
                 }
             }
         })->select('ad_employers.*');
         $Job_title = Job_title::query()->OrderBy('name')->get();
         $Query_count = $Query->count();
         $Query = $Query->OrderBy('updated_at')->paginate(3);
         return view('workers.favorite', compact('Query',
                                                     'Query_count',
                                                                 'Job_title'));
     }
     //Переписка
     public function dialog(User_Model $user1, User_Model $user2, Request $request) {
         // Получение параметров.
         if ($request->has('ad_employer')){
             $ad_employer = $request->get('ad_employer');
         } else {
             $ad_employer = 0;
         }
         if (isset($user1->id)) {
             $sender = User_Model::query()->with('workers')->
             with('employers')->
             where('id', $user1->id)->first();
         }
         if (isset($user2->id)) {
             $companion = User_Model::query()->with('workers')->
             with('employers')->
             where('id', $user2->id)->first();
         }
         $Messages = Message::query()->
         //with('response')->
         where(function($query) use ($user1, $user2) {
             $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
         })->orWhere(function($query) use ($user1, $user2) {
             $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
         })->OrderBy('created_at')->get();
         $id_vac = null;
         /*foreach ($Messages as $it) {
             if (isset($it->response)) {
                 foreach ($it->response as $r) {
                     if (isset($r->ad_employer_id)) {
                         $id_vac = $r->ad_employer_id;
                         break;
                     }
                 }
             }
             if (!is_null($id_vac)) break;
         }*/
         //$ad_employer = null;
         //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
         return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
     }
     // Даунылоады
     public function download(Worker $worker) {
         $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
         view()->share('house',$arr_house);
         $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
         return $pdf->stream();
     }
     // Поднятие анкеты
     public function up(Worker $worker) {
         $worker->updated_at = Carbon::now();
         $worker->save();
         // 0
         return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
     }
     // Форма сертификате
     public function new_sertificate(Worker $worker) {
         return view('workers.sertificate_add', compact('worker'));
     }
     // Добавление сертификата
     public function add_serificate(SertificationRequest $request) {
         $request->validate([
             'name' => 'required|string|max:255',
             'end_begin' => 'required|date|date_format:d.m.Y'
         ],
         [
             'name' => 'Навание сертификата обязательно для заполнения.',
             'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
         ]);
         $params = $request->all();
         $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);
         $params['end_begin'] = $end_begin->format('Y-m-d');
         $Sertificate = new sertification();
         $Sertificate->create($params);
         $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get();
         return redirect()->route('worker.cabinet');
         //return view('ajax.documents', compact('Docs'));
     }
     // Удалить сертификат
     public function delete_sertificate(sertification $doc) {
         $doc->delete();
         return redirect()->route('worker.cabinet');
     }
     // Редактирование сертификата
     public function edit_sertificate(Worker $worker, sertification $doc) {
         return view('workers.sertificate_edit', compact('doc', 'worker'));
     }
     // Редактирование обновление сертификата
     public function update_serificate(SertificationRequest $request, sertification $doc) {
         $request->validate([
             'name' => 'required|string|max:255',
             'end_begin' => 'required|date|date_format:d.m.Y'
         ],
         [
             'name' => 'Навание сертификата обязательно для заполнения.',
             'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
         ]);
         $all = $request->all();
         $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
         $all['end_begin'] = $end_begin->format('Y-m-d');
         $doc->worker_id = $all['worker_id'];
         $doc->name = $all['name'];
         $doc->end_begin = $all['end_begin'];
         $doc->save();
         return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
     }
+    public function edit_diploms(Request $request, Worker $worker) {
+        $dop_info_data = $request->input('diploms');
+        if (empty($dop_info_data)) {
+            return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
+        }
+        foreach ($dop_info_data as $infoblok_id => $status) {
+            Dop_info::updateOrCreate(
+                ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
+                ['status' => $status]
+            );
+        }
+        return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
+    }
     public function delete_add_diplom(Request $request, Worker $worker) {
         $infoblok_id = $request->get('infoblok_id');
         if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
             $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
         else {
             $params['infoblok_id'] = $infoblok_id;
             $params['worker_id'] = $worker->id;
             $params['status'] = $request->get('val');
             $id = Dop_info::create($params);
             //$id = $worker->infobloks()->sync([$infoblok_id]);
         }
         //$Infoblocks = infobloks::query()->get();
         return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
     }
     // Добавление диплома
     public function add_diplom_ajax(Request $request) {
         // конец
         $params = $request->all();
         $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
         if ($count == 0) $dop_info = Dop_info::create($params);
         $Infoblocks = infobloks::query()->get();
         $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
         $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
         return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
     }
     // Добавление диплома без ajax
     public function add_diplom(Worker $worker) {
         $worker_id = $worker->id;
         $Infoblocks = infobloks::query()->get();
         return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
     }
     // Сохранить
     // Сохраняю диплом
     public function add_diplom_save(Request $request) {
         $params = $request->all();
         $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
         if ($count == 0) $dop_info = Dop_info::create($params);
         return redirect()->route('worker.cabinet');
     }
     // Добавление стандартного документа
     public function add_document(Worker $worker) {
         return view('workers.docs', compact('worker'));
     }
     //Сохранение стандартого документа
     public function add_document_save(DocumentsRequest $request) {
         $params = $request->all();
         $place_work = place_works::create($params);
         return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');
     }
     // Редактирование документа
     public function edit_document(place_works $doc, Worker $worker) {
         return view('workers.docs-edit', compact('doc', 'worker'));
     }
     //Сохранение отредактированного документа
     public function edit_document_save(DocumentsRequest $request, place_works $doc) {
         $params = $request->all();
         $doc->update($params);
         return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
     }
     // Удаление документа
     public function delete_document(place_works $doc) {
         $doc->delete();
         return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
     }
     //Отправка нового сообщения
     public function new_message(Request $request) {
         $params = $request->all();
         $id = $params['send_user_id'];
         $message = new Message();
         $message->user_id = $params['send_user_id'];
         $message->to_user_id = $params['send_to_user_id'];
         $message->title = $params['send_title'];
         $message->text = $params['send_text'];
         $message->ad_employer_id = $params['send_vacancy'];
         if ($request->has('send_file')) {
             $message->file = $request->file('send_file')->store("worker/$id", 'public');
         }
         $message->flag_new = 1;
         $id_message = $message->save();
         $data['message_id'] = $id_message;
         $data['ad_employer_id'] = $params['send_vacancy'];
         $data['job_title_id'] = $params['send_job_title_id'];
         $data['flag'] = 1;
         $ad_responce = ad_response::create($data);
         return redirect()->route('worker.messages', ['type_message' => 'output']);
     }
     public function test123(Request $request) {
         $params = $request->all();
         $user1 = $params['user_id'];
         $user2 = $params['to_user_id'];
         $id_vacancy = $params['ad_employer_id'];
         $ad_name = $params['ad_name'];
         $rules = [
             'text' => 'required|min:1|max:150000',
             'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
         ];
         $messages = [
             'required' => 'Укажите обязательное поле',
             'min' => [
                 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
                 'integer' => 'Поле «:attribute» должно быть :min или больше',
                 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
             ],
             'max' => [
                 'string' => 'Поле «:attribute» должно быть не больше :max символов',
                 'integer' => 'Поле «:attribute» должно быть :max или меньше',
                 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
             ]
         ];
         $validator = Validator::make($request->all(), $rules, $messages);
         if ($validator->fails()) {
             return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name])
                 ->withErrors($validator);
         } else {
             if ($request->has('file')) {
                 $params['file'] = $request->file('file')->store("messages", 'public');
             }
             Message::create($params);
             //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
             return redirect()->route('worker.dialog',
                 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
         }
     }
     // Информация о предыдущих компаниях
     public function new_prev_company(Worker $worker) {
         return view('workers.prev_company_form', compact('worker'));
     }
     // Добавление контакта компании
     public function add_prev_company(PrevCompanyRequest $request) {
         // Возвращение параметров
         $all = $request->all();
         $PrevCompany = PrevCompany::create($all);
         return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
     }
     // Редактирование контакта компании
     public function edit_prev_company(PrevCompany $doc, Worker $worker) {
         return view('workers.prev_company_edit_form', compact('doc', 'worker'));
     }
     //Сохранение редактирования контакта компании
     public function update_prev_company(PrevCompany $doc, Request $request){
         $all = $request->all();
         $doc->update($all);
         return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
     }
     // Удаление контакта предыдущей компании
     public function delete_prev_company(PrevCompany $doc) {
         $doc->delete();
         return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
     }
 }

public/css/style_may2024.css

Diff comments View file @ e60a325

 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
 /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
 @import url(fonts.css);
 @import url(jquery.fancybox.css);
 @import url(jquery.select2.css);
 @import url(star-rating.min.css);
 @import url(swiper.css);
 html {
   line-height: 1.15; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
 }
 /* Sections
    ========================================================================== */
 /**
  * Remove the margin in all browsers.
  */
 body {
   margin: 0;
 }
 /**
  * Render the `main` element consistently in IE.
  */
 main {
   display: block;
 }
 /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
 h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
 /* Grouping content
    ========================================================================== */
 /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
 hr {
   -webkit-box-sizing: content-box;
           box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
 }
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 pre {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
 }
 /* Text-level semantics
    ========================================================================== */
 /**
  * Remove the gray background on active links in IE 10.
  */
 a {
   background-color: transparent;
 }
 /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted; /* 2 */
 }
 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
 b,
 strong {
   font-weight: bolder;
 }
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 code,
 kbd,
 samp {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
 }
 /**
  * Add the correct font size in all browsers.
  */
 small {
   font-size: 80%;
 }
 /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 sub {
   bottom: -0.25em;
 }
 sup {
   top: -0.5em;
 }
 /* Embedded content
    ========================================================================== */
 /**
  * Remove the border on images inside links in IE 10.
  */
 img {
   border-style: none;
 }
 /* Forms
    ========================================================================== */
 /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
   line-height: 1.15; /* 1 */
   margin: 0; /* 2 */
 }
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
 button,
 input { /* 1 */
   overflow: visible;
 }
 /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
 button,
 select { /* 1 */
   text-transform: none;
 }
 /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
 button,
 [type=button],
 [type=reset],
 [type=submit] {
   -webkit-appearance: button;
 }
 /**
  * Remove the inner border and padding in Firefox.
  */
 button::-moz-focus-inner,
 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 /**
  * Restore the focus styles unset by the previous rule.
  */
 button:-moz-focusring,
 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 /**
  * Correct the padding in Firefox.
  */
 fieldset {
   padding: 0.35em 0.75em 0.625em;
 }
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
 legend {
   -webkit-box-sizing: border-box;
           box-sizing: border-box; /* 1 */
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
   padding: 0; /* 3 */
   white-space: normal; /* 1 */
 }
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 progress {
   vertical-align: baseline;
 }
 /**
  * Remove the default vertical scrollbar in IE 10+.
  */
 textarea {
   overflow: auto;
 }
 /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
 [type=checkbox],
 [type=radio] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
   height: auto;
 }
 /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
 [type=search] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 [type=search]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
 ::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
 /* Interactive
    ========================================================================== */
 /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
 details {
   display: block;
 }
 /*
  * Add the correct display in all browsers.
  */
 summary {
   display: list-item;
 }
 /* Misc
    ========================================================================== */
 /**
  * Add the correct display in IE 10+.
  */
 template {
   display: none;
 }
 /**
  * Add the correct display in IE 10.
  */
 [hidden] {
   display: none;
 }
 .green {
   color: #377d87;
 }
 .red {
   color: #eb5757;
 }
 .rotate180 {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 ::-moz-selection {
   color: #000;
   background: #acc0e6;
 }
 ::selection {
   color: #000;
   background: #acc0e6;
 }
 ::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
 ::-webkit-scrollbar-track {
   border-radius: 999px;
   background-color: #fff;
 }
 ::-webkit-scrollbar-thumb {
   border-radius: 999px;
   background-color: #377d87;
 }
 ::-webkit-input-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 :focus::-webkit-input-placeholder {
   color: transparent;
 }
 :-ms-input-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 :focus:-ms-input-placeholder {
   color: transparent;
 }
 ::-ms-input-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 :focus::-ms-input-placeholder {
   color: transparent;
 }
 ::-moz-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 :focus::-moz-placeholder {
   color: transparent;
 }
 ::-webkit-input-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 ::-moz-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 :-ms-input-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 ::-ms-input-placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 ::placeholder {
   color: #9c9d9d;
   opacity: 1;
 }
 :focus::-webkit-input-placeholder {
   color: transparent;
 }
 :focus::-moz-placeholder {
   color: transparent;
 }
 :focus:-ms-input-placeholder {
   color: transparent;
 }
 :focus::-ms-input-placeholder {
   color: transparent;
 }
 :focus::placeholder {
   color: transparent;
 }
 *,
 *:before,
 *:after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
   outline: none;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 a,
 button,
 select {
   color: inherit;
 }
 a {
   text-decoration: none;
 }
 a,
 input[type=button],
 input[type=submit],
 button {
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   cursor: pointer;
 }
 [type=tel] {
   letter-spacing: 1px;
 }
 .br,
 img,
 svg {
   display: block;
 }
 .float-left {
   float: left;
 }
 .float-right {
   float: right;
 }
 .clear-both:after {
   content: "";
   display: block;
   clear: both;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0;
 }
 #body {
   font-family: "Circe", sans-serif;
   color: #000;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   gap: 50px;
   min-width: 320px;
   min-height: 100vh;
   line-height: 1.25;
 }
 @media (min-width: 768px) {
   #body {
     gap: 60px;
   }
 }
 #body.pdf {
   gap: 0;
 }
 .container {
   width: 100%;
   max-width: 1280px;
   margin-left: auto;
   margin-right: auto;
   padding-left: 10px;
   padding-right: 10px;
 }
 @media (min-width: 768px) {
   .container {
     padding-left: 20px;
     padding-right: 20px;
   }
 }
 .to-top {
   position: fixed;
   right: 10px;
   bottom: 10px;
   border-radius: 999px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #fff;
   background: #377d87;
   width: 40px;
   height: 40px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   margin-right: -100px;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
   z-index: 99;
   border: 1px solid #377d87;
 }
 .to-top:hover {
   background: #fff;
   color: #377d87;
 }
 .to-top svg {
   width: 10px;
   height: 10px;
 }
 @media (min-width: 768px) {
   .to-top {
     width: 50px;
     height: 50px;
     right: 20px;
     bottom: 20px;
   }
   .to-top svg {
     width: 12px;
     height: 12px;
   }
 }
 .begin .to-top {
   margin-right: 0;
 }
 .socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   gap: 8px;
 }
 .socials a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   border: 1px solid #377d87;
   color: #377d87;
   border-radius: 999px;
   width: 38px;
   height: 38px;
 }
 .socials a:hover {
   background: #377d87;
   color: #fff;
 }
 .socials svg {
   width: 12px;
   height: 12px;
 }
 .nls {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #000;
   text-align: left;
 }
 .nls:hover {
   color: #377d87;
 }
 .nls svg {
   width: 30px;
   height: 40px;
 }
 @media (min-width: 768px) {
   .nls svg {
     width: 24px;
     height: 31px;
   }
 }
 .nls span {
   width: calc(100% - 30px);
   padding-left: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   font-size: 12px;
   line-height: 1.4;
 }
 @media (min-width: 768px) {
   .nls span {
     width: calc(100% - 24px);
   }
 }
 .nls b {
   font-weight: 400;
 }
 .title,
 h1 {
   margin: 0;
   font-weight: 700;
   font-size: 32px;
 }
 @media (min-width: 768px) {
   .title,
   h1 {
     font-size: 40px;
   }
 }
 @media (min-width: 992px) {
   .title,
   h1 {
     font-size: 48px;
   }
 }
 @media (min-width: 1280px) {
   .title,
   h1 {
     font-size: 64px;
   }
 }
 .swiper-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: static;
   margin-top: 20px;
   gap: 8px;
 }
 @media (min-width: 768px) {
   .swiper-pagination {
     margin-top: 30px;
   }
 }
 .swiper-pagination-bullet {
   width: 16px;
   height: 16px;
   opacity: 1;
   border: 1px solid #cdcece;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   background: transparent;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin: 0 !important;
 }
 .swiper-pagination-bullet:before {
   content: "";
   width: 6px;
   height: 6px;
   border-radius: 999px;
   background: #377d87;
   opacity: 0;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 .swiper-pagination-bullet:hover {
   border-color: #377d87;
 }
 .swiper-pagination-bullet-active {
   border-color: #377d87;
 }
 .swiper-pagination-bullet-active:before {
   opacity: 1;
 }
 .navs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   gap: 20px;
   width: 80px;
 }
 .navs button {
   color: #377d87;
   background: none;
   border: none;
   padding: 0;
 }
 .navs button[disabled] {
   cursor: not-allowed;
   color: #cddee1;
 }
 .navs svg {
   width: 14px;
   height: 28px;
 }
 .select {
   position: relative;
 }
 .select2 {
   width: 100% !important;
 }
 .select2-container {
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .select2-container {
     font-size: 16px;
   }
 }
 .select2-container--open .select2-selection {
   border-color: #377d87 !important;
 }
 .select2-container--open .select2-selection__arrow svg {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .select2-selection {
   min-height: 30px !important;
   border-radius: 8px !important;
   border-color: #e7e7e7 !important;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 @media (min-width: 768px) {
   .select2-selection {
     min-height: 50px !important;
   }
 }
 .select2-selection__rendered {
   line-height: 28px !important;
   padding: 0 30px 0 10px !important;
 }
 @media (min-width: 768px) {
   .select2-selection__rendered {
     line-height: 48px !important;
     padding: 0 46px 0 20px !important;
   }
 }
 .select2-selection--multiple .select2-selection__rendered {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   gap: 10px;
   padding-top: 10px !important;
   padding-bottom: 10px !important;
 }
 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
   margin: 0;
 }
 .select2-selection__arrow {
   top: 0 !important;
   right: 0 !important;
   width: 30px !important;
   height: 100% !important;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #377d87;
 }
 @media (min-width: 768px) {
   .select2-selection__arrow {
     width: 50px !important;
   }
 }
 .select2-selection__arrow svg {
   width: 12px;
   height: 12px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 @media (min-width: 768px) {
   .select2-selection__arrow svg {
     width: 14px;
     height: 14px;
   }
 }
 .select2-selection__choice {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   gap: 4px;
   padding: 0 4px 0 6px !important;
   background: #377d87 !important;
   border: none !important;
   border-radius: 6px !important;
   line-height: 1 !important;
   color: #fff;
   height: 24px;
 }
 @media (min-width: 768px) {
   .select2-selection__choice {
     height: 32px;
     gap: 6px;
     padding: 0 6px 0 10px !important;
     border-radius: 8px !important;
   }
 }
 .select2-selection__choice__remove {
   width: 14px;
   height: 14px;
   padding-top: 4px;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #fff !important;
   font-weight: 400 !important;
   font-size: 26px;
 }
 .select2-search {
   display: none;
 }
 .select2-dropdown {
   z-index: 99999;
   border: none;
   border-radius: 0;
   background: none;
   padding: 5px 0;
 }
 @media (min-width: 768px) {
   .select2-dropdown {
     padding: 10px 0;
   }
 }
 .select2-results {
   background: #fff;
   border-radius: 8px;
   border: 1px solid #377d87;
   overflow: hidden;
 }
 @media (min-width: 768px) {
   .select2-results__option {
     padding: 10px 14px;
   }
 }
 .select2-results__option--highlighted {
   background: #377d87 !important;
 }
 @media (min-width: 768px) {
   .select_search .select2-selection__rendered {
     padding-left: 60px !important;
   }
 }
 .select_search .select__icon {
   display: none;
   height: 28px;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding-right: 12px;
   z-index: 2;
   position: absolute;
   top: 50%;
   left: 15px;
   margin-top: -14px;
 }
 @media (min-width: 768px) {
   .select_search .select__icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .select_search .select__icon:after {
   content: "";
   width: 1px;
   height: 100%;
   border-radius: 999px;
   position: absolute;
   top: 0;
   right: 0;
   background: #cecece;
 }
 .select_search .select__icon svg {
   color: #9c9d9d;
   width: 20px;
   height: 20px;
 }
 .form-group {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 4px;
 }
 .form-group__label {
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .form-group__label {
     font-size: 16px;
   }
 }
 .form-group__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   position: relative;
 }
 .input {
   display: block;
   height: 30px;
   border: 1px solid #cecece;
   background: #fff;
   font-size: 12px;
   border-radius: 8px;
   padding: 0 10px;
   color: #000;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   position: relative;
   z-index: 1;
 }
 @media (min-width: 768px) {
   .input {
     padding: 0 20px;
     height: 44px;
     font-size: 16px;
   }
 }
 .input:focus {
   border-color: #377d87;
 }
 .input[disabled] {
   color: #9c9d9d;
   background: #e7e7e7;
 }
 .input[type=date] {
   text-transform: uppercase;
 }
 .textarea {
   resize: none;
   display: block;
   width: 100%;
   border-radius: 8px;
   border: 1px solid #cecece;
   background: #fff;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   font-size: 12px;
   line-height: 1.4;
   padding: 10px;
   aspect-ratio: 8/3;
   max-height: 250px;
 }
 @media (min-width: 768px) {
   .textarea {
     padding: 20px;
     font-size: 16px;
     height: 280px;
   }
 }
 .textarea:focus {
   border-color: #377d87;
 }
 .button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #fff;
   background: #377d87;
   height: 30px;
   border-radius: 8px;
   padding: 0 12px;
   border: 1px solid #377d87;
   font-weight: 700;
   font-size: 12px;
   text-align: center;
   line-height: 1;
   gap: 6px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   cursor: pointer;
 }
 @media (min-width: 768px) {
   .button {
     padding: 0 24px;
     font-size: 16px;
     height: 44px;
     gap: 12px;
   }
 }
 @media (min-width: 992px) {
   .button {
     padding: 0 36px;
   }
 }
 .button:hover {
   background: transparent;
   color: #377d87;
 }
 .button img,
 .button svg {
   width: 12px;
   height: 12px;
 }
 @media (min-width: 768px) {
   .button img,
   .button svg {
     width: 18px;
     height: 18px;
   }
 }
 .button_more span + span {
   display: none;
 }
 .button_more.active span {
   display: none;
 }
 .button_more.active span + span {
   display: block;
 }
 .button_light {
   background: transparent;
   color: #377d87;
 }
 .button_light:hover {
   background: #377d87;
   color: #fff;
 }
 .button_whited {
   background: #fff;
   color: #377d87;
   border-color: #fff;
 }
 .button_whited:hover {
   background: #377d87;
   color: #fff;
 }
 .search {
   width: 100%;
   position: relative;
   background: #fff;
   border-radius: 8px;
 }
 .search span {
   display: none;
   height: 28px;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding-right: 12px;
   z-index: 1;
   position: absolute;
   top: 50%;
   left: 15px;
   margin-top: -14px;
 }
 @media (min-width: 768px) {
   .search span {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .search span:after {
   content: "";
   width: 1px;
   height: 100%;
   border-radius: 999px;
   position: absolute;
   top: 0;
   right: 0;
   background: #cecece;
 }
 .search span svg {
   color: #9c9d9d;
   width: 20px;
   height: 20px;
 }
 .search input {
   width: 100%;
   padding-right: 150px;
   position: relative;
   z-index: 2;
   background: none;
 }
 @media (min-width: 768px) {
   .search input {
     padding-left: 60px;
     padding-right: 220px;
   }
 }
 .search button {
   width: 140px;
   position: absolute;
   padding: 0;
   top: 0;
   right: 0;
   z-index: 3;
 }
 @media (min-width: 768px) {
   .search button {
     width: 200px;
   }
 }
 .breadcrumbs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   gap: 12px 6px;
   margin: 0;
   padding: 0;
   font-size: 11px;
   color: #cecece;
   line-height: 1;
 }
 @media (min-width: 992px) {
   .breadcrumbs {
     font-size: 13px;
   }
 }
 @media (min-width: 1280px) {
   .breadcrumbs {
     font-size: 16px;
   }
 }
 .breadcrumbs li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 6px;
 }
 .breadcrumbs li:before {
   content: "";
   width: 4px;
   height: 4px;
   background: #cecece;
   border-radius: 999px;
   position: relative;
   top: -1px;
 }
 .breadcrumbs li:first-child:before {
   display: none;
 }
 .breadcrumbs li:last-child:before {
   background: #377d87;
 }
 .breadcrumbs a:hover {
   color: #377d87;
 }
 .breadcrumbs b {
   color: #377d87;
   font-weight: 700;
 }
 .pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   line-height: 1;
   color: #000;
   font-size: 12px;
   margin: 0 auto;
 }
 @media (min-width: 768px) {
   .pagination {
     font-size: 14px;
     gap: 3px;
   }
 }
 .pagination__item {
   width: 40px;
   height: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background: none;
   padding: 0;
   border: 1px solid transparent;
   border-radius: 8px;
 }
 .pagination__item:hover {
   -webkit-transition: 0s;
   transition: 0s;
   color: #377d87;
   font-weight: 700;
 }
 .pagination__item.active {
   font-weight: 700;
   color: #fff;
   background: #377d87;
   border-color: #377d87;
 }
 .pagination__dots {
   width: 40px;
   height: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .pagination__dots svg {
   width: 15px;
   height: 15px;
 }
 .pagination__nav {
   width: 40px;
   height: 40px;
   display: none;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background: none;
   padding: 0;
   border: 1px solid #cddee1;
   color: #377d87;
   border-radius: 8px;
 }
 @media (min-width: 768px) {
   .pagination__nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .pagination__nav:hover {
   border-color: #377d87;
   background: #377d87;
   color: #fff;
 }
 .pagination__nav svg {
   width: 10px;
   height: 10px;
 }
 .pagination__nav_prev {
   margin-right: 37px;
 }
 .pagination__nav_prev svg {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .pagination__nav_next {
   margin-left: 37px;
 }
 .filters {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .filters {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
   }
 }
 .filters__label {
   color: #377d87;
   font-size: 12px;
   font-weight: 700;
 }
 @media (min-width: 768px) {
   .filters__label {
     font-size: 16px;
   }
 }
 @media (min-width: 992px) {
   .filters__label {
     font-size: 18px;
   }
 }
 .filters__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (min-width: 768px) {
   .filters__body {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 }
 @media (min-width: 768px) {
   .filters__select {
     width: 250px;
   }
 }
 @media (min-width: 992px) {
   .filters__select {
     width: 310px;
   }
 }
 .filters__item {
   display: none;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 50px;
   height: 50px;
   padding: 0;
   background: #fff;
   border: 1px solid #377d87;
   color: #377d87;
   border-radius: 8px;
   margin-left: 20px;
 }
 @media (min-width: 768px) {
   .filters__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .filters__item svg {
   width: 24px;
   height: 24px;
 }
 .filters__item.active {
   background: #377d87;
   color: #fff;
 }
 .filters__item + .filters__item {
   margin-left: 8px;
 }
 .like,
 .chat {
   width: 30px;
   height: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background: none;
   border: 1px solid #377d87;
   padding: 0;
   color: #377d87;
   border-radius: 6px;
 }
 @media (min-width: 768px) {
   .like,
   .chat {
     width: 44px;
     height: 44px;
   }
 }
 .like.active,
 .chat.active {
   background: #377d87;
   color: #fff;
 }
 .like svg,
 .chat svg {
   width: 14px;
   height: 14px;
 }
 @media (min-width: 768px) {
   .like svg,
   .chat svg {
     width: 20px;
     height: 20px;
   }
 }
 .like.active {
   background: #eb5757;
   border-color: #eb5757;
 }
 .checkbox {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   cursor: pointer;
   position: relative;
 }
 .checkbox__input {
   position: absolute;
   z-index: 1;
   width: 14px;
   height: 14px;
   padding: 0;
   background: none;
   border: none;
   opacity: 0;
 }
 @media (min-width: 768px) {
   .checkbox__input {
     width: 20px;
     height: 20px;
   }
 }
 .checkbox__icon {
   width: 14px;
   height: 14px;
   border: 1px solid #cfcfcf;
   background: #fff;
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   border-radius: 4px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   position: relative;
   z-index: 2;
 }
 @media (min-width: 768px) {
   .checkbox__icon {
     width: 20px;
     height: 20px;
   }
 }
 .checkbox__icon svg {
   width: 8px;
   height: 8px;
   opacity: 0;
 }
 @media (min-width: 768px) {
   .checkbox__icon svg {
     width: 10px;
     height: 10px;
   }
 }
 .checkbox__input:checked + .checkbox__icon {
   border-color: #377d87;
   background: #377d87;
 }
 .checkbox__input:checked + .checkbox__icon svg {
   opacity: 1;
 }
 .checkbox__text {
   width: calc(100% - 14px);
   padding-left: 6px;
   font-size: 12px;
   line-height: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   min-height: 14px;
 }
 @media (min-width: 768px) {
   .checkbox__text {
     width: calc(100% - 20px);
     padding-left: 12px;
     font-size: 15px;
     min-height: 20px;
   }
 }
 .checkbox__text a {
   color: #377d87;
   text-decoration: underline;
 }
 .file {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .file__input input {
   display: none;
 }
 .file__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .file__list-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   margin-top: 16px;
 }
 .file__list-item-left {
   width: calc(100% - 16px);
   min-height: 16px;
   color: #9c9d9d;
   font-size: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
 @media (min-width: 768px) {
   .file__list-item-left {
     width: auto;
     max-width: calc(100% - 16px);
     font-size: 16px;
   }
 }
 .file__list-item-left svg {
   width: 16px;
   height: 16px;
 }
 .file__list-item-left span {
   width: calc(100% - 16px);
   min-height: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0 8px;
 }
 .file__list-item-right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0;
   background: none;
   border: none;
   width: 16px;
   height: 16px;
   color: #377d87;
 }
 .file__list-item-right:hover {
   color: #000;
 }
 .file__list-item-right svg {
   width: 10px;
   height: 10px;
 }
 .file__list-item + .file__list-item {
   margin-top: 10px;
 }
 .rate {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .rate {
     gap: 20px;
   }
 }
 .rate__label {
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
 }
 @media (min-width: 768px) {
   .rate__label {
     font-size: 18px;
   }
 }
 .rate__stars {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .back {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   font-size: 14px;
   color: #377d87;
   font-weight: 700;
 }
 @media (min-width: 768px) {
   .back {
     font-size: 18px;
   }
 }
 .back:hover {
   color: #4d88d9;
 }
 .back svg {
   width: 16px;
   height: 16px;
 }
 @media (min-width: 768px) {
   .back svg {
     width: 26px;
     height: 26px;
   }
 }
 .back span {
   width: calc(100% - 16px);
   padding-left: 10px;
 }
 @media (min-width: 768px) {
   .back span {
     width: calc(100% - 26px);
     padding-left: 20px;
   }
 }
 .callback {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 16px;
 }
 @media (min-width: 992px) {
   .callback {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     gap: 20px 0;
   }
 }
 .callback__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 16px;
 }
 @media (min-width: 992px) {
   .callback__body {
     width: calc(50% - 10px);
     gap: 10px;
   }
 }
 @media (min-width: 992px) {
   .callback__textarea {
     width: calc(50% - 10px);
     height: auto;
   }
 }
 .callback__bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 16px;
 }
 @media (min-width: 768px) {
   .callback__bottom {
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
   }
 }
 @media (min-width: 992px) {
   .callback__bottom {
     width: 100%;
     gap: 20px;
   }
 }
 .error .input,
 .error .textarea {
   border-color: #eb5757;
 }
 .error label {
   display: block;
 }
 .eye {
   position: absolute;
   z-index: 2;
   top: 50%;
   -webkit-transform: translate(0, -50%);
       -ms-transform: translate(0, -50%);
           transform: translate(0, -50%);
   right: 10px;
   aspect-ratio: 1/1;
   width: 16px;
   padding: 0;
   border: none;
   background: none;
   color: #9c9d9d;
 }
 @media (min-width: 768px) {
   .eye {
     width: 24px;
     right: 20px;
   }
 }
 .eye svg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .eye svg + svg {
   display: none;
 }
 .eye.active {
   color: #377d87;
 }
 .eye.active svg {
   display: none;
 }
 .eye.active svg + svg {
   display: block;
 }
 .del {
   width: 32px;
   aspect-ratio: 1/1;
   background: #377d87;
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   border-radius: 8px;
   padding: 0;
   border: 1px solid #377d87;
 }
 .del:hover {
   background: #fff;
   color: #377d87;
 }
 .del svg {
   width: 50%;
   aspect-ratio: 1/1;
 }
 .notify {
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   padding: 6px 12px;
   border-radius: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
 @media (min-width: 768px) {
   .notify {
     padding: 12px 20px;
   }
 }
 .notify_red {
   background: #f9cdcd;
 }
 .notify svg {
   color: #4d88d9;
   width: 20px;
   aspect-ratio: 1/1;
 }
 .notify span {
   font-size: 12px;
   padding-left: 10px;
   min-height: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .notify span {
     font-size: 16px;
   }
 }
 .table {
   margin: 0 -10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .table {
     margin: 0;
     gap: 30px;
   }
 }
 .table__button {
   display: none;
 }
 .table_spoiler .table__button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .table__scroll {
   overflow: hidden;
   overflow-x: auto;
   padding: 0 10px;
   width: 100%;
 }
 @media (min-width: 768px) {
   .table__scroll {
     padding: 0;
   }
 }
 .table__body {
   border-radius: 8px;
   overflow: hidden;
 }
 .table__body_min-width {
   min-width: 580px;
 }
 .table table {
   border-collapse: collapse;
   width: 100%;
   font-size: 12px;
   border-radius: 8px;
 }
 @media (min-width: 768px) {
   .table table {
     font-size: 14px;
   }
 }
 @media (min-width: 1280px) {
   .table table {
     font-size: 16px;
   }
 }
 .table thead tr th,
 .table thead tr td {
   background: #377d87;
   color: #fff;
   font-weight: 700;
   border-top-color: #377d87;
 }
 .table thead tr th:first-child,
 .table thead tr td:first-child {
   border-left-color: #377d87;
 }
 .table thead tr th:last-child,
 .table thead tr td:last-child {
   border-right-color: #377d87;
 }
 .table_spoiler tr {
   /*display: none;*/
 }
 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
   display: table-row;
 }
 .table_spoiler.active tr {
   display: table-row;
 }
 .table th,
 .table td {
   text-align: left;
   padding: 10px;
   border: 1px solid #cecece;
 }
 @media (min-width: 768px) {
   .table td {
     padding: 14px 10px;
   }
 }
 .table__status {
   color: #9c9d9d;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 6px;
   position: relative;
   padding-left: 14px;
 }
 .table__status i {
   background: #9c9d9d;
   width: 8px;
   aspect-ratio: 1/1;
   border-radius: 999px;
   position: absolute;
   top: 4px;
   left: 0;
 }
 .table__status.green {
   color: #377d87;
 }
 .table__status.green i {
   background: #377d87;
 }
 .table__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 4px;
   color: #4d88d9;
 }
 @media (min-width: 768px) {
   .table__link {
     gap: 6px;
   }
 }
 .table__link:hover {
   color: #000;
 }
 .table__link svg {
   width: 12px;
   aspect-ratio: 1/1;
 }
 @media (min-width: 768px) {
   .table__link svg {
     width: 16px;
   }
 }
 .table__controls {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 8px;
 }
 @media (min-width: 1280px) {
   .table__controls {
     gap: 12px;
   }
 }
 .table__controls-item {
   width: 24px;
   aspect-ratio: 1/1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   border: 1px solid #377d87;
   border-radius: 8px;
   color: #377d87;
   background: none;
   padding: 0;
 }
 @media (min-width: 1280px) {
   .table__controls-item {
     width: 30px;
   }
 }
 .table__controls-item:hover {
   background: #377d87;
   color: #fff;
 }
 .table__controls-item svg {
   width: 60%;
   aspect-ratio: 1/1;
 }
 .table__controls-item:nth-of-type(4) svg {
   width: 80%;
 }
 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
   display: none;
 }
 .gl-star-rating--stars span {
   width: 22px !important;
   height: 22px !important;
   background-size: 22px 22px !important;
 }
 @media (min-width: 768px) {
   .gl-star-rating--stars span {
     width: 30px !important;
     height: 30px !important;
     background-size: 30px 30px !important;
   }
 }
 .more {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .more_mt {
   margin-top: 20px;
 }
 .more .button {
   min-width: 100px;
   padding: 0;
 }
 @media (min-width: 768px) {
   .more .button {
     min-width: 180px;
   }
 }
 .header {
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
   background: #fff;
   position: relative;
   z-index: 5;
   overflow: hidden;
 }
 @media (min-width: 768px) {
   .header {
     -webkit-box-shadow: none;
             box-shadow: none;
   }
 }
 .header__body {
   height: 42px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .header__body {
     height: 70px;
   }
 }
 .header__left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 40px;
 }
 .header__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 14px;
 }
 @media (min-width: 768px) {
   .header__right {
     gap: 20px;
   }
 }
 .header__right-line {
   width: 1px;
   height: 32px;
   background: #e6e7e7;
   border-radius: 999px;
 }
 @media (min-width: 992px) {
   .header__right-line {
     display: none;
   }
 }
 .header__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   color: #377d87;
 }
 .header__logo svg {
   width: 105px;
   height: 31px;
 }
 @media (min-width: 768px) {
   .header__logo svg {
     width: 182px;
     height: 54px;
   }
 }
 .header__menu {
   display: none;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .header__menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .header__menu-item:hover {
   color: #377d87;
 }
 .header__notifs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   color: #377d87;
   padding: 0;
   border: none;
   background: none;
   width: 24px;
   height: 24px;
 }
 @media (min-width: 992px) {
   .header__notifs {
     width: auto;
     height: auto;
     color: #000;
     line-height: 1.4;
   }
 }
 @media (min-width: 992px) {
   .header__notifs:hover {
     color: #377d87;
   }
 }
 .header__notifs svg {
   width: 20px;
   height: 20px;
 }
 @media (min-width: 992px) {
   .header__notifs svg {
     display: none;
   }
 }
 .header__notifs span {
   display: none;
 }
 @media (min-width: 992px) {
   .header__notifs span {
     display: inline;
   }
 }
 .header__notifs_actived {
   position: relative;
 }
 @media (min-width: 992px) {
   .header__notifs_actived {
     padding-right: 12px;
   }
 }
 .header__notifs_actived:after {
   content: "";
   border: 1px solid #fff;
   background: #377d87;
   border-radius: 999px;
   width: 10px;
   height: 10px;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
 }
 @media (min-width: 992px) {
   .header__notifs_actived:after {
     width: 8px;
     height: 8px;
     border: none;
   }
 }
 .header__burger {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   width: 24px;
   height: 24px;
   color: #377d87;
   padding: 0;
   border: none;
   background: none;
 }
 @media (min-width: 992px) {
   .header__burger {
     display: none;
   }
 }
 .header__burger svg {
   width: 20px;
   height: 20px;
 }
 .header__burger svg + svg {
   display: none;
 }
 .header__sign {
   display: none;
 }
 @media (min-width: 992px) {
   .header__sign {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .mob-menu {
   display: none;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100vw;
   height: calc(100vh - 42px);
   z-index: 4;
   background: #fff;
   overflow: hidden;
   overflow-y: auto;
   padding: 50px 0;
 }
 .mob-menu__bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin-top: 80px;
 }
 .mob-menu__bottom .button {
   min-width: 120px;
 }
 .mob-menu__bottom-link {
   text-decoration: underline;
   margin-top: 50px;
 }
 .mob-menu__bottom-link:hover {
   color: #377d87;
 }
 .mob-menu__bottom-link + .mob-menu__bottom-link {
   margin-top: 10px;
 }
 .mob-menu__bottom .socials {
   margin-top: 35px;
 }
 .mob-menu .footer__mobile-menu {
   opacity: 1;
   height: auto;
   overflow: visible;
 }
 .mob-menu .footer__mobile-menu-item button {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .mob-menu .footer__mobile-menu-item div {
   font-size: 20px;
 }
 .mob-menu .footer__mobile-contacts a {
   font-size: 20px;
   font-weight: 700;
   color: #000;
   text-decoration: none;
 }
 .mob-menu .footer__mobile-contacts a:hover {
   color: #377d87;
 }
 .mob-menu .footer__mobile-menu-item button b,
 .mob-menu .footer__mobile-contacts a {
   font-size: 30px;
 }
 .menu-is-actived {
   overflow: hidden;
 }
 @media (min-width: 992px) {
   .menu-is-actived {
     overflow: auto;
   }
 }
 .menu-is-actived .header__burger svg {
   display: none;
 }
 .menu-is-actived .header__burger svg + svg {
   display: block;
 }
 .menu-is-actived .mob-menu {
   display: block;
 }
 @media (min-width: 992px) {
   .menu-is-actived .mob-menu {
     display: none;
   }
 }
 .footer {
   -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
           box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
   background: #fff;
   position: relative;
   z-index: 1;
   overflow: hidden;
 }
 .footer__mobile {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   padding: 25px 0 30px 0;
 }
 @media (min-width: 768px) {
   .footer__mobile {
     padding: 30px 0;
   }
 }
 @media (min-width: 992px) {
   .footer__mobile {
     display: none;
   }
 }
 .footer__mobile-toper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0;
   border: none;
   background: none;
 }
 .footer__mobile-toper a,
 .footer__mobile-toper b {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #377d87;
 }
 .footer__mobile-toper a svg,
 .footer__mobile-toper b svg {
   width: 137px;
   height: 40px;
 }
 .footer__mobile-toper span {
   width: 40px;
   height: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background: #377d87;
   color: #fff;
   border-radius: 999px;
 }
 .footer__mobile-toper span svg {
   width: 10px;
   height: 10px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 .footer__mobile-toper.active span svg {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .footer__mobile-menu {
   height: 0;
   opacity: 0;
   overflow: hidden;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 30px;
 }
 @media (min-width: 768px) {
   .footer__mobile-menu {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 100px;
   }
 }
 .footer__mobile-menu-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .footer__mobile-menu-item button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   padding: 0;
   border: none;
   background: none;
 }
 .footer__mobile-menu-item button.active {
   color: #377d87;
 }
 .footer__mobile-menu-item button b {
   width: calc(100% - 24px);
   padding-right: 12px;
   min-height: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   font-size: 20px;
   font-weight: 700;
 }
 .footer__mobile-menu-item button span {
   width: 24px;
   height: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0;
   border: none;
   background: none;
 }
 .footer__mobile-menu-item button svg {
   width: 12px;
   height: 12px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .footer__mobile-menu-item button.active svg {
   -webkit-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
           transform: rotate(0deg);
 }
 .footer__mobile-menu-item div {
   height: 0;
   opacity: 0;
   overflow: hidden;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 15px;
 }
 .footer__mobile-menu-item div a:hover {
   color: #377d87;
 }
 .footer__mobile-menu-item .active + div {
   opacity: 1;
   height: auto;
   overflow: visible;
   padding-top: 15px;
 }
 .active + .footer__mobile-menu {
   opacity: 1;
   height: auto;
   overflow: visible;
   padding-top: 35px;
 }
 .footer__mobile-contacts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   margin-top: 30px;
 }
 .footer__mobile-contacts b {
   font-size: 20px;
   font-weight: 700;
   width: 100%;
   margin-bottom: 20px;
 }
 .footer__mobile-contacts a {
   color: #377d87;
   text-decoration: underline;
 }
 .footer__mobile-contacts a + a {
   color: #000;
 }
 .footer__mobile-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   text-align: center;
   gap: 20px;
   margin-top: 100px;
 }
 .footer__mobile-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 10px;
 }
 .footer__mobile-links a:hover {
   color: #377d87;
 }
 .footer__mobile-links span {
   width: 60px;
   height: 1px;
   background: #377d87;
 }
 .footer__main {
   display: none;
   padding: 55px 0 20px 0;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 70px;
 }
 @media (min-width: 992px) {
   .footer__main {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .footer__main-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
 .footer__main-logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #377d87;
 }
 .footer__main-logo svg {
   width: 182px;
   height: 54px;
 }
 .footer__main-title {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 16px;
 }
 .footer__main-col {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
 .footer__main-col nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 8px;
 }
 .footer__main-col nav a:hover {
   color: #377d87;
 }
 .footer__main-contacts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 16px;
   margin-bottom: 16px;
 }
 .footer__main-contacts a {
   color: #377d87;
   text-decoration: underline;
 }
 .footer__main-contacts a + a {
   color: #000;
 }
 .footer__main-copy {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   font-size: 14px;
   line-height: 1.4;
 }
 .footer__main-copy nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 10px;
 }
 .footer__main-copy nav a:hover {
   color: #377d87;
 }
 .footer__main-copy nav span {
   width: 1px;
   height: 20px;
   background: #000;
 }
 .main {
   position: relative;
   overflow: hidden;
   padding: 30px 0;
 }
 @media (min-width: 768px) {
   .main {
     padding: 40px 0;
   }
 }
 @media (min-width: 992px) {
   .main {
     padding: 50px 0;
   }
 }
 @media (min-width: 1280px) {
   .main {
     padding: 60px 0;
   }
 }
 .main h2 {
   margin: 0;
   font-weight: 700;
   font-size: 30px;
 }
 @media (min-width: 768px) {
   .main h2 {
     font-size: 44px;
   }
 }
 .main h3 {
   margin: 0;
   font-weight: 700;
   font-size: 22px;
 }
 @media (min-width: 768px) {
   .main h3 {
     font-size: 28px;
   }
 }
 .main p {
   margin: 0;
   font-size: 14px;
   line-height: 1.4;
 }
 @media (min-width: 768px) {
   .main p {
     font-size: 18px;
   }
 }
 .main p a {
   color: #4d88d9;
 }
 .main p a:hover {
   color: #377d87;
 }
 .main__breadcrumbs {
   margin-bottom: 20px;
 }
 @media (min-width: 768px) {
   .main__breadcrumbs {
     margin-bottom: 40px;
   }
 }
 .main__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   font-size: 14px;
 }
 @media (min-width: 992px) {
   .main__content {
     font-size: 18px;
     gap: 32px;
   }
 }
 .main__content-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 16px;
 }
 .main__content h1,
 .main__content h2,
 .main__content h3,
 .main__content h4,
 .main__content h5,
 .main__content h6 {
   color: #000;
 }
 .main__content ul,
 .main__content ol {
   padding: 0;
   margin: 0;
   padding-left: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 8px;
 }
 @media (min-width: 992px) {
   .main__content ul,
   .main__content ol {
     gap: 16px;
     padding-left: 30px;
   }
 }
 .main__content li ul,
 .main__content li ol {
   margin-top: 8px;
 }
 @media (min-width: 992px) {
   .main__content li ul,
   .main__content li ol {
     margin-top: 16px;
   }
 }
 .main__content li ul li,
 .main__content li ol li {
   list-style-type: disc;
 }
 .main__gallery {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__gallery {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 992px) {
   .main__gallery {
     grid-template-columns: repeat(3, 1fr);
   }
 }
 .main__gallery-item {
   width: 100%;
   aspect-ratio: 400/224;
   border-radius: 30px;
   position: relative;
   overflow: hidden;
 }
 .main__gallery-item:hover {
   -webkit-filter: brightness(1.1);
           filter: brightness(1.1);
 }
 .main__gallery-item img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 .main__employers {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .main__employers {
     gap: 30px;
   }
 }
 .main__employers-body {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 992px) {
   .main__employers-body {
     gap: 30px;
   }
 }
 .main__employers-body.showed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .main__employers-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   border: 1px solid #cecece;
   border-radius: 8px;
   position: relative;
   overflow: hidden;
   padding: 10px;
   padding-top: 50px;
   padding-bottom: 30px;
 }
 @media (min-width: 768px) {
   .main__employers-item {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     padding: 55px 20px;
   }
 }
 @media (min-width: 1280px) {
   .main__employers-item {
     padding-left: 55px;
   }
 }
 .main__employers-item-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (min-width: 768px) {
   .main__employers-item-inner {
     width: calc(100% - 200px);
     padding-right: 40px;
   }
 }
 @media (min-width: 992px) {
   .main__employers-item-inner {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 }
 .main__employers-item-pic {
   height: 30px;
   position: absolute;
   top: 10px;
   left: 10px;
 }
 @media (min-width: 768px) {
   .main__employers-item-pic {
     position: static;
     width: 150px;
     height: auto;
     max-height: 150px;
     -o-object-fit: contain;
        object-fit: contain;
   }
 }
 .main__employers-item-body {
   font-size: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .main__employers-item-body {
     font-size: 16px;
     padding-top: 20px;
   }
 }
 @media (min-width: 992px) {
   .main__employers-item-body {
     width: calc(100% - 150px);
     padding: 0;
     padding-left: 40px;
   }
 }
 .main__employers-item-body b {
   font-weight: 700;
 }
 @media (min-width: 768px) {
   .main__employers-item-body b {
     font-size: 20px;
   }
 }
 .main__employers-item-body i {
   font-style: normal;
   color: #000;
 }
 .main__employers-item-more {
   position: absolute;
   top: 10px;
   right: 10px;
 }
 @media (min-width: 768px) {
   .main__employers-item-more {
     width: 200px;
     padding: 0;
     position: static;
   }
 }
 .main__employers-item-label {
   background: #4d88d9;
   color: #fff;
   border-radius: 6px;
   width: 100%;
   height: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0 12px;
   position: absolute;
   bottom: 0;
   left: 0;
   font-size: 12px;
   line-height: 1;
 }
 @media (min-width: 768px) {
   .main__employers-item-label {
     max-width: 350px;
     height: 30px;
     font-size: 15px;
   }
 }
 .main__employers-item-label svg {
   width: 8px;
   height: 8px;
 }
 @media (min-width: 768px) {
   .main__employers-item-label svg {
     width: 12px;
     height: 12px;
   }
 }
 .main__employers-item-label span {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   width: calc(100% - 8px);
   padding-left: 6px;
 }
 .main__employers-one {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 .main__employers-two {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__employers-two {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     gap: 20px 0;
   }
 }
 .main__employers-two .main__employers-item {
   width: calc(50% - 10px);
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: stretch;
       -ms-flex-align: stretch;
           align-items: stretch;
   padding-top: 30px;
 }
 .main__employers-two .main__employers-item-inner {
   width: 100%;
   padding: 0;
 }
 .main__employers-two .main__employers-item-more {
   position: static;
   margin-top: 20px;
 }
 @media (min-width: 992px) {
   .main__employers-two .main__employers-item-more {
     margin-left: 190px;
   }
 }
 .main__employers-two .main__employers-item-label {
   max-width: none;
 }
 .main__employer-page {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__employer-page {
     gap: 30px;
   }
 }
 .main__employer-page-title {
   color: #000;
   margin: 0;
   font-size: 30px;
 }
 @media (min-width: 768px) {
   .main__employer-page-title {
     font-size: 36px;
   }
 }
 @media (min-width: 992px) {
   .main__employer-page-title {
     font-size: 44px;
   }
 }
 .main__employer-page-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 4px;
   font-size: 12px;
   line-height: 1.4;
   width: 190px;
 }
 .main__employer-page-item.main__employer-page-description{
     width: unset;
 }
 @media (min-width: 768px) {
   .main__employer-page-item {
     font-size: 18px;
     gap: 8px;
   }
 }
 .main__employer-page-item b {
   color: #377d87;
   font-size: 14px;
 }
 @media (min-width: 768px) {
   .main__employer-page-item b {
     font-size: 18px;
   }
 }
 .main__employer-page-item span {
   color: #000;
 }
 .main__employer-page-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 .main__employer-page-info.row2{
     justify-content: flex-start;
 }
 .main__employer-page-info.row2 .main__employer-page-item{
     width: 25%;
 }
 @media (min-width: 768px) {
   .main__employer-page-info {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px 40px;
   }
 }
 @media (min-width: 1280px) {
   .main__employer-page-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     padding-right: 160px;
   }
 }
 @media (min-width: 768px) {
   .main__employer-page-info .main__employer-page-item b,
   .main__employer-page-info .main__employer-page-item span {
     max-width: 300px;
   }
 }
 .main__employer-page-tabs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__employer-page-tabs {
     margin-top: 20px;
   }
 }
 .main__employer-page-tabs-item {
   font-size: 22px;
   font-weight: 700;
   border: none;
   background: none;
   padding: 0;
   color: #9c9d9d;
   text-decoration: underline;
   text-decoration-thickness: 1px;
 }
 @media (min-width: 768px) {
   .main__employer-page-tabs-item {
     font-size: 24px;
   }
 }
 .main__employer-page-tabs-item.active {
   color: #377d87;
 }
 .main__employer-page-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   margin-top: 10px;
 }
 @media (min-width: 768px) {
   .main__employer-page-body {
     margin-top: 30px;
   }
 }
 .main__employer-page-body-item {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 .main__employer-page-body-item.showed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .main__employer-page-one {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__employer-page-one {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 992px) {
   .main__employer-page-one {
     grid-template-columns: repeat(3, 1fr);
   }
 }
 @media (min-width: 1280px) {
   .main__employer-page-one {
     grid-template-columns: repeat(4, 1fr);
     gap: 30px 20px;
   }
 }
 .main__employer-page-one-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
   font-size: 12px;
   position: relative;
 }
 @media (min-width: 1280px) {
   .main__employer-page-one-item {
     font-size: 18px;
   }
 }
 .main__employer-page-one-item img {
   border-radius: 10px;
   -o-object-fit: cover;
      object-fit: cover;
   width: 100%;
   max-height: 250px;
   aspect-ratio: 247/174;
 }
 @media (min-width: 1280px) {
   .main__employer-page-one-item img {
     margin-bottom: 10px;
   }
 }
 .main__employer-page-one-item b {
   font-weight: 700;
   color: #377d87;
 }
 .main__employer-page-one-item span {
   color: #000;
 }
 .main__employer-page-one-item i {
   font-style: normal;
   color: #377d87;
 }
 .main__employer-page-one-item .del {
   position: absolute;
   z-index: 1;
   top: 8px;
   left: 8px;
 }
 .main__employer-page-two {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 .main__employer-page-two-item {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 16px;
   padding: 20px 10px;
   border-radius: 12px;
   border: 1px solid #cecece;
   position: relative;
   overflow: hidden;
   font-size: 12px;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item {
     font-size: 14px;
     padding: 20px;
     gap: 24px;
     padding-bottom: 35px;
   }
 }
 @media (min-width: 992px) {
   .main__employer-page-two-item {
     font-size: 16px;
   }
 }
 @media (min-width: 1280px) {
   .main__employer-page-two-item {
     font-size: 18px;
   }
 }
 .main__employer-page-two-item-toper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   font-size: 22px;
   font-weight: 700;
   color: #000;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-toper {
     font-size: 30px;
   }
 }
 .main__employer-page-two-item-toper img {
   width: 60px;
   aspect-ratio: 1/1;
   -o-object-fit: contain;
      object-fit: contain;
 }
 .main__employer-page-two-item-toper span {
   width: calc(100% - 60px);
   padding-left: 10px;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-toper span {
     padding-left: 20px;
   }
 }
 .main__employer-page-two-item-title {
   font-size: 18px;
   font-weight: 700;
   color: #377d87;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-title {
     font-size: 24px;
   }
 }
 .main__employer-page-two-item-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 .main__employer-page-two-item-text-name {
   font-weight: 700;
 }
 .main__employer-page-two-item-text-body {
   color: #000;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 6px;
   padding: 0 10px;
 }
 .main__employer-page-two-item-text-body p {
   margin: 0;
 }
 .main__employer-page-two-item-text-body ul {
   margin: 0;
   padding: 0;
   padding-left: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 6px;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-text-body ul {
     margin: 0 5px;
   }
 }
 .main__employer-page-two-item-text-body ul span,
 .main__employer-page-two-item-text-body ul a {
   color: #000;
   position: relative;
 }
 .main__employer-page-two-item-text-body ul a:hover {
   color: #377d87;
 }
 .main__employer-page-two-item-text-body p + ul {
   margin-top: 10px;
 }
 .main__employer-page-two-item-text-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 10px;
   padding: 0 10px;
   font-weight: 700;
   margin-top: 5px;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-text-links {
     gap: 20px;
   }
 }
 .main__employer-page-two-item-text-links a {
   color: #4d88d9;
 }
 .main__employer-page-two-item-text-links a:hover {
   color: #377d87;
 }
 .main__employer-page-two-item-tags {
   color: #4d88d9;
   font-weight: 500;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   gap: 10px 20px;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-tags {
     font-size: 14px;
   }
 }
 .main__employer-page-two-item-buttons {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-button {
     position: absolute;
     bottom: 20px;
     left: 20px;
     width: 200px;
     padding: 0;
   }
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-button + .main__employer-page-two-item-button {
     left: auto;
     right: 20px;
   }
 }
 .main__employer-page-two-item-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
 .main__employer-page-two-item-bottom-date {
   color: #000;
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-bottom-date {
     position: absolute;
     bottom: 20px;
     right: 240px;
     height: 42px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 }
 @media (min-width: 992px) {
   .main__employer-page-two-item-bottom-date {
     font-size: 16px;
   }
 }
 @media (min-width: 768px) {
   .main__employer-page-two-item-bottom-like {
     position: absolute;
     bottom: 20px;
     left: 240px;
   }
 }
 @media (min-width: 768px) {
   .main__employer-page-two-more {
     margin-top: 10px;
     padding: 0;
     width: 200px;
   }
 }
 .main__employer-page-two .main__employer-page-two-item {
   /*display: none;*/
 }
 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .main__employer-page-two.active .main__employer-page-two-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .main__resume-base {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   color: #000;
 }
 .main__resume-base-body {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   margin-top: 10px;
 }
 @media (min-width: 768px) {
   .main__resume-base-body {
     margin-top: 30px;
   }
 }
 .main__resume-base-body.showed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .main__resume-base-body-one {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-one {
     gap: 30px;
   }
 }
 .main__resume-base-body-two {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-two {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     gap: 30px 0;
   }
 }
 @media (min-width: 768px) {
   .main__resume-base-body-two .main__resume-base-body-item {
     width: calc(50% - 10px);
   }
 }
 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .main__resume-base-body-item {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   position: relative;
   border: 1px solid #377d87;
   border-radius: 8px;
   padding: 10px;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-item {
     padding: 20px;
   }
 }
 .main__resume-base-body-item-buttons {
     margin-top: 10px;
 }
 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
     width: 100%;
     margin-bottom: 10px;
 }
 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
     background: #377d87;
     color: #fff;
 }
 .main__resume-base-body-item-buttons .chat.active{
     background: #fff;
     color: #377d87;
 }
 .main__resume-base-body-item-buttons button.like.active{
     background-color: #ffffff;
     color: #eb5757;
 }
 .main__resume-base-body-item-buttons button span{
     margin-left: 10px;
 }
 .main__resume-base-body-item-buttons .like .in-favorites{
     display: none;
 }
 .main__resume-base-body-item-buttons .like.active .in-favorites{
     display: block;
     color: #eb5757;
 }
 .main__resume-base-body-item-buttons .like.active .to-favorites{
     display: none;
 }
 .main__resume-base-body-item-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 20px;
   width: 100%;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-item-wrapper {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
   }
 }
 .main__resume-base-body-item-photo {
   width: 180px;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: 8px;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-item-photo {
     width: 210px;
   }
 }
 .main__resume-base-body-item-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
   width: 100%;
   row-gap: 10px;
 }
 .main__resume-base-body-item-inner .horizontal{
     -webkit-box-orient: horizontal;
     -ms-flex-direction: unset;
     flex-direction: row;
     align-items: start;
 }
 .main__resume-base-item-status{
     width: fit-content;
     background-color: #e6e6e6;
     font-weight: bold;
     padding: 5px 10px;
     border-radius: 8px;
 }
 .main__resume-base-item-status.looking-for-job{
     background-color: #eb5757;
     color: #fff;
 }
 .main__resume-base-item-updated-at{
     padding: 5px 10px;
     border-radius: 8px;
     border: 1px #e6e6e6 solid;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-item-inner {
     gap: 16px;
     padding-right: 50px;
   }
 }
 @media (min-width: 992px) {
   .main__resume-base-body-item-inner {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     row-gap: 10px;
   }
 }
 .main__resume-base-body-item-inner div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 4px;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-item-inner div {
     font-size: 16px;
   }
 }
 .main__resume-base-body-item-inner b {
   color: #377d87;
   font-size: 14px;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-item-inner b {
     font-size: 18px;
   }
 }
 .main__resume-base-body-item-link {
   width: 100%;
   padding: 0;
 }
 @media (min-width: 768px) {
   .main__resume-base-body-item-link {
     width: 200px;
   }
 }
 .main__spoiler {
   overflow: hidden;
   border-radius: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .main__spoiler-toper {
   background: #377d87;
   height: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   padding: 0 30px;
   border: none;
   position: relative;
 }
 @media (min-width: 768px) {
   .main__spoiler-toper {
     font-size: 18px;
     height: 50px;
     padding: 0 60px;
   }
 }
 .main__spoiler-toper:before, .main__spoiler-toper:after {
   content: "";
   background: #fff;
   border-radius: 999px;
   width: 10px;
   height: 1px;
   position: absolute;
   top: 50%;
   right: 10px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   -webkit-transform: translate(0, -50%);
       -ms-transform: translate(0, -50%);
           transform: translate(0, -50%);
 }
 @media (min-width: 768px) {
   .main__spoiler-toper:before, .main__spoiler-toper:after {
     width: 20px;
     height: 2px;
     right: 20px;
   }
 }
 .main__spoiler-toper:after {
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
           transform: rotate(90deg);
 }
 .main__spoiler-toper.active:after {
   -webkit-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
           transform: rotate(0deg);
 }
 .main__spoiler-body {
   opacity: 0;
   height: 0;
   overflow: hidden;
   border-radius: 0 0 8px 8px;
   background: #fff;
 }
 .main__spoiler-body table {
   width: calc(100% + 2px);
   margin-left: -1px;
   margin-bottom: -1px;
 }
 @media (min-width: 992px) {
   .main__spoiler-body table td {
     width: 50%;
   }
 }
 @media (min-width: 992px) {
   .main__spoiler-body table td + td {
     width: 50%;
   }
 }
 .active + .main__spoiler-body {
   -webkit-transition: 0.3s;
   transition: 0.3s;
   opacity: 1;
   height: auto;
   border: 1px solid #cecece;
   border-top: none;
 }
 .main__table {
   border-collapse: collapse;
   table-layout: fixed;
   font-size: 12px;
   width: 100%;
   background: #fff;
 }
 @media (min-width: 768px) {
   .main__table {
     font-size: 16px;
   }
 }
 .main__table td {
   border: 1px solid #cecece;
   padding: 4px 8px;
   vertical-align: top;
 }
 @media (min-width: 768px) {
   .main__table td {
     padding: 8px 16px;
   }
 }
 .main__table td b {
   font-weight: 700;
 }
 .main__table_three {
   table-layout: auto;
 }
 .main__table_three td {
   width: 25% !important;
 }
 .main__table_three td:last-child {
   width: 50% !important;
 }
 .main__table b {
   display: block;
 }
 .main__table a {
   color: #377d87;
   text-decoration: underline;
 }
 .main__table a:hover {
   color: #000;
 }
 .main__resume-profile-about {
   padding-top: 20px;
   padding-bottom: 30px;
   position: relative;
   margin-top: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 10px;
 }
 @media (min-width: 992px) {
   .main__resume-profile-about {
     padding: 50px 0;
   }
 }
 .main__resume-profile-about:before {
   content: "";
   position: absolute;
   z-index: 1;
   top: 0;
   left: 50%;
   width: 20000px;
   height: 100%;
   margin-left: -10000px;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
 }
 .main__resume-profile-about-title {
   position: relative;
   z-index: 2;
   color: #000;
 }
 .main__resume-profile-about-buttons{
     display: flex;
     width: 100%;
     position: relative;
     z-index: 2;
 }
 .main__resume-profile-about-buttons .like{
     width: 200px;
 }
+.main__resume-profile-about-buttons .like.active{
+    background: #fff;
+    color: #eb5757;
+}
+.main__resume-profile-about-buttons .like .in-favorites{
+    display: none;
+}
+.main__resume-profile-about-buttons .like.active .in-favorites{
+    display: block;
+    color: #eb5757;
+}
+.main__resume-profile-about-buttons .like.active .to-favorites{
+    display: none;
+}
 .main__resume-profile-about-text {
   position: relative;
   z-index: 2;
 }
 .main__resume-profile-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   margin-top: 30px;
 }
 @media (min-width: 992px) {
   .main__resume-profile-info {
     margin-top: 50px;
     gap: 30px;
   }
 }
 .main__resume-profile-info-title {
   color: #000;
 }
 .main__resume-profile-info-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 992px) {
   .main__resume-profile-info-body {
     gap: 30px;
   }
 }
 .main__resume-profile-info-body-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .main__resume-profile-info-body-item {
     gap: 20px;
   }
 }
 .main__resume-profile-info-body-subtitle {
   color: #4d88d9;
 }
 .main__resume-profile-info-body-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   margin: 0;
   padding: 0;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .main__resume-profile-info-body-inner {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 992px) {
   .main__resume-profile-info-body-inner {
     grid-template-columns: repeat(3, 1fr);
     font-size: 16px;
   }
 }
 .main__resume-profile-info-body-inner li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 6px;
 }
 @media (min-width: 992px) {
   .main__resume-profile-info-body-inner li {
     gap: 8px;
   }
 }
 .main__resume-profile-info-body-inner b {
   color: #377d87;
   font-size: 14px;
 }
 @media (min-width: 992px) {
   .main__resume-profile-info-body-inner b {
     font-size: 18px;
   }
 }
 .main__resume-profile-info-body-inner span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 4px;
 }
 @media (min-width: 992px) {
   .main__resume-profile-info-body-inner span {
     gap: 6px;
   }
 }
 .main__resume-profile-review {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   padding: 20px 10px;
   margin-top: 30px;
   border-radius: 16px;
   border: 1px solid #cecece;
   background: #fff;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 @media (min-width: 992px) {
   .main__resume-profile-review {
     margin-top: 50px;
     padding: 50px 40px;
     gap: 30px;
   }
 }
 .main__resume-profile-review-title {
   color: #000;
 }
 .main__resume-profile-review-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 10px;
 }
 .main__resume-profile-review-body .textarea {
   width: 100%;
 }
 .main__resume-profile-review-body .button {
   margin-top: 10px;
 }
 .main__vacancies {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .main__vacancies {
     gap: 30px;
   }
 }
 .main__vacancies-title {
   color: #000;
   width: 100%;
 }
 .main__vacancies-filters {
   width: 100%;
 }
 .main__vacancies-item {
   width: 100%;
   background: none;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 .main__vacancies-item-page {
   border: none;
   -webkit-box-shadow: none;
           box-shadow: none;
   background: none;
   margin: 0 -10px;
 }
 @media (min-width: 768px) {
   .main__vacancies-item-page {
     margin: 0 -20px;
   }
 }
 .main__vacancies-thing {
   width: 100%;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   padding: 20px 10px;
   padding-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 24px;
   border-radius: 12px;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 @media (min-width: 992px) {
   .main__vacancies-thing {
     padding: 30px 20px;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     gap: 0;
   }
 }
 @media (min-width: 1280px) {
   .main__vacancies-thing {
     padding: 50px 20px;
   }
 }
 .main__vacancies-thing-pic {
   position: relative;
   z-index: 2;
   width: 100%;
   aspect-ratio: 42/34;
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: 8px;
   max-height: 340px;
 }
 @media (min-width: 992px) {
   .main__vacancies-thing-pic {
     width: 380px;
   }
 }
 @media (min-width: 1280px) {
   .main__vacancies-thing-pic {
     width: 420px;
   }
 }
 .main__vacancies-thing-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 16px;
   color: #000;
 }
 @media (min-width: 992px) {
   .main__vacancies-thing-body {
     width: calc(100% - 380px);
     padding-left: 20px;
   }
 }
 @media (min-width: 1280px) {
   .main__vacancies-thing-body {
     width: calc(100% - 420px);
     gap: 20px;
   }
 }
 .main__vacancies-thing-body > * {
   width: 100%;
 }
 .main__vacancies-thing-body .button {
   width: auto;
 }
 @media (min-width: 768px) {
   .main__vacancies-thing-body .button {
     min-width: 200px;
   }
 }
 .main__vacancies-thing-scroll {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 16px;
   overflow: hidden;
   overflow-y: auto;
   max-height: 180px;
   padding-right: 10px;
 }
 @media (min-width: 768px) {
   .main__vacancies-thing-scroll {
     max-height: 210px;
     padding-right: 20px;
   }
 }
 @media (min-width: 992px) {
   .main__vacancies-thing-scroll {
     max-height: 175px;
   }
 }
 @media (min-width: 1280px) {
   .main__vacancies-thing-scroll {
     max-height: 200px;
     gap: 20px;
   }
 }
 .main__cond {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 50px;
 }
 .main__cond > div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 .main__cond-label {
   border-radius: 16px;
   border: 1px solid #cecece;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
   padding: 30px 20px;
   font-weight: 700;
   color: #000;
   line-height: 2;
   text-align: center;
 }
 @media (min-width: 992px) {
   .main__cond-label {
     font-size: 30px;
   }
 }
 .main__cond-icons {
   padding: 0;
   margin: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 25px;
   margin-top: 10px;
 }
 @media (min-width: 768px) {
   .main__cond-icons {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 60px;
     margin-top: 20px;
   }
 }
 @media (min-width: 1280px) {
   .main__cond-icons {
     grid-template-columns: repeat(3, 1fr);
   }
 }
 .main__cond-icons li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 20px;
   font-size: 12px;
   line-height: 1.4;
   color: #000;
 }
 @media (min-width: 768px) {
   .main__cond-icons li {
     font-size: 14px;
   }
 }
 @media (min-width: 992px) {
   .main__cond-icons li {
     font-size: 16px;
     line-height: 1.6;
   }
 }
 @media (min-width: 1280px) {
   .main__cond-icons li {
     font-size: 18px;
   }
 }
 .main__cond-icons li span {
   width: 48px;
   height: 48px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .main__cond-icons li span img {
   max-width: 48px;
 }
 .main__cond-callback {
   margin-top: 10px;
 }
 .main__ads {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 30px;
   margin: 30px 0;
 }
 @media (min-width: 992px) {
   .main__ads {
     margin: 60px 0;
   }
 }
 .main__ads-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 16px;
 }
 @media (min-width: 992px) {
   .main__ads-item {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     gap: 0;
   }
 }
 .main__ads-item-pic {
   width: 100%;
   max-width: 440px;
   max-height: 200px;
   aspect-ratio: 3/2;
   position: relative;
   overflow: hidden;
   border-radius: 12px;
 }
 @media (min-width: 992px) {
   .main__ads-item-pic {
     width: 200px;
     aspect-ratio: 1/1;
   }
 }
 .main__ads-item-pic img {
   z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 .main__ads-item-pic span {
   z-index: 2;
   width: 30px;
   height: 30px;
   border-radius: 6px;
   background: #4d88d9;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: absolute;
   top: 10px;
   left: 10px;
   color: #fff;
 }
 @media (min-width: 992px) {
   .main__ads-item-pic span {
     width: 42px;
     height: 42px;
   }
 }
 .main__ads-item-pic span svg {
   width: 12px;
   height: 12px;
 }
 @media (min-width: 992px) {
   .main__ads-item-pic span svg {
     width: 20px;
     height: 20px;
   }
 }
 .main__ads-item-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 10px;
   font-size: 12px;
 }
 @media (min-width: 992px) {
   .main__ads-item-body {
     width: calc(100% - 200px);
     padding-left: 40px;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     font-size: 16px;
     gap: 20px;
   }
 }
 .main__ads-item-body b {
   width: 100%;
   font-weight: 700;
   font-size: 14px;
 }
 @media (min-width: 992px) {
   .main__ads-item-body b {
     font-size: 20px;
   }
 }
 .main__ads-item-body span {
   width: 100%;
 }
 .work {
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   color: #000;
   padding-top: 70px;
   padding-bottom: 10px;
   position: relative;
   overflow: hidden;
 }
 @media (min-width: 768px) {
   .work {
     padding-bottom: 25px;
   }
 }
 @media (min-width: 1280px) {
   .work {
     padding-top: 80px;
     padding-bottom: 25px;
   }
 }
 .work__pic {
   position: absolute;
   height: calc(100% - 40px);
   z-index: 1;
   display: none;
   bottom: 0;
   left: 50%;
   margin-left: 40px;
 }
 @media (min-width: 992px) {
   .work__pic {
     display: block;
   }
 }
 @media (min-width: 1280px) {
   .work__pic {
     margin-left: 80px;
   }
 }
 .work__body {
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .work__body {
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
   }
 }
 @media (min-width: 992px) {
   .work__body {
     max-width: 600px;
   }
 }
 .work__title {
   width: 100%;
   font-size: 40px;
   font-weight: 700;
   line-height: 1;
 }
 @media (min-width: 768px) {
   .work__title {
     font-size: 64px;
     line-height: 94px;
   }
 }
 .work__text {
   width: 100%;
   font-size: 12px;
   margin-top: 10px;
 }
 @media (min-width: 768px) {
   .work__text {
     font-size: 18px;
     margin-top: 20px;
     line-height: 1.4;
   }
 }
 .work__list {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 5px;
   font-size: 14px;
   font-weight: 700;
   margin-top: 15px;
 }
 @media (min-width: 768px) {
   .work__list {
     font-size: 18px;
     gap: 8px;
     margin-top: 30px;
   }
 }
 .work__list div {
   position: relative;
   padding-left: 10px;
 }
 @media (min-width: 768px) {
   .work__list div {
     padding-left: 16px;
   }
 }
 .work__list div:before {
   content: "";
   width: 4px;
   height: 4px;
   background: #000;
   border-radius: 999px;
   position: absolute;
   top: 5px;
   left: 0;
 }
 @media (min-width: 768px) {
   .work__list div:before {
     top: 8px;
   }
 }
 .work__form {
   margin-top: 20px;
 }
 @media (min-width: 768px) {
   .work__form {
     margin-top: 30px;
   }
 }
 .work__search {
   width: 100%;
   max-width: 180px;
   margin-top: 20px;
 }
 @media (min-width: 768px) {
   .work__search {
     max-width: 270px;
     margin-top: 50px;
   }
 }
 .work__get {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   margin-top: 48px;
 }
 .work__get b {
   width: 100%;
   margin-bottom: 10px;
   font-size: 14px;
 }
 @media (min-width: 768px) {
   .work__get b {
     font-size: 18px;
   }
 }
 .work__get a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   margin-right: 20px;
 }
 .work__get a img {
   -webkit-transition: 0.3s;
   transition: 0.3s;
   width: 111px;
 }
 @media (min-width: 768px) {
   .work__get a img {
     width: 131px;
   }
 }
 .work__get a:hover img {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
 }
 .work__get a + a {
   margin-right: 0;
 }
 .numbers {
   padding: 30px 0;
   background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
   color: #fff;
 }
 @media (min-width: 1280px) {
   .numbers {
     padding: 100px 0;
     background-position: 100% 100%;
     background-size: auto 500px;
   }
 }
 .numbers__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 30px;
 }
 @media (min-width: 768px) {
   .numbers__body {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
 .numbers__item {
   font-size: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   line-height: 1.4;
 }
 @media (min-width: 1280px) {
   .numbers__item {
     font-size: 16px;
     line-height: 20px;
   }
 }
 .numbers__item b {
   font-size: 40px;
   font-weight: 700;
   border-bottom: 1px solid #fff;
   line-height: 1;
 }
 @media (min-width: 1280px) {
   .numbers__item b {
     font-size: 100px;
     line-height: 147px;
   }
 }
 .numbers__item span {
   font-weight: 700;
   font-size: 14px;
   margin: 10px 0;
   line-height: 1;
 }
 @media (min-width: 1280px) {
   .numbers__item span {
     font-size: 24px;
     margin-top: 30px;
   }
 }
 .vacancies {
   padding: 50px 0;
 }
 @media (min-width: 1280px) {
   .vacancies {
     padding: 100px 0;
   }
 }
 .vacancies__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
   gap: 20px;
   width: 100%;
   margin-top: 20px;
 }
 @media (min-width: 992px) {
   .vacancies__body {
     margin-top: 30px;
     gap: 30px;
   }
 }
 .vacancies__more {
   width: 100%;
 }
 @media (min-width: 768px) {
   .vacancies__more {
     width: auto;
     margin: 0 auto;
   }
 }
 .vacancies__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 15px;
 }
 @media (min-width: 768px) {
   .vacancies__list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 992px) {
   .vacancies__list {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
   }
 }
 @media (min-width: 1280px) {
   .vacancies__list {
     grid-template-columns: repeat(4, 1fr);
   }
 }
 .vacancies__list-label {
   font-weight: 700;
   font-size: 22px;
 }
 .vacancies__list-col {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 15px;
   margin-top: 15px;
   margin-bottom: 30px;
 }
 @media (min-width: 768px) {
   .vacancies__list-col {
     margin-top: 0;
   }
 }
 .vacancies__list-col:first-child {
   margin-top: 0;
 }
 .vacancies__item {
   display: none;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
   border-radius: 12px;
   background: #fff;
   border: 1px solid #e6e7e7;
   overflow: hidden;
 }
 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .vacancies__item > span {
   border-left: 10px solid #377d87;
   padding: 20px 14px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 5px;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
 @media (min-width: 992px) {
   .vacancies__item > span {
     gap: 10px;
   }
 }
 .vacancies__item b {
   font-weight: 700;
   font-size: 14px;
 }
 @media (min-width: 992px) {
   .vacancies__item b {
     font-size: 20px;
   }
 }
 .vacancies__item:hover b {
   color: #377d87;
 }
 .vacancies__item u {
   text-decoration: none;
   font-size: 14px;
 }
 @media (min-width: 992px) {
   .vacancies__item u {
     font-size: 18px;
   }
 }
 .vacancies__item i {
   font-size: 12px;
   font-style: normal;
   border-bottom: 1px dashed #377d87;
 }
 @media (min-width: 992px) {
   .vacancies__item i {
     font-size: 16px;
   }
 }
 .vacancies__item i span {
   font-weight: 700;
   color: #377d87;
 }
 .vacancies__body.active .vacancies__list .vacancies__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .employer {
   padding-bottom: 50px;
 }
 @media (min-width: 768px) {
   .employer {
     padding-bottom: 100px;
   }
 }
 .employer .swiper {
   margin: 20px 0;
 }
 @media (min-width: 768px) {
   .employer .swiper {
     display: none;
   }
 }
 .employer__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 30px;
 }
 .employer__item a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .employer__item img {
   width: 100%;
   aspect-ratio: 295/98;
   -o-object-fit: contain;
      object-fit: contain;
 }
 .employer__body {
   display: none;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
   margin-top: 30px;
   margin-bottom: 40px;
 }
 @media (min-width: 768px) {
   .employer__body {
     display: grid;
   }
 }
 @media (min-width: 992px) {
   .employer__body {
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
 @media (min-width: 1280px) {
   .employer__body {
     grid-template-columns: 1fr 1fr 1fr 1fr;
   }
 }
 .employer__body a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   height: 98px;
 }
 .employer__body img {
   max-width: 100%;
   max-height: 98px;
   -o-object-fit: contain;
      object-fit: contain;
 }
 .employer__more {
   height: 38px;
 }
 @media (min-width: 768px) {
   .employer__more {
     width: 250px;
     margin: 0 auto;
     height: 44px;
   }
 }
 .about {
   background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
   background-size: cover;
   padding: 30px 0;
   padding-bottom: 70px;
 }
 @media (min-width: 768px) {
   .about {
     padding-top: 40px;
     background-size: auto calc(100% - 10px);
   }
 }
 @media (min-width: 1280px) {
   .about {
     padding: 100px 0;
   }
 }
 .about__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   position: relative;
 }
 .about__title {
   color: #fff;
   line-height: 1.2;
 }
 @media (min-width: 1280px) {
   .about__title {
     position: absolute;
     top: -45px;
     left: 0;
   }
 }
 .about__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (min-width: 1280px) {
   .about__body {
     padding-left: 495px;
   }
 }
 .about__line {
   background: #fff;
   width: 100%;
   height: 1px;
   max-width: 400px;
   margin-top: 10px;
 }
 .about__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   margin-top: 10px;
   max-width: 600px;
 }
 @media (min-width: 768px) {
   .about__item {
     margin-top: 20px;
   }
 }
 @media (min-width: 1280px) {
   .about__item {
     margin-top: 30px;
   }
 }
 .about__item b {
   font-size: 20px;
   font-weight: 700;
 }
 .about__item span {
   font-size: 13px;
   line-height: 1.4;
   margin-top: 6px;
 }
 @media (min-width: 1280px) {
   .about__item span {
     font-size: 16px;
     margin-top: 12px;
   }
 }
 .about__item a {
   text-decoration: underline;
 }
 .about__item + .about__item {
   margin-top: 30px;
 }
 @media (min-width: 992px) {
   .about__item + .about__item {
     margin-top: 40px;
   }
 }
 .about__button {
   margin-top: 20px;
   height: 38px;
   padding: 0;
 }
 @media (min-width: 768px) {
   .about__button {
     max-width: 200px;
     height: 42px;
     margin-top: 30px;
   }
 }
 .news {
   padding: 50px 0;
   overflow: hidden;
 }
 @media (min-width: 1280px) {
   .news {
     padding: 100px 0;
     padding-bottom: 0;
   }
 }
 .news__toper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 1280px) {
   .news__toper .title {
     width: calc(100% - 160px);
   }
 }
 .news__toper .navs {
   display: none;
 }
 @media (min-width: 1280px) {
   .news__toper .navs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 .news .swiper {
   margin-top: 20px;
 }
 @media (min-width: 768px) {
   .news .swiper {
     overflow: visible;
   }
 }
 @media (min-width: 992px) {
   .news .swiper {
     margin-top: 40px;
   }
 }
 .news__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   line-height: 1.4;
 }
 .news__item-pic {
   width: 100%;
   aspect-ratio: 3/2;
   border-radius: 12px;
   border: 1px solid #e6e7e7;
   -o-object-fit: cover;
      object-fit: cover;
   min-height: 200px;
 }
 @media (min-width: 1280px) {
   .news__item-pic {
     aspect-ratio: 4/2;
   }
 }
 .news__item-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   padding-top: 15px;
 }
 @media (min-width: 768px) {
   .news__item-body {
     padding: 20px;
     padding-top: 30px;
     margin-top: -15px;
     border-radius: 0 0 12px 12px;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
             box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
   }
 }
 .news__item-date {
   font-size: 14px;
   font-weight: 700;
   color: #377d87;
 }
 .news__item-title {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2;
   margin-top: 5px;
 }
 .news__item-text {
   color: #000;
   font-size: 13px;
   margin-top: 10px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
 }
 @media (min-width: 1280px) {
   .news__item-text {
     font-size: 16px;
   }
 }
 .news__item-more {
   height: 42px;
   margin-top: 20px;
 }
 @media (min-width: 1280px) {
   .news__item-more {
     height: 44px;
     max-width: 190px;
   }
 }
 .news__all {
   height: 42px;
   margin: 0 auto;
   margin-top: 20px;
   padding: 0;
   display: none;
 }
 @media (min-width: 768px) {
   .news__all {
     max-width: 170px;
     margin-top: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 @media (min-width: 1280px) {
   .news__all {
     height: 44px;
   }
 }
 .news__items {
   display: grid;
   gap: 20px;
   margin-bottom: 10px;
 }
 @media (min-width: 768px) {
   .news__items {
     grid-template-columns: 1fr 1fr;
   }
 }
 @media (min-width: 992px) {
   .news__items {
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
 main + .news {
   padding: 0;
 }
 .info {
   position: relative;
   overflow: hidden;
 }
 @media (min-width: 1280px) {
   .info {
     margin-bottom: -25px;
   }
 }
 .info__pic {
   display: none;
   z-index: 1;
   position: absolute;
   top: 0;
   left: 50%;
   height: 100%;
   margin-left: 130px;
 }
 @media (min-width: 992px) {
   .info__pic {
     display: block;
   }
 }
 @media (min-width: 1280px) {
   .info__pic {
     width: 610px;
     height: auto;
     margin-left: 10px;
   }
 }
 .info__body {
   z-index: 2;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (min-width: 1280px) {
   .info__body {
     padding-top: 100px;
     min-height: 600px;
   }
 }
 @media (min-width: 1280px) {
   .info__title {
     max-width: 520px;
     line-height: 1;
   }
 }
 .info__item {
   margin-top: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 992px) {
   .info__item {
     max-width: 610px;
   }
 }
 .info__item + .info__item {
   margin-top: 60px;
 }
 .info__text {
   color: #000;
   font-size: 13px;
   line-height: 1.4;
 }
 @media (min-width: 768px) {
   .info__text {
     font-size: 16px;
   }
 }
 @media (min-width: 1280px) {
   .info__text {
     font-size: 18px;
   }
 }
 .info__link {
   border-radius: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   line-height: 1;
   height: 40px;
   font-size: 12px;
   font-weight: 700;
   gap: 8px;
   color: #fff;
   background: #377d87;
 }
 .info__link:hover {
   -webkit-filter: grayscale(50%);
           filter: grayscale(50%);
 }
 @media (min-width: 768px) {
   .info__link {
     height: 44px;
     font-size: 16px;
     gap: 10px;
     max-width: 300px;
   }
 }
 @media (min-width: 992px) {
   .info__link {
     max-width: 210px;
   }
 }
 .info__link svg {
   width: 16px;
   height: 16px;
 }
 @media (min-width: 768px) {
   .info__link svg {
     width: 20px;
     height: 20px;
   }
 }
 .thing {
   padding-top: 15px;
   padding-bottom: 30px;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   color: #000;
   overflow: hidden;
   position: relative;
 }
 @media (min-width: 992px) {
   .thing {
     padding-top: 20px;
     padding-bottom: 60px;
   }
 }
 @media (min-width: 1280px) {
   .thing {
     padding-bottom: 90px;
   }
 }
 .thing_pdf {
   padding: 30px 0;
 }
 @media (min-width: 992px) {
   .thing_pdf {
     padding: 60px 0;
   }
 }
 @media (min-width: 1280px) {
   .thing_pdf {
     padding: 90px 0;
   }
 }
 .thing__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
 .thing__breadcrumbs {
   width: 100%;
   margin-bottom: 40px;
   position: relative;
   z-index: 2;
 }
 @media (min-width: 768px) {
   .thing__breadcrumbs {
     margin-bottom: 60px;
   }
 }
 .thing__date {
   color: #000;
   font-size: 14px;
   font-weight: 700;
   line-height: 21px;
   margin-bottom: 10px;
 }
 @media (min-width: 768px) {
   .thing__date {
     font-size: 18px;
     line-height: 27px;
   }
 }
 .thing__title {
   width: 100%;
   font-size: 32px;
   font-weight: 700;
   margin: 0;
   max-width: 780px;
   position: relative;
   z-index: 2;
   line-height: 1.1;
 }
 @media (min-width: 768px) {
   .thing__title {
     font-size: 40px;
   }
 }
 @media (min-width: 1280px) {
   .thing__title {
     font-size: 64px;
   }
 }
 .thing__text {
   width: 100%;
   font-weight: 700;
   font-size: 14px;
   line-height: 1.4;
   margin: 15px 0 0 0;
   max-width: 780px;
   position: relative;
   z-index: 2;
 }
 @media (min-width: 768px) {
   .thing__text {
     margin-top: 15px;
   }
 }
 @media (min-width: 992px) {
   .thing__text {
     font-weight: 400;
     font-size: 18px;
   }
 }
 .thing__search {
   width: 100%;
   max-width: 640px;
   margin-top: 20px;
   position: relative;
   z-index: 2;
 }
 @media (min-width: 768px) {
   .thing__search {
     margin-top: 30px;
   }
 }
 .thing__badge {
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 5px;
   padding: 0 12px;
   background: #4d88d9;
   color: #fff;
   font-size: 12px;
   line-height: 1;
   height: 26px;
   border-radius: 999px;
   margin-bottom: 20px;
 }
 @media (min-width: 992px) {
   .thing__badge {
     font-size: 16px;
     gap: 10px;
     padding: 0 24px;
     height: 42px;
     margin-bottom: 30px;
   }
 }
 .thing__badge svg {
   width: 12px;
   height: 12px;
 }
 @media (min-width: 992px) {
   .thing__badge svg {
     width: 20px;
     height: 20px;
   }
 }
 .thing__pic {
   width: 60px;
   aspect-ratio: 1/1;
   -o-object-fit: contain;
      object-fit: contain;
   position: relative;
   z-index: 1;
   margin-bottom: 15px;
 }
 @media (min-width: 768px) {
   .thing__pic {
     width: 160px;
     position: absolute;
     top: 15px;
     right: 20px;
   }
 }
 @media (min-width: 992px) {
   .thing__pic {
     width: 330px;
     top: 50%;
     -webkit-transform: translate(0, -50%);
         -ms-transform: translate(0, -50%);
             transform: translate(0, -50%);
   }
 }
 @media (min-width: 1280px) {
   .thing__pic {
     right: auto;
     left: 50%;
     margin-left: 200px;
   }
 }
 .thing__pic_two {
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: 30px;
   aspect-ratio: 44/37;
   width: 100%;
   max-width: 440px;
 }
 @media (min-width: 768px) {
   .thing__pic_two {
     position: static;
     -webkit-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
             transform: translate(0, 0);
   }
 }
 @media (min-width: 1280px) {
   .thing__pic_two {
     position: absolute;
     -webkit-transform: translate(0, -50%);
         -ms-transform: translate(0, -50%);
             transform: translate(0, -50%);
   }
 }
 .thing__buttons {
   width: 100%;
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
   margin-top: 15px;
 }
 @media (min-width: 992px) {
   .thing__buttons {
     margin-top: 30px;
     gap: 30px;
   }
 }
 @media (min-width: 992px) {
   .thing__buttons .button {
     padding: 0 22px;
   }
 }
 .thing__checkbox {
   margin-top: 20px;
 }
 .thing__checkbox .checkbox__icon {
   border-color: #377d87;
 }
 .thing__checkbox .checkbox__text {
   color: #377d87;
 }
 .thing__profile {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (min-width: 768px) {
   .thing__profile {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
   }
 }
 .thing__profile-photo {
   width: 210px;
   border-radius: 8px;
   aspect-ratio: 1/1;
 }
 .thing__profile-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   margin-top: 15px;
 }
 @media (min-width: 768px) {
   .thing__profile-body {
     width: calc(100% - 210px);
     padding-left: 35px;
   }
 }
 .thing__profile .thing__title {
   max-width: none;
 }
 @media (min-width: 768px) {
   .thing__profile .thing__title {
     margin-top: -20px;
   }
 }
 .thing__profile .thing__text {
   max-width: none;
 }
 .thing__bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 15px;
   margin-top: 15px;
 }
 @media (min-width: 768px) {
   .thing__bottom {
     margin-top: 30px;
   }
 }
 .thing__select {
   width: 100%;
   max-width: 640px;
   margin-top: 20px;
 }
 @media (min-width: 768px) {
   .thing__select {
     margin-top: 30px;
   }
 }
 .page-404 {
   background: url(../images/bg-3.svg) no-repeat 100%/cover;
   overflow: hidden;
 }
 .page-404__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   text-align: center;
   padding: 60px 0;
   color: #000;
   font-size: 12px;
   gap: 10px;
   line-height: 1.4;
 }
 @media (min-width: 768px) {
   .page-404__body {
     font-size: 18px;
     padding: 120px 0;
     gap: 20px;
   }
 }
 @media (min-width: 1280px) {
   .page-404__body {
     padding: 180px 0;
     text-align: left;
   }
 }
 .page-404__numb {
   font-size: 114px;
   line-height: 1;
   color: #377d87;
   font-weight: 700;
 }
 @media (min-width: 768px) {
   .page-404__numb {
     font-size: 184px;
   }
 }
 @media (min-width: 768px) {
   .page-404__title {
     font-weight: 700;
     font-size: 44px;
   }
 }
 @media (min-width: 1280px) {
   .page-404__title {
     width: 710px;
     position: relative;
     left: 200px;
   }
 }
 @media (min-width: 1280px) {
   .page-404__subtitle {
     width: 710px;
     position: relative;
     left: 200px;
   }
 }
 .page-404__button {
   margin-top: 10px;
 }
 @media (min-width: 1280px) {
   .page-404__button {
     position: relative;
     left: -45px;
   }
 }
 .cookies {
   display: none;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
   padding: 10px;
   padding-top: 0;
   height: 0;
   position: fixed;
   z-index: 999;
   bottom: 0;
   left: 0;
   width: 100%;
 }
 .cookies-is-actived .cookies {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .cookies__body {
   border-radius: 6px;
   border: 1px solid #377d87;
   background: #fff;
   padding: 15px;
   padding-right: 50px;
   position: relative;
   max-width: 940px;
   margin: 0 auto;
 }
 @media (min-width: 768px) {
   .cookies__body {
     padding: 25px;
     padding-right: 50px;
     border-radius: 12px;
   }
 }
 @media (min-width: 992px) {
   .cookies__body {
     padding: 40px 60px;
   }
 }
 .cookies__close {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #377d87;
   padding: 0;
   border: none;
   background: none;
   position: absolute;
   top: 15px;
   right: 15px;
 }
 .cookies__close:hover {
   color: #000;
 }
 .cookies__close svg {
   width: 16px;
   height: 16px;
 }
 .cookies__text {
   font-size: 12px;
   color: #377d87;
   line-height: 1.4;
 }
 @media (min-width: 768px) {
   .cookies__text {
     font-size: 16px;
     font-weight: 700;
   }
 }
 .fancybox-active {
   overflow: hidden;
 }
 .fancybox-is-open .fancybox-bg {
   background: #080b0b;
   opacity: 0.6;
   z-index: 9999;
 }
 .fancybox-slide {
   padding: 0;
 }
 @media (min-width: 992px) {
   .fancybox-slide {
     padding: 30px;
   }
 }
 .fancybox-slide--html .fancybox-close-small {
   padding: 0;
   opacity: 1;
   color: #377d87;
 }
 @media (min-width: 768px) {
   .fancybox-slide--html .fancybox-close-small {
     top: 10px;
     right: 10px;
   }
 }
 .fancybox-slide--html .fancybox-close-small:hover {
   color: #000;
 }
 .modal {
   width: 100%;
   max-width: 820px;
   padding: 0;
   background: #fff;
   z-index: 99999;
 }
 @media (min-width: 992px) {
   .modal {
     border-radius: 10px;
     border: 1px solid #377d87;
   }
 }
 .modal_bg {
   background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
 }
 @media (min-width: 768px) {
   .modal_bg {
     background-position: 100% 100%;
   }
 }
 .modal__body {
   padding: 40px 15px;
   padding-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   width: 100%;
   min-height: 100vh;
   overflow: hidden;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .modal__body {
     font-size: 16px;
     padding-left: 22px;
     padding-right: 22px;
   }
 }
 @media (min-width: 992px) {
   .modal__body {
     min-height: 450px;
     padding: 60px 80px;
     padding-bottom: 40px;
   }
 }
 @media (min-width: 768px) {
   .modal__body .left {
     text-align: left;
   }
 }
 .modal__title {
   width: 100%;
   font-size: 22px;
   font-weight: 700;
   text-align: center;
   color: #000;
 }
 @media (min-width: 768px) {
   .modal__title {
     font-size: 32px;
   }
 }
 @media (min-width: 992px) {
   .modal__title {
     font-size: 44px;
   }
 }
 .modal__text {
   width: 100%;
   text-align: center;
   margin-top: 10px;
   color: #000;
 }
 @media (min-width: 768px) {
   .modal__text {
     margin-top: 20px;
   }
 }
 .modal__text span {
   color: #9c9d9d;
 }
 .modal__text a {
   font-weight: 700;
   color: #377d87;
 }
 .modal__text a:hover {
   color: #000;
 }
 .modal__button {
   margin-top: 20px;
 }
 @media (min-width: 768px) {
   .modal__button {
     min-width: 200px;
     margin-top: 30px;
   }
 }
 .modal__buttons {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
   margin-top: 20px;
 }
 @media (min-width: 768px) {
   .modal__buttons {
     gap: 30px;
     margin-top: 30px;
   }
 }
 .modal__form {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 16px;
   margin-top: 10px;
 }
 @media (min-width: 768px) {
   .modal__form {
     margin-top: 20px;
   }
 }
 .modal__form-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 4px;
 }
 .modal__form-item > .input {
   width: 100%;
 }
 .modal__form-item > .textarea {
   width: 100%;
   height: 175px;
 }
 @media (min-width: 768px) {
   .modal__form-item > .textarea {
     height: 195px;
   }
 }
 .modal__form-item > .file {
   width: 100%;
 }
 .modal__form-item > .button {
   min-width: 120px;
 }
 .modal__form-item > label {
   width: 100%;
   display: none;
   color: #eb5757;
   padding: 0 10px;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .modal__form-item > label {
     padding: 0 20px;
     font-size: 16px;
   }
 }
 .modal__sign {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   margin-top: 10px;
   margin-bottom: 20px;
   width: 100%;
 }
 @media (min-width: 768px) {
   .modal__sign {
     margin-top: 20px;
     margin-bottom: 40px;
   }
 }
 .modal__sign-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: relative;
 }
 .modal__sign-item > .input {
   width: 100%;
   padding-right: 36px;
   position: relative;
   z-index: 1;
 }
 @media (min-width: 768px) {
   .modal__sign-item > .input {
     height: 52px;
     padding-right: 60px;
   }
 }
 .modal__sign-item > .textarea {
   width: 100%;
 }
 .modal__sign-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 100%;
 }
 .modal__sign-bottom-link {
   font-weight: 700;
   color: #377d87;
 }
 .modal__tabs {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 16px;
   margin-top: 10px;
 }
 @media (min-width: 768px) {
   .modal__tabs {
     gap: 24px;
     margin-top: 20px;
   }
 }
 .modal__tabs-item.active {
   background: #377d87;
   color: #fff;
 }
 .modal__reg {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 10px;
   width: 100%;
   margin-top: 10px;
   margin-bottom: 20px;
 }
 @media (min-width: 768px) {
   .modal__reg {
     margin-top: 20px;
     margin-bottom: 30px;
     gap: 20px;
   }
 }
 .modal__reg.showed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .modal__reg-item {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .modal__reg-item > .captcha {
   width: 100%;
   max-width: 300px;
 }
 .messages {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 .messages__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
   width: 100%;
 }
 @media (min-width: 768px) {
   .messages__body {
     gap: 20px;
   }
 }
 .messages__item {
   display: none;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   border-radius: 8px;
   border: 1px solid #e7e7e7;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   padding: 10px;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .messages__item {
     padding: 20px;
     font-size: 16px;
   }
 }
 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .messages__item-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: calc(100% - 90px);
 }
 @media (min-width: 768px) {
   .messages__item-info {
     width: calc(100% - 150px);
   }
 }
 .messages__item-photo {
   position: relative;
   aspect-ratio: 1/1;
   overflow: hidden;
   background: #9c9d9d;
   color: #fff;
   width: 36px;
   border-radius: 6px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .messages__item-photo {
     width: 52px;
   }
 }
 .messages__item-photo svg {
   width: 50%;
   position: relative;
   z-index: 1;
 }
 .messages__item-photo img {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 .messages__item-text {
   width: calc(100% - 36px);
   padding-left: 6px;
   color: #000;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 4px;
 }
 @media (min-width: 768px) {
   .messages__item-text {
     padding-left: 20px;
     width: calc(100% - 52px);
     gap: 8px;
   }
 }
 .messages__item-text span {
   color: #000;
 }
 .messages__item-date {
   color: #000;
   width: 90px;
   text-align: right;
 }
 @media (min-width: 768px) {
   .messages__item-date {
     width: 150px;
   }
 }
 .messages.active .messages__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .responses {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 .responses__body {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 .responses__item {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   border-radius: 8px;
   border: 1px solid #e7e7e7;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   padding: 20px 10px;
   font-size: 12px;
   position: relative;
 }
 @media (min-width: 768px) {
   .responses__item {
     padding: 20px;
     font-size: 16px;
   }
 }
 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .responses__item-date {
   color: #000;
 }
 @media (min-width: 992px) {
   .responses__item-date {
     position: absolute;
     top: 20px;
     right: 20px;
   }
 }
 .responses__item-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 .responses__item-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .responses__item-inner {
     gap: 20px;
   }
 }
 @media (min-width: 1280px) {
   .responses__item-inner {
     width: calc(100% - 150px);
   }
 }
 .responses__item-row {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   color: #000;
   text-align: right;
 }
 @media (min-width: 992px) {
   .responses__item-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     gap: 6px;
     text-align: left;
   }
 }
 .responses__item-row span {
   color: #000;
   text-align: left;
 }
 .responses__item-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .responses__item-buttons {
     display: grid;
     grid-template-columns: 1fr 1fr;
   }
 }
 @media (min-width: 1280px) {
   .responses__item-buttons {
     grid-template-columns: 1fr 1fr 1fr 1fr;
   }
 }
 .responses__item-buttons .button.active {
   background: #377d87;
   color: #fff;
 }
 .responses.active .responses__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .chatbox {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .chatbox {
     gap: 30px;
   }
 }
 @media (min-width: 1280px) {
   .chatbox {
     gap: 40px;
   }
 }
 .chatbox__toper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   border: 1px solid #e7e7e7;
   border-radius: 8px;
   padding: 10px;
 }
 @media (min-width: 768px) {
   .chatbox__toper {
     padding: 20px;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
   }
 }
 .chatbox__toper-info {
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .chatbox__toper-info {
     font-size: 16px;
     width: calc(100% - 230px);
   }
 }
 @media (min-width: 768px) {
   .chatbox__toper-button {
     width: 210px;
     padding: 0;
   }
 }
 .chatbox__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .chatbox__list {
     gap: 20px;
   }
 }
 @media (min-width: 1280px) {
   .chatbox__list {
     gap: 40px;
   }
 }
 .chatbox__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   color: #000;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .chatbox__item {
     font-size: 16px;
   }
 }
 .chatbox__item_reverse {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
 .chatbox__item-photo {
   position: relative;
   aspect-ratio: 1/1;
   overflow: hidden;
   background: #9c9d9d;
   color: #fff;
   width: 44px;
   border-radius: 6px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .chatbox__item-photo svg {
   width: 50%;
   position: relative;
   z-index: 1;
 }
 .chatbox__item-photo img {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 .chatbox__item-body {
   width: calc(100% - 54px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
 @media (min-width: 768px) {
   .chatbox__item-body {
     width: calc(100% - 60px);
   }
 }
 .chatbox__item_reverse .chatbox__item-body {
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
 }
 .chatbox__item-text {
   border-radius: 8px;
   background: #fff;
   -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
   padding: 10px;
   line-height: 1.6;
 }
 .chatbox__item-time {
   width: 100%;
   padding-left: 54px;
   margin-top: 10px;
   color: #9c9d9d;
 }
 .chatbox__item_reverse .chatbox__item-time {
   text-align: right;
 }
 .chatbox__bottom {
   background: #4d88d9;
   padding: 10px;
   border-radius: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
 @media (min-width: 768px) {
   .chatbox__bottom {
     padding: 16px 20px;
   }
 }
 .chatbox__bottom-file {
   width: 20px;
   aspect-ratio: 1/1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background: #fff;
   color: #4d88d9;
   border-radius: 8px;
 }
 @media (min-width: 768px) {
   .chatbox__bottom-file {
     width: 48px;
   }
 }
 .chatbox__bottom-file:hover {
   color: #377d87;
 }
 .chatbox__bottom-file input {
   display: none;
 }
 .chatbox__bottom-file svg {
   width: 50%;
   aspect-ratio: 1/1;
 }
 @media (min-width: 768px) {
   .chatbox__bottom-file svg {
     width: 40%;
   }
 }
 .chatbox__bottom-text {
   width: calc(100% - 60px);
   height: 20px;
   border-color: #fff;
 }
 @media (min-width: 768px) {
   .chatbox__bottom-text {
     width: calc(100% - 128px);
     height: 48px;
   }
 }
 .chatbox__bottom-text:focus {
   border-color: #fff;
 }
 .chatbox__bottom-send {
   width: 20px;
   aspect-ratio: 1/1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0;
   background: #fff;
   border: none;
   color: #4d88d9;
   border-radius: 999px;
 }
 @media (min-width: 768px) {
   .chatbox__bottom-send {
     width: 48px;
   }
 }
 .chatbox__bottom-send:hover {
   color: #377d87;
 }
 .chatbox__bottom-send svg {
   width: 50%;
   aspect-ratio: 1/1;
   position: relative;
   left: 1px;
 }
 @media (min-width: 768px) {
   .chatbox__bottom-send svg {
     width: 40%;
     left: 2px;
   }
 }
 .cvs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 .cvs__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   width: 100%;
 }
 @media (min-width: 768px) {
   .cvs__body {
     gap: 30px;
   }
 }
 .cvs__item {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
   border-radius: 8px;
   border: 1px solid #e7e7e7;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   padding: 10px;
   font-size: 12px;
   position: relative;
 }
 @media (min-width: 768px) {
   .cvs__item {
     gap: 0;
     padding: 20px;
     font-size: 16px;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
   }
 }
 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .cvs__item-like {
-  position: absolute;
+    width: unset;
-  top: 10px;
+    padding: 5px 10px;
-  right: 10px;
+    margin-right: 10px;
 }
-@media (min-width: 768px) {
+.cvs__item .cvs__item-buttons .chat{
-  .cvs__item-like {
+    width: unset;
-    top: 20px;
+    padding: 5px 10px;
-    right: 20px;
+    margin-right: 10px;
-  }
+}
+.cvs__item-like.active{
+    background: #ffffff;
+    color: #eb5757;
+}
+.cvs__item-like .in-favorites{
+    display: none;
+}
+.cvs__item-like.active .in-favorites{
+    display: block;
+    color: #eb5757;
+}
+.cvs__item-like.active .to-favorites{
+    display: none;
+}
+.cvs__item .cvs__item-header{
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
 }
 .cvs__item-photo {
   position: relative;
   aspect-ratio: 1/1;
   overflow: hidden;
   background: #9c9d9d;
   color: #fff;
   width: 36px;
   border-radius: 6px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .cvs__item-photo {
     width: 68px;
   }
 }
 .cvs__item-photo svg {
   width: 50%;
   position: relative;
   z-index: 1;
 }
 .cvs__item-photo img {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 .cvs__item-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
+  width: 100%;
+    margin-top: 30px;
 }
-@media (min-width: 768px) {
+.cvs__item .cvs__item-buttons{
-  .cvs__item-text {
+    display: flex;
-    gap: 20px;
+    align-items: start;
-    width: calc(100% - 68px);
-    padding-left: 20px;
-    padding-right: 60px;
-  }
 }
-.cvs__item-text div {
+.cvs.active .cvs__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
 }
-@media (min-width: 768px) {
+.cvs__item-text .cvs__item-text-row{
-  .cvs__item-text div {
+    display: flex;
-    -webkit-box-orient: vertical;
+    justify-content: space-between;
-    -webkit-box-direction: normal;
+    width: 100%;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-pack: start;
-        -ms-flex-pack: start;
-            justify-content: flex-start;
-    -webkit-box-align: start;
-        -ms-flex-align: start;
-            align-items: flex-start;
-  }
 }
-.cvs__item-text span,
+.cvs__item-text .cvs__item-text-row > div{
-.cvs__item-text a {
+    width: 50%;
-  color: #000;
 }
-.cvs__item-button {
+.cvs__item-text .cvs__item-text-row b{
-  display: -webkit-box;
+    color: #377d87;
-  display: -ms-flexbox;
+    font-size: 18px;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
 }
-@media (min-width: 768px) {
+.cvs__item-text .cvs__item-text-status {
-  .cvs__item-button {
+    width: fit-content;
-    -webkit-box-align: end;
+    background-color: #e6e6e6;
-        -ms-flex-align: end;
+    font-weight: bold;
-            align-items: flex-end;
+    padding: 5px 10px;
-    width: 100%;
+    border-radius: 8px;
-    padding-top: 20px;
+    margin-right: 30px;
-  }
 }
-.cvs.active .cvs__item {
+.cvs__item-text .cvs__item-text-status.looking-for-job {
-  display: -webkit-box;
+    background-color: #eb5757;
-  display: -ms-flexbox;
+    color: #fff;
-  display: flex;
+}
+.cvs__item-text .cvs__item-text-updated-at{
+    padding: 5px 10px;
+    border-radius: 8px;
+    border: 1px #e6e6e6 solid;
 }
 .faqs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 .faqs__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   width: 100%;
 }
 .faqs__item {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   border-radius: 8px;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
   background: #fff;
   padding: 10px;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .faqs__item {
     padding: 20px;
     font-size: 16px;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
             box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
   }
 }
 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .faqs__item-button {
   background: none;
   padding: 0;
   border: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #000;
   text-align: left;
   font-size: 14px;
   font-weight: 700;
 }
 @media (min-width: 768px) {
   .faqs__item-button {
     font-size: 20px;
   }
 }
 .faqs__item-button span {
   width: calc(100% - 16px);
   padding-right: 16px;
 }
 .faqs__item-button i {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 16px;
   aspect-ratio: 1/1;
   color: #377d87;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 .faqs__item-button i svg {
   width: 16px;
   aspect-ratio: 1/1;
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
           transform: rotate(90deg);
 }
 .faqs__item-button.active i {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .faqs__item-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
   opacity: 0;
   height: 0;
   overflow: hidden;
   font-size: 12px;
   line-height: 1.4;
 }
 @media (min-width: 768px) {
   .faqs__item-body {
     font-size: 16px;
     gap: 20px;
   }
 }
 .faqs__item-body p {
   margin: 0;
 }
 .active + .faqs__item-body {
   opacity: 1;
   height: auto;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   padding-top: 10px;
 }
 @media (min-width: 768px) {
   .active + .faqs__item-body {
     padding-top: 20px;
   }
 }
 .faqs.active .faqs__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .cabinet {
   padding: 20px 0;
   padding-bottom: 40px;
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
 }
 @media (min-width: 992px) {
   .cabinet {
     padding: 30px 0;
     padding-bottom: 60px;
   }
 }
 .cabinet__breadcrumbs {
   margin-bottom: 50px;
 }
 .cabinet__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (min-width: 992px) {
   .cabinet__wrapper {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
   }
 }
 .cabinet__side {
   border-radius: 8px;
   background: #fff;
   padding: 20px 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 30px;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 @media (min-width: 768px) {
   .cabinet__side {
     padding: 30px 20px;
     margin-bottom: 50px;
   }
 }
 @media (min-width: 992px) {
   .cabinet__side {
     width: 340px;
     margin: 0;
     position: sticky;
     top: 6px;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__side {
     width: 400px;
   }
 }
 .cabinet__side-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 .cabinet__side-toper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .cabinet__side-toper-pic {
   width: 70px;
   aspect-ratio: 1/1;
   overflow: hidden;
   border-radius: 8px;
   color: #fff;
   background: #9c9d9d;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   position: relative;
 }
 .cabinet__side-toper-pic img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   aspect-ratio: 1/1;
   -o-object-fit: contain;
      object-fit: contain;
 }
 .cabinet__side-toper-pic svg {
   width: 50%;
   aspect-ratio: 1/1;
 }
 .cabinet__side-toper b {
   width: calc(100% - 70px);
   font-size: 14px;
   font-weight: 700;
   padding-left: 16px;
 }
 @media (min-width: 768px) {
   .cabinet__side-toper b {
     font-size: 20px;
   }
 }
 .cabinet__menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .cabinet__menu-toper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding: 0 16px;
   padding-right: 12px;
   border: none;
   border-radius: 8px;
   background: #377d87;
   color: #fff;
 }
 @media (min-width: 768px) {
   .cabinet__menu-toper {
     padding: 0 20px;
   }
 }
 @media (min-width: 992px) {
   .cabinet__menu-toper {
     display: none;
   }
 }
 .cabinet__menu-toper-text {
   width: calc(100% - 16px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .cabinet__menu-toper-text {
     width: calc(100% - 20px);
   }
 }
 .cabinet__menu-toper-text i {
   width: 16px;
   height: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
 @media (min-width: 768px) {
   .cabinet__menu-toper-text i {
     width: 22px;
     height: 22px;
   }
 }
 .cabinet__menu-toper-text svg {
   width: 16px;
   height: 16px;
 }
 @media (min-width: 768px) {
   .cabinet__menu-toper-text svg {
     width: 22px;
     height: 22px;
   }
 }
 .cabinet__menu-toper-text span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 0 10px;
   min-height: 30px;
   font-size: 12px;
   width: calc(100% - 16px);
 }
 @media (min-width: 768px) {
   .cabinet__menu-toper-text span {
     width: calc(100% - 22px);
     font-size: 20px;
     min-height: 52px;
     padding: 0 16px;
   }
 }
 .cabinet__menu-toper-arrow {
   width: 16px;
   height: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 @media (min-width: 768px) {
   .cabinet__menu-toper-arrow {
     width: 20px;
     height: 20px;
   }
 }
 .cabinet__menu-toper-arrow svg {
   width: 12px;
   height: 12px;
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
           transform: rotate(90deg);
 }
 @media (min-width: 768px) {
   .cabinet__menu-toper-arrow svg {
     width: 20px;
     height: 20px;
   }
 }
 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 .cabinet__menu-body {
   opacity: 0;
   height: 0;
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (min-width: 992px) {
   .cabinet__menu-body {
     opacity: 1;
     height: auto;
   }
 }
 .active + .cabinet__menu-body {
   opacity: 1;
   height: auto;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 .cabinet__menu-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 .cabinet__menu-item {
   padding: 8px 16px;
   border-radius: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media (min-width: 768px) {
   .cabinet__menu-item {
     padding: 14px 20px;
   }
 }
 .cabinet__menu-item:hover {
   color: #377d87;
 }
 @media (min-width: 992px) {
   .cabinet__menu-item.active {
     background: #377d87;
     color: #fff;
   }
 }
 @media (min-width: 992px) {
   .cabinet__menu-item.active svg {
     color: #fff;
   }
 }
 @media (min-width: 992px) {
   .cabinet__menu-item.active.red {
     background: #eb5757;
   }
 }
 .cabinet__menu-item i {
   width: 16px;
   height: 16px;
   color: #377d87;
 }
 @media (min-width: 768px) {
   .cabinet__menu-item i {
     width: 22px;
     height: 22px;
   }
 }
 .cabinet__menu-item svg {
   width: 16px;
   height: 16px;
 }
 @media (min-width: 768px) {
   .cabinet__menu-item svg {
     width: 22px;
     height: 22px;
   }
 }
 .cabinet__menu-item span {
   width: calc(100% - 16px);
   font-size: 12px;
   padding-left: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__menu-item span {
     font-size: 20px;
     width: calc(100% - 22px);
     padding-left: 16px;
   }
 }
 .cabinet__menu-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
   margin-top: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__menu-bottom {
     gap: 20px;
     margin-top: 20px;
   }
 }
 .cabinet__menu-copy {
   color: #9c9d9d;
   text-align: center;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .cabinet__menu-copy {
     font-size: 16px;
   }
 }
 .cabinet__body {
   margin: 0 -10px;
   margin-top: 50px;
   background: #fff;
   padding: 20px 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 30px;
   color: #000;
 }
 @media (min-width: 768px) {
   .cabinet__body {
     padding: 30px 20px;
     margin: 0;
     border-radius: 8px;
     -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
             box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
   }
 }
 @media (min-width: 992px) {
   .cabinet__body {
     width: calc(100% - 360px);
   }
 }
 @media (min-width: 1280px) {
   .cabinet__body {
     width: calc(100% - 420px);
   }
 }
 .cabinet__body-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 .cabinet__title {
   font-size: 24px;
   margin-bottom: 20px;
 }
 @media (min-width: 768px) {
   .cabinet__title {
     font-size: 32px;
   }
 }
 @media (min-width: 992px) {
   .cabinet__title {
     font-size: 40px;
   }
 }
 .cabinet__subtitle {
   font-size: 22px;
   margin: 0;
   font-weight: 700;
   color: #000;
 }
 @media (min-width: 768px) {
   .cabinet__subtitle {
     font-size: 24px;
   }
 }
 .cabinet__h4 {
   font-size: 20px;
   margin: 0;
   font-weight: 700;
   color: #000;
 }
 @media (min-width: 768px) {
   .cabinet__h4 {
     font-size: 22px;
   }
 }
 .cabinet__text {
   margin: 0;
   font-size: 14px;
 }
 @media (min-width: 768px) {
   .cabinet__text {
     font-size: 16px;
   }
 }
 .cabinet__text b {
   color: #000;
   font-size: 18px;
 }
 @media (min-width: 768px) {
   .cabinet__text b {
     font-size: 24px;
   }
 }
 .cabinet__descr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 6px;
 }
 @media (min-width: 768px) {
   .cabinet__descr {
     gap: 12px;
   }
 }
 .cabinet__avatar {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
 @media (min-width: 768px) {
   .cabinet__avatar {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 }
 .cabinet__avatar-pic {
   width: 100px;
   aspect-ratio: 1/1;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   overflow: hidden;
   border-radius: 8px;
   color: #fff;
   background: #9c9d9d;
 }
 .cabinet__avatar-pic svg {
   width: 50%;
   aspect-ratio: 1/1;
   z-index: 1;
   position: relative;
 }
 .cabinet__avatar-pic img{
     max-width: 100%;
     max-height: 100%;
 }
 .cabinet__avatar-form {
   width: calc(100% - 100px);
   padding-left: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 6px;
 }
 .candidate-top-wrapper{
     display: flex;
 }
 .candidate-top-wrapper .candidate-thumbnail{
     width: 100px;
     height: 100px;
     min-width: 100px;
     border-radius: 8px;
     overflow: hidden;
 }
 .candidate-top-wrapper .candidate-thumbnail img{
     max-height: 100%;
     max-width: 100%;
 }
 .candidate-top-wrapper .candidate-information{
     padding-left: 20px;
     font-size: 21px;
     display: flex;
     align-items: center;
 }
 .candidate-top-wrapper .candidate-information .candidate-title{
     font-size: inherit;
 }
 .content-single-candidate .education-detail-description{
     margin-bottom: 50px;
     text-align: justify;
 }
 .content-single-candidate .education-detail-description h3.title{
     font-size: 18px;
     margin: 0 0 20px;
 }
 .content-single-candidate .education-detail-description .inner{
     font-size: 16px;
     font-weight: 300;
     line-height: 22px;
     color: #77838F;
 }
 .education-detail-programs h3.title{
     font-size: 18px;
     margin: 0 0 20px;
 }
 .education-detail-programs .accordion{
     margin: 1rem 0;
     padding: 0;
     list-style: none;
     border-top: 1px solid #ECEDF2;
 }
 .education-detail-programs .accordion.sub{
     padding-left: 20px;
     display: none;
 }
 .education-detail-programs .accordion-item {
     border-bottom: 1px solid #ECEDF2;
 }
 .education-detail-programs .accordion-thumb {
     margin: 0;
     padding: 25px 0;
     cursor: pointer;
     font-weight: normal;
     color: #0E5C69;
     font-size: 16px;
     text-transform: uppercase;
 }
 .education-detail-programs .accordion-thumb::after {
     content: "";
     display: block;
     float: right;
     position: relative;
     top: 6px;
     height: 7px;
     width: 7px;
     margin-right: 1rem;
     margin-left: 0.5rem;
     border-right: 1px solid;
     border-bottom: 1px solid;
     border-color: #828A96;
     transform: rotate(-45deg);
     transition: transform 0.2s ease-out;
 }
 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
     transform: rotate(45deg);
 }
 .accordion-sub .accordion-panel{
     display: none;
 }
 .accordion > .accordion-item > .accordion-panel{
     opacity: 1;
 }
 .accordion-sub li{
     list-style-type: none;
 }
 .education-detail-contacts{
     margin-top: 50px;
 }
 .education-detail-contacts h3.title{
     font-size: 18px;
     margin: 0 0 20px;
 }
 .education-detail-contacts .inner > div{
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }
 .education-detail-contacts .inner > div .icon{
     margin-right: 20px;
 }
 @media (min-width: 768px) {
   .cabinet__avatar-form {
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     padding-left: 30px;
     gap: 12px;
   }
 }
 @media (min-width: 768px) {
   .cabinet__avatar-form .file {
     min-width: 215px;
   }
 }
 .cabinet__inputs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 1280px) {
   .cabinet__inputs {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: end;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__inputs-item {
     width: calc(50% - 10px);
   }
 }
 @media (min-width: 1280px) {
   .cabinet__inputs-item_fullwidth {
     width: 100%;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__inputs-item_min {
     width: calc(15% - 10px);
   }
 }
 @media (min-width: 1280px) {
   .cabinet__inputs-item_max {
     width: calc(85% - 10px);
   }
 }
 @media (min-width: 768px) {
   .cabinet__inputs-item .button {
     width: 100%;
     max-width: 215px;
     padding: 0;
   }
 }
 .cabinet__inputs-item.column-count-3{
     width: calc(32% - 10px);
 }
 .cabinet__inputs-item-full-row {
     width: 100%;
 }
 .cabinet__inputs-item .buttons {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px;
 }
 .cabinet__inputs-item .form-group__label{
     font-weight: bold;
 }
 @media (min-width: 768px) {
   .cabinet__inputs-item .buttons {
     gap: 20px;
     max-width: 470px;
   }
 }
 @media (min-width: 992px) {
   .cabinet__inputs-item .buttons {
     max-width: none;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__inputs-item .buttons {
     max-width: 470px;
   }
 }
 .cabinet__inputs-item .buttons .button {
   max-width: none;
 }
 .cabinet__inputs > .button {
   padding: 0;
   width: 100%;
   max-width: 140px;
 }
 @media (min-width: 768px) {
   .cabinet__inputs > .button {
     max-width: 190px;
   }
 }
 .cabinet__add {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__add {
     gap: 0;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
   }
 }
 .cabinet__add-pic {
   border-radius: 4px;
   position: relative;
   overflow: hidden;
   background: #9c9d9d;
   color: #fff;
   width: 100px;
   aspect-ratio: 1/1;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 @media (min-width: 768px) {
   .cabinet__add-pic {
     width: 220px;
     border-radius: 8px;
   }
 }
 .cabinet__add-pic:hover {
   background: #000;
 }
 .cabinet__add-pic input {
   display: none;
 }
 .cabinet__add-pic > svg {
   width: 20px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   z-index: 1;
 }
 @media (min-width: 768px) {
   .cabinet__add-pic > svg {
     width: 50px;
   }
 }
 .cabinet__add-pic span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   width: 100%;
   gap: 4px;
   font-weight: 700;
   font-size: 8px;
   line-height: 1;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   margin-top: 25px;
 }
 @media (min-width: 768px) {
   .cabinet__add-pic span {
     font-size: 16px;
     margin-top: 60px;
   }
 }
 .cabinet__add-pic span svg {
   width: 7px;
   aspect-ratio: 1/1;
 }
 @media (min-width: 768px) {
   .cabinet__add-pic span svg {
     width: 16px;
   }
 }
 .cabinet__add-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__add-body {
     gap: 20px;
     width: calc(100% - 220px);
     padding-left: 20px;
   }
 }
 @media (min-width: 768px) {
   .cabinet__add-body .button {
     width: 215px;
     padding: 0;
   }
 }
 .cabinet__fleet {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .cabinet__fleet {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 1280px) {
   .cabinet__fleet {
     grid-template-columns: repeat(3, 1fr);
   }
 }
 @media (min-width: 768px) {
   .cabinet__submit {
     width: 215px;
     padding: 0;
     margin: 0 auto;
   }
 }
 .cabinet__filters {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 .cabinet__export-wrap{
     padding: 10px;
     border: 1px #cecece solid;
     border-radius: 8px;
     width: 100%;
 }
 .cabinet__export-button-wrap{
     max-width: 200px;
     margin-bottom: 10px;
 }
 .cabinet__export-options-wrap{
     display: flex;
     justify-content: space-between;
 }
 .job-title-list-wrap{
     margin-top: 5px;
 }
 .cabinet__export-error{
     color: red;
 }
 .flot-image-wrap img{
     max-width: 100%;
     max-height: 100%;
     flex: 0 0 auto;
 }
 .flot-image-wrap{
     width: 220px;
     height: 220px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 @media (min-width: 768px) {
   .cabinet__filters {
     gap: 20px;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__filters {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
   }
 }
 .cabinet__filters-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__filters-item {
     gap: 20px;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__filters-item {
     width: calc(50% - 10px);
     max-width: 410px;
   }
 }
 .cabinet__filters-item .button,
 .cabinet__filters-item .select {
   width: 100%;
 }
 @media (min-width: 1280px) {
   .cabinet__filters-item .button,
   .cabinet__filters-item .select {
     width: auto;
   }
 }
 .cabinet__filters-item + .cabinet__filters-item {
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
 }
 @media (min-width: 1280px) {
   .cabinet__filters-item + .cabinet__filters-item {
     max-width: 280px;
   }
 }
 .cabinet__filters .search input {
   padding-right: 135px;
 }
 .cabinet__filters .search button {
   width: 115px;
 }
 .cabinet__filters-buttons {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px;
   width: 100%;
 }
 @media (min-width: 768px) {
   .cabinet__filters-buttons {
     gap: 20px;
   }
 }
 .cabinet__filters-buttons .button {
   padding: 0;
   gap: 5px;
 }
 .cabinet__filters-buttons .button.active {
   background: #377d87;
   color: #fff;
 }
 .cabinet__filters-buttons .button.active:before {
   content: "";
   width: 6px;
   height: 6px;
   background: #fff;
   border-radius: 999px;
 }
 .cabinet__table-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   font-weight: 700;
   margin-bottom: -10px;
 }
 .cabinet__table-header div {
   font-size: 18px;
 }
 @media (min-width: 768px) {
   .cabinet__table-header div {
     font-size: 24px;
   }
 }
 .cabinet__table-header span {
   color: #000;
   font-size: 14px;
 }
 @media (min-width: 768px) {
   .cabinet__table-header span {
     font-size: 18px;
   }
 }
 .cabinet__table-header span b {
   color: #377d87;
 }
 .cabinet__tabs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .cabinet__tabs {
     max-width: 420px;
   }
 }
 .cabinet__tabs .button.active {
   background: #377d87;
   color: #fff;
 }
 .cabinet__bodies {
   display: none;
 }
 .cabinet__bodies.showed {
   display: block;
 }
 .cabinet__nots {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__nots {
     gap: 20px;
   }
 }
 .cabinet__nots .input {
   width: 100%;
 }
 .cabinet__anketa {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__anketa {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 }
 @media (min-width: 992px) {
   .cabinet__anketa {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: stretch;
         -ms-flex-align: stretch;
             align-items: stretch;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__anketa {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
   }
 }
 .cabinet__anketa-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__anketa-buttons {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
   }
 }
 .cabinet__stats {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 6px;
 }
 @media (min-width: 768px) {
   .cabinet__stats {
     gap: 12px;
   }
 }
 .cabinet__stats-title {
   font-size: 14px;
   font-weight: 700;
   color: #000;
 }
 @media (min-width: 768px) {
   .cabinet__stats-title {
     font-size: 24px;
   }
 }
 .cabinet__stats-body {
   background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
   border-radius: 8px;
   padding: 10px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   margin-bottom: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__stats-body {
     padding: 10px 20px;
   }
 }
 .cabinet__stats-item {
   font-size: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   line-height: 1;
   gap: 6px;
 }
 @media (min-width: 768px) {
   .cabinet__stats-item {
     font-size: 20px;
     gap: 10px;
   }
 }
 .cabinet__stats-item svg {
   width: 20px;
   aspect-ratio: 1/1;
   color: #377d87;
 }
 @media (min-width: 768px) {
   .cabinet__stats-item svg {
     width: 40px;
     margin-right: 10px;
   }
 }
 .cabinet__stats-item span {
   font-weight: 700;
   color: #000;
 }
 .cabinet__stats-item b {
   color: #377d87;
   font-size: 14px;
 }
 @media (min-width: 768px) {
   .cabinet__stats-item b {
     font-size: 24px;
   }
 }
 .cabinet__stats-subtitle {
   font-size: 14px;
   font-weight: 700;
   color: #377d87;
 }
 @media (min-width: 768px) {
   .cabinet__stats-subtitle {
     font-size: 18px;
   }
 }
 .cabinet__stats-line {
   width: 100%;
   position: relative;
   overflow: hidden;
   height: 8px;
   border-radius: 999px;
   background: #cecece;
 }
 .cabinet__stats-line span {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #377d87;
   border-radius: 999px;
 }
 .cabinet__stats-bottom {
   color: #000;
   font-size: 12px;
 }
 @media (min-width: 768px) {
   .cabinet__stats-bottom {
     font-size: 16px;
   }
 }
 .cabinet__works {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
 }
 @media (min-width: 768px) {
   .cabinet__works {
     gap: 30px;
   }
 }
 .cabinet__works-item {
     border-bottom: 1px #cccccc solid;
     padding-bottom: 35px;
 }
 .cabinet__works-spoiler {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
 .cabinet__works-spoiler-left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: calc(100% - 22px);
 }
 .cabinet__works-spoiler-right {
   width: 22px;
   height: 22px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   color: #377d87;
   padding: 0;
   background: none;
   border: none;
 }
 .cabinet__works-spoiler-right svg {
   width: 60%;
   aspect-ratio: 1/1;
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
           transform: rotate(90deg);
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
   -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
           transform: rotate(-90deg);
 }
 .cabinet__works-spoiler-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   width: 60px;
 }
 @media (min-width: 768px) {
   .cabinet__works-spoiler-buttons {
     width: 74px;
   }
 }
 .cabinet__works-spoiler-buttons .button {
   width: 22px;
   height: 22px;
   padding: 0;
 }
 @media (min-width: 768px) {
   .cabinet__works-spoiler-buttons .button {
     width: 30px;
     height: 30px;
   }
 }
 .cabinet__works-spoiler-text {
   width: calc(100% - 60px);
   font-size: 17px;
   font-weight: 700;
   color: #000;
 }
 @media (min-width: 768px) {
   .cabinet__works-spoiler-text {
     width: calc(100% - 74px);
     font-size: 22px;
   }
 }
 .cabinet__works-add {
   padding: 0;
   width: 100%;
   max-width: 160px;
 }
 @media (min-width: 768px) {
   .cabinet__works-add {
     max-width: 220px;
   }
 }
 .cabinet__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 10px;
 }
 @media (min-width: 768px) {
   .cabinet__buttons {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
   }
 }
 .cabinet__buttons .button,
 .cabinet__buttons .file {
   padding: 0;
   width: 100%;
   max-width: 140px;
 }
 @media (min-width: 768px) {
   .cabinet__buttons .button,
   .cabinet__buttons .file {
     max-width: none;
   }
 }
 @media (min-width: 768px) {
   .cabinet__buttons {
     gap: 20px;
   }
 }
 @media (min-width: 1280px) {
   .cabinet__buttons {
     max-width: 400px;
   }
 }
 .cabinet__buttons_flex{
     display: flex;
 }
 .cabinet__buttons_flex > *{
     margin-right: 10px;
 }
 .cabinet__vacs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 20px;
 }
 .cabinet__vacs-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 20px;
   width: 100%;
 }
 @media (min-width: 768px) {
   .cabinet__vacs-body {
     gap: 30px;
   }
 }
 .cabinet__vacs-item {
   display: none;
   background: #fff;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
 }
 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .cabinet__vacs.active .cabinet__vacs-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .main__employer-page-two-item-text-body img {
     display: inline !important;
     border: none !important;
     box-shadow: none !important;
     height: 1em !important;
     width: 1em !important;
     margin: 0 0.07em !important;
     vertical-align: -0.1em !important;
     background: none !important;
     padding: 0 !important;
 }
 .main__employer-page-two-item-text-body p{
     margin: 0 0 20px;
 }
 #sertificate .one-sertificate{
     display: flex;
     justify-content: space-between;
     margin-bottom: 15px;
     border-bottom: 1px #ccc solid;
     padding-bottom: 15px;
 }
 #sertificate .one-sertificate .sertificate-field{
     display: block;
 }
 #sertificate .one-sertificate .sertificate-field.sertificate-name{
     width: 50%;
     max-width: 50%;
 }

resources/views/employers/favorite.blade.php

Diff comments View file @ e60a325

1	@extends('layout.frontend', ['title' => 'Избраннные соискатели - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Избраннные соискатели - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	console.log('Test system');	5	console.log('Test system');
6	$(document).on('change', '#sort_ajax', function() {	6	$(document).on('change', '#sort_ajax', function() {
7	var this_ = $(this);	7	var this_ = $(this);
8	var val_ = this_.val();	8	var val_ = this_.val();
9	console.log('sort items '+val_);	9	console.log('sort items '+val_);
10		10
11	$.ajax({	11	$.ajax({
12	type: "GET",	12	type: "GET",
13	url: "{{ route('shipping_companies') }}",	13	url: "{{ route('shipping_companies') }}",
14	data: "sort="+val_+"&block=1",	14	data: "sort="+val_+"&block=1",
15	success: function (data) {	15	success: function (data) {
16	console.log('Выбор сортировки');	16	console.log('Выбор сортировки');
17	console.log(data);	17	console.log(data);
18	$('#block_1').html(data);	18	$('#block_1').html(data);
19	},	19	},
20	headers: {	20	headers: {
21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22	},	22	},
23	error: function (data) {	23	error: function (data) {
24	data = JSON.stringify(data);	24	data = JSON.stringify(data);
25	console.log('Error: ' + data);	25	console.log('Error: ' + data);
26	}	26	}
27	});	27	});
28		28
29	$.ajax({	29	$.ajax({
30	type: "GET",	30	type: "GET",
31	url: "{{ route('shipping_companies') }}",	31	url: "{{ route('shipping_companies') }}",
32	data: "sort="+val_+"&block=2",	32	data: "sort="+val_+"&block=2",
33	success: function (data) {	33	success: function (data) {
34	console.log('Выбор сортировки2');	34	console.log('Выбор сортировки2');
35	console.log(data);	35	console.log(data);
36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37	$('#block_2').html(data);	37	$('#block_2').html(data);
38	},	38	},
39	headers: {	39	headers: {
40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41	},	41	},
42	error: function (data) {	42	error: function (data) {
43	data = JSON.stringify(data);	43	data = JSON.stringify(data);
44	console.log('Error: ' + data);	44	console.log('Error: ' + data);
45	}	45	}
46	});	46	});
47	});	47	});
48	</script>	48	</script>
49	@include('js.favorite-worker')	49	@include('js.favorite-worker')
50	@endsection	50	@endsection
51		51
52	@section('content')	52	@section('content')
53	<section class="cabinet">	53	<section class="cabinet">
54	<div class="container">	54	<div class="container">
55	<ul class="breadcrumbs cabinet__breadcrumbs">	55	<ul class="breadcrumbs cabinet__breadcrumbs">
56	<li><a href="{{ route('index') }}">Главная</a></li>	56	<li><a href="{{ route('index') }}">Главная</a></li>
57	<li><b>Личный кабинет</b></li>	57	<li><b>Личный кабинет</b></li>
58	</ul>	58	</ul>
59	<div class="cabinet__wrapper">	59	<div class="cabinet__wrapper">
60	<div class="cabinet__side">	60	<div class="cabinet__side">
61	<div class="cabinet__side-toper">	61	<div class="cabinet__side-toper">
62	@include('employers.emblema')	62	@include('employers.emblema')
63	</div>	63	</div>
64		64
65	@include('employers.menu', ['item' => 6])	65	@include('employers.menu', ['item' => 6])
66		66
67	</div>	67	</div>
68		68
69	<div class="cabinet__body">	69	<div class="cabinet__body">
70	<div class="cabinet__body-item">	70	<div class="cabinet__body-item">
71	<h2 class="title cabinet__title">Избранные кандидаты</h2>	71	<h2 class="title cabinet__title">Избранные кандидаты</h2>
72	</div>	72	</div>
73	<div class="cabinet__body-item">	73	<div class="cabinet__body-item">
74	<div class="cabinet__filters">	74	<div class="cabinet__filters">
75	<div class="cabinet__filters-item">	75	<div class="cabinet__filters-item">
76	<form class="search" action="{{ route('employer.favorites') }}">	76	<form class="search" action="{{ route('employer.favorites') }}">
77	<input type="search" name="search" id="search" class="input" placeholder="Поиск…" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }} @endif">	77	<input type="search" name="search" id="search" class="input" placeholder="Поиск…" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }} @endif">
78	<button type="submit" class="button">Найти</button>	78	<button type="submit" class="button">Найти</button>
79	<span>	79	<span>
80	<svg>	80	<svg>
81	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>	81	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
82	</svg>	82	</svg>
83	</span>	83	</span>
84	</form>	84	</form>
85	</div>	85	</div>
86	<!--<div class="cabinet__filters-item">
87	<div class="select">
88	<select class="js-select2" id="sort_ajax" name="sort_ajax">
89	<option value="default">Сортировка (по умолчанию)</option>
90	<option value="name (asc)">По имени (возрастание)</option>
91	<option value="name (desc)">По имени (убывание)</option>
92	<option value="created_at (asc)">По дате (возрастание)</option>
93	<option value="created_at (desc)">По дате (убывание)</option>
94	</select>
95	</div>
96	</div>-->
97	</div>	86	</div>
98	<div class="cvs">	87	<div class="cvs">
99	<!--<button type="button" class="cvs__button js-toggle js-parent-toggle button button_light button_more">
100	<span>Показать ещё</span>
101	<span>Скрыть</span>
102	</button>-->
103	@if ((isset($Workers) && ($Workers->count())))	88	@if ((isset($Workers) && ($Workers->count())))
104	@foreach ($Workers as $it)	89	@foreach ($Workers as $it)
105	<div class="cvs__body">	90	<div class="cvs__body">
106	<div class="cvs__item">	91	<div class="cvs__item">
107	<button type="button" id="elem_{{ $it->id }}" data-val="{{ $it->id }}" class="like cvs__item-like js_box_favorit js-toggle {{ \App\Classes\LikesClass::get_status_worker($it) }}">	92
108	<svg>	93	<div class="cvs__item-header">
109	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>	94	<div class="cvs__item-photo">
110	</svg>	95	<svg>
111	</button>	96	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
112	<div class="cvs__item-photo">	97	</svg>
113	<svg>	98	@if (!empty($it->photo))
114	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
115	</svg>
116	@if (!empty($it->photo))
117	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($it->photo)) }}" alt="">	99	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($it->photo)) }}" alt="">
118	@else	100	@else
119	<img src="{{ asset('images/default_man.jpg') }}" alt="">	101	<img src="{{ asset('images/default_man.jpg') }}" alt="">
120	@endif	102	@endif
		103	</div>
		104
		105	<div class="cvs__item-buttons">
		106	<button type="button" id="elem_{{ $it->id }}" data-val="{{ $it->id }}" class="like cvs__item-like js_box_favorit js-toggle {{ \App\Classes\LikesClass::get_status_worker($it) }}">
		107	<svg class="mr-10">
		108	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
		109	</svg>
		110	<span class="to-favorites">Добавить в избранное</span>
		111	<span class="in-favorites">Убрать из избранного</span>
		112	</button>
		113
		114	@guest
		115	<button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
		116	class="chat">
		117	<svg class="mr-10">
		118	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
		119	</svg>
		120	<span>Написать</span>
		121	</button>
		122	@else
		123	@if (App\Classes\StatusUser::Status()==0)
		124	@if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
		125	<button type="button" class="chat" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ Auth()->user()->id }}" data-tuid="{{ $it->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
		126	<svg class="mr-10">
		127	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
		128	</svg>
		129	<span>Написать</span>
		130	</button>
		131	@endif
		132	@else
		133	<button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
		134	class="chat">
		135	<svg class="mr-10">
		136	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
		137	</svg>
		138	<span>Написать</span>
		139	</button>
		140	@endif
		141	@endif
		142
		143	<a href="{{ route('resume_profile', ['worker' => $it->id]) }}" class="button">Подробнее</a>
		144	</div>
121	</div>	145	</div>
		146
		147
122	<div class="cvs__item-text">	148	<div class="cvs__item-text">
123	<div>	149	<div class="cvs__item-text-row">
124	Статус	150	<div class="flex" style="align-items: start;">
125	<span>@if ($it->status_work == 0) Ищу работу	151	<div class="cvs__item-text-status @if ($it->status_work == 0) looking-for-job @endif">
126	@elseif ($it->status_work == 1) Не указано	152	@if ($it->status_work == 0) Ищу работу
127	@elseif ($it->status_work == 2) Не ищу	153	@elseif ($it->status_work == 1) Не указано
128	@endif	154	@elseif ($it->status_work == 2) Не ищу
129	</span>	155	@endif
		156	</div>
		157	<div class="cvs__item-text-updated-at">
		158	Обновлено: {{ date('d.m.Y', strtotime($it->updated_at)) }}
		159	</div>
		160	</div>
		161	<div>
		162	<b>Предпочтение по типу судна:</b>
		163	<div>{{ $it->boart_type_preference ?? '-' }}</div>
		164	</div>
130	</div>	165	</div>
131	<div>	166
132	Имя кандидата	167	<div class="cvs__item-text-row">
133	<span>({{ $it->id }}) @if (isset($it->users)) {{ $it->users->surname." ".$it->users->name_man." ".$it->users->surname2." (".$it->users->id.")" }} @endif</span>	168	<div>
		169	<b>ФИО:</b>
		170	<div>@if (isset($it->users)){{ $it->users->surname." ".$it->users->name_man." ".$it->users->surname2 }} @endif</div>
		171	</div>
		172	<div>
		173	<b>Наличие визы:</b>
		174	<div>{{ $it->visa_available ?? '-' }}</div>
		175	</div>
134	</div>	176	</div>
135		177
136	@if (!empty($it->telephone))	178	<div class="cvs__item-text-row">
137	<div>	179	<div>
138	Номер телефона	180	<b>Возраст:</b>
139	<a href="tel:{{ $it->telephone }}">{{ $it->telephone }}</a>	181	<div>{{ $it->old_year ?? '-' }}</div>
		182	</div>
		183	<div>
		184	<b>Наличие танкерных документов:</b>
		185	<div>{{ $it->tanker_documents_available ?? '-' }}</div>
		186	</div>
140	</div>	187	</div>
141	@endif
142		188
143	@if (!empty($it->telephone2))	189	<div class="cvs__item-text-row">
144	<div>	190	<div>
145	Номер телефона2	191	<b>Желаемые вакансии:</b>
146	<a href="tel:{{ $it->telephone2 }}">{{ $it->telephone2 }}</a>	192	<div>
		193	@if ($it->job_titles->count())
		194	@foreach ($it->job_titles as $job_title)
		195	{{ $job_title->name }}
		196	@if (!$loop->last) / @endif
		197	@endforeach
		198	@else
		199	-
		200	@endif
		201	</div>
		202	</div>
		203	<div>
		204	<b>Наличие подтверждения для работы на ВВП:</b>
		205	<div>{{ $it->confirmation_work_for_vvp ?? '-' }}</div>
		206	</div>
147	</div>	207	</div>
148	@endif	208
149	@if (!empty($it->email))	209	<div class="cvs__item-text-row">
150	<div>	210	<div>
151	Электронный адрес	211	<b>Пожелание к З/П:</b>
152	<a href="mailto: {{ $it->email }}">{{ $it->email }}</a>	212	<div>{{ $it->salary_expectations ?? '-' }}</div>
		213	</div>
		214	<div>
		215	<b>Город проживания</b>
		216	<div>{{ $it->city ?? "-" }}</div>
		217	</div>
153	</div>	218	</div>
154	@endif	219
155	@if (!empty($it->city))	220	<div class="cvs__item-text-row">
156	<div>	221	<div>
157	Город проживания	222	<b>Уровень английского:</b>
158	<span>{{ $it->city }}, {{ $it->address }}</span>	223	<div>{{ $it->english_level ?? '-' }}</div>
		224	</div>
		225	<div>
		226	<b>Телефон:</b>
		227	<div><a href="tel:{{ $it->telephone }}">{{ $it->telephone ?? '-' }}</a></div>
		228	</div>
159	</div>	229	</div>
160	@endif
161		230
162	<div>	231	<div class="cvs__item-text-row">
163	Опыт работы на танкерах	232	<div>
164	<span>@if (!empty($it->experience)) {{ $it->experience }} @else 0 @endif годов (лет).</span>	233	<b>Дата готовности к посадке:</b>
		234	<div>{{ $it->ready_boart_date ?? '-' }}</div>
		235	</div>
		236	<div>
		237	<b>E-mail:</b>
		238	<div><a href="mailto:{{ $it->email }}">{{ $it->email }}</a></div>
		239	</div>
165	</div>	240	</div>
166	</div>	241	</div>
167	<div class="cvs__item-button">

resources/views/info_company_new.blade.php

Diff comments View file @ e60a325

 @extends('layout.frontend', ['title' => 'Описание компании '.$title.'- РекаМоре'])
 @section('scripts')
     <script>
         console.log('Test system');
         $(document).on('change', '#sort_ajax', function() {
             var this_ = $(this);
             var val_ = this_.val();
             console.log('sort items '+val_);
             $.ajax({
                 type: "GET",
                 url: "{{ route('shipping_companies') }}",
                 data: "sort="+val_+"&block=1",
                 success: function (data) {
                     console.log('Выбор сортировки');
                     console.log(data);
                     $('#block_1').html(data);
                 },
                 headers: {
                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                 error: function (data) {
                     data = JSON.stringify(data);
                     console.log('Error: ' + data);
                 }
             });
             $.ajax({
                 type: "GET",
                 url: "{{ route('shipping_companies') }}",
                 data: "sort="+val_+"&block=2",
                 success: function (data) {
                     console.log('Выбор сортировки2');
                     console.log(data);
                     history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
                     $('#block_2').html(data);
                 },
                 headers: {
                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                 error: function (data) {
                     data = JSON.stringify(data);
                     console.log('Error: ' + data);
                 }
             });
         });
         $(document).ready(function(){
             var sel = $('#select2-sort_ajax-container');
             var key = getUrlParameter('sort');
             if (key !=='') {
                 console.log(key);
                 switch (key) {
                     case "default": sel.html('Сортировка (по умолчанию)'); break;
                     case "name_up": sel.html('По имени (возрастание)'); break;
                     case "name_down": sel.html('По дате (убывание)'); break;
                     case "created_at_up": sel.html('По дате (возрастание)'); break;
                     case "created_at_down": sel.html('По дате (убывание)'); break;
                 }
             }
         });
         //end
         $(document).on('click', '.js_send_it_button', function() {
             var this_ = $(this);
             var code_user_id = this_.attr('data-uid');
             var code_to_user_id = this_.attr('data-tuid');
             var code_vacancy = this_.attr('data-vacancy');
             var user_id = $('#send_user_id');
             var to_user_id = $('#send_to_user_id');
             var vacancy = $('#send_vacancy');
             console.log('Клик на кнопки...');
             user_id.val(code_user_id);
             to_user_id.val(code_to_user_id);
             vacancy.val(code_vacancy);
         });
     </script>
     @include('js.favorite-vacancy-45')
 @endsection
 @section('content')
     <section class="thing">
         <div class="container">
             <div class="thing__body">
                 <ul class="breadcrumbs thing__breadcrumbs">
                     <li><a href="{{ route('index') }}">Главная</a></li>
                     <li><a href="{{ route('shipping_companies') }}">Работодатели</a></li>
                     <li><b>@isset($title) {{ $title }} @else Не указано @endif</b></li>
                 </ul>
                 @if ($company[0]->oficial_status == 1)
                     <div class="thing__badge">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#badge') }}"></use>
                         </svg>
                         Компания проверена
                     </div>
                 @endif
                 @if (!empty($company[0]->logo))
                     <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $company[0]->name_company }}" class="thing__pic">
                 @else
                     <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $company[0]->name_company }}" class="thing__pic">
                 @endif
                 <h1 class="thing__title">{{ $company[0]->name_company }}</h1>
                 <!--<p class="thing__text"> $company[0]->text !!}</p>-->
                 <div class="thing__buttons">
                     <button type="button" class="button">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use>
                         </svg>
                         {{ $company[0]->ads->count() }} вакансии
                     </button>
                     @if ($user_id == 0)
                         <a data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' class="js_send_it_button button">
                             Написать сообщение
                         </a>
                     @else
                     <a data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' class="js_send_it_button button">
                         Написать сообщение
                     </a>
                     @endif
                 </div>
             </div>
         </div>
     </section>
     <main class="main">
         <div class="container">
             <div class="main__employer-page">
                 <h2 class="main__employer-page-title">О компании</h2>
                 <div class="main__employer-page-info">
                     <div class="main__employer-page-item">
                         <b>Адрес компании</b>
                         <span>
                              {{ $company[0]->address }}
                         </span>
                     </div>
                     <div class="main__employer-page-item">
                         <b>Сайт</b>
                         <span>
                             <a href="{{ $company[0]->site }}">{{ $company[0]->site }}</a>
                         </span>
                     </div>
                     <div class="main__employer-page-item">
                         <b>Почта</b>
                         <span>
                             <a href="mailto:">{{ $company[0]->email }}</a>
                         </span>
                     </div>
                     <div class="main__employer-page-item">
                         <b>Телефон</b>
                         <span>
                                 <a href="tel:{{ $company[0]->telephone }}">{{ $company[0]->telephone }}</a>
                         </span>
                     </div>
                 </div>
                 <div class="main__employer-page-info">
                     <div class="main__employer-page-item"></div>
                     <div class="main__employer-page-item"></div>
                     <div class="main__employer-page-item">
                         <b>Почта (alt)</b>
                         <span>
                              {{ $company[0]->email_2 }}
                         </span>
                     </div>
                     <div class="main__employer-page-item">
                         <b>Телефон (alt)</b>
                         <span>
                             <a href="{{ $company[0]->site }}">{{ $company[0]->telephone_2 }}</a>
                         </span>
                     </div>
                 </div>
                 <div class="main__employer-page-item main__employer-page-description">
                     <b>Описание</b>
                     <span>
                           {!! $company[0]->text !!}
                     </span>
                 </div>
                 <div>
                     <div class="main__employer-page-tabs">
                         <button type="button" class="main__employer-page-tabs-item active"
                                 data-tab="1">Флот</button>
                         <button type="button" class="main__employer-page-tabs-item" data-tab="2">Вакансии</button>
                     </div>
                     <div class="main__employer-page-body">
                         <div class="main__employer-page-body-item showed" data-body="1">
                             <div class="main__employer-page-one">
                                 @if ($company[0]->flots->count())
                                     @foreach ($company[0]->flots as $flot)
                                         <a href="" class="main__employer-page-one-item">
                                             @if (!empty($flot->image))
                                                 <img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}">
                                             @else
                                                 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $flot->name }}">
                                             @endif
                                             <b>{{ $flot->name }}</b>
                                             <b>{{ $flot->region }}</b>
                                             <span><i>DWT</i> {{ $flot->DWT }}</span>
                                             <span><i>Мощность ГД</i> {{ $flot->POWER_GD }}</span>
                                             <span><i>IMO</i> {{ $flot->IMO }}</span>
                                             <span>{{ $flot->power }}</span>
                                         </a>
                                     @endforeach
                                 @endif
                             </div>
                         </div>
                         <div class="main__employer-page-body-item" data-body="2">
                             <div class="main__employer-page-two">
                                 @foreach ($ads as $job)
                                         <div class="main__employer-page-two-item">
                                             <div class="main__employer-page-two-item-toper">
                                                 @if (!empty($company[0]->logo))
                                                     <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $job->name }}">
                                                 @else
                                                     <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $job->name }}">
                                                 @endif
                                                 <span>{{ $company[0]->name_company }}</span>
                                             </div>
-                                            <!--<div class="main__employer-page-two-item-title"> $item->flot }}</div>-->
+                                            <div class="main__employer-page-two-item-text-body">
-                                            <div class="main__employer-page-two-item-text">
                                                 <h3>{{ $job->name }}</h3>
-                                                <!--if ((isset($job->jobs)) && ($job->jobs->count()))
-                                                    foreach($job->jobs as $item)
-                                                    <a class="main__employer-page-two-item-text-name">
-                                                        { $item->name }}
-                                                    </a>
-                                                    endforeach
-                                                endif
-                                                    -->
                                                 <span>Описание:
                                                    {!!  $job->text !!}
                                                 </span>
-                                                <!--<div class="main__employer-page-two-item-text-body">
-                                                    <p>Зарплата: $item->min_salary }} -  $item->max_salary }}р + $item->sytki }} суточные.</p>
-                                                    <p>Контракт:  $item->period }} мес.</p>
-                                                </div>-->
                                             </div>
-                                            <!--<div class="main__employer-page-two-item-text">
-                                                <div class="main__employer-page-two-item-text-name">Район работы</div>
-                                                <div class="main__employer-page-two-item-text-body">
-                                                    <p> $item->region }}</p>
-                                                </div>
-                                            </div>
-                                            <div class="main__employer-page-two-item-text">
-                                                <div class="main__employer-page-two-item-text-name">Посадка</div>
-                                                <div class="main__employer-page-two-item-text-body">
-                                                    <p>  $item->start }}</p>
-                                                    !! $item->description !!}
-                                                </div>
-                                            </div>-->
-                                            <!--<div class="main__employer-page-two-item-text">
-                                                <div class="main__employer-page-two-item-text-name">Звонить по вопросам на:
-                                                </div>
-                                                <div class="main__employer-page-two-item-text-body">
-                                                    <a href="tel: $job->telephone }}"> $job->telephone }}</a>
-                                                </div>
-                                            </div>
-                                            <div class="main__employer-page-two-item-text">
-                                                <div class="main__employer-page-two-item-text-name">Анкеты присылать на
-                                                    почту:
-                                                </div>
-                                                <div class="main__employer-page-two-item-text-body">
-                                                    <a href="mailto:  $job->email }}"> $job->email }}</a>
-                                                </div>
-                                            </div>-->
                                             @if ((isset($job->jobs)) && ($job->jobs->count()))
                                             <div class="main__employer-page-two-item-tags">
                                                 @foreach ($job->jobs as $item)
                                                     <span class="main__employer-page-two-item-tag">#{{ $item->name }}</span>
                                                 @endforeach
                                             </div>
                                             @endif
                                             <div class="main__employer-page-two-item-buttons">
                                                     <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $job->id }}" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}"  data-options='{"touch":false,"autoFocus":false}'
                                                             class="button main__employer-page-two-item-button js_send_it_button">Оставить
                                                         отклик...</button>
                                             <!--<a href="#"
                                                    class="button button_light main__employer-page-two-item-button">Подробнее</a>-->
                                             </div>
                                             <div class="main__employer-page-two-item-bottom">
                                                 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($job->updated_at)) }}</div>
                                                 <button type="button" id="like{{ $job->id }}" data-val="{{ $job->id }}"
                                                         class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($job) }}">
                                                     <svg>
                                                         <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
                                                     </svg>
                                                 </button>
                                             </div>
                                         </div>
                             @endforeach
                             <div style="margin-top: 20px">
                                 {{ $ads->onEachSide(0)->appends($_GET)->links('paginate') }}
                             </div>
                             <!--<button type="button" class="button button_light button_more main__employer-page-two-more js-toggle js-parent-toggle">
                                     <span>Показать ещё</span>
                                     <span>Скрыть</span>
                                 </button>-->
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </main>
 @endsection

resources/views/modals/send_employer.blade.php

Diff comments View file @ e60a325

 <script>
     console.log('Сообщение работнику');
     $(document).on('change', '#btn_send_file', function() {
         var send_name = $('#send_name');
         var send_name_val = send_name.val();
         var this_final_name = $('#this_final_name');
         console.log(send_name_val);
         this_final_name.html(send_name_val);
     });
 </script>
 <div id="send2" class="modal">
     <div class="modal__body">
         <div class="modal__title">Отправить сообщение</div>
-        <div class="modal__text">Если у вас есть предложение, вы можете сделать конретное предложение</div>
         <form class="modal__form" id="form_from_emp" name="form_from_emp" enctype="multipart/form-data" action="{{ route('employer.new_message') }}" method="POST">
             @csrf
             <div class="modal__form-item" style="display:none">
                 <!-- Отправитель сообщения: -->
                 <input type="hidden" id="_user_id" name="_user_id" class="input" placeholder="user_id" value="">
                 <!-- Получатель сообщения: -->
                 <input type="hidden" id="_to_user_id" name="_to_user_id" class="input" placeholder="to_user_id" value="">
                 <!-- Вакансия: -->
                 <input type="hidden" id="_vacancy" name="_vacancy" class="input" placeholder="vacancy" value="">
             </div>
             <div class="modal__form-item">
                 <input id="i1" type="text" name="title" class="input" placeholder="Тема" required>
                 <label for="i1">Не заполнено поле</label>
             </div>
             <div class="modal__form-item">
                 <textarea id="i2" class="textarea" name="text" placeholder="Укажите по какому поводу вы пишите работодателю, уточните название вакансии или прикрепите ссылку на вакансию, дайте как можно больше информации.&#10;&#10;ВАЖНО не стоит писать работодателю короткий текст цитирую «Какая зарплата?, работодатель не поймет о чем речь, опишите вопрос максимально подробно»." required></textarea>
                 <label for="i2">Не заполнено поле</label>
             </div>
             <div class="modal__form-item">
                 <div class="file">
                     <label class="file__input">
                         <input type="file" name="file">
                         <span class="button button_light">
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
                             </svg>
                             Прикрепить документ
                         </span>
                     </label>
                     <div class="file__list">
                         <div class="file__list-item">
                             <div class="file__list-item-left">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
                                 </svg>
                                 <span id="this_final_name" name="this_final_name"></span>
                             </div>
                             <button type="button" class="file__list-item-right js-parent-remove">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
                                 </svg>
                             </button>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="modal__form-item">
                 <button type="submit" class="button">Отправить</button>
             </div>
         </form>
     </div>
 </div>

resources/views/modals/send_worker.blade.php

Diff comments View file @ e60a325

 <script>
     console.log('Сообщение работнику');
     $("#form_worker" ).submit(function(event) {
         var val = $(this).val();
         var send_title = $('#send_title');
         var send_title_val = send_title.val();
         console.log('Click  form.');
     });
     $(document).on('change', '#btn_send_file', function() {
           var send_name = $('#send_name');
           var send_name_val = send_name.val();
           var send_name_file = $('#send_name_file');
           console.log(send_name_val);
           send_name_file.html(send_name_val);
     });
 </script>
 <div id="send3" class="modal">
     <div class="modal__body">
         <div class="modal__title">Отправить сообщение работодателю</div>
-        <div class="modal__text">Если вы готовы владеете компитентыми навыками, напишите данному работодателю письмо</div>
         <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST">
             @csrf
             <div class="modal__form-item" style="display: none">
                 Отправитель сообщения:
                 <input type="text" id="send_user_id" name="send_user_id" class="input" placeholder="user_id" value="">
                 Получатель сообщения:
                 <input type="text" id="send_to_user_id" name="send_to_user_id" class="input" placeholder="to_user_id" value="">
                 Вакансия:
                 <input type="text" id="send_vacancy" name="send_vacancy" class="input" placeholder="vacancy" value="">
             </div>
             <div class="modal__form-item send_title_div error_">
                 <input id="send_title" name="send_title" type="text" class="input" placeholder="Тема" required>
                 <label for="title">Не заполнено поле</label>
             </div>
             <div class="modal__form-item send_title_div error_">
                 <select class="js-select2" name="send_job_title_id" id="send_job_title_id">
                     @if ($jobs->count())
                         @foreach($jobs as $j)
                             <option value="{{ $j->id }}">{{ $j->name }} ({{ $j->id }})</option>
                         @endforeach
                     @endif
                 </select>
                 <label for="title">Не заполнено поле</label>
             </div>
             <div class="modal__form-item send_text_div">
                 <textarea id="i2" class="textarea" id="send_text" name="send_text" placeholder="Напишите текст с предложением  о работе" required></textarea>
                 <label for="i2">Не заполнено поле</label>
             </div>
             <div class="modal__form-item">
                 <div class="file">
                     <label class="file__input" id="btn_send_file" name="btn_send_file">
                         <input type="file" name="send_file" id="send_name">
                         <span class="button button_light">
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
                             </svg>
                             Прикрепить файл-документ
                         </span>
                     </label>
                     <div class="file__list" id="div_file" name="div_file">
                         <div class="file__list-item">
                             <div class="file__list-item-left">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
                                 </svg>
                                 <span id="send_name_file" name="send_name_file"></span>
                             </div>
                             <button type="button" class="file__list-item-right js-parent-remove">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
                                 </svg>
                             </button>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="modal__form-item">
                 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button>
             </div>
         </form>
     </div>
 </div>

resources/views/modals/send_worker_new.blade.php

Diff comments View file @ e60a325

 <script>
     console.log('Сообщение работнику');
     $("#form_worker" ).submit(function(event) {
         var val = $(this).val();
         var send_title = $('#send_title');
         var send_title_val = send_title.val();
         console.log('Click  form.');
     });
     $(document).on('change', '#btn_send_file', function() {
         var send_name = $('#send_name');
         var send_name_val = send_name.val();
         var send_name_file = $('#send_name_file');
         console.log(send_name_val);
         send_name_file.html(send_name_val);
     });
 </script>
 <div id="send" class="modal">
     <div class="modal__body">
         <div class="modal__title">Отправить сообщение работодателю</div>
-        <div class="modal__text">Если вы готовы владеете компитентыми навыками, напишите данному работодателю письмо</div>
         <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST">
             @csrf
             <div class="modal__form-item" style="display: none">
                 Отправитель сообщения:
                 <input type="text" id="send_user_id" name="send_user_id" class="input" placeholder="user_id" value="">
                 Получатель сообщения:
                 <input type="text" id="send_to_user_id" name="send_to_user_id" class="input" placeholder="to_user_id" value="">
                 Вакансия:
                 <input type="text" id="send_vacancy" name="send_vacancy" class="input" placeholder="vacancy" value="">
                 Должность:
                 <input type="text" id="send_job_title_id" name="send_job_title_id" class="input" placeholder="vacancy" value="0">
             </div>
             <div class="modal__form-item send_title_div error_">
                 <input id="send_title" name="send_title" type="text" class="input" placeholder="Тема" required>
                 <label for="title">Не заполнено поле</label>
             </div>
             <div class="modal__form-item send_text_div">
                 <textarea id="i2" class="textarea" id="send_text" name="send_text" placeholder="Напишите текст с предложением  о работе" required></textarea>
                 <label for="i2">Не заполнено поле</label>
             </div>
             <div class="modal__form-item">
                 <div class="file">
                     <label class="file__input" id="btn_send_file" name="btn_send_file">
                         <input type="file" name="send_file" id="send_name">
                         <span class="button button_light">
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
                             </svg>
                             Прикрепить файл-документ
                         </span>
                     </label>
                     <div class="file__list" id="div_file" name="div_file">
                         <div class="file__list-item">
                             <div class="file__list-item-left">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
                                 </svg>
                                 <span id="send_name_file" name="send_name_file"></span>
                             </div>
                             <button type="button" class="file__list-item-right js-parent-remove">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
                                 </svg>
                             </button>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="modal__form-item">
                 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button>
             </div>
         </form>
     </div>
 </div>

resources/views/resume.blade.php

Diff comments View file @ e60a325

1	@extends('layout.frontend', ['title' => 'База резюме - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'База резюме - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>	4	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
5	<script>	5	<script>
6	console.log('Test system');	6	console.log('Test system');
7	$(document).on('change', '#jobs', function() {	7	$(document).on('change', '#jobs', function() {
8	var val = $(this).val();	8	var val = $(this).val();
9	var main_oskar = $('#main_ockar');	9	var main_oskar = $('#main_ockar');
10		10
11	console.log('Code='+val);	11	console.log('Code='+val);
12	console.log('Click change...');	12	console.log('Click change...');
13	$.ajax({	13	$.ajax({
14	type: "GET",	14	type: "GET",
15	url: "",	15	url: "",
16	data: "job="+val,	16	data: "job="+val,
17	success: function (data) {	17	success: function (data) {
18	console.log('Выбор сделан!');	18	console.log('Выбор сделан!');
19	console.log(data);	19	console.log(data);
20	main_oskar.html(data);	20	main_oskar.html(data);
21	},	21	},
22	headers: {	22	headers: {
23	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	23	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
24	},	24	},
25	error: function (data) {	25	error: function (data) {
26	data = JSON.stringify(data);	26	data = JSON.stringify(data);
27	console.log('Error: ' + data);	27	console.log('Error: ' + data);
28	}	28	}
29	});	29	});
30	});	30	});
31	</script>	31	</script>
32		32
33	<script>	33	<script>
34	$(document).ready(function() {	34	$(document).ready(function() {
35	$(document).on('click', '.js_box_favorites', function () {	35	$(document).on('click', '.js_box_favorites', function () {
36	var _this = $(this);	36	var _this = $(this);
37	var id_worker = _this.attr('data-val');	37	var id_worker = _this.attr('data-val');
38		38
39	if (_this.hasClass('active')) {	39	if (_this.hasClass('active')) {
40	add_in_array(id_worker);	40	add_in_array(id_worker);
41	console.log('Добавлено в избранное id=' + id_worker);	41	console.log('Добавлено в избранное id=' + id_worker);
42	} else {	42	} else {
43	delete_in_array(id_worker);	43	delete_in_array(id_worker);
44	console.log('Удалено из избранных id='+id_worker)	44	console.log('Удалено из избранных id='+id_worker)
45	}	45	}
46	var str = $.cookie('favorite_worker');	46	var str = $.cookie('favorite_worker');
47	console.log("Вывод куков "+str);	47	console.log("Вывод куков "+str);
48		48
49	});	49	});
50	});	50	});
51		51
52	//помеченный элемент	52	//помеченный элемент
53	function selected_item(obj) {	53	function selected_item(obj) {
54	var arr = read_array();	54	var arr = read_array();
55	var index = arr.indexOf(obj);	55	var index = arr.indexOf(obj);
56		56
57	if (index > 0)	57	if (index > 0)
58	return "active";	58	return "active";
59	else	59	else
60	return "";	60	return "";
61	}	61	}
62		62
63	// запись элемента массива в cookie	63	// запись элемента массива в cookie
64	function add_in_array(obj){	64	function add_in_array(obj){
65	var arr = read_array();//получаем текущее состояние массива	65	var arr = read_array();//получаем текущее состояние массива
66	arr[arr.length]=obj; //добавляем элемент в конец	66	arr[arr.length]=obj; //добавляем элемент в конец
67	//var str = JSON.stringify(arr);//конвертируем в строку	67	//var str = JSON.stringify(arr);//конвертируем в строку
68	//$.cookie('arr',str);//записываем массив в куки	68	//$.cookie('arr',str);//записываем массив в куки
69	$.cookie('favorite_worker', JSON.stringify(arr));	69	$.cookie('favorite_worker', JSON.stringify(arr));
70		70
71	}	71	}
72		72
73	// удаление элемента из массива в cookie	73	// удаление элемента из массива в cookie
74	function delete_in_array(obj) {	74	function delete_in_array(obj) {
75	var arr = read_array();	75	var arr = read_array();
76	var unique = [...new Set(arr)]	76	var unique = [...new Set(arr)]
77	var index = unique.indexOf(obj);	77	var index = unique.indexOf(obj);
78		78
79	unique.splice(index, 1);	79	unique.splice(index, 1);
80		80
81	//var str = JSON.stringify(arr);//конвертируем в строку	81	//var str = JSON.stringify(arr);//конвертируем в строку
82	//$.cookie('arr',str);//записываем массив в куки	82	//$.cookie('arr',str);//записываем массив в куки
83	$.cookie('favorite_worker', JSON.stringify(unique));	83	$.cookie('favorite_worker', JSON.stringify(unique));
84		84
85	}	85	}
86		86
87	function read_array(){	87	function read_array(){
88	var dataArr=$.cookie('favorite_worker');//считываем данные из куков	88	var dataArr=$.cookie('favorite_worker');//считываем данные из куков
89		89
90	//если массив не был обнаружен, иницилизируем его	90	//если массив не был обнаружен, иницилизируем его
91	if(dataArr===null){	91	if(dataArr===null){
92	dataArr = init_array(); //возвращаем инициализированный пустой маасив	92	dataArr = init_array(); //возвращаем инициализированный пустой маасив
93	}	93	}
94	//возвращаем полученный массив	94	//возвращаем полученный массив
95	//return JSON.parse(dataArr);	95	//return JSON.parse(dataArr);
96	return JSON.parse(dataArr);	96	return JSON.parse(dataArr);
97	}	97	}
98		98
99	//другими словами создаем пустой массив	99	//другими словами создаем пустой массив
100	function init_array(){	100	function init_array(){
101	//var str = JSON.stringify(new Array());//конвертируем в строку	101	//var str = JSON.stringify(new Array());//конвертируем в строку
102	var str = JSON.stringify(new Array());	102	var str = JSON.stringify(new Array());
103	$.cookie('favorite_worker',str);//записываем массив в куки	103	$.cookie('favorite_worker',str);//записываем массив в куки
104		104
105	return str;	105	return str;
106	}	106	}
107	</script>	107	</script>
108	<script>	108	<script>
109	$(document).on('click', '.js_it_button', function() {	109	$(document).on('click', '.js_it_button', function() {
110	var this_ = $(this);	110	var this_ = $(this);
111	var code_user_id = this_.attr('data-uid');	111	var code_user_id = this_.attr('data-uid');
112	var code_to_user_id = this_.attr('data-tuid');	112	var code_to_user_id = this_.attr('data-tuid');
113	var code_vacancy = this_.attr('data-vacancy');	113	var code_vacancy = this_.attr('data-vacancy');
114	var user_id = $('#_user_id');	114	var user_id = $('#_user_id');
115	var to_user_id = $('#_to_user_id');	115	var to_user_id = $('#_to_user_id');
116	var vacancy = $('#_vacancy');	116	var vacancy = $('#_vacancy');
117		117
118	console.log('code_to_user_id='+code_to_user_id);	118	console.log('code_to_user_id='+code_to_user_id);
119	console.log('code_user_id='+code_user_id);	119	console.log('code_user_id='+code_user_id);
120	console.log('code_vacancy='+code_vacancy);	120	console.log('code_vacancy='+code_vacancy);
121	console.log('Клик на кнопке...');	121	console.log('Клик на кнопке...');
122		122
123	user_id.val(code_user_id);	123	user_id.val(code_user_id);
124	to_user_id.val(code_to_user_id);	124	to_user_id.val(code_to_user_id);
125	vacancy.val(code_vacancy);	125	vacancy.val(code_vacancy);
126	});	126	});
127	</script>	127	</script>
128	<script>	128	<script>
129	$(document).on('change', '#sort_ajax', function() {	129	$(document).on('change', '#sort_ajax', function() {
130	var this_ = $(this);	130	var this_ = $(this);
131	var val_ = this_.val();	131	var val_ = this_.val();
132	console.log('sort items '+val_);	132	console.log('sort items '+val_);
133		133
134	$.ajax({	134	$.ajax({
135	type: "GET",	135	type: "GET",
136	url: "{{ route('bd_resume') }}",	136	url: "{{ route('bd_resume') }}",
137	data: "sort="+val_+"&block=1",	137	data: "sort="+val_+"&block=1",
138	success: function (data) {	138	success: function (data) {
139	console.log('Выбор сортировки');	139	console.log('Выбор сортировки');
140	console.log(data);	140	console.log(data);
141	$('#block1').html(data);	141	$('#block1').html(data);
142	history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	142	history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
143	},	143	},
144	headers: {	144	headers: {
145	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	145	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
146	},	146	},
147	error: function (data) {	147	error: function (data) {
148	data = JSON.stringify(data);	148	data = JSON.stringify(data);
149	console.log('Error: ' + data);	149	console.log('Error: ' + data);
150	}	150	}
151	});	151	});
152		152
153	$.ajax({	153	$.ajax({
154	type: "GET",	154	type: "GET",
155	url: "{{ route('bd_resume') }}",	155	url: "{{ route('bd_resume') }}",
156	data: "sort="+val_+"&block=2",	156	data: "sort="+val_+"&block=2",
157	success: function (data) {	157	success: function (data) {
158	console.log('Выбор сортировки');	158	console.log('Выбор сортировки');
159	console.log(data);	159	console.log(data);
160	$('#block2').html(data);	160	$('#block2').html(data);
161	history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	161	history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
162	},	162	},
163	headers: {	163	headers: {
164	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	164	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
165	},	165	},
166	error: function (data) {	166	error: function (data) {
167	data = JSON.stringify(data);	167	data = JSON.stringify(data);
168	console.log('Error: ' + data);	168	console.log('Error: ' + data);
169	}	169	}
170	});	170	});
171		171
172	});	172	});
173		173
174	$(document).ready(function(){	174	$(document).ready(function(){
175	var sel = $('#select2-sort_ajax-container');	175	var sel = $('#select2-sort_ajax-container');
176	var key = getUrlParameter('sort');	176	var key = getUrlParameter('sort');
177	console.log(sel);	177	console.log(sel);
178	console.log(key);	178	console.log(key);
179		179
180	if (key !=='') {	180	if (key !=='') {
181	console.log(key);	181	console.log(key);
182	switch (key) {	182	switch (key) {
183	case "default": sel.html('Сортировка (по умолчанию)'); break;	183	case "default": sel.html('Сортировка (по умолчанию)'); break;
184	case "name_up": sel.html('По имени (возрастание)'); break;	184	case "name_up": sel.html('По имени (возрастание)'); break;
185	case "name_down": sel.html('По дате (убывание)'); break;	185	case "name_down": sel.html('По дате (убывание)'); break;
186	case "created_at_up": sel.html('По дате (возрастание)'); break;	186	case "created_at_up": sel.html('По дате (возрастание)'); break;
187	case "created_at_down": sel.html('По дате (убывание)'); break;	187	case "created_at_down": sel.html('По дате (убывание)'); break;
188	}	188	}
189		189
190	}	190	}
191	});	191	});
192	</script>	192	</script>
193		193
194	<script>	194	<script>
195	console.log('Test system');	195	console.log('Test system');
196	$(document).on('change', '.jobs', function() {	196	$(document).on('change', '.jobs', function() {
197	var val = $(this).val();	197	var val = $(this).val();
198		198
199	console.log('Click filter вакансии...');	199	console.log('Click filter вакансии...');
200	$.ajax({	200	$.ajax({
201	type: "GET",	201	type: "GET",
202	url: "{{ route('bd_resume') }}",	202	url: "{{ route('bd_resume') }}",
203	data: "job="+val+'&block=1',	203	data: "job="+val+'&block=1',
204	success: function (data) {	204	success: function (data) {
205	console.log('Выбор должности');	205	console.log('Выбор должности');
206	console.log(data);	206	console.log(data);
207	$('#block1').html(data);	207	$('#block1').html(data);
208	history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	208	history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
209	},	209	},
210	headers: {	210	headers: {
211	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	211	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
212	},	212	},
213	error: function (data) {	213	error: function (data) {
214	data = JSON.stringify(data);	214	data = JSON.stringify(data);
215	console.log('Error: ' + data);	215	console.log('Error: ' + data);
216	}	216	}
217	});	217	});
218		218
219	$.ajax({	219	$.ajax({
220	type: "GET",	220	type: "GET",
221	url: "{{ route('bd_resume') }}",	221	url: "{{ route('bd_resume') }}",
222	data: "job="+val+'&block=2',	222	data: "job="+val+'&block=2',
223	success: function (data) {	223	success: function (data) {
224	console.log('Выбор должности');	224	console.log('Выбор должности');
225	console.log(data);	225	console.log(data);
226	$('#block2').html(data);	226	$('#block2').html(data);
227	},	227	},
228	headers: {	228	headers: {
229	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	229	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
230	},	230	},
231	error: function (data) {	231	error: function (data) {
232	data = JSON.stringify(data);	232	data = JSON.stringify(data);
233	console.log('Error: ' + data);	233	console.log('Error: ' + data);
234	}	234	}
235	});	235	});
236	});	236	});
237	</script>	237	</script>
238	@include('js.favorite-worker')	238	@include('js.favorite-worker')
239	@endsection	239	@endsection
240		240
241		241
242	@section('content')	242	@section('content')
243	<section class="thing">	243	<section class="thing">
244	<div class="container">	244	<div class="container">
245	<form class="thing__body" action="{{ url()->current() }}">	245	<form class="thing__body" action="{{ url()->current() }}">
246	<ul class="breadcrumbs thing__breadcrumbs">	246	<ul class="breadcrumbs thing__breadcrumbs">
247	<li><a href="{{ route('index') }}">Главная</a></li>	247	<li><a href="{{ route('index') }}">Главная</a></li>
248	<li><b>База резюме</b></li>	248	<li><b>База резюме</b></li>
249	</ul>	249	</ul>
250	<h1 class="thing__title">База резюме</h1>	250	<h1 class="thing__title">База резюме</h1>
251	<p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для	251	<p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
252	существующих финансовых и административных условий.</p>	252	существующих финансовых и административных условий.</p>
253	<!--<div class="search thing__search">	253	<!--<div class="search thing__search">
254	<input type="search" class="input" name="search" id="search" placeholder="Введите наименование должности" required>	254	<input type="search" class="input" name="search" id="search" placeholder="Введите наименование должности" required>
255	<button type="submit" class="button">Найти</button>	255	<button type="submit" class="button">Найти</button>
256	<span>	256	<span>
257	<svg>	257	<svg>
258	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>	258	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
259	</svg>	259	</svg>
260	</span>	260	</span>
261	</div>-->	261	</div>-->
262		262
263	<div class="select select_search thing__select">	263	<div class="select select_search thing__select">
264	<div class="select__icon">	264	<div class="select__icon">
265	<svg>	265	<svg>
266	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>	266	<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
267	</svg>	267	</svg>
268	</div>	268	</div>
269	<select class="js-select2 jobs" name="search" id="search">	269	<select class="js-select2 jobs" name="search" id="search">
270	<option value="0">Выберите должность</option>	270	<option value="0">Выберите должность</option>
271	@if($Job_title->count())	271	@if($Job_title->count())
272	@foreach($Job_title as $JT)	272	@foreach($Job_title as $JT)
273	<option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option>	273	<option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option>
274	@endforeach	274	@endforeach
275	@endif	275	@endif
276	</select>	276	</select>
277	</div>	277	</div>
278		278
279	<!--<label class="checkbox thing__checkbox">	279	<!--<label class="checkbox thing__checkbox">
280	<input type="checkbox" class="checkbox__input" name="experience" id="experience">	280	<input type="checkbox" class="checkbox__input" name="experience" id="experience">
281	<span class="checkbox__icon">	281	<span class="checkbox__icon">
282	<svg>	282	<svg>
283	<use xlink:href=" asset('images/sprite.svg#v') }}"></use>	283	<use xlink:href=" asset('images/sprite.svg#v') }}"></use>
284	</svg>	284	</svg>
285	</span>	285	</span>
286	<span class="checkbox__text">	286	<span class="checkbox__text">
287	<span>	287	<span>
288	Опыт работы	288	Опыт работы
289	</span>	289	</span>
290	</span>	290	</span>
291	</label>-->	291	</label>-->
292	</form>	292	</form>
293	</div>	293	</div>
294	</section>	294	</section>
295	<main class="main">	295	<main class="main">
296	<div class="container">	296	<div class="container">
297	<div class="main__resume-base">	297	<div class="main__resume-base">
298	<h2>Резюме работников</h2>	298	<h2>Резюме работников</h2>
299	<div class="filters">	299	<div class="filters">
300	<div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div>	300	<div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div>
301	<div class="filters__body">	301	<div class="filters__body">
302	<div class="select filters__select">	302	<div class="select filters__select">
303	<select class="js-select2" id="sort_ajax" name="sort_ajax">	303	<select class="js-select2" id="sort_ajax" name="sort_ajax">
304	<option value="default">Сортировка (по умолчанию)</option>	304	<option value="default">Сортировка (по умолчанию)</option>
305	<option value="name_up">По имени (возрастание)</option>	305	<option value="name_up">По имени (возрастание)</option>
306	<option value="name_down">По имени (убывание)</option>	306	<option value="name_down">По имени (убывание)</option>
307	<option value="created_at_up">По дате (возрастание)</option>	307	<option value="created_at_up">По дате (возрастание)</option>
308	<option value="created_at_down">По дате (убывание)</option>	308	<option value="created_at_down">По дате (убывание)</option>
309	</select>	309	</select>
310	</div>	310	</div>
311	</div>	311	</div>
312	</div>	312	</div>
313	<div class="main__resume-base-body showed" data-body="1">	313	<div class="main__resume-base-body showed" data-body="1">
314	<div class="main__resume-base-body-one" id="block1" name="block1">	314	<div class="main__resume-base-body-one" id="block1" name="block1">
315	@if ($resumes->count())	315	@if ($resumes->count())
316	@foreach ($resumes as $res)	316	@foreach ($resumes as $res)
317	<div class="main__resume-base-body-item">	317	<div class="main__resume-base-body-item">
318	<div class="main__resume-base-body-item-wrapper">	318	<div class="main__resume-base-body-item-wrapper">
319	<div>	319	<div>
320	<img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">	320	<img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">
321	<div>	321	<div>
322	<div class="main__resume-base-body-item-buttons">	322	<div class="main__resume-base-body-item-buttons">
323	<button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">	323	<button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
324	<svg>	324	<svg>
325	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>	325	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
326	</svg>	326	</svg>
327	<span class="to-favorites">В избранное</span>	327	<span class="to-favorites">В избранное</span>
328	<span class="in-favorites">В избранном</span>	328	<span class="in-favorites">В избранном</span>
329	</button>	329	</button>
330		330
331	@guest	331	@guest
332	<button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'	332	<button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
333	class="chat js-toggle js_it_button">	333	class="chat js-toggle js_it_button">
334	<svg>	334	<svg>
335	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	335	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
336	</svg>	336	</svg>
337	<span>Написать</span>	337	<span>Написать</span>
338	</button>	338	</button>
339	@else	339	@else
340	@if (App\Classes\StatusUser::Status()==0)	340	@if (App\Classes\StatusUser::Status()==0)
341	@if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))	341	@if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
342	<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>	342	<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
343	<svg>	343	<svg>
344	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	344	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
345	</svg>	345	</svg>
346	<span>Написать</span>	346	<span>Написать</span>
347	</button>	347	</button>
348	@endif	348	@endif
349	@else	349	@else
350	<button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'	350	<button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
351	class="chat js-toggle js_it_button">	351	class="chat js-toggle js_it_button">
352	<svg>	352	<svg>
353	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	353	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
354	</svg>	354	</svg>
355	<span>Написать</span>	355	<span>Написать</span>
356	</button>	356	</button>
357	@endif	357	@endif
358	@endif	358	@endif
359		359
360	<a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Подробнее</a>	360	<a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Подробнее</a>
361	</div>	361	</div>
362	</div>	362	</div>
363	</div>	363	</div>
364	<div class="main__resume-base-body-item-inner">	364	<div class="main__resume-base-body-item-inner">
365	<div class="horizontal">	365	<div class="horizontal">
366	<div class="main__resume-base-item-status @if ($res->status_work == 0) looking-for-job @endif">	366	<div class="main__resume-base-item-status @if ($res->status_work == 0) looking-for-job @endif">
367	{{ $status_work[$res->status_work] }}	367	{{ $status_work[$res->status_work] }}
368	</div>	368	</div>
369	<div class="main__resume-base-item-updated-at">	369	<div class="main__resume-base-item-updated-at">
370	Обновлено: {{ date('d.m.Y', strtotime($res->updated_at)) }}	370	Обновлено: {{ date('d.m.Y', strtotime($res->updated_at)) }}
371	</div>	371	</div>
372	</div>	372	</div>
373	<div>	373	<div>
374	<b>Предпочтение по типу судна:</b>	374	<b>Предпочтение по типу судна:</b>
375	<span>{{ $res->boart_type_preference ?? '-' }}</span>	375	<span>{{ $res->boart_type_preference ?? '-' }}</span>
376	</div>	376	</div>
377	<div>	377	<div>
378	<b>ФИО:</b>	378	<b>ФИО:</b>
379	<span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>	379	<span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>
380	</div>	380	</div>
381	<div>	381	<div>
382	<b>Наличие визы:</b>	382	<b>Наличие визы:</b>
383	<span>{{ $res->visa_available ?? '-' }}</span>	383	<span>{{ $res->visa_available ?? '-' }}</span>
384	</div>	384	</div>
385	<div>	385	<div>
386	<b>Возраст:</b>	386	<b>Возраст:</b>
387	<span>{{ $res->old_year ?? '-' }}</span>	387	<span>{{ $res->old_year ?? '-' }}</span>
388	</div>	388	</div>
389	<div>	389	<div>
390	<b>Наличие танкерных документов:</b>	390	<b>Наличие танкерных документов:</b>
391	<span>{{ $res->tanker_documents_available ?? '-' }}</span>	391	<span>{{ $res->tanker_documents_available ?? '-' }}</span>
392	</div>	392	</div>
393	<div>	393	<div>
394	<b>Желаемые вакансии:</b>	394	<b>Желаемые вакансии:</b>
395	<span>	395	<span>
396	@if ($res->job_titles->count())	396	@if ($res->job_titles->count())
397	@foreach ($res->job_titles as $job_title)	397	@foreach ($res->job_titles as $job_title)
398	{{ $job_title->name }}	398	{{ $job_title->name }}
399	@if (!$loop->last) / @endif	399	@if (!$loop->last) / @endif
400	@endforeach	400	@endforeach
401	@else	401	@else
402	-	402	-
403	@endif	403	@endif
404	</span>	404	</span>
405	</div>	405	</div>
406	<div>	406	<div>
407	<b>Наличие подтверждения для работы на ВВП:</b>	407	<b>Наличие подтверждения для работы на ВВП:</b>
408	<span>{{ $res->confirmation_work_for_vvp ?? '-' }}</span>	408	<span>{{ $res->confirmation_work_for_vvp ?? '-' }}</span>
409	</div>	409	</div>
410	<div>	410	<div>
411	<b>Пожелание к З/П:</b>	411	<b>Пожелание к З/П:</b>
412	<span>{{ $res->salary_expectations ?? '-' }}</span>	412	<span>{{ $res->salary_expectations ?? '-' }}</span>
413	</div>	413	</div>
414	<div>	414	<div>
415	<b>Город проживания</b>	415	<b>Город проживания</b>
416	<span>{{ $res->city ?? "-" }}</span>	416	<span>{{ $res->city ?? "-" }}</span>
417	</div>	417	</div>
418	<div>	418	<div>
419	<b>Уровень английского:</b>	419	<b>Уровень английского:</b>
420	<span>{{ $res->english_level ?? '-' }}</span>	420	<span>{{ $res->english_level ?? '-' }}</span>
421	</div>	421	</div>
422	<div>	422	<div>
423	<b>Номер телефона</b>	423	<b>Номер телефона:</b>
424	<span><a href="tel:{{ $res->telephone }}">{{ $res->telephone ?? '-' }}</a></span>	424	<span><a href="tel:{{ $res->telephone }}">{{ $res->telephone ?? '-' }}</a></span>
425	</div>	425	</div>
426	<div>	426	<div>
427	<b>Дата готовности к посадке:</b>	427	<b>Дата готовности к посадке:</b>
428	<span>{{ $res->ready_boart_date ?? '-' }}</span>	428	<span>{{ $res->ready_boart_date ?? '-' }}</span>
429	</div>	429	</div>
430	<div>	430	<div>
431	<b>E-mail:</b>	431	<b>E-mail:</b>
432	<span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>	432	<span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>
433	</div>	433	</div>
434	</div>	434	</div>
435	</div>	435	</div>
436	</div>	436	</div>
437	@endforeach	437	@endforeach
438		438
439	{{ $resumes->appends($_GET)->links('paginate') }}	439	{{ $resumes->appends($_GET)->links('paginate') }}
440	@else	440	@else
441	<p>По данному запросу ничего не найдено</p>	441	<p>По данному запросу ничего не найдено</p>
442	@endif	442	@endif
443	</div>	443	</div>
444	</div>	444	</div>
445	<div class="main__resume-base-body" data-body="2">	445	<div class="main__resume-base-body" data-body="2">
446	<div class="main__resume-base-body-two" id="block2" name="block2">	446	<div class="main__resume-base-body-two" id="block2" name="block2">
447	@if ($resumes->count())	447	@if ($resumes->count())
448	@foreach ($resumes as $res)	448	@foreach ($resumes as $res)
449	<div class="main__resume-base-body-item">	449	<div class="main__resume-base-body-item">
450	<div class="main__resume-base-body-item-buttons">	450	<div class="main__resume-base-body-item-buttons">
451	<button type="button" id="elem_{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">	451	<button type="button" id="elem_{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
452	<svg>	452	<svg>
453	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>	453	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
454	</svg>	454	</svg>
455	</button>	455	</button>
456	<!--<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid=" $idiot}}" data-tuid=" $res->id }}" data-options='{"touch":false,"autoFocus":false}'>	456	<!--<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid=" $idiot}}" data-tuid=" $res->id }}" data-options='{"touch":false,"autoFocus":false}'>
457	<svg>	457	<svg>
458	<use xlink:href=" asset('images/sprite.svg#chat') }}"></use>	458	<use xlink:href=" asset('images/sprite.svg#chat') }}"></use>
459	</svg>	459	</svg>
460	</button>-->	460	</button>-->
461	@guest	461	@guest
462	<button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'	462	<button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
463	class="chat js-toggle js_it_button">	463	class="chat js-toggle js_it_button">
464	<svg>	464	<svg>
465	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	465	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
466	</svg>	466	</svg>
467	</button>	467	</button>
468	@else	468	@else
469	@if (App\Classes\StatusUser::Status()==0)	469	@if (App\Classes\StatusUser::Status()==0)
470	@if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))	470	@if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
471	<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>	471	<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
472	<svg>	472	<svg>
473	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	473	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
474	</svg>	474	</svg>
475	</button>	475	</button>
476	@endif	476	@endif
477	@else	477	@else
478	<button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'	478	<button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
479	class="chat js-toggle js_it_button">	479	class="chat js-toggle js_it_button">
480	<svg>	480	<svg>
481	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	481	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
482	</svg>	482	</svg>
483	</button>	483	</button>
484	@endif	484	@endif
485	@endif	485	@endif
486	</div>	486	</div>
487	<div class="main__resume-base-body-item-wrapper">	487	<div class="main__resume-base-body-item-wrapper">
488	<img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">	488	<img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">
489	<div class="main__resume-base-body-item-inner">	489	<div class="main__resume-base-body-item-inner">
490	<div>	490	<div>
491	<b>Статус</b>	491	<b>Статус</b>
492	<span>{{ $status_work[$res->status_work] }}</span>	492	<span>{{ $status_work[$res->status_work] }}</span>
493	</div>	493	</div>
494	<div>	494	<div>
495	<b>Имя работника</b>	495	<b>Имя работника</b>
496	<span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>	496	<span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>
497	</div>	497	</div>
498	<div>	498	<div>
499	<b>Номер телефона</b>	499	<b>Номер телефона</b>
500	<span><a href="tel:{{ $res->telephone }}">{{ $res->telephone }}</a></span>	500	<span><a href="tel:{{ $res->telephone }}">{{ $res->telephone }}</a></span>
501	</div>	501	</div>
502	<div>	502	<div>
503	<b>Электронный адрес</b>	503	<b>Электронный адрес</b>
504	<span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>	504	<span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>
505	</div>	505	</div>
506	<div>	506	<div>
507	<b>Город проживания</b>	507	<b>Город проживания</b>
508	<span>{{ $res->city }}</span>	508	<span>{{ $res->city }}</span>
509	</div>	509	</div>
510	<div>	510	<div>
511	<b>Опыт работы</b>	511	<b>Опыт работы</b>
512	<span>{{ $res->experience }}</span>	512	<span>{{ $res->experience }}</span>
513	</div>	513	</div>
514	</div>	514	</div>
515	</div>	515	</div>
516	<a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Перейти в	516	<a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Перейти в
517	резюме</a>	517	резюме</a>
518	</div>	518	</div>
519	@endforeach	519	@endforeach
520		520
521	{{ $resumes->appends($_GET)->links('paginate') }}	521	{{ $resumes->appends($_GET)->links('paginate') }}
522	@endif	522	@endif
523	</div>	523	</div>
524	</div>	524	</div>
525	</div>	525	</div>
526	</div>	526	</div>
527	</main>	527	</main>
528	</div>	528	</div>
529	</div>	529	</div>
530	@endsection	530	@endsection
531		531

resources/views/worker.blade.php

Diff comments View file @ e60a325

 @extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре'])
 @section('scripts')
     <script>
         $(function(){
             $('[name="footer-like-button"]').click(function(){
                 $('[name="header-like-button"]').click();
+                $(this).toggleClass('active');
             });
             $('[name="header-like-button"]').click(function(){
                 $('[name="footer-like-button"]').toggleClass('active');
             });
         });
         console.log('Test system');
         $(document).on('change', '#jobs', function() {
             var val = $(this).val();
             var main_oskar = $('#main_ockar');
             console.log('Code='+val);
             console.log('Click change...');
             $.ajax({
                 type: "GET",
                 url: "",
                 data: "job="+val,
                 success: function (data) {
                     console.log('Выбор сделан!');
                     console.log(data);
                     main_oskar.html(data);
                 },
                 headers: {
                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                 error: function (data) {
                     data = JSON.stringify(data);
                     console.log('Error: ' + data);
                 }
             });
         });
     </script>
     <script>
         $(document).on('click', '.js_it_button', function() {
             var this_ = $(this);
             var code_user_id = this_.attr('data-uid');
             var code_to_user_id = this_.attr('data-tuid');
             var code_vacancy = this_.attr('data-vacancy');
             var user_id = $('#_user_id');
             var to_user_id = $('#_to_user_id');
             var vacancy = $('#_vacancy');
             console.log('code_to_user_id='+code_to_user_id);
             console.log('code_user_id='+code_user_id);
             console.log('code_vacancy='+code_vacancy);
             console.log('Клик на кнопке...');
             user_id.val(code_user_id);
             to_user_id.val(code_to_user_id);
             vacancy.val(code_vacancy);
         });
     </script>
     @include('js.favorite-worker')
 @endsection
 @section('content')
 @php
     $worker = $Query[0];
 @endphp
     <section class="thing">
         <div class="container">
             <ul class="breadcrumbs thing__breadcrumbs">
                 <li><a href="{{ route('index') }}">Главная</a></li>
                 <li><a href="{{ route('bd_resume') }}">База резюме</a></li>
                 <li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li>
             </ul>
             <div class="thing__profile">
                 <img src="@if (isset($Query[0]->photo)) {{ asset(Storage::url($Query[0]->photo)) }} @else {{ asset('images/default_man.jpg') }} @endif" alt="" class="main__resume-base-body-item-photo">
                 <div class="thing__profile-body">
                     <h1 class="thing__title">@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</h1>
                     <p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены
                         исключительно в разрезе маркетинговых и финансовых предпосылок.</p>
-                    <div class="thing__bottom">
+                    <div class="main__resume-profile-about-buttons thing__bottom">
+                        <button type="button" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}" data-val="{{ $Query[0]->id }}" id="elem{{ $Query[0]->id }}"
+                                name="header-like-button"
+                        >
+                            <svg class="mr-10">
+                                <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
+                            </svg>
+                            <span class="to-favorites">В избранное</span>
+                            <span class="in-favorites">В избранном</span>
+                        </button>
+                        <div class="button button_light mr-10 main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}"  data-options='{"touch":false,"autoFocus":false}'>
+                            <svg>
+                                <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
+                            </svg>
+                            Написать
+                        </div>
                         <a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">
                             Скачать резюме
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
                             </svg>
                         </a>
-                        <button type="button" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}" data-val="{{ $Query[0]->id }}" id="elem{{ $Query[0]->id }}"
-                            name="header-like-button"
-                        >
-                            <svg>
-                                <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
-                            </svg>
-                        </button>
                     </div>
                 </div>
             </div>
         </div>
     </section>
     <main class="main">
         <div class="container">
             <div class="main__resume-profile">
                 <div class="main__content">
                     <div class="main__spoiler">
                         <button type="button" class="main__spoiler-toper js-toggle active">
                             Основная информация</button>
                         <div class="main__spoiler-body">
                             <table class="main__table">
                                 <tbody>
                                 <tr>
                                     <td><b>Статус:</b></td>
                                     <td>{{ $status_work[$worker->status_work] }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>ФИО:</b></td>
                                     <td>{{ $worker->users->surname." ".$worker->users->name_man." ".$worker->users->surname2 }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Возраст:</b></td>
                                     <td>{{ $worker->old_year ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Желаемые вакансии:</b></td>
                                     <td>
                                         @if ($Query[0]->job_titles->count())
                                             @foreach ($Query[0]->job_titles as $it)
                                                 @if ($it->is_remove == 0)
                                                     {{ $it->name }} /
                                                 @endif
                                             @endforeach
                                         @else
                                         -
                                         @endif
                                     </td>
                                 </tr>
                                 <tr>
                                     <td><b>Пожелания по З/П:</b></td>
                                     <td>{{ $worker->salary_expectations ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Опыт работы:</b></td>
                                     <td>{{ $worker->experience ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Уровень английского:</b></td>
                                     <td>{{ $worker->english_level ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Дата готовности к посадке:</b></td>
                                     <td>{{ $worker->ready_boart_date ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Предпочтение по типу судна:</b></td>
                                     <td>{{ $worker->boart_type_preference ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Наличие визы:</b></td>
                                     <td>{{ $worker->visa_available ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Наличие танкерных документов:</b></td>
                                     <td>{{ $worker->tanker_documents_available ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Наличие подтверждения для работы на ВВП:</b></td>
                                     <td>{{ $worker->confirmation_work_for_vvp ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Наличие военного билета / приписного свидетельства:</b></td>
                                     <td>{{ $worker->military_id_available ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Город проживания:</b></td>
                                     <td>{{ $worker->city ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Телефон:</b></td>
                                     <td>{{ $worker->telephone ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>E-mail:</b></td>
                                     <td>{{ $worker->email ?? '-' }}</td>
                                 </tr>
                                 <tr>
                                     <td><b>Контакты родственников:</b></td>
                                     <td>{{ $worker->telephone2 ?? '-' }}</td>
                                 </tr>
                                 </tbody>
                             </table>
                         </div>
                     </div>
                     <div class="main__spoiler">
                         <button type="button" class="main__spoiler-toper js-toggle">Сертификаты / документы</button>
                         <div class="main__spoiler-body">
                             @if (isset($Query[0]->sertificate))
                                 @if ($Query[0]->sertificate->count())
                                     <table class="main__table">
                                         <tbody>
                                             <tr>
                                                 <td><b>Название сертификата:</b></td>
                                                 <td><b>Действителен до:</b></td>
                                             </tr>
                                             @foreach($Query[0]->sertificate as $it)
                                                 <tr>
                                                     <td>{{ $it->name }}</td>
                                                     <td>{{ date('d.m.Y', strtotime($it->end_begin)) }}</td>
                                                 </tr>
                                             @endforeach
                                         </tbody>
                                     </table>
                                @endif
                             @endif
                         </div>
                     </div>
                     <div class="main__spoiler">
                         <button type="button" class="main__spoiler-toper js-toggle">Дополнительные документы</button>
                         <div class="main__spoiler-body">
                             @if ($infoblocks->count())
                             <table class="main__table">
                                 <tbody>
                                 @foreach ($infoblocks as $info)
                                 @php $finder = false; @endphp
                                 @if (isset($Query[0]->infobloks))
                                 @if ($Query[0]->infobloks->count())
                                 @foreach($Query[0]->infobloks as $it)
                                 @if ($info->id == $it->id)
                                 <tr>
                                     <td><b>{{ $it->name }}</b></td>
                                     <td>
                                         @if ($it->model_dop_info[0]->status == 0) Не указано
                                         @elseif($it->model_dop_info[0]->status==1) В наличии
                                         @else Отсутствует
                                         @endif
                                     </td>
                                 </tr>
                                 @php $finder = true; @endphp
                                 @endif
                                 @endforeach
                                 @endif
                                 @endif
                                 @if (!$finder)
                                 <tr>
                                     <td><b>{{ $info->name }}</b></td>
                                     <td>
                                         Не указано
                                     </td>
                                 </tr>
                                 @endif
                                 @endforeach
                                 </tbody>
                             </table>
                             @endif
                         </div>
                     </div>
                     <div class="main__spoiler">
                         <button type="button" class="main__spoiler-toper js-toggle">Опыт работы</button>
                         <div class="main__spoiler-body">
                             @if (isset($Query[0]->place_worker))
                                 @if ($Query[0]->place_worker->count())
                                     <table class="main__table">
                                         <tbody>
                                             <tr>
                                                 <td><b>Должность:</b></td>
                                                 <td><b>Название т/х:</b></td>
                                                 <td><b>Тип судна:</b></td>
                                                 <td><b>Марка ГД:</b></td>
                                                 <td><b>Мощность ГД (кВТ):</b></td>
                                                 <td><b>Водоизмещение (DWT):</b></td>
                                                 <td><b>Название компании:</b></td>
                                                 <td><b>Начало контракта:</b></td>
-                                                <td><b>Конец контракта:</b></td>
+                                                <td><b>Окончание контракта:</b></td>
                                             </tr>
                                             @foreach($Query[0]->place_worker as $it)
                                                 <tr>
                                                     <td>{{ $it->job_title }}</td>
                                                     <td>{{ $it->teplohod }}</td>
                                                     <td>{{ $it->GWT }}</td>
                                                     <td>{{ $it->Marka_GD }}</td>
                                                     <td>{{ $it->KBT }}</td>
                                                     <td>{{ $it->GRT }}</td>
                                                     <td>{{ $it->name_company }}</td>
                                                     <td>{{ date('d.m.Y', strtotime($it->begin_work)) }}</td>
                                                     <td>{{ date('d.m.Y', strtotime($it->end_work)) }}</td>
                                                 </tr>
                                             @endforeach
                                         </tbody>
                                     </table>
                                 @endif
                             @endif
                         </div>
                     </div>
                     <div class="main__spoiler">
                         <button type="button" class="main__spoiler-toper js-toggle">Данные о прошлых компаниях</button>
                         <div class="main__spoiler-body">
                             @if ((isset($worker->prev_company)) && ($worker->prev_company->count()))
                                 <table class="main__table">
                                     <tbody>
                                         <tr>
                                             <td><b>Название компании:</b></td>
                                             <td><b>ФИО сотрудника:</b></td>
                                             <td><b>Должность сотрудника:</b></td>
                                             <td><b>Телефон сотрудника:</b></td>
                                         </tr>
                                         @foreach ($worker->prev_company as $prev_company)
                                             <tr>
                                                 <td>{{ $prev_company->name_company }}</td>
                                                 <td>{{ $prev_company->direct }}</td>
                                                 <td>{{ $prev_company->telephone }}</td>
                                                 <td>{{ $prev_company->telephone2 }}</td>
                                             </tr>
                                         @endforeach
                                     </tbody>
                                 </table>
                             @endif
                         </div>
                     </div>
                 </div>
                 <div class="main__resume-profile-about">
                     <h2 class="main__resume-profile-about-title">О себе</h2>
                     <p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p>
                     @if (App\Classes\StatusUser::Status()==0)
                         @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
                             <div class="main__resume-profile-about-buttons flex width100">
                                 <button type="button" class="like js-toggle mr-10 js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}"
                                     name="footer-like-button"
                                 >
-                                    <svg class="mr-5">
+                                    <svg class="mr-10">
                                         <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
                                     </svg>
-                                    В избранное
+                                    <span class="to-favorites">В избранное</span>
+                                    <span class="in-favorites">В избранном</span>
                                 </button>
                                 <div class="button button_light mr-10 main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}"  data-options='{"touch":false,"autoFocus":false}'>
                                     <svg>
                                         <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
                                     </svg>
                                     Написать
                                 </div>
                                 <a class="button mr-10" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">
                                     <svg>
                                         <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
                                     </svg>
                                     Скачать резюме
                                 </a>
                             </div>
                         @endif
                     @endif
                 </div>
                 <div class="main__resume-profile-info">
                     <h2 class="main__resume-profile-info-title">Количество просмотров страницы: ({{ $stat[0]->lookin }})</h2>
                 </div>
-                    <div class="main__resume-profile-info">
+                <div class="main__resume-profile-info">
                     <h2 class="main__resume-profile-info-title">Отзывы о работнике ({{ $Query[0]->response->count() }})</h2>
                     <div class="main__resume-profile-info-body">
                         @if ((isset($Query[0]->response)) && ($Query[0]->response->count()))
                                 <div class="main__resume-profile-info-body-item">
                                     <ul class="main__resume-profile-info-body-inner">
                                         @php $i = 1; @endphp
                                         @foreach($Query[0]->response as $it)
                                         <li>
                                             <span><h3>Комментарий №{{$i}}</h3></span>
                                             <span><b>Оценка человека: {{ $it->stars }}</b></span>
                                             <span><b>Сообщение: </b>{{ $it->message }}</span>
                                         </li>
                                         @php $i++; @endphp
                                         @endforeach
                                     </ul>
                                 </div>
                         @else
                             <div class="main__resume-profile-info-body-item">
                                 <h3 class="main__resume-profile-info-body-subtitle">Нету комментариев</h3>
                             </div>
                         @endif
                     </div>
                 </div>
                 <div class="main__resume-profile-review">
                     <form action="{{ route('stars_answer') }}" method="POST">
                     @csrf
                     <h2 class="main__resume-profile-review-title">Оставить отзыв о работнике</h2>
                     <div class="rate">
                         <div class="rate__label">Ваша оценка:</div>
                         <div class="rate__stars">
                             <select name="stars" id="stars" class="star-rating js-stars">
                                 <option value="5">5</option>
                                 <option value="4">4</option>
                                 <option value="3">3</option>
                                 <option value="2">2</option>
                                 <option value="1" selected>1</option>
                             </select>
                         </div>
                     </div>
                     <input type="hidden" name="worker_id" id="worker_id" value="{{ $Query[0]->id }}"/>
                     <div class="main__resume-profile-review-body">
                         <h3>Ваш отзыв</h3>
                         <textarea class="textarea" name="message" id="message" placeholder="Текст отзыва&hellip;" required></textarea>
                         <button type="submit" class="button">Оставить отзыв</button>
                     </div>
                     </form>

resources/views/workers/form_additional_documents.blade.php

Diff comments View file @ e60a325

 @extends('workers.cabinet_layout', ['title' => 'Дополнительные документы - РекаМоре'])
-@section('scripts')
-<script>
-    $(function () {
-        $('.sertificates_js').change(function(){
-            var this_btn = $(this);
-            var wrap = this_btn.closest('.cabinet__inputs-item');
-            var infoblock_id = this_btn.attr('data-info');
-            var val = this_btn.val();
-            $.ajax({
-                type: "GET",
-                url: "{{ route('worker.delete_add_diplom', ['worker' => $worker->id]) }}",
-                data: "&infoblok_id=" + infoblock_id+"&val="+val,
-                success: function (data) {
-                    wrap.find('.form-group__label').append('<span class="success font12 ml-10 green">Сохранено</span>');
-                    setTimeout(function(){
-                        wrap.find('.form-group__label .success').fadeOut(300, function(){
-                            wrap.find('.form-group__label .success').remove();
-                        });
-                    }, 2000);
-                },
-                headers: {
-                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
-                },
-                error: function (data) {
-                    data = JSON.stringify(data);
-                    console.log('Error: ' + data);
-                }
-            });
-        });
-    });
-</script>
-@endsection
 @section('cabinet_content')
-<div class="mb-40" name="ajax_dop_diplomi" id="ajax_dop_diplomi">
+<form action="{{ route('worker.edit_diploms', ['worker' => $worker->id]) }}" class="cabinet__inputs" method="POST">
     @csrf
+    @method('PUT')
+<div class="mb-40" name="ajax_dop_diplomi" id="ajax_dop_diplomi">
     <div class="cabinet__body-item">
         <div class="cabinet__anketa">
             <h2 class="title cabinet__title">Дополнительные документы</h2>
         </div>
     </div>
     <div class="cabinet__body-item">
         <div class="cabinet__inputs">
             @if ($info_blocks->count())
             @foreach ($info_blocks as $info_block)
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">{{ $info_block->name }}:</label>
                 <div class="form-group__item">
                     @php $status = 0; @endphp
                     @if (!empty($worker->dop_info[$info_block->id]) && $worker->dop_info[$info_block->id]['status'])
                         @php $status = $worker->dop_info[$info_block->id]['status']; @endphp
                     @endif
-                    <select data-info="{{ $info_block->id }}" class="js-select2 sertificates_js">
+                    <select name="diploms[{{ $info_block->id }}]" data-info="{{ $info_block->id }}" class="js-select2 sertificates_js">
                     @foreach($additional_document_statuses as $key => $value)
                         <option value="{{ $key }}" @if ($status == $key) selected @endif>{{ $value }}</option>
                     @endforeach
                     </select>
                 </div>
             </div>
             @endforeach
             @endif
             <div class="cabinet__body-item cabinet__inputs-item-full-row">
                 <div class="cabinet__buttons_flex">
-                    <a href="{{ route('worker.cabinet') }}" class="button button_light active">Назад</a>
+                    <button type="submit" class="button mr-10">Сохранить</button>
+                    <a href="{{ route('worker.cabinet') }}" class="button button_light active">Отменить</a>
                 </div>
             </div>
         </div>
     </div>

resources/views/workers/form_basic_information.blade.php

Diff comments View file @ e60a325

 @extends('workers.cabinet_layout', ['title' => 'Основная информация - РекаМоре'])
 @section('cabinet_content')
 @php
     $worker = $user->workers[0]
 @endphp
 <form action="{{ route('worker.cabinet_save', ['worker' => $worker->id]) }}" enctype="multipart/form-data" method="POST">
     @csrf
     @include('messages_error')
     <div class="cabinet__body-item">
         <div class="cabinet__anketa">
             <h2 class="title cabinet__title">Основная информация</h2>
         </div>
     </div>
     <div class="cabinet__body-item">
         <div class="cabinet__inputs">
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Фамилия:</label>
                 <div class="form-group__item">
                     <input type="text" name="surname" id="surmane" class="input" value="{{ $user->surname }}" placeholder="Филиппов" required>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Имя:</label>
                 <div class="form-group__item">
                     <input type="text" name="name_man" id="name_man" class="input" value="{{ $user->name_man }}" placeholder="Егор" required>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Отчество:</label>
                 <div class="form-group__item">
                     <input type="text" class="input" name="surname2" id="surmane2" value="{{ $user->surname2 }}" placeholder="Алексеевич">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Возраст</label>
                 <div class="form-group__item">
                     <input type="number" name="old_year" id="old_year" value="{{ $worker->old_year }}" class="input" placeholder="0" required>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Статус</label>
                 <div class="form-group__item">
                     <div class="select">
                         <select class="js-select2" name="status_work" id="status_work">
                             <option value="1" @if ($worker->status_work == 1) selected @endif>Не указано</option>
                             <option value="2" @if ($worker->status_work == 2) selected @endif>Не ищу работу</option>
                             <option value="0" @if ($worker->status_work == 0) selected @endif>Ищу работу</option>
                         </select>
                     </div>
                 </div>
             </div>
             <div class="cabinet__inputs-item cabinet__inputs-item_max form-group cabinet__inputs-item-full-row">
                 <label class="form-group__label">Желаемые вакансии:</label>
                 <div class="form-group__item">
                     <div class="select">
                         <select class="js-select2" name="job_title_id[]" id="job_title_id[]" multiple="multiple">
                             @if ($job_titles->count())
                                 @foreach($job_titles as $job_title)
                                     <option value="{{ $job_title->id }}" @if (in_array($job_title->id, $worker->job_titles)) selected @endif>{{ $job_title->name }}</option>
                                 @endforeach
                             @endif
                         </select>
                     </div>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Пожелания к З/П:</label>
                 <div class="form-group__item">
                     <input type="text" name="salary_expectations" id="salary_expectations" value="{{ $worker->salary_expectations }}" class="input" placeholder="От 150 000 руб">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Опыт работы</label>
                 <div class="form-group__item">
                     <div class="select">
                         <select class="js-select2" id="experience" name="experience">
                             <option value="Не указано" @if (empty($worker->experience)) selected @endif>Не указано</option>
                             <option value="меньше 1 года" @if ($worker->experience == 'меньше 1 года') selected @endif>меньше 1 года</option>
                             <option value="от 1 года до 3 лет" @if ($worker->experience == 'от 1 года до 3 лет') selected @endif>от 1 года до 3 лет</option>
                             <option value="от 3 до 5 лет" @if ($worker->experience == 'от 3 до 5 лет') selected @endif>от 3 до 5 лет</option>
                             <option value="от 5 до 10 лет" @if ($worker->experience == 'от 5 до 10 лет') selected @endif>от 5 до 10 лет</option>
                             <option value="Больше 10 лет" @if ($worker->experience == 'Больше 10 лет') selected @endif>Больше 10 лет</option>
                         </select>
                     </div>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Уровень английского:</label>
                 <div class="form-group__item">
                     <input type="text" name="english_level" id="english_level" value="{{ $worker->english_level }}" class="input" placeholder="Средний">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Дата готовности к посадке:</label>
                 <div class="form-group__item">
                     <input type="text" name="ready_boart_date" id="ready_boart_date" value="{{ $worker->ready_boart_date }}" class="input" placeholder="С 1 января {{ date('Y')}}">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Предпочтение по типу судна:</label>
                 <div class="form-group__item">
                     <input type="text" name="boart_type_preference" id="boart_type_preference" value="{{ $worker->boart_type_preference }}" class="input" placeholder="Балкер, сухогруз, контейнеровоз">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Наличие визы:</label>
                 <div class="form-group__item">
                     <input type="text" name="visa_available" id="visa_available" value="{{ $worker->visa_available }}" class="input" placeholder="Да">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Наличие танкерных документов:</label>
                 <div class="form-group__item">
                     <input type="text" name="tanker_documents_available" id="tanker_documents_available" value="{{ $worker->tanker_documents_available }}" class="input" placeholder="Нет">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Наличие подтверждения для работы на ВВП:</label>
                 <div class="form-group__item">
                     <input type="text" name="confirmation_work_for_vvp" id="confirmation_work_for_vvp" value="{{ $worker->confirmation_work_for_vvp }}" class="input" placeholder="Нет">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Наличие военного билета / приписного свидетельства:</label>
                 <div class="form-group__item">
                     <input type="text" name="military_id_available" id="military_id_available" value="{{ $worker->military_id_available }}" class="input" placeholder="Нет">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Город проживания:</label>
                 <div class="form-group__item">
                     <input type="text" name="city" id="city" value="{{ $worker->city }}" class="input" placeholder="Челябинск" required>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Телефон:</label>
                 <div class="form-group__item">
                     <input type="tel" name="telephone" id="telephone" value="{{ old('telephone') ?? $worker->telephone ?? '' }}" class="input" placeholder="+7 (___) ___-__-__" required>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">E-mail:</label>
                 <div class="form-group__item">
                     <input type="email" name="email" id="email" value="{{ $worker->email }}" class="input" placeholder="name@rekamore.su" required>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Контакты родственников:</label>
                 <div class="form-group__item">
-                    <input type="tel" name="telephone2" id="telephon2" value="{{ old('telephone2') ?? $worker->telephone2 ?? '' }}" class="input" placeholder="+7 (___) ___-__-__">
+                    <input type="text" name="telephone2" id="telephon2" value="{{ old('telephone2') ?? $worker->telephone2 ?? '' }}" class="input">
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group"></div>
             <div class="cabinet__body-item cabinet__inputs-item-full-row">
                 <h4 class="cabinet__h4">О себе</h4>
                 <textarea class="textarea" name="text" id="text" placeholder="Не указано">{{ $worker->text }}</textarea>
             </div>
             <div class="cabinet__body-item cabinet__inputs-item-full-row">
                 <div class="cabinet__buttons_flex">
                     <button type="submit" class="button">Сохранить</button>
                     <a href="{{ route('worker.cabinet') }}" class="button button_light active">Отменить</a>
-                    <label class="file">
-                                    <span class="file__input">
-                                        <input type="file" name="file" id="file">
-                                        <span class="button button_light">@if (empty($worker->file)) Прикрепить резюме @else Обновить резюме @endif</span>
-                                    </span>
-                    </label>
                 </div>
             </div>
         </div>
     </div>
 </form>
 @endsection

resources/views/workers/sertificate_add.blade.php

Diff comments View file @ e60a325

1	@extends('workers.cabinet_layout', ['title' => 'Добавление стандартного документа - РекаМоре'])	1	@extends('workers.cabinet_layout', ['title' => 'Добавление стандартного документа - РекаМоре'])
2		2
3	@section('cabinet_content')	3	@section('cabinet_content')
4	<h3 class="cabinet__h4 font30">Сертификат / документ</h3>	4	<h3 class="cabinet__h4 font30">Сертификат / документ</h3>
5	<form id="submit_form" name="submit_form" action="{{ route('worker.add_serificate') }}" class="cabinet__inputs" method="GET">	5	<form id="submit_form" name="submit_form" action="{{ route('worker.add_serificate') }}" class="cabinet__inputs" method="GET">
6	@csrf	6	@csrf
7	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">	7	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
8		8
9	<div class="cabinet__body-item width100">	9	<div class="cabinet__body-item width100">
10	<div class="cabinet__inputs">	10	<div class="cabinet__inputs">
11	<div class="cabinet__inputs-item form-group">	11	<div class="cabinet__inputs-item form-group">
12	<label class="form-group__label">Название сертификата:</label>	12	<label class="form-group__label">Название сертификата:</label>
13	<div class="form-group__item">	13	<div class="form-group__item">
14	@error('name')	14	@error('name')
15	<div class="error red">{{ $message }}</div>	15	<div class="error red">{{ $message }}</div>
16	@enderror	16	@enderror
17	<input type="text" name="name" id="name" class="input" value="{{ old('name') ?? 'Начальная подготовка' }}" required>	17	<input type="text" name="name" id="name" class="input" value="{{ old('name') ?? '' }}" required>
18	</div>	18	</div>
19	</div>	19	</div>
20	<div class="cabinet__inputs-item form-group">	20	<div class="cabinet__inputs-item form-group">
21	<label class="form-group__label">Действия сертификата до:</label>	21	<label class="form-group__label">Действия сертификата до:</label>
22	<div class="form-group__item">	22	<div class="form-group__item">
23	@error('end_begin')	23	@error('end_begin')
24	<div class="error red">{{ $message }}</div>	24	<div class="error red">{{ $message }}</div>
25	@enderror	25	@enderror
26	<input type="text" name="end_begin" id="end_begin" class="input" value="{{ old('end_begin') ?? date('d.m.Y', strtotime('+1 year')) }}" required>	26	<input type="text" name="end_begin" id="end_begin" class="input" value="{{ old('end_begin') ?? '' }}" required>
27	</div>	27	</div>
28	</div>	28	</div>
29	</div>	29	</div>
30		30
31	<div class="flex">	31	<div class="flex">
32	<button type="submit" class="button mr-10">Сохранить</button>	32	<button type="submit" class="button mr-10">Сохранить</button>
33	<a href="{{ route('worker.cabinet') }}" class="button button_light">Отменить</a>	33	<a href="{{ route('worker.cabinet') }}" class="button button_light">Отменить</a>
34	</div>	34	</div>
35	</div>	35	</div>
36	</form>	36	</form>
37	@endsection	37	@endsection
38		38

routes/web.php

Diff comments View file @ e60a325

 <?php
 use App\Http\Controllers\Ad_jobsController;
 use App\Http\Controllers\AdEmployerController;
 use App\Http\Controllers\Admin\AdminController;
 use App\Http\Controllers\Admin\CategoryController;
 use App\Http\Controllers\Admin\CategoryEmpController;
 use App\Http\Controllers\Admin\EducationController;
 use App\Http\Controllers\EducationController as EducationFrontController;
 use App\Http\Controllers\Admin\EmployersController;
 use App\Http\Controllers\EmployerController as FrontEmployersController;
 use App\Http\Controllers\Admin\InfoBloksController;
 use App\Http\Controllers\Admin\JobTitlesController;
 use App\Http\Controllers\Admin\UsersController;
 use App\Http\Controllers\Admin\WorkersController;
 use App\Http\Controllers\Auth\ForgotPasswordController;
 use App\Http\Controllers\Auth\LoginController;
 use App\Http\Controllers\Auth\RegisterController;
 use App\Http\Controllers\CKEditorController;
 use App\Http\Controllers\MediaController;
 use App\Http\Controllers\WorkerController;
 use App\Models\Ad_jobs;
 use App\Models\User;
 use App\Http\Controllers\MainController;
 use App\Http\Controllers\HomeController;
 use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\Admin\CompanyController;
 use App\Http\Controllers\Admin\Ad_EmployersController;
 use App\Http\Controllers\Admin\MsgAnswersController;
 use App\Http\Controllers\Admin\GroupsController;
 use App\Http\Controllers\PagesController;
 use Illuminate\Support\Facades\Storage;
 use App\Http\Controllers\EmployerController;
 use App\Http\Controllers\CompanyController as FrontCompanyController;
 /*
 |--------------------------------------------------------------------------
 | Web Routes
 |--------------------------------------------------------------------------
 |
 | Here is where you can register web routes for your application. These
 | routes are loaded by the RouteServiceProvider within a group which
 | contains the "web" middleware group. Now create something great!
 |
 */
 /*
 Route::get('/', function () {
     return view('welcome');
 })->name('index');
 */
 Route::get('/', [MainController::class, 'index'])->name('index');
 //Роуты авторизации, регистрации, восстановления, аутентификации
 Auth::routes(['verify' => true]);
 // роуты регистрации, авторизации, восстановления пароля, верификации почты
 /*Route::group([
     'as' => 'auth.', //имя маршрута, например auth.index
     'prefix' => 'auth', // префикс маршрута, например, auth/index
 ], function () {
     //форма регистрации
     Route::get('register', [RegisterController::class, 'register'])->name('register');
     //создание пользователя
     Route::post('register', [RegisterController::class, 'create'])->name('create');
     //форма входа авторизации
     Route::get('login', [LoginController::class, 'login'])->name('login');
     //аутентификация
     Route::post('login', [LoginController::class, 'authenticate'])->name('auth');
     //выход
     Route::get('logout', [LoginController::class, 'logout'])->name('logout');
     //форма ввода адреса почты
     Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form');
     //письмо на почту
     Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail');
     //форма восстановления пароля
     Route::get('reset-password/token/{token}/email/{email}',
         [ResetPasswordController::class, 'form']
     )->name('reset-form');
     //восстановление пароля
     Route::post('reset-password',
         [ResetPasswordController::class, 'reset']
     )->name('reset-password');
     //сообщение о необходимости проверки адреса почты
     Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message');
     //подтверждение адреса почты нового пользователя
     Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify'])
         ->where('token', '[a-f0-9]{32}')
         ->where('id', '[0-9]+')
         ->name('verify-email');
 });*/
 //Личный кабинет пользователя
 Route::get('/home', [HomeController::class, 'index'])->name('home');
 /*
 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) {
     $user = User::where('email',$request->input('email'))->first();
     $user->sendEmailVerificationNotification();
     return 'your response';
 })->middleware('throttle:6,1')->name('verification.resend');
 */
 // Авторизация, регистрация в админку
 Route::group([
     'as' => 'admin.', // имя маршрута, например auth.index
     'prefix' => 'admin', // префикс маршрута, например auth/index
     'middleware' => ['guest'],
 ], function () {
 // Форма регистрации
     Route::get('register', [AdminController::class, 'register'])->name('register');
 // Создание пользователя
     Route::post('register', [AdminController::class, 'create'])->name('create');
 //Форма входа
     Route::get('login', [AdminController::class, 'login'])->name('login');
 // аутентификация
     Route::post('login', [AdminController::class, 'autenticate'])->name('auth');
 });
 // Личный кабинет админки
 Route::group([
     'as' => 'admin.', // имя маршрута, например auth.index
     'prefix' => 'admin', // префикс маршрута, например auth/index
     'middleware' => ['auth'], ['admin'],
 ], function() {
     // выход
     Route::get('logout', [AdminController::class, 'logout'])->name('logout');
     // кабинет главная страница
     Route::get('cabinet', [AdminController::class, 'index'])->name('index');
     // кабинет профиль админа - форма
     Route::get('profile', [AdminController::class, 'profile'])->name('profile');
     // кабинет профиль админа - сохранение формы
     Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile');
     //кабинет сообщения админа
     //Route::get('messages', [AdminController::class, 'profile'])->name('profile');
     // кабинет профиль - форма пароли
     Route::get('password', [AdminController::class, 'profile_password'])->name('password');
     // кабинет профиль - сохранение формы пароля
     Route::post('password', [AdminController::class, 'profile_password_new'])->name('password');
     // кабинет профиль пользователя - форма
     Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile');
     // кабинет профиль пользователя - сохранение формы
     Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile');
     // кабинет профиль работодатель - форма
     Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile');
     // кабинет профиль работодатель - сохранение формы
     Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile');
     // кабинет удаление профиль работодателя и юзера
     Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer');
     // кабинет профиль работник - форма
     Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add');
     Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store');
     Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit');
     // кабинет профиль работник - сохранение формы
     Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update');
     // Медиа
     Route::get('media', [MediaController::class, 'index'])->name('media');
     Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media');
     // кабинет настройки сайта - форма
     Route::get('config', [AdminController::class, 'config_form'])->name('config');
     // кабинет настройки сайта сохранение формы
     Route::post('config', [AdminController::class, 'store_config'])->name('store_config');
     // кабинет - новости
     Route::get('news-list', [AdminController::class, 'news_admin'])->name('news_admin');
     Route::get('news/add', [AdminController::class, 'new_admin_add'])->name('new_admin_add');
     Route::post('news/add', [AdminController::class, 'new_admin_add_save'])->name('new_admin_save_add');
     Route::get('news/edit/{new}', [AdminController::class, 'new_admin_edit'])->name('new_admin_edit');
     Route::post('news/edit/{new}', [AdminController::class, 'new_admin_update_save'])->name('new_admin_update');
     Route::get('news/delete/{new}', [AdminController::class, 'new_admin_delete'])->name('new_admin_delete');
     // кабинет - пользователи
     Route::get('users', [UsersController::class, 'index'])->name('users');
     Route::get('user-delete/{user}', [UsersController::class, 'user_delete'])->name('user_delete');
     // кабинет - пользователи
     Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users');
     // кабинет - работодатели
     Route::get('employers', [EmployersController::class, 'index'])->name('employers');
     Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer');
     Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add');
     Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save');
     Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot');
     Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit');
     Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete');
     // кабинет - соискатели
     Route::get('workers', [WorkersController::class, 'index'])->name('workers');
     // кабинет - база данных
     Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata');
     Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata');
     Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata');
     Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata');
     Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata');
     Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata');
     Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata');
     // кабинет - вакансии
     Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers');
     Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers');
     Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers');
     Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers');
     Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers');
     Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer');
     // Редактирование должности в вакансии
     Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs');
     Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs');
     // кабинет - категории
     //Route::get('categories', [AdminController::class, 'index'])->name('categories');
     // СRUD-операции над Справочником Категории
     Route::resource('categories', CategoryController::class, ['except' => ['show']]);
     // CRUD-операции над справочником Категории для работодателей
     Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]);
     // CRUD-операции над справочником Образование
     Route::resource('education', EducationController::class, ['except' => ['show']]);
     Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education');
     Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education');
     Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education');
     Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education');
     Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education');
     Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education');
     //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles');
     /*
     * кабинет - CRUD-операции по справочнику должности
      *
      */
     Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]);
     // кабинет - сообщения (чтение чужих)
     Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages');
     // кабинет - просмотр сообщения чужого (чтение)
     Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message');
     // кабинет - сообщения (админские)
     Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages');
     // кабинет - сообщения (админские)
     Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post');
     // кабинет - sql - конструкция запросов
     Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql');
     /*
      * Расписанный подход в описании каждой директорий групп пользователей.
      */
     // кабинет - группы пользователей
     Route::get('groups', [GroupsController::class, 'index'])->name('groups');
     // кабинет - добавление форма группы пользователей
     Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group');
     // кабинет - сохранение формы группы пользователей
     Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store');
     // кабинет - редактирование форма группы пользователей
     Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group');
     // кабинет - сохранение редактированной формы группы пользователей
     Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group');
    // кабинет - удаление группы пользователей
     Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group');
     // кабинет - список админов
     Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin');
     // справочник Позиции
     Route::get('positions', [AdminController::class, 'position'])->name('position');
     Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position');
     Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position');
     Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position');
     Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position');
     Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position');
     /////редактор////// кабинет - редактор сайта////////////////////////
     Route::get('editor-site', function() {
         return view('admin.editor.index');
     })->name('editor-site');
     // кабинет - редактор шапки-футера сайта
     Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks');
     Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block');
     Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store');
     Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block');
     Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block');
     Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block');
     Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block');
     // кабинет - редактор должности на главной
     Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main');
     // кабинет - счетчики на главной
     Route::get('counters-main', [CompanyController::class, 'counters_main'])->name('counters-main');
     Route::post('counters-main/edit/{name}', [CompanyController::class, 'counters_main_update'])->name('counters-main-update');
     // кабинет - редактор работодатели на главной
     Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main');
     // кабинет - редактор seo-сайта
     Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo');
     Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo');
     Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store');
     Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo');
     Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo');
     Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo');
     Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo');
     // кабинет - редактор страниц
     Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages');
     // кабинет - добавление страницы
     Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page');
     // кабинет - сохранение формы страницы
     Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store');
     // кабинет - редактирование форма страницы
     Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page');
     // кабинет - сохранение редактированной формы страницы
     Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page');
     // кабинет - удаление страницы
     Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page');
     // кабинет - реклама сайта
     Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames');
     Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames');
     Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store');
     Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames');
     Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames');
     Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames');
     ////////////////////////////////////////////////////////////////////////
     // кабинет - отзывы о работодателе для модерации
     Route::get('answers', [EmployersController::class, 'answers'])->name('answers');
     // Общая страница статистики
     Route::get('statics', function () {
         return view('admin.static.index');
     })->name('statics');
     // кабинет - статистика работников
     Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers');
     // кабинет - статистика вакансий работодателя
     Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads');
     // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника
     /*
      * CRUD-операции над справочником дипломы и документы
      */
     //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks');
     Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]);
     // кабинет - роли пользователя
     Route::get('roles', [UsersController::class, 'roles'])->name('roles');
     Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles');
     Route::get('logs', function() {
         $files = Storage::files('logs/laravel.log');
     })->name('logs');
 });
 // Инструментальные страницы
 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload');
 Route::get('redis/', [PagesController::class, 'redis'])->name('redis');
 Route::get('excel/', [PagesController::class, 'excel'])->name('excel');
 // Страницы с произвольным контентом
 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page');
 // Форма обратной связи
 Route::post('form_feedback', [PagesController::class, 'form_feedback'])->name('form_feedback');
 // Публичные страницы соискателя
 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page');
 //Страница вакансии
 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
 //Вакансии
 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
 //Вакансии поиск на главной
 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies');
 //Вакансии категория детальная
 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
 // Лайк вакансии
 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy');
 //Детальная страница вакансии - работодателя
 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie');
 //Судоходные компании
 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies');
 //Детальная инфа о компании
 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company');
 //Образование
 Route::get('education', [EducationFrontController::class, 'index'])->name('education');
 Route::get('education/{education}', [EducationFrontController::class, 'show'])->name('show_education')->where('education', '[0-9]+');;
 //Новости
 Route::get('news', [MainController::class, 'news'])->name('news');
 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new');
 //Контакты
 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
 //База резюме
 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume');
 Route::get('bd_resume_danger', function(){
     return view('employers.bd_resume_danger');
 })->name('bd_resume_danger');
 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume');
 //Анкета соискателя
 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile');
 //Скачать резюме
 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download');
 Route::get('resume-download/all', [WorkerController::class, 'resume_download_all'])->name('resume_download_all2');
 Route::get('resume-download', [WorkerController::class, 'resume_download_all'])->name('resume_download_all');
 //Вход в кабинет
 Route::get('login', [MainController::class, 'input_login'])->name('login');
 // Выход из кабинета
 Route::get('logout', [EmployerController::class, 'logout'])->name('logout');
 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker');
 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer');
 //восстановление пароля
 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password');
 // Звезда сообщения
 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer');
 // Борьба
 Route::get('clear_cookie', function() {
     \App\Classes\Cookies_vacancy::clear_vacancy();
     return redirect()->route('index');
 })->name('clear_cookie');
 Route::get('cookies', function() {
     return view('cookies');
 })->name('cookies');
 // Личный кабинет работник
 Route::group([
     'as' => 'worker.', // имя маршрута, например auth.index
     'prefix' => 'worker', // префикс маршрута, например auth/index
     'middleware' => ['auth'], ['is_worker'],
 ], function() {
     // Формы редактирования
     Route::get('cabinet/basic_information', [WorkerController::class, 'basic_information'])->name('basic_information');
     Route::get('cabinet/additional_documents', [WorkerController::class, 'additional_documents'])->name('additional_documents');
     // 1 страница - Моя анкета
     Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet');
     Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save');
     Route::post('cabinet/cabinet_save_foto/{worker}', [WorkerController::class, 'cabinet_save_foto'])->name('cabinet_save_foto');
     // 2 страница - Сообщения
     Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages');
     Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog');
     // 3 страница - Избранные вакансии
     Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite');
     // Продолжение борьбы против колорадов - избранные вакансии
     Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado');
     // 4 страница - Сменить пароль
     Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password');
     Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password');
     // 5 страница - Удалить профиль
     Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile');
     Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result');
     // Резюме -pdf
     Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download');
     // Поднятие анкеты
     Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up');
     Route::post('test123', [WorkerController::class, 'test123'])->name('test123');
     // Добавление сертификата
     Route::get('кабинет/new_sertificate/{worker}', [WorkerController::class, 'new_sertificate'])->name('new_sertificate');
     Route::get('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate');
     Route::get('кабинет/edit_sertificate/{worker}/{doc}', [WorkerController::class, 'edit_sertificate'])->name('edit_sertificate');
     Route::get('кабинет/edit_sertificate/{doc}', [WorkerController::class, 'update_serificate'])->name('update_serificate');
     Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate');
     // Добавление предыдущих контактов компании
     Route::get('кабинет/prev_company/{worker}', [WorkerController::class, 'new_prev_company'])->name('new_prev_company');
     Route::get('кабинет/add_prev_company', [WorkerController::class, 'add_prev_company'])->name('add_prev_company');
     Route::get('кабинет/edit_prev_company/{doc}/{worker}', [WorkerController::class, 'edit_prev_company'])->name('edit_prev_company');
     Route::post('кабинет/update_prev_company/{doc}', [WorkerController::class, 'update_prev_company'])->name('update_prev_company');
     Route::get('кабинет/delete_prev_company/{doc}', [WorkerController::class, 'delete_prev_company'])->name('delete_prev_company');
     // Добавление документа-диплома
     Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom');
     Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save');
+    Route::put('кабинет/edit_diploms/{worker}', [WorkerController::class, 'edit_diploms'])->name('edit_diploms');
     Route::get('кабинет/delete_ad_diplom/{worker}', [WorkerController::class, 'delete_add_diplom'])->name('delete_add_diplom');
     // Добавление стандартного диплома
     Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document');
     Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save');
     Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document');
     Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save');
     Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document');
     // Отправка сообщения работодателю от соискателя
     Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message');
 });
 // Личный кабинет работодателя
 Route::group([
     'as' => 'employer.', // имя маршрута, например auth.index
     'prefix' => 'employer', // префикс маршрута, например auth/index
     'middleware' => ['auth'], !['is_worker'],
 ], function() {
    // 0 страница - Личные данные работодателя
    Route::get('cabinet/employer_info', [EmployerController::class, 'employer_info'])->name('employer_info');
    Route::post('cabinet/employer_info/{user}', [EmployerController::class, 'employer_info_save'])->name('employer_info_save');
    // 1 страница  - Профиль
    Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet');
    Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save');
    Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot');
    Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot');
    Route::get('cabinet/flot_edit/{Flot}/{Employer}', [EmployerController::class, 'edit_flot'])->name('edit_flot');
    Route::post('cabinet/flot_edit/{Flot}', [EmployerController::class, 'update_flot'])->name('update_flot_save');
    Route::get('cabinet/flot', [EmployerController::class, 'slider_flot'])->name('slider_flot');
    // 2 страница - Добавление вакансий
    Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie');
    Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save');
    Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger');
    Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
    // 3 страница - Мои вакансии
    Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list');
    Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
    Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete');
    Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up');
    Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye');
    Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
    Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me');
    // 4.1Ю.
    Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac');
    Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save');
    Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac');
    Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save');
    Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac');
    // 4 страница - Отклики на вакансии
    Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers');
    Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple');
    Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg');
    // 5 страница - Сообщения
     Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages');
     Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog');
     Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message');
     Route::post('test123', [EmployerController::class, 'test123'])->name('test123');
     // 6 страница - Избранный
     Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites');
     //7 страница - База данных
     Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd');
     //8 страница - База резюме
     Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe');
     // 9 рассылка сообщений
     Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages');
     Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post');
     // 10 страница FAQ  вопросы
     Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq');
     // 11 страница - Настройка уведомлений
     Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe');
     Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe');
     // 12 страница - Сменить пароль
     Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset');
     Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password');
     // 13 страница - Удаление профиля
     Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
     Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
     Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
     // Отправил сообщение
     Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');
 });
 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker');