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

Browse Code »

Commit d721fd846db04e48571af362c49488e7d56f4678

Authored by Сергей П 2024-07-25 15:11:22 +0300

1 parent 2f592b01f8

Exists in master

правки по сообщениям + личный кабинет работника

Showing 9 changed files with 130 additions and 46 deletions Inline Diff

app/Http/Controllers/WorkerController.php
public/css/helpers.css
public/css/style_may2024.css
resources/views/chats/chats_list.blade.php
resources/views/employers/dialog.blade.php
resources/views/modals/chats/remove_chat.blade.php
resources/views/workers/dialog.blade.php
resources/views/workers/sertificate_add.blade.php
routes/web.php

app/Http/Controllers/WorkerController.php

Diff comments View file @ d721fd8

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	$Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get();	877
878	return redirect()->route('worker.cabinet');	878	return response()->json([
879	//return view('ajax.documents', compact('Docs'));	879	'success' => true
		880	]);
880	}	881	}
881		882
882	// Удалить сертификат	883	// Удалить сертификат
883	public function delete_sertificate(sertification $doc) {	884	public function delete_sertificate(sertification $doc) {
884	$doc->delete();	885	$doc->delete();
885		886
886	return redirect()->route('worker.cabinet');	887	return redirect()->route('worker.cabinet');
887	}	888	}
888		889
889	// Редактирование сертификата	890	// Редактирование сертификата
890	public function edit_sertificate(Worker $worker, sertification $doc) {	891	public function edit_sertificate(Worker $worker, sertification $doc) {
891	return view('workers.sertificate_edit', compact('doc', 'worker'));	892	return view('workers.sertificate_edit', compact('doc', 'worker'));
892	}	893	}
893		894
894	// Редактирование обновление сертификата	895	// Редактирование обновление сертификата
895	public function update_serificate(SertificationRequest $request, sertification $doc) {	896	public function update_serificate(SertificationRequest $request, sertification $doc) {
896	$request->validate([	897	$request->validate([
897	'name' => 'required\|string\|max:255',	898	'name' => 'required\|string\|max:255',
898	'end_begin' => 'required\|date\|date_format:d.m.Y'	899	'end_begin' => 'required\|date\|date_format:d.m.Y'
899	],	900	],
900	[	901	[
901	'name' => 'Навание сертификата обязательно для заполнения.',	902	'name' => 'Навание сертификата обязательно для заполнения.',
902	'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'	903	'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
903	]);	904	]);
904		905
905	$all = $request->all();	906	$all = $request->all();
906		907
907	$end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);	908	$end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
908	$all['end_begin'] = $end_begin->format('Y-m-d');	909	$all['end_begin'] = $end_begin->format('Y-m-d');
909		910
910	$doc->worker_id = $all['worker_id'];	911	$doc->worker_id = $all['worker_id'];
911	$doc->name = $all['name'];	912	$doc->name = $all['name'];
912	$doc->end_begin = $all['end_begin'];	913	$doc->end_begin = $all['end_begin'];
913	$doc->save();	914	$doc->save();
914		915
915	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');	916	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
916	}	917	}
917		918
918	public function edit_diploms(Request $request, Worker $worker) {	919	public function edit_diploms(Request $request, Worker $worker) {
919	$dop_info_data = $request->input('diploms');	920	$dop_info_data = $request->input('diploms');
920		921
921	if (empty($dop_info_data)) {	922	if (empty($dop_info_data)) {
922	return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');	923	return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
923	}	924	}
924		925
925	foreach ($dop_info_data as $infoblok_id => $status) {	926	foreach ($dop_info_data as $infoblok_id => $status) {
926	Dop_info::updateOrCreate(	927	Dop_info::updateOrCreate(
927	['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],	928	['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
928	['status' => $status]	929	['status' => $status]
929	);	930	);
930	}	931	}
931		932
932	return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');	933	return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
933	}	934	}
934		935
935	public function delete_add_diplom(Request $request, Worker $worker) {	936	public function delete_add_diplom(Request $request, Worker $worker) {
936	$infoblok_id = $request->get('infoblok_id');	937	$infoblok_id = $request->get('infoblok_id');
937		938
938	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)
939	$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();
940	else {	941	else {
941	$params['infoblok_id'] = $infoblok_id;	942	$params['infoblok_id'] = $infoblok_id;
942	$params['worker_id'] = $worker->id;	943	$params['worker_id'] = $worker->id;
943	$params['status'] = $request->get('val');	944	$params['status'] = $request->get('val');
944	$id = Dop_info::create($params);	945	$id = Dop_info::create($params);
945	//$id = $worker->infobloks()->sync([$infoblok_id]);	946	//$id = $worker->infobloks()->sync([$infoblok_id]);
946	}	947	}
947		948
948	//$Infoblocks = infobloks::query()->get();	949	//$Infoblocks = infobloks::query()->get();
949	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'));
950	}	951	}
951		952
952		953
953		954
954	// Добавление диплома	955	// Добавление диплома
955	public function add_diplom_ajax(Request $request) {	956	public function add_diplom_ajax(Request $request) {
956	// конец	957	// конец
957	$params = $request->all();	958	$params = $request->all();
958	$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();
959		960
960	if ($count == 0) $dop_info = Dop_info::create($params);	961	if ($count == 0) $dop_info = Dop_info::create($params);
961	$Infoblocks = infobloks::query()->get();	962	$Infoblocks = infobloks::query()->get();
962	$Worker = Worker::query()->where('id', $request->get('worker_id'))->get();	963	$Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
963	$data = Dop_info::query()->where('worker_id', $request->has('worker_id'));	964	$data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
964	return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));	965	return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
965	}	966	}
966		967
967	// Добавление диплома без ajax	968	// Добавление диплома без ajax
968	public function add_diplom(Worker $worker) {	969	public function add_diplom(Worker $worker) {
969	$worker_id = $worker->id;	970	$worker_id = $worker->id;
970	$Infoblocks = infobloks::query()->get();	971	$Infoblocks = infobloks::query()->get();
971	return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));	972	return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
972	}	973	}
973	// Сохранить	974	// Сохранить
974	// Сохраняю диплом	975	// Сохраняю диплом
975	public function add_diplom_save(Request $request) {	976	public function add_diplom_save(Request $request) {
976	$params = $request->all();	977	$params = $request->all();
977	$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();
978	if ($count == 0) $dop_info = Dop_info::create($params);	979	if ($count == 0) $dop_info = Dop_info::create($params);
979	return redirect()->route('worker.cabinet');	980	return redirect()->route('worker.cabinet');
980	}	981	}
981		982
982	// Добавление стандартного документа	983	// Добавление стандартного документа
983	public function add_document(Worker $worker) {	984	public function add_document(Worker $worker) {
984	return view('workers.docs', compact('worker'));	985	return view('workers.docs', compact('worker'));
985	}	986	}
986		987
987	//Сохранение стандартого документа	988	//Сохранение стандартого документа
988	public function add_document_save(DocumentsRequest $request) {	989	public function add_document_save(DocumentsRequest $request) {
989	$params = $request->all();	990	$params = $request->all();
990	$place_work = place_works::create($params);	991	$place_work = place_works::create($params);
991	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');	992	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');
992	}	993	}
993		994
994	// Редактирование документа	995	// Редактирование документа
995	public function edit_document(place_works $doc, Worker $worker) {	996	public function edit_document(place_works $doc, Worker $worker) {
996	return view('workers.docs-edit', compact('doc', 'worker'));	997	return view('workers.docs-edit', compact('doc', 'worker'));
997	}	998	}
998		999
999	//Сохранение отредактированного документа	1000	//Сохранение отредактированного документа
1000	public function edit_document_save(DocumentsRequest $request, place_works $doc) {	1001	public function edit_document_save(DocumentsRequest $request, place_works $doc) {
1001	$params = $request->all();	1002	$params = $request->all();
1002	$doc->update($params);	1003	$doc->update($params);
1003		1004
1004	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');	1005	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
1005	}	1006	}
1006		1007
1007	// Удаление документа	1008	// Удаление документа
1008	public function delete_document(place_works $doc) {	1009	public function delete_document(place_works $doc) {
1009	$doc->delete();	1010	$doc->delete();
1010	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');	1011	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1011	}	1012	}
1012		1013
1013	//Отправка нового сообщения	1014	//Отправка нового сообщения
1014	public function new_message(Request $request) {	1015	public function new_message(Request $request) {
1015	$params = $request->all();	1016	$params = $request->all();
1016		1017
1017	$id = $params['send_user_id'];	1018	$id = $params['send_user_id'];
1018	$message_params = [	1019	$message_params = [
1019	'title' => $params['send_title'],	1020	'title' => $params['send_title'],
1020	'text' => $params['send_text'],	1021	'text' => $params['send_text'],
1021	'ad_employer_id' => $params['send_vacancy'],	1022	'ad_employer_id' => $params['send_vacancy'],
1022	'flag_new' => 1	1023	'flag_new' => 1
1023	];	1024	];
1024		1025
1025	$id_message = Message::add_message(	1026	$id_message = Message::add_message(
1026	$request,	1027	$request,
1027	$params['send_user_id'],	1028	$params['send_user_id'],
1028	$params['send_to_user_id'],	1029	$params['send_to_user_id'],
1029	$message_params,	1030	$message_params,
1030	file_store_path: "worker/$id"	1031	file_store_path: "worker/$id"
1031	);	1032	);
1032		1033
1033	$data['message_id'] = $id_message;	1034	$data['message_id'] = $id_message;
1034	$data['ad_employer_id'] = $params['send_vacancy'];	1035	$data['ad_employer_id'] = $params['send_vacancy'];
1035	$data['job_title_id'] = $params['send_job_title_id'];	1036	$data['job_title_id'] = $params['send_job_title_id'];
1036	$data['flag'] = 1;	1037	$data['flag'] = 1;
1037	$ad_responce = ad_response::create($data);	1038	$ad_responce = ad_response::create($data);
1038	return redirect()->route('worker.messages', ['type_message' => 'output']);	1039	return redirect()->route('worker.messages', ['type_message' => 'output']);
1039	}	1040	}
1040		1041
1041		1042
1042	public function test123(Request $request) {	1043	public function test123(Request $request) {
1043	$params = $request->all();	1044	$params = $request->all();
1044	$user1 = $params['user_id'];	1045	$user1 = $params['user_id'];
1045	$user2 = $params['to_user_id'];	1046	$user2 = $params['to_user_id'];
1046	$id_vacancy = $params['ad_employer_id'];	1047	$id_vacancy = $params['ad_employer_id'];
1047	$ad_name = $params['ad_name'];	1048	$ad_name = $params['ad_name'];
1048		1049
1049	$rules = [	1050	$rules = [
1050	'text' => 'required\|min:1\|max:150000',	1051	'text' => 'required\|min:1\|max:150000',
1051	'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'
1052	];	1053	];
1053	$messages = [	1054	$messages = [
1054	'required' => 'Укажите обязательное поле',	1055	'required' => 'Укажите обязательное поле',
1055	'min' => [	1056	'min' => [
1056	'string' => 'Поле «:attribute» должно быть не меньше :min символов',	1057	'string' => 'Поле «:attribute» должно быть не меньше :min символов',
1057	'integer' => 'Поле «:attribute» должно быть :min или больше',	1058	'integer' => 'Поле «:attribute» должно быть :min или больше',
1058	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'	1059	'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
1059	],	1060	],
1060	'max' => [	1061	'max' => [
1061	'string' => 'Поле «:attribute» должно быть не больше :max символов',	1062	'string' => 'Поле «:attribute» должно быть не больше :max символов',
1062	'integer' => 'Поле «:attribute» должно быть :max или меньше',	1063	'integer' => 'Поле «:attribute» должно быть :max или меньше',
1063	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'	1064	'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
1064	]	1065	]
1065	];	1066	];
1066		1067
1067	$validator = Validator::make($request->all(), $rules, $messages);	1068	$validator = Validator::make($request->all(), $rules, $messages);
1068		1069
1069	if ($validator->fails()) {	1070	if ($validator->fails()) {
1070	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])
1071	->withErrors($validator);	1072	->withErrors($validator);
1072	} else {	1073	} else {
1073	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');
1074		1075
1075	return redirect()->route('worker.dialog',	1076	return redirect()->route('worker.dialog',
1076	['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]);
1077		1078
1078	}	1079	}
1079	}	1080	}
1080		1081
1081	// Информация о предыдущих компаниях	1082	// Информация о предыдущих компаниях
1082	public function new_prev_company(Worker $worker) {	1083	public function new_prev_company(Worker $worker) {
1083	return view('workers.prev_company_form', compact('worker'));	1084	return view('workers.prev_company_form', compact('worker'));
1084	}	1085	}
1085		1086
1086	// Добавление контакта компании	1087	// Добавление контакта компании
1087	public function add_prev_company(PrevCompanyRequest $request) {	1088	public function add_prev_company(PrevCompanyRequest $request) {
1088	// Возвращение параметров	1089	// Возвращение параметров
1089	$all = $request->all();	1090	$all = $request->all();
1090	$PrevCompany = PrevCompany::create($all);	1091	$PrevCompany = PrevCompany::create($all);
1091		1092
1092	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');	1093	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1093	}	1094	}
1094		1095
1095	// Редактирование контакта компании	1096	// Редактирование контакта компании
1096	public function edit_prev_company(PrevCompany $doc, Worker $worker) {	1097	public function edit_prev_company(PrevCompany $doc, Worker $worker) {
1097	return view('workers.prev_company_edit_form', compact('doc', 'worker'));	1098	return view('workers.prev_company_edit_form', compact('doc', 'worker'));
1098	}	1099	}
1099		1100
1100	//Сохранение редактирования контакта компании	1101	//Сохранение редактирования контакта компании
1101	public function update_prev_company(PrevCompany $doc, Request $request){	1102	public function update_prev_company(PrevCompany $doc, Request $request){
1102	$all = $request->all();	1103	$all = $request->all();
1103	$doc->update($all);	1104	$doc->update($all);
1104		1105
1105	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');	1106	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1106	}	1107	}
1107		1108
1108	// Удаление контакта предыдущей компании	1109	// Удаление контакта предыдущей компании
1109	public function delete_prev_company(PrevCompany $doc) {	1110	public function delete_prev_company(PrevCompany $doc) {
1110	$doc->delete();	1111	$doc->delete();
1111	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');	1112	return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1112	}	1113	}
1113	}	1114	}
1114		1115
1115		1116

public/css/helpers.css

Diff comments View file @ d721fd8

 .ma-0 {
   margin: 0px !important;
 }
 .mb-0 {
   margin-bottom: 0px !important;
 }
 .mt-0 {
   margin-top: 0px !important;
 }
 .mr-0 {
   margin-right: 0px !important;
 }
 .ml-0 {
   margin-left: 0px !important;
 }
 .mt-1 {
   margin-top: 1px !important;
 }
 .mt-2 {
   margin-top: 2px !important;
 }
 .mt-3 {
   margin-top: 3px !important;
 }
 .mt-4 {
   margin-top: 4px !important;
 }
 .mt-5 {
   margin-top: 5px !important;
 }
 .mt-6 {
   margin-top: 6px !important;
 }
 .mt-7 {
   margin-top: 7px !important;
 }
 .mt-8 {
   margin-top: 8px !important;
 }
 .mt-9 {
   margin-top: 9px !important;
 }
 .mt-10 {
   margin-top: 10px !important;
 }
 .mt-11 {
   margin-top: 11px !important;
 }
 .mt-12 {
   margin-top: 12px !important;
 }
 .mt-13 {
   margin-top: 13px !important;
 }
 .mt-14 {
   margin-top: 14px !important;
 }
 .mt-15 {
   margin-top: 15px !important;
 }
 .mt-16 {
   margin-top: 16px !important;
 }
 .mt-17 {
   margin-top: 17px !important;
 }
 .mt-18 {
   margin-top: 18px !important;
 }
 .mt-19 {
   margin-top: 19px !important;
 }
 .mt-20 {
   margin-top: 20px !important;
 }
 .mt-25 {
   margin-top: 25px !important;
 }
 .mt-30 {
   margin-top: 30px !important;
 }
 .mt-35 {
   margin-top: 35px !important;
 }
 .mt-40 {
   margin-top: 40px !important;
 }
 .mt-50 {
   margin-top: 50px !important;
 }
 .mt-60 {
   margin-top: 60px !important;
 }
 .mb-1 {
   margin-bottom: 1px !important;
 }
 .mb-2 {
   margin-bottom: 2px !important;
 }
 .mb-3 {
   margin-bottom: 3px !important;
 }
 .mb-4 {
   margin-bottom: 4px !important;
 }
 .mb-5 {
   margin-bottom: 5px !important;
 }
 .mb-6 {
   margin-bottom: 6px !important;
 }
 .mb-7 {
   margin-bottom: 7px !important;
 }
 .mb-10 {
   margin-bottom: 10px !important;
 }
 .mb-12 {
   margin-bottom: 12px !important;
 }
 .mb-15 {
   margin-bottom: 15px !important;
 }
 .mb-20 {
   margin-bottom: 20px !important;
 }
 .mb-25 {
   margin-bottom: 25px !important;
 }
 .mb-30 {
   margin-bottom: 30px !important;
 }
 .mb-35 {
   margin-bottom: 35px !important;
 }
 .mb-40 {
   margin-bottom: 40px !important;
 }
 .mb-50 {
   margin-bottom: 50px !important;
 }
 .mb-60 {
   margin-bottom: 60px !important;
 }
 .mr-4 {
   margin-right: 4px !important;
 }
 .mr-5 {
   margin-right: 5px !important;
 }
 .mr-6 {
   margin-right: 6px !important;
 }
 .mr-7 {
   margin-right: 7px !important;
 }
 .mr-8 {
   margin-right: 8px !important;
 }
 .mr-9 {
   margin-right: 9px !important;
 }
 .mr-10 {
   margin-right: 10px !important;
 }
 .mr-15 {
   margin-right: 15px !important;
 }
 .mr-20 {
   margin-right: 20px !important;
 }
 .mr-25 {
   margin-right: 25px !important;
 }
 .mr-30 {
   margin-right: 30px !important;
 }
 .mr-35 {
   margin-right: 35px !important;
 }
 .mr-40 {
   margin-right: 40px !important;
 }
 .mr-45 {
   margin-right: 45px !important;
 }
 .mr-50 {
   margin-right: 50px !important;
 }
 .ml-3 {
   margin-left: 3px !important;
 }
 .ml-5 {
   margin-left: 5px !important;
 }
 .ml-4 {
   margin-left: 4px !important;
 }
 .ml-7 {
   margin-left: 7px !important;
 }
 .ml-10 {
   margin-left: 10px !important;
 }
 .ml-15 {
   margin-left: 15px !important;
 }
 .ml-20 {
   margin-left: 20px !important;
 }
 .ml-25 {
   margin-left: 25px !important;
 }
 .ml-30 {
   margin-left: 30px !important;
 }
 .ml-35 {
   margin-left: 35px !important;
 }
 .ml-40 {
   margin-left: 40px !important;
 }
 .ml-50 {
   margin-left: 50px !important;
 }
 .pa-0 {
   padding: 0px !important;
 }
 .pa-10 {
   padding: 10px !important;
 }
 .pa-20 {
   padding: 20px !important;
 }
 .pl-0 {
   padding-left: 0px !important;
 }
 .pr-0 {
   padding-right: 0px !important;
 }
 .pb-0 {
   padding-bottom: 0px !important;
 }
 .pt-0 {
   padding-top: 0px !important;
 }
 .pt-1 {
   padding-top: 1px !important;
 }
 .pt-3 {
   padding-top: 3px !important;
 }
 .pt-4 {
   padding-top: 4px !important;
 }
 .pt-5 {
   padding-top: 5px !important;
 }
 .pt-6 {
   padding-top: 6px !important;
 }
 .pt-7 {
   padding-top: 7px !important;
 }
 .pt-8 {
   padding-top: 8px !important;
 }
 .pt-10 {
   padding-top: 10px !important;
 }
 .pt-15 {
   padding-top: 15px !important;
 }
 .pt-20 {
   padding-top: 20px !important;
 }
 .pb-1 {
   padding-bottom: 1px !important;
 }
 .pb-4 {
   padding-bottom: 4px !important;
 }
 .pb-5 {
   padding-bottom: 5px !important;
 }
 .pb-7 {
   padding-bottom: 7px !important;
 }
 .pb-10 {
   padding-bottom: 10px !important;
 }
 .pb-15 {
   padding-bottom: 15px !important;
 }
 .pb-20 {
   padding-bottom: 20px !important;
 }
 .pb-30 {
   padding-bottom: 30px !important;
 }
 .pr-5 {
   padding-right: 5px !important;
 }
 .pr-10 {
   padding-right: 10px !important;
 }
 .pr-12 {
   padding-right: 12px !important;
 }
 .pr-15 {
   padding-right: 15px !important;
 }
 .pr-20 {
   padding-right: 20px !important;
 }
 .pl-5 {
   padding-left: 5px !important;
 }
 .pl-10 {
   padding-left: 10px !important;
 }
 .pl-12 {
   padding-left: 12px !important;
 }
 .pl-15 {
   padding-left: 15px !important;
 }
 .pl-20 {
   padding-left: 20px !important;
 }
 .pl-25 {
   padding-left: 25px !important;
 }
 .pl-30 {
   padding-left: 30px !important;
 }
 .lh-1 {
   line-height: 1 !important;
 }
 .lh-11 {
   line-height: 1.1 !important;
 }
 .lh-12 {
   line-height: 1.2 !important;
 }
 .lh-13 {
   line-height: 1.3 !important;
 }
 .lh-14 {
   line-height: 1.4 !important;
 }
 .lh-15 {
   line-height: 1.5 !important;
 }
 .lh-16 {
   line-height: 1.6 !important;
 }
 .font10 {
   font-size: 10px !important;
 }
 .font11 {
   font-size: 11px !important;
 }
 .font12 {
   font-size: 12px !important;
 }
 .font13 {
   font-size: 13px !important;
 }
 .font14 {
   font-size: 14px !important;
 }
 .font15 {
   font-size: 15px !important;
 }
 .font16 {
   font-size: 16px !important;
 }
 .font17 {
   font-size: 17px !important;
 }
 .font18 {
   font-size: 18px !important;
 }
 .font19 {
   font-size: 19px !important;
 }
 .font20 {
   font-size: 20px !important;
 }
 .font21 {
   font-size: 21px !important;
 }
 .font22 {
   font-size: 22px !important;
 }
 .font23 {
   font-size: 23px !important;
 }
 .font24 {
   font-size: 24px !important;
 }
 .font25 {
   font-size: 25px !important;
 }
 .font30 {
   font-size: 30px !important;
 }
 .fw100 {
   font-weight: 100;
 }
 .fw200 {
   font-weight: 200;
 }
 .fw300 {
   font-weight: 300;
 }
 .fw400 {
   font-weight: 400;
 }
 .fw500 {
   font-weight: 500;
 }
 .fw600 {
   font-weight: 600;
 }
 .fw700 {
   font-weight: 700;
 }
 .fw800 {
   font-weight: 800;
 }
 .fw900 {
   font-weight: 900;
 }
 .fw-bold {
   font-weight: bold;
 }
 .ta-justify {
   text-align: justify !important;
 }
 .ta-center {
   text-align: center !important;
 }
 .ta-end {
   text-align: end !important;
 }
 .ta-left {
   text-align: left !important;
 }
 .ta-right {
   text-align: right !important;
 }
 .green {
   color: #36A000;
 }
 .gray-light {
   color: #9096A4;
 }
 .gray-dark {
   color: #676B75;
 }
 .blue {
   color: #2FB9F8;
 }
 .clients-blue {
   color: #2FB9F8;
 }
 .black {
   color: #282B31;
 }
 .red-bf {
   color: #d01a2f;
 }
 .hide {
   display: none;
 }
 .forcehide {
   display: none !important;
 }
 .left {
   float: left;
 }
 .left-f {
   float: left !important;
 }
 .right {
   float: right;
 }
 .right-f {
   float: right !important;
 }
 .clear {
   clear: both;
 }
 .relative {
   position: relative;
 }
 .absolute {
   position: absolute;
 }
 .block {
   display: block;
 }
 .inline-block {
   display: inline-block !important;
 }
 .display-grid {
   display: grid;
 }
 .flex {
   display: flex;
 }
 .flex-align-items-center {
   align-items: center;
 }
 .pointer, .hand {
   cursor: pointer;
 }
 .cursor-default {
   cursor: default !important;
 }
 .bold {
   font-weight: bold;
 }
 .italic {
   font-style: italic;
 }
 .uppercase {
   text-transform: uppercase;
 }
 .width100 {
   width: 100%;
 }
 .fit-content {
   width: -moz-fit-content;
   width: -webkit-fit-content;
   width: fit-content;
 }
 .max-content {
   width: intrinsic; /* Safari/WebKit uses a non-standard name */
   width: -moz-max-content; /* Firefox/Gecko */
   width: -webkit-max-content; /* Chrome */
   width: max-content;
 }
 .fill-available {
   width: -moz-available;
   width: -webkit-fill-available;
   width: fill-available;
 }
 .pointer-none {
   pointer-events: none;
 }
 .disable-block, .disabled-block {
   pointer-events: none;
   opacity: 0.4;
 }
 .show-spaces {
   word-wrap: break-word !important;
   white-space: pre-wrap !important;
 }
 .overflow-hidden {
   overflow: hidden !important;
 }
 .overflow-auto {
   overflow: auto !important;
 }
 .force-hide {
   display: none !important;
 }
 .center-block {
   display: block;
   margin-right: auto;
   margin-left: auto;
 }
 .expand-all-plus {
   background: url(/images/add.png) 0 0 no-repeat;
   cursor: pointer;
   width: 16px;
   height: 16px;
 }
 .expand-plus {
   background: url(/images/plus.png) 0 0 no-repeat;
   cursor: pointer;
   width: 16px;
   height: 16px;
 }
 .reduce-minus {
   background: url(/images/minus.png) 0 0 no-repeat;
   cursor: pointer;
   width: 16px;
   height: 16px;
 }
 .grey-line {
   width: 100%;
   height: 1px;
   border-bottom: 1px solid #e7ecf1;
 }
 .triangle-top-to-bottom {
   border: 6px solid transparent;
   border-bottom: 14px solid;
   position: absolute;
   top: -19px;
   color: #fff;
 }
 .primary-color {
   color: #2FB9F8;
 }
 .primary-bg-color {
   background-color: #2FB9F8;
 }
 .before-triangle-top:before {
   position: absolute;
   top: -8px;
   right: 20px;
   left: auto;
   display: inline-block !important;
   border-right: 8px solid transparent;
   border-bottom: 8px solid #e0e0e0;
   border-left: 8px solid transparent;
   content: "";
 }
 .before-triangle-top:after {
   position: absolute;
   top: -7px;
   right: 21px;
   left: auto;
   display: inline-block !important;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #fff;
   border-left: 7px solid transparent;
   content: "";
 }
 .before-triangle-right:before {
   position: absolute;
   top: calc(50% - 8px);
   right: -8px;
   left: auto;
   display: inline-block !important;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 8px solid #e0e0e0;
   content: "";
 }
 .before-triangle-right:after {
   position: absolute;
   top: calc(50% - 7px);
   right: -7px;
   left: auto;
   display: inline-block !important;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 7px solid #fff;
   content: "";
 }
 .icon-download-detail-booked-before-triangle-right:before {
   position: absolute;
   top: calc(50% - 39px) !important;
   right: -8px;
   left: auto;
   display: inline-block !important;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 8px solid #e0e0e0;
   content: "";
 }
 .icon-download-detail-booked-before-triangle-right:after {
   top: calc(50% - 39px) !important;
   position: absolute;
   right: -7px;
   left: auto;
   display: inline-block !important;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 7px solid #fff;
   content: "";
 }
 .noselect {
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Old versions of Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently
    supported by Chrome, Opera and Firefox */
 }
 .nodrag {
   user-drag: none;
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
 }
 .border0 {
   border: 0;
 }
 .hover-shadow:hover{
     -webkit-box-shadow: 0px 0px 8px 1px rgba(66, 68, 90, 1);
     -moz-box-shadow: 0px 0px 8px 1px rgba(66, 68, 90, 1);
     box-shadow: 0px 0px 8px 1px rgba(66, 68, 90, 1);
 }
+.border-red{
+    border-color: red;
+}
 /*# sourceMappingURL=helpers.css.map */

public/css/style_may2024.css

Diff comments View file @ d721fd8

1	/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /	1	/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /
2	/* Document	2	/* Document
3	========================================================================== */	3	========================================================================== */
4	/**	4	/**
5	* 1. Correct the line height in all browsers.	5	* 1. Correct the line height in all browsers.
6	* 2. Prevent adjustments of font size after orientation changes in iOS.	6	* 2. Prevent adjustments of font size after orientation changes in iOS.
7	*/	7	*/
8	@import url(fonts.css);	8	@import url(fonts.css);
9	@import url(jquery.fancybox.css);	9	@import url(jquery.fancybox.css);
10	@import url(jquery.select2.css);	10	@import url(jquery.select2.css);
11	@import url(star-rating.min.css);	11	@import url(star-rating.min.css);
12	@import url(swiper.css);	12	@import url(swiper.css);
13	html {	13	html {
14	line-height: 1.15; /* 1 */	14	line-height: 1.15; /* 1 */
15	-webkit-text-size-adjust: 100%; /* 2 */	15	-webkit-text-size-adjust: 100%; /* 2 */
16	}	16	}
17		17
18	/* Sections	18	/* Sections
19	========================================================================== */	19	========================================================================== */
20	/**	20	/**
21	* Remove the margin in all browsers.	21	* Remove the margin in all browsers.
22	*/	22	*/
23	body {	23	body {
24	margin: 0;	24	margin: 0;
25	}	25	}
26		26
27	/**	27	/**
28	* Render the `main` element consistently in IE.	28	* Render the `main` element consistently in IE.
29	*/	29	*/
30	main {	30	main {
31	display: block;	31	display: block;
32	}	32	}
33		33
34	/**	34	/**
35	* Correct the font size and margin on `h1` elements within `section` and	35	* Correct the font size and margin on `h1` elements within `section` and
36	* `article` contexts in Chrome, Firefox, and Safari.	36	* `article` contexts in Chrome, Firefox, and Safari.
37	*/	37	*/
38	h1 {	38	h1 {
39	font-size: 2em;	39	font-size: 2em;
40	margin: 0.67em 0;	40	margin: 0.67em 0;
41	}	41	}
42		42
43	/* Grouping content	43	/* Grouping content
44	========================================================================== */	44	========================================================================== */
45	/**	45	/**
46	* 1. Add the correct box sizing in Firefox.	46	* 1. Add the correct box sizing in Firefox.
47	* 2. Show the overflow in Edge and IE.	47	* 2. Show the overflow in Edge and IE.
48	*/	48	*/
49	hr {	49	hr {
50	-webkit-box-sizing: content-box;	50	-webkit-box-sizing: content-box;
51	box-sizing: content-box; /* 1 */	51	box-sizing: content-box; /* 1 */
52	height: 0; /* 1 */	52	height: 0; /* 1 */
53	overflow: visible; /* 2 */	53	overflow: visible; /* 2 */
54	}	54	}
55		55
56	/**	56	/**
57	* 1. Correct the inheritance and scaling of font size in all browsers.	57	* 1. Correct the inheritance and scaling of font size in all browsers.
58	* 2. Correct the odd `em` font sizing in all browsers.	58	* 2. Correct the odd `em` font sizing in all browsers.
59	*/	59	*/
60	pre {	60	pre {
61	font-family: monospace, monospace; /* 1 */	61	font-family: monospace, monospace; /* 1 */
62	font-size: 1em; /* 2 */	62	font-size: 1em; /* 2 */
63	}	63	}
64		64
65	/* Text-level semantics	65	/* Text-level semantics
66	========================================================================== */	66	========================================================================== */
67	/**	67	/**
68	* Remove the gray background on active links in IE 10.	68	* Remove the gray background on active links in IE 10.
69	*/	69	*/
70	a {	70	a {
71	background-color: transparent;	71	background-color: transparent;
72	}	72	}
73		73
74	/**	74	/**
75	* 1. Remove the bottom border in Chrome 57-	75	* 1. Remove the bottom border in Chrome 57-
76	* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.	76	* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77	*/	77	*/
78	abbr[title] {	78	abbr[title] {
79	border-bottom: none; /* 1 */	79	border-bottom: none; /* 1 */
80	text-decoration: underline; /* 2 */	80	text-decoration: underline; /* 2 */
81	-webkit-text-decoration: underline dotted;	81	-webkit-text-decoration: underline dotted;
82	text-decoration: underline dotted; /* 2 */	82	text-decoration: underline dotted; /* 2 */
83	}	83	}
84		84
85	/**	85	/**
86	* Add the correct font weight in Chrome, Edge, and Safari.	86	* Add the correct font weight in Chrome, Edge, and Safari.
87	*/	87	*/
88	b,	88	b,
89	strong {	89	strong {
90	font-weight: bolder;	90	font-weight: bolder;
91	}	91	}
92		92
93	/**	93	/**
94	* 1. Correct the inheritance and scaling of font size in all browsers.	94	* 1. Correct the inheritance and scaling of font size in all browsers.
95	* 2. Correct the odd `em` font sizing in all browsers.	95	* 2. Correct the odd `em` font sizing in all browsers.
96	*/	96	*/
97	code,	97	code,
98	kbd,	98	kbd,
99	samp {	99	samp {
100	font-family: monospace, monospace; /* 1 */	100	font-family: monospace, monospace; /* 1 */
101	font-size: 1em; /* 2 */	101	font-size: 1em; /* 2 */
102	}	102	}
103		103
104	/**	104	/**
105	* Add the correct font size in all browsers.	105	* Add the correct font size in all browsers.
106	*/	106	*/
107	small {	107	small {
108	font-size: 80%;	108	font-size: 80%;
109	}	109	}
110		110
111	/**	111	/**
112	* Prevent `sub` and `sup` elements from affecting the line height in	112	* Prevent `sub` and `sup` elements from affecting the line height in
113	* all browsers.	113	* all browsers.
114	*/	114	*/
115	sub,	115	sub,
116	sup {	116	sup {
117	font-size: 75%;	117	font-size: 75%;
118	line-height: 0;	118	line-height: 0;
119	position: relative;	119	position: relative;
120	vertical-align: baseline;	120	vertical-align: baseline;
121	}	121	}
122		122
123	sub {	123	sub {
124	bottom: -0.25em;	124	bottom: -0.25em;
125	}	125	}
126		126
127	sup {	127	sup {
128	top: -0.5em;	128	top: -0.5em;
129	}	129	}
130		130
131	/* Embedded content	131	/* Embedded content
132	========================================================================== */	132	========================================================================== */
133	/**	133	/**
134	* Remove the border on images inside links in IE 10.	134	* Remove the border on images inside links in IE 10.
135	*/	135	*/
136	img {	136	img {
137	border-style: none;	137	border-style: none;
138	}	138	}
139		139
140	/* Forms	140	/* Forms
141	========================================================================== */	141	========================================================================== */
142	/**	142	/**
143	* 1. Change the font styles in all browsers.	143	* 1. Change the font styles in all browsers.
144	* 2. Remove the margin in Firefox and Safari.	144	* 2. Remove the margin in Firefox and Safari.
145	*/	145	*/
146	button,	146	button,
147	input,	147	input,
148	optgroup,	148	optgroup,
149	select,	149	select,
150	textarea {	150	textarea {
151	font-family: inherit; /* 1 */	151	font-family: inherit; /* 1 */
152	font-size: 100%; /* 1 */	152	font-size: 100%; /* 1 */
153	line-height: 1.15; /* 1 */	153	line-height: 1.15; /* 1 */
154	margin: 0; /* 2 */	154	margin: 0; /* 2 */
155	}	155	}
156		156
157	/**	157	/**
158	* Show the overflow in IE.	158	* Show the overflow in IE.
159	* 1. Show the overflow in Edge.	159	* 1. Show the overflow in Edge.
160	*/	160	*/
161	button,	161	button,
162	input { /* 1 */	162	input { /* 1 */
163	overflow: visible;	163	overflow: visible;
164	}	164	}
165		165
166	/**	166	/**
167	* Remove the inheritance of text transform in Edge, Firefox, and IE.	167	* Remove the inheritance of text transform in Edge, Firefox, and IE.
168	* 1. Remove the inheritance of text transform in Firefox.	168	* 1. Remove the inheritance of text transform in Firefox.
169	*/	169	*/
170	button,	170	button,
171	select { /* 1 */	171	select { /* 1 */
172	text-transform: none;	172	text-transform: none;
173	}	173	}
174		174
175	/**	175	/**
176	* Correct the inability to style clickable types in iOS and Safari.	176	* Correct the inability to style clickable types in iOS and Safari.
177	*/	177	*/
178	button,	178	button,
179	[type=button],	179	[type=button],
180	[type=reset],	180	[type=reset],
181	[type=submit] {	181	[type=submit] {
182	-webkit-appearance: button;	182	-webkit-appearance: button;
183	}	183	}
184		184
185	/**	185	/**
186	* Remove the inner border and padding in Firefox.	186	* Remove the inner border and padding in Firefox.
187	*/	187	*/
188	button::-moz-focus-inner,	188	button::-moz-focus-inner,
189	[type=button]::-moz-focus-inner,	189	[type=button]::-moz-focus-inner,
190	[type=reset]::-moz-focus-inner,	190	[type=reset]::-moz-focus-inner,
191	[type=submit]::-moz-focus-inner {	191	[type=submit]::-moz-focus-inner {
192	border-style: none;	192	border-style: none;
193	padding: 0;	193	padding: 0;
194	}	194	}
195		195
196	/**	196	/**
197	* Restore the focus styles unset by the previous rule.	197	* Restore the focus styles unset by the previous rule.
198	*/	198	*/
199	button:-moz-focusring,	199	button:-moz-focusring,
200	[type=button]:-moz-focusring,	200	[type=button]:-moz-focusring,
201	[type=reset]:-moz-focusring,	201	[type=reset]:-moz-focusring,
202	[type=submit]:-moz-focusring {	202	[type=submit]:-moz-focusring {
203	outline: 1px dotted ButtonText;	203	outline: 1px dotted ButtonText;
204	}	204	}
205		205
206	/**	206	/**
207	* Correct the padding in Firefox.	207	* Correct the padding in Firefox.
208	*/	208	*/
209	fieldset {	209	fieldset {
210	padding: 0.35em 0.75em 0.625em;	210	padding: 0.35em 0.75em 0.625em;
211	}	211	}
212		212
213	/**	213	/**
214	* 1. Correct the text wrapping in Edge and IE.	214	* 1. Correct the text wrapping in Edge and IE.
215	* 2. Correct the color inheritance from `fieldset` elements in IE.	215	* 2. Correct the color inheritance from `fieldset` elements in IE.
216	* 3. Remove the padding so developers are not caught out when they zero out	216	* 3. Remove the padding so developers are not caught out when they zero out
217	* `fieldset` elements in all browsers.	217	* `fieldset` elements in all browsers.
218	*/	218	*/
219	legend {	219	legend {
220	-webkit-box-sizing: border-box;	220	-webkit-box-sizing: border-box;
221	box-sizing: border-box; /* 1 */	221	box-sizing: border-box; /* 1 */
222	color: inherit; /* 2 */	222	color: inherit; /* 2 */
223	display: table; /* 1 */	223	display: table; /* 1 */
224	max-width: 100%; /* 1 */	224	max-width: 100%; /* 1 */
225	padding: 0; /* 3 */	225	padding: 0; /* 3 */
226	white-space: normal; /* 1 */	226	white-space: normal; /* 1 */
227	}	227	}
228		228
229	/**	229	/**
230	* Add the correct vertical alignment in Chrome, Firefox, and Opera.	230	* Add the correct vertical alignment in Chrome, Firefox, and Opera.
231	*/	231	*/
232	progress {	232	progress {
233	vertical-align: baseline;	233	vertical-align: baseline;
234	}	234	}
235		235
236	/**	236	/**
237	* Remove the default vertical scrollbar in IE 10+.	237	* Remove the default vertical scrollbar in IE 10+.
238	*/	238	*/
239	textarea {	239	textarea {
240	overflow: auto;	240	overflow: auto;
241	}	241	}
242		242
243	/**	243	/**
244	* 1. Add the correct box sizing in IE 10.	244	* 1. Add the correct box sizing in IE 10.
245	* 2. Remove the padding in IE 10.	245	* 2. Remove the padding in IE 10.
246	*/	246	*/
247	[type=checkbox],	247	[type=checkbox],
248	[type=radio] {	248	[type=radio] {
249	-webkit-box-sizing: border-box;	249	-webkit-box-sizing: border-box;
250	box-sizing: border-box; /* 1 */	250	box-sizing: border-box; /* 1 */
251	padding: 0; /* 2 */	251	padding: 0; /* 2 */
252	}	252	}
253		253
254	/**	254	/**
255	* Correct the cursor style of increment and decrement buttons in Chrome.	255	* Correct the cursor style of increment and decrement buttons in Chrome.
256	*/	256	*/
257	[type=number]::-webkit-inner-spin-button,	257	[type=number]::-webkit-inner-spin-button,
258	[type=number]::-webkit-outer-spin-button {	258	[type=number]::-webkit-outer-spin-button {
259	height: auto;	259	height: auto;
260	}	260	}
261		261
262	/**	262	/**
263	* 1. Correct the odd appearance in Chrome and Safari.	263	* 1. Correct the odd appearance in Chrome and Safari.
264	* 2. Correct the outline style in Safari.	264	* 2. Correct the outline style in Safari.
265	*/	265	*/
266	[type=search] {	266	[type=search] {
267	-webkit-appearance: textfield; /* 1 */	267	-webkit-appearance: textfield; /* 1 */
268	outline-offset: -2px; /* 2 */	268	outline-offset: -2px; /* 2 */
269	}	269	}
270		270
271	/**	271	/**
272	* Remove the inner padding in Chrome and Safari on macOS.	272	* Remove the inner padding in Chrome and Safari on macOS.
273	*/	273	*/
274	[type=search]::-webkit-search-decoration {	274	[type=search]::-webkit-search-decoration {
275	-webkit-appearance: none;	275	-webkit-appearance: none;
276	}	276	}
277		277
278	/**	278	/**
279	* 1. Correct the inability to style clickable types in iOS and Safari.	279	* 1. Correct the inability to style clickable types in iOS and Safari.
280	* 2. Change font properties to `inherit` in Safari.	280	* 2. Change font properties to `inherit` in Safari.
281	*/	281	*/
282	::-webkit-file-upload-button {	282	::-webkit-file-upload-button {
283	-webkit-appearance: button; /* 1 */	283	-webkit-appearance: button; /* 1 */
284	font: inherit; /* 2 */	284	font: inherit; /* 2 */
285	}	285	}
286		286
287	/* Interactive	287	/* Interactive
288	========================================================================== */	288	========================================================================== */
289	/*	289	/*
290	* Add the correct display in Edge, IE 10+, and Firefox.	290	* Add the correct display in Edge, IE 10+, and Firefox.
291	*/	291	*/
292	details {	292	details {
293	display: block;	293	display: block;
294	}	294	}
295		295
296	/*	296	/*
297	* Add the correct display in all browsers.	297	* Add the correct display in all browsers.
298	*/	298	*/
299	summary {	299	summary {
300	display: list-item;	300	display: list-item;
301	}	301	}
302		302
303	/* Misc	303	/* Misc
304	========================================================================== */	304	========================================================================== */
305	/**	305	/**
306	* Add the correct display in IE 10+.	306	* Add the correct display in IE 10+.
307	*/	307	*/
308	template {	308	template {
309	display: none;	309	display: none;
310	}	310	}
311		311
312	/**	312	/**
313	* Add the correct display in IE 10.	313	* Add the correct display in IE 10.
314	*/	314	*/
315	[hidden] {	315	[hidden] {
316	display: none;	316	display: none;
317	}	317	}
318		318
319	.green {	319	.green {
320	color: #377d87;	320	color: #377d87;
321	}	321	}
322		322
323	.red {	323	.red {
324	color: #eb5757;	324	color: #eb5757;
325	}	325	}
326		326
327	.rotate180 {	327	.rotate180 {
328	-webkit-transform: rotate(180deg);	328	-webkit-transform: rotate(180deg);
329	-ms-transform: rotate(180deg);	329	-ms-transform: rotate(180deg);
330	transform: rotate(180deg);	330	transform: rotate(180deg);
331	}	331	}
332		332
333	::-moz-selection {	333	::-moz-selection {
334	color: #000;	334	color: #000;
335	background: #acc0e6;	335	background: #acc0e6;
336	}	336	}
337		337
338	::selection {	338	::selection {
339	color: #000;	339	color: #000;
340	background: #acc0e6;	340	background: #acc0e6;
341	}	341	}
342		342
343	::-webkit-scrollbar {	343	::-webkit-scrollbar {
344	width: 8px;	344	width: 8px;
345	height: 8px;	345	height: 8px;
346	}	346	}
347		347
348	::-webkit-scrollbar-track {	348	::-webkit-scrollbar-track {
349	border-radius: 999px;	349	border-radius: 999px;
350	background-color: #fff;	350	background-color: #fff;
351	}	351	}
352		352
353	::-webkit-scrollbar-thumb {	353	::-webkit-scrollbar-thumb {
354	border-radius: 999px;	354	border-radius: 999px;
355	background-color: #377d87;	355	background-color: #377d87;
356	}	356	}
357		357
358	::-webkit-input-placeholder {	358	::-webkit-input-placeholder {
359	color: #9c9d9d;	359	color: #9c9d9d;
360	opacity: 1;	360	opacity: 1;
361	}	361	}
362		362
363	:focus::-webkit-input-placeholder {	363	:focus::-webkit-input-placeholder {
364	color: transparent;	364	color: transparent;
365	}	365	}
366		366
367	:-ms-input-placeholder {	367	:-ms-input-placeholder {
368	color: #9c9d9d;	368	color: #9c9d9d;
369	opacity: 1;	369	opacity: 1;
370	}	370	}
371		371
372	:focus:-ms-input-placeholder {	372	:focus:-ms-input-placeholder {
373	color: transparent;	373	color: transparent;
374	}	374	}
375		375
376	::-ms-input-placeholder {	376	::-ms-input-placeholder {
377	color: #9c9d9d;	377	color: #9c9d9d;
378	opacity: 1;	378	opacity: 1;
379	}	379	}
380		380
381	:focus::-ms-input-placeholder {	381	:focus::-ms-input-placeholder {
382	color: transparent;	382	color: transparent;
383	}	383	}
384		384
385	::-moz-placeholder {	385	::-moz-placeholder {
386	color: #9c9d9d;	386	color: #9c9d9d;
387	opacity: 1;	387	opacity: 1;
388	}	388	}
389		389
390	:focus::-moz-placeholder {	390	:focus::-moz-placeholder {
391	color: transparent;	391	color: transparent;
392	}	392	}
393		393
394	::-webkit-input-placeholder {	394	::-webkit-input-placeholder {
395	color: #9c9d9d;	395	color: #9c9d9d;
396	opacity: 1;	396	opacity: 1;
397	}	397	}
398		398
399	::-moz-placeholder {	399	::-moz-placeholder {
400	color: #9c9d9d;	400	color: #9c9d9d;
401	opacity: 1;	401	opacity: 1;
402	}	402	}
403		403
404	:-ms-input-placeholder {	404	:-ms-input-placeholder {
405	color: #9c9d9d;	405	color: #9c9d9d;
406	opacity: 1;	406	opacity: 1;
407	}	407	}
408		408
409	::-ms-input-placeholder {	409	::-ms-input-placeholder {
410	color: #9c9d9d;	410	color: #9c9d9d;
411	opacity: 1;	411	opacity: 1;
412	}	412	}
413		413
414	::placeholder {	414	::placeholder {
415	color: #9c9d9d;	415	color: #9c9d9d;
416	opacity: 1;	416	opacity: 1;
417	}	417	}
418		418
419	:focus::-webkit-input-placeholder {	419	:focus::-webkit-input-placeholder {
420	color: transparent;	420	color: transparent;
421	}	421	}
422		422
423	:focus::-moz-placeholder {	423	:focus::-moz-placeholder {
424	color: transparent;	424	color: transparent;
425	}	425	}
426		426
427	:focus:-ms-input-placeholder {	427	:focus:-ms-input-placeholder {
428	color: transparent;	428	color: transparent;
429	}	429	}
430		430
431	:focus::-ms-input-placeholder {	431	:focus::-ms-input-placeholder {
432	color: transparent;	432	color: transparent;
433	}	433	}
434		434
435	:focus::placeholder {	435	:focus::placeholder {
436	color: transparent;	436	color: transparent;
437	}	437	}
438		438
439	*,	439	*,
440	*:before,	440	*:before,
441	*:after {	441	*:after {
442	-webkit-box-sizing: border-box;	442	-webkit-box-sizing: border-box;
443	box-sizing: border-box;	443	box-sizing: border-box;
444	-webkit-appearance: none;	444	-webkit-appearance: none;
445	-moz-appearance: none;	445	-moz-appearance: none;
446	appearance: none;	446	appearance: none;
447	outline: none;	447	outline: none;
448	-webkit-box-shadow: none;	448	-webkit-box-shadow: none;
449	box-shadow: none;	449	box-shadow: none;
450	}	450	}
451		451
452	a,	452	a,
453	button,	453	button,
454	select {	454	select {
455	color: inherit;	455	color: inherit;
456	}	456	}
457		457
458	a {	458	a {
459	text-decoration: none;	459	text-decoration: none;
460	}	460	}
461		461
462	a,	462	a,
463	input[type=button],	463	input[type=button],
464	input[type=submit],	464	input[type=submit],
465	button {	465	button {
466	-webkit-user-select: none;	466	-webkit-user-select: none;
467	-moz-user-select: none;	467	-moz-user-select: none;
468	-ms-user-select: none;	468	-ms-user-select: none;
469	user-select: none;	469	user-select: none;
470	-webkit-transition: 0.3s;	470	-webkit-transition: 0.3s;
471	transition: 0.3s;	471	transition: 0.3s;
472	cursor: pointer;	472	cursor: pointer;
473	}	473	}
474		474
475	[type=tel] {	475	[type=tel] {
476	letter-spacing: 1px;	476	letter-spacing: 1px;
477	}	477	}
478		478
479	.br,	479	.br,
480	img,	480	img,
481	svg {	481	svg {
482	display: block;	482	display: block;
483	}	483	}
484		484
485	.float-left {	485	.float-left {
486	float: left;	486	float: left;
487	}	487	}
488		488
489	.float-right {	489	.float-right {
490	float: right;	490	float: right;
491	}	491	}
492		492
493	.clear-both:after {	493	.clear-both:after {
494	content: "";	494	content: "";
495	display: block;	495	display: block;
496	clear: both;	496	clear: both;
497	}	497	}
498		498
499	h1,	499	h1,
500	h2,	500	h2,
501	h3,	501	h3,
502	h4,	502	h4,
503	h5,	503	h5,
504	h6 {	504	h6 {
505	margin: 0;	505	margin: 0;
506	}	506	}
507		507
508	#body {	508	#body {
509	font-family: "Circe", sans-serif;	509	font-family: "Circe", sans-serif;
510	color: #000;	510	color: #000;
511	background: #fff;	511	background: #fff;
512	display: -webkit-box;	512	display: -webkit-box;
513	display: -ms-flexbox;	513	display: -ms-flexbox;
514	display: flex;	514	display: flex;
515	-webkit-box-orient: vertical;	515	-webkit-box-orient: vertical;
516	-webkit-box-direction: normal;	516	-webkit-box-direction: normal;
517	-ms-flex-direction: column;	517	-ms-flex-direction: column;
518	flex-direction: column;	518	flex-direction: column;
519	-webkit-box-pack: justify;	519	-webkit-box-pack: justify;
520	-ms-flex-pack: justify;	520	-ms-flex-pack: justify;
521	justify-content: space-between;	521	justify-content: space-between;
522	gap: 50px;	522	gap: 50px;
523	min-width: 320px;	523	min-width: 320px;
524	min-height: 100vh;	524	min-height: 100vh;
525	line-height: 1.25;	525	line-height: 1.25;
526	}	526	}
527	@media (min-width: 768px) {	527	@media (min-width: 768px) {
528	#body {	528	#body {
529	gap: 60px;	529	gap: 60px;
530	}	530	}
531	}	531	}
532	#body.pdf {	532	#body.pdf {
533	gap: 0;	533	gap: 0;
534	}	534	}
535		535
536	.container {	536	.container {
537	width: 100%;	537	width: 100%;
538	max-width: 1280px;	538	max-width: 1280px;
539	margin-left: auto;	539	margin-left: auto;
540	margin-right: auto;	540	margin-right: auto;
541	padding-left: 10px;	541	padding-left: 10px;
542	padding-right: 10px;	542	padding-right: 10px;
543	}	543	}
544	@media (min-width: 768px) {	544	@media (min-width: 768px) {
545	.container {	545	.container {
546	padding-left: 20px;	546	padding-left: 20px;
547	padding-right: 20px;	547	padding-right: 20px;
548	}	548	}
549	}	549	}
550		550
551	.to-top {	551	.to-top {
552	position: fixed;	552	position: fixed;
553	right: 10px;	553	right: 10px;
554	bottom: 10px;	554	bottom: 10px;
555	border-radius: 999px;	555	border-radius: 999px;
556	display: -webkit-box;	556	display: -webkit-box;
557	display: -ms-flexbox;	557	display: -ms-flexbox;
558	display: flex;	558	display: flex;
559	-webkit-box-pack: center;	559	-webkit-box-pack: center;
560	-ms-flex-pack: center;	560	-ms-flex-pack: center;
561	justify-content: center;	561	justify-content: center;
562	-webkit-box-align: center;	562	-webkit-box-align: center;
563	-ms-flex-align: center;	563	-ms-flex-align: center;
564	align-items: center;	564	align-items: center;
565	color: #fff;	565	color: #fff;
566	background: #377d87;	566	background: #377d87;
567	width: 40px;	567	width: 40px;
568	height: 40px;	568	height: 40px;
569	-webkit-transition: 0.3s;	569	-webkit-transition: 0.3s;
570	transition: 0.3s;	570	transition: 0.3s;
571	margin-right: -100px;	571	margin-right: -100px;
572	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	572	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	573	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574	z-index: 99;	574	z-index: 99;
575	border: 1px solid #377d87;	575	border: 1px solid #377d87;
576	}	576	}
577	.to-top:hover {	577	.to-top:hover {
578	background: #fff;	578	background: #fff;
579	color: #377d87;	579	color: #377d87;
580	}	580	}
581	.to-top svg {	581	.to-top svg {
582	width: 10px;	582	width: 10px;
583	height: 10px;	583	height: 10px;
584	}	584	}
585	@media (min-width: 768px) {	585	@media (min-width: 768px) {
586	.to-top {	586	.to-top {
587	width: 50px;	587	width: 50px;
588	height: 50px;	588	height: 50px;
589	right: 20px;	589	right: 20px;
590	bottom: 20px;	590	bottom: 20px;
591	}	591	}
592	.to-top svg {	592	.to-top svg {
593	width: 12px;	593	width: 12px;
594	height: 12px;	594	height: 12px;
595	}	595	}
596	}	596	}
597		597
598	.begin .to-top {	598	.begin .to-top {
599	margin-right: 0;	599	margin-right: 0;
600	}	600	}
601		601
602	.socials {	602	.socials {
603	display: -webkit-box;	603	display: -webkit-box;
604	display: -ms-flexbox;	604	display: -ms-flexbox;
605	display: flex;	605	display: flex;
606	-webkit-box-align: center;	606	-webkit-box-align: center;
607	-ms-flex-align: center;	607	-ms-flex-align: center;
608	align-items: center;	608	align-items: center;
609	-webkit-box-pack: center;	609	-webkit-box-pack: center;
610	-ms-flex-pack: center;	610	-ms-flex-pack: center;
611	justify-content: center;	611	justify-content: center;
612	gap: 8px;	612	gap: 8px;
613	}	613	}
614	.socials a {	614	.socials a {
615	display: -webkit-box;	615	display: -webkit-box;
616	display: -ms-flexbox;	616	display: -ms-flexbox;
617	display: flex;	617	display: flex;
618	-webkit-box-align: center;	618	-webkit-box-align: center;
619	-ms-flex-align: center;	619	-ms-flex-align: center;
620	align-items: center;	620	align-items: center;
621	-webkit-box-pack: center;	621	-webkit-box-pack: center;
622	-ms-flex-pack: center;	622	-ms-flex-pack: center;
623	justify-content: center;	623	justify-content: center;
624	border: 1px solid #377d87;	624	border: 1px solid #377d87;
625	color: #377d87;	625	color: #377d87;
626	border-radius: 999px;	626	border-radius: 999px;
627	width: 38px;	627	width: 38px;
628	height: 38px;	628	height: 38px;
629	}	629	}
630	.socials a:hover {	630	.socials a:hover {
631	background: #377d87;	631	background: #377d87;
632	color: #fff;	632	color: #fff;
633	}	633	}
634	.socials svg {	634	.socials svg {
635	width: 12px;	635	width: 12px;
636	height: 12px;	636	height: 12px;
637	}	637	}
638		638
639	.nls {	639	.nls {
640	display: -webkit-box;	640	display: -webkit-box;
641	display: -ms-flexbox;	641	display: -ms-flexbox;
642	display: flex;	642	display: flex;
643	color: #000;	643	color: #000;
644	text-align: left;	644	text-align: left;
645	}	645	}
646	.nls:hover {	646	.nls:hover {
647	color: #377d87;	647	color: #377d87;
648	}	648	}
649	.nls svg {	649	.nls svg {
650	width: 30px;	650	width: 30px;
651	height: 40px;	651	height: 40px;
652	}	652	}
653	@media (min-width: 768px) {	653	@media (min-width: 768px) {
654	.nls svg {	654	.nls svg {
655	width: 24px;	655	width: 24px;
656	height: 31px;	656	height: 31px;
657	}	657	}
658	}	658	}
659	.nls span {	659	.nls span {
660	width: calc(100% - 30px);	660	width: calc(100% - 30px);
661	padding-left: 12px;	661	padding-left: 12px;
662	display: -webkit-box;	662	display: -webkit-box;
663	display: -ms-flexbox;	663	display: -ms-flexbox;
664	display: flex;	664	display: flex;
665	-webkit-box-orient: vertical;	665	-webkit-box-orient: vertical;
666	-webkit-box-direction: normal;	666	-webkit-box-direction: normal;
667	-ms-flex-direction: column;	667	-ms-flex-direction: column;
668	flex-direction: column;	668	flex-direction: column;
669	-webkit-box-pack: center;	669	-webkit-box-pack: center;
670	-ms-flex-pack: center;	670	-ms-flex-pack: center;
671	justify-content: center;	671	justify-content: center;
672	font-size: 12px;	672	font-size: 12px;
673	line-height: 1.4;	673	line-height: 1.4;
674	}	674	}
675	@media (min-width: 768px) {	675	@media (min-width: 768px) {
676	.nls span {	676	.nls span {
677	width: calc(100% - 24px);	677	width: calc(100% - 24px);
678	}	678	}
679	}	679	}
680	.nls b {	680	.nls b {
681	font-weight: 400;	681	font-weight: 400;
682	}	682	}
683		683
684	.title,	684	.title,
685	h1 {	685	h1 {
686	margin: 0;	686	margin: 0;
687	font-weight: 700;	687	font-weight: 700;
688	font-size: 32px;	688	font-size: 32px;
689	}	689	}
690	@media (min-width: 768px) {	690	@media (min-width: 768px) {
691	.title,	691	.title,
692	h1 {	692	h1 {
693	font-size: 40px;	693	font-size: 40px;
694	}	694	}
695	}	695	}
696	@media (min-width: 992px) {	696	@media (min-width: 992px) {
697	.title,	697	.title,
698	h1 {	698	h1 {
699	font-size: 48px;	699	font-size: 48px;
700	}	700	}
701	}	701	}
702	@media (min-width: 1280px) {	702	@media (min-width: 1280px) {
703	.title,	703	.title,
704	h1 {	704	h1 {
705	font-size: 64px;	705	font-size: 64px;
706	}	706	}
707	}	707	}
708		708
709	.swiper-pagination {	709	.swiper-pagination {
710	display: -webkit-box;	710	display: -webkit-box;
711	display: -ms-flexbox;	711	display: -ms-flexbox;
712	display: flex;	712	display: flex;
713	-webkit-box-pack: center;	713	-webkit-box-pack: center;
714	-ms-flex-pack: center;	714	-ms-flex-pack: center;
715	justify-content: center;	715	justify-content: center;
716	-webkit-box-align: center;	716	-webkit-box-align: center;
717	-ms-flex-align: center;	717	-ms-flex-align: center;
718	align-items: center;	718	align-items: center;
719	position: static;	719	position: static;
720	margin-top: 20px;	720	margin-top: 20px;
721	gap: 8px;	721	gap: 8px;
722	}	722	}
723	@media (min-width: 768px) {	723	@media (min-width: 768px) {
724	.swiper-pagination {	724	.swiper-pagination {
725	margin-top: 30px;	725	margin-top: 30px;
726	}	726	}
727	}	727	}
728	.swiper-pagination-bullet {	728	.swiper-pagination-bullet {
729	width: 16px;	729	width: 16px;
730	height: 16px;	730	height: 16px;
731	opacity: 1;	731	opacity: 1;
732	border: 1px solid #cdcece;	732	border: 1px solid #cdcece;
733	-webkit-transition: 0.3s;	733	-webkit-transition: 0.3s;
734	transition: 0.3s;	734	transition: 0.3s;
735	background: transparent;	735	background: transparent;
736	display: -webkit-box;	736	display: -webkit-box;
737	display: -ms-flexbox;	737	display: -ms-flexbox;
738	display: flex;	738	display: flex;
739	-webkit-box-pack: center;	739	-webkit-box-pack: center;
740	-ms-flex-pack: center;	740	-ms-flex-pack: center;
741	justify-content: center;	741	justify-content: center;
742	-webkit-box-align: center;	742	-webkit-box-align: center;
743	-ms-flex-align: center;	743	-ms-flex-align: center;
744	align-items: center;	744	align-items: center;
745	margin: 0 !important;	745	margin: 0 !important;
746	}	746	}
747	.swiper-pagination-bullet:before {	747	.swiper-pagination-bullet:before {
748	content: "";	748	content: "";
749	width: 6px;	749	width: 6px;
750	height: 6px;	750	height: 6px;
751	border-radius: 999px;	751	border-radius: 999px;
752	background: #377d87;	752	background: #377d87;
753	opacity: 0;	753	opacity: 0;
754	-webkit-transition: 0.3s;	754	-webkit-transition: 0.3s;
755	transition: 0.3s;	755	transition: 0.3s;
756	}	756	}
757	.swiper-pagination-bullet:hover {	757	.swiper-pagination-bullet:hover {
758	border-color: #377d87;	758	border-color: #377d87;
759	}	759	}
760	.swiper-pagination-bullet-active {	760	.swiper-pagination-bullet-active {
761	border-color: #377d87;	761	border-color: #377d87;
762	}	762	}
763	.swiper-pagination-bullet-active:before {	763	.swiper-pagination-bullet-active:before {
764	opacity: 1;	764	opacity: 1;
765	}	765	}
766		766
767	.navs {	767	.navs {
768	display: -webkit-box;	768	display: -webkit-box;
769	display: -ms-flexbox;	769	display: -ms-flexbox;
770	display: flex;	770	display: flex;
771	-webkit-box-align: center;	771	-webkit-box-align: center;
772	-ms-flex-align: center;	772	-ms-flex-align: center;
773	align-items: center;	773	align-items: center;
774	-webkit-box-pack: justify;	774	-webkit-box-pack: justify;
775	-ms-flex-pack: justify;	775	-ms-flex-pack: justify;
776	justify-content: space-between;	776	justify-content: space-between;
777	gap: 20px;	777	gap: 20px;
778	width: 80px;	778	width: 80px;
779	}	779	}
780	.navs button {	780	.navs button {
781	color: #377d87;	781	color: #377d87;
782	background: none;	782	background: none;
783	border: none;	783	border: none;
784	padding: 0;	784	padding: 0;
785	}	785	}
786	.navs button[disabled] {	786	.navs button[disabled] {
787	cursor: not-allowed;	787	cursor: not-allowed;
788	color: #cddee1;	788	color: #cddee1;
789	}	789	}
790	.navs svg {	790	.navs svg {
791	width: 14px;	791	width: 14px;
792	height: 28px;	792	height: 28px;
793	}	793	}
794		794
795	.select {	795	.select {
796	position: relative;	796	position: relative;
797	}	797	}
798	.select2 {	798	.select2 {
799	width: 100% !important;	799	width: 100% !important;
800	}	800	}
801	.select2-container {	801	.select2-container {
802	font-size: 12px;	802	font-size: 12px;
803	}	803	}
804	@media (min-width: 768px) {	804	@media (min-width: 768px) {
805	.select2-container {	805	.select2-container {
806	font-size: 16px;	806	font-size: 16px;
807	}	807	}
808	}	808	}
809	.select2-container--open .select2-selection {	809	.select2-container--open .select2-selection {
810	border-color: #377d87 !important;	810	border-color: #377d87 !important;
811	}	811	}
812	.select2-container--open .select2-selection__arrow svg {	812	.select2-container--open .select2-selection__arrow svg {
813	-webkit-transform: rotate(180deg);	813	-webkit-transform: rotate(180deg);
814	-ms-transform: rotate(180deg);	814	-ms-transform: rotate(180deg);
815	transform: rotate(180deg);	815	transform: rotate(180deg);
816	}	816	}
817	.select2-selection {	817	.select2-selection {
818	min-height: 30px !important;	818	min-height: 30px !important;
819	border-radius: 8px !important;	819	border-radius: 8px !important;
820	border-color: #e7e7e7 !important;	820	border-color: #e7e7e7 !important;
821	-webkit-transition: 0.3s;	821	-webkit-transition: 0.3s;
822	transition: 0.3s;	822	transition: 0.3s;
823	}	823	}
824	@media (min-width: 768px) {	824	@media (min-width: 768px) {
825	.select2-selection {	825	.select2-selection {
826	min-height: 50px !important;	826	min-height: 50px !important;
827	}	827	}
828	}	828	}
829	.select2-selection__rendered {	829	.select2-selection__rendered {
830	line-height: 28px !important;	830	line-height: 28px !important;
831	padding: 0 30px 0 10px !important;	831	padding: 0 30px 0 10px !important;
832	}	832	}
833	@media (min-width: 768px) {	833	@media (min-width: 768px) {
834	.select2-selection__rendered {	834	.select2-selection__rendered {
835	line-height: 48px !important;	835	line-height: 48px !important;
836	padding: 0 46px 0 20px !important;	836	padding: 0 46px 0 20px !important;
837	}	837	}
838	}	838	}
839	.select2-selection--multiple .select2-selection__rendered {	839	.select2-selection--multiple .select2-selection__rendered {
840	display: -webkit-box !important;	840	display: -webkit-box !important;
841	display: -ms-flexbox !important;	841	display: -ms-flexbox !important;
842	display: flex !important;	842	display: flex !important;
843	-webkit-box-align: center;	843	-webkit-box-align: center;
844	-ms-flex-align: center;	844	-ms-flex-align: center;
845	align-items: center;	845	align-items: center;
846	-ms-flex-wrap: wrap;	846	-ms-flex-wrap: wrap;
847	flex-wrap: wrap;	847	flex-wrap: wrap;
848	gap: 10px;	848	gap: 10px;
849	padding-top: 10px !important;	849	padding-top: 10px !important;
850	padding-bottom: 10px !important;	850	padding-bottom: 10px !important;
851	}	851	}
852	.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {	852	.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853	margin: 0;	853	margin: 0;
854	}	854	}
855	.select2-selection__arrow {	855	.select2-selection__arrow {
856	top: 0 !important;	856	top: 0 !important;
857	right: 0 !important;	857	right: 0 !important;
858	width: 30px !important;	858	width: 30px !important;
859	height: 100% !important;	859	height: 100% !important;
860	display: -webkit-box;	860	display: -webkit-box;
861	display: -ms-flexbox;	861	display: -ms-flexbox;
862	display: flex;	862	display: flex;
863	-webkit-box-pack: center;	863	-webkit-box-pack: center;
864	-ms-flex-pack: center;	864	-ms-flex-pack: center;
865	justify-content: center;	865	justify-content: center;
866	-webkit-box-align: center;	866	-webkit-box-align: center;
867	-ms-flex-align: center;	867	-ms-flex-align: center;
868	align-items: center;	868	align-items: center;
869	color: #377d87;	869	color: #377d87;
870	}	870	}
871	@media (min-width: 768px) {	871	@media (min-width: 768px) {
872	.select2-selection__arrow {	872	.select2-selection__arrow {
873	width: 50px !important;	873	width: 50px !important;
874	}	874	}
875	}	875	}
876	.select2-selection__arrow svg {	876	.select2-selection__arrow svg {
877	width: 12px;	877	width: 12px;
878	height: 12px;	878	height: 12px;
879	-webkit-transition: 0.3s;	879	-webkit-transition: 0.3s;
880	transition: 0.3s;	880	transition: 0.3s;
881	}	881	}
882	@media (min-width: 768px) {	882	@media (min-width: 768px) {
883	.select2-selection__arrow svg {	883	.select2-selection__arrow svg {
884	width: 14px;	884	width: 14px;
885	height: 14px;	885	height: 14px;
886	}	886	}
887	}	887	}
888	.select2-selection__choice {	888	.select2-selection__choice {
889	display: -webkit-box;	889	display: -webkit-box;
890	display: -ms-flexbox;	890	display: -ms-flexbox;
891	display: flex;	891	display: flex;
892	-webkit-box-orient: horizontal;	892	-webkit-box-orient: horizontal;
893	-webkit-box-direction: reverse;	893	-webkit-box-direction: reverse;
894	-ms-flex-direction: row-reverse;	894	-ms-flex-direction: row-reverse;
895	flex-direction: row-reverse;	895	flex-direction: row-reverse;
896	-webkit-box-align: center;	896	-webkit-box-align: center;
897	-ms-flex-align: center;	897	-ms-flex-align: center;
898	align-items: center;	898	align-items: center;
899	-webkit-box-pack: center;	899	-webkit-box-pack: center;
900	-ms-flex-pack: center;	900	-ms-flex-pack: center;
901	justify-content: center;	901	justify-content: center;
902	gap: 4px;	902	gap: 4px;
903	padding: 0 4px 0 6px !important;	903	padding: 0 4px 0 6px !important;
904	background: #377d87 !important;	904	background: #377d87 !important;
905	border: none !important;	905	border: none !important;
906	border-radius: 6px !important;	906	border-radius: 6px !important;
907	line-height: 1 !important;	907	line-height: 1 !important;
908	color: #fff;	908	color: #fff;
909	height: 24px;	909	height: 24px;
910	}	910	}
911	@media (min-width: 768px) {	911	@media (min-width: 768px) {
912	.select2-selection__choice {	912	.select2-selection__choice {
913	height: 32px;	913	height: 32px;
914	gap: 6px;	914	gap: 6px;
915	padding: 0 6px 0 10px !important;	915	padding: 0 6px 0 10px !important;
916	border-radius: 8px !important;	916	border-radius: 8px !important;
917	}	917	}
918	}	918	}
919	.select2-selection__choice__remove {	919	.select2-selection__choice__remove {
920	width: 14px;	920	width: 14px;
921	height: 14px;	921	height: 14px;
922	padding-top: 4px;	922	padding-top: 4px;
923	display: -webkit-box !important;	923	display: -webkit-box !important;
924	display: -ms-flexbox !important;	924	display: -ms-flexbox !important;
925	display: flex !important;	925	display: flex !important;
926	-webkit-box-pack: center;	926	-webkit-box-pack: center;
927	-ms-flex-pack: center;	927	-ms-flex-pack: center;
928	justify-content: center;	928	justify-content: center;
929	-webkit-box-align: center;	929	-webkit-box-align: center;
930	-ms-flex-align: center;	930	-ms-flex-align: center;
931	align-items: center;	931	align-items: center;
932	color: #fff !important;	932	color: #fff !important;
933	font-weight: 400 !important;	933	font-weight: 400 !important;
934	font-size: 26px;	934	font-size: 26px;
935	}	935	}
936	.select2-search {	936	.select2-search {
937	display: none;	937	display: none;
938	}	938	}
939	.select2-dropdown {	939	.select2-dropdown {
940	z-index: 99999;	940	z-index: 99999;
941	border: none;	941	border: none;
942	border-radius: 0;	942	border-radius: 0;
943	background: none;	943	background: none;
944	padding: 5px 0;	944	padding: 5px 0;
945	}	945	}
946	@media (min-width: 768px) {	946	@media (min-width: 768px) {
947	.select2-dropdown {	947	.select2-dropdown {
948	padding: 10px 0;	948	padding: 10px 0;
949	}	949	}
950	}	950	}
951	.select2-results {	951	.select2-results {
952	background: #fff;	952	background: #fff;
953	border-radius: 8px;	953	border-radius: 8px;
954	border: 1px solid #377d87;	954	border: 1px solid #377d87;
955	overflow: hidden;	955	overflow: hidden;
956	}	956	}
957	@media (min-width: 768px) {	957	@media (min-width: 768px) {
958	.select2-results__option {	958	.select2-results__option {
959	padding: 10px 14px;	959	padding: 10px 14px;
960	}	960	}
961	}	961	}
962	.select2-results__option--highlighted {	962	.select2-results__option--highlighted {
963	background: #377d87 !important;	963	background: #377d87 !important;
964	}	964	}
965	@media (min-width: 768px) {	965	@media (min-width: 768px) {
966	.select_search .select2-selection__rendered {	966	.select_search .select2-selection__rendered {
967	padding-left: 60px !important;	967	padding-left: 60px !important;
968	}	968	}
969	}	969	}
970	.select_search .select__icon {	970	.select_search .select__icon {
971	display: none;	971	display: none;
972	height: 28px;	972	height: 28px;
973	-webkit-box-align: center;	973	-webkit-box-align: center;
974	-ms-flex-align: center;	974	-ms-flex-align: center;
975	align-items: center;	975	align-items: center;
976	padding-right: 12px;	976	padding-right: 12px;
977	z-index: 2;	977	z-index: 2;
978	position: absolute;	978	position: absolute;
979	top: 50%;	979	top: 50%;
980	left: 15px;	980	left: 15px;
981	margin-top: -14px;	981	margin-top: -14px;
982	}	982	}
983	@media (min-width: 768px) {	983	@media (min-width: 768px) {
984	.select_search .select__icon {	984	.select_search .select__icon {
985	display: -webkit-box;	985	display: -webkit-box;
986	display: -ms-flexbox;	986	display: -ms-flexbox;
987	display: flex;	987	display: flex;
988	}	988	}
989	}	989	}
990	.select_search .select__icon:after {	990	.select_search .select__icon:after {
991	content: "";	991	content: "";
992	width: 1px;	992	width: 1px;
993	height: 100%;	993	height: 100%;
994	border-radius: 999px;	994	border-radius: 999px;
995	position: absolute;	995	position: absolute;
996	top: 0;	996	top: 0;
997	right: 0;	997	right: 0;
998	background: #cecece;	998	background: #cecece;
999	}	999	}
1000	.select_search .select__icon svg {	1000	.select_search .select__icon svg {
1001	color: #9c9d9d;	1001	color: #9c9d9d;
1002	width: 20px;	1002	width: 20px;
1003	height: 20px;	1003	height: 20px;
1004	}	1004	}
1005		1005
1006	.form-group {	1006	.form-group {
1007	display: -webkit-box;	1007	display: -webkit-box;
1008	display: -ms-flexbox;	1008	display: -ms-flexbox;
1009	display: flex;	1009	display: flex;
1010	-webkit-box-orient: vertical;	1010	-webkit-box-orient: vertical;
1011	-webkit-box-direction: normal;	1011	-webkit-box-direction: normal;
1012	-ms-flex-direction: column;	1012	-ms-flex-direction: column;
1013	flex-direction: column;	1013	flex-direction: column;
1014	gap: 4px;	1014	gap: 4px;
1015	}	1015	}
1016	.form-group__label {	1016	.form-group__label {
1017	font-size: 12px;	1017	font-size: 12px;
1018	}	1018	}
1019	@media (min-width: 768px) {	1019	@media (min-width: 768px) {
1020	.form-group__label {	1020	.form-group__label {
1021	font-size: 16px;	1021	font-size: 16px;
1022	}	1022	}
1023	}	1023	}
1024	.form-group__item {	1024	.form-group__item {
1025	display: -webkit-box;	1025	display: -webkit-box;
1026	display: -ms-flexbox;	1026	display: -ms-flexbox;
1027	display: flex;	1027	display: flex;
1028	-webkit-box-orient: vertical;	1028	-webkit-box-orient: vertical;
1029	-webkit-box-direction: normal;	1029	-webkit-box-direction: normal;
1030	-ms-flex-direction: column;	1030	-ms-flex-direction: column;
1031	flex-direction: column;	1031	flex-direction: column;
1032	position: relative;	1032	position: relative;
1033	}	1033	}
1034		1034
1035	.input {	1035	.input {
1036	display: block;	1036	display: block;
1037	height: 30px;	1037	height: 30px;
1038	border: 1px solid #cecece;	1038	border: 1px solid #cecece;
1039	background: #fff;	1039	background: #fff;
1040	font-size: 12px;	1040	font-size: 12px;
1041	border-radius: 8px;	1041	border-radius: 8px;
1042	padding: 0 10px;	1042	padding: 0 10px;
1043	color: #000;	1043	color: #000;
1044	-webkit-transition: 0.3s;	1044	-webkit-transition: 0.3s;
1045	transition: 0.3s;	1045	transition: 0.3s;
1046	position: relative;	1046	position: relative;
1047	z-index: 1;	1047	z-index: 1;
1048	}	1048	}
1049	@media (min-width: 768px) {	1049	@media (min-width: 768px) {
1050	.input {	1050	.input {
1051	padding: 0 20px;	1051	padding: 0 20px;
1052	height: 44px;	1052	height: 44px;
1053	font-size: 16px;	1053	font-size: 16px;
1054	}	1054	}
1055	}	1055	}
1056	.input:focus {	1056	.input:focus {
1057	border-color: #377d87;	1057	border-color: #377d87;
1058	}	1058	}
1059	.input[disabled] {	1059	.input[disabled] {
1060	color: #9c9d9d;	1060	color: #9c9d9d;
1061	background: #e7e7e7;	1061	background: #e7e7e7;
1062	}	1062	}
1063	.input[type=date] {	1063	.input[type=date] {
1064	text-transform: uppercase;	1064	text-transform: uppercase;
1065	}	1065	}
1066		1066
1067	.textarea {	1067	.textarea {
1068	resize: none;	1068	resize: none;
1069	display: block;	1069	display: block;
1070	width: 100%;	1070	width: 100%;
1071	border-radius: 8px;	1071	border-radius: 8px;
1072	border: 1px solid #cecece;	1072	border: 1px solid #cecece;
1073	background: #fff;	1073	background: #fff;
1074	-webkit-transition: 0.3s;	1074	-webkit-transition: 0.3s;
1075	transition: 0.3s;	1075	transition: 0.3s;
1076	font-size: 12px;	1076	font-size: 12px;
1077	line-height: 1.4;	1077	line-height: 1.4;
1078	padding: 10px;	1078	padding: 10px;
1079	aspect-ratio: 8/3;	1079	aspect-ratio: 8/3;
1080	max-height: 250px;	1080	max-height: 250px;
1081	}	1081	}
1082	@media (min-width: 768px) {	1082	@media (min-width: 768px) {
1083	.textarea {	1083	.textarea {
1084	padding: 20px;	1084	padding: 20px;
1085	font-size: 16px;	1085	font-size: 16px;
1086	height: 280px;	1086	height: 280px;
1087	}	1087	}
1088	}	1088	}
1089	.textarea:focus {	1089	.textarea:focus {
1090	border-color: #377d87;	1090	border-color: #377d87;
1091	}	1091	}
1092		1092
1093	.button {	1093	.button {
1094	display: -webkit-box;	1094	display: -webkit-box;
1095	display: -ms-flexbox;	1095	display: -ms-flexbox;
1096	display: flex;	1096	display: flex;
1097	-webkit-box-pack: center;	1097	-webkit-box-pack: center;
1098	-ms-flex-pack: center;	1098	-ms-flex-pack: center;
1099	justify-content: center;	1099	justify-content: center;
1100	-webkit-box-align: center;	1100	-webkit-box-align: center;
1101	-ms-flex-align: center;	1101	-ms-flex-align: center;
1102	align-items: center;	1102	align-items: center;
1103	color: #fff;	1103	color: #fff;
1104	background: #377d87;	1104	background: #377d87;
1105	height: 30px;	1105	height: 30px;
1106	border-radius: 8px;	1106	border-radius: 8px;
1107	padding: 0 12px;	1107	padding: 0 12px;
1108	border: 1px solid #377d87;	1108	border: 1px solid #377d87;
1109	font-weight: 700;	1109	font-weight: 700;
1110	font-size: 12px;	1110	font-size: 12px;
1111	text-align: center;	1111	text-align: center;
1112	line-height: 1;	1112	line-height: 1;
1113	gap: 6px;	1113	gap: 6px;
1114	-webkit-transition: 0.3s;	1114	-webkit-transition: 0.3s;
1115	transition: 0.3s;	1115	transition: 0.3s;
1116	cursor: pointer;	1116	cursor: pointer;
1117	}	1117	}
1118	@media (min-width: 768px) {	1118	@media (min-width: 768px) {
1119	.button {	1119	.button {
1120	padding: 0 24px;	1120	padding: 0 24px;
1121	font-size: 16px;	1121	font-size: 16px;
1122	height: 44px;	1122	height: 44px;
1123	gap: 12px;	1123	gap: 12px;
1124	}	1124	}
1125	}	1125	}
1126	@media (min-width: 992px) {	1126	@media (min-width: 992px) {
1127	.button {	1127	.button {
1128	padding: 0 36px;	1128	padding: 0 36px;
1129	}	1129	}
1130	}	1130	}
1131	.button:hover {	1131	.button:hover {
1132	background: transparent;	1132	background: transparent;
1133	color: #377d87;	1133	color: #377d87;
1134	}	1134	}
1135	.button img,	1135	.button img,
1136	.button svg {	1136	.button svg {
1137	width: 12px;	1137	width: 12px;
1138	height: 12px;	1138	height: 12px;
1139	}	1139	}
1140	@media (min-width: 768px) {	1140	@media (min-width: 768px) {
1141	.button img,	1141	.button img,
1142	.button svg {	1142	.button svg {
1143	width: 18px;	1143	width: 18px;
1144	height: 18px;	1144	height: 18px;
1145	}	1145	}
1146	}	1146	}
1147	.button_more span + span {	1147	.button_more span + span {
1148	display: none;	1148	display: none;
1149	}	1149	}
1150	.button_more.active span {	1150	.button_more.active span {
1151	display: none;	1151	display: none;
1152	}	1152	}
1153	.button_more.active span + span {	1153	.button_more.active span + span {
1154	display: block;	1154	display: block;
1155	}	1155	}
1156	.button_light {	1156	.button_light {
1157	background: transparent;	1157	background: transparent;
1158	color: #377d87;	1158	color: #377d87;
1159	}	1159	}
1160	.button_light:hover {	1160	.button_light:hover {
1161	background: #377d87;	1161	background: #377d87;
1162	color: #fff;	1162	color: #fff;
1163	}	1163	}
1164	.button_whited {	1164	.button_whited {
1165	background: #fff;	1165	background: #fff;
1166	color: #377d87;	1166	color: #377d87;
1167	border-color: #fff;	1167	border-color: #fff;
1168	}	1168	}
1169	.button_whited:hover {	1169	.button_whited:hover {
1170	background: #377d87;	1170	background: #377d87;
1171	color: #fff;	1171	color: #fff;
1172	}	1172	}
1173		1173
1174	.search {	1174	.search {
1175	width: 100%;	1175	width: 100%;
1176	position: relative;	1176	position: relative;
1177	background: #fff;	1177	background: #fff;
1178	border-radius: 8px;	1178	border-radius: 8px;
1179	}	1179	}
1180	.search span {	1180	.search span {
1181	display: none;	1181	display: none;
1182	height: 28px;	1182	height: 28px;
1183	-webkit-box-align: center;	1183	-webkit-box-align: center;
1184	-ms-flex-align: center;	1184	-ms-flex-align: center;
1185	align-items: center;	1185	align-items: center;
1186	padding-right: 12px;	1186	padding-right: 12px;
1187	z-index: 1;	1187	z-index: 1;
1188	position: absolute;	1188	position: absolute;
1189	top: 50%;	1189	top: 50%;
1190	left: 15px;	1190	left: 15px;
1191	margin-top: -14px;	1191	margin-top: -14px;
1192	}	1192	}
1193	@media (min-width: 768px) {	1193	@media (min-width: 768px) {
1194	.search span {	1194	.search span {
1195	display: -webkit-box;	1195	display: -webkit-box;
1196	display: -ms-flexbox;	1196	display: -ms-flexbox;
1197	display: flex;	1197	display: flex;
1198	}	1198	}
1199	}	1199	}
1200	.search span:after {	1200	.search span:after {
1201	content: "";	1201	content: "";
1202	width: 1px;	1202	width: 1px;
1203	height: 100%;	1203	height: 100%;
1204	border-radius: 999px;	1204	border-radius: 999px;
1205	position: absolute;	1205	position: absolute;
1206	top: 0;	1206	top: 0;
1207	right: 0;	1207	right: 0;
1208	background: #cecece;	1208	background: #cecece;
1209	}	1209	}
1210	.search span svg {	1210	.search span svg {
1211	color: #9c9d9d;	1211	color: #9c9d9d;
1212	width: 20px;	1212	width: 20px;
1213	height: 20px;	1213	height: 20px;
1214	}	1214	}
1215	.search input {	1215	.search input {
1216	width: 100%;	1216	width: 100%;
1217	padding-right: 150px;	1217	padding-right: 150px;
1218	position: relative;	1218	position: relative;
1219	z-index: 2;	1219	z-index: 2;
1220	background: none;	1220	background: none;
1221	}	1221	}
1222	@media (min-width: 768px) {	1222	@media (min-width: 768px) {
1223	.search input {	1223	.search input {
1224	padding-left: 60px;	1224	padding-left: 60px;
1225	padding-right: 220px;	1225	padding-right: 220px;
1226	}	1226	}
1227	}	1227	}
1228	.search button {	1228	.search button {
1229	width: 140px;	1229	width: 140px;
1230	position: absolute;	1230	position: absolute;
1231	padding: 0;	1231	padding: 0;
1232	top: 0;	1232	top: 0;
1233	right: 0;	1233	right: 0;
1234	z-index: 3;	1234	z-index: 3;
1235	}	1235	}
1236	@media (min-width: 768px) {	1236	@media (min-width: 768px) {
1237	.search button {	1237	.search button {
1238	width: 200px;	1238	width: 200px;
1239	}	1239	}
1240	}	1240	}
1241		1241
1242	.breadcrumbs {	1242	.breadcrumbs {
1243	display: -webkit-box;	1243	display: -webkit-box;
1244	display: -ms-flexbox;	1244	display: -ms-flexbox;
1245	display: flex;	1245	display: flex;
1246	-webkit-box-align: center;	1246	-webkit-box-align: center;
1247	-ms-flex-align: center;	1247	-ms-flex-align: center;
1248	align-items: center;	1248	align-items: center;
1249	-ms-flex-wrap: wrap;	1249	-ms-flex-wrap: wrap;
1250	flex-wrap: wrap;	1250	flex-wrap: wrap;
1251	gap: 12px 6px;	1251	gap: 12px 6px;
1252	margin: 0;	1252	margin: 0;
1253	padding: 0;	1253	padding: 0;
1254	font-size: 11px;	1254	font-size: 11px;
1255	color: #cecece;	1255	color: #cecece;
1256	line-height: 1;	1256	line-height: 1;
1257	}	1257	}
1258	@media (min-width: 992px) {	1258	@media (min-width: 992px) {
1259	.breadcrumbs {	1259	.breadcrumbs {
1260	font-size: 13px;	1260	font-size: 13px;
1261	}	1261	}
1262	}	1262	}
1263	@media (min-width: 1280px) {	1263	@media (min-width: 1280px) {
1264	.breadcrumbs {	1264	.breadcrumbs {
1265	font-size: 16px;	1265	font-size: 16px;
1266	}	1266	}
1267	}	1267	}
1268	.breadcrumbs li {	1268	.breadcrumbs li {
1269	display: -webkit-box;	1269	display: -webkit-box;
1270	display: -ms-flexbox;	1270	display: -ms-flexbox;
1271	display: flex;	1271	display: flex;
1272	-webkit-box-align: center;	1272	-webkit-box-align: center;
1273	-ms-flex-align: center;	1273	-ms-flex-align: center;
1274	align-items: center;	1274	align-items: center;
1275	gap: 6px;	1275	gap: 6px;
1276	}	1276	}
1277	.breadcrumbs li:before {	1277	.breadcrumbs li:before {
1278	content: "";	1278	content: "";
1279	width: 4px;	1279	width: 4px;
1280	height: 4px;	1280	height: 4px;
1281	background: #cecece;	1281	background: #cecece;
1282	border-radius: 999px;	1282	border-radius: 999px;
1283	position: relative;	1283	position: relative;
1284	top: -1px;	1284	top: -1px;
1285	}	1285	}
1286	.breadcrumbs li:first-child:before {	1286	.breadcrumbs li:first-child:before {
1287	display: none;	1287	display: none;
1288	}	1288	}
1289	.breadcrumbs li:last-child:before {	1289	.breadcrumbs li:last-child:before {
1290	background: #377d87;	1290	background: #377d87;
1291	}	1291	}
1292	.breadcrumbs a:hover {	1292	.breadcrumbs a:hover {
1293	color: #377d87;	1293	color: #377d87;
1294	}	1294	}
1295	.breadcrumbs b {	1295	.breadcrumbs b {
1296	color: #377d87;	1296	color: #377d87;
1297	font-weight: 700;	1297	font-weight: 700;
1298	}	1298	}
1299		1299
1300	.pagination {	1300	.pagination {
1301	display: -webkit-box;	1301	display: -webkit-box;
1302	display: -ms-flexbox;	1302	display: -ms-flexbox;
1303	display: flex;	1303	display: flex;
1304	-webkit-box-align: center;	1304	-webkit-box-align: center;
1305	-ms-flex-align: center;	1305	-ms-flex-align: center;
1306	align-items: center;	1306	align-items: center;
1307	-webkit-box-pack: center;	1307	-webkit-box-pack: center;
1308	-ms-flex-pack: center;	1308	-ms-flex-pack: center;
1309	justify-content: center;	1309	justify-content: center;
1310	-ms-flex-wrap: wrap;	1310	-ms-flex-wrap: wrap;
1311	flex-wrap: wrap;	1311	flex-wrap: wrap;
1312	line-height: 1;	1312	line-height: 1;
1313	color: #000;	1313	color: #000;
1314	font-size: 12px;	1314	font-size: 12px;
1315	margin: 0 auto;	1315	margin: 0 auto;
1316	}	1316	}
1317	@media (min-width: 768px) {	1317	@media (min-width: 768px) {
1318	.pagination {	1318	.pagination {
1319	font-size: 14px;	1319	font-size: 14px;
1320	gap: 3px;	1320	gap: 3px;
1321	}	1321	}
1322	}	1322	}
1323	.pagination__item {	1323	.pagination__item {
1324	width: 40px;	1324	width: 40px;
1325	height: 40px;	1325	height: 40px;
1326	display: -webkit-box;	1326	display: -webkit-box;
1327	display: -ms-flexbox;	1327	display: -ms-flexbox;
1328	display: flex;	1328	display: flex;
1329	-webkit-box-pack: center;	1329	-webkit-box-pack: center;
1330	-ms-flex-pack: center;	1330	-ms-flex-pack: center;
1331	justify-content: center;	1331	justify-content: center;
1332	-webkit-box-align: center;	1332	-webkit-box-align: center;
1333	-ms-flex-align: center;	1333	-ms-flex-align: center;
1334	align-items: center;	1334	align-items: center;
1335	background: none;	1335	background: none;
1336	padding: 0;	1336	padding: 0;
1337	border: 1px solid transparent;	1337	border: 1px solid transparent;
1338	border-radius: 8px;	1338	border-radius: 8px;
1339	}	1339	}
1340	.pagination__item:hover {	1340	.pagination__item:hover {
1341	-webkit-transition: 0s;	1341	-webkit-transition: 0s;
1342	transition: 0s;	1342	transition: 0s;
1343	color: #377d87;	1343	color: #377d87;
1344	font-weight: 700;	1344	font-weight: 700;
1345	}	1345	}
1346	.pagination__item.active {	1346	.pagination__item.active {
1347	font-weight: 700;	1347	font-weight: 700;
1348	color: #fff;	1348	color: #fff;
1349	background: #377d87;	1349	background: #377d87;
1350	border-color: #377d87;	1350	border-color: #377d87;
1351	}	1351	}
1352	.pagination__dots {	1352	.pagination__dots {
1353	width: 40px;	1353	width: 40px;
1354	height: 40px;	1354	height: 40px;
1355	display: -webkit-box;	1355	display: -webkit-box;
1356	display: -ms-flexbox;	1356	display: -ms-flexbox;
1357	display: flex;	1357	display: flex;
1358	-webkit-box-pack: center;	1358	-webkit-box-pack: center;
1359	-ms-flex-pack: center;	1359	-ms-flex-pack: center;
1360	justify-content: center;	1360	justify-content: center;
1361	-webkit-box-align: center;	1361	-webkit-box-align: center;
1362	-ms-flex-align: center;	1362	-ms-flex-align: center;
1363	align-items: center;	1363	align-items: center;
1364	}	1364	}
1365	.pagination__dots svg {	1365	.pagination__dots svg {
1366	width: 15px;	1366	width: 15px;
1367	height: 15px;	1367	height: 15px;
1368	}	1368	}
1369	.pagination__nav {	1369	.pagination__nav {
1370	width: 40px;	1370	width: 40px;
1371	height: 40px;	1371	height: 40px;
1372	display: none;	1372	display: none;
1373	-webkit-box-pack: center;	1373	-webkit-box-pack: center;
1374	-ms-flex-pack: center;	1374	-ms-flex-pack: center;
1375	justify-content: center;	1375	justify-content: center;
1376	-webkit-box-align: center;	1376	-webkit-box-align: center;
1377	-ms-flex-align: center;	1377	-ms-flex-align: center;
1378	align-items: center;	1378	align-items: center;
1379	background: none;	1379	background: none;
1380	padding: 0;	1380	padding: 0;
1381	border: 1px solid #cddee1;	1381	border: 1px solid #cddee1;
1382	color: #377d87;	1382	color: #377d87;
1383	border-radius: 8px;	1383	border-radius: 8px;
1384	}	1384	}
1385	@media (min-width: 768px) {	1385	@media (min-width: 768px) {
1386	.pagination__nav {	1386	.pagination__nav {
1387	display: -webkit-box;	1387	display: -webkit-box;
1388	display: -ms-flexbox;	1388	display: -ms-flexbox;
1389	display: flex;	1389	display: flex;
1390	}	1390	}
1391	}	1391	}
1392	.pagination__nav:hover {	1392	.pagination__nav:hover {
1393	border-color: #377d87;	1393	border-color: #377d87;
1394	background: #377d87;	1394	background: #377d87;
1395	color: #fff;	1395	color: #fff;
1396	}	1396	}
1397	.pagination__nav svg {	1397	.pagination__nav svg {
1398	width: 10px;	1398	width: 10px;
1399	height: 10px;	1399	height: 10px;
1400	}	1400	}
1401	.pagination__nav_prev {	1401	.pagination__nav_prev {
1402	margin-right: 37px;	1402	margin-right: 37px;
1403	}	1403	}
1404	.pagination__nav_prev svg {	1404	.pagination__nav_prev svg {
1405	-webkit-transform: rotate(180deg);	1405	-webkit-transform: rotate(180deg);
1406	-ms-transform: rotate(180deg);	1406	-ms-transform: rotate(180deg);
1407	transform: rotate(180deg);	1407	transform: rotate(180deg);
1408	}	1408	}
1409	.pagination__nav_next {	1409	.pagination__nav_next {
1410	margin-left: 37px;	1410	margin-left: 37px;
1411	}	1411	}
1412		1412
1413	.filters {	1413	.filters {
1414	display: -webkit-box;	1414	display: -webkit-box;
1415	display: -ms-flexbox;	1415	display: -ms-flexbox;
1416	display: flex;	1416	display: flex;
1417	-webkit-box-orient: vertical;	1417	-webkit-box-orient: vertical;
1418	-webkit-box-direction: normal;	1418	-webkit-box-direction: normal;
1419	-ms-flex-direction: column;	1419	-ms-flex-direction: column;
1420	flex-direction: column;	1420	flex-direction: column;
1421	gap: 10px;	1421	gap: 10px;
1422	}	1422	}
1423	@media (min-width: 768px) {	1423	@media (min-width: 768px) {
1424	.filters {	1424	.filters {
1425	-webkit-box-orient: horizontal;	1425	-webkit-box-orient: horizontal;
1426	-webkit-box-direction: normal;	1426	-webkit-box-direction: normal;
1427	-ms-flex-direction: row;	1427	-ms-flex-direction: row;
1428	flex-direction: row;	1428	flex-direction: row;
1429	-webkit-box-align: center;	1429	-webkit-box-align: center;
1430	-ms-flex-align: center;	1430	-ms-flex-align: center;
1431	align-items: center;	1431	align-items: center;
1432	-webkit-box-pack: justify;	1432	-webkit-box-pack: justify;
1433	-ms-flex-pack: justify;	1433	-ms-flex-pack: justify;
1434	justify-content: space-between;	1434	justify-content: space-between;
1435	}	1435	}
1436	}	1436	}
1437	.filters__label {	1437	.filters__label {
1438	color: #377d87;	1438	color: #377d87;
1439	font-size: 12px;	1439	font-size: 12px;
1440	font-weight: 700;	1440	font-weight: 700;
1441	}	1441	}
1442	@media (min-width: 768px) {	1442	@media (min-width: 768px) {
1443	.filters__label {	1443	.filters__label {
1444	font-size: 16px;	1444	font-size: 16px;
1445	}	1445	}
1446	}	1446	}
1447	@media (min-width: 992px) {	1447	@media (min-width: 992px) {
1448	.filters__label {	1448	.filters__label {
1449	font-size: 18px;	1449	font-size: 18px;
1450	}	1450	}
1451	}	1451	}
1452	.filters__body {	1452	.filters__body {
1453	display: -webkit-box;	1453	display: -webkit-box;
1454	display: -ms-flexbox;	1454	display: -ms-flexbox;
1455	display: flex;	1455	display: flex;
1456	-webkit-box-orient: vertical;	1456	-webkit-box-orient: vertical;
1457	-webkit-box-direction: normal;	1457	-webkit-box-direction: normal;
1458	-ms-flex-direction: column;	1458	-ms-flex-direction: column;
1459	flex-direction: column;	1459	flex-direction: column;
1460	}	1460	}
1461	@media (min-width: 768px) {	1461	@media (min-width: 768px) {
1462	.filters__body {	1462	.filters__body {
1463	-webkit-box-orient: horizontal;	1463	-webkit-box-orient: horizontal;
1464	-webkit-box-direction: normal;	1464	-webkit-box-direction: normal;
1465	-ms-flex-direction: row;	1465	-ms-flex-direction: row;
1466	flex-direction: row;	1466	flex-direction: row;
1467	-webkit-box-align: center;	1467	-webkit-box-align: center;
1468	-ms-flex-align: center;	1468	-ms-flex-align: center;
1469	align-items: center;	1469	align-items: center;
1470	}	1470	}
1471	}	1471	}
1472	@media (min-width: 768px) {	1472	@media (min-width: 768px) {
1473	.filters__select {	1473	.filters__select {
1474	width: 250px;	1474	width: 250px;
1475	}	1475	}
1476	}	1476	}
1477	@media (min-width: 992px) {	1477	@media (min-width: 992px) {
1478	.filters__select {	1478	.filters__select {
1479	width: 310px;	1479	width: 310px;
1480	}	1480	}
1481	}	1481	}
1482	.filters__item {	1482	.filters__item {
1483	display: none;	1483	display: none;
1484	-webkit-box-pack: center;	1484	-webkit-box-pack: center;
1485	-ms-flex-pack: center;	1485	-ms-flex-pack: center;
1486	justify-content: center;	1486	justify-content: center;
1487	-webkit-box-align: center;	1487	-webkit-box-align: center;
1488	-ms-flex-align: center;	1488	-ms-flex-align: center;
1489	align-items: center;	1489	align-items: center;
1490	width: 50px;	1490	width: 50px;
1491	height: 50px;	1491	height: 50px;
1492	padding: 0;	1492	padding: 0;
1493	background: #fff;	1493	background: #fff;
1494	border: 1px solid #377d87;	1494	border: 1px solid #377d87;
1495	color: #377d87;	1495	color: #377d87;
1496	border-radius: 8px;	1496	border-radius: 8px;
1497	margin-left: 20px;	1497	margin-left: 20px;
1498	}	1498	}
1499	@media (min-width: 768px) {	1499	@media (min-width: 768px) {
1500	.filters__item {	1500	.filters__item {
1501	display: -webkit-box;	1501	display: -webkit-box;
1502	display: -ms-flexbox;	1502	display: -ms-flexbox;
1503	display: flex;	1503	display: flex;
1504	}	1504	}
1505	}	1505	}
1506	.filters__item svg {	1506	.filters__item svg {
1507	width: 24px;	1507	width: 24px;
1508	height: 24px;	1508	height: 24px;
1509	}	1509	}
1510	.filters__item.active {	1510	.filters__item.active {
1511	background: #377d87;	1511	background: #377d87;
1512	color: #fff;	1512	color: #fff;
1513	}	1513	}
1514	.filters__item + .filters__item {	1514	.filters__item + .filters__item {
1515	margin-left: 8px;	1515	margin-left: 8px;
1516	}	1516	}
1517		1517
1518	.like,	1518	.like,
1519	.chat {	1519	.chat {
1520	width: 30px;	1520	width: 30px;
1521	height: 30px;	1521	height: 30px;
1522	display: -webkit-box;	1522	display: -webkit-box;
1523	display: -ms-flexbox;	1523	display: -ms-flexbox;
1524	display: flex;	1524	display: flex;
1525	-webkit-box-pack: center;	1525	-webkit-box-pack: center;
1526	-ms-flex-pack: center;	1526	-ms-flex-pack: center;
1527	justify-content: center;	1527	justify-content: center;
1528	-webkit-box-align: center;	1528	-webkit-box-align: center;
1529	-ms-flex-align: center;	1529	-ms-flex-align: center;
1530	align-items: center;	1530	align-items: center;
1531	background: none;	1531	background: none;
1532	border: 1px solid #377d87;	1532	border: 1px solid #377d87;
1533	padding: 0;	1533	padding: 0;
1534	color: #377d87;	1534	color: #377d87;
1535	border-radius: 6px;	1535	border-radius: 6px;
1536	}	1536	}
1537	@media (min-width: 768px) {	1537	@media (min-width: 768px) {
1538	.like,	1538	.like,
1539	.chat {	1539	.chat {
1540	width: 44px;	1540	width: 44px;
1541	height: 44px;	1541	height: 44px;
1542	}	1542	}
1543	}	1543	}
1544	.like.active,	1544	.like.active,
1545	.chat.active {	1545	.chat.active {
1546	background: #377d87;	1546	background: #377d87;
1547	color: #fff;	1547	color: #fff;
1548	}	1548	}
1549	.like svg,	1549	.like svg,
1550	.chat svg {	1550	.chat svg {
1551	width: 14px;	1551	width: 14px;
1552	height: 14px;	1552	height: 14px;
1553	}	1553	}
1554	@media (min-width: 768px) {	1554	@media (min-width: 768px) {
1555	.like svg,	1555	.like svg,
1556	.chat svg {	1556	.chat svg {
1557	width: 20px;	1557	width: 20px;
1558	height: 20px;	1558	height: 20px;
1559	}	1559	}
1560	}	1560	}
1561		1561
1562	.like.active {	1562	.like.active {
1563	background: #eb5757;	1563	background: #eb5757;
1564	border-color: #eb5757;	1564	border-color: #eb5757;
1565	}	1565	}
1566		1566
1567	.checkbox {	1567	.checkbox {
1568	display: -webkit-box;	1568	display: -webkit-box;
1569	display: -ms-flexbox;	1569	display: -ms-flexbox;
1570	display: flex;	1570	display: flex;
1571	-webkit-box-align: start;	1571	-webkit-box-align: start;
1572	-ms-flex-align: start;	1572	-ms-flex-align: start;
1573	align-items: flex-start;	1573	align-items: flex-start;
1574	cursor: pointer;	1574	cursor: pointer;
1575	position: relative;	1575	position: relative;
1576	}	1576	}
1577	.checkbox__input {	1577	.checkbox__input {
1578	position: absolute;	1578	position: absolute;
1579	z-index: 1;	1579	z-index: 1;
1580	width: 14px;	1580	width: 14px;
1581	height: 14px;	1581	height: 14px;
1582	padding: 0;	1582	padding: 0;
1583	background: none;	1583	background: none;
1584	border: none;	1584	border: none;
1585	opacity: 0;	1585	opacity: 0;
1586	}	1586	}
1587	@media (min-width: 768px) {	1587	@media (min-width: 768px) {
1588	.checkbox__input {	1588	.checkbox__input {
1589	width: 20px;	1589	width: 20px;
1590	height: 20px;	1590	height: 20px;
1591	}	1591	}
1592	}	1592	}
1593	.checkbox__icon {	1593	.checkbox__icon {
1594	width: 14px;	1594	width: 14px;
1595	height: 14px;	1595	height: 14px;
1596	border: 1px solid #cfcfcf;	1596	border: 1px solid #cfcfcf;
1597	background: #fff;	1597	background: #fff;
1598	color: #fff;	1598	color: #fff;
1599	display: -webkit-box;	1599	display: -webkit-box;
1600	display: -ms-flexbox;	1600	display: -ms-flexbox;
1601	display: flex;	1601	display: flex;
1602	-webkit-box-pack: center;	1602	-webkit-box-pack: center;
1603	-ms-flex-pack: center;	1603	-ms-flex-pack: center;
1604	justify-content: center;	1604	justify-content: center;
1605	-webkit-box-align: center;	1605	-webkit-box-align: center;
1606	-ms-flex-align: center;	1606	-ms-flex-align: center;
1607	align-items: center;	1607	align-items: center;
1608	border-radius: 4px;	1608	border-radius: 4px;
1609	-webkit-transition: 0.3s;	1609	-webkit-transition: 0.3s;
1610	transition: 0.3s;	1610	transition: 0.3s;
1611	position: relative;	1611	position: relative;
1612	z-index: 2;	1612	z-index: 2;
1613	}	1613	}
1614	@media (min-width: 768px) {	1614	@media (min-width: 768px) {
1615	.checkbox__icon {	1615	.checkbox__icon {
1616	width: 20px;	1616	width: 20px;
1617	height: 20px;	1617	height: 20px;
1618	}	1618	}
1619	}	1619	}
1620	.checkbox__icon svg {	1620	.checkbox__icon svg {
1621	width: 8px;	1621	width: 8px;
1622	height: 8px;	1622	height: 8px;
1623	opacity: 0;	1623	opacity: 0;
1624	}	1624	}
1625	@media (min-width: 768px) {	1625	@media (min-width: 768px) {
1626	.checkbox__icon svg {	1626	.checkbox__icon svg {
1627	width: 10px;	1627	width: 10px;
1628	height: 10px;	1628	height: 10px;
1629	}	1629	}
1630	}	1630	}
1631	.checkbox__input:checked + .checkbox__icon {	1631	.checkbox__input:checked + .checkbox__icon {
1632	border-color: #377d87;	1632	border-color: #377d87;
1633	background: #377d87;	1633	background: #377d87;
1634	}	1634	}
1635	.checkbox__input:checked + .checkbox__icon svg {	1635	.checkbox__input:checked + .checkbox__icon svg {
1636	opacity: 1;	1636	opacity: 1;
1637	}	1637	}
1638	.checkbox__text {	1638	.checkbox__text {
1639	width: calc(100% - 14px);	1639	width: calc(100% - 14px);
1640	padding-left: 6px;	1640	padding-left: 6px;
1641	font-size: 12px;	1641	font-size: 12px;
1642	line-height: 1;	1642	line-height: 1;
1643	display: -webkit-box;	1643	display: -webkit-box;
1644	display: -ms-flexbox;	1644	display: -ms-flexbox;
1645	display: flex;	1645	display: flex;
1646	-webkit-box-align: center;	1646	-webkit-box-align: center;
1647	-ms-flex-align: center;	1647	-ms-flex-align: center;
1648	align-items: center;	1648	align-items: center;
1649	min-height: 14px;	1649	min-height: 14px;
1650	}	1650	}
1651	@media (min-width: 768px) {	1651	@media (min-width: 768px) {
1652	.checkbox__text {	1652	.checkbox__text {
1653	width: calc(100% - 20px);	1653	width: calc(100% - 20px);
1654	padding-left: 12px;	1654	padding-left: 12px;
1655	font-size: 15px;	1655	font-size: 15px;
1656	min-height: 20px;	1656	min-height: 20px;
1657	}	1657	}
1658	}	1658	}
1659	.checkbox__text a {	1659	.checkbox__text a {
1660	color: #377d87;	1660	color: #377d87;
1661	text-decoration: underline;	1661	text-decoration: underline;
1662	}	1662	}
1663		1663
1664	.file {	1664	.file {
1665	display: -webkit-box;	1665	display: -webkit-box;
1666	display: -ms-flexbox;	1666	display: -ms-flexbox;
1667	display: flex;	1667	display: flex;
1668	-webkit-box-orient: vertical;	1668	-webkit-box-orient: vertical;
1669	-webkit-box-direction: normal;	1669	-webkit-box-direction: normal;
1670	-ms-flex-direction: column;	1670	-ms-flex-direction: column;
1671	flex-direction: column;	1671	flex-direction: column;
1672	}	1672	}
1673	.file__input input {	1673	.file__input input {
1674	display: none;	1674	display: none;
1675	}	1675	}
1676	.file__list {	1676	.file__list {
1677	display: -webkit-box;	1677	display: -webkit-box;
1678	display: -ms-flexbox;	1678	display: -ms-flexbox;
1679	display: flex;	1679	display: flex;
1680	-webkit-box-orient: vertical;	1680	-webkit-box-orient: vertical;
1681	-webkit-box-direction: normal;	1681	-webkit-box-direction: normal;
1682	-ms-flex-direction: column;	1682	-ms-flex-direction: column;
1683	flex-direction: column;	1683	flex-direction: column;
1684	}	1684	}
1685	.file__list-item {	1685	.file__list-item {
1686	display: -webkit-box;	1686	display: -webkit-box;
1687	display: -ms-flexbox;	1687	display: -ms-flexbox;
1688	display: flex;	1688	display: flex;
1689	-webkit-box-align: start;	1689	-webkit-box-align: start;
1690	-ms-flex-align: start;	1690	-ms-flex-align: start;
1691	align-items: flex-start;	1691	align-items: flex-start;
1692	margin-top: 16px;	1692	margin-top: 16px;
1693	}	1693	}
1694	.file__list-item-left {	1694	.file__list-item-left {
1695	width: calc(100% - 16px);	1695	width: calc(100% - 16px);
1696	min-height: 16px;	1696	min-height: 16px;
1697	color: #9c9d9d;	1697	color: #9c9d9d;
1698	font-size: 12px;	1698	font-size: 12px;
1699	display: -webkit-box;	1699	display: -webkit-box;
1700	display: -ms-flexbox;	1700	display: -ms-flexbox;
1701	display: flex;	1701	display: flex;
1702	-webkit-box-align: start;	1702	-webkit-box-align: start;
1703	-ms-flex-align: start;	1703	-ms-flex-align: start;
1704	align-items: flex-start;	1704	align-items: flex-start;
1705	}	1705	}
1706	@media (min-width: 768px) {	1706	@media (min-width: 768px) {
1707	.file__list-item-left {	1707	.file__list-item-left {
1708	width: auto;	1708	width: auto;
1709	max-width: calc(100% - 16px);	1709	max-width: calc(100% - 16px);
1710	font-size: 16px;	1710	font-size: 16px;
1711	}	1711	}
1712	}	1712	}
1713	.file__list-item-left svg {	1713	.file__list-item-left svg {
1714	width: 16px;	1714	width: 16px;
1715	height: 16px;	1715	height: 16px;
1716	}	1716	}
1717	.file__list-item-left span {	1717	.file__list-item-left span {
1718	width: calc(100% - 16px);	1718	width: calc(100% - 16px);
1719	min-height: 16px;	1719	min-height: 16px;
1720	display: -webkit-box;	1720	display: -webkit-box;
1721	display: -ms-flexbox;	1721	display: -ms-flexbox;
1722	display: flex;	1722	display: flex;
1723	-webkit-box-align: center;	1723	-webkit-box-align: center;
1724	-ms-flex-align: center;	1724	-ms-flex-align: center;
1725	align-items: center;	1725	align-items: center;
1726	padding: 0 8px;	1726	padding: 0 8px;
1727	}	1727	}
1728	.file__list-item-right {	1728	.file__list-item-right {
1729	display: -webkit-box;	1729	display: -webkit-box;
1730	display: -ms-flexbox;	1730	display: -ms-flexbox;
1731	display: flex;	1731	display: flex;
1732	-webkit-box-pack: center;	1732	-webkit-box-pack: center;
1733	-ms-flex-pack: center;	1733	-ms-flex-pack: center;
1734	justify-content: center;	1734	justify-content: center;
1735	-webkit-box-align: center;	1735	-webkit-box-align: center;
1736	-ms-flex-align: center;	1736	-ms-flex-align: center;
1737	align-items: center;	1737	align-items: center;
1738	padding: 0;	1738	padding: 0;
1739	background: none;	1739	background: none;
1740	border: none;	1740	border: none;
1741	width: 16px;	1741	width: 16px;
1742	height: 16px;	1742	height: 16px;
1743	color: #377d87;	1743	color: #377d87;
1744	}	1744	}
1745	.file__list-item-right:hover {	1745	.file__list-item-right:hover {
1746	color: #000;	1746	color: #000;
1747	}	1747	}
1748	.file__list-item-right svg {	1748	.file__list-item-right svg {
1749	width: 10px;	1749	width: 10px;
1750	height: 10px;	1750	height: 10px;
1751	}	1751	}
1752	.file__list-item + .file__list-item {	1752	.file__list-item + .file__list-item {
1753	margin-top: 10px;	1753	margin-top: 10px;
1754	}	1754	}
1755		1755
1756	.rate {	1756	.rate {
1757	display: -webkit-box;	1757	display: -webkit-box;
1758	display: -ms-flexbox;	1758	display: -ms-flexbox;
1759	display: flex;	1759	display: flex;
1760	-webkit-box-align: center;	1760	-webkit-box-align: center;
1761	-ms-flex-align: center;	1761	-ms-flex-align: center;
1762	align-items: center;	1762	align-items: center;
1763	gap: 10px;	1763	gap: 10px;
1764	}	1764	}
1765	@media (min-width: 768px) {	1765	@media (min-width: 768px) {
1766	.rate {	1766	.rate {
1767	gap: 20px;	1767	gap: 20px;
1768	}	1768	}
1769	}	1769	}
1770	.rate__label {	1770	.rate__label {
1771	font-size: 12px;	1771	font-size: 12px;
1772	font-weight: 700;	1772	font-weight: 700;
1773	line-height: 1;	1773	line-height: 1;
1774	}	1774	}
1775	@media (min-width: 768px) {	1775	@media (min-width: 768px) {
1776	.rate__label {	1776	.rate__label {
1777	font-size: 18px;	1777	font-size: 18px;
1778	}	1778	}
1779	}	1779	}
1780	.rate__stars {	1780	.rate__stars {
1781	display: -webkit-box;	1781	display: -webkit-box;
1782	display: -ms-flexbox;	1782	display: -ms-flexbox;
1783	display: flex;	1783	display: flex;
1784	-webkit-box-orient: vertical;	1784	-webkit-box-orient: vertical;
1785	-webkit-box-direction: normal;	1785	-webkit-box-direction: normal;
1786	-ms-flex-direction: column;	1786	-ms-flex-direction: column;
1787	flex-direction: column;	1787	flex-direction: column;
1788	}	1788	}
1789		1789
1790	.back {	1790	.back {
1791	display: -webkit-box;	1791	display: -webkit-box;
1792	display: -ms-flexbox;	1792	display: -ms-flexbox;
1793	display: flex;	1793	display: flex;
1794	-webkit-box-align: center;	1794	-webkit-box-align: center;
1795	-ms-flex-align: center;	1795	-ms-flex-align: center;
1796	align-items: center;	1796	align-items: center;
1797	font-size: 14px;	1797	font-size: 14px;
1798	color: #377d87;	1798	color: #377d87;
1799	font-weight: 700;	1799	font-weight: 700;
1800	}	1800	}
1801	@media (min-width: 768px) {	1801	@media (min-width: 768px) {
1802	.back {	1802	.back {
1803	font-size: 18px;	1803	font-size: 18px;
1804	}	1804	}
1805	}	1805	}
1806	.back:hover {	1806	.back:hover {
1807	color: #4d88d9;	1807	color: #4d88d9;
1808	}	1808	}
1809	.back svg {	1809	.back svg {
1810	width: 16px;	1810	width: 16px;
1811	height: 16px;	1811	height: 16px;
1812	}	1812	}
1813	@media (min-width: 768px) {	1813	@media (min-width: 768px) {
1814	.back svg {	1814	.back svg {
1815	width: 26px;	1815	width: 26px;
1816	height: 26px;	1816	height: 26px;
1817	}	1817	}
1818	}	1818	}
1819	.back span {	1819	.back span {
1820	width: calc(100% - 16px);	1820	width: calc(100% - 16px);
1821	padding-left: 10px;	1821	padding-left: 10px;
1822	}	1822	}
1823	@media (min-width: 768px) {	1823	@media (min-width: 768px) {
1824	.back span {	1824	.back span {
1825	width: calc(100% - 26px);	1825	width: calc(100% - 26px);
1826	padding-left: 20px;	1826	padding-left: 20px;
1827	}	1827	}
1828	}	1828	}
1829		1829
1830	.callback {	1830	.callback {
1831	display: -webkit-box;	1831	display: -webkit-box;
1832	display: -ms-flexbox;	1832	display: -ms-flexbox;
1833	display: flex;	1833	display: flex;
1834	-webkit-box-orient: vertical;	1834	-webkit-box-orient: vertical;
1835	-webkit-box-direction: normal;	1835	-webkit-box-direction: normal;
1836	-ms-flex-direction: column;	1836	-ms-flex-direction: column;
1837	flex-direction: column;	1837	flex-direction: column;
1838	gap: 16px;	1838	gap: 16px;
1839	}	1839	}
1840	@media (min-width: 992px) {	1840	@media (min-width: 992px) {
1841	.callback {	1841	.callback {
1842	-webkit-box-orient: horizontal;	1842	-webkit-box-orient: horizontal;
1843	-webkit-box-direction: normal;	1843	-webkit-box-direction: normal;
1844	-ms-flex-direction: row;	1844	-ms-flex-direction: row;
1845	flex-direction: row;	1845	flex-direction: row;
1846	-webkit-box-pack: justify;	1846	-webkit-box-pack: justify;
1847	-ms-flex-pack: justify;	1847	-ms-flex-pack: justify;
1848	justify-content: space-between;	1848	justify-content: space-between;
1849	-ms-flex-wrap: wrap;	1849	-ms-flex-wrap: wrap;
1850	flex-wrap: wrap;	1850	flex-wrap: wrap;
1851	gap: 20px 0;	1851	gap: 20px 0;
1852	}	1852	}
1853	}	1853	}
1854	.callback__body {	1854	.callback__body {
1855	display: -webkit-box;	1855	display: -webkit-box;
1856	display: -ms-flexbox;	1856	display: -ms-flexbox;
1857	display: flex;	1857	display: flex;
1858	-webkit-box-orient: vertical;	1858	-webkit-box-orient: vertical;
1859	-webkit-box-direction: normal;	1859	-webkit-box-direction: normal;
1860	-ms-flex-direction: column;	1860	-ms-flex-direction: column;
1861	flex-direction: column;	1861	flex-direction: column;
1862	gap: 16px;	1862	gap: 16px;
1863	}	1863	}
1864	@media (min-width: 992px) {	1864	@media (min-width: 992px) {
1865	.callback__body {	1865	.callback__body {
1866	width: calc(50% - 10px);	1866	width: calc(50% - 10px);
1867	gap: 10px;	1867	gap: 10px;
1868	}	1868	}
1869	}	1869	}
1870	@media (min-width: 992px) {	1870	@media (min-width: 992px) {
1871	.callback__textarea {	1871	.callback__textarea {
1872	width: calc(50% - 10px);	1872	width: calc(50% - 10px);
1873	height: auto;	1873	height: auto;
1874	}	1874	}
1875	}	1875	}
1876	.callback__bottom {	1876	.callback__bottom {
1877	display: -webkit-box;	1877	display: -webkit-box;
1878	display: -ms-flexbox;	1878	display: -ms-flexbox;
1879	display: flex;	1879	display: flex;
1880	-webkit-box-orient: vertical;	1880	-webkit-box-orient: vertical;
1881	-webkit-box-direction: normal;	1881	-webkit-box-direction: normal;
1882	-ms-flex-direction: column;	1882	-ms-flex-direction: column;
1883	flex-direction: column;	1883	flex-direction: column;
1884	gap: 16px;	1884	gap: 16px;
1885	}	1885	}
1886	@media (min-width: 768px) {	1886	@media (min-width: 768px) {
1887	.callback__bottom {	1887	.callback__bottom {
1888	-webkit-box-align: start;	1888	-webkit-box-align: start;
1889	-ms-flex-align: start;	1889	-ms-flex-align: start;
1890	align-items: flex-start;	1890	align-items: flex-start;
1891	}	1891	}
1892	}	1892	}
1893	@media (min-width: 992px) {	1893	@media (min-width: 992px) {
1894	.callback__bottom {	1894	.callback__bottom {
1895	width: 100%;	1895	width: 100%;
1896	gap: 20px;	1896	gap: 20px;
1897	}	1897	}
1898	}	1898	}
1899		1899
1900	.error .input,	1900	.error .input,
1901	.error .textarea {	1901	.error .textarea {
1902	border-color: #eb5757;	1902	border-color: #eb5757;
1903	}	1903	}
1904	.error label {	1904	.error label {
1905	display: block;	1905	display: block;
1906	}	1906	}
1907		1907
1908	.eye {	1908	.eye {
1909	position: absolute;	1909	position: absolute;
1910	z-index: 2;	1910	z-index: 2;
1911	top: 50%;	1911	top: 50%;
1912	-webkit-transform: translate(0, -50%);	1912	-webkit-transform: translate(0, -50%);
1913	-ms-transform: translate(0, -50%);	1913	-ms-transform: translate(0, -50%);
1914	transform: translate(0, -50%);	1914	transform: translate(0, -50%);
1915	right: 10px;	1915	right: 10px;
1916	aspect-ratio: 1/1;	1916	aspect-ratio: 1/1;
1917	width: 16px;	1917	width: 16px;
1918	padding: 0;	1918	padding: 0;
1919	border: none;	1919	border: none;
1920	background: none;	1920	background: none;
1921	color: #9c9d9d;	1921	color: #9c9d9d;
1922	}	1922	}
1923	@media (min-width: 768px) {	1923	@media (min-width: 768px) {
1924	.eye {	1924	.eye {
1925	width: 24px;	1925	width: 24px;
1926	right: 20px;	1926	right: 20px;
1927	}	1927	}
1928	}	1928	}
1929	.eye svg {	1929	.eye svg {
1930	position: absolute;	1930	position: absolute;
1931	top: 0;	1931	top: 0;
1932	left: 0;	1932	left: 0;
1933	width: 100%;	1933	width: 100%;
1934	height: 100%;	1934	height: 100%;
1935	}	1935	}
1936	.eye svg + svg {	1936	.eye svg + svg {
1937	display: none;	1937	display: none;
1938	}	1938	}
1939	.eye.active {	1939	.eye.active {
1940	color: #377d87;	1940	color: #377d87;
1941	}	1941	}
1942	.eye.active svg {	1942	.eye.active svg {
1943	display: none;	1943	display: none;
1944	}	1944	}
1945	.eye.active svg + svg {	1945	.eye.active svg + svg {
1946	display: block;	1946	display: block;
1947	}	1947	}
1948		1948
1949	.del {	1949	.del {
1950	width: 32px;	1950	width: 32px;
1951	aspect-ratio: 1/1;	1951	aspect-ratio: 1/1;
1952	background: #377d87;	1952	background: #377d87;
1953	color: #fff;	1953	color: #fff;
1954	display: -webkit-box;	1954	display: -webkit-box;
1955	display: -ms-flexbox;	1955	display: -ms-flexbox;
1956	display: flex;	1956	display: flex;
1957	-webkit-box-pack: center;	1957	-webkit-box-pack: center;
1958	-ms-flex-pack: center;	1958	-ms-flex-pack: center;
1959	justify-content: center;	1959	justify-content: center;
1960	-webkit-box-align: center;	1960	-webkit-box-align: center;
1961	-ms-flex-align: center;	1961	-ms-flex-align: center;
1962	align-items: center;	1962	align-items: center;
1963	border-radius: 8px;	1963	border-radius: 8px;
1964	padding: 0;	1964	padding: 0;
1965	border: 1px solid #377d87;	1965	border: 1px solid #377d87;
1966	}	1966	}
1967	.del:hover {	1967	.del:hover {
1968	background: #fff;	1968	background: #fff;
1969	color: #377d87;	1969	color: #377d87;
1970	}	1970	}
1971	.del svg {	1971	.del svg {
1972	width: 50%;	1972	width: 50%;
1973	aspect-ratio: 1/1;	1973	aspect-ratio: 1/1;
1974	}	1974	}
1975		1975
1976	.notify {	1976	.notify {
1977	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	1977	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978	padding: 6px 12px;	1978	padding: 6px 12px;
1979	border-radius: 8px;	1979	border-radius: 8px;
1980	display: -webkit-box;	1980	display: -webkit-box;
1981	display: -ms-flexbox;	1981	display: -ms-flexbox;
1982	display: flex;	1982	display: flex;
1983	-webkit-box-align: start;	1983	-webkit-box-align: start;
1984	-ms-flex-align: start;	1984	-ms-flex-align: start;
1985	align-items: flex-start;	1985	align-items: flex-start;
1986	}	1986	}
1987	@media (min-width: 768px) {	1987	@media (min-width: 768px) {
1988	.notify {	1988	.notify {
1989	padding: 12px 20px;	1989	padding: 12px 20px;
1990	}	1990	}
1991	}	1991	}
1992	.notify_red {	1992	.notify_red {
1993	background: #f9cdcd;	1993	background: #f9cdcd;
1994	}	1994	}
1995	.notify svg {	1995	.notify svg {
1996	color: #4d88d9;	1996	color: #4d88d9;
1997	width: 20px;	1997	width: 20px;
1998	aspect-ratio: 1/1;	1998	aspect-ratio: 1/1;
1999	}	1999	}
2000	.notify span {	2000	.notify span {
2001	font-size: 12px;	2001	font-size: 12px;
2002	padding-left: 10px;	2002	padding-left: 10px;
2003	min-height: 20px;	2003	min-height: 20px;
2004	display: -webkit-box;	2004	display: -webkit-box;
2005	display: -ms-flexbox;	2005	display: -ms-flexbox;
2006	display: flex;	2006	display: flex;
2007	-webkit-box-align: center;	2007	-webkit-box-align: center;
2008	-ms-flex-align: center;	2008	-ms-flex-align: center;
2009	align-items: center;	2009	align-items: center;
2010	}	2010	}
2011	@media (min-width: 768px) {	2011	@media (min-width: 768px) {
2012	.notify span {	2012	.notify span {
2013	font-size: 16px;	2013	font-size: 16px;
2014	}	2014	}
2015	}	2015	}
2016		2016
2017	.table {	2017	.table {
2018	margin: 0 -10px;	2018	margin: 0 -10px;
2019	display: -webkit-box;	2019	display: -webkit-box;
2020	display: -ms-flexbox;	2020	display: -ms-flexbox;
2021	display: flex;	2021	display: flex;
2022	-webkit-box-orient: vertical;	2022	-webkit-box-orient: vertical;
2023	-webkit-box-direction: reverse;	2023	-webkit-box-direction: reverse;
2024	-ms-flex-direction: column-reverse;	2024	-ms-flex-direction: column-reverse;
2025	flex-direction: column-reverse;	2025	flex-direction: column-reverse;
2026	-webkit-box-align: center;	2026	-webkit-box-align: center;
2027	-ms-flex-align: center;	2027	-ms-flex-align: center;
2028	align-items: center;	2028	align-items: center;
2029	gap: 20px;	2029	gap: 20px;
2030	}	2030	}
2031	@media (min-width: 768px) {	2031	@media (min-width: 768px) {
2032	.table {	2032	.table {
2033	margin: 0;	2033	margin: 0;
2034	gap: 30px;	2034	gap: 30px;
2035	}	2035	}
2036	}	2036	}
2037	.table__button {	2037	.table__button {
2038	display: none;	2038	display: none;
2039	}	2039	}
2040	.table_spoiler .table__button {	2040	.table_spoiler .table__button {
2041	display: -webkit-box;	2041	display: -webkit-box;
2042	display: -ms-flexbox;	2042	display: -ms-flexbox;
2043	display: flex;	2043	display: flex;
2044	}	2044	}
2045	.table__scroll {	2045	.table__scroll {
2046	overflow: hidden;	2046	overflow: hidden;
2047	overflow-x: auto;	2047	overflow-x: auto;
2048	padding: 0 10px;	2048	padding: 0 10px;
2049	width: 100%;	2049	width: 100%;
2050	}	2050	}
2051	@media (min-width: 768px) {	2051	@media (min-width: 768px) {
2052	.table__scroll {	2052	.table__scroll {
2053	padding: 0;	2053	padding: 0;
2054	}	2054	}
2055	}	2055	}
2056	.table__body {	2056	.table__body {
2057	border-radius: 8px;	2057	border-radius: 8px;
2058	overflow: hidden;	2058	overflow: hidden;
2059	}	2059	}
2060	.table__body_min-width {	2060	.table__body_min-width {
2061	min-width: 580px;	2061	min-width: 580px;
2062	}	2062	}
2063	.table table {	2063	.table table {
2064	border-collapse: collapse;	2064	border-collapse: collapse;
2065	width: 100%;	2065	width: 100%;
2066	font-size: 12px;	2066	font-size: 12px;
2067	border-radius: 8px;	2067	border-radius: 8px;
2068	}	2068	}
2069	@media (min-width: 768px) {	2069	@media (min-width: 768px) {
2070	.table table {	2070	.table table {
2071	font-size: 14px;	2071	font-size: 14px;
2072	}	2072	}
2073	}	2073	}
2074	@media (min-width: 1280px) {	2074	@media (min-width: 1280px) {
2075	.table table {	2075	.table table {
2076	font-size: 16px;	2076	font-size: 16px;
2077	}	2077	}
2078	}	2078	}
2079	.table thead tr th,	2079	.table thead tr th,
2080	.table thead tr td {	2080	.table thead tr td {
2081	background: #377d87;	2081	background: #377d87;
2082	color: #fff;	2082	color: #fff;
2083	font-weight: 700;	2083	font-weight: 700;
2084	border-top-color: #377d87;	2084	border-top-color: #377d87;
2085	}	2085	}
2086	.table thead tr th:first-child,	2086	.table thead tr th:first-child,
2087	.table thead tr td:first-child {	2087	.table thead tr td:first-child {
2088	border-left-color: #377d87;	2088	border-left-color: #377d87;
2089	}	2089	}
2090	.table thead tr th:last-child,	2090	.table thead tr th:last-child,
2091	.table thead tr td:last-child {	2091	.table thead tr td:last-child {
2092	border-right-color: #377d87;	2092	border-right-color: #377d87;
2093	}	2093	}
2094	.table_spoiler tr {	2094	.table_spoiler tr {
2095	/display: none;/	2095	/display: none;/
2096	}	2096	}
2097	.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) {	2097	.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) {
2098	display: table-row;	2098	display: table-row;
2099	}	2099	}
2100	.table_spoiler.active tr {	2100	.table_spoiler.active tr {
2101	display: table-row;	2101	display: table-row;
2102	}	2102	}
2103	.table th,	2103	.table th,
2104	.table td {	2104	.table td {
2105	text-align: left;	2105	text-align: left;
2106	padding: 10px;	2106	padding: 10px;
2107	border: 1px solid #cecece;	2107	border: 1px solid #cecece;
2108	}	2108	}
2109	@media (min-width: 768px) {	2109	@media (min-width: 768px) {
2110	.table td {	2110	.table td {
2111	padding: 14px 10px;	2111	padding: 14px 10px;
2112	}	2112	}
2113	}	2113	}
2114	.table__status {	2114	.table__status {
2115	color: #9c9d9d;	2115	color: #9c9d9d;
2116	display: -webkit-box;	2116	display: -webkit-box;
2117	display: -ms-flexbox;	2117	display: -ms-flexbox;
2118	display: flex;	2118	display: flex;
2119	-webkit-box-align: center;	2119	-webkit-box-align: center;
2120	-ms-flex-align: center;	2120	-ms-flex-align: center;
2121	align-items: center;	2121	align-items: center;
2122	gap: 6px;	2122	gap: 6px;
2123	position: relative;	2123	position: relative;
2124	padding-left: 14px;	2124	padding-left: 14px;
2125	}	2125	}
2126	.table__status i {	2126	.table__status i {
2127	background: #9c9d9d;	2127	background: #9c9d9d;
2128	width: 8px;	2128	width: 8px;
2129	aspect-ratio: 1/1;	2129	aspect-ratio: 1/1;
2130	border-radius: 999px;	2130	border-radius: 999px;
2131	position: absolute;	2131	position: absolute;
2132	top: 4px;	2132	top: 4px;
2133	left: 0;	2133	left: 0;
2134	}	2134	}
2135	.table__status.green {	2135	.table__status.green {
2136	color: #377d87;	2136	color: #377d87;
2137	}	2137	}
2138	.table__status.green i {	2138	.table__status.green i {
2139	background: #377d87;	2139	background: #377d87;
2140	}	2140	}
2141	.table__link {	2141	.table__link {
2142	display: -webkit-box;	2142	display: -webkit-box;
2143	display: -ms-flexbox;	2143	display: -ms-flexbox;
2144	display: flex;	2144	display: flex;
2145	-webkit-box-align: center;	2145	-webkit-box-align: center;
2146	-ms-flex-align: center;	2146	-ms-flex-align: center;
2147	align-items: center;	2147	align-items: center;
2148	gap: 4px;	2148	gap: 4px;
2149	color: #4d88d9;	2149	color: #4d88d9;
2150	}	2150	}
2151	@media (min-width: 768px) {	2151	@media (min-width: 768px) {
2152	.table__link {	2152	.table__link {
2153	gap: 6px;	2153	gap: 6px;
2154	}	2154	}
2155	}	2155	}
2156	.table__link:hover {	2156	.table__link:hover {
2157	color: #000;	2157	color: #000;
2158	}	2158	}
2159	.table__link svg {	2159	.table__link svg {
2160	width: 12px;	2160	width: 12px;
2161	aspect-ratio: 1/1;	2161	aspect-ratio: 1/1;
2162	}	2162	}
2163	@media (min-width: 768px) {	2163	@media (min-width: 768px) {
2164	.table__link svg {	2164	.table__link svg {
2165	width: 16px;	2165	width: 16px;
2166	}	2166	}
2167	}	2167	}
2168	.table__controls {	2168	.table__controls {
2169	display: -webkit-box;	2169	display: -webkit-box;
2170	display: -ms-flexbox;	2170	display: -ms-flexbox;
2171	display: flex;	2171	display: flex;
2172	-webkit-box-align: center;	2172	-webkit-box-align: center;
2173	-ms-flex-align: center;	2173	-ms-flex-align: center;
2174	align-items: center;	2174	align-items: center;
2175	gap: 8px;	2175	gap: 8px;
2176	}	2176	}
2177	@media (min-width: 1280px) {	2177	@media (min-width: 1280px) {
2178	.table__controls {	2178	.table__controls {
2179	gap: 12px;	2179	gap: 12px;
2180	}	2180	}
2181	}	2181	}
2182	.table__controls-item {	2182	.table__controls-item {
2183	width: 24px;	2183	width: 24px;
2184	aspect-ratio: 1/1;	2184	aspect-ratio: 1/1;
2185	display: -webkit-box;	2185	display: -webkit-box;
2186	display: -ms-flexbox;	2186	display: -ms-flexbox;
2187	display: flex;	2187	display: flex;
2188	-webkit-box-pack: center;	2188	-webkit-box-pack: center;
2189	-ms-flex-pack: center;	2189	-ms-flex-pack: center;
2190	justify-content: center;	2190	justify-content: center;
2191	-webkit-box-align: center;	2191	-webkit-box-align: center;
2192	-ms-flex-align: center;	2192	-ms-flex-align: center;
2193	align-items: center;	2193	align-items: center;
2194	border: 1px solid #377d87;	2194	border: 1px solid #377d87;
2195	border-radius: 8px;	2195	border-radius: 8px;
2196	color: #377d87;	2196	color: #377d87;
2197	background: none;	2197	background: none;
2198	padding: 0;	2198	padding: 0;
2199	}	2199	}
2200	@media (min-width: 1280px) {	2200	@media (min-width: 1280px) {
2201	.table__controls-item {	2201	.table__controls-item {
2202	width: 30px;	2202	width: 30px;
2203	}	2203	}
2204	}	2204	}
2205	.table__controls-item:hover {	2205	.table__controls-item:hover {
2206	background: #377d87;	2206	background: #377d87;
2207	color: #fff;	2207	color: #fff;
2208	}	2208	}
2209	.table__controls-item svg {	2209	.table__controls-item svg {
2210	width: 60%;	2210	width: 60%;
2211	aspect-ratio: 1/1;	2211	aspect-ratio: 1/1;
2212	}	2212	}
2213	.table__controls-item:nth-of-type(4) svg {	2213	.table__controls-item:nth-of-type(4) svg {
2214	width: 80%;	2214	width: 80%;
2215	}	2215	}
2216		2216
2217	.gl-star-rating--stars:before, .gl-star-rating--stars:after {	2217	.gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218	display: none;	2218	display: none;
2219	}	2219	}
2220	.gl-star-rating--stars span {	2220	.gl-star-rating--stars span {
2221	width: 22px !important;	2221	width: 22px !important;
2222	height: 22px !important;	2222	height: 22px !important;
2223	background-size: 22px 22px !important;	2223	background-size: 22px 22px !important;
2224	}	2224	}
2225	@media (min-width: 768px) {	2225	@media (min-width: 768px) {
2226	.gl-star-rating--stars span {	2226	.gl-star-rating--stars span {
2227	width: 30px !important;	2227	width: 30px !important;
2228	height: 30px !important;	2228	height: 30px !important;
2229	background-size: 30px 30px !important;	2229	background-size: 30px 30px !important;
2230	}	2230	}
2231	}	2231	}
2232		2232
2233	.more {	2233	.more {
2234	display: -webkit-box;	2234	display: -webkit-box;
2235	display: -ms-flexbox;	2235	display: -ms-flexbox;
2236	display: flex;	2236	display: flex;
2237	-webkit-box-orient: vertical;	2237	-webkit-box-orient: vertical;
2238	-webkit-box-direction: normal;	2238	-webkit-box-direction: normal;
2239	-ms-flex-direction: column;	2239	-ms-flex-direction: column;
2240	flex-direction: column;	2240	flex-direction: column;
2241	-webkit-box-align: center;	2241	-webkit-box-align: center;
2242	-ms-flex-align: center;	2242	-ms-flex-align: center;
2243	align-items: center;	2243	align-items: center;
2244	}	2244	}
2245	.more_mt {	2245	.more_mt {
2246	margin-top: 20px;	2246	margin-top: 20px;
2247	}	2247	}
2248	.more .button {	2248	.more .button {
2249	min-width: 100px;	2249	min-width: 100px;
2250	padding: 0;	2250	padding: 0;
2251	}	2251	}
2252	@media (min-width: 768px) {	2252	@media (min-width: 768px) {
2253	.more .button {	2253	.more .button {
2254	min-width: 180px;	2254	min-width: 180px;
2255	}	2255	}
2256	}	2256	}
2257		2257
2258	.header {	2258	.header {
2259	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	2259	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	2260	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261	background: #fff;	2261	background: #fff;
2262	position: relative;	2262	position: relative;
2263	z-index: 5;	2263	z-index: 5;
2264	overflow: hidden;	2264	overflow: hidden;
2265	}	2265	}
2266	@media (min-width: 768px) {	2266	@media (min-width: 768px) {
2267	.header {	2267	.header {
2268	-webkit-box-shadow: none;	2268	-webkit-box-shadow: none;
2269	box-shadow: none;	2269	box-shadow: none;
2270	}	2270	}
2271	}	2271	}
2272	.header__body {	2272	.header__body {
2273	height: 42px;	2273	height: 42px;
2274	display: -webkit-box;	2274	display: -webkit-box;
2275	display: -ms-flexbox;	2275	display: -ms-flexbox;
2276	display: flex;	2276	display: flex;
2277	-webkit-box-pack: justify;	2277	-webkit-box-pack: justify;
2278	-ms-flex-pack: justify;	2278	-ms-flex-pack: justify;
2279	justify-content: space-between;	2279	justify-content: space-between;
2280	-webkit-box-align: center;	2280	-webkit-box-align: center;
2281	-ms-flex-align: center;	2281	-ms-flex-align: center;
2282	align-items: center;	2282	align-items: center;
2283	}	2283	}
2284	@media (min-width: 768px) {	2284	@media (min-width: 768px) {
2285	.header__body {	2285	.header__body {
2286	height: 70px;	2286	height: 70px;
2287	}	2287	}
2288	}	2288	}
2289	.header__left {	2289	.header__left {
2290	display: -webkit-box;	2290	display: -webkit-box;
2291	display: -ms-flexbox;	2291	display: -ms-flexbox;
2292	display: flex;	2292	display: flex;
2293	-webkit-box-align: center;	2293	-webkit-box-align: center;
2294	-ms-flex-align: center;	2294	-ms-flex-align: center;
2295	align-items: center;	2295	align-items: center;
2296	gap: 40px;	2296	gap: 40px;
2297	}	2297	}
2298	.header__right {	2298	.header__right {
2299	display: -webkit-box;	2299	display: -webkit-box;
2300	display: -ms-flexbox;	2300	display: -ms-flexbox;
2301	display: flex;	2301	display: flex;
2302	-webkit-box-align: center;	2302	-webkit-box-align: center;
2303	-ms-flex-align: center;	2303	-ms-flex-align: center;
2304	align-items: center;	2304	align-items: center;
2305	gap: 14px;	2305	gap: 14px;
2306	}	2306	}
2307	@media (min-width: 768px) {	2307	@media (min-width: 768px) {
2308	.header__right {	2308	.header__right {
2309	gap: 20px;	2309	gap: 20px;
2310	}	2310	}
2311	}	2311	}
2312	.header__right-line {	2312	.header__right-line {
2313	width: 1px;	2313	width: 1px;
2314	height: 32px;	2314	height: 32px;
2315	background: #e6e7e7;	2315	background: #e6e7e7;
2316	border-radius: 999px;	2316	border-radius: 999px;
2317	}	2317	}
2318	@media (min-width: 992px) {	2318	@media (min-width: 992px) {
2319	.header__right-line {	2319	.header__right-line {
2320	display: none;	2320	display: none;
2321	}	2321	}
2322	}	2322	}
2323	.header__logo {	2323	.header__logo {
2324	display: -webkit-box;	2324	display: -webkit-box;
2325	display: -ms-flexbox;	2325	display: -ms-flexbox;
2326	display: flex;	2326	display: flex;
2327	-webkit-box-align: center;	2327	-webkit-box-align: center;
2328	-ms-flex-align: center;	2328	-ms-flex-align: center;
2329	align-items: center;	2329	align-items: center;
2330	-webkit-box-pack: center;	2330	-webkit-box-pack: center;
2331	-ms-flex-pack: center;	2331	-ms-flex-pack: center;
2332	justify-content: center;	2332	justify-content: center;
2333	color: #377d87;	2333	color: #377d87;
2334	}	2334	}
2335	.header__logo svg {	2335	.header__logo svg {
2336	width: 105px;	2336	width: 105px;
2337	height: 31px;	2337	height: 31px;
2338	}	2338	}
2339	@media (min-width: 768px) {	2339	@media (min-width: 768px) {
2340	.header__logo svg {	2340	.header__logo svg {
2341	width: 182px;	2341	width: 182px;
2342	height: 54px;	2342	height: 54px;
2343	}	2343	}
2344	}	2344	}
2345	.header__menu {	2345	.header__menu {
2346	display: none;	2346	display: none;
2347	-webkit-box-align: center;	2347	-webkit-box-align: center;
2348	-ms-flex-align: center;	2348	-ms-flex-align: center;
2349	align-items: center;	2349	align-items: center;
2350	gap: 20px;	2350	gap: 20px;
2351	}	2351	}
2352	@media (min-width: 768px) {	2352	@media (min-width: 768px) {
2353	.header__menu {	2353	.header__menu {
2354	display: -webkit-box;	2354	display: -webkit-box;
2355	display: -ms-flexbox;	2355	display: -ms-flexbox;
2356	display: flex;	2356	display: flex;
2357	}	2357	}
2358	}	2358	}
2359	.header__menu-item:hover {	2359	.header__menu-item:hover {
2360	color: #377d87;	2360	color: #377d87;
2361	}	2361	}
2362	.header__notifs {	2362	.header__notifs {
2363	display: -webkit-box;	2363	display: -webkit-box;
2364	display: -ms-flexbox;	2364	display: -ms-flexbox;
2365	display: flex;	2365	display: flex;
2366	-webkit-box-align: center;	2366	-webkit-box-align: center;
2367	-ms-flex-align: center;	2367	-ms-flex-align: center;
2368	align-items: center;	2368	align-items: center;
2369	-webkit-box-pack: center;	2369	-webkit-box-pack: center;
2370	-ms-flex-pack: center;	2370	-ms-flex-pack: center;
2371	justify-content: center;	2371	justify-content: center;
2372	color: #377d87;	2372	color: #377d87;
2373	padding: 0;	2373	padding: 0;
2374	border: none;	2374	border: none;
2375	background: none;	2375	background: none;
2376	width: 24px;	2376	width: 24px;
2377	height: 24px;	2377	height: 24px;
2378	}	2378	}
2379	@media (min-width: 992px) {	2379	@media (min-width: 992px) {
2380	.header__notifs {	2380	.header__notifs {
2381	width: auto;	2381	width: auto;
2382	height: auto;	2382	height: auto;
2383	color: #000;	2383	color: #000;
2384	line-height: 1.4;	2384	line-height: 1.4;
2385	}	2385	}
2386	}	2386	}
2387	@media (min-width: 992px) {	2387	@media (min-width: 992px) {
2388	.header__notifs:hover {	2388	.header__notifs:hover {
2389	color: #377d87;	2389	color: #377d87;
2390	}	2390	}
2391	}	2391	}
2392	.header__notifs svg {	2392	.header__notifs svg {
2393	width: 20px;	2393	width: 20px;
2394	height: 20px;	2394	height: 20px;
2395	}	2395	}
2396	@media (min-width: 992px) {	2396	@media (min-width: 992px) {
2397	.header__notifs svg {	2397	.header__notifs svg {
2398	display: none;	2398	display: none;
2399	}	2399	}
2400	}	2400	}
2401	.header__notifs span {	2401	.header__notifs span {
2402	display: none;	2402	display: none;
2403	}	2403	}
2404	@media (min-width: 992px) {	2404	@media (min-width: 992px) {
2405	.header__notifs span {	2405	.header__notifs span {
2406	display: inline;	2406	display: inline;
2407	}	2407	}
2408	}	2408	}
2409	.header__notifs_actived {	2409	.header__notifs_actived {
2410	position: relative;	2410	position: relative;
2411	}	2411	}
2412	@media (min-width: 992px) {	2412	@media (min-width: 992px) {
2413	.header__notifs_actived {	2413	.header__notifs_actived {
2414	padding-right: 12px;	2414	padding-right: 12px;
2415	}	2415	}
2416	}	2416	}
2417	.header__notifs_actived:after {	2417	.header__notifs_actived:after {
2418	content: "";	2418	content: "";
2419	border: 1px solid #fff;	2419	border: 1px solid #fff;
2420	background: #377d87;	2420	background: #377d87;
2421	border-radius: 999px;	2421	border-radius: 999px;
2422	width: 10px;	2422	width: 10px;
2423	height: 10px;	2423	height: 10px;
2424	position: absolute;	2424	position: absolute;
2425	z-index: 1;	2425	z-index: 1;
2426	top: 0;	2426	top: 0;
2427	right: 0;	2427	right: 0;
2428	}	2428	}
2429	@media (min-width: 992px) {	2429	@media (min-width: 992px) {
2430	.header__notifs_actived:after {	2430	.header__notifs_actived:after {
2431	width: 8px;	2431	width: 8px;
2432	height: 8px;	2432	height: 8px;
2433	border: none;	2433	border: none;
2434	}	2434	}
2435	}	2435	}
2436	.header__burger {	2436	.header__burger {
2437	display: -webkit-box;	2437	display: -webkit-box;
2438	display: -ms-flexbox;	2438	display: -ms-flexbox;
2439	display: flex;	2439	display: flex;
2440	-webkit-box-align: center;	2440	-webkit-box-align: center;
2441	-ms-flex-align: center;	2441	-ms-flex-align: center;
2442	align-items: center;	2442	align-items: center;
2443	-webkit-box-pack: center;	2443	-webkit-box-pack: center;
2444	-ms-flex-pack: center;	2444	-ms-flex-pack: center;
2445	justify-content: center;	2445	justify-content: center;
2446	width: 24px;	2446	width: 24px;
2447	height: 24px;	2447	height: 24px;
2448	color: #377d87;	2448	color: #377d87;
2449	padding: 0;	2449	padding: 0;
2450	border: none;	2450	border: none;
2451	background: none;	2451	background: none;
2452	}	2452	}
2453	@media (min-width: 992px) {	2453	@media (min-width: 992px) {
2454	.header__burger {	2454	.header__burger {
2455	display: none;	2455	display: none;
2456	}	2456	}
2457	}	2457	}
2458	.header__burger svg {	2458	.header__burger svg {
2459	width: 20px;	2459	width: 20px;
2460	height: 20px;	2460	height: 20px;
2461	}	2461	}
2462	.header__burger svg + svg {	2462	.header__burger svg + svg {
2463	display: none;	2463	display: none;
2464	}	2464	}
2465	.header__sign {	2465	.header__sign {
2466	display: none;	2466	display: none;
2467	}	2467	}
2468	@media (min-width: 992px) {	2468	@media (min-width: 992px) {
2469	.header__sign {	2469	.header__sign {
2470	display: -webkit-box;	2470	display: -webkit-box;
2471	display: -ms-flexbox;	2471	display: -ms-flexbox;
2472	display: flex;	2472	display: flex;
2473	}	2473	}
2474	}	2474	}
2475		2475
2476	.mob-menu {	2476	.mob-menu {
2477	display: none;	2477	display: none;
2478	position: fixed;	2478	position: fixed;
2479	bottom: 0;	2479	bottom: 0;
2480	left: 0;	2480	left: 0;
2481	width: 100vw;	2481	width: 100vw;
2482	height: calc(100vh - 42px);	2482	height: calc(100vh - 42px);
2483	z-index: 4;	2483	z-index: 4;
2484	background: #fff;	2484	background: #fff;
2485	overflow: hidden;	2485	overflow: hidden;
2486	overflow-y: auto;	2486	overflow-y: auto;
2487	padding: 50px 0;	2487	padding: 50px 0;
2488	}	2488	}
2489	.mob-menu__bottom {	2489	.mob-menu__bottom {
2490	display: -webkit-box;	2490	display: -webkit-box;
2491	display: -ms-flexbox;	2491	display: -ms-flexbox;
2492	display: flex;	2492	display: flex;
2493	-webkit-box-orient: vertical;	2493	-webkit-box-orient: vertical;
2494	-webkit-box-direction: normal;	2494	-webkit-box-direction: normal;
2495	-ms-flex-direction: column;	2495	-ms-flex-direction: column;
2496	flex-direction: column;	2496	flex-direction: column;
2497	-webkit-box-align: center;	2497	-webkit-box-align: center;
2498	-ms-flex-align: center;	2498	-ms-flex-align: center;
2499	align-items: center;	2499	align-items: center;
2500	margin-top: 80px;	2500	margin-top: 80px;
2501	}	2501	}
2502	.mob-menu__bottom .button {	2502	.mob-menu__bottom .button {
2503	min-width: 120px;	2503	min-width: 120px;
2504	}	2504	}
2505	.mob-menu__bottom-link {	2505	.mob-menu__bottom-link {
2506	text-decoration: underline;	2506	text-decoration: underline;
2507	margin-top: 50px;	2507	margin-top: 50px;
2508	}	2508	}
2509	.mob-menu__bottom-link:hover {	2509	.mob-menu__bottom-link:hover {
2510	color: #377d87;	2510	color: #377d87;
2511	}	2511	}
2512	.mob-menu__bottom-link + .mob-menu__bottom-link {	2512	.mob-menu__bottom-link + .mob-menu__bottom-link {
2513	margin-top: 10px;	2513	margin-top: 10px;
2514	}	2514	}
2515	.mob-menu__bottom .socials {	2515	.mob-menu__bottom .socials {
2516	margin-top: 35px;	2516	margin-top: 35px;
2517	}	2517	}
2518	.mob-menu .footer__mobile-menu {	2518	.mob-menu .footer__mobile-menu {
2519	opacity: 1;	2519	opacity: 1;
2520	height: auto;	2520	height: auto;
2521	overflow: visible;	2521	overflow: visible;
2522	}	2522	}
2523	.mob-menu .footer__mobile-menu-item button {	2523	.mob-menu .footer__mobile-menu-item button {
2524	-webkit-box-align: center;	2524	-webkit-box-align: center;
2525	-ms-flex-align: center;	2525	-ms-flex-align: center;
2526	align-items: center;	2526	align-items: center;
2527	}	2527	}
2528	.mob-menu .footer__mobile-menu-item div {	2528	.mob-menu .footer__mobile-menu-item div {
2529	font-size: 20px;	2529	font-size: 20px;
2530	}	2530	}
2531	.mob-menu .footer__mobile-contacts a {	2531	.mob-menu .footer__mobile-contacts a {
2532	font-size: 20px;	2532	font-size: 20px;
2533	font-weight: 700;	2533	font-weight: 700;
2534	color: #000;	2534	color: #000;
2535	text-decoration: none;	2535	text-decoration: none;
2536	}	2536	}
2537	.mob-menu .footer__mobile-contacts a:hover {	2537	.mob-menu .footer__mobile-contacts a:hover {
2538	color: #377d87;	2538	color: #377d87;
2539	}	2539	}
2540	.mob-menu .footer__mobile-menu-item button b,	2540	.mob-menu .footer__mobile-menu-item button b,
2541	.mob-menu .footer__mobile-contacts a {	2541	.mob-menu .footer__mobile-contacts a {
2542	font-size: 30px;	2542	font-size: 30px;
2543	}	2543	}
2544		2544
2545	.menu-is-actived {	2545	.menu-is-actived {
2546	overflow: hidden;	2546	overflow: hidden;
2547	}	2547	}
2548	@media (min-width: 992px) {	2548	@media (min-width: 992px) {
2549	.menu-is-actived {	2549	.menu-is-actived {
2550	overflow: auto;	2550	overflow: auto;
2551	}	2551	}
2552	}	2552	}
2553	.menu-is-actived .header__burger svg {	2553	.menu-is-actived .header__burger svg {
2554	display: none;	2554	display: none;
2555	}	2555	}
2556	.menu-is-actived .header__burger svg + svg {	2556	.menu-is-actived .header__burger svg + svg {
2557	display: block;	2557	display: block;
2558	}	2558	}
2559	.menu-is-actived .mob-menu {	2559	.menu-is-actived .mob-menu {
2560	display: block;	2560	display: block;
2561	}	2561	}
2562	@media (min-width: 992px) {	2562	@media (min-width: 992px) {
2563	.menu-is-actived .mob-menu {	2563	.menu-is-actived .mob-menu {
2564	display: none;	2564	display: none;
2565	}	2565	}
2566	}	2566	}
2567		2567
2568	.footer {	2568	.footer {
2569	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);	2569	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);	2570	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571	background: #fff;	2571	background: #fff;
2572	position: relative;	2572	position: relative;
2573	z-index: 1;	2573	z-index: 1;
2574	overflow: hidden;	2574	overflow: hidden;
2575	}	2575	}
2576	.footer__mobile {	2576	.footer__mobile {
2577	display: -webkit-box;	2577	display: -webkit-box;
2578	display: -ms-flexbox;	2578	display: -ms-flexbox;
2579	display: flex;	2579	display: flex;
2580	-webkit-box-orient: vertical;	2580	-webkit-box-orient: vertical;
2581	-webkit-box-direction: normal;	2581	-webkit-box-direction: normal;
2582	-ms-flex-direction: column;	2582	-ms-flex-direction: column;
2583	flex-direction: column;	2583	flex-direction: column;
2584	padding: 25px 0 30px 0;	2584	padding: 25px 0 30px 0;
2585	}	2585	}
2586	@media (min-width: 768px) {	2586	@media (min-width: 768px) {
2587	.footer__mobile {	2587	.footer__mobile {
2588	padding: 30px 0;	2588	padding: 30px 0;
2589	}	2589	}
2590	}	2590	}
2591	@media (min-width: 992px) {	2591	@media (min-width: 992px) {
2592	.footer__mobile {	2592	.footer__mobile {
2593	display: none;	2593	display: none;
2594	}	2594	}
2595	}	2595	}
2596	.footer__mobile-toper {	2596	.footer__mobile-toper {
2597	display: -webkit-box;	2597	display: -webkit-box;
2598	display: -ms-flexbox;	2598	display: -ms-flexbox;
2599	display: flex;	2599	display: flex;
2600	-webkit-box-pack: justify;	2600	-webkit-box-pack: justify;
2601	-ms-flex-pack: justify;	2601	-ms-flex-pack: justify;
2602	justify-content: space-between;	2602	justify-content: space-between;
2603	-webkit-box-align: center;	2603	-webkit-box-align: center;
2604	-ms-flex-align: center;	2604	-ms-flex-align: center;
2605	align-items: center;	2605	align-items: center;
2606	padding: 0;	2606	padding: 0;
2607	border: none;	2607	border: none;
2608	background: none;	2608	background: none;
2609	}	2609	}
2610	.footer__mobile-toper a,	2610	.footer__mobile-toper a,
2611	.footer__mobile-toper b {	2611	.footer__mobile-toper b {
2612	display: -webkit-box;	2612	display: -webkit-box;
2613	display: -ms-flexbox;	2613	display: -ms-flexbox;
2614	display: flex;	2614	display: flex;
2615	-webkit-box-pack: center;	2615	-webkit-box-pack: center;
2616	-ms-flex-pack: center;	2616	-ms-flex-pack: center;
2617	justify-content: center;	2617	justify-content: center;
2618	-webkit-box-align: center;	2618	-webkit-box-align: center;
2619	-ms-flex-align: center;	2619	-ms-flex-align: center;
2620	align-items: center;	2620	align-items: center;
2621	color: #377d87;	2621	color: #377d87;
2622	}	2622	}
2623	.footer__mobile-toper a svg,	2623	.footer__mobile-toper a svg,
2624	.footer__mobile-toper b svg {	2624	.footer__mobile-toper b svg {
2625	width: 137px;	2625	width: 137px;
2626	height: 40px;	2626	height: 40px;
2627	}	2627	}
2628	.footer__mobile-toper span {	2628	.footer__mobile-toper span {
2629	width: 40px;	2629	width: 40px;
2630	height: 40px;	2630	height: 40px;
2631	display: -webkit-box;	2631	display: -webkit-box;
2632	display: -ms-flexbox;	2632	display: -ms-flexbox;
2633	display: flex;	2633	display: flex;
2634	-webkit-box-pack: center;	2634	-webkit-box-pack: center;
2635	-ms-flex-pack: center;	2635	-ms-flex-pack: center;
2636	justify-content: center;	2636	justify-content: center;
2637	-webkit-box-align: center;	2637	-webkit-box-align: center;
2638	-ms-flex-align: center;	2638	-ms-flex-align: center;
2639	align-items: center;	2639	align-items: center;
2640	background: #377d87;	2640	background: #377d87;
2641	color: #fff;	2641	color: #fff;
2642	border-radius: 999px;	2642	border-radius: 999px;
2643	}	2643	}
2644	.footer__mobile-toper span svg {	2644	.footer__mobile-toper span svg {
2645	width: 10px;	2645	width: 10px;
2646	height: 10px;	2646	height: 10px;
2647	-webkit-transition: 0.3s;	2647	-webkit-transition: 0.3s;
2648	transition: 0.3s;	2648	transition: 0.3s;
2649	}	2649	}
2650	.footer__mobile-toper.active span svg {	2650	.footer__mobile-toper.active span svg {
2651	-webkit-transform: rotate(180deg);	2651	-webkit-transform: rotate(180deg);
2652	-ms-transform: rotate(180deg);	2652	-ms-transform: rotate(180deg);
2653	transform: rotate(180deg);	2653	transform: rotate(180deg);
2654	}	2654	}
2655	.footer__mobile-menu {	2655	.footer__mobile-menu {
2656	height: 0;	2656	height: 0;
2657	opacity: 0;	2657	opacity: 0;
2658	overflow: hidden;	2658	overflow: hidden;
2659	-webkit-transition: 0.3s;	2659	-webkit-transition: 0.3s;
2660	transition: 0.3s;	2660	transition: 0.3s;
2661	display: -webkit-box;	2661	display: -webkit-box;
2662	display: -ms-flexbox;	2662	display: -ms-flexbox;
2663	display: flex;	2663	display: flex;
2664	-webkit-box-orient: vertical;	2664	-webkit-box-orient: vertical;
2665	-webkit-box-direction: normal;	2665	-webkit-box-direction: normal;
2666	-ms-flex-direction: column;	2666	-ms-flex-direction: column;
2667	flex-direction: column;	2667	flex-direction: column;
2668	gap: 30px;	2668	gap: 30px;
2669	}	2669	}
2670	@media (min-width: 768px) {	2670	@media (min-width: 768px) {
2671	.footer__mobile-menu {	2671	.footer__mobile-menu {
2672	display: grid;	2672	display: grid;
2673	grid-template-columns: 1fr 1fr;	2673	grid-template-columns: 1fr 1fr;
2674	gap: 100px;	2674	gap: 100px;
2675	}	2675	}
2676	}	2676	}
2677	.footer__mobile-menu-item {	2677	.footer__mobile-menu-item {
2678	display: -webkit-box;	2678	display: -webkit-box;
2679	display: -ms-flexbox;	2679	display: -ms-flexbox;
2680	display: flex;	2680	display: flex;
2681	-webkit-box-orient: vertical;	2681	-webkit-box-orient: vertical;
2682	-webkit-box-direction: normal;	2682	-webkit-box-direction: normal;
2683	-ms-flex-direction: column;	2683	-ms-flex-direction: column;
2684	flex-direction: column;	2684	flex-direction: column;
2685	}	2685	}
2686	.footer__mobile-menu-item button {	2686	.footer__mobile-menu-item button {
2687	display: -webkit-box;	2687	display: -webkit-box;
2688	display: -ms-flexbox;	2688	display: -ms-flexbox;
2689	display: flex;	2689	display: flex;
2690	-webkit-box-align: start;	2690	-webkit-box-align: start;
2691	-ms-flex-align: start;	2691	-ms-flex-align: start;
2692	align-items: flex-start;	2692	align-items: flex-start;
2693	padding: 0;	2693	padding: 0;
2694	border: none;	2694	border: none;
2695	background: none;	2695	background: none;
2696	}	2696	}
2697	.footer__mobile-menu-item button.active {	2697	.footer__mobile-menu-item button.active {
2698	color: #377d87;	2698	color: #377d87;
2699	}	2699	}
2700	.footer__mobile-menu-item button b {	2700	.footer__mobile-menu-item button b {
2701	width: calc(100% - 24px);	2701	width: calc(100% - 24px);
2702	padding-right: 12px;	2702	padding-right: 12px;
2703	min-height: 24px;	2703	min-height: 24px;
2704	display: -webkit-box;	2704	display: -webkit-box;
2705	display: -ms-flexbox;	2705	display: -ms-flexbox;
2706	display: flex;	2706	display: flex;
2707	-webkit-box-align: center;	2707	-webkit-box-align: center;
2708	-ms-flex-align: center;	2708	-ms-flex-align: center;
2709	align-items: center;	2709	align-items: center;
2710	font-size: 20px;	2710	font-size: 20px;
2711	font-weight: 700;	2711	font-weight: 700;
2712	}	2712	}
2713	.footer__mobile-menu-item button span {	2713	.footer__mobile-menu-item button span {
2714	width: 24px;	2714	width: 24px;
2715	height: 24px;	2715	height: 24px;
2716	display: -webkit-box;	2716	display: -webkit-box;
2717	display: -ms-flexbox;	2717	display: -ms-flexbox;
2718	display: flex;	2718	display: flex;
2719	-webkit-box-pack: center;	2719	-webkit-box-pack: center;
2720	-ms-flex-pack: center;	2720	-ms-flex-pack: center;
2721	justify-content: center;	2721	justify-content: center;
2722	-webkit-box-align: center;	2722	-webkit-box-align: center;
2723	-ms-flex-align: center;	2723	-ms-flex-align: center;
2724	align-items: center;	2724	align-items: center;
2725	padding: 0;	2725	padding: 0;
2726	border: none;	2726	border: none;
2727	background: none;	2727	background: none;
2728	}	2728	}
2729	.footer__mobile-menu-item button svg {	2729	.footer__mobile-menu-item button svg {
2730	width: 12px;	2730	width: 12px;
2731	height: 12px;	2731	height: 12px;
2732	-webkit-transition: 0.3s;	2732	-webkit-transition: 0.3s;
2733	transition: 0.3s;	2733	transition: 0.3s;
2734	-webkit-transform: rotate(180deg);	2734	-webkit-transform: rotate(180deg);
2735	-ms-transform: rotate(180deg);	2735	-ms-transform: rotate(180deg);
2736	transform: rotate(180deg);	2736	transform: rotate(180deg);
2737	}	2737	}
2738	.footer__mobile-menu-item button.active svg {	2738	.footer__mobile-menu-item button.active svg {
2739	-webkit-transform: rotate(0deg);	2739	-webkit-transform: rotate(0deg);
2740	-ms-transform: rotate(0deg);	2740	-ms-transform: rotate(0deg);
2741	transform: rotate(0deg);	2741	transform: rotate(0deg);
2742	}	2742	}
2743	.footer__mobile-menu-item div {	2743	.footer__mobile-menu-item div {
2744	height: 0;	2744	height: 0;
2745	opacity: 0;	2745	opacity: 0;
2746	overflow: hidden;	2746	overflow: hidden;
2747	-webkit-transition: 0.3s;	2747	-webkit-transition: 0.3s;
2748	transition: 0.3s;	2748	transition: 0.3s;
2749	display: -webkit-box;	2749	display: -webkit-box;
2750	display: -ms-flexbox;	2750	display: -ms-flexbox;
2751	display: flex;	2751	display: flex;
2752	-webkit-box-orient: vertical;	2752	-webkit-box-orient: vertical;
2753	-webkit-box-direction: normal;	2753	-webkit-box-direction: normal;
2754	-ms-flex-direction: column;	2754	-ms-flex-direction: column;
2755	flex-direction: column;	2755	flex-direction: column;
2756	gap: 15px;	2756	gap: 15px;
2757	}	2757	}
2758	.footer__mobile-menu-item div a:hover {	2758	.footer__mobile-menu-item div a:hover {
2759	color: #377d87;	2759	color: #377d87;
2760	}	2760	}
2761	.footer__mobile-menu-item .active + div {	2761	.footer__mobile-menu-item .active + div {
2762	opacity: 1;	2762	opacity: 1;
2763	height: auto;	2763	height: auto;
2764	overflow: visible;	2764	overflow: visible;
2765	padding-top: 15px;	2765	padding-top: 15px;
2766	}	2766	}
2767	.active + .footer__mobile-menu {	2767	.active + .footer__mobile-menu {
2768	opacity: 1;	2768	opacity: 1;
2769	height: auto;	2769	height: auto;
2770	overflow: visible;	2770	overflow: visible;
2771	padding-top: 35px;	2771	padding-top: 35px;
2772	}	2772	}
2773	.footer__mobile-contacts {	2773	.footer__mobile-contacts {
2774	display: -webkit-box;	2774	display: -webkit-box;
2775	display: -ms-flexbox;	2775	display: -ms-flexbox;
2776	display: flex;	2776	display: flex;
2777	-webkit-box-pack: justify;	2777	-webkit-box-pack: justify;
2778	-ms-flex-pack: justify;	2778	-ms-flex-pack: justify;
2779	justify-content: space-between;	2779	justify-content: space-between;
2780	-webkit-box-align: start;	2780	-webkit-box-align: start;
2781	-ms-flex-align: start;	2781	-ms-flex-align: start;
2782	align-items: flex-start;	2782	align-items: flex-start;
2783	-ms-flex-wrap: wrap;	2783	-ms-flex-wrap: wrap;
2784	flex-wrap: wrap;	2784	flex-wrap: wrap;
2785	margin-top: 30px;	2785	margin-top: 30px;
2786	}	2786	}
2787	.footer__mobile-contacts b {	2787	.footer__mobile-contacts b {
2788	font-size: 20px;	2788	font-size: 20px;
2789	font-weight: 700;	2789	font-weight: 700;
2790	width: 100%;	2790	width: 100%;
2791	margin-bottom: 20px;	2791	margin-bottom: 20px;
2792	}	2792	}
2793	.footer__mobile-contacts a {	2793	.footer__mobile-contacts a {
2794	color: #377d87;	2794	color: #377d87;
2795	text-decoration: underline;	2795	text-decoration: underline;
2796	}	2796	}
2797	.footer__mobile-contacts a + a {	2797	.footer__mobile-contacts a + a {
2798	color: #000;	2798	color: #000;
2799	}	2799	}
2800	.footer__mobile-bottom {	2800	.footer__mobile-bottom {
2801	display: -webkit-box;	2801	display: -webkit-box;
2802	display: -ms-flexbox;	2802	display: -ms-flexbox;
2803	display: flex;	2803	display: flex;
2804	-webkit-box-orient: vertical;	2804	-webkit-box-orient: vertical;
2805	-webkit-box-direction: normal;	2805	-webkit-box-direction: normal;
2806	-ms-flex-direction: column;	2806	-ms-flex-direction: column;
2807	flex-direction: column;	2807	flex-direction: column;
2808	-webkit-box-align: center;	2808	-webkit-box-align: center;
2809	-ms-flex-align: center;	2809	-ms-flex-align: center;
2810	align-items: center;	2810	align-items: center;
2811	text-align: center;	2811	text-align: center;
2812	gap: 20px;	2812	gap: 20px;
2813	margin-top: 100px;	2813	margin-top: 100px;
2814	}	2814	}
2815	.footer__mobile-links {	2815	.footer__mobile-links {
2816	display: -webkit-box;	2816	display: -webkit-box;
2817	display: -ms-flexbox;	2817	display: -ms-flexbox;
2818	display: flex;	2818	display: flex;
2819	-webkit-box-orient: vertical;	2819	-webkit-box-orient: vertical;
2820	-webkit-box-direction: normal;	2820	-webkit-box-direction: normal;
2821	-ms-flex-direction: column;	2821	-ms-flex-direction: column;
2822	flex-direction: column;	2822	flex-direction: column;
2823	-webkit-box-align: center;	2823	-webkit-box-align: center;
2824	-ms-flex-align: center;	2824	-ms-flex-align: center;
2825	align-items: center;	2825	align-items: center;
2826	gap: 10px;	2826	gap: 10px;
2827	}	2827	}
2828	.footer__mobile-links a:hover {	2828	.footer__mobile-links a:hover {
2829	color: #377d87;	2829	color: #377d87;
2830	}	2830	}
2831	.footer__mobile-links span {	2831	.footer__mobile-links span {
2832	width: 60px;	2832	width: 60px;
2833	height: 1px;	2833	height: 1px;
2834	background: #377d87;	2834	background: #377d87;
2835	}	2835	}
2836	.footer__main {	2836	.footer__main {
2837	display: none;	2837	display: none;
2838	padding: 55px 0 20px 0;	2838	padding: 55px 0 20px 0;
2839	-webkit-box-orient: vertical;	2839	-webkit-box-orient: vertical;
2840	-webkit-box-direction: normal;	2840	-webkit-box-direction: normal;
2841	-ms-flex-direction: column;	2841	-ms-flex-direction: column;
2842	flex-direction: column;	2842	flex-direction: column;
2843	gap: 70px;	2843	gap: 70px;
2844	}	2844	}
2845	@media (min-width: 992px) {	2845	@media (min-width: 992px) {
2846	.footer__main {	2846	.footer__main {
2847	display: -webkit-box;	2847	display: -webkit-box;
2848	display: -ms-flexbox;	2848	display: -ms-flexbox;
2849	display: flex;	2849	display: flex;
2850	}	2850	}
2851	}	2851	}
2852	.footer__main-body {	2852	.footer__main-body {
2853	display: -webkit-box;	2853	display: -webkit-box;
2854	display: -ms-flexbox;	2854	display: -ms-flexbox;
2855	display: flex;	2855	display: flex;
2856	-webkit-box-pack: justify;	2856	-webkit-box-pack: justify;
2857	-ms-flex-pack: justify;	2857	-ms-flex-pack: justify;
2858	justify-content: space-between;	2858	justify-content: space-between;
2859	-webkit-box-align: start;	2859	-webkit-box-align: start;
2860	-ms-flex-align: start;	2860	-ms-flex-align: start;
2861	align-items: flex-start;	2861	align-items: flex-start;
2862	}	2862	}
2863	.footer__main-logo {	2863	.footer__main-logo {
2864	display: -webkit-box;	2864	display: -webkit-box;
2865	display: -ms-flexbox;	2865	display: -ms-flexbox;
2866	display: flex;	2866	display: flex;
2867	-webkit-box-pack: center;	2867	-webkit-box-pack: center;
2868	-ms-flex-pack: center;	2868	-ms-flex-pack: center;
2869	justify-content: center;	2869	justify-content: center;
2870	-webkit-box-align: center;	2870	-webkit-box-align: center;
2871	-ms-flex-align: center;	2871	-ms-flex-align: center;
2872	align-items: center;	2872	align-items: center;
2873	color: #377d87;	2873	color: #377d87;
2874	}	2874	}
2875	.footer__main-logo svg {	2875	.footer__main-logo svg {
2876	width: 182px;	2876	width: 182px;
2877	height: 54px;	2877	height: 54px;
2878	}	2878	}
2879	.footer__main-title {	2879	.footer__main-title {
2880	font-size: 20px;	2880	font-size: 20px;
2881	font-weight: 700;	2881	font-weight: 700;
2882	margin-bottom: 16px;	2882	margin-bottom: 16px;
2883	}	2883	}
2884	.footer__main-col {	2884	.footer__main-col {
2885	display: -webkit-box;	2885	display: -webkit-box;
2886	display: -ms-flexbox;	2886	display: -ms-flexbox;
2887	display: flex;	2887	display: flex;
2888	-webkit-box-orient: vertical;	2888	-webkit-box-orient: vertical;
2889	-webkit-box-direction: normal;	2889	-webkit-box-direction: normal;
2890	-ms-flex-direction: column;	2890	-ms-flex-direction: column;
2891	flex-direction: column;	2891	flex-direction: column;
2892	-webkit-box-align: start;	2892	-webkit-box-align: start;
2893	-ms-flex-align: start;	2893	-ms-flex-align: start;
2894	align-items: flex-start;	2894	align-items: flex-start;
2895	}	2895	}
2896	.footer__main-col nav {	2896	.footer__main-col nav {
2897	display: -webkit-box;	2897	display: -webkit-box;
2898	display: -ms-flexbox;	2898	display: -ms-flexbox;
2899	display: flex;	2899	display: flex;
2900	-webkit-box-orient: vertical;	2900	-webkit-box-orient: vertical;
2901	-webkit-box-direction: normal;	2901	-webkit-box-direction: normal;
2902	-ms-flex-direction: column;	2902	-ms-flex-direction: column;
2903	flex-direction: column;	2903	flex-direction: column;
2904	-webkit-box-align: start;	2904	-webkit-box-align: start;
2905	-ms-flex-align: start;	2905	-ms-flex-align: start;
2906	align-items: flex-start;	2906	align-items: flex-start;
2907	gap: 8px;	2907	gap: 8px;
2908	}	2908	}
2909	.footer__main-col nav a:hover {	2909	.footer__main-col nav a:hover {
2910	color: #377d87;	2910	color: #377d87;
2911	}	2911	}
2912	.footer__main-contacts {	2912	.footer__main-contacts {
2913	display: -webkit-box;	2913	display: -webkit-box;
2914	display: -ms-flexbox;	2914	display: -ms-flexbox;
2915	display: flex;	2915	display: flex;
2916	-webkit-box-orient: vertical;	2916	-webkit-box-orient: vertical;
2917	-webkit-box-direction: normal;	2917	-webkit-box-direction: normal;
2918	-ms-flex-direction: column;	2918	-ms-flex-direction: column;
2919	flex-direction: column;	2919	flex-direction: column;
2920	-webkit-box-align: start;	2920	-webkit-box-align: start;
2921	-ms-flex-align: start;	2921	-ms-flex-align: start;
2922	align-items: flex-start;	2922	align-items: flex-start;
2923	gap: 16px;	2923	gap: 16px;
2924	margin-bottom: 16px;	2924	margin-bottom: 16px;
2925	}	2925	}
2926	.footer__main-contacts a {	2926	.footer__main-contacts a {
2927	color: #377d87;	2927	color: #377d87;
2928	text-decoration: underline;	2928	text-decoration: underline;
2929	}	2929	}
2930	.footer__main-contacts a + a {	2930	.footer__main-contacts a + a {
2931	color: #000;	2931	color: #000;
2932	}	2932	}
2933	.footer__main-copy {	2933	.footer__main-copy {
2934	display: -webkit-box;	2934	display: -webkit-box;
2935	display: -ms-flexbox;	2935	display: -ms-flexbox;
2936	display: flex;	2936	display: flex;
2937	-webkit-box-pack: justify;	2937	-webkit-box-pack: justify;
2938	-ms-flex-pack: justify;	2938	-ms-flex-pack: justify;
2939	justify-content: space-between;	2939	justify-content: space-between;
2940	-webkit-box-align: center;	2940	-webkit-box-align: center;
2941	-ms-flex-align: center;	2941	-ms-flex-align: center;
2942	align-items: center;	2942	align-items: center;
2943	font-size: 14px;	2943	font-size: 14px;
2944	line-height: 1.4;	2944	line-height: 1.4;
2945	}	2945	}
2946	.footer__main-copy nav {	2946	.footer__main-copy nav {
2947	display: -webkit-box;	2947	display: -webkit-box;
2948	display: -ms-flexbox;	2948	display: -ms-flexbox;
2949	display: flex;	2949	display: flex;
2950	-webkit-box-align: center;	2950	-webkit-box-align: center;
2951	-ms-flex-align: center;	2951	-ms-flex-align: center;
2952	align-items: center;	2952	align-items: center;
2953	gap: 10px;	2953	gap: 10px;
2954	}	2954	}
2955	.footer__main-copy nav a:hover {	2955	.footer__main-copy nav a:hover {
2956	color: #377d87;	2956	color: #377d87;
2957	}	2957	}
2958	.footer__main-copy nav span {	2958	.footer__main-copy nav span {
2959	width: 1px;	2959	width: 1px;
2960	height: 20px;	2960	height: 20px;
2961	background: #000;	2961	background: #000;
2962	}	2962	}
2963		2963
2964	.main {	2964	.main {
2965	position: relative;	2965	position: relative;
2966	overflow: hidden;	2966	overflow: hidden;
2967	padding: 30px 0;	2967	padding: 30px 0;
2968	}	2968	}
2969	@media (min-width: 768px) {	2969	@media (min-width: 768px) {
2970	.main {	2970	.main {
2971	padding: 40px 0;	2971	padding: 40px 0;
2972	}	2972	}
2973	}	2973	}
2974	@media (min-width: 992px) {	2974	@media (min-width: 992px) {
2975	.main {	2975	.main {
2976	padding: 50px 0;	2976	padding: 50px 0;
2977	}	2977	}
2978	}	2978	}
2979	@media (min-width: 1280px) {	2979	@media (min-width: 1280px) {
2980	.main {	2980	.main {
2981	padding: 60px 0;	2981	padding: 60px 0;
2982	}	2982	}
2983	}	2983	}
2984	.main h2 {	2984	.main h2 {
2985	margin: 0;	2985	margin: 0;
2986	font-weight: 700;	2986	font-weight: 700;
2987	font-size: 30px;	2987	font-size: 30px;
2988	}	2988	}
2989	@media (min-width: 768px) {	2989	@media (min-width: 768px) {
2990	.main h2 {	2990	.main h2 {
2991	font-size: 44px;	2991	font-size: 44px;
2992	}	2992	}
2993	}	2993	}
2994	.main h3 {	2994	.main h3 {
2995	margin: 0;	2995	margin: 0;
2996	font-weight: 700;	2996	font-weight: 700;
2997	font-size: 22px;	2997	font-size: 22px;
2998	}	2998	}
2999	@media (min-width: 768px) {	2999	@media (min-width: 768px) {
3000	.main h3 {	3000	.main h3 {
3001	font-size: 28px;	3001	font-size: 28px;
3002	}	3002	}
3003	}	3003	}
3004	.main p {	3004	.main p {
3005	margin: 0;	3005	margin: 0;
3006	font-size: 14px;	3006	font-size: 14px;
3007	line-height: 1.4;	3007	line-height: 1.4;
3008	}	3008	}
3009	@media (min-width: 768px) {	3009	@media (min-width: 768px) {
3010	.main p {	3010	.main p {
3011	font-size: 18px;	3011	font-size: 18px;
3012	}	3012	}
3013	}	3013	}
3014	.main p a {	3014	.main p a {
3015	color: #4d88d9;	3015	color: #4d88d9;
3016	}	3016	}
3017	.main p a:hover {	3017	.main p a:hover {
3018	color: #377d87;	3018	color: #377d87;
3019	}	3019	}
3020	.main__breadcrumbs {	3020	.main__breadcrumbs {
3021	margin-bottom: 20px;	3021	margin-bottom: 20px;
3022	}	3022	}
3023	@media (min-width: 768px) {	3023	@media (min-width: 768px) {
3024	.main__breadcrumbs {	3024	.main__breadcrumbs {
3025	margin-bottom: 40px;	3025	margin-bottom: 40px;
3026	}	3026	}
3027	}	3027	}
3028	.main__content {	3028	.main__content {
3029	display: -webkit-box;	3029	display: -webkit-box;
3030	display: -ms-flexbox;	3030	display: -ms-flexbox;
3031	display: flex;	3031	display: flex;
3032	-webkit-box-orient: vertical;	3032	-webkit-box-orient: vertical;
3033	-webkit-box-direction: normal;	3033	-webkit-box-direction: normal;
3034	-ms-flex-direction: column;	3034	-ms-flex-direction: column;
3035	flex-direction: column;	3035	flex-direction: column;
3036	gap: 20px;	3036	gap: 20px;
3037	font-size: 14px;	3037	font-size: 14px;
3038	}	3038	}
3039	@media (min-width: 992px) {	3039	@media (min-width: 992px) {
3040	.main__content {	3040	.main__content {
3041	font-size: 18px;	3041	font-size: 18px;
3042	gap: 32px;	3042	gap: 32px;
3043	}	3043	}
3044	}	3044	}
3045	.main__content-item {	3045	.main__content-item {
3046	display: -webkit-box;	3046	display: -webkit-box;
3047	display: -ms-flexbox;	3047	display: -ms-flexbox;
3048	display: flex;	3048	display: flex;
3049	-webkit-box-orient: vertical;	3049	-webkit-box-orient: vertical;
3050	-webkit-box-direction: normal;	3050	-webkit-box-direction: normal;
3051	-ms-flex-direction: column;	3051	-ms-flex-direction: column;
3052	flex-direction: column;	3052	flex-direction: column;
3053	gap: 16px;	3053	gap: 16px;
3054	}	3054	}
3055	.main__content h1,	3055	.main__content h1,
3056	.main__content h2,	3056	.main__content h2,
3057	.main__content h3,	3057	.main__content h3,
3058	.main__content h4,	3058	.main__content h4,
3059	.main__content h5,	3059	.main__content h5,
3060	.main__content h6 {	3060	.main__content h6 {
3061	color: #000;	3061	color: #000;
3062	}	3062	}
3063	.main__content ul,	3063	.main__content ul,
3064	.main__content ol {	3064	.main__content ol {
3065	padding: 0;	3065	padding: 0;
3066	margin: 0;	3066	margin: 0;
3067	padding-left: 20px;	3067	padding-left: 20px;
3068	display: -webkit-box;	3068	display: -webkit-box;
3069	display: -ms-flexbox;	3069	display: -ms-flexbox;
3070	display: flex;	3070	display: flex;
3071	-webkit-box-orient: vertical;	3071	-webkit-box-orient: vertical;
3072	-webkit-box-direction: normal;	3072	-webkit-box-direction: normal;
3073	-ms-flex-direction: column;	3073	-ms-flex-direction: column;
3074	flex-direction: column;	3074	flex-direction: column;
3075	gap: 8px;	3075	gap: 8px;
3076	}	3076	}
3077	@media (min-width: 992px) {	3077	@media (min-width: 992px) {
3078	.main__content ul,	3078	.main__content ul,
3079	.main__content ol {	3079	.main__content ol {
3080	gap: 16px;	3080	gap: 16px;
3081	padding-left: 30px;	3081	padding-left: 30px;
3082	}	3082	}
3083	}	3083	}
3084	.main__content li ul,	3084	.main__content li ul,
3085	.main__content li ol {	3085	.main__content li ol {
3086	margin-top: 8px;	3086	margin-top: 8px;
3087	}	3087	}
3088	@media (min-width: 992px) {	3088	@media (min-width: 992px) {
3089	.main__content li ul,	3089	.main__content li ul,
3090	.main__content li ol {	3090	.main__content li ol {
3091	margin-top: 16px;	3091	margin-top: 16px;
3092	}	3092	}
3093	}	3093	}
3094	.main__content li ul li,	3094	.main__content li ul li,
3095	.main__content li ol li {	3095	.main__content li ol li {
3096	list-style-type: disc;	3096	list-style-type: disc;
3097	}	3097	}
3098	.main__gallery {	3098	.main__gallery {
3099	display: -webkit-box;	3099	display: -webkit-box;
3100	display: -ms-flexbox;	3100	display: -ms-flexbox;
3101	display: flex;	3101	display: flex;
3102	-webkit-box-orient: vertical;	3102	-webkit-box-orient: vertical;
3103	-webkit-box-direction: normal;	3103	-webkit-box-direction: normal;
3104	-ms-flex-direction: column;	3104	-ms-flex-direction: column;
3105	flex-direction: column;	3105	flex-direction: column;
3106	gap: 20px;	3106	gap: 20px;
3107	}	3107	}
3108	@media (min-width: 768px) {	3108	@media (min-width: 768px) {
3109	.main__gallery {	3109	.main__gallery {
3110	display: grid;	3110	display: grid;
3111	grid-template-columns: repeat(2, 1fr);	3111	grid-template-columns: repeat(2, 1fr);
3112	}	3112	}
3113	}	3113	}
3114	@media (min-width: 992px) {	3114	@media (min-width: 992px) {
3115	.main__gallery {	3115	.main__gallery {
3116	grid-template-columns: repeat(3, 1fr);	3116	grid-template-columns: repeat(3, 1fr);
3117	}	3117	}
3118	}	3118	}
3119	.main__gallery-item {	3119	.main__gallery-item {
3120	width: 100%;	3120	width: 100%;
3121	aspect-ratio: 400/224;	3121	aspect-ratio: 400/224;
3122	border-radius: 30px;	3122	border-radius: 30px;
3123	position: relative;	3123	position: relative;
3124	overflow: hidden;	3124	overflow: hidden;
3125	}	3125	}
3126	.main__gallery-item:hover {	3126	.main__gallery-item:hover {
3127	-webkit-filter: brightness(1.1);	3127	-webkit-filter: brightness(1.1);
3128	filter: brightness(1.1);	3128	filter: brightness(1.1);
3129	}	3129	}
3130	.main__gallery-item img {	3130	.main__gallery-item img {
3131	position: absolute;	3131	position: absolute;
3132	top: 0;	3132	top: 0;
3133	left: 0;	3133	left: 0;
3134	width: 100%;	3134	width: 100%;
3135	height: 100%;	3135	height: 100%;
3136	-o-object-fit: cover;	3136	-o-object-fit: cover;
3137	object-fit: cover;	3137	object-fit: cover;
3138	}	3138	}
3139	.main__employers {	3139	.main__employers {
3140	display: -webkit-box;	3140	display: -webkit-box;
3141	display: -ms-flexbox;	3141	display: -ms-flexbox;
3142	display: flex;	3142	display: flex;
3143	-webkit-box-orient: vertical;	3143	-webkit-box-orient: vertical;
3144	-webkit-box-direction: normal;	3144	-webkit-box-direction: normal;
3145	-ms-flex-direction: column;	3145	-ms-flex-direction: column;
3146	flex-direction: column;	3146	flex-direction: column;
3147	gap: 10px;	3147	gap: 10px;
3148	}	3148	}
3149	@media (min-width: 768px) {	3149	@media (min-width: 768px) {
3150	.main__employers {	3150	.main__employers {
3151	gap: 30px;	3151	gap: 30px;
3152	}	3152	}
3153	}	3153	}
3154	.main__employers-body {	3154	.main__employers-body {
3155	display: none;	3155	display: none;
3156	-webkit-box-orient: vertical;	3156	-webkit-box-orient: vertical;
3157	-webkit-box-direction: normal;	3157	-webkit-box-direction: normal;
3158	-ms-flex-direction: column;	3158	-ms-flex-direction: column;
3159	flex-direction: column;	3159	flex-direction: column;
3160	gap: 20px;	3160	gap: 20px;
3161	}	3161	}
3162	@media (min-width: 992px) {	3162	@media (min-width: 992px) {
3163	.main__employers-body {	3163	.main__employers-body {
3164	gap: 30px;	3164	gap: 30px;
3165	}	3165	}
3166	}	3166	}
3167	.main__employers-body.showed {	3167	.main__employers-body.showed {
3168	display: -webkit-box;	3168	display: -webkit-box;
3169	display: -ms-flexbox;	3169	display: -ms-flexbox;
3170	display: flex;	3170	display: flex;
3171	}	3171	}
3172	.main__employers-item {	3172	.main__employers-item {
3173	display: -webkit-box;	3173	display: -webkit-box;
3174	display: -ms-flexbox;	3174	display: -ms-flexbox;
3175	display: flex;	3175	display: flex;
3176	-webkit-box-orient: vertical;	3176	-webkit-box-orient: vertical;
3177	-webkit-box-direction: normal;	3177	-webkit-box-direction: normal;
3178	-ms-flex-direction: column;	3178	-ms-flex-direction: column;
3179	flex-direction: column;	3179	flex-direction: column;
3180	border: 1px solid #cecece;	3180	border: 1px solid #cecece;
3181	border-radius: 8px;	3181	border-radius: 8px;
3182	position: relative;	3182	position: relative;
3183	overflow: hidden;	3183	overflow: hidden;
3184	padding: 10px;	3184	padding: 10px;
3185	padding-top: 50px;	3185	padding-top: 50px;
3186	padding-bottom: 30px;	3186	padding-bottom: 30px;
3187	}	3187	}
3188	@media (min-width: 768px) {	3188	@media (min-width: 768px) {
3189	.main__employers-item {	3189	.main__employers-item {
3190	-webkit-box-orient: horizontal;	3190	-webkit-box-orient: horizontal;
3191	-webkit-box-direction: normal;	3191	-webkit-box-direction: normal;
3192	-ms-flex-direction: row;	3192	-ms-flex-direction: row;
3193	flex-direction: row;	3193	flex-direction: row;
3194	-webkit-box-align: center;	3194	-webkit-box-align: center;
3195	-ms-flex-align: center;	3195	-ms-flex-align: center;
3196	align-items: center;	3196	align-items: center;
3197	-webkit-box-pack: justify;	3197	-webkit-box-pack: justify;
3198	-ms-flex-pack: justify;	3198	-ms-flex-pack: justify;
3199	justify-content: space-between;	3199	justify-content: space-between;
3200	padding: 55px 20px;	3200	padding: 55px 20px;
3201	}	3201	}
3202	}	3202	}
3203	@media (min-width: 1280px) {	3203	@media (min-width: 1280px) {
3204	.main__employers-item {	3204	.main__employers-item {
3205	padding-left: 55px;	3205	padding-left: 55px;
3206	}	3206	}
3207	}	3207	}
3208	.main__employers-item-inner {	3208	.main__employers-item-inner {
3209	display: -webkit-box;	3209	display: -webkit-box;
3210	display: -ms-flexbox;	3210	display: -ms-flexbox;
3211	display: flex;	3211	display: flex;
3212	-webkit-box-orient: vertical;	3212	-webkit-box-orient: vertical;
3213	-webkit-box-direction: normal;	3213	-webkit-box-direction: normal;
3214	-ms-flex-direction: column;	3214	-ms-flex-direction: column;
3215	flex-direction: column;	3215	flex-direction: column;
3216	}	3216	}
3217	@media (min-width: 768px) {	3217	@media (min-width: 768px) {
3218	.main__employers-item-inner {	3218	.main__employers-item-inner {
3219	width: calc(100% - 200px);	3219	width: calc(100% - 200px);
3220	padding-right: 40px;	3220	padding-right: 40px;
3221	}	3221	}
3222	}	3222	}
3223	@media (min-width: 992px) {	3223	@media (min-width: 992px) {
3224	.main__employers-item-inner {	3224	.main__employers-item-inner {
3225	-webkit-box-orient: horizontal;	3225	-webkit-box-orient: horizontal;
3226	-webkit-box-direction: normal;	3226	-webkit-box-direction: normal;
3227	-ms-flex-direction: row;	3227	-ms-flex-direction: row;
3228	flex-direction: row;	3228	flex-direction: row;
3229	-webkit-box-align: center;	3229	-webkit-box-align: center;
3230	-ms-flex-align: center;	3230	-ms-flex-align: center;
3231	align-items: center;	3231	align-items: center;
3232	}	3232	}
3233	}	3233	}
3234	.main__employers-item-pic {	3234	.main__employers-item-pic {
3235	height: 30px;	3235	height: 30px;
3236	position: absolute;	3236	position: absolute;
3237	top: 10px;	3237	top: 10px;
3238	left: 10px;	3238	left: 10px;
3239	}	3239	}
3240	@media (min-width: 768px) {	3240	@media (min-width: 768px) {
3241	.main__employers-item-pic {	3241	.main__employers-item-pic {
3242	position: static;	3242	position: static;
3243	width: 150px;	3243	width: 150px;
3244	height: auto;	3244	height: auto;
3245	max-height: 150px;	3245	max-height: 150px;
3246	-o-object-fit: contain;	3246	-o-object-fit: contain;
3247	object-fit: contain;	3247	object-fit: contain;
3248	}	3248	}
3249	}	3249	}
3250	.main__employers-item-body {	3250	.main__employers-item-body {
3251	font-size: 12px;	3251	font-size: 12px;
3252	display: -webkit-box;	3252	display: -webkit-box;
3253	display: -ms-flexbox;	3253	display: -ms-flexbox;
3254	display: flex;	3254	display: flex;
3255	-webkit-box-orient: vertical;	3255	-webkit-box-orient: vertical;
3256	-webkit-box-direction: normal;	3256	-webkit-box-direction: normal;
3257	-ms-flex-direction: column;	3257	-ms-flex-direction: column;
3258	flex-direction: column;	3258	flex-direction: column;
3259	gap: 10px;	3259	gap: 10px;
3260	}	3260	}
3261	@media (min-width: 768px) {	3261	@media (min-width: 768px) {
3262	.main__employers-item-body {	3262	.main__employers-item-body {
3263	font-size: 16px;	3263	font-size: 16px;
3264	padding-top: 20px;	3264	padding-top: 20px;
3265	}	3265	}
3266	}	3266	}
3267	@media (min-width: 992px) {	3267	@media (min-width: 992px) {
3268	.main__employers-item-body {	3268	.main__employers-item-body {
3269	width: calc(100% - 150px);	3269	width: calc(100% - 150px);
3270	padding: 0;	3270	padding: 0;
3271	padding-left: 40px;	3271	padding-left: 40px;
3272	}	3272	}
3273	}	3273	}
3274	.main__employers-item-body b {	3274	.main__employers-item-body b {
3275	font-weight: 700;	3275	font-weight: 700;
3276	}	3276	}
3277	@media (min-width: 768px) {	3277	@media (min-width: 768px) {
3278	.main__employers-item-body b {	3278	.main__employers-item-body b {
3279	font-size: 20px;	3279	font-size: 20px;
3280	}	3280	}
3281	}	3281	}
3282	.main__employers-item-body i {	3282	.main__employers-item-body i {
3283	font-style: normal;	3283	font-style: normal;
3284	color: #000;	3284	color: #000;
3285	}	3285	}
3286	.main__employers-item-more {	3286	.main__employers-item-more {
3287	position: absolute;	3287	position: absolute;
3288	top: 10px;	3288	top: 10px;
3289	right: 10px;	3289	right: 10px;
3290	}	3290	}
3291	@media (min-width: 768px) {	3291	@media (min-width: 768px) {
3292	.main__employers-item-more {	3292	.main__employers-item-more {
3293	width: 200px;	3293	width: 200px;
3294	padding: 0;	3294	padding: 0;
3295	position: static;	3295	position: static;
3296	}	3296	}
3297	}	3297	}
3298	.main__employers-item-label {	3298	.main__employers-item-label {
3299	background: #4d88d9;	3299	background: #4d88d9;
3300	color: #fff;	3300	color: #fff;
3301	border-radius: 6px;	3301	border-radius: 6px;
3302	width: 100%;	3302	width: 100%;
3303	height: 20px;	3303	height: 20px;
3304	display: -webkit-box;	3304	display: -webkit-box;
3305	display: -ms-flexbox;	3305	display: -ms-flexbox;
3306	display: flex;	3306	display: flex;
3307	-webkit-box-align: center;	3307	-webkit-box-align: center;
3308	-ms-flex-align: center;	3308	-ms-flex-align: center;
3309	align-items: center;	3309	align-items: center;
3310	padding: 0 12px;	3310	padding: 0 12px;
3311	position: absolute;	3311	position: absolute;
3312	bottom: 0;	3312	bottom: 0;
3313	left: 0;	3313	left: 0;
3314	font-size: 12px;	3314	font-size: 12px;
3315	line-height: 1;	3315	line-height: 1;
3316	}	3316	}
3317	@media (min-width: 768px) {	3317	@media (min-width: 768px) {
3318	.main__employers-item-label {	3318	.main__employers-item-label {
3319	max-width: 350px;	3319	max-width: 350px;
3320	height: 30px;	3320	height: 30px;
3321	font-size: 15px;	3321	font-size: 15px;
3322	}	3322	}
3323	}	3323	}
3324	.main__employers-item-label svg {	3324	.main__employers-item-label svg {
3325	width: 8px;	3325	width: 8px;
3326	height: 8px;	3326	height: 8px;
3327	}	3327	}
3328	@media (min-width: 768px) {	3328	@media (min-width: 768px) {
3329	.main__employers-item-label svg {	3329	.main__employers-item-label svg {
3330	width: 12px;	3330	width: 12px;
3331	height: 12px;	3331	height: 12px;
3332	}	3332	}
3333	}	3333	}
3334	.main__employers-item-label span {	3334	.main__employers-item-label span {
3335	overflow: hidden;	3335	overflow: hidden;
3336	display: -webkit-box;	3336	display: -webkit-box;
3337	-webkit-box-orient: vertical;	3337	-webkit-box-orient: vertical;
3338	-webkit-line-clamp: 1;	3338	-webkit-line-clamp: 1;
3339	width: calc(100% - 8px);	3339	width: calc(100% - 8px);
3340	padding-left: 6px;	3340	padding-left: 6px;
3341	}	3341	}
3342	.main__employers-one {	3342	.main__employers-one {
3343	display: -webkit-box;	3343	display: -webkit-box;
3344	display: -ms-flexbox;	3344	display: -ms-flexbox;
3345	display: flex;	3345	display: flex;
3346	-webkit-box-orient: vertical;	3346	-webkit-box-orient: vertical;
3347	-webkit-box-direction: normal;	3347	-webkit-box-direction: normal;
3348	-ms-flex-direction: column;	3348	-ms-flex-direction: column;
3349	flex-direction: column;	3349	flex-direction: column;
3350	gap: 20px;	3350	gap: 20px;
3351	}	3351	}
3352	.main__employers-two {	3352	.main__employers-two {
3353	display: -webkit-box;	3353	display: -webkit-box;
3354	display: -ms-flexbox;	3354	display: -ms-flexbox;
3355	display: flex;	3355	display: flex;
3356	-webkit-box-orient: vertical;	3356	-webkit-box-orient: vertical;
3357	-webkit-box-direction: normal;	3357	-webkit-box-direction: normal;
3358	-ms-flex-direction: column;	3358	-ms-flex-direction: column;
3359	flex-direction: column;	3359	flex-direction: column;
3360	gap: 20px;	3360	gap: 20px;
3361	}	3361	}
3362	@media (min-width: 768px) {	3362	@media (min-width: 768px) {
3363	.main__employers-two {	3363	.main__employers-two {
3364	-webkit-box-orient: horizontal;	3364	-webkit-box-orient: horizontal;
3365	-webkit-box-direction: normal;	3365	-webkit-box-direction: normal;
3366	-ms-flex-direction: row;	3366	-ms-flex-direction: row;
3367	flex-direction: row;	3367	flex-direction: row;
3368	-ms-flex-wrap: wrap;	3368	-ms-flex-wrap: wrap;
3369	flex-wrap: wrap;	3369	flex-wrap: wrap;
3370	-webkit-box-align: start;	3370	-webkit-box-align: start;
3371	-ms-flex-align: start;	3371	-ms-flex-align: start;
3372	align-items: flex-start;	3372	align-items: flex-start;
3373	-webkit-box-pack: justify;	3373	-webkit-box-pack: justify;
3374	-ms-flex-pack: justify;	3374	-ms-flex-pack: justify;
3375	justify-content: space-between;	3375	justify-content: space-between;
3376	gap: 20px 0;	3376	gap: 20px 0;
3377	}	3377	}
3378	}	3378	}
3379	.main__employers-two .main__employers-item {	3379	.main__employers-two .main__employers-item {
3380	width: calc(50% - 10px);	3380	width: calc(50% - 10px);
3381	-webkit-box-orient: vertical;	3381	-webkit-box-orient: vertical;
3382	-webkit-box-direction: normal;	3382	-webkit-box-direction: normal;
3383	-ms-flex-direction: column;	3383	-ms-flex-direction: column;
3384	flex-direction: column;	3384	flex-direction: column;
3385	-webkit-box-align: stretch;	3385	-webkit-box-align: stretch;
3386	-ms-flex-align: stretch;	3386	-ms-flex-align: stretch;
3387	align-items: stretch;	3387	align-items: stretch;
3388	padding-top: 30px;	3388	padding-top: 30px;
3389	}	3389	}
3390	.main__employers-two .main__employers-item-inner {	3390	.main__employers-two .main__employers-item-inner {
3391	width: 100%;	3391	width: 100%;
3392	padding: 0;	3392	padding: 0;
3393	}	3393	}
3394	.main__employers-two .main__employers-item-more {	3394	.main__employers-two .main__employers-item-more {
3395	position: static;	3395	position: static;
3396	margin-top: 20px;	3396	margin-top: 20px;
3397	}	3397	}
3398	@media (min-width: 992px) {	3398	@media (min-width: 992px) {
3399	.main__employers-two .main__employers-item-more {	3399	.main__employers-two .main__employers-item-more {
3400	margin-left: 190px;	3400	margin-left: 190px;
3401	}	3401	}
3402	}	3402	}
3403	.main__employers-two .main__employers-item-label {	3403	.main__employers-two .main__employers-item-label {
3404	max-width: none;	3404	max-width: none;
3405	}	3405	}
3406	.main__employer-page {	3406	.main__employer-page {
3407	display: -webkit-box;	3407	display: -webkit-box;
3408	display: -ms-flexbox;	3408	display: -ms-flexbox;
3409	display: flex;	3409	display: flex;
3410	-webkit-box-orient: vertical;	3410	-webkit-box-orient: vertical;
3411	-webkit-box-direction: normal;	3411	-webkit-box-direction: normal;
3412	-ms-flex-direction: column;	3412	-ms-flex-direction: column;
3413	flex-direction: column;	3413	flex-direction: column;
3414	gap: 20px;	3414	gap: 20px;
3415	}	3415	}
3416	@media (min-width: 768px) {	3416	@media (min-width: 768px) {
3417	.main__employer-page {	3417	.main__employer-page {
3418	gap: 30px;	3418	gap: 30px;
3419	}	3419	}
3420	}	3420	}
3421	.main__employer-page-title {	3421	.main__employer-page-title {
3422	color: #000;	3422	color: #000;
3423	margin: 0;	3423	margin: 0;
3424	font-size: 30px;	3424	font-size: 30px;
3425	}	3425	}
3426	@media (min-width: 768px) {	3426	@media (min-width: 768px) {
3427	.main__employer-page-title {	3427	.main__employer-page-title {
3428	font-size: 36px;	3428	font-size: 36px;
3429	}	3429	}
3430	}	3430	}
3431	@media (min-width: 992px) {	3431	@media (min-width: 992px) {
3432	.main__employer-page-title {	3432	.main__employer-page-title {
3433	font-size: 44px;	3433	font-size: 44px;
3434	}	3434	}
3435	}	3435	}
3436	.main__employer-page-item {	3436	.main__employer-page-item {
3437	display: -webkit-box;	3437	display: -webkit-box;
3438	display: -ms-flexbox;	3438	display: -ms-flexbox;
3439	display: flex;	3439	display: flex;
3440	-webkit-box-orient: vertical;	3440	-webkit-box-orient: vertical;
3441	-webkit-box-direction: normal;	3441	-webkit-box-direction: normal;
3442	-ms-flex-direction: column;	3442	-ms-flex-direction: column;
3443	flex-direction: column;	3443	flex-direction: column;
3444	gap: 4px;	3444	gap: 4px;
3445	font-size: 12px;	3445	font-size: 12px;
3446	line-height: 1.4;	3446	line-height: 1.4;
3447	width: 190px;	3447	width: 190px;
3448	}	3448	}
3449	.main__employer-page-item.main__employer-page-description{	3449	.main__employer-page-item.main__employer-page-description{
3450	width: unset;	3450	width: unset;
3451	}	3451	}
3452	@media (min-width: 768px) {	3452	@media (min-width: 768px) {
3453	.main__employer-page-item {	3453	.main__employer-page-item {
3454	font-size: 18px;	3454	font-size: 18px;
3455	gap: 8px;	3455	gap: 8px;
3456	}	3456	}
3457	}	3457	}
3458	.main__employer-page-item b {	3458	.main__employer-page-item b {
3459	color: #377d87;	3459	color: #377d87;
3460	font-size: 14px;	3460	font-size: 14px;
3461	}	3461	}
3462	@media (min-width: 768px) {	3462	@media (min-width: 768px) {
3463	.main__employer-page-item b {	3463	.main__employer-page-item b {
3464	font-size: 18px;	3464	font-size: 18px;
3465	}	3465	}
3466	}	3466	}
3467	.main__employer-page-item span {	3467	.main__employer-page-item span {
3468	color: #000;	3468	color: #000;
3469	}	3469	}
3470	.main__employer-page-info {	3470	.main__employer-page-info {
3471	display: -webkit-box;	3471	display: -webkit-box;
3472	display: -ms-flexbox;	3472	display: -ms-flexbox;
3473	display: flex;	3473	display: flex;
3474	-webkit-box-orient: vertical;	3474	-webkit-box-orient: vertical;
3475	-webkit-box-direction: normal;	3475	-webkit-box-direction: normal;
3476	-ms-flex-direction: column;	3476	-ms-flex-direction: column;
3477	flex-direction: column;	3477	flex-direction: column;
3478	gap: 20px;	3478	gap: 20px;
3479	}	3479	}
3480	.main__employer-page-info.row2{	3480	.main__employer-page-info.row2{
3481	justify-content: flex-start;	3481	justify-content: flex-start;
3482	}	3482	}
3483	.main__employer-page-info.row2 .main__employer-page-item{	3483	.main__employer-page-info.row2 .main__employer-page-item{
3484	width: 25%;	3484	width: 25%;
3485	}	3485	}
3486	@media (min-width: 768px) {	3486	@media (min-width: 768px) {
3487	.main__employer-page-info {	3487	.main__employer-page-info {
3488	display: grid;	3488	display: grid;
3489	grid-template-columns: repeat(2, 1fr);	3489	grid-template-columns: repeat(2, 1fr);
3490	gap: 30px 40px;	3490	gap: 30px 40px;
3491	}	3491	}
3492	}	3492	}
3493	@media (min-width: 1280px) {	3493	@media (min-width: 1280px) {
3494	.main__employer-page-info {	3494	.main__employer-page-info {
3495	display: -webkit-box;	3495	display: -webkit-box;
3496	display: -ms-flexbox;	3496	display: -ms-flexbox;
3497	display: flex;	3497	display: flex;
3498	-webkit-box-orient: horizontal;	3498	-webkit-box-orient: horizontal;
3499	-webkit-box-direction: normal;	3499	-webkit-box-direction: normal;
3500	-ms-flex-direction: row;	3500	-ms-flex-direction: row;
3501	flex-direction: row;	3501	flex-direction: row;
3502	-webkit-box-align: start;	3502	-webkit-box-align: start;
3503	-ms-flex-align: start;	3503	-ms-flex-align: start;
3504	align-items: flex-start;	3504	align-items: flex-start;
3505	-webkit-box-pack: justify;	3505	-webkit-box-pack: justify;
3506	-ms-flex-pack: justify;	3506	-ms-flex-pack: justify;
3507	justify-content: space-between;	3507	justify-content: space-between;
3508	padding-right: 160px;	3508	padding-right: 160px;
3509	}	3509	}
3510	}	3510	}
3511	@media (min-width: 768px) {	3511	@media (min-width: 768px) {
3512	.main__employer-page-info .main__employer-page-item b,	3512	.main__employer-page-info .main__employer-page-item b,
3513	.main__employer-page-info .main__employer-page-item span {	3513	.main__employer-page-info .main__employer-page-item span {
3514	max-width: 300px;	3514	max-width: 300px;
3515	}	3515	}
3516	}	3516	}
3517	.main__employer-page-tabs {	3517	.main__employer-page-tabs {
3518	display: -webkit-box;	3518	display: -webkit-box;
3519	display: -ms-flexbox;	3519	display: -ms-flexbox;
3520	display: flex;	3520	display: flex;
3521	-webkit-box-align: center;	3521	-webkit-box-align: center;
3522	-ms-flex-align: center;	3522	-ms-flex-align: center;
3523	align-items: center;	3523	align-items: center;
3524	gap: 20px;	3524	gap: 20px;
3525	}	3525	}
3526	@media (min-width: 768px) {	3526	@media (min-width: 768px) {
3527	.main__employer-page-tabs {	3527	.main__employer-page-tabs {
3528	margin-top: 20px;	3528	margin-top: 20px;
3529	}	3529	}
3530	}	3530	}
3531	.main__employer-page-tabs-item {	3531	.main__employer-page-tabs-item {
3532	font-size: 22px;	3532	font-size: 22px;
3533	font-weight: 700;	3533	font-weight: 700;
3534	border: none;	3534	border: none;
3535	background: none;	3535	background: none;
3536	padding: 0;	3536	padding: 0;
3537	color: #9c9d9d;	3537	color: #9c9d9d;
3538	text-decoration: underline;	3538	text-decoration: underline;
3539	text-decoration-thickness: 1px;	3539	text-decoration-thickness: 1px;
3540	}	3540	}
3541	@media (min-width: 768px) {	3541	@media (min-width: 768px) {
3542	.main__employer-page-tabs-item {	3542	.main__employer-page-tabs-item {
3543	font-size: 24px;	3543	font-size: 24px;
3544	}	3544	}
3545	}	3545	}
3546	.main__employer-page-tabs-item.active {	3546	.main__employer-page-tabs-item.active {
3547	color: #377d87;	3547	color: #377d87;
3548	}	3548	}
3549	.main__employer-page-body {	3549	.main__employer-page-body {
3550	display: -webkit-box;	3550	display: -webkit-box;
3551	display: -ms-flexbox;	3551	display: -ms-flexbox;
3552	display: flex;	3552	display: flex;
3553	-webkit-box-orient: vertical;	3553	-webkit-box-orient: vertical;
3554	-webkit-box-direction: normal;	3554	-webkit-box-direction: normal;
3555	-ms-flex-direction: column;	3555	-ms-flex-direction: column;
3556	flex-direction: column;	3556	flex-direction: column;
3557	margin-top: 10px;	3557	margin-top: 10px;
3558	}	3558	}
3559	@media (min-width: 768px) {	3559	@media (min-width: 768px) {
3560	.main__employer-page-body {	3560	.main__employer-page-body {
3561	margin-top: 30px;	3561	margin-top: 30px;
3562	}	3562	}
3563	}	3563	}
3564	.main__employer-page-body-item {	3564	.main__employer-page-body-item {
3565	display: none;	3565	display: none;
3566	-webkit-box-orient: vertical;	3566	-webkit-box-orient: vertical;
3567	-webkit-box-direction: normal;	3567	-webkit-box-direction: normal;
3568	-ms-flex-direction: column;	3568	-ms-flex-direction: column;
3569	flex-direction: column;	3569	flex-direction: column;
3570	gap: 20px;	3570	gap: 20px;
3571	}	3571	}
3572	.main__employer-page-body-item.showed {	3572	.main__employer-page-body-item.showed {
3573	display: -webkit-box;	3573	display: -webkit-box;
3574	display: -ms-flexbox;	3574	display: -ms-flexbox;
3575	display: flex;	3575	display: flex;
3576	}	3576	}
3577	.main__employer-page-one {	3577	.main__employer-page-one {
3578	display: -webkit-box;	3578	display: -webkit-box;
3579	display: -ms-flexbox;	3579	display: -ms-flexbox;
3580	display: flex;	3580	display: flex;
3581	-webkit-box-orient: vertical;	3581	-webkit-box-orient: vertical;
3582	-webkit-box-direction: normal;	3582	-webkit-box-direction: normal;
3583	-ms-flex-direction: column;	3583	-ms-flex-direction: column;
3584	flex-direction: column;	3584	flex-direction: column;
3585	gap: 20px;	3585	gap: 20px;
3586	}	3586	}
3587	@media (min-width: 768px) {	3587	@media (min-width: 768px) {
3588	.main__employer-page-one {	3588	.main__employer-page-one {
3589	display: grid;	3589	display: grid;
3590	grid-template-columns: repeat(2, 1fr);	3590	grid-template-columns: repeat(2, 1fr);
3591	}	3591	}
3592	}	3592	}
3593	@media (min-width: 992px) {	3593	@media (min-width: 992px) {
3594	.main__employer-page-one {	3594	.main__employer-page-one {
3595	grid-template-columns: repeat(3, 1fr);	3595	grid-template-columns: repeat(3, 1fr);
3596	}	3596	}
3597	}	3597	}
3598	@media (min-width: 1280px) {	3598	@media (min-width: 1280px) {
3599	.main__employer-page-one {	3599	.main__employer-page-one {
3600	grid-template-columns: repeat(4, 1fr);	3600	grid-template-columns: repeat(4, 1fr);
3601	gap: 30px 20px;	3601	gap: 30px 20px;
3602	}	3602	}
3603	}	3603	}
3604	.main__employer-page-one-item {	3604	.main__employer-page-one-item {
3605	display: -webkit-box;	3605	display: -webkit-box;
3606	display: -ms-flexbox;	3606	display: -ms-flexbox;
3607	display: flex;	3607	display: flex;
3608	-webkit-box-orient: vertical;	3608	-webkit-box-orient: vertical;
3609	-webkit-box-direction: normal;	3609	-webkit-box-direction: normal;
3610	-ms-flex-direction: column;	3610	-ms-flex-direction: column;
3611	flex-direction: column;	3611	flex-direction: column;
3612	gap: 10px;	3612	gap: 10px;
3613	font-size: 12px;	3613	font-size: 12px;
3614	position: relative;	3614	position: relative;
3615	}	3615	}
3616	@media (min-width: 1280px) {	3616	@media (min-width: 1280px) {
3617	.main__employer-page-one-item {	3617	.main__employer-page-one-item {
3618	font-size: 18px;	3618	font-size: 18px;
3619	}	3619	}
3620	}	3620	}
3621	.main__employer-page-one-item img {	3621	.main__employer-page-one-item img {
3622	border-radius: 10px;	3622	border-radius: 10px;
3623	-o-object-fit: cover;	3623	-o-object-fit: cover;
3624	object-fit: cover;	3624	object-fit: cover;
3625	width: 100%;	3625	width: 100%;
3626	max-height: 250px;	3626	max-height: 250px;
3627	aspect-ratio: 247/174;	3627	aspect-ratio: 247/174;
3628	}	3628	}
3629	@media (min-width: 1280px) {	3629	@media (min-width: 1280px) {
3630	.main__employer-page-one-item img {	3630	.main__employer-page-one-item img {
3631	margin-bottom: 10px;	3631	margin-bottom: 10px;
3632	}	3632	}
3633	}	3633	}
3634	.main__employer-page-one-item b {	3634	.main__employer-page-one-item b {
3635	font-weight: 700;	3635	font-weight: 700;
3636	color: #377d87;	3636	color: #377d87;
3637	}	3637	}
3638	.main__employer-page-one-item span {	3638	.main__employer-page-one-item span {
3639	color: #000;	3639	color: #000;
3640	}	3640	}
3641	.main__employer-page-one-item i {	3641	.main__employer-page-one-item i {
3642	font-style: normal;	3642	font-style: normal;
3643	color: #377d87;	3643	color: #377d87;
3644	}	3644	}
3645	.main__employer-page-one-item .del {	3645	.main__employer-page-one-item .del {
3646	position: absolute;	3646	position: absolute;
3647	z-index: 1;	3647	z-index: 1;
3648	top: 8px;	3648	top: 8px;
3649	left: 8px;	3649	left: 8px;
3650	}	3650	}
3651	.main__employer-page-two {	3651	.main__employer-page-two {
3652	display: -webkit-box;	3652	display: -webkit-box;
3653	display: -ms-flexbox;	3653	display: -ms-flexbox;
3654	display: flex;	3654	display: flex;
3655	-webkit-box-orient: vertical;	3655	-webkit-box-orient: vertical;
3656	-webkit-box-direction: normal;	3656	-webkit-box-direction: normal;
3657	-ms-flex-direction: column;	3657	-ms-flex-direction: column;
3658	flex-direction: column;	3658	flex-direction: column;
3659	-webkit-box-align: center;	3659	-webkit-box-align: center;
3660	-ms-flex-align: center;	3660	-ms-flex-align: center;
3661	align-items: center;	3661	align-items: center;
3662	gap: 20px;	3662	gap: 20px;
3663	}	3663	}
3664	.main__employer-page-two-item {	3664	.main__employer-page-two-item {
3665	width: 100%;	3665	width: 100%;
3666	display: -webkit-box;	3666	display: -webkit-box;
3667	display: -ms-flexbox;	3667	display: -ms-flexbox;
3668	display: flex;	3668	display: flex;
3669	-webkit-box-orient: vertical;	3669	-webkit-box-orient: vertical;
3670	-webkit-box-direction: normal;	3670	-webkit-box-direction: normal;
3671	-ms-flex-direction: column;	3671	-ms-flex-direction: column;
3672	flex-direction: column;	3672	flex-direction: column;
3673	gap: 16px;	3673	gap: 16px;
3674	padding: 20px 10px;	3674	padding: 20px 10px;
3675	border-radius: 12px;	3675	border-radius: 12px;
3676	border: 1px solid #cecece;	3676	border: 1px solid #cecece;
3677	position: relative;	3677	position: relative;
3678	overflow: hidden;	3678	overflow: hidden;
3679	font-size: 12px;	3679	font-size: 12px;
3680	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	3680	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3681	}	3681	}
3682	@media (min-width: 768px) {	3682	@media (min-width: 768px) {
3683	.main__employer-page-two-item {	3683	.main__employer-page-two-item {
3684	font-size: 14px;	3684	font-size: 14px;
3685	padding: 20px;	3685	padding: 20px;
3686	gap: 24px;	3686	gap: 24px;
3687	padding-bottom: 35px;	3687	padding-bottom: 35px;
3688	}	3688	}
3689	}	3689	}
3690	@media (min-width: 992px) {	3690	@media (min-width: 992px) {
3691	.main__employer-page-two-item {	3691	.main__employer-page-two-item {
3692	font-size: 16px;	3692	font-size: 16px;
3693	}	3693	}
3694	}	3694	}
3695	@media (min-width: 1280px) {	3695	@media (min-width: 1280px) {
3696	.main__employer-page-two-item {	3696	.main__employer-page-two-item {
3697	font-size: 18px;	3697	font-size: 18px;
3698	}	3698	}
3699	}	3699	}
3700	.main__employer-page-two-item-toper {	3700	.main__employer-page-two-item-toper {
3701	display: -webkit-box;	3701	display: -webkit-box;
3702	display: -ms-flexbox;	3702	display: -ms-flexbox;
3703	display: flex;	3703	display: flex;
3704	-webkit-box-align: center;	3704	-webkit-box-align: center;
3705	-ms-flex-align: center;	3705	-ms-flex-align: center;
3706	align-items: center;	3706	align-items: center;
3707	font-size: 22px;	3707	font-size: 22px;
3708	font-weight: 700;	3708	font-weight: 700;
3709	color: #000;	3709	color: #000;
3710	}	3710	}
3711	@media (min-width: 768px) {	3711	@media (min-width: 768px) {
3712	.main__employer-page-two-item-toper {	3712	.main__employer-page-two-item-toper {
3713	font-size: 30px;	3713	font-size: 30px;
3714	}	3714	}
3715	}	3715	}
3716	.main__employer-page-two-item-toper img {	3716	.main__employer-page-two-item-toper img {
3717	width: 60px;	3717	width: 60px;
3718	aspect-ratio: 1/1;	3718	aspect-ratio: 1/1;
3719	-o-object-fit: contain;	3719	-o-object-fit: contain;
3720	object-fit: contain;	3720	object-fit: contain;
3721	}	3721	}
3722	.main__employer-page-two-item-toper span {	3722	.main__employer-page-two-item-toper span {
3723	width: calc(100% - 60px);	3723	width: calc(100% - 60px);
3724	padding-left: 10px;	3724	padding-left: 10px;
3725	}	3725	}
3726	@media (min-width: 768px) {	3726	@media (min-width: 768px) {
3727	.main__employer-page-two-item-toper span {	3727	.main__employer-page-two-item-toper span {
3728	padding-left: 20px;	3728	padding-left: 20px;
3729	}	3729	}
3730	}	3730	}
3731	.main__employer-page-two-item-title {	3731	.main__employer-page-two-item-title {
3732	font-size: 18px;	3732	font-size: 18px;
3733	font-weight: 700;	3733	font-weight: 700;
3734	color: #377d87;	3734	color: #377d87;
3735	}	3735	}
3736	@media (min-width: 768px) {	3736	@media (min-width: 768px) {
3737	.main__employer-page-two-item-title {	3737	.main__employer-page-two-item-title {
3738	font-size: 24px;	3738	font-size: 24px;
3739	}	3739	}
3740	}	3740	}
3741	.main__employer-page-two-item-text {	3741	.main__employer-page-two-item-text {
3742	display: -webkit-box;	3742	display: -webkit-box;
3743	display: -ms-flexbox;	3743	display: -ms-flexbox;
3744	display: flex;	3744	display: flex;
3745	-webkit-box-orient: vertical;	3745	-webkit-box-orient: vertical;
3746	-webkit-box-direction: normal;	3746	-webkit-box-direction: normal;
3747	-ms-flex-direction: column;	3747	-ms-flex-direction: column;
3748	flex-direction: column;	3748	flex-direction: column;
3749	gap: 10px;	3749	gap: 10px;
3750	}	3750	}
3751	.main__employer-page-two-item-text-name {	3751	.main__employer-page-two-item-text-name {
3752	font-weight: 700;	3752	font-weight: 700;
3753	}	3753	}
3754	.main__employer-page-two-item-text-body {	3754	.main__employer-page-two-item-text-body {
3755	color: #000;	3755	color: #000;
3756	display: -webkit-box;	3756	display: -webkit-box;
3757	display: -ms-flexbox;	3757	display: -ms-flexbox;
3758	display: flex;	3758	display: flex;
3759	-webkit-box-orient: vertical;	3759	-webkit-box-orient: vertical;
3760	-webkit-box-direction: normal;	3760	-webkit-box-direction: normal;
3761	-ms-flex-direction: column;	3761	-ms-flex-direction: column;
3762	flex-direction: column;	3762	flex-direction: column;
3763	gap: 6px;	3763	gap: 6px;
3764	padding: 0 10px;	3764	padding: 0 10px;
3765	}	3765	}
3766	.main__employer-page-two-item-text-body p {	3766	.main__employer-page-two-item-text-body p {
3767	margin: 0;	3767	margin: 0;
3768	}	3768	}
3769	.main__employer-page-two-item-text-body ul {	3769	.main__employer-page-two-item-text-body ul {
3770	margin: 0;	3770	margin: 0;
3771	padding: 0;	3771	padding: 0;
3772	padding-left: 16px;	3772	padding-left: 16px;
3773	display: -webkit-box;	3773	display: -webkit-box;
3774	display: -ms-flexbox;	3774	display: -ms-flexbox;
3775	display: flex;	3775	display: flex;
3776	-webkit-box-orient: vertical;	3776	-webkit-box-orient: vertical;
3777	-webkit-box-direction: normal;	3777	-webkit-box-direction: normal;
3778	-ms-flex-direction: column;	3778	-ms-flex-direction: column;
3779	flex-direction: column;	3779	flex-direction: column;
3780	gap: 6px;	3780	gap: 6px;
3781	}	3781	}
3782	@media (min-width: 768px) {	3782	@media (min-width: 768px) {
3783	.main__employer-page-two-item-text-body ul {	3783	.main__employer-page-two-item-text-body ul {
3784	margin: 0 5px;	3784	margin: 0 5px;
3785	}	3785	}
3786	}	3786	}
3787	.main__employer-page-two-item-text-body ul span,	3787	.main__employer-page-two-item-text-body ul span,
3788	.main__employer-page-two-item-text-body ul a {	3788	.main__employer-page-two-item-text-body ul a {
3789	color: #000;	3789	color: #000;
3790	position: relative;	3790	position: relative;
3791	}	3791	}
3792	.main__employer-page-two-item-text-body ul a:hover {	3792	.main__employer-page-two-item-text-body ul a:hover {
3793	color: #377d87;	3793	color: #377d87;
3794	}	3794	}
3795	.main__employer-page-two-item-text-body p + ul {	3795	.main__employer-page-two-item-text-body p + ul {
3796	margin-top: 10px;	3796	margin-top: 10px;
3797	}	3797	}
3798	.main__employer-page-two-item-text-links {	3798	.main__employer-page-two-item-text-links {
3799	display: -webkit-box;	3799	display: -webkit-box;
3800	display: -ms-flexbox;	3800	display: -ms-flexbox;
3801	display: flex;	3801	display: flex;
3802	-webkit-box-orient: vertical;	3802	-webkit-box-orient: vertical;
3803	-webkit-box-direction: normal;	3803	-webkit-box-direction: normal;
3804	-ms-flex-direction: column;	3804	-ms-flex-direction: column;
3805	flex-direction: column;	3805	flex-direction: column;
3806	-webkit-box-align: start;	3806	-webkit-box-align: start;
3807	-ms-flex-align: start;	3807	-ms-flex-align: start;
3808	align-items: flex-start;	3808	align-items: flex-start;
3809	gap: 10px;	3809	gap: 10px;
3810	padding: 0 10px;	3810	padding: 0 10px;
3811	font-weight: 700;	3811	font-weight: 700;
3812	margin-top: 5px;	3812	margin-top: 5px;
3813	}	3813	}
3814	@media (min-width: 768px) {	3814	@media (min-width: 768px) {
3815	.main__employer-page-two-item-text-links {	3815	.main__employer-page-two-item-text-links {
3816	gap: 20px;	3816	gap: 20px;
3817	}	3817	}
3818	}	3818	}
3819	.main__employer-page-two-item-text-links a {	3819	.main__employer-page-two-item-text-links a {
3820	color: #4d88d9;	3820	color: #4d88d9;
3821	}	3821	}
3822	.main__employer-page-two-item-text-links a:hover {	3822	.main__employer-page-two-item-text-links a:hover {
3823	color: #377d87;	3823	color: #377d87;
3824	}	3824	}
3825	.main__employer-page-two-item-tags {	3825	.main__employer-page-two-item-tags {
3826	color: #4d88d9;	3826	color: #4d88d9;
3827	font-weight: 500;	3827	font-weight: 500;
3828	display: -webkit-box;	3828	display: -webkit-box;
3829	display: -ms-flexbox;	3829	display: -ms-flexbox;
3830	display: flex;	3830	display: flex;
3831	-webkit-box-align: center;	3831	-webkit-box-align: center;
3832	-ms-flex-align: center;	3832	-ms-flex-align: center;
3833	align-items: center;	3833	align-items: center;
3834	-ms-flex-wrap: wrap;	3834	-ms-flex-wrap: wrap;
3835	flex-wrap: wrap;	3835	flex-wrap: wrap;
3836	gap: 10px 20px;	3836	gap: 10px 20px;
3837	}	3837	}
3838	@media (min-width: 768px) {	3838	@media (min-width: 768px) {
3839	.main__employer-page-two-item-tags {	3839	.main__employer-page-two-item-tags {
3840	font-size: 14px;	3840	font-size: 14px;
3841	}	3841	}
3842	}	3842	}
3843	.main__employer-page-two-item-buttons {	3843	.main__employer-page-two-item-buttons {
3844	display: grid;	3844	display: grid;
3845	grid-template-columns: repeat(2, 1fr);	3845	grid-template-columns: repeat(2, 1fr);
3846	gap: 20px;	3846	gap: 20px;
3847	}	3847	}
3848	@media (min-width: 768px) {	3848	@media (min-width: 768px) {
3849	.main__employer-page-two-item-button {	3849	.main__employer-page-two-item-button {
3850	position: absolute;	3850	position: absolute;
3851	bottom: 20px;	3851	bottom: 20px;
3852	left: 20px;	3852	left: 20px;
3853	width: 200px;	3853	width: 200px;
3854	padding: 0;	3854	padding: 0;
3855	}	3855	}
3856	}	3856	}
3857	@media (min-width: 768px) {	3857	@media (min-width: 768px) {
3858	.main__employer-page-two-item-button + .main__employer-page-two-item-button {	3858	.main__employer-page-two-item-button + .main__employer-page-two-item-button {
3859	left: auto;	3859	left: auto;
3860	right: 20px;	3860	right: 20px;
3861	}	3861	}
3862	}	3862	}
3863	.main__employer-page-two-item-bottom {	3863	.main__employer-page-two-item-bottom {
3864	display: -webkit-box;	3864	display: -webkit-box;
3865	display: -ms-flexbox;	3865	display: -ms-flexbox;
3866	display: flex;	3866	display: flex;
3867	-webkit-box-align: center;	3867	-webkit-box-align: center;
3868	-ms-flex-align: center;	3868	-ms-flex-align: center;
3869	align-items: center;	3869	align-items: center;
3870	-webkit-box-pack: justify;	3870	-webkit-box-pack: justify;
3871	-ms-flex-pack: justify;	3871	-ms-flex-pack: justify;
3872	justify-content: space-between;	3872	justify-content: space-between;
3873	}	3873	}
3874	.main__employer-page-two-item-bottom-date {	3874	.main__employer-page-two-item-bottom-date {
3875	color: #000;	3875	color: #000;
3876	}	3876	}
3877	@media (min-width: 768px) {	3877	@media (min-width: 768px) {
3878	.main__employer-page-two-item-bottom-date {	3878	.main__employer-page-two-item-bottom-date {
3879	position: absolute;	3879	position: absolute;
3880	bottom: 20px;	3880	bottom: 20px;
3881	right: 240px;	3881	right: 240px;
3882	height: 42px;	3882	height: 42px;
3883	display: -webkit-box;	3883	display: -webkit-box;
3884	display: -ms-flexbox;	3884	display: -ms-flexbox;
3885	display: flex;	3885	display: flex;
3886	-webkit-box-align: center;	3886	-webkit-box-align: center;
3887	-ms-flex-align: center;	3887	-ms-flex-align: center;
3888	align-items: center;	3888	align-items: center;
3889	}	3889	}
3890	}	3890	}
3891	@media (min-width: 992px) {	3891	@media (min-width: 992px) {
3892	.main__employer-page-two-item-bottom-date {	3892	.main__employer-page-two-item-bottom-date {
3893	font-size: 16px;	3893	font-size: 16px;
3894	}	3894	}
3895	}	3895	}
3896	@media (min-width: 768px) {	3896	@media (min-width: 768px) {
3897	.main__employer-page-two-item-bottom-like {	3897	.main__employer-page-two-item-bottom-like {
3898	position: absolute;	3898	position: absolute;
3899	bottom: 20px;	3899	bottom: 20px;
3900	left: 240px;	3900	left: 240px;
3901	}	3901	}
3902	}	3902	}
3903	@media (min-width: 768px) {	3903	@media (min-width: 768px) {
3904	.main__employer-page-two-more {	3904	.main__employer-page-two-more {
3905	margin-top: 10px;	3905	margin-top: 10px;
3906	padding: 0;	3906	padding: 0;
3907	width: 200px;	3907	width: 200px;
3908	}	3908	}
3909	}	3909	}
3910	.main__employer-page-two .main__employer-page-two-item {	3910	.main__employer-page-two .main__employer-page-two-item {
3911	/display: none;/	3911	/display: none;/
3912	}	3912	}
3913	.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) {	3913	.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) {
3914	display: -webkit-box;	3914	display: -webkit-box;
3915	display: -ms-flexbox;	3915	display: -ms-flexbox;
3916	display: flex;	3916	display: flex;
3917	}	3917	}
3918	.main__employer-page-two.active .main__employer-page-two-item {	3918	.main__employer-page-two.active .main__employer-page-two-item {
3919	display: -webkit-box;	3919	display: -webkit-box;
3920	display: -ms-flexbox;	3920	display: -ms-flexbox;
3921	display: flex;	3921	display: flex;
3922	}	3922	}
3923	.main__resume-base {	3923	.main__resume-base {
3924	display: -webkit-box;	3924	display: -webkit-box;
3925	display: -ms-flexbox;	3925	display: -ms-flexbox;
3926	display: flex;	3926	display: flex;
3927	-webkit-box-orient: vertical;	3927	-webkit-box-orient: vertical;
3928	-webkit-box-direction: normal;	3928	-webkit-box-direction: normal;
3929	-ms-flex-direction: column;	3929	-ms-flex-direction: column;
3930	flex-direction: column;	3930	flex-direction: column;
3931	color: #000;	3931	color: #000;
3932	}	3932	}
3933	.main__resume-base-body {	3933	.main__resume-base-body {
3934	display: none;	3934	display: none;
3935	-webkit-box-orient: vertical;	3935	-webkit-box-orient: vertical;
3936	-webkit-box-direction: normal;	3936	-webkit-box-direction: normal;
3937	-ms-flex-direction: column;	3937	-ms-flex-direction: column;
3938	flex-direction: column;	3938	flex-direction: column;
3939	margin-top: 10px;	3939	margin-top: 10px;
3940	}	3940	}
3941	@media (min-width: 768px) {	3941	@media (min-width: 768px) {
3942	.main__resume-base-body {	3942	.main__resume-base-body {
3943	margin-top: 30px;	3943	margin-top: 30px;
3944	}	3944	}
3945	}	3945	}
3946	.main__resume-base-body.showed {	3946	.main__resume-base-body.showed {
3947	display: -webkit-box;	3947	display: -webkit-box;
3948	display: -ms-flexbox;	3948	display: -ms-flexbox;
3949	display: flex;	3949	display: flex;
3950	}	3950	}
3951	.main__resume-base-body-one {	3951	.main__resume-base-body-one {
3952	display: -webkit-box;	3952	display: -webkit-box;
3953	display: -ms-flexbox;	3953	display: -ms-flexbox;
3954	display: flex;	3954	display: flex;
3955	-webkit-box-orient: vertical;	3955	-webkit-box-orient: vertical;
3956	-webkit-box-direction: normal;	3956	-webkit-box-direction: normal;
3957	-ms-flex-direction: column;	3957	-ms-flex-direction: column;
3958	flex-direction: column;	3958	flex-direction: column;
3959	-webkit-box-align: center;	3959	-webkit-box-align: center;
3960	-ms-flex-align: center;	3960	-ms-flex-align: center;
3961	align-items: center;	3961	align-items: center;
3962	gap: 20px;	3962	gap: 20px;
3963	}	3963	}
3964	@media (min-width: 768px) {	3964	@media (min-width: 768px) {
3965	.main__resume-base-body-one {	3965	.main__resume-base-body-one {
3966	gap: 30px;	3966	gap: 30px;
3967	}	3967	}
3968	}	3968	}
3969	.main__resume-base-body-two {	3969	.main__resume-base-body-two {
3970	display: -webkit-box;	3970	display: -webkit-box;
3971	display: -ms-flexbox;	3971	display: -ms-flexbox;
3972	display: flex;	3972	display: flex;
3973	-webkit-box-orient: vertical;	3973	-webkit-box-orient: vertical;
3974	-webkit-box-direction: normal;	3974	-webkit-box-direction: normal;
3975	-ms-flex-direction: column;	3975	-ms-flex-direction: column;
3976	flex-direction: column;	3976	flex-direction: column;
3977	gap: 20px;	3977	gap: 20px;
3978	}	3978	}
3979	@media (min-width: 768px) {	3979	@media (min-width: 768px) {
3980	.main__resume-base-body-two {	3980	.main__resume-base-body-two {
3981	-webkit-box-orient: horizontal;	3981	-webkit-box-orient: horizontal;
3982	-webkit-box-direction: normal;	3982	-webkit-box-direction: normal;
3983	-ms-flex-direction: row;	3983	-ms-flex-direction: row;
3984	flex-direction: row;	3984	flex-direction: row;
3985	-webkit-box-pack: justify;	3985	-webkit-box-pack: justify;
3986	-ms-flex-pack: justify;	3986	-ms-flex-pack: justify;
3987	justify-content: space-between;	3987	justify-content: space-between;
3988	-webkit-box-align: start;	3988	-webkit-box-align: start;
3989	-ms-flex-align: start;	3989	-ms-flex-align: start;
3990	align-items: flex-start;	3990	align-items: flex-start;
3991	-ms-flex-wrap: wrap;	3991	-ms-flex-wrap: wrap;
3992	flex-wrap: wrap;	3992	flex-wrap: wrap;
3993	gap: 30px 0;	3993	gap: 30px 0;
3994	}	3994	}
3995	}	3995	}
3996	@media (min-width: 768px) {	3996	@media (min-width: 768px) {
3997	.main__resume-base-body-two .main__resume-base-body-item {	3997	.main__resume-base-body-two .main__resume-base-body-item {
3998	width: calc(50% - 10px);	3998	width: calc(50% - 10px);
3999	}	3999	}
4000	}	4000	}
4001	.main__resume-base-body-two .main__resume-base-body-item-wrapper {	4001	.main__resume-base-body-two .main__resume-base-body-item-wrapper {
4002	-webkit-box-orient: vertical;	4002	-webkit-box-orient: vertical;
4003	-webkit-box-direction: normal;	4003	-webkit-box-direction: normal;
4004	-ms-flex-direction: column;	4004	-ms-flex-direction: column;
4005	flex-direction: column;	4005	flex-direction: column;
4006	}	4006	}
4007	.main__resume-base-body-item {	4007	.main__resume-base-body-item {
4008	width: 100%;	4008	width: 100%;
4009	display: -webkit-box;	4009	display: -webkit-box;
4010	display: -ms-flexbox;	4010	display: -ms-flexbox;
4011	display: flex;	4011	display: flex;
4012	-webkit-box-orient: vertical;	4012	-webkit-box-orient: vertical;
4013	-webkit-box-direction: normal;	4013	-webkit-box-direction: normal;
4014	-ms-flex-direction: column;	4014	-ms-flex-direction: column;
4015	flex-direction: column;	4015	flex-direction: column;
4016	gap: 20px;	4016	gap: 20px;
4017	position: relative;	4017	position: relative;
4018	border: 1px solid #377d87;	4018	border: 1px solid #377d87;
4019	border-radius: 8px;	4019	border-radius: 8px;
4020	padding: 10px;	4020	padding: 10px;
4021	-webkit-box-align: center;	4021	-webkit-box-align: center;
4022	-ms-flex-align: center;	4022	-ms-flex-align: center;
4023	align-items: center;	4023	align-items: center;
4024	}	4024	}
4025	@media (min-width: 768px) {	4025	@media (min-width: 768px) {
4026	.main__resume-base-body-item {	4026	.main__resume-base-body-item {
4027	padding: 20px;	4027	padding: 20px;
4028	}	4028	}
4029	}	4029	}
4030	.main__resume-base-body-item-buttons {	4030	.main__resume-base-body-item-buttons {
4031	margin-top: 10px;	4031	margin-top: 10px;
4032	}	4032	}
4033	.main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{	4033	.main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4034	width: 100%;	4034	width: 100%;
4035	margin-bottom: 10px;	4035	margin-bottom: 10px;
4036	}	4036	}
4037	.main__resume-base-body-item-buttons a.main__resume-base-body-item-link{	4037	.main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038	background: #377d87;	4038	background: #377d87;
4039	color: #fff;	4039	color: #fff;
4040	}	4040	}
4041	.main__resume-base-body-item-buttons .chat.active{	4041	.main__resume-base-body-item-buttons .chat.active{
4042	background: #fff;	4042	background: #fff;
4043	color: #377d87;	4043	color: #377d87;
4044	}	4044	}
4045	.main__resume-base-body-item-buttons button.like.active{	4045	.main__resume-base-body-item-buttons button.like.active{
4046	background-color: #ffffff;	4046	background-color: #ffffff;
4047	color: #eb5757;	4047	color: #eb5757;
4048	}	4048	}
4049	.main__resume-base-body-item-buttons button span{	4049	.main__resume-base-body-item-buttons button span{
4050	margin-left: 10px;	4050	margin-left: 10px;
4051	}	4051	}
4052	.main__resume-base-body-item-buttons .like .in-favorites{	4052	.main__resume-base-body-item-buttons .like .in-favorites{
4053	display: none;	4053	display: none;
4054	}	4054	}
4055	.main__resume-base-body-item-buttons .like.active .in-favorites{	4055	.main__resume-base-body-item-buttons .like.active .in-favorites{
4056	display: block;	4056	display: block;
4057	color: #eb5757;	4057	color: #eb5757;
4058	}	4058	}
4059	.main__resume-base-body-item-buttons .like.active .to-favorites{	4059	.main__resume-base-body-item-buttons .like.active .to-favorites{
4060	display: none;	4060	display: none;
4061	}	4061	}
4062	.main__resume-base-body-item-wrapper {	4062	.main__resume-base-body-item-wrapper {
4063	display: -webkit-box;	4063	display: -webkit-box;
4064	display: -ms-flexbox;	4064	display: -ms-flexbox;
4065	display: flex;	4065	display: flex;
4066	-webkit-box-orient: vertical;	4066	-webkit-box-orient: vertical;
4067	-webkit-box-direction: normal;	4067	-webkit-box-direction: normal;
4068	-ms-flex-direction: column;	4068	-ms-flex-direction: column;
4069	flex-direction: column;	4069	flex-direction: column;
4070	-webkit-box-align: start;	4070	-webkit-box-align: start;
4071	-ms-flex-align: start;	4071	-ms-flex-align: start;
4072	align-items: flex-start;	4072	align-items: flex-start;
4073	gap: 20px;	4073	gap: 20px;
4074	width: 100%;	4074	width: 100%;
4075	}	4075	}
4076	@media (min-width: 768px) {	4076	@media (min-width: 768px) {
4077	.main__resume-base-body-item-wrapper {	4077	.main__resume-base-body-item-wrapper {
4078	-webkit-box-orient: horizontal;	4078	-webkit-box-orient: horizontal;
4079	-webkit-box-direction: normal;	4079	-webkit-box-direction: normal;
4080	-ms-flex-direction: row;	4080	-ms-flex-direction: row;
4081	flex-direction: row;	4081	flex-direction: row;
4082	}	4082	}
4083	}	4083	}
4084	.main__resume-base-body-item-photo {	4084	.main__resume-base-body-item-photo {
4085	width: 180px;	4085	width: 180px;
4086	aspect-ratio: 1/1;	4086	aspect-ratio: 1/1;
4087	-o-object-fit: cover;	4087	-o-object-fit: cover;
4088	object-fit: cover;	4088	object-fit: cover;
4089	border-radius: 8px;	4089	border-radius: 8px;
4090	}	4090	}
4091	@media (min-width: 768px) {	4091	@media (min-width: 768px) {
4092	.main__resume-base-body-item-photo {	4092	.main__resume-base-body-item-photo {
4093	width: 210px;	4093	width: 210px;
4094	}	4094	}
4095	}	4095	}
4096	.main__resume-base-body-item-inner {	4096	.main__resume-base-body-item-inner {
4097	display: -webkit-box;	4097	display: -webkit-box;
4098	display: -ms-flexbox;	4098	display: -ms-flexbox;
4099	display: flex;	4099	display: flex;
4100	-webkit-box-orient: vertical;	4100	-webkit-box-orient: vertical;
4101	-webkit-box-direction: normal;	4101	-webkit-box-direction: normal;
4102	-ms-flex-direction: column;	4102	-ms-flex-direction: column;
4103	flex-direction: column;	4103	flex-direction: column;
4104	gap: 10px;	4104	gap: 10px;
4105	width: 100%;	4105	width: 100%;
4106	row-gap: 10px;	4106	row-gap: 10px;
4107	}	4107	}
4108	.main__resume-base-body-item-inner .horizontal{	4108	.main__resume-base-body-item-inner .horizontal{
4109	-webkit-box-orient: horizontal;	4109	-webkit-box-orient: horizontal;
4110	-ms-flex-direction: unset;	4110	-ms-flex-direction: unset;
4111	flex-direction: row;	4111	flex-direction: row;
4112	align-items: start;	4112	align-items: start;
4113	}	4113	}
4114	.main__resume-base-item-status{	4114	.main__resume-base-item-status{
4115	width: fit-content;	4115	width: fit-content;
4116	background-color: #e6e6e6;	4116	background-color: #e6e6e6;
4117	font-weight: bold;	4117	font-weight: bold;
4118	padding: 5px 10px;	4118	padding: 5px 10px;
4119	border-radius: 8px;	4119	border-radius: 8px;
4120	}	4120	}
4121	.main__resume-base-item-status.looking-for-job{	4121	.main__resume-base-item-status.looking-for-job{
4122	background-color: #eb5757;	4122	background-color: #eb5757;
4123	color: #fff;	4123	color: #fff;
4124	}	4124	}
4125	.main__resume-base-item-updated-at{	4125	.main__resume-base-item-updated-at{
4126	padding: 5px 10px;	4126	padding: 5px 10px;
4127	border-radius: 8px;	4127	border-radius: 8px;
4128	border: 1px #e6e6e6 solid;	4128	border: 1px #e6e6e6 solid;
4129	}	4129	}
4130	@media (min-width: 768px) {	4130	@media (min-width: 768px) {
4131	.main__resume-base-body-item-inner {	4131	.main__resume-base-body-item-inner {
4132	gap: 16px;	4132	gap: 16px;
4133	padding-right: 50px;	4133	padding-right: 50px;
4134	}	4134	}
4135	}	4135	}
4136	@media (min-width: 992px) {	4136	@media (min-width: 992px) {
4137	.main__resume-base-body-item-inner {	4137	.main__resume-base-body-item-inner {
4138	display: grid;	4138	display: grid;
4139	grid-template-columns: repeat(2, 1fr);	4139	grid-template-columns: repeat(2, 1fr);
4140	gap: 30px;	4140	gap: 30px;
4141	row-gap: 10px;	4141	row-gap: 10px;
4142	}	4142	}
4143	}	4143	}
4144	.main__resume-base-body-item-inner div {	4144	.main__resume-base-body-item-inner div {
4145	display: -webkit-box;	4145	display: -webkit-box;
4146	display: -ms-flexbox;	4146	display: -ms-flexbox;
4147	display: flex;	4147	display: flex;
4148	-webkit-box-orient: vertical;	4148	-webkit-box-orient: vertical;
4149	-webkit-box-direction: normal;	4149	-webkit-box-direction: normal;
4150	-ms-flex-direction: column;	4150	-ms-flex-direction: column;
4151	flex-direction: column;	4151	flex-direction: column;
4152	gap: 4px;	4152	gap: 4px;
4153	font-size: 12px;	4153	font-size: 12px;
4154	}	4154	}
4155	@media (min-width: 768px) {	4155	@media (min-width: 768px) {
4156	.main__resume-base-body-item-inner div {	4156	.main__resume-base-body-item-inner div {
4157	font-size: 16px;	4157	font-size: 16px;
4158	}	4158	}
4159	}	4159	}
4160	.main__resume-base-body-item-inner b {	4160	.main__resume-base-body-item-inner b {
4161	color: #377d87;	4161	color: #377d87;
4162	font-size: 14px;	4162	font-size: 14px;
4163	}	4163	}
4164	@media (min-width: 768px) {	4164	@media (min-width: 768px) {
4165	.main__resume-base-body-item-inner b {	4165	.main__resume-base-body-item-inner b {
4166	font-size: 18px;	4166	font-size: 18px;
4167	}	4167	}
4168	}	4168	}
4169	.main__resume-base-body-item-link {	4169	.main__resume-base-body-item-link {
4170	width: 100%;	4170	width: 100%;
4171	padding: 0;	4171	padding: 0;
4172	}	4172	}
4173	@media (min-width: 768px) {	4173	@media (min-width: 768px) {
4174	.main__resume-base-body-item-link {	4174	.main__resume-base-body-item-link {
4175	width: 200px;	4175	width: 200px;
4176	}	4176	}
4177	}	4177	}
4178	.main__spoiler {	4178	.main__spoiler {
4179	overflow: hidden;	4179	overflow: hidden;
4180	border-radius: 8px;	4180	border-radius: 8px;
4181	display: -webkit-box;	4181	display: -webkit-box;
4182	display: -ms-flexbox;	4182	display: -ms-flexbox;
4183	display: flex;	4183	display: flex;
4184	-webkit-box-orient: vertical;	4184	-webkit-box-orient: vertical;
4185	-webkit-box-direction: normal;	4185	-webkit-box-direction: normal;
4186	-ms-flex-direction: column;	4186	-ms-flex-direction: column;
4187	flex-direction: column;	4187	flex-direction: column;
4188	}	4188	}
4189	.main__spoiler-toper {	4189	.main__spoiler-toper {
4190	background: #377d87;	4190	background: #377d87;
4191	height: 30px;	4191	height: 30px;
4192	display: -webkit-box;	4192	display: -webkit-box;
4193	display: -ms-flexbox;	4193	display: -ms-flexbox;
4194	display: flex;	4194	display: flex;
4195	-webkit-box-align: center;	4195	-webkit-box-align: center;
4196	-ms-flex-align: center;	4196	-ms-flex-align: center;
4197	align-items: center;	4197	align-items: center;
4198	-webkit-box-pack: center;	4198	-webkit-box-pack: center;
4199	-ms-flex-pack: center;	4199	-ms-flex-pack: center;
4200	justify-content: center;	4200	justify-content: center;
4201	color: #fff;	4201	color: #fff;
4202	font-size: 12px;	4202	font-size: 12px;
4203	font-weight: 700;	4203	font-weight: 700;
4204	padding: 0 30px;	4204	padding: 0 30px;
4205	border: none;	4205	border: none;
4206	position: relative;	4206	position: relative;
4207	}	4207	}
4208	@media (min-width: 768px) {	4208	@media (min-width: 768px) {
4209	.main__spoiler-toper {	4209	.main__spoiler-toper {
4210	font-size: 18px;	4210	font-size: 18px;
4211	height: 50px;	4211	height: 50px;
4212	padding: 0 60px;	4212	padding: 0 60px;
4213	}	4213	}
4214	}	4214	}
4215	.main__spoiler-toper:before, .main__spoiler-toper:after {	4215	.main__spoiler-toper:before, .main__spoiler-toper:after {
4216	content: "";	4216	content: "";
4217	background: #fff;	4217	background: #fff;
4218	border-radius: 999px;	4218	border-radius: 999px;
4219	width: 10px;	4219	width: 10px;
4220	height: 1px;	4220	height: 1px;
4221	position: absolute;	4221	position: absolute;
4222	top: 50%;	4222	top: 50%;
4223	right: 10px;	4223	right: 10px;
4224	-webkit-transition: 0.3s;	4224	-webkit-transition: 0.3s;
4225	transition: 0.3s;	4225	transition: 0.3s;
4226	-webkit-transform: translate(0, -50%);	4226	-webkit-transform: translate(0, -50%);
4227	-ms-transform: translate(0, -50%);	4227	-ms-transform: translate(0, -50%);
4228	transform: translate(0, -50%);	4228	transform: translate(0, -50%);
4229	}	4229	}
4230	@media (min-width: 768px) {	4230	@media (min-width: 768px) {
4231	.main__spoiler-toper:before, .main__spoiler-toper:after {	4231	.main__spoiler-toper:before, .main__spoiler-toper:after {
4232	width: 20px;	4232	width: 20px;
4233	height: 2px;	4233	height: 2px;
4234	right: 20px;	4234	right: 20px;
4235	}	4235	}
4236	}	4236	}
4237	.main__spoiler-toper:after {	4237	.main__spoiler-toper:after {
4238	-webkit-transform: rotate(90deg);	4238	-webkit-transform: rotate(90deg);
4239	-ms-transform: rotate(90deg);	4239	-ms-transform: rotate(90deg);
4240	transform: rotate(90deg);	4240	transform: rotate(90deg);
4241	}	4241	}
4242	.main__spoiler-toper.active:after {	4242	.main__spoiler-toper.active:after {
4243	-webkit-transform: rotate(0deg);	4243	-webkit-transform: rotate(0deg);
4244	-ms-transform: rotate(0deg);	4244	-ms-transform: rotate(0deg);
4245	transform: rotate(0deg);	4245	transform: rotate(0deg);
4246	}	4246	}
4247	.main__spoiler-body {	4247	.main__spoiler-body {
4248	opacity: 0;	4248	opacity: 0;
4249	height: 0;	4249	height: 0;
4250	overflow: hidden;	4250	overflow: hidden;
4251	border-radius: 0 0 8px 8px;	4251	border-radius: 0 0 8px 8px;
4252	background: #fff;	4252	background: #fff;
4253	}	4253	}
4254	.main__spoiler-body table {	4254	.main__spoiler-body table {
4255	width: calc(100% + 2px);	4255	width: calc(100% + 2px);
4256	margin-left: -1px;	4256	margin-left: -1px;
4257	margin-bottom: -1px;	4257	margin-bottom: -1px;
4258	}	4258	}
4259	@media (min-width: 992px) {	4259	@media (min-width: 992px) {
4260	.main__spoiler-body table td {	4260	.main__spoiler-body table td {
4261	width: 50%;	4261	width: 50%;
4262	}	4262	}
4263	}	4263	}
4264	@media (min-width: 992px) {	4264	@media (min-width: 992px) {
4265	.main__spoiler-body table td + td {	4265	.main__spoiler-body table td + td {
4266	width: 50%;	4266	width: 50%;
4267	}	4267	}
4268	}	4268	}
4269	.active + .main__spoiler-body {	4269	.active + .main__spoiler-body {
4270	-webkit-transition: 0.3s;	4270	-webkit-transition: 0.3s;
4271	transition: 0.3s;	4271	transition: 0.3s;
4272	opacity: 1;	4272	opacity: 1;
4273	height: auto;	4273	height: auto;
4274	border: 1px solid #cecece;	4274	border: 1px solid #cecece;
4275	border-top: none;	4275	border-top: none;
4276	}	4276	}
4277	.main__table {	4277	.main__table {
4278	border-collapse: collapse;	4278	border-collapse: collapse;
4279	table-layout: fixed;	4279	table-layout: fixed;
4280	font-size: 12px;	4280	font-size: 12px;
4281	width: 100%;	4281	width: 100%;
4282	background: #fff;	4282	background: #fff;
4283	}	4283	}
4284	@media (min-width: 768px) {	4284	@media (min-width: 768px) {
4285	.main__table {	4285	.main__table {
4286	font-size: 16px;	4286	font-size: 16px;
4287	}	4287	}
4288	}	4288	}
4289	.main__table td {	4289	.main__table td {
4290	border: 1px solid #cecece;	4290	border: 1px solid #cecece;
4291	padding: 4px 8px;	4291	padding: 4px 8px;
4292	vertical-align: top;	4292	vertical-align: top;
4293	}	4293	}
4294	@media (min-width: 768px) {	4294	@media (min-width: 768px) {
4295	.main__table td {	4295	.main__table td {
4296	padding: 8px 16px;	4296	padding: 8px 16px;
4297	}	4297	}
4298	}	4298	}
4299	.main__table td b {	4299	.main__table td b {
4300	font-weight: 700;	4300	font-weight: 700;
4301	}	4301	}
4302	.main__table_three {	4302	.main__table_three {
4303	table-layout: auto;	4303	table-layout: auto;
4304	}	4304	}
4305	.main__table_three td {	4305	.main__table_three td {
4306	width: 25% !important;	4306	width: 25% !important;
4307	}	4307	}
4308	.main__table_three td:last-child {	4308	.main__table_three td:last-child {
4309	width: 50% !important;	4309	width: 50% !important;
4310	}	4310	}
4311	.main__table b {	4311	.main__table b {
4312	display: block;	4312	display: block;
4313	}	4313	}
4314	.main__table a {	4314	.main__table a {
4315	color: #377d87;	4315	color: #377d87;
4316	text-decoration: underline;	4316	text-decoration: underline;
4317	}	4317	}
4318	.main__table a:hover {	4318	.main__table a:hover {
4319	color: #000;	4319	color: #000;
4320	}	4320	}
4321	.main__resume-profile-about {	4321	.main__resume-profile-about {
4322	padding-top: 20px;	4322	padding-top: 20px;
4323	padding-bottom: 30px;	4323	padding-bottom: 30px;
4324	position: relative;	4324	position: relative;
4325	margin-top: 30px;	4325	margin-top: 30px;
4326	display: -webkit-box;	4326	display: -webkit-box;
4327	display: -ms-flexbox;	4327	display: -ms-flexbox;
4328	display: flex;	4328	display: flex;
4329	-webkit-box-orient: vertical;	4329	-webkit-box-orient: vertical;
4330	-webkit-box-direction: normal;	4330	-webkit-box-direction: normal;
4331	-ms-flex-direction: column;	4331	-ms-flex-direction: column;
4332	flex-direction: column;	4332	flex-direction: column;
4333	-webkit-box-align: start;	4333	-webkit-box-align: start;
4334	-ms-flex-align: start;	4334	-ms-flex-align: start;
4335	align-items: flex-start;	4335	align-items: flex-start;
4336	gap: 10px;	4336	gap: 10px;
4337	}	4337	}
4338	@media (min-width: 992px) {	4338	@media (min-width: 992px) {
4339	.main__resume-profile-about {	4339	.main__resume-profile-about {
4340	padding: 50px 0;	4340	padding: 50px 0;
4341	}	4341	}
4342	}	4342	}
4343	.main__resume-profile-about:before {	4343	.main__resume-profile-about:before {
4344	content: "";	4344	content: "";
4345	position: absolute;	4345	position: absolute;
4346	z-index: 1;	4346	z-index: 1;
4347	top: 0;	4347	top: 0;
4348	left: 50%;	4348	left: 50%;
4349	width: 20000px;	4349	width: 20000px;
4350	height: 100%;	4350	height: 100%;
4351	margin-left: -10000px;	4351	margin-left: -10000px;
4352	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	4352	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4353	}	4353	}
4354	.main__resume-profile-about-title {	4354	.main__resume-profile-about-title {
4355	position: relative;	4355	position: relative;
4356	z-index: 2;	4356	z-index: 2;
4357	color: #000;	4357	color: #000;
4358	}	4358	}
4359	.main__resume-profile-about-buttons{	4359	.main__resume-profile-about-buttons{
4360	display: flex;	4360	display: flex;
4361	width: 100%;	4361	width: 100%;
4362	position: relative;	4362	position: relative;
4363	z-index: 2;	4363	z-index: 2;
4364	}	4364	}
4365	.main__resume-profile-about-buttons .like{	4365	.main__resume-profile-about-buttons .like{
4366	width: 200px;	4366	width: 200px;
4367	}	4367	}
4368	.main__resume-profile-about-buttons .like.active{	4368	.main__resume-profile-about-buttons .like.active{
4369	background: #fff;	4369	background: #fff;
4370	color: #eb5757;	4370	color: #eb5757;
4371	}	4371	}
4372	.main__resume-profile-about-buttons .like .in-favorites{	4372	.main__resume-profile-about-buttons .like .in-favorites{
4373	display: none;	4373	display: none;
4374	}	4374	}
4375	.main__resume-profile-about-buttons .like.active .in-favorites{	4375	.main__resume-profile-about-buttons .like.active .in-favorites{
4376	display: block;	4376	display: block;
4377	color: #eb5757;	4377	color: #eb5757;
4378	}	4378	}
4379	.main__resume-profile-about-buttons .like.active .to-favorites{	4379	.main__resume-profile-about-buttons .like.active .to-favorites{
4380	display: none;	4380	display: none;
4381	}	4381	}
4382	.main__resume-profile-about-text {	4382	.main__resume-profile-about-text {
4383	position: relative;	4383	position: relative;
4384	z-index: 2;	4384	z-index: 2;
4385	}	4385	}
4386	.main__resume-profile-info {	4386	.main__resume-profile-info {
4387	display: -webkit-box;	4387	display: -webkit-box;
4388	display: -ms-flexbox;	4388	display: -ms-flexbox;
4389	display: flex;	4389	display: flex;
4390	-webkit-box-orient: vertical;	4390	-webkit-box-orient: vertical;
4391	-webkit-box-direction: normal;	4391	-webkit-box-direction: normal;
4392	-ms-flex-direction: column;	4392	-ms-flex-direction: column;
4393	flex-direction: column;	4393	flex-direction: column;
4394	gap: 20px;	4394	gap: 20px;
4395	margin-top: 30px;	4395	margin-top: 30px;
4396	}	4396	}
4397	@media (min-width: 992px) {	4397	@media (min-width: 992px) {
4398	.main__resume-profile-info {	4398	.main__resume-profile-info {
4399	margin-top: 50px;	4399	margin-top: 50px;
4400	gap: 30px;	4400	gap: 30px;
4401	}	4401	}
4402	}	4402	}
4403	.main__resume-profile-info-title {	4403	.main__resume-profile-info-title {
4404	color: #000;	4404	color: #000;
4405	}	4405	}
4406	.main__resume-profile-info-body {	4406	.main__resume-profile-info-body {
4407	display: -webkit-box;	4407	display: -webkit-box;
4408	display: -ms-flexbox;	4408	display: -ms-flexbox;
4409	display: flex;	4409	display: flex;
4410	-webkit-box-orient: vertical;	4410	-webkit-box-orient: vertical;
4411	-webkit-box-direction: normal;	4411	-webkit-box-direction: normal;
4412	-ms-flex-direction: column;	4412	-ms-flex-direction: column;
4413	flex-direction: column;	4413	flex-direction: column;
4414	gap: 20px;	4414	gap: 20px;
4415	}	4415	}
4416	@media (min-width: 992px) {	4416	@media (min-width: 992px) {
4417	.main__resume-profile-info-body {	4417	.main__resume-profile-info-body {
4418	gap: 30px;	4418	gap: 30px;
4419	}	4419	}
4420	}	4420	}
4421	.main__resume-profile-info-body-item {	4421	.main__resume-profile-info-body-item {
4422	display: -webkit-box;	4422	display: -webkit-box;
4423	display: -ms-flexbox;	4423	display: -ms-flexbox;
4424	display: flex;	4424	display: flex;
4425	-webkit-box-orient: vertical;	4425	-webkit-box-orient: vertical;
4426	-webkit-box-direction: normal;	4426	-webkit-box-direction: normal;
4427	-ms-flex-direction: column;	4427	-ms-flex-direction: column;
4428	flex-direction: column;	4428	flex-direction: column;
4429	gap: 10px;	4429	gap: 10px;
4430	}	4430	}
4431	@media (min-width: 768px) {	4431	@media (min-width: 768px) {
4432	.main__resume-profile-info-body-item {	4432	.main__resume-profile-info-body-item {
4433	gap: 20px;	4433	gap: 20px;
4434	}	4434	}
4435	}	4435	}
4436	.main__resume-profile-info-body-subtitle {	4436	.main__resume-profile-info-body-subtitle {
4437	color: #4d88d9;	4437	color: #4d88d9;
4438	}	4438	}
4439	.main__resume-profile-info-body-inner {	4439	.main__resume-profile-info-body-inner {
4440	display: -webkit-box;	4440	display: -webkit-box;
4441	display: -ms-flexbox;	4441	display: -ms-flexbox;
4442	display: flex;	4442	display: flex;
4443	-webkit-box-orient: vertical;	4443	-webkit-box-orient: vertical;
4444	-webkit-box-direction: normal;	4444	-webkit-box-direction: normal;
4445	-ms-flex-direction: column;	4445	-ms-flex-direction: column;
4446	flex-direction: column;	4446	flex-direction: column;
4447	gap: 20px;	4447	gap: 20px;
4448	margin: 0;	4448	margin: 0;
4449	padding: 0;	4449	padding: 0;
4450	font-size: 12px;	4450	font-size: 12px;
4451	}	4451	}
4452	@media (min-width: 768px) {	4452	@media (min-width: 768px) {
4453	.main__resume-profile-info-body-inner {	4453	.main__resume-profile-info-body-inner {
4454	display: grid;	4454	display: grid;
4455	grid-template-columns: repeat(2, 1fr);	4455	grid-template-columns: repeat(2, 1fr);
4456	}	4456	}
4457	}	4457	}
4458	@media (min-width: 992px) {	4458	@media (min-width: 992px) {
4459	.main__resume-profile-info-body-inner {	4459	.main__resume-profile-info-body-inner {
4460	grid-template-columns: repeat(3, 1fr);	4460	grid-template-columns: repeat(3, 1fr);
4461	font-size: 16px;	4461	font-size: 16px;
4462	}	4462	}
4463	}	4463	}
4464	.main__resume-profile-info-body-inner li {	4464	.main__resume-profile-info-body-inner li {
4465	display: -webkit-box;	4465	display: -webkit-box;
4466	display: -ms-flexbox;	4466	display: -ms-flexbox;
4467	display: flex;	4467	display: flex;
4468	-webkit-box-orient: vertical;	4468	-webkit-box-orient: vertical;
4469	-webkit-box-direction: normal;	4469	-webkit-box-direction: normal;
4470	-ms-flex-direction: column;	4470	-ms-flex-direction: column;
4471	flex-direction: column;	4471	flex-direction: column;
4472	gap: 6px;	4472	gap: 6px;
4473	}	4473	}
4474	@media (min-width: 992px) {	4474	@media (min-width: 992px) {
4475	.main__resume-profile-info-body-inner li {	4475	.main__resume-profile-info-body-inner li {
4476	gap: 8px;	4476	gap: 8px;
4477	}	4477	}
4478	}	4478	}
4479	.main__resume-profile-info-body-inner b {	4479	.main__resume-profile-info-body-inner b {
4480	color: #377d87;	4480	color: #377d87;
4481	font-size: 14px;	4481	font-size: 14px;
4482	}	4482	}
4483	@media (min-width: 992px) {	4483	@media (min-width: 992px) {
4484	.main__resume-profile-info-body-inner b {	4484	.main__resume-profile-info-body-inner b {
4485	font-size: 18px;	4485	font-size: 18px;
4486	}	4486	}
4487	}	4487	}
4488	.main__resume-profile-info-body-inner span {	4488	.main__resume-profile-info-body-inner span {
4489	display: -webkit-box;	4489	display: -webkit-box;
4490	display: -ms-flexbox;	4490	display: -ms-flexbox;
4491	display: flex;	4491	display: flex;
4492	-webkit-box-orient: vertical;	4492	-webkit-box-orient: vertical;
4493	-webkit-box-direction: normal;	4493	-webkit-box-direction: normal;
4494	-ms-flex-direction: column;	4494	-ms-flex-direction: column;
4495	flex-direction: column;	4495	flex-direction: column;
4496	gap: 4px;	4496	gap: 4px;
4497	}	4497	}
4498	@media (min-width: 992px) {	4498	@media (min-width: 992px) {
4499	.main__resume-profile-info-body-inner span {	4499	.main__resume-profile-info-body-inner span {
4500	gap: 6px;	4500	gap: 6px;
4501	}	4501	}
4502	}	4502	}
4503	.main__resume-profile-review {	4503	.main__resume-profile-review {
4504	display: -webkit-box;	4504	display: -webkit-box;
4505	display: -ms-flexbox;	4505	display: -ms-flexbox;
4506	display: flex;	4506	display: flex;
4507	-webkit-box-orient: vertical;	4507	-webkit-box-orient: vertical;
4508	-webkit-box-direction: normal;	4508	-webkit-box-direction: normal;
4509	-ms-flex-direction: column;	4509	-ms-flex-direction: column;
4510	flex-direction: column;	4510	flex-direction: column;
4511	gap: 20px;	4511	gap: 20px;
4512	padding: 20px 10px;	4512	padding: 20px 10px;
4513	margin-top: 30px;	4513	margin-top: 30px;
4514	border-radius: 16px;	4514	border-radius: 16px;
4515	border: 1px solid #cecece;	4515	border: 1px solid #cecece;
4516	background: #fff;	4516	background: #fff;
4517	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4517	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4518	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4518	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4519	}	4519	}
4520	@media (min-width: 992px) {	4520	@media (min-width: 992px) {
4521	.main__resume-profile-review {	4521	.main__resume-profile-review {
4522	margin-top: 50px;	4522	margin-top: 50px;
4523	padding: 50px 40px;	4523	padding: 50px 40px;
4524	gap: 30px;	4524	gap: 30px;
4525	}	4525	}
4526	}	4526	}
4527	.main__resume-profile-review-title {	4527	.main__resume-profile-review-title {
4528	color: #000;	4528	color: #000;
4529	}	4529	}
4530	.main__resume-profile-review-body {	4530	.main__resume-profile-review-body {
4531	display: -webkit-box;	4531	display: -webkit-box;
4532	display: -ms-flexbox;	4532	display: -ms-flexbox;
4533	display: flex;	4533	display: flex;
4534	-webkit-box-orient: vertical;	4534	-webkit-box-orient: vertical;
4535	-webkit-box-direction: normal;	4535	-webkit-box-direction: normal;
4536	-ms-flex-direction: column;	4536	-ms-flex-direction: column;
4537	flex-direction: column;	4537	flex-direction: column;
4538	-webkit-box-align: start;	4538	-webkit-box-align: start;
4539	-ms-flex-align: start;	4539	-ms-flex-align: start;
4540	align-items: flex-start;	4540	align-items: flex-start;
4541	gap: 10px;	4541	gap: 10px;
4542	}	4542	}
4543	.main__resume-profile-review-body .textarea {	4543	.main__resume-profile-review-body .textarea {
4544	width: 100%;	4544	width: 100%;
4545	}	4545	}
4546	.main__resume-profile-review-body .button {	4546	.main__resume-profile-review-body .button {
4547	margin-top: 10px;	4547	margin-top: 10px;
4548	}	4548	}
4549	.main__vacancies {	4549	.main__vacancies {
4550	display: -webkit-box;	4550	display: -webkit-box;
4551	display: -ms-flexbox;	4551	display: -ms-flexbox;
4552	display: flex;	4552	display: flex;
4553	-webkit-box-orient: vertical;	4553	-webkit-box-orient: vertical;
4554	-webkit-box-direction: normal;	4554	-webkit-box-direction: normal;
4555	-ms-flex-direction: column;	4555	-ms-flex-direction: column;
4556	flex-direction: column;	4556	flex-direction: column;
4557	-webkit-box-align: center;	4557	-webkit-box-align: center;
4558	-ms-flex-align: center;	4558	-ms-flex-align: center;
4559	align-items: center;	4559	align-items: center;
4560	gap: 20px;	4560	gap: 20px;
4561	}	4561	}
4562	@media (min-width: 768px) {	4562	@media (min-width: 768px) {
4563	.main__vacancies {	4563	.main__vacancies {
4564	gap: 30px;	4564	gap: 30px;
4565	}	4565	}
4566	}	4566	}
4567	.main__vacancies-title {	4567	.main__vacancies-title {
4568	color: #000;	4568	color: #000;
4569	width: 100%;	4569	width: 100%;
4570	}	4570	}
4571	.main__vacancies-filters {	4571	.main__vacancies-filters {
4572	width: 100%;	4572	width: 100%;
4573	}	4573	}
4574	.main__vacancies-item {	4574	.main__vacancies-item {
4575	width: 100%;	4575	width: 100%;
4576	background: none;	4576	background: none;
4577	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4577	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4578	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4578	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4579	}	4579	}
4580	.main__vacancies-item-page {	4580	.main__vacancies-item-page {
4581	border: none;	4581	border: none;
4582	-webkit-box-shadow: none;	4582	-webkit-box-shadow: none;
4583	box-shadow: none;	4583	box-shadow: none;
4584	background: none;	4584	background: none;
4585	margin: 0 -10px;	4585	margin: 0 -10px;
4586	}	4586	}
4587	@media (min-width: 768px) {	4587	@media (min-width: 768px) {
4588	.main__vacancies-item-page {	4588	.main__vacancies-item-page {
4589	margin: 0 -20px;	4589	margin: 0 -20px;
4590	}	4590	}
4591	}	4591	}
4592	.main__vacancies-thing {	4592	.main__vacancies-thing {
4593	width: 100%;	4593	width: 100%;
4594	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	4594	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4595	padding: 20px 10px;	4595	padding: 20px 10px;
4596	padding-bottom: 30px;	4596	padding-bottom: 30px;
4597	display: -webkit-box;	4597	display: -webkit-box;
4598	display: -ms-flexbox;	4598	display: -ms-flexbox;
4599	display: flex;	4599	display: flex;
4600	-webkit-box-orient: vertical;	4600	-webkit-box-orient: vertical;
4601	-webkit-box-direction: normal;	4601	-webkit-box-direction: normal;
4602	-ms-flex-direction: column;	4602	-ms-flex-direction: column;
4603	flex-direction: column;	4603	flex-direction: column;
4604	gap: 24px;	4604	gap: 24px;
4605	border-radius: 12px;	4605	border-radius: 12px;
4606	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4606	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4607	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4607	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4608	}	4608	}
4609	@media (min-width: 992px) {	4609	@media (min-width: 992px) {
4610	.main__vacancies-thing {	4610	.main__vacancies-thing {
4611	padding: 30px 20px;	4611	padding: 30px 20px;
4612	-webkit-box-orient: horizontal;	4612	-webkit-box-orient: horizontal;
4613	-webkit-box-direction: normal;	4613	-webkit-box-direction: normal;
4614	-ms-flex-direction: row;	4614	-ms-flex-direction: row;
4615	flex-direction: row;	4615	flex-direction: row;
4616	-webkit-box-align: start;	4616	-webkit-box-align: start;
4617	-ms-flex-align: start;	4617	-ms-flex-align: start;
4618	align-items: flex-start;	4618	align-items: flex-start;
4619	gap: 0;	4619	gap: 0;
4620	}	4620	}
4621	}	4621	}
4622	@media (min-width: 1280px) {	4622	@media (min-width: 1280px) {
4623	.main__vacancies-thing {	4623	.main__vacancies-thing {
4624	padding: 50px 20px;	4624	padding: 50px 20px;
4625	}	4625	}
4626	}	4626	}
4627	.main__vacancies-thing-pic {	4627	.main__vacancies-thing-pic {
4628	position: relative;	4628	position: relative;
4629	z-index: 2;	4629	z-index: 2;
4630	width: 100%;	4630	width: 100%;
4631	aspect-ratio: 42/34;	4631	aspect-ratio: 42/34;
4632	-o-object-fit: cover;	4632	-o-object-fit: cover;
4633	object-fit: cover;	4633	object-fit: cover;
4634	border-radius: 8px;	4634	border-radius: 8px;
4635	max-height: 340px;	4635	max-height: 340px;
4636	}	4636	}
4637	@media (min-width: 992px) {	4637	@media (min-width: 992px) {
4638	.main__vacancies-thing-pic {	4638	.main__vacancies-thing-pic {
4639	width: 380px;	4639	width: 380px;
4640	}	4640	}
4641	}	4641	}
4642	@media (min-width: 1280px) {	4642	@media (min-width: 1280px) {
4643	.main__vacancies-thing-pic {	4643	.main__vacancies-thing-pic {
4644	width: 420px;	4644	width: 420px;
4645	}	4645	}
4646	}	4646	}
4647	.main__vacancies-thing-body {	4647	.main__vacancies-thing-body {
4648	display: -webkit-box;	4648	display: -webkit-box;
4649	display: -ms-flexbox;	4649	display: -ms-flexbox;
4650	display: flex;	4650	display: flex;
4651	-webkit-box-orient: vertical;	4651	-webkit-box-orient: vertical;
4652	-webkit-box-direction: normal;	4652	-webkit-box-direction: normal;
4653	-ms-flex-direction: column;	4653	-ms-flex-direction: column;
4654	flex-direction: column;	4654	flex-direction: column;
4655	-webkit-box-align: start;	4655	-webkit-box-align: start;
4656	-ms-flex-align: start;	4656	-ms-flex-align: start;
4657	align-items: flex-start;	4657	align-items: flex-start;
4658	gap: 16px;	4658	gap: 16px;
4659	color: #000;	4659	color: #000;
4660	}	4660	}
4661	@media (min-width: 992px) {	4661	@media (min-width: 992px) {
4662	.main__vacancies-thing-body {	4662	.main__vacancies-thing-body {
4663	width: calc(100% - 380px);	4663	width: calc(100% - 380px);
4664	padding-left: 20px;	4664	padding-left: 20px;
4665	}	4665	}
4666	}	4666	}
4667	@media (min-width: 1280px) {	4667	@media (min-width: 1280px) {
4668	.main__vacancies-thing-body {	4668	.main__vacancies-thing-body {
4669	width: calc(100% - 420px);	4669	width: calc(100% - 420px);
4670	gap: 20px;	4670	gap: 20px;
4671	}	4671	}
4672	}	4672	}
4673	.main__vacancies-thing-body > * {	4673	.main__vacancies-thing-body > * {
4674	width: 100%;	4674	width: 100%;
4675	}	4675	}
4676	.main__vacancies-thing-body .button {	4676	.main__vacancies-thing-body .button {
4677	width: auto;	4677	width: auto;
4678	}	4678	}
4679	@media (min-width: 768px) {	4679	@media (min-width: 768px) {
4680	.main__vacancies-thing-body .button {	4680	.main__vacancies-thing-body .button {
4681	min-width: 200px;	4681	min-width: 200px;
4682	}	4682	}
4683	}	4683	}
4684	.main__vacancies-thing-scroll {	4684	.main__vacancies-thing-scroll {
4685	display: -webkit-box;	4685	display: -webkit-box;
4686	display: -ms-flexbox;	4686	display: -ms-flexbox;
4687	display: flex;	4687	display: flex;
4688	-webkit-box-orient: vertical;	4688	-webkit-box-orient: vertical;
4689	-webkit-box-direction: normal;	4689	-webkit-box-direction: normal;
4690	-ms-flex-direction: column;	4690	-ms-flex-direction: column;
4691	flex-direction: column;	4691	flex-direction: column;
4692	-webkit-box-align: start;	4692	-webkit-box-align: start;
4693	-ms-flex-align: start;	4693	-ms-flex-align: start;
4694	align-items: flex-start;	4694	align-items: flex-start;
4695	gap: 16px;	4695	gap: 16px;
4696	overflow: hidden;	4696	overflow: hidden;
4697	overflow-y: auto;	4697	overflow-y: auto;
4698	max-height: 180px;	4698	max-height: 180px;
4699	padding-right: 10px;	4699	padding-right: 10px;
4700	}	4700	}
4701	@media (min-width: 768px) {	4701	@media (min-width: 768px) {
4702	.main__vacancies-thing-scroll {	4702	.main__vacancies-thing-scroll {
4703	max-height: 210px;	4703	max-height: 210px;
4704	padding-right: 20px;	4704	padding-right: 20px;
4705	}	4705	}
4706	}	4706	}
4707	@media (min-width: 992px) {	4707	@media (min-width: 992px) {
4708	.main__vacancies-thing-scroll {	4708	.main__vacancies-thing-scroll {
4709	max-height: 175px;	4709	max-height: 175px;
4710	}	4710	}
4711	}	4711	}
4712	@media (min-width: 1280px) {	4712	@media (min-width: 1280px) {
4713	.main__vacancies-thing-scroll {	4713	.main__vacancies-thing-scroll {
4714	max-height: 200px;	4714	max-height: 200px;
4715	gap: 20px;	4715	gap: 20px;
4716	}	4716	}
4717	}	4717	}
4718	.main__cond {	4718	.main__cond {
4719	display: -webkit-box;	4719	display: -webkit-box;
4720	display: -ms-flexbox;	4720	display: -ms-flexbox;
4721	display: flex;	4721	display: flex;
4722	-webkit-box-orient: vertical;	4722	-webkit-box-orient: vertical;
4723	-webkit-box-direction: normal;	4723	-webkit-box-direction: normal;
4724	-ms-flex-direction: column;	4724	-ms-flex-direction: column;
4725	flex-direction: column;	4725	flex-direction: column;
4726	gap: 50px;	4726	gap: 50px;
4727	}	4727	}
4728	.main__cond > div {	4728	.main__cond > div {
4729	display: -webkit-box;	4729	display: -webkit-box;
4730	display: -ms-flexbox;	4730	display: -ms-flexbox;
4731	display: flex;	4731	display: flex;
4732	-webkit-box-orient: vertical;	4732	-webkit-box-orient: vertical;
4733	-webkit-box-direction: normal;	4733	-webkit-box-direction: normal;
4734	-ms-flex-direction: column;	4734	-ms-flex-direction: column;
4735	flex-direction: column;	4735	flex-direction: column;
4736	gap: 10px;	4736	gap: 10px;
4737	}	4737	}
4738	.main__cond-label {	4738	.main__cond-label {
4739	border-radius: 16px;	4739	border-radius: 16px;
4740	border: 1px solid #cecece;	4740	border: 1px solid #cecece;
4741	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4741	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4742	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4742	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4743	padding: 30px 20px;	4743	padding: 30px 20px;
4744	font-weight: 700;	4744	font-weight: 700;
4745	color: #000;	4745	color: #000;
4746	line-height: 2;	4746	line-height: 2;
4747	text-align: center;	4747	text-align: center;
4748	}	4748	}
4749	@media (min-width: 992px) {	4749	@media (min-width: 992px) {
4750	.main__cond-label {	4750	.main__cond-label {
4751	font-size: 30px;	4751	font-size: 30px;
4752	}	4752	}
4753	}	4753	}
4754	.main__cond-icons {	4754	.main__cond-icons {
4755	padding: 0;	4755	padding: 0;
4756	margin: 0;	4756	margin: 0;
4757	display: -webkit-box;	4757	display: -webkit-box;
4758	display: -ms-flexbox;	4758	display: -ms-flexbox;
4759	display: flex;	4759	display: flex;
4760	-webkit-box-orient: vertical;	4760	-webkit-box-orient: vertical;
4761	-webkit-box-direction: normal;	4761	-webkit-box-direction: normal;
4762	-ms-flex-direction: column;	4762	-ms-flex-direction: column;
4763	flex-direction: column;	4763	flex-direction: column;
4764	gap: 25px;	4764	gap: 25px;
4765	margin-top: 10px;	4765	margin-top: 10px;
4766	}	4766	}
4767	@media (min-width: 768px) {	4767	@media (min-width: 768px) {
4768	.main__cond-icons {	4768	.main__cond-icons {
4769	display: grid;	4769	display: grid;
4770	grid-template-columns: repeat(2, 1fr);	4770	grid-template-columns: repeat(2, 1fr);
4771	gap: 60px;	4771	gap: 60px;
4772	margin-top: 20px;	4772	margin-top: 20px;
4773	}	4773	}
4774	}	4774	}
4775	@media (min-width: 1280px) {	4775	@media (min-width: 1280px) {
4776	.main__cond-icons {	4776	.main__cond-icons {
4777	grid-template-columns: repeat(3, 1fr);	4777	grid-template-columns: repeat(3, 1fr);
4778	}	4778	}
4779	}	4779	}
4780	.main__cond-icons li {	4780	.main__cond-icons li {
4781	display: -webkit-box;	4781	display: -webkit-box;
4782	display: -ms-flexbox;	4782	display: -ms-flexbox;
4783	display: flex;	4783	display: flex;
4784	-webkit-box-orient: vertical;	4784	-webkit-box-orient: vertical;
4785	-webkit-box-direction: normal;	4785	-webkit-box-direction: normal;
4786	-ms-flex-direction: column;	4786	-ms-flex-direction: column;
4787	flex-direction: column;	4787	flex-direction: column;
4788	-webkit-box-align: start;	4788	-webkit-box-align: start;
4789	-ms-flex-align: start;	4789	-ms-flex-align: start;
4790	align-items: flex-start;	4790	align-items: flex-start;
4791	gap: 20px;	4791	gap: 20px;
4792	font-size: 12px;	4792	font-size: 12px;
4793	line-height: 1.4;	4793	line-height: 1.4;
4794	color: #000;	4794	color: #000;
4795	}	4795	}
4796	@media (min-width: 768px) {	4796	@media (min-width: 768px) {
4797	.main__cond-icons li {	4797	.main__cond-icons li {
4798	font-size: 14px;	4798	font-size: 14px;
4799	}	4799	}
4800	}	4800	}
4801	@media (min-width: 992px) {	4801	@media (min-width: 992px) {
4802	.main__cond-icons li {	4802	.main__cond-icons li {
4803	font-size: 16px;	4803	font-size: 16px;
4804	line-height: 1.6;	4804	line-height: 1.6;
4805	}	4805	}
4806	}	4806	}
4807	@media (min-width: 1280px) {	4807	@media (min-width: 1280px) {
4808	.main__cond-icons li {	4808	.main__cond-icons li {
4809	font-size: 18px;	4809	font-size: 18px;
4810	}	4810	}
4811	}	4811	}
4812	.main__cond-icons li span {	4812	.main__cond-icons li span {
4813	width: 48px;	4813	width: 48px;
4814	height: 48px;	4814	height: 48px;
4815	display: -webkit-box;	4815	display: -webkit-box;
4816	display: -ms-flexbox;	4816	display: -ms-flexbox;
4817	display: flex;	4817	display: flex;
4818	-webkit-box-align: center;	4818	-webkit-box-align: center;
4819	-ms-flex-align: center;	4819	-ms-flex-align: center;
4820	align-items: center;	4820	align-items: center;
4821	}	4821	}
4822	.main__cond-icons li span img {	4822	.main__cond-icons li span img {
4823	max-width: 48px;	4823	max-width: 48px;
4824	}	4824	}
4825	.main__cond-callback {	4825	.main__cond-callback {
4826	margin-top: 10px;	4826	margin-top: 10px;
4827	}	4827	}
4828	.main__ads {	4828	.main__ads {
4829	display: -webkit-box;	4829	display: -webkit-box;
4830	display: -ms-flexbox;	4830	display: -ms-flexbox;
4831	display: flex;	4831	display: flex;
4832	-webkit-box-orient: vertical;	4832	-webkit-box-orient: vertical;
4833	-webkit-box-direction: normal;	4833	-webkit-box-direction: normal;
4834	-ms-flex-direction: column;	4834	-ms-flex-direction: column;
4835	flex-direction: column;	4835	flex-direction: column;
4836	gap: 30px;	4836	gap: 30px;
4837	margin: 30px 0;	4837	margin: 30px 0;
4838	}	4838	}
4839	@media (min-width: 992px) {	4839	@media (min-width: 992px) {
4840	.main__ads {	4840	.main__ads {
4841	margin: 60px 0;	4841	margin: 60px 0;
4842	}	4842	}
4843	}	4843	}
4844	.main__ads-item {	4844	.main__ads-item {
4845	display: -webkit-box;	4845	display: -webkit-box;
4846	display: -ms-flexbox;	4846	display: -ms-flexbox;
4847	display: flex;	4847	display: flex;
4848	-webkit-box-orient: vertical;	4848	-webkit-box-orient: vertical;
4849	-webkit-box-direction: normal;	4849	-webkit-box-direction: normal;
4850	-ms-flex-direction: column;	4850	-ms-flex-direction: column;
4851	flex-direction: column;	4851	flex-direction: column;
4852	gap: 16px;	4852	gap: 16px;
4853	}	4853	}
4854	@media (min-width: 992px) {	4854	@media (min-width: 992px) {
4855	.main__ads-item {	4855	.main__ads-item {
4856	-webkit-box-orient: horizontal;	4856	-webkit-box-orient: horizontal;
4857	-webkit-box-direction: normal;	4857	-webkit-box-direction: normal;
4858	-ms-flex-direction: row;	4858	-ms-flex-direction: row;
4859	flex-direction: row;	4859	flex-direction: row;
4860	gap: 0;	4860	gap: 0;
4861	}	4861	}
4862	}	4862	}
4863	.main__ads-item-pic {	4863	.main__ads-item-pic {
4864	width: 100%;	4864	width: 100%;
4865	max-width: 440px;	4865	max-width: 440px;
4866	max-height: 200px;	4866	max-height: 200px;
4867	aspect-ratio: 3/2;	4867	aspect-ratio: 3/2;
4868	position: relative;	4868	position: relative;
4869	overflow: hidden;	4869	overflow: hidden;
4870	border-radius: 12px;	4870	border-radius: 12px;
4871	}	4871	}
4872	@media (min-width: 992px) {	4872	@media (min-width: 992px) {
4873	.main__ads-item-pic {	4873	.main__ads-item-pic {
4874	width: 200px;	4874	width: 200px;
4875	aspect-ratio: 1/1;	4875	aspect-ratio: 1/1;
4876	}	4876	}
4877	}	4877	}
4878	.main__ads-item-pic img {	4878	.main__ads-item-pic img {
4879	z-index: 1;	4879	z-index: 1;
4880	position: absolute;	4880	position: absolute;
4881	top: 0;	4881	top: 0;
4882	left: 0;	4882	left: 0;
4883	width: 100%;	4883	width: 100%;
4884	height: 100%;	4884	height: 100%;
4885	-o-object-fit: cover;	4885	-o-object-fit: cover;
4886	object-fit: cover;	4886	object-fit: cover;
4887	}	4887	}
4888	.main__ads-item-pic span {	4888	.main__ads-item-pic span {
4889	z-index: 2;	4889	z-index: 2;
4890	width: 30px;	4890	width: 30px;
4891	height: 30px;	4891	height: 30px;
4892	border-radius: 6px;	4892	border-radius: 6px;
4893	background: #4d88d9;	4893	background: #4d88d9;
4894	display: -webkit-box;	4894	display: -webkit-box;
4895	display: -ms-flexbox;	4895	display: -ms-flexbox;
4896	display: flex;	4896	display: flex;
4897	-webkit-box-pack: center;	4897	-webkit-box-pack: center;
4898	-ms-flex-pack: center;	4898	-ms-flex-pack: center;
4899	justify-content: center;	4899	justify-content: center;
4900	-webkit-box-align: center;	4900	-webkit-box-align: center;
4901	-ms-flex-align: center;	4901	-ms-flex-align: center;
4902	align-items: center;	4902	align-items: center;
4903	position: absolute;	4903	position: absolute;
4904	top: 10px;	4904	top: 10px;
4905	left: 10px;	4905	left: 10px;
4906	color: #fff;	4906	color: #fff;
4907	}	4907	}
4908	@media (min-width: 992px) {	4908	@media (min-width: 992px) {
4909	.main__ads-item-pic span {	4909	.main__ads-item-pic span {
4910	width: 42px;	4910	width: 42px;
4911	height: 42px;	4911	height: 42px;
4912	}	4912	}
4913	}	4913	}
4914	.main__ads-item-pic span svg {	4914	.main__ads-item-pic span svg {
4915	width: 12px;	4915	width: 12px;
4916	height: 12px;	4916	height: 12px;
4917	}	4917	}
4918	@media (min-width: 992px) {	4918	@media (min-width: 992px) {
4919	.main__ads-item-pic span svg {	4919	.main__ads-item-pic span svg {
4920	width: 20px;	4920	width: 20px;
4921	height: 20px;	4921	height: 20px;
4922	}	4922	}
4923	}	4923	}
4924	.main__ads-item-body {	4924	.main__ads-item-body {
4925	display: -webkit-box;	4925	display: -webkit-box;
4926	display: -ms-flexbox;	4926	display: -ms-flexbox;
4927	display: flex;	4927	display: flex;
4928	-webkit-box-orient: vertical;	4928	-webkit-box-orient: vertical;
4929	-webkit-box-direction: normal;	4929	-webkit-box-direction: normal;
4930	-ms-flex-direction: column;	4930	-ms-flex-direction: column;
4931	flex-direction: column;	4931	flex-direction: column;
4932	-webkit-box-align: start;	4932	-webkit-box-align: start;
4933	-ms-flex-align: start;	4933	-ms-flex-align: start;
4934	align-items: flex-start;	4934	align-items: flex-start;
4935	gap: 10px;	4935	gap: 10px;
4936	font-size: 12px;	4936	font-size: 12px;
4937	}	4937	}
4938	@media (min-width: 992px) {	4938	@media (min-width: 992px) {
4939	.main__ads-item-body {	4939	.main__ads-item-body {
4940	width: calc(100% - 200px);	4940	width: calc(100% - 200px);
4941	padding-left: 40px;	4941	padding-left: 40px;
4942	-webkit-box-pack: center;	4942	-webkit-box-pack: center;
4943	-ms-flex-pack: center;	4943	-ms-flex-pack: center;
4944	justify-content: center;	4944	justify-content: center;
4945	font-size: 16px;	4945	font-size: 16px;
4946	gap: 20px;	4946	gap: 20px;
4947	}	4947	}
4948	}	4948	}
4949	.main__ads-item-body b {	4949	.main__ads-item-body b {
4950	width: 100%;	4950	width: 100%;
4951	font-weight: 700;	4951	font-weight: 700;
4952	font-size: 14px;	4952	font-size: 14px;
4953	}	4953	}
4954	@media (min-width: 992px) {	4954	@media (min-width: 992px) {
4955	.main__ads-item-body b {	4955	.main__ads-item-body b {
4956	font-size: 20px;	4956	font-size: 20px;
4957	}	4957	}
4958	}	4958	}
4959	.main__ads-item-body span {	4959	.main__ads-item-body span {
4960	width: 100%;	4960	width: 100%;
4961	}	4961	}
4962		4962
4963	.work {	4963	.work {
4964	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	4964	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4965	color: #000;	4965	color: #000;
4966	padding-top: 70px;	4966	padding-top: 70px;
4967	padding-bottom: 10px;	4967	padding-bottom: 10px;
4968	position: relative;	4968	position: relative;
4969	overflow: hidden;	4969	overflow: hidden;
4970	}	4970	}
4971	@media (min-width: 768px) {	4971	@media (min-width: 768px) {
4972	.work {	4972	.work {
4973	padding-bottom: 25px;	4973	padding-bottom: 25px;
4974	}	4974	}
4975	}	4975	}
4976	@media (min-width: 1280px) {	4976	@media (min-width: 1280px) {
4977	.work {	4977	.work {
4978	padding-top: 80px;	4978	padding-top: 80px;
4979	padding-bottom: 25px;	4979	padding-bottom: 25px;
4980	}	4980	}
4981	}	4981	}
4982	.work__pic {	4982	.work__pic {
4983	position: absolute;	4983	position: absolute;
4984	height: calc(100% - 40px);	4984	height: calc(100% - 40px);
4985	z-index: 1;	4985	z-index: 1;
4986	display: none;	4986	display: none;
4987	bottom: 0;	4987	bottom: 0;
4988	left: 50%;	4988	left: 50%;
4989	margin-left: 40px;	4989	margin-left: 40px;
4990	}	4990	}
4991	@media (min-width: 992px) {	4991	@media (min-width: 992px) {
4992	.work__pic {	4992	.work__pic {
4993	display: block;	4993	display: block;
4994	}	4994	}
4995	}	4995	}
4996	@media (min-width: 1280px) {	4996	@media (min-width: 1280px) {
4997	.work__pic {	4997	.work__pic {
4998	margin-left: 80px;	4998	margin-left: 80px;
4999	}	4999	}
5000	}	5000	}
5001	.work__body {	5001	.work__body {
5002	position: relative;	5002	position: relative;
5003	z-index: 2;	5003	z-index: 2;
5004	display: -webkit-box;	5004	display: -webkit-box;
5005	display: -ms-flexbox;	5005	display: -ms-flexbox;
5006	display: flex;	5006	display: flex;
5007	-webkit-box-orient: vertical;	5007	-webkit-box-orient: vertical;
5008	-webkit-box-direction: normal;	5008	-webkit-box-direction: normal;
5009	-ms-flex-direction: column;	5009	-ms-flex-direction: column;
5010	flex-direction: column;	5010	flex-direction: column;
5011	-webkit-box-align: center;	5011	-webkit-box-align: center;
5012	-ms-flex-align: center;	5012	-ms-flex-align: center;
5013	align-items: center;	5013	align-items: center;
5014	}	5014	}
5015	@media (min-width: 768px) {	5015	@media (min-width: 768px) {
5016	.work__body {	5016	.work__body {
5017	-webkit-box-align: start;	5017	-webkit-box-align: start;
5018	-ms-flex-align: start;	5018	-ms-flex-align: start;
5019	align-items: flex-start;	5019	align-items: flex-start;
5020	}	5020	}
5021	}	5021	}
5022	@media (min-width: 992px) {	5022	@media (min-width: 992px) {
5023	.work__body {	5023	.work__body {
5024	max-width: 600px;	5024	max-width: 600px;
5025	}	5025	}
5026	}	5026	}
5027	.work__title {	5027	.work__title {
5028	width: 100%;	5028	width: 100%;
5029	font-size: 40px;	5029	font-size: 40px;
5030	font-weight: 700;	5030	font-weight: 700;
5031	line-height: 1;	5031	line-height: 1;
5032	}	5032	}
5033	@media (min-width: 768px) {	5033	@media (min-width: 768px) {
5034	.work__title {	5034	.work__title {
5035	font-size: 64px;	5035	font-size: 64px;
5036	line-height: 94px;	5036	line-height: 94px;
5037	}	5037	}
5038	}	5038	}
5039	.work__text {	5039	.work__text {
5040	width: 100%;	5040	width: 100%;
5041	font-size: 12px;	5041	font-size: 12px;
5042	margin-top: 10px;	5042	margin-top: 10px;
5043	}	5043	}
5044	@media (min-width: 768px) {	5044	@media (min-width: 768px) {
5045	.work__text {	5045	.work__text {
5046	font-size: 18px;	5046	font-size: 18px;
5047	margin-top: 20px;	5047	margin-top: 20px;
5048	line-height: 1.4;	5048	line-height: 1.4;
5049	}	5049	}
5050	}	5050	}
5051	.work__list {	5051	.work__list {
5052	width: 100%;	5052	width: 100%;
5053	display: -webkit-box;	5053	display: -webkit-box;
5054	display: -ms-flexbox;	5054	display: -ms-flexbox;
5055	display: flex;	5055	display: flex;
5056	-webkit-box-orient: vertical;	5056	-webkit-box-orient: vertical;
5057	-webkit-box-direction: normal;	5057	-webkit-box-direction: normal;
5058	-ms-flex-direction: column;	5058	-ms-flex-direction: column;
5059	flex-direction: column;	5059	flex-direction: column;
5060	gap: 5px;	5060	gap: 5px;
5061	font-size: 14px;	5061	font-size: 14px;
5062	font-weight: 700;	5062	font-weight: 700;
5063	margin-top: 15px;	5063	margin-top: 15px;
5064	}	5064	}
5065	@media (min-width: 768px) {	5065	@media (min-width: 768px) {
5066	.work__list {	5066	.work__list {
5067	font-size: 18px;	5067	font-size: 18px;
5068	gap: 8px;	5068	gap: 8px;
5069	margin-top: 30px;	5069	margin-top: 30px;
5070	}	5070	}
5071	}	5071	}
5072	.work__list div {	5072	.work__list div {
5073	position: relative;	5073	position: relative;
5074	padding-left: 10px;	5074	padding-left: 10px;
5075	}	5075	}
5076	@media (min-width: 768px) {	5076	@media (min-width: 768px) {
5077	.work__list div {	5077	.work__list div {
5078	padding-left: 16px;	5078	padding-left: 16px;
5079	}	5079	}
5080	}	5080	}
5081	.work__list div:before {	5081	.work__list div:before {
5082	content: "";	5082	content: "";
5083	width: 4px;	5083	width: 4px;
5084	height: 4px;	5084	height: 4px;
5085	background: #000;	5085	background: #000;
5086	border-radius: 999px;	5086	border-radius: 999px;
5087	position: absolute;	5087	position: absolute;
5088	top: 5px;	5088	top: 5px;
5089	left: 0;	5089	left: 0;
5090	}	5090	}
5091	@media (min-width: 768px) {	5091	@media (min-width: 768px) {
5092	.work__list div:before {	5092	.work__list div:before {
5093	top: 8px;	5093	top: 8px;
5094	}	5094	}
5095	}	5095	}
5096	.work__form {	5096	.work__form {
5097	margin-top: 20px;	5097	margin-top: 20px;
5098	}	5098	}
5099	@media (min-width: 768px) {	5099	@media (min-width: 768px) {
5100	.work__form {	5100	.work__form {
5101	margin-top: 30px;	5101	margin-top: 30px;
5102	}	5102	}
5103	}	5103	}
5104	.work__search {	5104	.work__search {
5105	width: 100%;	5105	width: 100%;
5106	max-width: 180px;	5106	max-width: 180px;
5107	margin-top: 20px;	5107	margin-top: 20px;
5108	}	5108	}
5109	@media (min-width: 768px) {	5109	@media (min-width: 768px) {
5110	.work__search {	5110	.work__search {
5111	max-width: 270px;	5111	max-width: 270px;
5112	margin-top: 50px;	5112	margin-top: 50px;
5113	}	5113	}
5114	}	5114	}
5115	.work__get {	5115	.work__get {
5116	width: 100%;	5116	width: 100%;
5117	display: -webkit-box;	5117	display: -webkit-box;
5118	display: -ms-flexbox;	5118	display: -ms-flexbox;
5119	display: flex;	5119	display: flex;
5120	-webkit-box-align: start;	5120	-webkit-box-align: start;
5121	-ms-flex-align: start;	5121	-ms-flex-align: start;
5122	align-items: flex-start;	5122	align-items: flex-start;
5123	-ms-flex-wrap: wrap;	5123	-ms-flex-wrap: wrap;
5124	flex-wrap: wrap;	5124	flex-wrap: wrap;
5125	margin-top: 48px;	5125	margin-top: 48px;
5126	}	5126	}
5127	.work__get b {	5127	.work__get b {
5128	width: 100%;	5128	width: 100%;
5129	margin-bottom: 10px;	5129	margin-bottom: 10px;
5130	font-size: 14px;	5130	font-size: 14px;
5131	}	5131	}
5132	@media (min-width: 768px) {	5132	@media (min-width: 768px) {
5133	.work__get b {	5133	.work__get b {
5134	font-size: 18px;	5134	font-size: 18px;
5135	}	5135	}
5136	}	5136	}
5137	.work__get a {	5137	.work__get a {
5138	display: -webkit-box;	5138	display: -webkit-box;
5139	display: -ms-flexbox;	5139	display: -ms-flexbox;
5140	display: flex;	5140	display: flex;
5141	-webkit-box-align: center;	5141	-webkit-box-align: center;
5142	-ms-flex-align: center;	5142	-ms-flex-align: center;
5143	align-items: center;	5143	align-items: center;
5144	-webkit-box-pack: center;	5144	-webkit-box-pack: center;
5145	-ms-flex-pack: center;	5145	-ms-flex-pack: center;
5146	justify-content: center;	5146	justify-content: center;
5147	margin-right: 20px;	5147	margin-right: 20px;
5148	}	5148	}
5149	.work__get a img {	5149	.work__get a img {
5150	-webkit-transition: 0.3s;	5150	-webkit-transition: 0.3s;
5151	transition: 0.3s;	5151	transition: 0.3s;
5152	width: 111px;	5152	width: 111px;
5153	}	5153	}
5154	@media (min-width: 768px) {	5154	@media (min-width: 768px) {
5155	.work__get a img {	5155	.work__get a img {
5156	width: 131px;	5156	width: 131px;
5157	}	5157	}
5158	}	5158	}
5159	.work__get a:hover img {	5159	.work__get a:hover img {
5160	-webkit-transform: scale(1.1);	5160	-webkit-transform: scale(1.1);
5161	-ms-transform: scale(1.1);	5161	-ms-transform: scale(1.1);
5162	transform: scale(1.1);	5162	transform: scale(1.1);
5163	}	5163	}
5164	.work__get a + a {	5164	.work__get a + a {
5165	margin-right: 0;	5165	margin-right: 0;
5166	}	5166	}
5167		5167
5168	.numbers {	5168	.numbers {
5169	padding: 30px 0;	5169	padding: 30px 0;
5170	background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);	5170	background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5171	color: #fff;	5171	color: #fff;
5172	}	5172	}
5173	@media (min-width: 1280px) {	5173	@media (min-width: 1280px) {
5174	.numbers {	5174	.numbers {
5175	padding: 100px 0;	5175	padding: 100px 0;
5176	background-position: 100% 100%;	5176	background-position: 100% 100%;
5177	background-size: auto 500px;	5177	background-size: auto 500px;
5178	}	5178	}
5179	}	5179	}
5180	.numbers__body {	5180	.numbers__body {
5181	display: -webkit-box;	5181	display: -webkit-box;
5182	display: -ms-flexbox;	5182	display: -ms-flexbox;
5183	display: flex;	5183	display: flex;
5184	-webkit-box-orient: vertical;	5184	-webkit-box-orient: vertical;
5185	-webkit-box-direction: normal;	5185	-webkit-box-direction: normal;
5186	-ms-flex-direction: column;	5186	-ms-flex-direction: column;
5187	flex-direction: column;	5187	flex-direction: column;
5188	gap: 30px;	5188	gap: 30px;
5189	}	5189	}
5190	@media (min-width: 768px) {	5190	@media (min-width: 768px) {
5191	.numbers__body {	5191	.numbers__body {
5192	display: grid;	5192	display: grid;
5193	grid-template-columns: 1fr 1fr 1fr;	5193	grid-template-columns: 1fr 1fr 1fr;
5194	}	5194	}
5195	}	5195	}
5196	.numbers__item {	5196	.numbers__item {
5197	font-size: 12px;	5197	font-size: 12px;
5198	display: -webkit-box;	5198	display: -webkit-box;
5199	display: -ms-flexbox;	5199	display: -ms-flexbox;
5200	display: flex;	5200	display: flex;
5201	-webkit-box-orient: vertical;	5201	-webkit-box-orient: vertical;
5202	-webkit-box-direction: normal;	5202	-webkit-box-direction: normal;
5203	-ms-flex-direction: column;	5203	-ms-flex-direction: column;
5204	flex-direction: column;	5204	flex-direction: column;
5205	line-height: 1.4;	5205	line-height: 1.4;
5206	}	5206	}
5207	@media (min-width: 1280px) {	5207	@media (min-width: 1280px) {
5208	.numbers__item {	5208	.numbers__item {
5209	font-size: 16px;	5209	font-size: 16px;
5210	line-height: 20px;	5210	line-height: 20px;
5211	}	5211	}
5212	}	5212	}
5213	.numbers__item b {	5213	.numbers__item b {
5214	font-size: 40px;	5214	font-size: 40px;
5215	font-weight: 700;	5215	font-weight: 700;
5216	border-bottom: 1px solid #fff;	5216	border-bottom: 1px solid #fff;
5217	line-height: 1;	5217	line-height: 1;
5218	}	5218	}
5219	@media (min-width: 1280px) {	5219	@media (min-width: 1280px) {
5220	.numbers__item b {	5220	.numbers__item b {
5221	font-size: 100px;	5221	font-size: 100px;
5222	line-height: 147px;	5222	line-height: 147px;
5223	}	5223	}
5224	}	5224	}
5225	.numbers__item span {	5225	.numbers__item span {
5226	font-weight: 700;	5226	font-weight: 700;
5227	font-size: 14px;	5227	font-size: 14px;
5228	margin: 10px 0;	5228	margin: 10px 0;
5229	line-height: 1;	5229	line-height: 1;
5230	}	5230	}
5231	@media (min-width: 1280px) {	5231	@media (min-width: 1280px) {
5232	.numbers__item span {	5232	.numbers__item span {
5233	font-size: 24px;	5233	font-size: 24px;
5234	margin-top: 30px;	5234	margin-top: 30px;
5235	}	5235	}
5236	}	5236	}
5237		5237
5238	.vacancies {	5238	.vacancies {
5239	padding: 50px 0;	5239	padding: 50px 0;
5240	}	5240	}
5241	@media (min-width: 1280px) {	5241	@media (min-width: 1280px) {
5242	.vacancies {	5242	.vacancies {
5243	padding: 100px 0;	5243	padding: 100px 0;
5244	}	5244	}
5245	}	5245	}
5246	.vacancies__body {	5246	.vacancies__body {
5247	display: -webkit-box;	5247	display: -webkit-box;
5248	display: -ms-flexbox;	5248	display: -ms-flexbox;
5249	display: flex;	5249	display: flex;
5250	-webkit-box-orient: vertical;	5250	-webkit-box-orient: vertical;
5251	-webkit-box-direction: reverse;	5251	-webkit-box-direction: reverse;
5252	-ms-flex-direction: column-reverse;	5252	-ms-flex-direction: column-reverse;
5253	flex-direction: column-reverse;	5253	flex-direction: column-reverse;
5254	gap: 20px;	5254	gap: 20px;
5255	width: 100%;	5255	width: 100%;
5256	margin-top: 20px;	5256	margin-top: 20px;
5257	}	5257	}
5258	@media (min-width: 992px) {	5258	@media (min-width: 992px) {
5259	.vacancies__body {	5259	.vacancies__body {
5260	margin-top: 30px;	5260	margin-top: 30px;
5261	gap: 30px;	5261	gap: 30px;
5262	}	5262	}
5263	}	5263	}
5264	.vacancies__more {	5264	.vacancies__more {
5265	width: 100%;	5265	width: 100%;
5266	}	5266	}
5267	@media (min-width: 768px) {	5267	@media (min-width: 768px) {
5268	.vacancies__more {	5268	.vacancies__more {
5269	width: auto;	5269	width: auto;
5270	margin: 0 auto;	5270	margin: 0 auto;
5271	}	5271	}
5272	}	5272	}
5273	.vacancies__list {	5273	.vacancies__list {
5274	display: -webkit-box;	5274	display: -webkit-box;
5275	display: -ms-flexbox;	5275	display: -ms-flexbox;
5276	display: flex;	5276	display: flex;
5277	-webkit-box-orient: vertical;	5277	-webkit-box-orient: vertical;
5278	-webkit-box-direction: normal;	5278	-webkit-box-direction: normal;
5279	-ms-flex-direction: column;	5279	-ms-flex-direction: column;
5280	flex-direction: column;	5280	flex-direction: column;
5281	gap: 15px;	5281	gap: 15px;
5282	}	5282	}
5283	@media (min-width: 768px) {	5283	@media (min-width: 768px) {
5284	.vacancies__list {	5284	.vacancies__list {
5285	display: grid;	5285	display: grid;
5286	grid-template-columns: repeat(2, 1fr);	5286	grid-template-columns: repeat(2, 1fr);
5287	}	5287	}
5288	}	5288	}
5289	@media (min-width: 992px) {	5289	@media (min-width: 992px) {
5290	.vacancies__list {	5290	.vacancies__list {
5291	display: grid;	5291	display: grid;
5292	grid-template-columns: repeat(3, 1fr);	5292	grid-template-columns: repeat(3, 1fr);
5293	gap: 20px;	5293	gap: 20px;
5294	}	5294	}
5295	}	5295	}
5296	@media (min-width: 1280px) {	5296	@media (min-width: 1280px) {
5297	.vacancies__list {	5297	.vacancies__list {
5298	grid-template-columns: repeat(4, 1fr);	5298	grid-template-columns: repeat(4, 1fr);
5299	}	5299	}
5300	}	5300	}
5301	.vacancies__list-label {	5301	.vacancies__list-label {
5302	font-weight: 700;	5302	font-weight: 700;
5303	font-size: 22px;	5303	font-size: 22px;
5304	}	5304	}
5305	.vacancies__list-col {	5305	.vacancies__list-col {
5306	display: -webkit-box;	5306	display: -webkit-box;
5307	display: -ms-flexbox;	5307	display: -ms-flexbox;
5308	display: flex;	5308	display: flex;
5309	-webkit-box-orient: vertical;	5309	-webkit-box-orient: vertical;
5310	-webkit-box-direction: normal;	5310	-webkit-box-direction: normal;
5311	-ms-flex-direction: column;	5311	-ms-flex-direction: column;
5312	flex-direction: column;	5312	flex-direction: column;
5313	gap: 15px;	5313	gap: 15px;
5314	margin-top: 15px;	5314	margin-top: 15px;
5315	margin-bottom: 30px;	5315	margin-bottom: 30px;
5316	}	5316	}
5317	@media (min-width: 768px) {	5317	@media (min-width: 768px) {
5318	.vacancies__list-col {	5318	.vacancies__list-col {
5319	margin-top: 0;	5319	margin-top: 0;
5320	}	5320	}
5321	}	5321	}
5322	.vacancies__list-col:first-child {	5322	.vacancies__list-col:first-child {
5323	margin-top: 0;	5323	margin-top: 0;
5324	}	5324	}
5325	.vacancies__item {	5325	.vacancies__item {
5326	display: none;	5326	display: none;
5327	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	5327	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5328	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	5328	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5329	border-radius: 12px;	5329	border-radius: 12px;
5330	background: #fff;	5330	background: #fff;
5331	border: 1px solid #e6e7e7;	5331	border: 1px solid #e6e7e7;
5332	overflow: hidden;	5332	overflow: hidden;
5333	}	5333	}
5334	.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) {	5334	.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) {
5335	display: -webkit-box;	5335	display: -webkit-box;
5336	display: -ms-flexbox;	5336	display: -ms-flexbox;
5337	display: flex;	5337	display: flex;
5338	}	5338	}
5339	.vacancies__item > span {	5339	.vacancies__item > span {
5340	border-left: 10px solid #377d87;	5340	border-left: 10px solid #377d87;
5341	padding: 20px 14px;	5341	padding: 20px 14px;
5342	display: -webkit-box;	5342	display: -webkit-box;
5343	display: -ms-flexbox;	5343	display: -ms-flexbox;
5344	display: flex;	5344	display: flex;
5345	-webkit-box-orient: vertical;	5345	-webkit-box-orient: vertical;
5346	-webkit-box-direction: normal;	5346	-webkit-box-direction: normal;
5347	-ms-flex-direction: column;	5347	-ms-flex-direction: column;
5348	flex-direction: column;	5348	flex-direction: column;
5349	-webkit-box-align: start;	5349	-webkit-box-align: start;
5350	-ms-flex-align: start;	5350	-ms-flex-align: start;
5351	align-items: flex-start;	5351	align-items: flex-start;
5352	gap: 5px;	5352	gap: 5px;
5353	-webkit-box-pack: justify;	5353	-webkit-box-pack: justify;
5354	-ms-flex-pack: justify;	5354	-ms-flex-pack: justify;
5355	justify-content: space-between;	5355	justify-content: space-between;
5356	}	5356	}
5357	@media (min-width: 992px) {	5357	@media (min-width: 992px) {
5358	.vacancies__item > span {	5358	.vacancies__item > span {
5359	gap: 10px;	5359	gap: 10px;
5360	}	5360	}
5361	}	5361	}
5362	.vacancies__item b {	5362	.vacancies__item b {
5363	font-weight: 700;	5363	font-weight: 700;
5364	font-size: 14px;	5364	font-size: 14px;
5365	}	5365	}
5366	@media (min-width: 992px) {	5366	@media (min-width: 992px) {
5367	.vacancies__item b {	5367	.vacancies__item b {
5368	font-size: 20px;	5368	font-size: 20px;
5369	}	5369	}
5370	}	5370	}
5371	.vacancies__item:hover b {	5371	.vacancies__item:hover b {
5372	color: #377d87;	5372	color: #377d87;
5373	}	5373	}
5374	.vacancies__item u {	5374	.vacancies__item u {
5375	text-decoration: none;	5375	text-decoration: none;
5376	font-size: 14px;	5376	font-size: 14px;
5377	}	5377	}
5378	@media (min-width: 992px) {	5378	@media (min-width: 992px) {
5379	.vacancies__item u {	5379	.vacancies__item u {
5380	font-size: 18px;	5380	font-size: 18px;
5381	}	5381	}
5382	}	5382	}
5383	.vacancies__item i {	5383	.vacancies__item i {
5384	font-size: 12px;	5384	font-size: 12px;
5385	font-style: normal;	5385	font-style: normal;
5386	border-bottom: 1px dashed #377d87;	5386	border-bottom: 1px dashed #377d87;
5387	}	5387	}
5388	@media (min-width: 992px) {	5388	@media (min-width: 992px) {
5389	.vacancies__item i {	5389	.vacancies__item i {
5390	font-size: 16px;	5390	font-size: 16px;
5391	}	5391	}
5392	}	5392	}
5393	.vacancies__item i span {	5393	.vacancies__item i span {
5394	font-weight: 700;	5394	font-weight: 700;
5395	color: #377d87;	5395	color: #377d87;
5396	}	5396	}
5397	.vacancies__body.active .vacancies__list .vacancies__item {	5397	.vacancies__body.active .vacancies__list .vacancies__item {
5398	display: -webkit-box;	5398	display: -webkit-box;
5399	display: -ms-flexbox;	5399	display: -ms-flexbox;
5400	display: flex;	5400	display: flex;
5401	}	5401	}
5402		5402
5403	.employer {	5403	.employer {
5404	padding-bottom: 50px;	5404	padding-bottom: 50px;
5405	}	5405	}
5406	@media (min-width: 768px) {	5406	@media (min-width: 768px) {
5407	.employer {	5407	.employer {
5408	padding-bottom: 100px;	5408	padding-bottom: 100px;
5409	}	5409	}
5410	}	5410	}
5411	.employer .swiper {	5411	.employer .swiper {
5412	margin: 20px 0;	5412	margin: 20px 0;
5413	}	5413	}
5414	@media (min-width: 768px) {	5414	@media (min-width: 768px) {
5415	.employer .swiper {	5415	.employer .swiper {
5416	display: none;	5416	display: none;
5417	}	5417	}
5418	}	5418	}
5419	.employer__item {	5419	.employer__item {
5420	display: -webkit-box;	5420	display: -webkit-box;
5421	display: -ms-flexbox;	5421	display: -ms-flexbox;
5422	display: flex;	5422	display: flex;
5423	-webkit-box-orient: vertical;	5423	-webkit-box-orient: vertical;
5424	-webkit-box-direction: normal;	5424	-webkit-box-direction: normal;
5425	-ms-flex-direction: column;	5425	-ms-flex-direction: column;
5426	flex-direction: column;	5426	flex-direction: column;
5427	gap: 30px;	5427	gap: 30px;
5428	}	5428	}
5429	.employer__item a {	5429	.employer__item a {
5430	display: -webkit-box;	5430	display: -webkit-box;
5431	display: -ms-flexbox;	5431	display: -ms-flexbox;
5432	display: flex;	5432	display: flex;
5433	-webkit-box-orient: vertical;	5433	-webkit-box-orient: vertical;
5434	-webkit-box-direction: normal;	5434	-webkit-box-direction: normal;
5435	-ms-flex-direction: column;	5435	-ms-flex-direction: column;
5436	flex-direction: column;	5436	flex-direction: column;
5437	-webkit-box-align: center;	5437	-webkit-box-align: center;
5438	-ms-flex-align: center;	5438	-ms-flex-align: center;
5439	align-items: center;	5439	align-items: center;
5440	}	5440	}
5441	.employer__item img {	5441	.employer__item img {
5442	width: 100%;	5442	width: 100%;
5443	aspect-ratio: 295/98;	5443	aspect-ratio: 295/98;
5444	-o-object-fit: contain;	5444	-o-object-fit: contain;
5445	object-fit: contain;	5445	object-fit: contain;
5446	}	5446	}
5447	.employer__body {	5447	.employer__body {
5448	display: none;	5448	display: none;
5449	grid-template-columns: 1fr 1fr;	5449	grid-template-columns: 1fr 1fr;
5450	gap: 30px;	5450	gap: 30px;
5451	margin-top: 30px;	5451	margin-top: 30px;
5452	margin-bottom: 40px;	5452	margin-bottom: 40px;
5453	}	5453	}
5454	@media (min-width: 768px) {	5454	@media (min-width: 768px) {
5455	.employer__body {	5455	.employer__body {
5456	display: grid;	5456	display: grid;
5457	}	5457	}
5458	}	5458	}
5459	@media (min-width: 992px) {	5459	@media (min-width: 992px) {
5460	.employer__body {	5460	.employer__body {
5461	grid-template-columns: 1fr 1fr 1fr;	5461	grid-template-columns: 1fr 1fr 1fr;
5462	}	5462	}
5463	}	5463	}
5464	@media (min-width: 1280px) {	5464	@media (min-width: 1280px) {
5465	.employer__body {	5465	.employer__body {
5466	grid-template-columns: 1fr 1fr 1fr 1fr;	5466	grid-template-columns: 1fr 1fr 1fr 1fr;
5467	}	5467	}
5468	}	5468	}
5469	.employer__body a {	5469	.employer__body a {
5470	display: -webkit-box;	5470	display: -webkit-box;
5471	display: -ms-flexbox;	5471	display: -ms-flexbox;
5472	display: flex;	5472	display: flex;
5473	-webkit-box-pack: center;	5473	-webkit-box-pack: center;
5474	-ms-flex-pack: center;	5474	-ms-flex-pack: center;
5475	justify-content: center;	5475	justify-content: center;
5476	-webkit-box-align: center;	5476	-webkit-box-align: center;
5477	-ms-flex-align: center;	5477	-ms-flex-align: center;
5478	align-items: center;	5478	align-items: center;
5479	height: 98px;	5479	height: 98px;
5480	}	5480	}
5481	.employer__body img {	5481	.employer__body img {
5482	max-width: 100%;	5482	max-width: 100%;
5483	max-height: 98px;	5483	max-height: 98px;
5484	-o-object-fit: contain;	5484	-o-object-fit: contain;
5485	object-fit: contain;	5485	object-fit: contain;
5486	}	5486	}
5487	.employer__more {	5487	.employer__more {
5488	height: 38px;	5488	height: 38px;
5489	}	5489	}
5490	@media (min-width: 768px) {	5490	@media (min-width: 768px) {
5491	.employer__more {	5491	.employer__more {
5492	width: 250px;	5492	width: 250px;
5493	margin: 0 auto;	5493	margin: 0 auto;
5494	height: 44px;	5494	height: 44px;
5495	}	5495	}
5496	}	5496	}
5497		5497
5498	.about {	5498	.about {
5499	background: #acc0e6 url("../images/space.svg") no-repeat 0 0;	5499	background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5500	background-size: cover;	5500	background-size: cover;
5501	padding: 30px 0;	5501	padding: 30px 0;
5502	padding-bottom: 70px;	5502	padding-bottom: 70px;
5503	}	5503	}
5504	@media (min-width: 768px) {	5504	@media (min-width: 768px) {
5505	.about {	5505	.about {
5506	padding-top: 40px;	5506	padding-top: 40px;
5507	background-size: auto calc(100% - 10px);	5507	background-size: auto calc(100% - 10px);
5508	}	5508	}
5509	}	5509	}
5510	@media (min-width: 1280px) {	5510	@media (min-width: 1280px) {
5511	.about {	5511	.about {
5512	padding: 100px 0;	5512	padding: 100px 0;
5513	}	5513	}
5514	}	5514	}
5515	.about__wrapper {	5515	.about__wrapper {
5516	display: -webkit-box;	5516	display: -webkit-box;
5517	display: -ms-flexbox;	5517	display: -ms-flexbox;
5518	display: flex;	5518	display: flex;
5519	-webkit-box-orient: vertical;	5519	-webkit-box-orient: vertical;
5520	-webkit-box-direction: normal;	5520	-webkit-box-direction: normal;
5521	-ms-flex-direction: column;	5521	-ms-flex-direction: column;
5522	flex-direction: column;	5522	flex-direction: column;
5523	position: relative;	5523	position: relative;
5524	}	5524	}
5525	.about__title {	5525	.about__title {
5526	color: #fff;	5526	color: #fff;
5527	line-height: 1.2;	5527	line-height: 1.2;
5528	}	5528	}
5529	@media (min-width: 1280px) {	5529	@media (min-width: 1280px) {
5530	.about__title {	5530	.about__title {
5531	position: absolute;	5531	position: absolute;
5532	top: -45px;	5532	top: -45px;
5533	left: 0;	5533	left: 0;
5534	}	5534	}
5535	}	5535	}
5536	.about__body {	5536	.about__body {
5537	display: -webkit-box;	5537	display: -webkit-box;
5538	display: -ms-flexbox;	5538	display: -ms-flexbox;
5539	display: flex;	5539	display: flex;
5540	-webkit-box-orient: vertical;	5540	-webkit-box-orient: vertical;
5541	-webkit-box-direction: normal;	5541	-webkit-box-direction: normal;
5542	-ms-flex-direction: column;	5542	-ms-flex-direction: column;
5543	flex-direction: column;	5543	flex-direction: column;
5544	}	5544	}
5545	@media (min-width: 1280px) {	5545	@media (min-width: 1280px) {
5546	.about__body {	5546	.about__body {
5547	padding-left: 495px;	5547	padding-left: 495px;
5548	}	5548	}
5549	}	5549	}
5550	.about__line {	5550	.about__line {
5551	background: #fff;	5551	background: #fff;
5552	width: 100%;	5552	width: 100%;
5553	height: 1px;	5553	height: 1px;
5554	max-width: 400px;	5554	max-width: 400px;
5555	margin-top: 10px;	5555	margin-top: 10px;
5556	}	5556	}
5557	.about__item {	5557	.about__item {
5558	display: -webkit-box;	5558	display: -webkit-box;
5559	display: -ms-flexbox;	5559	display: -ms-flexbox;
5560	display: flex;	5560	display: flex;
5561	-webkit-box-orient: vertical;	5561	-webkit-box-orient: vertical;
5562	-webkit-box-direction: normal;	5562	-webkit-box-direction: normal;
5563	-ms-flex-direction: column;	5563	-ms-flex-direction: column;
5564	flex-direction: column;	5564	flex-direction: column;
5565	margin-top: 10px;	5565	margin-top: 10px;
5566	max-width: 600px;	5566	max-width: 600px;
5567	}	5567	}
5568	@media (min-width: 768px) {	5568	@media (min-width: 768px) {
5569	.about__item {	5569	.about__item {
5570	margin-top: 20px;	5570	margin-top: 20px;
5571	}	5571	}
5572	}	5572	}
5573	@media (min-width: 1280px) {	5573	@media (min-width: 1280px) {
5574	.about__item {	5574	.about__item {
5575	margin-top: 30px;	5575	margin-top: 30px;
5576	}	5576	}
5577	}	5577	}
5578	.about__item b {	5578	.about__item b {
5579	font-size: 20px;	5579	font-size: 20px;
5580	font-weight: 700;	5580	font-weight: 700;
5581	}	5581	}
5582	.about__item span {	5582	.about__item span {
5583	font-size: 13px;	5583	font-size: 13px;
5584	line-height: 1.4;	5584	line-height: 1.4;
5585	margin-top: 6px;	5585	margin-top: 6px;
5586	}	5586	}
5587	@media (min-width: 1280px) {	5587	@media (min-width: 1280px) {
5588	.about__item span {	5588	.about__item span {
5589	font-size: 16px;	5589	font-size: 16px;
5590	margin-top: 12px;	5590	margin-top: 12px;
5591	}	5591	}
5592	}	5592	}
5593	.about__item a {	5593	.about__item a {
5594	text-decoration: underline;	5594	text-decoration: underline;
5595	}	5595	}
5596	.about__item + .about__item {	5596	.about__item + .about__item {
5597	margin-top: 30px;	5597	margin-top: 30px;
5598	}	5598	}
5599	@media (min-width: 992px) {	5599	@media (min-width: 992px) {
5600	.about__item + .about__item {	5600	.about__item + .about__item {
5601	margin-top: 40px;	5601	margin-top: 40px;
5602	}	5602	}
5603	}	5603	}
5604	.about__button {	5604	.about__button {
5605	margin-top: 20px;	5605	margin-top: 20px;
5606	height: 38px;	5606	height: 38px;
5607	padding: 0;	5607	padding: 0;
5608	}	5608	}
5609	@media (min-width: 768px) {	5609	@media (min-width: 768px) {
5610	.about__button {	5610	.about__button {
5611	max-width: 200px;	5611	max-width: 200px;
5612	height: 42px;	5612	height: 42px;
5613	margin-top: 30px;	5613	margin-top: 30px;
5614	}	5614	}
5615	}	5615	}
5616		5616
5617	.news {	5617	.news {
5618	padding: 50px 0;	5618	padding: 50px 0;
5619	overflow: hidden;	5619	overflow: hidden;
5620	}	5620	}
5621	@media (min-width: 1280px) {	5621	@media (min-width: 1280px) {
5622	.news {	5622	.news {
5623	padding: 100px 0;	5623	padding: 100px 0;
5624	padding-bottom: 0;	5624	padding-bottom: 0;
5625	}	5625	}
5626	}	5626	}
5627	.news__toper {	5627	.news__toper {
5628	display: -webkit-box;	5628	display: -webkit-box;
5629	display: -ms-flexbox;	5629	display: -ms-flexbox;
5630	display: flex;	5630	display: flex;
5631	-webkit-box-pack: justify;	5631	-webkit-box-pack: justify;
5632	-ms-flex-pack: justify;	5632	-ms-flex-pack: justify;
5633	justify-content: space-between;	5633	justify-content: space-between;
5634	-webkit-box-align: center;	5634	-webkit-box-align: center;
5635	-ms-flex-align: center;	5635	-ms-flex-align: center;
5636	align-items: center;	5636	align-items: center;
5637	}	5637	}
5638	@media (min-width: 1280px) {	5638	@media (min-width: 1280px) {
5639	.news__toper .title {	5639	.news__toper .title {
5640	width: calc(100% - 160px);	5640	width: calc(100% - 160px);
5641	}	5641	}
5642	}	5642	}
5643	.news__toper .navs {	5643	.news__toper .navs {
5644	display: none;	5644	display: none;
5645	}	5645	}
5646	@media (min-width: 1280px) {	5646	@media (min-width: 1280px) {
5647	.news__toper .navs {	5647	.news__toper .navs {
5648	display: -webkit-box;	5648	display: -webkit-box;
5649	display: -ms-flexbox;	5649	display: -ms-flexbox;
5650	display: flex;	5650	display: flex;
5651	}	5651	}
5652	}	5652	}
5653	.news .swiper {	5653	.news .swiper {
5654	margin-top: 20px;	5654	margin-top: 20px;
5655	}	5655	}
5656	@media (min-width: 768px) {	5656	@media (min-width: 768px) {
5657	.news .swiper {	5657	.news .swiper {
5658	overflow: visible;	5658	overflow: visible;
5659	}	5659	}
5660	}	5660	}
5661	@media (min-width: 992px) {	5661	@media (min-width: 992px) {
5662	.news .swiper {	5662	.news .swiper {
5663	margin-top: 40px;	5663	margin-top: 40px;
5664	}	5664	}
5665	}	5665	}
5666	.news__item {	5666	.news__item {
5667	display: -webkit-box;	5667	display: -webkit-box;
5668	display: -ms-flexbox;	5668	display: -ms-flexbox;
5669	display: flex;	5669	display: flex;
5670	-webkit-box-orient: vertical;	5670	-webkit-box-orient: vertical;
5671	-webkit-box-direction: normal;	5671	-webkit-box-direction: normal;
5672	-ms-flex-direction: column;	5672	-ms-flex-direction: column;
5673	flex-direction: column;	5673	flex-direction: column;
5674	line-height: 1.4;	5674	line-height: 1.4;
5675	}	5675	}
5676	.news__item-pic {	5676	.news__item-pic {
5677	width: 100%;	5677	width: 100%;
5678	aspect-ratio: 3/2;	5678	aspect-ratio: 3/2;
5679	border-radius: 12px;	5679	border-radius: 12px;
5680	border: 1px solid #e6e7e7;	5680	border: 1px solid #e6e7e7;
5681	-o-object-fit: cover;	5681	-o-object-fit: cover;
5682	object-fit: cover;	5682	object-fit: cover;
5683	min-height: 200px;	5683	min-height: 200px;
5684	}	5684	}
5685	@media (min-width: 1280px) {	5685	@media (min-width: 1280px) {
5686	.news__item-pic {	5686	.news__item-pic {
5687	aspect-ratio: 4/2;	5687	aspect-ratio: 4/2;
5688	}	5688	}
5689	}	5689	}
5690	.news__item-body {	5690	.news__item-body {
5691	display: -webkit-box;	5691	display: -webkit-box;
5692	display: -ms-flexbox;	5692	display: -ms-flexbox;
5693	display: flex;	5693	display: flex;
5694	-webkit-box-orient: vertical;	5694	-webkit-box-orient: vertical;
5695	-webkit-box-direction: normal;	5695	-webkit-box-direction: normal;
5696	-ms-flex-direction: column;	5696	-ms-flex-direction: column;
5697	flex-direction: column;	5697	flex-direction: column;
5698	padding-top: 15px;	5698	padding-top: 15px;
5699	}	5699	}
5700	@media (min-width: 768px) {	5700	@media (min-width: 768px) {
5701	.news__item-body {	5701	.news__item-body {
5702	padding: 20px;	5702	padding: 20px;
5703	padding-top: 30px;	5703	padding-top: 30px;
5704	margin-top: -15px;	5704	margin-top: -15px;
5705	border-radius: 0 0 12px 12px;	5705	border-radius: 0 0 12px 12px;
5706	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);	5706	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5707	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);	5707	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5708	}	5708	}
5709	}	5709	}
5710	.news__item-date {	5710	.news__item-date {
5711	font-size: 14px;	5711	font-size: 14px;
5712	font-weight: 700;	5712	font-weight: 700;
5713	color: #377d87;	5713	color: #377d87;
5714	}	5714	}
5715	.news__item-title {	5715	.news__item-title {
5716	font-size: 20px;	5716	font-size: 20px;
5717	font-weight: 700;	5717	font-weight: 700;
5718	line-height: 1.2;	5718	line-height: 1.2;
5719	margin-top: 5px;	5719	margin-top: 5px;
5720	}	5720	}
5721	.news__item-text {	5721	.news__item-text {
5722	color: #000;	5722	color: #000;
5723	font-size: 13px;	5723	font-size: 13px;
5724	margin-top: 10px;	5724	margin-top: 10px;
5725	overflow: hidden;	5725	overflow: hidden;
5726	display: -webkit-box;	5726	display: -webkit-box;
5727	-webkit-box-orient: vertical;	5727	-webkit-box-orient: vertical;
5728	-webkit-line-clamp: 4;	5728	-webkit-line-clamp: 4;
5729	}	5729	}
5730	@media (min-width: 1280px) {	5730	@media (min-width: 1280px) {
5731	.news__item-text {	5731	.news__item-text {
5732	font-size: 16px;	5732	font-size: 16px;
5733	}	5733	}
5734	}	5734	}
5735	.news__item-more {	5735	.news__item-more {
5736	height: 42px;	5736	height: 42px;
5737	margin-top: 20px;	5737	margin-top: 20px;
5738	}	5738	}
5739	@media (min-width: 1280px) {	5739	@media (min-width: 1280px) {
5740	.news__item-more {	5740	.news__item-more {
5741	height: 44px;	5741	height: 44px;
5742	max-width: 190px;	5742	max-width: 190px;
5743	}	5743	}
5744	}	5744	}
5745	.news__all {	5745	.news__all {
5746	height: 42px;	5746	height: 42px;
5747	margin: 0 auto;	5747	margin: 0 auto;
5748	margin-top: 20px;	5748	margin-top: 20px;
5749	padding: 0;	5749	padding: 0;
5750	display: none;	5750	display: none;
5751	}	5751	}
5752	@media (min-width: 768px) {	5752	@media (min-width: 768px) {
5753	.news__all {	5753	.news__all {
5754	max-width: 170px;	5754	max-width: 170px;
5755	margin-top: 30px;	5755	margin-top: 30px;
5756	display: -webkit-box;	5756	display: -webkit-box;
5757	display: -ms-flexbox;	5757	display: -ms-flexbox;
5758	display: flex;	5758	display: flex;
5759	}	5759	}
5760	}	5760	}
5761	@media (min-width: 1280px) {	5761	@media (min-width: 1280px) {
5762	.news__all {	5762	.news__all {
5763	height: 44px;	5763	height: 44px;
5764	}	5764	}
5765	}	5765	}
5766	.news__items {	5766	.news__items {
5767	display: grid;	5767	display: grid;
5768	gap: 20px;	5768	gap: 20px;
5769	margin-bottom: 10px;	5769	margin-bottom: 10px;
5770	}	5770	}
5771	@media (min-width: 768px) {	5771	@media (min-width: 768px) {
5772	.news__items {	5772	.news__items {
5773	grid-template-columns: 1fr 1fr;	5773	grid-template-columns: 1fr 1fr;
5774	}	5774	}
5775	}	5775	}
5776	@media (min-width: 992px) {	5776	@media (min-width: 992px) {
5777	.news__items {	5777	.news__items {
5778	grid-template-columns: 1fr 1fr 1fr;	5778	grid-template-columns: 1fr 1fr 1fr;
5779	}	5779	}
5780	}	5780	}
5781		5781
5782	main + .news {	5782	main + .news {
5783	padding: 0;	5783	padding: 0;
5784	}	5784	}
5785		5785
5786	.info {	5786	.info {
5787	position: relative;	5787	position: relative;
5788	overflow: hidden;	5788	overflow: hidden;
5789	}	5789	}
5790	@media (min-width: 1280px) {	5790	@media (min-width: 1280px) {
5791	.info {	5791	.info {
5792	margin-bottom: -25px;	5792	margin-bottom: -25px;
5793	}	5793	}
5794	}	5794	}
5795	.info__pic {	5795	.info__pic {
5796	display: none;	5796	display: none;
5797	z-index: 1;	5797	z-index: 1;
5798	position: absolute;	5798	position: absolute;
5799	top: 0;	5799	top: 0;
5800	left: 50%;	5800	left: 50%;
5801	height: 100%;	5801	height: 100%;
5802	margin-left: 130px;	5802	margin-left: 130px;
5803	}	5803	}
5804	@media (min-width: 992px) {	5804	@media (min-width: 992px) {
5805	.info__pic {	5805	.info__pic {
5806	display: block;	5806	display: block;
5807	}	5807	}
5808	}	5808	}
5809	@media (min-width: 1280px) {	5809	@media (min-width: 1280px) {
5810	.info__pic {	5810	.info__pic {
5811	width: 610px;	5811	width: 610px;
5812	height: auto;	5812	height: auto;
5813	margin-left: 10px;	5813	margin-left: 10px;
5814	}	5814	}
5815	}	5815	}
5816	.info__body {	5816	.info__body {
5817	z-index: 2;	5817	z-index: 2;
5818	position: relative;	5818	position: relative;
5819	display: -webkit-box;	5819	display: -webkit-box;
5820	display: -ms-flexbox;	5820	display: -ms-flexbox;
5821	display: flex;	5821	display: flex;
5822	-webkit-box-orient: vertical;	5822	-webkit-box-orient: vertical;
5823	-webkit-box-direction: normal;	5823	-webkit-box-direction: normal;
5824	-ms-flex-direction: column;	5824	-ms-flex-direction: column;
5825	flex-direction: column;	5825	flex-direction: column;
5826	}	5826	}
5827	@media (min-width: 1280px) {	5827	@media (min-width: 1280px) {
5828	.info__body {	5828	.info__body {
5829	padding-top: 100px;	5829	padding-top: 100px;
5830	min-height: 600px;	5830	min-height: 600px;
5831	}	5831	}
5832	}	5832	}
5833	@media (min-width: 1280px) {	5833	@media (min-width: 1280px) {
5834	.info__title {	5834	.info__title {
5835	max-width: 520px;	5835	max-width: 520px;
5836	line-height: 1;	5836	line-height: 1;
5837	}	5837	}
5838	}	5838	}
5839	.info__item {	5839	.info__item {
5840	margin-top: 20px;	5840	margin-top: 20px;
5841	display: -webkit-box;	5841	display: -webkit-box;
5842	display: -ms-flexbox;	5842	display: -ms-flexbox;
5843	display: flex;	5843	display: flex;
5844	-webkit-box-orient: vertical;	5844	-webkit-box-orient: vertical;
5845	-webkit-box-direction: normal;	5845	-webkit-box-direction: normal;
5846	-ms-flex-direction: column;	5846	-ms-flex-direction: column;
5847	flex-direction: column;	5847	flex-direction: column;
5848	gap: 20px;	5848	gap: 20px;
5849	}	5849	}
5850	@media (min-width: 992px) {	5850	@media (min-width: 992px) {
5851	.info__item {	5851	.info__item {
5852	max-width: 610px;	5852	max-width: 610px;
5853	}	5853	}
5854	}	5854	}
5855	.info__item + .info__item {	5855	.info__item + .info__item {
5856	margin-top: 60px;	5856	margin-top: 60px;
5857	}	5857	}
5858	.info__text {	5858	.info__text {
5859	color: #000;	5859	color: #000;
5860	font-size: 13px;	5860	font-size: 13px;
5861	line-height: 1.4;	5861	line-height: 1.4;
5862	}	5862	}
5863	@media (min-width: 768px) {	5863	@media (min-width: 768px) {
5864	.info__text {	5864	.info__text {
5865	font-size: 16px;	5865	font-size: 16px;
5866	}	5866	}
5867	}	5867	}
5868	@media (min-width: 1280px) {	5868	@media (min-width: 1280px) {
5869	.info__text {	5869	.info__text {
5870	font-size: 18px;	5870	font-size: 18px;
5871	}	5871	}
5872	}	5872	}
5873	.info__link {	5873	.info__link {
5874	border-radius: 8px;	5874	border-radius: 8px;
5875	display: -webkit-box;	5875	display: -webkit-box;
5876	display: -ms-flexbox;	5876	display: -ms-flexbox;
5877	display: flex;	5877	display: flex;
5878	-webkit-box-pack: center;	5878	-webkit-box-pack: center;
5879	-ms-flex-pack: center;	5879	-ms-flex-pack: center;
5880	justify-content: center;	5880	justify-content: center;
5881	-webkit-box-align: center;	5881	-webkit-box-align: center;
5882	-ms-flex-align: center;	5882	-ms-flex-align: center;
5883	align-items: center;	5883	align-items: center;
5884	line-height: 1;	5884	line-height: 1;
5885	height: 40px;	5885	height: 40px;
5886	font-size: 12px;	5886	font-size: 12px;
5887	font-weight: 700;	5887	font-weight: 700;
5888	gap: 8px;	5888	gap: 8px;
5889	color: #fff;	5889	color: #fff;
5890	background: #377d87;	5890	background: #377d87;
5891	}	5891	}
5892	.info__link:hover {	5892	.info__link:hover {
5893	-webkit-filter: grayscale(50%);	5893	-webkit-filter: grayscale(50%);
5894	filter: grayscale(50%);	5894	filter: grayscale(50%);
5895	}	5895	}
5896	@media (min-width: 768px) {	5896	@media (min-width: 768px) {
5897	.info__link {	5897	.info__link {
5898	height: 44px;	5898	height: 44px;
5899	font-size: 16px;	5899	font-size: 16px;
5900	gap: 10px;	5900	gap: 10px;
5901	max-width: 300px;	5901	max-width: 300px;
5902	}	5902	}
5903	}	5903	}
5904	@media (min-width: 992px) {	5904	@media (min-width: 992px) {
5905	.info__link {	5905	.info__link {
5906	max-width: 210px;	5906	max-width: 210px;
5907	}	5907	}
5908	}	5908	}
5909	.info__link svg {	5909	.info__link svg {
5910	width: 16px;	5910	width: 16px;
5911	height: 16px;	5911	height: 16px;
5912	}	5912	}
5913	@media (min-width: 768px) {	5913	@media (min-width: 768px) {
5914	.info__link svg {	5914	.info__link svg {
5915	width: 20px;	5915	width: 20px;
5916	height: 20px;	5916	height: 20px;
5917	}	5917	}
5918	}	5918	}
5919		5919
5920	.thing {	5920	.thing {
5921	padding-top: 15px;	5921	padding-top: 15px;
5922	padding-bottom: 30px;	5922	padding-bottom: 30px;
5923	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	5923	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5924	color: #000;	5924	color: #000;
5925	overflow: hidden;	5925	overflow: hidden;
5926	position: relative;	5926	position: relative;
5927	}	5927	}
5928	@media (min-width: 992px) {	5928	@media (min-width: 992px) {
5929	.thing {	5929	.thing {
5930	padding-top: 20px;	5930	padding-top: 20px;
5931	padding-bottom: 60px;	5931	padding-bottom: 60px;
5932	}	5932	}
5933	}	5933	}
5934	@media (min-width: 1280px) {	5934	@media (min-width: 1280px) {
5935	.thing {	5935	.thing {
5936	padding-bottom: 90px;	5936	padding-bottom: 90px;
5937	}	5937	}
5938	}	5938	}
5939	.thing_pdf {	5939	.thing_pdf {
5940	padding: 30px 0;	5940	padding: 30px 0;
5941	}	5941	}
5942	@media (min-width: 992px) {	5942	@media (min-width: 992px) {
5943	.thing_pdf {	5943	.thing_pdf {
5944	padding: 60px 0;	5944	padding: 60px 0;
5945	}	5945	}
5946	}	5946	}
5947	@media (min-width: 1280px) {	5947	@media (min-width: 1280px) {
5948	.thing_pdf {	5948	.thing_pdf {
5949	padding: 90px 0;	5949	padding: 90px 0;
5950	}	5950	}
5951	}	5951	}
5952	.thing__body {	5952	.thing__body {
5953	display: -webkit-box;	5953	display: -webkit-box;
5954	display: -ms-flexbox;	5954	display: -ms-flexbox;
5955	display: flex;	5955	display: flex;
5956	-webkit-box-orient: vertical;	5956	-webkit-box-orient: vertical;
5957	-webkit-box-direction: normal;	5957	-webkit-box-direction: normal;
5958	-ms-flex-direction: column;	5958	-ms-flex-direction: column;
5959	flex-direction: column;	5959	flex-direction: column;
5960	-webkit-box-align: start;	5960	-webkit-box-align: start;
5961	-ms-flex-align: start;	5961	-ms-flex-align: start;
5962	align-items: flex-start;	5962	align-items: flex-start;
5963	}	5963	}
5964	.thing__breadcrumbs {	5964	.thing__breadcrumbs {
5965	width: 100%;	5965	width: 100%;
5966	margin-bottom: 40px;	5966	margin-bottom: 40px;
5967	position: relative;	5967	position: relative;
5968	z-index: 2;	5968	z-index: 2;
5969	}	5969	}
5970	@media (min-width: 768px) {	5970	@media (min-width: 768px) {
5971	.thing__breadcrumbs {	5971	.thing__breadcrumbs {
5972	margin-bottom: 60px;	5972	margin-bottom: 60px;
5973	}	5973	}
5974	}	5974	}
5975	.thing__date {	5975	.thing__date {
5976	color: #000;	5976	color: #000;
5977	font-size: 14px;	5977	font-size: 14px;
5978	font-weight: 700;	5978	font-weight: 700;
5979	line-height: 21px;	5979	line-height: 21px;
5980	margin-bottom: 10px;	5980	margin-bottom: 10px;
5981	}	5981	}
5982	@media (min-width: 768px) {	5982	@media (min-width: 768px) {
5983	.thing__date {	5983	.thing__date {
5984	font-size: 18px;	5984	font-size: 18px;
5985	line-height: 27px;	5985	line-height: 27px;
5986	}	5986	}
5987	}	5987	}
5988	.thing__title {	5988	.thing__title {
5989	width: 100%;	5989	width: 100%;
5990	font-size: 32px;	5990	font-size: 32px;
5991	font-weight: 700;	5991	font-weight: 700;
5992	margin: 0;	5992	margin: 0;
5993	max-width: 780px;	5993	max-width: 780px;
5994	position: relative;	5994	position: relative;
5995	z-index: 2;	5995	z-index: 2;
5996	line-height: 1.1;	5996	line-height: 1.1;
5997	}	5997	}
5998	@media (min-width: 768px) {	5998	@media (min-width: 768px) {
5999	.thing__title {	5999	.thing__title {
6000	font-size: 40px;	6000	font-size: 40px;
6001	}	6001	}
6002	}	6002	}
6003	@media (min-width: 1280px) {	6003	@media (min-width: 1280px) {
6004	.thing__title {	6004	.thing__title {
6005	font-size: 64px;	6005	font-size: 64px;
6006	}	6006	}
6007	}	6007	}
6008	.thing__text {	6008	.thing__text {
6009	width: 100%;	6009	width: 100%;
6010	font-weight: 700;	6010	font-weight: 700;
6011	font-size: 14px;	6011	font-size: 14px;
6012	line-height: 1.4;	6012	line-height: 1.4;
6013	margin: 15px 0 0 0;	6013	margin: 15px 0 0 0;
6014	max-width: 780px;	6014	max-width: 780px;
6015	position: relative;	6015	position: relative;
6016	z-index: 2;	6016	z-index: 2;
6017	}	6017	}
6018	@media (min-width: 768px) {	6018	@media (min-width: 768px) {
6019	.thing__text {	6019	.thing__text {
6020	margin-top: 15px;	6020	margin-top: 15px;
6021	}	6021	}
6022	}	6022	}
6023	@media (min-width: 992px) {	6023	@media (min-width: 992px) {
6024	.thing__text {	6024	.thing__text {
6025	font-weight: 400;	6025	font-weight: 400;
6026	font-size: 18px;	6026	font-size: 18px;
6027	}	6027	}
6028	}	6028	}
6029	.thing__search {	6029	.thing__search {
6030	width: 100%;	6030	width: 100%;
6031	max-width: 640px;	6031	max-width: 640px;
6032	margin-top: 20px;	6032	margin-top: 20px;
6033	position: relative;	6033	position: relative;
6034	z-index: 2;	6034	z-index: 2;
6035	}	6035	}
6036	@media (min-width: 768px) {	6036	@media (min-width: 768px) {
6037	.thing__search {	6037	.thing__search {
6038	margin-top: 30px;	6038	margin-top: 30px;
6039	}	6039	}
6040	}	6040	}
6041	.thing__badge {	6041	.thing__badge {
6042	position: relative;	6042	position: relative;
6043	z-index: 2;	6043	z-index: 2;
6044	display: -webkit-box;	6044	display: -webkit-box;
6045	display: -ms-flexbox;	6045	display: -ms-flexbox;
6046	display: flex;	6046	display: flex;
6047	-webkit-box-align: center;	6047	-webkit-box-align: center;
6048	-ms-flex-align: center;	6048	-ms-flex-align: center;
6049	align-items: center;	6049	align-items: center;
6050	gap: 5px;	6050	gap: 5px;
6051	padding: 0 12px;	6051	padding: 0 12px;
6052	background: #4d88d9;	6052	background: #4d88d9;
6053	color: #fff;	6053	color: #fff;
6054	font-size: 12px;	6054	font-size: 12px;
6055	line-height: 1;	6055	line-height: 1;
6056	height: 26px;	6056	height: 26px;
6057	border-radius: 999px;	6057	border-radius: 999px;
6058	margin-bottom: 20px;	6058	margin-bottom: 20px;
6059	}	6059	}
6060	@media (min-width: 992px) {	6060	@media (min-width: 992px) {
6061	.thing__badge {	6061	.thing__badge {
6062	font-size: 16px;	6062	font-size: 16px;
6063	gap: 10px;	6063	gap: 10px;
6064	padding: 0 24px;	6064	padding: 0 24px;
6065	height: 42px;	6065	height: 42px;
6066	margin-bottom: 30px;	6066	margin-bottom: 30px;
6067	}	6067	}
6068	}	6068	}
6069	.thing__badge svg {	6069	.thing__badge svg {
6070	width: 12px;	6070	width: 12px;
6071	height: 12px;	6071	height: 12px;
6072	}	6072	}
6073	@media (min-width: 992px) {	6073	@media (min-width: 992px) {
6074	.thing__badge svg {	6074	.thing__badge svg {
6075	width: 20px;	6075	width: 20px;
6076	height: 20px;	6076	height: 20px;
6077	}	6077	}
6078	}	6078	}
6079	.thing__pic {	6079	.thing__pic {
6080	width: 60px;	6080	width: 60px;
6081	aspect-ratio: 1/1;	6081	aspect-ratio: 1/1;
6082	-o-object-fit: contain;	6082	-o-object-fit: contain;
6083	object-fit: contain;	6083	object-fit: contain;
6084	position: relative;	6084	position: relative;
6085	z-index: 1;	6085	z-index: 1;
6086	margin-bottom: 15px;	6086	margin-bottom: 15px;
6087	}	6087	}
6088	@media (min-width: 768px) {	6088	@media (min-width: 768px) {
6089	.thing__pic {	6089	.thing__pic {
6090	width: 160px;	6090	width: 160px;
6091	position: absolute;	6091	position: absolute;
6092	top: 15px;	6092	top: 15px;
6093	right: 20px;	6093	right: 20px;
6094	}	6094	}
6095	}	6095	}
6096	@media (min-width: 992px) {	6096	@media (min-width: 992px) {
6097	.thing__pic {	6097	.thing__pic {
6098	width: 330px;	6098	width: 330px;
6099	top: 50%;	6099	top: 50%;
6100	-webkit-transform: translate(0, -50%);	6100	-webkit-transform: translate(0, -50%);
6101	-ms-transform: translate(0, -50%);	6101	-ms-transform: translate(0, -50%);
6102	transform: translate(0, -50%);	6102	transform: translate(0, -50%);
6103	}	6103	}
6104	}	6104	}
6105	@media (min-width: 1280px) {	6105	@media (min-width: 1280px) {
6106	.thing__pic {	6106	.thing__pic {
6107	right: auto;	6107	right: auto;
6108	left: 50%;	6108	left: 50%;
6109	margin-left: 200px;	6109	margin-left: 200px;
6110	}	6110	}
6111	}	6111	}
6112	.thing__pic_two {	6112	.thing__pic_two {
6113	-o-object-fit: cover;	6113	-o-object-fit: cover;
6114	object-fit: cover;	6114	object-fit: cover;
6115	border-radius: 30px;	6115	border-radius: 30px;
6116	aspect-ratio: 44/37;	6116	aspect-ratio: 44/37;
6117	width: 100%;	6117	width: 100%;
6118	max-width: 440px;	6118	max-width: 440px;
6119	}	6119	}
6120	@media (min-width: 768px) {	6120	@media (min-width: 768px) {
6121	.thing__pic_two {	6121	.thing__pic_two {
6122	position: static;	6122	position: static;
6123	-webkit-transform: translate(0, 0);	6123	-webkit-transform: translate(0, 0);
6124	-ms-transform: translate(0, 0);	6124	-ms-transform: translate(0, 0);
6125	transform: translate(0, 0);	6125	transform: translate(0, 0);
6126	}	6126	}
6127	}	6127	}
6128	@media (min-width: 1280px) {	6128	@media (min-width: 1280px) {
6129	.thing__pic_two {	6129	.thing__pic_two {
6130	position: absolute;	6130	position: absolute;
6131	-webkit-transform: translate(0, -50%);	6131	-webkit-transform: translate(0, -50%);
6132	-ms-transform: translate(0, -50%);	6132	-ms-transform: translate(0, -50%);
6133	transform: translate(0, -50%);	6133	transform: translate(0, -50%);
6134	}	6134	}
6135	}	6135	}
6136	.thing__buttons {	6136	.thing__buttons {
6137	width: 100%;	6137	width: 100%;
6138	position: relative;	6138	position: relative;
6139	z-index: 2;	6139	z-index: 2;
6140	display: -webkit-box;	6140	display: -webkit-box;
6141	display: -ms-flexbox;	6141	display: -ms-flexbox;
6142	display: flex;	6142	display: flex;
6143	-webkit-box-align: center;	6143	-webkit-box-align: center;
6144	-ms-flex-align: center;	6144	-ms-flex-align: center;
6145	align-items: center;	6145	align-items: center;
6146	gap: 20px;	6146	gap: 20px;
6147	margin-top: 15px;	6147	margin-top: 15px;
6148	}	6148	}
6149	@media (min-width: 992px) {	6149	@media (min-width: 992px) {
6150	.thing__buttons {	6150	.thing__buttons {
6151	margin-top: 30px;	6151	margin-top: 30px;
6152	gap: 30px;	6152	gap: 30px;
6153	}	6153	}
6154	}	6154	}
6155	@media (min-width: 992px) {	6155	@media (min-width: 992px) {
6156	.thing__buttons .button {	6156	.thing__buttons .button {
6157	padding: 0 22px;	6157	padding: 0 22px;
6158	}	6158	}
6159	}	6159	}
6160	.thing__checkbox {	6160	.thing__checkbox {
6161	margin-top: 20px;	6161	margin-top: 20px;
6162	}	6162	}
6163	.thing__checkbox .checkbox__icon {	6163	.thing__checkbox .checkbox__icon {
6164	border-color: #377d87;	6164	border-color: #377d87;
6165	}	6165	}
6166	.thing__checkbox .checkbox__text {	6166	.thing__checkbox .checkbox__text {
6167	color: #377d87;	6167	color: #377d87;
6168	}	6168	}
6169	.thing__profile {	6169	.thing__profile {
6170	display: -webkit-box;	6170	display: -webkit-box;
6171	display: -ms-flexbox;	6171	display: -ms-flexbox;
6172	display: flex;	6172	display: flex;
6173	-webkit-box-orient: vertical;	6173	-webkit-box-orient: vertical;
6174	-webkit-box-direction: normal;	6174	-webkit-box-direction: normal;
6175	-ms-flex-direction: column;	6175	-ms-flex-direction: column;
6176	flex-direction: column;	6176	flex-direction: column;
6177	}	6177	}
6178	@media (min-width: 768px) {	6178	@media (min-width: 768px) {
6179	.thing__profile {	6179	.thing__profile {
6180	-webkit-box-orient: horizontal;	6180	-webkit-box-orient: horizontal;
6181	-webkit-box-direction: normal;	6181	-webkit-box-direction: normal;
6182	-ms-flex-direction: row;	6182	-ms-flex-direction: row;
6183	flex-direction: row;	6183	flex-direction: row;
6184	-webkit-box-align: start;	6184	-webkit-box-align: start;
6185	-ms-flex-align: start;	6185	-ms-flex-align: start;
6186	align-items: flex-start;	6186	align-items: flex-start;
6187	}	6187	}
6188	}	6188	}
6189	.thing__profile-photo {	6189	.thing__profile-photo {
6190	width: 210px;	6190	width: 210px;
6191	border-radius: 8px;	6191	border-radius: 8px;
6192	aspect-ratio: 1/1;	6192	aspect-ratio: 1/1;
6193	}	6193	}
6194	.thing__profile-body {	6194	.thing__profile-body {
6195	display: -webkit-box;	6195	display: -webkit-box;
6196	display: -ms-flexbox;	6196	display: -ms-flexbox;
6197	display: flex;	6197	display: flex;
6198	-webkit-box-orient: vertical;	6198	-webkit-box-orient: vertical;
6199	-webkit-box-direction: normal;	6199	-webkit-box-direction: normal;
6200	-ms-flex-direction: column;	6200	-ms-flex-direction: column;
6201	flex-direction: column;	6201	flex-direction: column;
6202	margin-top: 15px;	6202	margin-top: 15px;
6203	}	6203	}
6204	@media (min-width: 768px) {	6204	@media (min-width: 768px) {
6205	.thing__profile-body {	6205	.thing__profile-body {
6206	width: calc(100% - 210px);	6206	width: calc(100% - 210px);
6207	padding-left: 35px;	6207	padding-left: 35px;
6208	}	6208	}
6209	}	6209	}
6210	.thing__profile .thing__title {	6210	.thing__profile .thing__title {
6211	max-width: none;	6211	max-width: none;
6212	}	6212	}
6213	@media (min-width: 768px) {	6213	@media (min-width: 768px) {
6214	.thing__profile .thing__title {	6214	.thing__profile .thing__title {
6215	margin-top: -20px;	6215	margin-top: -20px;
6216	}	6216	}
6217	}	6217	}
6218	.thing__profile .thing__text {	6218	.thing__profile .thing__text {
6219	max-width: none;	6219	max-width: none;
6220	}	6220	}
6221	.thing__bottom {	6221	.thing__bottom {
6222	display: -webkit-box;	6222	display: -webkit-box;
6223	display: -ms-flexbox;	6223	display: -ms-flexbox;
6224	display: flex;	6224	display: flex;
6225	-webkit-box-align: center;	6225	-webkit-box-align: center;
6226	-ms-flex-align: center;	6226	-ms-flex-align: center;
6227	align-items: center;	6227	align-items: center;
6228	gap: 15px;	6228	gap: 15px;
6229	margin-top: 15px;	6229	margin-top: 15px;
6230	}	6230	}
6231	@media (min-width: 768px) {	6231	@media (min-width: 768px) {
6232	.thing__bottom {	6232	.thing__bottom {
6233	margin-top: 30px;	6233	margin-top: 30px;
6234	}	6234	}
6235	}	6235	}
6236	.thing__select {	6236	.thing__select {
6237	width: 100%;	6237	width: 100%;
6238	max-width: 640px;	6238	max-width: 640px;
6239	margin-top: 20px;	6239	margin-top: 20px;
6240	}	6240	}
6241	@media (min-width: 768px) {	6241	@media (min-width: 768px) {
6242	.thing__select {	6242	.thing__select {
6243	margin-top: 30px;	6243	margin-top: 30px;
6244	}	6244	}
6245	}	6245	}
6246		6246
6247	.page-404 {	6247	.page-404 {
6248	background: url(../images/bg-3.svg) no-repeat 100%/cover;	6248	background: url(../images/bg-3.svg) no-repeat 100%/cover;
6249	overflow: hidden;	6249	overflow: hidden;
6250	}	6250	}
6251	.page-404__body {	6251	.page-404__body {
6252	display: -webkit-box;	6252	display: -webkit-box;
6253	display: -ms-flexbox;	6253	display: -ms-flexbox;
6254	display: flex;	6254	display: flex;
6255	-webkit-box-orient: vertical;	6255	-webkit-box-orient: vertical;
6256	-webkit-box-direction: normal;	6256	-webkit-box-direction: normal;
6257	-ms-flex-direction: column;	6257	-ms-flex-direction: column;
6258	flex-direction: column;	6258	flex-direction: column;
6259	-webkit-box-align: center;	6259	-webkit-box-align: center;
6260	-ms-flex-align: center;	6260	-ms-flex-align: center;
6261	align-items: center;	6261	align-items: center;
6262	-webkit-box-pack: center;	6262	-webkit-box-pack: center;
6263	-ms-flex-pack: center;	6263	-ms-flex-pack: center;
6264	justify-content: center;	6264	justify-content: center;
6265	text-align: center;	6265	text-align: center;
6266	padding: 60px 0;	6266	padding: 60px 0;
6267	color: #000;	6267	color: #000;
6268	font-size: 12px;	6268	font-size: 12px;
6269	gap: 10px;	6269	gap: 10px;
6270	line-height: 1.4;	6270	line-height: 1.4;
6271	}	6271	}
6272	@media (min-width: 768px) {	6272	@media (min-width: 768px) {
6273	.page-404__body {	6273	.page-404__body {
6274	font-size: 18px;	6274	font-size: 18px;
6275	padding: 120px 0;	6275	padding: 120px 0;
6276	gap: 20px;	6276	gap: 20px;
6277	}	6277	}
6278	}	6278	}
6279	@media (min-width: 1280px) {	6279	@media (min-width: 1280px) {
6280	.page-404__body {	6280	.page-404__body {
6281	padding: 180px 0;	6281	padding: 180px 0;
6282	text-align: left;	6282	text-align: left;
6283	}	6283	}
6284	}	6284	}
6285	.page-404__numb {	6285	.page-404__numb {
6286	font-size: 114px;	6286	font-size: 114px;
6287	line-height: 1;	6287	line-height: 1;
6288	color: #377d87;	6288	color: #377d87;
6289	font-weight: 700;	6289	font-weight: 700;
6290	}	6290	}
6291	@media (min-width: 768px) {	6291	@media (min-width: 768px) {
6292	.page-404__numb {	6292	.page-404__numb {
6293	font-size: 184px;	6293	font-size: 184px;
6294	}	6294	}
6295	}	6295	}
6296	@media (min-width: 768px) {	6296	@media (min-width: 768px) {
6297	.page-404__title {	6297	.page-404__title {
6298	font-weight: 700;	6298	font-weight: 700;
6299	font-size: 44px;	6299	font-size: 44px;
6300	}	6300	}
6301	}	6301	}
6302	@media (min-width: 1280px) {	6302	@media (min-width: 1280px) {
6303	.page-404__title {	6303	.page-404__title {
6304	width: 710px;	6304	width: 710px;
6305	position: relative;	6305	position: relative;
6306	left: 200px;	6306	left: 200px;
6307	}	6307	}
6308	}	6308	}
6309	@media (min-width: 1280px) {	6309	@media (min-width: 1280px) {
6310	.page-404__subtitle {	6310	.page-404__subtitle {
6311	width: 710px;	6311	width: 710px;
6312	position: relative;	6312	position: relative;
6313	left: 200px;	6313	left: 200px;
6314	}	6314	}
6315	}	6315	}
6316	.page-404__button {	6316	.page-404__button {
6317	margin-top: 10px;	6317	margin-top: 10px;
6318	}	6318	}
6319	@media (min-width: 1280px) {	6319	@media (min-width: 1280px) {
6320	.page-404__button {	6320	.page-404__button {
6321	position: relative;	6321	position: relative;
6322	left: -45px;	6322	left: -45px;
6323	}	6323	}
6324	}	6324	}
6325		6325
6326	.cookies {	6326	.cookies {
6327	display: none;	6327	display: none;
6328	-webkit-box-align: end;	6328	-webkit-box-align: end;
6329	-ms-flex-align: end;	6329	-ms-flex-align: end;
6330	align-items: flex-end;	6330	align-items: flex-end;
6331	padding: 10px;	6331	padding: 10px;
6332	padding-top: 0;	6332	padding-top: 0;
6333	height: 0;	6333	height: 0;
6334	position: fixed;	6334	position: fixed;
6335	z-index: 999;	6335	z-index: 999;
6336	bottom: 0;	6336	bottom: 0;
6337	left: 0;	6337	left: 0;
6338	width: 100%;	6338	width: 100%;
6339	}	6339	}
6340	.cookies-is-actived .cookies {	6340	.cookies-is-actived .cookies {
6341	display: -webkit-box;	6341	display: -webkit-box;
6342	display: -ms-flexbox;	6342	display: -ms-flexbox;
6343	display: flex;	6343	display: flex;
6344	}	6344	}
6345	.cookies__body {	6345	.cookies__body {
6346	border-radius: 6px;	6346	border-radius: 6px;
6347	border: 1px solid #377d87;	6347	border: 1px solid #377d87;
6348	background: #fff;	6348	background: #fff;
6349	padding: 15px;	6349	padding: 15px;
6350	padding-right: 50px;	6350	padding-right: 50px;
6351	position: relative;	6351	position: relative;
6352	max-width: 940px;	6352	max-width: 940px;
6353	margin: 0 auto;	6353	margin: 0 auto;
6354	}	6354	}
6355	@media (min-width: 768px) {	6355	@media (min-width: 768px) {
6356	.cookies__body {	6356	.cookies__body {
6357	padding: 25px;	6357	padding: 25px;
6358	padding-right: 50px;	6358	padding-right: 50px;
6359	border-radius: 12px;	6359	border-radius: 12px;
6360	}	6360	}
6361	}	6361	}
6362	@media (min-width: 992px) {	6362	@media (min-width: 992px) {
6363	.cookies__body {	6363	.cookies__body {
6364	padding: 40px 60px;	6364	padding: 40px 60px;
6365	}	6365	}
6366	}	6366	}
6367	.cookies__close {	6367	.cookies__close {
6368	display: -webkit-box;	6368	display: -webkit-box;
6369	display: -ms-flexbox;	6369	display: -ms-flexbox;
6370	display: flex;	6370	display: flex;
6371	-webkit-box-pack: center;	6371	-webkit-box-pack: center;
6372	-ms-flex-pack: center;	6372	-ms-flex-pack: center;
6373	justify-content: center;	6373	justify-content: center;
6374	-webkit-box-align: center;	6374	-webkit-box-align: center;
6375	-ms-flex-align: center;	6375	-ms-flex-align: center;
6376	align-items: center;	6376	align-items: center;
6377	color: #377d87;	6377	color: #377d87;
6378	padding: 0;	6378	padding: 0;
6379	border: none;	6379	border: none;
6380	background: none;	6380	background: none;
6381	position: absolute;	6381	position: absolute;
6382	top: 15px;	6382	top: 15px;
6383	right: 15px;	6383	right: 15px;
6384	}	6384	}
6385	.cookies__close:hover {	6385	.cookies__close:hover {
6386	color: #000;	6386	color: #000;
6387	}	6387	}
6388	.cookies__close svg {	6388	.cookies__close svg {
6389	width: 16px;	6389	width: 16px;
6390	height: 16px;	6390	height: 16px;
6391	}	6391	}
6392	.cookies__text {	6392	.cookies__text {
6393	font-size: 12px;	6393	font-size: 12px;
6394	color: #377d87;	6394	color: #377d87;
6395	line-height: 1.4;	6395	line-height: 1.4;
6396	}	6396	}
6397	@media (min-width: 768px) {	6397	@media (min-width: 768px) {
6398	.cookies__text {	6398	.cookies__text {
6399	font-size: 16px;	6399	font-size: 16px;
6400	font-weight: 700;	6400	font-weight: 700;
6401	}	6401	}
6402	}	6402	}
6403		6403
6404	.fancybox-active {	6404	.fancybox-active {
6405	overflow: hidden;	6405	overflow: hidden;
6406	}	6406	}
6407	.fancybox-is-open .fancybox-bg {	6407	.fancybox-is-open .fancybox-bg {
6408	background: #080b0b;	6408	background: #080b0b;
6409	opacity: 0.6;	6409	opacity: 0.6;
6410	z-index: 9999;	6410	z-index: 9999;
6411	}	6411	}
6412	.fancybox-slide {	6412	.fancybox-slide {
6413	padding: 0;	6413	padding: 0;
6414	}	6414	}
6415	@media (min-width: 992px) {	6415	@media (min-width: 992px) {
6416	.fancybox-slide {	6416	.fancybox-slide {
6417	padding: 30px;	6417	padding: 30px;
6418	}	6418	}
6419	}	6419	}
6420	.fancybox-slide--html .fancybox-close-small {	6420	.fancybox-slide--html .fancybox-close-small {
6421	padding: 0;	6421	padding: 0;
6422	opacity: 1;	6422	opacity: 1;
6423	color: #377d87;	6423	color: #377d87;
6424	}	6424	}
6425	@media (min-width: 768px) {	6425	@media (min-width: 768px) {
6426	.fancybox-slide--html .fancybox-close-small {	6426	.fancybox-slide--html .fancybox-close-small {
6427	top: 10px;	6427	top: 10px;
6428	right: 10px;	6428	right: 10px;
6429	}	6429	}
6430	}	6430	}
6431	.fancybox-slide--html .fancybox-close-small:hover {	6431	.fancybox-slide--html .fancybox-close-small:hover {
6432	color: #000;	6432	color: #000;
6433	}	6433	}
6434		6434
6435	.modal {	6435	.modal {
6436	width: 100%;	6436	width: 100%;
6437	max-width: 820px;	6437	max-width: 820px;
6438	padding: 0;	6438	padding: 0;
6439	background: #fff;	6439	background: #fff;
6440	z-index: 99999;	6440	z-index: 99999;
6441	}	6441	}
6442	@media (min-width: 992px) {	6442	@media (min-width: 992px) {
6443	.modal {	6443	.modal {
6444	border-radius: 10px;	6444	border-radius: 10px;
6445	border: 1px solid #377d87;	6445	border: 1px solid #377d87;
6446	}	6446	}
6447	}	6447	}
6448	.modal_bg {	6448	.modal_bg {
6449	background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;	6449	background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6450	}	6450	}
6451	@media (min-width: 768px) {	6451	@media (min-width: 768px) {
6452	.modal_bg {	6452	.modal_bg {
6453	background-position: 100% 100%;	6453	background-position: 100% 100%;
6454	}	6454	}
6455	}	6455	}
6456	.modal__body {	6456	.modal__body {
6457	padding: 40px 15px;	6457	padding: 40px 15px;
6458	padding-bottom: 30px;	6458	padding-bottom: 30px;
6459	display: -webkit-box;	6459	display: -webkit-box;
6460	display: -ms-flexbox;	6460	display: -ms-flexbox;
6461	display: flex;	6461	display: flex;
6462	-webkit-box-orient: vertical;	6462	-webkit-box-orient: vertical;
6463	-webkit-box-direction: normal;	6463	-webkit-box-direction: normal;
6464	-ms-flex-direction: column;	6464	-ms-flex-direction: column;
6465	flex-direction: column;	6465	flex-direction: column;
6466	-webkit-box-align: center;	6466	-webkit-box-align: center;
6467	-ms-flex-align: center;	6467	-ms-flex-align: center;
6468	align-items: center;	6468	align-items: center;
6469	-webkit-box-pack: center;	6469	-webkit-box-pack: center;
6470	-ms-flex-pack: center;	6470	-ms-flex-pack: center;
6471	justify-content: center;	6471	justify-content: center;
6472	width: 100%;	6472	width: 100%;
6473	min-height: 100vh;	6473	min-height: 100vh;
6474	overflow: hidden;	6474	overflow: hidden;
6475	font-size: 12px;	6475	font-size: 12px;
6476	}	6476	}
6477	@media (min-width: 768px) {	6477	@media (min-width: 768px) {
6478	.modal__body {	6478	.modal__body {
6479	font-size: 16px;	6479	font-size: 16px;
6480	padding-left: 22px;	6480	padding-left: 22px;
6481	padding-right: 22px;	6481	padding-right: 22px;
6482	}	6482	}
6483	}	6483	}
6484	@media (min-width: 992px) {	6484	@media (min-width: 992px) {
6485	.modal__body {	6485	.modal__body {
6486	min-height: 450px;	6486	min-height: 450px;
6487	padding: 60px 80px;	6487	padding: 60px 80px;
6488	padding-bottom: 40px;	6488	padding-bottom: 40px;
6489	}	6489	}
6490	}	6490	}
6491	@media (min-width: 768px) {	6491	@media (min-width: 768px) {
6492	.modal__body .left {	6492	.modal__body .left {
6493	text-align: left;	6493	text-align: left;
6494	}	6494	}
6495	}	6495	}
6496	.modal__title {	6496	.modal__title {
6497	width: 100%;	6497	width: 100%;
6498	font-size: 22px;	6498	font-size: 22px;
6499	font-weight: 700;	6499	font-weight: 700;
6500	text-align: center;	6500	text-align: center;
6501	color: #000;	6501	color: #000;
6502	}	6502	}
6503	@media (min-width: 768px) {	6503	@media (min-width: 768px) {
6504	.modal__title {	6504	.modal__title {
6505	font-size: 32px;	6505	font-size: 32px;
6506	}	6506	}
6507	}	6507	}
6508	@media (min-width: 992px) {	6508	@media (min-width: 992px) {
6509	.modal__title {	6509	.modal__title {
6510	font-size: 44px;	6510	font-size: 44px;
6511	}	6511	}
6512	}	6512	}
6513	.modal__text {	6513	.modal__text {
6514	width: 100%;	6514	width: 100%;
6515	text-align: center;	6515	text-align: center;
6516	margin-top: 10px;	6516	margin-top: 10px;
6517	color: #000;	6517	color: #000;
6518	}	6518	}
6519	@media (min-width: 768px) {	6519	@media (min-width: 768px) {
6520	.modal__text {	6520	.modal__text {
6521	margin-top: 20px;	6521	margin-top: 20px;
6522	}	6522	}
6523	}	6523	}
6524	.modal__text span {	6524	.modal__text span {
6525	color: #9c9d9d;	6525	color: #9c9d9d;
6526	}	6526	}
6527	.modal__text a {	6527	.modal__text a {
6528	font-weight: 700;	6528	font-weight: 700;
6529	color: #377d87;	6529	color: #377d87;
6530	}	6530	}
6531	.modal__text a:hover {	6531	.modal__text a:hover {
6532	color: #000;	6532	color: #000;
6533	}	6533	}
6534	.modal__button {	6534	.modal__button {
6535	margin-top: 20px;	6535	margin-top: 20px;
6536	}	6536	}
6537	@media (min-width: 768px) {	6537	@media (min-width: 768px) {
6538	.modal__button {	6538	.modal__button {
6539	min-width: 200px;	6539	min-width: 200px;
6540	margin-top: 30px;	6540	margin-top: 30px;
6541	}	6541	}
6542	}	6542	}
6543	.modal__buttons {	6543	.modal__buttons {
6544	display: grid;	6544	display: grid;
6545	grid-template-columns: repeat(2, 1fr);	6545	grid-template-columns: repeat(2, 1fr);
6546	gap: 20px;	6546	gap: 20px;
6547	margin-top: 20px;	6547	margin-top: 20px;
6548	}	6548	}
6549	@media (min-width: 768px) {	6549	@media (min-width: 768px) {
6550	.modal__buttons {	6550	.modal__buttons {
6551	gap: 30px;	6551	gap: 30px;
6552	margin-top: 30px;	6552	margin-top: 30px;
6553	}	6553	}
6554	}	6554	}
6555	.modal__form {	6555	.modal__form {
6556	width: 100%;	6556	width: 100%;
6557	display: -webkit-box;	6557	display: -webkit-box;
6558	display: -ms-flexbox;	6558	display: -ms-flexbox;
6559	display: flex;	6559	display: flex;
6560	-webkit-box-orient: vertical;	6560	-webkit-box-orient: vertical;
6561	-webkit-box-direction: normal;	6561	-webkit-box-direction: normal;
6562	-ms-flex-direction: column;	6562	-ms-flex-direction: column;
6563	flex-direction: column;	6563	flex-direction: column;
6564	gap: 16px;	6564	gap: 16px;
6565	margin-top: 10px;	6565	margin-top: 10px;
6566	}	6566	}
6567	@media (min-width: 768px) {	6567	@media (min-width: 768px) {
6568	.modal__form {	6568	.modal__form {
6569	margin-top: 20px;	6569	margin-top: 20px;
6570	}	6570	}
6571	}	6571	}
6572	.modal__form-item {	6572	.modal__form-item {
6573	display: -webkit-box;	6573	display: -webkit-box;
6574	display: -ms-flexbox;	6574	display: -ms-flexbox;
6575	display: flex;	6575	display: flex;
6576	-webkit-box-orient: vertical;	6576	-webkit-box-orient: vertical;
6577	-webkit-box-direction: normal;	6577	-webkit-box-direction: normal;
6578	-ms-flex-direction: column;	6578	-ms-flex-direction: column;
6579	flex-direction: column;	6579	flex-direction: column;
6580	-webkit-box-align: center;	6580	-webkit-box-align: center;
6581	-ms-flex-align: center;	6581	-ms-flex-align: center;
6582	align-items: center;	6582	align-items: center;
6583	gap: 4px;	6583	gap: 4px;
6584	}	6584	}
6585	.modal__form-item > .input {	6585	.modal__form-item > .input {
6586	width: 100%;	6586	width: 100%;
6587	}	6587	}
6588	.modal__form-item > .textarea {	6588	.modal__form-item > .textarea {
6589	width: 100%;	6589	width: 100%;
6590	height: 175px;	6590	height: 175px;
6591	}	6591	}
6592	@media (min-width: 768px) {	6592	@media (min-width: 768px) {
6593	.modal__form-item > .textarea {	6593	.modal__form-item > .textarea {
6594	height: 195px;	6594	height: 195px;
6595	}	6595	}
6596	}	6596	}
6597	.modal__form-item > .file {	6597	.modal__form-item > .file {
6598	width: 100%;	6598	width: 100%;
6599	}	6599	}
6600	.modal__form-item > .button {	6600	.modal__form-item > .button {
6601	min-width: 120px;	6601	min-width: 120px;
6602	}	6602	}
6603	.modal__form-item > label {	6603	.modal__form-item > label {
6604	width: 100%;	6604	width: 100%;
6605	display: none;	6605	display: none;
6606	color: #eb5757;	6606	color: #eb5757;
6607	padding: 0 10px;	6607	padding: 0 10px;
6608	font-size: 12px;	6608	font-size: 12px;
6609	}	6609	}
6610	@media (min-width: 768px) {	6610	@media (min-width: 768px) {
6611	.modal__form-item > label {	6611	.modal__form-item > label {
6612	padding: 0 20px;	6612	padding: 0 20px;
6613	font-size: 16px;	6613	font-size: 16px;
6614	}	6614	}
6615	}	6615	}
6616	.modal__sign {	6616	.modal__sign {
6617	display: -webkit-box;	6617	display: -webkit-box;
6618	display: -ms-flexbox;	6618	display: -ms-flexbox;
6619	display: flex;	6619	display: flex;
6620	-webkit-box-orient: vertical;	6620	-webkit-box-orient: vertical;
6621	-webkit-box-direction: normal;	6621	-webkit-box-direction: normal;
6622	-ms-flex-direction: column;	6622	-ms-flex-direction: column;
6623	flex-direction: column;	6623	flex-direction: column;
6624	gap: 20px;	6624	gap: 20px;
6625	margin-top: 10px;	6625	margin-top: 10px;
6626	margin-bottom: 20px;	6626	margin-bottom: 20px;
6627	width: 100%;	6627	width: 100%;
6628	}	6628	}
6629	@media (min-width: 768px) {	6629	@media (min-width: 768px) {
6630	.modal__sign {	6630	.modal__sign {
6631	margin-top: 20px;	6631	margin-top: 20px;
6632	margin-bottom: 40px;	6632	margin-bottom: 40px;
6633	}	6633	}
6634	}	6634	}
6635	.modal__sign-item {	6635	.modal__sign-item {
6636	display: -webkit-box;	6636	display: -webkit-box;
6637	display: -ms-flexbox;	6637	display: -ms-flexbox;
6638	display: flex;	6638	display: flex;
6639	-webkit-box-orient: vertical;	6639	-webkit-box-orient: vertical;
6640	-webkit-box-direction: normal;	6640	-webkit-box-direction: normal;
6641	-ms-flex-direction: column;	6641	-ms-flex-direction: column;
6642	flex-direction: column;	6642	flex-direction: column;
6643	-webkit-box-align: center;	6643	-webkit-box-align: center;
6644	-ms-flex-align: center;	6644	-ms-flex-align: center;
6645	align-items: center;	6645	align-items: center;
6646	position: relative;	6646	position: relative;
6647	}	6647	}
6648	.modal__sign-item > .input {	6648	.modal__sign-item > .input {
6649	width: 100%;	6649	width: 100%;
6650	padding-right: 36px;	6650	padding-right: 36px;
6651	position: relative;	6651	position: relative;
6652	z-index: 1;	6652	z-index: 1;
6653	}	6653	}
6654	@media (min-width: 768px) {	6654	@media (min-width: 768px) {
6655	.modal__sign-item > .input {	6655	.modal__sign-item > .input {
6656	height: 52px;	6656	height: 52px;
6657	padding-right: 60px;	6657	padding-right: 60px;
6658	}	6658	}
6659	}	6659	}
6660	.modal__sign-item > .textarea {	6660	.modal__sign-item > .textarea {
6661	width: 100%;	6661	width: 100%;
6662	}	6662	}
6663	.modal__sign-bottom {	6663	.modal__sign-bottom {
6664	display: -webkit-box;	6664	display: -webkit-box;
6665	display: -ms-flexbox;	6665	display: -ms-flexbox;
6666	display: flex;	6666	display: flex;
6667	-webkit-box-pack: justify;	6667	-webkit-box-pack: justify;
6668	-ms-flex-pack: justify;	6668	-ms-flex-pack: justify;
6669	justify-content: space-between;	6669	justify-content: space-between;
6670	-webkit-box-align: center;	6670	-webkit-box-align: center;
6671	-ms-flex-align: center;	6671	-ms-flex-align: center;
6672	align-items: center;	6672	align-items: center;
6673	width: 100%;	6673	width: 100%;
6674	}	6674	}
6675	.modal__sign-bottom-link {	6675	.modal__sign-bottom-link {
6676	font-weight: 700;	6676	font-weight: 700;
6677	color: #377d87;	6677	color: #377d87;
6678	}	6678	}
6679	.modal__tabs {	6679	.modal__tabs {
6680	width: 100%;	6680	width: 100%;
6681	display: grid;	6681	display: grid;
6682	grid-template-columns: repeat(2, 1fr);	6682	grid-template-columns: repeat(2, 1fr);
6683	gap: 16px;	6683	gap: 16px;
6684	margin-top: 10px;	6684	margin-top: 10px;
6685	}	6685	}
6686	@media (min-width: 768px) {	6686	@media (min-width: 768px) {
6687	.modal__tabs {	6687	.modal__tabs {
6688	gap: 24px;	6688	gap: 24px;
6689	margin-top: 20px;	6689	margin-top: 20px;
6690	}	6690	}
6691	}	6691	}
6692	.modal__tabs-item.active {	6692	.modal__tabs-item.active {
6693	background: #377d87;	6693	background: #377d87;
6694	color: #fff;	6694	color: #fff;
6695	}	6695	}
6696	.modal__reg {	6696	.modal__reg {
6697	display: none;	6697	display: none;
6698	-webkit-box-orient: vertical;	6698	-webkit-box-orient: vertical;
6699	-webkit-box-direction: normal;	6699	-webkit-box-direction: normal;
6700	-ms-flex-direction: column;	6700	-ms-flex-direction: column;
6701	flex-direction: column;	6701	flex-direction: column;
6702	-webkit-box-align: center;	6702	-webkit-box-align: center;
6703	-ms-flex-align: center;	6703	-ms-flex-align: center;
6704	align-items: center;	6704	align-items: center;
6705	gap: 10px;	6705	gap: 10px;
6706	width: 100%;	6706	width: 100%;
6707	margin-top: 10px;	6707	margin-top: 10px;
6708	margin-bottom: 20px;	6708	margin-bottom: 20px;
6709	}	6709	}
6710	@media (min-width: 768px) {	6710	@media (min-width: 768px) {
6711	.modal__reg {	6711	.modal__reg {
6712	margin-top: 20px;	6712	margin-top: 20px;
6713	margin-bottom: 30px;	6713	margin-bottom: 30px;
6714	gap: 20px;	6714	gap: 20px;
6715	}	6715	}
6716	}	6716	}
6717	.modal__reg.showed {	6717	.modal__reg.showed {
6718	display: -webkit-box;	6718	display: -webkit-box;
6719	display: -ms-flexbox;	6719	display: -ms-flexbox;
6720	display: flex;	6720	display: flex;
6721	}	6721	}
6722	.modal__reg-item {	6722	.modal__reg-item {
6723	width: 100%;	6723	width: 100%;
6724	display: -webkit-box;	6724	display: -webkit-box;
6725	display: -ms-flexbox;	6725	display: -ms-flexbox;
6726	display: flex;	6726	display: flex;
6727	-webkit-box-orient: vertical;	6727	-webkit-box-orient: vertical;
6728	-webkit-box-direction: normal;	6728	-webkit-box-direction: normal;
6729	-ms-flex-direction: column;	6729	-ms-flex-direction: column;
6730	flex-direction: column;	6730	flex-direction: column;
6731	}	6731	}
6732	.modal__reg-item > .captcha {	6732	.modal__reg-item > .captcha {
6733	width: 100%;	6733	width: 100%;
6734	max-width: 300px;	6734	max-width: 300px;
6735	}	6735	}
6736		6736
6737	.messages {	6737	.messages {
6738	display: -webkit-box;	6738	display: -webkit-box;
6739	display: -ms-flexbox;	6739	display: -ms-flexbox;
6740	display: flex;	6740	display: flex;
6741	-webkit-box-orient: vertical;	6741	-webkit-box-orient: vertical;
6742	-webkit-box-direction: reverse;	6742	-webkit-box-direction: reverse;
6743	-ms-flex-direction: column-reverse;	6743	-ms-flex-direction: column-reverse;
6744	flex-direction: column-reverse;	6744	flex-direction: column-reverse;
6745	-webkit-box-align: center;	6745	-webkit-box-align: center;
6746	-ms-flex-align: center;	6746	-ms-flex-align: center;
6747	align-items: center;	6747	align-items: center;
6748	gap: 20px;	6748	gap: 20px;
6749	}	6749	}
6750	.messages__body {	6750	.messages__body {
6751	width: 100%;	6751	width: 100%;
6752	max-height: 800px;	6752	max-height: 800px;
6753	overflow: auto;	6753	overflow: auto;
6754	padding: 5px;	6754	padding: 5px;
6755	}	6755	}
6756	.messages__item {	6756	.messages__item {
6757	-webkit-box-align: center;	6757	-webkit-box-align: center;
6758	-ms-flex-align: center;	6758	-ms-flex-align: center;
6759	align-items: center;	6759	align-items: center;
6760	border-radius: 8px;	6760	border-radius: 8px;
6761	border: 1px solid #e7e7e7;	6761	border: 1px solid #e7e7e7;
6762	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	6762	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6763	padding: 10px;	6763	padding: 0px;
6764	font-size: 12px;	6764	font-size: 12px;
6765	display: flex;	6765	display: flex;
6766	justify-content: space-between;	6766	justify-content: space-between;
6767	margin-bottom: 20px;	6767	margin-bottom: 20px;
6768	}	6768	}
6769	@media (min-width: 768px) {	6769	@media (min-width: 768px) {
6770	.messages__item {	6770	.messages__item {
6771	padding: 20px;
6772	font-size: 18px;	6771	font-size: 18px;
6773	}	6772	}
6774	}	6773	}
6775	.messages__item-info {	6774	.messages__item-info {
6776	display: -webkit-box;	6775	display: -webkit-box;
6777	display: -ms-flexbox;	6776	display: -ms-flexbox;
6778	display: flex;	6777	display: flex;
6779	-webkit-box-align: center;	6778	-webkit-box-align: center;
6780	-ms-flex-align: center;	6779	-ms-flex-align: center;
6781	align-items: center;	6780	align-items: center;
6782	width: calc(100% - 90px);	6781	width: calc(100% - 90px);
		6782	padding: 20px;
6783	}	6783	}
6784	@media (min-width: 768px) {	6784	@media (min-width: 768px) {
6785	.messages__item-info {	6785	.messages__item-info {
6786	width: calc(100% - 150px);	6786	width: calc(100% - 150px);
6787	}	6787	}
6788	}	6788	}
6789	.messages__item-photo {	6789	.messages__item-photo {
6790	position: relative;	6790	position: relative;
6791	aspect-ratio: 1/1;	6791	aspect-ratio: 1/1;
6792	overflow: hidden;	6792	overflow: hidden;
6793	background: #9c9d9d;	6793	background: #9c9d9d;
6794	color: #fff;	6794	color: #fff;
6795	width: 36px;	6795	width: 36px;
6796	border-radius: 6px;	6796	border-radius: 6px;
6797	display: -webkit-box;	6797	display: -webkit-box;
6798	display: -ms-flexbox;	6798	display: -ms-flexbox;
6799	display: flex;	6799	display: flex;
6800	-webkit-box-pack: center;	6800	-webkit-box-pack: center;
6801	-ms-flex-pack: center;	6801	-ms-flex-pack: center;
6802	justify-content: center;	6802	justify-content: center;
6803	-webkit-box-align: center;	6803	-webkit-box-align: center;
6804	-ms-flex-align: center;	6804	-ms-flex-align: center;
6805	align-items: center;	6805	align-items: center;
6806	}	6806	}
6807	@media (min-width: 768px) {	6807	@media (min-width: 768px) {
6808	.messages__item-photo {	6808	.messages__item-photo {
6809	width: 52px;	6809	width: 52px;
6810	}	6810	}
6811	}	6811	}
6812	.messages__item-photo svg {	6812	.messages__item-photo svg {
6813	width: 50%;	6813	width: 50%;
6814	position: relative;	6814	position: relative;
6815	z-index: 1;	6815	z-index: 1;
6816	}	6816	}
6817	.messages__item-photo img {	6817	.messages__item-photo img {
6818	position: absolute;	6818	position: absolute;
6819	z-index: 2;	6819	z-index: 2;
6820	top: 0;	6820	top: 0;
6821	left: 0;	6821	left: 0;
6822	width: 100%;	6822	width: 100%;
6823	height: 100%;	6823	height: 100%;
6824	-o-object-fit: cover;	6824	-o-object-fit: cover;
6825	object-fit: cover;	6825	object-fit: cover;
6826	}	6826	}
6827	.messages__item-text {	6827	.messages__item-text {
6828	width: calc(100% - 36px);	6828	width: calc(100% - 36px);
6829	padding-left: 6px;	6829	padding-left: 6px;
6830	color: #000;	6830	color: #000;
6831	display: -webkit-box;	6831	display: -webkit-box;
6832	display: -ms-flexbox;	6832	display: -ms-flexbox;
6833	display: flex;	6833	display: flex;
6834	-webkit-box-orient: vertical;	6834	-webkit-box-orient: vertical;
6835	-webkit-box-direction: normal;	6835	-webkit-box-direction: normal;
6836	-ms-flex-direction: column;	6836	-ms-flex-direction: column;
6837	flex-direction: column;	6837	flex-direction: column;
6838	gap: 4px;	6838	gap: 4px;
6839	}	6839	}
6840	@media (min-width: 768px) {	6840	@media (min-width: 768px) {
6841	.messages__item-text {	6841	.messages__item-text {
6842	padding-left: 20px;	6842	padding-left: 20px;
6843	width: calc(100% - 52px);	6843	width: calc(100% - 52px);
6844	gap: 8px;	6844	gap: 8px;
6845	}	6845	}
6846	}	6846	}
6847	.messages__item-text span {	6847	.messages__item-text span {
6848	color: #000;	6848	color: #000;
6849	}	6849	}
6850	.messages__item-actions{	6850	.messages__item-actions{
6851		6851	padding: 20px;
6852	}	6852	}
6853	.messages__item-buttons{	6853	.messages__item-buttons{
6854	float: right;	6854	float: right;
6855	display: flex;	6855	display: flex;
6856	align-items: center;	6856	align-items: center;
6857	}	6857	}
6858	.messages__item-buttons button{	6858	.messages__item-buttons button{
6859	padding: 0;	6859	padding: 0;
6860	background: unset;	6860	background: unset;
6861	border: unset;	6861	border: unset;
6862	}	6862	}
6863	.messages__item-buttons button svg{	6863	.messages__item-buttons button svg{
6864	width: 25px;	6864	width: 25px;
6865	height: 25px;	6865	height: 25px;
6866	color: gray;	6866	color: gray;
6867	}	6867	}
6868	.messages__item-buttons button svg path{	6868	.messages__item-buttons button svg path{
6869	stroke: gray;	6869	stroke: gray;
6870	}	6870	}
6871	.messages__item-buttons button:hover svg{	6871	.messages__item-buttons button:hover svg{
6872	color: black;	6872	color: black;
6873	}	6873	}
6874	.messages__item-buttons button:hover svg path{	6874	.messages__item-buttons button:hover svg path{
6875	stroke: black;	6875	stroke: black;
6876	}	6876	}
6877	.messages__item-buttons button.pin-on:hover svg#pin_off path{	6877	.messages__item-buttons button.pin-on:hover svg#pin_off path{
6878	fill: black;	6878	fill: black;
6879	}	6879	}
6880	.messages__item-buttons button.pin-on svg{	6880	.messages__item-buttons button.pin-on svg{
6881	fill: gray;	6881	fill: gray;
6882	}	6882	}
6883	.messages__item-date {	6883	.messages__item-date {
6884	color: #00000070;	6884	color: #00000070;
6885	width: 90px;	6885	width: 90px;
6886	text-align: right;	6886	text-align: right;
6887	font-size: 14px;	6887	font-size: 14px;
6888	margin-bottom: 8px;	6888	margin-bottom: 8px;
6889	}	6889	}
6890		6890
6891	.messages.active .messages__item {	6891	.messages.active .messages__item {
6892	display: -webkit-box;	6892	display: -webkit-box;
6893	display: -ms-flexbox;	6893	display: -ms-flexbox;
6894	display: flex;	6894	display: flex;
6895	}	6895	}
6896		6896
6897	.responses {	6897	.responses {
6898	display: -webkit-box;	6898	display: -webkit-box;
6899	display: -ms-flexbox;	6899	display: -ms-flexbox;
6900	display: flex;	6900	display: flex;
6901	-webkit-box-orient: vertical;	6901	-webkit-box-orient: vertical;
6902	-webkit-box-direction: reverse;	6902	-webkit-box-direction: reverse;
6903	-ms-flex-direction: column-reverse;	6903	-ms-flex-direction: column-reverse;
6904	flex-direction: column-reverse;	6904	flex-direction: column-reverse;
6905	-webkit-box-align: center;	6905	-webkit-box-align: center;
6906	-ms-flex-align: center;	6906	-ms-flex-align: center;
6907	align-items: center;	6907	align-items: center;
6908	gap: 20px;	6908	gap: 20px;
6909	}	6909	}
6910	.responses__body {	6910	.responses__body {
6911	width: 100%;	6911	width: 100%;
6912	display: -webkit-box;	6912	display: -webkit-box;
6913	display: -ms-flexbox;	6913	display: -ms-flexbox;
6914	display: flex;	6914	display: flex;
6915	-webkit-box-orient: vertical;	6915	-webkit-box-orient: vertical;
6916	-webkit-box-direction: normal;	6916	-webkit-box-direction: normal;
6917	-ms-flex-direction: column;	6917	-ms-flex-direction: column;
6918	flex-direction: column;	6918	flex-direction: column;
6919	gap: 20px;	6919	gap: 20px;
6920	}	6920	}
6921	.responses__item {	6921	.responses__item {
6922	display: none;	6922	display: none;
6923	-webkit-box-orient: vertical;	6923	-webkit-box-orient: vertical;
6924	-webkit-box-direction: normal;	6924	-webkit-box-direction: normal;
6925	-ms-flex-direction: column;	6925	-ms-flex-direction: column;
6926	flex-direction: column;	6926	flex-direction: column;
6927	gap: 20px;	6927	gap: 20px;
6928	border-radius: 8px;	6928	border-radius: 8px;
6929	border: 1px solid #e7e7e7;	6929	border: 1px solid #e7e7e7;
6930	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	6930	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6931	padding: 20px 10px;	6931	padding: 20px 10px;
6932	font-size: 12px;	6932	font-size: 12px;
6933	position: relative;	6933	position: relative;
6934	}	6934	}
6935	@media (min-width: 768px) {	6935	@media (min-width: 768px) {
6936	.responses__item {	6936	.responses__item {
6937	padding: 20px;	6937	padding: 20px;
6938	font-size: 16px;	6938	font-size: 16px;
6939	}	6939	}
6940	}	6940	}
6941	.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) {	6941	.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) {
6942	display: -webkit-box;	6942	display: -webkit-box;
6943	display: -ms-flexbox;	6943	display: -ms-flexbox;
6944	display: flex;	6944	display: flex;
6945	}	6945	}
6946	.responses__item-date {	6946	.responses__item-date {
6947	color: #000;	6947	color: #000;
6948	}	6948	}
6949	@media (min-width: 992px) {	6949	@media (min-width: 992px) {
6950	.responses__item-date {	6950	.responses__item-date {
6951	position: absolute;	6951	position: absolute;
6952	top: 20px;	6952	top: 20px;
6953	right: 20px;	6953	right: 20px;
6954	}	6954	}
6955	}	6955	}
6956	.responses__item-wrapper {	6956	.responses__item-wrapper {
6957	display: -webkit-box;	6957	display: -webkit-box;
6958	display: -ms-flexbox;	6958	display: -ms-flexbox;
6959	display: flex;	6959	display: flex;
6960	-webkit-box-orient: vertical;	6960	-webkit-box-orient: vertical;
6961	-webkit-box-direction: normal;	6961	-webkit-box-direction: normal;
6962	-ms-flex-direction: column;	6962	-ms-flex-direction: column;
6963	flex-direction: column;	6963	flex-direction: column;
6964	gap: 20px;	6964	gap: 20px;
6965	}	6965	}
6966	.responses__item-inner {	6966	.responses__item-inner {
6967	display: -webkit-box;	6967	display: -webkit-box;
6968	display: -ms-flexbox;	6968	display: -ms-flexbox;
6969	display: flex;	6969	display: flex;
6970	-webkit-box-orient: vertical;	6970	-webkit-box-orient: vertical;
6971	-webkit-box-direction: normal;	6971	-webkit-box-direction: normal;
6972	-ms-flex-direction: column;	6972	-ms-flex-direction: column;
6973	flex-direction: column;	6973	flex-direction: column;
6974	gap: 10px;	6974	gap: 10px;
6975	}	6975	}
6976	@media (min-width: 768px) {	6976	@media (min-width: 768px) {
6977	.responses__item-inner {	6977	.responses__item-inner {
6978	gap: 20px;	6978	gap: 20px;
6979	}	6979	}
6980	}	6980	}
6981	@media (min-width: 1280px) {	6981	@media (min-width: 1280px) {
6982	.responses__item-inner {	6982	.responses__item-inner {
6983	width: calc(100% - 150px);	6983	width: calc(100% - 150px);
6984	}	6984	}
6985	}	6985	}
6986	.responses__item-row {	6986	.responses__item-row {
6987	display: grid;	6987	display: grid;
6988	grid-template-columns: 1fr 1fr;	6988	grid-template-columns: 1fr 1fr;
6989	gap: 20px;	6989	gap: 20px;
6990	color: #000;	6990	color: #000;
6991	text-align: right;	6991	text-align: right;
6992	}	6992	}
6993	@media (min-width: 992px) {	6993	@media (min-width: 992px) {
6994	.responses__item-row {	6994	.responses__item-row {
6995	display: -webkit-box;	6995	display: -webkit-box;
6996	display: -ms-flexbox;	6996	display: -ms-flexbox;
6997	display: flex;	6997	display: flex;
6998	-webkit-box-orient: vertical;	6998	-webkit-box-orient: vertical;
6999	-webkit-box-direction: normal;	6999	-webkit-box-direction: normal;
7000	-ms-flex-direction: column;	7000	-ms-flex-direction: column;
7001	flex-direction: column;	7001	flex-direction: column;
7002	gap: 6px;	7002	gap: 6px;
7003	text-align: left;	7003	text-align: left;
7004	}	7004	}
7005	}	7005	}
7006	.responses__item-row span {	7006	.responses__item-row span {
7007	color: #000;	7007	color: #000;
7008	text-align: left;	7008	text-align: left;
7009	}	7009	}
7010	.responses__item-buttons {	7010	.responses__item-buttons {
7011	display: -webkit-box;	7011	display: -webkit-box;
7012	display: -ms-flexbox;	7012	display: -ms-flexbox;
7013	display: flex;	7013	display: flex;
7014	-webkit-box-orient: vertical;	7014	-webkit-box-orient: vertical;
7015	-webkit-box-direction: normal;	7015	-webkit-box-direction: normal;
7016	-ms-flex-direction: column;	7016	-ms-flex-direction: column;
7017	flex-direction: column;	7017	flex-direction: column;
7018	gap: 10px;	7018	gap: 10px;
7019	}	7019	}
7020	@media (min-width: 768px) {	7020	@media (min-width: 768px) {
7021	.responses__item-buttons {	7021	.responses__item-buttons {
7022	display: grid;	7022	display: grid;
7023	grid-template-columns: 1fr 1fr;	7023	grid-template-columns: 1fr 1fr;
7024	}	7024	}
7025	}	7025	}
7026	@media (min-width: 1280px) {	7026	@media (min-width: 1280px) {
7027	.responses__item-buttons {	7027	.responses__item-buttons {
7028	grid-template-columns: 1fr 1fr 1fr 1fr;	7028	grid-template-columns: 1fr 1fr 1fr 1fr;
7029	}	7029	}
7030	}	7030	}
7031	.responses__item-buttons .button.active {	7031	.responses__item-buttons .button.active {
7032	background: #377d87;	7032	background: #377d87;
7033	color: #fff;	7033	color: #fff;
7034	}	7034	}
7035	.responses.active .responses__item {	7035	.responses.active .responses__item {
7036	display: -webkit-box;	7036	display: -webkit-box;
7037	display: -ms-flexbox;	7037	display: -ms-flexbox;
7038	display: flex;	7038	display: flex;
7039	}	7039	}
7040		7040
7041	.chatbox {	7041	.chatbox {
7042	display: -webkit-box;	7042	display: -webkit-box;
7043	display: -ms-flexbox;	7043	display: -ms-flexbox;
7044	display: flex;	7044	display: flex;
7045	-webkit-box-orient: vertical;	7045	-webkit-box-orient: vertical;
7046	-webkit-box-direction: normal;	7046	-webkit-box-direction: normal;
7047	-ms-flex-direction: column;	7047	-ms-flex-direction: column;
7048	flex-direction: column;	7048	flex-direction: column;
7049	gap: 20px;	7049	gap: 20px;
7050	}	7050	}
7051	@media (min-width: 768px) {	7051	@media (min-width: 768px) {
7052	.chatbox {	7052	.chatbox {
7053	gap: 30px;	7053	gap: 30px;
7054	}	7054	}
7055	}	7055	}
7056	@media (min-width: 1280px) {	7056	@media (min-width: 1280px) {
7057	.chatbox {	7057	.chatbox {
7058	gap: 40px;	7058	gap: 40px;
7059	}	7059	}
7060	}	7060	}
7061	.chatbox__toper {	7061	.chatbox__toper {
7062	display: -webkit-box;	7062	display: -webkit-box;
7063	display: -ms-flexbox;	7063	display: -ms-flexbox;
7064	display: flex;	7064	display: flex;
7065	-webkit-box-orient: vertical;	7065	-webkit-box-orient: vertical;
7066	-webkit-box-direction: normal;	7066	-webkit-box-direction: normal;
7067	-ms-flex-direction: column;	7067	-ms-flex-direction: column;
7068	flex-direction: column;	7068	flex-direction: column;
7069	gap: 10px;	7069	gap: 10px;
7070	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	7070	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7071	border: 1px solid #e7e7e7;	7071	border: 1px solid #e7e7e7;
7072	border-radius: 8px;	7072	border-radius: 8px;
7073	padding: 10px;	7073	padding: 10px;
7074	}	7074	}
7075	@media (min-width: 768px) {	7075	@media (min-width: 768px) {
7076	.chatbox__toper {	7076	.chatbox__toper {
7077	padding: 20px;
7078	-webkit-box-orient: horizontal;	7077	-webkit-box-orient: horizontal;
7079	-webkit-box-direction: normal;	7078	-webkit-box-direction: normal;
7080	-ms-flex-direction: row;	7079	-ms-flex-direction: row;
7081	flex-direction: row;	7080	flex-direction: row;
7082	-webkit-box-align: center;	7081	-webkit-box-align: center;
7083	-ms-flex-align: center;	7082	-ms-flex-align: center;
7084	align-items: center;	7083	align-items: center;
7085	-webkit-box-pack: justify;	7084	-webkit-box-pack: justify;
7086	-ms-flex-pack: justify;	7085	-ms-flex-pack: justify;
7087	justify-content: space-between;	7086	justify-content: space-between;
7088	}	7087	}
7089	}	7088	}
7090	.chatbox__toper-info {	7089	.chatbox__toper-info {
7091	font-size: 12px;	7090	font-size: 12px;
7092	}	7091	}
7093	@media (min-width: 768px) {	7092	@media (min-width: 768px) {
7094	.chatbox__toper-info {	7093	.chatbox__toper-info {
7095	font-size: 16px;	7094	font-size: 16px;
7096	width: calc(100% - 230px);	7095	width: calc(100% - 230px);
7097	}	7096	}
7098	}	7097	}
7099	@media (min-width: 768px) {	7098	@media (min-width: 768px) {
7100	.chatbox__toper-button {	7099	.chatbox__toper-button {
7101	width: 210px;	7100	width: 210px;
7102	padding: 0;	7101	padding: 0;
7103	}	7102	}
7104	}	7103	}
7105	.chatbox__list {	7104	.chatbox__list {
7106	display: -webkit-box;	7105	display: -webkit-box;
7107	display: -ms-flexbox;	7106	display: -ms-flexbox;
7108	display: flex;	7107	display: flex;
7109	-webkit-box-orient: vertical;	7108	-webkit-box-orient: vertical;
7110	-webkit-box-direction: normal;	7109	-webkit-box-direction: normal;
7111	-ms-flex-direction: column;	7110	-ms-flex-direction: column;
7112	flex-direction: column;	7111	flex-direction: column;
7113	gap: 10px;	7112	gap: 10px;
7114	}	7113	}
7115	@media (min-width: 768px) {	7114	@media (min-width: 768px) {
7116	.chatbox__list {	7115	.chatbox__list {
7117	gap: 20px;	7116	gap: 20px;
7118	}	7117	}
7119	}	7118	}
7120	@media (min-width: 1280px) {	7119	@media (min-width: 1280px) {
7121	.chatbox__list {	7120	.chatbox__list {
7122	gap: 40px;	7121	gap: 40px;
7123	}	7122	}
7124	}	7123	}
7125	.chatbox__item {	7124	.chatbox__item {
7126	display: -webkit-box;	7125	display: -webkit-box;
7127	display: -ms-flexbox;	7126	display: -ms-flexbox;
7128	display: flex;	7127	display: flex;
7129	-webkit-box-align: start;	7128	-webkit-box-align: start;
7130	-ms-flex-align: start;	7129	-ms-flex-align: start;
7131	align-items: flex-start;	7130	align-items: flex-start;
7132	-webkit-box-pack: justify;	7131	-webkit-box-pack: justify;
7133	-ms-flex-pack: justify;	7132	-ms-flex-pack: justify;
7134	justify-content: space-between;	7133	justify-content: space-between;
7135	-ms-flex-wrap: wrap;	7134	-ms-flex-wrap: wrap;
7136	flex-wrap: wrap;	7135	flex-wrap: wrap;
7137	color: #000;	7136	color: #000;
7138	font-size: 12px;	7137	font-size: 12px;
7139	}	7138	}
7140	@media (min-width: 768px) {	7139	@media (min-width: 768px) {
7141	.chatbox__item {	7140	.chatbox__item {
7142	font-size: 16px;	7141	font-size: 16px;
7143	}	7142	}
7144	}	7143	}
7145	.chatbox__item_reverse {	7144	.chatbox__item_reverse {
7146	-webkit-box-orient: horizontal;	7145	-webkit-box-orient: horizontal;
7147	-webkit-box-direction: reverse;	7146	-webkit-box-direction: reverse;
7148	-ms-flex-direction: row-reverse;	7147	-ms-flex-direction: row-reverse;
7149	flex-direction: row-reverse;	7148	flex-direction: row-reverse;
7150	}	7149	}
7151	.chatbox__item-photo {	7150	.chatbox__item-photo {
7152	position: relative;	7151	position: relative;
7153	aspect-ratio: 1/1;	7152	aspect-ratio: 1/1;
7154	overflow: hidden;	7153	overflow: hidden;
7155	background: #9c9d9d;	7154	background: #9c9d9d;
7156	color: #fff;	7155	color: #fff;
7157	width: 44px;	7156	width: 44px;
7158	border-radius: 6px;	7157	border-radius: 6px;
7159	display: -webkit-box;	7158	display: -webkit-box;
7160	display: -ms-flexbox;	7159	display: -ms-flexbox;
7161	display: flex;	7160	display: flex;
7162	-webkit-box-pack: center;	7161	-webkit-box-pack: center;
7163	-ms-flex-pack: center;	7162	-ms-flex-pack: center;
7164	justify-content: center;	7163	justify-content: center;
7165	-webkit-box-align: center;	7164	-webkit-box-align: center;
7166	-ms-flex-align: center;	7165	-ms-flex-align: center;
7167	align-items: center;	7166	align-items: center;
7168	}	7167	}
7169	.chatbox__item-photo svg {	7168	.chatbox__item-photo svg {
7170	width: 50%;	7169	width: 50%;
7171	position: relative;	7170	position: relative;
7172	z-index: 1;	7171	z-index: 1;
7173	}	7172	}
7174	.chatbox__item-photo img {	7173	.chatbox__item-photo img {
7175	position: absolute;	7174	position: absolute;
7176	z-index: 2;	7175	z-index: 2;
7177	top: 0;	7176	top: 0;
7178	left: 0;	7177	left: 0;
7179	width: 100%;	7178	width: 100%;
7180	height: 100%;	7179	height: 100%;
7181	-o-object-fit: cover;	7180	-o-object-fit: cover;
7182	object-fit: cover;	7181	object-fit: cover;
7183	}	7182	}
7184	.chatbox__item-body {	7183	.chatbox__item-body {
7185	width: calc(100% - 54px);	7184	width: calc(100% - 54px);
7186	display: -webkit-box;	7185	display: -webkit-box;
7187	display: -ms-flexbox;	7186	display: -ms-flexbox;
7188	display: flex;	7187	display: flex;
7189	-webkit-box-orient: vertical;	7188	-webkit-box-orient: vertical;
7190	-webkit-box-direction: normal;	7189	-webkit-box-direction: normal;
7191	-ms-flex-direction: column;	7190	-ms-flex-direction: column;
7192	flex-direction: column;	7191	flex-direction: column;
7193	-webkit-box-align: start;	7192	-webkit-box-align: start;
7194	-ms-flex-align: start;	7193	-ms-flex-align: start;
7195	align-items: flex-start;	7194	align-items: flex-start;
7196	}	7195	}
7197	@media (min-width: 768px) {	7196	@media (min-width: 768px) {
7198	.chatbox__item-body {	7197	.chatbox__item-body {
7199	width: calc(100% - 60px);	7198	width: calc(100% - 60px);
7200	}	7199	}
7201	}	7200	}
7202	.chatbox__item_reverse .chatbox__item-body {	7201	.chatbox__item_reverse .chatbox__item-body {
7203	-webkit-box-align: end;	7202	-webkit-box-align: end;
7204	-ms-flex-align: end;	7203	-ms-flex-align: end;
7205	align-items: flex-end;	7204	align-items: flex-end;
7206	}	7205	}
7207	.chatbox__item-text {	7206	.chatbox__item-text {
7208	border-radius: 8px;	7207	border-radius: 8px;
7209	background: #fff;	7208	background: #fff;
7210	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);	7209	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7211	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);	7210	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7212	padding: 10px;	7211	padding: 10px;
7213	line-height: 1.6;	7212	line-height: 1.6;
7214	}	7213	}
7215	.chatbox__item-time {	7214	.chatbox__item-time {
7216	width: 100%;	7215	width: 100%;
7217	padding-left: 54px;	7216	padding-left: 54px;
7218	margin-top: 10px;	7217	margin-top: 10px;
7219	color: #9c9d9d;	7218	color: #9c9d9d;
7220	}	7219	}
7221	.chatbox__item_reverse .chatbox__item-time {	7220	.chatbox__item_reverse .chatbox__item-time {
7222	text-align: right;	7221	text-align: right;
7223	}	7222	}
7224	.chatbox__bottom {	7223	.chatbox__bottom {
7225	background: #4d88d9;	7224	background: #4d88d9;
7226	padding: 10px;	7225	padding: 10px;
7227	border-radius: 8px;	7226	border-radius: 8px;
7228	display: -webkit-box;	7227	display: -webkit-box;
7229	display: -ms-flexbox;	7228	display: -ms-flexbox;
7230	display: flex;	7229	display: flex;
7231	-webkit-box-align: center;	7230	-webkit-box-align: center;
7232	-ms-flex-align: center;	7231	-ms-flex-align: center;
7233	align-items: center;	7232	align-items: center;
7234	-webkit-box-pack: justify;	7233	-webkit-box-pack: justify;
7235	-ms-flex-pack: justify;	7234	-ms-flex-pack: justify;
7236	justify-content: space-between;	7235	justify-content: space-between;
7237	}	7236	}
7238	@media (min-width: 768px) {	7237	@media (min-width: 768px) {
7239	.chatbox__bottom {	7238	.chatbox__bottom {
7240	padding: 16px 20px;	7239	padding: 16px 20px;
7241	}	7240	}
7242	}	7241	}
7243	.chatbox__bottom-file {	7242	.chatbox__bottom-file {
7244	width: 20px;	7243	width: 20px;
7245	aspect-ratio: 1/1;	7244	aspect-ratio: 1/1;
7246	display: -webkit-box;	7245	display: -webkit-box;
7247	display: -ms-flexbox;	7246	display: -ms-flexbox;
7248	display: flex;	7247	display: flex;
7249	-webkit-box-pack: center;	7248	-webkit-box-pack: center;
7250	-ms-flex-pack: center;	7249	-ms-flex-pack: center;
7251	justify-content: center;	7250	justify-content: center;
7252	-webkit-box-align: center;	7251	-webkit-box-align: center;
7253	-ms-flex-align: center;	7252	-ms-flex-align: center;
7254	align-items: center;	7253	align-items: center;
7255	background: #fff;	7254	background: #fff;
7256	color: #4d88d9;	7255	color: #4d88d9;
7257	border-radius: 8px;	7256	border-radius: 8px;
7258	}	7257	}
7259	@media (min-width: 768px) {	7258	@media (min-width: 768px) {
7260	.chatbox__bottom-file {	7259	.chatbox__bottom-file {
7261	width: 48px;	7260	width: 48px;
7262	}	7261	}
7263	}	7262	}
7264	.chatbox__bottom-file:hover {	7263	.chatbox__bottom-file:hover {
7265	color: #377d87;	7264	color: #377d87;
7266	}	7265	}
7267	.chatbox__bottom-file input {	7266	.chatbox__bottom-file input {
7268	display: none;	7267	display: none;
7269	}	7268	}
7270	.chatbox__bottom-file svg {	7269	.chatbox__bottom-file svg {
7271	width: 50%;	7270	width: 50%;
7272	aspect-ratio: 1/1;	7271	aspect-ratio: 1/1;
7273	}	7272	}
7274	@media (min-width: 768px) {	7273	@media (min-width: 768px) {
7275	.chatbox__bottom-file svg {	7274	.chatbox__bottom-file svg {
7276	width: 40%;	7275	width: 40%;
7277	}	7276	}
7278	}	7277	}
7279	.chatbox__bottom-text {	7278	.chatbox__bottom-text {
7280	width: calc(100% - 60px);	7279	width: calc(100% - 60px);
7281	height: 20px;	7280	height: 20px;
7282	border-color: #fff;	7281	border-color: #fff;
7283	}	7282	}
7284	@media (min-width: 768px) {	7283	@media (min-width: 768px) {
7285	.chatbox__bottom-text {	7284	.chatbox__bottom-text {
7286	width: calc(100% - 128px);	7285	width: calc(100% - 128px);
7287	height: 48px;	7286	height: 48px;
7288	}	7287	}
7289	}	7288	}
7290	.chatbox__bottom-text:focus {	7289	.chatbox__bottom-text:focus {
7291	border-color: #fff;	7290	border-color: #fff;
7292	}	7291	}
7293	.chatbox__bottom-send {	7292	.chatbox__bottom-send {
7294	width: 20px;	7293	width: 20px;
7295	aspect-ratio: 1/1;	7294	aspect-ratio: 1/1;
7296	display: -webkit-box;	7295	display: -webkit-box;
7297	display: -ms-flexbox;	7296	display: -ms-flexbox;
7298	display: flex;	7297	display: flex;
7299	-webkit-box-pack: center;	7298	-webkit-box-pack: center;
7300	-ms-flex-pack: center;	7299	-ms-flex-pack: center;
7301	justify-content: center;	7300	justify-content: center;
7302	-webkit-box-align: center;	7301	-webkit-box-align: center;
7303	-ms-flex-align: center;	7302	-ms-flex-align: center;
7304	align-items: center;	7303	align-items: center;
7305	padding: 0;	7304	padding: 0;
7306	background: #fff;	7305	background: #fff;
7307	border: none;	7306	border: none;
7308	color: #4d88d9;	7307	color: #4d88d9;
7309	border-radius: 999px;	7308	border-radius: 999px;
7310	}	7309	}
7311	@media (min-width: 768px) {	7310	@media (min-width: 768px) {
7312	.chatbox__bottom-send {	7311	.chatbox__bottom-send {
7313	width: 48px;	7312	width: 48px;
7314	}	7313	}
7315	}	7314	}
7316	.chatbox__bottom-send:hover {	7315	.chatbox__bottom-send:hover {
7317	color: #377d87;	7316	color: #377d87;
7318	}	7317	}
7319	.chatbox__bottom-send svg {	7318	.chatbox__bottom-send svg {
7320	width: 50%;	7319	width: 50%;
7321	aspect-ratio: 1/1;	7320	aspect-ratio: 1/1;
7322	position: relative;	7321	position: relative;
7323	left: 1px;	7322	left: 1px;
7324	}	7323	}
7325	@media (min-width: 768px) {	7324	@media (min-width: 768px) {
7326	.chatbox__bottom-send svg {	7325	.chatbox__bottom-send svg {
7327	width: 40%;	7326	width: 40%;
7328	left: 2px;	7327	left: 2px;
7329	}	7328	}
7330	}	7329	}
7331		7330
7332	.cvs {	7331	.cvs {
7333	display: -webkit-box;	7332	display: -webkit-box;
7334	display: -ms-flexbox;	7333	display: -ms-flexbox;
7335	display: flex;	7334	display: flex;
7336	-webkit-box-orient: vertical;	7335	-webkit-box-orient: vertical;
7337	-webkit-box-direction: reverse;	7336	-webkit-box-direction: reverse;
7338	-ms-flex-direction: column-reverse;	7337	-ms-flex-direction: column-reverse;
7339	flex-direction: column-reverse;	7338	flex-direction: column-reverse;
7340	-webkit-box-align: center;	7339	-webkit-box-align: center;
7341	-ms-flex-align: center;	7340	-ms-flex-align: center;
7342	align-items: center;	7341	align-items: center;
7343	gap: 20px;	7342	gap: 20px;
7344	}	7343	}
7345	.cvs__body {	7344	.cvs__body {
7346	display: -webkit-box;	7345	display: -webkit-box;
7347	display: -ms-flexbox;	7346	display: -ms-flexbox;
7348	display: flex;	7347	display: flex;
7349	-webkit-box-orient: vertical;	7348	-webkit-box-orient: vertical;
7350	-webkit-box-direction: normal;	7349	-webkit-box-direction: normal;
7351	-ms-flex-direction: column;	7350	-ms-flex-direction: column;
7352	flex-direction: column;	7351	flex-direction: column;
7353	gap: 20px;	7352	gap: 20px;
7354	width: 100%;	7353	width: 100%;
7355	}	7354	}
7356	@media (min-width: 768px) {	7355	@media (min-width: 768px) {
7357	.cvs__body {	7356	.cvs__body {
7358	gap: 30px;	7357	gap: 30px;
7359	}	7358	}
7360	}	7359	}
7361	.cvs__item {	7360	.cvs__item {
7362	display: none;	7361	display: none;
7363	-webkit-box-orient: vertical;	7362	-webkit-box-orient: vertical;
7364	-webkit-box-direction: normal;	7363	-webkit-box-direction: normal;
7365	-ms-flex-direction: column;	7364	-ms-flex-direction: column;
7366	flex-direction: column;	7365	flex-direction: column;
7367	gap: 10px;	7366	gap: 10px;
7368	border-radius: 8px;	7367	border-radius: 8px;
7369	border: 1px solid #e7e7e7;	7368	border: 1px solid #e7e7e7;
7370	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	7369	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7371	padding: 10px;	7370	padding: 10px;
7372	font-size: 12px;	7371	font-size: 12px;
7373	position: relative;	7372	position: relative;
7374	}	7373	}
7375	@media (min-width: 768px) {	7374	@media (min-width: 768px) {
7376	.cvs__item {	7375	.cvs__item {
7377	gap: 0;	7376	gap: 0;
7378	padding: 20px;	7377	padding: 20px;
7379	font-size: 16px;	7378	font-size: 16px;
7380	-webkit-box-orient: horizontal;	7379	-webkit-box-orient: horizontal;
7381	-webkit-box-direction: normal;	7380	-webkit-box-direction: normal;
7382	-ms-flex-direction: row;	7381	-ms-flex-direction: row;
7383	flex-direction: row;	7382	flex-direction: row;
7384	-webkit-box-align: start;	7383	-webkit-box-align: start;
7385	-ms-flex-align: start;	7384	-ms-flex-align: start;
7386	align-items: flex-start;	7385	align-items: flex-start;
7387	-ms-flex-wrap: wrap;	7386	-ms-flex-wrap: wrap;
7388	flex-wrap: wrap;	7387	flex-wrap: wrap;
7389	}	7388	}
7390	}	7389	}
7391	.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) {	7390	.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) {
7392	display: -webkit-box;	7391	display: -webkit-box;
7393	display: -ms-flexbox;	7392	display: -ms-flexbox;
7394	display: flex;	7393	display: flex;
7395	}	7394	}
7396	.cvs__item-like {	7395	.cvs__item-like {
7397	width: unset;	7396	width: unset;
7398	padding: 5px 10px;	7397	padding: 5px 10px;
7399	margin-right: 10px;	7398	margin-right: 10px;
7400	}	7399	}
7401	.cvs__item .cvs__item-buttons .chat{	7400	.cvs__item .cvs__item-buttons .chat{
7402	width: unset;	7401	width: unset;
7403	padding: 5px 10px;	7402	padding: 5px 10px;
7404	margin-right: 10px;	7403	margin-right: 10px;
7405	}	7404	}
7406	.cvs__item-like.active{	7405	.cvs__item-like.active{
7407	background: #ffffff;	7406	background: #ffffff;
7408	color: #eb5757;	7407	color: #eb5757;
7409	}	7408	}
7410	.cvs__item-like .in-favorites{	7409	.cvs__item-like .in-favorites{
7411	display: none;	7410	display: none;
7412	}	7411	}
7413	.cvs__item-like.active .in-favorites{	7412	.cvs__item-like.active .in-favorites{
7414	display: block;	7413	display: block;
7415	color: #eb5757;	7414	color: #eb5757;
7416	}	7415	}
7417	.cvs__item-like.active .to-favorites{	7416	.cvs__item-like.active .to-favorites{
7418	display: none;	7417	display: none;
7419	}	7418	}
7420	.cvs__item .cvs__item-header{	7419	.cvs__item .cvs__item-header{
7421	display: flex;	7420	display: flex;
7422	width: 100%;	7421	width: 100%;
7423	justify-content: space-between;	7422	justify-content: space-between;
7424	}	7423	}
7425	.cvs__item-photo {	7424	.cvs__item-photo {
7426	position: relative;	7425	position: relative;
7427	aspect-ratio: 1/1;	7426	aspect-ratio: 1/1;
7428	overflow: hidden;	7427	overflow: hidden;
7429	background: #9c9d9d;	7428	background: #9c9d9d;
7430	color: #fff;	7429	color: #fff;
7431	width: 36px;	7430	width: 36px;
7432	border-radius: 6px;	7431	border-radius: 6px;
7433	display: -webkit-box;	7432	display: -webkit-box;
7434	display: -ms-flexbox;	7433	display: -ms-flexbox;
7435	display: flex;	7434	display: flex;
7436	-webkit-box-pack: center;	7435	-webkit-box-pack: center;
7437	-ms-flex-pack: center;	7436	-ms-flex-pack: center;
7438	justify-content: center;	7437	justify-content: center;
7439	-webkit-box-align: center;	7438	-webkit-box-align: center;
7440	-ms-flex-align: center;	7439	-ms-flex-align: center;
7441	align-items: center;	7440	align-items: center;
7442	}	7441	}
7443	@media (min-width: 768px) {	7442	@media (min-width: 768px) {
7444	.cvs__item-photo {	7443	.cvs__item-photo {
7445	width: 68px;	7444	width: 68px;
7446	}	7445	}
7447	}	7446	}
7448	.cvs__item-photo svg {	7447	.cvs__item-photo svg {
7449	width: 50%;	7448	width: 50%;
7450	position: relative;	7449	position: relative;
7451	z-index: 1;	7450	z-index: 1;
7452	}	7451	}
7453	.cvs__item-photo img {	7452	.cvs__item-photo img {
7454	position: absolute;	7453	position: absolute;
7455	z-index: 2;	7454	z-index: 2;
7456	top: 0;	7455	top: 0;
7457	left: 0;	7456	left: 0;
7458	width: 100%;	7457	width: 100%;
7459	height: 100%;	7458	height: 100%;
7460	-o-object-fit: cover;	7459	-o-object-fit: cover;
7461	object-fit: cover;	7460	object-fit: cover;
7462	}	7461	}
7463	.cvs__item-text {	7462	.cvs__item-text {
7464	display: -webkit-box;	7463	display: -webkit-box;
7465	display: -ms-flexbox;	7464	display: -ms-flexbox;
7466	display: flex;	7465	display: flex;
7467	-webkit-box-orient: vertical;	7466	-webkit-box-orient: vertical;
7468	-webkit-box-direction: normal;	7467	-webkit-box-direction: normal;
7469	-ms-flex-direction: column;	7468	-ms-flex-direction: column;
7470	flex-direction: column;	7469	flex-direction: column;
7471	gap: 10px;	7470	gap: 10px;
7472	width: 100%;	7471	width: 100%;
7473	margin-top: 30px;	7472	margin-top: 30px;
7474	}	7473	}
7475	.cvs__item .cvs__item-buttons{	7474	.cvs__item .cvs__item-buttons{
7476	display: flex;	7475	display: flex;
7477	align-items: start;	7476	align-items: start;
7478	}	7477	}
7479	.cvs.active .cvs__item {	7478	.cvs.active .cvs__item {
7480	display: -webkit-box;	7479	display: -webkit-box;
7481	display: -ms-flexbox;	7480	display: -ms-flexbox;
7482	display: flex;	7481	display: flex;
7483	}	7482	}
7484	.cvs__item-text .cvs__item-text-row{	7483	.cvs__item-text .cvs__item-text-row{
7485	display: flex;	7484	display: flex;
7486	justify-content: space-between;	7485	justify-content: space-between;
7487	width: 100%;	7486	width: 100%;
7488	}	7487	}
7489	.cvs__item-text .cvs__item-text-row > div{	7488	.cvs__item-text .cvs__item-text-row > div{
7490	width: 50%;	7489	width: 50%;
7491	}	7490	}
7492	.cvs__item-text .cvs__item-text-row b{	7491	.cvs__item-text .cvs__item-text-row b{
7493	color: #377d87;	7492	color: #377d87;
7494	font-size: 18px;	7493	font-size: 18px;
7495	}	7494	}
7496	.cvs__item-text .cvs__item-text-status {	7495	.cvs__item-text .cvs__item-text-status {
7497	width: fit-content;	7496	width: fit-content;
7498	background-color: #e6e6e6;	7497	background-color: #e6e6e6;
7499	font-weight: bold;	7498	font-weight: bold;
7500	padding: 5px 10px;	7499	padding: 5px 10px;
7501	border-radius: 8px;	7500	border-radius: 8px;
7502	margin-right: 30px;	7501	margin-right: 30px;
7503	}	7502	}
7504	.cvs__item-text .cvs__item-text-status.looking-for-job {	7503	.cvs__item-text .cvs__item-text-status.looking-for-job {
7505	background-color: #eb5757;	7504	background-color: #eb5757;
7506	color: #fff;	7505	color: #fff;
7507	}	7506	}
7508	.cvs__item-text .cvs__item-text-updated-at{	7507	.cvs__item-text .cvs__item-text-updated-at{
7509	padding: 5px 10px;	7508	padding: 5px 10px;
7510	border-radius: 8px;	7509	border-radius: 8px;
7511	border: 1px #e6e6e6 solid;	7510	border: 1px #e6e6e6 solid;
7512	}	7511	}
7513	.faqs {	7512	.faqs {
7514	display: -webkit-box;	7513	display: -webkit-box;
7515	display: -ms-flexbox;	7514	display: -ms-flexbox;
7516	display: flex;	7515	display: flex;
7517	-webkit-box-orient: vertical;	7516	-webkit-box-orient: vertical;
7518	-webkit-box-direction: reverse;	7517	-webkit-box-direction: reverse;
7519	-ms-flex-direction: column-reverse;	7518	-ms-flex-direction: column-reverse;
7520	flex-direction: column-reverse;	7519	flex-direction: column-reverse;
7521	-webkit-box-align: center;	7520	-webkit-box-align: center;
7522	-ms-flex-align: center;	7521	-ms-flex-align: center;
7523	align-items: center;	7522	align-items: center;
7524	gap: 20px;	7523	gap: 20px;
7525	}	7524	}
7526	.faqs__body {	7525	.faqs__body {
7527	display: -webkit-box;	7526	display: -webkit-box;
7528	display: -ms-flexbox;	7527	display: -ms-flexbox;
7529	display: flex;	7528	display: flex;
7530	-webkit-box-orient: vertical;	7529	-webkit-box-orient: vertical;
7531	-webkit-box-direction: normal;	7530	-webkit-box-direction: normal;
7532	-ms-flex-direction: column;	7531	-ms-flex-direction: column;
7533	flex-direction: column;	7532	flex-direction: column;
7534	gap: 20px;	7533	gap: 20px;
7535	width: 100%;	7534	width: 100%;
7536	}	7535	}
7537	.faqs__item {	7536	.faqs__item {
7538	display: none;	7537	display: none;
7539	-webkit-box-orient: vertical;	7538	-webkit-box-orient: vertical;
7540	-webkit-box-direction: normal;	7539	-webkit-box-direction: normal;
7541	-ms-flex-direction: column;	7540	-ms-flex-direction: column;
7542	flex-direction: column;	7541	flex-direction: column;
7543	border-radius: 8px;	7542	border-radius: 8px;
7544	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7543	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7545	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7544	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7546	background: #fff;	7545	background: #fff;
7547	padding: 10px;	7546	padding: 10px;
7548	font-size: 12px;	7547	font-size: 12px;
7549	}	7548	}
7550	@media (min-width: 768px) {	7549	@media (min-width: 768px) {
7551	.faqs__item {	7550	.faqs__item {
7552	padding: 20px;	7551	padding: 20px;
7553	font-size: 16px;	7552	font-size: 16px;
7554	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7553	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7555	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7554	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7556	}	7555	}
7557	}	7556	}
7558	.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) {	7557	.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) {
7559	display: -webkit-box;	7558	display: -webkit-box;
7560	display: -ms-flexbox;	7559	display: -ms-flexbox;
7561	display: flex;	7560	display: flex;
7562	}	7561	}
7563	.faqs__item-button {	7562	.faqs__item-button {
7564	background: none;	7563	background: none;
7565	padding: 0;	7564	padding: 0;
7566	border: none;	7565	border: none;
7567	display: -webkit-box;	7566	display: -webkit-box;
7568	display: -ms-flexbox;	7567	display: -ms-flexbox;
7569	display: flex;	7568	display: flex;
7570	-webkit-box-align: center;	7569	-webkit-box-align: center;
7571	-ms-flex-align: center;	7570	-ms-flex-align: center;
7572	align-items: center;	7571	align-items: center;
7573	color: #000;	7572	color: #000;
7574	text-align: left;	7573	text-align: left;
7575	font-size: 14px;	7574	font-size: 14px;
7576	font-weight: 700;	7575	font-weight: 700;
7577	}	7576	}
7578	@media (min-width: 768px) {	7577	@media (min-width: 768px) {
7579	.faqs__item-button {	7578	.faqs__item-button {
7580	font-size: 20px;	7579	font-size: 20px;
7581	}	7580	}
7582	}	7581	}
7583	.faqs__item-button span {	7582	.faqs__item-button span {
7584	width: calc(100% - 16px);	7583	width: calc(100% - 16px);
7585	padding-right: 16px;	7584	padding-right: 16px;
7586	}	7585	}
7587	.faqs__item-button i {	7586	.faqs__item-button i {
7588	display: -webkit-box;	7587	display: -webkit-box;
7589	display: -ms-flexbox;	7588	display: -ms-flexbox;
7590	display: flex;	7589	display: flex;
7591	-webkit-box-pack: center;	7590	-webkit-box-pack: center;
7592	-ms-flex-pack: center;	7591	-ms-flex-pack: center;
7593	justify-content: center;	7592	justify-content: center;
7594	-webkit-box-align: center;	7593	-webkit-box-align: center;
7595	-ms-flex-align: center;	7594	-ms-flex-align: center;
7596	align-items: center;	7595	align-items: center;
7597	width: 16px;	7596	width: 16px;
7598	aspect-ratio: 1/1;	7597	aspect-ratio: 1/1;
7599	color: #377d87;	7598	color: #377d87;
7600	-webkit-transition: 0.3s;	7599	-webkit-transition: 0.3s;
7601	transition: 0.3s;	7600	transition: 0.3s;
7602	}	7601	}
7603	.faqs__item-button i svg {	7602	.faqs__item-button i svg {
7604	width: 16px;	7603	width: 16px;
7605	aspect-ratio: 1/1;	7604	aspect-ratio: 1/1;
7606	-webkit-transform: rotate(90deg);	7605	-webkit-transform: rotate(90deg);
7607	-ms-transform: rotate(90deg);	7606	-ms-transform: rotate(90deg);
7608	transform: rotate(90deg);	7607	transform: rotate(90deg);
7609	}	7608	}
7610	.faqs__item-button.active i {	7609	.faqs__item-button.active i {
7611	-webkit-transform: rotate(180deg);	7610	-webkit-transform: rotate(180deg);
7612	-ms-transform: rotate(180deg);	7611	-ms-transform: rotate(180deg);
7613	transform: rotate(180deg);	7612	transform: rotate(180deg);
7614	}	7613	}
7615	.faqs__item-body {	7614	.faqs__item-body {
7616	display: -webkit-box;	7615	display: -webkit-box;
7617	display: -ms-flexbox;	7616	display: -ms-flexbox;
7618	display: flex;	7617	display: flex;
7619	-webkit-box-orient: vertical;	7618	-webkit-box-orient: vertical;
7620	-webkit-box-direction: normal;	7619	-webkit-box-direction: normal;
7621	-ms-flex-direction: column;	7620	-ms-flex-direction: column;
7622	flex-direction: column;	7621	flex-direction: column;
7623	gap: 10px;	7622	gap: 10px;
7624	opacity: 0;	7623	opacity: 0;
7625	height: 0;	7624	height: 0;
7626	overflow: hidden;	7625	overflow: hidden;
7627	font-size: 12px;	7626	font-size: 12px;
7628	line-height: 1.4;	7627	line-height: 1.4;
7629	}	7628	}
7630	@media (min-width: 768px) {	7629	@media (min-width: 768px) {
7631	.faqs__item-body {	7630	.faqs__item-body {
7632	font-size: 16px;	7631	font-size: 16px;
7633	gap: 20px;	7632	gap: 20px;
7634	}	7633	}
7635	}	7634	}
7636	.faqs__item-body p {	7635	.faqs__item-body p {
7637	margin: 0;	7636	margin: 0;
7638	}	7637	}
7639	.active + .faqs__item-body {	7638	.active + .faqs__item-body {
7640	opacity: 1;	7639	opacity: 1;
7641	height: auto;	7640	height: auto;
7642	-webkit-transition: 0.3s;	7641	-webkit-transition: 0.3s;
7643	transition: 0.3s;	7642	transition: 0.3s;
7644	padding-top: 10px;	7643	padding-top: 10px;
7645	}	7644	}
7646	@media (min-width: 768px) {	7645	@media (min-width: 768px) {
7647	.active + .faqs__item-body {	7646	.active + .faqs__item-body {
7648	padding-top: 20px;	7647	padding-top: 20px;
7649	}	7648	}
7650	}	7649	}
7651	.faqs.active .faqs__item {	7650	.faqs.active .faqs__item {
7652	display: -webkit-box;	7651	display: -webkit-box;
7653	display: -ms-flexbox;	7652	display: -ms-flexbox;
7654	display: flex;	7653	display: flex;
7655	}	7654	}
7656		7655
7657	.cabinet {	7656	.cabinet {
7658	padding: 20px 0;	7657	padding: 20px 0;
7659	padding-bottom: 40px;	7658	padding-bottom: 40px;
7660	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	7659	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7661	}	7660	}
7662	@media (min-width: 992px) {	7661	@media (min-width: 992px) {
7663	.cabinet {	7662	.cabinet {
7664	padding: 30px 0;	7663	padding: 30px 0;
7665	padding-bottom: 60px;	7664	padding-bottom: 60px;
7666	}	7665	}
7667	}	7666	}
7668	.cabinet__breadcrumbs {	7667	.cabinet__breadcrumbs {
7669	margin-bottom: 50px;	7668	margin-bottom: 50px;
7670	}	7669	}
7671	.cabinet__wrapper {	7670	.cabinet__wrapper {
7672	display: -webkit-box;	7671	display: -webkit-box;
7673	display: -ms-flexbox;	7672	display: -ms-flexbox;
7674	display: flex;	7673	display: flex;
7675	-webkit-box-orient: vertical;	7674	-webkit-box-orient: vertical;
7676	-webkit-box-direction: normal;	7675	-webkit-box-direction: normal;
7677	-ms-flex-direction: column;	7676	-ms-flex-direction: column;
7678	flex-direction: column;	7677	flex-direction: column;
7679	}	7678	}
7680	@media (min-width: 992px) {	7679	@media (min-width: 992px) {
7681	.cabinet__wrapper {	7680	.cabinet__wrapper {
7682	-webkit-box-orient: horizontal;	7681	-webkit-box-orient: horizontal;
7683	-webkit-box-direction: normal;	7682	-webkit-box-direction: normal;
7684	-ms-flex-direction: row;	7683	-ms-flex-direction: row;
7685	flex-direction: row;	7684	flex-direction: row;
7686	-webkit-box-align: start;	7685	-webkit-box-align: start;
7687	-ms-flex-align: start;	7686	-ms-flex-align: start;
7688	align-items: flex-start;	7687	align-items: flex-start;
7689	-webkit-box-pack: justify;	7688	-webkit-box-pack: justify;
7690	-ms-flex-pack: justify;	7689	-ms-flex-pack: justify;
7691	justify-content: space-between;	7690	justify-content: space-between;
7692	}	7691	}
7693	}	7692	}
7694	.cabinet__side {	7693	.cabinet__side {
7695	border-radius: 8px;	7694	border-radius: 8px;
7696	background: #fff;	7695	background: #fff;
7697	padding: 20px 10px;	7696	padding: 20px 10px;
7698	display: -webkit-box;	7697	display: -webkit-box;
7699	display: -ms-flexbox;	7698	display: -ms-flexbox;
7700	display: flex;	7699	display: flex;
7701	-webkit-box-orient: vertical;	7700	-webkit-box-orient: vertical;
7702	-webkit-box-direction: normal;	7701	-webkit-box-direction: normal;
7703	-ms-flex-direction: column;	7702	-ms-flex-direction: column;
7704	flex-direction: column;	7703	flex-direction: column;
7705	gap: 30px;	7704	gap: 30px;
7706	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7705	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7707	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7706	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7708	}	7707	}
7709	@media (min-width: 768px) {	7708	@media (min-width: 768px) {
7710	.cabinet__side {	7709	.cabinet__side {
7711	padding: 30px 20px;	7710	padding: 30px 20px;
7712	margin-bottom: 50px;	7711	margin-bottom: 50px;
7713	}	7712	}
7714	}	7713	}
7715	@media (min-width: 992px) {	7714	@media (min-width: 992px) {
7716	.cabinet__side {	7715	.cabinet__side {
7717	width: 340px;	7716	width: 340px;
7718	margin: 0;	7717	margin: 0;
7719	position: sticky;	7718	position: sticky;
7720	top: 6px;	7719	top: 6px;
7721	}	7720	}
7722	}	7721	}
7723	@media (min-width: 1280px) {	7722	@media (min-width: 1280px) {
7724	.cabinet__side {	7723	.cabinet__side {
7725	width: 400px;	7724	width: 400px;
7726	}	7725	}
7727	}	7726	}
7728	.cabinet__side-item {	7727	.cabinet__side-item {
7729	display: -webkit-box;	7728	display: -webkit-box;
7730	display: -ms-flexbox;	7729	display: -ms-flexbox;
7731	display: flex;	7730	display: flex;
7732	-webkit-box-orient: vertical;	7731	-webkit-box-orient: vertical;
7733	-webkit-box-direction: normal;	7732	-webkit-box-direction: normal;
7734	-ms-flex-direction: column;	7733	-ms-flex-direction: column;
7735	flex-direction: column;	7734	flex-direction: column;
7736	gap: 20px;	7735	gap: 20px;
7737	}	7736	}
7738	.cabinet__side-toper {	7737	.cabinet__side-toper {
7739	display: -webkit-box;	7738	display: -webkit-box;
7740	display: -ms-flexbox;	7739	display: -ms-flexbox;
7741	display: flex;	7740	display: flex;
7742	-webkit-box-align: center;	7741	-webkit-box-align: center;
7743	-ms-flex-align: center;	7742	-ms-flex-align: center;
7744	align-items: center;	7743	align-items: center;
7745	}	7744	}
7746	.cabinet__side-toper-pic {	7745	.cabinet__side-toper-pic {
7747	width: 70px;	7746	width: 70px;
7748	aspect-ratio: 1/1;	7747	aspect-ratio: 1/1;
7749	overflow: hidden;	7748	overflow: hidden;
7750	border-radius: 8px;	7749	border-radius: 8px;
7751	color: #fff;	7750	color: #fff;
7752	background: #9c9d9d;	7751	background: #9c9d9d;
7753	display: -webkit-box;	7752	display: -webkit-box;
7754	display: -ms-flexbox;	7753	display: -ms-flexbox;
7755	display: flex;	7754	display: flex;
7756	-webkit-box-align: center;	7755	-webkit-box-align: center;
7757	-ms-flex-align: center;	7756	-ms-flex-align: center;
7758	align-items: center;	7757	align-items: center;
7759	-webkit-box-pack: center;	7758	-webkit-box-pack: center;
7760	-ms-flex-pack: center;	7759	-ms-flex-pack: center;
7761	justify-content: center;	7760	justify-content: center;
7762	position: relative;	7761	position: relative;
7763	}	7762	}
7764	.cabinet__side-toper-pic img {	7763	.cabinet__side-toper-pic img {
7765	width: 100%;	7764	width: 100%;
7766	height: 100%;	7765	height: 100%;
7767	-o-object-fit: cover;	7766	-o-object-fit: cover;
7768	object-fit: cover;	7767	object-fit: cover;
7769	position: absolute;	7768	position: absolute;
7770	z-index: 2;	7769	z-index: 2;
7771	top: 0;	7770	top: 0;
7772	left: 0;	7771	left: 0;
7773	aspect-ratio: 1/1;	7772	aspect-ratio: 1/1;
7774	-o-object-fit: contain;	7773	-o-object-fit: contain;
7775	object-fit: contain;	7774	object-fit: contain;
7776	}	7775	}
7777	.cabinet__side-toper-pic svg {	7776	.cabinet__side-toper-pic svg {
7778	width: 50%;	7777	width: 50%;
7779	aspect-ratio: 1/1;	7778	aspect-ratio: 1/1;
7780	}	7779	}
7781	.cabinet__side-toper b {	7780	.cabinet__side-toper b {
7782	width: calc(100% - 70px);	7781	width: calc(100% - 70px);
7783	font-size: 14px;	7782	font-size: 14px;
7784	font-weight: 700;	7783	font-weight: 700;
7785	padding-left: 16px;	7784	padding-left: 16px;
7786	}	7785	}
7787	@media (min-width: 768px) {	7786	@media (min-width: 768px) {
7788	.cabinet__side-toper b {	7787	.cabinet__side-toper b {
7789	font-size: 20px;	7788	font-size: 20px;
7790	}	7789	}
7791	}	7790	}
7792	.cabinet__menu {	7791	.cabinet__menu {
7793	display: -webkit-box;	7792	display: -webkit-box;
7794	display: -ms-flexbox;	7793	display: -ms-flexbox;
7795	display: flex;	7794	display: flex;
7796	-webkit-box-orient: vertical;	7795	-webkit-box-orient: vertical;
7797	-webkit-box-direction: normal;	7796	-webkit-box-direction: normal;
7798	-ms-flex-direction: column;	7797	-ms-flex-direction: column;
7799	flex-direction: column;	7798	flex-direction: column;
7800	}	7799	}
7801	.cabinet__menu-toper {	7800	.cabinet__menu-toper {
7802	display: -webkit-box;	7801	display: -webkit-box;
7803	display: -ms-flexbox;	7802	display: -ms-flexbox;
7804	display: flex;	7803	display: flex;
7805	-webkit-box-align: center;	7804	-webkit-box-align: center;
7806	-ms-flex-align: center;	7805	-ms-flex-align: center;
7807	align-items: center;	7806	align-items: center;
7808	-webkit-box-pack: justify;	7807	-webkit-box-pack: justify;
7809	-ms-flex-pack: justify;	7808	-ms-flex-pack: justify;
7810	justify-content: space-between;	7809	justify-content: space-between;
7811	padding: 0 16px;	7810	padding: 0 16px;
7812	padding-right: 12px;	7811	padding-right: 12px;
7813	border: none;	7812	border: none;
7814	border-radius: 8px;	7813	border-radius: 8px;
7815	background: #377d87;	7814	background: #377d87;
7816	color: #fff;	7815	color: #fff;
7817	}	7816	}
7818	@media (min-width: 768px) {	7817	@media (min-width: 768px) {
7819	.cabinet__menu-toper {	7818	.cabinet__menu-toper {
7820	padding: 0 20px;	7819	padding: 0 20px;
7821	}	7820	}
7822	}	7821	}
7823	@media (min-width: 992px) {	7822	@media (min-width: 992px) {
7824	.cabinet__menu-toper {	7823	.cabinet__menu-toper {
7825	display: none;	7824	display: none;
7826	}	7825	}
7827	}	7826	}
7828	.cabinet__menu-toper-text {	7827	.cabinet__menu-toper-text {
7829	width: calc(100% - 16px);	7828	width: calc(100% - 16px);
7830	display: -webkit-box;	7829	display: -webkit-box;
7831	display: -ms-flexbox;	7830	display: -ms-flexbox;
7832	display: flex;	7831	display: flex;
7833	-webkit-box-align: center;	7832	-webkit-box-align: center;
7834	-ms-flex-align: center;	7833	-ms-flex-align: center;
7835	align-items: center;	7834	align-items: center;
7836	}	7835	}
7837	@media (min-width: 768px) {	7836	@media (min-width: 768px) {
7838	.cabinet__menu-toper-text {	7837	.cabinet__menu-toper-text {
7839	width: calc(100% - 20px);	7838	width: calc(100% - 20px);
7840	}	7839	}
7841	}	7840	}
7842	.cabinet__menu-toper-text i {	7841	.cabinet__menu-toper-text i {
7843	width: 16px;	7842	width: 16px;
7844	height: 16px;	7843	height: 16px;
7845	display: -webkit-box;	7844	display: -webkit-box;
7846	display: -ms-flexbox;	7845	display: -ms-flexbox;
7847	display: flex;	7846	display: flex;
7848	-webkit-box-align: center;	7847	-webkit-box-align: center;
7849	-ms-flex-align: center;	7848	-ms-flex-align: center;
7850	align-items: center;	7849	align-items: center;
7851	-webkit-box-pack: center;	7850	-webkit-box-pack: center;
7852	-ms-flex-pack: center;	7851	-ms-flex-pack: center;
7853	justify-content: center;	7852	justify-content: center;
7854	}	7853	}
7855	@media (min-width: 768px) {	7854	@media (min-width: 768px) {
7856	.cabinet__menu-toper-text i {	7855	.cabinet__menu-toper-text i {
7857	width: 22px;	7856	width: 22px;
7858	height: 22px;	7857	height: 22px;
7859	}	7858	}
7860	}	7859	}
7861	.cabinet__menu-toper-text svg {	7860	.cabinet__menu-toper-text svg {
7862	width: 16px;	7861	width: 16px;
7863	height: 16px;	7862	height: 16px;
7864	}	7863	}
7865	@media (min-width: 768px) {	7864	@media (min-width: 768px) {
7866	.cabinet__menu-toper-text svg {	7865	.cabinet__menu-toper-text svg {
7867	width: 22px;	7866	width: 22px;
7868	height: 22px;	7867	height: 22px;
7869	}	7868	}
7870	}	7869	}
7871	.cabinet__menu-toper-text span {	7870	.cabinet__menu-toper-text span {
7872	display: -webkit-box;	7871	display: -webkit-box;
7873	display: -ms-flexbox;	7872	display: -ms-flexbox;
7874	display: flex;	7873	display: flex;
7875	-webkit-box-align: center;	7874	-webkit-box-align: center;
7876	-ms-flex-align: center;	7875	-ms-flex-align: center;
7877	align-items: center;	7876	align-items: center;
7878	padding: 0 10px;	7877	padding: 0 10px;
7879	min-height: 30px;	7878	min-height: 30px;
7880	font-size: 12px;	7879	font-size: 12px;
7881	width: calc(100% - 16px);	7880	width: calc(100% - 16px);
7882	}	7881	}
7883	@media (min-width: 768px) {	7882	@media (min-width: 768px) {
7884	.cabinet__menu-toper-text span {	7883	.cabinet__menu-toper-text span {
7885	width: calc(100% - 22px);	7884	width: calc(100% - 22px);
7886	font-size: 20px;	7885	font-size: 20px;
7887	min-height: 52px;	7886	min-height: 52px;
7888	padding: 0 16px;	7887	padding: 0 16px;
7889	}	7888	}
7890	}	7889	}
7891	.cabinet__menu-toper-arrow {	7890	.cabinet__menu-toper-arrow {
7892	width: 16px;	7891	width: 16px;
7893	height: 16px;	7892	height: 16px;
7894	display: -webkit-box;	7893	display: -webkit-box;
7895	display: -ms-flexbox;	7894	display: -ms-flexbox;
7896	display: flex;	7895	display: flex;
7897	-webkit-box-pack: center;	7896	-webkit-box-pack: center;
7898	-ms-flex-pack: center;	7897	-ms-flex-pack: center;
7899	justify-content: center;	7898	justify-content: center;
7900	-webkit-box-align: center;	7899	-webkit-box-align: center;
7901	-ms-flex-align: center;	7900	-ms-flex-align: center;
7902	align-items: center;	7901	align-items: center;
7903	-webkit-transition: 0.3s;	7902	-webkit-transition: 0.3s;
7904	transition: 0.3s;	7903	transition: 0.3s;
7905	}	7904	}
7906	@media (min-width: 768px) {	7905	@media (min-width: 768px) {
7907	.cabinet__menu-toper-arrow {	7906	.cabinet__menu-toper-arrow {
7908	width: 20px;	7907	width: 20px;
7909	height: 20px;	7908	height: 20px;
7910	}	7909	}
7911	}	7910	}
7912	.cabinet__menu-toper-arrow svg {	7911	.cabinet__menu-toper-arrow svg {
7913	width: 12px;	7912	width: 12px;
7914	height: 12px;	7913	height: 12px;
7915	-webkit-transform: rotate(90deg);	7914	-webkit-transform: rotate(90deg);
7916	-ms-transform: rotate(90deg);	7915	-ms-transform: rotate(90deg);
7917	transform: rotate(90deg);	7916	transform: rotate(90deg);
7918	}	7917	}
7919	@media (min-width: 768px) {	7918	@media (min-width: 768px) {
7920	.cabinet__menu-toper-arrow svg {	7919	.cabinet__menu-toper-arrow svg {
7921	width: 20px;	7920	width: 20px;
7922	height: 20px;	7921	height: 20px;
7923	}	7922	}
7924	}	7923	}
7925	.cabinet__menu-toper.active .cabinet__menu-toper-arrow {	7924	.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7926	-webkit-transform: rotate(180deg);	7925	-webkit-transform: rotate(180deg);
7927	-ms-transform: rotate(180deg);	7926	-ms-transform: rotate(180deg);
7928	transform: rotate(180deg);	7927	transform: rotate(180deg);
7929	}	7928	}
7930	.cabinet__menu-body {	7929	.cabinet__menu-body {
7931	opacity: 0;	7930	opacity: 0;
7932	height: 0;	7931	height: 0;
7933	overflow: hidden;	7932	overflow: hidden;
7934	display: -webkit-box;	7933	display: -webkit-box;
7935	display: -ms-flexbox;	7934	display: -ms-flexbox;
7936	display: flex;	7935	display: flex;
7937	-webkit-box-orient: vertical;	7936	-webkit-box-orient: vertical;
7938	-webkit-box-direction: normal;	7937	-webkit-box-direction: normal;
7939	-ms-flex-direction: column;	7938	-ms-flex-direction: column;
7940	flex-direction: column;	7939	flex-direction: column;
7941	}	7940	}
7942	@media (min-width: 992px) {	7941	@media (min-width: 992px) {
7943	.cabinet__menu-body {	7942	.cabinet__menu-body {
7944	opacity: 1;	7943	opacity: 1;
7945	height: auto;	7944	height: auto;
7946	}	7945	}
7947	}	7946	}
7948	.active + .cabinet__menu-body {	7947	.active + .cabinet__menu-body {
7949	opacity: 1;	7948	opacity: 1;
7950	height: auto;	7949	height: auto;
7951	-webkit-transition: 0.3s;	7950	-webkit-transition: 0.3s;
7952	transition: 0.3s;	7951	transition: 0.3s;
7953	}	7952	}
7954	.cabinet__menu-items {	7953	.cabinet__menu-items {
7955	display: -webkit-box;	7954	display: -webkit-box;
7956	display: -ms-flexbox;	7955	display: -ms-flexbox;
7957	display: flex;	7956	display: flex;
7958	-webkit-box-orient: vertical;	7957	-webkit-box-orient: vertical;
7959	-webkit-box-direction: normal;	7958	-webkit-box-direction: normal;
7960	-ms-flex-direction: column;	7959	-ms-flex-direction: column;
7961	flex-direction: column;	7960	flex-direction: column;
7962	}	7961	}
7963	.cabinet__menu-item {	7962	.cabinet__menu-item {
7964	padding: 8px 16px;	7963	padding: 8px 16px;
7965	border-radius: 8px;	7964	border-radius: 8px;
7966	display: -webkit-box;	7965	display: -webkit-box;
7967	display: -ms-flexbox;	7966	display: -ms-flexbox;
7968	display: flex;	7967	display: flex;
7969	-webkit-box-align: center;	7968	-webkit-box-align: center;
7970	-ms-flex-align: center;	7969	-ms-flex-align: center;
7971	align-items: center;	7970	align-items: center;
7972	}	7971	}
7973	@media (min-width: 768px) {	7972	@media (min-width: 768px) {
7974	.cabinet__menu-item {	7973	.cabinet__menu-item {
7975	padding: 14px 20px;	7974	padding: 14px 20px;
7976	}	7975	}
7977	}	7976	}
7978	.cabinet__menu-item:hover {	7977	.cabinet__menu-item:hover {
7979	color: #377d87;	7978	color: #377d87;
7980	}	7979	}
7981	@media (min-width: 992px) {	7980	@media (min-width: 992px) {
7982	.cabinet__menu-item.active {	7981	.cabinet__menu-item.active {
7983	background: #377d87;	7982	background: #377d87;
7984	color: #fff;	7983	color: #fff;
7985	}	7984	}
7986	}	7985	}
7987	@media (min-width: 992px) {	7986	@media (min-width: 992px) {
7988	.cabinet__menu-item.active svg {	7987	.cabinet__menu-item.active svg {
7989	color: #fff;	7988	color: #fff;
7990	}	7989	}
7991	}	7990	}
7992	@media (min-width: 992px) {	7991	@media (min-width: 992px) {
7993	.cabinet__menu-item.active.red {	7992	.cabinet__menu-item.active.red {
7994	background: #eb5757;	7993	background: #eb5757;
7995	}	7994	}
7996	}	7995	}
7997	.cabinet__menu-item i {	7996	.cabinet__menu-item i {
7998	width: 16px;	7997	width: 16px;
7999	height: 16px;	7998	height: 16px;
8000	color: #377d87;	7999	color: #377d87;
8001	}	8000	}
8002	@media (min-width: 768px) {	8001	@media (min-width: 768px) {
8003	.cabinet__menu-item i {	8002	.cabinet__menu-item i {
8004	width: 22px;	8003	width: 22px;
8005	height: 22px;	8004	height: 22px;
8006	}	8005	}
8007	}	8006	}
8008	.cabinet__menu-item svg {	8007	.cabinet__menu-item svg {
8009	width: 16px;	8008	width: 16px;
8010	height: 16px;	8009	height: 16px;
8011	}	8010	}
8012	@media (min-width: 768px) {	8011	@media (min-width: 768px) {
8013	.cabinet__menu-item svg {	8012	.cabinet__menu-item svg {
8014	width: 22px;	8013	width: 22px;
8015	height: 22px;	8014	height: 22px;
8016	}	8015	}
8017	}	8016	}
8018	.cabinet__menu-item span {	8017	.cabinet__menu-item span {
8019	width: calc(100% - 16px);	8018	width: calc(100% - 16px);
8020	font-size: 12px;	8019	font-size: 12px;
8021	padding-left: 10px;	8020	padding-left: 10px;
8022	}	8021	}
8023	@media (min-width: 768px) {	8022	@media (min-width: 768px) {
8024	.cabinet__menu-item span {	8023	.cabinet__menu-item span {
8025	font-size: 20px;	8024	font-size: 20px;
8026	width: calc(100% - 22px);	8025	width: calc(100% - 22px);
8027	padding-left: 16px;	8026	padding-left: 16px;
8028	}	8027	}
8029	}	8028	}
8030	.cabinet__menu-bottom {	8029	.cabinet__menu-bottom {
8031	display: -webkit-box;	8030	display: -webkit-box;
8032	display: -ms-flexbox;	8031	display: -ms-flexbox;
8033	display: flex;	8032	display: flex;
8034	-webkit-box-orient: vertical;	8033	-webkit-box-orient: vertical;
8035	-webkit-box-direction: normal;	8034	-webkit-box-direction: normal;
8036	-ms-flex-direction: column;	8035	-ms-flex-direction: column;
8037	flex-direction: column;	8036	flex-direction: column;
8038	gap: 10px;	8037	gap: 10px;
8039	margin-top: 10px;	8038	margin-top: 10px;
8040	}	8039	}
8041	@media (min-width: 768px) {	8040	@media (min-width: 768px) {
8042	.cabinet__menu-bottom {	8041	.cabinet__menu-bottom {
8043	gap: 20px;	8042	gap: 20px;
8044	margin-top: 20px;	8043	margin-top: 20px;
8045	}	8044	}
8046	}	8045	}
8047	.cabinet__menu-copy {	8046	.cabinet__menu-copy {
8048	color: #9c9d9d;	8047	color: #9c9d9d;
8049	text-align: center;	8048	text-align: center;
8050	font-size: 12px;	8049	font-size: 12px;
8051	}	8050	}
8052	@media (min-width: 768px) {	8051	@media (min-width: 768px) {
8053	.cabinet__menu-copy {	8052	.cabinet__menu-copy {
8054	font-size: 16px;	8053	font-size: 16px;
8055	}	8054	}
8056	}	8055	}
8057	.cabinet__body {	8056	.cabinet__body {
8058	margin: 0 -10px;	8057	margin: 0 -10px;
8059	margin-top: 50px;	8058	margin-top: 50px;
8060	background: #fff;	8059	background: #fff;
8061	padding: 20px 10px;	8060	padding: 20px 10px;
8062	display: -webkit-box;	8061	display: -webkit-box;
8063	display: -ms-flexbox;	8062	display: -ms-flexbox;
8064	display: flex;	8063	display: flex;
8065	-webkit-box-orient: vertical;	8064	-webkit-box-orient: vertical;
8066	-webkit-box-direction: normal;	8065	-webkit-box-direction: normal;
8067	-ms-flex-direction: column;	8066	-ms-flex-direction: column;
8068	flex-direction: column;	8067	flex-direction: column;
8069	gap: 30px;	8068	gap: 30px;
8070	color: #000;	8069	color: #000;
8071	}	8070	}
8072	@media (min-width: 768px) {	8071	@media (min-width: 768px) {
8073	.cabinet__body {	8072	.cabinet__body {
8074	padding: 30px 20px;	8073	padding: 30px 20px;
8075	margin: 0;	8074	margin: 0;
8076	border-radius: 8px;	8075	border-radius: 8px;
8077	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	8076	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8078	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	8077	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8079	}	8078	}
8080	}	8079	}
8081	@media (min-width: 992px) {	8080	@media (min-width: 992px) {
8082	.cabinet__body {	8081	.cabinet__body {
8083	width: calc(100% - 360px);	8082	width: calc(100% - 360px);
8084	}	8083	}
8085	}	8084	}
8086	@media (min-width: 1280px) {	8085	@media (min-width: 1280px) {
8087	.cabinet__body {	8086	.cabinet__body {
8088	width: calc(100% - 420px);	8087	width: calc(100% - 420px);
8089	}	8088	}
8090	}	8089	}
8091	.cabinet__body-item {	8090	.cabinet__body-item {
8092	display: -webkit-box;	8091	display: -webkit-box;
8093	display: -ms-flexbox;	8092	display: -ms-flexbox;
8094	display: flex;	8093	display: flex;
8095	-webkit-box-orient: vertical;	8094	-webkit-box-orient: vertical;
8096	-webkit-box-direction: normal;	8095	-webkit-box-direction: normal;
8097	-ms-flex-direction: column;	8096	-ms-flex-direction: column;
8098	flex-direction: column;	8097	flex-direction: column;
8099	gap: 20px;	8098	gap: 20px;
8100	}	8099	}
8101	.cabinet__title {	8100	.cabinet__title {
8102	font-size: 24px;	8101	font-size: 24px;
8103	margin-bottom: 20px;	8102	margin-bottom: 20px;
8104	}	8103	}
8105	@media (min-width: 768px) {	8104	@media (min-width: 768px) {
8106	.cabinet__title {	8105	.cabinet__title {
8107	font-size: 32px;	8106	font-size: 32px;
8108	}	8107	}
8109	}	8108	}
8110	@media (min-width: 992px) {	8109	@media (min-width: 992px) {
8111	.cabinet__title {	8110	.cabinet__title {
8112	font-size: 40px;	8111	font-size: 40px;
8113	}	8112	}
8114	}	8113	}
8115	.cabinet__subtitle {	8114	.cabinet__subtitle {
8116	font-size: 22px;	8115	font-size: 22px;
8117	margin: 0;	8116	margin: 0;
8118	font-weight: 700;	8117	font-weight: 700;
8119	color: #000;	8118	color: #000;
8120	}	8119	}
8121	@media (min-width: 768px) {	8120	@media (min-width: 768px) {
8122	.cabinet__subtitle {	8121	.cabinet__subtitle {
8123	font-size: 24px;	8122	font-size: 24px;
8124	}	8123	}
8125	}	8124	}
8126	.cabinet__h4 {	8125	.cabinet__h4 {
8127	font-size: 20px;	8126	font-size: 20px;
8128	margin: 0;	8127	margin: 0;
8129	font-weight: 700;	8128	font-weight: 700;
8130	color: #000;	8129	color: #000;
8131	}	8130	}
8132	@media (min-width: 768px) {	8131	@media (min-width: 768px) {
8133	.cabinet__h4 {	8132	.cabinet__h4 {
8134	font-size: 22px;	8133	font-size: 22px;
8135	}	8134	}
8136	}	8135	}
8137	.cabinet__text {	8136	.cabinet__text {
8138	margin: 0;	8137	margin: 0;
8139	font-size: 14px;	8138	font-size: 14px;
8140	}	8139	}
8141	@media (min-width: 768px) {	8140	@media (min-width: 768px) {
8142	.cabinet__text {	8141	.cabinet__text {
8143	font-size: 16px;	8142	font-size: 16px;
8144	}	8143	}
8145	}	8144	}
8146	.cabinet__text b {	8145	.cabinet__text b {
8147	color: #000;	8146	color: #000;
8148	font-size: 18px;	8147	font-size: 18px;
8149	}	8148	}
8150	@media (min-width: 768px) {	8149	@media (min-width: 768px) {
8151	.cabinet__text b {	8150	.cabinet__text b {
8152	font-size: 24px;	8151	font-size: 24px;
8153	}	8152	}
8154	}	8153	}
8155	.cabinet__descr {	8154	.cabinet__descr {
8156	display: -webkit-box;	8155	display: -webkit-box;
8157	display: -ms-flexbox;	8156	display: -ms-flexbox;
8158	display: flex;	8157	display: flex;
8159	-webkit-box-orient: vertical;	8158	-webkit-box-orient: vertical;
8160	-webkit-box-direction: normal;	8159	-webkit-box-direction: normal;
8161	-ms-flex-direction: column;	8160	-ms-flex-direction: column;
8162	flex-direction: column;	8161	flex-direction: column;
8163	gap: 6px;	8162	gap: 6px;
8164	}	8163	}
8165	@media (min-width: 768px) {	8164	@media (min-width: 768px) {
8166	.cabinet__descr {	8165	.cabinet__descr {
8167	gap: 12px;	8166	gap: 12px;
8168	}	8167	}
8169	}	8168	}
8170	.cabinet__avatar {	8169	.cabinet__avatar {
8171	display: -webkit-box;	8170	display: -webkit-box;
8172	display: -ms-flexbox;	8171	display: -ms-flexbox;
8173	display: flex;	8172	display: flex;
8174	-webkit-box-align: start;	8173	-webkit-box-align: start;
8175	-ms-flex-align: start;	8174	-ms-flex-align: start;
8176	align-items: flex-start;	8175	align-items: flex-start;
8177	}	8176	}
8178	@media (min-width: 768px) {	8177	@media (min-width: 768px) {
8179	.cabinet__avatar {	8178	.cabinet__avatar {
8180	-webkit-box-align: center;	8179	-webkit-box-align: center;
8181	-ms-flex-align: center;	8180	-ms-flex-align: center;
8182	align-items: center;	8181	align-items: center;
8183	}	8182	}
8184	}	8183	}
8185	.cabinet__avatar-pic {	8184	.cabinet__avatar-pic {
8186	width: 100px;	8185	width: 100px;
8187	aspect-ratio: 1/1;	8186	aspect-ratio: 1/1;
8188	position: relative;	8187	position: relative;
8189	display: -webkit-box;	8188	display: -webkit-box;
8190	display: -ms-flexbox;	8189	display: -ms-flexbox;
8191	display: flex;	8190	display: flex;
8192	-webkit-box-pack: center;	8191	-webkit-box-pack: center;
8193	-ms-flex-pack: center;	8192	-ms-flex-pack: center;
8194	justify-content: center;	8193	justify-content: center;
8195	-webkit-box-align: center;	8194	-webkit-box-align: center;
8196	-ms-flex-align: center;	8195	-ms-flex-align: center;
8197	align-items: center;	8196	align-items: center;
8198	overflow: hidden;	8197	overflow: hidden;
8199	border-radius: 8px;	8198	border-radius: 8px;
8200	color: #fff;	8199	color: #fff;
8201	background: #9c9d9d;	8200	background: #9c9d9d;
8202	}	8201	}
8203	.cabinet__avatar-pic svg {	8202	.cabinet__avatar-pic svg {
8204	width: 50%;	8203	width: 50%;
8205	aspect-ratio: 1/1;	8204	aspect-ratio: 1/1;
8206	z-index: 1;	8205	z-index: 1;
8207	position: relative;	8206	position: relative;
8208	}	8207	}
8209	.cabinet__avatar-pic img{	8208	.cabinet__avatar-pic img{
8210	max-width: 100%;	8209	max-width: 100%;
8211	max-height: 100%;	8210	max-height: 100%;
8212	}	8211	}
8213	.cabinet__avatar-form {	8212	.cabinet__avatar-form {
8214	width: calc(100% - 100px);	8213	width: calc(100% - 100px);
8215	padding-left: 15px;	8214	padding-left: 15px;
8216	display: -webkit-box;	8215	display: -webkit-box;
8217	display: -ms-flexbox;	8216	display: -ms-flexbox;
8218	display: flex;	8217	display: flex;
8219	-webkit-box-orient: vertical;	8218	-webkit-box-orient: vertical;
8220	-webkit-box-direction: normal;	8219	-webkit-box-direction: normal;
8221	-ms-flex-direction: column;	8220	-ms-flex-direction: column;
8222	flex-direction: column;	8221	flex-direction: column;
8223	gap: 6px;	8222	gap: 6px;
8224	}	8223	}
8225	.candidate-top-wrapper{	8224	.candidate-top-wrapper{
8226	display: flex;	8225	display: flex;
8227	}	8226	}
8228	.candidate-top-wrapper .candidate-thumbnail{	8227	.candidate-top-wrapper .candidate-thumbnail{
8229	width: 100px;	8228	width: 100px;
8230	height: 100px;	8229	height: 100px;
8231	min-width: 100px;	8230	min-width: 100px;
8232	border-radius: 8px;	8231	border-radius: 8px;
8233	overflow: hidden;	8232	overflow: hidden;
8234	}	8233	}
8235	.candidate-top-wrapper .candidate-thumbnail img{	8234	.candidate-top-wrapper .candidate-thumbnail img{
8236	max-height: 100%;	8235	max-height: 100%;
8237	max-width: 100%;	8236	max-width: 100%;
8238	}	8237	}
8239	.candidate-top-wrapper .candidate-information{	8238	.candidate-top-wrapper .candidate-information{
8240	padding-left: 20px;	8239	padding-left: 20px;
8241	font-size: 21px;	8240	font-size: 21px;
8242	display: flex;	8241	display: flex;
8243	align-items: center;	8242	align-items: center;
8244	}	8243	}
8245	.candidate-top-wrapper .candidate-information .candidate-title{	8244	.candidate-top-wrapper .candidate-information .candidate-title{
8246	font-size: inherit;	8245	font-size: inherit;
8247	}	8246	}
8248	.content-single-candidate .education-detail-description{	8247	.content-single-candidate .education-detail-description{
8249	margin-bottom: 50px;	8248	margin-bottom: 50px;
8250	text-align: justify;	8249	text-align: justify;
8251	}	8250	}
8252	.content-single-candidate .education-detail-description h3.title{	8251	.content-single-candidate .education-detail-description h3.title{
8253	font-size: 18px;	8252	font-size: 18px;
8254	margin: 0 0 20px;	8253	margin: 0 0 20px;
8255	}	8254	}
8256	.content-single-candidate .education-detail-description .inner{	8255	.content-single-candidate .education-detail-description .inner{
8257	font-size: 16px;	8256	font-size: 16px;
8258	font-weight: 300;	8257	font-weight: 300;
8259	line-height: 22px;	8258	line-height: 22px;
8260	color: #77838F;	8259	color: #77838F;
8261	}	8260	}
8262	.education-detail-programs h3.title{	8261	.education-detail-programs h3.title{
8263	font-size: 18px;	8262	font-size: 18px;
8264	margin: 0 0 20px;	8263	margin: 0 0 20px;
8265	}	8264	}
8266	.education-detail-programs .accordion{	8265	.education-detail-programs .accordion{
8267	margin: 1rem 0;	8266	margin: 1rem 0;
8268	padding: 0;	8267	padding: 0;
8269	list-style: none;	8268	list-style: none;
8270	border-top: 1px solid #ECEDF2;	8269	border-top: 1px solid #ECEDF2;
8271	}	8270	}
8272	.education-detail-programs .accordion.sub{	8271	.education-detail-programs .accordion.sub{
8273	padding-left: 20px;	8272	padding-left: 20px;
8274	display: none;	8273	display: none;
8275	}	8274	}
8276	.education-detail-programs .accordion-item {	8275	.education-detail-programs .accordion-item {
8277	border-bottom: 1px solid #ECEDF2;	8276	border-bottom: 1px solid #ECEDF2;
8278	}	8277	}
8279	.education-detail-programs .accordion-thumb {	8278	.education-detail-programs .accordion-thumb {
8280	margin: 0;	8279	margin: 0;
8281	padding: 25px 0;	8280	padding: 25px 0;
8282	cursor: pointer;	8281	cursor: pointer;
8283	font-weight: normal;	8282	font-weight: normal;
8284	color: #0E5C69;	8283	color: #0E5C69;
8285	font-size: 16px;	8284	font-size: 16px;
8286	text-transform: uppercase;	8285	text-transform: uppercase;
8287	}	8286	}
8288	.education-detail-programs .accordion-thumb::after {	8287	.education-detail-programs .accordion-thumb::after {
8289	content: "";	8288	content: "";
8290	display: block;	8289	display: block;
8291	float: right;	8290	float: right;
8292	position: relative;	8291	position: relative;
8293	top: 6px;	8292	top: 6px;
8294	height: 7px;	8293	height: 7px;
8295	width: 7px;	8294	width: 7px;
8296	margin-right: 1rem;	8295	margin-right: 1rem;
8297	margin-left: 0.5rem;	8296	margin-left: 0.5rem;
8298	border-right: 1px solid;	8297	border-right: 1px solid;
8299	border-bottom: 1px solid;	8298	border-bottom: 1px solid;
8300	border-color: #828A96;	8299	border-color: #828A96;
8301	transform: rotate(-45deg);	8300	transform: rotate(-45deg);
8302	transition: transform 0.2s ease-out;	8301	transition: transform 0.2s ease-out;
8303	}	8302	}
8304	.education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {	8303	.education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8305	transform: rotate(45deg);	8304	transform: rotate(45deg);
8306	}	8305	}
8307	.accordion-sub .accordion-panel{	8306	.accordion-sub .accordion-panel{
8308	display: none;	8307	display: none;
8309	}	8308	}
8310	.accordion > .accordion-item > .accordion-panel{	8309	.accordion > .accordion-item > .accordion-panel{
8311	opacity: 1;	8310	opacity: 1;
8312	}	8311	}
8313	.accordion-sub li{	8312	.accordion-sub li{
8314	list-style-type: none;	8313	list-style-type: none;
8315	}	8314	}
8316	.accordion-sub .accordion-item .accordion-panel{	8315	.accordion-sub .accordion-item .accordion-panel{
8317	white-space: pre-wrap;	8316	white-space: pre-wrap;
8318	white-space: -moz-pre-wrap;	8317	white-space: -moz-pre-wrap;
8319	white-space: -o-pre-wrap;	8318	white-space: -o-pre-wrap;
8320	}	8319	}
8321	.accordion-sub li:last-child {	8320	.accordion-sub li:last-child {
8322	border-bottom: unset;	8321	border-bottom: unset;
8323	}	8322	}
8324	.education-detail-contacts{	8323	.education-detail-contacts{
8325	margin-top: 50px;	8324	margin-top: 50px;
8326	}	8325	}
8327	.education-detail-contacts h3.title{	8326	.education-detail-contacts h3.title{
8328	font-size: 18px;	8327	font-size: 18px;
8329	margin: 0 0 20px;	8328	margin: 0 0 20px;
8330	}	8329	}
8331	.education-detail-contacts .inner > div{	8330	.education-detail-contacts .inner > div{
8332	display: flex;	8331	display: flex;
8333	align-items: center;	8332	align-items: center;
8334	margin-bottom: 20px;	8333	margin-bottom: 20px;
8335	}	8334	}
8336	.education-detail-contacts .inner > div .icon{	8335	.education-detail-contacts .inner > div .icon{
8337	margin-right: 20px;	8336	margin-right: 20px;
8338	}	8337	}
8339	@media (min-width: 768px) {	8338	@media (min-width: 768px) {
8340	.cabinet__avatar-form {	8339	.cabinet__avatar-form {
8341	-webkit-box-align: start;	8340	-webkit-box-align: start;
8342	-ms-flex-align: start;	8341	-ms-flex-align: start;
8343	align-items: flex-start;	8342	align-items: flex-start;
8344	padding-left: 30px;	8343	padding-left: 30px;
8345	gap: 12px;	8344	gap: 12px;
8346	}	8345	}
8347	}	8346	}
8348	@media (min-width: 768px) {	8347	@media (min-width: 768px) {
8349	.cabinet__avatar-form .file {	8348	.cabinet__avatar-form .file {
8350	min-width: 215px;	8349	min-width: 215px;
8351	}	8350	}
8352	}	8351	}
8353	.cabinet__inputs {	8352	.cabinet__inputs {
8354	display: -webkit-box;	8353	display: -webkit-box;
8355	display: -ms-flexbox;	8354	display: -ms-flexbox;
8356	display: flex;	8355	display: flex;
8357	-webkit-box-orient: vertical;	8356	-webkit-box-orient: vertical;
8358	-webkit-box-direction: normal;	8357	-webkit-box-direction: normal;
8359	-ms-flex-direction: column;	8358	-ms-flex-direction: column;
8360	flex-direction: column;	8359	flex-direction: column;
8361	gap: 20px;	8360	gap: 20px;
8362	}	8361	}
8363	.cabinet__inputs .cabinet__inputs_to_columns_wrap{	8362	.cabinet__inputs .cabinet__inputs_to_columns_wrap{
8364	display: flex;	8363	display: flex;
8365	}	8364	}
8366	.cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{	8365	.cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8367	width: 50%;	8366	width: 50%;
8368	padding-right: 20px;	8367	padding-right: 20px;
8369	}	8368	}
8370	.cabinet__inputs_to_columns_wrap .cabinet__inputs-item{	8369	.cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8371	margin-bottom: 20px;	8370	margin-bottom: 20px;
8372	width: 100%;	8371	width: 100%;
8373	}	8372	}
8374	@media (min-width: 1280px) {	8373	@media (min-width: 1280px) {
8375	.cabinet__inputs {	8374	.cabinet__inputs {
8376	-webkit-box-orient: horizontal;	8375	-webkit-box-orient: horizontal;
8377	-webkit-box-direction: normal;	8376	-webkit-box-direction: normal;
8378	-ms-flex-direction: row;	8377	-ms-flex-direction: row;
8379	flex-direction: row;	8378	flex-direction: row;
8380	-webkit-box-align: end;	8379	-webkit-box-align: end;
8381	-ms-flex-align: end;	8380	-ms-flex-align: end;
8382	align-items: end;	8381	align-items: end;
8383	-webkit-box-pack: justify;	8382	-webkit-box-pack: justify;
8384	-ms-flex-pack: justify;	8383	-ms-flex-pack: justify;
8385	justify-content: space-between;	8384	justify-content: space-between;
8386	-ms-flex-wrap: wrap;	8385	-ms-flex-wrap: wrap;
8387	flex-wrap: wrap;	8386	flex-wrap: wrap;
8388	}	8387	}
8389	}	8388	}
8390	@media (min-width: 1280px) {	8389	@media (min-width: 1280px) {
8391	.cabinet__inputs-item {	8390	.cabinet__inputs-item {
8392	width: calc(50% - 10px);	8391	width: calc(50% - 10px);
8393	}	8392	}
8394	}	8393	}
8395	@media (min-width: 1280px) {	8394	@media (min-width: 1280px) {
8396	.cabinet__inputs-item_fullwidth {	8395	.cabinet__inputs-item_fullwidth {
8397	width: 100%;	8396	width: 100%;
8398	}	8397	}
8399	}	8398	}
8400	@media (min-width: 1280px) {	8399	@media (min-width: 1280px) {
8401	.cabinet__inputs-item_min {	8400	.cabinet__inputs-item_min {
8402	width: calc(15% - 10px);	8401	width: calc(15% - 10px);
8403	}	8402	}
8404	}	8403	}
8405	@media (min-width: 1280px) {	8404	@media (min-width: 1280px) {
8406	.cabinet__inputs-item_max {	8405	.cabinet__inputs-item_max {
8407	width: calc(85% - 10px);	8406	width: calc(85% - 10px);
8408	}	8407	}
8409	}	8408	}
8410	@media (min-width: 768px) {	8409	@media (min-width: 768px) {
8411	.cabinet__inputs-item .button {	8410	.cabinet__inputs-item .button {
8412	width: 100%;	8411	width: 100%;
8413	max-width: 215px;	8412	max-width: 215px;
8414	padding: 0;	8413	padding: 0;
8415	}	8414	}
8416	}	8415	}
8417	@media (max-width: 768px) {	8416	@media (max-width: 768px) {
8418	.cabinet__inputs .cabinet__inputs_to_columns_wrap{	8417	.cabinet__inputs .cabinet__inputs_to_columns_wrap{
8419	display: block;	8418	display: block;
8420	}	8419	}
8421	.cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{	8420	.cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8422	width: 100%;	8421	width: 100%;
8423	}	8422	}
8424	}	8423	}
8425	.cabinet__inputs-item.column-count-3{	8424	.cabinet__inputs-item.column-count-3{
8426	width: calc(32% - 10px);	8425	width: calc(32% - 10px);
8427	}	8426	}
8428	.cabinet__inputs-item-full-row {	8427	.cabinet__inputs-item-full-row {
8429	width: 100%;	8428	width: 100%;
8430	}	8429	}
8431	.cabinet__inputs-item .buttons {	8430	.cabinet__inputs-item .buttons {
8432	display: grid;	8431	display: grid;
8433	grid-template-columns: 1fr 1fr;	8432	grid-template-columns: 1fr 1fr;
8434	gap: 10px;	8433	gap: 10px;
8435	}	8434	}
8436	.cabinet__inputs-item .form-group__label{	8435	.cabinet__inputs-item .form-group__label{
8437	font-weight: bold;	8436	font-weight: bold;
8438	}	8437	}
8439	@media (min-width: 768px) {	8438	@media (min-width: 768px) {
8440	.cabinet__inputs-item .buttons {	8439	.cabinet__inputs-item .buttons {
8441	gap: 20px;	8440	gap: 20px;
8442	max-width: 470px;	8441	max-width: 470px;
8443	}	8442	}
8444	}	8443	}
8445	@media (min-width: 992px) {	8444	@media (min-width: 992px) {
8446	.cabinet__inputs-item .buttons {	8445	.cabinet__inputs-item .buttons {
8447	max-width: none;	8446	max-width: none;
8448	}	8447	}
8449	}	8448	}
8450	@media (min-width: 1280px) {	8449	@media (min-width: 1280px) {
8451	.cabinet__inputs-item .buttons {	8450	.cabinet__inputs-item .buttons {
8452	max-width: 470px;	8451	max-width: 470px;
8453	}	8452	}
8454	}	8453	}
8455	.cabinet__inputs-item .buttons .button {	8454	.cabinet__inputs-item .buttons .button {
8456	max-width: none;	8455	max-width: none;
8457	}	8456	}
8458	.cabinet__inputs > .button {	8457	.cabinet__inputs > .button {
8459	padding: 0;	8458	padding: 0;
8460	width: 100%;	8459	width: 100%;
8461	max-width: 140px;	8460	max-width: 140px;
8462	}	8461	}
8463	@media (min-width: 768px) {	8462	@media (min-width: 768px) {
8464	.cabinet__inputs > .button {	8463	.cabinet__inputs > .button {
8465	max-width: 190px;	8464	max-width: 190px;
8466	}	8465	}
8467	}	8466	}
8468	.cabinet__add {	8467	.cabinet__add {
8469	display: -webkit-box;	8468	display: -webkit-box;
8470	display: -ms-flexbox;	8469	display: -ms-flexbox;
8471	display: flex;	8470	display: flex;
8472	-webkit-box-orient: vertical;	8471	-webkit-box-orient: vertical;
8473	-webkit-box-direction: normal;	8472	-webkit-box-direction: normal;
8474	-ms-flex-direction: column;	8473	-ms-flex-direction: column;
8475	flex-direction: column;	8474	flex-direction: column;
8476	gap: 10px;	8475	gap: 10px;
8477	}	8476	}
8478	@media (min-width: 768px) {	8477	@media (min-width: 768px) {
8479	.cabinet__add {	8478	.cabinet__add {
8480	gap: 0;	8479	gap: 0;
8481	-webkit-box-orient: horizontal;	8480	-webkit-box-orient: horizontal;
8482	-webkit-box-direction: normal;	8481	-webkit-box-direction: normal;
8483	-ms-flex-direction: row;	8482	-ms-flex-direction: row;
8484	flex-direction: row;	8483	flex-direction: row;
8485	-webkit-box-align: end;	8484	-webkit-box-align: end;
8486	-ms-flex-align: end;	8485	-ms-flex-align: end;
8487	align-items: flex-end;	8486	align-items: flex-end;
8488	}	8487	}
8489	}	8488	}
8490	.cabinet__add-pic {	8489	.cabinet__add-pic {
8491	border-radius: 4px;	8490	border-radius: 4px;
8492	position: relative;	8491	position: relative;
8493	overflow: hidden;	8492	overflow: hidden;
8494	background: #9c9d9d;	8493	background: #9c9d9d;
8495	color: #fff;	8494	color: #fff;
8496	width: 100px;	8495	width: 100px;
8497	aspect-ratio: 1/1;	8496	aspect-ratio: 1/1;
8498	-webkit-transition: 0.3s;	8497	-webkit-transition: 0.3s;
8499	transition: 0.3s;	8498	transition: 0.3s;
8500	}	8499	}
8501	@media (min-width: 768px) {	8500	@media (min-width: 768px) {
8502	.cabinet__add-pic {	8501	.cabinet__add-pic {
8503	width: 220px;	8502	width: 220px;
8504	border-radius: 8px;	8503	border-radius: 8px;
8505	}	8504	}
8506	}	8505	}
8507	.cabinet__add-pic:hover {	8506	.cabinet__add-pic:hover {
8508	background: #000;	8507	background: #000;
8509	}	8508	}
8510	.cabinet__add-pic input {	8509	.cabinet__add-pic input {
8511	display: none;	8510	display: none;
8512	}	8511	}
8513	.cabinet__add-pic > svg {	8512	.cabinet__add-pic > svg {
8514	width: 20px;	8513	width: 20px;
8515	position: absolute;	8514	position: absolute;
8516	top: 50%;	8515	top: 50%;
8517	left: 50%;	8516	left: 50%;
8518	-webkit-transform: translate(-50%, -50%);	8517	-webkit-transform: translate(-50%, -50%);
8519	-ms-transform: translate(-50%, -50%);	8518	-ms-transform: translate(-50%, -50%);
8520	transform: translate(-50%, -50%);	8519	transform: translate(-50%, -50%);
8521	z-index: 1;	8520	z-index: 1;
8522	}	8521	}
8523	@media (min-width: 768px) {	8522	@media (min-width: 768px) {
8524	.cabinet__add-pic > svg {	8523	.cabinet__add-pic > svg {
8525	width: 50px;	8524	width: 50px;
8526	}	8525	}
8527	}	8526	}
8528	.cabinet__add-pic span {	8527	.cabinet__add-pic span {
8529	display: -webkit-box;	8528	display: -webkit-box;
8530	display: -ms-flexbox;	8529	display: -ms-flexbox;
8531	display: flex;	8530	display: flex;
8532	-webkit-box-align: center;	8531	-webkit-box-align: center;
8533	-ms-flex-align: center;	8532	-ms-flex-align: center;
8534	align-items: center;	8533	align-items: center;
8535	-webkit-box-pack: center;	8534	-webkit-box-pack: center;
8536	-ms-flex-pack: center;	8535	-ms-flex-pack: center;
8537	justify-content: center;	8536	justify-content: center;
8538	width: 100%;	8537	width: 100%;
8539	gap: 4px;	8538	gap: 4px;
8540	font-weight: 700;	8539	font-weight: 700;
8541	font-size: 8px;	8540	font-size: 8px;
8542	line-height: 1;	8541	line-height: 1;
8543	position: absolute;	8542	position: absolute;
8544	top: 50%;	8543	top: 50%;
8545	left: 50%;	8544	left: 50%;
8546	-webkit-transform: translate(-50%, -50%);	8545	-webkit-transform: translate(-50%, -50%);
8547	-ms-transform: translate(-50%, -50%);	8546	-ms-transform: translate(-50%, -50%);
8548	transform: translate(-50%, -50%);	8547	transform: translate(-50%, -50%);
8549	margin-top: 25px;	8548	margin-top: 25px;
8550	}	8549	}
8551	@media (min-width: 768px) {	8550	@media (min-width: 768px) {
8552	.cabinet__add-pic span {	8551	.cabinet__add-pic span {
8553	font-size: 16px;	8552	font-size: 16px;
8554	margin-top: 60px;	8553	margin-top: 60px;
8555	}	8554	}
8556	}	8555	}
8557	.cabinet__add-pic span svg {	8556	.cabinet__add-pic span svg {
8558	width: 7px;	8557	width: 7px;
8559	aspect-ratio: 1/1;	8558	aspect-ratio: 1/1;
8560	}	8559	}
8561	@media (min-width: 768px) {	8560	@media (min-width: 768px) {
8562	.cabinet__add-pic span svg {	8561	.cabinet__add-pic span svg {
8563	width: 16px;	8562	width: 16px;
8564	}	8563	}
8565	}	8564	}
8566	.cabinet__add-body {	8565	.cabinet__add-body {
8567	display: -webkit-box;	8566	display: -webkit-box;
8568	display: -ms-flexbox;	8567	display: -ms-flexbox;
8569	display: flex;	8568	display: flex;
8570	-webkit-box-orient: vertical;	8569	-webkit-box-orient: vertical;
8571	-webkit-box-direction: normal;	8570	-webkit-box-direction: normal;
8572	-ms-flex-direction: column;	8571	-ms-flex-direction: column;
8573	flex-direction: column;	8572	flex-direction: column;
8574	gap: 10px;	8573	gap: 10px;
8575	}	8574	}
8576	@media (min-width: 768px) {	8575	@media (min-width: 768px) {
8577	.cabinet__add-body {	8576	.cabinet__add-body {
8578	gap: 20px;	8577	gap: 20px;
8579	width: calc(100% - 220px);	8578	width: calc(100% - 220px);
8580	padding-left: 20px;	8579	padding-left: 20px;
8581	}	8580	}
8582	}	8581	}
8583	@media (min-width: 768px) {	8582	@media (min-width: 768px) {
8584	.cabinet__add-body .button {	8583	.cabinet__add-body .button {
8585	width: 215px;	8584	width: 215px;
8586	padding: 0;	8585	padding: 0;
8587	}	8586	}
8588	}	8587	}
8589	.cabinet__fleet {	8588	.cabinet__fleet {
8590	display: -webkit-box;	8589	display: -webkit-box;
8591	display: -ms-flexbox;	8590	display: -ms-flexbox;
8592	display: flex;	8591	display: flex;
8593	-webkit-box-orient: vertical;	8592	-webkit-box-orient: vertical;
8594	-webkit-box-direction: normal;	8593	-webkit-box-direction: normal;
8595	-ms-flex-direction: column;	8594	-ms-flex-direction: column;
8596	flex-direction: column;	8595	flex-direction: column;
8597	gap: 20px;	8596	gap: 20px;
8598	}	8597	}
8599	@media (min-width: 768px) {	8598	@media (min-width: 768px) {
8600	.cabinet__fleet {	8599	.cabinet__fleet {
8601	display: grid;	8600	display: grid;
8602	grid-template-columns: repeat(2, 1fr);	8601	grid-template-columns: repeat(2, 1fr);
8603	}	8602	}
8604	}	8603	}
8605	@media (min-width: 1280px) {	8604	@media (min-width: 1280px) {
8606	.cabinet__fleet {	8605	.cabinet__fleet {
8607	grid-template-columns: repeat(3, 1fr);	8606	grid-template-columns: repeat(3, 1fr);
8608	}	8607	}
8609	}	8608	}
8610	@media (min-width: 768px) {	8609	@media (min-width: 768px) {
8611	.cabinet__submit {	8610	.cabinet__submit {
8612	width: 215px;	8611	width: 215px;
8613	padding: 0;	8612	padding: 0;
8614	margin: 0 auto;	8613	margin: 0 auto;
8615	}	8614	}
8616	}	8615	}
8617	.cabinet__filters {	8616	.cabinet__filters {
8618	display: -webkit-box;	8617	display: -webkit-box;
8619	display: -ms-flexbox;	8618	display: -ms-flexbox;
8620	display: flex;	8619	display: flex;
8621	-webkit-box-orient: vertical;	8620	-webkit-box-orient: vertical;
8622	-webkit-box-direction: normal;	8621	-webkit-box-direction: normal;
8623	-ms-flex-direction: column;	8622	-ms-flex-direction: column;
8624	flex-direction: column;	8623	flex-direction: column;
8625	gap: 10px;	8624	gap: 10px;
8626	}	8625	}
8627	.cabinet__export-wrap{	8626	.cabinet__export-wrap{
8628	padding: 10px;	8627	padding: 10px;
8629	border: 1px #cecece solid;	8628	border: 1px #cecece solid;
8630	border-radius: 8px;	8629	border-radius: 8px;
8631	width: 100%;	8630	width: 100%;
8632	}	8631	}
8633	.cabinet__export-button-wrap{	8632	.cabinet__export-button-wrap{
8634	max-width: 200px;	8633	max-width: 200px;
8635	margin-bottom: 10px;	8634	margin-bottom: 10px;
8636	}	8635	}
8637	.cabinet__export-options-wrap{	8636	.cabinet__export-options-wrap{
8638	display: flex;	8637	display: flex;
8639	justify-content: space-between;	8638	justify-content: space-between;
8640	}	8639	}
8641	.job-title-list-wrap{	8640	.job-title-list-wrap{
8642	margin-top: 5px;	8641	margin-top: 5px;
8643	}	8642	}
8644	.cabinet__export-error{	8643	.cabinet__export-error{
8645	color: red;	8644	color: red;
8646	}	8645	}
8647	.flot-image-wrap img{	8646	.flot-image-wrap img{
8648	max-width: 100%;	8647	max-width: 100%;
8649	max-height: 100%;	8648	max-height: 100%;
8650	flex: 0 0 auto;	8649	flex: 0 0 auto;
8651	}	8650	}
8652	.flot-image-wrap{	8651	.flot-image-wrap{
8653	width: 220px;	8652	width: 220px;
8654	height: 220px;	8653	height: 220px;
8655	display: flex;	8654	display: flex;
8656	justify-content: center;	8655	justify-content: center;
8657	align-items: center;	8656	align-items: center;
8658	}	8657	}
8659	@media (min-width: 768px) {	8658	@media (min-width: 768px) {
8660	.cabinet__filters {	8659	.cabinet__filters {
8661	gap: 20px;	8660	gap: 20px;
8662	}	8661	}
8663	}	8662	}
8664	@media (min-width: 1280px) {	8663	@media (min-width: 1280px) {
8665	.cabinet__filters {	8664	.cabinet__filters {
8666	-webkit-box-orient: horizontal;	8665	-webkit-box-orient: horizontal;
8667	-webkit-box-direction: normal;	8666	-webkit-box-direction: normal;
8668	-ms-flex-direction: row;	8667	-ms-flex-direction: row;
8669	flex-direction: row;	8668	flex-direction: row;
8670	-webkit-box-align: start;	8669	-webkit-box-align: start;
8671	-ms-flex-align: start;	8670	-ms-flex-align: start;
8672	align-items: flex-start;	8671	align-items: flex-start;
8673	-webkit-box-pack: justify;	8672	-webkit-box-pack: justify;
8674	-ms-flex-pack: justify;	8673	-ms-flex-pack: justify;
8675	justify-content: space-between;	8674	justify-content: space-between;
8676	}	8675	}
8677	}	8676	}
8678	.cabinet__filters-item {	8677	.cabinet__filters-item {
8679	display: -webkit-box;	8678	display: -webkit-box;
8680	display: -ms-flexbox;	8679	display: -ms-flexbox;
8681	display: flex;	8680	display: flex;
8682	-webkit-box-orient: vertical;	8681	-webkit-box-orient: vertical;
8683	-webkit-box-direction: normal;	8682	-webkit-box-direction: normal;
8684	-ms-flex-direction: column;	8683	-ms-flex-direction: column;
8685	flex-direction: column;	8684	flex-direction: column;
8686	-webkit-box-align: start;	8685	-webkit-box-align: start;
8687	-ms-flex-align: start;	8686	-ms-flex-align: start;
8688	align-items: flex-start;	8687	align-items: flex-start;
8689	gap: 10px;	8688	gap: 10px;
8690	}	8689	}
8691	@media (min-width: 768px) {	8690	@media (min-width: 768px) {
8692	.cabinet__filters-item {	8691	.cabinet__filters-item {
8693	gap: 20px;	8692	gap: 20px;
8694	}	8693	}
8695	}	8694	}
8696	@media (min-width: 1280px) {	8695	@media (min-width: 1280px) {
8697	.cabinet__filters-item {	8696	.cabinet__filters-item {
8698	width: calc(50% - 10px);	8697	width: calc(50% - 10px);
8699	max-width: 410px;	8698	max-width: 410px;
8700	}	8699	}
8701	}	8700	}
8702	.cabinet__filters-item .button,	8701	.cabinet__filters-item .button,
8703	.cabinet__filters-item .select {	8702	.cabinet__filters-item .select {
8704	width: 100%;	8703	width: 100%;
8705	}	8704	}
8706	@media (min-width: 1280px) {	8705	@media (min-width: 1280px) {
8707	.cabinet__filters-item .button,	8706	.cabinet__filters-item .button,
8708	.cabinet__filters-item .select {	8707	.cabinet__filters-item .select {
8709	width: auto;	8708	width: auto;
8710	}	8709	}
8711	}	8710	}
8712	.cabinet__filters-item + .cabinet__filters-item {	8711	.cabinet__filters-item + .cabinet__filters-item {
8713	-webkit-box-align: end;	8712	-webkit-box-align: end;
8714	-ms-flex-align: end;	8713	-ms-flex-align: end;
8715	align-items: flex-end;	8714	align-items: flex-end;
8716	}	8715	}
8717	@media (min-width: 1280px) {	8716	@media (min-width: 1280px) {
8718	.cabinet__filters-item + .cabinet__filters-item {	8717	.cabinet__filters-item + .cabinet__filters-item {
8719	max-width: 280px;	8718	max-width: 280px;
8720	}	8719	}
8721	}	8720	}
8722	.cabinet__filters .search input {	8721	.cabinet__filters .search input {
8723	padding-right: 135px;	8722	padding-right: 135px;
8724	}	8723	}
8725	.cabinet__filters .search button {	8724	.cabinet__filters .search button {
8726	width: 115px;	8725	width: 115px;
8727	}	8726	}
8728	.cabinet__filters-buttons {	8727	.cabinet__filters-buttons {
8729	display: grid;	8728	display: grid;
8730	grid-template-columns: 1fr 1fr;	8729	grid-template-columns: 1fr 1fr;
8731	gap: 10px;	8730	gap: 10px;
8732	width: 100%;	8731	width: 100%;
8733	}	8732	}
8734	@media (min-width: 768px) {	8733	@media (min-width: 768px) {
8735	.cabinet__filters-buttons {	8734	.cabinet__filters-buttons {
8736	gap: 20px;	8735	gap: 20px;
8737	}	8736	}
8738	}	8737	}
8739	.cabinet__filters-buttons .button {	8738	.cabinet__filters-buttons .button {
8740	padding: 0;	8739	padding: 0;
8741	gap: 5px;	8740	gap: 5px;
8742	}	8741	}
8743	.cabinet__filters-buttons .button.active {	8742	.cabinet__filters-buttons .button.active {
8744	background: #377d87;	8743	background: #377d87;
8745	color: #fff;	8744	color: #fff;
8746	}	8745	}
8747	.cabinet__filters-buttons .button.active:before {	8746	.cabinet__filters-buttons .button.active:before {
8748	content: "";	8747	content: "";
8749	width: 6px;	8748	width: 6px;
8750	height: 6px;	8749	height: 6px;
8751	background: #fff;	8750	background: #fff;
8752	border-radius: 999px;	8751	border-radius: 999px;
8753	}	8752	}
8754	.cabinet__table-header {	8753	.cabinet__table-header {
8755	display: -webkit-box;	8754	display: -webkit-box;
8756	display: -ms-flexbox;	8755	display: -ms-flexbox;
8757	display: flex;	8756	display: flex;
8758	-webkit-box-pack: justify;	8757	-webkit-box-pack: justify;
8759	-ms-flex-pack: justify;	8758	-ms-flex-pack: justify;
8760	justify-content: space-between;	8759	justify-content: space-between;
8761	-webkit-box-align: center;	8760	-webkit-box-align: center;
8762	-ms-flex-align: center;	8761	-ms-flex-align: center;
8763	align-items: center;	8762	align-items: center;
8764	font-weight: 700;	8763	font-weight: 700;
8765	margin-bottom: -10px;	8764	margin-bottom: -10px;
8766	}	8765	}
8767	.cabinet__table-header div {	8766	.cabinet__table-header div {
8768	font-size: 18px;	8767	font-size: 18px;
8769	}	8768	}
8770	@media (min-width: 768px) {	8769	@media (min-width: 768px) {
8771	.cabinet__table-header div {	8770	.cabinet__table-header div {
8772	font-size: 24px;	8771	font-size: 24px;
8773	}	8772	}
8774	}	8773	}
8775	.cabinet__table-header span {	8774	.cabinet__table-header span {
8776	color: #000;	8775	color: #000;
8777	font-size: 14px;	8776	font-size: 14px;
8778	}	8777	}
8779	@media (min-width: 768px) {	8778	@media (min-width: 768px) {
8780	.cabinet__table-header span {	8779	.cabinet__table-header span {
8781	font-size: 18px;	8780	font-size: 18px;
8782	}	8781	}
8783	}	8782	}
8784	.cabinet__table-header span b {	8783	.cabinet__table-header span b {
8785	color: #377d87;	8784	color: #377d87;
8786	}	8785	}
8787	.cabinet__tabs {	8786	.cabinet__tabs {
8788	display: grid;	8787	display: grid;
8789	grid-template-columns: 1fr 1fr;	8788	grid-template-columns: 1fr 1fr;
8790	gap: 20px;	8789	gap: 20px;
8791	}	8790	}
8792	@media (min-width: 768px) {	8791	@media (min-width: 768px) {
8793	.cabinet__tabs {	8792	.cabinet__tabs {
8794	max-width: 420px;	8793	max-width: 420px;
8795	}	8794	}
8796	}	8795	}
8797	.cabinet__tabs .button.active {	8796	.cabinet__tabs .button.active {
8798	background: #377d87;	8797	background: #377d87;
8799	color: #fff;	8798	color: #fff;
8800	}	8799	}
8801	.cabinet__bodies {	8800	.cabinet__bodies {
8802	display: none;	8801	display: none;
8803	}	8802	}
8804	.cabinet__bodies.showed {	8803	.cabinet__bodies.showed {
8805	display: block;	8804	display: block;
8806	}	8805	}
8807	.cabinet__nots {	8806	.cabinet__nots {
8808	display: -webkit-box;	8807	display: -webkit-box;
8809	display: -ms-flexbox;	8808	display: -ms-flexbox;
8810	display: flex;	8809	display: flex;
8811	-webkit-box-orient: vertical;	8810	-webkit-box-orient: vertical;
8812	-webkit-box-direction: normal;	8811	-webkit-box-direction: normal;
8813	-ms-flex-direction: column;	8812	-ms-flex-direction: column;
8814	flex-direction: column;	8813	flex-direction: column;
8815	-webkit-box-align: start;	8814	-webkit-box-align: start;
8816	-ms-flex-align: start;	8815	-ms-flex-align: start;
8817	align-items: flex-start;	8816	align-items: flex-start;
8818	gap: 10px;	8817	gap: 10px;
8819	}	8818	}
8820	@media (min-width: 768px) {	8819	@media (min-width: 768px) {
8821	.cabinet__nots {	8820	.cabinet__nots {
8822	gap: 20px;	8821	gap: 20px;
8823	}	8822	}
8824	}	8823	}
8825	.cabinet__nots .input {	8824	.cabinet__nots .input {
8826	width: 100%;	8825	width: 100%;
8827	}	8826	}
8828	.cabinet__anketa {	8827	.cabinet__anketa {
8829	display: -webkit-box;	8828	display: -webkit-box;
8830	display: -ms-flexbox;	8829	display: -ms-flexbox;
8831	display: flex;	8830	display: flex;
8832	-webkit-box-orient: vertical;	8831	-webkit-box-orient: vertical;
8833	-webkit-box-direction: normal;	8832	-webkit-box-direction: normal;
8834	-ms-flex-direction: column;	8833	-ms-flex-direction: column;
8835	flex-direction: column;	8834	flex-direction: column;
8836	-webkit-box-pack: justify;	8835	-webkit-box-pack: justify;
8837	-ms-flex-pack: justify;	8836	-ms-flex-pack: justify;
8838	justify-content: space-between;	8837	justify-content: space-between;
8839	gap: 10px;	8838	gap: 10px;
8840	}	8839	}
8841	@media (min-width: 768px) {	8840	@media (min-width: 768px) {
8842	.cabinet__anketa {	8841	.cabinet__anketa {
8843	-webkit-box-orient: horizontal;	8842	-webkit-box-orient: horizontal;
8844	-webkit-box-direction: normal;	8843	-webkit-box-direction: normal;
8845	-ms-flex-direction: row;	8844	-ms-flex-direction: row;
8846	flex-direction: row;	8845	flex-direction: row;
8847	-webkit-box-align: center;	8846	-webkit-box-align: center;
8848	-ms-flex-align: center;	8847	-ms-flex-align: center;
8849	align-items: center;	8848	align-items: center;
8850	}	8849	}
8851	}	8850	}
8852	@media (min-width: 992px) {	8851	@media (min-width: 992px) {
8853	.cabinet__anketa {	8852	.cabinet__anketa {
8854	-webkit-box-orient: vertical;	8853	-webkit-box-orient: vertical;
8855	-webkit-box-direction: normal;	8854	-webkit-box-direction: normal;
8856	-ms-flex-direction: column;	8855	-ms-flex-direction: column;
8857	flex-direction: column;	8856	flex-direction: column;
8858	-webkit-box-align: stretch;	8857	-webkit-box-align: stretch;
8859	-ms-flex-align: stretch;	8858	-ms-flex-align: stretch;
8860	align-items: stretch;	8859	align-items: stretch;
8861	}	8860	}
8862	}	8861	}
8863	@media (min-width: 1280px) {	8862	@media (min-width: 1280px) {
8864	.cabinet__anketa {	8863	.cabinet__anketa {
8865	-webkit-box-orient: horizontal;	8864	-webkit-box-orient: horizontal;
8866	-webkit-box-direction: normal;	8865	-webkit-box-direction: normal;
8867	-ms-flex-direction: row;	8866	-ms-flex-direction: row;
8868	flex-direction: row;	8867	flex-direction: row;
8869	-webkit-box-align: center;	8868	-webkit-box-align: center;
8870	-ms-flex-align: center;	8869	-ms-flex-align: center;
8871	align-items: center;	8870	align-items: center;
8872	-webkit-box-pack: justify;	8871	-webkit-box-pack: justify;
8873	-ms-flex-pack: justify;	8872	-ms-flex-pack: justify;
8874	justify-content: space-between;	8873	justify-content: space-between;
8875	}	8874	}
8876	}	8875	}
8877	.cabinet__anketa-buttons {	8876	.cabinet__anketa-buttons {
8878	display: -webkit-box;	8877	display: -webkit-box;
8879	display: -ms-flexbox;	8878	display: -ms-flexbox;
8880	display: flex;	8879	display: flex;
8881	-webkit-box-orient: vertical;	8880	-webkit-box-orient: vertical;
8882	-webkit-box-direction: normal;	8881	-webkit-box-direction: normal;
8883	-ms-flex-direction: column;	8882	-ms-flex-direction: column;
8884	flex-direction: column;	8883	flex-direction: column;
8885	gap: 10px;	8884	gap: 10px;
8886	}	8885	}
8887	@media (min-width: 768px) {	8886	@media (min-width: 768px) {
8888	.cabinet__anketa-buttons {	8887	.cabinet__anketa-buttons {
8889	display: grid;	8888	display: grid;
8890	grid-template-columns: 1fr 1fr;	8889	grid-template-columns: 1fr 1fr;
8891	gap: 20px;	8890	gap: 20px;
8892	}	8891	}
8893	}	8892	}
8894	.cabinet__stats {	8893	.cabinet__stats {
8895	display: -webkit-box;	8894	display: -webkit-box;
8896	display: -ms-flexbox;	8895	display: -ms-flexbox;
8897	display: flex;	8896	display: flex;
8898	-webkit-box-orient: vertical;	8897	-webkit-box-orient: vertical;
8899	-webkit-box-direction: normal;	8898	-webkit-box-direction: normal;
8900	-ms-flex-direction: column;	8899	-ms-flex-direction: column;
8901	flex-direction: column;	8900	flex-direction: column;
8902	gap: 6px;	8901	gap: 6px;
8903	}	8902	}
8904	@media (min-width: 768px) {	8903	@media (min-width: 768px) {
8905	.cabinet__stats {	8904	.cabinet__stats {
8906	gap: 12px;	8905	gap: 12px;
8907	}	8906	}
8908	}	8907	}
8909	.cabinet__stats-title {	8908	.cabinet__stats-title {
8910	font-size: 14px;	8909	font-size: 14px;
8911	font-weight: 700;	8910	font-weight: 700;
8912	color: #000;	8911	color: #000;
8913	}	8912	}
8914	@media (min-width: 768px) {	8913	@media (min-width: 768px) {
8915	.cabinet__stats-title {	8914	.cabinet__stats-title {
8916	font-size: 24px;	8915	font-size: 24px;
8917	}	8916	}
8918	}	8917	}
8919	.cabinet__stats-body {	8918	.cabinet__stats-body {
8920	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	8919	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8921	border-radius: 8px;	8920	border-radius: 8px;
8922	padding: 10px;	8921	padding: 10px;
8923	display: grid;	8922	display: grid;
8924	grid-template-columns: 1fr 1fr;	8923	grid-template-columns: 1fr 1fr;
8925	gap: 20px;	8924	gap: 20px;
8926	margin-bottom: 10px;	8925	margin-bottom: 10px;
8927	}	8926	}
8928	@media (min-width: 768px) {	8927	@media (min-width: 768px) {
8929	.cabinet__stats-body {	8928	.cabinet__stats-body {
8930	padding: 10px 20px;	8929	padding: 10px 20px;
8931	}	8930	}
8932	}	8931	}
8933	.cabinet__stats-item {	8932	.cabinet__stats-item {
8934	font-size: 12px;	8933	font-size: 12px;
8935	display: -webkit-box;	8934	display: -webkit-box;
8936	display: -ms-flexbox;	8935	display: -ms-flexbox;
8937	display: flex;	8936	display: flex;
8938	-webkit-box-align: center;	8937	-webkit-box-align: center;
8939	-ms-flex-align: center;	8938	-ms-flex-align: center;
8940	align-items: center;	8939	align-items: center;
8941	line-height: 1;	8940	line-height: 1;
8942	gap: 6px;	8941	gap: 6px;
8943	}	8942	}
8944	@media (min-width: 768px) {	8943	@media (min-width: 768px) {
8945	.cabinet__stats-item {	8944	.cabinet__stats-item {
8946	font-size: 20px;	8945	font-size: 20px;
8947	gap: 10px;	8946	gap: 10px;
8948	}	8947	}
8949	}	8948	}
8950	.cabinet__stats-item svg {	8949	.cabinet__stats-item svg {
8951	width: 20px;	8950	width: 20px;
8952	aspect-ratio: 1/1;	8951	aspect-ratio: 1/1;
8953	color: #377d87;	8952	color: #377d87;
8954	}	8953	}
8955	@media (min-width: 768px) {	8954	@media (min-width: 768px) {
8956	.cabinet__stats-item svg {	8955	.cabinet__stats-item svg {
8957	width: 40px;	8956	width: 40px;
8958	margin-right: 10px;	8957	margin-right: 10px;
8959	}	8958	}
8960	}	8959	}
8961	.cabinet__stats-item span {	8960	.cabinet__stats-item span {
8962	font-weight: 700;	8961	font-weight: 700;
8963	color: #000;	8962	color: #000;
8964	}	8963	}
8965	.cabinet__stats-item b {	8964	.cabinet__stats-item b {
8966	color: #377d87;	8965	color: #377d87;
8967	font-size: 14px;	8966	font-size: 14px;
8968	}	8967	}
8969	@media (min-width: 768px) {	8968	@media (min-width: 768px) {
8970	.cabinet__stats-item b {	8969	.cabinet__stats-item b {
8971	font-size: 24px;	8970	font-size: 24px;
8972	}	8971	}
8973	}	8972	}
8974	.cabinet__stats-subtitle {	8973	.cabinet__stats-subtitle {
8975	font-size: 14px;	8974	font-size: 14px;
8976	font-weight: 700;	8975	font-weight: 700;
8977	color: #377d87;	8976	color: #377d87;
8978	}	8977	}
8979	@media (min-width: 768px) {	8978	@media (min-width: 768px) {
8980	.cabinet__stats-subtitle {	8979	.cabinet__stats-subtitle {
8981	font-size: 18px;	8980	font-size: 18px;
8982	}	8981	}
8983	}	8982	}
8984	.cabinet__stats-line {	8983	.cabinet__stats-line {
8985	width: 100%;	8984	width: 100%;
8986	position: relative;	8985	position: relative;
8987	overflow: hidden;	8986	overflow: hidden;
8988	height: 8px;	8987	height: 8px;
8989	border-radius: 999px;	8988	border-radius: 999px;
8990	background: #cecece;	8989	background: #cecece;
8991	}	8990	}
8992	.cabinet__stats-line span {	8991	.cabinet__stats-line span {
8993	position: absolute;	8992	position: absolute;
8994	top: 0;	8993	top: 0;
8995	left: 0;	8994	left: 0;
8996	width: 100%;	8995	width: 100%;
8997	height: 100%;	8996	height: 100%;
8998	background: #377d87;	8997	background: #377d87;
8999	border-radius: 999px;	8998	border-radius: 999px;
9000	}	8999	}
9001	.cabinet__stats-bottom {	9000	.cabinet__stats-bottom {
9002	color: #000;	9001	color: #000;
9003	font-size: 12px;	9002	font-size: 12px;
9004	}	9003	}
9005	@media (min-width: 768px) {	9004	@media (min-width: 768px) {
9006	.cabinet__stats-bottom {	9005	.cabinet__stats-bottom {
9007	font-size: 16px;	9006	font-size: 16px;
9008	}	9007	}
9009	}	9008	}
9010	.cabinet__works {	9009	.cabinet__works {
9011	display: -webkit-box;	9010	display: -webkit-box;
9012	display: -ms-flexbox;	9011	display: -ms-flexbox;
9013	display: flex;	9012	display: flex;
9014	-webkit-box-orient: vertical;	9013	-webkit-box-orient: vertical;
9015	-webkit-box-direction: normal;	9014	-webkit-box-direction: normal;
9016	-ms-flex-direction: column;	9015	-ms-flex-direction: column;
9017	flex-direction: column;	9016	flex-direction: column;
9018	gap: 20px;	9017	gap: 20px;
9019	}	9018	}
9020	@media (min-width: 768px) {	9019	@media (min-width: 768px) {
9021	.cabinet__works {	9020	.cabinet__works {
9022	gap: 30px;	9021	gap: 30px;
9023	}	9022	}
9024	}	9023	}
9025	.cabinet__works-item {	9024	.cabinet__works-item {
9026	border-bottom: 1px #cccccc solid;	9025	border-bottom: 1px #cccccc solid;
9027	padding-bottom: 35px;	9026	padding-bottom: 35px;
9028	}	9027	}
9029	.cabinet__works-spoiler {	9028	.cabinet__works-spoiler {
9030	display: -webkit-box;	9029	display: -webkit-box;
9031	display: -ms-flexbox;	9030	display: -ms-flexbox;
9032	display: flex;	9031	display: flex;
9033	-webkit-box-align: center;	9032	-webkit-box-align: center;
9034	-ms-flex-align: center;	9033	-ms-flex-align: center;
9035	align-items: center;	9034	align-items: center;
9036	-webkit-box-pack: justify;	9035	-webkit-box-pack: justify;
9037	-ms-flex-pack: justify;	9036	-ms-flex-pack: justify;
9038	justify-content: space-between;	9037	justify-content: space-between;
9039	}	9038	}
9040	.cabinet__works-spoiler-left {	9039	.cabinet__works-spoiler-left {
9041	display: -webkit-box;	9040	display: -webkit-box;
9042	display: -ms-flexbox;	9041	display: -ms-flexbox;
9043	display: flex;	9042	display: flex;
9044	-webkit-box-align: center;	9043	-webkit-box-align: center;
9045	-ms-flex-align: center;	9044	-ms-flex-align: center;
9046	align-items: center;	9045	align-items: center;
9047	width: calc(100% - 22px);	9046	width: calc(100% - 22px);
9048	}	9047	}
9049	.cabinet__works-spoiler-right {	9048	.cabinet__works-spoiler-right {
9050	width: 22px;	9049	width: 22px;
9051	height: 22px;	9050	height: 22px;
9052	display: -webkit-box;	9051	display: -webkit-box;
9053	display: -ms-flexbox;	9052	display: -ms-flexbox;
9054	display: flex;	9053	display: flex;
9055	-webkit-box-align: center;	9054	-webkit-box-align: center;
9056	-ms-flex-align: center;	9055	-ms-flex-align: center;
9057	align-items: center;	9056	align-items: center;
9058	-webkit-box-pack: center;	9057	-webkit-box-pack: center;
9059	-ms-flex-pack: center;	9058	-ms-flex-pack: center;
9060	justify-content: center;	9059	justify-content: center;
9061	color: #377d87;	9060	color: #377d87;
9062	padding: 0;	9061	padding: 0;
9063	background: none;	9062	background: none;
9064	border: none;	9063	border: none;
9065	}	9064	}
9066	.cabinet__works-spoiler-right svg {	9065	.cabinet__works-spoiler-right svg {
9067	width: 60%;	9066	width: 60%;
9068	aspect-ratio: 1/1;	9067	aspect-ratio: 1/1;
9069	-webkit-transform: rotate(90deg);	9068	-webkit-transform: rotate(90deg);
9070	-ms-transform: rotate(90deg);	9069	-ms-transform: rotate(90deg);
9071	transform: rotate(90deg);	9070	transform: rotate(90deg);
9072	-webkit-transition: 0.3s;	9071	-webkit-transition: 0.3s;
9073	transition: 0.3s;	9072	transition: 0.3s;
9074	}	9073	}
9075	.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {	9074	.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9076	-webkit-transform: rotate(-90deg);	9075	-webkit-transform: rotate(-90deg);
9077	-ms-transform: rotate(-90deg);	9076	-ms-transform: rotate(-90deg);
9078	transform: rotate(-90deg);	9077	transform: rotate(-90deg);
9079	}	9078	}
9080	.cabinet__works-spoiler-buttons {	9079	.cabinet__works-spoiler-buttons {
9081	display: -webkit-box;	9080	display: -webkit-box;
9082	display: -ms-flexbox;	9081	display: -ms-flexbox;
9083	display: flex;	9082	display: flex;
9084	-webkit-box-align: center;	9083	-webkit-box-align: center;
9085	-ms-flex-align: center;	9084	-ms-flex-align: center;
9086	align-items: center;	9085	align-items: center;
9087	-webkit-box-pack: justify;	9086	-webkit-box-pack: justify;
9088	-ms-flex-pack: justify;	9087	-ms-flex-pack: justify;
9089	justify-content: space-between;	9088	justify-content: space-between;
9090	width: 60px;	9089	width: 60px;
9091	}	9090	}
9092	@media (min-width: 768px) {	9091	@media (min-width: 768px) {
9093	.cabinet__works-spoiler-buttons {	9092	.cabinet__works-spoiler-buttons {
9094	width: 74px;	9093	width: 74px;
9095	}	9094	}
9096	}	9095	}
9097	.cabinet__works-spoiler-buttons .button {	9096	.cabinet__works-spoiler-buttons .button {
9098	width: 22px;	9097	width: 22px;
9099	height: 22px;	9098	height: 22px;
9100	padding: 0;	9099	padding: 0;
9101	}	9100	}
9102	@media (min-width: 768px) {	9101	@media (min-width: 768px) {
9103	.cabinet__works-spoiler-buttons .button {	9102	.cabinet__works-spoiler-buttons .button {
9104	width: 30px;	9103	width: 30px;
9105	height: 30px;	9104	height: 30px;
9106	}	9105	}
9107	}	9106	}
9108	.cabinet__works-spoiler-text {	9107	.cabinet__works-spoiler-text {
9109	width: calc(100% - 60px);	9108	width: calc(100% - 60px);
9110	font-size: 17px;	9109	font-size: 17px;
9111	font-weight: 700;	9110	font-weight: 700;
9112	color: #000;	9111	color: #000;
9113	}	9112	}
9114	@media (min-width: 768px) {	9113	@media (min-width: 768px) {
9115	.cabinet__works-spoiler-text {	9114	.cabinet__works-spoiler-text {
9116	width: calc(100% - 74px);	9115	width: calc(100% - 74px);
9117	font-size: 22px;	9116	font-size: 22px;
9118	}	9117	}
9119	}	9118	}
9120		9119
9121	.cabinet__works-add {	9120	.cabinet__works-add {
9122	padding: 0;	9121	padding: 0;
9123	width: 100%;	9122	width: 100%;
9124	max-width: 160px;	9123	max-width: 160px;
9125	}	9124	}
9126	@media (min-width: 768px) {	9125	@media (min-width: 768px) {
9127	.cabinet__works-add {	9126	.cabinet__works-add {
9128	max-width: 220px;	9127	max-width: 220px;
9129	}	9128	}
9130	}	9129	}
9131	.cabinet__buttons {	9130	.cabinet__buttons {
9132	display: -webkit-box;	9131	display: -webkit-box;
9133	display: -ms-flexbox;	9132	display: -ms-flexbox;
9134	display: flex;	9133	display: flex;
9135	-webkit-box-orient: vertical;	9134	-webkit-box-orient: vertical;
9136	-webkit-box-direction: normal;	9135	-webkit-box-direction: normal;
9137	-ms-flex-direction: column;	9136	-ms-flex-direction: column;
9138	flex-direction: column;	9137	flex-direction: column;
9139	-webkit-box-align: center;	9138	-webkit-box-align: center;
9140	-ms-flex-align: center;	9139	-ms-flex-align: center;
9141	align-items: center;	9140	align-items: center;
9142	gap: 10px;	9141	gap: 10px;
9143	}	9142	}
9144	@media (min-width: 768px) {	9143	@media (min-width: 768px) {
9145	.cabinet__buttons {	9144	.cabinet__buttons {
9146	display: grid;	9145	display: grid;
9147	grid-template-columns: 1fr 1fr;	9146	grid-template-columns: 1fr 1fr;
9148	gap: 20px;	9147	gap: 20px;
9149	}	9148	}
9150	}	9149	}
9151	.cabinet__buttons .button,	9150	.cabinet__buttons .button,
9152	.cabinet__buttons .file {	9151	.cabinet__buttons .file {
9153	padding: 0;	9152	padding: 0;
9154	width: 100%;	9153	width: 100%;
9155	max-width: 140px;	9154	max-width: 140px;
9156	}	9155	}
9157	@media (min-width: 768px) {	9156	@media (min-width: 768px) {
9158	.cabinet__buttons .button,	9157	.cabinet__buttons .button,
9159	.cabinet__buttons .file {	9158	.cabinet__buttons .file {
9160	max-width: none;	9159	max-width: none;
9161	}	9160	}
9162	}	9161	}
9163	@media (min-width: 768px) {	9162	@media (min-width: 768px) {
9164	.cabinet__buttons {	9163	.cabinet__buttons {
9165	gap: 20px;	9164	gap: 20px;
9166	}	9165	}
9167	}	9166	}
9168	@media (min-width: 1280px) {	9167	@media (min-width: 1280px) {
9169	.cabinet__buttons {	9168	.cabinet__buttons {
9170	max-width: 400px;	9169	max-width: 400px;
9171	}	9170	}
9172	}	9171	}
9173	.cabinet__buttons_flex{	9172	.cabinet__buttons_flex{
9174	display: flex;	9173	display: flex;
9175	}	9174	}
9176	.cabinet__buttons_flex > *{	9175	.cabinet__buttons_flex > *{
9177	margin-right: 10px;	9176	margin-right: 10px;
9178	}	9177	}
9179	.cabinet__vacs {	9178	.cabinet__vacs {
9180	display: -webkit-box;	9179	display: -webkit-box;
9181	display: -ms-flexbox;	9180	display: -ms-flexbox;
9182	display: flex;	9181	display: flex;
9183	-webkit-box-orient: vertical;	9182	-webkit-box-orient: vertical;
9184	-webkit-box-direction: reverse;	9183	-webkit-box-direction: reverse;
9185	-ms-flex-direction: column-reverse;	9184	-ms-flex-direction: column-reverse;
9186	flex-direction: column-reverse;	9185	flex-direction: column-reverse;
9187	-webkit-box-align: center;	9186	-webkit-box-align: center;
9188	-ms-flex-align: center;	9187	-ms-flex-align: center;
9189	align-items: center;	9188	align-items: center;
9190	gap: 20px;	9189	gap: 20px;
9191	}	9190	}
9192	.cabinet__vacs-body {	9191	.cabinet__vacs-body {
9193	display: -webkit-box;	9192	display: -webkit-box;
9194	display: -ms-flexbox;	9193	display: -ms-flexbox;
9195	display: flex;	9194	display: flex;
9196	-webkit-box-orient: vertical;	9195	-webkit-box-orient: vertical;
9197	-webkit-box-direction: normal;	9196	-webkit-box-direction: normal;
9198	-ms-flex-direction: column;	9197	-ms-flex-direction: column;
9199	flex-direction: column;	9198	flex-direction: column;
9200	gap: 20px;	9199	gap: 20px;
9201	width: 100%;	9200	width: 100%;
9202	}	9201	}
9203	@media (min-width: 768px) {	9202	@media (min-width: 768px) {
9204	.cabinet__vacs-body {	9203	.cabinet__vacs-body {
9205	gap: 30px;	9204	gap: 30px;
9206	}	9205	}
9207	}	9206	}
9208	.cabinet__vacs-item {	9207	.cabinet__vacs-item {
9209	display: none;	9208	display: none;
9210	background: #fff;	9209	background: #fff;
9211	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	9210	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9212	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	9211	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9213	}	9212	}
9214	.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {	9213	.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9215	display: -webkit-box;	9214	display: -webkit-box;
9216	display: -ms-flexbox;	9215	display: -ms-flexbox;
9217	display: flex;	9216	display: flex;
9218	}	9217	}
9219	.cabinet__vacs.active .cabinet__vacs-item {	9218	.cabinet__vacs.active .cabinet__vacs-item {
9220	display: -webkit-box;	9219	display: -webkit-box;
9221	display: -ms-flexbox;	9220	display: -ms-flexbox;
9222	display: flex;	9221	display: flex;
9223	}	9222	}
9224	.main__employer-page-two-item-text-body img {	9223	.main__employer-page-two-item-text-body img {
9225	display: inline !important;	9224	display: inline !important;
9226	border: none !important;	9225	border: none !important;
9227	box-shadow: none !important;	9226	box-shadow: none !important;
9228	height: 1em !important;	9227	height: 1em !important;
9229	width: 1em !important;	9228	width: 1em !important;
9230	margin: 0 0.07em !important;	9229	margin: 0 0.07em !important;
9231	vertical-align: -0.1em !important;	9230	vertical-align: -0.1em !important;
9232	background: none !important;	9231	background: none !important;
9233	padding: 0 !important;	9232	padding: 0 !important;
9234	}	9233	}
9235	.main__employer-page-two-item-text-body p{	9234	.main__employer-page-two-item-text-body p{
9236	margin: 0 0 20px;	9235	margin: 0 0 20px;
9237	}	9236	}
9238	#sertificate .one-sertificate{	9237	#sertificate .one-sertificate{
9239	display: flex;	9238	display: flex;
9240	justify-content: space-between;	9239	justify-content: space-between;
9241	margin-bottom: 15px;	9240	margin-bottom: 15px;
9242	border-bottom: 1px #ccc solid;	9241	border-bottom: 1px #ccc solid;
9243	padding-bottom: 15px;	9242	padding-bottom: 15px;
9244	}	9243	}
9245	#sertificate .one-sertificate .sertificate-field{	9244	#sertificate .one-sertificate .sertificate-field{
9246	display: block;	9245	display: block;
9247	}	9246	}
9248	#sertificate .one-sertificate .sertificate-field.sertificate-name{	9247	#sertificate .one-sertificate .sertificate-field.sertificate-name{
9249	width: 50%;	9248	width: 50%;
9250	max-width: 50%;	9249	max-width: 50%;
9251	}	9250	}
9252	#sertificate .one-sertificate .sertificate-field.sertificate-buttons{	9251	#sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9253	display: flex;	9252	display: flex;
9254	justify-content: space-between;	9253	justify-content: space-between;
9255	}	9254	}
9256	#sertificate .one-sertificate .sertificate-field.sertificate-buttons a{	9255	#sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9257	width: 30px;	9256	width: 30px;
9258	height: 30px;	9257	height: 30px;
9259	padding: 5px;	9258	padding: 5px;
9260	}	9259	}
9261	#prev_worker .cabinet__inputs-item-buttons a{	9260	#prev_worker .cabinet__inputs-item-buttons a{
9262	width: 30px;	9261	width: 30px;
9263	height: 30px;	9262	height: 30px;
9264	padding: 5px;	9263	padding: 5px;
9265	}	9264	}
9266	#prev_worker .cabinet__inputs-item-buttons{	9265	#prev_worker .cabinet__inputs-item-buttons{
9267	width: 100px;	9266	width: 100px;
9268	}	9267	}
9269	#prev_worker .cabinet__inputs{	9268	#prev_worker .cabinet__inputs{
9270	-webkit-box-align: start;	9269	-webkit-box-align: start;
9271	-ms-flex-align: start;	9270	-ms-flex-align: start;
9272	align-items: start;	9271	align-items: start;
9273	}	9272	}
9274	#prev_worker .cabinet__inputs-item-buttons flex{	9273	#prev_worker .cabinet__inputs-item-buttons flex{
9275	justify-content: end;	9274	justify-content: end;
9276	}	9275	}
9277	#prev_worker .cabinet__body-item{	9276	#prev_worker .cabinet__body-item{
9278	border-bottom: 1px #cccccc solid;	9277	border-bottom: 1px #cccccc solid;
9279	padding-bottom: 25px;	9278	padding-bottom: 25px;
9280	}	9279	}
9281	@media (max-width: 1280px) {	9280	@media (max-width: 1280px) {
9282	#prev_worker .cabinet__inputs-item-buttons{	9281	#prev_worker .cabinet__inputs-item-buttons{
9283	position: absolute;	9282	position: absolute;
9284	right: 0;	9283	right: 0;
9285	}	9284	}
9286	}	9285	}
9287	body .cke_notifications_area{	9286	body .cke_notifications_area{
9288	opacity: 0;	9287	opacity: 0;
9289	display: none !important;	9288	display: none !important;
9290	}	9289	}
9291	.unread-messages-count{	9290	.unread-messages-count{
9292	background-color: #377d87;	9291	background-color: #377d87;
9293	color: #fff;	9292	color: #fff;
9294	padding: 5px 10px;	9293	padding: 5px 10px;
9295	border-radius: 45px;	9294	border-radius: 45px;
9296	}	9295	}
9297		9296
9298	/* Диалог модал */	9297	/* Диалог модал */
9299	.modal-dialog{	9298	.modal-dialog{
9300	border-radius: 10px;	9299	border-radius: 10px;
9301	}	9300	}
9302	.modal-dialog .modal-dialog-footer{	9301	.modal-dialog .modal-dialog-footer{
9303	display: flex;	9302	display: flex;
9304	justify-content: space-between;	9303	justify-content: space-between;
9305	}	9304	}
		9305	.modal-dialog .modal-dialog-footer.center{
		9306	display: flex;
		9307	justify-content: center;
		9308	}
9306		9309
9307	.button-loader {	9310	.button-loader {
9308	border: 2px solid #f3f3f3;	9311	border: 2px solid #f3f3f3;
9309	-webkit-animation: spin 1s linear infinite;	9312	-webkit-animation: spin 1s linear infinite;
9310	animation: spin 1s linear infinite;	9313	animation: spin 1s linear infinite;
9311	border-top: 2px solid #555;	9314	border-top: 2px solid #555;
9312	border-radius: 50%;	9315	border-radius: 50%;
9313	width: 20px;	9316	width: 20px;
9314	height: 20px;	9317	height: 20px;
9315	}	9318	}
9316	@keyframes spin {	9319	@keyframes spin {
9317	0% { transform: rotate(0deg); }	9320	0% { transform: rotate(0deg); }
9318	100% { transform: rotate(360deg); }	9321	100% { transform: rotate(360deg); }
9319	}	9322	}
		9323	.error-block{
		9324	color:red;
		9325	padding: 0;
		9326	width: 100%;

resources/views/chats/chats_list.blade.php

Diff comments View file @ d721fd8

 @if ($chats->count())
     @csrf
     @foreach($chats as $chat)
         <div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}">
-            <div class="messages__item-info">
+            <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}">
                 <div class="messages__item-photo">
-                    <a class="" href="{{ route($user_type . '.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}">
+                    @if (isset($chat->employer->logo))
-                        @if (isset($chat->employer->logo))
+                        <img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">
-                            <img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">
+                    @elseif(isset($chat->worker->photo))
-                        @elseif(isset($chat->worker->photo))
+                        <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
-                            <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
+                    @else
-                        @else
+                        <img src="{{ asset('images/default_man.jpg') }}" alt="">
-                            <img src="{{ asset('images/default_man.jpg') }}" alt="">
+                    @endif
-                        @endif
-                    </a>
                 </div>
                 <div class="messages__item-text">
                     <div>
-                        <a class="messages__item-target" href="{{ route($user_type . '.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}">
+                        <b>
-                            <b>
+                            @if ($chat->employer && $chat->employer->name_company)
-                                @if ($chat->employer && $chat->employer->name_company)
+                                {{ $chat->employer->name_company }}
-                                    {{ $chat->employer->name_company }}
+                            @else
-                                @else
+                                {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2  }}
-                                    {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2  }}
+                            @endif
-                                @endif
+                        </b>
-                            </b>
-                        </a>
                     </div>
                     <div>
                         {{ $chat->last_message->text }}
                     </div>
                 </div>
-            </div>
+            </a>
             <div class="messages__item-actions" data-chat-id="{{ $chat->id }}">
                 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
                 <div class="messages__item-buttons">
                     @if($chat->unread_messages_count > 0)
                         <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
                     @endif
                     <button class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15">
                         @include('svg.pin_off')
                     </button>
                     <button class="remove-chat" data-fancybox data-src="#remove_chat">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
                         </svg>
                     </button>
                 </div>
                 <div class="clear"></div>
             </div>
         </div>
     @endforeach
     <div style="margin-top: 20px">
         {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
     </div><!-- конец -->
 @else
     <div class="notify">
         <svg>
             <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
         </svg>
         <span>Сообщений не найдено</span>
     </div>
 @endif
 <script>
     $(function (){
         $('.pin-chat').click(function(){
             var this_btn = $(this);
             var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
             var $is_fixed = this_btn.hasClass('pin-on') ? 0 : 1;
             $.ajax({
                 type: "POST",
                 url: "{{ route('employer.pin_chat')  }}",
                 data: {
                     id: chat_id,
                     is_fixed: $is_fixed
                 },
                 headers: {
                     'X-CSRF-TOKEN': $('[name="_token"]').val()
                 },
                 success: function(){
                     location.reload();
                 }
             });
         });
         $('.remove-chat').click(function(){
             var this_btn = $(this);
             var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
             var wrap = this_btn.closest('.messages__item');
             var target = wrap.find('.messages__item-target').text();
             $('#remove_chat').data('chat-id', chat_id);
             $('#remove_chat').find('.target-chat').text(target.trim());
         });
     });
 </script>

resources/views/employers/dialog.blade.php

Diff comments View file @ d721fd8

1	@extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	console.log('Test system');	5	console.log('Test system');
6	$(document).on('change', '#send_btn', function() {	6	$(document).on('change', '#send_btn', function() {
7	var this_ = $(this);	7	var this_ = $(this);
8	var val_ = this_.val();	8	var val_ = this_.val();
9	console.log('sort items '+val_);	9	console.log('sort items '+val_);
10		10
11	$.ajax({	11	$.ajax({
12	type: "GET",	12	type: "GET",
13	url: "{{ route('shipping_companies') }}",	13	url: "{{ route('shipping_companies') }}",
14	data: "sort="+val_+"&block=1",	14	data: "sort="+val_+"&block=1",
15	success: function (data) {	15	success: function (data) {
16	console.log('Выбор сортировки');	16	console.log('Выбор сортировки');
17	console.log(data);	17	console.log(data);
18	$('#block_1').html(data);	18	$('#block_1').html(data);
19	},	19	},
20	headers: {	20	headers: {
21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22	},	22	},
23	error: function (data) {	23	error: function (data) {
24	data = JSON.stringify(data);	24	data = JSON.stringify(data);
25	console.log('Error: ' + data);	25	console.log('Error: ' + data);
26	}	26	}
27	});	27	});
28		28
29	$.ajax({	29	$.ajax({
30	type: "GET",	30	type: "GET",
31	url: "{{ route('shipping_companies') }}",	31	url: "{{ route('shipping_companies') }}",
32	data: "sort="+val_+"&block=2",	32	data: "sort="+val_+"&block=2",
33	success: function (data) {	33	success: function (data) {
34	console.log('Выбор сортировки2');	34	console.log('Выбор сортировки2');
35	console.log(data);	35	console.log(data);
36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37	$('#block_2').html(data);	37	$('#block_2').html(data);
38	},	38	},
39	headers: {	39	headers: {
40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41	},	41	},
42	error: function (data) {	42	error: function (data) {
43	data = JSON.stringify(data);	43	data = JSON.stringify(data);
44	console.log('Error: ' + data);	44	console.log('Error: ' + data);
45	}	45	}
46	});	46	});
47	});	47	});
48	</script>	48	</script>
49	@endsection	49	@endsection
50		50
51	@section('content')	51	@section('content')
52	<section class="cabinet">	52	<section class="cabinet">
53	<div class="container">	53	<div class="container">
54	<ul class="breadcrumbs cabinet__breadcrumbs">	54	<ul class="breadcrumbs cabinet__breadcrumbs">
55	<li><a href="{{ route('index') }}">Главная</a></li>	55	<li><a href="{{ route('index') }}">Главная</a></li>
56	<li><b>Личный кабинет</b></li>	56	<li><b>Личный кабинет</b></li>
57	</ul>	57	</ul>
58	<div class="cabinet__wrapper">	58	<div class="cabinet__wrapper">
59	<div class="cabinet__side">	59	<div class="cabinet__side">
60	<div class="cabinet__side-toper">	60	<div class="cabinet__side-toper">
61	@include('employers.emblema')	61	@include('employers.emblema')
62	</div>	62	</div>
63	@include('employers.menu', ['item' => 5])	63	@include('employers.menu', ['item' => 5])
64	</div>	64	</div>
65	<div class="cabinet__body">	65	<div class="cabinet__body">
66	<div class="cabinet__body-item">	66	<div class="cabinet__body-item">
67	<h2 class="title cabinet__title">Сообщения</h2>	67	<h2 class="title cabinet__title">Сообщения</h2>
68	</div>	68	</div>
69	<div class="cabinet__body-item">	69	<div class="cabinet__body-item">
70	<a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="back">	70	<a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="back">
71	<svg>	71	<svg>
72	<use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>	72	<use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
73	</svg>	73	</svg>
74	<span>	74	<span>
75	К списку чатов	75	К списку чатов
76	</span>	76	</span>
77	</a>	77	</a>
78	<div class="chatbox">	78	<div class="chatbox">
79	<div class="chatbox__toper">	79	<div class="chatbox__toper">
80	@if ($companion->is_worker)	80	@if ($companion->is_worker)
81	<div class="chatbox__toper-info messages__item-info">	81	<div class="chatbox__toper-info messages__item-info">
82	<div class="messages__item-photo">	82	<div class="messages__item-photo">
83	<svg>	83	<svg>
84	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	84	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
85	</svg>	85	</svg>
86	@if ((isset($companion->workers[0]->photo)) &&	86	@if ((isset($companion->workers[0]->photo)) &&
87	(!empty($companion->workers[0]->photo)))	87	(!empty($companion->workers[0]->photo)))
88	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">	88	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
89	@else	89	@else
90	<img src="{{ asset('images/default_man.jpg') }}" alt="">	90	<img src="{{ asset('images/default_man.jpg') }}" alt="">
91	@endif	91	@endif
92	</div>	92	</div>
93	<div class="messages__item-text">	93	<div class="messages__item-text">
94	<div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>	94	<div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
95	</div>	95	</div>
96	</div>	96	</div>
97	@if (isset($companion->workers[0]->id))	97	@if (isset($companion->workers[0]->id))
98	<a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button">	98	<a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button">
99	<svg>	99	<svg>
100	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>	100	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
101	</svg>	101	</svg>
102	Перейти в резюме	102	Перейти в профиль
103	</a>	103	</a>
104	@endif	104	@endif
105	@else	105	@else
106	<div class="chatbox__toper-info messages__item-info">	106	<div class="chatbox__toper-info messages__item-info">
107	<div class="messages__item-photo">	107	<div class="messages__item-photo">
108	<svg>	108	<svg>
109	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	109	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
110	</svg>	110	</svg>
111	@if ((isset($companion->employers[0]->logo)) &&	111	@if ((isset($companion->employers[0]->logo)) &&
112	(!empty($companion->employers[0]->logo)))	112	(!empty($companion->employers[0]->logo)))
113	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">	113	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
114	@else	114	@else
115	<img src="{{ asset('images/default_man.jpg') }}" alt="">	115	<img src="{{ asset('images/default_man.jpg') }}" alt="">
116	@endif	116	@endif
117	</div>	117	</div>
118	<div class="messages__item-text">	118	<div class="messages__item-text">
119	<div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>	119	<div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
120	<div><span>Статус:</span> Работодатель или Администратор</div>	120	<div><span>Статус:</span> Работодатель или Администратор</div>
121	</div>	121	</div>
122	</div>	122	</div>
123	@if (isset($companion->employer->id))	123	@if (isset($companion->employer->id))
124	<a href="" class="button chatbox__toper-button">	124	<a href="" class="button chatbox__toper-button">
125	<svg>	125	<svg>
126	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>	126	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
127	</svg>	127	</svg>
128	Перейти в резюме	128	Перейти в профиль
129	</a>	129	</a>
130	@endif	130	@endif
131	@endif	131	@endif
132	</div>	132	</div>
133		133
134	<div class="chatbox__list" id="dialogs" name="dialogs">	134	<div class="chatbox__list" id="dialogs" name="dialogs">
135	@if ($Messages->count())	135	@if ($Messages->count())
136	@foreach ($Messages as $it)	136	@foreach ($Messages as $it)
137	@if ($it->user_id == $companion->id)	137	@if ($it->user_id == $companion->id)
138	<div class="chatbox__item">	138	<div class="chatbox__item">
139	<div class="chatbox__item-photo">	139	<div class="chatbox__item-photo">
140	<svg>	140	<svg>
141	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	141	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
142	</svg>	142	</svg>
143		143
144	@if ($companion->is_worker)	144	@if ($companion->is_worker)
145	@if ((isset($companion->workers[0]->photo)) &&	145	@if ((isset($companion->workers[0]->photo)) &&
146	(!empty($companion->workers[0]->photo)))	146	(!empty($companion->workers[0]->photo)))
147	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">	147	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
148	@else	148	@else
149	<img src="{{ asset('images/default_man.jpg') }}" alt="">	149	<img src="{{ asset('images/default_man.jpg') }}" alt="">
150	@endif	150	@endif
151	@else	151	@else
152	@if ((isset($companion->employers[0]->logo)) &&	152	@if ((isset($companion->employers[0]->logo)) &&
153	(!empty($companion->employers[0]->logo)))	153	(!empty($companion->employers[0]->logo)))
154	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">	154	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
155	@else	155	@else
156	<img src="{{ asset('images/default_man.jpg') }}" alt="">	156	<img src="{{ asset('images/default_man.jpg') }}" alt="">
157	@endif	157	@endif
158	@endif	158	@endif
159		159
160	</div>	160	</div>
161	<div class="chatbox__item-body">	161	<div class="chatbox__item-body">
162	<div class="chatbox__item-text">{{ $it->text }}</div>	162	<div class="chatbox__item-text">{{ $it->text }}</div>
163	</div>	163	</div>
164	<div class="chatbox__item-time">{{ $it->created_at }}</div>	164	<div class="chatbox__item-time">{{ $it->created_at }}</div>
165	</div>	165	</div>
166	@else	166	@else
167	<div class="chatbox__item chatbox__item_reverse">	167	<div class="chatbox__item chatbox__item_reverse">
168	<div class="chatbox__item-photo">	168	<div class="chatbox__item-photo">
169	<svg>	169	<svg>
170	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	170	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
171	</svg>	171	</svg>
172		172
173	@if ($sender->is_worker)	173	@if ($sender->is_worker)
174	@if ((isset($sender->workers[0]->photo)) &&	174	@if ((isset($sender->workers[0]->photo)) &&
175	(!empty($sender->workers[0]->photo)))	175	(!empty($sender->workers[0]->photo)))
176	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">	176	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
177	@else	177	@else
178	<img src="{{ asset('images/default_man.jpg') }}" alt="">	178	<img src="{{ asset('images/default_man.jpg') }}" alt="">
179	@endif	179	@endif
180	@else	180	@else
181	@if ((isset($sender->employers[0]->logo)) &&	181	@if ((isset($sender->employers[0]->logo)) &&
182	(!empty($sender->employers[0]->logo)))	182	(!empty($sender->employers[0]->logo)))
183	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">	183	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">
184	@else	184	@else
185	<img src="{{ asset('images/default_man.jpg') }}" alt="">	185	<img src="{{ asset('images/default_man.jpg') }}" alt="">
186	@endif	186	@endif
187	@endif	187	@endif
188		188
189	</div>	189	</div>
190	<div class="chatbox__item-body">	190	<div class="chatbox__item-body">
191	<div class="chatbox__item-text">{{ $it->text }}</div>	191	<div class="chatbox__item-text">{{ $it->text }}</div>
192	@if ((isset($it->file)) && (!empty($it->file)))	192	@if ((isset($it->file)) && (!empty($it->file)))
193	<a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">	193	<a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">
194	<svg>	194	<svg>
195	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>	195	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
196	</svg>	196	</svg>
197	</a>	197	</a>
198	@endif	198	@endif
199	</div>	199	</div>
200	<div class="chatbox__item-time">{{ $it->created_at }}</div>	200	<div class="chatbox__item-time">{{ $it->created_at }}</div>
201	</div>	201	</div>
202	@endif	202	@endif
203		203
204	@endforeach	204	@endforeach
205	@endif	205	@endif
206	</div>	206	</div>
207	<form action="{{ route('employer.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >	207	<form action="{{ route('employer.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >
208	@csrf	208	@csrf
209	<label class="chatbox__bottom-file">	209	<label class="chatbox__bottom-file">
210	<input id="file" name="file" type="file">	210	<input id="file" name="file" type="file">
211	<svg>	211	<svg>
212	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>	212	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
213	</svg>	213	</svg>
214	</label>	214	</label>
215	<input type="hidden" name="_token" value="{{ csrf_token() }}"/>	215	<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
216	<input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>	216	<input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>
217	<input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>	217	<input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>
218	<input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>	218	<input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>
219	<input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>	219	<input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>
220	<input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">	220	<input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">
221	<button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">	221	<button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">
222	<svg>	222	<svg>
223	<use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>	223	<use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
224	</svg>	224	</svg>
225	</button>	225	</button>
226	</form>	226	</form>
227	</div>	227	</div>
228	</div>	228	</div>
229	</div>	229	</div>
230	</div>	230	</div>
231	</div>	231	</div>
232	</section>	232	</section>
233	</div>	233	</div>
234	@endsection	234	@endsection
235		235

resources/views/modals/chats/remove_chat.blade.php

Diff comments View file @ d721fd8

-<div id="remove_chat" class="modal-dialog">
+<div class="hide">
-    <div class="modal-dialog-title">
+    <div id="remove_chat" class="modal-dialog">
-        <h2>Удалить чат</h2>
+        <div class="modal-dialog-title">
-    </div>
+            <h2>Удалить чат</h2>
-    <div class="modal-dialog-body">
+        </div>
-        <p>Вы действительно хотите удалить час с "<b><span class="target-chat"></span></b>"?</p>
+        <div class="modal-dialog-body">
-    </div>
+            <p>Вы действительно хотите удалить час с "<b><span class="target-chat"></span></b>"?</p>
-    <div class="modal-dialog-footer">
+        </div>
-        <button type="button" class="button remove-chat-button">Удалить</button>
+        <div class="modal-dialog-footer">
-        <button type="button" class="button button_light" onclick="$.fancybox.close();">Закрыть</button>
+            <button type="button" class="button remove-chat-button">Удалить</button>
+            <button type="button" class="button button_light" onclick="$.fancybox.close();">Закрыть</button>
+        </div>
     </div>
 </div>
 <script>
     $(function(){
         $('.remove-chat-button').click(function(){
             spinStart($(this));
             var wrap = $(this).closest('#remove_chat');
             var chat_id = wrap.data('chat-id');
             $.ajax({
                 type: "POST",
                 url: "{{ route('employer.remove_chat')  }}",
                 data: {
                     id: chat_id
                 },
                 headers: {
                     'X-CSRF-TOKEN': $('[name="_token"]').val()
                 },
                 success: function(){
                     location.reload();
                 }
             });
         });
     });
 </script>

resources/views/workers/dialog.blade.php

Diff comments View file @ d721fd8

1	@extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	console.log('Test system');	5	console.log('Test system');
6	$(document).on('change', '#send_btn', function() {	6	$(document).on('change', '#send_btn', function() {
7	var this_ = $(this);	7	var this_ = $(this);
8	var val_ = this_.val();	8	var val_ = this_.val();
9	console.log('sort items '+val_);	9	console.log('sort items '+val_);
10		10
11	$.ajax({	11	$.ajax({
12	type: "GET",	12	type: "GET",
13	url: "{{ route('shipping_companies') }}",	13	url: "{{ route('shipping_companies') }}",
14	data: "sort="+val_+"&block=1",	14	data: "sort="+val_+"&block=1",
15	success: function (data) {	15	success: function (data) {
16	console.log('Выбор сортировки');	16	console.log('Выбор сортировки');
17	console.log(data);	17	console.log(data);
18	$('#block_1').html(data);	18	$('#block_1').html(data);
19	},	19	},
20	headers: {	20	headers: {
21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	21	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22	},	22	},
23	error: function (data) {	23	error: function (data) {
24	data = JSON.stringify(data);	24	data = JSON.stringify(data);
25	console.log('Error: ' + data);	25	console.log('Error: ' + data);
26	}	26	}
27	});	27	});
28		28
29	$.ajax({	29	$.ajax({
30	type: "GET",	30	type: "GET",
31	url: "{{ route('shipping_companies') }}",	31	url: "{{ route('shipping_companies') }}",
32	data: "sort="+val_+"&block=2",	32	data: "sort="+val_+"&block=2",
33	success: function (data) {	33	success: function (data) {
34	console.log('Выбор сортировки2');	34	console.log('Выбор сортировки2');
35	console.log(data);	35	console.log(data);
36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");	36	history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37	$('#block_2').html(data);	37	$('#block_2').html(data);
38	},	38	},
39	headers: {	39	headers: {
40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	40	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41	},	41	},
42	error: function (data) {	42	error: function (data) {
43	data = JSON.stringify(data);	43	data = JSON.stringify(data);
44	console.log('Error: ' + data);	44	console.log('Error: ' + data);
45	}	45	}
46	});	46	});
47	});	47	});
48	</script>	48	</script>
49	@endsection	49	@endsection
50		50
51	@section('content')	51	@section('content')
52	<section class="cabinet">	52	<section class="cabinet">
53	<div class="container">	53	<div class="container">
54	<ul class="breadcrumbs cabinet__breadcrumbs">	54	<ul class="breadcrumbs cabinet__breadcrumbs">
55	<li><a href="{{ route('index') }}">Главная</a></li>	55	<li><a href="{{ route('index') }}">Главная</a></li>
56	<li><b>Личный кабинет</b></li>	56	<li><b>Личный кабинет</b></li>
57	</ul>	57	</ul>
58	<div class="cabinet__wrapper">	58	<div class="cabinet__wrapper">
59	<div class="cabinet__side">	59	<div class="cabinet__side">
60	<div class="cabinet__side-toper">	60	<div class="cabinet__side-toper">
61	@include('workers.emblema')	61	@include('workers.emblema')
62	</div>	62	</div>
63	@include('workers.menu', ['item' => 2])	63	@include('workers.menu', ['item' => 2])
64	</div>	64	</div>
65	<div class="cabinet__body">	65	<div class="cabinet__body">
66	<div class="cabinet__body-item">	66	<div class="cabinet__body-item">
67	<h2 class="title cabinet__title">Сообщения</h2>	67	<h2 class="title cabinet__title">Сообщения</h2>
68	</div>	68	</div>
69	<div class="cabinet__body-item">	69	<div class="cabinet__body-item">
70	<a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back">	70	<a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back">
71	<svg>	71	<svg>
72	<use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>	72	<use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
73	</svg>	73	</svg>
74	<span>	74	<span>
75	К списку чатов	75	К списку чатов
76	</span>	76	</span>
77	</a>	77	</a>
78	<div class="chatbox">	78	<div class="chatbox">
79	<div class="chatbox__toper">	79	<div class="chatbox__toper">
80	@if ($companion->is_worker)	80	@if ($companion->is_worker)
81	<div class="chatbox__toper-info messages__item-info">	81	<div class="chatbox__toper-info messages__item-info">
82	<div class="messages__item-photo">	82	<div class="messages__item-photo">
83	<svg>	83	<svg>
84	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	84	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
85	</svg>	85	</svg>
86	@if ((isset($companion->workers[0]->photo)) &&	86	@if ((isset($companion->workers[0]->photo)) &&
87	(!empty($companion->workers[0]->photo)))	87	(!empty($companion->workers[0]->photo)))
88	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">	88	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
89	@else	89	@else
90	<img src="{{ asset('images/default_man.jpg') }}" alt="">	90	<img src="{{ asset('images/default_man.jpg') }}" alt="">
91	@endif	91	@endif
92	</div>	92	</div>
93	</div>	93	</div>
94	@if (isset($companion->worker->id))	94	@if (isset($companion->worker->id))
95	<a href="{{ route('resume_profile', ['worker' => $companion->worker->id]) }}" class="button chatbox__toper-button">	95	<a href="{{ route('resume_profile', ['worker' => $companion->worker->id]) }}" class="button chatbox__toper-button">
96	<svg>	96	<svg>
97	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>	97	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
98	</svg>	98	</svg>
99	Перейти в резюме	99	Перейти в профиль
100	</a>	100	</a>
101	@endif	101	@endif
102	@else	102	@else
103	<div class="chatbox__toper-info messages__item-info">	103	<div class="chatbox__toper-info messages__item-info">
104	<div class="messages__item-photo">	104	<div class="messages__item-photo">
105	<svg>	105	<svg>
106	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	106	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
107	</svg>	107	</svg>
108	@if ((isset($companion->employers[0]->logo)) &&	108	@if ((isset($companion->employers[0]->logo)) &&
109	(!empty($companion->employers[0]->logo)))	109	(!empty($companion->employers[0]->logo)))
110	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">	110	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
111	@else	111	@else
112	<img src="{{ asset('images/default_man.jpg') }}" alt="">	112	<img src="{{ asset('images/default_man.jpg') }}" alt="">
113	@endif	113	@endif
114	</div>	114	</div>
115	<div class="messages__item-text">	115	<div class="messages__item-text">
116	<div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>	116	<div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
117	<div><span>Статус:</span> Работодатель или Администратор</div>	117	<div><span>Статус:</span> Работодатель или Администратор</div>
118	</div>	118	</div>
119	</div>	119	</div>
120	@if (isset($companion->employer->id))	120	@if (isset($companion->employer->id))
121	<a href="" class="button chatbox__toper-button">	121	<a href="" class="button chatbox__toper-button">
122	<svg>	122	<svg>
123	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>	123	<use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
124	</svg>	124	</svg>
125	Перейти в резюме	125	Перейти в профиль
126	</a>	126	</a>
127	@endif	127	@endif
128	@endif	128	@endif
129	</div>	129	</div>
130		130
131	<div class="chatbox__list" id="dialogs" name="dialogs">	131	<div class="chatbox__list" id="dialogs" name="dialogs">
132	@if ($Messages->count())	132	@if ($Messages->count())
133	@foreach ($Messages as $it)	133	@foreach ($Messages as $it)
134	@if ($it->user_id == $companion->id)	134	@if ($it->user_id == $companion->id)
135	<div class="chatbox__item">	135	<div class="chatbox__item">
136	<div class="chatbox__item-photo">	136	<div class="chatbox__item-photo">
137	<svg>	137	<svg>
138	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	138	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
139	</svg>	139	</svg>
140	@if ($companion->is_worker)	140	@if ($companion->is_worker)
141	@if ((isset($companion->workers[0]->photo)) &&	141	@if ((isset($companion->workers[0]->photo)) &&
142	(!empty($companion->workers[0]->photo)))	142	(!empty($companion->workers[0]->photo)))
143	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">	143	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
144	@else	144	@else
145	<img src="{{ asset('images/default_man.jpg') }}" alt="">	145	<img src="{{ asset('images/default_man.jpg') }}" alt="">
146	@endif	146	@endif
147	@else	147	@else
148	@if ((isset($companion->employers[0]->logo)) &&	148	@if ((isset($companion->employers[0]->logo)) &&
149	(!empty($companion->employers[0]->logo)))	149	(!empty($companion->employers[0]->logo)))
150	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">	150	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
151	@else	151	@else
152	<img src="{{ asset('images/default_man.jpg') }}" alt="">	152	<img src="{{ asset('images/default_man.jpg') }}" alt="">
153	@endif	153	@endif
154	@endif	154	@endif
155	</div>	155	</div>
156	<div class="chatbox__item-body">	156	<div class="chatbox__item-body">
157	<div class="chatbox__item-text">{{ $it->text }}</div>	157	<div class="chatbox__item-text">{{ $it->text }}</div>
158	</div>	158	</div>
159	<div class="chatbox__item-time">{{ $it->created_at }}</div>	159	<div class="chatbox__item-time">{{ $it->created_at }}</div>
160	</div>	160	</div>
161	@else	161	@else
162	<div class="chatbox__item chatbox__item_reverse">	162	<div class="chatbox__item chatbox__item_reverse">
163	<div class="chatbox__item-photo">	163	<div class="chatbox__item-photo">
164	<svg>	164	<svg>
165	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	165	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
166	</svg>	166	</svg>
167	@if ($sender->is_worker)	167	@if ($sender->is_worker)
168	@if ((isset($sender->workers[0]->photo)) &&	168	@if ((isset($sender->workers[0]->photo)) &&
169	(!empty($sender->workers[0]->photo)))	169	(!empty($sender->workers[0]->photo)))
170	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">	170	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
171	@else	171	@else
172	<img src="{{ asset('images/default_man.jpg') }}" alt="">	172	<img src="{{ asset('images/default_man.jpg') }}" alt="">
173	@endif	173	@endif
174	@else	174	@else
175	@if ((isset($sender->employers[0]->logo)) &&	175	@if ((isset($sender->employers[0]->logo)) &&
176	(!empty($sender->employers[0]->logo)))	176	(!empty($sender->employers[0]->logo)))
177	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">	177	<img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">
178	@else	178	@else
179	<img src="{{ asset('images/default_man.jpg') }}" alt="">	179	<img src="{{ asset('images/default_man.jpg') }}" alt="">
180	@endif	180	@endif
181	@endif	181	@endif
182		182
183	</div>	183	</div>
184	<div class="chatbox__item-body">	184	<div class="chatbox__item-body">
185	<div class="chatbox__item-text">{{ $it->text }}</div>	185	<div class="chatbox__item-text">{{ $it->text }}</div>
186	@if ((isset($it->file)) && (!empty($it->file)))	186	@if ((isset($it->file)) && (!empty($it->file)))
187	<a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">	187	<a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">
188	<svg>	188	<svg>
189	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>	189	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
190	</svg>	190	</svg>
191	</a>	191	</a>
192	@endif	192	@endif
193	</div>	193	</div>
194	<div class="chatbox__item-time">{{ $it->created_at }}</div>	194	<div class="chatbox__item-time">{{ $it->created_at }}</div>
195	</div>	195	</div>
196	@endif	196	@endif
197		197
198	@endforeach	198	@endforeach
199	@endif	199	@endif
200	</div>	200	</div>
201	<form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >	201	<form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >
202	@csrf	202	@csrf
203	<label class="chatbox__bottom-file">	203	<label class="chatbox__bottom-file">
204	<input id="file" name="file" type="file">	204	<input id="file" name="file" type="file">
205	<svg>	205	<svg>
206	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>	206	<use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
207	</svg>	207	</svg>
208	</label>	208	</label>
209	<input type="hidden" name="_token" value="{{ csrf_token() }}"/>	209	<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
210	<input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>	210	<input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>
211	<input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>	211	<input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>
212	<input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>	212	<input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>
213	<input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>	213	<input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>
214	<input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">	214	<input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">
215	<button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">	215	<button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">
216	<svg>	216	<svg>
217	<use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>	217	<use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
218	</svg>	218	</svg>
219	</button>	219	</button>
220	</form>	220	</form>
221	</div>	221	</div>
222	</div>	222	</div>
223	</div>	223	</div>
224	</div>	224	</div>
225	</div>	225	</div>
226	</section>	226	</section>
227	</div>	227	</div>
228	@endsection	228	@endsection
229		229

resources/views/workers/sertificate_add.blade.php

Diff comments View file @ d721fd8

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

routes/web.php

Diff comments View file @ d721fd8

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	\|--------------------------------------------------------------------------