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

Browse Code »

Commit 127b2097de55ab574a90115719798728fef6c077

Authored by Сергей П 2024-07-26 17:15:00 +0300

1 parent d721fd846d

Exists in master

правки в личном кабинете работника

Showing 8 changed files with 253 additions and 131 deletions Inline Diff

app/Http/Controllers/WorkerController.php
public/css/style_may2024.css
public/js/func.js
resources/views/info_company_new.blade.php
resources/views/workers/docs.blade.php
resources/views/workers/prev_company_form.blade.php
resources/views/workers/sertificate_add.blade.php
routes/web.php

app/Http/Controllers/WorkerController.php

Diff comments View file @ 127b209

1	<?php	1	<?php
2		2
3	namespace App\Http\Controllers;	3	namespace App\Http\Controllers;
4		4
5	use App\Classes\RusDate;	5	use App\Classes\RusDate;
6	use App\Http\Requests\DocumentsRequest;	6	use App\Http\Requests\DocumentsRequest;
7	use App\Http\Requests\PrevCompanyRequest;	7	use App\Http\Requests\PrevCompanyRequest;
8	use App\Http\Requests\SertificationRequest;	8	use App\Http\Requests\SertificationRequest;
9	use App\Models\Ad_employer;	9	use App\Models\Ad_employer;
10	use App\Models\ad_response;	10	use App\Models\ad_response;
11	use App\Models\Chat;	11	use App\Models\Chat;
12	use App\Models\Dop_info;	12	use App\Models\Dop_info;
13	use App\Models\infobloks;	13	use App\Models\infobloks;
14	use App\Models\Job_title;	14	use App\Models\Job_title;
15	use App\Models\Like_vacancy;	15	use App\Models\Like_vacancy;
16	use App\Models\Message;	16	use App\Models\Message;
17	use App\Models\place_works;	17	use App\Models\place_works;
18	use App\Models\PrevCompany;	18	use App\Models\PrevCompany;
19	use App\Models\ResponseWork;	19	use App\Models\ResponseWork;
20	use App\Models\sertification;	20	use App\Models\sertification;
21	use App\Models\Static_worker;	21	use App\Models\Static_worker;
22	use App\Models\Title_worker;	22	use App\Models\Title_worker;
23	use App\Models\User;	23	use App\Models\User;
24	use App\Models\User as User_Model;	24	use App\Models\User as User_Model;
25	use App\Models\Worker;	25	use App\Models\Worker;
26	use Barryvdh\DomPDF\Facade\Pdf;	26	use Barryvdh\DomPDF\Facade\Pdf;
27	use Carbon\Carbon;	27	use Carbon\Carbon;
28	use Illuminate\Auth\Events\Registered;	28	use Illuminate\Auth\Events\Registered;
29	use Illuminate\Database\Eloquent\Builder;	29	use Illuminate\Database\Eloquent\Builder;
30	use Illuminate\Http\Request;	30	use Illuminate\Http\Request;
31	use Illuminate\Support\Facades\Auth;	31	use Illuminate\Support\Facades\Auth;
32	use Illuminate\Support\Facades\Hash;	32	use Illuminate\Support\Facades\Hash;
33	use Illuminate\Support\Facades\Storage;	33	use Illuminate\Support\Facades\Storage;
34	use Illuminate\Support\Facades\Validator;	34	use Illuminate\Support\Facades\Validator;
35	use PhpOffice\PhpSpreadsheet\Spreadsheet;	35	use PhpOffice\PhpSpreadsheet\Spreadsheet;
36	use PhpOffice\PhpSpreadsheet\Writer\Xlsx;	36	use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
37	use Symfony\Component\HttpFoundation\StreamedResponse;	37	use Symfony\Component\HttpFoundation\StreamedResponse;
38	use App\Enums\DbExportColumns;	38	use App\Enums\DbExportColumns;
39	use App\Enums\WorkerStatuses;	39	use App\Enums\WorkerStatuses;
40	use DateTime;	40	use DateTime;
41		41
42	class WorkerController extends Controller	42	class WorkerController extends Controller
43	{	43	{
44	//профиль	44	//профиль
45	public function profile(Worker $worker)	45	public function profile(Worker $worker)
46	{	46	{
47	$get_date = date('Y.m');	47	$get_date = date('Y.m');
48		48
49	$c = Static_worker::query()->where('year_month', '=', $get_date)	49	$c = Static_worker::query()->where('year_month', '=', $get_date)
50	->where('user_id', '=', $worker->users->id)	50	->where('user_id', '=', $worker->users->id)
51	->get();	51	->get();
52		52
53	if ($c->count() > 0) {	53	if ($c->count() > 0) {
54	$upd = Static_worker::find($c[0]->id);	54	$upd = Static_worker::find($c[0]->id);
55	$upd->lookin = $upd->lookin + 1;	55	$upd->lookin = $upd->lookin + 1;
56	$upd->save();	56	$upd->save();
57	} else {	57	} else {
58	$crt = new Static_worker();	58	$crt = new Static_worker();
59	$crt->lookin = 1;	59	$crt->lookin = 1;
60	$crt->year_month = $get_date;	60	$crt->year_month = $get_date;
61	$crt->user_id = $worker->user_id;	61	$crt->user_id = $worker->user_id;
62	$crt->save();	62	$crt->save();
63	}	63	}
64		64
65	$stat = Static_worker::query()->where('year_month', '=', $get_date)	65	$stat = Static_worker::query()->where('year_month', '=', $get_date)
66	->where('user_id', '=', $worker->users->id)	66	->where('user_id', '=', $worker->users->id)
67	->get();	67	->get();
68		68
69	return view('public.workers.profile', compact('worker', 'stat'));	69	return view('public.workers.profile', compact('worker', 'stat'));
70	}	70	}
71		71
72	// лист база резюме	72	// лист база резюме
73	public function bd_resume(Request $request)	73	public function bd_resume(Request $request)
74	{	74	{
75	$look = false;	75	$look = false;
76	$idiot = 0;	76	$idiot = 0;
77	if (isset(Auth()->user()->id)) {	77	if (isset(Auth()->user()->id)) {
78	$idiot = Auth()->user()->id;	78	$idiot = Auth()->user()->id;
79	if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin))	79	if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin))
80	$look = true;	80	$look = true;
81	}	81	}
82		82
83	if ($look) {	83	if ($look) {
84	$status_work = WorkerStatuses::getWorkerStatuses();	84	$status_work = WorkerStatuses::getWorkerStatuses();
85	$resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at');;	85	$resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at');;
86	$resumes = $resumes->whereHas('users', function (Builder $query) {	86	$resumes = $resumes->whereHas('users', function (Builder $query) {
87	$query->Where('is_worker', '=', '1')	87	$query->Where('is_worker', '=', '1')
88	->Where('is_bd', '=', '0');	88	->Where('is_bd', '=', '0');
89	});	89	});
90		90
91	//dd($request->get('job'));	91	//dd($request->get('job'));
92	if (($request->has('job')) && ($request->get('job') > 0)) {	92	if (($request->has('job')) && ($request->get('job') > 0)) {
93	$resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) {	93	$resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) {
94	$query->Where('job_titles.id', $request->get('job'));	94	$query->Where('job_titles.id', $request->get('job'));
95	});	95	});
96	}	96	}
97		97
98	$Job_title = Job_title::query()->	98	$Job_title = Job_title::query()->
99	where('is_remove', '=', '0')->	99	where('is_remove', '=', '0')->
100	where('is_bd', '=' , '1')->	100	where('is_bd', '=' , '1')->
101	get();	101	get();
102		102
103	if ($request->get('sort')) {	103	if ($request->get('sort')) {
104	$sort = $request->get('sort');	104	$sort = $request->get('sort');
105	switch ($sort) {	105	switch ($sort) {
106	case 'looking_for_work':	106	case 'looking_for_work':
107	$resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value);	107	$resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value);
108	break;	108	break;
109	case 'considering_offers':	109	case 'considering_offers':
110	$resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value);	110	$resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value);
111	break;	111	break;
112	case 'not_looking_for_work':	112	case 'not_looking_for_work':
113	$resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value);	113	$resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value);
114	break;	114	break;
115	}	115	}
116	}	116	}
117		117
118	$res_count = $resumes->count();	118	$res_count = $resumes->count();
119	//$resumes = $resumes->get();	119	//$resumes = $resumes->get();
120	$resumes = $resumes->paginate(4);	120	$resumes = $resumes->paginate(4);
121	if ($request->ajax()) {	121	if ($request->ajax()) {
122	// Условия обставлены	122	// Условия обставлены
123	if ($request->has('block') && ($request->get('block') == 1)) {	123	if ($request->has('block') && ($request->get('block') == 1)) {
124	return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));	124	return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));
125	}	125	}
126	} else {	126	} else {
127	return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title'));	127	return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title'));
128	}	128	}
129	} else {	129	} else {
130	return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);	130	return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);
131	}	131	}
132	}	132	}
133		133
134	public function basic_information(){	134	public function basic_information(){
135	if (!isset(Auth()->user()->id)) {	135	if (!isset(Auth()->user()->id)) {
136	abort(404);	136	abort(404);
137	}	137	}
138		138
139	$user_id = Auth()->user()->id;	139	$user_id = Auth()->user()->id;
140		140
141	$user = User::query()	141	$user = User::query()
142	->with('workers')	142	->with('workers')
143	->with(['jobtitles' => function ($query) {	143	->with(['jobtitles' => function ($query) {
144	$query->select('job_titles.id');	144	$query->select('job_titles.id');
145	}])	145	}])
146	->where('id', '=', $user_id)	146	->where('id', '=', $user_id)
147	->first();	147	->first();
148	$user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray();	148	$user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray();
149		149
150	$job_titles = Job_title::query()	150	$job_titles = Job_title::query()
151	->where('is_remove', '=', 0)	151	->where('is_remove', '=', 0)
152	->where('is_bd', '=', 1)	152	->where('is_bd', '=', 1)
153	->orderByDesc('sort')	153	->orderByDesc('sort')
154	->get()	154	->get()
155	;	155	;
156		156
157	return view('workers.form_basic_information', compact('user', 'job_titles'));	157	return view('workers.form_basic_information', compact('user', 'job_titles'));
158	}	158	}
159		159
160	public function additional_documents(){	160	public function additional_documents(){
161	if (!isset(Auth()->user()->id)) {	161	if (!isset(Auth()->user()->id)) {
162	abort(404);	162	abort(404);
163	}	163	}
164		164
165	$user_id = Auth()->user()->id;	165	$user_id = Auth()->user()->id;
166		166
167	$info_blocks = infobloks::query()->OrderBy('name')->get();	167	$info_blocks = infobloks::query()->OrderBy('name')->get();
168	$additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];	168	$additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
169		169
170	$worker = Worker::query()	170	$worker = Worker::query()
171	->with('users')	171	->with('users')
172	->with('infobloks')	172	->with('infobloks')
173	->WhereHas('users', function (Builder $query) use ($user_id) {	173	->WhereHas('users', function (Builder $query) use ($user_id) {
174	$query->Where('id', $user_id);	174	$query->Where('id', $user_id);
175	})	175	})
176	->first();	176	->first();
177	if ($worker->dop_info->count()){	177	if ($worker->dop_info->count()){
178	$worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();	178	$worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
179	}	179	}
180		180
181	return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses'));	181	return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses'));
182	}	182	}
183		183
184	//Лайк резюме	184	//Лайк резюме
185	public function like_controller() {	185	public function like_controller() {
186		186
187	}	187	}
188		188
189	// анкета соискателя	189	// анкета соискателя
190	public function resume_profile(Worker $worker)	190	public function resume_profile(Worker $worker)
191	{	191	{
192	if (isset(Auth()->user()->id)) {	192	if (isset(Auth()->user()->id)) {
193	$idiot = Auth()->user()->id;	193	$idiot = Auth()->user()->id;
194	} else {	194	} else {
195	$idiot = 0;	195	$idiot = 0;
196	}	196	}
197		197
198	$status_work = WorkerStatuses::getWorkerStatuses();	198	$status_work = WorkerStatuses::getWorkerStatuses();
199	$Query = Worker::query()->with('users')->with('job_titles')	199	$Query = Worker::query()->with('users')->with('job_titles')
200	->with('place_worker')->with('sertificate')->with('prev_company')	200	->with('place_worker')->with('sertificate')->with('prev_company')
201	->with('infobloks')->with('response');	201	->with('infobloks')->with('response');
202	$Query = $Query->where('id', '=', $worker->id);	202	$Query = $Query->where('id', '=', $worker->id);
203	$Query = $Query->get();	203	$Query = $Query->get();
204		204
205	$get_date = date('Y.m');	205	$get_date = date('Y.m');
206		206
207	$infoblocks = infobloks::query()->get();	207	$infoblocks = infobloks::query()->get();
208		208
209	$c = Static_worker::query()->where('year_month', '=', $get_date)	209	$c = Static_worker::query()->where('year_month', '=', $get_date)
210	->where('user_id', '=', $worker->user_id)	210	->where('user_id', '=', $worker->user_id)
211	->get();	211	->get();
212		212
213	if ($c->count() > 0) {	213	if ($c->count() > 0) {
214	$upd = Static_worker::find($c[0]->id);	214	$upd = Static_worker::find($c[0]->id);
215	$upd->lookin = $upd->lookin + 1;	215	$upd->lookin = $upd->lookin + 1;
216	$upd->save();	216	$upd->save();
217	} else {	217	} else {
218	$crt = new Static_worker();	218	$crt = new Static_worker();
219	$crt->lookin = 1;	219	$crt->lookin = 1;
220	$crt->year_month = $get_date;	220	$crt->year_month = $get_date;
221	$crt->user_id = $worker->user_id;	221	$crt->user_id = $worker->user_id;
222	$status = $crt->save();	222	$status = $crt->save();
223	}	223	}
224		224
225	$stat = Static_worker::query()->where('year_month', '=', $get_date)	225	$stat = Static_worker::query()->where('year_month', '=', $get_date)
226	->where('user_id', '=', $worker->user_id)	226	->where('user_id', '=', $worker->user_id)
227	->get();	227	->get();
228		228
229	return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat'));	229	return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat'));
230	}	230	}
231		231
232	// скачать анкету соискателя	232	// скачать анкету соискателя
233	public function resume_download(Worker $worker)	233	public function resume_download(Worker $worker)
234	{	234	{
235	$status_work = WorkerStatuses::getWorkerStatuses();	235	$status_work = WorkerStatuses::getWorkerStatuses();
236	$Query = Worker::query()->with('users')->with('job_titles')	236	$Query = Worker::query()->with('users')->with('job_titles')
237	->with('place_worker')->with('sertificate')->with('prev_company')	237	->with('place_worker')->with('sertificate')->with('prev_company')
238	->with('infobloks');	238	->with('infobloks');
239	$Query = $Query->where('id', '=', $worker->id);	239	$Query = $Query->where('id', '=', $worker->id);
240	$Query = $Query->get();	240	$Query = $Query->get();
241		241
242	view()->share('Query',$Query);	242	view()->share('Query',$Query);
243		243
244	$status_work = WorkerStatuses::getWorkerStatuses();	244	$status_work = WorkerStatuses::getWorkerStatuses();
245	$infoblocks = infobloks::query()->get();	245	$infoblocks = infobloks::query()->get();
246		246
247	//return view('layout.pdf', compact('Query', 'status_work', 'infoblocks'));	247	//return view('layout.pdf', compact('Query', 'status_work', 'infoblocks'));
248	$pdf = PDF::loadView('layout.pdf', [	248	$pdf = PDF::loadView('layout.pdf', [
249	'Query' => $Query,	249	'Query' => $Query,
250	'status_work' => $status_work,	250	'status_work' => $status_work,
251	'infoblocks' => $infoblocks	251	'infoblocks' => $infoblocks
252	])->setPaper('a4', 'landscape');	252	])->setPaper('a4', 'landscape');
253		253
254	return $pdf->stream();	254	return $pdf->stream();
255	}	255	}
256		256
257	public function resume_download_all(Request $request) {	257	public function resume_download_all(Request $request) {
258	$spreadsheet = new Spreadsheet();	258	$spreadsheet = new Spreadsheet();
259	$sheet = $spreadsheet->getActiveSheet();	259	$sheet = $spreadsheet->getActiveSheet();
260		260
261	$columnMap = range('A', 'Z');	261	$columnMap = range('A', 'Z');
262	$columns = [];	262	$columns = [];
263		263
264	foreach (DbExportColumns::toArray() as $key => $value){	264	foreach (DbExportColumns::toArray() as $key => $value){
265	if ($request->input($key, 0)){	265	if ($request->input($key, 0)){
266	$sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value));	266	$sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value));
267	$columns[] = str_replace('__', '.', $key);	267	$columns[] = str_replace('__', '.', $key);
268	}	268	}
269	}	269	}
270		270
271	if (empty($columns)) {	271	if (empty($columns)) {
272	return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.');	272	return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.');
273	}	273	}
274		274
275	$query = User::select($columns)	275	$query = User::select($columns)
276	->leftJoin('workers', 'users.id', '=', 'workers.user_id')	276	->leftJoin('workers', 'users.id', '=', 'workers.user_id')
277	->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id')	277	->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id')
278	->where('users.is_bd', '=', 1)	278	->where('users.is_bd', '=', 1)
279	;	279	;
280		280
281	$job_title_list = $request->input('job_title_list', []);	281	$job_title_list = $request->input('job_title_list', []);
282	if (!empty($job_title_list)){	282	if (!empty($job_title_list)){
283	$query->whereIn('job_titles.id', $job_title_list);	283	$query->whereIn('job_titles.id', $job_title_list);
284	}	284	}
285		285
286	$users = $query->get();	286	$users = $query->get();
287	if ($users->count()){	287	if ($users->count()){
288	$i = 2;	288	$i = 2;
289	foreach ($users->toArray() as $user){	289	foreach ($users->toArray() as $user){
290	$j = 0;	290	$j = 0;
291	foreach ($user as $field){	291	foreach ($user as $field){
292	$sheet->setCellValue("{$columnMap[$j++]}$i", $field);	292	$sheet->setCellValue("{$columnMap[$j++]}$i", $field);
293	}	293	}
294	$i++;	294	$i++;
295	}	295	}
296	}	296	}
297	$writer = new Xlsx($spreadsheet);	297	$writer = new Xlsx($spreadsheet);
298	$fileName = 'DB.xlsx';	298	$fileName = 'DB.xlsx';
299		299
300	$response = new StreamedResponse(function() use ($writer) {	300	$response = new StreamedResponse(function() use ($writer) {
301	$writer->save('php://output');	301	$writer->save('php://output');
302	});	302	});
303		303
304	$response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');	304	$response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
305	$response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"');	305	$response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"');
306	$response->headers->set('Cache-Control', 'max-age=0');	306	$response->headers->set('Cache-Control', 'max-age=0');
307		307
308	return $response;	308	return $response;
309	}	309	}
310		310
311	// Кабинет работника	311	// Кабинет работника
312	public function cabinet(Request $request)	312	public function cabinet(Request $request)
313	{	313	{
314	// дата год и месяц	314	// дата год и месяц
315	$get_date = date('Y.m');	315	$get_date = date('Y.m');
316		316
317	$id = Auth()->user()->id;	317	$id = Auth()->user()->id;
318		318
319	$Infobloks = infobloks::query()->get();	319	$Infobloks = infobloks::query()->get();
320		320
321	$Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->	321	$Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->
322	with('infobloks')->with('place_worker')->	322	with('infobloks')->with('place_worker')->
323	WhereHas('users',	323	WhereHas('users',
324	function (Builder $query) use ($id) {$query->Where('id', $id);	324	function (Builder $query) use ($id) {$query->Where('id', $id);
325	})->get();	325	})->get();
326		326
327	$Job_titles = Job_title::query()->where('is_remove', '=', '0')->	327	$Job_titles = Job_title::query()->where('is_remove', '=', '0')->
328	where('is_bd', '=' , '1')->	328	where('is_bd', '=' , '1')->
329	OrderByDesc('sort')->OrderBy('name')->get();	329	OrderByDesc('sort')->OrderBy('name')->get();
330		330
331		331
332	$stat = Static_worker::query()->where('year_month', '=', $get_date)	332	$stat = Static_worker::query()->where('year_month', '=', $get_date)
333	->where('user_id', '=', $id)	333	->where('user_id', '=', $id)
334	->get();	334	->get();
335		335
336		336
337	// 10%	337	// 10%
338		338
339	$persent = 10;	339	$persent = 10;
340	$persent1 = 0;	340	$persent1 = 0;
341	$persent2 = 0;	341	$persent2 = 0;
342	$persent3 = 0;	342	$persent3 = 0;
343	$persent4 = 0;	343	$persent4 = 0;
344	$persent5 = 0;	344	$persent5 = 0;
345		345
346	if ((!empty($Worker[0]->telephone)) &&	346	if ((!empty($Worker[0]->telephone)) &&
347	(!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&	347	(!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&
348	(!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {	348	(!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {
349	// 40%	349	// 40%
350	$persent = $persent + 40;	350	$persent = $persent + 40;
351	$persent1 = 40;	351	$persent1 = 40;
352	}	352	}
353		353
354	//dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year);	354	//dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year);
355		355
356	if ($Worker[0]->sertificate->count() > 0) {	356	if ($Worker[0]->sertificate->count() > 0) {
357	// 15%	357	// 15%
358	$persent = $persent + 15;	358	$persent = $persent + 15;
359	$persent2 = 15;	359	$persent2 = 15;
360	}	360	}
361		361
362	if ($Worker[0]->infobloks->count() > 0) {	362	if ($Worker[0]->infobloks->count() > 0) {
363	// 20%	363	// 20%
364	$persent = $persent + 20;	364	$persent = $persent + 20;
365	$persent3 = 20;	365	$persent3 = 20;
366	}	366	}
367		367
368	if ($Worker[0]->prev_company->count() > 0) {	368	if ($Worker[0]->prev_company->count() > 0) {
369	// 10%	369	// 10%
370	$persent = $persent + 10;	370	$persent = $persent + 10;
371	$persent4 = 10;	371	$persent4 = 10;
372	}	372	}
373		373
374	if (!empty($Worker[0]->photo)) {	374	if (!empty($Worker[0]->photo)) {
375	// 5%	375	// 5%
376	$persent = $persent + 5;	376	$persent = $persent + 5;
377	$persent5 = 5;	377	$persent5 = 5;
378	}	378	}
379		379
380	$status_work = WorkerStatuses::getWorkerStatuses();	380	$status_work = WorkerStatuses::getWorkerStatuses();
381	$additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];	381	$additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
382	$info_blocks = infobloks::query()->OrderBy('name')->get();	382	$info_blocks = infobloks::query()->OrderBy('name')->get();
383		383
384	$worker = Worker::query()	384	$worker = Worker::query()
385	->with('users')	385	->with('users')
386	->with('sertificate')	386	->with('sertificate')
387	->with('prev_company')	387	->with('prev_company')
388	->with('infobloks')	388	->with('infobloks')
389	->with('place_worker')	389	->with('place_worker')
390	->with('job_titles')	390	->with('job_titles')
391	->WhereHas('users', function (Builder $query) use ($id) {	391	->WhereHas('users', function (Builder $query) use ($id) {
392	$query->Where('id', $id);	392	$query->Where('id', $id);
393	})	393	})
394	->first();	394	->first();
395	if ($worker->dop_info->count()){	395	if ($worker->dop_info->count()){
396	$worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();	396	$worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
397	}	397	}
398		398
399	//dd($worker->dop_info);	399	//dd($worker->dop_info);
400		400
401	if ($request->has('print')) {	401	if ($request->has('print')) {
402	dd($Worker);	402	dd($Worker);
403	} else {	403	} else {
404	return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat',	404	return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat',
405	'worker', 'info_blocks', 'status_work', 'additional_document_statuses'	405	'worker', 'info_blocks', 'status_work', 'additional_document_statuses'
406	));	406	));
407	}	407	}
408	}	408	}
409		409
410	// Сохранение данных	410	// Сохранение данных
411	public function cabinet_save(Worker $worker, Request $request)	411	public function cabinet_save(Worker $worker, Request $request)
412	{	412	{
413	$id = $worker->id;	413	$id = $worker->id;
414	$params = $request->all();	414	$params = $request->all();
415	$job_title_id = $request->get('job_title_id');	415	$job_title_id = $request->get('job_title_id');
416		416
417	$rules = [	417	$rules = [
418	'surname' => ['required', 'string', 'max:255'],	418	'surname' => ['required', 'string', 'max:255'],
419	'name_man' => ['required', 'string', 'max:255'],	419	'name_man' => ['required', 'string', 'max:255'],
420	'email' => ['required', 'string', 'email', 'max:255'],	420	'email' => ['required', 'string', 'email', 'max:255'],
421		421
422	];	422	];
423		423
424	$messages = [	424	$messages = [
425	'required' => 'Укажите обязательное поле',	425	'required' => 'Укажите обязательное поле',
426	'min' => [	426	'min' => [
427	'string' => 'Поле «:attribute» должно быть не меньше :min символов',	427	'string' => 'Поле «:attribute» должно быть не меньше :min символов',
428	'integer' => 'Поле «:attribute» должно быть :min или больше',	428	'integer' => 'Поле «:attribute» должно быть :min или больше',
429	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'	429	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
430	],	430	],
431	'max' => [	431	'max' => [
432	'string' => 'Поле «:attribute» должно быть не больше :max символов',	432	'string' => 'Поле «:attribute» должно быть не больше :max символов',
433	'integer' => 'Поле «:attribute» должно быть :max или меньше',	433	'integer' => 'Поле «:attribute» должно быть :max или меньше',
434	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'	434	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
435	]	435	]
436	];	436	];
437		437
438	$validator = Validator::make($params, $rules, $messages);	438	$validator = Validator::make($params, $rules, $messages);
439		439
440	if ($validator->fails()) {	440	if ($validator->fails()) {
441	return redirect()->route('worker.cabinet')->withErrors($validator);	441	return redirect()->route('worker.cabinet')->withErrors($validator);
442	} else {	442	} else {
443		443
444	if ($request->has('photo')) {	444	if ($request->has('photo')) {
445	if (!empty($worker->photo)) {	445	if (!empty($worker->photo)) {
446	Storage::delete($worker->photo);	446	Storage::delete($worker->photo);
447	}	447	}
448	$params['photo'] = $request->file('photo')->store("worker/$id", 'public');	448	$params['photo'] = $request->file('photo')->store("worker/$id", 'public');
449	}	449	}
450		450
451	if ($request->has('file')) {	451	if ($request->has('file')) {
452	if (!empty($worker->file)) {	452	if (!empty($worker->file)) {
453	Storage::delete($worker->file);	453	Storage::delete($worker->file);
454	}	454	}
455	$params['file'] = $request->file('file')->store("worker/$id", 'public');	455	$params['file'] = $request->file('file')->store("worker/$id", 'public');
456	}	456	}
457		457
458	$worker->update($params);	458	$worker->update($params);
459	$use = User::find($worker->user_id);	459	$use = User::find($worker->user_id);
460	$use->surname = $request->get('surname');	460	$use->surname = $request->get('surname');
461	$use->name_man = $request->get('name_man');	461	$use->name_man = $request->get('name_man');
462	$use->surname2 = $request->get('surname2');	462	$use->surname2 = $request->get('surname2');
463		463
464	$use->save();	464	$use->save();
465	$worker->job_titles()->sync($job_title_id);	465	$worker->job_titles()->sync($job_title_id);
466		466
467	return redirect()->route('worker.basic_information')->with('success', 'Данные были успешно сохранены');	467	return redirect()->route('worker.basic_information')->with('success', 'Данные были успешно сохранены');
468	}	468	}
469	}	469	}
470		470
471	public function cabinet_save_foto(Worker $worker, Request $request){	471	public function cabinet_save_foto(Worker $worker, Request $request){
472	$params = ['photo' => null];	472	$params = ['photo' => null];
473		473
474	if ($request->has('photo')) {	474	if ($request->has('photo')) {
475	if (!empty($worker->photo)) {	475	if (!empty($worker->photo)) {
476	Storage::delete($worker->photo);	476	Storage::delete($worker->photo);
477	}	477	}
478	$params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public');	478	$params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public');
479	}	479	}
480		480
481	if ($request->has('file')) {	481	if ($request->has('file')) {
482	if (!empty($worker->file)) {	482	if (!empty($worker->file)) {
483	Storage::delete($worker->file);	483	Storage::delete($worker->file);
484	}	484	}
485	$params['file'] = $request->file('file')->store("worker/$worker->id", 'public');	485	$params['file'] = $request->file('file')->store("worker/$worker->id", 'public');
486	}	486	}
487		487
488	$worker->update($params);	488	$worker->update($params);
489		489
490	return redirect()->route('worker.cabinet');	490	return redirect()->route('worker.cabinet');
491	}	491	}
492		492
493	// Сообщения данные	493	// Сообщения данные
494	public function messages($type_message)	494	public function messages($type_message)
495	{	495	{
496	$user_id = Auth()->user()->id;	496	$user_id = Auth()->user()->id;
497		497
498	$chats = Chat::get_user_chats($user_id);	498	$chats = Chat::get_user_chats($user_id);
499	$user_type = 'worker';	499	$user_type = 'worker';
500		500
501	return view('workers.messages', compact('chats','user_id', 'user_type'));	501	return view('workers.messages', compact('chats','user_id', 'user_type'));
502	}	502	}
503		503
504	// Избранный	504	// Избранный
505	public function favorite()	505	public function favorite()
506	{	506	{
507	return view('workers.favorite');	507	return view('workers.favorite');
508	}	508	}
509		509
510	// Сменить пароль	510	// Сменить пароль
511	public function new_password()	511	public function new_password()
512	{	512	{
513	$email = Auth()->user()->email;	513	$email = Auth()->user()->email;
514	return view('workers.new_password', compact('email'));	514	return view('workers.new_password', compact('email'));
515	}	515	}
516		516
517	// Обновление пароля	517	// Обновление пароля
518	public function save_new_password(Request $request) {	518	public function save_new_password(Request $request) {
519	$use = Auth()->user();	519	$use = Auth()->user();
520	$request->validate([	520	$request->validate([
521	'password' => 'required\|string',	521	'password' => 'required\|string',
522	'new_password' => 'required\|string',	522	'new_password' => 'required\|string',
523	'new_password2' => 'required\|string'	523	'new_password2' => 'required\|string'
524	]);	524	]);
525		525
526	if ($request->get('new_password') == $request->get('new_password2'))	526	if ($request->get('new_password') == $request->get('new_password2'))
527	if ($request->get('password') !== $request->get('new_password')) {	527	if ($request->get('password') !== $request->get('new_password')) {
528	$credentials = $request->only('email', 'password');	528	$credentials = $request->only('email', 'password');
529	if (Auth::attempt($credentials, $request->has('save_me'))) {	529	if (Auth::attempt($credentials, $request->has('save_me'))) {
530		530
531	if (!is_null($use->email_verified_at)){	531	if (!is_null($use->email_verified_at)){
532		532
533	$user_data = User_Model::find($use->id);	533	$user_data = User_Model::find($use->id);
534	$user_data->update([	534	$user_data->update([
535	'password' => Hash::make($request->get('new_password')),	535	'password' => Hash::make($request->get('new_password')),
536	'pubpassword' => base64_encode($request->get('new_password')),	536	'pubpassword' => base64_encode($request->get('new_password')),
537	]);	537	]);
538	return redirect()	538	return redirect()
539	->route('worker.new_password')	539	->route('worker.new_password')
540	->with('success', 'Поздравляю! Вы обновили свой пароль!');	540	->with('success', 'Поздравляю! Вы обновили свой пароль!');
541	}	541	}
542		542
543	return redirect()	543	return redirect()
544	->route('worker.new_password')	544	->route('worker.new_password')
545	->withError('Данная учетная запись не было верифицированна!');	545	->withError('Данная учетная запись не было верифицированна!');
546	}	546	}
547	}	547	}
548		548
549	return redirect()	549	return redirect()
550	->route('worker.new_password')	550	->route('worker.new_password')
551	->withErrors('Не совпадение данных, обновите пароли!');	551	->withErrors('Не совпадение данных, обновите пароли!');
552	}	552	}
553		553
554	// Удаление профиля форма	554	// Удаление профиля форма
555	public function delete_profile()	555	public function delete_profile()
556	{	556	{
557	$login = Auth()->user()->email;	557	$login = Auth()->user()->email;
558	return view('workers.delete_profile', compact('login'));	558	return view('workers.delete_profile', compact('login'));
559	}	559	}
560		560
561	// Удаление профиля код	561	// Удаление профиля код
562	public function delete_profile_result(Request $request) {	562	public function delete_profile_result(Request $request) {
563	$Answer = $request->all();	563	$Answer = $request->all();
564	$user_id = Auth()->user()->id;	564	$user_id = Auth()->user()->id;
565	$request->validate([	565	$request->validate([
566	'password' => 'required\|string',	566	'password' => 'required\|string',
567	]);	567	]);
568		568
569	$credentials = $request->only('email', 'password');	569	$credentials = $request->only('email', 'password');
570	if (Auth::attempt($credentials)) {	570	if (Auth::attempt($credentials)) {
571	Auth::logout();	571	Auth::logout();
572	$it = User_Model::find($user_id);	572	$it = User_Model::find($user_id);
573	$it->delete();	573	$it->delete();
574	return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');	574	return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
575	} else {	575	} else {
576	return redirect()->route('worker.delete_profile')	576	return redirect()->route('worker.delete_profile')
577	->withErrors( 'Неверный пароль! Нужен корректный пароль');	577	->withErrors( 'Неверный пароль! Нужен корректный пароль');
578	}	578	}
579	}	579	}
580		580
581	// Регистрация соискателя	581	// Регистрация соискателя
582	public function register_worker(Request $request)	582	public function register_worker(Request $request)
583	{	583	{
584	$params = $request->all();	584	$params = $request->all();
585	$params['is_worker'] = 1;	585	$params['is_worker'] = 1;
586		586
587	$rules = [	587	$rules = [
588	'surname' => ['required', 'string', 'max:255'],	588	'surname' => ['required', 'string', 'max:255'],
589	'name_man' => ['required', 'string', 'max:255'],	589	'name_man' => ['required', 'string', 'max:255'],
590	'email' => ['required', 'email', 'max:255', 'unique:users'],	590	'email' => ['required', 'email', 'max:255', 'unique:users'],
591	'password' => ['required', 'string', 'min:6']	591	'password' => ['required', 'string', 'min:6']
592	];	592	];
593		593
594	$messages = [	594	$messages = [
595	'required' => 'Укажите обязательное поле',	595	'required' => 'Укажите обязательное поле',
596	'min' => [	596	'min' => [
597	'string' => 'Поле «:attribute» должно быть не меньше :min символов',	597	'string' => 'Поле «:attribute» должно быть не меньше :min символов',
598	'integer' => 'Поле «:attribute» должно быть :min или больше',	598	'integer' => 'Поле «:attribute» должно быть :min или больше',
599	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'	599	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
600	],	600	],
601	'max' => [	601	'max' => [
602	'string' => 'Поле «:attribute» должно быть не больше :max символов',	602	'string' => 'Поле «:attribute» должно быть не больше :max символов',
603	'integer' => 'Поле «:attribute» должно быть :max или меньше',	603	'integer' => 'Поле «:attribute» должно быть :max или меньше',
604	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'	604	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
605	]	605	]
606	];	606	];
607		607
608	$email = $request->get('email');	608	$email = $request->get('email');
609	if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {	609	if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
610	return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));	610	return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
611	}	611	}
612		612
613	if ($request->get('password') !== $request->get('confirmed')){	613	if ($request->get('password') !== $request->get('confirmed')){
614	return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));	614	return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
615	}	615	}
616		616
617	if (strlen($request->get('password')) < 6) {	617	if (strlen($request->get('password')) < 6) {
618	return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));	618	return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
619	}	619	}
620		620
621	/*$haystack = $request->get('password');	621	/*$haystack = $request->get('password');
622		622
623	$specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');	623	$specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');
624	$alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z',	624	$alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z',
625	'X', 'C', 'V', 'B', 'N', 'M');	625	'X', 'C', 'V', 'B', 'N', 'M');
626	$lenpwd_bool = true;	626	$lenpwd_bool = true;
627	$spec_bool = false;	627	$spec_bool = false;
628	$alpha_bool = false;	628	$alpha_bool = false;
629		629
630	if (strlen($haystack) < 8) $lenpwd_bool = false;	630	if (strlen($haystack) < 8) $lenpwd_bool = false;
631		631
632	foreach ($specsumbol as $it) {	632	foreach ($specsumbol as $it) {
633	if (strpos($haystack, $it) !== false) {	633	if (strpos($haystack, $it) !== false) {
634	$spec_bool = true;	634	$spec_bool = true;
635	}	635	}
636	}	636	}
637		637
638	foreach ($alpha as $it) {	638	foreach ($alpha as $it) {
639	if (strpos($haystack, $it) !== false) {	639	if (strpos($haystack, $it) !== false) {
640	$alpha_bool = true;	640	$alpha_bool = true;
641	}	641	}
642	}	642	}
643		643
644	if ((!$spec_bool) \|\| (!$alpha_bool)) {	644	if ((!$spec_bool) \|\| (!$alpha_bool)) {
645	return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));	645	return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));
646	}*/	646	}*/
647		647
648	if (($request->has('politik')) && ($request->get('politik') == 1)) {	648	if (($request->has('politik')) && ($request->get('politik') == 1)) {
649	$validator = Validator::make($params, $rules, $messages);	649	$validator = Validator::make($params, $rules, $messages);
650		650
651	if ($validator->fails()) {	651	if ($validator->fails()) {
652	return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));	652	return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
653	} else {	653	} else {
654	//dd($params);	654	//dd($params);
655	$user = $this->create($params);	655	$user = $this->create($params);
656	event(new Registered($user));	656	event(new Registered($user));
657	Auth::guard()->login($user);	657	Auth::guard()->login($user);
658	}	658	}
659	if ($user) {	659	if ($user) {
660	return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;	660	return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
661	} else {	661	} else {
662	return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));	662	return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
663	}	663	}
664		664
665	} else {	665	} else {
666	return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));	666	return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
667	}	667	}
668	}	668	}
669		669
670	// Звездная оценка и ответ	670	// Звездная оценка и ответ
671	public function stars_answer(Request $request) {	671	public function stars_answer(Request $request) {
672	$params = $request->all();	672	$params = $request->all();
673	$rules = [	673	$rules = [
674	'message' => ['required', 'string', 'max:255'],	674	'message' => ['required', 'string', 'max:255'],
675	];	675	];
676		676
677	$messages = [	677	$messages = [
678	'required' => 'Укажите обязательное поле',	678	'required' => 'Укажите обязательное поле',
679	'min' => [	679	'min' => [
680	'string' => 'Поле «:attribute» должно быть не меньше :min символов',	680	'string' => 'Поле «:attribute» должно быть не меньше :min символов',
681	'integer' => 'Поле «:attribute» должно быть :min или больше',	681	'integer' => 'Поле «:attribute» должно быть :min или больше',
682	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'	682	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
683	],	683	],
684	'max' => [	684	'max' => [
685	'string' => 'Поле «:attribute» должно быть не больше :max символов',	685	'string' => 'Поле «:attribute» должно быть не больше :max символов',
686	'integer' => 'Поле «:attribute» должно быть :max или меньше',	686	'integer' => 'Поле «:attribute» должно быть :max или меньше',
687	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'	687	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
688	]	688	]
689	];	689	];
690	$response_worker = ResponseWork::create($params);	690	$response_worker = ResponseWork::create($params);
691	return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');	691	return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');
692	}	692	}
693		693
694	public function TestWorker()	694	public function TestWorker()
695	{	695	{
696	$Use = new User();	696	$Use = new User();
697		697
698	$Code_user = $Use->create([	698	$Code_user = $Use->create([
699	'name' => 'surname name_man',	699	'name' => 'surname name_man',
700	'name_man' => 'name_man',	700	'name_man' => 'name_man',
701	'surname' => 'surname',	701	'surname' => 'surname',
702	'surname2' => 'surname2',	702	'surname2' => 'surname2',
703	'subscribe_email' => '1',	703	'subscribe_email' => '1',
704	'email' => 'email@mail.com',	704	'email' => 'email@mail.com',
705	'telephone' => '1234567890',	705	'telephone' => '1234567890',
706	'password' => Hash::make('password'),	706	'password' => Hash::make('password'),
707	'pubpassword' => base64_encode('password'),	707	'pubpassword' => base64_encode('password'),
708	'email_verified_at' => Carbon::now(),	708	'email_verified_at' => Carbon::now(),
709	'is_worker' => 1,	709	'is_worker' => 1,
710	]);	710	]);
711		711
712	if ($Code_user->id > 0) {	712	if ($Code_user->id > 0) {
713	$Worker = new Worker();	713	$Worker = new Worker();
714	$Worker->user_id = $Code_user->id;	714	$Worker->user_id = $Code_user->id;
715	$Worker->position_work = 1; //'job_titles';	715	$Worker->position_work = 1; //'job_titles';
716	$Worker->email = 'email@email.com';	716	$Worker->email = 'email@email.com';
717	$Worker->telephone = '1234567890';	717	$Worker->telephone = '1234567890';
718	$status = $Worker->save();	718	$status = $Worker->save();
719		719
720	$Title_Worker = new Title_worker();	720	$Title_Worker = new Title_worker();
721	$Title_Worker->worker_id = $Worker->id;	721	$Title_Worker->worker_id = $Worker->id;
722	$Title_Worker->job_title_id = 1;	722	$Title_Worker->job_title_id = 1;
723	$Title_Worker->save();	723	$Title_Worker->save();
724	}	724	}
725	}	725	}
726		726
727	// Создание пользователя	727	// Создание пользователя
728	protected function create(array $data)	728	protected function create(array $data)
729	{	729	{
730	$Use = new User();	730	$Use = new User();
731		731
732	$Code_user = $Use->create([	732	$Code_user = $Use->create([
733	'name' => $data['surname']." ".$data['name_man'],	733	'name' => $data['surname']." ".$data['name_man'],
734	'name_man' => $data['name_man'],	734	'name_man' => $data['name_man'],
735	'surname' => $data['surname'],	735	'surname' => $data['surname'],
736	'surname2' => $data['surname2'],	736	'surname2' => $data['surname2'],
737	'subscribe_email' => $data['email'],	737	'subscribe_email' => $data['email'],
738	'email' => $data['email'],	738	'email' => $data['email'],
739	'telephone' => $data['telephone'],	739	'telephone' => $data['telephone'],
740	'password' => Hash::make($data['password']),	740	'password' => Hash::make($data['password']),
741	'pubpassword' => base64_encode($data['password']),	741	'pubpassword' => base64_encode($data['password']),
742	'email_verified_at' => Carbon::now(),	742	'email_verified_at' => Carbon::now(),
743	'is_worker' => $data['is_worker'],	743	'is_worker' => $data['is_worker'],
744	]);	744	]);
745		745
746	if ($Code_user->id > 0) {	746	if ($Code_user->id > 0) {
747	$Worker = new Worker();	747	$Worker = new Worker();
748	$Worker->user_id = $Code_user->id;	748	$Worker->user_id = $Code_user->id;
749	$Worker->position_work = $data['job_titles'];	749	$Worker->position_work = $data['job_titles'];
750	$Worker->email = $data['email'];	750	$Worker->email = $data['email'];
751	$Worker->telephone = $data['telephone'];	751	$Worker->telephone = $data['telephone'];
752	$Worker->save();	752	$Worker->save();
753		753
754	if (isset($Worker->id)) {	754	if (isset($Worker->id)) {
755	$Title_Worker = new Title_worker();	755	$Title_Worker = new Title_worker();
756	$Title_Worker->worker_id = $Worker->id;	756	$Title_Worker->worker_id = $Worker->id;
757	$Title_Worker->job_title_id = $data['job_titles'];	757	$Title_Worker->job_title_id = $data['job_titles'];
758	$Title_Worker->save();	758	$Title_Worker->save();
759	}	759	}
760		760
761	return $Code_user;	761	return $Code_user;
762	}	762	}
763	}	763	}
764		764
765	// Вакансии избранные	765	// Вакансии избранные
766	public function colorado(Request $request) {	766	public function colorado(Request $request) {
767	$IP_address = RusDate::ip_addr_client();	767	$IP_address = RusDate::ip_addr_client();
768	$Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();	768	$Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
769		769
770	if ($Arr->count()) {	770	if ($Arr->count()) {
771	$A = Array();	771	$A = Array();
772	foreach ($Arr as $it) {	772	foreach ($Arr as $it) {
773	$A[] = $it->code_record;	773	$A[] = $it->code_record;
774	}	774	}
775		775
776	$Query = Ad_employer::query()->whereIn('id', $A);	776	$Query = Ad_employer::query()->whereIn('id', $A);
777	} else {	777	} else {
778	$Query = Ad_employer::query()->where('id', '=', '0');	778	$Query = Ad_employer::query()->where('id', '=', '0');
779	}	779	}
780		780
781	$Query = $Query->with('jobs')->	781	$Query = $Query->with('jobs')->
782	with('cat')->	782	with('cat')->
783	with('employer')->	783	with('employer')->
784	whereHas('jobs_code', function ($query) use ($request) {	784	whereHas('jobs_code', function ($query) use ($request) {
785	if ($request->ajax()) {	785	if ($request->ajax()) {
786	if (null !== ($request->get('job'))) {	786	if (null !== ($request->get('job'))) {
787	$query->where('job_title_id', $request->get('job'));	787	$query->where('job_title_id', $request->get('job'));
788	}	788	}
789	}	789	}
790	})->select('ad_employers.*');	790	})->select('ad_employers.*');
791		791
792	$Job_title = Job_title::query()->OrderBy('name')->get();	792	$Job_title = Job_title::query()->OrderBy('name')->get();
793		793
794	$Query_count = $Query->count();	794	$Query_count = $Query->count();
795		795
796	$Query = $Query->OrderBy('updated_at')->paginate(3);	796	$Query = $Query->OrderBy('updated_at')->paginate(3);
797		797
798		798
799	return view('workers.favorite', compact('Query',	799	return view('workers.favorite', compact('Query',
800	'Query_count',	800	'Query_count',
801	'Job_title'));	801	'Job_title'));
802		802
803	}	803	}
804		804
805	//Переписка	805	//Переписка
806	public function dialog(User_Model $user1, User_Model $user2, Request $request) {	806	public function dialog(User_Model $user1, User_Model $user2, Request $request) {
807	// Получение параметров.	807	// Получение параметров.
808	if ($request->has('ad_employer')){	808	if ($request->has('ad_employer')){
809	$ad_employer = $request->get('ad_employer');	809	$ad_employer = $request->get('ad_employer');
810	} else {	810	} else {
811	$ad_employer = 0;	811	$ad_employer = 0;
812	}	812	}
813		813
814	if (isset($user1->id)) {	814	if (isset($user1->id)) {
815	$sender = User_Model::query()->with('workers')->	815	$sender = User_Model::query()->with('workers')->
816	with('employers')->	816	with('employers')->
817	where('id', $user1->id)->first();	817	where('id', $user1->id)->first();
818	}	818	}
819		819
820	if (isset($user2->id)) {	820	if (isset($user2->id)) {
821	$companion = User_Model::query()->with('workers')->	821	$companion = User_Model::query()->with('workers')->
822	with('employers')->	822	with('employers')->
823	where('id', $user2->id)->first();	823	where('id', $user2->id)->first();
824	}	824	}
825		825
826	$Messages = Message::query()->	826	$Messages = Message::query()->
827	where(function($query) use ($user1, $user2) {	827	where(function($query) use ($user1, $user2) {
828	$query->where('user_id', $user1->id)->where('to_user_id', $user2->id);	828	$query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
829	})->orWhere(function($query) use ($user1, $user2) {	829	})->orWhere(function($query) use ($user1, $user2) {
830	$query->where('user_id', $user2->id)->where('to_user_id', $user1->id);	830	$query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
831	})->OrderBy('created_at')	831	})->OrderBy('created_at')
832	->get()	832	->get()
833	;	833	;
834		834
835	return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));	835	return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
836	}	836	}
837		837
838	// Даунылоады	838	// Даунылоады
839	public function download(Worker $worker) {	839	public function download(Worker $worker) {
840	$arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];	840	$arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
841	view()->share('house',$arr_house);	841	view()->share('house',$arr_house);
842	$pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');	842	$pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
843	return $pdf->stream();	843	return $pdf->stream();
844	}	844	}
845		845
846	// Поднятие анкеты	846	// Поднятие анкеты
847	public function up(Worker $worker) {	847	public function up(Worker $worker) {
848	$worker->updated_at = Carbon::now();	848	$worker->updated_at = Carbon::now();
849	$worker->save();	849	$worker->save();
850	// 0	850	// 0
851	return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');	851	return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
852	}	852	}
853		853
854	// Форма сертификате	854	// Форма сертификате
855	public function new_sertificate(Worker $worker) {	855	public function new_sertificate(Worker $worker) {
856	return view('workers.sertificate_add', compact('worker'));	856	return view('workers.sertificate_add', compact('worker'));
857	}	857	}
858		858
859	// Добавление сертификата	859	// Добавление сертификата
860	public function add_serificate(SertificationRequest $request) {	860	public function add_serificate(SertificationRequest $request) {
861	$request->validate([	861	$request->validate([
862	'name' => 'required\|string\|max:255',	862	'name' => 'required\|string\|max:255',
863	'end_begin' => 'required\|date\|date_format:d.m.Y'	863	'end_begin' => 'required\|date\|date_format:d.m.Y'
864	],	864	],
865	[	865	[
866	'name' => 'Навание сертификата обязательно для заполнения.',	866	'name' => 'Навание сертификата обязательно для заполнения.',
867	'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'	867	'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
868	]);	868	]);
869		869
870	$params = $request->all();	870	$params = $request->all();
871		871
872	$end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);	872	$end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);
873	$params['end_begin'] = $end_begin->format('Y-m-d');	873	$params['end_begin'] = $end_begin->format('Y-m-d');
874		874
875	$Sertificate = new sertification();	875	$Sertificate = new sertification();
876	$Sertificate->create($params);	876	$Sertificate->create($params);
877		877
878	return response()->json([	878	return response()->json([
879	'success' => true	879	'success' => true
880	]);	880	]);
881	}	881	}
882		882
883	// Удалить сертификат	883	// Удалить сертификат
884	public function delete_sertificate(sertification $doc) {	884	public function delete_sertificate(sertification $doc) {
885	$doc->delete();	885	$doc->delete();
886		886
887	return redirect()->route('worker.cabinet');	887	return redirect()->route('worker.cabinet');
888	}	888	}
889		889
890	// Редактирование сертификата	890	// Редактирование сертификата
891	public function edit_sertificate(Worker $worker, sertification $doc) {	891	public function edit_sertificate(Worker $worker, sertification $doc) {
892	return view('workers.sertificate_edit', compact('doc', 'worker'));	892	return view('workers.sertificate_edit', compact('doc', 'worker'));
893	}	893	}
894		894
895	// Редактирование обновление сертификата	895	// Редактирование обновление сертификата
896	public function update_serificate(SertificationRequest $request, sertification $doc) {	896	public function update_serificate(SertificationRequest $request, sertification $doc) {
897	$request->validate([	897	$request->validate([
898	'name' => 'required\|string\|max:255',	898	'name' => 'required\|string\|max:255',
899	'end_begin' => 'required\|date\|date_format:d.m.Y'	899	'end_begin' => 'required\|date\|date_format:d.m.Y'
900	],	900	],
901	[	901	[
902	'name' => 'Навание сертификата обязательно для заполнения.',	902	'name' => 'Навание сертификата обязательно для заполнения.',
903	'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'	903	'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
904	]);	904	]);
905		905
906	$all = $request->all();	906	$all = $request->all();
907		907
908	$end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);	908	$end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
909	$all['end_begin'] = $end_begin->format('Y-m-d');	909	$all['end_begin'] = $end_begin->format('Y-m-d');
910		910
911	$doc->worker_id = $all['worker_id'];	911	$doc->worker_id = $all['worker_id'];
912	$doc->name = $all['name'];	912	$doc->name = $all['name'];
913	$doc->end_begin = $all['end_begin'];	913	$doc->end_begin = $all['end_begin'];
914	$doc->save();	914	$doc->save();
915		915
916	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');	916	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
917	}	917	}
918		918
919	public function edit_diploms(Request $request, Worker $worker) {	919	public function edit_diploms(Request $request, Worker $worker) {
920	$dop_info_data = $request->input('diploms');	920	$dop_info_data = $request->input('diploms');
921		921
922	if (empty($dop_info_data)) {	922	if (empty($dop_info_data)) {
923	return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');	923	return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
924	}	924	}
925		925
926	foreach ($dop_info_data as $infoblok_id => $status) {	926	foreach ($dop_info_data as $infoblok_id => $status) {
927	Dop_info::updateOrCreate(	927	Dop_info::updateOrCreate(
928	['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],	928	['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
929	['status' => $status]	929	['status' => $status]
930	);	930	);
931	}	931	}
932		932
933	return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');	933	return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
934	}	934	}
935		935
936	public function delete_add_diplom(Request $request, Worker $worker) {	936	public function delete_add_diplom(Request $request, Worker $worker) {
937	$infoblok_id = $request->get('infoblok_id');	937	$infoblok_id = $request->get('infoblok_id');
938		938
939	if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)	939	if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
940	$id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();	940	$id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
941	else {	941	else {
942	$params['infoblok_id'] = $infoblok_id;	942	$params['infoblok_id'] = $infoblok_id;
943	$params['worker_id'] = $worker->id;	943	$params['worker_id'] = $worker->id;
944	$params['status'] = $request->get('val');	944	$params['status'] = $request->get('val');
945	$id = Dop_info::create($params);	945	$id = Dop_info::create($params);
946	//$id = $worker->infobloks()->sync([$infoblok_id]);	946	//$id = $worker->infobloks()->sync([$infoblok_id]);
947	}	947	}
948		948
949	//$Infoblocks = infobloks::query()->get();	949	//$Infoblocks = infobloks::query()->get();
950	return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));	950	return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
951	}	951	}
952		952
953		953
954		954
955	// Добавление диплома	955	// Добавление диплома
956	public function add_diplom_ajax(Request $request) {	956	public function add_diplom_ajax(Request $request) {
957	// конец	957	// конец
958	$params = $request->all();	958	$params = $request->all();
959	$count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();	959	$count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
960		960
961	if ($count == 0) $dop_info = Dop_info::create($params);	961	if ($count == 0) $dop_info = Dop_info::create($params);
962	$Infoblocks = infobloks::query()->get();	962	$Infoblocks = infobloks::query()->get();
963	$Worker = Worker::query()->where('id', $request->get('worker_id'))->get();	963	$Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
964	$data = Dop_info::query()->where('worker_id', $request->has('worker_id'));	964	$data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
965	return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));	965	return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
966	}	966	}
967		967
968	// Добавление диплома без ajax	968	// Добавление диплома без ajax
969	public function add_diplom(Worker $worker) {	969	public function add_diplom(Worker $worker) {
970	$worker_id = $worker->id;	970	$worker_id = $worker->id;
971	$Infoblocks = infobloks::query()->get();	971	$Infoblocks = infobloks::query()->get();
972	return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));	972	return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
973	}	973	}
974	// Сохранить	974	// Сохранить
975	// Сохраняю диплом	975	// Сохраняю диплом
976	public function add_diplom_save(Request $request) {	976	public function add_diplom_save(Request $request) {
977	$params = $request->all();	977	$params = $request->all();
978	$count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();	978	$count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
979	if ($count == 0) $dop_info = Dop_info::create($params);	979	if ($count == 0) $dop_info = Dop_info::create($params);
980	return redirect()->route('worker.cabinet');	980	return redirect()->route('worker.cabinet');
981	}	981	}
982		982
983	// Добавление стандартного документа	983	// Добавление стандартного документа
984	public function add_document(Worker $worker) {	984	public function add_document(Worker $worker) {
985	return view('workers.docs', compact('worker'));	985	return view('workers.docs', compact('worker'));
986	}	986	}
987		987
988	//Сохранение стандартого документа	988	//Сохранение стандартого документа
989	public function add_document_save(DocumentsRequest $request) {	989	public function add_document_save(DocumentsRequest $request) {
990	$params = $request->all();	990	$params = $request->all();
991	$place_work = place_works::create($params);	991	place_works::create($params);
992	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');	992	return response()->json(['success' => true]);
993	}	993	}
994		994
995	// Редактирование документа	995	// Редактирование документа
996	public function edit_document(place_works $doc, Worker $worker) {	996	public function edit_document(place_works $doc, Worker $worker) {
997	return view('workers.docs-edit', compact('doc', 'worker'));	997	return view('workers.docs-edit', compact('doc', 'worker'));
998	}	998	}
999		999
1000	//Сохранение отредактированного документа	1000	//Сохранение отредактированного документа
1001	public function edit_document_save(DocumentsRequest $request, place_works $doc) {	1001	public function edit_document_save(DocumentsRequest $request, place_works $doc) {
1002	$params = $request->all();	1002	$params = $request->all();
1003	$doc->update($params);	1003	$doc->update($params);
1004		1004
1005	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');	1005	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
1006	}	1006	}
1007		1007
1008	// Удаление документа	1008	// Удаление документа
1009	public function delete_document(place_works $doc) {	1009	public function delete_document(place_works $doc) {
1010	$doc->delete();	1010	$doc->delete();
1011	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');	1011	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1012	}	1012	}
1013		1013
1014	//Отправка нового сообщения	1014	//Отправка нового сообщения
1015	public function new_message(Request $request) {	1015	public function new_message(Request $request) {
1016	$params = $request->all();	1016	$params = $request->all();
1017		1017
1018	$id = $params['send_user_id'];	1018	$id = $params['send_user_id'];
1019	$message_params = [	1019	$message_params = [
1020	'title' => $params['send_title'],	1020	'title' => $params['send_title'],
1021	'text' => $params['send_text'],	1021	'text' => $params['send_text'],
1022	'ad_employer_id' => $params['send_vacancy'],	1022	'ad_employer_id' => $params['send_vacancy'],
1023	'flag_new' => 1	1023	'flag_new' => 1
1024	];	1024	];
1025		1025
1026	$id_message = Message::add_message(	1026	$id_message = Message::add_message(
1027	$request,	1027	$request,
1028	$params['send_user_id'],	1028	$params['send_user_id'],
1029	$params['send_to_user_id'],	1029	$params['send_to_user_id'],
1030	$message_params,	1030	$message_params,
1031	file_store_path: "worker/$id"	1031	file_store_path: "worker/$id"
1032	);	1032	);
1033		1033
1034	$data['message_id'] = $id_message;	1034	$data['message_id'] = $id_message;
1035	$data['ad_employer_id'] = $params['send_vacancy'];	1035	$data['ad_employer_id'] = $params['send_vacancy'];
1036	$data['job_title_id'] = $params['send_job_title_id'];	1036	$data['job_title_id'] = $params['send_job_title_id'];
1037	$data['flag'] = 1;	1037	$data['flag'] = 1;
1038	$ad_responce = ad_response::create($data);	1038	$ad_responce = ad_response::create($data);
1039	return redirect()->route('worker.messages', ['type_message' => 'output']);	1039	return redirect()->route('worker.messages', ['type_message' => 'output']);
1040	}	1040	}
1041		1041
1042		1042
1043	public function test123(Request $request) {	1043	public function test123(Request $request) {
1044	$params = $request->all();	1044	$params = $request->all();
1045	$user1 = $params['user_id'];	1045	$user1 = $params['user_id'];
1046	$user2 = $params['to_user_id'];	1046	$user2 = $params['to_user_id'];
1047	$id_vacancy = $params['ad_employer_id'];	1047	$id_vacancy = $params['ad_employer_id'];
1048	$ad_name = $params['ad_name'];	1048	$ad_name = $params['ad_name'];
1049		1049
1050	$rules = [	1050	$rules = [
1051	'text' => 'required\|min:1\|max:150000',	1051	'text' => 'required\|min:1\|max:150000',
1052	'file' => 'file\|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf\|max:150000'	1052	'file' => 'file\|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf\|max:150000'
1053	];	1053	];
1054	$messages = [	1054	$messages = [
1055	'required' => 'Укажите обязательное поле',	1055	'required' => 'Укажите обязательное поле',
1056	'min' => [	1056	'min' => [
1057	'string' => 'Поле «:attribute» должно быть не меньше :min символов',	1057	'string' => 'Поле «:attribute» должно быть не меньше :min символов',
1058	'integer' => 'Поле «:attribute» должно быть :min или больше',	1058	'integer' => 'Поле «:attribute» должно быть :min или больше',
1059	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'	1059	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
1060	],	1060	],
1061	'max' => [	1061	'max' => [
1062	'string' => 'Поле «:attribute» должно быть не больше :max символов',	1062	'string' => 'Поле «:attribute» должно быть не больше :max символов',
1063	'integer' => 'Поле «:attribute» должно быть :max или меньше',	1063	'integer' => 'Поле «:attribute» должно быть :max или меньше',
1064	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'	1064	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
1065	]	1065	]
1066	];	1066	];
1067		1067
1068	$validator = Validator::make($request->all(), $rules, $messages);	1068	$validator = Validator::make($request->all(), $rules, $messages);
1069		1069
1070	if ($validator->fails()) {	1070	if ($validator->fails()) {
1071	return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name])	1071	return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name])
1072	->withErrors($validator);	1072	->withErrors($validator);
1073	} else {	1073	} else {
1074	Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');	1074	Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
1075		1075
1076	return redirect()->route('worker.dialog',	1076	return redirect()->route('worker.dialog',
1077	['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);	1077	['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
1078		1078
1079	}	1079	}
1080	}	1080	}
1081		1081
1082	// Информация о предыдущих компаниях	1082	// Информация о предыдущих компаниях
1083	public function new_prev_company(Worker $worker) {	1083	public function new_prev_company(Worker $worker) {
1084	return view('workers.prev_company_form', compact('worker'));	1084	return view('workers.prev_company_form', compact('worker'));
1085	}	1085	}
1086		1086
1087	// Добавление контакта компании	1087	// Добавление контакта компании
1088	public function add_prev_company(PrevCompanyRequest $request) {	1088	public function add_prev_company(PrevCompanyRequest $request) {
1089	// Возвращение параметров	1089	// Возвращение параметров
1090	$all = $request->all();	1090	$all = $request->all();
1091	$PrevCompany = PrevCompany::create($all);	1091	PrevCompany::create($all);
1092		1092
1093	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');	1093	return response()->json(['success' => true]);
1094	}	1094	}
1095		1095
1096	// Редактирование контакта компании	1096	// Редактирование контакта компании
1097	public function edit_prev_company(PrevCompany $doc, Worker $worker) {	1097	public function edit_prev_company(PrevCompany $doc, Worker $worker) {
1098	return view('workers.prev_company_edit_form', compact('doc', 'worker'));	1098	return view('workers.prev_company_edit_form', compact('doc', 'worker'));
1099	}	1099	}
1100		1100
1101	//Сохранение редактирования контакта компании	1101	//Сохранение редактирования контакта компании
1102	public function update_prev_company(PrevCompany $doc, Request $request){	1102	public function update_prev_company(PrevCompany $doc, Request $request){
1103	$all = $request->all();	1103	$all = $request->all();
1104	$doc->update($all);	1104	$doc->update($all);
1105		1105
1106	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');	1106	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1107	}	1107	}
1108		1108
1109	// Удаление контакта предыдущей компании	1109	// Удаление контакта предыдущей компании
1110	public function delete_prev_company(PrevCompany $doc) {	1110	public function delete_prev_company(PrevCompany $doc) {
1111	$doc->delete();	1111	$doc->delete();
1112	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');	1112	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1113	}	1113	}
1114	}	1114	}
1115		1115
1116		1116

public/css/style_may2024.css

Diff comments View file @ 127b209

 /*! 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 {
     width: 100%;
     max-height: 800px;
     overflow: auto;
     padding: 5px;
 }
 .messages__item {
   -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: 0px;
   font-size: 12px;
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
 }
 @media (min-width: 768px) {
   .messages__item {
     font-size: 18px;
   }
 }
 .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);
     padding: 20px;
 }
 @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-actions{
     padding: 20px;
 }
 .messages__item-buttons{
     float: right;
     display: flex;
     align-items: center;
 }
 .messages__item-buttons button{
     padding: 0;
     background: unset;
     border: unset;
 }
 .messages__item-buttons button svg{
     width: 25px;
     height: 25px;
     color: gray;
 }
 .messages__item-buttons button svg path{
     stroke: gray;
 }
 .messages__item-buttons button:hover svg{
     color: black;
 }
 .messages__item-buttons button:hover svg path{
     stroke: black;
 }
 .messages__item-buttons button.pin-on:hover svg#pin_off path{
     fill: black;
 }
 .messages__item-buttons button.pin-on svg{
     fill: gray;
 }
 .messages__item-date {
     color: #00000070;
     width: 90px;
     text-align: right;
     font-size: 14px;
     margin-bottom: 8px;
 }
 .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 {
     -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;
 }
 .unread-messages-count{
     background-color: #377d87;
     color: #fff;
     padding: 5px 10px;
     border-radius: 45px;
 }
 /* Диалог модал */
 .modal-dialog{
     border-radius: 10px;
 }
 .modal-dialog .modal-dialog-footer{
     display: flex;
     justify-content: space-between;
 }
 .modal-dialog .modal-dialog-footer.center{
     display: flex;
     justify-content: center;
 }
 .button-loader {
     border: 2px solid #f3f3f3;
     -webkit-animation: spin 1s linear infinite;
     animation: spin 1s linear infinite;
     border-top: 2px solid #555;
     border-radius: 50%;
     width: 20px;
     height: 20px;
 }
 @keyframes spin {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
 }
 .error-block{
     color:red;
     padding: 0;
     width: 100%;
 }
+.review-image-modal{
+    cursor: pointer;
+}

public/js/func.js

Diff comments View file @ 127b209

		1	$(function(){
		2	$('.review-image-modal').click(function(){
		3	cl($(this));
		4	$(this).fancybox({
		5	'autoScale': true,
		6	'transitionIn': 'elastic',
		7	'transitionOut': 'elastic',
		8	'speedIn': 500,
		9	'speedOut': 300,
		10	'autoDimensions': true,
		11	'centerOnScroll': true
		12	})
		13	});
		14	});
		15
1		16
2	var spinStart = function(button) {	17	var spinStart = function(button) {
3	button.prop('disabled', true);	18	button.prop('disabled', true);
4	if (!button.find('.button-loader').length){	19	if (!button.find('.button-loader').length){
5	button.html('<div class="button-loader"></div>' + button.html());	20	button.html('<div class="button-loader"></div>' + button.html());
6	}	21	}
7	};	22	};
8		23
9	var spinStop= function(button) {	24	var spinStop= function(button) {
10	button.prop('disabled', false);	25	button.prop('disabled', false);
11	button.find('.button-loader').remove();	26	button.find('.button-loader').remove();
12	};	27	};
		28
		29	var cl = function(obj){
		30	console.log(obj);
		31	}
		32
		33
13		34

resources/views/info_company_new.blade.php

Diff comments View file @ 127b209

1	@extends('layout.frontend', ['title' => 'Описание компании '.$title.'- РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Описание компании '.$title.'- РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	console.log('Test system');	5	console.log('Test system');
6	$(document).on('change', '#sort_ajax', function() {	6	$(document).on('change', '#sort_ajax', function() {
7	var this_ = $(this);	7	var this_ = $(this);
8	var val_ = this_.val();	8	var val_ = this_.val();
9	console.log('sort items '+val_);	9	console.log('sort items '+val_);
10		10
11	$.ajax({	11	$.ajax({
12	type: "GET",	12	type: "GET",
13	url: "{{ route('shipping_companies') }}",	13	url: "{{ route('shipping_companies') }}",
14	data: "sort="+val_+"&block=1",	14	data: "sort="+val_+"&block=1",
15	success: function (data) {	15	success: function (data) {
16	console.log('Выбор сортировки');	16	console.log('Выбор сортировки');
17	console.log(data);	17	console.log(data);
18	$('#block_1').html(data);	18	$('#block_1').html(data);
19	},	19	},
20	headers: {	20	headers: {
21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22	},	22	},
23	error: function (data) {	23	error: function (data) {
24	data = JSON.stringify(data);	24	data = JSON.stringify(data);
25	console.log('Error: ' + data);	25	console.log('Error: ' + data);
26	}	26	}
27	});	27	});
28		28
29	$.ajax({	29	$.ajax({
30	type: "GET",	30	type: "GET",
31	url: "{{ route('shipping_companies') }}",	31	url: "{{ route('shipping_companies') }}",
32	data: "sort="+val_+"&block=2",	32	data: "sort="+val_+"&block=2",
33	success: function (data) {	33	success: function (data) {
34	console.log('Выбор сортировки2');	34	console.log('Выбор сортировки2');
35	console.log(data);	35	console.log(data);
36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37	$('#block_2').html(data);	37	$('#block_2').html(data);
38	},	38	},
39	headers: {	39	headers: {
40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41	},	41	},
42	error: function (data) {	42	error: function (data) {
43	data = JSON.stringify(data);	43	data = JSON.stringify(data);
44	console.log('Error: ' + data);	44	console.log('Error: ' + data);
45	}	45	}
46	});	46	});
47	});	47	});
48		48
49	$(document).ready(function(){	49	$(document).ready(function(){
50	var sel = $('#select2-sort_ajax-container');	50	var sel = $('#select2-sort_ajax-container');
51	var key = getUrlParameter('sort');	51	var key = getUrlParameter('sort');
52	if (key !=='') {	52	if (key !=='') {
53	console.log(key);	53	console.log(key);
54	switch (key) {	54	switch (key) {
55	case "default": sel.html('Сортировка (по умолчанию)'); break;	55	case "default": sel.html('Сортировка (по умолчанию)'); break;
56	case "name_up": sel.html('По имени (возрастание)'); break;	56	case "name_up": sel.html('По имени (возрастание)'); break;
57	case "name_down": sel.html('По дате (убывание)'); break;	57	case "name_down": sel.html('По дате (убывание)'); break;
58	case "created_at_up": sel.html('По дате (возрастание)'); break;	58	case "created_at_up": sel.html('По дате (возрастание)'); break;
59	case "created_at_down": sel.html('По дате (убывание)'); break;	59	case "created_at_down": sel.html('По дате (убывание)'); break;
60	}	60	}
61		61
62	}	62	}
63	});	63	});
64		64
65	//end	65	//end
66	$(document).on('click', '.js_send_it_button', function() {	66	$(document).on('click', '.js_send_it_button', function() {
67	var this_ = $(this);	67	var this_ = $(this);
68	var code_user_id = this_.attr('data-uid');	68	var code_user_id = this_.attr('data-uid');
69	var code_to_user_id = this_.attr('data-tuid');	69	var code_to_user_id = this_.attr('data-tuid');
70	var code_vacancy = this_.attr('data-vacancy');	70	var code_vacancy = this_.attr('data-vacancy');
71	var user_id = $('#send_user_id');	71	var user_id = $('#send_user_id');
72	var to_user_id = $('#send_to_user_id');	72	var to_user_id = $('#send_to_user_id');
73	var vacancy = $('#send_vacancy');	73	var vacancy = $('#send_vacancy');
74		74
75	console.log('Клик на кнопки...');	75	console.log('Клик на кнопки...');
76		76
77	user_id.val(code_user_id);	77	user_id.val(code_user_id);
78	to_user_id.val(code_to_user_id);	78	to_user_id.val(code_to_user_id);
79	vacancy.val(code_vacancy);	79	vacancy.val(code_vacancy);
80	});	80	});
81	</script>	81	</script>
82	@include('js.favorite-vacancy-45')	82	@include('js.favorite-vacancy-45')
83	@endsection	83	@endsection
84		84
85	@section('content')	85	@section('content')
86	<section class="thing">	86	<section class="thing">
87	<div class="container">	87	<div class="container">
88	<div class="thing__body">	88	<div class="thing__body">
89	<ul class="breadcrumbs thing__breadcrumbs">	89	<ul class="breadcrumbs thing__breadcrumbs">
90	<li><a href="{{ route('index') }}">Главная</a></li>	90	<li><a href="{{ route('index') }}">Главная</a></li>
91	<li><a href="{{ route('shipping_companies') }}">Работодатели</a></li>	91	<li><a href="{{ route('shipping_companies') }}">Работодатели</a></li>
92	<li><b>@isset($title) {{ $title }} @else Не указано @endif</b></li>	92	<li><b>@isset($title) {{ $title }} @else Не указано @endif</b></li>
93	</ul>	93	</ul>
94	@if ($company[0]->oficial_status == 1)	94	@if ($company[0]->oficial_status == 1)
95	<div class="thing__badge">	95	<div class="thing__badge">
96	<svg>	96	<svg>
97	<use xlink:href="{{ asset('images/sprite.svg#badge') }}"></use>	97	<use xlink:href="{{ asset('images/sprite.svg#badge') }}"></use>
98	</svg>	98	</svg>
99	Компания проверена	99	Компания проверена
100	</div>	100	</div>
101	@endif	101	@endif
102		102
103	@if (!empty($company[0]->logo))	103	@if (!empty($company[0]->logo))
104	<img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $company[0]->name_company }}" class="thing__pic">	104	<img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $company[0]->name_company }}" class="thing__pic review-image-modal">
105	@else	105	@else
106	<img src="{{ asset('images/logo_emp.png') }}" alt="{{ $company[0]->name_company }}" class="thing__pic">	106	<img src="{{ asset('images/logo_emp.png') }}" alt="{{ $company[0]->name_company }}" class="thing__pic">
107	@endif	107	@endif
108		108
109	<h1 class="thing__title">{{ $company[0]->name_company }}</h1>	109	<h1 class="thing__title">{{ $company[0]->name_company }}</h1>
110	<!--<p class="thing__text"> $company[0]->text !!}</p>-->	110	<!--<p class="thing__text"> $company[0]->text !!}</p>-->
111	<div class="thing__buttons">	111	<div class="thing__buttons">
112	<button type="button" class="button">	112	<button type="button" class="button">
113	<svg>	113	<svg>
114	<use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use>	114	<use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use>
115	</svg>	115	</svg>
116	{{ $company[0]->ads->count() }} вакансии	116	{{ $company[0]->ads->count() }} вакансии
117	</button>	117	</button>
118	@if ($user_id == 0)	118	@if ($user_id == 0)
119	<a data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' class="js_send_it_button button">	119	<a data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' class="js_send_it_button button">
120	Написать сообщение	120	Написать сообщение
121	</a>	121	</a>
122	@else	122	@else
123	<button type="button" data-fancybox data-src="#send" data-vacancy="0" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'	123	<button type="button" data-fancybox data-src="#send" data-vacancy="0" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'
124	class="button js_send_it_button">	124	class="button js_send_it_button">
125	Написать сообщение	125	Написать сообщение
126	</button>	126	</button>
127	@endif	127	@endif
128	</div>	128	</div>
129	</div>	129	</div>
130	</div>	130	</div>
131	</section>	131	</section>
132	<main class="main">	132	<main class="main">
133	<div class="container">	133	<div class="container">
134	<div class="main__employer-page">	134	<div class="main__employer-page">
135	<h2 class="main__employer-page-title">О компании</h2>	135	<h2 class="main__employer-page-title">О компании</h2>
136	<div class="main__employer-page-info">	136	<div class="main__employer-page-info">
137	<div class="main__employer-page-item">	137	<div class="main__employer-page-item">
138	<b>Адрес компании</b>	138	<b>Адрес компании</b>
139	<span>	139	<span>
140	{{ $company[0]->address }}	140	{{ $company[0]->address }}
141	</span>	141	</span>
142	</div>	142	</div>
143	<div class="main__employer-page-item">	143	<div class="main__employer-page-item">
144	<b>Сайт</b>	144	<b>Сайт</b>
145	<span>	145	<span>
146	<a href="{{ $company[0]->site }}">{{ $company[0]->site }}</a>	146	<a href="{{ $company[0]->site }}">{{ $company[0]->site }}</a>
147	</span>	147	</span>
148	</div>	148	</div>
149	<div class="main__employer-page-item">	149	<div class="main__employer-page-item">
150	<b>Почта</b>	150	<b>Почта</b>
151	<span>	151	<span>
152	<a href="mailto:">{{ $company[0]->email }}</a>	152	<a href="mailto:">{{ $company[0]->email }}</a>
153	</span>	153	</span>
154	</div>	154	</div>
155	<div class="main__employer-page-item">	155	<div class="main__employer-page-item">
156	<b>Телефон</b>	156	<b>Телефон</b>
157	<span>	157	<span>
158	<a href="tel:{{ $company[0]->telephone }}">{{ $company[0]->telephone }}</a>	158	<a href="tel:{{ $company[0]->telephone }}">{{ $company[0]->telephone }}</a>
159	</span>	159	</span>
160	</div>	160	</div>
161	</div>	161	</div>
162	<div class="main__employer-page-info">	162	<div class="main__employer-page-info">
163	<div class="main__employer-page-item"></div>	163	<div class="main__employer-page-item"></div>
164	<div class="main__employer-page-item"></div>	164	<div class="main__employer-page-item"></div>
165	<div class="main__employer-page-item">	165	<div class="main__employer-page-item">
166	<b>Почта (alt)</b>	166	<b>Почта (alt)</b>
167	<span>	167	<span>
168	{{ $company[0]->email_2 }}	168	{{ $company[0]->email_2 }}
169	</span>	169	</span>
170	</div>	170	</div>
171	<div class="main__employer-page-item">	171	<div class="main__employer-page-item">
172	<b>Телефон (alt)</b>	172	<b>Телефон (alt)</b>
173	<span>	173	<span>
174	<a href="{{ $company[0]->site }}">{{ $company[0]->telephone_2 }}</a>	174	<a href="{{ $company[0]->site }}">{{ $company[0]->telephone_2 }}</a>
175	</span>	175	</span>
176	</div>	176	</div>
177	</div>	177	</div>
178		178
179	<div class="main__employer-page-item main__employer-page-description">	179	<div class="main__employer-page-item main__employer-page-description">
180	<b>Описание</b>	180	<b>Описание</b>
181	<span>	181	<span>
182	{!! $company[0]->text !!}	182	{!! $company[0]->text !!}
183	</span>	183	</span>
184	</div>	184	</div>
185		185
186	<div>	186	<div>
187		187
188	<div class="main__employer-page-tabs">	188	<div class="main__employer-page-tabs">
189	<button type="button" class="main__employer-page-tabs-item active"	189	<button type="button" class="main__employer-page-tabs-item active"
190	data-tab="1">Флот</button>	190	data-tab="1">Флот</button>
191	<button type="button" class="main__employer-page-tabs-item" data-tab="2">Вакансии</button>	191	<button type="button" class="main__employer-page-tabs-item" data-tab="2">Вакансии</button>
192	</div>	192	</div>
193		193
194	<div class="main__employer-page-body">	194	<div class="main__employer-page-body">
195	<div class="main__employer-page-body-item showed" data-body="1">	195	<div class="main__employer-page-body-item showed" data-body="1">
196	<div class="main__employer-page-one">	196	<div class="main__employer-page-one">
197	@if ($company[0]->flots->count())	197	@if ($company[0]->flots->count())
198	@foreach ($company[0]->flots as $flot)	198	@foreach ($company[0]->flots as $flot)
199	<a href="" class="main__employer-page-one-item">	199	<a href="" class="main__employer-page-one-item">
200	@if (!empty($flot->image))	200	@if (!empty($flot->image))
201	<img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}">	201	<img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}">
202	@else	202	@else
203	<img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $flot->name }}">	203	<img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $flot->name }}">
204	@endif	204	@endif
205	<b>{{ $flot->name }}</b>	205	<b>{{ $flot->name }}</b>
206	<b>{{ $flot->region }}</b>	206	<b>{{ $flot->region }}</b>
207	<span><i>DWT</i> {{ $flot->DWT }}</span>	207	<span><i>DWT</i> {{ $flot->DWT }}</span>
208	<span><i>Мощность ГД</i> {{ $flot->POWER_GD }}</span>	208	<span><i>Мощность ГД</i> {{ $flot->POWER_GD }}</span>
209	<span><i>IMO</i> {{ $flot->IMO }}</span>	209	<span><i>IMO</i> {{ $flot->IMO }}</span>
210	<span>{{ $flot->power }}</span>	210	<span>{{ $flot->power }}</span>
211	</a>	211	</a>
212	@endforeach	212	@endforeach
213	@endif	213	@endif
214	</div>	214	</div>
215	</div>	215	</div>
216		216
217	<div class="main__employer-page-body-item" data-body="2">	217	<div class="main__employer-page-body-item" data-body="2">
218	<div class="main__employer-page-two">	218	<div class="main__employer-page-two">
219	@foreach ($ads as $job)	219	@foreach ($ads as $job)
220	<div class="main__employer-page-two-item">	220	<div class="main__employer-page-two-item">
221	<div class="main__employer-page-two-item-toper">	221	<div class="main__employer-page-two-item-toper">
222	@if (!empty($company[0]->logo))	222	@if (!empty($company[0]->logo))
223	<img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $job->name }}">	223	<img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $job->name }}">
224	@else	224	@else
225	<img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $job->name }}">	225	<img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $job->name }}">
226	@endif	226	@endif
227	<span>{{ $company[0]->name_company }}</span>	227	<span>{{ $company[0]->name_company }}</span>
228	</div>	228	</div>
229	<div class="main__employer-page-two-item-text-body">	229	<div class="main__employer-page-two-item-text-body">
230	<h3>{{ $job->name }}</h3>	230	<h3>{{ $job->name }}</h3>
231	<span>Описание:	231	<span>Описание:
232	{!! $job->text !!}	232	{!! $job->text !!}
233	</span>	233	</span>
234	</div>	234	</div>
235		235
236	@if ((isset($job->jobs)) && ($job->jobs->count()))	236	@if ((isset($job->jobs)) && ($job->jobs->count()))
237	<div class="main__employer-page-two-item-tags">	237	<div class="main__employer-page-two-item-tags">
238	@foreach ($job->jobs as $item)	238	@foreach ($job->jobs as $item)
239	<span class="main__employer-page-two-item-tag">#{{ $item->name }}</span>	239	<span class="main__employer-page-two-item-tag">#{{ $item->name }}</span>
240	@endforeach	240	@endforeach
241	</div>	241	</div>
242	@endif	242	@endif
243	<div class="main__employer-page-two-item-buttons">	243	<div class="main__employer-page-two-item-buttons">
244		244
245	<button type="button" data-fancybox data-src="#send" data-vacancy="{{ $job->id }}" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'	245	<button type="button" data-fancybox data-src="#send" data-vacancy="{{ $job->id }}" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'
246	class="button main__employer-page-two-item-button js_send_it_button">Оставить	246	class="button main__employer-page-two-item-button js_send_it_button">Оставить
247	отклик...</button>	247	отклик...</button>
248		248
249	<!--<a href="#"	249	<!--<a href="#"
250	class="button button_light main__employer-page-two-item-button">Подробнее</a>-->	250	class="button button_light main__employer-page-two-item-button">Подробнее</a>-->
251	</div>	251	</div>
252	<div class="main__employer-page-two-item-bottom">	252	<div class="main__employer-page-two-item-bottom">
253	<div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($job->updated_at)) }}</div>	253	<div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($job->updated_at)) }}</div>
254	<button type="button" id="like{{ $job->id }}" data-val="{{ $job->id }}"	254	<button type="button" id="like{{ $job->id }}" data-val="{{ $job->id }}"
255	class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($job) }}">	255	class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($job) }}">
256	<svg>	256	<svg>
257	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>	257	<use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
258	</svg>	258	</svg>
259	</button>	259	</button>
260	</div>	260	</div>
261	</div>	261	</div>
262	@endforeach	262	@endforeach
263		263
264	<div style="margin-top: 20px">	264	<div style="margin-top: 20px">
265	{{ $ads->onEachSide(0)->appends($_GET)->links('paginate') }}	265	{{ $ads->onEachSide(0)->appends($_GET)->links('paginate') }}
266	</div>	266	</div>
267	<!--<button type="button" class="button button_light button_more main__employer-page-two-more js-toggle js-parent-toggle">	267	<!--<button type="button" class="button button_light button_more main__employer-page-two-more js-toggle js-parent-toggle">
268	<span>Показать ещё</span>	268	<span>Показать ещё</span>
269	<span>Скрыть</span>	269	<span>Скрыть</span>
270	</button>-->	270	</button>-->
271	</div>	271	</div>
272	</div>	272	</div>
273	</div>	273	</div>
274	</div>	274	</div>
275	</div>	275	</div>
276	</div>	276	</div>
277	</main>	277	</main>
278	@endsection	278	@endsection
279		279

