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

Browse Code »

Commit d4632b7a2f54a0e0e150259965625d1089576c1b

Authored by Сергей П 2024-06-28 12:31:48 +0300

1 parent 2de26f97a8

Exists in master

Анкета работника

Showing 18 changed files with 1902 additions and 808 deletions Inline Diff

app/Http/Controllers/WorkerController.php
app/Models/User.php
app/Models/Worker.php
database/migrations/2024_06_26_152119_alert_workers_table.php
database/migrations/2024_06_27_124222_alert_sertifications_table.php
public/css/helpers.css
public/css/style_may2024.css
resources/views/layout/frontend.blade.php
resources/views/workers/cabinet.blade.php
resources/views/workers/cabinet_layout.blade.php
resources/views/workers/docs-edit.blade.php
resources/views/workers/form_additional_documents.blade.php
resources/views/workers/form_basic_information.blade.php
resources/views/workers/prev_company_edit_form.blade.php
resources/views/workers/prev_company_form.blade.php
resources/views/workers/sertificate_add.blade.php
resources/views/workers/sertificate_edit.blade.php
routes/web.php

app/Http/Controllers/WorkerController.php

Diff comments View file @ d4632b7

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

app/Models/User.php

Diff comments View file @ d4632b7

1	<?php	1	<?php
2		2
3	namespace App\Models;	3	namespace App\Models;
4		4
5	// use Illuminate\Contracts\Auth\MustVerifyEmail;	5	// use Illuminate\Contracts\Auth\MustVerifyEmail;
6	use Illuminate\Database\Eloquent\Factories\HasFactory;	6	use Illuminate\Database\Eloquent\Factories\HasFactory;
7	use Illuminate\Foundation\Auth\User as Authenticatable;	7	use Illuminate\Foundation\Auth\User as Authenticatable;
8	use Illuminate\Notifications\Notifiable;	8	use Illuminate\Notifications\Notifiable;
9	use Laravel\Sanctum\HasApiTokens;	9	use Laravel\Sanctum\HasApiTokens;
10		10
11	class User extends Authenticatable	11	class User extends Authenticatable
12	{	12	{
13	use HasApiTokens, HasFactory, Notifiable;	13	use HasApiTokens, HasFactory, Notifiable;
14		14
15	/**	15	/**
16	* The attributes that are mass assignable.	16	* The attributes that are mass assignable.
17	*	17	*
18	* @var array<int, string>	18	* @var array<int, string>
19	*/	19	*/
20		20
21	protected $fillable = [	21	protected $fillable = [
22	'name',	22	'name',
23	'email',	23	'email',
24	'password',	24	'password',
25	'admin',	25	'admin',
26	'telephone',	26	'telephone',
27	'surname',	27	'surname',
28	'name_man',	28	'name_man',
29	'surname2',	29	'surname2',
30	'is_worker',	30	'is_worker',
31	'is_lookin',	31	'is_lookin',
32	'is_message',	32	'is_message',
33	'is_public',	33	'is_public',
34	'is_worker',	34	'is_worker',
35	'is_remove',	35	'is_remove',
36	'is_ban',	36	'is_ban',
37	'is_new',	37	'is_new',
38	'is_bd',	38	'is_bd',
39	'email_verified_at',	39	'email_verified_at',
40	'created_at',	40	'created_at',
41	'updated_at',	41	'updated_at',
42	'birthday',	42	'birthday',
43	'file',	43	'file',
44	'pubpassword',	44	'pubpassword',
45	'is_manager',	45	'is_manager',
46	'subscribe_email',	46	'subscribe_email',
47	'subscribe',	47	'subscribe',
48	];	48	];
49		49
50	/**	50	/**
51	* The attributes that should be hidden for serialization.	51	* The attributes that should be hidden for serialization.
52	*	52	*
53	* @var array<int, string>	53	* @var array<int, string>
54	*/	54	*/
55	protected $hidden = [	55	protected $hidden = [
56	'password',	56	'password',
57	'remember_token',	57	'remember_token',
58	];	58	];
59		59
60	/**	60	/**
61	* The attributes that should be cast.	61	* The attributes that should be cast.
62	*	62	*
63	* @var array<string, string>	63	* @var array<string, string>
64	*/	64	*/
65	protected $casts = [	65	protected $casts = [
66	'email_verified_at' => 'datetime',	66	'email_verified_at' => 'datetime',
67	];	67	];
68		68
69	/*	69	/*
70	* Связь Пользователей системы с работодателями	70	* Связь Пользователей системы с работодателями
71	* users - employers	71	* users - employers
72	*/	72	*/
73	public function employers() {	73	public function employers() {
74	return $this->hasMany(Employer::class, 'user_id');	74	return $this->hasMany(Employer::class, 'user_id');
75	}	75	}
76		76
77	/*	77	/*
78	* Связь Пользователей системы с работниками	78	* Связь Пользователей системы с работниками
79	* users - workers	79	* users - workers
80	*/	80	*/
81	public function workers() {	81	public function workers() {
82	return $this->hasMany(Worker::class, 'user_id');	82	return $this->hasMany(Worker::class, 'user_id');
83	}	83	}
84		84
85	/*	85	/*
86	* Связь Пользователей системы с работниками	86	* Связь Пользователей системы с работниками
87	* users - workers	87	* users - workers
88	*/	88	*/
89	public function work() {	89	public function work() {
90	return $this->hasMany(Worker::class, 'user_id')->select('telephone', 'email', 'position_work', 'persent_anketa');	90	return $this->hasMany(Worker::class, 'user_id')->select('telephone', 'email', 'position_work', 'persent_anketa');
91	}	91	}
92		92
93	/*	93	/*
94	* Связь Модели Пользователей(Users) с Группами (Group_users)	94	* Связь Модели Пользователей(Users) с Группами (Group_users)
95	* users - group_users	95	* users - group_users
96	многие-ко-многим	96	многие-ко-многим
97	*/	97	*/
98	public function ingroup() {	98	public function ingroup() {
99	return $this->belongsToMany(Group_user::class, 'group_works');	99	return $this->belongsToMany(Group_user::class, 'group_works');
100	}	100	}
101		101
102	/*	102	/*
103	* Связь Пользователей системы с ссобщениями	103	* Связь Пользователей системы с ссобщениями
104	* users - messages	104	* users - messages
105	*/	105	*/
106	public function messages() {	106	public function messages() {
107	return $this->hasMany(Message::class);	107	return $this->hasMany(Message::class);
108	}	108	}
109		109
110	/*	110	/*
111	* Связь Пользователей системы с статистика	111	* Связь Пользователей системы с статистика
112	* users - static_workers	112	* users - static_workers
113	*/	113	*/
114	public function static_user() {	114	public function static_user() {
115	return $this->hasMany(Static_worker::class);	115	return $this->hasMany(Static_worker::class);
116	}	116	}
117		117
118	/*	118	/*
119	* Связь модели Юзеры (users) с моделью Группы пользователей (Group_works)	119	* Связь модели Юзеры (users) с моделью Группы пользователей (Group_works)
120	один-ко-многим	120	один-ко-многим
121	*/	121	*/
122	public function peoples() {	122	public function peoples() {
123	return $this->hasMany(Group_works::class);	123	return $this->hasMany(Group_works::class);
124	}	124	}
125		125
126	/*	126	/*
127	* Связь Модели Пользователей(Users) с Группами (Group_users)	127	* Связь Модели Пользователей(Users) с Группами (Group_users)
128	* users - group_users	128	* users - group_users
129	многие-ко-многим	129	многие-ко-многим
130	*/	130	*/
131	public function jobtitles() {	131	public function jobtitles() {
132	return $this->belongsToMany(Job_title::class, 'Workers', 'user_id', 'position_work');	132	return $this->belongsToMany(Job_title::class, 'workers', 'user_id', 'position_work');
133	}	133	}
134		134
135	public function scopeActive($query) {	135	public function scopeActive($query) {
136	return $query->where('is_remove', '=', '0');	136	return $query->where('is_remove', '=', '0');
137	}	137	}
138		138
139	public function scopeWorker($query) {	139	public function scopeWorker($query) {
140	return $query->where('is_worker', '=', '1');	140	return $query->where('is_worker', '=', '1');
141	}	141	}
142		142
143	public function scopeBaseuser($query) {	143	public function scopeBaseuser($query) {
144	return $query->where('is_bd', '=', '1');	144	return $query->where('is_bd', '=', '1');
145	}	145	}
146		146
147	public function scopeRealuser($query) {	147	public function scopeRealuser($query) {
148	return $query->where('is_bd', '=', '0');	148	return $query->where('is_bd', '=', '0');
149	}	149	}
150		150
151	public function scopeAdmin($query) {	151	public function scopeAdmin($query) {
152	return $query->where('admin', '=', '1');	152	return $query->where('admin', '=', '1');
153	}	153	}
154		154
155	public function scopeNotadmin($query) {	155	public function scopeNotadmin($query) {
156	return $query->where('admin', '=', '0');	156	return $query->where('admin', '=', '0');
157	}	157	}
158		158
159	}	159	}
160		160

app/Models/Worker.php

Diff comments View file @ d4632b7

 <?php
 namespace App\Models;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 class Worker extends Model
 {
     use HasFactory;
     protected $table = 'workers';
     protected $fillable = [
         'user_id',
         'status_work',
         'position_work',
         'telephone',
         'telephone2',
         'persent_anketa',
         'photo',
         'email_data',
         'status_profile',
         'old_year',
         'experience',
         'en_is',
         'education',
         'email',
         'interpassport',
         'mk',
         'vvp',
         'vlm',
         'reka_diplom',
         'more_diplom',
         'mpss',
         'tanker',
         'gmssb',
         'resume',
         'sort',
         'updated_at',
         'text',
         'address',
         'city',
         'coord',
         'file',
         'is_remove',
         'favorite_user',
-        'sroch_user'
+        'sroch_user',
+        'salary_expectations',
+        'english_level',
+        'ready_boart_date',
+        'boart_type_preference',
+        'visa_available',
+        'tanker_documents_available',
+        'confirmation_work_for_vvp',
+        'military_id_available'
     ];
     /*
      * Связь таблицы users с таблицей workers
     */
     public function users() {
         return $this->belongsTo(User::class, 'user_id');
     }
     // Связь Работника с сертификами (0-0 - 1)
     public function sertificate() {
         return $this->hasMany(sertification::class);
     }
     // Связь Работника с должностями (0-0 - 1)
     public function job_titles() {
         return $this->belongsToMany(Job_title::class, 'title_workers');
     }
     //Связь Работника с опытом работы (1 - 0-0)
     public function place_worker() {
         return $this->hasMany(place_works::class);
     }
     public function scopeActive($query) {
         return $query->where('is_remove', '=', '0');
     }
     //Связь Работника с предыдущими компаниями
     public function prev_company() {
         return $this->hasMany(PrevCompany::class);
     }
     //Связь Работника с инфоблоками (0-0 - 0-0)
     public function infobloks() {
         return $this->belongsToMany(infobloks::class,'dop_info',  'worker_id', 'infoblok_id');
     }
     //Связи Работника с дополнительными
     public function dop_info() {
         return $this->hasMany(Dop_info::class, 'worker_id');
     }
     public function response() {
         return $this->hasMany(ResponseWork::class);
     }
 }

database/migrations/2024_06_26_152119_alert_workers_table.php

Diff comments View file @ d4632b7

File was created	1	<?php
	2
	3	use Illuminate\Database\Migrations\Migration;
	4	use Illuminate\Database\Schema\Blueprint;
	5	use Illuminate\Support\Facades\Schema;
	6
	7	return new class extends Migration
	8	{
	9	/**
	10	* Run the migrations.
	11	*
	12	* @return void
	13	*/
	14	public function up()
	15	{
	16	Schema::table('workers', function (Blueprint $table) {
	17	$table->string('salary_expectations', 255)->nullable();
	18	$table->string('english_level', 255)->nullable();
	19	$table->string('ready_boart_date', 255)->nullable();
	20	$table->string('boart_type_preference', 255)->nullable();
	21	$table->string('visa_available', 255)->nullable();
	22	$table->string('tanker_documents_available', 255)->nullable();
	23	$table->string('confirmation_work_for_vvp', 255)->nullable();
	24	$table->string('military_id_available', 255)->nullable();
	25	});
	26	}
	27
	28	/**
	29	* Reverse the migrations.
	30	*
	31	* @return void
	32	*/
	33	public function down()
	34	{
	35	Schema::table('workers', function (Blueprint $table) {
	36	$table->dropColumn('salary_expectations');
	37	$table->dropColumn('english_level');
	38	$table->dropColumn('ready_boart_date');
	39	$table->dropColumn('boart_type_preference');
	40	$table->dropColumn('visa_available');
	41	$table->dropColumn('tanker_documents_available');
	42	$table->dropColumn('confirmation_work_for_vvp');
	43	$table->dropColumn('military_id_available');
	44	});
	45	}
	46	};
	47

database/migrations/2024_06_27_124222_alert_sertifications_table.php

Diff comments View file @ d4632b7

File was created	1	<?php
	2
	3	use Illuminate\Database\Migrations\Migration;
	4	use Illuminate\Database\Schema\Blueprint;
	5	use Illuminate\Support\Facades\Schema;
	6
	7	return new class extends Migration
	8	{
	9	/**
	10	* Run the migrations.
	11	*
	12	* @return void
	13	*/
	14	public function up()
	15	{
	16	Schema::table('sertifications', function (Blueprint $table) {
	17	$table->string('education', 255)->nullable()->change();
	18	});
	19	}
	20
	21	/**
	22	* Reverse the migrations.
	23	*
	24	* @return void
	25	*/
	26	public function down()
	27	{
	28	Schema::table('sertifications', function (Blueprint $table) {
	29	$table->string('education', 255)->nullable(false)->change();
	30	});
	31	}
	32	};
	33

public/css/helpers.css

Diff comments View file @ d4632b7

File was created	1	.ma-0 {
	2	margin: 0px !important;
	3	}
	4
	5	.mb-0 {
	6	margin-bottom: 0px !important;
	7	}
	8
	9	.mt-0 {
	10	margin-top: 0px !important;
	11	}
	12
	13	.mr-0 {
	14	margin-right: 0px !important;
	15	}
	16
	17	.ml-0 {
	18	margin-left: 0px !important;
	19	}
	20
	21	.mt-1 {
	22	margin-top: 1px !important;
	23	}
	24
	25	.mt-2 {
	26	margin-top: 2px !important;
	27	}
	28
	29	.mt-3 {
	30	margin-top: 3px !important;
	31	}
	32
	33	.mt-4 {
	34	margin-top: 4px !important;
	35	}
	36
	37	.mt-5 {
	38	margin-top: 5px !important;
	39	}
	40
	41	.mt-6 {
	42	margin-top: 6px !important;
	43	}
	44
	45	.mt-7 {
	46	margin-top: 7px !important;
	47	}
	48
	49	.mt-8 {
	50	margin-top: 8px !important;
	51	}
	52
	53	.mt-9 {
	54	margin-top: 9px !important;
	55	}
	56
	57	.mt-10 {
	58	margin-top: 10px !important;
	59	}
	60
	61	.mt-11 {
	62	margin-top: 11px !important;
	63	}
	64
	65	.mt-12 {
	66	margin-top: 12px !important;
	67	}
	68
	69	.mt-13 {
	70	margin-top: 13px !important;
	71	}
	72
	73	.mt-14 {
	74	margin-top: 14px !important;
	75	}
	76
	77	.mt-15 {
	78	margin-top: 15px !important;
	79	}
	80
	81	.mt-16 {
	82	margin-top: 16px !important;
	83	}
	84
	85	.mt-17 {
	86	margin-top: 17px !important;
	87	}
	88
	89	.mt-18 {
	90	margin-top: 18px !important;
	91	}
	92
	93	.mt-19 {
	94	margin-top: 19px !important;
	95	}
	96
	97	.mt-20 {
	98	margin-top: 20px !important;
	99	}
	100
	101	.mt-25 {
	102	margin-top: 25px !important;
	103	}
	104
	105	.mt-30 {
	106	margin-top: 30px !important;
	107	}
	108
	109	.mt-35 {
	110	margin-top: 35px !important;
	111	}
	112
	113	.mt-40 {
	114	margin-top: 40px !important;
	115	}
	116
	117	.mt-50 {
	118	margin-top: 50px !important;
	119	}
	120
	121	.mt-60 {
	122	margin-top: 60px !important;
	123	}
	124
	125	.mb-1 {
	126	margin-bottom: 1px !important;
	127	}
	128
	129	.mb-2 {
	130	margin-bottom: 2px !important;
	131	}
	132
	133	.mb-3 {
	134	margin-bottom: 3px !important;
	135	}
	136
	137	.mb-4 {
	138	margin-bottom: 4px !important;
	139	}
	140
	141	.mb-5 {
	142	margin-bottom: 5px !important;
	143	}
	144
	145	.mb-6 {
	146	margin-bottom: 6px !important;
	147	}
	148
	149	.mb-7 {
	150	margin-bottom: 7px !important;
	151	}
	152
	153	.mb-10 {
	154	margin-bottom: 10px !important;
	155	}
	156
	157	.mb-12 {
	158	margin-bottom: 12px !important;
	159	}
	160
	161	.mb-15 {
	162	margin-bottom: 15px !important;
	163	}
	164
	165	.mb-20 {
	166	margin-bottom: 20px !important;
	167	}
	168
	169	.mb-25 {
	170	margin-bottom: 25px !important;
	171	}
	172
	173	.mb-30 {
	174	margin-bottom: 30px !important;
	175	}
	176
	177	.mb-35 {
	178	margin-bottom: 35px !important;
	179	}
	180
	181	.mb-40 {
	182	margin-bottom: 40px !important;
	183	}
	184
	185	.mb-50 {
	186	margin-bottom: 50px !important;
	187	}
	188
	189	.mb-60 {
	190	margin-bottom: 60px !important;
	191	}
	192
	193	.mr-4 {
	194	margin-right: 4px !important;
	195	}
	196
	197	.mr-5 {
	198	margin-right: 5px !important;
	199	}
	200
	201	.mr-6 {
	202	margin-right: 6px !important;
	203	}
	204
	205	.mr-7 {
	206	margin-right: 7px !important;
	207	}
	208
	209	.mr-8 {
	210	margin-right: 8px !important;
	211	}
	212
	213	.mr-9 {
	214	margin-right: 9px !important;
	215	}
	216
	217	.mr-10 {
	218	margin-right: 10px !important;
	219	}
	220
	221	.mr-15 {
	222	margin-right: 15px !important;
	223	}
	224
	225	.mr-20 {
	226	margin-right: 20px !important;
	227	}
	228
	229	.mr-25 {
	230	margin-right: 25px !important;
	231	}
	232
	233	.mr-30 {
	234	margin-right: 30px !important;
	235	}
	236
	237	.mr-35 {
	238	margin-right: 35px !important;
	239	}
	240
	241	.mr-40 {
	242	margin-right: 40px !important;
	243	}
	244
	245	.mr-45 {
	246	margin-right: 45px !important;
	247	}
	248
	249	.mr-50 {
	250	margin-right: 50px !important;
	251	}
	252
	253	.ml-3 {
	254	margin-left: 3px !important;
	255	}
	256
	257	.ml-5 {
	258	margin-left: 5px !important;
	259	}
	260
	261	.ml-4 {
	262	margin-left: 4px !important;
	263	}
	264
	265	.ml-7 {
	266	margin-left: 7px !important;
	267	}
	268
	269	.ml-10 {
	270	margin-left: 10px !important;
	271	}
	272
	273	.ml-15 {
	274	margin-left: 15px !important;
	275	}
	276
	277	.ml-20 {
	278	margin-left: 20px !important;
	279	}
	280
	281	.ml-25 {
	282	margin-left: 25px !important;
	283	}
	284
	285	.ml-30 {
	286	margin-left: 30px !important;
	287	}
	288
	289	.ml-35 {
	290	margin-left: 35px !important;
	291	}
	292
	293	.ml-40 {
	294	margin-left: 40px !important;
	295	}
	296
	297	.ml-50 {
	298	margin-left: 50px !important;
	299	}
	300
	301	.pa-0 {
	302	padding: 0px !important;
	303	}
	304
	305	.pa-10 {
	306	padding: 10px !important;
	307	}
	308
	309	.pa-20 {
	310	padding: 20px !important;
	311	}
	312
	313	.pl-0 {
	314	padding-left: 0px !important;
	315	}
	316
	317	.pr-0 {
	318	padding-right: 0px !important;
	319	}
	320
	321	.pb-0 {
	322	padding-bottom: 0px !important;
	323	}
	324
	325	.pt-0 {
	326	padding-top: 0px !important;
	327	}
	328
	329	.pt-1 {
	330	padding-top: 1px !important;
	331	}
	332
	333	.pt-3 {
	334	padding-top: 3px !important;
	335	}
	336
	337	.pt-4 {
	338	padding-top: 4px !important;
	339	}
	340
	341	.pt-5 {
	342	padding-top: 5px !important;
	343	}
	344
	345	.pt-6 {
	346	padding-top: 6px !important;
	347	}
	348
	349	.pt-7 {
	350	padding-top: 7px !important;
	351	}
	352
	353	.pt-8 {
	354	padding-top: 8px !important;
	355	}
	356
	357	.pt-10 {
	358	padding-top: 10px !important;
	359	}
	360
	361	.pt-15 {
	362	padding-top: 15px !important;
	363	}
	364
	365	.pt-20 {
	366	padding-top: 20px !important;
	367	}
	368
	369	.pb-1 {
	370	padding-bottom: 1px !important;
	371	}
	372
	373	.pb-4 {
	374	padding-bottom: 4px !important;
	375	}
	376
	377	.pb-5 {
	378	padding-bottom: 5px !important;
	379	}
	380
	381	.pb-7 {
	382	padding-bottom: 7px !important;
	383	}
	384
	385	.pb-10 {
	386	padding-bottom: 10px !important;
	387	}
	388
	389	.pb-15 {
	390	padding-bottom: 15px !important;
	391	}
	392
	393	.pb-20 {
	394	padding-bottom: 20px !important;
	395	}
	396
	397	.pb-30 {
	398	padding-bottom: 30px !important;
	399	}
	400
	401	.pr-5 {
	402	padding-right: 5px !important;
	403	}
	404
	405	.pr-10 {
	406	padding-right: 10px !important;
	407	}
	408
	409	.pr-12 {
	410	padding-right: 12px !important;
	411	}
	412
	413	.pr-15 {
	414	padding-right: 15px !important;
	415	}
	416
	417	.pr-20 {
	418	padding-right: 20px !important;
	419	}
	420
	421	.pl-5 {
	422	padding-left: 5px !important;
	423	}
	424
	425	.pl-10 {
	426	padding-left: 10px !important;
	427	}
	428
	429	.pl-12 {
	430	padding-left: 12px !important;
	431	}
	432
	433	.pl-15 {
	434	padding-left: 15px !important;
	435	}
	436
	437	.pl-20 {
	438	padding-left: 20px !important;
	439	}
	440
	441	.pl-25 {
	442	padding-left: 25px !important;
	443	}
	444
	445	.pl-30 {
	446	padding-left: 30px !important;
	447	}
	448
	449	.lh-1 {
	450	line-height: 1 !important;
	451	}
	452
	453	.lh-11 {
	454	line-height: 1.1 !important;
	455	}
	456
	457	.lh-12 {
	458	line-height: 1.2 !important;
	459	}
	460
	461	.lh-13 {
	462	line-height: 1.3 !important;
	463	}
	464
	465	.lh-14 {
	466	line-height: 1.4 !important;
	467	}
	468
	469	.lh-15 {
	470	line-height: 1.5 !important;
	471	}
	472
	473	.lh-16 {
	474	line-height: 1.6 !important;
	475	}
	476
	477	.font10 {
	478	font-size: 10px !important;
	479	}
	480
	481	.font11 {
	482	font-size: 11px !important;
	483	}
	484
	485	.font12 {
	486	font-size: 12px !important;
	487	}
	488
	489	.font13 {
	490	font-size: 13px !important;
	491	}
	492
	493	.font14 {
	494	font-size: 14px !important;
	495	}
	496
	497	.font15 {
	498	font-size: 15px !important;
	499	}
	500
	501	.font16 {
	502	font-size: 16px !important;
	503	}
	504
	505	.font17 {
	506	font-size: 17px !important;
	507	}
	508
	509	.font18 {
	510	font-size: 18px !important;
	511	}
	512
	513	.font19 {
	514	font-size: 19px !important;
	515	}
	516
	517	.font20 {
	518	font-size: 20px !important;
	519	}
	520
	521	.font21 {
	522	font-size: 21px !important;
	523	}
	524
	525	.font22 {
	526	font-size: 22px !important;
	527	}
	528
	529	.font23 {
	530	font-size: 23px !important;
	531	}
	532
	533	.font24 {
	534	font-size: 24px !important;
	535	}
	536
	537	.font25 {
	538	font-size: 25px !important;
	539	}
	540
	541	.font30 {
	542	font-size: 30px !important;
	543	}
	544
	545	.fw100 {
	546	font-weight: 100;
	547	}
	548
	549	.fw200 {
	550	font-weight: 200;
	551	}
	552
	553	.fw300 {
	554	font-weight: 300;
	555	}
	556
	557	.fw400 {
	558	font-weight: 400;
	559	}
	560
	561	.fw500 {
	562	font-weight: 500;
	563	}
	564
	565	.fw600 {
	566	font-weight: 600;
	567	}
	568
	569	.fw700 {
	570	font-weight: 700;
	571	}
	572
	573	.fw800 {
	574	font-weight: 800;
	575	}
	576
	577	.fw900 {
	578	font-weight: 900;
	579	}
	580
	581	.fw-bold {
	582	font-weight: bold;
	583	}
	584
	585	.ta-justify {
	586	text-align: justify !important;
	587	}
	588
	589	.ta-center {
	590	text-align: center !important;
	591	}
	592
	593	.ta-end {
	594	text-align: end !important;
	595	}
	596
	597	.ta-left {
	598	text-align: left !important;
	599	}
	600
	601	.ta-right {
	602	text-align: right !important;
	603	}
	604
	605	.green {
	606	color: #36A000;
	607	}
	608
	609	.gray-light {
	610	color: #9096A4;
	611	}
	612
	613	.gray-dark {
	614	color: #676B75;
	615	}
	616
	617	.blue {
	618	color: #2FB9F8;
	619	}
	620
	621	.clients-blue {
	622	color: #2FB9F8;
	623	}
	624
	625	.black {
	626	color: #282B31;
	627	}
	628
	629	.red-bf {
	630	color: #d01a2f;
	631	}
	632
	633	.hide {
	634	display: none;
	635	}
	636
	637	.forcehide {
	638	display: none !important;
	639	}
	640
	641	.left {
	642	float: left;
	643	}
	644
	645	.left-f {
	646	float: left !important;
	647	}
	648
	649	.right {
	650	float: right;
	651	}
	652
	653	.right-f {
	654	float: right !important;
	655	}
	656
	657	.clear {
	658	clear: both;
	659	}
	660
	661	.relative {
	662	position: relative;
	663	}
	664
	665	.absolute {
	666	position: absolute;
	667	}
	668
	669	.block {
	670	display: block;
	671	}
	672
	673	.inline-block {
	674	display: inline-block !important;
	675	}
	676
	677	.display-grid {
	678	display: grid;
	679	}
	680
	681	.flex {
	682	display: flex;
	683	}
	684
	685	.flex-align-items-center {
	686	align-items: center;
	687	}
	688
	689	.pointer, .hand {
	690	cursor: pointer;
	691	}
	692
	693	.cursor-default {
	694	cursor: default !important;
	695	}
	696
	697	.bold {
	698	font-weight: bold;
	699	}
	700
	701	.italic {
	702	font-style: italic;
	703	}
	704
	705	.uppercase {
	706	text-transform: uppercase;
	707	}
	708
	709	.width100 {
	710	width: 100%;
	711	}
	712
	713	.fit-content {
	714	width: -moz-fit-content;
	715	width: -webkit-fit-content;
	716	width: fit-content;
	717	}
	718
	719	.max-content {
	720	width: intrinsic; /* Safari/WebKit uses a non-standard name */
	721	width: -moz-max-content; /* Firefox/Gecko */
	722	width: -webkit-max-content; /* Chrome */
	723	width: max-content;
	724	}
	725
	726	.fill-available {
	727	width: -moz-available;
	728	width: -webkit-fill-available;
	729	width: fill-available;
	730	}
	731
	732	.pointer-none {
	733	pointer-events: none;
	734	}
	735
	736	.disable-block, .disabled-block {
	737	pointer-events: none;
	738	opacity: 0.4;
	739	}
	740
	741	.show-spaces {
	742	word-wrap: break-word !important;
	743	white-space: pre-wrap !important;
	744	}
	745
	746	.overflow-hidden {
	747	overflow: hidden !important;
	748	}
	749
	750	.overflow-auto {
	751	overflow: auto !important;
	752	}
	753
	754	.force-hide {
	755	display: none !important;
	756	}
	757
	758	.center-block {
	759	display: block;
	760	margin-right: auto;
	761	margin-left: auto;
	762	}
	763
	764	.expand-all-plus {
	765	background: url(/images/add.png) 0 0 no-repeat;
	766	cursor: pointer;
	767	width: 16px;
	768	height: 16px;
	769	}
	770
	771	.expand-plus {
	772	background: url(/images/plus.png) 0 0 no-repeat;
	773	cursor: pointer;
	774	width: 16px;
	775	height: 16px;
	776	}
	777
	778	.reduce-minus {
	779	background: url(/images/minus.png) 0 0 no-repeat;
	780	cursor: pointer;
	781	width: 16px;
	782	height: 16px;
	783	}
	784
	785	.grey-line {
	786	width: 100%;
	787	height: 1px;
	788	border-bottom: 1px solid #e7ecf1;
	789	}
	790
	791	.triangle-top-to-bottom {
	792	border: 6px solid transparent;
	793	border-bottom: 14px solid;
	794	position: absolute;
	795	top: -19px;
	796	color: #fff;
	797	}
	798
	799	.primary-color {
	800	color: #2FB9F8;
	801	}
	802
	803	.primary-bg-color {
	804	background-color: #2FB9F8;
	805	}
	806
	807	.before-triangle-top:before {
	808	position: absolute;
	809	top: -8px;
	810	right: 20px;
	811	left: auto;
	812	display: inline-block !important;
	813	border-right: 8px solid transparent;
	814	border-bottom: 8px solid #e0e0e0;
	815	border-left: 8px solid transparent;
	816	content: "";
	817	}
	818	.before-triangle-top:after {
	819	position: absolute;
	820	top: -7px;
	821	right: 21px;
	822	left: auto;
	823	display: inline-block !important;
	824	border-right: 7px solid transparent;
	825	border-bottom: 7px solid #fff;
	826	border-left: 7px solid transparent;
	827	content: "";
	828	}
	829
	830	.before-triangle-right:before {
	831	position: absolute;
	832	top: calc(50% - 8px);
	833	right: -8px;
	834	left: auto;
	835	display: inline-block !important;
	836	border-top: 8px solid transparent;
	837	border-bottom: 8px solid transparent;
	838	border-left: 8px solid #e0e0e0;
	839	content: "";
	840	}
	841	.before-triangle-right:after {
	842	position: absolute;
	843	top: calc(50% - 7px);
	844	right: -7px;
	845	left: auto;
	846	display: inline-block !important;
	847	border-top: 7px solid transparent;
	848	border-bottom: 7px solid transparent;
	849	border-left: 7px solid #fff;
	850	content: "";
	851	}
	852
	853	.icon-download-detail-booked-before-triangle-right:before {
	854	position: absolute;
	855	top: calc(50% - 39px) !important;
	856	right: -8px;
	857	left: auto;
	858	display: inline-block !important;
	859	border-top: 8px solid transparent;
	860	border-bottom: 8px solid transparent;
	861	border-left: 8px solid #e0e0e0;
	862	content: "";
	863	}
	864	.icon-download-detail-booked-before-triangle-right:after {
	865	top: calc(50% - 39px) !important;
	866	position: absolute;
	867	right: -7px;
	868	left: auto;
	869	display: inline-block !important;
	870	border-top: 7px solid transparent;
	871	border-bottom: 7px solid transparent;
	872	border-left: 7px solid #fff;
	873	content: "";
	874	}
	875
	876	.noselect {
	877	-webkit-touch-callout: none; /* iOS Safari */
	878	-webkit-user-select: none; /* Safari */
	879	-khtml-user-select: none; /* Konqueror HTML */
	880	-moz-user-select: none; /* Old versions of Firefox */
	881	-ms-user-select: none; /* Internet Explorer/Edge */
	882	user-select: none; /* Non-prefixed version, currently
	883	supported by Chrome, Opera and Firefox */
	884	}
	885
	886	.nodrag {
	887	user-drag: none;
	888	user-select: none;
	889	-moz-user-select: none;
	890	-webkit-user-drag: none;
	891	-webkit-user-select: none;
	892	-ms-user-select: none;
	893	}
	894
	895	.border0 {
	896	border: 0;
	897	}
	898
	899	/# sourceMappingURL=helpers.css.map /
	900

public/css/style_may2024.css

Diff comments View file @ d4632b7

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: 40%;	4261	width: 40%;
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: 60%;	4266	width: 60%;
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-text {	4359	.main__resume-profile-about-text {
4360	position: relative;	4360	position: relative;
4361	z-index: 2;	4361	z-index: 2;
4362	}	4362	}
4363	.main__resume-profile-about-button {	4363	.main__resume-profile-about-button {
4364	position: relative;	4364	position: relative;
4365	z-index: 2;	4365	z-index: 2;
4366	margin-top: 10px;	4366	margin-top: 10px;
4367	}	4367	}
4368	.main__resume-profile-info {	4368	.main__resume-profile-info {
4369	display: -webkit-box;	4369	display: -webkit-box;
4370	display: -ms-flexbox;	4370	display: -ms-flexbox;
4371	display: flex;	4371	display: flex;
4372	-webkit-box-orient: vertical;	4372	-webkit-box-orient: vertical;
4373	-webkit-box-direction: normal;	4373	-webkit-box-direction: normal;
4374	-ms-flex-direction: column;	4374	-ms-flex-direction: column;
4375	flex-direction: column;	4375	flex-direction: column;
4376	gap: 20px;	4376	gap: 20px;
4377	margin-top: 30px;	4377	margin-top: 30px;
4378	}	4378	}
4379	@media (min-width: 992px) {	4379	@media (min-width: 992px) {
4380	.main__resume-profile-info {	4380	.main__resume-profile-info {
4381	margin-top: 50px;	4381	margin-top: 50px;
4382	gap: 30px;	4382	gap: 30px;
4383	}	4383	}
4384	}	4384	}
4385	.main__resume-profile-info-title {	4385	.main__resume-profile-info-title {
4386	color: #000;	4386	color: #000;
4387	}	4387	}
4388	.main__resume-profile-info-body {	4388	.main__resume-profile-info-body {
4389	display: -webkit-box;	4389	display: -webkit-box;
4390	display: -ms-flexbox;	4390	display: -ms-flexbox;
4391	display: flex;	4391	display: flex;
4392	-webkit-box-orient: vertical;	4392	-webkit-box-orient: vertical;
4393	-webkit-box-direction: normal;	4393	-webkit-box-direction: normal;
4394	-ms-flex-direction: column;	4394	-ms-flex-direction: column;
4395	flex-direction: column;	4395	flex-direction: column;
4396	gap: 20px;	4396	gap: 20px;
4397	}	4397	}
4398	@media (min-width: 992px) {	4398	@media (min-width: 992px) {
4399	.main__resume-profile-info-body {	4399	.main__resume-profile-info-body {
4400	gap: 30px;	4400	gap: 30px;
4401	}	4401	}
4402	}	4402	}
4403	.main__resume-profile-info-body-item {	4403	.main__resume-profile-info-body-item {
4404	display: -webkit-box;	4404	display: -webkit-box;
4405	display: -ms-flexbox;	4405	display: -ms-flexbox;
4406	display: flex;	4406	display: flex;
4407	-webkit-box-orient: vertical;	4407	-webkit-box-orient: vertical;
4408	-webkit-box-direction: normal;	4408	-webkit-box-direction: normal;
4409	-ms-flex-direction: column;	4409	-ms-flex-direction: column;
4410	flex-direction: column;	4410	flex-direction: column;
4411	gap: 10px;	4411	gap: 10px;
4412	}	4412	}
4413	@media (min-width: 768px) {	4413	@media (min-width: 768px) {
4414	.main__resume-profile-info-body-item {	4414	.main__resume-profile-info-body-item {
4415	gap: 20px;	4415	gap: 20px;
4416	}	4416	}
4417	}	4417	}
4418	.main__resume-profile-info-body-subtitle {	4418	.main__resume-profile-info-body-subtitle {
4419	color: #4d88d9;	4419	color: #4d88d9;
4420	}	4420	}
4421	.main__resume-profile-info-body-inner {	4421	.main__resume-profile-info-body-inner {
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: 20px;	4429	gap: 20px;
4430	margin: 0;	4430	margin: 0;
4431	padding: 0;	4431	padding: 0;
4432	font-size: 12px;	4432	font-size: 12px;
4433	}	4433	}
4434	@media (min-width: 768px) {	4434	@media (min-width: 768px) {
4435	.main__resume-profile-info-body-inner {	4435	.main__resume-profile-info-body-inner {
4436	display: grid;	4436	display: grid;
4437	grid-template-columns: repeat(2, 1fr);	4437	grid-template-columns: repeat(2, 1fr);
4438	}	4438	}
4439	}	4439	}
4440	@media (min-width: 992px) {	4440	@media (min-width: 992px) {
4441	.main__resume-profile-info-body-inner {	4441	.main__resume-profile-info-body-inner {
4442	grid-template-columns: repeat(3, 1fr);	4442	grid-template-columns: repeat(3, 1fr);
4443	font-size: 16px;	4443	font-size: 16px;
4444	}	4444	}
4445	}	4445	}
4446	.main__resume-profile-info-body-inner li {	4446	.main__resume-profile-info-body-inner li {
4447	display: -webkit-box;	4447	display: -webkit-box;
4448	display: -ms-flexbox;	4448	display: -ms-flexbox;
4449	display: flex;	4449	display: flex;
4450	-webkit-box-orient: vertical;	4450	-webkit-box-orient: vertical;
4451	-webkit-box-direction: normal;	4451	-webkit-box-direction: normal;
4452	-ms-flex-direction: column;	4452	-ms-flex-direction: column;
4453	flex-direction: column;	4453	flex-direction: column;
4454	gap: 6px;	4454	gap: 6px;
4455	}	4455	}
4456	@media (min-width: 992px) {	4456	@media (min-width: 992px) {
4457	.main__resume-profile-info-body-inner li {	4457	.main__resume-profile-info-body-inner li {
4458	gap: 8px;	4458	gap: 8px;
4459	}	4459	}
4460	}	4460	}
4461	.main__resume-profile-info-body-inner b {	4461	.main__resume-profile-info-body-inner b {
4462	color: #377d87;	4462	color: #377d87;
4463	font-size: 14px;	4463	font-size: 14px;
4464	}	4464	}
4465	@media (min-width: 992px) {	4465	@media (min-width: 992px) {
4466	.main__resume-profile-info-body-inner b {	4466	.main__resume-profile-info-body-inner b {
4467	font-size: 18px;	4467	font-size: 18px;
4468	}	4468	}
4469	}	4469	}
4470	.main__resume-profile-info-body-inner span {	4470	.main__resume-profile-info-body-inner span {
4471	display: -webkit-box;	4471	display: -webkit-box;
4472	display: -ms-flexbox;	4472	display: -ms-flexbox;
4473	display: flex;	4473	display: flex;
4474	-webkit-box-orient: vertical;	4474	-webkit-box-orient: vertical;
4475	-webkit-box-direction: normal;	4475	-webkit-box-direction: normal;
4476	-ms-flex-direction: column;	4476	-ms-flex-direction: column;
4477	flex-direction: column;	4477	flex-direction: column;
4478	gap: 4px;	4478	gap: 4px;
4479	}	4479	}
4480	@media (min-width: 992px) {	4480	@media (min-width: 992px) {
4481	.main__resume-profile-info-body-inner span {	4481	.main__resume-profile-info-body-inner span {
4482	gap: 6px;	4482	gap: 6px;
4483	}	4483	}
4484	}	4484	}
4485	.main__resume-profile-review {	4485	.main__resume-profile-review {
4486	display: -webkit-box;	4486	display: -webkit-box;
4487	display: -ms-flexbox;	4487	display: -ms-flexbox;
4488	display: flex;	4488	display: flex;
4489	-webkit-box-orient: vertical;	4489	-webkit-box-orient: vertical;
4490	-webkit-box-direction: normal;	4490	-webkit-box-direction: normal;
4491	-ms-flex-direction: column;	4491	-ms-flex-direction: column;
4492	flex-direction: column;	4492	flex-direction: column;
4493	gap: 20px;	4493	gap: 20px;
4494	padding: 20px 10px;	4494	padding: 20px 10px;
4495	margin-top: 30px;	4495	margin-top: 30px;
4496	border-radius: 16px;	4496	border-radius: 16px;
4497	border: 1px solid #cecece;	4497	border: 1px solid #cecece;
4498	background: #fff;	4498	background: #fff;
4499	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4499	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4500	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4500	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4501	}	4501	}
4502	@media (min-width: 992px) {	4502	@media (min-width: 992px) {
4503	.main__resume-profile-review {	4503	.main__resume-profile-review {
4504	margin-top: 50px;	4504	margin-top: 50px;
4505	padding: 50px 40px;	4505	padding: 50px 40px;
4506	gap: 30px;	4506	gap: 30px;
4507	}	4507	}
4508	}	4508	}
4509	.main__resume-profile-review-title {	4509	.main__resume-profile-review-title {
4510	color: #000;	4510	color: #000;
4511	}	4511	}
4512	.main__resume-profile-review-body {	4512	.main__resume-profile-review-body {
4513	display: -webkit-box;	4513	display: -webkit-box;
4514	display: -ms-flexbox;	4514	display: -ms-flexbox;
4515	display: flex;	4515	display: flex;
4516	-webkit-box-orient: vertical;	4516	-webkit-box-orient: vertical;
4517	-webkit-box-direction: normal;	4517	-webkit-box-direction: normal;
4518	-ms-flex-direction: column;	4518	-ms-flex-direction: column;
4519	flex-direction: column;	4519	flex-direction: column;
4520	-webkit-box-align: start;	4520	-webkit-box-align: start;
4521	-ms-flex-align: start;	4521	-ms-flex-align: start;
4522	align-items: flex-start;	4522	align-items: flex-start;
4523	gap: 10px;	4523	gap: 10px;
4524	}	4524	}
4525	.main__resume-profile-review-body .textarea {	4525	.main__resume-profile-review-body .textarea {
4526	width: 100%;	4526	width: 100%;
4527	}	4527	}
4528	.main__resume-profile-review-body .button {	4528	.main__resume-profile-review-body .button {
4529	margin-top: 10px;	4529	margin-top: 10px;
4530	}	4530	}
4531	.main__vacancies {	4531	.main__vacancies {
4532	display: -webkit-box;	4532	display: -webkit-box;
4533	display: -ms-flexbox;	4533	display: -ms-flexbox;
4534	display: flex;	4534	display: flex;
4535	-webkit-box-orient: vertical;	4535	-webkit-box-orient: vertical;
4536	-webkit-box-direction: normal;	4536	-webkit-box-direction: normal;
4537	-ms-flex-direction: column;	4537	-ms-flex-direction: column;
4538	flex-direction: column;	4538	flex-direction: column;
4539	-webkit-box-align: center;	4539	-webkit-box-align: center;
4540	-ms-flex-align: center;	4540	-ms-flex-align: center;
4541	align-items: center;	4541	align-items: center;
4542	gap: 20px;	4542	gap: 20px;
4543	}	4543	}
4544	@media (min-width: 768px) {	4544	@media (min-width: 768px) {
4545	.main__vacancies {	4545	.main__vacancies {
4546	gap: 30px;	4546	gap: 30px;
4547	}	4547	}
4548	}	4548	}
4549	.main__vacancies-title {	4549	.main__vacancies-title {
4550	color: #000;	4550	color: #000;
4551	width: 100%;	4551	width: 100%;
4552	}	4552	}
4553	.main__vacancies-filters {	4553	.main__vacancies-filters {
4554	width: 100%;	4554	width: 100%;
4555	}	4555	}
4556	.main__vacancies-item {	4556	.main__vacancies-item {
4557	width: 100%;	4557	width: 100%;
4558	background: none;	4558	background: none;
4559	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4559	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4560	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4560	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4561	}	4561	}
4562	.main__vacancies-item-page {	4562	.main__vacancies-item-page {
4563	border: none;	4563	border: none;
4564	-webkit-box-shadow: none;	4564	-webkit-box-shadow: none;
4565	box-shadow: none;	4565	box-shadow: none;
4566	background: none;	4566	background: none;
4567	margin: 0 -10px;	4567	margin: 0 -10px;
4568	}	4568	}
4569	@media (min-width: 768px) {	4569	@media (min-width: 768px) {
4570	.main__vacancies-item-page {	4570	.main__vacancies-item-page {
4571	margin: 0 -20px;	4571	margin: 0 -20px;
4572	}	4572	}
4573	}	4573	}
4574	.main__vacancies-thing {	4574	.main__vacancies-thing {
4575	width: 100%;	4575	width: 100%;
4576	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	4576	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4577	padding: 20px 10px;	4577	padding: 20px 10px;
4578	padding-bottom: 30px;	4578	padding-bottom: 30px;
4579	display: -webkit-box;	4579	display: -webkit-box;
4580	display: -ms-flexbox;	4580	display: -ms-flexbox;
4581	display: flex;	4581	display: flex;
4582	-webkit-box-orient: vertical;	4582	-webkit-box-orient: vertical;
4583	-webkit-box-direction: normal;	4583	-webkit-box-direction: normal;
4584	-ms-flex-direction: column;	4584	-ms-flex-direction: column;
4585	flex-direction: column;	4585	flex-direction: column;
4586	gap: 24px;	4586	gap: 24px;
4587	border-radius: 12px;	4587	border-radius: 12px;
4588	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4588	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4589	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4589	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4590	}	4590	}
4591	@media (min-width: 992px) {	4591	@media (min-width: 992px) {
4592	.main__vacancies-thing {	4592	.main__vacancies-thing {
4593	padding: 30px 20px;	4593	padding: 30px 20px;
4594	-webkit-box-orient: horizontal;	4594	-webkit-box-orient: horizontal;
4595	-webkit-box-direction: normal;	4595	-webkit-box-direction: normal;
4596	-ms-flex-direction: row;	4596	-ms-flex-direction: row;
4597	flex-direction: row;	4597	flex-direction: row;
4598	-webkit-box-align: start;	4598	-webkit-box-align: start;
4599	-ms-flex-align: start;	4599	-ms-flex-align: start;
4600	align-items: flex-start;	4600	align-items: flex-start;
4601	gap: 0;	4601	gap: 0;
4602	}	4602	}
4603	}	4603	}
4604	@media (min-width: 1280px) {	4604	@media (min-width: 1280px) {
4605	.main__vacancies-thing {	4605	.main__vacancies-thing {
4606	padding: 50px 20px;	4606	padding: 50px 20px;
4607	}	4607	}
4608	}	4608	}
4609	.main__vacancies-thing-pic {	4609	.main__vacancies-thing-pic {
4610	position: relative;	4610	position: relative;
4611	z-index: 2;	4611	z-index: 2;
4612	width: 100%;	4612	width: 100%;
4613	aspect-ratio: 42/34;	4613	aspect-ratio: 42/34;
4614	-o-object-fit: cover;	4614	-o-object-fit: cover;
4615	object-fit: cover;	4615	object-fit: cover;
4616	border-radius: 8px;	4616	border-radius: 8px;
4617	max-height: 340px;	4617	max-height: 340px;
4618	}	4618	}
4619	@media (min-width: 992px) {	4619	@media (min-width: 992px) {
4620	.main__vacancies-thing-pic {	4620	.main__vacancies-thing-pic {
4621	width: 380px;	4621	width: 380px;
4622	}	4622	}
4623	}	4623	}
4624	@media (min-width: 1280px) {	4624	@media (min-width: 1280px) {
4625	.main__vacancies-thing-pic {	4625	.main__vacancies-thing-pic {
4626	width: 420px;	4626	width: 420px;
4627	}	4627	}
4628	}	4628	}
4629	.main__vacancies-thing-body {	4629	.main__vacancies-thing-body {
4630	display: -webkit-box;	4630	display: -webkit-box;
4631	display: -ms-flexbox;	4631	display: -ms-flexbox;
4632	display: flex;	4632	display: flex;
4633	-webkit-box-orient: vertical;	4633	-webkit-box-orient: vertical;
4634	-webkit-box-direction: normal;	4634	-webkit-box-direction: normal;
4635	-ms-flex-direction: column;	4635	-ms-flex-direction: column;
4636	flex-direction: column;	4636	flex-direction: column;
4637	-webkit-box-align: start;	4637	-webkit-box-align: start;
4638	-ms-flex-align: start;	4638	-ms-flex-align: start;
4639	align-items: flex-start;	4639	align-items: flex-start;
4640	gap: 16px;	4640	gap: 16px;
4641	color: #000;	4641	color: #000;
4642	}	4642	}
4643	@media (min-width: 992px) {	4643	@media (min-width: 992px) {
4644	.main__vacancies-thing-body {	4644	.main__vacancies-thing-body {
4645	width: calc(100% - 380px);	4645	width: calc(100% - 380px);
4646	padding-left: 20px;	4646	padding-left: 20px;
4647	}	4647	}
4648	}	4648	}
4649	@media (min-width: 1280px) {	4649	@media (min-width: 1280px) {
4650	.main__vacancies-thing-body {	4650	.main__vacancies-thing-body {
4651	width: calc(100% - 420px);	4651	width: calc(100% - 420px);
4652	gap: 20px;	4652	gap: 20px;
4653	}	4653	}
4654	}	4654	}
4655	.main__vacancies-thing-body > * {	4655	.main__vacancies-thing-body > * {
4656	width: 100%;	4656	width: 100%;
4657	}	4657	}
4658	.main__vacancies-thing-body .button {	4658	.main__vacancies-thing-body .button {
4659	width: auto;	4659	width: auto;
4660	}	4660	}
4661	@media (min-width: 768px) {	4661	@media (min-width: 768px) {
4662	.main__vacancies-thing-body .button {	4662	.main__vacancies-thing-body .button {
4663	min-width: 200px;	4663	min-width: 200px;
4664	}	4664	}
4665	}	4665	}
4666	.main__vacancies-thing-scroll {	4666	.main__vacancies-thing-scroll {
4667	display: -webkit-box;	4667	display: -webkit-box;
4668	display: -ms-flexbox;	4668	display: -ms-flexbox;
4669	display: flex;	4669	display: flex;
4670	-webkit-box-orient: vertical;	4670	-webkit-box-orient: vertical;
4671	-webkit-box-direction: normal;	4671	-webkit-box-direction: normal;
4672	-ms-flex-direction: column;	4672	-ms-flex-direction: column;
4673	flex-direction: column;	4673	flex-direction: column;
4674	-webkit-box-align: start;	4674	-webkit-box-align: start;
4675	-ms-flex-align: start;	4675	-ms-flex-align: start;
4676	align-items: flex-start;	4676	align-items: flex-start;
4677	gap: 16px;	4677	gap: 16px;
4678	overflow: hidden;	4678	overflow: hidden;
4679	overflow-y: auto;	4679	overflow-y: auto;
4680	max-height: 180px;	4680	max-height: 180px;
4681	padding-right: 10px;	4681	padding-right: 10px;
4682	}	4682	}
4683	@media (min-width: 768px) {	4683	@media (min-width: 768px) {
4684	.main__vacancies-thing-scroll {	4684	.main__vacancies-thing-scroll {
4685	max-height: 210px;	4685	max-height: 210px;
4686	padding-right: 20px;	4686	padding-right: 20px;
4687	}	4687	}
4688	}	4688	}
4689	@media (min-width: 992px) {	4689	@media (min-width: 992px) {
4690	.main__vacancies-thing-scroll {	4690	.main__vacancies-thing-scroll {
4691	max-height: 175px;	4691	max-height: 175px;
4692	}	4692	}
4693	}	4693	}
4694	@media (min-width: 1280px) {	4694	@media (min-width: 1280px) {
4695	.main__vacancies-thing-scroll {	4695	.main__vacancies-thing-scroll {
4696	max-height: 200px;	4696	max-height: 200px;
4697	gap: 20px;	4697	gap: 20px;
4698	}	4698	}
4699	}	4699	}
4700	.main__cond {	4700	.main__cond {
4701	display: -webkit-box;	4701	display: -webkit-box;
4702	display: -ms-flexbox;	4702	display: -ms-flexbox;
4703	display: flex;	4703	display: flex;
4704	-webkit-box-orient: vertical;	4704	-webkit-box-orient: vertical;
4705	-webkit-box-direction: normal;	4705	-webkit-box-direction: normal;
4706	-ms-flex-direction: column;	4706	-ms-flex-direction: column;
4707	flex-direction: column;	4707	flex-direction: column;
4708	gap: 50px;	4708	gap: 50px;
4709	}	4709	}
4710	.main__cond > div {	4710	.main__cond > div {
4711	display: -webkit-box;	4711	display: -webkit-box;
4712	display: -ms-flexbox;	4712	display: -ms-flexbox;
4713	display: flex;	4713	display: flex;
4714	-webkit-box-orient: vertical;	4714	-webkit-box-orient: vertical;
4715	-webkit-box-direction: normal;	4715	-webkit-box-direction: normal;
4716	-ms-flex-direction: column;	4716	-ms-flex-direction: column;
4717	flex-direction: column;	4717	flex-direction: column;
4718	gap: 10px;	4718	gap: 10px;
4719	}	4719	}
4720	.main__cond-label {	4720	.main__cond-label {
4721	border-radius: 16px;	4721	border-radius: 16px;
4722	border: 1px solid #cecece;	4722	border: 1px solid #cecece;
4723	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4723	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4724	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	4724	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4725	padding: 30px 20px;	4725	padding: 30px 20px;
4726	font-weight: 700;	4726	font-weight: 700;
4727	color: #000;	4727	color: #000;
4728	line-height: 2;	4728	line-height: 2;
4729	text-align: center;	4729	text-align: center;
4730	}	4730	}
4731	@media (min-width: 992px) {	4731	@media (min-width: 992px) {
4732	.main__cond-label {	4732	.main__cond-label {
4733	font-size: 30px;	4733	font-size: 30px;
4734	}	4734	}
4735	}	4735	}
4736	.main__cond-icons {	4736	.main__cond-icons {
4737	padding: 0;	4737	padding: 0;
4738	margin: 0;	4738	margin: 0;
4739	display: -webkit-box;	4739	display: -webkit-box;
4740	display: -ms-flexbox;	4740	display: -ms-flexbox;
4741	display: flex;	4741	display: flex;
4742	-webkit-box-orient: vertical;	4742	-webkit-box-orient: vertical;
4743	-webkit-box-direction: normal;	4743	-webkit-box-direction: normal;
4744	-ms-flex-direction: column;	4744	-ms-flex-direction: column;
4745	flex-direction: column;	4745	flex-direction: column;
4746	gap: 25px;	4746	gap: 25px;
4747	margin-top: 10px;	4747	margin-top: 10px;
4748	}	4748	}
4749	@media (min-width: 768px) {	4749	@media (min-width: 768px) {
4750	.main__cond-icons {	4750	.main__cond-icons {
4751	display: grid;	4751	display: grid;
4752	grid-template-columns: repeat(2, 1fr);	4752	grid-template-columns: repeat(2, 1fr);
4753	gap: 60px;	4753	gap: 60px;
4754	margin-top: 20px;	4754	margin-top: 20px;
4755	}	4755	}
4756	}	4756	}
4757	@media (min-width: 1280px) {	4757	@media (min-width: 1280px) {
4758	.main__cond-icons {	4758	.main__cond-icons {
4759	grid-template-columns: repeat(3, 1fr);	4759	grid-template-columns: repeat(3, 1fr);
4760	}	4760	}
4761	}	4761	}
4762	.main__cond-icons li {	4762	.main__cond-icons li {
4763	display: -webkit-box;	4763	display: -webkit-box;
4764	display: -ms-flexbox;	4764	display: -ms-flexbox;
4765	display: flex;	4765	display: flex;
4766	-webkit-box-orient: vertical;	4766	-webkit-box-orient: vertical;
4767	-webkit-box-direction: normal;	4767	-webkit-box-direction: normal;
4768	-ms-flex-direction: column;	4768	-ms-flex-direction: column;
4769	flex-direction: column;	4769	flex-direction: column;
4770	-webkit-box-align: start;	4770	-webkit-box-align: start;
4771	-ms-flex-align: start;	4771	-ms-flex-align: start;
4772	align-items: flex-start;	4772	align-items: flex-start;
4773	gap: 20px;	4773	gap: 20px;
4774	font-size: 12px;	4774	font-size: 12px;
4775	line-height: 1.4;	4775	line-height: 1.4;
4776	color: #000;	4776	color: #000;
4777	}	4777	}
4778	@media (min-width: 768px) {	4778	@media (min-width: 768px) {
4779	.main__cond-icons li {	4779	.main__cond-icons li {
4780	font-size: 14px;	4780	font-size: 14px;
4781	}	4781	}
4782	}	4782	}
4783	@media (min-width: 992px) {	4783	@media (min-width: 992px) {
4784	.main__cond-icons li {	4784	.main__cond-icons li {
4785	font-size: 16px;	4785	font-size: 16px;
4786	line-height: 1.6;	4786	line-height: 1.6;
4787	}	4787	}
4788	}	4788	}
4789	@media (min-width: 1280px) {	4789	@media (min-width: 1280px) {
4790	.main__cond-icons li {	4790	.main__cond-icons li {
4791	font-size: 18px;	4791	font-size: 18px;
4792	}	4792	}
4793	}	4793	}
4794	.main__cond-icons li span {	4794	.main__cond-icons li span {
4795	width: 48px;	4795	width: 48px;
4796	height: 48px;	4796	height: 48px;
4797	display: -webkit-box;	4797	display: -webkit-box;
4798	display: -ms-flexbox;	4798	display: -ms-flexbox;
4799	display: flex;	4799	display: flex;
4800	-webkit-box-align: center;	4800	-webkit-box-align: center;
4801	-ms-flex-align: center;	4801	-ms-flex-align: center;
4802	align-items: center;	4802	align-items: center;
4803	}	4803	}
4804	.main__cond-icons li span img {	4804	.main__cond-icons li span img {
4805	max-width: 48px;	4805	max-width: 48px;
4806	}	4806	}
4807	.main__cond-callback {	4807	.main__cond-callback {
4808	margin-top: 10px;	4808	margin-top: 10px;
4809	}	4809	}
4810	.main__ads {	4810	.main__ads {
4811	display: -webkit-box;	4811	display: -webkit-box;
4812	display: -ms-flexbox;	4812	display: -ms-flexbox;
4813	display: flex;	4813	display: flex;
4814	-webkit-box-orient: vertical;	4814	-webkit-box-orient: vertical;
4815	-webkit-box-direction: normal;	4815	-webkit-box-direction: normal;
4816	-ms-flex-direction: column;	4816	-ms-flex-direction: column;
4817	flex-direction: column;	4817	flex-direction: column;
4818	gap: 30px;	4818	gap: 30px;
4819	margin: 30px 0;	4819	margin: 30px 0;
4820	}	4820	}
4821	@media (min-width: 992px) {	4821	@media (min-width: 992px) {
4822	.main__ads {	4822	.main__ads {
4823	margin: 60px 0;	4823	margin: 60px 0;
4824	}	4824	}
4825	}	4825	}
4826	.main__ads-item {	4826	.main__ads-item {
4827	display: -webkit-box;	4827	display: -webkit-box;
4828	display: -ms-flexbox;	4828	display: -ms-flexbox;
4829	display: flex;	4829	display: flex;
4830	-webkit-box-orient: vertical;	4830	-webkit-box-orient: vertical;
4831	-webkit-box-direction: normal;	4831	-webkit-box-direction: normal;
4832	-ms-flex-direction: column;	4832	-ms-flex-direction: column;
4833	flex-direction: column;	4833	flex-direction: column;
4834	gap: 16px;	4834	gap: 16px;
4835	}	4835	}
4836	@media (min-width: 992px) {	4836	@media (min-width: 992px) {
4837	.main__ads-item {	4837	.main__ads-item {
4838	-webkit-box-orient: horizontal;	4838	-webkit-box-orient: horizontal;
4839	-webkit-box-direction: normal;	4839	-webkit-box-direction: normal;
4840	-ms-flex-direction: row;	4840	-ms-flex-direction: row;
4841	flex-direction: row;	4841	flex-direction: row;
4842	gap: 0;	4842	gap: 0;
4843	}	4843	}
4844	}	4844	}
4845	.main__ads-item-pic {	4845	.main__ads-item-pic {
4846	width: 100%;	4846	width: 100%;
4847	max-width: 440px;	4847	max-width: 440px;
4848	max-height: 200px;	4848	max-height: 200px;
4849	aspect-ratio: 3/2;	4849	aspect-ratio: 3/2;
4850	position: relative;	4850	position: relative;
4851	overflow: hidden;	4851	overflow: hidden;
4852	border-radius: 12px;	4852	border-radius: 12px;
4853	}	4853	}
4854	@media (min-width: 992px) {	4854	@media (min-width: 992px) {
4855	.main__ads-item-pic {	4855	.main__ads-item-pic {
4856	width: 200px;	4856	width: 200px;
4857	aspect-ratio: 1/1;	4857	aspect-ratio: 1/1;
4858	}	4858	}
4859	}	4859	}
4860	.main__ads-item-pic img {	4860	.main__ads-item-pic img {
4861	z-index: 1;	4861	z-index: 1;
4862	position: absolute;	4862	position: absolute;
4863	top: 0;	4863	top: 0;
4864	left: 0;	4864	left: 0;
4865	width: 100%;	4865	width: 100%;
4866	height: 100%;	4866	height: 100%;
4867	-o-object-fit: cover;	4867	-o-object-fit: cover;
4868	object-fit: cover;	4868	object-fit: cover;
4869	}	4869	}
4870	.main__ads-item-pic span {	4870	.main__ads-item-pic span {
4871	z-index: 2;	4871	z-index: 2;
4872	width: 30px;	4872	width: 30px;
4873	height: 30px;	4873	height: 30px;
4874	border-radius: 6px;	4874	border-radius: 6px;
4875	background: #4d88d9;	4875	background: #4d88d9;
4876	display: -webkit-box;	4876	display: -webkit-box;
4877	display: -ms-flexbox;	4877	display: -ms-flexbox;
4878	display: flex;	4878	display: flex;
4879	-webkit-box-pack: center;	4879	-webkit-box-pack: center;
4880	-ms-flex-pack: center;	4880	-ms-flex-pack: center;
4881	justify-content: center;	4881	justify-content: center;
4882	-webkit-box-align: center;	4882	-webkit-box-align: center;
4883	-ms-flex-align: center;	4883	-ms-flex-align: center;
4884	align-items: center;	4884	align-items: center;
4885	position: absolute;	4885	position: absolute;
4886	top: 10px;	4886	top: 10px;
4887	left: 10px;	4887	left: 10px;
4888	color: #fff;	4888	color: #fff;
4889	}	4889	}
4890	@media (min-width: 992px) {	4890	@media (min-width: 992px) {
4891	.main__ads-item-pic span {	4891	.main__ads-item-pic span {
4892	width: 42px;	4892	width: 42px;
4893	height: 42px;	4893	height: 42px;
4894	}	4894	}
4895	}	4895	}
4896	.main__ads-item-pic span svg {	4896	.main__ads-item-pic span svg {
4897	width: 12px;	4897	width: 12px;
4898	height: 12px;	4898	height: 12px;
4899	}	4899	}
4900	@media (min-width: 992px) {	4900	@media (min-width: 992px) {
4901	.main__ads-item-pic span svg {	4901	.main__ads-item-pic span svg {
4902	width: 20px;	4902	width: 20px;
4903	height: 20px;	4903	height: 20px;
4904	}	4904	}
4905	}	4905	}
4906	.main__ads-item-body {	4906	.main__ads-item-body {
4907	display: -webkit-box;	4907	display: -webkit-box;
4908	display: -ms-flexbox;	4908	display: -ms-flexbox;
4909	display: flex;	4909	display: flex;
4910	-webkit-box-orient: vertical;	4910	-webkit-box-orient: vertical;
4911	-webkit-box-direction: normal;	4911	-webkit-box-direction: normal;
4912	-ms-flex-direction: column;	4912	-ms-flex-direction: column;
4913	flex-direction: column;	4913	flex-direction: column;
4914	-webkit-box-align: start;	4914	-webkit-box-align: start;
4915	-ms-flex-align: start;	4915	-ms-flex-align: start;
4916	align-items: flex-start;	4916	align-items: flex-start;
4917	gap: 10px;	4917	gap: 10px;
4918	font-size: 12px;	4918	font-size: 12px;
4919	}	4919	}
4920	@media (min-width: 992px) {	4920	@media (min-width: 992px) {
4921	.main__ads-item-body {	4921	.main__ads-item-body {
4922	width: calc(100% - 200px);	4922	width: calc(100% - 200px);
4923	padding-left: 40px;	4923	padding-left: 40px;
4924	-webkit-box-pack: center;	4924	-webkit-box-pack: center;
4925	-ms-flex-pack: center;	4925	-ms-flex-pack: center;
4926	justify-content: center;	4926	justify-content: center;
4927	font-size: 16px;	4927	font-size: 16px;
4928	gap: 20px;	4928	gap: 20px;
4929	}	4929	}
4930	}	4930	}
4931	.main__ads-item-body b {	4931	.main__ads-item-body b {
4932	width: 100%;	4932	width: 100%;
4933	font-weight: 700;	4933	font-weight: 700;
4934	font-size: 14px;	4934	font-size: 14px;
4935	}	4935	}
4936	@media (min-width: 992px) {	4936	@media (min-width: 992px) {
4937	.main__ads-item-body b {	4937	.main__ads-item-body b {
4938	font-size: 20px;	4938	font-size: 20px;
4939	}	4939	}
4940	}	4940	}
4941	.main__ads-item-body span {	4941	.main__ads-item-body span {
4942	width: 100%;	4942	width: 100%;
4943	}	4943	}
4944		4944
4945	.work {	4945	.work {
4946	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	4946	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4947	color: #000;	4947	color: #000;
4948	padding-top: 70px;	4948	padding-top: 70px;
4949	padding-bottom: 10px;	4949	padding-bottom: 10px;
4950	position: relative;	4950	position: relative;
4951	overflow: hidden;	4951	overflow: hidden;
4952	}	4952	}
4953	@media (min-width: 768px) {	4953	@media (min-width: 768px) {
4954	.work {	4954	.work {
4955	padding-bottom: 25px;	4955	padding-bottom: 25px;
4956	}	4956	}
4957	}	4957	}
4958	@media (min-width: 1280px) {	4958	@media (min-width: 1280px) {
4959	.work {	4959	.work {
4960	padding-top: 80px;	4960	padding-top: 80px;
4961	padding-bottom: 25px;	4961	padding-bottom: 25px;
4962	}	4962	}
4963	}	4963	}
4964	.work__pic {	4964	.work__pic {
4965	position: absolute;	4965	position: absolute;
4966	height: calc(100% - 40px);	4966	height: calc(100% - 40px);
4967	z-index: 1;	4967	z-index: 1;
4968	display: none;	4968	display: none;
4969	bottom: 0;	4969	bottom: 0;
4970	left: 50%;	4970	left: 50%;
4971	margin-left: 40px;	4971	margin-left: 40px;
4972	}	4972	}
4973	@media (min-width: 992px) {	4973	@media (min-width: 992px) {
4974	.work__pic {	4974	.work__pic {
4975	display: block;	4975	display: block;
4976	}	4976	}
4977	}	4977	}
4978	@media (min-width: 1280px) {	4978	@media (min-width: 1280px) {
4979	.work__pic {	4979	.work__pic {
4980	margin-left: 80px;	4980	margin-left: 80px;
4981	}	4981	}
4982	}	4982	}
4983	.work__body {	4983	.work__body {
4984	position: relative;	4984	position: relative;
4985	z-index: 2;	4985	z-index: 2;
4986	display: -webkit-box;	4986	display: -webkit-box;
4987	display: -ms-flexbox;	4987	display: -ms-flexbox;
4988	display: flex;	4988	display: flex;
4989	-webkit-box-orient: vertical;	4989	-webkit-box-orient: vertical;
4990	-webkit-box-direction: normal;	4990	-webkit-box-direction: normal;
4991	-ms-flex-direction: column;	4991	-ms-flex-direction: column;
4992	flex-direction: column;	4992	flex-direction: column;
4993	-webkit-box-align: center;	4993	-webkit-box-align: center;
4994	-ms-flex-align: center;	4994	-ms-flex-align: center;
4995	align-items: center;	4995	align-items: center;
4996	}	4996	}
4997	@media (min-width: 768px) {	4997	@media (min-width: 768px) {
4998	.work__body {	4998	.work__body {
4999	-webkit-box-align: start;	4999	-webkit-box-align: start;
5000	-ms-flex-align: start;	5000	-ms-flex-align: start;
5001	align-items: flex-start;	5001	align-items: flex-start;
5002	}	5002	}
5003	}	5003	}
5004	@media (min-width: 992px) {	5004	@media (min-width: 992px) {
5005	.work__body {	5005	.work__body {
5006	max-width: 600px;	5006	max-width: 600px;
5007	}	5007	}
5008	}	5008	}
5009	.work__title {	5009	.work__title {
5010	width: 100%;	5010	width: 100%;
5011	font-size: 40px;	5011	font-size: 40px;
5012	font-weight: 700;	5012	font-weight: 700;
5013	line-height: 1;	5013	line-height: 1;
5014	}	5014	}
5015	@media (min-width: 768px) {	5015	@media (min-width: 768px) {
5016	.work__title {	5016	.work__title {
5017	font-size: 64px;	5017	font-size: 64px;
5018	line-height: 94px;	5018	line-height: 94px;
5019	}	5019	}
5020	}	5020	}
5021	.work__text {	5021	.work__text {
5022	width: 100%;	5022	width: 100%;
5023	font-size: 12px;	5023	font-size: 12px;
5024	margin-top: 10px;	5024	margin-top: 10px;
5025	}	5025	}
5026	@media (min-width: 768px) {	5026	@media (min-width: 768px) {
5027	.work__text {	5027	.work__text {
5028	font-size: 18px;	5028	font-size: 18px;
5029	margin-top: 20px;	5029	margin-top: 20px;
5030	line-height: 1.4;	5030	line-height: 1.4;
5031	}	5031	}
5032	}	5032	}
5033	.work__list {	5033	.work__list {
5034	width: 100%;	5034	width: 100%;
5035	display: -webkit-box;	5035	display: -webkit-box;
5036	display: -ms-flexbox;	5036	display: -ms-flexbox;
5037	display: flex;	5037	display: flex;
5038	-webkit-box-orient: vertical;	5038	-webkit-box-orient: vertical;
5039	-webkit-box-direction: normal;	5039	-webkit-box-direction: normal;
5040	-ms-flex-direction: column;	5040	-ms-flex-direction: column;
5041	flex-direction: column;	5041	flex-direction: column;
5042	gap: 5px;	5042	gap: 5px;
5043	font-size: 14px;	5043	font-size: 14px;
5044	font-weight: 700;	5044	font-weight: 700;
5045	margin-top: 15px;	5045	margin-top: 15px;
5046	}	5046	}
5047	@media (min-width: 768px) {	5047	@media (min-width: 768px) {
5048	.work__list {	5048	.work__list {
5049	font-size: 18px;	5049	font-size: 18px;
5050	gap: 8px;	5050	gap: 8px;
5051	margin-top: 30px;	5051	margin-top: 30px;
5052	}	5052	}
5053	}	5053	}
5054	.work__list div {	5054	.work__list div {
5055	position: relative;	5055	position: relative;
5056	padding-left: 10px;	5056	padding-left: 10px;
5057	}	5057	}
5058	@media (min-width: 768px) {	5058	@media (min-width: 768px) {
5059	.work__list div {	5059	.work__list div {
5060	padding-left: 16px;	5060	padding-left: 16px;
5061	}	5061	}
5062	}	5062	}
5063	.work__list div:before {	5063	.work__list div:before {
5064	content: "";	5064	content: "";
5065	width: 4px;	5065	width: 4px;
5066	height: 4px;	5066	height: 4px;
5067	background: #000;	5067	background: #000;
5068	border-radius: 999px;	5068	border-radius: 999px;
5069	position: absolute;	5069	position: absolute;
5070	top: 5px;	5070	top: 5px;
5071	left: 0;	5071	left: 0;
5072	}	5072	}
5073	@media (min-width: 768px) {	5073	@media (min-width: 768px) {
5074	.work__list div:before {	5074	.work__list div:before {
5075	top: 8px;	5075	top: 8px;
5076	}	5076	}
5077	}	5077	}
5078	.work__form {	5078	.work__form {
5079	margin-top: 20px;	5079	margin-top: 20px;
5080	}	5080	}
5081	@media (min-width: 768px) {	5081	@media (min-width: 768px) {
5082	.work__form {	5082	.work__form {
5083	margin-top: 30px;	5083	margin-top: 30px;
5084	}	5084	}
5085	}	5085	}
5086	.work__search {	5086	.work__search {
5087	width: 100%;	5087	width: 100%;
5088	max-width: 180px;	5088	max-width: 180px;
5089	margin-top: 20px;	5089	margin-top: 20px;
5090	}	5090	}
5091	@media (min-width: 768px) {	5091	@media (min-width: 768px) {
5092	.work__search {	5092	.work__search {
5093	max-width: 270px;	5093	max-width: 270px;
5094	margin-top: 50px;	5094	margin-top: 50px;
5095	}	5095	}
5096	}	5096	}
5097	.work__get {	5097	.work__get {
5098	width: 100%;	5098	width: 100%;
5099	display: -webkit-box;	5099	display: -webkit-box;
5100	display: -ms-flexbox;	5100	display: -ms-flexbox;
5101	display: flex;	5101	display: flex;
5102	-webkit-box-align: start;	5102	-webkit-box-align: start;
5103	-ms-flex-align: start;	5103	-ms-flex-align: start;
5104	align-items: flex-start;	5104	align-items: flex-start;
5105	-ms-flex-wrap: wrap;	5105	-ms-flex-wrap: wrap;
5106	flex-wrap: wrap;	5106	flex-wrap: wrap;
5107	margin-top: 48px;	5107	margin-top: 48px;
5108	}	5108	}
5109	.work__get b {	5109	.work__get b {
5110	width: 100%;	5110	width: 100%;
5111	margin-bottom: 10px;	5111	margin-bottom: 10px;
5112	font-size: 14px;	5112	font-size: 14px;
5113	}	5113	}
5114	@media (min-width: 768px) {	5114	@media (min-width: 768px) {
5115	.work__get b {	5115	.work__get b {
5116	font-size: 18px;	5116	font-size: 18px;
5117	}	5117	}
5118	}	5118	}
5119	.work__get a {	5119	.work__get a {
5120	display: -webkit-box;	5120	display: -webkit-box;
5121	display: -ms-flexbox;	5121	display: -ms-flexbox;
5122	display: flex;	5122	display: flex;
5123	-webkit-box-align: center;	5123	-webkit-box-align: center;
5124	-ms-flex-align: center;	5124	-ms-flex-align: center;
5125	align-items: center;	5125	align-items: center;
5126	-webkit-box-pack: center;	5126	-webkit-box-pack: center;
5127	-ms-flex-pack: center;	5127	-ms-flex-pack: center;
5128	justify-content: center;	5128	justify-content: center;
5129	margin-right: 20px;	5129	margin-right: 20px;
5130	}	5130	}
5131	.work__get a img {	5131	.work__get a img {
5132	-webkit-transition: 0.3s;	5132	-webkit-transition: 0.3s;
5133	transition: 0.3s;	5133	transition: 0.3s;
5134	width: 111px;	5134	width: 111px;
5135	}	5135	}
5136	@media (min-width: 768px) {	5136	@media (min-width: 768px) {
5137	.work__get a img {	5137	.work__get a img {
5138	width: 131px;	5138	width: 131px;
5139	}	5139	}
5140	}	5140	}
5141	.work__get a:hover img {	5141	.work__get a:hover img {
5142	-webkit-transform: scale(1.1);	5142	-webkit-transform: scale(1.1);
5143	-ms-transform: scale(1.1);	5143	-ms-transform: scale(1.1);
5144	transform: scale(1.1);	5144	transform: scale(1.1);
5145	}	5145	}
5146	.work__get a + a {	5146	.work__get a + a {
5147	margin-right: 0;	5147	margin-right: 0;
5148	}	5148	}
5149		5149
5150	.numbers {	5150	.numbers {
5151	padding: 30px 0;	5151	padding: 30px 0;
5152	background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);	5152	background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5153	color: #fff;	5153	color: #fff;
5154	}	5154	}
5155	@media (min-width: 1280px) {	5155	@media (min-width: 1280px) {
5156	.numbers {	5156	.numbers {
5157	padding: 100px 0;	5157	padding: 100px 0;
5158	background-position: 100% 100%;	5158	background-position: 100% 100%;
5159	background-size: auto 500px;	5159	background-size: auto 500px;
5160	}	5160	}
5161	}	5161	}
5162	.numbers__body {	5162	.numbers__body {
5163	display: -webkit-box;	5163	display: -webkit-box;
5164	display: -ms-flexbox;	5164	display: -ms-flexbox;
5165	display: flex;	5165	display: flex;
5166	-webkit-box-orient: vertical;	5166	-webkit-box-orient: vertical;
5167	-webkit-box-direction: normal;	5167	-webkit-box-direction: normal;
5168	-ms-flex-direction: column;	5168	-ms-flex-direction: column;
5169	flex-direction: column;	5169	flex-direction: column;
5170	gap: 30px;	5170	gap: 30px;
5171	}	5171	}
5172	@media (min-width: 768px) {	5172	@media (min-width: 768px) {
5173	.numbers__body {	5173	.numbers__body {
5174	display: grid;	5174	display: grid;
5175	grid-template-columns: 1fr 1fr 1fr;	5175	grid-template-columns: 1fr 1fr 1fr;
5176	}	5176	}
5177	}	5177	}
5178	.numbers__item {	5178	.numbers__item {
5179	font-size: 12px;	5179	font-size: 12px;
5180	display: -webkit-box;	5180	display: -webkit-box;
5181	display: -ms-flexbox;	5181	display: -ms-flexbox;
5182	display: flex;	5182	display: flex;
5183	-webkit-box-orient: vertical;	5183	-webkit-box-orient: vertical;
5184	-webkit-box-direction: normal;	5184	-webkit-box-direction: normal;
5185	-ms-flex-direction: column;	5185	-ms-flex-direction: column;
5186	flex-direction: column;	5186	flex-direction: column;
5187	line-height: 1.4;	5187	line-height: 1.4;
5188	}	5188	}
5189	@media (min-width: 1280px) {	5189	@media (min-width: 1280px) {
5190	.numbers__item {	5190	.numbers__item {
5191	font-size: 16px;	5191	font-size: 16px;
5192	line-height: 20px;	5192	line-height: 20px;
5193	}	5193	}
5194	}	5194	}
5195	.numbers__item b {	5195	.numbers__item b {
5196	font-size: 40px;	5196	font-size: 40px;
5197	font-weight: 700;	5197	font-weight: 700;
5198	border-bottom: 1px solid #fff;	5198	border-bottom: 1px solid #fff;
5199	line-height: 1;	5199	line-height: 1;
5200	}	5200	}
5201	@media (min-width: 1280px) {	5201	@media (min-width: 1280px) {
5202	.numbers__item b {	5202	.numbers__item b {
5203	font-size: 100px;	5203	font-size: 100px;
5204	line-height: 147px;	5204	line-height: 147px;
5205	}	5205	}
5206	}	5206	}
5207	.numbers__item span {	5207	.numbers__item span {
5208	font-weight: 700;	5208	font-weight: 700;
5209	font-size: 14px;	5209	font-size: 14px;
5210	margin: 10px 0;	5210	margin: 10px 0;
5211	line-height: 1;	5211	line-height: 1;
5212	}	5212	}
5213	@media (min-width: 1280px) {	5213	@media (min-width: 1280px) {
5214	.numbers__item span {	5214	.numbers__item span {
5215	font-size: 24px;	5215	font-size: 24px;
5216	margin-top: 30px;	5216	margin-top: 30px;
5217	}	5217	}
5218	}	5218	}
5219		5219
5220	.vacancies {	5220	.vacancies {
5221	padding: 50px 0;	5221	padding: 50px 0;
5222	}	5222	}
5223	@media (min-width: 1280px) {	5223	@media (min-width: 1280px) {
5224	.vacancies {	5224	.vacancies {
5225	padding: 100px 0;	5225	padding: 100px 0;
5226	}	5226	}
5227	}	5227	}
5228	.vacancies__body {	5228	.vacancies__body {
5229	display: -webkit-box;	5229	display: -webkit-box;
5230	display: -ms-flexbox;	5230	display: -ms-flexbox;
5231	display: flex;	5231	display: flex;
5232	-webkit-box-orient: vertical;	5232	-webkit-box-orient: vertical;
5233	-webkit-box-direction: reverse;	5233	-webkit-box-direction: reverse;
5234	-ms-flex-direction: column-reverse;	5234	-ms-flex-direction: column-reverse;
5235	flex-direction: column-reverse;	5235	flex-direction: column-reverse;
5236	gap: 20px;	5236	gap: 20px;
5237	width: 100%;	5237	width: 100%;
5238	margin-top: 20px;	5238	margin-top: 20px;
5239	}	5239	}
5240	@media (min-width: 992px) {	5240	@media (min-width: 992px) {
5241	.vacancies__body {	5241	.vacancies__body {
5242	margin-top: 30px;	5242	margin-top: 30px;
5243	gap: 30px;	5243	gap: 30px;
5244	}	5244	}
5245	}	5245	}
5246	.vacancies__more {	5246	.vacancies__more {
5247	width: 100%;	5247	width: 100%;
5248	}	5248	}
5249	@media (min-width: 768px) {	5249	@media (min-width: 768px) {
5250	.vacancies__more {	5250	.vacancies__more {
5251	width: auto;	5251	width: auto;
5252	margin: 0 auto;	5252	margin: 0 auto;
5253	}	5253	}
5254	}	5254	}
5255	.vacancies__list {	5255	.vacancies__list {
5256	display: -webkit-box;	5256	display: -webkit-box;
5257	display: -ms-flexbox;	5257	display: -ms-flexbox;
5258	display: flex;	5258	display: flex;
5259	-webkit-box-orient: vertical;	5259	-webkit-box-orient: vertical;
5260	-webkit-box-direction: normal;	5260	-webkit-box-direction: normal;
5261	-ms-flex-direction: column;	5261	-ms-flex-direction: column;
5262	flex-direction: column;	5262	flex-direction: column;
5263	gap: 15px;	5263	gap: 15px;
5264	}	5264	}
5265	@media (min-width: 768px) {	5265	@media (min-width: 768px) {
5266	.vacancies__list {	5266	.vacancies__list {
5267	display: grid;	5267	display: grid;
5268	grid-template-columns: repeat(2, 1fr);	5268	grid-template-columns: repeat(2, 1fr);
5269	}	5269	}
5270	}	5270	}
5271	@media (min-width: 992px) {	5271	@media (min-width: 992px) {
5272	.vacancies__list {	5272	.vacancies__list {
5273	display: grid;	5273	display: grid;
5274	grid-template-columns: repeat(3, 1fr);	5274	grid-template-columns: repeat(3, 1fr);
5275	gap: 20px;	5275	gap: 20px;
5276	}	5276	}
5277	}	5277	}
5278	@media (min-width: 1280px) {	5278	@media (min-width: 1280px) {
5279	.vacancies__list {	5279	.vacancies__list {
5280	grid-template-columns: repeat(4, 1fr);	5280	grid-template-columns: repeat(4, 1fr);
5281	}	5281	}
5282	}	5282	}
5283	.vacancies__list-label {	5283	.vacancies__list-label {
5284	font-weight: 700;	5284	font-weight: 700;
5285	font-size: 22px;	5285	font-size: 22px;
5286	}	5286	}
5287	.vacancies__list-col {	5287	.vacancies__list-col {
5288	display: -webkit-box;	5288	display: -webkit-box;
5289	display: -ms-flexbox;	5289	display: -ms-flexbox;
5290	display: flex;	5290	display: flex;
5291	-webkit-box-orient: vertical;	5291	-webkit-box-orient: vertical;
5292	-webkit-box-direction: normal;	5292	-webkit-box-direction: normal;
5293	-ms-flex-direction: column;	5293	-ms-flex-direction: column;
5294	flex-direction: column;	5294	flex-direction: column;
5295	gap: 15px;	5295	gap: 15px;
5296	margin-top: 15px;	5296	margin-top: 15px;
		5297	margin-bottom: 30px;
5297	}	5298	}
5298	@media (min-width: 768px) {	5299	@media (min-width: 768px) {
5299	.vacancies__list-col {	5300	.vacancies__list-col {
5300	margin-top: 0;	5301	margin-top: 0;
5301	}	5302	}
5302	}	5303	}
5303	.vacancies__list-col:first-child {	5304	.vacancies__list-col:first-child {
5304	margin-top: 0;	5305	margin-top: 0;
5305	}	5306	}
5306	.vacancies__item {	5307	.vacancies__item {
5307	display: none;	5308	display: none;
5308	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	5309	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5309	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	5310	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5310	border-radius: 12px;	5311	border-radius: 12px;
5311	background: #fff;	5312	background: #fff;
5312	border: 1px solid #e6e7e7;	5313	border: 1px solid #e6e7e7;
5313	overflow: hidden;	5314	overflow: hidden;
5314	}	5315	}
5315	.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) {	5316	.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) {
5316	display: -webkit-box;	5317	display: -webkit-box;
5317	display: -ms-flexbox;	5318	display: -ms-flexbox;
5318	display: flex;	5319	display: flex;
5319	}	5320	}
5320	.vacancies__item > span {	5321	.vacancies__item > span {
5321	border-left: 10px solid #377d87;	5322	border-left: 10px solid #377d87;
5322	padding: 20px 14px;	5323	padding: 20px 14px;
5323	display: -webkit-box;	5324	display: -webkit-box;
5324	display: -ms-flexbox;	5325	display: -ms-flexbox;
5325	display: flex;	5326	display: flex;
5326	-webkit-box-orient: vertical;	5327	-webkit-box-orient: vertical;
5327	-webkit-box-direction: normal;	5328	-webkit-box-direction: normal;
5328	-ms-flex-direction: column;	5329	-ms-flex-direction: column;
5329	flex-direction: column;	5330	flex-direction: column;
5330	-webkit-box-align: start;	5331	-webkit-box-align: start;
5331	-ms-flex-align: start;	5332	-ms-flex-align: start;
5332	align-items: flex-start;	5333	align-items: flex-start;
5333	gap: 5px;	5334	gap: 5px;
5334	-webkit-box-pack: justify;	5335	-webkit-box-pack: justify;
5335	-ms-flex-pack: justify;	5336	-ms-flex-pack: justify;
5336	justify-content: space-between;	5337	justify-content: space-between;
5337	}	5338	}
5338	@media (min-width: 992px) {	5339	@media (min-width: 992px) {
5339	.vacancies__item > span {	5340	.vacancies__item > span {
5340	gap: 10px;	5341	gap: 10px;
5341	}	5342	}
5342	}	5343	}
5343	.vacancies__item b {	5344	.vacancies__item b {
5344	font-weight: 700;	5345	font-weight: 700;
5345	font-size: 14px;	5346	font-size: 14px;
5346	}	5347	}
5347	@media (min-width: 992px) {	5348	@media (min-width: 992px) {
5348	.vacancies__item b {	5349	.vacancies__item b {
5349	font-size: 20px;	5350	font-size: 20px;
5350	}	5351	}
5351	}	5352	}
5352	.vacancies__item:hover b {	5353	.vacancies__item:hover b {
5353	color: #377d87;	5354	color: #377d87;
5354	}	5355	}
5355	.vacancies__item u {	5356	.vacancies__item u {
5356	text-decoration: none;	5357	text-decoration: none;
5357	font-size: 14px;	5358	font-size: 14px;
5358	}	5359	}
5359	@media (min-width: 992px) {	5360	@media (min-width: 992px) {
5360	.vacancies__item u {	5361	.vacancies__item u {
5361	font-size: 18px;	5362	font-size: 18px;
5362	}	5363	}
5363	}	5364	}
5364	.vacancies__item i {	5365	.vacancies__item i {
5365	font-size: 12px;	5366	font-size: 12px;
5366	font-style: normal;	5367	font-style: normal;
5367	border-bottom: 1px dashed #377d87;	5368	border-bottom: 1px dashed #377d87;
5368	}	5369	}
5369	@media (min-width: 992px) {	5370	@media (min-width: 992px) {
5370	.vacancies__item i {	5371	.vacancies__item i {
5371	font-size: 16px;	5372	font-size: 16px;
5372	}	5373	}
5373	}	5374	}
5374	.vacancies__item i span {	5375	.vacancies__item i span {
5375	font-weight: 700;	5376	font-weight: 700;
5376	color: #377d87;	5377	color: #377d87;
5377	}	5378	}
5378	.vacancies__body.active .vacancies__list .vacancies__item {	5379	.vacancies__body.active .vacancies__list .vacancies__item {
5379	display: -webkit-box;	5380	display: -webkit-box;
5380	display: -ms-flexbox;	5381	display: -ms-flexbox;
5381	display: flex;	5382	display: flex;
5382	}	5383	}
5383		5384
5384	.employer {	5385	.employer {
5385	padding-bottom: 50px;	5386	padding-bottom: 50px;
5386	}	5387	}
5387	@media (min-width: 768px) {	5388	@media (min-width: 768px) {
5388	.employer {	5389	.employer {
5389	padding-bottom: 100px;	5390	padding-bottom: 100px;
5390	}	5391	}
5391	}	5392	}
5392	.employer .swiper {	5393	.employer .swiper {
5393	margin: 20px 0;	5394	margin: 20px 0;
5394	}	5395	}
5395	@media (min-width: 768px) {	5396	@media (min-width: 768px) {
5396	.employer .swiper {	5397	.employer .swiper {
5397	display: none;	5398	display: none;
5398	}	5399	}
5399	}	5400	}
5400	.employer__item {	5401	.employer__item {
5401	display: -webkit-box;	5402	display: -webkit-box;
5402	display: -ms-flexbox;	5403	display: -ms-flexbox;
5403	display: flex;	5404	display: flex;
5404	-webkit-box-orient: vertical;	5405	-webkit-box-orient: vertical;
5405	-webkit-box-direction: normal;	5406	-webkit-box-direction: normal;
5406	-ms-flex-direction: column;	5407	-ms-flex-direction: column;
5407	flex-direction: column;	5408	flex-direction: column;
5408	gap: 30px;	5409	gap: 30px;
5409	}	5410	}
5410	.employer__item a {	5411	.employer__item a {
5411	display: -webkit-box;	5412	display: -webkit-box;
5412	display: -ms-flexbox;	5413	display: -ms-flexbox;
5413	display: flex;	5414	display: flex;
5414	-webkit-box-orient: vertical;	5415	-webkit-box-orient: vertical;
5415	-webkit-box-direction: normal;	5416	-webkit-box-direction: normal;
5416	-ms-flex-direction: column;	5417	-ms-flex-direction: column;
5417	flex-direction: column;	5418	flex-direction: column;
5418	-webkit-box-align: center;	5419	-webkit-box-align: center;
5419	-ms-flex-align: center;	5420	-ms-flex-align: center;
5420	align-items: center;	5421	align-items: center;
5421	}	5422	}
5422	.employer__item img {	5423	.employer__item img {
5423	width: 100%;	5424	width: 100%;
5424	aspect-ratio: 295/98;	5425	aspect-ratio: 295/98;
5425	-o-object-fit: contain;	5426	-o-object-fit: contain;
5426	object-fit: contain;	5427	object-fit: contain;
5427	}	5428	}
5428	.employer__body {	5429	.employer__body {
5429	display: none;	5430	display: none;
5430	grid-template-columns: 1fr 1fr;	5431	grid-template-columns: 1fr 1fr;
5431	gap: 30px;	5432	gap: 30px;
5432	margin-top: 30px;	5433	margin-top: 30px;
5433	margin-bottom: 40px;	5434	margin-bottom: 40px;
5434	}	5435	}
5435	@media (min-width: 768px) {	5436	@media (min-width: 768px) {
5436	.employer__body {	5437	.employer__body {
5437	display: grid;	5438	display: grid;
5438	}	5439	}
5439	}	5440	}
5440	@media (min-width: 992px) {	5441	@media (min-width: 992px) {
5441	.employer__body {	5442	.employer__body {
5442	grid-template-columns: 1fr 1fr 1fr;	5443	grid-template-columns: 1fr 1fr 1fr;
5443	}	5444	}
5444	}	5445	}
5445	@media (min-width: 1280px) {	5446	@media (min-width: 1280px) {
5446	.employer__body {	5447	.employer__body {
5447	grid-template-columns: 1fr 1fr 1fr 1fr;	5448	grid-template-columns: 1fr 1fr 1fr 1fr;
5448	}	5449	}
5449	}	5450	}
5450	.employer__body a {	5451	.employer__body a {
5451	display: -webkit-box;	5452	display: -webkit-box;
5452	display: -ms-flexbox;	5453	display: -ms-flexbox;
5453	display: flex;	5454	display: flex;
5454	-webkit-box-pack: center;	5455	-webkit-box-pack: center;
5455	-ms-flex-pack: center;	5456	-ms-flex-pack: center;
5456	justify-content: center;	5457	justify-content: center;
5457	-webkit-box-align: center;	5458	-webkit-box-align: center;
5458	-ms-flex-align: center;	5459	-ms-flex-align: center;
5459	align-items: center;	5460	align-items: center;
5460	height: 98px;	5461	height: 98px;
5461	}	5462	}
5462	.employer__body img {	5463	.employer__body img {
5463	max-width: 100%;	5464	max-width: 100%;
5464	max-height: 98px;	5465	max-height: 98px;
5465	-o-object-fit: contain;	5466	-o-object-fit: contain;
5466	object-fit: contain;	5467	object-fit: contain;
5467	}	5468	}
5468	.employer__more {	5469	.employer__more {
5469	height: 38px;	5470	height: 38px;
5470	}	5471	}
5471	@media (min-width: 768px) {	5472	@media (min-width: 768px) {
5472	.employer__more {	5473	.employer__more {
5473	width: 250px;	5474	width: 250px;
5474	margin: 0 auto;	5475	margin: 0 auto;
5475	height: 44px;	5476	height: 44px;
5476	}	5477	}
5477	}	5478	}
5478		5479
5479	.about {	5480	.about {
5480	background: #acc0e6 url("../images/space.svg") no-repeat 0 0;	5481	background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5481	background-size: cover;	5482	background-size: cover;
5482	padding: 30px 0;	5483	padding: 30px 0;
5483	padding-bottom: 70px;	5484	padding-bottom: 70px;
5484	}	5485	}
5485	@media (min-width: 768px) {	5486	@media (min-width: 768px) {
5486	.about {	5487	.about {
5487	padding-top: 40px;	5488	padding-top: 40px;
5488	background-size: auto calc(100% - 10px);	5489	background-size: auto calc(100% - 10px);
5489	}	5490	}
5490	}	5491	}
5491	@media (min-width: 1280px) {	5492	@media (min-width: 1280px) {
5492	.about {	5493	.about {
5493	padding: 100px 0;	5494	padding: 100px 0;
5494	}	5495	}
5495	}	5496	}
5496	.about__wrapper {	5497	.about__wrapper {
5497	display: -webkit-box;	5498	display: -webkit-box;
5498	display: -ms-flexbox;	5499	display: -ms-flexbox;
5499	display: flex;	5500	display: flex;
5500	-webkit-box-orient: vertical;	5501	-webkit-box-orient: vertical;
5501	-webkit-box-direction: normal;	5502	-webkit-box-direction: normal;
5502	-ms-flex-direction: column;	5503	-ms-flex-direction: column;
5503	flex-direction: column;	5504	flex-direction: column;
5504	position: relative;	5505	position: relative;
5505	}	5506	}
5506	.about__title {	5507	.about__title {
5507	color: #fff;	5508	color: #fff;
5508	line-height: 1.2;	5509	line-height: 1.2;
5509	}	5510	}
5510	@media (min-width: 1280px) {	5511	@media (min-width: 1280px) {
5511	.about__title {	5512	.about__title {
5512	position: absolute;	5513	position: absolute;
5513	top: -45px;	5514	top: -45px;
5514	left: 0;	5515	left: 0;
5515	}	5516	}
5516	}	5517	}
5517	.about__body {	5518	.about__body {
5518	display: -webkit-box;	5519	display: -webkit-box;
5519	display: -ms-flexbox;	5520	display: -ms-flexbox;
5520	display: flex;	5521	display: flex;
5521	-webkit-box-orient: vertical;	5522	-webkit-box-orient: vertical;
5522	-webkit-box-direction: normal;	5523	-webkit-box-direction: normal;
5523	-ms-flex-direction: column;	5524	-ms-flex-direction: column;
5524	flex-direction: column;	5525	flex-direction: column;
5525	}	5526	}
5526	@media (min-width: 1280px) {	5527	@media (min-width: 1280px) {
5527	.about__body {	5528	.about__body {
5528	padding-left: 495px;	5529	padding-left: 495px;
5529	}	5530	}
5530	}	5531	}
5531	.about__line {	5532	.about__line {
5532	background: #fff;	5533	background: #fff;
5533	width: 100%;	5534	width: 100%;
5534	height: 1px;	5535	height: 1px;
5535	max-width: 400px;	5536	max-width: 400px;
5536	margin-top: 10px;	5537	margin-top: 10px;
5537	}	5538	}
5538	.about__item {	5539	.about__item {
5539	display: -webkit-box;	5540	display: -webkit-box;
5540	display: -ms-flexbox;	5541	display: -ms-flexbox;
5541	display: flex;	5542	display: flex;
5542	-webkit-box-orient: vertical;	5543	-webkit-box-orient: vertical;
5543	-webkit-box-direction: normal;	5544	-webkit-box-direction: normal;
5544	-ms-flex-direction: column;	5545	-ms-flex-direction: column;
5545	flex-direction: column;	5546	flex-direction: column;
5546	margin-top: 10px;	5547	margin-top: 10px;
5547	max-width: 600px;	5548	max-width: 600px;
5548	}	5549	}
5549	@media (min-width: 768px) {	5550	@media (min-width: 768px) {
5550	.about__item {	5551	.about__item {
5551	margin-top: 20px;	5552	margin-top: 20px;
5552	}	5553	}
5553	}	5554	}
5554	@media (min-width: 1280px) {	5555	@media (min-width: 1280px) {
5555	.about__item {	5556	.about__item {
5556	margin-top: 30px;	5557	margin-top: 30px;
5557	}	5558	}
5558	}	5559	}
5559	.about__item b {	5560	.about__item b {
5560	font-size: 20px;	5561	font-size: 20px;
5561	font-weight: 700;	5562	font-weight: 700;
5562	}	5563	}
5563	.about__item span {	5564	.about__item span {
5564	font-size: 13px;	5565	font-size: 13px;
5565	line-height: 1.4;	5566	line-height: 1.4;
5566	margin-top: 6px;	5567	margin-top: 6px;
5567	}	5568	}
5568	@media (min-width: 1280px) {	5569	@media (min-width: 1280px) {
5569	.about__item span {	5570	.about__item span {
5570	font-size: 16px;	5571	font-size: 16px;
5571	margin-top: 12px;	5572	margin-top: 12px;
5572	}	5573	}
5573	}	5574	}
5574	.about__item a {	5575	.about__item a {
5575	text-decoration: underline;	5576	text-decoration: underline;
5576	}	5577	}
5577	.about__item + .about__item {	5578	.about__item + .about__item {
5578	margin-top: 30px;	5579	margin-top: 30px;
5579	}	5580	}
5580	@media (min-width: 992px) {	5581	@media (min-width: 992px) {
5581	.about__item + .about__item {	5582	.about__item + .about__item {
5582	margin-top: 40px;	5583	margin-top: 40px;
5583	}	5584	}
5584	}	5585	}
5585	.about__button {	5586	.about__button {
5586	margin-top: 20px;	5587	margin-top: 20px;
5587	height: 38px;	5588	height: 38px;
5588	padding: 0;	5589	padding: 0;
5589	}	5590	}
5590	@media (min-width: 768px) {	5591	@media (min-width: 768px) {
5591	.about__button {	5592	.about__button {
5592	max-width: 200px;	5593	max-width: 200px;
5593	height: 42px;	5594	height: 42px;
5594	margin-top: 30px;	5595	margin-top: 30px;
5595	}	5596	}
5596	}	5597	}
5597		5598
5598	.news {	5599	.news {
5599	padding: 50px 0;	5600	padding: 50px 0;
5600	overflow: hidden;	5601	overflow: hidden;
5601	}	5602	}
5602	@media (min-width: 1280px) {	5603	@media (min-width: 1280px) {
5603	.news {	5604	.news {
5604	padding: 100px 0;	5605	padding: 100px 0;
5605	padding-bottom: 0;	5606	padding-bottom: 0;
5606	}	5607	}
5607	}	5608	}
5608	.news__toper {	5609	.news__toper {
5609	display: -webkit-box;	5610	display: -webkit-box;
5610	display: -ms-flexbox;	5611	display: -ms-flexbox;
5611	display: flex;	5612	display: flex;
5612	-webkit-box-pack: justify;	5613	-webkit-box-pack: justify;
5613	-ms-flex-pack: justify;	5614	-ms-flex-pack: justify;
5614	justify-content: space-between;	5615	justify-content: space-between;
5615	-webkit-box-align: center;	5616	-webkit-box-align: center;
5616	-ms-flex-align: center;	5617	-ms-flex-align: center;
5617	align-items: center;	5618	align-items: center;
5618	}	5619	}
5619	@media (min-width: 1280px) {	5620	@media (min-width: 1280px) {
5620	.news__toper .title {	5621	.news__toper .title {
5621	width: calc(100% - 160px);	5622	width: calc(100% - 160px);
5622	}	5623	}
5623	}	5624	}
5624	.news__toper .navs {	5625	.news__toper .navs {
5625	display: none;	5626	display: none;
5626	}	5627	}
5627	@media (min-width: 1280px) {	5628	@media (min-width: 1280px) {
5628	.news__toper .navs {	5629	.news__toper .navs {
5629	display: -webkit-box;	5630	display: -webkit-box;
5630	display: -ms-flexbox;	5631	display: -ms-flexbox;
5631	display: flex;	5632	display: flex;
5632	}	5633	}
5633	}	5634	}
5634	.news .swiper {	5635	.news .swiper {
5635	margin-top: 20px;	5636	margin-top: 20px;
5636	}	5637	}
5637	@media (min-width: 768px) {	5638	@media (min-width: 768px) {
5638	.news .swiper {	5639	.news .swiper {
5639	overflow: visible;	5640	overflow: visible;
5640	}	5641	}
5641	}	5642	}
5642	@media (min-width: 992px) {	5643	@media (min-width: 992px) {
5643	.news .swiper {	5644	.news .swiper {
5644	margin-top: 40px;	5645	margin-top: 40px;
5645	}	5646	}
5646	}	5647	}
5647	.news__item {	5648	.news__item {
5648	display: -webkit-box;	5649	display: -webkit-box;
5649	display: -ms-flexbox;	5650	display: -ms-flexbox;
5650	display: flex;	5651	display: flex;
5651	-webkit-box-orient: vertical;	5652	-webkit-box-orient: vertical;
5652	-webkit-box-direction: normal;	5653	-webkit-box-direction: normal;
5653	-ms-flex-direction: column;	5654	-ms-flex-direction: column;
5654	flex-direction: column;	5655	flex-direction: column;
5655	line-height: 1.4;	5656	line-height: 1.4;
5656	}	5657	}
5657	.news__item-pic {	5658	.news__item-pic {
5658	width: 100%;	5659	width: 100%;
5659	aspect-ratio: 3/2;	5660	aspect-ratio: 3/2;
5660	border-radius: 12px;	5661	border-radius: 12px;
5661	border: 1px solid #e6e7e7;	5662	border: 1px solid #e6e7e7;
5662	-o-object-fit: cover;	5663	-o-object-fit: cover;
5663	object-fit: cover;	5664	object-fit: cover;
5664	min-height: 200px;	5665	min-height: 200px;
5665	}	5666	}
5666	@media (min-width: 1280px) {	5667	@media (min-width: 1280px) {
5667	.news__item-pic {	5668	.news__item-pic {
5668	aspect-ratio: 4/2;	5669	aspect-ratio: 4/2;
5669	}	5670	}
5670	}	5671	}
5671	.news__item-body {	5672	.news__item-body {
5672	display: -webkit-box;	5673	display: -webkit-box;
5673	display: -ms-flexbox;	5674	display: -ms-flexbox;
5674	display: flex;	5675	display: flex;
5675	-webkit-box-orient: vertical;	5676	-webkit-box-orient: vertical;
5676	-webkit-box-direction: normal;	5677	-webkit-box-direction: normal;
5677	-ms-flex-direction: column;	5678	-ms-flex-direction: column;
5678	flex-direction: column;	5679	flex-direction: column;
5679	padding-top: 15px;	5680	padding-top: 15px;
5680	}	5681	}
5681	@media (min-width: 768px) {	5682	@media (min-width: 768px) {
5682	.news__item-body {	5683	.news__item-body {
5683	padding: 20px;	5684	padding: 20px;
5684	padding-top: 30px;	5685	padding-top: 30px;
5685	margin-top: -15px;	5686	margin-top: -15px;
5686	border-radius: 0 0 12px 12px;	5687	border-radius: 0 0 12px 12px;
5687	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);	5688	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5688	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);	5689	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5689	}	5690	}
5690	}	5691	}
5691	.news__item-date {	5692	.news__item-date {
5692	font-size: 14px;	5693	font-size: 14px;
5693	font-weight: 700;	5694	font-weight: 700;
5694	color: #377d87;	5695	color: #377d87;
5695	}	5696	}
5696	.news__item-title {	5697	.news__item-title {
5697	font-size: 20px;	5698	font-size: 20px;
5698	font-weight: 700;	5699	font-weight: 700;
5699	line-height: 1.2;	5700	line-height: 1.2;
5700	margin-top: 5px;	5701	margin-top: 5px;
5701	}	5702	}
5702	.news__item-text {	5703	.news__item-text {
5703	color: #000;	5704	color: #000;
5704	font-size: 13px;	5705	font-size: 13px;
5705	margin-top: 10px;	5706	margin-top: 10px;
5706	overflow: hidden;	5707	overflow: hidden;
5707	display: -webkit-box;	5708	display: -webkit-box;
5708	-webkit-box-orient: vertical;	5709	-webkit-box-orient: vertical;
5709	-webkit-line-clamp: 4;	5710	-webkit-line-clamp: 4;
5710	}	5711	}
5711	@media (min-width: 1280px) {	5712	@media (min-width: 1280px) {
5712	.news__item-text {	5713	.news__item-text {
5713	font-size: 16px;	5714	font-size: 16px;
5714	}	5715	}
5715	}	5716	}
5716	.news__item-more {	5717	.news__item-more {
5717	height: 42px;	5718	height: 42px;
5718	margin-top: 20px;	5719	margin-top: 20px;
5719	}	5720	}
5720	@media (min-width: 1280px) {	5721	@media (min-width: 1280px) {
5721	.news__item-more {	5722	.news__item-more {
5722	height: 44px;	5723	height: 44px;
5723	max-width: 190px;	5724	max-width: 190px;
5724	}	5725	}
5725	}	5726	}
5726	.news__all {	5727	.news__all {
5727	height: 42px;	5728	height: 42px;
5728	margin: 0 auto;	5729	margin: 0 auto;
5729	margin-top: 20px;	5730	margin-top: 20px;
5730	padding: 0;	5731	padding: 0;
5731	display: none;	5732	display: none;
5732	}	5733	}
5733	@media (min-width: 768px) {	5734	@media (min-width: 768px) {
5734	.news__all {	5735	.news__all {
5735	max-width: 170px;	5736	max-width: 170px;
5736	margin-top: 30px;	5737	margin-top: 30px;
5737	display: -webkit-box;	5738	display: -webkit-box;
5738	display: -ms-flexbox;	5739	display: -ms-flexbox;
5739	display: flex;	5740	display: flex;
5740	}	5741	}
5741	}	5742	}
5742	@media (min-width: 1280px) {	5743	@media (min-width: 1280px) {
5743	.news__all {	5744	.news__all {
5744	height: 44px;	5745	height: 44px;
5745	}	5746	}
5746	}	5747	}
5747	.news__items {	5748	.news__items {
5748	display: grid;	5749	display: grid;
5749	gap: 20px;	5750	gap: 20px;
5750	margin-bottom: 10px;	5751	margin-bottom: 10px;
5751	}	5752	}
5752	@media (min-width: 768px) {	5753	@media (min-width: 768px) {
5753	.news__items {	5754	.news__items {
5754	grid-template-columns: 1fr 1fr;	5755	grid-template-columns: 1fr 1fr;
5755	}	5756	}
5756	}	5757	}
5757	@media (min-width: 992px) {	5758	@media (min-width: 992px) {
5758	.news__items {	5759	.news__items {
5759	grid-template-columns: 1fr 1fr 1fr;	5760	grid-template-columns: 1fr 1fr 1fr;
5760	}	5761	}
5761	}	5762	}
5762		5763
5763	main + .news {	5764	main + .news {
5764	padding: 0;	5765	padding: 0;
5765	}	5766	}
5766		5767
5767	.info {	5768	.info {
5768	position: relative;	5769	position: relative;
5769	overflow: hidden;	5770	overflow: hidden;
5770	}	5771	}
5771	@media (min-width: 1280px) {	5772	@media (min-width: 1280px) {
5772	.info {	5773	.info {
5773	margin-bottom: -25px;	5774	margin-bottom: -25px;
5774	}	5775	}
5775	}	5776	}
5776	.info__pic {	5777	.info__pic {
5777	display: none;	5778	display: none;
5778	z-index: 1;	5779	z-index: 1;
5779	position: absolute;	5780	position: absolute;
5780	top: 0;	5781	top: 0;
5781	left: 50%;	5782	left: 50%;
5782	height: 100%;	5783	height: 100%;
5783	margin-left: 130px;	5784	margin-left: 130px;
5784	}	5785	}
5785	@media (min-width: 992px) {	5786	@media (min-width: 992px) {
5786	.info__pic {	5787	.info__pic {
5787	display: block;	5788	display: block;
5788	}	5789	}
5789	}	5790	}
5790	@media (min-width: 1280px) {	5791	@media (min-width: 1280px) {
5791	.info__pic {	5792	.info__pic {
5792	width: 610px;	5793	width: 610px;
5793	height: auto;	5794	height: auto;
5794	margin-left: 10px;	5795	margin-left: 10px;
5795	}	5796	}
5796	}	5797	}
5797	.info__body {	5798	.info__body {
5798	z-index: 2;	5799	z-index: 2;
5799	position: relative;	5800	position: relative;
5800	display: -webkit-box;	5801	display: -webkit-box;
5801	display: -ms-flexbox;	5802	display: -ms-flexbox;
5802	display: flex;	5803	display: flex;
5803	-webkit-box-orient: vertical;	5804	-webkit-box-orient: vertical;
5804	-webkit-box-direction: normal;	5805	-webkit-box-direction: normal;
5805	-ms-flex-direction: column;	5806	-ms-flex-direction: column;
5806	flex-direction: column;	5807	flex-direction: column;
5807	}	5808	}
5808	@media (min-width: 1280px) {	5809	@media (min-width: 1280px) {
5809	.info__body {	5810	.info__body {
5810	padding-top: 100px;	5811	padding-top: 100px;
5811	min-height: 600px;	5812	min-height: 600px;
5812	}	5813	}
5813	}	5814	}
5814	@media (min-width: 1280px) {	5815	@media (min-width: 1280px) {
5815	.info__title {	5816	.info__title {
5816	max-width: 520px;	5817	max-width: 520px;
5817	line-height: 1;	5818	line-height: 1;
5818	}	5819	}
5819	}	5820	}
5820	.info__item {	5821	.info__item {
5821	margin-top: 20px;	5822	margin-top: 20px;
5822	display: -webkit-box;	5823	display: -webkit-box;
5823	display: -ms-flexbox;	5824	display: -ms-flexbox;
5824	display: flex;	5825	display: flex;
5825	-webkit-box-orient: vertical;	5826	-webkit-box-orient: vertical;
5826	-webkit-box-direction: normal;	5827	-webkit-box-direction: normal;
5827	-ms-flex-direction: column;	5828	-ms-flex-direction: column;
5828	flex-direction: column;	5829	flex-direction: column;
5829	gap: 20px;	5830	gap: 20px;
5830	}	5831	}
5831	@media (min-width: 992px) {	5832	@media (min-width: 992px) {
5832	.info__item {	5833	.info__item {
5833	max-width: 610px;	5834	max-width: 610px;
5834	}	5835	}
5835	}	5836	}
5836	.info__item + .info__item {	5837	.info__item + .info__item {
5837	margin-top: 60px;	5838	margin-top: 60px;
5838	}	5839	}
5839	.info__text {	5840	.info__text {
5840	color: #000;	5841	color: #000;
5841	font-size: 13px;	5842	font-size: 13px;
5842	line-height: 1.4;	5843	line-height: 1.4;
5843	}	5844	}
5844	@media (min-width: 768px) {	5845	@media (min-width: 768px) {
5845	.info__text {	5846	.info__text {
5846	font-size: 16px;	5847	font-size: 16px;
5847	}	5848	}
5848	}	5849	}
5849	@media (min-width: 1280px) {	5850	@media (min-width: 1280px) {
5850	.info__text {	5851	.info__text {
5851	font-size: 18px;	5852	font-size: 18px;
5852	}	5853	}
5853	}	5854	}
5854	.info__link {	5855	.info__link {
5855	border-radius: 8px;	5856	border-radius: 8px;
5856	display: -webkit-box;	5857	display: -webkit-box;
5857	display: -ms-flexbox;	5858	display: -ms-flexbox;
5858	display: flex;	5859	display: flex;
5859	-webkit-box-pack: center;	5860	-webkit-box-pack: center;
5860	-ms-flex-pack: center;	5861	-ms-flex-pack: center;
5861	justify-content: center;	5862	justify-content: center;
5862	-webkit-box-align: center;	5863	-webkit-box-align: center;
5863	-ms-flex-align: center;	5864	-ms-flex-align: center;
5864	align-items: center;	5865	align-items: center;
5865	line-height: 1;	5866	line-height: 1;
5866	height: 40px;	5867	height: 40px;
5867	font-size: 12px;	5868	font-size: 12px;
5868	font-weight: 700;	5869	font-weight: 700;
5869	gap: 8px;	5870	gap: 8px;
5870	color: #fff;	5871	color: #fff;
5871	background: #377d87;	5872	background: #377d87;
5872	}	5873	}
5873	.info__link:hover {	5874	.info__link:hover {
5874	-webkit-filter: grayscale(50%);	5875	-webkit-filter: grayscale(50%);
5875	filter: grayscale(50%);	5876	filter: grayscale(50%);
5876	}	5877	}
5877	@media (min-width: 768px) {	5878	@media (min-width: 768px) {
5878	.info__link {	5879	.info__link {
5879	height: 44px;	5880	height: 44px;
5880	font-size: 16px;	5881	font-size: 16px;
5881	gap: 10px;	5882	gap: 10px;
5882	max-width: 300px;	5883	max-width: 300px;
5883	}	5884	}
5884	}	5885	}
5885	@media (min-width: 992px) {	5886	@media (min-width: 992px) {
5886	.info__link {	5887	.info__link {
5887	max-width: 210px;	5888	max-width: 210px;
5888	}	5889	}
5889	}	5890	}
5890	.info__link svg {	5891	.info__link svg {
5891	width: 16px;	5892	width: 16px;
5892	height: 16px;	5893	height: 16px;
5893	}	5894	}
5894	@media (min-width: 768px) {	5895	@media (min-width: 768px) {
5895	.info__link svg {	5896	.info__link svg {
5896	width: 20px;	5897	width: 20px;
5897	height: 20px;	5898	height: 20px;
5898	}	5899	}
5899	}	5900	}
5900		5901
5901	.thing {	5902	.thing {
5902	padding-top: 15px;	5903	padding-top: 15px;
5903	padding-bottom: 30px;	5904	padding-bottom: 30px;
5904	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	5905	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5905	color: #000;	5906	color: #000;
5906	overflow: hidden;	5907	overflow: hidden;
5907	position: relative;	5908	position: relative;
5908	}	5909	}
5909	@media (min-width: 992px) {	5910	@media (min-width: 992px) {
5910	.thing {	5911	.thing {
5911	padding-top: 20px;	5912	padding-top: 20px;
5912	padding-bottom: 60px;	5913	padding-bottom: 60px;
5913	}	5914	}
5914	}	5915	}
5915	@media (min-width: 1280px) {	5916	@media (min-width: 1280px) {
5916	.thing {	5917	.thing {
5917	padding-bottom: 90px;	5918	padding-bottom: 90px;
5918	}	5919	}
5919	}	5920	}
5920	.thing_pdf {	5921	.thing_pdf {
5921	padding: 30px 0;	5922	padding: 30px 0;
5922	}	5923	}
5923	@media (min-width: 992px) {	5924	@media (min-width: 992px) {
5924	.thing_pdf {	5925	.thing_pdf {
5925	padding: 60px 0;	5926	padding: 60px 0;
5926	}	5927	}
5927	}	5928	}
5928	@media (min-width: 1280px) {	5929	@media (min-width: 1280px) {
5929	.thing_pdf {	5930	.thing_pdf {
5930	padding: 90px 0;	5931	padding: 90px 0;
5931	}	5932	}
5932	}	5933	}
5933	.thing__body {	5934	.thing__body {
5934	display: -webkit-box;	5935	display: -webkit-box;
5935	display: -ms-flexbox;	5936	display: -ms-flexbox;
5936	display: flex;	5937	display: flex;
5937	-webkit-box-orient: vertical;	5938	-webkit-box-orient: vertical;
5938	-webkit-box-direction: normal;	5939	-webkit-box-direction: normal;
5939	-ms-flex-direction: column;	5940	-ms-flex-direction: column;
5940	flex-direction: column;	5941	flex-direction: column;
5941	-webkit-box-align: start;	5942	-webkit-box-align: start;
5942	-ms-flex-align: start;	5943	-ms-flex-align: start;
5943	align-items: flex-start;	5944	align-items: flex-start;
5944	}	5945	}
5945	.thing__breadcrumbs {	5946	.thing__breadcrumbs {
5946	width: 100%;	5947	width: 100%;
5947	margin-bottom: 40px;	5948	margin-bottom: 40px;
5948	position: relative;	5949	position: relative;
5949	z-index: 2;	5950	z-index: 2;
5950	}	5951	}
5951	@media (min-width: 768px) {	5952	@media (min-width: 768px) {
5952	.thing__breadcrumbs {	5953	.thing__breadcrumbs {
5953	margin-bottom: 60px;	5954	margin-bottom: 60px;
5954	}	5955	}
5955	}	5956	}
5956	.thing__date {	5957	.thing__date {
5957	color: #000;	5958	color: #000;
5958	font-size: 14px;	5959	font-size: 14px;
5959	font-weight: 700;	5960	font-weight: 700;
5960	line-height: 21px;	5961	line-height: 21px;
5961	margin-bottom: 10px;	5962	margin-bottom: 10px;
5962	}	5963	}
5963	@media (min-width: 768px) {	5964	@media (min-width: 768px) {
5964	.thing__date {	5965	.thing__date {
5965	font-size: 18px;	5966	font-size: 18px;
5966	line-height: 27px;	5967	line-height: 27px;
5967	}	5968	}
5968	}	5969	}
5969	.thing__title {	5970	.thing__title {
5970	width: 100%;	5971	width: 100%;
5971	font-size: 32px;	5972	font-size: 32px;
5972	font-weight: 700;	5973	font-weight: 700;
5973	margin: 0;	5974	margin: 0;
5974	max-width: 780px;	5975	max-width: 780px;
5975	position: relative;	5976	position: relative;
5976	z-index: 2;	5977	z-index: 2;
5977	line-height: 1.1;	5978	line-height: 1.1;
5978	}	5979	}
5979	@media (min-width: 768px) {	5980	@media (min-width: 768px) {
5980	.thing__title {	5981	.thing__title {
5981	font-size: 40px;	5982	font-size: 40px;
5982	}	5983	}
5983	}	5984	}
5984	@media (min-width: 1280px) {	5985	@media (min-width: 1280px) {
5985	.thing__title {	5986	.thing__title {
5986	font-size: 64px;	5987	font-size: 64px;
5987	}	5988	}
5988	}	5989	}
5989	.thing__text {	5990	.thing__text {
5990	width: 100%;	5991	width: 100%;
5991	font-weight: 700;	5992	font-weight: 700;
5992	font-size: 14px;	5993	font-size: 14px;
5993	line-height: 1.4;	5994	line-height: 1.4;
5994	margin: 15px 0 0 0;	5995	margin: 15px 0 0 0;
5995	max-width: 780px;	5996	max-width: 780px;
5996	position: relative;	5997	position: relative;
5997	z-index: 2;	5998	z-index: 2;
5998	}	5999	}
5999	@media (min-width: 768px) {	6000	@media (min-width: 768px) {
6000	.thing__text {	6001	.thing__text {
6001	margin-top: 15px;	6002	margin-top: 15px;
6002	}	6003	}
6003	}	6004	}
6004	@media (min-width: 992px) {	6005	@media (min-width: 992px) {
6005	.thing__text {	6006	.thing__text {
6006	font-weight: 400;	6007	font-weight: 400;
6007	font-size: 18px;	6008	font-size: 18px;
6008	}	6009	}
6009	}	6010	}
6010	.thing__search {	6011	.thing__search {
6011	width: 100%;	6012	width: 100%;
6012	max-width: 640px;	6013	max-width: 640px;
6013	margin-top: 20px;	6014	margin-top: 20px;
6014	position: relative;	6015	position: relative;
6015	z-index: 2;	6016	z-index: 2;
6016	}	6017	}
6017	@media (min-width: 768px) {	6018	@media (min-width: 768px) {
6018	.thing__search {	6019	.thing__search {
6019	margin-top: 30px;	6020	margin-top: 30px;
6020	}	6021	}
6021	}	6022	}
6022	.thing__badge {	6023	.thing__badge {
6023	position: relative;	6024	position: relative;
6024	z-index: 2;	6025	z-index: 2;
6025	display: -webkit-box;	6026	display: -webkit-box;
6026	display: -ms-flexbox;	6027	display: -ms-flexbox;
6027	display: flex;	6028	display: flex;
6028	-webkit-box-align: center;	6029	-webkit-box-align: center;
6029	-ms-flex-align: center;	6030	-ms-flex-align: center;
6030	align-items: center;	6031	align-items: center;
6031	gap: 5px;	6032	gap: 5px;
6032	padding: 0 12px;	6033	padding: 0 12px;
6033	background: #4d88d9;	6034	background: #4d88d9;
6034	color: #fff;	6035	color: #fff;
6035	font-size: 12px;	6036	font-size: 12px;
6036	line-height: 1;	6037	line-height: 1;
6037	height: 26px;	6038	height: 26px;
6038	border-radius: 999px;	6039	border-radius: 999px;
6039	margin-bottom: 20px;	6040	margin-bottom: 20px;
6040	}	6041	}
6041	@media (min-width: 992px) {	6042	@media (min-width: 992px) {
6042	.thing__badge {	6043	.thing__badge {
6043	font-size: 16px;	6044	font-size: 16px;
6044	gap: 10px;	6045	gap: 10px;
6045	padding: 0 24px;	6046	padding: 0 24px;
6046	height: 42px;	6047	height: 42px;
6047	margin-bottom: 30px;	6048	margin-bottom: 30px;
6048	}	6049	}
6049	}	6050	}
6050	.thing__badge svg {	6051	.thing__badge svg {
6051	width: 12px;	6052	width: 12px;
6052	height: 12px;	6053	height: 12px;
6053	}	6054	}
6054	@media (min-width: 992px) {	6055	@media (min-width: 992px) {
6055	.thing__badge svg {	6056	.thing__badge svg {
6056	width: 20px;	6057	width: 20px;
6057	height: 20px;	6058	height: 20px;
6058	}	6059	}
6059	}	6060	}
6060	.thing__pic {	6061	.thing__pic {
6061	width: 60px;	6062	width: 60px;
6062	aspect-ratio: 1/1;	6063	aspect-ratio: 1/1;
6063	-o-object-fit: contain;	6064	-o-object-fit: contain;
6064	object-fit: contain;	6065	object-fit: contain;
6065	position: relative;	6066	position: relative;
6066	z-index: 1;	6067	z-index: 1;
6067	margin-bottom: 15px;	6068	margin-bottom: 15px;
6068	}	6069	}
6069	@media (min-width: 768px) {	6070	@media (min-width: 768px) {
6070	.thing__pic {	6071	.thing__pic {
6071	width: 160px;	6072	width: 160px;
6072	position: absolute;	6073	position: absolute;
6073	top: 15px;	6074	top: 15px;
6074	right: 20px;	6075	right: 20px;
6075	}	6076	}
6076	}	6077	}
6077	@media (min-width: 992px) {	6078	@media (min-width: 992px) {
6078	.thing__pic {	6079	.thing__pic {
6079	width: 330px;	6080	width: 330px;
6080	top: 50%;	6081	top: 50%;
6081	-webkit-transform: translate(0, -50%);	6082	-webkit-transform: translate(0, -50%);
6082	-ms-transform: translate(0, -50%);	6083	-ms-transform: translate(0, -50%);
6083	transform: translate(0, -50%);	6084	transform: translate(0, -50%);
6084	}	6085	}
6085	}	6086	}
6086	@media (min-width: 1280px) {	6087	@media (min-width: 1280px) {
6087	.thing__pic {	6088	.thing__pic {
6088	right: auto;	6089	right: auto;
6089	left: 50%;	6090	left: 50%;
6090	margin-left: 200px;	6091	margin-left: 200px;
6091	}	6092	}
6092	}	6093	}
6093	.thing__pic_two {	6094	.thing__pic_two {
6094	-o-object-fit: cover;	6095	-o-object-fit: cover;
6095	object-fit: cover;	6096	object-fit: cover;
6096	border-radius: 30px;	6097	border-radius: 30px;
6097	aspect-ratio: 44/37;	6098	aspect-ratio: 44/37;
6098	width: 100%;	6099	width: 100%;
6099	max-width: 440px;	6100	max-width: 440px;
6100	}	6101	}
6101	@media (min-width: 768px) {	6102	@media (min-width: 768px) {
6102	.thing__pic_two {	6103	.thing__pic_two {
6103	position: static;	6104	position: static;
6104	-webkit-transform: translate(0, 0);	6105	-webkit-transform: translate(0, 0);
6105	-ms-transform: translate(0, 0);	6106	-ms-transform: translate(0, 0);
6106	transform: translate(0, 0);	6107	transform: translate(0, 0);
6107	}	6108	}
6108	}	6109	}
6109	@media (min-width: 1280px) {	6110	@media (min-width: 1280px) {
6110	.thing__pic_two {	6111	.thing__pic_two {
6111	position: absolute;	6112	position: absolute;
6112	-webkit-transform: translate(0, -50%);	6113	-webkit-transform: translate(0, -50%);
6113	-ms-transform: translate(0, -50%);	6114	-ms-transform: translate(0, -50%);
6114	transform: translate(0, -50%);	6115	transform: translate(0, -50%);
6115	}	6116	}
6116	}	6117	}
6117	.thing__buttons {	6118	.thing__buttons {
6118	width: 100%;	6119	width: 100%;
6119	position: relative;	6120	position: relative;
6120	z-index: 2;	6121	z-index: 2;
6121	display: -webkit-box;	6122	display: -webkit-box;
6122	display: -ms-flexbox;	6123	display: -ms-flexbox;
6123	display: flex;	6124	display: flex;
6124	-webkit-box-align: center;	6125	-webkit-box-align: center;
6125	-ms-flex-align: center;	6126	-ms-flex-align: center;
6126	align-items: center;	6127	align-items: center;
6127	gap: 20px;	6128	gap: 20px;
6128	margin-top: 15px;	6129	margin-top: 15px;
6129	}	6130	}
6130	@media (min-width: 992px) {	6131	@media (min-width: 992px) {
6131	.thing__buttons {	6132	.thing__buttons {
6132	margin-top: 30px;	6133	margin-top: 30px;
6133	gap: 30px;	6134	gap: 30px;
6134	}	6135	}
6135	}	6136	}
6136	@media (min-width: 992px) {	6137	@media (min-width: 992px) {
6137	.thing__buttons .button {	6138	.thing__buttons .button {
6138	padding: 0 22px;	6139	padding: 0 22px;
6139	}	6140	}
6140	}	6141	}
6141	.thing__checkbox {	6142	.thing__checkbox {
6142	margin-top: 20px;	6143	margin-top: 20px;
6143	}	6144	}
6144	.thing__checkbox .checkbox__icon {	6145	.thing__checkbox .checkbox__icon {
6145	border-color: #377d87;	6146	border-color: #377d87;
6146	}	6147	}
6147	.thing__checkbox .checkbox__text {	6148	.thing__checkbox .checkbox__text {
6148	color: #377d87;	6149	color: #377d87;
6149	}	6150	}
6150	.thing__profile {	6151	.thing__profile {
6151	display: -webkit-box;	6152	display: -webkit-box;
6152	display: -ms-flexbox;	6153	display: -ms-flexbox;
6153	display: flex;	6154	display: flex;
6154	-webkit-box-orient: vertical;	6155	-webkit-box-orient: vertical;
6155	-webkit-box-direction: normal;	6156	-webkit-box-direction: normal;
6156	-ms-flex-direction: column;	6157	-ms-flex-direction: column;
6157	flex-direction: column;	6158	flex-direction: column;
6158	}	6159	}
6159	@media (min-width: 768px) {	6160	@media (min-width: 768px) {
6160	.thing__profile {	6161	.thing__profile {
6161	-webkit-box-orient: horizontal;	6162	-webkit-box-orient: horizontal;
6162	-webkit-box-direction: normal;	6163	-webkit-box-direction: normal;
6163	-ms-flex-direction: row;	6164	-ms-flex-direction: row;
6164	flex-direction: row;	6165	flex-direction: row;
6165	-webkit-box-align: start;	6166	-webkit-box-align: start;
6166	-ms-flex-align: start;	6167	-ms-flex-align: start;
6167	align-items: flex-start;	6168	align-items: flex-start;
6168	}	6169	}
6169	}	6170	}
6170	.thing__profile-photo {	6171	.thing__profile-photo {
6171	width: 210px;	6172	width: 210px;
6172	border-radius: 8px;	6173	border-radius: 8px;
6173	aspect-ratio: 1/1;	6174	aspect-ratio: 1/1;
6174	}	6175	}
6175	.thing__profile-body {	6176	.thing__profile-body {
6176	display: -webkit-box;	6177	display: -webkit-box;
6177	display: -ms-flexbox;	6178	display: -ms-flexbox;
6178	display: flex;	6179	display: flex;
6179	-webkit-box-orient: vertical;	6180	-webkit-box-orient: vertical;
6180	-webkit-box-direction: normal;	6181	-webkit-box-direction: normal;
6181	-ms-flex-direction: column;	6182	-ms-flex-direction: column;
6182	flex-direction: column;	6183	flex-direction: column;
6183	margin-top: 15px;	6184	margin-top: 15px;
6184	}	6185	}
6185	@media (min-width: 768px) {	6186	@media (min-width: 768px) {
6186	.thing__profile-body {	6187	.thing__profile-body {
6187	width: calc(100% - 210px);	6188	width: calc(100% - 210px);
6188	padding-left: 35px;	6189	padding-left: 35px;
6189	}	6190	}
6190	}	6191	}
6191	.thing__profile .thing__title {	6192	.thing__profile .thing__title {
6192	max-width: none;	6193	max-width: none;
6193	}	6194	}
6194	@media (min-width: 768px) {	6195	@media (min-width: 768px) {
6195	.thing__profile .thing__title {	6196	.thing__profile .thing__title {
6196	margin-top: -20px;	6197	margin-top: -20px;
6197	}	6198	}
6198	}	6199	}
6199	.thing__profile .thing__text {	6200	.thing__profile .thing__text {
6200	max-width: none;	6201	max-width: none;
6201	}	6202	}
6202	.thing__bottom {	6203	.thing__bottom {
6203	display: -webkit-box;	6204	display: -webkit-box;
6204	display: -ms-flexbox;	6205	display: -ms-flexbox;
6205	display: flex;	6206	display: flex;
6206	-webkit-box-align: center;	6207	-webkit-box-align: center;
6207	-ms-flex-align: center;	6208	-ms-flex-align: center;
6208	align-items: center;	6209	align-items: center;
6209	gap: 15px;	6210	gap: 15px;
6210	margin-top: 15px;	6211	margin-top: 15px;
6211	}	6212	}
6212	@media (min-width: 768px) {	6213	@media (min-width: 768px) {
6213	.thing__bottom {	6214	.thing__bottom {
6214	margin-top: 30px;	6215	margin-top: 30px;
6215	}	6216	}
6216	}	6217	}
6217	.thing__select {	6218	.thing__select {
6218	width: 100%;	6219	width: 100%;
6219	max-width: 640px;	6220	max-width: 640px;
6220	margin-top: 20px;	6221	margin-top: 20px;
6221	}	6222	}
6222	@media (min-width: 768px) {	6223	@media (min-width: 768px) {
6223	.thing__select {	6224	.thing__select {
6224	margin-top: 30px;	6225	margin-top: 30px;
6225	}	6226	}
6226	}	6227	}
6227		6228
6228	.page-404 {	6229	.page-404 {
6229	background: url(../images/bg-3.svg) no-repeat 100%/cover;	6230	background: url(../images/bg-3.svg) no-repeat 100%/cover;
6230	overflow: hidden;	6231	overflow: hidden;
6231	}	6232	}
6232	.page-404__body {	6233	.page-404__body {
6233	display: -webkit-box;	6234	display: -webkit-box;
6234	display: -ms-flexbox;	6235	display: -ms-flexbox;
6235	display: flex;	6236	display: flex;
6236	-webkit-box-orient: vertical;	6237	-webkit-box-orient: vertical;
6237	-webkit-box-direction: normal;	6238	-webkit-box-direction: normal;
6238	-ms-flex-direction: column;	6239	-ms-flex-direction: column;
6239	flex-direction: column;	6240	flex-direction: column;
6240	-webkit-box-align: center;	6241	-webkit-box-align: center;
6241	-ms-flex-align: center;	6242	-ms-flex-align: center;
6242	align-items: center;	6243	align-items: center;
6243	-webkit-box-pack: center;	6244	-webkit-box-pack: center;
6244	-ms-flex-pack: center;	6245	-ms-flex-pack: center;
6245	justify-content: center;	6246	justify-content: center;
6246	text-align: center;	6247	text-align: center;
6247	padding: 60px 0;	6248	padding: 60px 0;
6248	color: #000;	6249	color: #000;
6249	font-size: 12px;	6250	font-size: 12px;
6250	gap: 10px;	6251	gap: 10px;
6251	line-height: 1.4;	6252	line-height: 1.4;
6252	}	6253	}
6253	@media (min-width: 768px) {	6254	@media (min-width: 768px) {
6254	.page-404__body {	6255	.page-404__body {
6255	font-size: 18px;	6256	font-size: 18px;
6256	padding: 120px 0;	6257	padding: 120px 0;
6257	gap: 20px;	6258	gap: 20px;
6258	}	6259	}
6259	}	6260	}
6260	@media (min-width: 1280px) {	6261	@media (min-width: 1280px) {
6261	.page-404__body {	6262	.page-404__body {
6262	padding: 180px 0;	6263	padding: 180px 0;
6263	text-align: left;	6264	text-align: left;
6264	}	6265	}
6265	}	6266	}
6266	.page-404__numb {	6267	.page-404__numb {
6267	font-size: 114px;	6268	font-size: 114px;
6268	line-height: 1;	6269	line-height: 1;
6269	color: #377d87;	6270	color: #377d87;
6270	font-weight: 700;	6271	font-weight: 700;
6271	}	6272	}
6272	@media (min-width: 768px) {	6273	@media (min-width: 768px) {
6273	.page-404__numb {	6274	.page-404__numb {
6274	font-size: 184px;	6275	font-size: 184px;
6275	}	6276	}
6276	}	6277	}
6277	@media (min-width: 768px) {	6278	@media (min-width: 768px) {
6278	.page-404__title {	6279	.page-404__title {
6279	font-weight: 700;	6280	font-weight: 700;
6280	font-size: 44px;	6281	font-size: 44px;
6281	}	6282	}
6282	}	6283	}
6283	@media (min-width: 1280px) {	6284	@media (min-width: 1280px) {
6284	.page-404__title {	6285	.page-404__title {
6285	width: 710px;	6286	width: 710px;
6286	position: relative;	6287	position: relative;
6287	left: 200px;	6288	left: 200px;
6288	}	6289	}
6289	}	6290	}
6290	@media (min-width: 1280px) {	6291	@media (min-width: 1280px) {
6291	.page-404__subtitle {	6292	.page-404__subtitle {
6292	width: 710px;	6293	width: 710px;
6293	position: relative;	6294	position: relative;
6294	left: 200px;	6295	left: 200px;
6295	}	6296	}
6296	}	6297	}
6297	.page-404__button {	6298	.page-404__button {
6298	margin-top: 10px;	6299	margin-top: 10px;
6299	}	6300	}
6300	@media (min-width: 1280px) {	6301	@media (min-width: 1280px) {
6301	.page-404__button {	6302	.page-404__button {
6302	position: relative;	6303	position: relative;
6303	left: -45px;	6304	left: -45px;
6304	}	6305	}
6305	}	6306	}
6306		6307
6307	.cookies {	6308	.cookies {
6308	display: none;	6309	display: none;
6309	-webkit-box-align: end;	6310	-webkit-box-align: end;
6310	-ms-flex-align: end;	6311	-ms-flex-align: end;
6311	align-items: flex-end;	6312	align-items: flex-end;
6312	padding: 10px;	6313	padding: 10px;
6313	padding-top: 0;	6314	padding-top: 0;
6314	height: 0;	6315	height: 0;
6315	position: fixed;	6316	position: fixed;
6316	z-index: 999;	6317	z-index: 999;
6317	bottom: 0;	6318	bottom: 0;
6318	left: 0;	6319	left: 0;
6319	width: 100%;	6320	width: 100%;
6320	}	6321	}
6321	.cookies-is-actived .cookies {	6322	.cookies-is-actived .cookies {
6322	display: -webkit-box;	6323	display: -webkit-box;
6323	display: -ms-flexbox;	6324	display: -ms-flexbox;
6324	display: flex;	6325	display: flex;
6325	}	6326	}
6326	.cookies__body {	6327	.cookies__body {
6327	border-radius: 6px;	6328	border-radius: 6px;
6328	border: 1px solid #377d87;	6329	border: 1px solid #377d87;
6329	background: #fff;	6330	background: #fff;
6330	padding: 15px;	6331	padding: 15px;
6331	padding-right: 50px;	6332	padding-right: 50px;
6332	position: relative;	6333	position: relative;
6333	max-width: 940px;	6334	max-width: 940px;
6334	margin: 0 auto;	6335	margin: 0 auto;
6335	}	6336	}
6336	@media (min-width: 768px) {	6337	@media (min-width: 768px) {
6337	.cookies__body {	6338	.cookies__body {
6338	padding: 25px;	6339	padding: 25px;
6339	padding-right: 50px;	6340	padding-right: 50px;
6340	border-radius: 12px;	6341	border-radius: 12px;
6341	}	6342	}
6342	}	6343	}
6343	@media (min-width: 992px) {	6344	@media (min-width: 992px) {
6344	.cookies__body {	6345	.cookies__body {
6345	padding: 40px 60px;	6346	padding: 40px 60px;
6346	}	6347	}
6347	}	6348	}
6348	.cookies__close {	6349	.cookies__close {
6349	display: -webkit-box;	6350	display: -webkit-box;
6350	display: -ms-flexbox;	6351	display: -ms-flexbox;
6351	display: flex;	6352	display: flex;
6352	-webkit-box-pack: center;	6353	-webkit-box-pack: center;
6353	-ms-flex-pack: center;	6354	-ms-flex-pack: center;
6354	justify-content: center;	6355	justify-content: center;
6355	-webkit-box-align: center;	6356	-webkit-box-align: center;
6356	-ms-flex-align: center;	6357	-ms-flex-align: center;
6357	align-items: center;	6358	align-items: center;
6358	color: #377d87;	6359	color: #377d87;
6359	padding: 0;	6360	padding: 0;
6360	border: none;	6361	border: none;
6361	background: none;	6362	background: none;
6362	position: absolute;	6363	position: absolute;
6363	top: 15px;	6364	top: 15px;
6364	right: 15px;	6365	right: 15px;
6365	}	6366	}
6366	.cookies__close:hover {	6367	.cookies__close:hover {
6367	color: #000;	6368	color: #000;
6368	}	6369	}
6369	.cookies__close svg {	6370	.cookies__close svg {
6370	width: 16px;	6371	width: 16px;
6371	height: 16px;	6372	height: 16px;
6372	}	6373	}
6373	.cookies__text {	6374	.cookies__text {
6374	font-size: 12px;	6375	font-size: 12px;
6375	color: #377d87;	6376	color: #377d87;
6376	line-height: 1.4;	6377	line-height: 1.4;
6377	}	6378	}
6378	@media (min-width: 768px) {	6379	@media (min-width: 768px) {
6379	.cookies__text {	6380	.cookies__text {
6380	font-size: 16px;	6381	font-size: 16px;
6381	font-weight: 700;	6382	font-weight: 700;
6382	}	6383	}
6383	}	6384	}
6384		6385
6385	.fancybox-active {	6386	.fancybox-active {
6386	overflow: hidden;	6387	overflow: hidden;
6387	}	6388	}
6388	.fancybox-is-open .fancybox-bg {	6389	.fancybox-is-open .fancybox-bg {
6389	background: #080b0b;	6390	background: #080b0b;
6390	opacity: 0.6;	6391	opacity: 0.6;
6391	z-index: 9999;	6392	z-index: 9999;
6392	}	6393	}
6393	.fancybox-slide {	6394	.fancybox-slide {
6394	padding: 0;	6395	padding: 0;
6395	}	6396	}
6396	@media (min-width: 992px) {	6397	@media (min-width: 992px) {
6397	.fancybox-slide {	6398	.fancybox-slide {
6398	padding: 30px;	6399	padding: 30px;
6399	}	6400	}
6400	}	6401	}
6401	.fancybox-slide--html .fancybox-close-small {	6402	.fancybox-slide--html .fancybox-close-small {
6402	padding: 0;	6403	padding: 0;
6403	opacity: 1;	6404	opacity: 1;
6404	color: #377d87;	6405	color: #377d87;
6405	}	6406	}
6406	@media (min-width: 768px) {	6407	@media (min-width: 768px) {
6407	.fancybox-slide--html .fancybox-close-small {	6408	.fancybox-slide--html .fancybox-close-small {
6408	top: 10px;	6409	top: 10px;
6409	right: 10px;	6410	right: 10px;
6410	}	6411	}
6411	}	6412	}
6412	.fancybox-slide--html .fancybox-close-small:hover {	6413	.fancybox-slide--html .fancybox-close-small:hover {
6413	color: #000;	6414	color: #000;
6414	}	6415	}
6415		6416
6416	.modal {	6417	.modal {
6417	width: 100%;	6418	width: 100%;
6418	max-width: 820px;	6419	max-width: 820px;
6419	padding: 0;	6420	padding: 0;
6420	background: #fff;	6421	background: #fff;
6421	z-index: 99999;	6422	z-index: 99999;
6422	}	6423	}
6423	@media (min-width: 992px) {	6424	@media (min-width: 992px) {
6424	.modal {	6425	.modal {
6425	border-radius: 10px;	6426	border-radius: 10px;
6426	border: 1px solid #377d87;	6427	border: 1px solid #377d87;
6427	}	6428	}
6428	}	6429	}
6429	.modal_bg {	6430	.modal_bg {
6430	background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;	6431	background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6431	}	6432	}
6432	@media (min-width: 768px) {	6433	@media (min-width: 768px) {
6433	.modal_bg {	6434	.modal_bg {
6434	background-position: 100% 100%;	6435	background-position: 100% 100%;
6435	}	6436	}
6436	}	6437	}
6437	.modal__body {	6438	.modal__body {
6438	padding: 40px 15px;	6439	padding: 40px 15px;
6439	padding-bottom: 30px;	6440	padding-bottom: 30px;
6440	display: -webkit-box;	6441	display: -webkit-box;
6441	display: -ms-flexbox;	6442	display: -ms-flexbox;
6442	display: flex;	6443	display: flex;
6443	-webkit-box-orient: vertical;	6444	-webkit-box-orient: vertical;
6444	-webkit-box-direction: normal;	6445	-webkit-box-direction: normal;
6445	-ms-flex-direction: column;	6446	-ms-flex-direction: column;
6446	flex-direction: column;	6447	flex-direction: column;
6447	-webkit-box-align: center;	6448	-webkit-box-align: center;
6448	-ms-flex-align: center;	6449	-ms-flex-align: center;
6449	align-items: center;	6450	align-items: center;
6450	-webkit-box-pack: center;	6451	-webkit-box-pack: center;
6451	-ms-flex-pack: center;	6452	-ms-flex-pack: center;
6452	justify-content: center;	6453	justify-content: center;
6453	width: 100%;	6454	width: 100%;
6454	min-height: 100vh;	6455	min-height: 100vh;
6455	overflow: hidden;	6456	overflow: hidden;
6456	font-size: 12px;	6457	font-size: 12px;
6457	}	6458	}
6458	@media (min-width: 768px) {	6459	@media (min-width: 768px) {
6459	.modal__body {	6460	.modal__body {
6460	font-size: 16px;	6461	font-size: 16px;
6461	padding-left: 22px;	6462	padding-left: 22px;
6462	padding-right: 22px;	6463	padding-right: 22px;
6463	}	6464	}
6464	}	6465	}
6465	@media (min-width: 992px) {	6466	@media (min-width: 992px) {
6466	.modal__body {	6467	.modal__body {
6467	min-height: 450px;	6468	min-height: 450px;
6468	padding: 60px 80px;	6469	padding: 60px 80px;
6469	padding-bottom: 40px;	6470	padding-bottom: 40px;
6470	}	6471	}
6471	}	6472	}
6472	@media (min-width: 768px) {	6473	@media (min-width: 768px) {
6473	.modal__body .left {	6474	.modal__body .left {
6474	text-align: left;	6475	text-align: left;
6475	}	6476	}
6476	}	6477	}
6477	.modal__title {	6478	.modal__title {
6478	width: 100%;	6479	width: 100%;
6479	font-size: 22px;	6480	font-size: 22px;
6480	font-weight: 700;	6481	font-weight: 700;
6481	text-align: center;	6482	text-align: center;
6482	color: #000;	6483	color: #000;
6483	}	6484	}
6484	@media (min-width: 768px) {	6485	@media (min-width: 768px) {
6485	.modal__title {	6486	.modal__title {
6486	font-size: 32px;	6487	font-size: 32px;
6487	}	6488	}
6488	}	6489	}
6489	@media (min-width: 992px) {	6490	@media (min-width: 992px) {
6490	.modal__title {	6491	.modal__title {
6491	font-size: 44px;	6492	font-size: 44px;
6492	}	6493	}
6493	}	6494	}
6494	.modal__text {	6495	.modal__text {
6495	width: 100%;	6496	width: 100%;
6496	text-align: center;	6497	text-align: center;
6497	margin-top: 10px;	6498	margin-top: 10px;
6498	color: #000;	6499	color: #000;
6499	}	6500	}
6500	@media (min-width: 768px) {	6501	@media (min-width: 768px) {
6501	.modal__text {	6502	.modal__text {
6502	margin-top: 20px;	6503	margin-top: 20px;
6503	}	6504	}
6504	}	6505	}
6505	.modal__text span {	6506	.modal__text span {
6506	color: #9c9d9d;	6507	color: #9c9d9d;
6507	}	6508	}
6508	.modal__text a {	6509	.modal__text a {
6509	font-weight: 700;	6510	font-weight: 700;
6510	color: #377d87;	6511	color: #377d87;
6511	}	6512	}
6512	.modal__text a:hover {	6513	.modal__text a:hover {
6513	color: #000;	6514	color: #000;
6514	}	6515	}
6515	.modal__button {	6516	.modal__button {
6516	margin-top: 20px;	6517	margin-top: 20px;
6517	}	6518	}
6518	@media (min-width: 768px) {	6519	@media (min-width: 768px) {
6519	.modal__button {	6520	.modal__button {
6520	min-width: 200px;	6521	min-width: 200px;
6521	margin-top: 30px;	6522	margin-top: 30px;
6522	}	6523	}
6523	}	6524	}
6524	.modal__buttons {	6525	.modal__buttons {
6525	display: grid;	6526	display: grid;
6526	grid-template-columns: repeat(2, 1fr);	6527	grid-template-columns: repeat(2, 1fr);
6527	gap: 20px;	6528	gap: 20px;
6528	margin-top: 20px;	6529	margin-top: 20px;
6529	}	6530	}
6530	@media (min-width: 768px) {	6531	@media (min-width: 768px) {
6531	.modal__buttons {	6532	.modal__buttons {
6532	gap: 30px;	6533	gap: 30px;
6533	margin-top: 30px;	6534	margin-top: 30px;
6534	}	6535	}
6535	}	6536	}
6536	.modal__form {	6537	.modal__form {
6537	width: 100%;	6538	width: 100%;
6538	display: -webkit-box;	6539	display: -webkit-box;
6539	display: -ms-flexbox;	6540	display: -ms-flexbox;
6540	display: flex;	6541	display: flex;
6541	-webkit-box-orient: vertical;	6542	-webkit-box-orient: vertical;
6542	-webkit-box-direction: normal;	6543	-webkit-box-direction: normal;
6543	-ms-flex-direction: column;	6544	-ms-flex-direction: column;
6544	flex-direction: column;	6545	flex-direction: column;
6545	gap: 16px;	6546	gap: 16px;
6546	margin-top: 10px;	6547	margin-top: 10px;
6547	}	6548	}
6548	@media (min-width: 768px) {	6549	@media (min-width: 768px) {
6549	.modal__form {	6550	.modal__form {
6550	margin-top: 20px;	6551	margin-top: 20px;
6551	}	6552	}
6552	}	6553	}
6553	.modal__form-item {	6554	.modal__form-item {
6554	display: -webkit-box;	6555	display: -webkit-box;
6555	display: -ms-flexbox;	6556	display: -ms-flexbox;
6556	display: flex;	6557	display: flex;
6557	-webkit-box-orient: vertical;	6558	-webkit-box-orient: vertical;
6558	-webkit-box-direction: normal;	6559	-webkit-box-direction: normal;
6559	-ms-flex-direction: column;	6560	-ms-flex-direction: column;
6560	flex-direction: column;	6561	flex-direction: column;
6561	-webkit-box-align: center;	6562	-webkit-box-align: center;
6562	-ms-flex-align: center;	6563	-ms-flex-align: center;
6563	align-items: center;	6564	align-items: center;
6564	gap: 4px;	6565	gap: 4px;
6565	}	6566	}
6566	.modal__form-item > .input {	6567	.modal__form-item > .input {
6567	width: 100%;	6568	width: 100%;
6568	}	6569	}
6569	.modal__form-item > .textarea {	6570	.modal__form-item > .textarea {
6570	width: 100%;	6571	width: 100%;
6571	height: 175px;	6572	height: 175px;
6572	}	6573	}
6573	@media (min-width: 768px) {	6574	@media (min-width: 768px) {
6574	.modal__form-item > .textarea {	6575	.modal__form-item > .textarea {
6575	height: 195px;	6576	height: 195px;
6576	}	6577	}
6577	}	6578	}
6578	.modal__form-item > .file {	6579	.modal__form-item > .file {
6579	width: 100%;	6580	width: 100%;
6580	}	6581	}
6581	.modal__form-item > .button {	6582	.modal__form-item > .button {
6582	min-width: 120px;	6583	min-width: 120px;
6583	}	6584	}
6584	.modal__form-item > label {	6585	.modal__form-item > label {
6585	width: 100%;	6586	width: 100%;
6586	display: none;	6587	display: none;
6587	color: #eb5757;	6588	color: #eb5757;
6588	padding: 0 10px;	6589	padding: 0 10px;
6589	font-size: 12px;	6590	font-size: 12px;
6590	}	6591	}
6591	@media (min-width: 768px) {	6592	@media (min-width: 768px) {
6592	.modal__form-item > label {	6593	.modal__form-item > label {
6593	padding: 0 20px;	6594	padding: 0 20px;
6594	font-size: 16px;	6595	font-size: 16px;
6595	}	6596	}
6596	}	6597	}
6597	.modal__sign {	6598	.modal__sign {
6598	display: -webkit-box;	6599	display: -webkit-box;
6599	display: -ms-flexbox;	6600	display: -ms-flexbox;
6600	display: flex;	6601	display: flex;
6601	-webkit-box-orient: vertical;	6602	-webkit-box-orient: vertical;
6602	-webkit-box-direction: normal;	6603	-webkit-box-direction: normal;
6603	-ms-flex-direction: column;	6604	-ms-flex-direction: column;
6604	flex-direction: column;	6605	flex-direction: column;
6605	gap: 20px;	6606	gap: 20px;
6606	margin-top: 10px;	6607	margin-top: 10px;
6607	margin-bottom: 20px;	6608	margin-bottom: 20px;
6608	width: 100%;	6609	width: 100%;
6609	}	6610	}
6610	@media (min-width: 768px) {	6611	@media (min-width: 768px) {
6611	.modal__sign {	6612	.modal__sign {
6612	margin-top: 20px;	6613	margin-top: 20px;
6613	margin-bottom: 40px;	6614	margin-bottom: 40px;
6614	}	6615	}
6615	}	6616	}
6616	.modal__sign-item {	6617	.modal__sign-item {
6617	display: -webkit-box;	6618	display: -webkit-box;
6618	display: -ms-flexbox;	6619	display: -ms-flexbox;
6619	display: flex;	6620	display: flex;
6620	-webkit-box-orient: vertical;	6621	-webkit-box-orient: vertical;
6621	-webkit-box-direction: normal;	6622	-webkit-box-direction: normal;
6622	-ms-flex-direction: column;	6623	-ms-flex-direction: column;
6623	flex-direction: column;	6624	flex-direction: column;
6624	-webkit-box-align: center;	6625	-webkit-box-align: center;
6625	-ms-flex-align: center;	6626	-ms-flex-align: center;
6626	align-items: center;	6627	align-items: center;
6627	position: relative;	6628	position: relative;
6628	}	6629	}
6629	.modal__sign-item > .input {	6630	.modal__sign-item > .input {
6630	width: 100%;	6631	width: 100%;
6631	padding-right: 36px;	6632	padding-right: 36px;
6632	position: relative;	6633	position: relative;
6633	z-index: 1;	6634	z-index: 1;
6634	}	6635	}
6635	@media (min-width: 768px) {	6636	@media (min-width: 768px) {
6636	.modal__sign-item > .input {	6637	.modal__sign-item > .input {
6637	height: 52px;	6638	height: 52px;
6638	padding-right: 60px;	6639	padding-right: 60px;
6639	}	6640	}
6640	}	6641	}
6641	.modal__sign-item > .textarea {	6642	.modal__sign-item > .textarea {
6642	width: 100%;	6643	width: 100%;
6643	}	6644	}
6644	.modal__sign-bottom {	6645	.modal__sign-bottom {
6645	display: -webkit-box;	6646	display: -webkit-box;
6646	display: -ms-flexbox;	6647	display: -ms-flexbox;
6647	display: flex;	6648	display: flex;
6648	-webkit-box-pack: justify;	6649	-webkit-box-pack: justify;
6649	-ms-flex-pack: justify;	6650	-ms-flex-pack: justify;
6650	justify-content: space-between;	6651	justify-content: space-between;
6651	-webkit-box-align: center;	6652	-webkit-box-align: center;
6652	-ms-flex-align: center;	6653	-ms-flex-align: center;
6653	align-items: center;	6654	align-items: center;
6654	width: 100%;	6655	width: 100%;
6655	}	6656	}
6656	.modal__sign-bottom-link {	6657	.modal__sign-bottom-link {
6657	font-weight: 700;	6658	font-weight: 700;
6658	color: #377d87;	6659	color: #377d87;
6659	}	6660	}
6660	.modal__tabs {	6661	.modal__tabs {
6661	width: 100%;	6662	width: 100%;
6662	display: grid;	6663	display: grid;
6663	grid-template-columns: repeat(2, 1fr);	6664	grid-template-columns: repeat(2, 1fr);
6664	gap: 16px;	6665	gap: 16px;
6665	margin-top: 10px;	6666	margin-top: 10px;
6666	}	6667	}
6667	@media (min-width: 768px) {	6668	@media (min-width: 768px) {
6668	.modal__tabs {	6669	.modal__tabs {
6669	gap: 24px;	6670	gap: 24px;
6670	margin-top: 20px;	6671	margin-top: 20px;
6671	}	6672	}
6672	}	6673	}
6673	.modal__tabs-item.active {	6674	.modal__tabs-item.active {
6674	background: #377d87;	6675	background: #377d87;
6675	color: #fff;	6676	color: #fff;
6676	}	6677	}
6677	.modal__reg {	6678	.modal__reg {
6678	display: none;	6679	display: none;
6679	-webkit-box-orient: vertical;	6680	-webkit-box-orient: vertical;
6680	-webkit-box-direction: normal;	6681	-webkit-box-direction: normal;
6681	-ms-flex-direction: column;	6682	-ms-flex-direction: column;
6682	flex-direction: column;	6683	flex-direction: column;
6683	-webkit-box-align: center;	6684	-webkit-box-align: center;
6684	-ms-flex-align: center;	6685	-ms-flex-align: center;
6685	align-items: center;	6686	align-items: center;
6686	gap: 10px;	6687	gap: 10px;
6687	width: 100%;	6688	width: 100%;
6688	margin-top: 10px;	6689	margin-top: 10px;
6689	margin-bottom: 20px;	6690	margin-bottom: 20px;
6690	}	6691	}
6691	@media (min-width: 768px) {	6692	@media (min-width: 768px) {
6692	.modal__reg {	6693	.modal__reg {
6693	margin-top: 20px;	6694	margin-top: 20px;
6694	margin-bottom: 30px;	6695	margin-bottom: 30px;
6695	gap: 20px;	6696	gap: 20px;
6696	}	6697	}
6697	}	6698	}
6698	.modal__reg.showed {	6699	.modal__reg.showed {
6699	display: -webkit-box;	6700	display: -webkit-box;
6700	display: -ms-flexbox;	6701	display: -ms-flexbox;
6701	display: flex;	6702	display: flex;
6702	}	6703	}
6703	.modal__reg-item {	6704	.modal__reg-item {
6704	width: 100%;	6705	width: 100%;
6705	display: -webkit-box;	6706	display: -webkit-box;
6706	display: -ms-flexbox;	6707	display: -ms-flexbox;
6707	display: flex;	6708	display: flex;
6708	-webkit-box-orient: vertical;	6709	-webkit-box-orient: vertical;
6709	-webkit-box-direction: normal;	6710	-webkit-box-direction: normal;
6710	-ms-flex-direction: column;	6711	-ms-flex-direction: column;
6711	flex-direction: column;	6712	flex-direction: column;
6712	}	6713	}
6713	.modal__reg-item > .captcha {	6714	.modal__reg-item > .captcha {
6714	width: 100%;	6715	width: 100%;
6715	max-width: 300px;	6716	max-width: 300px;
6716	}	6717	}
6717		6718
6718	.messages {	6719	.messages {
6719	display: -webkit-box;	6720	display: -webkit-box;
6720	display: -ms-flexbox;	6721	display: -ms-flexbox;
6721	display: flex;	6722	display: flex;
6722	-webkit-box-orient: vertical;	6723	-webkit-box-orient: vertical;
6723	-webkit-box-direction: reverse;	6724	-webkit-box-direction: reverse;
6724	-ms-flex-direction: column-reverse;	6725	-ms-flex-direction: column-reverse;
6725	flex-direction: column-reverse;	6726	flex-direction: column-reverse;
6726	-webkit-box-align: center;	6727	-webkit-box-align: center;
6727	-ms-flex-align: center;	6728	-ms-flex-align: center;
6728	align-items: center;	6729	align-items: center;
6729	gap: 20px;	6730	gap: 20px;
6730	}	6731	}
6731	.messages__body {	6732	.messages__body {
6732	display: -webkit-box;	6733	display: -webkit-box;
6733	display: -ms-flexbox;	6734	display: -ms-flexbox;
6734	display: flex;	6735	display: flex;
6735	-webkit-box-orient: vertical;	6736	-webkit-box-orient: vertical;
6736	-webkit-box-direction: normal;	6737	-webkit-box-direction: normal;
6737	-ms-flex-direction: column;	6738	-ms-flex-direction: column;
6738	flex-direction: column;	6739	flex-direction: column;
6739	gap: 10px;	6740	gap: 10px;
6740	width: 100%;	6741	width: 100%;
6741	}	6742	}
6742	@media (min-width: 768px) {	6743	@media (min-width: 768px) {
6743	.messages__body {	6744	.messages__body {
6744	gap: 20px;	6745	gap: 20px;
6745	}	6746	}
6746	}	6747	}
6747	.messages__item {	6748	.messages__item {
6748	display: none;	6749	display: none;
6749	-webkit-box-align: center;	6750	-webkit-box-align: center;
6750	-ms-flex-align: center;	6751	-ms-flex-align: center;
6751	align-items: center;	6752	align-items: center;
6752	border-radius: 8px;	6753	border-radius: 8px;
6753	border: 1px solid #e7e7e7;	6754	border: 1px solid #e7e7e7;
6754	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	6755	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6755	padding: 10px;	6756	padding: 10px;
6756	font-size: 12px;	6757	font-size: 12px;
6757	}	6758	}
6758	@media (min-width: 768px) {	6759	@media (min-width: 768px) {
6759	.messages__item {	6760	.messages__item {
6760	padding: 20px;	6761	padding: 20px;
6761	font-size: 16px;	6762	font-size: 16px;
6762	}	6763	}
6763	}	6764	}
6764	.messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {	6765	.messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
6765	display: -webkit-box;	6766	display: -webkit-box;
6766	display: -ms-flexbox;	6767	display: -ms-flexbox;
6767	display: flex;	6768	display: flex;
6768	}	6769	}
6769	.messages__item-info {	6770	.messages__item-info {
6770	display: -webkit-box;	6771	display: -webkit-box;
6771	display: -ms-flexbox;	6772	display: -ms-flexbox;
6772	display: flex;	6773	display: flex;
6773	-webkit-box-align: center;	6774	-webkit-box-align: center;
6774	-ms-flex-align: center;	6775	-ms-flex-align: center;
6775	align-items: center;	6776	align-items: center;
6776	width: calc(100% - 90px);	6777	width: calc(100% - 90px);
6777	}	6778	}
6778	@media (min-width: 768px) {	6779	@media (min-width: 768px) {
6779	.messages__item-info {	6780	.messages__item-info {
6780	width: calc(100% - 150px);	6781	width: calc(100% - 150px);
6781	}	6782	}
6782	}	6783	}
6783	.messages__item-photo {	6784	.messages__item-photo {
6784	position: relative;	6785	position: relative;
6785	aspect-ratio: 1/1;	6786	aspect-ratio: 1/1;
6786	overflow: hidden;	6787	overflow: hidden;
6787	background: #9c9d9d;	6788	background: #9c9d9d;
6788	color: #fff;	6789	color: #fff;
6789	width: 36px;	6790	width: 36px;
6790	border-radius: 6px;	6791	border-radius: 6px;
6791	display: -webkit-box;	6792	display: -webkit-box;
6792	display: -ms-flexbox;	6793	display: -ms-flexbox;
6793	display: flex;	6794	display: flex;
6794	-webkit-box-pack: center;	6795	-webkit-box-pack: center;
6795	-ms-flex-pack: center;	6796	-ms-flex-pack: center;
6796	justify-content: center;	6797	justify-content: center;
6797	-webkit-box-align: center;	6798	-webkit-box-align: center;
6798	-ms-flex-align: center;	6799	-ms-flex-align: center;
6799	align-items: center;	6800	align-items: center;
6800	}	6801	}
6801	@media (min-width: 768px) {	6802	@media (min-width: 768px) {
6802	.messages__item-photo {	6803	.messages__item-photo {
6803	width: 52px;	6804	width: 52px;
6804	}	6805	}
6805	}	6806	}
6806	.messages__item-photo svg {	6807	.messages__item-photo svg {
6807	width: 50%;	6808	width: 50%;
6808	position: relative;	6809	position: relative;
6809	z-index: 1;	6810	z-index: 1;
6810	}	6811	}
6811	.messages__item-photo img {	6812	.messages__item-photo img {
6812	position: absolute;	6813	position: absolute;
6813	z-index: 2;	6814	z-index: 2;
6814	top: 0;	6815	top: 0;
6815	left: 0;	6816	left: 0;
6816	width: 100%;	6817	width: 100%;
6817	height: 100%;	6818	height: 100%;
6818	-o-object-fit: cover;	6819	-o-object-fit: cover;
6819	object-fit: cover;	6820	object-fit: cover;
6820	}	6821	}
6821	.messages__item-text {	6822	.messages__item-text {
6822	width: calc(100% - 36px);	6823	width: calc(100% - 36px);
6823	padding-left: 6px;	6824	padding-left: 6px;
6824	color: #000;	6825	color: #000;
6825	display: -webkit-box;	6826	display: -webkit-box;
6826	display: -ms-flexbox;	6827	display: -ms-flexbox;
6827	display: flex;	6828	display: flex;
6828	-webkit-box-orient: vertical;	6829	-webkit-box-orient: vertical;
6829	-webkit-box-direction: normal;	6830	-webkit-box-direction: normal;
6830	-ms-flex-direction: column;	6831	-ms-flex-direction: column;
6831	flex-direction: column;	6832	flex-direction: column;
6832	gap: 4px;	6833	gap: 4px;
6833	}	6834	}
6834	@media (min-width: 768px) {	6835	@media (min-width: 768px) {
6835	.messages__item-text {	6836	.messages__item-text {
6836	padding-left: 20px;	6837	padding-left: 20px;
6837	width: calc(100% - 52px);	6838	width: calc(100% - 52px);
6838	gap: 8px;	6839	gap: 8px;
6839	}	6840	}
6840	}	6841	}
6841	.messages__item-text span {	6842	.messages__item-text span {
6842	color: #000;	6843	color: #000;
6843	}	6844	}
6844	.messages__item-date {	6845	.messages__item-date {
6845	color: #000;	6846	color: #000;
6846	width: 90px;	6847	width: 90px;
6847	text-align: right;	6848	text-align: right;
6848	}	6849	}
6849	@media (min-width: 768px) {	6850	@media (min-width: 768px) {
6850	.messages__item-date {	6851	.messages__item-date {
6851	width: 150px;	6852	width: 150px;
6852	}	6853	}
6853	}	6854	}
6854	.messages.active .messages__item {	6855	.messages.active .messages__item {
6855	display: -webkit-box;	6856	display: -webkit-box;
6856	display: -ms-flexbox;	6857	display: -ms-flexbox;
6857	display: flex;	6858	display: flex;
6858	}	6859	}
6859		6860
6860	.responses {	6861	.responses {
6861	display: -webkit-box;	6862	display: -webkit-box;
6862	display: -ms-flexbox;	6863	display: -ms-flexbox;
6863	display: flex;	6864	display: flex;
6864	-webkit-box-orient: vertical;	6865	-webkit-box-orient: vertical;
6865	-webkit-box-direction: reverse;	6866	-webkit-box-direction: reverse;
6866	-ms-flex-direction: column-reverse;	6867	-ms-flex-direction: column-reverse;
6867	flex-direction: column-reverse;	6868	flex-direction: column-reverse;
6868	-webkit-box-align: center;	6869	-webkit-box-align: center;
6869	-ms-flex-align: center;	6870	-ms-flex-align: center;
6870	align-items: center;	6871	align-items: center;
6871	gap: 20px;	6872	gap: 20px;
6872	}	6873	}
6873	.responses__body {	6874	.responses__body {
6874	width: 100%;	6875	width: 100%;
6875	display: -webkit-box;	6876	display: -webkit-box;
6876	display: -ms-flexbox;	6877	display: -ms-flexbox;
6877	display: flex;	6878	display: flex;
6878	-webkit-box-orient: vertical;	6879	-webkit-box-orient: vertical;
6879	-webkit-box-direction: normal;	6880	-webkit-box-direction: normal;
6880	-ms-flex-direction: column;	6881	-ms-flex-direction: column;
6881	flex-direction: column;	6882	flex-direction: column;
6882	gap: 20px;	6883	gap: 20px;
6883	}	6884	}
6884	.responses__item {	6885	.responses__item {
6885	display: none;	6886	display: none;
6886	-webkit-box-orient: vertical;	6887	-webkit-box-orient: vertical;
6887	-webkit-box-direction: normal;	6888	-webkit-box-direction: normal;
6888	-ms-flex-direction: column;	6889	-ms-flex-direction: column;
6889	flex-direction: column;	6890	flex-direction: column;
6890	gap: 20px;	6891	gap: 20px;
6891	border-radius: 8px;	6892	border-radius: 8px;
6892	border: 1px solid #e7e7e7;	6893	border: 1px solid #e7e7e7;
6893	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	6894	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6894	padding: 20px 10px;	6895	padding: 20px 10px;
6895	font-size: 12px;	6896	font-size: 12px;
6896	position: relative;	6897	position: relative;
6897	}	6898	}
6898	@media (min-width: 768px) {	6899	@media (min-width: 768px) {
6899	.responses__item {	6900	.responses__item {
6900	padding: 20px;	6901	padding: 20px;
6901	font-size: 16px;	6902	font-size: 16px;
6902	}	6903	}
6903	}	6904	}
6904	.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) {	6905	.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) {
6905	display: -webkit-box;	6906	display: -webkit-box;
6906	display: -ms-flexbox;	6907	display: -ms-flexbox;
6907	display: flex;	6908	display: flex;
6908	}	6909	}
6909	.responses__item-date {	6910	.responses__item-date {
6910	color: #000;	6911	color: #000;
6911	}	6912	}
6912	@media (min-width: 992px) {	6913	@media (min-width: 992px) {
6913	.responses__item-date {	6914	.responses__item-date {
6914	position: absolute;	6915	position: absolute;
6915	top: 20px;	6916	top: 20px;
6916	right: 20px;	6917	right: 20px;
6917	}	6918	}
6918	}	6919	}
6919	.responses__item-wrapper {	6920	.responses__item-wrapper {
6920	display: -webkit-box;	6921	display: -webkit-box;
6921	display: -ms-flexbox;	6922	display: -ms-flexbox;
6922	display: flex;	6923	display: flex;
6923	-webkit-box-orient: vertical;	6924	-webkit-box-orient: vertical;
6924	-webkit-box-direction: normal;	6925	-webkit-box-direction: normal;
6925	-ms-flex-direction: column;	6926	-ms-flex-direction: column;
6926	flex-direction: column;	6927	flex-direction: column;
6927	gap: 20px;	6928	gap: 20px;
6928	}	6929	}
6929	.responses__item-inner {	6930	.responses__item-inner {
6930	display: -webkit-box;	6931	display: -webkit-box;
6931	display: -ms-flexbox;	6932	display: -ms-flexbox;
6932	display: flex;	6933	display: flex;
6933	-webkit-box-orient: vertical;	6934	-webkit-box-orient: vertical;
6934	-webkit-box-direction: normal;	6935	-webkit-box-direction: normal;
6935	-ms-flex-direction: column;	6936	-ms-flex-direction: column;
6936	flex-direction: column;	6937	flex-direction: column;
6937	gap: 10px;	6938	gap: 10px;
6938	}	6939	}
6939	@media (min-width: 768px) {	6940	@media (min-width: 768px) {
6940	.responses__item-inner {	6941	.responses__item-inner {
6941	gap: 20px;	6942	gap: 20px;
6942	}	6943	}
6943	}	6944	}
6944	@media (min-width: 1280px) {	6945	@media (min-width: 1280px) {
6945	.responses__item-inner {	6946	.responses__item-inner {
6946	width: calc(100% - 150px);	6947	width: calc(100% - 150px);
6947	}	6948	}
6948	}	6949	}
6949	.responses__item-row {	6950	.responses__item-row {
6950	display: grid;	6951	display: grid;
6951	grid-template-columns: 1fr 1fr;	6952	grid-template-columns: 1fr 1fr;
6952	gap: 20px;	6953	gap: 20px;
6953	color: #000;	6954	color: #000;
6954	text-align: right;	6955	text-align: right;
6955	}	6956	}
6956	@media (min-width: 992px) {	6957	@media (min-width: 992px) {
6957	.responses__item-row {	6958	.responses__item-row {
6958	display: -webkit-box;	6959	display: -webkit-box;
6959	display: -ms-flexbox;	6960	display: -ms-flexbox;
6960	display: flex;	6961	display: flex;
6961	-webkit-box-orient: vertical;	6962	-webkit-box-orient: vertical;
6962	-webkit-box-direction: normal;	6963	-webkit-box-direction: normal;
6963	-ms-flex-direction: column;	6964	-ms-flex-direction: column;
6964	flex-direction: column;	6965	flex-direction: column;
6965	gap: 6px;	6966	gap: 6px;
6966	text-align: left;	6967	text-align: left;
6967	}	6968	}
6968	}	6969	}
6969	.responses__item-row span {	6970	.responses__item-row span {
6970	color: #000;	6971	color: #000;
6971	text-align: left;	6972	text-align: left;
6972	}	6973	}
6973	.responses__item-buttons {	6974	.responses__item-buttons {
6974	display: -webkit-box;	6975	display: -webkit-box;
6975	display: -ms-flexbox;	6976	display: -ms-flexbox;
6976	display: flex;	6977	display: flex;
6977	-webkit-box-orient: vertical;	6978	-webkit-box-orient: vertical;
6978	-webkit-box-direction: normal;	6979	-webkit-box-direction: normal;
6979	-ms-flex-direction: column;	6980	-ms-flex-direction: column;
6980	flex-direction: column;	6981	flex-direction: column;
6981	gap: 10px;	6982	gap: 10px;
6982	}	6983	}
6983	@media (min-width: 768px) {	6984	@media (min-width: 768px) {
6984	.responses__item-buttons {	6985	.responses__item-buttons {
6985	display: grid;	6986	display: grid;
6986	grid-template-columns: 1fr 1fr;	6987	grid-template-columns: 1fr 1fr;
6987	}	6988	}
6988	}	6989	}
6989	@media (min-width: 1280px) {	6990	@media (min-width: 1280px) {
6990	.responses__item-buttons {	6991	.responses__item-buttons {
6991	grid-template-columns: 1fr 1fr 1fr 1fr;	6992	grid-template-columns: 1fr 1fr 1fr 1fr;
6992	}	6993	}
6993	}	6994	}
6994	.responses__item-buttons .button.active {	6995	.responses__item-buttons .button.active {
6995	background: #377d87;	6996	background: #377d87;
6996	color: #fff;	6997	color: #fff;
6997	}	6998	}
6998	.responses.active .responses__item {	6999	.responses.active .responses__item {
6999	display: -webkit-box;	7000	display: -webkit-box;
7000	display: -ms-flexbox;	7001	display: -ms-flexbox;
7001	display: flex;	7002	display: flex;
7002	}	7003	}
7003		7004
7004	.chatbox {	7005	.chatbox {
7005	display: -webkit-box;	7006	display: -webkit-box;
7006	display: -ms-flexbox;	7007	display: -ms-flexbox;
7007	display: flex;	7008	display: flex;
7008	-webkit-box-orient: vertical;	7009	-webkit-box-orient: vertical;
7009	-webkit-box-direction: normal;	7010	-webkit-box-direction: normal;
7010	-ms-flex-direction: column;	7011	-ms-flex-direction: column;
7011	flex-direction: column;	7012	flex-direction: column;
7012	gap: 20px;	7013	gap: 20px;
7013	}	7014	}
7014	@media (min-width: 768px) {	7015	@media (min-width: 768px) {
7015	.chatbox {	7016	.chatbox {
7016	gap: 30px;	7017	gap: 30px;
7017	}	7018	}
7018	}	7019	}
7019	@media (min-width: 1280px) {	7020	@media (min-width: 1280px) {
7020	.chatbox {	7021	.chatbox {
7021	gap: 40px;	7022	gap: 40px;
7022	}	7023	}
7023	}	7024	}
7024	.chatbox__toper {	7025	.chatbox__toper {
7025	display: -webkit-box;	7026	display: -webkit-box;
7026	display: -ms-flexbox;	7027	display: -ms-flexbox;
7027	display: flex;	7028	display: flex;
7028	-webkit-box-orient: vertical;	7029	-webkit-box-orient: vertical;
7029	-webkit-box-direction: normal;	7030	-webkit-box-direction: normal;
7030	-ms-flex-direction: column;	7031	-ms-flex-direction: column;
7031	flex-direction: column;	7032	flex-direction: column;
7032	gap: 10px;	7033	gap: 10px;
7033	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	7034	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7034	border: 1px solid #e7e7e7;	7035	border: 1px solid #e7e7e7;
7035	border-radius: 8px;	7036	border-radius: 8px;
7036	padding: 10px;	7037	padding: 10px;
7037	}	7038	}
7038	@media (min-width: 768px) {	7039	@media (min-width: 768px) {
7039	.chatbox__toper {	7040	.chatbox__toper {
7040	padding: 20px;	7041	padding: 20px;
7041	-webkit-box-orient: horizontal;	7042	-webkit-box-orient: horizontal;
7042	-webkit-box-direction: normal;	7043	-webkit-box-direction: normal;
7043	-ms-flex-direction: row;	7044	-ms-flex-direction: row;
7044	flex-direction: row;	7045	flex-direction: row;
7045	-webkit-box-align: center;	7046	-webkit-box-align: center;
7046	-ms-flex-align: center;	7047	-ms-flex-align: center;
7047	align-items: center;	7048	align-items: center;
7048	-webkit-box-pack: justify;	7049	-webkit-box-pack: justify;
7049	-ms-flex-pack: justify;	7050	-ms-flex-pack: justify;
7050	justify-content: space-between;	7051	justify-content: space-between;
7051	}	7052	}
7052	}	7053	}
7053	.chatbox__toper-info {	7054	.chatbox__toper-info {
7054	font-size: 12px;	7055	font-size: 12px;
7055	}	7056	}
7056	@media (min-width: 768px) {	7057	@media (min-width: 768px) {
7057	.chatbox__toper-info {	7058	.chatbox__toper-info {
7058	font-size: 16px;	7059	font-size: 16px;
7059	width: calc(100% - 230px);	7060	width: calc(100% - 230px);
7060	}	7061	}
7061	}	7062	}
7062	@media (min-width: 768px) {	7063	@media (min-width: 768px) {
7063	.chatbox__toper-button {	7064	.chatbox__toper-button {
7064	width: 210px;	7065	width: 210px;
7065	padding: 0;	7066	padding: 0;
7066	}	7067	}
7067	}	7068	}
7068	.chatbox__list {	7069	.chatbox__list {
7069	display: -webkit-box;	7070	display: -webkit-box;
7070	display: -ms-flexbox;	7071	display: -ms-flexbox;
7071	display: flex;	7072	display: flex;
7072	-webkit-box-orient: vertical;	7073	-webkit-box-orient: vertical;
7073	-webkit-box-direction: normal;	7074	-webkit-box-direction: normal;
7074	-ms-flex-direction: column;	7075	-ms-flex-direction: column;
7075	flex-direction: column;	7076	flex-direction: column;
7076	gap: 10px;	7077	gap: 10px;
7077	}	7078	}
7078	@media (min-width: 768px) {	7079	@media (min-width: 768px) {
7079	.chatbox__list {	7080	.chatbox__list {
7080	gap: 20px;	7081	gap: 20px;
7081	}	7082	}
7082	}	7083	}
7083	@media (min-width: 1280px) {	7084	@media (min-width: 1280px) {
7084	.chatbox__list {	7085	.chatbox__list {
7085	gap: 40px;	7086	gap: 40px;
7086	}	7087	}
7087	}	7088	}
7088	.chatbox__item {	7089	.chatbox__item {
7089	display: -webkit-box;	7090	display: -webkit-box;
7090	display: -ms-flexbox;	7091	display: -ms-flexbox;
7091	display: flex;	7092	display: flex;
7092	-webkit-box-align: start;	7093	-webkit-box-align: start;
7093	-ms-flex-align: start;	7094	-ms-flex-align: start;
7094	align-items: flex-start;	7095	align-items: flex-start;
7095	-webkit-box-pack: justify;	7096	-webkit-box-pack: justify;
7096	-ms-flex-pack: justify;	7097	-ms-flex-pack: justify;
7097	justify-content: space-between;	7098	justify-content: space-between;
7098	-ms-flex-wrap: wrap;	7099	-ms-flex-wrap: wrap;
7099	flex-wrap: wrap;	7100	flex-wrap: wrap;
7100	color: #000;	7101	color: #000;
7101	font-size: 12px;	7102	font-size: 12px;
7102	}	7103	}
7103	@media (min-width: 768px) {	7104	@media (min-width: 768px) {
7104	.chatbox__item {	7105	.chatbox__item {
7105	font-size: 16px;	7106	font-size: 16px;
7106	}	7107	}
7107	}	7108	}
7108	.chatbox__item_reverse {	7109	.chatbox__item_reverse {
7109	-webkit-box-orient: horizontal;	7110	-webkit-box-orient: horizontal;
7110	-webkit-box-direction: reverse;	7111	-webkit-box-direction: reverse;
7111	-ms-flex-direction: row-reverse;	7112	-ms-flex-direction: row-reverse;
7112	flex-direction: row-reverse;	7113	flex-direction: row-reverse;
7113	}	7114	}
7114	.chatbox__item-photo {	7115	.chatbox__item-photo {
7115	position: relative;	7116	position: relative;
7116	aspect-ratio: 1/1;	7117	aspect-ratio: 1/1;
7117	overflow: hidden;	7118	overflow: hidden;
7118	background: #9c9d9d;	7119	background: #9c9d9d;
7119	color: #fff;	7120	color: #fff;
7120	width: 44px;	7121	width: 44px;
7121	border-radius: 6px;	7122	border-radius: 6px;
7122	display: -webkit-box;	7123	display: -webkit-box;
7123	display: -ms-flexbox;	7124	display: -ms-flexbox;
7124	display: flex;	7125	display: flex;
7125	-webkit-box-pack: center;	7126	-webkit-box-pack: center;
7126	-ms-flex-pack: center;	7127	-ms-flex-pack: center;
7127	justify-content: center;	7128	justify-content: center;
7128	-webkit-box-align: center;	7129	-webkit-box-align: center;
7129	-ms-flex-align: center;	7130	-ms-flex-align: center;
7130	align-items: center;	7131	align-items: center;
7131	}	7132	}
7132	.chatbox__item-photo svg {	7133	.chatbox__item-photo svg {
7133	width: 50%;	7134	width: 50%;
7134	position: relative;	7135	position: relative;
7135	z-index: 1;	7136	z-index: 1;
7136	}	7137	}
7137	.chatbox__item-photo img {	7138	.chatbox__item-photo img {
7138	position: absolute;	7139	position: absolute;
7139	z-index: 2;	7140	z-index: 2;
7140	top: 0;	7141	top: 0;
7141	left: 0;	7142	left: 0;
7142	width: 100%;	7143	width: 100%;
7143	height: 100%;	7144	height: 100%;
7144	-o-object-fit: cover;	7145	-o-object-fit: cover;
7145	object-fit: cover;	7146	object-fit: cover;
7146	}	7147	}
7147	.chatbox__item-body {	7148	.chatbox__item-body {
7148	width: calc(100% - 54px);	7149	width: calc(100% - 54px);
7149	display: -webkit-box;	7150	display: -webkit-box;
7150	display: -ms-flexbox;	7151	display: -ms-flexbox;
7151	display: flex;	7152	display: flex;
7152	-webkit-box-orient: vertical;	7153	-webkit-box-orient: vertical;
7153	-webkit-box-direction: normal;	7154	-webkit-box-direction: normal;
7154	-ms-flex-direction: column;	7155	-ms-flex-direction: column;
7155	flex-direction: column;	7156	flex-direction: column;
7156	-webkit-box-align: start;	7157	-webkit-box-align: start;
7157	-ms-flex-align: start;	7158	-ms-flex-align: start;
7158	align-items: flex-start;	7159	align-items: flex-start;
7159	}	7160	}
7160	@media (min-width: 768px) {	7161	@media (min-width: 768px) {
7161	.chatbox__item-body {	7162	.chatbox__item-body {
7162	width: calc(100% - 60px);	7163	width: calc(100% - 60px);
7163	}	7164	}
7164	}	7165	}
7165	.chatbox__item_reverse .chatbox__item-body {	7166	.chatbox__item_reverse .chatbox__item-body {
7166	-webkit-box-align: end;	7167	-webkit-box-align: end;
7167	-ms-flex-align: end;	7168	-ms-flex-align: end;
7168	align-items: flex-end;	7169	align-items: flex-end;
7169	}	7170	}
7170	.chatbox__item-text {	7171	.chatbox__item-text {
7171	border-radius: 8px;	7172	border-radius: 8px;
7172	background: #fff;	7173	background: #fff;
7173	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);	7174	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7174	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);	7175	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7175	padding: 10px;	7176	padding: 10px;
7176	line-height: 1.6;	7177	line-height: 1.6;
7177	}	7178	}
7178	.chatbox__item-time {	7179	.chatbox__item-time {
7179	width: 100%;	7180	width: 100%;
7180	padding-left: 54px;	7181	padding-left: 54px;
7181	margin-top: 10px;	7182	margin-top: 10px;
7182	color: #9c9d9d;	7183	color: #9c9d9d;
7183	}	7184	}
7184	.chatbox__item_reverse .chatbox__item-time {	7185	.chatbox__item_reverse .chatbox__item-time {
7185	text-align: right;	7186	text-align: right;
7186	}	7187	}
7187	.chatbox__bottom {	7188	.chatbox__bottom {
7188	background: #4d88d9;	7189	background: #4d88d9;
7189	padding: 10px;	7190	padding: 10px;
7190	border-radius: 8px;	7191	border-radius: 8px;
7191	display: -webkit-box;	7192	display: -webkit-box;
7192	display: -ms-flexbox;	7193	display: -ms-flexbox;
7193	display: flex;	7194	display: flex;
7194	-webkit-box-align: center;	7195	-webkit-box-align: center;
7195	-ms-flex-align: center;	7196	-ms-flex-align: center;
7196	align-items: center;	7197	align-items: center;
7197	-webkit-box-pack: justify;	7198	-webkit-box-pack: justify;
7198	-ms-flex-pack: justify;	7199	-ms-flex-pack: justify;
7199	justify-content: space-between;	7200	justify-content: space-between;
7200	}	7201	}
7201	@media (min-width: 768px) {	7202	@media (min-width: 768px) {
7202	.chatbox__bottom {	7203	.chatbox__bottom {
7203	padding: 16px 20px;	7204	padding: 16px 20px;
7204	}	7205	}
7205	}	7206	}
7206	.chatbox__bottom-file {	7207	.chatbox__bottom-file {
7207	width: 20px;	7208	width: 20px;
7208	aspect-ratio: 1/1;	7209	aspect-ratio: 1/1;
7209	display: -webkit-box;	7210	display: -webkit-box;
7210	display: -ms-flexbox;	7211	display: -ms-flexbox;
7211	display: flex;	7212	display: flex;
7212	-webkit-box-pack: center;	7213	-webkit-box-pack: center;
7213	-ms-flex-pack: center;	7214	-ms-flex-pack: center;
7214	justify-content: center;	7215	justify-content: center;
7215	-webkit-box-align: center;	7216	-webkit-box-align: center;
7216	-ms-flex-align: center;	7217	-ms-flex-align: center;
7217	align-items: center;	7218	align-items: center;
7218	background: #fff;	7219	background: #fff;
7219	color: #4d88d9;	7220	color: #4d88d9;
7220	border-radius: 8px;	7221	border-radius: 8px;
7221	}	7222	}
7222	@media (min-width: 768px) {	7223	@media (min-width: 768px) {
7223	.chatbox__bottom-file {	7224	.chatbox__bottom-file {
7224	width: 48px;	7225	width: 48px;
7225	}	7226	}
7226	}	7227	}
7227	.chatbox__bottom-file:hover {	7228	.chatbox__bottom-file:hover {
7228	color: #377d87;	7229	color: #377d87;
7229	}	7230	}
7230	.chatbox__bottom-file input {	7231	.chatbox__bottom-file input {
7231	display: none;	7232	display: none;
7232	}	7233	}
7233	.chatbox__bottom-file svg {	7234	.chatbox__bottom-file svg {
7234	width: 50%;	7235	width: 50%;
7235	aspect-ratio: 1/1;	7236	aspect-ratio: 1/1;
7236	}	7237	}
7237	@media (min-width: 768px) {	7238	@media (min-width: 768px) {
7238	.chatbox__bottom-file svg {	7239	.chatbox__bottom-file svg {
7239	width: 40%;	7240	width: 40%;
7240	}	7241	}
7241	}	7242	}
7242	.chatbox__bottom-text {	7243	.chatbox__bottom-text {
7243	width: calc(100% - 60px);	7244	width: calc(100% - 60px);
7244	height: 20px;	7245	height: 20px;
7245	border-color: #fff;	7246	border-color: #fff;
7246	}	7247	}
7247	@media (min-width: 768px) {	7248	@media (min-width: 768px) {
7248	.chatbox__bottom-text {	7249	.chatbox__bottom-text {
7249	width: calc(100% - 128px);	7250	width: calc(100% - 128px);
7250	height: 48px;	7251	height: 48px;
7251	}	7252	}
7252	}	7253	}
7253	.chatbox__bottom-text:focus {	7254	.chatbox__bottom-text:focus {
7254	border-color: #fff;	7255	border-color: #fff;
7255	}	7256	}
7256	.chatbox__bottom-send {	7257	.chatbox__bottom-send {
7257	width: 20px;	7258	width: 20px;
7258	aspect-ratio: 1/1;	7259	aspect-ratio: 1/1;
7259	display: -webkit-box;	7260	display: -webkit-box;
7260	display: -ms-flexbox;	7261	display: -ms-flexbox;
7261	display: flex;	7262	display: flex;
7262	-webkit-box-pack: center;	7263	-webkit-box-pack: center;
7263	-ms-flex-pack: center;	7264	-ms-flex-pack: center;
7264	justify-content: center;	7265	justify-content: center;
7265	-webkit-box-align: center;	7266	-webkit-box-align: center;
7266	-ms-flex-align: center;	7267	-ms-flex-align: center;
7267	align-items: center;	7268	align-items: center;
7268	padding: 0;	7269	padding: 0;
7269	background: #fff;	7270	background: #fff;
7270	border: none;	7271	border: none;
7271	color: #4d88d9;	7272	color: #4d88d9;
7272	border-radius: 999px;	7273	border-radius: 999px;
7273	}	7274	}
7274	@media (min-width: 768px) {	7275	@media (min-width: 768px) {
7275	.chatbox__bottom-send {	7276	.chatbox__bottom-send {
7276	width: 48px;	7277	width: 48px;
7277	}	7278	}
7278	}	7279	}
7279	.chatbox__bottom-send:hover {	7280	.chatbox__bottom-send:hover {
7280	color: #377d87;	7281	color: #377d87;
7281	}	7282	}
7282	.chatbox__bottom-send svg {	7283	.chatbox__bottom-send svg {
7283	width: 50%;	7284	width: 50%;
7284	aspect-ratio: 1/1;	7285	aspect-ratio: 1/1;
7285	position: relative;	7286	position: relative;
7286	left: 1px;	7287	left: 1px;
7287	}	7288	}
7288	@media (min-width: 768px) {	7289	@media (min-width: 768px) {
7289	.chatbox__bottom-send svg {	7290	.chatbox__bottom-send svg {
7290	width: 40%;	7291	width: 40%;
7291	left: 2px;	7292	left: 2px;
7292	}	7293	}
7293	}	7294	}
7294		7295
7295	.cvs {	7296	.cvs {
7296	display: -webkit-box;	7297	display: -webkit-box;
7297	display: -ms-flexbox;	7298	display: -ms-flexbox;
7298	display: flex;	7299	display: flex;
7299	-webkit-box-orient: vertical;	7300	-webkit-box-orient: vertical;
7300	-webkit-box-direction: reverse;	7301	-webkit-box-direction: reverse;
7301	-ms-flex-direction: column-reverse;	7302	-ms-flex-direction: column-reverse;
7302	flex-direction: column-reverse;	7303	flex-direction: column-reverse;
7303	-webkit-box-align: center;	7304	-webkit-box-align: center;
7304	-ms-flex-align: center;	7305	-ms-flex-align: center;
7305	align-items: center;	7306	align-items: center;
7306	gap: 20px;	7307	gap: 20px;
7307	}	7308	}
7308	.cvs__body {	7309	.cvs__body {
7309	display: -webkit-box;	7310	display: -webkit-box;
7310	display: -ms-flexbox;	7311	display: -ms-flexbox;
7311	display: flex;	7312	display: flex;
7312	-webkit-box-orient: vertical;	7313	-webkit-box-orient: vertical;
7313	-webkit-box-direction: normal;	7314	-webkit-box-direction: normal;
7314	-ms-flex-direction: column;	7315	-ms-flex-direction: column;
7315	flex-direction: column;	7316	flex-direction: column;
7316	gap: 20px;	7317	gap: 20px;
7317	width: 100%;	7318	width: 100%;
7318	}	7319	}
7319	@media (min-width: 768px) {	7320	@media (min-width: 768px) {
7320	.cvs__body {	7321	.cvs__body {
7321	gap: 30px;	7322	gap: 30px;
7322	}	7323	}
7323	}	7324	}
7324	.cvs__item {	7325	.cvs__item {
7325	display: none;	7326	display: none;
7326	-webkit-box-orient: vertical;	7327	-webkit-box-orient: vertical;
7327	-webkit-box-direction: normal;	7328	-webkit-box-direction: normal;
7328	-ms-flex-direction: column;	7329	-ms-flex-direction: column;
7329	flex-direction: column;	7330	flex-direction: column;
7330	gap: 10px;	7331	gap: 10px;
7331	border-radius: 8px;	7332	border-radius: 8px;
7332	border: 1px solid #e7e7e7;	7333	border: 1px solid #e7e7e7;
7333	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	7334	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7334	padding: 10px;	7335	padding: 10px;
7335	font-size: 12px;	7336	font-size: 12px;
7336	position: relative;	7337	position: relative;
7337	}	7338	}
7338	@media (min-width: 768px) {	7339	@media (min-width: 768px) {
7339	.cvs__item {	7340	.cvs__item {
7340	gap: 0;	7341	gap: 0;
7341	padding: 20px;	7342	padding: 20px;
7342	font-size: 16px;	7343	font-size: 16px;
7343	-webkit-box-orient: horizontal;	7344	-webkit-box-orient: horizontal;
7344	-webkit-box-direction: normal;	7345	-webkit-box-direction: normal;
7345	-ms-flex-direction: row;	7346	-ms-flex-direction: row;
7346	flex-direction: row;	7347	flex-direction: row;
7347	-webkit-box-align: start;	7348	-webkit-box-align: start;
7348	-ms-flex-align: start;	7349	-ms-flex-align: start;
7349	align-items: flex-start;	7350	align-items: flex-start;
7350	-ms-flex-wrap: wrap;	7351	-ms-flex-wrap: wrap;
7351	flex-wrap: wrap;	7352	flex-wrap: wrap;
7352	}	7353	}
7353	}	7354	}
7354	.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) {	7355	.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) {
7355	display: -webkit-box;	7356	display: -webkit-box;
7356	display: -ms-flexbox;	7357	display: -ms-flexbox;
7357	display: flex;	7358	display: flex;
7358	}	7359	}
7359	.cvs__item-like {	7360	.cvs__item-like {
7360	position: absolute;	7361	position: absolute;
7361	top: 10px;	7362	top: 10px;
7362	right: 10px;	7363	right: 10px;
7363	}	7364	}
7364	@media (min-width: 768px) {	7365	@media (min-width: 768px) {
7365	.cvs__item-like {	7366	.cvs__item-like {
7366	top: 20px;	7367	top: 20px;
7367	right: 20px;	7368	right: 20px;
7368	}	7369	}
7369	}	7370	}
7370	.cvs__item-photo {	7371	.cvs__item-photo {
7371	position: relative;	7372	position: relative;
7372	aspect-ratio: 1/1;	7373	aspect-ratio: 1/1;
7373	overflow: hidden;	7374	overflow: hidden;
7374	background: #9c9d9d;	7375	background: #9c9d9d;
7375	color: #fff;	7376	color: #fff;
7376	width: 36px;	7377	width: 36px;
7377	border-radius: 6px;	7378	border-radius: 6px;
7378	display: -webkit-box;	7379	display: -webkit-box;
7379	display: -ms-flexbox;	7380	display: -ms-flexbox;
7380	display: flex;	7381	display: flex;
7381	-webkit-box-pack: center;	7382	-webkit-box-pack: center;
7382	-ms-flex-pack: center;	7383	-ms-flex-pack: center;
7383	justify-content: center;	7384	justify-content: center;
7384	-webkit-box-align: center;	7385	-webkit-box-align: center;
7385	-ms-flex-align: center;	7386	-ms-flex-align: center;
7386	align-items: center;	7387	align-items: center;
7387	}	7388	}
7388	@media (min-width: 768px) {	7389	@media (min-width: 768px) {
7389	.cvs__item-photo {	7390	.cvs__item-photo {
7390	width: 68px;	7391	width: 68px;
7391	}	7392	}
7392	}	7393	}
7393	.cvs__item-photo svg {	7394	.cvs__item-photo svg {
7394	width: 50%;	7395	width: 50%;
7395	position: relative;	7396	position: relative;
7396	z-index: 1;	7397	z-index: 1;
7397	}	7398	}
7398	.cvs__item-photo img {	7399	.cvs__item-photo img {
7399	position: absolute;	7400	position: absolute;
7400	z-index: 2;	7401	z-index: 2;
7401	top: 0;	7402	top: 0;
7402	left: 0;	7403	left: 0;
7403	width: 100%;	7404	width: 100%;
7404	height: 100%;	7405	height: 100%;
7405	-o-object-fit: cover;	7406	-o-object-fit: cover;
7406	object-fit: cover;	7407	object-fit: cover;
7407	}	7408	}
7408	.cvs__item-text {	7409	.cvs__item-text {
7409	display: -webkit-box;	7410	display: -webkit-box;
7410	display: -ms-flexbox;	7411	display: -ms-flexbox;
7411	display: flex;	7412	display: flex;
7412	-webkit-box-orient: vertical;	7413	-webkit-box-orient: vertical;
7413	-webkit-box-direction: normal;	7414	-webkit-box-direction: normal;
7414	-ms-flex-direction: column;	7415	-ms-flex-direction: column;
7415	flex-direction: column;	7416	flex-direction: column;
7416	gap: 10px;	7417	gap: 10px;
7417	}	7418	}
7418	@media (min-width: 768px) {	7419	@media (min-width: 768px) {
7419	.cvs__item-text {	7420	.cvs__item-text {
7420	gap: 20px;	7421	gap: 20px;
7421	width: calc(100% - 68px);	7422	width: calc(100% - 68px);
7422	padding-left: 20px;	7423	padding-left: 20px;
7423	padding-right: 60px;	7424	padding-right: 60px;
7424	}	7425	}
7425	}	7426	}
7426	.cvs__item-text div {	7427	.cvs__item-text div {
7427	display: -webkit-box;	7428	display: -webkit-box;
7428	display: -ms-flexbox;	7429	display: -ms-flexbox;
7429	display: flex;	7430	display: flex;
7430	-webkit-box-align: center;	7431	-webkit-box-align: center;
7431	-ms-flex-align: center;	7432	-ms-flex-align: center;
7432	align-items: center;	7433	align-items: center;
7433	-webkit-box-pack: justify;	7434	-webkit-box-pack: justify;
7434	-ms-flex-pack: justify;	7435	-ms-flex-pack: justify;
7435	justify-content: space-between;	7436	justify-content: space-between;
7436	}	7437	}
7437	@media (min-width: 768px) {	7438	@media (min-width: 768px) {
7438	.cvs__item-text div {	7439	.cvs__item-text div {
7439	-webkit-box-orient: vertical;	7440	-webkit-box-orient: vertical;
7440	-webkit-box-direction: normal;	7441	-webkit-box-direction: normal;
7441	-ms-flex-direction: column;	7442	-ms-flex-direction: column;
7442	flex-direction: column;	7443	flex-direction: column;
7443	-webkit-box-pack: start;	7444	-webkit-box-pack: start;
7444	-ms-flex-pack: start;	7445	-ms-flex-pack: start;
7445	justify-content: flex-start;	7446	justify-content: flex-start;
7446	-webkit-box-align: start;	7447	-webkit-box-align: start;
7447	-ms-flex-align: start;	7448	-ms-flex-align: start;
7448	align-items: flex-start;	7449	align-items: flex-start;
7449	}	7450	}
7450	}	7451	}
7451	.cvs__item-text span,	7452	.cvs__item-text span,
7452	.cvs__item-text a {	7453	.cvs__item-text a {
7453	color: #000;	7454	color: #000;
7454	}	7455	}
7455	.cvs__item-button {	7456	.cvs__item-button {
7456	display: -webkit-box;	7457	display: -webkit-box;
7457	display: -ms-flexbox;	7458	display: -ms-flexbox;
7458	display: flex;	7459	display: flex;
7459	-webkit-box-orient: vertical;	7460	-webkit-box-orient: vertical;
7460	-webkit-box-direction: normal;	7461	-webkit-box-direction: normal;
7461	-ms-flex-direction: column;	7462	-ms-flex-direction: column;
7462	flex-direction: column;	7463	flex-direction: column;
7463	-webkit-box-align: center;	7464	-webkit-box-align: center;
7464	-ms-flex-align: center;	7465	-ms-flex-align: center;
7465	align-items: center;	7466	align-items: center;
7466	}	7467	}
7467	@media (min-width: 768px) {	7468	@media (min-width: 768px) {
7468	.cvs__item-button {	7469	.cvs__item-button {
7469	-webkit-box-align: end;	7470	-webkit-box-align: end;
7470	-ms-flex-align: end;	7471	-ms-flex-align: end;
7471	align-items: flex-end;	7472	align-items: flex-end;
7472	width: 100%;	7473	width: 100%;
7473	padding-top: 20px;	7474	padding-top: 20px;
7474	}	7475	}
7475	}	7476	}
7476	.cvs.active .cvs__item {	7477	.cvs.active .cvs__item {
7477	display: -webkit-box;	7478	display: -webkit-box;
7478	display: -ms-flexbox;	7479	display: -ms-flexbox;
7479	display: flex;	7480	display: flex;
7480	}	7481	}
7481		7482
7482	.faqs {	7483	.faqs {
7483	display: -webkit-box;	7484	display: -webkit-box;
7484	display: -ms-flexbox;	7485	display: -ms-flexbox;
7485	display: flex;	7486	display: flex;
7486	-webkit-box-orient: vertical;	7487	-webkit-box-orient: vertical;
7487	-webkit-box-direction: reverse;	7488	-webkit-box-direction: reverse;
7488	-ms-flex-direction: column-reverse;	7489	-ms-flex-direction: column-reverse;
7489	flex-direction: column-reverse;	7490	flex-direction: column-reverse;
7490	-webkit-box-align: center;	7491	-webkit-box-align: center;
7491	-ms-flex-align: center;	7492	-ms-flex-align: center;
7492	align-items: center;	7493	align-items: center;
7493	gap: 20px;	7494	gap: 20px;
7494	}	7495	}
7495	.faqs__body {	7496	.faqs__body {
7496	display: -webkit-box;	7497	display: -webkit-box;
7497	display: -ms-flexbox;	7498	display: -ms-flexbox;
7498	display: flex;	7499	display: flex;
7499	-webkit-box-orient: vertical;	7500	-webkit-box-orient: vertical;
7500	-webkit-box-direction: normal;	7501	-webkit-box-direction: normal;
7501	-ms-flex-direction: column;	7502	-ms-flex-direction: column;
7502	flex-direction: column;	7503	flex-direction: column;
7503	gap: 20px;	7504	gap: 20px;
7504	width: 100%;	7505	width: 100%;
7505	}	7506	}
7506	.faqs__item {	7507	.faqs__item {
7507	display: none;	7508	display: none;
7508	-webkit-box-orient: vertical;	7509	-webkit-box-orient: vertical;
7509	-webkit-box-direction: normal;	7510	-webkit-box-direction: normal;
7510	-ms-flex-direction: column;	7511	-ms-flex-direction: column;
7511	flex-direction: column;	7512	flex-direction: column;
7512	border-radius: 8px;	7513	border-radius: 8px;
7513	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7514	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7514	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7515	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7515	background: #fff;	7516	background: #fff;
7516	padding: 10px;	7517	padding: 10px;
7517	font-size: 12px;	7518	font-size: 12px;
7518	}	7519	}
7519	@media (min-width: 768px) {	7520	@media (min-width: 768px) {
7520	.faqs__item {	7521	.faqs__item {
7521	padding: 20px;	7522	padding: 20px;
7522	font-size: 16px;	7523	font-size: 16px;
7523	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7524	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7524	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7525	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7525	}	7526	}
7526	}	7527	}
7527	.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) {	7528	.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) {
7528	display: -webkit-box;	7529	display: -webkit-box;
7529	display: -ms-flexbox;	7530	display: -ms-flexbox;
7530	display: flex;	7531	display: flex;
7531	}	7532	}
7532	.faqs__item-button {	7533	.faqs__item-button {
7533	background: none;	7534	background: none;
7534	padding: 0;	7535	padding: 0;
7535	border: none;	7536	border: none;
7536	display: -webkit-box;	7537	display: -webkit-box;
7537	display: -ms-flexbox;	7538	display: -ms-flexbox;
7538	display: flex;	7539	display: flex;
7539	-webkit-box-align: center;	7540	-webkit-box-align: center;
7540	-ms-flex-align: center;	7541	-ms-flex-align: center;
7541	align-items: center;	7542	align-items: center;
7542	color: #000;	7543	color: #000;
7543	text-align: left;	7544	text-align: left;
7544	font-size: 14px;	7545	font-size: 14px;
7545	font-weight: 700;	7546	font-weight: 700;
7546	}	7547	}
7547	@media (min-width: 768px) {	7548	@media (min-width: 768px) {
7548	.faqs__item-button {	7549	.faqs__item-button {
7549	font-size: 20px;	7550	font-size: 20px;
7550	}	7551	}
7551	}	7552	}
7552	.faqs__item-button span {	7553	.faqs__item-button span {
7553	width: calc(100% - 16px);	7554	width: calc(100% - 16px);
7554	padding-right: 16px;	7555	padding-right: 16px;
7555	}	7556	}
7556	.faqs__item-button i {	7557	.faqs__item-button i {
7557	display: -webkit-box;	7558	display: -webkit-box;
7558	display: -ms-flexbox;	7559	display: -ms-flexbox;
7559	display: flex;	7560	display: flex;
7560	-webkit-box-pack: center;	7561	-webkit-box-pack: center;
7561	-ms-flex-pack: center;	7562	-ms-flex-pack: center;
7562	justify-content: center;	7563	justify-content: center;
7563	-webkit-box-align: center;	7564	-webkit-box-align: center;
7564	-ms-flex-align: center;	7565	-ms-flex-align: center;
7565	align-items: center;	7566	align-items: center;
7566	width: 16px;	7567	width: 16px;
7567	aspect-ratio: 1/1;	7568	aspect-ratio: 1/1;
7568	color: #377d87;	7569	color: #377d87;
7569	-webkit-transition: 0.3s;	7570	-webkit-transition: 0.3s;
7570	transition: 0.3s;	7571	transition: 0.3s;
7571	}	7572	}
7572	.faqs__item-button i svg {	7573	.faqs__item-button i svg {
7573	width: 16px;	7574	width: 16px;
7574	aspect-ratio: 1/1;	7575	aspect-ratio: 1/1;
7575	-webkit-transform: rotate(90deg);	7576	-webkit-transform: rotate(90deg);
7576	-ms-transform: rotate(90deg);	7577	-ms-transform: rotate(90deg);
7577	transform: rotate(90deg);	7578	transform: rotate(90deg);
7578	}	7579	}
7579	.faqs__item-button.active i {	7580	.faqs__item-button.active i {
7580	-webkit-transform: rotate(180deg);	7581	-webkit-transform: rotate(180deg);
7581	-ms-transform: rotate(180deg);	7582	-ms-transform: rotate(180deg);
7582	transform: rotate(180deg);	7583	transform: rotate(180deg);
7583	}	7584	}
7584	.faqs__item-body {	7585	.faqs__item-body {
7585	display: -webkit-box;	7586	display: -webkit-box;
7586	display: -ms-flexbox;	7587	display: -ms-flexbox;
7587	display: flex;	7588	display: flex;
7588	-webkit-box-orient: vertical;	7589	-webkit-box-orient: vertical;
7589	-webkit-box-direction: normal;	7590	-webkit-box-direction: normal;
7590	-ms-flex-direction: column;	7591	-ms-flex-direction: column;
7591	flex-direction: column;	7592	flex-direction: column;
7592	gap: 10px;	7593	gap: 10px;
7593	opacity: 0;	7594	opacity: 0;
7594	height: 0;	7595	height: 0;
7595	overflow: hidden;	7596	overflow: hidden;
7596	font-size: 12px;	7597	font-size: 12px;
7597	line-height: 1.4;	7598	line-height: 1.4;
7598	}	7599	}
7599	@media (min-width: 768px) {	7600	@media (min-width: 768px) {
7600	.faqs__item-body {	7601	.faqs__item-body {
7601	font-size: 16px;	7602	font-size: 16px;
7602	gap: 20px;	7603	gap: 20px;
7603	}	7604	}
7604	}	7605	}
7605	.faqs__item-body p {	7606	.faqs__item-body p {
7606	margin: 0;	7607	margin: 0;
7607	}	7608	}
7608	.active + .faqs__item-body {	7609	.active + .faqs__item-body {
7609	opacity: 1;	7610	opacity: 1;
7610	height: auto;	7611	height: auto;
7611	-webkit-transition: 0.3s;	7612	-webkit-transition: 0.3s;
7612	transition: 0.3s;	7613	transition: 0.3s;
7613	padding-top: 10px;	7614	padding-top: 10px;
7614	}	7615	}
7615	@media (min-width: 768px) {	7616	@media (min-width: 768px) {
7616	.active + .faqs__item-body {	7617	.active + .faqs__item-body {
7617	padding-top: 20px;	7618	padding-top: 20px;
7618	}	7619	}
7619	}	7620	}
7620	.faqs.active .faqs__item {	7621	.faqs.active .faqs__item {
7621	display: -webkit-box;	7622	display: -webkit-box;
7622	display: -ms-flexbox;	7623	display: -ms-flexbox;
7623	display: flex;	7624	display: flex;
7624	}	7625	}
7625		7626
7626	.cabinet {	7627	.cabinet {
7627	padding: 20px 0;	7628	padding: 20px 0;
7628	padding-bottom: 40px;	7629	padding-bottom: 40px;
7629	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	7630	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7630	}	7631	}
7631	@media (min-width: 992px) {	7632	@media (min-width: 992px) {
7632	.cabinet {	7633	.cabinet {
7633	padding: 30px 0;	7634	padding: 30px 0;
7634	padding-bottom: 60px;	7635	padding-bottom: 60px;
7635	}	7636	}
7636	}	7637	}
7637	.cabinet__breadcrumbs {	7638	.cabinet__breadcrumbs {
7638	margin-bottom: 50px;	7639	margin-bottom: 50px;
7639	}	7640	}
7640	.cabinet__wrapper {	7641	.cabinet__wrapper {
7641	display: -webkit-box;	7642	display: -webkit-box;
7642	display: -ms-flexbox;	7643	display: -ms-flexbox;
7643	display: flex;	7644	display: flex;
7644	-webkit-box-orient: vertical;	7645	-webkit-box-orient: vertical;
7645	-webkit-box-direction: normal;	7646	-webkit-box-direction: normal;
7646	-ms-flex-direction: column;	7647	-ms-flex-direction: column;
7647	flex-direction: column;	7648	flex-direction: column;
7648	}	7649	}
7649	@media (min-width: 992px) {	7650	@media (min-width: 992px) {
7650	.cabinet__wrapper {	7651	.cabinet__wrapper {
7651	-webkit-box-orient: horizontal;	7652	-webkit-box-orient: horizontal;
7652	-webkit-box-direction: normal;	7653	-webkit-box-direction: normal;
7653	-ms-flex-direction: row;	7654	-ms-flex-direction: row;
7654	flex-direction: row;	7655	flex-direction: row;
7655	-webkit-box-align: start;	7656	-webkit-box-align: start;
7656	-ms-flex-align: start;	7657	-ms-flex-align: start;
7657	align-items: flex-start;	7658	align-items: flex-start;
7658	-webkit-box-pack: justify;	7659	-webkit-box-pack: justify;
7659	-ms-flex-pack: justify;	7660	-ms-flex-pack: justify;
7660	justify-content: space-between;	7661	justify-content: space-between;
7661	}	7662	}
7662	}	7663	}
7663	.cabinet__side {	7664	.cabinet__side {
7664	border-radius: 8px;	7665	border-radius: 8px;
7665	background: #fff;	7666	background: #fff;
7666	padding: 20px 10px;	7667	padding: 20px 10px;
7667	display: -webkit-box;	7668	display: -webkit-box;
7668	display: -ms-flexbox;	7669	display: -ms-flexbox;
7669	display: flex;	7670	display: flex;
7670	-webkit-box-orient: vertical;	7671	-webkit-box-orient: vertical;
7671	-webkit-box-direction: normal;	7672	-webkit-box-direction: normal;
7672	-ms-flex-direction: column;	7673	-ms-flex-direction: column;
7673	flex-direction: column;	7674	flex-direction: column;
7674	gap: 30px;	7675	gap: 30px;
7675	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7676	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7676	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	7677	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7677	}	7678	}
7678	@media (min-width: 768px) {	7679	@media (min-width: 768px) {
7679	.cabinet__side {	7680	.cabinet__side {
7680	padding: 30px 20px;	7681	padding: 30px 20px;
7681	margin-bottom: 50px;	7682	margin-bottom: 50px;
7682	}	7683	}
7683	}	7684	}
7684	@media (min-width: 992px) {	7685	@media (min-width: 992px) {
7685	.cabinet__side {	7686	.cabinet__side {
7686	width: 340px;	7687	width: 340px;
7687	margin: 0;	7688	margin: 0;
7688	position: sticky;	7689	position: sticky;
7689	top: 6px;	7690	top: 6px;
7690	}	7691	}
7691	}	7692	}
7692	@media (min-width: 1280px) {	7693	@media (min-width: 1280px) {
7693	.cabinet__side {	7694	.cabinet__side {
7694	width: 400px;	7695	width: 400px;
7695	}	7696	}
7696	}	7697	}
7697	.cabinet__side-item {	7698	.cabinet__side-item {
7698	display: -webkit-box;	7699	display: -webkit-box;
7699	display: -ms-flexbox;	7700	display: -ms-flexbox;
7700	display: flex;	7701	display: flex;
7701	-webkit-box-orient: vertical;	7702	-webkit-box-orient: vertical;
7702	-webkit-box-direction: normal;	7703	-webkit-box-direction: normal;
7703	-ms-flex-direction: column;	7704	-ms-flex-direction: column;
7704	flex-direction: column;	7705	flex-direction: column;
7705	gap: 20px;	7706	gap: 20px;
7706	}	7707	}
7707	.cabinet__side-toper {	7708	.cabinet__side-toper {
7708	display: -webkit-box;	7709	display: -webkit-box;
7709	display: -ms-flexbox;	7710	display: -ms-flexbox;
7710	display: flex;	7711	display: flex;
7711	-webkit-box-align: center;	7712	-webkit-box-align: center;
7712	-ms-flex-align: center;	7713	-ms-flex-align: center;
7713	align-items: center;	7714	align-items: center;
7714	}	7715	}
7715	.cabinet__side-toper-pic {	7716	.cabinet__side-toper-pic {
7716	width: 70px;	7717	width: 70px;
7717	aspect-ratio: 1/1;	7718	aspect-ratio: 1/1;
7718	overflow: hidden;	7719	overflow: hidden;
7719	border-radius: 8px;	7720	border-radius: 8px;
7720	color: #fff;	7721	color: #fff;
7721	background: #9c9d9d;	7722	background: #9c9d9d;
7722	display: -webkit-box;	7723	display: -webkit-box;
7723	display: -ms-flexbox;	7724	display: -ms-flexbox;
7724	display: flex;	7725	display: flex;
7725	-webkit-box-align: center;	7726	-webkit-box-align: center;
7726	-ms-flex-align: center;	7727	-ms-flex-align: center;
7727	align-items: center;	7728	align-items: center;
7728	-webkit-box-pack: center;	7729	-webkit-box-pack: center;
7729	-ms-flex-pack: center;	7730	-ms-flex-pack: center;
7730	justify-content: center;	7731	justify-content: center;
7731	position: relative;	7732	position: relative;
7732	}	7733	}
7733	.cabinet__side-toper-pic img {	7734	.cabinet__side-toper-pic img {
7734	width: 100%;	7735	width: 100%;
7735	height: 100%;	7736	height: 100%;
7736	-o-object-fit: cover;	7737	-o-object-fit: cover;
7737	object-fit: cover;	7738	object-fit: cover;
7738	position: absolute;	7739	position: absolute;
7739	z-index: 2;	7740	z-index: 2;
7740	top: 0;	7741	top: 0;
7741	left: 0;	7742	left: 0;
7742	aspect-ratio: 1/1;	7743	aspect-ratio: 1/1;
7743	-o-object-fit: contain;	7744	-o-object-fit: contain;
7744	object-fit: contain;	7745	object-fit: contain;
7745	}	7746	}
7746	.cabinet__side-toper-pic svg {	7747	.cabinet__side-toper-pic svg {
7747	width: 50%;	7748	width: 50%;
7748	aspect-ratio: 1/1;	7749	aspect-ratio: 1/1;
7749	}	7750	}
7750	.cabinet__side-toper b {	7751	.cabinet__side-toper b {
7751	width: calc(100% - 70px);	7752	width: calc(100% - 70px);
7752	font-size: 14px;	7753	font-size: 14px;
7753	font-weight: 700;	7754	font-weight: 700;
7754	padding-left: 16px;	7755	padding-left: 16px;
7755	}	7756	}
7756	@media (min-width: 768px) {	7757	@media (min-width: 768px) {
7757	.cabinet__side-toper b {	7758	.cabinet__side-toper b {
7758	font-size: 20px;	7759	font-size: 20px;
7759	}	7760	}
7760	}	7761	}
7761	.cabinet__menu {	7762	.cabinet__menu {
7762	display: -webkit-box;	7763	display: -webkit-box;
7763	display: -ms-flexbox;	7764	display: -ms-flexbox;
7764	display: flex;	7765	display: flex;
7765	-webkit-box-orient: vertical;	7766	-webkit-box-orient: vertical;
7766	-webkit-box-direction: normal;	7767	-webkit-box-direction: normal;
7767	-ms-flex-direction: column;	7768	-ms-flex-direction: column;
7768	flex-direction: column;	7769	flex-direction: column;
7769	}	7770	}
7770	.cabinet__menu-toper {	7771	.cabinet__menu-toper {
7771	display: -webkit-box;	7772	display: -webkit-box;
7772	display: -ms-flexbox;	7773	display: -ms-flexbox;
7773	display: flex;	7774	display: flex;
7774	-webkit-box-align: center;	7775	-webkit-box-align: center;
7775	-ms-flex-align: center;	7776	-ms-flex-align: center;
7776	align-items: center;	7777	align-items: center;
7777	-webkit-box-pack: justify;	7778	-webkit-box-pack: justify;
7778	-ms-flex-pack: justify;	7779	-ms-flex-pack: justify;
7779	justify-content: space-between;	7780	justify-content: space-between;
7780	padding: 0 16px;	7781	padding: 0 16px;
7781	padding-right: 12px;	7782	padding-right: 12px;
7782	border: none;	7783	border: none;
7783	border-radius: 8px;	7784	border-radius: 8px;
7784	background: #377d87;	7785	background: #377d87;
7785	color: #fff;	7786	color: #fff;
7786	}	7787	}
7787	@media (min-width: 768px) {	7788	@media (min-width: 768px) {
7788	.cabinet__menu-toper {	7789	.cabinet__menu-toper {
7789	padding: 0 20px;	7790	padding: 0 20px;
7790	}	7791	}
7791	}	7792	}
7792	@media (min-width: 992px) {	7793	@media (min-width: 992px) {
7793	.cabinet__menu-toper {	7794	.cabinet__menu-toper {
7794	display: none;	7795	display: none;
7795	}	7796	}
7796	}	7797	}
7797	.cabinet__menu-toper-text {	7798	.cabinet__menu-toper-text {
7798	width: calc(100% - 16px);	7799	width: calc(100% - 16px);
7799	display: -webkit-box;	7800	display: -webkit-box;
7800	display: -ms-flexbox;	7801	display: -ms-flexbox;
7801	display: flex;	7802	display: flex;
7802	-webkit-box-align: center;	7803	-webkit-box-align: center;
7803	-ms-flex-align: center;	7804	-ms-flex-align: center;
7804	align-items: center;	7805	align-items: center;
7805	}	7806	}
7806	@media (min-width: 768px) {	7807	@media (min-width: 768px) {
7807	.cabinet__menu-toper-text {	7808	.cabinet__menu-toper-text {
7808	width: calc(100% - 20px);	7809	width: calc(100% - 20px);
7809	}	7810	}
7810	}	7811	}
7811	.cabinet__menu-toper-text i {	7812	.cabinet__menu-toper-text i {
7812	width: 16px;	7813	width: 16px;
7813	height: 16px;	7814	height: 16px;
7814	display: -webkit-box;	7815	display: -webkit-box;
7815	display: -ms-flexbox;	7816	display: -ms-flexbox;
7816	display: flex;	7817	display: flex;
7817	-webkit-box-align: center;	7818	-webkit-box-align: center;
7818	-ms-flex-align: center;	7819	-ms-flex-align: center;
7819	align-items: center;	7820	align-items: center;
7820	-webkit-box-pack: center;	7821	-webkit-box-pack: center;
7821	-ms-flex-pack: center;	7822	-ms-flex-pack: center;
7822	justify-content: center;	7823	justify-content: center;
7823	}	7824	}
7824	@media (min-width: 768px) {	7825	@media (min-width: 768px) {
7825	.cabinet__menu-toper-text i {	7826	.cabinet__menu-toper-text i {
7826	width: 22px;	7827	width: 22px;
7827	height: 22px;	7828	height: 22px;
7828	}	7829	}
7829	}	7830	}
7830	.cabinet__menu-toper-text svg {	7831	.cabinet__menu-toper-text svg {
7831	width: 16px;	7832	width: 16px;
7832	height: 16px;	7833	height: 16px;
7833	}	7834	}
7834	@media (min-width: 768px) {	7835	@media (min-width: 768px) {
7835	.cabinet__menu-toper-text svg {	7836	.cabinet__menu-toper-text svg {
7836	width: 22px;	7837	width: 22px;
7837	height: 22px;	7838	height: 22px;
7838	}	7839	}
7839	}	7840	}
7840	.cabinet__menu-toper-text span {	7841	.cabinet__menu-toper-text span {
7841	display: -webkit-box;	7842	display: -webkit-box;
7842	display: -ms-flexbox;	7843	display: -ms-flexbox;
7843	display: flex;	7844	display: flex;
7844	-webkit-box-align: center;	7845	-webkit-box-align: center;
7845	-ms-flex-align: center;	7846	-ms-flex-align: center;
7846	align-items: center;	7847	align-items: center;
7847	padding: 0 10px;	7848	padding: 0 10px;
7848	min-height: 30px;	7849	min-height: 30px;
7849	font-size: 12px;	7850	font-size: 12px;
7850	width: calc(100% - 16px);	7851	width: calc(100% - 16px);
7851	}	7852	}
7852	@media (min-width: 768px) {	7853	@media (min-width: 768px) {
7853	.cabinet__menu-toper-text span {	7854	.cabinet__menu-toper-text span {
7854	width: calc(100% - 22px);	7855	width: calc(100% - 22px);
7855	font-size: 20px;	7856	font-size: 20px;
7856	min-height: 52px;	7857	min-height: 52px;
7857	padding: 0 16px;	7858	padding: 0 16px;
7858	}	7859	}
7859	}	7860	}
7860	.cabinet__menu-toper-arrow {	7861	.cabinet__menu-toper-arrow {
7861	width: 16px;	7862	width: 16px;
7862	height: 16px;	7863	height: 16px;
7863	display: -webkit-box;	7864	display: -webkit-box;
7864	display: -ms-flexbox;	7865	display: -ms-flexbox;
7865	display: flex;	7866	display: flex;
7866	-webkit-box-pack: center;	7867	-webkit-box-pack: center;
7867	-ms-flex-pack: center;	7868	-ms-flex-pack: center;
7868	justify-content: center;	7869	justify-content: center;
7869	-webkit-box-align: center;	7870	-webkit-box-align: center;
7870	-ms-flex-align: center;	7871	-ms-flex-align: center;
7871	align-items: center;	7872	align-items: center;
7872	-webkit-transition: 0.3s;	7873	-webkit-transition: 0.3s;
7873	transition: 0.3s;	7874	transition: 0.3s;
7874	}	7875	}
7875	@media (min-width: 768px) {	7876	@media (min-width: 768px) {
7876	.cabinet__menu-toper-arrow {	7877	.cabinet__menu-toper-arrow {
7877	width: 20px;	7878	width: 20px;
7878	height: 20px;	7879	height: 20px;
7879	}	7880	}
7880	}	7881	}
7881	.cabinet__menu-toper-arrow svg {	7882	.cabinet__menu-toper-arrow svg {
7882	width: 12px;	7883	width: 12px;
7883	height: 12px;	7884	height: 12px;
7884	-webkit-transform: rotate(90deg);	7885	-webkit-transform: rotate(90deg);
7885	-ms-transform: rotate(90deg);	7886	-ms-transform: rotate(90deg);
7886	transform: rotate(90deg);	7887	transform: rotate(90deg);
7887	}	7888	}
7888	@media (min-width: 768px) {	7889	@media (min-width: 768px) {
7889	.cabinet__menu-toper-arrow svg {	7890	.cabinet__menu-toper-arrow svg {
7890	width: 20px;	7891	width: 20px;
7891	height: 20px;	7892	height: 20px;
7892	}	7893	}
7893	}	7894	}
7894	.cabinet__menu-toper.active .cabinet__menu-toper-arrow {	7895	.cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7895	-webkit-transform: rotate(180deg);	7896	-webkit-transform: rotate(180deg);
7896	-ms-transform: rotate(180deg);	7897	-ms-transform: rotate(180deg);
7897	transform: rotate(180deg);	7898	transform: rotate(180deg);
7898	}	7899	}
7899	.cabinet__menu-body {	7900	.cabinet__menu-body {
7900	opacity: 0;	7901	opacity: 0;
7901	height: 0;	7902	height: 0;
7902	overflow: hidden;	7903	overflow: hidden;
7903	display: -webkit-box;	7904	display: -webkit-box;
7904	display: -ms-flexbox;	7905	display: -ms-flexbox;
7905	display: flex;	7906	display: flex;
7906	-webkit-box-orient: vertical;	7907	-webkit-box-orient: vertical;
7907	-webkit-box-direction: normal;	7908	-webkit-box-direction: normal;
7908	-ms-flex-direction: column;	7909	-ms-flex-direction: column;
7909	flex-direction: column;	7910	flex-direction: column;
7910	}	7911	}
7911	@media (min-width: 992px) {	7912	@media (min-width: 992px) {
7912	.cabinet__menu-body {	7913	.cabinet__menu-body {
7913	opacity: 1;	7914	opacity: 1;
7914	height: auto;	7915	height: auto;
7915	}	7916	}
7916	}	7917	}
7917	.active + .cabinet__menu-body {	7918	.active + .cabinet__menu-body {
7918	opacity: 1;	7919	opacity: 1;
7919	height: auto;	7920	height: auto;
7920	-webkit-transition: 0.3s;	7921	-webkit-transition: 0.3s;
7921	transition: 0.3s;	7922	transition: 0.3s;
7922	}	7923	}
7923	.cabinet__menu-items {	7924	.cabinet__menu-items {
7924	display: -webkit-box;	7925	display: -webkit-box;
7925	display: -ms-flexbox;	7926	display: -ms-flexbox;
7926	display: flex;	7927	display: flex;
7927	-webkit-box-orient: vertical;	7928	-webkit-box-orient: vertical;
7928	-webkit-box-direction: normal;	7929	-webkit-box-direction: normal;
7929	-ms-flex-direction: column;	7930	-ms-flex-direction: column;
7930	flex-direction: column;	7931	flex-direction: column;
7931	}	7932	}
7932	.cabinet__menu-item {	7933	.cabinet__menu-item {
7933	padding: 8px 16px;	7934	padding: 8px 16px;
7934	border-radius: 8px;	7935	border-radius: 8px;
7935	display: -webkit-box;	7936	display: -webkit-box;
7936	display: -ms-flexbox;	7937	display: -ms-flexbox;
7937	display: flex;	7938	display: flex;
7938	-webkit-box-align: center;	7939	-webkit-box-align: center;
7939	-ms-flex-align: center;	7940	-ms-flex-align: center;
7940	align-items: center;	7941	align-items: center;
7941	}	7942	}
7942	@media (min-width: 768px) {	7943	@media (min-width: 768px) {
7943	.cabinet__menu-item {	7944	.cabinet__menu-item {
7944	padding: 14px 20px;	7945	padding: 14px 20px;
7945	}	7946	}
7946	}	7947	}
7947	.cabinet__menu-item:hover {	7948	.cabinet__menu-item:hover {
7948	color: #377d87;	7949	color: #377d87;
7949	}	7950	}
7950	@media (min-width: 992px) {	7951	@media (min-width: 992px) {
7951	.cabinet__menu-item.active {	7952	.cabinet__menu-item.active {
7952	background: #377d87;	7953	background: #377d87;
7953	color: #fff;	7954	color: #fff;
7954	}	7955	}
7955	}	7956	}
7956	@media (min-width: 992px) {	7957	@media (min-width: 992px) {
7957	.cabinet__menu-item.active svg {	7958	.cabinet__menu-item.active svg {
7958	color: #fff;	7959	color: #fff;
7959	}	7960	}
7960	}	7961	}
7961	@media (min-width: 992px) {	7962	@media (min-width: 992px) {
7962	.cabinet__menu-item.active.red {	7963	.cabinet__menu-item.active.red {
7963	background: #eb5757;	7964	background: #eb5757;
7964	}	7965	}
7965	}	7966	}
7966	.cabinet__menu-item i {	7967	.cabinet__menu-item i {
7967	width: 16px;	7968	width: 16px;
7968	height: 16px;	7969	height: 16px;
7969	color: #377d87;	7970	color: #377d87;
7970	}	7971	}
7971	@media (min-width: 768px) {	7972	@media (min-width: 768px) {
7972	.cabinet__menu-item i {	7973	.cabinet__menu-item i {
7973	width: 22px;	7974	width: 22px;
7974	height: 22px;	7975	height: 22px;
7975	}	7976	}
7976	}	7977	}
7977	.cabinet__menu-item svg {	7978	.cabinet__menu-item svg {
7978	width: 16px;	7979	width: 16px;
7979	height: 16px;	7980	height: 16px;
7980	}	7981	}
7981	@media (min-width: 768px) {	7982	@media (min-width: 768px) {
7982	.cabinet__menu-item svg {	7983	.cabinet__menu-item svg {
7983	width: 22px;	7984	width: 22px;
7984	height: 22px;	7985	height: 22px;
7985	}	7986	}
7986	}	7987	}
7987	.cabinet__menu-item span {	7988	.cabinet__menu-item span {
7988	width: calc(100% - 16px);	7989	width: calc(100% - 16px);
7989	font-size: 12px;	7990	font-size: 12px;
7990	padding-left: 10px;	7991	padding-left: 10px;
7991	}	7992	}
7992	@media (min-width: 768px) {	7993	@media (min-width: 768px) {
7993	.cabinet__menu-item span {	7994	.cabinet__menu-item span {
7994	font-size: 20px;	7995	font-size: 20px;
7995	width: calc(100% - 22px);	7996	width: calc(100% - 22px);
7996	padding-left: 16px;	7997	padding-left: 16px;
7997	}	7998	}
7998	}	7999	}
7999	.cabinet__menu-bottom {	8000	.cabinet__menu-bottom {
8000	display: -webkit-box;	8001	display: -webkit-box;
8001	display: -ms-flexbox;	8002	display: -ms-flexbox;
8002	display: flex;	8003	display: flex;
8003	-webkit-box-orient: vertical;	8004	-webkit-box-orient: vertical;
8004	-webkit-box-direction: normal;	8005	-webkit-box-direction: normal;
8005	-ms-flex-direction: column;	8006	-ms-flex-direction: column;
8006	flex-direction: column;	8007	flex-direction: column;
8007	gap: 10px;	8008	gap: 10px;
8008	margin-top: 10px;	8009	margin-top: 10px;
8009	}	8010	}
8010	@media (min-width: 768px) {	8011	@media (min-width: 768px) {
8011	.cabinet__menu-bottom {	8012	.cabinet__menu-bottom {
8012	gap: 20px;	8013	gap: 20px;
8013	margin-top: 20px;	8014	margin-top: 20px;
8014	}	8015	}
8015	}	8016	}
8016	.cabinet__menu-copy {	8017	.cabinet__menu-copy {
8017	color: #9c9d9d;	8018	color: #9c9d9d;
8018	text-align: center;	8019	text-align: center;
8019	font-size: 12px;	8020	font-size: 12px;
8020	}	8021	}
8021	@media (min-width: 768px) {	8022	@media (min-width: 768px) {
8022	.cabinet__menu-copy {	8023	.cabinet__menu-copy {
8023	font-size: 16px;	8024	font-size: 16px;
8024	}	8025	}
8025	}	8026	}
8026	.cabinet__body {	8027	.cabinet__body {
8027	margin: 0 -10px;	8028	margin: 0 -10px;
8028	margin-top: 50px;	8029	margin-top: 50px;
8029	background: #fff;	8030	background: #fff;
8030	padding: 20px 10px;	8031	padding: 20px 10px;
8031	display: -webkit-box;	8032	display: -webkit-box;
8032	display: -ms-flexbox;	8033	display: -ms-flexbox;
8033	display: flex;	8034	display: flex;
8034	-webkit-box-orient: vertical;	8035	-webkit-box-orient: vertical;
8035	-webkit-box-direction: normal;	8036	-webkit-box-direction: normal;
8036	-ms-flex-direction: column;	8037	-ms-flex-direction: column;
8037	flex-direction: column;	8038	flex-direction: column;
8038	gap: 30px;	8039	gap: 30px;
8039	color: #000;	8040	color: #000;
8040	}	8041	}
8041	@media (min-width: 768px) {	8042	@media (min-width: 768px) {
8042	.cabinet__body {	8043	.cabinet__body {
8043	padding: 30px 20px;	8044	padding: 30px 20px;
8044	margin: 0;	8045	margin: 0;
8045	border-radius: 8px;	8046	border-radius: 8px;
8046	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	8047	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8047	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	8048	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8048	}	8049	}
8049	}	8050	}
8050	@media (min-width: 992px) {	8051	@media (min-width: 992px) {
8051	.cabinet__body {	8052	.cabinet__body {
8052	width: calc(100% - 360px);	8053	width: calc(100% - 360px);
8053	}	8054	}
8054	}	8055	}
8055	@media (min-width: 1280px) {	8056	@media (min-width: 1280px) {
8056	.cabinet__body {	8057	.cabinet__body {
8057	width: calc(100% - 420px);	8058	width: calc(100% - 420px);
8058	}	8059	}
8059	}	8060	}
8060	.cabinet__body-item {	8061	.cabinet__body-item {
8061	display: -webkit-box;	8062	display: -webkit-box;
8062	display: -ms-flexbox;	8063	display: -ms-flexbox;
8063	display: flex;	8064	display: flex;
8064	-webkit-box-orient: vertical;	8065	-webkit-box-orient: vertical;
8065	-webkit-box-direction: normal;	8066	-webkit-box-direction: normal;
8066	-ms-flex-direction: column;	8067	-ms-flex-direction: column;
8067	flex-direction: column;	8068	flex-direction: column;
8068	gap: 20px;	8069	gap: 20px;
8069	}	8070	}
8070	.cabinet__title {	8071	.cabinet__title {
8071	font-size: 24px;	8072	font-size: 24px;
		8073	margin-bottom: 20px;
8072	}	8074	}
8073	@media (min-width: 768px) {	8075	@media (min-width: 768px) {
8074	.cabinet__title {	8076	.cabinet__title {
8075	font-size: 32px;	8077	font-size: 32px;
8076	}	8078	}
8077	}	8079	}
8078	@media (min-width: 992px) {	8080	@media (min-width: 992px) {
8079	.cabinet__title {	8081	.cabinet__title {
8080	font-size: 40px;	8082	font-size: 40px;
8081	}	8083	}
8082	}	8084	}
8083	@media (min-width: 1280px) {
8084	.cabinet__title {
8085	font-size: 48px;
8086	}
8087	}
8088	.cabinet__subtitle {	8085	.cabinet__subtitle {
8089	font-size: 22px;	8086	font-size: 22px;
8090	margin: 0;	8087	margin: 0;
8091	font-weight: 700;	8088	font-weight: 700;
8092	color: #000;	8089	color: #000;
8093	}	8090	}
8094	@media (min-width: 768px) {	8091	@media (min-width: 768px) {
8095	.cabinet__subtitle {	8092	.cabinet__subtitle {
8096	font-size: 24px;	8093	font-size: 24px;
8097	}	8094	}
8098	}	8095	}
8099	.cabinet__h4 {	8096	.cabinet__h4 {
8100	font-size: 20px;	8097	font-size: 20px;
8101	margin: 0;	8098	margin: 0;
8102	font-weight: 700;	8099	font-weight: 700;
8103	color: #000;	8100	color: #000;
8104	}	8101	}
8105	@media (min-width: 768px) {	8102	@media (min-width: 768px) {
8106	.cabinet__h4 {	8103	.cabinet__h4 {
8107	font-size: 22px;	8104	font-size: 22px;
8108	}	8105	}
8109	}	8106	}
8110	.cabinet__text {	8107	.cabinet__text {
8111	margin: 0;	8108	margin: 0;
8112	font-size: 14px;	8109	font-size: 14px;
8113	}	8110	}
8114	@media (min-width: 768px) {	8111	@media (min-width: 768px) {
8115	.cabinet__text {	8112	.cabinet__text {
8116	font-size: 16px;	8113	font-size: 16px;
8117	}	8114	}
8118	}	8115	}
8119	.cabinet__text b {	8116	.cabinet__text b {
8120	color: #000;	8117	color: #000;
8121	font-size: 18px;	8118	font-size: 18px;
8122	}	8119	}
8123	@media (min-width: 768px) {	8120	@media (min-width: 768px) {
8124	.cabinet__text b {	8121	.cabinet__text b {
8125	font-size: 24px;	8122	font-size: 24px;
8126	}	8123	}
8127	}	8124	}
8128	.cabinet__descr {	8125	.cabinet__descr {
8129	display: -webkit-box;	8126	display: -webkit-box;
8130	display: -ms-flexbox;	8127	display: -ms-flexbox;
8131	display: flex;	8128	display: flex;
8132	-webkit-box-orient: vertical;	8129	-webkit-box-orient: vertical;
8133	-webkit-box-direction: normal;	8130	-webkit-box-direction: normal;
8134	-ms-flex-direction: column;	8131	-ms-flex-direction: column;
8135	flex-direction: column;	8132	flex-direction: column;
8136	gap: 6px;	8133	gap: 6px;
8137	}	8134	}
8138	@media (min-width: 768px) {	8135	@media (min-width: 768px) {
8139	.cabinet__descr {	8136	.cabinet__descr {
8140	gap: 12px;	8137	gap: 12px;
8141	}	8138	}
8142	}	8139	}
8143	.cabinet__avatar {	8140	.cabinet__avatar {
8144	display: -webkit-box;	8141	display: -webkit-box;
8145	display: -ms-flexbox;	8142	display: -ms-flexbox;
8146	display: flex;	8143	display: flex;
8147	-webkit-box-align: start;	8144	-webkit-box-align: start;
8148	-ms-flex-align: start;	8145	-ms-flex-align: start;
8149	align-items: flex-start;	8146	align-items: flex-start;
8150	}	8147	}
8151	@media (min-width: 768px) {	8148	@media (min-width: 768px) {
8152	.cabinet__avatar {	8149	.cabinet__avatar {
8153	-webkit-box-align: center;	8150	-webkit-box-align: center;
8154	-ms-flex-align: center;	8151	-ms-flex-align: center;
8155	align-items: center;	8152	align-items: center;
8156	}	8153	}
8157	}	8154	}
8158	.cabinet__avatar-pic {	8155	.cabinet__avatar-pic {
8159	width: 100px;	8156	width: 100px;
8160	aspect-ratio: 1/1;	8157	aspect-ratio: 1/1;
8161	position: relative;	8158	position: relative;
8162	display: -webkit-box;	8159	display: -webkit-box;
8163	display: -ms-flexbox;	8160	display: -ms-flexbox;
8164	display: flex;	8161	display: flex;
8165	-webkit-box-pack: center;	8162	-webkit-box-pack: center;
8166	-ms-flex-pack: center;	8163	-ms-flex-pack: center;
8167	justify-content: center;	8164	justify-content: center;
8168	-webkit-box-align: center;	8165	-webkit-box-align: center;
8169	-ms-flex-align: center;	8166	-ms-flex-align: center;
8170	align-items: center;	8167	align-items: center;
8171	overflow: hidden;	8168	overflow: hidden;
8172	border-radius: 8px;	8169	border-radius: 8px;
8173	color: #fff;	8170	color: #fff;
8174	background: #9c9d9d;	8171	background: #9c9d9d;
8175	}	8172	}
8176	.cabinet__avatar-pic svg {	8173	.cabinet__avatar-pic svg {
8177	width: 50%;	8174	width: 50%;
8178	aspect-ratio: 1/1;	8175	aspect-ratio: 1/1;
8179	z-index: 1;	8176	z-index: 1;
8180	position: relative;	8177	position: relative;
8181	}	8178	}
8182	.cabinet__avatar-pic img{	8179	.cabinet__avatar-pic img{
8183	max-width: 100%;	8180	max-width: 100%;
8184	max-height: 100%;	8181	max-height: 100%;
8185	}	8182	}
8186	.cabinet__avatar-form {	8183	.cabinet__avatar-form {
8187	width: calc(100% - 100px);	8184	width: calc(100% - 100px);
8188	padding-left: 15px;	8185	padding-left: 15px;
8189	display: -webkit-box;	8186	display: -webkit-box;
8190	display: -ms-flexbox;	8187	display: -ms-flexbox;
8191	display: flex;	8188	display: flex;
8192	-webkit-box-orient: vertical;	8189	-webkit-box-orient: vertical;
8193	-webkit-box-direction: normal;	8190	-webkit-box-direction: normal;
8194	-ms-flex-direction: column;	8191	-ms-flex-direction: column;
8195	flex-direction: column;	8192	flex-direction: column;
8196	gap: 6px;	8193	gap: 6px;
8197	}	8194	}
8198	.candidate-top-wrapper{	8195	.candidate-top-wrapper{
8199	display: flex;	8196	display: flex;
8200	}	8197	}
8201	.candidate-top-wrapper .candidate-thumbnail{	8198	.candidate-top-wrapper .candidate-thumbnail{
8202	width: 100px;	8199	width: 100px;
8203	height: 100px;	8200	height: 100px;
8204	min-width: 100px;	8201	min-width: 100px;
8205	border-radius: 8px;	8202	border-radius: 8px;
8206	overflow: hidden;	8203	overflow: hidden;
8207	}	8204	}
8208	.candidate-top-wrapper .candidate-thumbnail img{	8205	.candidate-top-wrapper .candidate-thumbnail img{
8209	max-height: 100%;	8206	max-height: 100%;
8210	max-width: 100%;	8207	max-width: 100%;
8211	}	8208	}
8212	.candidate-top-wrapper .candidate-information{	8209	.candidate-top-wrapper .candidate-information{
8213	padding-left: 20px;	8210	padding-left: 20px;
8214	font-size: 21px;	8211	font-size: 21px;
8215	display: flex;	8212	display: flex;
8216	align-items: center;	8213	align-items: center;
8217	}	8214	}
8218	.candidate-top-wrapper .candidate-information .candidate-title{	8215	.candidate-top-wrapper .candidate-information .candidate-title{
8219	font-size: inherit;	8216	font-size: inherit;
8220	}	8217	}
8221	.content-single-candidate .education-detail-description{	8218	.content-single-candidate .education-detail-description{
8222	margin-bottom: 50px;	8219	margin-bottom: 50px;
8223	text-align: justify;	8220	text-align: justify;
8224	}	8221	}
8225	.content-single-candidate .education-detail-description h3.title{	8222	.content-single-candidate .education-detail-description h3.title{
8226	font-size: 18px;	8223	font-size: 18px;
8227	margin: 0 0 20px;	8224	margin: 0 0 20px;
8228	}	8225	}
8229	.content-single-candidate .education-detail-description .inner{	8226	.content-single-candidate .education-detail-description .inner{
8230	font-size: 16px;	8227	font-size: 16px;
8231	font-weight: 300;	8228	font-weight: 300;
8232	line-height: 22px;	8229	line-height: 22px;
8233	color: #77838F;	8230	color: #77838F;
8234	}	8231	}
8235	.education-detail-programs h3.title{	8232	.education-detail-programs h3.title{
8236	font-size: 18px;	8233	font-size: 18px;
8237	margin: 0 0 20px;	8234	margin: 0 0 20px;
8238	}	8235	}
8239	.education-detail-programs .accordion{	8236	.education-detail-programs .accordion{
8240	margin: 1rem 0;	8237	margin: 1rem 0;
8241	padding: 0;	8238	padding: 0;
8242	list-style: none;	8239	list-style: none;
8243	border-top: 1px solid #ECEDF2;	8240	border-top: 1px solid #ECEDF2;
8244	}	8241	}
8245	.education-detail-programs .accordion.sub{	8242	.education-detail-programs .accordion.sub{
8246	padding-left: 20px;	8243	padding-left: 20px;
8247	display: none;	8244	display: none;
8248	}	8245	}
8249	.education-detail-programs .accordion-item {	8246	.education-detail-programs .accordion-item {
8250	border-bottom: 1px solid #ECEDF2;	8247	border-bottom: 1px solid #ECEDF2;
8251	}	8248	}
8252	.education-detail-programs .accordion-thumb {	8249	.education-detail-programs .accordion-thumb {
8253	margin: 0;	8250	margin: 0;
8254	padding: 25px 0;	8251	padding: 25px 0;
8255	cursor: pointer;	8252	cursor: pointer;
8256	font-weight: normal;	8253	font-weight: normal;
8257	color: #0E5C69;	8254	color: #0E5C69;
8258	font-size: 16px;	8255	font-size: 16px;
8259	text-transform: uppercase;	8256	text-transform: uppercase;
8260	}	8257	}
8261	.education-detail-programs .accordion-thumb::after {	8258	.education-detail-programs .accordion-thumb::after {
8262	content: "";	8259	content: "";
8263	display: block;	8260	display: block;
8264	float: right;	8261	float: right;
8265	position: relative;	8262	position: relative;
8266	top: 6px;	8263	top: 6px;
8267	height: 7px;	8264	height: 7px;
8268	width: 7px;	8265	width: 7px;
8269	margin-right: 1rem;	8266	margin-right: 1rem;
8270	margin-left: 0.5rem;	8267	margin-left: 0.5rem;
8271	border-right: 1px solid;	8268	border-right: 1px solid;
8272	border-bottom: 1px solid;	8269	border-bottom: 1px solid;
8273	border-color: #828A96;	8270	border-color: #828A96;
8274	transform: rotate(-45deg);	8271	transform: rotate(-45deg);
8275	transition: transform 0.2s ease-out;	8272	transition: transform 0.2s ease-out;
8276	}	8273	}
8277	.education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {	8274	.education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8278	transform: rotate(45deg);	8275	transform: rotate(45deg);
8279	}	8276	}
8280	.accordion-sub .accordion-panel{	8277	.accordion-sub .accordion-panel{
8281	display: none;	8278	display: none;
8282	}	8279	}
8283	.accordion > .accordion-item > .accordion-panel{	8280	.accordion > .accordion-item > .accordion-panel{
8284	opacity: 1;	8281	opacity: 1;
8285	}	8282	}
8286	.accordion-sub li{	8283	.accordion-sub li{
8287	list-style-type: none;	8284	list-style-type: none;
8288	}	8285	}
8289	.education-detail-contacts{	8286	.education-detail-contacts{
8290	margin-top: 50px;	8287	margin-top: 50px;
8291	}	8288	}
8292	.education-detail-contacts h3.title{	8289	.education-detail-contacts h3.title{
8293	font-size: 18px;	8290	font-size: 18px;
8294	margin: 0 0 20px;	8291	margin: 0 0 20px;
8295	}	8292	}
8296	.education-detail-contacts .inner > div{	8293	.education-detail-contacts .inner > div{
8297	display: flex;	8294	display: flex;
8298	align-items: center;	8295	align-items: center;
8299	margin-bottom: 20px;	8296	margin-bottom: 20px;
8300	}	8297	}
8301	.education-detail-contacts .inner > div .icon{	8298	.education-detail-contacts .inner > div .icon{
8302	margin-right: 20px;	8299	margin-right: 20px;
8303	}	8300	}
8304	@media (min-width: 768px) {	8301	@media (min-width: 768px) {
8305	.cabinet__avatar-form {	8302	.cabinet__avatar-form {
8306	-webkit-box-align: start;	8303	-webkit-box-align: start;
8307	-ms-flex-align: start;	8304	-ms-flex-align: start;
8308	align-items: flex-start;	8305	align-items: flex-start;
8309	padding-left: 30px;	8306	padding-left: 30px;
8310	gap: 12px;	8307	gap: 12px;
8311	}	8308	}
8312	}	8309	}
8313	@media (min-width: 768px) {	8310	@media (min-width: 768px) {
8314	.cabinet__avatar-form .file {	8311	.cabinet__avatar-form .file {
8315	min-width: 215px;	8312	min-width: 215px;
8316	}	8313	}
8317	}	8314	}
8318	.cabinet__inputs {	8315	.cabinet__inputs {
8319	display: -webkit-box;	8316	display: -webkit-box;
8320	display: -ms-flexbox;	8317	display: -ms-flexbox;
8321	display: flex;	8318	display: flex;
8322	-webkit-box-orient: vertical;	8319	-webkit-box-orient: vertical;
8323	-webkit-box-direction: normal;	8320	-webkit-box-direction: normal;
8324	-ms-flex-direction: column;	8321	-ms-flex-direction: column;
8325	flex-direction: column;	8322	flex-direction: column;
8326	gap: 20px;	8323	gap: 20px;
8327	}	8324	}
8328	@media (min-width: 1280px) {	8325	@media (min-width: 1280px) {
8329	.cabinet__inputs {	8326	.cabinet__inputs {
8330	-webkit-box-orient: horizontal;	8327	-webkit-box-orient: horizontal;
8331	-webkit-box-direction: normal;	8328	-webkit-box-direction: normal;
8332	-ms-flex-direction: row;	8329	-ms-flex-direction: row;
8333	flex-direction: row;	8330	flex-direction: row;
8334	-webkit-box-align: start;	8331	-webkit-box-align: end;
8335	-ms-flex-align: start;	8332	-ms-flex-align: end;
8336	align-items: flex-start;	8333	align-items: end;
8337	-webkit-box-pack: justify;	8334	-webkit-box-pack: justify;
8338	-ms-flex-pack: justify;	8335	-ms-flex-pack: justify;
8339	justify-content: space-between;	8336	justify-content: space-between;
8340	-ms-flex-wrap: wrap;	8337	-ms-flex-wrap: wrap;
8341	flex-wrap: wrap;	8338	flex-wrap: wrap;
8342	}	8339	}
8343	}	8340	}
8344	@media (min-width: 1280px) {	8341	@media (min-width: 1280px) {
8345	.cabinet__inputs-item {	8342	.cabinet__inputs-item {
8346	width: calc(50% - 10px);	8343	width: calc(50% - 10px);
8347	}	8344	}
8348	}	8345	}
8349	@media (min-width: 1280px) {	8346	@media (min-width: 1280px) {
8350	.cabinet__inputs-item_fullwidth {	8347	.cabinet__inputs-item_fullwidth {
8351	width: 100%;	8348	width: 100%;
8352	}	8349	}
8353	}	8350	}
8354	@media (min-width: 1280px) {	8351	@media (min-width: 1280px) {
8355	.cabinet__inputs-item_min {	8352	.cabinet__inputs-item_min {
8356	width: calc(15% - 10px);	8353	width: calc(15% - 10px);
8357	}	8354	}
8358	}	8355	}
8359	@media (min-width: 1280px) {	8356	@media (min-width: 1280px) {
8360	.cabinet__inputs-item_max {	8357	.cabinet__inputs-item_max {
8361	width: calc(85% - 10px);	8358	width: calc(85% - 10px);
8362	}	8359	}
8363	}	8360	}
8364	@media (min-width: 768px) {	8361	@media (min-width: 768px) {
8365	.cabinet__inputs-item .button {	8362	.cabinet__inputs-item .button {
8366	width: 100%;	8363	width: 100%;
8367	max-width: 215px;	8364	max-width: 215px;
8368	padding: 0;	8365	padding: 0;
8369	}	8366	}
8370	}	8367	}
		8368	.cabinet__inputs-item.column-count-3{
		8369	width: calc(32% - 10px);
		8370	}
		8371	.cabinet__inputs-item-full-row {
		8372	width: 100%;
		8373	}
8371	.cabinet__inputs-item .buttons {	8374	.cabinet__inputs-item .buttons {
8372	display: grid;	8375	display: grid;
8373	grid-template-columns: 1fr 1fr;	8376	grid-template-columns: 1fr 1fr;
8374	gap: 10px;	8377	gap: 10px;
8375	}	8378	}
		8379	.cabinet__inputs-item .form-group__label{
		8380	font-weight: bold;
		8381	}
8376	@media (min-width: 768px) {	8382	@media (min-width: 768px) {
8377	.cabinet__inputs-item .buttons {	8383	.cabinet__inputs-item .buttons {
8378	gap: 20px;	8384	gap: 20px;
8379	max-width: 470px;	8385	max-width: 470px;
8380	}	8386	}
8381	}	8387	}
8382	@media (min-width: 992px) {	8388	@media (min-width: 992px) {
8383	.cabinet__inputs-item .buttons {	8389	.cabinet__inputs-item .buttons {
8384	max-width: none;	8390	max-width: none;
8385	}	8391	}
8386	}	8392	}
8387	@media (min-width: 1280px) {	8393	@media (min-width: 1280px) {
8388	.cabinet__inputs-item .buttons {	8394	.cabinet__inputs-item .buttons {
8389	max-width: 470px;	8395	max-width: 470px;
8390	}	8396	}
8391	}	8397	}
8392	.cabinet__inputs-item .buttons .button {	8398	.cabinet__inputs-item .buttons .button {
8393	max-width: none;	8399	max-width: none;
8394	}	8400	}
8395	.cabinet__inputs > .button {	8401	.cabinet__inputs > .button {
8396	padding: 0;	8402	padding: 0;
8397	width: 100%;	8403	width: 100%;
8398	max-width: 140px;	8404	max-width: 140px;
8399	}	8405	}
8400	@media (min-width: 768px) {	8406	@media (min-width: 768px) {
8401	.cabinet__inputs > .button {	8407	.cabinet__inputs > .button {
8402	max-width: 190px;	8408	max-width: 190px;
8403	}	8409	}
8404	}	8410	}
8405	.cabinet__add {	8411	.cabinet__add {
8406	display: -webkit-box;	8412	display: -webkit-box;
8407	display: -ms-flexbox;	8413	display: -ms-flexbox;
8408	display: flex;	8414	display: flex;
8409	-webkit-box-orient: vertical;	8415	-webkit-box-orient: vertical;
8410	-webkit-box-direction: normal;	8416	-webkit-box-direction: normal;
8411	-ms-flex-direction: column;	8417	-ms-flex-direction: column;
8412	flex-direction: column;	8418	flex-direction: column;
8413	gap: 10px;	8419	gap: 10px;
8414	}	8420	}
8415	@media (min-width: 768px) {	8421	@media (min-width: 768px) {
8416	.cabinet__add {	8422	.cabinet__add {
8417	gap: 0;	8423	gap: 0;
8418	-webkit-box-orient: horizontal;	8424	-webkit-box-orient: horizontal;
8419	-webkit-box-direction: normal;	8425	-webkit-box-direction: normal;
8420	-ms-flex-direction: row;	8426	-ms-flex-direction: row;
8421	flex-direction: row;	8427	flex-direction: row;
8422	-webkit-box-align: end;	8428	-webkit-box-align: end;
8423	-ms-flex-align: end;	8429	-ms-flex-align: end;
8424	align-items: flex-end;	8430	align-items: flex-end;
8425	}	8431	}
8426	}	8432	}
8427	.cabinet__add-pic {	8433	.cabinet__add-pic {
8428	border-radius: 4px;	8434	border-radius: 4px;
8429	position: relative;	8435	position: relative;
8430	overflow: hidden;	8436	overflow: hidden;
8431	background: #9c9d9d;	8437	background: #9c9d9d;
8432	color: #fff;	8438	color: #fff;
8433	width: 100px;	8439	width: 100px;
8434	aspect-ratio: 1/1;	8440	aspect-ratio: 1/1;
8435	-webkit-transition: 0.3s;	8441	-webkit-transition: 0.3s;
8436	transition: 0.3s;	8442	transition: 0.3s;
8437	}	8443	}
8438	@media (min-width: 768px) {	8444	@media (min-width: 768px) {
8439	.cabinet__add-pic {	8445	.cabinet__add-pic {
8440	width: 220px;	8446	width: 220px;
8441	border-radius: 8px;	8447	border-radius: 8px;
8442	}	8448	}
8443	}	8449	}
8444	.cabinet__add-pic:hover {	8450	.cabinet__add-pic:hover {
8445	background: #000;	8451	background: #000;
8446	}	8452	}
8447	.cabinet__add-pic input {	8453	.cabinet__add-pic input {
8448	display: none;	8454	display: none;
8449	}	8455	}
8450	.cabinet__add-pic > svg {	8456	.cabinet__add-pic > svg {
8451	width: 20px;	8457	width: 20px;
8452	position: absolute;	8458	position: absolute;
8453	top: 50%;	8459	top: 50%;
8454	left: 50%;	8460	left: 50%;
8455	-webkit-transform: translate(-50%, -50%);	8461	-webkit-transform: translate(-50%, -50%);
8456	-ms-transform: translate(-50%, -50%);	8462	-ms-transform: translate(-50%, -50%);
8457	transform: translate(-50%, -50%);	8463	transform: translate(-50%, -50%);
8458	z-index: 1;	8464	z-index: 1;
8459	}	8465	}
8460	@media (min-width: 768px) {	8466	@media (min-width: 768px) {
8461	.cabinet__add-pic > svg {	8467	.cabinet__add-pic > svg {
8462	width: 50px;	8468	width: 50px;
8463	}	8469	}
8464	}	8470	}
8465	.cabinet__add-pic span {	8471	.cabinet__add-pic span {
8466	display: -webkit-box;	8472	display: -webkit-box;
8467	display: -ms-flexbox;	8473	display: -ms-flexbox;
8468	display: flex;	8474	display: flex;
8469	-webkit-box-align: center;	8475	-webkit-box-align: center;
8470	-ms-flex-align: center;	8476	-ms-flex-align: center;
8471	align-items: center;	8477	align-items: center;
8472	-webkit-box-pack: center;	8478	-webkit-box-pack: center;
8473	-ms-flex-pack: center;	8479	-ms-flex-pack: center;
8474	justify-content: center;	8480	justify-content: center;
8475	width: 100%;	8481	width: 100%;
8476	gap: 4px;	8482	gap: 4px;
8477	font-weight: 700;	8483	font-weight: 700;
8478	font-size: 8px;	8484	font-size: 8px;
8479	line-height: 1;	8485	line-height: 1;
8480	position: absolute;	8486	position: absolute;
8481	top: 50%;	8487	top: 50%;
8482	left: 50%;	8488	left: 50%;
8483	-webkit-transform: translate(-50%, -50%);	8489	-webkit-transform: translate(-50%, -50%);
8484	-ms-transform: translate(-50%, -50%);	8490	-ms-transform: translate(-50%, -50%);
8485	transform: translate(-50%, -50%);	8491	transform: translate(-50%, -50%);
8486	margin-top: 25px;	8492	margin-top: 25px;
8487	}	8493	}
8488	@media (min-width: 768px) {	8494	@media (min-width: 768px) {
8489	.cabinet__add-pic span {	8495	.cabinet__add-pic span {
8490	font-size: 16px;	8496	font-size: 16px;
8491	margin-top: 60px;	8497	margin-top: 60px;
8492	}	8498	}
8493	}	8499	}
8494	.cabinet__add-pic span svg {	8500	.cabinet__add-pic span svg {
8495	width: 7px;	8501	width: 7px;
8496	aspect-ratio: 1/1;	8502	aspect-ratio: 1/1;
8497	}	8503	}
8498	@media (min-width: 768px) {	8504	@media (min-width: 768px) {
8499	.cabinet__add-pic span svg {	8505	.cabinet__add-pic span svg {
8500	width: 16px;	8506	width: 16px;
8501	}	8507	}
8502	}	8508	}
8503	.cabinet__add-body {	8509	.cabinet__add-body {
8504	display: -webkit-box;	8510	display: -webkit-box;
8505	display: -ms-flexbox;	8511	display: -ms-flexbox;
8506	display: flex;	8512	display: flex;
8507	-webkit-box-orient: vertical;	8513	-webkit-box-orient: vertical;
8508	-webkit-box-direction: normal;	8514	-webkit-box-direction: normal;
8509	-ms-flex-direction: column;	8515	-ms-flex-direction: column;
8510	flex-direction: column;	8516	flex-direction: column;
8511	gap: 10px;	8517	gap: 10px;
8512	}	8518	}
8513	@media (min-width: 768px) {	8519	@media (min-width: 768px) {
8514	.cabinet__add-body {	8520	.cabinet__add-body {
8515	gap: 20px;	8521	gap: 20px;
8516	width: calc(100% - 220px);	8522	width: calc(100% - 220px);
8517	padding-left: 20px;	8523	padding-left: 20px;
8518	}	8524	}
8519	}	8525	}
8520	@media (min-width: 768px) {	8526	@media (min-width: 768px) {
8521	.cabinet__add-body .button {	8527	.cabinet__add-body .button {
8522	width: 215px;	8528	width: 215px;
8523	padding: 0;	8529	padding: 0;
8524	}	8530	}
8525	}	8531	}
8526	.cabinet__fleet {	8532	.cabinet__fleet {
8527	display: -webkit-box;	8533	display: -webkit-box;
8528	display: -ms-flexbox;	8534	display: -ms-flexbox;
8529	display: flex;	8535	display: flex;
8530	-webkit-box-orient: vertical;	8536	-webkit-box-orient: vertical;
8531	-webkit-box-direction: normal;	8537	-webkit-box-direction: normal;
8532	-ms-flex-direction: column;	8538	-ms-flex-direction: column;
8533	flex-direction: column;	8539	flex-direction: column;
8534	gap: 20px;	8540	gap: 20px;
8535	}	8541	}
8536	@media (min-width: 768px) {	8542	@media (min-width: 768px) {
8537	.cabinet__fleet {	8543	.cabinet__fleet {
8538	display: grid;	8544	display: grid;
8539	grid-template-columns: repeat(2, 1fr);	8545	grid-template-columns: repeat(2, 1fr);
8540	}	8546	}
8541	}	8547	}
8542	@media (min-width: 1280px) {	8548	@media (min-width: 1280px) {
8543	.cabinet__fleet {	8549	.cabinet__fleet {
8544	grid-template-columns: repeat(3, 1fr);	8550	grid-template-columns: repeat(3, 1fr);
8545	}	8551	}
8546	}	8552	}
8547	@media (min-width: 768px) {	8553	@media (min-width: 768px) {
8548	.cabinet__submit {	8554	.cabinet__submit {
8549	width: 215px;	8555	width: 215px;
8550	padding: 0;	8556	padding: 0;
8551	margin: 0 auto;	8557	margin: 0 auto;
8552	}	8558	}
8553	}	8559	}
8554	.cabinet__filters {	8560	.cabinet__filters {
8555	display: -webkit-box;	8561	display: -webkit-box;
8556	display: -ms-flexbox;	8562	display: -ms-flexbox;
8557	display: flex;	8563	display: flex;
8558	-webkit-box-orient: vertical;	8564	-webkit-box-orient: vertical;
8559	-webkit-box-direction: normal;	8565	-webkit-box-direction: normal;
8560	-ms-flex-direction: column;	8566	-ms-flex-direction: column;
8561	flex-direction: column;	8567	flex-direction: column;
8562	gap: 10px;	8568	gap: 10px;
8563	}	8569	}
8564	.cabinet__export-wrap{	8570	.cabinet__export-wrap{
8565	padding: 10px;	8571	padding: 10px;
8566	border: 1px #cecece solid;	8572	border: 1px #cecece solid;
8567	border-radius: 8px;	8573	border-radius: 8px;
8568	width: 100%;	8574	width: 100%;
8569	}	8575	}
8570	.cabinet__export-button-wrap{	8576	.cabinet__export-button-wrap{
8571	max-width: 200px;	8577	max-width: 200px;
8572	margin-bottom: 10px;	8578	margin-bottom: 10px;
8573	}	8579	}
8574	.cabinet__export-options-wrap{	8580	.cabinet__export-options-wrap{
8575	display: flex;	8581	display: flex;
8576	justify-content: space-between;	8582	justify-content: space-between;
8577	}	8583	}
8578	.job-title-list-wrap{	8584	.job-title-list-wrap{
8579	margin-top: 5px;	8585	margin-top: 5px;
8580	}	8586	}
8581	.cabinet__export-error{	8587	.cabinet__export-error{
8582	color: red;	8588	color: red;
8583	}	8589	}
8584	.flot-image-wrap img{	8590	.flot-image-wrap img{
8585	max-width: 100%;	8591	max-width: 100%;
8586	max-height: 100%;	8592	max-height: 100%;
8587	flex: 0 0 auto;	8593	flex: 0 0 auto;
8588	}	8594	}
8589	.flot-image-wrap{	8595	.flot-image-wrap{
8590	width: 220px;	8596	width: 220px;
8591	height: 220px;	8597	height: 220px;
8592	display: flex;	8598	display: flex;
8593	justify-content: center;	8599	justify-content: center;
8594	align-items: center;	8600	align-items: center;
8595	}	8601	}
8596	@media (min-width: 768px) {	8602	@media (min-width: 768px) {
8597	.cabinet__filters {	8603	.cabinet__filters {
8598	gap: 20px;	8604	gap: 20px;
8599	}	8605	}
8600	}	8606	}
8601	@media (min-width: 1280px) {	8607	@media (min-width: 1280px) {
8602	.cabinet__filters {	8608	.cabinet__filters {
8603	-webkit-box-orient: horizontal;	8609	-webkit-box-orient: horizontal;
8604	-webkit-box-direction: normal;	8610	-webkit-box-direction: normal;
8605	-ms-flex-direction: row;	8611	-ms-flex-direction: row;
8606	flex-direction: row;	8612	flex-direction: row;
8607	-webkit-box-align: start;	8613	-webkit-box-align: start;
8608	-ms-flex-align: start;	8614	-ms-flex-align: start;
8609	align-items: flex-start;	8615	align-items: flex-start;
8610	-webkit-box-pack: justify;	8616	-webkit-box-pack: justify;
8611	-ms-flex-pack: justify;	8617	-ms-flex-pack: justify;
8612	justify-content: space-between;	8618	justify-content: space-between;
8613	}	8619	}
8614	}	8620	}
8615	.cabinet__filters-item {	8621	.cabinet__filters-item {
8616	display: -webkit-box;	8622	display: -webkit-box;
8617	display: -ms-flexbox;	8623	display: -ms-flexbox;
8618	display: flex;	8624	display: flex;
8619	-webkit-box-orient: vertical;	8625	-webkit-box-orient: vertical;
8620	-webkit-box-direction: normal;	8626	-webkit-box-direction: normal;
8621	-ms-flex-direction: column;	8627	-ms-flex-direction: column;
8622	flex-direction: column;	8628	flex-direction: column;
8623	-webkit-box-align: start;	8629	-webkit-box-align: start;
8624	-ms-flex-align: start;	8630	-ms-flex-align: start;
8625	align-items: flex-start;	8631	align-items: flex-start;
8626	gap: 10px;	8632	gap: 10px;
8627	}	8633	}
8628	@media (min-width: 768px) {	8634	@media (min-width: 768px) {
8629	.cabinet__filters-item {	8635	.cabinet__filters-item {
8630	gap: 20px;	8636	gap: 20px;
8631	}	8637	}
8632	}	8638	}
8633	@media (min-width: 1280px) {	8639	@media (min-width: 1280px) {
8634	.cabinet__filters-item {	8640	.cabinet__filters-item {
8635	width: calc(50% - 10px);	8641	width: calc(50% - 10px);
8636	max-width: 410px;	8642	max-width: 410px;
8637	}	8643	}
8638	}	8644	}
8639	.cabinet__filters-item .button,	8645	.cabinet__filters-item .button,
8640	.cabinet__filters-item .select {	8646	.cabinet__filters-item .select {
8641	width: 100%;	8647	width: 100%;
8642	}	8648	}
8643	@media (min-width: 1280px) {	8649	@media (min-width: 1280px) {
8644	.cabinet__filters-item .button,	8650	.cabinet__filters-item .button,
8645	.cabinet__filters-item .select {	8651	.cabinet__filters-item .select {
8646	width: auto;	8652	width: auto;
8647	}	8653	}
8648	}	8654	}
8649	.cabinet__filters-item + .cabinet__filters-item {	8655	.cabinet__filters-item + .cabinet__filters-item {
8650	-webkit-box-align: end;	8656	-webkit-box-align: end;
8651	-ms-flex-align: end;	8657	-ms-flex-align: end;
8652	align-items: flex-end;	8658	align-items: flex-end;
8653	}	8659	}
8654	@media (min-width: 1280px) {	8660	@media (min-width: 1280px) {
8655	.cabinet__filters-item + .cabinet__filters-item {	8661	.cabinet__filters-item + .cabinet__filters-item {
8656	max-width: 280px;	8662	max-width: 280px;
8657	}	8663	}
8658	}	8664	}
8659	.cabinet__filters .search input {	8665	.cabinet__filters .search input {
8660	padding-right: 135px;	8666	padding-right: 135px;
8661	}	8667	}
8662	.cabinet__filters .search button {	8668	.cabinet__filters .search button {
8663	width: 115px;	8669	width: 115px;
8664	}	8670	}
8665	.cabinet__filters-buttons {	8671	.cabinet__filters-buttons {
8666	display: grid;	8672	display: grid;
8667	grid-template-columns: 1fr 1fr;	8673	grid-template-columns: 1fr 1fr;
8668	gap: 10px;	8674	gap: 10px;
8669	width: 100%;	8675	width: 100%;
8670	}	8676	}
8671	@media (min-width: 768px) {	8677	@media (min-width: 768px) {
8672	.cabinet__filters-buttons {	8678	.cabinet__filters-buttons {
8673	gap: 20px;	8679	gap: 20px;
8674	}	8680	}
8675	}	8681	}
8676	.cabinet__filters-buttons .button {	8682	.cabinet__filters-buttons .button {
8677	padding: 0;	8683	padding: 0;
8678	gap: 5px;	8684	gap: 5px;
8679	}	8685	}
8680	.cabinet__filters-buttons .button.active {	8686	.cabinet__filters-buttons .button.active {
8681	background: #377d87;	8687	background: #377d87;
8682	color: #fff;	8688	color: #fff;
8683	}	8689	}
8684	.cabinet__filters-buttons .button.active:before {	8690	.cabinet__filters-buttons .button.active:before {
8685	content: "";	8691	content: "";
8686	width: 6px;	8692	width: 6px;
8687	height: 6px;	8693	height: 6px;
8688	background: #fff;	8694	background: #fff;
8689	border-radius: 999px;	8695	border-radius: 999px;
8690	}	8696	}
8691	.cabinet__table-header {	8697	.cabinet__table-header {
8692	display: -webkit-box;	8698	display: -webkit-box;
8693	display: -ms-flexbox;	8699	display: -ms-flexbox;
8694	display: flex;	8700	display: flex;
8695	-webkit-box-pack: justify;	8701	-webkit-box-pack: justify;
8696	-ms-flex-pack: justify;	8702	-ms-flex-pack: justify;
8697	justify-content: space-between;	8703	justify-content: space-between;
8698	-webkit-box-align: center;	8704	-webkit-box-align: center;
8699	-ms-flex-align: center;	8705	-ms-flex-align: center;
8700	align-items: center;	8706	align-items: center;
8701	font-weight: 700;	8707	font-weight: 700;
8702	margin-bottom: -10px;	8708	margin-bottom: -10px;
8703	}	8709	}
8704	.cabinet__table-header div {	8710	.cabinet__table-header div {
8705	font-size: 18px;	8711	font-size: 18px;
8706	}	8712	}
8707	@media (min-width: 768px) {	8713	@media (min-width: 768px) {
8708	.cabinet__table-header div {	8714	.cabinet__table-header div {
8709	font-size: 24px;	8715	font-size: 24px;
8710	}	8716	}
8711	}	8717	}
8712	.cabinet__table-header span {	8718	.cabinet__table-header span {
8713	color: #000;	8719	color: #000;
8714	font-size: 14px;	8720	font-size: 14px;
8715	}	8721	}
8716	@media (min-width: 768px) {	8722	@media (min-width: 768px) {
8717	.cabinet__table-header span {	8723	.cabinet__table-header span {
8718	font-size: 18px;	8724	font-size: 18px;
8719	}	8725	}
8720	}	8726	}
8721	.cabinet__table-header span b {	8727	.cabinet__table-header span b {
8722	color: #377d87;	8728	color: #377d87;
8723	}	8729	}
8724	.cabinet__tabs {	8730	.cabinet__tabs {
8725	display: grid;	8731	display: grid;
8726	grid-template-columns: 1fr 1fr;	8732	grid-template-columns: 1fr 1fr;
8727	gap: 20px;	8733	gap: 20px;
8728	}	8734	}
8729	@media (min-width: 768px) {	8735	@media (min-width: 768px) {
8730	.cabinet__tabs {	8736	.cabinet__tabs {
8731	max-width: 420px;	8737	max-width: 420px;
8732	}	8738	}
8733	}	8739	}
8734	.cabinet__tabs .button.active {	8740	.cabinet__tabs .button.active {
8735	background: #377d87;	8741	background: #377d87;
8736	color: #fff;	8742	color: #fff;
8737	}	8743	}
8738	.cabinet__bodies {	8744	.cabinet__bodies {
8739	display: none;	8745	display: none;
8740	}	8746	}
8741	.cabinet__bodies.showed {	8747	.cabinet__bodies.showed {
8742	display: block;	8748	display: block;
8743	}	8749	}
8744	.cabinet__nots {	8750	.cabinet__nots {
8745	display: -webkit-box;	8751	display: -webkit-box;
8746	display: -ms-flexbox;	8752	display: -ms-flexbox;
8747	display: flex;	8753	display: flex;
8748	-webkit-box-orient: vertical;	8754	-webkit-box-orient: vertical;
8749	-webkit-box-direction: normal;	8755	-webkit-box-direction: normal;
8750	-ms-flex-direction: column;	8756	-ms-flex-direction: column;
8751	flex-direction: column;	8757	flex-direction: column;
8752	-webkit-box-align: start;	8758	-webkit-box-align: start;
8753	-ms-flex-align: start;	8759	-ms-flex-align: start;
8754	align-items: flex-start;	8760	align-items: flex-start;
8755	gap: 10px;	8761	gap: 10px;
8756	}	8762	}
8757	@media (min-width: 768px) {	8763	@media (min-width: 768px) {
8758	.cabinet__nots {	8764	.cabinet__nots {
8759	gap: 20px;	8765	gap: 20px;
8760	}	8766	}
8761	}	8767	}
8762	.cabinet__nots .input {	8768	.cabinet__nots .input {
8763	width: 100%;	8769	width: 100%;
8764	}	8770	}
8765	.cabinet__anketa {	8771	.cabinet__anketa {
8766	display: -webkit-box;	8772	display: -webkit-box;
8767	display: -ms-flexbox;	8773	display: -ms-flexbox;
8768	display: flex;	8774	display: flex;
8769	-webkit-box-orient: vertical;	8775	-webkit-box-orient: vertical;
8770	-webkit-box-direction: normal;	8776	-webkit-box-direction: normal;
8771	-ms-flex-direction: column;	8777	-ms-flex-direction: column;
8772	flex-direction: column;	8778	flex-direction: column;
8773	-webkit-box-pack: justify;	8779	-webkit-box-pack: justify;
8774	-ms-flex-pack: justify;	8780	-ms-flex-pack: justify;
8775	justify-content: space-between;	8781	justify-content: space-between;
8776	gap: 10px;	8782	gap: 10px;
8777	}	8783	}
8778	@media (min-width: 768px) {	8784	@media (min-width: 768px) {
8779	.cabinet__anketa {	8785	.cabinet__anketa {
8780	-webkit-box-orient: horizontal;	8786	-webkit-box-orient: horizontal;
8781	-webkit-box-direction: normal;	8787	-webkit-box-direction: normal;
8782	-ms-flex-direction: row;	8788	-ms-flex-direction: row;
8783	flex-direction: row;	8789	flex-direction: row;
8784	-webkit-box-align: center;	8790	-webkit-box-align: center;
8785	-ms-flex-align: center;	8791	-ms-flex-align: center;
8786	align-items: center;	8792	align-items: center;
8787	}	8793	}
8788	}	8794	}
8789	@media (min-width: 992px) {	8795	@media (min-width: 992px) {
8790	.cabinet__anketa {	8796	.cabinet__anketa {
8791	-webkit-box-orient: vertical;	8797	-webkit-box-orient: vertical;
8792	-webkit-box-direction: normal;	8798	-webkit-box-direction: normal;
8793	-ms-flex-direction: column;	8799	-ms-flex-direction: column;
8794	flex-direction: column;	8800	flex-direction: column;
8795	-webkit-box-align: stretch;	8801	-webkit-box-align: stretch;
8796	-ms-flex-align: stretch;	8802	-ms-flex-align: stretch;
8797	align-items: stretch;	8803	align-items: stretch;
8798	}	8804	}
8799	}	8805	}
8800	@media (min-width: 1280px) {	8806	@media (min-width: 1280px) {
8801	.cabinet__anketa {	8807	.cabinet__anketa {
8802	-webkit-box-orient: horizontal;	8808	-webkit-box-orient: horizontal;
8803	-webkit-box-direction: normal;	8809	-webkit-box-direction: normal;
8804	-ms-flex-direction: row;	8810	-ms-flex-direction: row;
8805	flex-direction: row;	8811	flex-direction: row;
8806	-webkit-box-align: center;	8812	-webkit-box-align: center;
8807	-ms-flex-align: center;	8813	-ms-flex-align: center;
8808	align-items: center;	8814	align-items: center;
8809	-webkit-box-pack: justify;	8815	-webkit-box-pack: justify;
8810	-ms-flex-pack: justify;	8816	-ms-flex-pack: justify;
8811	justify-content: space-between;	8817	justify-content: space-between;
8812	}	8818	}
8813	}	8819	}
8814	.cabinet__anketa-buttons {	8820	.cabinet__anketa-buttons {
8815	display: -webkit-box;	8821	display: -webkit-box;
8816	display: -ms-flexbox;	8822	display: -ms-flexbox;
8817	display: flex;	8823	display: flex;
8818	-webkit-box-orient: vertical;	8824	-webkit-box-orient: vertical;
8819	-webkit-box-direction: normal;	8825	-webkit-box-direction: normal;
8820	-ms-flex-direction: column;	8826	-ms-flex-direction: column;
8821	flex-direction: column;	8827	flex-direction: column;
8822	gap: 10px;	8828	gap: 10px;
8823	}	8829	}
8824	@media (min-width: 768px) {	8830	@media (min-width: 768px) {
8825	.cabinet__anketa-buttons {	8831	.cabinet__anketa-buttons {
8826	display: grid;	8832	display: grid;
8827	grid-template-columns: 1fr 1fr;	8833	grid-template-columns: 1fr 1fr;
8828	gap: 20px;	8834	gap: 20px;
8829	}	8835	}
8830	}	8836	}
8831	.cabinet__stats {	8837	.cabinet__stats {
8832	display: -webkit-box;	8838	display: -webkit-box;
8833	display: -ms-flexbox;	8839	display: -ms-flexbox;
8834	display: flex;	8840	display: flex;
8835	-webkit-box-orient: vertical;	8841	-webkit-box-orient: vertical;
8836	-webkit-box-direction: normal;	8842	-webkit-box-direction: normal;
8837	-ms-flex-direction: column;	8843	-ms-flex-direction: column;
8838	flex-direction: column;	8844	flex-direction: column;
8839	gap: 6px;	8845	gap: 6px;
8840	}	8846	}
8841	@media (min-width: 768px) {	8847	@media (min-width: 768px) {
8842	.cabinet__stats {	8848	.cabinet__stats {
8843	gap: 12px;	8849	gap: 12px;
8844	}	8850	}
8845	}	8851	}
8846	.cabinet__stats-title {	8852	.cabinet__stats-title {
8847	font-size: 14px;	8853	font-size: 14px;
8848	font-weight: 700;	8854	font-weight: 700;
8849	color: #000;	8855	color: #000;
8850	}	8856	}
8851	@media (min-width: 768px) {	8857	@media (min-width: 768px) {
8852	.cabinet__stats-title {	8858	.cabinet__stats-title {
8853	font-size: 24px;	8859	font-size: 24px;
8854	}	8860	}
8855	}	8861	}
8856	.cabinet__stats-body {	8862	.cabinet__stats-body {
8857	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);	8863	background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8858	border-radius: 8px;	8864	border-radius: 8px;
8859	padding: 10px;	8865	padding: 10px;
8860	display: grid;	8866	display: grid;
8861	grid-template-columns: 1fr 1fr;	8867	grid-template-columns: 1fr 1fr;
8862	gap: 20px;	8868	gap: 20px;
8863	margin-bottom: 10px;	8869	margin-bottom: 10px;
8864	}	8870	}
8865	@media (min-width: 768px) {	8871	@media (min-width: 768px) {
8866	.cabinet__stats-body {	8872	.cabinet__stats-body {
8867	padding: 10px 20px;	8873	padding: 10px 20px;
8868	}	8874	}
8869	}	8875	}
8870	.cabinet__stats-item {	8876	.cabinet__stats-item {
8871	font-size: 12px;	8877	font-size: 12px;
8872	display: -webkit-box;	8878	display: -webkit-box;
8873	display: -ms-flexbox;	8879	display: -ms-flexbox;
8874	display: flex;	8880	display: flex;
8875	-webkit-box-align: center;	8881	-webkit-box-align: center;
8876	-ms-flex-align: center;	8882	-ms-flex-align: center;
8877	align-items: center;	8883	align-items: center;
8878	line-height: 1;	8884	line-height: 1;
8879	gap: 6px;	8885	gap: 6px;
8880	}	8886	}
8881	@media (min-width: 768px) {	8887	@media (min-width: 768px) {
8882	.cabinet__stats-item {	8888	.cabinet__stats-item {
8883	font-size: 20px;	8889	font-size: 20px;
8884	gap: 10px;	8890	gap: 10px;
8885	}	8891	}
8886	}	8892	}
8887	.cabinet__stats-item svg {	8893	.cabinet__stats-item svg {
8888	width: 20px;	8894	width: 20px;
8889	aspect-ratio: 1/1;	8895	aspect-ratio: 1/1;
8890	color: #377d87;	8896	color: #377d87;
8891	}	8897	}
8892	@media (min-width: 768px) {	8898	@media (min-width: 768px) {
8893	.cabinet__stats-item svg {	8899	.cabinet__stats-item svg {
8894	width: 40px;	8900	width: 40px;
8895	margin-right: 10px;	8901	margin-right: 10px;
8896	}	8902	}
8897	}	8903	}
8898	.cabinet__stats-item span {	8904	.cabinet__stats-item span {
8899	font-weight: 700;	8905	font-weight: 700;
8900	color: #000;	8906	color: #000;
8901	}	8907	}
8902	.cabinet__stats-item b {	8908	.cabinet__stats-item b {
8903	color: #377d87;	8909	color: #377d87;
8904	font-size: 14px;	8910	font-size: 14px;
8905	}	8911	}
8906	@media (min-width: 768px) {	8912	@media (min-width: 768px) {
8907	.cabinet__stats-item b {	8913	.cabinet__stats-item b {
8908	font-size: 24px;	8914	font-size: 24px;
8909	}	8915	}
8910	}	8916	}
8911	.cabinet__stats-subtitle {	8917	.cabinet__stats-subtitle {
8912	font-size: 14px;	8918	font-size: 14px;
8913	font-weight: 700;	8919	font-weight: 700;
8914	color: #377d87;	8920	color: #377d87;
8915	}	8921	}
8916	@media (min-width: 768px) {	8922	@media (min-width: 768px) {
8917	.cabinet__stats-subtitle {	8923	.cabinet__stats-subtitle {
8918	font-size: 18px;	8924	font-size: 18px;
8919	}	8925	}
8920	}	8926	}
8921	.cabinet__stats-line {	8927	.cabinet__stats-line {
8922	width: 100%;	8928	width: 100%;
8923	position: relative;	8929	position: relative;
8924	overflow: hidden;	8930	overflow: hidden;
8925	height: 8px;	8931	height: 8px;
8926	border-radius: 999px;	8932	border-radius: 999px;
8927	background: #cecece;	8933	background: #cecece;
8928	}	8934	}
8929	.cabinet__stats-line span {	8935	.cabinet__stats-line span {
8930	position: absolute;	8936	position: absolute;
8931	top: 0;	8937	top: 0;
8932	left: 0;	8938	left: 0;
8933	width: 100%;	8939	width: 100%;
8934	height: 100%;	8940	height: 100%;
8935	background: #377d87;	8941	background: #377d87;
8936	border-radius: 999px;	8942	border-radius: 999px;
8937	}	8943	}
8938	.cabinet__stats-bottom {	8944	.cabinet__stats-bottom {
8939	color: #000;	8945	color: #000;
8940	font-size: 12px;	8946	font-size: 12px;
8941	}	8947	}
8942	@media (min-width: 768px) {	8948	@media (min-width: 768px) {
8943	.cabinet__stats-bottom {	8949	.cabinet__stats-bottom {
8944	font-size: 16px;	8950	font-size: 16px;
8945	}	8951	}
8946	}	8952	}
8947	.cabinet__works {	8953	.cabinet__works {
8948	display: -webkit-box;	8954	display: -webkit-box;
8949	display: -ms-flexbox;	8955	display: -ms-flexbox;
8950	display: flex;	8956	display: flex;
8951	-webkit-box-orient: vertical;	8957	-webkit-box-orient: vertical;
8952	-webkit-box-direction: normal;	8958	-webkit-box-direction: normal;
8953	-ms-flex-direction: column;	8959	-ms-flex-direction: column;
8954	flex-direction: column;	8960	flex-direction: column;
8955	gap: 20px;	8961	gap: 20px;
8956	}	8962	}
8957	@media (min-width: 768px) {	8963	@media (min-width: 768px) {
8958	.cabinet__works {	8964	.cabinet__works {
8959	gap: 30px;	8965	gap: 30px;
8960	}	8966	}
8961	}	8967	}
8962	.cabinet__works-item {	8968	.cabinet__works-item {
8963	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);	8969	border-bottom: 1px #cccccc solid;
8964	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);	8970	padding-bottom: 35px;
8965	padding: 10px;
8966	border-radius: 4px;
8967	}
8968	@media (min-width: 768px) {
8969	.cabinet__works-item {
8970	padding: 20px;
8971	border-radius: 8px;
8972	}
8973	}	8971	}
8974	.cabinet__works-spoiler {	8972	.cabinet__works-spoiler {
8975	display: -webkit-box;	8973	display: -webkit-box;
8976	display: -ms-flexbox;	8974	display: -ms-flexbox;
8977	display: flex;	8975	display: flex;
8978	-webkit-box-align: center;	8976	-webkit-box-align: center;
8979	-ms-flex-align: center;	8977	-ms-flex-align: center;
8980	align-items: center;	8978	align-items: center;
8981	-webkit-box-pack: justify;	8979	-webkit-box-pack: justify;
8982	-ms-flex-pack: justify;	8980	-ms-flex-pack: justify;
8983	justify-content: space-between;	8981	justify-content: space-between;
8984	}	8982	}
8985	.cabinet__works-spoiler-left {	8983	.cabinet__works-spoiler-left {
8986	display: -webkit-box;	8984	display: -webkit-box;
8987	display: -ms-flexbox;	8985	display: -ms-flexbox;
8988	display: flex;	8986	display: flex;
8989	-webkit-box-align: center;	8987	-webkit-box-align: center;
8990	-ms-flex-align: center;	8988	-ms-flex-align: center;
8991	align-items: center;	8989	align-items: center;
8992	width: calc(100% - 22px);	8990	width: calc(100% - 22px);
8993	}	8991	}
8994	.cabinet__works-spoiler-right {	8992	.cabinet__works-spoiler-right {
8995	width: 22px;	8993	width: 22px;
8996	height: 22px;	8994	height: 22px;
8997	display: -webkit-box;	8995	display: -webkit-box;
8998	display: -ms-flexbox;	8996	display: -ms-flexbox;
8999	display: flex;	8997	display: flex;
9000	-webkit-box-align: center;	8998	-webkit-box-align: center;
9001	-ms-flex-align: center;	8999	-ms-flex-align: center;
9002	align-items: center;	9000	align-items: center;
9003	-webkit-box-pack: center;	9001	-webkit-box-pack: center;
9004	-ms-flex-pack: center;	9002	-ms-flex-pack: center;
9005	justify-content: center;	9003	justify-content: center;
9006	color: #377d87;	9004	color: #377d87;
9007	padding: 0;	9005	padding: 0;
9008	background: none;	9006	background: none;
9009	border: none;	9007	border: none;
9010	}	9008	}
9011	.cabinet__works-spoiler-right svg {	9009	.cabinet__works-spoiler-right svg {
9012	width: 60%;	9010	width: 60%;
9013	aspect-ratio: 1/1;	9011	aspect-ratio: 1/1;
9014	-webkit-transform: rotate(90deg);	9012	-webkit-transform: rotate(90deg);
9015	-ms-transform: rotate(90deg);	9013	-ms-transform: rotate(90deg);
9016	transform: rotate(90deg);	9014	transform: rotate(90deg);
9017	-webkit-transition: 0.3s;	9015	-webkit-transition: 0.3s;
9018	transition: 0.3s;	9016	transition: 0.3s;
9019	}	9017	}
9020	.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {	9018	.cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9021	-webkit-transform: rotate(-90deg);	9019	-webkit-transform: rotate(-90deg);
9022	-ms-transform: rotate(-90deg);	9020	-ms-transform: rotate(-90deg);
9023	transform: rotate(-90deg);	9021	transform: rotate(-90deg);
9024	}	9022	}
9025	.cabinet__works-spoiler-buttons {	9023	.cabinet__works-spoiler-buttons {
9026	display: -webkit-box;	9024	display: -webkit-box;
9027	display: -ms-flexbox;	9025	display: -ms-flexbox;
9028	display: flex;	9026	display: flex;
9029	-webkit-box-align: center;	9027	-webkit-box-align: center;
9030	-ms-flex-align: center;	9028	-ms-flex-align: center;
9031	align-items: center;	9029	align-items: center;
9032	-webkit-box-pack: justify;	9030	-webkit-box-pack: justify;
9033	-ms-flex-pack: justify;	9031	-ms-flex-pack: justify;
9034	justify-content: space-between;	9032	justify-content: space-between;
9035	width: 60px;	9033	width: 60px;
9036	}	9034	}
9037	@media (min-width: 768px) {	9035	@media (min-width: 768px) {
9038	.cabinet__works-spoiler-buttons {	9036	.cabinet__works-spoiler-buttons {
9039	width: 74px;	9037	width: 74px;
9040	}	9038	}
9041	}	9039	}
9042	.cabinet__works-spoiler-buttons .button {	9040	.cabinet__works-spoiler-buttons .button {
9043	width: 22px;	9041	width: 22px;
9044	height: 22px;	9042	height: 22px;
9045	padding: 0;	9043	padding: 0;
9046	}	9044	}
9047	@media (min-width: 768px) {	9045	@media (min-width: 768px) {
9048	.cabinet__works-spoiler-buttons .button {	9046	.cabinet__works-spoiler-buttons .button {
9049	width: 30px;	9047	width: 30px;
9050	height: 30px;	9048	height: 30px;
9051	}	9049	}
9052	}	9050	}
9053	.cabinet__works-spoiler-text {	9051	.cabinet__works-spoiler-text {
9054	width: calc(100% - 60px);	9052	width: calc(100% - 60px);
9055	padding-left: 20px;
9056	font-size: 17px;	9053	font-size: 17px;
9057	font-weight: 700;	9054	font-weight: 700;
9058	color: #000;	9055	color: #000;
9059	}	9056	}
9060	@media (min-width: 768px) {	9057	@media (min-width: 768px) {
9061	.cabinet__works-spoiler-text {	9058	.cabinet__works-spoiler-text {
9062	width: calc(100% - 74px);	9059	width: calc(100% - 74px);
9063	font-size: 20px;	9060	font-size: 22px;
9064	}	9061	}
9065	}	9062	}
9066	.cabinet__works-body {	9063
9067	opacity: 0;
9068	height: 0;
9069	overflow: hidden;
9070	}
9071	.active + .cabinet__works-body {
9072	-webkit-transition: 0.3s;
9073	transition: 0.3s;
9074	opacity: 1;
9075	height: auto;
9076	padding-top: 20px;
9077	}
9078	.cabinet__works-add {	9064	.cabinet__works-add {
9079	padding: 0;	9065	padding: 0;
9080	width: 100%;	9066	width: 100%;
9081	max-width: 160px;	9067	max-width: 160px;
9082	}	9068	}
9083	@media (min-width: 768px) {	9069	@media (min-width: 768px) {
9084	.cabinet__works-add {	9070	.cabinet__works-add {
9085	max-width: 220px;	9071	max-width: 220px;
9086	}	9072	}
9087	}	9073	}
9088	.cabinet__buttons {	9074	.cabinet__buttons {
9089	display: -webkit-box;	9075	display: -webkit-box;
9090	display: -ms-flexbox;	9076	display: -ms-flexbox;
9091	display: flex;	9077	display: flex;
9092	-webkit-box-orient: vertical;	9078	-webkit-box-orient: vertical;
9093	-webkit-box-direction: normal;	9079	-webkit-box-direction: normal;
9094	-ms-flex-direction: column;	9080	-ms-flex-direction: column;
9095	flex-direction: column;	9081	flex-direction: column;
9096	-webkit-box-align: center;	9082	-webkit-box-align: center;
9097	-ms-flex-align: center;	9083	-ms-flex-align: center;
9098	align-items: center;	9084	align-items: center;
9099	gap: 10px;	9085	gap: 10px;
9100	}	9086	}
9101	@media (min-width: 768px) {	9087	@media (min-width: 768px) {
9102	.cabinet__buttons {	9088	.cabinet__buttons {
9103	display: grid;	9089	display: grid;
9104	grid-template-columns: 1fr 1fr;	9090	grid-template-columns: 1fr 1fr;
9105	gap: 20px;	9091	gap: 20px;
9106	}	9092	}
9107	}	9093	}
9108	.cabinet__buttons .button,	9094	.cabinet__buttons .button,
9109	.cabinet__buttons .file {	9095	.cabinet__buttons .file {
9110	padding: 0;	9096	padding: 0;
9111	width: 100%;	9097	width: 100%;
9112	max-width: 140px;	9098	max-width: 140px;
9113	}	9099	}
9114	@media (min-width: 768px) {	9100	@media (min-width: 768px) {
9115	.cabinet__buttons .button,	9101	.cabinet__buttons .button,
9116	.cabinet__buttons .file {	9102	.cabinet__buttons .file {
9117	max-width: none;	9103	max-width: none;
9118	}	9104	}
9119	}	9105	}
9120	@media (min-width: 768px) {	9106	@media (min-width: 768px) {
9121	.cabinet__buttons {	9107	.cabinet__buttons {
9122	gap: 20px;	9108	gap: 20px;
9123	}	9109	}
9124	}	9110	}
9125	@media (min-width: 1280px) {	9111	@media (min-width: 1280px) {
9126	.cabinet__buttons {	9112	.cabinet__buttons {
9127	max-width: 400px;	9113	max-width: 400px;
9128	}	9114	}
9129	}	9115	}
		9116	.cabinet__buttons_flex{
		9117	display: flex;
		9118	}
		9119	.cabinet__buttons_flex > *{
		9120	margin-right: 10px;
		9121	}
9130	.cabinet__vacs {	9122	.cabinet__vacs {
9131	display: -webkit-box;	9123	display: -webkit-box;
9132	display: -ms-flexbox;	9124	display: -ms-flexbox;
9133	display: flex;	9125	display: flex;
9134	-webkit-box-orient: vertical;	9126	-webkit-box-orient: vertical;
9135	-webkit-box-direction: reverse;	9127	-webkit-box-direction: reverse;
9136	-ms-flex-direction: column-reverse;	9128	-ms-flex-direction: column-reverse;
9137	flex-direction: column-reverse;	9129	flex-direction: column-reverse;
9138	-webkit-box-align: center;	9130	-webkit-box-align: center;
9139	-ms-flex-align: center;	9131	-ms-flex-align: center;
9140	align-items: center;	9132	align-items: center;
9141	gap: 20px;	9133	gap: 20px;
9142	}	9134	}
9143	.cabinet__vacs-body {	9135	.cabinet__vacs-body {
9144	display: -webkit-box;	9136	display: -webkit-box;
9145	display: -ms-flexbox;	9137	display: -ms-flexbox;
9146	display: flex;	9138	display: flex;
9147	-webkit-box-orient: vertical;	9139	-webkit-box-orient: vertical;
9148	-webkit-box-direction: normal;	9140	-webkit-box-direction: normal;
9149	-ms-flex-direction: column;	9141	-ms-flex-direction: column;
9150	flex-direction: column;	9142	flex-direction: column;
9151	gap: 20px;	9143	gap: 20px;
9152	width: 100%;	9144	width: 100%;
9153	}	9145	}
9154	@media (min-width: 768px) {	9146	@media (min-width: 768px) {
9155	.cabinet__vacs-body {	9147	.cabinet__vacs-body {
9156	gap: 30px;	9148	gap: 30px;
9157	}	9149	}
9158	}	9150	}
9159	.cabinet__vacs-item {	9151	.cabinet__vacs-item {
9160	display: none;	9152	display: none;
9161	background: #fff;	9153	background: #fff;
9162	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	9154	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9163	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);	9155	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9164	}	9156	}
9165	.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {	9157	.cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9166	display: -webkit-box;	9158	display: -webkit-box;
9167	display: -ms-flexbox;	9159	display: -ms-flexbox;
9168	display: flex;	9160	display: flex;
9169	}	9161	}
9170	.cabinet__vacs.active .cabinet__vacs-item {	9162	.cabinet__vacs.active .cabinet__vacs-item {
9171	display: -webkit-box;	9163	display: -webkit-box;
9172	display: -ms-flexbox;	9164	display: -ms-flexbox;
9173	display: flex;	9165	display: flex;
9174	}	9166	}
9175	.main__vacancies-item .main__employer-page-two-item-text-body img {	9167	.main__vacancies-item .main__employer-page-two-item-text-body img {
9176	display: inline !important;	9168	display: inline !important;
9177	border: none !important;	9169	border: none !important;
9178	box-shadow: none !important;	9170	box-shadow: none !important;
9179	height: 1em !important;	9171	height: 1em !important;
9180	width: 1em !important;	9172	width: 1em !important;
9181	margin: 0 0.07em !important;	9173	margin: 0 0.07em !important;
9182	vertical-align: -0.1em !important;	9174	vertical-align: -0.1em !important;
9183	background: none !important;	9175	background: none !important;
9184	padding: 0 !important;	9176	padding: 0 !important;
9185	}	9177	}
9186	.main__vacancies-item .main__employer-page-two-item-text-body p{	9178	.main__vacancies-item .main__employer-page-two-item-text-body p{
9187	margin: 0 0 20px;	9179	margin: 0 0 20px;
9188	}	9180	}
		9181	#sertificate .one-sertificate{
		9182	display: flex;
		9183	justify-content: space-between;
		9184	margin-bottom: 15px;
		9185	border-bottom: 1px #ccc solid;
		9186	padding-bottom: 15px;
		9187	}
		9188	#sertificate .one-sertificate .sertificate-field{
		9189	display: block;
		9190	}
		9191	#sertificate .one-sertificate .sertificate-field.sertificate-name{
		9192	width: 50%;
		9193	max-width: 50%;
		9194	}
		9195	#sertificate .one-sertificate .sertificate-field.sertificate-buttons{
		9196	display: flex;
		9197	justify-content: space-between;
		9198	}
		9199	#sertificate .one-sertificate .sertificate-field.sertificate-buttons a{

resources/views/layout/frontend.blade.php

Diff comments View file @ d4632b7

 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 <head>
     <meta charset="utf-8">
     <title>{{ $title }}</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="theme-color" content="#377D87">
     <script src="{{ asset('js/jquery.js') }}"></script>
     <script src="{{ asset('js/jquery-ui.js') }}"></script>
     <link rel="stylesheet" href="{{ asset('js/chosen/chosen.min.css') }}">
     <script src="{{ asset('js/chosen/chosen.jquery.min.js') }}"></script>
     <!--<script type="text/javascript" src=" asset('js/jquery.cookie.js') }}"></script>-->
     <link rel="stylesheet" href="{{ asset('css/telegram.css') }}">
     <link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}">
     <link rel="stylesheet" href="{{ asset('css/style_may2024.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/helpers.css') }}">
     <style>
         .err_red {
             border: red 2px solid;
         }
         .input[disabled] {
             /* color: #9c9d9d; */
              background: #FFFFFF;
         }
     </style>
 </head>
 <body id="body" onload="createCaptcha()">
 <a href="#body" class="to-top js-scroll-to">
     <svg>
         <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
     </svg>
 </a>
 <div> <!-- BEGIN TOP WRAPPER -->
     <header class="header">
         <div class="container">
             <div class="header__body">
                 <div class="header__left">
                     <a href="{{ route('index') }}" class="header__logo">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
                         </svg>
                     </a>
                     <nav class="header__menu">
                         <a href="{{ route('vacancies') }}" class="header__menu-item">Вакансии</a>
                         <a href="{{ route('shipping_companies') }}" class="header__menu-item">Судоходные компании</a>
                         <a href="{{ route('education') }}" class="header__menu-item">Образование</a>
                     </nav>
                 </div>
                 <div class="header__right">
                     @guest
                     @else
                     <a href="@if ($UserId->is_worker) {{ route('worker.cabinet') }} @else {{ route('employer.cabinet') }} @endif" class="header__notifs header__notifs_actived">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#ring') }}"></use>
                         </svg>
                         <span>Уведомления</span>
                     </a>
                     @endguest
                     <div class="header__right-line"></div>
                     <button class="header__burger">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#burger') }}"></use>
                         </svg>
                     </button>
                     @guest
                         <a class="button header__sign" data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a>
                     @else
                         <a class="button header__sign" href="{{ route('logout') }}">Выйти</a>
                     @endguest
                 </div>
             </div>
         </div>
     </header>
     @yield('content')
 </div> <!-- END TOP WRAPPER -->
 <div> <!-- BEGIN BOTTOM WRAPPER -->
     <footer class="footer">
         <div class="container">
             <div class="footer__mobile">
                 <button class="footer__mobile-toper js-toggle active">
                     <a href="{{ route('index') }}">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
                         </svg>
                     </a>
                     <span>
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
                             </svg>
                         </span>
                 </button>
                 <div class="footer__mobile-menu">
                     <div class="footer__mobile-menu-item">
                         <button class="js-toggle">
                             <b>Соискателям</b>
                             <span><svg>
                                         <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
                                     </svg></span>
                         </button>
                         <div>
                             <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
                             <a href="{{ route('vacancies') }}">Вакансии</a>
                             <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>-->
                             <a href="{{ route('education') }}">Образование</a>
                             <a href="{{ route('news') }}">Новости</a>
                             <a href="{{ $companies[0]->telegram }}">Телеграм</a>
                             <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
                             <!--<a href=" route('contacts') }}">Контакты</a>-->
                             <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a>
                         </div>
                     </div>
                     <div class="footer__mobile-menu-item">
                         <button class="js-toggle">
                             <b>Работодателям</b>
                             <span><svg>
                                         <use xlink:href="{{asset('images/sprite.svg#arrow-top') }}"></use>
                                     </svg></span>
                         </button>
                         <div>
                             <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
                             <!--<a href=" route('register') }}">Регистрация</a>-->
                             <a href="{{ route('bd_resume') }}">База резюме</a>
                             <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>
                             <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>-->
                             <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>-->
                             <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>-->
                             <a href="{{ $companies[0]->telegram }}">Телеграм</a>
                             <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
                             <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a>
                         </div>
                     </div>
                 </div>
                 <div class="footer__mobile-contacts">
                     <b>Контакты</b>
                     <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
                     <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
                 </div>
                 <div class="footer__mobile-bottom">
                     <div class="socials">
                         <a href="{{ $companies[0]->vkontact }}" target="_blank">
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
                             </svg>
                         </a>
                         <a href="{{ $companies[0]->telegram }}" target="_blank">
                             <svg>
                                 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
                             </svg>
                         </a>
                     </div>
                     <nav class="footer__mobile-links">
                         <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a>
                         <span></span>
                         <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a>
                     </nav>
                     &copy; 2023 &mdash; RekaMore.su
                     <a href="{{ route('index') }}" class="nls" target="_blank">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
                         </svg>
                         <span>
                                 Дизайн и разработка:
                                 <b>NoLogoStudio.ru</b>
                             </span>
                     </a>
                 </div>
             </div>
             <div class="footer__main">
                 <div class="footer__main-body">
                     <a href="" class="footer__main-logo">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
                         </svg>
                     </a>
                     <div class="footer__main-col">
                         <div class="footer__main-title">Соискателям</div>
                         <nav>
                             <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
                             <a href="{{ route('vacancies') }}">Вакансии</a>
                             <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>-->
                             <a href="{{ route('education') }}">Образование</a>
                             <a href="{{ route('news') }}">Новости</a>
                             <!--<a href=" route('contacts') }}">Контакты</a>-->
                             <a href="{{ $companies[0]->telegram }}">Телеграм</a>
                             <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
                             <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a>
                         </nav>
                     </div>
                     <div class="footer__main-col">
                         <div class="footer__main-title">Работодателям</div>
                         <nav>
                             <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
                             <!--<a href=" route('register') }}">Регистрация</a>-->
                             <a href="{{ route('bd_resume') }}">База резюме</a>
                             <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>
                             <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>-->
                             <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>-->
                             <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>-->
                             <a href="{{ $companies[0]->telegram }}">Телеграм</a>
                             <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
                             <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a>
                         </nav>
                     </div>
                     <div class="footer__main-col">
                         <div class="footer__main-title">Контакты</div>
                         <div class="footer__main-contacts">
                             <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
                             <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
                         </div>
                         <div class="socials">
                             <a href="{{ $companies[0]->vkontact }}" target="_blank">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
                                 </svg>
                             </a>
                             <a href="{{ $companies[0]->telegram }}" target="_blank">
                                 <svg>
                                     <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
                                 </svg>
                             </a>
                         </div>
                     </div>
                 </div>
                 <div class="footer__main-copy">
                     <div>&copy; 2023 &mdash; RekaMore.su</div>
                     <nav>
                         <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a>
                         <span></span>
                         <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a>
                     </nav>
                     <div> @if (isset($_COOKIE['favorite_vacancy'])) Куки вакансий: {{ print_r($_COOKIE['favorite_vacancy']) }} @endif</div>
                     <a href="{{ route('index') }}" class="nls" target="_blank">
                         <svg>
                             <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
                         </svg>
                         <span>
                                 Дизайн и разработка:
                                 <b>NoLogoStudio.ru</b>
                         </span>
                     </a>
                 </div>
             </div>
         </div>
     </footer>
 </div> <!-- END BOTTOM WRAPPER -->
 <div hidden> <!-- BEGIN MODALS WRAPPER -->
     <!-- Соискатель отправляет сообщение работодателю -->
     @include('modals.send_worker_new')
     <!-- Работодатель отправляет сообщение соискателю -->
     @include('modals.send_employer')
     <!-- Сообщение-предупреждение о том, что сообщения только можно отправить авторизованным пользователям -->
     @include('modals.send_message_noaut')
     @include('modals.send_message_noaut2')
     <!-- Форма авторизации -->
     @include('modals.send_login')
     <!-- Сбросить пароль -->
     @include('modals.reset_password')
     <!-- Регистрация -->
     @include('modals.register')
     <!-- Благодарность по отправке сообщения работодателю -->
     @include('modals.thank_you_send_employer')
     <!-- Благодарность по отправке сообщения менеджеру -->
     @include('modals.thank_you_send_manager')
     <!-- Благодарность после регистрации -->
     @include('modals.thank_you_send_for_employer')
     <!-- Благодарность после регистрации для работника -->
     @include('modals.thank_you_send_for_worker')
     <!-- Подтверждение удаления профиля -->
     @include('modals.delete_profile')
     <!-- Подверждение об удалении профиля -->
     @include('modals.success_delete_profile')
 </div> <!-- END MODALS WRAPPER -->
 <script src="{{ asset('js/jquery.maskedinput.js') }}"></script>
 <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
 <script src="{{ asset('js/jquery.select2.js') }}"></script>
 <script src="{{ asset('js/swiper.js') }}"></script>
 <script src="{{ asset('js/script-vc.js') }}"></script>
 <script src="{{ asset('js/star-rating.min.js') }}"></script>
 <script>
     var getUrlParameter = function getUrlParameter(sParam) {
         var sPageURL = decodeURIComponent(window.location.search.substring(1)),
             sURLVariables = sPageURL.split('&'),
             sParameterName,
             i;
         for (i = 0; i < sURLVariables.length; i++) {
             sParameterName = sURLVariables[i].split('=');
             if (sParameterName[0] === sParam) {
                 return sParameterName[1] === undefined ? true : sParameterName[1];
             }
         }
     };
     $(function() {
         var style_link = "{{ asset('css/cke_wysiwyg_frame_style.css') }}";
         var iterator = 0;
         var wysiwyg_style_interval = window.setInterval(function(){
             var frame = $('.cke_wysiwyg_frame');
             frame.contents().find('head').append(
                 $('<link rel="stylesheet" type="text/css" href="' + style_link + '">')
             );
             if (frame.length || (++iterator == 6)){
                 clearInterval(wysiwyg_style_interval);
             }
         }, 500);
     });
 </script>
 @include('js.modals')
 @include('js.captha')
 @yield('scripts')
 </body>
 </html>

resources/views/workers/cabinet.blade.php

Diff comments View file @ d4632b7

1	@extends('layout.frontend', ['title' => 'Моя анкета - РекаМоре'])	1	@extends('layout.frontend', ['title' => 'Моя анкета - РекаМоре'])
2		2
3	@section('scripts')	3	@section('scripts')
4	<script>	4	<script>
5	$(function() {	5	$(function() {
6	$('.cabinet__avatar-form [type="file"][name="photo"]').change(function (event) {	6	$('.cabinet__avatar-form [type="file"][name="photo"]').change(function (event) {
7	const file = event.target.files[0];	7	const file = event.target.files[0];
8		8
9	if (file) {	9	if (file) {
10	var img_wrap = $('.cabinet__avatar-pic');	10	var img_wrap = $('.cabinet__avatar-pic');
11	var img = $('<img src="#"/>');	11	var img = $('<img src="#"/>');
12	const reader = new FileReader();	12	const reader = new FileReader();
13		13
14	reader.onload = function(e) {	14	reader.onload = function(e) {
15	img.attr('src', e.target.result);	15	img.attr('src', e.target.result);
16	img_wrap.find('svg, img').remove();	16	img_wrap.find('svg, img').remove();
17	img_wrap.append(img);	17	img_wrap.append(img);
18	};	18	};
19		19
20	reader.readAsDataURL(file);	20	reader.readAsDataURL(file);
21	}	21	}
22	});	22	});
23	});	23	});
24		24
25	$(document).on('click', '#button_new_doc123', function() {	25	$(document).on('click', '#button_new_doc123', function() {
26	var this_ = $(this);	26	var this_ = $(this);
27	var val_ = this_.attr('data-val');	27	var val_ = this_.attr('data-val');
28	var new_diplom = $('#new_diplom');	28	var new_diplom = $('#new_diplom');
29	var new_diplom_val = new_diplom.val();	29	var new_diplom_val = new_diplom.val();
30	var new_data_begin = $('#new_data_begin');	30	var new_data_begin = $('#new_data_begin');
31	var new_data_begin_val = new_data_begin.val();	31	var new_data_begin_val = new_data_begin.val();
32	var new_data_end = $('#new_data_end');	32	var new_data_end = $('#new_data_end');
33	var new_data_end_val = new_data_end.val();	33	var new_data_end_val = new_data_end.val();
34	var education = $('#education');	34	var education = $('#education');
35	var education_val = education.val();	35	var education_val = education.val();
36	var worker_id = $('#new_id');	36	var worker_id = $('#new_id');
37	var worker_val = worker_id.val();	37	var worker_val = worker_id.val();
38		38
39	console.log('sort items ' + val_);	39	console.log('sort items ' + val_);
40		40
41	if (new_diplom_val == '') {	41	if (new_diplom_val == '') {
42	new_diplom.addClass('err_red');	42	new_diplom.addClass('err_red');
43	console.log('Border Up');	43	console.log('Border Up');
44	} else {	44	} else {
45	$.ajax({	45	$.ajax({
46	type: "GET",	46	type: "GET",
47	url: "{{ route('worker.add_serificate') }}",	47	url: "{{ route('worker.add_serificate') }}",
48	data: "worker_id="+worker_val+"&date_begin="+new_data_begin_val + "&end_begin=" + new_data_end_val + "&name=" + new_diplom_val + "&education="+education_val,	48	data: "worker_id="+worker_val+"&date_begin="+new_data_begin_val + "&end_begin=" + new_data_end_val + "&name=" + new_diplom_val + "&education="+education_val,
49	success: function (data) {	49	success: function (data) {
50	console.log('Блокировка...');	50	console.log('Блокировка...');
51	console.log(data);	51	console.log(data);
52	$('#sertificate').html(data);	52	$('#sertificate').html(data);
53	if (new_diplom.hasClass('err_red')) new_diplom.removeClass('err_red');	53	if (new_diplom.hasClass('err_red')) new_diplom.removeClass('err_red');
54	},	54	},
55	headers: {	55	headers: {
56	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	56	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
57	},	57	},
58	error: function (data) {	58	error: function (data) {
59	data = JSON.stringify(data);	59	data = JSON.stringify(data);
60	console.log('Error: ' + data);	60	console.log('Error: ' + data);
61	}	61	}
62	});	62	});
63	}	63	}
64	});	64	});
65		65
66	$(document).on('click', '#btn_new_diplom123', function() {	66	$(document).on('click', '#btn_new_diplom123', function() {
67	var this_ = $(this);	67	var this_ = $(this);
68	var val_ = this_.attr('data-val');	68	var val_ = this_.attr('data-val');
69	var documents = $('#documents');	69	var documents = $('#documents');
70	var doc_val = documents.val();	70	var doc_val = documents.val();
71	var block = $('#ajax_dop_diplomi');	71	var block = $('#ajax_dop_diplomi');
72		72
73	console.log('worker_id='+val_+'it_infoblock='+ doc_val);	73	console.log('worker_id='+val_+'it_infoblock='+ doc_val);
74		74
75	$.ajax({	75	$.ajax({
76	type: "GET",	76	type: "GET",
77	url: "",	77	url: "",
78	data: "worker_id="+val_+"&infoblok_id="+doc_val,	78	data: "worker_id="+val_+"&infoblok_id="+doc_val,
79	success: function (data) {	79	success: function (data) {
80	location.url = data;	80	location.url = data;
81	console.log('Добавление документа-диплома');	81	console.log('Добавление документа-диплома');
82	console.log(data);	82	console.log(data);
83	block.html(data);	83	block.html(data);
84	},	84	},
85	headers: {	85	headers: {
86	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	86	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
87	},	87	},
88	error: function (data) {	88	error: function (data) {
89	data = JSON.stringify(data);	89	data = JSON.stringify(data);
90	console.log('Error: ' + data);	90	console.log('Error: ' + data);
91	}	91	}
92	});	92	});
93	});	93	});
94		94
95	$(document).on('click', '#new_work', function() {	95	$(document).on('click', '#new_work', function() {
96	var this_ = $(this);	96	var this_ = $(this);
97	var val_ = this_.attr('data-val');	97	var val_ = this_.attr('data-val');
98	var new_diplom = $('#new_diplom').val();	98	var new_diplom = $('#new_diplom').val();
99	var new_data_begin = $('#new_data_begin').val();	99	var new_data_begin = $('#new_data_begin').val();
100	var new_data_end = $('#new_data_end').val();	100	var new_data_end = $('#new_data_end').val();
101	var new_job_title = $('#new_job_title').val();	101	var new_job_title = $('#new_job_title').val();
102	var new_teplohod = $('#new_teplohod').val();	102	var new_teplohod = $('#new_teplohod').val();
103	var new_GWT = $('#new_GWT').val();	103	var new_GWT = $('#new_GWT').val();
104	var new_KBT = $('#new_KBT').val();	104	var new_KBT = $('#new_KBT').val();
105	var new_Begin_work = $('#new_Begin_work').val();	105	var new_Begin_work = $('#new_Begin_work').val();
106	var new_End_work = $('#new_End_work').val();	106	var new_End_work = $('#new_End_work').val();
107	var new_name_company = $('#new_name_company').val();	107	var new_name_company = $('#new_name_company').val();
108		108
109	console.log('worker_id='+val_+'it_infoblock='+ doc_val);	109	console.log('worker_id='+val_+'it_infoblock='+ doc_val);
110		110
111	$.ajax({	111	$.ajax({
112	type: "GET",	112	type: "GET",
113	url: "",	113	url: "",
114	data: "worker_id="+val_+"&infoblok_id="+doc_val,	114	data: "worker_id="+val_+"&infoblok_id="+doc_val,
115	success: function (data) {	115	success: function (data) {
116	location.url = data;	116	location.url = data;
117	console.log('Добавление документа-диплома');	117	console.log('Добавление документа-диплома');
118	console.log(data);	118	console.log(data);
119	block.html(data);	119	block.html(data);
120	},	120	},
121	headers: {	121	headers: {
122	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')	122	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
123	},	123	},
124	error: function (data) {	124	error: function (data) {
125	data = JSON.stringify(data);	125	data = JSON.stringify(data);
126	console.log('Error: ' + data);	126	console.log('Error: ' + data);
127	}	127	}
128	});	128	});
129	});	129	});
130		130
131	$(document).on('click', '#old_year', function() {	131	$(document).on('click', '#old_year', function() {
132	var this_ = $(this);	132	var this_ = $(this);
133	var val = this_.val();	133	var val = this_.val();
134		134
135	if (val < 0)	135	if (val < 0)
136	$('#old_year').val(0);	136	$('#old_year').val(0);
137		137
138	console.log('Возраст не может выполнить такую операцию');	138	console.log('Возраст не может выполнить такую операцию');
139	});	139	});
140
141	$(document).on('change', '.sertificates_js', function() {
142	var this_ = $(this);
143	var infoblock_id = this_.attr('data-info');
144	var val = this_.val();
145	var block = $('#block_sertificate');
146
147	console.log('infoblok='+infoblock_id);
148	console.log('val='+val);
149
150	$.ajax({
151	type: "GET",
152	url: "{{ route('worker.delete_add_diplom', ['worker' => $Worker[0]->id]) }}",
153	data: "&infoblok_id=" + infoblock_id+"&val="+val,
154	success: function (data) {
155	location.url = data;
156	console.log('Удаление левых документов + добавление реальных документов');
157
158	console.log('Info 100% +'+ data);
159	//window.location.href = data;
160	//block.html(data);
161	},
162	headers: {
163	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
164	},
165	error: function (data) {
166	data = JSON.stringify(data);
167	console.log('Error: ' + data);
168	}
169	});
170
171	});
172
173	</script>	140	</script>
174	@endsection	141	@endsection
175		142
176	@section('content')	143	@section('content')
		144	@php
		145	$user = $worker->users
		146	@endphp
177	<section class="cabinet">	147	<section class="cabinet">
178	<div class="container">	148	<div class="container">
179	<ul class="breadcrumbs cabinet__breadcrumbs">	149	<ul class="breadcrumbs cabinet__breadcrumbs">
180	<li><a href="{{ route('index') }}">Главная</a></li>	150	<li><a href="{{ route('index') }}">Главная</a></li>
181	<li><b>Личный кабинет</b></li>	151	<li><b>Личный кабинет</b></li>
182	</ul>	152	</ul>
183	<div class="cabinet__wrapper">	153	<div class="cabinet__wrapper">
184	<div class="cabinet__side">	154	<div class="cabinet__side">
185	<div class="cabinet__side-toper">	155	<div class="cabinet__side-toper">
186	@include('workers.emblema')	156	@include('workers.emblema')
187		157
188	</div>	158	</div>
189		159
190	@include('workers.menu', ['item' => 1])	160	@include('workers.menu', ['item' => 1])
191	</div>	161	</div>
192	<form class="cabinet__body" action="{{ route('worker.cabinet_save', ['worker' => $Worker[0]->id]) }}" enctype="multipart/form-data" method="POST">	162	<form class="cabinet__body" action="{{ route('worker.cabinet_save', ['worker' => $worker->id]) }}" enctype="multipart/form-data" method="POST">
193	@csrf	163	@csrf
194	@include('messages_error')	164	@include('messages_error')
195	<div class="cabinet__body-item">	165	<div class="cabinet__body-item">
196	<div class="cabinet__anketa">	166	<div class="cabinet__anketa">
197	<h2 class="title cabinet__title">Моя анкета</h2>	167	<h2 class="title cabinet__title">Моя анкета</h2>
198	<div class="cabinet__anketa-buttons">	168	<div class="cabinet__anketa-buttons">
199	<a href="{{ route('worker.up', ['worker' => $Worker[0]->id]) }}" class="button">Поднять резюме</a>	169	<a href="{{ route('worker.up', ['worker' => $worker->id]) }}" class="button">Поднять резюме</a>
200	<a href="{{ route('resume_download', ['worker' => $Worker[0]->id]) }}" target="_blank" class="button">	170	<a href="{{ route('resume_download', ['worker' => $worker->id]) }}" target="_blank" class="button">
201	<svg>	171	<svg>
202	<use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>	172	<use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
203	</svg>	173	</svg>
204	Скачать резюме	174	Скачать резюме
205	</a>	175	</a>
206	</div>	176	</div>
207	</div>	177	</div>
208	</div>	178	</div>
209	<div class="cabinet__body-item">	179	<div class="cabinet__body-item">
210	<div class="cabinet__stats">	180	<div class="cabinet__stats">
211	<h3 class="cabinet__subtitle cabinet__stats-title">Статистика</h3>	181	<h3 class="cabinet__subtitle cabinet__stats-title">Статистика</h3>
212	<div class="cabinet__stats-body">	182	<div class="cabinet__stats-body">
213	<div class="cabinet__stats-item">	183	<div class="cabinet__stats-item">
214	<svg>	184	<svg>
215	<use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use>	185	<use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use>
216	</svg>	186	</svg>
217	<span>Просмотров:</span>	187	<span>Просмотров:</span>
218	<b>@if (isset($stat[0]->lookin)) {{ $stat[0]->lookin }} @else 0 @endif</b>	188	<b>@if (isset($stat[0]->lookin)) {{ $stat[0]->lookin }} @else 0 @endif</b>
219	</div>	189	</div>
220	<div class="cabinet__stats-item">	190	<div class="cabinet__stats-item">
221	<svg>	191	<svg>
222	<use xlink:href="{{ asset('images/sprite.svg#warning') }}"></use>	192	<use xlink:href="{{ asset('images/sprite.svg#warning') }}"></use>
223	</svg>	193	</svg>
224	<span>Отзывов:</span>	194	<span>Отзывов:</span>
225	<b>@if(isset($Worker[0]->response)) {{ $Worker[0]->response->count() }} @else 0 @endif</b>	195	<b>@if(isset($worker->response)) {{ $worker->response->count() }} @else 0 @endif</b>
226	</div>	196	</div>
227	</div>	197	</div>
228	<div class="cabinet__stats-subtitle">Анкета заполнена на {{ $persent }}%</div>	198	<div class="cabinet__stats-subtitle">Анкета заполнена на {{ $persent }}%</div>
229	<div class="cabinet__stats-line">	199	<div class="cabinet__stats-line">
230	<span style="width:{{ $persent }}%"></span>	200	<span style="width:{{ $persent }}%"></span>
231	</div>	201	</div>
232	<div class="cabinet__stats-bottom">Заполните профиль, чтобы повысить процент анкеты на 80%</div>	202	<div class="cabinet__stats-bottom">Заполните профиль, чтобы повысить процент анкеты на 80%</div>
233	</div>	203	</div>
234	</div>	204	</div>
235	<div class="cabinet__body-item">	205	<div class="cabinet__body-item">
236	<h3 class="cabinet__subtitle">Профиль</h3>	206	<h3 class="cabinet__subtitle">Профиль</h3>
237	<div class="cabinet__avatar">	207	<div class="cabinet__avatar">
238	<div class="cabinet__avatar-pic">	208	<div class="cabinet__avatar-pic">
239		209
240	@if (!empty($Worker[0]->photo))	210	@if (!empty($worker->photo))
241	<img src="{{ asset(Storage::url($Worker[0]->photo)) }}"/>	211	<img src="{{ asset(Storage::url($worker->photo)) }}"/>
242	@else	212	@else
243	<svg>	213	<svg>
244	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>	214	<use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
245	</svg>	215	</svg>
246	@endif	216	@endif
247	</div>	217	</div>
248	<div class="cabinet__avatar-form">	218	<div class="cabinet__avatar-form">
249	<label class="file">	219	<label class="file">
250	<span class="file__input">	220	<span class="file__input">
251	<input type="file" name="photo" id="photo">	221	<input type="file" name="photo" id="photo">
252		222
253	<span class="button">	223	<span class="button">
254	<svg>	224	<svg>
255	<use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use>	225	<use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use>
256	</svg>	226	</svg>
257	Загрузить	227	Загрузить
258	</span>	228	</span>
259	</span>	229	</span>
260	</label>	230	</label>
261	<p class="cabinet__text">Загрузите фотографию в формате svg., jpg., jpeg., png.</p>	231	<p class="cabinet__text">Загрузите фотографию в формате svg., jpg., jpeg., png.</p>
262	</div>	232	</div>
263	</div>	233	</div>
264	</div>	234	</div>
265	<div class="cabinet__body-item">	235
		236
		237	<div class="cabinet__body-item mb-40">
		238	<h3 class="cabinet__subtitle font30">Основная информация</h3>
		239
266	<div class="cabinet__inputs">	240	<div class="cabinet__inputs">
267	<div class="cabinet__inputs-item form-group">	241	<div class="cabinet__inputs-item form-group">
268	<label class="form-group__label">Электронная почта *</label>	242	<label class="form-group__label">Фамилия:</label>
269	<div class="form-group__item">	243	<div class="form-group__item">
270	<input type="email" name="email" id="email" value="{{ $Worker[0]->email }}" class="input" placeholder="info@rekamore.su" required>	244	{{ $user->surname }}
271	</div>	245	</div>
272	</div>	246	</div>
273	<div class="cabinet__inputs-item form-group">	247	<div class="cabinet__inputs-item form-group">
274	<label class="form-group__label">Статус</label>	248	<label class="form-group__label">Наличие визы:</label>
275	<div class="form-group__item">	249	<div class="form-group__item">
276	<div class="select">	250	{{ $worker->visa_available }}
277	<select class="js-select2" name="status_work" id="status_work">
278	<option value="1" @if ($Worker[0]->status_work == 1) selected @endif>Не указано</option>
279	<option value="2" @if ($Worker[0]->status_work == 2) selected @endif>Не ищу работу</option>
280	<option value="0" @if ($Worker[0]->status_work == 0) selected @endif>Ищу работу</option>
281	</select>
282	</div>
283	</div>	251	</div>
284	</div>	252	</div>
285	<!--<div class="cabinet__inputs-item form-group">	253
286	<label class="form-group__label">Статус *</label>	254	<div class="cabinet__inputs-item form-group">
		255	<label class="form-group__label">Имя:</label>
287	<div class="form-group__item">	256	<div class="form-group__item">
288	<input type="text" class="input" required>	257	{{ $user->name_man }}
289	</div>	258	</div>
290	</div>-->	259	</div>
291	@if (isset($Worker[0]->users))	260	<div class="cabinet__inputs-item form-group">
292	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	261	<label class="form-group__label">Наличие танкерных документов:</label>
293	<label class="form-group__label">Фамилия *</label>
294	<div class="form-group__item">	262	<div class="form-group__item">
295	<input type="text" name="surname" id="surmane" class="input" value="{{ $Worker[0]->users->surname }}" placeholder="Филиппов" required>	263	{{ $worker->tanker_documents_available ?? '-' }}
296	</div>	264	</div>
297	</div>	265	</div>
298	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	266
299	<label class="form-group__label">Имя *</label>	267	<div class="cabinet__inputs-item form-group">
		268	<label class="form-group__label">Отчество:</label>
300	<div class="form-group__item">	269	<div class="form-group__item">
301	<input type="text" name="name_man" id="name_man" class="input" value="{{ $Worker[0]->users->name_man }}" placeholder="Егор" required>	270	{{ $user->surname2 }}
302	</div>	271	</div>
303	</div>	272	</div>
304	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	273	<div class="cabinet__inputs-item form-group">
305	<label class="form-group__label">Отчество *</label>	274	<label class="form-group__label">Наличие подтверждения для работы на ВВП:</label>
306	<div class="form-group__item">	275	<div class="form-group__item">
307	<input type="text" class="input" name="surname2" id="surmane2" value="{{ $Worker[0]->users->surname2 }}" placeholder="Алексеевич">	276	{{ $worker->confirmation_work_for_vvp ?? '-' }}
308	</div>	277	</div>
309	</div>	278	</div>
310	@endif	279
311	</div>	280	<div class="cabinet__inputs-item form-group">
312	</div>	281	<label class="form-group__label">Возраст:</label>
313	<div class="cabinet__body-item">
314	<h3 class="cabinet__subtitle">Основная информация</h3>
315	<div class="cabinet__inputs">
316	<div class="cabinet__inputs-item cabinet__inputs-item_min form-group">
317	<label class="form-group__label">Возраст</label>
318	<div class="form-group__item">	282	<div class="form-group__item">
319	<input type="number" name="old_year" id="old_year" value="{{ $Worker[0]->old_year }}" class="input" placeholder="0" required>	283	{{ $worker->old_year ?? '-' }}
320	</div>	284	</div>
321	</div>	285	</div>
322	<div class="cabinet__inputs-item cabinet__inputs-item_max form-group">	286	<div class="cabinet__inputs-item form-group">
323	<label class="form-group__label">Желаемые вакансии</label>	287	<label class="form-group__label">Наличие военного билета / приписного свидетельства:</label>
324	<div class="form-group__item">	288	<div class="form-group__item">
325	<div class="select">	289	{{ $worker->military_id_available ?? '-' }}
326	<select class="js-select2" name="job_title_id[]" id="job_title_id[]" multiple="multiple">
327	@if ($Job_titles->count())
328	@foreach($Job_titles as $it)
329	@php $selected = false; @endphp
330	@if (isset($Worker[0]->job_titles))
331	@if ($Worker[0]->job_titles->count())
332	@foreach($Worker[0]->job_titles as $select)
333	@if ($it->id == $select->id)
334	@php $selected = true; @endphp
335	@endif
336	@endforeach
337	@endif
338	@endif
339	<option value="{{ $it->id }}" @if ($selected) selected @endif>{{ $it->name }}</option>
340	@endforeach
341	@endif
342	</select>
343	</div>
344	</div>	290	</div>
345	</div>	291	</div>
346	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	292
347	<label class="form-group__label">Город</label>	293	<div class="cabinet__inputs-item form-group">
		294	<label class="form-group__label">Статус:</label>
348	<div class="form-group__item">	295	<div class="form-group__item">
349	<input type="text" name="city" id="city" value="{{ $Worker[0]->city }}" class="input" placeholder="Челябинск" required>	296	{{ $status_work[$worker->status_work] ?? '-' }}
350	</div>	297	</div>
351	</div>	298	</div>
352	<div class="cabinet__inputs-item form-group">	299	<div class="cabinet__inputs-item form-group">
353	<label class="form-group__label">Опыт работы</label>	300	<label class="form-group__label">Город проживания:</label>
354	<div class="form-group__item">	301	<div class="form-group__item">
355	<div class="select">	302	{{ $worker->city ?? '-' }}
356	<select class="js-select2" id="experience" name="experience">
357	<option value="Не указано" @if (empty($Worker[0]->experience)) selected @endif>Не указано</option>
358	<option value="меньше 1 года" @if ($Worker[0]->experience == 'меньше 1 года') selected @endif>меньше 1 года</option>
359	<option value="от 1 года до 3 лет" @if ($Worker[0]->experience == 'от 1 года до 3 лет') selected @endif>от 1 года до 3 лет</option>
360	<option value="от 3 до 5 лет" @if ($Worker[0]->experience == 'от 3 до 5 лет') selected @endif>от 3 до 5 лет</option>
361	<option value="от 5 до 10 лет" @if ($Worker[0]->experience == 'от 5 до 10 лет') selected @endif>от 5 до 10 лет</option>
362	<option value="Больше 10 лет" @if ($Worker[0]->experience == 'Больше 10 лет') selected @endif>Больше 10 лет</option>
363	</select>
364	</div>
365	</div>	303	</div>
366	</div>	304	</div>
367		305
368	<div class="cabinet__inputs-item form-group">	306	<div class="cabinet__inputs-item form-group">
369	<label class="form-group__label">Номер телефона 1</label>	307	<label class="form-group__label">Желаемые вакансии:</label>
370	<div class="form-group__item">	308	<div class="form-group__item">
371	<input type="tel" name="telephone" id="telephone" value="{{ old('telephone') ?? $Worker[0]->telephone ?? '' }}" class="input" placeholder="+7 (___) ___-__-__" required>	309	@if ($worker->job_titles->count())
		310	@foreach($worker->job_titles as $job_title)
		311	{{ $job_title->name }}
		312	@if (!$loop->last) / @endif
		313	@endforeach
		314	@endif
372	</div>	315	</div>
373	</div>	316	</div>
374	<div class="cabinet__inputs-item form-group">	317	<div class="cabinet__inputs-item form-group">
375	<label class="form-group__label">Номер телефона 2</label>	318	<label class="form-group__label">Город проживания:</label>
376	<div class="form-group__item">	319	<div class="form-group__item">
377	<input type="tel" name="telephone2" id="telephon2" value="{{ old('telephone2') ?? $Worker[0]->telephone2 ?? '' }}" class="input" placeholder="+7 (___) ___-__-__">	320	{{ $worker->city ?? '-' }}
378	</div>	321	</div>
379	</div>	322	</div>
380	</div>
381	</div>
382		323
383	<div class="cabinet__body-item">	324	<div class="cabinet__inputs-item form-group">
384	<h4 class="cabinet__h4">О себе</h4>	325	<label class="form-group__label">Пожелания к З/П:</label>
385	<textarea class="textarea" name="text" id="text" placeholder="Не указано">{{ $Worker[0]->text }}</textarea>	326	<div class="form-group__item">
386	<div class="cabinet__buttons">	327	{{ $worker->salary_expectations ?? '-' }}
387	<button type="submit" class="button">Сохранить</button>	328	</div>
388	<label class="file">	329	</div>
389	<span class="file__input">	330	<div class="cabinet__inputs-item form-group">
390	<input type="file" name="file" id="file">	331	<label class="form-group__label">E-mail:</label>
391	<span class="button button_light">@if (empty($Worker[0]->file)) Прикрепить резюме @else Обновить резюме @endif</span>	332	<div class="form-group__item">
392	</span>	333	{{ $worker->email ?? '-' }}
393	</label>	334	</div>
		335	</div>
		336
		337	<div class="cabinet__inputs-item form-group">
		338	<label class="form-group__label">Уровень английского:</label>
		339	<div class="form-group__item">
		340	{{ $worker->english_level ?? '-' }}
		341	</div>
		342	</div>
		343	<div class="cabinet__inputs-item form-group">
		344	<label class="form-group__label">Контакты родственников:</label>
		345	<div class="form-group__item">
		346	{{ $worker->telephon2 ?? '-' }}
		347	</div>
		348	</div>
		349
		350	<div class="cabinet__inputs-item form-group">
		351	<label class="form-group__label">Дата готовности к посадке:</label>
		352	<div class="form-group__item">
		353	{{ $worker->ready_boart_date ?? '-' }}
		354	</div>
		355	</div>
		356	<div class="cabinet__inputs-item form-group">
		357	<label class="form-group__label">Предпочтение по типу судна:</label>
		358	<div class="form-group__item">
		359	{{ $worker->boart_type_preference ?? '-' }}
		360	</div>
		361	</div>
		362
		363	<div class="">
		364	<h4 class="cabinet__h4 mb-10">О себе</h4>
		365	<div>{{ $worker->text }}</div>
		366	</div>
		367
		368	<div class="">
		369	<a href="{{ route('worker.basic_information') }}" class="button active">Редактировать основную информацию</a>
		370	</div>
394	</div>	371	</div>
395	</div>	372	</div>
396		373
		374	<div class="mb-40" id="sertificate" name="sertificate">
		375	<h3 class="cabinet__subtitle font30 mb-20">Сертификаты / документы</h3>
397		376
398	<div id="sertificate" name="sertificate">	377	@if($worker->sertificate->count())
399	@if ((isset($Worker[0]->sertificate)) && ($Worker[0]->sertificate->count() > 0))	378	@foreach($worker->sertificate as $sertificate)
400	@php $i = 0; @endphp	379	<div class="one-sertificate">
401	@foreach($Worker[0]->sertificate as $it)	380	<div class="sertificate-field sertificate-name">
402	<div style="margin-bottom: 20px" class="cabinet__body-item">	381	<label class="bold">Название сертификата:</label>
403	@if ($i == 0)	382	<div>{{ $sertificate->name }}</div>
404	<h3 class="cabinet__subtitle">Сертификаты / документы</h3>
405	@endif
406	<h4 class="cabinet__h4">Сертификат {{ $i+1 }}</h4>
407	<div class="cabinet__inputs">
408	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
409	<label class="form-group__label">Название сертификата:</label>
410	<div class="form-group__item">
411	<input type="text" class="input" value="{{ $it->name }}" disabled>
412	</div>
413	</div>	383	</div>
414	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	384	<div class="sertificate-field">
415	<label class="form-group__label">Учебное заведение</label>	385	<label class="bold">Действителен до:</label>
416	<div class="form-group__item">	386	<div>{{ date('d.m.Y', strtotime($sertificate->end_begin)) }}</div>
417	<input type="text" class="input" value=" $it->education }}" disabled>	387	</div>
418	</div>	388	<div class="sertificate-field sertificate-buttons">
419	</div>-->	389	<a href="{{ route('worker.edit_sertificate', ['worker' => $worker->id, 'doc' => $sertificate->id ]) }}" class="button button_light mr-10">
420	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	390	<svg><use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use></svg>
421	<label class="form-group__label">Действителен до:</label>	391	</a>
422	<div class="form-group__item">	392	<a href="{{ route('worker.delete_sertificate', ['doc' => $sertificate->id]) }}" class="button button_light">
423	<input type="text" class="input" value="{{ $it->end_begin }}" disabled>	393	<svg><use xlink:href="{{ asset('images/sprite.svg#del') }}"></use></svg>
424	</div>	394	</a>
425	</div>	395	</div>
426	<a href="{{ route('worker.delete_sertificate', ['doc' => $it->id]) }}" class="button button_light">
427	<svg>
428	<use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
429	</svg>
430	Удалить
431	</a>
432	<a href="{{ route('worker.edit_sertificate', ['worker' => $Worker[0]->id, 'doc' => $it->id ]) }}" class="button">Редактирование</a>
433	</div>	396	</div>
434	</div>
435	@php $i++ @endphp
436	@endforeach	397	@endforeach
437	@else
438	<div style="margin-bottom: 20px" class="cabinet__body-item">
439	<h3 class="cabinet__subtitle">Сертификаты / документы</h3>
440	Нет сертификатов
441	</div>
442	@endif	398	@endif
443	</div>
444		399
445	<div class="cabinet__body-item">	400	<a class="button fit-content" href="{{ route('worker.new_sertificate',['worker' => $worker->id]) }}" id="button_new_doc" name="button_new_doc">
446	<a class="button button_light" href="{{ route('worker.new_sertificate',['worker' => $Worker[0]->id]) }}" id="button_new_doc" name="button_new_doc">	401	Добавить сертификат / документ
447	Добавить сертификат
448	</a>	402	</a>
449	</div>	403	</div>
450		404
451	<div class="cabinet__body-item" name="ajax_dop_diplomi" id="ajax_dop_diplomi">	405	<div class="cabinet__body-item mb-40" name="ajax_dop_diplomi" id="ajax_dop_diplomi">
452	<h4 class="cabinet__h4">Дополнительная информация</h4>	406	<h3 class="cabinet__subtitle font30">Дополнительные документы</h3>
		407
453	<div class="cabinet__inputs" id="block_sertificate">	408	<div class="cabinet__inputs" id="block_sertificate">
454	@if ($Infobloks->count())	409	@if ($info_blocks->count())
455	@foreach ($Infobloks as $doc)	410	@foreach ($info_blocks as $info_block)
456	<div class="cabinet__inputs-item form-group">	411	<div class="cabinet__inputs-item column-count-3 form-group">
457	<label class="form-group__label">{{ $doc->name }}</label>	412	<label class="form-group__label">{{ $info_block->name }}:</label>
		413
458	<div class="form-group__item">	414	<div class="form-group__item">
459	<div class="select">	415	@php $status = 0; @endphp
460	@php $Selected = 0; @endphp	416	@if (!empty($worker->dop_info[$info_block->id]) && $worker->dop_info[$info_block->id]['status'])
461	@if ($Worker[0]->infobloks->count())	417	@php $status = $worker->dop_info[$info_block->id]['status']; @endphp
462	@foreach ($Worker[0]->dop_info as $info)	418	@endif
463	@if ($info->infoblok_id == $doc->id)	419	{{ $additional_document_statuses[$status] }}
464	@php $Selected = $info->status; @endphp
465	@endif
466	@endforeach
467	@endif
468	<select data-info="{{ $doc->id }}" class="js-select2 sertificates_js">
469	<option value="0" @if ($Selected == 0) selected @endif>Не указано</option>
470	<option value="1" @if ($Selected == 1) selected @endif>В наличии</option>
471	<option value="2" @if ($Selected == 2) selected @endif>Отсутствует</option>
472	</select>
473	</div>
474	</div>	420	</div>
475	</div>	421	</div>
476	@endforeach	422	@endforeach
477	@endif	423	@endif
478	<!--_if (isset($Worker[0]->infobloks))
479	_php dd($Worker[0]->infobloks) _endphp
480	_if ($Worker[0]->infobloks->count())
481	_php $i = 1; _endphp
482	_foreach ($Worker[0]->infobloks as $info)
483	<div class="cabinet__inputs-item form-group">
484	<label class="form-group__label"> $info->name }}</label>
485	<div class="form-group__item">
486	<div class="select">
487	<select data-info=" $info->id }}" class="js-select2 sertificates_js">
488	<option value="0">Нет</option>
489	<option value="1" selected>Да</option>
490	</select>
491	</div>
492	</div>
493	</div>
494	_php $i++; _endphp
495	_endforeach
496	_endif
497	_endif
498	-->
499
500	<!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
501	<label class="form-group__label">Образцы дипломов и документов</label>
502	<div class="form-group__item">
503	<div class="select">
504	<select class="js-select2" id="documents" name="documents">
505	_if ($Infoblocks->count())
506	_foreach ($Infoblocks as $it)
507	<option value="_$it->id }}">_$it->name }}</option>
508	_endforeach
509	_endif
510	</select>
511	</div>
512	</div>
513	</div>-->
514	</div>	424	</div>
515	<!--<a href=" route('worker.add_diplom', ['worker' => $Worker[0]->id]) }}" name="btn_new_diplom" data-val="{{ $Worker[0]->id }}" id="btn_new_diplom" class="button button_light">	425
516	Добавить документ	426	<a class="button fit-content" href="{{ route('worker.additional_documents') }}">
517	</a>-->	427	Редактировать дополнительные документы
		428	</a>
518	</div>	429	</div>
519	<div class="cabinet__body-item">	430
		431	<div class="cabinet__body-item mb-20">
		432	<div>
		433	<h3 class="cabinet__subtitle font30">Опыт работы</h3>
		434	<div class="">Начните заполнение анкеты с указания последнего места работы</div>
		435	</div>
		436
520	<div class="cabinet__works">	437	<div class="cabinet__works">
521	@if (isset($Worker[0]->place_worker))	438	@if (isset($worker->place_worker))
522	@php $i = 1; @endphp	439	@foreach($worker->place_worker as $company)
523	@foreach($Worker[0]->place_worker as $company)
524	<div class="cabinet__works-item">	440	<div class="cabinet__works-item">
525	<div class="cabinet__works-spoiler active">	441	<div class="cabinet__works-spoiler active">
526	<div class="cabinet__works-spoiler-left">	442	<div class="cabinet__works-spoiler-left">
527	<div class="cabinet__works-spoiler-buttons">	443	<div class="cabinet__works-spoiler-text">Место работы {{ $loop->iteration }}</div>
528	<a href="{{ route('worker.delete_document', ['doc' => $company->id]) }}" class="button button_light js-works-remove">	444	</div>
529	<svg>	445	<div class="cabinet__works-spoiler-buttons">
530	<use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>	446	<a href="{{ route('worker.delete_document', ['doc' => $company->id]) }}" class="button button_light js-works-remove">
531	</svg>	447	<svg>
532	</a>	448	<use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
533	<a href="{{ route('worker.edit_document', ['doc' => $company->id, 'worker' => $Worker[0]->id]) }}" type="button" class="button button_light js-works-edit">	449	</svg>
534	<svg>	450	</a>
535	<use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>	451	<a href="{{ route('worker.edit_document', ['doc' => $company->id, 'worker' => $worker->id]) }}" type="button" class="button button_light js-works-edit">
536	</svg>	452	<svg>
537	</a>	453	<use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
538	</div>	454	</svg>
539	<div class="cabinet__works-spoiler-text">Место работы {{ $i }}</div>	455	</a>
540	</div>	456	</div>
541	<button type="button" class="cabinet__works-spoiler-right js-parent-toggle">
542	<svg>
543	<use xlink:href="{{ asset('images/sprite.svg#arrow-bold') }}"></use>
544	</svg>
545	</button>
546	</div>	457	</div>
		458
547	<div class="cabinet__works-body">	459	<div class="cabinet__works-body">
548	<div class="cabinet__inputs">	460	<div class="cabinet__inputs">
549	<div class="cabinet__inputs-item form-group">	461	<div class="cabinet__inputs-item column-count-3 form-group">
550	<label class="form-group__label">Должность</label>	462	<label class="form-group__label">Должность:</label>
551	<div class="form-group__item">	463	<div class="form-group__item">
552	<input type="text" class="input" value="{{ $company->job_title }}" disabled>	464	{{ $company->job_title ?? '-' }}
553	</div>	465	</div>
554	</div>	466	</div>
555	<!--<div class="cabinet__inputs-item form-group">	467
556	<label class="form-group__label">Опыт работы в танкерном флоте</label>	468	<div class="cabinet__inputs-item column-count-3 form-group">
557	<div class="form-group__item">	469	<label class="form-group__label">Название т/х:</label>
558	<input type="text" class="input" value="@if ($company->tanker) Есть @else Нет @endif">
559	</div>
560	</div>-->
561	<div class="cabinet__inputs-item form-group">
562	<label class="form-group__label">Название т/х</label>
563	<div class="form-group__item">	470	<div class="form-group__item">
564	<input type="text" class="input" value="{{ $company->teplohod }}" disabled>	471	{{ $company->teplohod ?? '-' }}
565	</div>	472	</div>
566	</div>	473	</div>
567	<div class="cabinet__inputs-item form-group">	474	<div class="cabinet__inputs-item column-count-3 form-group">
568	<label class="form-group__label">Тип суда (GWT)</label>	475	<label class="form-group__label">Тип суда:</label>
569	<div class="form-group__item">	476	<div class="form-group__item">
570	<input type="text" class="input" value="{{ $company->GWT }}" disabled>	477	{{ $company->GWT ?? '-' }}
571	</div>	478	</div>
572	</div>	479	</div>
573	<div class="cabinet__inputs-item form-group">	480	<div class="cabinet__inputs-item column-count-3 form-group">
574	<label class="form-group__label">Марка ГД</label>	481	<label class="form-group__label">Марка ГД:</label>
575	<div class="form-group__item">	482	<div class="form-group__item">
576	<input type="text" class="input" value="{{ $company->Marka_GD }}" disabled>	483	{{ $company->Marka_GD ?? '-' }}
577	</div>	484	</div>
578	</div>	485	</div>
579	<div class="cabinet__inputs-item form-group">	486	<div class="cabinet__inputs-item column-count-3 form-group">
580	<label class="form-group__label">Мощность ГД (кВТ)</label>	487	<label class="form-group__label">Мощность ГД (кВТ):</label>
581	<div class="form-group__item">	488	<div class="form-group__item">
582	<input type="text" class="input" value="{{ $company->KBT }}" disabled>	489	{{ $company->KBT ?? '-' }}
583	</div>	490	</div>
584	</div>	491	</div>
585	<div class="cabinet__inputs-item form-group">	492	<div class="cabinet__inputs-item column-count-3 form-group">
586	<label class="form-group__label">Водоизмещение (GRT)</label>	493	<label class="form-group__label">Водоизмещение (DWT):</label>
587	<div class="form-group__item">	494	<div class="form-group__item">
588	<input type="text" class="input" value="{{ $company->GRT }}" disabled>	495	{{ $company->GRT ?? '-' }}
589	</div>	496	</div>
590	</div>	497	</div>
591	<div class="cabinet__inputs-item form-group">	498	<div class="cabinet__inputs-item column-count-3 form-group">
592	<label class="form-group__label">Название компании</label>	499	<label class="form-group__label">Название компании:</label>
593	<div class="form-group__item">	500	<div class="form-group__item">
594	<input type="text" class="input" value="{{ $company->name_company }}" disabled>	501	{{ $company->name_company ?? '-' }}
595	</div>	502	</div>
596	</div>	503	</div>
597	<div class="cabinet__inputs-item form-group">	504	<div class="cabinet__inputs-item column-count-3 form-group">
598	<label class="form-group__label">Начало контракта</label>	505	<label class="form-group__label">Начало контракта:</label>
599	<div class="form-group__item">	506	<div class="form-group__item">
600	<input type="text" class="input" value="{{ $company->begin_work }}" disabled>	507	{{ $company->begin_work ?? '-' }}
601	</div>	508	</div>
602	</div>	509	</div>
603	<div class="cabinet__inputs-item form-group">	510	<div class="cabinet__inputs-item column-count-3 form-group">
604	<label class="form-group__label">Окончание контракта</label>	511	<label class="form-group__label">Окончание контракта:</label>
605	<div class="form-group__item">	512	<div class="form-group__item">
606	<input type="text" class="input" value="{{ $company->end_work }}" disabled>	513	{{ $company->end_work ?? '-' }}
607	</div>	514	</div>
608	</div>	515	</div>
609		516
610	</div>	517	</div>
611	</div>	518	</div>
612	</div>	519	</div>
613	@php $i++ @endphp
614	@endforeach	520	@endforeach
615	@endif	521	@endif
616	</div>	522	</div>
617		523
618	</div>	524	<a href="{{ route('worker.add_document', ['worker' => $worker->id]) }}" id="new_work" name="new_work" class="button fit-content">
		525	Добавить место работы
		526	</a>
		527	</div>
619		528
620	<a href="{{ route('worker.add_document', ['worker' => $Worker[0]->id]) }}" id="new_work" name="new_work" class="button button_light cabinet__works-add" style="width:100%; max-width:none;">Новое место работы</a>	529	<div id="prev_worker" name="prev_worker">
		530	<div>
		531	<h3 class="cabinet__subtitle font30">Рекомендации</h3>

resources/views/workers/cabinet_layout.blade.php

Diff comments View file @ d4632b7

File was created	1	@extends('layout.frontend')
	2
	3	@section('content')
	4	<section class="cabinet">
	5	<div class="container">
	6	<ul class="breadcrumbs cabinet__breadcrumbs">
	7	<li><a href="{{ route('index') }}">Главная</a></li>
	8	<li><b>Личный кабинет</b></li>
	9	</ul>
	10	<div class="cabinet__wrapper">
	11	<div class="cabinet__side">
	12	<div class="cabinet__side-toper">
	13	@include('workers.emblema')
	14	</div>
	15
	16	@include('workers.menu', ['item' => 1])
	17	</div>
	18	<div class="cabinet__body">@yield('cabinet_content')</div>
	19	</div>
	20	</div>
	21	</section>
	22	@endsection
	23
	24
	25
	26
	27

resources/views/workers/docs-edit.blade.php

Diff comments View file @ d4632b7

-@extends('layout.frontend', ['title' => 'Редактирование стандартного документа - РекаМоре'])
+@extends('workers.cabinet_layout', ['title' => 'Место работы - РекаМоре'])
-@section('scripts')
-@endsection
+@section('cabinet_content')
+<form class="" action="{{ route('worker.edit_document_save', ['doc' => $doc->id]) }}" method="POST">
+    @csrf
+    <div class="cabinet__body-item">
+        <div class="cabinet__anketa">
+            <h2 class="title cabinet__title">Место работы</h2>
+        </div>
+    </div>
-@section('content')
+    @include('messages_error')
-    <section class="cabinet">
-        <div class="container">
-            <ul class="breadcrumbs cabinet__breadcrumbs">
-                <li><a href="{{ route('index') }}">Главная</a></li>
-                <li><b>Личный кабинет</b></li>
-            </ul>
-            <div class="cabinet__wrapper">
-                <div class="cabinet__side">
-                    <div class="cabinet__side-toper">
-                        @include('workers.emblema')
+    <div class="cabinet__works-body">
+            <div class="cabinet__inputs">
+                <input type="hidden" name="worker_id" id="worker_id" value="{{ $worker->id }}"/>
+                <div class="cabinet__inputs-item form-group">
+                    <label class="form-group__label">Должность:</label>
+                    <div class="form-group__item">
+                        <input type="text" name="job_title" id="job_title" class="input" value="{{ old('job_title') ?? $doc->job_title ?? '' }}">
                     </div>
+                </div>
-                    @include('workers.menu', ['item' => 1])
+                <div class="cabinet__inputs-item form-group">
+                    <label class="form-group__label">Название т/х:</label>
+                    <div class="form-group__item">
+                        <input type="text" name="teplohod" id="teplohod" class="input" value="{{ old('teplohod') ?? $doc->teplohod ?? '' }}">
+                    </div>
+                </div>
+                <div class="cabinet__inputs-item form-group">
+                    <label class="form-group__label">Тип судна (GWT):</label>
+                    <div class="form-group__item">
+                        <input type="text" name="GWT" id="GWT" class="input" value="{{ old('GWT') ?? $doc->GWT ?? '' }}">
+                    </div>
                 </div>
-                <form class="cabinet__body" action="{{ route('worker.edit_document_save', ['doc' => $doc->id]) }}" method="POST">
+                <div class="cabinet__inputs-item form-group">
-                    @csrf
+                    <label class="form-group__label">Марка ГД:</label>
-                    <div class="cabinet__works-item">
+                    <div class="form-group__item">
-                        @include('messages_error')
+                        <input type="text" name="Marka_GD" id="Marka_GD" class="input" value="{{ old('Marka_GD') ?? $doc->Marka_GD ?? '' }}">
-                        <div class="cabinet__works-spoiler active">
+                    </div>
-                            <div class="cabinet__works-spoiler-left">
+                </div>
-                                <div class="cabinet__works-spoiler-text">Редактирование работы</div>
-                            </div>
-                            <button type="button" class="cabinet__works-spoiler-right js-parent-toggle">
-                                <svg>
-                                    <use xlink:href="{{ asset('images/sprite.svg#arrow-bold') }}"></use>
-                                </svg>
-                            </button>
-                        </div>
-                        <div class="cabinet__works-body">
-                            <div class="cabinet__inputs">
-                                <input type="hidden" name="worker_id" id="worker_id" value="{{ $worker->id }}"/>
-                                <div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Должность</label>
-                                    <div class="form-group__item">
-                                        <input type="text" name="job_title" id="job_title" class="input" value="{{ old('job_title') ?? $doc->job_title ?? '' }}">
-                                    </div>
-                                </div>
-                                <!--<div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Опыт работы в танкерном флоте</label>
-                                    <div class="form-group__item">
-                                        <select class="js-select2" name="tanker" id="tanker">
-                                            <option value="0" if ($doc->tanker == 0) seleted endif>Нет</option>
-                                            <option value="1" if ($doc->tanker == 1) seleted endif>Да</option>
-                                        </select>
-                                    </div>
-                                </div>-->
-                                <div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Название т/х</label>
-                                    <div class="form-group__item">
-                                        <input type="text" name="teplohod" id="teplohod" class="input" value="{{ old('teplohod') ?? $doc->teplohod ?? '' }}">
-                                    </div>
-                                </div>
-                                <div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Тип судна (GWT)</label>
-                                    <div class="form-group__item">
-                                        <input type="text" name="GWT" id="GWT" class="input" value="{{ old('GWT') ?? $doc->GWT ?? '' }}">
-                                    </div>
-                                </div>
-                                <div class="cabinet__inputs-item form-group">
+                <div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Марка ГД</label>
+                    <label class="form-group__label">Мощность ГД (кВТ):</label>
-                                    <div class="form-group__item">
+                    <div class="form-group__item">
-                                        <input type="text" name="Marka_GD" id="Marka_GD" class="input" value="{{ old('Marka_GD') ?? $doc->Marka_GD ?? '' }}">
+                        <input type="text" name="KBT" id="KBT" class="input" value="{{ old('KBT') ?? $doc->KBT ?? '' }}">
-                                    </div>
+                    </div>
-                                </div>
+                </div>
-                                <div class="cabinet__inputs-item form-group">
+                <div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Мощность ГД (кВТ)</label>
+                    <label class="form-group__label">Водоизмещение (DWT):</label>
-                                    <div class="form-group__item">
+                    <div class="form-group__item">
-                                        <input type="text" name="KBT" id="KBT" class="input" value="{{ old('KBT') ?? $doc->KBT ?? '' }}">
+                        <input type="text" name="GRT" id="GRT" class="input" value="{{ old('GRT') ?? $doc->GRT ?? '' }}">
-                                    </div>
+                    </div>
-                                </div>
+                </div>
-                                <div class="cabinet__inputs-item form-group">
+                <div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Водоизмещение (GRT)</label>
+                    <label class="form-group__label">Название компании:</label>
-                                    <div class="form-group__item">
+                    <div class="form-group__item">
-                                        <input type="text" name="GRT" id="GRT" class="input" value="{{ old('GRT') ?? $doc->GRT ?? '' }}">
+                        <input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? $doc->name_company ?? '' }}">
-                                    </div>
+                    </div>
-                                </div>
+                </div>
-                                <div class="cabinet__inputs-item form-group">
+                <div class="cabinet__inputs-item form-group">
-                                    <label class="form-group__label">Название компании</label>
+                    <label class="form-group__label">Начало контракта:</label>
-                                    <div class="form-group__item">
+                    <div class="form-group__item">
-                                        <input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? $doc->name_company ?? '' }}">
+                        <input type="text" name="Begin_work" id="Begin_work" class="input" value="{{ old('begin_work') ?? $doc->begin_work ?? '' }}">
-                                    </div>
+                    </div>
-                                </div>
+                </div>

resources/views/workers/form_additional_documents.blade.php

Diff comments View file @ d4632b7

File was created	1	@extends('workers.cabinet_layout', ['title' => 'Дополнительные документы - РекаМоре'])
	2
	3	@section('scripts')
	4	<script>
	5	$(function () {
	6	$('.sertificates_js').change(function(){
	7	var this_btn = $(this);
	8	var wrap = this_btn.closest('.cabinet__inputs-item');
	9	var infoblock_id = this_btn.attr('data-info');
	10	var val = this_btn.val();
	11
	12	$.ajax({
	13	type: "GET",
	14	url: "{{ route('worker.delete_add_diplom', ['worker' => $worker->id]) }}",
	15	data: "&infoblok_id=" + infoblock_id+"&val="+val,
	16	success: function (data) {
	17	wrap.find('.form-group__label').append('<span class="success font12 ml-10 green">Сохранено</span>');
	18	setTimeout(function(){
	19	wrap.find('.form-group__label .success').fadeOut(300, function(){
	20	wrap.find('.form-group__label .success').remove();
	21	});
	22	}, 2000);
	23	},
	24	headers: {
	25	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
	26	},
	27	error: function (data) {
	28	data = JSON.stringify(data);
	29	console.log('Error: ' + data);
	30	}
	31	});
	32	});
	33	});
	34	</script>
	35	@endsection
	36
	37	@section('cabinet_content')
	38	<div class="mb-40" name="ajax_dop_diplomi" id="ajax_dop_diplomi">
	39	@csrf
	40
	41	<div class="cabinet__body-item">
	42	<div class="cabinet__anketa">
	43	<h2 class="title cabinet__title">Дополнительные документы</h2>
	44	</div>
	45	</div>
	46
	47	<div class="cabinet__body-item">
	48	<div class="cabinet__inputs">
	49	@if ($info_blocks->count())
	50	@foreach ($info_blocks as $info_block)
	51	<div class="cabinet__inputs-item form-group">
	52	<label class="form-group__label">{{ $info_block->name }}:</label>
	53
	54	<div class="form-group__item">
	55	@php $status = 0; @endphp
	56	@if (!empty($worker->dop_info[$info_block->id]) && $worker->dop_info[$info_block->id]['status'])
	57	@php $status = $worker->dop_info[$info_block->id]['status']; @endphp
	58	@endif
	59
	60	<select data-info="{{ $info_block->id }}" class="js-select2 sertificates_js">
	61	@foreach($additional_document_statuses as $key => $value)
	62	<option value="{{ $key }}" @if ($status == $key) selected @endif>{{ $value }}</option>
	63	@endforeach
	64	</select>
	65	</div>
	66	</div>
	67	@endforeach
	68	@endif
	69
	70	<div class="cabinet__body-item cabinet__inputs-item-full-row">
	71	<div class="cabinet__buttons_flex">
	72	<a href="{{ route('worker.cabinet') }}" class="button button_light active">Назад</a>
	73	</div>
	74	</div>
	75	</div>
	76	</div>
	77	</div>
	78	@endsection
	79

resources/views/workers/form_basic_information.blade.php

Diff comments View file @ d4632b7

File was created	1	@extends('workers.cabinet_layout', ['title' => 'Основная информация - РекаМоре'])
	2
	3	@section('cabinet_content')
	4	@php
	5	$worker = $user->workers[0]
	6	@endphp
	7	<form action="{{ route('worker.cabinet_save', ['worker' => $worker->id]) }}" enctype="multipart/form-data" method="POST">
	8	@csrf
	9	@include('messages_error')
	10
	11	<div class="cabinet__body-item">
	12	<div class="cabinet__anketa">
	13	<h2 class="title cabinet__title">Основная информация</h2>
	14	</div>
	15	</div>
	16
	17	<div class="cabinet__body-item">
	18	<div class="cabinet__inputs">
	19	<div class="cabinet__inputs-item form-group">
	20	<label class="form-group__label">Фамилия:</label>
	21	<div class="form-group__item">
	22	<input type="text" name="surname" id="surmane" class="input" value="{{ $user->surname }}" placeholder="Филиппов" required>
	23	</div>
	24	</div>
	25	<div class="cabinet__inputs-item form-group">
	26	<label class="form-group__label">Имя:</label>
	27	<div class="form-group__item">
	28	<input type="text" name="name_man" id="name_man" class="input" value="{{ $user->name_man }}" placeholder="Егор" required>
	29	</div>
	30	</div>
	31
	32	<div class="cabinet__inputs-item form-group">
	33	<label class="form-group__label">Отчество:</label>
	34	<div class="form-group__item">
	35	<input type="text" class="input" name="surname2" id="surmane2" value="{{ $user->surname2 }}" placeholder="Алексеевич">
	36	</div>
	37	</div>
	38	<div class="cabinet__inputs-item form-group">
	39	<label class="form-group__label">Возраст</label>
	40	<div class="form-group__item">
	41	<input type="number" name="old_year" id="old_year" value="{{ $worker->old_year }}" class="input" placeholder="0" required>
	42	</div>
	43	</div>
	44
	45	<div class="cabinet__inputs-item form-group">
	46	<label class="form-group__label">Статус</label>
	47	<div class="form-group__item">
	48	<div class="select">
	49	<select class="js-select2" name="status_work" id="status_work">
	50	<option value="1" @if ($worker->status_work == 1) selected @endif>Не указано</option>
	51	<option value="2" @if ($worker->status_work == 2) selected @endif>Не ищу работу</option>
	52	<option value="0" @if ($worker->status_work == 0) selected @endif>Ищу работу</option>
	53	</select>
	54	</div>
	55	</div>
	56	</div>
	57
	58	<div class="cabinet__inputs-item cabinet__inputs-item_max form-group cabinet__inputs-item-full-row">
	59	<label class="form-group__label">Желаемые вакансии:</label>
	60	<div class="form-group__item">
	61	<div class="select">
	62	<select class="js-select2" name="job_title_id[]" id="job_title_id[]" multiple="multiple">
	63	@if ($job_titles->count())
	64	@foreach($job_titles as $job_title)
	65	<option value="{{ $job_title->id }}" @if (in_array($job_title->id, $worker->job_titles)) selected @endif>{{ $job_title->name }}</option>
	66	@endforeach
	67	@endif
	68	</select>
	69	</div>
	70	</div>
	71	</div>
	72
	73	<div class="cabinet__inputs-item form-group">
	74	<label class="form-group__label">Пожелания к З/П:</label>
	75	<div class="form-group__item">
	76	<input type="text" name="salary_expectations" id="salary_expectations" value="{{ $worker->salary_expectations }}" class="input" placeholder="От 150 000 руб">
	77	</div>
	78	</div>
	79	<div class="cabinet__inputs-item form-group">
	80	<label class="form-group__label">Опыт работы</label>
	81	<div class="form-group__item">
	82	<div class="select">
	83	<select class="js-select2" id="experience" name="experience">
	84	<option value="Не указано" @if (empty($worker->experience)) selected @endif>Не указано</option>
	85	<option value="меньше 1 года" @if ($worker->experience == 'меньше 1 года') selected @endif>меньше 1 года</option>
	86	<option value="от 1 года до 3 лет" @if ($worker->experience == 'от 1 года до 3 лет') selected @endif>от 1 года до 3 лет</option>
	87	<option value="от 3 до 5 лет" @if ($worker->experience == 'от 3 до 5 лет') selected @endif>от 3 до 5 лет</option>
	88	<option value="от 5 до 10 лет" @if ($worker->experience == 'от 5 до 10 лет') selected @endif>от 5 до 10 лет</option>
	89	<option value="Больше 10 лет" @if ($worker->experience == 'Больше 10 лет') selected @endif>Больше 10 лет</option>
	90	</select>
	91	</div>
	92	</div>
	93	</div>
	94
	95	<div class="cabinet__inputs-item form-group">
	96	<label class="form-group__label">Уровень английского:</label>
	97	<div class="form-group__item">
	98	<input type="text" name="english_level" id="english_level" value="{{ $worker->english_level }}" class="input" placeholder="Средний">
	99	</div>
	100	</div>
	101	<div class="cabinet__inputs-item form-group">
	102	<label class="form-group__label">Дата готовности к посадке:</label>
	103	<div class="form-group__item">
	104	<input type="text" name="ready_boart_date" id="ready_boart_date" value="{{ $worker->ready_boart_date }}" class="input" placeholder="С 1 января {{ date('Y')}}">
	105	</div>
	106	</div>
	107
	108	<div class="cabinet__inputs-item form-group">
	109	<label class="form-group__label">Предпочтение по типу судна:</label>
	110	<div class="form-group__item">
	111	<input type="text" name="boart_type_preference" id="boart_type_preference" value="{{ $worker->boart_type_preference }}" class="input" placeholder="Балкер, сухогруз, контейнеровоз">
	112	</div>
	113	</div>
	114	<div class="cabinet__inputs-item form-group">
	115	<label class="form-group__label">Наличие визы:</label>
	116	<div class="form-group__item">
	117	<input type="text" name="visa_available" id="visa_available" value="{{ $worker->visa_available }}" class="input" placeholder="Да">
	118	</div>
	119	</div>
	120
	121	<div class="cabinet__inputs-item form-group">
	122	<label class="form-group__label">Наличие танкерных документов:</label>
	123	<div class="form-group__item">
	124	<input type="text" name="tanker_documents_available" id="tanker_documents_available" value="{{ $worker->tanker_documents_available }}" class="input" placeholder="Нет">
	125	</div>
	126	</div>
	127	<div class="cabinet__inputs-item form-group">
	128	<label class="form-group__label">Наличие подтверждения для работы на ВВП:</label>
	129	<div class="form-group__item">
	130	<input type="text" name="confirmation_work_for_vvp" id="confirmation_work_for_vvp" value="{{ $worker->confirmation_work_for_vvp }}" class="input" placeholder="Нет">
	131	</div>
	132	</div>
	133
	134	<div class="cabinet__inputs-item form-group">
	135	<label class="form-group__label">Наличие военного билета / приписного свидетельства:</label>
	136	<div class="form-group__item">
	137	<input type="text" name="military_id_available" id="military_id_available" value="{{ $worker->military_id_available }}" class="input" placeholder="Нет">
	138	</div>
	139	</div>
	140	<div class="cabinet__inputs-item form-group">
	141	<label class="form-group__label">Город проживания:</label>
	142	<div class="form-group__item">
	143	<input type="text" name="city" id="city" value="{{ $worker->city }}" class="input" placeholder="Челябинск" required>
	144	</div>
	145	</div>
	146
	147	<div class="cabinet__inputs-item form-group">
	148	<label class="form-group__label">Телефон:</label>
	149	<div class="form-group__item">
	150	<input type="tel" name="telephone" id="telephone" value="{{ old('telephone') ?? $worker->telephone ?? '' }}" class="input" placeholder="+7 (___) ___-__-__" required>
	151	</div>
	152	</div>
	153	<div class="cabinet__inputs-item form-group">
	154	<label class="form-group__label">E-mail:</label>
	155	<div class="form-group__item">
	156	<input type="email" name="email" id="email" value="{{ $worker->email }}" class="input" placeholder="name@rekamore.su" required>
	157	</div>
	158	</div>
	159
	160	<div class="cabinet__inputs-item form-group">
	161	<label class="form-group__label">Контакты родственников:</label>
	162	<div class="form-group__item">
	163	<input type="tel" name="telephone2" id="telephon2" value="{{ old('telephone2') ?? $worker->telephone2 ?? '' }}" class="input" placeholder="+7 (___) ___-__-__">
	164	</div>
	165	</div>
	166	<div class="cabinet__inputs-item form-group"></div>
	167
	168	<div class="cabinet__body-item cabinet__inputs-item-full-row">
	169	<h4 class="cabinet__h4">О себе</h4>
	170	<textarea class="textarea" name="text" id="text" placeholder="Не указано">{{ $worker->text }}</textarea>
	171	</div>
	172
	173	<div class="cabinet__body-item cabinet__inputs-item-full-row">
	174	<div class="cabinet__buttons_flex">
	175	<button type="submit" class="button">Сохранить</button>
	176	<a href="{{ route('worker.cabinet') }}" class="button button_light active">Отменить</a>
	177	<label class="file">
	178	<span class="file__input">
	179	<input type="file" name="file" id="file">
	180	<span class="button button_light">@if (empty($worker->file)) Прикрепить резюме @else Обновить резюме @endif</span>
	181	</span>
	182	</label>
	183	</div>
	184	</div>
	185	</div>
	186	</div>
	187	</form>
	188	@endsection
	189

resources/views/workers/prev_company_edit_form.blade.php

Diff comments View file @ d4632b7

1	@extends('layout.frontend', ['title' => 'Редактирование контакта предыдущей компании - РекаМоре'])	1	@extends('workers.cabinet_layout', ['title' => 'Рекомендация - РекаМоре'])
2		2
3	@section('scripts')	3	@section('cabinet_content')
4	<script>	4	<form id="submit_form" name="submit_form" action="{{ route('worker.update_prev_company', ['doc' => $doc]) }}" class="cabinet__inputs" method="POST">
5	console.log('Test system');	5	@csrf
6	$(document).on('submit', '#submit_form', function() {	6	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
7	var this_ = $(this);
8	var new_diplom = $('#name');
9	var new_diplom_val = new_diplom.val();
10	var new_data_begin = $('#new_data_begin');
11	var new_data_begin_val = new_data_begin.val();
12	var new_data_end = $('#new_data_end');
13	var new_data_end_val = new_data_end.val();
14	var education = $('#education');
15	var education_val = education.val();
16	var worker_id = $('#new_id');
17	var worker_val = worker_id.val();
18		7
19	console.log('Валидация формы.');	8	<div class="cabinet__body-item">
20		9	<div class="cabinet__anketa">
21	if (new_diplom_val == '') {	10	<h2 class="title cabinet__title mb-0">Рекомендация</h2>
22	new_diplom.addClass('err_red');	11	</div>
23	console.log('Border Up');	12	</div>
24	return false;
25	} else {
26	return true;
27	}
28	});
29	</script>
30	@endsection
31		13
32	@section('content')	14	<div class="cabinet__body-item">
33	<section class="cabinet">	15	<div class="cabinet__inputs">
34	<div class="container">	16	<div class="cabinet__inputs-item form-group">
35	<ul class="breadcrumbs cabinet__breadcrumbs">	17	<label class="form-group__label">Название компании:<span class="red">*</span></label>
36	<li><a href="{{ route('index') }}">Главная</a></li>	18	<div class="form-group__item">
37	<li><b>Личный кабинет</b></li>	19	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? $doc->name_company ?? '' }}">
38	</ul>
39	<div class="cabinet__wrapper">
40	<div class="cabinet__side">
41	<div class="cabinet__side-toper">
42	@include('workers.emblema')
43	</div>
44	@include('workers.menu', ['item' => 1])
45	</div>	20	</div>
46		21	</div>
47	<div class="cabinet__body">	22	<div class="cabinet__inputs-item form-group">
48	<div class="cabinet__body-item">	23	<label class="form-group__label">ФИО сотрудника:<span class="red">*</span></label>
49	<h4 class="cabinet__h4">Добавление контакта предыдущей компании</h4>	24	<div class="form-group__item">
50	<form id="submit_form" name="submit_form" action="{{ route('worker.update_prev_company', ['doc' => $doc]) }}" class="cabinet__inputs" method="POST">	25	<input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? $doc->direct ?? '' }}">
51	@csrf	26	</div>
52	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">	27	</div>
53	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	28	<div class="cabinet__inputs-item form-group">
54	<label class="form-group__label">Название компании</label>	29	<label class="form-group__label">Должность сотрудника:</label>
55	<div class="form-group__item">	30	<div class="form-group__item">
56	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? $doc->name_company ?? '' }}">	31	<input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? $doc->telephone ?? '' }}">
57	</div>	32	</div>
58	</div>	33	</div>
59	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">	34	<div class="cabinet__inputs-item form-group">
60	<label class="form-group__label">ФИО сотрудника</label>	35	<label class="form-group__label">Телефон сотрудника:</label>
61	<div class="form-group__item">	36	<div class="form-group__item">
62	<input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? $doc->direct ?? '' }}">	37	<input type="text" name="telephone2" id="telephone2" class="input" value="{{ old('telephone2') ?? $doc->telephone2 ?? '' }}">
63	</div>
64	</div>
65	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
66	<label class="form-group__label">Должность сотрудника</label>
67	<div class="form-group__item">
68	<input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? $doc->telephone ?? '' }}">
69	</div>
70	</div>
71	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
72	<label class="form-group__label">Телефон сотрудника</label>
73	<div class="form-group__item">
74	<input type="text" name="telephone2" id="telephone2" class="input" value="{{ old('telephone2') ?? $doc->telephone2 ?? '' }}">
75	</div>
76	</div>
77	<button type="submit" class="button">Сохранить</button>
78	<a href="{{ route('worker.cabinet') }}" class="button">Назад</a>
79	</form>
80	</div>
81	</div>	38	</div>
82	</div>	39	</div>
		40
		41	<div class="flex">
		42	<button type="submit" class="button mr-10">Сохранить</button>
		43	<a href="{{ route('worker.cabinet') }}" class="button button_light">Отменить</a>
		44	</div>

resources/views/workers/prev_company_form.blade.php

Diff comments View file @ d4632b7

1	@extends('layout.frontend', ['title' => 'Добавление контакта предыдущей компании - РекаМоре'])	1	@extends('workers.cabinet_layout', ['title' => 'Рекомендация - РекаМоре'])
2		2
3	@section('scripts')	3	@section('cabinet_content')
4	<script>	4	<form id="submit_form" name="submit_form" action="{{ route('worker.add_prev_company') }}" class="cabinet__inputs" method="GET">
5	console.log('Test system');	5	@csrf
6	$(document).on('submit', '#submit_form', function() {	6	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
7	var this_ = $(this);
8	var new_diplom = $('#name');
9	var new_diplom_val = new_diplom.val();
10	var new_data_begin = $('#new_data_begin');
11	var new_data_begin_val = new_data_begin.val();
12	var new_data_end = $('#new_data_end');
13	var new_data_end_val = new_data_end.val();
14	var education = $('#education');
15	var education_val = education.val();
16	var worker_id = $('#new_id');
17	var worker_val = worker_id.val();
18		7
19	console.log('Валидация формы.');	8	<div class="cabinet__body-item">
20		9	<div class="cabinet__anketa">
21	if (new_diplom_val == '') {	10	<h2 class="title cabinet__title mb-0">Рекомендация</h2>
22	new_diplom.addClass('err_red');	11	</div>
23	console.log('Border Up');	12	</div>
24	return false;
25	} else {
26	return true;
27	}
28	});
29	</script>
30	@endsection
31		13
32	@section('content')	14	<div class="cabinet__body-item">
33	<section class="cabinet">	15	<div class="cabinet__inputs">
34	<div class="container">	16	<div class="cabinet__inputs-item form-group">
35	<ul class="breadcrumbs cabinet__breadcrumbs">	17	<label class="form-group__label">Название компании:<span class="red">*</span></label>
36	<li><a href="{{ route('index') }}">Главная</a></li>	18	<div class="form-group__item">
37	<li><b>Личный кабинет</b></li>	19	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? '' }}" required>
38	</ul>
39	<div class="cabinet__wrapper">
40	<div class="cabinet__side">
41	<div class="cabinet__side-toper">
42	@include('workers.emblema')
43	</div>
44	@include('workers.menu', ['item' => 1])
45	</div>	20	</div>
46		21	</div>
47	<div class="cabinet__body">	22	<div class="cabinet__inputs-item form-group">
48	<div class="cabinet__body-item">	23	<label class="form-group__label">ФИО сотрудника:<span class="red">*</span></label>
49	@include('messages_error')	24	<div class="form-group__item">
50		25	<input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? '' }}" required>
51	<h4 class="cabinet__h4">Добавление контакта предыдущей компании</h4>
52	<form id="submit_form" name="submit_form" action="{{ route('worker.add_prev_company') }}" class="cabinet__inputs" method="GET">
53	@csrf
54	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
55	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
56	<label class="form-group__label">Название компании*</label>
57	<div class="form-group__item">
58	<input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? '' }}">
59	</div>
60	</div>
61	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
62	<label class="form-group__label">ФИО сотрудника*</label>
63	<div class="form-group__item">
64	<input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? '' }}">
65	</div>
66	</div>
67	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
68	<label class="form-group__label">Должность сотрудника</label>
69	<div class="form-group__item">
70	<input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? '' }}">
71	</div>
72	</div>
73	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
74	<label class="form-group__label">Телефон сотрудника</label>
75	<div class="form-group__item">
76	<input type="text" name="telephone2" id="telephone2" class="input" value="{{ old('telephone2') ?? '' }}">
77	</div>
78	</div>
79	<button type="submit" class="button">Сохранить</button>
80	<a href="{{ route('worker.cabinet') }}" class="button">Назад</a>
81	</form>
82	</div>
83	</div>	26	</div>
84	</div>	27	</div>
		28	<div class="cabinet__inputs-item form-group">
		29	<label class="form-group__label">Должность сотрудника:</label>
		30	<div class="form-group__item">
		31	<input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? '' }}">
		32	</div>

resources/views/workers/sertificate_add.blade.php

Diff comments View file @ d4632b7

1	@extends('layout.frontend', ['title' => 'Добавление стандартного документа - РекаМоре'])	1	@extends('workers.cabinet_layout', ['title' => 'Добавление стандартного документа - РекаМоре'])
2		2
3	@section('scripts')	3	@section('cabinet_content')
4	<script>	4	<h3 class="cabinet__h4 font30">Сертификат / документ</h3>
5	console.log('Test system');	5	<form id="submit_form" name="submit_form" action="{{ route('worker.add_serificate') }}" class="cabinet__inputs" method="GET">
6	$(document).on('submit', '#submit_form', function() {	6	@csrf
7	var this_ = $(this);	7	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
8	var new_diplom = $('#name');	8
9	var new_diplom_val = new_diplom.val();	9	<div class="cabinet__body-item width100">
10	var new_data_begin = $('#new_data_begin');	10	<div class="cabinet__inputs">
11	var new_data_begin_val = new_data_begin.val();	11	<div class="cabinet__inputs-item form-group">
12	var new_data_end = $('#new_data_end');	12	<label class="form-group__label">Название сертификата:</label>
13	var new_data_end_val = new_data_end.val();	13	<div class="form-group__item">
14	var education = $('#education');	14	@error('name')
15	var education_val = education.val();	15	<div class="error red">{{ $message }}</div>
16	var worker_id = $('#new_id');	16	@enderror
17	var worker_val = worker_id.val();	17	<input type="text" name="name" id="name" class="input" value="{{ old('name') ?? 'Начальная подготовка' }}" required>
18
19	console.log('Валидация формы.');
20
21	if (new_diplom_val == '') {
22	new_diplom.addClass('err_red');
23	console.log('Border Up');
24	return false;
25	} else {
26	return true;
27	}
28	});
29	</script>
30	@endsection
31
32	@section('content')
33	<section class="cabinet">
34	<div class="container">
35	<ul class="breadcrumbs cabinet__breadcrumbs">
36	<li><a href="{{ route('index') }}">Главная</a></li>
37	<li><b>Личный кабинет</b></li>
38	</ul>
39	<div class="cabinet__wrapper">
40	<div class="cabinet__side">
41	<div class="cabinet__side-toper">
42	@include('workers.emblema')
43
44	</div>
45
46	@include('workers.menu', ['item' => 1])
47	</div>
48
49	<div class="cabinet__body">
50	<div class="cabinet__body-item">
51	<h4 class="cabinet__h4">Добавить сертификат</h4>
52	<form id="submit_form" name="submit_form" action="{{ route('worker.add_serificate') }}" class="cabinet__inputs" method="GET">
53	@csrf
54	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
55	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
56	<label class="form-group__label">Название сертификата</label>
57	<div class="form-group__item">
58	<input type="text" name="name" id="name" class="input" value="Диплом о дополнительном образовании">
59	</div>
60	</div>
61	<div style="display:none" class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
62	<label class="form-group__label">Дата поступления</label>
63	<div class="form-group__item">
64	<input type="text" name="date_begin" id="date_begin" class="input" value="Дата начала">
65	</div>
66	</div>
67	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
68	<label class="form-group__label">Действия сертификата до</label>
69	<div class="form-group__item">
70	<input type="text" name="end_begin" id="end_begin" class="input" value="04.11.26">
71	</div>
72	</div>
73	<div style="display:none" class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
74	<label class="form-group__label">Название учебного заведения</label>
75	<div class="form-group__item">
76	<input type="text" name="education" id="education" class="input" value="Учебное заведение">
77	</div>
78	</div>
79	<button type="submit" class="button">Сохранить</button>
80	<a href="{{ route('worker.cabinet') }}" class="button">Назад</a>
81	</form>
82	</div>	18	</div>
		19	</div>
		20	<div class="cabinet__inputs-item form-group">
		21	<label class="form-group__label">Действия сертификата до:</label>
		22	<div class="form-group__item">
		23	@error('end_begin')
		24	<div class="error red">{{ $message }}</div>
		25	@enderror

resources/views/workers/sertificate_edit.blade.php

Diff comments View file @ d4632b7

1	@extends('layout.frontend', ['title' => 'Редактирование стандартного документа - РекаМоре'])	1	@extends('workers.cabinet_layout', ['title' => 'Редактирование стандартного документа - РекаМоре'])
2		2
3	@section('scripts')	3	@section('cabinet_content')
4	<script>	4	<h3 class="cabinet__h4 font30">Сертификат / документ</h3>
5	console.log('Test system');	5	<form id="submit_form" name="submit_form" action="{{ route('worker.update_serificate', ['doc' => $doc->id]) }}" class="cabinet__inputs" method="GET">
6	$(document).on('submit', '#submit_form', function() {	6	@csrf
7	var this_ = $(this);	7	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
8	var new_diplom = $('#name');
9	var new_diplom_val = new_diplom.val();
10	var new_data_begin = $('#new_data_begin');
11	var new_data_begin_val = new_data_begin.val();
12	var new_data_end = $('#new_data_end');
13	var new_data_end_val = new_data_end.val();
14	var education = $('#education');
15	var education_val = education.val();
16	var worker_id = $('#new_id');
17	var worker_val = worker_id.val();
18		8
19	console.log('Валидация формы.');	9	<div class="cabinet__body-item width100">
20		10	<div class="cabinet__inputs">
21	if (new_diplom_val == '') {	11	<div class="cabinet__inputs-item form-group">
22	new_diplom.addClass('err_red');	12	<label class="form-group__label">Название сертификата:</label>
23	console.log('Border Up');	13	<div class="form-group__item">
24	return false;	14	@error('name')
25	} else {	15	<div class="error red">{{ $message }}</div>
26	return true;	16	@enderror
27	}	17	<input type="text" name="name" id="name" class="input" value="{{ old('name') ?? $doc->name }}" required>
28	});
29	</script>
30	@endsection
31
32	@section('content')
33	<section class="cabinet">
34	<div class="container">
35	<ul class="breadcrumbs cabinet__breadcrumbs">
36	<li><a href="{{ route('index') }}">Главная</a></li>
37	<li><b>Личный кабинет</b></li>
38	</ul>
39	<div class="cabinet__wrapper">
40	<div class="cabinet__side">
41	<div class="cabinet__side-toper">
42	@include('workers.emblema')
43
44	</div>
45
46	@include('workers.menu', ['item' => 1])
47	</div>
48
49	<div class="cabinet__body">
50	<div class="cabinet__body-item">
51	<h4 class="cabinet__h4">Редактировать сертификат</h4>
52	<form id="submit_form" name="submit_form" action="{{ route('worker.update_serificate', ['doc' => $doc->id]) }}" class="cabinet__inputs" method="GET">
53	@csrf
54	<input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
55	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
56	<label class="form-group__label">Название сертификата</label>
57	<div class="form-group__item">
58	<input type="text" name="name" id="name" class="input" value="{{ $doc->name }}">
59	</div>
60	</div>
61	<div style="display:none" class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
62	<label class="form-group__label">Дата поступления</label>
63	<div class="form-group__item">
64	<input type="text" name="date_begin" id="date_begin" class="input" value="01.02.03.">
65	</div>
66	</div>
67	<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
68	<label class="form-group__label">Действия сертификата до</label>
69	<div class="form-group__item">
70	<input type="text" name="end_begin" id="end_begin" class="input" value="{{ $doc->end_begin }}">
71	</div>
72	</div>
73	<div style="display:none" class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
74	<label class="form-group__label">Название учебного заведения</label>
75	<div class="form-group__item">
76	<input type="text" name="education" id="education" class="input" value="Учебное заведение">
77	</div>
78	</div>
79	<button type="submit" class="button">Сохранить</button>
80	<a href="{{ route('worker.cabinet') }}" class="button">Назад</a>
81	</form>
82	</div>	18	</div>
		19	</div>
		20	<div class="cabinet__inputs-item form-group">
		21	<label class="form-group__label">Действия сертификата до:</label>
		22	<div class="form-group__item">
		23	@error('end_begin')
		24	<div class="error red">{{ $message }}</div>

routes/web.php

Diff comments View file @ d4632b7

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