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

Download as
Browse Code »

Commit 2f592b01f80b545ae7a6b7e2cbc4f42efd6ed128

Authored by Сергей П
1 parent a939109322
Exists in master

сообщения

Showing 13 changed files with 263 additions and 347 deletions Inline Diff

app/Http/Controllers/EmployerController.php
Diff comments   View file @ 2f592b0
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\Classes\Tools; 6 use App\Classes\Tools;
7 use App\Http\Requests\BaseUser_min_Request; 7 use App\Http\Requests\BaseUser_min_Request;
8 use App\Http\Requests\FlotRequest; 8 use App\Http\Requests\FlotRequest;
9 use App\Http\Requests\MessagesRequiest; 9 use App\Http\Requests\MessagesRequiest;
10 use App\Http\Requests\VacancyRequestEdit; 10 use App\Http\Requests\VacancyRequestEdit;
11 use App\Mail\MailCreateEmployer; 11 use App\Mail\MailCreateEmployer;
12 use App\Mail\MailSotrudnichestvo; 12 use App\Mail\MailSotrudnichestvo;
13 use App\Mail\SendAllMessages; 13 use App\Mail\SendAllMessages;
14 use App\Models\Ad_employer; 14 use App\Models\Ad_employer;
15 use App\Models\ad_response; 15 use App\Models\ad_response;
16 use App\Models\Category; 16 use App\Models\Category;
17 use App\Models\Chat; 17 use App\Models\Chat;
18 use App\Models\Employer; 18 use App\Models\Employer;
19 use App\Models\Flot; 19 use App\Models\Flot;
20 use App\Models\Job_title; 20 use App\Models\Job_title;
21 use App\Models\Like_worker; 21 use App\Models\Like_worker;
22 use App\Models\Message; 22 use App\Models\Message;
23 use App\Models\Worker; 23 use App\Models\Worker;
24 use Carbon\Carbon; 24 use Carbon\Carbon;
25 use Illuminate\Auth\Events\Registered; 25 use Illuminate\Auth\Events\Registered;
26 use Illuminate\Database\Eloquent\Builder; 26 use Illuminate\Database\Eloquent\Builder;
27 use Illuminate\Http\Request; 27 use Illuminate\Http\Request;
28 use Illuminate\Support\Facades\Auth; 28 use Illuminate\Support\Facades\Auth;
29 use Illuminate\Support\Facades\Hash; 29 use Illuminate\Support\Facades\Hash;
30 use Illuminate\Support\Facades\Mail; 30 use Illuminate\Support\Facades\Mail;
31 use Illuminate\Support\Facades\Storage; 31 use Illuminate\Support\Facades\Storage;
32 use App\Models\User as User_Model; 32 use App\Models\User as User_Model;
33 use Illuminate\Support\Facades\Validator; 33 use Illuminate\Support\Facades\Validator;
34 use App\Enums\DbExportColumns; 34 use App\Enums\DbExportColumns;
35 35
36 class EmployerController extends Controller 36 class EmployerController extends Controller
37 { 37 {
38 public function vacancie($vacancy, Request $request) { 38 public function vacancie($vacancy, Request $request) {
39 $title = 'Заголовок вакансии'; 39 $title = 'Заголовок вакансии';
40 $Query = Ad_employer::with('jobs')-> 40 $Query = Ad_employer::with('jobs')->
41 with('cat')-> 41 with('cat')->
42 with('employer')-> 42 with('employer')->
43 with('jobs_code')-> 43 with('jobs_code')->
44 select('ad_employers.*')-> 44 select('ad_employers.*')->
45 where('id', '=', $vacancy)->get(); 45 where('id', '=', $vacancy)->get();
46 46
47 if (isset(Auth()->user()->id)) 47 if (isset(Auth()->user()->id))
48 $uid = Auth()->user()->id; 48 $uid = Auth()->user()->id;
49 else 49 else
50 $uid = 0; 50 $uid = 0;
51 $title = $Query[0]->name; 51 $title = $Query[0]->name;
52 if ($request->ajax()) { 52 if ($request->ajax()) {
53 return view('ajax.vacance-item', compact('Query','uid')); 53 return view('ajax.vacance-item', compact('Query','uid'));
54 } else { 54 } else {
55 return view('vacance-item', compact('title', 'Query', 'uid')); 55 return view('vacance-item', compact('title', 'Query', 'uid'));
56 } 56 }
57 } 57 }
58 58
59 public function logout() { 59 public function logout() {
60 Auth::logout(); 60 Auth::logout();
61 return redirect()->route('index') 61 return redirect()->route('index')
62 ->with('success', 'Вы вышли из личного кабинета'); 62 ->with('success', 'Вы вышли из личного кабинета');
63 } 63 }
64 64
65 public function employer_info() { 65 public function employer_info() {
66 // код юзера 66 // код юзера
67 $user_info = Auth()->user(); 67 $user_info = Auth()->user();
68 // вьюшка для вывода данных 68 // вьюшка для вывода данных
69 return view('employers.info', compact('user_info')); 69 return view('employers.info', compact('user_info'));
70 } 70 }
71 71
72 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) { 72 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
73 // Все данные через реквест 73 // Все данные через реквест
74 $all = $request->all(); 74 $all = $request->all();
75 unset($all['_token']); 75 unset($all['_token']);
76 // обновление 76 // обновление
77 $user->update($all); 77 $user->update($all);
78 return redirect()->route('employer.employer_info'); 78 return redirect()->route('employer.employer_info');
79 } 79 }
80 80
81 public function cabinet() { 81 public function cabinet() {
82 $id = Auth()->user()->id; 82 $id = Auth()->user()->id;
83 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 83 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
84 WhereHas('users', 84 WhereHas('users',
85 function (Builder $query) use ($id) {$query->Where('id', $id); 85 function (Builder $query) use ($id) {$query->Where('id', $id);
86 })->get(); 86 })->get();
87 return view('employers.cabinet45', compact('Employer')); 87 return view('employers.cabinet45', compact('Employer'));
88 } 88 }
89 89
90 public function slider_flot() { 90 public function slider_flot() {
91 $id = Auth()->user()->id; 91 $id = Auth()->user()->id;
92 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 92 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
93 WhereHas('users', 93 WhereHas('users',
94 function (Builder $query) use ($id) {$query->Where('id', $id); 94 function (Builder $query) use ($id) {$query->Where('id', $id);
95 })->get(); 95 })->get();
96 return view('employers.fly-flot', compact('Employer')); 96 return view('employers.fly-flot', compact('Employer'));
97 } 97 }
98 98
99 public function cabinet_save(Employer $Employer, Request $request) { 99 public function cabinet_save(Employer $Employer, Request $request) {
100 $params = $request->all(); 100 $params = $request->all();
101 $params['user_id'] = Auth()->user()->id; 101 $params['user_id'] = Auth()->user()->id;
102 $id = $Employer->id; 102 $id = $Employer->id;
103 103
104 if ($request->has('logo')) { 104 if ($request->has('logo')) {
105 if (!empty($Employer->logo)) { 105 if (!empty($Employer->logo)) {
106 Storage::delete($Employer->logo); 106 Storage::delete($Employer->logo);
107 } 107 }
108 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 108 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
109 } 109 }
110 110
111 $Employer->update($params); 111 $Employer->update($params);
112 112
113 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 113 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
114 } 114 }
115 115
116 public function save_add_flot(FlotRequest $request) { 116 public function save_add_flot(FlotRequest $request) {
117 // отмена 117 // отмена
118 $params = $request->all(); 118 $params = $request->all();
119 119
120 if ($request->has('image')) { 120 if ($request->has('image')) {
121 $params['image'] = $request->file('image')->store("flot", 'public'); 121 $params['image'] = $request->file('image')->store("flot", 'public');
122 } 122 }
123 Flot::create($params); 123 Flot::create($params);
124 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 124 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
125 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 125 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
126 } 126 }
127 127
128 public function edit_flot(Flot $Flot, Employer $Employer) { 128 public function edit_flot(Flot $Flot, Employer $Employer) {
129 return view('employers.edit-flot', compact('Flot', 'Employer')); 129 return view('employers.edit-flot', compact('Flot', 'Employer'));
130 } 130 }
131 131
132 public function update_flot(FlotRequest $request, Flot $Flot) { 132 public function update_flot(FlotRequest $request, Flot $Flot) {
133 $params = $request->all(); 133 $params = $request->all();
134 134
135 if ($request->has('image')) { 135 if ($request->has('image')) {
136 if (!empty($flot->image)) { 136 if (!empty($flot->image)) {
137 Storage::delete($flot->image); 137 Storage::delete($flot->image);
138 } 138 }
139 $params['image'] = $request->file('image')->store("flot", 'public'); 139 $params['image'] = $request->file('image')->store("flot", 'public');
140 } else { 140 } else {
141 if (!empty($flot->image)) $params['image'] = $flot->image; 141 if (!empty($flot->image)) $params['image'] = $flot->image;
142 } 142 }
143 143
144 $Flot->update($params); 144 $Flot->update($params);
145 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 145 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
146 } 146 }
147 147
148 public function delete_flot(Flot $Flot) { 148 public function delete_flot(Flot $Flot) {
149 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 149 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
150 150
151 if (isset($Flot->id)) $Flot->delete(); 151 if (isset($Flot->id)) $Flot->delete();
152 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 152 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
153 } 153 }
154 154
155 // Форма добавления вакансий 155 // Форма добавления вакансий
156 public function cabinet_vacancie() { 156 public function cabinet_vacancie() {
157 $id = Auth()->user()->id; 157 $id = Auth()->user()->id;
158 158
159 if (Auth()->user()->is_public) { 159 if (Auth()->user()->is_public) {
160 $categories = Category::query()->active()->get(); 160 $categories = Category::query()->active()->get();
161 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 161 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
162 where('is_remove', '=', '0')-> 162 where('is_remove', '=', '0')->
163 where('is_bd', '=', '0')-> 163 where('is_bd', '=', '0')->
164 get(); 164 get();
165 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 165 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
166 WhereHas('users', 166 WhereHas('users',
167 function (Builder $query) use ($id) { 167 function (Builder $query) use ($id) {
168 $query->Where('id', $id); 168 $query->Where('id', $id);
169 })->get(); 169 })->get();
170 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories')); 170 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
171 } else { 171 } else {
172 return redirect()->route('employer.cabinet_vacancie_danger'); 172 return redirect()->route('employer.cabinet_vacancie_danger');
173 } 173 }
174 } 174 }
175 175
176 // Форма предупреждения об оплате 176 // Форма предупреждения об оплате
177 public function cabinet_vacancie_danger() { 177 public function cabinet_vacancie_danger() {
178 return view('employers.add_vacancy_danger'); 178 return view('employers.add_vacancy_danger');
179 } 179 }
180 180
181 // Сохранение вакансии 181 // Сохранение вакансии
182 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 182 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
183 $params_emp = $request->all(); 183 $params_emp = $request->all();
184 184
185 $params_job["job_title_id"] = $params_emp['job_title_id']; 185 $params_job["job_title_id"] = $params_emp['job_title_id'];
186 //$params_job["min_salary"] = $params_emp['min_salary']; 186 //$params_job["min_salary"] = $params_emp['min_salary'];
187 //$params_job["max_salary"] = $params_emp['max_salary']; 187 //$params_job["max_salary"] = $params_emp['max_salary'];
188 //$params_job["region"] = $params_emp['region']; 188 //$params_job["region"] = $params_emp['region'];
189 //$params_job["power"] = $params_emp['power']; 189 //$params_job["power"] = $params_emp['power'];
190 //$params_job["sytki"] = $params_emp['sytki']; 190 //$params_job["sytki"] = $params_emp['sytki'];
191 //$params_job["start"] = $params_emp['start']; 191 //$params_job["start"] = $params_emp['start'];
192 //$params_job["flot"] = $params_emp['flot']; 192 //$params_job["flot"] = $params_emp['flot'];
193 //$params_job["description"] = $params_emp['description']; 193 //$params_job["description"] = $params_emp['description'];
194 194
195 $ad_jobs = Ad_employer::create($params_emp); 195 $ad_jobs = Ad_employer::create($params_emp);
196 //$params_job['ad_employer_id'] = $ad_jobs->id; 196 //$params_job['ad_employer_id'] = $ad_jobs->id;
197 //Ad_jobs::create($params_job); 197 //Ad_jobs::create($params_job);
198 $ad_jobs->jobs()->sync($request->get('job_title_id')); 198 $ad_jobs->jobs()->sync($request->get('job_title_id'));
199 199
200 return redirect()->route('employer.vacancy_list'); 200 return redirect()->route('employer.vacancy_list');
201 } 201 }
202 202
203 // Список вакансий 203 // Список вакансий
204 public function vacancy_list(Request $request) { 204 public function vacancy_list(Request $request) {
205 $id = Auth()->user()->id; 205 $id = Auth()->user()->id;
206 206
207 //dd($request->all()); 207 //dd($request->all());
208 $Employer = Employer::query()->where('user_id', $id)->first(); 208 $Employer = Employer::query()->where('user_id', $id)->first();
209 $vacancy_list = Ad_employer::query()->with('jobs')-> 209 $vacancy_list = Ad_employer::query()->with('jobs')->
210 with('jobs_code')-> 210 with('jobs_code')->
211 where('employer_id', $Employer->id); 211 where('employer_id', $Employer->id);
212 212
213 if (($request->has('search')) && (!empty($request->get('search')))) { 213 if (($request->has('search')) && (!empty($request->get('search')))) {
214 $search = $request->get('search'); 214 $search = $request->get('search');
215 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%"); 215 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
216 } 216 }
217 217
218 if ($request->get('sort')) { 218 if ($request->get('sort')) {
219 $sort = $request->get('sort'); 219 $sort = $request->get('sort');
220 switch ($sort) { 220 switch ($sort) {
221 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break; 221 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break;
222 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break; 222 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break;
223 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break; 223 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break;
224 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break; 224 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break;
225 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break; 225 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break;
226 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break; 226 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break;
227 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break; 227 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break;
228 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break; 228 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break;
229 } 229 }
230 } else { 230 } else {
231 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); 231 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id');
232 } 232 }
233 233
234 $vacancy_list = $vacancy_list->paginate(10); 234 $vacancy_list = $vacancy_list->paginate(10);
235 235
236 //ajax 236 //ajax
237 if ($request->ajax()) { 237 if ($request->ajax()) {
238 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 238 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
239 } else { 239 } else {
240 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 240 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
241 } 241 }
242 } 242 }
243 243
244 // Карточка вакансии 244 // Карточка вакансии
245 public function vacancy_edit(Ad_employer $ad_employer) { 245 public function vacancy_edit(Ad_employer $ad_employer) {
246 $id = Auth()->user()->id; 246 $id = Auth()->user()->id;
247 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 247 $Positions = Category::query()->where('is_remove', '=', '0')->get();
248 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 248 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
249 where('is_remove', '=', '0')-> 249 where('is_remove', '=', '0')->
250 where('is_bd', '=', '0')->get(); 250 where('is_bd', '=', '0')->get();
251 251
252 $Employer = Employer::query()->with('users')->with('ads')-> 252 $Employer = Employer::query()->with('users')->with('ads')->
253 with('flots')->where('user_id', $id)->first(); 253 with('flots')->where('user_id', $id)->first();
254 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 254 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
255 } 255 }
256 256
257 // Сохранение-редактирование записи 257 // Сохранение-редактирование записи
258 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 258 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
259 $params = $request->all(); 259 $params = $request->all();
260 $params_job["job_title_id"] = $params['job_title_id']; 260 $params_job["job_title_id"] = $params['job_title_id'];
261 261
262 $ad_employer->update($params); 262 $ad_employer->update($params);
263 $ad_employer->jobs()->sync($request->get('job_title_id')); 263 $ad_employer->jobs()->sync($request->get('job_title_id'));
264 264
265 $id = Auth()->user()->id; 265 $id = Auth()->user()->id;
266 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 266 $Positions = Category::query()->where('is_remove', '=', '0')->get();
267 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name') 267 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
268 ->where('is_remove', '=', '0') 268 ->where('is_remove', '=', '0')
269 ->where('is_bd', '=', '0') 269 ->where('is_bd', '=', '0')
270 ->get(); 270 ->get();
271 271
272 $Employer = Employer::query() 272 $Employer = Employer::query()
273 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first(); 273 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
274 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 274 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
275 } 275 }
276 276
277 // Сохранение карточки вакансии 277 // Сохранение карточки вакансии
278 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 278 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
279 $all = $request->all(); 279 $all = $request->all();
280 $ad_employer->update($all); 280 $ad_employer->update($all);
281 return redirect()->route('employer.cabinet_vacancie'); 281 return redirect()->route('employer.cabinet_vacancie');
282 } 282 }
283 283
284 // Удаление карточки вакансии 284 // Удаление карточки вакансии
285 public function vacancy_delete(Ad_employer $ad_employer) { 285 public function vacancy_delete(Ad_employer $ad_employer) {
286 $ad_employer->delete(); 286 $ad_employer->delete();
287 287
288 return redirect()->route('employer.vacancy_list') 288 return redirect()->route('employer.vacancy_list')
289 ->with('success', 'Данные были успешно сохранены'); 289 ->with('success', 'Данные были успешно сохранены');
290 } 290 }
291 291
292 // Обновление даты 292 // Обновление даты
293 public function vacancy_up(Ad_employer $ad_employer) { 293 public function vacancy_up(Ad_employer $ad_employer) {
294 $up = date('m/d/Y h:i:s', time());; 294 $up = date('m/d/Y h:i:s', time());;
295 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 295 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
296 $vac_emp->updated_at = $up; 296 $vac_emp->updated_at = $up;
297 $vac_emp->save(); 297 $vac_emp->save();
298 298
299 return redirect()->back(); //route('employer.vacancy_list'); 299 return redirect()->back(); //route('employer.vacancy_list');
300 // начало конца 300 // начало конца
301 } 301 }
302 302
303 //Видимость вакансии 303 //Видимость вакансии
304 public function vacancy_eye(Ad_employer $ad_employer, $status) { 304 public function vacancy_eye(Ad_employer $ad_employer, $status) {
305 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 305 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
306 $vac_emp->active_is = $status; 306 $vac_emp->active_is = $status;
307 $vac_emp->save(); 307 $vac_emp->save();
308 308
309 return redirect()->route('employer.vacancy_list'); 309 return redirect()->route('employer.vacancy_list');
310 } 310 }
311 311
312 //Вакансия редактирования (шаблон) 312 //Вакансия редактирования (шаблон)
313 public function vacancy_update(Ad_employer $id) { 313 public function vacancy_update(Ad_employer $id) {
314 314
315 } 315 }
316 316
317 //Отклики на вакансию - лист 317 //Отклики на вакансию - лист
318 public function answers(Employer $employer, Request $request) { 318 public function answers(Employer $employer, Request $request) {
319 $user_id = Auth()->user()->id; 319 $user_id = Auth()->user()->id;
320 $answer = Ad_employer::query()->where('employer_id', $employer->id); 320 $answer = Ad_employer::query()->where('employer_id', $employer->id);
321 if ($request->has('search')) { 321 if ($request->has('search')) {
322 $search = trim($request->get('search')); 322 $search = trim($request->get('search'));
323 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 323 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
324 } 324 }
325 325
326 $answer = $answer->with('response')->OrderByDESC('id')->get(); 326 $answer = $answer->with('response')->OrderByDESC('id')->get();
327 327
328 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 328 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
329 } 329 }
330 330
331 //Обновление статуса 331 //Обновление статуса
332 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 332 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
333 $ad_response->update(Array('flag' => $flag)); 333 $ad_response->update(Array('flag' => $flag));
334 return redirect()->route('employer.answers', ['employer' => $employer->id]); 334 return redirect()->route('employer.answers', ['employer' => $employer->id]);
335 } 335 }
336 336
337 //Страницы сообщений список 337 //Страницы сообщений список
338 public function messages($type_message) { 338 public function messages($type_message) {
339 $user_id = Auth()->user()->id; 339 $user_id = Auth()->user()->id;
340 340
341 $chats = Chat::query() 341 $chats = Chat::get_user_chats($user_id);
342 ->with('user') 342 $user_type = 'employer';
343 ->with('worker')
344 ->with('employer')
345 ->with('last_message')
346 ->withCount(['unread_messages' => function ($query) use($user_id) {
347 $query->where('to_user_id', '=', $user_id)->where('flag_new', '=', 1);
348 }])
349 ->where('user_id', '=', $user_id)
350 ->orderByDesc('is_fixed')
351 ->orderByDesc('last_message_date')
352 ->paginate(5)
353 ;
354 //dd($chats);
355
356 /*$messages_input = Message::query()->with('vacancies')->with('user_from')->
357 Where('to_user_id', $user_id)->OrderByDesc('created_at');
358
359 $messages_output = Message::query()->with('vacancies')->
360 with('user_to')->where('user_id', $user_id)->
361 OrderByDesc('created_at');
362
363 $count_input = $messages_input->count();
364 $count_output = $messages_output->count();
365
366 if ($type_message == 'input') {
367 $messages = $messages_input->paginate(5);
368 }
369
370 if ($type_message == 'output') {
371 $messages = $messages_output->paginate(5);
372 }*/
373
374 //dd($user_id, $messages[2]->vacancies);
375 //jobs);
376 343
377 return view('employers.messages', compact('chats','user_id')); 344 return view('employers.messages', compact('chats','user_id', 'user_type'));
378 } 345 }
379 346
380 // Диалог между пользователями 347 // Диалог между пользователями
381 public function dialog(Request $request, User_Model $user1, User_Model $user2) { 348 public function dialog(Request $request, User_Model $user1, User_Model $user2) {
382 // Получение параметров. 349 // Получение параметров.
383 if ($request->has('ad_employer')){ 350 if ($request->has('ad_employer')){
384 $ad_employer = $request->get('ad_employer'); 351 $ad_employer = $request->get('ad_employer');
385 } else { 352 } else {
386 $ad_employer = 0; 353 $ad_employer = 0;
387 } 354 }
388 355
389 if (isset($user2->id)) { 356 if (isset($user2->id)) {
390 $companion = User_Model::query()->with('workers')-> 357 $companion = User_Model::query()->with('workers')->
391 with('employers')-> 358 with('employers')->
392 where('id', $user2->id)->first(); 359 where('id', $user2->id)->first();
393 } 360 }
394 361
395 $Messages = Message::query()-> 362 $Messages = Message::query()
396 where('ad_employer_id', '=', $ad_employer)-> 363 ->where(function($query) use ($user1, $user2) {
397 where(function($query) use ($user1, $user2) { 364 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
398 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 365 })
399 })->orWhere(function($query) use ($user1, $user2) { 366 ->orWhere(function($query) use ($user1, $user2) {
400 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 367 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
401 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get(); 368 })
402 369 ->orderBy('created_at')
403 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id; 370 ->get()
371 ;
404 372
405 //$ad_employer = null;
406 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
407 $sender = $user1; 373 $sender = $user1;
408 374
409 Message::where('user_id', '=', $user2->id) 375 Message::where('user_id', '=', $user2->id)
410 ->where('to_user_id', '=', $user1->id) 376 ->where('to_user_id', '=', $user1->id)
411 ->update(['flag_new' => 0]) 377 ->update(['flag_new' => 0])
412 ; 378 ;
413 379
414 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 380 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
415 } 381 }
416 382
383 public function pin_chat(Request $request){
384 $chat_id = $request->get('id');
385 $is_fixed = $request->get('is_fixed');
386
387 Chat::pin_chat($chat_id, $is_fixed);
388 }
389
390 public function remove_chat(Request $request){
391 $chat_id = $request->get('id');
392 Chat::remove_chat($chat_id);
393 }
394
417 // Регистрация работодателя 395 // Регистрация работодателя
418 public function register_employer(Request $request) { 396 public function register_employer(Request $request) {
419 $params = $request->all(); 397 $params = $request->all();
420 398
421 $rules = [ 399 $rules = [
422 //'surname' => ['required', 'string', 'max:255'], 400 //'surname' => ['required', 'string', 'max:255'],
423 //'name_man' => ['required', 'string', 'max:255'], 401 //'name_man' => ['required', 'string', 'max:255'],
424 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 402 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
425 'name_company' => ['required', 'string', 'max:255'], 403 'name_company' => ['required', 'string', 'max:255'],
426 'password' => ['required', 'string', 'min:6'], 404 'password' => ['required', 'string', 'min:6'],
427 ]; 405 ];
428 406
429 407
430 $messages = [ 408 $messages = [
431 'required' => 'Укажите обязательное поле', 409 'required' => 'Укажите обязательное поле',
432 'min' => [ 410 'min' => [
433 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 411 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
434 'integer' => 'Поле «:attribute» должно быть :min или больше', 412 'integer' => 'Поле «:attribute» должно быть :min или больше',
435 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 413 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
436 ], 414 ],
437 'max' => [ 415 'max' => [
438 'string' => 'Поле «:attribute» должно быть не больше :max символов', 416 'string' => 'Поле «:attribute» должно быть не больше :max символов',
439 'integer' => 'Поле «:attribute» должно быть :max или меньше', 417 'integer' => 'Поле «:attribute» должно быть :max или меньше',
440 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 418 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
441 ] 419 ]
442 ]; 420 ];
443 421
444 $email = $request->get('email'); 422 $email = $request->get('email');
445 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 423 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
446 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 424 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
447 } 425 }
448 426
449 if ($request->get('password') !== $request->get('confirmed')){ 427 if ($request->get('password') !== $request->get('confirmed')){
450 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 428 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
451 } 429 }
452 430
453 if (strlen($request->get('password')) < 6) { 431 if (strlen($request->get('password')) < 6) {
454 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 432 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
455 } 433 }
456 434
457 if (empty($request->get('surname'))) { 435 if (empty($request->get('surname'))) {
458 $params['surname'] = 'Неизвестно'; 436 $params['surname'] = 'Неизвестно';
459 } 437 }
460 if (empty($request->get('name_man'))) { 438 if (empty($request->get('name_man'))) {
461 $params['name_man'] = 'Неизвестно'; 439 $params['name_man'] = 'Неизвестно';
462 } 440 }
463 $validator = Validator::make($params, $rules, $messages); 441 $validator = Validator::make($params, $rules, $messages);
464 442
465 if ($validator->fails()) { 443 if ($validator->fails()) {
466 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 444 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
467 } else { 445 } else {
468 $user = $this->create($params); 446 $user = $this->create($params);
469 event(new Registered($user)); 447 event(new Registered($user));
470 448
471 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params)); 449 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
472 450
473 Auth::guard()->login($user); 451 Auth::guard()->login($user);
474 } 452 }
475 453
476 if ($user) { 454 if ($user) {
477 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 455 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
478 } else { 456 } else {
479 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 457 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
480 } 458 }
481 } 459 }
482 460
483 // Создание пользователя 461 // Создание пользователя
484 protected function create(array $data) 462 protected function create(array $data)
485 { 463 {
486 $Use = new User_Model(); 464 $Use = new User_Model();
487 $Code_user = $Use->create([ 465 $Code_user = $Use->create([
488 'name' => $data['surname']." ".$data['name_man'], 466 'name' => $data['surname']." ".$data['name_man'],
489 'name_man' => $data['name_man'], 467 'name_man' => $data['name_man'],
490 'surname' => $data['surname'], 468 'surname' => $data['surname'],
491 'surname2' => $data['surname2'], 469 'surname2' => $data['surname2'],
492 'subscribe_email' => $data['email'], 470 'subscribe_email' => $data['email'],
493 'email' => $data['email'], 471 'email' => $data['email'],
494 'telephone' => $data['telephone'], 472 'telephone' => $data['telephone'],
495 'is_worker' => 0, 473 'is_worker' => 0,
496 'password' => Hash::make($data['password']), 474 'password' => Hash::make($data['password']),
497 'pubpassword' => base64_encode($data['password']), 475 'pubpassword' => base64_encode($data['password']),
498 'email_verified_at' => Carbon::now() 476 'email_verified_at' => Carbon::now()
499 ]); 477 ]);
500 478
501 if ($Code_user->id > 0) { 479 if ($Code_user->id > 0) {
502 $Employer = new Employer(); 480 $Employer = new Employer();
503 $Employer->user_id = $Code_user->id; 481 $Employer->user_id = $Code_user->id;
504 $Employer->name_company = $data['name_company']; 482 $Employer->name_company = $data['name_company'];
505 $Employer->email = $data['email']; 483 $Employer->email = $data['email'];
506 $Employer->telephone = $data['telephone']; 484 $Employer->telephone = $data['telephone'];
507 $Employer->code = Tools::generator_id(10); 485 $Employer->code = Tools::generator_id(10);
508 $Employer->save(); 486 $Employer->save();
509 487
510 return $Code_user; 488 return $Code_user;
511 } 489 }
512 } 490 }
513 491
514 // Отправка сообщения от работодателя 492 // Отправка сообщения от работодателя
515 public function send_message(MessagesRequiest $request) { 493 public function send_message(MessagesRequiest $request) {
516 $params = $request->all(); 494 $params = $request->all();
517 dd($params); 495 dd($params);
518 $user1 = $params['user_id']; 496 $user1 = $params['user_id'];
519 $user2 = $params['to_user_id']; 497 $user2 = $params['to_user_id'];
520 498
521 if ($request->has('file')) { 499 if ($request->has('file')) {
522 $params['file'] = $request->file('file')->store("messages", 'public'); 500 $params['file'] = $request->file('file')->store("messages", 'public');
523 } 501 }
524 Message::create($params); 502 Message::create($params);
525 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 503 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
526 } 504 }
527 505
528 public function test123(Request $request) { 506 public function test123(Request $request) {
529 $params = $request->all(); 507 $params = $request->all();
530 $user1 = $params['user_id']; 508 $user1 = $params['user_id'];
531 $user2 = $params['to_user_id']; 509 $user2 = $params['to_user_id'];
532 $id_vacancy = $params['ad_employer_id']; 510 $id_vacancy = $params['ad_employer_id'];
533 $ad_name = $params['ad_name']; 511 $ad_name = $params['ad_name'];
534 512
535 $rules = [ 513 $rules = [
536 'text' => 'required|min:1|max:150000', 514 'text' => 'required|min:1|max:150000',
537 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 515 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
538 ]; 516 ];
539 $messages = [ 517 $messages = [
540 'required' => 'Укажите обязательное поле', 518 'required' => 'Укажите обязательное поле',
541 'min' => [ 519 'min' => [
542 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 520 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
543 'integer' => 'Поле «:attribute» должно быть :min или больше', 521 'integer' => 'Поле «:attribute» должно быть :min или больше',
544 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 522 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
545 ], 523 ],
546 'max' => [ 524 'max' => [
547 'string' => 'Поле «:attribute» должно быть не больше :max символов', 525 'string' => 'Поле «:attribute» должно быть не больше :max символов',
548 'integer' => 'Поле «:attribute» должно быть :max или меньше', 526 'integer' => 'Поле «:attribute» должно быть :max или меньше',
549 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 527 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
550 ] 528 ]
551 ]; 529 ];
552 530
553 $validator = Validator::make($request->all(), $rules, $messages); 531 $validator = Validator::make($request->all(), $rules, $messages);
554 532
555 if ($validator->fails()) { 533 if ($validator->fails()) {
556 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 534 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
557 ->withErrors($validator); 535 ->withErrors($validator);
558 } else { 536 } else {
559 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 537 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
560 538
561 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 539 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
562 return redirect()->route('employer.dialog', 540 return redirect()->route('employer.dialog',
563 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 541 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
564 542
565 } 543 }
566 } 544 }
567 545
568 //Избранные люди 546 //Избранные люди
569 public function favorites(Request $request) { 547 public function favorites(Request $request) {
570 $IP_address = RusDate::ip_addr_client(); 548 $IP_address = RusDate::ip_addr_client();
571 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 549 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
572 550
573 if ($Arr->count()) { 551 if ($Arr->count()) {
574 $A = Array(); 552 $A = Array();
575 foreach ($Arr as $it) { 553 foreach ($Arr as $it) {
576 $A[] = $it->code_record; 554 $A[] = $it->code_record;
577 } 555 }
578 556
579 $Workers = Worker::query()->whereIn('id', $A); 557 $Workers = Worker::query()->whereIn('id', $A);
580 } else { 558 } else {
581 $Workers = Worker::query()->where('id', '=', '0'); 559 $Workers = Worker::query()->where('id', '=', '0');
582 } 560 }
583 561
584 if (($request->has('search')) && (!empty($request->get('search')))) { 562 if (($request->has('search')) && (!empty($request->get('search')))) {
585 $search = $request->get('search'); 563 $search = $request->get('search');
586 564
587 $Workers = $Workers->WhereHas('users', 565 $Workers = $Workers->WhereHas('users',
588 function (Builder $query) use ($search) { 566 function (Builder $query) use ($search) {
589 $query->Where('surname', 'LIKE', "%$search%") 567 $query->Where('surname', 'LIKE', "%$search%")
590 ->orWhere('name_man', 'LIKE', "%$search%") 568 ->orWhere('name_man', 'LIKE', "%$search%")
591 ->orWhere('surname2', 'LIKE', "%$search%"); 569 ->orWhere('surname2', 'LIKE', "%$search%");
592 }); 570 });
593 } else { 571 } else {
594 $Workers = $Workers->with('users'); 572 $Workers = $Workers->with('users');
595 } 573 }
596 574
597 $Workers = $Workers->get(); 575 $Workers = $Workers->get();
598 576
599 577
600 return view('employers.favorite', compact('Workers')); 578 return view('employers.favorite', compact('Workers'));
601 } 579 }
602 580
603 // База данных 581 // База данных
604 public function bd(Request $request) { 582 public function bd(Request $request) {
605 $users = User_Model::query()->with('workers')->with('jobtitles'); 583 $users = User_Model::query()->with('workers')->with('jobtitles');
606 584
607 if ($request->has('search')) { 585 if ($request->has('search')) {
608 $find_key = $request->get('search'); 586 $find_key = $request->get('search');
609 $users = $users->where('name', 'LIKE', "%$find_key%") 587 $users = $users->where('name', 'LIKE', "%$find_key%")
610 ->orWhere('surname', 'LIKE', "%$find_key%") 588 ->orWhere('surname', 'LIKE', "%$find_key%")
611 ->orWhere('name_man', 'LIKE', "%$find_key%") 589 ->orWhere('name_man', 'LIKE', "%$find_key%")
612 ->orWhere('email', 'LIKE', "%$find_key%") 590 ->orWhere('email', 'LIKE', "%$find_key%")
613 ->orWhere('telephone', 'LIKE', "%$find_key%"); 591 ->orWhere('telephone', 'LIKE', "%$find_key%");
614 } 592 }
615 593
616 // Данные 594 // Данные
617 $users = $users->Baseuser()-> 595 $users = $users->Baseuser()->
618 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id')); 596 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id'));
619 $count_users = $users; 597 $count_users = $users;
620 $users = $users->paginate(5); 598 $users = $users->paginate(5);
621 599
622 $export_options = DbExportColumns::toArray(); 600 $export_options = DbExportColumns::toArray();
623 601
624 $jobs_titles = Job_title::select('id', 'name') 602 $jobs_titles = Job_title::select('id', 'name')
625 ->where('is_remove', '=', 0) 603 ->where('is_remove', '=', 0)
626 ->where('is_bd', '=', 2) 604 ->where('is_bd', '=', 2)
627 ->orderByDesc('sort') 605 ->orderByDesc('sort')
628 ->orderBy('name', 'asc') 606 ->orderBy('name', 'asc')
629 ->get() 607 ->get()
630 ->toArray() 608 ->toArray()
631 ; 609 ;
632 610
633 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles')); 611 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
634 } 612 }
635 613
636 //Настройка уведомлений 614 //Настройка уведомлений
637 public function subscribe() { 615 public function subscribe() {
638 return view('employers.subcribe'); 616 return view('employers.subcribe');
639 } 617 }
640 618
641 //Установка уведомлений сохранение 619 //Установка уведомлений сохранение
642 public function save_subscribe(Request $request) { 620 public function save_subscribe(Request $request) {
643 dd($request->all()); 621 dd($request->all());
644 $msg = $request->validate([ 622 $msg = $request->validate([
645 'subscribe_email' => 'required|email|min:5|max:255', 623 'subscribe_email' => 'required|email|min:5|max:255',
646 ]); 624 ]);
647 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 625 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
648 } 626 }
649 627
650 //Сбросить форму с паролем 628 //Сбросить форму с паролем
651 public function password_reset() { 629 public function password_reset() {
652 $email = Auth()->user()->email; 630 $email = Auth()->user()->email;
653 return view('employers.password-reset', compact('email')); 631 return view('employers.password-reset', compact('email'));
654 } 632 }
655 633
656 //Обновление пароля 634 //Обновление пароля
657 public function new_password(Request $request) { 635 public function new_password(Request $request) {
658 $use = Auth()->user(); 636 $use = Auth()->user();
659 $request->validate([ 637 $request->validate([
660 'password' => 'required|string', 638 'password' => 'required|string',
661 'new_password' => 'required|string', 639 'new_password' => 'required|string',
662 'new_password2' => 'required|string' 640 'new_password2' => 'required|string'
663 ]); 641 ]);
664 642
665 if ($request->get('new_password') == $request->get('new_password2')) 643 if ($request->get('new_password') == $request->get('new_password2'))
666 if ($request->get('password') !== $request->get('new_password')) { 644 if ($request->get('password') !== $request->get('new_password')) {
667 $credentials = $request->only('email', 'password'); 645 $credentials = $request->only('email', 'password');
668 if (Auth::attempt($credentials)) { 646 if (Auth::attempt($credentials)) {
669 647
670 if (!is_null($use->email_verified_at)){ 648 if (!is_null($use->email_verified_at)){
671 649
672 $user_data = User_Model::find($use->id); 650 $user_data = User_Model::find($use->id);
673 $user_data->update([ 651 $user_data->update([
674 'password' => Hash::make($request->get('new_password')), 652 'password' => Hash::make($request->get('new_password')),
675 'pubpassword' => base64_encode($request->get('new_password')), 653 'pubpassword' => base64_encode($request->get('new_password')),
676 ]); 654 ]);
677 return redirect() 655 return redirect()
678 ->route('employer.password_reset') 656 ->route('employer.password_reset')
679 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 657 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
680 } 658 }
681 659
682 return redirect() 660 return redirect()
683 ->route('employer.password_reset') 661 ->route('employer.password_reset')
684 ->withError('Данная учетная запись не было верифицированна!'); 662 ->withError('Данная учетная запись не было верифицированна!');
685 } 663 }
686 } 664 }
687 665
688 return redirect() 666 return redirect()
689 ->route('employer.password_reset') 667 ->route('employer.password_reset')
690 ->withErrors('Не совпадение данных, обновите пароли!'); 668 ->withErrors('Не совпадение данных, обновите пароли!');
691 } 669 }
692 670
693 671
694 672
695 // Форма Удаление пипла 673 // Форма Удаление пипла
696 public function delete_people() { 674 public function delete_people() {
697 $login = Auth()->user()->email; 675 $login = Auth()->user()->email;
698 return view('employers.delete_people', compact('login')); 676 return view('employers.delete_people', compact('login'));
699 } 677 }
700 678
701 // Удаление аккаунта 679 // Удаление аккаунта
702 public function action_delete_user(Request $request) { 680 public function action_delete_user(Request $request) {
703 $Answer = $request->all(); 681 $Answer = $request->all();
704 $user_id = Auth()->user()->id; 682 $user_id = Auth()->user()->id;
705 $request->validate([ 683 $request->validate([
706 'password' => 'required|string', 684 'password' => 'required|string',
707 ]); 685 ]);
708 686
709 $credentials = $request->only('email', 'password'); 687 $credentials = $request->only('email', 'password');
710 if (Auth::attempt($credentials)) { 688 if (Auth::attempt($credentials)) {
711 Auth::logout(); 689 Auth::logout();
712 $it = User_Model::find($user_id); 690 $it = User_Model::find($user_id);
713 $it->delete(); 691 $it->delete();
714 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 692 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
715 } else { 693 } else {
716 return redirect()->route('employer.delete_people') 694 return redirect()->route('employer.delete_people')
717 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 695 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
718 } 696 }
719 } 697 }
720 698
721 public function ajax_delete_user(Request $request) { 699 public function ajax_delete_user(Request $request) {
722 $Answer = $request->all(); 700 $Answer = $request->all();
723 $user_id = Auth()->user()->id; 701 $user_id = Auth()->user()->id;
724 $request->validate([ 702 $request->validate([
725 'password' => 'required|string', 703 'password' => 'required|string',
726 ]); 704 ]);
727 $credentials = $request->only('email', 'password'); 705 $credentials = $request->only('email', 'password');
728 if (Auth::attempt($credentials)) { 706 if (Auth::attempt($credentials)) {
729 707
730 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 708 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
731 'email' => $request->get('email'), 709 'email' => $request->get('email'),
732 'password' => $request->get('password'))); 710 'password' => $request->get('password')));
733 } else { 711 } else {
734 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 712 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
735 } 713 }
736 } 714 }
737 715
738 // FAQ - Вопросы/ответы для работодателей и соискателей 716 // FAQ - Вопросы/ответы для работодателей и соискателей
739 public function faq() { 717 public function faq() {
740 return view('employers.faq'); 718 return view('employers.faq');
741 } 719 }
742 720
743 // Рассылка сообщений 721 // Рассылка сообщений
744 public function send_all_messages() { 722 public function send_all_messages() {
745 $id = Auth()->user()->id; 723 $id = Auth()->user()->id;
746 $sending = Employer::query()->where('user_id', '=', "$id")->first(); 724 $sending = Employer::query()->where('user_id', '=', "$id")->first();
747 if ($sending->sending_is) 725 if ($sending->sending_is)
748 return view('employers.send_all'); 726 return view('employers.send_all');
749 else 727 else
750 return view('employers.send_all_danger'); 728 return view('employers.send_all_danger');
751 } 729 }
752 730
753 // Отправка сообщений для информации 731 // Отправка сообщений для информации
754 public function send_all_post(Request $request) { 732 public function send_all_post(Request $request) {
755 $data = $request->all(); 733 $data = $request->all();
756 734
757 $emails = User_Model::query()->where('is_worker', '1')->get(); 735 $emails = User_Model::query()->where('is_worker', '1')->get();
758 736
759 foreach ($emails as $e) { 737 foreach ($emails as $e) {
760 Mail::to($e->email)->send(new SendAllMessages($data)); 738 Mail::to($e->email)->send(new SendAllMessages($data));
761 } 739 }
762 740
763 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены'); 741 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены');
764 } 742 }
765 743
766 // База резюме 744 // База резюме
767 public function bd_tupe(Request $request) { 745 public function bd_tupe(Request $request) {
768 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 746 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
769 747
770 return view('employers.bd_tupe', compact('Resume')); 748 return view('employers.bd_tupe', compact('Resume'));
771 } 749 }
772 750
773 ////////////////////////////////////////////////////////////////// 751 //////////////////////////////////////////////////////////////////
774 // Отправил сообщение 752 // Отправил сообщение
775 ////////////////////////////////////////////////////////////////// 753 //////////////////////////////////////////////////////////////////
776 public function new_message(Request $request) { 754 public function new_message(Request $request) {
777 $params = $request->all(); 755 $params = $request->all();
778 756
779 $id = $params['_user_id']; 757 $id = $params['_user_id'];
780 $message_params = [ 758 $message_params = [
781 'title' => $params['title'], 759 'title' => $params['title'],
782 'text' => $params['text'], 760 'text' => $params['text'],
783 'ad_employer_id' => $params['_vacancy'], 761 'ad_employer_id' => $params['_vacancy'],
784 'flag_new' => 1 762 'flag_new' => 1
785 ]; 763 ];
786 764
787 Message::add_message( 765 Message::add_message(
788 $request, 766 $request,
789 $params['_user_id'], 767 $params['_user_id'],
790 $params['_to_user_id'], 768 $params['_to_user_id'],
791 $message_params, 769 $message_params,
792 file_store_path: "worker/$id" 770 file_store_path: "worker/$id"
793 ); 771 );
794 772
795 return redirect()->route('employer.messages', ['type_message' => 'output']); 773 return redirect()->route('employer.messages', ['type_message' => 'output']);
796 } 774 }
797 775
798 // Восстановление пароля 776 // Восстановление пароля
799 public function repair_password(Request $request) { 777 public function repair_password(Request $request) {
800 $params = $request->get('email'); 778 $params = $request->get('email');
801 } 779 }
app/Http/Controllers/WorkerController.php
Diff comments   View file @ 2f592b0
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Classes\RusDate; 5 use App\Classes\RusDate;
6 use App\Http\Requests\DocumentsRequest; 6 use App\Http\Requests\DocumentsRequest;
7 use App\Http\Requests\PrevCompanyRequest; 7 use App\Http\Requests\PrevCompanyRequest;
8 use App\Http\Requests\SertificationRequest; 8 use App\Http\Requests\SertificationRequest;
9 use App\Models\Ad_employer; 9 use App\Models\Ad_employer;
10 use App\Models\ad_response; 10 use App\Models\ad_response;
11 use App\Models\Chat;
11 use App\Models\Dop_info; 12 use App\Models\Dop_info;
12 use App\Models\infobloks; 13 use App\Models\infobloks;
13 use App\Models\Job_title; 14 use App\Models\Job_title;
14 use App\Models\Like_vacancy; 15 use App\Models\Like_vacancy;
15 use App\Models\Message; 16 use App\Models\Message;
16 use App\Models\place_works; 17 use App\Models\place_works;
17 use App\Models\PrevCompany; 18 use App\Models\PrevCompany;
18 use App\Models\ResponseWork; 19 use App\Models\ResponseWork;
19 use App\Models\sertification; 20 use App\Models\sertification;
20 use App\Models\Static_worker; 21 use App\Models\Static_worker;
21 use App\Models\Title_worker; 22 use App\Models\Title_worker;
22 use App\Models\User; 23 use App\Models\User;
23 use App\Models\User as User_Model; 24 use App\Models\User as User_Model;
24 use App\Models\Worker; 25 use App\Models\Worker;
25 use Barryvdh\DomPDF\Facade\Pdf; 26 use Barryvdh\DomPDF\Facade\Pdf;
26 use Carbon\Carbon; 27 use Carbon\Carbon;
27 use Illuminate\Auth\Events\Registered; 28 use Illuminate\Auth\Events\Registered;
28 use Illuminate\Database\Eloquent\Builder; 29 use Illuminate\Database\Eloquent\Builder;
29 use Illuminate\Http\Request; 30 use Illuminate\Http\Request;
30 use Illuminate\Support\Facades\Auth; 31 use Illuminate\Support\Facades\Auth;
31 use Illuminate\Support\Facades\Hash; 32 use Illuminate\Support\Facades\Hash;
32 use Illuminate\Support\Facades\Storage; 33 use Illuminate\Support\Facades\Storage;
33 use Illuminate\Support\Facades\Validator; 34 use Illuminate\Support\Facades\Validator;
34 use PhpOffice\PhpSpreadsheet\Spreadsheet; 35 use PhpOffice\PhpSpreadsheet\Spreadsheet;
35 use PhpOffice\PhpSpreadsheet\Writer\Xlsx; 36 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
36 use Symfony\Component\HttpFoundation\StreamedResponse; 37 use Symfony\Component\HttpFoundation\StreamedResponse;
37 use App\Enums\DbExportColumns; 38 use App\Enums\DbExportColumns;
38 use App\Enums\WorkerStatuses; 39 use App\Enums\WorkerStatuses;
39 use DateTime; 40 use DateTime;
40 41
41 class WorkerController extends Controller 42 class WorkerController extends Controller
42 { 43 {
43 //профиль 44 //профиль
44 public function profile(Worker $worker) 45 public function profile(Worker $worker)
45 { 46 {
46 $get_date = date('Y.m'); 47 $get_date = date('Y.m');
47 48
48 $c = Static_worker::query()->where('year_month', '=', $get_date) 49 $c = Static_worker::query()->where('year_month', '=', $get_date)
49 ->where('user_id', '=', $worker->users->id) 50 ->where('user_id', '=', $worker->users->id)
50 ->get(); 51 ->get();
51 52
52 if ($c->count() > 0) { 53 if ($c->count() > 0) {
53 $upd = Static_worker::find($c[0]->id); 54 $upd = Static_worker::find($c[0]->id);
54 $upd->lookin = $upd->lookin + 1; 55 $upd->lookin = $upd->lookin + 1;
55 $upd->save(); 56 $upd->save();
56 } else { 57 } else {
57 $crt = new Static_worker(); 58 $crt = new Static_worker();
58 $crt->lookin = 1; 59 $crt->lookin = 1;
59 $crt->year_month = $get_date; 60 $crt->year_month = $get_date;
60 $crt->user_id = $worker->user_id; 61 $crt->user_id = $worker->user_id;
61 $crt->save(); 62 $crt->save();
62 } 63 }
63 64
64 $stat = Static_worker::query()->where('year_month', '=', $get_date) 65 $stat = Static_worker::query()->where('year_month', '=', $get_date)
65 ->where('user_id', '=', $worker->users->id) 66 ->where('user_id', '=', $worker->users->id)
66 ->get(); 67 ->get();
67 68
68 return view('public.workers.profile', compact('worker', 'stat')); 69 return view('public.workers.profile', compact('worker', 'stat'));
69 } 70 }
70 71
71 // лист база резюме 72 // лист база резюме
72 public function bd_resume(Request $request) 73 public function bd_resume(Request $request)
73 { 74 {
74 $look = false; 75 $look = false;
75 $idiot = 0; 76 $idiot = 0;
76 if (isset(Auth()->user()->id)) { 77 if (isset(Auth()->user()->id)) {
77 $idiot = Auth()->user()->id; 78 $idiot = Auth()->user()->id;
78 if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin)) 79 if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin))
79 $look = true; 80 $look = true;
80 } 81 }
81 82
82 if ($look) { 83 if ($look) {
83 $status_work = WorkerStatuses::getWorkerStatuses(); 84 $status_work = WorkerStatuses::getWorkerStatuses();
84 $resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at');; 85 $resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at');;
85 $resumes = $resumes->whereHas('users', function (Builder $query) { 86 $resumes = $resumes->whereHas('users', function (Builder $query) {
86 $query->Where('is_worker', '=', '1') 87 $query->Where('is_worker', '=', '1')
87 ->Where('is_bd', '=', '0'); 88 ->Where('is_bd', '=', '0');
88 }); 89 });
89 90
90 //dd($request->get('job')); 91 //dd($request->get('job'));
91 if (($request->has('job')) && ($request->get('job') > 0)) { 92 if (($request->has('job')) && ($request->get('job') > 0)) {
92 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) { 93 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) {
93 $query->Where('job_titles.id', $request->get('job')); 94 $query->Where('job_titles.id', $request->get('job'));
94 }); 95 });
95 } 96 }
96 97
97 $Job_title = Job_title::query()-> 98 $Job_title = Job_title::query()->
98 where('is_remove', '=', '0')-> 99 where('is_remove', '=', '0')->
99 where('is_bd', '=' , '1')-> 100 where('is_bd', '=' , '1')->
100 get(); 101 get();
101 102
102 if ($request->get('sort')) { 103 if ($request->get('sort')) {
103 $sort = $request->get('sort'); 104 $sort = $request->get('sort');
104 switch ($sort) { 105 switch ($sort) {
105 case 'looking_for_work': 106 case 'looking_for_work':
106 $resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value); 107 $resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value);
107 break; 108 break;
108 case 'considering_offers': 109 case 'considering_offers':
109 $resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value); 110 $resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value);
110 break; 111 break;
111 case 'not_looking_for_work': 112 case 'not_looking_for_work':
112 $resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value); 113 $resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value);
113 break; 114 break;
114 } 115 }
115 } 116 }
116 117
117 $res_count = $resumes->count(); 118 $res_count = $resumes->count();
118 //$resumes = $resumes->get(); 119 //$resumes = $resumes->get();
119 $resumes = $resumes->paginate(4); 120 $resumes = $resumes->paginate(4);
120 if ($request->ajax()) { 121 if ($request->ajax()) {
121 // Условия обставлены 122 // Условия обставлены
122 if ($request->has('block') && ($request->get('block') == 1)) { 123 if ($request->has('block') && ($request->get('block') == 1)) {
123 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot')); 124 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));
124 } 125 }
125 } else { 126 } else {
126 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title')); 127 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title'));
127 } 128 }
128 } else { 129 } else {
129 return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]); 130 return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);
130 } 131 }
131 } 132 }
132 133
133 public function basic_information(){ 134 public function basic_information(){
134 if (!isset(Auth()->user()->id)) { 135 if (!isset(Auth()->user()->id)) {
135 abort(404); 136 abort(404);
136 } 137 }
137 138
138 $user_id = Auth()->user()->id; 139 $user_id = Auth()->user()->id;
139 140
140 $user = User::query() 141 $user = User::query()
141 ->with('workers') 142 ->with('workers')
142 ->with(['jobtitles' => function ($query) { 143 ->with(['jobtitles' => function ($query) {
143 $query->select('job_titles.id'); 144 $query->select('job_titles.id');
144 }]) 145 }])
145 ->where('id', '=', $user_id) 146 ->where('id', '=', $user_id)
146 ->first(); 147 ->first();
147 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray(); 148 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray();
148 149
149 $job_titles = Job_title::query() 150 $job_titles = Job_title::query()
150 ->where('is_remove', '=', 0) 151 ->where('is_remove', '=', 0)
151 ->where('is_bd', '=', 1) 152 ->where('is_bd', '=', 1)
152 ->orderByDesc('sort') 153 ->orderByDesc('sort')
153 ->get() 154 ->get()
154 ; 155 ;
155 156
156 return view('workers.form_basic_information', compact('user', 'job_titles')); 157 return view('workers.form_basic_information', compact('user', 'job_titles'));
157 } 158 }
158 159
159 public function additional_documents(){ 160 public function additional_documents(){
160 if (!isset(Auth()->user()->id)) { 161 if (!isset(Auth()->user()->id)) {
161 abort(404); 162 abort(404);
162 } 163 }
163 164
164 $user_id = Auth()->user()->id; 165 $user_id = Auth()->user()->id;
165 166
166 $info_blocks = infobloks::query()->OrderBy('name')->get(); 167 $info_blocks = infobloks::query()->OrderBy('name')->get();
167 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 168 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
168 169
169 $worker = Worker::query() 170 $worker = Worker::query()
170 ->with('users') 171 ->with('users')
171 ->with('infobloks') 172 ->with('infobloks')
172 ->WhereHas('users', function (Builder $query) use ($user_id) { 173 ->WhereHas('users', function (Builder $query) use ($user_id) {
173 $query->Where('id', $user_id); 174 $query->Where('id', $user_id);
174 }) 175 })
175 ->first(); 176 ->first();
176 if ($worker->dop_info->count()){ 177 if ($worker->dop_info->count()){
177 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 178 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
178 } 179 }
179 180
180 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses')); 181 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses'));
181 } 182 }
182 183
183 //Лайк резюме 184 //Лайк резюме
184 public function like_controller() { 185 public function like_controller() {
185 186
186 } 187 }
187 188
188 // анкета соискателя 189 // анкета соискателя
189 public function resume_profile(Worker $worker) 190 public function resume_profile(Worker $worker)
190 { 191 {
191 if (isset(Auth()->user()->id)) { 192 if (isset(Auth()->user()->id)) {
192 $idiot = Auth()->user()->id; 193 $idiot = Auth()->user()->id;
193 } else { 194 } else {
194 $idiot = 0; 195 $idiot = 0;
195 } 196 }
196 197
197 $status_work = WorkerStatuses::getWorkerStatuses(); 198 $status_work = WorkerStatuses::getWorkerStatuses();
198 $Query = Worker::query()->with('users')->with('job_titles') 199 $Query = Worker::query()->with('users')->with('job_titles')
199 ->with('place_worker')->with('sertificate')->with('prev_company') 200 ->with('place_worker')->with('sertificate')->with('prev_company')
200 ->with('infobloks')->with('response'); 201 ->with('infobloks')->with('response');
201 $Query = $Query->where('id', '=', $worker->id); 202 $Query = $Query->where('id', '=', $worker->id);
202 $Query = $Query->get(); 203 $Query = $Query->get();
203 204
204 $get_date = date('Y.m'); 205 $get_date = date('Y.m');
205 206
206 $infoblocks = infobloks::query()->get(); 207 $infoblocks = infobloks::query()->get();
207 208
208 $c = Static_worker::query()->where('year_month', '=', $get_date) 209 $c = Static_worker::query()->where('year_month', '=', $get_date)
209 ->where('user_id', '=', $worker->user_id) 210 ->where('user_id', '=', $worker->user_id)
210 ->get(); 211 ->get();
211 212
212 if ($c->count() > 0) { 213 if ($c->count() > 0) {
213 $upd = Static_worker::find($c[0]->id); 214 $upd = Static_worker::find($c[0]->id);
214 $upd->lookin = $upd->lookin + 1; 215 $upd->lookin = $upd->lookin + 1;
215 $upd->save(); 216 $upd->save();
216 } else { 217 } else {
217 $crt = new Static_worker(); 218 $crt = new Static_worker();
218 $crt->lookin = 1; 219 $crt->lookin = 1;
219 $crt->year_month = $get_date; 220 $crt->year_month = $get_date;
220 $crt->user_id = $worker->user_id; 221 $crt->user_id = $worker->user_id;
221 $status = $crt->save(); 222 $status = $crt->save();
222 } 223 }
223 224
224 $stat = Static_worker::query()->where('year_month', '=', $get_date) 225 $stat = Static_worker::query()->where('year_month', '=', $get_date)
225 ->where('user_id', '=', $worker->user_id) 226 ->where('user_id', '=', $worker->user_id)
226 ->get(); 227 ->get();
227 228
228 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat')); 229 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat'));
229 } 230 }
230 231
231 // скачать анкету соискателя 232 // скачать анкету соискателя
232 public function resume_download(Worker $worker) 233 public function resume_download(Worker $worker)
233 { 234 {
234 $status_work = WorkerStatuses::getWorkerStatuses(); 235 $status_work = WorkerStatuses::getWorkerStatuses();
235 $Query = Worker::query()->with('users')->with('job_titles') 236 $Query = Worker::query()->with('users')->with('job_titles')
236 ->with('place_worker')->with('sertificate')->with('prev_company') 237 ->with('place_worker')->with('sertificate')->with('prev_company')
237 ->with('infobloks'); 238 ->with('infobloks');
238 $Query = $Query->where('id', '=', $worker->id); 239 $Query = $Query->where('id', '=', $worker->id);
239 $Query = $Query->get(); 240 $Query = $Query->get();
240 241
241 view()->share('Query',$Query); 242 view()->share('Query',$Query);
242 243
243 $status_work = WorkerStatuses::getWorkerStatuses(); 244 $status_work = WorkerStatuses::getWorkerStatuses();
244 $infoblocks = infobloks::query()->get(); 245 $infoblocks = infobloks::query()->get();
245 246
246 //return view('layout.pdf', compact('Query', 'status_work', 'infoblocks')); 247 //return view('layout.pdf', compact('Query', 'status_work', 'infoblocks'));
247 $pdf = PDF::loadView('layout.pdf', [ 248 $pdf = PDF::loadView('layout.pdf', [
248 'Query' => $Query, 249 'Query' => $Query,
249 'status_work' => $status_work, 250 'status_work' => $status_work,
250 'infoblocks' => $infoblocks 251 'infoblocks' => $infoblocks
251 ])->setPaper('a4', 'landscape'); 252 ])->setPaper('a4', 'landscape');
252 253
253 return $pdf->stream(); 254 return $pdf->stream();
254 } 255 }
255 256
256 public function resume_download_all(Request $request) { 257 public function resume_download_all(Request $request) {
257 $spreadsheet = new Spreadsheet(); 258 $spreadsheet = new Spreadsheet();
258 $sheet = $spreadsheet->getActiveSheet(); 259 $sheet = $spreadsheet->getActiveSheet();
259 260
260 $columnMap = range('A', 'Z'); 261 $columnMap = range('A', 'Z');
261 $columns = []; 262 $columns = [];
262 263
263 foreach (DbExportColumns::toArray() as $key => $value){ 264 foreach (DbExportColumns::toArray() as $key => $value){
264 if ($request->input($key, 0)){ 265 if ($request->input($key, 0)){
265 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value)); 266 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value));
266 $columns[] = str_replace('__', '.', $key); 267 $columns[] = str_replace('__', '.', $key);
267 } 268 }
268 } 269 }
269 270
270 if (empty($columns)) { 271 if (empty($columns)) {
271 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.'); 272 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.');
272 } 273 }
273 274
274 $query = User::select($columns) 275 $query = User::select($columns)
275 ->leftJoin('workers', 'users.id', '=', 'workers.user_id') 276 ->leftJoin('workers', 'users.id', '=', 'workers.user_id')
276 ->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id') 277 ->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id')
277 ->where('users.is_bd', '=', 1) 278 ->where('users.is_bd', '=', 1)
278 ; 279 ;
279 280
280 $job_title_list = $request->input('job_title_list', []); 281 $job_title_list = $request->input('job_title_list', []);
281 if (!empty($job_title_list)){ 282 if (!empty($job_title_list)){
282 $query->whereIn('job_titles.id', $job_title_list); 283 $query->whereIn('job_titles.id', $job_title_list);
283 } 284 }
284 285
285 $users = $query->get(); 286 $users = $query->get();
286 if ($users->count()){ 287 if ($users->count()){
287 $i = 2; 288 $i = 2;
288 foreach ($users->toArray() as $user){ 289 foreach ($users->toArray() as $user){
289 $j = 0; 290 $j = 0;
290 foreach ($user as $field){ 291 foreach ($user as $field){
291 $sheet->setCellValue("{$columnMap[$j++]}$i", $field); 292 $sheet->setCellValue("{$columnMap[$j++]}$i", $field);
292 } 293 }
293 $i++; 294 $i++;
294 } 295 }
295 } 296 }
296 $writer = new Xlsx($spreadsheet); 297 $writer = new Xlsx($spreadsheet);
297 $fileName = 'DB.xlsx'; 298 $fileName = 'DB.xlsx';
298 299
299 $response = new StreamedResponse(function() use ($writer) { 300 $response = new StreamedResponse(function() use ($writer) {
300 $writer->save('php://output'); 301 $writer->save('php://output');
301 }); 302 });
302 303
303 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); 304 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
304 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"'); 305 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"');
305 $response->headers->set('Cache-Control', 'max-age=0'); 306 $response->headers->set('Cache-Control', 'max-age=0');
306 307
307 return $response; 308 return $response;
308 } 309 }
309 310
310 // Кабинет работника 311 // Кабинет работника
311 public function cabinet(Request $request) 312 public function cabinet(Request $request)
312 { 313 {
313 // дата год и месяц 314 // дата год и месяц
314 $get_date = date('Y.m'); 315 $get_date = date('Y.m');
315 316
316 $id = Auth()->user()->id; 317 $id = Auth()->user()->id;
317 318
318 $Infobloks = infobloks::query()->get(); 319 $Infobloks = infobloks::query()->get();
319 320
320 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')-> 321 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->
321 with('infobloks')->with('place_worker')-> 322 with('infobloks')->with('place_worker')->
322 WhereHas('users', 323 WhereHas('users',
323 function (Builder $query) use ($id) {$query->Where('id', $id); 324 function (Builder $query) use ($id) {$query->Where('id', $id);
324 })->get(); 325 })->get();
325 326
326 $Job_titles = Job_title::query()->where('is_remove', '=', '0')-> 327 $Job_titles = Job_title::query()->where('is_remove', '=', '0')->
327 where('is_bd', '=' , '1')-> 328 where('is_bd', '=' , '1')->
328 OrderByDesc('sort')->OrderBy('name')->get(); 329 OrderByDesc('sort')->OrderBy('name')->get();
329 330
330 331
331 $stat = Static_worker::query()->where('year_month', '=', $get_date) 332 $stat = Static_worker::query()->where('year_month', '=', $get_date)
332 ->where('user_id', '=', $id) 333 ->where('user_id', '=', $id)
333 ->get(); 334 ->get();
334 335
335 336
336 // 10% 337 // 10%
337 338
338 $persent = 10; 339 $persent = 10;
339 $persent1 = 0; 340 $persent1 = 0;
340 $persent2 = 0; 341 $persent2 = 0;
341 $persent3 = 0; 342 $persent3 = 0;
342 $persent4 = 0; 343 $persent4 = 0;
343 $persent5 = 0; 344 $persent5 = 0;
344 345
345 if ((!empty($Worker[0]->telephone)) && 346 if ((!empty($Worker[0]->telephone)) &&
346 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) && 347 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&
347 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) { 348 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {
348 // 40% 349 // 40%
349 $persent = $persent + 40; 350 $persent = $persent + 40;
350 $persent1 = 40; 351 $persent1 = 40;
351 } 352 }
352 353
353 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year); 354 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year);
354 355
355 if ($Worker[0]->sertificate->count() > 0) { 356 if ($Worker[0]->sertificate->count() > 0) {
356 // 15% 357 // 15%
357 $persent = $persent + 15; 358 $persent = $persent + 15;
358 $persent2 = 15; 359 $persent2 = 15;
359 } 360 }
360 361
361 if ($Worker[0]->infobloks->count() > 0) { 362 if ($Worker[0]->infobloks->count() > 0) {
362 // 20% 363 // 20%
363 $persent = $persent + 20; 364 $persent = $persent + 20;
364 $persent3 = 20; 365 $persent3 = 20;
365 } 366 }
366 367
367 if ($Worker[0]->prev_company->count() > 0) { 368 if ($Worker[0]->prev_company->count() > 0) {
368 // 10% 369 // 10%
369 $persent = $persent + 10; 370 $persent = $persent + 10;
370 $persent4 = 10; 371 $persent4 = 10;
371 } 372 }
372 373
373 if (!empty($Worker[0]->photo)) { 374 if (!empty($Worker[0]->photo)) {
374 // 5% 375 // 5%
375 $persent = $persent + 5; 376 $persent = $persent + 5;
376 $persent5 = 5; 377 $persent5 = 5;
377 } 378 }
378 379
379 $status_work = WorkerStatuses::getWorkerStatuses(); 380 $status_work = WorkerStatuses::getWorkerStatuses();
380 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 381 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
381 $info_blocks = infobloks::query()->OrderBy('name')->get(); 382 $info_blocks = infobloks::query()->OrderBy('name')->get();
382 383
383 $worker = Worker::query() 384 $worker = Worker::query()
384 ->with('users') 385 ->with('users')
385 ->with('sertificate') 386 ->with('sertificate')
386 ->with('prev_company') 387 ->with('prev_company')
387 ->with('infobloks') 388 ->with('infobloks')
388 ->with('place_worker') 389 ->with('place_worker')
389 ->with('job_titles') 390 ->with('job_titles')
390 ->WhereHas('users', function (Builder $query) use ($id) { 391 ->WhereHas('users', function (Builder $query) use ($id) {
391 $query->Where('id', $id); 392 $query->Where('id', $id);
392 }) 393 })
393 ->first(); 394 ->first();
394 if ($worker->dop_info->count()){ 395 if ($worker->dop_info->count()){
395 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 396 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
396 } 397 }
397 398
398 //dd($worker->dop_info); 399 //dd($worker->dop_info);
399 400
400 if ($request->has('print')) { 401 if ($request->has('print')) {
401 dd($Worker); 402 dd($Worker);
402 } else { 403 } else {
403 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat', 404 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat',
404 'worker', 'info_blocks', 'status_work', 'additional_document_statuses' 405 'worker', 'info_blocks', 'status_work', 'additional_document_statuses'
405 )); 406 ));
406 } 407 }
407 } 408 }
408 409
409 // Сохранение данных 410 // Сохранение данных
410 public function cabinet_save(Worker $worker, Request $request) 411 public function cabinet_save(Worker $worker, Request $request)
411 { 412 {
412 $id = $worker->id; 413 $id = $worker->id;
413 $params = $request->all(); 414 $params = $request->all();
414 $job_title_id = $request->get('job_title_id'); 415 $job_title_id = $request->get('job_title_id');
415 416
416 $rules = [ 417 $rules = [
417 'surname' => ['required', 'string', 'max:255'], 418 'surname' => ['required', 'string', 'max:255'],
418 'name_man' => ['required', 'string', 'max:255'], 419 'name_man' => ['required', 'string', 'max:255'],
419 'email' => ['required', 'string', 'email', 'max:255'], 420 'email' => ['required', 'string', 'email', 'max:255'],
420 421
421 ]; 422 ];
422 423
423 $messages = [ 424 $messages = [
424 'required' => 'Укажите обязательное поле', 425 'required' => 'Укажите обязательное поле',
425 'min' => [ 426 'min' => [
426 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 427 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
427 'integer' => 'Поле «:attribute» должно быть :min или больше', 428 'integer' => 'Поле «:attribute» должно быть :min или больше',
428 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 429 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
429 ], 430 ],
430 'max' => [ 431 'max' => [
431 'string' => 'Поле «:attribute» должно быть не больше :max символов', 432 'string' => 'Поле «:attribute» должно быть не больше :max символов',
432 'integer' => 'Поле «:attribute» должно быть :max или меньше', 433 'integer' => 'Поле «:attribute» должно быть :max или меньше',
433 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 434 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
434 ] 435 ]
435 ]; 436 ];
436 437
437 $validator = Validator::make($params, $rules, $messages); 438 $validator = Validator::make($params, $rules, $messages);
438 439
439 if ($validator->fails()) { 440 if ($validator->fails()) {
440 return redirect()->route('worker.cabinet')->withErrors($validator); 441 return redirect()->route('worker.cabinet')->withErrors($validator);
441 } else { 442 } else {
442 443
443 if ($request->has('photo')) { 444 if ($request->has('photo')) {
444 if (!empty($worker->photo)) { 445 if (!empty($worker->photo)) {
445 Storage::delete($worker->photo); 446 Storage::delete($worker->photo);
446 } 447 }
447 $params['photo'] = $request->file('photo')->store("worker/$id", 'public'); 448 $params['photo'] = $request->file('photo')->store("worker/$id", 'public');
448 } 449 }
449 450
450 if ($request->has('file')) { 451 if ($request->has('file')) {
451 if (!empty($worker->file)) { 452 if (!empty($worker->file)) {
452 Storage::delete($worker->file); 453 Storage::delete($worker->file);
453 } 454 }
454 $params['file'] = $request->file('file')->store("worker/$id", 'public'); 455 $params['file'] = $request->file('file')->store("worker/$id", 'public');
455 } 456 }
456 457
457 $worker->update($params); 458 $worker->update($params);
458 $use = User::find($worker->user_id); 459 $use = User::find($worker->user_id);
459 $use->surname = $request->get('surname'); 460 $use->surname = $request->get('surname');
460 $use->name_man = $request->get('name_man'); 461 $use->name_man = $request->get('name_man');
461 $use->surname2 = $request->get('surname2'); 462 $use->surname2 = $request->get('surname2');
462 463
463 $use->save(); 464 $use->save();
464 $worker->job_titles()->sync($job_title_id); 465 $worker->job_titles()->sync($job_title_id);
465 466
466 return redirect()->route('worker.basic_information')->with('success', 'Данные были успешно сохранены'); 467 return redirect()->route('worker.basic_information')->with('success', 'Данные были успешно сохранены');
467 } 468 }
468 } 469 }
469 470
470 public function cabinet_save_foto(Worker $worker, Request $request){ 471 public function cabinet_save_foto(Worker $worker, Request $request){
471 $params = ['photo' => null]; 472 $params = ['photo' => null];
472 473
473 if ($request->has('photo')) { 474 if ($request->has('photo')) {
474 if (!empty($worker->photo)) { 475 if (!empty($worker->photo)) {
475 Storage::delete($worker->photo); 476 Storage::delete($worker->photo);
476 } 477 }
477 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public'); 478 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public');
478 } 479 }
479 480
480 if ($request->has('file')) { 481 if ($request->has('file')) {
481 if (!empty($worker->file)) { 482 if (!empty($worker->file)) {
482 Storage::delete($worker->file); 483 Storage::delete($worker->file);
483 } 484 }
484 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public'); 485 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public');
485 } 486 }
486 487
487 $worker->update($params); 488 $worker->update($params);
488 489
489 return redirect()->route('worker.cabinet'); 490 return redirect()->route('worker.cabinet');
490 } 491 }
491 492
492 // Сообщения данные 493 // Сообщения данные
493 public function messages($type_message) 494 public function messages($type_message)
494 { 495 {
495 $user_id = Auth()->user()->id; 496 $user_id = Auth()->user()->id;
496 497
497 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 498 $chats = Chat::get_user_chats($user_id);
498 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 499 $user_type = 'worker';
499 500
500 $messages_output = Message::query()->with('vacancies')-> 501 return view('workers.messages', compact('chats','user_id', 'user_type'));
501 with('user_to')->where('user_id', $user_id)->
502 OrderByDesc('created_at');
503
504 $count_input = $messages_input->count();
505 $count_output = $messages_output->count();
506
507 if ($type_message == 'input') {
508 $messages = $messages_input->paginate(5);
509 }
510
511 if ($type_message == 'output') {
512 $messages = $messages_output->paginate(5);
513 }
514
515 //dd($messages);
516 // Вернуть все 100%
517 return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
518 } 502 }
519 503
520 // Избранный 504 // Избранный
521 public function favorite() 505 public function favorite()
522 { 506 {
523 return view('workers.favorite'); 507 return view('workers.favorite');
524 } 508 }
525 509
526 // Сменить пароль 510 // Сменить пароль
527 public function new_password() 511 public function new_password()
528 { 512 {
529 $email = Auth()->user()->email; 513 $email = Auth()->user()->email;
530 return view('workers.new_password', compact('email')); 514 return view('workers.new_password', compact('email'));
531 } 515 }
532 516
533 // Обновление пароля 517 // Обновление пароля
534 public function save_new_password(Request $request) { 518 public function save_new_password(Request $request) {
535 $use = Auth()->user(); 519 $use = Auth()->user();
536 $request->validate([ 520 $request->validate([
537 'password' => 'required|string', 521 'password' => 'required|string',
538 'new_password' => 'required|string', 522 'new_password' => 'required|string',
539 'new_password2' => 'required|string' 523 'new_password2' => 'required|string'
540 ]); 524 ]);
541 525
542 if ($request->get('new_password') == $request->get('new_password2')) 526 if ($request->get('new_password') == $request->get('new_password2'))
543 if ($request->get('password') !== $request->get('new_password')) { 527 if ($request->get('password') !== $request->get('new_password')) {
544 $credentials = $request->only('email', 'password'); 528 $credentials = $request->only('email', 'password');
545 if (Auth::attempt($credentials, $request->has('save_me'))) { 529 if (Auth::attempt($credentials, $request->has('save_me'))) {
546 530
547 if (!is_null($use->email_verified_at)){ 531 if (!is_null($use->email_verified_at)){
548 532
549 $user_data = User_Model::find($use->id); 533 $user_data = User_Model::find($use->id);
550 $user_data->update([ 534 $user_data->update([
551 'password' => Hash::make($request->get('new_password')), 535 'password' => Hash::make($request->get('new_password')),
552 'pubpassword' => base64_encode($request->get('new_password')), 536 'pubpassword' => base64_encode($request->get('new_password')),
553 ]); 537 ]);
554 return redirect() 538 return redirect()
555 ->route('worker.new_password') 539 ->route('worker.new_password')
556 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 540 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
557 } 541 }
558 542
559 return redirect() 543 return redirect()
560 ->route('worker.new_password') 544 ->route('worker.new_password')
561 ->withError('Данная учетная запись не было верифицированна!'); 545 ->withError('Данная учетная запись не было верифицированна!');
562 } 546 }
563 } 547 }
564 548
565 return redirect() 549 return redirect()
566 ->route('worker.new_password') 550 ->route('worker.new_password')
567 ->withErrors('Не совпадение данных, обновите пароли!'); 551 ->withErrors('Не совпадение данных, обновите пароли!');
568 } 552 }
569 553
570 // Удаление профиля форма 554 // Удаление профиля форма
571 public function delete_profile() 555 public function delete_profile()
572 { 556 {
573 $login = Auth()->user()->email; 557 $login = Auth()->user()->email;
574 return view('workers.delete_profile', compact('login')); 558 return view('workers.delete_profile', compact('login'));
575 } 559 }
576 560
577 // Удаление профиля код 561 // Удаление профиля код
578 public function delete_profile_result(Request $request) { 562 public function delete_profile_result(Request $request) {
579 $Answer = $request->all(); 563 $Answer = $request->all();
580 $user_id = Auth()->user()->id; 564 $user_id = Auth()->user()->id;
581 $request->validate([ 565 $request->validate([
582 'password' => 'required|string', 566 'password' => 'required|string',
583 ]); 567 ]);
584 568
585 $credentials = $request->only('email', 'password'); 569 $credentials = $request->only('email', 'password');
586 if (Auth::attempt($credentials)) { 570 if (Auth::attempt($credentials)) {
587 Auth::logout(); 571 Auth::logout();
588 $it = User_Model::find($user_id); 572 $it = User_Model::find($user_id);
589 $it->delete(); 573 $it->delete();
590 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 574 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
591 } else { 575 } else {
592 return redirect()->route('worker.delete_profile') 576 return redirect()->route('worker.delete_profile')
593 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 577 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
594 } 578 }
595 } 579 }
596 580
597 // Регистрация соискателя 581 // Регистрация соискателя
598 public function register_worker(Request $request) 582 public function register_worker(Request $request)
599 { 583 {
600 $params = $request->all(); 584 $params = $request->all();
601 $params['is_worker'] = 1; 585 $params['is_worker'] = 1;
602 586
603 $rules = [ 587 $rules = [
604 'surname' => ['required', 'string', 'max:255'], 588 'surname' => ['required', 'string', 'max:255'],
605 'name_man' => ['required', 'string', 'max:255'], 589 'name_man' => ['required', 'string', 'max:255'],
606 'email' => ['required', 'email', 'max:255', 'unique:users'], 590 'email' => ['required', 'email', 'max:255', 'unique:users'],
607 'password' => ['required', 'string', 'min:6'] 591 'password' => ['required', 'string', 'min:6']
608 ]; 592 ];
609 593
610 $messages = [ 594 $messages = [
611 'required' => 'Укажите обязательное поле', 595 'required' => 'Укажите обязательное поле',
612 'min' => [ 596 'min' => [
613 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 597 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
614 'integer' => 'Поле «:attribute» должно быть :min или больше', 598 'integer' => 'Поле «:attribute» должно быть :min или больше',
615 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 599 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
616 ], 600 ],
617 'max' => [ 601 'max' => [
618 'string' => 'Поле «:attribute» должно быть не больше :max символов', 602 'string' => 'Поле «:attribute» должно быть не больше :max символов',
619 'integer' => 'Поле «:attribute» должно быть :max или меньше', 603 'integer' => 'Поле «:attribute» должно быть :max или меньше',
620 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 604 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
621 ] 605 ]
622 ]; 606 ];
623 607
624 $email = $request->get('email'); 608 $email = $request->get('email');
625 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)) {
626 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 610 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
627 } 611 }
628 612
629 if ($request->get('password') !== $request->get('confirmed')){ 613 if ($request->get('password') !== $request->get('confirmed')){
630 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 614 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
631 } 615 }
632 616
633 if (strlen($request->get('password')) < 6) { 617 if (strlen($request->get('password')) < 6) {
634 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 618 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
635 } 619 }
636 620
637 /*$haystack = $request->get('password'); 621 /*$haystack = $request->get('password');
638 622
639 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?'); 623 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');
640 $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',
641 'X', 'C', 'V', 'B', 'N', 'M'); 625 'X', 'C', 'V', 'B', 'N', 'M');
642 $lenpwd_bool = true; 626 $lenpwd_bool = true;
643 $spec_bool = false; 627 $spec_bool = false;
644 $alpha_bool = false; 628 $alpha_bool = false;
645 629
646 if (strlen($haystack) < 8) $lenpwd_bool = false; 630 if (strlen($haystack) < 8) $lenpwd_bool = false;
647 631
648 foreach ($specsumbol as $it) { 632 foreach ($specsumbol as $it) {
649 if (strpos($haystack, $it) !== false) { 633 if (strpos($haystack, $it) !== false) {
650 $spec_bool = true; 634 $spec_bool = true;
651 } 635 }
652 } 636 }
653 637
654 foreach ($alpha as $it) { 638 foreach ($alpha as $it) {
655 if (strpos($haystack, $it) !== false) { 639 if (strpos($haystack, $it) !== false) {
656 $alpha_bool = true; 640 $alpha_bool = true;
657 } 641 }
658 } 642 }
659 643
660 if ((!$spec_bool) || (!$alpha_bool)) { 644 if ((!$spec_bool) || (!$alpha_bool)) {
661 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?")); 645 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));
662 }*/ 646 }*/
663 647
664 if (($request->has('politik')) && ($request->get('politik') == 1)) { 648 if (($request->has('politik')) && ($request->get('politik') == 1)) {
665 $validator = Validator::make($params, $rules, $messages); 649 $validator = Validator::make($params, $rules, $messages);
666 650
667 if ($validator->fails()) { 651 if ($validator->fails()) {
668 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 652 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
669 } else { 653 } else {
670 //dd($params); 654 //dd($params);
671 $user = $this->create($params); 655 $user = $this->create($params);
672 event(new Registered($user)); 656 event(new Registered($user));
673 Auth::guard()->login($user); 657 Auth::guard()->login($user);
674 } 658 }
675 if ($user) { 659 if ($user) {
676 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));; 660 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
677 } else { 661 } else {
678 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 662 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
679 } 663 }
680 664
681 } else { 665 } else {
682 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!")); 666 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
683 } 667 }
684 } 668 }
685 669
686 // Звездная оценка и ответ 670 // Звездная оценка и ответ
687 public function stars_answer(Request $request) { 671 public function stars_answer(Request $request) {
688 $params = $request->all(); 672 $params = $request->all();
689 $rules = [ 673 $rules = [
690 'message' => ['required', 'string', 'max:255'], 674 'message' => ['required', 'string', 'max:255'],
691 ]; 675 ];
692 676
693 $messages = [ 677 $messages = [
694 'required' => 'Укажите обязательное поле', 678 'required' => 'Укажите обязательное поле',
695 'min' => [ 679 'min' => [
696 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 680 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
697 'integer' => 'Поле «:attribute» должно быть :min или больше', 681 'integer' => 'Поле «:attribute» должно быть :min или больше',
698 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 682 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
699 ], 683 ],
700 'max' => [ 684 'max' => [
701 'string' => 'Поле «:attribute» должно быть не больше :max символов', 685 'string' => 'Поле «:attribute» должно быть не больше :max символов',
702 'integer' => 'Поле «:attribute» должно быть :max или меньше', 686 'integer' => 'Поле «:attribute» должно быть :max или меньше',
703 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 687 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
704 ] 688 ]
705 ]; 689 ];
706 $response_worker = ResponseWork::create($params); 690 $response_worker = ResponseWork::create($params);
707 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', 'Ваше сообщение было отправлено!');
708 } 692 }
709 693
710 public function TestWorker() 694 public function TestWorker()
711 { 695 {
712 $Use = new User(); 696 $Use = new User();
713 697
714 $Code_user = $Use->create([ 698 $Code_user = $Use->create([
715 'name' => 'surname name_man', 699 'name' => 'surname name_man',
716 'name_man' => 'name_man', 700 'name_man' => 'name_man',
717 'surname' => 'surname', 701 'surname' => 'surname',
718 'surname2' => 'surname2', 702 'surname2' => 'surname2',
719 'subscribe_email' => '1', 703 'subscribe_email' => '1',
720 'email' => 'email@mail.com', 704 'email' => 'email@mail.com',
721 'telephone' => '1234567890', 705 'telephone' => '1234567890',
722 'password' => Hash::make('password'), 706 'password' => Hash::make('password'),
723 'pubpassword' => base64_encode('password'), 707 'pubpassword' => base64_encode('password'),
724 'email_verified_at' => Carbon::now(), 708 'email_verified_at' => Carbon::now(),
725 'is_worker' => 1, 709 'is_worker' => 1,
726 ]); 710 ]);
727 711
728 if ($Code_user->id > 0) { 712 if ($Code_user->id > 0) {
729 $Worker = new Worker(); 713 $Worker = new Worker();
730 $Worker->user_id = $Code_user->id; 714 $Worker->user_id = $Code_user->id;
731 $Worker->position_work = 1; //'job_titles'; 715 $Worker->position_work = 1; //'job_titles';
732 $Worker->email = 'email@email.com'; 716 $Worker->email = 'email@email.com';
733 $Worker->telephone = '1234567890'; 717 $Worker->telephone = '1234567890';
734 $status = $Worker->save(); 718 $status = $Worker->save();
735 719
736 $Title_Worker = new Title_worker(); 720 $Title_Worker = new Title_worker();
737 $Title_Worker->worker_id = $Worker->id; 721 $Title_Worker->worker_id = $Worker->id;
738 $Title_Worker->job_title_id = 1; 722 $Title_Worker->job_title_id = 1;
739 $Title_Worker->save(); 723 $Title_Worker->save();
740 } 724 }
741 } 725 }
742 726
743 // Создание пользователя 727 // Создание пользователя
744 protected function create(array $data) 728 protected function create(array $data)
745 { 729 {
746 $Use = new User(); 730 $Use = new User();
747 731
748 $Code_user = $Use->create([ 732 $Code_user = $Use->create([
749 'name' => $data['surname']." ".$data['name_man'], 733 'name' => $data['surname']." ".$data['name_man'],
750 'name_man' => $data['name_man'], 734 'name_man' => $data['name_man'],
751 'surname' => $data['surname'], 735 'surname' => $data['surname'],
752 'surname2' => $data['surname2'], 736 'surname2' => $data['surname2'],
753 'subscribe_email' => $data['email'], 737 'subscribe_email' => $data['email'],
754 'email' => $data['email'], 738 'email' => $data['email'],
755 'telephone' => $data['telephone'], 739 'telephone' => $data['telephone'],
756 'password' => Hash::make($data['password']), 740 'password' => Hash::make($data['password']),
757 'pubpassword' => base64_encode($data['password']), 741 'pubpassword' => base64_encode($data['password']),
758 'email_verified_at' => Carbon::now(), 742 'email_verified_at' => Carbon::now(),
759 'is_worker' => $data['is_worker'], 743 'is_worker' => $data['is_worker'],
760 ]); 744 ]);
761 745
762 if ($Code_user->id > 0) { 746 if ($Code_user->id > 0) {
763 $Worker = new Worker(); 747 $Worker = new Worker();
764 $Worker->user_id = $Code_user->id; 748 $Worker->user_id = $Code_user->id;
765 $Worker->position_work = $data['job_titles']; 749 $Worker->position_work = $data['job_titles'];
766 $Worker->email = $data['email']; 750 $Worker->email = $data['email'];
767 $Worker->telephone = $data['telephone']; 751 $Worker->telephone = $data['telephone'];
768 $Worker->save(); 752 $Worker->save();
769 753
770 if (isset($Worker->id)) { 754 if (isset($Worker->id)) {
771 $Title_Worker = new Title_worker(); 755 $Title_Worker = new Title_worker();
772 $Title_Worker->worker_id = $Worker->id; 756 $Title_Worker->worker_id = $Worker->id;
773 $Title_Worker->job_title_id = $data['job_titles']; 757 $Title_Worker->job_title_id = $data['job_titles'];
774 $Title_Worker->save(); 758 $Title_Worker->save();
775 } 759 }
776 760
777 return $Code_user; 761 return $Code_user;
778 } 762 }
779 } 763 }
780 764
781 // Вакансии избранные 765 // Вакансии избранные
782 public function colorado(Request $request) { 766 public function colorado(Request $request) {
783 $IP_address = RusDate::ip_addr_client(); 767 $IP_address = RusDate::ip_addr_client();
784 $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();
785 769
786 if ($Arr->count()) { 770 if ($Arr->count()) {
787 $A = Array(); 771 $A = Array();
788 foreach ($Arr as $it) { 772 foreach ($Arr as $it) {
789 $A[] = $it->code_record; 773 $A[] = $it->code_record;
790 } 774 }
791 775
792 $Query = Ad_employer::query()->whereIn('id', $A); 776 $Query = Ad_employer::query()->whereIn('id', $A);
793 } else { 777 } else {
794 $Query = Ad_employer::query()->where('id', '=', '0'); 778 $Query = Ad_employer::query()->where('id', '=', '0');
795 } 779 }
796 780
797 $Query = $Query->with('jobs')-> 781 $Query = $Query->with('jobs')->
798 with('cat')-> 782 with('cat')->
799 with('employer')-> 783 with('employer')->
800 whereHas('jobs_code', function ($query) use ($request) { 784 whereHas('jobs_code', function ($query) use ($request) {
801 if ($request->ajax()) { 785 if ($request->ajax()) {
802 if (null !== ($request->get('job'))) { 786 if (null !== ($request->get('job'))) {
803 $query->where('job_title_id', $request->get('job')); 787 $query->where('job_title_id', $request->get('job'));
804 } 788 }
805 } 789 }
806 })->select('ad_employers.*'); 790 })->select('ad_employers.*');
807 791
808 $Job_title = Job_title::query()->OrderBy('name')->get(); 792 $Job_title = Job_title::query()->OrderBy('name')->get();
809 793
810 $Query_count = $Query->count(); 794 $Query_count = $Query->count();
811 795
812 $Query = $Query->OrderBy('updated_at')->paginate(3); 796 $Query = $Query->OrderBy('updated_at')->paginate(3);
813 797
814 798
815 return view('workers.favorite', compact('Query', 799 return view('workers.favorite', compact('Query',
816 'Query_count', 800 'Query_count',
817 'Job_title')); 801 'Job_title'));
818 802
819 } 803 }
820 804
821 //Переписка 805 //Переписка
822 public function dialog(User_Model $user1, User_Model $user2, Request $request) { 806 public function dialog(User_Model $user1, User_Model $user2, Request $request) {
823 // Получение параметров. 807 // Получение параметров.
824 if ($request->has('ad_employer')){ 808 if ($request->has('ad_employer')){
825 $ad_employer = $request->get('ad_employer'); 809 $ad_employer = $request->get('ad_employer');
826 } else { 810 } else {
827 $ad_employer = 0; 811 $ad_employer = 0;
828 } 812 }
829 813
830 if (isset($user1->id)) { 814 if (isset($user1->id)) {
831 $sender = User_Model::query()->with('workers')-> 815 $sender = User_Model::query()->with('workers')->
832 with('employers')-> 816 with('employers')->
833 where('id', $user1->id)->first(); 817 where('id', $user1->id)->first();
834 } 818 }
835 819
836 if (isset($user2->id)) { 820 if (isset($user2->id)) {
837 $companion = User_Model::query()->with('workers')-> 821 $companion = User_Model::query()->with('workers')->
838 with('employers')-> 822 with('employers')->
839 where('id', $user2->id)->first(); 823 where('id', $user2->id)->first();
840 } 824 }
841 825
842 $Messages = Message::query()-> 826 $Messages = Message::query()->
843 //with('response')-> 827 where(function($query) use ($user1, $user2) {
844 where(function($query) use ($user1, $user2) { 828 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
845 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 829 })->orWhere(function($query) use ($user1, $user2) {
846 })->orWhere(function($query) use ($user1, $user2) { 830 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
847 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 831 })->OrderBy('created_at')
848 })->OrderBy('created_at')->get(); 832 ->get()
849 833 ;
850 $id_vac = null;
851 /*foreach ($Messages as $it) {
852 if (isset($it->response)) {
853 foreach ($it->response as $r) {
854 if (isset($r->ad_employer_id)) {
855 $id_vac = $r->ad_employer_id;
856 break;
857 }
858 }
859 }
860 if (!is_null($id_vac)) break;
861 }*/
862
863 //$ad_employer = null;
864 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
865 834
866 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer')); 835 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
867 } 836 }
868 837
869 // Даунылоады 838 // Даунылоады
870 public function download(Worker $worker) { 839 public function download(Worker $worker) {
871 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...']; 840 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
872 view()->share('house',$arr_house); 841 view()->share('house',$arr_house);
873 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape'); 842 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
874 return $pdf->stream(); 843 return $pdf->stream();
875 } 844 }
876 845
877 // Поднятие анкеты 846 // Поднятие анкеты
878 public function up(Worker $worker) { 847 public function up(Worker $worker) {
879 $worker->updated_at = Carbon::now(); 848 $worker->updated_at = Carbon::now();
880 $worker->save(); 849 $worker->save();
881 // 0 850 // 0
882 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных'); 851 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
883 } 852 }
884 853
885 // Форма сертификате 854 // Форма сертификате
886 public function new_sertificate(Worker $worker) { 855 public function new_sertificate(Worker $worker) {
887 return view('workers.sertificate_add', compact('worker')); 856 return view('workers.sertificate_add', compact('worker'));
888 } 857 }
889 858
890 // Добавление сертификата 859 // Добавление сертификата
891 public function add_serificate(SertificationRequest $request) { 860 public function add_serificate(SertificationRequest $request) {
892 $request->validate([ 861 $request->validate([
893 'name' => 'required|string|max:255', 862 'name' => 'required|string|max:255',
894 'end_begin' => 'required|date|date_format:d.m.Y' 863 'end_begin' => 'required|date|date_format:d.m.Y'
895 ], 864 ],
896 [ 865 [
897 'name' => 'Навание сертификата обязательно для заполнения.', 866 'name' => 'Навание сертификата обязательно для заполнения.',
898 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 867 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
899 ]); 868 ]);
900 869
901 $params = $request->all(); 870 $params = $request->all();
902 871
903 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']); 872 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);
904 $params['end_begin'] = $end_begin->format('Y-m-d'); 873 $params['end_begin'] = $end_begin->format('Y-m-d');
905 874
906 $Sertificate = new sertification(); 875 $Sertificate = new sertification();
907 $Sertificate->create($params); 876 $Sertificate->create($params);
908 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get(); 877 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get();
909 return redirect()->route('worker.cabinet'); 878 return redirect()->route('worker.cabinet');
910 //return view('ajax.documents', compact('Docs')); 879 //return view('ajax.documents', compact('Docs'));
911 } 880 }
912 881
913 // Удалить сертификат 882 // Удалить сертификат
914 public function delete_sertificate(sertification $doc) { 883 public function delete_sertificate(sertification $doc) {
915 $doc->delete(); 884 $doc->delete();
916 885
917 return redirect()->route('worker.cabinet'); 886 return redirect()->route('worker.cabinet');
918 } 887 }
919 888
920 // Редактирование сертификата 889 // Редактирование сертификата
921 public function edit_sertificate(Worker $worker, sertification $doc) { 890 public function edit_sertificate(Worker $worker, sertification $doc) {
922 return view('workers.sertificate_edit', compact('doc', 'worker')); 891 return view('workers.sertificate_edit', compact('doc', 'worker'));
923 } 892 }
924 893
925 // Редактирование обновление сертификата 894 // Редактирование обновление сертификата
926 public function update_serificate(SertificationRequest $request, sertification $doc) { 895 public function update_serificate(SertificationRequest $request, sertification $doc) {
927 $request->validate([ 896 $request->validate([
928 'name' => 'required|string|max:255', 897 'name' => 'required|string|max:255',
929 'end_begin' => 'required|date|date_format:d.m.Y' 898 'end_begin' => 'required|date|date_format:d.m.Y'
930 ], 899 ],
931 [ 900 [
932 'name' => 'Навание сертификата обязательно для заполнения.', 901 'name' => 'Навание сертификата обязательно для заполнения.',
933 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 902 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
934 ]); 903 ]);
935 904
936 $all = $request->all(); 905 $all = $request->all();
937 906
938 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']); 907 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
939 $all['end_begin'] = $end_begin->format('Y-m-d'); 908 $all['end_begin'] = $end_begin->format('Y-m-d');
940 909
941 $doc->worker_id = $all['worker_id']; 910 $doc->worker_id = $all['worker_id'];
942 $doc->name = $all['name']; 911 $doc->name = $all['name'];
943 $doc->end_begin = $all['end_begin']; 912 $doc->end_begin = $all['end_begin'];
944 $doc->save(); 913 $doc->save();
945 914
946 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 915 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
947 } 916 }
948 917
949 public function edit_diploms(Request $request, Worker $worker) { 918 public function edit_diploms(Request $request, Worker $worker) {
950 $dop_info_data = $request->input('diploms'); 919 $dop_info_data = $request->input('diploms');
951 920
952 if (empty($dop_info_data)) { 921 if (empty($dop_info_data)) {
953 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!'); 922 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
954 } 923 }
955 924
956 foreach ($dop_info_data as $infoblok_id => $status) { 925 foreach ($dop_info_data as $infoblok_id => $status) {
957 Dop_info::updateOrCreate( 926 Dop_info::updateOrCreate(
958 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id], 927 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
959 ['status' => $status] 928 ['status' => $status]
960 ); 929 );
961 } 930 }
962 931
963 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!'); 932 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
964 } 933 }
965 934
966 public function delete_add_diplom(Request $request, Worker $worker) { 935 public function delete_add_diplom(Request $request, Worker $worker) {
967 $infoblok_id = $request->get('infoblok_id'); 936 $infoblok_id = $request->get('infoblok_id');
968 937
969 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0) 938 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
970 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete(); 939 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
971 else { 940 else {
972 $params['infoblok_id'] = $infoblok_id; 941 $params['infoblok_id'] = $infoblok_id;
973 $params['worker_id'] = $worker->id; 942 $params['worker_id'] = $worker->id;
974 $params['status'] = $request->get('val'); 943 $params['status'] = $request->get('val');
975 $id = Dop_info::create($params); 944 $id = Dop_info::create($params);
976 //$id = $worker->infobloks()->sync([$infoblok_id]); 945 //$id = $worker->infobloks()->sync([$infoblok_id]);
977 } 946 }
978 947
979 //$Infoblocks = infobloks::query()->get(); 948 //$Infoblocks = infobloks::query()->get();
980 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks')); 949 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
981 } 950 }
982 951
983 952
984 953
985 // Добавление диплома 954 // Добавление диплома
986 public function add_diplom_ajax(Request $request) { 955 public function add_diplom_ajax(Request $request) {
987 // конец 956 // конец
988 $params = $request->all(); 957 $params = $request->all();
989 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 958 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
990 959
991 if ($count == 0) $dop_info = Dop_info::create($params); 960 if ($count == 0) $dop_info = Dop_info::create($params);
992 $Infoblocks = infobloks::query()->get(); 961 $Infoblocks = infobloks::query()->get();
993 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get(); 962 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
994 $data = Dop_info::query()->where('worker_id', $request->has('worker_id')); 963 $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
995 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker')); 964 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
996 } 965 }
997 966
998 // Добавление диплома без ajax 967 // Добавление диплома без ajax
999 public function add_diplom(Worker $worker) { 968 public function add_diplom(Worker $worker) {
1000 $worker_id = $worker->id; 969 $worker_id = $worker->id;
1001 $Infoblocks = infobloks::query()->get(); 970 $Infoblocks = infobloks::query()->get();
1002 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks')); 971 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
1003 } 972 }
1004 // Сохранить 973 // Сохранить
1005 // Сохраняю диплом 974 // Сохраняю диплом
1006 public function add_diplom_save(Request $request) { 975 public function add_diplom_save(Request $request) {
1007 $params = $request->all(); 976 $params = $request->all();
1008 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 977 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
1009 if ($count == 0) $dop_info = Dop_info::create($params); 978 if ($count == 0) $dop_info = Dop_info::create($params);
1010 return redirect()->route('worker.cabinet'); 979 return redirect()->route('worker.cabinet');
1011 } 980 }
1012 981
1013 // Добавление стандартного документа 982 // Добавление стандартного документа
1014 public function add_document(Worker $worker) { 983 public function add_document(Worker $worker) {
1015 return view('workers.docs', compact('worker')); 984 return view('workers.docs', compact('worker'));
1016 } 985 }
1017 986
1018 //Сохранение стандартого документа 987 //Сохранение стандартого документа
1019 public function add_document_save(DocumentsRequest $request) { 988 public function add_document_save(DocumentsRequest $request) {
1020 $params = $request->all(); 989 $params = $request->all();
1021 $place_work = place_works::create($params); 990 $place_work = place_works::create($params);
1022 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!'); 991 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');
1023 } 992 }
1024 993
1025 // Редактирование документа 994 // Редактирование документа
1026 public function edit_document(place_works $doc, Worker $worker) { 995 public function edit_document(place_works $doc, Worker $worker) {
1027 return view('workers.docs-edit', compact('doc', 'worker')); 996 return view('workers.docs-edit', compact('doc', 'worker'));
1028 } 997 }
1029 998
1030 //Сохранение отредактированного документа 999 //Сохранение отредактированного документа
1031 public function edit_document_save(DocumentsRequest $request, place_works $doc) { 1000 public function edit_document_save(DocumentsRequest $request, place_works $doc) {
1032 $params = $request->all(); 1001 $params = $request->all();
1033 $doc->update($params); 1002 $doc->update($params);
1034 1003
1035 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 1004 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
1036 } 1005 }
1037 1006
1038 // Удаление документа 1007 // Удаление документа
1039 public function delete_document(place_works $doc) { 1008 public function delete_document(place_works $doc) {
1040 $doc->delete(); 1009 $doc->delete();
1041 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1010 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1042 } 1011 }
1043 1012
1044 //Отправка нового сообщения 1013 //Отправка нового сообщения
1045 public function new_message(Request $request) { 1014 public function new_message(Request $request) {
1046 $params = $request->all(); 1015 $params = $request->all();
1047 1016
1048 $id = $params['send_user_id']; 1017 $id = $params['send_user_id'];
1049 $message_params = [ 1018 $message_params = [
1050 'title' => $params['send_title'], 1019 'title' => $params['send_title'],
1051 'text' => $params['send_text'], 1020 'text' => $params['send_text'],
1052 'ad_employer_id' => $params['send_vacancy'], 1021 'ad_employer_id' => $params['send_vacancy'],
1053 'flag_new' => 1 1022 'flag_new' => 1
1054 ]; 1023 ];
1055 1024
1056 $id_message = Message::add_message( 1025 $id_message = Message::add_message(
1057 $request, 1026 $request,
1058 $params['send_user_id'], 1027 $params['send_user_id'],
1059 $params['send_to_user_id'], 1028 $params['send_to_user_id'],
1060 $message_params, 1029 $message_params,
1061 file_store_path: "worker/$id" 1030 file_store_path: "worker/$id"
1062 ); 1031 );
1063 1032
1064 $data['message_id'] = $id_message; 1033 $data['message_id'] = $id_message;
1065 $data['ad_employer_id'] = $params['send_vacancy']; 1034 $data['ad_employer_id'] = $params['send_vacancy'];
1066 $data['job_title_id'] = $params['send_job_title_id']; 1035 $data['job_title_id'] = $params['send_job_title_id'];
1067 $data['flag'] = 1; 1036 $data['flag'] = 1;
1068 $ad_responce = ad_response::create($data); 1037 $ad_responce = ad_response::create($data);
1069 return redirect()->route('worker.messages', ['type_message' => 'output']); 1038 return redirect()->route('worker.messages', ['type_message' => 'output']);
1070 } 1039 }
1071 1040
1072 1041
1073 public function test123(Request $request) { 1042 public function test123(Request $request) {
1074 $params = $request->all(); 1043 $params = $request->all();
1075 $user1 = $params['user_id']; 1044 $user1 = $params['user_id'];
1076 $user2 = $params['to_user_id']; 1045 $user2 = $params['to_user_id'];
1077 $id_vacancy = $params['ad_employer_id']; 1046 $id_vacancy = $params['ad_employer_id'];
1078 $ad_name = $params['ad_name']; 1047 $ad_name = $params['ad_name'];
1079 1048
1080 $rules = [ 1049 $rules = [
1081 'text' => 'required|min:1|max:150000', 1050 'text' => 'required|min:1|max:150000',
1082 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 1051 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
1083 ]; 1052 ];
1084 $messages = [ 1053 $messages = [
1085 'required' => 'Укажите обязательное поле', 1054 'required' => 'Укажите обязательное поле',
1086 'min' => [ 1055 'min' => [
1087 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 1056 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
1088 'integer' => 'Поле «:attribute» должно быть :min или больше', 1057 'integer' => 'Поле «:attribute» должно быть :min или больше',
1089 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 1058 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
1090 ], 1059 ],
1091 'max' => [ 1060 'max' => [
1092 'string' => 'Поле «:attribute» должно быть не больше :max символов', 1061 'string' => 'Поле «:attribute» должно быть не больше :max символов',
1093 'integer' => 'Поле «:attribute» должно быть :max или меньше', 1062 'integer' => 'Поле «:attribute» должно быть :max или меньше',
1094 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 1063 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
1095 ] 1064 ]
1096 ]; 1065 ];
1097 1066
1098 $validator = Validator::make($request->all(), $rules, $messages); 1067 $validator = Validator::make($request->all(), $rules, $messages);
1099 1068
1100 if ($validator->fails()) { 1069 if ($validator->fails()) {
1101 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]) 1070 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name])
1102 ->withErrors($validator); 1071 ->withErrors($validator);
1103 } else { 1072 } else {
1104 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 1073 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
1105 1074
1106 return redirect()->route('worker.dialog', 1075 return redirect()->route('worker.dialog',
1107 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 1076 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
1108 1077
1109 } 1078 }
1110 } 1079 }
1111 1080
1112 // Информация о предыдущих компаниях 1081 // Информация о предыдущих компаниях
1113 public function new_prev_company(Worker $worker) { 1082 public function new_prev_company(Worker $worker) {
1114 return view('workers.prev_company_form', compact('worker')); 1083 return view('workers.prev_company_form', compact('worker'));
1115 } 1084 }
1116 1085
1117 // Добавление контакта компании 1086 // Добавление контакта компании
1118 public function add_prev_company(PrevCompanyRequest $request) { 1087 public function add_prev_company(PrevCompanyRequest $request) {
1119 // Возвращение параметров 1088 // Возвращение параметров
1120 $all = $request->all(); 1089 $all = $request->all();
1121 $PrevCompany = PrevCompany::create($all); 1090 $PrevCompany = PrevCompany::create($all);
1122 1091
1123 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1092 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1124 } 1093 }
1125 1094
1126 // Редактирование контакта компании 1095 // Редактирование контакта компании
1127 public function edit_prev_company(PrevCompany $doc, Worker $worker) { 1096 public function edit_prev_company(PrevCompany $doc, Worker $worker) {
1128 return view('workers.prev_company_edit_form', compact('doc', 'worker')); 1097 return view('workers.prev_company_edit_form', compact('doc', 'worker'));
1129 } 1098 }
1130 1099
1131 //Сохранение редактирования контакта компании 1100 //Сохранение редактирования контакта компании
1132 public function update_prev_company(PrevCompany $doc, Request $request){ 1101 public function update_prev_company(PrevCompany $doc, Request $request){
1133 $all = $request->all(); 1102 $all = $request->all();
1134 $doc->update($all); 1103 $doc->update($all);
1135 1104
1136 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1105 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1137 } 1106 }
1138 1107
1139 // Удаление контакта предыдущей компании 1108 // Удаление контакта предыдущей компании
1140 public function delete_prev_company(PrevCompany $doc) { 1109 public function delete_prev_company(PrevCompany $doc) {
1141 $doc->delete(); 1110 $doc->delete();
1142 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1111 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1143 } 1112 }
1144 } 1113 }
1145 1114
1 <?php 1 <?php
2 2
3 namespace App\Models; 3 namespace App\Models;
4 4
5 use Illuminate\Database\Eloquent\Factories\HasFactory; 5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model; 6 use Illuminate\Database\Eloquent\Model;
7 use Carbon\Carbon;
7 8
8 class Chat extends Model 9 class Chat extends Model
9 { 10 {
10 use HasFactory; 11 use HasFactory;
11 12
12 protected $fillable = [ 13 protected $fillable = [
13 'user_id', 14 'user_id',
14 'to_user_id', 15 'to_user_id',
15 'is_removed', 16 'is_removed',
16 'is_fixed', 17 'is_fixed',
17 'last_message_date', 18 'last_message_date',
18 'last_message_id', 19 'last_message_id',
19 'fixed_time' 20 'fixed_time'
20 ]; 21 ];
21 22
22 public function user() { 23 public function user() {
23 return $this->belongsTo(User::class, 'to_user_id'); 24 return $this->belongsTo(User::class, 'to_user_id');
24 } 25 }
25 26
26 public function worker() { 27 public function worker() {
27 return $this->belongsTo(Worker::class, 'to_user_id', 'user_id'); 28 return $this->belongsTo(Worker::class, 'to_user_id', 'user_id');
28 } 29 }
29 30
30 public function employer() { 31 public function employer() {
31 return $this->belongsTo(Employer::class, 'to_user_id', 'user_id'); 32 return $this->belongsTo(Employer::class, 'to_user_id', 'user_id');
32 } 33 }
33 34
34 public function last_message() { 35 public function last_message() {
35 return $this->belongsTo(Message::class, 'last_message_id'); 36 return $this->belongsTo(Message::class, 'last_message_id');
36 } 37 }
37 38
38 public function unread_messages() 39 public function unread_messages()
39 { 40 {
40 return $this->hasMany(Message::class, 'user_id', 'to_user_id'); 41 return $this->hasMany(Message::class, 'user_id', 'to_user_id');
41 } 42 }
42 43
44 public static function pin_chat(int $chat_id, $fixed)
45 {
46 return self::where('id', '=', $chat_id)
47 ->update([
48 'is_fixed' => !empty($fixed) ? 1 : 0,
49 'fixation_date' => !empty($fixed) ? Carbon::now() : null
50 ]);
51 }
52
53 public static function remove_chat(int $chat_id)
54 {
55 return self::where('id', '=', $chat_id)
56 ->update(['is_removed' => 1]);
57 }
58
59 public static function get_user_chats(int $user_id){
60 return Chat::query()
61 ->with('user')
62 ->with('worker')
63 ->with('employer')
64 ->with('last_message')
65 ->withCount(['unread_messages' => function ($query) use($user_id) {
66 $query->where('to_user_id', '=', $user_id)->where('flag_new', '=', 1);
67 }])
68 ->where('user_id', '=', $user_id)
69 ->where('is_removed', '=', 0)
70 ->orderByDesc('is_fixed')
71 ->orderByDesc('fixation_date')
72 ->orderByDesc('last_message_date')
73 ->paginate(5)
74 ;
75 }
76
43 } 77 }
44 78
database/migrations/2024_07_19_063615_create_chat_table.php
Diff comments   View file @ 2f592b0
1 <?php 1 <?php
2 2
3 use Illuminate\Database\Migrations\Migration; 3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint; 4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema; 5 use Illuminate\Support\Facades\Schema;
6 6
7 return new class extends Migration 7 return new class extends Migration
8 { 8 {
9 /** 9 /**
10 * Run the migrations. 10 * Run the migrations.
11 * 11 *
12 * @return void 12 * @return void
13 */ 13 */
14 public function up() 14 public function up()
15 { 15 {
16 Schema::create('chats', function (Blueprint $table) { 16 Schema::create('chats', function (Blueprint $table) {
17 $table->id(); 17 $table->id();
18 $table->integer('user_id')->nullable(false); 18 $table->integer('user_id')->nullable(false);
19 $table->integer('to_user_id'); 19 $table->integer('to_user_id');
20 $table->boolean('is_removed')->default(false); 20 $table->boolean('is_removed')->default(false);
21 $table->boolean('is_fixed')->default(false); 21 $table->boolean('is_fixed')->default(false);
22 $table->dateTime('fixation_date')->nullable(true);
22 $table->dateTime('last_message_date')->nullable(false); 23 $table->dateTime('last_message_date')->nullable(false);
23 $table->integer('last_message_id')->nullable(false); 24 $table->integer('last_message_id')->nullable(false);
24 $table->dateTime('fixed_time')->nullable(true); 25 $table->dateTime('fixed_time')->nullable(true);
25 $table->timestamps(); 26 $table->timestamps();
26 }); 27 });
27 } 28 }
28 29
29 /** 30 /**
30 * Reverse the migrations. 31 * Reverse the migrations.
31 * 32 *
32 * @return void 33 * @return void
33 */ 34 */
34 public function down() 35 public function down()
35 { 36 {
36 Schema::dropIfExists('chats'); 37 Schema::dropIfExists('chats');
37 } 38 }
38 }; 39 };
39 40
public/css/style_may2024.css
Diff comments   View file @ 2f592b0
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 html { 13 html {
14 line-height: 1.15; /* 1 */ 14 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 15 -webkit-text-size-adjust: 100%; /* 2 */
16 } 16 }
17 17
18 /* Sections 18 /* Sections
19 ========================================================================== */ 19 ========================================================================== */
20 /** 20 /**
21 * Remove the margin in all browsers. 21 * Remove the margin in all browsers.
22 */ 22 */
23 body { 23 body {
24 margin: 0; 24 margin: 0;
25 } 25 }
26 26
27 /** 27 /**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 main { 30 main {
31 display: block; 31 display: block;
32 } 32 }
33 33
34 /** 34 /**
35 * Correct the font size and margin on `h1` elements within `section` and 35 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 36 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 37 */
38 h1 { 38 h1 {
39 font-size: 2em; 39 font-size: 2em;
40 margin: 0.67em 0; 40 margin: 0.67em 0;
41 } 41 }
42 42
43 /* Grouping content 43 /* Grouping content
44 ========================================================================== */ 44 ========================================================================== */
45 /** 45 /**
46 * 1. Add the correct box sizing in Firefox. 46 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 47 * 2. Show the overflow in Edge and IE.
48 */ 48 */
49 hr { 49 hr {
50 -webkit-box-sizing: content-box; 50 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 51 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 52 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 53 overflow: visible; /* 2 */
54 } 54 }
55 55
56 /** 56 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 57 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 58 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 59 */
60 pre { 60 pre {
61 font-family: monospace, monospace; /* 1 */ 61 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 62 font-size: 1em; /* 2 */
63 } 63 }
64 64
65 /* Text-level semantics 65 /* Text-level semantics
66 ========================================================================== */ 66 ========================================================================== */
67 /** 67 /**
68 * Remove the gray background on active links in IE 10. 68 * Remove the gray background on active links in IE 10.
69 */ 69 */
70 a { 70 a {
71 background-color: transparent; 71 background-color: transparent;
72 } 72 }
73 73
74 /** 74 /**
75 * 1. Remove the bottom border in Chrome 57- 75 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 77 */
78 abbr[title] { 78 abbr[title] {
79 border-bottom: none; /* 1 */ 79 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 80 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 81 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 82 text-decoration: underline dotted; /* 2 */
83 } 83 }
84 84
85 /** 85 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 86 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 87 */
88 b, 88 b,
89 strong { 89 strong {
90 font-weight: bolder; 90 font-weight: bolder;
91 } 91 }
92 92
93 /** 93 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 94 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 95 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 96 */
97 code, 97 code,
98 kbd, 98 kbd,
99 samp { 99 samp {
100 font-family: monospace, monospace; /* 1 */ 100 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 101 font-size: 1em; /* 2 */
102 } 102 }
103 103
104 /** 104 /**
105 * Add the correct font size in all browsers. 105 * Add the correct font size in all browsers.
106 */ 106 */
107 small { 107 small {
108 font-size: 80%; 108 font-size: 80%;
109 } 109 }
110 110
111 /** 111 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 112 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 113 * all browsers.
114 */ 114 */
115 sub, 115 sub,
116 sup { 116 sup {
117 font-size: 75%; 117 font-size: 75%;
118 line-height: 0; 118 line-height: 0;
119 position: relative; 119 position: relative;
120 vertical-align: baseline; 120 vertical-align: baseline;
121 } 121 }
122 122
123 sub { 123 sub {
124 bottom: -0.25em; 124 bottom: -0.25em;
125 } 125 }
126 126
127 sup { 127 sup {
128 top: -0.5em; 128 top: -0.5em;
129 } 129 }
130 130
131 /* Embedded content 131 /* Embedded content
132 ========================================================================== */ 132 ========================================================================== */
133 /** 133 /**
134 * Remove the border on images inside links in IE 10. 134 * Remove the border on images inside links in IE 10.
135 */ 135 */
136 img { 136 img {
137 border-style: none; 137 border-style: none;
138 } 138 }
139 139
140 /* Forms 140 /* Forms
141 ========================================================================== */ 141 ========================================================================== */
142 /** 142 /**
143 * 1. Change the font styles in all browsers. 143 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 144 * 2. Remove the margin in Firefox and Safari.
145 */ 145 */
146 button, 146 button,
147 input, 147 input,
148 optgroup, 148 optgroup,
149 select, 149 select,
150 textarea { 150 textarea {
151 font-family: inherit; /* 1 */ 151 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 152 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 153 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 154 margin: 0; /* 2 */
155 } 155 }
156 156
157 /** 157 /**
158 * Show the overflow in IE. 158 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 159 * 1. Show the overflow in Edge.
160 */ 160 */
161 button, 161 button,
162 input { /* 1 */ 162 input { /* 1 */
163 overflow: visible; 163 overflow: visible;
164 } 164 }
165 165
166 /** 166 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 167 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 168 * 1. Remove the inheritance of text transform in Firefox.
169 */ 169 */
170 button, 170 button,
171 select { /* 1 */ 171 select { /* 1 */
172 text-transform: none; 172 text-transform: none;
173 } 173 }
174 174
175 /** 175 /**
176 * Correct the inability to style clickable types in iOS and Safari. 176 * Correct the inability to style clickable types in iOS and Safari.
177 */ 177 */
178 button, 178 button,
179 [type=button], 179 [type=button],
180 [type=reset], 180 [type=reset],
181 [type=submit] { 181 [type=submit] {
182 -webkit-appearance: button; 182 -webkit-appearance: button;
183 } 183 }
184 184
185 /** 185 /**
186 * Remove the inner border and padding in Firefox. 186 * Remove the inner border and padding in Firefox.
187 */ 187 */
188 button::-moz-focus-inner, 188 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 189 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 190 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 191 [type=submit]::-moz-focus-inner {
192 border-style: none; 192 border-style: none;
193 padding: 0; 193 padding: 0;
194 } 194 }
195 195
196 /** 196 /**
197 * Restore the focus styles unset by the previous rule. 197 * Restore the focus styles unset by the previous rule.
198 */ 198 */
199 button:-moz-focusring, 199 button:-moz-focusring,
200 [type=button]:-moz-focusring, 200 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 201 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 202 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 203 outline: 1px dotted ButtonText;
204 } 204 }
205 205
206 /** 206 /**
207 * Correct the padding in Firefox. 207 * Correct the padding in Firefox.
208 */ 208 */
209 fieldset { 209 fieldset {
210 padding: 0.35em 0.75em 0.625em; 210 padding: 0.35em 0.75em 0.625em;
211 } 211 }
212 212
213 /** 213 /**
214 * 1. Correct the text wrapping in Edge and IE. 214 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 215 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 216 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 217 * `fieldset` elements in all browsers.
218 */ 218 */
219 legend { 219 legend {
220 -webkit-box-sizing: border-box; 220 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 221 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 222 color: inherit; /* 2 */
223 display: table; /* 1 */ 223 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 224 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 225 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 226 white-space: normal; /* 1 */
227 } 227 }
228 228
229 /** 229 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 230 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 231 */
232 progress { 232 progress {
233 vertical-align: baseline; 233 vertical-align: baseline;
234 } 234 }
235 235
236 /** 236 /**
237 * Remove the default vertical scrollbar in IE 10+. 237 * Remove the default vertical scrollbar in IE 10+.
238 */ 238 */
239 textarea { 239 textarea {
240 overflow: auto; 240 overflow: auto;
241 } 241 }
242 242
243 /** 243 /**
244 * 1. Add the correct box sizing in IE 10. 244 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 245 * 2. Remove the padding in IE 10.
246 */ 246 */
247 [type=checkbox], 247 [type=checkbox],
248 [type=radio] { 248 [type=radio] {
249 -webkit-box-sizing: border-box; 249 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 250 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 251 padding: 0; /* 2 */
252 } 252 }
253 253
254 /** 254 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 255 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 256 */
257 [type=number]::-webkit-inner-spin-button, 257 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 258 [type=number]::-webkit-outer-spin-button {
259 height: auto; 259 height: auto;
260 } 260 }
261 261
262 /** 262 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 263 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 264 * 2. Correct the outline style in Safari.
265 */ 265 */
266 [type=search] { 266 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 267 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 268 outline-offset: -2px; /* 2 */
269 } 269 }
270 270
271 /** 271 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 272 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 273 */
274 [type=search]::-webkit-search-decoration { 274 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 275 -webkit-appearance: none;
276 } 276 }
277 277
278 /** 278 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 279 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 280 * 2. Change font properties to `inherit` in Safari.
281 */ 281 */
282 ::-webkit-file-upload-button { 282 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 283 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 284 font: inherit; /* 2 */
285 } 285 }
286 286
287 /* Interactive 287 /* Interactive
288 ========================================================================== */ 288 ========================================================================== */
289 /* 289 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 290 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 291 */
292 details { 292 details {
293 display: block; 293 display: block;
294 } 294 }
295 295
296 /* 296 /*
297 * Add the correct display in all browsers. 297 * Add the correct display in all browsers.
298 */ 298 */
299 summary { 299 summary {
300 display: list-item; 300 display: list-item;
301 } 301 }
302 302
303 /* Misc 303 /* Misc
304 ========================================================================== */ 304 ========================================================================== */
305 /** 305 /**
306 * Add the correct display in IE 10+. 306 * Add the correct display in IE 10+.
307 */ 307 */
308 template { 308 template {
309 display: none; 309 display: none;
310 } 310 }
311 311
312 /** 312 /**
313 * Add the correct display in IE 10. 313 * Add the correct display in IE 10.
314 */ 314 */
315 [hidden] { 315 [hidden] {
316 display: none; 316 display: none;
317 } 317 }
318 318
319 .green { 319 .green {
320 color: #377d87; 320 color: #377d87;
321 } 321 }
322 322
323 .red { 323 .red {
324 color: #eb5757; 324 color: #eb5757;
325 } 325 }
326 326
327 .rotate180 { 327 .rotate180 {
328 -webkit-transform: rotate(180deg); 328 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 329 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 330 transform: rotate(180deg);
331 } 331 }
332 332
333 ::-moz-selection { 333 ::-moz-selection {
334 color: #000; 334 color: #000;
335 background: #acc0e6; 335 background: #acc0e6;
336 } 336 }
337 337
338 ::selection { 338 ::selection {
339 color: #000; 339 color: #000;
340 background: #acc0e6; 340 background: #acc0e6;
341 } 341 }
342 342
343 ::-webkit-scrollbar { 343 ::-webkit-scrollbar {
344 width: 8px; 344 width: 8px;
345 height: 8px; 345 height: 8px;
346 } 346 }
347 347
348 ::-webkit-scrollbar-track { 348 ::-webkit-scrollbar-track {
349 border-radius: 999px; 349 border-radius: 999px;
350 background-color: #fff; 350 background-color: #fff;
351 } 351 }
352 352
353 ::-webkit-scrollbar-thumb { 353 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 354 border-radius: 999px;
355 background-color: #377d87; 355 background-color: #377d87;
356 } 356 }
357 357
358 ::-webkit-input-placeholder { 358 ::-webkit-input-placeholder {
359 color: #9c9d9d; 359 color: #9c9d9d;
360 opacity: 1; 360 opacity: 1;
361 } 361 }
362 362
363 :focus::-webkit-input-placeholder { 363 :focus::-webkit-input-placeholder {
364 color: transparent; 364 color: transparent;
365 } 365 }
366 366
367 :-ms-input-placeholder { 367 :-ms-input-placeholder {
368 color: #9c9d9d; 368 color: #9c9d9d;
369 opacity: 1; 369 opacity: 1;
370 } 370 }
371 371
372 :focus:-ms-input-placeholder { 372 :focus:-ms-input-placeholder {
373 color: transparent; 373 color: transparent;
374 } 374 }
375 375
376 ::-ms-input-placeholder { 376 ::-ms-input-placeholder {
377 color: #9c9d9d; 377 color: #9c9d9d;
378 opacity: 1; 378 opacity: 1;
379 } 379 }
380 380
381 :focus::-ms-input-placeholder { 381 :focus::-ms-input-placeholder {
382 color: transparent; 382 color: transparent;
383 } 383 }
384 384
385 ::-moz-placeholder { 385 ::-moz-placeholder {
386 color: #9c9d9d; 386 color: #9c9d9d;
387 opacity: 1; 387 opacity: 1;
388 } 388 }
389 389
390 :focus::-moz-placeholder { 390 :focus::-moz-placeholder {
391 color: transparent; 391 color: transparent;
392 } 392 }
393 393
394 ::-webkit-input-placeholder { 394 ::-webkit-input-placeholder {
395 color: #9c9d9d; 395 color: #9c9d9d;
396 opacity: 1; 396 opacity: 1;
397 } 397 }
398 398
399 ::-moz-placeholder { 399 ::-moz-placeholder {
400 color: #9c9d9d; 400 color: #9c9d9d;
401 opacity: 1; 401 opacity: 1;
402 } 402 }
403 403
404 :-ms-input-placeholder { 404 :-ms-input-placeholder {
405 color: #9c9d9d; 405 color: #9c9d9d;
406 opacity: 1; 406 opacity: 1;
407 } 407 }
408 408
409 ::-ms-input-placeholder { 409 ::-ms-input-placeholder {
410 color: #9c9d9d; 410 color: #9c9d9d;
411 opacity: 1; 411 opacity: 1;
412 } 412 }
413 413
414 ::placeholder { 414 ::placeholder {
415 color: #9c9d9d; 415 color: #9c9d9d;
416 opacity: 1; 416 opacity: 1;
417 } 417 }
418 418
419 :focus::-webkit-input-placeholder { 419 :focus::-webkit-input-placeholder {
420 color: transparent; 420 color: transparent;
421 } 421 }
422 422
423 :focus::-moz-placeholder { 423 :focus::-moz-placeholder {
424 color: transparent; 424 color: transparent;
425 } 425 }
426 426
427 :focus:-ms-input-placeholder { 427 :focus:-ms-input-placeholder {
428 color: transparent; 428 color: transparent;
429 } 429 }
430 430
431 :focus::-ms-input-placeholder { 431 :focus::-ms-input-placeholder {
432 color: transparent; 432 color: transparent;
433 } 433 }
434 434
435 :focus::placeholder { 435 :focus::placeholder {
436 color: transparent; 436 color: transparent;
437 } 437 }
438 438
439 *, 439 *,
440 *:before, 440 *:before,
441 *:after { 441 *:after {
442 -webkit-box-sizing: border-box; 442 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 443 box-sizing: border-box;
444 -webkit-appearance: none; 444 -webkit-appearance: none;
445 -moz-appearance: none; 445 -moz-appearance: none;
446 appearance: none; 446 appearance: none;
447 outline: none; 447 outline: none;
448 -webkit-box-shadow: none; 448 -webkit-box-shadow: none;
449 box-shadow: none; 449 box-shadow: none;
450 } 450 }
451 451
452 a, 452 a,
453 button, 453 button,
454 select { 454 select {
455 color: inherit; 455 color: inherit;
456 } 456 }
457 457
458 a { 458 a {
459 text-decoration: none; 459 text-decoration: none;
460 } 460 }
461 461
462 a, 462 a,
463 input[type=button], 463 input[type=button],
464 input[type=submit], 464 input[type=submit],
465 button { 465 button {
466 -webkit-user-select: none; 466 -webkit-user-select: none;
467 -moz-user-select: none; 467 -moz-user-select: none;
468 -ms-user-select: none; 468 -ms-user-select: none;
469 user-select: none; 469 user-select: none;
470 -webkit-transition: 0.3s; 470 -webkit-transition: 0.3s;
471 transition: 0.3s; 471 transition: 0.3s;
472 cursor: pointer; 472 cursor: pointer;
473 } 473 }
474 474
475 [type=tel] { 475 [type=tel] {
476 letter-spacing: 1px; 476 letter-spacing: 1px;
477 } 477 }
478 478
479 .br, 479 .br,
480 img, 480 img,
481 svg { 481 svg {
482 display: block; 482 display: block;
483 } 483 }
484 484
485 .float-left { 485 .float-left {
486 float: left; 486 float: left;
487 } 487 }
488 488
489 .float-right { 489 .float-right {
490 float: right; 490 float: right;
491 } 491 }
492 492
493 .clear-both:after { 493 .clear-both:after {
494 content: ""; 494 content: "";
495 display: block; 495 display: block;
496 clear: both; 496 clear: both;
497 } 497 }
498 498
499 h1, 499 h1,
500 h2, 500 h2,
501 h3, 501 h3,
502 h4, 502 h4,
503 h5, 503 h5,
504 h6 { 504 h6 {
505 margin: 0; 505 margin: 0;
506 } 506 }
507 507
508 #body { 508 #body {
509 font-family: "Circe", sans-serif; 509 font-family: "Circe", sans-serif;
510 color: #000; 510 color: #000;
511 background: #fff; 511 background: #fff;
512 display: -webkit-box; 512 display: -webkit-box;
513 display: -ms-flexbox; 513 display: -ms-flexbox;
514 display: flex; 514 display: flex;
515 -webkit-box-orient: vertical; 515 -webkit-box-orient: vertical;
516 -webkit-box-direction: normal; 516 -webkit-box-direction: normal;
517 -ms-flex-direction: column; 517 -ms-flex-direction: column;
518 flex-direction: column; 518 flex-direction: column;
519 -webkit-box-pack: justify; 519 -webkit-box-pack: justify;
520 -ms-flex-pack: justify; 520 -ms-flex-pack: justify;
521 justify-content: space-between; 521 justify-content: space-between;
522 gap: 50px; 522 gap: 50px;
523 min-width: 320px; 523 min-width: 320px;
524 min-height: 100vh; 524 min-height: 100vh;
525 line-height: 1.25; 525 line-height: 1.25;
526 } 526 }
527 @media (min-width: 768px) { 527 @media (min-width: 768px) {
528 #body { 528 #body {
529 gap: 60px; 529 gap: 60px;
530 } 530 }
531 } 531 }
532 #body.pdf { 532 #body.pdf {
533 gap: 0; 533 gap: 0;
534 } 534 }
535 535
536 .container { 536 .container {
537 width: 100%; 537 width: 100%;
538 max-width: 1280px; 538 max-width: 1280px;
539 margin-left: auto; 539 margin-left: auto;
540 margin-right: auto; 540 margin-right: auto;
541 padding-left: 10px; 541 padding-left: 10px;
542 padding-right: 10px; 542 padding-right: 10px;
543 } 543 }
544 @media (min-width: 768px) { 544 @media (min-width: 768px) {
545 .container { 545 .container {
546 padding-left: 20px; 546 padding-left: 20px;
547 padding-right: 20px; 547 padding-right: 20px;
548 } 548 }
549 } 549 }
550 550
551 .to-top { 551 .to-top {
552 position: fixed; 552 position: fixed;
553 right: 10px; 553 right: 10px;
554 bottom: 10px; 554 bottom: 10px;
555 border-radius: 999px; 555 border-radius: 999px;
556 display: -webkit-box; 556 display: -webkit-box;
557 display: -ms-flexbox; 557 display: -ms-flexbox;
558 display: flex; 558 display: flex;
559 -webkit-box-pack: center; 559 -webkit-box-pack: center;
560 -ms-flex-pack: center; 560 -ms-flex-pack: center;
561 justify-content: center; 561 justify-content: center;
562 -webkit-box-align: center; 562 -webkit-box-align: center;
563 -ms-flex-align: center; 563 -ms-flex-align: center;
564 align-items: center; 564 align-items: center;
565 color: #fff; 565 color: #fff;
566 background: #377d87; 566 background: #377d87;
567 width: 40px; 567 width: 40px;
568 height: 40px; 568 height: 40px;
569 -webkit-transition: 0.3s; 569 -webkit-transition: 0.3s;
570 transition: 0.3s; 570 transition: 0.3s;
571 margin-right: -100px; 571 margin-right: -100px;
572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 z-index: 99; 574 z-index: 99;
575 border: 1px solid #377d87; 575 border: 1px solid #377d87;
576 } 576 }
577 .to-top:hover { 577 .to-top:hover {
578 background: #fff; 578 background: #fff;
579 color: #377d87; 579 color: #377d87;
580 } 580 }
581 .to-top svg { 581 .to-top svg {
582 width: 10px; 582 width: 10px;
583 height: 10px; 583 height: 10px;
584 } 584 }
585 @media (min-width: 768px) { 585 @media (min-width: 768px) {
586 .to-top { 586 .to-top {
587 width: 50px; 587 width: 50px;
588 height: 50px; 588 height: 50px;
589 right: 20px; 589 right: 20px;
590 bottom: 20px; 590 bottom: 20px;
591 } 591 }
592 .to-top svg { 592 .to-top svg {
593 width: 12px; 593 width: 12px;
594 height: 12px; 594 height: 12px;
595 } 595 }
596 } 596 }
597 597
598 .begin .to-top { 598 .begin .to-top {
599 margin-right: 0; 599 margin-right: 0;
600 } 600 }
601 601
602 .socials { 602 .socials {
603 display: -webkit-box; 603 display: -webkit-box;
604 display: -ms-flexbox; 604 display: -ms-flexbox;
605 display: flex; 605 display: flex;
606 -webkit-box-align: center; 606 -webkit-box-align: center;
607 -ms-flex-align: center; 607 -ms-flex-align: center;
608 align-items: center; 608 align-items: center;
609 -webkit-box-pack: center; 609 -webkit-box-pack: center;
610 -ms-flex-pack: center; 610 -ms-flex-pack: center;
611 justify-content: center; 611 justify-content: center;
612 gap: 8px; 612 gap: 8px;
613 } 613 }
614 .socials a { 614 .socials a {
615 display: -webkit-box; 615 display: -webkit-box;
616 display: -ms-flexbox; 616 display: -ms-flexbox;
617 display: flex; 617 display: flex;
618 -webkit-box-align: center; 618 -webkit-box-align: center;
619 -ms-flex-align: center; 619 -ms-flex-align: center;
620 align-items: center; 620 align-items: center;
621 -webkit-box-pack: center; 621 -webkit-box-pack: center;
622 -ms-flex-pack: center; 622 -ms-flex-pack: center;
623 justify-content: center; 623 justify-content: center;
624 border: 1px solid #377d87; 624 border: 1px solid #377d87;
625 color: #377d87; 625 color: #377d87;
626 border-radius: 999px; 626 border-radius: 999px;
627 width: 38px; 627 width: 38px;
628 height: 38px; 628 height: 38px;
629 } 629 }
630 .socials a:hover { 630 .socials a:hover {
631 background: #377d87; 631 background: #377d87;
632 color: #fff; 632 color: #fff;
633 } 633 }
634 .socials svg { 634 .socials svg {
635 width: 12px; 635 width: 12px;
636 height: 12px; 636 height: 12px;
637 } 637 }
638 638
639 .nls { 639 .nls {
640 display: -webkit-box; 640 display: -webkit-box;
641 display: -ms-flexbox; 641 display: -ms-flexbox;
642 display: flex; 642 display: flex;
643 color: #000; 643 color: #000;
644 text-align: left; 644 text-align: left;
645 } 645 }
646 .nls:hover { 646 .nls:hover {
647 color: #377d87; 647 color: #377d87;
648 } 648 }
649 .nls svg { 649 .nls svg {
650 width: 30px; 650 width: 30px;
651 height: 40px; 651 height: 40px;
652 } 652 }
653 @media (min-width: 768px) { 653 @media (min-width: 768px) {
654 .nls svg { 654 .nls svg {
655 width: 24px; 655 width: 24px;
656 height: 31px; 656 height: 31px;
657 } 657 }
658 } 658 }
659 .nls span { 659 .nls span {
660 width: calc(100% - 30px); 660 width: calc(100% - 30px);
661 padding-left: 12px; 661 padding-left: 12px;
662 display: -webkit-box; 662 display: -webkit-box;
663 display: -ms-flexbox; 663 display: -ms-flexbox;
664 display: flex; 664 display: flex;
665 -webkit-box-orient: vertical; 665 -webkit-box-orient: vertical;
666 -webkit-box-direction: normal; 666 -webkit-box-direction: normal;
667 -ms-flex-direction: column; 667 -ms-flex-direction: column;
668 flex-direction: column; 668 flex-direction: column;
669 -webkit-box-pack: center; 669 -webkit-box-pack: center;
670 -ms-flex-pack: center; 670 -ms-flex-pack: center;
671 justify-content: center; 671 justify-content: center;
672 font-size: 12px; 672 font-size: 12px;
673 line-height: 1.4; 673 line-height: 1.4;
674 } 674 }
675 @media (min-width: 768px) { 675 @media (min-width: 768px) {
676 .nls span { 676 .nls span {
677 width: calc(100% - 24px); 677 width: calc(100% - 24px);
678 } 678 }
679 } 679 }
680 .nls b { 680 .nls b {
681 font-weight: 400; 681 font-weight: 400;
682 } 682 }
683 683
684 .title, 684 .title,
685 h1 { 685 h1 {
686 margin: 0; 686 margin: 0;
687 font-weight: 700; 687 font-weight: 700;
688 font-size: 32px; 688 font-size: 32px;
689 } 689 }
690 @media (min-width: 768px) { 690 @media (min-width: 768px) {
691 .title, 691 .title,
692 h1 { 692 h1 {
693 font-size: 40px; 693 font-size: 40px;
694 } 694 }
695 } 695 }
696 @media (min-width: 992px) { 696 @media (min-width: 992px) {
697 .title, 697 .title,
698 h1 { 698 h1 {
699 font-size: 48px; 699 font-size: 48px;
700 } 700 }
701 } 701 }
702 @media (min-width: 1280px) { 702 @media (min-width: 1280px) {
703 .title, 703 .title,
704 h1 { 704 h1 {
705 font-size: 64px; 705 font-size: 64px;
706 } 706 }
707 } 707 }
708 708
709 .swiper-pagination { 709 .swiper-pagination {
710 display: -webkit-box; 710 display: -webkit-box;
711 display: -ms-flexbox; 711 display: -ms-flexbox;
712 display: flex; 712 display: flex;
713 -webkit-box-pack: center; 713 -webkit-box-pack: center;
714 -ms-flex-pack: center; 714 -ms-flex-pack: center;
715 justify-content: center; 715 justify-content: center;
716 -webkit-box-align: center; 716 -webkit-box-align: center;
717 -ms-flex-align: center; 717 -ms-flex-align: center;
718 align-items: center; 718 align-items: center;
719 position: static; 719 position: static;
720 margin-top: 20px; 720 margin-top: 20px;
721 gap: 8px; 721 gap: 8px;
722 } 722 }
723 @media (min-width: 768px) { 723 @media (min-width: 768px) {
724 .swiper-pagination { 724 .swiper-pagination {
725 margin-top: 30px; 725 margin-top: 30px;
726 } 726 }
727 } 727 }
728 .swiper-pagination-bullet { 728 .swiper-pagination-bullet {
729 width: 16px; 729 width: 16px;
730 height: 16px; 730 height: 16px;
731 opacity: 1; 731 opacity: 1;
732 border: 1px solid #cdcece; 732 border: 1px solid #cdcece;
733 -webkit-transition: 0.3s; 733 -webkit-transition: 0.3s;
734 transition: 0.3s; 734 transition: 0.3s;
735 background: transparent; 735 background: transparent;
736 display: -webkit-box; 736 display: -webkit-box;
737 display: -ms-flexbox; 737 display: -ms-flexbox;
738 display: flex; 738 display: flex;
739 -webkit-box-pack: center; 739 -webkit-box-pack: center;
740 -ms-flex-pack: center; 740 -ms-flex-pack: center;
741 justify-content: center; 741 justify-content: center;
742 -webkit-box-align: center; 742 -webkit-box-align: center;
743 -ms-flex-align: center; 743 -ms-flex-align: center;
744 align-items: center; 744 align-items: center;
745 margin: 0 !important; 745 margin: 0 !important;
746 } 746 }
747 .swiper-pagination-bullet:before { 747 .swiper-pagination-bullet:before {
748 content: ""; 748 content: "";
749 width: 6px; 749 width: 6px;
750 height: 6px; 750 height: 6px;
751 border-radius: 999px; 751 border-radius: 999px;
752 background: #377d87; 752 background: #377d87;
753 opacity: 0; 753 opacity: 0;
754 -webkit-transition: 0.3s; 754 -webkit-transition: 0.3s;
755 transition: 0.3s; 755 transition: 0.3s;
756 } 756 }
757 .swiper-pagination-bullet:hover { 757 .swiper-pagination-bullet:hover {
758 border-color: #377d87; 758 border-color: #377d87;
759 } 759 }
760 .swiper-pagination-bullet-active { 760 .swiper-pagination-bullet-active {
761 border-color: #377d87; 761 border-color: #377d87;
762 } 762 }
763 .swiper-pagination-bullet-active:before { 763 .swiper-pagination-bullet-active:before {
764 opacity: 1; 764 opacity: 1;
765 } 765 }
766 766
767 .navs { 767 .navs {
768 display: -webkit-box; 768 display: -webkit-box;
769 display: -ms-flexbox; 769 display: -ms-flexbox;
770 display: flex; 770 display: flex;
771 -webkit-box-align: center; 771 -webkit-box-align: center;
772 -ms-flex-align: center; 772 -ms-flex-align: center;
773 align-items: center; 773 align-items: center;
774 -webkit-box-pack: justify; 774 -webkit-box-pack: justify;
775 -ms-flex-pack: justify; 775 -ms-flex-pack: justify;
776 justify-content: space-between; 776 justify-content: space-between;
777 gap: 20px; 777 gap: 20px;
778 width: 80px; 778 width: 80px;
779 } 779 }
780 .navs button { 780 .navs button {
781 color: #377d87; 781 color: #377d87;
782 background: none; 782 background: none;
783 border: none; 783 border: none;
784 padding: 0; 784 padding: 0;
785 } 785 }
786 .navs button[disabled] { 786 .navs button[disabled] {
787 cursor: not-allowed; 787 cursor: not-allowed;
788 color: #cddee1; 788 color: #cddee1;
789 } 789 }
790 .navs svg { 790 .navs svg {
791 width: 14px; 791 width: 14px;
792 height: 28px; 792 height: 28px;
793 } 793 }
794 794
795 .select { 795 .select {
796 position: relative; 796 position: relative;
797 } 797 }
798 .select2 { 798 .select2 {
799 width: 100% !important; 799 width: 100% !important;
800 } 800 }
801 .select2-container { 801 .select2-container {
802 font-size: 12px; 802 font-size: 12px;
803 } 803 }
804 @media (min-width: 768px) { 804 @media (min-width: 768px) {
805 .select2-container { 805 .select2-container {
806 font-size: 16px; 806 font-size: 16px;
807 } 807 }
808 } 808 }
809 .select2-container--open .select2-selection { 809 .select2-container--open .select2-selection {
810 border-color: #377d87 !important; 810 border-color: #377d87 !important;
811 } 811 }
812 .select2-container--open .select2-selection__arrow svg { 812 .select2-container--open .select2-selection__arrow svg {
813 -webkit-transform: rotate(180deg); 813 -webkit-transform: rotate(180deg);
814 -ms-transform: rotate(180deg); 814 -ms-transform: rotate(180deg);
815 transform: rotate(180deg); 815 transform: rotate(180deg);
816 } 816 }
817 .select2-selection { 817 .select2-selection {
818 min-height: 30px !important; 818 min-height: 30px !important;
819 border-radius: 8px !important; 819 border-radius: 8px !important;
820 border-color: #e7e7e7 !important; 820 border-color: #e7e7e7 !important;
821 -webkit-transition: 0.3s; 821 -webkit-transition: 0.3s;
822 transition: 0.3s; 822 transition: 0.3s;
823 } 823 }
824 @media (min-width: 768px) { 824 @media (min-width: 768px) {
825 .select2-selection { 825 .select2-selection {
826 min-height: 50px !important; 826 min-height: 50px !important;
827 } 827 }
828 } 828 }
829 .select2-selection__rendered { 829 .select2-selection__rendered {
830 line-height: 28px !important; 830 line-height: 28px !important;
831 padding: 0 30px 0 10px !important; 831 padding: 0 30px 0 10px !important;
832 } 832 }
833 @media (min-width: 768px) { 833 @media (min-width: 768px) {
834 .select2-selection__rendered { 834 .select2-selection__rendered {
835 line-height: 48px !important; 835 line-height: 48px !important;
836 padding: 0 46px 0 20px !important; 836 padding: 0 46px 0 20px !important;
837 } 837 }
838 } 838 }
839 .select2-selection--multiple .select2-selection__rendered { 839 .select2-selection--multiple .select2-selection__rendered {
840 display: -webkit-box !important; 840 display: -webkit-box !important;
841 display: -ms-flexbox !important; 841 display: -ms-flexbox !important;
842 display: flex !important; 842 display: flex !important;
843 -webkit-box-align: center; 843 -webkit-box-align: center;
844 -ms-flex-align: center; 844 -ms-flex-align: center;
845 align-items: center; 845 align-items: center;
846 -ms-flex-wrap: wrap; 846 -ms-flex-wrap: wrap;
847 flex-wrap: wrap; 847 flex-wrap: wrap;
848 gap: 10px; 848 gap: 10px;
849 padding-top: 10px !important; 849 padding-top: 10px !important;
850 padding-bottom: 10px !important; 850 padding-bottom: 10px !important;
851 } 851 }
852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853 margin: 0; 853 margin: 0;
854 } 854 }
855 .select2-selection__arrow { 855 .select2-selection__arrow {
856 top: 0 !important; 856 top: 0 !important;
857 right: 0 !important; 857 right: 0 !important;
858 width: 30px !important; 858 width: 30px !important;
859 height: 100% !important; 859 height: 100% !important;
860 display: -webkit-box; 860 display: -webkit-box;
861 display: -ms-flexbox; 861 display: -ms-flexbox;
862 display: flex; 862 display: flex;
863 -webkit-box-pack: center; 863 -webkit-box-pack: center;
864 -ms-flex-pack: center; 864 -ms-flex-pack: center;
865 justify-content: center; 865 justify-content: center;
866 -webkit-box-align: center; 866 -webkit-box-align: center;
867 -ms-flex-align: center; 867 -ms-flex-align: center;
868 align-items: center; 868 align-items: center;
869 color: #377d87; 869 color: #377d87;
870 } 870 }
871 @media (min-width: 768px) { 871 @media (min-width: 768px) {
872 .select2-selection__arrow { 872 .select2-selection__arrow {
873 width: 50px !important; 873 width: 50px !important;
874 } 874 }
875 } 875 }
876 .select2-selection__arrow svg { 876 .select2-selection__arrow svg {
877 width: 12px; 877 width: 12px;
878 height: 12px; 878 height: 12px;
879 -webkit-transition: 0.3s; 879 -webkit-transition: 0.3s;
880 transition: 0.3s; 880 transition: 0.3s;
881 } 881 }
882 @media (min-width: 768px) { 882 @media (min-width: 768px) {
883 .select2-selection__arrow svg { 883 .select2-selection__arrow svg {
884 width: 14px; 884 width: 14px;
885 height: 14px; 885 height: 14px;
886 } 886 }
887 } 887 }
888 .select2-selection__choice { 888 .select2-selection__choice {
889 display: -webkit-box; 889 display: -webkit-box;
890 display: -ms-flexbox; 890 display: -ms-flexbox;
891 display: flex; 891 display: flex;
892 -webkit-box-orient: horizontal; 892 -webkit-box-orient: horizontal;
893 -webkit-box-direction: reverse; 893 -webkit-box-direction: reverse;
894 -ms-flex-direction: row-reverse; 894 -ms-flex-direction: row-reverse;
895 flex-direction: row-reverse; 895 flex-direction: row-reverse;
896 -webkit-box-align: center; 896 -webkit-box-align: center;
897 -ms-flex-align: center; 897 -ms-flex-align: center;
898 align-items: center; 898 align-items: center;
899 -webkit-box-pack: center; 899 -webkit-box-pack: center;
900 -ms-flex-pack: center; 900 -ms-flex-pack: center;
901 justify-content: center; 901 justify-content: center;
902 gap: 4px; 902 gap: 4px;
903 padding: 0 4px 0 6px !important; 903 padding: 0 4px 0 6px !important;
904 background: #377d87 !important; 904 background: #377d87 !important;
905 border: none !important; 905 border: none !important;
906 border-radius: 6px !important; 906 border-radius: 6px !important;
907 line-height: 1 !important; 907 line-height: 1 !important;
908 color: #fff; 908 color: #fff;
909 height: 24px; 909 height: 24px;
910 } 910 }
911 @media (min-width: 768px) { 911 @media (min-width: 768px) {
912 .select2-selection__choice { 912 .select2-selection__choice {
913 height: 32px; 913 height: 32px;
914 gap: 6px; 914 gap: 6px;
915 padding: 0 6px 0 10px !important; 915 padding: 0 6px 0 10px !important;
916 border-radius: 8px !important; 916 border-radius: 8px !important;
917 } 917 }
918 } 918 }
919 .select2-selection__choice__remove { 919 .select2-selection__choice__remove {
920 width: 14px; 920 width: 14px;
921 height: 14px; 921 height: 14px;
922 padding-top: 4px; 922 padding-top: 4px;
923 display: -webkit-box !important; 923 display: -webkit-box !important;
924 display: -ms-flexbox !important; 924 display: -ms-flexbox !important;
925 display: flex !important; 925 display: flex !important;
926 -webkit-box-pack: center; 926 -webkit-box-pack: center;
927 -ms-flex-pack: center; 927 -ms-flex-pack: center;
928 justify-content: center; 928 justify-content: center;
929 -webkit-box-align: center; 929 -webkit-box-align: center;
930 -ms-flex-align: center; 930 -ms-flex-align: center;
931 align-items: center; 931 align-items: center;
932 color: #fff !important; 932 color: #fff !important;
933 font-weight: 400 !important; 933 font-weight: 400 !important;
934 font-size: 26px; 934 font-size: 26px;
935 } 935 }
936 .select2-search { 936 .select2-search {
937 display: none; 937 display: none;
938 } 938 }
939 .select2-dropdown { 939 .select2-dropdown {
940 z-index: 99999; 940 z-index: 99999;
941 border: none; 941 border: none;
942 border-radius: 0; 942 border-radius: 0;
943 background: none; 943 background: none;
944 padding: 5px 0; 944 padding: 5px 0;
945 } 945 }
946 @media (min-width: 768px) { 946 @media (min-width: 768px) {
947 .select2-dropdown { 947 .select2-dropdown {
948 padding: 10px 0; 948 padding: 10px 0;
949 } 949 }
950 } 950 }
951 .select2-results { 951 .select2-results {
952 background: #fff; 952 background: #fff;
953 border-radius: 8px; 953 border-radius: 8px;
954 border: 1px solid #377d87; 954 border: 1px solid #377d87;
955 overflow: hidden; 955 overflow: hidden;
956 } 956 }
957 @media (min-width: 768px) { 957 @media (min-width: 768px) {
958 .select2-results__option { 958 .select2-results__option {
959 padding: 10px 14px; 959 padding: 10px 14px;
960 } 960 }
961 } 961 }
962 .select2-results__option--highlighted { 962 .select2-results__option--highlighted {
963 background: #377d87 !important; 963 background: #377d87 !important;
964 } 964 }
965 @media (min-width: 768px) { 965 @media (min-width: 768px) {
966 .select_search .select2-selection__rendered { 966 .select_search .select2-selection__rendered {
967 padding-left: 60px !important; 967 padding-left: 60px !important;
968 } 968 }
969 } 969 }
970 .select_search .select__icon { 970 .select_search .select__icon {
971 display: none; 971 display: none;
972 height: 28px; 972 height: 28px;
973 -webkit-box-align: center; 973 -webkit-box-align: center;
974 -ms-flex-align: center; 974 -ms-flex-align: center;
975 align-items: center; 975 align-items: center;
976 padding-right: 12px; 976 padding-right: 12px;
977 z-index: 2; 977 z-index: 2;
978 position: absolute; 978 position: absolute;
979 top: 50%; 979 top: 50%;
980 left: 15px; 980 left: 15px;
981 margin-top: -14px; 981 margin-top: -14px;
982 } 982 }
983 @media (min-width: 768px) { 983 @media (min-width: 768px) {
984 .select_search .select__icon { 984 .select_search .select__icon {
985 display: -webkit-box; 985 display: -webkit-box;
986 display: -ms-flexbox; 986 display: -ms-flexbox;
987 display: flex; 987 display: flex;
988 } 988 }
989 } 989 }
990 .select_search .select__icon:after { 990 .select_search .select__icon:after {
991 content: ""; 991 content: "";
992 width: 1px; 992 width: 1px;
993 height: 100%; 993 height: 100%;
994 border-radius: 999px; 994 border-radius: 999px;
995 position: absolute; 995 position: absolute;
996 top: 0; 996 top: 0;
997 right: 0; 997 right: 0;
998 background: #cecece; 998 background: #cecece;
999 } 999 }
1000 .select_search .select__icon svg { 1000 .select_search .select__icon svg {
1001 color: #9c9d9d; 1001 color: #9c9d9d;
1002 width: 20px; 1002 width: 20px;
1003 height: 20px; 1003 height: 20px;
1004 } 1004 }
1005 1005
1006 .form-group { 1006 .form-group {
1007 display: -webkit-box; 1007 display: -webkit-box;
1008 display: -ms-flexbox; 1008 display: -ms-flexbox;
1009 display: flex; 1009 display: flex;
1010 -webkit-box-orient: vertical; 1010 -webkit-box-orient: vertical;
1011 -webkit-box-direction: normal; 1011 -webkit-box-direction: normal;
1012 -ms-flex-direction: column; 1012 -ms-flex-direction: column;
1013 flex-direction: column; 1013 flex-direction: column;
1014 gap: 4px; 1014 gap: 4px;
1015 } 1015 }
1016 .form-group__label { 1016 .form-group__label {
1017 font-size: 12px; 1017 font-size: 12px;
1018 } 1018 }
1019 @media (min-width: 768px) { 1019 @media (min-width: 768px) {
1020 .form-group__label { 1020 .form-group__label {
1021 font-size: 16px; 1021 font-size: 16px;
1022 } 1022 }
1023 } 1023 }
1024 .form-group__item { 1024 .form-group__item {
1025 display: -webkit-box; 1025 display: -webkit-box;
1026 display: -ms-flexbox; 1026 display: -ms-flexbox;
1027 display: flex; 1027 display: flex;
1028 -webkit-box-orient: vertical; 1028 -webkit-box-orient: vertical;
1029 -webkit-box-direction: normal; 1029 -webkit-box-direction: normal;
1030 -ms-flex-direction: column; 1030 -ms-flex-direction: column;
1031 flex-direction: column; 1031 flex-direction: column;
1032 position: relative; 1032 position: relative;
1033 } 1033 }
1034 1034
1035 .input { 1035 .input {
1036 display: block; 1036 display: block;
1037 height: 30px; 1037 height: 30px;
1038 border: 1px solid #cecece; 1038 border: 1px solid #cecece;
1039 background: #fff; 1039 background: #fff;
1040 font-size: 12px; 1040 font-size: 12px;
1041 border-radius: 8px; 1041 border-radius: 8px;
1042 padding: 0 10px; 1042 padding: 0 10px;
1043 color: #000; 1043 color: #000;
1044 -webkit-transition: 0.3s; 1044 -webkit-transition: 0.3s;
1045 transition: 0.3s; 1045 transition: 0.3s;
1046 position: relative; 1046 position: relative;
1047 z-index: 1; 1047 z-index: 1;
1048 } 1048 }
1049 @media (min-width: 768px) { 1049 @media (min-width: 768px) {
1050 .input { 1050 .input {
1051 padding: 0 20px; 1051 padding: 0 20px;
1052 height: 44px; 1052 height: 44px;
1053 font-size: 16px; 1053 font-size: 16px;
1054 } 1054 }
1055 } 1055 }
1056 .input:focus { 1056 .input:focus {
1057 border-color: #377d87; 1057 border-color: #377d87;
1058 } 1058 }
1059 .input[disabled] { 1059 .input[disabled] {
1060 color: #9c9d9d; 1060 color: #9c9d9d;
1061 background: #e7e7e7; 1061 background: #e7e7e7;
1062 } 1062 }
1063 .input[type=date] { 1063 .input[type=date] {
1064 text-transform: uppercase; 1064 text-transform: uppercase;
1065 } 1065 }
1066 1066
1067 .textarea { 1067 .textarea {
1068 resize: none; 1068 resize: none;
1069 display: block; 1069 display: block;
1070 width: 100%; 1070 width: 100%;
1071 border-radius: 8px; 1071 border-radius: 8px;
1072 border: 1px solid #cecece; 1072 border: 1px solid #cecece;
1073 background: #fff; 1073 background: #fff;
1074 -webkit-transition: 0.3s; 1074 -webkit-transition: 0.3s;
1075 transition: 0.3s; 1075 transition: 0.3s;
1076 font-size: 12px; 1076 font-size: 12px;
1077 line-height: 1.4; 1077 line-height: 1.4;
1078 padding: 10px; 1078 padding: 10px;
1079 aspect-ratio: 8/3; 1079 aspect-ratio: 8/3;
1080 max-height: 250px; 1080 max-height: 250px;
1081 } 1081 }
1082 @media (min-width: 768px) { 1082 @media (min-width: 768px) {
1083 .textarea { 1083 .textarea {
1084 padding: 20px; 1084 padding: 20px;
1085 font-size: 16px; 1085 font-size: 16px;
1086 height: 280px; 1086 height: 280px;
1087 } 1087 }
1088 } 1088 }
1089 .textarea:focus { 1089 .textarea:focus {
1090 border-color: #377d87; 1090 border-color: #377d87;
1091 } 1091 }
1092 1092
1093 .button { 1093 .button {
1094 display: -webkit-box; 1094 display: -webkit-box;
1095 display: -ms-flexbox; 1095 display: -ms-flexbox;
1096 display: flex; 1096 display: flex;
1097 -webkit-box-pack: center; 1097 -webkit-box-pack: center;
1098 -ms-flex-pack: center; 1098 -ms-flex-pack: center;
1099 justify-content: center; 1099 justify-content: center;
1100 -webkit-box-align: center; 1100 -webkit-box-align: center;
1101 -ms-flex-align: center; 1101 -ms-flex-align: center;
1102 align-items: center; 1102 align-items: center;
1103 color: #fff; 1103 color: #fff;
1104 background: #377d87; 1104 background: #377d87;
1105 height: 30px; 1105 height: 30px;
1106 border-radius: 8px; 1106 border-radius: 8px;
1107 padding: 0 12px; 1107 padding: 0 12px;
1108 border: 1px solid #377d87; 1108 border: 1px solid #377d87;
1109 font-weight: 700; 1109 font-weight: 700;
1110 font-size: 12px; 1110 font-size: 12px;
1111 text-align: center; 1111 text-align: center;
1112 line-height: 1; 1112 line-height: 1;
1113 gap: 6px; 1113 gap: 6px;
1114 -webkit-transition: 0.3s; 1114 -webkit-transition: 0.3s;
1115 transition: 0.3s; 1115 transition: 0.3s;
1116 cursor: pointer; 1116 cursor: pointer;
1117 } 1117 }
1118 @media (min-width: 768px) { 1118 @media (min-width: 768px) {
1119 .button { 1119 .button {
1120 padding: 0 24px; 1120 padding: 0 24px;
1121 font-size: 16px; 1121 font-size: 16px;
1122 height: 44px; 1122 height: 44px;
1123 gap: 12px; 1123 gap: 12px;
1124 } 1124 }
1125 } 1125 }
1126 @media (min-width: 992px) { 1126 @media (min-width: 992px) {
1127 .button { 1127 .button {
1128 padding: 0 36px; 1128 padding: 0 36px;
1129 } 1129 }
1130 } 1130 }
1131 .button:hover { 1131 .button:hover {
1132 background: transparent; 1132 background: transparent;
1133 color: #377d87; 1133 color: #377d87;
1134 } 1134 }
1135 .button img, 1135 .button img,
1136 .button svg { 1136 .button svg {
1137 width: 12px; 1137 width: 12px;
1138 height: 12px; 1138 height: 12px;
1139 } 1139 }
1140 @media (min-width: 768px) { 1140 @media (min-width: 768px) {
1141 .button img, 1141 .button img,
1142 .button svg { 1142 .button svg {
1143 width: 18px; 1143 width: 18px;
1144 height: 18px; 1144 height: 18px;
1145 } 1145 }
1146 } 1146 }
1147 .button_more span + span { 1147 .button_more span + span {
1148 display: none; 1148 display: none;
1149 } 1149 }
1150 .button_more.active span { 1150 .button_more.active span {
1151 display: none; 1151 display: none;
1152 } 1152 }
1153 .button_more.active span + span { 1153 .button_more.active span + span {
1154 display: block; 1154 display: block;
1155 } 1155 }
1156 .button_light { 1156 .button_light {
1157 background: transparent; 1157 background: transparent;
1158 color: #377d87; 1158 color: #377d87;
1159 } 1159 }
1160 .button_light:hover { 1160 .button_light:hover {
1161 background: #377d87; 1161 background: #377d87;
1162 color: #fff; 1162 color: #fff;
1163 } 1163 }
1164 .button_whited { 1164 .button_whited {
1165 background: #fff; 1165 background: #fff;
1166 color: #377d87; 1166 color: #377d87;
1167 border-color: #fff; 1167 border-color: #fff;
1168 } 1168 }
1169 .button_whited:hover { 1169 .button_whited:hover {
1170 background: #377d87; 1170 background: #377d87;
1171 color: #fff; 1171 color: #fff;
1172 } 1172 }
1173 1173
1174 .search { 1174 .search {
1175 width: 100%; 1175 width: 100%;
1176 position: relative; 1176 position: relative;
1177 background: #fff; 1177 background: #fff;
1178 border-radius: 8px; 1178 border-radius: 8px;
1179 } 1179 }
1180 .search span { 1180 .search span {
1181 display: none; 1181 display: none;
1182 height: 28px; 1182 height: 28px;
1183 -webkit-box-align: center; 1183 -webkit-box-align: center;
1184 -ms-flex-align: center; 1184 -ms-flex-align: center;
1185 align-items: center; 1185 align-items: center;
1186 padding-right: 12px; 1186 padding-right: 12px;
1187 z-index: 1; 1187 z-index: 1;
1188 position: absolute; 1188 position: absolute;
1189 top: 50%; 1189 top: 50%;
1190 left: 15px; 1190 left: 15px;
1191 margin-top: -14px; 1191 margin-top: -14px;
1192 } 1192 }
1193 @media (min-width: 768px) { 1193 @media (min-width: 768px) {
1194 .search span { 1194 .search span {
1195 display: -webkit-box; 1195 display: -webkit-box;
1196 display: -ms-flexbox; 1196 display: -ms-flexbox;
1197 display: flex; 1197 display: flex;
1198 } 1198 }
1199 } 1199 }
1200 .search span:after { 1200 .search span:after {
1201 content: ""; 1201 content: "";
1202 width: 1px; 1202 width: 1px;
1203 height: 100%; 1203 height: 100%;
1204 border-radius: 999px; 1204 border-radius: 999px;
1205 position: absolute; 1205 position: absolute;
1206 top: 0; 1206 top: 0;
1207 right: 0; 1207 right: 0;
1208 background: #cecece; 1208 background: #cecece;
1209 } 1209 }
1210 .search span svg { 1210 .search span svg {
1211 color: #9c9d9d; 1211 color: #9c9d9d;
1212 width: 20px; 1212 width: 20px;
1213 height: 20px; 1213 height: 20px;
1214 } 1214 }
1215 .search input { 1215 .search input {
1216 width: 100%; 1216 width: 100%;
1217 padding-right: 150px; 1217 padding-right: 150px;
1218 position: relative; 1218 position: relative;
1219 z-index: 2; 1219 z-index: 2;
1220 background: none; 1220 background: none;
1221 } 1221 }
1222 @media (min-width: 768px) { 1222 @media (min-width: 768px) {
1223 .search input { 1223 .search input {
1224 padding-left: 60px; 1224 padding-left: 60px;
1225 padding-right: 220px; 1225 padding-right: 220px;
1226 } 1226 }
1227 } 1227 }
1228 .search button { 1228 .search button {
1229 width: 140px; 1229 width: 140px;
1230 position: absolute; 1230 position: absolute;
1231 padding: 0; 1231 padding: 0;
1232 top: 0; 1232 top: 0;
1233 right: 0; 1233 right: 0;
1234 z-index: 3; 1234 z-index: 3;
1235 } 1235 }
1236 @media (min-width: 768px) { 1236 @media (min-width: 768px) {
1237 .search button { 1237 .search button {
1238 width: 200px; 1238 width: 200px;
1239 } 1239 }
1240 } 1240 }
1241 1241
1242 .breadcrumbs { 1242 .breadcrumbs {
1243 display: -webkit-box; 1243 display: -webkit-box;
1244 display: -ms-flexbox; 1244 display: -ms-flexbox;
1245 display: flex; 1245 display: flex;
1246 -webkit-box-align: center; 1246 -webkit-box-align: center;
1247 -ms-flex-align: center; 1247 -ms-flex-align: center;
1248 align-items: center; 1248 align-items: center;
1249 -ms-flex-wrap: wrap; 1249 -ms-flex-wrap: wrap;
1250 flex-wrap: wrap; 1250 flex-wrap: wrap;
1251 gap: 12px 6px; 1251 gap: 12px 6px;
1252 margin: 0; 1252 margin: 0;
1253 padding: 0; 1253 padding: 0;
1254 font-size: 11px; 1254 font-size: 11px;
1255 color: #cecece; 1255 color: #cecece;
1256 line-height: 1; 1256 line-height: 1;
1257 } 1257 }
1258 @media (min-width: 992px) { 1258 @media (min-width: 992px) {
1259 .breadcrumbs { 1259 .breadcrumbs {
1260 font-size: 13px; 1260 font-size: 13px;
1261 } 1261 }
1262 } 1262 }
1263 @media (min-width: 1280px) { 1263 @media (min-width: 1280px) {
1264 .breadcrumbs { 1264 .breadcrumbs {
1265 font-size: 16px; 1265 font-size: 16px;
1266 } 1266 }
1267 } 1267 }
1268 .breadcrumbs li { 1268 .breadcrumbs li {
1269 display: -webkit-box; 1269 display: -webkit-box;
1270 display: -ms-flexbox; 1270 display: -ms-flexbox;
1271 display: flex; 1271 display: flex;
1272 -webkit-box-align: center; 1272 -webkit-box-align: center;
1273 -ms-flex-align: center; 1273 -ms-flex-align: center;
1274 align-items: center; 1274 align-items: center;
1275 gap: 6px; 1275 gap: 6px;
1276 } 1276 }
1277 .breadcrumbs li:before { 1277 .breadcrumbs li:before {
1278 content: ""; 1278 content: "";
1279 width: 4px; 1279 width: 4px;
1280 height: 4px; 1280 height: 4px;
1281 background: #cecece; 1281 background: #cecece;
1282 border-radius: 999px; 1282 border-radius: 999px;
1283 position: relative; 1283 position: relative;
1284 top: -1px; 1284 top: -1px;
1285 } 1285 }
1286 .breadcrumbs li:first-child:before { 1286 .breadcrumbs li:first-child:before {
1287 display: none; 1287 display: none;
1288 } 1288 }
1289 .breadcrumbs li:last-child:before { 1289 .breadcrumbs li:last-child:before {
1290 background: #377d87; 1290 background: #377d87;
1291 } 1291 }
1292 .breadcrumbs a:hover { 1292 .breadcrumbs a:hover {
1293 color: #377d87; 1293 color: #377d87;
1294 } 1294 }
1295 .breadcrumbs b { 1295 .breadcrumbs b {
1296 color: #377d87; 1296 color: #377d87;
1297 font-weight: 700; 1297 font-weight: 700;
1298 } 1298 }
1299 1299
1300 .pagination { 1300 .pagination {
1301 display: -webkit-box; 1301 display: -webkit-box;
1302 display: -ms-flexbox; 1302 display: -ms-flexbox;
1303 display: flex; 1303 display: flex;
1304 -webkit-box-align: center; 1304 -webkit-box-align: center;
1305 -ms-flex-align: center; 1305 -ms-flex-align: center;
1306 align-items: center; 1306 align-items: center;
1307 -webkit-box-pack: center; 1307 -webkit-box-pack: center;
1308 -ms-flex-pack: center; 1308 -ms-flex-pack: center;
1309 justify-content: center; 1309 justify-content: center;
1310 -ms-flex-wrap: wrap; 1310 -ms-flex-wrap: wrap;
1311 flex-wrap: wrap; 1311 flex-wrap: wrap;
1312 line-height: 1; 1312 line-height: 1;
1313 color: #000; 1313 color: #000;
1314 font-size: 12px; 1314 font-size: 12px;
1315 margin: 0 auto; 1315 margin: 0 auto;
1316 } 1316 }
1317 @media (min-width: 768px) { 1317 @media (min-width: 768px) {
1318 .pagination { 1318 .pagination {
1319 font-size: 14px; 1319 font-size: 14px;
1320 gap: 3px; 1320 gap: 3px;
1321 } 1321 }
1322 } 1322 }
1323 .pagination__item { 1323 .pagination__item {
1324 width: 40px; 1324 width: 40px;
1325 height: 40px; 1325 height: 40px;
1326 display: -webkit-box; 1326 display: -webkit-box;
1327 display: -ms-flexbox; 1327 display: -ms-flexbox;
1328 display: flex; 1328 display: flex;
1329 -webkit-box-pack: center; 1329 -webkit-box-pack: center;
1330 -ms-flex-pack: center; 1330 -ms-flex-pack: center;
1331 justify-content: center; 1331 justify-content: center;
1332 -webkit-box-align: center; 1332 -webkit-box-align: center;
1333 -ms-flex-align: center; 1333 -ms-flex-align: center;
1334 align-items: center; 1334 align-items: center;
1335 background: none; 1335 background: none;
1336 padding: 0; 1336 padding: 0;
1337 border: 1px solid transparent; 1337 border: 1px solid transparent;
1338 border-radius: 8px; 1338 border-radius: 8px;
1339 } 1339 }
1340 .pagination__item:hover { 1340 .pagination__item:hover {
1341 -webkit-transition: 0s; 1341 -webkit-transition: 0s;
1342 transition: 0s; 1342 transition: 0s;
1343 color: #377d87; 1343 color: #377d87;
1344 font-weight: 700; 1344 font-weight: 700;
1345 } 1345 }
1346 .pagination__item.active { 1346 .pagination__item.active {
1347 font-weight: 700; 1347 font-weight: 700;
1348 color: #fff; 1348 color: #fff;
1349 background: #377d87; 1349 background: #377d87;
1350 border-color: #377d87; 1350 border-color: #377d87;
1351 } 1351 }
1352 .pagination__dots { 1352 .pagination__dots {
1353 width: 40px; 1353 width: 40px;
1354 height: 40px; 1354 height: 40px;
1355 display: -webkit-box; 1355 display: -webkit-box;
1356 display: -ms-flexbox; 1356 display: -ms-flexbox;
1357 display: flex; 1357 display: flex;
1358 -webkit-box-pack: center; 1358 -webkit-box-pack: center;
1359 -ms-flex-pack: center; 1359 -ms-flex-pack: center;
1360 justify-content: center; 1360 justify-content: center;
1361 -webkit-box-align: center; 1361 -webkit-box-align: center;
1362 -ms-flex-align: center; 1362 -ms-flex-align: center;
1363 align-items: center; 1363 align-items: center;
1364 } 1364 }
1365 .pagination__dots svg { 1365 .pagination__dots svg {
1366 width: 15px; 1366 width: 15px;
1367 height: 15px; 1367 height: 15px;
1368 } 1368 }
1369 .pagination__nav { 1369 .pagination__nav {
1370 width: 40px; 1370 width: 40px;
1371 height: 40px; 1371 height: 40px;
1372 display: none; 1372 display: none;
1373 -webkit-box-pack: center; 1373 -webkit-box-pack: center;
1374 -ms-flex-pack: center; 1374 -ms-flex-pack: center;
1375 justify-content: center; 1375 justify-content: center;
1376 -webkit-box-align: center; 1376 -webkit-box-align: center;
1377 -ms-flex-align: center; 1377 -ms-flex-align: center;
1378 align-items: center; 1378 align-items: center;
1379 background: none; 1379 background: none;
1380 padding: 0; 1380 padding: 0;
1381 border: 1px solid #cddee1; 1381 border: 1px solid #cddee1;
1382 color: #377d87; 1382 color: #377d87;
1383 border-radius: 8px; 1383 border-radius: 8px;
1384 } 1384 }
1385 @media (min-width: 768px) { 1385 @media (min-width: 768px) {
1386 .pagination__nav { 1386 .pagination__nav {
1387 display: -webkit-box; 1387 display: -webkit-box;
1388 display: -ms-flexbox; 1388 display: -ms-flexbox;
1389 display: flex; 1389 display: flex;
1390 } 1390 }
1391 } 1391 }
1392 .pagination__nav:hover { 1392 .pagination__nav:hover {
1393 border-color: #377d87; 1393 border-color: #377d87;
1394 background: #377d87; 1394 background: #377d87;
1395 color: #fff; 1395 color: #fff;
1396 } 1396 }
1397 .pagination__nav svg { 1397 .pagination__nav svg {
1398 width: 10px; 1398 width: 10px;
1399 height: 10px; 1399 height: 10px;
1400 } 1400 }
1401 .pagination__nav_prev { 1401 .pagination__nav_prev {
1402 margin-right: 37px; 1402 margin-right: 37px;
1403 } 1403 }
1404 .pagination__nav_prev svg { 1404 .pagination__nav_prev svg {
1405 -webkit-transform: rotate(180deg); 1405 -webkit-transform: rotate(180deg);
1406 -ms-transform: rotate(180deg); 1406 -ms-transform: rotate(180deg);
1407 transform: rotate(180deg); 1407 transform: rotate(180deg);
1408 } 1408 }
1409 .pagination__nav_next { 1409 .pagination__nav_next {
1410 margin-left: 37px; 1410 margin-left: 37px;
1411 } 1411 }
1412 1412
1413 .filters { 1413 .filters {
1414 display: -webkit-box; 1414 display: -webkit-box;
1415 display: -ms-flexbox; 1415 display: -ms-flexbox;
1416 display: flex; 1416 display: flex;
1417 -webkit-box-orient: vertical; 1417 -webkit-box-orient: vertical;
1418 -webkit-box-direction: normal; 1418 -webkit-box-direction: normal;
1419 -ms-flex-direction: column; 1419 -ms-flex-direction: column;
1420 flex-direction: column; 1420 flex-direction: column;
1421 gap: 10px; 1421 gap: 10px;
1422 } 1422 }
1423 @media (min-width: 768px) { 1423 @media (min-width: 768px) {
1424 .filters { 1424 .filters {
1425 -webkit-box-orient: horizontal; 1425 -webkit-box-orient: horizontal;
1426 -webkit-box-direction: normal; 1426 -webkit-box-direction: normal;
1427 -ms-flex-direction: row; 1427 -ms-flex-direction: row;
1428 flex-direction: row; 1428 flex-direction: row;
1429 -webkit-box-align: center; 1429 -webkit-box-align: center;
1430 -ms-flex-align: center; 1430 -ms-flex-align: center;
1431 align-items: center; 1431 align-items: center;
1432 -webkit-box-pack: justify; 1432 -webkit-box-pack: justify;
1433 -ms-flex-pack: justify; 1433 -ms-flex-pack: justify;
1434 justify-content: space-between; 1434 justify-content: space-between;
1435 } 1435 }
1436 } 1436 }
1437 .filters__label { 1437 .filters__label {
1438 color: #377d87; 1438 color: #377d87;
1439 font-size: 12px; 1439 font-size: 12px;
1440 font-weight: 700; 1440 font-weight: 700;
1441 } 1441 }
1442 @media (min-width: 768px) { 1442 @media (min-width: 768px) {
1443 .filters__label { 1443 .filters__label {
1444 font-size: 16px; 1444 font-size: 16px;
1445 } 1445 }
1446 } 1446 }
1447 @media (min-width: 992px) { 1447 @media (min-width: 992px) {
1448 .filters__label { 1448 .filters__label {
1449 font-size: 18px; 1449 font-size: 18px;
1450 } 1450 }
1451 } 1451 }
1452 .filters__body { 1452 .filters__body {
1453 display: -webkit-box; 1453 display: -webkit-box;
1454 display: -ms-flexbox; 1454 display: -ms-flexbox;
1455 display: flex; 1455 display: flex;
1456 -webkit-box-orient: vertical; 1456 -webkit-box-orient: vertical;
1457 -webkit-box-direction: normal; 1457 -webkit-box-direction: normal;
1458 -ms-flex-direction: column; 1458 -ms-flex-direction: column;
1459 flex-direction: column; 1459 flex-direction: column;
1460 } 1460 }
1461 @media (min-width: 768px) { 1461 @media (min-width: 768px) {
1462 .filters__body { 1462 .filters__body {
1463 -webkit-box-orient: horizontal; 1463 -webkit-box-orient: horizontal;
1464 -webkit-box-direction: normal; 1464 -webkit-box-direction: normal;
1465 -ms-flex-direction: row; 1465 -ms-flex-direction: row;
1466 flex-direction: row; 1466 flex-direction: row;
1467 -webkit-box-align: center; 1467 -webkit-box-align: center;
1468 -ms-flex-align: center; 1468 -ms-flex-align: center;
1469 align-items: center; 1469 align-items: center;
1470 } 1470 }
1471 } 1471 }
1472 @media (min-width: 768px) { 1472 @media (min-width: 768px) {
1473 .filters__select { 1473 .filters__select {
1474 width: 250px; 1474 width: 250px;
1475 } 1475 }
1476 } 1476 }
1477 @media (min-width: 992px) { 1477 @media (min-width: 992px) {
1478 .filters__select { 1478 .filters__select {
1479 width: 310px; 1479 width: 310px;
1480 } 1480 }
1481 } 1481 }
1482 .filters__item { 1482 .filters__item {
1483 display: none; 1483 display: none;
1484 -webkit-box-pack: center; 1484 -webkit-box-pack: center;
1485 -ms-flex-pack: center; 1485 -ms-flex-pack: center;
1486 justify-content: center; 1486 justify-content: center;
1487 -webkit-box-align: center; 1487 -webkit-box-align: center;
1488 -ms-flex-align: center; 1488 -ms-flex-align: center;
1489 align-items: center; 1489 align-items: center;
1490 width: 50px; 1490 width: 50px;
1491 height: 50px; 1491 height: 50px;
1492 padding: 0; 1492 padding: 0;
1493 background: #fff; 1493 background: #fff;
1494 border: 1px solid #377d87; 1494 border: 1px solid #377d87;
1495 color: #377d87; 1495 color: #377d87;
1496 border-radius: 8px; 1496 border-radius: 8px;
1497 margin-left: 20px; 1497 margin-left: 20px;
1498 } 1498 }
1499 @media (min-width: 768px) { 1499 @media (min-width: 768px) {
1500 .filters__item { 1500 .filters__item {
1501 display: -webkit-box; 1501 display: -webkit-box;
1502 display: -ms-flexbox; 1502 display: -ms-flexbox;
1503 display: flex; 1503 display: flex;
1504 } 1504 }
1505 } 1505 }
1506 .filters__item svg { 1506 .filters__item svg {
1507 width: 24px; 1507 width: 24px;
1508 height: 24px; 1508 height: 24px;
1509 } 1509 }
1510 .filters__item.active { 1510 .filters__item.active {
1511 background: #377d87; 1511 background: #377d87;
1512 color: #fff; 1512 color: #fff;
1513 } 1513 }
1514 .filters__item + .filters__item { 1514 .filters__item + .filters__item {
1515 margin-left: 8px; 1515 margin-left: 8px;
1516 } 1516 }
1517 1517
1518 .like, 1518 .like,
1519 .chat { 1519 .chat {
1520 width: 30px; 1520 width: 30px;
1521 height: 30px; 1521 height: 30px;
1522 display: -webkit-box; 1522 display: -webkit-box;
1523 display: -ms-flexbox; 1523 display: -ms-flexbox;
1524 display: flex; 1524 display: flex;
1525 -webkit-box-pack: center; 1525 -webkit-box-pack: center;
1526 -ms-flex-pack: center; 1526 -ms-flex-pack: center;
1527 justify-content: center; 1527 justify-content: center;
1528 -webkit-box-align: center; 1528 -webkit-box-align: center;
1529 -ms-flex-align: center; 1529 -ms-flex-align: center;
1530 align-items: center; 1530 align-items: center;
1531 background: none; 1531 background: none;
1532 border: 1px solid #377d87; 1532 border: 1px solid #377d87;
1533 padding: 0; 1533 padding: 0;
1534 color: #377d87; 1534 color: #377d87;
1535 border-radius: 6px; 1535 border-radius: 6px;
1536 } 1536 }
1537 @media (min-width: 768px) { 1537 @media (min-width: 768px) {
1538 .like, 1538 .like,
1539 .chat { 1539 .chat {
1540 width: 44px; 1540 width: 44px;
1541 height: 44px; 1541 height: 44px;
1542 } 1542 }
1543 } 1543 }
1544 .like.active, 1544 .like.active,
1545 .chat.active { 1545 .chat.active {
1546 background: #377d87; 1546 background: #377d87;
1547 color: #fff; 1547 color: #fff;
1548 } 1548 }
1549 .like svg, 1549 .like svg,
1550 .chat svg { 1550 .chat svg {
1551 width: 14px; 1551 width: 14px;
1552 height: 14px; 1552 height: 14px;
1553 } 1553 }
1554 @media (min-width: 768px) { 1554 @media (min-width: 768px) {
1555 .like svg, 1555 .like svg,
1556 .chat svg { 1556 .chat svg {
1557 width: 20px; 1557 width: 20px;
1558 height: 20px; 1558 height: 20px;
1559 } 1559 }
1560 } 1560 }
1561 1561
1562 .like.active { 1562 .like.active {
1563 background: #eb5757; 1563 background: #eb5757;
1564 border-color: #eb5757; 1564 border-color: #eb5757;
1565 } 1565 }
1566 1566
1567 .checkbox { 1567 .checkbox {
1568 display: -webkit-box; 1568 display: -webkit-box;
1569 display: -ms-flexbox; 1569 display: -ms-flexbox;
1570 display: flex; 1570 display: flex;
1571 -webkit-box-align: start; 1571 -webkit-box-align: start;
1572 -ms-flex-align: start; 1572 -ms-flex-align: start;
1573 align-items: flex-start; 1573 align-items: flex-start;
1574 cursor: pointer; 1574 cursor: pointer;
1575 position: relative; 1575 position: relative;
1576 } 1576 }
1577 .checkbox__input { 1577 .checkbox__input {
1578 position: absolute; 1578 position: absolute;
1579 z-index: 1; 1579 z-index: 1;
1580 width: 14px; 1580 width: 14px;
1581 height: 14px; 1581 height: 14px;
1582 padding: 0; 1582 padding: 0;
1583 background: none; 1583 background: none;
1584 border: none; 1584 border: none;
1585 opacity: 0; 1585 opacity: 0;
1586 } 1586 }
1587 @media (min-width: 768px) { 1587 @media (min-width: 768px) {
1588 .checkbox__input { 1588 .checkbox__input {
1589 width: 20px; 1589 width: 20px;
1590 height: 20px; 1590 height: 20px;
1591 } 1591 }
1592 } 1592 }
1593 .checkbox__icon { 1593 .checkbox__icon {
1594 width: 14px; 1594 width: 14px;
1595 height: 14px; 1595 height: 14px;
1596 border: 1px solid #cfcfcf; 1596 border: 1px solid #cfcfcf;
1597 background: #fff; 1597 background: #fff;
1598 color: #fff; 1598 color: #fff;
1599 display: -webkit-box; 1599 display: -webkit-box;
1600 display: -ms-flexbox; 1600 display: -ms-flexbox;
1601 display: flex; 1601 display: flex;
1602 -webkit-box-pack: center; 1602 -webkit-box-pack: center;
1603 -ms-flex-pack: center; 1603 -ms-flex-pack: center;
1604 justify-content: center; 1604 justify-content: center;
1605 -webkit-box-align: center; 1605 -webkit-box-align: center;
1606 -ms-flex-align: center; 1606 -ms-flex-align: center;
1607 align-items: center; 1607 align-items: center;
1608 border-radius: 4px; 1608 border-radius: 4px;
1609 -webkit-transition: 0.3s; 1609 -webkit-transition: 0.3s;
1610 transition: 0.3s; 1610 transition: 0.3s;
1611 position: relative; 1611 position: relative;
1612 z-index: 2; 1612 z-index: 2;
1613 } 1613 }
1614 @media (min-width: 768px) { 1614 @media (min-width: 768px) {
1615 .checkbox__icon { 1615 .checkbox__icon {
1616 width: 20px; 1616 width: 20px;
1617 height: 20px; 1617 height: 20px;
1618 } 1618 }
1619 } 1619 }
1620 .checkbox__icon svg { 1620 .checkbox__icon svg {
1621 width: 8px; 1621 width: 8px;
1622 height: 8px; 1622 height: 8px;
1623 opacity: 0; 1623 opacity: 0;
1624 } 1624 }
1625 @media (min-width: 768px) { 1625 @media (min-width: 768px) {
1626 .checkbox__icon svg { 1626 .checkbox__icon svg {
1627 width: 10px; 1627 width: 10px;
1628 height: 10px; 1628 height: 10px;
1629 } 1629 }
1630 } 1630 }
1631 .checkbox__input:checked + .checkbox__icon { 1631 .checkbox__input:checked + .checkbox__icon {
1632 border-color: #377d87; 1632 border-color: #377d87;
1633 background: #377d87; 1633 background: #377d87;
1634 } 1634 }
1635 .checkbox__input:checked + .checkbox__icon svg { 1635 .checkbox__input:checked + .checkbox__icon svg {
1636 opacity: 1; 1636 opacity: 1;
1637 } 1637 }
1638 .checkbox__text { 1638 .checkbox__text {
1639 width: calc(100% - 14px); 1639 width: calc(100% - 14px);
1640 padding-left: 6px; 1640 padding-left: 6px;
1641 font-size: 12px; 1641 font-size: 12px;
1642 line-height: 1; 1642 line-height: 1;
1643 display: -webkit-box; 1643 display: -webkit-box;
1644 display: -ms-flexbox; 1644 display: -ms-flexbox;
1645 display: flex; 1645 display: flex;
1646 -webkit-box-align: center; 1646 -webkit-box-align: center;
1647 -ms-flex-align: center; 1647 -ms-flex-align: center;
1648 align-items: center; 1648 align-items: center;
1649 min-height: 14px; 1649 min-height: 14px;
1650 } 1650 }
1651 @media (min-width: 768px) { 1651 @media (min-width: 768px) {
1652 .checkbox__text { 1652 .checkbox__text {
1653 width: calc(100% - 20px); 1653 width: calc(100% - 20px);
1654 padding-left: 12px; 1654 padding-left: 12px;
1655 font-size: 15px; 1655 font-size: 15px;
1656 min-height: 20px; 1656 min-height: 20px;
1657 } 1657 }
1658 } 1658 }
1659 .checkbox__text a { 1659 .checkbox__text a {
1660 color: #377d87; 1660 color: #377d87;
1661 text-decoration: underline; 1661 text-decoration: underline;
1662 } 1662 }
1663 1663
1664 .file { 1664 .file {
1665 display: -webkit-box; 1665 display: -webkit-box;
1666 display: -ms-flexbox; 1666 display: -ms-flexbox;
1667 display: flex; 1667 display: flex;
1668 -webkit-box-orient: vertical; 1668 -webkit-box-orient: vertical;
1669 -webkit-box-direction: normal; 1669 -webkit-box-direction: normal;
1670 -ms-flex-direction: column; 1670 -ms-flex-direction: column;
1671 flex-direction: column; 1671 flex-direction: column;
1672 } 1672 }
1673 .file__input input { 1673 .file__input input {
1674 display: none; 1674 display: none;
1675 } 1675 }
1676 .file__list { 1676 .file__list {
1677 display: -webkit-box; 1677 display: -webkit-box;
1678 display: -ms-flexbox; 1678 display: -ms-flexbox;
1679 display: flex; 1679 display: flex;
1680 -webkit-box-orient: vertical; 1680 -webkit-box-orient: vertical;
1681 -webkit-box-direction: normal; 1681 -webkit-box-direction: normal;
1682 -ms-flex-direction: column; 1682 -ms-flex-direction: column;
1683 flex-direction: column; 1683 flex-direction: column;
1684 } 1684 }
1685 .file__list-item { 1685 .file__list-item {
1686 display: -webkit-box; 1686 display: -webkit-box;
1687 display: -ms-flexbox; 1687 display: -ms-flexbox;
1688 display: flex; 1688 display: flex;
1689 -webkit-box-align: start; 1689 -webkit-box-align: start;
1690 -ms-flex-align: start; 1690 -ms-flex-align: start;
1691 align-items: flex-start; 1691 align-items: flex-start;
1692 margin-top: 16px; 1692 margin-top: 16px;
1693 } 1693 }
1694 .file__list-item-left { 1694 .file__list-item-left {
1695 width: calc(100% - 16px); 1695 width: calc(100% - 16px);
1696 min-height: 16px; 1696 min-height: 16px;
1697 color: #9c9d9d; 1697 color: #9c9d9d;
1698 font-size: 12px; 1698 font-size: 12px;
1699 display: -webkit-box; 1699 display: -webkit-box;
1700 display: -ms-flexbox; 1700 display: -ms-flexbox;
1701 display: flex; 1701 display: flex;
1702 -webkit-box-align: start; 1702 -webkit-box-align: start;
1703 -ms-flex-align: start; 1703 -ms-flex-align: start;
1704 align-items: flex-start; 1704 align-items: flex-start;
1705 } 1705 }
1706 @media (min-width: 768px) { 1706 @media (min-width: 768px) {
1707 .file__list-item-left { 1707 .file__list-item-left {
1708 width: auto; 1708 width: auto;
1709 max-width: calc(100% - 16px); 1709 max-width: calc(100% - 16px);
1710 font-size: 16px; 1710 font-size: 16px;
1711 } 1711 }
1712 } 1712 }
1713 .file__list-item-left svg { 1713 .file__list-item-left svg {
1714 width: 16px; 1714 width: 16px;
1715 height: 16px; 1715 height: 16px;
1716 } 1716 }
1717 .file__list-item-left span { 1717 .file__list-item-left span {
1718 width: calc(100% - 16px); 1718 width: calc(100% - 16px);
1719 min-height: 16px; 1719 min-height: 16px;
1720 display: -webkit-box; 1720 display: -webkit-box;
1721 display: -ms-flexbox; 1721 display: -ms-flexbox;
1722 display: flex; 1722 display: flex;
1723 -webkit-box-align: center; 1723 -webkit-box-align: center;
1724 -ms-flex-align: center; 1724 -ms-flex-align: center;
1725 align-items: center; 1725 align-items: center;
1726 padding: 0 8px; 1726 padding: 0 8px;
1727 } 1727 }
1728 .file__list-item-right { 1728 .file__list-item-right {
1729 display: -webkit-box; 1729 display: -webkit-box;
1730 display: -ms-flexbox; 1730 display: -ms-flexbox;
1731 display: flex; 1731 display: flex;
1732 -webkit-box-pack: center; 1732 -webkit-box-pack: center;
1733 -ms-flex-pack: center; 1733 -ms-flex-pack: center;
1734 justify-content: center; 1734 justify-content: center;
1735 -webkit-box-align: center; 1735 -webkit-box-align: center;
1736 -ms-flex-align: center; 1736 -ms-flex-align: center;
1737 align-items: center; 1737 align-items: center;
1738 padding: 0; 1738 padding: 0;
1739 background: none; 1739 background: none;
1740 border: none; 1740 border: none;
1741 width: 16px; 1741 width: 16px;
1742 height: 16px; 1742 height: 16px;
1743 color: #377d87; 1743 color: #377d87;
1744 } 1744 }
1745 .file__list-item-right:hover { 1745 .file__list-item-right:hover {
1746 color: #000; 1746 color: #000;
1747 } 1747 }
1748 .file__list-item-right svg { 1748 .file__list-item-right svg {
1749 width: 10px; 1749 width: 10px;
1750 height: 10px; 1750 height: 10px;
1751 } 1751 }
1752 .file__list-item + .file__list-item { 1752 .file__list-item + .file__list-item {
1753 margin-top: 10px; 1753 margin-top: 10px;
1754 } 1754 }
1755 1755
1756 .rate { 1756 .rate {
1757 display: -webkit-box; 1757 display: -webkit-box;
1758 display: -ms-flexbox; 1758 display: -ms-flexbox;
1759 display: flex; 1759 display: flex;
1760 -webkit-box-align: center; 1760 -webkit-box-align: center;
1761 -ms-flex-align: center; 1761 -ms-flex-align: center;
1762 align-items: center; 1762 align-items: center;
1763 gap: 10px; 1763 gap: 10px;
1764 } 1764 }
1765 @media (min-width: 768px) { 1765 @media (min-width: 768px) {
1766 .rate { 1766 .rate {
1767 gap: 20px; 1767 gap: 20px;
1768 } 1768 }
1769 } 1769 }
1770 .rate__label { 1770 .rate__label {
1771 font-size: 12px; 1771 font-size: 12px;
1772 font-weight: 700; 1772 font-weight: 700;
1773 line-height: 1; 1773 line-height: 1;
1774 } 1774 }
1775 @media (min-width: 768px) { 1775 @media (min-width: 768px) {
1776 .rate__label { 1776 .rate__label {
1777 font-size: 18px; 1777 font-size: 18px;
1778 } 1778 }
1779 } 1779 }
1780 .rate__stars { 1780 .rate__stars {
1781 display: -webkit-box; 1781 display: -webkit-box;
1782 display: -ms-flexbox; 1782 display: -ms-flexbox;
1783 display: flex; 1783 display: flex;
1784 -webkit-box-orient: vertical; 1784 -webkit-box-orient: vertical;
1785 -webkit-box-direction: normal; 1785 -webkit-box-direction: normal;
1786 -ms-flex-direction: column; 1786 -ms-flex-direction: column;
1787 flex-direction: column; 1787 flex-direction: column;
1788 } 1788 }
1789 1789
1790 .back { 1790 .back {
1791 display: -webkit-box; 1791 display: -webkit-box;
1792 display: -ms-flexbox; 1792 display: -ms-flexbox;
1793 display: flex; 1793 display: flex;
1794 -webkit-box-align: center; 1794 -webkit-box-align: center;
1795 -ms-flex-align: center; 1795 -ms-flex-align: center;
1796 align-items: center; 1796 align-items: center;
1797 font-size: 14px; 1797 font-size: 14px;
1798 color: #377d87; 1798 color: #377d87;
1799 font-weight: 700; 1799 font-weight: 700;
1800 } 1800 }
1801 @media (min-width: 768px) { 1801 @media (min-width: 768px) {
1802 .back { 1802 .back {
1803 font-size: 18px; 1803 font-size: 18px;
1804 } 1804 }
1805 } 1805 }
1806 .back:hover { 1806 .back:hover {
1807 color: #4d88d9; 1807 color: #4d88d9;
1808 } 1808 }
1809 .back svg { 1809 .back svg {
1810 width: 16px; 1810 width: 16px;
1811 height: 16px; 1811 height: 16px;
1812 } 1812 }
1813 @media (min-width: 768px) { 1813 @media (min-width: 768px) {
1814 .back svg { 1814 .back svg {
1815 width: 26px; 1815 width: 26px;
1816 height: 26px; 1816 height: 26px;
1817 } 1817 }
1818 } 1818 }
1819 .back span { 1819 .back span {
1820 width: calc(100% - 16px); 1820 width: calc(100% - 16px);
1821 padding-left: 10px; 1821 padding-left: 10px;
1822 } 1822 }
1823 @media (min-width: 768px) { 1823 @media (min-width: 768px) {
1824 .back span { 1824 .back span {
1825 width: calc(100% - 26px); 1825 width: calc(100% - 26px);
1826 padding-left: 20px; 1826 padding-left: 20px;
1827 } 1827 }
1828 } 1828 }
1829 1829
1830 .callback { 1830 .callback {
1831 display: -webkit-box; 1831 display: -webkit-box;
1832 display: -ms-flexbox; 1832 display: -ms-flexbox;
1833 display: flex; 1833 display: flex;
1834 -webkit-box-orient: vertical; 1834 -webkit-box-orient: vertical;
1835 -webkit-box-direction: normal; 1835 -webkit-box-direction: normal;
1836 -ms-flex-direction: column; 1836 -ms-flex-direction: column;
1837 flex-direction: column; 1837 flex-direction: column;
1838 gap: 16px; 1838 gap: 16px;
1839 } 1839 }
1840 @media (min-width: 992px) { 1840 @media (min-width: 992px) {
1841 .callback { 1841 .callback {
1842 -webkit-box-orient: horizontal; 1842 -webkit-box-orient: horizontal;
1843 -webkit-box-direction: normal; 1843 -webkit-box-direction: normal;
1844 -ms-flex-direction: row; 1844 -ms-flex-direction: row;
1845 flex-direction: row; 1845 flex-direction: row;
1846 -webkit-box-pack: justify; 1846 -webkit-box-pack: justify;
1847 -ms-flex-pack: justify; 1847 -ms-flex-pack: justify;
1848 justify-content: space-between; 1848 justify-content: space-between;
1849 -ms-flex-wrap: wrap; 1849 -ms-flex-wrap: wrap;
1850 flex-wrap: wrap; 1850 flex-wrap: wrap;
1851 gap: 20px 0; 1851 gap: 20px 0;
1852 } 1852 }
1853 } 1853 }
1854 .callback__body { 1854 .callback__body {
1855 display: -webkit-box; 1855 display: -webkit-box;
1856 display: -ms-flexbox; 1856 display: -ms-flexbox;
1857 display: flex; 1857 display: flex;
1858 -webkit-box-orient: vertical; 1858 -webkit-box-orient: vertical;
1859 -webkit-box-direction: normal; 1859 -webkit-box-direction: normal;
1860 -ms-flex-direction: column; 1860 -ms-flex-direction: column;
1861 flex-direction: column; 1861 flex-direction: column;
1862 gap: 16px; 1862 gap: 16px;
1863 } 1863 }
1864 @media (min-width: 992px) { 1864 @media (min-width: 992px) {
1865 .callback__body { 1865 .callback__body {
1866 width: calc(50% - 10px); 1866 width: calc(50% - 10px);
1867 gap: 10px; 1867 gap: 10px;
1868 } 1868 }
1869 } 1869 }
1870 @media (min-width: 992px) { 1870 @media (min-width: 992px) {
1871 .callback__textarea { 1871 .callback__textarea {
1872 width: calc(50% - 10px); 1872 width: calc(50% - 10px);
1873 height: auto; 1873 height: auto;
1874 } 1874 }
1875 } 1875 }
1876 .callback__bottom { 1876 .callback__bottom {
1877 display: -webkit-box; 1877 display: -webkit-box;
1878 display: -ms-flexbox; 1878 display: -ms-flexbox;
1879 display: flex; 1879 display: flex;
1880 -webkit-box-orient: vertical; 1880 -webkit-box-orient: vertical;
1881 -webkit-box-direction: normal; 1881 -webkit-box-direction: normal;
1882 -ms-flex-direction: column; 1882 -ms-flex-direction: column;
1883 flex-direction: column; 1883 flex-direction: column;
1884 gap: 16px; 1884 gap: 16px;
1885 } 1885 }
1886 @media (min-width: 768px) { 1886 @media (min-width: 768px) {
1887 .callback__bottom { 1887 .callback__bottom {
1888 -webkit-box-align: start; 1888 -webkit-box-align: start;
1889 -ms-flex-align: start; 1889 -ms-flex-align: start;
1890 align-items: flex-start; 1890 align-items: flex-start;
1891 } 1891 }
1892 } 1892 }
1893 @media (min-width: 992px) { 1893 @media (min-width: 992px) {
1894 .callback__bottom { 1894 .callback__bottom {
1895 width: 100%; 1895 width: 100%;
1896 gap: 20px; 1896 gap: 20px;
1897 } 1897 }
1898 } 1898 }
1899 1899
1900 .error .input, 1900 .error .input,
1901 .error .textarea { 1901 .error .textarea {
1902 border-color: #eb5757; 1902 border-color: #eb5757;
1903 } 1903 }
1904 .error label { 1904 .error label {
1905 display: block; 1905 display: block;
1906 } 1906 }
1907 1907
1908 .eye { 1908 .eye {
1909 position: absolute; 1909 position: absolute;
1910 z-index: 2; 1910 z-index: 2;
1911 top: 50%; 1911 top: 50%;
1912 -webkit-transform: translate(0, -50%); 1912 -webkit-transform: translate(0, -50%);
1913 -ms-transform: translate(0, -50%); 1913 -ms-transform: translate(0, -50%);
1914 transform: translate(0, -50%); 1914 transform: translate(0, -50%);
1915 right: 10px; 1915 right: 10px;
1916 aspect-ratio: 1/1; 1916 aspect-ratio: 1/1;
1917 width: 16px; 1917 width: 16px;
1918 padding: 0; 1918 padding: 0;
1919 border: none; 1919 border: none;
1920 background: none; 1920 background: none;
1921 color: #9c9d9d; 1921 color: #9c9d9d;
1922 } 1922 }
1923 @media (min-width: 768px) { 1923 @media (min-width: 768px) {
1924 .eye { 1924 .eye {
1925 width: 24px; 1925 width: 24px;
1926 right: 20px; 1926 right: 20px;
1927 } 1927 }
1928 } 1928 }
1929 .eye svg { 1929 .eye svg {
1930 position: absolute; 1930 position: absolute;
1931 top: 0; 1931 top: 0;
1932 left: 0; 1932 left: 0;
1933 width: 100%; 1933 width: 100%;
1934 height: 100%; 1934 height: 100%;
1935 } 1935 }
1936 .eye svg + svg { 1936 .eye svg + svg {
1937 display: none; 1937 display: none;
1938 } 1938 }
1939 .eye.active { 1939 .eye.active {
1940 color: #377d87; 1940 color: #377d87;
1941 } 1941 }
1942 .eye.active svg { 1942 .eye.active svg {
1943 display: none; 1943 display: none;
1944 } 1944 }
1945 .eye.active svg + svg { 1945 .eye.active svg + svg {
1946 display: block; 1946 display: block;
1947 } 1947 }
1948 1948
1949 .del { 1949 .del {
1950 width: 32px; 1950 width: 32px;
1951 aspect-ratio: 1/1; 1951 aspect-ratio: 1/1;
1952 background: #377d87; 1952 background: #377d87;
1953 color: #fff; 1953 color: #fff;
1954 display: -webkit-box; 1954 display: -webkit-box;
1955 display: -ms-flexbox; 1955 display: -ms-flexbox;
1956 display: flex; 1956 display: flex;
1957 -webkit-box-pack: center; 1957 -webkit-box-pack: center;
1958 -ms-flex-pack: center; 1958 -ms-flex-pack: center;
1959 justify-content: center; 1959 justify-content: center;
1960 -webkit-box-align: center; 1960 -webkit-box-align: center;
1961 -ms-flex-align: center; 1961 -ms-flex-align: center;
1962 align-items: center; 1962 align-items: center;
1963 border-radius: 8px; 1963 border-radius: 8px;
1964 padding: 0; 1964 padding: 0;
1965 border: 1px solid #377d87; 1965 border: 1px solid #377d87;
1966 } 1966 }
1967 .del:hover { 1967 .del:hover {
1968 background: #fff; 1968 background: #fff;
1969 color: #377d87; 1969 color: #377d87;
1970 } 1970 }
1971 .del svg { 1971 .del svg {
1972 width: 50%; 1972 width: 50%;
1973 aspect-ratio: 1/1; 1973 aspect-ratio: 1/1;
1974 } 1974 }
1975 1975
1976 .notify { 1976 .notify {
1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978 padding: 6px 12px; 1978 padding: 6px 12px;
1979 border-radius: 8px; 1979 border-radius: 8px;
1980 display: -webkit-box; 1980 display: -webkit-box;
1981 display: -ms-flexbox; 1981 display: -ms-flexbox;
1982 display: flex; 1982 display: flex;
1983 -webkit-box-align: start; 1983 -webkit-box-align: start;
1984 -ms-flex-align: start; 1984 -ms-flex-align: start;
1985 align-items: flex-start; 1985 align-items: flex-start;
1986 } 1986 }
1987 @media (min-width: 768px) { 1987 @media (min-width: 768px) {
1988 .notify { 1988 .notify {
1989 padding: 12px 20px; 1989 padding: 12px 20px;
1990 } 1990 }
1991 } 1991 }
1992 .notify_red { 1992 .notify_red {
1993 background: #f9cdcd; 1993 background: #f9cdcd;
1994 } 1994 }
1995 .notify svg { 1995 .notify svg {
1996 color: #4d88d9; 1996 color: #4d88d9;
1997 width: 20px; 1997 width: 20px;
1998 aspect-ratio: 1/1; 1998 aspect-ratio: 1/1;
1999 } 1999 }
2000 .notify span { 2000 .notify span {
2001 font-size: 12px; 2001 font-size: 12px;
2002 padding-left: 10px; 2002 padding-left: 10px;
2003 min-height: 20px; 2003 min-height: 20px;
2004 display: -webkit-box; 2004 display: -webkit-box;
2005 display: -ms-flexbox; 2005 display: -ms-flexbox;
2006 display: flex; 2006 display: flex;
2007 -webkit-box-align: center; 2007 -webkit-box-align: center;
2008 -ms-flex-align: center; 2008 -ms-flex-align: center;
2009 align-items: center; 2009 align-items: center;
2010 } 2010 }
2011 @media (min-width: 768px) { 2011 @media (min-width: 768px) {
2012 .notify span { 2012 .notify span {
2013 font-size: 16px; 2013 font-size: 16px;
2014 } 2014 }
2015 } 2015 }
2016 2016
2017 .table { 2017 .table {
2018 margin: 0 -10px; 2018 margin: 0 -10px;
2019 display: -webkit-box; 2019 display: -webkit-box;
2020 display: -ms-flexbox; 2020 display: -ms-flexbox;
2021 display: flex; 2021 display: flex;
2022 -webkit-box-orient: vertical; 2022 -webkit-box-orient: vertical;
2023 -webkit-box-direction: reverse; 2023 -webkit-box-direction: reverse;
2024 -ms-flex-direction: column-reverse; 2024 -ms-flex-direction: column-reverse;
2025 flex-direction: column-reverse; 2025 flex-direction: column-reverse;
2026 -webkit-box-align: center; 2026 -webkit-box-align: center;
2027 -ms-flex-align: center; 2027 -ms-flex-align: center;
2028 align-items: center; 2028 align-items: center;
2029 gap: 20px; 2029 gap: 20px;
2030 } 2030 }
2031 @media (min-width: 768px) { 2031 @media (min-width: 768px) {
2032 .table { 2032 .table {
2033 margin: 0; 2033 margin: 0;
2034 gap: 30px; 2034 gap: 30px;
2035 } 2035 }
2036 } 2036 }
2037 .table__button { 2037 .table__button {
2038 display: none; 2038 display: none;
2039 } 2039 }
2040 .table_spoiler .table__button { 2040 .table_spoiler .table__button {
2041 display: -webkit-box; 2041 display: -webkit-box;
2042 display: -ms-flexbox; 2042 display: -ms-flexbox;
2043 display: flex; 2043 display: flex;
2044 } 2044 }
2045 .table__scroll { 2045 .table__scroll {
2046 overflow: hidden; 2046 overflow: hidden;
2047 overflow-x: auto; 2047 overflow-x: auto;
2048 padding: 0 10px; 2048 padding: 0 10px;
2049 width: 100%; 2049 width: 100%;
2050 } 2050 }
2051 @media (min-width: 768px) { 2051 @media (min-width: 768px) {
2052 .table__scroll { 2052 .table__scroll {
2053 padding: 0; 2053 padding: 0;
2054 } 2054 }
2055 } 2055 }
2056 .table__body { 2056 .table__body {
2057 border-radius: 8px; 2057 border-radius: 8px;
2058 overflow: hidden; 2058 overflow: hidden;
2059 } 2059 }
2060 .table__body_min-width { 2060 .table__body_min-width {
2061 min-width: 580px; 2061 min-width: 580px;
2062 } 2062 }
2063 .table table { 2063 .table table {
2064 border-collapse: collapse; 2064 border-collapse: collapse;
2065 width: 100%; 2065 width: 100%;
2066 font-size: 12px; 2066 font-size: 12px;
2067 border-radius: 8px; 2067 border-radius: 8px;
2068 } 2068 }
2069 @media (min-width: 768px) { 2069 @media (min-width: 768px) {
2070 .table table { 2070 .table table {
2071 font-size: 14px; 2071 font-size: 14px;
2072 } 2072 }
2073 } 2073 }
2074 @media (min-width: 1280px) { 2074 @media (min-width: 1280px) {
2075 .table table { 2075 .table table {
2076 font-size: 16px; 2076 font-size: 16px;
2077 } 2077 }
2078 } 2078 }
2079 .table thead tr th, 2079 .table thead tr th,
2080 .table thead tr td { 2080 .table thead tr td {
2081 background: #377d87; 2081 background: #377d87;
2082 color: #fff; 2082 color: #fff;
2083 font-weight: 700; 2083 font-weight: 700;
2084 border-top-color: #377d87; 2084 border-top-color: #377d87;
2085 } 2085 }
2086 .table thead tr th:first-child, 2086 .table thead tr th:first-child,
2087 .table thead tr td:first-child { 2087 .table thead tr td:first-child {
2088 border-left-color: #377d87; 2088 border-left-color: #377d87;
2089 } 2089 }
2090 .table thead tr th:last-child, 2090 .table thead tr th:last-child,
2091 .table thead tr td:last-child { 2091 .table thead tr td:last-child {
2092 border-right-color: #377d87; 2092 border-right-color: #377d87;
2093 } 2093 }
2094 .table_spoiler tr { 2094 .table_spoiler tr {
2095 /*display: none;*/ 2095 /*display: none;*/
2096 } 2096 }
2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2098 display: table-row; 2098 display: table-row;
2099 } 2099 }
2100 .table_spoiler.active tr { 2100 .table_spoiler.active tr {
2101 display: table-row; 2101 display: table-row;
2102 } 2102 }
2103 .table th, 2103 .table th,
2104 .table td { 2104 .table td {
2105 text-align: left; 2105 text-align: left;
2106 padding: 10px; 2106 padding: 10px;
2107 border: 1px solid #cecece; 2107 border: 1px solid #cecece;
2108 } 2108 }
2109 @media (min-width: 768px) { 2109 @media (min-width: 768px) {
2110 .table td { 2110 .table td {
2111 padding: 14px 10px; 2111 padding: 14px 10px;
2112 } 2112 }
2113 } 2113 }
2114 .table__status { 2114 .table__status {
2115 color: #9c9d9d; 2115 color: #9c9d9d;
2116 display: -webkit-box; 2116 display: -webkit-box;
2117 display: -ms-flexbox; 2117 display: -ms-flexbox;
2118 display: flex; 2118 display: flex;
2119 -webkit-box-align: center; 2119 -webkit-box-align: center;
2120 -ms-flex-align: center; 2120 -ms-flex-align: center;
2121 align-items: center; 2121 align-items: center;
2122 gap: 6px; 2122 gap: 6px;
2123 position: relative; 2123 position: relative;
2124 padding-left: 14px; 2124 padding-left: 14px;
2125 } 2125 }
2126 .table__status i { 2126 .table__status i {
2127 background: #9c9d9d; 2127 background: #9c9d9d;
2128 width: 8px; 2128 width: 8px;
2129 aspect-ratio: 1/1; 2129 aspect-ratio: 1/1;
2130 border-radius: 999px; 2130 border-radius: 999px;
2131 position: absolute; 2131 position: absolute;
2132 top: 4px; 2132 top: 4px;
2133 left: 0; 2133 left: 0;
2134 } 2134 }
2135 .table__status.green { 2135 .table__status.green {
2136 color: #377d87; 2136 color: #377d87;
2137 } 2137 }
2138 .table__status.green i { 2138 .table__status.green i {
2139 background: #377d87; 2139 background: #377d87;
2140 } 2140 }
2141 .table__link { 2141 .table__link {
2142 display: -webkit-box; 2142 display: -webkit-box;
2143 display: -ms-flexbox; 2143 display: -ms-flexbox;
2144 display: flex; 2144 display: flex;
2145 -webkit-box-align: center; 2145 -webkit-box-align: center;
2146 -ms-flex-align: center; 2146 -ms-flex-align: center;
2147 align-items: center; 2147 align-items: center;
2148 gap: 4px; 2148 gap: 4px;
2149 color: #4d88d9; 2149 color: #4d88d9;
2150 } 2150 }
2151 @media (min-width: 768px) { 2151 @media (min-width: 768px) {
2152 .table__link { 2152 .table__link {
2153 gap: 6px; 2153 gap: 6px;
2154 } 2154 }
2155 } 2155 }
2156 .table__link:hover { 2156 .table__link:hover {
2157 color: #000; 2157 color: #000;
2158 } 2158 }
2159 .table__link svg { 2159 .table__link svg {
2160 width: 12px; 2160 width: 12px;
2161 aspect-ratio: 1/1; 2161 aspect-ratio: 1/1;
2162 } 2162 }
2163 @media (min-width: 768px) { 2163 @media (min-width: 768px) {
2164 .table__link svg { 2164 .table__link svg {
2165 width: 16px; 2165 width: 16px;
2166 } 2166 }
2167 } 2167 }
2168 .table__controls { 2168 .table__controls {
2169 display: -webkit-box; 2169 display: -webkit-box;
2170 display: -ms-flexbox; 2170 display: -ms-flexbox;
2171 display: flex; 2171 display: flex;
2172 -webkit-box-align: center; 2172 -webkit-box-align: center;
2173 -ms-flex-align: center; 2173 -ms-flex-align: center;
2174 align-items: center; 2174 align-items: center;
2175 gap: 8px; 2175 gap: 8px;
2176 } 2176 }
2177 @media (min-width: 1280px) { 2177 @media (min-width: 1280px) {
2178 .table__controls { 2178 .table__controls {
2179 gap: 12px; 2179 gap: 12px;
2180 } 2180 }
2181 } 2181 }
2182 .table__controls-item { 2182 .table__controls-item {
2183 width: 24px; 2183 width: 24px;
2184 aspect-ratio: 1/1; 2184 aspect-ratio: 1/1;
2185 display: -webkit-box; 2185 display: -webkit-box;
2186 display: -ms-flexbox; 2186 display: -ms-flexbox;
2187 display: flex; 2187 display: flex;
2188 -webkit-box-pack: center; 2188 -webkit-box-pack: center;
2189 -ms-flex-pack: center; 2189 -ms-flex-pack: center;
2190 justify-content: center; 2190 justify-content: center;
2191 -webkit-box-align: center; 2191 -webkit-box-align: center;
2192 -ms-flex-align: center; 2192 -ms-flex-align: center;
2193 align-items: center; 2193 align-items: center;
2194 border: 1px solid #377d87; 2194 border: 1px solid #377d87;
2195 border-radius: 8px; 2195 border-radius: 8px;
2196 color: #377d87; 2196 color: #377d87;
2197 background: none; 2197 background: none;
2198 padding: 0; 2198 padding: 0;
2199 } 2199 }
2200 @media (min-width: 1280px) { 2200 @media (min-width: 1280px) {
2201 .table__controls-item { 2201 .table__controls-item {
2202 width: 30px; 2202 width: 30px;
2203 } 2203 }
2204 } 2204 }
2205 .table__controls-item:hover { 2205 .table__controls-item:hover {
2206 background: #377d87; 2206 background: #377d87;
2207 color: #fff; 2207 color: #fff;
2208 } 2208 }
2209 .table__controls-item svg { 2209 .table__controls-item svg {
2210 width: 60%; 2210 width: 60%;
2211 aspect-ratio: 1/1; 2211 aspect-ratio: 1/1;
2212 } 2212 }
2213 .table__controls-item:nth-of-type(4) svg { 2213 .table__controls-item:nth-of-type(4) svg {
2214 width: 80%; 2214 width: 80%;
2215 } 2215 }
2216 2216
2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218 display: none; 2218 display: none;
2219 } 2219 }
2220 .gl-star-rating--stars span { 2220 .gl-star-rating--stars span {
2221 width: 22px !important; 2221 width: 22px !important;
2222 height: 22px !important; 2222 height: 22px !important;
2223 background-size: 22px 22px !important; 2223 background-size: 22px 22px !important;
2224 } 2224 }
2225 @media (min-width: 768px) { 2225 @media (min-width: 768px) {
2226 .gl-star-rating--stars span { 2226 .gl-star-rating--stars span {
2227 width: 30px !important; 2227 width: 30px !important;
2228 height: 30px !important; 2228 height: 30px !important;
2229 background-size: 30px 30px !important; 2229 background-size: 30px 30px !important;
2230 } 2230 }
2231 } 2231 }
2232 2232
2233 .more { 2233 .more {
2234 display: -webkit-box; 2234 display: -webkit-box;
2235 display: -ms-flexbox; 2235 display: -ms-flexbox;
2236 display: flex; 2236 display: flex;
2237 -webkit-box-orient: vertical; 2237 -webkit-box-orient: vertical;
2238 -webkit-box-direction: normal; 2238 -webkit-box-direction: normal;
2239 -ms-flex-direction: column; 2239 -ms-flex-direction: column;
2240 flex-direction: column; 2240 flex-direction: column;
2241 -webkit-box-align: center; 2241 -webkit-box-align: center;
2242 -ms-flex-align: center; 2242 -ms-flex-align: center;
2243 align-items: center; 2243 align-items: center;
2244 } 2244 }
2245 .more_mt { 2245 .more_mt {
2246 margin-top: 20px; 2246 margin-top: 20px;
2247 } 2247 }
2248 .more .button { 2248 .more .button {
2249 min-width: 100px; 2249 min-width: 100px;
2250 padding: 0; 2250 padding: 0;
2251 } 2251 }
2252 @media (min-width: 768px) { 2252 @media (min-width: 768px) {
2253 .more .button { 2253 .more .button {
2254 min-width: 180px; 2254 min-width: 180px;
2255 } 2255 }
2256 } 2256 }
2257 2257
2258 .header { 2258 .header {
2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 background: #fff; 2261 background: #fff;
2262 position: relative; 2262 position: relative;
2263 z-index: 5; 2263 z-index: 5;
2264 overflow: hidden; 2264 overflow: hidden;
2265 } 2265 }
2266 @media (min-width: 768px) { 2266 @media (min-width: 768px) {
2267 .header { 2267 .header {
2268 -webkit-box-shadow: none; 2268 -webkit-box-shadow: none;
2269 box-shadow: none; 2269 box-shadow: none;
2270 } 2270 }
2271 } 2271 }
2272 .header__body { 2272 .header__body {
2273 height: 42px; 2273 height: 42px;
2274 display: -webkit-box; 2274 display: -webkit-box;
2275 display: -ms-flexbox; 2275 display: -ms-flexbox;
2276 display: flex; 2276 display: flex;
2277 -webkit-box-pack: justify; 2277 -webkit-box-pack: justify;
2278 -ms-flex-pack: justify; 2278 -ms-flex-pack: justify;
2279 justify-content: space-between; 2279 justify-content: space-between;
2280 -webkit-box-align: center; 2280 -webkit-box-align: center;
2281 -ms-flex-align: center; 2281 -ms-flex-align: center;
2282 align-items: center; 2282 align-items: center;
2283 } 2283 }
2284 @media (min-width: 768px) { 2284 @media (min-width: 768px) {
2285 .header__body { 2285 .header__body {
2286 height: 70px; 2286 height: 70px;
2287 } 2287 }
2288 } 2288 }
2289 .header__left { 2289 .header__left {
2290 display: -webkit-box; 2290 display: -webkit-box;
2291 display: -ms-flexbox; 2291 display: -ms-flexbox;
2292 display: flex; 2292 display: flex;
2293 -webkit-box-align: center; 2293 -webkit-box-align: center;
2294 -ms-flex-align: center; 2294 -ms-flex-align: center;
2295 align-items: center; 2295 align-items: center;
2296 gap: 40px; 2296 gap: 40px;
2297 } 2297 }
2298 .header__right { 2298 .header__right {
2299 display: -webkit-box; 2299 display: -webkit-box;
2300 display: -ms-flexbox; 2300 display: -ms-flexbox;
2301 display: flex; 2301 display: flex;
2302 -webkit-box-align: center; 2302 -webkit-box-align: center;
2303 -ms-flex-align: center; 2303 -ms-flex-align: center;
2304 align-items: center; 2304 align-items: center;
2305 gap: 14px; 2305 gap: 14px;
2306 } 2306 }
2307 @media (min-width: 768px) { 2307 @media (min-width: 768px) {
2308 .header__right { 2308 .header__right {
2309 gap: 20px; 2309 gap: 20px;
2310 } 2310 }
2311 } 2311 }
2312 .header__right-line { 2312 .header__right-line {
2313 width: 1px; 2313 width: 1px;
2314 height: 32px; 2314 height: 32px;
2315 background: #e6e7e7; 2315 background: #e6e7e7;
2316 border-radius: 999px; 2316 border-radius: 999px;
2317 } 2317 }
2318 @media (min-width: 992px) { 2318 @media (min-width: 992px) {
2319 .header__right-line { 2319 .header__right-line {
2320 display: none; 2320 display: none;
2321 } 2321 }
2322 } 2322 }
2323 .header__logo { 2323 .header__logo {
2324 display: -webkit-box; 2324 display: -webkit-box;
2325 display: -ms-flexbox; 2325 display: -ms-flexbox;
2326 display: flex; 2326 display: flex;
2327 -webkit-box-align: center; 2327 -webkit-box-align: center;
2328 -ms-flex-align: center; 2328 -ms-flex-align: center;
2329 align-items: center; 2329 align-items: center;
2330 -webkit-box-pack: center; 2330 -webkit-box-pack: center;
2331 -ms-flex-pack: center; 2331 -ms-flex-pack: center;
2332 justify-content: center; 2332 justify-content: center;
2333 color: #377d87; 2333 color: #377d87;
2334 } 2334 }
2335 .header__logo svg { 2335 .header__logo svg {
2336 width: 105px; 2336 width: 105px;
2337 height: 31px; 2337 height: 31px;
2338 } 2338 }
2339 @media (min-width: 768px) { 2339 @media (min-width: 768px) {
2340 .header__logo svg { 2340 .header__logo svg {
2341 width: 182px; 2341 width: 182px;
2342 height: 54px; 2342 height: 54px;
2343 } 2343 }
2344 } 2344 }
2345 .header__menu { 2345 .header__menu {
2346 display: none; 2346 display: none;
2347 -webkit-box-align: center; 2347 -webkit-box-align: center;
2348 -ms-flex-align: center; 2348 -ms-flex-align: center;
2349 align-items: center; 2349 align-items: center;
2350 gap: 20px; 2350 gap: 20px;
2351 } 2351 }
2352 @media (min-width: 768px) { 2352 @media (min-width: 768px) {
2353 .header__menu { 2353 .header__menu {
2354 display: -webkit-box; 2354 display: -webkit-box;
2355 display: -ms-flexbox; 2355 display: -ms-flexbox;
2356 display: flex; 2356 display: flex;
2357 } 2357 }
2358 } 2358 }
2359 .header__menu-item:hover { 2359 .header__menu-item:hover {
2360 color: #377d87; 2360 color: #377d87;
2361 } 2361 }
2362 .header__notifs { 2362 .header__notifs {
2363 display: -webkit-box; 2363 display: -webkit-box;
2364 display: -ms-flexbox; 2364 display: -ms-flexbox;
2365 display: flex; 2365 display: flex;
2366 -webkit-box-align: center; 2366 -webkit-box-align: center;
2367 -ms-flex-align: center; 2367 -ms-flex-align: center;
2368 align-items: center; 2368 align-items: center;
2369 -webkit-box-pack: center; 2369 -webkit-box-pack: center;
2370 -ms-flex-pack: center; 2370 -ms-flex-pack: center;
2371 justify-content: center; 2371 justify-content: center;
2372 color: #377d87; 2372 color: #377d87;
2373 padding: 0; 2373 padding: 0;
2374 border: none; 2374 border: none;
2375 background: none; 2375 background: none;
2376 width: 24px; 2376 width: 24px;
2377 height: 24px; 2377 height: 24px;
2378 } 2378 }
2379 @media (min-width: 992px) { 2379 @media (min-width: 992px) {
2380 .header__notifs { 2380 .header__notifs {
2381 width: auto; 2381 width: auto;
2382 height: auto; 2382 height: auto;
2383 color: #000; 2383 color: #000;
2384 line-height: 1.4; 2384 line-height: 1.4;
2385 } 2385 }
2386 } 2386 }
2387 @media (min-width: 992px) { 2387 @media (min-width: 992px) {
2388 .header__notifs:hover { 2388 .header__notifs:hover {
2389 color: #377d87; 2389 color: #377d87;
2390 } 2390 }
2391 } 2391 }
2392 .header__notifs svg { 2392 .header__notifs svg {
2393 width: 20px; 2393 width: 20px;
2394 height: 20px; 2394 height: 20px;
2395 } 2395 }
2396 @media (min-width: 992px) { 2396 @media (min-width: 992px) {
2397 .header__notifs svg { 2397 .header__notifs svg {
2398 display: none; 2398 display: none;
2399 } 2399 }
2400 } 2400 }
2401 .header__notifs span { 2401 .header__notifs span {
2402 display: none; 2402 display: none;
2403 } 2403 }
2404 @media (min-width: 992px) { 2404 @media (min-width: 992px) {
2405 .header__notifs span { 2405 .header__notifs span {
2406 display: inline; 2406 display: inline;
2407 } 2407 }
2408 } 2408 }
2409 .header__notifs_actived { 2409 .header__notifs_actived {
2410 position: relative; 2410 position: relative;
2411 } 2411 }
2412 @media (min-width: 992px) { 2412 @media (min-width: 992px) {
2413 .header__notifs_actived { 2413 .header__notifs_actived {
2414 padding-right: 12px; 2414 padding-right: 12px;
2415 } 2415 }
2416 } 2416 }
2417 .header__notifs_actived:after { 2417 .header__notifs_actived:after {
2418 content: ""; 2418 content: "";
2419 border: 1px solid #fff; 2419 border: 1px solid #fff;
2420 background: #377d87; 2420 background: #377d87;
2421 border-radius: 999px; 2421 border-radius: 999px;
2422 width: 10px; 2422 width: 10px;
2423 height: 10px; 2423 height: 10px;
2424 position: absolute; 2424 position: absolute;
2425 z-index: 1; 2425 z-index: 1;
2426 top: 0; 2426 top: 0;
2427 right: 0; 2427 right: 0;
2428 } 2428 }
2429 @media (min-width: 992px) { 2429 @media (min-width: 992px) {
2430 .header__notifs_actived:after { 2430 .header__notifs_actived:after {
2431 width: 8px; 2431 width: 8px;
2432 height: 8px; 2432 height: 8px;
2433 border: none; 2433 border: none;
2434 } 2434 }
2435 } 2435 }
2436 .header__burger { 2436 .header__burger {
2437 display: -webkit-box; 2437 display: -webkit-box;
2438 display: -ms-flexbox; 2438 display: -ms-flexbox;
2439 display: flex; 2439 display: flex;
2440 -webkit-box-align: center; 2440 -webkit-box-align: center;
2441 -ms-flex-align: center; 2441 -ms-flex-align: center;
2442 align-items: center; 2442 align-items: center;
2443 -webkit-box-pack: center; 2443 -webkit-box-pack: center;
2444 -ms-flex-pack: center; 2444 -ms-flex-pack: center;
2445 justify-content: center; 2445 justify-content: center;
2446 width: 24px; 2446 width: 24px;
2447 height: 24px; 2447 height: 24px;
2448 color: #377d87; 2448 color: #377d87;
2449 padding: 0; 2449 padding: 0;
2450 border: none; 2450 border: none;
2451 background: none; 2451 background: none;
2452 } 2452 }
2453 @media (min-width: 992px) { 2453 @media (min-width: 992px) {
2454 .header__burger { 2454 .header__burger {
2455 display: none; 2455 display: none;
2456 } 2456 }
2457 } 2457 }
2458 .header__burger svg { 2458 .header__burger svg {
2459 width: 20px; 2459 width: 20px;
2460 height: 20px; 2460 height: 20px;
2461 } 2461 }
2462 .header__burger svg + svg { 2462 .header__burger svg + svg {
2463 display: none; 2463 display: none;
2464 } 2464 }
2465 .header__sign { 2465 .header__sign {
2466 display: none; 2466 display: none;
2467 } 2467 }
2468 @media (min-width: 992px) { 2468 @media (min-width: 992px) {
2469 .header__sign { 2469 .header__sign {
2470 display: -webkit-box; 2470 display: -webkit-box;
2471 display: -ms-flexbox; 2471 display: -ms-flexbox;
2472 display: flex; 2472 display: flex;
2473 } 2473 }
2474 } 2474 }
2475 2475
2476 .mob-menu { 2476 .mob-menu {
2477 display: none; 2477 display: none;
2478 position: fixed; 2478 position: fixed;
2479 bottom: 0; 2479 bottom: 0;
2480 left: 0; 2480 left: 0;
2481 width: 100vw; 2481 width: 100vw;
2482 height: calc(100vh - 42px); 2482 height: calc(100vh - 42px);
2483 z-index: 4; 2483 z-index: 4;
2484 background: #fff; 2484 background: #fff;
2485 overflow: hidden; 2485 overflow: hidden;
2486 overflow-y: auto; 2486 overflow-y: auto;
2487 padding: 50px 0; 2487 padding: 50px 0;
2488 } 2488 }
2489 .mob-menu__bottom { 2489 .mob-menu__bottom {
2490 display: -webkit-box; 2490 display: -webkit-box;
2491 display: -ms-flexbox; 2491 display: -ms-flexbox;
2492 display: flex; 2492 display: flex;
2493 -webkit-box-orient: vertical; 2493 -webkit-box-orient: vertical;
2494 -webkit-box-direction: normal; 2494 -webkit-box-direction: normal;
2495 -ms-flex-direction: column; 2495 -ms-flex-direction: column;
2496 flex-direction: column; 2496 flex-direction: column;
2497 -webkit-box-align: center; 2497 -webkit-box-align: center;
2498 -ms-flex-align: center; 2498 -ms-flex-align: center;
2499 align-items: center; 2499 align-items: center;
2500 margin-top: 80px; 2500 margin-top: 80px;
2501 } 2501 }
2502 .mob-menu__bottom .button { 2502 .mob-menu__bottom .button {
2503 min-width: 120px; 2503 min-width: 120px;
2504 } 2504 }
2505 .mob-menu__bottom-link { 2505 .mob-menu__bottom-link {
2506 text-decoration: underline; 2506 text-decoration: underline;
2507 margin-top: 50px; 2507 margin-top: 50px;
2508 } 2508 }
2509 .mob-menu__bottom-link:hover { 2509 .mob-menu__bottom-link:hover {
2510 color: #377d87; 2510 color: #377d87;
2511 } 2511 }
2512 .mob-menu__bottom-link + .mob-menu__bottom-link { 2512 .mob-menu__bottom-link + .mob-menu__bottom-link {
2513 margin-top: 10px; 2513 margin-top: 10px;
2514 } 2514 }
2515 .mob-menu__bottom .socials { 2515 .mob-menu__bottom .socials {
2516 margin-top: 35px; 2516 margin-top: 35px;
2517 } 2517 }
2518 .mob-menu .footer__mobile-menu { 2518 .mob-menu .footer__mobile-menu {
2519 opacity: 1; 2519 opacity: 1;
2520 height: auto; 2520 height: auto;
2521 overflow: visible; 2521 overflow: visible;
2522 } 2522 }
2523 .mob-menu .footer__mobile-menu-item button { 2523 .mob-menu .footer__mobile-menu-item button {
2524 -webkit-box-align: center; 2524 -webkit-box-align: center;
2525 -ms-flex-align: center; 2525 -ms-flex-align: center;
2526 align-items: center; 2526 align-items: center;
2527 } 2527 }
2528 .mob-menu .footer__mobile-menu-item div { 2528 .mob-menu .footer__mobile-menu-item div {
2529 font-size: 20px; 2529 font-size: 20px;
2530 } 2530 }
2531 .mob-menu .footer__mobile-contacts a { 2531 .mob-menu .footer__mobile-contacts a {
2532 font-size: 20px; 2532 font-size: 20px;
2533 font-weight: 700; 2533 font-weight: 700;
2534 color: #000; 2534 color: #000;
2535 text-decoration: none; 2535 text-decoration: none;
2536 } 2536 }
2537 .mob-menu .footer__mobile-contacts a:hover { 2537 .mob-menu .footer__mobile-contacts a:hover {
2538 color: #377d87; 2538 color: #377d87;
2539 } 2539 }
2540 .mob-menu .footer__mobile-menu-item button b, 2540 .mob-menu .footer__mobile-menu-item button b,
2541 .mob-menu .footer__mobile-contacts a { 2541 .mob-menu .footer__mobile-contacts a {
2542 font-size: 30px; 2542 font-size: 30px;
2543 } 2543 }
2544 2544
2545 .menu-is-actived { 2545 .menu-is-actived {
2546 overflow: hidden; 2546 overflow: hidden;
2547 } 2547 }
2548 @media (min-width: 992px) { 2548 @media (min-width: 992px) {
2549 .menu-is-actived { 2549 .menu-is-actived {
2550 overflow: auto; 2550 overflow: auto;
2551 } 2551 }
2552 } 2552 }
2553 .menu-is-actived .header__burger svg { 2553 .menu-is-actived .header__burger svg {
2554 display: none; 2554 display: none;
2555 } 2555 }
2556 .menu-is-actived .header__burger svg + svg { 2556 .menu-is-actived .header__burger svg + svg {
2557 display: block; 2557 display: block;
2558 } 2558 }
2559 .menu-is-actived .mob-menu { 2559 .menu-is-actived .mob-menu {
2560 display: block; 2560 display: block;
2561 } 2561 }
2562 @media (min-width: 992px) { 2562 @media (min-width: 992px) {
2563 .menu-is-actived .mob-menu { 2563 .menu-is-actived .mob-menu {
2564 display: none; 2564 display: none;
2565 } 2565 }
2566 } 2566 }
2567 2567
2568 .footer { 2568 .footer {
2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 background: #fff; 2571 background: #fff;
2572 position: relative; 2572 position: relative;
2573 z-index: 1; 2573 z-index: 1;
2574 overflow: hidden; 2574 overflow: hidden;
2575 } 2575 }
2576 .footer__mobile { 2576 .footer__mobile {
2577 display: -webkit-box; 2577 display: -webkit-box;
2578 display: -ms-flexbox; 2578 display: -ms-flexbox;
2579 display: flex; 2579 display: flex;
2580 -webkit-box-orient: vertical; 2580 -webkit-box-orient: vertical;
2581 -webkit-box-direction: normal; 2581 -webkit-box-direction: normal;
2582 -ms-flex-direction: column; 2582 -ms-flex-direction: column;
2583 flex-direction: column; 2583 flex-direction: column;
2584 padding: 25px 0 30px 0; 2584 padding: 25px 0 30px 0;
2585 } 2585 }
2586 @media (min-width: 768px) { 2586 @media (min-width: 768px) {
2587 .footer__mobile { 2587 .footer__mobile {
2588 padding: 30px 0; 2588 padding: 30px 0;
2589 } 2589 }
2590 } 2590 }
2591 @media (min-width: 992px) { 2591 @media (min-width: 992px) {
2592 .footer__mobile { 2592 .footer__mobile {
2593 display: none; 2593 display: none;
2594 } 2594 }
2595 } 2595 }
2596 .footer__mobile-toper { 2596 .footer__mobile-toper {
2597 display: -webkit-box; 2597 display: -webkit-box;
2598 display: -ms-flexbox; 2598 display: -ms-flexbox;
2599 display: flex; 2599 display: flex;
2600 -webkit-box-pack: justify; 2600 -webkit-box-pack: justify;
2601 -ms-flex-pack: justify; 2601 -ms-flex-pack: justify;
2602 justify-content: space-between; 2602 justify-content: space-between;
2603 -webkit-box-align: center; 2603 -webkit-box-align: center;
2604 -ms-flex-align: center; 2604 -ms-flex-align: center;
2605 align-items: center; 2605 align-items: center;
2606 padding: 0; 2606 padding: 0;
2607 border: none; 2607 border: none;
2608 background: none; 2608 background: none;
2609 } 2609 }
2610 .footer__mobile-toper a, 2610 .footer__mobile-toper a,
2611 .footer__mobile-toper b { 2611 .footer__mobile-toper b {
2612 display: -webkit-box; 2612 display: -webkit-box;
2613 display: -ms-flexbox; 2613 display: -ms-flexbox;
2614 display: flex; 2614 display: flex;
2615 -webkit-box-pack: center; 2615 -webkit-box-pack: center;
2616 -ms-flex-pack: center; 2616 -ms-flex-pack: center;
2617 justify-content: center; 2617 justify-content: center;
2618 -webkit-box-align: center; 2618 -webkit-box-align: center;
2619 -ms-flex-align: center; 2619 -ms-flex-align: center;
2620 align-items: center; 2620 align-items: center;
2621 color: #377d87; 2621 color: #377d87;
2622 } 2622 }
2623 .footer__mobile-toper a svg, 2623 .footer__mobile-toper a svg,
2624 .footer__mobile-toper b svg { 2624 .footer__mobile-toper b svg {
2625 width: 137px; 2625 width: 137px;
2626 height: 40px; 2626 height: 40px;
2627 } 2627 }
2628 .footer__mobile-toper span { 2628 .footer__mobile-toper span {
2629 width: 40px; 2629 width: 40px;
2630 height: 40px; 2630 height: 40px;
2631 display: -webkit-box; 2631 display: -webkit-box;
2632 display: -ms-flexbox; 2632 display: -ms-flexbox;
2633 display: flex; 2633 display: flex;
2634 -webkit-box-pack: center; 2634 -webkit-box-pack: center;
2635 -ms-flex-pack: center; 2635 -ms-flex-pack: center;
2636 justify-content: center; 2636 justify-content: center;
2637 -webkit-box-align: center; 2637 -webkit-box-align: center;
2638 -ms-flex-align: center; 2638 -ms-flex-align: center;
2639 align-items: center; 2639 align-items: center;
2640 background: #377d87; 2640 background: #377d87;
2641 color: #fff; 2641 color: #fff;
2642 border-radius: 999px; 2642 border-radius: 999px;
2643 } 2643 }
2644 .footer__mobile-toper span svg { 2644 .footer__mobile-toper span svg {
2645 width: 10px; 2645 width: 10px;
2646 height: 10px; 2646 height: 10px;
2647 -webkit-transition: 0.3s; 2647 -webkit-transition: 0.3s;
2648 transition: 0.3s; 2648 transition: 0.3s;
2649 } 2649 }
2650 .footer__mobile-toper.active span svg { 2650 .footer__mobile-toper.active span svg {
2651 -webkit-transform: rotate(180deg); 2651 -webkit-transform: rotate(180deg);
2652 -ms-transform: rotate(180deg); 2652 -ms-transform: rotate(180deg);
2653 transform: rotate(180deg); 2653 transform: rotate(180deg);
2654 } 2654 }
2655 .footer__mobile-menu { 2655 .footer__mobile-menu {
2656 height: 0; 2656 height: 0;
2657 opacity: 0; 2657 opacity: 0;
2658 overflow: hidden; 2658 overflow: hidden;
2659 -webkit-transition: 0.3s; 2659 -webkit-transition: 0.3s;
2660 transition: 0.3s; 2660 transition: 0.3s;
2661 display: -webkit-box; 2661 display: -webkit-box;
2662 display: -ms-flexbox; 2662 display: -ms-flexbox;
2663 display: flex; 2663 display: flex;
2664 -webkit-box-orient: vertical; 2664 -webkit-box-orient: vertical;
2665 -webkit-box-direction: normal; 2665 -webkit-box-direction: normal;
2666 -ms-flex-direction: column; 2666 -ms-flex-direction: column;
2667 flex-direction: column; 2667 flex-direction: column;
2668 gap: 30px; 2668 gap: 30px;
2669 } 2669 }
2670 @media (min-width: 768px) { 2670 @media (min-width: 768px) {
2671 .footer__mobile-menu { 2671 .footer__mobile-menu {
2672 display: grid; 2672 display: grid;
2673 grid-template-columns: 1fr 1fr; 2673 grid-template-columns: 1fr 1fr;
2674 gap: 100px; 2674 gap: 100px;
2675 } 2675 }
2676 } 2676 }
2677 .footer__mobile-menu-item { 2677 .footer__mobile-menu-item {
2678 display: -webkit-box; 2678 display: -webkit-box;
2679 display: -ms-flexbox; 2679 display: -ms-flexbox;
2680 display: flex; 2680 display: flex;
2681 -webkit-box-orient: vertical; 2681 -webkit-box-orient: vertical;
2682 -webkit-box-direction: normal; 2682 -webkit-box-direction: normal;
2683 -ms-flex-direction: column; 2683 -ms-flex-direction: column;
2684 flex-direction: column; 2684 flex-direction: column;
2685 } 2685 }
2686 .footer__mobile-menu-item button { 2686 .footer__mobile-menu-item button {
2687 display: -webkit-box; 2687 display: -webkit-box;
2688 display: -ms-flexbox; 2688 display: -ms-flexbox;
2689 display: flex; 2689 display: flex;
2690 -webkit-box-align: start; 2690 -webkit-box-align: start;
2691 -ms-flex-align: start; 2691 -ms-flex-align: start;
2692 align-items: flex-start; 2692 align-items: flex-start;
2693 padding: 0; 2693 padding: 0;
2694 border: none; 2694 border: none;
2695 background: none; 2695 background: none;
2696 } 2696 }
2697 .footer__mobile-menu-item button.active { 2697 .footer__mobile-menu-item button.active {
2698 color: #377d87; 2698 color: #377d87;
2699 } 2699 }
2700 .footer__mobile-menu-item button b { 2700 .footer__mobile-menu-item button b {
2701 width: calc(100% - 24px); 2701 width: calc(100% - 24px);
2702 padding-right: 12px; 2702 padding-right: 12px;
2703 min-height: 24px; 2703 min-height: 24px;
2704 display: -webkit-box; 2704 display: -webkit-box;
2705 display: -ms-flexbox; 2705 display: -ms-flexbox;
2706 display: flex; 2706 display: flex;
2707 -webkit-box-align: center; 2707 -webkit-box-align: center;
2708 -ms-flex-align: center; 2708 -ms-flex-align: center;
2709 align-items: center; 2709 align-items: center;
2710 font-size: 20px; 2710 font-size: 20px;
2711 font-weight: 700; 2711 font-weight: 700;
2712 } 2712 }
2713 .footer__mobile-menu-item button span { 2713 .footer__mobile-menu-item button span {
2714 width: 24px; 2714 width: 24px;
2715 height: 24px; 2715 height: 24px;
2716 display: -webkit-box; 2716 display: -webkit-box;
2717 display: -ms-flexbox; 2717 display: -ms-flexbox;
2718 display: flex; 2718 display: flex;
2719 -webkit-box-pack: center; 2719 -webkit-box-pack: center;
2720 -ms-flex-pack: center; 2720 -ms-flex-pack: center;
2721 justify-content: center; 2721 justify-content: center;
2722 -webkit-box-align: center; 2722 -webkit-box-align: center;
2723 -ms-flex-align: center; 2723 -ms-flex-align: center;
2724 align-items: center; 2724 align-items: center;
2725 padding: 0; 2725 padding: 0;
2726 border: none; 2726 border: none;
2727 background: none; 2727 background: none;
2728 } 2728 }
2729 .footer__mobile-menu-item button svg { 2729 .footer__mobile-menu-item button svg {
2730 width: 12px; 2730 width: 12px;
2731 height: 12px; 2731 height: 12px;
2732 -webkit-transition: 0.3s; 2732 -webkit-transition: 0.3s;
2733 transition: 0.3s; 2733 transition: 0.3s;
2734 -webkit-transform: rotate(180deg); 2734 -webkit-transform: rotate(180deg);
2735 -ms-transform: rotate(180deg); 2735 -ms-transform: rotate(180deg);
2736 transform: rotate(180deg); 2736 transform: rotate(180deg);
2737 } 2737 }
2738 .footer__mobile-menu-item button.active svg { 2738 .footer__mobile-menu-item button.active svg {
2739 -webkit-transform: rotate(0deg); 2739 -webkit-transform: rotate(0deg);
2740 -ms-transform: rotate(0deg); 2740 -ms-transform: rotate(0deg);
2741 transform: rotate(0deg); 2741 transform: rotate(0deg);
2742 } 2742 }
2743 .footer__mobile-menu-item div { 2743 .footer__mobile-menu-item div {
2744 height: 0; 2744 height: 0;
2745 opacity: 0; 2745 opacity: 0;
2746 overflow: hidden; 2746 overflow: hidden;
2747 -webkit-transition: 0.3s; 2747 -webkit-transition: 0.3s;
2748 transition: 0.3s; 2748 transition: 0.3s;
2749 display: -webkit-box; 2749 display: -webkit-box;
2750 display: -ms-flexbox; 2750 display: -ms-flexbox;
2751 display: flex; 2751 display: flex;
2752 -webkit-box-orient: vertical; 2752 -webkit-box-orient: vertical;
2753 -webkit-box-direction: normal; 2753 -webkit-box-direction: normal;
2754 -ms-flex-direction: column; 2754 -ms-flex-direction: column;
2755 flex-direction: column; 2755 flex-direction: column;
2756 gap: 15px; 2756 gap: 15px;
2757 } 2757 }
2758 .footer__mobile-menu-item div a:hover { 2758 .footer__mobile-menu-item div a:hover {
2759 color: #377d87; 2759 color: #377d87;
2760 } 2760 }
2761 .footer__mobile-menu-item .active + div { 2761 .footer__mobile-menu-item .active + div {
2762 opacity: 1; 2762 opacity: 1;
2763 height: auto; 2763 height: auto;
2764 overflow: visible; 2764 overflow: visible;
2765 padding-top: 15px; 2765 padding-top: 15px;
2766 } 2766 }
2767 .active + .footer__mobile-menu { 2767 .active + .footer__mobile-menu {
2768 opacity: 1; 2768 opacity: 1;
2769 height: auto; 2769 height: auto;
2770 overflow: visible; 2770 overflow: visible;
2771 padding-top: 35px; 2771 padding-top: 35px;
2772 } 2772 }
2773 .footer__mobile-contacts { 2773 .footer__mobile-contacts {
2774 display: -webkit-box; 2774 display: -webkit-box;
2775 display: -ms-flexbox; 2775 display: -ms-flexbox;
2776 display: flex; 2776 display: flex;
2777 -webkit-box-pack: justify; 2777 -webkit-box-pack: justify;
2778 -ms-flex-pack: justify; 2778 -ms-flex-pack: justify;
2779 justify-content: space-between; 2779 justify-content: space-between;
2780 -webkit-box-align: start; 2780 -webkit-box-align: start;
2781 -ms-flex-align: start; 2781 -ms-flex-align: start;
2782 align-items: flex-start; 2782 align-items: flex-start;
2783 -ms-flex-wrap: wrap; 2783 -ms-flex-wrap: wrap;
2784 flex-wrap: wrap; 2784 flex-wrap: wrap;
2785 margin-top: 30px; 2785 margin-top: 30px;
2786 } 2786 }
2787 .footer__mobile-contacts b { 2787 .footer__mobile-contacts b {
2788 font-size: 20px; 2788 font-size: 20px;
2789 font-weight: 700; 2789 font-weight: 700;
2790 width: 100%; 2790 width: 100%;
2791 margin-bottom: 20px; 2791 margin-bottom: 20px;
2792 } 2792 }
2793 .footer__mobile-contacts a { 2793 .footer__mobile-contacts a {
2794 color: #377d87; 2794 color: #377d87;
2795 text-decoration: underline; 2795 text-decoration: underline;
2796 } 2796 }
2797 .footer__mobile-contacts a + a { 2797 .footer__mobile-contacts a + a {
2798 color: #000; 2798 color: #000;
2799 } 2799 }
2800 .footer__mobile-bottom { 2800 .footer__mobile-bottom {
2801 display: -webkit-box; 2801 display: -webkit-box;
2802 display: -ms-flexbox; 2802 display: -ms-flexbox;
2803 display: flex; 2803 display: flex;
2804 -webkit-box-orient: vertical; 2804 -webkit-box-orient: vertical;
2805 -webkit-box-direction: normal; 2805 -webkit-box-direction: normal;
2806 -ms-flex-direction: column; 2806 -ms-flex-direction: column;
2807 flex-direction: column; 2807 flex-direction: column;
2808 -webkit-box-align: center; 2808 -webkit-box-align: center;
2809 -ms-flex-align: center; 2809 -ms-flex-align: center;
2810 align-items: center; 2810 align-items: center;
2811 text-align: center; 2811 text-align: center;
2812 gap: 20px; 2812 gap: 20px;
2813 margin-top: 100px; 2813 margin-top: 100px;
2814 } 2814 }
2815 .footer__mobile-links { 2815 .footer__mobile-links {
2816 display: -webkit-box; 2816 display: -webkit-box;
2817 display: -ms-flexbox; 2817 display: -ms-flexbox;
2818 display: flex; 2818 display: flex;
2819 -webkit-box-orient: vertical; 2819 -webkit-box-orient: vertical;
2820 -webkit-box-direction: normal; 2820 -webkit-box-direction: normal;
2821 -ms-flex-direction: column; 2821 -ms-flex-direction: column;
2822 flex-direction: column; 2822 flex-direction: column;
2823 -webkit-box-align: center; 2823 -webkit-box-align: center;
2824 -ms-flex-align: center; 2824 -ms-flex-align: center;
2825 align-items: center; 2825 align-items: center;
2826 gap: 10px; 2826 gap: 10px;
2827 } 2827 }
2828 .footer__mobile-links a:hover { 2828 .footer__mobile-links a:hover {
2829 color: #377d87; 2829 color: #377d87;
2830 } 2830 }
2831 .footer__mobile-links span { 2831 .footer__mobile-links span {
2832 width: 60px; 2832 width: 60px;
2833 height: 1px; 2833 height: 1px;
2834 background: #377d87; 2834 background: #377d87;
2835 } 2835 }
2836 .footer__main { 2836 .footer__main {
2837 display: none; 2837 display: none;
2838 padding: 55px 0 20px 0; 2838 padding: 55px 0 20px 0;
2839 -webkit-box-orient: vertical; 2839 -webkit-box-orient: vertical;
2840 -webkit-box-direction: normal; 2840 -webkit-box-direction: normal;
2841 -ms-flex-direction: column; 2841 -ms-flex-direction: column;
2842 flex-direction: column; 2842 flex-direction: column;
2843 gap: 70px; 2843 gap: 70px;
2844 } 2844 }
2845 @media (min-width: 992px) { 2845 @media (min-width: 992px) {
2846 .footer__main { 2846 .footer__main {
2847 display: -webkit-box; 2847 display: -webkit-box;
2848 display: -ms-flexbox; 2848 display: -ms-flexbox;
2849 display: flex; 2849 display: flex;
2850 } 2850 }
2851 } 2851 }
2852 .footer__main-body { 2852 .footer__main-body {
2853 display: -webkit-box; 2853 display: -webkit-box;
2854 display: -ms-flexbox; 2854 display: -ms-flexbox;
2855 display: flex; 2855 display: flex;
2856 -webkit-box-pack: justify; 2856 -webkit-box-pack: justify;
2857 -ms-flex-pack: justify; 2857 -ms-flex-pack: justify;
2858 justify-content: space-between; 2858 justify-content: space-between;
2859 -webkit-box-align: start; 2859 -webkit-box-align: start;
2860 -ms-flex-align: start; 2860 -ms-flex-align: start;
2861 align-items: flex-start; 2861 align-items: flex-start;
2862 } 2862 }
2863 .footer__main-logo { 2863 .footer__main-logo {
2864 display: -webkit-box; 2864 display: -webkit-box;
2865 display: -ms-flexbox; 2865 display: -ms-flexbox;
2866 display: flex; 2866 display: flex;
2867 -webkit-box-pack: center; 2867 -webkit-box-pack: center;
2868 -ms-flex-pack: center; 2868 -ms-flex-pack: center;
2869 justify-content: center; 2869 justify-content: center;
2870 -webkit-box-align: center; 2870 -webkit-box-align: center;
2871 -ms-flex-align: center; 2871 -ms-flex-align: center;
2872 align-items: center; 2872 align-items: center;
2873 color: #377d87; 2873 color: #377d87;
2874 } 2874 }
2875 .footer__main-logo svg { 2875 .footer__main-logo svg {
2876 width: 182px; 2876 width: 182px;
2877 height: 54px; 2877 height: 54px;
2878 } 2878 }
2879 .footer__main-title { 2879 .footer__main-title {
2880 font-size: 20px; 2880 font-size: 20px;
2881 font-weight: 700; 2881 font-weight: 700;
2882 margin-bottom: 16px; 2882 margin-bottom: 16px;
2883 } 2883 }
2884 .footer__main-col { 2884 .footer__main-col {
2885 display: -webkit-box; 2885 display: -webkit-box;
2886 display: -ms-flexbox; 2886 display: -ms-flexbox;
2887 display: flex; 2887 display: flex;
2888 -webkit-box-orient: vertical; 2888 -webkit-box-orient: vertical;
2889 -webkit-box-direction: normal; 2889 -webkit-box-direction: normal;
2890 -ms-flex-direction: column; 2890 -ms-flex-direction: column;
2891 flex-direction: column; 2891 flex-direction: column;
2892 -webkit-box-align: start; 2892 -webkit-box-align: start;
2893 -ms-flex-align: start; 2893 -ms-flex-align: start;
2894 align-items: flex-start; 2894 align-items: flex-start;
2895 } 2895 }
2896 .footer__main-col nav { 2896 .footer__main-col nav {
2897 display: -webkit-box; 2897 display: -webkit-box;
2898 display: -ms-flexbox; 2898 display: -ms-flexbox;
2899 display: flex; 2899 display: flex;
2900 -webkit-box-orient: vertical; 2900 -webkit-box-orient: vertical;
2901 -webkit-box-direction: normal; 2901 -webkit-box-direction: normal;
2902 -ms-flex-direction: column; 2902 -ms-flex-direction: column;
2903 flex-direction: column; 2903 flex-direction: column;
2904 -webkit-box-align: start; 2904 -webkit-box-align: start;
2905 -ms-flex-align: start; 2905 -ms-flex-align: start;
2906 align-items: flex-start; 2906 align-items: flex-start;
2907 gap: 8px; 2907 gap: 8px;
2908 } 2908 }
2909 .footer__main-col nav a:hover { 2909 .footer__main-col nav a:hover {
2910 color: #377d87; 2910 color: #377d87;
2911 } 2911 }
2912 .footer__main-contacts { 2912 .footer__main-contacts {
2913 display: -webkit-box; 2913 display: -webkit-box;
2914 display: -ms-flexbox; 2914 display: -ms-flexbox;
2915 display: flex; 2915 display: flex;
2916 -webkit-box-orient: vertical; 2916 -webkit-box-orient: vertical;
2917 -webkit-box-direction: normal; 2917 -webkit-box-direction: normal;
2918 -ms-flex-direction: column; 2918 -ms-flex-direction: column;
2919 flex-direction: column; 2919 flex-direction: column;
2920 -webkit-box-align: start; 2920 -webkit-box-align: start;
2921 -ms-flex-align: start; 2921 -ms-flex-align: start;
2922 align-items: flex-start; 2922 align-items: flex-start;
2923 gap: 16px; 2923 gap: 16px;
2924 margin-bottom: 16px; 2924 margin-bottom: 16px;
2925 } 2925 }
2926 .footer__main-contacts a { 2926 .footer__main-contacts a {
2927 color: #377d87; 2927 color: #377d87;
2928 text-decoration: underline; 2928 text-decoration: underline;
2929 } 2929 }
2930 .footer__main-contacts a + a { 2930 .footer__main-contacts a + a {
2931 color: #000; 2931 color: #000;
2932 } 2932 }
2933 .footer__main-copy { 2933 .footer__main-copy {
2934 display: -webkit-box; 2934 display: -webkit-box;
2935 display: -ms-flexbox; 2935 display: -ms-flexbox;
2936 display: flex; 2936 display: flex;
2937 -webkit-box-pack: justify; 2937 -webkit-box-pack: justify;
2938 -ms-flex-pack: justify; 2938 -ms-flex-pack: justify;
2939 justify-content: space-between; 2939 justify-content: space-between;
2940 -webkit-box-align: center; 2940 -webkit-box-align: center;
2941 -ms-flex-align: center; 2941 -ms-flex-align: center;
2942 align-items: center; 2942 align-items: center;
2943 font-size: 14px; 2943 font-size: 14px;
2944 line-height: 1.4; 2944 line-height: 1.4;
2945 } 2945 }
2946 .footer__main-copy nav { 2946 .footer__main-copy nav {
2947 display: -webkit-box; 2947 display: -webkit-box;
2948 display: -ms-flexbox; 2948 display: -ms-flexbox;
2949 display: flex; 2949 display: flex;
2950 -webkit-box-align: center; 2950 -webkit-box-align: center;
2951 -ms-flex-align: center; 2951 -ms-flex-align: center;
2952 align-items: center; 2952 align-items: center;
2953 gap: 10px; 2953 gap: 10px;
2954 } 2954 }
2955 .footer__main-copy nav a:hover { 2955 .footer__main-copy nav a:hover {
2956 color: #377d87; 2956 color: #377d87;
2957 } 2957 }
2958 .footer__main-copy nav span { 2958 .footer__main-copy nav span {
2959 width: 1px; 2959 width: 1px;
2960 height: 20px; 2960 height: 20px;
2961 background: #000; 2961 background: #000;
2962 } 2962 }
2963 2963
2964 .main { 2964 .main {
2965 position: relative; 2965 position: relative;
2966 overflow: hidden; 2966 overflow: hidden;
2967 padding: 30px 0; 2967 padding: 30px 0;
2968 } 2968 }
2969 @media (min-width: 768px) { 2969 @media (min-width: 768px) {
2970 .main { 2970 .main {
2971 padding: 40px 0; 2971 padding: 40px 0;
2972 } 2972 }
2973 } 2973 }
2974 @media (min-width: 992px) { 2974 @media (min-width: 992px) {
2975 .main { 2975 .main {
2976 padding: 50px 0; 2976 padding: 50px 0;
2977 } 2977 }
2978 } 2978 }
2979 @media (min-width: 1280px) { 2979 @media (min-width: 1280px) {
2980 .main { 2980 .main {
2981 padding: 60px 0; 2981 padding: 60px 0;
2982 } 2982 }
2983 } 2983 }
2984 .main h2 { 2984 .main h2 {
2985 margin: 0; 2985 margin: 0;
2986 font-weight: 700; 2986 font-weight: 700;
2987 font-size: 30px; 2987 font-size: 30px;
2988 } 2988 }
2989 @media (min-width: 768px) { 2989 @media (min-width: 768px) {
2990 .main h2 { 2990 .main h2 {
2991 font-size: 44px; 2991 font-size: 44px;
2992 } 2992 }
2993 } 2993 }
2994 .main h3 { 2994 .main h3 {
2995 margin: 0; 2995 margin: 0;
2996 font-weight: 700; 2996 font-weight: 700;
2997 font-size: 22px; 2997 font-size: 22px;
2998 } 2998 }
2999 @media (min-width: 768px) { 2999 @media (min-width: 768px) {
3000 .main h3 { 3000 .main h3 {
3001 font-size: 28px; 3001 font-size: 28px;
3002 } 3002 }
3003 } 3003 }
3004 .main p { 3004 .main p {
3005 margin: 0; 3005 margin: 0;
3006 font-size: 14px; 3006 font-size: 14px;
3007 line-height: 1.4; 3007 line-height: 1.4;
3008 } 3008 }
3009 @media (min-width: 768px) { 3009 @media (min-width: 768px) {
3010 .main p { 3010 .main p {
3011 font-size: 18px; 3011 font-size: 18px;
3012 } 3012 }
3013 } 3013 }
3014 .main p a { 3014 .main p a {
3015 color: #4d88d9; 3015 color: #4d88d9;
3016 } 3016 }
3017 .main p a:hover { 3017 .main p a:hover {
3018 color: #377d87; 3018 color: #377d87;
3019 } 3019 }
3020 .main__breadcrumbs { 3020 .main__breadcrumbs {
3021 margin-bottom: 20px; 3021 margin-bottom: 20px;
3022 } 3022 }
3023 @media (min-width: 768px) { 3023 @media (min-width: 768px) {
3024 .main__breadcrumbs { 3024 .main__breadcrumbs {
3025 margin-bottom: 40px; 3025 margin-bottom: 40px;
3026 } 3026 }
3027 } 3027 }
3028 .main__content { 3028 .main__content {
3029 display: -webkit-box; 3029 display: -webkit-box;
3030 display: -ms-flexbox; 3030 display: -ms-flexbox;
3031 display: flex; 3031 display: flex;
3032 -webkit-box-orient: vertical; 3032 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal; 3033 -webkit-box-direction: normal;
3034 -ms-flex-direction: column; 3034 -ms-flex-direction: column;
3035 flex-direction: column; 3035 flex-direction: column;
3036 gap: 20px; 3036 gap: 20px;
3037 font-size: 14px; 3037 font-size: 14px;
3038 } 3038 }
3039 @media (min-width: 992px) { 3039 @media (min-width: 992px) {
3040 .main__content { 3040 .main__content {
3041 font-size: 18px; 3041 font-size: 18px;
3042 gap: 32px; 3042 gap: 32px;
3043 } 3043 }
3044 } 3044 }
3045 .main__content-item { 3045 .main__content-item {
3046 display: -webkit-box; 3046 display: -webkit-box;
3047 display: -ms-flexbox; 3047 display: -ms-flexbox;
3048 display: flex; 3048 display: flex;
3049 -webkit-box-orient: vertical; 3049 -webkit-box-orient: vertical;
3050 -webkit-box-direction: normal; 3050 -webkit-box-direction: normal;
3051 -ms-flex-direction: column; 3051 -ms-flex-direction: column;
3052 flex-direction: column; 3052 flex-direction: column;
3053 gap: 16px; 3053 gap: 16px;
3054 } 3054 }
3055 .main__content h1, 3055 .main__content h1,
3056 .main__content h2, 3056 .main__content h2,
3057 .main__content h3, 3057 .main__content h3,
3058 .main__content h4, 3058 .main__content h4,
3059 .main__content h5, 3059 .main__content h5,
3060 .main__content h6 { 3060 .main__content h6 {
3061 color: #000; 3061 color: #000;
3062 } 3062 }
3063 .main__content ul, 3063 .main__content ul,
3064 .main__content ol { 3064 .main__content ol {
3065 padding: 0; 3065 padding: 0;
3066 margin: 0; 3066 margin: 0;
3067 padding-left: 20px; 3067 padding-left: 20px;
3068 display: -webkit-box; 3068 display: -webkit-box;
3069 display: -ms-flexbox; 3069 display: -ms-flexbox;
3070 display: flex; 3070 display: flex;
3071 -webkit-box-orient: vertical; 3071 -webkit-box-orient: vertical;
3072 -webkit-box-direction: normal; 3072 -webkit-box-direction: normal;
3073 -ms-flex-direction: column; 3073 -ms-flex-direction: column;
3074 flex-direction: column; 3074 flex-direction: column;
3075 gap: 8px; 3075 gap: 8px;
3076 } 3076 }
3077 @media (min-width: 992px) { 3077 @media (min-width: 992px) {
3078 .main__content ul, 3078 .main__content ul,
3079 .main__content ol { 3079 .main__content ol {
3080 gap: 16px; 3080 gap: 16px;
3081 padding-left: 30px; 3081 padding-left: 30px;
3082 } 3082 }
3083 } 3083 }
3084 .main__content li ul, 3084 .main__content li ul,
3085 .main__content li ol { 3085 .main__content li ol {
3086 margin-top: 8px; 3086 margin-top: 8px;
3087 } 3087 }
3088 @media (min-width: 992px) { 3088 @media (min-width: 992px) {
3089 .main__content li ul, 3089 .main__content li ul,
3090 .main__content li ol { 3090 .main__content li ol {
3091 margin-top: 16px; 3091 margin-top: 16px;
3092 } 3092 }
3093 } 3093 }
3094 .main__content li ul li, 3094 .main__content li ul li,
3095 .main__content li ol li { 3095 .main__content li ol li {
3096 list-style-type: disc; 3096 list-style-type: disc;
3097 } 3097 }
3098 .main__gallery { 3098 .main__gallery {
3099 display: -webkit-box; 3099 display: -webkit-box;
3100 display: -ms-flexbox; 3100 display: -ms-flexbox;
3101 display: flex; 3101 display: flex;
3102 -webkit-box-orient: vertical; 3102 -webkit-box-orient: vertical;
3103 -webkit-box-direction: normal; 3103 -webkit-box-direction: normal;
3104 -ms-flex-direction: column; 3104 -ms-flex-direction: column;
3105 flex-direction: column; 3105 flex-direction: column;
3106 gap: 20px; 3106 gap: 20px;
3107 } 3107 }
3108 @media (min-width: 768px) { 3108 @media (min-width: 768px) {
3109 .main__gallery { 3109 .main__gallery {
3110 display: grid; 3110 display: grid;
3111 grid-template-columns: repeat(2, 1fr); 3111 grid-template-columns: repeat(2, 1fr);
3112 } 3112 }
3113 } 3113 }
3114 @media (min-width: 992px) { 3114 @media (min-width: 992px) {
3115 .main__gallery { 3115 .main__gallery {
3116 grid-template-columns: repeat(3, 1fr); 3116 grid-template-columns: repeat(3, 1fr);
3117 } 3117 }
3118 } 3118 }
3119 .main__gallery-item { 3119 .main__gallery-item {
3120 width: 100%; 3120 width: 100%;
3121 aspect-ratio: 400/224; 3121 aspect-ratio: 400/224;
3122 border-radius: 30px; 3122 border-radius: 30px;
3123 position: relative; 3123 position: relative;
3124 overflow: hidden; 3124 overflow: hidden;
3125 } 3125 }
3126 .main__gallery-item:hover { 3126 .main__gallery-item:hover {
3127 -webkit-filter: brightness(1.1); 3127 -webkit-filter: brightness(1.1);
3128 filter: brightness(1.1); 3128 filter: brightness(1.1);
3129 } 3129 }
3130 .main__gallery-item img { 3130 .main__gallery-item img {
3131 position: absolute; 3131 position: absolute;
3132 top: 0; 3132 top: 0;
3133 left: 0; 3133 left: 0;
3134 width: 100%; 3134 width: 100%;
3135 height: 100%; 3135 height: 100%;
3136 -o-object-fit: cover; 3136 -o-object-fit: cover;
3137 object-fit: cover; 3137 object-fit: cover;
3138 } 3138 }
3139 .main__employers { 3139 .main__employers {
3140 display: -webkit-box; 3140 display: -webkit-box;
3141 display: -ms-flexbox; 3141 display: -ms-flexbox;
3142 display: flex; 3142 display: flex;
3143 -webkit-box-orient: vertical; 3143 -webkit-box-orient: vertical;
3144 -webkit-box-direction: normal; 3144 -webkit-box-direction: normal;
3145 -ms-flex-direction: column; 3145 -ms-flex-direction: column;
3146 flex-direction: column; 3146 flex-direction: column;
3147 gap: 10px; 3147 gap: 10px;
3148 } 3148 }
3149 @media (min-width: 768px) { 3149 @media (min-width: 768px) {
3150 .main__employers { 3150 .main__employers {
3151 gap: 30px; 3151 gap: 30px;
3152 } 3152 }
3153 } 3153 }
3154 .main__employers-body { 3154 .main__employers-body {
3155 display: none; 3155 display: none;
3156 -webkit-box-orient: vertical; 3156 -webkit-box-orient: vertical;
3157 -webkit-box-direction: normal; 3157 -webkit-box-direction: normal;
3158 -ms-flex-direction: column; 3158 -ms-flex-direction: column;
3159 flex-direction: column; 3159 flex-direction: column;
3160 gap: 20px; 3160 gap: 20px;
3161 } 3161 }
3162 @media (min-width: 992px) { 3162 @media (min-width: 992px) {
3163 .main__employers-body { 3163 .main__employers-body {
3164 gap: 30px; 3164 gap: 30px;
3165 } 3165 }
3166 } 3166 }
3167 .main__employers-body.showed { 3167 .main__employers-body.showed {
3168 display: -webkit-box; 3168 display: -webkit-box;
3169 display: -ms-flexbox; 3169 display: -ms-flexbox;
3170 display: flex; 3170 display: flex;
3171 } 3171 }
3172 .main__employers-item { 3172 .main__employers-item {
3173 display: -webkit-box; 3173 display: -webkit-box;
3174 display: -ms-flexbox; 3174 display: -ms-flexbox;
3175 display: flex; 3175 display: flex;
3176 -webkit-box-orient: vertical; 3176 -webkit-box-orient: vertical;
3177 -webkit-box-direction: normal; 3177 -webkit-box-direction: normal;
3178 -ms-flex-direction: column; 3178 -ms-flex-direction: column;
3179 flex-direction: column; 3179 flex-direction: column;
3180 border: 1px solid #cecece; 3180 border: 1px solid #cecece;
3181 border-radius: 8px; 3181 border-radius: 8px;
3182 position: relative; 3182 position: relative;
3183 overflow: hidden; 3183 overflow: hidden;
3184 padding: 10px; 3184 padding: 10px;
3185 padding-top: 50px; 3185 padding-top: 50px;
3186 padding-bottom: 30px; 3186 padding-bottom: 30px;
3187 } 3187 }
3188 @media (min-width: 768px) { 3188 @media (min-width: 768px) {
3189 .main__employers-item { 3189 .main__employers-item {
3190 -webkit-box-orient: horizontal; 3190 -webkit-box-orient: horizontal;
3191 -webkit-box-direction: normal; 3191 -webkit-box-direction: normal;
3192 -ms-flex-direction: row; 3192 -ms-flex-direction: row;
3193 flex-direction: row; 3193 flex-direction: row;
3194 -webkit-box-align: center; 3194 -webkit-box-align: center;
3195 -ms-flex-align: center; 3195 -ms-flex-align: center;
3196 align-items: center; 3196 align-items: center;
3197 -webkit-box-pack: justify; 3197 -webkit-box-pack: justify;
3198 -ms-flex-pack: justify; 3198 -ms-flex-pack: justify;
3199 justify-content: space-between; 3199 justify-content: space-between;
3200 padding: 55px 20px; 3200 padding: 55px 20px;
3201 } 3201 }
3202 } 3202 }
3203 @media (min-width: 1280px) { 3203 @media (min-width: 1280px) {
3204 .main__employers-item { 3204 .main__employers-item {
3205 padding-left: 55px; 3205 padding-left: 55px;
3206 } 3206 }
3207 } 3207 }
3208 .main__employers-item-inner { 3208 .main__employers-item-inner {
3209 display: -webkit-box; 3209 display: -webkit-box;
3210 display: -ms-flexbox; 3210 display: -ms-flexbox;
3211 display: flex; 3211 display: flex;
3212 -webkit-box-orient: vertical; 3212 -webkit-box-orient: vertical;
3213 -webkit-box-direction: normal; 3213 -webkit-box-direction: normal;
3214 -ms-flex-direction: column; 3214 -ms-flex-direction: column;
3215 flex-direction: column; 3215 flex-direction: column;
3216 } 3216 }
3217 @media (min-width: 768px) { 3217 @media (min-width: 768px) {
3218 .main__employers-item-inner { 3218 .main__employers-item-inner {
3219 width: calc(100% - 200px); 3219 width: calc(100% - 200px);
3220 padding-right: 40px; 3220 padding-right: 40px;
3221 } 3221 }
3222 } 3222 }
3223 @media (min-width: 992px) { 3223 @media (min-width: 992px) {
3224 .main__employers-item-inner { 3224 .main__employers-item-inner {
3225 -webkit-box-orient: horizontal; 3225 -webkit-box-orient: horizontal;
3226 -webkit-box-direction: normal; 3226 -webkit-box-direction: normal;
3227 -ms-flex-direction: row; 3227 -ms-flex-direction: row;
3228 flex-direction: row; 3228 flex-direction: row;
3229 -webkit-box-align: center; 3229 -webkit-box-align: center;
3230 -ms-flex-align: center; 3230 -ms-flex-align: center;
3231 align-items: center; 3231 align-items: center;
3232 } 3232 }
3233 } 3233 }
3234 .main__employers-item-pic { 3234 .main__employers-item-pic {
3235 height: 30px; 3235 height: 30px;
3236 position: absolute; 3236 position: absolute;
3237 top: 10px; 3237 top: 10px;
3238 left: 10px; 3238 left: 10px;
3239 } 3239 }
3240 @media (min-width: 768px) { 3240 @media (min-width: 768px) {
3241 .main__employers-item-pic { 3241 .main__employers-item-pic {
3242 position: static; 3242 position: static;
3243 width: 150px; 3243 width: 150px;
3244 height: auto; 3244 height: auto;
3245 max-height: 150px; 3245 max-height: 150px;
3246 -o-object-fit: contain; 3246 -o-object-fit: contain;
3247 object-fit: contain; 3247 object-fit: contain;
3248 } 3248 }
3249 } 3249 }
3250 .main__employers-item-body { 3250 .main__employers-item-body {
3251 font-size: 12px; 3251 font-size: 12px;
3252 display: -webkit-box; 3252 display: -webkit-box;
3253 display: -ms-flexbox; 3253 display: -ms-flexbox;
3254 display: flex; 3254 display: flex;
3255 -webkit-box-orient: vertical; 3255 -webkit-box-orient: vertical;
3256 -webkit-box-direction: normal; 3256 -webkit-box-direction: normal;
3257 -ms-flex-direction: column; 3257 -ms-flex-direction: column;
3258 flex-direction: column; 3258 flex-direction: column;
3259 gap: 10px; 3259 gap: 10px;
3260 } 3260 }
3261 @media (min-width: 768px) { 3261 @media (min-width: 768px) {
3262 .main__employers-item-body { 3262 .main__employers-item-body {
3263 font-size: 16px; 3263 font-size: 16px;
3264 padding-top: 20px; 3264 padding-top: 20px;
3265 } 3265 }
3266 } 3266 }
3267 @media (min-width: 992px) { 3267 @media (min-width: 992px) {
3268 .main__employers-item-body { 3268 .main__employers-item-body {
3269 width: calc(100% - 150px); 3269 width: calc(100% - 150px);
3270 padding: 0; 3270 padding: 0;
3271 padding-left: 40px; 3271 padding-left: 40px;
3272 } 3272 }
3273 } 3273 }
3274 .main__employers-item-body b { 3274 .main__employers-item-body b {
3275 font-weight: 700; 3275 font-weight: 700;
3276 } 3276 }
3277 @media (min-width: 768px) { 3277 @media (min-width: 768px) {
3278 .main__employers-item-body b { 3278 .main__employers-item-body b {
3279 font-size: 20px; 3279 font-size: 20px;
3280 } 3280 }
3281 } 3281 }
3282 .main__employers-item-body i { 3282 .main__employers-item-body i {
3283 font-style: normal; 3283 font-style: normal;
3284 color: #000; 3284 color: #000;
3285 } 3285 }
3286 .main__employers-item-more { 3286 .main__employers-item-more {
3287 position: absolute; 3287 position: absolute;
3288 top: 10px; 3288 top: 10px;
3289 right: 10px; 3289 right: 10px;
3290 } 3290 }
3291 @media (min-width: 768px) { 3291 @media (min-width: 768px) {
3292 .main__employers-item-more { 3292 .main__employers-item-more {
3293 width: 200px; 3293 width: 200px;
3294 padding: 0; 3294 padding: 0;
3295 position: static; 3295 position: static;
3296 } 3296 }
3297 } 3297 }
3298 .main__employers-item-label { 3298 .main__employers-item-label {
3299 background: #4d88d9; 3299 background: #4d88d9;
3300 color: #fff; 3300 color: #fff;
3301 border-radius: 6px; 3301 border-radius: 6px;
3302 width: 100%; 3302 width: 100%;
3303 height: 20px; 3303 height: 20px;
3304 display: -webkit-box; 3304 display: -webkit-box;
3305 display: -ms-flexbox; 3305 display: -ms-flexbox;
3306 display: flex; 3306 display: flex;
3307 -webkit-box-align: center; 3307 -webkit-box-align: center;
3308 -ms-flex-align: center; 3308 -ms-flex-align: center;
3309 align-items: center; 3309 align-items: center;
3310 padding: 0 12px; 3310 padding: 0 12px;
3311 position: absolute; 3311 position: absolute;
3312 bottom: 0; 3312 bottom: 0;
3313 left: 0; 3313 left: 0;
3314 font-size: 12px; 3314 font-size: 12px;
3315 line-height: 1; 3315 line-height: 1;
3316 } 3316 }
3317 @media (min-width: 768px) { 3317 @media (min-width: 768px) {
3318 .main__employers-item-label { 3318 .main__employers-item-label {
3319 max-width: 350px; 3319 max-width: 350px;
3320 height: 30px; 3320 height: 30px;
3321 font-size: 15px; 3321 font-size: 15px;
3322 } 3322 }
3323 } 3323 }
3324 .main__employers-item-label svg { 3324 .main__employers-item-label svg {
3325 width: 8px; 3325 width: 8px;
3326 height: 8px; 3326 height: 8px;
3327 } 3327 }
3328 @media (min-width: 768px) { 3328 @media (min-width: 768px) {
3329 .main__employers-item-label svg { 3329 .main__employers-item-label svg {
3330 width: 12px; 3330 width: 12px;
3331 height: 12px; 3331 height: 12px;
3332 } 3332 }
3333 } 3333 }
3334 .main__employers-item-label span { 3334 .main__employers-item-label span {
3335 overflow: hidden; 3335 overflow: hidden;
3336 display: -webkit-box; 3336 display: -webkit-box;
3337 -webkit-box-orient: vertical; 3337 -webkit-box-orient: vertical;
3338 -webkit-line-clamp: 1; 3338 -webkit-line-clamp: 1;
3339 width: calc(100% - 8px); 3339 width: calc(100% - 8px);
3340 padding-left: 6px; 3340 padding-left: 6px;
3341 } 3341 }
3342 .main__employers-one { 3342 .main__employers-one {
3343 display: -webkit-box; 3343 display: -webkit-box;
3344 display: -ms-flexbox; 3344 display: -ms-flexbox;
3345 display: flex; 3345 display: flex;
3346 -webkit-box-orient: vertical; 3346 -webkit-box-orient: vertical;
3347 -webkit-box-direction: normal; 3347 -webkit-box-direction: normal;
3348 -ms-flex-direction: column; 3348 -ms-flex-direction: column;
3349 flex-direction: column; 3349 flex-direction: column;
3350 gap: 20px; 3350 gap: 20px;
3351 } 3351 }
3352 .main__employers-two { 3352 .main__employers-two {
3353 display: -webkit-box; 3353 display: -webkit-box;
3354 display: -ms-flexbox; 3354 display: -ms-flexbox;
3355 display: flex; 3355 display: flex;
3356 -webkit-box-orient: vertical; 3356 -webkit-box-orient: vertical;
3357 -webkit-box-direction: normal; 3357 -webkit-box-direction: normal;
3358 -ms-flex-direction: column; 3358 -ms-flex-direction: column;
3359 flex-direction: column; 3359 flex-direction: column;
3360 gap: 20px; 3360 gap: 20px;
3361 } 3361 }
3362 @media (min-width: 768px) { 3362 @media (min-width: 768px) {
3363 .main__employers-two { 3363 .main__employers-two {
3364 -webkit-box-orient: horizontal; 3364 -webkit-box-orient: horizontal;
3365 -webkit-box-direction: normal; 3365 -webkit-box-direction: normal;
3366 -ms-flex-direction: row; 3366 -ms-flex-direction: row;
3367 flex-direction: row; 3367 flex-direction: row;
3368 -ms-flex-wrap: wrap; 3368 -ms-flex-wrap: wrap;
3369 flex-wrap: wrap; 3369 flex-wrap: wrap;
3370 -webkit-box-align: start; 3370 -webkit-box-align: start;
3371 -ms-flex-align: start; 3371 -ms-flex-align: start;
3372 align-items: flex-start; 3372 align-items: flex-start;
3373 -webkit-box-pack: justify; 3373 -webkit-box-pack: justify;
3374 -ms-flex-pack: justify; 3374 -ms-flex-pack: justify;
3375 justify-content: space-between; 3375 justify-content: space-between;
3376 gap: 20px 0; 3376 gap: 20px 0;
3377 } 3377 }
3378 } 3378 }
3379 .main__employers-two .main__employers-item { 3379 .main__employers-two .main__employers-item {
3380 width: calc(50% - 10px); 3380 width: calc(50% - 10px);
3381 -webkit-box-orient: vertical; 3381 -webkit-box-orient: vertical;
3382 -webkit-box-direction: normal; 3382 -webkit-box-direction: normal;
3383 -ms-flex-direction: column; 3383 -ms-flex-direction: column;
3384 flex-direction: column; 3384 flex-direction: column;
3385 -webkit-box-align: stretch; 3385 -webkit-box-align: stretch;
3386 -ms-flex-align: stretch; 3386 -ms-flex-align: stretch;
3387 align-items: stretch; 3387 align-items: stretch;
3388 padding-top: 30px; 3388 padding-top: 30px;
3389 } 3389 }
3390 .main__employers-two .main__employers-item-inner { 3390 .main__employers-two .main__employers-item-inner {
3391 width: 100%; 3391 width: 100%;
3392 padding: 0; 3392 padding: 0;
3393 } 3393 }
3394 .main__employers-two .main__employers-item-more { 3394 .main__employers-two .main__employers-item-more {
3395 position: static; 3395 position: static;
3396 margin-top: 20px; 3396 margin-top: 20px;
3397 } 3397 }
3398 @media (min-width: 992px) { 3398 @media (min-width: 992px) {
3399 .main__employers-two .main__employers-item-more { 3399 .main__employers-two .main__employers-item-more {
3400 margin-left: 190px; 3400 margin-left: 190px;
3401 } 3401 }
3402 } 3402 }
3403 .main__employers-two .main__employers-item-label { 3403 .main__employers-two .main__employers-item-label {
3404 max-width: none; 3404 max-width: none;
3405 } 3405 }
3406 .main__employer-page { 3406 .main__employer-page {
3407 display: -webkit-box; 3407 display: -webkit-box;
3408 display: -ms-flexbox; 3408 display: -ms-flexbox;
3409 display: flex; 3409 display: flex;
3410 -webkit-box-orient: vertical; 3410 -webkit-box-orient: vertical;
3411 -webkit-box-direction: normal; 3411 -webkit-box-direction: normal;
3412 -ms-flex-direction: column; 3412 -ms-flex-direction: column;
3413 flex-direction: column; 3413 flex-direction: column;
3414 gap: 20px; 3414 gap: 20px;
3415 } 3415 }
3416 @media (min-width: 768px) { 3416 @media (min-width: 768px) {
3417 .main__employer-page { 3417 .main__employer-page {
3418 gap: 30px; 3418 gap: 30px;
3419 } 3419 }
3420 } 3420 }
3421 .main__employer-page-title { 3421 .main__employer-page-title {
3422 color: #000; 3422 color: #000;
3423 margin: 0; 3423 margin: 0;
3424 font-size: 30px; 3424 font-size: 30px;
3425 } 3425 }
3426 @media (min-width: 768px) { 3426 @media (min-width: 768px) {
3427 .main__employer-page-title { 3427 .main__employer-page-title {
3428 font-size: 36px; 3428 font-size: 36px;
3429 } 3429 }
3430 } 3430 }
3431 @media (min-width: 992px) { 3431 @media (min-width: 992px) {
3432 .main__employer-page-title { 3432 .main__employer-page-title {
3433 font-size: 44px; 3433 font-size: 44px;
3434 } 3434 }
3435 } 3435 }
3436 .main__employer-page-item { 3436 .main__employer-page-item {
3437 display: -webkit-box; 3437 display: -webkit-box;
3438 display: -ms-flexbox; 3438 display: -ms-flexbox;
3439 display: flex; 3439 display: flex;
3440 -webkit-box-orient: vertical; 3440 -webkit-box-orient: vertical;
3441 -webkit-box-direction: normal; 3441 -webkit-box-direction: normal;
3442 -ms-flex-direction: column; 3442 -ms-flex-direction: column;
3443 flex-direction: column; 3443 flex-direction: column;
3444 gap: 4px; 3444 gap: 4px;
3445 font-size: 12px; 3445 font-size: 12px;
3446 line-height: 1.4; 3446 line-height: 1.4;
3447 width: 190px; 3447 width: 190px;
3448 } 3448 }
3449 .main__employer-page-item.main__employer-page-description{ 3449 .main__employer-page-item.main__employer-page-description{
3450 width: unset; 3450 width: unset;
3451 } 3451 }
3452 @media (min-width: 768px) { 3452 @media (min-width: 768px) {
3453 .main__employer-page-item { 3453 .main__employer-page-item {
3454 font-size: 18px; 3454 font-size: 18px;
3455 gap: 8px; 3455 gap: 8px;
3456 } 3456 }
3457 } 3457 }
3458 .main__employer-page-item b { 3458 .main__employer-page-item b {
3459 color: #377d87; 3459 color: #377d87;
3460 font-size: 14px; 3460 font-size: 14px;
3461 } 3461 }
3462 @media (min-width: 768px) { 3462 @media (min-width: 768px) {
3463 .main__employer-page-item b { 3463 .main__employer-page-item b {
3464 font-size: 18px; 3464 font-size: 18px;
3465 } 3465 }
3466 } 3466 }
3467 .main__employer-page-item span { 3467 .main__employer-page-item span {
3468 color: #000; 3468 color: #000;
3469 } 3469 }
3470 .main__employer-page-info { 3470 .main__employer-page-info {
3471 display: -webkit-box; 3471 display: -webkit-box;
3472 display: -ms-flexbox; 3472 display: -ms-flexbox;
3473 display: flex; 3473 display: flex;
3474 -webkit-box-orient: vertical; 3474 -webkit-box-orient: vertical;
3475 -webkit-box-direction: normal; 3475 -webkit-box-direction: normal;
3476 -ms-flex-direction: column; 3476 -ms-flex-direction: column;
3477 flex-direction: column; 3477 flex-direction: column;
3478 gap: 20px; 3478 gap: 20px;
3479 } 3479 }
3480 .main__employer-page-info.row2{ 3480 .main__employer-page-info.row2{
3481 justify-content: flex-start; 3481 justify-content: flex-start;
3482 } 3482 }
3483 .main__employer-page-info.row2 .main__employer-page-item{ 3483 .main__employer-page-info.row2 .main__employer-page-item{
3484 width: 25%; 3484 width: 25%;
3485 } 3485 }
3486 @media (min-width: 768px) { 3486 @media (min-width: 768px) {
3487 .main__employer-page-info { 3487 .main__employer-page-info {
3488 display: grid; 3488 display: grid;
3489 grid-template-columns: repeat(2, 1fr); 3489 grid-template-columns: repeat(2, 1fr);
3490 gap: 30px 40px; 3490 gap: 30px 40px;
3491 } 3491 }
3492 } 3492 }
3493 @media (min-width: 1280px) { 3493 @media (min-width: 1280px) {
3494 .main__employer-page-info { 3494 .main__employer-page-info {
3495 display: -webkit-box; 3495 display: -webkit-box;
3496 display: -ms-flexbox; 3496 display: -ms-flexbox;
3497 display: flex; 3497 display: flex;
3498 -webkit-box-orient: horizontal; 3498 -webkit-box-orient: horizontal;
3499 -webkit-box-direction: normal; 3499 -webkit-box-direction: normal;
3500 -ms-flex-direction: row; 3500 -ms-flex-direction: row;
3501 flex-direction: row; 3501 flex-direction: row;
3502 -webkit-box-align: start; 3502 -webkit-box-align: start;
3503 -ms-flex-align: start; 3503 -ms-flex-align: start;
3504 align-items: flex-start; 3504 align-items: flex-start;
3505 -webkit-box-pack: justify; 3505 -webkit-box-pack: justify;
3506 -ms-flex-pack: justify; 3506 -ms-flex-pack: justify;
3507 justify-content: space-between; 3507 justify-content: space-between;
3508 padding-right: 160px; 3508 padding-right: 160px;
3509 } 3509 }
3510 } 3510 }
3511 @media (min-width: 768px) { 3511 @media (min-width: 768px) {
3512 .main__employer-page-info .main__employer-page-item b, 3512 .main__employer-page-info .main__employer-page-item b,
3513 .main__employer-page-info .main__employer-page-item span { 3513 .main__employer-page-info .main__employer-page-item span {
3514 max-width: 300px; 3514 max-width: 300px;
3515 } 3515 }
3516 } 3516 }
3517 .main__employer-page-tabs { 3517 .main__employer-page-tabs {
3518 display: -webkit-box; 3518 display: -webkit-box;
3519 display: -ms-flexbox; 3519 display: -ms-flexbox;
3520 display: flex; 3520 display: flex;
3521 -webkit-box-align: center; 3521 -webkit-box-align: center;
3522 -ms-flex-align: center; 3522 -ms-flex-align: center;
3523 align-items: center; 3523 align-items: center;
3524 gap: 20px; 3524 gap: 20px;
3525 } 3525 }
3526 @media (min-width: 768px) { 3526 @media (min-width: 768px) {
3527 .main__employer-page-tabs { 3527 .main__employer-page-tabs {
3528 margin-top: 20px; 3528 margin-top: 20px;
3529 } 3529 }
3530 } 3530 }
3531 .main__employer-page-tabs-item { 3531 .main__employer-page-tabs-item {
3532 font-size: 22px; 3532 font-size: 22px;
3533 font-weight: 700; 3533 font-weight: 700;
3534 border: none; 3534 border: none;
3535 background: none; 3535 background: none;
3536 padding: 0; 3536 padding: 0;
3537 color: #9c9d9d; 3537 color: #9c9d9d;
3538 text-decoration: underline; 3538 text-decoration: underline;
3539 text-decoration-thickness: 1px; 3539 text-decoration-thickness: 1px;
3540 } 3540 }
3541 @media (min-width: 768px) { 3541 @media (min-width: 768px) {
3542 .main__employer-page-tabs-item { 3542 .main__employer-page-tabs-item {
3543 font-size: 24px; 3543 font-size: 24px;
3544 } 3544 }
3545 } 3545 }
3546 .main__employer-page-tabs-item.active { 3546 .main__employer-page-tabs-item.active {
3547 color: #377d87; 3547 color: #377d87;
3548 } 3548 }
3549 .main__employer-page-body { 3549 .main__employer-page-body {
3550 display: -webkit-box; 3550 display: -webkit-box;
3551 display: -ms-flexbox; 3551 display: -ms-flexbox;
3552 display: flex; 3552 display: flex;
3553 -webkit-box-orient: vertical; 3553 -webkit-box-orient: vertical;
3554 -webkit-box-direction: normal; 3554 -webkit-box-direction: normal;
3555 -ms-flex-direction: column; 3555 -ms-flex-direction: column;
3556 flex-direction: column; 3556 flex-direction: column;
3557 margin-top: 10px; 3557 margin-top: 10px;
3558 } 3558 }
3559 @media (min-width: 768px) { 3559 @media (min-width: 768px) {
3560 .main__employer-page-body { 3560 .main__employer-page-body {
3561 margin-top: 30px; 3561 margin-top: 30px;
3562 } 3562 }
3563 } 3563 }
3564 .main__employer-page-body-item { 3564 .main__employer-page-body-item {
3565 display: none; 3565 display: none;
3566 -webkit-box-orient: vertical; 3566 -webkit-box-orient: vertical;
3567 -webkit-box-direction: normal; 3567 -webkit-box-direction: normal;
3568 -ms-flex-direction: column; 3568 -ms-flex-direction: column;
3569 flex-direction: column; 3569 flex-direction: column;
3570 gap: 20px; 3570 gap: 20px;
3571 } 3571 }
3572 .main__employer-page-body-item.showed { 3572 .main__employer-page-body-item.showed {
3573 display: -webkit-box; 3573 display: -webkit-box;
3574 display: -ms-flexbox; 3574 display: -ms-flexbox;
3575 display: flex; 3575 display: flex;
3576 } 3576 }
3577 .main__employer-page-one { 3577 .main__employer-page-one {
3578 display: -webkit-box; 3578 display: -webkit-box;
3579 display: -ms-flexbox; 3579 display: -ms-flexbox;
3580 display: flex; 3580 display: flex;
3581 -webkit-box-orient: vertical; 3581 -webkit-box-orient: vertical;
3582 -webkit-box-direction: normal; 3582 -webkit-box-direction: normal;
3583 -ms-flex-direction: column; 3583 -ms-flex-direction: column;
3584 flex-direction: column; 3584 flex-direction: column;
3585 gap: 20px; 3585 gap: 20px;
3586 } 3586 }
3587 @media (min-width: 768px) { 3587 @media (min-width: 768px) {
3588 .main__employer-page-one { 3588 .main__employer-page-one {
3589 display: grid; 3589 display: grid;
3590 grid-template-columns: repeat(2, 1fr); 3590 grid-template-columns: repeat(2, 1fr);
3591 } 3591 }
3592 } 3592 }
3593 @media (min-width: 992px) { 3593 @media (min-width: 992px) {
3594 .main__employer-page-one { 3594 .main__employer-page-one {
3595 grid-template-columns: repeat(3, 1fr); 3595 grid-template-columns: repeat(3, 1fr);
3596 } 3596 }
3597 } 3597 }
3598 @media (min-width: 1280px) { 3598 @media (min-width: 1280px) {
3599 .main__employer-page-one { 3599 .main__employer-page-one {
3600 grid-template-columns: repeat(4, 1fr); 3600 grid-template-columns: repeat(4, 1fr);
3601 gap: 30px 20px; 3601 gap: 30px 20px;
3602 } 3602 }
3603 } 3603 }
3604 .main__employer-page-one-item { 3604 .main__employer-page-one-item {
3605 display: -webkit-box; 3605 display: -webkit-box;
3606 display: -ms-flexbox; 3606 display: -ms-flexbox;
3607 display: flex; 3607 display: flex;
3608 -webkit-box-orient: vertical; 3608 -webkit-box-orient: vertical;
3609 -webkit-box-direction: normal; 3609 -webkit-box-direction: normal;
3610 -ms-flex-direction: column; 3610 -ms-flex-direction: column;
3611 flex-direction: column; 3611 flex-direction: column;
3612 gap: 10px; 3612 gap: 10px;
3613 font-size: 12px; 3613 font-size: 12px;
3614 position: relative; 3614 position: relative;
3615 } 3615 }
3616 @media (min-width: 1280px) { 3616 @media (min-width: 1280px) {
3617 .main__employer-page-one-item { 3617 .main__employer-page-one-item {
3618 font-size: 18px; 3618 font-size: 18px;
3619 } 3619 }
3620 } 3620 }
3621 .main__employer-page-one-item img { 3621 .main__employer-page-one-item img {
3622 border-radius: 10px; 3622 border-radius: 10px;
3623 -o-object-fit: cover; 3623 -o-object-fit: cover;
3624 object-fit: cover; 3624 object-fit: cover;
3625 width: 100%; 3625 width: 100%;
3626 max-height: 250px; 3626 max-height: 250px;
3627 aspect-ratio: 247/174; 3627 aspect-ratio: 247/174;
3628 } 3628 }
3629 @media (min-width: 1280px) { 3629 @media (min-width: 1280px) {
3630 .main__employer-page-one-item img { 3630 .main__employer-page-one-item img {
3631 margin-bottom: 10px; 3631 margin-bottom: 10px;
3632 } 3632 }
3633 } 3633 }
3634 .main__employer-page-one-item b { 3634 .main__employer-page-one-item b {
3635 font-weight: 700; 3635 font-weight: 700;
3636 color: #377d87; 3636 color: #377d87;
3637 } 3637 }
3638 .main__employer-page-one-item span { 3638 .main__employer-page-one-item span {
3639 color: #000; 3639 color: #000;
3640 } 3640 }
3641 .main__employer-page-one-item i { 3641 .main__employer-page-one-item i {
3642 font-style: normal; 3642 font-style: normal;
3643 color: #377d87; 3643 color: #377d87;
3644 } 3644 }
3645 .main__employer-page-one-item .del { 3645 .main__employer-page-one-item .del {
3646 position: absolute; 3646 position: absolute;
3647 z-index: 1; 3647 z-index: 1;
3648 top: 8px; 3648 top: 8px;
3649 left: 8px; 3649 left: 8px;
3650 } 3650 }
3651 .main__employer-page-two { 3651 .main__employer-page-two {
3652 display: -webkit-box; 3652 display: -webkit-box;
3653 display: -ms-flexbox; 3653 display: -ms-flexbox;
3654 display: flex; 3654 display: flex;
3655 -webkit-box-orient: vertical; 3655 -webkit-box-orient: vertical;
3656 -webkit-box-direction: normal; 3656 -webkit-box-direction: normal;
3657 -ms-flex-direction: column; 3657 -ms-flex-direction: column;
3658 flex-direction: column; 3658 flex-direction: column;
3659 -webkit-box-align: center; 3659 -webkit-box-align: center;
3660 -ms-flex-align: center; 3660 -ms-flex-align: center;
3661 align-items: center; 3661 align-items: center;
3662 gap: 20px; 3662 gap: 20px;
3663 } 3663 }
3664 .main__employer-page-two-item { 3664 .main__employer-page-two-item {
3665 width: 100%; 3665 width: 100%;
3666 display: -webkit-box; 3666 display: -webkit-box;
3667 display: -ms-flexbox; 3667 display: -ms-flexbox;
3668 display: flex; 3668 display: flex;
3669 -webkit-box-orient: vertical; 3669 -webkit-box-orient: vertical;
3670 -webkit-box-direction: normal; 3670 -webkit-box-direction: normal;
3671 -ms-flex-direction: column; 3671 -ms-flex-direction: column;
3672 flex-direction: column; 3672 flex-direction: column;
3673 gap: 16px; 3673 gap: 16px;
3674 padding: 20px 10px; 3674 padding: 20px 10px;
3675 border-radius: 12px; 3675 border-radius: 12px;
3676 border: 1px solid #cecece; 3676 border: 1px solid #cecece;
3677 position: relative; 3677 position: relative;
3678 overflow: hidden; 3678 overflow: hidden;
3679 font-size: 12px; 3679 font-size: 12px;
3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3681 } 3681 }
3682 @media (min-width: 768px) { 3682 @media (min-width: 768px) {
3683 .main__employer-page-two-item { 3683 .main__employer-page-two-item {
3684 font-size: 14px; 3684 font-size: 14px;
3685 padding: 20px; 3685 padding: 20px;
3686 gap: 24px; 3686 gap: 24px;
3687 padding-bottom: 35px; 3687 padding-bottom: 35px;
3688 } 3688 }
3689 } 3689 }
3690 @media (min-width: 992px) { 3690 @media (min-width: 992px) {
3691 .main__employer-page-two-item { 3691 .main__employer-page-two-item {
3692 font-size: 16px; 3692 font-size: 16px;
3693 } 3693 }
3694 } 3694 }
3695 @media (min-width: 1280px) { 3695 @media (min-width: 1280px) {
3696 .main__employer-page-two-item { 3696 .main__employer-page-two-item {
3697 font-size: 18px; 3697 font-size: 18px;
3698 } 3698 }
3699 } 3699 }
3700 .main__employer-page-two-item-toper { 3700 .main__employer-page-two-item-toper {
3701 display: -webkit-box; 3701 display: -webkit-box;
3702 display: -ms-flexbox; 3702 display: -ms-flexbox;
3703 display: flex; 3703 display: flex;
3704 -webkit-box-align: center; 3704 -webkit-box-align: center;
3705 -ms-flex-align: center; 3705 -ms-flex-align: center;
3706 align-items: center; 3706 align-items: center;
3707 font-size: 22px; 3707 font-size: 22px;
3708 font-weight: 700; 3708 font-weight: 700;
3709 color: #000; 3709 color: #000;
3710 } 3710 }
3711 @media (min-width: 768px) { 3711 @media (min-width: 768px) {
3712 .main__employer-page-two-item-toper { 3712 .main__employer-page-two-item-toper {
3713 font-size: 30px; 3713 font-size: 30px;
3714 } 3714 }
3715 } 3715 }
3716 .main__employer-page-two-item-toper img { 3716 .main__employer-page-two-item-toper img {
3717 width: 60px; 3717 width: 60px;
3718 aspect-ratio: 1/1; 3718 aspect-ratio: 1/1;
3719 -o-object-fit: contain; 3719 -o-object-fit: contain;
3720 object-fit: contain; 3720 object-fit: contain;
3721 } 3721 }
3722 .main__employer-page-two-item-toper span { 3722 .main__employer-page-two-item-toper span {
3723 width: calc(100% - 60px); 3723 width: calc(100% - 60px);
3724 padding-left: 10px; 3724 padding-left: 10px;
3725 } 3725 }
3726 @media (min-width: 768px) { 3726 @media (min-width: 768px) {
3727 .main__employer-page-two-item-toper span { 3727 .main__employer-page-two-item-toper span {
3728 padding-left: 20px; 3728 padding-left: 20px;
3729 } 3729 }
3730 } 3730 }
3731 .main__employer-page-two-item-title { 3731 .main__employer-page-two-item-title {
3732 font-size: 18px; 3732 font-size: 18px;
3733 font-weight: 700; 3733 font-weight: 700;
3734 color: #377d87; 3734 color: #377d87;
3735 } 3735 }
3736 @media (min-width: 768px) { 3736 @media (min-width: 768px) {
3737 .main__employer-page-two-item-title { 3737 .main__employer-page-two-item-title {
3738 font-size: 24px; 3738 font-size: 24px;
3739 } 3739 }
3740 } 3740 }
3741 .main__employer-page-two-item-text { 3741 .main__employer-page-two-item-text {
3742 display: -webkit-box; 3742 display: -webkit-box;
3743 display: -ms-flexbox; 3743 display: -ms-flexbox;
3744 display: flex; 3744 display: flex;
3745 -webkit-box-orient: vertical; 3745 -webkit-box-orient: vertical;
3746 -webkit-box-direction: normal; 3746 -webkit-box-direction: normal;
3747 -ms-flex-direction: column; 3747 -ms-flex-direction: column;
3748 flex-direction: column; 3748 flex-direction: column;
3749 gap: 10px; 3749 gap: 10px;
3750 } 3750 }
3751 .main__employer-page-two-item-text-name { 3751 .main__employer-page-two-item-text-name {
3752 font-weight: 700; 3752 font-weight: 700;
3753 } 3753 }
3754 .main__employer-page-two-item-text-body { 3754 .main__employer-page-two-item-text-body {
3755 color: #000; 3755 color: #000;
3756 display: -webkit-box; 3756 display: -webkit-box;
3757 display: -ms-flexbox; 3757 display: -ms-flexbox;
3758 display: flex; 3758 display: flex;
3759 -webkit-box-orient: vertical; 3759 -webkit-box-orient: vertical;
3760 -webkit-box-direction: normal; 3760 -webkit-box-direction: normal;
3761 -ms-flex-direction: column; 3761 -ms-flex-direction: column;
3762 flex-direction: column; 3762 flex-direction: column;
3763 gap: 6px; 3763 gap: 6px;
3764 padding: 0 10px; 3764 padding: 0 10px;
3765 } 3765 }
3766 .main__employer-page-two-item-text-body p { 3766 .main__employer-page-two-item-text-body p {
3767 margin: 0; 3767 margin: 0;
3768 } 3768 }
3769 .main__employer-page-two-item-text-body ul { 3769 .main__employer-page-two-item-text-body ul {
3770 margin: 0; 3770 margin: 0;
3771 padding: 0; 3771 padding: 0;
3772 padding-left: 16px; 3772 padding-left: 16px;
3773 display: -webkit-box; 3773 display: -webkit-box;
3774 display: -ms-flexbox; 3774 display: -ms-flexbox;
3775 display: flex; 3775 display: flex;
3776 -webkit-box-orient: vertical; 3776 -webkit-box-orient: vertical;
3777 -webkit-box-direction: normal; 3777 -webkit-box-direction: normal;
3778 -ms-flex-direction: column; 3778 -ms-flex-direction: column;
3779 flex-direction: column; 3779 flex-direction: column;
3780 gap: 6px; 3780 gap: 6px;
3781 } 3781 }
3782 @media (min-width: 768px) { 3782 @media (min-width: 768px) {
3783 .main__employer-page-two-item-text-body ul { 3783 .main__employer-page-two-item-text-body ul {
3784 margin: 0 5px; 3784 margin: 0 5px;
3785 } 3785 }
3786 } 3786 }
3787 .main__employer-page-two-item-text-body ul span, 3787 .main__employer-page-two-item-text-body ul span,
3788 .main__employer-page-two-item-text-body ul a { 3788 .main__employer-page-two-item-text-body ul a {
3789 color: #000; 3789 color: #000;
3790 position: relative; 3790 position: relative;
3791 } 3791 }
3792 .main__employer-page-two-item-text-body ul a:hover { 3792 .main__employer-page-two-item-text-body ul a:hover {
3793 color: #377d87; 3793 color: #377d87;
3794 } 3794 }
3795 .main__employer-page-two-item-text-body p + ul { 3795 .main__employer-page-two-item-text-body p + ul {
3796 margin-top: 10px; 3796 margin-top: 10px;
3797 } 3797 }
3798 .main__employer-page-two-item-text-links { 3798 .main__employer-page-two-item-text-links {
3799 display: -webkit-box; 3799 display: -webkit-box;
3800 display: -ms-flexbox; 3800 display: -ms-flexbox;
3801 display: flex; 3801 display: flex;
3802 -webkit-box-orient: vertical; 3802 -webkit-box-orient: vertical;
3803 -webkit-box-direction: normal; 3803 -webkit-box-direction: normal;
3804 -ms-flex-direction: column; 3804 -ms-flex-direction: column;
3805 flex-direction: column; 3805 flex-direction: column;
3806 -webkit-box-align: start; 3806 -webkit-box-align: start;
3807 -ms-flex-align: start; 3807 -ms-flex-align: start;
3808 align-items: flex-start; 3808 align-items: flex-start;
3809 gap: 10px; 3809 gap: 10px;
3810 padding: 0 10px; 3810 padding: 0 10px;
3811 font-weight: 700; 3811 font-weight: 700;
3812 margin-top: 5px; 3812 margin-top: 5px;
3813 } 3813 }
3814 @media (min-width: 768px) { 3814 @media (min-width: 768px) {
3815 .main__employer-page-two-item-text-links { 3815 .main__employer-page-two-item-text-links {
3816 gap: 20px; 3816 gap: 20px;
3817 } 3817 }
3818 } 3818 }
3819 .main__employer-page-two-item-text-links a { 3819 .main__employer-page-two-item-text-links a {
3820 color: #4d88d9; 3820 color: #4d88d9;
3821 } 3821 }
3822 .main__employer-page-two-item-text-links a:hover { 3822 .main__employer-page-two-item-text-links a:hover {
3823 color: #377d87; 3823 color: #377d87;
3824 } 3824 }
3825 .main__employer-page-two-item-tags { 3825 .main__employer-page-two-item-tags {
3826 color: #4d88d9; 3826 color: #4d88d9;
3827 font-weight: 500; 3827 font-weight: 500;
3828 display: -webkit-box; 3828 display: -webkit-box;
3829 display: -ms-flexbox; 3829 display: -ms-flexbox;
3830 display: flex; 3830 display: flex;
3831 -webkit-box-align: center; 3831 -webkit-box-align: center;
3832 -ms-flex-align: center; 3832 -ms-flex-align: center;
3833 align-items: center; 3833 align-items: center;
3834 -ms-flex-wrap: wrap; 3834 -ms-flex-wrap: wrap;
3835 flex-wrap: wrap; 3835 flex-wrap: wrap;
3836 gap: 10px 20px; 3836 gap: 10px 20px;
3837 } 3837 }
3838 @media (min-width: 768px) { 3838 @media (min-width: 768px) {
3839 .main__employer-page-two-item-tags { 3839 .main__employer-page-two-item-tags {
3840 font-size: 14px; 3840 font-size: 14px;
3841 } 3841 }
3842 } 3842 }
3843 .main__employer-page-two-item-buttons { 3843 .main__employer-page-two-item-buttons {
3844 display: grid; 3844 display: grid;
3845 grid-template-columns: repeat(2, 1fr); 3845 grid-template-columns: repeat(2, 1fr);
3846 gap: 20px; 3846 gap: 20px;
3847 } 3847 }
3848 @media (min-width: 768px) { 3848 @media (min-width: 768px) {
3849 .main__employer-page-two-item-button { 3849 .main__employer-page-two-item-button {
3850 position: absolute; 3850 position: absolute;
3851 bottom: 20px; 3851 bottom: 20px;
3852 left: 20px; 3852 left: 20px;
3853 width: 200px; 3853 width: 200px;
3854 padding: 0; 3854 padding: 0;
3855 } 3855 }
3856 } 3856 }
3857 @media (min-width: 768px) { 3857 @media (min-width: 768px) {
3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3859 left: auto; 3859 left: auto;
3860 right: 20px; 3860 right: 20px;
3861 } 3861 }
3862 } 3862 }
3863 .main__employer-page-two-item-bottom { 3863 .main__employer-page-two-item-bottom {
3864 display: -webkit-box; 3864 display: -webkit-box;
3865 display: -ms-flexbox; 3865 display: -ms-flexbox;
3866 display: flex; 3866 display: flex;
3867 -webkit-box-align: center; 3867 -webkit-box-align: center;
3868 -ms-flex-align: center; 3868 -ms-flex-align: center;
3869 align-items: center; 3869 align-items: center;
3870 -webkit-box-pack: justify; 3870 -webkit-box-pack: justify;
3871 -ms-flex-pack: justify; 3871 -ms-flex-pack: justify;
3872 justify-content: space-between; 3872 justify-content: space-between;
3873 } 3873 }
3874 .main__employer-page-two-item-bottom-date { 3874 .main__employer-page-two-item-bottom-date {
3875 color: #000; 3875 color: #000;
3876 } 3876 }
3877 @media (min-width: 768px) { 3877 @media (min-width: 768px) {
3878 .main__employer-page-two-item-bottom-date { 3878 .main__employer-page-two-item-bottom-date {
3879 position: absolute; 3879 position: absolute;
3880 bottom: 20px; 3880 bottom: 20px;
3881 right: 240px; 3881 right: 240px;
3882 height: 42px; 3882 height: 42px;
3883 display: -webkit-box; 3883 display: -webkit-box;
3884 display: -ms-flexbox; 3884 display: -ms-flexbox;
3885 display: flex; 3885 display: flex;
3886 -webkit-box-align: center; 3886 -webkit-box-align: center;
3887 -ms-flex-align: center; 3887 -ms-flex-align: center;
3888 align-items: center; 3888 align-items: center;
3889 } 3889 }
3890 } 3890 }
3891 @media (min-width: 992px) { 3891 @media (min-width: 992px) {
3892 .main__employer-page-two-item-bottom-date { 3892 .main__employer-page-two-item-bottom-date {
3893 font-size: 16px; 3893 font-size: 16px;
3894 } 3894 }
3895 } 3895 }
3896 @media (min-width: 768px) { 3896 @media (min-width: 768px) {
3897 .main__employer-page-two-item-bottom-like { 3897 .main__employer-page-two-item-bottom-like {
3898 position: absolute; 3898 position: absolute;
3899 bottom: 20px; 3899 bottom: 20px;
3900 left: 240px; 3900 left: 240px;
3901 } 3901 }
3902 } 3902 }
3903 @media (min-width: 768px) { 3903 @media (min-width: 768px) {
3904 .main__employer-page-two-more { 3904 .main__employer-page-two-more {
3905 margin-top: 10px; 3905 margin-top: 10px;
3906 padding: 0; 3906 padding: 0;
3907 width: 200px; 3907 width: 200px;
3908 } 3908 }
3909 } 3909 }
3910 .main__employer-page-two .main__employer-page-two-item { 3910 .main__employer-page-two .main__employer-page-two-item {
3911 /*display: none;*/ 3911 /*display: none;*/
3912 } 3912 }
3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 } 3917 }
3918 .main__employer-page-two.active .main__employer-page-two-item { 3918 .main__employer-page-two.active .main__employer-page-two-item {
3919 display: -webkit-box; 3919 display: -webkit-box;
3920 display: -ms-flexbox; 3920 display: -ms-flexbox;
3921 display: flex; 3921 display: flex;
3922 } 3922 }
3923 .main__resume-base { 3923 .main__resume-base {
3924 display: -webkit-box; 3924 display: -webkit-box;
3925 display: -ms-flexbox; 3925 display: -ms-flexbox;
3926 display: flex; 3926 display: flex;
3927 -webkit-box-orient: vertical; 3927 -webkit-box-orient: vertical;
3928 -webkit-box-direction: normal; 3928 -webkit-box-direction: normal;
3929 -ms-flex-direction: column; 3929 -ms-flex-direction: column;
3930 flex-direction: column; 3930 flex-direction: column;
3931 color: #000; 3931 color: #000;
3932 } 3932 }
3933 .main__resume-base-body { 3933 .main__resume-base-body {
3934 display: none; 3934 display: none;
3935 -webkit-box-orient: vertical; 3935 -webkit-box-orient: vertical;
3936 -webkit-box-direction: normal; 3936 -webkit-box-direction: normal;
3937 -ms-flex-direction: column; 3937 -ms-flex-direction: column;
3938 flex-direction: column; 3938 flex-direction: column;
3939 margin-top: 10px; 3939 margin-top: 10px;
3940 } 3940 }
3941 @media (min-width: 768px) { 3941 @media (min-width: 768px) {
3942 .main__resume-base-body { 3942 .main__resume-base-body {
3943 margin-top: 30px; 3943 margin-top: 30px;
3944 } 3944 }
3945 } 3945 }
3946 .main__resume-base-body.showed { 3946 .main__resume-base-body.showed {
3947 display: -webkit-box; 3947 display: -webkit-box;
3948 display: -ms-flexbox; 3948 display: -ms-flexbox;
3949 display: flex; 3949 display: flex;
3950 } 3950 }
3951 .main__resume-base-body-one { 3951 .main__resume-base-body-one {
3952 display: -webkit-box; 3952 display: -webkit-box;
3953 display: -ms-flexbox; 3953 display: -ms-flexbox;
3954 display: flex; 3954 display: flex;
3955 -webkit-box-orient: vertical; 3955 -webkit-box-orient: vertical;
3956 -webkit-box-direction: normal; 3956 -webkit-box-direction: normal;
3957 -ms-flex-direction: column; 3957 -ms-flex-direction: column;
3958 flex-direction: column; 3958 flex-direction: column;
3959 -webkit-box-align: center; 3959 -webkit-box-align: center;
3960 -ms-flex-align: center; 3960 -ms-flex-align: center;
3961 align-items: center; 3961 align-items: center;
3962 gap: 20px; 3962 gap: 20px;
3963 } 3963 }
3964 @media (min-width: 768px) { 3964 @media (min-width: 768px) {
3965 .main__resume-base-body-one { 3965 .main__resume-base-body-one {
3966 gap: 30px; 3966 gap: 30px;
3967 } 3967 }
3968 } 3968 }
3969 .main__resume-base-body-two { 3969 .main__resume-base-body-two {
3970 display: -webkit-box; 3970 display: -webkit-box;
3971 display: -ms-flexbox; 3971 display: -ms-flexbox;
3972 display: flex; 3972 display: flex;
3973 -webkit-box-orient: vertical; 3973 -webkit-box-orient: vertical;
3974 -webkit-box-direction: normal; 3974 -webkit-box-direction: normal;
3975 -ms-flex-direction: column; 3975 -ms-flex-direction: column;
3976 flex-direction: column; 3976 flex-direction: column;
3977 gap: 20px; 3977 gap: 20px;
3978 } 3978 }
3979 @media (min-width: 768px) { 3979 @media (min-width: 768px) {
3980 .main__resume-base-body-two { 3980 .main__resume-base-body-two {
3981 -webkit-box-orient: horizontal; 3981 -webkit-box-orient: horizontal;
3982 -webkit-box-direction: normal; 3982 -webkit-box-direction: normal;
3983 -ms-flex-direction: row; 3983 -ms-flex-direction: row;
3984 flex-direction: row; 3984 flex-direction: row;
3985 -webkit-box-pack: justify; 3985 -webkit-box-pack: justify;
3986 -ms-flex-pack: justify; 3986 -ms-flex-pack: justify;
3987 justify-content: space-between; 3987 justify-content: space-between;
3988 -webkit-box-align: start; 3988 -webkit-box-align: start;
3989 -ms-flex-align: start; 3989 -ms-flex-align: start;
3990 align-items: flex-start; 3990 align-items: flex-start;
3991 -ms-flex-wrap: wrap; 3991 -ms-flex-wrap: wrap;
3992 flex-wrap: wrap; 3992 flex-wrap: wrap;
3993 gap: 30px 0; 3993 gap: 30px 0;
3994 } 3994 }
3995 } 3995 }
3996 @media (min-width: 768px) { 3996 @media (min-width: 768px) {
3997 .main__resume-base-body-two .main__resume-base-body-item { 3997 .main__resume-base-body-two .main__resume-base-body-item {
3998 width: calc(50% - 10px); 3998 width: calc(50% - 10px);
3999 } 3999 }
4000 } 4000 }
4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4002 -webkit-box-orient: vertical; 4002 -webkit-box-orient: vertical;
4003 -webkit-box-direction: normal; 4003 -webkit-box-direction: normal;
4004 -ms-flex-direction: column; 4004 -ms-flex-direction: column;
4005 flex-direction: column; 4005 flex-direction: column;
4006 } 4006 }
4007 .main__resume-base-body-item { 4007 .main__resume-base-body-item {
4008 width: 100%; 4008 width: 100%;
4009 display: -webkit-box; 4009 display: -webkit-box;
4010 display: -ms-flexbox; 4010 display: -ms-flexbox;
4011 display: flex; 4011 display: flex;
4012 -webkit-box-orient: vertical; 4012 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4013 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4014 -ms-flex-direction: column;
4015 flex-direction: column; 4015 flex-direction: column;
4016 gap: 20px; 4016 gap: 20px;
4017 position: relative; 4017 position: relative;
4018 border: 1px solid #377d87; 4018 border: 1px solid #377d87;
4019 border-radius: 8px; 4019 border-radius: 8px;
4020 padding: 10px; 4020 padding: 10px;
4021 -webkit-box-align: center; 4021 -webkit-box-align: center;
4022 -ms-flex-align: center; 4022 -ms-flex-align: center;
4023 align-items: center; 4023 align-items: center;
4024 } 4024 }
4025 @media (min-width: 768px) { 4025 @media (min-width: 768px) {
4026 .main__resume-base-body-item { 4026 .main__resume-base-body-item {
4027 padding: 20px; 4027 padding: 20px;
4028 } 4028 }
4029 } 4029 }
4030 .main__resume-base-body-item-buttons { 4030 .main__resume-base-body-item-buttons {
4031 margin-top: 10px; 4031 margin-top: 10px;
4032 } 4032 }
4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4034 width: 100%; 4034 width: 100%;
4035 margin-bottom: 10px; 4035 margin-bottom: 10px;
4036 } 4036 }
4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038 background: #377d87; 4038 background: #377d87;
4039 color: #fff; 4039 color: #fff;
4040 } 4040 }
4041 .main__resume-base-body-item-buttons .chat.active{ 4041 .main__resume-base-body-item-buttons .chat.active{
4042 background: #fff; 4042 background: #fff;
4043 color: #377d87; 4043 color: #377d87;
4044 } 4044 }
4045 .main__resume-base-body-item-buttons button.like.active{ 4045 .main__resume-base-body-item-buttons button.like.active{
4046 background-color: #ffffff; 4046 background-color: #ffffff;
4047 color: #eb5757; 4047 color: #eb5757;
4048 } 4048 }
4049 .main__resume-base-body-item-buttons button span{ 4049 .main__resume-base-body-item-buttons button span{
4050 margin-left: 10px; 4050 margin-left: 10px;
4051 } 4051 }
4052 .main__resume-base-body-item-buttons .like .in-favorites{ 4052 .main__resume-base-body-item-buttons .like .in-favorites{
4053 display: none; 4053 display: none;
4054 } 4054 }
4055 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4055 .main__resume-base-body-item-buttons .like.active .in-favorites{
4056 display: block; 4056 display: block;
4057 color: #eb5757; 4057 color: #eb5757;
4058 } 4058 }
4059 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4059 .main__resume-base-body-item-buttons .like.active .to-favorites{
4060 display: none; 4060 display: none;
4061 } 4061 }
4062 .main__resume-base-body-item-wrapper { 4062 .main__resume-base-body-item-wrapper {
4063 display: -webkit-box; 4063 display: -webkit-box;
4064 display: -ms-flexbox; 4064 display: -ms-flexbox;
4065 display: flex; 4065 display: flex;
4066 -webkit-box-orient: vertical; 4066 -webkit-box-orient: vertical;
4067 -webkit-box-direction: normal; 4067 -webkit-box-direction: normal;
4068 -ms-flex-direction: column; 4068 -ms-flex-direction: column;
4069 flex-direction: column; 4069 flex-direction: column;
4070 -webkit-box-align: start; 4070 -webkit-box-align: start;
4071 -ms-flex-align: start; 4071 -ms-flex-align: start;
4072 align-items: flex-start; 4072 align-items: flex-start;
4073 gap: 20px; 4073 gap: 20px;
4074 width: 100%; 4074 width: 100%;
4075 } 4075 }
4076 @media (min-width: 768px) { 4076 @media (min-width: 768px) {
4077 .main__resume-base-body-item-wrapper { 4077 .main__resume-base-body-item-wrapper {
4078 -webkit-box-orient: horizontal; 4078 -webkit-box-orient: horizontal;
4079 -webkit-box-direction: normal; 4079 -webkit-box-direction: normal;
4080 -ms-flex-direction: row; 4080 -ms-flex-direction: row;
4081 flex-direction: row; 4081 flex-direction: row;
4082 } 4082 }
4083 } 4083 }
4084 .main__resume-base-body-item-photo { 4084 .main__resume-base-body-item-photo {
4085 width: 180px; 4085 width: 180px;
4086 aspect-ratio: 1/1; 4086 aspect-ratio: 1/1;
4087 -o-object-fit: cover; 4087 -o-object-fit: cover;
4088 object-fit: cover; 4088 object-fit: cover;
4089 border-radius: 8px; 4089 border-radius: 8px;
4090 } 4090 }
4091 @media (min-width: 768px) { 4091 @media (min-width: 768px) {
4092 .main__resume-base-body-item-photo { 4092 .main__resume-base-body-item-photo {
4093 width: 210px; 4093 width: 210px;
4094 } 4094 }
4095 } 4095 }
4096 .main__resume-base-body-item-inner { 4096 .main__resume-base-body-item-inner {
4097 display: -webkit-box; 4097 display: -webkit-box;
4098 display: -ms-flexbox; 4098 display: -ms-flexbox;
4099 display: flex; 4099 display: flex;
4100 -webkit-box-orient: vertical; 4100 -webkit-box-orient: vertical;
4101 -webkit-box-direction: normal; 4101 -webkit-box-direction: normal;
4102 -ms-flex-direction: column; 4102 -ms-flex-direction: column;
4103 flex-direction: column; 4103 flex-direction: column;
4104 gap: 10px; 4104 gap: 10px;
4105 width: 100%; 4105 width: 100%;
4106 row-gap: 10px; 4106 row-gap: 10px;
4107 } 4107 }
4108 .main__resume-base-body-item-inner .horizontal{ 4108 .main__resume-base-body-item-inner .horizontal{
4109 -webkit-box-orient: horizontal; 4109 -webkit-box-orient: horizontal;
4110 -ms-flex-direction: unset; 4110 -ms-flex-direction: unset;
4111 flex-direction: row; 4111 flex-direction: row;
4112 align-items: start; 4112 align-items: start;
4113 } 4113 }
4114 .main__resume-base-item-status{ 4114 .main__resume-base-item-status{
4115 width: fit-content; 4115 width: fit-content;
4116 background-color: #e6e6e6; 4116 background-color: #e6e6e6;
4117 font-weight: bold; 4117 font-weight: bold;
4118 padding: 5px 10px; 4118 padding: 5px 10px;
4119 border-radius: 8px; 4119 border-radius: 8px;
4120 } 4120 }
4121 .main__resume-base-item-status.looking-for-job{ 4121 .main__resume-base-item-status.looking-for-job{
4122 background-color: #eb5757; 4122 background-color: #eb5757;
4123 color: #fff; 4123 color: #fff;
4124 } 4124 }
4125 .main__resume-base-item-updated-at{ 4125 .main__resume-base-item-updated-at{
4126 padding: 5px 10px; 4126 padding: 5px 10px;
4127 border-radius: 8px; 4127 border-radius: 8px;
4128 border: 1px #e6e6e6 solid; 4128 border: 1px #e6e6e6 solid;
4129 } 4129 }
4130 @media (min-width: 768px) { 4130 @media (min-width: 768px) {
4131 .main__resume-base-body-item-inner { 4131 .main__resume-base-body-item-inner {
4132 gap: 16px; 4132 gap: 16px;
4133 padding-right: 50px; 4133 padding-right: 50px;
4134 } 4134 }
4135 } 4135 }
4136 @media (min-width: 992px) { 4136 @media (min-width: 992px) {
4137 .main__resume-base-body-item-inner { 4137 .main__resume-base-body-item-inner {
4138 display: grid; 4138 display: grid;
4139 grid-template-columns: repeat(2, 1fr); 4139 grid-template-columns: repeat(2, 1fr);
4140 gap: 30px; 4140 gap: 30px;
4141 row-gap: 10px; 4141 row-gap: 10px;
4142 } 4142 }
4143 } 4143 }
4144 .main__resume-base-body-item-inner div { 4144 .main__resume-base-body-item-inner div {
4145 display: -webkit-box; 4145 display: -webkit-box;
4146 display: -ms-flexbox; 4146 display: -ms-flexbox;
4147 display: flex; 4147 display: flex;
4148 -webkit-box-orient: vertical; 4148 -webkit-box-orient: vertical;
4149 -webkit-box-direction: normal; 4149 -webkit-box-direction: normal;
4150 -ms-flex-direction: column; 4150 -ms-flex-direction: column;
4151 flex-direction: column; 4151 flex-direction: column;
4152 gap: 4px; 4152 gap: 4px;
4153 font-size: 12px; 4153 font-size: 12px;
4154 } 4154 }
4155 @media (min-width: 768px) { 4155 @media (min-width: 768px) {
4156 .main__resume-base-body-item-inner div { 4156 .main__resume-base-body-item-inner div {
4157 font-size: 16px; 4157 font-size: 16px;
4158 } 4158 }
4159 } 4159 }
4160 .main__resume-base-body-item-inner b { 4160 .main__resume-base-body-item-inner b {
4161 color: #377d87; 4161 color: #377d87;
4162 font-size: 14px; 4162 font-size: 14px;
4163 } 4163 }
4164 @media (min-width: 768px) { 4164 @media (min-width: 768px) {
4165 .main__resume-base-body-item-inner b { 4165 .main__resume-base-body-item-inner b {
4166 font-size: 18px; 4166 font-size: 18px;
4167 } 4167 }
4168 } 4168 }
4169 .main__resume-base-body-item-link { 4169 .main__resume-base-body-item-link {
4170 width: 100%; 4170 width: 100%;
4171 padding: 0; 4171 padding: 0;
4172 } 4172 }
4173 @media (min-width: 768px) { 4173 @media (min-width: 768px) {
4174 .main__resume-base-body-item-link { 4174 .main__resume-base-body-item-link {
4175 width: 200px; 4175 width: 200px;
4176 } 4176 }
4177 } 4177 }
4178 .main__spoiler { 4178 .main__spoiler {
4179 overflow: hidden; 4179 overflow: hidden;
4180 border-radius: 8px; 4180 border-radius: 8px;
4181 display: -webkit-box; 4181 display: -webkit-box;
4182 display: -ms-flexbox; 4182 display: -ms-flexbox;
4183 display: flex; 4183 display: flex;
4184 -webkit-box-orient: vertical; 4184 -webkit-box-orient: vertical;
4185 -webkit-box-direction: normal; 4185 -webkit-box-direction: normal;
4186 -ms-flex-direction: column; 4186 -ms-flex-direction: column;
4187 flex-direction: column; 4187 flex-direction: column;
4188 } 4188 }
4189 .main__spoiler-toper { 4189 .main__spoiler-toper {
4190 background: #377d87; 4190 background: #377d87;
4191 height: 30px; 4191 height: 30px;
4192 display: -webkit-box; 4192 display: -webkit-box;
4193 display: -ms-flexbox; 4193 display: -ms-flexbox;
4194 display: flex; 4194 display: flex;
4195 -webkit-box-align: center; 4195 -webkit-box-align: center;
4196 -ms-flex-align: center; 4196 -ms-flex-align: center;
4197 align-items: center; 4197 align-items: center;
4198 -webkit-box-pack: center; 4198 -webkit-box-pack: center;
4199 -ms-flex-pack: center; 4199 -ms-flex-pack: center;
4200 justify-content: center; 4200 justify-content: center;
4201 color: #fff; 4201 color: #fff;
4202 font-size: 12px; 4202 font-size: 12px;
4203 font-weight: 700; 4203 font-weight: 700;
4204 padding: 0 30px; 4204 padding: 0 30px;
4205 border: none; 4205 border: none;
4206 position: relative; 4206 position: relative;
4207 } 4207 }
4208 @media (min-width: 768px) { 4208 @media (min-width: 768px) {
4209 .main__spoiler-toper { 4209 .main__spoiler-toper {
4210 font-size: 18px; 4210 font-size: 18px;
4211 height: 50px; 4211 height: 50px;
4212 padding: 0 60px; 4212 padding: 0 60px;
4213 } 4213 }
4214 } 4214 }
4215 .main__spoiler-toper:before, .main__spoiler-toper:after { 4215 .main__spoiler-toper:before, .main__spoiler-toper:after {
4216 content: ""; 4216 content: "";
4217 background: #fff; 4217 background: #fff;
4218 border-radius: 999px; 4218 border-radius: 999px;
4219 width: 10px; 4219 width: 10px;
4220 height: 1px; 4220 height: 1px;
4221 position: absolute; 4221 position: absolute;
4222 top: 50%; 4222 top: 50%;
4223 right: 10px; 4223 right: 10px;
4224 -webkit-transition: 0.3s; 4224 -webkit-transition: 0.3s;
4225 transition: 0.3s; 4225 transition: 0.3s;
4226 -webkit-transform: translate(0, -50%); 4226 -webkit-transform: translate(0, -50%);
4227 -ms-transform: translate(0, -50%); 4227 -ms-transform: translate(0, -50%);
4228 transform: translate(0, -50%); 4228 transform: translate(0, -50%);
4229 } 4229 }
4230 @media (min-width: 768px) { 4230 @media (min-width: 768px) {
4231 .main__spoiler-toper:before, .main__spoiler-toper:after { 4231 .main__spoiler-toper:before, .main__spoiler-toper:after {
4232 width: 20px; 4232 width: 20px;
4233 height: 2px; 4233 height: 2px;
4234 right: 20px; 4234 right: 20px;
4235 } 4235 }
4236 } 4236 }
4237 .main__spoiler-toper:after { 4237 .main__spoiler-toper:after {
4238 -webkit-transform: rotate(90deg); 4238 -webkit-transform: rotate(90deg);
4239 -ms-transform: rotate(90deg); 4239 -ms-transform: rotate(90deg);
4240 transform: rotate(90deg); 4240 transform: rotate(90deg);
4241 } 4241 }
4242 .main__spoiler-toper.active:after { 4242 .main__spoiler-toper.active:after {
4243 -webkit-transform: rotate(0deg); 4243 -webkit-transform: rotate(0deg);
4244 -ms-transform: rotate(0deg); 4244 -ms-transform: rotate(0deg);
4245 transform: rotate(0deg); 4245 transform: rotate(0deg);
4246 } 4246 }
4247 .main__spoiler-body { 4247 .main__spoiler-body {
4248 opacity: 0; 4248 opacity: 0;
4249 height: 0; 4249 height: 0;
4250 overflow: hidden; 4250 overflow: hidden;
4251 border-radius: 0 0 8px 8px; 4251 border-radius: 0 0 8px 8px;
4252 background: #fff; 4252 background: #fff;
4253 } 4253 }
4254 .main__spoiler-body table { 4254 .main__spoiler-body table {
4255 width: calc(100% + 2px); 4255 width: calc(100% + 2px);
4256 margin-left: -1px; 4256 margin-left: -1px;
4257 margin-bottom: -1px; 4257 margin-bottom: -1px;
4258 } 4258 }
4259 @media (min-width: 992px) { 4259 @media (min-width: 992px) {
4260 .main__spoiler-body table td { 4260 .main__spoiler-body table td {
4261 width: 50%; 4261 width: 50%;
4262 } 4262 }
4263 } 4263 }
4264 @media (min-width: 992px) { 4264 @media (min-width: 992px) {
4265 .main__spoiler-body table td + td { 4265 .main__spoiler-body table td + td {
4266 width: 50%; 4266 width: 50%;
4267 } 4267 }
4268 } 4268 }
4269 .active + .main__spoiler-body { 4269 .active + .main__spoiler-body {
4270 -webkit-transition: 0.3s; 4270 -webkit-transition: 0.3s;
4271 transition: 0.3s; 4271 transition: 0.3s;
4272 opacity: 1; 4272 opacity: 1;
4273 height: auto; 4273 height: auto;
4274 border: 1px solid #cecece; 4274 border: 1px solid #cecece;
4275 border-top: none; 4275 border-top: none;
4276 } 4276 }
4277 .main__table { 4277 .main__table {
4278 border-collapse: collapse; 4278 border-collapse: collapse;
4279 table-layout: fixed; 4279 table-layout: fixed;
4280 font-size: 12px; 4280 font-size: 12px;
4281 width: 100%; 4281 width: 100%;
4282 background: #fff; 4282 background: #fff;
4283 } 4283 }
4284 @media (min-width: 768px) { 4284 @media (min-width: 768px) {
4285 .main__table { 4285 .main__table {
4286 font-size: 16px; 4286 font-size: 16px;
4287 } 4287 }
4288 } 4288 }
4289 .main__table td { 4289 .main__table td {
4290 border: 1px solid #cecece; 4290 border: 1px solid #cecece;
4291 padding: 4px 8px; 4291 padding: 4px 8px;
4292 vertical-align: top; 4292 vertical-align: top;
4293 } 4293 }
4294 @media (min-width: 768px) { 4294 @media (min-width: 768px) {
4295 .main__table td { 4295 .main__table td {
4296 padding: 8px 16px; 4296 padding: 8px 16px;
4297 } 4297 }
4298 } 4298 }
4299 .main__table td b { 4299 .main__table td b {
4300 font-weight: 700; 4300 font-weight: 700;
4301 } 4301 }
4302 .main__table_three { 4302 .main__table_three {
4303 table-layout: auto; 4303 table-layout: auto;
4304 } 4304 }
4305 .main__table_three td { 4305 .main__table_three td {
4306 width: 25% !important; 4306 width: 25% !important;
4307 } 4307 }
4308 .main__table_three td:last-child { 4308 .main__table_three td:last-child {
4309 width: 50% !important; 4309 width: 50% !important;
4310 } 4310 }
4311 .main__table b { 4311 .main__table b {
4312 display: block; 4312 display: block;
4313 } 4313 }
4314 .main__table a { 4314 .main__table a {
4315 color: #377d87; 4315 color: #377d87;
4316 text-decoration: underline; 4316 text-decoration: underline;
4317 } 4317 }
4318 .main__table a:hover { 4318 .main__table a:hover {
4319 color: #000; 4319 color: #000;
4320 } 4320 }
4321 .main__resume-profile-about { 4321 .main__resume-profile-about {
4322 padding-top: 20px; 4322 padding-top: 20px;
4323 padding-bottom: 30px; 4323 padding-bottom: 30px;
4324 position: relative; 4324 position: relative;
4325 margin-top: 30px; 4325 margin-top: 30px;
4326 display: -webkit-box; 4326 display: -webkit-box;
4327 display: -ms-flexbox; 4327 display: -ms-flexbox;
4328 display: flex; 4328 display: flex;
4329 -webkit-box-orient: vertical; 4329 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4330 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4331 -ms-flex-direction: column;
4332 flex-direction: column; 4332 flex-direction: column;
4333 -webkit-box-align: start; 4333 -webkit-box-align: start;
4334 -ms-flex-align: start; 4334 -ms-flex-align: start;
4335 align-items: flex-start; 4335 align-items: flex-start;
4336 gap: 10px; 4336 gap: 10px;
4337 } 4337 }
4338 @media (min-width: 992px) { 4338 @media (min-width: 992px) {
4339 .main__resume-profile-about { 4339 .main__resume-profile-about {
4340 padding: 50px 0; 4340 padding: 50px 0;
4341 } 4341 }
4342 } 4342 }
4343 .main__resume-profile-about:before { 4343 .main__resume-profile-about:before {
4344 content: ""; 4344 content: "";
4345 position: absolute; 4345 position: absolute;
4346 z-index: 1; 4346 z-index: 1;
4347 top: 0; 4347 top: 0;
4348 left: 50%; 4348 left: 50%;
4349 width: 20000px; 4349 width: 20000px;
4350 height: 100%; 4350 height: 100%;
4351 margin-left: -10000px; 4351 margin-left: -10000px;
4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4353 } 4353 }
4354 .main__resume-profile-about-title { 4354 .main__resume-profile-about-title {
4355 position: relative; 4355 position: relative;
4356 z-index: 2; 4356 z-index: 2;
4357 color: #000; 4357 color: #000;
4358 } 4358 }
4359 .main__resume-profile-about-buttons{ 4359 .main__resume-profile-about-buttons{
4360 display: flex; 4360 display: flex;
4361 width: 100%; 4361 width: 100%;
4362 position: relative; 4362 position: relative;
4363 z-index: 2; 4363 z-index: 2;
4364 } 4364 }
4365 .main__resume-profile-about-buttons .like{ 4365 .main__resume-profile-about-buttons .like{
4366 width: 200px; 4366 width: 200px;
4367 } 4367 }
4368 .main__resume-profile-about-buttons .like.active{ 4368 .main__resume-profile-about-buttons .like.active{
4369 background: #fff; 4369 background: #fff;
4370 color: #eb5757; 4370 color: #eb5757;
4371 } 4371 }
4372 .main__resume-profile-about-buttons .like .in-favorites{ 4372 .main__resume-profile-about-buttons .like .in-favorites{
4373 display: none; 4373 display: none;
4374 } 4374 }
4375 .main__resume-profile-about-buttons .like.active .in-favorites{ 4375 .main__resume-profile-about-buttons .like.active .in-favorites{
4376 display: block; 4376 display: block;
4377 color: #eb5757; 4377 color: #eb5757;
4378 } 4378 }
4379 .main__resume-profile-about-buttons .like.active .to-favorites{ 4379 .main__resume-profile-about-buttons .like.active .to-favorites{
4380 display: none; 4380 display: none;
4381 } 4381 }
4382 .main__resume-profile-about-text { 4382 .main__resume-profile-about-text {
4383 position: relative; 4383 position: relative;
4384 z-index: 2; 4384 z-index: 2;
4385 } 4385 }
4386 .main__resume-profile-info { 4386 .main__resume-profile-info {
4387 display: -webkit-box; 4387 display: -webkit-box;
4388 display: -ms-flexbox; 4388 display: -ms-flexbox;
4389 display: flex; 4389 display: flex;
4390 -webkit-box-orient: vertical; 4390 -webkit-box-orient: vertical;
4391 -webkit-box-direction: normal; 4391 -webkit-box-direction: normal;
4392 -ms-flex-direction: column; 4392 -ms-flex-direction: column;
4393 flex-direction: column; 4393 flex-direction: column;
4394 gap: 20px; 4394 gap: 20px;
4395 margin-top: 30px; 4395 margin-top: 30px;
4396 } 4396 }
4397 @media (min-width: 992px) { 4397 @media (min-width: 992px) {
4398 .main__resume-profile-info { 4398 .main__resume-profile-info {
4399 margin-top: 50px; 4399 margin-top: 50px;
4400 gap: 30px; 4400 gap: 30px;
4401 } 4401 }
4402 } 4402 }
4403 .main__resume-profile-info-title { 4403 .main__resume-profile-info-title {
4404 color: #000; 4404 color: #000;
4405 } 4405 }
4406 .main__resume-profile-info-body { 4406 .main__resume-profile-info-body {
4407 display: -webkit-box; 4407 display: -webkit-box;
4408 display: -ms-flexbox; 4408 display: -ms-flexbox;
4409 display: flex; 4409 display: flex;
4410 -webkit-box-orient: vertical; 4410 -webkit-box-orient: vertical;
4411 -webkit-box-direction: normal; 4411 -webkit-box-direction: normal;
4412 -ms-flex-direction: column; 4412 -ms-flex-direction: column;
4413 flex-direction: column; 4413 flex-direction: column;
4414 gap: 20px; 4414 gap: 20px;
4415 } 4415 }
4416 @media (min-width: 992px) { 4416 @media (min-width: 992px) {
4417 .main__resume-profile-info-body { 4417 .main__resume-profile-info-body {
4418 gap: 30px; 4418 gap: 30px;
4419 } 4419 }
4420 } 4420 }
4421 .main__resume-profile-info-body-item { 4421 .main__resume-profile-info-body-item {
4422 display: -webkit-box; 4422 display: -webkit-box;
4423 display: -ms-flexbox; 4423 display: -ms-flexbox;
4424 display: flex; 4424 display: flex;
4425 -webkit-box-orient: vertical; 4425 -webkit-box-orient: vertical;
4426 -webkit-box-direction: normal; 4426 -webkit-box-direction: normal;
4427 -ms-flex-direction: column; 4427 -ms-flex-direction: column;
4428 flex-direction: column; 4428 flex-direction: column;
4429 gap: 10px; 4429 gap: 10px;
4430 } 4430 }
4431 @media (min-width: 768px) { 4431 @media (min-width: 768px) {
4432 .main__resume-profile-info-body-item { 4432 .main__resume-profile-info-body-item {
4433 gap: 20px; 4433 gap: 20px;
4434 } 4434 }
4435 } 4435 }
4436 .main__resume-profile-info-body-subtitle { 4436 .main__resume-profile-info-body-subtitle {
4437 color: #4d88d9; 4437 color: #4d88d9;
4438 } 4438 }
4439 .main__resume-profile-info-body-inner { 4439 .main__resume-profile-info-body-inner {
4440 display: -webkit-box; 4440 display: -webkit-box;
4441 display: -ms-flexbox; 4441 display: -ms-flexbox;
4442 display: flex; 4442 display: flex;
4443 -webkit-box-orient: vertical; 4443 -webkit-box-orient: vertical;
4444 -webkit-box-direction: normal; 4444 -webkit-box-direction: normal;
4445 -ms-flex-direction: column; 4445 -ms-flex-direction: column;
4446 flex-direction: column; 4446 flex-direction: column;
4447 gap: 20px; 4447 gap: 20px;
4448 margin: 0; 4448 margin: 0;
4449 padding: 0; 4449 padding: 0;
4450 font-size: 12px; 4450 font-size: 12px;
4451 } 4451 }
4452 @media (min-width: 768px) { 4452 @media (min-width: 768px) {
4453 .main__resume-profile-info-body-inner { 4453 .main__resume-profile-info-body-inner {
4454 display: grid; 4454 display: grid;
4455 grid-template-columns: repeat(2, 1fr); 4455 grid-template-columns: repeat(2, 1fr);
4456 } 4456 }
4457 } 4457 }
4458 @media (min-width: 992px) { 4458 @media (min-width: 992px) {
4459 .main__resume-profile-info-body-inner { 4459 .main__resume-profile-info-body-inner {
4460 grid-template-columns: repeat(3, 1fr); 4460 grid-template-columns: repeat(3, 1fr);
4461 font-size: 16px; 4461 font-size: 16px;
4462 } 4462 }
4463 } 4463 }
4464 .main__resume-profile-info-body-inner li { 4464 .main__resume-profile-info-body-inner li {
4465 display: -webkit-box; 4465 display: -webkit-box;
4466 display: -ms-flexbox; 4466 display: -ms-flexbox;
4467 display: flex; 4467 display: flex;
4468 -webkit-box-orient: vertical; 4468 -webkit-box-orient: vertical;
4469 -webkit-box-direction: normal; 4469 -webkit-box-direction: normal;
4470 -ms-flex-direction: column; 4470 -ms-flex-direction: column;
4471 flex-direction: column; 4471 flex-direction: column;
4472 gap: 6px; 4472 gap: 6px;
4473 } 4473 }
4474 @media (min-width: 992px) { 4474 @media (min-width: 992px) {
4475 .main__resume-profile-info-body-inner li { 4475 .main__resume-profile-info-body-inner li {
4476 gap: 8px; 4476 gap: 8px;
4477 } 4477 }
4478 } 4478 }
4479 .main__resume-profile-info-body-inner b { 4479 .main__resume-profile-info-body-inner b {
4480 color: #377d87; 4480 color: #377d87;
4481 font-size: 14px; 4481 font-size: 14px;
4482 } 4482 }
4483 @media (min-width: 992px) { 4483 @media (min-width: 992px) {
4484 .main__resume-profile-info-body-inner b { 4484 .main__resume-profile-info-body-inner b {
4485 font-size: 18px; 4485 font-size: 18px;
4486 } 4486 }
4487 } 4487 }
4488 .main__resume-profile-info-body-inner span { 4488 .main__resume-profile-info-body-inner span {
4489 display: -webkit-box; 4489 display: -webkit-box;
4490 display: -ms-flexbox; 4490 display: -ms-flexbox;
4491 display: flex; 4491 display: flex;
4492 -webkit-box-orient: vertical; 4492 -webkit-box-orient: vertical;
4493 -webkit-box-direction: normal; 4493 -webkit-box-direction: normal;
4494 -ms-flex-direction: column; 4494 -ms-flex-direction: column;
4495 flex-direction: column; 4495 flex-direction: column;
4496 gap: 4px; 4496 gap: 4px;
4497 } 4497 }
4498 @media (min-width: 992px) { 4498 @media (min-width: 992px) {
4499 .main__resume-profile-info-body-inner span { 4499 .main__resume-profile-info-body-inner span {
4500 gap: 6px; 4500 gap: 6px;
4501 } 4501 }
4502 } 4502 }
4503 .main__resume-profile-review { 4503 .main__resume-profile-review {
4504 display: -webkit-box; 4504 display: -webkit-box;
4505 display: -ms-flexbox; 4505 display: -ms-flexbox;
4506 display: flex; 4506 display: flex;
4507 -webkit-box-orient: vertical; 4507 -webkit-box-orient: vertical;
4508 -webkit-box-direction: normal; 4508 -webkit-box-direction: normal;
4509 -ms-flex-direction: column; 4509 -ms-flex-direction: column;
4510 flex-direction: column; 4510 flex-direction: column;
4511 gap: 20px; 4511 gap: 20px;
4512 padding: 20px 10px; 4512 padding: 20px 10px;
4513 margin-top: 30px; 4513 margin-top: 30px;
4514 border-radius: 16px; 4514 border-radius: 16px;
4515 border: 1px solid #cecece; 4515 border: 1px solid #cecece;
4516 background: #fff; 4516 background: #fff;
4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4519 } 4519 }
4520 @media (min-width: 992px) { 4520 @media (min-width: 992px) {
4521 .main__resume-profile-review { 4521 .main__resume-profile-review {
4522 margin-top: 50px; 4522 margin-top: 50px;
4523 padding: 50px 40px; 4523 padding: 50px 40px;
4524 gap: 30px; 4524 gap: 30px;
4525 } 4525 }
4526 } 4526 }
4527 .main__resume-profile-review-title { 4527 .main__resume-profile-review-title {
4528 color: #000; 4528 color: #000;
4529 } 4529 }
4530 .main__resume-profile-review-body { 4530 .main__resume-profile-review-body {
4531 display: -webkit-box; 4531 display: -webkit-box;
4532 display: -ms-flexbox; 4532 display: -ms-flexbox;
4533 display: flex; 4533 display: flex;
4534 -webkit-box-orient: vertical; 4534 -webkit-box-orient: vertical;
4535 -webkit-box-direction: normal; 4535 -webkit-box-direction: normal;
4536 -ms-flex-direction: column; 4536 -ms-flex-direction: column;
4537 flex-direction: column; 4537 flex-direction: column;
4538 -webkit-box-align: start; 4538 -webkit-box-align: start;
4539 -ms-flex-align: start; 4539 -ms-flex-align: start;
4540 align-items: flex-start; 4540 align-items: flex-start;
4541 gap: 10px; 4541 gap: 10px;
4542 } 4542 }
4543 .main__resume-profile-review-body .textarea { 4543 .main__resume-profile-review-body .textarea {
4544 width: 100%; 4544 width: 100%;
4545 } 4545 }
4546 .main__resume-profile-review-body .button { 4546 .main__resume-profile-review-body .button {
4547 margin-top: 10px; 4547 margin-top: 10px;
4548 } 4548 }
4549 .main__vacancies { 4549 .main__vacancies {
4550 display: -webkit-box; 4550 display: -webkit-box;
4551 display: -ms-flexbox; 4551 display: -ms-flexbox;
4552 display: flex; 4552 display: flex;
4553 -webkit-box-orient: vertical; 4553 -webkit-box-orient: vertical;
4554 -webkit-box-direction: normal; 4554 -webkit-box-direction: normal;
4555 -ms-flex-direction: column; 4555 -ms-flex-direction: column;
4556 flex-direction: column; 4556 flex-direction: column;
4557 -webkit-box-align: center; 4557 -webkit-box-align: center;
4558 -ms-flex-align: center; 4558 -ms-flex-align: center;
4559 align-items: center; 4559 align-items: center;
4560 gap: 20px; 4560 gap: 20px;
4561 } 4561 }
4562 @media (min-width: 768px) { 4562 @media (min-width: 768px) {
4563 .main__vacancies { 4563 .main__vacancies {
4564 gap: 30px; 4564 gap: 30px;
4565 } 4565 }
4566 } 4566 }
4567 .main__vacancies-title { 4567 .main__vacancies-title {
4568 color: #000; 4568 color: #000;
4569 width: 100%; 4569 width: 100%;
4570 } 4570 }
4571 .main__vacancies-filters { 4571 .main__vacancies-filters {
4572 width: 100%; 4572 width: 100%;
4573 } 4573 }
4574 .main__vacancies-item { 4574 .main__vacancies-item {
4575 width: 100%; 4575 width: 100%;
4576 background: none; 4576 background: none;
4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4579 } 4579 }
4580 .main__vacancies-item-page { 4580 .main__vacancies-item-page {
4581 border: none; 4581 border: none;
4582 -webkit-box-shadow: none; 4582 -webkit-box-shadow: none;
4583 box-shadow: none; 4583 box-shadow: none;
4584 background: none; 4584 background: none;
4585 margin: 0 -10px; 4585 margin: 0 -10px;
4586 } 4586 }
4587 @media (min-width: 768px) { 4587 @media (min-width: 768px) {
4588 .main__vacancies-item-page { 4588 .main__vacancies-item-page {
4589 margin: 0 -20px; 4589 margin: 0 -20px;
4590 } 4590 }
4591 } 4591 }
4592 .main__vacancies-thing { 4592 .main__vacancies-thing {
4593 width: 100%; 4593 width: 100%;
4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4595 padding: 20px 10px; 4595 padding: 20px 10px;
4596 padding-bottom: 30px; 4596 padding-bottom: 30px;
4597 display: -webkit-box; 4597 display: -webkit-box;
4598 display: -ms-flexbox; 4598 display: -ms-flexbox;
4599 display: flex; 4599 display: flex;
4600 -webkit-box-orient: vertical; 4600 -webkit-box-orient: vertical;
4601 -webkit-box-direction: normal; 4601 -webkit-box-direction: normal;
4602 -ms-flex-direction: column; 4602 -ms-flex-direction: column;
4603 flex-direction: column; 4603 flex-direction: column;
4604 gap: 24px; 4604 gap: 24px;
4605 border-radius: 12px; 4605 border-radius: 12px;
4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4608 } 4608 }
4609 @media (min-width: 992px) { 4609 @media (min-width: 992px) {
4610 .main__vacancies-thing { 4610 .main__vacancies-thing {
4611 padding: 30px 20px; 4611 padding: 30px 20px;
4612 -webkit-box-orient: horizontal; 4612 -webkit-box-orient: horizontal;
4613 -webkit-box-direction: normal; 4613 -webkit-box-direction: normal;
4614 -ms-flex-direction: row; 4614 -ms-flex-direction: row;
4615 flex-direction: row; 4615 flex-direction: row;
4616 -webkit-box-align: start; 4616 -webkit-box-align: start;
4617 -ms-flex-align: start; 4617 -ms-flex-align: start;
4618 align-items: flex-start; 4618 align-items: flex-start;
4619 gap: 0; 4619 gap: 0;
4620 } 4620 }
4621 } 4621 }
4622 @media (min-width: 1280px) { 4622 @media (min-width: 1280px) {
4623 .main__vacancies-thing { 4623 .main__vacancies-thing {
4624 padding: 50px 20px; 4624 padding: 50px 20px;
4625 } 4625 }
4626 } 4626 }
4627 .main__vacancies-thing-pic { 4627 .main__vacancies-thing-pic {
4628 position: relative; 4628 position: relative;
4629 z-index: 2; 4629 z-index: 2;
4630 width: 100%; 4630 width: 100%;
4631 aspect-ratio: 42/34; 4631 aspect-ratio: 42/34;
4632 -o-object-fit: cover; 4632 -o-object-fit: cover;
4633 object-fit: cover; 4633 object-fit: cover;
4634 border-radius: 8px; 4634 border-radius: 8px;
4635 max-height: 340px; 4635 max-height: 340px;
4636 } 4636 }
4637 @media (min-width: 992px) { 4637 @media (min-width: 992px) {
4638 .main__vacancies-thing-pic { 4638 .main__vacancies-thing-pic {
4639 width: 380px; 4639 width: 380px;
4640 } 4640 }
4641 } 4641 }
4642 @media (min-width: 1280px) { 4642 @media (min-width: 1280px) {
4643 .main__vacancies-thing-pic { 4643 .main__vacancies-thing-pic {
4644 width: 420px; 4644 width: 420px;
4645 } 4645 }
4646 } 4646 }
4647 .main__vacancies-thing-body { 4647 .main__vacancies-thing-body {
4648 display: -webkit-box; 4648 display: -webkit-box;
4649 display: -ms-flexbox; 4649 display: -ms-flexbox;
4650 display: flex; 4650 display: flex;
4651 -webkit-box-orient: vertical; 4651 -webkit-box-orient: vertical;
4652 -webkit-box-direction: normal; 4652 -webkit-box-direction: normal;
4653 -ms-flex-direction: column; 4653 -ms-flex-direction: column;
4654 flex-direction: column; 4654 flex-direction: column;
4655 -webkit-box-align: start; 4655 -webkit-box-align: start;
4656 -ms-flex-align: start; 4656 -ms-flex-align: start;
4657 align-items: flex-start; 4657 align-items: flex-start;
4658 gap: 16px; 4658 gap: 16px;
4659 color: #000; 4659 color: #000;
4660 } 4660 }
4661 @media (min-width: 992px) { 4661 @media (min-width: 992px) {
4662 .main__vacancies-thing-body { 4662 .main__vacancies-thing-body {
4663 width: calc(100% - 380px); 4663 width: calc(100% - 380px);
4664 padding-left: 20px; 4664 padding-left: 20px;
4665 } 4665 }
4666 } 4666 }
4667 @media (min-width: 1280px) { 4667 @media (min-width: 1280px) {
4668 .main__vacancies-thing-body { 4668 .main__vacancies-thing-body {
4669 width: calc(100% - 420px); 4669 width: calc(100% - 420px);
4670 gap: 20px; 4670 gap: 20px;
4671 } 4671 }
4672 } 4672 }
4673 .main__vacancies-thing-body > * { 4673 .main__vacancies-thing-body > * {
4674 width: 100%; 4674 width: 100%;
4675 } 4675 }
4676 .main__vacancies-thing-body .button { 4676 .main__vacancies-thing-body .button {
4677 width: auto; 4677 width: auto;
4678 } 4678 }
4679 @media (min-width: 768px) { 4679 @media (min-width: 768px) {
4680 .main__vacancies-thing-body .button { 4680 .main__vacancies-thing-body .button {
4681 min-width: 200px; 4681 min-width: 200px;
4682 } 4682 }
4683 } 4683 }
4684 .main__vacancies-thing-scroll { 4684 .main__vacancies-thing-scroll {
4685 display: -webkit-box; 4685 display: -webkit-box;
4686 display: -ms-flexbox; 4686 display: -ms-flexbox;
4687 display: flex; 4687 display: flex;
4688 -webkit-box-orient: vertical; 4688 -webkit-box-orient: vertical;
4689 -webkit-box-direction: normal; 4689 -webkit-box-direction: normal;
4690 -ms-flex-direction: column; 4690 -ms-flex-direction: column;
4691 flex-direction: column; 4691 flex-direction: column;
4692 -webkit-box-align: start; 4692 -webkit-box-align: start;
4693 -ms-flex-align: start; 4693 -ms-flex-align: start;
4694 align-items: flex-start; 4694 align-items: flex-start;
4695 gap: 16px; 4695 gap: 16px;
4696 overflow: hidden; 4696 overflow: hidden;
4697 overflow-y: auto; 4697 overflow-y: auto;
4698 max-height: 180px; 4698 max-height: 180px;
4699 padding-right: 10px; 4699 padding-right: 10px;
4700 } 4700 }
4701 @media (min-width: 768px) { 4701 @media (min-width: 768px) {
4702 .main__vacancies-thing-scroll { 4702 .main__vacancies-thing-scroll {
4703 max-height: 210px; 4703 max-height: 210px;
4704 padding-right: 20px; 4704 padding-right: 20px;
4705 } 4705 }
4706 } 4706 }
4707 @media (min-width: 992px) { 4707 @media (min-width: 992px) {
4708 .main__vacancies-thing-scroll { 4708 .main__vacancies-thing-scroll {
4709 max-height: 175px; 4709 max-height: 175px;
4710 } 4710 }
4711 } 4711 }
4712 @media (min-width: 1280px) { 4712 @media (min-width: 1280px) {
4713 .main__vacancies-thing-scroll { 4713 .main__vacancies-thing-scroll {
4714 max-height: 200px; 4714 max-height: 200px;
4715 gap: 20px; 4715 gap: 20px;
4716 } 4716 }
4717 } 4717 }
4718 .main__cond { 4718 .main__cond {
4719 display: -webkit-box; 4719 display: -webkit-box;
4720 display: -ms-flexbox; 4720 display: -ms-flexbox;
4721 display: flex; 4721 display: flex;
4722 -webkit-box-orient: vertical; 4722 -webkit-box-orient: vertical;
4723 -webkit-box-direction: normal; 4723 -webkit-box-direction: normal;
4724 -ms-flex-direction: column; 4724 -ms-flex-direction: column;
4725 flex-direction: column; 4725 flex-direction: column;
4726 gap: 50px; 4726 gap: 50px;
4727 } 4727 }
4728 .main__cond > div { 4728 .main__cond > div {
4729 display: -webkit-box; 4729 display: -webkit-box;
4730 display: -ms-flexbox; 4730 display: -ms-flexbox;
4731 display: flex; 4731 display: flex;
4732 -webkit-box-orient: vertical; 4732 -webkit-box-orient: vertical;
4733 -webkit-box-direction: normal; 4733 -webkit-box-direction: normal;
4734 -ms-flex-direction: column; 4734 -ms-flex-direction: column;
4735 flex-direction: column; 4735 flex-direction: column;
4736 gap: 10px; 4736 gap: 10px;
4737 } 4737 }
4738 .main__cond-label { 4738 .main__cond-label {
4739 border-radius: 16px; 4739 border-radius: 16px;
4740 border: 1px solid #cecece; 4740 border: 1px solid #cecece;
4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4743 padding: 30px 20px; 4743 padding: 30px 20px;
4744 font-weight: 700; 4744 font-weight: 700;
4745 color: #000; 4745 color: #000;
4746 line-height: 2; 4746 line-height: 2;
4747 text-align: center; 4747 text-align: center;
4748 } 4748 }
4749 @media (min-width: 992px) { 4749 @media (min-width: 992px) {
4750 .main__cond-label { 4750 .main__cond-label {
4751 font-size: 30px; 4751 font-size: 30px;
4752 } 4752 }
4753 } 4753 }
4754 .main__cond-icons { 4754 .main__cond-icons {
4755 padding: 0; 4755 padding: 0;
4756 margin: 0; 4756 margin: 0;
4757 display: -webkit-box; 4757 display: -webkit-box;
4758 display: -ms-flexbox; 4758 display: -ms-flexbox;
4759 display: flex; 4759 display: flex;
4760 -webkit-box-orient: vertical; 4760 -webkit-box-orient: vertical;
4761 -webkit-box-direction: normal; 4761 -webkit-box-direction: normal;
4762 -ms-flex-direction: column; 4762 -ms-flex-direction: column;
4763 flex-direction: column; 4763 flex-direction: column;
4764 gap: 25px; 4764 gap: 25px;
4765 margin-top: 10px; 4765 margin-top: 10px;
4766 } 4766 }
4767 @media (min-width: 768px) { 4767 @media (min-width: 768px) {
4768 .main__cond-icons { 4768 .main__cond-icons {
4769 display: grid; 4769 display: grid;
4770 grid-template-columns: repeat(2, 1fr); 4770 grid-template-columns: repeat(2, 1fr);
4771 gap: 60px; 4771 gap: 60px;
4772 margin-top: 20px; 4772 margin-top: 20px;
4773 } 4773 }
4774 } 4774 }
4775 @media (min-width: 1280px) { 4775 @media (min-width: 1280px) {
4776 .main__cond-icons { 4776 .main__cond-icons {
4777 grid-template-columns: repeat(3, 1fr); 4777 grid-template-columns: repeat(3, 1fr);
4778 } 4778 }
4779 } 4779 }
4780 .main__cond-icons li { 4780 .main__cond-icons li {
4781 display: -webkit-box; 4781 display: -webkit-box;
4782 display: -ms-flexbox; 4782 display: -ms-flexbox;
4783 display: flex; 4783 display: flex;
4784 -webkit-box-orient: vertical; 4784 -webkit-box-orient: vertical;
4785 -webkit-box-direction: normal; 4785 -webkit-box-direction: normal;
4786 -ms-flex-direction: column; 4786 -ms-flex-direction: column;
4787 flex-direction: column; 4787 flex-direction: column;
4788 -webkit-box-align: start; 4788 -webkit-box-align: start;
4789 -ms-flex-align: start; 4789 -ms-flex-align: start;
4790 align-items: flex-start; 4790 align-items: flex-start;
4791 gap: 20px; 4791 gap: 20px;
4792 font-size: 12px; 4792 font-size: 12px;
4793 line-height: 1.4; 4793 line-height: 1.4;
4794 color: #000; 4794 color: #000;
4795 } 4795 }
4796 @media (min-width: 768px) { 4796 @media (min-width: 768px) {
4797 .main__cond-icons li { 4797 .main__cond-icons li {
4798 font-size: 14px; 4798 font-size: 14px;
4799 } 4799 }
4800 } 4800 }
4801 @media (min-width: 992px) { 4801 @media (min-width: 992px) {
4802 .main__cond-icons li { 4802 .main__cond-icons li {
4803 font-size: 16px; 4803 font-size: 16px;
4804 line-height: 1.6; 4804 line-height: 1.6;
4805 } 4805 }
4806 } 4806 }
4807 @media (min-width: 1280px) { 4807 @media (min-width: 1280px) {
4808 .main__cond-icons li { 4808 .main__cond-icons li {
4809 font-size: 18px; 4809 font-size: 18px;
4810 } 4810 }
4811 } 4811 }
4812 .main__cond-icons li span { 4812 .main__cond-icons li span {
4813 width: 48px; 4813 width: 48px;
4814 height: 48px; 4814 height: 48px;
4815 display: -webkit-box; 4815 display: -webkit-box;
4816 display: -ms-flexbox; 4816 display: -ms-flexbox;
4817 display: flex; 4817 display: flex;
4818 -webkit-box-align: center; 4818 -webkit-box-align: center;
4819 -ms-flex-align: center; 4819 -ms-flex-align: center;
4820 align-items: center; 4820 align-items: center;
4821 } 4821 }
4822 .main__cond-icons li span img { 4822 .main__cond-icons li span img {
4823 max-width: 48px; 4823 max-width: 48px;
4824 } 4824 }
4825 .main__cond-callback { 4825 .main__cond-callback {
4826 margin-top: 10px; 4826 margin-top: 10px;
4827 } 4827 }
4828 .main__ads { 4828 .main__ads {
4829 display: -webkit-box; 4829 display: -webkit-box;
4830 display: -ms-flexbox; 4830 display: -ms-flexbox;
4831 display: flex; 4831 display: flex;
4832 -webkit-box-orient: vertical; 4832 -webkit-box-orient: vertical;
4833 -webkit-box-direction: normal; 4833 -webkit-box-direction: normal;
4834 -ms-flex-direction: column; 4834 -ms-flex-direction: column;
4835 flex-direction: column; 4835 flex-direction: column;
4836 gap: 30px; 4836 gap: 30px;
4837 margin: 30px 0; 4837 margin: 30px 0;
4838 } 4838 }
4839 @media (min-width: 992px) { 4839 @media (min-width: 992px) {
4840 .main__ads { 4840 .main__ads {
4841 margin: 60px 0; 4841 margin: 60px 0;
4842 } 4842 }
4843 } 4843 }
4844 .main__ads-item { 4844 .main__ads-item {
4845 display: -webkit-box; 4845 display: -webkit-box;
4846 display: -ms-flexbox; 4846 display: -ms-flexbox;
4847 display: flex; 4847 display: flex;
4848 -webkit-box-orient: vertical; 4848 -webkit-box-orient: vertical;
4849 -webkit-box-direction: normal; 4849 -webkit-box-direction: normal;
4850 -ms-flex-direction: column; 4850 -ms-flex-direction: column;
4851 flex-direction: column; 4851 flex-direction: column;
4852 gap: 16px; 4852 gap: 16px;
4853 } 4853 }
4854 @media (min-width: 992px) { 4854 @media (min-width: 992px) {
4855 .main__ads-item { 4855 .main__ads-item {
4856 -webkit-box-orient: horizontal; 4856 -webkit-box-orient: horizontal;
4857 -webkit-box-direction: normal; 4857 -webkit-box-direction: normal;
4858 -ms-flex-direction: row; 4858 -ms-flex-direction: row;
4859 flex-direction: row; 4859 flex-direction: row;
4860 gap: 0; 4860 gap: 0;
4861 } 4861 }
4862 } 4862 }
4863 .main__ads-item-pic { 4863 .main__ads-item-pic {
4864 width: 100%; 4864 width: 100%;
4865 max-width: 440px; 4865 max-width: 440px;
4866 max-height: 200px; 4866 max-height: 200px;
4867 aspect-ratio: 3/2; 4867 aspect-ratio: 3/2;
4868 position: relative; 4868 position: relative;
4869 overflow: hidden; 4869 overflow: hidden;
4870 border-radius: 12px; 4870 border-radius: 12px;
4871 } 4871 }
4872 @media (min-width: 992px) { 4872 @media (min-width: 992px) {
4873 .main__ads-item-pic { 4873 .main__ads-item-pic {
4874 width: 200px; 4874 width: 200px;
4875 aspect-ratio: 1/1; 4875 aspect-ratio: 1/1;
4876 } 4876 }
4877 } 4877 }
4878 .main__ads-item-pic img { 4878 .main__ads-item-pic img {
4879 z-index: 1; 4879 z-index: 1;
4880 position: absolute; 4880 position: absolute;
4881 top: 0; 4881 top: 0;
4882 left: 0; 4882 left: 0;
4883 width: 100%; 4883 width: 100%;
4884 height: 100%; 4884 height: 100%;
4885 -o-object-fit: cover; 4885 -o-object-fit: cover;
4886 object-fit: cover; 4886 object-fit: cover;
4887 } 4887 }
4888 .main__ads-item-pic span { 4888 .main__ads-item-pic span {
4889 z-index: 2; 4889 z-index: 2;
4890 width: 30px; 4890 width: 30px;
4891 height: 30px; 4891 height: 30px;
4892 border-radius: 6px; 4892 border-radius: 6px;
4893 background: #4d88d9; 4893 background: #4d88d9;
4894 display: -webkit-box; 4894 display: -webkit-box;
4895 display: -ms-flexbox; 4895 display: -ms-flexbox;
4896 display: flex; 4896 display: flex;
4897 -webkit-box-pack: center; 4897 -webkit-box-pack: center;
4898 -ms-flex-pack: center; 4898 -ms-flex-pack: center;
4899 justify-content: center; 4899 justify-content: center;
4900 -webkit-box-align: center; 4900 -webkit-box-align: center;
4901 -ms-flex-align: center; 4901 -ms-flex-align: center;
4902 align-items: center; 4902 align-items: center;
4903 position: absolute; 4903 position: absolute;
4904 top: 10px; 4904 top: 10px;
4905 left: 10px; 4905 left: 10px;
4906 color: #fff; 4906 color: #fff;
4907 } 4907 }
4908 @media (min-width: 992px) { 4908 @media (min-width: 992px) {
4909 .main__ads-item-pic span { 4909 .main__ads-item-pic span {
4910 width: 42px; 4910 width: 42px;
4911 height: 42px; 4911 height: 42px;
4912 } 4912 }
4913 } 4913 }
4914 .main__ads-item-pic span svg { 4914 .main__ads-item-pic span svg {
4915 width: 12px; 4915 width: 12px;
4916 height: 12px; 4916 height: 12px;
4917 } 4917 }
4918 @media (min-width: 992px) { 4918 @media (min-width: 992px) {
4919 .main__ads-item-pic span svg { 4919 .main__ads-item-pic span svg {
4920 width: 20px; 4920 width: 20px;
4921 height: 20px; 4921 height: 20px;
4922 } 4922 }
4923 } 4923 }
4924 .main__ads-item-body { 4924 .main__ads-item-body {
4925 display: -webkit-box; 4925 display: -webkit-box;
4926 display: -ms-flexbox; 4926 display: -ms-flexbox;
4927 display: flex; 4927 display: flex;
4928 -webkit-box-orient: vertical; 4928 -webkit-box-orient: vertical;
4929 -webkit-box-direction: normal; 4929 -webkit-box-direction: normal;
4930 -ms-flex-direction: column; 4930 -ms-flex-direction: column;
4931 flex-direction: column; 4931 flex-direction: column;
4932 -webkit-box-align: start; 4932 -webkit-box-align: start;
4933 -ms-flex-align: start; 4933 -ms-flex-align: start;
4934 align-items: flex-start; 4934 align-items: flex-start;
4935 gap: 10px; 4935 gap: 10px;
4936 font-size: 12px; 4936 font-size: 12px;
4937 } 4937 }
4938 @media (min-width: 992px) { 4938 @media (min-width: 992px) {
4939 .main__ads-item-body { 4939 .main__ads-item-body {
4940 width: calc(100% - 200px); 4940 width: calc(100% - 200px);
4941 padding-left: 40px; 4941 padding-left: 40px;
4942 -webkit-box-pack: center; 4942 -webkit-box-pack: center;
4943 -ms-flex-pack: center; 4943 -ms-flex-pack: center;
4944 justify-content: center; 4944 justify-content: center;
4945 font-size: 16px; 4945 font-size: 16px;
4946 gap: 20px; 4946 gap: 20px;
4947 } 4947 }
4948 } 4948 }
4949 .main__ads-item-body b { 4949 .main__ads-item-body b {
4950 width: 100%; 4950 width: 100%;
4951 font-weight: 700; 4951 font-weight: 700;
4952 font-size: 14px; 4952 font-size: 14px;
4953 } 4953 }
4954 @media (min-width: 992px) { 4954 @media (min-width: 992px) {
4955 .main__ads-item-body b { 4955 .main__ads-item-body b {
4956 font-size: 20px; 4956 font-size: 20px;
4957 } 4957 }
4958 } 4958 }
4959 .main__ads-item-body span { 4959 .main__ads-item-body span {
4960 width: 100%; 4960 width: 100%;
4961 } 4961 }
4962 4962
4963 .work { 4963 .work {
4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4965 color: #000; 4965 color: #000;
4966 padding-top: 70px; 4966 padding-top: 70px;
4967 padding-bottom: 10px; 4967 padding-bottom: 10px;
4968 position: relative; 4968 position: relative;
4969 overflow: hidden; 4969 overflow: hidden;
4970 } 4970 }
4971 @media (min-width: 768px) { 4971 @media (min-width: 768px) {
4972 .work { 4972 .work {
4973 padding-bottom: 25px; 4973 padding-bottom: 25px;
4974 } 4974 }
4975 } 4975 }
4976 @media (min-width: 1280px) { 4976 @media (min-width: 1280px) {
4977 .work { 4977 .work {
4978 padding-top: 80px; 4978 padding-top: 80px;
4979 padding-bottom: 25px; 4979 padding-bottom: 25px;
4980 } 4980 }
4981 } 4981 }
4982 .work__pic { 4982 .work__pic {
4983 position: absolute; 4983 position: absolute;
4984 height: calc(100% - 40px); 4984 height: calc(100% - 40px);
4985 z-index: 1; 4985 z-index: 1;
4986 display: none; 4986 display: none;
4987 bottom: 0; 4987 bottom: 0;
4988 left: 50%; 4988 left: 50%;
4989 margin-left: 40px; 4989 margin-left: 40px;
4990 } 4990 }
4991 @media (min-width: 992px) { 4991 @media (min-width: 992px) {
4992 .work__pic { 4992 .work__pic {
4993 display: block; 4993 display: block;
4994 } 4994 }
4995 } 4995 }
4996 @media (min-width: 1280px) { 4996 @media (min-width: 1280px) {
4997 .work__pic { 4997 .work__pic {
4998 margin-left: 80px; 4998 margin-left: 80px;
4999 } 4999 }
5000 } 5000 }
5001 .work__body { 5001 .work__body {
5002 position: relative; 5002 position: relative;
5003 z-index: 2; 5003 z-index: 2;
5004 display: -webkit-box; 5004 display: -webkit-box;
5005 display: -ms-flexbox; 5005 display: -ms-flexbox;
5006 display: flex; 5006 display: flex;
5007 -webkit-box-orient: vertical; 5007 -webkit-box-orient: vertical;
5008 -webkit-box-direction: normal; 5008 -webkit-box-direction: normal;
5009 -ms-flex-direction: column; 5009 -ms-flex-direction: column;
5010 flex-direction: column; 5010 flex-direction: column;
5011 -webkit-box-align: center; 5011 -webkit-box-align: center;
5012 -ms-flex-align: center; 5012 -ms-flex-align: center;
5013 align-items: center; 5013 align-items: center;
5014 } 5014 }
5015 @media (min-width: 768px) { 5015 @media (min-width: 768px) {
5016 .work__body { 5016 .work__body {
5017 -webkit-box-align: start; 5017 -webkit-box-align: start;
5018 -ms-flex-align: start; 5018 -ms-flex-align: start;
5019 align-items: flex-start; 5019 align-items: flex-start;
5020 } 5020 }
5021 } 5021 }
5022 @media (min-width: 992px) { 5022 @media (min-width: 992px) {
5023 .work__body { 5023 .work__body {
5024 max-width: 600px; 5024 max-width: 600px;
5025 } 5025 }
5026 } 5026 }
5027 .work__title { 5027 .work__title {
5028 width: 100%; 5028 width: 100%;
5029 font-size: 40px; 5029 font-size: 40px;
5030 font-weight: 700; 5030 font-weight: 700;
5031 line-height: 1; 5031 line-height: 1;
5032 } 5032 }
5033 @media (min-width: 768px) { 5033 @media (min-width: 768px) {
5034 .work__title { 5034 .work__title {
5035 font-size: 64px; 5035 font-size: 64px;
5036 line-height: 94px; 5036 line-height: 94px;
5037 } 5037 }
5038 } 5038 }
5039 .work__text { 5039 .work__text {
5040 width: 100%; 5040 width: 100%;
5041 font-size: 12px; 5041 font-size: 12px;
5042 margin-top: 10px; 5042 margin-top: 10px;
5043 } 5043 }
5044 @media (min-width: 768px) { 5044 @media (min-width: 768px) {
5045 .work__text { 5045 .work__text {
5046 font-size: 18px; 5046 font-size: 18px;
5047 margin-top: 20px; 5047 margin-top: 20px;
5048 line-height: 1.4; 5048 line-height: 1.4;
5049 } 5049 }
5050 } 5050 }
5051 .work__list { 5051 .work__list {
5052 width: 100%; 5052 width: 100%;
5053 display: -webkit-box; 5053 display: -webkit-box;
5054 display: -ms-flexbox; 5054 display: -ms-flexbox;
5055 display: flex; 5055 display: flex;
5056 -webkit-box-orient: vertical; 5056 -webkit-box-orient: vertical;
5057 -webkit-box-direction: normal; 5057 -webkit-box-direction: normal;
5058 -ms-flex-direction: column; 5058 -ms-flex-direction: column;
5059 flex-direction: column; 5059 flex-direction: column;
5060 gap: 5px; 5060 gap: 5px;
5061 font-size: 14px; 5061 font-size: 14px;
5062 font-weight: 700; 5062 font-weight: 700;
5063 margin-top: 15px; 5063 margin-top: 15px;
5064 } 5064 }
5065 @media (min-width: 768px) { 5065 @media (min-width: 768px) {
5066 .work__list { 5066 .work__list {
5067 font-size: 18px; 5067 font-size: 18px;
5068 gap: 8px; 5068 gap: 8px;
5069 margin-top: 30px; 5069 margin-top: 30px;
5070 } 5070 }
5071 } 5071 }
5072 .work__list div { 5072 .work__list div {
5073 position: relative; 5073 position: relative;
5074 padding-left: 10px; 5074 padding-left: 10px;
5075 } 5075 }
5076 @media (min-width: 768px) { 5076 @media (min-width: 768px) {
5077 .work__list div { 5077 .work__list div {
5078 padding-left: 16px; 5078 padding-left: 16px;
5079 } 5079 }
5080 } 5080 }
5081 .work__list div:before { 5081 .work__list div:before {
5082 content: ""; 5082 content: "";
5083 width: 4px; 5083 width: 4px;
5084 height: 4px; 5084 height: 4px;
5085 background: #000; 5085 background: #000;
5086 border-radius: 999px; 5086 border-radius: 999px;
5087 position: absolute; 5087 position: absolute;
5088 top: 5px; 5088 top: 5px;
5089 left: 0; 5089 left: 0;
5090 } 5090 }
5091 @media (min-width: 768px) { 5091 @media (min-width: 768px) {
5092 .work__list div:before { 5092 .work__list div:before {
5093 top: 8px; 5093 top: 8px;
5094 } 5094 }
5095 } 5095 }
5096 .work__form { 5096 .work__form {
5097 margin-top: 20px; 5097 margin-top: 20px;
5098 } 5098 }
5099 @media (min-width: 768px) { 5099 @media (min-width: 768px) {
5100 .work__form { 5100 .work__form {
5101 margin-top: 30px; 5101 margin-top: 30px;
5102 } 5102 }
5103 } 5103 }
5104 .work__search { 5104 .work__search {
5105 width: 100%; 5105 width: 100%;
5106 max-width: 180px; 5106 max-width: 180px;
5107 margin-top: 20px; 5107 margin-top: 20px;
5108 } 5108 }
5109 @media (min-width: 768px) { 5109 @media (min-width: 768px) {
5110 .work__search { 5110 .work__search {
5111 max-width: 270px; 5111 max-width: 270px;
5112 margin-top: 50px; 5112 margin-top: 50px;
5113 } 5113 }
5114 } 5114 }
5115 .work__get { 5115 .work__get {
5116 width: 100%; 5116 width: 100%;
5117 display: -webkit-box; 5117 display: -webkit-box;
5118 display: -ms-flexbox; 5118 display: -ms-flexbox;
5119 display: flex; 5119 display: flex;
5120 -webkit-box-align: start; 5120 -webkit-box-align: start;
5121 -ms-flex-align: start; 5121 -ms-flex-align: start;
5122 align-items: flex-start; 5122 align-items: flex-start;
5123 -ms-flex-wrap: wrap; 5123 -ms-flex-wrap: wrap;
5124 flex-wrap: wrap; 5124 flex-wrap: wrap;
5125 margin-top: 48px; 5125 margin-top: 48px;
5126 } 5126 }
5127 .work__get b { 5127 .work__get b {
5128 width: 100%; 5128 width: 100%;
5129 margin-bottom: 10px; 5129 margin-bottom: 10px;
5130 font-size: 14px; 5130 font-size: 14px;
5131 } 5131 }
5132 @media (min-width: 768px) { 5132 @media (min-width: 768px) {
5133 .work__get b { 5133 .work__get b {
5134 font-size: 18px; 5134 font-size: 18px;
5135 } 5135 }
5136 } 5136 }
5137 .work__get a { 5137 .work__get a {
5138 display: -webkit-box; 5138 display: -webkit-box;
5139 display: -ms-flexbox; 5139 display: -ms-flexbox;
5140 display: flex; 5140 display: flex;
5141 -webkit-box-align: center; 5141 -webkit-box-align: center;
5142 -ms-flex-align: center; 5142 -ms-flex-align: center;
5143 align-items: center; 5143 align-items: center;
5144 -webkit-box-pack: center; 5144 -webkit-box-pack: center;
5145 -ms-flex-pack: center; 5145 -ms-flex-pack: center;
5146 justify-content: center; 5146 justify-content: center;
5147 margin-right: 20px; 5147 margin-right: 20px;
5148 } 5148 }
5149 .work__get a img { 5149 .work__get a img {
5150 -webkit-transition: 0.3s; 5150 -webkit-transition: 0.3s;
5151 transition: 0.3s; 5151 transition: 0.3s;
5152 width: 111px; 5152 width: 111px;
5153 } 5153 }
5154 @media (min-width: 768px) { 5154 @media (min-width: 768px) {
5155 .work__get a img { 5155 .work__get a img {
5156 width: 131px; 5156 width: 131px;
5157 } 5157 }
5158 } 5158 }
5159 .work__get a:hover img { 5159 .work__get a:hover img {
5160 -webkit-transform: scale(1.1); 5160 -webkit-transform: scale(1.1);
5161 -ms-transform: scale(1.1); 5161 -ms-transform: scale(1.1);
5162 transform: scale(1.1); 5162 transform: scale(1.1);
5163 } 5163 }
5164 .work__get a + a { 5164 .work__get a + a {
5165 margin-right: 0; 5165 margin-right: 0;
5166 } 5166 }
5167 5167
5168 .numbers { 5168 .numbers {
5169 padding: 30px 0; 5169 padding: 30px 0;
5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5171 color: #fff; 5171 color: #fff;
5172 } 5172 }
5173 @media (min-width: 1280px) { 5173 @media (min-width: 1280px) {
5174 .numbers { 5174 .numbers {
5175 padding: 100px 0; 5175 padding: 100px 0;
5176 background-position: 100% 100%; 5176 background-position: 100% 100%;
5177 background-size: auto 500px; 5177 background-size: auto 500px;
5178 } 5178 }
5179 } 5179 }
5180 .numbers__body { 5180 .numbers__body {
5181 display: -webkit-box; 5181 display: -webkit-box;
5182 display: -ms-flexbox; 5182 display: -ms-flexbox;
5183 display: flex; 5183 display: flex;
5184 -webkit-box-orient: vertical; 5184 -webkit-box-orient: vertical;
5185 -webkit-box-direction: normal; 5185 -webkit-box-direction: normal;
5186 -ms-flex-direction: column; 5186 -ms-flex-direction: column;
5187 flex-direction: column; 5187 flex-direction: column;
5188 gap: 30px; 5188 gap: 30px;
5189 } 5189 }
5190 @media (min-width: 768px) { 5190 @media (min-width: 768px) {
5191 .numbers__body { 5191 .numbers__body {
5192 display: grid; 5192 display: grid;
5193 grid-template-columns: 1fr 1fr 1fr; 5193 grid-template-columns: 1fr 1fr 1fr;
5194 } 5194 }
5195 } 5195 }
5196 .numbers__item { 5196 .numbers__item {
5197 font-size: 12px; 5197 font-size: 12px;
5198 display: -webkit-box; 5198 display: -webkit-box;
5199 display: -ms-flexbox; 5199 display: -ms-flexbox;
5200 display: flex; 5200 display: flex;
5201 -webkit-box-orient: vertical; 5201 -webkit-box-orient: vertical;
5202 -webkit-box-direction: normal; 5202 -webkit-box-direction: normal;
5203 -ms-flex-direction: column; 5203 -ms-flex-direction: column;
5204 flex-direction: column; 5204 flex-direction: column;
5205 line-height: 1.4; 5205 line-height: 1.4;
5206 } 5206 }
5207 @media (min-width: 1280px) { 5207 @media (min-width: 1280px) {
5208 .numbers__item { 5208 .numbers__item {
5209 font-size: 16px; 5209 font-size: 16px;
5210 line-height: 20px; 5210 line-height: 20px;
5211 } 5211 }
5212 } 5212 }
5213 .numbers__item b { 5213 .numbers__item b {
5214 font-size: 40px; 5214 font-size: 40px;
5215 font-weight: 700; 5215 font-weight: 700;
5216 border-bottom: 1px solid #fff; 5216 border-bottom: 1px solid #fff;
5217 line-height: 1; 5217 line-height: 1;
5218 } 5218 }
5219 @media (min-width: 1280px) { 5219 @media (min-width: 1280px) {
5220 .numbers__item b { 5220 .numbers__item b {
5221 font-size: 100px; 5221 font-size: 100px;
5222 line-height: 147px; 5222 line-height: 147px;
5223 } 5223 }
5224 } 5224 }
5225 .numbers__item span { 5225 .numbers__item span {
5226 font-weight: 700; 5226 font-weight: 700;
5227 font-size: 14px; 5227 font-size: 14px;
5228 margin: 10px 0; 5228 margin: 10px 0;
5229 line-height: 1; 5229 line-height: 1;
5230 } 5230 }
5231 @media (min-width: 1280px) { 5231 @media (min-width: 1280px) {
5232 .numbers__item span { 5232 .numbers__item span {
5233 font-size: 24px; 5233 font-size: 24px;
5234 margin-top: 30px; 5234 margin-top: 30px;
5235 } 5235 }
5236 } 5236 }
5237 5237
5238 .vacancies { 5238 .vacancies {
5239 padding: 50px 0; 5239 padding: 50px 0;
5240 } 5240 }
5241 @media (min-width: 1280px) { 5241 @media (min-width: 1280px) {
5242 .vacancies { 5242 .vacancies {
5243 padding: 100px 0; 5243 padding: 100px 0;
5244 } 5244 }
5245 } 5245 }
5246 .vacancies__body { 5246 .vacancies__body {
5247 display: -webkit-box; 5247 display: -webkit-box;
5248 display: -ms-flexbox; 5248 display: -ms-flexbox;
5249 display: flex; 5249 display: flex;
5250 -webkit-box-orient: vertical; 5250 -webkit-box-orient: vertical;
5251 -webkit-box-direction: reverse; 5251 -webkit-box-direction: reverse;
5252 -ms-flex-direction: column-reverse; 5252 -ms-flex-direction: column-reverse;
5253 flex-direction: column-reverse; 5253 flex-direction: column-reverse;
5254 gap: 20px; 5254 gap: 20px;
5255 width: 100%; 5255 width: 100%;
5256 margin-top: 20px; 5256 margin-top: 20px;
5257 } 5257 }
5258 @media (min-width: 992px) { 5258 @media (min-width: 992px) {
5259 .vacancies__body { 5259 .vacancies__body {
5260 margin-top: 30px; 5260 margin-top: 30px;
5261 gap: 30px; 5261 gap: 30px;
5262 } 5262 }
5263 } 5263 }
5264 .vacancies__more { 5264 .vacancies__more {
5265 width: 100%; 5265 width: 100%;
5266 } 5266 }
5267 @media (min-width: 768px) { 5267 @media (min-width: 768px) {
5268 .vacancies__more { 5268 .vacancies__more {
5269 width: auto; 5269 width: auto;
5270 margin: 0 auto; 5270 margin: 0 auto;
5271 } 5271 }
5272 } 5272 }
5273 .vacancies__list { 5273 .vacancies__list {
5274 display: -webkit-box; 5274 display: -webkit-box;
5275 display: -ms-flexbox; 5275 display: -ms-flexbox;
5276 display: flex; 5276 display: flex;
5277 -webkit-box-orient: vertical; 5277 -webkit-box-orient: vertical;
5278 -webkit-box-direction: normal; 5278 -webkit-box-direction: normal;
5279 -ms-flex-direction: column; 5279 -ms-flex-direction: column;
5280 flex-direction: column; 5280 flex-direction: column;
5281 gap: 15px; 5281 gap: 15px;
5282 } 5282 }
5283 @media (min-width: 768px) { 5283 @media (min-width: 768px) {
5284 .vacancies__list { 5284 .vacancies__list {
5285 display: grid; 5285 display: grid;
5286 grid-template-columns: repeat(2, 1fr); 5286 grid-template-columns: repeat(2, 1fr);
5287 } 5287 }
5288 } 5288 }
5289 @media (min-width: 992px) { 5289 @media (min-width: 992px) {
5290 .vacancies__list { 5290 .vacancies__list {
5291 display: grid; 5291 display: grid;
5292 grid-template-columns: repeat(3, 1fr); 5292 grid-template-columns: repeat(3, 1fr);
5293 gap: 20px; 5293 gap: 20px;
5294 } 5294 }
5295 } 5295 }
5296 @media (min-width: 1280px) { 5296 @media (min-width: 1280px) {
5297 .vacancies__list { 5297 .vacancies__list {
5298 grid-template-columns: repeat(4, 1fr); 5298 grid-template-columns: repeat(4, 1fr);
5299 } 5299 }
5300 } 5300 }
5301 .vacancies__list-label { 5301 .vacancies__list-label {
5302 font-weight: 700; 5302 font-weight: 700;
5303 font-size: 22px; 5303 font-size: 22px;
5304 } 5304 }
5305 .vacancies__list-col { 5305 .vacancies__list-col {
5306 display: -webkit-box; 5306 display: -webkit-box;
5307 display: -ms-flexbox; 5307 display: -ms-flexbox;
5308 display: flex; 5308 display: flex;
5309 -webkit-box-orient: vertical; 5309 -webkit-box-orient: vertical;
5310 -webkit-box-direction: normal; 5310 -webkit-box-direction: normal;
5311 -ms-flex-direction: column; 5311 -ms-flex-direction: column;
5312 flex-direction: column; 5312 flex-direction: column;
5313 gap: 15px; 5313 gap: 15px;
5314 margin-top: 15px; 5314 margin-top: 15px;
5315 margin-bottom: 30px; 5315 margin-bottom: 30px;
5316 } 5316 }
5317 @media (min-width: 768px) { 5317 @media (min-width: 768px) {
5318 .vacancies__list-col { 5318 .vacancies__list-col {
5319 margin-top: 0; 5319 margin-top: 0;
5320 } 5320 }
5321 } 5321 }
5322 .vacancies__list-col:first-child { 5322 .vacancies__list-col:first-child {
5323 margin-top: 0; 5323 margin-top: 0;
5324 } 5324 }
5325 .vacancies__item { 5325 .vacancies__item {
5326 display: none; 5326 display: none;
5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5329 border-radius: 12px; 5329 border-radius: 12px;
5330 background: #fff; 5330 background: #fff;
5331 border: 1px solid #e6e7e7; 5331 border: 1px solid #e6e7e7;
5332 overflow: hidden; 5332 overflow: hidden;
5333 } 5333 }
5334 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) { 5334 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
5335 display: -webkit-box; 5335 display: -webkit-box;
5336 display: -ms-flexbox; 5336 display: -ms-flexbox;
5337 display: flex; 5337 display: flex;
5338 } 5338 }
5339 .vacancies__item > span { 5339 .vacancies__item > span {
5340 border-left: 10px solid #377d87; 5340 border-left: 10px solid #377d87;
5341 padding: 20px 14px; 5341 padding: 20px 14px;
5342 display: -webkit-box; 5342 display: -webkit-box;
5343 display: -ms-flexbox; 5343 display: -ms-flexbox;
5344 display: flex; 5344 display: flex;
5345 -webkit-box-orient: vertical; 5345 -webkit-box-orient: vertical;
5346 -webkit-box-direction: normal; 5346 -webkit-box-direction: normal;
5347 -ms-flex-direction: column; 5347 -ms-flex-direction: column;
5348 flex-direction: column; 5348 flex-direction: column;
5349 -webkit-box-align: start; 5349 -webkit-box-align: start;
5350 -ms-flex-align: start; 5350 -ms-flex-align: start;
5351 align-items: flex-start; 5351 align-items: flex-start;
5352 gap: 5px; 5352 gap: 5px;
5353 -webkit-box-pack: justify; 5353 -webkit-box-pack: justify;
5354 -ms-flex-pack: justify; 5354 -ms-flex-pack: justify;
5355 justify-content: space-between; 5355 justify-content: space-between;
5356 } 5356 }
5357 @media (min-width: 992px) { 5357 @media (min-width: 992px) {
5358 .vacancies__item > span { 5358 .vacancies__item > span {
5359 gap: 10px; 5359 gap: 10px;
5360 } 5360 }
5361 } 5361 }
5362 .vacancies__item b { 5362 .vacancies__item b {
5363 font-weight: 700; 5363 font-weight: 700;
5364 font-size: 14px; 5364 font-size: 14px;
5365 } 5365 }
5366 @media (min-width: 992px) { 5366 @media (min-width: 992px) {
5367 .vacancies__item b { 5367 .vacancies__item b {
5368 font-size: 20px; 5368 font-size: 20px;
5369 } 5369 }
5370 } 5370 }
5371 .vacancies__item:hover b { 5371 .vacancies__item:hover b {
5372 color: #377d87; 5372 color: #377d87;
5373 } 5373 }
5374 .vacancies__item u { 5374 .vacancies__item u {
5375 text-decoration: none; 5375 text-decoration: none;
5376 font-size: 14px; 5376 font-size: 14px;
5377 } 5377 }
5378 @media (min-width: 992px) { 5378 @media (min-width: 992px) {
5379 .vacancies__item u { 5379 .vacancies__item u {
5380 font-size: 18px; 5380 font-size: 18px;
5381 } 5381 }
5382 } 5382 }
5383 .vacancies__item i { 5383 .vacancies__item i {
5384 font-size: 12px; 5384 font-size: 12px;
5385 font-style: normal; 5385 font-style: normal;
5386 border-bottom: 1px dashed #377d87; 5386 border-bottom: 1px dashed #377d87;
5387 } 5387 }
5388 @media (min-width: 992px) { 5388 @media (min-width: 992px) {
5389 .vacancies__item i { 5389 .vacancies__item i {
5390 font-size: 16px; 5390 font-size: 16px;
5391 } 5391 }
5392 } 5392 }
5393 .vacancies__item i span { 5393 .vacancies__item i span {
5394 font-weight: 700; 5394 font-weight: 700;
5395 color: #377d87; 5395 color: #377d87;
5396 } 5396 }
5397 .vacancies__body.active .vacancies__list .vacancies__item { 5397 .vacancies__body.active .vacancies__list .vacancies__item {
5398 display: -webkit-box; 5398 display: -webkit-box;
5399 display: -ms-flexbox; 5399 display: -ms-flexbox;
5400 display: flex; 5400 display: flex;
5401 } 5401 }
5402 5402
5403 .employer { 5403 .employer {
5404 padding-bottom: 50px; 5404 padding-bottom: 50px;
5405 } 5405 }
5406 @media (min-width: 768px) { 5406 @media (min-width: 768px) {
5407 .employer { 5407 .employer {
5408 padding-bottom: 100px; 5408 padding-bottom: 100px;
5409 } 5409 }
5410 } 5410 }
5411 .employer .swiper { 5411 .employer .swiper {
5412 margin: 20px 0; 5412 margin: 20px 0;
5413 } 5413 }
5414 @media (min-width: 768px) { 5414 @media (min-width: 768px) {
5415 .employer .swiper { 5415 .employer .swiper {
5416 display: none; 5416 display: none;
5417 } 5417 }
5418 } 5418 }
5419 .employer__item { 5419 .employer__item {
5420 display: -webkit-box; 5420 display: -webkit-box;
5421 display: -ms-flexbox; 5421 display: -ms-flexbox;
5422 display: flex; 5422 display: flex;
5423 -webkit-box-orient: vertical; 5423 -webkit-box-orient: vertical;
5424 -webkit-box-direction: normal; 5424 -webkit-box-direction: normal;
5425 -ms-flex-direction: column; 5425 -ms-flex-direction: column;
5426 flex-direction: column; 5426 flex-direction: column;
5427 gap: 30px; 5427 gap: 30px;
5428 } 5428 }
5429 .employer__item a { 5429 .employer__item a {
5430 display: -webkit-box; 5430 display: -webkit-box;
5431 display: -ms-flexbox; 5431 display: -ms-flexbox;
5432 display: flex; 5432 display: flex;
5433 -webkit-box-orient: vertical; 5433 -webkit-box-orient: vertical;
5434 -webkit-box-direction: normal; 5434 -webkit-box-direction: normal;
5435 -ms-flex-direction: column; 5435 -ms-flex-direction: column;
5436 flex-direction: column; 5436 flex-direction: column;
5437 -webkit-box-align: center; 5437 -webkit-box-align: center;
5438 -ms-flex-align: center; 5438 -ms-flex-align: center;
5439 align-items: center; 5439 align-items: center;
5440 } 5440 }
5441 .employer__item img { 5441 .employer__item img {
5442 width: 100%; 5442 width: 100%;
5443 aspect-ratio: 295/98; 5443 aspect-ratio: 295/98;
5444 -o-object-fit: contain; 5444 -o-object-fit: contain;
5445 object-fit: contain; 5445 object-fit: contain;
5446 } 5446 }
5447 .employer__body { 5447 .employer__body {
5448 display: none; 5448 display: none;
5449 grid-template-columns: 1fr 1fr; 5449 grid-template-columns: 1fr 1fr;
5450 gap: 30px; 5450 gap: 30px;
5451 margin-top: 30px; 5451 margin-top: 30px;
5452 margin-bottom: 40px; 5452 margin-bottom: 40px;
5453 } 5453 }
5454 @media (min-width: 768px) { 5454 @media (min-width: 768px) {
5455 .employer__body { 5455 .employer__body {
5456 display: grid; 5456 display: grid;
5457 } 5457 }
5458 } 5458 }
5459 @media (min-width: 992px) { 5459 @media (min-width: 992px) {
5460 .employer__body { 5460 .employer__body {
5461 grid-template-columns: 1fr 1fr 1fr; 5461 grid-template-columns: 1fr 1fr 1fr;
5462 } 5462 }
5463 } 5463 }
5464 @media (min-width: 1280px) { 5464 @media (min-width: 1280px) {
5465 .employer__body { 5465 .employer__body {
5466 grid-template-columns: 1fr 1fr 1fr 1fr; 5466 grid-template-columns: 1fr 1fr 1fr 1fr;
5467 } 5467 }
5468 } 5468 }
5469 .employer__body a { 5469 .employer__body a {
5470 display: -webkit-box; 5470 display: -webkit-box;
5471 display: -ms-flexbox; 5471 display: -ms-flexbox;
5472 display: flex; 5472 display: flex;
5473 -webkit-box-pack: center; 5473 -webkit-box-pack: center;
5474 -ms-flex-pack: center; 5474 -ms-flex-pack: center;
5475 justify-content: center; 5475 justify-content: center;
5476 -webkit-box-align: center; 5476 -webkit-box-align: center;
5477 -ms-flex-align: center; 5477 -ms-flex-align: center;
5478 align-items: center; 5478 align-items: center;
5479 height: 98px; 5479 height: 98px;
5480 } 5480 }
5481 .employer__body img { 5481 .employer__body img {
5482 max-width: 100%; 5482 max-width: 100%;
5483 max-height: 98px; 5483 max-height: 98px;
5484 -o-object-fit: contain; 5484 -o-object-fit: contain;
5485 object-fit: contain; 5485 object-fit: contain;
5486 } 5486 }
5487 .employer__more { 5487 .employer__more {
5488 height: 38px; 5488 height: 38px;
5489 } 5489 }
5490 @media (min-width: 768px) { 5490 @media (min-width: 768px) {
5491 .employer__more { 5491 .employer__more {
5492 width: 250px; 5492 width: 250px;
5493 margin: 0 auto; 5493 margin: 0 auto;
5494 height: 44px; 5494 height: 44px;
5495 } 5495 }
5496 } 5496 }
5497 5497
5498 .about { 5498 .about {
5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5500 background-size: cover; 5500 background-size: cover;
5501 padding: 30px 0; 5501 padding: 30px 0;
5502 padding-bottom: 70px; 5502 padding-bottom: 70px;
5503 } 5503 }
5504 @media (min-width: 768px) { 5504 @media (min-width: 768px) {
5505 .about { 5505 .about {
5506 padding-top: 40px; 5506 padding-top: 40px;
5507 background-size: auto calc(100% - 10px); 5507 background-size: auto calc(100% - 10px);
5508 } 5508 }
5509 } 5509 }
5510 @media (min-width: 1280px) { 5510 @media (min-width: 1280px) {
5511 .about { 5511 .about {
5512 padding: 100px 0; 5512 padding: 100px 0;
5513 } 5513 }
5514 } 5514 }
5515 .about__wrapper { 5515 .about__wrapper {
5516 display: -webkit-box; 5516 display: -webkit-box;
5517 display: -ms-flexbox; 5517 display: -ms-flexbox;
5518 display: flex; 5518 display: flex;
5519 -webkit-box-orient: vertical; 5519 -webkit-box-orient: vertical;
5520 -webkit-box-direction: normal; 5520 -webkit-box-direction: normal;
5521 -ms-flex-direction: column; 5521 -ms-flex-direction: column;
5522 flex-direction: column; 5522 flex-direction: column;
5523 position: relative; 5523 position: relative;
5524 } 5524 }
5525 .about__title { 5525 .about__title {
5526 color: #fff; 5526 color: #fff;
5527 line-height: 1.2; 5527 line-height: 1.2;
5528 } 5528 }
5529 @media (min-width: 1280px) { 5529 @media (min-width: 1280px) {
5530 .about__title { 5530 .about__title {
5531 position: absolute; 5531 position: absolute;
5532 top: -45px; 5532 top: -45px;
5533 left: 0; 5533 left: 0;
5534 } 5534 }
5535 } 5535 }
5536 .about__body { 5536 .about__body {
5537 display: -webkit-box; 5537 display: -webkit-box;
5538 display: -ms-flexbox; 5538 display: -ms-flexbox;
5539 display: flex; 5539 display: flex;
5540 -webkit-box-orient: vertical; 5540 -webkit-box-orient: vertical;
5541 -webkit-box-direction: normal; 5541 -webkit-box-direction: normal;
5542 -ms-flex-direction: column; 5542 -ms-flex-direction: column;
5543 flex-direction: column; 5543 flex-direction: column;
5544 } 5544 }
5545 @media (min-width: 1280px) { 5545 @media (min-width: 1280px) {
5546 .about__body { 5546 .about__body {
5547 padding-left: 495px; 5547 padding-left: 495px;
5548 } 5548 }
5549 } 5549 }
5550 .about__line { 5550 .about__line {
5551 background: #fff; 5551 background: #fff;
5552 width: 100%; 5552 width: 100%;
5553 height: 1px; 5553 height: 1px;
5554 max-width: 400px; 5554 max-width: 400px;
5555 margin-top: 10px; 5555 margin-top: 10px;
5556 } 5556 }
5557 .about__item { 5557 .about__item {
5558 display: -webkit-box; 5558 display: -webkit-box;
5559 display: -ms-flexbox; 5559 display: -ms-flexbox;
5560 display: flex; 5560 display: flex;
5561 -webkit-box-orient: vertical; 5561 -webkit-box-orient: vertical;
5562 -webkit-box-direction: normal; 5562 -webkit-box-direction: normal;
5563 -ms-flex-direction: column; 5563 -ms-flex-direction: column;
5564 flex-direction: column; 5564 flex-direction: column;
5565 margin-top: 10px; 5565 margin-top: 10px;
5566 max-width: 600px; 5566 max-width: 600px;
5567 } 5567 }
5568 @media (min-width: 768px) { 5568 @media (min-width: 768px) {
5569 .about__item { 5569 .about__item {
5570 margin-top: 20px; 5570 margin-top: 20px;
5571 } 5571 }
5572 } 5572 }
5573 @media (min-width: 1280px) { 5573 @media (min-width: 1280px) {
5574 .about__item { 5574 .about__item {
5575 margin-top: 30px; 5575 margin-top: 30px;
5576 } 5576 }
5577 } 5577 }
5578 .about__item b { 5578 .about__item b {
5579 font-size: 20px; 5579 font-size: 20px;
5580 font-weight: 700; 5580 font-weight: 700;
5581 } 5581 }
5582 .about__item span { 5582 .about__item span {
5583 font-size: 13px; 5583 font-size: 13px;
5584 line-height: 1.4; 5584 line-height: 1.4;
5585 margin-top: 6px; 5585 margin-top: 6px;
5586 } 5586 }
5587 @media (min-width: 1280px) { 5587 @media (min-width: 1280px) {
5588 .about__item span { 5588 .about__item span {
5589 font-size: 16px; 5589 font-size: 16px;
5590 margin-top: 12px; 5590 margin-top: 12px;
5591 } 5591 }
5592 } 5592 }
5593 .about__item a { 5593 .about__item a {
5594 text-decoration: underline; 5594 text-decoration: underline;
5595 } 5595 }
5596 .about__item + .about__item { 5596 .about__item + .about__item {
5597 margin-top: 30px; 5597 margin-top: 30px;
5598 } 5598 }
5599 @media (min-width: 992px) { 5599 @media (min-width: 992px) {
5600 .about__item + .about__item { 5600 .about__item + .about__item {
5601 margin-top: 40px; 5601 margin-top: 40px;
5602 } 5602 }
5603 } 5603 }
5604 .about__button { 5604 .about__button {
5605 margin-top: 20px; 5605 margin-top: 20px;
5606 height: 38px; 5606 height: 38px;
5607 padding: 0; 5607 padding: 0;
5608 } 5608 }
5609 @media (min-width: 768px) { 5609 @media (min-width: 768px) {
5610 .about__button { 5610 .about__button {
5611 max-width: 200px; 5611 max-width: 200px;
5612 height: 42px; 5612 height: 42px;
5613 margin-top: 30px; 5613 margin-top: 30px;
5614 } 5614 }
5615 } 5615 }
5616 5616
5617 .news { 5617 .news {
5618 padding: 50px 0; 5618 padding: 50px 0;
5619 overflow: hidden; 5619 overflow: hidden;
5620 } 5620 }
5621 @media (min-width: 1280px) { 5621 @media (min-width: 1280px) {
5622 .news { 5622 .news {
5623 padding: 100px 0; 5623 padding: 100px 0;
5624 padding-bottom: 0; 5624 padding-bottom: 0;
5625 } 5625 }
5626 } 5626 }
5627 .news__toper { 5627 .news__toper {
5628 display: -webkit-box; 5628 display: -webkit-box;
5629 display: -ms-flexbox; 5629 display: -ms-flexbox;
5630 display: flex; 5630 display: flex;
5631 -webkit-box-pack: justify; 5631 -webkit-box-pack: justify;
5632 -ms-flex-pack: justify; 5632 -ms-flex-pack: justify;
5633 justify-content: space-between; 5633 justify-content: space-between;
5634 -webkit-box-align: center; 5634 -webkit-box-align: center;
5635 -ms-flex-align: center; 5635 -ms-flex-align: center;
5636 align-items: center; 5636 align-items: center;
5637 } 5637 }
5638 @media (min-width: 1280px) { 5638 @media (min-width: 1280px) {
5639 .news__toper .title { 5639 .news__toper .title {
5640 width: calc(100% - 160px); 5640 width: calc(100% - 160px);
5641 } 5641 }
5642 } 5642 }
5643 .news__toper .navs { 5643 .news__toper .navs {
5644 display: none; 5644 display: none;
5645 } 5645 }
5646 @media (min-width: 1280px) { 5646 @media (min-width: 1280px) {
5647 .news__toper .navs { 5647 .news__toper .navs {
5648 display: -webkit-box; 5648 display: -webkit-box;
5649 display: -ms-flexbox; 5649 display: -ms-flexbox;
5650 display: flex; 5650 display: flex;
5651 } 5651 }
5652 } 5652 }
5653 .news .swiper { 5653 .news .swiper {
5654 margin-top: 20px; 5654 margin-top: 20px;
5655 } 5655 }
5656 @media (min-width: 768px) { 5656 @media (min-width: 768px) {
5657 .news .swiper { 5657 .news .swiper {
5658 overflow: visible; 5658 overflow: visible;
5659 } 5659 }
5660 } 5660 }
5661 @media (min-width: 992px) { 5661 @media (min-width: 992px) {
5662 .news .swiper { 5662 .news .swiper {
5663 margin-top: 40px; 5663 margin-top: 40px;
5664 } 5664 }
5665 } 5665 }
5666 .news__item { 5666 .news__item {
5667 display: -webkit-box; 5667 display: -webkit-box;
5668 display: -ms-flexbox; 5668 display: -ms-flexbox;
5669 display: flex; 5669 display: flex;
5670 -webkit-box-orient: vertical; 5670 -webkit-box-orient: vertical;
5671 -webkit-box-direction: normal; 5671 -webkit-box-direction: normal;
5672 -ms-flex-direction: column; 5672 -ms-flex-direction: column;
5673 flex-direction: column; 5673 flex-direction: column;
5674 line-height: 1.4; 5674 line-height: 1.4;
5675 } 5675 }
5676 .news__item-pic { 5676 .news__item-pic {
5677 width: 100%; 5677 width: 100%;
5678 aspect-ratio: 3/2; 5678 aspect-ratio: 3/2;
5679 border-radius: 12px; 5679 border-radius: 12px;
5680 border: 1px solid #e6e7e7; 5680 border: 1px solid #e6e7e7;
5681 -o-object-fit: cover; 5681 -o-object-fit: cover;
5682 object-fit: cover; 5682 object-fit: cover;
5683 min-height: 200px; 5683 min-height: 200px;
5684 } 5684 }
5685 @media (min-width: 1280px) { 5685 @media (min-width: 1280px) {
5686 .news__item-pic { 5686 .news__item-pic {
5687 aspect-ratio: 4/2; 5687 aspect-ratio: 4/2;
5688 } 5688 }
5689 } 5689 }
5690 .news__item-body { 5690 .news__item-body {
5691 display: -webkit-box; 5691 display: -webkit-box;
5692 display: -ms-flexbox; 5692 display: -ms-flexbox;
5693 display: flex; 5693 display: flex;
5694 -webkit-box-orient: vertical; 5694 -webkit-box-orient: vertical;
5695 -webkit-box-direction: normal; 5695 -webkit-box-direction: normal;
5696 -ms-flex-direction: column; 5696 -ms-flex-direction: column;
5697 flex-direction: column; 5697 flex-direction: column;
5698 padding-top: 15px; 5698 padding-top: 15px;
5699 } 5699 }
5700 @media (min-width: 768px) { 5700 @media (min-width: 768px) {
5701 .news__item-body { 5701 .news__item-body {
5702 padding: 20px; 5702 padding: 20px;
5703 padding-top: 30px; 5703 padding-top: 30px;
5704 margin-top: -15px; 5704 margin-top: -15px;
5705 border-radius: 0 0 12px 12px; 5705 border-radius: 0 0 12px 12px;
5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5708 } 5708 }
5709 } 5709 }
5710 .news__item-date { 5710 .news__item-date {
5711 font-size: 14px; 5711 font-size: 14px;
5712 font-weight: 700; 5712 font-weight: 700;
5713 color: #377d87; 5713 color: #377d87;
5714 } 5714 }
5715 .news__item-title { 5715 .news__item-title {
5716 font-size: 20px; 5716 font-size: 20px;
5717 font-weight: 700; 5717 font-weight: 700;
5718 line-height: 1.2; 5718 line-height: 1.2;
5719 margin-top: 5px; 5719 margin-top: 5px;
5720 } 5720 }
5721 .news__item-text { 5721 .news__item-text {
5722 color: #000; 5722 color: #000;
5723 font-size: 13px; 5723 font-size: 13px;
5724 margin-top: 10px; 5724 margin-top: 10px;
5725 overflow: hidden; 5725 overflow: hidden;
5726 display: -webkit-box; 5726 display: -webkit-box;
5727 -webkit-box-orient: vertical; 5727 -webkit-box-orient: vertical;
5728 -webkit-line-clamp: 4; 5728 -webkit-line-clamp: 4;
5729 } 5729 }
5730 @media (min-width: 1280px) { 5730 @media (min-width: 1280px) {
5731 .news__item-text { 5731 .news__item-text {
5732 font-size: 16px; 5732 font-size: 16px;
5733 } 5733 }
5734 } 5734 }
5735 .news__item-more { 5735 .news__item-more {
5736 height: 42px; 5736 height: 42px;
5737 margin-top: 20px; 5737 margin-top: 20px;
5738 } 5738 }
5739 @media (min-width: 1280px) { 5739 @media (min-width: 1280px) {
5740 .news__item-more { 5740 .news__item-more {
5741 height: 44px; 5741 height: 44px;
5742 max-width: 190px; 5742 max-width: 190px;
5743 } 5743 }
5744 } 5744 }
5745 .news__all { 5745 .news__all {
5746 height: 42px; 5746 height: 42px;
5747 margin: 0 auto; 5747 margin: 0 auto;
5748 margin-top: 20px; 5748 margin-top: 20px;
5749 padding: 0; 5749 padding: 0;
5750 display: none; 5750 display: none;
5751 } 5751 }
5752 @media (min-width: 768px) { 5752 @media (min-width: 768px) {
5753 .news__all { 5753 .news__all {
5754 max-width: 170px; 5754 max-width: 170px;
5755 margin-top: 30px; 5755 margin-top: 30px;
5756 display: -webkit-box; 5756 display: -webkit-box;
5757 display: -ms-flexbox; 5757 display: -ms-flexbox;
5758 display: flex; 5758 display: flex;
5759 } 5759 }
5760 } 5760 }
5761 @media (min-width: 1280px) { 5761 @media (min-width: 1280px) {
5762 .news__all { 5762 .news__all {
5763 height: 44px; 5763 height: 44px;
5764 } 5764 }
5765 } 5765 }
5766 .news__items { 5766 .news__items {
5767 display: grid; 5767 display: grid;
5768 gap: 20px; 5768 gap: 20px;
5769 margin-bottom: 10px; 5769 margin-bottom: 10px;
5770 } 5770 }
5771 @media (min-width: 768px) { 5771 @media (min-width: 768px) {
5772 .news__items { 5772 .news__items {
5773 grid-template-columns: 1fr 1fr; 5773 grid-template-columns: 1fr 1fr;
5774 } 5774 }
5775 } 5775 }
5776 @media (min-width: 992px) { 5776 @media (min-width: 992px) {
5777 .news__items { 5777 .news__items {
5778 grid-template-columns: 1fr 1fr 1fr; 5778 grid-template-columns: 1fr 1fr 1fr;
5779 } 5779 }
5780 } 5780 }
5781 5781
5782 main + .news { 5782 main + .news {
5783 padding: 0; 5783 padding: 0;
5784 } 5784 }
5785 5785
5786 .info { 5786 .info {
5787 position: relative; 5787 position: relative;
5788 overflow: hidden; 5788 overflow: hidden;
5789 } 5789 }
5790 @media (min-width: 1280px) { 5790 @media (min-width: 1280px) {
5791 .info { 5791 .info {
5792 margin-bottom: -25px; 5792 margin-bottom: -25px;
5793 } 5793 }
5794 } 5794 }
5795 .info__pic { 5795 .info__pic {
5796 display: none; 5796 display: none;
5797 z-index: 1; 5797 z-index: 1;
5798 position: absolute; 5798 position: absolute;
5799 top: 0; 5799 top: 0;
5800 left: 50%; 5800 left: 50%;
5801 height: 100%; 5801 height: 100%;
5802 margin-left: 130px; 5802 margin-left: 130px;
5803 } 5803 }
5804 @media (min-width: 992px) { 5804 @media (min-width: 992px) {
5805 .info__pic { 5805 .info__pic {
5806 display: block; 5806 display: block;
5807 } 5807 }
5808 } 5808 }
5809 @media (min-width: 1280px) { 5809 @media (min-width: 1280px) {
5810 .info__pic { 5810 .info__pic {
5811 width: 610px; 5811 width: 610px;
5812 height: auto; 5812 height: auto;
5813 margin-left: 10px; 5813 margin-left: 10px;
5814 } 5814 }
5815 } 5815 }
5816 .info__body { 5816 .info__body {
5817 z-index: 2; 5817 z-index: 2;
5818 position: relative; 5818 position: relative;
5819 display: -webkit-box; 5819 display: -webkit-box;
5820 display: -ms-flexbox; 5820 display: -ms-flexbox;
5821 display: flex; 5821 display: flex;
5822 -webkit-box-orient: vertical; 5822 -webkit-box-orient: vertical;
5823 -webkit-box-direction: normal; 5823 -webkit-box-direction: normal;
5824 -ms-flex-direction: column; 5824 -ms-flex-direction: column;
5825 flex-direction: column; 5825 flex-direction: column;
5826 } 5826 }
5827 @media (min-width: 1280px) { 5827 @media (min-width: 1280px) {
5828 .info__body { 5828 .info__body {
5829 padding-top: 100px; 5829 padding-top: 100px;
5830 min-height: 600px; 5830 min-height: 600px;
5831 } 5831 }
5832 } 5832 }
5833 @media (min-width: 1280px) { 5833 @media (min-width: 1280px) {
5834 .info__title { 5834 .info__title {
5835 max-width: 520px; 5835 max-width: 520px;
5836 line-height: 1; 5836 line-height: 1;
5837 } 5837 }
5838 } 5838 }
5839 .info__item { 5839 .info__item {
5840 margin-top: 20px; 5840 margin-top: 20px;
5841 display: -webkit-box; 5841 display: -webkit-box;
5842 display: -ms-flexbox; 5842 display: -ms-flexbox;
5843 display: flex; 5843 display: flex;
5844 -webkit-box-orient: vertical; 5844 -webkit-box-orient: vertical;
5845 -webkit-box-direction: normal; 5845 -webkit-box-direction: normal;
5846 -ms-flex-direction: column; 5846 -ms-flex-direction: column;
5847 flex-direction: column; 5847 flex-direction: column;
5848 gap: 20px; 5848 gap: 20px;
5849 } 5849 }
5850 @media (min-width: 992px) { 5850 @media (min-width: 992px) {
5851 .info__item { 5851 .info__item {
5852 max-width: 610px; 5852 max-width: 610px;
5853 } 5853 }
5854 } 5854 }
5855 .info__item + .info__item { 5855 .info__item + .info__item {
5856 margin-top: 60px; 5856 margin-top: 60px;
5857 } 5857 }
5858 .info__text { 5858 .info__text {
5859 color: #000; 5859 color: #000;
5860 font-size: 13px; 5860 font-size: 13px;
5861 line-height: 1.4; 5861 line-height: 1.4;
5862 } 5862 }
5863 @media (min-width: 768px) { 5863 @media (min-width: 768px) {
5864 .info__text { 5864 .info__text {
5865 font-size: 16px; 5865 font-size: 16px;
5866 } 5866 }
5867 } 5867 }
5868 @media (min-width: 1280px) { 5868 @media (min-width: 1280px) {
5869 .info__text { 5869 .info__text {
5870 font-size: 18px; 5870 font-size: 18px;
5871 } 5871 }
5872 } 5872 }
5873 .info__link { 5873 .info__link {
5874 border-radius: 8px; 5874 border-radius: 8px;
5875 display: -webkit-box; 5875 display: -webkit-box;
5876 display: -ms-flexbox; 5876 display: -ms-flexbox;
5877 display: flex; 5877 display: flex;
5878 -webkit-box-pack: center; 5878 -webkit-box-pack: center;
5879 -ms-flex-pack: center; 5879 -ms-flex-pack: center;
5880 justify-content: center; 5880 justify-content: center;
5881 -webkit-box-align: center; 5881 -webkit-box-align: center;
5882 -ms-flex-align: center; 5882 -ms-flex-align: center;
5883 align-items: center; 5883 align-items: center;
5884 line-height: 1; 5884 line-height: 1;
5885 height: 40px; 5885 height: 40px;
5886 font-size: 12px; 5886 font-size: 12px;
5887 font-weight: 700; 5887 font-weight: 700;
5888 gap: 8px; 5888 gap: 8px;
5889 color: #fff; 5889 color: #fff;
5890 background: #377d87; 5890 background: #377d87;
5891 } 5891 }
5892 .info__link:hover { 5892 .info__link:hover {
5893 -webkit-filter: grayscale(50%); 5893 -webkit-filter: grayscale(50%);
5894 filter: grayscale(50%); 5894 filter: grayscale(50%);
5895 } 5895 }
5896 @media (min-width: 768px) { 5896 @media (min-width: 768px) {
5897 .info__link { 5897 .info__link {
5898 height: 44px; 5898 height: 44px;
5899 font-size: 16px; 5899 font-size: 16px;
5900 gap: 10px; 5900 gap: 10px;
5901 max-width: 300px; 5901 max-width: 300px;
5902 } 5902 }
5903 } 5903 }
5904 @media (min-width: 992px) { 5904 @media (min-width: 992px) {
5905 .info__link { 5905 .info__link {
5906 max-width: 210px; 5906 max-width: 210px;
5907 } 5907 }
5908 } 5908 }
5909 .info__link svg { 5909 .info__link svg {
5910 width: 16px; 5910 width: 16px;
5911 height: 16px; 5911 height: 16px;
5912 } 5912 }
5913 @media (min-width: 768px) { 5913 @media (min-width: 768px) {
5914 .info__link svg { 5914 .info__link svg {
5915 width: 20px; 5915 width: 20px;
5916 height: 20px; 5916 height: 20px;
5917 } 5917 }
5918 } 5918 }
5919 5919
5920 .thing { 5920 .thing {
5921 padding-top: 15px; 5921 padding-top: 15px;
5922 padding-bottom: 30px; 5922 padding-bottom: 30px;
5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5924 color: #000; 5924 color: #000;
5925 overflow: hidden; 5925 overflow: hidden;
5926 position: relative; 5926 position: relative;
5927 } 5927 }
5928 @media (min-width: 992px) { 5928 @media (min-width: 992px) {
5929 .thing { 5929 .thing {
5930 padding-top: 20px; 5930 padding-top: 20px;
5931 padding-bottom: 60px; 5931 padding-bottom: 60px;
5932 } 5932 }
5933 } 5933 }
5934 @media (min-width: 1280px) { 5934 @media (min-width: 1280px) {
5935 .thing { 5935 .thing {
5936 padding-bottom: 90px; 5936 padding-bottom: 90px;
5937 } 5937 }
5938 } 5938 }
5939 .thing_pdf { 5939 .thing_pdf {
5940 padding: 30px 0; 5940 padding: 30px 0;
5941 } 5941 }
5942 @media (min-width: 992px) { 5942 @media (min-width: 992px) {
5943 .thing_pdf { 5943 .thing_pdf {
5944 padding: 60px 0; 5944 padding: 60px 0;
5945 } 5945 }
5946 } 5946 }
5947 @media (min-width: 1280px) { 5947 @media (min-width: 1280px) {
5948 .thing_pdf { 5948 .thing_pdf {
5949 padding: 90px 0; 5949 padding: 90px 0;
5950 } 5950 }
5951 } 5951 }
5952 .thing__body { 5952 .thing__body {
5953 display: -webkit-box; 5953 display: -webkit-box;
5954 display: -ms-flexbox; 5954 display: -ms-flexbox;
5955 display: flex; 5955 display: flex;
5956 -webkit-box-orient: vertical; 5956 -webkit-box-orient: vertical;
5957 -webkit-box-direction: normal; 5957 -webkit-box-direction: normal;
5958 -ms-flex-direction: column; 5958 -ms-flex-direction: column;
5959 flex-direction: column; 5959 flex-direction: column;
5960 -webkit-box-align: start; 5960 -webkit-box-align: start;
5961 -ms-flex-align: start; 5961 -ms-flex-align: start;
5962 align-items: flex-start; 5962 align-items: flex-start;
5963 } 5963 }
5964 .thing__breadcrumbs { 5964 .thing__breadcrumbs {
5965 width: 100%; 5965 width: 100%;
5966 margin-bottom: 40px; 5966 margin-bottom: 40px;
5967 position: relative; 5967 position: relative;
5968 z-index: 2; 5968 z-index: 2;
5969 } 5969 }
5970 @media (min-width: 768px) { 5970 @media (min-width: 768px) {
5971 .thing__breadcrumbs { 5971 .thing__breadcrumbs {
5972 margin-bottom: 60px; 5972 margin-bottom: 60px;
5973 } 5973 }
5974 } 5974 }
5975 .thing__date { 5975 .thing__date {
5976 color: #000; 5976 color: #000;
5977 font-size: 14px; 5977 font-size: 14px;
5978 font-weight: 700; 5978 font-weight: 700;
5979 line-height: 21px; 5979 line-height: 21px;
5980 margin-bottom: 10px; 5980 margin-bottom: 10px;
5981 } 5981 }
5982 @media (min-width: 768px) { 5982 @media (min-width: 768px) {
5983 .thing__date { 5983 .thing__date {
5984 font-size: 18px; 5984 font-size: 18px;
5985 line-height: 27px; 5985 line-height: 27px;
5986 } 5986 }
5987 } 5987 }
5988 .thing__title { 5988 .thing__title {
5989 width: 100%; 5989 width: 100%;
5990 font-size: 32px; 5990 font-size: 32px;
5991 font-weight: 700; 5991 font-weight: 700;
5992 margin: 0; 5992 margin: 0;
5993 max-width: 780px; 5993 max-width: 780px;
5994 position: relative; 5994 position: relative;
5995 z-index: 2; 5995 z-index: 2;
5996 line-height: 1.1; 5996 line-height: 1.1;
5997 } 5997 }
5998 @media (min-width: 768px) { 5998 @media (min-width: 768px) {
5999 .thing__title { 5999 .thing__title {
6000 font-size: 40px; 6000 font-size: 40px;
6001 } 6001 }
6002 } 6002 }
6003 @media (min-width: 1280px) { 6003 @media (min-width: 1280px) {
6004 .thing__title { 6004 .thing__title {
6005 font-size: 64px; 6005 font-size: 64px;
6006 } 6006 }
6007 } 6007 }
6008 .thing__text { 6008 .thing__text {
6009 width: 100%; 6009 width: 100%;
6010 font-weight: 700; 6010 font-weight: 700;
6011 font-size: 14px; 6011 font-size: 14px;
6012 line-height: 1.4; 6012 line-height: 1.4;
6013 margin: 15px 0 0 0; 6013 margin: 15px 0 0 0;
6014 max-width: 780px; 6014 max-width: 780px;
6015 position: relative; 6015 position: relative;
6016 z-index: 2; 6016 z-index: 2;
6017 } 6017 }
6018 @media (min-width: 768px) { 6018 @media (min-width: 768px) {
6019 .thing__text { 6019 .thing__text {
6020 margin-top: 15px; 6020 margin-top: 15px;
6021 } 6021 }
6022 } 6022 }
6023 @media (min-width: 992px) { 6023 @media (min-width: 992px) {
6024 .thing__text { 6024 .thing__text {
6025 font-weight: 400; 6025 font-weight: 400;
6026 font-size: 18px; 6026 font-size: 18px;
6027 } 6027 }
6028 } 6028 }
6029 .thing__search { 6029 .thing__search {
6030 width: 100%; 6030 width: 100%;
6031 max-width: 640px; 6031 max-width: 640px;
6032 margin-top: 20px; 6032 margin-top: 20px;
6033 position: relative; 6033 position: relative;
6034 z-index: 2; 6034 z-index: 2;
6035 } 6035 }
6036 @media (min-width: 768px) { 6036 @media (min-width: 768px) {
6037 .thing__search { 6037 .thing__search {
6038 margin-top: 30px; 6038 margin-top: 30px;
6039 } 6039 }
6040 } 6040 }
6041 .thing__badge { 6041 .thing__badge {
6042 position: relative; 6042 position: relative;
6043 z-index: 2; 6043 z-index: 2;
6044 display: -webkit-box; 6044 display: -webkit-box;
6045 display: -ms-flexbox; 6045 display: -ms-flexbox;
6046 display: flex; 6046 display: flex;
6047 -webkit-box-align: center; 6047 -webkit-box-align: center;
6048 -ms-flex-align: center; 6048 -ms-flex-align: center;
6049 align-items: center; 6049 align-items: center;
6050 gap: 5px; 6050 gap: 5px;
6051 padding: 0 12px; 6051 padding: 0 12px;
6052 background: #4d88d9; 6052 background: #4d88d9;
6053 color: #fff; 6053 color: #fff;
6054 font-size: 12px; 6054 font-size: 12px;
6055 line-height: 1; 6055 line-height: 1;
6056 height: 26px; 6056 height: 26px;
6057 border-radius: 999px; 6057 border-radius: 999px;
6058 margin-bottom: 20px; 6058 margin-bottom: 20px;
6059 } 6059 }
6060 @media (min-width: 992px) { 6060 @media (min-width: 992px) {
6061 .thing__badge { 6061 .thing__badge {
6062 font-size: 16px; 6062 font-size: 16px;
6063 gap: 10px; 6063 gap: 10px;
6064 padding: 0 24px; 6064 padding: 0 24px;
6065 height: 42px; 6065 height: 42px;
6066 margin-bottom: 30px; 6066 margin-bottom: 30px;
6067 } 6067 }
6068 } 6068 }
6069 .thing__badge svg { 6069 .thing__badge svg {
6070 width: 12px; 6070 width: 12px;
6071 height: 12px; 6071 height: 12px;
6072 } 6072 }
6073 @media (min-width: 992px) { 6073 @media (min-width: 992px) {
6074 .thing__badge svg { 6074 .thing__badge svg {
6075 width: 20px; 6075 width: 20px;
6076 height: 20px; 6076 height: 20px;
6077 } 6077 }
6078 } 6078 }
6079 .thing__pic { 6079 .thing__pic {
6080 width: 60px; 6080 width: 60px;
6081 aspect-ratio: 1/1; 6081 aspect-ratio: 1/1;
6082 -o-object-fit: contain; 6082 -o-object-fit: contain;
6083 object-fit: contain; 6083 object-fit: contain;
6084 position: relative; 6084 position: relative;
6085 z-index: 1; 6085 z-index: 1;
6086 margin-bottom: 15px; 6086 margin-bottom: 15px;
6087 } 6087 }
6088 @media (min-width: 768px) { 6088 @media (min-width: 768px) {
6089 .thing__pic { 6089 .thing__pic {
6090 width: 160px; 6090 width: 160px;
6091 position: absolute; 6091 position: absolute;
6092 top: 15px; 6092 top: 15px;
6093 right: 20px; 6093 right: 20px;
6094 } 6094 }
6095 } 6095 }
6096 @media (min-width: 992px) { 6096 @media (min-width: 992px) {
6097 .thing__pic { 6097 .thing__pic {
6098 width: 330px; 6098 width: 330px;
6099 top: 50%; 6099 top: 50%;
6100 -webkit-transform: translate(0, -50%); 6100 -webkit-transform: translate(0, -50%);
6101 -ms-transform: translate(0, -50%); 6101 -ms-transform: translate(0, -50%);
6102 transform: translate(0, -50%); 6102 transform: translate(0, -50%);
6103 } 6103 }
6104 } 6104 }
6105 @media (min-width: 1280px) { 6105 @media (min-width: 1280px) {
6106 .thing__pic { 6106 .thing__pic {
6107 right: auto; 6107 right: auto;
6108 left: 50%; 6108 left: 50%;
6109 margin-left: 200px; 6109 margin-left: 200px;
6110 } 6110 }
6111 } 6111 }
6112 .thing__pic_two { 6112 .thing__pic_two {
6113 -o-object-fit: cover; 6113 -o-object-fit: cover;
6114 object-fit: cover; 6114 object-fit: cover;
6115 border-radius: 30px; 6115 border-radius: 30px;
6116 aspect-ratio: 44/37; 6116 aspect-ratio: 44/37;
6117 width: 100%; 6117 width: 100%;
6118 max-width: 440px; 6118 max-width: 440px;
6119 } 6119 }
6120 @media (min-width: 768px) { 6120 @media (min-width: 768px) {
6121 .thing__pic_two { 6121 .thing__pic_two {
6122 position: static; 6122 position: static;
6123 -webkit-transform: translate(0, 0); 6123 -webkit-transform: translate(0, 0);
6124 -ms-transform: translate(0, 0); 6124 -ms-transform: translate(0, 0);
6125 transform: translate(0, 0); 6125 transform: translate(0, 0);
6126 } 6126 }
6127 } 6127 }
6128 @media (min-width: 1280px) { 6128 @media (min-width: 1280px) {
6129 .thing__pic_two { 6129 .thing__pic_two {
6130 position: absolute; 6130 position: absolute;
6131 -webkit-transform: translate(0, -50%); 6131 -webkit-transform: translate(0, -50%);
6132 -ms-transform: translate(0, -50%); 6132 -ms-transform: translate(0, -50%);
6133 transform: translate(0, -50%); 6133 transform: translate(0, -50%);
6134 } 6134 }
6135 } 6135 }
6136 .thing__buttons { 6136 .thing__buttons {
6137 width: 100%; 6137 width: 100%;
6138 position: relative; 6138 position: relative;
6139 z-index: 2; 6139 z-index: 2;
6140 display: -webkit-box; 6140 display: -webkit-box;
6141 display: -ms-flexbox; 6141 display: -ms-flexbox;
6142 display: flex; 6142 display: flex;
6143 -webkit-box-align: center; 6143 -webkit-box-align: center;
6144 -ms-flex-align: center; 6144 -ms-flex-align: center;
6145 align-items: center; 6145 align-items: center;
6146 gap: 20px; 6146 gap: 20px;
6147 margin-top: 15px; 6147 margin-top: 15px;
6148 } 6148 }
6149 @media (min-width: 992px) { 6149 @media (min-width: 992px) {
6150 .thing__buttons { 6150 .thing__buttons {
6151 margin-top: 30px; 6151 margin-top: 30px;
6152 gap: 30px; 6152 gap: 30px;
6153 } 6153 }
6154 } 6154 }
6155 @media (min-width: 992px) { 6155 @media (min-width: 992px) {
6156 .thing__buttons .button { 6156 .thing__buttons .button {
6157 padding: 0 22px; 6157 padding: 0 22px;
6158 } 6158 }
6159 } 6159 }
6160 .thing__checkbox { 6160 .thing__checkbox {
6161 margin-top: 20px; 6161 margin-top: 20px;
6162 } 6162 }
6163 .thing__checkbox .checkbox__icon { 6163 .thing__checkbox .checkbox__icon {
6164 border-color: #377d87; 6164 border-color: #377d87;
6165 } 6165 }
6166 .thing__checkbox .checkbox__text { 6166 .thing__checkbox .checkbox__text {
6167 color: #377d87; 6167 color: #377d87;
6168 } 6168 }
6169 .thing__profile { 6169 .thing__profile {
6170 display: -webkit-box; 6170 display: -webkit-box;
6171 display: -ms-flexbox; 6171 display: -ms-flexbox;
6172 display: flex; 6172 display: flex;
6173 -webkit-box-orient: vertical; 6173 -webkit-box-orient: vertical;
6174 -webkit-box-direction: normal; 6174 -webkit-box-direction: normal;
6175 -ms-flex-direction: column; 6175 -ms-flex-direction: column;
6176 flex-direction: column; 6176 flex-direction: column;
6177 } 6177 }
6178 @media (min-width: 768px) { 6178 @media (min-width: 768px) {
6179 .thing__profile { 6179 .thing__profile {
6180 -webkit-box-orient: horizontal; 6180 -webkit-box-orient: horizontal;
6181 -webkit-box-direction: normal; 6181 -webkit-box-direction: normal;
6182 -ms-flex-direction: row; 6182 -ms-flex-direction: row;
6183 flex-direction: row; 6183 flex-direction: row;
6184 -webkit-box-align: start; 6184 -webkit-box-align: start;
6185 -ms-flex-align: start; 6185 -ms-flex-align: start;
6186 align-items: flex-start; 6186 align-items: flex-start;
6187 } 6187 }
6188 } 6188 }
6189 .thing__profile-photo { 6189 .thing__profile-photo {
6190 width: 210px; 6190 width: 210px;
6191 border-radius: 8px; 6191 border-radius: 8px;
6192 aspect-ratio: 1/1; 6192 aspect-ratio: 1/1;
6193 } 6193 }
6194 .thing__profile-body { 6194 .thing__profile-body {
6195 display: -webkit-box; 6195 display: -webkit-box;
6196 display: -ms-flexbox; 6196 display: -ms-flexbox;
6197 display: flex; 6197 display: flex;
6198 -webkit-box-orient: vertical; 6198 -webkit-box-orient: vertical;
6199 -webkit-box-direction: normal; 6199 -webkit-box-direction: normal;
6200 -ms-flex-direction: column; 6200 -ms-flex-direction: column;
6201 flex-direction: column; 6201 flex-direction: column;
6202 margin-top: 15px; 6202 margin-top: 15px;
6203 } 6203 }
6204 @media (min-width: 768px) { 6204 @media (min-width: 768px) {
6205 .thing__profile-body { 6205 .thing__profile-body {
6206 width: calc(100% - 210px); 6206 width: calc(100% - 210px);
6207 padding-left: 35px; 6207 padding-left: 35px;
6208 } 6208 }
6209 } 6209 }
6210 .thing__profile .thing__title { 6210 .thing__profile .thing__title {
6211 max-width: none; 6211 max-width: none;
6212 } 6212 }
6213 @media (min-width: 768px) { 6213 @media (min-width: 768px) {
6214 .thing__profile .thing__title { 6214 .thing__profile .thing__title {
6215 margin-top: -20px; 6215 margin-top: -20px;
6216 } 6216 }
6217 } 6217 }
6218 .thing__profile .thing__text { 6218 .thing__profile .thing__text {
6219 max-width: none; 6219 max-width: none;
6220 } 6220 }
6221 .thing__bottom { 6221 .thing__bottom {
6222 display: -webkit-box; 6222 display: -webkit-box;
6223 display: -ms-flexbox; 6223 display: -ms-flexbox;
6224 display: flex; 6224 display: flex;
6225 -webkit-box-align: center; 6225 -webkit-box-align: center;
6226 -ms-flex-align: center; 6226 -ms-flex-align: center;
6227 align-items: center; 6227 align-items: center;
6228 gap: 15px; 6228 gap: 15px;
6229 margin-top: 15px; 6229 margin-top: 15px;
6230 } 6230 }
6231 @media (min-width: 768px) { 6231 @media (min-width: 768px) {
6232 .thing__bottom { 6232 .thing__bottom {
6233 margin-top: 30px; 6233 margin-top: 30px;
6234 } 6234 }
6235 } 6235 }
6236 .thing__select { 6236 .thing__select {
6237 width: 100%; 6237 width: 100%;
6238 max-width: 640px; 6238 max-width: 640px;
6239 margin-top: 20px; 6239 margin-top: 20px;
6240 } 6240 }
6241 @media (min-width: 768px) { 6241 @media (min-width: 768px) {
6242 .thing__select { 6242 .thing__select {
6243 margin-top: 30px; 6243 margin-top: 30px;
6244 } 6244 }
6245 } 6245 }
6246 6246
6247 .page-404 { 6247 .page-404 {
6248 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6248 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6249 overflow: hidden; 6249 overflow: hidden;
6250 } 6250 }
6251 .page-404__body { 6251 .page-404__body {
6252 display: -webkit-box; 6252 display: -webkit-box;
6253 display: -ms-flexbox; 6253 display: -ms-flexbox;
6254 display: flex; 6254 display: flex;
6255 -webkit-box-orient: vertical; 6255 -webkit-box-orient: vertical;
6256 -webkit-box-direction: normal; 6256 -webkit-box-direction: normal;
6257 -ms-flex-direction: column; 6257 -ms-flex-direction: column;
6258 flex-direction: column; 6258 flex-direction: column;
6259 -webkit-box-align: center; 6259 -webkit-box-align: center;
6260 -ms-flex-align: center; 6260 -ms-flex-align: center;
6261 align-items: center; 6261 align-items: center;
6262 -webkit-box-pack: center; 6262 -webkit-box-pack: center;
6263 -ms-flex-pack: center; 6263 -ms-flex-pack: center;
6264 justify-content: center; 6264 justify-content: center;
6265 text-align: center; 6265 text-align: center;
6266 padding: 60px 0; 6266 padding: 60px 0;
6267 color: #000; 6267 color: #000;
6268 font-size: 12px; 6268 font-size: 12px;
6269 gap: 10px; 6269 gap: 10px;
6270 line-height: 1.4; 6270 line-height: 1.4;
6271 } 6271 }
6272 @media (min-width: 768px) { 6272 @media (min-width: 768px) {
6273 .page-404__body { 6273 .page-404__body {
6274 font-size: 18px; 6274 font-size: 18px;
6275 padding: 120px 0; 6275 padding: 120px 0;
6276 gap: 20px; 6276 gap: 20px;
6277 } 6277 }
6278 } 6278 }
6279 @media (min-width: 1280px) { 6279 @media (min-width: 1280px) {
6280 .page-404__body { 6280 .page-404__body {
6281 padding: 180px 0; 6281 padding: 180px 0;
6282 text-align: left; 6282 text-align: left;
6283 } 6283 }
6284 } 6284 }
6285 .page-404__numb { 6285 .page-404__numb {
6286 font-size: 114px; 6286 font-size: 114px;
6287 line-height: 1; 6287 line-height: 1;
6288 color: #377d87; 6288 color: #377d87;
6289 font-weight: 700; 6289 font-weight: 700;
6290 } 6290 }
6291 @media (min-width: 768px) { 6291 @media (min-width: 768px) {
6292 .page-404__numb { 6292 .page-404__numb {
6293 font-size: 184px; 6293 font-size: 184px;
6294 } 6294 }
6295 } 6295 }
6296 @media (min-width: 768px) { 6296 @media (min-width: 768px) {
6297 .page-404__title { 6297 .page-404__title {
6298 font-weight: 700; 6298 font-weight: 700;
6299 font-size: 44px; 6299 font-size: 44px;
6300 } 6300 }
6301 } 6301 }
6302 @media (min-width: 1280px) { 6302 @media (min-width: 1280px) {
6303 .page-404__title { 6303 .page-404__title {
6304 width: 710px; 6304 width: 710px;
6305 position: relative; 6305 position: relative;
6306 left: 200px; 6306 left: 200px;
6307 } 6307 }
6308 } 6308 }
6309 @media (min-width: 1280px) { 6309 @media (min-width: 1280px) {
6310 .page-404__subtitle { 6310 .page-404__subtitle {
6311 width: 710px; 6311 width: 710px;
6312 position: relative; 6312 position: relative;
6313 left: 200px; 6313 left: 200px;
6314 } 6314 }
6315 } 6315 }
6316 .page-404__button { 6316 .page-404__button {
6317 margin-top: 10px; 6317 margin-top: 10px;
6318 } 6318 }
6319 @media (min-width: 1280px) { 6319 @media (min-width: 1280px) {
6320 .page-404__button { 6320 .page-404__button {
6321 position: relative; 6321 position: relative;
6322 left: -45px; 6322 left: -45px;
6323 } 6323 }
6324 } 6324 }
6325 6325
6326 .cookies { 6326 .cookies {
6327 display: none; 6327 display: none;
6328 -webkit-box-align: end; 6328 -webkit-box-align: end;
6329 -ms-flex-align: end; 6329 -ms-flex-align: end;
6330 align-items: flex-end; 6330 align-items: flex-end;
6331 padding: 10px; 6331 padding: 10px;
6332 padding-top: 0; 6332 padding-top: 0;
6333 height: 0; 6333 height: 0;
6334 position: fixed; 6334 position: fixed;
6335 z-index: 999; 6335 z-index: 999;
6336 bottom: 0; 6336 bottom: 0;
6337 left: 0; 6337 left: 0;
6338 width: 100%; 6338 width: 100%;
6339 } 6339 }
6340 .cookies-is-actived .cookies { 6340 .cookies-is-actived .cookies {
6341 display: -webkit-box; 6341 display: -webkit-box;
6342 display: -ms-flexbox; 6342 display: -ms-flexbox;
6343 display: flex; 6343 display: flex;
6344 } 6344 }
6345 .cookies__body { 6345 .cookies__body {
6346 border-radius: 6px; 6346 border-radius: 6px;
6347 border: 1px solid #377d87; 6347 border: 1px solid #377d87;
6348 background: #fff; 6348 background: #fff;
6349 padding: 15px; 6349 padding: 15px;
6350 padding-right: 50px; 6350 padding-right: 50px;
6351 position: relative; 6351 position: relative;
6352 max-width: 940px; 6352 max-width: 940px;
6353 margin: 0 auto; 6353 margin: 0 auto;
6354 } 6354 }
6355 @media (min-width: 768px) { 6355 @media (min-width: 768px) {
6356 .cookies__body { 6356 .cookies__body {
6357 padding: 25px; 6357 padding: 25px;
6358 padding-right: 50px; 6358 padding-right: 50px;
6359 border-radius: 12px; 6359 border-radius: 12px;
6360 } 6360 }
6361 } 6361 }
6362 @media (min-width: 992px) { 6362 @media (min-width: 992px) {
6363 .cookies__body { 6363 .cookies__body {
6364 padding: 40px 60px; 6364 padding: 40px 60px;
6365 } 6365 }
6366 } 6366 }
6367 .cookies__close { 6367 .cookies__close {
6368 display: -webkit-box; 6368 display: -webkit-box;
6369 display: -ms-flexbox; 6369 display: -ms-flexbox;
6370 display: flex; 6370 display: flex;
6371 -webkit-box-pack: center; 6371 -webkit-box-pack: center;
6372 -ms-flex-pack: center; 6372 -ms-flex-pack: center;
6373 justify-content: center; 6373 justify-content: center;
6374 -webkit-box-align: center; 6374 -webkit-box-align: center;
6375 -ms-flex-align: center; 6375 -ms-flex-align: center;
6376 align-items: center; 6376 align-items: center;
6377 color: #377d87; 6377 color: #377d87;
6378 padding: 0; 6378 padding: 0;
6379 border: none; 6379 border: none;
6380 background: none; 6380 background: none;
6381 position: absolute; 6381 position: absolute;
6382 top: 15px; 6382 top: 15px;
6383 right: 15px; 6383 right: 15px;
6384 } 6384 }
6385 .cookies__close:hover { 6385 .cookies__close:hover {
6386 color: #000; 6386 color: #000;
6387 } 6387 }
6388 .cookies__close svg { 6388 .cookies__close svg {
6389 width: 16px; 6389 width: 16px;
6390 height: 16px; 6390 height: 16px;
6391 } 6391 }
6392 .cookies__text { 6392 .cookies__text {
6393 font-size: 12px; 6393 font-size: 12px;
6394 color: #377d87; 6394 color: #377d87;
6395 line-height: 1.4; 6395 line-height: 1.4;
6396 } 6396 }
6397 @media (min-width: 768px) { 6397 @media (min-width: 768px) {
6398 .cookies__text { 6398 .cookies__text {
6399 font-size: 16px; 6399 font-size: 16px;
6400 font-weight: 700; 6400 font-weight: 700;
6401 } 6401 }
6402 } 6402 }
6403 6403
6404 .fancybox-active { 6404 .fancybox-active {
6405 overflow: hidden; 6405 overflow: hidden;
6406 } 6406 }
6407 .fancybox-is-open .fancybox-bg { 6407 .fancybox-is-open .fancybox-bg {
6408 background: #080b0b; 6408 background: #080b0b;
6409 opacity: 0.6; 6409 opacity: 0.6;
6410 z-index: 9999; 6410 z-index: 9999;
6411 } 6411 }
6412 .fancybox-slide { 6412 .fancybox-slide {
6413 padding: 0; 6413 padding: 0;
6414 } 6414 }
6415 @media (min-width: 992px) { 6415 @media (min-width: 992px) {
6416 .fancybox-slide { 6416 .fancybox-slide {
6417 padding: 30px; 6417 padding: 30px;
6418 } 6418 }
6419 } 6419 }
6420 .fancybox-slide--html .fancybox-close-small { 6420 .fancybox-slide--html .fancybox-close-small {
6421 padding: 0; 6421 padding: 0;
6422 opacity: 1; 6422 opacity: 1;
6423 color: #377d87; 6423 color: #377d87;
6424 } 6424 }
6425 @media (min-width: 768px) { 6425 @media (min-width: 768px) {
6426 .fancybox-slide--html .fancybox-close-small { 6426 .fancybox-slide--html .fancybox-close-small {
6427 top: 10px; 6427 top: 10px;
6428 right: 10px; 6428 right: 10px;
6429 } 6429 }
6430 } 6430 }
6431 .fancybox-slide--html .fancybox-close-small:hover { 6431 .fancybox-slide--html .fancybox-close-small:hover {
6432 color: #000; 6432 color: #000;
6433 } 6433 }
6434 6434
6435 .modal { 6435 .modal {
6436 width: 100%; 6436 width: 100%;
6437 max-width: 820px; 6437 max-width: 820px;
6438 padding: 0; 6438 padding: 0;
6439 background: #fff; 6439 background: #fff;
6440 z-index: 99999; 6440 z-index: 99999;
6441 } 6441 }
6442 @media (min-width: 992px) { 6442 @media (min-width: 992px) {
6443 .modal { 6443 .modal {
6444 border-radius: 10px; 6444 border-radius: 10px;
6445 border: 1px solid #377d87; 6445 border: 1px solid #377d87;
6446 } 6446 }
6447 } 6447 }
6448 .modal_bg { 6448 .modal_bg {
6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6450 } 6450 }
6451 @media (min-width: 768px) { 6451 @media (min-width: 768px) {
6452 .modal_bg { 6452 .modal_bg {
6453 background-position: 100% 100%; 6453 background-position: 100% 100%;
6454 } 6454 }
6455 } 6455 }
6456 .modal__body { 6456 .modal__body {
6457 padding: 40px 15px; 6457 padding: 40px 15px;
6458 padding-bottom: 30px; 6458 padding-bottom: 30px;
6459 display: -webkit-box; 6459 display: -webkit-box;
6460 display: -ms-flexbox; 6460 display: -ms-flexbox;
6461 display: flex; 6461 display: flex;
6462 -webkit-box-orient: vertical; 6462 -webkit-box-orient: vertical;
6463 -webkit-box-direction: normal; 6463 -webkit-box-direction: normal;
6464 -ms-flex-direction: column; 6464 -ms-flex-direction: column;
6465 flex-direction: column; 6465 flex-direction: column;
6466 -webkit-box-align: center; 6466 -webkit-box-align: center;
6467 -ms-flex-align: center; 6467 -ms-flex-align: center;
6468 align-items: center; 6468 align-items: center;
6469 -webkit-box-pack: center; 6469 -webkit-box-pack: center;
6470 -ms-flex-pack: center; 6470 -ms-flex-pack: center;
6471 justify-content: center; 6471 justify-content: center;
6472 width: 100%; 6472 width: 100%;
6473 min-height: 100vh; 6473 min-height: 100vh;
6474 overflow: hidden; 6474 overflow: hidden;
6475 font-size: 12px; 6475 font-size: 12px;
6476 } 6476 }
6477 @media (min-width: 768px) { 6477 @media (min-width: 768px) {
6478 .modal__body { 6478 .modal__body {
6479 font-size: 16px; 6479 font-size: 16px;
6480 padding-left: 22px; 6480 padding-left: 22px;
6481 padding-right: 22px; 6481 padding-right: 22px;
6482 } 6482 }
6483 } 6483 }
6484 @media (min-width: 992px) { 6484 @media (min-width: 992px) {
6485 .modal__body { 6485 .modal__body {
6486 min-height: 450px; 6486 min-height: 450px;
6487 padding: 60px 80px; 6487 padding: 60px 80px;
6488 padding-bottom: 40px; 6488 padding-bottom: 40px;
6489 } 6489 }
6490 } 6490 }
6491 @media (min-width: 768px) { 6491 @media (min-width: 768px) {
6492 .modal__body .left { 6492 .modal__body .left {
6493 text-align: left; 6493 text-align: left;
6494 } 6494 }
6495 } 6495 }
6496 .modal__title { 6496 .modal__title {
6497 width: 100%; 6497 width: 100%;
6498 font-size: 22px; 6498 font-size: 22px;
6499 font-weight: 700; 6499 font-weight: 700;
6500 text-align: center; 6500 text-align: center;
6501 color: #000; 6501 color: #000;
6502 } 6502 }
6503 @media (min-width: 768px) { 6503 @media (min-width: 768px) {
6504 .modal__title { 6504 .modal__title {
6505 font-size: 32px; 6505 font-size: 32px;
6506 } 6506 }
6507 } 6507 }
6508 @media (min-width: 992px) { 6508 @media (min-width: 992px) {
6509 .modal__title { 6509 .modal__title {
6510 font-size: 44px; 6510 font-size: 44px;
6511 } 6511 }
6512 } 6512 }
6513 .modal__text { 6513 .modal__text {
6514 width: 100%; 6514 width: 100%;
6515 text-align: center; 6515 text-align: center;
6516 margin-top: 10px; 6516 margin-top: 10px;
6517 color: #000; 6517 color: #000;
6518 } 6518 }
6519 @media (min-width: 768px) { 6519 @media (min-width: 768px) {
6520 .modal__text { 6520 .modal__text {
6521 margin-top: 20px; 6521 margin-top: 20px;
6522 } 6522 }
6523 } 6523 }
6524 .modal__text span { 6524 .modal__text span {
6525 color: #9c9d9d; 6525 color: #9c9d9d;
6526 } 6526 }
6527 .modal__text a { 6527 .modal__text a {
6528 font-weight: 700; 6528 font-weight: 700;
6529 color: #377d87; 6529 color: #377d87;
6530 } 6530 }
6531 .modal__text a:hover { 6531 .modal__text a:hover {
6532 color: #000; 6532 color: #000;
6533 } 6533 }
6534 .modal__button { 6534 .modal__button {
6535 margin-top: 20px; 6535 margin-top: 20px;
6536 } 6536 }
6537 @media (min-width: 768px) { 6537 @media (min-width: 768px) {
6538 .modal__button { 6538 .modal__button {
6539 min-width: 200px; 6539 min-width: 200px;
6540 margin-top: 30px; 6540 margin-top: 30px;
6541 } 6541 }
6542 } 6542 }
6543 .modal__buttons { 6543 .modal__buttons {
6544 display: grid; 6544 display: grid;
6545 grid-template-columns: repeat(2, 1fr); 6545 grid-template-columns: repeat(2, 1fr);
6546 gap: 20px; 6546 gap: 20px;
6547 margin-top: 20px; 6547 margin-top: 20px;
6548 } 6548 }
6549 @media (min-width: 768px) { 6549 @media (min-width: 768px) {
6550 .modal__buttons { 6550 .modal__buttons {
6551 gap: 30px; 6551 gap: 30px;
6552 margin-top: 30px; 6552 margin-top: 30px;
6553 } 6553 }
6554 } 6554 }
6555 .modal__form { 6555 .modal__form {
6556 width: 100%; 6556 width: 100%;
6557 display: -webkit-box; 6557 display: -webkit-box;
6558 display: -ms-flexbox; 6558 display: -ms-flexbox;
6559 display: flex; 6559 display: flex;
6560 -webkit-box-orient: vertical; 6560 -webkit-box-orient: vertical;
6561 -webkit-box-direction: normal; 6561 -webkit-box-direction: normal;
6562 -ms-flex-direction: column; 6562 -ms-flex-direction: column;
6563 flex-direction: column; 6563 flex-direction: column;
6564 gap: 16px; 6564 gap: 16px;
6565 margin-top: 10px; 6565 margin-top: 10px;
6566 } 6566 }
6567 @media (min-width: 768px) { 6567 @media (min-width: 768px) {
6568 .modal__form { 6568 .modal__form {
6569 margin-top: 20px; 6569 margin-top: 20px;
6570 } 6570 }
6571 } 6571 }
6572 .modal__form-item { 6572 .modal__form-item {
6573 display: -webkit-box; 6573 display: -webkit-box;
6574 display: -ms-flexbox; 6574 display: -ms-flexbox;
6575 display: flex; 6575 display: flex;
6576 -webkit-box-orient: vertical; 6576 -webkit-box-orient: vertical;
6577 -webkit-box-direction: normal; 6577 -webkit-box-direction: normal;
6578 -ms-flex-direction: column; 6578 -ms-flex-direction: column;
6579 flex-direction: column; 6579 flex-direction: column;
6580 -webkit-box-align: center; 6580 -webkit-box-align: center;
6581 -ms-flex-align: center; 6581 -ms-flex-align: center;
6582 align-items: center; 6582 align-items: center;
6583 gap: 4px; 6583 gap: 4px;
6584 } 6584 }
6585 .modal__form-item > .input { 6585 .modal__form-item > .input {
6586 width: 100%; 6586 width: 100%;
6587 } 6587 }
6588 .modal__form-item > .textarea { 6588 .modal__form-item > .textarea {
6589 width: 100%; 6589 width: 100%;
6590 height: 175px; 6590 height: 175px;
6591 } 6591 }
6592 @media (min-width: 768px) { 6592 @media (min-width: 768px) {
6593 .modal__form-item > .textarea { 6593 .modal__form-item > .textarea {
6594 height: 195px; 6594 height: 195px;
6595 } 6595 }
6596 } 6596 }
6597 .modal__form-item > .file { 6597 .modal__form-item > .file {
6598 width: 100%; 6598 width: 100%;
6599 } 6599 }
6600 .modal__form-item > .button { 6600 .modal__form-item > .button {
6601 min-width: 120px; 6601 min-width: 120px;
6602 } 6602 }
6603 .modal__form-item > label { 6603 .modal__form-item > label {
6604 width: 100%; 6604 width: 100%;
6605 display: none; 6605 display: none;
6606 color: #eb5757; 6606 color: #eb5757;
6607 padding: 0 10px; 6607 padding: 0 10px;
6608 font-size: 12px; 6608 font-size: 12px;
6609 } 6609 }
6610 @media (min-width: 768px) { 6610 @media (min-width: 768px) {
6611 .modal__form-item > label { 6611 .modal__form-item > label {
6612 padding: 0 20px; 6612 padding: 0 20px;
6613 font-size: 16px; 6613 font-size: 16px;
6614 } 6614 }
6615 } 6615 }
6616 .modal__sign { 6616 .modal__sign {
6617 display: -webkit-box; 6617 display: -webkit-box;
6618 display: -ms-flexbox; 6618 display: -ms-flexbox;
6619 display: flex; 6619 display: flex;
6620 -webkit-box-orient: vertical; 6620 -webkit-box-orient: vertical;
6621 -webkit-box-direction: normal; 6621 -webkit-box-direction: normal;
6622 -ms-flex-direction: column; 6622 -ms-flex-direction: column;
6623 flex-direction: column; 6623 flex-direction: column;
6624 gap: 20px; 6624 gap: 20px;
6625 margin-top: 10px; 6625 margin-top: 10px;
6626 margin-bottom: 20px; 6626 margin-bottom: 20px;
6627 width: 100%; 6627 width: 100%;
6628 } 6628 }
6629 @media (min-width: 768px) { 6629 @media (min-width: 768px) {
6630 .modal__sign { 6630 .modal__sign {
6631 margin-top: 20px; 6631 margin-top: 20px;
6632 margin-bottom: 40px; 6632 margin-bottom: 40px;
6633 } 6633 }
6634 } 6634 }
6635 .modal__sign-item { 6635 .modal__sign-item {
6636 display: -webkit-box; 6636 display: -webkit-box;
6637 display: -ms-flexbox; 6637 display: -ms-flexbox;
6638 display: flex; 6638 display: flex;
6639 -webkit-box-orient: vertical; 6639 -webkit-box-orient: vertical;
6640 -webkit-box-direction: normal; 6640 -webkit-box-direction: normal;
6641 -ms-flex-direction: column; 6641 -ms-flex-direction: column;
6642 flex-direction: column; 6642 flex-direction: column;
6643 -webkit-box-align: center; 6643 -webkit-box-align: center;
6644 -ms-flex-align: center; 6644 -ms-flex-align: center;
6645 align-items: center; 6645 align-items: center;
6646 position: relative; 6646 position: relative;
6647 } 6647 }
6648 .modal__sign-item > .input { 6648 .modal__sign-item > .input {
6649 width: 100%; 6649 width: 100%;
6650 padding-right: 36px; 6650 padding-right: 36px;
6651 position: relative; 6651 position: relative;
6652 z-index: 1; 6652 z-index: 1;
6653 } 6653 }
6654 @media (min-width: 768px) { 6654 @media (min-width: 768px) {
6655 .modal__sign-item > .input { 6655 .modal__sign-item > .input {
6656 height: 52px; 6656 height: 52px;
6657 padding-right: 60px; 6657 padding-right: 60px;
6658 } 6658 }
6659 } 6659 }
6660 .modal__sign-item > .textarea { 6660 .modal__sign-item > .textarea {
6661 width: 100%; 6661 width: 100%;
6662 } 6662 }
6663 .modal__sign-bottom { 6663 .modal__sign-bottom {
6664 display: -webkit-box; 6664 display: -webkit-box;
6665 display: -ms-flexbox; 6665 display: -ms-flexbox;
6666 display: flex; 6666 display: flex;
6667 -webkit-box-pack: justify; 6667 -webkit-box-pack: justify;
6668 -ms-flex-pack: justify; 6668 -ms-flex-pack: justify;
6669 justify-content: space-between; 6669 justify-content: space-between;
6670 -webkit-box-align: center; 6670 -webkit-box-align: center;
6671 -ms-flex-align: center; 6671 -ms-flex-align: center;
6672 align-items: center; 6672 align-items: center;
6673 width: 100%; 6673 width: 100%;
6674 } 6674 }
6675 .modal__sign-bottom-link { 6675 .modal__sign-bottom-link {
6676 font-weight: 700; 6676 font-weight: 700;
6677 color: #377d87; 6677 color: #377d87;
6678 } 6678 }
6679 .modal__tabs { 6679 .modal__tabs {
6680 width: 100%; 6680 width: 100%;
6681 display: grid; 6681 display: grid;
6682 grid-template-columns: repeat(2, 1fr); 6682 grid-template-columns: repeat(2, 1fr);
6683 gap: 16px; 6683 gap: 16px;
6684 margin-top: 10px; 6684 margin-top: 10px;
6685 } 6685 }
6686 @media (min-width: 768px) { 6686 @media (min-width: 768px) {
6687 .modal__tabs { 6687 .modal__tabs {
6688 gap: 24px; 6688 gap: 24px;
6689 margin-top: 20px; 6689 margin-top: 20px;
6690 } 6690 }
6691 } 6691 }
6692 .modal__tabs-item.active { 6692 .modal__tabs-item.active {
6693 background: #377d87; 6693 background: #377d87;
6694 color: #fff; 6694 color: #fff;
6695 } 6695 }
6696 .modal__reg { 6696 .modal__reg {
6697 display: none; 6697 display: none;
6698 -webkit-box-orient: vertical; 6698 -webkit-box-orient: vertical;
6699 -webkit-box-direction: normal; 6699 -webkit-box-direction: normal;
6700 -ms-flex-direction: column; 6700 -ms-flex-direction: column;
6701 flex-direction: column; 6701 flex-direction: column;
6702 -webkit-box-align: center; 6702 -webkit-box-align: center;
6703 -ms-flex-align: center; 6703 -ms-flex-align: center;
6704 align-items: center; 6704 align-items: center;
6705 gap: 10px; 6705 gap: 10px;
6706 width: 100%; 6706 width: 100%;
6707 margin-top: 10px; 6707 margin-top: 10px;
6708 margin-bottom: 20px; 6708 margin-bottom: 20px;
6709 } 6709 }
6710 @media (min-width: 768px) { 6710 @media (min-width: 768px) {
6711 .modal__reg { 6711 .modal__reg {
6712 margin-top: 20px; 6712 margin-top: 20px;
6713 margin-bottom: 30px; 6713 margin-bottom: 30px;
6714 gap: 20px; 6714 gap: 20px;
6715 } 6715 }
6716 } 6716 }
6717 .modal__reg.showed { 6717 .modal__reg.showed {
6718 display: -webkit-box; 6718 display: -webkit-box;
6719 display: -ms-flexbox; 6719 display: -ms-flexbox;
6720 display: flex; 6720 display: flex;
6721 } 6721 }
6722 .modal__reg-item { 6722 .modal__reg-item {
6723 width: 100%; 6723 width: 100%;
6724 display: -webkit-box; 6724 display: -webkit-box;
6725 display: -ms-flexbox; 6725 display: -ms-flexbox;
6726 display: flex; 6726 display: flex;
6727 -webkit-box-orient: vertical; 6727 -webkit-box-orient: vertical;
6728 -webkit-box-direction: normal; 6728 -webkit-box-direction: normal;
6729 -ms-flex-direction: column; 6729 -ms-flex-direction: column;
6730 flex-direction: column; 6730 flex-direction: column;
6731 } 6731 }
6732 .modal__reg-item > .captcha { 6732 .modal__reg-item > .captcha {
6733 width: 100%; 6733 width: 100%;
6734 max-width: 300px; 6734 max-width: 300px;
6735 } 6735 }
6736 6736
6737 .messages { 6737 .messages {
6738 display: -webkit-box; 6738 display: -webkit-box;
6739 display: -ms-flexbox; 6739 display: -ms-flexbox;
6740 display: flex; 6740 display: flex;
6741 -webkit-box-orient: vertical; 6741 -webkit-box-orient: vertical;
6742 -webkit-box-direction: reverse; 6742 -webkit-box-direction: reverse;
6743 -ms-flex-direction: column-reverse; 6743 -ms-flex-direction: column-reverse;
6744 flex-direction: column-reverse; 6744 flex-direction: column-reverse;
6745 -webkit-box-align: center; 6745 -webkit-box-align: center;
6746 -ms-flex-align: center; 6746 -ms-flex-align: center;
6747 align-items: center; 6747 align-items: center;
6748 gap: 20px; 6748 gap: 20px;
6749 } 6749 }
6750 .messages__body { 6750 .messages__body {
6751 display: -webkit-box; 6751 width: 100%;
6752 display: -ms-flexbox; 6752 max-height: 800px;
6753 display: flex; 6753 overflow: auto;
6754 -webkit-box-orient: vertical; 6754 padding: 5px;
6755 -webkit-box-direction: normal;
6756 -ms-flex-direction: column;
6757 flex-direction: column;
6758 gap: 10px;
6759 width: 100%;
6760 }
6761 @media (min-width: 768px) {
6762 .messages__body {
6763 gap: 20px;
6764 }
6765 } 6755 }
6766 .messages__item { 6756 .messages__item {
6767 display: none;
6768 -webkit-box-align: center; 6757 -webkit-box-align: center;
6769 -ms-flex-align: center; 6758 -ms-flex-align: center;
6770 align-items: center; 6759 align-items: center;
6771 border-radius: 8px; 6760 border-radius: 8px;
6772 border: 1px solid #e7e7e7; 6761 border: 1px solid #e7e7e7;
6773 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6762 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6774 padding: 10px; 6763 padding: 10px;
6775 font-size: 12px; 6764 font-size: 12px;
6765 display: flex;
6766 justify-content: space-between;
6767 margin-bottom: 20px;
6776 } 6768 }
6777 @media (min-width: 768px) { 6769 @media (min-width: 768px) {
6778 .messages__item { 6770 .messages__item {
6779 padding: 20px; 6771 padding: 20px;
6780 font-size: 18px; 6772 font-size: 18px;
6781 } 6773 }
6782 } 6774 }
6783 .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) {
6784 display: -webkit-box;
6785 display: -ms-flexbox;
6786 display: flex;
6787 justify-content: space-between;
6788 }
6789 .messages__item-info { 6775 .messages__item-info {
6790 display: -webkit-box; 6776 display: -webkit-box;
6791 display: -ms-flexbox; 6777 display: -ms-flexbox;
6792 display: flex; 6778 display: flex;
6793 -webkit-box-align: center; 6779 -webkit-box-align: center;
6794 -ms-flex-align: center; 6780 -ms-flex-align: center;
6795 align-items: center; 6781 align-items: center;
6796 width: calc(100% - 90px); 6782 width: calc(100% - 90px);
6797 } 6783 }
6798 @media (min-width: 768px) { 6784 @media (min-width: 768px) {
6799 .messages__item-info { 6785 .messages__item-info {
6800 width: calc(100% - 150px); 6786 width: calc(100% - 150px);
6801 } 6787 }
6802 } 6788 }
6803 .messages__item-photo { 6789 .messages__item-photo {
6804 position: relative; 6790 position: relative;
6805 aspect-ratio: 1/1; 6791 aspect-ratio: 1/1;
6806 overflow: hidden; 6792 overflow: hidden;
6807 background: #9c9d9d; 6793 background: #9c9d9d;
6808 color: #fff; 6794 color: #fff;
6809 width: 36px; 6795 width: 36px;
6810 border-radius: 6px; 6796 border-radius: 6px;
6811 display: -webkit-box; 6797 display: -webkit-box;
6812 display: -ms-flexbox; 6798 display: -ms-flexbox;
6813 display: flex; 6799 display: flex;
6814 -webkit-box-pack: center; 6800 -webkit-box-pack: center;
6815 -ms-flex-pack: center; 6801 -ms-flex-pack: center;
6816 justify-content: center; 6802 justify-content: center;
6817 -webkit-box-align: center; 6803 -webkit-box-align: center;
6818 -ms-flex-align: center; 6804 -ms-flex-align: center;
6819 align-items: center; 6805 align-items: center;
6820 } 6806 }
6821 @media (min-width: 768px) { 6807 @media (min-width: 768px) {
6822 .messages__item-photo { 6808 .messages__item-photo {
6823 width: 52px; 6809 width: 52px;
6824 } 6810 }
6825 } 6811 }
6826 .messages__item-photo svg { 6812 .messages__item-photo svg {
6827 width: 50%; 6813 width: 50%;
6828 position: relative; 6814 position: relative;
6829 z-index: 1; 6815 z-index: 1;
6830 } 6816 }
6831 .messages__item-photo img { 6817 .messages__item-photo img {
6832 position: absolute; 6818 position: absolute;
6833 z-index: 2; 6819 z-index: 2;
6834 top: 0; 6820 top: 0;
6835 left: 0; 6821 left: 0;
6836 width: 100%; 6822 width: 100%;
6837 height: 100%; 6823 height: 100%;
6838 -o-object-fit: cover; 6824 -o-object-fit: cover;
6839 object-fit: cover; 6825 object-fit: cover;
6840 } 6826 }
6841 .messages__item-text { 6827 .messages__item-text {
6842 width: calc(100% - 36px); 6828 width: calc(100% - 36px);
6843 padding-left: 6px; 6829 padding-left: 6px;
6844 color: #000; 6830 color: #000;
6845 display: -webkit-box; 6831 display: -webkit-box;
6846 display: -ms-flexbox; 6832 display: -ms-flexbox;
6847 display: flex; 6833 display: flex;
6848 -webkit-box-orient: vertical; 6834 -webkit-box-orient: vertical;
6849 -webkit-box-direction: normal; 6835 -webkit-box-direction: normal;
6850 -ms-flex-direction: column; 6836 -ms-flex-direction: column;
6851 flex-direction: column; 6837 flex-direction: column;
6852 gap: 4px; 6838 gap: 4px;
6853 } 6839 }
6854 @media (min-width: 768px) { 6840 @media (min-width: 768px) {
6855 .messages__item-text { 6841 .messages__item-text {
6856 padding-left: 20px; 6842 padding-left: 20px;
6857 width: calc(100% - 52px); 6843 width: calc(100% - 52px);
6858 gap: 8px; 6844 gap: 8px;
6859 } 6845 }
6860 } 6846 }
6861 .messages__item-text span { 6847 .messages__item-text span {
6862 color: #000; 6848 color: #000;
6863 } 6849 }
6864 .messages__item-actions{ 6850 .messages__item-actions{
6865 6851
6866 } 6852 }
6867 .messages__item-buttons{ 6853 .messages__item-buttons{
6868 float: right; 6854 float: right;
6869 display: flex; 6855 display: flex;
6870 align-items: center; 6856 align-items: center;
6871 } 6857 }
6872 .messages__item-buttons button{ 6858 .messages__item-buttons button{
6873 padding: 0; 6859 padding: 0;
6874 background: unset; 6860 background: unset;
6875 border: unset; 6861 border: unset;
6876 } 6862 }
6877 .messages__item-buttons button svg{ 6863 .messages__item-buttons button svg{
6878 width: 25px; 6864 width: 25px;
6879 height: 25px; 6865 height: 25px;
6880 color: gray; 6866 color: gray;
6881 } 6867 }
6882 .messages__item-buttons button svg path{ 6868 .messages__item-buttons button svg path{
6883 stroke: gray; 6869 stroke: gray;
6884 } 6870 }
6885 .messages__item-buttons button:hover svg{ 6871 .messages__item-buttons button:hover svg{
6886 color: black; 6872 color: black;
6887 } 6873 }
6888 .messages__item-buttons button:hover svg path{ 6874 .messages__item-buttons button:hover svg path{
6889 stroke: black; 6875 stroke: black;
6890 } 6876 }
6891 .messages__item-buttons button:hover svg#pin_on path{ 6877 .messages__item-buttons button.pin-on:hover svg#pin_off path{
6892 fill: black; 6878 fill: black;
6893 } 6879 }
6880 .messages__item-buttons button.pin-on svg{
6881 fill: gray;
6882 }
6894 .messages__item-date { 6883 .messages__item-date {
6895 color: #00000070; 6884 color: #00000070;
6896 width: 90px; 6885 width: 90px;
6897 text-align: right; 6886 text-align: right;
6898 font-size: 14px; 6887 font-size: 14px;
6899 margin-bottom: 8px; 6888 margin-bottom: 8px;
6900 } 6889 }
6901 6890
6902 .messages.active .messages__item { 6891 .messages.active .messages__item {
6903 display: -webkit-box; 6892 display: -webkit-box;
6904 display: -ms-flexbox; 6893 display: -ms-flexbox;
6905 display: flex; 6894 display: flex;
6906 } 6895 }
6907 6896
6908 .responses { 6897 .responses {
6909 display: -webkit-box; 6898 display: -webkit-box;
6910 display: -ms-flexbox; 6899 display: -ms-flexbox;
6911 display: flex; 6900 display: flex;
6912 -webkit-box-orient: vertical; 6901 -webkit-box-orient: vertical;
6913 -webkit-box-direction: reverse; 6902 -webkit-box-direction: reverse;
6914 -ms-flex-direction: column-reverse; 6903 -ms-flex-direction: column-reverse;
6915 flex-direction: column-reverse; 6904 flex-direction: column-reverse;
6916 -webkit-box-align: center; 6905 -webkit-box-align: center;
6917 -ms-flex-align: center; 6906 -ms-flex-align: center;
6918 align-items: center; 6907 align-items: center;
6919 gap: 20px; 6908 gap: 20px;
6920 } 6909 }
6921 .responses__body { 6910 .responses__body {
6922 width: 100%; 6911 width: 100%;
6923 display: -webkit-box; 6912 display: -webkit-box;
6924 display: -ms-flexbox; 6913 display: -ms-flexbox;
6925 display: flex; 6914 display: flex;
6926 -webkit-box-orient: vertical; 6915 -webkit-box-orient: vertical;
6927 -webkit-box-direction: normal; 6916 -webkit-box-direction: normal;
6928 -ms-flex-direction: column; 6917 -ms-flex-direction: column;
6929 flex-direction: column; 6918 flex-direction: column;
6930 gap: 20px; 6919 gap: 20px;
6931 } 6920 }
6932 .responses__item { 6921 .responses__item {
6933 display: none; 6922 display: none;
6934 -webkit-box-orient: vertical; 6923 -webkit-box-orient: vertical;
6935 -webkit-box-direction: normal; 6924 -webkit-box-direction: normal;
6936 -ms-flex-direction: column; 6925 -ms-flex-direction: column;
6937 flex-direction: column; 6926 flex-direction: column;
6938 gap: 20px; 6927 gap: 20px;
6939 border-radius: 8px; 6928 border-radius: 8px;
6940 border: 1px solid #e7e7e7; 6929 border: 1px solid #e7e7e7;
6941 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6930 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6942 padding: 20px 10px; 6931 padding: 20px 10px;
6943 font-size: 12px; 6932 font-size: 12px;
6944 position: relative; 6933 position: relative;
6945 } 6934 }
6946 @media (min-width: 768px) { 6935 @media (min-width: 768px) {
6947 .responses__item { 6936 .responses__item {
6948 padding: 20px; 6937 padding: 20px;
6949 font-size: 16px; 6938 font-size: 16px;
6950 } 6939 }
6951 } 6940 }
6952 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) { 6941 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
6953 display: -webkit-box; 6942 display: -webkit-box;
6954 display: -ms-flexbox; 6943 display: -ms-flexbox;
6955 display: flex; 6944 display: flex;
6956 } 6945 }
6957 .responses__item-date { 6946 .responses__item-date {
6958 color: #000; 6947 color: #000;
6959 } 6948 }
6960 @media (min-width: 992px) { 6949 @media (min-width: 992px) {
6961 .responses__item-date { 6950 .responses__item-date {
6962 position: absolute; 6951 position: absolute;
6963 top: 20px; 6952 top: 20px;
6964 right: 20px; 6953 right: 20px;
6965 } 6954 }
6966 } 6955 }
6967 .responses__item-wrapper { 6956 .responses__item-wrapper {
6968 display: -webkit-box; 6957 display: -webkit-box;
6969 display: -ms-flexbox; 6958 display: -ms-flexbox;
6970 display: flex; 6959 display: flex;
6971 -webkit-box-orient: vertical; 6960 -webkit-box-orient: vertical;
6972 -webkit-box-direction: normal; 6961 -webkit-box-direction: normal;
6973 -ms-flex-direction: column; 6962 -ms-flex-direction: column;
6974 flex-direction: column; 6963 flex-direction: column;
6975 gap: 20px; 6964 gap: 20px;
6976 } 6965 }
6977 .responses__item-inner { 6966 .responses__item-inner {
6978 display: -webkit-box; 6967 display: -webkit-box;
6979 display: -ms-flexbox; 6968 display: -ms-flexbox;
6980 display: flex; 6969 display: flex;
6981 -webkit-box-orient: vertical; 6970 -webkit-box-orient: vertical;
6982 -webkit-box-direction: normal; 6971 -webkit-box-direction: normal;
6983 -ms-flex-direction: column; 6972 -ms-flex-direction: column;
6984 flex-direction: column; 6973 flex-direction: column;
6985 gap: 10px; 6974 gap: 10px;
6986 } 6975 }
6987 @media (min-width: 768px) { 6976 @media (min-width: 768px) {
6988 .responses__item-inner { 6977 .responses__item-inner {
6989 gap: 20px; 6978 gap: 20px;
6990 } 6979 }
6991 } 6980 }
6992 @media (min-width: 1280px) { 6981 @media (min-width: 1280px) {
6993 .responses__item-inner { 6982 .responses__item-inner {
6994 width: calc(100% - 150px); 6983 width: calc(100% - 150px);
6995 } 6984 }
6996 } 6985 }
6997 .responses__item-row { 6986 .responses__item-row {
6998 display: grid; 6987 display: grid;
6999 grid-template-columns: 1fr 1fr; 6988 grid-template-columns: 1fr 1fr;
7000 gap: 20px; 6989 gap: 20px;
7001 color: #000; 6990 color: #000;
7002 text-align: right; 6991 text-align: right;
7003 } 6992 }
7004 @media (min-width: 992px) { 6993 @media (min-width: 992px) {
7005 .responses__item-row { 6994 .responses__item-row {
7006 display: -webkit-box; 6995 display: -webkit-box;
7007 display: -ms-flexbox; 6996 display: -ms-flexbox;
7008 display: flex; 6997 display: flex;
7009 -webkit-box-orient: vertical; 6998 -webkit-box-orient: vertical;
7010 -webkit-box-direction: normal; 6999 -webkit-box-direction: normal;
7011 -ms-flex-direction: column; 7000 -ms-flex-direction: column;
7012 flex-direction: column; 7001 flex-direction: column;
7013 gap: 6px; 7002 gap: 6px;
7014 text-align: left; 7003 text-align: left;
7015 } 7004 }
7016 } 7005 }
7017 .responses__item-row span { 7006 .responses__item-row span {
7018 color: #000; 7007 color: #000;
7019 text-align: left; 7008 text-align: left;
7020 } 7009 }
7021 .responses__item-buttons { 7010 .responses__item-buttons {
7022 display: -webkit-box; 7011 display: -webkit-box;
7023 display: -ms-flexbox; 7012 display: -ms-flexbox;
7024 display: flex; 7013 display: flex;
7025 -webkit-box-orient: vertical; 7014 -webkit-box-orient: vertical;
7026 -webkit-box-direction: normal; 7015 -webkit-box-direction: normal;
7027 -ms-flex-direction: column; 7016 -ms-flex-direction: column;
7028 flex-direction: column; 7017 flex-direction: column;
7029 gap: 10px; 7018 gap: 10px;
7030 } 7019 }
7031 @media (min-width: 768px) { 7020 @media (min-width: 768px) {
7032 .responses__item-buttons { 7021 .responses__item-buttons {
7033 display: grid; 7022 display: grid;
7034 grid-template-columns: 1fr 1fr; 7023 grid-template-columns: 1fr 1fr;
7035 } 7024 }
7036 } 7025 }
7037 @media (min-width: 1280px) { 7026 @media (min-width: 1280px) {
7038 .responses__item-buttons { 7027 .responses__item-buttons {
7039 grid-template-columns: 1fr 1fr 1fr 1fr; 7028 grid-template-columns: 1fr 1fr 1fr 1fr;
7040 } 7029 }
7041 } 7030 }
7042 .responses__item-buttons .button.active { 7031 .responses__item-buttons .button.active {
7043 background: #377d87; 7032 background: #377d87;
7044 color: #fff; 7033 color: #fff;
7045 } 7034 }
7046 .responses.active .responses__item { 7035 .responses.active .responses__item {
7047 display: -webkit-box; 7036 display: -webkit-box;
7048 display: -ms-flexbox; 7037 display: -ms-flexbox;
7049 display: flex; 7038 display: flex;
7050 } 7039 }
7051 7040
7052 .chatbox { 7041 .chatbox {
7053 display: -webkit-box; 7042 display: -webkit-box;
7054 display: -ms-flexbox; 7043 display: -ms-flexbox;
7055 display: flex; 7044 display: flex;
7056 -webkit-box-orient: vertical; 7045 -webkit-box-orient: vertical;
7057 -webkit-box-direction: normal; 7046 -webkit-box-direction: normal;
7058 -ms-flex-direction: column; 7047 -ms-flex-direction: column;
7059 flex-direction: column; 7048 flex-direction: column;
7060 gap: 20px; 7049 gap: 20px;
7061 } 7050 }
7062 @media (min-width: 768px) { 7051 @media (min-width: 768px) {
7063 .chatbox { 7052 .chatbox {
7064 gap: 30px; 7053 gap: 30px;
7065 } 7054 }
7066 } 7055 }
7067 @media (min-width: 1280px) { 7056 @media (min-width: 1280px) {
7068 .chatbox { 7057 .chatbox {
7069 gap: 40px; 7058 gap: 40px;
7070 } 7059 }
7071 } 7060 }
7072 .chatbox__toper { 7061 .chatbox__toper {
7073 display: -webkit-box; 7062 display: -webkit-box;
7074 display: -ms-flexbox; 7063 display: -ms-flexbox;
7075 display: flex; 7064 display: flex;
7076 -webkit-box-orient: vertical; 7065 -webkit-box-orient: vertical;
7077 -webkit-box-direction: normal; 7066 -webkit-box-direction: normal;
7078 -ms-flex-direction: column; 7067 -ms-flex-direction: column;
7079 flex-direction: column; 7068 flex-direction: column;
7080 gap: 10px; 7069 gap: 10px;
7081 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7070 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7082 border: 1px solid #e7e7e7; 7071 border: 1px solid #e7e7e7;
7083 border-radius: 8px; 7072 border-radius: 8px;
7084 padding: 10px; 7073 padding: 10px;
7085 } 7074 }
7086 @media (min-width: 768px) { 7075 @media (min-width: 768px) {
7087 .chatbox__toper { 7076 .chatbox__toper {
7088 padding: 20px; 7077 padding: 20px;
7089 -webkit-box-orient: horizontal; 7078 -webkit-box-orient: horizontal;
7090 -webkit-box-direction: normal; 7079 -webkit-box-direction: normal;
7091 -ms-flex-direction: row; 7080 -ms-flex-direction: row;
7092 flex-direction: row; 7081 flex-direction: row;
7093 -webkit-box-align: center; 7082 -webkit-box-align: center;
7094 -ms-flex-align: center; 7083 -ms-flex-align: center;
7095 align-items: center; 7084 align-items: center;
7096 -webkit-box-pack: justify; 7085 -webkit-box-pack: justify;
7097 -ms-flex-pack: justify; 7086 -ms-flex-pack: justify;
7098 justify-content: space-between; 7087 justify-content: space-between;
7099 } 7088 }
7100 } 7089 }
7101 .chatbox__toper-info { 7090 .chatbox__toper-info {
7102 font-size: 12px; 7091 font-size: 12px;
7103 } 7092 }
7104 @media (min-width: 768px) { 7093 @media (min-width: 768px) {
7105 .chatbox__toper-info { 7094 .chatbox__toper-info {
7106 font-size: 16px; 7095 font-size: 16px;
7107 width: calc(100% - 230px); 7096 width: calc(100% - 230px);
7108 } 7097 }
7109 } 7098 }
7110 @media (min-width: 768px) { 7099 @media (min-width: 768px) {
7111 .chatbox__toper-button { 7100 .chatbox__toper-button {
7112 width: 210px; 7101 width: 210px;
7113 padding: 0; 7102 padding: 0;
7114 } 7103 }
7115 } 7104 }
7116 .chatbox__list { 7105 .chatbox__list {
7117 display: -webkit-box; 7106 display: -webkit-box;
7118 display: -ms-flexbox; 7107 display: -ms-flexbox;
7119 display: flex; 7108 display: flex;
7120 -webkit-box-orient: vertical; 7109 -webkit-box-orient: vertical;
7121 -webkit-box-direction: normal; 7110 -webkit-box-direction: normal;
7122 -ms-flex-direction: column; 7111 -ms-flex-direction: column;
7123 flex-direction: column; 7112 flex-direction: column;
7124 gap: 10px; 7113 gap: 10px;
7125 } 7114 }
7126 @media (min-width: 768px) { 7115 @media (min-width: 768px) {
7127 .chatbox__list { 7116 .chatbox__list {
7128 gap: 20px; 7117 gap: 20px;
7129 } 7118 }
7130 } 7119 }
7131 @media (min-width: 1280px) { 7120 @media (min-width: 1280px) {
7132 .chatbox__list { 7121 .chatbox__list {
7133 gap: 40px; 7122 gap: 40px;
7134 } 7123 }
7135 } 7124 }
7136 .chatbox__item { 7125 .chatbox__item {
7137 display: -webkit-box; 7126 display: -webkit-box;
7138 display: -ms-flexbox; 7127 display: -ms-flexbox;
7139 display: flex; 7128 display: flex;
7140 -webkit-box-align: start; 7129 -webkit-box-align: start;
7141 -ms-flex-align: start; 7130 -ms-flex-align: start;
7142 align-items: flex-start; 7131 align-items: flex-start;
7143 -webkit-box-pack: justify; 7132 -webkit-box-pack: justify;
7144 -ms-flex-pack: justify; 7133 -ms-flex-pack: justify;
7145 justify-content: space-between; 7134 justify-content: space-between;
7146 -ms-flex-wrap: wrap; 7135 -ms-flex-wrap: wrap;
7147 flex-wrap: wrap; 7136 flex-wrap: wrap;
7148 color: #000; 7137 color: #000;
7149 font-size: 12px; 7138 font-size: 12px;
7150 } 7139 }
7151 @media (min-width: 768px) { 7140 @media (min-width: 768px) {
7152 .chatbox__item { 7141 .chatbox__item {
7153 font-size: 16px; 7142 font-size: 16px;
7154 } 7143 }
7155 } 7144 }
7156 .chatbox__item_reverse { 7145 .chatbox__item_reverse {
7157 -webkit-box-orient: horizontal; 7146 -webkit-box-orient: horizontal;
7158 -webkit-box-direction: reverse; 7147 -webkit-box-direction: reverse;
7159 -ms-flex-direction: row-reverse; 7148 -ms-flex-direction: row-reverse;
7160 flex-direction: row-reverse; 7149 flex-direction: row-reverse;
7161 } 7150 }
7162 .chatbox__item-photo { 7151 .chatbox__item-photo {
7163 position: relative; 7152 position: relative;
7164 aspect-ratio: 1/1; 7153 aspect-ratio: 1/1;
7165 overflow: hidden; 7154 overflow: hidden;
7166 background: #9c9d9d; 7155 background: #9c9d9d;
7167 color: #fff; 7156 color: #fff;
7168 width: 44px; 7157 width: 44px;
7169 border-radius: 6px; 7158 border-radius: 6px;
7170 display: -webkit-box; 7159 display: -webkit-box;
7171 display: -ms-flexbox; 7160 display: -ms-flexbox;
7172 display: flex; 7161 display: flex;
7173 -webkit-box-pack: center; 7162 -webkit-box-pack: center;
7174 -ms-flex-pack: center; 7163 -ms-flex-pack: center;
7175 justify-content: center; 7164 justify-content: center;
7176 -webkit-box-align: center; 7165 -webkit-box-align: center;
7177 -ms-flex-align: center; 7166 -ms-flex-align: center;
7178 align-items: center; 7167 align-items: center;
7179 } 7168 }
7180 .chatbox__item-photo svg { 7169 .chatbox__item-photo svg {
7181 width: 50%; 7170 width: 50%;
7182 position: relative; 7171 position: relative;
7183 z-index: 1; 7172 z-index: 1;
7184 } 7173 }
7185 .chatbox__item-photo img { 7174 .chatbox__item-photo img {
7186 position: absolute; 7175 position: absolute;
7187 z-index: 2; 7176 z-index: 2;
7188 top: 0; 7177 top: 0;
7189 left: 0; 7178 left: 0;
7190 width: 100%; 7179 width: 100%;
7191 height: 100%; 7180 height: 100%;
7192 -o-object-fit: cover; 7181 -o-object-fit: cover;
7193 object-fit: cover; 7182 object-fit: cover;
7194 } 7183 }
7195 .chatbox__item-body { 7184 .chatbox__item-body {
7196 width: calc(100% - 54px); 7185 width: calc(100% - 54px);
7197 display: -webkit-box; 7186 display: -webkit-box;
7198 display: -ms-flexbox; 7187 display: -ms-flexbox;
7199 display: flex; 7188 display: flex;
7200 -webkit-box-orient: vertical; 7189 -webkit-box-orient: vertical;
7201 -webkit-box-direction: normal; 7190 -webkit-box-direction: normal;
7202 -ms-flex-direction: column; 7191 -ms-flex-direction: column;
7203 flex-direction: column; 7192 flex-direction: column;
7204 -webkit-box-align: start; 7193 -webkit-box-align: start;
7205 -ms-flex-align: start; 7194 -ms-flex-align: start;
7206 align-items: flex-start; 7195 align-items: flex-start;
7207 } 7196 }
7208 @media (min-width: 768px) { 7197 @media (min-width: 768px) {
7209 .chatbox__item-body { 7198 .chatbox__item-body {
7210 width: calc(100% - 60px); 7199 width: calc(100% - 60px);
7211 } 7200 }
7212 } 7201 }
7213 .chatbox__item_reverse .chatbox__item-body { 7202 .chatbox__item_reverse .chatbox__item-body {
7214 -webkit-box-align: end; 7203 -webkit-box-align: end;
7215 -ms-flex-align: end; 7204 -ms-flex-align: end;
7216 align-items: flex-end; 7205 align-items: flex-end;
7217 } 7206 }
7218 .chatbox__item-text { 7207 .chatbox__item-text {
7219 border-radius: 8px; 7208 border-radius: 8px;
7220 background: #fff; 7209 background: #fff;
7221 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7210 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7222 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7211 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7223 padding: 10px; 7212 padding: 10px;
7224 line-height: 1.6; 7213 line-height: 1.6;
7225 } 7214 }
7226 .chatbox__item-time { 7215 .chatbox__item-time {
7227 width: 100%; 7216 width: 100%;
7228 padding-left: 54px; 7217 padding-left: 54px;
7229 margin-top: 10px; 7218 margin-top: 10px;
7230 color: #9c9d9d; 7219 color: #9c9d9d;
7231 } 7220 }
7232 .chatbox__item_reverse .chatbox__item-time { 7221 .chatbox__item_reverse .chatbox__item-time {
7233 text-align: right; 7222 text-align: right;
7234 } 7223 }
7235 .chatbox__bottom { 7224 .chatbox__bottom {
7236 background: #4d88d9; 7225 background: #4d88d9;
7237 padding: 10px; 7226 padding: 10px;
7238 border-radius: 8px; 7227 border-radius: 8px;
7239 display: -webkit-box; 7228 display: -webkit-box;
7240 display: -ms-flexbox; 7229 display: -ms-flexbox;
7241 display: flex; 7230 display: flex;
7242 -webkit-box-align: center; 7231 -webkit-box-align: center;
7243 -ms-flex-align: center; 7232 -ms-flex-align: center;
7244 align-items: center; 7233 align-items: center;
7245 -webkit-box-pack: justify; 7234 -webkit-box-pack: justify;
7246 -ms-flex-pack: justify; 7235 -ms-flex-pack: justify;
7247 justify-content: space-between; 7236 justify-content: space-between;
7248 } 7237 }
7249 @media (min-width: 768px) { 7238 @media (min-width: 768px) {
7250 .chatbox__bottom { 7239 .chatbox__bottom {
7251 padding: 16px 20px; 7240 padding: 16px 20px;
7252 } 7241 }
7253 } 7242 }
7254 .chatbox__bottom-file { 7243 .chatbox__bottom-file {
7255 width: 20px; 7244 width: 20px;
7256 aspect-ratio: 1/1; 7245 aspect-ratio: 1/1;
7257 display: -webkit-box; 7246 display: -webkit-box;
7258 display: -ms-flexbox; 7247 display: -ms-flexbox;
7259 display: flex; 7248 display: flex;
7260 -webkit-box-pack: center; 7249 -webkit-box-pack: center;
7261 -ms-flex-pack: center; 7250 -ms-flex-pack: center;
7262 justify-content: center; 7251 justify-content: center;
7263 -webkit-box-align: center; 7252 -webkit-box-align: center;
7264 -ms-flex-align: center; 7253 -ms-flex-align: center;
7265 align-items: center; 7254 align-items: center;
7266 background: #fff; 7255 background: #fff;
7267 color: #4d88d9; 7256 color: #4d88d9;
7268 border-radius: 8px; 7257 border-radius: 8px;
7269 } 7258 }
7270 @media (min-width: 768px) { 7259 @media (min-width: 768px) {
7271 .chatbox__bottom-file { 7260 .chatbox__bottom-file {
7272 width: 48px; 7261 width: 48px;
7273 } 7262 }
7274 } 7263 }
7275 .chatbox__bottom-file:hover { 7264 .chatbox__bottom-file:hover {
7276 color: #377d87; 7265 color: #377d87;
7277 } 7266 }
7278 .chatbox__bottom-file input { 7267 .chatbox__bottom-file input {
7279 display: none; 7268 display: none;
7280 } 7269 }
7281 .chatbox__bottom-file svg { 7270 .chatbox__bottom-file svg {
7282 width: 50%; 7271 width: 50%;
7283 aspect-ratio: 1/1; 7272 aspect-ratio: 1/1;
7284 } 7273 }
7285 @media (min-width: 768px) { 7274 @media (min-width: 768px) {
7286 .chatbox__bottom-file svg { 7275 .chatbox__bottom-file svg {
7287 width: 40%; 7276 width: 40%;
7288 } 7277 }
7289 } 7278 }
7290 .chatbox__bottom-text { 7279 .chatbox__bottom-text {
7291 width: calc(100% - 60px); 7280 width: calc(100% - 60px);
7292 height: 20px; 7281 height: 20px;
7293 border-color: #fff; 7282 border-color: #fff;
7294 } 7283 }
7295 @media (min-width: 768px) { 7284 @media (min-width: 768px) {
7296 .chatbox__bottom-text { 7285 .chatbox__bottom-text {
7297 width: calc(100% - 128px); 7286 width: calc(100% - 128px);
7298 height: 48px; 7287 height: 48px;
7299 } 7288 }
7300 } 7289 }
7301 .chatbox__bottom-text:focus { 7290 .chatbox__bottom-text:focus {
7302 border-color: #fff; 7291 border-color: #fff;
7303 } 7292 }
7304 .chatbox__bottom-send { 7293 .chatbox__bottom-send {
7305 width: 20px; 7294 width: 20px;
7306 aspect-ratio: 1/1; 7295 aspect-ratio: 1/1;
7307 display: -webkit-box; 7296 display: -webkit-box;
7308 display: -ms-flexbox; 7297 display: -ms-flexbox;
7309 display: flex; 7298 display: flex;
7310 -webkit-box-pack: center; 7299 -webkit-box-pack: center;
7311 -ms-flex-pack: center; 7300 -ms-flex-pack: center;
7312 justify-content: center; 7301 justify-content: center;
7313 -webkit-box-align: center; 7302 -webkit-box-align: center;
7314 -ms-flex-align: center; 7303 -ms-flex-align: center;
7315 align-items: center; 7304 align-items: center;
7316 padding: 0; 7305 padding: 0;
7317 background: #fff; 7306 background: #fff;
7318 border: none; 7307 border: none;
7319 color: #4d88d9; 7308 color: #4d88d9;
7320 border-radius: 999px; 7309 border-radius: 999px;
7321 } 7310 }
7322 @media (min-width: 768px) { 7311 @media (min-width: 768px) {
7323 .chatbox__bottom-send { 7312 .chatbox__bottom-send {
7324 width: 48px; 7313 width: 48px;
7325 } 7314 }
7326 } 7315 }
7327 .chatbox__bottom-send:hover { 7316 .chatbox__bottom-send:hover {
7328 color: #377d87; 7317 color: #377d87;
7329 } 7318 }
7330 .chatbox__bottom-send svg { 7319 .chatbox__bottom-send svg {
7331 width: 50%; 7320 width: 50%;
7332 aspect-ratio: 1/1; 7321 aspect-ratio: 1/1;
7333 position: relative; 7322 position: relative;
7334 left: 1px; 7323 left: 1px;
7335 } 7324 }
7336 @media (min-width: 768px) { 7325 @media (min-width: 768px) {
7337 .chatbox__bottom-send svg { 7326 .chatbox__bottom-send svg {
7338 width: 40%; 7327 width: 40%;
7339 left: 2px; 7328 left: 2px;
7340 } 7329 }
7341 } 7330 }
7342 7331
7343 .cvs { 7332 .cvs {
7344 display: -webkit-box; 7333 display: -webkit-box;
7345 display: -ms-flexbox; 7334 display: -ms-flexbox;
7346 display: flex; 7335 display: flex;
7347 -webkit-box-orient: vertical; 7336 -webkit-box-orient: vertical;
7348 -webkit-box-direction: reverse; 7337 -webkit-box-direction: reverse;
7349 -ms-flex-direction: column-reverse; 7338 -ms-flex-direction: column-reverse;
7350 flex-direction: column-reverse; 7339 flex-direction: column-reverse;
7351 -webkit-box-align: center; 7340 -webkit-box-align: center;
7352 -ms-flex-align: center; 7341 -ms-flex-align: center;
7353 align-items: center; 7342 align-items: center;
7354 gap: 20px; 7343 gap: 20px;
7355 } 7344 }
7356 .cvs__body { 7345 .cvs__body {
7357 display: -webkit-box; 7346 display: -webkit-box;
7358 display: -ms-flexbox; 7347 display: -ms-flexbox;
7359 display: flex; 7348 display: flex;
7360 -webkit-box-orient: vertical; 7349 -webkit-box-orient: vertical;
7361 -webkit-box-direction: normal; 7350 -webkit-box-direction: normal;
7362 -ms-flex-direction: column; 7351 -ms-flex-direction: column;
7363 flex-direction: column; 7352 flex-direction: column;
7364 gap: 20px; 7353 gap: 20px;
7365 width: 100%; 7354 width: 100%;
7366 } 7355 }
7367 @media (min-width: 768px) { 7356 @media (min-width: 768px) {
7368 .cvs__body { 7357 .cvs__body {
7369 gap: 30px; 7358 gap: 30px;
7370 } 7359 }
7371 } 7360 }
7372 .cvs__item { 7361 .cvs__item {
7373 display: none; 7362 display: none;
7374 -webkit-box-orient: vertical; 7363 -webkit-box-orient: vertical;
7375 -webkit-box-direction: normal; 7364 -webkit-box-direction: normal;
7376 -ms-flex-direction: column; 7365 -ms-flex-direction: column;
7377 flex-direction: column; 7366 flex-direction: column;
7378 gap: 10px; 7367 gap: 10px;
7379 border-radius: 8px; 7368 border-radius: 8px;
7380 border: 1px solid #e7e7e7; 7369 border: 1px solid #e7e7e7;
7381 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7370 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7382 padding: 10px; 7371 padding: 10px;
7383 font-size: 12px; 7372 font-size: 12px;
7384 position: relative; 7373 position: relative;
7385 } 7374 }
7386 @media (min-width: 768px) { 7375 @media (min-width: 768px) {
7387 .cvs__item { 7376 .cvs__item {
7388 gap: 0; 7377 gap: 0;
7389 padding: 20px; 7378 padding: 20px;
7390 font-size: 16px; 7379 font-size: 16px;
7391 -webkit-box-orient: horizontal; 7380 -webkit-box-orient: horizontal;
7392 -webkit-box-direction: normal; 7381 -webkit-box-direction: normal;
7393 -ms-flex-direction: row; 7382 -ms-flex-direction: row;
7394 flex-direction: row; 7383 flex-direction: row;
7395 -webkit-box-align: start; 7384 -webkit-box-align: start;
7396 -ms-flex-align: start; 7385 -ms-flex-align: start;
7397 align-items: flex-start; 7386 align-items: flex-start;
7398 -ms-flex-wrap: wrap; 7387 -ms-flex-wrap: wrap;
7399 flex-wrap: wrap; 7388 flex-wrap: wrap;
7400 } 7389 }
7401 } 7390 }
7402 .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) { 7391 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
7403 display: -webkit-box; 7392 display: -webkit-box;
7404 display: -ms-flexbox; 7393 display: -ms-flexbox;
7405 display: flex; 7394 display: flex;
7406 } 7395 }
7407 .cvs__item-like { 7396 .cvs__item-like {
7408 width: unset; 7397 width: unset;
7409 padding: 5px 10px; 7398 padding: 5px 10px;
7410 margin-right: 10px; 7399 margin-right: 10px;
7411 } 7400 }
7412 .cvs__item .cvs__item-buttons .chat{ 7401 .cvs__item .cvs__item-buttons .chat{
7413 width: unset; 7402 width: unset;
7414 padding: 5px 10px; 7403 padding: 5px 10px;
7415 margin-right: 10px; 7404 margin-right: 10px;
7416 } 7405 }
7417 .cvs__item-like.active{ 7406 .cvs__item-like.active{
7418 background: #ffffff; 7407 background: #ffffff;
7419 color: #eb5757; 7408 color: #eb5757;
7420 } 7409 }
7421 .cvs__item-like .in-favorites{ 7410 .cvs__item-like .in-favorites{
7422 display: none; 7411 display: none;
7423 } 7412 }
7424 .cvs__item-like.active .in-favorites{ 7413 .cvs__item-like.active .in-favorites{
7425 display: block; 7414 display: block;
7426 color: #eb5757; 7415 color: #eb5757;
7427 } 7416 }
7428 .cvs__item-like.active .to-favorites{ 7417 .cvs__item-like.active .to-favorites{
7429 display: none; 7418 display: none;
7430 } 7419 }
7431 .cvs__item .cvs__item-header{ 7420 .cvs__item .cvs__item-header{
7432 display: flex; 7421 display: flex;
7433 width: 100%; 7422 width: 100%;
7434 justify-content: space-between; 7423 justify-content: space-between;
7435 } 7424 }
7436 .cvs__item-photo { 7425 .cvs__item-photo {
7437 position: relative; 7426 position: relative;
7438 aspect-ratio: 1/1; 7427 aspect-ratio: 1/1;
7439 overflow: hidden; 7428 overflow: hidden;
7440 background: #9c9d9d; 7429 background: #9c9d9d;
7441 color: #fff; 7430 color: #fff;
7442 width: 36px; 7431 width: 36px;
7443 border-radius: 6px; 7432 border-radius: 6px;
7444 display: -webkit-box; 7433 display: -webkit-box;
7445 display: -ms-flexbox; 7434 display: -ms-flexbox;
7446 display: flex; 7435 display: flex;
7447 -webkit-box-pack: center; 7436 -webkit-box-pack: center;
7448 -ms-flex-pack: center; 7437 -ms-flex-pack: center;
7449 justify-content: center; 7438 justify-content: center;
7450 -webkit-box-align: center; 7439 -webkit-box-align: center;
7451 -ms-flex-align: center; 7440 -ms-flex-align: center;
7452 align-items: center; 7441 align-items: center;
7453 } 7442 }
7454 @media (min-width: 768px) { 7443 @media (min-width: 768px) {
7455 .cvs__item-photo { 7444 .cvs__item-photo {
7456 width: 68px; 7445 width: 68px;
7457 } 7446 }
7458 } 7447 }
7459 .cvs__item-photo svg { 7448 .cvs__item-photo svg {
7460 width: 50%; 7449 width: 50%;
7461 position: relative; 7450 position: relative;
7462 z-index: 1; 7451 z-index: 1;
7463 } 7452 }
7464 .cvs__item-photo img { 7453 .cvs__item-photo img {
7465 position: absolute; 7454 position: absolute;
7466 z-index: 2; 7455 z-index: 2;
7467 top: 0; 7456 top: 0;
7468 left: 0; 7457 left: 0;
7469 width: 100%; 7458 width: 100%;
7470 height: 100%; 7459 height: 100%;
7471 -o-object-fit: cover; 7460 -o-object-fit: cover;
7472 object-fit: cover; 7461 object-fit: cover;
7473 } 7462 }
7474 .cvs__item-text { 7463 .cvs__item-text {
7475 display: -webkit-box; 7464 display: -webkit-box;
7476 display: -ms-flexbox; 7465 display: -ms-flexbox;
7477 display: flex; 7466 display: flex;
7478 -webkit-box-orient: vertical; 7467 -webkit-box-orient: vertical;
7479 -webkit-box-direction: normal; 7468 -webkit-box-direction: normal;
7480 -ms-flex-direction: column; 7469 -ms-flex-direction: column;
7481 flex-direction: column; 7470 flex-direction: column;
7482 gap: 10px; 7471 gap: 10px;
7483 width: 100%; 7472 width: 100%;
7484 margin-top: 30px; 7473 margin-top: 30px;
7485 } 7474 }
7486 .cvs__item .cvs__item-buttons{ 7475 .cvs__item .cvs__item-buttons{
7487 display: flex; 7476 display: flex;
7488 align-items: start; 7477 align-items: start;
7489 } 7478 }
7490 .cvs.active .cvs__item { 7479 .cvs.active .cvs__item {
7491 display: -webkit-box; 7480 display: -webkit-box;
7492 display: -ms-flexbox; 7481 display: -ms-flexbox;
7493 display: flex; 7482 display: flex;
7494 } 7483 }
7495 .cvs__item-text .cvs__item-text-row{ 7484 .cvs__item-text .cvs__item-text-row{
7496 display: flex; 7485 display: flex;
7497 justify-content: space-between; 7486 justify-content: space-between;
7498 width: 100%; 7487 width: 100%;
7499 } 7488 }
7500 .cvs__item-text .cvs__item-text-row > div{ 7489 .cvs__item-text .cvs__item-text-row > div{
7501 width: 50%; 7490 width: 50%;
7502 } 7491 }
7503 .cvs__item-text .cvs__item-text-row b{ 7492 .cvs__item-text .cvs__item-text-row b{
7504 color: #377d87; 7493 color: #377d87;
7505 font-size: 18px; 7494 font-size: 18px;
7506 } 7495 }
7507 .cvs__item-text .cvs__item-text-status { 7496 .cvs__item-text .cvs__item-text-status {
7508 width: fit-content; 7497 width: fit-content;
7509 background-color: #e6e6e6; 7498 background-color: #e6e6e6;
7510 font-weight: bold; 7499 font-weight: bold;
7511 padding: 5px 10px; 7500 padding: 5px 10px;
7512 border-radius: 8px; 7501 border-radius: 8px;
7513 margin-right: 30px; 7502 margin-right: 30px;
7514 } 7503 }
7515 .cvs__item-text .cvs__item-text-status.looking-for-job { 7504 .cvs__item-text .cvs__item-text-status.looking-for-job {
7516 background-color: #eb5757; 7505 background-color: #eb5757;
7517 color: #fff; 7506 color: #fff;
7518 } 7507 }
7519 .cvs__item-text .cvs__item-text-updated-at{ 7508 .cvs__item-text .cvs__item-text-updated-at{
7520 padding: 5px 10px; 7509 padding: 5px 10px;
7521 border-radius: 8px; 7510 border-radius: 8px;
7522 border: 1px #e6e6e6 solid; 7511 border: 1px #e6e6e6 solid;
7523 } 7512 }
7524 .faqs { 7513 .faqs {
7525 display: -webkit-box; 7514 display: -webkit-box;
7526 display: -ms-flexbox; 7515 display: -ms-flexbox;
7527 display: flex; 7516 display: flex;
7528 -webkit-box-orient: vertical; 7517 -webkit-box-orient: vertical;
7529 -webkit-box-direction: reverse; 7518 -webkit-box-direction: reverse;
7530 -ms-flex-direction: column-reverse; 7519 -ms-flex-direction: column-reverse;
7531 flex-direction: column-reverse; 7520 flex-direction: column-reverse;
7532 -webkit-box-align: center; 7521 -webkit-box-align: center;
7533 -ms-flex-align: center; 7522 -ms-flex-align: center;
7534 align-items: center; 7523 align-items: center;
7535 gap: 20px; 7524 gap: 20px;
7536 } 7525 }
7537 .faqs__body { 7526 .faqs__body {
7538 display: -webkit-box; 7527 display: -webkit-box;
7539 display: -ms-flexbox; 7528 display: -ms-flexbox;
7540 display: flex; 7529 display: flex;
7541 -webkit-box-orient: vertical; 7530 -webkit-box-orient: vertical;
7542 -webkit-box-direction: normal; 7531 -webkit-box-direction: normal;
7543 -ms-flex-direction: column; 7532 -ms-flex-direction: column;
7544 flex-direction: column; 7533 flex-direction: column;
7545 gap: 20px; 7534 gap: 20px;
7546 width: 100%; 7535 width: 100%;
7547 } 7536 }
7548 .faqs__item { 7537 .faqs__item {
7549 display: none; 7538 display: none;
7550 -webkit-box-orient: vertical; 7539 -webkit-box-orient: vertical;
7551 -webkit-box-direction: normal; 7540 -webkit-box-direction: normal;
7552 -ms-flex-direction: column; 7541 -ms-flex-direction: column;
7553 flex-direction: column; 7542 flex-direction: column;
7554 border-radius: 8px; 7543 border-radius: 8px;
7555 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7544 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7556 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7545 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7557 background: #fff; 7546 background: #fff;
7558 padding: 10px; 7547 padding: 10px;
7559 font-size: 12px; 7548 font-size: 12px;
7560 } 7549 }
7561 @media (min-width: 768px) { 7550 @media (min-width: 768px) {
7562 .faqs__item { 7551 .faqs__item {
7563 padding: 20px; 7552 padding: 20px;
7564 font-size: 16px; 7553 font-size: 16px;
7565 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7554 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7566 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7555 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7567 } 7556 }
7568 } 7557 }
7569 .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) { 7558 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
7570 display: -webkit-box; 7559 display: -webkit-box;
7571 display: -ms-flexbox; 7560 display: -ms-flexbox;
7572 display: flex; 7561 display: flex;
7573 } 7562 }
7574 .faqs__item-button { 7563 .faqs__item-button {
7575 background: none; 7564 background: none;
7576 padding: 0; 7565 padding: 0;
7577 border: none; 7566 border: none;
7578 display: -webkit-box; 7567 display: -webkit-box;
7579 display: -ms-flexbox; 7568 display: -ms-flexbox;
7580 display: flex; 7569 display: flex;
7581 -webkit-box-align: center; 7570 -webkit-box-align: center;
7582 -ms-flex-align: center; 7571 -ms-flex-align: center;
7583 align-items: center; 7572 align-items: center;
7584 color: #000; 7573 color: #000;
7585 text-align: left; 7574 text-align: left;
7586 font-size: 14px; 7575 font-size: 14px;
7587 font-weight: 700; 7576 font-weight: 700;
7588 } 7577 }
7589 @media (min-width: 768px) { 7578 @media (min-width: 768px) {
7590 .faqs__item-button { 7579 .faqs__item-button {
7591 font-size: 20px; 7580 font-size: 20px;
7592 } 7581 }
7593 } 7582 }
7594 .faqs__item-button span { 7583 .faqs__item-button span {
7595 width: calc(100% - 16px); 7584 width: calc(100% - 16px);
7596 padding-right: 16px; 7585 padding-right: 16px;
7597 } 7586 }
7598 .faqs__item-button i { 7587 .faqs__item-button i {
7599 display: -webkit-box; 7588 display: -webkit-box;
7600 display: -ms-flexbox; 7589 display: -ms-flexbox;
7601 display: flex; 7590 display: flex;
7602 -webkit-box-pack: center; 7591 -webkit-box-pack: center;
7603 -ms-flex-pack: center; 7592 -ms-flex-pack: center;
7604 justify-content: center; 7593 justify-content: center;
7605 -webkit-box-align: center; 7594 -webkit-box-align: center;
7606 -ms-flex-align: center; 7595 -ms-flex-align: center;
7607 align-items: center; 7596 align-items: center;
7608 width: 16px; 7597 width: 16px;
7609 aspect-ratio: 1/1; 7598 aspect-ratio: 1/1;
7610 color: #377d87; 7599 color: #377d87;
7611 -webkit-transition: 0.3s; 7600 -webkit-transition: 0.3s;
7612 transition: 0.3s; 7601 transition: 0.3s;
7613 } 7602 }
7614 .faqs__item-button i svg { 7603 .faqs__item-button i svg {
7615 width: 16px; 7604 width: 16px;
7616 aspect-ratio: 1/1; 7605 aspect-ratio: 1/1;
7617 -webkit-transform: rotate(90deg); 7606 -webkit-transform: rotate(90deg);
7618 -ms-transform: rotate(90deg); 7607 -ms-transform: rotate(90deg);
7619 transform: rotate(90deg); 7608 transform: rotate(90deg);
7620 } 7609 }
7621 .faqs__item-button.active i { 7610 .faqs__item-button.active i {
7622 -webkit-transform: rotate(180deg); 7611 -webkit-transform: rotate(180deg);
7623 -ms-transform: rotate(180deg); 7612 -ms-transform: rotate(180deg);
7624 transform: rotate(180deg); 7613 transform: rotate(180deg);
7625 } 7614 }
7626 .faqs__item-body { 7615 .faqs__item-body {
7627 display: -webkit-box; 7616 display: -webkit-box;
7628 display: -ms-flexbox; 7617 display: -ms-flexbox;
7629 display: flex; 7618 display: flex;
7630 -webkit-box-orient: vertical; 7619 -webkit-box-orient: vertical;
7631 -webkit-box-direction: normal; 7620 -webkit-box-direction: normal;
7632 -ms-flex-direction: column; 7621 -ms-flex-direction: column;
7633 flex-direction: column; 7622 flex-direction: column;
7634 gap: 10px; 7623 gap: 10px;
7635 opacity: 0; 7624 opacity: 0;
7636 height: 0; 7625 height: 0;
7637 overflow: hidden; 7626 overflow: hidden;
7638 font-size: 12px; 7627 font-size: 12px;
7639 line-height: 1.4; 7628 line-height: 1.4;
7640 } 7629 }
7641 @media (min-width: 768px) { 7630 @media (min-width: 768px) {
7642 .faqs__item-body { 7631 .faqs__item-body {
7643 font-size: 16px; 7632 font-size: 16px;
7644 gap: 20px; 7633 gap: 20px;
7645 } 7634 }
7646 } 7635 }
7647 .faqs__item-body p { 7636 .faqs__item-body p {
7648 margin: 0; 7637 margin: 0;
7649 } 7638 }
7650 .active + .faqs__item-body { 7639 .active + .faqs__item-body {
7651 opacity: 1; 7640 opacity: 1;
7652 height: auto; 7641 height: auto;
7653 -webkit-transition: 0.3s; 7642 -webkit-transition: 0.3s;
7654 transition: 0.3s; 7643 transition: 0.3s;
7655 padding-top: 10px; 7644 padding-top: 10px;
7656 } 7645 }
7657 @media (min-width: 768px) { 7646 @media (min-width: 768px) {
7658 .active + .faqs__item-body { 7647 .active + .faqs__item-body {
7659 padding-top: 20px; 7648 padding-top: 20px;
7660 } 7649 }
7661 } 7650 }
7662 .faqs.active .faqs__item { 7651 .faqs.active .faqs__item {
7663 display: -webkit-box; 7652 display: -webkit-box;
7664 display: -ms-flexbox; 7653 display: -ms-flexbox;
7665 display: flex; 7654 display: flex;
7666 } 7655 }
7667 7656
7668 .cabinet { 7657 .cabinet {
7669 padding: 20px 0; 7658 padding: 20px 0;
7670 padding-bottom: 40px; 7659 padding-bottom: 40px;
7671 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7660 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7672 } 7661 }
7673 @media (min-width: 992px) { 7662 @media (min-width: 992px) {
7674 .cabinet { 7663 .cabinet {
7675 padding: 30px 0; 7664 padding: 30px 0;
7676 padding-bottom: 60px; 7665 padding-bottom: 60px;
7677 } 7666 }
7678 } 7667 }
7679 .cabinet__breadcrumbs { 7668 .cabinet__breadcrumbs {
7680 margin-bottom: 50px; 7669 margin-bottom: 50px;
7681 } 7670 }
7682 .cabinet__wrapper { 7671 .cabinet__wrapper {
7683 display: -webkit-box; 7672 display: -webkit-box;
7684 display: -ms-flexbox; 7673 display: -ms-flexbox;
7685 display: flex; 7674 display: flex;
7686 -webkit-box-orient: vertical; 7675 -webkit-box-orient: vertical;
7687 -webkit-box-direction: normal; 7676 -webkit-box-direction: normal;
7688 -ms-flex-direction: column; 7677 -ms-flex-direction: column;
7689 flex-direction: column; 7678 flex-direction: column;
7690 } 7679 }
7691 @media (min-width: 992px) { 7680 @media (min-width: 992px) {
7692 .cabinet__wrapper { 7681 .cabinet__wrapper {
7693 -webkit-box-orient: horizontal; 7682 -webkit-box-orient: horizontal;
7694 -webkit-box-direction: normal; 7683 -webkit-box-direction: normal;
7695 -ms-flex-direction: row; 7684 -ms-flex-direction: row;
7696 flex-direction: row; 7685 flex-direction: row;
7697 -webkit-box-align: start; 7686 -webkit-box-align: start;
7698 -ms-flex-align: start; 7687 -ms-flex-align: start;
7699 align-items: flex-start; 7688 align-items: flex-start;
7700 -webkit-box-pack: justify; 7689 -webkit-box-pack: justify;
7701 -ms-flex-pack: justify; 7690 -ms-flex-pack: justify;
7702 justify-content: space-between; 7691 justify-content: space-between;
7703 } 7692 }
7704 } 7693 }
7705 .cabinet__side { 7694 .cabinet__side {
7706 border-radius: 8px; 7695 border-radius: 8px;
7707 background: #fff; 7696 background: #fff;
7708 padding: 20px 10px; 7697 padding: 20px 10px;
7709 display: -webkit-box; 7698 display: -webkit-box;
7710 display: -ms-flexbox; 7699 display: -ms-flexbox;
7711 display: flex; 7700 display: flex;
7712 -webkit-box-orient: vertical; 7701 -webkit-box-orient: vertical;
7713 -webkit-box-direction: normal; 7702 -webkit-box-direction: normal;
7714 -ms-flex-direction: column; 7703 -ms-flex-direction: column;
7715 flex-direction: column; 7704 flex-direction: column;
7716 gap: 30px; 7705 gap: 30px;
7717 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7718 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7719 } 7708 }
7720 @media (min-width: 768px) { 7709 @media (min-width: 768px) {
7721 .cabinet__side { 7710 .cabinet__side {
7722 padding: 30px 20px; 7711 padding: 30px 20px;
7723 margin-bottom: 50px; 7712 margin-bottom: 50px;
7724 } 7713 }
7725 } 7714 }
7726 @media (min-width: 992px) { 7715 @media (min-width: 992px) {
7727 .cabinet__side { 7716 .cabinet__side {
7728 width: 340px; 7717 width: 340px;
7729 margin: 0; 7718 margin: 0;
7730 position: sticky; 7719 position: sticky;
7731 top: 6px; 7720 top: 6px;
7732 } 7721 }
7733 } 7722 }
7734 @media (min-width: 1280px) { 7723 @media (min-width: 1280px) {
7735 .cabinet__side { 7724 .cabinet__side {
7736 width: 400px; 7725 width: 400px;
7737 } 7726 }
7738 } 7727 }
7739 .cabinet__side-item { 7728 .cabinet__side-item {
7740 display: -webkit-box; 7729 display: -webkit-box;
7741 display: -ms-flexbox; 7730 display: -ms-flexbox;
7742 display: flex; 7731 display: flex;
7743 -webkit-box-orient: vertical; 7732 -webkit-box-orient: vertical;
7744 -webkit-box-direction: normal; 7733 -webkit-box-direction: normal;
7745 -ms-flex-direction: column; 7734 -ms-flex-direction: column;
7746 flex-direction: column; 7735 flex-direction: column;
7747 gap: 20px; 7736 gap: 20px;
7748 } 7737 }
7749 .cabinet__side-toper { 7738 .cabinet__side-toper {
7750 display: -webkit-box; 7739 display: -webkit-box;
7751 display: -ms-flexbox; 7740 display: -ms-flexbox;
7752 display: flex; 7741 display: flex;
7753 -webkit-box-align: center; 7742 -webkit-box-align: center;
7754 -ms-flex-align: center; 7743 -ms-flex-align: center;
7755 align-items: center; 7744 align-items: center;
7756 } 7745 }
7757 .cabinet__side-toper-pic { 7746 .cabinet__side-toper-pic {
7758 width: 70px; 7747 width: 70px;
7759 aspect-ratio: 1/1; 7748 aspect-ratio: 1/1;
7760 overflow: hidden; 7749 overflow: hidden;
7761 border-radius: 8px; 7750 border-radius: 8px;
7762 color: #fff; 7751 color: #fff;
7763 background: #9c9d9d; 7752 background: #9c9d9d;
7764 display: -webkit-box; 7753 display: -webkit-box;
7765 display: -ms-flexbox; 7754 display: -ms-flexbox;
7766 display: flex; 7755 display: flex;
7767 -webkit-box-align: center; 7756 -webkit-box-align: center;
7768 -ms-flex-align: center; 7757 -ms-flex-align: center;
7769 align-items: center; 7758 align-items: center;
7770 -webkit-box-pack: center; 7759 -webkit-box-pack: center;
7771 -ms-flex-pack: center; 7760 -ms-flex-pack: center;
7772 justify-content: center; 7761 justify-content: center;
7773 position: relative; 7762 position: relative;
7774 } 7763 }
7775 .cabinet__side-toper-pic img { 7764 .cabinet__side-toper-pic img {
7776 width: 100%; 7765 width: 100%;
7777 height: 100%; 7766 height: 100%;
7778 -o-object-fit: cover; 7767 -o-object-fit: cover;
7779 object-fit: cover; 7768 object-fit: cover;
7780 position: absolute; 7769 position: absolute;
7781 z-index: 2; 7770 z-index: 2;
7782 top: 0; 7771 top: 0;
7783 left: 0; 7772 left: 0;
7784 aspect-ratio: 1/1; 7773 aspect-ratio: 1/1;
7785 -o-object-fit: contain; 7774 -o-object-fit: contain;
7786 object-fit: contain; 7775 object-fit: contain;
7787 } 7776 }
7788 .cabinet__side-toper-pic svg { 7777 .cabinet__side-toper-pic svg {
7789 width: 50%; 7778 width: 50%;
7790 aspect-ratio: 1/1; 7779 aspect-ratio: 1/1;
7791 } 7780 }
7792 .cabinet__side-toper b { 7781 .cabinet__side-toper b {
7793 width: calc(100% - 70px); 7782 width: calc(100% - 70px);
7794 font-size: 14px; 7783 font-size: 14px;
7795 font-weight: 700; 7784 font-weight: 700;
7796 padding-left: 16px; 7785 padding-left: 16px;
7797 } 7786 }
7798 @media (min-width: 768px) { 7787 @media (min-width: 768px) {
7799 .cabinet__side-toper b { 7788 .cabinet__side-toper b {
7800 font-size: 20px; 7789 font-size: 20px;
7801 } 7790 }
7802 } 7791 }
7803 .cabinet__menu { 7792 .cabinet__menu {
7804 display: -webkit-box; 7793 display: -webkit-box;
7805 display: -ms-flexbox; 7794 display: -ms-flexbox;
7806 display: flex; 7795 display: flex;
7807 -webkit-box-orient: vertical; 7796 -webkit-box-orient: vertical;
7808 -webkit-box-direction: normal; 7797 -webkit-box-direction: normal;
7809 -ms-flex-direction: column; 7798 -ms-flex-direction: column;
7810 flex-direction: column; 7799 flex-direction: column;
7811 } 7800 }
7812 .cabinet__menu-toper { 7801 .cabinet__menu-toper {
7813 display: -webkit-box; 7802 display: -webkit-box;
7814 display: -ms-flexbox; 7803 display: -ms-flexbox;
7815 display: flex; 7804 display: flex;
7816 -webkit-box-align: center; 7805 -webkit-box-align: center;
7817 -ms-flex-align: center; 7806 -ms-flex-align: center;
7818 align-items: center; 7807 align-items: center;
7819 -webkit-box-pack: justify; 7808 -webkit-box-pack: justify;
7820 -ms-flex-pack: justify; 7809 -ms-flex-pack: justify;
7821 justify-content: space-between; 7810 justify-content: space-between;
7822 padding: 0 16px; 7811 padding: 0 16px;
7823 padding-right: 12px; 7812 padding-right: 12px;
7824 border: none; 7813 border: none;
7825 border-radius: 8px; 7814 border-radius: 8px;
7826 background: #377d87; 7815 background: #377d87;
7827 color: #fff; 7816 color: #fff;
7828 } 7817 }
7829 @media (min-width: 768px) { 7818 @media (min-width: 768px) {
7830 .cabinet__menu-toper { 7819 .cabinet__menu-toper {
7831 padding: 0 20px; 7820 padding: 0 20px;
7832 } 7821 }
7833 } 7822 }
7834 @media (min-width: 992px) { 7823 @media (min-width: 992px) {
7835 .cabinet__menu-toper { 7824 .cabinet__menu-toper {
7836 display: none; 7825 display: none;
7837 } 7826 }
7838 } 7827 }
7839 .cabinet__menu-toper-text { 7828 .cabinet__menu-toper-text {
7840 width: calc(100% - 16px); 7829 width: calc(100% - 16px);
7841 display: -webkit-box; 7830 display: -webkit-box;
7842 display: -ms-flexbox; 7831 display: -ms-flexbox;
7843 display: flex; 7832 display: flex;
7844 -webkit-box-align: center; 7833 -webkit-box-align: center;
7845 -ms-flex-align: center; 7834 -ms-flex-align: center;
7846 align-items: center; 7835 align-items: center;
7847 } 7836 }
7848 @media (min-width: 768px) { 7837 @media (min-width: 768px) {
7849 .cabinet__menu-toper-text { 7838 .cabinet__menu-toper-text {
7850 width: calc(100% - 20px); 7839 width: calc(100% - 20px);
7851 } 7840 }
7852 } 7841 }
7853 .cabinet__menu-toper-text i { 7842 .cabinet__menu-toper-text i {
7854 width: 16px; 7843 width: 16px;
7855 height: 16px; 7844 height: 16px;
7856 display: -webkit-box; 7845 display: -webkit-box;
7857 display: -ms-flexbox; 7846 display: -ms-flexbox;
7858 display: flex; 7847 display: flex;
7859 -webkit-box-align: center; 7848 -webkit-box-align: center;
7860 -ms-flex-align: center; 7849 -ms-flex-align: center;
7861 align-items: center; 7850 align-items: center;
7862 -webkit-box-pack: center; 7851 -webkit-box-pack: center;
7863 -ms-flex-pack: center; 7852 -ms-flex-pack: center;
7864 justify-content: center; 7853 justify-content: center;
7865 } 7854 }
7866 @media (min-width: 768px) { 7855 @media (min-width: 768px) {
7867 .cabinet__menu-toper-text i { 7856 .cabinet__menu-toper-text i {
7868 width: 22px; 7857 width: 22px;
7869 height: 22px; 7858 height: 22px;
7870 } 7859 }
7871 } 7860 }
7872 .cabinet__menu-toper-text svg { 7861 .cabinet__menu-toper-text svg {
7873 width: 16px; 7862 width: 16px;
7874 height: 16px; 7863 height: 16px;
7875 } 7864 }
7876 @media (min-width: 768px) { 7865 @media (min-width: 768px) {
7877 .cabinet__menu-toper-text svg { 7866 .cabinet__menu-toper-text svg {
7878 width: 22px; 7867 width: 22px;
7879 height: 22px; 7868 height: 22px;
7880 } 7869 }
7881 } 7870 }
7882 .cabinet__menu-toper-text span { 7871 .cabinet__menu-toper-text span {
7883 display: -webkit-box; 7872 display: -webkit-box;
7884 display: -ms-flexbox; 7873 display: -ms-flexbox;
7885 display: flex; 7874 display: flex;
7886 -webkit-box-align: center; 7875 -webkit-box-align: center;
7887 -ms-flex-align: center; 7876 -ms-flex-align: center;
7888 align-items: center; 7877 align-items: center;
7889 padding: 0 10px; 7878 padding: 0 10px;
7890 min-height: 30px; 7879 min-height: 30px;
7891 font-size: 12px; 7880 font-size: 12px;
7892 width: calc(100% - 16px); 7881 width: calc(100% - 16px);
7893 } 7882 }
7894 @media (min-width: 768px) { 7883 @media (min-width: 768px) {
7895 .cabinet__menu-toper-text span { 7884 .cabinet__menu-toper-text span {
7896 width: calc(100% - 22px); 7885 width: calc(100% - 22px);
7897 font-size: 20px; 7886 font-size: 20px;
7898 min-height: 52px; 7887 min-height: 52px;
7899 padding: 0 16px; 7888 padding: 0 16px;
7900 } 7889 }
7901 } 7890 }
7902 .cabinet__menu-toper-arrow { 7891 .cabinet__menu-toper-arrow {
7903 width: 16px; 7892 width: 16px;
7904 height: 16px; 7893 height: 16px;
7905 display: -webkit-box; 7894 display: -webkit-box;
7906 display: -ms-flexbox; 7895 display: -ms-flexbox;
7907 display: flex; 7896 display: flex;
7908 -webkit-box-pack: center; 7897 -webkit-box-pack: center;
7909 -ms-flex-pack: center; 7898 -ms-flex-pack: center;
7910 justify-content: center; 7899 justify-content: center;
7911 -webkit-box-align: center; 7900 -webkit-box-align: center;
7912 -ms-flex-align: center; 7901 -ms-flex-align: center;
7913 align-items: center; 7902 align-items: center;
7914 -webkit-transition: 0.3s; 7903 -webkit-transition: 0.3s;
7915 transition: 0.3s; 7904 transition: 0.3s;
7916 } 7905 }
7917 @media (min-width: 768px) { 7906 @media (min-width: 768px) {
7918 .cabinet__menu-toper-arrow { 7907 .cabinet__menu-toper-arrow {
7919 width: 20px; 7908 width: 20px;
7920 height: 20px; 7909 height: 20px;
7921 } 7910 }
7922 } 7911 }
7923 .cabinet__menu-toper-arrow svg { 7912 .cabinet__menu-toper-arrow svg {
7924 width: 12px; 7913 width: 12px;
7925 height: 12px; 7914 height: 12px;
7926 -webkit-transform: rotate(90deg); 7915 -webkit-transform: rotate(90deg);
7927 -ms-transform: rotate(90deg); 7916 -ms-transform: rotate(90deg);
7928 transform: rotate(90deg); 7917 transform: rotate(90deg);
7929 } 7918 }
7930 @media (min-width: 768px) { 7919 @media (min-width: 768px) {
7931 .cabinet__menu-toper-arrow svg { 7920 .cabinet__menu-toper-arrow svg {
7932 width: 20px; 7921 width: 20px;
7933 height: 20px; 7922 height: 20px;
7934 } 7923 }
7935 } 7924 }
7936 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7925 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7937 -webkit-transform: rotate(180deg); 7926 -webkit-transform: rotate(180deg);
7938 -ms-transform: rotate(180deg); 7927 -ms-transform: rotate(180deg);
7939 transform: rotate(180deg); 7928 transform: rotate(180deg);
7940 } 7929 }
7941 .cabinet__menu-body { 7930 .cabinet__menu-body {
7942 opacity: 0; 7931 opacity: 0;
7943 height: 0; 7932 height: 0;
7944 overflow: hidden; 7933 overflow: hidden;
7945 display: -webkit-box; 7934 display: -webkit-box;
7946 display: -ms-flexbox; 7935 display: -ms-flexbox;
7947 display: flex; 7936 display: flex;
7948 -webkit-box-orient: vertical; 7937 -webkit-box-orient: vertical;
7949 -webkit-box-direction: normal; 7938 -webkit-box-direction: normal;
7950 -ms-flex-direction: column; 7939 -ms-flex-direction: column;
7951 flex-direction: column; 7940 flex-direction: column;
7952 } 7941 }
7953 @media (min-width: 992px) { 7942 @media (min-width: 992px) {
7954 .cabinet__menu-body { 7943 .cabinet__menu-body {
7955 opacity: 1; 7944 opacity: 1;
7956 height: auto; 7945 height: auto;
7957 } 7946 }
7958 } 7947 }
7959 .active + .cabinet__menu-body { 7948 .active + .cabinet__menu-body {
7960 opacity: 1; 7949 opacity: 1;
7961 height: auto; 7950 height: auto;
7962 -webkit-transition: 0.3s; 7951 -webkit-transition: 0.3s;
7963 transition: 0.3s; 7952 transition: 0.3s;
7964 } 7953 }
7965 .cabinet__menu-items { 7954 .cabinet__menu-items {
7966 display: -webkit-box; 7955 display: -webkit-box;
7967 display: -ms-flexbox; 7956 display: -ms-flexbox;
7968 display: flex; 7957 display: flex;
7969 -webkit-box-orient: vertical; 7958 -webkit-box-orient: vertical;
7970 -webkit-box-direction: normal; 7959 -webkit-box-direction: normal;
7971 -ms-flex-direction: column; 7960 -ms-flex-direction: column;
7972 flex-direction: column; 7961 flex-direction: column;
7973 } 7962 }
7974 .cabinet__menu-item { 7963 .cabinet__menu-item {
7975 padding: 8px 16px; 7964 padding: 8px 16px;
7976 border-radius: 8px; 7965 border-radius: 8px;
7977 display: -webkit-box; 7966 display: -webkit-box;
7978 display: -ms-flexbox; 7967 display: -ms-flexbox;
7979 display: flex; 7968 display: flex;
7980 -webkit-box-align: center; 7969 -webkit-box-align: center;
7981 -ms-flex-align: center; 7970 -ms-flex-align: center;
7982 align-items: center; 7971 align-items: center;
7983 } 7972 }
7984 @media (min-width: 768px) { 7973 @media (min-width: 768px) {
7985 .cabinet__menu-item { 7974 .cabinet__menu-item {
7986 padding: 14px 20px; 7975 padding: 14px 20px;
7987 } 7976 }
7988 } 7977 }
7989 .cabinet__menu-item:hover { 7978 .cabinet__menu-item:hover {
7990 color: #377d87; 7979 color: #377d87;
7991 } 7980 }
7992 @media (min-width: 992px) { 7981 @media (min-width: 992px) {
7993 .cabinet__menu-item.active { 7982 .cabinet__menu-item.active {
7994 background: #377d87; 7983 background: #377d87;
7995 color: #fff; 7984 color: #fff;
7996 } 7985 }
7997 } 7986 }
7998 @media (min-width: 992px) { 7987 @media (min-width: 992px) {
7999 .cabinet__menu-item.active svg { 7988 .cabinet__menu-item.active svg {
8000 color: #fff; 7989 color: #fff;
8001 } 7990 }
8002 } 7991 }
8003 @media (min-width: 992px) { 7992 @media (min-width: 992px) {
8004 .cabinet__menu-item.active.red { 7993 .cabinet__menu-item.active.red {
8005 background: #eb5757; 7994 background: #eb5757;
8006 } 7995 }
8007 } 7996 }
8008 .cabinet__menu-item i { 7997 .cabinet__menu-item i {
8009 width: 16px; 7998 width: 16px;
8010 height: 16px; 7999 height: 16px;
8011 color: #377d87; 8000 color: #377d87;
8012 } 8001 }
8013 @media (min-width: 768px) { 8002 @media (min-width: 768px) {
8014 .cabinet__menu-item i { 8003 .cabinet__menu-item i {
8015 width: 22px; 8004 width: 22px;
8016 height: 22px; 8005 height: 22px;
8017 } 8006 }
8018 } 8007 }
8019 .cabinet__menu-item svg { 8008 .cabinet__menu-item svg {
8020 width: 16px; 8009 width: 16px;
8021 height: 16px; 8010 height: 16px;
8022 } 8011 }
8023 @media (min-width: 768px) { 8012 @media (min-width: 768px) {
8024 .cabinet__menu-item svg { 8013 .cabinet__menu-item svg {
8025 width: 22px; 8014 width: 22px;
8026 height: 22px; 8015 height: 22px;
8027 } 8016 }
8028 } 8017 }
8029 .cabinet__menu-item span { 8018 .cabinet__menu-item span {
8030 width: calc(100% - 16px); 8019 width: calc(100% - 16px);
8031 font-size: 12px; 8020 font-size: 12px;
8032 padding-left: 10px; 8021 padding-left: 10px;
8033 } 8022 }
8034 @media (min-width: 768px) { 8023 @media (min-width: 768px) {
8035 .cabinet__menu-item span { 8024 .cabinet__menu-item span {
8036 font-size: 20px; 8025 font-size: 20px;
8037 width: calc(100% - 22px); 8026 width: calc(100% - 22px);
8038 padding-left: 16px; 8027 padding-left: 16px;
8039 } 8028 }
8040 } 8029 }
8041 .cabinet__menu-bottom { 8030 .cabinet__menu-bottom {
8042 display: -webkit-box; 8031 display: -webkit-box;
8043 display: -ms-flexbox; 8032 display: -ms-flexbox;
8044 display: flex; 8033 display: flex;
8045 -webkit-box-orient: vertical; 8034 -webkit-box-orient: vertical;
8046 -webkit-box-direction: normal; 8035 -webkit-box-direction: normal;
8047 -ms-flex-direction: column; 8036 -ms-flex-direction: column;
8048 flex-direction: column; 8037 flex-direction: column;
8049 gap: 10px; 8038 gap: 10px;
8050 margin-top: 10px; 8039 margin-top: 10px;
8051 } 8040 }
8052 @media (min-width: 768px) { 8041 @media (min-width: 768px) {
8053 .cabinet__menu-bottom { 8042 .cabinet__menu-bottom {
8054 gap: 20px; 8043 gap: 20px;
8055 margin-top: 20px; 8044 margin-top: 20px;
8056 } 8045 }
8057 } 8046 }
8058 .cabinet__menu-copy { 8047 .cabinet__menu-copy {
8059 color: #9c9d9d; 8048 color: #9c9d9d;
8060 text-align: center; 8049 text-align: center;
8061 font-size: 12px; 8050 font-size: 12px;
8062 } 8051 }
8063 @media (min-width: 768px) { 8052 @media (min-width: 768px) {
8064 .cabinet__menu-copy { 8053 .cabinet__menu-copy {
8065 font-size: 16px; 8054 font-size: 16px;
8066 } 8055 }
8067 } 8056 }
8068 .cabinet__body { 8057 .cabinet__body {
8069 margin: 0 -10px; 8058 margin: 0 -10px;
8070 margin-top: 50px; 8059 margin-top: 50px;
8071 background: #fff; 8060 background: #fff;
8072 padding: 20px 10px; 8061 padding: 20px 10px;
8073 display: -webkit-box; 8062 display: -webkit-box;
8074 display: -ms-flexbox; 8063 display: -ms-flexbox;
8075 display: flex; 8064 display: flex;
8076 -webkit-box-orient: vertical; 8065 -webkit-box-orient: vertical;
8077 -webkit-box-direction: normal; 8066 -webkit-box-direction: normal;
8078 -ms-flex-direction: column; 8067 -ms-flex-direction: column;
8079 flex-direction: column; 8068 flex-direction: column;
8080 gap: 30px; 8069 gap: 30px;
8081 color: #000; 8070 color: #000;
8082 } 8071 }
8083 @media (min-width: 768px) { 8072 @media (min-width: 768px) {
8084 .cabinet__body { 8073 .cabinet__body {
8085 padding: 30px 20px; 8074 padding: 30px 20px;
8086 margin: 0; 8075 margin: 0;
8087 border-radius: 8px; 8076 border-radius: 8px;
8088 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8077 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8089 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8078 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8090 } 8079 }
8091 } 8080 }
8092 @media (min-width: 992px) { 8081 @media (min-width: 992px) {
8093 .cabinet__body { 8082 .cabinet__body {
8094 width: calc(100% - 360px); 8083 width: calc(100% - 360px);
8095 } 8084 }
8096 } 8085 }
8097 @media (min-width: 1280px) { 8086 @media (min-width: 1280px) {
8098 .cabinet__body { 8087 .cabinet__body {
8099 width: calc(100% - 420px); 8088 width: calc(100% - 420px);
8100 } 8089 }
8101 } 8090 }
8102 .cabinet__body-item { 8091 .cabinet__body-item {
8103 display: -webkit-box; 8092 display: -webkit-box;
8104 display: -ms-flexbox; 8093 display: -ms-flexbox;
8105 display: flex; 8094 display: flex;
8106 -webkit-box-orient: vertical; 8095 -webkit-box-orient: vertical;
8107 -webkit-box-direction: normal; 8096 -webkit-box-direction: normal;
8108 -ms-flex-direction: column; 8097 -ms-flex-direction: column;
8109 flex-direction: column; 8098 flex-direction: column;
8110 gap: 20px; 8099 gap: 20px;
8111 } 8100 }
8112 .cabinet__title { 8101 .cabinet__title {
8113 font-size: 24px; 8102 font-size: 24px;
8114 margin-bottom: 20px; 8103 margin-bottom: 20px;
8115 } 8104 }
8116 @media (min-width: 768px) { 8105 @media (min-width: 768px) {
8117 .cabinet__title { 8106 .cabinet__title {
8118 font-size: 32px; 8107 font-size: 32px;
8119 } 8108 }
8120 } 8109 }
8121 @media (min-width: 992px) { 8110 @media (min-width: 992px) {
8122 .cabinet__title { 8111 .cabinet__title {
8123 font-size: 40px; 8112 font-size: 40px;
8124 } 8113 }
8125 } 8114 }
8126 .cabinet__subtitle { 8115 .cabinet__subtitle {
8127 font-size: 22px; 8116 font-size: 22px;
8128 margin: 0; 8117 margin: 0;
8129 font-weight: 700; 8118 font-weight: 700;
8130 color: #000; 8119 color: #000;
8131 } 8120 }
8132 @media (min-width: 768px) { 8121 @media (min-width: 768px) {
8133 .cabinet__subtitle { 8122 .cabinet__subtitle {
8134 font-size: 24px; 8123 font-size: 24px;
8135 } 8124 }
8136 } 8125 }
8137 .cabinet__h4 { 8126 .cabinet__h4 {
8138 font-size: 20px; 8127 font-size: 20px;
8139 margin: 0; 8128 margin: 0;
8140 font-weight: 700; 8129 font-weight: 700;
8141 color: #000; 8130 color: #000;
8142 } 8131 }
8143 @media (min-width: 768px) { 8132 @media (min-width: 768px) {
8144 .cabinet__h4 { 8133 .cabinet__h4 {
8145 font-size: 22px; 8134 font-size: 22px;
8146 } 8135 }
8147 } 8136 }
8148 .cabinet__text { 8137 .cabinet__text {
8149 margin: 0; 8138 margin: 0;
8150 font-size: 14px; 8139 font-size: 14px;
8151 } 8140 }
8152 @media (min-width: 768px) { 8141 @media (min-width: 768px) {
8153 .cabinet__text { 8142 .cabinet__text {
8154 font-size: 16px; 8143 font-size: 16px;
8155 } 8144 }
8156 } 8145 }
8157 .cabinet__text b { 8146 .cabinet__text b {
8158 color: #000; 8147 color: #000;
8159 font-size: 18px; 8148 font-size: 18px;
8160 } 8149 }
8161 @media (min-width: 768px) { 8150 @media (min-width: 768px) {
8162 .cabinet__text b { 8151 .cabinet__text b {
8163 font-size: 24px; 8152 font-size: 24px;
8164 } 8153 }
8165 } 8154 }
8166 .cabinet__descr { 8155 .cabinet__descr {
8167 display: -webkit-box; 8156 display: -webkit-box;
8168 display: -ms-flexbox; 8157 display: -ms-flexbox;
8169 display: flex; 8158 display: flex;
8170 -webkit-box-orient: vertical; 8159 -webkit-box-orient: vertical;
8171 -webkit-box-direction: normal; 8160 -webkit-box-direction: normal;
8172 -ms-flex-direction: column; 8161 -ms-flex-direction: column;
8173 flex-direction: column; 8162 flex-direction: column;
8174 gap: 6px; 8163 gap: 6px;
8175 } 8164 }
8176 @media (min-width: 768px) { 8165 @media (min-width: 768px) {
8177 .cabinet__descr { 8166 .cabinet__descr {
8178 gap: 12px; 8167 gap: 12px;
8179 } 8168 }
8180 } 8169 }
8181 .cabinet__avatar { 8170 .cabinet__avatar {
8182 display: -webkit-box; 8171 display: -webkit-box;
8183 display: -ms-flexbox; 8172 display: -ms-flexbox;
8184 display: flex; 8173 display: flex;
8185 -webkit-box-align: start; 8174 -webkit-box-align: start;
8186 -ms-flex-align: start; 8175 -ms-flex-align: start;
8187 align-items: flex-start; 8176 align-items: flex-start;
8188 } 8177 }
8189 @media (min-width: 768px) { 8178 @media (min-width: 768px) {
8190 .cabinet__avatar { 8179 .cabinet__avatar {
8191 -webkit-box-align: center; 8180 -webkit-box-align: center;
8192 -ms-flex-align: center; 8181 -ms-flex-align: center;
8193 align-items: center; 8182 align-items: center;
8194 } 8183 }
8195 } 8184 }
8196 .cabinet__avatar-pic { 8185 .cabinet__avatar-pic {
8197 width: 100px; 8186 width: 100px;
8198 aspect-ratio: 1/1; 8187 aspect-ratio: 1/1;
8199 position: relative; 8188 position: relative;
8200 display: -webkit-box; 8189 display: -webkit-box;
8201 display: -ms-flexbox; 8190 display: -ms-flexbox;
8202 display: flex; 8191 display: flex;
8203 -webkit-box-pack: center; 8192 -webkit-box-pack: center;
8204 -ms-flex-pack: center; 8193 -ms-flex-pack: center;
8205 justify-content: center; 8194 justify-content: center;
8206 -webkit-box-align: center; 8195 -webkit-box-align: center;
8207 -ms-flex-align: center; 8196 -ms-flex-align: center;
8208 align-items: center; 8197 align-items: center;
8209 overflow: hidden; 8198 overflow: hidden;
8210 border-radius: 8px; 8199 border-radius: 8px;
8211 color: #fff; 8200 color: #fff;
8212 background: #9c9d9d; 8201 background: #9c9d9d;
8213 } 8202 }
8214 .cabinet__avatar-pic svg { 8203 .cabinet__avatar-pic svg {
8215 width: 50%; 8204 width: 50%;
8216 aspect-ratio: 1/1; 8205 aspect-ratio: 1/1;
8217 z-index: 1; 8206 z-index: 1;
8218 position: relative; 8207 position: relative;
8219 } 8208 }
8220 .cabinet__avatar-pic img{ 8209 .cabinet__avatar-pic img{
8221 max-width: 100%; 8210 max-width: 100%;
8222 max-height: 100%; 8211 max-height: 100%;
8223 } 8212 }
8224 .cabinet__avatar-form { 8213 .cabinet__avatar-form {
8225 width: calc(100% - 100px); 8214 width: calc(100% - 100px);
8226 padding-left: 15px; 8215 padding-left: 15px;
8227 display: -webkit-box; 8216 display: -webkit-box;
8228 display: -ms-flexbox; 8217 display: -ms-flexbox;
8229 display: flex; 8218 display: flex;
8230 -webkit-box-orient: vertical; 8219 -webkit-box-orient: vertical;
8231 -webkit-box-direction: normal; 8220 -webkit-box-direction: normal;
8232 -ms-flex-direction: column; 8221 -ms-flex-direction: column;
8233 flex-direction: column; 8222 flex-direction: column;
8234 gap: 6px; 8223 gap: 6px;
8235 } 8224 }
8236 .candidate-top-wrapper{ 8225 .candidate-top-wrapper{
8237 display: flex; 8226 display: flex;
8238 } 8227 }
8239 .candidate-top-wrapper .candidate-thumbnail{ 8228 .candidate-top-wrapper .candidate-thumbnail{
8240 width: 100px; 8229 width: 100px;
8241 height: 100px; 8230 height: 100px;
8242 min-width: 100px; 8231 min-width: 100px;
8243 border-radius: 8px; 8232 border-radius: 8px;
8244 overflow: hidden; 8233 overflow: hidden;
8245 } 8234 }
8246 .candidate-top-wrapper .candidate-thumbnail img{ 8235 .candidate-top-wrapper .candidate-thumbnail img{
8247 max-height: 100%; 8236 max-height: 100%;
8248 max-width: 100%; 8237 max-width: 100%;
8249 } 8238 }
8250 .candidate-top-wrapper .candidate-information{ 8239 .candidate-top-wrapper .candidate-information{
8251 padding-left: 20px; 8240 padding-left: 20px;
8252 font-size: 21px; 8241 font-size: 21px;
8253 display: flex; 8242 display: flex;
8254 align-items: center; 8243 align-items: center;
8255 } 8244 }
8256 .candidate-top-wrapper .candidate-information .candidate-title{ 8245 .candidate-top-wrapper .candidate-information .candidate-title{
8257 font-size: inherit; 8246 font-size: inherit;
8258 } 8247 }
8259 .content-single-candidate .education-detail-description{ 8248 .content-single-candidate .education-detail-description{
8260 margin-bottom: 50px; 8249 margin-bottom: 50px;
8261 text-align: justify; 8250 text-align: justify;
8262 } 8251 }
8263 .content-single-candidate .education-detail-description h3.title{ 8252 .content-single-candidate .education-detail-description h3.title{
8264 font-size: 18px; 8253 font-size: 18px;
8265 margin: 0 0 20px; 8254 margin: 0 0 20px;
8266 } 8255 }
8267 .content-single-candidate .education-detail-description .inner{ 8256 .content-single-candidate .education-detail-description .inner{
8268 font-size: 16px; 8257 font-size: 16px;
8269 font-weight: 300; 8258 font-weight: 300;
8270 line-height: 22px; 8259 line-height: 22px;
8271 color: #77838F; 8260 color: #77838F;
8272 } 8261 }
8273 .education-detail-programs h3.title{ 8262 .education-detail-programs h3.title{
8274 font-size: 18px; 8263 font-size: 18px;
8275 margin: 0 0 20px; 8264 margin: 0 0 20px;
8276 } 8265 }
8277 .education-detail-programs .accordion{ 8266 .education-detail-programs .accordion{
8278 margin: 1rem 0; 8267 margin: 1rem 0;
8279 padding: 0; 8268 padding: 0;
8280 list-style: none; 8269 list-style: none;
8281 border-top: 1px solid #ECEDF2; 8270 border-top: 1px solid #ECEDF2;
8282 } 8271 }
8283 .education-detail-programs .accordion.sub{ 8272 .education-detail-programs .accordion.sub{
8284 padding-left: 20px; 8273 padding-left: 20px;
8285 display: none; 8274 display: none;
8286 } 8275 }
8287 .education-detail-programs .accordion-item { 8276 .education-detail-programs .accordion-item {
8288 border-bottom: 1px solid #ECEDF2; 8277 border-bottom: 1px solid #ECEDF2;
8289 } 8278 }
8290 .education-detail-programs .accordion-thumb { 8279 .education-detail-programs .accordion-thumb {
8291 margin: 0; 8280 margin: 0;
8292 padding: 25px 0; 8281 padding: 25px 0;
8293 cursor: pointer; 8282 cursor: pointer;
8294 font-weight: normal; 8283 font-weight: normal;
8295 color: #0E5C69; 8284 color: #0E5C69;
8296 font-size: 16px; 8285 font-size: 16px;
8297 text-transform: uppercase; 8286 text-transform: uppercase;
8298 } 8287 }
8299 .education-detail-programs .accordion-thumb::after { 8288 .education-detail-programs .accordion-thumb::after {
8300 content: ""; 8289 content: "";
8301 display: block; 8290 display: block;
8302 float: right; 8291 float: right;
8303 position: relative; 8292 position: relative;
8304 top: 6px; 8293 top: 6px;
8305 height: 7px; 8294 height: 7px;
8306 width: 7px; 8295 width: 7px;
8307 margin-right: 1rem; 8296 margin-right: 1rem;
8308 margin-left: 0.5rem; 8297 margin-left: 0.5rem;
8309 border-right: 1px solid; 8298 border-right: 1px solid;
8310 border-bottom: 1px solid; 8299 border-bottom: 1px solid;
8311 border-color: #828A96; 8300 border-color: #828A96;
8312 transform: rotate(-45deg); 8301 transform: rotate(-45deg);
8313 transition: transform 0.2s ease-out; 8302 transition: transform 0.2s ease-out;
8314 } 8303 }
8315 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8304 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8316 transform: rotate(45deg); 8305 transform: rotate(45deg);
8317 } 8306 }
8318 .accordion-sub .accordion-panel{ 8307 .accordion-sub .accordion-panel{
8319 display: none; 8308 display: none;
8320 } 8309 }
8321 .accordion > .accordion-item > .accordion-panel{ 8310 .accordion > .accordion-item > .accordion-panel{
8322 opacity: 1; 8311 opacity: 1;
8323 } 8312 }
8324 .accordion-sub li{ 8313 .accordion-sub li{
8325 list-style-type: none; 8314 list-style-type: none;
8326 } 8315 }
8327 .accordion-sub .accordion-item .accordion-panel{ 8316 .accordion-sub .accordion-item .accordion-panel{
8328 white-space: pre-wrap; 8317 white-space: pre-wrap;
8329 white-space: -moz-pre-wrap; 8318 white-space: -moz-pre-wrap;
8330 white-space: -o-pre-wrap; 8319 white-space: -o-pre-wrap;
8331 } 8320 }
8332 .accordion-sub li:last-child { 8321 .accordion-sub li:last-child {
8333 border-bottom: unset; 8322 border-bottom: unset;
8334 } 8323 }
8335 .education-detail-contacts{ 8324 .education-detail-contacts{
8336 margin-top: 50px; 8325 margin-top: 50px;
8337 } 8326 }
8338 .education-detail-contacts h3.title{ 8327 .education-detail-contacts h3.title{
8339 font-size: 18px; 8328 font-size: 18px;
8340 margin: 0 0 20px; 8329 margin: 0 0 20px;
8341 } 8330 }
8342 .education-detail-contacts .inner > div{ 8331 .education-detail-contacts .inner > div{
8343 display: flex; 8332 display: flex;
8344 align-items: center; 8333 align-items: center;
8345 margin-bottom: 20px; 8334 margin-bottom: 20px;
8346 } 8335 }
8347 .education-detail-contacts .inner > div .icon{ 8336 .education-detail-contacts .inner > div .icon{
8348 margin-right: 20px; 8337 margin-right: 20px;
8349 } 8338 }
8350 @media (min-width: 768px) { 8339 @media (min-width: 768px) {
8351 .cabinet__avatar-form { 8340 .cabinet__avatar-form {
8352 -webkit-box-align: start; 8341 -webkit-box-align: start;
8353 -ms-flex-align: start; 8342 -ms-flex-align: start;
8354 align-items: flex-start; 8343 align-items: flex-start;
8355 padding-left: 30px; 8344 padding-left: 30px;
8356 gap: 12px; 8345 gap: 12px;
8357 } 8346 }
8358 } 8347 }
8359 @media (min-width: 768px) { 8348 @media (min-width: 768px) {
8360 .cabinet__avatar-form .file { 8349 .cabinet__avatar-form .file {
8361 min-width: 215px; 8350 min-width: 215px;
8362 } 8351 }
8363 } 8352 }
8364 .cabinet__inputs { 8353 .cabinet__inputs {
8365 display: -webkit-box; 8354 display: -webkit-box;
8366 display: -ms-flexbox; 8355 display: -ms-flexbox;
8367 display: flex; 8356 display: flex;
8368 -webkit-box-orient: vertical; 8357 -webkit-box-orient: vertical;
8369 -webkit-box-direction: normal; 8358 -webkit-box-direction: normal;
8370 -ms-flex-direction: column; 8359 -ms-flex-direction: column;
8371 flex-direction: column; 8360 flex-direction: column;
8372 gap: 20px; 8361 gap: 20px;
8373 } 8362 }
8374 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8363 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8375 display: flex; 8364 display: flex;
8376 } 8365 }
8377 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8366 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8378 width: 50%; 8367 width: 50%;
8379 padding-right: 20px; 8368 padding-right: 20px;
8380 } 8369 }
8381 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8370 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8382 margin-bottom: 20px; 8371 margin-bottom: 20px;
8383 width: 100%; 8372 width: 100%;
8384 } 8373 }
8385 @media (min-width: 1280px) { 8374 @media (min-width: 1280px) {
8386 .cabinet__inputs { 8375 .cabinet__inputs {
8387 -webkit-box-orient: horizontal; 8376 -webkit-box-orient: horizontal;
8388 -webkit-box-direction: normal; 8377 -webkit-box-direction: normal;
8389 -ms-flex-direction: row; 8378 -ms-flex-direction: row;
8390 flex-direction: row; 8379 flex-direction: row;
8391 -webkit-box-align: end; 8380 -webkit-box-align: end;
8392 -ms-flex-align: end; 8381 -ms-flex-align: end;
8393 align-items: end; 8382 align-items: end;
8394 -webkit-box-pack: justify; 8383 -webkit-box-pack: justify;
8395 -ms-flex-pack: justify; 8384 -ms-flex-pack: justify;
8396 justify-content: space-between; 8385 justify-content: space-between;
8397 -ms-flex-wrap: wrap; 8386 -ms-flex-wrap: wrap;
8398 flex-wrap: wrap; 8387 flex-wrap: wrap;
8399 } 8388 }
8400 } 8389 }
8401 @media (min-width: 1280px) { 8390 @media (min-width: 1280px) {
8402 .cabinet__inputs-item { 8391 .cabinet__inputs-item {
8403 width: calc(50% - 10px); 8392 width: calc(50% - 10px);
8404 } 8393 }
8405 } 8394 }
8406 @media (min-width: 1280px) { 8395 @media (min-width: 1280px) {
8407 .cabinet__inputs-item_fullwidth { 8396 .cabinet__inputs-item_fullwidth {
8408 width: 100%; 8397 width: 100%;
8409 } 8398 }
8410 } 8399 }
8411 @media (min-width: 1280px) { 8400 @media (min-width: 1280px) {
8412 .cabinet__inputs-item_min { 8401 .cabinet__inputs-item_min {
8413 width: calc(15% - 10px); 8402 width: calc(15% - 10px);
8414 } 8403 }
8415 } 8404 }
8416 @media (min-width: 1280px) { 8405 @media (min-width: 1280px) {
8417 .cabinet__inputs-item_max { 8406 .cabinet__inputs-item_max {
8418 width: calc(85% - 10px); 8407 width: calc(85% - 10px);
8419 } 8408 }
8420 } 8409 }
8421 @media (min-width: 768px) { 8410 @media (min-width: 768px) {
8422 .cabinet__inputs-item .button { 8411 .cabinet__inputs-item .button {
8423 width: 100%; 8412 width: 100%;
8424 max-width: 215px; 8413 max-width: 215px;
8425 padding: 0; 8414 padding: 0;
8426 } 8415 }
8427 } 8416 }
8428 @media (max-width: 768px) { 8417 @media (max-width: 768px) {
8429 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8418 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8430 display: block; 8419 display: block;
8431 } 8420 }
8432 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8421 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8433 width: 100%; 8422 width: 100%;
8434 } 8423 }
8435 } 8424 }
8436 .cabinet__inputs-item.column-count-3{ 8425 .cabinet__inputs-item.column-count-3{
8437 width: calc(32% - 10px); 8426 width: calc(32% - 10px);
8438 } 8427 }
8439 .cabinet__inputs-item-full-row { 8428 .cabinet__inputs-item-full-row {
8440 width: 100%; 8429 width: 100%;
8441 } 8430 }
8442 .cabinet__inputs-item .buttons { 8431 .cabinet__inputs-item .buttons {
8443 display: grid; 8432 display: grid;
8444 grid-template-columns: 1fr 1fr; 8433 grid-template-columns: 1fr 1fr;
8445 gap: 10px; 8434 gap: 10px;
8446 } 8435 }
8447 .cabinet__inputs-item .form-group__label{ 8436 .cabinet__inputs-item .form-group__label{
8448 font-weight: bold; 8437 font-weight: bold;
8449 } 8438 }
8450 @media (min-width: 768px) { 8439 @media (min-width: 768px) {
8451 .cabinet__inputs-item .buttons { 8440 .cabinet__inputs-item .buttons {
8452 gap: 20px; 8441 gap: 20px;
8453 max-width: 470px; 8442 max-width: 470px;
8454 } 8443 }
8455 } 8444 }
8456 @media (min-width: 992px) { 8445 @media (min-width: 992px) {
8457 .cabinet__inputs-item .buttons { 8446 .cabinet__inputs-item .buttons {
8458 max-width: none; 8447 max-width: none;
8459 } 8448 }
8460 } 8449 }
8461 @media (min-width: 1280px) { 8450 @media (min-width: 1280px) {
8462 .cabinet__inputs-item .buttons { 8451 .cabinet__inputs-item .buttons {
8463 max-width: 470px; 8452 max-width: 470px;
8464 } 8453 }
8465 } 8454 }
8466 .cabinet__inputs-item .buttons .button { 8455 .cabinet__inputs-item .buttons .button {
8467 max-width: none; 8456 max-width: none;
8468 } 8457 }
8469 .cabinet__inputs > .button { 8458 .cabinet__inputs > .button {
8470 padding: 0; 8459 padding: 0;
8471 width: 100%; 8460 width: 100%;
8472 max-width: 140px; 8461 max-width: 140px;
8473 } 8462 }
8474 @media (min-width: 768px) { 8463 @media (min-width: 768px) {
8475 .cabinet__inputs > .button { 8464 .cabinet__inputs > .button {
8476 max-width: 190px; 8465 max-width: 190px;
8477 } 8466 }
8478 } 8467 }
8479 .cabinet__add { 8468 .cabinet__add {
8480 display: -webkit-box; 8469 display: -webkit-box;
8481 display: -ms-flexbox; 8470 display: -ms-flexbox;
8482 display: flex; 8471 display: flex;
8483 -webkit-box-orient: vertical; 8472 -webkit-box-orient: vertical;
8484 -webkit-box-direction: normal; 8473 -webkit-box-direction: normal;
8485 -ms-flex-direction: column; 8474 -ms-flex-direction: column;
8486 flex-direction: column; 8475 flex-direction: column;
8487 gap: 10px; 8476 gap: 10px;
8488 } 8477 }
8489 @media (min-width: 768px) { 8478 @media (min-width: 768px) {
8490 .cabinet__add { 8479 .cabinet__add {
8491 gap: 0; 8480 gap: 0;
8492 -webkit-box-orient: horizontal; 8481 -webkit-box-orient: horizontal;
8493 -webkit-box-direction: normal; 8482 -webkit-box-direction: normal;
8494 -ms-flex-direction: row; 8483 -ms-flex-direction: row;
8495 flex-direction: row; 8484 flex-direction: row;
8496 -webkit-box-align: end; 8485 -webkit-box-align: end;
8497 -ms-flex-align: end; 8486 -ms-flex-align: end;
8498 align-items: flex-end; 8487 align-items: flex-end;
8499 } 8488 }
8500 } 8489 }
8501 .cabinet__add-pic { 8490 .cabinet__add-pic {
8502 border-radius: 4px; 8491 border-radius: 4px;
8503 position: relative; 8492 position: relative;
8504 overflow: hidden; 8493 overflow: hidden;
8505 background: #9c9d9d; 8494 background: #9c9d9d;
8506 color: #fff; 8495 color: #fff;
8507 width: 100px; 8496 width: 100px;
8508 aspect-ratio: 1/1; 8497 aspect-ratio: 1/1;
8509 -webkit-transition: 0.3s; 8498 -webkit-transition: 0.3s;
8510 transition: 0.3s; 8499 transition: 0.3s;
8511 } 8500 }
8512 @media (min-width: 768px) { 8501 @media (min-width: 768px) {
8513 .cabinet__add-pic { 8502 .cabinet__add-pic {
8514 width: 220px; 8503 width: 220px;
8515 border-radius: 8px; 8504 border-radius: 8px;
8516 } 8505 }
8517 } 8506 }
8518 .cabinet__add-pic:hover { 8507 .cabinet__add-pic:hover {
8519 background: #000; 8508 background: #000;
8520 } 8509 }
8521 .cabinet__add-pic input { 8510 .cabinet__add-pic input {
8522 display: none; 8511 display: none;
8523 } 8512 }
8524 .cabinet__add-pic > svg { 8513 .cabinet__add-pic > svg {
8525 width: 20px; 8514 width: 20px;
8526 position: absolute; 8515 position: absolute;
8527 top: 50%; 8516 top: 50%;
8528 left: 50%; 8517 left: 50%;
8529 -webkit-transform: translate(-50%, -50%); 8518 -webkit-transform: translate(-50%, -50%);
8530 -ms-transform: translate(-50%, -50%); 8519 -ms-transform: translate(-50%, -50%);
8531 transform: translate(-50%, -50%); 8520 transform: translate(-50%, -50%);
8532 z-index: 1; 8521 z-index: 1;
8533 } 8522 }
8534 @media (min-width: 768px) { 8523 @media (min-width: 768px) {
8535 .cabinet__add-pic > svg { 8524 .cabinet__add-pic > svg {
8536 width: 50px; 8525 width: 50px;
8537 } 8526 }
8538 } 8527 }
8539 .cabinet__add-pic span { 8528 .cabinet__add-pic span {
8540 display: -webkit-box; 8529 display: -webkit-box;
8541 display: -ms-flexbox; 8530 display: -ms-flexbox;
8542 display: flex; 8531 display: flex;
8543 -webkit-box-align: center; 8532 -webkit-box-align: center;
8544 -ms-flex-align: center; 8533 -ms-flex-align: center;
8545 align-items: center; 8534 align-items: center;
8546 -webkit-box-pack: center; 8535 -webkit-box-pack: center;
8547 -ms-flex-pack: center; 8536 -ms-flex-pack: center;
8548 justify-content: center; 8537 justify-content: center;
8549 width: 100%; 8538 width: 100%;
8550 gap: 4px; 8539 gap: 4px;
8551 font-weight: 700; 8540 font-weight: 700;
8552 font-size: 8px; 8541 font-size: 8px;
8553 line-height: 1; 8542 line-height: 1;
8554 position: absolute; 8543 position: absolute;
8555 top: 50%; 8544 top: 50%;
8556 left: 50%; 8545 left: 50%;
8557 -webkit-transform: translate(-50%, -50%); 8546 -webkit-transform: translate(-50%, -50%);
8558 -ms-transform: translate(-50%, -50%); 8547 -ms-transform: translate(-50%, -50%);
8559 transform: translate(-50%, -50%); 8548 transform: translate(-50%, -50%);
8560 margin-top: 25px; 8549 margin-top: 25px;
8561 } 8550 }
8562 @media (min-width: 768px) { 8551 @media (min-width: 768px) {
8563 .cabinet__add-pic span { 8552 .cabinet__add-pic span {
8564 font-size: 16px; 8553 font-size: 16px;
8565 margin-top: 60px; 8554 margin-top: 60px;
8566 } 8555 }
8567 } 8556 }
8568 .cabinet__add-pic span svg { 8557 .cabinet__add-pic span svg {
8569 width: 7px; 8558 width: 7px;
8570 aspect-ratio: 1/1; 8559 aspect-ratio: 1/1;
8571 } 8560 }
8572 @media (min-width: 768px) { 8561 @media (min-width: 768px) {
8573 .cabinet__add-pic span svg { 8562 .cabinet__add-pic span svg {
8574 width: 16px; 8563 width: 16px;
8575 } 8564 }
8576 } 8565 }
8577 .cabinet__add-body { 8566 .cabinet__add-body {
8578 display: -webkit-box; 8567 display: -webkit-box;
8579 display: -ms-flexbox; 8568 display: -ms-flexbox;
8580 display: flex; 8569 display: flex;
8581 -webkit-box-orient: vertical; 8570 -webkit-box-orient: vertical;
8582 -webkit-box-direction: normal; 8571 -webkit-box-direction: normal;
8583 -ms-flex-direction: column; 8572 -ms-flex-direction: column;
8584 flex-direction: column; 8573 flex-direction: column;
8585 gap: 10px; 8574 gap: 10px;
8586 } 8575 }
8587 @media (min-width: 768px) { 8576 @media (min-width: 768px) {
8588 .cabinet__add-body { 8577 .cabinet__add-body {
8589 gap: 20px; 8578 gap: 20px;
8590 width: calc(100% - 220px); 8579 width: calc(100% - 220px);
8591 padding-left: 20px; 8580 padding-left: 20px;
8592 } 8581 }
8593 } 8582 }
8594 @media (min-width: 768px) { 8583 @media (min-width: 768px) {
8595 .cabinet__add-body .button { 8584 .cabinet__add-body .button {
8596 width: 215px; 8585 width: 215px;
8597 padding: 0; 8586 padding: 0;
8598 } 8587 }
8599 } 8588 }
8600 .cabinet__fleet { 8589 .cabinet__fleet {
8601 display: -webkit-box; 8590 display: -webkit-box;
8602 display: -ms-flexbox; 8591 display: -ms-flexbox;
8603 display: flex; 8592 display: flex;
8604 -webkit-box-orient: vertical; 8593 -webkit-box-orient: vertical;
8605 -webkit-box-direction: normal; 8594 -webkit-box-direction: normal;
8606 -ms-flex-direction: column; 8595 -ms-flex-direction: column;
8607 flex-direction: column; 8596 flex-direction: column;
8608 gap: 20px; 8597 gap: 20px;
8609 } 8598 }
8610 @media (min-width: 768px) { 8599 @media (min-width: 768px) {
8611 .cabinet__fleet { 8600 .cabinet__fleet {
8612 display: grid; 8601 display: grid;
8613 grid-template-columns: repeat(2, 1fr); 8602 grid-template-columns: repeat(2, 1fr);
8614 } 8603 }
8615 } 8604 }
8616 @media (min-width: 1280px) { 8605 @media (min-width: 1280px) {
8617 .cabinet__fleet { 8606 .cabinet__fleet {
8618 grid-template-columns: repeat(3, 1fr); 8607 grid-template-columns: repeat(3, 1fr);
8619 } 8608 }
8620 } 8609 }
8621 @media (min-width: 768px) { 8610 @media (min-width: 768px) {
8622 .cabinet__submit { 8611 .cabinet__submit {
8623 width: 215px; 8612 width: 215px;
8624 padding: 0; 8613 padding: 0;
8625 margin: 0 auto; 8614 margin: 0 auto;
8626 } 8615 }
8627 } 8616 }
8628 .cabinet__filters { 8617 .cabinet__filters {
8629 display: -webkit-box; 8618 display: -webkit-box;
8630 display: -ms-flexbox; 8619 display: -ms-flexbox;
8631 display: flex; 8620 display: flex;
8632 -webkit-box-orient: vertical; 8621 -webkit-box-orient: vertical;
8633 -webkit-box-direction: normal; 8622 -webkit-box-direction: normal;
8634 -ms-flex-direction: column; 8623 -ms-flex-direction: column;
8635 flex-direction: column; 8624 flex-direction: column;
8636 gap: 10px; 8625 gap: 10px;
8637 } 8626 }
8638 .cabinet__export-wrap{ 8627 .cabinet__export-wrap{
8639 padding: 10px; 8628 padding: 10px;
8640 border: 1px #cecece solid; 8629 border: 1px #cecece solid;
8641 border-radius: 8px; 8630 border-radius: 8px;
8642 width: 100%; 8631 width: 100%;
8643 } 8632 }
8644 .cabinet__export-button-wrap{ 8633 .cabinet__export-button-wrap{
8645 max-width: 200px; 8634 max-width: 200px;
8646 margin-bottom: 10px; 8635 margin-bottom: 10px;
8647 } 8636 }
8648 .cabinet__export-options-wrap{ 8637 .cabinet__export-options-wrap{
8649 display: flex; 8638 display: flex;
8650 justify-content: space-between; 8639 justify-content: space-between;
8651 } 8640 }
8652 .job-title-list-wrap{ 8641 .job-title-list-wrap{
8653 margin-top: 5px; 8642 margin-top: 5px;
8654 } 8643 }
8655 .cabinet__export-error{ 8644 .cabinet__export-error{
8656 color: red; 8645 color: red;
8657 } 8646 }
8658 .flot-image-wrap img{ 8647 .flot-image-wrap img{
8659 max-width: 100%; 8648 max-width: 100%;
8660 max-height: 100%; 8649 max-height: 100%;
8661 flex: 0 0 auto; 8650 flex: 0 0 auto;
8662 } 8651 }
8663 .flot-image-wrap{ 8652 .flot-image-wrap{
8664 width: 220px; 8653 width: 220px;
8665 height: 220px; 8654 height: 220px;
8666 display: flex; 8655 display: flex;
8667 justify-content: center; 8656 justify-content: center;
8668 align-items: center; 8657 align-items: center;
8669 } 8658 }
8670 @media (min-width: 768px) { 8659 @media (min-width: 768px) {
8671 .cabinet__filters { 8660 .cabinet__filters {
8672 gap: 20px; 8661 gap: 20px;
8673 } 8662 }
8674 } 8663 }
8675 @media (min-width: 1280px) { 8664 @media (min-width: 1280px) {
8676 .cabinet__filters { 8665 .cabinet__filters {
8677 -webkit-box-orient: horizontal; 8666 -webkit-box-orient: horizontal;
8678 -webkit-box-direction: normal; 8667 -webkit-box-direction: normal;
8679 -ms-flex-direction: row; 8668 -ms-flex-direction: row;
8680 flex-direction: row; 8669 flex-direction: row;
8681 -webkit-box-align: start; 8670 -webkit-box-align: start;
8682 -ms-flex-align: start; 8671 -ms-flex-align: start;
8683 align-items: flex-start; 8672 align-items: flex-start;
8684 -webkit-box-pack: justify; 8673 -webkit-box-pack: justify;
8685 -ms-flex-pack: justify; 8674 -ms-flex-pack: justify;
8686 justify-content: space-between; 8675 justify-content: space-between;
8687 } 8676 }
8688 } 8677 }
8689 .cabinet__filters-item { 8678 .cabinet__filters-item {
8690 display: -webkit-box; 8679 display: -webkit-box;
8691 display: -ms-flexbox; 8680 display: -ms-flexbox;
8692 display: flex; 8681 display: flex;
8693 -webkit-box-orient: vertical; 8682 -webkit-box-orient: vertical;
8694 -webkit-box-direction: normal; 8683 -webkit-box-direction: normal;
8695 -ms-flex-direction: column; 8684 -ms-flex-direction: column;
8696 flex-direction: column; 8685 flex-direction: column;
8697 -webkit-box-align: start; 8686 -webkit-box-align: start;
8698 -ms-flex-align: start; 8687 -ms-flex-align: start;
8699 align-items: flex-start; 8688 align-items: flex-start;
8700 gap: 10px; 8689 gap: 10px;
8701 } 8690 }
8702 @media (min-width: 768px) { 8691 @media (min-width: 768px) {
8703 .cabinet__filters-item { 8692 .cabinet__filters-item {
8704 gap: 20px; 8693 gap: 20px;
8705 } 8694 }
8706 } 8695 }
8707 @media (min-width: 1280px) { 8696 @media (min-width: 1280px) {
8708 .cabinet__filters-item { 8697 .cabinet__filters-item {
8709 width: calc(50% - 10px); 8698 width: calc(50% - 10px);
8710 max-width: 410px; 8699 max-width: 410px;
8711 } 8700 }
8712 } 8701 }
8713 .cabinet__filters-item .button, 8702 .cabinet__filters-item .button,
8714 .cabinet__filters-item .select { 8703 .cabinet__filters-item .select {
8715 width: 100%; 8704 width: 100%;
8716 } 8705 }
8717 @media (min-width: 1280px) { 8706 @media (min-width: 1280px) {
8718 .cabinet__filters-item .button, 8707 .cabinet__filters-item .button,
8719 .cabinet__filters-item .select { 8708 .cabinet__filters-item .select {
8720 width: auto; 8709 width: auto;
8721 } 8710 }
8722 } 8711 }
8723 .cabinet__filters-item + .cabinet__filters-item { 8712 .cabinet__filters-item + .cabinet__filters-item {
8724 -webkit-box-align: end; 8713 -webkit-box-align: end;
8725 -ms-flex-align: end; 8714 -ms-flex-align: end;
8726 align-items: flex-end; 8715 align-items: flex-end;
8727 } 8716 }
8728 @media (min-width: 1280px) { 8717 @media (min-width: 1280px) {
8729 .cabinet__filters-item + .cabinet__filters-item { 8718 .cabinet__filters-item + .cabinet__filters-item {
8730 max-width: 280px; 8719 max-width: 280px;
8731 } 8720 }
8732 } 8721 }
8733 .cabinet__filters .search input { 8722 .cabinet__filters .search input {
8734 padding-right: 135px; 8723 padding-right: 135px;
8735 } 8724 }
8736 .cabinet__filters .search button { 8725 .cabinet__filters .search button {
8737 width: 115px; 8726 width: 115px;
8738 } 8727 }
8739 .cabinet__filters-buttons { 8728 .cabinet__filters-buttons {
8740 display: grid; 8729 display: grid;
8741 grid-template-columns: 1fr 1fr; 8730 grid-template-columns: 1fr 1fr;
8742 gap: 10px; 8731 gap: 10px;
8743 width: 100%; 8732 width: 100%;
8744 } 8733 }
8745 @media (min-width: 768px) { 8734 @media (min-width: 768px) {
8746 .cabinet__filters-buttons { 8735 .cabinet__filters-buttons {
8747 gap: 20px; 8736 gap: 20px;
8748 } 8737 }
8749 } 8738 }
8750 .cabinet__filters-buttons .button { 8739 .cabinet__filters-buttons .button {
8751 padding: 0; 8740 padding: 0;
8752 gap: 5px; 8741 gap: 5px;
8753 } 8742 }
8754 .cabinet__filters-buttons .button.active { 8743 .cabinet__filters-buttons .button.active {
8755 background: #377d87; 8744 background: #377d87;
8756 color: #fff; 8745 color: #fff;
8757 } 8746 }
8758 .cabinet__filters-buttons .button.active:before { 8747 .cabinet__filters-buttons .button.active:before {
8759 content: ""; 8748 content: "";
8760 width: 6px; 8749 width: 6px;
8761 height: 6px; 8750 height: 6px;
8762 background: #fff; 8751 background: #fff;
8763 border-radius: 999px; 8752 border-radius: 999px;
8764 } 8753 }
8765 .cabinet__table-header { 8754 .cabinet__table-header {
8766 display: -webkit-box; 8755 display: -webkit-box;
8767 display: -ms-flexbox; 8756 display: -ms-flexbox;
8768 display: flex; 8757 display: flex;
8769 -webkit-box-pack: justify; 8758 -webkit-box-pack: justify;
8770 -ms-flex-pack: justify; 8759 -ms-flex-pack: justify;
8771 justify-content: space-between; 8760 justify-content: space-between;
8772 -webkit-box-align: center; 8761 -webkit-box-align: center;
8773 -ms-flex-align: center; 8762 -ms-flex-align: center;
8774 align-items: center; 8763 align-items: center;
8775 font-weight: 700; 8764 font-weight: 700;
8776 margin-bottom: -10px; 8765 margin-bottom: -10px;
8777 } 8766 }
8778 .cabinet__table-header div { 8767 .cabinet__table-header div {
8779 font-size: 18px; 8768 font-size: 18px;
8780 } 8769 }
8781 @media (min-width: 768px) { 8770 @media (min-width: 768px) {
8782 .cabinet__table-header div { 8771 .cabinet__table-header div {
8783 font-size: 24px; 8772 font-size: 24px;
8784 } 8773 }
8785 } 8774 }
8786 .cabinet__table-header span { 8775 .cabinet__table-header span {
8787 color: #000; 8776 color: #000;
8788 font-size: 14px; 8777 font-size: 14px;
8789 } 8778 }
8790 @media (min-width: 768px) { 8779 @media (min-width: 768px) {
8791 .cabinet__table-header span { 8780 .cabinet__table-header span {
8792 font-size: 18px; 8781 font-size: 18px;
8793 } 8782 }
8794 } 8783 }
8795 .cabinet__table-header span b { 8784 .cabinet__table-header span b {
8796 color: #377d87; 8785 color: #377d87;
8797 } 8786 }
8798 .cabinet__tabs { 8787 .cabinet__tabs {
8799 display: grid; 8788 display: grid;
8800 grid-template-columns: 1fr 1fr; 8789 grid-template-columns: 1fr 1fr;
8801 gap: 20px; 8790 gap: 20px;
8802 } 8791 }
8803 @media (min-width: 768px) { 8792 @media (min-width: 768px) {
8804 .cabinet__tabs { 8793 .cabinet__tabs {
8805 max-width: 420px; 8794 max-width: 420px;
8806 } 8795 }
8807 } 8796 }
8808 .cabinet__tabs .button.active { 8797 .cabinet__tabs .button.active {
8809 background: #377d87; 8798 background: #377d87;
8810 color: #fff; 8799 color: #fff;
8811 } 8800 }
8812 .cabinet__bodies { 8801 .cabinet__bodies {
8813 display: none; 8802 display: none;
8814 } 8803 }
8815 .cabinet__bodies.showed { 8804 .cabinet__bodies.showed {
8816 display: block; 8805 display: block;
8817 } 8806 }
8818 .cabinet__nots { 8807 .cabinet__nots {
8819 display: -webkit-box; 8808 display: -webkit-box;
8820 display: -ms-flexbox; 8809 display: -ms-flexbox;
8821 display: flex; 8810 display: flex;
8822 -webkit-box-orient: vertical; 8811 -webkit-box-orient: vertical;
8823 -webkit-box-direction: normal; 8812 -webkit-box-direction: normal;
8824 -ms-flex-direction: column; 8813 -ms-flex-direction: column;
8825 flex-direction: column; 8814 flex-direction: column;
8826 -webkit-box-align: start; 8815 -webkit-box-align: start;
8827 -ms-flex-align: start; 8816 -ms-flex-align: start;
8828 align-items: flex-start; 8817 align-items: flex-start;
8829 gap: 10px; 8818 gap: 10px;
8830 } 8819 }
8831 @media (min-width: 768px) { 8820 @media (min-width: 768px) {
8832 .cabinet__nots { 8821 .cabinet__nots {
8833 gap: 20px; 8822 gap: 20px;
8834 } 8823 }
8835 } 8824 }
8836 .cabinet__nots .input { 8825 .cabinet__nots .input {
8837 width: 100%; 8826 width: 100%;
8838 } 8827 }
8839 .cabinet__anketa { 8828 .cabinet__anketa {
8840 display: -webkit-box; 8829 display: -webkit-box;
8841 display: -ms-flexbox; 8830 display: -ms-flexbox;
8842 display: flex; 8831 display: flex;
8843 -webkit-box-orient: vertical; 8832 -webkit-box-orient: vertical;
8844 -webkit-box-direction: normal; 8833 -webkit-box-direction: normal;
8845 -ms-flex-direction: column; 8834 -ms-flex-direction: column;
8846 flex-direction: column; 8835 flex-direction: column;
8847 -webkit-box-pack: justify; 8836 -webkit-box-pack: justify;
8848 -ms-flex-pack: justify; 8837 -ms-flex-pack: justify;
8849 justify-content: space-between; 8838 justify-content: space-between;
8850 gap: 10px; 8839 gap: 10px;
8851 } 8840 }
8852 @media (min-width: 768px) { 8841 @media (min-width: 768px) {
8853 .cabinet__anketa { 8842 .cabinet__anketa {
8854 -webkit-box-orient: horizontal; 8843 -webkit-box-orient: horizontal;
8855 -webkit-box-direction: normal; 8844 -webkit-box-direction: normal;
8856 -ms-flex-direction: row; 8845 -ms-flex-direction: row;
8857 flex-direction: row; 8846 flex-direction: row;
8858 -webkit-box-align: center; 8847 -webkit-box-align: center;
8859 -ms-flex-align: center; 8848 -ms-flex-align: center;
8860 align-items: center; 8849 align-items: center;
8861 } 8850 }
8862 } 8851 }
8863 @media (min-width: 992px) { 8852 @media (min-width: 992px) {
8864 .cabinet__anketa { 8853 .cabinet__anketa {
8865 -webkit-box-orient: vertical; 8854 -webkit-box-orient: vertical;
8866 -webkit-box-direction: normal; 8855 -webkit-box-direction: normal;
8867 -ms-flex-direction: column; 8856 -ms-flex-direction: column;
8868 flex-direction: column; 8857 flex-direction: column;
8869 -webkit-box-align: stretch; 8858 -webkit-box-align: stretch;
8870 -ms-flex-align: stretch; 8859 -ms-flex-align: stretch;
8871 align-items: stretch; 8860 align-items: stretch;
8872 } 8861 }
8873 } 8862 }
8874 @media (min-width: 1280px) { 8863 @media (min-width: 1280px) {
8875 .cabinet__anketa { 8864 .cabinet__anketa {
8876 -webkit-box-orient: horizontal; 8865 -webkit-box-orient: horizontal;
8877 -webkit-box-direction: normal; 8866 -webkit-box-direction: normal;
8878 -ms-flex-direction: row; 8867 -ms-flex-direction: row;
8879 flex-direction: row; 8868 flex-direction: row;
8880 -webkit-box-align: center; 8869 -webkit-box-align: center;
8881 -ms-flex-align: center; 8870 -ms-flex-align: center;
8882 align-items: center; 8871 align-items: center;
8883 -webkit-box-pack: justify; 8872 -webkit-box-pack: justify;
8884 -ms-flex-pack: justify; 8873 -ms-flex-pack: justify;
8885 justify-content: space-between; 8874 justify-content: space-between;
8886 } 8875 }
8887 } 8876 }
8888 .cabinet__anketa-buttons { 8877 .cabinet__anketa-buttons {
8889 display: -webkit-box; 8878 display: -webkit-box;
8890 display: -ms-flexbox; 8879 display: -ms-flexbox;
8891 display: flex; 8880 display: flex;
8892 -webkit-box-orient: vertical; 8881 -webkit-box-orient: vertical;
8893 -webkit-box-direction: normal; 8882 -webkit-box-direction: normal;
8894 -ms-flex-direction: column; 8883 -ms-flex-direction: column;
8895 flex-direction: column; 8884 flex-direction: column;
8896 gap: 10px; 8885 gap: 10px;
8897 } 8886 }
8898 @media (min-width: 768px) { 8887 @media (min-width: 768px) {
8899 .cabinet__anketa-buttons { 8888 .cabinet__anketa-buttons {
8900 display: grid; 8889 display: grid;
8901 grid-template-columns: 1fr 1fr; 8890 grid-template-columns: 1fr 1fr;
8902 gap: 20px; 8891 gap: 20px;
8903 } 8892 }
8904 } 8893 }
8905 .cabinet__stats { 8894 .cabinet__stats {
8906 display: -webkit-box; 8895 display: -webkit-box;
8907 display: -ms-flexbox; 8896 display: -ms-flexbox;
8908 display: flex; 8897 display: flex;
8909 -webkit-box-orient: vertical; 8898 -webkit-box-orient: vertical;
8910 -webkit-box-direction: normal; 8899 -webkit-box-direction: normal;
8911 -ms-flex-direction: column; 8900 -ms-flex-direction: column;
8912 flex-direction: column; 8901 flex-direction: column;
8913 gap: 6px; 8902 gap: 6px;
8914 } 8903 }
8915 @media (min-width: 768px) { 8904 @media (min-width: 768px) {
8916 .cabinet__stats { 8905 .cabinet__stats {
8917 gap: 12px; 8906 gap: 12px;
8918 } 8907 }
8919 } 8908 }
8920 .cabinet__stats-title { 8909 .cabinet__stats-title {
8921 font-size: 14px; 8910 font-size: 14px;
8922 font-weight: 700; 8911 font-weight: 700;
8923 color: #000; 8912 color: #000;
8924 } 8913 }
8925 @media (min-width: 768px) { 8914 @media (min-width: 768px) {
8926 .cabinet__stats-title { 8915 .cabinet__stats-title {
8927 font-size: 24px; 8916 font-size: 24px;
8928 } 8917 }
8929 } 8918 }
8930 .cabinet__stats-body { 8919 .cabinet__stats-body {
8931 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8920 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8932 border-radius: 8px; 8921 border-radius: 8px;
8933 padding: 10px; 8922 padding: 10px;
8934 display: grid; 8923 display: grid;
8935 grid-template-columns: 1fr 1fr; 8924 grid-template-columns: 1fr 1fr;
8936 gap: 20px; 8925 gap: 20px;
8937 margin-bottom: 10px; 8926 margin-bottom: 10px;
8938 } 8927 }
8939 @media (min-width: 768px) { 8928 @media (min-width: 768px) {
8940 .cabinet__stats-body { 8929 .cabinet__stats-body {
8941 padding: 10px 20px; 8930 padding: 10px 20px;
8942 } 8931 }
8943 } 8932 }
8944 .cabinet__stats-item { 8933 .cabinet__stats-item {
8945 font-size: 12px; 8934 font-size: 12px;
8946 display: -webkit-box; 8935 display: -webkit-box;
8947 display: -ms-flexbox; 8936 display: -ms-flexbox;
8948 display: flex; 8937 display: flex;
8949 -webkit-box-align: center; 8938 -webkit-box-align: center;
8950 -ms-flex-align: center; 8939 -ms-flex-align: center;
8951 align-items: center; 8940 align-items: center;
8952 line-height: 1; 8941 line-height: 1;
8953 gap: 6px; 8942 gap: 6px;
8954 } 8943 }
8955 @media (min-width: 768px) { 8944 @media (min-width: 768px) {
8956 .cabinet__stats-item { 8945 .cabinet__stats-item {
8957 font-size: 20px; 8946 font-size: 20px;
8958 gap: 10px; 8947 gap: 10px;
8959 } 8948 }
8960 } 8949 }
8961 .cabinet__stats-item svg { 8950 .cabinet__stats-item svg {
8962 width: 20px; 8951 width: 20px;
8963 aspect-ratio: 1/1; 8952 aspect-ratio: 1/1;
8964 color: #377d87; 8953 color: #377d87;
8965 } 8954 }
8966 @media (min-width: 768px) { 8955 @media (min-width: 768px) {
8967 .cabinet__stats-item svg { 8956 .cabinet__stats-item svg {
8968 width: 40px; 8957 width: 40px;
8969 margin-right: 10px; 8958 margin-right: 10px;
8970 } 8959 }
8971 } 8960 }
8972 .cabinet__stats-item span { 8961 .cabinet__stats-item span {
8973 font-weight: 700; 8962 font-weight: 700;
8974 color: #000; 8963 color: #000;
8975 } 8964 }
8976 .cabinet__stats-item b { 8965 .cabinet__stats-item b {
8977 color: #377d87; 8966 color: #377d87;
8978 font-size: 14px; 8967 font-size: 14px;
8979 } 8968 }
8980 @media (min-width: 768px) { 8969 @media (min-width: 768px) {
8981 .cabinet__stats-item b { 8970 .cabinet__stats-item b {
8982 font-size: 24px; 8971 font-size: 24px;
8983 } 8972 }
8984 } 8973 }
8985 .cabinet__stats-subtitle { 8974 .cabinet__stats-subtitle {
8986 font-size: 14px; 8975 font-size: 14px;
8987 font-weight: 700; 8976 font-weight: 700;
8988 color: #377d87; 8977 color: #377d87;
8989 } 8978 }
8990 @media (min-width: 768px) { 8979 @media (min-width: 768px) {
8991 .cabinet__stats-subtitle { 8980 .cabinet__stats-subtitle {
8992 font-size: 18px; 8981 font-size: 18px;
8993 } 8982 }
8994 } 8983 }
8995 .cabinet__stats-line { 8984 .cabinet__stats-line {
8996 width: 100%; 8985 width: 100%;
8997 position: relative; 8986 position: relative;
8998 overflow: hidden; 8987 overflow: hidden;
8999 height: 8px; 8988 height: 8px;
9000 border-radius: 999px; 8989 border-radius: 999px;
9001 background: #cecece; 8990 background: #cecece;
9002 } 8991 }
9003 .cabinet__stats-line span { 8992 .cabinet__stats-line span {
9004 position: absolute; 8993 position: absolute;
9005 top: 0; 8994 top: 0;
9006 left: 0; 8995 left: 0;
9007 width: 100%; 8996 width: 100%;
9008 height: 100%; 8997 height: 100%;
9009 background: #377d87; 8998 background: #377d87;
9010 border-radius: 999px; 8999 border-radius: 999px;
9011 } 9000 }
9012 .cabinet__stats-bottom { 9001 .cabinet__stats-bottom {
9013 color: #000; 9002 color: #000;
9014 font-size: 12px; 9003 font-size: 12px;
9015 } 9004 }
9016 @media (min-width: 768px) { 9005 @media (min-width: 768px) {
9017 .cabinet__stats-bottom { 9006 .cabinet__stats-bottom {
9018 font-size: 16px; 9007 font-size: 16px;
9019 } 9008 }
9020 } 9009 }
9021 .cabinet__works { 9010 .cabinet__works {
9022 display: -webkit-box; 9011 display: -webkit-box;
9023 display: -ms-flexbox; 9012 display: -ms-flexbox;
9024 display: flex; 9013 display: flex;
9025 -webkit-box-orient: vertical; 9014 -webkit-box-orient: vertical;
9026 -webkit-box-direction: normal; 9015 -webkit-box-direction: normal;
9027 -ms-flex-direction: column; 9016 -ms-flex-direction: column;
9028 flex-direction: column; 9017 flex-direction: column;
9029 gap: 20px; 9018 gap: 20px;
9030 } 9019 }
9031 @media (min-width: 768px) { 9020 @media (min-width: 768px) {
9032 .cabinet__works { 9021 .cabinet__works {
9033 gap: 30px; 9022 gap: 30px;
9034 } 9023 }
9035 } 9024 }
9036 .cabinet__works-item { 9025 .cabinet__works-item {
9037 border-bottom: 1px #cccccc solid; 9026 border-bottom: 1px #cccccc solid;
9038 padding-bottom: 35px; 9027 padding-bottom: 35px;
9039 } 9028 }
9040 .cabinet__works-spoiler { 9029 .cabinet__works-spoiler {
9041 display: -webkit-box; 9030 display: -webkit-box;
9042 display: -ms-flexbox; 9031 display: -ms-flexbox;
9043 display: flex; 9032 display: flex;
9044 -webkit-box-align: center; 9033 -webkit-box-align: center;
9045 -ms-flex-align: center; 9034 -ms-flex-align: center;
9046 align-items: center; 9035 align-items: center;
9047 -webkit-box-pack: justify; 9036 -webkit-box-pack: justify;
9048 -ms-flex-pack: justify; 9037 -ms-flex-pack: justify;
9049 justify-content: space-between; 9038 justify-content: space-between;
9050 } 9039 }
9051 .cabinet__works-spoiler-left { 9040 .cabinet__works-spoiler-left {
9052 display: -webkit-box; 9041 display: -webkit-box;
9053 display: -ms-flexbox; 9042 display: -ms-flexbox;
9054 display: flex; 9043 display: flex;
9055 -webkit-box-align: center; 9044 -webkit-box-align: center;
9056 -ms-flex-align: center; 9045 -ms-flex-align: center;
9057 align-items: center; 9046 align-items: center;
9058 width: calc(100% - 22px); 9047 width: calc(100% - 22px);
9059 } 9048 }
9060 .cabinet__works-spoiler-right { 9049 .cabinet__works-spoiler-right {
9061 width: 22px; 9050 width: 22px;
9062 height: 22px; 9051 height: 22px;
9063 display: -webkit-box; 9052 display: -webkit-box;
9064 display: -ms-flexbox; 9053 display: -ms-flexbox;
9065 display: flex; 9054 display: flex;
9066 -webkit-box-align: center; 9055 -webkit-box-align: center;
9067 -ms-flex-align: center; 9056 -ms-flex-align: center;
9068 align-items: center; 9057 align-items: center;
9069 -webkit-box-pack: center; 9058 -webkit-box-pack: center;
9070 -ms-flex-pack: center; 9059 -ms-flex-pack: center;
9071 justify-content: center; 9060 justify-content: center;
9072 color: #377d87; 9061 color: #377d87;
9073 padding: 0; 9062 padding: 0;
9074 background: none; 9063 background: none;
9075 border: none; 9064 border: none;
9076 } 9065 }
9077 .cabinet__works-spoiler-right svg { 9066 .cabinet__works-spoiler-right svg {
9078 width: 60%; 9067 width: 60%;
9079 aspect-ratio: 1/1; 9068 aspect-ratio: 1/1;
9080 -webkit-transform: rotate(90deg); 9069 -webkit-transform: rotate(90deg);
9081 -ms-transform: rotate(90deg); 9070 -ms-transform: rotate(90deg);
9082 transform: rotate(90deg); 9071 transform: rotate(90deg);
9083 -webkit-transition: 0.3s; 9072 -webkit-transition: 0.3s;
9084 transition: 0.3s; 9073 transition: 0.3s;
9085 } 9074 }
9086 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9075 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9087 -webkit-transform: rotate(-90deg); 9076 -webkit-transform: rotate(-90deg);
9088 -ms-transform: rotate(-90deg); 9077 -ms-transform: rotate(-90deg);
9089 transform: rotate(-90deg); 9078 transform: rotate(-90deg);
9090 } 9079 }
9091 .cabinet__works-spoiler-buttons { 9080 .cabinet__works-spoiler-buttons {
9092 display: -webkit-box; 9081 display: -webkit-box;
9093 display: -ms-flexbox; 9082 display: -ms-flexbox;
9094 display: flex; 9083 display: flex;
9095 -webkit-box-align: center; 9084 -webkit-box-align: center;
9096 -ms-flex-align: center; 9085 -ms-flex-align: center;
9097 align-items: center; 9086 align-items: center;
9098 -webkit-box-pack: justify; 9087 -webkit-box-pack: justify;
9099 -ms-flex-pack: justify; 9088 -ms-flex-pack: justify;
9100 justify-content: space-between; 9089 justify-content: space-between;
9101 width: 60px; 9090 width: 60px;
9102 } 9091 }
9103 @media (min-width: 768px) { 9092 @media (min-width: 768px) {
9104 .cabinet__works-spoiler-buttons { 9093 .cabinet__works-spoiler-buttons {
9105 width: 74px; 9094 width: 74px;
9106 } 9095 }
9107 } 9096 }
9108 .cabinet__works-spoiler-buttons .button { 9097 .cabinet__works-spoiler-buttons .button {
9109 width: 22px; 9098 width: 22px;
9110 height: 22px; 9099 height: 22px;
9111 padding: 0; 9100 padding: 0;
9112 } 9101 }
9113 @media (min-width: 768px) { 9102 @media (min-width: 768px) {
9114 .cabinet__works-spoiler-buttons .button { 9103 .cabinet__works-spoiler-buttons .button {
9115 width: 30px; 9104 width: 30px;
9116 height: 30px; 9105 height: 30px;
9117 } 9106 }
9118 } 9107 }
9119 .cabinet__works-spoiler-text { 9108 .cabinet__works-spoiler-text {
9120 width: calc(100% - 60px); 9109 width: calc(100% - 60px);
9121 font-size: 17px; 9110 font-size: 17px;
9122 font-weight: 700; 9111 font-weight: 700;
9123 color: #000; 9112 color: #000;
9124 } 9113 }
9125 @media (min-width: 768px) { 9114 @media (min-width: 768px) {
9126 .cabinet__works-spoiler-text { 9115 .cabinet__works-spoiler-text {
9127 width: calc(100% - 74px); 9116 width: calc(100% - 74px);
9128 font-size: 22px; 9117 font-size: 22px;
9129 } 9118 }
9130 } 9119 }
9131 9120
9132 .cabinet__works-add { 9121 .cabinet__works-add {
9133 padding: 0; 9122 padding: 0;
9134 width: 100%; 9123 width: 100%;
9135 max-width: 160px; 9124 max-width: 160px;
9136 } 9125 }
9137 @media (min-width: 768px) { 9126 @media (min-width: 768px) {
9138 .cabinet__works-add { 9127 .cabinet__works-add {
9139 max-width: 220px; 9128 max-width: 220px;
9140 } 9129 }
9141 } 9130 }
9142 .cabinet__buttons { 9131 .cabinet__buttons {
9143 display: -webkit-box; 9132 display: -webkit-box;
9144 display: -ms-flexbox; 9133 display: -ms-flexbox;
9145 display: flex; 9134 display: flex;
9146 -webkit-box-orient: vertical; 9135 -webkit-box-orient: vertical;
9147 -webkit-box-direction: normal; 9136 -webkit-box-direction: normal;
9148 -ms-flex-direction: column; 9137 -ms-flex-direction: column;
9149 flex-direction: column; 9138 flex-direction: column;
9150 -webkit-box-align: center; 9139 -webkit-box-align: center;
9151 -ms-flex-align: center; 9140 -ms-flex-align: center;
9152 align-items: center; 9141 align-items: center;
9153 gap: 10px; 9142 gap: 10px;
9154 } 9143 }
9155 @media (min-width: 768px) { 9144 @media (min-width: 768px) {
9156 .cabinet__buttons { 9145 .cabinet__buttons {
9157 display: grid; 9146 display: grid;
9158 grid-template-columns: 1fr 1fr; 9147 grid-template-columns: 1fr 1fr;
9159 gap: 20px; 9148 gap: 20px;
9160 } 9149 }
9161 } 9150 }
9162 .cabinet__buttons .button, 9151 .cabinet__buttons .button,
9163 .cabinet__buttons .file { 9152 .cabinet__buttons .file {
9164 padding: 0; 9153 padding: 0;
9165 width: 100%; 9154 width: 100%;
9166 max-width: 140px; 9155 max-width: 140px;
9167 } 9156 }
9168 @media (min-width: 768px) { 9157 @media (min-width: 768px) {
9169 .cabinet__buttons .button, 9158 .cabinet__buttons .button,
9170 .cabinet__buttons .file { 9159 .cabinet__buttons .file {
9171 max-width: none; 9160 max-width: none;
9172 } 9161 }
9173 } 9162 }
9174 @media (min-width: 768px) { 9163 @media (min-width: 768px) {
9175 .cabinet__buttons { 9164 .cabinet__buttons {
9176 gap: 20px; 9165 gap: 20px;
9177 } 9166 }
9178 } 9167 }
9179 @media (min-width: 1280px) { 9168 @media (min-width: 1280px) {
9180 .cabinet__buttons { 9169 .cabinet__buttons {
9181 max-width: 400px; 9170 max-width: 400px;
9182 } 9171 }
9183 } 9172 }
9184 .cabinet__buttons_flex{ 9173 .cabinet__buttons_flex{
9185 display: flex; 9174 display: flex;
9186 } 9175 }
9187 .cabinet__buttons_flex > *{ 9176 .cabinet__buttons_flex > *{
9188 margin-right: 10px; 9177 margin-right: 10px;
9189 } 9178 }
9190 .cabinet__vacs { 9179 .cabinet__vacs {
9191 display: -webkit-box; 9180 display: -webkit-box;
9192 display: -ms-flexbox; 9181 display: -ms-flexbox;
9193 display: flex; 9182 display: flex;
9194 -webkit-box-orient: vertical; 9183 -webkit-box-orient: vertical;
9195 -webkit-box-direction: reverse; 9184 -webkit-box-direction: reverse;
9196 -ms-flex-direction: column-reverse; 9185 -ms-flex-direction: column-reverse;
9197 flex-direction: column-reverse; 9186 flex-direction: column-reverse;
9198 -webkit-box-align: center; 9187 -webkit-box-align: center;
9199 -ms-flex-align: center; 9188 -ms-flex-align: center;
9200 align-items: center; 9189 align-items: center;
9201 gap: 20px; 9190 gap: 20px;
9202 } 9191 }
9203 .cabinet__vacs-body { 9192 .cabinet__vacs-body {
9204 display: -webkit-box; 9193 display: -webkit-box;
9205 display: -ms-flexbox; 9194 display: -ms-flexbox;
9206 display: flex; 9195 display: flex;
9207 -webkit-box-orient: vertical; 9196 -webkit-box-orient: vertical;
9208 -webkit-box-direction: normal; 9197 -webkit-box-direction: normal;
9209 -ms-flex-direction: column; 9198 -ms-flex-direction: column;
9210 flex-direction: column; 9199 flex-direction: column;
9211 gap: 20px; 9200 gap: 20px;
9212 width: 100%; 9201 width: 100%;
9213 } 9202 }
9214 @media (min-width: 768px) { 9203 @media (min-width: 768px) {
9215 .cabinet__vacs-body { 9204 .cabinet__vacs-body {
9216 gap: 30px; 9205 gap: 30px;
9217 } 9206 }
9218 } 9207 }
9219 .cabinet__vacs-item { 9208 .cabinet__vacs-item {
9220 display: none; 9209 display: none;
9221 background: #fff; 9210 background: #fff;
9222 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9211 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9223 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9212 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9224 } 9213 }
9225 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9214 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9226 display: -webkit-box; 9215 display: -webkit-box;
9227 display: -ms-flexbox; 9216 display: -ms-flexbox;
9228 display: flex; 9217 display: flex;
9229 } 9218 }
9230 .cabinet__vacs.active .cabinet__vacs-item { 9219 .cabinet__vacs.active .cabinet__vacs-item {
9231 display: -webkit-box; 9220 display: -webkit-box;
9232 display: -ms-flexbox; 9221 display: -ms-flexbox;
9233 display: flex; 9222 display: flex;
9234 } 9223 }
9235 .main__employer-page-two-item-text-body img { 9224 .main__employer-page-two-item-text-body img {
9236 display: inline !important; 9225 display: inline !important;
9237 border: none !important; 9226 border: none !important;
9238 box-shadow: none !important; 9227 box-shadow: none !important;
9239 height: 1em !important; 9228 height: 1em !important;
9240 width: 1em !important; 9229 width: 1em !important;
9241 margin: 0 0.07em !important; 9230 margin: 0 0.07em !important;
9242 vertical-align: -0.1em !important; 9231 vertical-align: -0.1em !important;
9243 background: none !important; 9232 background: none !important;
9244 padding: 0 !important; 9233 padding: 0 !important;
9245 } 9234 }
9246 .main__employer-page-two-item-text-body p{ 9235 .main__employer-page-two-item-text-body p{
9247 margin: 0 0 20px; 9236 margin: 0 0 20px;
9248 } 9237 }
9249 #sertificate .one-sertificate{ 9238 #sertificate .one-sertificate{
9250 display: flex; 9239 display: flex;
9251 justify-content: space-between; 9240 justify-content: space-between;
9252 margin-bottom: 15px; 9241 margin-bottom: 15px;
9253 border-bottom: 1px #ccc solid; 9242 border-bottom: 1px #ccc solid;
9254 padding-bottom: 15px; 9243 padding-bottom: 15px;
9255 } 9244 }
9256 #sertificate .one-sertificate .sertificate-field{ 9245 #sertificate .one-sertificate .sertificate-field{
9257 display: block; 9246 display: block;
9258 } 9247 }
9259 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9248 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9260 width: 50%; 9249 width: 50%;
9261 max-width: 50%; 9250 max-width: 50%;
9262 } 9251 }
9263 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9252 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9264 display: flex; 9253 display: flex;
9265 justify-content: space-between; 9254 justify-content: space-between;
9266 } 9255 }
9267 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9256 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9268 width: 30px; 9257 width: 30px;
9269 height: 30px; 9258 height: 30px;
9270 padding: 5px; 9259 padding: 5px;
9271 } 9260 }
9272 #prev_worker .cabinet__inputs-item-buttons a{ 9261 #prev_worker .cabinet__inputs-item-buttons a{
9273 width: 30px; 9262 width: 30px;
9274 height: 30px; 9263 height: 30px;
9275 padding: 5px; 9264 padding: 5px;
9276 } 9265 }
9277 #prev_worker .cabinet__inputs-item-buttons{ 9266 #prev_worker .cabinet__inputs-item-buttons{
9278 width: 100px; 9267 width: 100px;
9279 } 9268 }
9280 #prev_worker .cabinet__inputs{ 9269 #prev_worker .cabinet__inputs{
9281 -webkit-box-align: start; 9270 -webkit-box-align: start;
9282 -ms-flex-align: start; 9271 -ms-flex-align: start;
9283 align-items: start; 9272 align-items: start;
9284 } 9273 }
9285 #prev_worker .cabinet__inputs-item-buttons flex{ 9274 #prev_worker .cabinet__inputs-item-buttons flex{
9286 justify-content: end; 9275 justify-content: end;
9287 } 9276 }
9288 #prev_worker .cabinet__body-item{ 9277 #prev_worker .cabinet__body-item{
9289 border-bottom: 1px #cccccc solid; 9278 border-bottom: 1px #cccccc solid;
9290 padding-bottom: 25px; 9279 padding-bottom: 25px;
9291 } 9280 }
9292 @media (max-width: 1280px) { 9281 @media (max-width: 1280px) {
9293 #prev_worker .cabinet__inputs-item-buttons{ 9282 #prev_worker .cabinet__inputs-item-buttons{
9294 position: absolute; 9283 position: absolute;
9295 right: 0; 9284 right: 0;
9296 } 9285 }
9297 } 9286 }
9298 body .cke_notifications_area{ 9287 body .cke_notifications_area{
9299 opacity: 0; 9288 opacity: 0;
9300 display: none !important; 9289 display: none !important;
9301 } 9290 }
9302 .unread-messages-count{ 9291 .unread-messages-count{
9303 background-color: #377d87; 9292 background-color: #377d87;
9304 color: #fff; 9293 color: #fff;
9305 padding: 5px 10px; 9294 padding: 5px 10px;
9306 border-radius: 45px; 9295 border-radius: 45px;
9307 } 9296 }
9297
9298 /* Диалог модал */
9299 .modal-dialog{
9300 border-radius: 10px;
9301 }
9302 .modal-dialog .modal-dialog-footer{
9303 display: flex;
File was created 1
2 var spinStart = function(button) {
3 button.prop('disabled', true);
4 if (!button.find('.button-loader').length){
5 button.html('<div class="button-loader"></div>' + button.html());
6 }
7 };
8
9 var spinStop= function(button) {
10 button.prop('disabled', false);
11 button.find('.button-loader').remove();
12 };
13
resources/views/chats/chats_list.blade.php
Diff comments   View file @ 2f592b0
File was created 1 @if ($chats->count())
2 @csrf
3 @foreach($chats as $chat)
4 <div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}">
5 <div class="messages__item-info">
6 <div class="messages__item-photo">
7 <a class="" href="{{ route($user_type . '.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}">
8 @if (isset($chat->employer->logo))
9 <img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">
10 @elseif(isset($chat->worker->photo))
11 <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
12 @else
13 <img src="{{ asset('images/default_man.jpg') }}" alt="">
14 @endif
15 </a>
16 </div>
17 <div class="messages__item-text">
18 <div>
19 <a class="messages__item-target" href="{{ route($user_type . '.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}">
20 <b>
21 @if ($chat->employer && $chat->employer->name_company)
22 {{ $chat->employer->name_company }}
23 @else
24 {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }}
25 @endif
26 </b>
27 </a>
28 </div>
29 <div>
30 {{ $chat->last_message->text }}
31 </div>
32 </div>
33 </div>
34
35 <div class="messages__item-actions" data-chat-id="{{ $chat->id }}">
36 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
37 <div class="messages__item-buttons">
38 @if($chat->unread_messages_count > 0)
39 <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
40 @endif
41
42 <button class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15">
43 @include('svg.pin_off')
44 </button>
45 <button class="remove-chat" data-fancybox data-src="#remove_chat">
46 <svg>
47 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
48 </svg>
49 </button>
50 </div>
51 <div class="clear"></div>
52 </div>
53 </div>
54 @endforeach
55 <div style="margin-top: 20px">
56 {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
57 </div><!-- конец -->
58 @else
59 <div class="notify">
60 <svg>
61 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
62 </svg>
63 <span>Сообщений не найдено</span>
64 </div>
65 @endif
66
67 <script>
68 $(function (){
69 $('.pin-chat').click(function(){
70 var this_btn = $(this);
71 var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
72 var $is_fixed = this_btn.hasClass('pin-on') ? 0 : 1;
73
74 $.ajax({
75 type: "POST",
76 url: "{{ route('employer.pin_chat') }}",
77 data: {
78 id: chat_id,
79 is_fixed: $is_fixed
80 },
81 headers: {
82 'X-CSRF-TOKEN': $('[name="_token"]').val()
83 },
84 success: function(){
85 location.reload();
86 }
87 });
88 });
89
90 $('.remove-chat').click(function(){
91 var this_btn = $(this);
92 var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
93 var wrap = this_btn.closest('.messages__item');
94 var target = wrap.find('.messages__item-target').text();
95
96 $('#remove_chat').data('chat-id', chat_id);
97 $('#remove_chat').find('.target-chat').text(target.trim());
98 });
99 });
100 </script>
101
resources/views/employers/dialog.blade.php
Diff comments   View file @ 2f592b0
1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('change', '#send_btn', function() { 6 $(document).on('change', '#send_btn', function() {
7 var this_ = $(this); 7 var this_ = $(this);
8 var val_ = this_.val(); 8 var val_ = this_.val();
9 console.log('sort items '+val_); 9 console.log('sort items '+val_);
10 10
11 $.ajax({ 11 $.ajax({
12 type: "GET", 12 type: "GET",
13 url: "{{ route('shipping_companies') }}", 13 url: "{{ route('shipping_companies') }}",
14 data: "sort="+val_+"&block=1", 14 data: "sort="+val_+"&block=1",
15 success: function (data) { 15 success: function (data) {
16 console.log('Выбор сортировки'); 16 console.log('Выбор сортировки');
17 console.log(data); 17 console.log(data);
18 $('#block_1').html(data); 18 $('#block_1').html(data);
19 }, 19 },
20 headers: { 20 headers: {
21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22 }, 22 },
23 error: function (data) { 23 error: function (data) {
24 data = JSON.stringify(data); 24 data = JSON.stringify(data);
25 console.log('Error: ' + data); 25 console.log('Error: ' + data);
26 } 26 }
27 }); 27 });
28 28
29 $.ajax({ 29 $.ajax({
30 type: "GET", 30 type: "GET",
31 url: "{{ route('shipping_companies') }}", 31 url: "{{ route('shipping_companies') }}",
32 data: "sort="+val_+"&block=2", 32 data: "sort="+val_+"&block=2",
33 success: function (data) { 33 success: function (data) {
34 console.log('Выбор сортировки2'); 34 console.log('Выбор сортировки2');
35 console.log(data); 35 console.log(data);
36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37 $('#block_2').html(data); 37 $('#block_2').html(data);
38 }, 38 },
39 headers: { 39 headers: {
40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41 }, 41 },
42 error: function (data) { 42 error: function (data) {
43 data = JSON.stringify(data); 43 data = JSON.stringify(data);
44 console.log('Error: ' + data); 44 console.log('Error: ' + data);
45 } 45 }
46 }); 46 });
47 }); 47 });
48 </script> 48 </script>
49 @endsection 49 @endsection
50 50
51 @section('content') 51 @section('content')
52 <section class="cabinet"> 52 <section class="cabinet">
53 <div class="container"> 53 <div class="container">
54 <ul class="breadcrumbs cabinet__breadcrumbs"> 54 <ul class="breadcrumbs cabinet__breadcrumbs">
55 <li><a href="{{ route('index') }}">Главная</a></li> 55 <li><a href="{{ route('index') }}">Главная</a></li>
56 <li><b>Личный кабинет</b></li> 56 <li><b>Личный кабинет</b></li>
57 </ul> 57 </ul>
58 <div class="cabinet__wrapper"> 58 <div class="cabinet__wrapper">
59 <div class="cabinet__side"> 59 <div class="cabinet__side">
60 <div class="cabinet__side-toper"> 60 <div class="cabinet__side-toper">
61 @include('employers.emblema') 61 @include('employers.emblema')
62 </div> 62 </div>
63 @include('employers.menu', ['item' => 5]) 63 @include('employers.menu', ['item' => 5])
64 </div> 64 </div>
65 <div class="cabinet__body"> 65 <div class="cabinet__body">
66 <div class="cabinet__body-item"> 66 <div class="cabinet__body-item">
67 <h2 class="title cabinet__title">Сообщения</h2> 67 <h2 class="title cabinet__title">Сообщения</h2>
68 </div> 68 </div>
69 <div class="cabinet__body-item"> 69 <div class="cabinet__body-item">
70 <a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="back"> 70 <a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="back">
71 <svg> 71 <svg>
72 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 72 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
73 </svg> 73 </svg>
74 <span> 74 <span>
75 К списку чатов 75 К списку чатов
76 </span> 76 </span>
77 </a> 77 </a>
78 <div class="chatbox"> 78 <div class="chatbox">
79 <div class="chatbox__toper"> 79 <div class="chatbox__toper">
80 @if ($companion->is_worker) 80 @if ($companion->is_worker)
81 <div class="chatbox__toper-info messages__item-info"> 81 <div class="chatbox__toper-info messages__item-info">
82 <div class="messages__item-photo"> 82 <div class="messages__item-photo">
83 <svg> 83 <svg>
84 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 84 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
85 </svg> 85 </svg>
86 @if ((isset($companion->workers[0]->photo)) && 86 @if ((isset($companion->workers[0]->photo)) &&
87 (!empty($companion->workers[0]->photo))) 87 (!empty($companion->workers[0]->photo)))
88 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 88 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
89 @else 89 @else
90 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 90 <img src="{{ asset('images/default_man.jpg') }}" alt="">
91 @endif 91 @endif
92 </div> 92 </div>
93 <div class="messages__item-text"> 93 <div class="messages__item-text">
94 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div> 94 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
95 <div><span>Вакансия:</span>
96 @if ($ad_employer == 0)
97 @if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }}@else Не указано @endif
98 @else
99 <a href="{{ route('vacancie', ['vacancy' => $ad_employer]) }}">
100 @if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} ({{ $ad_employer }}) @else Не указано @endif
101 </a>
102 @endif
103 </div>
104 </div> 95 </div>
105 </div> 96 </div>
106 @if (isset($companion->workers[0]->id)) 97 @if (isset($companion->workers[0]->id))
107 <a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button"> 98 <a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button">
108 <svg> 99 <svg>
109 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 100 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
110 </svg> 101 </svg>
111 Перейти в резюме 102 Перейти в резюме
112 </a> 103 </a>
113 @endif 104 @endif
114 @else 105 @else
115 <div class="chatbox__toper-info messages__item-info"> 106 <div class="chatbox__toper-info messages__item-info">
116 <div class="messages__item-photo"> 107 <div class="messages__item-photo">
117 <svg> 108 <svg>
118 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 109 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
119 </svg> 110 </svg>
120 @if ((isset($companion->employers[0]->logo)) && 111 @if ((isset($companion->employers[0]->logo)) &&
121 (!empty($companion->employers[0]->logo))) 112 (!empty($companion->employers[0]->logo)))
122 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 113 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
123 @else 114 @else
124 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 115 <img src="{{ asset('images/default_man.jpg') }}" alt="">
125 @endif 116 @endif
126 </div> 117 </div>
127 <div class="messages__item-text"> 118 <div class="messages__item-text">
128 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div> 119 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
129 <div><span>Статус:</span> Работодатель или Администратор</div> 120 <div><span>Статус:</span> Работодатель или Администратор</div>
130 </div> 121 </div>
131 </div> 122 </div>
132 @if (isset($companion->employer->id)) 123 @if (isset($companion->employer->id))
133 <a href="" class="button chatbox__toper-button"> 124 <a href="" class="button chatbox__toper-button">
134 <svg> 125 <svg>
135 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 126 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
136 </svg> 127 </svg>
137 Перейти в резюме 128 Перейти в резюме
138 </a> 129 </a>
139 @endif 130 @endif
140 @endif 131 @endif
141 </div> 132 </div>
142 133
143 <div class="chatbox__list" id="dialogs" name="dialogs"> 134 <div class="chatbox__list" id="dialogs" name="dialogs">
144 @if ($Messages->count()) 135 @if ($Messages->count())
145 @foreach ($Messages as $it) 136 @foreach ($Messages as $it)
146 @if ($it->user_id == $companion->id) 137 @if ($it->user_id == $companion->id)
147 <div class="chatbox__item"> 138 <div class="chatbox__item">
148 <div class="chatbox__item-photo"> 139 <div class="chatbox__item-photo">
149 <svg> 140 <svg>
150 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 141 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
151 </svg> 142 </svg>
152 143
153 @if ($companion->is_worker) 144 @if ($companion->is_worker)
154 @if ((isset($companion->workers[0]->photo)) && 145 @if ((isset($companion->workers[0]->photo)) &&
155 (!empty($companion->workers[0]->photo))) 146 (!empty($companion->workers[0]->photo)))
156 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 147 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
157 @else 148 @else
158 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 149 <img src="{{ asset('images/default_man.jpg') }}" alt="">
159 @endif 150 @endif
160 @else 151 @else
161 @if ((isset($companion->employers[0]->logo)) && 152 @if ((isset($companion->employers[0]->logo)) &&
162 (!empty($companion->employers[0]->logo))) 153 (!empty($companion->employers[0]->logo)))
163 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 154 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
164 @else 155 @else
165 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 156 <img src="{{ asset('images/default_man.jpg') }}" alt="">
166 @endif 157 @endif
167 @endif 158 @endif
168 159
169 </div> 160 </div>
170 <div class="chatbox__item-body"> 161 <div class="chatbox__item-body">
171 <div class="chatbox__item-text">{{ $it->text }}</div> 162 <div class="chatbox__item-text">{{ $it->text }}</div>
172 </div> 163 </div>
173 <div class="chatbox__item-time">{{ $it->created_at }}</div> 164 <div class="chatbox__item-time">{{ $it->created_at }}</div>
174 </div> 165 </div>
175 @else 166 @else
176 <div class="chatbox__item chatbox__item_reverse"> 167 <div class="chatbox__item chatbox__item_reverse">
177 <div class="chatbox__item-photo"> 168 <div class="chatbox__item-photo">
178 <svg> 169 <svg>
179 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 170 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
180 </svg> 171 </svg>
181 172
182 @if ($sender->is_worker) 173 @if ($sender->is_worker)
183 @if ((isset($sender->workers[0]->photo)) && 174 @if ((isset($sender->workers[0]->photo)) &&
184 (!empty($sender->workers[0]->photo))) 175 (!empty($sender->workers[0]->photo)))
185 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt=""> 176 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
186 @else 177 @else
187 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 178 <img src="{{ asset('images/default_man.jpg') }}" alt="">
188 @endif 179 @endif
189 @else 180 @else
190 @if ((isset($sender->employers[0]->logo)) && 181 @if ((isset($sender->employers[0]->logo)) &&
191 (!empty($sender->employers[0]->logo))) 182 (!empty($sender->employers[0]->logo)))
192 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt=""> 183 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">
193 @else 184 @else
194 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 185 <img src="{{ asset('images/default_man.jpg') }}" alt="">
195 @endif 186 @endif
196 @endif 187 @endif
197 188
198 </div> 189 </div>
199 <div class="chatbox__item-body"> 190 <div class="chatbox__item-body">
200 <div class="chatbox__item-text">{{ $it->text }}</div> 191 <div class="chatbox__item-text">{{ $it->text }}</div>
201 @if ((isset($it->file)) && (!empty($it->file))) 192 @if ((isset($it->file)) && (!empty($it->file)))
202 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text"> 193 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">
203 <svg> 194 <svg>
204 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 195 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
205 </svg> 196 </svg>
206 </a> 197 </a>
207 @endif 198 @endif
208 </div> 199 </div>
209 <div class="chatbox__item-time">{{ $it->created_at }}</div> 200 <div class="chatbox__item-time">{{ $it->created_at }}</div>
210 </div> 201 </div>
211 @endif 202 @endif
212 203
213 @endforeach 204 @endforeach
214 @endif 205 @endif
215 </div> 206 </div>
216 <form action="{{ route('employer.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" > 207 <form action="{{ route('employer.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >
217 @csrf 208 @csrf
218 <label class="chatbox__bottom-file"> 209 <label class="chatbox__bottom-file">
219 <input id="file" name="file" type="file"> 210 <input id="file" name="file" type="file">
220 <svg> 211 <svg>
221 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 212 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
222 </svg> 213 </svg>
223 </label> 214 </label>
224 <input type="hidden" name="_token" value="{{ csrf_token() }}"/> 215 <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
225 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/> 216 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>
226 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/> 217 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>
227 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/> 218 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>
228 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/> 219 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>
229 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить"> 220 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">
230 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send"> 221 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">
231 <svg> 222 <svg>
232 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 223 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
233 </svg> 224 </svg>
234 </button> 225 </button>
235 </form> 226 </form>
236 </div> 227 </div>
237 </div> 228 </div>
238 </div> 229 </div>
239 </div> 230 </div>
240 </div> 231 </div>
241 </section> 232 </section>
242 </div> 233 </div>
243 @endsection 234 @endsection
244 235
resources/views/employers/messages.blade.php
Diff comments   View file @ 2f592b0
1 @extends('layout.frontend', ['title' => 'Сообщения от пользователей - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Сообщения от пользователей - РекаМоре'])
2 @section('scripts') 2 @section('scripts')
3 <script>
4 console.log('Test system');
5 $(document).on('change', '#sort_ajax', function() {
6 var this_ = $(this);
7 var val_ = this_.val();
8 console.log('sort items '+val_);
9 3
10 $.ajax({
11 type: "GET",
12 url: "{{ route('shipping_companies') }}",
13 data: "sort="+val_+"&block=1",
14 success: function (data) {
15 console.log('Выбор сортировки');
16 console.log(data);
17 $('#block_1').html(data);
18 },
19 headers: {
20 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
21 },
22 error: function (data) {
23 data = JSON.stringify(data);
24 console.log('Error: ' + data);
25 }
26 });
27
28 $.ajax({
29 type: "GET",
30 url: "{{ route('shipping_companies') }}",
31 data: "sort="+val_+"&block=2",
32 success: function (data) {
33 console.log('Выбор сортировки2');
34 console.log(data);
35 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
36 $('#block_2').html(data);
37 },
38 headers: {
39 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
40 },
41 error: function (data) {
42 data = JSON.stringify(data);
43 console.log('Error: ' + data);
44 }
45 });
46 });
47 </script>
48 @endsection 4 @endsection
49 5
50 @section('content') 6 @section('content')
51 <section class="cabinet"> 7 <section class="cabinet">
52 <div class="container"> 8 <div class="container">
53 <ul class="breadcrumbs cabinet__breadcrumbs"> 9 <ul class="breadcrumbs cabinet__breadcrumbs">
54 <li><a href="{{ route('index') }}">Главная</a></li> 10 <li><a href="{{ route('index') }}">Главная</a></li>
55 <li><b>Личный кабинет</b></li> 11 <li><b>Личный кабинет</b></li>
56 </ul> 12 </ul>
57 <div class="cabinet__wrapper"> 13 <div class="cabinet__wrapper">
58 <div class="cabinet__side"> 14 <div class="cabinet__side">
59 <div class="cabinet__side-toper"> 15 <div class="cabinet__side-toper">
60 @include('employers.emblema') 16 @include('employers.emblema')
61 </div> 17 </div>
62 18
63 19
64 @include('employers.menu', ['item' => 5]) 20 @include('employers.menu', ['item' => 5])
65 </div> 21 </div>
66 22
67 <div class="cabinet__body"> 23 <div class="cabinet__body">
68 <div class="cabinet__body-item"> 24 <div class="cabinet__body-item">
69 <h2 class="title cabinet__title">Сообщения</h2> 25 <h2 class="title cabinet__title">Сообщения</h2>
70 </div> 26 </div>
71 <div class="cabinet__body-item"> 27 <div class="cabinet__body-item">
72 <div class="messages"> 28 <div class="messages">
73 <div class="messages__body"> 29 <div class="messages__body">
74 @if ($chats->count()) 30 @include('chats.chats_list')
75 @foreach($chats as $chat)
76 <div class="">
77 <a class="messages__item hover-shadow" href="{{ route('employer.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}">
78 <div class="messages__item-info">
79 <div class="messages__item-photo">
80 @if (isset($chat->worker->photo))
81 <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
82 @else
83 <img src="{{ asset('images/default_man.jpg') }}" alt="">
84 @endif
85 </div>
86 <div class="messages__item-text">
87 <div>
88 <b>
89 @if ($chat->employer && $chat->employer->name_company)
90 {{ $chat->employer->name_company }}
91 @else
92 {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }}
93 @endif
94 </b>
95 </div>
96 <div>
97 {{ $chat->last_message->text }}
98 </div>
99 </div>
100 </div>
101
102 <div class="messages__item-actions">
103 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
104 <div class="messages__item-buttons">
105 @if($chat->unread_messages_count > 0)
106 <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
107 @endif
108
109 <button class="mr-15">
110 @if(intval($chat->is_fixed) == 1)
111 @include('svg.pin_on')
112 @else
113 @include('svg.pin_off')
114 @endif
115 </button>
116 <button class="">
117 <svg>
118 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
119 </svg>
120 </button>
121 </div>
122 <div class="clear"></div>
123 </div>
124 </a>
125 </div>
126 @endforeach
127 <div style="margin-top: 20px">
128 {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
129 </div><!-- конец -->
130 @else
131 <div class="notify">
132 <svg>
133 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
134 </svg>
135 <span>Сообщений не найдено</span>
136 </div>
137 @endif
138 </div> 31 </div>
139 </div> 32 </div>
140 </div> 33 </div>
141 </div> 34 </div>
142 </div> 35 </div>
143 </div> 36 </div>
144 </section> 37 </section>
145 </div> 38 @include('modals.chats.remove_chat')
146 @endsection 39 @endsection
147 40
resources/views/layout/frontend.blade.php
Diff comments   View file @ 2f592b0
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 2 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3 3
4 <head> 4 <head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <title>{{ $title }}</title> 6 <title>{{ $title }}</title>
7 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="viewport" content="width=device-width,initial-scale=1">
8 <meta name="theme-color" content="#377D87"> 8 <meta name="theme-color" content="#377D87">
9 <script src="{{ asset('js/jquery.js') }}"></script> 9 <script src="{{ asset('js/jquery.js') }}"></script>
10 <script src="{{ asset('js/jquery-ui.js') }}"></script> 10 <script src="{{ asset('js/jquery-ui.js') }}"></script>
11 <script src="{{ asset('js/func.js') }}"></script>
11 <link rel="stylesheet" href="{{ asset('js/chosen/chosen.min.css') }}"> 12 <link rel="stylesheet" href="{{ asset('js/chosen/chosen.min.css') }}">
12 <script src="{{ asset('js/chosen/chosen.jquery.min.js') }}"></script> 13 <script src="{{ asset('js/chosen/chosen.jquery.min.js') }}"></script>
13 <!--<script type="text/javascript" src=" asset('js/jquery.cookie.js') }}"></script>--> 14 <!--<script type="text/javascript" src=" asset('js/jquery.cookie.js') }}"></script>-->
14 <link rel="stylesheet" href="{{ asset('css/telegram.css') }}"> 15 <link rel="stylesheet" href="{{ asset('css/telegram.css') }}">
15 <link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}"> 16 <link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}">
16 <link rel="stylesheet" href="{{ asset('css/style_may2024.css') }}"> 17 <link rel="stylesheet" href="{{ asset('css/style_may2024.css') }}">
17 <link rel="stylesheet" href="{{ asset('css/helpers.css') }}"> 18 <link rel="stylesheet" href="{{ asset('css/helpers.css') }}">
18 <style> 19 <style>
19 .err_red { 20 .err_red {
20 border: red 2px solid; 21 border: red 2px solid;
21 } 22 }
22 23
23 .input[disabled] { 24 .input[disabled] {
24 /* color: #9c9d9d; */ 25 /* color: #9c9d9d; */
25 background: #FFFFFF; 26 background: #FFFFFF;
26 } 27 }
27 </style> 28 </style>
28 </head> 29 </head>
29 30
30 <body id="body" onload="createCaptcha()"> 31 <body id="body" onload="createCaptcha()">
31 <a href="#body" class="to-top js-scroll-to"> 32 <a href="#body" class="to-top js-scroll-to">
32 <svg> 33 <svg>
33 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use> 34 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
34 </svg> 35 </svg>
35 </a> 36 </a>
36 37
37 <div> <!-- BEGIN TOP WRAPPER --> 38 <div> <!-- BEGIN TOP WRAPPER -->
38 <header class="header"> 39 <header class="header">
39 <div class="container"> 40 <div class="container">
40 <div class="header__body"> 41 <div class="header__body">
41 <div class="header__left"> 42 <div class="header__left">
42 <a href="{{ route('index') }}" class="header__logo"> 43 <a href="{{ route('index') }}" class="header__logo">
43 <svg> 44 <svg>
44 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use> 45 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
45 </svg> 46 </svg>
46 </a> 47 </a>
47 <nav class="header__menu"> 48 <nav class="header__menu">
48 <a href="{{ route('vacancies') }}" class="header__menu-item">Вакансии</a> 49 <a href="{{ route('vacancies') }}" class="header__menu-item">Вакансии</a>
49 <a href="{{ route('shipping_companies') }}" class="header__menu-item">Судоходные компании</a> 50 <a href="{{ route('shipping_companies') }}" class="header__menu-item">Судоходные компании</a>
50 <a href="{{ route('education') }}" class="header__menu-item">Образование</a> 51 <a href="{{ route('education') }}" class="header__menu-item">Образование</a>
51 </nav> 52 </nav>
52 </div> 53 </div>
53 <div class="header__right"> 54 <div class="header__right">
54 @guest 55 @guest
55 56
56 @else 57 @else
57 <a href="@if ($UserId->is_worker) {{ route('worker.cabinet') }} @else {{ route('employer.cabinet') }} @endif" class="header__notifs header__notifs_actived"> 58 <a href="@if ($UserId->is_worker) {{ route('worker.cabinet') }} @else {{ route('employer.cabinet') }} @endif" class="header__notifs header__notifs_actived">
58 <svg> 59 <svg>
59 <use xlink:href="{{ asset('images/sprite.svg#ring') }}"></use> 60 <use xlink:href="{{ asset('images/sprite.svg#ring') }}"></use>
60 </svg> 61 </svg>
61 <span>Уведомления</span> 62 <span>Уведомления</span>
62 </a> 63 </a>
63 64
64 @endguest 65 @endguest
65 <div class="header__right-line"></div> 66 <div class="header__right-line"></div>
66 <button class="header__burger"> 67 <button class="header__burger">
67 <svg> 68 <svg>
68 <use xlink:href="{{ asset('images/sprite.svg#burger') }}"></use> 69 <use xlink:href="{{ asset('images/sprite.svg#burger') }}"></use>
69 </svg> 70 </svg>
70 </button> 71 </button>
71 @guest 72 @guest
72 <a class="button header__sign" data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a> 73 <a class="button header__sign" data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a>
73 @else 74 @else
74 <a class="button header__sign" href="{{ route('logout') }}">Выйти</a> 75 <a class="button header__sign" href="{{ route('logout') }}">Выйти</a>
75 @endguest 76 @endguest
76 </div> 77 </div>
77 </div> 78 </div>
78 </div> 79 </div>
79 </header> 80 </header>
80 81
81 @yield('content') 82 @yield('content')
82 </div> <!-- END TOP WRAPPER --> 83 </div> <!-- END TOP WRAPPER -->
83 84
84 <div> <!-- BEGIN BOTTOM WRAPPER --> 85 <div> <!-- BEGIN BOTTOM WRAPPER -->
85 <footer class="footer"> 86 <footer class="footer">
86 <div class="container"> 87 <div class="container">
87 <div class="footer__mobile"> 88 <div class="footer__mobile">
88 89
89 <button class="footer__mobile-toper js-toggle active"> 90 <button class="footer__mobile-toper js-toggle active">
90 <a href="{{ route('index') }}"> 91 <a href="{{ route('index') }}">
91 <svg> 92 <svg>
92 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use> 93 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
93 </svg> 94 </svg>
94 </a> 95 </a>
95 <span> 96 <span>
96 <svg> 97 <svg>
97 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use> 98 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
98 </svg> 99 </svg>
99 </span> 100 </span>
100 </button> 101 </button>
101 <div class="footer__mobile-menu"> 102 <div class="footer__mobile-menu">
102 <div class="footer__mobile-menu-item"> 103 <div class="footer__mobile-menu-item">
103 <button class="js-toggle"> 104 <button class="js-toggle">
104 <b>Соискателям</b> 105 <b>Соискателям</b>
105 <span><svg> 106 <span><svg>
106 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use> 107 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
107 </svg></span> 108 </svg></span>
108 </button> 109 </button>
109 <div> 110 <div>
110 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 111 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
111 <a href="{{ route('vacancies') }}">Вакансии</a> 112 <a href="{{ route('vacancies') }}">Вакансии</a>
112 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>--> 113 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>-->
113 <a href="{{ route('education') }}">Образование</a> 114 <a href="{{ route('education') }}">Образование</a>
114 <a href="{{ route('news') }}">Новости</a> 115 <a href="{{ route('news') }}">Новости</a>
115 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 116 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
116 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 117 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
117 <!--<a href=" route('contacts') }}">Контакты</a>--> 118 <!--<a href=" route('contacts') }}">Контакты</a>-->
118 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a> 119 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a>
119 </div> 120 </div>
120 </div> 121 </div>
121 <div class="footer__mobile-menu-item"> 122 <div class="footer__mobile-menu-item">
122 <button class="js-toggle"> 123 <button class="js-toggle">
123 <b>Работодателям</b> 124 <b>Работодателям</b>
124 <span><svg> 125 <span><svg>
125 <use xlink:href="{{asset('images/sprite.svg#arrow-top') }}"></use> 126 <use xlink:href="{{asset('images/sprite.svg#arrow-top') }}"></use>
126 </svg></span> 127 </svg></span>
127 </button> 128 </button>
128 <div> 129 <div>
129 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 130 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
130 <!--<a href=" route('register') }}">Регистрация</a>--> 131 <!--<a href=" route('register') }}">Регистрация</a>-->
131 <a href="{{ route('bd_resume') }}">База резюме</a> 132 <a href="{{ route('bd_resume') }}">База резюме</a>
132 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a> 133 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>
133 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>--> 134 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>-->
134 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>--> 135 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>-->
135 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>--> 136 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>-->
136 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 137 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
137 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 138 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
138 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a> 139 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a>
139 </div> 140 </div>
140 </div> 141 </div>
141 </div> 142 </div>
142 <div class="footer__mobile-contacts"> 143 <div class="footer__mobile-contacts">
143 <b>Контакты</b> 144 <b>Контакты</b>
144 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a> 145 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
145 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a> 146 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
146 </div> 147 </div>
147 <div class="footer__mobile-bottom"> 148 <div class="footer__mobile-bottom">
148 <div class="socials"> 149 <div class="socials">
149 <a href="{{ $companies[0]->vkontact }}" target="_blank"> 150 <a href="{{ $companies[0]->vkontact }}" target="_blank">
150 <svg> 151 <svg>
151 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use> 152 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
152 </svg> 153 </svg>
153 </a> 154 </a>
154 <a href="{{ $companies[0]->telegram }}" target="_blank"> 155 <a href="{{ $companies[0]->telegram }}" target="_blank">
155 <svg> 156 <svg>
156 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use> 157 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
157 </svg> 158 </svg>
158 </a> 159 </a>
159 </div> 160 </div>
160 <nav class="footer__mobile-links"> 161 <nav class="footer__mobile-links">
161 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a> 162 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a>
162 <span></span> 163 <span></span>
163 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a> 164 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a>
164 </nav> 165 </nav>
165 &copy; 2023 &mdash; RekaMore.su 166 &copy; 2023 &mdash; RekaMore.su
166 <a href="{{ route('index') }}" class="nls" target="_blank"> 167 <a href="{{ route('index') }}" class="nls" target="_blank">
167 <svg> 168 <svg>
168 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use> 169 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
169 </svg> 170 </svg>
170 <span> 171 <span>
171 Дизайн и разработка: 172 Дизайн и разработка:
172 <b>NoLogoStudio.ru</b> 173 <b>NoLogoStudio.ru</b>
173 </span> 174 </span>
174 </a> 175 </a>
175 </div> 176 </div>
176 </div> 177 </div>
177 <div class="footer__main"> 178 <div class="footer__main">
178 <div class="footer__main-body"> 179 <div class="footer__main-body">
179 180
180 <a href="" class="footer__main-logo"> 181 <a href="" class="footer__main-logo">
181 <svg> 182 <svg>
182 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use> 183 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
183 </svg> 184 </svg>
184 </a> 185 </a>
185 <div class="footer__main-col"> 186 <div class="footer__main-col">
186 <div class="footer__main-title">Соискателям</div> 187 <div class="footer__main-title">Соискателям</div>
187 <nav> 188 <nav>
188 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 189 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
189 <a href="{{ route('vacancies') }}">Вакансии</a> 190 <a href="{{ route('vacancies') }}">Вакансии</a>
190 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>--> 191 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>-->
191 <a href="{{ route('education') }}">Образование</a> 192 <a href="{{ route('education') }}">Образование</a>
192 <a href="{{ route('news') }}">Новости</a> 193 <a href="{{ route('news') }}">Новости</a>
193 <!--<a href=" route('contacts') }}">Контакты</a>--> 194 <!--<a href=" route('contacts') }}">Контакты</a>-->
194 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 195 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
195 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 196 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
196 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a> 197 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a>
197 </nav> 198 </nav>
198 </div> 199 </div>
199 <div class="footer__main-col"> 200 <div class="footer__main-col">
200 <div class="footer__main-title">Работодателям</div> 201 <div class="footer__main-title">Работодателям</div>
201 <nav> 202 <nav>
202 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 203 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
203 <!--<a href=" route('register') }}">Регистрация</a>--> 204 <!--<a href=" route('register') }}">Регистрация</a>-->
204 <a href="{{ route('bd_resume') }}">База резюме</a> 205 <a href="{{ route('bd_resume') }}">База резюме</a>
205 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a> 206 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>
206 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>--> 207 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>-->
207 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>--> 208 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>-->
208 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>--> 209 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>-->
209 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 210 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
210 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 211 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
211 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a> 212 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a>
212 </nav> 213 </nav>
213 </div> 214 </div>
214 215
215 <div class="footer__main-col"> 216 <div class="footer__main-col">
216 <div class="footer__main-title">Контакты</div> 217 <div class="footer__main-title">Контакты</div>
217 <div class="footer__main-contacts"> 218 <div class="footer__main-contacts">
218 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a> 219 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
219 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a> 220 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
220 </div> 221 </div>
221 <div class="socials"> 222 <div class="socials">
222 <a href="{{ $companies[0]->vkontact }}" target="_blank"> 223 <a href="{{ $companies[0]->vkontact }}" target="_blank">
223 <svg> 224 <svg>
224 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use> 225 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
225 </svg> 226 </svg>
226 </a> 227 </a>
227 <a href="{{ $companies[0]->telegram }}" target="_blank"> 228 <a href="{{ $companies[0]->telegram }}" target="_blank">
228 <svg> 229 <svg>
229 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use> 230 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
230 </svg> 231 </svg>
231 </a> 232 </a>
232 </div> 233 </div>
233 </div> 234 </div>
234 </div> 235 </div>
235 236
236 <div class="footer__main-copy"> 237 <div class="footer__main-copy">
237 <div>&copy; 2023 &mdash; RekaMore.su</div> 238 <div>&copy; 2023 &mdash; RekaMore.su</div>
238 <nav> 239 <nav>
239 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a> 240 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a>
240 <span></span> 241 <span></span>
241 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a> 242 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a>
242 </nav> 243 </nav>
243 <div> @if (isset($_COOKIE['favorite_vacancy'])) Куки вакансий: {{ print_r($_COOKIE['favorite_vacancy']) }} @endif</div> 244 <div> @if (isset($_COOKIE['favorite_vacancy'])) Куки вакансий: {{ print_r($_COOKIE['favorite_vacancy']) }} @endif</div>
244 <a href="{{ route('index') }}" class="nls" target="_blank"> 245 <a href="{{ route('index') }}" class="nls" target="_blank">
245 <svg> 246 <svg>
246 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use> 247 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
247 </svg> 248 </svg>
248 <span> 249 <span>
249 Дизайн и разработка: 250 Дизайн и разработка:
250 <b>NoLogoStudio.ru</b> 251 <b>NoLogoStudio.ru</b>
251 </span> 252 </span>
252 </a> 253 </a>
253 </div> 254 </div>
254 </div> 255 </div>
255 </div> 256 </div>
256 </footer> 257 </footer>
257 </div> <!-- END BOTTOM WRAPPER --> 258 </div> <!-- END BOTTOM WRAPPER -->
258 259
259 <div hidden> <!-- BEGIN MODALS WRAPPER --> 260 <div hidden> <!-- BEGIN MODALS WRAPPER -->
260 <!-- Соискатель отправляет сообщение работодателю --> 261 <!-- Соискатель отправляет сообщение работодателю -->
261 @include('modals.send_worker_new') 262 @include('modals.send_worker_new')
262 263
263 <!-- Работодатель отправляет сообщение соискателю --> 264 <!-- Работодатель отправляет сообщение соискателю -->
264 @include('modals.send_employer') 265 @include('modals.send_employer')
265 266
266 <!-- Сообщение-предупреждение о том, что сообщения только можно отправить авторизованным пользователям --> 267 <!-- Сообщение-предупреждение о том, что сообщения только можно отправить авторизованным пользователям -->
267 @include('modals.send_message_noaut') 268 @include('modals.send_message_noaut')
268 269
269 @include('modals.send_message_noaut2') 270 @include('modals.send_message_noaut2')
270 271
271 <!-- Форма авторизации --> 272 <!-- Форма авторизации -->
272 @include('modals.send_login') 273 @include('modals.send_login')
273 274
274 <!-- Сбросить пароль --> 275 <!-- Сбросить пароль -->
275 @include('modals.reset_password') 276 @include('modals.reset_password')
276 277
277 <!-- Регистрация --> 278 <!-- Регистрация -->
278 @include('modals.register') 279 @include('modals.register')
279 280
280 <!-- Благодарность по отправке сообщения работодателю --> 281 <!-- Благодарность по отправке сообщения работодателю -->
281 @include('modals.thank_you_send_employer') 282 @include('modals.thank_you_send_employer')
282 283
283 <!-- Благодарность по отправке сообщения менеджеру --> 284 <!-- Благодарность по отправке сообщения менеджеру -->
284 @include('modals.thank_you_send_manager') 285 @include('modals.thank_you_send_manager')
285 286
286 <!-- Благодарность после регистрации --> 287 <!-- Благодарность после регистрации -->
287 @include('modals.thank_you_send_for_employer') 288 @include('modals.thank_you_send_for_employer')
288 289
289 <!-- Благодарность после регистрации для работника --> 290 <!-- Благодарность после регистрации для работника -->
290 @include('modals.thank_you_send_for_worker') 291 @include('modals.thank_you_send_for_worker')
291 292
292 <!-- Подтверждение удаления профиля --> 293 <!-- Подтверждение удаления профиля -->
293 @include('modals.delete_profile') 294 @include('modals.delete_profile')
294 295
295 <!-- Подверждение об удалении профиля --> 296 <!-- Подверждение об удалении профиля -->
296 @include('modals.success_delete_profile') 297 @include('modals.success_delete_profile')
297 298
298 </div> <!-- END MODALS WRAPPER --> 299 </div> <!-- END MODALS WRAPPER -->
299 300
300 301
301 <script src="{{ asset('js/jquery.maskedinput.js') }}"></script> 302 <script src="{{ asset('js/jquery.maskedinput.js') }}"></script>
302 <script src="{{ asset('js/jquery.fancybox.js') }}"></script> 303 <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
303 <script src="{{ asset('js/jquery.select2.js') }}"></script> 304 <script src="{{ asset('js/jquery.select2.js') }}"></script>
304 <script src="{{ asset('js/swiper.js') }}"></script> 305 <script src="{{ asset('js/swiper.js') }}"></script>
305 <script src="{{ asset('js/script-vc.js') }}"></script> 306 <script src="{{ asset('js/script-vc.js') }}"></script>
306 <script src="{{ asset('js/star-rating.min.js') }}"></script> 307 <script src="{{ asset('js/star-rating.min.js') }}"></script>
307 <script> 308 <script>
308 var getUrlParameter = function getUrlParameter(sParam) { 309 var getUrlParameter = function getUrlParameter(sParam) {
309 var sPageURL = decodeURIComponent(window.location.search.substring(1)), 310 var sPageURL = decodeURIComponent(window.location.search.substring(1)),
310 sURLVariables = sPageURL.split('&'), 311 sURLVariables = sPageURL.split('&'),
311 sParameterName, 312 sParameterName,
312 i; 313 i;
313 for (i = 0; i < sURLVariables.length; i++) { 314 for (i = 0; i < sURLVariables.length; i++) {
314 sParameterName = sURLVariables[i].split('='); 315 sParameterName = sURLVariables[i].split('=');
315 if (sParameterName[0] === sParam) { 316 if (sParameterName[0] === sParam) {
316 return sParameterName[1] === undefined ? true : sParameterName[1]; 317 return sParameterName[1] === undefined ? true : sParameterName[1];
317 } 318 }
318 } 319 }
319 }; 320 };
320 321
321 $(function() { 322 $(function() {
322 var style_link = "{{ asset('css/cke_wysiwyg_frame_style.css') }}"; 323 var style_link = "{{ asset('css/cke_wysiwyg_frame_style.css') }}";
323 var iterator = 0; 324 var iterator = 0;
324 var wysiwyg_style_interval = window.setInterval(function(){ 325 var wysiwyg_style_interval = window.setInterval(function(){
325 var frame = $('.cke_wysiwyg_frame'); 326 var frame = $('.cke_wysiwyg_frame');
326 frame.contents().find('head').append( 327 frame.contents().find('head').append(
327 $('<link rel="stylesheet" type="text/css" href="' + style_link + '">') 328 $('<link rel="stylesheet" type="text/css" href="' + style_link + '">')
328 ); 329 );
329 if (frame.length || (++iterator == 6)){ 330 if (frame.length || (++iterator == 6)){
330 clearInterval(wysiwyg_style_interval); 331 clearInterval(wysiwyg_style_interval);
331 } 332 }
332 }, 500); 333 }, 500);
333 }); 334 });
334 </script> 335 </script>
335 @include('js.modals') 336 @include('js.modals')
336 @include('js.captha') 337 @include('js.captha')
337 @yield('scripts') 338 @yield('scripts')
338 </body> 339 </body>
339 </html> 340 </html>
340 341
resources/views/modals/chats/remove_chat.blade.php
Diff comments   View file @ 2f592b0
File was created 1 <div id="remove_chat" class="modal-dialog">
2 <div class="modal-dialog-title">
3 <h2>Удалить чат</h2>
4 </div>
5 <div class="modal-dialog-body">
6 <p>Вы действительно хотите удалить час с "<b><span class="target-chat"></span></b>"?</p>
7 </div>
8 <div class="modal-dialog-footer">
9 <button type="button" class="button remove-chat-button">Удалить</button>
10 <button type="button" class="button button_light" onclick="$.fancybox.close();">Закрыть</button>
11 </div>
12 </div>
13
14 <script>
15 $(function(){
16 $('.remove-chat-button').click(function(){
17 spinStart($(this));
18 var wrap = $(this).closest('#remove_chat');
19 var chat_id = wrap.data('chat-id');
20
21 $.ajax({
22 type: "POST",
23 url: "{{ route('employer.remove_chat') }}",
24 data: {
25 id: chat_id
26 },
27 headers: {
28 'X-CSRF-TOKEN': $('[name="_token"]').val()
29 },
30 success: function(){
31 location.reload();
32 }
33 });
34 });
35 });
36 </script>
37
resources/views/workers/messages.blade.php
Diff comments   View file @ 2f592b0
1 @extends('layout.frontend', ['title' => 'Мои сообщения - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Мои сообщения - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 4
5 @endsection 5 @endsection
6 6
7 @section('content') 7 @section('content')
8 <section class="cabinet"> 8 <section class="cabinet">
9 <div class="container"> 9 <div class="container">
10 <ul class="breadcrumbs cabinet__breadcrumbs"> 10 <ul class="breadcrumbs cabinet__breadcrumbs">
11 <li><a href="{{ route('index') }}">Главная</a></li> 11 <li><a href="{{ route('index') }}">Главная</a></li>
12 <li><b>Личный кабинет</b></li> 12 <li><b>Личный кабинет</b></li>
13 </ul> 13 </ul>
14 <div class="cabinet__wrapper"> 14 <div class="cabinet__wrapper">
15 <div class="cabinet__side"> 15 <div class="cabinet__side">
16 <div class="cabinet__side-toper"> 16 <div class="cabinet__side-toper">
17 @include('workers.emblema') 17 @include('workers.emblema')
18 18
19 </div> 19 </div>
20 20
21 @include('workers.menu', ['item' => 2]) 21 @include('workers.menu', ['item' => 2])
22 </div> 22 </div>
23 <div class="cabinet__body"> 23 <div class="cabinet__body">
24 <div class="cabinet__body-item"> 24 <div class="cabinet__body-item">
25 <h2 class="title cabinet__title">Сообщения</h2> 25 <h2 class="title cabinet__title">Сообщения</h2>
26 </div> 26 </div>
27 <div class="cabinet__body-item"> 27 <div class="cabinet__body-item">
28 <div class="cabinet__filters"> 28 <div class="messages">
29 <div class="cabinet__filters-item"> 29 <div class="messages__body">
30 <div class="cabinet__filters-buttons"> 30 @include('chats.chats_list')
31 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="button button_light @if ($type_message == 'input') active @endif">Входящие ({{ $count_input }})</a>
32 <a href="{{ route('worker.messages', ['type_message' => 'output']) }}" class="button button_light @if ($type_message == 'output') active @endif">Исходящие ({{ $count_output }})</a>
33 </div>
34 </div> 31 </div>
35 <!--<div class="cabinet__filters-item">
36 <div class="select">
37 <select class="js-select2" id="sort_ajax" name="sort_ajax">
38 <option value="default">Сортировка (по умолчанию)</option>
39 <option value="name (asc)">По имени (возрастание)</option>
40 <option value="name (desc)">По имени (убывание)</option>
41 <option value="created_at (asc)">По дате (возрастание)</option>
42 <option value="created_at (desc)">По дате (убывание)</option>
43 </select>
44 </div>
45 </div>-->
46 </div> 32 </div>
47 @if ($messages->count())
48 @foreach($messages as $it)
49 <div class="messages__item">
50 <div class="messages__item-info">
51 <!--<pre> print_r(asset(Storage::url($it->user_from->employers[0]->logo))) }}</pre>-->
52 <div class="messages__item-photo">
53 <svg>
54 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
55 </svg>
56 <!-- Комментарий: обновление структуры вывода картинок, все корректное -->
57 @if ($type_message == 'input')
58 @if (isset($it->user_from->is_worker))
59 @if ($it->user_from->is_worker)
60 @if (isset($it->user_from->workers[0]->photo))
61 <img src="{{ asset(Storage::url($it->user_to->workers[0]->photo)) }}" alt="">
62 @else
63 <img src="{{ asset('images/default_man.jpg') }}" alt="">
64 @endif
65 @else
66 @if (isset($it->user_from->employers[0]->logo))
67 <img src="{{ asset(Storage::url($it->user_from->employers[0]->logo)) }}" alt="">
68 @else
69 <img src="{{ asset('images/default_man.jpg') }}" alt="">
70 @endif
71 @endif
72 @else
73 <img src="{{ asset('images/default_man.jpg') }}" alt="">
74 @endif
75 @endif
76
77 <!-- Обновление исходящих сообщений - фотографии компании и работника -->
78 <!-- коммит 2 -->
79 @if ($type_message == 'output')
80 @if (isset($it->user_from->is_worker))
81 @if ($it->user_from->is_worker)
82 @if (isset($it->user_from->workers[0]->photo))
83 <img src="{{ asset(Storage::url($it->user_from->workers[0]->photo)) }}" alt="">
84 @else
85 <img src="{{ asset('images/default_man.jpg') }}" alt="">
86 @endif
87 @else
88 @if (isset($it->user_from->employers->logo))
89 <img src="{{ asset(Storage::url($it->user_from->employers->logo)) }}" alt="">
90 @else
91 <img src="{{ asset('images/default_man.jpg') }}" alt="">
92 @endif
93 @endif
94 @else
95 <img src="{{ asset('images/default_man.jpg') }}" alt="">
96 @endif
97 @endif
98 </div>
99 <div class="messages__item-text">
100 <div>@if (isset($it->vacancies)) @php $ad_name = $it->vacancies->name; @endphp @else @php $ad_name = 'Вакансия удалена'; @endphp @endif
101 От: @if (isset($it->user_from))
102 @if ($it->user_from->id !== $user_id)
103 <a href="{{ route('worker.dialog', ['user1' => $user_id, 'user2' => $it->user_from->id, 'ad_employer' => $it->ad_employer_id, 'ad_name' => $ad_name]) }}" style="text-decoration: underline">
104 {{ $it->user_from->surname." ".$it->user_from->name_man." ".$it->user_from->surname2." (".$it->user_from->id.")" }}
105 </a>
106 @else
107 {{ $it->user_from->surname." ".$it->user_from->name_man." ".$it->user_from->surname2." (".$it->user_from->id.")" }}
108 @endif
109 @else
110 Удаленный пользователь
111 @endif
112 <br>
113 К: @if (isset($it->user_to))
114 @if ($it->user_to->id !== $user_id)
115
116 <a href="{{ route('worker.dialog', ['user1' => $user_id, 'user2' => $it->user_to->id, 'ad_employer' => $it->ad_employer_id, 'ad_name' => $ad_name]) }}" style="text-decoration: underline">
117 {{ $it->user_to->surname." ".$it->user_to->name_man." ".$it->user_to->surname2." (".$it->user_to->id.")" }}
118 </a>
119 @else
120 {{ $it->user_to->surname." ".$it->user_to->name_man." ".$it->user_to->surname2." (".$it->user_to->id.")" }}
121 @endif
122 @else
123 Удаленный пользователь
124 @endif
125 </div>
126 <div><span>Вакансия:</span>@if (isset($it->vacancies)) {{ $it->vacancies->name." (".($it->vacancies->id).")" }} @else Удалена @endif</div>
127 <div><span>Текст:</span>{{ $it->text }}</div>
128 </div>
129 </div>
130 <div class="messages__item-date">{{ $it->created_at }}</div>
131 </div>
132 @endforeach
133
134 <div style="margin-top: 20px">
135 {{ $messages->onEachSide(0)->appends($_GET)->links('paginate') }}
136 </div><!-- конец -->
137
138 @else
139 <div class="notify">
140 <svg>
141 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
142 </svg>
143 <span>Сообщений не найдено</span>
144 </div>
145 @endif
146 </div> 33 </div>
147 </div> 34 </div>
148 </div> 35 </div>
149 </div> 36 </div>
150 </section> 37 </section>
151 </div> 38 @include('modals.chats.remove_chat')
152 <div>
153 @endsection 39 @endsection
154 40
1 <?php 1 <?php
2 2
3 use App\Http\Controllers\Ad_jobsController; 3 use App\Http\Controllers\Ad_jobsController;
4 use App\Http\Controllers\AdEmployerController; 4 use App\Http\Controllers\AdEmployerController;
5 use App\Http\Controllers\Admin\AdminController; 5 use App\Http\Controllers\Admin\AdminController;
6 use App\Http\Controllers\Admin\CategoryController; 6 use App\Http\Controllers\Admin\CategoryController;
7 use App\Http\Controllers\Admin\CategoryEmpController; 7 use App\Http\Controllers\Admin\CategoryEmpController;
8 use App\Http\Controllers\Admin\EducationController; 8 use App\Http\Controllers\Admin\EducationController;
9 use App\Http\Controllers\EducationController as EducationFrontController; 9 use App\Http\Controllers\EducationController as EducationFrontController;
10 use App\Http\Controllers\Admin\EmployersController; 10 use App\Http\Controllers\Admin\EmployersController;
11 use App\Http\Controllers\EmployerController as FrontEmployersController; 11 use App\Http\Controllers\EmployerController as FrontEmployersController;
12 use App\Http\Controllers\Admin\InfoBloksController; 12 use App\Http\Controllers\Admin\InfoBloksController;
13 use App\Http\Controllers\Admin\JobTitlesController; 13 use App\Http\Controllers\Admin\JobTitlesController;
14 use App\Http\Controllers\Admin\UsersController; 14 use App\Http\Controllers\Admin\UsersController;
15 use App\Http\Controllers\Admin\WorkersController; 15 use App\Http\Controllers\Admin\WorkersController;
16 use App\Http\Controllers\Auth\ForgotPasswordController; 16 use App\Http\Controllers\Auth\ForgotPasswordController;
17 use App\Http\Controllers\Auth\LoginController; 17 use App\Http\Controllers\Auth\LoginController;
18 use App\Http\Controllers\Auth\RegisterController; 18 use App\Http\Controllers\Auth\RegisterController;
19 use App\Http\Controllers\CKEditorController; 19 use App\Http\Controllers\CKEditorController;
20 use App\Http\Controllers\MediaController; 20 use App\Http\Controllers\MediaController;
21 use App\Http\Controllers\WorkerController; 21 use App\Http\Controllers\WorkerController;
22 use App\Models\Ad_jobs; 22 use App\Models\Ad_jobs;
23 use App\Models\User; 23 use App\Models\User;
24 use App\Http\Controllers\MainController; 24 use App\Http\Controllers\MainController;
25 use App\Http\Controllers\HomeController; 25 use App\Http\Controllers\HomeController;
26 use Illuminate\Support\Facades\Route; 26 use Illuminate\Support\Facades\Route;
27 use App\Http\Controllers\Admin\CompanyController; 27 use App\Http\Controllers\Admin\CompanyController;
28 use App\Http\Controllers\Admin\Ad_EmployersController; 28 use App\Http\Controllers\Admin\Ad_EmployersController;
29 use App\Http\Controllers\Admin\MsgAnswersController; 29 use App\Http\Controllers\Admin\MsgAnswersController;
30 use App\Http\Controllers\Admin\GroupsController; 30 use App\Http\Controllers\Admin\GroupsController;
31 use App\Http\Controllers\PagesController; 31 use App\Http\Controllers\PagesController;
32 use Illuminate\Support\Facades\Storage; 32 use Illuminate\Support\Facades\Storage;
33 use App\Http\Controllers\EmployerController; 33 use App\Http\Controllers\EmployerController;
34 use App\Http\Controllers\CompanyController as FrontCompanyController; 34 use App\Http\Controllers\CompanyController as FrontCompanyController;
35 35
36 36
37 /* 37 /*
38 |-------------------------------------------------------------------------- 38 |--------------------------------------------------------------------------
39 | Web Routes 39 | Web Routes
40 |-------------------------------------------------------------------------- 40 |--------------------------------------------------------------------------
41 | 41 |
42 | Here is where you can register web routes for your application. These 42 | Here is where you can register web routes for your application. These
43 | routes are loaded by the RouteServiceProvider within a group which 43 | routes are loaded by the RouteServiceProvider within a group which
44 | contains the "web" middleware group. Now create something great! 44 | contains the "web" middleware group. Now create something great!
45 | 45 |
46 */ 46 */
47 /* 47 /*
48 Route::get('/', function () { 48 Route::get('/', function () {
49 return view('welcome'); 49 return view('welcome');
50 })->name('index'); 50 })->name('index');
51 */ 51 */
52 52
53 Route::get('/', [MainController::class, 'index'])->name('index'); 53 Route::get('/', [MainController::class, 'index'])->name('index');
54 54
55 //Роуты авторизации, регистрации, восстановления, аутентификации 55 //Роуты авторизации, регистрации, восстановления, аутентификации
56 Auth::routes(['verify' => true]); 56 Auth::routes(['verify' => true]);
57 57
58 // роуты регистрации, авторизации, восстановления пароля, верификации почты 58 // роуты регистрации, авторизации, восстановления пароля, верификации почты
59 /*Route::group([ 59 /*Route::group([
60 'as' => 'auth.', //имя маршрута, например auth.index 60 'as' => 'auth.', //имя маршрута, например auth.index
61 'prefix' => 'auth', // префикс маршрута, например, auth/index 61 'prefix' => 'auth', // префикс маршрута, например, auth/index
62 ], function () { 62 ], function () {
63 //форма регистрации 63 //форма регистрации
64 Route::get('register', [RegisterController::class, 'register'])->name('register'); 64 Route::get('register', [RegisterController::class, 'register'])->name('register');
65 65
66 //создание пользователя 66 //создание пользователя
67 Route::post('register', [RegisterController::class, 'create'])->name('create'); 67 Route::post('register', [RegisterController::class, 'create'])->name('create');
68 68
69 //форма входа авторизации 69 //форма входа авторизации
70 Route::get('login', [LoginController::class, 'login'])->name('login'); 70 Route::get('login', [LoginController::class, 'login'])->name('login');
71 71
72 //аутентификация 72 //аутентификация
73 Route::post('login', [LoginController::class, 'authenticate'])->name('auth'); 73 Route::post('login', [LoginController::class, 'authenticate'])->name('auth');
74 74
75 //выход 75 //выход
76 Route::get('logout', [LoginController::class, 'logout'])->name('logout'); 76 Route::get('logout', [LoginController::class, 'logout'])->name('logout');
77 77
78 //форма ввода адреса почты 78 //форма ввода адреса почты
79 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form'); 79 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form');
80 80
81 //письмо на почту 81 //письмо на почту
82 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail'); 82 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail');
83 83
84 //форма восстановления пароля 84 //форма восстановления пароля
85 Route::get('reset-password/token/{token}/email/{email}', 85 Route::get('reset-password/token/{token}/email/{email}',
86 [ResetPasswordController::class, 'form'] 86 [ResetPasswordController::class, 'form']
87 )->name('reset-form'); 87 )->name('reset-form');
88 88
89 //восстановление пароля 89 //восстановление пароля
90 Route::post('reset-password', 90 Route::post('reset-password',
91 [ResetPasswordController::class, 'reset'] 91 [ResetPasswordController::class, 'reset']
92 )->name('reset-password'); 92 )->name('reset-password');
93 93
94 //сообщение о необходимости проверки адреса почты 94 //сообщение о необходимости проверки адреса почты
95 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message'); 95 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message');
96 96
97 //подтверждение адреса почты нового пользователя 97 //подтверждение адреса почты нового пользователя
98 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify']) 98 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify'])
99 ->where('token', '[a-f0-9]{32}') 99 ->where('token', '[a-f0-9]{32}')
100 ->where('id', '[0-9]+') 100 ->where('id', '[0-9]+')
101 ->name('verify-email'); 101 ->name('verify-email');
102 });*/ 102 });*/
103 103
104 //Личный кабинет пользователя 104 //Личный кабинет пользователя
105 Route::get('/home', [HomeController::class, 'index'])->name('home'); 105 Route::get('/home', [HomeController::class, 'index'])->name('home');
106 106
107 /* 107 /*
108 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) { 108 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) {
109 $user = User::where('email',$request->input('email'))->first(); 109 $user = User::where('email',$request->input('email'))->first();
110 110
111 $user->sendEmailVerificationNotification(); 111 $user->sendEmailVerificationNotification();
112 112
113 return 'your response'; 113 return 'your response';
114 })->middleware('throttle:6,1')->name('verification.resend'); 114 })->middleware('throttle:6,1')->name('verification.resend');
115 */ 115 */
116 116
117 // Авторизация, регистрация в админку 117 // Авторизация, регистрация в админку
118 Route::group([ 118 Route::group([
119 'as' => 'admin.', // имя маршрута, например auth.index 119 'as' => 'admin.', // имя маршрута, например auth.index
120 'prefix' => 'admin', // префикс маршрута, например auth/index 120 'prefix' => 'admin', // префикс маршрута, например auth/index
121 'middleware' => ['guest'], 121 'middleware' => ['guest'],
122 ], function () { 122 ], function () {
123 // Форма регистрации 123 // Форма регистрации
124 Route::get('register', [AdminController::class, 'register'])->name('register'); 124 Route::get('register', [AdminController::class, 'register'])->name('register');
125 // Создание пользователя 125 // Создание пользователя
126 Route::post('register', [AdminController::class, 'create'])->name('create'); 126 Route::post('register', [AdminController::class, 'create'])->name('create');
127 127
128 //Форма входа 128 //Форма входа
129 Route::get('login', [AdminController::class, 'login'])->name('login'); 129 Route::get('login', [AdminController::class, 'login'])->name('login');
130 130
131 // аутентификация 131 // аутентификация
132 Route::post('login', [AdminController::class, 'autenticate'])->name('auth'); 132 Route::post('login', [AdminController::class, 'autenticate'])->name('auth');
133 133
134 }); 134 });
135 135
136 // Личный кабинет админки 136 // Личный кабинет админки
137 Route::group([ 137 Route::group([
138 'as' => 'admin.', // имя маршрута, например auth.index 138 'as' => 'admin.', // имя маршрута, например auth.index
139 'prefix' => 'admin', // префикс маршрута, например auth/index 139 'prefix' => 'admin', // префикс маршрута, например auth/index
140 'middleware' => ['auth'], ['admin'], 140 'middleware' => ['auth'], ['admin'],
141 ], function() { 141 ], function() {
142 142
143 // выход 143 // выход
144 Route::get('logout', [AdminController::class, 'logout'])->name('logout'); 144 Route::get('logout', [AdminController::class, 'logout'])->name('logout');
145 145
146 // кабинет главная страница 146 // кабинет главная страница
147 Route::get('cabinet', [AdminController::class, 'index'])->name('index'); 147 Route::get('cabinet', [AdminController::class, 'index'])->name('index');
148 148
149 // кабинет профиль админа - форма 149 // кабинет профиль админа - форма
150 Route::get('profile', [AdminController::class, 'profile'])->name('profile'); 150 Route::get('profile', [AdminController::class, 'profile'])->name('profile');
151 // кабинет профиль админа - сохранение формы 151 // кабинет профиль админа - сохранение формы
152 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile'); 152 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile');
153 153
154 //кабинет сообщения админа 154 //кабинет сообщения админа
155 //Route::get('messages', [AdminController::class, 'profile'])->name('profile'); 155 //Route::get('messages', [AdminController::class, 'profile'])->name('profile');
156 156
157 157
158 // кабинет профиль - форма пароли 158 // кабинет профиль - форма пароли
159 Route::get('password', [AdminController::class, 'profile_password'])->name('password'); 159 Route::get('password', [AdminController::class, 'profile_password'])->name('password');
160 // кабинет профиль - сохранение формы пароля 160 // кабинет профиль - сохранение формы пароля
161 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password'); 161 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password');
162 162
163 163
164 // кабинет профиль пользователя - форма 164 // кабинет профиль пользователя - форма
165 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile'); 165 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile');
166 // кабинет профиль пользователя - сохранение формы 166 // кабинет профиль пользователя - сохранение формы
167 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile'); 167 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile');
168 168
169 // кабинет профиль работодатель - форма 169 // кабинет профиль работодатель - форма
170 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile'); 170 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile');
171 // кабинет профиль работодатель - сохранение формы 171 // кабинет профиль работодатель - сохранение формы
172 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile'); 172 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile');
173 // кабинет удаление профиль работодателя и юзера 173 // кабинет удаление профиль работодателя и юзера
174 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer'); 174 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer');
175 175
176 // кабинет профиль работник - форма 176 // кабинет профиль работник - форма
177 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add'); 177 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add');
178 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store'); 178 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store');
179 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit'); 179 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit');
180 // кабинет профиль работник - сохранение формы 180 // кабинет профиль работник - сохранение формы
181 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update'); 181 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update');
182 182
183 // Медиа 183 // Медиа
184 Route::get('media', [MediaController::class, 'index'])->name('media'); 184 Route::get('media', [MediaController::class, 'index'])->name('media');
185 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media'); 185 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media');
186 186
187 // кабинет настройки сайта - форма 187 // кабинет настройки сайта - форма
188 Route::get('config', [AdminController::class, 'config_form'])->name('config'); 188 Route::get('config', [AdminController::class, 'config_form'])->name('config');
189 // кабинет настройки сайта сохранение формы 189 // кабинет настройки сайта сохранение формы
190 Route::post('config', [AdminController::class, 'store_config'])->name('store_config'); 190 Route::post('config', [AdminController::class, 'store_config'])->name('store_config');
191 191
192 // кабинет - новости 192 // кабинет - новости
193 Route::get('news-list', [AdminController::class, 'news_admin'])->name('news_admin'); 193 Route::get('news-list', [AdminController::class, 'news_admin'])->name('news_admin');
194 Route::get('news/add', [AdminController::class, 'new_admin_add'])->name('new_admin_add'); 194 Route::get('news/add', [AdminController::class, 'new_admin_add'])->name('new_admin_add');
195 Route::post('news/add', [AdminController::class, 'new_admin_add_save'])->name('new_admin_save_add'); 195 Route::post('news/add', [AdminController::class, 'new_admin_add_save'])->name('new_admin_save_add');
196 Route::get('news/edit/{new}', [AdminController::class, 'new_admin_edit'])->name('new_admin_edit'); 196 Route::get('news/edit/{new}', [AdminController::class, 'new_admin_edit'])->name('new_admin_edit');
197 Route::post('news/edit/{new}', [AdminController::class, 'new_admin_update_save'])->name('new_admin_update'); 197 Route::post('news/edit/{new}', [AdminController::class, 'new_admin_update_save'])->name('new_admin_update');
198 Route::get('news/delete/{new}', [AdminController::class, 'new_admin_delete'])->name('new_admin_delete'); 198 Route::get('news/delete/{new}', [AdminController::class, 'new_admin_delete'])->name('new_admin_delete');
199 199
200 // кабинет - пользователи 200 // кабинет - пользователи
201 Route::get('users', [UsersController::class, 'index'])->name('users'); 201 Route::get('users', [UsersController::class, 'index'])->name('users');
202 Route::get('user-delete/{user}', [UsersController::class, 'user_delete'])->name('user_delete'); 202 Route::get('user-delete/{user}', [UsersController::class, 'user_delete'])->name('user_delete');
203 203
204 // кабинет - пользователи 204 // кабинет - пользователи
205 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users'); 205 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users');
206 206
207 // кабинет - работодатели 207 // кабинет - работодатели
208 Route::get('employers', [EmployersController::class, 'index'])->name('employers'); 208 Route::get('employers', [EmployersController::class, 'index'])->name('employers');
209 209
210 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer'); 210 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer');
211 211
212 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add'); 212 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add');
213 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save'); 213 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save');
214 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot'); 214 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot');
215 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit'); 215 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit');
216 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete'); 216 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete');
217 217
218 // кабинет - соискатели 218 // кабинет - соискатели
219 Route::get('workers', [WorkersController::class, 'index'])->name('workers'); 219 Route::get('workers', [WorkersController::class, 'index'])->name('workers');
220 220
221 // кабинет - база данных 221 // кабинет - база данных
222 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata'); 222 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata');
223 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata'); 223 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata');
224 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata'); 224 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata');
225 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata'); 225 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata');
226 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata'); 226 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata');
227 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata'); 227 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata');
228 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata'); 228 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata');
229 229
230 // кабинет - вакансии 230 // кабинет - вакансии
231 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers'); 231 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers');
232 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers'); 232 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers');
233 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers'); 233 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers');
234 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers'); 234 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers');
235 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers'); 235 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers');
236 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer'); 236 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer');
237 237
238 // Редактирование должности в вакансии 238 // Редактирование должности в вакансии
239 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs'); 239 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs');
240 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs'); 240 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs');
241 241
242 242
243 // кабинет - категории 243 // кабинет - категории
244 //Route::get('categories', [AdminController::class, 'index'])->name('categories'); 244 //Route::get('categories', [AdminController::class, 'index'])->name('categories');
245 245
246 // СRUD-операции над Справочником Категории 246 // СRUD-операции над Справочником Категории
247 247
248 Route::resource('categories', CategoryController::class, ['except' => ['show']]); 248 Route::resource('categories', CategoryController::class, ['except' => ['show']]);
249 249
250 // CRUD-операции над справочником Категории для работодателей 250 // CRUD-операции над справочником Категории для работодателей
251 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]); 251 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]);
252 252
253 // CRUD-операции над справочником Образование 253 // CRUD-операции над справочником Образование
254 Route::resource('education', EducationController::class, ['except' => ['show']]); 254 Route::resource('education', EducationController::class, ['except' => ['show']]);
255 255
256 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education'); 256 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education');
257 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education'); 257 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education');
258 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education'); 258 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education');
259 259
260 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education'); 260 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education');
261 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education'); 261 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education');
262 262
263 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education'); 263 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education');
264 264
265 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles'); 265 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles');
266 /* 266 /*
267 * кабинет - CRUD-операции по справочнику должности 267 * кабинет - CRUD-операции по справочнику должности
268 * 268 *
269 */ 269 */
270 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]); 270 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]);
271 271
272 // кабинет - сообщения (чтение чужих) 272 // кабинет - сообщения (чтение чужих)
273 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages'); 273 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages');
274 // кабинет - просмотр сообщения чужого (чтение) 274 // кабинет - просмотр сообщения чужого (чтение)
275 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message'); 275 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message');
276 276
277 // кабинет - сообщения (админские) 277 // кабинет - сообщения (админские)
278 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages'); 278 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages');
279 // кабинет - сообщения (админские) 279 // кабинет - сообщения (админские)
280 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post'); 280 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post');
281 // кабинет - sql - конструкция запросов 281 // кабинет - sql - конструкция запросов
282 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql'); 282 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql');
283 283
284 /* 284 /*
285 * Расписанный подход в описании каждой директорий групп пользователей. 285 * Расписанный подход в описании каждой директорий групп пользователей.
286 */ 286 */
287 // кабинет - группы пользователей 287 // кабинет - группы пользователей
288 Route::get('groups', [GroupsController::class, 'index'])->name('groups'); 288 Route::get('groups', [GroupsController::class, 'index'])->name('groups');
289 // кабинет - добавление форма группы пользователей 289 // кабинет - добавление форма группы пользователей
290 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group'); 290 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group');
291 // кабинет - сохранение формы группы пользователей 291 // кабинет - сохранение формы группы пользователей
292 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store'); 292 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store');
293 // кабинет - редактирование форма группы пользователей 293 // кабинет - редактирование форма группы пользователей
294 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group'); 294 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group');
295 // кабинет - сохранение редактированной формы группы пользователей 295 // кабинет - сохранение редактированной формы группы пользователей
296 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group'); 296 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group');
297 // кабинет - удаление группы пользователей 297 // кабинет - удаление группы пользователей
298 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group'); 298 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group');
299 299
300 300
301 // кабинет - список админов 301 // кабинет - список админов
302 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin'); 302 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin');
303 303
304 // справочник Позиции 304 // справочник Позиции
305 Route::get('positions', [AdminController::class, 'position'])->name('position'); 305 Route::get('positions', [AdminController::class, 'position'])->name('position');
306 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position'); 306 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position');
307 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position'); 307 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position');
308 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position'); 308 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position');
309 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position'); 309 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position');
310 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position'); 310 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position');
311 311
312 /////редактор////// кабинет - редактор сайта//////////////////////// 312 /////редактор////// кабинет - редактор сайта////////////////////////
313 Route::get('editor-site', function() { 313 Route::get('editor-site', function() {
314 return view('admin.editor.index'); 314 return view('admin.editor.index');
315 })->name('editor-site'); 315 })->name('editor-site');
316 316
317 317
318 // кабинет - редактор шапки-футера сайта 318 // кабинет - редактор шапки-футера сайта
319 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks'); 319 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks');
320 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block'); 320 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block');
321 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store'); 321 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store');
322 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block'); 322 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block');
323 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block'); 323 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block');
324 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block'); 324 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block');
325 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block'); 325 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block');
326 326
327 327
328 // кабинет - редактор должности на главной 328 // кабинет - редактор должности на главной
329 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main'); 329 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main');
330 330
331 // кабинет - счетчики на главной 331 // кабинет - счетчики на главной
332 Route::get('counters-main', [CompanyController::class, 'counters_main'])->name('counters-main'); 332 Route::get('counters-main', [CompanyController::class, 'counters_main'])->name('counters-main');
333 Route::post('counters-main/edit/{name}', [CompanyController::class, 'counters_main_update'])->name('counters-main-update'); 333 Route::post('counters-main/edit/{name}', [CompanyController::class, 'counters_main_update'])->name('counters-main-update');
334 334
335 // кабинет - редактор работодатели на главной 335 // кабинет - редактор работодатели на главной
336 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main'); 336 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main');
337 337
338 338
339 // кабинет - редактор seo-сайта 339 // кабинет - редактор seo-сайта
340 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo'); 340 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo');
341 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo'); 341 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo');
342 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store'); 342 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store');
343 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo'); 343 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo');
344 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo'); 344 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo');
345 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo'); 345 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo');
346 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo'); 346 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo');
347 347
348 348
349 // кабинет - редактор страниц 349 // кабинет - редактор страниц
350 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages'); 350 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages');
351 // кабинет - добавление страницы 351 // кабинет - добавление страницы
352 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page'); 352 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page');
353 // кабинет - сохранение формы страницы 353 // кабинет - сохранение формы страницы
354 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store'); 354 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store');
355 // кабинет - редактирование форма страницы 355 // кабинет - редактирование форма страницы
356 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page'); 356 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page');
357 // кабинет - сохранение редактированной формы страницы 357 // кабинет - сохранение редактированной формы страницы
358 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page'); 358 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page');
359 // кабинет - удаление страницы 359 // кабинет - удаление страницы
360 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page'); 360 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page');
361 361
362 362
363 // кабинет - реклама сайта 363 // кабинет - реклама сайта
364 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames'); 364 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames');
365 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames'); 365 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames');
366 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store'); 366 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store');
367 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames'); 367 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames');
368 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames'); 368 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames');
369 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames'); 369 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames');
370 //////////////////////////////////////////////////////////////////////// 370 ////////////////////////////////////////////////////////////////////////
371 371
372 372
373 // кабинет - отзывы о работодателе для модерации 373 // кабинет - отзывы о работодателе для модерации
374 Route::get('answers', [EmployersController::class, 'answers'])->name('answers'); 374 Route::get('answers', [EmployersController::class, 'answers'])->name('answers');
375 375
376 // Общая страница статистики 376 // Общая страница статистики
377 Route::get('statics', function () { 377 Route::get('statics', function () {
378 return view('admin.static.index'); 378 return view('admin.static.index');
379 })->name('statics'); 379 })->name('statics');
380 380
381 // кабинет - статистика работников 381 // кабинет - статистика работников
382 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers'); 382 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers');
383 383
384 // кабинет - статистика вакансий работодателя 384 // кабинет - статистика вакансий работодателя
385 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads'); 385 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads');
386 386
387 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника 387 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника
388 /* 388 /*
389 * CRUD-операции над справочником дипломы и документы 389 * CRUD-операции над справочником дипломы и документы
390 */ 390 */
391 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks'); 391 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks');
392 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]); 392 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]);
393 393
394 // кабинет - роли пользователя 394 // кабинет - роли пользователя
395 Route::get('roles', [UsersController::class, 'roles'])->name('roles'); 395 Route::get('roles', [UsersController::class, 'roles'])->name('roles');
396 396
397 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles'); 397 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles');
398 398
399 Route::get('logs', function() { 399 Route::get('logs', function() {
400 $files = Storage::files('logs/laravel.log'); 400 $files = Storage::files('logs/laravel.log');
401 })->name('logs'); 401 })->name('logs');
402 }); 402 });
403 403
404 // Инструментальные страницы 404 // Инструментальные страницы
405 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload'); 405 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload');
406 406
407 Route::get('redis/', [PagesController::class, 'redis'])->name('redis'); 407 Route::get('redis/', [PagesController::class, 'redis'])->name('redis');
408 408
409 Route::get('excel/', [PagesController::class, 'excel'])->name('excel'); 409 Route::get('excel/', [PagesController::class, 'excel'])->name('excel');
410 410
411 // Страницы с произвольным контентом 411 // Страницы с произвольным контентом
412 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page'); 412 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page');
413 413
414 // Форма обратной связи 414 // Форма обратной связи
415 Route::post('form_feedback', [PagesController::class, 'form_feedback'])->name('form_feedback'); 415 Route::post('form_feedback', [PagesController::class, 'form_feedback'])->name('form_feedback');
416 416
417 // Публичные страницы соискателя 417 // Публичные страницы соискателя
418 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page'); 418 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page');
419 419
420 //Страница вакансии 420 //Страница вакансии
421 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer'); 421 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
422 422
423 //Вакансии 423 //Вакансии
424 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies'); 424 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
425 425
426 //Вакансии поиск на главной 426 //Вакансии поиск на главной
427 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies'); 427 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies');
428 428
429 //Вакансии категория детальная 429 //Вакансии категория детальная
430 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies'); 430 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
431 431
432 // Лайк вакансии 432 // Лайк вакансии
433 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy'); 433 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy');
434 434
435 //Детальная страница вакансии - работодателя 435 //Детальная страница вакансии - работодателя
436 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie'); 436 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie');
437 437
438 //Судоходные компании 438 //Судоходные компании
439 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies'); 439 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies');
440 440
441 //Детальная инфа о компании 441 //Детальная инфа о компании
442 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company'); 442 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company');
443 443
444 //Образование 444 //Образование
445 Route::get('education', [EducationFrontController::class, 'index'])->name('education'); 445 Route::get('education', [EducationFrontController::class, 'index'])->name('education');
446 Route::get('education/{education}', [EducationFrontController::class, 'show'])->name('show_education')->where('education', '[0-9]+');; 446 Route::get('education/{education}', [EducationFrontController::class, 'show'])->name('show_education')->where('education', '[0-9]+');;
447 447
448 //Новости 448 //Новости
449 Route::get('news', [MainController::class, 'news'])->name('news'); 449 Route::get('news', [MainController::class, 'news'])->name('news');
450 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new'); 450 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new');
451 451
452 //Контакты 452 //Контакты
453 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts'); 453 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
454 454
455 //База резюме 455 //База резюме
456 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume'); 456 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume');
457 Route::get('bd_resume_danger', function(){ 457 Route::get('bd_resume_danger', function(){
458 return view('employers.bd_resume_danger'); 458 return view('employers.bd_resume_danger');
459 })->name('bd_resume_danger'); 459 })->name('bd_resume_danger');
460 460
461 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume'); 461 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume');
462 462
463 //Анкета соискателя 463 //Анкета соискателя
464 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile'); 464 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile');
465 465
466 //Скачать резюме 466 //Скачать резюме
467 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download'); 467 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download');
468 Route::get('resume-download/all', [WorkerController::class, 'resume_download_all'])->name('resume_download_all2'); 468 Route::get('resume-download/all', [WorkerController::class, 'resume_download_all'])->name('resume_download_all2');
469 Route::get('resume-download', [WorkerController::class, 'resume_download_all'])->name('resume_download_all'); 469 Route::get('resume-download', [WorkerController::class, 'resume_download_all'])->name('resume_download_all');
470 470
471 471
472 //Вход в кабинет 472 //Вход в кабинет
473 Route::get('login', [MainController::class, 'input_login'])->name('login'); 473 Route::get('login', [MainController::class, 'input_login'])->name('login');
474 474
475 // Выход из кабинета 475 // Выход из кабинета
476 Route::get('logout', [EmployerController::class, 'logout'])->name('logout'); 476 Route::get('logout', [EmployerController::class, 'logout'])->name('logout');
477 477
478 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker'); 478 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker');
479 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer'); 479 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer');
480 480
481 //восстановление пароля 481 //восстановление пароля
482 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password'); 482 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password');
483 // Звезда сообщения 483 // Звезда сообщения
484 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer'); 484 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer');
485 485
486 // Борьба 486 // Борьба
487 Route::get('clear_cookie', function() { 487 Route::get('clear_cookie', function() {
488 \App\Classes\Cookies_vacancy::clear_vacancy(); 488 \App\Classes\Cookies_vacancy::clear_vacancy();
489 return redirect()->route('index'); 489 return redirect()->route('index');
490 })->name('clear_cookie'); 490 })->name('clear_cookie');
491 491
492 Route::get('cookies', function() { 492 Route::get('cookies', function() {
493 return view('cookies'); 493 return view('cookies');
494 })->name('cookies'); 494 })->name('cookies');
495 495
496 // Личный кабинет работник 496 // Личный кабинет работник
497 Route::group([ 497 Route::group([
498 'as' => 'worker.', // имя маршрута, например auth.index 498 'as' => 'worker.', // имя маршрута, например auth.index
499 'prefix' => 'worker', // префикс маршрута, например auth/index 499 'prefix' => 'worker', // префикс маршрута, например auth/index
500 'middleware' => ['auth'], ['is_worker'], 500 'middleware' => ['auth'], ['is_worker'],
501 ], function() { 501 ], function() {
502 // Формы редактирования 502 // Формы редактирования
503 Route::get('cabinet/basic_information', [WorkerController::class, 'basic_information'])->name('basic_information'); 503 Route::get('cabinet/basic_information', [WorkerController::class, 'basic_information'])->name('basic_information');
504 Route::get('cabinet/additional_documents', [WorkerController::class, 'additional_documents'])->name('additional_documents'); 504 Route::get('cabinet/additional_documents', [WorkerController::class, 'additional_documents'])->name('additional_documents');
505 505
506 // 1 страница - Моя анкета 506 // 1 страница - Моя анкета
507 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet'); 507 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet');
508 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save'); 508 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save');
509 Route::post('cabinet/cabinet_save_foto/{worker}', [WorkerController::class, 'cabinet_save_foto'])->name('cabinet_save_foto'); 509 Route::post('cabinet/cabinet_save_foto/{worker}', [WorkerController::class, 'cabinet_save_foto'])->name('cabinet_save_foto');
510 510
511 511
512 // 2 страница - Сообщения 512 // 2 страница - Сообщения
513 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages'); 513 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages');
514 Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog'); 514 Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog');
515 // 3 страница - Избранные вакансии 515 // 3 страница - Избранные вакансии
516 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite'); 516 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite');
517 // Продолжение борьбы против колорадов - избранные вакансии 517 // Продолжение борьбы против колорадов - избранные вакансии
518 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado'); 518 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado');
519 519
520 // 4 страница - Сменить пароль 520 // 4 страница - Сменить пароль
521 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password'); 521 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password');
522 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password'); 522 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password');
523 523
524 // 5 страница - Удалить профиль 524 // 5 страница - Удалить профиль
525 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile'); 525 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile');
526 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result'); 526 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result');
527 527
528 // Резюме -pdf 528 // Резюме -pdf
529 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download'); 529 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download');
530 530
531 // Поднятие анкеты 531 // Поднятие анкеты
532 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up'); 532 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up');
533 533
534 Route::post('test123', [WorkerController::class, 'test123'])->name('test123'); 534 Route::post('test123', [WorkerController::class, 'test123'])->name('test123');
535 535
536 // Добавление сертификата 536 // Добавление сертификата
537 Route::get('кабинет/new_sertificate/{worker}', [WorkerController::class, 'new_sertificate'])->name('new_sertificate'); 537 Route::get('кабинет/new_sertificate/{worker}', [WorkerController::class, 'new_sertificate'])->name('new_sertificate');
538 Route::get('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate'); 538 Route::get('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate');
539 Route::get('кабинет/edit_sertificate/{worker}/{doc}', [WorkerController::class, 'edit_sertificate'])->name('edit_sertificate'); 539 Route::get('кабинет/edit_sertificate/{worker}/{doc}', [WorkerController::class, 'edit_sertificate'])->name('edit_sertificate');
540 Route::get('кабинет/edit_sertificate/{doc}', [WorkerController::class, 'update_serificate'])->name('update_serificate'); 540 Route::get('кабинет/edit_sertificate/{doc}', [WorkerController::class, 'update_serificate'])->name('update_serificate');
541 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate'); 541 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate');
542 542
543 // Добавление предыдущих контактов компании 543 // Добавление предыдущих контактов компании
544 Route::get('кабинет/prev_company/{worker}', [WorkerController::class, 'new_prev_company'])->name('new_prev_company'); 544 Route::get('кабинет/prev_company/{worker}', [WorkerController::class, 'new_prev_company'])->name('new_prev_company');
545 Route::get('кабинет/add_prev_company', [WorkerController::class, 'add_prev_company'])->name('add_prev_company'); 545 Route::get('кабинет/add_prev_company', [WorkerController::class, 'add_prev_company'])->name('add_prev_company');
546 Route::get('кабинет/edit_prev_company/{doc}/{worker}', [WorkerController::class, 'edit_prev_company'])->name('edit_prev_company'); 546 Route::get('кабинет/edit_prev_company/{doc}/{worker}', [WorkerController::class, 'edit_prev_company'])->name('edit_prev_company');
547 Route::post('кабинет/update_prev_company/{doc}', [WorkerController::class, 'update_prev_company'])->name('update_prev_company'); 547 Route::post('кабинет/update_prev_company/{doc}', [WorkerController::class, 'update_prev_company'])->name('update_prev_company');
548 Route::get('кабинет/delete_prev_company/{doc}', [WorkerController::class, 'delete_prev_company'])->name('delete_prev_company'); 548 Route::get('кабинет/delete_prev_company/{doc}', [WorkerController::class, 'delete_prev_company'])->name('delete_prev_company');
549 549
550 // Добавление документа-диплома 550 // Добавление документа-диплома
551 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom'); 551 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom');
552 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save'); 552 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save');
553 Route::put('кабинет/edit_diploms/{worker}', [WorkerController::class, 'edit_diploms'])->name('edit_diploms'); 553 Route::put('кабинет/edit_diploms/{worker}', [WorkerController::class, 'edit_diploms'])->name('edit_diploms');
554 Route::get('кабинет/delete_ad_diplom/{worker}', [WorkerController::class, 'delete_add_diplom'])->name('delete_add_diplom'); 554 Route::get('кабинет/delete_ad_diplom/{worker}', [WorkerController::class, 'delete_add_diplom'])->name('delete_add_diplom');
555 555
556 // Добавление стандартного диплома 556 // Добавление стандартного диплома
557 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document'); 557 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document');
558 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save'); 558 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save');
559 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document'); 559 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document');
560 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save'); 560 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save');
561 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document'); 561 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document');
562 562
563 // Отправка сообщения работодателю от соискателя 563 // Отправка сообщения работодателю от соискателя
564 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message'); 564 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message');
565 }); 565 });
566 566
567 // Личный кабинет работодателя 567 // Личный кабинет работодателя
568 Route::group([ 568 Route::group([
569 'as' => 'employer.', // имя маршрута, например auth.index 569 'as' => 'employer.', // имя маршрута, например auth.index
570 'prefix' => 'employer', // префикс маршрута, например auth/index 570 'prefix' => 'employer', // префикс маршрута, например auth/index
571 'middleware' => ['auth'], !['is_worker'], 571 'middleware' => ['auth'], !['is_worker'],
572 ], function() { 572 ], function() {
573 // 0 страница - Личные данные работодателя 573 // 0 страница - Личные данные работодателя
574 Route::get('cabinet/employer_info', [EmployerController::class, 'employer_info'])->name('employer_info'); 574 Route::get('cabinet/employer_info', [EmployerController::class, 'employer_info'])->name('employer_info');
575 Route::post('cabinet/employer_info/{user}', [EmployerController::class, 'employer_info_save'])->name('employer_info_save'); 575 Route::post('cabinet/employer_info/{user}', [EmployerController::class, 'employer_info_save'])->name('employer_info_save');
576 576
577 // 1 страница - Профиль 577 // 1 страница - Профиль
578 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet'); 578 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet');
579 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save'); 579 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save');
580 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot'); 580 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot');
581 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot'); 581 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot');
582 Route::get('cabinet/flot_edit/{Flot}/{Employer}', [EmployerController::class, 'edit_flot'])->name('edit_flot'); 582 Route::get('cabinet/flot_edit/{Flot}/{Employer}', [EmployerController::class, 'edit_flot'])->name('edit_flot');
583 Route::post('cabinet/flot_edit/{Flot}', [EmployerController::class, 'update_flot'])->name('update_flot_save'); 583 Route::post('cabinet/flot_edit/{Flot}', [EmployerController::class, 'update_flot'])->name('update_flot_save');
584 Route::get('cabinet/flot', [EmployerController::class, 'slider_flot'])->name('slider_flot'); 584 Route::get('cabinet/flot', [EmployerController::class, 'slider_flot'])->name('slider_flot');
585 585
586 // 2 страница - Добавление вакансий 586 // 2 страница - Добавление вакансий
587 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie'); 587 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie');
588 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save'); 588 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save');
589 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger'); 589 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger');
590 590
591 591
592 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people'); 592 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
593 593
594 // 3 страница - Мои вакансии 594 // 3 страница - Мои вакансии
595 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list'); 595 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list');
596 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 596 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
597 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete'); 597 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete');
598 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up'); 598 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up');
599 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye'); 599 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye');
600 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 600 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
601 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me'); 601 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me');
602 602
603 // 4.1Ю. 603 // 4.1Ю.
604 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac'); 604 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac');
605 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save'); 605 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save');
606 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac'); 606 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac');
607 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save'); 607 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save');
608 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac'); 608 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac');
609 609
610 // 4 страница - Отклики на вакансии 610 // 4 страница - Отклики на вакансии
611 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers'); 611 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers');
612 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple'); 612 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple');
613 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg'); 613 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg');
614 614
615 // 5 страница - Сообщения 615 // 5 страница - Сообщения
616 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages'); 616 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages');
617 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog'); 617 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog');
618 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message'); 618 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message');
619 Route::post('test123', [EmployerController::class, 'test123'])->name('test123'); 619 Route::post('test123', [EmployerController::class, 'test123'])->name('test123');
620 620
621 // 6 страница - Избранный 621 // 6 страница - Избранный
622 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites'); 622 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites');
623 623
624 //7 страница - База данных 624 //7 страница - База данных
625 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd'); 625 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd');
626 626
627 //8 страница - База резюме 627 //8 страница - База резюме
628 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe'); 628 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe');
629 629
630 // 9 рассылка сообщений 630 // 9 рассылка сообщений
631 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages'); 631 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages');
632 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post'); 632 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post');
633 633
634 // 10 страница FAQ вопросы 634 // 10 страница FAQ вопросы
635 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq'); 635 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq');
636 636
637 // 11 страница - Настройка уведомлений 637 // 11 страница - Настройка уведомлений
638 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe'); 638 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe');
639 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe'); 639 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe');
640 640
641 // 12 страница - Сменить пароль 641 // 12 страница - Сменить пароль
642 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset'); 642 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset');
643 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password'); 643 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password');
644 644
645 // 13 страница - Удаление профиля 645 // 13 страница - Удаление профиля
646 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people'); 646 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
647 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user'); 647 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
648 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user'); 648 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
649 649
650 // Отправил сообщение 650 // Отправил сообщение
651 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message'); 651 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');
652
653 Route::post('pin_chat/', [EmployerController::class, 'pin_chat'])->name('pin_chat');
654 Route::post('remove_chat/', [EmployerController::class, 'remove_chat'])->name('remove_chat');
652 }); 655 });
653 656
654 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker'); 657 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker');
655 658
656 659