resources/views/workers/docs.blade.php

Diff comments View file @ 127b209

1	@extends('layout.frontend', ['title' => 'Добавление стандартного документа - РекаМоре'])	1	@extends('workers.cabinet_layout', ['title' => 'Добавление стандартного документа - РекаМоре'])
2		2
3	@section('scripts')	3	@section('cabinet_content')
		4	<h3 class="cabinet__h4 font30">Место работы</h3>
		5	<div class="cabinet__inputs">
		6	@csrf
		7	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
4		8
5	@endsection	9	<div class="error-block"></div>
6		10
7	@section('content')	11	<div class="cabinet__body-item width100">
8	<section class="cabinet">	12	<div class="cabinet__inputs">
9	<div class="container">	13	<div class="cabinet__inputs-item form-group">
10	<ul class="breadcrumbs cabinet__breadcrumbs">	14	<label class="form-group__label">Должность</label>
11	<li><a href="{{ route('index') }}">Главная</a></li>	15	<div class="form-group__item">
12	<li><b>Личный кабинет</b></li>	16	<input type="text" name="job_title" id="job_title" class="input" value="{{ old('job_title') ?? $doc->job_title ?? '' }}" required>
13	</ul>
14	<div class="cabinet__wrapper">
15	<div class="cabinet__side">
16	<div class="cabinet__side-toper">
17	@include('workers.emblema')
18
19	</div>
20
21	@include('workers.menu', ['item' => 1])
22	</div>	17	</div>
		18	</div>
