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

Download as
Browse Code »

Commit 356dd9836ee3cac31ea1b8b5da387b62f8e9b50c

Authored by Андрей Ларионов
2 parents 3b95c5dd07 2f592b01f8
Exists in master

uncommited files

Showing 21 changed files Inline Diff

app/Http/Controllers/EmployerController.php
Diff comments   View file @ 356dd98
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\Employer; 18 use App\Models\Employer;
18 use App\Models\Flot; 19 use App\Models\Flot;
19 use App\Models\Job_title; 20 use App\Models\Job_title;
20 use App\Models\Like_worker; 21 use App\Models\Like_worker;
21 use App\Models\Message; 22 use App\Models\Message;
22 use App\Models\Worker; 23 use App\Models\Worker;
23 use Carbon\Carbon; 24 use Carbon\Carbon;
24 use Illuminate\Auth\Events\Registered; 25 use Illuminate\Auth\Events\Registered;
25 use Illuminate\Database\Eloquent\Builder; 26 use Illuminate\Database\Eloquent\Builder;
26 use Illuminate\Http\Request; 27 use Illuminate\Http\Request;
27 use Illuminate\Support\Facades\Auth; 28 use Illuminate\Support\Facades\Auth;
28 use Illuminate\Support\Facades\Hash; 29 use Illuminate\Support\Facades\Hash;
29 use Illuminate\Support\Facades\Mail; 30 use Illuminate\Support\Facades\Mail;
30 use Illuminate\Support\Facades\Storage; 31 use Illuminate\Support\Facades\Storage;
31 use App\Models\User as User_Model; 32 use App\Models\User as User_Model;
32 use Illuminate\Support\Facades\Validator; 33 use Illuminate\Support\Facades\Validator;
33 use App\Enums\DbExportColumns; 34 use App\Enums\DbExportColumns;
34 35
35 class EmployerController extends Controller 36 class EmployerController extends Controller
36 { 37 {
37 public function vacancie($vacancy, Request $request) { 38 public function vacancie($vacancy, Request $request) {
38 $title = 'Заголовок вакансии'; 39 $title = 'Заголовок вакансии';
39 $Query = Ad_employer::with('jobs')-> 40 $Query = Ad_employer::with('jobs')->
40 with('cat')-> 41 with('cat')->
41 with('employer')-> 42 with('employer')->
42 with('jobs_code')-> 43 with('jobs_code')->
43 select('ad_employers.*')-> 44 select('ad_employers.*')->
44 where('id', '=', $vacancy)->get(); 45 where('id', '=', $vacancy)->get();
45 46
46 if (isset(Auth()->user()->id)) 47 if (isset(Auth()->user()->id))
47 $uid = Auth()->user()->id; 48 $uid = Auth()->user()->id;
48 else 49 else
49 $uid = 0; 50 $uid = 0;
50 $title = $Query[0]->name; 51 $title = $Query[0]->name;
51 if ($request->ajax()) { 52 if ($request->ajax()) {
52 return view('ajax.vacance-item', compact('Query','uid')); 53 return view('ajax.vacance-item', compact('Query','uid'));
53 } else { 54 } else {
54 return view('vacance-item', compact('title', 'Query', 'uid')); 55 return view('vacance-item', compact('title', 'Query', 'uid'));
55 } 56 }
56 } 57 }
57 58
58 public function logout() { 59 public function logout() {
59 Auth::logout(); 60 Auth::logout();
60 return redirect()->route('index') 61 return redirect()->route('index')
61 ->with('success', 'Вы вышли из личного кабинета'); 62 ->with('success', 'Вы вышли из личного кабинета');
62 } 63 }
63 64
64 public function employer_info() { 65 public function employer_info() {
65 // код юзера 66 // код юзера
66 $user_info = Auth()->user(); 67 $user_info = Auth()->user();
67 // вьюшка для вывода данных 68 // вьюшка для вывода данных
68 return view('employers.info', compact('user_info')); 69 return view('employers.info', compact('user_info'));
69 } 70 }
70 71
71 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) {
72 // Все данные через реквест 73 // Все данные через реквест
73 $all = $request->all(); 74 $all = $request->all();
74 unset($all['_token']); 75 unset($all['_token']);
75 // обновление 76 // обновление
76 $user->update($all); 77 $user->update($all);
77 return redirect()->route('employer.employer_info'); 78 return redirect()->route('employer.employer_info');
78 } 79 }
79 80
80 public function cabinet() { 81 public function cabinet() {
81 $id = Auth()->user()->id; 82 $id = Auth()->user()->id;
82 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 83 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
83 WhereHas('users', 84 WhereHas('users',
84 function (Builder $query) use ($id) {$query->Where('id', $id); 85 function (Builder $query) use ($id) {$query->Where('id', $id);
85 })->get(); 86 })->get();
86 return view('employers.cabinet45', compact('Employer')); 87 return view('employers.cabinet45', compact('Employer'));
87 } 88 }
88 89
89 public function slider_flot() { 90 public function slider_flot() {
90 $id = Auth()->user()->id; 91 $id = Auth()->user()->id;
91 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 92 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
92 WhereHas('users', 93 WhereHas('users',
93 function (Builder $query) use ($id) {$query->Where('id', $id); 94 function (Builder $query) use ($id) {$query->Where('id', $id);
94 })->get(); 95 })->get();
95 return view('employers.fly-flot', compact('Employer')); 96 return view('employers.fly-flot', compact('Employer'));
96 } 97 }
97 98
98 public function cabinet_save(Employer $Employer, Request $request) { 99 public function cabinet_save(Employer $Employer, Request $request) {
99 $params = $request->all(); 100 $params = $request->all();
100 $params['user_id'] = Auth()->user()->id; 101 $params['user_id'] = Auth()->user()->id;
101 $id = $Employer->id; 102 $id = $Employer->id;
102 103
103 if ($request->has('logo')) { 104 if ($request->has('logo')) {
104 if (!empty($Employer->logo)) { 105 if (!empty($Employer->logo)) {
105 Storage::delete($Employer->logo); 106 Storage::delete($Employer->logo);
106 } 107 }
107 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 108 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
108 } 109 }
109 110
110 $Employer->update($params); 111 $Employer->update($params);
111 112
112 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 113 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
113 } 114 }
114 115
115 public function save_add_flot(FlotRequest $request) { 116 public function save_add_flot(FlotRequest $request) {
116 // отмена 117 // отмена
117 $params = $request->all(); 118 $params = $request->all();
118 119
119 if ($request->has('image')) { 120 if ($request->has('image')) {
120 $params['image'] = $request->file('image')->store("flot", 'public'); 121 $params['image'] = $request->file('image')->store("flot", 'public');
121 } 122 }
122 Flot::create($params); 123 Flot::create($params);
123 $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();
124 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 125 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
125 } 126 }
126 127
127 public function edit_flot(Flot $Flot, Employer $Employer) { 128 public function edit_flot(Flot $Flot, Employer $Employer) {
128 return view('employers.edit-flot', compact('Flot', 'Employer')); 129 return view('employers.edit-flot', compact('Flot', 'Employer'));
129 } 130 }
130 131
131 public function update_flot(FlotRequest $request, Flot $Flot) { 132 public function update_flot(FlotRequest $request, Flot $Flot) {
132 $params = $request->all(); 133 $params = $request->all();
133 134
134 if ($request->has('image')) { 135 if ($request->has('image')) {
135 if (!empty($flot->image)) { 136 if (!empty($flot->image)) {
136 Storage::delete($flot->image); 137 Storage::delete($flot->image);
137 } 138 }
138 $params['image'] = $request->file('image')->store("flot", 'public'); 139 $params['image'] = $request->file('image')->store("flot", 'public');
139 } else { 140 } else {
140 if (!empty($flot->image)) $params['image'] = $flot->image; 141 if (!empty($flot->image)) $params['image'] = $flot->image;
141 } 142 }
142 143
143 $Flot->update($params); 144 $Flot->update($params);
144 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 145 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
145 } 146 }
146 147
147 public function delete_flot(Flot $Flot) { 148 public function delete_flot(Flot $Flot) {
148 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 149 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
149 150
150 if (isset($Flot->id)) $Flot->delete(); 151 if (isset($Flot->id)) $Flot->delete();
151 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 152 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
152 } 153 }
153 154
154 // Форма добавления вакансий 155 // Форма добавления вакансий
155 public function cabinet_vacancie() { 156 public function cabinet_vacancie() {
156 $id = Auth()->user()->id; 157 $id = Auth()->user()->id;
157 158
158 if (Auth()->user()->is_public) { 159 if (Auth()->user()->is_public) {
159 $categories = Category::query()->active()->get(); 160 $categories = Category::query()->active()->get();
160 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 161 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
161 where('is_remove', '=', '0')-> 162 where('is_remove', '=', '0')->
162 where('is_bd', '=', '0')-> 163 where('is_bd', '=', '0')->
163 get(); 164 get();
164 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 165 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
165 WhereHas('users', 166 WhereHas('users',
166 function (Builder $query) use ($id) { 167 function (Builder $query) use ($id) {
167 $query->Where('id', $id); 168 $query->Where('id', $id);
168 })->get(); 169 })->get();
169 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories')); 170 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
170 } else { 171 } else {
171 return redirect()->route('employer.cabinet_vacancie_danger'); 172 return redirect()->route('employer.cabinet_vacancie_danger');
172 } 173 }
173 } 174 }
174 175
175 // Форма предупреждения об оплате 176 // Форма предупреждения об оплате
176 public function cabinet_vacancie_danger() { 177 public function cabinet_vacancie_danger() {
177 return view('employers.add_vacancy_danger'); 178 return view('employers.add_vacancy_danger');
178 } 179 }
179 180
180 // Сохранение вакансии 181 // Сохранение вакансии
181 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 182 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
182 $params_emp = $request->all(); 183 $params_emp = $request->all();
183 184
184 $params_job["job_title_id"] = $params_emp['job_title_id']; 185 $params_job["job_title_id"] = $params_emp['job_title_id'];
185 //$params_job["min_salary"] = $params_emp['min_salary']; 186 //$params_job["min_salary"] = $params_emp['min_salary'];
186 //$params_job["max_salary"] = $params_emp['max_salary']; 187 //$params_job["max_salary"] = $params_emp['max_salary'];
187 //$params_job["region"] = $params_emp['region']; 188 //$params_job["region"] = $params_emp['region'];
188 //$params_job["power"] = $params_emp['power']; 189 //$params_job["power"] = $params_emp['power'];
189 //$params_job["sytki"] = $params_emp['sytki']; 190 //$params_job["sytki"] = $params_emp['sytki'];
190 //$params_job["start"] = $params_emp['start']; 191 //$params_job["start"] = $params_emp['start'];
191 //$params_job["flot"] = $params_emp['flot']; 192 //$params_job["flot"] = $params_emp['flot'];
192 //$params_job["description"] = $params_emp['description']; 193 //$params_job["description"] = $params_emp['description'];
193 194
194 $ad_jobs = Ad_employer::create($params_emp); 195 $ad_jobs = Ad_employer::create($params_emp);
195 //$params_job['ad_employer_id'] = $ad_jobs->id; 196 //$params_job['ad_employer_id'] = $ad_jobs->id;
196 //Ad_jobs::create($params_job); 197 //Ad_jobs::create($params_job);
197 $ad_jobs->jobs()->sync($request->get('job_title_id')); 198 $ad_jobs->jobs()->sync($request->get('job_title_id'));
198 199
199 return redirect()->route('employer.vacancy_list'); 200 return redirect()->route('employer.vacancy_list');
200 } 201 }
201 202
202 // Список вакансий 203 // Список вакансий
203 public function vacancy_list(Request $request) { 204 public function vacancy_list(Request $request) {
204 $id = Auth()->user()->id; 205 $id = Auth()->user()->id;
205 206
206 //dd($request->all()); 207 //dd($request->all());
207 $Employer = Employer::query()->where('user_id', $id)->first(); 208 $Employer = Employer::query()->where('user_id', $id)->first();
208 $vacancy_list = Ad_employer::query()->with('jobs')-> 209 $vacancy_list = Ad_employer::query()->with('jobs')->
209 with('jobs_code')-> 210 with('jobs_code')->
210 where('employer_id', $Employer->id); 211 where('employer_id', $Employer->id);
211 212
212 if (($request->has('search')) && (!empty($request->get('search')))) { 213 if (($request->has('search')) && (!empty($request->get('search')))) {
213 $search = $request->get('search'); 214 $search = $request->get('search');
214 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%"); 215 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
215 } 216 }
216 217
217 if ($request->get('sort')) { 218 if ($request->get('sort')) {
218 $sort = $request->get('sort'); 219 $sort = $request->get('sort');
219 switch ($sort) { 220 switch ($sort) {
220 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;
221 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;
222 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break; 223 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break;
223 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break; 224 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break;
224 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;
225 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;
226 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;
227 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break; 228 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break;
228 } 229 }
229 } else { 230 } else {
230 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); 231 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id');
231 } 232 }
232 233
233 $vacancy_list = $vacancy_list->paginate(10); 234 $vacancy_list = $vacancy_list->paginate(10);
234 235
235 //ajax 236 //ajax
236 if ($request->ajax()) { 237 if ($request->ajax()) {
237 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 238 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
238 } else { 239 } else {
239 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 240 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
240 } 241 }
241 } 242 }
242 243
243 // Карточка вакансии 244 // Карточка вакансии
244 public function vacancy_edit(Ad_employer $ad_employer) { 245 public function vacancy_edit(Ad_employer $ad_employer) {
245 $id = Auth()->user()->id; 246 $id = Auth()->user()->id;
246 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 247 $Positions = Category::query()->where('is_remove', '=', '0')->get();
247 248
248 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 249 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
249 where('is_remove', '=', '0')-> 250 where('is_remove', '=', '0')->
250 where('is_bd', '=', '0')->get(); 251 where('is_bd', '=', '0')->get();
251 252
252 $Employer = Employer::query()->with('users')->with('ads')-> 253 $Employer = Employer::query()->with('users')->with('ads')->
253 with('flots')->where('user_id', $id)->first(); 254 with('flots')->where('user_id', $id)->first();
254 255
255 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 256 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
256 } 257 }
257 258
258 // Сохранение-редактирование записи 259 // Сохранение-редактирование записи
259 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 260 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
260 $params = $request->all(); 261 $params = $request->all();
261 $params_job["job_title_id"] = $params['job_title_id']; 262 $params_job["job_title_id"] = $params['job_title_id'];
262 263
263 $ad_employer->update($params); 264 $ad_employer->update($params);
264 $ad_employer->jobs()->sync($request->get('job_title_id')); 265 $ad_employer->jobs()->sync($request->get('job_title_id'));
265 266
266 $id = Auth()->user()->id; 267 $id = Auth()->user()->id;
267 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 268 $Positions = Category::query()->where('is_remove', '=', '0')->get();
268 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name') 269 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
269 ->where('is_remove', '=', '0') 270 ->where('is_remove', '=', '0')
270 ->where('is_bd', '=', '0') 271 ->where('is_bd', '=', '0')
271 ->get(); 272 ->get();
272 273
273 $Employer = Employer::query() 274 $Employer = Employer::query()
274 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first(); 275 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
275 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 276 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
276 } 277 }
277 278
278 // Сохранение карточки вакансии 279 // Сохранение карточки вакансии
279 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 280 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
280 $all = $request->all(); 281 $all = $request->all();
281 $ad_employer->update($all); 282 $ad_employer->update($all);
282 return redirect()->route('employer.cabinet_vacancie'); 283 return redirect()->route('employer.cabinet_vacancie');
283 } 284 }
284 285
285 // Удаление карточки вакансии 286 // Удаление карточки вакансии
286 public function vacancy_delete(Ad_employer $ad_employer) { 287 public function vacancy_delete(Ad_employer $ad_employer) {
287 $ad_employer->delete(); 288 $ad_employer->delete();
288 289
289 return redirect()->route('employer.vacancy_list') 290 return redirect()->route('employer.vacancy_list')
290 ->with('success', 'Данные были успешно сохранены'); 291 ->with('success', 'Данные были успешно сохранены');
291 } 292 }
292 293
293 // Обновление даты 294 // Обновление даты
294 public function vacancy_up(Ad_employer $ad_employer) { 295 public function vacancy_up(Ad_employer $ad_employer) {
295 $up = date('m/d/Y h:i:s', time());; 296 $up = date('m/d/Y h:i:s', time());;
296 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 297 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
297 $vac_emp->updated_at = $up; 298 $vac_emp->updated_at = $up;
298 $vac_emp->save(); 299 $vac_emp->save();
299 300
300 return redirect()->back(); //route('employer.vacancy_list'); 301 return redirect()->back(); //route('employer.vacancy_list');
301 // начало конца 302 // начало конца
302 } 303 }
303 304
304 //Видимость вакансии 305 //Видимость вакансии
305 public function vacancy_eye(Ad_employer $ad_employer, $status) { 306 public function vacancy_eye(Ad_employer $ad_employer, $status) {
306 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 307 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
307 $vac_emp->active_is = $status; 308 $vac_emp->active_is = $status;
308 $vac_emp->save(); 309 $vac_emp->save();
309 310
310 return redirect()->route('employer.vacancy_list'); 311 return redirect()->route('employer.vacancy_list');
311 } 312 }
312 313
313 //Вакансия редактирования (шаблон) 314 //Вакансия редактирования (шаблон)
314 public function vacancy_update(Ad_employer $id) { 315 public function vacancy_update(Ad_employer $id) {
315 316
316 } 317 }
317 318
318 //Отклики на вакансию - лист 319 //Отклики на вакансию - лист
319 public function answers(Employer $employer, Request $request) { 320 public function answers(Employer $employer, Request $request) {
320 $user_id = Auth()->user()->id; 321 $user_id = Auth()->user()->id;
321 $answer = Ad_employer::query()->where('employer_id', $employer->id); 322 $answer = Ad_employer::query()->where('employer_id', $employer->id);
322 if ($request->has('search')) { 323 if ($request->has('search')) {
323 $search = trim($request->get('search')); 324 $search = trim($request->get('search'));
324 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 325 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
325 } 326 }
326 327
327 $answer = $answer->with('response')->OrderByDESC('id')->get(); 328 $answer = $answer->with('response')->OrderByDESC('id')->get();
328 329
329 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 330 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
330 } 331 }
331 332
332 //Обновление статуса 333 //Обновление статуса
333 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 334 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
334 $ad_response->update(Array('flag' => $flag)); 335 $ad_response->update(Array('flag' => $flag));
335 return redirect()->route('employer.answers', ['employer' => $employer->id]); 336 return redirect()->route('employer.answers', ['employer' => $employer->id]);
336 } 337 }
337 338
338 //Страницы сообщений список 339 //Страницы сообщений список
339 public function messages($type_message) { 340 public function messages($type_message) {
340 $user_id = Auth()->user()->id; 341 $user_id = Auth()->user()->id;
341 342
342 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 343 $chats = Chat::get_user_chats($user_id);
343 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 344 $user_type = 'employer';
344
345 $messages_output = Message::query()->with('vacancies')->
346 with('user_to')->where('user_id', $user_id)->
347 OrderByDesc('created_at');
348
349 $count_input = $messages_input->count();
350 $count_output = $messages_output->count();
351
352 if ($type_message == 'input') {
353 $messages = $messages_input->paginate(5);
354 }
355
356 if ($type_message == 'output') {
357 $messages = $messages_output->paginate(5);
358 }
359
360 //dd($user_id, $messages[2]->vacancies);
361 //jobs);
362 345
363 return view('employers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id')); 346 return view('employers.messages', compact('chats','user_id', 'user_type'));
364 } 347 }
365 348
366 // Диалог между пользователями 349 // Диалог между пользователями
367 public function dialog(Request $request, User_Model $user1, User_Model $user2) { 350 public function dialog(Request $request, User_Model $user1, User_Model $user2) {
368 // Получение параметров. 351 // Получение параметров.
369 if ($request->has('ad_employer')){ 352 if ($request->has('ad_employer')){
370 $ad_employer = $request->get('ad_employer'); 353 $ad_employer = $request->get('ad_employer');
371 } else { 354 } else {
372 $ad_employer = 0; 355 $ad_employer = 0;
373 } 356 }
374 357
375 if (isset($user2->id)) { 358 if (isset($user2->id)) {
376 $companion = User_Model::query()->with('workers')-> 359 $companion = User_Model::query()->with('workers')->
377 with('employers')-> 360 with('employers')->
378 where('id', $user2->id)->first(); 361 where('id', $user2->id)->first();
379 } 362 }
380 363
381 $Messages = Message::query()-> 364 $Messages = Message::query()
382 where('ad_employer_id', '=', $ad_employer)-> 365 ->where(function($query) use ($user1, $user2) {
383 where(function($query) use ($user1, $user2) { 366 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
384 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 367 })
385 })->orWhere(function($query) use ($user1, $user2) { 368 ->orWhere(function($query) use ($user1, $user2) {
386 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 369 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
387 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get(); 370 })
371 ->orderBy('created_at')
388 372 ->get()
389 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id;
390
391 //$ad_employer = null; 373 ;
392 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 374
375 $sender = $user1;
376
377 Message::where('user_id', '=', $user2->id)
378 ->where('to_user_id', '=', $user1->id)
379 ->update(['flag_new' => 0])
393 $sender = $user1; 380 ;
394 381
395 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 382 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
383 }
384
385 public function pin_chat(Request $request){
386 $chat_id = $request->get('id');
387 $is_fixed = $request->get('is_fixed');
388
389 Chat::pin_chat($chat_id, $is_fixed);
390 }
391
392 public function remove_chat(Request $request){
393 $chat_id = $request->get('id');
394 Chat::remove_chat($chat_id);
396 } 395 }
397 396
398 // Регистрация работодателя 397 // Регистрация работодателя
399 public function register_employer(Request $request) { 398 public function register_employer(Request $request) {
400 $params = $request->all(); 399 $params = $request->all();
401 400
402 $rules = [ 401 $rules = [
403 //'surname' => ['required', 'string', 'max:255'], 402 //'surname' => ['required', 'string', 'max:255'],
404 //'name_man' => ['required', 'string', 'max:255'], 403 //'name_man' => ['required', 'string', 'max:255'],
405 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 404 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
406 'name_company' => ['required', 'string', 'max:255'], 405 'name_company' => ['required', 'string', 'max:255'],
407 'password' => ['required', 'string', 'min:6'], 406 'password' => ['required', 'string', 'min:6'],
408 ]; 407 ];
409 408
410 409
411 $messages = [ 410 $messages = [
412 'required' => 'Укажите обязательное поле', 411 'required' => 'Укажите обязательное поле',
413 'min' => [ 412 'min' => [
414 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 413 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
415 'integer' => 'Поле «:attribute» должно быть :min или больше', 414 'integer' => 'Поле «:attribute» должно быть :min или больше',
416 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 415 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
417 ], 416 ],
418 'max' => [ 417 'max' => [
419 'string' => 'Поле «:attribute» должно быть не больше :max символов', 418 'string' => 'Поле «:attribute» должно быть не больше :max символов',
420 'integer' => 'Поле «:attribute» должно быть :max или меньше', 419 'integer' => 'Поле «:attribute» должно быть :max или меньше',
421 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 420 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
422 ] 421 ]
423 ]; 422 ];
424 423
425 $email = $request->get('email'); 424 $email = $request->get('email');
426 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 425 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
427 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 426 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
428 } 427 }
429 428
430 if ($request->get('password') !== $request->get('confirmed')){ 429 if ($request->get('password') !== $request->get('confirmed')){
431 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 430 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
432 } 431 }
433 432
434 if (strlen($request->get('password')) < 6) { 433 if (strlen($request->get('password')) < 6) {
435 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 434 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
436 } 435 }
437 436
438 if (empty($request->get('surname'))) { 437 if (empty($request->get('surname'))) {
439 $params['surname'] = 'Неизвестно'; 438 $params['surname'] = 'Неизвестно';
440 } 439 }
441 if (empty($request->get('name_man'))) { 440 if (empty($request->get('name_man'))) {
442 $params['name_man'] = 'Неизвестно'; 441 $params['name_man'] = 'Неизвестно';
443 } 442 }
444 $validator = Validator::make($params, $rules, $messages); 443 $validator = Validator::make($params, $rules, $messages);
445 444
446 if ($validator->fails()) { 445 if ($validator->fails()) {
447 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 446 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
448 } else { 447 } else {
449 $user = $this->create($params); 448 $user = $this->create($params);
450 event(new Registered($user)); 449 event(new Registered($user));
451 450
452 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params)); 451 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
453 452
454 Auth::guard()->login($user); 453 Auth::guard()->login($user);
455 } 454 }
456 455
457 if ($user) { 456 if ($user) {
458 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 457 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
459 } else { 458 } else {
460 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 459 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
461 } 460 }
462 } 461 }
463 462
464 // Создание пользователя 463 // Создание пользователя
465 protected function create(array $data) 464 protected function create(array $data)
466 { 465 {
467 $Use = new User_Model(); 466 $Use = new User_Model();
468 $Code_user = $Use->create([ 467 $Code_user = $Use->create([
469 'name' => $data['surname']." ".$data['name_man'], 468 'name' => $data['surname']." ".$data['name_man'],
470 'name_man' => $data['name_man'], 469 'name_man' => $data['name_man'],
471 'surname' => $data['surname'], 470 'surname' => $data['surname'],
472 'surname2' => $data['surname2'], 471 'surname2' => $data['surname2'],
473 'subscribe_email' => $data['email'], 472 'subscribe_email' => $data['email'],
474 'email' => $data['email'], 473 'email' => $data['email'],
475 'telephone' => $data['telephone'], 474 'telephone' => $data['telephone'],
476 'is_worker' => 0, 475 'is_worker' => 0,
477 'password' => Hash::make($data['password']), 476 'password' => Hash::make($data['password']),
478 'pubpassword' => base64_encode($data['password']), 477 'pubpassword' => base64_encode($data['password']),
479 'email_verified_at' => Carbon::now() 478 'email_verified_at' => Carbon::now()
480 ]); 479 ]);
481 480
482 if ($Code_user->id > 0) { 481 if ($Code_user->id > 0) {
483 $Employer = new Employer(); 482 $Employer = new Employer();
484 $Employer->user_id = $Code_user->id; 483 $Employer->user_id = $Code_user->id;
485 $Employer->name_company = $data['name_company']; 484 $Employer->name_company = $data['name_company'];
486 $Employer->email = $data['email']; 485 $Employer->email = $data['email'];
487 $Employer->telephone = $data['telephone']; 486 $Employer->telephone = $data['telephone'];
488 $Employer->code = Tools::generator_id(10); 487 $Employer->code = Tools::generator_id(10);
489 $Employer->save(); 488 $Employer->save();
490 489
491 return $Code_user; 490 return $Code_user;
492 } 491 }
493 } 492 }
494 493
495 // Отправка сообщения от работодателя 494 // Отправка сообщения от работодателя
496 public function send_message(MessagesRequiest $request) { 495 public function send_message(MessagesRequiest $request) {
497 $params = $request->all(); 496 $params = $request->all();
498 dd($params); 497 dd($params);
499 $user1 = $params['user_id']; 498 $user1 = $params['user_id'];
500 $user2 = $params['to_user_id']; 499 $user2 = $params['to_user_id'];
501 500
502 if ($request->has('file')) { 501 if ($request->has('file')) {
503 $params['file'] = $request->file('file')->store("messages", 'public'); 502 $params['file'] = $request->file('file')->store("messages", 'public');
504 } 503 }
505 Message::create($params); 504 Message::create($params);
506 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 505 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
507 } 506 }
508 507
509 public function test123(Request $request) { 508 public function test123(Request $request) {
510 $params = $request->all(); 509 $params = $request->all();
511 $user1 = $params['user_id']; 510 $user1 = $params['user_id'];
512 $user2 = $params['to_user_id']; 511 $user2 = $params['to_user_id'];
513 $id_vacancy = $params['ad_employer_id']; 512 $id_vacancy = $params['ad_employer_id'];
514 $ad_name = $params['ad_name']; 513 $ad_name = $params['ad_name'];
515 514
516 $rules = [ 515 $rules = [
517 'text' => 'required|min:1|max:150000', 516 'text' => 'required|min:1|max:150000',
518 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 517 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
519 ]; 518 ];
520 $messages = [ 519 $messages = [
521 'required' => 'Укажите обязательное поле', 520 'required' => 'Укажите обязательное поле',
522 'min' => [ 521 'min' => [
523 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 522 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
524 'integer' => 'Поле «:attribute» должно быть :min или больше', 523 'integer' => 'Поле «:attribute» должно быть :min или больше',
525 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 524 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
526 ], 525 ],
527 'max' => [ 526 'max' => [
528 'string' => 'Поле «:attribute» должно быть не больше :max символов', 527 'string' => 'Поле «:attribute» должно быть не больше :max символов',
529 'integer' => 'Поле «:attribute» должно быть :max или меньше', 528 'integer' => 'Поле «:attribute» должно быть :max или меньше',
530 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 529 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
531 ] 530 ]
532 ]; 531 ];
533 532
534 $validator = Validator::make($request->all(), $rules, $messages); 533 $validator = Validator::make($request->all(), $rules, $messages);
535 534
536 if ($validator->fails()) { 535 if ($validator->fails()) {
537 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 536 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
538 ->withErrors($validator); 537 ->withErrors($validator);
539 } else { 538 } else {
540 if ($request->has('file')) {
541 $params['file'] = $request->file('file')->store("messages", 'public');
542 } 539 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
543 Message::create($params); 540
544 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 541 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
545 return redirect()->route('employer.dialog', 542 return redirect()->route('employer.dialog',
546 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 543 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
547 544
548 } 545 }
549 } 546 }
550 547
551 //Избранные люди 548 //Избранные люди
552 public function favorites(Request $request) { 549 public function favorites(Request $request) {
553 $IP_address = RusDate::ip_addr_client(); 550 $IP_address = RusDate::ip_addr_client();
554 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 551 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
555 552
556 if ($Arr->count()) { 553 if ($Arr->count()) {
557 $A = Array(); 554 $A = Array();
558 foreach ($Arr as $it) { 555 foreach ($Arr as $it) {
559 $A[] = $it->code_record; 556 $A[] = $it->code_record;
560 } 557 }
561 558
562 $Workers = Worker::query()->whereIn('id', $A); 559 $Workers = Worker::query()->whereIn('id', $A);
563 } else { 560 } else {
564 $Workers = Worker::query()->where('id', '=', '0'); 561 $Workers = Worker::query()->where('id', '=', '0');
565 } 562 }
566 563
567 if (($request->has('search')) && (!empty($request->get('search')))) { 564 if (($request->has('search')) && (!empty($request->get('search')))) {
568 $search = $request->get('search'); 565 $search = $request->get('search');
569 566
570 $Workers = $Workers->WhereHas('users', 567 $Workers = $Workers->WhereHas('users',
571 function (Builder $query) use ($search) { 568 function (Builder $query) use ($search) {
572 $query->Where('surname', 'LIKE', "%$search%") 569 $query->Where('surname', 'LIKE', "%$search%")
573 ->orWhere('name_man', 'LIKE', "%$search%") 570 ->orWhere('name_man', 'LIKE', "%$search%")
574 ->orWhere('surname2', 'LIKE', "%$search%"); 571 ->orWhere('surname2', 'LIKE', "%$search%");
575 }); 572 });
576 } else { 573 } else {
577 $Workers = $Workers->with('users'); 574 $Workers = $Workers->with('users');
578 } 575 }
579 576
580 $Workers = $Workers->get(); 577 $Workers = $Workers->get();
581 578
582 579
583 return view('employers.favorite', compact('Workers')); 580 return view('employers.favorite', compact('Workers'));
584 } 581 }
585 582
586 // База данных 583 // База данных
587 public function bd(Request $request) { 584 public function bd(Request $request) {
588 $users = User_Model::query()->with('workers')->with('jobtitles'); 585 $users = User_Model::query()->with('workers')->with('jobtitles');
589 586
590 if ($request->has('search')) { 587 if ($request->has('search')) {
591 $find_key = $request->get('search'); 588 $find_key = $request->get('search');
592 $users = $users->where('name', 'LIKE', "%$find_key%") 589 $users = $users->where('name', 'LIKE', "%$find_key%")
593 ->orWhere('surname', 'LIKE', "%$find_key%") 590 ->orWhere('surname', 'LIKE', "%$find_key%")
594 ->orWhere('name_man', 'LIKE', "%$find_key%") 591 ->orWhere('name_man', 'LIKE', "%$find_key%")
595 ->orWhere('email', 'LIKE', "%$find_key%") 592 ->orWhere('email', 'LIKE', "%$find_key%")
596 ->orWhere('telephone', 'LIKE', "%$find_key%"); 593 ->orWhere('telephone', 'LIKE', "%$find_key%");
597 } 594 }
598 595
599 // Данные 596 // Данные
600 $users = $users->Baseuser()-> 597 $users = $users->Baseuser()->
601 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id')); 598 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id'));
602 $count_users = $users; 599 $count_users = $users;
603 $users = $users->paginate(5); 600 $users = $users->paginate(5);
604 601
605 $export_options = DbExportColumns::toArray(); 602 $export_options = DbExportColumns::toArray();
606 603
607 $jobs_titles = Job_title::select('id', 'name') 604 $jobs_titles = Job_title::select('id', 'name')
608 ->where('is_remove', '=', 0) 605 ->where('is_remove', '=', 0)
609 ->where('is_bd', '=', 2) 606 ->where('is_bd', '=', 2)
610 ->orderByDesc('sort') 607 ->orderByDesc('sort')
611 ->orderBy('name', 'asc') 608 ->orderBy('name', 'asc')
612 ->get() 609 ->get()
613 ->toArray() 610 ->toArray()
614 ; 611 ;
615 612
616 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles')); 613 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
617 } 614 }
618 615
619 //Настройка уведомлений 616 //Настройка уведомлений
620 public function subscribe() { 617 public function subscribe() {
621 return view('employers.subcribe'); 618 return view('employers.subcribe');
622 } 619 }
623 620
624 //Установка уведомлений сохранение 621 //Установка уведомлений сохранение
625 public function save_subscribe(Request $request) { 622 public function save_subscribe(Request $request) {
626 dd($request->all()); 623 dd($request->all());
627 $msg = $request->validate([ 624 $msg = $request->validate([
628 'subscribe_email' => 'required|email|min:5|max:255', 625 'subscribe_email' => 'required|email|min:5|max:255',
629 ]); 626 ]);
630 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 627 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
631 } 628 }
632 629
633 //Сбросить форму с паролем 630 //Сбросить форму с паролем
634 public function password_reset() { 631 public function password_reset() {
635 $email = Auth()->user()->email; 632 $email = Auth()->user()->email;
636 return view('employers.password-reset', compact('email')); 633 return view('employers.password-reset', compact('email'));
637 } 634 }
638 635
639 //Обновление пароля 636 //Обновление пароля
640 public function new_password(Request $request) { 637 public function new_password(Request $request) {
641 $use = Auth()->user(); 638 $use = Auth()->user();
642 $request->validate([ 639 $request->validate([
643 'password' => 'required|string', 640 'password' => 'required|string',
644 'new_password' => 'required|string', 641 'new_password' => 'required|string',
645 'new_password2' => 'required|string' 642 'new_password2' => 'required|string'
646 ]); 643 ]);
647 644
648 if ($request->get('new_password') == $request->get('new_password2')) 645 if ($request->get('new_password') == $request->get('new_password2'))
649 if ($request->get('password') !== $request->get('new_password')) { 646 if ($request->get('password') !== $request->get('new_password')) {
650 $credentials = $request->only('email', 'password'); 647 $credentials = $request->only('email', 'password');
651 if (Auth::attempt($credentials)) { 648 if (Auth::attempt($credentials)) {
652 649
653 if (!is_null($use->email_verified_at)){ 650 if (!is_null($use->email_verified_at)){
654 651
655 $user_data = User_Model::find($use->id); 652 $user_data = User_Model::find($use->id);
656 $user_data->update([ 653 $user_data->update([
657 'password' => Hash::make($request->get('new_password')), 654 'password' => Hash::make($request->get('new_password')),
658 'pubpassword' => base64_encode($request->get('new_password')), 655 'pubpassword' => base64_encode($request->get('new_password')),
659 ]); 656 ]);
660 return redirect() 657 return redirect()
661 ->route('employer.password_reset') 658 ->route('employer.password_reset')
662 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 659 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
663 } 660 }
664 661
665 return redirect() 662 return redirect()
666 ->route('employer.password_reset') 663 ->route('employer.password_reset')
667 ->withError('Данная учетная запись не было верифицированна!'); 664 ->withError('Данная учетная запись не было верифицированна!');
668 } 665 }
669 } 666 }
670 667
671 return redirect() 668 return redirect()
672 ->route('employer.password_reset') 669 ->route('employer.password_reset')
673 ->withErrors('Не совпадение данных, обновите пароли!'); 670 ->withErrors('Не совпадение данных, обновите пароли!');
674 } 671 }
675 672
676 673
677 674
678 // Форма Удаление пипла 675 // Форма Удаление пипла
679 public function delete_people() { 676 public function delete_people() {
680 $login = Auth()->user()->email; 677 $login = Auth()->user()->email;
681 return view('employers.delete_people', compact('login')); 678 return view('employers.delete_people', compact('login'));
682 } 679 }
683 680
684 // Удаление аккаунта 681 // Удаление аккаунта
685 public function action_delete_user(Request $request) { 682 public function action_delete_user(Request $request) {
686 $Answer = $request->all(); 683 $Answer = $request->all();
687 $user_id = Auth()->user()->id; 684 $user_id = Auth()->user()->id;
688 $request->validate([ 685 $request->validate([
689 'password' => 'required|string', 686 'password' => 'required|string',
690 ]); 687 ]);
691 688
692 $credentials = $request->only('email', 'password'); 689 $credentials = $request->only('email', 'password');
693 if (Auth::attempt($credentials)) { 690 if (Auth::attempt($credentials)) {
694 Auth::logout(); 691 Auth::logout();
695 $it = User_Model::find($user_id); 692 $it = User_Model::find($user_id);
696 $it->delete(); 693 $it->delete();
697 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 694 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
698 } else { 695 } else {
699 return redirect()->route('employer.delete_people') 696 return redirect()->route('employer.delete_people')
700 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 697 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
701 } 698 }
702 } 699 }
703 700
704 public function ajax_delete_user(Request $request) { 701 public function ajax_delete_user(Request $request) {
705 $Answer = $request->all(); 702 $Answer = $request->all();
706 $user_id = Auth()->user()->id; 703 $user_id = Auth()->user()->id;
707 $request->validate([ 704 $request->validate([
708 'password' => 'required|string', 705 'password' => 'required|string',
709 ]); 706 ]);
710 $credentials = $request->only('email', 'password'); 707 $credentials = $request->only('email', 'password');
711 if (Auth::attempt($credentials)) { 708 if (Auth::attempt($credentials)) {
712 709
713 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 710 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
714 'email' => $request->get('email'), 711 'email' => $request->get('email'),
715 'password' => $request->get('password'))); 712 'password' => $request->get('password')));
716 } else { 713 } else {
717 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 714 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
718 } 715 }
719 } 716 }
720 717
721 // FAQ - Вопросы/ответы для работодателей и соискателей 718 // FAQ - Вопросы/ответы для работодателей и соискателей
722 public function faq() { 719 public function faq() {
723 return view('employers.faq'); 720 return view('employers.faq');
724 } 721 }
725 722
726 // Рассылка сообщений 723 // Рассылка сообщений
727 public function send_all_messages() { 724 public function send_all_messages() {
728 $id = Auth()->user()->id; 725 $id = Auth()->user()->id;
729 $sending = Employer::query()->where('user_id', '=', "$id")->first(); 726 $sending = Employer::query()->where('user_id', '=', "$id")->first();
730 727
731 if ($sending->sending_is) 728 if ($sending->sending_is)
732 return view('employers.send_all'); 729 return view('employers.send_all');
733 else 730 else
734 return view('employers.send_all_danger'); 731 return view('employers.send_all_danger');
735 } 732 }
736 733
737 // Отправка сообщений для информации 734 // Отправка сообщений для информации
738 public function send_all_post(Request $request) { 735 public function send_all_post(Request $request) {
739 $data = $request->all(); 736 $data = $request->all();
740 737
741 $emails = User_Model::query()->where('is_worker', '1')->get(); 738 $emails = User_Model::query()->where('is_worker', '1')->get();
742 739
743 foreach ($emails as $e) { 740 foreach ($emails as $e) {
744 Mail::to($e->email)->send(new SendAllMessages($data)); 741 Mail::to($e->email)->send(new SendAllMessages($data));
745 } 742 }
746 743
747 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены'); 744 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены');
748 } 745 }
749 746
750 // База резюме 747 // База резюме
751 public function bd_tupe(Request $request) { 748 public function bd_tupe(Request $request) {
752 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 749 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
753 750
754 return view('employers.bd_tupe', compact('Resume')); 751 return view('employers.bd_tupe', compact('Resume'));
755 } 752 }
756 753
757 ////////////////////////////////////////////////////////////////// 754 //////////////////////////////////////////////////////////////////
758 // Отправил сообщение 755 // Отправил сообщение
756 //////////////////////////////////////////////////////////////////
759 ////////////////////////////////////////////////////////////////// 757 public function new_message(Request $request) {
760 public function new_message(Request $request) { 758 $params = $request->all();
761 $params = $request->all(); 759
762 $id = $params['_user_id']; 760 $id = $params['_user_id'];
763 $message = new Message(); 761 $message_params = [
764 $message->user_id = $params['_user_id']; 762 'title' => $params['title'],
765 $message->to_user_id = $params['_to_user_id']; 763 'text' => $params['text'],
766 $message->title = $params['title'];
767 $message->text = $params['text'];
768 if ($request->has('_file')) {
769 $message->file = $request->file('_file')->store("worker/$id", 'public');
770 }
771 $message->ad_employer_id = $params['_vacancy']; 764 'ad_employer_id' => $params['_vacancy'],
772 $message->flag_new = 1; 765 'flag_new' => 1
773 $id_message = $message->save(); 766 ];
774 767
768 Message::add_message(
769 $request,
770 $params['_user_id'],
771 $params['_to_user_id'],
775 //$data['message_id'] = $id_message; 772 $message_params,
776 //$data['ad_employer_id'] = $params['_vacancy'];
app/Http/Controllers/WorkerController.php
Diff comments   View file @ 356dd98
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 return view('workers.favorite', compact('Query', 798 return view('workers.favorite', compact('Query',
815 'Query_count', 799 'Query_count',
816 'Job_title')); 800 'Job_title'));
817 801
818 } 802 }
819 803
820 //Переписка 804 //Переписка
821 public function dialog(User_Model $user1, User_Model $user2, Request $request) { 805 public function dialog(User_Model $user1, User_Model $user2, Request $request) {
822 // Получение параметров. 806 // Получение параметров.
823 if ($request->has('ad_employer')){ 807 if ($request->has('ad_employer')){
824 $ad_employer = $request->get('ad_employer'); 808 $ad_employer = $request->get('ad_employer');
825 } else { 809 } else {
826 $ad_employer = 0; 810 $ad_employer = 0;
827 } 811 }
828 812
829 if (isset($user1->id)) { 813 if (isset($user1->id)) {
830 $sender = User_Model::query()->with('workers')-> 814 $sender = User_Model::query()->with('workers')->
831 with('employers')-> 815 with('employers')->
832 where('id', $user1->id)->first(); 816 where('id', $user1->id)->first();
833 } 817 }
834 818
835 if (isset($user2->id)) { 819 if (isset($user2->id)) {
836 $companion = User_Model::query()->with('workers')-> 820 $companion = User_Model::query()->with('workers')->
837 with('employers')-> 821 with('employers')->
838 where('id', $user2->id)->first(); 822 where('id', $user2->id)->first();
839 } 823 }
840 824
841 $Messages = Message::query()-> 825 $Messages = Message::query()->
842 //with('response')-> 826 where(function($query) use ($user1, $user2) {
843 where(function($query) use ($user1, $user2) { 827 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
844 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 828 })->orWhere(function($query) use ($user1, $user2) {
845 })->orWhere(function($query) use ($user1, $user2) { 829 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
846 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 830 })->OrderBy('created_at')
847 })->OrderBy('created_at')->get(); 831 ->get()
848 832 ;
849 $id_vac = null; 833
850 /*foreach ($Messages as $it) {
851 if (isset($it->response)) {
852 foreach ($it->response as $r) {
853 if (isset($r->ad_employer_id)) {
854 $id_vac = $r->ad_employer_id;
855 break;
856 }
857 }
858 }
859 if (!is_null($id_vac)) break;
860 }*/
861
862 //$ad_employer = null;
863 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
864
865 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer')); 834 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
866 } 835 }
867 836
868 // Даунылоады 837 // Даунылоады
869 public function download(Worker $worker) { 838 public function download(Worker $worker) {
870 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...']; 839 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
871 view()->share('house',$arr_house); 840 view()->share('house',$arr_house);
872 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape'); 841 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
873 return $pdf->stream(); 842 return $pdf->stream();
874 } 843 }
875 844
876 // Поднятие анкеты 845 // Поднятие анкеты
877 public function up(Worker $worker) { 846 public function up(Worker $worker) {
878 $worker->updated_at = Carbon::now(); 847 $worker->updated_at = Carbon::now();
879 $worker->save(); 848 $worker->save();
880 // 0 849 // 0
881 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных'); 850 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
882 } 851 }
883 852
884 // Форма сертификате 853 // Форма сертификате
885 public function new_sertificate(Worker $worker) { 854 public function new_sertificate(Worker $worker) {
886 return view('workers.sertificate_add', compact('worker')); 855 return view('workers.sertificate_add', compact('worker'));
887 } 856 }
888 857
889 // Добавление сертификата 858 // Добавление сертификата
890 public function add_serificate(SertificationRequest $request) { 859 public function add_serificate(SertificationRequest $request) {
891 $request->validate([ 860 $request->validate([
892 'name' => 'required|string|max:255', 861 'name' => 'required|string|max:255',
893 'end_begin' => 'required|date|date_format:d.m.Y' 862 'end_begin' => 'required|date|date_format:d.m.Y'
894 ], 863 ],
895 [ 864 [
896 'name' => 'Навание сертификата обязательно для заполнения.', 865 'name' => 'Навание сертификата обязательно для заполнения.',
897 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 866 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
898 ]); 867 ]);
899 868
900 $params = $request->all(); 869 $params = $request->all();
901 870
902 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']); 871 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);
903 $params['end_begin'] = $end_begin->format('Y-m-d'); 872 $params['end_begin'] = $end_begin->format('Y-m-d');
904 873
905 $Sertificate = new sertification(); 874 $Sertificate = new sertification();
906 $Sertificate->create($params); 875 $Sertificate->create($params);
907 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get(); 876 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get();
908 return redirect()->route('worker.cabinet'); 877 return redirect()->route('worker.cabinet');
909 //return view('ajax.documents', compact('Docs')); 878 //return view('ajax.documents', compact('Docs'));
910 } 879 }
911 880
912 // Удалить сертификат 881 // Удалить сертификат
913 public function delete_sertificate(sertification $doc) { 882 public function delete_sertificate(sertification $doc) {
914 $doc->delete(); 883 $doc->delete();
915 884
916 return redirect()->route('worker.cabinet'); 885 return redirect()->route('worker.cabinet');
917 } 886 }
918 887
919 // Редактирование сертификата 888 // Редактирование сертификата
920 public function edit_sertificate(Worker $worker, sertification $doc) { 889 public function edit_sertificate(Worker $worker, sertification $doc) {
921 return view('workers.sertificate_edit', compact('doc', 'worker')); 890 return view('workers.sertificate_edit', compact('doc', 'worker'));
922 } 891 }
923 892
924 // Редактирование обновление сертификата 893 // Редактирование обновление сертификата
925 public function update_serificate(SertificationRequest $request, sertification $doc) { 894 public function update_serificate(SertificationRequest $request, sertification $doc) {
926 $request->validate([ 895 $request->validate([
927 'name' => 'required|string|max:255', 896 'name' => 'required|string|max:255',
928 'end_begin' => 'required|date|date_format:d.m.Y' 897 'end_begin' => 'required|date|date_format:d.m.Y'
929 ], 898 ],
930 [ 899 [
931 'name' => 'Навание сертификата обязательно для заполнения.', 900 'name' => 'Навание сертификата обязательно для заполнения.',
932 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 901 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
933 ]); 902 ]);
934 903
935 $all = $request->all(); 904 $all = $request->all();
936 905
937 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']); 906 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
938 $all['end_begin'] = $end_begin->format('Y-m-d'); 907 $all['end_begin'] = $end_begin->format('Y-m-d');
939 908
940 $doc->worker_id = $all['worker_id']; 909 $doc->worker_id = $all['worker_id'];
941 $doc->name = $all['name']; 910 $doc->name = $all['name'];
942 $doc->end_begin = $all['end_begin']; 911 $doc->end_begin = $all['end_begin'];
943 $doc->save(); 912 $doc->save();
944 913
945 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 914 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
946 } 915 }
947 916
948 public function edit_diploms(Request $request, Worker $worker) { 917 public function edit_diploms(Request $request, Worker $worker) {
949 $dop_info_data = $request->input('diploms'); 918 $dop_info_data = $request->input('diploms');
950 919
951 if (empty($dop_info_data)) { 920 if (empty($dop_info_data)) {
952 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!'); 921 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
953 } 922 }
954 923
955 foreach ($dop_info_data as $infoblok_id => $status) { 924 foreach ($dop_info_data as $infoblok_id => $status) {
956 Dop_info::updateOrCreate( 925 Dop_info::updateOrCreate(
957 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id], 926 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
958 ['status' => $status] 927 ['status' => $status]
959 ); 928 );
960 } 929 }
961 930
962 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!'); 931 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
963 } 932 }
964 933
965 public function delete_add_diplom(Request $request, Worker $worker) { 934 public function delete_add_diplom(Request $request, Worker $worker) {
966 $infoblok_id = $request->get('infoblok_id'); 935 $infoblok_id = $request->get('infoblok_id');
967 936
968 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0) 937 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
969 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete(); 938 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
970 else { 939 else {
971 $params['infoblok_id'] = $infoblok_id; 940 $params['infoblok_id'] = $infoblok_id;
972 $params['worker_id'] = $worker->id; 941 $params['worker_id'] = $worker->id;
973 $params['status'] = $request->get('val'); 942 $params['status'] = $request->get('val');
974 $id = Dop_info::create($params); 943 $id = Dop_info::create($params);
975 //$id = $worker->infobloks()->sync([$infoblok_id]); 944 //$id = $worker->infobloks()->sync([$infoblok_id]);
976 } 945 }
977 946
978 //$Infoblocks = infobloks::query()->get(); 947 //$Infoblocks = infobloks::query()->get();
979 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks')); 948 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
980 } 949 }
981 950
982 951
983 952
984 // Добавление диплома 953 // Добавление диплома
985 public function add_diplom_ajax(Request $request) { 954 public function add_diplom_ajax(Request $request) {
986 // конец 955 // конец
987 $params = $request->all(); 956 $params = $request->all();
988 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 957 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
989 958
990 if ($count == 0) $dop_info = Dop_info::create($params); 959 if ($count == 0) $dop_info = Dop_info::create($params);
991 $Infoblocks = infobloks::query()->get(); 960 $Infoblocks = infobloks::query()->get();
992 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get(); 961 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
993 $data = Dop_info::query()->where('worker_id', $request->has('worker_id')); 962 $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
994 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker')); 963 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
995 } 964 }
996 965
997 // Добавление диплома без ajax 966 // Добавление диплома без ajax
998 public function add_diplom(Worker $worker) { 967 public function add_diplom(Worker $worker) {
999 $worker_id = $worker->id; 968 $worker_id = $worker->id;
1000 $Infoblocks = infobloks::query()->get(); 969 $Infoblocks = infobloks::query()->get();
1001 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks')); 970 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
1002 } 971 }
1003 // Сохранить 972 // Сохранить
1004 // Сохраняю диплом 973 // Сохраняю диплом
1005 public function add_diplom_save(Request $request) { 974 public function add_diplom_save(Request $request) {
1006 $params = $request->all(); 975 $params = $request->all();
1007 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 976 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
1008 if ($count == 0) $dop_info = Dop_info::create($params); 977 if ($count == 0) $dop_info = Dop_info::create($params);
1009 return redirect()->route('worker.cabinet'); 978 return redirect()->route('worker.cabinet');
1010 } 979 }
1011 980
1012 // Добавление стандартного документа 981 // Добавление стандартного документа
1013 public function add_document(Worker $worker) { 982 public function add_document(Worker $worker) {
1014 return view('workers.docs', compact('worker')); 983 return view('workers.docs', compact('worker'));
1015 } 984 }
1016 985
1017 //Сохранение стандартого документа 986 //Сохранение стандартого документа
1018 public function add_document_save(DocumentsRequest $request) { 987 public function add_document_save(DocumentsRequest $request) {
1019 $params = $request->all(); 988 $params = $request->all();
1020 $place_work = place_works::create($params); 989 $place_work = place_works::create($params);
1021 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!'); 990 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');
1022 } 991 }
1023 992
1024 // Редактирование документа 993 // Редактирование документа
1025 public function edit_document(place_works $doc, Worker $worker) { 994 public function edit_document(place_works $doc, Worker $worker) {
1026 return view('workers.docs-edit', compact('doc', 'worker')); 995 return view('workers.docs-edit', compact('doc', 'worker'));
1027 } 996 }
1028 997
1029 //Сохранение отредактированного документа 998 //Сохранение отредактированного документа
1030 public function edit_document_save(DocumentsRequest $request, place_works $doc) { 999 public function edit_document_save(DocumentsRequest $request, place_works $doc) {
1031 $params = $request->all(); 1000 $params = $request->all();
1032 $doc->update($params); 1001 $doc->update($params);
1033 1002
1034 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 1003 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
1035 } 1004 }
1036 1005
1037 // Удаление документа 1006 // Удаление документа
1038 public function delete_document(place_works $doc) { 1007 public function delete_document(place_works $doc) {
1039 $doc->delete(); 1008 $doc->delete();
1040 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1009 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1041 } 1010 }
1042 1011
1043 //Отправка нового сообщения 1012 //Отправка нового сообщения
1044 public function new_message(Request $request) { 1013 public function new_message(Request $request) {
1045 $params = $request->all(); 1014 $params = $request->all();
1046 1015
1047 $id = $params['send_user_id']; 1016 $id = $params['send_user_id'];
1048 $message = new Message(); 1017 $message_params = [
1049 $message->user_id = $params['send_user_id']; 1018 'title' => $params['send_title'],
1050 $message->to_user_id = $params['send_to_user_id']; 1019 'text' => $params['send_text'],
1051 $message->title = $params['send_title']; 1020 'ad_employer_id' => $params['send_vacancy'],
1052 $message->text = $params['send_text']; 1021 'flag_new' => 1
1053 $message->ad_employer_id = $params['send_vacancy']; 1022 ];
1054 if ($request->has('send_file')) { 1023
1055 $message->file = $request->file('send_file')->store("worker/$id", 'public'); 1024 $id_message = Message::add_message(
1056 } 1025 $request,
1057 $message->flag_new = 1; 1026 $params['send_user_id'],
1058 $id_message = $message->save(); 1027 $params['send_to_user_id'],
1059 1028 $message_params,
1029 file_store_path: "worker/$id"
1030 );
1031
1060 $data['message_id'] = $id_message; 1032 $data['message_id'] = $id_message;
1061 $data['ad_employer_id'] = $params['send_vacancy']; 1033 $data['ad_employer_id'] = $params['send_vacancy'];
1062 $data['job_title_id'] = $params['send_job_title_id']; 1034 $data['job_title_id'] = $params['send_job_title_id'];
1063 $data['flag'] = 1; 1035 $data['flag'] = 1;
1064 $ad_responce = ad_response::create($data); 1036 $ad_responce = ad_response::create($data);
1065 return redirect()->route('worker.messages', ['type_message' => 'output']); 1037 return redirect()->route('worker.messages', ['type_message' => 'output']);
1066 } 1038 }
1067 1039
1068 1040
1069 public function test123(Request $request) { 1041 public function test123(Request $request) {
1070 $params = $request->all(); 1042 $params = $request->all();
1071 $user1 = $params['user_id']; 1043 $user1 = $params['user_id'];
1072 $user2 = $params['to_user_id']; 1044 $user2 = $params['to_user_id'];
1073 $id_vacancy = $params['ad_employer_id']; 1045 $id_vacancy = $params['ad_employer_id'];
1074 $ad_name = $params['ad_name']; 1046 $ad_name = $params['ad_name'];
1075 1047
1076 $rules = [ 1048 $rules = [
1077 'text' => 'required|min:1|max:150000', 1049 'text' => 'required|min:1|max:150000',
1078 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 1050 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
1079 ]; 1051 ];
1080 $messages = [ 1052 $messages = [
1081 'required' => 'Укажите обязательное поле', 1053 'required' => 'Укажите обязательное поле',
1082 'min' => [ 1054 'min' => [
1083 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 1055 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
1084 'integer' => 'Поле «:attribute» должно быть :min или больше', 1056 'integer' => 'Поле «:attribute» должно быть :min или больше',
1085 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 1057 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
1086 ], 1058 ],
1087 'max' => [ 1059 'max' => [
1088 'string' => 'Поле «:attribute» должно быть не больше :max символов', 1060 'string' => 'Поле «:attribute» должно быть не больше :max символов',
1089 'integer' => 'Поле «:attribute» должно быть :max или меньше', 1061 'integer' => 'Поле «:attribute» должно быть :max или меньше',
1090 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 1062 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
1091 ] 1063 ]
1092 ]; 1064 ];
1093 1065
1094 $validator = Validator::make($request->all(), $rules, $messages); 1066 $validator = Validator::make($request->all(), $rules, $messages);
1095 1067
1096 if ($validator->fails()) { 1068 if ($validator->fails()) {
1097 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]) 1069 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name])
1098 ->withErrors($validator); 1070 ->withErrors($validator);
1099 } else { 1071 } else {
1100 if ($request->has('file')) { 1072 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
1101 $params['file'] = $request->file('file')->store("messages", 'public'); 1073
1102 } 1074 return redirect()->route('worker.dialog',
1103 Message::create($params);
1104 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
1105 return redirect()->route('worker.dialog',
1106 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 1075 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
1107 1076
1108 } 1077 }
1109 } 1078 }
1110 1079
1111 // Информация о предыдущих компаниях 1080 // Информация о предыдущих компаниях
1112 public function new_prev_company(Worker $worker) { 1081 public function new_prev_company(Worker $worker) {
1113 return view('workers.prev_company_form', compact('worker')); 1082 return view('workers.prev_company_form', compact('worker'));
1114 } 1083 }
1115 1084
1116 // Добавление контакта компании 1085 // Добавление контакта компании
1117 public function add_prev_company(PrevCompanyRequest $request) { 1086 public function add_prev_company(PrevCompanyRequest $request) {
1118 // Возвращение параметров 1087 // Возвращение параметров
1119 $all = $request->all(); 1088 $all = $request->all();
1120 $PrevCompany = PrevCompany::create($all); 1089 $PrevCompany = PrevCompany::create($all);
1121 1090
1122 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1091 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1123 } 1092 }
1124 1093
1125 // Редактирование контакта компании 1094 // Редактирование контакта компании
1126 public function edit_prev_company(PrevCompany $doc, Worker $worker) { 1095 public function edit_prev_company(PrevCompany $doc, Worker $worker) {
1127 return view('workers.prev_company_edit_form', compact('doc', 'worker')); 1096 return view('workers.prev_company_edit_form', compact('doc', 'worker'));
1128 } 1097 }
1129 1098
1130 //Сохранение редактирования контакта компании 1099 //Сохранение редактирования контакта компании
1131 public function update_prev_company(PrevCompany $doc, Request $request){ 1100 public function update_prev_company(PrevCompany $doc, Request $request){
1132 $all = $request->all(); 1101 $all = $request->all();
1133 $doc->update($all); 1102 $doc->update($all);
1134 1103
1135 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1104 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1136 } 1105 }
1137 1106
1138 // Удаление контакта предыдущей компании 1107 // Удаление контакта предыдущей компании
1139 public function delete_prev_company(PrevCompany $doc) { 1108 public function delete_prev_company(PrevCompany $doc) {
1140 $doc->delete(); 1109 $doc->delete();
1141 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1110 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
File was created 1 <?php
2
3 namespace App\Models;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7 use Carbon\Carbon;
8
9 class Chat extends Model
10 {
11 use HasFactory;
12
13 protected $fillable = [
14 'user_id',
15 'to_user_id',
16 'is_removed',
17 'is_fixed',
18 'last_message_date',
19 'last_message_id',
20 'fixed_time'
21 ];
22
23 public function user() {
24 return $this->belongsTo(User::class, 'to_user_id');
25 }
26
27 public function worker() {
28 return $this->belongsTo(Worker::class, 'to_user_id', 'user_id');
29 }
30
31 public function employer() {
32 return $this->belongsTo(Employer::class, 'to_user_id', 'user_id');
33 }
34
35 public function last_message() {
36 return $this->belongsTo(Message::class, 'last_message_id');
37 }
38
39 public function unread_messages()
40 {
41 return $this->hasMany(Message::class, 'user_id', 'to_user_id');
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
77 }
78
app/Models/Message.php
Diff comments   View file @ 356dd98
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 Illuminate\Http\Request;
8 use Illuminate\Support\Facades\Validator;
7 9
8 class Message extends Model 10 class Message extends Model
9 { 11 {
10 use HasFactory; 12 use HasFactory;
11 13
12 protected $fillable = [ 14 protected $fillable = [
13 'user_id', 15 'user_id',
14 'to_user_id', 16 'to_user_id',
17 'title',
15 'text', 18 'text',
16 'file', 19 'file',
17 'flag_new', 20 'flag_new',
18 'ad_employer_id', 21 'ad_employer_id',
19 'job_title_id' 22 'job_title_id'
20 ]; 23 ];
21 24
22 25
23 /* 26 /*
24 * Связь таблицы Message с таблицей User (Отправитель) 27 * Связь таблицы Message с таблицей User (Отправитель)
25 */ 28 */
26 public function user_from() { 29 public function user_from() {
27 return $this->belongsTo(User::class, 'user_id'); 30 return $this->belongsTo(User::class, 'user_id');
28 } 31 }
29 32
30 /* 33 /*
31 * Связь таблицы Message с таблицей User (Получатель) 34 * Связь таблицы Message с таблицей User (Получатель)
32 */ 35 */
33 public function user_to() { 36 public function user_to() {
34 return $this->belongsTo(User::class, 'to_user_id'); 37 return $this->belongsTo(User::class, 'to_user_id');
35 } 38 }
36 39
37 // Связь модели Сообщения (Message) с моделью Вакансии (Ad_employer) 40 // Связь модели Сообщения (Message) с моделью Вакансии (Ad_employer)
38 public function vacancies() { 41 public function vacancies() {
39 return $this->belongsTo(Ad_employer::class, 'ad_employer_id', 'id'); 42 return $this->belongsTo(Ad_employer::class, 'ad_employer_id', 'id');
40 } 43 }
44
45 public static function add_message(
46 Request $request,
47 int $user_id,
48 int $to_user_id,
49 array $message_params,
50 string $file_store_path = '/'
51 ) {
52 $message_params['user_id'] = $user_id;
53 $message_params['to_user_id'] = $to_user_id;
54 if ($request->has('file')) {
55 $message_params['file'] = $request->file('file')->store($file_store_path, 'public');
56 }
57
58 $new_message = Message::create($message_params);
59
60 if (!empty($new_message->id)) {
61 Chat::updateOrCreate(
62 ['user_id' => $user_id, 'to_user_id' => $to_user_id],
63 ['user_id' => $user_id, 'to_user_id' => $to_user_id, 'last_message_date' => date("Y-m-d H:i:s"), 'last_message_id' => $new_message->id]
64 );
65
66 Chat::updateOrCreate(
67 ['user_id' => $to_user_id, 'to_user_id' => $user_id],
68 ['user_id' => $to_user_id, 'to_user_id' => $user_id, 'last_message_date' => date("Y-m-d H:i:s"), 'last_message_id' => $new_message->id]
69 );
70 }
71
72 return $new_message->id ?? 0;
73
74 }
75
41 } 76 }
42 77
database/migrations/2024_07_19_063615_create_chat_table.php
Diff comments   View file @ 356dd98
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 return new class extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('chats', function (Blueprint $table) {
17 $table->id();
18 $table->integer('user_id')->nullable(false);
19 $table->integer('to_user_id');
20 $table->boolean('is_removed')->default(false);
21 $table->boolean('is_fixed')->default(false);
22 $table->dateTime('fixation_date')->nullable(true);
23 $table->dateTime('last_message_date')->nullable(false);
24 $table->integer('last_message_id')->nullable(false);
25 $table->dateTime('fixed_time')->nullable(true);
26 $table->timestamps();
27 });
28 }
29
30 /**
31 * Reverse the migrations.
32 *
33 * @return void
34 */
35 public function down()
36 {
37 Schema::dropIfExists('chats');
38 }
39 };
40
public/css/helpers.css
Diff comments   View file @ 356dd98
1 .ma-0 { 1 .ma-0 {
2 margin: 0px !important; 2 margin: 0px !important;
3 } 3 }
4 4
5 .mb-0 { 5 .mb-0 {
6 margin-bottom: 0px !important; 6 margin-bottom: 0px !important;
7 } 7 }
8 8
9 .mt-0 { 9 .mt-0 {
10 margin-top: 0px !important; 10 margin-top: 0px !important;
11 } 11 }
12 12
13 .mr-0 { 13 .mr-0 {
14 margin-right: 0px !important; 14 margin-right: 0px !important;
15 } 15 }
16 16
17 .ml-0 { 17 .ml-0 {
18 margin-left: 0px !important; 18 margin-left: 0px !important;
19 } 19 }
20 20
21 .mt-1 { 21 .mt-1 {
22 margin-top: 1px !important; 22 margin-top: 1px !important;
23 } 23 }
24 24
25 .mt-2 { 25 .mt-2 {
26 margin-top: 2px !important; 26 margin-top: 2px !important;
27 } 27 }
28 28
29 .mt-3 { 29 .mt-3 {
30 margin-top: 3px !important; 30 margin-top: 3px !important;
31 } 31 }
32 32
33 .mt-4 { 33 .mt-4 {
34 margin-top: 4px !important; 34 margin-top: 4px !important;
35 } 35 }
36 36
37 .mt-5 { 37 .mt-5 {
38 margin-top: 5px !important; 38 margin-top: 5px !important;
39 } 39 }
40 40
41 .mt-6 { 41 .mt-6 {
42 margin-top: 6px !important; 42 margin-top: 6px !important;
43 } 43 }
44 44
45 .mt-7 { 45 .mt-7 {
46 margin-top: 7px !important; 46 margin-top: 7px !important;
47 } 47 }
48 48
49 .mt-8 { 49 .mt-8 {
50 margin-top: 8px !important; 50 margin-top: 8px !important;
51 } 51 }
52 52
53 .mt-9 { 53 .mt-9 {
54 margin-top: 9px !important; 54 margin-top: 9px !important;
55 } 55 }
56 56
57 .mt-10 { 57 .mt-10 {
58 margin-top: 10px !important; 58 margin-top: 10px !important;
59 } 59 }
60 60
61 .mt-11 { 61 .mt-11 {
62 margin-top: 11px !important; 62 margin-top: 11px !important;
63 } 63 }
64 64
65 .mt-12 { 65 .mt-12 {
66 margin-top: 12px !important; 66 margin-top: 12px !important;
67 } 67 }
68 68
69 .mt-13 { 69 .mt-13 {
70 margin-top: 13px !important; 70 margin-top: 13px !important;
71 } 71 }
72 72
73 .mt-14 { 73 .mt-14 {
74 margin-top: 14px !important; 74 margin-top: 14px !important;
75 } 75 }
76 76
77 .mt-15 { 77 .mt-15 {
78 margin-top: 15px !important; 78 margin-top: 15px !important;
79 } 79 }
80 80
81 .mt-16 { 81 .mt-16 {
82 margin-top: 16px !important; 82 margin-top: 16px !important;
83 } 83 }
84 84
85 .mt-17 { 85 .mt-17 {
86 margin-top: 17px !important; 86 margin-top: 17px !important;
87 } 87 }
88 88
89 .mt-18 { 89 .mt-18 {
90 margin-top: 18px !important; 90 margin-top: 18px !important;
91 } 91 }
92 92
93 .mt-19 { 93 .mt-19 {
94 margin-top: 19px !important; 94 margin-top: 19px !important;
95 } 95 }
96 96
97 .mt-20 { 97 .mt-20 {
98 margin-top: 20px !important; 98 margin-top: 20px !important;
99 } 99 }
100 100
101 .mt-25 { 101 .mt-25 {
102 margin-top: 25px !important; 102 margin-top: 25px !important;
103 } 103 }
104 104
105 .mt-30 { 105 .mt-30 {
106 margin-top: 30px !important; 106 margin-top: 30px !important;
107 } 107 }
108 108
109 .mt-35 { 109 .mt-35 {
110 margin-top: 35px !important; 110 margin-top: 35px !important;
111 } 111 }
112 112
113 .mt-40 { 113 .mt-40 {
114 margin-top: 40px !important; 114 margin-top: 40px !important;
115 } 115 }
116 116
117 .mt-50 { 117 .mt-50 {
118 margin-top: 50px !important; 118 margin-top: 50px !important;
119 } 119 }
120 120
121 .mt-60 { 121 .mt-60 {
122 margin-top: 60px !important; 122 margin-top: 60px !important;
123 } 123 }
124 124
125 .mb-1 { 125 .mb-1 {
126 margin-bottom: 1px !important; 126 margin-bottom: 1px !important;
127 } 127 }
128 128
129 .mb-2 { 129 .mb-2 {
130 margin-bottom: 2px !important; 130 margin-bottom: 2px !important;
131 } 131 }
132 132
133 .mb-3 { 133 .mb-3 {
134 margin-bottom: 3px !important; 134 margin-bottom: 3px !important;
135 } 135 }
136 136
137 .mb-4 { 137 .mb-4 {
138 margin-bottom: 4px !important; 138 margin-bottom: 4px !important;
139 } 139 }
140 140
141 .mb-5 { 141 .mb-5 {
142 margin-bottom: 5px !important; 142 margin-bottom: 5px !important;
143 } 143 }
144 144
145 .mb-6 { 145 .mb-6 {
146 margin-bottom: 6px !important; 146 margin-bottom: 6px !important;
147 } 147 }
148 148
149 .mb-7 { 149 .mb-7 {
150 margin-bottom: 7px !important; 150 margin-bottom: 7px !important;
151 } 151 }
152 152
153 .mb-10 { 153 .mb-10 {
154 margin-bottom: 10px !important; 154 margin-bottom: 10px !important;
155 } 155 }
156 156
157 .mb-12 { 157 .mb-12 {
158 margin-bottom: 12px !important; 158 margin-bottom: 12px !important;
159 } 159 }
160 160
161 .mb-15 { 161 .mb-15 {
162 margin-bottom: 15px !important; 162 margin-bottom: 15px !important;
163 } 163 }
164 164
165 .mb-20 { 165 .mb-20 {
166 margin-bottom: 20px !important; 166 margin-bottom: 20px !important;
167 } 167 }
168 168
169 .mb-25 { 169 .mb-25 {
170 margin-bottom: 25px !important; 170 margin-bottom: 25px !important;
171 } 171 }
172 172
173 .mb-30 { 173 .mb-30 {
174 margin-bottom: 30px !important; 174 margin-bottom: 30px !important;
175 } 175 }
176 176
177 .mb-35 { 177 .mb-35 {
178 margin-bottom: 35px !important; 178 margin-bottom: 35px !important;
179 } 179 }
180 180
181 .mb-40 { 181 .mb-40 {
182 margin-bottom: 40px !important; 182 margin-bottom: 40px !important;
183 } 183 }
184 184
185 .mb-50 { 185 .mb-50 {
186 margin-bottom: 50px !important; 186 margin-bottom: 50px !important;
187 } 187 }
188 188
189 .mb-60 { 189 .mb-60 {
190 margin-bottom: 60px !important; 190 margin-bottom: 60px !important;
191 } 191 }
192 192
193 .mr-4 { 193 .mr-4 {
194 margin-right: 4px !important; 194 margin-right: 4px !important;
195 } 195 }
196 196
197 .mr-5 { 197 .mr-5 {
198 margin-right: 5px !important; 198 margin-right: 5px !important;
199 } 199 }
200 200
201 .mr-6 { 201 .mr-6 {
202 margin-right: 6px !important; 202 margin-right: 6px !important;
203 } 203 }
204 204
205 .mr-7 { 205 .mr-7 {
206 margin-right: 7px !important; 206 margin-right: 7px !important;
207 } 207 }
208 208
209 .mr-8 { 209 .mr-8 {
210 margin-right: 8px !important; 210 margin-right: 8px !important;
211 } 211 }
212 212
213 .mr-9 { 213 .mr-9 {
214 margin-right: 9px !important; 214 margin-right: 9px !important;
215 } 215 }
216 216
217 .mr-10 { 217 .mr-10 {
218 margin-right: 10px !important; 218 margin-right: 10px !important;
219 } 219 }
220 220
221 .mr-15 { 221 .mr-15 {
222 margin-right: 15px !important; 222 margin-right: 15px !important;
223 } 223 }
224 224
225 .mr-20 { 225 .mr-20 {
226 margin-right: 20px !important; 226 margin-right: 20px !important;
227 } 227 }
228 228
229 .mr-25 { 229 .mr-25 {
230 margin-right: 25px !important; 230 margin-right: 25px !important;
231 } 231 }
232 232
233 .mr-30 { 233 .mr-30 {
234 margin-right: 30px !important; 234 margin-right: 30px !important;
235 } 235 }
236 236
237 .mr-35 { 237 .mr-35 {
238 margin-right: 35px !important; 238 margin-right: 35px !important;
239 } 239 }
240 240
241 .mr-40 { 241 .mr-40 {
242 margin-right: 40px !important; 242 margin-right: 40px !important;
243 } 243 }
244 244
245 .mr-45 { 245 .mr-45 {
246 margin-right: 45px !important; 246 margin-right: 45px !important;
247 } 247 }
248 248
249 .mr-50 { 249 .mr-50 {
250 margin-right: 50px !important; 250 margin-right: 50px !important;
251 } 251 }
252 252
253 .ml-3 { 253 .ml-3 {
254 margin-left: 3px !important; 254 margin-left: 3px !important;
255 } 255 }
256 256
257 .ml-5 { 257 .ml-5 {
258 margin-left: 5px !important; 258 margin-left: 5px !important;
259 } 259 }
260 260
261 .ml-4 { 261 .ml-4 {
262 margin-left: 4px !important; 262 margin-left: 4px !important;
263 } 263 }
264 264
265 .ml-7 { 265 .ml-7 {
266 margin-left: 7px !important; 266 margin-left: 7px !important;
267 } 267 }
268 268
269 .ml-10 { 269 .ml-10 {
270 margin-left: 10px !important; 270 margin-left: 10px !important;
271 } 271 }
272 272
273 .ml-15 { 273 .ml-15 {
274 margin-left: 15px !important; 274 margin-left: 15px !important;
275 } 275 }
276 276
277 .ml-20 { 277 .ml-20 {
278 margin-left: 20px !important; 278 margin-left: 20px !important;
279 } 279 }
280 280
281 .ml-25 { 281 .ml-25 {
282 margin-left: 25px !important; 282 margin-left: 25px !important;
283 } 283 }
284 284
285 .ml-30 { 285 .ml-30 {
286 margin-left: 30px !important; 286 margin-left: 30px !important;
287 } 287 }
288 288
289 .ml-35 { 289 .ml-35 {
290 margin-left: 35px !important; 290 margin-left: 35px !important;
291 } 291 }
292 292
293 .ml-40 { 293 .ml-40 {
294 margin-left: 40px !important; 294 margin-left: 40px !important;
295 } 295 }
296 296
297 .ml-50 { 297 .ml-50 {
298 margin-left: 50px !important; 298 margin-left: 50px !important;
299 } 299 }
300 300
301 .pa-0 { 301 .pa-0 {
302 padding: 0px !important; 302 padding: 0px !important;
303 } 303 }
304 304
305 .pa-10 { 305 .pa-10 {
306 padding: 10px !important; 306 padding: 10px !important;
307 } 307 }
308 308
309 .pa-20 { 309 .pa-20 {
310 padding: 20px !important; 310 padding: 20px !important;
311 } 311 }
312 312
313 .pl-0 { 313 .pl-0 {
314 padding-left: 0px !important; 314 padding-left: 0px !important;
315 } 315 }
316 316
317 .pr-0 { 317 .pr-0 {
318 padding-right: 0px !important; 318 padding-right: 0px !important;
319 } 319 }
320 320
321 .pb-0 { 321 .pb-0 {
322 padding-bottom: 0px !important; 322 padding-bottom: 0px !important;
323 } 323 }
324 324
325 .pt-0 { 325 .pt-0 {
326 padding-top: 0px !important; 326 padding-top: 0px !important;
327 } 327 }
328 328
329 .pt-1 { 329 .pt-1 {
330 padding-top: 1px !important; 330 padding-top: 1px !important;
331 } 331 }
332 332
333 .pt-3 { 333 .pt-3 {
334 padding-top: 3px !important; 334 padding-top: 3px !important;
335 } 335 }
336 336
337 .pt-4 { 337 .pt-4 {
338 padding-top: 4px !important; 338 padding-top: 4px !important;
339 } 339 }
340 340
341 .pt-5 { 341 .pt-5 {
342 padding-top: 5px !important; 342 padding-top: 5px !important;
343 } 343 }
344 344
345 .pt-6 { 345 .pt-6 {
346 padding-top: 6px !important; 346 padding-top: 6px !important;
347 } 347 }
348 348
349 .pt-7 { 349 .pt-7 {
350 padding-top: 7px !important; 350 padding-top: 7px !important;
351 } 351 }
352 352
353 .pt-8 { 353 .pt-8 {
354 padding-top: 8px !important; 354 padding-top: 8px !important;
355 } 355 }
356 356
357 .pt-10 { 357 .pt-10 {
358 padding-top: 10px !important; 358 padding-top: 10px !important;
359 } 359 }
360 360
361 .pt-15 { 361 .pt-15 {
362 padding-top: 15px !important; 362 padding-top: 15px !important;
363 } 363 }
364 364
365 .pt-20 { 365 .pt-20 {
366 padding-top: 20px !important; 366 padding-top: 20px !important;
367 } 367 }
368 368
369 .pb-1 { 369 .pb-1 {
370 padding-bottom: 1px !important; 370 padding-bottom: 1px !important;
371 } 371 }
372 372
373 .pb-4 { 373 .pb-4 {
374 padding-bottom: 4px !important; 374 padding-bottom: 4px !important;
375 } 375 }
376 376
377 .pb-5 { 377 .pb-5 {
378 padding-bottom: 5px !important; 378 padding-bottom: 5px !important;
379 } 379 }
380 380
381 .pb-7 { 381 .pb-7 {
382 padding-bottom: 7px !important; 382 padding-bottom: 7px !important;
383 } 383 }
384 384
385 .pb-10 { 385 .pb-10 {
386 padding-bottom: 10px !important; 386 padding-bottom: 10px !important;
387 } 387 }
388 388
389 .pb-15 { 389 .pb-15 {
390 padding-bottom: 15px !important; 390 padding-bottom: 15px !important;
391 } 391 }
392 392
393 .pb-20 { 393 .pb-20 {
394 padding-bottom: 20px !important; 394 padding-bottom: 20px !important;
395 } 395 }
396 396
397 .pb-30 { 397 .pb-30 {
398 padding-bottom: 30px !important; 398 padding-bottom: 30px !important;
399 } 399 }
400 400
401 .pr-5 { 401 .pr-5 {
402 padding-right: 5px !important; 402 padding-right: 5px !important;
403 } 403 }
404 404
405 .pr-10 { 405 .pr-10 {
406 padding-right: 10px !important; 406 padding-right: 10px !important;
407 } 407 }
408 408
409 .pr-12 { 409 .pr-12 {
410 padding-right: 12px !important; 410 padding-right: 12px !important;
411 } 411 }
412 412
413 .pr-15 { 413 .pr-15 {
414 padding-right: 15px !important; 414 padding-right: 15px !important;
415 } 415 }
416 416
417 .pr-20 { 417 .pr-20 {
418 padding-right: 20px !important; 418 padding-right: 20px !important;
419 } 419 }
420 420
421 .pl-5 { 421 .pl-5 {
422 padding-left: 5px !important; 422 padding-left: 5px !important;
423 } 423 }
424 424
425 .pl-10 { 425 .pl-10 {
426 padding-left: 10px !important; 426 padding-left: 10px !important;
427 } 427 }
428 428
429 .pl-12 { 429 .pl-12 {
430 padding-left: 12px !important; 430 padding-left: 12px !important;
431 } 431 }
432 432
433 .pl-15 { 433 .pl-15 {
434 padding-left: 15px !important; 434 padding-left: 15px !important;
435 } 435 }
436 436
437 .pl-20 { 437 .pl-20 {
438 padding-left: 20px !important; 438 padding-left: 20px !important;
439 } 439 }
440 440
441 .pl-25 { 441 .pl-25 {
442 padding-left: 25px !important; 442 padding-left: 25px !important;
443 } 443 }
444 444
445 .pl-30 { 445 .pl-30 {
446 padding-left: 30px !important; 446 padding-left: 30px !important;
447 } 447 }
448 448
449 .lh-1 { 449 .lh-1 {
450 line-height: 1 !important; 450 line-height: 1 !important;
451 } 451 }
452 452
453 .lh-11 { 453 .lh-11 {
454 line-height: 1.1 !important; 454 line-height: 1.1 !important;
455 } 455 }
456 456
457 .lh-12 { 457 .lh-12 {
458 line-height: 1.2 !important; 458 line-height: 1.2 !important;
459 } 459 }
460 460
461 .lh-13 { 461 .lh-13 {
462 line-height: 1.3 !important; 462 line-height: 1.3 !important;
463 } 463 }
464 464
465 .lh-14 { 465 .lh-14 {
466 line-height: 1.4 !important; 466 line-height: 1.4 !important;
467 } 467 }
468 468
469 .lh-15 { 469 .lh-15 {
470 line-height: 1.5 !important; 470 line-height: 1.5 !important;
471 } 471 }
472 472
473 .lh-16 { 473 .lh-16 {
474 line-height: 1.6 !important; 474 line-height: 1.6 !important;
475 } 475 }
476 476
477 .font10 { 477 .font10 {
478 font-size: 10px !important; 478 font-size: 10px !important;
479 } 479 }
480 480
481 .font11 { 481 .font11 {
482 font-size: 11px !important; 482 font-size: 11px !important;
483 } 483 }
484 484
485 .font12 { 485 .font12 {
486 font-size: 12px !important; 486 font-size: 12px !important;
487 } 487 }
488 488
489 .font13 { 489 .font13 {
490 font-size: 13px !important; 490 font-size: 13px !important;
491 } 491 }
492 492
493 .font14 { 493 .font14 {
494 font-size: 14px !important; 494 font-size: 14px !important;
495 } 495 }
496 496
497 .font15 { 497 .font15 {
498 font-size: 15px !important; 498 font-size: 15px !important;
499 } 499 }
500 500
501 .font16 { 501 .font16 {
502 font-size: 16px !important; 502 font-size: 16px !important;
503 } 503 }
504 504
505 .font17 { 505 .font17 {
506 font-size: 17px !important; 506 font-size: 17px !important;
507 } 507 }
508 508
509 .font18 { 509 .font18 {
510 font-size: 18px !important; 510 font-size: 18px !important;
511 } 511 }
512 512
513 .font19 { 513 .font19 {
514 font-size: 19px !important; 514 font-size: 19px !important;
515 } 515 }
516 516
517 .font20 { 517 .font20 {
518 font-size: 20px !important; 518 font-size: 20px !important;
519 } 519 }
520 520
521 .font21 { 521 .font21 {
522 font-size: 21px !important; 522 font-size: 21px !important;
523 } 523 }
524 524
525 .font22 { 525 .font22 {
526 font-size: 22px !important; 526 font-size: 22px !important;
527 } 527 }
528 528
529 .font23 { 529 .font23 {
530 font-size: 23px !important; 530 font-size: 23px !important;
531 } 531 }
532 532
533 .font24 { 533 .font24 {
534 font-size: 24px !important; 534 font-size: 24px !important;
535 } 535 }
536 536
537 .font25 { 537 .font25 {
538 font-size: 25px !important; 538 font-size: 25px !important;
539 } 539 }
540 540
541 .font30 { 541 .font30 {
542 font-size: 30px !important; 542 font-size: 30px !important;
543 } 543 }
544 544
545 .fw100 { 545 .fw100 {
546 font-weight: 100; 546 font-weight: 100;
547 } 547 }
548 548
549 .fw200 { 549 .fw200 {
550 font-weight: 200; 550 font-weight: 200;
551 } 551 }
552 552
553 .fw300 { 553 .fw300 {
554 font-weight: 300; 554 font-weight: 300;
555 } 555 }
556 556
557 .fw400 { 557 .fw400 {
558 font-weight: 400; 558 font-weight: 400;
559 } 559 }
560 560
561 .fw500 { 561 .fw500 {
562 font-weight: 500; 562 font-weight: 500;
563 } 563 }
564 564
565 .fw600 { 565 .fw600 {
566 font-weight: 600; 566 font-weight: 600;
567 } 567 }
568 568
569 .fw700 { 569 .fw700 {
570 font-weight: 700; 570 font-weight: 700;
571 } 571 }
572 572
573 .fw800 { 573 .fw800 {
574 font-weight: 800; 574 font-weight: 800;
575 } 575 }
576 576
577 .fw900 { 577 .fw900 {
578 font-weight: 900; 578 font-weight: 900;
579 } 579 }
580 580
581 .fw-bold { 581 .fw-bold {
582 font-weight: bold; 582 font-weight: bold;
583 } 583 }
584 584
585 .ta-justify { 585 .ta-justify {
586 text-align: justify !important; 586 text-align: justify !important;
587 } 587 }
588 588
589 .ta-center { 589 .ta-center {
590 text-align: center !important; 590 text-align: center !important;
591 } 591 }
592 592
593 .ta-end { 593 .ta-end {
594 text-align: end !important; 594 text-align: end !important;
595 } 595 }
596 596
597 .ta-left { 597 .ta-left {
598 text-align: left !important; 598 text-align: left !important;
599 } 599 }
600 600
601 .ta-right { 601 .ta-right {
602 text-align: right !important; 602 text-align: right !important;
603 } 603 }
604 604
605 .green { 605 .green {
606 color: #36A000; 606 color: #36A000;
607 } 607 }
608 608
609 .gray-light { 609 .gray-light {
610 color: #9096A4; 610 color: #9096A4;
611 } 611 }
612 612
613 .gray-dark { 613 .gray-dark {
614 color: #676B75; 614 color: #676B75;
615 } 615 }
616 616
617 .blue { 617 .blue {
618 color: #2FB9F8; 618 color: #2FB9F8;
619 } 619 }
620 620
621 .clients-blue { 621 .clients-blue {
622 color: #2FB9F8; 622 color: #2FB9F8;
623 } 623 }
624 624
625 .black { 625 .black {
626 color: #282B31; 626 color: #282B31;
627 } 627 }
628 628
629 .red-bf { 629 .red-bf {
630 color: #d01a2f; 630 color: #d01a2f;
631 } 631 }
632 632
633 .hide { 633 .hide {
634 display: none; 634 display: none;
635 } 635 }
636 636
637 .forcehide { 637 .forcehide {
638 display: none !important; 638 display: none !important;
639 } 639 }
640 640
641 .left { 641 .left {
642 float: left; 642 float: left;
643 } 643 }
644 644
645 .left-f { 645 .left-f {
646 float: left !important; 646 float: left !important;
647 } 647 }
648 648
649 .right { 649 .right {
650 float: right; 650 float: right;
651 } 651 }
652 652
653 .right-f { 653 .right-f {
654 float: right !important; 654 float: right !important;
655 } 655 }
656 656
657 .clear { 657 .clear {
658 clear: both; 658 clear: both;
659 } 659 }
660 660
661 .relative { 661 .relative {
662 position: relative; 662 position: relative;
663 } 663 }
664 664
665 .absolute { 665 .absolute {
666 position: absolute; 666 position: absolute;
667 } 667 }
668 668
669 .block { 669 .block {
670 display: block; 670 display: block;
671 } 671 }
672 672
673 .inline-block { 673 .inline-block {
674 display: inline-block !important; 674 display: inline-block !important;
675 } 675 }
676 676
677 .display-grid { 677 .display-grid {
678 display: grid; 678 display: grid;
679 } 679 }
680 680
681 .flex { 681 .flex {
682 display: flex; 682 display: flex;
683 } 683 }
684 684
685 .flex-align-items-center { 685 .flex-align-items-center {
686 align-items: center; 686 align-items: center;
687 } 687 }
688 688
689 .pointer, .hand { 689 .pointer, .hand {
690 cursor: pointer; 690 cursor: pointer;
691 } 691 }
692 692
693 .cursor-default { 693 .cursor-default {
694 cursor: default !important; 694 cursor: default !important;
695 } 695 }
696 696
697 .bold { 697 .bold {
698 font-weight: bold; 698 font-weight: bold;
699 } 699 }
700 700
701 .italic { 701 .italic {
702 font-style: italic; 702 font-style: italic;
703 } 703 }
704 704
705 .uppercase { 705 .uppercase {
706 text-transform: uppercase; 706 text-transform: uppercase;
707 } 707 }
708 708
709 .width100 { 709 .width100 {
710 width: 100%; 710 width: 100%;
711 } 711 }
712 712
713 .fit-content { 713 .fit-content {
714 width: -moz-fit-content; 714 width: -moz-fit-content;
715 width: -webkit-fit-content; 715 width: -webkit-fit-content;
716 width: fit-content; 716 width: fit-content;
717 } 717 }
718 718
719 .max-content { 719 .max-content {
720 width: intrinsic; /* Safari/WebKit uses a non-standard name */ 720 width: intrinsic; /* Safari/WebKit uses a non-standard name */
721 width: -moz-max-content; /* Firefox/Gecko */ 721 width: -moz-max-content; /* Firefox/Gecko */
722 width: -webkit-max-content; /* Chrome */ 722 width: -webkit-max-content; /* Chrome */
723 width: max-content; 723 width: max-content;
724 } 724 }
725 725
726 .fill-available { 726 .fill-available {
727 width: -moz-available; 727 width: -moz-available;
728 width: -webkit-fill-available; 728 width: -webkit-fill-available;
729 width: fill-available; 729 width: fill-available;
730 } 730 }
731 731
732 .pointer-none { 732 .pointer-none {
733 pointer-events: none; 733 pointer-events: none;
734 } 734 }
735 735
736 .disable-block, .disabled-block { 736 .disable-block, .disabled-block {
737 pointer-events: none; 737 pointer-events: none;
738 opacity: 0.4; 738 opacity: 0.4;
739 } 739 }
740 740
741 .show-spaces { 741 .show-spaces {
742 word-wrap: break-word !important; 742 word-wrap: break-word !important;
743 white-space: pre-wrap !important; 743 white-space: pre-wrap !important;
744 } 744 }
745 745
746 .overflow-hidden { 746 .overflow-hidden {
747 overflow: hidden !important; 747 overflow: hidden !important;
748 } 748 }
749 749
750 .overflow-auto { 750 .overflow-auto {
751 overflow: auto !important; 751 overflow: auto !important;
752 } 752 }
753 753
754 .force-hide { 754 .force-hide {
755 display: none !important; 755 display: none !important;
756 } 756 }
757 757
758 .center-block { 758 .center-block {
759 display: block; 759 display: block;
760 margin-right: auto; 760 margin-right: auto;
761 margin-left: auto; 761 margin-left: auto;
762 } 762 }
763 763
764 .expand-all-plus { 764 .expand-all-plus {
765 background: url(/images/add.png) 0 0 no-repeat; 765 background: url(/images/add.png) 0 0 no-repeat;
766 cursor: pointer; 766 cursor: pointer;
767 width: 16px; 767 width: 16px;
768 height: 16px; 768 height: 16px;
769 } 769 }
770 770
771 .expand-plus { 771 .expand-plus {
772 background: url(/images/plus.png) 0 0 no-repeat; 772 background: url(/images/plus.png) 0 0 no-repeat;
773 cursor: pointer; 773 cursor: pointer;
774 width: 16px; 774 width: 16px;
775 height: 16px; 775 height: 16px;
776 } 776 }
777 777
778 .reduce-minus { 778 .reduce-minus {
779 background: url(/images/minus.png) 0 0 no-repeat; 779 background: url(/images/minus.png) 0 0 no-repeat;
780 cursor: pointer; 780 cursor: pointer;
781 width: 16px; 781 width: 16px;
782 height: 16px; 782 height: 16px;
783 } 783 }
784 784
785 .grey-line { 785 .grey-line {
786 width: 100%; 786 width: 100%;
787 height: 1px; 787 height: 1px;
788 border-bottom: 1px solid #e7ecf1; 788 border-bottom: 1px solid #e7ecf1;
789 } 789 }
790 790
791 .triangle-top-to-bottom { 791 .triangle-top-to-bottom {
792 border: 6px solid transparent; 792 border: 6px solid transparent;
793 border-bottom: 14px solid; 793 border-bottom: 14px solid;
794 position: absolute; 794 position: absolute;
795 top: -19px; 795 top: -19px;
796 color: #fff; 796 color: #fff;
797 } 797 }
798 798
799 .primary-color { 799 .primary-color {
800 color: #2FB9F8; 800 color: #2FB9F8;
801 } 801 }
802 802
803 .primary-bg-color { 803 .primary-bg-color {
804 background-color: #2FB9F8; 804 background-color: #2FB9F8;
805 } 805 }
806 806
807 .before-triangle-top:before { 807 .before-triangle-top:before {
808 position: absolute; 808 position: absolute;
809 top: -8px; 809 top: -8px;
810 right: 20px; 810 right: 20px;
811 left: auto; 811 left: auto;
812 display: inline-block !important; 812 display: inline-block !important;
813 border-right: 8px solid transparent; 813 border-right: 8px solid transparent;
814 border-bottom: 8px solid #e0e0e0; 814 border-bottom: 8px solid #e0e0e0;
815 border-left: 8px solid transparent; 815 border-left: 8px solid transparent;
816 content: ""; 816 content: "";
817 } 817 }
818 .before-triangle-top:after { 818 .before-triangle-top:after {
819 position: absolute; 819 position: absolute;
820 top: -7px; 820 top: -7px;
821 right: 21px; 821 right: 21px;
822 left: auto; 822 left: auto;
823 display: inline-block !important; 823 display: inline-block !important;
824 border-right: 7px solid transparent; 824 border-right: 7px solid transparent;
825 border-bottom: 7px solid #fff; 825 border-bottom: 7px solid #fff;
826 border-left: 7px solid transparent; 826 border-left: 7px solid transparent;
827 content: ""; 827 content: "";
828 } 828 }
829 829
830 .before-triangle-right:before { 830 .before-triangle-right:before {
831 position: absolute; 831 position: absolute;
832 top: calc(50% - 8px); 832 top: calc(50% - 8px);
833 right: -8px; 833 right: -8px;
834 left: auto; 834 left: auto;
835 display: inline-block !important; 835 display: inline-block !important;
836 border-top: 8px solid transparent; 836 border-top: 8px solid transparent;
837 border-bottom: 8px solid transparent; 837 border-bottom: 8px solid transparent;
838 border-left: 8px solid #e0e0e0; 838 border-left: 8px solid #e0e0e0;
839 content: ""; 839 content: "";
840 } 840 }
841 .before-triangle-right:after { 841 .before-triangle-right:after {
842 position: absolute; 842 position: absolute;
843 top: calc(50% - 7px); 843 top: calc(50% - 7px);
844 right: -7px; 844 right: -7px;
845 left: auto; 845 left: auto;
846 display: inline-block !important; 846 display: inline-block !important;
847 border-top: 7px solid transparent; 847 border-top: 7px solid transparent;
848 border-bottom: 7px solid transparent; 848 border-bottom: 7px solid transparent;
849 border-left: 7px solid #fff; 849 border-left: 7px solid #fff;
850 content: ""; 850 content: "";
851 } 851 }
852 852
853 .icon-download-detail-booked-before-triangle-right:before { 853 .icon-download-detail-booked-before-triangle-right:before {
854 position: absolute; 854 position: absolute;
855 top: calc(50% - 39px) !important; 855 top: calc(50% - 39px) !important;
856 right: -8px; 856 right: -8px;
857 left: auto; 857 left: auto;
858 display: inline-block !important; 858 display: inline-block !important;
859 border-top: 8px solid transparent; 859 border-top: 8px solid transparent;
860 border-bottom: 8px solid transparent; 860 border-bottom: 8px solid transparent;
861 border-left: 8px solid #e0e0e0; 861 border-left: 8px solid #e0e0e0;
862 content: ""; 862 content: "";
863 } 863 }
864 .icon-download-detail-booked-before-triangle-right:after { 864 .icon-download-detail-booked-before-triangle-right:after {
865 top: calc(50% - 39px) !important; 865 top: calc(50% - 39px) !important;
866 position: absolute; 866 position: absolute;
867 right: -7px; 867 right: -7px;
868 left: auto; 868 left: auto;
869 display: inline-block !important; 869 display: inline-block !important;
870 border-top: 7px solid transparent; 870 border-top: 7px solid transparent;
871 border-bottom: 7px solid transparent; 871 border-bottom: 7px solid transparent;
872 border-left: 7px solid #fff; 872 border-left: 7px solid #fff;
873 content: ""; 873 content: "";
874 } 874 }
875 875
876 .noselect { 876 .noselect {
877 -webkit-touch-callout: none; /* iOS Safari */ 877 -webkit-touch-callout: none; /* iOS Safari */
878 -webkit-user-select: none; /* Safari */ 878 -webkit-user-select: none; /* Safari */
879 -khtml-user-select: none; /* Konqueror HTML */ 879 -khtml-user-select: none; /* Konqueror HTML */
880 -moz-user-select: none; /* Old versions of Firefox */ 880 -moz-user-select: none; /* Old versions of Firefox */
881 -ms-user-select: none; /* Internet Explorer/Edge */ 881 -ms-user-select: none; /* Internet Explorer/Edge */
882 user-select: none; /* Non-prefixed version, currently 882 user-select: none; /* Non-prefixed version, currently
883 supported by Chrome, Opera and Firefox */ 883 supported by Chrome, Opera and Firefox */
884 } 884 }
885 885
886 .nodrag { 886 .nodrag {
887 user-drag: none; 887 user-drag: none;
888 user-select: none; 888 user-select: none;
889 -moz-user-select: none; 889 -moz-user-select: none;
890 -webkit-user-drag: none; 890 -webkit-user-drag: none;
891 -webkit-user-select: none; 891 -webkit-user-select: none;
892 -ms-user-select: none; 892 -ms-user-select: none;
893 } 893 }
894 894
895 .border0 { 895 .border0 {
896 border: 0; 896 border: 0;
897 } 897 }
898 898
899 .hover-shadow:hover{
900 -webkit-box-shadow: 0px 0px 8px 1px rgba(66, 68, 90, 1);
901 -moz-box-shadow: 0px 0px 8px 1px rgba(66, 68, 90, 1);
902 box-shadow: 0px 0px 8px 1px rgba(66, 68, 90, 1);
903 }
904
899 /*# sourceMappingURL=helpers.css.map */ 905 /*# sourceMappingURL=helpers.css.map */
900 906
public/css/style_may2024.css
Diff comments   View file @ 356dd98
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: 16px; 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 }
6788 .messages__item-info { 6775 .messages__item-info {
6789 display: -webkit-box; 6776 display: -webkit-box;
6790 display: -ms-flexbox; 6777 display: -ms-flexbox;
6791 display: flex; 6778 display: flex;
6792 -webkit-box-align: center; 6779 -webkit-box-align: center;
6793 -ms-flex-align: center; 6780 -ms-flex-align: center;
6794 align-items: center; 6781 align-items: center;
6795 width: calc(100% - 90px); 6782 width: calc(100% - 90px);
6796 } 6783 }
6797 @media (min-width: 768px) { 6784 @media (min-width: 768px) {
6798 .messages__item-info { 6785 .messages__item-info {
6799 width: calc(100% - 150px); 6786 width: calc(100% - 150px);
6800 } 6787 }
6801 } 6788 }
6802 .messages__item-photo { 6789 .messages__item-photo {
6803 position: relative; 6790 position: relative;
6804 aspect-ratio: 1/1; 6791 aspect-ratio: 1/1;
6805 overflow: hidden; 6792 overflow: hidden;
6806 background: #9c9d9d; 6793 background: #9c9d9d;
6807 color: #fff; 6794 color: #fff;
6808 width: 36px; 6795 width: 36px;
6809 border-radius: 6px; 6796 border-radius: 6px;
6810 display: -webkit-box; 6797 display: -webkit-box;
6811 display: -ms-flexbox; 6798 display: -ms-flexbox;
6812 display: flex; 6799 display: flex;
6813 -webkit-box-pack: center; 6800 -webkit-box-pack: center;
6814 -ms-flex-pack: center; 6801 -ms-flex-pack: center;
6815 justify-content: center; 6802 justify-content: center;
6816 -webkit-box-align: center; 6803 -webkit-box-align: center;
6817 -ms-flex-align: center; 6804 -ms-flex-align: center;
6818 align-items: center; 6805 align-items: center;
6819 } 6806 }
6820 @media (min-width: 768px) { 6807 @media (min-width: 768px) {
6821 .messages__item-photo { 6808 .messages__item-photo {
6822 width: 52px; 6809 width: 52px;
6823 } 6810 }
6824 } 6811 }
6825 .messages__item-photo svg { 6812 .messages__item-photo svg {
6826 width: 50%; 6813 width: 50%;
6827 position: relative; 6814 position: relative;
6828 z-index: 1; 6815 z-index: 1;
6829 } 6816 }
6830 .messages__item-photo img { 6817 .messages__item-photo img {
6831 position: absolute; 6818 position: absolute;
6832 z-index: 2; 6819 z-index: 2;
6833 top: 0; 6820 top: 0;
6834 left: 0; 6821 left: 0;
6835 width: 100%; 6822 width: 100%;
6836 height: 100%; 6823 height: 100%;
6837 -o-object-fit: cover; 6824 -o-object-fit: cover;
6838 object-fit: cover; 6825 object-fit: cover;
6839 } 6826 }
6840 .messages__item-text { 6827 .messages__item-text {
6841 width: calc(100% - 36px); 6828 width: calc(100% - 36px);
6842 padding-left: 6px; 6829 padding-left: 6px;
6843 color: #000; 6830 color: #000;
6844 display: -webkit-box; 6831 display: -webkit-box;
6845 display: -ms-flexbox; 6832 display: -ms-flexbox;
6846 display: flex; 6833 display: flex;
6847 -webkit-box-orient: vertical; 6834 -webkit-box-orient: vertical;
6848 -webkit-box-direction: normal; 6835 -webkit-box-direction: normal;
6849 -ms-flex-direction: column; 6836 -ms-flex-direction: column;
6850 flex-direction: column; 6837 flex-direction: column;
6851 gap: 4px; 6838 gap: 4px;
6852 } 6839 }
6853 @media (min-width: 768px) { 6840 @media (min-width: 768px) {
6854 .messages__item-text { 6841 .messages__item-text {
6855 padding-left: 20px; 6842 padding-left: 20px;
6856 width: calc(100% - 52px); 6843 width: calc(100% - 52px);
6857 gap: 8px; 6844 gap: 8px;
6858 } 6845 }
6859 } 6846 }
6860 .messages__item-text span { 6847 .messages__item-text span {
6861 color: #000; 6848 color: #000;
6862 } 6849 }
6863 .messages__item-date { 6850 .messages__item-actions{
6864 color: #000; 6851
6865 width: 90px;
6866 text-align: right;
6867 } 6852 }
6868 @media (min-width: 768px) { 6853 .messages__item-buttons{
6869 .messages__item-date { 6854 float: right;
6870 width: 150px; 6855 display: flex;
6871 } 6856 align-items: center;
6857 }
6858 .messages__item-buttons button{
6859 padding: 0;
6860 background: unset;
6861 border: unset;
6862 }
6863 .messages__item-buttons button svg{
6864 width: 25px;
6865 height: 25px;
6866 color: gray;
6867 }
6868 .messages__item-buttons button svg path{
6869 stroke: gray;
6870 }
6871 .messages__item-buttons button:hover svg{
6872 color: black;
6873 }
6874 .messages__item-buttons button:hover svg path{
6875 stroke: black;
6876 }
6877 .messages__item-buttons button.pin-on:hover svg#pin_off path{
6878 fill: black;
6879 }
6880 .messages__item-buttons button.pin-on svg{
6881 fill: gray;
6882 }
6883 .messages__item-date {
6884 color: #00000070;
6885 width: 90px;
6886 text-align: right;
6887 font-size: 14px;
6888 margin-bottom: 8px;
6872 } 6889 }
6890
6873 .messages.active .messages__item { 6891 .messages.active .messages__item {
6874 display: -webkit-box; 6892 display: -webkit-box;
6875 display: -ms-flexbox; 6893 display: -ms-flexbox;
6876 display: flex; 6894 display: flex;
6877 } 6895 }
6878 6896
6879 .responses { 6897 .responses {
6880 display: -webkit-box; 6898 display: -webkit-box;
6881 display: -ms-flexbox; 6899 display: -ms-flexbox;
6882 display: flex; 6900 display: flex;
6883 -webkit-box-orient: vertical; 6901 -webkit-box-orient: vertical;
6884 -webkit-box-direction: reverse; 6902 -webkit-box-direction: reverse;
6885 -ms-flex-direction: column-reverse; 6903 -ms-flex-direction: column-reverse;
6886 flex-direction: column-reverse; 6904 flex-direction: column-reverse;
6887 -webkit-box-align: center; 6905 -webkit-box-align: center;
6888 -ms-flex-align: center; 6906 -ms-flex-align: center;
6889 align-items: center; 6907 align-items: center;
6890 gap: 20px; 6908 gap: 20px;
6891 } 6909 }
6892 .responses__body { 6910 .responses__body {
6893 width: 100%; 6911 width: 100%;
6894 display: -webkit-box; 6912 display: -webkit-box;
6895 display: -ms-flexbox; 6913 display: -ms-flexbox;
6896 display: flex; 6914 display: flex;
6897 -webkit-box-orient: vertical; 6915 -webkit-box-orient: vertical;
6898 -webkit-box-direction: normal; 6916 -webkit-box-direction: normal;
6899 -ms-flex-direction: column; 6917 -ms-flex-direction: column;
6900 flex-direction: column; 6918 flex-direction: column;
6901 gap: 20px; 6919 gap: 20px;
6902 } 6920 }
6903 .responses__item { 6921 .responses__item {
6904 display: none; 6922 display: none;
6905 -webkit-box-orient: vertical; 6923 -webkit-box-orient: vertical;
6906 -webkit-box-direction: normal; 6924 -webkit-box-direction: normal;
6907 -ms-flex-direction: column; 6925 -ms-flex-direction: column;
6908 flex-direction: column; 6926 flex-direction: column;
6909 gap: 20px; 6927 gap: 20px;
6910 border-radius: 8px; 6928 border-radius: 8px;
6911 border: 1px solid #e7e7e7; 6929 border: 1px solid #e7e7e7;
6912 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6930 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6913 padding: 20px 10px; 6931 padding: 20px 10px;
6914 font-size: 12px; 6932 font-size: 12px;
6915 position: relative; 6933 position: relative;
6916 } 6934 }
6917 @media (min-width: 768px) { 6935 @media (min-width: 768px) {
6918 .responses__item { 6936 .responses__item {
6919 padding: 20px; 6937 padding: 20px;
6920 font-size: 16px; 6938 font-size: 16px;
6921 } 6939 }
6922 } 6940 }
6923 .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) {
6924 display: -webkit-box; 6942 display: -webkit-box;
6925 display: -ms-flexbox; 6943 display: -ms-flexbox;
6926 display: flex; 6944 display: flex;
6927 } 6945 }
6928 .responses__item-date { 6946 .responses__item-date {
6929 color: #000; 6947 color: #000;
6930 } 6948 }
6931 @media (min-width: 992px) { 6949 @media (min-width: 992px) {
6932 .responses__item-date { 6950 .responses__item-date {
6933 position: absolute; 6951 position: absolute;
6934 top: 20px; 6952 top: 20px;
6935 right: 20px; 6953 right: 20px;
6936 } 6954 }
6937 } 6955 }
6938 .responses__item-wrapper { 6956 .responses__item-wrapper {
6939 display: -webkit-box; 6957 display: -webkit-box;
6940 display: -ms-flexbox; 6958 display: -ms-flexbox;
6941 display: flex; 6959 display: flex;
6942 -webkit-box-orient: vertical; 6960 -webkit-box-orient: vertical;
6943 -webkit-box-direction: normal; 6961 -webkit-box-direction: normal;
6944 -ms-flex-direction: column; 6962 -ms-flex-direction: column;
6945 flex-direction: column; 6963 flex-direction: column;
6946 gap: 20px; 6964 gap: 20px;
6947 } 6965 }
6948 .responses__item-inner { 6966 .responses__item-inner {
6949 display: -webkit-box; 6967 display: -webkit-box;
6950 display: -ms-flexbox; 6968 display: -ms-flexbox;
6951 display: flex; 6969 display: flex;
6952 -webkit-box-orient: vertical; 6970 -webkit-box-orient: vertical;
6953 -webkit-box-direction: normal; 6971 -webkit-box-direction: normal;
6954 -ms-flex-direction: column; 6972 -ms-flex-direction: column;
6955 flex-direction: column; 6973 flex-direction: column;
6956 gap: 10px; 6974 gap: 10px;
6957 } 6975 }
6958 @media (min-width: 768px) { 6976 @media (min-width: 768px) {
6959 .responses__item-inner { 6977 .responses__item-inner {
6960 gap: 20px; 6978 gap: 20px;
6961 } 6979 }
6962 } 6980 }
6963 @media (min-width: 1280px) { 6981 @media (min-width: 1280px) {
6964 .responses__item-inner { 6982 .responses__item-inner {
6965 width: calc(100% - 150px); 6983 width: calc(100% - 150px);
6966 } 6984 }
6967 } 6985 }
6968 .responses__item-row { 6986 .responses__item-row {
6969 display: grid; 6987 display: grid;
6970 grid-template-columns: 1fr 1fr; 6988 grid-template-columns: 1fr 1fr;
6971 gap: 20px; 6989 gap: 20px;
6972 color: #000; 6990 color: #000;
6973 text-align: right; 6991 text-align: right;
6974 } 6992 }
6975 @media (min-width: 992px) { 6993 @media (min-width: 992px) {
6976 .responses__item-row { 6994 .responses__item-row {
6977 display: -webkit-box; 6995 display: -webkit-box;
6978 display: -ms-flexbox; 6996 display: -ms-flexbox;
6979 display: flex; 6997 display: flex;
6980 -webkit-box-orient: vertical; 6998 -webkit-box-orient: vertical;
6981 -webkit-box-direction: normal; 6999 -webkit-box-direction: normal;
6982 -ms-flex-direction: column; 7000 -ms-flex-direction: column;
6983 flex-direction: column; 7001 flex-direction: column;
6984 gap: 6px; 7002 gap: 6px;
6985 text-align: left; 7003 text-align: left;
6986 } 7004 }
6987 } 7005 }
6988 .responses__item-row span { 7006 .responses__item-row span {
6989 color: #000; 7007 color: #000;
6990 text-align: left; 7008 text-align: left;
6991 } 7009 }
6992 .responses__item-buttons { 7010 .responses__item-buttons {
6993 display: -webkit-box; 7011 display: -webkit-box;
6994 display: -ms-flexbox; 7012 display: -ms-flexbox;
6995 display: flex; 7013 display: flex;
6996 -webkit-box-orient: vertical; 7014 -webkit-box-orient: vertical;
6997 -webkit-box-direction: normal; 7015 -webkit-box-direction: normal;
6998 -ms-flex-direction: column; 7016 -ms-flex-direction: column;
6999 flex-direction: column; 7017 flex-direction: column;
7000 gap: 10px; 7018 gap: 10px;
7001 } 7019 }
7002 @media (min-width: 768px) { 7020 @media (min-width: 768px) {
7003 .responses__item-buttons { 7021 .responses__item-buttons {
7004 display: grid; 7022 display: grid;
7005 grid-template-columns: 1fr 1fr; 7023 grid-template-columns: 1fr 1fr;
7006 } 7024 }
7007 } 7025 }
7008 @media (min-width: 1280px) { 7026 @media (min-width: 1280px) {
7009 .responses__item-buttons { 7027 .responses__item-buttons {
7010 grid-template-columns: 1fr 1fr 1fr 1fr; 7028 grid-template-columns: 1fr 1fr 1fr 1fr;
7011 } 7029 }
7012 } 7030 }
7013 .responses__item-buttons .button.active { 7031 .responses__item-buttons .button.active {
7014 background: #377d87; 7032 background: #377d87;
7015 color: #fff; 7033 color: #fff;
7016 } 7034 }
7017 .responses.active .responses__item { 7035 .responses.active .responses__item {
7018 display: -webkit-box; 7036 display: -webkit-box;
7019 display: -ms-flexbox; 7037 display: -ms-flexbox;
7020 display: flex; 7038 display: flex;
7021 } 7039 }
7022 7040
7023 .chatbox { 7041 .chatbox {
7024 display: -webkit-box; 7042 display: -webkit-box;
7025 display: -ms-flexbox; 7043 display: -ms-flexbox;
7026 display: flex; 7044 display: flex;
7027 -webkit-box-orient: vertical; 7045 -webkit-box-orient: vertical;
7028 -webkit-box-direction: normal; 7046 -webkit-box-direction: normal;
7029 -ms-flex-direction: column; 7047 -ms-flex-direction: column;
7030 flex-direction: column; 7048 flex-direction: column;
7031 gap: 20px; 7049 gap: 20px;
7032 } 7050 }
7033 @media (min-width: 768px) { 7051 @media (min-width: 768px) {
7034 .chatbox { 7052 .chatbox {
7035 gap: 30px; 7053 gap: 30px;
7036 } 7054 }
7037 } 7055 }
7038 @media (min-width: 1280px) { 7056 @media (min-width: 1280px) {
7039 .chatbox { 7057 .chatbox {
7040 gap: 40px; 7058 gap: 40px;
7041 } 7059 }
7042 } 7060 }
7043 .chatbox__toper { 7061 .chatbox__toper {
7044 display: -webkit-box; 7062 display: -webkit-box;
7045 display: -ms-flexbox; 7063 display: -ms-flexbox;
7046 display: flex; 7064 display: flex;
7047 -webkit-box-orient: vertical; 7065 -webkit-box-orient: vertical;
7048 -webkit-box-direction: normal; 7066 -webkit-box-direction: normal;
7049 -ms-flex-direction: column; 7067 -ms-flex-direction: column;
7050 flex-direction: column; 7068 flex-direction: column;
7051 gap: 10px; 7069 gap: 10px;
7052 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7070 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7053 border: 1px solid #e7e7e7; 7071 border: 1px solid #e7e7e7;
7054 border-radius: 8px; 7072 border-radius: 8px;
7055 padding: 10px; 7073 padding: 10px;
7056 } 7074 }
7057 @media (min-width: 768px) { 7075 @media (min-width: 768px) {
7058 .chatbox__toper { 7076 .chatbox__toper {
7059 padding: 20px; 7077 padding: 20px;
7060 -webkit-box-orient: horizontal; 7078 -webkit-box-orient: horizontal;
7061 -webkit-box-direction: normal; 7079 -webkit-box-direction: normal;
7062 -ms-flex-direction: row; 7080 -ms-flex-direction: row;
7063 flex-direction: row; 7081 flex-direction: row;
7064 -webkit-box-align: center; 7082 -webkit-box-align: center;
7065 -ms-flex-align: center; 7083 -ms-flex-align: center;
7066 align-items: center; 7084 align-items: center;
7067 -webkit-box-pack: justify; 7085 -webkit-box-pack: justify;
7068 -ms-flex-pack: justify; 7086 -ms-flex-pack: justify;
7069 justify-content: space-between; 7087 justify-content: space-between;
7070 } 7088 }
7071 } 7089 }
7072 .chatbox__toper-info { 7090 .chatbox__toper-info {
7073 font-size: 12px; 7091 font-size: 12px;
7074 } 7092 }
7075 @media (min-width: 768px) { 7093 @media (min-width: 768px) {
7076 .chatbox__toper-info { 7094 .chatbox__toper-info {
7077 font-size: 16px; 7095 font-size: 16px;
7078 width: calc(100% - 230px); 7096 width: calc(100% - 230px);
7079 } 7097 }
7080 } 7098 }
7081 @media (min-width: 768px) { 7099 @media (min-width: 768px) {
7082 .chatbox__toper-button { 7100 .chatbox__toper-button {
7083 width: 210px; 7101 width: 210px;
7084 padding: 0; 7102 padding: 0;
7085 } 7103 }
7086 } 7104 }
7087 .chatbox__list { 7105 .chatbox__list {
7088 display: -webkit-box; 7106 display: -webkit-box;
7089 display: -ms-flexbox; 7107 display: -ms-flexbox;
7090 display: flex; 7108 display: flex;
7091 -webkit-box-orient: vertical; 7109 -webkit-box-orient: vertical;
7092 -webkit-box-direction: normal; 7110 -webkit-box-direction: normal;
7093 -ms-flex-direction: column; 7111 -ms-flex-direction: column;
7094 flex-direction: column; 7112 flex-direction: column;
7095 gap: 10px; 7113 gap: 10px;
7096 } 7114 }
7097 @media (min-width: 768px) { 7115 @media (min-width: 768px) {
7098 .chatbox__list { 7116 .chatbox__list {
7099 gap: 20px; 7117 gap: 20px;
7100 } 7118 }
7101 } 7119 }
7102 @media (min-width: 1280px) { 7120 @media (min-width: 1280px) {
7103 .chatbox__list { 7121 .chatbox__list {
7104 gap: 40px; 7122 gap: 40px;
7105 } 7123 }
7106 } 7124 }
7107 .chatbox__item { 7125 .chatbox__item {
7108 display: -webkit-box; 7126 display: -webkit-box;
7109 display: -ms-flexbox; 7127 display: -ms-flexbox;
7110 display: flex; 7128 display: flex;
7111 -webkit-box-align: start; 7129 -webkit-box-align: start;
7112 -ms-flex-align: start; 7130 -ms-flex-align: start;
7113 align-items: flex-start; 7131 align-items: flex-start;
7114 -webkit-box-pack: justify; 7132 -webkit-box-pack: justify;
7115 -ms-flex-pack: justify; 7133 -ms-flex-pack: justify;
7116 justify-content: space-between; 7134 justify-content: space-between;
7117 -ms-flex-wrap: wrap; 7135 -ms-flex-wrap: wrap;
7118 flex-wrap: wrap; 7136 flex-wrap: wrap;
7119 color: #000; 7137 color: #000;
7120 font-size: 12px; 7138 font-size: 12px;
7121 } 7139 }
7122 @media (min-width: 768px) { 7140 @media (min-width: 768px) {
7123 .chatbox__item { 7141 .chatbox__item {
7124 font-size: 16px; 7142 font-size: 16px;
7125 } 7143 }
7126 } 7144 }
7127 .chatbox__item_reverse { 7145 .chatbox__item_reverse {
7128 -webkit-box-orient: horizontal; 7146 -webkit-box-orient: horizontal;
7129 -webkit-box-direction: reverse; 7147 -webkit-box-direction: reverse;
7130 -ms-flex-direction: row-reverse; 7148 -ms-flex-direction: row-reverse;
7131 flex-direction: row-reverse; 7149 flex-direction: row-reverse;
7132 } 7150 }
7133 .chatbox__item-photo { 7151 .chatbox__item-photo {
7134 position: relative; 7152 position: relative;
7135 aspect-ratio: 1/1; 7153 aspect-ratio: 1/1;
7136 overflow: hidden; 7154 overflow: hidden;
7137 background: #9c9d9d; 7155 background: #9c9d9d;
7138 color: #fff; 7156 color: #fff;
7139 width: 44px; 7157 width: 44px;
7140 border-radius: 6px; 7158 border-radius: 6px;
7141 display: -webkit-box; 7159 display: -webkit-box;
7142 display: -ms-flexbox; 7160 display: -ms-flexbox;
7143 display: flex; 7161 display: flex;
7144 -webkit-box-pack: center; 7162 -webkit-box-pack: center;
7145 -ms-flex-pack: center; 7163 -ms-flex-pack: center;
7146 justify-content: center; 7164 justify-content: center;
7147 -webkit-box-align: center; 7165 -webkit-box-align: center;
7148 -ms-flex-align: center; 7166 -ms-flex-align: center;
7149 align-items: center; 7167 align-items: center;
7150 } 7168 }
7151 .chatbox__item-photo svg { 7169 .chatbox__item-photo svg {
7152 width: 50%; 7170 width: 50%;
7153 position: relative; 7171 position: relative;
7154 z-index: 1; 7172 z-index: 1;
7155 } 7173 }
7156 .chatbox__item-photo img { 7174 .chatbox__item-photo img {
7157 position: absolute; 7175 position: absolute;
7158 z-index: 2; 7176 z-index: 2;
7159 top: 0; 7177 top: 0;
7160 left: 0; 7178 left: 0;
7161 width: 100%; 7179 width: 100%;
7162 height: 100%; 7180 height: 100%;
7163 -o-object-fit: cover; 7181 -o-object-fit: cover;
7164 object-fit: cover; 7182 object-fit: cover;
7165 } 7183 }
7166 .chatbox__item-body { 7184 .chatbox__item-body {
7167 width: calc(100% - 54px); 7185 width: calc(100% - 54px);
7168 display: -webkit-box; 7186 display: -webkit-box;
7169 display: -ms-flexbox; 7187 display: -ms-flexbox;
7170 display: flex; 7188 display: flex;
7171 -webkit-box-orient: vertical; 7189 -webkit-box-orient: vertical;
7172 -webkit-box-direction: normal; 7190 -webkit-box-direction: normal;
7173 -ms-flex-direction: column; 7191 -ms-flex-direction: column;
7174 flex-direction: column; 7192 flex-direction: column;
7175 -webkit-box-align: start; 7193 -webkit-box-align: start;
7176 -ms-flex-align: start; 7194 -ms-flex-align: start;
7177 align-items: flex-start; 7195 align-items: flex-start;
7178 } 7196 }
7179 @media (min-width: 768px) { 7197 @media (min-width: 768px) {
7180 .chatbox__item-body { 7198 .chatbox__item-body {
7181 width: calc(100% - 60px); 7199 width: calc(100% - 60px);
7182 } 7200 }
7183 } 7201 }
7184 .chatbox__item_reverse .chatbox__item-body { 7202 .chatbox__item_reverse .chatbox__item-body {
7185 -webkit-box-align: end; 7203 -webkit-box-align: end;
7186 -ms-flex-align: end; 7204 -ms-flex-align: end;
7187 align-items: flex-end; 7205 align-items: flex-end;
7188 } 7206 }
7189 .chatbox__item-text { 7207 .chatbox__item-text {
7190 border-radius: 8px; 7208 border-radius: 8px;
7191 background: #fff; 7209 background: #fff;
7192 -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);
7193 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);
7194 padding: 10px; 7212 padding: 10px;
7195 line-height: 1.6; 7213 line-height: 1.6;
7196 } 7214 }
7197 .chatbox__item-time { 7215 .chatbox__item-time {
7198 width: 100%; 7216 width: 100%;
7199 padding-left: 54px; 7217 padding-left: 54px;
7200 margin-top: 10px; 7218 margin-top: 10px;
7201 color: #9c9d9d; 7219 color: #9c9d9d;
7202 } 7220 }
7203 .chatbox__item_reverse .chatbox__item-time { 7221 .chatbox__item_reverse .chatbox__item-time {
7204 text-align: right; 7222 text-align: right;
7205 } 7223 }
7206 .chatbox__bottom { 7224 .chatbox__bottom {
7207 background: #4d88d9; 7225 background: #4d88d9;
7208 padding: 10px; 7226 padding: 10px;
7209 border-radius: 8px; 7227 border-radius: 8px;
7210 display: -webkit-box; 7228 display: -webkit-box;
7211 display: -ms-flexbox; 7229 display: -ms-flexbox;
7212 display: flex; 7230 display: flex;
7213 -webkit-box-align: center; 7231 -webkit-box-align: center;
7214 -ms-flex-align: center; 7232 -ms-flex-align: center;
7215 align-items: center; 7233 align-items: center;
7216 -webkit-box-pack: justify; 7234 -webkit-box-pack: justify;
7217 -ms-flex-pack: justify; 7235 -ms-flex-pack: justify;
7218 justify-content: space-between; 7236 justify-content: space-between;
7219 } 7237 }
7220 @media (min-width: 768px) { 7238 @media (min-width: 768px) {
7221 .chatbox__bottom { 7239 .chatbox__bottom {
7222 padding: 16px 20px; 7240 padding: 16px 20px;
7223 } 7241 }
7224 } 7242 }
7225 .chatbox__bottom-file { 7243 .chatbox__bottom-file {
7226 width: 20px; 7244 width: 20px;
7227 aspect-ratio: 1/1; 7245 aspect-ratio: 1/1;
7228 display: -webkit-box; 7246 display: -webkit-box;
7229 display: -ms-flexbox; 7247 display: -ms-flexbox;
7230 display: flex; 7248 display: flex;
7231 -webkit-box-pack: center; 7249 -webkit-box-pack: center;
7232 -ms-flex-pack: center; 7250 -ms-flex-pack: center;
7233 justify-content: center; 7251 justify-content: center;
7234 -webkit-box-align: center; 7252 -webkit-box-align: center;
7235 -ms-flex-align: center; 7253 -ms-flex-align: center;
7236 align-items: center; 7254 align-items: center;
7237 background: #fff; 7255 background: #fff;
7238 color: #4d88d9; 7256 color: #4d88d9;
7239 border-radius: 8px; 7257 border-radius: 8px;
7240 } 7258 }
7241 @media (min-width: 768px) { 7259 @media (min-width: 768px) {
7242 .chatbox__bottom-file { 7260 .chatbox__bottom-file {
7243 width: 48px; 7261 width: 48px;
7244 } 7262 }
7245 } 7263 }
7246 .chatbox__bottom-file:hover { 7264 .chatbox__bottom-file:hover {
7247 color: #377d87; 7265 color: #377d87;
7248 } 7266 }
7249 .chatbox__bottom-file input { 7267 .chatbox__bottom-file input {
7250 display: none; 7268 display: none;
7251 } 7269 }
7252 .chatbox__bottom-file svg { 7270 .chatbox__bottom-file svg {
7253 width: 50%; 7271 width: 50%;
7254 aspect-ratio: 1/1; 7272 aspect-ratio: 1/1;
7255 } 7273 }
7256 @media (min-width: 768px) { 7274 @media (min-width: 768px) {
7257 .chatbox__bottom-file svg { 7275 .chatbox__bottom-file svg {
7258 width: 40%; 7276 width: 40%;
7259 } 7277 }
7260 } 7278 }
7261 .chatbox__bottom-text { 7279 .chatbox__bottom-text {
7262 width: calc(100% - 60px); 7280 width: calc(100% - 60px);
7263 height: 20px; 7281 height: 20px;
7264 border-color: #fff; 7282 border-color: #fff;
7265 } 7283 }
7266 @media (min-width: 768px) { 7284 @media (min-width: 768px) {
7267 .chatbox__bottom-text { 7285 .chatbox__bottom-text {
7268 width: calc(100% - 128px); 7286 width: calc(100% - 128px);
7269 height: 48px; 7287 height: 48px;
7270 } 7288 }
7271 } 7289 }
7272 .chatbox__bottom-text:focus { 7290 .chatbox__bottom-text:focus {
7273 border-color: #fff; 7291 border-color: #fff;
7274 } 7292 }
7275 .chatbox__bottom-send { 7293 .chatbox__bottom-send {
7276 width: 20px; 7294 width: 20px;
7277 aspect-ratio: 1/1; 7295 aspect-ratio: 1/1;
7278 display: -webkit-box; 7296 display: -webkit-box;
7279 display: -ms-flexbox; 7297 display: -ms-flexbox;
7280 display: flex; 7298 display: flex;
7281 -webkit-box-pack: center; 7299 -webkit-box-pack: center;
7282 -ms-flex-pack: center; 7300 -ms-flex-pack: center;
7283 justify-content: center; 7301 justify-content: center;
7284 -webkit-box-align: center; 7302 -webkit-box-align: center;
7285 -ms-flex-align: center; 7303 -ms-flex-align: center;
7286 align-items: center; 7304 align-items: center;
7287 padding: 0; 7305 padding: 0;
7288 background: #fff; 7306 background: #fff;
7289 border: none; 7307 border: none;
7290 color: #4d88d9; 7308 color: #4d88d9;
7291 border-radius: 999px; 7309 border-radius: 999px;
7292 } 7310 }
7293 @media (min-width: 768px) { 7311 @media (min-width: 768px) {
7294 .chatbox__bottom-send { 7312 .chatbox__bottom-send {
7295 width: 48px; 7313 width: 48px;
7296 } 7314 }
7297 } 7315 }
7298 .chatbox__bottom-send:hover { 7316 .chatbox__bottom-send:hover {
7299 color: #377d87; 7317 color: #377d87;
7300 } 7318 }
7301 .chatbox__bottom-send svg { 7319 .chatbox__bottom-send svg {
7302 width: 50%; 7320 width: 50%;
7303 aspect-ratio: 1/1; 7321 aspect-ratio: 1/1;
7304 position: relative; 7322 position: relative;
7305 left: 1px; 7323 left: 1px;
7306 } 7324 }
7307 @media (min-width: 768px) { 7325 @media (min-width: 768px) {
7308 .chatbox__bottom-send svg { 7326 .chatbox__bottom-send svg {
7309 width: 40%; 7327 width: 40%;
7310 left: 2px; 7328 left: 2px;
7311 } 7329 }
7312 } 7330 }
7313 7331
7314 .cvs { 7332 .cvs {
7315 display: -webkit-box; 7333 display: -webkit-box;
7316 display: -ms-flexbox; 7334 display: -ms-flexbox;
7317 display: flex; 7335 display: flex;
7318 -webkit-box-orient: vertical; 7336 -webkit-box-orient: vertical;
7319 -webkit-box-direction: reverse; 7337 -webkit-box-direction: reverse;
7320 -ms-flex-direction: column-reverse; 7338 -ms-flex-direction: column-reverse;
7321 flex-direction: column-reverse; 7339 flex-direction: column-reverse;
7322 -webkit-box-align: center; 7340 -webkit-box-align: center;
7323 -ms-flex-align: center; 7341 -ms-flex-align: center;
7324 align-items: center; 7342 align-items: center;
7325 gap: 20px; 7343 gap: 20px;
7326 } 7344 }
7327 .cvs__body { 7345 .cvs__body {
7328 display: -webkit-box; 7346 display: -webkit-box;
7329 display: -ms-flexbox; 7347 display: -ms-flexbox;
7330 display: flex; 7348 display: flex;
7331 -webkit-box-orient: vertical; 7349 -webkit-box-orient: vertical;
7332 -webkit-box-direction: normal; 7350 -webkit-box-direction: normal;
7333 -ms-flex-direction: column; 7351 -ms-flex-direction: column;
7334 flex-direction: column; 7352 flex-direction: column;
7335 gap: 20px; 7353 gap: 20px;
7336 width: 100%; 7354 width: 100%;
7337 } 7355 }
7338 @media (min-width: 768px) { 7356 @media (min-width: 768px) {
7339 .cvs__body { 7357 .cvs__body {
7340 gap: 30px; 7358 gap: 30px;
7341 } 7359 }
7342 } 7360 }
7343 .cvs__item { 7361 .cvs__item {
7344 display: none; 7362 display: none;
7345 -webkit-box-orient: vertical; 7363 -webkit-box-orient: vertical;
7346 -webkit-box-direction: normal; 7364 -webkit-box-direction: normal;
7347 -ms-flex-direction: column; 7365 -ms-flex-direction: column;
7348 flex-direction: column; 7366 flex-direction: column;
7349 gap: 10px; 7367 gap: 10px;
7350 border-radius: 8px; 7368 border-radius: 8px;
7351 border: 1px solid #e7e7e7; 7369 border: 1px solid #e7e7e7;
7352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7370 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7353 padding: 10px; 7371 padding: 10px;
7354 font-size: 12px; 7372 font-size: 12px;
7355 position: relative; 7373 position: relative;
7356 } 7374 }
7357 @media (min-width: 768px) { 7375 @media (min-width: 768px) {
7358 .cvs__item { 7376 .cvs__item {
7359 gap: 0; 7377 gap: 0;
7360 padding: 20px; 7378 padding: 20px;
7361 font-size: 16px; 7379 font-size: 16px;
7362 -webkit-box-orient: horizontal; 7380 -webkit-box-orient: horizontal;
7363 -webkit-box-direction: normal; 7381 -webkit-box-direction: normal;
7364 -ms-flex-direction: row; 7382 -ms-flex-direction: row;
7365 flex-direction: row; 7383 flex-direction: row;
7366 -webkit-box-align: start; 7384 -webkit-box-align: start;
7367 -ms-flex-align: start; 7385 -ms-flex-align: start;
7368 align-items: flex-start; 7386 align-items: flex-start;
7369 -ms-flex-wrap: wrap; 7387 -ms-flex-wrap: wrap;
7370 flex-wrap: wrap; 7388 flex-wrap: wrap;
7371 } 7389 }
7372 } 7390 }
7373 .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) {
7374 display: -webkit-box; 7392 display: -webkit-box;
7375 display: -ms-flexbox; 7393 display: -ms-flexbox;
7376 display: flex; 7394 display: flex;
7377 } 7395 }
7378 .cvs__item-like { 7396 .cvs__item-like {
7379 width: unset; 7397 width: unset;
7380 padding: 5px 10px; 7398 padding: 5px 10px;
7381 margin-right: 10px; 7399 margin-right: 10px;
7382 } 7400 }
7383 .cvs__item .cvs__item-buttons .chat{ 7401 .cvs__item .cvs__item-buttons .chat{
7384 width: unset; 7402 width: unset;
7385 padding: 5px 10px; 7403 padding: 5px 10px;
7386 margin-right: 10px; 7404 margin-right: 10px;
7387 } 7405 }
7388 .cvs__item-like.active{ 7406 .cvs__item-like.active{
7389 background: #ffffff; 7407 background: #ffffff;
7390 color: #eb5757; 7408 color: #eb5757;
7391 } 7409 }
7392 .cvs__item-like .in-favorites{ 7410 .cvs__item-like .in-favorites{
7393 display: none; 7411 display: none;
7394 } 7412 }
7395 .cvs__item-like.active .in-favorites{ 7413 .cvs__item-like.active .in-favorites{
7396 display: block; 7414 display: block;
7397 color: #eb5757; 7415 color: #eb5757;
7398 } 7416 }
7399 .cvs__item-like.active .to-favorites{ 7417 .cvs__item-like.active .to-favorites{
7400 display: none; 7418 display: none;
7401 } 7419 }
7402 .cvs__item .cvs__item-header{ 7420 .cvs__item .cvs__item-header{
7403 display: flex; 7421 display: flex;
7404 width: 100%; 7422 width: 100%;
7405 justify-content: space-between; 7423 justify-content: space-between;
7406 } 7424 }
7407 .cvs__item-photo { 7425 .cvs__item-photo {
7408 position: relative; 7426 position: relative;
7409 aspect-ratio: 1/1; 7427 aspect-ratio: 1/1;
7410 overflow: hidden; 7428 overflow: hidden;
7411 background: #9c9d9d; 7429 background: #9c9d9d;
7412 color: #fff; 7430 color: #fff;
7413 width: 36px; 7431 width: 36px;
7414 border-radius: 6px; 7432 border-radius: 6px;
7415 display: -webkit-box; 7433 display: -webkit-box;
7416 display: -ms-flexbox; 7434 display: -ms-flexbox;
7417 display: flex; 7435 display: flex;
7418 -webkit-box-pack: center; 7436 -webkit-box-pack: center;
7419 -ms-flex-pack: center; 7437 -ms-flex-pack: center;
7420 justify-content: center; 7438 justify-content: center;
7421 -webkit-box-align: center; 7439 -webkit-box-align: center;
7422 -ms-flex-align: center; 7440 -ms-flex-align: center;
7423 align-items: center; 7441 align-items: center;
7424 } 7442 }
7425 @media (min-width: 768px) { 7443 @media (min-width: 768px) {
7426 .cvs__item-photo { 7444 .cvs__item-photo {
7427 width: 68px; 7445 width: 68px;
7428 } 7446 }
7429 } 7447 }
7430 .cvs__item-photo svg { 7448 .cvs__item-photo svg {
7431 width: 50%; 7449 width: 50%;
7432 position: relative; 7450 position: relative;
7433 z-index: 1; 7451 z-index: 1;
7434 } 7452 }
7435 .cvs__item-photo img { 7453 .cvs__item-photo img {
7436 position: absolute; 7454 position: absolute;
7437 z-index: 2; 7455 z-index: 2;
7438 top: 0; 7456 top: 0;
7439 left: 0; 7457 left: 0;
7440 width: 100%; 7458 width: 100%;
7441 height: 100%; 7459 height: 100%;
7442 -o-object-fit: cover; 7460 -o-object-fit: cover;
7443 object-fit: cover; 7461 object-fit: cover;
7444 } 7462 }
7445 .cvs__item-text { 7463 .cvs__item-text {
7446 display: -webkit-box; 7464 display: -webkit-box;
7447 display: -ms-flexbox; 7465 display: -ms-flexbox;
7448 display: flex; 7466 display: flex;
7449 -webkit-box-orient: vertical; 7467 -webkit-box-orient: vertical;
7450 -webkit-box-direction: normal; 7468 -webkit-box-direction: normal;
7451 -ms-flex-direction: column; 7469 -ms-flex-direction: column;
7452 flex-direction: column; 7470 flex-direction: column;
7453 gap: 10px; 7471 gap: 10px;
7454 width: 100%; 7472 width: 100%;
7455 margin-top: 30px; 7473 margin-top: 30px;
7456 } 7474 }
7457 .cvs__item .cvs__item-buttons{ 7475 .cvs__item .cvs__item-buttons{
7458 display: flex; 7476 display: flex;
7459 align-items: start; 7477 align-items: start;
7460 } 7478 }
7461 .cvs.active .cvs__item { 7479 .cvs.active .cvs__item {
7462 display: -webkit-box; 7480 display: -webkit-box;
7463 display: -ms-flexbox; 7481 display: -ms-flexbox;
7464 display: flex; 7482 display: flex;
7465 } 7483 }
7466 .cvs__item-text .cvs__item-text-row{ 7484 .cvs__item-text .cvs__item-text-row{
7467 display: flex; 7485 display: flex;
7468 justify-content: space-between; 7486 justify-content: space-between;
7469 width: 100%; 7487 width: 100%;
7470 } 7488 }
7471 .cvs__item-text .cvs__item-text-row > div{ 7489 .cvs__item-text .cvs__item-text-row > div{
7472 width: 50%; 7490 width: 50%;
7473 } 7491 }
7474 .cvs__item-text .cvs__item-text-row b{ 7492 .cvs__item-text .cvs__item-text-row b{
7475 color: #377d87; 7493 color: #377d87;
7476 font-size: 18px; 7494 font-size: 18px;
7477 } 7495 }
7478 .cvs__item-text .cvs__item-text-status { 7496 .cvs__item-text .cvs__item-text-status {
7479 width: fit-content; 7497 width: fit-content;
7480 background-color: #e6e6e6; 7498 background-color: #e6e6e6;
7481 font-weight: bold; 7499 font-weight: bold;
7482 padding: 5px 10px; 7500 padding: 5px 10px;
7483 border-radius: 8px; 7501 border-radius: 8px;
7484 margin-right: 30px; 7502 margin-right: 30px;
7485 } 7503 }
7486 .cvs__item-text .cvs__item-text-status.looking-for-job { 7504 .cvs__item-text .cvs__item-text-status.looking-for-job {
7487 background-color: #eb5757; 7505 background-color: #eb5757;
7488 color: #fff; 7506 color: #fff;
7489 } 7507 }
7490 .cvs__item-text .cvs__item-text-updated-at{ 7508 .cvs__item-text .cvs__item-text-updated-at{
7491 padding: 5px 10px; 7509 padding: 5px 10px;
7492 border-radius: 8px; 7510 border-radius: 8px;
7493 border: 1px #e6e6e6 solid; 7511 border: 1px #e6e6e6 solid;
7494 } 7512 }
7495 .faqs { 7513 .faqs {
7496 display: -webkit-box; 7514 display: -webkit-box;
7497 display: -ms-flexbox; 7515 display: -ms-flexbox;
7498 display: flex; 7516 display: flex;
7499 -webkit-box-orient: vertical; 7517 -webkit-box-orient: vertical;
7500 -webkit-box-direction: reverse; 7518 -webkit-box-direction: reverse;
7501 -ms-flex-direction: column-reverse; 7519 -ms-flex-direction: column-reverse;
7502 flex-direction: column-reverse; 7520 flex-direction: column-reverse;
7503 -webkit-box-align: center; 7521 -webkit-box-align: center;
7504 -ms-flex-align: center; 7522 -ms-flex-align: center;
7505 align-items: center; 7523 align-items: center;
7506 gap: 20px; 7524 gap: 20px;
7507 } 7525 }
7508 .faqs__body { 7526 .faqs__body {
7509 display: -webkit-box; 7527 display: -webkit-box;
7510 display: -ms-flexbox; 7528 display: -ms-flexbox;
7511 display: flex; 7529 display: flex;
7512 -webkit-box-orient: vertical; 7530 -webkit-box-orient: vertical;
7513 -webkit-box-direction: normal; 7531 -webkit-box-direction: normal;
7514 -ms-flex-direction: column; 7532 -ms-flex-direction: column;
7515 flex-direction: column; 7533 flex-direction: column;
7516 gap: 20px; 7534 gap: 20px;
7517 width: 100%; 7535 width: 100%;
7518 } 7536 }
7519 .faqs__item { 7537 .faqs__item {
7520 display: none; 7538 display: none;
7521 -webkit-box-orient: vertical; 7539 -webkit-box-orient: vertical;
7522 -webkit-box-direction: normal; 7540 -webkit-box-direction: normal;
7523 -ms-flex-direction: column; 7541 -ms-flex-direction: column;
7524 flex-direction: column; 7542 flex-direction: column;
7525 border-radius: 8px; 7543 border-radius: 8px;
7526 -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);
7527 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);
7528 background: #fff; 7546 background: #fff;
7529 padding: 10px; 7547 padding: 10px;
7530 font-size: 12px; 7548 font-size: 12px;
7531 } 7549 }
7532 @media (min-width: 768px) { 7550 @media (min-width: 768px) {
7533 .faqs__item { 7551 .faqs__item {
7534 padding: 20px; 7552 padding: 20px;
7535 font-size: 16px; 7553 font-size: 16px;
7536 -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);
7537 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);
7538 } 7556 }
7539 } 7557 }
7540 .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) {
7541 display: -webkit-box; 7559 display: -webkit-box;
7542 display: -ms-flexbox; 7560 display: -ms-flexbox;
7543 display: flex; 7561 display: flex;
7544 } 7562 }
7545 .faqs__item-button { 7563 .faqs__item-button {
7546 background: none; 7564 background: none;
7547 padding: 0; 7565 padding: 0;
7548 border: none; 7566 border: none;
7549 display: -webkit-box; 7567 display: -webkit-box;
7550 display: -ms-flexbox; 7568 display: -ms-flexbox;
7551 display: flex; 7569 display: flex;
7552 -webkit-box-align: center; 7570 -webkit-box-align: center;
7553 -ms-flex-align: center; 7571 -ms-flex-align: center;
7554 align-items: center; 7572 align-items: center;
7555 color: #000; 7573 color: #000;
7556 text-align: left; 7574 text-align: left;
7557 font-size: 14px; 7575 font-size: 14px;
7558 font-weight: 700; 7576 font-weight: 700;
7559 } 7577 }
7560 @media (min-width: 768px) { 7578 @media (min-width: 768px) {
7561 .faqs__item-button { 7579 .faqs__item-button {
7562 font-size: 20px; 7580 font-size: 20px;
7563 } 7581 }
7564 } 7582 }
7565 .faqs__item-button span { 7583 .faqs__item-button span {
7566 width: calc(100% - 16px); 7584 width: calc(100% - 16px);
7567 padding-right: 16px; 7585 padding-right: 16px;
7568 } 7586 }
7569 .faqs__item-button i { 7587 .faqs__item-button i {
7570 display: -webkit-box; 7588 display: -webkit-box;
7571 display: -ms-flexbox; 7589 display: -ms-flexbox;
7572 display: flex; 7590 display: flex;
7573 -webkit-box-pack: center; 7591 -webkit-box-pack: center;
7574 -ms-flex-pack: center; 7592 -ms-flex-pack: center;
7575 justify-content: center; 7593 justify-content: center;
7576 -webkit-box-align: center; 7594 -webkit-box-align: center;
7577 -ms-flex-align: center; 7595 -ms-flex-align: center;
7578 align-items: center; 7596 align-items: center;
7579 width: 16px; 7597 width: 16px;
7580 aspect-ratio: 1/1; 7598 aspect-ratio: 1/1;
7581 color: #377d87; 7599 color: #377d87;
7582 -webkit-transition: 0.3s; 7600 -webkit-transition: 0.3s;
7583 transition: 0.3s; 7601 transition: 0.3s;
7584 } 7602 }
7585 .faqs__item-button i svg { 7603 .faqs__item-button i svg {
7586 width: 16px; 7604 width: 16px;
7587 aspect-ratio: 1/1; 7605 aspect-ratio: 1/1;
7588 -webkit-transform: rotate(90deg); 7606 -webkit-transform: rotate(90deg);
7589 -ms-transform: rotate(90deg); 7607 -ms-transform: rotate(90deg);
7590 transform: rotate(90deg); 7608 transform: rotate(90deg);
7591 } 7609 }
7592 .faqs__item-button.active i { 7610 .faqs__item-button.active i {
7593 -webkit-transform: rotate(180deg); 7611 -webkit-transform: rotate(180deg);
7594 -ms-transform: rotate(180deg); 7612 -ms-transform: rotate(180deg);
7595 transform: rotate(180deg); 7613 transform: rotate(180deg);
7596 } 7614 }
7597 .faqs__item-body { 7615 .faqs__item-body {
7598 display: -webkit-box; 7616 display: -webkit-box;
7599 display: -ms-flexbox; 7617 display: -ms-flexbox;
7600 display: flex; 7618 display: flex;
7601 -webkit-box-orient: vertical; 7619 -webkit-box-orient: vertical;
7602 -webkit-box-direction: normal; 7620 -webkit-box-direction: normal;
7603 -ms-flex-direction: column; 7621 -ms-flex-direction: column;
7604 flex-direction: column; 7622 flex-direction: column;
7605 gap: 10px; 7623 gap: 10px;
7606 opacity: 0; 7624 opacity: 0;
7607 height: 0; 7625 height: 0;
7608 overflow: hidden; 7626 overflow: hidden;
7609 font-size: 12px; 7627 font-size: 12px;
7610 line-height: 1.4; 7628 line-height: 1.4;
7611 } 7629 }
7612 @media (min-width: 768px) { 7630 @media (min-width: 768px) {
7613 .faqs__item-body { 7631 .faqs__item-body {
7614 font-size: 16px; 7632 font-size: 16px;
7615 gap: 20px; 7633 gap: 20px;
7616 } 7634 }
7617 } 7635 }
7618 .faqs__item-body p { 7636 .faqs__item-body p {
7619 margin: 0; 7637 margin: 0;
7620 } 7638 }
7621 .active + .faqs__item-body { 7639 .active + .faqs__item-body {
7622 opacity: 1; 7640 opacity: 1;
7623 height: auto; 7641 height: auto;
7624 -webkit-transition: 0.3s; 7642 -webkit-transition: 0.3s;
7625 transition: 0.3s; 7643 transition: 0.3s;
7626 padding-top: 10px; 7644 padding-top: 10px;
7627 } 7645 }
7628 @media (min-width: 768px) { 7646 @media (min-width: 768px) {
7629 .active + .faqs__item-body { 7647 .active + .faqs__item-body {
7630 padding-top: 20px; 7648 padding-top: 20px;
7631 } 7649 }
7632 } 7650 }
7633 .faqs.active .faqs__item { 7651 .faqs.active .faqs__item {
7634 display: -webkit-box; 7652 display: -webkit-box;
7635 display: -ms-flexbox; 7653 display: -ms-flexbox;
7636 display: flex; 7654 display: flex;
7637 } 7655 }
7638 7656
7639 .cabinet { 7657 .cabinet {
7640 padding: 20px 0; 7658 padding: 20px 0;
7641 padding-bottom: 40px; 7659 padding-bottom: 40px;
7642 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7660 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7643 } 7661 }
7644 @media (min-width: 992px) { 7662 @media (min-width: 992px) {
7645 .cabinet { 7663 .cabinet {
7646 padding: 30px 0; 7664 padding: 30px 0;
7647 padding-bottom: 60px; 7665 padding-bottom: 60px;
7648 } 7666 }
7649 } 7667 }
7650 .cabinet__breadcrumbs { 7668 .cabinet__breadcrumbs {
7651 margin-bottom: 50px; 7669 margin-bottom: 50px;
7652 } 7670 }
7653 .cabinet__wrapper { 7671 .cabinet__wrapper {
7654 display: -webkit-box; 7672 display: -webkit-box;
7655 display: -ms-flexbox; 7673 display: -ms-flexbox;
7656 display: flex; 7674 display: flex;
7657 -webkit-box-orient: vertical; 7675 -webkit-box-orient: vertical;
7658 -webkit-box-direction: normal; 7676 -webkit-box-direction: normal;
7659 -ms-flex-direction: column; 7677 -ms-flex-direction: column;
7660 flex-direction: column; 7678 flex-direction: column;
7661 } 7679 }
7662 @media (min-width: 992px) { 7680 @media (min-width: 992px) {
7663 .cabinet__wrapper { 7681 .cabinet__wrapper {
7664 -webkit-box-orient: horizontal; 7682 -webkit-box-orient: horizontal;
7665 -webkit-box-direction: normal; 7683 -webkit-box-direction: normal;
7666 -ms-flex-direction: row; 7684 -ms-flex-direction: row;
7667 flex-direction: row; 7685 flex-direction: row;
7668 -webkit-box-align: start; 7686 -webkit-box-align: start;
7669 -ms-flex-align: start; 7687 -ms-flex-align: start;
7670 align-items: flex-start; 7688 align-items: flex-start;
7671 -webkit-box-pack: justify; 7689 -webkit-box-pack: justify;
7672 -ms-flex-pack: justify; 7690 -ms-flex-pack: justify;
7673 justify-content: space-between; 7691 justify-content: space-between;
7674 } 7692 }
7675 } 7693 }
7676 .cabinet__side { 7694 .cabinet__side {
7677 border-radius: 8px; 7695 border-radius: 8px;
7678 background: #fff; 7696 background: #fff;
7679 padding: 20px 10px; 7697 padding: 20px 10px;
7680 display: -webkit-box; 7698 display: -webkit-box;
7681 display: -ms-flexbox; 7699 display: -ms-flexbox;
7682 display: flex; 7700 display: flex;
7683 -webkit-box-orient: vertical; 7701 -webkit-box-orient: vertical;
7684 -webkit-box-direction: normal; 7702 -webkit-box-direction: normal;
7685 -ms-flex-direction: column; 7703 -ms-flex-direction: column;
7686 flex-direction: column; 7704 flex-direction: column;
7687 gap: 30px; 7705 gap: 30px;
7688 -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);
7689 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);
7690 } 7708 }
7691 @media (min-width: 768px) { 7709 @media (min-width: 768px) {
7692 .cabinet__side { 7710 .cabinet__side {
7693 padding: 30px 20px; 7711 padding: 30px 20px;
7694 margin-bottom: 50px; 7712 margin-bottom: 50px;
7695 } 7713 }
7696 } 7714 }
7697 @media (min-width: 992px) { 7715 @media (min-width: 992px) {
7698 .cabinet__side { 7716 .cabinet__side {
7699 width: 340px; 7717 width: 340px;
7700 margin: 0; 7718 margin: 0;
7701 position: sticky; 7719 position: sticky;
7702 top: 6px; 7720 top: 6px;
7703 } 7721 }
7704 } 7722 }
7705 @media (min-width: 1280px) { 7723 @media (min-width: 1280px) {
7706 .cabinet__side { 7724 .cabinet__side {
7707 width: 400px; 7725 width: 400px;
7708 } 7726 }
7709 } 7727 }
7710 .cabinet__side-item { 7728 .cabinet__side-item {
7711 display: -webkit-box; 7729 display: -webkit-box;
7712 display: -ms-flexbox; 7730 display: -ms-flexbox;
7713 display: flex; 7731 display: flex;
7714 -webkit-box-orient: vertical; 7732 -webkit-box-orient: vertical;
7715 -webkit-box-direction: normal; 7733 -webkit-box-direction: normal;
7716 -ms-flex-direction: column; 7734 -ms-flex-direction: column;
7717 flex-direction: column; 7735 flex-direction: column;
7718 gap: 20px; 7736 gap: 20px;
7719 } 7737 }
7720 .cabinet__side-toper { 7738 .cabinet__side-toper {
7721 display: -webkit-box; 7739 display: -webkit-box;
7722 display: -ms-flexbox; 7740 display: -ms-flexbox;
7723 display: flex; 7741 display: flex;
7724 -webkit-box-align: center; 7742 -webkit-box-align: center;
7725 -ms-flex-align: center; 7743 -ms-flex-align: center;
7726 align-items: center; 7744 align-items: center;
7727 } 7745 }
7728 .cabinet__side-toper-pic { 7746 .cabinet__side-toper-pic {
7729 width: 70px; 7747 width: 70px;
7730 aspect-ratio: 1/1; 7748 aspect-ratio: 1/1;
7731 overflow: hidden; 7749 overflow: hidden;
7732 border-radius: 8px; 7750 border-radius: 8px;
7733 color: #fff; 7751 color: #fff;
7734 background: #9c9d9d; 7752 background: #9c9d9d;
7735 display: -webkit-box; 7753 display: -webkit-box;
7736 display: -ms-flexbox; 7754 display: -ms-flexbox;
7737 display: flex; 7755 display: flex;
7738 -webkit-box-align: center; 7756 -webkit-box-align: center;
7739 -ms-flex-align: center; 7757 -ms-flex-align: center;
7740 align-items: center; 7758 align-items: center;
7741 -webkit-box-pack: center; 7759 -webkit-box-pack: center;
7742 -ms-flex-pack: center; 7760 -ms-flex-pack: center;
7743 justify-content: center; 7761 justify-content: center;
7744 position: relative; 7762 position: relative;
7745 } 7763 }
7746 .cabinet__side-toper-pic img { 7764 .cabinet__side-toper-pic img {
7747 width: 100%; 7765 width: 100%;
7748 height: 100%; 7766 height: 100%;
7749 -o-object-fit: cover; 7767 -o-object-fit: cover;
7750 object-fit: cover; 7768 object-fit: cover;
7751 position: absolute; 7769 position: absolute;
7752 z-index: 2; 7770 z-index: 2;
7753 top: 0; 7771 top: 0;
7754 left: 0; 7772 left: 0;
7755 aspect-ratio: 1/1; 7773 aspect-ratio: 1/1;
7756 -o-object-fit: contain; 7774 -o-object-fit: contain;
7757 object-fit: contain; 7775 object-fit: contain;
7758 } 7776 }
7759 .cabinet__side-toper-pic svg { 7777 .cabinet__side-toper-pic svg {
7760 width: 50%; 7778 width: 50%;
7761 aspect-ratio: 1/1; 7779 aspect-ratio: 1/1;
7762 } 7780 }
7763 .cabinet__side-toper b { 7781 .cabinet__side-toper b {
7764 width: calc(100% - 70px); 7782 width: calc(100% - 70px);
7765 font-size: 14px; 7783 font-size: 14px;
7766 font-weight: 700; 7784 font-weight: 700;
7767 padding-left: 16px; 7785 padding-left: 16px;
7768 } 7786 }
7769 @media (min-width: 768px) { 7787 @media (min-width: 768px) {
7770 .cabinet__side-toper b { 7788 .cabinet__side-toper b {
7771 font-size: 20px; 7789 font-size: 20px;
7772 } 7790 }
7773 } 7791 }
7774 .cabinet__menu { 7792 .cabinet__menu {
7775 display: -webkit-box; 7793 display: -webkit-box;
7776 display: -ms-flexbox; 7794 display: -ms-flexbox;
7777 display: flex; 7795 display: flex;
7778 -webkit-box-orient: vertical; 7796 -webkit-box-orient: vertical;
7779 -webkit-box-direction: normal; 7797 -webkit-box-direction: normal;
7780 -ms-flex-direction: column; 7798 -ms-flex-direction: column;
7781 flex-direction: column; 7799 flex-direction: column;
7782 } 7800 }
7783 .cabinet__menu-toper { 7801 .cabinet__menu-toper {
7784 display: -webkit-box; 7802 display: -webkit-box;
7785 display: -ms-flexbox; 7803 display: -ms-flexbox;
7786 display: flex; 7804 display: flex;
7787 -webkit-box-align: center; 7805 -webkit-box-align: center;
7788 -ms-flex-align: center; 7806 -ms-flex-align: center;
7789 align-items: center; 7807 align-items: center;
7790 -webkit-box-pack: justify; 7808 -webkit-box-pack: justify;
7791 -ms-flex-pack: justify; 7809 -ms-flex-pack: justify;
7792 justify-content: space-between; 7810 justify-content: space-between;
7793 padding: 0 16px; 7811 padding: 0 16px;
7794 padding-right: 12px; 7812 padding-right: 12px;
7795 border: none; 7813 border: none;
7796 border-radius: 8px; 7814 border-radius: 8px;
7797 background: #377d87; 7815 background: #377d87;
7798 color: #fff; 7816 color: #fff;
7799 } 7817 }
7800 @media (min-width: 768px) { 7818 @media (min-width: 768px) {
7801 .cabinet__menu-toper { 7819 .cabinet__menu-toper {
7802 padding: 0 20px; 7820 padding: 0 20px;
7803 } 7821 }
7804 } 7822 }
7805 @media (min-width: 992px) { 7823 @media (min-width: 992px) {
7806 .cabinet__menu-toper { 7824 .cabinet__menu-toper {
7807 display: none; 7825 display: none;
7808 } 7826 }
7809 } 7827 }
7810 .cabinet__menu-toper-text { 7828 .cabinet__menu-toper-text {
7811 width: calc(100% - 16px); 7829 width: calc(100% - 16px);
7812 display: -webkit-box; 7830 display: -webkit-box;
7813 display: -ms-flexbox; 7831 display: -ms-flexbox;
7814 display: flex; 7832 display: flex;
7815 -webkit-box-align: center; 7833 -webkit-box-align: center;
7816 -ms-flex-align: center; 7834 -ms-flex-align: center;
7817 align-items: center; 7835 align-items: center;
7818 } 7836 }
7819 @media (min-width: 768px) { 7837 @media (min-width: 768px) {
7820 .cabinet__menu-toper-text { 7838 .cabinet__menu-toper-text {
7821 width: calc(100% - 20px); 7839 width: calc(100% - 20px);
7822 } 7840 }
7823 } 7841 }
7824 .cabinet__menu-toper-text i { 7842 .cabinet__menu-toper-text i {
7825 width: 16px; 7843 width: 16px;
7826 height: 16px; 7844 height: 16px;
7827 display: -webkit-box; 7845 display: -webkit-box;
7828 display: -ms-flexbox; 7846 display: -ms-flexbox;
7829 display: flex; 7847 display: flex;
7830 -webkit-box-align: center; 7848 -webkit-box-align: center;
7831 -ms-flex-align: center; 7849 -ms-flex-align: center;
7832 align-items: center; 7850 align-items: center;
7833 -webkit-box-pack: center; 7851 -webkit-box-pack: center;
7834 -ms-flex-pack: center; 7852 -ms-flex-pack: center;
7835 justify-content: center; 7853 justify-content: center;
7836 } 7854 }
7837 @media (min-width: 768px) { 7855 @media (min-width: 768px) {
7838 .cabinet__menu-toper-text i { 7856 .cabinet__menu-toper-text i {
7839 width: 22px; 7857 width: 22px;
7840 height: 22px; 7858 height: 22px;
7841 } 7859 }
7842 } 7860 }
7843 .cabinet__menu-toper-text svg { 7861 .cabinet__menu-toper-text svg {
7844 width: 16px; 7862 width: 16px;
7845 height: 16px; 7863 height: 16px;
7846 } 7864 }
7847 @media (min-width: 768px) { 7865 @media (min-width: 768px) {
7848 .cabinet__menu-toper-text svg { 7866 .cabinet__menu-toper-text svg {
7849 width: 22px; 7867 width: 22px;
7850 height: 22px; 7868 height: 22px;
7851 } 7869 }
7852 } 7870 }
7853 .cabinet__menu-toper-text span { 7871 .cabinet__menu-toper-text span {
7854 display: -webkit-box; 7872 display: -webkit-box;
7855 display: -ms-flexbox; 7873 display: -ms-flexbox;
7856 display: flex; 7874 display: flex;
7857 -webkit-box-align: center; 7875 -webkit-box-align: center;
7858 -ms-flex-align: center; 7876 -ms-flex-align: center;
7859 align-items: center; 7877 align-items: center;
7860 padding: 0 10px; 7878 padding: 0 10px;
7861 min-height: 30px; 7879 min-height: 30px;
7862 font-size: 12px; 7880 font-size: 12px;
7863 width: calc(100% - 16px); 7881 width: calc(100% - 16px);
7864 } 7882 }
7865 @media (min-width: 768px) { 7883 @media (min-width: 768px) {
7866 .cabinet__menu-toper-text span { 7884 .cabinet__menu-toper-text span {
7867 width: calc(100% - 22px); 7885 width: calc(100% - 22px);
7868 font-size: 20px; 7886 font-size: 20px;
7869 min-height: 52px; 7887 min-height: 52px;
7870 padding: 0 16px; 7888 padding: 0 16px;
7871 } 7889 }
7872 } 7890 }
7873 .cabinet__menu-toper-arrow { 7891 .cabinet__menu-toper-arrow {
7874 width: 16px; 7892 width: 16px;
7875 height: 16px; 7893 height: 16px;
7876 display: -webkit-box; 7894 display: -webkit-box;
7877 display: -ms-flexbox; 7895 display: -ms-flexbox;
7878 display: flex; 7896 display: flex;
7879 -webkit-box-pack: center; 7897 -webkit-box-pack: center;
7880 -ms-flex-pack: center; 7898 -ms-flex-pack: center;
7881 justify-content: center; 7899 justify-content: center;
7882 -webkit-box-align: center; 7900 -webkit-box-align: center;
7883 -ms-flex-align: center; 7901 -ms-flex-align: center;
7884 align-items: center; 7902 align-items: center;
7885 -webkit-transition: 0.3s; 7903 -webkit-transition: 0.3s;
7886 transition: 0.3s; 7904 transition: 0.3s;
7887 } 7905 }
7888 @media (min-width: 768px) { 7906 @media (min-width: 768px) {
7889 .cabinet__menu-toper-arrow { 7907 .cabinet__menu-toper-arrow {
7890 width: 20px; 7908 width: 20px;
7891 height: 20px; 7909 height: 20px;
7892 } 7910 }
7893 } 7911 }
7894 .cabinet__menu-toper-arrow svg { 7912 .cabinet__menu-toper-arrow svg {
7895 width: 12px; 7913 width: 12px;
7896 height: 12px; 7914 height: 12px;
7897 -webkit-transform: rotate(90deg); 7915 -webkit-transform: rotate(90deg);
7898 -ms-transform: rotate(90deg); 7916 -ms-transform: rotate(90deg);
7899 transform: rotate(90deg); 7917 transform: rotate(90deg);
7900 } 7918 }
7901 @media (min-width: 768px) { 7919 @media (min-width: 768px) {
7902 .cabinet__menu-toper-arrow svg { 7920 .cabinet__menu-toper-arrow svg {
7903 width: 20px; 7921 width: 20px;
7904 height: 20px; 7922 height: 20px;
7905 } 7923 }
7906 } 7924 }
7907 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7925 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7908 -webkit-transform: rotate(180deg); 7926 -webkit-transform: rotate(180deg);
7909 -ms-transform: rotate(180deg); 7927 -ms-transform: rotate(180deg);
7910 transform: rotate(180deg); 7928 transform: rotate(180deg);
7911 } 7929 }
7912 .cabinet__menu-body { 7930 .cabinet__menu-body {
7913 opacity: 0; 7931 opacity: 0;
7914 height: 0; 7932 height: 0;
7915 overflow: hidden; 7933 overflow: hidden;
7916 display: -webkit-box; 7934 display: -webkit-box;
7917 display: -ms-flexbox; 7935 display: -ms-flexbox;
7918 display: flex; 7936 display: flex;
7919 -webkit-box-orient: vertical; 7937 -webkit-box-orient: vertical;
7920 -webkit-box-direction: normal; 7938 -webkit-box-direction: normal;
7921 -ms-flex-direction: column; 7939 -ms-flex-direction: column;
7922 flex-direction: column; 7940 flex-direction: column;
7923 } 7941 }
7924 @media (min-width: 992px) { 7942 @media (min-width: 992px) {
7925 .cabinet__menu-body { 7943 .cabinet__menu-body {
7926 opacity: 1; 7944 opacity: 1;
7927 height: auto; 7945 height: auto;
7928 } 7946 }
7929 } 7947 }
7930 .active + .cabinet__menu-body { 7948 .active + .cabinet__menu-body {
7931 opacity: 1; 7949 opacity: 1;
7932 height: auto; 7950 height: auto;
7933 -webkit-transition: 0.3s; 7951 -webkit-transition: 0.3s;
7934 transition: 0.3s; 7952 transition: 0.3s;
7935 } 7953 }
7936 .cabinet__menu-items { 7954 .cabinet__menu-items {
7937 display: -webkit-box; 7955 display: -webkit-box;
7938 display: -ms-flexbox; 7956 display: -ms-flexbox;
7939 display: flex; 7957 display: flex;
7940 -webkit-box-orient: vertical; 7958 -webkit-box-orient: vertical;
7941 -webkit-box-direction: normal; 7959 -webkit-box-direction: normal;
7942 -ms-flex-direction: column; 7960 -ms-flex-direction: column;
7943 flex-direction: column; 7961 flex-direction: column;
7944 } 7962 }
7945 .cabinet__menu-item { 7963 .cabinet__menu-item {
7946 padding: 8px 16px; 7964 padding: 8px 16px;
7947 border-radius: 8px; 7965 border-radius: 8px;
7948 display: -webkit-box; 7966 display: -webkit-box;
7949 display: -ms-flexbox; 7967 display: -ms-flexbox;
7950 display: flex; 7968 display: flex;
7951 -webkit-box-align: center; 7969 -webkit-box-align: center;
7952 -ms-flex-align: center; 7970 -ms-flex-align: center;
7953 align-items: center; 7971 align-items: center;
7954 } 7972 }
7955 @media (min-width: 768px) { 7973 @media (min-width: 768px) {
7956 .cabinet__menu-item { 7974 .cabinet__menu-item {
7957 padding: 14px 20px; 7975 padding: 14px 20px;
7958 } 7976 }
7959 } 7977 }
7960 .cabinet__menu-item:hover { 7978 .cabinet__menu-item:hover {
7961 color: #377d87; 7979 color: #377d87;
7962 } 7980 }
7963 @media (min-width: 992px) { 7981 @media (min-width: 992px) {
7964 .cabinet__menu-item.active { 7982 .cabinet__menu-item.active {
7965 background: #377d87; 7983 background: #377d87;
7966 color: #fff; 7984 color: #fff;
7967 } 7985 }
7968 } 7986 }
7969 @media (min-width: 992px) { 7987 @media (min-width: 992px) {
7970 .cabinet__menu-item.active svg { 7988 .cabinet__menu-item.active svg {
7971 color: #fff; 7989 color: #fff;
7972 } 7990 }
7973 } 7991 }
7974 @media (min-width: 992px) { 7992 @media (min-width: 992px) {
7975 .cabinet__menu-item.active.red { 7993 .cabinet__menu-item.active.red {
7976 background: #eb5757; 7994 background: #eb5757;
7977 } 7995 }
7978 } 7996 }
7979 .cabinet__menu-item i { 7997 .cabinet__menu-item i {
7980 width: 16px; 7998 width: 16px;
7981 height: 16px; 7999 height: 16px;
7982 color: #377d87; 8000 color: #377d87;
7983 } 8001 }
7984 @media (min-width: 768px) { 8002 @media (min-width: 768px) {
7985 .cabinet__menu-item i { 8003 .cabinet__menu-item i {
7986 width: 22px; 8004 width: 22px;
7987 height: 22px; 8005 height: 22px;
7988 } 8006 }
7989 } 8007 }
7990 .cabinet__menu-item svg { 8008 .cabinet__menu-item svg {
7991 width: 16px; 8009 width: 16px;
7992 height: 16px; 8010 height: 16px;
7993 } 8011 }
7994 @media (min-width: 768px) { 8012 @media (min-width: 768px) {
7995 .cabinet__menu-item svg { 8013 .cabinet__menu-item svg {
7996 width: 22px; 8014 width: 22px;
7997 height: 22px; 8015 height: 22px;
7998 } 8016 }
7999 } 8017 }
8000 .cabinet__menu-item span { 8018 .cabinet__menu-item span {
8001 width: calc(100% - 16px); 8019 width: calc(100% - 16px);
8002 font-size: 12px; 8020 font-size: 12px;
8003 padding-left: 10px; 8021 padding-left: 10px;
8004 } 8022 }
8005 @media (min-width: 768px) { 8023 @media (min-width: 768px) {
8006 .cabinet__menu-item span { 8024 .cabinet__menu-item span {
8007 font-size: 20px; 8025 font-size: 20px;
8008 width: calc(100% - 22px); 8026 width: calc(100% - 22px);
8009 padding-left: 16px; 8027 padding-left: 16px;
8010 } 8028 }
8011 } 8029 }
8012 .cabinet__menu-bottom { 8030 .cabinet__menu-bottom {
8013 display: -webkit-box; 8031 display: -webkit-box;
8014 display: -ms-flexbox; 8032 display: -ms-flexbox;
8015 display: flex; 8033 display: flex;
8016 -webkit-box-orient: vertical; 8034 -webkit-box-orient: vertical;
8017 -webkit-box-direction: normal; 8035 -webkit-box-direction: normal;
8018 -ms-flex-direction: column; 8036 -ms-flex-direction: column;
8019 flex-direction: column; 8037 flex-direction: column;
8020 gap: 10px; 8038 gap: 10px;
8021 margin-top: 10px; 8039 margin-top: 10px;
8022 } 8040 }
8023 @media (min-width: 768px) { 8041 @media (min-width: 768px) {
8024 .cabinet__menu-bottom { 8042 .cabinet__menu-bottom {
8025 gap: 20px; 8043 gap: 20px;
8026 margin-top: 20px; 8044 margin-top: 20px;
8027 } 8045 }
8028 } 8046 }
8029 .cabinet__menu-copy { 8047 .cabinet__menu-copy {
8030 color: #9c9d9d; 8048 color: #9c9d9d;
8031 text-align: center; 8049 text-align: center;
8032 font-size: 12px; 8050 font-size: 12px;
8033 } 8051 }
8034 @media (min-width: 768px) { 8052 @media (min-width: 768px) {
8035 .cabinet__menu-copy { 8053 .cabinet__menu-copy {
8036 font-size: 16px; 8054 font-size: 16px;
8037 } 8055 }
8038 } 8056 }
8039 .cabinet__body { 8057 .cabinet__body {
8040 margin: 0 -10px; 8058 margin: 0 -10px;
8041 margin-top: 50px; 8059 margin-top: 50px;
8042 background: #fff; 8060 background: #fff;
8043 padding: 20px 10px; 8061 padding: 20px 10px;
8044 display: -webkit-box; 8062 display: -webkit-box;
8045 display: -ms-flexbox; 8063 display: -ms-flexbox;
8046 display: flex; 8064 display: flex;
8047 -webkit-box-orient: vertical; 8065 -webkit-box-orient: vertical;
8048 -webkit-box-direction: normal; 8066 -webkit-box-direction: normal;
8049 -ms-flex-direction: column; 8067 -ms-flex-direction: column;
8050 flex-direction: column; 8068 flex-direction: column;
8051 gap: 30px; 8069 gap: 30px;
8052 color: #000; 8070 color: #000;
8053 } 8071 }
8054 @media (min-width: 768px) { 8072 @media (min-width: 768px) {
8055 .cabinet__body { 8073 .cabinet__body {
8056 padding: 30px 20px; 8074 padding: 30px 20px;
8057 margin: 0; 8075 margin: 0;
8058 border-radius: 8px; 8076 border-radius: 8px;
8059 -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);
8060 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);
8061 } 8079 }
8062 } 8080 }
8063 @media (min-width: 992px) { 8081 @media (min-width: 992px) {
8064 .cabinet__body { 8082 .cabinet__body {
8065 width: calc(100% - 360px); 8083 width: calc(100% - 360px);
8066 } 8084 }
8067 } 8085 }
8068 @media (min-width: 1280px) { 8086 @media (min-width: 1280px) {
8069 .cabinet__body { 8087 .cabinet__body {
8070 width: calc(100% - 420px); 8088 width: calc(100% - 420px);
8071 } 8089 }
8072 } 8090 }
8073 .cabinet__body-item { 8091 .cabinet__body-item {
8074 display: -webkit-box; 8092 display: -webkit-box;
8075 display: -ms-flexbox; 8093 display: -ms-flexbox;
8076 display: flex; 8094 display: flex;
8077 -webkit-box-orient: vertical; 8095 -webkit-box-orient: vertical;
8078 -webkit-box-direction: normal; 8096 -webkit-box-direction: normal;
8079 -ms-flex-direction: column; 8097 -ms-flex-direction: column;
8080 flex-direction: column; 8098 flex-direction: column;
8081 gap: 20px; 8099 gap: 20px;
8082 } 8100 }
8083 .cabinet__title { 8101 .cabinet__title {
8084 font-size: 24px; 8102 font-size: 24px;
8085 margin-bottom: 20px; 8103 margin-bottom: 20px;
8086 } 8104 }
8087 @media (min-width: 768px) { 8105 @media (min-width: 768px) {
8088 .cabinet__title { 8106 .cabinet__title {
8089 font-size: 32px; 8107 font-size: 32px;
8090 } 8108 }
8091 } 8109 }
8092 @media (min-width: 992px) { 8110 @media (min-width: 992px) {
8093 .cabinet__title { 8111 .cabinet__title {
8094 font-size: 40px; 8112 font-size: 40px;
8095 } 8113 }
8096 } 8114 }
8097 .cabinet__subtitle { 8115 .cabinet__subtitle {
8098 font-size: 22px; 8116 font-size: 22px;
8099 margin: 0; 8117 margin: 0;
8100 font-weight: 700; 8118 font-weight: 700;
8101 color: #000; 8119 color: #000;
8102 } 8120 }
8103 @media (min-width: 768px) { 8121 @media (min-width: 768px) {
8104 .cabinet__subtitle { 8122 .cabinet__subtitle {
8105 font-size: 24px; 8123 font-size: 24px;
8106 } 8124 }
8107 } 8125 }
8108 .cabinet__h4 { 8126 .cabinet__h4 {
8109 font-size: 20px; 8127 font-size: 20px;
8110 margin: 0; 8128 margin: 0;
8111 font-weight: 700; 8129 font-weight: 700;
8112 color: #000; 8130 color: #000;
8113 } 8131 }
8114 @media (min-width: 768px) { 8132 @media (min-width: 768px) {
8115 .cabinet__h4 { 8133 .cabinet__h4 {
8116 font-size: 22px; 8134 font-size: 22px;
8117 } 8135 }
8118 } 8136 }
8119 .cabinet__text { 8137 .cabinet__text {
8120 margin: 0; 8138 margin: 0;
8121 font-size: 14px; 8139 font-size: 14px;
8122 } 8140 }
8123 @media (min-width: 768px) { 8141 @media (min-width: 768px) {
8124 .cabinet__text { 8142 .cabinet__text {
8125 font-size: 16px; 8143 font-size: 16px;
8126 } 8144 }
8127 } 8145 }
8128 .cabinet__text b { 8146 .cabinet__text b {
8129 color: #000; 8147 color: #000;
8130 font-size: 18px; 8148 font-size: 18px;
8131 } 8149 }
8132 @media (min-width: 768px) { 8150 @media (min-width: 768px) {
8133 .cabinet__text b { 8151 .cabinet__text b {
8134 font-size: 24px; 8152 font-size: 24px;
8135 } 8153 }
8136 } 8154 }
8137 .cabinet__descr { 8155 .cabinet__descr {
8138 display: -webkit-box; 8156 display: -webkit-box;
8139 display: -ms-flexbox; 8157 display: -ms-flexbox;
8140 display: flex; 8158 display: flex;
8141 -webkit-box-orient: vertical; 8159 -webkit-box-orient: vertical;
8142 -webkit-box-direction: normal; 8160 -webkit-box-direction: normal;
8143 -ms-flex-direction: column; 8161 -ms-flex-direction: column;
8144 flex-direction: column; 8162 flex-direction: column;
8145 gap: 6px; 8163 gap: 6px;
8146 } 8164 }
8147 @media (min-width: 768px) { 8165 @media (min-width: 768px) {
8148 .cabinet__descr { 8166 .cabinet__descr {
8149 gap: 12px; 8167 gap: 12px;
8150 } 8168 }
8151 } 8169 }
8152 .cabinet__avatar { 8170 .cabinet__avatar {
8153 display: -webkit-box; 8171 display: -webkit-box;
8154 display: -ms-flexbox; 8172 display: -ms-flexbox;
8155 display: flex; 8173 display: flex;
8156 -webkit-box-align: start; 8174 -webkit-box-align: start;
8157 -ms-flex-align: start; 8175 -ms-flex-align: start;
8158 align-items: flex-start; 8176 align-items: flex-start;
8159 } 8177 }
8160 @media (min-width: 768px) { 8178 @media (min-width: 768px) {
8161 .cabinet__avatar { 8179 .cabinet__avatar {
8162 -webkit-box-align: center; 8180 -webkit-box-align: center;
8163 -ms-flex-align: center; 8181 -ms-flex-align: center;
8164 align-items: center; 8182 align-items: center;
8165 } 8183 }
8166 } 8184 }
8167 .cabinet__avatar-pic { 8185 .cabinet__avatar-pic {
8168 width: 100px; 8186 width: 100px;
8169 aspect-ratio: 1/1; 8187 aspect-ratio: 1/1;
8170 position: relative; 8188 position: relative;
8171 display: -webkit-box; 8189 display: -webkit-box;
8172 display: -ms-flexbox; 8190 display: -ms-flexbox;
8173 display: flex; 8191 display: flex;
8174 -webkit-box-pack: center; 8192 -webkit-box-pack: center;
8175 -ms-flex-pack: center; 8193 -ms-flex-pack: center;
8176 justify-content: center; 8194 justify-content: center;
8177 -webkit-box-align: center; 8195 -webkit-box-align: center;
8178 -ms-flex-align: center; 8196 -ms-flex-align: center;
8179 align-items: center; 8197 align-items: center;
8180 overflow: hidden; 8198 overflow: hidden;
8181 border-radius: 8px; 8199 border-radius: 8px;
8182 color: #fff; 8200 color: #fff;
8183 background: #9c9d9d; 8201 background: #9c9d9d;
8184 } 8202 }
8185 .cabinet__avatar-pic svg { 8203 .cabinet__avatar-pic svg {
8186 width: 50%; 8204 width: 50%;
8187 aspect-ratio: 1/1; 8205 aspect-ratio: 1/1;
8188 z-index: 1; 8206 z-index: 1;
8189 position: relative; 8207 position: relative;
8190 } 8208 }
8191 .cabinet__avatar-pic img{ 8209 .cabinet__avatar-pic img{
8192 max-width: 100%; 8210 max-width: 100%;
8193 max-height: 100%; 8211 max-height: 100%;
8194 } 8212 }
8195 .cabinet__avatar-form { 8213 .cabinet__avatar-form {
8196 width: calc(100% - 100px); 8214 width: calc(100% - 100px);
8197 padding-left: 15px; 8215 padding-left: 15px;
8198 display: -webkit-box; 8216 display: -webkit-box;
8199 display: -ms-flexbox; 8217 display: -ms-flexbox;
8200 display: flex; 8218 display: flex;
8201 -webkit-box-orient: vertical; 8219 -webkit-box-orient: vertical;
8202 -webkit-box-direction: normal; 8220 -webkit-box-direction: normal;
8203 -ms-flex-direction: column; 8221 -ms-flex-direction: column;
8204 flex-direction: column; 8222 flex-direction: column;
8205 gap: 6px; 8223 gap: 6px;
8206 } 8224 }
8207 .candidate-top-wrapper{ 8225 .candidate-top-wrapper{
8208 display: flex; 8226 display: flex;
8209 } 8227 }
8210 .candidate-top-wrapper .candidate-thumbnail{ 8228 .candidate-top-wrapper .candidate-thumbnail{
8211 width: 100px; 8229 width: 100px;
8212 height: 100px; 8230 height: 100px;
8213 min-width: 100px; 8231 min-width: 100px;
8214 border-radius: 8px; 8232 border-radius: 8px;
8215 overflow: hidden; 8233 overflow: hidden;
8216 } 8234 }
8217 .candidate-top-wrapper .candidate-thumbnail img{ 8235 .candidate-top-wrapper .candidate-thumbnail img{
8218 max-height: 100%; 8236 max-height: 100%;
8219 max-width: 100%; 8237 max-width: 100%;
8220 } 8238 }
8221 .candidate-top-wrapper .candidate-information{ 8239 .candidate-top-wrapper .candidate-information{
8222 padding-left: 20px; 8240 padding-left: 20px;
8223 font-size: 21px; 8241 font-size: 21px;
8224 display: flex; 8242 display: flex;
8225 align-items: center; 8243 align-items: center;
8226 } 8244 }
8227 .candidate-top-wrapper .candidate-information .candidate-title{ 8245 .candidate-top-wrapper .candidate-information .candidate-title{
8228 font-size: inherit; 8246 font-size: inherit;
8229 } 8247 }
8230 .content-single-candidate .education-detail-description{ 8248 .content-single-candidate .education-detail-description{
8231 margin-bottom: 50px; 8249 margin-bottom: 50px;
8232 text-align: justify; 8250 text-align: justify;
8233 } 8251 }
8234 .content-single-candidate .education-detail-description h3.title{ 8252 .content-single-candidate .education-detail-description h3.title{
8235 font-size: 18px; 8253 font-size: 18px;
8236 margin: 0 0 20px; 8254 margin: 0 0 20px;
8237 } 8255 }
8238 .content-single-candidate .education-detail-description .inner{ 8256 .content-single-candidate .education-detail-description .inner{
8239 font-size: 16px; 8257 font-size: 16px;
8240 font-weight: 300; 8258 font-weight: 300;
8241 line-height: 22px; 8259 line-height: 22px;
8242 color: #77838F; 8260 color: #77838F;
8243 } 8261 }
8244 .education-detail-programs h3.title{ 8262 .education-detail-programs h3.title{
8245 font-size: 18px; 8263 font-size: 18px;
8246 margin: 0 0 20px; 8264 margin: 0 0 20px;
8247 } 8265 }
8248 .education-detail-programs .accordion{ 8266 .education-detail-programs .accordion{
8249 margin: 1rem 0; 8267 margin: 1rem 0;
8250 padding: 0; 8268 padding: 0;
8251 list-style: none; 8269 list-style: none;
8252 border-top: 1px solid #ECEDF2; 8270 border-top: 1px solid #ECEDF2;
8253 } 8271 }
8254 .education-detail-programs .accordion.sub{ 8272 .education-detail-programs .accordion.sub{
8255 padding-left: 20px; 8273 padding-left: 20px;
8256 display: none; 8274 display: none;
8257 } 8275 }
8258 .education-detail-programs .accordion-item { 8276 .education-detail-programs .accordion-item {
8259 border-bottom: 1px solid #ECEDF2; 8277 border-bottom: 1px solid #ECEDF2;
8260 } 8278 }
8261 .education-detail-programs .accordion-thumb { 8279 .education-detail-programs .accordion-thumb {
8262 margin: 0; 8280 margin: 0;
8263 padding: 25px 0; 8281 padding: 25px 0;
8264 cursor: pointer; 8282 cursor: pointer;
8265 font-weight: normal; 8283 font-weight: normal;
8266 color: #0E5C69; 8284 color: #0E5C69;
8267 font-size: 16px; 8285 font-size: 16px;
8268 text-transform: uppercase; 8286 text-transform: uppercase;
8269 } 8287 }
8270 .education-detail-programs .accordion-thumb::after { 8288 .education-detail-programs .accordion-thumb::after {
8271 content: ""; 8289 content: "";
8272 display: block; 8290 display: block;
8273 float: right; 8291 float: right;
8274 position: relative; 8292 position: relative;
8275 top: 6px; 8293 top: 6px;
8276 height: 7px; 8294 height: 7px;
8277 width: 7px; 8295 width: 7px;
8278 margin-right: 1rem; 8296 margin-right: 1rem;
8279 margin-left: 0.5rem; 8297 margin-left: 0.5rem;
8280 border-right: 1px solid; 8298 border-right: 1px solid;
8281 border-bottom: 1px solid; 8299 border-bottom: 1px solid;
8282 border-color: #828A96; 8300 border-color: #828A96;
8283 transform: rotate(-45deg); 8301 transform: rotate(-45deg);
8284 transition: transform 0.2s ease-out; 8302 transition: transform 0.2s ease-out;
8285 } 8303 }
8286 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8304 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8287 transform: rotate(45deg); 8305 transform: rotate(45deg);
8288 } 8306 }
8289 .accordion-sub .accordion-panel{ 8307 .accordion-sub .accordion-panel{
8290 display: none; 8308 display: none;
8291 } 8309 }
8292 .accordion > .accordion-item > .accordion-panel{ 8310 .accordion > .accordion-item > .accordion-panel{
8293 opacity: 1; 8311 opacity: 1;
8294 } 8312 }
8295 .accordion-sub li{ 8313 .accordion-sub li{
8296 list-style-type: none; 8314 list-style-type: none;
8297 } 8315 }
8298 .accordion-sub .accordion-item .accordion-panel{ 8316 .accordion-sub .accordion-item .accordion-panel{
8299 white-space: pre-wrap; 8317 white-space: pre-wrap;
8300 white-space: -moz-pre-wrap; 8318 white-space: -moz-pre-wrap;
8301 white-space: -o-pre-wrap; 8319 white-space: -o-pre-wrap;
8302 } 8320 }
8303 .accordion-sub li:last-child { 8321 .accordion-sub li:last-child {
8304 border-bottom: unset; 8322 border-bottom: unset;
8305 } 8323 }
8306 .education-detail-contacts{ 8324 .education-detail-contacts{
8307 margin-top: 50px; 8325 margin-top: 50px;
8308 } 8326 }
8309 .education-detail-contacts h3.title{ 8327 .education-detail-contacts h3.title{
8310 font-size: 18px; 8328 font-size: 18px;
8311 margin: 0 0 20px; 8329 margin: 0 0 20px;
8312 } 8330 }
8313 .education-detail-contacts .inner > div{ 8331 .education-detail-contacts .inner > div{
8314 display: flex; 8332 display: flex;
8315 align-items: center; 8333 align-items: center;
8316 margin-bottom: 20px; 8334 margin-bottom: 20px;
8317 } 8335 }
8318 .education-detail-contacts .inner > div .icon{ 8336 .education-detail-contacts .inner > div .icon{
8319 margin-right: 20px; 8337 margin-right: 20px;
8320 } 8338 }
8321 @media (min-width: 768px) { 8339 @media (min-width: 768px) {
8322 .cabinet__avatar-form { 8340 .cabinet__avatar-form {
8323 -webkit-box-align: start; 8341 -webkit-box-align: start;
8324 -ms-flex-align: start; 8342 -ms-flex-align: start;
8325 align-items: flex-start; 8343 align-items: flex-start;
8326 padding-left: 30px; 8344 padding-left: 30px;
8327 gap: 12px; 8345 gap: 12px;
8328 } 8346 }
8329 } 8347 }
8330 @media (min-width: 768px) { 8348 @media (min-width: 768px) {
8331 .cabinet__avatar-form .file { 8349 .cabinet__avatar-form .file {
8332 min-width: 215px; 8350 min-width: 215px;
8333 } 8351 }
8334 } 8352 }
8335 .cabinet__inputs { 8353 .cabinet__inputs {
8336 display: -webkit-box; 8354 display: -webkit-box;
8337 display: -ms-flexbox; 8355 display: -ms-flexbox;
8338 display: flex; 8356 display: flex;
8339 -webkit-box-orient: vertical; 8357 -webkit-box-orient: vertical;
8340 -webkit-box-direction: normal; 8358 -webkit-box-direction: normal;
8341 -ms-flex-direction: column; 8359 -ms-flex-direction: column;
8342 flex-direction: column; 8360 flex-direction: column;
8343 gap: 20px; 8361 gap: 20px;
8344 } 8362 }
8345 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8363 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8346 display: flex; 8364 display: flex;
8347 } 8365 }
8348 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8366 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8349 width: 50%; 8367 width: 50%;
8350 padding-right: 20px; 8368 padding-right: 20px;
8351 } 8369 }
8352 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8370 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8353 margin-bottom: 20px; 8371 margin-bottom: 20px;
8354 width: 100%; 8372 width: 100%;
8355 } 8373 }
8356 @media (min-width: 1280px) { 8374 @media (min-width: 1280px) {
8357 .cabinet__inputs { 8375 .cabinet__inputs {
8358 -webkit-box-orient: horizontal; 8376 -webkit-box-orient: horizontal;
8359 -webkit-box-direction: normal; 8377 -webkit-box-direction: normal;
8360 -ms-flex-direction: row; 8378 -ms-flex-direction: row;
8361 flex-direction: row; 8379 flex-direction: row;
8362 -webkit-box-align: end; 8380 -webkit-box-align: end;
8363 -ms-flex-align: end; 8381 -ms-flex-align: end;
8364 align-items: end; 8382 align-items: end;
8365 -webkit-box-pack: justify; 8383 -webkit-box-pack: justify;
8366 -ms-flex-pack: justify; 8384 -ms-flex-pack: justify;
8367 justify-content: space-between; 8385 justify-content: space-between;
8368 -ms-flex-wrap: wrap; 8386 -ms-flex-wrap: wrap;
8369 flex-wrap: wrap; 8387 flex-wrap: wrap;
8370 } 8388 }
8371 } 8389 }
8372 @media (min-width: 1280px) { 8390 @media (min-width: 1280px) {
8373 .cabinet__inputs-item { 8391 .cabinet__inputs-item {
8374 width: calc(50% - 10px); 8392 width: calc(50% - 10px);
8375 } 8393 }
8376 } 8394 }
8377 @media (min-width: 1280px) { 8395 @media (min-width: 1280px) {
8378 .cabinet__inputs-item_fullwidth { 8396 .cabinet__inputs-item_fullwidth {
8379 width: 100%; 8397 width: 100%;
8380 } 8398 }
8381 } 8399 }
8382 @media (min-width: 1280px) { 8400 @media (min-width: 1280px) {
8383 .cabinet__inputs-item_min { 8401 .cabinet__inputs-item_min {
8384 width: calc(15% - 10px); 8402 width: calc(15% - 10px);
8385 } 8403 }
8386 } 8404 }
8387 @media (min-width: 1280px) { 8405 @media (min-width: 1280px) {
8388 .cabinet__inputs-item_max { 8406 .cabinet__inputs-item_max {
8389 width: calc(85% - 10px); 8407 width: calc(85% - 10px);
8390 } 8408 }
8391 } 8409 }
8392 @media (min-width: 768px) { 8410 @media (min-width: 768px) {
8393 .cabinet__inputs-item .button { 8411 .cabinet__inputs-item .button {
8394 width: 100%; 8412 width: 100%;
8395 max-width: 215px; 8413 max-width: 215px;
8396 padding: 0; 8414 padding: 0;
8397 } 8415 }
8398 } 8416 }
8399 @media (max-width: 768px) { 8417 @media (max-width: 768px) {
8400 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8418 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8401 display: block; 8419 display: block;
8402 } 8420 }
8403 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8421 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8404 width: 100%; 8422 width: 100%;
8405 } 8423 }
8406 } 8424 }
8407 .cabinet__inputs-item.column-count-3{ 8425 .cabinet__inputs-item.column-count-3{
8408 width: calc(32% - 10px); 8426 width: calc(32% - 10px);
8409 } 8427 }
8410 .cabinet__inputs-item-full-row { 8428 .cabinet__inputs-item-full-row {
8411 width: 100%; 8429 width: 100%;
8412 } 8430 }
8413 .cabinet__inputs-item .buttons { 8431 .cabinet__inputs-item .buttons {
8414 display: grid; 8432 display: grid;
8415 grid-template-columns: 1fr 1fr; 8433 grid-template-columns: 1fr 1fr;
8416 gap: 10px; 8434 gap: 10px;
8417 } 8435 }
8418 .cabinet__inputs-item .form-group__label{ 8436 .cabinet__inputs-item .form-group__label{
8419 font-weight: bold; 8437 font-weight: bold;
8420 } 8438 }
8421 @media (min-width: 768px) { 8439 @media (min-width: 768px) {
8422 .cabinet__inputs-item .buttons { 8440 .cabinet__inputs-item .buttons {
8423 gap: 20px; 8441 gap: 20px;
8424 max-width: 470px; 8442 max-width: 470px;
8425 } 8443 }
8426 } 8444 }
8427 @media (min-width: 992px) { 8445 @media (min-width: 992px) {
8428 .cabinet__inputs-item .buttons { 8446 .cabinet__inputs-item .buttons {
8429 max-width: none; 8447 max-width: none;
8430 } 8448 }
8431 } 8449 }
8432 @media (min-width: 1280px) { 8450 @media (min-width: 1280px) {
8433 .cabinet__inputs-item .buttons { 8451 .cabinet__inputs-item .buttons {
8434 max-width: 470px; 8452 max-width: 470px;
8435 } 8453 }
8436 } 8454 }
8437 .cabinet__inputs-item .buttons .button { 8455 .cabinet__inputs-item .buttons .button {
8438 max-width: none; 8456 max-width: none;
8439 } 8457 }
8440 .cabinet__inputs > .button { 8458 .cabinet__inputs > .button {
8441 padding: 0; 8459 padding: 0;
8442 width: 100%; 8460 width: 100%;
8443 max-width: 140px; 8461 max-width: 140px;
8444 } 8462 }
8445 @media (min-width: 768px) { 8463 @media (min-width: 768px) {
8446 .cabinet__inputs > .button { 8464 .cabinet__inputs > .button {
8447 max-width: 190px; 8465 max-width: 190px;
8448 } 8466 }
8449 } 8467 }
8450 .cabinet__add { 8468 .cabinet__add {
8451 display: -webkit-box; 8469 display: -webkit-box;
8452 display: -ms-flexbox; 8470 display: -ms-flexbox;
8453 display: flex; 8471 display: flex;
8454 -webkit-box-orient: vertical; 8472 -webkit-box-orient: vertical;
8455 -webkit-box-direction: normal; 8473 -webkit-box-direction: normal;
8456 -ms-flex-direction: column; 8474 -ms-flex-direction: column;
8457 flex-direction: column; 8475 flex-direction: column;
8458 gap: 10px; 8476 gap: 10px;
8459 } 8477 }
8460 @media (min-width: 768px) { 8478 @media (min-width: 768px) {
8461 .cabinet__add { 8479 .cabinet__add {
8462 gap: 0; 8480 gap: 0;
8463 -webkit-box-orient: horizontal; 8481 -webkit-box-orient: horizontal;
8464 -webkit-box-direction: normal; 8482 -webkit-box-direction: normal;
8465 -ms-flex-direction: row; 8483 -ms-flex-direction: row;
8466 flex-direction: row; 8484 flex-direction: row;
8467 -webkit-box-align: end; 8485 -webkit-box-align: end;
8468 -ms-flex-align: end; 8486 -ms-flex-align: end;
8469 align-items: flex-end; 8487 align-items: flex-end;
8470 } 8488 }
8471 } 8489 }
8472 .cabinet__add-pic { 8490 .cabinet__add-pic {
8473 border-radius: 4px; 8491 border-radius: 4px;
8474 position: relative; 8492 position: relative;
8475 overflow: hidden; 8493 overflow: hidden;
8476 background: #9c9d9d; 8494 background: #9c9d9d;
8477 color: #fff; 8495 color: #fff;
8478 width: 100px; 8496 width: 100px;
8479 aspect-ratio: 1/1; 8497 aspect-ratio: 1/1;
8480 -webkit-transition: 0.3s; 8498 -webkit-transition: 0.3s;
8481 transition: 0.3s; 8499 transition: 0.3s;
8482 } 8500 }
8483 @media (min-width: 768px) { 8501 @media (min-width: 768px) {
8484 .cabinet__add-pic { 8502 .cabinet__add-pic {
8485 width: 220px; 8503 width: 220px;
8486 border-radius: 8px; 8504 border-radius: 8px;
8487 } 8505 }
8488 } 8506 }
8489 .cabinet__add-pic:hover { 8507 .cabinet__add-pic:hover {
8490 background: #000; 8508 background: #000;
8491 } 8509 }
8492 .cabinet__add-pic input { 8510 .cabinet__add-pic input {
8493 display: none; 8511 display: none;
8494 } 8512 }
8495 .cabinet__add-pic > svg { 8513 .cabinet__add-pic > svg {
8496 width: 20px; 8514 width: 20px;
8497 position: absolute; 8515 position: absolute;
8498 top: 50%; 8516 top: 50%;
8499 left: 50%; 8517 left: 50%;
8500 -webkit-transform: translate(-50%, -50%); 8518 -webkit-transform: translate(-50%, -50%);
8501 -ms-transform: translate(-50%, -50%); 8519 -ms-transform: translate(-50%, -50%);
8502 transform: translate(-50%, -50%); 8520 transform: translate(-50%, -50%);
8503 z-index: 1; 8521 z-index: 1;
8504 } 8522 }
8505 @media (min-width: 768px) { 8523 @media (min-width: 768px) {
8506 .cabinet__add-pic > svg { 8524 .cabinet__add-pic > svg {
8507 width: 50px; 8525 width: 50px;
8508 } 8526 }
8509 } 8527 }
8510 .cabinet__add-pic span { 8528 .cabinet__add-pic span {
8511 display: -webkit-box; 8529 display: -webkit-box;
8512 display: -ms-flexbox; 8530 display: -ms-flexbox;
8513 display: flex; 8531 display: flex;
8514 -webkit-box-align: center; 8532 -webkit-box-align: center;
8515 -ms-flex-align: center; 8533 -ms-flex-align: center;
8516 align-items: center; 8534 align-items: center;
8517 -webkit-box-pack: center; 8535 -webkit-box-pack: center;
8518 -ms-flex-pack: center; 8536 -ms-flex-pack: center;
8519 justify-content: center; 8537 justify-content: center;
8520 width: 100%; 8538 width: 100%;
8521 gap: 4px; 8539 gap: 4px;
8522 font-weight: 700; 8540 font-weight: 700;
8523 font-size: 8px; 8541 font-size: 8px;
8524 line-height: 1; 8542 line-height: 1;
8525 position: absolute; 8543 position: absolute;
8526 top: 50%; 8544 top: 50%;
8527 left: 50%; 8545 left: 50%;
8528 -webkit-transform: translate(-50%, -50%); 8546 -webkit-transform: translate(-50%, -50%);
8529 -ms-transform: translate(-50%, -50%); 8547 -ms-transform: translate(-50%, -50%);
8530 transform: translate(-50%, -50%); 8548 transform: translate(-50%, -50%);
8531 margin-top: 25px; 8549 margin-top: 25px;
8532 } 8550 }
8533 @media (min-width: 768px) { 8551 @media (min-width: 768px) {
8534 .cabinet__add-pic span { 8552 .cabinet__add-pic span {
8535 font-size: 16px; 8553 font-size: 16px;
8536 margin-top: 60px; 8554 margin-top: 60px;
8537 } 8555 }
8538 } 8556 }
8539 .cabinet__add-pic span svg { 8557 .cabinet__add-pic span svg {
8540 width: 7px; 8558 width: 7px;
8541 aspect-ratio: 1/1; 8559 aspect-ratio: 1/1;
8542 } 8560 }
8543 @media (min-width: 768px) { 8561 @media (min-width: 768px) {
8544 .cabinet__add-pic span svg { 8562 .cabinet__add-pic span svg {
8545 width: 16px; 8563 width: 16px;
8546 } 8564 }
8547 } 8565 }
8548 .cabinet__add-body { 8566 .cabinet__add-body {
8549 display: -webkit-box; 8567 display: -webkit-box;
8550 display: -ms-flexbox; 8568 display: -ms-flexbox;
8551 display: flex; 8569 display: flex;
8552 -webkit-box-orient: vertical; 8570 -webkit-box-orient: vertical;
8553 -webkit-box-direction: normal; 8571 -webkit-box-direction: normal;
8554 -ms-flex-direction: column; 8572 -ms-flex-direction: column;
8555 flex-direction: column; 8573 flex-direction: column;
8556 gap: 10px; 8574 gap: 10px;
8557 } 8575 }
8558 @media (min-width: 768px) { 8576 @media (min-width: 768px) {
8559 .cabinet__add-body { 8577 .cabinet__add-body {
8560 gap: 20px; 8578 gap: 20px;
8561 width: calc(100% - 220px); 8579 width: calc(100% - 220px);
8562 padding-left: 20px; 8580 padding-left: 20px;
8563 } 8581 }
8564 } 8582 }
8565 @media (min-width: 768px) { 8583 @media (min-width: 768px) {
8566 .cabinet__add-body .button { 8584 .cabinet__add-body .button {
8567 width: 215px; 8585 width: 215px;
8568 padding: 0; 8586 padding: 0;
8569 } 8587 }
8570 } 8588 }
8571 .cabinet__fleet { 8589 .cabinet__fleet {
8572 display: -webkit-box; 8590 display: -webkit-box;
8573 display: -ms-flexbox; 8591 display: -ms-flexbox;
8574 display: flex; 8592 display: flex;
8575 -webkit-box-orient: vertical; 8593 -webkit-box-orient: vertical;
8576 -webkit-box-direction: normal; 8594 -webkit-box-direction: normal;
8577 -ms-flex-direction: column; 8595 -ms-flex-direction: column;
8578 flex-direction: column; 8596 flex-direction: column;
8579 gap: 20px; 8597 gap: 20px;
8580 } 8598 }
8581 @media (min-width: 768px) { 8599 @media (min-width: 768px) {
8582 .cabinet__fleet { 8600 .cabinet__fleet {
8583 display: grid; 8601 display: grid;
8584 grid-template-columns: repeat(2, 1fr); 8602 grid-template-columns: repeat(2, 1fr);
8585 } 8603 }
8586 } 8604 }
8587 @media (min-width: 1280px) { 8605 @media (min-width: 1280px) {
8588 .cabinet__fleet { 8606 .cabinet__fleet {
8589 grid-template-columns: repeat(3, 1fr); 8607 grid-template-columns: repeat(3, 1fr);
8590 } 8608 }
8591 } 8609 }
8592 @media (min-width: 768px) { 8610 @media (min-width: 768px) {
8593 .cabinet__submit { 8611 .cabinet__submit {
8594 width: 215px; 8612 width: 215px;
8595 padding: 0; 8613 padding: 0;
8596 margin: 0 auto; 8614 margin: 0 auto;
8597 } 8615 }
8598 } 8616 }
8599 .cabinet__filters { 8617 .cabinet__filters {
8600 display: -webkit-box; 8618 display: -webkit-box;
8601 display: -ms-flexbox; 8619 display: -ms-flexbox;
8602 display: flex; 8620 display: flex;
8603 -webkit-box-orient: vertical; 8621 -webkit-box-orient: vertical;
8604 -webkit-box-direction: normal; 8622 -webkit-box-direction: normal;
8605 -ms-flex-direction: column; 8623 -ms-flex-direction: column;
8606 flex-direction: column; 8624 flex-direction: column;
8607 gap: 10px; 8625 gap: 10px;
8608 } 8626 }
8609 .cabinet__export-wrap{ 8627 .cabinet__export-wrap{
8610 padding: 10px; 8628 padding: 10px;
8611 border: 1px #cecece solid; 8629 border: 1px #cecece solid;
8612 border-radius: 8px; 8630 border-radius: 8px;
8613 width: 100%; 8631 width: 100%;
8614 } 8632 }
8615 .cabinet__export-button-wrap{ 8633 .cabinet__export-button-wrap{
8616 max-width: 200px; 8634 max-width: 200px;
8617 margin-bottom: 10px; 8635 margin-bottom: 10px;
8618 } 8636 }
8619 .cabinet__export-options-wrap{ 8637 .cabinet__export-options-wrap{
8620 display: flex; 8638 display: flex;
8621 justify-content: space-between; 8639 justify-content: space-between;
8622 } 8640 }
8623 .job-title-list-wrap{ 8641 .job-title-list-wrap{
8624 margin-top: 5px; 8642 margin-top: 5px;
8625 } 8643 }
8626 .cabinet__export-error{ 8644 .cabinet__export-error{
8627 color: red; 8645 color: red;
8628 } 8646 }
8629 .flot-image-wrap img{ 8647 .flot-image-wrap img{
8630 max-width: 100%; 8648 max-width: 100%;
8631 max-height: 100%; 8649 max-height: 100%;
8632 flex: 0 0 auto; 8650 flex: 0 0 auto;
8633 } 8651 }
8634 .flot-image-wrap{ 8652 .flot-image-wrap{
8635 width: 220px; 8653 width: 220px;
8636 height: 220px; 8654 height: 220px;
8637 display: flex; 8655 display: flex;
8638 justify-content: center; 8656 justify-content: center;
8639 align-items: center; 8657 align-items: center;
8640 } 8658 }
8641 @media (min-width: 768px) { 8659 @media (min-width: 768px) {
8642 .cabinet__filters { 8660 .cabinet__filters {
8643 gap: 20px; 8661 gap: 20px;
8644 } 8662 }
8645 } 8663 }
8646 @media (min-width: 1280px) { 8664 @media (min-width: 1280px) {
8647 .cabinet__filters { 8665 .cabinet__filters {
8648 -webkit-box-orient: horizontal; 8666 -webkit-box-orient: horizontal;
8649 -webkit-box-direction: normal; 8667 -webkit-box-direction: normal;
8650 -ms-flex-direction: row; 8668 -ms-flex-direction: row;
8651 flex-direction: row; 8669 flex-direction: row;
8652 -webkit-box-align: start; 8670 -webkit-box-align: start;
8653 -ms-flex-align: start; 8671 -ms-flex-align: start;
8654 align-items: flex-start; 8672 align-items: flex-start;
8655 -webkit-box-pack: justify; 8673 -webkit-box-pack: justify;
8656 -ms-flex-pack: justify; 8674 -ms-flex-pack: justify;
8657 justify-content: space-between; 8675 justify-content: space-between;
8658 } 8676 }
8659 } 8677 }
8660 .cabinet__filters-item { 8678 .cabinet__filters-item {
8661 display: -webkit-box; 8679 display: -webkit-box;
8662 display: -ms-flexbox; 8680 display: -ms-flexbox;
8663 display: flex; 8681 display: flex;
8664 -webkit-box-orient: vertical; 8682 -webkit-box-orient: vertical;
8665 -webkit-box-direction: normal; 8683 -webkit-box-direction: normal;
8666 -ms-flex-direction: column; 8684 -ms-flex-direction: column;
8667 flex-direction: column; 8685 flex-direction: column;
8668 -webkit-box-align: start; 8686 -webkit-box-align: start;
8669 -ms-flex-align: start; 8687 -ms-flex-align: start;
8670 align-items: flex-start; 8688 align-items: flex-start;
8671 gap: 10px; 8689 gap: 10px;
8672 } 8690 }
8673 @media (min-width: 768px) { 8691 @media (min-width: 768px) {
8674 .cabinet__filters-item { 8692 .cabinet__filters-item {
8675 gap: 20px; 8693 gap: 20px;
8676 } 8694 }
8677 } 8695 }
8678 @media (min-width: 1280px) { 8696 @media (min-width: 1280px) {
8679 .cabinet__filters-item { 8697 .cabinet__filters-item {
8680 width: calc(50% - 10px); 8698 width: calc(50% - 10px);
8681 max-width: 410px; 8699 max-width: 410px;
8682 } 8700 }
8683 } 8701 }
8684 .cabinet__filters-item .button, 8702 .cabinet__filters-item .button,
8685 .cabinet__filters-item .select { 8703 .cabinet__filters-item .select {
8686 width: 100%; 8704 width: 100%;
8687 } 8705 }
8688 @media (min-width: 1280px) { 8706 @media (min-width: 1280px) {
8689 .cabinet__filters-item .button, 8707 .cabinet__filters-item .button,
8690 .cabinet__filters-item .select { 8708 .cabinet__filters-item .select {
8691 width: auto; 8709 width: auto;
8692 } 8710 }
8693 } 8711 }
8694 .cabinet__filters-item + .cabinet__filters-item { 8712 .cabinet__filters-item + .cabinet__filters-item {
8695 -webkit-box-align: end; 8713 -webkit-box-align: end;
8696 -ms-flex-align: end; 8714 -ms-flex-align: end;
8697 align-items: flex-end; 8715 align-items: flex-end;
8698 } 8716 }
8699 @media (min-width: 1280px) { 8717 @media (min-width: 1280px) {
8700 .cabinet__filters-item + .cabinet__filters-item { 8718 .cabinet__filters-item + .cabinet__filters-item {
8701 max-width: 280px; 8719 max-width: 280px;
8702 } 8720 }
8703 } 8721 }
8704 .cabinet__filters .search input { 8722 .cabinet__filters .search input {
8705 padding-right: 135px; 8723 padding-right: 135px;
8706 } 8724 }
8707 .cabinet__filters .search button { 8725 .cabinet__filters .search button {
8708 width: 115px; 8726 width: 115px;
8709 } 8727 }
8710 .cabinet__filters-buttons { 8728 .cabinet__filters-buttons {
8711 display: grid; 8729 display: grid;
8712 grid-template-columns: 1fr 1fr; 8730 grid-template-columns: 1fr 1fr;
8713 gap: 10px; 8731 gap: 10px;
8714 width: 100%; 8732 width: 100%;
8715 } 8733 }
8716 @media (min-width: 768px) { 8734 @media (min-width: 768px) {
8717 .cabinet__filters-buttons { 8735 .cabinet__filters-buttons {
8718 gap: 20px; 8736 gap: 20px;
8719 } 8737 }
8720 } 8738 }
8721 .cabinet__filters-buttons .button { 8739 .cabinet__filters-buttons .button {
8722 padding: 0; 8740 padding: 0;
8723 gap: 5px; 8741 gap: 5px;
8724 } 8742 }
8725 .cabinet__filters-buttons .button.active { 8743 .cabinet__filters-buttons .button.active {
8726 background: #377d87; 8744 background: #377d87;
8727 color: #fff; 8745 color: #fff;
8728 } 8746 }
8729 .cabinet__filters-buttons .button.active:before { 8747 .cabinet__filters-buttons .button.active:before {
8730 content: ""; 8748 content: "";
8731 width: 6px; 8749 width: 6px;
8732 height: 6px; 8750 height: 6px;
8733 background: #fff; 8751 background: #fff;
8734 border-radius: 999px; 8752 border-radius: 999px;
8735 } 8753 }
8736 .cabinet__table-header { 8754 .cabinet__table-header {
8737 display: -webkit-box; 8755 display: -webkit-box;
8738 display: -ms-flexbox; 8756 display: -ms-flexbox;
8739 display: flex; 8757 display: flex;
8740 -webkit-box-pack: justify; 8758 -webkit-box-pack: justify;
8741 -ms-flex-pack: justify; 8759 -ms-flex-pack: justify;
8742 justify-content: space-between; 8760 justify-content: space-between;
8743 -webkit-box-align: center; 8761 -webkit-box-align: center;
8744 -ms-flex-align: center; 8762 -ms-flex-align: center;
8745 align-items: center; 8763 align-items: center;
8746 font-weight: 700; 8764 font-weight: 700;
8747 margin-bottom: -10px; 8765 margin-bottom: -10px;
8748 } 8766 }
8749 .cabinet__table-header div { 8767 .cabinet__table-header div {
8750 font-size: 18px; 8768 font-size: 18px;
8751 } 8769 }
8752 @media (min-width: 768px) { 8770 @media (min-width: 768px) {
8753 .cabinet__table-header div { 8771 .cabinet__table-header div {
8754 font-size: 24px; 8772 font-size: 24px;
8755 } 8773 }
8756 } 8774 }
8757 .cabinet__table-header span { 8775 .cabinet__table-header span {
8758 color: #000; 8776 color: #000;
8759 font-size: 14px; 8777 font-size: 14px;
8760 } 8778 }
8761 @media (min-width: 768px) { 8779 @media (min-width: 768px) {
8762 .cabinet__table-header span { 8780 .cabinet__table-header span {
8763 font-size: 18px; 8781 font-size: 18px;
8764 } 8782 }
8765 } 8783 }
8766 .cabinet__table-header span b { 8784 .cabinet__table-header span b {
8767 color: #377d87; 8785 color: #377d87;
8768 } 8786 }
8769 .cabinet__tabs { 8787 .cabinet__tabs {
8770 display: grid; 8788 display: grid;
8771 grid-template-columns: 1fr 1fr; 8789 grid-template-columns: 1fr 1fr;
8772 gap: 20px; 8790 gap: 20px;
8773 } 8791 }
8774 @media (min-width: 768px) { 8792 @media (min-width: 768px) {
8775 .cabinet__tabs { 8793 .cabinet__tabs {
8776 max-width: 420px; 8794 max-width: 420px;
8777 } 8795 }
8778 } 8796 }
8779 .cabinet__tabs .button.active { 8797 .cabinet__tabs .button.active {
8780 background: #377d87; 8798 background: #377d87;
8781 color: #fff; 8799 color: #fff;
8782 } 8800 }
8783 .cabinet__bodies { 8801 .cabinet__bodies {
8784 display: none; 8802 display: none;
8785 } 8803 }
8786 .cabinet__bodies.showed { 8804 .cabinet__bodies.showed {
8787 display: block; 8805 display: block;
8788 } 8806 }
8789 .cabinet__nots { 8807 .cabinet__nots {
8790 display: -webkit-box; 8808 display: -webkit-box;
8791 display: -ms-flexbox; 8809 display: -ms-flexbox;
8792 display: flex; 8810 display: flex;
8793 -webkit-box-orient: vertical; 8811 -webkit-box-orient: vertical;
8794 -webkit-box-direction: normal; 8812 -webkit-box-direction: normal;
8795 -ms-flex-direction: column; 8813 -ms-flex-direction: column;
8796 flex-direction: column; 8814 flex-direction: column;
8797 -webkit-box-align: start; 8815 -webkit-box-align: start;
8798 -ms-flex-align: start; 8816 -ms-flex-align: start;
8799 align-items: flex-start; 8817 align-items: flex-start;
8800 gap: 10px; 8818 gap: 10px;
8801 } 8819 }
8802 @media (min-width: 768px) { 8820 @media (min-width: 768px) {
8803 .cabinet__nots { 8821 .cabinet__nots {
8804 gap: 20px; 8822 gap: 20px;
8805 } 8823 }
8806 } 8824 }
8807 .cabinet__nots .input { 8825 .cabinet__nots .input {
8808 width: 100%; 8826 width: 100%;
8809 } 8827 }
8810 .cabinet__anketa { 8828 .cabinet__anketa {
8811 display: -webkit-box; 8829 display: -webkit-box;
8812 display: -ms-flexbox; 8830 display: -ms-flexbox;
8813 display: flex; 8831 display: flex;
8814 -webkit-box-orient: vertical; 8832 -webkit-box-orient: vertical;
8815 -webkit-box-direction: normal; 8833 -webkit-box-direction: normal;
8816 -ms-flex-direction: column; 8834 -ms-flex-direction: column;
8817 flex-direction: column; 8835 flex-direction: column;
8818 -webkit-box-pack: justify; 8836 -webkit-box-pack: justify;
8819 -ms-flex-pack: justify; 8837 -ms-flex-pack: justify;
8820 justify-content: space-between; 8838 justify-content: space-between;
8821 gap: 10px; 8839 gap: 10px;
8822 } 8840 }
8823 @media (min-width: 768px) { 8841 @media (min-width: 768px) {
8824 .cabinet__anketa { 8842 .cabinet__anketa {
8825 -webkit-box-orient: horizontal; 8843 -webkit-box-orient: horizontal;
8826 -webkit-box-direction: normal; 8844 -webkit-box-direction: normal;
8827 -ms-flex-direction: row; 8845 -ms-flex-direction: row;
8828 flex-direction: row; 8846 flex-direction: row;
8829 -webkit-box-align: center; 8847 -webkit-box-align: center;
8830 -ms-flex-align: center; 8848 -ms-flex-align: center;
8831 align-items: center; 8849 align-items: center;
8832 } 8850 }
8833 } 8851 }
8834 @media (min-width: 992px) { 8852 @media (min-width: 992px) {
8835 .cabinet__anketa { 8853 .cabinet__anketa {
8836 -webkit-box-orient: vertical; 8854 -webkit-box-orient: vertical;
8837 -webkit-box-direction: normal; 8855 -webkit-box-direction: normal;
8838 -ms-flex-direction: column; 8856 -ms-flex-direction: column;
8839 flex-direction: column; 8857 flex-direction: column;
8840 -webkit-box-align: stretch; 8858 -webkit-box-align: stretch;
8841 -ms-flex-align: stretch; 8859 -ms-flex-align: stretch;
8842 align-items: stretch; 8860 align-items: stretch;
8843 } 8861 }
8844 } 8862 }
8845 @media (min-width: 1280px) { 8863 @media (min-width: 1280px) {
8846 .cabinet__anketa { 8864 .cabinet__anketa {
8847 -webkit-box-orient: horizontal; 8865 -webkit-box-orient: horizontal;
8848 -webkit-box-direction: normal; 8866 -webkit-box-direction: normal;
8849 -ms-flex-direction: row; 8867 -ms-flex-direction: row;
8850 flex-direction: row; 8868 flex-direction: row;
8851 -webkit-box-align: center; 8869 -webkit-box-align: center;
8852 -ms-flex-align: center; 8870 -ms-flex-align: center;
8853 align-items: center; 8871 align-items: center;
8854 -webkit-box-pack: justify; 8872 -webkit-box-pack: justify;
8855 -ms-flex-pack: justify; 8873 -ms-flex-pack: justify;
8856 justify-content: space-between; 8874 justify-content: space-between;
8857 } 8875 }
8858 } 8876 }
8859 .cabinet__anketa-buttons { 8877 .cabinet__anketa-buttons {
8860 display: -webkit-box; 8878 display: -webkit-box;
8861 display: -ms-flexbox; 8879 display: -ms-flexbox;
8862 display: flex; 8880 display: flex;
8863 -webkit-box-orient: vertical; 8881 -webkit-box-orient: vertical;
8864 -webkit-box-direction: normal; 8882 -webkit-box-direction: normal;
8865 -ms-flex-direction: column; 8883 -ms-flex-direction: column;
8866 flex-direction: column; 8884 flex-direction: column;
8867 gap: 10px; 8885 gap: 10px;
8868 } 8886 }
8869 @media (min-width: 768px) { 8887 @media (min-width: 768px) {
8870 .cabinet__anketa-buttons { 8888 .cabinet__anketa-buttons {
8871 display: grid; 8889 display: grid;
8872 grid-template-columns: 1fr 1fr; 8890 grid-template-columns: 1fr 1fr;
8873 gap: 20px; 8891 gap: 20px;
8874 } 8892 }
8875 } 8893 }
8876 .cabinet__stats { 8894 .cabinet__stats {
8877 display: -webkit-box; 8895 display: -webkit-box;
8878 display: -ms-flexbox; 8896 display: -ms-flexbox;
8879 display: flex; 8897 display: flex;
8880 -webkit-box-orient: vertical; 8898 -webkit-box-orient: vertical;
8881 -webkit-box-direction: normal; 8899 -webkit-box-direction: normal;
8882 -ms-flex-direction: column; 8900 -ms-flex-direction: column;
8883 flex-direction: column; 8901 flex-direction: column;
8884 gap: 6px; 8902 gap: 6px;
8885 } 8903 }
8886 @media (min-width: 768px) { 8904 @media (min-width: 768px) {
8887 .cabinet__stats { 8905 .cabinet__stats {
8888 gap: 12px; 8906 gap: 12px;
8889 } 8907 }
8890 } 8908 }
8891 .cabinet__stats-title { 8909 .cabinet__stats-title {
8892 font-size: 14px; 8910 font-size: 14px;
8893 font-weight: 700; 8911 font-weight: 700;
8894 color: #000; 8912 color: #000;
8895 } 8913 }
8896 @media (min-width: 768px) { 8914 @media (min-width: 768px) {
8897 .cabinet__stats-title { 8915 .cabinet__stats-title {
8898 font-size: 24px; 8916 font-size: 24px;
8899 } 8917 }
8900 } 8918 }
8901 .cabinet__stats-body { 8919 .cabinet__stats-body {
8902 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8920 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8903 border-radius: 8px; 8921 border-radius: 8px;
8904 padding: 10px; 8922 padding: 10px;
8905 display: grid; 8923 display: grid;
8906 grid-template-columns: 1fr 1fr; 8924 grid-template-columns: 1fr 1fr;
8907 gap: 20px; 8925 gap: 20px;
8908 margin-bottom: 10px; 8926 margin-bottom: 10px;
8909 } 8927 }
8910 @media (min-width: 768px) { 8928 @media (min-width: 768px) {
8911 .cabinet__stats-body { 8929 .cabinet__stats-body {
8912 padding: 10px 20px; 8930 padding: 10px 20px;
8913 } 8931 }
8914 } 8932 }
8915 .cabinet__stats-item { 8933 .cabinet__stats-item {
8916 font-size: 12px; 8934 font-size: 12px;
8917 display: -webkit-box; 8935 display: -webkit-box;
8918 display: -ms-flexbox; 8936 display: -ms-flexbox;
8919 display: flex; 8937 display: flex;
8920 -webkit-box-align: center; 8938 -webkit-box-align: center;
8921 -ms-flex-align: center; 8939 -ms-flex-align: center;
8922 align-items: center; 8940 align-items: center;
8923 line-height: 1; 8941 line-height: 1;
8924 gap: 6px; 8942 gap: 6px;
8925 } 8943 }
8926 @media (min-width: 768px) { 8944 @media (min-width: 768px) {
8927 .cabinet__stats-item { 8945 .cabinet__stats-item {
8928 font-size: 20px; 8946 font-size: 20px;
8929 gap: 10px; 8947 gap: 10px;
8930 } 8948 }
8931 } 8949 }
8932 .cabinet__stats-item svg { 8950 .cabinet__stats-item svg {
8933 width: 20px; 8951 width: 20px;
8934 aspect-ratio: 1/1; 8952 aspect-ratio: 1/1;
8935 color: #377d87; 8953 color: #377d87;
8936 } 8954 }
8937 @media (min-width: 768px) { 8955 @media (min-width: 768px) {
8938 .cabinet__stats-item svg { 8956 .cabinet__stats-item svg {
8939 width: 40px; 8957 width: 40px;
8940 margin-right: 10px; 8958 margin-right: 10px;
8941 } 8959 }
8942 } 8960 }
8943 .cabinet__stats-item span { 8961 .cabinet__stats-item span {
8944 font-weight: 700; 8962 font-weight: 700;
8945 color: #000; 8963 color: #000;
8946 } 8964 }
8947 .cabinet__stats-item b { 8965 .cabinet__stats-item b {
8948 color: #377d87; 8966 color: #377d87;
8949 font-size: 14px; 8967 font-size: 14px;
8950 } 8968 }
8951 @media (min-width: 768px) { 8969 @media (min-width: 768px) {
8952 .cabinet__stats-item b { 8970 .cabinet__stats-item b {
8953 font-size: 24px; 8971 font-size: 24px;
8954 } 8972 }
8955 } 8973 }
8956 .cabinet__stats-subtitle { 8974 .cabinet__stats-subtitle {
8957 font-size: 14px; 8975 font-size: 14px;
8958 font-weight: 700; 8976 font-weight: 700;
8959 color: #377d87; 8977 color: #377d87;
8960 } 8978 }
8961 @media (min-width: 768px) { 8979 @media (min-width: 768px) {
8962 .cabinet__stats-subtitle { 8980 .cabinet__stats-subtitle {
8963 font-size: 18px; 8981 font-size: 18px;
8964 } 8982 }
8965 } 8983 }
8966 .cabinet__stats-line { 8984 .cabinet__stats-line {
8967 width: 100%; 8985 width: 100%;
8968 position: relative; 8986 position: relative;
8969 overflow: hidden; 8987 overflow: hidden;
8970 height: 8px; 8988 height: 8px;
8971 border-radius: 999px; 8989 border-radius: 999px;
8972 background: #cecece; 8990 background: #cecece;
8973 } 8991 }
8974 .cabinet__stats-line span { 8992 .cabinet__stats-line span {
8975 position: absolute; 8993 position: absolute;
8976 top: 0; 8994 top: 0;
8977 left: 0; 8995 left: 0;
8978 width: 100%; 8996 width: 100%;
8979 height: 100%; 8997 height: 100%;
8980 background: #377d87; 8998 background: #377d87;
8981 border-radius: 999px; 8999 border-radius: 999px;
8982 } 9000 }
8983 .cabinet__stats-bottom { 9001 .cabinet__stats-bottom {
8984 color: #000; 9002 color: #000;
8985 font-size: 12px; 9003 font-size: 12px;
8986 } 9004 }
8987 @media (min-width: 768px) { 9005 @media (min-width: 768px) {
8988 .cabinet__stats-bottom { 9006 .cabinet__stats-bottom {
8989 font-size: 16px; 9007 font-size: 16px;
8990 } 9008 }
8991 } 9009 }
8992 .cabinet__works { 9010 .cabinet__works {
8993 display: -webkit-box; 9011 display: -webkit-box;
8994 display: -ms-flexbox; 9012 display: -ms-flexbox;
8995 display: flex; 9013 display: flex;
8996 -webkit-box-orient: vertical; 9014 -webkit-box-orient: vertical;
8997 -webkit-box-direction: normal; 9015 -webkit-box-direction: normal;
8998 -ms-flex-direction: column; 9016 -ms-flex-direction: column;
8999 flex-direction: column; 9017 flex-direction: column;
9000 gap: 20px; 9018 gap: 20px;
9001 } 9019 }
9002 @media (min-width: 768px) { 9020 @media (min-width: 768px) {
9003 .cabinet__works { 9021 .cabinet__works {
9004 gap: 30px; 9022 gap: 30px;
9005 } 9023 }
9006 } 9024 }
9007 .cabinet__works-item { 9025 .cabinet__works-item {
9008 border-bottom: 1px #cccccc solid; 9026 border-bottom: 1px #cccccc solid;
9009 padding-bottom: 35px; 9027 padding-bottom: 35px;
9010 } 9028 }
9011 .cabinet__works-spoiler { 9029 .cabinet__works-spoiler {
9012 display: -webkit-box; 9030 display: -webkit-box;
9013 display: -ms-flexbox; 9031 display: -ms-flexbox;
9014 display: flex; 9032 display: flex;
9015 -webkit-box-align: center; 9033 -webkit-box-align: center;
9016 -ms-flex-align: center; 9034 -ms-flex-align: center;
9017 align-items: center; 9035 align-items: center;
9018 -webkit-box-pack: justify; 9036 -webkit-box-pack: justify;
9019 -ms-flex-pack: justify; 9037 -ms-flex-pack: justify;
9020 justify-content: space-between; 9038 justify-content: space-between;
9021 } 9039 }
9022 .cabinet__works-spoiler-left { 9040 .cabinet__works-spoiler-left {
9023 display: -webkit-box; 9041 display: -webkit-box;
9024 display: -ms-flexbox; 9042 display: -ms-flexbox;
9025 display: flex; 9043 display: flex;
9026 -webkit-box-align: center; 9044 -webkit-box-align: center;
9027 -ms-flex-align: center; 9045 -ms-flex-align: center;
9028 align-items: center; 9046 align-items: center;
9029 width: calc(100% - 22px); 9047 width: calc(100% - 22px);
9030 } 9048 }
9031 .cabinet__works-spoiler-right { 9049 .cabinet__works-spoiler-right {
9032 width: 22px; 9050 width: 22px;
9033 height: 22px; 9051 height: 22px;
9034 display: -webkit-box; 9052 display: -webkit-box;
9035 display: -ms-flexbox; 9053 display: -ms-flexbox;
9036 display: flex; 9054 display: flex;
9037 -webkit-box-align: center; 9055 -webkit-box-align: center;
9038 -ms-flex-align: center; 9056 -ms-flex-align: center;
9039 align-items: center; 9057 align-items: center;
9040 -webkit-box-pack: center; 9058 -webkit-box-pack: center;
9041 -ms-flex-pack: center; 9059 -ms-flex-pack: center;
9042 justify-content: center; 9060 justify-content: center;
9043 color: #377d87; 9061 color: #377d87;
9044 padding: 0; 9062 padding: 0;
9045 background: none; 9063 background: none;
9046 border: none; 9064 border: none;
9047 } 9065 }
9048 .cabinet__works-spoiler-right svg { 9066 .cabinet__works-spoiler-right svg {
9049 width: 60%; 9067 width: 60%;
9050 aspect-ratio: 1/1; 9068 aspect-ratio: 1/1;
9051 -webkit-transform: rotate(90deg); 9069 -webkit-transform: rotate(90deg);
9052 -ms-transform: rotate(90deg); 9070 -ms-transform: rotate(90deg);
9053 transform: rotate(90deg); 9071 transform: rotate(90deg);
9054 -webkit-transition: 0.3s; 9072 -webkit-transition: 0.3s;
9055 transition: 0.3s; 9073 transition: 0.3s;
9056 } 9074 }
9057 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9075 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9058 -webkit-transform: rotate(-90deg); 9076 -webkit-transform: rotate(-90deg);
9059 -ms-transform: rotate(-90deg); 9077 -ms-transform: rotate(-90deg);
9060 transform: rotate(-90deg); 9078 transform: rotate(-90deg);
9061 } 9079 }
9062 .cabinet__works-spoiler-buttons { 9080 .cabinet__works-spoiler-buttons {
9063 display: -webkit-box; 9081 display: -webkit-box;
9064 display: -ms-flexbox; 9082 display: -ms-flexbox;
9065 display: flex; 9083 display: flex;
9066 -webkit-box-align: center; 9084 -webkit-box-align: center;
9067 -ms-flex-align: center; 9085 -ms-flex-align: center;
9068 align-items: center; 9086 align-items: center;
9069 -webkit-box-pack: justify; 9087 -webkit-box-pack: justify;
9070 -ms-flex-pack: justify; 9088 -ms-flex-pack: justify;
9071 justify-content: space-between; 9089 justify-content: space-between;
9072 width: 60px; 9090 width: 60px;
9073 } 9091 }
9074 @media (min-width: 768px) { 9092 @media (min-width: 768px) {
9075 .cabinet__works-spoiler-buttons { 9093 .cabinet__works-spoiler-buttons {
9076 width: 74px; 9094 width: 74px;
9077 } 9095 }
9078 } 9096 }
9079 .cabinet__works-spoiler-buttons .button { 9097 .cabinet__works-spoiler-buttons .button {
9080 width: 22px; 9098 width: 22px;
9081 height: 22px; 9099 height: 22px;
9082 padding: 0; 9100 padding: 0;
9083 } 9101 }
9084 @media (min-width: 768px) { 9102 @media (min-width: 768px) {
9085 .cabinet__works-spoiler-buttons .button { 9103 .cabinet__works-spoiler-buttons .button {
9086 width: 30px; 9104 width: 30px;
9087 height: 30px; 9105 height: 30px;
9088 } 9106 }
9089 } 9107 }
9090 .cabinet__works-spoiler-text { 9108 .cabinet__works-spoiler-text {
9091 width: calc(100% - 60px); 9109 width: calc(100% - 60px);
9092 font-size: 17px; 9110 font-size: 17px;
9093 font-weight: 700; 9111 font-weight: 700;
9094 color: #000; 9112 color: #000;
9095 } 9113 }
9096 @media (min-width: 768px) { 9114 @media (min-width: 768px) {
9097 .cabinet__works-spoiler-text { 9115 .cabinet__works-spoiler-text {
9098 width: calc(100% - 74px); 9116 width: calc(100% - 74px);
9099 font-size: 22px; 9117 font-size: 22px;
9100 } 9118 }
9101 } 9119 }
9102 9120
9103 .cabinet__works-add { 9121 .cabinet__works-add {
9104 padding: 0; 9122 padding: 0;
9105 width: 100%; 9123 width: 100%;
9106 max-width: 160px; 9124 max-width: 160px;
9107 } 9125 }
9108 @media (min-width: 768px) { 9126 @media (min-width: 768px) {
9109 .cabinet__works-add { 9127 .cabinet__works-add {
9110 max-width: 220px; 9128 max-width: 220px;
9111 } 9129 }
9112 } 9130 }
9113 .cabinet__buttons { 9131 .cabinet__buttons {
9114 display: -webkit-box; 9132 display: -webkit-box;
9115 display: -ms-flexbox; 9133 display: -ms-flexbox;
9116 display: flex; 9134 display: flex;
9117 -webkit-box-orient: vertical; 9135 -webkit-box-orient: vertical;
9118 -webkit-box-direction: normal; 9136 -webkit-box-direction: normal;
9119 -ms-flex-direction: column; 9137 -ms-flex-direction: column;
9120 flex-direction: column; 9138 flex-direction: column;
9121 -webkit-box-align: center; 9139 -webkit-box-align: center;
9122 -ms-flex-align: center; 9140 -ms-flex-align: center;
9123 align-items: center; 9141 align-items: center;
9124 gap: 10px; 9142 gap: 10px;
9125 } 9143 }
9126 @media (min-width: 768px) { 9144 @media (min-width: 768px) {
9127 .cabinet__buttons { 9145 .cabinet__buttons {
9128 display: grid; 9146 display: grid;
9129 grid-template-columns: 1fr 1fr; 9147 grid-template-columns: 1fr 1fr;
9130 gap: 20px; 9148 gap: 20px;
9131 } 9149 }
9132 } 9150 }
9133 .cabinet__buttons .button, 9151 .cabinet__buttons .button,
9134 .cabinet__buttons .file { 9152 .cabinet__buttons .file {
9135 padding: 0; 9153 padding: 0;
9136 width: 100%; 9154 width: 100%;
9137 max-width: 140px; 9155 max-width: 140px;
9138 } 9156 }
9139 @media (min-width: 768px) { 9157 @media (min-width: 768px) {
9140 .cabinet__buttons .button, 9158 .cabinet__buttons .button,
9141 .cabinet__buttons .file { 9159 .cabinet__buttons .file {
9142 max-width: none; 9160 max-width: none;
9143 } 9161 }
9144 } 9162 }
9145 @media (min-width: 768px) { 9163 @media (min-width: 768px) {
9146 .cabinet__buttons { 9164 .cabinet__buttons {
9147 gap: 20px; 9165 gap: 20px;
9148 } 9166 }
9149 } 9167 }
9150 @media (min-width: 1280px) { 9168 @media (min-width: 1280px) {
9151 .cabinet__buttons { 9169 .cabinet__buttons {
9152 max-width: 400px; 9170 max-width: 400px;
9153 } 9171 }
9154 } 9172 }
9155 .cabinet__buttons_flex{ 9173 .cabinet__buttons_flex{
9156 display: flex; 9174 display: flex;
9157 } 9175 }
9158 .cabinet__buttons_flex > *{ 9176 .cabinet__buttons_flex > *{
9159 margin-right: 10px; 9177 margin-right: 10px;
9160 } 9178 }
9161 .cabinet__vacs { 9179 .cabinet__vacs {
9162 display: -webkit-box; 9180 display: -webkit-box;
9163 display: -ms-flexbox; 9181 display: -ms-flexbox;
9164 display: flex; 9182 display: flex;
9165 -webkit-box-orient: vertical; 9183 -webkit-box-orient: vertical;
9166 -webkit-box-direction: reverse; 9184 -webkit-box-direction: reverse;
9167 -ms-flex-direction: column-reverse; 9185 -ms-flex-direction: column-reverse;
9168 flex-direction: column-reverse; 9186 flex-direction: column-reverse;
9169 -webkit-box-align: center; 9187 -webkit-box-align: center;
9170 -ms-flex-align: center; 9188 -ms-flex-align: center;
9171 align-items: center; 9189 align-items: center;
9172 gap: 20px; 9190 gap: 20px;
9173 } 9191 }
9174 .cabinet__vacs-body { 9192 .cabinet__vacs-body {
9175 display: -webkit-box; 9193 display: -webkit-box;
9176 display: -ms-flexbox; 9194 display: -ms-flexbox;
9177 display: flex; 9195 display: flex;
9178 -webkit-box-orient: vertical; 9196 -webkit-box-orient: vertical;
9179 -webkit-box-direction: normal; 9197 -webkit-box-direction: normal;
9180 -ms-flex-direction: column; 9198 -ms-flex-direction: column;
9181 flex-direction: column; 9199 flex-direction: column;
9182 gap: 20px; 9200 gap: 20px;
9183 width: 100%; 9201 width: 100%;
9184 } 9202 }
9185 @media (min-width: 768px) { 9203 @media (min-width: 768px) {
9186 .cabinet__vacs-body { 9204 .cabinet__vacs-body {
9187 gap: 30px; 9205 gap: 30px;
9188 } 9206 }
9189 } 9207 }
9190 .cabinet__vacs-item { 9208 .cabinet__vacs-item {
9191 display: none; 9209 display: none;
9192 background: #fff; 9210 background: #fff;
9193 -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);
9194 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);
9195 } 9213 }
9196 .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) {
9197 display: -webkit-box; 9215 display: -webkit-box;
9198 display: -ms-flexbox; 9216 display: -ms-flexbox;
9199 display: flex; 9217 display: flex;
9200 } 9218 }
9201 .cabinet__vacs.active .cabinet__vacs-item { 9219 .cabinet__vacs.active .cabinet__vacs-item {
9202 display: -webkit-box; 9220 display: -webkit-box;
9203 display: -ms-flexbox; 9221 display: -ms-flexbox;
9204 display: flex; 9222 display: flex;
9205 } 9223 }
9206 .main__employer-page-two-item-text-body img { 9224 .main__employer-page-two-item-text-body img {
9207 display: inline !important; 9225 display: inline !important;
9208 border: none !important; 9226 border: none !important;
9209 box-shadow: none !important; 9227 box-shadow: none !important;
9210 height: 1em !important; 9228 height: 1em !important;
9211 width: 1em !important; 9229 width: 1em !important;
9212 margin: 0 0.07em !important; 9230 margin: 0 0.07em !important;
9213 vertical-align: -0.1em !important; 9231 vertical-align: -0.1em !important;
9214 background: none !important; 9232 background: none !important;
9215 padding: 0 !important; 9233 padding: 0 !important;
9216 } 9234 }
9217 .main__employer-page-two-item-text-body p{ 9235 .main__employer-page-two-item-text-body p{
9218 margin: 0 0 20px; 9236 margin: 0 0 20px;
9219 } 9237 }
9220 #sertificate .one-sertificate{ 9238 #sertificate .one-sertificate{
9221 display: flex; 9239 display: flex;
9222 justify-content: space-between; 9240 justify-content: space-between;
9223 margin-bottom: 15px; 9241 margin-bottom: 15px;
9224 border-bottom: 1px #ccc solid; 9242 border-bottom: 1px #ccc solid;
9225 padding-bottom: 15px; 9243 padding-bottom: 15px;
9226 } 9244 }
9227 #sertificate .one-sertificate .sertificate-field{ 9245 #sertificate .one-sertificate .sertificate-field{
9228 display: block; 9246 display: block;
9229 } 9247 }
9230 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9248 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9231 width: 50%; 9249 width: 50%;
9232 max-width: 50%; 9250 max-width: 50%;
9233 } 9251 }
9234 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9252 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9235 display: flex; 9253 display: flex;
9236 justify-content: space-between; 9254 justify-content: space-between;
9237 } 9255 }
9238 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9256 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9239 width: 30px; 9257 width: 30px;
9240 height: 30px; 9258 height: 30px;
9241 padding: 5px; 9259 padding: 5px;
9242 } 9260 }
9243 #prev_worker .cabinet__inputs-item-buttons a{ 9261 #prev_worker .cabinet__inputs-item-buttons a{
9244 width: 30px; 9262 width: 30px;
9245 height: 30px; 9263 height: 30px;
9246 padding: 5px; 9264 padding: 5px;
9247 } 9265 }
9248 #prev_worker .cabinet__inputs-item-buttons{ 9266 #prev_worker .cabinet__inputs-item-buttons{
9249 width: 100px; 9267 width: 100px;
9250 } 9268 }
9251 #prev_worker .cabinet__inputs{ 9269 #prev_worker .cabinet__inputs{
9252 -webkit-box-align: start; 9270 -webkit-box-align: start;
9253 -ms-flex-align: start; 9271 -ms-flex-align: start;
9254 align-items: start; 9272 align-items: start;
9255 } 9273 }
9256 #prev_worker .cabinet__inputs-item-buttons flex{ 9274 #prev_worker .cabinet__inputs-item-buttons flex{
9257 justify-content: end; 9275 justify-content: end;
9258 } 9276 }
9259 #prev_worker .cabinet__body-item{ 9277 #prev_worker .cabinet__body-item{
9260 border-bottom: 1px #cccccc solid; 9278 border-bottom: 1px #cccccc solid;
9261 padding-bottom: 25px; 9279 padding-bottom: 25px;
9262 } 9280 }
9263 @media (max-width: 1280px) { 9281 @media (max-width: 1280px) {
9264 #prev_worker .cabinet__inputs-item-buttons{ 9282 #prev_worker .cabinet__inputs-item-buttons{
9265 position: absolute; 9283 position: absolute;
9266 right: 0; 9284 right: 0;
9267 } 9285 }
9268 } 9286 }
9269 body .cke_notifications_area{ 9287 body .cke_notifications_area{
9270 opacity: 0; 9288 opacity: 0;
9271 display: none !important; 9289 display: none !important;
9272 } 9290 }
9291 .unread-messages-count{
9292 background-color: #377d87;
9293 color: #fff;
9294 padding: 5px 10px;
9295 border-radius: 45px;
9296 }
9297
9298 /* Диалог модал */
9299 .modal-dialog{
9300 border-radius: 10px;
9301 }
9302 .modal-dialog .modal-dialog-footer{
public/images/pin_off.svg
Diff comments   View file @ 356dd98
File was created 1 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 <g opacity="0.25">
3 <path d="M21.2011 10.2914L21.1824 10.314L21.1649 10.3376C20.99 10.5746 20.7324 10.7371 20.4432 10.793C20.1586 10.848 19.864 10.7958 19.6158 10.6467C19.566 10.6135 19.4609 10.5439 19.3519 10.4926C19.1996 10.421 18.928 10.3288 18.5951 10.4056C18.3132 10.4706 18.1249 10.6299 18.0531 10.6923C17.9801 10.7556 17.9024 10.8345 17.846 10.8918C17.8405 10.8973 17.8353 10.9026 17.8303 10.9077L17.8302 10.9078C16.4596 12.2971 16.0828 12.6702 14.9413 13.8004L14.9359 13.8058L14.9359 13.8058L14.9324 13.8093L14.4356 14.3061L14.428 14.313C14.4204 14.3199 14.3984 14.3397 14.375 14.3627C14.3742 14.3636 14.3731 14.3646 14.3719 14.3658C14.3397 14.3972 14.1785 14.5544 14.0995 14.8112C13.9963 15.1467 14.0901 15.4255 14.1553 15.5639C14.1964 15.6511 14.2463 15.7242 14.2695 15.7568C15.351 17.4028 14.7366 19.3459 13.5194 20.7627C13.2899 21.0053 13.1747 21.0049 13.1735 21.005L13.1734 21.005C13.1684 21.0052 13.0552 21.0096 12.8172 20.7948C12.4016 20.378 12.024 20.0025 11.6562 19.6368C10.9018 18.8867 10.1885 18.1775 9.27281 17.2356L9.24339 17.2053L9.21618 17.1817C9.21377 17.1792 9.20723 17.1726 9.19271 17.1581L9.19118 17.1565C9.17821 17.1435 9.1224 17.0875 9.04628 17.0331C8.95518 16.9681 8.7878 16.8702 8.55445 16.845C8.32075 16.8198 8.13401 16.8796 8.02355 16.9283C7.92365 16.9723 7.85021 17.0236 7.82313 17.0427C7.7885 17.0672 7.72572 17.116 7.70429 17.1327C7.70063 17.1355 7.69817 17.1374 7.69727 17.1381L7.68381 17.1484L7.67071 17.1592C6.59272 18.0425 5.51225 18.9209 4.42928 19.7942L4.42745 19.7957C3.98373 20.1553 3.53886 20.5154 3.09282 20.8761C3.36515 20.5014 3.63593 20.1278 3.90617 19.755C4.81152 18.5059 5.71082 17.2651 6.64195 16.0186L6.64779 16.0108L6.65348 16.0028C6.65483 16.0009 6.71685 15.9177 6.75922 15.8446C6.80423 15.7669 6.9819 15.4511 6.87009 15.0382C6.82226 14.8617 6.73858 14.738 6.68865 14.6728C6.64133 14.611 6.59536 14.5652 6.58044 14.5503L6.58003 14.5499C6.55113 14.5211 6.54482 14.5154 6.54153 14.5124C6.53888 14.51 6.53818 14.5093 6.52929 14.5L6.51846 14.4885L6.50728 14.4774C5.26496 13.246 4.40387 12.3826 3.28693 11.2608L3.28694 11.2608L3.28235 11.2563C3.00584 10.9821 3.01246 10.8459 3.01285 10.838L3.01285 10.8379C3.01346 10.8247 3.02458 10.6779 3.33148 10.4114L3.33302 10.4101C3.98754 9.8393 4.88968 9.39798 5.81255 9.24909C6.72641 9.10166 7.59019 9.24843 8.27406 9.74538C8.30815 9.77067 8.33536 9.7888 8.34843 9.7975L8.34985 9.79845L9.03635 10.2561L9.61608 9.66903C10.8598 8.40952 12.1109 7.15723 13.3691 5.91223L13.9796 5.30825L13.4748 4.61355C13.2798 4.34531 13.1929 4.01358 13.2312 3.68422C13.2695 3.35486 13.4303 3.05194 13.6816 2.8356C13.9328 2.61926 14.2563 2.5053 14.5877 2.51636C14.9187 2.5274 15.2334 2.66232 15.4696 2.89438C17.8126 5.21499 18.8157 6.22172 21.1333 8.55807C21.3566 8.78708 21.4873 9.09063 21.5001 9.41029C21.513 9.73088 21.4065 10.0449 21.2011 10.2914Z" stroke="black" stroke-width="2"/>
4 </g>
5 </svg>
6
public/images/pin_on.svg
Diff comments   View file @ 356dd98
File was created 1 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 <g opacity="0.5">
3 <path d="M21.9695 10.9314C21.6456 11.3703 21.1685 11.6714 20.6329 11.7749C20.0973 11.8784 19.5424 11.7767 19.0783 11.4901C18.8233 11.3214 18.8233 11.3251 18.542 11.6101C17.1658 13.0051 16.787 13.3801 15.6395 14.5164L15.1258 15.0301C15.0444 15.1051 15.0305 15.1025 15.092 15.1876C16.5545 17.3889 15.6245 19.8564 14.2633 21.4314C13.5714 22.175 12.8533 22.187 12.1258 21.5176C10.8617 20.2494 9.92903 19.3453 8.55578 17.9326C8.42453 17.8186 8.48116 17.7976 8.30453 17.9326C7.22453 18.8176 6.14203 19.6976 5.05703 20.5726C4.40453 21.1014 3.74953 21.6314 3.09203 22.1626C2.88997 22.3572 2.62566 22.4741 2.34578 22.4926C2.23653 22.4905 2.12881 22.4665 2.02898 22.4221C1.92915 22.3776 1.83923 22.3136 1.76453 22.2339C1.23953 21.7201 1.62953 21.1839 1.79828 20.9551C3.14716 19.1068 4.46266 17.2651 5.84078 15.4201C5.94053 15.281 5.92441 15.3155 5.80328 15.1876C4.55866 13.9539 3.69578 13.0888 2.57828 11.9664C1.78703 11.1819 1.83203 10.3891 2.67578 9.65639C4.25828 8.27639 6.96953 7.55639 8.86703 8.94014C8.88203 8.95139 8.89328 8.95889 8.90453 8.96639C10.151 7.70413 11.4048 6.44911 12.6658 5.20139C12.3233 4.73012 12.1706 4.14733 12.2379 3.56868C12.3052 2.99004 12.5876 2.45786 13.0291 2.07778C13.4706 1.69769 14.0388 1.49749 14.621 1.51692C15.2033 1.53634 15.7569 1.77397 16.172 2.18264C18.5195 4.50764 19.5245 5.51639 21.8458 7.85639C22.2436 8.2626 22.4765 8.80199 22.4993 9.37008C22.5222 9.93817 22.3334 10.4945 21.9695 10.9314Z" fill="black"/>
4 </g>
5 </svg>
6
public/images/sprite.svg
Diff comments   View file @ 356dd98
1 <svg xmlns="http://www.w3.org/2000/svg" display="none"> 1 <svg xmlns="http://www.w3.org/2000/svg" display="none">
2 2
3 <symbol id="logo" viewBox="0 0 182 54" fill="none"> 3 <symbol id="logo" viewBox="0 0 182 54" fill="none">
4 <path d="M26.9375 54C41.8147 54 53.875 41.9117 53.875 27C53.875 12.0883 41.8147 0 26.9375 0C12.0603 0 0 12.0883 0 27C0 41.9117 12.0603 54 26.9375 54Z" fill="currentColor"/> 4 <path d="M26.9375 54C41.8147 54 53.875 41.9117 53.875 27C53.875 12.0883 41.8147 0 26.9375 0C12.0603 0 0 12.0883 0 27C0 41.9117 12.0603 54 26.9375 54Z" fill="currentColor"/>
5 <path d="M66.8154 37.1175C66.6503 36.5881 66.5183 36.2903 66.5183 34.6359V31.4594C66.5183 29.5734 65.8911 28.9116 64.4385 28.9116H63.3492V37.1175H60.147V16.9668H64.9667C68.2679 16.9668 69.7204 18.4889 69.7204 21.5992V23.1874C69.7204 25.2719 69.0602 26.6286 67.6407 27.2903C69.2252 27.9521 69.7534 29.4741 69.7534 31.5918V34.7021C69.7534 35.6947 69.7864 36.3896 70.1165 37.1506H66.8154V37.1175ZM63.3492 19.8455V26.033H64.6036C65.792 26.033 66.5183 25.5036 66.5183 23.9153V21.93C66.5183 20.5072 66.0231 19.8455 64.9007 19.8455H63.3492Z" fill="currentColor"/> 5 <path d="M66.8154 37.1175C66.6503 36.5881 66.5183 36.2903 66.5183 34.6359V31.4594C66.5183 29.5734 65.8911 28.9116 64.4385 28.9116H63.3492V37.1175H60.147V16.9668H64.9667C68.2679 16.9668 69.7204 18.4889 69.7204 21.5992V23.1874C69.7204 25.2719 69.0602 26.6286 67.6407 27.2903C69.2252 27.9521 69.7534 29.4741 69.7534 31.5918V34.7021C69.7534 35.6947 69.7864 36.3896 70.1165 37.1506H66.8154V37.1175ZM63.3492 19.8455V26.033H64.6036C65.792 26.033 66.5183 25.5036 66.5183 23.9153V21.93C66.5183 20.5072 66.0231 19.8455 64.9007 19.8455H63.3492Z" fill="currentColor"/>
6 <path d="M75.0356 25.4705H79.4261V28.3491H75.0356V34.2389H80.5485V37.1175H71.8334V16.9668H80.5485V19.8455H75.0356V25.4705Z" fill="currentColor"/> 6 <path d="M75.0356 25.4705H79.4261V28.3491H75.0356V34.2389H80.5485V37.1175H71.8334V16.9668H80.5485V19.8455H75.0356V25.4705Z" fill="currentColor"/>
7 <path d="M86.7218 29.1102L85.7315 30.9631V37.1506H82.5294V16.9668H85.7315V25.7352L89.924 16.9668H93.1261L88.6695 25.9337L93.1261 37.1175H89.8249L86.7218 29.1102Z" fill="currentColor"/> 7 <path d="M86.7218 29.1102L85.7315 30.9631V37.1506H82.5294V16.9668H85.7315V25.7352L89.924 16.9668H93.1261L88.6695 25.9337L93.1261 37.1175H89.8249L86.7218 29.1102Z" fill="currentColor"/>
8 <path d="M104.944 37.1175H101.709L101.148 33.4778H97.2193L96.6581 37.1175H93.7531L97.0212 16.9668H101.676L104.944 37.1175ZM97.6484 30.7315H100.719L99.167 20.5403L97.6484 30.7315Z" fill="currentColor"/> 8 <path d="M104.944 37.1175H101.709L101.148 33.4778H97.2193L96.6581 37.1175H93.7531L97.0212 16.9668H101.676L104.944 37.1175ZM97.6484 30.7315H100.719L99.167 20.5403L97.6484 30.7315Z" fill="currentColor"/>
9 <path d="M113.197 31.294L115.376 16.9999H119.833V37.1506H116.795V22.6911L114.584 37.1506H111.58L109.203 22.8896V37.1506H106.397V16.9668H110.853L113.197 31.294Z" fill="currentColor"/> 9 <path d="M113.197 31.294L115.376 16.9999H119.833V37.1506H116.795V22.6911L114.584 37.1506H111.58L109.203 22.8896V37.1506H106.397V16.9668H110.853L113.197 31.294Z" fill="currentColor"/>
10 <path d="M121.912 21.8313C121.912 18.6217 123.629 16.7688 126.765 16.7688C129.901 16.7688 131.618 18.6217 131.618 21.8313V32.3203C131.618 35.5298 129.901 37.3828 126.765 37.3828C123.629 37.3828 121.912 35.5298 121.912 32.3203V21.8313ZM125.114 32.4857C125.114 33.9085 125.742 34.471 126.765 34.471C127.788 34.471 128.415 33.9085 128.415 32.4857V21.6328C128.415 20.21 127.788 19.6475 126.765 19.6475C125.742 19.6475 125.114 20.21 125.114 21.6328V32.4857Z" fill="currentColor"/> 10 <path d="M121.912 21.8313C121.912 18.6217 123.629 16.7688 126.765 16.7688C129.901 16.7688 131.618 18.6217 131.618 21.8313V32.3203C131.618 35.5298 129.901 37.3828 126.765 37.3828C123.629 37.3828 121.912 35.5298 121.912 32.3203V21.8313ZM125.114 32.4857C125.114 33.9085 125.742 34.471 126.765 34.471C127.788 34.471 128.415 33.9085 128.415 32.4857V21.6328C128.415 20.21 127.788 19.6475 126.765 19.6475C125.742 19.6475 125.114 20.21 125.114 21.6328V32.4857Z" fill="currentColor"/>
11 <path d="M140.399 37.1175C140.234 36.5881 140.101 36.2903 140.101 34.6359V31.4594C140.101 29.5734 139.474 28.9116 138.022 28.9116H136.932V37.1175H133.697V16.9668H138.517C141.818 16.9668 143.271 18.4889 143.271 21.5992V23.1874C143.271 25.2719 142.61 26.6286 141.191 27.2903C142.775 27.9521 143.304 29.4741 143.304 31.5918V34.7021C143.304 35.6947 143.337 36.3896 143.667 37.1506H140.399V37.1175ZM136.899 19.8455V26.033H138.154C139.342 26.033 140.068 25.5036 140.068 23.9153V21.93C140.068 20.5072 139.573 19.8455 138.451 19.8455H136.899Z" fill="currentColor"/> 11 <path d="M140.399 37.1175C140.234 36.5881 140.101 36.2903 140.101 34.6359V31.4594C140.101 29.5734 139.474 28.9116 138.022 28.9116H136.932V37.1175H133.697V16.9668H138.517C141.818 16.9668 143.271 18.4889 143.271 21.5992V23.1874C143.271 25.2719 142.61 26.6286 141.191 27.2903C142.775 27.9521 143.304 29.4741 143.304 31.5918V34.7021C143.304 35.6947 143.337 36.3896 143.667 37.1506H140.399V37.1175ZM136.899 19.8455V26.033H138.154C139.342 26.033 140.068 25.5036 140.068 23.9153V21.93C140.068 20.5072 139.573 19.8455 138.451 19.8455H136.899Z" fill="currentColor"/>
12 <path d="M148.586 25.4705H152.976V28.3491H148.586V34.2389H154.099V37.1175H145.384V16.9668H154.099V19.8455H148.586V25.4705Z" fill="currentColor"/> 12 <path d="M148.586 25.4705H152.976V28.3491H148.586V34.2389H154.099V37.1175H145.384V16.9668H154.099V19.8455H148.586V25.4705Z" fill="currentColor"/>
13 <path d="M159.182 34.0737V37.1178H156.112V34.0737H159.182Z" fill="currentColor"/> 13 <path d="M159.182 34.0737V37.1178H156.112V34.0737H159.182Z" fill="currentColor"/>
14 <path d="M165.685 16.7688C168.789 16.7688 170.406 18.6217 170.406 21.8313V22.46H167.369V21.6328C167.369 20.21 166.775 19.6475 165.785 19.6475C164.761 19.6475 164.2 20.21 164.2 21.6328C164.2 25.7688 170.472 26.5629 170.472 32.3203C170.472 35.5298 168.855 37.3828 165.685 37.3828C162.549 37.3828 160.899 35.5298 160.899 32.3203V31.096H163.936V32.5188C163.936 33.9416 164.563 34.471 165.586 34.471C166.61 34.471 167.237 33.9416 167.237 32.5188C167.237 28.3828 160.965 27.5887 160.965 21.8313C160.965 18.5887 162.549 16.7688 165.685 16.7688Z" fill="currentColor"/> 14 <path d="M165.685 16.7688C168.789 16.7688 170.406 18.6217 170.406 21.8313V22.46H167.369V21.6328C167.369 20.21 166.775 19.6475 165.785 19.6475C164.761 19.6475 164.2 20.21 164.2 21.6328C164.2 25.7688 170.472 26.5629 170.472 32.3203C170.472 35.5298 168.855 37.3828 165.685 37.3828C162.549 37.3828 160.899 35.5298 160.899 32.3203V31.096H163.936V32.5188C163.936 33.9416 164.563 34.471 165.586 34.471C166.61 34.471 167.237 33.9416 167.237 32.5188C167.237 28.3828 160.965 27.5887 160.965 21.8313C160.965 18.5887 162.549 16.7688 165.685 16.7688Z" fill="currentColor"/>
15 <path d="M175.325 16.9668V32.5183C175.325 33.9411 175.952 34.4705 176.975 34.4705C177.999 34.4705 178.626 33.9411 178.626 32.5183V16.9668H181.663V32.3197C181.663 35.5293 180.045 37.3822 176.876 37.3822C173.74 37.3822 172.09 35.5293 172.09 32.3197V16.9668H175.325Z" fill="currentColor"/> 15 <path d="M175.325 16.9668V32.5183C175.325 33.9411 175.952 34.4705 176.975 34.4705C177.999 34.4705 178.626 33.9411 178.626 32.5183V16.9668H181.663V32.3197C181.663 35.5293 180.045 37.3822 176.876 37.3822C173.74 37.3822 172.09 35.5293 172.09 32.3197V16.9668H175.325Z" fill="currentColor"/>
16 <path d="M18.2556 11.5144V13.235C18.2556 15.3195 17.1662 16.4776 14.9214 16.4776H13.865V21.4078H11.6533V8.27173H14.9214C17.1662 8.27173 18.2556 9.39673 18.2556 11.5144ZM13.865 10.1247V14.5585H14.9214C15.6147 14.5585 16.0108 14.2607 16.0108 13.3342V11.382C16.0108 10.4556 15.6147 10.1578 14.9214 10.1578H13.865V10.1247Z" fill="white"/> 16 <path d="M18.2556 11.5144V13.235C18.2556 15.3195 17.1662 16.4776 14.9214 16.4776H13.865V21.4078H11.6533V8.27173H14.9214C17.1662 8.27173 18.2556 9.39673 18.2556 11.5144ZM13.865 10.1247V14.5585H14.9214C15.6147 14.5585 16.0108 14.2607 16.0108 13.3342V11.382C16.0108 10.4556 15.6147 10.1578 14.9214 10.1578H13.865V10.1247Z" fill="white"/>
17 <path d="M21.5239 13.7975H24.594V15.6835H21.5239V19.5217H25.3863V21.4078H19.2791V8.27173H25.3533V10.1578H21.5239V13.7975Z" fill="white"/> 17 <path d="M21.5239 13.7975H24.594V15.6835H21.5239V19.5217H25.3863V21.4078H19.2791V8.27173H25.3533V10.1578H21.5239V13.7975Z" fill="white"/>
18 <path d="M29.6443 16.1467L28.9511 17.3379V21.3747H26.7393V8.27173H28.9511V13.996L31.8891 8.27173H34.1009L30.9978 14.1283L34.1009 21.4078H31.8231L29.6443 16.1467Z" fill="white"/> 18 <path d="M29.6443 16.1467L28.9511 17.3379V21.3747H26.7393V8.27173H28.9511V13.996L31.8891 8.27173H34.1009L30.9978 14.1283L34.1009 21.4078H31.8231L29.6443 16.1467Z" fill="white"/>
19 <path d="M42.3209 21.375H40.0761L39.68 18.9927H36.973L36.5769 21.375H34.5302L36.808 8.23901H40.0761L42.3209 21.375ZM37.2371 17.2059H39.3829L38.3265 10.5883L37.2371 17.2059Z" fill="white"/> 19 <path d="M42.3209 21.375H40.0761L39.68 18.9927H36.973L36.5769 21.375H34.5302L36.808 8.23901H40.0761L42.3209 21.375ZM37.2371 17.2059H39.3829L38.3265 10.5883L37.2371 17.2059Z" fill="white"/>
20 <path d="M15.9117 32.2945L17.2982 22.9636H20.1372V36.0997H18.2225V26.7026L16.803 36.0997H14.8553L13.3368 26.8349V36.0997H11.5541V22.9967H14.3931L15.9117 32.2945Z" fill="white"/> 20 <path d="M15.9117 32.2945L17.2982 22.9636H20.1372V36.0997H18.2225V26.7026L16.803 36.0997H14.8553L13.3368 26.8349V36.0997H11.5541V22.9967H14.3931L15.9117 32.2945Z" fill="white"/>
21 <path d="M21.4578 26.1404C21.4578 24.0558 22.5471 22.8315 24.5609 22.8315C26.5746 22.8315 27.6639 24.0227 27.6639 26.1404V32.9565C27.6639 35.0411 26.5746 36.2654 24.5609 36.2654C22.5471 36.2654 21.4578 35.0742 21.4578 32.9565V26.1404ZM23.5045 33.0889C23.5045 34.0154 23.9006 34.3793 24.5609 34.3793C25.2211 34.3793 25.6172 34.0154 25.6172 33.0889V26.008C25.6172 25.0815 25.2211 24.7176 24.5609 24.7176C23.9006 24.7176 23.5045 25.0815 23.5045 26.008V33.0889Z" fill="white"/> 21 <path d="M21.4578 26.1404C21.4578 24.0558 22.5471 22.8315 24.5609 22.8315C26.5746 22.8315 27.6639 24.0227 27.6639 26.1404V32.9565C27.6639 35.0411 26.5746 36.2654 24.5609 36.2654C22.5471 36.2654 21.4578 35.0742 21.4578 32.9565V26.1404ZM23.5045 33.0889C23.5045 34.0154 23.9006 34.3793 24.5609 34.3793C25.2211 34.3793 25.6172 34.0154 25.6172 33.0889V26.008C25.6172 25.0815 25.2211 24.7176 24.5609 24.7176C23.9006 24.7176 23.5045 25.0815 23.5045 26.008V33.0889Z" fill="white"/>
22 <path d="M35.0257 26.239V27.9596C35.0257 30.0441 34.0353 31.2022 31.9886 31.2022H31.0313V36.1324H28.9846V22.9963H31.9886C34.0353 22.9963 35.0257 24.1213 35.0257 26.239ZM31.0313 24.8493V29.2831H31.9886C32.6488 29.2831 32.979 28.9853 32.979 28.0588V26.1066C32.979 25.1802 32.6158 24.8824 31.9886 24.8824H31.0313V24.8493Z" fill="white"/> 22 <path d="M35.0257 26.239V27.9596C35.0257 30.0441 34.0353 31.2022 31.9886 31.2022H31.0313V36.1324H28.9846V22.9963H31.9886C34.0353 22.9963 35.0257 24.1213 35.0257 26.239ZM31.0313 24.8493V29.2831H31.9886C32.6488 29.2831 32.979 28.9853 32.979 28.0588V26.1066C32.979 25.1802 32.6158 24.8824 31.9886 24.8824H31.0313V24.8493Z" fill="white"/>
23 <path d="M38.0294 28.5221H40.8354V30.4081H38.0294V34.2463H41.5617V36.1324H35.9827V22.9963H41.5617V24.8824H38.0294V28.5221Z" fill="white"/> 23 <path d="M38.0294 28.5221H40.8354V30.4081H38.0294V34.2463H41.5617V36.1324H35.9827V22.9963H41.5617V24.8824H38.0294V28.5221Z" fill="white"/>
24 <path d="M41.1323 40.169C40.9342 39.408 39.9439 39.1764 39.2176 39.6727C38.8545 39.9374 38.4914 40.2352 38.0952 40.4999C37.2369 41.0624 36.2466 40.9962 35.4213 40.3676C34.9921 40.0367 34.563 39.7058 34.1008 39.3749C33.3415 38.8786 32.5163 38.4815 31.4929 38.5146C30.5686 38.5477 29.8093 38.8786 29.1161 39.3418C28.5219 39.7389 27.9937 40.169 27.3664 40.5661C26.6072 41.0624 25.6829 40.9962 24.9566 40.4668C24.5935 40.2021 24.2303 39.9043 23.8672 39.6396C22.1176 38.2499 20.2029 38.1507 18.2882 39.408C17.8261 39.7058 17.4299 40.0367 17.0008 40.3676C16.2415 40.9301 15.4492 41.0293 14.69 40.6654C14.624 40.6323 14.5249 40.5992 14.4589 40.533C14.3929 40.4999 14.3269 40.4337 14.2608 40.4007C13.9967 40.2021 13.7657 40.0036 13.4685 39.8051C12.9404 39.4742 12.3462 39.5073 11.917 39.8712C11.5209 40.2021 11.5209 40.7315 11.95 41.1286C12.2141 41.3602 12.5112 41.5918 12.8413 41.8234C12.9074 41.8896 13.0064 41.9227 13.0724 41.9889V42.022C13.6336 42.3859 14.2608 42.5845 14.888 42.6837C14.9541 42.6837 14.9871 42.7168 15.0531 42.7168C15.0861 42.7168 15.0861 42.7168 15.1191 42.7168C15.3172 42.7499 15.5153 42.7499 15.7133 42.7499C16.6377 42.7499 17.595 42.4521 18.4533 41.8565C18.9155 41.5257 19.3446 41.1948 19.8068 40.8639C20.6981 40.2683 21.3253 40.2683 22.2166 40.897C22.6128 41.1948 23.0089 41.4926 23.405 41.7904C24.3954 42.4852 25.5178 42.8161 26.8713 42.6837C27.8616 42.5514 28.6539 42.1543 29.3802 41.658C29.8423 41.3271 30.3045 40.9632 30.7997 40.6654C31.4269 40.2683 31.922 40.2683 32.5493 40.6984C33.0775 41.0293 33.5396 41.3933 34.0348 41.7573C34.8601 42.3859 35.8174 42.7168 36.9728 42.7168C37.7321 42.6837 38.5244 42.5845 39.1846 42.1543C39.8448 41.7573 40.439 41.294 41.0333 40.7977C41.0993 40.6984 41.1653 40.4007 41.1323 40.169Z" fill="white"/> 24 <path d="M41.1323 40.169C40.9342 39.408 39.9439 39.1764 39.2176 39.6727C38.8545 39.9374 38.4914 40.2352 38.0952 40.4999C37.2369 41.0624 36.2466 40.9962 35.4213 40.3676C34.9921 40.0367 34.563 39.7058 34.1008 39.3749C33.3415 38.8786 32.5163 38.4815 31.4929 38.5146C30.5686 38.5477 29.8093 38.8786 29.1161 39.3418C28.5219 39.7389 27.9937 40.169 27.3664 40.5661C26.6072 41.0624 25.6829 40.9962 24.9566 40.4668C24.5935 40.2021 24.2303 39.9043 23.8672 39.6396C22.1176 38.2499 20.2029 38.1507 18.2882 39.408C17.8261 39.7058 17.4299 40.0367 17.0008 40.3676C16.2415 40.9301 15.4492 41.0293 14.69 40.6654C14.624 40.6323 14.5249 40.5992 14.4589 40.533C14.3929 40.4999 14.3269 40.4337 14.2608 40.4007C13.9967 40.2021 13.7657 40.0036 13.4685 39.8051C12.9404 39.4742 12.3462 39.5073 11.917 39.8712C11.5209 40.2021 11.5209 40.7315 11.95 41.1286C12.2141 41.3602 12.5112 41.5918 12.8413 41.8234C12.9074 41.8896 13.0064 41.9227 13.0724 41.9889V42.022C13.6336 42.3859 14.2608 42.5845 14.888 42.6837C14.9541 42.6837 14.9871 42.7168 15.0531 42.7168C15.0861 42.7168 15.0861 42.7168 15.1191 42.7168C15.3172 42.7499 15.5153 42.7499 15.7133 42.7499C16.6377 42.7499 17.595 42.4521 18.4533 41.8565C18.9155 41.5257 19.3446 41.1948 19.8068 40.8639C20.6981 40.2683 21.3253 40.2683 22.2166 40.897C22.6128 41.1948 23.0089 41.4926 23.405 41.7904C24.3954 42.4852 25.5178 42.8161 26.8713 42.6837C27.8616 42.5514 28.6539 42.1543 29.3802 41.658C29.8423 41.3271 30.3045 40.9632 30.7997 40.6654C31.4269 40.2683 31.922 40.2683 32.5493 40.6984C33.0775 41.0293 33.5396 41.3933 34.0348 41.7573C34.8601 42.3859 35.8174 42.7168 36.9728 42.7168C37.7321 42.6837 38.5244 42.5845 39.1846 42.1543C39.8448 41.7573 40.439 41.294 41.0333 40.7977C41.0993 40.6984 41.1653 40.4007 41.1323 40.169Z" fill="white"/>
25 <path d="M41.1323 43.8748C40.9342 43.1138 39.9439 42.8822 39.2176 43.3785C38.8545 43.6432 38.4914 43.941 38.0952 44.2057C37.2369 44.7682 36.2466 44.7021 35.4213 44.0734C34.9921 43.7425 34.563 43.4116 34.1008 43.0807C33.3415 42.5844 32.5163 42.1873 31.4929 42.2204C30.5686 42.2535 29.8093 42.5844 29.1161 43.0476C28.5219 43.4447 27.9937 43.8748 27.3664 44.2719C26.6072 44.7682 25.6829 44.7021 24.9566 44.1726C24.5935 43.9079 24.2303 43.6101 23.8672 43.3454C22.1176 41.9557 20.2029 41.8565 18.2882 43.1469C17.8261 43.4447 17.4299 43.7756 17.0008 44.1065C16.2415 44.669 15.4492 44.7682 14.69 44.4043C14.624 44.3712 14.5249 44.3381 14.4589 44.2719C14.3929 44.2388 14.3269 44.1726 14.2608 44.1396C13.9967 43.941 13.7657 43.7425 13.4685 43.544C12.9404 43.2131 12.3462 43.2462 11.917 43.6101C11.5209 43.941 11.5209 44.4704 11.95 44.8675C12.2141 45.0991 12.5112 45.3307 12.8413 45.5623C12.9074 45.6285 13.0064 45.6616 13.0724 45.7278V45.7609C13.6336 46.1248 14.2608 46.3234 14.888 46.4226C14.9541 46.4226 14.9871 46.4557 15.0531 46.4557C15.0861 46.4557 15.0861 46.4557 15.1191 46.4557C15.3172 46.4888 15.5153 46.4888 15.7133 46.4888C16.6377 46.4888 17.595 46.191 18.4533 45.5954C18.9155 45.2646 19.3446 44.9337 19.8068 44.6028C20.6981 44.0072 21.3253 44.0072 22.2166 44.6359C22.6128 44.9337 23.0089 45.2315 23.405 45.5293C24.3954 46.2241 25.5178 46.555 26.8713 46.4226C27.8616 46.2903 28.6539 45.8932 29.3802 45.3969C29.8423 45.066 30.3045 44.7021 30.7997 44.4043C31.4269 44.0072 31.922 44.0072 32.5493 44.4373C33.0775 44.7682 33.5396 45.1322 34.0348 45.4962C34.8601 46.1248 35.8174 46.4557 36.9728 46.4557C37.7321 46.4226 38.5244 46.3234 39.1846 45.8932C39.8448 45.4962 40.439 45.0329 41.0333 44.5366C41.0993 44.4043 41.1653 44.0734 41.1323 43.8748Z" fill="white"/> 25 <path d="M41.1323 43.8748C40.9342 43.1138 39.9439 42.8822 39.2176 43.3785C38.8545 43.6432 38.4914 43.941 38.0952 44.2057C37.2369 44.7682 36.2466 44.7021 35.4213 44.0734C34.9921 43.7425 34.563 43.4116 34.1008 43.0807C33.3415 42.5844 32.5163 42.1873 31.4929 42.2204C30.5686 42.2535 29.8093 42.5844 29.1161 43.0476C28.5219 43.4447 27.9937 43.8748 27.3664 44.2719C26.6072 44.7682 25.6829 44.7021 24.9566 44.1726C24.5935 43.9079 24.2303 43.6101 23.8672 43.3454C22.1176 41.9557 20.2029 41.8565 18.2882 43.1469C17.8261 43.4447 17.4299 43.7756 17.0008 44.1065C16.2415 44.669 15.4492 44.7682 14.69 44.4043C14.624 44.3712 14.5249 44.3381 14.4589 44.2719C14.3929 44.2388 14.3269 44.1726 14.2608 44.1396C13.9967 43.941 13.7657 43.7425 13.4685 43.544C12.9404 43.2131 12.3462 43.2462 11.917 43.6101C11.5209 43.941 11.5209 44.4704 11.95 44.8675C12.2141 45.0991 12.5112 45.3307 12.8413 45.5623C12.9074 45.6285 13.0064 45.6616 13.0724 45.7278V45.7609C13.6336 46.1248 14.2608 46.3234 14.888 46.4226C14.9541 46.4226 14.9871 46.4557 15.0531 46.4557C15.0861 46.4557 15.0861 46.4557 15.1191 46.4557C15.3172 46.4888 15.5153 46.4888 15.7133 46.4888C16.6377 46.4888 17.595 46.191 18.4533 45.5954C18.9155 45.2646 19.3446 44.9337 19.8068 44.6028C20.6981 44.0072 21.3253 44.0072 22.2166 44.6359C22.6128 44.9337 23.0089 45.2315 23.405 45.5293C24.3954 46.2241 25.5178 46.555 26.8713 46.4226C27.8616 46.2903 28.6539 45.8932 29.3802 45.3969C29.8423 45.066 30.3045 44.7021 30.7997 44.4043C31.4269 44.0072 31.922 44.0072 32.5493 44.4373C33.0775 44.7682 33.5396 45.1322 34.0348 45.4962C34.8601 46.1248 35.8174 46.4557 36.9728 46.4557C37.7321 46.4226 38.5244 46.3234 39.1846 45.8932C39.8448 45.4962 40.439 45.0329 41.0333 44.5366C41.0993 44.4043 41.1653 44.0734 41.1323 43.8748Z" fill="white"/>
26 </symbol> 26 </symbol>
27 27
28 <symbol id="burger" viewBox="0 0 20 14" fill="none"> 28 <symbol id="burger" viewBox="0 0 20 14" fill="none">
29 <rect width="20" height="1.75" rx="0.875" fill="currentColor"/> 29 <rect width="20" height="1.75" rx="0.875" fill="currentColor"/>
30 <rect y="6.125" width="20" height="1.75" rx="0.875" fill="currentColor"/> 30 <rect y="6.125" width="20" height="1.75" rx="0.875" fill="currentColor"/>
31 <rect y="12.25" width="20" height="1.75" rx="0.875" fill="currentColor"/> 31 <rect y="12.25" width="20" height="1.75" rx="0.875" fill="currentColor"/>
32 </symbol> 32 </symbol>
33 33
34 <symbol id="cross" viewBox="0 0 20 19" fill="none"> 34 <symbol id="cross" viewBox="0 0 20 19" fill="none">
35 <path d="M1.99997 17.9199L18.5566 2" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/> 35 <path d="M1.99997 17.9199L18.5566 2" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/>
36 <path d="M1.99997 2.00017L18.5566 17.92" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/> 36 <path d="M1.99997 2.00017L18.5566 17.92" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/>
37 </symbol> 37 </symbol>
38 38
39 <symbol id="cross-bold" width="10" height="10" viewBox="0 0 10 10" fill="none"> 39 <symbol id="cross-bold" width="10" height="10" viewBox="0 0 10 10" fill="none">
40 <path d="M8.27299 1.72729L1.72754 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 40 <path d="M8.27299 1.72729L1.72754 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
41 <path d="M1.72798 1.72729L8.27344 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 41 <path d="M1.72798 1.72729L8.27344 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
42 </symbol> 42 </symbol>
43 43
44 <symbol id="ring" viewBox="0 0 16 20" fill="none"> 44 <symbol id="ring" viewBox="0 0 16 20" fill="none">
45 <path d="M7.99999 20C9.09999 20 9.99999 19.1 9.99999 18H5.99999C5.99999 19.1 6.88999 20 7.99999 20ZM14 14V9C14 5.93 12.36 3.36 9.49999 2.68V2C9.49999 1.17 8.82999 0.5 7.99999 0.5C7.16999 0.5 6.49999 1.17 6.49999 2V2.68C3.62999 3.36 1.99999 5.92 1.99999 9V14L0.70999 15.29C0.0799904 15.92 0.51999 17 1.40999 17H14.58C15.47 17 15.92 15.92 15.29 15.29L14 14Z" fill="currentColor"/> 45 <path d="M7.99999 20C9.09999 20 9.99999 19.1 9.99999 18H5.99999C5.99999 19.1 6.88999 20 7.99999 20ZM14 14V9C14 5.93 12.36 3.36 9.49999 2.68V2C9.49999 1.17 8.82999 0.5 7.99999 0.5C7.16999 0.5 6.49999 1.17 6.49999 2V2.68C3.62999 3.36 1.99999 5.92 1.99999 9V14L0.70999 15.29C0.0799904 15.92 0.51999 17 1.40999 17H14.58C15.47 17 15.92 15.92 15.29 15.29L14 14Z" fill="currentColor"/>
46 </symbol> 46 </symbol>
47 47
48 <symbol id="arrow" viewBox="0 0 17 31" fill="none"> 48 <symbol id="arrow" viewBox="0 0 17 31" fill="none">
49 <path d="M1.5 2L15 15.5L1.5 29" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> 49 <path d="M1.5 2L15 15.5L1.5 29" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
50 </symbol> 50 </symbol>
51 51
52 <symbol id="arrow-top" viewBox="0 0 13 7" fill="none"> 52 <symbol id="arrow-top" viewBox="0 0 13 7" fill="none">
53 <path d="M12 6L6.5 1L1 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 53 <path d="M12 6L6.5 1L1 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
54 </symbol> 54 </symbol>
55 55
56 <symbol id="arrow-bold" viewBox="0 0 6 10" fill="none"> 56 <symbol id="arrow-bold" viewBox="0 0 6 10" fill="none">
57 <path d="M1 1L5 5L1 9" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 57 <path d="M1 1L5 5L1 9" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
58 </symbol> 58 </symbol>
59 59
60 <symbol id="vk" viewBox="0 0 16 10" fill="none"> 60 <symbol id="vk" viewBox="0 0 16 10" fill="none">
61 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.35099 0.00135622H0.600254C0.100042 0.00135622 0 0.241458 0 0.501568C0 0.961762 0.600254 3.26274 2.76117 6.30402C4.21178 8.3749 6.25265 9.50538 8.10343 9.50538C9.2139 9.50538 9.35396 9.25527 9.35396 8.82509V7.25442C9.35396 6.75421 9.454 6.65417 9.81415 6.65417C10.0743 6.65417 10.5144 6.78422 11.5549 7.78465C12.7454 8.97515 12.9355 9.50538 13.6058 9.50538H15.3565C15.8567 9.50538 16.1068 9.25527 15.9568 8.76506C15.8067 8.26485 15.2364 7.56456 14.4861 6.7142C14.086 6.22399 13.4657 5.71377 13.2856 5.45366C13.0255 5.11352 13.0855 4.96346 13.2856 4.67333C13.2856 4.67333 15.4165 1.67206 15.6366 0.641627C15.7467 0.271471 15.6366 0.00135622 15.1064 0.00135622H13.3556C13.1919 -0.0084346 13.0294 0.0349857 12.8924 0.125136C12.7554 0.215287 12.6511 0.347334 12.5953 0.501568C12.5953 0.501568 11.6949 2.66248 10.4444 4.07308C10.0342 4.48325 9.84416 4.61331 9.62407 4.61331C9.52403 4.61331 9.35396 4.48325 9.35396 4.1131V0.641627C9.35396 0.201441 9.2239 0.00135622 8.85375 0.00135622H6.10258C5.82246 0.00135622 5.65239 0.201441 5.65239 0.401526C5.65239 0.821703 6.29266 0.921746 6.35269 2.10225V4.68334C6.35269 5.25358 6.25265 5.35362 6.03255 5.35362C5.4323 5.35362 3.99169 3.1727 3.13132 0.681644C2.97126 0.201441 2.80118 0.00135622 2.35099 0.00135622Z" fill="currentColor"/> 61 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.35099 0.00135622H0.600254C0.100042 0.00135622 0 0.241458 0 0.501568C0 0.961762 0.600254 3.26274 2.76117 6.30402C4.21178 8.3749 6.25265 9.50538 8.10343 9.50538C9.2139 9.50538 9.35396 9.25527 9.35396 8.82509V7.25442C9.35396 6.75421 9.454 6.65417 9.81415 6.65417C10.0743 6.65417 10.5144 6.78422 11.5549 7.78465C12.7454 8.97515 12.9355 9.50538 13.6058 9.50538H15.3565C15.8567 9.50538 16.1068 9.25527 15.9568 8.76506C15.8067 8.26485 15.2364 7.56456 14.4861 6.7142C14.086 6.22399 13.4657 5.71377 13.2856 5.45366C13.0255 5.11352 13.0855 4.96346 13.2856 4.67333C13.2856 4.67333 15.4165 1.67206 15.6366 0.641627C15.7467 0.271471 15.6366 0.00135622 15.1064 0.00135622H13.3556C13.1919 -0.0084346 13.0294 0.0349857 12.8924 0.125136C12.7554 0.215287 12.6511 0.347334 12.5953 0.501568C12.5953 0.501568 11.6949 2.66248 10.4444 4.07308C10.0342 4.48325 9.84416 4.61331 9.62407 4.61331C9.52403 4.61331 9.35396 4.48325 9.35396 4.1131V0.641627C9.35396 0.201441 9.2239 0.00135622 8.85375 0.00135622H6.10258C5.82246 0.00135622 5.65239 0.201441 5.65239 0.401526C5.65239 0.821703 6.29266 0.921746 6.35269 2.10225V4.68334C6.35269 5.25358 6.25265 5.35362 6.03255 5.35362C5.4323 5.35362 3.99169 3.1727 3.13132 0.681644C2.97126 0.201441 2.80118 0.00135622 2.35099 0.00135622Z" fill="currentColor"/>
62 </symbol> 62 </symbol>
63 63
64 <symbol id="tg" viewBox="0 0 16 14" fill="none"> 64 <symbol id="tg" viewBox="0 0 16 14" fill="none">
65 <path d="M15.7901 0.149541C15.5648 -0.0380885 15.2008 -0.0551456 14.5769 0.132484C14.1436 0.268942 10.2959 1.70175 6.89889 3.08338C3.84848 4.32856 1.37003 5.42022 1.07539 5.55668C0.746083 5.65902 0.0354772 5.96605 0.000813508 6.44365C-0.0165183 6.75068 0.243459 7.0236 0.746083 7.24534C1.28337 7.51826 3.65783 8.30289 4.16046 8.4564C4.33377 9.03635 5.35635 12.4307 5.40835 12.6354C5.47768 12.9425 5.68566 13.113 5.78965 13.1813C5.80698 13.1983 5.84164 13.2324 5.87631 13.2495C5.9283 13.2836 5.99763 13.3007 6.08429 13.3007C6.20561 13.3007 6.34427 13.2495 6.46559 13.1642C7.10687 12.6525 8.21611 11.5096 8.52808 11.1856C9.8973 12.2431 11.3878 13.4201 11.5265 13.5565L11.5438 13.5736C11.8731 13.8465 12.2198 14 12.5317 14C12.6357 14 12.7397 13.9829 12.8437 13.9488C13.2077 13.8294 13.4677 13.4883 13.5543 13.0277C13.5543 13.0107 13.5716 12.9425 13.6063 12.8231C14.1956 10.2986 14.6636 8.08115 15.0449 6.22191C15.4088 4.39679 15.7035 2.60578 15.8768 1.65058C15.9114 1.41177 15.9461 1.22415 15.9634 1.10475C16.0154 0.763601 16.0501 0.371285 15.7901 0.149541ZM4.52442 8.40523L12.7917 3.01515C12.809 2.9981 12.8437 2.98104 12.861 2.96398C12.8784 2.96398 12.8784 2.94692 12.8957 2.94692C12.913 2.94692 12.913 2.94692 12.9304 2.92987C12.913 2.94692 12.8957 2.9981 12.861 3.03221L10.7639 4.95968C9.30801 6.27308 7.40151 7.99586 6.13629 9.12164C6.13629 9.12164 6.13629 9.12164 6.13629 9.13869L6.11895 9.15575C6.11895 9.15575 6.11895 9.17281 6.10162 9.17281C6.10162 9.18987 6.10162 9.18987 6.08429 9.20692V9.22398C6.08429 9.22398 6.08429 9.22398 6.08429 9.24104C5.99763 10.1962 5.84164 11.8337 5.77232 12.5672C5.77232 12.5672 5.77232 12.5672 5.77232 12.5501C5.70299 12.3454 4.73241 9.08752 4.52442 8.40523Z" fill="currentColor"/> 65 <path d="M15.7901 0.149541C15.5648 -0.0380885 15.2008 -0.0551456 14.5769 0.132484C14.1436 0.268942 10.2959 1.70175 6.89889 3.08338C3.84848 4.32856 1.37003 5.42022 1.07539 5.55668C0.746083 5.65902 0.0354772 5.96605 0.000813508 6.44365C-0.0165183 6.75068 0.243459 7.0236 0.746083 7.24534C1.28337 7.51826 3.65783 8.30289 4.16046 8.4564C4.33377 9.03635 5.35635 12.4307 5.40835 12.6354C5.47768 12.9425 5.68566 13.113 5.78965 13.1813C5.80698 13.1983 5.84164 13.2324 5.87631 13.2495C5.9283 13.2836 5.99763 13.3007 6.08429 13.3007C6.20561 13.3007 6.34427 13.2495 6.46559 13.1642C7.10687 12.6525 8.21611 11.5096 8.52808 11.1856C9.8973 12.2431 11.3878 13.4201 11.5265 13.5565L11.5438 13.5736C11.8731 13.8465 12.2198 14 12.5317 14C12.6357 14 12.7397 13.9829 12.8437 13.9488C13.2077 13.8294 13.4677 13.4883 13.5543 13.0277C13.5543 13.0107 13.5716 12.9425 13.6063 12.8231C14.1956 10.2986 14.6636 8.08115 15.0449 6.22191C15.4088 4.39679 15.7035 2.60578 15.8768 1.65058C15.9114 1.41177 15.9461 1.22415 15.9634 1.10475C16.0154 0.763601 16.0501 0.371285 15.7901 0.149541ZM4.52442 8.40523L12.7917 3.01515C12.809 2.9981 12.8437 2.98104 12.861 2.96398C12.8784 2.96398 12.8784 2.94692 12.8957 2.94692C12.913 2.94692 12.913 2.94692 12.9304 2.92987C12.913 2.94692 12.8957 2.9981 12.861 3.03221L10.7639 4.95968C9.30801 6.27308 7.40151 7.99586 6.13629 9.12164C6.13629 9.12164 6.13629 9.12164 6.13629 9.13869L6.11895 9.15575C6.11895 9.15575 6.11895 9.17281 6.10162 9.17281C6.10162 9.18987 6.10162 9.18987 6.08429 9.20692V9.22398C6.08429 9.22398 6.08429 9.22398 6.08429 9.24104C5.99763 10.1962 5.84164 11.8337 5.77232 12.5672C5.77232 12.5672 5.77232 12.5672 5.77232 12.5501C5.70299 12.3454 4.73241 9.08752 4.52442 8.40523Z" fill="currentColor"/>
66 </symbol> 66 </symbol>
67 67
68 <symbol id="nls" viewBox="0 0 24 31" fill="none"> 68 <symbol id="nls" viewBox="0 0 24 31" fill="none">
69 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 31.001V26.001H24V31.001H20ZM23 27H21V30.001H23V27ZM19 14L23.985 14.018L24 24.001H19V14ZM20 23.001H23V15.003L20 15V23.001ZM13 0H24V12H13V0ZM15 10.001H22V2.001H15V10.001ZM17 15H13V23.001H16V20L15.015 19.987L15 19.001H17V24.001H12V14H17V15ZM8 31.001V26.001H9V30.001H11V26.001L11.998 26.003L12 31.001H8ZM9 2.001H2V12H0V0H11V12H9V2.001ZM0 29.004V26.001H3V27H1V28H3V31.001H0V30.004L2 30.001L1.992 29.004H0ZM4 24.001H0V14L1.015 14.018L1 23.001H4V24.001ZM5 14H10V24.001H5V14ZM6 23.001H9V15.003L6 15V23.001ZM7 27H6V31.001H5V27H4V26.001H7V27ZM15.999 27.004L17 27V30.001L15.999 29.984V27.004ZM16 27H14V30.001H16V31.001H13V26.001H16V27ZM19 31.001H18V26.001H19V31.001Z" fill="currentColor"/> 69 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 31.001V26.001H24V31.001H20ZM23 27H21V30.001H23V27ZM19 14L23.985 14.018L24 24.001H19V14ZM20 23.001H23V15.003L20 15V23.001ZM13 0H24V12H13V0ZM15 10.001H22V2.001H15V10.001ZM17 15H13V23.001H16V20L15.015 19.987L15 19.001H17V24.001H12V14H17V15ZM8 31.001V26.001H9V30.001H11V26.001L11.998 26.003L12 31.001H8ZM9 2.001H2V12H0V0H11V12H9V2.001ZM0 29.004V26.001H3V27H1V28H3V31.001H0V30.004L2 30.001L1.992 29.004H0ZM4 24.001H0V14L1.015 14.018L1 23.001H4V24.001ZM5 14H10V24.001H5V14ZM6 23.001H9V15.003L6 15V23.001ZM7 27H6V31.001H5V27H4V26.001H7V27ZM15.999 27.004L17 27V30.001L15.999 29.984V27.004ZM16 27H14V30.001H16V31.001H13V26.001H16V27ZM19 31.001H18V26.001H19V31.001Z" fill="currentColor"/>
70 </symbol> 70 </symbol>
71 71
72 <symbol id="search" viewBox="0 0 20 21" fill="none"> 72 <symbol id="search" viewBox="0 0 20 21" fill="none">
73 <path d="M9.78643 18.0262C14.3372 18.0262 18.0263 14.3371 18.0263 9.7863C18.0263 5.23552 14.3372 1.54639 9.78643 1.54639C5.23565 1.54639 1.54651 5.23552 1.54651 9.7863C1.54651 14.3371 5.23565 18.0262 9.78643 18.0262Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 73 <path d="M9.78643 18.0262C14.3372 18.0262 18.0263 14.3371 18.0263 9.7863C18.0263 5.23552 14.3372 1.54639 9.78643 1.54639C5.23565 1.54639 1.54651 5.23552 1.54651 9.7863C1.54651 14.3371 5.23565 18.0262 9.78643 18.0262Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
74 <path d="M15.5165 15.9443L18.7468 19.1664" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 74 <path d="M15.5165 15.9443L18.7468 19.1664" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
75 </symbol> 75 </symbol>
76 76
77 <symbol id="dots" viewBox="0 0 15 3" fill="none"> 77 <symbol id="dots" viewBox="0 0 15 3" fill="none">
78 <circle cx="1.5" cy="1.5" r="1.5" fill="currentColor"/> 78 <circle cx="1.5" cy="1.5" r="1.5" fill="currentColor"/>
79 <circle cx="7.5" cy="1.5" r="1.5" fill="currentColor"/> 79 <circle cx="7.5" cy="1.5" r="1.5" fill="currentColor"/>
80 <circle cx="13.5" cy="1.5" r="1.5" fill="currentColor"/> 80 <circle cx="13.5" cy="1.5" r="1.5" fill="currentColor"/>
81 </symbol> 81 </symbol>
82 82
83 <symbol id="grid-1" viewBox="0 0 26 17" fill="none"> 83 <symbol id="grid-1" viewBox="0 0 26 17" fill="none">
84 <rect width="3" height="3" rx="1.5" fill="currentColor"/> 84 <rect width="3" height="3" rx="1.5" fill="currentColor"/>
85 <rect y="7" width="3" height="3" rx="1.5" fill="currentColor"/> 85 <rect y="7" width="3" height="3" rx="1.5" fill="currentColor"/>
86 <rect y="14" width="3" height="3" rx="1.5" fill="currentColor"/> 86 <rect y="14" width="3" height="3" rx="1.5" fill="currentColor"/>
87 <rect x="6" width="20" height="3" rx="1.5" fill="currentColor"/> 87 <rect x="6" width="20" height="3" rx="1.5" fill="currentColor"/>
88 <rect x="6" y="7" width="20" height="3" rx="1.5" fill="currentColor"/> 88 <rect x="6" y="7" width="20" height="3" rx="1.5" fill="currentColor"/>
89 <rect x="6" y="14" width="20" height="3" rx="1.5" fill="currentColor"/> 89 <rect x="6" y="14" width="20" height="3" rx="1.5" fill="currentColor"/>
90 </symbol> 90 </symbol>
91 91
92 <symbol id="grid-2" viewBox="0 0 24 24" fill="none"> 92 <symbol id="grid-2" viewBox="0 0 24 24" fill="none">
93 <rect width="10" height="10" rx="2" fill="currentColor"/> 93 <rect width="10" height="10" rx="2" fill="currentColor"/>
94 <rect y="14" width="10" height="10" rx="2" fill="currentColor"/> 94 <rect y="14" width="10" height="10" rx="2" fill="currentColor"/>
95 <rect x="14" y="14" width="10" height="10" rx="2" fill="currentColor"/> 95 <rect x="14" y="14" width="10" height="10" rx="2" fill="currentColor"/>
96 <rect x="14" width="10" height="10" rx="2" fill="currentColor"/> 96 <rect x="14" width="10" height="10" rx="2" fill="currentColor"/>
97 </symbol> 97 </symbol>
98 98
99 <symbol id="v" viewBox="0 0 11 10" fill="none"> 99 <symbol id="v" viewBox="0 0 11 10" fill="none">
100 <path d="M10.9413 1.9874L4.59278 9.90629C4.57107 9.93328 4.54433 9.95544 4.51418 9.97143C4.48403 9.98743 4.45109 9.99693 4.41732 9.99937C4.38355 10.0018 4.34966 9.99714 4.31767 9.98564C4.28568 9.97414 4.25626 9.95604 4.23116 9.93243L0.0832849 6.05246C0.05844 6.02922 0.0382996 6.00107 0.0240403 5.96965C0.00978097 5.93823 0.00168901 5.90417 0.000237368 5.86947C-0.00121428 5.83476 0.00400341 5.8001 0.0155856 5.76751C0.0271678 5.73492 0.0448823 5.70506 0.0676935 5.67967L1.42039 4.17442C1.46491 4.12489 1.52619 4.09527 1.59131 4.09181C1.65643 4.08834 1.7203 4.11131 1.76944 4.15586L4.08153 6.25192L9.29818 0.0887104C9.32209 0.0604629 9.35159 0.037915 9.38466 0.0226078C9.41773 0.00730048 9.45358 -0.000405497 9.48978 1.64367e-05C9.52597 0.00043837 9.56166 0.00897821 9.59438 0.0250525C9.62711 0.0411268 9.65612 0.0643567 9.67942 0.0931546L10.9413 1.65173C10.9792 1.69878 11 1.7582 11 1.81956C11 1.88093 10.9792 1.94034 10.9413 1.9874Z" fill="currentColor"/> 100 <path d="M10.9413 1.9874L4.59278 9.90629C4.57107 9.93328 4.54433 9.95544 4.51418 9.97143C4.48403 9.98743 4.45109 9.99693 4.41732 9.99937C4.38355 10.0018 4.34966 9.99714 4.31767 9.98564C4.28568 9.97414 4.25626 9.95604 4.23116 9.93243L0.0832849 6.05246C0.05844 6.02922 0.0382996 6.00107 0.0240403 5.96965C0.00978097 5.93823 0.00168901 5.90417 0.000237368 5.86947C-0.00121428 5.83476 0.00400341 5.8001 0.0155856 5.76751C0.0271678 5.73492 0.0448823 5.70506 0.0676935 5.67967L1.42039 4.17442C1.46491 4.12489 1.52619 4.09527 1.59131 4.09181C1.65643 4.08834 1.7203 4.11131 1.76944 4.15586L4.08153 6.25192L9.29818 0.0887104C9.32209 0.0604629 9.35159 0.037915 9.38466 0.0226078C9.41773 0.00730048 9.45358 -0.000405497 9.48978 1.64367e-05C9.52597 0.00043837 9.56166 0.00897821 9.59438 0.0250525C9.62711 0.0411268 9.65612 0.0643567 9.67942 0.0931546L10.9413 1.65173C10.9792 1.69878 11 1.7582 11 1.81956C11 1.88093 10.9792 1.94034 10.9413 1.9874Z" fill="currentColor"/>
101 </symbol> 101 </symbol>
102 102
103 <symbol id="badge" viewBox="0 0 21 22" fill="none"> 103 <symbol id="badge" viewBox="0 0 21 22" fill="none">
104 <path d="M10.5 1.4165L13.017 3.25267L16.1331 3.24692L17.0899 6.212L19.6142 8.03859L18.6458 10.9998L19.6142 13.9611L17.0899 15.7877L16.1331 18.7528L13.017 18.747L10.5 20.5832L7.98291 18.747L4.86689 18.7528L3.90999 15.7877L1.38574 13.9611L2.35414 10.9998L1.38574 8.03859L3.90999 6.212L4.86689 3.24692L7.98291 3.25267L10.5 1.4165Z" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/> 104 <path d="M10.5 1.4165L13.017 3.25267L16.1331 3.24692L17.0899 6.212L19.6142 8.03859L18.6458 10.9998L19.6142 13.9611L17.0899 15.7877L16.1331 18.7528L13.017 18.747L10.5 20.5832L7.98291 18.747L4.86689 18.7528L3.90999 15.7877L1.38574 13.9611L2.35414 10.9998L1.38574 8.03859L3.90999 6.212L4.86689 3.24692L7.98291 3.25267L10.5 1.4165Z" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/>
105 <path d="M7.14581 10.9998L9.54165 13.3957L14.3333 8.604" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/> 105 <path d="M7.14581 10.9998L9.54165 13.3957L14.3333 8.604" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/>
106 </symbol> 106 </symbol>
107 107
108 <symbol id="heart" viewBox="0 0 14 12" fill="none"> 108 <symbol id="heart" viewBox="0 0 14 12" fill="none">
109 <path d="M6.86423 11.5911L6.86426 11.5911L6.86053 11.5875L2.0391 6.93605L2.02947 6.92676L2.01902 6.9184C1.98199 6.88877 1.92127 6.8323 1.83317 6.74168C1.75377 6.66001 1.61854 6.50118 1.42276 6.25646C1.23475 6.02144 1.06706 5.78091 0.919454 5.5349C0.778417 5.29984 0.648721 5.00866 0.532576 4.65775C0.420089 4.3179 0.36561 3.99308 0.36561 3.68211C0.36561 2.60679 0.674077 1.80258 1.25995 1.23054C1.84707 0.657295 2.67125 0.354502 3.77049 0.354502C4.056 0.354502 4.35103 0.403935 4.65669 0.505822C4.96575 0.608841 5.25212 0.747383 5.5166 0.92132L5.67236 0.684489L5.5166 0.921321C5.79707 1.10578 6.03543 1.27694 6.2328 1.43483L6.40679 1.21735L6.2328 1.43483C6.43058 1.59306 6.61838 1.7611 6.79625 1.93897L7.00023 2.14294L7.2042 1.93897C7.38207 1.7611 7.56987 1.59306 7.76765 1.43483C7.96502 1.27694 8.20338 1.10578 8.48385 0.92132C8.74833 0.747383 9.0347 0.608841 9.34376 0.505822C9.64942 0.403935 9.94445 0.354502 10.23 0.354502C11.3292 0.354502 12.1534 0.657295 12.7405 1.23054C13.3264 1.80258 13.6348 2.60679 13.6348 3.68211C13.6348 4.71404 13.1011 5.80331 11.9518 6.95322L7.1401 11.5873L7.14006 11.5873L7.13622 11.5911C7.09888 11.6285 7.05948 11.6457 7.00023 11.6457C6.94097 11.6457 6.90157 11.6285 6.86423 11.5911Z" stroke="currentColor" fill="currentColor" stroke-width="0.576923"/> 109 <path d="M6.86423 11.5911L6.86426 11.5911L6.86053 11.5875L2.0391 6.93605L2.02947 6.92676L2.01902 6.9184C1.98199 6.88877 1.92127 6.8323 1.83317 6.74168C1.75377 6.66001 1.61854 6.50118 1.42276 6.25646C1.23475 6.02144 1.06706 5.78091 0.919454 5.5349C0.778417 5.29984 0.648721 5.00866 0.532576 4.65775C0.420089 4.3179 0.36561 3.99308 0.36561 3.68211C0.36561 2.60679 0.674077 1.80258 1.25995 1.23054C1.84707 0.657295 2.67125 0.354502 3.77049 0.354502C4.056 0.354502 4.35103 0.403935 4.65669 0.505822C4.96575 0.608841 5.25212 0.747383 5.5166 0.92132L5.67236 0.684489L5.5166 0.921321C5.79707 1.10578 6.03543 1.27694 6.2328 1.43483L6.40679 1.21735L6.2328 1.43483C6.43058 1.59306 6.61838 1.7611 6.79625 1.93897L7.00023 2.14294L7.2042 1.93897C7.38207 1.7611 7.56987 1.59306 7.76765 1.43483C7.96502 1.27694 8.20338 1.10578 8.48385 0.92132C8.74833 0.747383 9.0347 0.608841 9.34376 0.505822C9.64942 0.403935 9.94445 0.354502 10.23 0.354502C11.3292 0.354502 12.1534 0.657295 12.7405 1.23054C13.3264 1.80258 13.6348 2.60679 13.6348 3.68211C13.6348 4.71404 13.1011 5.80331 11.9518 6.95322L7.1401 11.5873L7.14006 11.5873L7.13622 11.5911C7.09888 11.6285 7.05948 11.6457 7.00023 11.6457C6.94097 11.6457 6.90157 11.6285 6.86423 11.5911Z" stroke="currentColor" fill="currentColor" stroke-width="0.576923"/>
110 </symbol> 110 </symbol>
111 111
112 <symbol id="chat" viewBox="0 0 22 22" fill="none"> 112 <symbol id="chat" viewBox="0 0 22 22" fill="none">
113 <path d="M17.7149 4.28242L17.7879 4.35583L17.8382 4.37596C19.3656 5.92588 20.3153 7.95414 20.5268 10.1219C20.7414 12.3231 20.1814 14.5302 18.9432 16.3627C17.705 18.1952 15.8663 19.5383 13.744 20.1604C11.6217 20.7826 9.3488 20.6447 7.31723 19.7707L7.31391 19.7693C7.03192 19.6504 6.7238 19.6071 6.41994 19.6436L6.40042 19.6459L6.38113 19.6498L2.14989 20.5H1.99963V20.4999L1.98689 20.5002C1.91942 20.5019 1.85229 20.4899 1.78956 20.465C1.72728 20.4403 1.67062 20.4033 1.62293 20.3562C1.56506 20.2977 1.52254 20.2258 1.49912 20.1469C1.47556 20.0675 1.4721 19.9834 1.48905 19.9023L1.48915 19.9019L2.36915 15.6719L2.37093 15.6633L2.37242 15.6547C2.42671 15.3385 2.38221 15.0134 2.24513 14.7236C1.37451 12.6943 1.23798 10.4249 1.8592 8.30568C2.48133 6.18338 3.82443 4.34463 5.65694 3.10645C7.48946 1.86826 9.69655 1.30823 11.8977 1.5229C14.0989 1.73758 16.1562 2.7135 17.7149 4.28242ZM1.87963 15.57L0.99963 19.8L1.78963 14.93C1.88552 15.1288 1.91698 15.3525 1.87963 15.57ZM6.47963 20.14C6.69716 20.1139 6.91775 20.1449 7.11963 20.23L6.47963 20.14ZM5.16628 12.2472C5.41295 12.412 5.70296 12.5 5.99963 12.5C6.39745 12.5 6.77899 12.342 7.06029 12.0607C7.34159 11.7794 7.49963 11.3978 7.49963 11C7.49963 10.7034 7.41166 10.4133 7.24683 10.1667C7.08201 9.91999 6.84774 9.72773 6.57366 9.6142C6.29957 9.50067 5.99797 9.47097 5.70699 9.52884C5.41602 9.58672 5.14875 9.72958 4.93897 9.93936C4.72919 10.1491 4.58633 10.4164 4.52845 10.7074C4.47057 10.9984 4.50028 11.3 4.61381 11.574C4.72734 11.8481 4.9196 12.0824 5.16628 12.2472ZM10.1663 12.2472C10.4129 12.412 10.703 12.5 10.9996 12.5C11.3975 12.5 11.779 12.342 12.0603 12.0607C12.3416 11.7794 12.4996 11.3978 12.4996 11C12.4996 10.7034 12.4117 10.4133 12.2468 10.1667C12.082 9.91999 11.8477 9.72773 11.5737 9.6142C11.2996 9.50067 10.998 9.47097 10.707 9.52884C10.416 9.58672 10.1487 9.72958 9.93897 9.93936C9.72919 10.1491 9.58633 10.4164 9.52845 10.7074C9.47057 10.9984 9.50028 11.3 9.61381 11.574C9.72734 11.8481 9.9196 12.0824 10.1663 12.2472ZM15.1663 12.2472C15.4129 12.412 15.703 12.5 15.9996 12.5C16.3975 12.5 16.779 12.342 17.0603 12.0607C17.3416 11.7794 17.4996 11.3978 17.4996 11C17.4996 10.7034 17.4117 10.4133 17.2468 10.1667C17.082 9.91999 16.8477 9.72773 16.5737 9.6142C16.2996 9.50067 15.998 9.47097 15.707 9.52884C15.416 9.58672 15.1487 9.72958 14.939 9.93936C14.7292 10.1491 14.5863 10.4164 14.5285 10.7074C14.4706 10.9984 14.5003 11.3 14.6138 11.574C14.7273 11.8481 14.9196 12.0824 15.1663 12.2472Z" stroke="currentColor"/> 113 <path d="M17.7149 4.28242L17.7879 4.35583L17.8382 4.37596C19.3656 5.92588 20.3153 7.95414 20.5268 10.1219C20.7414 12.3231 20.1814 14.5302 18.9432 16.3627C17.705 18.1952 15.8663 19.5383 13.744 20.1604C11.6217 20.7826 9.3488 20.6447 7.31723 19.7707L7.31391 19.7693C7.03192 19.6504 6.7238 19.6071 6.41994 19.6436L6.40042 19.6459L6.38113 19.6498L2.14989 20.5H1.99963V20.4999L1.98689 20.5002C1.91942 20.5019 1.85229 20.4899 1.78956 20.465C1.72728 20.4403 1.67062 20.4033 1.62293 20.3562C1.56506 20.2977 1.52254 20.2258 1.49912 20.1469C1.47556 20.0675 1.4721 19.9834 1.48905 19.9023L1.48915 19.9019L2.36915 15.6719L2.37093 15.6633L2.37242 15.6547C2.42671 15.3385 2.38221 15.0134 2.24513 14.7236C1.37451 12.6943 1.23798 10.4249 1.8592 8.30568C2.48133 6.18338 3.82443 4.34463 5.65694 3.10645C7.48946 1.86826 9.69655 1.30823 11.8977 1.5229C14.0989 1.73758 16.1562 2.7135 17.7149 4.28242ZM1.87963 15.57L0.99963 19.8L1.78963 14.93C1.88552 15.1288 1.91698 15.3525 1.87963 15.57ZM6.47963 20.14C6.69716 20.1139 6.91775 20.1449 7.11963 20.23L6.47963 20.14ZM5.16628 12.2472C5.41295 12.412 5.70296 12.5 5.99963 12.5C6.39745 12.5 6.77899 12.342 7.06029 12.0607C7.34159 11.7794 7.49963 11.3978 7.49963 11C7.49963 10.7034 7.41166 10.4133 7.24683 10.1667C7.08201 9.91999 6.84774 9.72773 6.57366 9.6142C6.29957 9.50067 5.99797 9.47097 5.70699 9.52884C5.41602 9.58672 5.14875 9.72958 4.93897 9.93936C4.72919 10.1491 4.58633 10.4164 4.52845 10.7074C4.47057 10.9984 4.50028 11.3 4.61381 11.574C4.72734 11.8481 4.9196 12.0824 5.16628 12.2472ZM10.1663 12.2472C10.4129 12.412 10.703 12.5 10.9996 12.5C11.3975 12.5 11.779 12.342 12.0603 12.0607C12.3416 11.7794 12.4996 11.3978 12.4996 11C12.4996 10.7034 12.4117 10.4133 12.2468 10.1667C12.082 9.91999 11.8477 9.72773 11.5737 9.6142C11.2996 9.50067 10.998 9.47097 10.707 9.52884C10.416 9.58672 10.1487 9.72958 9.93897 9.93936C9.72919 10.1491 9.58633 10.4164 9.52845 10.7074C9.47057 10.9984 9.50028 11.3 9.61381 11.574C9.72734 11.8481 9.9196 12.0824 10.1663 12.2472ZM15.1663 12.2472C15.4129 12.412 15.703 12.5 15.9996 12.5C16.3975 12.5 16.779 12.342 17.0603 12.0607C17.3416 11.7794 17.4996 11.3978 17.4996 11C17.4996 10.7034 17.4117 10.4133 17.2468 10.1667C17.082 9.91999 16.8477 9.72773 16.5737 9.6142C16.2996 9.50067 15.998 9.47097 15.707 9.52884C15.416 9.58672 15.1487 9.72958 14.939 9.93936C14.7292 10.1491 14.5863 10.4164 14.5285 10.7074C14.4706 10.9984 14.5003 11.3 14.6138 11.574C14.7273 11.8481 14.9196 12.0824 15.1663 12.2472Z" stroke="currentColor"/>
114 </symbol> 114 </symbol>
115 115
116 <symbol id="download" viewBox="0 0 12 12" fill="none"> 116 <symbol id="download" viewBox="0 0 12 12" fill="none">
117 <path d="M4.08018 5.00551L5.41602 6.34718V0.753011C5.41602 0.598301 5.47747 0.449928 5.58687 0.340532C5.69627 0.231136 5.84464 0.169678 5.99935 0.169678C6.15406 0.169678 6.30243 0.231136 6.41183 0.340532C6.52122 0.449928 6.58268 0.598301 6.58268 0.753011V6.34718L7.91852 5.00551C7.97274 4.95084 8.03726 4.90744 8.10835 4.87782C8.17943 4.84821 8.25568 4.83296 8.33268 4.83296C8.40969 4.83296 8.48594 4.84821 8.55702 4.87782C8.6281 4.90744 8.69262 4.95084 8.74685 5.00551C8.80152 5.05974 8.84492 5.12426 8.87454 5.19534C8.90415 5.26643 8.9194 5.34267 8.9194 5.41968C8.9194 5.49668 8.90415 5.57293 8.87454 5.64401C8.84492 5.7151 8.80152 5.77962 8.74685 5.83384L6.41352 8.16718C6.35804 8.22028 6.29262 8.26191 6.22102 8.28968C6.079 8.34802 5.9197 8.34802 5.77768 8.28968C5.70608 8.26191 5.64066 8.22028 5.58518 8.16718L3.25185 5.83384C3.19746 5.77945 3.15432 5.71489 3.12488 5.64382C3.09545 5.57276 3.0803 5.4966 3.0803 5.41968C3.0803 5.34276 3.09545 5.26659 3.12488 5.19553C3.15432 5.12447 3.19746 5.0599 3.25185 5.00551C3.30624 4.95112 3.37081 4.90798 3.44187 4.87854C3.51293 4.84911 3.5891 4.83396 3.66602 4.83396C3.74293 4.83396 3.8191 4.84911 3.89016 4.87854C3.96122 4.90798 4.02579 4.95112 4.08018 5.00551ZM11.2494 6.0001C11.0946 6.0001 10.9463 6.06156 10.8369 6.17096C10.7275 6.28035 10.666 6.42873 10.666 6.58344V10.0834C10.666 10.2381 10.6046 10.3865 10.4952 10.4959C10.3858 10.6053 10.2374 10.6668 10.0827 10.6668H1.91602C1.76131 10.6668 1.61293 10.6053 1.50354 10.4959C1.39414 10.3865 1.33268 10.2381 1.33268 10.0834V6.58344C1.33268 6.42873 1.27122 6.28035 1.16183 6.17096C1.05243 6.06156 0.904059 6.0001 0.749349 6.0001C0.594639 6.0001 0.446266 6.06156 0.33687 6.17096C0.227474 6.28035 0.166016 6.42873 0.166016 6.58344V10.0834C0.166016 10.5476 0.35039 10.9927 0.678579 11.3209C1.00677 11.6491 1.45189 11.8334 1.91602 11.8334H10.0827C10.5468 11.8334 10.9919 11.6491 11.3201 11.3209C11.6483 10.9927 11.8327 10.5476 11.8327 10.0834V6.58344C11.8327 6.42873 11.7712 6.28035 11.6618 6.17096C11.5524 6.06156 11.4041 6.0001 11.2494 6.0001Z" fill="currentColor"/> 117 <path d="M4.08018 5.00551L5.41602 6.34718V0.753011C5.41602 0.598301 5.47747 0.449928 5.58687 0.340532C5.69627 0.231136 5.84464 0.169678 5.99935 0.169678C6.15406 0.169678 6.30243 0.231136 6.41183 0.340532C6.52122 0.449928 6.58268 0.598301 6.58268 0.753011V6.34718L7.91852 5.00551C7.97274 4.95084 8.03726 4.90744 8.10835 4.87782C8.17943 4.84821 8.25568 4.83296 8.33268 4.83296C8.40969 4.83296 8.48594 4.84821 8.55702 4.87782C8.6281 4.90744 8.69262 4.95084 8.74685 5.00551C8.80152 5.05974 8.84492 5.12426 8.87454 5.19534C8.90415 5.26643 8.9194 5.34267 8.9194 5.41968C8.9194 5.49668 8.90415 5.57293 8.87454 5.64401C8.84492 5.7151 8.80152 5.77962 8.74685 5.83384L6.41352 8.16718C6.35804 8.22028 6.29262 8.26191 6.22102 8.28968C6.079 8.34802 5.9197 8.34802 5.77768 8.28968C5.70608 8.26191 5.64066 8.22028 5.58518 8.16718L3.25185 5.83384C3.19746 5.77945 3.15432 5.71489 3.12488 5.64382C3.09545 5.57276 3.0803 5.4966 3.0803 5.41968C3.0803 5.34276 3.09545 5.26659 3.12488 5.19553C3.15432 5.12447 3.19746 5.0599 3.25185 5.00551C3.30624 4.95112 3.37081 4.90798 3.44187 4.87854C3.51293 4.84911 3.5891 4.83396 3.66602 4.83396C3.74293 4.83396 3.8191 4.84911 3.89016 4.87854C3.96122 4.90798 4.02579 4.95112 4.08018 5.00551ZM11.2494 6.0001C11.0946 6.0001 10.9463 6.06156 10.8369 6.17096C10.7275 6.28035 10.666 6.42873 10.666 6.58344V10.0834C10.666 10.2381 10.6046 10.3865 10.4952 10.4959C10.3858 10.6053 10.2374 10.6668 10.0827 10.6668H1.91602C1.76131 10.6668 1.61293 10.6053 1.50354 10.4959C1.39414 10.3865 1.33268 10.2381 1.33268 10.0834V6.58344C1.33268 6.42873 1.27122 6.28035 1.16183 6.17096C1.05243 6.06156 0.904059 6.0001 0.749349 6.0001C0.594639 6.0001 0.446266 6.06156 0.33687 6.17096C0.227474 6.28035 0.166016 6.42873 0.166016 6.58344V10.0834C0.166016 10.5476 0.35039 10.9927 0.678579 11.3209C1.00677 11.6491 1.45189 11.8334 1.91602 11.8334H10.0827C10.5468 11.8334 10.9919 11.6491 11.3201 11.3209C11.6483 10.9927 11.8327 10.5476 11.8327 10.0834V6.58344C11.8327 6.42873 11.7712 6.28035 11.6618 6.17096C11.5524 6.06156 11.4041 6.0001 11.2494 6.0001Z" fill="currentColor"/>
118 </symbol> 118 </symbol>
119 119
120 <symbol id="back" viewBox="0 0 26 22" fill="none"> 120 <symbol id="back" viewBox="0 0 26 22" fill="none">
121 <path d="M11.3732 0.736447C11.5286 0.888039 11.6159 1.09353 11.6159 1.30778C11.6159 1.52204 11.5286 1.72753 11.3732 1.87912L2.83307 10.2012L25.1702 10.2012C25.3903 10.2012 25.6013 10.2864 25.757 10.438C25.9126 10.5897 26 10.7953 26 11.0097C26 11.2242 25.9126 11.4298 25.757 11.5814C25.6013 11.733 25.3903 11.8182 25.1702 11.8182L2.83307 11.8182L11.3732 20.1403C11.5198 20.2936 11.5996 20.4963 11.5958 20.7058C11.592 20.9152 11.5049 21.1151 11.3529 21.2632C11.2008 21.4113 10.9957 21.4962 10.7807 21.4999C10.5658 21.5036 10.3577 21.4258 10.2004 21.283L0.242681 11.5811C0.0872844 11.4295 1.2254e-07 11.224 1.25095e-07 11.0097C1.2765e-07 10.7955 0.0872845 10.59 0.242681 10.4384L10.2004 0.736447C10.356 0.585041 10.5669 0.5 10.7868 0.5C11.0067 0.5 11.2176 0.585041 11.3732 0.736447Z" fill="currentColor"/> 121 <path d="M11.3732 0.736447C11.5286 0.888039 11.6159 1.09353 11.6159 1.30778C11.6159 1.52204 11.5286 1.72753 11.3732 1.87912L2.83307 10.2012L25.1702 10.2012C25.3903 10.2012 25.6013 10.2864 25.757 10.438C25.9126 10.5897 26 10.7953 26 11.0097C26 11.2242 25.9126 11.4298 25.757 11.5814C25.6013 11.733 25.3903 11.8182 25.1702 11.8182L2.83307 11.8182L11.3732 20.1403C11.5198 20.2936 11.5996 20.4963 11.5958 20.7058C11.592 20.9152 11.5049 21.1151 11.3529 21.2632C11.2008 21.4113 10.9957 21.4962 10.7807 21.4999C10.5658 21.5036 10.3577 21.4258 10.2004 21.283L0.242681 11.5811C0.0872844 11.4295 1.2254e-07 11.224 1.25095e-07 11.0097C1.2765e-07 10.7955 0.0872845 10.59 0.242681 10.4384L10.2004 0.736447C10.356 0.585041 10.5669 0.5 10.7868 0.5C11.0067 0.5 11.2176 0.585041 11.3732 0.736447Z" fill="currentColor"/>
122 </symbol> 122 </symbol>
123 123
124 <symbol id="share" viewBox="0 0 12 12" fill="none"> 124 <symbol id="share" viewBox="0 0 12 12" fill="none">
125 <path d="M4.08116 3.4976L5.41699 2.15594V7.7501C5.41699 7.90481 5.47845 8.05318 5.58785 8.16258C5.69724 8.27198 5.84562 8.33344 6.00033 8.33344C6.15504 8.33344 6.30341 8.27198 6.4128 8.16258C6.5222 8.05318 6.58366 7.90481 6.58366 7.7501V2.15594L7.91949 3.4976C7.97372 3.55228 8.03824 3.59567 8.10932 3.62529C8.18041 3.6549 8.25665 3.67015 8.33366 3.67015C8.41067 3.67015 8.48691 3.6549 8.558 3.62529C8.62908 3.59567 8.6936 3.55228 8.74783 3.4976C8.8025 3.44337 8.8459 3.37886 8.87551 3.30777C8.90513 3.23669 8.92037 3.16044 8.92037 3.08344C8.92037 3.00643 8.90513 2.93018 8.87551 2.8591C8.8459 2.78801 8.8025 2.7235 8.74783 2.66927L6.41449 0.335936C6.35902 0.282829 6.2936 0.241199 6.22199 0.213436C6.07997 0.155092 5.92068 0.155092 5.77866 0.213436C5.70705 0.241199 5.64164 0.282829 5.58616 0.335936L3.25283 2.66927C3.19844 2.72366 3.15529 2.78823 3.12586 2.85929C3.09642 2.93035 3.08127 3.00652 3.08127 3.08344C3.08127 3.16035 3.09642 3.23652 3.12586 3.30758C3.15529 3.37864 3.19844 3.44321 3.25283 3.4976C3.30721 3.55199 3.37178 3.59514 3.44285 3.62457C3.51391 3.65401 3.59007 3.66916 3.66699 3.66916C3.74391 3.66916 3.82008 3.65401 3.89114 3.62457C3.9622 3.59514 4.02677 3.55199 4.08116 3.4976ZM11.2503 6.0001C11.0956 6.0001 10.9472 6.06156 10.8378 6.17096C10.7285 6.28035 10.667 6.42873 10.667 6.58344V10.0834C10.667 10.2381 10.6055 10.3865 10.4961 10.4959C10.3867 10.6053 10.2384 10.6668 10.0837 10.6668H1.91699C1.76228 10.6668 1.61391 10.6053 1.50451 10.4959C1.39512 10.3865 1.33366 10.2381 1.33366 10.0834V6.58344C1.33366 6.42873 1.2722 6.28035 1.1628 6.17096C1.05341 6.06156 0.905035 6.0001 0.750326 6.0001C0.595616 6.0001 0.447243 6.06156 0.337847 6.17096C0.22845 6.28035 0.166992 6.42873 0.166992 6.58344V10.0834C0.166992 10.5476 0.351367 10.9927 0.679555 11.3209C1.00774 11.6491 1.45286 11.8334 1.91699 11.8334H10.0837C10.5478 11.8334 10.9929 11.6491 11.3211 11.3209C11.6493 10.9927 11.8337 10.5476 11.8337 10.0834V6.58344C11.8337 6.42873 11.7722 6.28035 11.6628 6.17096C11.5534 6.06156 11.405 6.0001 11.2503 6.0001Z" fill="currentColor"/> 125 <path d="M4.08116 3.4976L5.41699 2.15594V7.7501C5.41699 7.90481 5.47845 8.05318 5.58785 8.16258C5.69724 8.27198 5.84562 8.33344 6.00033 8.33344C6.15504 8.33344 6.30341 8.27198 6.4128 8.16258C6.5222 8.05318 6.58366 7.90481 6.58366 7.7501V2.15594L7.91949 3.4976C7.97372 3.55228 8.03824 3.59567 8.10932 3.62529C8.18041 3.6549 8.25665 3.67015 8.33366 3.67015C8.41067 3.67015 8.48691 3.6549 8.558 3.62529C8.62908 3.59567 8.6936 3.55228 8.74783 3.4976C8.8025 3.44337 8.8459 3.37886 8.87551 3.30777C8.90513 3.23669 8.92037 3.16044 8.92037 3.08344C8.92037 3.00643 8.90513 2.93018 8.87551 2.8591C8.8459 2.78801 8.8025 2.7235 8.74783 2.66927L6.41449 0.335936C6.35902 0.282829 6.2936 0.241199 6.22199 0.213436C6.07997 0.155092 5.92068 0.155092 5.77866 0.213436C5.70705 0.241199 5.64164 0.282829 5.58616 0.335936L3.25283 2.66927C3.19844 2.72366 3.15529 2.78823 3.12586 2.85929C3.09642 2.93035 3.08127 3.00652 3.08127 3.08344C3.08127 3.16035 3.09642 3.23652 3.12586 3.30758C3.15529 3.37864 3.19844 3.44321 3.25283 3.4976C3.30721 3.55199 3.37178 3.59514 3.44285 3.62457C3.51391 3.65401 3.59007 3.66916 3.66699 3.66916C3.74391 3.66916 3.82008 3.65401 3.89114 3.62457C3.9622 3.59514 4.02677 3.55199 4.08116 3.4976ZM11.2503 6.0001C11.0956 6.0001 10.9472 6.06156 10.8378 6.17096C10.7285 6.28035 10.667 6.42873 10.667 6.58344V10.0834C10.667 10.2381 10.6055 10.3865 10.4961 10.4959C10.3867 10.6053 10.2384 10.6668 10.0837 10.6668H1.91699C1.76228 10.6668 1.61391 10.6053 1.50451 10.4959C1.39512 10.3865 1.33366 10.2381 1.33366 10.0834V6.58344C1.33366 6.42873 1.2722 6.28035 1.1628 6.17096C1.05341 6.06156 0.905035 6.0001 0.750326 6.0001C0.595616 6.0001 0.447243 6.06156 0.337847 6.17096C0.22845 6.28035 0.166992 6.42873 0.166992 6.58344V10.0834C0.166992 10.5476 0.351367 10.9927 0.679555 11.3209C1.00774 11.6491 1.45286 11.8334 1.91699 11.8334H10.0837C10.5478 11.8334 10.9929 11.6491 11.3211 11.3209C11.6493 10.9927 11.8337 10.5476 11.8337 10.0834V6.58344C11.8337 6.42873 11.7722 6.28035 11.6628 6.17096C11.5534 6.06156 11.405 6.0001 11.2503 6.0001Z" fill="currentColor"/>
126 </symbol> 126 </symbol>
127 127
128 <symbol id="clip" viewBox="0 0 11 16" fill="none"> 128 <symbol id="clip" viewBox="0 0 11 16" fill="none">
129 <path d="M1 5.02548V10.9091C1 12.0664 1.45153 13.1763 2.25526 13.9947C3.05898 14.813 4.14907 15.2727 5.28571 15.2727C6.42236 15.2727 7.51244 14.813 8.31617 13.9947C9.1199 13.1763 9.57143 12.0664 9.57143 10.9091V3.63639C9.57143 2.86485 9.27041 2.12491 8.73459 1.57935C8.19877 1.03379 7.47205 0.727295 6.71429 0.727295C5.95652 0.727295 5.2298 1.03379 4.69398 1.57935C4.15816 2.12491 3.85714 2.86485 3.85714 3.63639V10.3142C3.85714 10.5052 3.89409 10.6944 3.96589 10.8708C4.03768 11.0473 4.14291 11.2077 4.27556 11.3427C4.40822 11.4778 4.5657 11.5849 4.73902 11.658C4.91235 11.7311 5.09811 11.7687 5.28571 11.7687V11.7687C5.66459 11.7687 6.02796 11.6155 6.29587 11.3427C6.56378 11.0699 6.71429 10.7 6.71429 10.3142V5.09093" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 129 <path d="M1 5.02548V10.9091C1 12.0664 1.45153 13.1763 2.25526 13.9947C3.05898 14.813 4.14907 15.2727 5.28571 15.2727C6.42236 15.2727 7.51244 14.813 8.31617 13.9947C9.1199 13.1763 9.57143 12.0664 9.57143 10.9091V3.63639C9.57143 2.86485 9.27041 2.12491 8.73459 1.57935C8.19877 1.03379 7.47205 0.727295 6.71429 0.727295C5.95652 0.727295 5.2298 1.03379 4.69398 1.57935C4.15816 2.12491 3.85714 2.86485 3.85714 3.63639V10.3142C3.85714 10.5052 3.89409 10.6944 3.96589 10.8708C4.03768 11.0473 4.14291 11.2077 4.27556 11.3427C4.40822 11.4778 4.5657 11.5849 4.73902 11.658C4.91235 11.7311 5.09811 11.7687 5.28571 11.7687V11.7687C5.66459 11.7687 6.02796 11.6155 6.29587 11.3427C6.56378 11.0699 6.71429 10.7 6.71429 10.3142V5.09093" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
130 </symbol> 130 </symbol>
131 131
132 <symbol id="eye" viewBox="0 0 22 18" fill="none"> 132 <symbol id="eye" viewBox="0 0 22 18" fill="none">
133 <path d="M11.0011 15.4453C9.68623 15.4453 8.32842 15.1187 6.96201 14.4785C5.89209 13.9758 4.81357 13.2797 3.75654 12.4074C1.97334 10.9336 0.87334 9.47266 0.826074 9.4125C0.641309 9.16758 0.641309 8.83242 0.826074 8.5875C0.87334 8.52734 1.97334 7.06641 3.75654 5.59258C4.81357 4.72031 5.89209 4.02422 6.96201 3.52148C8.32842 2.88125 9.68623 2.55469 11.0011 2.55469C12.3159 2.55469 13.6737 2.88125 15.0401 3.52148C16.1101 4.02422 17.1886 4.72031 18.2456 5.59258C20.0288 7.06641 21.1331 8.52734 21.1761 8.5875C21.3608 8.83242 21.3608 9.16758 21.1761 9.4125C21.1288 9.47266 20.0288 10.9336 18.2456 12.4074C17.1886 13.2797 16.1101 13.9758 15.0401 14.4785C13.6737 15.1187 12.3159 15.4453 11.0011 15.4453ZM2.26123 9C3.33975 10.2762 6.90185 14.0703 11.0011 14.0703C15.1089 14.0703 18.6624 10.2762 19.7409 9C18.6624 7.72383 15.1003 3.92969 11.0011 3.92969C6.89326 3.92969 3.33975 7.72383 2.26123 9Z" fill="currentColor"/> 133 <path d="M11.0011 15.4453C9.68623 15.4453 8.32842 15.1187 6.96201 14.4785C5.89209 13.9758 4.81357 13.2797 3.75654 12.4074C1.97334 10.9336 0.87334 9.47266 0.826074 9.4125C0.641309 9.16758 0.641309 8.83242 0.826074 8.5875C0.87334 8.52734 1.97334 7.06641 3.75654 5.59258C4.81357 4.72031 5.89209 4.02422 6.96201 3.52148C8.32842 2.88125 9.68623 2.55469 11.0011 2.55469C12.3159 2.55469 13.6737 2.88125 15.0401 3.52148C16.1101 4.02422 17.1886 4.72031 18.2456 5.59258C20.0288 7.06641 21.1331 8.52734 21.1761 8.5875C21.3608 8.83242 21.3608 9.16758 21.1761 9.4125C21.1288 9.47266 20.0288 10.9336 18.2456 12.4074C17.1886 13.2797 16.1101 13.9758 15.0401 14.4785C13.6737 15.1187 12.3159 15.4453 11.0011 15.4453ZM2.26123 9C3.33975 10.2762 6.90185 14.0703 11.0011 14.0703C15.1089 14.0703 18.6624 10.2762 19.7409 9C18.6624 7.72383 15.1003 3.92969 11.0011 3.92969C6.89326 3.92969 3.33975 7.72383 2.26123 9Z" fill="currentColor"/>
134 <path d="M11 12.0938C9.29414 12.0938 7.90625 10.7059 7.90625 9C7.90625 7.29414 9.29414 5.90625 11 5.90625C12.7059 5.90625 14.0938 7.29414 14.0938 9C14.0938 10.7059 12.7059 12.0938 11 12.0938ZM11 7.28125C10.0504 7.28125 9.28125 8.05039 9.28125 9C9.28125 9.94961 10.0504 10.7188 11 10.7188C11.9496 10.7188 12.7188 9.94961 12.7188 9C12.7188 8.05039 11.9496 7.28125 11 7.28125Z" fill="currentColor"/> 134 <path d="M11 12.0938C9.29414 12.0938 7.90625 10.7059 7.90625 9C7.90625 7.29414 9.29414 5.90625 11 5.90625C12.7059 5.90625 14.0938 7.29414 14.0938 9C14.0938 10.7059 12.7059 12.0938 11 12.0938ZM11 7.28125C10.0504 7.28125 9.28125 8.05039 9.28125 9C9.28125 9.94961 10.0504 10.7188 11 10.7188C11.9496 10.7188 12.7188 9.94961 12.7188 9C12.7188 8.05039 11.9496 7.28125 11 7.28125Z" fill="currentColor"/>
135 <g filter="url(#filter0_d_660_17902)"> 135 <g filter="url(#filter0_d_660_17902)">
136 <rect x="16" width="1" height="20" rx="0.5" transform="rotate(30 16 0)" fill="currentColor"/> 136 <rect x="16" width="1" height="20" rx="0.5" transform="rotate(30 16 0)" fill="currentColor"/>
137 </g> 137 </g>
138 <defs> 138 <defs>
139 <filter id="filter0_d_660_17902" x="6.18359" y="0.182861" width="11.5" height="17.4548" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 139 <filter id="filter0_d_660_17902" x="6.18359" y="0.182861" width="11.5" height="17.4548" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
140 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 140 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
141 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> 141 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
142 <feOffset dx="1"/> 142 <feOffset dx="1"/>
143 <feComposite in2="hardAlpha" operator="out"/> 143 <feComposite in2="hardAlpha" operator="out"/>
144 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/> 144 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
145 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_660_17902"/> 145 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_660_17902"/>
146 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_660_17902" result="shape"/> 146 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_660_17902" result="shape"/>
147 </filter> 147 </filter>
148 </defs> 148 </defs>
149 </symbol> 149 </symbol>
150 150
151 <symbol id="eye-2" viewBox="0 0 640 512" fill="none"> 151 <symbol id="eye-2" viewBox="0 0 640 512" fill="none">
152 <path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z" fill="currentColor"/> 152 <path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z" fill="currentColor"/>
153 </symbol> 153 </symbol>
154 154
155 <symbol id="eye-3" viewBox="0 0 42 28" fill="none"> 155 <symbol id="eye-3" viewBox="0 0 42 28" fill="none">
156 <path d="M41.1916 13.5823C41.1332 13.4483 39.7032 10.2772 36.5098 7.08375C33.5466 4.12406 28.4557 0.59375 20.9998 0.59375C13.5438 0.59375 8.45287 4.12406 5.48975 7.08375C2.29631 10.2772 0.866312 13.4431 0.807874 13.5823C0.749114 13.7143 0.71875 13.8572 0.71875 14.0017C0.71875 14.1462 0.749114 14.2891 0.807874 14.4211C0.866312 14.5534 2.29631 17.7245 5.48975 20.918C8.45287 23.8777 13.5438 27.4062 20.9998 27.4062C28.4557 27.4062 33.5466 23.8777 36.5098 20.918C39.7032 17.7245 41.1332 14.5586 41.1916 14.4211C41.2504 14.2891 41.2807 14.1462 41.2807 14.0017C41.2807 13.8572 41.2504 13.7143 41.1916 13.5823ZM20.9998 25.3438C15.6063 25.3438 10.8969 23.3809 7.00053 19.512C5.36716 17.8888 3.98498 16.031 2.89959 14C3.98467 11.9693 5.36689 10.1121 7.00053 8.48969C10.8969 4.61906 15.6063 2.65625 20.9998 2.65625C26.3932 2.65625 31.1026 4.61906 34.999 8.48969C36.6326 10.1121 38.0148 11.9693 39.0999 14C38.0051 16.0986 32.5154 25.3438 20.9998 25.3438ZM20.9998 6.09375C19.436 6.09375 17.9074 6.55744 16.6073 7.42619C15.3071 8.29494 14.2937 9.52973 13.6953 10.9744C13.0969 12.4191 12.9404 14.0088 13.2454 15.5424C13.5505 17.0761 14.3035 18.4849 15.4092 19.5906C16.5149 20.6963 17.9237 21.4493 19.4573 21.7543C20.991 22.0594 22.5807 21.9028 24.0253 21.3044C25.47 20.706 26.7048 19.6927 27.5736 18.3925C28.4423 17.0923 28.906 15.5637 28.906 14C28.9033 11.904 28.0694 9.89457 26.5873 8.41245C25.1052 6.93033 23.0958 6.09648 20.9998 6.09375ZM20.9998 19.8438C19.844 19.8438 18.7141 19.501 17.7531 18.8589C16.7921 18.2168 16.0431 17.3041 15.6008 16.2363C15.1585 15.1685 15.0428 13.9935 15.2683 12.8599C15.4938 11.7264 16.0503 10.6851 16.8676 9.86784C17.6849 9.05058 18.7261 8.49402 19.8597 8.26854C20.9933 8.04305 22.1682 8.15878 23.2361 8.60108C24.3039 9.04338 25.2165 9.79239 25.8587 10.7534C26.5008 11.7144 26.8435 12.8442 26.8435 14C26.8435 15.5499 26.2278 17.0362 25.1319 18.1322C24.036 19.2281 22.5496 19.8438 20.9998 19.8438Z" fill="currentColor"/> 156 <path d="M41.1916 13.5823C41.1332 13.4483 39.7032 10.2772 36.5098 7.08375C33.5466 4.12406 28.4557 0.59375 20.9998 0.59375C13.5438 0.59375 8.45287 4.12406 5.48975 7.08375C2.29631 10.2772 0.866312 13.4431 0.807874 13.5823C0.749114 13.7143 0.71875 13.8572 0.71875 14.0017C0.71875 14.1462 0.749114 14.2891 0.807874 14.4211C0.866312 14.5534 2.29631 17.7245 5.48975 20.918C8.45287 23.8777 13.5438 27.4062 20.9998 27.4062C28.4557 27.4062 33.5466 23.8777 36.5098 20.918C39.7032 17.7245 41.1332 14.5586 41.1916 14.4211C41.2504 14.2891 41.2807 14.1462 41.2807 14.0017C41.2807 13.8572 41.2504 13.7143 41.1916 13.5823ZM20.9998 25.3438C15.6063 25.3438 10.8969 23.3809 7.00053 19.512C5.36716 17.8888 3.98498 16.031 2.89959 14C3.98467 11.9693 5.36689 10.1121 7.00053 8.48969C10.8969 4.61906 15.6063 2.65625 20.9998 2.65625C26.3932 2.65625 31.1026 4.61906 34.999 8.48969C36.6326 10.1121 38.0148 11.9693 39.0999 14C38.0051 16.0986 32.5154 25.3438 20.9998 25.3438ZM20.9998 6.09375C19.436 6.09375 17.9074 6.55744 16.6073 7.42619C15.3071 8.29494 14.2937 9.52973 13.6953 10.9744C13.0969 12.4191 12.9404 14.0088 13.2454 15.5424C13.5505 17.0761 14.3035 18.4849 15.4092 19.5906C16.5149 20.6963 17.9237 21.4493 19.4573 21.7543C20.991 22.0594 22.5807 21.9028 24.0253 21.3044C25.47 20.706 26.7048 19.6927 27.5736 18.3925C28.4423 17.0923 28.906 15.5637 28.906 14C28.9033 11.904 28.0694 9.89457 26.5873 8.41245C25.1052 6.93033 23.0958 6.09648 20.9998 6.09375ZM20.9998 19.8438C19.844 19.8438 18.7141 19.501 17.7531 18.8589C16.7921 18.2168 16.0431 17.3041 15.6008 16.2363C15.1585 15.1685 15.0428 13.9935 15.2683 12.8599C15.4938 11.7264 16.0503 10.6851 16.8676 9.86784C17.6849 9.05058 18.7261 8.49402 19.8597 8.26854C20.9933 8.04305 22.1682 8.15878 23.2361 8.60108C24.3039 9.04338 25.2165 9.79239 25.8587 10.7534C26.5008 11.7144 26.8435 12.8442 26.8435 14C26.8435 15.5499 26.2278 17.0362 25.1319 18.1322C24.036 19.2281 22.5496 19.8438 20.9998 19.8438Z" fill="currentColor"/>
157 </symbol> 157 </symbol>
158 158
159 <symbol id="cabinet-1" viewBox="0 0 22 21" fill="none"> 159 <symbol id="cabinet-1" viewBox="0 0 22 21" fill="none">
160 <path d="M7.33333 1.46667C8.05853 1.46667 8.76744 1.68171 9.37042 2.08461C9.9734 2.48751 10.4434 3.06016 10.7209 3.73016C10.9984 4.40016 11.071 5.1374 10.9295 5.84866C10.7881 6.55993 10.4389 7.21327 9.92606 7.72606C9.41327 8.23885 8.75993 8.58807 8.04867 8.72955C7.3374 8.87103 6.60016 8.79841 5.93016 8.52089C5.26017 8.24337 4.68751 7.7734 4.28461 7.17042C3.88171 6.56744 3.66667 5.85853 3.66667 5.13333C3.66667 4.16087 4.05298 3.22824 4.74061 2.54061C5.42824 1.85298 6.36087 1.46667 7.33333 1.46667ZM7.33333 0C6.31806 0 5.32558 0.301065 4.48141 0.865123C3.63723 1.42918 2.97928 2.2309 2.59075 3.16889C2.20222 4.10689 2.10056 5.13903 2.29864 6.1348C2.49671 7.13057 2.98561 8.04524 3.70352 8.76315C4.42143 9.48106 5.3361 9.96996 6.33187 10.168C7.32764 10.3661 8.35978 10.2644 9.29778 9.87591C10.2358 9.48738 11.0375 8.82943 11.6015 7.98526C12.1656 7.14109 12.4667 6.14861 12.4667 5.13333C12.4667 3.77189 11.9258 2.46621 10.9631 1.50352C10.0005 0.540832 8.69478 0 7.33333 0ZM14.6667 20.5333H13.2V16.8667C13.2 15.8942 12.8137 14.9616 12.1261 14.2739C11.4384 13.5863 10.5058 13.2 9.53333 13.2H5.13333C4.16087 13.2 3.22824 13.5863 2.54061 14.2739C1.85298 14.9616 1.46667 15.8942 1.46667 16.8667V20.5333H0V16.8667C0 15.5052 0.540832 14.1995 1.50352 13.2369C2.46621 12.2742 3.77189 11.7333 5.13333 11.7333H9.53333C10.8948 11.7333 12.2005 12.2742 13.1631 13.2369C14.1258 14.1995 14.6667 15.5052 14.6667 16.8667V20.5333ZM14.6667 1.46667H22V2.93333H14.6667V1.46667ZM14.6667 5.13333H22V6.6H14.6667V5.13333ZM14.6667 8.8H19.8V10.2667H14.6667V8.8Z" fill="currentColor"/> 160 <path d="M7.33333 1.46667C8.05853 1.46667 8.76744 1.68171 9.37042 2.08461C9.9734 2.48751 10.4434 3.06016 10.7209 3.73016C10.9984 4.40016 11.071 5.1374 10.9295 5.84866C10.7881 6.55993 10.4389 7.21327 9.92606 7.72606C9.41327 8.23885 8.75993 8.58807 8.04867 8.72955C7.3374 8.87103 6.60016 8.79841 5.93016 8.52089C5.26017 8.24337 4.68751 7.7734 4.28461 7.17042C3.88171 6.56744 3.66667 5.85853 3.66667 5.13333C3.66667 4.16087 4.05298 3.22824 4.74061 2.54061C5.42824 1.85298 6.36087 1.46667 7.33333 1.46667ZM7.33333 0C6.31806 0 5.32558 0.301065 4.48141 0.865123C3.63723 1.42918 2.97928 2.2309 2.59075 3.16889C2.20222 4.10689 2.10056 5.13903 2.29864 6.1348C2.49671 7.13057 2.98561 8.04524 3.70352 8.76315C4.42143 9.48106 5.3361 9.96996 6.33187 10.168C7.32764 10.3661 8.35978 10.2644 9.29778 9.87591C10.2358 9.48738 11.0375 8.82943 11.6015 7.98526C12.1656 7.14109 12.4667 6.14861 12.4667 5.13333C12.4667 3.77189 11.9258 2.46621 10.9631 1.50352C10.0005 0.540832 8.69478 0 7.33333 0ZM14.6667 20.5333H13.2V16.8667C13.2 15.8942 12.8137 14.9616 12.1261 14.2739C11.4384 13.5863 10.5058 13.2 9.53333 13.2H5.13333C4.16087 13.2 3.22824 13.5863 2.54061 14.2739C1.85298 14.9616 1.46667 15.8942 1.46667 16.8667V20.5333H0V16.8667C0 15.5052 0.540832 14.1995 1.50352 13.2369C2.46621 12.2742 3.77189 11.7333 5.13333 11.7333H9.53333C10.8948 11.7333 12.2005 12.2742 13.1631 13.2369C14.1258 14.1995 14.6667 15.5052 14.6667 16.8667V20.5333ZM14.6667 1.46667H22V2.93333H14.6667V1.46667ZM14.6667 5.13333H22V6.6H14.6667V5.13333ZM14.6667 8.8H19.8V10.2667H14.6667V8.8Z" fill="currentColor"/>
161 </symbol> 161 </symbol>
162 162
163 <symbol id="cabinet-2" viewBox="0 0 21 21" fill="none"> 163 <symbol id="cabinet-2" viewBox="0 0 21 21" fill="none">
164 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/> 164 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/>
165 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/> 165 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/>
166 <rect x="11" width="10" height="8" fill="white"/> 166 <rect x="11" width="10" height="8" fill="white"/>
167 <path d="M19.875 2.75H17.125V0H15.75V2.75H13V4.125H15.75V6.875H17.125V4.125H19.875V2.75Z" fill="currentColor"/> 167 <path d="M19.875 2.75H17.125V0H15.75V2.75H13V4.125H15.75V6.875H17.125V4.125H19.875V2.75Z" fill="currentColor"/>
168 </symbol> 168 </symbol>
169 169
170 <symbol id="cabinet-3" viewBox="0 0 21 21" fill="none"> 170 <symbol id="cabinet-3" viewBox="0 0 21 21" fill="none">
171 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/> 171 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/>
172 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/> 172 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/>
173 </symbol> 173 </symbol>
174 174
175 <symbol id="cabinet-4" viewBox="0 0 20 21" fill="none"> 175 <symbol id="cabinet-4" viewBox="0 0 20 21" fill="none">
176 <path d="M10 15.125C9.28779 15.1239 8.588 14.9384 7.96874 14.5866C7.34948 14.2349 6.83185 13.7287 6.46625 13.1175L5.29063 13.805C5.78008 14.6163 6.47083 15.2874 7.29593 15.7533C8.12103 16.2191 9.05248 16.4639 10 16.4639C10.9475 16.4639 11.879 16.2191 12.7041 15.7533C13.5292 15.2874 14.2199 14.6163 14.7094 13.805L13.5338 13.1175C13.1681 13.7287 12.6505 14.2349 12.0313 14.5866C11.412 14.9384 10.7122 15.1239 10 15.125ZM19.625 2.75H16.875V0H15.5V2.75H12.75V4.125H15.5V6.875H16.875V4.125H19.625V2.75ZM6.90625 7.5625C6.56631 7.5625 6.23401 7.6633 5.95136 7.85216C5.66872 8.04102 5.44842 8.30945 5.31833 8.62351C5.18824 8.93757 5.15421 9.28316 5.22053 9.61656C5.28684 9.94997 5.45054 10.2562 5.69091 10.4966C5.93128 10.737 6.23753 10.9007 6.57094 10.967C6.90434 11.0333 7.24993 10.9993 7.56399 10.8692C7.87805 10.7391 8.14648 10.5188 8.33534 10.2361C8.5242 9.95349 8.625 9.62119 8.625 9.28125C8.62683 9.05503 8.58363 8.83071 8.4979 8.62135C8.41217 8.412 8.28564 8.22179 8.12567 8.06183C7.96571 7.90186 7.77551 7.77533 7.56615 7.6896C7.35679 7.60387 7.13247 7.56067 6.90625 7.5625ZM13.0938 7.5625C12.7538 7.5625 12.4215 7.6633 12.1389 7.85216C11.8562 8.04102 11.6359 8.30945 11.5058 8.62351C11.3757 8.93757 11.3417 9.28316 11.408 9.61656C11.4743 9.94997 11.638 10.2562 11.8784 10.4966C12.1188 10.737 12.425 10.9007 12.7584 10.967C13.0918 11.0333 13.4374 10.9993 13.7515 10.8692C14.0655 10.7391 14.334 10.5188 14.5228 10.2361C14.7117 9.95349 14.8125 9.62119 14.8125 9.28125C14.8143 9.05503 14.7711 8.83071 14.6854 8.62135C14.5997 8.412 14.4731 8.22179 14.3132 8.06183C14.1532 7.90186 13.963 7.77533 13.7536 7.6896C13.5443 7.60387 13.32 7.56067 13.0938 7.5625Z" fill="currentColor"/> 176 <path d="M10 15.125C9.28779 15.1239 8.588 14.9384 7.96874 14.5866C7.34948 14.2349 6.83185 13.7287 6.46625 13.1175L5.29063 13.805C5.78008 14.6163 6.47083 15.2874 7.29593 15.7533C8.12103 16.2191 9.05248 16.4639 10 16.4639C10.9475 16.4639 11.879 16.2191 12.7041 15.7533C13.5292 15.2874 14.2199 14.6163 14.7094 13.805L13.5338 13.1175C13.1681 13.7287 12.6505 14.2349 12.0313 14.5866C11.412 14.9384 10.7122 15.1239 10 15.125ZM19.625 2.75H16.875V0H15.5V2.75H12.75V4.125H15.5V6.875H16.875V4.125H19.625V2.75ZM6.90625 7.5625C6.56631 7.5625 6.23401 7.6633 5.95136 7.85216C5.66872 8.04102 5.44842 8.30945 5.31833 8.62351C5.18824 8.93757 5.15421 9.28316 5.22053 9.61656C5.28684 9.94997 5.45054 10.2562 5.69091 10.4966C5.93128 10.737 6.23753 10.9007 6.57094 10.967C6.90434 11.0333 7.24993 10.9993 7.56399 10.8692C7.87805 10.7391 8.14648 10.5188 8.33534 10.2361C8.5242 9.95349 8.625 9.62119 8.625 9.28125C8.62683 9.05503 8.58363 8.83071 8.4979 8.62135C8.41217 8.412 8.28564 8.22179 8.12567 8.06183C7.96571 7.90186 7.77551 7.77533 7.56615 7.6896C7.35679 7.60387 7.13247 7.56067 6.90625 7.5625ZM13.0938 7.5625C12.7538 7.5625 12.4215 7.6633 12.1389 7.85216C11.8562 8.04102 11.6359 8.30945 11.5058 8.62351C11.3757 8.93757 11.3417 9.28316 11.408 9.61656C11.4743 9.94997 11.638 10.2562 11.8784 10.4966C12.1188 10.737 12.425 10.9007 12.7584 10.967C13.0918 11.0333 13.4374 10.9993 13.7515 10.8692C14.0655 10.7391 14.334 10.5188 14.5228 10.2361C14.7117 9.95349 14.8125 9.62119 14.8125 9.28125C14.8143 9.05503 14.7711 8.83071 14.6854 8.62135C14.5997 8.412 14.4731 8.22179 14.3132 8.06183C14.1532 7.90186 13.963 7.77533 13.7536 7.6896C13.5443 7.60387 13.32 7.56067 13.0938 7.5625Z" fill="currentColor"/>
177 <path d="M17.9813 8.9375C18.155 9.61139 18.245 10.3041 18.2494 11C18.2494 12.6317 17.7655 14.2267 16.859 15.5835C15.9525 16.9402 14.664 17.9976 13.1565 18.622C11.649 19.2464 9.99024 19.4098 8.3899 19.0915C6.78955 18.7731 5.31954 17.9874 4.16576 16.8336C3.01198 15.6798 2.22624 14.2098 1.90791 12.6095C1.58958 11.0092 1.75296 9.35035 2.37738 7.84286C3.00181 6.33537 4.05923 5.0469 5.41594 4.14038C6.77264 3.23385 8.36769 2.75 9.99939 2.75V1.375C8.007 1.37432 6.0635 1.99195 4.43702 3.14269C2.81055 4.29343 1.58126 5.92055 0.918766 7.79957C0.256272 9.67859 0.193223 11.7169 0.738315 13.6333C1.28341 15.5497 2.40978 17.2496 3.96202 18.4987C5.51427 19.7478 7.41588 20.4843 9.4045 20.6068C11.3931 20.7293 13.3707 20.2316 15.0645 19.1824C16.7583 18.1332 18.0847 16.5843 18.8608 14.7493C19.6369 12.9143 19.8245 10.8836 19.3975 8.9375H17.9813Z" fill="currentColor"/> 177 <path d="M17.9813 8.9375C18.155 9.61139 18.245 10.3041 18.2494 11C18.2494 12.6317 17.7655 14.2267 16.859 15.5835C15.9525 16.9402 14.664 17.9976 13.1565 18.622C11.649 19.2464 9.99024 19.4098 8.3899 19.0915C6.78955 18.7731 5.31954 17.9874 4.16576 16.8336C3.01198 15.6798 2.22624 14.2098 1.90791 12.6095C1.58958 11.0092 1.75296 9.35035 2.37738 7.84286C3.00181 6.33537 4.05923 5.0469 5.41594 4.14038C6.77264 3.23385 8.36769 2.75 9.99939 2.75V1.375C8.007 1.37432 6.0635 1.99195 4.43702 3.14269C2.81055 4.29343 1.58126 5.92055 0.918766 7.79957C0.256272 9.67859 0.193223 11.7169 0.738315 13.6333C1.28341 15.5497 2.40978 17.2496 3.96202 18.4987C5.51427 19.7478 7.41588 20.4843 9.4045 20.6068C11.3931 20.7293 13.3707 20.2316 15.0645 19.1824C16.7583 18.1332 18.0847 16.5843 18.8608 14.7493C19.6369 12.9143 19.8245 10.8836 19.3975 8.9375H17.9813Z" fill="currentColor"/>
178 </symbol> 178 </symbol>
179 179
180 <symbol id="cabinet-5" viewBox="0 0 20 19" fill="none"> 180 <symbol id="cabinet-5" viewBox="0 0 20 19" fill="none">
181 <path d="M11.1962 18.625L10 17.9375L12.75 13.125H16.875C17.2397 13.125 17.5894 12.9801 17.8473 12.7223C18.1051 12.4644 18.25 12.1147 18.25 11.75V3.5C18.25 3.13533 18.1051 2.78559 17.8473 2.52773C17.5894 2.26987 17.2397 2.125 16.875 2.125H3.125C2.76033 2.125 2.41059 2.26987 2.15273 2.52773C1.89487 2.78559 1.75 3.13533 1.75 3.5V11.75C1.75 12.1147 1.89487 12.4644 2.15273 12.7223C2.41059 12.9801 2.76033 13.125 3.125 13.125H9.3125V14.5H3.125C2.39565 14.5 1.69618 14.2103 1.18046 13.6945C0.664731 13.1788 0.375 12.4793 0.375 11.75V3.5C0.375 2.77065 0.664731 2.07118 1.18046 1.55546C1.69618 1.03973 2.39565 0.75 3.125 0.75H16.875C17.6043 0.75 18.3038 1.03973 18.8195 1.55546C19.3353 2.07118 19.625 2.77065 19.625 3.5V11.75C19.625 12.4793 19.3353 13.1788 18.8195 13.6945C18.3038 14.2103 17.6043 14.5 16.875 14.5H13.5475L11.1962 18.625Z" fill="currentColor"/> 181 <path d="M11.1962 18.625L10 17.9375L12.75 13.125H16.875C17.2397 13.125 17.5894 12.9801 17.8473 12.7223C18.1051 12.4644 18.25 12.1147 18.25 11.75V3.5C18.25 3.13533 18.1051 2.78559 17.8473 2.52773C17.5894 2.26987 17.2397 2.125 16.875 2.125H3.125C2.76033 2.125 2.41059 2.26987 2.15273 2.52773C1.89487 2.78559 1.75 3.13533 1.75 3.5V11.75C1.75 12.1147 1.89487 12.4644 2.15273 12.7223C2.41059 12.9801 2.76033 13.125 3.125 13.125H9.3125V14.5H3.125C2.39565 14.5 1.69618 14.2103 1.18046 13.6945C0.664731 13.1788 0.375 12.4793 0.375 11.75V3.5C0.375 2.77065 0.664731 2.07118 1.18046 1.55546C1.69618 1.03973 2.39565 0.75 3.125 0.75H16.875C17.6043 0.75 18.3038 1.03973 18.8195 1.55546C19.3353 2.07118 19.625 2.77065 19.625 3.5V11.75C19.625 12.4793 19.3353 13.1788 18.8195 13.6945C18.3038 14.2103 17.6043 14.5 16.875 14.5H13.5475L11.1962 18.625Z" fill="currentColor"/>
182 <path d="M4.5 4.875H15.5V6.25H4.5V4.875ZM4.5 9H11.375V10.375H4.5V9Z" fill="currentColor"/> 182 <path d="M4.5 4.875H15.5V6.25H4.5V4.875ZM4.5 9H11.375V10.375H4.5V9Z" fill="currentColor"/>
183 </symbol> 183 </symbol>
184 184
185 <symbol id="cabinet-6" viewBox="0 0 20 21" fill="none"> 185 <symbol id="cabinet-6" viewBox="0 0 20 21" fill="none">
186 <path d="M5.87535 20.3125H3.12535C2.76101 20.3114 2.4119 20.1662 2.15428 19.9086C1.89665 19.6509 1.75143 19.3018 1.75035 18.9375V14.125C1.38601 14.1239 1.0369 13.9787 0.779277 13.7211C0.52165 13.4634 0.376435 13.1143 0.375347 12.75V8.625C0.370309 8.35276 0.420216 8.08231 0.522082 7.8298C0.623949 7.57728 0.775685 7.34791 0.968219 7.15537C1.16075 6.96284 1.39013 6.8111 1.64264 6.70924C1.89515 6.60737 2.16561 6.55746 2.43785 6.5625H6.56285C6.83508 6.55746 7.10554 6.60737 7.35805 6.70924C7.61056 6.8111 7.83994 6.96284 8.03247 7.15537C8.22501 7.34791 8.37674 7.57728 8.47861 7.8298C8.58048 8.08231 8.63038 8.35276 8.62535 8.625V12.75C8.62426 13.1143 8.47904 13.4634 8.22142 13.7211C7.96379 13.9787 7.61469 14.1239 7.25035 14.125V18.9375C7.24926 19.3018 7.10404 19.6509 6.84642 19.9086C6.58879 20.1662 6.23969 20.3114 5.87535 20.3125ZM2.43785 7.9375C2.34612 7.93199 2.25428 7.94599 2.16837 7.97859C2.08246 8.01119 2.00444 8.06165 1.93946 8.12662C1.87449 8.19159 1.82404 8.26961 1.79144 8.35552C1.75884 8.44143 1.74483 8.53328 1.75035 8.625V12.75H3.12535V18.9375H5.87535V12.75H7.25035V8.625C7.25586 8.53328 7.24186 8.44143 7.20926 8.35552C7.17666 8.26961 7.1262 8.19159 7.06123 8.12662C6.99625 8.06165 6.91824 8.01119 6.83233 7.97859C6.74642 7.94599 6.65457 7.93199 6.56285 7.9375H2.43785ZM4.50035 5.875C3.95645 5.875 3.42476 5.71372 2.97253 5.41154C2.52029 5.10937 2.16782 4.67988 1.95968 4.17738C1.75154 3.67488 1.69708 3.12195 1.80319 2.5885C1.9093 2.05506 2.17121 1.56505 2.5558 1.18046C2.9404 0.795863 3.4304 0.533951 3.96385 0.427842C4.4973 0.321732 5.05023 0.376192 5.55273 0.584333C6.05522 0.792473 6.48471 1.14495 6.78689 1.59718C7.08906 2.04942 7.25035 2.5811 7.25035 3.125C7.24944 3.85407 6.95941 4.55301 6.44389 5.06854C5.92836 5.58407 5.22941 5.87409 4.50035 5.875ZM4.50035 1.75C4.2284 1.75 3.96256 1.83064 3.73644 1.98173C3.51032 2.13282 3.33408 2.34756 3.23001 2.59881C3.12594 2.85006 3.09871 3.12653 3.15177 3.39325C3.20482 3.65997 3.33578 3.90498 3.52807 4.09727C3.72037 4.28957 3.96537 4.42053 4.2321 4.47358C4.49882 4.52664 4.77529 4.49941 5.02654 4.39534C5.27778 4.29127 5.49253 4.11503 5.64362 3.88891C5.7947 3.66279 5.87535 3.39695 5.87535 3.125C5.87498 2.76044 5.73 2.41092 5.47222 2.15313C5.21443 1.89535 4.86491 1.75037 4.50035 1.75ZM18.777 1.926C18.2599 1.40061 17.562 1.09217 16.8254 1.06355C16.0888 1.03494 15.3691 1.2883 14.8128 1.772C14.2566 1.2883 13.5368 1.03494 12.8003 1.06355C12.0637 1.09217 11.3658 1.40061 10.8487 1.926C10.3052 2.48097 10.0008 3.22683 10.0008 4.00363C10.0008 4.78042 10.3052 5.52628 10.8487 6.08125L14.8115 10.0963L14.8128 10.0949L14.8142 10.0956L18.777 6.08125C19.3205 5.52628 19.6249 4.78042 19.6249 4.00363C19.6249 3.22683 19.3205 2.48097 18.777 1.926ZM17.798 5.11531L14.8142 8.13825L14.8128 8.13688L14.8115 8.13825L11.8277 5.11531C11.5364 4.81862 11.3732 4.41943 11.3732 4.00363C11.3732 3.58782 11.5364 3.18863 11.8277 2.89194C12.1182 2.60955 12.5074 2.45157 12.9126 2.45157C13.3178 2.45157 13.7069 2.60955 13.9975 2.89194L14.8094 3.72175L14.8128 3.71831L14.8163 3.72175L15.6275 2.89194C15.9181 2.60934 16.3074 2.45123 16.7128 2.45123C17.1181 2.45123 17.5074 2.60934 17.798 2.89194C18.0893 3.18863 18.2525 3.58782 18.2525 4.00363C18.2525 4.41943 18.0893 4.81862 17.798 5.11531Z" fill="currentColor"/> 186 <path d="M5.87535 20.3125H3.12535C2.76101 20.3114 2.4119 20.1662 2.15428 19.9086C1.89665 19.6509 1.75143 19.3018 1.75035 18.9375V14.125C1.38601 14.1239 1.0369 13.9787 0.779277 13.7211C0.52165 13.4634 0.376435 13.1143 0.375347 12.75V8.625C0.370309 8.35276 0.420216 8.08231 0.522082 7.8298C0.623949 7.57728 0.775685 7.34791 0.968219 7.15537C1.16075 6.96284 1.39013 6.8111 1.64264 6.70924C1.89515 6.60737 2.16561 6.55746 2.43785 6.5625H6.56285C6.83508 6.55746 7.10554 6.60737 7.35805 6.70924C7.61056 6.8111 7.83994 6.96284 8.03247 7.15537C8.22501 7.34791 8.37674 7.57728 8.47861 7.8298C8.58048 8.08231 8.63038 8.35276 8.62535 8.625V12.75C8.62426 13.1143 8.47904 13.4634 8.22142 13.7211C7.96379 13.9787 7.61469 14.1239 7.25035 14.125V18.9375C7.24926 19.3018 7.10404 19.6509 6.84642 19.9086C6.58879 20.1662 6.23969 20.3114 5.87535 20.3125ZM2.43785 7.9375C2.34612 7.93199 2.25428 7.94599 2.16837 7.97859C2.08246 8.01119 2.00444 8.06165 1.93946 8.12662C1.87449 8.19159 1.82404 8.26961 1.79144 8.35552C1.75884 8.44143 1.74483 8.53328 1.75035 8.625V12.75H3.12535V18.9375H5.87535V12.75H7.25035V8.625C7.25586 8.53328 7.24186 8.44143 7.20926 8.35552C7.17666 8.26961 7.1262 8.19159 7.06123 8.12662C6.99625 8.06165 6.91824 8.01119 6.83233 7.97859C6.74642 7.94599 6.65457 7.93199 6.56285 7.9375H2.43785ZM4.50035 5.875C3.95645 5.875 3.42476 5.71372 2.97253 5.41154C2.52029 5.10937 2.16782 4.67988 1.95968 4.17738C1.75154 3.67488 1.69708 3.12195 1.80319 2.5885C1.9093 2.05506 2.17121 1.56505 2.5558 1.18046C2.9404 0.795863 3.4304 0.533951 3.96385 0.427842C4.4973 0.321732 5.05023 0.376192 5.55273 0.584333C6.05522 0.792473 6.48471 1.14495 6.78689 1.59718C7.08906 2.04942 7.25035 2.5811 7.25035 3.125C7.24944 3.85407 6.95941 4.55301 6.44389 5.06854C5.92836 5.58407 5.22941 5.87409 4.50035 5.875ZM4.50035 1.75C4.2284 1.75 3.96256 1.83064 3.73644 1.98173C3.51032 2.13282 3.33408 2.34756 3.23001 2.59881C3.12594 2.85006 3.09871 3.12653 3.15177 3.39325C3.20482 3.65997 3.33578 3.90498 3.52807 4.09727C3.72037 4.28957 3.96537 4.42053 4.2321 4.47358C4.49882 4.52664 4.77529 4.49941 5.02654 4.39534C5.27778 4.29127 5.49253 4.11503 5.64362 3.88891C5.7947 3.66279 5.87535 3.39695 5.87535 3.125C5.87498 2.76044 5.73 2.41092 5.47222 2.15313C5.21443 1.89535 4.86491 1.75037 4.50035 1.75ZM18.777 1.926C18.2599 1.40061 17.562 1.09217 16.8254 1.06355C16.0888 1.03494 15.3691 1.2883 14.8128 1.772C14.2566 1.2883 13.5368 1.03494 12.8003 1.06355C12.0637 1.09217 11.3658 1.40061 10.8487 1.926C10.3052 2.48097 10.0008 3.22683 10.0008 4.00363C10.0008 4.78042 10.3052 5.52628 10.8487 6.08125L14.8115 10.0963L14.8128 10.0949L14.8142 10.0956L18.777 6.08125C19.3205 5.52628 19.6249 4.78042 19.6249 4.00363C19.6249 3.22683 19.3205 2.48097 18.777 1.926ZM17.798 5.11531L14.8142 8.13825L14.8128 8.13688L14.8115 8.13825L11.8277 5.11531C11.5364 4.81862 11.3732 4.41943 11.3732 4.00363C11.3732 3.58782 11.5364 3.18863 11.8277 2.89194C12.1182 2.60955 12.5074 2.45157 12.9126 2.45157C13.3178 2.45157 13.7069 2.60955 13.9975 2.89194L14.8094 3.72175L14.8128 3.71831L14.8163 3.72175L15.6275 2.89194C15.9181 2.60934 16.3074 2.45123 16.7128 2.45123C17.1181 2.45123 17.5074 2.60934 17.798 2.89194C18.0893 3.18863 18.2525 3.58782 18.2525 4.00363C18.2525 4.41943 18.0893 4.81862 17.798 5.11531Z" fill="currentColor"/>
187 </symbol> 187 </symbol>
188 188
189 <symbol id="cabinet-7" viewBox="0 0 17 20" fill="none"> 189 <symbol id="cabinet-7" viewBox="0 0 17 20" fill="none">
190 <path d="M3.54036 17.8573C3.93157 17.8573 4.2487 17.5375 4.2487 17.143C4.2487 16.7485 3.93157 16.4287 3.54036 16.4287C3.14916 16.4287 2.83203 16.7485 2.83203 17.143C2.83203 17.5375 3.14916 17.8573 3.54036 17.8573Z" fill="currentColor"/> 190 <path d="M3.54036 17.8573C3.93157 17.8573 4.2487 17.5375 4.2487 17.143C4.2487 16.7485 3.93157 16.4287 3.54036 16.4287C3.14916 16.4287 2.83203 16.7485 2.83203 17.143C2.83203 17.5375 3.14916 17.8573 3.54036 17.8573Z" fill="currentColor"/>
191 <path d="M15.5833 19.9999H1.41667C1.04106 19.9996 0.680942 19.8489 0.415346 19.5811C0.149751 19.3133 0.000375046 18.9501 0 18.5714V15.7142C0.000375046 15.3355 0.149751 14.9723 0.415346 14.7045C0.680942 14.4367 1.04106 14.286 1.41667 14.2856H15.5833C15.9589 14.286 16.3191 14.4367 16.5847 14.7045C16.8502 14.9723 16.9996 15.3355 17 15.7142V18.5714C16.9996 18.9501 16.8502 19.3133 16.5847 19.5811C16.3191 19.8489 15.9589 19.9996 15.5833 19.9999ZM1.41667 15.7142V18.5714H15.5833V15.7142H1.41667Z" fill="currentColor"/> 191 <path d="M15.5833 19.9999H1.41667C1.04106 19.9996 0.680942 19.8489 0.415346 19.5811C0.149751 19.3133 0.000375046 18.9501 0 18.5714V15.7142C0.000375046 15.3355 0.149751 14.9723 0.415346 14.7045C0.680942 14.4367 1.04106 14.286 1.41667 14.2856H15.5833C15.9589 14.286 16.3191 14.4367 16.5847 14.7045C16.8502 14.9723 16.9996 15.3355 17 15.7142V18.5714C16.9996 18.9501 16.8502 19.3133 16.5847 19.5811C16.3191 19.8489 15.9589 19.9996 15.5833 19.9999ZM1.41667 15.7142V18.5714H15.5833V15.7142H1.41667Z" fill="currentColor"/>
192 <path d="M3.54036 10.7142C3.93157 10.7142 4.2487 10.3944 4.2487 9.99993C4.2487 9.60544 3.93157 9.28564 3.54036 9.28564C3.14916 9.28564 2.83203 9.60544 2.83203 9.99993C2.83203 10.3944 3.14916 10.7142 3.54036 10.7142Z" fill="currentColor"/> 192 <path d="M3.54036 10.7142C3.93157 10.7142 4.2487 10.3944 4.2487 9.99993C4.2487 9.60544 3.93157 9.28564 3.54036 9.28564C3.14916 9.28564 2.83203 9.60544 2.83203 9.99993C2.83203 10.3944 3.14916 10.7142 3.54036 10.7142Z" fill="currentColor"/>
193 <path d="M15.5833 12.8574H1.41667C1.04106 12.857 0.680942 12.7063 0.415346 12.4385C0.149751 12.1707 0.000375046 11.8075 0 11.4288V8.57164C0.000375046 8.19287 0.149751 7.82973 0.415346 7.5619C0.680942 7.29408 1.04106 7.14344 1.41667 7.14307H15.5833C15.9589 7.14344 16.3191 7.29408 16.5847 7.5619C16.8502 7.82973 16.9996 8.19287 17 8.57164V11.4288C16.9996 11.8075 16.8502 12.1707 16.5847 12.4385C16.3191 12.7063 15.9589 12.857 15.5833 12.8574ZM1.41667 8.57164V11.4288H15.5833V8.57164H1.41667Z" fill="currentColor"/> 193 <path d="M15.5833 12.8574H1.41667C1.04106 12.857 0.680942 12.7063 0.415346 12.4385C0.149751 12.1707 0.000375046 11.8075 0 11.4288V8.57164C0.000375046 8.19287 0.149751 7.82973 0.415346 7.5619C0.680942 7.29408 1.04106 7.14344 1.41667 7.14307H15.5833C15.9589 7.14344 16.3191 7.29408 16.5847 7.5619C16.8502 7.82973 16.9996 8.19287 17 8.57164V11.4288C16.9996 11.8075 16.8502 12.1707 16.5847 12.4385C16.3191 12.7063 15.9589 12.857 15.5833 12.8574ZM1.41667 8.57164V11.4288H15.5833V8.57164H1.41667Z" fill="currentColor"/>
194 <path d="M3.54036 3.57164C3.93157 3.57164 4.2487 3.25184 4.2487 2.85735C4.2487 2.46286 3.93157 2.14307 3.54036 2.14307C3.14916 2.14307 2.83203 2.46286 2.83203 2.85735C2.83203 3.25184 3.14916 3.57164 3.54036 3.57164Z" fill="currentColor"/> 194 <path d="M3.54036 3.57164C3.93157 3.57164 4.2487 3.25184 4.2487 2.85735C4.2487 2.46286 3.93157 2.14307 3.54036 2.14307C3.14916 2.14307 2.83203 2.46286 2.83203 2.85735C2.83203 3.25184 3.14916 3.57164 3.54036 3.57164Z" fill="currentColor"/>
195 <path d="M15.5833 5.71429H1.41667C1.04106 5.71391 0.680942 5.56328 0.415346 5.29545C0.149751 5.02762 0.000375046 4.66448 0 4.28571V1.42857C0.000375046 1.04981 0.149751 0.686664 0.415346 0.418837C0.680942 0.151009 1.04106 0.000378198 1.41667 0H15.5833C15.9589 0.000378198 16.3191 0.151009 16.5847 0.418837C16.8502 0.686664 16.9996 1.04981 17 1.42857V4.28571C16.9996 4.66448 16.8502 5.02762 16.5847 5.29545C16.3191 5.56328 15.9589 5.71391 15.5833 5.71429ZM1.41667 1.42857V4.28571H15.5833V1.42857H1.41667Z" fill="currentColor"/> 195 <path d="M15.5833 5.71429H1.41667C1.04106 5.71391 0.680942 5.56328 0.415346 5.29545C0.149751 5.02762 0.000375046 4.66448 0 4.28571V1.42857C0.000375046 1.04981 0.149751 0.686664 0.415346 0.418837C0.680942 0.151009 1.04106 0.000378198 1.41667 0H15.5833C15.9589 0.000378198 16.3191 0.151009 16.5847 0.418837C16.8502 0.686664 16.9996 1.04981 17 1.42857V4.28571C16.9996 4.66448 16.8502 5.02762 16.5847 5.29545C16.3191 5.56328 15.9589 5.71391 15.5833 5.71429ZM1.41667 1.42857V4.28571H15.5833V1.42857H1.41667Z" fill="currentColor"/>
196 </symbol> 196 </symbol>
197 197
198 <symbol id="cabinet-8" viewBox="0 0 28 27" fill="none"> 198 <symbol id="cabinet-8" viewBox="0 0 28 27" fill="none">
199 <g clip-path="url(#clip0_660_17902)"> 199 <g clip-path="url(#clip0_660_17902)">
200 <path d="M3.54036 24.8573C3.93157 24.8573 4.2487 24.5375 4.2487 24.143C4.2487 23.7485 3.93157 23.4287 3.54036 23.4287C3.14916 23.4287 2.83203 23.7485 2.83203 24.143C2.83203 24.5375 3.14916 24.8573 3.54036 24.8573Z" fill="currentColor"/> 200 <path d="M3.54036 24.8573C3.93157 24.8573 4.2487 24.5375 4.2487 24.143C4.2487 23.7485 3.93157 23.4287 3.54036 23.4287C3.14916 23.4287 2.83203 23.7485 2.83203 24.143C2.83203 24.5375 3.14916 24.8573 3.54036 24.8573Z" fill="currentColor"/>
201 <path d="M15.5833 26.9999H1.41667C1.04106 26.9996 0.680942 26.8489 0.415346 26.5811C0.149751 26.3133 0.000375046 25.9501 0 25.5714V22.7142C0.000375046 22.3355 0.149751 21.9723 0.415346 21.7045C0.680942 21.4367 1.04106 21.286 1.41667 21.2856H15.5833C15.9589 21.286 16.3191 21.4367 16.5847 21.7045C16.8502 21.9723 16.9996 22.3355 17 22.7142V25.5714C16.9996 25.9501 16.8502 26.3133 16.5847 26.5811C16.3191 26.8489 15.9589 26.9996 15.5833 26.9999ZM1.41667 22.7142V25.5714H15.5833V22.7142H1.41667Z" fill="currentColor"/> 201 <path d="M15.5833 26.9999H1.41667C1.04106 26.9996 0.680942 26.8489 0.415346 26.5811C0.149751 26.3133 0.000375046 25.9501 0 25.5714V22.7142C0.000375046 22.3355 0.149751 21.9723 0.415346 21.7045C0.680942 21.4367 1.04106 21.286 1.41667 21.2856H15.5833C15.9589 21.286 16.3191 21.4367 16.5847 21.7045C16.8502 21.9723 16.9996 22.3355 17 22.7142V25.5714C16.9996 25.9501 16.8502 26.3133 16.5847 26.5811C16.3191 26.8489 15.9589 26.9996 15.5833 26.9999ZM1.41667 22.7142V25.5714H15.5833V22.7142H1.41667Z" fill="currentColor"/>
202 <path d="M3.54036 17.7142C3.93157 17.7142 4.2487 17.3944 4.2487 16.9999C4.2487 16.6054 3.93157 16.2856 3.54036 16.2856C3.14916 16.2856 2.83203 16.6054 2.83203 16.9999C2.83203 17.3944 3.14916 17.7142 3.54036 17.7142Z" fill="currentColor"/> 202 <path d="M3.54036 17.7142C3.93157 17.7142 4.2487 17.3944 4.2487 16.9999C4.2487 16.6054 3.93157 16.2856 3.54036 16.2856C3.14916 16.2856 2.83203 16.6054 2.83203 16.9999C2.83203 17.3944 3.14916 17.7142 3.54036 17.7142Z" fill="currentColor"/>
203 <path d="M15.5833 19.8574H1.41667C1.04106 19.857 0.680942 19.7063 0.415346 19.4385C0.149751 19.1707 0.000375046 18.8075 0 18.4288V15.5716C0.000375046 15.1929 0.149751 14.8297 0.415346 14.5619C0.680942 14.2941 1.04106 14.1434 1.41667 14.1431H15.5833C15.9589 14.1434 16.3191 14.2941 16.5847 14.5619C16.8502 14.8297 16.9996 15.1929 17 15.5716V18.4288C16.9996 18.8075 16.8502 19.1707 16.5847 19.4385C16.3191 19.7063 15.9589 19.857 15.5833 19.8574ZM1.41667 15.5716V18.4288H15.5833V15.5716H1.41667Z" fill="currentColor"/> 203 <path d="M15.5833 19.8574H1.41667C1.04106 19.857 0.680942 19.7063 0.415346 19.4385C0.149751 19.1707 0.000375046 18.8075 0 18.4288V15.5716C0.000375046 15.1929 0.149751 14.8297 0.415346 14.5619C0.680942 14.2941 1.04106 14.1434 1.41667 14.1431H15.5833C15.9589 14.1434 16.3191 14.2941 16.5847 14.5619C16.8502 14.8297 16.9996 15.1929 17 15.5716V18.4288C16.9996 18.8075 16.8502 19.1707 16.5847 19.4385C16.3191 19.7063 15.9589 19.857 15.5833 19.8574ZM1.41667 15.5716V18.4288H15.5833V15.5716H1.41667Z" fill="currentColor"/>
204 <path d="M3.54036 10.5716C3.93157 10.5716 4.2487 10.2518 4.2487 9.85735C4.2487 9.46286 3.93157 9.14307 3.54036 9.14307C3.14916 9.14307 2.83203 9.46286 2.83203 9.85735C2.83203 10.2518 3.14916 10.5716 3.54036 10.5716Z" fill="currentColor"/> 204 <path d="M3.54036 10.5716C3.93157 10.5716 4.2487 10.2518 4.2487 9.85735C4.2487 9.46286 3.93157 9.14307 3.54036 9.14307C3.14916 9.14307 2.83203 9.46286 2.83203 9.85735C2.83203 10.2518 3.14916 10.5716 3.54036 10.5716Z" fill="currentColor"/>
205 <path d="M15.5833 12.7143H1.41667C1.04106 12.7139 0.680942 12.5633 0.415346 12.2954C0.149751 12.0276 0.000375046 11.6645 0 11.2857V8.42857C0.000375046 8.04981 0.149751 7.68666 0.415346 7.41884C0.680942 7.15101 1.04106 7.00038 1.41667 7H15.5833C15.9589 7.00038 16.3191 7.15101 16.5847 7.41884C16.8502 7.68666 16.9996 8.04981 17 8.42857V11.2857C16.9996 11.6645 16.8502 12.0276 16.5847 12.2954C16.3191 12.5633 15.9589 12.7139 15.5833 12.7143ZM1.41667 8.42857V11.2857H15.5833V8.42857H1.41667Z" fill="currentColor"/> 205 <path d="M15.5833 12.7143H1.41667C1.04106 12.7139 0.680942 12.5633 0.415346 12.2954C0.149751 12.0276 0.000375046 11.6645 0 11.2857V8.42857C0.000375046 8.04981 0.149751 7.68666 0.415346 7.41884C0.680942 7.15101 1.04106 7.00038 1.41667 7H15.5833C15.9589 7.00038 16.3191 7.15101 16.5847 7.41884C16.8502 7.68666 16.9996 8.04981 17 8.42857V11.2857C16.9996 11.6645 16.8502 12.0276 16.5847 12.2954C16.3191 12.5633 15.9589 12.7139 15.5833 12.7143ZM1.41667 8.42857V11.2857H15.5833V8.42857H1.41667Z" fill="currentColor"/>
206 <rect x="8" y="6" width="10" height="13" rx="2" fill="white"/> 206 <rect x="8" y="6" width="10" height="13" rx="2" fill="white"/>
207 </g> 207 </g>
208 <g clip-path="url(#clip1_660_17902)"> 208 <g clip-path="url(#clip1_660_17902)">
209 <path d="M25.4861 20.1667H8.68056C8.23498 20.1663 7.80778 20.0144 7.49271 19.7443C7.17765 19.4743 7.00044 19.1081 7 18.7262V1.44048C7.00044 1.05856 7.17765 0.692386 7.49271 0.422327C7.80778 0.152268 8.23498 0.000381349 8.68056 0H25.4861C25.9317 0.000381349 26.3589 0.152268 26.674 0.422327C26.989 0.692386 27.1662 1.05856 27.1667 1.44048V18.7262C27.1662 19.1081 26.989 19.4743 26.674 19.7443C26.3589 20.0144 25.9317 20.1663 25.4861 20.1667ZM8.68056 1.44048V18.7262H25.4861V1.44048H8.68056Z" fill="currentColor"/> 209 <path d="M25.4861 20.1667H8.68056C8.23498 20.1663 7.80778 20.0144 7.49271 19.7443C7.17765 19.4743 7.00044 19.1081 7 18.7262V1.44048C7.00044 1.05856 7.17765 0.692386 7.49271 0.422327C7.80778 0.152268 8.23498 0.000381349 8.68056 0H25.4861C25.9317 0.000381349 26.3589 0.152268 26.674 0.422327C26.989 0.692386 27.1662 1.05856 27.1667 1.44048V18.7262C27.1662 19.1081 26.989 19.4743 26.674 19.7443C26.3589 20.0144 25.9317 20.1663 25.4861 20.1667ZM8.68056 1.44048V18.7262H25.4861V1.44048H8.68056Z" fill="currentColor"/>
210 <path d="M11.582 8.64307H21.6654V10.2145H11.582V8.64307ZM11.582 12.5716H17.9987V14.1431H11.582V12.5716Z" fill="currentColor"/> 210 <path d="M11.582 8.64307H21.6654V10.2145H11.582V8.64307ZM11.582 12.5716H17.9987V14.1431H11.582V12.5716Z" fill="currentColor"/>
211 </g> 211 </g>
212 <defs> 212 <defs>
213 <clipPath id="clip0_660_17902"> 213 <clipPath id="clip0_660_17902">
214 <rect width="17" height="20" fill="white" transform="translate(0 7)"/> 214 <rect width="17" height="20" fill="white" transform="translate(0 7)"/>
215 </clipPath> 215 </clipPath>
216 <clipPath id="clip1_660_17902"> 216 <clipPath id="clip1_660_17902">
217 <rect width="21" height="21" fill="white" transform="translate(7)"/> 217 <rect width="21" height="21" fill="white" transform="translate(7)"/>
218 </clipPath> 218 </clipPath>
219 </defs> 219 </defs>
220 </symbol> 220 </symbol>
221 221
222 <symbol id="cabinet-9" viewBox="0 0 24 25" fill="none"> 222 <symbol id="cabinet-9" viewBox="0 0 24 25" fill="none">
223 <path d="M22.2868 0.0581055H13.7154C12.7725 0.0581055 12.0011 0.808105 12.0011 1.72477V6.72477C12.0011 7.64144 12.7725 8.39144 13.7154 8.39144H15.7725L17.2297 10.8914L18.6868 10.0581L16.7154 6.72477H13.7154V1.72477H22.2868V6.72477H19.7154V8.39144H22.2868C23.2297 8.39144 24.0011 7.64144 24.0011 6.72477V1.72477C24.0011 0.808105 23.2297 0.0581055 22.2868 0.0581055ZM10.8868 24.2248L9.42969 23.3914L12.4297 18.3914H17.144C18.0868 18.3914 18.8583 17.6414 18.8583 16.7248V12.5581H20.5725V16.7248C20.5725 18.5581 19.0297 20.0581 17.144 20.0581H13.3725L10.8868 24.2248Z" fill="currentColor"/> 223 <path d="M22.2868 0.0581055H13.7154C12.7725 0.0581055 12.0011 0.808105 12.0011 1.72477V6.72477C12.0011 7.64144 12.7725 8.39144 13.7154 8.39144H15.7725L17.2297 10.8914L18.6868 10.0581L16.7154 6.72477H13.7154V1.72477H22.2868V6.72477H19.7154V8.39144H22.2868C23.2297 8.39144 24.0011 7.64144 24.0011 6.72477V1.72477C24.0011 0.808105 23.2297 0.0581055 22.2868 0.0581055ZM10.8868 24.2248L9.42969 23.3914L12.4297 18.3914H17.144C18.0868 18.3914 18.8583 17.6414 18.8583 16.7248V12.5581H20.5725V16.7248C20.5725 18.5581 19.0297 20.0581 17.144 20.0581H13.3725L10.8868 24.2248Z" fill="currentColor"/>
224 <path d="M6.85714 13.3918C7.33053 13.3918 7.71429 13.0187 7.71429 12.5584C7.71429 12.0982 7.33053 11.7251 6.85714 11.7251C6.38376 11.7251 6 12.0982 6 12.5584C6 13.0187 6.38376 13.3918 6.85714 13.3918Z" fill="currentColor"/> 224 <path d="M6.85714 13.3918C7.33053 13.3918 7.71429 13.0187 7.71429 12.5584C7.71429 12.0982 7.33053 11.7251 6.85714 11.7251C6.38376 11.7251 6 12.0982 6 12.5584C6 13.0187 6.38376 13.3918 6.85714 13.3918Z" fill="currentColor"/>
225 <path d="M10.2868 13.3918C10.7602 13.3918 11.144 13.0187 11.144 12.5584C11.144 12.0982 10.7602 11.7251 10.2868 11.7251C9.81344 11.7251 9.42969 12.0982 9.42969 12.5584C9.42969 13.0187 9.81344 13.3918 10.2868 13.3918Z" fill="currentColor"/> 225 <path d="M10.2868 13.3918C10.7602 13.3918 11.144 13.0187 11.144 12.5584C11.144 12.0982 10.7602 11.7251 10.2868 11.7251C9.81344 11.7251 9.42969 12.0982 9.42969 12.5584C9.42969 13.0187 9.81344 13.3918 10.2868 13.3918Z" fill="currentColor"/>
226 <path d="M13.7126 13.3918C14.186 13.3918 14.5698 13.0187 14.5698 12.5584C14.5698 12.0982 14.186 11.7251 13.7126 11.7251C13.2392 11.7251 12.8555 12.0982 12.8555 12.5584C12.8555 13.0187 13.2392 13.3918 13.7126 13.3918Z" fill="currentColor"/> 226 <path d="M13.7126 13.3918C14.186 13.3918 14.5698 13.0187 14.5698 12.5584C14.5698 12.0982 14.186 11.7251 13.7126 11.7251C13.2392 11.7251 12.8555 12.0982 12.8555 12.5584C12.8555 13.0187 13.2392 13.3918 13.7126 13.3918Z" fill="currentColor"/>
227 <path d="M8.57143 20.0581H3.42857C1.54286 20.0581 0 18.5581 0 16.7248V8.39144C0 6.55811 1.54286 5.05811 3.42857 5.05811H10.2857V6.72477H3.42857C2.48571 6.72477 1.71429 7.47477 1.71429 8.39144V16.7248C1.71429 17.6414 2.48571 18.3914 3.42857 18.3914H8.57143V20.0581Z" fill="currentColor"/> 227 <path d="M8.57143 20.0581H3.42857C1.54286 20.0581 0 18.5581 0 16.7248V8.39144C0 6.55811 1.54286 5.05811 3.42857 5.05811H10.2857V6.72477H3.42857C2.48571 6.72477 1.71429 7.47477 1.71429 8.39144V16.7248C1.71429 17.6414 2.48571 18.3914 3.42857 18.3914H8.57143V20.0581Z" fill="currentColor"/>
228 </symbol> 228 </symbol>
229 229
230 <symbol id="cabinet-10" viewBox="0 0 24 26" fill="none"> 230 <symbol id="cabinet-10" viewBox="0 0 24 26" fill="none">
231 <path d="M3.42969 13.8584H10.2868V15.5754H3.42969V13.8584Z" fill="currentColor"/> 231 <path d="M3.42969 13.8584H10.2868V15.5754H3.42969V13.8584Z" fill="currentColor"/>
232 <path d="M0.857143 15.5754C1.33053 15.5754 1.71429 15.1911 1.71429 14.7169C1.71429 14.2428 1.33053 13.8584 0.857143 13.8584C0.383756 13.8584 0 14.2428 0 14.7169C0 15.1911 0.383756 15.5754 0.857143 15.5754Z" fill="currentColor"/> 232 <path d="M0.857143 15.5754C1.33053 15.5754 1.71429 15.1911 1.71429 14.7169C1.71429 14.2428 1.33053 13.8584 0.857143 13.8584C0.383756 13.8584 0 14.2428 0 14.7169C0 15.1911 0.383756 15.5754 0.857143 15.5754Z" fill="currentColor"/>
233 <path d="M9.42746 12.1413C9.90084 12.1413 10.2846 11.757 10.2846 11.2828C10.2846 10.8087 9.90084 10.4243 9.42746 10.4243C8.95407 10.4243 8.57031 10.8087 8.57031 11.2828C8.57031 11.757 8.95407 12.1413 9.42746 12.1413Z" fill="currentColor"/> 233 <path d="M9.42746 12.1413C9.90084 12.1413 10.2846 11.757 10.2846 11.2828C10.2846 10.8087 9.90084 10.4243 9.42746 10.4243C8.95407 10.4243 8.57031 10.8087 8.57031 11.2828C8.57031 11.757 8.95407 12.1413 9.42746 12.1413Z" fill="currentColor"/>
234 <path d="M0 10.4243H6.85714V12.1413H0V10.4243ZM3.42857 6.99023H10.2857V8.70727H3.42857V6.99023Z" fill="currentColor"/> 234 <path d="M0 10.4243H6.85714V12.1413H0V10.4243ZM3.42857 6.99023H10.2857V8.70727H3.42857V6.99023Z" fill="currentColor"/>
235 <path d="M0.857143 8.70727C1.33053 8.70727 1.71429 8.3229 1.71429 7.84875C1.71429 7.37461 1.33053 6.99023 0.857143 6.99023C0.383756 6.99023 0 7.37461 0 7.84875C0 8.3229 0.383756 8.70727 0.857143 8.70727Z" fill="currentColor"/> 235 <path d="M0.857143 8.70727C1.33053 8.70727 1.71429 8.3229 1.71429 7.84875C1.71429 7.37461 1.33053 6.99023 0.857143 6.99023C0.383756 6.99023 0 7.37461 0 7.84875C0 8.3229 0.383756 8.70727 0.857143 8.70727Z" fill="currentColor"/>
236 <path d="M24 23.8175L17.6571 17.4645C18.9428 15.7474 19.7143 13.6011 19.7143 11.2832C19.7143 5.61695 15.0857 0.980957 9.42856 0.980957C6.59999 0.980957 3.94285 2.09703 1.97142 4.24332L3.25713 5.44524C4.79999 3.64236 7.02856 2.69799 9.42856 2.69799C14.1428 2.69799 18 6.56131 18 11.2832C18 16.005 14.1428 19.8683 9.42856 19.8683C6.85713 19.8683 4.45713 18.7522 2.82856 16.7777L1.54285 17.8937C3.42856 20.2117 6.34285 21.5854 9.42856 21.5854C12.1714 21.5854 14.6571 20.4693 16.5428 18.7522L22.8 25.0194L24 23.8175Z" fill="currentColor"/> 236 <path d="M24 23.8175L17.6571 17.4645C18.9428 15.7474 19.7143 13.6011 19.7143 11.2832C19.7143 5.61695 15.0857 0.980957 9.42856 0.980957C6.59999 0.980957 3.94285 2.09703 1.97142 4.24332L3.25713 5.44524C4.79999 3.64236 7.02856 2.69799 9.42856 2.69799C14.1428 2.69799 18 6.56131 18 11.2832C18 16.005 14.1428 19.8683 9.42856 19.8683C6.85713 19.8683 4.45713 18.7522 2.82856 16.7777L1.54285 17.8937C3.42856 20.2117 6.34285 21.5854 9.42856 21.5854C12.1714 21.5854 14.6571 20.4693 16.5428 18.7522L22.8 25.0194L24 23.8175Z" fill="currentColor"/>
237 </symbol> 237 </symbol>
238 238
239 <symbol id="cabinet-11" viewBox="0 0 23 24" fill="none"> 239 <symbol id="cabinet-11" viewBox="0 0 23 24" fill="none">
240 <path d="M11.4987 23.9999C9.41376 23.9999 7.37563 23.3806 5.64207 22.2202C3.9085 21.0599 2.55735 19.4106 1.75947 17.481C0.961599 15.5514 0.752839 13.4282 1.15959 11.3797C1.56634 9.33129 2.57034 7.44968 4.04462 5.97284C5.5189 4.496 7.39724 3.49025 9.44213 3.08279C11.487 2.67534 13.6066 2.88446 15.5328 3.68372C17.4591 4.48298 19.1054 5.83648 20.2638 7.57307C21.4221 9.30965 22.0404 11.3513 22.0404 13.4399C22.0404 16.2406 20.9297 18.9266 18.9528 20.9069C16.9758 22.8873 14.2945 23.9999 11.4987 23.9999ZM11.4987 4.79989C9.79284 4.79989 8.12528 5.30661 6.70691 6.25599C5.28854 7.20537 4.18305 8.55475 3.53024 10.1335C2.87744 11.7123 2.70663 13.4495 3.03943 15.1255C3.37223 16.8015 4.19368 18.341 5.39991 19.5493C6.60613 20.7576 8.14296 21.5805 9.81605 21.9139C11.4891 22.2472 13.2233 22.0761 14.7993 21.4222C16.3754 20.7683 17.7224 19.6609 18.6701 18.24C19.6179 16.8192 20.1237 15.1487 20.1237 13.4399C20.1237 11.1484 19.215 8.9508 17.5975 7.33048C15.98 5.71017 13.7862 4.79989 11.4987 4.79989Z" fill="currentColor"/> 240 <path d="M11.4987 23.9999C9.41376 23.9999 7.37563 23.3806 5.64207 22.2202C3.9085 21.0599 2.55735 19.4106 1.75947 17.481C0.961599 15.5514 0.752839 13.4282 1.15959 11.3797C1.56634 9.33129 2.57034 7.44968 4.04462 5.97284C5.5189 4.496 7.39724 3.49025 9.44213 3.08279C11.487 2.67534 13.6066 2.88446 15.5328 3.68372C17.4591 4.48298 19.1054 5.83648 20.2638 7.57307C21.4221 9.30965 22.0404 11.3513 22.0404 13.4399C22.0404 16.2406 20.9297 18.9266 18.9528 20.9069C16.9758 22.8873 14.2945 23.9999 11.4987 23.9999ZM11.4987 4.79989C9.79284 4.79989 8.12528 5.30661 6.70691 6.25599C5.28854 7.20537 4.18305 8.55475 3.53024 10.1335C2.87744 11.7123 2.70663 13.4495 3.03943 15.1255C3.37223 16.8015 4.19368 18.341 5.39991 19.5493C6.60613 20.7576 8.14296 21.5805 9.81605 21.9139C11.4891 22.2472 13.2233 22.0761 14.7993 21.4222C16.3754 20.7683 17.7224 19.6609 18.6701 18.24C19.6179 16.8192 20.1237 15.1487 20.1237 13.4399C20.1237 11.1484 19.215 8.9508 17.5975 7.33048C15.98 5.71017 13.7862 4.79989 11.4987 4.79989Z" fill="currentColor"/>
241 <path d="M13.9821 17.2799L10.5417 13.8335V7.67988H12.4583V13.0367L15.3333 15.9263L13.9821 17.2799ZM0 4.4082L3.43275 0.962758L4.78975 2.31924L1.357 5.76468L0 4.4082ZM18.2083 2.31156L19.5644 0.955078L22.9962 4.40052L21.6401 5.757L18.2083 2.31156Z" fill="currentColor"/> 241 <path d="M13.9821 17.2799L10.5417 13.8335V7.67988H12.4583V13.0367L15.3333 15.9263L13.9821 17.2799ZM0 4.4082L3.43275 0.962758L4.78975 2.31924L1.357 5.76468L0 4.4082ZM18.2083 2.31156L19.5644 0.955078L22.9962 4.40052L21.6401 5.757L18.2083 2.31156Z" fill="currentColor"/>
242 </symbol> 242 </symbol>
243 243
244 <symbol id="pic" viewBox="0 0 50 50" fill="none"> 244 <symbol id="pic" viewBox="0 0 50 50" fill="none">
245 <path d="M43.75 0H6.25C2.79953 0.00320425 0.00320425 2.79953 0 6.25V43.75C0.00320425 47.2005 2.79953 49.9968 6.25 50H43.75C47.2005 49.9968 49.9968 47.2005 50 43.75V6.25C49.9968 2.79953 47.2005 0.00320425 43.75 0ZM6.25 47.5C4.17984 47.4977 2.50229 45.8202 2.5 43.75V30.6885L11.9067 21.2817C13.6168 19.5776 16.3832 19.5776 18.0933 21.2817L44.2619 47.448C44.093 47.4715 43.9253 47.4999 43.75 47.5H6.25ZM47.5 43.75C47.4989 44.6959 47.1364 45.5498 46.5582 46.2093L29.2679 28.9204L31.9067 26.2817C33.6168 24.5776 36.3832 24.5776 38.0933 26.2817L47.5 35.6885V43.75ZM47.5 32.1535L39.8608 24.5143C37.1747 21.8337 32.8253 21.8337 30.1392 24.5143L27.5005 27.153L19.8608 19.5142C17.1408 16.9165 12.8592 16.9165 10.1392 19.5142L2.5 27.1533V6.25C2.50229 4.17984 4.17984 2.50229 6.25 2.5H43.75C45.8202 2.50229 47.4977 4.17984 47.5 6.25V32.1535Z" fill="currentColor"/> 245 <path d="M43.75 0H6.25C2.79953 0.00320425 0.00320425 2.79953 0 6.25V43.75C0.00320425 47.2005 2.79953 49.9968 6.25 50H43.75C47.2005 49.9968 49.9968 47.2005 50 43.75V6.25C49.9968 2.79953 47.2005 0.00320425 43.75 0ZM6.25 47.5C4.17984 47.4977 2.50229 45.8202 2.5 43.75V30.6885L11.9067 21.2817C13.6168 19.5776 16.3832 19.5776 18.0933 21.2817L44.2619 47.448C44.093 47.4715 43.9253 47.4999 43.75 47.5H6.25ZM47.5 43.75C47.4989 44.6959 47.1364 45.5498 46.5582 46.2093L29.2679 28.9204L31.9067 26.2817C33.6168 24.5776 36.3832 24.5776 38.0933 26.2817L47.5 35.6885V43.75ZM47.5 32.1535L39.8608 24.5143C37.1747 21.8337 32.8253 21.8337 30.1392 24.5143L27.5005 27.153L19.8608 19.5142C17.1408 16.9165 12.8592 16.9165 10.1392 19.5142L2.5 27.1533V6.25C2.50229 4.17984 4.17984 2.50229 6.25 2.5H43.75C45.8202 2.50229 47.4977 4.17984 47.5 6.25V32.1535Z" fill="currentColor"/>
246 <path d="M32.6963 11.3351C32.6963 13.07 31.2899 14.4765 29.555 14.4765C27.82 14.4765 26.4136 13.07 26.4136 11.3351C26.4136 9.60017 27.82 8.19373 29.555 8.19373C31.2899 8.19373 32.6963 9.60017 32.6963 11.3351Z" fill="currentColor"/> 246 <path d="M32.6963 11.3351C32.6963 13.07 31.2899 14.4765 29.555 14.4765C27.82 14.4765 26.4136 13.07 26.4136 11.3351C26.4136 9.60017 27.82 8.19373 29.555 8.19373C31.2899 8.19373 32.6963 9.60017 32.6963 11.3351Z" fill="currentColor"/>
247 </symbol> 247 </symbol>
248 248
249 <symbol id="plus" viewBox="0 0 16 16" fill="none"> 249 <symbol id="plus" viewBox="0 0 16 16" fill="none">
250 <rect x="7" width="2" height="16" rx="1" fill="currentColor"/> 250 <rect x="7" width="2" height="16" rx="1" fill="currentColor"/>
251 <rect x="16" y="7" width="2" height="16" rx="1" transform="rotate(90 16 7)" fill="currentColor"/> 251 <rect x="16" y="7" width="2" height="16" rx="1" transform="rotate(90 16 7)" fill="currentColor"/>
252 </symbol> 252 </symbol>
253 253
254 <symbol id="leave" viewBox="0 0 18 20" fill="none"> 254 <symbol id="leave" viewBox="0 0 18 20" fill="none">
255 <path d="M2.125 19.625H10.375C10.7396 19.6246 11.0891 19.4797 11.3469 19.2219C11.6047 18.9641 11.7496 18.6146 11.75 18.25V16.1875H10.375V18.25H2.125V1.75H10.375V3.8125H11.75V1.75C11.7496 1.38544 11.6047 1.03591 11.3469 0.77813C11.0891 0.520347 10.7396 0.375364 10.375 0.375H2.125C1.76044 0.375364 1.41091 0.520347 1.15313 0.77813C0.895347 1.03591 0.750364 1.38544 0.75 1.75V18.25C0.750364 18.6146 0.895347 18.9641 1.15313 19.2219C1.41091 19.4797 1.76044 19.6246 2.125 19.625Z" fill="currentColor"/> 255 <path d="M2.125 19.625H10.375C10.7396 19.6246 11.0891 19.4797 11.3469 19.2219C11.6047 18.9641 11.7496 18.6146 11.75 18.25V16.1875H10.375V18.25H2.125V1.75H10.375V3.8125H11.75V1.75C11.7496 1.38544 11.6047 1.03591 11.3469 0.77813C11.0891 0.520347 10.7396 0.375364 10.375 0.375H2.125C1.76044 0.375364 1.41091 0.520347 1.15313 0.77813C0.895347 1.03591 0.750364 1.38544 0.75 1.75V18.25C0.750364 18.6146 0.895347 18.9641 1.15313 19.2219C1.41091 19.4797 1.76044 19.6246 2.125 19.625Z" fill="currentColor"/>
256 <path d="M12.1529 13.1529L14.6183 10.6875H4.875V9.3125H14.6183L12.1529 6.84712L13.125 5.875L17.25 10L13.125 14.125L12.1529 13.1529Z" fill="currentColor"/> 256 <path d="M12.1529 13.1529L14.6183 10.6875H4.875V9.3125H14.6183L12.1529 6.84712L13.125 5.875L17.25 10L13.125 14.125L12.1529 13.1529Z" fill="currentColor"/>
257 </symbol> 257 </symbol>
258 258
259 <symbol id="del" viewBox="0 0 12 16" fill="none"> 259 <symbol id="del" viewBox="0 0 12 16" fill="none">
260 <path d="M11.1231 5.62055L10.8731 13.1874C10.8518 13.8355 10.5788 14.4497 10.1121 14.8998C9.64531 15.3499 9.02153 15.6004 8.37312 15.5981H3.62312C2.97514 15.6004 2.35172 15.3503 1.88503 14.9007C1.41833 14.4512 1.14506 13.8375 1.12312 13.1899L0.873125 5.62055C0.867655 5.45479 0.928257 5.29365 1.0416 5.17257C1.15494 5.05149 1.31174 4.9804 1.4775 4.97493C1.64326 4.96946 1.8044 5.03006 1.92548 5.1434C2.04656 5.25674 2.11766 5.41354 2.12313 5.5793L2.37312 13.1481C2.38557 13.4712 2.52275 13.7769 2.75583 14.001C2.98891 14.2251 3.29978 14.3502 3.62312 14.3499H8.37312C8.69689 14.3501 9.00811 14.2247 9.24126 14.0001C9.47441 13.7754 9.61131 13.4691 9.62312 13.1456L9.87313 5.5793C9.8786 5.41354 9.94969 5.25674 10.0708 5.1434C10.1918 5.03006 10.353 4.96946 10.5187 4.97493C10.6845 4.9804 10.8413 5.05149 10.9546 5.17257C11.068 5.29365 11.1286 5.45479 11.1231 5.62055ZM11.95 3.10243C11.95 3.26819 11.8842 3.42716 11.7669 3.54437C11.6497 3.66158 11.4908 3.72743 11.325 3.72743H0.671875C0.506115 3.72743 0.347143 3.66158 0.229933 3.54437C0.112723 3.42716 0.046875 3.26819 0.046875 3.10243C0.046875 2.93667 0.112723 2.7777 0.229933 2.66049C0.347143 2.54328 0.506115 2.47743 0.671875 2.47743H2.60938C2.8074 2.47796 2.99855 2.4048 3.14561 2.27218C3.29268 2.13955 3.38514 1.95696 3.405 1.75993C3.45112 1.29773 3.66766 0.86926 4.01243 0.557995C4.35721 0.246731 4.80551 0.0749698 5.27 0.0761782H6.72625C7.19074 0.0749698 7.63904 0.246731 7.98382 0.557995C8.32859 0.86926 8.54513 1.29773 8.59125 1.75993C8.61111 1.95696 8.70357 2.13955 8.85064 2.27218C8.9977 2.4048 9.18885 2.47796 9.38688 2.47743H11.3244C11.4901 2.47743 11.6491 2.54328 11.7663 2.66049C11.8835 2.7777 11.9494 2.93667 11.9494 3.10243H11.95ZM4.49 2.47743H7.5075C7.42537 2.28977 7.37166 2.09092 7.34812 1.88743C7.33264 1.73337 7.26053 1.59054 7.14575 1.48662C7.03097 1.3827 6.88171 1.32508 6.72687 1.32493H5.27063C5.11579 1.32508 4.96653 1.3827 4.85175 1.48662C4.73697 1.59054 4.66486 1.73337 4.64937 1.88743C4.62564 2.09095 4.57234 2.2898 4.49 2.47743ZM5.11937 11.9468V6.62493C5.11937 6.45917 5.05353 6.3002 4.93632 6.18299C4.81911 6.06578 4.66014 5.99993 4.49437 5.99993C4.32861 5.99993 4.16964 6.06578 4.05243 6.18299C3.93522 6.3002 3.86937 6.45917 3.86937 6.62493V11.9493C3.86937 12.1151 3.93522 12.274 4.05243 12.3912C4.16964 12.5085 4.32861 12.5743 4.49437 12.5743C4.66014 12.5743 4.81911 12.5085 4.93632 12.3912C5.05353 12.274 5.11937 12.1151 5.11937 11.9493V11.9468ZM8.12813 11.9468V6.62493C8.12813 6.45917 8.06228 6.3002 7.94507 6.18299C7.82786 6.06578 7.66889 5.99993 7.50313 5.99993C7.33736 5.99993 7.17839 6.06578 7.06118 6.18299C6.94397 6.3002 6.87813 6.45917 6.87813 6.62493V11.9493C6.87813 12.1151 6.94397 12.274 7.06118 12.3912C7.17839 12.5085 7.33736 12.5743 7.50313 12.5743C7.66889 12.5743 7.82786 12.5085 7.94507 12.3912C8.06228 12.274 8.12813 12.1151 8.12813 11.9493V11.9468Z" fill="currentColor"/> 260 <path d="M11.1231 5.62055L10.8731 13.1874C10.8518 13.8355 10.5788 14.4497 10.1121 14.8998C9.64531 15.3499 9.02153 15.6004 8.37312 15.5981H3.62312C2.97514 15.6004 2.35172 15.3503 1.88503 14.9007C1.41833 14.4512 1.14506 13.8375 1.12312 13.1899L0.873125 5.62055C0.867655 5.45479 0.928257 5.29365 1.0416 5.17257C1.15494 5.05149 1.31174 4.9804 1.4775 4.97493C1.64326 4.96946 1.8044 5.03006 1.92548 5.1434C2.04656 5.25674 2.11766 5.41354 2.12313 5.5793L2.37312 13.1481C2.38557 13.4712 2.52275 13.7769 2.75583 14.001C2.98891 14.2251 3.29978 14.3502 3.62312 14.3499H8.37312C8.69689 14.3501 9.00811 14.2247 9.24126 14.0001C9.47441 13.7754 9.61131 13.4691 9.62312 13.1456L9.87313 5.5793C9.8786 5.41354 9.94969 5.25674 10.0708 5.1434C10.1918 5.03006 10.353 4.96946 10.5187 4.97493C10.6845 4.9804 10.8413 5.05149 10.9546 5.17257C11.068 5.29365 11.1286 5.45479 11.1231 5.62055ZM11.95 3.10243C11.95 3.26819 11.8842 3.42716 11.7669 3.54437C11.6497 3.66158 11.4908 3.72743 11.325 3.72743H0.671875C0.506115 3.72743 0.347143 3.66158 0.229933 3.54437C0.112723 3.42716 0.046875 3.26819 0.046875 3.10243C0.046875 2.93667 0.112723 2.7777 0.229933 2.66049C0.347143 2.54328 0.506115 2.47743 0.671875 2.47743H2.60938C2.8074 2.47796 2.99855 2.4048 3.14561 2.27218C3.29268 2.13955 3.38514 1.95696 3.405 1.75993C3.45112 1.29773 3.66766 0.86926 4.01243 0.557995C4.35721 0.246731 4.80551 0.0749698 5.27 0.0761782H6.72625C7.19074 0.0749698 7.63904 0.246731 7.98382 0.557995C8.32859 0.86926 8.54513 1.29773 8.59125 1.75993C8.61111 1.95696 8.70357 2.13955 8.85064 2.27218C8.9977 2.4048 9.18885 2.47796 9.38688 2.47743H11.3244C11.4901 2.47743 11.6491 2.54328 11.7663 2.66049C11.8835 2.7777 11.9494 2.93667 11.9494 3.10243H11.95ZM4.49 2.47743H7.5075C7.42537 2.28977 7.37166 2.09092 7.34812 1.88743C7.33264 1.73337 7.26053 1.59054 7.14575 1.48662C7.03097 1.3827 6.88171 1.32508 6.72687 1.32493H5.27063C5.11579 1.32508 4.96653 1.3827 4.85175 1.48662C4.73697 1.59054 4.66486 1.73337 4.64937 1.88743C4.62564 2.09095 4.57234 2.2898 4.49 2.47743ZM5.11937 11.9468V6.62493C5.11937 6.45917 5.05353 6.3002 4.93632 6.18299C4.81911 6.06578 4.66014 5.99993 4.49437 5.99993C4.32861 5.99993 4.16964 6.06578 4.05243 6.18299C3.93522 6.3002 3.86937 6.45917 3.86937 6.62493V11.9493C3.86937 12.1151 3.93522 12.274 4.05243 12.3912C4.16964 12.5085 4.32861 12.5743 4.49437 12.5743C4.66014 12.5743 4.81911 12.5085 4.93632 12.3912C5.05353 12.274 5.11937 12.1151 5.11937 11.9493V11.9468ZM8.12813 11.9468V6.62493C8.12813 6.45917 8.06228 6.3002 7.94507 6.18299C7.82786 6.06578 7.66889 5.99993 7.50313 5.99993C7.33736 5.99993 7.17839 6.06578 7.06118 6.18299C6.94397 6.3002 6.87813 6.45917 6.87813 6.62493V11.9493C6.87813 12.1151 6.94397 12.274 7.06118 12.3912C7.17839 12.5085 7.33736 12.5743 7.50313 12.5743C7.66889 12.5743 7.82786 12.5085 7.94507 12.3912C8.06228 12.274 8.12813 12.1151 8.12813 11.9493V11.9468Z" fill="currentColor"/>
261 </symbol> 261 </symbol>
262 262
263 <symbol id="i" viewBox="0 0 20 20" fill="none"> 263 <symbol id="i" viewBox="0 0 20 20" fill="none">
264 <path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 15C9.45 15 9 14.55 9 14V10C9 9.45 9.45 9 10 9C10.55 9 11 9.45 11 10V14C11 14.55 10.55 15 10 15ZM11 7H9V5H11V7Z" fill="currentColor"/> 264 <path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 15C9.45 15 9 14.55 9 14V10C9 9.45 9.45 9 10 9C10.55 9 11 9.45 11 10V14C11 14.55 10.55 15 10 15ZM11 7H9V5H11V7Z" fill="currentColor"/>
265 </symbol> 265 </symbol>
266 266
267 <symbol id="arrow-radius" viewBox="0 0 14 18" fill="none"> 267 <symbol id="arrow-radius" viewBox="0 0 14 18" fill="none">
268 <path d="M5.24219 5.48438L8.75781 1.96875L12.2734 5.48438" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 268 <path d="M5.24219 5.48438L8.75781 1.96875L12.2734 5.48438" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
269 <path d="M1.72656 16.0312C3.59137 16.0312 5.37979 15.2905 6.69841 13.9718C8.01702 12.6532 8.75781 10.8648 8.75781 9V1.96875" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 269 <path d="M1.72656 16.0312C3.59137 16.0312 5.37979 15.2905 6.69841 13.9718C8.01702 12.6532 8.75781 10.8648 8.75781 9V1.96875" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
270 </symbol> 270 </symbol>
271 271
272 <symbol id="pencil" viewBox="0 0 16 16" fill="none"> 272 <symbol id="pencil" viewBox="0 0 16 16" fill="none">
273 <path d="M15.0604 3.06112L13.9195 4.20203L11.7656 2.11413L12.9396 0.940228C13.2208 0.65898 13.6023 0.500977 14 0.500977C14.3977 0.500977 14.7792 0.65898 15.0604 0.940228C15.3417 1.22148 15.4997 1.60293 15.4997 2.00067C15.4997 2.39842 15.3417 2.77987 15.0604 3.06112ZM10.1943 3.68443L12.3415 5.77908L3.6373 14.4833L0.714504 15.2976L1.51636 12.3624L10.1943 3.68443Z" fill="currentColor" stroke="currentColor"/> 273 <path d="M15.0604 3.06112L13.9195 4.20203L11.7656 2.11413L12.9396 0.940228C13.2208 0.65898 13.6023 0.500977 14 0.500977C14.3977 0.500977 14.7792 0.65898 15.0604 0.940228C15.3417 1.22148 15.4997 1.60293 15.4997 2.00067C15.4997 2.39842 15.3417 2.77987 15.0604 3.06112ZM10.1943 3.68443L12.3415 5.77908L3.6373 14.4833L0.714504 15.2976L1.51636 12.3624L10.1943 3.68443Z" fill="currentColor" stroke="currentColor"/>
274 </symbol> 274 </symbol>
275 275
276 <symbol id="clock" viewBox="0 0 17 18" fill="none"> 276 <symbol id="clock" viewBox="0 0 17 18" fill="none">
277 <path d="M1.21484 9.00007C1.21484 9.95684 1.40329 10.9042 1.76944 11.7882C2.13558 12.6721 2.67224 13.4753 3.34878 14.1518C4.02532 14.8284 4.82849 15.3651 5.71244 15.7312C6.59638 16.0973 7.54378 16.2858 8.50056 16.2858C9.45733 16.2858 10.4047 16.0973 11.2887 15.7312C12.1726 15.3651 12.9758 14.8284 13.6523 14.1518C14.3289 13.4753 14.8655 12.6721 15.2317 11.7882C15.5978 10.9042 15.7863 9.95684 15.7863 9.00007C15.7863 7.06778 15.0187 5.21463 13.6523 3.84829C12.286 2.48196 10.4328 1.71436 8.50056 1.71436C6.56827 1.71436 4.71512 2.48196 3.34878 3.84829C1.98244 5.21463 1.21484 7.06778 1.21484 9.00007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 277 <path d="M1.21484 9.00007C1.21484 9.95684 1.40329 10.9042 1.76944 11.7882C2.13558 12.6721 2.67224 13.4753 3.34878 14.1518C4.02532 14.8284 4.82849 15.3651 5.71244 15.7312C6.59638 16.0973 7.54378 16.2858 8.50056 16.2858C9.45733 16.2858 10.4047 16.0973 11.2887 15.7312C12.1726 15.3651 12.9758 14.8284 13.6523 14.1518C14.3289 13.4753 14.8655 12.6721 15.2317 11.7882C15.5978 10.9042 15.7863 9.95684 15.7863 9.00007C15.7863 7.06778 15.0187 5.21463 13.6523 3.84829C12.286 2.48196 10.4328 1.71436 8.50056 1.71436C6.56827 1.71436 4.71512 2.48196 3.34878 3.84829C1.98244 5.21463 1.21484 7.06778 1.21484 9.00007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
278 <path d="M8.5 4.95264V9.00026L10.9286 11.4288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 278 <path d="M8.5 4.95264V9.00026L10.9286 11.4288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
279 </symbol> 279 </symbol>
280 280
281 <symbol id="time" viewBox="0 0 16 17" fill="none"> 281 <symbol id="time" viewBox="0 0 16 17" fill="none">
282 <path d="M0.879883 8.50007C0.879883 9.45684 1.06407 10.4042 1.42193 11.2882C1.77979 12.1721 2.30431 12.9753 2.96554 13.6518C3.62678 14.3284 4.41178 14.865 5.27572 15.2312C6.13967 15.5973 7.06564 15.7858 8.00076 15.7858C8.93589 15.7858 9.86186 15.5973 10.7258 15.2312C11.5898 14.865 12.3748 14.3284 13.036 13.6518C13.6972 12.9753 14.2217 12.1721 14.5796 11.2882C14.9375 10.4042 15.1216 9.45684 15.1216 8.50007C15.1216 6.56778 14.3714 4.71463 13.036 3.34829C11.7006 1.98196 9.88934 1.21436 8.00076 1.21436C6.11219 1.21436 4.30096 1.98196 2.96554 3.34829C1.63012 4.71463 0.879883 6.56778 0.879883 8.50007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 282 <path d="M0.879883 8.50007C0.879883 9.45684 1.06407 10.4042 1.42193 11.2882C1.77979 12.1721 2.30431 12.9753 2.96554 13.6518C3.62678 14.3284 4.41178 14.865 5.27572 15.2312C6.13967 15.5973 7.06564 15.7858 8.00076 15.7858C8.93589 15.7858 9.86186 15.5973 10.7258 15.2312C11.5898 14.865 12.3748 14.3284 13.036 13.6518C13.6972 12.9753 14.2217 12.1721 14.5796 11.2882C14.9375 10.4042 15.1216 9.45684 15.1216 8.50007C15.1216 6.56778 14.3714 4.71463 13.036 3.34829C11.7006 1.98196 9.88934 1.21436 8.00076 1.21436C6.11219 1.21436 4.30096 1.98196 2.96554 3.34829C1.63012 4.71463 0.879883 6.56778 0.879883 8.50007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
283 <path d="M8 4.45264V8.50026L10.3736 10.9288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 283 <path d="M8 4.45264V8.50026L10.3736 10.9288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
284 </symbol> 284 </symbol>
285 285
286 <symbol id="warning" viewBox="0 0 40 35" fill="none"> 286 <symbol id="warning" viewBox="0 0 40 35" fill="none">
287 <path d="M19.9985 24.4905C20.3837 24.4905 20.6985 24.3683 20.9429 24.1239C21.1874 23.8794 21.3096 23.5646 21.3096 23.1795C21.3096 22.7943 21.1874 22.4788 20.9429 22.233C20.6985 21.9885 20.3837 21.8663 19.9985 21.8663C19.6134 21.8663 19.2986 21.9885 19.0542 22.233C18.8097 22.4788 18.6875 22.7943 18.6875 23.1795C18.6875 23.5632 18.8097 23.878 19.0542 24.1239C19.2986 24.3683 19.6134 24.4905 19.9985 24.4905ZM19.9985 18.1783C20.3013 18.1783 20.5549 18.076 20.7596 17.8713C20.9628 17.6681 21.0644 17.4151 21.0644 17.1124V6.28936C21.0644 5.98522 20.9628 5.73154 20.7596 5.52831C20.5549 5.32508 20.3013 5.22346 19.9985 5.22346C19.6958 5.22346 19.4422 5.32508 19.2375 5.52831C19.0343 5.73154 18.9327 5.98522 18.9327 6.28936V17.1124C18.9327 17.4151 19.0343 17.6681 19.2375 17.8713C19.4422 18.076 19.6958 18.1783 19.9985 18.1783ZM7.372 29.9841L3.73944 33.6167C3.20081 34.1553 2.57833 34.279 1.872 33.9876C1.16567 33.6963 0.8125 33.1669 0.8125 32.3994V3.58199C0.8125 2.60137 1.14151 1.78277 1.79952 1.12618C2.4561 0.468166 3.27471 0.13916 4.25533 0.13916H35.7418C36.7224 0.13916 37.541 0.468166 38.1976 1.12618C38.8556 1.78277 39.1846 2.60137 39.1846 3.58199V26.5413C39.1846 27.5219 38.8563 28.3412 38.1997 28.9992C37.5417 29.6558 36.7224 29.9841 35.7418 29.9841H7.372ZM6.46173 27.8523H35.7418C36.0686 27.8523 36.3692 27.7159 36.6435 27.443C36.9164 27.1688 37.0528 26.8682 37.0528 26.5413V3.58199C37.0528 3.25512 36.9164 2.95454 36.6435 2.68025C36.3692 2.40738 36.0686 2.27094 35.7418 2.27094H4.25533C3.92846 2.27094 3.62787 2.40738 3.35359 2.68025C3.08072 2.95454 2.94428 3.25512 2.94428 3.58199V31.3591L6.46173 27.8523Z" fill="currentColor"/> 287 <path d="M19.9985 24.4905C20.3837 24.4905 20.6985 24.3683 20.9429 24.1239C21.1874 23.8794 21.3096 23.5646 21.3096 23.1795C21.3096 22.7943 21.1874 22.4788 20.9429 22.233C20.6985 21.9885 20.3837 21.8663 19.9985 21.8663C19.6134 21.8663 19.2986 21.9885 19.0542 22.233C18.8097 22.4788 18.6875 22.7943 18.6875 23.1795C18.6875 23.5632 18.8097 23.878 19.0542 24.1239C19.2986 24.3683 19.6134 24.4905 19.9985 24.4905ZM19.9985 18.1783C20.3013 18.1783 20.5549 18.076 20.7596 17.8713C20.9628 17.6681 21.0644 17.4151 21.0644 17.1124V6.28936C21.0644 5.98522 20.9628 5.73154 20.7596 5.52831C20.5549 5.32508 20.3013 5.22346 19.9985 5.22346C19.6958 5.22346 19.4422 5.32508 19.2375 5.52831C19.0343 5.73154 18.9327 5.98522 18.9327 6.28936V17.1124C18.9327 17.4151 19.0343 17.6681 19.2375 17.8713C19.4422 18.076 19.6958 18.1783 19.9985 18.1783ZM7.372 29.9841L3.73944 33.6167C3.20081 34.1553 2.57833 34.279 1.872 33.9876C1.16567 33.6963 0.8125 33.1669 0.8125 32.3994V3.58199C0.8125 2.60137 1.14151 1.78277 1.79952 1.12618C2.4561 0.468166 3.27471 0.13916 4.25533 0.13916H35.7418C36.7224 0.13916 37.541 0.468166 38.1976 1.12618C38.8556 1.78277 39.1846 2.60137 39.1846 3.58199V26.5413C39.1846 27.5219 38.8563 28.3412 38.1997 28.9992C37.5417 29.6558 36.7224 29.9841 35.7418 29.9841H7.372ZM6.46173 27.8523H35.7418C36.0686 27.8523 36.3692 27.7159 36.6435 27.443C36.9164 27.1688 37.0528 26.8682 37.0528 26.5413V3.58199C37.0528 3.25512 36.9164 2.95454 36.6435 2.68025C36.3692 2.40738 36.0686 2.27094 35.7418 2.27094H4.25533C3.92846 2.27094 3.62787 2.40738 3.35359 2.68025C3.08072 2.95454 2.94428 3.25512 2.94428 3.58199V31.3591L6.46173 27.8523Z" fill="currentColor"/>
288 </symbol> 288 </symbol>
289 289
290 </svg>
290 </svg>
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 @ 356dd98
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 @ 356dd98
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 @ 356dd98
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="cabinet__filters">
73 <div class="cabinet__filters-item">
74 <div class="cabinet__filters-buttons">
75 <a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="button button_light @if ($type_message == 'input') active @endif">Входящие ({{ $count_input }})</a>
76 <a href="{{ route('employer.messages', ['type_message' => 'output']) }}" class="button button_light @if ($type_message == 'output') active @endif">Исходящие ({{ $count_output }})</a>
77 </div>
78 </div>
79 <!--<div class="cabinet__filters-item">
80 <div class="select">
81 <select class="js-select2" id="sort_ajax" name="sort_ajax">
82 <option value="default">Сортировка (по умолчанию)</option>
83 <option value="name (asc)">По имени (возрастание)</option>
84 <option value="name (desc)">По имени (убывание)</option>
85 <option value="created_at (asc)">По дате (возрастание)</option>
86 <option value="created_at (desc)">По дате (убывание)</option>
87 </select>
88 </div>
89 </div>-->
90 </div>
91 <div class="messages"> 28 <div class="messages">
92 <!--<button type="button" class="messages__button js-toggle js-parent-toggle button button_light button_more">
93 <span>Показать ещё</span>
94 <span>Скрыть</span>
95 </button>-->
96 <div class="messages__body"> 29 <div class="messages__body">
97 @if ($messages->count()) 30 @include('chats.chats_list')
98 @foreach($messages as $it)
99 <div class="messages__item">
100 <div class="messages__item-info">
101 <div class="messages__item-photo">
102 <svg>
103 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
104 </svg>
105 @if ($type_message == 'input')
106
107 @if (isset($it->user_from->is_worker))
108 @if ($it->user_from->is_worker)
109 @if (isset($it->user_from->workers[0]->photo))
110 <img src="{{ asset(Storage::url($it->user_from->workers[0]->photo)) }}" alt="">
111 @else
112 <img src="{{ asset('images/default_man.jpg') }}" alt="">
113 @endif
114 @else
115 @if (isset($it->user_from->employers[0]->logo))
116 <img src="{{ asset(Storage::url($it->user_from->employers[0]->logo)) }}" alt="">
117 @else
118 <img src="{{ asset('images/default_man.jpg') }}" alt="">
119 @endif
120 @endif
121 @else
122 <img src="{{ asset('images/default_man.jpg') }}" alt="">
123 @endif
124 @endif
125
126 @if ($type_message == 'output')
127 @if (isset($it->user_from->is_worker))
128 @if ($it->user_from->is_worker)
129 @if (isset($it->user_from->workers[0]->photo))
130 <img src="{{ asset(Storage::url($it->user_from->workers[0]->photo)) }}" alt="">
131 @else
132 <img src="{{ asset('images/default_man.jpg') }}" alt="">
133 @endif
134 @else
135 @if (isset($it->user_from->employers[0]->logo))
136 <img src="{{ asset(Storage::url($it->user_from->employers[0]->logo)) }}" alt="">
137 @else
138 <img src="{{ asset('images/default_man.jpg') }}" alt="">
139 @endif
140 @endif
141 @else
142 <img src="{{ asset('images/default_man.jpg') }}" alt="">
143 @endif
144 @endif
145 </div>
146 <div class="messages__item-text">
147 <div>
148 От: @if (isset($it->user_from))
149 @if ($it->user_from->id !== $user_id)
150 <!--<a href=" route('employer.dialog', ['user1' => $user_id, 'user2' => $it->user_from->id]) }}" style="text-decoration: underline">-->
151 {{ $it->user_from->surname." ".$it->user_from->name_man." ".$it->user_from->surname2." (".$it->user_from->id.")" }}
152 <!--</a>-->
153 @else
154 {{ $it->user_from->surname." ".$it->user_from->name_man." ".$it->user_from->surname2." (".$it->user_from->id.")" }}
155 @endif
156 @else
157 Удаленный пользователь
158 @endif
159 <br>
160 К: @if (isset($it->user_to))
161 @if ($it->user_to->id !== $user_id)
162 <!--<a href=" route('employer.dialog', ['user1' => $user_id, 'user2' => $it->user_to->id]) }}" style="text-decoration: underline">-->
163 {{ $it->user_to->surname." ".$it->user_to->name_man." ".$it->user_to->surname2." (".$it->user_to->id.")" }}
164 <!--</a>-->
165 @else
166 {{ $it->user_to->surname." ".$it->user_to->name_man." ".$it->user_to->surname2." (".$it->user_to->id.")" }}
167 @endif
168 @else
169 Удаленный пользователь
170 @endif
171 </div>
172 <div>
173 <span>Вакансия: </span>
174 @if (isset($it->user_from))
175 @if ($it->user_from->id !== $user_id)
176 @if (isset($it->vacancies))
177 <a href="{{ route('employer.dialog', ['user1' => $user_id, 'user2' => $it->user_from->id, 'ad_employer' => $it->vacancies->id, 'ad_name' => $it->vacancies->name ]) }}" style="text-decoration: underline">
178 {{ $it->vacancies->name." (".($it->vacancies->id).")" }}
179 </a>
180 @else
181 <a href="{{ route('employer.dialog', ['user1' => $user_id, 'user2' => $it->user_from->id, 'ad_employer' => 0, 'ad_name' => 'Не указана вакансия' ]) }}" style="text-decoration: underline">
182 Вакансия не указана
183 </a>
184 @endif
185 @else
186
187 @endif
188 @endif
189
190 @if (isset($it->user_to))
191 @if ($it->user_to->id !== $user_id)
192 @if (isset($it->vacancies))
193 <a href="{{ route('employer.dialog', ['user1' => $user_id, 'user2' => $it->user_to->id, 'ad_employer' => $it->vacancies->id, 'ad_name' => $it->vacancies->name ]) }}" style="text-decoration: underline">
194 {{ $it->vacancies->name." (".($it->vacancies->id).")" }}
195 </a>
196 @else
197 <a href="{{ route('employer.dialog', ['user1' => $user_id, 'user2' => $it->user_to->id, 'ad_employer' => 0, 'ad_name' => 'Не указана вакансия' ]) }}" style="text-decoration: underline">
198 Вакансия не указана
199 </a>
200 @endif
201 @else
202
203 @endif
204 @endif
205
206 </div>
207 <div><span>Текст:</span>{{ $it->text }}</div>
208 </div>
209 </div>
210
211 <div class="messages__item-date">{{ $it->created_at }}</div>
212 </div>
213 @endforeach
214 <div style="margin-top: 20px">
215 {{ $messages->onEachSide(0)->appends($_GET)->links('paginate') }}
216 </div><!-- конец -->
217 @else
218 <div class="notify">
219 <svg>
220 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
221 </svg>
222 <span>Сообщений не найдено</span>
223 </div>
224 @endif 31 </div>
225 </div> 32 </div>
226 </div> 33 </div>
227 </div> 34 </div>
228 </div> 35 </div>
229 </div> 36 </div>
230 </div> 37 </section>
231 </section> 38 @include('modals.chats.remove_chat')
232 </div> 39 @endsection
233 @endsection 40
234
resources/views/layout/frontend.blade.php
Diff comments   View file @ 356dd98
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 15
15 <link rel="stylesheet" href="{{ asset('css/telegram.css') }}"> 16 <link rel="stylesheet" href="{{ asset('css/telegram.css') }}">
16 17
17 <link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}"> 18 <link rel="stylesheet" href="{{ asset('css/star-rating.min.css') }}">
18 <link rel="stylesheet" href="{{ asset('css/style_may2024.css') }}"> 19 <link rel="stylesheet" href="{{ asset('css/style_may2024.css') }}">
19 <link rel="stylesheet" href="{{ asset('css/helpers.css') }}"> 20 <link rel="stylesheet" href="{{ asset('css/helpers.css') }}">
20 <style> 21 <style>
21 .err_red { 22 .err_red {
22 border: red 2px solid; 23 border: red 2px solid;
23 } 24 }
24 25
25 .input[disabled] { 26 .input[disabled] {
26 /* color: #9c9d9d; */ 27 /* color: #9c9d9d; */
27 background: #FFFFFF; 28 background: #FFFFFF;
28 } 29 }
29 </style> 30 </style>
30 </head> 31 </head>
31 32
32 <body id="body" onload="createCaptcha()"> 33 <body id="body" onload="createCaptcha()">
33 <a href="#body" class="to-top js-scroll-to"> 34 <a href="#body" class="to-top js-scroll-to">
34 <svg> 35 <svg>
35 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use> 36 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
36 </svg> 37 </svg>
37 </a> 38 </a>
38 39
39 <div> <!-- BEGIN TOP WRAPPER --> 40 <div> <!-- BEGIN TOP WRAPPER -->
40 <header class="header"> 41 <header class="header">
41 <div class="container"> 42 <div class="container">
42 <div class="header__body"> 43 <div class="header__body">
43 <div class="header__left"> 44 <div class="header__left">
44 <a href="{{ route('index') }}" class="header__logo"> 45 <a href="{{ route('index') }}" class="header__logo">
45 <svg> 46 <svg>
46 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use> 47 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
47 </svg> 48 </svg>
48 </a> 49 </a>
49 <nav class="header__menu"> 50 <nav class="header__menu">
50 <a href="{{ route('vacancies') }}" class="header__menu-item">Вакансии</a> 51 <a href="{{ route('vacancies') }}" class="header__menu-item">Вакансии</a>
51 <a href="{{ route('shipping_companies') }}" class="header__menu-item">Судоходные компании</a> 52 <a href="{{ route('shipping_companies') }}" class="header__menu-item">Судоходные компании</a>
52 <a href="{{ route('education') }}" class="header__menu-item">Образование</a> 53 <a href="{{ route('education') }}" class="header__menu-item">Образование</a>
53 </nav> 54 </nav>
54 </div> 55 </div>
55 <div class="header__right"> 56 <div class="header__right">
56 @guest 57 @guest
57 58
58 @else 59 @else
59 <a href="@if ($UserId->is_worker) {{ route('worker.cabinet') }} @else {{ route('employer.cabinet') }} @endif" class="header__notifs header__notifs_actived"> 60 <a href="@if ($UserId->is_worker) {{ route('worker.cabinet') }} @else {{ route('employer.cabinet') }} @endif" class="header__notifs header__notifs_actived">
60 <svg> 61 <svg>
61 <use xlink:href="{{ asset('images/sprite.svg#ring') }}"></use> 62 <use xlink:href="{{ asset('images/sprite.svg#ring') }}"></use>
62 </svg> 63 </svg>
63 <span>Уведомления</span> 64 <span>Уведомления</span>
64 </a> 65 </a>
65 66
66 @endguest 67 @endguest
67 <div class="header__right-line"></div> 68 <div class="header__right-line"></div>
68 <button class="header__burger"> 69 <button class="header__burger">
69 <svg> 70 <svg>
70 <use xlink:href="{{ asset('images/sprite.svg#burger') }}"></use> 71 <use xlink:href="{{ asset('images/sprite.svg#burger') }}"></use>
71 </svg> 72 </svg>
72 </button> 73 </button>
73 @guest 74 @guest
74 <a class="button header__sign" data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a> 75 <a class="button header__sign" data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a>
75 @else 76 @else
76 <a class="button header__sign" href="{{ route('logout') }}">Выйти</a> 77 <a class="button header__sign" href="{{ route('logout') }}">Выйти</a>
77 @endguest 78 @endguest
78 </div> 79 </div>
79 </div> 80 </div>
80 </div> 81 </div>
81 </header> 82 </header>
82 83
83 @yield('content') 84 @yield('content')
84 </div> <!-- END TOP WRAPPER --> 85 </div> <!-- END TOP WRAPPER -->
85 86
86 <div> <!-- BEGIN BOTTOM WRAPPER --> 87 <div> <!-- BEGIN BOTTOM WRAPPER -->
87 <footer class="footer"> 88 <footer class="footer">
88 <div class="container"> 89 <div class="container">
89 <div class="footer__mobile"> 90 <div class="footer__mobile">
90 91
91 <button class="footer__mobile-toper js-toggle active"> 92 <button class="footer__mobile-toper js-toggle active">
92 <a href="{{ route('index') }}"> 93 <a href="{{ route('index') }}">
93 <svg> 94 <svg>
94 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use> 95 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
95 </svg> 96 </svg>
96 </a> 97 </a>
97 <span> 98 <span>
98 <svg> 99 <svg>
99 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use> 100 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
100 </svg> 101 </svg>
101 </span> 102 </span>
102 </button> 103 </button>
103 <div class="footer__mobile-menu"> 104 <div class="footer__mobile-menu">
104 <div class="footer__mobile-menu-item"> 105 <div class="footer__mobile-menu-item">
105 <button class="js-toggle"> 106 <button class="js-toggle">
106 <b>Соискателям</b> 107 <b>Соискателям</b>
107 <span><svg> 108 <span><svg>
108 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use> 109 <use xlink:href="{{ asset('images/sprite.svg#arrow-top') }}"></use>
109 </svg></span> 110 </svg></span>
110 </button> 111 </button>
111 <div> 112 <div>
112 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 113 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
113 <a href="{{ route('vacancies') }}">Вакансии</a> 114 <a href="{{ route('vacancies') }}">Вакансии</a>
114 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>--> 115 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>-->
115 <a href="{{ route('education') }}">Образование</a> 116 <a href="{{ route('education') }}">Образование</a>
116 <a href="{{ route('news') }}">Новости</a> 117 <a href="{{ route('news') }}">Новости</a>
117 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 118 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
118 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 119 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
119 <!--<a href=" route('contacts') }}">Контакты</a>--> 120 <!--<a href=" route('contacts') }}">Контакты</a>-->
120 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a> 121 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a>
121 </div> 122 </div>
122 </div> 123 </div>
123 <div class="footer__mobile-menu-item"> 124 <div class="footer__mobile-menu-item">
124 <button class="js-toggle"> 125 <button class="js-toggle">
125 <b>Работодателям</b> 126 <b>Работодателям</b>
126 <span><svg> 127 <span><svg>
127 <use xlink:href="{{asset('images/sprite.svg#arrow-top') }}"></use> 128 <use xlink:href="{{asset('images/sprite.svg#arrow-top') }}"></use>
128 </svg></span> 129 </svg></span>
129 </button> 130 </button>
130 <div> 131 <div>
131 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 132 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
132 <!--<a href=" route('register') }}">Регистрация</a>--> 133 <!--<a href=" route('register') }}">Регистрация</a>-->
133 <a href="{{ route('bd_resume') }}">База резюме</a> 134 <a href="{{ route('bd_resume') }}">База резюме</a>
134 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a> 135 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>
135 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>--> 136 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>-->
136 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>--> 137 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>-->
137 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>--> 138 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>-->
138 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 139 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
139 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 140 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
140 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a> 141 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a>
141 </div> 142 </div>
142 </div> 143 </div>
143 </div> 144 </div>
144 <div class="footer__mobile-contacts"> 145 <div class="footer__mobile-contacts">
145 <b>Контакты</b> 146 <b>Контакты</b>
146 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a> 147 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
147 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a> 148 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
148 </div> 149 </div>
149 <div class="footer__mobile-bottom"> 150 <div class="footer__mobile-bottom">
150 <div class="socials"> 151 <div class="socials">
151 <a href="{{ $companies[0]->vkontact }}" target="_blank"> 152 <a href="{{ $companies[0]->vkontact }}" target="_blank">
152 <svg> 153 <svg>
153 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use> 154 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
154 </svg> 155 </svg>
155 </a> 156 </a>
156 <a href="{{ $companies[0]->telegram }}" target="_blank"> 157 <a href="{{ $companies[0]->telegram }}" target="_blank">
157 <svg> 158 <svg>
158 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use> 159 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
159 </svg> 160 </svg>
160 </a> 161 </a>
161 </div> 162 </div>
162 <nav class="footer__mobile-links"> 163 <nav class="footer__mobile-links">
163 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a> 164 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a>
164 <span></span> 165 <span></span>
165 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a> 166 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a>
166 </nav> 167 </nav>
167 &copy; 2023 &mdash; RekaMore.su 168 &copy; 2023 &mdash; RekaMore.su
168 <a href="{{ route('index') }}" class="nls" target="_blank"> 169 <a href="{{ route('index') }}" class="nls" target="_blank">
169 <svg> 170 <svg>
170 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use> 171 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
171 </svg> 172 </svg>
172 <span> 173 <span>
173 Дизайн и разработка: 174 Дизайн и разработка:
174 <b>NoLogoStudio.ru</b> 175 <b>NoLogoStudio.ru</b>
175 </span> 176 </span>
176 </a> 177 </a>
177 </div> 178 </div>
178 </div> 179 </div>
179 <div class="footer__main"> 180 <div class="footer__main">
180 <div class="footer__main-body"> 181 <div class="footer__main-body">
181 182
182 <a href="" class="footer__main-logo"> 183 <a href="" class="footer__main-logo">
183 <svg> 184 <svg>
184 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use> 185 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
185 </svg> 186 </svg>
186 </a> 187 </a>
187 <div class="footer__main-col"> 188 <div class="footer__main-col">
188 <div class="footer__main-title">Соискателям</div> 189 <div class="footer__main-title">Соискателям</div>
189 <nav> 190 <nav>
190 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 191 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
191 <a href="{{ route('vacancies') }}">Вакансии</a> 192 <a href="{{ route('vacancies') }}">Вакансии</a>
192 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>--> 193 <!--<a href=" route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>-->
193 <a href="{{ route('education') }}">Образование</a> 194 <a href="{{ route('education') }}">Образование</a>
194 <a href="{{ route('news') }}">Новости</a> 195 <a href="{{ route('news') }}">Новости</a>
195 <!--<a href=" route('contacts') }}">Контакты</a>--> 196 <!--<a href=" route('contacts') }}">Контакты</a>-->
196 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 197 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
197 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 198 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
198 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a> 199 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-soiskatelyam"]) }}">Публичная оферта</a>
199 </nav> 200 </nav>
200 </div> 201 </div>
201 <div class="footer__main-col"> 202 <div class="footer__main-col">
202 <div class="footer__main-title">Работодателям</div> 203 <div class="footer__main-title">Работодателям</div>
203 <nav> 204 <nav>
204 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a> 205 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Регистрация</a>
205 <!--<a href=" route('register') }}">Регистрация</a>--> 206 <!--<a href=" route('register') }}">Регистрация</a>-->
206 <a href="{{ route('bd_resume') }}">База резюме</a> 207 <a href="{{ route('bd_resume') }}">База резюме</a>
207 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a> 208 <a href="{{ route('page', ['pages' => "Usloviya-razmescheniya"]) }}">Условия размещения</a>
208 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>--> 209 <!--<a href=" route('page', ['pages' => "Stoimost-razmescheniya"]) }}">Стоимость размещения</a>-->
209 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>--> 210 <!--<a href=" route('page', ['pages' => "Instrukcii"]) }}">Инструкции</a>-->
210 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>--> 211 <!--<a href=" route('page', ['pages' => "Effektivnost-obyavleniya"]) }}">Эффективность объявления</a>-->
211 <a href="{{ $companies[0]->telegram }}">Телеграм</a> 212 <a href="{{ $companies[0]->telegram }}">Телеграм</a>
212 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a> 213 <a href="{{ $companies[0]->vkontact }}">ВКонтакте</a>
213 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a> 214 <a href="{{ route('page', ['pages' => "Publichnaya-oferta-rabotodatelyam"]) }}">Публичная оферта</a>
214 </nav> 215 </nav>
215 </div> 216 </div>
216 217
217 <div class="footer__main-col"> 218 <div class="footer__main-col">
218 <div class="footer__main-title">Контакты</div> 219 <div class="footer__main-title">Контакты</div>
219 <div class="footer__main-contacts"> 220 <div class="footer__main-contacts">
220 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a> 221 <a href="tel:{{ $companies[0]->telephone }}">{{ $companies[0]->telephone }}</a>
221 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a> 222 <a href="mailto:{{ $companies[0]->email }}">{{ $companies[0]->email }}</a>
222 </div> 223 </div>
223 <div class="socials"> 224 <div class="socials">
224 <a href="{{ $companies[0]->vkontact }}" target="_blank"> 225 <a href="{{ $companies[0]->vkontact }}" target="_blank">
225 <svg> 226 <svg>
226 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use> 227 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
227 </svg> 228 </svg>
228 </a> 229 </a>
229 <a href="{{ $companies[0]->telegram }}" target="_blank"> 230 <a href="{{ $companies[0]->telegram }}" target="_blank">
230 <svg> 231 <svg>
231 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use> 232 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
232 </svg> 233 </svg>
233 </a> 234 </a>
234 </div> 235 </div>
235 </div> 236 </div>
236 </div> 237 </div>
237 238
238 <div class="footer__main-copy"> 239 <div class="footer__main-copy">
239 <div>&copy; 2023 &mdash; RekaMore.su</div> 240 <div>&copy; 2023 &mdash; RekaMore.su</div>
240 <nav> 241 <nav>
241 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a> 242 <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политика конфиденциальности</a>
242 <span></span> 243 <span></span>
243 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a> 244 <a href="{{ route('page', ['pages' => "Polzovatelskoe-soglashenie"]) }}">Пользовательское соглашение</a>
244 </nav> 245 </nav>
245 <div> @if (isset($_COOKIE['favorite_vacancy'])) Куки вакансий: {{ print_r($_COOKIE['favorite_vacancy']) }} @endif</div> 246 <div> @if (isset($_COOKIE['favorite_vacancy'])) Куки вакансий: {{ print_r($_COOKIE['favorite_vacancy']) }} @endif</div>
246 <a href="{{ route('index') }}" class="nls" target="_blank"> 247 <a href="{{ route('index') }}" class="nls" target="_blank">
247 <svg> 248 <svg>
248 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use> 249 <use xlink:href="{{ asset('images/sprite.svg#nls') }}"></use>
249 </svg> 250 </svg>
250 <span> 251 <span>
251 Дизайн и разработка: 252 Дизайн и разработка:
252 <b>NoLogoStudio.ru</b> 253 <b>NoLogoStudio.ru</b>
253 </span> 254 </span>
254 </a> 255 </a>
255 </div> 256 </div>
256 </div> 257 </div>
257 </div> 258 </div>
258 </footer> 259 </footer>
259 </div> <!-- END BOTTOM WRAPPER --> 260 </div> <!-- END BOTTOM WRAPPER -->
260 261
261 <div hidden> <!-- BEGIN MODALS WRAPPER --> 262 <div hidden> <!-- BEGIN MODALS WRAPPER -->
262 <!-- Соискатель отправляет сообщение работодателю --> 263 <!-- Соискатель отправляет сообщение работодателю -->
263 @include('modals.send_worker_new') 264 @include('modals.send_worker_new')
264 265
265 <!-- Работодатель отправляет сообщение соискателю --> 266 <!-- Работодатель отправляет сообщение соискателю -->
266 @include('modals.send_employer') 267 @include('modals.send_employer')
267 268
268 <!-- Сообщение-предупреждение о том, что сообщения только можно отправить авторизованным пользователям --> 269 <!-- Сообщение-предупреждение о том, что сообщения только можно отправить авторизованным пользователям -->
269 @include('modals.send_message_noaut') 270 @include('modals.send_message_noaut')
270 271
271 @include('modals.send_message_noaut2') 272 @include('modals.send_message_noaut2')
272 273
273 <!-- Форма авторизации --> 274 <!-- Форма авторизации -->
274 @include('modals.send_login') 275 @include('modals.send_login')
275 276
276 <!-- Сбросить пароль --> 277 <!-- Сбросить пароль -->
277 @include('modals.reset_password') 278 @include('modals.reset_password')
278 279
279 <!-- Регистрация --> 280 <!-- Регистрация -->
280 @include('modals.register') 281 @include('modals.register')
281 282
282 <!-- Благодарность по отправке сообщения работодателю --> 283 <!-- Благодарность по отправке сообщения работодателю -->
283 @include('modals.thank_you_send_employer') 284 @include('modals.thank_you_send_employer')
284 285
285 <!-- Благодарность по отправке сообщения менеджеру --> 286 <!-- Благодарность по отправке сообщения менеджеру -->
286 @include('modals.thank_you_send_manager') 287 @include('modals.thank_you_send_manager')
287 288
288 <!-- Благодарность после регистрации --> 289 <!-- Благодарность после регистрации -->
289 @include('modals.thank_you_send_for_employer') 290 @include('modals.thank_you_send_for_employer')
290 291
291 <!-- Благодарность после регистрации для работника --> 292 <!-- Благодарность после регистрации для работника -->
292 @include('modals.thank_you_send_for_worker') 293 @include('modals.thank_you_send_for_worker')
293 294
294 <!-- Подтверждение удаления профиля --> 295 <!-- Подтверждение удаления профиля -->
295 @include('modals.delete_profile') 296 @include('modals.delete_profile')
296 297
297 <!-- Подверждение об удалении профиля --> 298 <!-- Подверждение об удалении профиля -->
298 @include('modals.success_delete_profile') 299 @include('modals.success_delete_profile')
299 300
300 </div> <!-- END MODALS WRAPPER --> 301 </div> <!-- END MODALS WRAPPER -->
301 302
302 303
303 <script src="{{ asset('js/jquery.maskedinput.js') }}"></script> 304 <script src="{{ asset('js/jquery.maskedinput.js') }}"></script>
304 <script src="{{ asset('js/jquery.fancybox.js') }}"></script> 305 <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
305 <script src="{{ asset('js/jquery.select2.js') }}"></script> 306 <script src="{{ asset('js/jquery.select2.js') }}"></script>
306 <script src="{{ asset('js/swiper.js') }}"></script> 307 <script src="{{ asset('js/swiper.js') }}"></script>
307 <script src="{{ asset('js/script-vc.js') }}"></script> 308 <script src="{{ asset('js/script-vc.js') }}"></script>
308 <script src="{{ asset('js/star-rating.min.js') }}"></script> 309 <script src="{{ asset('js/star-rating.min.js') }}"></script>
309 <script> 310 <script>
310 var getUrlParameter = function getUrlParameter(sParam) { 311 var getUrlParameter = function getUrlParameter(sParam) {
311 var sPageURL = decodeURIComponent(window.location.search.substring(1)), 312 var sPageURL = decodeURIComponent(window.location.search.substring(1)),
312 sURLVariables = sPageURL.split('&'), 313 sURLVariables = sPageURL.split('&'),
313 sParameterName, 314 sParameterName,
314 i; 315 i;
315 for (i = 0; i < sURLVariables.length; i++) { 316 for (i = 0; i < sURLVariables.length; i++) {
316 sParameterName = sURLVariables[i].split('='); 317 sParameterName = sURLVariables[i].split('=');
317 if (sParameterName[0] === sParam) { 318 if (sParameterName[0] === sParam) {
318 return sParameterName[1] === undefined ? true : sParameterName[1]; 319 return sParameterName[1] === undefined ? true : sParameterName[1];
319 } 320 }
320 } 321 }
321 }; 322 };
322 323
323 $(function() { 324 $(function() {
324 var style_link = "{{ asset('css/cke_wysiwyg_frame_style.css') }}"; 325 var style_link = "{{ asset('css/cke_wysiwyg_frame_style.css') }}";
325 var iterator = 0; 326 var iterator = 0;
326 var wysiwyg_style_interval = window.setInterval(function(){ 327 var wysiwyg_style_interval = window.setInterval(function(){
327 var frame = $('.cke_wysiwyg_frame'); 328 var frame = $('.cke_wysiwyg_frame');
328 frame.contents().find('head').append( 329 frame.contents().find('head').append(
329 $('<link rel="stylesheet" type="text/css" href="' + style_link + '">') 330 $('<link rel="stylesheet" type="text/css" href="' + style_link + '">')
330 ); 331 );
331 if (frame.length || (++iterator == 6)){ 332 if (frame.length || (++iterator == 6)){
332 clearInterval(wysiwyg_style_interval); 333 clearInterval(wysiwyg_style_interval);
333 } 334 }
334 }, 500); 335 }, 500);
335 }); 336 });
336 </script> 337 </script>
337 @include('js.modals') 338 @include('js.modals')
338 @include('js.captha') 339 @include('js.captha')
339 @yield('scripts') 340 @yield('scripts')
340 </body> 341 </body>
341 </html> 342 </html>
342 343
resources/views/modals/chats/remove_chat.blade.php
Diff comments   View file @ 356dd98
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/svg/pin_off.blade.php
Diff comments   View file @ 356dd98
File was created 1 <svg id="pin_off" width="24" height="24" viewBox="0 0 24 24" fill="none">
2 <g>
3 <path d="M21.2011 10.2914L21.1824 10.314L21.1649 10.3376C20.99 10.5746 20.7324 10.7371 20.4432 10.793C20.1586 10.848 19.864 10.7958 19.6158 10.6467C19.566 10.6135 19.4609 10.5439 19.3519 10.4926C19.1996 10.421 18.928 10.3288 18.5951 10.4056C18.3132 10.4706 18.1249 10.6299 18.0531 10.6923C17.9801 10.7556 17.9024 10.8345 17.846 10.8918C17.8405 10.8973 17.8353 10.9026 17.8303 10.9077L17.8302 10.9078C16.4596 12.2971 16.0828 12.6702 14.9413 13.8004L14.9359 13.8058L14.9359 13.8058L14.9324 13.8093L14.4356 14.3061L14.428 14.313C14.4204 14.3199 14.3984 14.3397 14.375 14.3627C14.3742 14.3636 14.3731 14.3646 14.3719 14.3658C14.3397 14.3972 14.1785 14.5544 14.0995 14.8112C13.9963 15.1467 14.0901 15.4255 14.1553 15.5639C14.1964 15.6511 14.2463 15.7242 14.2695 15.7568C15.351 17.4028 14.7366 19.3459 13.5194 20.7627C13.2899 21.0053 13.1747 21.0049 13.1735 21.005L13.1734 21.005C13.1684 21.0052 13.0552 21.0096 12.8172 20.7948C12.4016 20.378 12.024 20.0025 11.6562 19.6368C10.9018 18.8867 10.1885 18.1775 9.27281 17.2356L9.24339 17.2053L9.21618 17.1817C9.21377 17.1792 9.20723 17.1726 9.19271 17.1581L9.19118 17.1565C9.17821 17.1435 9.1224 17.0875 9.04628 17.0331C8.95518 16.9681 8.7878 16.8702 8.55445 16.845C8.32075 16.8198 8.13401 16.8796 8.02355 16.9283C7.92365 16.9723 7.85021 17.0236 7.82313 17.0427C7.7885 17.0672 7.72572 17.116 7.70429 17.1327C7.70063 17.1355 7.69817 17.1374 7.69727 17.1381L7.68381 17.1484L7.67071 17.1592C6.59272 18.0425 5.51225 18.9209 4.42928 19.7942L4.42745 19.7957C3.98373 20.1553 3.53886 20.5154 3.09282 20.8761C3.36515 20.5014 3.63593 20.1278 3.90617 19.755C4.81152 18.5059 5.71082 17.2651 6.64195 16.0186L6.64779 16.0108L6.65348 16.0028C6.65483 16.0009 6.71685 15.9177 6.75922 15.8446C6.80423 15.7669 6.9819 15.4511 6.87009 15.0382C6.82226 14.8617 6.73858 14.738 6.68865 14.6728C6.64133 14.611 6.59536 14.5652 6.58044 14.5503L6.58003 14.5499C6.55113 14.5211 6.54482 14.5154 6.54153 14.5124C6.53888 14.51 6.53818 14.5093 6.52929 14.5L6.51846 14.4885L6.50728 14.4774C5.26496 13.246 4.40387 12.3826 3.28693 11.2608L3.28694 11.2608L3.28235 11.2563C3.00584 10.9821 3.01246 10.8459 3.01285 10.838L3.01285 10.8379C3.01346 10.8247 3.02458 10.6779 3.33148 10.4114L3.33302 10.4101C3.98754 9.8393 4.88968 9.39798 5.81255 9.24909C6.72641 9.10166 7.59019 9.24843 8.27406 9.74538C8.30815 9.77067 8.33536 9.7888 8.34843 9.7975L8.34985 9.79845L9.03635 10.2561L9.61608 9.66903C10.8598 8.40952 12.1109 7.15723 13.3691 5.91223L13.9796 5.30825L13.4748 4.61355C13.2798 4.34531 13.1929 4.01358 13.2312 3.68422C13.2695 3.35486 13.4303 3.05194 13.6816 2.8356C13.9328 2.61926 14.2563 2.5053 14.5877 2.51636C14.9187 2.5274 15.2334 2.66232 15.4696 2.89438C17.8126 5.21499 18.8157 6.22172 21.1333 8.55807C21.3566 8.78708 21.4873 9.09063 21.5001 9.41029C21.513 9.73088 21.4065 10.0449 21.2011 10.2914Z" stroke="black" stroke-width="2"/>
4 </g>
5 </svg>
6
resources/views/svg/pin_on.blade.php
Diff comments   View file @ 356dd98
File was created 1 <svg id="pin_on" width="24" height="24" viewBox="0 0 24 24" fill="none">
2 <g>
3 <path d="M21.9695 10.9314C21.6456 11.3703 21.1685 11.6714 20.6329 11.7749C20.0973 11.8784 19.5424 11.7767 19.0783 11.4901C18.8233 11.3214 18.8233 11.3251 18.542 11.6101C17.1658 13.0051 16.787 13.3801 15.6395 14.5164L15.1258 15.0301C15.0444 15.1051 15.0305 15.1025 15.092 15.1876C16.5545 17.3889 15.6245 19.8564 14.2633 21.4314C13.5714 22.175 12.8533 22.187 12.1258 21.5176C10.8617 20.2494 9.92903 19.3453 8.55578 17.9326C8.42453 17.8186 8.48116 17.7976 8.30453 17.9326C7.22453 18.8176 6.14203 19.6976 5.05703 20.5726C4.40453 21.1014 3.74953 21.6314 3.09203 22.1626C2.88997 22.3572 2.62566 22.4741 2.34578 22.4926C2.23653 22.4905 2.12881 22.4665 2.02898 22.4221C1.92915 22.3776 1.83923 22.3136 1.76453 22.2339C1.23953 21.7201 1.62953 21.1839 1.79828 20.9551C3.14716 19.1068 4.46266 17.2651 5.84078 15.4201C5.94053 15.281 5.92441 15.3155 5.80328 15.1876C4.55866 13.9539 3.69578 13.0888 2.57828 11.9664C1.78703 11.1819 1.83203 10.3891 2.67578 9.65639C4.25828 8.27639 6.96953 7.55639 8.86703 8.94014C8.88203 8.95139 8.89328 8.95889 8.90453 8.96639C10.151 7.70413 11.4048 6.44911 12.6658 5.20139C12.3233 4.73012 12.1706 4.14733 12.2379 3.56868C12.3052 2.99004 12.5876 2.45786 13.0291 2.07778C13.4706 1.69769 14.0388 1.49749 14.621 1.51692C15.2033 1.53634 15.7569 1.77397 16.172 2.18264C18.5195 4.50764 19.5245 5.51639 21.8458 7.85639C22.2436 8.2626 22.4765 8.80199 22.4993 9.37008C22.5222 9.93817 22.3334 10.4945 21.9695 10.9314Z" fill="gray"/>
4 </g>
5 </svg>
6
resources/views/workers/dialog.blade.php
Diff comments   View file @ 356dd98
1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('change', '#send_btn', function() { 6 $(document).on('change', '#send_btn', function() {
7 var this_ = $(this); 7 var this_ = $(this);
8 var val_ = this_.val(); 8 var val_ = this_.val();
9 console.log('sort items '+val_); 9 console.log('sort items '+val_);
10 10
11 $.ajax({ 11 $.ajax({
12 type: "GET", 12 type: "GET",
13 url: "{{ route('shipping_companies') }}", 13 url: "{{ route('shipping_companies') }}",
14 data: "sort="+val_+"&block=1", 14 data: "sort="+val_+"&block=1",
15 success: function (data) { 15 success: function (data) {
16 console.log('Выбор сортировки'); 16 console.log('Выбор сортировки');
17 console.log(data); 17 console.log(data);
18 $('#block_1').html(data); 18 $('#block_1').html(data);
19 }, 19 },
20 headers: { 20 headers: {
21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22 }, 22 },
23 error: function (data) { 23 error: function (data) {
24 data = JSON.stringify(data); 24 data = JSON.stringify(data);
25 console.log('Error: ' + data); 25 console.log('Error: ' + data);
26 } 26 }
27 }); 27 });
28 28
29 $.ajax({ 29 $.ajax({
30 type: "GET", 30 type: "GET",
31 url: "{{ route('shipping_companies') }}", 31 url: "{{ route('shipping_companies') }}",
32 data: "sort="+val_+"&block=2", 32 data: "sort="+val_+"&block=2",
33 success: function (data) { 33 success: function (data) {
34 console.log('Выбор сортировки2'); 34 console.log('Выбор сортировки2');
35 console.log(data); 35 console.log(data);
36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37 $('#block_2').html(data); 37 $('#block_2').html(data);
38 }, 38 },
39 headers: { 39 headers: {
40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41 }, 41 },
42 error: function (data) { 42 error: function (data) {
43 data = JSON.stringify(data); 43 data = JSON.stringify(data);
44 console.log('Error: ' + data); 44 console.log('Error: ' + data);
45 } 45 }
46 }); 46 });
47 }); 47 });
48 </script> 48 </script>
49 @endsection 49 @endsection
50 50
51 @section('content') 51 @section('content')
52 <section class="cabinet"> 52 <section class="cabinet">
53 <div class="container"> 53 <div class="container">
54 <ul class="breadcrumbs cabinet__breadcrumbs"> 54 <ul class="breadcrumbs cabinet__breadcrumbs">
55 <li><a href="{{ route('index') }}">Главная</a></li> 55 <li><a href="{{ route('index') }}">Главная</a></li>
56 <li><b>Личный кабинет</b></li> 56 <li><b>Личный кабинет</b></li>
57 </ul> 57 </ul>
58 <div class="cabinet__wrapper"> 58 <div class="cabinet__wrapper">
59 <div class="cabinet__side"> 59 <div class="cabinet__side">
60 <div class="cabinet__side-toper"> 60 <div class="cabinet__side-toper">
61 @include('workers.emblema') 61 @include('workers.emblema')
62 </div> 62 </div>
63 @include('workers.menu', ['item' => 2]) 63 @include('workers.menu', ['item' => 2])
64 </div> 64 </div>
65 <div class="cabinet__body"> 65 <div class="cabinet__body">
66 <div class="cabinet__body-item"> 66 <div class="cabinet__body-item">
67 <h2 class="title cabinet__title">Сообщения</h2> 67 <h2 class="title cabinet__title">Сообщения</h2>
68 </div> 68 </div>
69 <div class="cabinet__body-item"> 69 <div class="cabinet__body-item">
70 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back"> 70 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back">
71 <svg> 71 <svg>
72 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 72 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
73 </svg> 73 </svg>
74 <span> 74 <span>
75 К списку чатов 75 К списку чатов
76 </span> 76 </span>
77 </a> 77 </a>
78 <div class="chatbox"> 78 <div class="chatbox">
79 <div class="chatbox__toper"> 79 <div class="chatbox__toper">
80 @if ($companion->is_worker) 80 @if ($companion->is_worker)
81 <div class="chatbox__toper-info messages__item-info"> 81 <div class="chatbox__toper-info messages__item-info">
82 <div class="messages__item-photo"> 82 <div class="messages__item-photo">
83 <svg> 83 <svg>
84 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 84 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
85 </svg> 85 </svg>
86 @if ((isset($companion->workers[0]->photo)) && 86 @if ((isset($companion->workers[0]->photo)) &&
87 (!empty($companion->workers[0]->photo))) 87 (!empty($companion->workers[0]->photo)))
88 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 88 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
89 @else 89 @else
90 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 90 <img src="{{ asset('images/default_man.jpg') }}" alt="">
91 @endif 91 @endif
92 </div> 92 </div>
93 <div class="messages__item-text">
94 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
95 <div><span>Вакансия:</span> @if (!is_null($ad_employer)) <a href="{{ route('vacancie', ['vacancy' => $ad_employer->id]) }}">{{ $ad_employer->name}}</a> @else Не указано @endif</div>
96 </div>
97 </div> 93 </div>
98 @if (isset($companion->worker->id)) 94 @if (isset($companion->worker->id))
99 <a href="{{ route('resume_profile', ['worker' => $companion->worker->id]) }}" class="button chatbox__toper-button"> 95 <a href="{{ route('resume_profile', ['worker' => $companion->worker->id]) }}" class="button chatbox__toper-button">
100 <svg> 96 <svg>
101 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 97 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
102 </svg> 98 </svg>
103 Перейти в резюме 99 Перейти в резюме
104 </a> 100 </a>
105 @endif 101 @endif
106 @else 102 @else
107 <div class="chatbox__toper-info messages__item-info"> 103 <div class="chatbox__toper-info messages__item-info">
108 <div class="messages__item-photo"> 104 <div class="messages__item-photo">
109 <svg> 105 <svg>
110 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 106 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
111 </svg> 107 </svg>
112 @if ((isset($companion->employers[0]->logo)) && 108 @if ((isset($companion->employers[0]->logo)) &&
113 (!empty($companion->employers[0]->logo))) 109 (!empty($companion->employers[0]->logo)))
114 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 110 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
115 @else 111 @else
116 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 112 <img src="{{ asset('images/default_man.jpg') }}" alt="">
117 @endif 113 @endif
118 </div> 114 </div>
119 <div class="messages__item-text"> 115 <div class="messages__item-text">
120 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div> 116 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
121 <div><span>Статус:</span> Работодатель или Администратор</div> 117 <div><span>Статус:</span> Работодатель или Администратор</div>
122 </div> 118 </div>
123 </div> 119 </div>
124 @if (isset($companion->employer->id)) 120 @if (isset($companion->employer->id))
125 <a href="" class="button chatbox__toper-button"> 121 <a href="" class="button chatbox__toper-button">
126 <svg> 122 <svg>
127 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 123 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
128 </svg> 124 </svg>
129 Перейти в резюме 125 Перейти в резюме
130 </a> 126 </a>
131 @endif 127 @endif
132 @endif 128 @endif
133 </div> 129 </div>
134 130
135 <div class="chatbox__list" id="dialogs" name="dialogs"> 131 <div class="chatbox__list" id="dialogs" name="dialogs">
136 @if ($Messages->count()) 132 @if ($Messages->count())
137 @foreach ($Messages as $it) 133 @foreach ($Messages as $it)
138 @if ($it->user_id == $companion->id) 134 @if ($it->user_id == $companion->id)
139 <div class="chatbox__item"> 135 <div class="chatbox__item">
140 <div class="chatbox__item-photo"> 136 <div class="chatbox__item-photo">
141 <svg> 137 <svg>
142 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 138 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
143 </svg> 139 </svg>
144 @if ($companion->is_worker) 140 @if ($companion->is_worker)
145 @if ((isset($companion->workers[0]->photo)) && 141 @if ((isset($companion->workers[0]->photo)) &&
146 (!empty($companion->workers[0]->photo))) 142 (!empty($companion->workers[0]->photo)))
147 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 143 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
148 @else 144 @else
149 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 145 <img src="{{ asset('images/default_man.jpg') }}" alt="">
150 @endif 146 @endif
151 @else 147 @else
152 @if ((isset($companion->employers[0]->logo)) && 148 @if ((isset($companion->employers[0]->logo)) &&
153 (!empty($companion->employers[0]->logo))) 149 (!empty($companion->employers[0]->logo)))
154 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 150 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
155 @else 151 @else
156 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 152 <img src="{{ asset('images/default_man.jpg') }}" alt="">
157 @endif 153 @endif
158 @endif 154 @endif
159 </div> 155 </div>
160 <div class="chatbox__item-body"> 156 <div class="chatbox__item-body">
161 <div class="chatbox__item-text">{{ $it->text }}</div> 157 <div class="chatbox__item-text">{{ $it->text }}</div>
162 </div> 158 </div>
163 <div class="chatbox__item-time">{{ $it->created_at }}</div> 159 <div class="chatbox__item-time">{{ $it->created_at }}</div>
164 </div> 160 </div>
165 @else 161 @else
166 <div class="chatbox__item chatbox__item_reverse"> 162 <div class="chatbox__item chatbox__item_reverse">
167 <div class="chatbox__item-photo"> 163 <div class="chatbox__item-photo">
168 <svg> 164 <svg>
169 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 165 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
170 </svg> 166 </svg>
171 @if ($sender->is_worker) 167 @if ($sender->is_worker)
172 @if ((isset($sender->workers[0]->photo)) && 168 @if ((isset($sender->workers[0]->photo)) &&
173 (!empty($sender->workers[0]->photo))) 169 (!empty($sender->workers[0]->photo)))
174 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt=""> 170 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
175 @else 171 @else
176 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 172 <img src="{{ asset('images/default_man.jpg') }}" alt="">
177 @endif 173 @endif
178 @else 174 @else
179 @if ((isset($sender->employers[0]->logo)) && 175 @if ((isset($sender->employers[0]->logo)) &&
180 (!empty($sender->employers[0]->logo))) 176 (!empty($sender->employers[0]->logo)))
181 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt=""> 177 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">
182 @else 178 @else
183 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 179 <img src="{{ asset('images/default_man.jpg') }}" alt="">
184 @endif 180 @endif
185 @endif 181 @endif
186 182
187 </div> 183 </div>
188 <div class="chatbox__item-body"> 184 <div class="chatbox__item-body">
189 <div class="chatbox__item-text">{{ $it->text }}</div> 185 <div class="chatbox__item-text">{{ $it->text }}</div>
190 @if ((isset($it->file)) && (!empty($it->file))) 186 @if ((isset($it->file)) && (!empty($it->file)))
191 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text"> 187 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">
192 <svg> 188 <svg>
193 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 189 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
194 </svg> 190 </svg>
195 </a> 191 </a>
196 @endif 192 @endif
197 </div> 193 </div>
198 <div class="chatbox__item-time">{{ $it->created_at }}</div> 194 <div class="chatbox__item-time">{{ $it->created_at }}</div>
199 </div> 195 </div>
200 @endif 196 @endif
201 197
202 @endforeach 198 @endforeach
203 @endif 199 @endif
204 </div> 200 </div>
205 <form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" > 201 <form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >
206 @csrf 202 @csrf
207 <label class="chatbox__bottom-file"> 203 <label class="chatbox__bottom-file">
208 <input id="file" name="file" type="file"> 204 <input id="file" name="file" type="file">
209 <svg> 205 <svg>
210 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 206 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
211 </svg> 207 </svg>
212 </label> 208 </label>
213 <input type="hidden" name="_token" value="{{ csrf_token() }}"/> 209 <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
214 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/> 210 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>
215 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/> 211 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>
216 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/> 212 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>
217 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/> 213 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>
218 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить"> 214 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">
219 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send"> 215 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">
220 <svg> 216 <svg>
221 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 217 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
222 </svg> 218 </svg>
223 </button> 219 </button>
224 </form> 220 </form>
225 </div> 221 </div>
226 </div> 222 </div>
227 </div> 223 </div>
228 </div> 224 </div>
229 </div> 225 </div>
230 </section> 226 </section>
231 </div> 227 </div>
232 @endsection 228 @endsection
233 229
resources/views/workers/messages.blade.php
Diff comments   View file @ 356dd98
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('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people'); 589 //Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
590 590
591 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger'); 591 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger');
592 592
593 593
594 594
595 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people'); 595 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
596 596
597 // 3 страница - Мои вакансии 597 // 3 страница - Мои вакансии
598 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list'); 598 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list');
599 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 599 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
600 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete'); 600 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete');
601 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up'); 601 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up');
602 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye'); 602 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye');
603 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 603 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
604 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me'); 604 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me');
605 605
606 // 4.1Ю. 606 // 4.1Ю.
607 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac'); 607 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac');
608 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save'); 608 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save');
609 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac'); 609 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac');
610 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save'); 610 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save');
611 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac'); 611 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac');
612 612
613 // 4 страница - Отклики на вакансии 613 // 4 страница - Отклики на вакансии
614 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers'); 614 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers');
615 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple'); 615 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple');
616 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg'); 616 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg');
617 617
618 // 5 страница - Сообщения 618 // 5 страница - Сообщения
619 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages'); 619 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages');
620 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog'); 620 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog');
621 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message'); 621 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message');
622 Route::post('test123', [EmployerController::class, 'test123'])->name('test123'); 622 Route::post('test123', [EmployerController::class, 'test123'])->name('test123');
623 623
624 // 6 страница - Избранный 624 // 6 страница - Избранный
625 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites'); 625 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites');
626 626
627 //7 страница - База данных 627 //7 страница - База данных
628 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd'); 628 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd');
629 629
630 //8 страница - База резюме 630 //8 страница - База резюме
631 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe'); 631 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe');
632 632
633 // 9 рассылка сообщений 633 // 9 рассылка сообщений
634 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages'); 634 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages');
635 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post'); 635 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post');
636 636
637 // 10 страница FAQ вопросы 637 // 10 страница FAQ вопросы
638 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq'); 638 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq');
639 639
640 // 11 страница - Настройка уведомлений 640 // 11 страница - Настройка уведомлений
641 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe'); 641 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe');
642 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe'); 642 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe');
643 643
644 // 12 страница - Сменить пароль 644 // 12 страница - Сменить пароль
645 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset'); 645 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset');
646 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password'); 646 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password');
647 647
648 // 13 страница - Удаление профиля 648 // 13 страница - Удаление профиля
649 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people'); 649 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
650 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user'); 650 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
651 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user'); 651 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
652
653 // Отправил сообщение
654 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');
652 655
653 // Отправил сообщение 656 Route::post('pin_chat/', [EmployerController::class, 'pin_chat'])->name('pin_chat');
654 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message'); 657 Route::post('remove_chat/', [EmployerController::class, 'remove_chat'])->name('remove_chat');
655 }); 658 });
656 659
657 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker'); 660 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker');
658 661
659 662