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

Browse Code »

Commit 0647591b90aae2df7f5ce470c0db4042ceb1dc1f

Authored by Андрей Ларионов 2024-07-11 16:26:25 +0300

2 parents bc6ed69a23 92b3de35e9

Exists in master

uncommited files

Showing 5 changed files Inline Diff

app/Http/Controllers/WorkerController.php
public/css/style_may2024.css
resources/views/education/show.blade.php
resources/views/layout/pdf.blade.php
resources/views/worker.blade.php

app/Http/Controllers/WorkerController.php

Diff comments View file @ 0647591

 <?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'));
                 }
             } 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::query()
             ->where('is_remove', '=', 0)
             ->where('is_bd', '=', 1)
             ->orderByDesc('sort')
             ->get()
         ;
         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();
+        $Query = $Query->get();
         view()->share('Query',$Query);
+        $status_work = $this->status_work;
+        $infoblocks = infobloks::query()->get();
-        $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape');
+        $pdf = PDF::loadView('layout.pdf', [
+            'Query' => $Query,
+            'status_work' => $status_work,
+            'infoblocks' => $infoblocks
+        ])->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 @ 0647591

 /*! 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 {
     width: unset;
     padding: 5px 10px;
     margin-right: 10px;
 }
 .cvs__item .cvs__item-buttons .chat{
     width: unset;
     padding: 5px 10px;
     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;
 }
 .cvs__item .cvs__item-buttons{
     display: flex;
     align-items: start;
 }
 .cvs.active .cvs__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .cvs__item-text .cvs__item-text-row{
     display: flex;
     justify-content: space-between;
     width: 100%;
 }
 .cvs__item-text .cvs__item-text-row > div{
     width: 50%;
 }
 .cvs__item-text .cvs__item-text-row b{
     color: #377d87;
     font-size: 18px;
 }
 .cvs__item-text .cvs__item-text-status {
     width: fit-content;
     background-color: #e6e6e6;
     font-weight: bold;
     padding: 5px 10px;
     border-radius: 8px;
     margin-right: 30px;
 }
 .cvs__item-text .cvs__item-text-status.looking-for-job {
     background-color: #eb5757;
     color: #fff;
 }
 .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;
 }
 .accordion-sub .accordion-item .accordion-panel{
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -o-pre-wrap;
 }
+.accordion-sub li:last-child {
+    border-bottom: unset;
+}
 .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;
 }
 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
     display: flex;
 }
 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
     width: 50%;
     padding-right: 20px;
 }
 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
     margin-bottom: 20px;
     width: 100%;
 }
 @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;
   }
 }
 @media (max-width: 768px) {
     .cabinet__inputs .cabinet__inputs_to_columns_wrap{
         display: block;
     }
     .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
         width: 100%;
     }
 }
 .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%;
 }
 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
     display: flex;
     justify-content: space-between;
 }
 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
     width: 30px;
     height: 30px;
     padding: 5px;
 }
 #prev_worker .cabinet__inputs-item-buttons a{
     width: 30px;
     height: 30px;
     padding: 5px;
 }
 #prev_worker .cabinet__inputs-item-buttons{
     width: 100px;
 }
 #prev_worker .cabinet__inputs{
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
 }
 #prev_worker .cabinet__inputs-item-buttons flex{
     justify-content: end;
 }
 #prev_worker .cabinet__body-item{
     border-bottom: 1px #cccccc solid;
     padding-bottom: 25px;
 }
 @media (max-width: 1280px) {
     #prev_worker .cabinet__inputs-item-buttons{
         position: absolute;
         right: 0;
     }
 }
 body .cke_notifications_area{
     opacity: 0;
     display: none !important;
 }

resources/views/education/show.blade.php

Diff comments View file @ 0647591

1	@extends('layout.frontend', ['title' => 'Образование и образовательные программы - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Образование и образовательные программы - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	$(function(){	5	$(function(){
6	$( ".accordion").accordion();	6	$( ".accordion").accordion();
7		7
8	$('ul.accordion-sub li.accordion-item').click(function(){	8	$('ul.accordion-sub li.accordion-item').click(function(){
9	var this_li = $(this);	9	var this_li = $(this);
10	var thumb = this_li.find('.accordion-thumb');	10	var thumb = this_li.find('.accordion-thumb');
11	var parent_ul = this_li.closest('ul');	11	var parent_ul = this_li.closest('ul');
12	var panel = this_li.closest('.accordion-panel');	12	var panel = this_li.closest('.accordion-panel');
13	var added_height = parseInt(panel.data('added-height'));	13	var added_height = parseInt(panel.data('added-height'));
14		14
15	if (isNaN(added_height)){	15	if (isNaN(added_height)){
16	added_height = 0;	16	added_height = 0;
17	}	17	}
18		18
19	parent_ul.find('.accordion-panel').hide(500);	19	parent_ul.find('.accordion-panel').hide(500);
20		20
21	if (thumb.hasClass('ui-state-active')){	21	if (thumb.hasClass('ui-state-active')){
22	thumb.removeClass('ui-state-active');	22	thumb.removeClass('ui-state-active');
23		23
24	var panel_height = panel.height() - parseInt(added_height);	24	var panel_height = panel.height() - parseInt(added_height);
25	panel.animate({height: panel_height + "px"}, {	25	panel.animate({height: panel_height + "px"}, {
26	easing: 'swing',	26	easing: 'swing',
27	duration: 500,	27	duration: 500,
28	complete: function () {	28	complete: function () {
29	panel.css('height', 'auto');	29	panel.css('height', 'auto');
30	}	30	}
31	});	31	});
32	panel.data('added-height', 0);	32	panel.data('added-height', 0);
33	} else {	33	} else {
34	parent_ul.find('.accordion-thumb').removeClass('ui-state-active');	34	parent_ul.find('.accordion-thumb').removeClass('ui-state-active');
35	thumb.addClass('ui-state-active');	35	thumb.addClass('ui-state-active');
36		36
37	var add_height = this_li.find('.accordion-panel').height() + 20;	37	var add_height = this_li.find('.accordion-panel').height() + 20;
38	var panel_height = panel.height() + parseInt(add_height) - parseInt(added_height);	38	var panel_height = panel.height() + parseInt(add_height) - parseInt(added_height);
39	panel.animate({height: panel_height + "px"}, {	39	panel.animate({height: panel_height + "px"}, {
40	easing: 'swing',	40	easing: 'swing',
41	duration: 500,	41	duration: 500,
42	complete: function () {	42	complete: function () {
43	panel.css('height', 'auto');	43	panel.css('height', 'auto');
44	}	44	}
45	});	45	});
46	this_li.find('.accordion-panel').show(500);	46	this_li.find('.accordion-panel').show(500);
47	panel.data('added-height', add_height);	47	panel.data('added-height', add_height);
48	}	48	}
49	});	49	});
50	});	50	});
51	</script>	51	</script>
52	@endsection	52	@endsection
53		53
54	@section('content')	54	@section('content')
55	<section class="thing">	55	<section class="thing">
56	<div class="container">	56	<div class="container">
57	<div class="flex-middle-sm row">	57	<div class="flex-middle-sm row">
58	<div class="col-xs-12 col-sm-12">	58	<div class="col-xs-12 col-sm-12">
59	<div class="candidate-top-wrapper">	59	<div class="candidate-top-wrapper">
60	<div class="candidate-thumbnail">	60	<div class="candidate-thumbnail">
61	@if($education->image)	61	@if($education->image)
62	<img width="150" height="150" src="{{ asset(Storage::url($education->image)) }}" alt="">	62	<img width="150" height="150" src="{{ asset(Storage::url($education->image)) }}" alt="">
63	@endif	63	@endif
64	</div>	64	</div>
65	<div class="candidate-information">	65	<div class="candidate-information">
66	<h1 class="candidate-title">{{$education->name}}</h1>	66	<h1 class="candidate-title">{{$education->name}}</h1>
67	</div>	67	</div>
68	</div>	68	</div>
69	</div>	69	</div>
70	</div>	70	</div>
71	</div>	71	</div>
72	</section>	72	</section>
73		73
74	<main class="main">	74	<main class="main">
75	<div class="container">	75	<div class="container">
76	<div class="content-single-candidate">	76	<div class="content-single-candidate">
77	<div class="list-content-candidate">	77	<div class="list-content-candidate">
78	<div class="education-detail-description">	78	<div class="education-detail-description">
79	<h3 class="title">Об учебном заведении</h3>	79	<h3 class="title">Об учебном заведении</h3>
80	<div class="inner">	80	<div class="inner">
81	{!!$education->text!!}	81	{!!$education->text!!}
82	</div>	82	</div>
83	</div>	83	</div>
84	</div>	84	</div>
85	</div>	85	</div>
86		86
87	@if($levels_education_programs)	87	@if($levels_education_programs)
88	<div class="education-detail-programs">	88	<div class="education-detail-programs">
89	<h3 class="title">Программы обучения</h3>	89	<h3 class="title">Программы обучения</h3>
90		90
91	<ul class="accordion">	91	<ul class="accordion">
92	@foreach($levels_education_programs as $level_name => $education_programs)	92	@foreach($levels_education_programs as $level_name => $education_programs)
93	<li class="accordion-item">	93	<li class="accordion-item">
94	<h3 class="accordion-thumb">{{$level_name}}</h3>	94	<h3 class="accordion-thumb">{{$level_name}}</h3>
95	<div class="accordion-panel">	95	<div class="accordion-panel pb-20">
96	<div>	96	<div>
97	<ul class="accordion-sub">	97	<ul class="accordion-sub">
98	@foreach($education_programs as $education_program)	98	@foreach($education_programs as $education_program)
99	<li class="accordion-item">	99	<li class="accordion-item">
100	<h3 class="accordion-thumb">{{$education_program['name']}}</h3>	100	<h3 class="accordion-thumb">{{$education_program['name']}}</h3>
101	<div class="accordion-panel">{!!$education_program['text']!!}</div>	101	<div class="accordion-panel">{!!$education_program['text']!!}</div>
102	</li>	102	</li>
103	@endforeach	103	@endforeach
104	</ul>	104	</ul>
105	</div>	105	</div>
106	</div>	106	</div>
107	</li>	107	</li>
108	@endforeach	108	@endforeach
109	</ul>	109	</ul>
110	</div>	110	</div>
111	@endif	111	@endif
112		112
113	@if($education->address \|\| $education->telephone \|\| $education->email)	113	@if($education->address \|\| $education->telephone \|\| $education->email)
114	<div class="education-detail-contacts">	114	<div class="education-detail-contacts">
115	<h3 class="title">Контактная информация</h3>	115	<h3 class="title">Контактная информация</h3>
116	<div class="inner">	116	<div class="inner">
117	<div class="contacts address">	117	<div class="contacts address">
118	<div class="icon"><svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.84935 19C6.68849 18.8698 6.49925 18.7582 6.36678 18.6048C4.75349 16.759 3.26794 14.8156 2.03314 12.7002C1.31402 11.4728 0.68479 10.2036 0.296844 8.82738C-0.289805 6.76775 -0.0154048 4.82435 1.19574 3.04832C2.35012 1.36529 3.9776 0.351743 6.0356 0.0727861C8.0463 -0.201521 9.86302 0.300601 11.4337 1.56056C12.8199 2.67173 13.6431 4.11301 13.9223 5.85649C14.1399 7.21408 13.8797 8.50193 13.4018 9.76188C12.7632 11.4542 11.8501 13.0024 10.8376 14.4948C9.86302 15.9315 8.78907 17.2984 7.63943 18.6048C7.50223 18.7582 7.31772 18.8698 7.15686 19C7.05278 19 6.95343 19 6.84935 19ZM6.98181 10.343C8.88843 10.3756 10.4875 8.83203 10.5206 6.92117C10.5538 5.01497 8.99251 3.44351 7.03386 3.41097C5.11305 3.37842 3.51396 4.92198 3.48557 6.84214C3.45245 8.74834 5.0137 10.3058 6.98181 10.343Z" fill="#0E5C69"></path></svg></div>	118	<div class="icon"><svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.84935 19C6.68849 18.8698 6.49925 18.7582 6.36678 18.6048C4.75349 16.759 3.26794 14.8156 2.03314 12.7002C1.31402 11.4728 0.68479 10.2036 0.296844 8.82738C-0.289805 6.76775 -0.0154048 4.82435 1.19574 3.04832C2.35012 1.36529 3.9776 0.351743 6.0356 0.0727861C8.0463 -0.201521 9.86302 0.300601 11.4337 1.56056C12.8199 2.67173 13.6431 4.11301 13.9223 5.85649C14.1399 7.21408 13.8797 8.50193 13.4018 9.76188C12.7632 11.4542 11.8501 13.0024 10.8376 14.4948C9.86302 15.9315 8.78907 17.2984 7.63943 18.6048C7.50223 18.7582 7.31772 18.8698 7.15686 19C7.05278 19 6.95343 19 6.84935 19ZM6.98181 10.343C8.88843 10.3756 10.4875 8.83203 10.5206 6.92117C10.5538 5.01497 8.99251 3.44351 7.03386 3.41097C5.11305 3.37842 3.51396 4.92198 3.48557 6.84214C3.45245 8.74834 5.0137 10.3058 6.98181 10.343Z" fill="#0E5C69"></path></svg></div>
119	<div>{{$education->address}}</div>	119	<div>{{$education->address}}</div>
120	</div>	120	</div>
121	<div class="contacts phone">	121	<div class="contacts phone">
122	<div class="icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.80729 6.05208C3.97396 8.3125 5.6875 10.026 7.94792 11.1927L9.66146 9.47917C9.90451 9.23611 10.1719 9.17535 10.4635 9.29688C11.3385 9.58854 12.2622 9.73438 13.2344 9.73438C13.4531 9.73438 13.6354 9.80729 13.7812 9.95312C13.9271 10.099 14 10.2812 14 10.5V13.2344C14 13.4531 13.9271 13.6354 13.7812 13.7812C13.6354 13.9271 13.4531 14 13.2344 14C9.58854 14 6.46528 12.7118 3.86458 10.1354C1.28819 7.53472 0 4.41146 0 0.765625C0 0.546875 0.0729167 0.364583 0.21875 0.21875C0.364583 0.0729167 0.546875 0 0.765625 0H3.5C3.71875 0 3.90104 0.0729167 4.04688 0.21875C4.19271 0.364583 4.26562 0.546875 4.26562 0.765625C4.26562 1.73785 4.41146 2.66146 4.70312 3.53646C4.80035 3.85243 4.73958 4.11979 4.52083 4.33854L2.80729 6.05208Z" fill="#0E5C69"></path></svg></div>	122	<div class="icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.80729 6.05208C3.97396 8.3125 5.6875 10.026 7.94792 11.1927L9.66146 9.47917C9.90451 9.23611 10.1719 9.17535 10.4635 9.29688C11.3385 9.58854 12.2622 9.73438 13.2344 9.73438C13.4531 9.73438 13.6354 9.80729 13.7812 9.95312C13.9271 10.099 14 10.2812 14 10.5V13.2344C14 13.4531 13.9271 13.6354 13.7812 13.7812C13.6354 13.9271 13.4531 14 13.2344 14C9.58854 14 6.46528 12.7118 3.86458 10.1354C1.28819 7.53472 0 4.41146 0 0.765625C0 0.546875 0.0729167 0.364583 0.21875 0.21875C0.364583 0.0729167 0.546875 0 0.765625 0H3.5C3.71875 0 3.90104 0.0729167 4.04688 0.21875C4.19271 0.364583 4.26562 0.546875 4.26562 0.765625C4.26562 1.73785 4.41146 2.66146 4.70312 3.53646C4.80035 3.85243 4.73958 4.11979 4.52083 4.33854L2.80729 6.05208Z" fill="#0E5C69"></path></svg></div>
123	<div>{{$education->telephone}}</div>	123	<div>{{$education->telephone}}</div>
124	</div>	124	</div>
125	<div class="contacts email">	125	<div class="contacts email">
126	<div class="icon"><svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7451 0H0L7.37253 3.68627L14.7451 0Z" fill="#0E5C69"></path><path d="M4.95911e-05 11.0588L14.7451 11.0588L7.37258 5.52944L4.95911e-05 11.0588Z" fill="#0E5C69"></path><path d="M14.7451 11.0588L14.7451 0L7.37258 5.5294L14.7451 11.0588Z" fill="#0E5C69"></path><path d="M1.31875e-07 3.71933e-05L0 11.0588L7.37253 5.52944L1.31875e-07 3.71933e-05Z" fill="#0E5C69"></path></svg></div>	126	<div class="icon"><svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7451 0H0L7.37253 3.68627L14.7451 0Z" fill="#0E5C69"></path><path d="M4.95911e-05 11.0588L14.7451 11.0588L7.37258 5.52944L4.95911e-05 11.0588Z" fill="#0E5C69"></path><path d="M14.7451 11.0588L14.7451 0L7.37258 5.5294L14.7451 11.0588Z" fill="#0E5C69"></path><path d="M1.31875e-07 3.71933e-05L0 11.0588L7.37253 5.52944L1.31875e-07 3.71933e-05Z" fill="#0E5C69"></path></svg></div>
127	<div>{{$education->email}}</div>	127	<div>{{$education->email}}</div>
128	</div>	128	</div>
129	</div>	129	</div>
130	</div>	130	</div>
131	@endif	131	@endif
132		132
133	</div>	133	</div>
134	</main>	134	</main>
135	@endsection	135	@endsection
136		136

resources/views/layout/pdf.blade.php

Diff comments View file @ 0647591

1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html lang="ru">	2	<html lang="ru">
3		3
		4	@php
		5	$worker = $Query[0];
		6	@endphp
		7
4	<head>	8	<head>
5	<meta charset="utf-8">	9	<meta charset="utf-8">
6	<title>Резюме соискателя</title>	10	<title>Резюме соискателя</title>
7	<meta name="viewport" content="width=device-width,initial-scale=1">	11	<meta name="viewport" content="width=device-width,initial-scale=1">
8	<meta name="theme-color" content="#377D87">	12	<meta name="theme-color" content="#377D87">
9	<!--<link rel="stylesheet" href=" asset('css/style.css') }}">-->
10		13	<style>
11	<style>	14	body {
12	body {	15	font-family:'DejaVu Sans',sans-serif;
13	font-family:'DejaVu Sans',sans-serif;	16	background:#fff;
14	background:#fff;	17	font-size:1.6rem;
15	font-size:1.6rem;	18	font-weight:400;
16	font-weight:400;	19	color:#363A3F;
17	color:#363A3F;	20	}
18	}	21
19		22	.main {
20	.main {	23	padding: 30px 0;
21	padding: 30px 0;	24	}
22	}	25
23		26	.thing {
24	.thing {	27	color: #3a3b3c;
25	color: #3a3b3c;	28	/* background-color: #f2f5fc; */
26	/* background-color: #f2f5fc; */	29	}
27	}	30
28		31	.thing__profile {
29	.thing__profile {	32
30		33	}
31	}	34
32		35	.thing__profile-photo {
33	.thing__profile-photo {	36	width: 200px;
34	width: 200px;	37	border-radius: 8px;
35	border-radius: 8px;	38	float: left;
36	float: left;	39	margin-right: 20px;
37	margin-right: 20px;	40	}
38	}	41
39		42	.thing__profile-body {
40	.thing__profile-body {	43
41		44	}
42	}	45
43		46	.thing__title {
44	.thing__title {	47	width: 100%;
45	width: 100%;	48	font-size: 32px;
46	font-size: 32px;	49	font-weight: 700;
47	font-weight: 700;	50	line-height: 1.1;
48	line-height: 1.1;	51	margin: 0;
49	margin: 0;	52	}
50	}	53
51		54	.thing__text {
52	.thing__text {	55	font-size: 14px;
53	font-size: 14px;	56	line-height: 1.4;
54	line-height: 1.4;	57	margin: 15px 0 0 0;
55	margin: 15px 0 0 0;	58	}
56	}	59
57		60	.main__spoiler {
58	.main__spoiler {	61	margin: 0px 0px 32px 0px;
59	margin: 0px 0px 32px 0px;	62	}
60	}	63
61		64	.main__spoiler-body {
62	.main__spoiler-body {	65
63		66	}
64	}	67
65		68	.main__table {
66	.main__table {	69	border-collapse: collapse;
67	border-collapse: collapse;	70	table-layout: fixed;
68	table-layout: fixed;	71	font-size: 14px;
69	font-size: 14px;	72	width: 100%;
70	width: 100%;	73	background: #ffffff;
71	background: #ffffff;	74	}
72	}	75
73		76	.main__table thead {
74	.main__table thead {	77	color: #ffffff;
75	color: #ffffff;	78	font-size: 16px;
76	font-size: 16px;	79	background-color: #377d87;
77	background-color: #377d87;	80	}
78	}	81
79		82	.main__table th {
80	.main__table th {	83	padding: 8px 16px;
81	padding: 8px 16px;	84	}
82	}	85
83		86	.main__table td {
84	.main__table td {	87	width: 40%;
85	width: 40%;	88	padding: 8px 16px;
86	padding: 8px 16px;	89	border: 1px solid #cecece;
87	border: 1px solid #cecece;	90	}
88	}	91
89		92	.main__table td b {
90	.main__table td b {	93	font-weight: 700;
91	font-weight: 700;	94	}
92	}	95
93		96	.main__table b {
94	.main__table b {	97	display: block;
95	display: block;	98	}
96	}	99
97		100	.main__table a {
98	.main__table a {	101	color: #377d87;
99	color: #377d87;	102	text-decoration: underline;
100	text-decoration: underline;	103	}
101	}	104
102		105	.main__table td + td {
103	.main__table td + td {	106	width: 60%;
104	width: 60%;	107	}
105	}	108
106		109	.main__table_three td {
107	.main__table_three td {	110	width: 25% !important;
108	width: 25% !important;	111	}
109	}	112
110		113	.main__table_three td:last-child {
111	.main__table_three td:last-child {	114	width: 50% !important;
112	width: 50% !important;	115	}
113	}	116
114		117	.main h2 {
115	.main h2 {	118	margin: 0;
116	margin: 0;	119	font-weight: 700;
117	font-weight: 700;	120	font-size: 30px;
118	font-size: 30px;	121	}
119	}	122
120		123	.main p {
121	.main p {	124	margin: 0;
122	margin: 0;	125	font-size: 14px;
123	font-size: 14px;	126	line-height: 1.4;
124	line-height: 1.4;	127	margin: 15px 0 0 0;
125	margin: 15px 0 0 0;	128	}
126	}	129
127		130	.main__resume-profile-info {
128	.main__resume-profile-info {	131	margin: 30px 0px 0px 0px;
129	margin: 30px 0px 0px 0px;	132	}
130	}	133
131		134	.main__resume-profile-info-title {
132	.main__resume-profile-info-title {	135	margin-bottom: 20px !important;
133	margin-bottom: 20px !important;	136	color: #3a3b3c;
134	color: #3a3b3c;	137	}
135	}	138
136		139	.main__resume-profile-info-body-item {
137	.main__resume-profile-info-body-item {	140	margin: 0px 0px 20px 0px;
138	margin: 0px 0px 20px 0px;	141	}
139	}	142
140		143	.main__resume-profile-info-body-subtitle {
141	.main__resume-profile-info-body-subtitle {	144	color: #4d88d9;
142	color: #4d88d9;	145	margin: 0px 0px 10px 0px;
143	margin: 0px 0px 10px 0px;	146	font-weight: 700;
144	font-weight: 700;	147	font-size: 22px;
145	font-size: 22px;	148	}
146	}	149
147		150	.main__resume-profile-info-body-inner {
148	.main__resume-profile-info-body-inner {	151	margin: 0;
149	margin: 0;	152	padding: 0;
150	padding: 0;	153	font-size: 12px;
151	font-size: 12px;	154	}
152	}	155
153		156	.main__resume-profile-info-body-inner li {
154	.main__resume-profile-info-body-inner li {	157	list-style-type: none;
155	list-style-type: none;	158	margin: 0px 0px 20px 0px;
156	margin: 0px 0px 20px 0px;	159	}
157	}	160
158		161	.main__resume-profile-info-body-inner b {
159	.main__resume-profile-info-body-inner b {	162	display: block;
160	display: block;	163	margin: 0px 0px 6px 0px;
161	margin: 0px 0px 6px 0px;	164	color: #377d87;
162	color: #377d87;	165	font-size: 14px;
163	font-size: 14px;	166	}
164	}	167
165		168	.main__resume-profile-info-body-inner span {
166	.main__resume-profile-info-body-inner span {	169	display: block;
167	display: block;	170	}
168	}	171
169		172	.main__resume-profile-info-body-inner a {
170	.main__resume-profile-info-body-inner a {	173	display: block;
171	display: block;	174	text-decoration: none;
172	text-decoration: none;	175	color: inherit;
173	color: inherit;	176	}
174	}	177
175		178	</style>
176	</style>	179	</head>
177	</head>	180
178		181	<body id="body" class="pdf">
179	<body id="body" class="pdf">	182	<section class="thing thing_pdf">
180	<section class="thing thing_pdf">	183	<div class="container">
181	<div class="container">	184	<div class="thing__profile">
182	<div class="thing__profile">	185	@if (!empty($Query[0]['photo']))
183	@if (!empty($Query[0]['photo']))	186	<img src="{{ asset(Storage::url($Query[0]['photo'])) }}" alt="" class="thing__profile-photo">
184	<img src="{{ asset(Storage::url($Query[0]['photo'])) }}" alt="" class="thing__profile-photo">	187	@else
185	@else	188	<img src="{{ asset('images/default_man.jpg') }}" alt="" class="thing__profile-photo">
186	<img src="{{ asset('images/default_man.jpg') }}" alt="" class="thing__profile-photo">	189	@endif
187	@endif	190	<div class="thing__profile-body">
188	<div class="thing__profile-body">	191	<h1 class="thing__title">{{ $Query[0]['users']['surname']." ".$Query[0]['users']['name_man']." ".$Query[0]['users']['surname2'] }}</h1>
189	<h1 class="thing__title">{{ $Query[0]['users']['surname']." ".$Query[0]['users']['name_man']." ".$Query[0]['users']['surname2'] }}</h1>	192	<div style="clear:both;"></div>
190	<div style="clear:both;"></div>	193	<p class="thing__text">{{ $Query[0]['text'] }}</p>
191	<p class="thing__text">{{ $Query[0]['text'] }}</p>	194	</div>
192	</div>	195	</div>
193	</div>	196	@if (!empty($Query[0]['users']['file']))
194	@if (!empty($Query[0]['users']['file']))	197	<a href="{{ asset(Storage::url($Query[0]['users']['file'])) }}">Анкета-файл</a>
195	<a href="{{ asset(Storage::url($Query[0]['users']['file'])) }}">Анкета-файл</a>	198	@endif
196	@endif	199	</div>
197	</div>	200	</section>
198	</section>	201	<main class="main">
199	<main class="main">	202	<div class="container">
200	<div class="container">	203	<div class="main__resume-profile">
201	<div class="main__resume-profile">	204	<div class="main__content">
202	<div class="main__content">	205	<div class="main__spoiler">
203	<div class="main__spoiler">
204	<!-- <button type="button" class="main__spoiler-toper js-toggle active">Основная
205	информация</button> -->	206	<div class="main__spoiler-body">
206	<div class="main__spoiler-body">	207	<table class="main__table">
207	<table class="main__table">	208	<thead>
208	<thead>	209	<tr>
209	<tr>	210	<th colspan="2">Основная информация</th>
210	<th colspan="2">Основная информация</th>	211	</tr>
211	</tr>	212	</thead>
212	</thead>	213	<tbody>
213	<tbody>	214	<tr>
214	<tr>	215	<td><b>Статус:</b></td>
215	<td>Имя:</td>	216	<td>{{ $status_work[$worker->status_work] }}</td>
		217	</tr>
		218	<tr>
		219	<td><b>ФИО:</b></td>
		220	<td>{{ $worker->users->surname." ".$worker->users->name_man." ".$worker->users->surname2 }}</td>
		221	</tr>
		222	<tr>
		223	<td><b>Возраст:</b></td>
		224	<td>{{ $worker->old_year ?? '-' }}</td>
216	<td><b>{{ $Query[0]['users']['name_man'] }}</b></td>	225	</tr>
217	</tr>	226	<tr>
218	<tr>	227	<td><b>Желаемые вакансии:</b></td>
219	<td>Должность:</td>	228	<td>
220	<td>	229	@if ($Query[0]->job_titles->count())
221	@foreach ($Query[0]['job_titles'] as $it)	230	@foreach ($Query[0]->job_titles as $it)
		231	@if ($it->is_remove == 0)
		232	{{ $it->name }} /
		233	@endif
222	<b>{{ $it['name'] }}</b><br>	234	@endforeach
		235	@else
		236	-
		237	@endif
223	@endforeach	238	</td>
224	</td>	239	</tr>
225	</tr>	240	<tr>
226	<tr>	241	<td><b>Пожелания по З/П:</b></td>
227	<td>Телефон:</td>	242	<td>{{ $worker->salary_expectations ?? '-' }}</td>
228	<td><b><a>{{ $Query[0]['telephone'] }}</a></b>
229	<b><a>{{ $Query[0]['telephone2'] }}</a></b>
230	</td>	243	</tr>
231	</tr>	244	<tr>
232	<tr>	245	<td><b>Опыт работы:</b></td>
233	<td>E-mail:</td>	246	<td>{{ $worker->experience ?? '-' }}</td>
234	<td><b><a>{{ $Query[0]['email'] }}</a></b></td>	247	</tr>
235	</tr>	248	<tr>
236	<tr>	249	<td><b>Уровень английского:</b></td>
237	<td>Возраст:</td>	250	<td>{{ $worker->english_level ?? '-' }}</td>
238	<td><b>{{ $Query[0]['old_year'] }}</b></td>	251	</tr>
239	</tr>	252	<tr>
240	<tr>	253	<td><b>Дата готовности к посадке:</b></td>
241	<td>Статус:</td>	254	<td>{{ $worker->ready_boart_date ?? '-' }}</td>
242	<td>	255	</tr>
243	@php $code = $Query[0]['status_work']; @endphp	256	<tr>
		257	<td><b>Предпочтение по типу судна:</b></td>
		258	<td>{{ $worker->boart_type_preference ?? '-' }}</td>
		259	</tr>
		260	<tr>
		261	<td><b>Наличие визы:</b></td>
		262	<td>{{ $worker->visa_available ?? '-' }}</td>
		263	</tr>
		264	<tr>
		265	<td><b>Наличие танкерных документов:</b></td>
		266	<td>{{ $worker->tanker_documents_available ?? '-' }}</td>
		267	</tr>
		268	<tr>
		269	<td><b>Наличие подтверждения для работы на ВВП:</b></td>
		270	<td>{{ $worker->confirmation_work_for_vvp ?? '-' }}</td>
244	<b>@if ($code == 0) Ищу работу @elseif($code == 1) Не указано @else Не ищу работу @endif</b></td>	271	</tr>
245	</tr>	272	<tr>
246	<tr>	273	<td><b>Наличие военного билета / приписного свидетельства:</b></td>
247	<td>Город проживания:</td>	274	<td>{{ $worker->military_id_available ?? '-' }}</td>
248	<td><b>{{ $Query[0]['city'] }}</b></td>	275	</tr>
249	</tr>	276	<tr>
250	<tr>	277	<td><b>Город проживания:</b></td>
251	<td>Уровень английского:</td>	278	<td>{{ $worker->city ?? '-' }}</td>
252	<td><b>{{ $Query[0]['en_is'] }}</b></td>	279	</tr>
253	</tr>	280	<tr>
254	<tr>	281	<td><b>Телефон:</b></td>
255	<td>Опыт работы:</td>	282	<td>{{ $worker->telephone ?? '-' }}</td>
		283	</tr>
		284	<tr>
		285	<td><b>E-mail:</b></td>
		286	<td>{{ $worker->email ?? '-' }}</td>
		287	</tr>
		288	<tr>
		289	<td><b>Контакты родственников:</b></td>
		290	<td>{{ $worker->telephone2 ?? '-' }}</td>
256	<td><b>{{ $Query[0]['old_year'] }}</b></td>	291	</tr>
257	</tr>	292	</tbody>
258	</tbody>	293	</table>
259	</table>	294	</div>
260	</div>	295	</div>
		296
261	</div>	297	<div class="main__spoiler">
262	<div class="main__spoiler">	298	<div class="main__spoiler-body">
263		299	<table class="main__table">
264	<div class="main__spoiler-body">	300	<thead>
265	<table class="main__table">	301	<tr>
266	<thead>	302	<th colspan="2">Сертификаты / документы</th>
267	<tr>	303	</tr>
268	<th colspan="2">Сертификаты / документы</th>	304	</thead>
269	</tr>	305	<tbody>
270	</thead>	306	<tr>
271	<tbody>	307	<td><b>Название сертификата:</b></td>
		308	<td><b>Действителен до:</b></td>
		309	</tr>
		310	@if (isset($Query[0]->sertificate) && $Query[0]->sertificate->count())
		311	@foreach($Query[0]->sertificate as $it)
272	@if (count($Query[0]['sertificate']))	312	<tr>
273	@foreach($Query[0]['sertificate'] as $it)	313	<td>{{ $it->name }}</td>
274	<tr>	314	<td>{{ date('d.m.Y', strtotime($it->end_begin)) }}</td>
275	<td>{{ $it['name']." ".$it['education'] }}</td>	315	</tr>
276	<td><a>{{ date('d.m.Y H:i:s', strtotime($it['date_begin']))."-".date('d.m.Y H:i:s', strtotime($it['end_begin'])) }}</a></td>	316	@endforeach
277	</tr>	317	@else
278	@endforeach	318	<tr>
279	@else	319	<td> - </td>
280	<tr>	320	<td> - </td>
281	<td> - </td>	321	</tr>
282	<td> - </td>	322	@endif
283	</tr>	323	</tbody>
284	@endif	324	</table>
285	</tbody>	325	</div>
286	</table>	326	</div>
		327
287	</div>	328	<div class="main__spoiler">
288	</div>	329	<div class="main__spoiler-body">
289	<div class="main__spoiler">	330	<table class="main__table">
290		331	<thead>
291	<div class="main__spoiler-body">	332	<tr>
292	<table class="main__table main__table_three">	333	<th colspan="2">Дополнительные документы</th>
293	<thead>	334	</tr>
294	<tr>	335	</thead>
295	<th colspan="3">Опыт работы</th>	336	<tbody>
296	</tr>	337	@if ($infoblocks->count())
297	</thead>	338	@foreach ($infoblocks as $info)
		339	@php $finder = false; @endphp
		340	@if (isset($Query[0]->infobloks))
		341	@if ($Query[0]->infobloks->count())
		342
		343	@foreach($Query[0]->infobloks as $it)
		344	@if ($info->id == $it->id)
		345	<tr>
		346	<td><b>{{ $it->name }}</b></td>
		347	<td>
		348	@if ($it->model_dop_info[0]->status == 0) Не указано
		349	@elseif($it->model_dop_info[0]->status==1) В наличии
		350	@else Отсутствует
		351	@endif
		352	</td>
		353	</tr>
		354	@php $finder = true; @endphp
		355	@endif
		356	@endforeach
		357	@endif
		358	@endif
		359	@if (!$finder)
298	<tbody>	360	<tr>
299	@if (count($Query[0]['place_worker']) > 0)	361	<td><b>{{ $info->name }}</b></td>
300	@foreach($Query[0]['place_worker'] as $it)	362	<td>
301	<tr>	363	Не указано
302	<td>{{ $it['begin_work']." - ".$it['end_work'] }}
303	</td>
304	<td><b>{{ $it['name_company'] }}</b>
305	</td>	364	</td>
306	<td><b>{{ $it['job_title'] }}</b>	365	</tr>
		366	@endif
307	Судно: {{ $it['teplohod'] }}	367	@endforeach
308	</td>	368	@endif
309	</tr>	369	</tbody>
310	@endforeach	370	</table>
311	@endif	371	</div>
312	</tbody>	372	</div>
313	</table>
314	</div>
315	</div>
316	</div>
317	<div class="main__resume-profile-about">	373
318	<h2 class="main__resume-profile-about-title">О себе</h2>	374	<div class="main__spoiler">
319	<p class="main__resume-profile-about-text">{{ $Query[0]['text'] }}</p>	375	<div class="main__spoiler-body">
320	</div>	376	<table class="main__table main__table_three">
321	<div class="main__resume-profile-info">	377	<thead>
322	<h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2>	378	<tr>
323	<div class="main__resume-profile-info-body">	379	<th colspan="9">Опыт работы</th>
324	@if ((isset($Query[0]['prev_company'])) && (count($Query[0]['prev_company']) > 0))	380	</tr>
325	@foreach ($Query[0]['prev_company'] as $it)	381	</thead>
326	<div class="main__resume-profile-info-body-item">	382	<tbody>
327	<h3 class="main__resume-profile-info-body-subtitle">{{ $it['name_company'] }}</h3>	383	<tr>
328	<ul class="main__resume-profile-info-body-inner">	384	<td><b>Должность:</b></td>
329	<li>	385	<td><b>Название т/х:</b></td>
330	<b>Руководитель</b>	386	<td><b>Тип судна:</b></td>
331	<span>{{ $it['direct'] }}</span>	387	<td><b>Марка ГД:</b></td>
332	</li>	388	<td><b>Мощность ГД (кВТ):</b></td>
333	<li>	389	<td><b>Водоизмещение (DWT):</b></td>
334	<b>Телефон того, кто может дать рекомендацию</b>	390	<td><b>Название компании:</b></td>
335	<span>	391	<td><b>Начало контракта:</b></td>
336	<a>{{ $it['telephone'] }}</a>	392	<td><b>Окончание контракта:</b></td>
337	<a>{{ $it['telephone2'] }}</a>	393	</tr>
338	</span>	394	@if (count($Query[0]->place_worker) > 0)
339	</li>	395	@foreach($Query[0]->place_worker as $it)
340	</ul>	396	<tr>
341	</div>	397	<td>{{ $it->job_title }}</td>
342	@endforeach	398	<td>{{ $it->teplohod }}</td>
343	@else	399	<td>{{ $it->GWT }}</td>
344	<div class="main__resume-profile-info-body-item">	400	<td>{{ $it->Marka_GD }}</td>
345	<h3 class="main__resume-profile-info-body-subtitle">Не указано</h3>	401	<td>{{ $it->KBT }}</td>
346	<ul class="main__resume-profile-info-body-inner">	402	<td>{{ $it->GRT }}</td>
347	<li>	403	<td>{{ $it->name_company }}</td>
348	<b>Руководитель</b>	404	<td>{{ date('d.m.Y', strtotime($it->begin_work)) }}</td>
349	<span>Нет сведений</span>	405	<td>{{ date('d.m.Y', strtotime($it->end_work)) }}</td>
350	</li>	406	</tr>
351	<li>	407	@endforeach
352	<b>Телефон того, кто может дать рекомендацию</b>	408	@else
353	<span>	409	<td>-</td>
354	<a>Нет сведений</a>	410	<td>-</td>
355	</span>	411	<td>-</td>
356	</li>	412	<td>-</td>
357	</ul>	413	<td>-</td>
		414	<td>-</td>
		415	<td>-</td>
		416	<td>-</td>
		417	<td>-</td>
		418	@endif
		419	</tbody>
		420	</table>
		421	</div>
		422	</div>
		423
		424	<div class="main__spoiler">
		425	<div class="main__spoiler-body">
		426	<table class="main__table main__table_three">
		427	<thead>
		428	<tr>
		429	<th colspan="4">Данные о прошлых компаниях</th>
		430	</tr>
		431	</thead>
		432	<tbody>
		433	<tr>
		434	<td><b>Название компании:</b></td>
		435	<td><b>ФИО сотрудника:</b></td>
		436	<td><b>Должность сотрудника:</b></td>
		437	<td><b>Телефон сотрудника:</b></td>
		438	</tr>
		439	@if ((isset($worker->prev_company)) && ($worker->prev_company->count()))
		440	@foreach ($worker->prev_company as $prev_company)
		441	<tr>
		442	<td>{{ $prev_company->name_company }}</td>
		443	<td>{{ $prev_company->direct }}</td>
		444	<td>{{ $prev_company->telephone }}</td>
		445	<td>{{ $prev_company->telephone2 }}</td>
		446	</tr>
		447	@endforeach
		448	@else
		449	<tr>
		450	<td>-</td>
		451	<td>-</td>
		452	<td>-</td>
		453	<td>-</td>
		454	</tr>

resources/views/worker.blade.php

Diff comments View file @ 0647591

1	@extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	$(function(){	5	$(function(){
6	$('[name="footer-like-button"]').click(function(){	6	$('[name="footer-like-button"]').click(function(){
7	$('[name="header-like-button"]').click();	7	$('[name="header-like-button"]').click();
8	$(this).toggleClass('active');	8	$(this).toggleClass('active');
9	});	9	});
10	$('[name="header-like-button"]').click(function(){	10	$('[name="header-like-button"]').click(function(){
11	$('[name="footer-like-button"]').toggleClass('active');	11	$('[name="footer-like-button"]').toggleClass('active');
12	});	12	});
13	});	13	});
14		14
15	console.log('Test system');	15	console.log('Test system');
16	$(document).on('change', '#jobs', function() {	16	$(document).on('change', '#jobs', function() {
17	var val = $(this).val();	17	var val = $(this).val();
18	var main_oskar = $('#main_ockar');	18	var main_oskar = $('#main_ockar');
19		19
20	console.log('Code='+val);	20	console.log('Code='+val);
21	console.log('Click change...');	21	console.log('Click change...');
22	$.ajax({	22	$.ajax({
23	type: "GET",	23	type: "GET",
24	url: "",	24	url: "",
25	data: "job="+val,	25	data: "job="+val,
26	success: function (data) {	26	success: function (data) {
27	console.log('Выбор сделан!');	27	console.log('Выбор сделан!');
28	console.log(data);	28	console.log(data);
29	main_oskar.html(data);	29	main_oskar.html(data);
30	},	30	},
31	headers: {	31	headers: {
32	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	32	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
33	},	33	},
34	error: function (data) {	34	error: function (data) {
35	data = JSON.stringify(data);	35	data = JSON.stringify(data);
36	console.log('Error: ' + data);	36	console.log('Error: ' + data);
37	}	37	}
38	});	38	});
39	});	39	});
40	</script>	40	</script>
41		41
42	<script>	42	<script>
43	$(document).on('click', '.js_it_button', function() {	43	$(document).on('click', '.js_it_button', function() {
44	var this_ = $(this);	44	var this_ = $(this);
45	var code_user_id = this_.attr('data-uid');	45	var code_user_id = this_.attr('data-uid');
46	var code_to_user_id = this_.attr('data-tuid');	46	var code_to_user_id = this_.attr('data-tuid');
47	var code_vacancy = this_.attr('data-vacancy');	47	var code_vacancy = this_.attr('data-vacancy');
48	var user_id = $('#_user_id');	48	var user_id = $('#_user_id');
49	var to_user_id = $('#_to_user_id');	49	var to_user_id = $('#_to_user_id');
50	var vacancy = $('#_vacancy');	50	var vacancy = $('#_vacancy');
51		51
52	console.log('code_to_user_id='+code_to_user_id);	52	console.log('code_to_user_id='+code_to_user_id);
53	console.log('code_user_id='+code_user_id);	53	console.log('code_user_id='+code_user_id);
54	console.log('code_vacancy='+code_vacancy);	54	console.log('code_vacancy='+code_vacancy);
55	console.log('Клик на кнопке...');	55	console.log('Клик на кнопке...');
56		56
57	user_id.val(code_user_id);	57	user_id.val(code_user_id);
58	to_user_id.val(code_to_user_id);	58	to_user_id.val(code_to_user_id);
59	vacancy.val(code_vacancy);	59	vacancy.val(code_vacancy);
60	});	60	});
61	</script>	61	</script>
62	@include('js.favorite-worker')	62	@include('js.favorite-worker')
63	@endsection	63	@endsection
64		64
65	@section('content')	65	@section('content')
66	@php	66	@php
67	$worker = $Query[0];	67	$worker = $Query[0];
68	@endphp	68	@endphp
69	<section class="thing">	69	<section class="thing">
70	<div class="container">	70	<div class="container">
71	<ul class="breadcrumbs thing__breadcrumbs">	71	<ul class="breadcrumbs thing__breadcrumbs">
72	<li><a href="{{ route('index') }}">Главная</a></li>	72	<li><a href="{{ route('index') }}">Главная</a></li>
73	<li><a href="{{ route('bd_resume') }}">База резюме</a></li>	73	<li><a href="{{ route('bd_resume') }}">База резюме</a></li>
74	<li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li>	74	<li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li>
75	</ul>	75	</ul>
76	<div class="thing__profile">	76	<div class="thing__profile">
77	<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">	77	<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">
78	<div class="thing__profile-body">	78	<div class="thing__profile-body">
79	<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>	79	<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>
80	<p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены	80	<p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены
81	исключительно в разрезе маркетинговых и финансовых предпосылок.</p>	81	исключительно в разрезе маркетинговых и финансовых предпосылок.</p>
82	<div class="main__resume-profile-about-buttons thing__bottom">	82	<div class="main__resume-profile-about-buttons thing__bottom">
83	<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 }}"	83	<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 }}"
84	name="header-like-button"	84	name="header-like-button"
85	>	85	>
86	<svg class="mr-10">	86	<svg class="mr-10">
87	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>	87	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
88	</svg>	88	</svg>
89	<span class="to-favorites">В избранное</span>	89	<span class="to-favorites">В избранное</span>
90	<span class="in-favorites">В избранном</span>	90	<span class="in-favorites">В избранном</span>
91	</button>	91	</button>
92	<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}'>	92	<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}'>
93	<svg>	93	<svg>
94	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>	94	<use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
95	</svg>	95	</svg>
96	Написать	96	Написать
97	</div>	97	</div>
98	<a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">	98	<a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}" target="_blank">
99	Скачать резюме	99	Скачать резюме
100	<svg>	100	<svg>
101	<use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>	101	<use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
102	</svg>	102	</svg>
103	</a>	103	</a>
104	</div>	104	</div>
105	</div>	105	</div>
106	</div>	106	</div>
107	</div>	107	</div>
108	</section>	108	</section>
109	<main class="main">	109	<main class="main">
110	<div class="container">	110	<div class="container">
111	<div class="main__resume-profile">	111	<div class="main__resume-profile">
112	<div class="main__content">	112	<div class="main__content">
113	<div class="main__spoiler">	113	<div class="main__spoiler">
114	<button type="button" class="main__spoiler-toper js-toggle active">	114	<button type="button" class="main__spoiler-toper js-toggle active">
115	Основная информация</button>	115	Основная информация</button>
116		116
117	<div class="main__spoiler-body">	117	<div class="main__spoiler-body">
118	<table class="main__table">	118	<table class="main__table">
119	<tbody>	119	<tbody>
120	<tr>	120	<tr>
121	<td><b>Статус:</b></td>	121	<td><b>Статус:</b></td>
122	<td>{{ $status_work[$worker->status_work] }}</td>	122	<td>{{ $status_work[$worker->status_work] }}</td>
123	</tr>	123	</tr>
124	<tr>	124	<tr>
125	<td><b>ФИО:</b></td>	125	<td><b>ФИО:</b></td>
126	<td>{{ $worker->users->surname." ".$worker->users->name_man." ".$worker->users->surname2 }}</td>	126	<td>{{ $worker->users->surname." ".$worker->users->name_man." ".$worker->users->surname2 }}</td>
127	</tr>	127	</tr>
128	<tr>	128	<tr>
129	<td><b>Возраст:</b></td>	129	<td><b>Возраст:</b></td>
130	<td>{{ $worker->old_year ?? '-' }}</td>	130	<td>{{ $worker->old_year ?? '-' }}</td>
131	</tr>	131	</tr>
132	<tr>	132	<tr>
133	<td><b>Желаемые вакансии:</b></td>	133	<td><b>Желаемые вакансии:</b></td>
134	<td>	134	<td>
135	@if ($Query[0]->job_titles->count())	135	@if ($Query[0]->job_titles->count())
136	@foreach ($Query[0]->job_titles as $it)	136	@foreach ($Query[0]->job_titles as $it)
137	@if ($it->is_remove == 0)	137	@if ($it->is_remove == 0)
138	{{ $it->name }} /	138	{{ $it->name }} /
139	@endif	139	@endif
140	@endforeach	140	@endforeach
141	@else	141	@else
142	-	142	-
143	@endif	143	@endif
144	</td>	144	</td>
145	</tr>	145	</tr>
146	<tr>	146	<tr>
147	<td><b>Пожелания по З/П:</b></td>	147	<td><b>Пожелания по З/П:</b></td>
148	<td>{{ $worker->salary_expectations ?? '-' }}</td>	148	<td>{{ $worker->salary_expectations ?? '-' }}</td>
149	</tr>	149	</tr>
150	<tr>	150	<tr>
151	<td><b>Опыт работы:</b></td>	151	<td><b>Опыт работы:</b></td>
152	<td>{{ $worker->experience ?? '-' }}</td>	152	<td>{{ $worker->experience ?? '-' }}</td>
153	</tr>	153	</tr>
154	<tr>	154	<tr>
155	<td><b>Уровень английского:</b></td>	155	<td><b>Уровень английского:</b></td>
156	<td>{{ $worker->english_level ?? '-' }}</td>	156	<td>{{ $worker->english_level ?? '-' }}</td>
157	</tr>	157	</tr>
158	<tr>	158	<tr>
159	<td><b>Дата готовности к посадке:</b></td>	159	<td><b>Дата готовности к посадке:</b></td>
160	<td>{{ $worker->ready_boart_date ?? '-' }}</td>	160	<td>{{ $worker->ready_boart_date ?? '-' }}</td>
161	</tr>	161	</tr>
162	<tr>	162	<tr>
163	<td><b>Предпочтение по типу судна:</b></td>	163	<td><b>Предпочтение по типу судна:</b></td>
164	<td>{{ $worker->boart_type_preference ?? '-' }}</td>	164	<td>{{ $worker->boart_type_preference ?? '-' }}</td>
165	</tr>	165	</tr>
166	<tr>	166	<tr>
167	<td><b>Наличие визы:</b></td>	167	<td><b>Наличие визы:</b></td>
168	<td>{{ $worker->visa_available ?? '-' }}</td>	168	<td>{{ $worker->visa_available ?? '-' }}</td>
169	</tr>	169	</tr>
170	<tr>	170	<tr>
171	<td><b>Наличие танкерных документов:</b></td>	171	<td><b>Наличие танкерных документов:</b></td>
172	<td>{{ $worker->tanker_documents_available ?? '-' }}</td>	172	<td>{{ $worker->tanker_documents_available ?? '-' }}</td>
173	</tr>	173	</tr>
174	<tr>	174	<tr>
175	<td><b>Наличие подтверждения для работы на ВВП:</b></td>	175	<td><b>Наличие подтверждения для работы на ВВП:</b></td>
176	<td>{{ $worker->confirmation_work_for_vvp ?? '-' }}</td>	176	<td>{{ $worker->confirmation_work_for_vvp ?? '-' }}</td>
177	</tr>	177	</tr>
178	<tr>	178	<tr>
179	<td><b>Наличие военного билета / приписного свидетельства:</b></td>	179	<td><b>Наличие военного билета / приписного свидетельства:</b></td>
180	<td>{{ $worker->military_id_available ?? '-' }}</td>	180	<td>{{ $worker->military_id_available ?? '-' }}</td>
181	</tr>	181	</tr>
182	<tr>	182	<tr>
183	<td><b>Город проживания:</b></td>	183	<td><b>Город проживания:</b></td>
184	<td>{{ $worker->city ?? '-' }}</td>	184	<td>{{ $worker->city ?? '-' }}</td>
185	</tr>	185	</tr>
186	<tr>	186	<tr>
187	<td><b>Телефон:</b></td>	187	<td><b>Телефон:</b></td>
188	<td>{{ $worker->telephone ?? '-' }}</td>	188	<td>{{ $worker->telephone ?? '-' }}</td>
189	</tr>	189	</tr>
190	<tr>	190	<tr>
191	<td><b>E-mail:</b></td>	191	<td><b>E-mail:</b></td>
192	<td>{{ $worker->email ?? '-' }}</td>	192	<td>{{ $worker->email ?? '-' }}</td>
193	</tr>	193	</tr>
194	<tr>	194	<tr>
195	<td><b>Контакты родственников:</b></td>	195	<td><b>Контакты родственников:</b></td>
196	<td>{{ $worker->telephone2 ?? '-' }}</td>	196	<td>{{ $worker->telephone2 ?? '-' }}</td>
197	</tr>	197	</tr>
198	</tbody>	198	</tbody>
199	</table>	199	</table>
200	</div>	200	</div>
201	</div>	201	</div>
202		202
203	<div class="main__spoiler">	203	<div class="main__spoiler">
204	<button type="button" class="main__spoiler-toper js-toggle">Сертификаты / документы</button>	204	<button type="button" class="main__spoiler-toper js-toggle">Сертификаты / документы</button>
205	<div class="main__spoiler-body">	205	<div class="main__spoiler-body">
206		206
207	@if (isset($Query[0]->sertificate))	207	@if (isset($Query[0]->sertificate))
208	@if ($Query[0]->sertificate->count())	208	@if ($Query[0]->sertificate->count())
209	<table class="main__table">	209	<table class="main__table">
210	<tbody>	210	<tbody>
211	<tr>	211	<tr>
212	<td><b>Название сертификата:</b></td>	212	<td><b>Название сертификата:</b></td>
213	<td><b>Действителен до:</b></td>	213	<td><b>Действителен до:</b></td>
214	</tr>	214	</tr>
215	@foreach($Query[0]->sertificate as $it)	215	@foreach($Query[0]->sertificate as $it)
216	<tr>	216	<tr>
217	<td>{{ $it->name }}</td>	217	<td>{{ $it->name }}</td>
218	<td>{{ date('d.m.Y', strtotime($it->end_begin)) }}</td>	218	<td>{{ date('d.m.Y', strtotime($it->end_begin)) }}</td>
219	</tr>	219	</tr>
220	@endforeach	220	@endforeach
221	</tbody>	221	</tbody>
222	</table>	222	</table>
223	@endif	223	@endif
224	@endif	224	@endif
225	</div>	225	</div>
226	</div>	226	</div>
227		227
228	<div class="main__spoiler">	228	<div class="main__spoiler">
229	<button type="button" class="main__spoiler-toper js-toggle">Дополнительные документы</button>	229	<button type="button" class="main__spoiler-toper js-toggle">Дополнительные документы</button>
230	<div class="main__spoiler-body">	230	<div class="main__spoiler-body">
231	@if ($infoblocks->count())	231	@if ($infoblocks->count())
232	<table class="main__table">	232	<table class="main__table">
233	<tbody>	233	<tbody>
234	@foreach ($infoblocks as $info)	234	@foreach ($infoblocks as $info)
235	@php $finder = false; @endphp	235	@php $finder = false; @endphp
236	@if (isset($Query[0]->infobloks))	236	@if (isset($Query[0]->infobloks))
237	@if ($Query[0]->infobloks->count())	237	@if ($Query[0]->infobloks->count())
238		238
239	@foreach($Query[0]->infobloks as $it)	239	@foreach($Query[0]->infobloks as $it)
240	@if ($info->id == $it->id)	240	@if ($info->id == $it->id)
241	<tr>	241	<tr>
242	<td><b>{{ $it->name }}</b></td>	242	<td><b>{{ $it->name }}</b></td>
243	<td>	243	<td>
244	@if ($it->model_dop_info[0]->status == 0) Не указано	244	@if ($it->model_dop_info[0]->status == 0) Не указано
245	@elseif($it->model_dop_info[0]->status==1) В наличии	245	@elseif($it->model_dop_info[0]->status==1) В наличии
246	@else Отсутствует	246	@else Отсутствует
247	@endif	247	@endif
248	</td>	248	</td>
249	</tr>	249	</tr>
250	@php $finder = true; @endphp	250	@php $finder = true; @endphp
251	@endif	251	@endif
252	@endforeach	252	@endforeach
253	@endif	253	@endif
254	@endif	254	@endif
255	@if (!$finder)	255	@if (!$finder)
256	<tr>	256	<tr>
257	<td><b>{{ $info->name }}</b></td>	257	<td><b>{{ $info->name }}</b></td>
258	<td>	258	<td>
259	Не указано	259	Не указано
260	</td>	260	</td>
261	</tr>	261	</tr>
262	@endif	262	@endif
263	@endforeach	263	@endforeach
264	</tbody>	264	</tbody>
265	</table>	265	</table>
266	@endif	266	@endif
267	</div>	267	</div>
268	</div>	268	</div>
269		269
270	<div class="main__spoiler">	270	<div class="main__spoiler">
271	<button type="button" class="main__spoiler-toper js-toggle">Опыт работы</button>	271	<button type="button" class="main__spoiler-toper js-toggle">Опыт работы</button>
272	<div class="main__spoiler-body">	272	<div class="main__spoiler-body">
273		273
274	@if (isset($Query[0]->place_worker))	274	@if (isset($Query[0]->place_worker))
275	@if ($Query[0]->place_worker->count())	275	@if ($Query[0]->place_worker->count())
276	<table class="main__table">	276	<table class="main__table">
277	<tbody>	277	<tbody>
278	<tr>	278	<tr>
279	<td><b>Должность:</b></td>	279	<td><b>Должность:</b></td>
280	<td><b>Название т/х:</b></td>	280	<td><b>Название т/х:</b></td>
281	<td><b>Тип судна:</b></td>	281	<td><b>Тип судна:</b></td>
282	<td><b>Марка ГД:</b></td>	282	<td><b>Марка ГД:</b></td>
283	<td><b>Мощность ГД (кВТ):</b></td>	283	<td><b>Мощность ГД (кВТ):</b></td>
284	<td><b>Водоизмещение (DWT):</b></td>	284	<td><b>Водоизмещение (DWT):</b></td>
285	<td><b>Название компании:</b></td>	285	<td><b>Название компании:</b></td>
286	<td><b>Начало контракта:</b></td>	286	<td><b>Начало контракта:</b></td>
287	<td><b>Окончание контракта:</b></td>	287	<td><b>Окончание контракта:</b></td>
288	</tr>	288	</tr>
289	@foreach($Query[0]->place_worker as $it)	289	@foreach($Query[0]->place_worker as $it)
290	<tr>	290	<tr>
291	<td>{{ $it->job_title }}</td>	291	<td>{{ $it->job_title }}</td>
292	<td>{{ $it->teplohod }}</td>	292	<td>{{ $it->teplohod }}</td>
293	<td>{{ $it->GWT }}</td>	293	<td>{{ $it->GWT }}</td>
294	<td>{{ $it->Marka_GD }}</td>	294	<td>{{ $it->Marka_GD }}</td>
295	<td>{{ $it->KBT }}</td>	295	<td>{{ $it->KBT }}</td>
296	<td>{{ $it->GRT }}</td>	296	<td>{{ $it->GRT }}</td>
297	<td>{{ $it->name_company }}</td>	297	<td>{{ $it->name_company }}</td>
298	<td>{{ date('d.m.Y', strtotime($it->begin_work)) }}</td>	298	<td>{{ date('d.m.Y', strtotime($it->begin_work)) }}</td>
299	<td>{{ date('d.m.Y', strtotime($it->end_work)) }}</td>	299	<td>{{ date('d.m.Y', strtotime($it->end_work)) }}</td>
300	</tr>	300	</tr>
301	@endforeach	301	@endforeach
302	</tbody>	302	</tbody>
303	</table>	303	</table>
304	@endif	304	@endif
305	@endif	305	@endif
306	</div>	306	</div>
307	</div>	307	</div>
308		308
309	<div class="main__spoiler">	309	<div class="main__spoiler">
310	<button type="button" class="main__spoiler-toper js-toggle">Данные о прошлых компаниях</button>	310	<button type="button" class="main__spoiler-toper js-toggle">Данные о прошлых компаниях</button>
311	<div class="main__spoiler-body">	311	<div class="main__spoiler-body">
312	@if ((isset($worker->prev_company)) && ($worker->prev_company->count()))	312	@if ((isset($worker->prev_company)) && ($worker->prev_company->count()))
313	<table class="main__table">	313	<table class="main__table">
314	<tbody>	314	<tbody>
315	<tr>	315	<tr>
316	<td><b>Название компании:</b></td>	316	<td><b>Название компании:</b></td>
317	<td><b>ФИО сотрудника:</b></td>	317	<td><b>ФИО сотрудника:</b></td>
318	<td><b>Должность сотрудника:</b></td>	318	<td><b>Должность сотрудника:</b></td>
319	<td><b>Телефон сотрудника:</b></td>	319	<td><b>Телефон сотрудника:</b></td>
320	</tr>	320	</tr>
321	@foreach ($worker->prev_company as $prev_company)	321	@foreach ($worker->prev_company as $prev_company)
322	<tr>	322	<tr>
323	<td>{{ $prev_company->name_company }}</td>	323	<td>{{ $prev_company->name_company }}</td>
324	<td>{{ $prev_company->direct }}</td>	324	<td>{{ $prev_company->direct }}</td>
325	<td>{{ $prev_company->telephone }}</td>	325	<td>{{ $prev_company->telephone }}</td>
326	<td>{{ $prev_company->telephone2 }}</td>	326	<td>{{ $prev_company->telephone2 }}</td>
327	</tr>	327	</tr>
328	@endforeach	328	@endforeach
329	</tbody>	329	</tbody>
330	</table>	330	</table>
331	@endif	331	@endif
332	</div>	332	</div>
333	</div>	333	</div>
334	</div>	334	</div>
335		335
336	<div class="main__resume-profile-about">	336	<div class="main__resume-profile-about">
337	<h2 class="main__resume-profile-about-title">О себе</h2>	337	<h2 class="main__resume-profile-about-title">О себе</h2>
338	<p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p>	338	<p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p>
339	@if (App\Classes\StatusUser::Status()==0)	339	@if (App\Classes\StatusUser::Status()==0)
340	@if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))	340	@if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
341	<div class="main__resume-profile-about-buttons flex width100">	341	<div class="main__resume-profile-about-buttons flex width100">
342	<button type="button" class="like js-toggle mr-10 js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}"	342	<button type="button" class="like js-toggle mr-10 js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}"
343	name="footer-like-button"	343	name="footer-like-button"
344	>	344	>
345	<svg class="mr-10">	345	<svg class="mr-10">
346	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>	346	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
347	</svg>	347	</svg>
348	<span class="to-favorites">В избранное</span>	348	<span class="to-favorites">В избранное</span>
349	<span class="in-favorites">В избранном</span>	349	<span class="in-favorites">В избранном</span>
350	</button>	350	</button>
351	<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}'>	351	<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}'>
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	Написать	355	Написать
356	</div>	356	</div>
357	<a class="button mr-10" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">	357	<a class="button mr-10" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">
358	<svg>	358	<svg>
359	<use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>	359	<use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
360	</svg>	360	</svg>
361	Скачать резюме	361	Скачать резюме
362	</a>	362	</a>
363	</div>	363	</div>
364	@endif	364	@endif
365	@endif	365	@endif
366	</div>	366	</div>
367		367
368	<div class="main__resume-profile-info">	368	<div class="main__resume-profile-info">
369	<h2 class="main__resume-profile-info-title">Количество просмотров страницы: ({{ $stat[0]->lookin }})</h2>	369	<h2 class="main__resume-profile-info-title">Количество просмотров страницы: ({{ $stat[0]->lookin }})</h2>
370	</div>	370	</div>
371		371
372	<div class="main__resume-profile-info">	372	<div class="main__resume-profile-info">
373	<h2 class="main__resume-profile-info-title">Отзывы о работнике ({{ $Query[0]->response->count() }})</h2>	373	<h2 class="main__resume-profile-info-title">Отзывы о работнике ({{ $Query[0]->response->count() }})</h2>
374	<div class="main__resume-profile-info-body">	374	<div class="main__resume-profile-info-body">
375	@if ((isset($Query[0]->response)) && ($Query[0]->response->count()))	375	@if ((isset($Query[0]->response)) && ($Query[0]->response->count()))
376	<div class="main__resume-profile-info-body-item">	376	<div class="main__resume-profile-info-body-item">
377	<ul class="main__resume-profile-info-body-inner">	377	<ul class="main__resume-profile-info-body-inner">
378	@php $i = 1; @endphp	378	@php $i = 1; @endphp
379	@foreach($Query[0]->response as $it)	379	@foreach($Query[0]->response as $it)
380	<li>	380	<li>
381	<span><h3>Комментарий №{{$i}}</h3></span>	381	<span><h3>Комментарий №{{$i}}</h3></span>
382	<span><b>Оценка человека: {{ $it->stars }}</b></span>	382	<span><b>Оценка человека: {{ $it->stars }}</b></span>
383	<span><b>Сообщение: </b>{{ $it->message }}</span>	383	<span><b>Сообщение: </b>{{ $it->message }}</span>
384	</li>	384	</li>
385	@php $i++; @endphp	385	@php $i++; @endphp
386	@endforeach	386	@endforeach
387	</ul>	387	</ul>
388	</div>	388	</div>
389	@else	389	@else
390	<div class="main__resume-profile-info-body-item">	390	<div class="main__resume-profile-info-body-item">
391	<h3 class="main__resume-profile-info-body-subtitle">Нету комментариев</h3>	391	<h3 class="main__resume-profile-info-body-subtitle">Нету комментариев</h3>
392	</div>	392	</div>
393	@endif	393	@endif
394	</div>	394	</div>
395	</div>	395	</div>
396		396
397	<div class="main__resume-profile-review">	397	<div class="main__resume-profile-review">
398	<form action="{{ route('stars_answer') }}" method="POST">	398	<form action="{{ route('stars_answer') }}" method="POST">
399	@csrf	399	@csrf
400	<h2 class="main__resume-profile-review-title">Оставить отзыв о работнике</h2>	400	<h2 class="main__resume-profile-review-title">Оставить отзыв о работнике</h2>
401	<div class="rate">	401	<div class="rate">
402	<div class="rate__label">Ваша оценка:</div>	402	<div class="rate__label">Ваша оценка:</div>
403	<div class="rate__stars">	403	<div class="rate__stars">
404	<select name="stars" id="stars" class="star-rating js-stars">	404	<select name="stars" id="stars" class="star-rating js-stars">
405	<option value="5">5</option>	405	<option value="5">5</option>
406	<option value="4">4</option>	406	<option value="4">4</option>
407	<option value="3">3</option>	407	<option value="3">3</option>
408	<option value="2">2</option>	408	<option value="2">2</option>
409	<option value="1" selected>1</option>	409	<option value="1" selected>1</option>
410	</select>	410	</select>
411	</div>	411	</div>
412	</div>	412	</div>
413	<input type="hidden" name="worker_id" id="worker_id" value="{{ $Query[0]->id }}"/>	413	<input type="hidden" name="worker_id" id="worker_id" value="{{ $Query[0]->id }}"/>
414	<div class="main__resume-profile-review-body">	414	<div class="main__resume-profile-review-body">
415	<h3>Ваш отзыв</h3>	415	<h3>Ваш отзыв</h3>
416	<textarea class="textarea" name="message" id="message" placeholder="Текст отзыва…" required></textarea>	416	<textarea class="textarea" name="message" id="message" placeholder="Текст отзыва…" required></textarea>
417	<button type="submit" class="button">Оставить отзыв</button>	417	<button type="submit" class="button">Оставить отзыв</button>
418	</div>	418	</div>
419	</form>	419	</form>
420	</div>	420	</div>
421	</div>	421	</div>
422	</div>	422	</div>
423	</main>	423	</main>
424	</div>	424	</div>
425	@endsection	425	@endsection
426		426