23		19
24	<form class="cabinet__body" action="{{ route('worker.add_document_save') }}" method="POST">	20	<div class="cabinet__inputs-item form-group">
25	@csrf	21	<label class="form-group__label">Название т/х</label>
26	<div class="cabinet__works-item">	22	<div class="form-group__item">
27	@include('messages_error')	23	<input type="text" name="teplohod" id="teplohod" class="input" value="{{ old('teplohod') ?? $doc->teplohod ?? '' }}" required>
28	<div class="cabinet__works-spoiler active">	24	</div>
29	<div class="cabinet__works-spoiler-left">	25	</div>
30	<div class="cabinet__works-spoiler-text">Новая работа</div>	26
31	</div>	27	<div class="cabinet__inputs-item form-group">
32	<button type="button" class="cabinet__works-spoiler-right js-parent-toggle">	28	<label class="form-group__label">Тип судна</label>
33	<svg>	29	<div class="form-group__item">
34	<use xlink:href="{{ asset('images/sprite.svg#arrow-bold') }}"></use>	30	<input type="text" name="GWT" id="GWT" class="input" value="{{ old('GWT') ?? $doc->GWT ?? '' }}" required>
35	</svg>	31	</div>
36	</button>	32	</div>
37	</div>	33
38	<div class="cabinet__works-body">	34	<div class="cabinet__inputs-item form-group">
39	<div class="cabinet__inputs">	35	<label class="form-group__label">Марка ГД</label>
40	<input type="hidden" name="worker_id" id="worker_id" value="{{ $worker->id }}"/>	36	<div class="form-group__item">
41	<div class="cabinet__inputs-item form-group">	37	<input type="text" name="Marka_GD" id="Marka_GD" class="input" value="{{ old('Marka_GD') ?? $doc->Marka_GD ?? '' }}">
42	<label class="form-group__label">Должность*</label>	38	</div>
43	<div class="form-group__item">	39	</div>
44	<input type="text" name="job_title" id="job_title" class="input" value="{{ old('job_title') ?? $doc->job_title ?? '' }}">	40
45	</div>	41	<div class="cabinet__inputs-item form-group">
46	</div>	42	<label class="form-group__label">Мощность (кВт)</label>
47	<!--<div class="cabinet__inputs-item form-group">	43	<div class="form-group__item">
48	<label class="form-group__label">Опыт работы в танкерном флоте</label>	44	<input type="text" name="KBT" id="KBT" class="input" value="{{ old('KBT') ?? $doc->KBT ?? '' }}">
49	<div class="form-group__item">	45	</div>
50	<select class="js-select2" name="tanker" id="tanker">	46	</div>
51	<option value="0" if ($doc->tanker == 0) seleted endif>Нет</option>	47
52	<option value="1" if ($doc->tanker == 1) seleted endif>Да</option>	48	<div class="cabinet__inputs-item form-group">
53	</select>	49	<label class="form-group__label">Водоизмещение (GRT)</label>
54	</div>	50	<div class="form-group__item">
55	</div>-->	51	<input type="text" name="GRT" id="GRT" class="input" value="{{ old('GRT') ?? $doc->GRT ?? '' }}" required>
56	<div class="cabinet__inputs-item form-group">	52	</div>
57	<label class="form-group__label">Название т/х*</label>	53	</div>
58	<div class="form-group__item">	54
59	<input type="text" name="teplohod" id="teplohod" class="input" value="{{ old('teplohod') ?? $doc->teplohod ?? '' }}">	55	<div class="cabinet__inputs-item form-group">
60	</div>	56	<label class="form-group__label">Название компании</label>
61	</div>	57	<div class="form-group__item">
62	<div class="cabinet__inputs-item form-group">	58	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? $doc->name_company ?? '' }}" required>
63	<label class="form-group__label">Тип судна*</label>	59	</div>
64	<div class="form-group__item">	60	</div>
65	<input type="text" name="GWT" id="GWT" class="input" value="{{ old('GWT') ?? $doc->GWT ?? '' }}">	61
66	</div>	62	<div class="cabinet__inputs-item form-group">
67	</div>	63	<label class="form-group__label">Начало контракта</label>
68		64	<div class="form-group__item">
69	<div class="cabinet__inputs-item form-group">	65	<input type="text" name="Begin_work" id="Begin_work" class="input" value="{{ old('begin_work') ?? $doc->begin_work ?? '' }}">
70	<label class="form-group__label">Марка ГД</label>	66	</div>
71	<div class="form-group__item">	67	</div>
72	<input type="text" name="Marka_GD" id="Marka_GD" class="input" value="{{ old('Marka_GD') ?? $doc->Marka_GD ?? '' }}">	68
73	</div>	69	<div class="cabinet__inputs-item form-group">
74	</div>	70	<label class="form-group__label">Окончание контракта</label>
75		71	<div class="form-group__item">
76	<div class="cabinet__inputs-item form-group">	72	<input type="text" name="End_work" id="End_work" class="input" value="{{ old('end_work') ?? $doc->end_work ?? '' }}">
77	<label class="form-group__label">Мощность (кВт)</label>	73	</div>
78	<div class="form-group__item">	74	</div>
79	<input type="text" name="KBT" id="KBT" class="input" value="{{ old('KBT') ?? $doc->KBT ?? '' }}">
80	</div>
81	</div>
82
83	<div class="cabinet__inputs-item form-group">
84	<label class="form-group__label">Водоизмещение (GRT)*</label>
85	<div class="form-group__item">
86	<input type="text" name="GRT" id="GRT" class="input" value="{{ old('GRT') ?? $doc->GRT ?? '' }}">
87	</div>
88	</div>
89
90	<div class="cabinet__inputs-item form-group">
91	<label class="form-group__label">Название компании*</label>
92	<div class="form-group__item">
93	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? $doc->name_company ?? '' }}">
94	</div>
95	</div>
96
97	<div class="cabinet__inputs-item form-group">
98	<label class="form-group__label">Начало контракта</label>
99	<div class="form-group__item">
100	<input type="text" name="Begin_work" id="Begin_work" class="input" value="{{ old('begin_work') ?? $doc->begin_work ?? '' }}">
101	</div>
102	</div>
103
104	<div class="cabinet__inputs-item form-group">
105	<label class="form-group__label">Окончание контракта</label>
106	<div class="form-group__item">
107	<input type="text" name="End_work" id="End_work" class="input" value="{{ old('end_work') ?? $doc->end_work ?? '' }}">
108	</div>
109	</div>
110
111	<button type="submit" class="button">Сохранить</button>
112	</div>
113	</div>
114	</div>
115	</form>
116	</div>	75	</div>
		76
		77	<div class="flex">
		78	<button class="button add-place-of-work-button mr-10">Сохранить</button>
		79	<a href="{{ route('worker.cabinet') }}" class="button button_light">Назад</a>
		80	</div>
		81	</div>
		82	</div>
		83
		84	<div class="hide">
		85	<div id="after_add_place_of_work_chat" class="modal-dialog">
		86	<div class="modal-dialog-title">
		87	<h2>Место работы успешно добавлено</h2>
		88	</div>
		89	<div class="modal-dialog-body pt-20"></div>
		90	<div class="modal-dialog-footer center">
		91	<a href="{{ route('worker.add_document', ['worker' => $worker->id]) }}" class="button remove-chat-button mr-20">Добавить еще</a>
		92	<a href="{{ route('worker.cabinet') }}" class="button button_light" onclick="$.fancybox.close();">Закончить</a>
117	</div>	93	</div>
118	</section>
119	</div>	94	</div>
		95	<button class="open-after_add_place_of_work_chat-button" data-fancybox data-src="#after_add_place_of_work_chat"></button>
		96	</div>
		97	@endsection
		98
		99	@section('scripts')
		100	<script>
		101	$(function(){
		102	$('.add-place-of-work-button').click(function(){
		103	var this_btn = $(this);
		104	spinStart(this_btn);
		105	var wrap = this_btn.closest('.cabinet__inputs');
		106	var data = {};
		107	var form_is_not_filled = false;

resources/views/workers/prev_company_form.blade.php

Diff comments View file @ 127b209

1	@extends('workers.cabinet_layout', ['title' => 'Рекомендация - РекаМоре'])	1	@extends('workers.cabinet_layout', ['title' => 'Рекомендация - РекаМоре'])
2		2
3	@section('cabinet_content')	3	@section('cabinet_content')
4	<form id="submit_form" name="submit_form" action="{{ route('worker.add_prev_company') }}" class="cabinet__inputs" method="GET">	4	<h3 class="cabinet__h4 font30">Рекомендация</h3>
		5	<div class="cabinet__inputs">
5	@csrf	6	@csrf
6	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">	7	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
7		8
8	<div class="cabinet__body-item">	9	<div class="error-block"></div>
9	<div class="cabinet__anketa">
10	<h2 class="title cabinet__title mb-0">Рекомендация</h2>
11	</div>
12	</div>
13		10
14	<div class="cabinet__body-item">	11	<div class="cabinet__body-item width100">
15	<div class="cabinet__inputs">	12	<div class="cabinet__inputs">
16	<div class="cabinet__inputs-item form-group">	13	<div class="cabinet__inputs-item form-group">
17	<label class="form-group__label">Название компании:<span class="red">*</span></label>	14	<label class="form-group__label">Название компании:<span class="red">*</span></label>
18	<div class="form-group__item">	15	<div class="form-group__item">
19	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? '' }}" required>	16	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? '' }}" required>
20	</div>	17	</div>
21	</div>	18	</div>
22	<div class="cabinet__inputs-item form-group">	19	<div class="cabinet__inputs-item form-group">
23	<label class="form-group__label">ФИО сотрудника:<span class="red">*</span></label>	20	<label class="form-group__label">ФИО сотрудника:<span class="red">*</span></label>
24	<div class="form-group__item">	21	<div class="form-group__item">
25	<input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? '' }}" required>	22	<input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? '' }}" required>
26	</div>	23	</div>
27	</div>	24	</div>
28	<div class="cabinet__inputs-item form-group">	25	<div class="cabinet__inputs-item form-group">
29	<label class="form-group__label">Должность сотрудника:</label>	26	<label class="form-group__label">Должность сотрудника:</label>
30	<div class="form-group__item">	27	<div class="form-group__item">
31	<input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? '' }}">	28	<input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? '' }}">
32	</div>	29	</div>
33	</div>	30	</div>
34	<div class="cabinet__inputs-item form-group">	31	<div class="cabinet__inputs-item form-group">
35	<label class="form-group__label">Телефон сотрудника:</label>	32	<label class="form-group__label">Телефон сотрудника:</label>
36	<div class="form-group__item">	33	<div class="form-group__item">
37	<input type="text" name="telephone2" id="telephone2" class="input" value="{{ old('telephone2') ?? '' }}">	34	<input type="text" name="telephone2" id="telephone2" class="input" value="{{ old('telephone2') ?? '' }}">
38	</div>	35	</div>
39	</div>	36	</div>
		37	</div>
40		38
41	<div class="flex">	39	<div class="flex">
42	<button type="submit" class="button mr-10">Сохранить</button>	40	<button class="button add-company-button mr-10">Сохранить</button>
43	<a href="{{ route('worker.cabinet') }}" class="button button_light">Отменить</a>	41	<a href="{{ route('worker.cabinet') }}" class="button button_light">Назад</a>
44	</div>
45	</div>	42	</div>
46	</div>	43	</div>
		44	</div>
		45
		46	<div class="hide">
		47	<div id="after_add_company_chat" class="modal-dialog">
		48	<div class="modal-dialog-title">
		49	<h2>Рекомендация успешно добавлена</h2>
		50	</div>
		51	<div class="modal-dialog-body pt-20"></div>
		52	<div class="modal-dialog-footer center">
		53	<a href="{{ route('worker.new_prev_company',['worker' => $worker->id]) }}" class="button remove-chat-button mr-20">Добавить еще</a>
		54	<a href="{{ route('worker.cabinet') }}" class="button button_light" onclick="$.fancybox.close();">Закончить</a>
		55	</div>
		56	</div>
		57	<button class="open-after_add_company_chat-button" data-fancybox data-src="#after_add_company_chat"></button>
		58	</div>
		59	@endsection
		60
		61	@section('scripts')
		62	<script>
		63	$(function(){
		64	$('.add-company-button').click(function(){
		65	var this_btn = $(this);
		66	spinStart(this_btn);
		67	var wrap = this_btn.closest('.cabinet__inputs');
		68	var data = {};
		69	var form_is_not_filled = false;
		70
		71	wrap.find('.error-block').html('');
		72	wrap.find('input').removeClass('border-red');
		73
		74	wrap.find('input').each(function(){
		75	var val = $(this).val().trim();
		76
		77	if ($(this).is('[required]') && !val){
		78	$(this).addClass('border-red');
		79	form_is_not_filled = true;
		80	}
		81
		82	var name = $(this).attr('name');
		83	data[name] = val;
		84	});
		85
		86	if (form_is_not_filled){
		87	spinStop(this_btn);
		88	return;
		89	}
		90
		91	$.ajax({
		92	type: 'POST',
		93	url: "{{ route('worker.add_prev_company') }}",
		94	data: data,
		95	dataType: 'json',
		96	headers: {
		97	'X-CSRF-TOKEN': $('[name="_token"]').val()
		98	},
		99	success: function(res){
		100	spinStop(this_btn);
		101	$('.open-after_add_company_chat-button').click();
		102	},
		103	error: function(jqXHR, exception){
		104	if (jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.message){
		105	wrap.find('.error-block').html(jqXHR.responseJSON.message);
		106	}
		107	spinStop(this_btn);
		108	}
		109	});
		110	});
		111

resources/views/workers/sertificate_add.blade.php

Diff comments View file @ 127b209

 @extends('workers.cabinet_layout', ['title' => 'Добавление стандартного документа - РекаМоре'])
 @section('cabinet_content')
 <h3 class="cabinet__h4 font30">Сертификат / документ</h3>
 <div class="cabinet__inputs">
     @csrf
     <input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
     <div class="error-block"></div>
     <div class="cabinet__body-item width100">
         <div class="cabinet__inputs">
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Название сертификата:</label>
                 <div class="form-group__item">
                     @error('name')
                         <div class="error red">{{ $message }}</div>
                     @enderror
                     <input type="text" name="name" id="name" class="input" value="{{ old('name') ?? '' }}" required>
                 </div>
             </div>
             <div class="cabinet__inputs-item form-group">
                 <label class="form-group__label">Действия сертификата до:</label>
                 <div class="form-group__item">
                     @error('end_begin')
                         <div class="error red">{{ $message }}</div>
                     @enderror
                     <input type="text" name="end_begin" id="end_begin" class="input" value="{{ old('end_begin') ?? '' }}" required>
                 </div>
             </div>
         </div>
         <div class="flex">
             <button class="button add-serificate-button mr-10">Сохранить</button>
             <a href="{{ route('worker.cabinet') }}" class="button button_light">Назад</a>
         </div>
     </div>
 </div>
 <div class="hide">
     <div id="after_add_serificate_chat" class="modal-dialog">
         <div class="modal-dialog-title">
             <h2>Сертификат / документ успешно добавлен</h2>
         </div>
         <div class="modal-dialog-body pt-20"></div>
         <div class="modal-dialog-footer center">
             <a href="{{ route('worker.new_sertificate',['worker' => $worker->id]) }}" class="button remove-chat-button mr-20">Добавить еще</a>
             <a href="{{ route('worker.cabinet') }}" class="button button_light" onclick="$.fancybox.close();">Закончить</a>
         </div>
     </div>
     <button class="open-after_add_serificate_chat-button" data-fancybox data-src="#after_add_serificate_chat"></button>
 </div>
 @endsection
 @section('scripts')
     <script>
         $(function(){
             $('.add-serificate-button').click(function(){
                 var this_btn = $(this);
                 spinStart(this_btn);
                 var wrap = this_btn.closest('.cabinet__inputs');
                 var name = wrap.find('[name="name"]').val();
                 var end_date = wrap.find('[name="end_begin"]').val();
                 var worker_id = wrap.find('[name="worker_id"]').val();
                 wrap.find('.error-block').html('');
                 wrap.find('input').removeClass('border-red');
                 if (!name) {
                     wrap.find('[name="name"]').addClass('border-red');
                     spinStop(this_btn);
                     return;
                 }
                 if (!end_date) {
                     wrap.find('[name="end_begin"]').addClass('border-red');
                     spinStop(this_btn);
                     return;
                 }
                 $.ajax({
                     type: 'POST',
                     url: "{{ route('worker.add_serificate') }}",
                     data: {
                         worker_id: worker_id,
                         name: name,
                         end_begin: end_date
                     },
                     dataType: 'json',
                     headers: {
                         'X-CSRF-TOKEN': $('[name="_token"]').val()
                     },
                     success: function(res){
-                        console.log('success');
-                        console.log(res);
                         spinStop(this_btn);
                         $('.open-after_add_serificate_chat-button').click();
                     },
                     error: function(jqXHR, exception){
                         if (jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.message){
                             wrap.find('.error-block').html(jqXHR.responseJSON.message);
                         }
                         spinStop(this_btn);
                     }
                 });
             });
         });
     </script>
 @endsection

routes/web.php

Diff comments View file @ 127b209

1	<?php	1	<?php
2		2
3	use App\Http\Controllers\Ad_jobsController;	3	use App\Http\Controllers\Ad_jobsController;
4	use App\Http\Controllers\AdEmployerController;	4	use App\Http\Controllers\AdEmployerController;
5	use App\Http\Controllers\Admin\AdminController;	5	use App\Http\Controllers\Admin\AdminController;
6	use App\Http\Controllers\Admin\CategoryController;	6	use App\Http\Controllers\Admin\CategoryController;
7	use App\Http\Controllers\Admin\CategoryEmpController;	7	use App\Http\Controllers\Admin\CategoryEmpController;
8	use App\Http\Controllers\Admin\EducationController;	8	use App\Http\Controllers\Admin\EducationController;
9	use App\Http\Controllers\EducationController as EducationFrontController;	9	use App\Http\Controllers\EducationController as EducationFrontController;
10	use App\Http\Controllers\Admin\EmployersController;	10	use App\Http\Controllers\Admin\EmployersController;
11	use App\Http\Controllers\EmployerController as FrontEmployersController;	11	use App\Http\Controllers\EmployerController as FrontEmployersController;
12	use App\Http\Controllers\Admin\InfoBloksController;	12	use App\Http\Controllers\Admin\InfoBloksController;
13	use App\Http\Controllers\Admin\JobTitlesController;	13	use App\Http\Controllers\Admin\JobTitlesController;
14	use App\Http\Controllers\Admin\UsersController;	14	use App\Http\Controllers\Admin\UsersController;
15	use App\Http\Controllers\Admin\WorkersController;	15	use App\Http\Controllers\Admin\WorkersController;
16	use App\Http\Controllers\Auth\ForgotPasswordController;	16	use App\Http\Controllers\Auth\ForgotPasswordController;
17	use App\Http\Controllers\Auth\LoginController;	17	use App\Http\Controllers\Auth\LoginController;
18	use App\Http\Controllers\Auth\RegisterController;	18	use App\Http\Controllers\Auth\RegisterController;
19	use App\Http\Controllers\CKEditorController;	19	use App\Http\Controllers\CKEditorController;
20	use App\Http\Controllers\MediaController;	20	use App\Http\Controllers\MediaController;
21	use App\Http\Controllers\WorkerController;	21	use App\Http\Controllers\WorkerController;
22	use App\Models\Ad_jobs;	22	use App\Models\Ad_jobs;
23	use App\Models\User;	23	use App\Models\User;
24	use App\Http\Controllers\MainController;	24	use App\Http\Controllers\MainController;
25	use App\Http\Controllers\HomeController;	25	use App\Http\Controllers\HomeController;
26	use Illuminate\Support\Facades\Route;	26	use Illuminate\Support\Facades\Route;
27	use App\Http\Controllers\Admin\CompanyController;	27	use App\Http\Controllers\Admin\CompanyController;
28	use App\Http\Controllers\Admin\Ad_EmployersController;	28	use App\Http\Controllers\Admin\Ad_EmployersController;
29	use App\Http\Controllers\Admin\MsgAnswersController;	29	use App\Http\Controllers\Admin\MsgAnswersController;
30	use App\Http\Controllers\Admin\GroupsController;	30	use App\Http\Controllers\Admin\GroupsController;
31	use App\Http\Controllers\PagesController;	31	use App\Http\Controllers\PagesController;
32	use Illuminate\Support\Facades\Storage;	32	use Illuminate\Support\Facades\Storage;
33	use App\Http\Controllers\EmployerController;	33	use App\Http\Controllers\EmployerController;
34	use App\Http\Controllers\CompanyController as FrontCompanyController;	34	use App\Http\Controllers\CompanyController as FrontCompanyController;
35		35
36		36
37	/*	37	/*
38	\|--------------------------------------------------------------------------	38	\|--------------------------------------------------------------------------
39	\| Web Routes	39	\| Web Routes
40	\|--------------------------------------------------------------------------	40	\|--------------------------------------------------------------------------