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

Download as
Browse Code »

Commit 5131abdbe5414ad8babbc24d867d63634fcb29a5

Authored by Hayk Nazaryan
1 parent 9ce27f2123
Exists in master

fixes

Showing 6 changed files with 40 additions and 21 deletions Inline Diff

app/Http/Controllers/EmployerController.php
Diff comments   View file @ 5131abd
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\MassSendingMessages; 13 use App\Mail\MassSendingMessages;
14 use App\Mail\SendAllMessages; 14 use App\Mail\SendAllMessages;
15 use App\Models\Ad_employer; 15 use App\Models\Ad_employer;
16 use App\Models\ad_response; 16 use App\Models\ad_response;
17 use App\Models\Category; 17 use App\Models\Category;
18 use App\Models\Chat; 18 use App\Models\Chat;
19 use App\Models\Employer; 19 use App\Models\Employer;
20 use App\Models\EmployerAutoliftOption; 20 use App\Models\EmployerAutoliftOption;
21 use App\Models\Flot; 21 use App\Models\Flot;
22 use App\Models\Job_title; 22 use App\Models\Job_title;
23 use App\Models\Like_worker; 23 use App\Models\Like_worker;
24 use App\Models\Message; 24 use App\Models\Message;
25 use App\Models\Worker; 25 use App\Models\Worker;
26 use App\Models\MessagesRequests; 26 use App\Models\MessagesRequests;
27 use Carbon\Carbon; 27 use Carbon\Carbon;
28 use Illuminate\Auth\Events\Registered; 28 use Illuminate\Auth\Events\Registered;
29 use Illuminate\Database\Eloquent\Builder; 29 use Illuminate\Database\Eloquent\Builder;
30 use Illuminate\Http\RedirectResponse; 30 use Illuminate\Http\RedirectResponse;
31 use Illuminate\Http\Request; 31 use Illuminate\Http\Request;
32 use Illuminate\Support\Facades\Auth; 32 use Illuminate\Support\Facades\Auth;
33 use Illuminate\Support\Facades\Hash; 33 use Illuminate\Support\Facades\Hash;
34 use Illuminate\Support\Facades\Log; 34 use Illuminate\Support\Facades\Log;
35 use Illuminate\Support\Facades\Mail; 35 use Illuminate\Support\Facades\Mail;
36 use Illuminate\Support\Facades\Storage; 36 use Illuminate\Support\Facades\Storage;
37 use App\Models\User as User_Model; 37 use App\Models\User as User_Model;
38 use Illuminate\Support\Facades\Validator; 38 use Illuminate\Support\Facades\Validator;
39 use App\Enums\DbExportColumns; 39 use App\Enums\DbExportColumns;
40 use Illuminate\View\View; 40 use Illuminate\View\View;
41 use JsonException; 41 use JsonException;
42 use Throwable; 42 use Throwable;
43 43
44 class EmployerController extends Controller 44 class EmployerController extends Controller
45 { 45 {
46 public function vacancie($vacancy, Request $request) { 46 public function vacancie($vacancy, Request $request) {
47 $title = 'Заголовок вакансии'; 47 $title = 'Заголовок вакансии';
48 $Query = Ad_employer::with('jobs')-> 48 $Query = Ad_employer::with('jobs')->
49 with('cat')-> 49 with('cat')->
50 with('employer')-> 50 with('employer')->
51 with('jobs_code')-> 51 with('jobs_code')->
52 select('ad_employers.*')-> 52 select('ad_employers.*')->
53 where('id', '=', $vacancy)->get(); 53 where('id', '=', $vacancy)->get();
54 54
55 if ($Query[0]->active_is===0 || $Query[0]->is_remove!=0){
56
57 abort(404);
58
59 }
60
55 if (isset(Auth()->user()->id)) 61 if (isset(Auth()->user()->id))
56 $uid = Auth()->user()->id; 62 $uid = Auth()->user()->id;
57 else 63 else
58 $uid = 0; 64 $uid = 0;
59 $title = $Query[0]->name; 65 $title = $Query[0]->name;
60 if ($request->ajax()) { 66 if ($request->ajax()) {
61 return view('ajax.vacance-item', compact('Query','uid')); 67 return view('ajax.vacance-item', compact('Query','uid'));
62 } else { 68 } else {
63 return view('vacance-item', compact('title', 'Query', 'uid')); 69 return view('vacance-item', compact('title', 'Query', 'uid'));
64 } 70 }
65 } 71 }
66 72
67 public function logout() { 73 public function logout() {
68 Auth::logout(); 74 Auth::logout();
69 return redirect()->route('index') 75 return redirect()->route('index')
70 ->with('success', 'Вы вышли из личного кабинета'); 76 ->with('success', 'Вы вышли из личного кабинета');
71 } 77 }
72 78
73 public function employer_info() { 79 public function employer_info() {
74 // код юзера 80 // код юзера
75 $user_info = Auth()->user(); 81 $user_info = Auth()->user();
76 // вьюшка для вывода данных 82 // вьюшка для вывода данных
77 return view('employers.info', compact('user_info')); 83 return view('employers.info', compact('user_info'));
78 } 84 }
79 85
80 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) { 86 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
81 // Все данные через реквест 87 // Все данные через реквест
82 $all = $request->all(); 88 $all = $request->all();
83 unset($all['_token']); 89 unset($all['_token']);
84 // обновление 90 // обновление
85 $user->update($all); 91 $user->update($all);
86 return redirect()->route('employer.employer_info'); 92 return redirect()->route('employer.employer_info');
87 } 93 }
88 94
89 public function cabinet() { 95 public function cabinet() {
90 $id = Auth()->user()->id; 96 $id = Auth()->user()->id;
91 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 97 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
92 WhereHas('users', 98 WhereHas('users',
93 function (Builder $query) use ($id) {$query->Where('id', $id); 99 function (Builder $query) use ($id) {$query->Where('id', $id);
94 })->get(); 100 })->get();
95 return view('employers.cabinet45', compact('Employer')); 101 return view('employers.cabinet45', compact('Employer'));
96 } 102 }
97 103
98 public function slider_flot() { 104 public function slider_flot() {
99 $id = Auth()->user()->id; 105 $id = Auth()->user()->id;
100 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 106 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
101 WhereHas('users', 107 WhereHas('users',
102 function (Builder $query) use ($id) {$query->Where('id', $id); 108 function (Builder $query) use ($id) {$query->Where('id', $id);
103 })->get(); 109 })->get();
104 return view('employers.fly-flot', compact('Employer')); 110 return view('employers.fly-flot', compact('Employer'));
105 } 111 }
106 112
107 public function cabinet_save(Employer $Employer, Request $request) { 113 public function cabinet_save(Employer $Employer, Request $request) {
108 $params = $request->all(); 114 $params = $request->all();
109 $params['user_id'] = Auth()->user()->id; 115 $params['user_id'] = Auth()->user()->id;
110 $id = $Employer->id; 116 $id = $Employer->id;
111 117
112 if ($request->has('logo')) { 118 if ($request->has('logo')) {
113 if (!empty($Employer->logo)) { 119 if (!empty($Employer->logo)) {
114 Storage::delete($Employer->logo); 120 Storage::delete($Employer->logo);
115 } 121 }
116 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 122 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
117 } 123 }
118 124
119 $Employer->update($params); 125 $Employer->update($params);
120 126
121 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 127 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
122 } 128 }
123 129
124 public function save_add_flot(FlotRequest $request) { 130 public function save_add_flot(FlotRequest $request) {
125 // отмена 131 // отмена
126 $params = $request->all(); 132 $params = $request->all();
127 133
128 if ($request->has('image')) { 134 if ($request->has('image')) {
129 $params['image'] = $request->file('image')->store("flot", 'public'); 135 $params['image'] = $request->file('image')->store("flot", 'public');
130 } 136 }
131 Flot::create($params); 137 Flot::create($params);
132 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 138 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
133 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 139 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
134 } 140 }
135 141
136 public function edit_flot(Flot $Flot, Employer $Employer) { 142 public function edit_flot(Flot $Flot, Employer $Employer) {
137 return view('employers.edit-flot', compact('Flot', 'Employer')); 143 return view('employers.edit-flot', compact('Flot', 'Employer'));
138 } 144 }
139 145
140 public function update_flot(FlotRequest $request, Flot $Flot) { 146 public function update_flot(FlotRequest $request, Flot $Flot) {
141 $params = $request->all(); 147 $params = $request->all();
142 148
143 if ($request->has('image')) { 149 if ($request->has('image')) {
144 if (!empty($flot->image)) { 150 if (!empty($flot->image)) {
145 Storage::delete($flot->image); 151 Storage::delete($flot->image);
146 } 152 }
147 $params['image'] = $request->file('image')->store("flot", 'public'); 153 $params['image'] = $request->file('image')->store("flot", 'public');
148 } else { 154 } else {
149 if (!empty($flot->image)) $params['image'] = $flot->image; 155 if (!empty($flot->image)) $params['image'] = $flot->image;
150 } 156 }
151 157
152 $Flot->update($params); 158 $Flot->update($params);
153 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 159 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
154 } 160 }
155 161
156 public function delete_flot(Flot $Flot) { 162 public function delete_flot(Flot $Flot) {
157 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 163 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
158 164
159 if (isset($Flot->id)) $Flot->delete(); 165 if (isset($Flot->id)) $Flot->delete();
160 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 166 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
161 } 167 }
162 168
163 // Форма добавления вакансий 169 // Форма добавления вакансий
164 public function cabinet_vacancie() { 170 public function cabinet_vacancie() {
165 /** @var User_Model $user */ 171 /** @var User_Model $user */
166 $user = Auth()->user(); 172 $user = Auth()->user();
167 173
168 if ($user->is_public) { 174 if ($user->is_public) {
169 $categories = Category::query()->active()->get(); 175 $categories = Category::query()->active()->get();
170 176
171 $jobs = Job_title::query() 177 $jobs = Job_title::query()
172 ->orderByDesc('sort') 178 ->orderByDesc('sort')
173 ->OrderBy('name') 179 ->OrderBy('name')
174 ->where('is_remove', '=', '0') 180 ->where('is_remove', '=', '0')
175 ->where('is_bd', '=', '0') 181 ->where('is_bd', '=', '0')
176 ->get(); 182 ->get();
177 183
178 $Employer = Employer::query() 184 $Employer = Employer::query()
179 ->with(['users', 'ads', 'flots']) 185 ->with(['users', 'ads', 'flots'])
180 ->whereHas('users', fn (Builder $query) => $query->where('id', $user->id)) 186 ->whereHas('users', fn (Builder $query) => $query->where('id', $user->id))
181 ->get(); 187 ->get();
182 188
183 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories')); 189 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
184 } 190 }
185 191
186 return redirect()->route('employer.cabinet_vacancie_danger'); 192 return redirect()->route('employer.cabinet_vacancie_danger');
187 } 193 }
188 194
189 // Форма предупреждения об оплате 195 // Форма предупреждения об оплате
190 public function cabinet_vacancie_danger() { 196 public function cabinet_vacancie_danger() {
191 return view('employers.add_vacancy_danger'); 197 return view('employers.add_vacancy_danger');
192 } 198 }
193 199
194 // Сохранение вакансии 200 // Сохранение вакансии
195 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 201 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
196 $params_emp = $request->all(); 202 $params_emp = $request->all();
197 203
198 $params_job["job_title_id"] = $params_emp['job_title_id']; 204 $params_job["job_title_id"] = $params_emp['job_title_id'];
199 205
200 $ad_jobs = Ad_employer::create($params_emp); 206 $ad_jobs = Ad_employer::create($params_emp);
201 $ad_jobs->jobs()->sync($request->get('job_title_id')); 207 $ad_jobs->jobs()->sync($request->get('job_title_id'));
202 208
203 return redirect()->route('employer.vacancy_list'); 209 return redirect()->route('employer.vacancy_list');
204 } 210 }
205 211
206 // Список вакансий 212 // Список вакансий
207 public function vacancy_list(Request $request) { 213 public function vacancy_list(Request $request) {
208 $id = Auth()->user()->id; 214 $id = Auth()->user()->id;
209 215
210 $Employer = Employer::query()->where('user_id', $id)->first(); 216 $Employer = Employer::query()->where('user_id', $id)->first();
211 $vacancy_list = Ad_employer::query() 217 $vacancy_list = Ad_employer::query()
212 ->with('jobs') 218 ->with('jobs')
213 ->with('jobs_code') 219 ->with('jobs_code')
214 ->where('employer_id', $Employer->id) 220 ->where('employer_id', $Employer->id)
215 ->where('is_remove', 0) 221 ->where('is_remove', 0)
216 ->orderbyDesc('updated_at') 222 ->orderbyDesc('updated_at')
217 ; 223 ;
218 224
219 if (($request->has('search')) && (!empty($request->get('search')))) { 225 if (($request->has('search')) && (!empty($request->get('search')))) {
220 $search = $request->get('search'); 226 $search = $request->get('search');
221 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%"); 227 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
222 } 228 }
223 229
224 if ($request->get('sort')) { 230 if ($request->get('sort')) {
225 $sort = $request->get('sort'); 231 $sort = $request->get('sort');
226 switch ($sort) { 232 switch ($sort) {
227 case 'nopublic': $vacancy_list->orderByDesc('updated_at') 233 case 'nopublic': $vacancy_list->orderByDesc('updated_at')
228 ->where('active_is', 0); 234 ->where('active_is', 0);
229 break; 235 break;
230 case 'public': $vacancy_list->orderByDesc('updated_at') 236 case 'public': $vacancy_list->orderByDesc('updated_at')
231 ->where('active_is',1); 237 ->where('active_is',1);
232 break; 238 break;
233 default: $vacancy_list->orderByDesc('updated_at'); 239 default: $vacancy_list->orderByDesc('updated_at');
234 break; 240 break;
235 } 241 }
236 } else { 242 } else {
237 $vacancy_list = $vacancy_list->orderByDesc('updated_at')->orderBy('id'); 243 $vacancy_list = $vacancy_list->orderByDesc('updated_at')->orderBy('id');
238 } 244 }
239 245
240 $vacancy_list = $vacancy_list->paginate(10); 246 $vacancy_list = $vacancy_list->paginate(10);
241 247
242 if ($request->ajax()) { 248 if ($request->ajax()) {
243 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 249 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
244 } else { 250 } else {
245 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 251 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
246 } 252 }
247 } 253 }
248 254
249 // Карточка вакансии 255 // Карточка вакансии
250 public function vacancy_edit(Ad_employer $ad_employer) { 256 public function vacancy_edit(Ad_employer $ad_employer) {
251 $id = Auth()->user()->id; 257 $id = Auth()->user()->id;
252 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 258 $Positions = Category::query()->where('is_remove', '=', '0')->get();
253 259
254 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 260 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
255 where('is_remove', '=', '0')-> 261 where('is_remove', '=', '0')->
256 where('is_bd', '=', '0')->get(); 262 where('is_bd', '=', '0')->get();
257 263
258 $Employer = Employer::query()->with('users')->with('ads')-> 264 $Employer = Employer::query()->with('users')->with('ads')->
259 with('flots')->where('user_id', $id)->first(); 265 with('flots')->where('user_id', $id)->first();
260 266
261 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 267 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
262 } 268 }
263 269
264 // Сохранение-редактирование записи 270 // Сохранение-редактирование записи
265 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 271 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
266 $params = $request->all(); 272 $params = $request->all();
267 273
268 $ad_employer->update($params); 274 $ad_employer->update($params);
269 $ad_employer->active_is = 1; 275 $ad_employer->active_is = 1;
270 $ad_employer->save(); 276 $ad_employer->save();
271 $ad_employer->jobs()->sync($request->get('job_title_id')); 277 $ad_employer->jobs()->sync($request->get('job_title_id'));
272 278
273 $id = Auth()->user()->id; 279 $id = Auth()->user()->id;
274 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 280 $Positions = Category::query()->where('is_remove', '=', '0')->get();
275 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name') 281 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
276 ->where('is_remove', '=', '0') 282 ->where('is_remove', '=', '0')
277 ->where('is_bd', '=', '0') 283 ->where('is_bd', '=', '0')
278 ->get(); 284 ->get();
279 285
280 $Employer = Employer::query() 286 $Employer = Employer::query()
281 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first(); 287 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
282 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 288 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
283 } 289 }
284 290
285 // Сохранение карточки вакансии 291 // Сохранение карточки вакансии
286 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 292 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
287 $all = $request->all(); 293 $all = $request->all();
288 $ad_employer->update($all); 294 $ad_employer->update($all);
289 return redirect()->route('employer.cabinet_vacancie'); 295 return redirect()->route('employer.cabinet_vacancie');
290 } 296 }
291 297
292 // Удаление карточки вакансии 298 // Удаление карточки вакансии
293 public function vacancy_delete(Ad_employer $ad_employer) { 299 public function vacancy_delete(Ad_employer $ad_employer) {
294 $ad_employer->delete(); 300 $ad_employer->delete();
295 301
296 return redirect()->route('employer.vacancy_list') 302 return redirect()->route('employer.vacancy_list')
297 ->with('success', 'Данные были успешно сохранены'); 303 ->with('success', 'Данные были успешно сохранены');
298 } 304 }
299 305
300 // Обновление даты 306 // Обновление даты
301 public function vacancy_up(Ad_employer $ad_employer) { 307 public function vacancy_up(Ad_employer $ad_employer) {
302 $up = date('m/d/Y h:i:s', time()); 308 $up = date('m/d/Y h:i:s', time());
303 $ad_employer->updated_at = $up; 309 $ad_employer->updated_at = $up;
304 $ad_employer->save(); 310 $ad_employer->save();
305 311
306 return redirect()->back(); 312 return redirect()->back();
307 } 313 }
308 314
309 //Видимость вакансии 315 //Видимость вакансии
310 public function vacancy_eye(Ad_employer $ad_employer, $status) { 316 public function vacancy_eye(Ad_employer $ad_employer, $status) {
311 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 317 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
312 $vac_emp->active_is = $status; 318 $vac_emp->active_is = $status;
313 $vac_emp->save(); 319 $vac_emp->save();
314 320
315 return redirect()->route('employer.vacancy_list'); 321 return redirect()->route('employer.vacancy_list');
316 } 322 }
317 323
318 //Вакансия редактирования (шаблон) 324 //Вакансия редактирования (шаблон)
319 public function vacancy_update(Ad_employer $id) { 325 public function vacancy_update(Ad_employer $id) {
320 326
321 } 327 }
322 328
323 //Отклики на вакансию - лист 329 //Отклики на вакансию - лист
324 public function answers(Employer $employer, Request $request) { 330 public function answers(Employer $employer, Request $request) {
325 $user_id = Auth()->user()->id; 331 $user_id = Auth()->user()->id;
326 $answer = Ad_employer::query()->where('employer_id', $employer->id); 332 $answer = Ad_employer::query()->where('employer_id', $employer->id);
327 if ($request->has('search')) { 333 if ($request->has('search')) {
328 $search = trim($request->get('search')); 334 $search = trim($request->get('search'));
329 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 335 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
330 } 336 }
331 337
332 $answer = $answer->with('response')->OrderByDESC('id')->get(); 338 $answer = $answer->with('response')->OrderByDESC('id')->get();
333 339
334 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 340 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
335 } 341 }
336 342
337 //Обновление статуса 343 //Обновление статуса
338 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 344 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
339 $ad_response->update(Array('flag' => $flag)); 345 $ad_response->update(Array('flag' => $flag));
340 return redirect()->route('employer.answers', ['employer' => $employer->id]); 346 return redirect()->route('employer.answers', ['employer' => $employer->id]);
341 } 347 }
342 348
343 //Страницы сообщений список 349 //Страницы сообщений список
344 public function messages($type_message) { 350 public function messages($type_message) {
345 $user_id = Auth()->user()->id; 351 $user_id = Auth()->user()->id;
346 352
347 $chats = Chat::get_user_chats($user_id); 353 $chats = Chat::get_user_chats($user_id);
348 $user_type = 'employer'; 354 $user_type = 'employer';
349 $admin_chat = false; 355 $admin_chat = false;
350 356
351 return view('employers.messages', compact('chats', 'admin_chat', 'user_id', 'user_type')); 357 return view('employers.messages', compact('chats', 'admin_chat', 'user_id', 'user_type'));
352 } 358 }
353 359
354 // Диалог между пользователями 360 // Диалог между пользователями
355 public function dialog(Chat $chat, Request $request) { 361 public function dialog(Chat $chat, Request $request) {
356 // Получение параметров. 362 // Получение параметров.
357 if ($request->has('ad_employer')){ 363 if ($request->has('ad_employer')){
358 $ad_employer = $request->get('ad_employer'); 364 $ad_employer = $request->get('ad_employer');
359 } else { 365 } else {
360 $ad_employer = 0; 366 $ad_employer = 0;
361 } 367 }
362 368
363 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first(); 369 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first();
364 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first(); 370 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first();
365 371
366 $Messages = Chat::get_chat_messages($chat); 372 $Messages = Chat::get_chat_messages($chat);
367 373
368 Message::where('user_id', '=', $chat->to_user_id)->where('to_user_id', '=', $chat->user_id)->update(['flag_new' => 0]); 374 Message::where('user_id', '=', $chat->to_user_id)->where('to_user_id', '=', $chat->user_id)->update(['flag_new' => 0]);
369 375
370 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 376 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
371 } 377 }
372 378
373 public function pin_chat(Request $request){ 379 public function pin_chat(Request $request){
374 $chat_id = $request->get('id'); 380 $chat_id = $request->get('id');
375 $is_fixed = $request->get('is_fixed'); 381 $is_fixed = $request->get('is_fixed');
376 382
377 Chat::pin_chat($chat_id, $is_fixed); 383 Chat::pin_chat($chat_id, $is_fixed);
378 } 384 }
379 385
380 public function remove_chat(Request $request){ 386 public function remove_chat(Request $request){
381 $chat_id = $request->get('id'); 387 $chat_id = $request->get('id');
382 Chat::remove_chat($chat_id); 388 Chat::remove_chat($chat_id);
383 } 389 }
384 390
385 // Регистрация работодателя 391 // Регистрация работодателя
386 public function register_employer(Request $request) { 392 public function register_employer(Request $request) {
387 $params = $request->all(); 393 $params = $request->all();
388 394
389 $rules = [ 395 $rules = [
390 //'surname' => ['required', 'string', 'max:255'], 396 //'surname' => ['required', 'string', 'max:255'],
391 //'name_man' => ['required', 'string', 'max:255'], 397 //'name_man' => ['required', 'string', 'max:255'],
392 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 398 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
393 'name_company' => ['required', 'string', 'max:255'], 399 'name_company' => ['required', 'string', 'max:255'],
394 'password' => ['required', 'string', 'min:6'], 400 'password' => ['required', 'string', 'min:6'],
395 ]; 401 ];
396 402
397 $messages = [ 403 $messages = [
398 'required' => 'Укажите обязательное поле', 404 'required' => 'Укажите обязательное поле',
399 'min' => [ 405 'min' => [
400 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 406 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
401 'integer' => 'Поле «:attribute» должно быть :min или больше', 407 'integer' => 'Поле «:attribute» должно быть :min или больше',
402 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 408 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
403 ], 409 ],
404 'max' => [ 410 'max' => [
405 'string' => 'Поле «:attribute» должно быть не больше :max символов', 411 'string' => 'Поле «:attribute» должно быть не больше :max символов',
406 'integer' => 'Поле «:attribute» должно быть :max или меньше', 412 'integer' => 'Поле «:attribute» должно быть :max или меньше',
407 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 413 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
408 ] 414 ]
409 ]; 415 ];
410 416
411 $email = $request->get('email'); 417 $email = $request->get('email');
412 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 418 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
413 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 419 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
414 } 420 }
415 421
416 if ($request->get('password') !== $request->get('confirmed')){ 422 if ($request->get('password') !== $request->get('confirmed')){
417 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 423 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
418 } 424 }
419 425
420 if (strlen($request->get('password')) < 6) { 426 if (strlen($request->get('password')) < 6) {
421 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 427 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
422 } 428 }
423 429
424 if (empty($request->get('surname'))) { 430 if (empty($request->get('surname'))) {
425 $params['surname'] = 'Неизвестно'; 431 $params['surname'] = 'Неизвестно';
426 } 432 }
427 if (empty($request->get('name_man'))) { 433 if (empty($request->get('name_man'))) {
428 $params['name_man'] = 'Неизвестно'; 434 $params['name_man'] = 'Неизвестно';
429 } 435 }
430 $validator = Validator::make($params, $rules, $messages); 436 $validator = Validator::make($params, $rules, $messages);
431 437
432 if ($validator->fails()) { 438 if ($validator->fails()) {
433 return json_encode(Array("ERROR" => "Error: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 439 return json_encode(Array("ERROR" => "Error: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
434 } else { 440 } else {
435 $user = $this->create($params); 441 $user = $this->create($params);
436 event(new Registered($user)); 442 event(new Registered($user));
437 443
438 try { 444 try {
439 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params)); 445 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
440 } catch (Throwable $e) { 446 } catch (Throwable $e) {
441 Log::error($e); 447 Log::error($e);
442 } 448 }
443 449
444 Auth::guard()->login($user); 450 Auth::guard()->login($user);
445 } 451 }
446 452
447 if ($user) { 453 if ($user) {
448 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 454 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
449 } else { 455 } else {
450 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 456 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
451 } 457 }
452 } 458 }
453 459
454 // Создание пользователя 460 // Создание пользователя
455 protected function create(array $data) 461 protected function create(array $data)
456 { 462 {
457 $Use = new User_Model(); 463 $Use = new User_Model();
458 $Code_user = $Use->create([ 464 $Code_user = $Use->create([
459 'name' => $data['surname']." ".$data['name_man'], 465 'name' => $data['surname']." ".$data['name_man'],
460 'name_man' => $data['name_man'], 466 'name_man' => $data['name_man'],
461 'surname' => $data['surname'], 467 'surname' => $data['surname'],
462 'surname2' => $data['surname2'], 468 'surname2' => $data['surname2'],
463 'subscribe_email' => $data['email'], 469 'subscribe_email' => $data['email'],
464 'email' => $data['email'], 470 'email' => $data['email'],
465 'telephone' => $data['telephone'], 471 'telephone' => $data['telephone'],
466 'is_worker' => 0, 472 'is_worker' => 0,
467 'password' => Hash::make($data['password']), 473 'password' => Hash::make($data['password']),
468 'pubpassword' => base64_encode($data['password']), 474 'pubpassword' => base64_encode($data['password']),
469 'email_verified_at' => Carbon::now() 475 'email_verified_at' => Carbon::now()
470 ]); 476 ]);
471 477
472 if ($Code_user->id > 0) { 478 if ($Code_user->id > 0) {
473 $Employer = new Employer(); 479 $Employer = new Employer();
474 $Employer->user_id = $Code_user->id; 480 $Employer->user_id = $Code_user->id;
475 $Employer->name_company = $data['name_company']; 481 $Employer->name_company = $data['name_company'];
476 $Employer->email = $data['email']; 482 $Employer->email = $data['email'];
477 $Employer->telephone = $data['telephone']; 483 $Employer->telephone = $data['telephone'];
478 $Employer->code = Tools::generator_id(10); 484 $Employer->code = Tools::generator_id(10);
479 $Employer->save(); 485 $Employer->save();
480 486
481 return $Code_user; 487 return $Code_user;
482 } 488 }
483 } 489 }
484 490
485 // Отправка сообщения от работодателя 491 // Отправка сообщения от работодателя
486 public function send_message(MessagesRequiest $request) { 492 public function send_message(MessagesRequiest $request) {
487 $params = $request->all(); 493 $params = $request->all();
488 dd($params); 494 dd($params);
489 $user1 = $params['user_id']; 495 $user1 = $params['user_id'];
490 $user2 = $params['to_user_id']; 496 $user2 = $params['to_user_id'];
491 497
492 if ($request->has('file')) { 498 if ($request->has('file')) {
493 $params['file'] = $request->file('file')->store("messages", 'public'); 499 $params['file'] = $request->file('file')->store("messages", 'public');
494 } 500 }
495 Message::create($params); 501 Message::create($params);
496 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 502 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
497 } 503 }
498 504
499 public function test123(Request $request) { 505 public function test123(Request $request) {
500 $params = $request->all(); 506 $params = $request->all();
501 $user1 = $params['user_id']; 507 $user1 = $params['user_id'];
502 $user2 = $params['to_user_id']; 508 $user2 = $params['to_user_id'];
503 509
504 $rules = [ 510 $rules = [
505 'text' => 'nullable|required_without:file|min:1|max:150000', 511 'text' => 'nullable|required_without:file|min:1|max:150000',
506 'file' => 'nullable|file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 512 'file' => 'nullable|file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
507 ]; 513 ];
508 $messages = [ 514 $messages = [
509 'required_without' => 'Поле «:attribute» обязательно, если файл не прикреплен', 515 'required_without' => 'Поле «:attribute» обязательно, если файл не прикреплен',
510 'min' => [ 516 'min' => [
511 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 517 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
512 'integer' => 'Поле «:attribute» должно быть :min или больше', 518 'integer' => 'Поле «:attribute» должно быть :min или больше',
513 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 519 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
514 ], 520 ],
515 'max' => [ 521 'max' => [
516 'string' => 'Поле «:attribute» должно быть не больше :max символов', 522 'string' => 'Поле «:attribute» должно быть не больше :max символов',
517 'integer' => 'Поле «:attribute» должно быть :max или меньше', 523 'integer' => 'Поле «:attribute» должно быть :max или меньше',
518 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 524 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
519 ] 525 ]
520 ]; 526 ];
521 527
522 $validator = Validator::make($request->all(), $rules, $messages); 528 $validator = Validator::make($request->all(), $rules, $messages);
523 529
524 if ($validator->fails()) { 530 if ($validator->fails()) {
525 return redirect()->route('cabinet.messages', ['type_message' => 'input'])->withErrors($validator); 531 return redirect()->route('cabinet.messages', ['type_message' => 'input'])->withErrors($validator);
526 } 532 }
527 533
528 $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 534 $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
529 return redirect()->route('employer.dialog', ['chat' => $new_message->chat_id_from]); 535 return redirect()->route('employer.dialog', ['chat' => $new_message->chat_id_from]);
530 536
531 } 537 }
532 538
533 //Избранные люди 539 //Избранные люди
534 public function favorites(Request $request) 540 public function favorites(Request $request)
535 { 541 {
536 $likedWorkersIds = Like_worker::query() 542 $likedWorkersIds = Like_worker::query()
537 ->where('user_id', Auth::user()->id) 543 ->where('user_id', Auth::user()->id)
538 ->get() 544 ->get()
539 ->pluck('code_record') 545 ->pluck('code_record')
540 ->toArray(); 546 ->toArray();
541 547
542 $workerBuilder = Worker::query() 548 $workerBuilder = Worker::query()
543 ->whereIn('id', $likedWorkersIds); 549 ->whereIn('id', $likedWorkersIds);
544 550
545 if (($request->has('search')) && (!empty($request->get('search')))) { 551 if (($request->has('search')) && (!empty($request->get('search')))) {
546 $search = $request->get('search'); 552 $search = $request->get('search');
547 553
548 $workerBuilder->whereHas('users', function (Builder $query) use ($search) { 554 $workerBuilder->whereHas('users', function (Builder $query) use ($search) {
549 $query->where('surname', 'LIKE', "%$search%") 555 $query->where('surname', 'LIKE', "%$search%")
550 ->orWhere('name_man', 'LIKE', "%$search%") 556 ->orWhere('name_man', 'LIKE', "%$search%")
551 ->orWhere('surname2', 'LIKE', "%$search%"); 557 ->orWhere('surname2', 'LIKE', "%$search%");
552 }); 558 });
553 } 559 }
554 560
555 $Workers = $workerBuilder->get(); 561 $Workers = $workerBuilder->get();
556 562
557 return view('employers.favorite', compact('Workers')); 563 return view('employers.favorite', compact('Workers'));
558 } 564 }
559 565
560 // База данных 566 // База данных
561 public function bd(Request $request) { 567 public function bd(Request $request) {
562 $users = User_Model::query()->with('workers')->with('jobtitles'); 568 $users = User_Model::query()->with('workers')->with('jobtitles');
563 569
564 if ($request->has('search')) { 570 if ($request->has('search')) {
565 $find_key = $request->get('search'); 571 $find_key = $request->get('search');
566 $users = $users->where('name', 'LIKE', "%$find_key%") 572 $users = $users->where('name', 'LIKE', "%$find_key%")
567 ->orWhere('surname', 'LIKE', "%$find_key%") 573 ->orWhere('surname', 'LIKE', "%$find_key%")
568 ->orWhere('name_man', 'LIKE', "%$find_key%") 574 ->orWhere('name_man', 'LIKE', "%$find_key%")
569 ->orWhere('email', 'LIKE', "%$find_key%") 575 ->orWhere('email', 'LIKE', "%$find_key%")
570 ->orWhere('telephone', 'LIKE', "%$find_key%"); 576 ->orWhere('telephone', 'LIKE', "%$find_key%");
571 } 577 }
572 578
573 // Данные 579 // Данные
574 $users = $users 580 $users = $users
575 ->Baseuser() 581 ->Baseuser()
576 ->orderByDesc(Worker::select('created_at') 582 ->orderByDesc(Worker::select('created_at')
577 ->whereColumn('workers.user_id', 'users.id')); 583 ->whereColumn('workers.user_id', 'users.id'));
578 $count_users = $users->count(); 584 $count_users = $users->count();
579 $users = $users->paginate(10); 585 $users = $users->paginate(10);
580 586
581 $export_options = DbExportColumns::toArray(); 587 $export_options = DbExportColumns::toArray();
582 588
583 $jobs_titles = Job_title::select('id', 'name') 589 $jobs_titles = Job_title::select('id', 'name')
584 ->where('is_remove', '=', 0) 590 ->where('is_remove', '=', 0)
585 ->where('is_bd', '=', 2) 591 ->where('is_bd', '=', 2)
586 ->orderByDesc('sort') 592 ->orderByDesc('sort')
587 ->orderBy('name', 'asc') 593 ->orderBy('name', 'asc')
588 ->get() 594 ->get()
589 ->toArray() 595 ->toArray()
590 ; 596 ;
591 597
592 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles')); 598 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
593 } 599 }
594 600
595 //Настройка уведомлений 601 //Настройка уведомлений
596 public function subscribe() { 602 public function subscribe() {
597 return view('employers.subcribe'); 603 return view('employers.subcribe');
598 } 604 }
599 605
600 //Установка уведомлений сохранение 606 //Установка уведомлений сохранение
601 public function save_subscribe(Request $request) { 607 public function save_subscribe(Request $request) {
602 dd($request->all()); 608 dd($request->all());
603 $msg = $request->validate([ 609 $msg = $request->validate([
604 'subscribe_email' => 'required|email|min:5|max:255', 610 'subscribe_email' => 'required|email|min:5|max:255',
605 ]); 611 ]);
606 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 612 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
607 } 613 }
608 614
609 //Сбросить форму с паролем 615 //Сбросить форму с паролем
610 public function password_reset() { 616 public function password_reset() {
611 $email = Auth()->user()->email; 617 $email = Auth()->user()->email;
612 return view('employers.password-reset', compact('email')); 618 return view('employers.password-reset', compact('email'));
613 } 619 }
614 620
615 //Обновление пароля 621 //Обновление пароля
616 public function new_password(Request $request) { 622 public function new_password(Request $request) {
617 $use = Auth()->user(); 623 $use = Auth()->user();
618 $request->validate([ 624 $request->validate([
619 'password' => 'required|string', 625 'password' => 'required|string',
620 'new_password' => 'required|string', 626 'new_password' => 'required|string',
621 'new_password2' => 'required|string' 627 'new_password2' => 'required|string'
622 ]); 628 ]);
623 629
624 if ($request->get('new_password') == $request->get('new_password2')) 630 if ($request->get('new_password') == $request->get('new_password2'))
625 if ($request->get('password') !== $request->get('new_password')) { 631 if ($request->get('password') !== $request->get('new_password')) {
626 $credentials = $request->only('email', 'password'); 632 $credentials = $request->only('email', 'password');
627 if (Auth::attempt($credentials)) { 633 if (Auth::attempt($credentials)) {
628 634
629 if (!is_null($use->email_verified_at)){ 635 if (!is_null($use->email_verified_at)){
630 636
631 $user_data = User_Model::find($use->id); 637 $user_data = User_Model::find($use->id);
632 $user_data->update([ 638 $user_data->update([
633 'password' => Hash::make($request->get('new_password')), 639 'password' => Hash::make($request->get('new_password')),
634 'pubpassword' => base64_encode($request->get('new_password')), 640 'pubpassword' => base64_encode($request->get('new_password')),
635 ]); 641 ]);
636 return redirect() 642 return redirect()
637 ->route('employer.password_reset') 643 ->route('employer.password_reset')
638 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 644 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
639 } 645 }
640 646
641 return redirect() 647 return redirect()
642 ->route('employer.password_reset') 648 ->route('employer.password_reset')
643 ->withError('Данная учетная запись не было верифицированна!'); 649 ->withError('Данная учетная запись не было верифицированна!');
644 } 650 }
645 } 651 }
646 652
647 return redirect() 653 return redirect()
648 ->route('employer.password_reset') 654 ->route('employer.password_reset')
649 ->withErrors('Не совпадение данных, обновите пароли!'); 655 ->withErrors('Не совпадение данных, обновите пароли!');
650 } 656 }
651 657
652 658
653 659
654 // Форма Удаление пипла 660 // Форма Удаление пипла
655 public function delete_people() { 661 public function delete_people() {
656 $login = Auth()->user()->email; 662 $login = Auth()->user()->email;
657 return view('employers.delete_people', compact('login')); 663 return view('employers.delete_people', compact('login'));
658 } 664 }
659 665
660 // Удаление аккаунта 666 // Удаление аккаунта
661 public function action_delete_user(Request $request) { 667 public function action_delete_user(Request $request) {
662 $Answer = $request->all(); 668 $Answer = $request->all();
663 $user_id = Auth()->user()->id; 669 $user_id = Auth()->user()->id;
664 $request->validate([ 670 $request->validate([
665 'password' => 'required|string', 671 'password' => 'required|string',
666 ]); 672 ]);
667 673
668 $credentials = $request->only('email', 'password'); 674 $credentials = $request->only('email', 'password');
669 if (Auth::attempt($credentials)) { 675 if (Auth::attempt($credentials)) {
670 Auth::logout(); 676 Auth::logout();
671 $it = User_Model::find($user_id); 677 $it = User_Model::find($user_id);
672 $it->delete(); 678 $it->delete();
673 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 679 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
674 } else { 680 } else {
675 return redirect()->route('employer.delete_people') 681 return redirect()->route('employer.delete_people')
676 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 682 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
677 } 683 }
678 } 684 }
679 685
680 public function ajax_delete_user(Request $request) { 686 public function ajax_delete_user(Request $request) {
681 $Answer = $request->all(); 687 $Answer = $request->all();
682 $user_id = Auth()->user()->id; 688 $user_id = Auth()->user()->id;
683 $request->validate([ 689 $request->validate([
684 'password' => 'required|string', 690 'password' => 'required|string',
685 ]); 691 ]);
686 $credentials = $request->only('email', 'password'); 692 $credentials = $request->only('email', 'password');
687 if (Auth::attempt($credentials)) { 693 if (Auth::attempt($credentials)) {
688 694
689 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 695 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
690 'email' => $request->get('email'), 696 'email' => $request->get('email'),
691 'password' => $request->get('password'))); 697 'password' => $request->get('password')));
692 } else { 698 } else {
693 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 699 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
694 } 700 }
695 } 701 }
696 702
697 // Рассылка сообщений 703 // Рассылка сообщений
698 public function send_all_messages() { 704 public function send_all_messages() {
699 $id = Auth()->user()->id; 705 $id = Auth()->user()->id;
700 $sending = Employer::query()->where('user_id', '=', "$id")->first(); 706 $sending = Employer::query()->where('user_id', '=', "$id")->first();
701 707
702 $job_titles = Job_title::query() 708 $job_titles = Job_title::query()
703 ->where('is_remove', '=', 0) 709 ->where('is_remove', '=', 0)
704 ->where('is_bd', '=', 1) 710 ->where('is_bd', '=', 1)
705 ->orderByDesc('sort') 711 ->orderByDesc('sort')
706 ->get(); 712 ->get();
707 713
708 if ($sending->sending_is) 714 if ($sending->sending_is)
709 return view('employers.send_all', compact('job_titles')); 715 return view('employers.send_all', compact('job_titles'));
710 else 716 else
711 return view('employers.send_all_danger'); 717 return view('employers.send_all_danger');
712 } 718 }
713 719
714 // Отправка сообщений для информации 720 // Отправка сообщений для информации
715 public function send_all_post(Request $request) { 721 public function send_all_post(Request $request) {
716 $data = $request->all(); 722 $data = $request->all();
717 $data['user'] = Auth()->user(); 723 $data['user'] = Auth()->user();
718 724
719 $id = MessagesRequests::create([ 725 $id = MessagesRequests::create([
720 'user_id' => $data['user']->id, 726 'user_id' => $data['user']->id,
721 'job_titles' => isset($data['job_title_ids']) ? json_encode($data['job_title_ids']) : null, 727 'job_titles' => isset($data['job_title_ids']) ? json_encode($data['job_title_ids']) : null,
722 'text' => $data['message_text'], 728 'text' => $data['message_text'],
723 ]); 729 ]);
724 730
725 try { 731 try {
726 if (!empty($id)) { 732 if (!empty($id)) {
727 Mail::to(env('EMAIL_ADMIN'))->send(new MassSendingMessages($data)); 733 Mail::to(env('EMAIL_ADMIN'))->send(new MassSendingMessages($data));
728 } 734 }
729 } catch (Throwable $e) { 735 } catch (Throwable $e) {
730 Log::error($e); 736 Log::error($e);
731 return redirect()->route('employer.send_all_messages')->with('error', 'Ошибка почтового сервера, пожалуйста, повторите рассылку позднее'); 737 return redirect()->route('employer.send_all_messages')->with('error', 'Ошибка почтового сервера, пожалуйста, повторите рассылку позднее');
732 } 738 }
733 739
734 return redirect()->route('employer.send_all_messages')->with('success', 'Запрос на рассылку был успешно отправлен.'); 740 return redirect()->route('employer.send_all_messages')->with('success', 'Запрос на рассылку был успешно отправлен.');
735 } 741 }
736 742
737 // База резюме 743 // База резюме
738 public function bd_tupe(Request $request) { 744 public function bd_tupe(Request $request) {
739 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 745 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
740 746
741 return view('employers.bd_tupe', compact('Resume')); 747 return view('employers.bd_tupe', compact('Resume'));
742 } 748 }
743 749
744 ////////////////////////////////////////////////////////////////// 750 //////////////////////////////////////////////////////////////////
745 // Отправил сообщение 751 // Отправил сообщение
746 ////////////////////////////////////////////////////////////////// 752 //////////////////////////////////////////////////////////////////
747 public function new_message(Request $request) 753 public function new_message(Request $request)
748 { 754 {
749 $params = $request->all(); 755 $params = $request->all();
750 756
751 $id = $params['_user_id']; 757 $id = $params['_user_id'];
752 $message_params = [ 758 $message_params = [
753 'title' => $params['title'], 759 'title' => $params['title'],
754 'text' => $params['text'], 760 'text' => $params['text'],
755 'ad_employer_id' => $params['_vacancy'], 761 'ad_employer_id' => $params['_vacancy'],
756 'flag_new' => 1 762 'flag_new' => 1
757 ]; 763 ];
758 764
759 $message = Message::add_message( 765 $message = Message::add_message(
760 $request, 766 $request,
761 $params['_user_id'], 767 $params['_user_id'],
762 $params['_to_user_id'], 768 $params['_to_user_id'],
763 $message_params, 769 $message_params,
764 file_store_path: "worker/$id" 770 file_store_path: "worker/$id"
765 ); 771 );
766 772
767 return redirect()->route('employer.dialog', ['chat' => $message->chat_id_to]); 773 return redirect()->route('employer.dialog', ['chat' => $message->chat_id_to]);
768 } 774 }
769 775
770 // Восстановление пароля 776 // Восстановление пароля
771 public function repair_password(Request $request) { 777 public function repair_password(Request $request) {
772 $params = $request->get('email'); 778 $params = $request->get('email');
773 } 779 }
774 780
775 // Избранные люди на корабль 781 // Избранные люди на корабль
776 public function selected_people(Request $request) { 782 public function selected_people(Request $request) {
777 $id = $request->get('id'); 783 $id = $request->get('id');
778 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 784 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
779 where('is_remove', '=', '0')-> 785 where('is_remove', '=', '0')->
780 where('is_bd', '=', '0')-> 786 where('is_bd', '=', '0')->
781 where('position_id', $id)-> 787 where('position_id', $id)->
782 get(); 788 get();
783 return view('favorite_people', compact('favorite_people')); 789 return view('favorite_people', compact('favorite_people'));
784 } 790 }
785 791
786 /** 792 /**
787 * @throws JsonException 793 * @throws JsonException
788 */ 794 */
789 public function vacancyAutoLiftForm(): View 795 public function vacancyAutoLiftForm(): View
790 { 796 {
791 $employer = Auth::user()->employers[0]; 797 $employer = Auth::user()->employers[0];
792 $vacancies = $employer 798 $vacancies = $employer
793 ->ads() 799 ->ads()
794 ->where('is_remove', 0) 800 ->where('is_remove', 0)
795 ->where('active_is', 1) 801 ->where('active_is', 1)
796 ->get(); 802 ->get();
797 803
798 $options = $employer->autoliftOptions ?? new EmployerAutoliftOption(); 804 $options = $employer->autoliftOptions ?? new EmployerAutoliftOption();
799 805
800 $leftDays = 0; 806 $leftDays = 0;
801 807
802 if ($options->days_repeat) { 808 if ($options->days_repeat) {
803 $leftDays = $options->days_repeat - now()->diffInDays(Carbon::parse($options->created_at)); 809 $leftDays = $options->days_repeat - now()->diffInDays(Carbon::parse($options->created_at));
804 } 810 }
805 811
806 812
807 return view('employers.vacancy_autolift', compact('vacancies', 'options', 'leftDays')); 813 return view('employers.vacancy_autolift', compact('vacancies', 'options', 'leftDays'));
808 } 814 }
809 815
810 /** 816 /**
811 * @throws JsonException 817 * @throws JsonException
812 */ 818 */
813 public function vacancyAutoLiftSave(Request $request) 819 public function vacancyAutoLiftSave(Request $request)
814 { 820 {
815 $employer = Auth::user()->employers[0]; 821 $employer = Auth::user()->employers[0];
816 822
817 $employer->autoliftOptions()->updateOrCreate( 823 $employer->autoliftOptions()->updateOrCreate(
818 [ 824 [
819 'employer_id' => $employer->id, 825 'employer_id' => $employer->id,
820 ], 826 ],
821 [ 827 [
822 'is_enabled' => $request->get('is_enabled') === 'true', 828 'is_enabled' => $request->get('is_enabled') === 'true',
823 'times_per_day' => $request->get('times_per_day'), 829 'times_per_day' => $request->get('times_per_day'),
824 'days_repeat' => $request->get('days_repeat'), 830 'days_repeat' => $request->get('days_repeat'),
825 'time_send_first' => $request->get('time_send_first'), 831 'time_send_first' => $request->get('time_send_first'),
826 'time_send_second' => $request->get('time_send_second'), 832 'time_send_second' => $request->get('time_send_second'),
827 'time_send_third' => $request->get('time_send_third'), 833 'time_send_third' => $request->get('time_send_third'),
828 'time_send_tg' => $request->get('time_send_tg'), 834 'time_send_tg' => $request->get('time_send_tg'),
829 ] 835 ]
830 ); 836 );
831 837
832 foreach ($request->get('vacancies') as $vacancy) { 838 foreach ($request->get('vacancies') as $vacancy) {
833 Ad_employer::query() 839 Ad_employer::query()
834 ->where('id', $vacancy['id']) 840 ->where('id', $vacancy['id'])
835 ->update([ 841 ->update([
836 'autolift_site' => $vacancy['autolift_site'] === 'true', //they're arriving as strings 842 'autolift_site' => $vacancy['autolift_site'] === 'true', //they're arriving as strings
837 'autosend_tg' => $vacancy['autosend_tg'] === 'true', 843 'autosend_tg' => $vacancy['autosend_tg'] === 'true',
838 ]); 844 ]);
839 } 845 }
840 846
841 return response(['success' => true]); 847 return response(['success' => true]);
842 } 848 }
843 849
844 public function autoresponder() 850 public function autoresponder()
845 { 851 {
846 $user = Auth::user(); 852 $user = Auth::user();
847 return view('employers.autoresponder', compact('user')); 853 return view('employers.autoresponder', compact('user'));
848 } 854 }
849 855
850 public function autoresponderSave(Request $request): RedirectResponse 856 public function autoresponderSave(Request $request): RedirectResponse
851 { 857 {
852 $user = Auth::user(); 858 $user = Auth::user();
853 $user->autoresponder = $request->get('autoresponder', false) === 'on'; 859 $user->autoresponder = $request->get('autoresponder', false) === 'on';
854 $user->autoresponder_message = $request->get('autoresponder_message'); 860 $user->autoresponder_message = $request->get('autoresponder_message');
855 $user->save(); 861 $user->save();
856 862
857 return redirect(route('employer.autoresponder')); 863 return redirect(route('employer.autoresponder'));
858 } 864 }
859 } 865 }
860 866
app/Http/Controllers/MainController.php
Diff comments   View file @ 5131abd
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\Mail\MailRegistration; 7 use App\Mail\MailRegistration;
8 use App\Mail\MailRepair; 8 use App\Mail\MailRepair;
9 use App\Models\Ad_employer; 9 use App\Models\Ad_employer;
10 use App\Models\Ad_jobs; 10 use App\Models\Ad_jobs;
11 use App\Models\Category; 11 use App\Models\Category;
12 use App\Models\Education; 12 use App\Models\Education;
13 use App\Models\employers_main; 13 use App\Models\employers_main;
14 use App\Models\Job_title; 14 use App\Models\Job_title;
15 use App\Models\Like_vacancy; 15 use App\Models\Like_vacancy;
16 use App\Models\Like_worker; 16 use App\Models\Like_worker;
17 use App\Models\News; 17 use App\Models\News;
18 use App\Models\Positions; 18 use App\Models\Positions;
19 use App\Models\reclame; 19 use App\Models\reclame;
20 use App\Models\User; 20 use App\Models\User;
21 use Illuminate\Http\Request; 21 use Illuminate\Http\Request;
22 use Illuminate\Support\Facades\Auth; 22 use Illuminate\Support\Facades\Auth;
23 use Illuminate\Support\Facades\DB; 23 use Illuminate\Support\Facades\DB;
24 use Illuminate\Support\Facades\Hash; 24 use Illuminate\Support\Facades\Hash;
25 use Illuminate\Support\Facades\Mail; 25 use Illuminate\Support\Facades\Mail;
26 use Illuminate\Support\Facades\Validator; 26 use Illuminate\Support\Facades\Validator;
27 use App\Models\PageContent; 27 use App\Models\PageContent;
28 use App\Enums\MainPageCounters; 28 use App\Enums\MainPageCounters;
29 29
30 class MainController extends Controller 30 class MainController extends Controller
31 { 31 {
32 // Главная страница публичной части 32 // Главная страница публичной части
33 public function index() { 33 public function index() {
34 $news = News::query()->orderByDesc('id')->limit(6)->get(); 34 $news = News::query()->orderByDesc('id')->limit(6)->get();
35 35
36 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') 36 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
37 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') 37 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
38 ->OrderByDesc('created_at') 38 ->OrderByDesc('created_at')
39 ->GroupBy('categories.id') 39 ->GroupBy('categories.id')
40 ->get(); 40 ->get();
41 41
42 $Job_title = Job_title::query()->where('is_remove', '=', '0')-> 42 $Job_title = Job_title::query()->where('is_remove', '=', '0')->
43 where('is_bd', '=', '0')->orderByDesc('sort')->get(); 43 where('is_bd', '=', '0')->orderByDesc('sort')->get();
44 44
45 $Data = DB::table('job_titles')-> 45 $Data = DB::table('job_titles')->
46 selectRaw('job_titles.name as jn, count(`ad_jobs`.`job_title_id`) as cnt, job_titles.id as id_job, categories.name as catname, categories.id as id_cat')-> 46 selectRaw('job_titles.name as jn, count(`ad_jobs`.`job_title_id`) as cnt, job_titles.id as id_job, categories.name as catname, categories.id as id_cat')->
47 where('categories.is_remove', '=', '0')-> 47 where('categories.is_remove', '=', '0')->
48 where('job_titles.is_remove', '=', '0')-> 48 where('job_titles.is_remove', '=', '0')->
49 where('job_titles.is_bd', '=' , '0')-> 49 where('job_titles.is_bd', '=' , '0')->
50 leftJoin('ad_jobs', 'ad_jobs.job_title_id', '=', 'job_titles.id')-> 50 leftJoin('ad_jobs', 'ad_jobs.job_title_id', '=', 'job_titles.id')->
51 join('categories', 'categories.id', '=', 'job_titles.position_id')-> 51 join('categories', 'categories.id', '=', 'job_titles.position_id')->
52 groupBy('job_titles.id')->orderBy('categories.id')->orderByDesc('job_titles.position_id')-> 52 groupBy('job_titles.id')->orderBy('categories.id')->orderByDesc('job_titles.position_id')->
53 orderByDesc('job_titles.sort')->get()->toArray(); 53 orderByDesc('job_titles.sort')->get()->toArray();
54 54
55 $Main_Job = array(); 55 $Main_Job = array();
56 $name_cat = ''; 56 $name_cat = '';
57 foreach ($Data as $it) { 57 foreach ($Data as $it) {
58 $it_arr = (array)$it; 58 $it_arr = (array)$it;
59 if ($name_cat != $it_arr['catname']) $name_cat = $it_arr['catname']; 59 if ($name_cat != $it_arr['catname']) $name_cat = $it_arr['catname'];
60 $Main_Job[$name_cat][] = $it_arr; 60 $Main_Job[$name_cat][] = $it_arr;
61 } 61 }
62 62
63 $employers = employers_main::query()->with('employer')-> 63 $employers = employers_main::query()->with('employer')->
64 whereHas('employer', function ($query) { 64 whereHas('employer', function ($query) {
65 $query->where('status_hidden', '=', '0'); 65 $query->where('status_hidden', '=', '0');
66 })-> 66 })->
67 orderBy('sort')->get(); 67 orderBy('sort')->get();
68 $vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get(); 68 $vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get();
69 69
70 $block_names = MainPageCounters::values();; 70 $block_names = MainPageCounters::values();;
71 $blocks_counters = PageContent::select('name', 'title', 'description', 'extra') 71 $blocks_counters = PageContent::select('name', 'title', 'description', 'extra')
72 ->whereIn('name', $block_names) 72 ->whereIn('name', $block_names)
73 ->orderBy('name', 'asc') 73 ->orderBy('name', 'asc')
74 ->get() 74 ->get()
75 ->keyBy('name') 75 ->keyBy('name')
76 ->toArray(); 76 ->toArray();
77 77
78 return view('index', compact('news', 'Job_title', 'categories', 'employers', 'vacancy', 'Main_Job', 'blocks_counters')); 78 return view('index', compact('news', 'Job_title', 'categories', 'employers', 'vacancy', 'Main_Job', 'blocks_counters'));
79 } 79 }
80 80
81 public function search_vacancies(Request $request) { 81 public function search_vacancies(Request $request) {
82 if ($request->has('search')) { 82 if ($request->has('search')) {
83 $search = $request->get('search'); 83 $search = $request->get('search');
84 $job_titles = Job_title::query()->where('name', 'LIKE', "%$search%")->first(); 84 $job_titles = Job_title::query()->where('name', 'LIKE', "%$search%")->first();
85 if (isset($job_titles->id)) 85 if (isset($job_titles->id))
86 if ($job_titles->id > 0) 86 if ($job_titles->id > 0)
87 return redirect()->route('vacancies', ['job' => $job_titles->id]); 87 return redirect()->route('vacancies', ['job' => $job_titles->id]);
88 } 88 }
89 } 89 }
90 90
91 // Лайк вакансии 91 // Лайк вакансии
92 public function like_vacancy(Request $request) 92 public function like_vacancy(Request $request)
93 { 93 {
94 if(Auth::user() === null) { 94 if(Auth::user() === null) {
95 return;//todo unauthenticated behavior 95 return;//todo unauthenticated behavior
96 } 96 }
97 97
98 if ($request->has('code_record')) { 98 if ($request->has('code_record')) {
99 if ($request->has('delete')) { 99 if ($request->has('delete')) {
100 DB::table('like_vacancy') 100 DB::table('like_vacancy')
101 ->where('code_record', $request->get('code_record')) 101 ->where('code_record', $request->get('code_record'))
102 ->where('user_id', Auth::user()->id) 102 ->where('user_id', Auth::user()->id)
103 ->delete(); 103 ->delete();
104 104
105 } else { 105 } else {
106 $params = $request->all(); 106 $params = $request->all();
107 $params['user_id'] = Auth::user()->id; 107 $params['user_id'] = Auth::user()->id;
108 Like_vacancy::create($params); 108 Like_vacancy::create($params);
109 } 109 }
110 } 110 }
111 } 111 }
112 112
113 // Лайк соискателю. 113 // Лайк соискателю.
114 public function like_worker(Request $request) 114 public function like_worker(Request $request)
115 { 115 {
116 if(Auth::user() === null) { 116 if(Auth::user() === null) {
117 return;//todo unauthenticated behavior 117 return;//todo unauthenticated behavior
118 } 118 }
119 119
120 if ($request->has('code_record')) {//fixme make non-absurd validation 120 if ($request->has('code_record')) {//fixme make non-absurd validation
121 if ($request->has('delete')) { 121 if ($request->has('delete')) {
122 DB::table('like_worker') 122 DB::table('like_worker')
123 ->where('code_record', $request->get('code_record')) 123 ->where('code_record', $request->get('code_record'))
124 ->where('user_id', Auth::user()->id) 124 ->where('user_id', Auth::user()->id)
125 ->delete(); 125 ->delete();
126 126
127 return response()->json(['deleted' => true, 'id' => $request->get('code_record')]); 127 return response()->json(['deleted' => true, 'id' => $request->get('code_record')]);
128 } else { 128 } else {
129 $params = $request->all(); 129 $params = $request->all();
130 $params['user_id'] = Auth::user()->id; 130 $params['user_id'] = Auth::user()->id;
131 Like_worker::create($params); 131 Like_worker::create($params);
132 return response()->json(['deleted' => false, 'id' => $request->get('code_record')]); 132 return response()->json(['deleted' => false, 'id' => $request->get('code_record')]);
133 } 133 }
134 } 134 }
135 } 135 }
136 136
137 public function vacancies(Request $request) { 137 public function vacancies(Request $request) {
138 //должности 138 //должности
139 $Job_title = Job_title::query()->where('is_remove', '=', '0')-> 139 $Job_title = Job_title::query()->where('is_remove', '=', '0')->
140 where('is_bd', '=', '0')->orderByDesc('sort')-> 140 where('is_bd', '=', '0')->orderByDesc('sort')->
141 orderBy('name')->get(); 141 orderBy('name')->get();
142 142
143 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') 143 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
144 ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary') 144 ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary')
145 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') 145 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
146 ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id'); 146 ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id');
147 147
148 //категории и вакансии 148 //категории и вакансии
149 if (($request->has('job')) && ($request->get('job') > 0)) { 149 if (($request->has('job')) && ($request->get('job') > 0)) {
150 $categories = $categories->Where('job_title_id', '=', $request->get('job')); 150 $categories = $categories->Where('job_title_id', '=', $request->get('job'));
151 } 151 }
152 152
153 $categories = $categories->OrderByDesc('created_at')->GroupBy('categories.id')->get(); 153 $categories = $categories->OrderByDesc('created_at')->GroupBy('categories.id')->get();
154 154
155 $Data = DB::table('job_titles')-> 155 $Data = DB::table('job_titles')->
156 selectRaw('job_titles.name as jn, count(`ad_jobs`.`job_title_id`) as cnt, job_titles.id as id_job, categories.name as catname, categories.id as id_cat')-> 156 selectRaw('job_titles.name as jn, count(`ad_jobs`.`job_title_id`) as cnt, job_titles.id as id_job, categories.name as catname, categories.id as id_cat')->
157 where('categories.is_remove', '=', '0')-> 157 where('categories.is_remove', '=', '0')->
158 where('job_titles.is_bd', '=' , '0')-> 158 where('job_titles.is_bd', '=' , '0')->
159 where('job_titles.is_remove', '=', '0'); 159 where('job_titles.is_remove', '=', '0');
160 160
161 if (($request->has('job')) && ($request->get('job') > 0)) { 161 if (($request->has('job')) && ($request->get('job') > 0)) {
162 $Data->where('job_title_id', $request->get('job')); 162 $Data->where('job_title_id', $request->get('job'));
163 } 163 }
164 164
165 $Data = $Data->leftJoin('ad_jobs', 'ad_jobs.job_title_id', '=', 'job_titles.id') 165 $Data = $Data->leftJoin('ad_jobs', 'ad_jobs.job_title_id', '=', 'job_titles.id')
166 ->join('categories', 'categories.id', '=', 'job_titles.position_id') 166 ->join('categories', 'categories.id', '=', 'job_titles.position_id')
167 ->groupBy('job_titles.id') 167 ->groupBy('job_titles.id')
168 ->orderBy('categories.id') 168 ->orderBy('categories.id')
169 ->orderByDesc('job_titles.position_id') 169 ->orderByDesc('job_titles.position_id')
170 ->orderByDesc('job_titles.sort') 170 ->orderByDesc('job_titles.sort')
171 ->get() 171 ->get()
172 ->toArray(); 172 ->toArray();
173 173
174 $Main_Job = array(); 174 $Main_Job = array();
175 $name_cat = ''; 175 $name_cat = '';
176 foreach ($Data as $it) { 176 foreach ($Data as $it) {
177 $it_arr = (array)$it; 177 $it_arr = (array)$it;
178 if ($name_cat != $it_arr['catname']) { 178 if ($name_cat != $it_arr['catname']) {
179 $name_cat = $it_arr['catname']; 179 $name_cat = $it_arr['catname'];
180 } 180 }
181 $Main_Job[$name_cat][] = $it_arr; 181 $Main_Job[$name_cat][] = $it_arr;
182 } 182 }
183 183
184 if ($request->ajax()) { 184 if ($request->ajax()) {
185 return view('ajax.new_sky', compact('categories', 'Main_Job')); 185 return view('ajax.new_sky', compact('categories', 'Main_Job'));
186 } else { 186 } else {
187 return view('new_sky', compact('Job_title', 'categories', 'Main_Job')); 187 return view('new_sky', compact('Job_title', 'categories', 'Main_Job'));
188 } 188 }
189 } 189 }
190 190
191 //Вакансии категория детальная 191 //Вакансии категория детальная
192 public function list_vacancies(Category $categories, Request $request) 192 public function list_vacancies(Category $categories, Request $request)
193 { 193 {
194 if (isset(Auth()->user()->id)) 194 if (isset(Auth()->user()->id))
195 $uid = Auth()->user()->id; 195 $uid = Auth()->user()->id;
196 else 196 else
197 $uid = 0; 197 $uid = 0;
198 198
199 if ($request->get('job') == 0) 199 if ($request->get('job') == 0)
200 $job_search = ''; 200 $job_search = '';
201 else 201 else
202 $job_search = $request->get('job'); 202 $job_search = $request->get('job');
203 203
204 $Query = Ad_employer::with('jobs') 204 $Query = Ad_employer::with('jobs')
205 ->with('cat') 205 ->with('cat')
206 ->with('employer') 206 ->with('employer')
207 ->where('is_remove', 0) 207 ->where('is_remove', 0)
208 ->where('active_is', 1)
208 ->whereHas('jobs_code', function ($query) use ($job_search) { 209 ->whereHas('jobs_code', function ($query) use ($job_search) {
209 if (!empty($job_search)) { 210 if (!empty($job_search)) {
210 $query->where('job_title_id', $job_search); 211 $query->where('job_title_id', $job_search);
211 } 212 }
212 }) 213 })
213 ->select('ad_employers.*'); 214 ->select('ad_employers.*');
214 215
215 if (isset($categories->id) && ($categories->id > 0)) { 216 if (isset($categories->id) && ($categories->id > 0)) {
216 $Query = $Query->where('category_id', '=', $categories->id); 217 $Query = $Query->where('category_id', '=', $categories->id);
217 $Name_categori = Category::query()->where('id', '=', $categories->id)->first()->name; 218 $Name_categori = Category::query()->where('id', '=', $categories->id)->first()->name;
218 } else { 219 } else {
219 $Name_categori = ''; 220 $Name_categori = '';
220 } 221 }
221 222
222 if ($request->get('sort')) { 223 if ($request->get('sort')) {
223 $sort = $request->get('sort'); 224 $sort = $request->get('sort');
224 switch ($sort) { 225 switch ($sort) {
225 case 'name_up': $Query = $Query->orderBy('name')->orderBy('id'); break; 226 case 'name_up': $Query = $Query->orderBy('name')->orderBy('id'); break;
226 case 'name_down': $Query = $Query->orderByDesc('name')->orderby('id'); break; 227 case 'name_down': $Query = $Query->orderByDesc('name')->orderby('id'); break;
227 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break; 228 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break;
228 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break; 229 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break;
229 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break; 230 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break;
230 default: $Query = $Query->orderbyDesc('updated_at')->orderBy('id'); break; 231 default: $Query = $Query->orderbyDesc('updated_at')->orderBy('id'); break;
231 } 232 }
232 } 233 }
233 234
234 $Job_title = Job_title::query()->where('is_remove', '=', '0')-> 235 $Job_title = Job_title::query()->where('is_remove', '=', '0')->
235 where('is_bd', '=', '0')->orderByDesc('sort')-> 236 where('is_bd', '=', '0')->orderByDesc('sort')->
236 orderBy('name')->get(); 237 orderBy('name')->get();
237 238
238 $Query_count = $Query->count(); 239 $Query_count = $Query->count();
239 240
240 $Query = $Query->OrderByDesc('updated_at')->paginate(10); 241 $Query = $Query->OrderByDesc('updated_at')->paginate(10);
241 242
242 $Reclama = reclame::query()->where(['is_hidden' => 0])->get(); 243 $Reclama = reclame::query()->where(['is_hidden' => 0])->get();
243 244
244 if ($request->ajax()) { 245 if ($request->ajax()) {
245 if ($request->has('title')) { 246 if ($request->has('title')) {
246 return view('ajax.list_category', compact('Name_categori')); 247 return view('ajax.list_category', compact('Name_categori'));
247 } 248 }
248 249
249 return view( 250 return view(
250 'ajax.list_vacancies', 251 'ajax.list_vacancies',
251 compact('Query','Query_count','Name_categori','Reclama','categories','Job_title','uid') 252 compact('Query','Query_count','Name_categori','Reclama','categories','Job_title','uid')
252 ); 253 );
253 } 254 }
254 255
255 //Вернуть все 256 //Вернуть все
256 return view( 257 return view(
257 'list_vacancies', 258 'list_vacancies',
258 compact('Query','Query_count','Reclama','Name_categori','categories','Job_title','uid') 259 compact('Query','Query_count','Reclama','Name_categori','categories','Job_title','uid')
259 ); 260 );
260 } 261 }
261 262
262 // Контакты 263 // Контакты
263 public function contacts() { 264 public function contacts() {
264 return view('contacts'); 265 return view('contacts');
265 } 266 }
266 267
267 // Вход в личный кабинет 268 // Вход в личный кабинет
268 public function input_login(Request $request) 269 public function input_login(Request $request)
269 { 270 {
270 $params = $request->all(); 271 $params = $request->all();
271 272
272 273
273 $rules = [ 274 $rules = [
274 'email' => 'required|string|email', 275 'email' => 'required|string|email',
275 'password' => 'required|string|min:3|max:25', 276 'password' => 'required|string|min:3|max:25',
276 ]; 277 ];
277 278
278 $messages = [ 279 $messages = [
279 'required' => 'Укажите обязательное поле «:attribute»', 280 'required' => 'Укажите обязательное поле «:attribute»',
280 'email' => 'Введите корректный email', 281 'email' => 'Введите корректный email',
281 'min' => [ 282 'min' => [
282 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 283 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
283 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 284 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
284 ], 285 ],
285 'max' => [ 286 'max' => [
286 'string' => 'Поле «:attribute» должно быть не больше :max символов', 287 'string' => 'Поле «:attribute» должно быть не больше :max символов',
287 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 288 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
288 ], 289 ],
289 ]; 290 ];
290 $validator = Validator::make($request->all(), $rules, $messages); 291 $validator = Validator::make($request->all(), $rules, $messages);
291 if ($validator->fails()) { 292 if ($validator->fails()) {
292 if (Auth::check()) 293 if (Auth::check())
293 $user_id = $request->user()->id; 294 $user_id = $request->user()->id;
294 else 295 else
295 $user_id = 0; 296 $user_id = 0;
296 297
297 if ($user_id > 0) 298 if ($user_id > 0)
298 return json_encode(Array("ERROR" => "Email или пароль невалидный!")); 299 return json_encode(Array("ERROR" => "Email или пароль невалидный!"));
299 else 300 else
300 return redirect()->route('index')->with('Error', "Email или пароль невалидный"); 301 return redirect()->route('index')->with('Error', "Email или пароль невалидный");
301 } else { 302 } else {
302 $credentials = $request->only('email', 'password'); 303 $credentials = $request->only('email', 'password');
303 304
304 if (Auth::attempt($credentials, $request->has('remember'))) { 305 if (Auth::attempt($credentials, $request->has('remember'))) {
305 306
306 if (is_null(Auth::user()->email_verified_at)) { 307 if (is_null(Auth::user()->email_verified_at)) {
307 Auth::logout(); 308 Auth::logout();
308 return json_encode(Array("ERROR" => "Адрес почты не подтвержден")); 309 return json_encode(Array("ERROR" => "Адрес почты не подтвержден"));
309 } 310 }
310 311
311 if (Auth::user()->is_worker) { 312 if (Auth::user()->is_worker) {
312 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl())); 313 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));
313 } else { 314 } else {
314 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl())); 315 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));
315 } 316 }
316 317
317 return json_encode(Array("SUCCESS" => "Вы успешно вошли в личный кабинет")); 318 return json_encode(Array("SUCCESS" => "Вы успешно вошли в личный кабинет"));
318 //->route('index') 319 //->route('index')
319 //->with('success', 'Вы вошли в личный кабинет.'); 320 //->with('success', 'Вы вошли в личный кабинет.');
320 } else { 321 } else {
321 return json_encode(Array("ERROR" => "Неверный логин или пароль!")); 322 return json_encode(Array("ERROR" => "Неверный логин или пароль!"));
322 } 323 }
323 } 324 }
324 } 325 }
325 326
326 // Восстановление пароля 327 // Восстановление пароля
327 public function repair_password(Request $request) { 328 public function repair_password(Request $request) {
328 $rules = [ 329 $rules = [
329 'email' => 'required|string|email', 330 'email' => 'required|string|email',
330 ]; 331 ];
331 332
332 $messages = [ 333 $messages = [
333 'required' => 'Укажите обязательное поле «:attribute»', 334 'required' => 'Укажите обязательное поле «:attribute»',
334 'email' => 'Введите корректный email', 335 'email' => 'Введите корректный email',
335 'min' => [ 336 'min' => [
336 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 337 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
337 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 338 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
338 ], 339 ],
339 'max' => [ 340 'max' => [
340 'string' => 'Поле «:attribute» должно быть не больше :max символов', 341 'string' => 'Поле «:attribute» должно быть не больше :max символов',
341 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 342 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
342 ], 343 ],
343 ]; 344 ];
344 345
345 $validator = Validator::make($request->all(), $rules, $messages); 346 $validator = Validator::make($request->all(), $rules, $messages);
346 347
347 if ($validator->fails()) { 348 if ($validator->fails()) {
348 return redirect()->back()->with('Error', "Email невалидный"); 349 return redirect()->back()->with('Error', "Email невалидный");
349 } else { 350 } else {
350 $new_password = Tools::generator_id(10); 351 $new_password = Tools::generator_id(10);
351 $hash_password = Hash::make($new_password); 352 $hash_password = Hash::make($new_password);
352 $user = User::query()->where('email', $request->get('email'))->first(); 353 $user = User::query()->where('email', $request->get('email'))->first();
353 $EditRec = User::find($user->id); 354 $EditRec = User::find($user->id);
354 $EditRec->password = $hash_password; 355 $EditRec->password = $hash_password;
355 $EditRec->save(); 356 $EditRec->save();
356 357
357 foreach ([$request->get('email')] as $recipient) { 358 foreach ([$request->get('email')] as $recipient) {
358 Mail::to($recipient)->send(new MailRepair($new_password)); 359 Mail::to($recipient)->send(new MailRepair($new_password));
359 } 360 }
360 return redirect()->route('index'); 361 return redirect()->route('index');
361 362
362 } 363 }
363 364
364 } 365 }
365 366
366 // Вывод новостей 367 // Вывод новостей
367 public function news(Request $request) { 368 public function news(Request $request) {
368 $Query = News::query(); 369 $Query = News::query();
369 if ($request->has('search')) { 370 if ($request->has('search')) {
370 $search = $request->get('search'); 371 $search = $request->get('search');
371 $Query = $Query->where('title', 'LIKE', "%$search%")-> 372 $Query = $Query->where('title', 'LIKE', "%$search%")->
372 orWhere('text', 'LIKE', "%$search%"); 373 orWhere('text', 'LIKE', "%$search%");
373 } 374 }
374 375
375 if ($request->ajax()) { 376 if ($request->ajax()) {
376 if ($request->get('sort')) { 377 if ($request->get('sort')) {
377 $sort = $request->get('sort'); 378 $sort = $request->get('sort');
378 switch ($sort) { 379 switch ($sort) {
379 case 'name_up': $Query = $Query->orderBy('title')->orderBy('id'); break; 380 case 'name_up': $Query = $Query->orderBy('title')->orderBy('id'); break;
380 case 'name_down': $Query = $Query->orderByDesc('title')->orderby('id'); break; 381 case 'name_down': $Query = $Query->orderByDesc('title')->orderby('id'); break;
381 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break; 382 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break;
382 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break; 383 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break;
383 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break; 384 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break;
384 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break; 385 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break;
385 } 386 }
386 } 387 }
387 } 388 }
388 $Query_count = $Query->count(); 389 $Query_count = $Query->count();
389 $Query = $Query->paginate(6); 390 $Query = $Query->paginate(6);
390 391
391 if ($request->ajax()) { 392 if ($request->ajax()) {
392 return view('ajax.news-list', compact('Query', 'Query_count')); 393 return view('ajax.news-list', compact('Query', 'Query_count'));
393 } else { 394 } else {
394 return view('news-list', compact('Query', 'Query_count')); 395 return view('news-list', compact('Query', 'Query_count'));
395 } 396 }
396 } 397 }
397 398
398 //Детальная новость 399 //Детальная новость
399 public function detail_new(News $new) { 400 public function detail_new(News $new) {
400 // Наборка 401 // Наборка
401 $Query = News::query()->where('id', $new->id)->get(); 402 $Query = News::query()->where('id', $new->id)->get();
402 $title = $Query[0]->title; 403 $title = $Query[0]->title;
403 $All_Query = News::query()->paginate(8); 404 $All_Query = News::query()->paginate(8);
404 return view('detail_new', compact('Query', 'All_Query', 'title')); 405 return view('detail_new', compact('Query', 'All_Query', 'title'));
405 } 406 }
406 } 407 }
407 408
app/Http/Controllers/WorkerController.php
Diff comments   View file @ 5131abd
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\DocumentsRequest; 7 use App\Http\Requests\DocumentsRequest;
8 use App\Http\Requests\PrevCompanyRequest; 8 use App\Http\Requests\PrevCompanyRequest;
9 use App\Http\Requests\SertificationRequest; 9 use App\Http\Requests\SertificationRequest;
10 use App\Models\Ad_employer; 10 use App\Models\Ad_employer;
11 use App\Models\ad_response; 11 use App\Models\ad_response;
12 use App\Models\Chat; 12 use App\Models\Chat;
13 use App\Models\Dop_info; 13 use App\Models\Dop_info;
14 use App\Models\Employer; 14 use App\Models\Employer;
15 use App\Models\EmployerAutoliftOption; 15 use App\Models\EmployerAutoliftOption;
16 use App\Models\infobloks; 16 use App\Models\infobloks;
17 use App\Models\Job_title; 17 use App\Models\Job_title;
18 use App\Models\Like_vacancy; 18 use App\Models\Like_vacancy;
19 use App\Models\Message; 19 use App\Models\Message;
20 use App\Models\place_works; 20 use App\Models\place_works;
21 use App\Models\PrevCompany; 21 use App\Models\PrevCompany;
22 use App\Models\ResponseWork; 22 use App\Models\ResponseWork;
23 use App\Models\sertification; 23 use App\Models\sertification;
24 use App\Models\Static_worker; 24 use App\Models\Static_worker;
25 use App\Models\Title_worker; 25 use App\Models\Title_worker;
26 use App\Models\User; 26 use App\Models\User;
27 use App\Models\User as User_Model; 27 use App\Models\User as User_Model;
28 use App\Models\Worker; 28 use App\Models\Worker;
29 use App\Models\WorkerAutoliftOption; 29 use App\Models\WorkerAutoliftOption;
30 use Barryvdh\DomPDF\Facade\Pdf; 30 use Barryvdh\DomPDF\Facade\Pdf;
31 use Carbon\Carbon; 31 use Carbon\Carbon;
32 use Illuminate\Auth\Events\Registered; 32 use Illuminate\Auth\Events\Registered;
33 use Illuminate\Database\Eloquent\Builder; 33 use Illuminate\Database\Eloquent\Builder;
34 use Illuminate\Http\RedirectResponse; 34 use Illuminate\Http\RedirectResponse;
35 use Illuminate\Http\Request; 35 use Illuminate\Http\Request;
36 use Illuminate\Pagination\LengthAwarePaginator; 36 use Illuminate\Pagination\LengthAwarePaginator;
37 use Illuminate\Support\Facades\Auth; 37 use Illuminate\Support\Facades\Auth;
38 use Illuminate\Support\Facades\DB; 38 use Illuminate\Support\Facades\DB;
39 use Illuminate\Support\Facades\Hash; 39 use Illuminate\Support\Facades\Hash;
40 use Illuminate\Support\Facades\Storage; 40 use Illuminate\Support\Facades\Storage;
41 use Illuminate\Support\Facades\Validator; 41 use Illuminate\Support\Facades\Validator;
42 use Illuminate\View\View; 42 use Illuminate\View\View;
43 use JsonException; 43 use JsonException;
44 use PhpOffice\PhpSpreadsheet\Spreadsheet; 44 use PhpOffice\PhpSpreadsheet\Spreadsheet;
45 use PhpOffice\PhpSpreadsheet\Writer\Xlsx; 45 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
46 use Symfony\Component\HttpFoundation\StreamedResponse; 46 use Symfony\Component\HttpFoundation\StreamedResponse;
47 use App\Enums\DbExportColumns; 47 use App\Enums\DbExportColumns;
48 use App\Enums\WorkerStatuses; 48 use App\Enums\WorkerStatuses;
49 use DateTime; 49 use DateTime;
50 50
51 class WorkerController extends Controller 51 class WorkerController extends Controller
52 { 52 {
53 //профиль 53 //профиль
54 public function profile(Worker $worker) 54 public function profile(Worker $worker)
55 { 55 {
56 $get_date = date('Y.m'); 56 $get_date = date('Y.m');
57 57
58 $c = Static_worker::query()->where('year_month', '=', $get_date) 58 $c = Static_worker::query()->where('year_month', '=', $get_date)
59 ->where('user_id', '=', $worker->users->id) 59 ->where('user_id', '=', $worker->users->id)
60 ->get(); 60 ->get();
61 61
62 if ($c->count() > 0) { 62 if ($c->count() > 0) {
63 $upd = Static_worker::find($c[0]->id); 63 $upd = Static_worker::find($c[0]->id);
64 $upd->lookin = $upd->lookin + 1; 64 $upd->lookin = $upd->lookin + 1;
65 $upd->save(); 65 $upd->save();
66 } else { 66 } else {
67 $crt = new Static_worker(); 67 $crt = new Static_worker();
68 $crt->lookin = 1; 68 $crt->lookin = 1;
69 $crt->year_month = $get_date; 69 $crt->year_month = $get_date;
70 $crt->user_id = $worker->user_id; 70 $crt->user_id = $worker->user_id;
71 $crt->save(); 71 $crt->save();
72 } 72 }
73 73
74 $stat = Static_worker::query()->where('year_month', '=', $get_date) 74 $stat = Static_worker::query()->where('year_month', '=', $get_date)
75 ->where('user_id', '=', $worker->users->id) 75 ->where('user_id', '=', $worker->users->id)
76 ->get(); 76 ->get();
77 77
78 return view('public.workers.profile', compact('worker', 'stat')); 78 return view('public.workers.profile', compact('worker', 'stat'));
79 } 79 }
80 80
81 // лист база резюме 81 // лист база резюме
82 public function bd_resume(Request $request) 82 public function bd_resume(Request $request)
83 { 83 {
84 if (isset(Auth()->user()->id)) { 84
85 if ((Auth()->user()->is_worker) || (!Auth()->user()->is_lookin)) 85 if (!Auth::check()) {
86 return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]); 86
87 return redirect()->route('page', ['pages' => "Usloviya-razmescheniya"])->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);
88
87 } 89 }
90 if ((Auth::user()->is_worker) || (!Auth()->user()->is_lookin))
91 return redirect()->route('page', ['pages' => "Usloviya-razmescheniya"])->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);
92
88 93
89 $status_work = WorkerStatuses::getWorkerStatuses(); 94 $status_work = WorkerStatuses::getWorkerStatuses();
90 95
91 $resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at'); 96 $resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at');
92 $resumes = $resumes->whereHas('users', function (Builder $query) { 97 $resumes = $resumes->whereHas('users', function (Builder $query) {
93 $query->Where('is_worker', '=', '1') 98 $query->Where('is_worker', '=', '1')
94 ->Where('is_bd', '=', '0'); 99 ->Where('is_bd', '=', '0');
95 }); 100 });
96 101
97 if (($request->has('job')) && ($request->get('job') > 0)) { 102 if (($request->has('job')) && ($request->get('job') > 0)) {
98 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) { 103 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) {
99 $query->Where('job_titles.id', $request->get('job')); 104 $query->Where('job_titles.id', $request->get('job'));
100 }); 105 });
101 } 106 }
102 107
103 $Job_title = Job_title::query() 108 $Job_title = Job_title::query()
104 ->where('is_remove', '=', '0') 109 ->where('is_remove', '=', '0')
105 ->where('is_bd', '=' , '1') 110 ->where('is_bd', '=' , '1')
106 ->orderByDesc('sort') 111 ->orderByDesc('sort')
107 ->get(); 112 ->get();
108 113
109 if ($request->get('sort')) { 114 if ($request->get('sort')) {
110 $sort = $request->get('sort'); 115 $sort = $request->get('sort');
111 switch ($sort) { 116 switch ($sort) {
112 case 'looking_for_work': 117 case 'looking_for_work':
113 $resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value); 118 $resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value);
114 break; 119 break;
115 case 'considering_offers': 120 case 'considering_offers':
116 $resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value); 121 $resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value);
117 break; 122 break;
118 case 'not_looking_for_work': 123 case 'not_looking_for_work':
119 $resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value); 124 $resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value);
120 break; 125 break;
121 } 126 }
122 } 127 }
123 128
124 $resumes = $resumes->get()->filter(function ($worker) { 129 $resumes = $resumes->get()->filter(function ($worker) {
125 return Tools::getWorkerProfilePercent($worker) >= 50; 130 return Tools::getWorkerProfilePercent($worker) >= 50;
126 }); 131 });
127 132
128 $res_count = $resumes->count(); 133 $res_count = $resumes->count();
129 134
130 $currentPage = $_GET['page'] ?? 1; 135 $currentPage = $_GET['page'] ?? 1;
131 $resumes = new LengthAwarePaginator( 136 $resumes = new LengthAwarePaginator(
132 items: $resumes->slice(4 * ($currentPage - 1), 4), 137 items: $resumes->slice(4 * ($currentPage - 1), 4),
133 total: $res_count, 138 total: $res_count,
134 perPage: 4, 139 perPage: 4,
135 ); 140 );
136 $resumes->setPath('bd-resume'); 141 $resumes->setPath('bd-resume');
137 142
138 if ($request->ajax()) { 143 if ($request->ajax()) {
139 // Условия обставлены 144 // Условия обставлены
140 if ($request->has('block') && ($request->get('block') == 1)) { 145 if ($request->has('block') && ($request->get('block') == 1)) {
141 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count')); 146 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count'));
142 } 147 }
143 } else { 148 } else {
144 return view('resume', compact('resumes', 'status_work', 'res_count', 'Job_title')); 149 return view('resume', compact('resumes', 'status_work', 'res_count', 'Job_title'));
145 } 150 }
146 } 151 }
147 152
148 public function basic_information(){ 153 public function basic_information(){
149 if (!isset(Auth()->user()->id)) { 154 if (!isset(Auth()->user()->id)) {
150 abort(404); 155 abort(404);
151 } 156 }
152 157
153 $user_id = Auth()->user()->id; 158 $user_id = Auth()->user()->id;
154 159
155 $user = User::query() 160 $user = User::query()
156 ->with('workers') 161 ->with('workers')
157 ->with(['jobtitles' => function ($query) { 162 ->with(['jobtitles' => function ($query) {
158 $query->select('job_titles.id'); 163 $query->select('job_titles.id');
159 }]) 164 }])
160 ->where('id', '=', $user_id) 165 ->where('id', '=', $user_id)
161 ->first(); 166 ->first();
162 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray(); 167 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray();
163 168
164 $job_titles = Job_title::query() 169 $job_titles = Job_title::query()
165 ->where('is_remove', '=', 0) 170 ->where('is_remove', '=', 0)
166 ->where('is_bd', '=', 1) 171 ->where('is_bd', '=', 1)
167 ->orderByDesc('sort') 172 ->orderByDesc('sort')
168 ->get() 173 ->get()
169 ; 174 ;
170 175
171 return view('workers.form_basic_information', compact('user', 'job_titles')); 176 return view('workers.form_basic_information', compact('user', 'job_titles'));
172 } 177 }
173 178
174 public function additional_documents(){ 179 public function additional_documents(){
175 if (!isset(Auth()->user()->id)) { 180 if (!isset(Auth()->user()->id)) {
176 abort(404); 181 abort(404);
177 } 182 }
178 183
179 $user_id = Auth()->user()->id; 184 $user_id = Auth()->user()->id;
180 185
181 $info_blocks = infobloks::query()->OrderBy('name')->get(); 186 $info_blocks = infobloks::query()->OrderBy('name')->get();
182 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 187 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
183 188
184 $worker = Worker::query() 189 $worker = Worker::query()
185 ->with('users') 190 ->with('users')
186 ->with('infobloks') 191 ->with('infobloks')
187 ->WhereHas('users', function (Builder $query) use ($user_id) { 192 ->WhereHas('users', function (Builder $query) use ($user_id) {
188 $query->Where('id', $user_id); 193 $query->Where('id', $user_id);
189 }) 194 })
190 ->first(); 195 ->first();
191 if ($worker->dop_info->count()){ 196 if ($worker->dop_info->count()){
192 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 197 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
193 } 198 }
194 199
195 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses')); 200 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses'));
196 } 201 }
197 202
198 //Лайк резюме 203 //Лайк резюме
199 public function like_controller() { 204 public function like_controller() {
200 205
201 } 206 }
202 207
203 // анкета соискателя 208 // анкета соискателя
204 public function resume_profile(Worker $worker) 209 public function resume_profile(Worker $worker)
205 { 210 {
206 if (isset(Auth()->user()->id)) { 211 if (isset(Auth()->user()->id)) {
207 $idiot = Auth()->user()->id; 212 $idiot = Auth()->user()->id;
208 } else { 213 } else {
209 $idiot = 0; 214 $idiot = 0;
210 } 215 }
211 216
212 $status_work = WorkerStatuses::getWorkerStatuses(); 217 $status_work = WorkerStatuses::getWorkerStatuses();
213 $Query = Worker::query()->with('users')->with('job_titles') 218 $Query = Worker::query()->with('users')->with('job_titles')
214 ->with('place_worker')->with('sertificate')->with('prev_company') 219 ->with('place_worker')->with('sertificate')->with('prev_company')
215 ->with('infobloks')->with('response'); 220 ->with('infobloks')->with('response');
216 $Query = $Query->where('id', '=', $worker->id); 221 $Query = $Query->where('id', '=', $worker->id);
217 $Query = $Query->get(); 222 $Query = $Query->get();
218 223
219 $get_date = date('Y.m'); 224 $get_date = date('Y.m');
220 225
221 $infoblocks = infobloks::query()->get(); 226 $infoblocks = infobloks::query()->get();
222 227
223 $c = Static_worker::query()->where('year_month', '=', $get_date) 228 $c = Static_worker::query()->where('year_month', '=', $get_date)
224 ->where('user_id', '=', $worker->user_id) 229 ->where('user_id', '=', $worker->user_id)
225 ->get(); 230 ->get();
226 231
227 if ($c->count() > 0) { 232 if ($c->count() > 0) {
228 $upd = Static_worker::find($c[0]->id); 233 $upd = Static_worker::find($c[0]->id);
229 $upd->lookin = $upd->lookin + 1; 234 $upd->lookin = $upd->lookin + 1;
230 $upd->save(); 235 $upd->save();
231 } else { 236 } else {
232 $crt = new Static_worker(); 237 $crt = new Static_worker();
233 $crt->lookin = 1; 238 $crt->lookin = 1;
234 $crt->year_month = $get_date; 239 $crt->year_month = $get_date;
235 $crt->user_id = $worker->user_id; 240 $crt->user_id = $worker->user_id;
236 $status = $crt->save(); 241 $status = $crt->save();
237 } 242 }
238 243
239 $stat = Static_worker::query()->where('year_month', '=', $get_date) 244 $stat = Static_worker::query()->where('year_month', '=', $get_date)
240 ->where('user_id', '=', $worker->user_id) 245 ->where('user_id', '=', $worker->user_id)
241 ->get(); 246 ->get();
242 247
243 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat')); 248 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat'));
244 } 249 }
245 250
246 // скачать анкету соискателя 251 // скачать анкету соискателя
247 public function resume_download(Worker $worker) 252 public function resume_download(Worker $worker)
248 { 253 {
249 $status_work = WorkerStatuses::getWorkerStatuses(); 254 $status_work = WorkerStatuses::getWorkerStatuses();
250 $Query = Worker::query()->with('users')->with('job_titles') 255 $Query = Worker::query()->with('users')->with('job_titles')
251 ->with('place_worker')->with('sertificate')->with('prev_company') 256 ->with('place_worker')->with('sertificate')->with('prev_company')
252 ->with('infobloks'); 257 ->with('infobloks');
253 $Query = $Query->where('id', '=', $worker->id); 258 $Query = $Query->where('id', '=', $worker->id);
254 $Query = $Query->get(); 259 $Query = $Query->get();
255 260
256 view()->share('Query',$Query); 261 view()->share('Query',$Query);
257 262
258 $status_work = WorkerStatuses::getWorkerStatuses(); 263 $status_work = WorkerStatuses::getWorkerStatuses();
259 $infoblocks = infobloks::query()->get(); 264 $infoblocks = infobloks::query()->get();
260 265
261 //return view('layout.pdf', compact('Query', 'status_work', 'infoblocks')); 266 //return view('layout.pdf', compact('Query', 'status_work', 'infoblocks'));
262 $pdf = PDF::loadView('layout.pdf', [ 267 $pdf = PDF::loadView('layout.pdf', [
263 'Query' => $Query, 268 'Query' => $Query,
264 'status_work' => $status_work, 269 'status_work' => $status_work,
265 'infoblocks' => $infoblocks 270 'infoblocks' => $infoblocks
266 ])->setPaper('a4', 'landscape'); 271 ])->setPaper('a4', 'landscape');
267 272
268 return $pdf->download(); 273 return $pdf->download();
269 } 274 }
270 275
271 public function resume_download_all(Request $request) { 276 public function resume_download_all(Request $request) {
272 $spreadsheet = new Spreadsheet(); 277 $spreadsheet = new Spreadsheet();
273 $sheet = $spreadsheet->getActiveSheet(); 278 $sheet = $spreadsheet->getActiveSheet();
274 279
275 $columnMap = range('A', 'Z'); 280 $columnMap = range('A', 'Z');
276 $columns = []; 281 $columns = [];
277 282
278 foreach (DbExportColumns::toArray() as $key => $value){ 283 foreach (DbExportColumns::toArray() as $key => $value){
279 if ($request->input($key, 0)){ 284 if ($request->input($key, 0)){
280 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value)); 285 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value));
281 $columns[] = str_replace('__', '.', $key); 286 $columns[] = str_replace('__', '.', $key);
282 } 287 }
283 } 288 }
284 289
285 if (empty($columns)) { 290 if (empty($columns)) {
286 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.'); 291 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.');
287 } 292 }
288 293
289 $jobIds = $request->input('job_title_list', []); 294 $jobIds = $request->input('job_title_list', []);
290 295
291 /* //query for mysql ver 8.0 or higher 296 /* //query for mysql ver 8.0 or higher
292 $users = DB::select( 297 $users = DB::select(
293 "select `job_titles`.`name`, `users`.`surname`, `users`.`name_man`, `users`.`surname2`, `users`.`email`, `users`.`telephone` 298 "select `job_titles`.`name`, `users`.`surname`, `users`.`name_man`, `users`.`surname2`, `users`.`email`, `users`.`telephone`
294 from users 299 from users
295 join workers on `users`.`id` = `workers`.`user_id` 300 join workers on `users`.`id` = `workers`.`user_id`
296 join `job_titles` 301 join `job_titles`
297 where `users`.`is_bd` = 1 302 where `users`.`is_bd` = 1
298 and (`workers`.`position_work` = `job_titles`.`id` 303 and (`workers`.`position_work` = `job_titles`.`id`
299 or exists (select 1 304 or exists (select 1
300 from JSON_TABLE( 305 from JSON_TABLE(
301 workers.positions_work, 306 workers.positions_work,
302 '$[*]' COLUMNS (id INT PATH '$')) pw 307 '$[*]' COLUMNS (id INT PATH '$')) pw
303 where pw.id = job_titles.id) 308 where pw.id = job_titles.id)
304 )". ((!empty($jobIds)) ? 'and job_titles.id in ('. implode(',', $jobIds).')' : '') 309 )". ((!empty($jobIds)) ? 'and job_titles.id in ('. implode(',', $jobIds).')' : '')
305 );*/ 310 );*/
306 311
307 $selectFields = implode(',', $columns); 312 $selectFields = implode(',', $columns);
308 313
309 $users = DB::select("SELECT $selectFields FROM users 314 $users = DB::select("SELECT $selectFields FROM users
310 JOIN workers ON `users`.`id` = `workers`.`user_id` 315 JOIN workers ON `users`.`id` = `workers`.`user_id`
311 JOIN job_titles ON (`workers`.`position_work` = `job_titles`.`id` 316 JOIN job_titles ON (`workers`.`position_work` = `job_titles`.`id`
312 OR JSON_CONTAINS(`workers`.`positions_work`, JSON_QUOTE(CAST(`job_titles`.`id` AS CHAR)), '$')) 317 OR JSON_CONTAINS(`workers`.`positions_work`, JSON_QUOTE(CAST(`job_titles`.`id` AS CHAR)), '$'))
313 WHERE `users`.`is_bd` = 1 " . ((!empty($jobIds)) ? 'AND job_titles.id IN (' . implode(',', $jobIds) . ')' : '') . ""); 318 WHERE `users`.`is_bd` = 1 " . ((!empty($jobIds)) ? 'AND job_titles.id IN (' . implode(',', $jobIds) . ')' : '') . "");
314 319
315 $users = collect($users); 320 $users = collect($users);
316 321
317 if ($users->count()) { 322 if ($users->count()) {
318 $i = 2; 323 $i = 2;
319 foreach ($users->toArray() as $user){ 324 foreach ($users->toArray() as $user){
320 $j = 0; 325 $j = 0;
321 foreach ($user as $field){ 326 foreach ($user as $field){
322 $sheet->setCellValue("{$columnMap[$j++]}$i", $field); 327 $sheet->setCellValue("{$columnMap[$j++]}$i", $field);
323 } 328 }
324 $i++; 329 $i++;
325 } 330 }
326 } 331 }
327 $writer = new Xlsx($spreadsheet); 332 $writer = new Xlsx($spreadsheet);
328 $fileName = 'DB.xlsx'; 333 $fileName = 'DB.xlsx';
329 334
330 $response = new StreamedResponse(function() use ($writer) { 335 $response = new StreamedResponse(function() use ($writer) {
331 $writer->save('php://output'); 336 $writer->save('php://output');
332 }); 337 });
333 338
334 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); 339 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
335 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"'); 340 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"');
336 $response->headers->set('Cache-Control', 'max-age=0'); 341 $response->headers->set('Cache-Control', 'max-age=0');
337 342
338 return $response; 343 return $response;
339 } 344 }
340 345
341 // Кабинет работника 346 // Кабинет работника
342 public function cabinet(Request $request) 347 public function cabinet(Request $request)
343 { 348 {
344 // дата год и месяц 349 // дата год и месяц
345 $get_date = date('Y.m'); 350 $get_date = date('Y.m');
346 351
347 $id = Auth()->user()->id; 352 $id = Auth()->user()->id;
348 353
349 $Infobloks = infobloks::query()->get(); 354 $Infobloks = infobloks::query()->get();
350 355
351 $Worker = Worker::query() 356 $Worker = Worker::query()
352 ->with(['users', 'sertificate', 'prev_company', 'infobloks', 'place_worker']) 357 ->with(['users', 'sertificate', 'prev_company', 'infobloks', 'place_worker'])
353 ->WhereHas('users', function (Builder $query) use ($id) { 358 ->WhereHas('users', function (Builder $query) use ($id) {
354 $query->Where('id', $id); 359 $query->Where('id', $id);
355 })->first(); 360 })->first();
356 361
357 $Job_titles = Job_title::query()->where('is_remove', '=', '0') 362 $Job_titles = Job_title::query()->where('is_remove', '=', '0')
358 ->where('is_bd', '=' , '1') 363 ->where('is_bd', '=' , '1')
359 ->OrderByDesc('sort')->OrderBy('name') 364 ->OrderByDesc('sort')->OrderBy('name')
360 ->get(); 365 ->get();
361 366
362 $stat = Static_worker::query()->where('year_month', '=', $get_date) 367 $stat = Static_worker::query()->where('year_month', '=', $get_date)
363 ->where('user_id', '=', $id) 368 ->where('user_id', '=', $id)
364 ->get(); 369 ->get();
365 370
366 $persent = Tools::getWorkerProfilePercent($Worker); 371 $persent = Tools::getWorkerProfilePercent($Worker);
367 372
368 $status_work = WorkerStatuses::getWorkerStatuses(); 373 $status_work = WorkerStatuses::getWorkerStatuses();
369 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 374 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
370 $info_blocks = infobloks::query()->OrderBy('name')->get(); 375 $info_blocks = infobloks::query()->OrderBy('name')->get();
371 376
372 $worker = Worker::query() 377 $worker = Worker::query()
373 ->with('users') 378 ->with('users')
374 ->with('sertificate') 379 ->with('sertificate')
375 ->with('prev_company') 380 ->with('prev_company')
376 ->with('infobloks') 381 ->with('infobloks')
377 ->with('place_worker') 382 ->with('place_worker')
378 ->with('job_titles') 383 ->with('job_titles')
379 ->WhereHas('users', function (Builder $query) use ($id) { 384 ->WhereHas('users', function (Builder $query) use ($id) {
380 $query->Where('id', $id); 385 $query->Where('id', $id);
381 }) 386 })
382 ->first(); 387 ->first();
383 if ($worker->dop_info->count()){ 388 if ($worker->dop_info->count()){
384 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 389 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
385 } 390 }
386 391
387 //dd($worker->dop_info); 392 //dd($worker->dop_info);
388 393
389 if ($request->has('print')) { 394 if ($request->has('print')) {
390 dd($Worker); 395 dd($Worker);
391 } else { 396 } else {
392 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat', 397 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat',
393 'worker', 'info_blocks', 'status_work', 'additional_document_statuses' 398 'worker', 'info_blocks', 'status_work', 'additional_document_statuses'
394 )); 399 ));
395 } 400 }
396 } 401 }
397 402
398 // Сохранение данных 403 // Сохранение данных
399 public function cabinet_save(Worker $worker, Request $request) 404 public function cabinet_save(Worker $worker, Request $request)
400 { 405 {
401 $id = $worker->id; 406 $id = $worker->id;
402 $params = $request->all(); 407 $params = $request->all();
403 $job_title_id = $request->get('job_title_id'); 408 $job_title_id = $request->get('job_title_id');
404 409
405 $rules = [ 410 $rules = [
406 'surname' => ['required', 'string', 'max:255'], 411 'surname' => ['required', 'string', 'max:255'],
407 'name_man' => ['required', 'string', 'max:255'], 412 'name_man' => ['required', 'string', 'max:255'],
408 'email' => ['required', 'string', 'email', 'max:255'], 413 'email' => ['required', 'string', 'email', 'max:255'],
409 414
410 ]; 415 ];
411 416
412 $messages = [ 417 $messages = [
413 'required' => 'Укажите обязательное поле', 418 'required' => 'Укажите обязательное поле',
414 'min' => [ 419 'min' => [
415 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 420 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
416 'integer' => 'Поле «:attribute» должно быть :min или больше', 421 'integer' => 'Поле «:attribute» должно быть :min или больше',
417 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 422 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
418 ], 423 ],
419 'max' => [ 424 'max' => [
420 'string' => 'Поле «:attribute» должно быть не больше :max символов', 425 'string' => 'Поле «:attribute» должно быть не больше :max символов',
421 'integer' => 'Поле «:attribute» должно быть :max или меньше', 426 'integer' => 'Поле «:attribute» должно быть :max или меньше',
422 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 427 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
423 ] 428 ]
424 ]; 429 ];
425 430
426 $validator = Validator::make($params, $rules, $messages); 431 $validator = Validator::make($params, $rules, $messages);
427 432
428 if ($validator->fails()) { 433 if ($validator->fails()) {
429 return redirect()->route('worker.cabinet')->withErrors($validator); 434 return redirect()->route('worker.cabinet')->withErrors($validator);
430 } else { 435 } else {
431 436
432 if ($request->has('photo')) { 437 if ($request->has('photo')) {
433 if (!empty($worker->photo)) { 438 if (!empty($worker->photo)) {
434 Storage::delete($worker->photo); 439 Storage::delete($worker->photo);
435 } 440 }
436 $params['photo'] = $request->file('photo')->store("worker/$id", 'public'); 441 $params['photo'] = $request->file('photo')->store("worker/$id", 'public');
437 } 442 }
438 443
439 if ($request->has('file')) { 444 if ($request->has('file')) {
440 if (!empty($worker->file)) { 445 if (!empty($worker->file)) {
441 Storage::delete($worker->file); 446 Storage::delete($worker->file);
442 } 447 }
443 $params['file'] = $request->file('file')->store("worker/$id", 'public'); 448 $params['file'] = $request->file('file')->store("worker/$id", 'public');
444 } 449 }
445 450
446 $worker->update($params); 451 $worker->update($params);
447 $use = User::find($worker->user_id); 452 $use = User::find($worker->user_id);
448 $use->surname = $request->get('surname'); 453 $use->surname = $request->get('surname');
449 $use->name_man = $request->get('name_man'); 454 $use->name_man = $request->get('name_man');
450 $use->surname2 = $request->get('surname2'); 455 $use->surname2 = $request->get('surname2');
451 456
452 $use->save(); 457 $use->save();
453 $worker->job_titles()->sync($job_title_id); 458 $worker->job_titles()->sync($job_title_id);
454 459
455 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены'); 460 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены');
456 } 461 }
457 } 462 }
458 463
459 public function cabinet_save_foto(Worker $worker, Request $request){ 464 public function cabinet_save_foto(Worker $worker, Request $request){
460 $params = ['photo' => null]; 465 $params = ['photo' => null];
461 466
462 if ($request->has('photo')) { 467 if ($request->has('photo')) {
463 if (!empty($worker->photo)) { 468 if (!empty($worker->photo)) {
464 Storage::delete($worker->photo); 469 Storage::delete($worker->photo);
465 } 470 }
466 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public'); 471 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public');
467 } 472 }
468 473
469 if ($request->has('file')) { 474 if ($request->has('file')) {
470 if (!empty($worker->file)) { 475 if (!empty($worker->file)) {
471 Storage::delete($worker->file); 476 Storage::delete($worker->file);
472 } 477 }
473 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public'); 478 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public');
474 } 479 }
475 480
476 $worker->update($params); 481 $worker->update($params);
477 482
478 return redirect()->route('worker.cabinet'); 483 return redirect()->route('worker.cabinet');
479 } 484 }
480 485
481 // Сообщения данные 486 // Сообщения данные
482 public function messages($type_message) 487 public function messages($type_message)
483 { 488 {
484 $user_id = Auth()->user()->id; 489 $user_id = Auth()->user()->id;
485 490
486 $chats = Chat::get_user_chats($user_id); 491 $chats = Chat::get_user_chats($user_id);
487 $admin_chat = Chat::get_user_admin_chat($user_id); 492 $admin_chat = Chat::get_user_admin_chat($user_id);
488 $user_type = 'worker'; 493 $user_type = 'worker';
489 494
490 return view('workers.messages', compact('chats', 'admin_chat','user_id', 'user_type')); 495 return view('workers.messages', compact('chats', 'admin_chat','user_id', 'user_type'));
491 } 496 }
492 497
493 // Избранный 498 // Избранный
494 public function favorite() 499 public function favorite()
495 { 500 {
496 return view('workers.favorite'); 501 return view('workers.favorite');
497 } 502 }
498 503
499 // Сменить пароль 504 // Сменить пароль
500 public function new_password() 505 public function new_password()
501 { 506 {
502 $email = Auth()->user()->email; 507 $email = Auth()->user()->email;
503 return view('workers.new_password', compact('email')); 508 return view('workers.new_password', compact('email'));
504 } 509 }
505 510
506 // Обновление пароля 511 // Обновление пароля
507 public function save_new_password(Request $request) { 512 public function save_new_password(Request $request) {
508 $use = Auth()->user(); 513 $use = Auth()->user();
509 $request->validate([ 514 $request->validate([
510 'password' => 'required|string', 515 'password' => 'required|string',
511 'new_password' => 'required|string', 516 'new_password' => 'required|string',
512 'new_password2' => 'required|string' 517 'new_password2' => 'required|string'
513 ]); 518 ]);
514 519
515 if ($request->get('new_password') == $request->get('new_password2')) 520 if ($request->get('new_password') == $request->get('new_password2'))
516 if ($request->get('password') !== $request->get('new_password')) { 521 if ($request->get('password') !== $request->get('new_password')) {
517 $credentials = $request->only('email', 'password'); 522 $credentials = $request->only('email', 'password');
518 if (Auth::attempt($credentials, $request->has('save_me'))) { 523 if (Auth::attempt($credentials, $request->has('save_me'))) {
519 524
520 if (!is_null($use->email_verified_at)){ 525 if (!is_null($use->email_verified_at)){
521 526
522 $user_data = User_Model::find($use->id); 527 $user_data = User_Model::find($use->id);
523 $user_data->update([ 528 $user_data->update([
524 'password' => Hash::make($request->get('new_password')), 529 'password' => Hash::make($request->get('new_password')),
525 'pubpassword' => base64_encode($request->get('new_password')), 530 'pubpassword' => base64_encode($request->get('new_password')),
526 ]); 531 ]);
527 return redirect() 532 return redirect()
528 ->route('worker.new_password') 533 ->route('worker.new_password')
529 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 534 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
530 } 535 }
531 536
532 return redirect() 537 return redirect()
533 ->route('worker.new_password') 538 ->route('worker.new_password')
534 ->withError('Данная учетная запись не было верифицированна!'); 539 ->withError('Данная учетная запись не было верифицированна!');
535 } 540 }
536 } 541 }
537 542
538 return redirect() 543 return redirect()
539 ->route('worker.new_password') 544 ->route('worker.new_password')
540 ->withErrors('Не совпадение данных, обновите пароли!'); 545 ->withErrors('Не совпадение данных, обновите пароли!');
541 } 546 }
542 547
543 // Удаление профиля форма 548 // Удаление профиля форма
544 public function delete_profile() 549 public function delete_profile()
545 { 550 {
546 $login = Auth()->user()->email; 551 $login = Auth()->user()->email;
547 return view('workers.delete_profile', compact('login')); 552 return view('workers.delete_profile', compact('login'));
548 } 553 }
549 554
550 // Удаление профиля код 555 // Удаление профиля код
551 public function delete_profile_result(Request $request) { 556 public function delete_profile_result(Request $request) {
552 $Answer = $request->all(); 557 $Answer = $request->all();
553 $user_id = Auth()->user()->id; 558 $user_id = Auth()->user()->id;
554 $request->validate([ 559 $request->validate([
555 'password' => 'required|string', 560 'password' => 'required|string',
556 ]); 561 ]);
557 562
558 $credentials = $request->only('email', 'password'); 563 $credentials = $request->only('email', 'password');
559 if (Auth::attempt($credentials)) { 564 if (Auth::attempt($credentials)) {
560 Auth::logout(); 565 Auth::logout();
561 $it = User_Model::find($user_id); 566 $it = User_Model::find($user_id);
562 $it->delete(); 567 $it->delete();
563 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 568 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
564 } else { 569 } else {
565 return redirect()->route('worker.delete_profile') 570 return redirect()->route('worker.delete_profile')
566 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 571 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
567 } 572 }
568 } 573 }
569 574
570 // Регистрация соискателя 575 // Регистрация соискателя
571 public function register_worker(Request $request) 576 public function register_worker(Request $request)
572 { 577 {
573 $params = $request->all(); 578 $params = $request->all();
574 $params['is_worker'] = 1; 579 $params['is_worker'] = 1;
575 580
576 $rules = [ 581 $rules = [
577 'surname' => ['required', 'string', 'max:255'], 582 'surname' => ['required', 'string', 'max:255'],
578 'name_man' => ['required', 'string', 'max:255'], 583 'name_man' => ['required', 'string', 'max:255'],
579 'email' => ['required', 'email', 'max:255', 'unique:users'], 584 'email' => ['required', 'email', 'max:255', 'unique:users'],
580 'password' => ['required', 'string', 'min:6'] 585 'password' => ['required', 'string', 'min:6']
581 ]; 586 ];
582 587
583 $messages = [ 588 $messages = [
584 'required' => 'Укажите обязательное поле', 589 'required' => 'Укажите обязательное поле',
585 'min' => [ 590 'min' => [
586 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 591 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
587 'integer' => 'Поле «:attribute» должно быть :min или больше', 592 'integer' => 'Поле «:attribute» должно быть :min или больше',
588 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 593 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
589 ], 594 ],
590 'max' => [ 595 'max' => [
591 'string' => 'Поле «:attribute» должно быть не больше :max символов', 596 'string' => 'Поле «:attribute» должно быть не больше :max символов',
592 'integer' => 'Поле «:attribute» должно быть :max или меньше', 597 'integer' => 'Поле «:attribute» должно быть :max или меньше',
593 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 598 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
594 ] 599 ]
595 ]; 600 ];
596 601
597 $email = $request->get('email'); 602 $email = $request->get('email');
598 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 603 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
599 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 604 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
600 } 605 }
601 606
602 if ($request->get('password') !== $request->get('confirmed')){ 607 if ($request->get('password') !== $request->get('confirmed')){
603 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 608 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
604 } 609 }
605 610
606 if (strlen($request->get('password')) < 6) { 611 if (strlen($request->get('password')) < 6) {
607 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 612 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
608 } 613 }
609 614
610 if (($request->has('politik')) && ($request->get('politik') == 1)) { 615 if (($request->has('politik')) && ($request->get('politik') == 1)) {
611 $validator = Validator::make($params, $rules, $messages); 616 $validator = Validator::make($params, $rules, $messages);
612 617
613 if ($validator->fails()) { 618 if ($validator->fails()) {
614 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 619 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
615 } else { 620 } else {
616 $user = $this->create($params); 621 $user = $this->create($params);
617 event(new Registered($user)); 622 event(new Registered($user));
618 Auth::guard()->login($user); 623 Auth::guard()->login($user);
619 } 624 }
620 if ($user) { 625 if ($user) {
621 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));; 626 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
622 } else { 627 } else {
623 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 628 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
624 } 629 }
625 630
626 } else { 631 } else {
627 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!")); 632 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
628 } 633 }
629 } 634 }
630 635
631 // Звездная оценка и ответ 636 // Звездная оценка и ответ
632 public function stars_answer(Request $request) { 637 public function stars_answer(Request $request) {
633 $params = $request->all(); 638 $params = $request->all();
634 $rules = [ 639 $rules = [
635 'message' => ['required', 'string', 'max:255'], 640 'message' => ['required', 'string', 'max:255'],
636 ]; 641 ];
637 642
638 $messages = [ 643 $messages = [
639 'required' => 'Укажите обязательное поле', 644 'required' => 'Укажите обязательное поле',
640 'min' => [ 645 'min' => [
641 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 646 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
642 'integer' => 'Поле «:attribute» должно быть :min или больше', 647 'integer' => 'Поле «:attribute» должно быть :min или больше',
643 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 648 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
644 ], 649 ],
645 'max' => [ 650 'max' => [
646 'string' => 'Поле «:attribute» должно быть не больше :max символов', 651 'string' => 'Поле «:attribute» должно быть не больше :max символов',
647 'integer' => 'Поле «:attribute» должно быть :max или меньше', 652 'integer' => 'Поле «:attribute» должно быть :max или меньше',
648 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 653 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
649 ] 654 ]
650 ]; 655 ];
651 $response_worker = ResponseWork::create($params); 656 $response_worker = ResponseWork::create($params);
652 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!'); 657 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');
653 } 658 }
654 659
655 public function TestWorker() 660 public function TestWorker()
656 { 661 {
657 $Use = new User(); 662 $Use = new User();
658 663
659 $Code_user = $Use->create([ 664 $Code_user = $Use->create([
660 'name' => 'surname name_man', 665 'name' => 'surname name_man',
661 'name_man' => 'name_man', 666 'name_man' => 'name_man',
662 'surname' => 'surname', 667 'surname' => 'surname',
663 'surname2' => 'surname2', 668 'surname2' => 'surname2',
664 'subscribe_email' => '1', 669 'subscribe_email' => '1',
665 'email' => 'email@mail.com', 670 'email' => 'email@mail.com',
666 'telephone' => '1234567890', 671 'telephone' => '1234567890',
667 'password' => Hash::make('password'), 672 'password' => Hash::make('password'),
668 'pubpassword' => base64_encode('password'), 673 'pubpassword' => base64_encode('password'),
669 'email_verified_at' => Carbon::now(), 674 'email_verified_at' => Carbon::now(),
670 'is_worker' => 1, 675 'is_worker' => 1,
671 ]); 676 ]);
672 677
673 if ($Code_user->id > 0) { 678 if ($Code_user->id > 0) {
674 $Worker = new Worker(); 679 $Worker = new Worker();
675 $Worker->user_id = $Code_user->id; 680 $Worker->user_id = $Code_user->id;
676 $Worker->position_work = 1; //'job_titles'; 681 $Worker->position_work = 1; //'job_titles';
677 $Worker->email = 'email@email.com'; 682 $Worker->email = 'email@email.com';
678 $Worker->telephone = '1234567890'; 683 $Worker->telephone = '1234567890';
679 $status = $Worker->save(); 684 $status = $Worker->save();
680 685
681 $Title_Worker = new Title_worker(); 686 $Title_Worker = new Title_worker();
682 $Title_Worker->worker_id = $Worker->id; 687 $Title_Worker->worker_id = $Worker->id;
683 $Title_Worker->job_title_id = 1; 688 $Title_Worker->job_title_id = 1;
684 $Title_Worker->save(); 689 $Title_Worker->save();
685 } 690 }
686 } 691 }
687 692
688 // Создание пользователя 693 // Создание пользователя
689 protected function create(array $data) 694 protected function create(array $data)
690 { 695 {
691 $Use = new User(); 696 $Use = new User();
692 697
693 $Code_user = $Use->create([ 698 $Code_user = $Use->create([
694 'name' => $data['surname']." ".$data['name_man'], 699 'name' => $data['surname']." ".$data['name_man'],
695 'name_man' => $data['name_man'], 700 'name_man' => $data['name_man'],
696 'surname' => $data['surname'], 701 'surname' => $data['surname'],
697 'surname2' => $data['surname2'], 702 'surname2' => $data['surname2'],
698 'subscribe_email' => $data['email'], 703 'subscribe_email' => $data['email'],
699 'email' => $data['email'], 704 'email' => $data['email'],
700 'telephone' => $data['telephone'], 705 'telephone' => $data['telephone'],
701 'password' => Hash::make($data['password']), 706 'password' => Hash::make($data['password']),
702 'pubpassword' => base64_encode($data['password']), 707 'pubpassword' => base64_encode($data['password']),
703 'email_verified_at' => Carbon::now(), 708 'email_verified_at' => Carbon::now(),
704 'is_worker' => $data['is_worker'], 709 'is_worker' => $data['is_worker'],
705 ]); 710 ]);
706 711
707 if ($Code_user->id > 0) { 712 if ($Code_user->id > 0) {
708 $Worker = new Worker(); 713 $Worker = new Worker();
709 $Worker->user_id = $Code_user->id; 714 $Worker->user_id = $Code_user->id;
710 $Worker->position_work = $data['job_titles']; 715 $Worker->position_work = $data['job_titles'];
711 $Worker->email = $data['email']; 716 $Worker->email = $data['email'];
712 $Worker->telephone = $data['telephone']; 717 $Worker->telephone = $data['telephone'];
713 $Worker->save(); 718 $Worker->save();
714 719
715 if (isset($Worker->id)) { 720 if (isset($Worker->id)) {
716 $Title_Worker = new Title_worker(); 721 $Title_Worker = new Title_worker();
717 $Title_Worker->worker_id = $Worker->id; 722 $Title_Worker->worker_id = $Worker->id;
718 $Title_Worker->job_title_id = $data['job_titles']; 723 $Title_Worker->job_title_id = $data['job_titles'];
719 $Title_Worker->save(); 724 $Title_Worker->save();
720 } 725 }
721 726
722 return $Code_user; 727 return $Code_user;
723 } 728 }
724 } 729 }
725 730
726 // Вакансии избранные 731 // Вакансии избранные
727 public function colorado(Request $request) { 732 public function colorado(Request $request) {
728 $Arr = Like_vacancy::Query() 733 $Arr = Like_vacancy::Query()
729 ->select('code_record') 734 ->select('code_record')
730 ->where('user_id', Auth::user()->id) 735 ->where('user_id', Auth::user()->id)
731 ->get(); 736 ->get();
732 737
733 if ($Arr->count()) { 738 if ($Arr->count()) {
734 $A = Array(); 739 $A = Array();
735 foreach ($Arr as $it) { 740 foreach ($Arr as $it) {
736 $A[] = $it->code_record; 741 $A[] = $it->code_record;
737 } 742 }
738 743
739 $Query = Ad_employer::query()->whereIn('id', $A); 744 $Query = Ad_employer::query()->whereIn('id', $A);
740 } else { 745 } else {
741 $Query = Ad_employer::query()->where('id', '=', '0'); 746 $Query = Ad_employer::query()->where('id', '=', '0');
742 } 747 }
743 748
744 $Query = $Query->with(['jobs', 'cat', 'employer']) 749 $Query = $Query->with(['jobs', 'cat', 'employer'])
745 ->whereHas('jobs_code', function ($query) use ($request) { 750 ->whereHas('jobs_code', function ($query) use ($request) {
746 if ($request->ajax()) { 751 if ($request->ajax()) {
747 if (null !== ($request->get('job'))) { 752 if (null !== ($request->get('job'))) {
748 $query->where('job_title_id', $request->get('job')); 753 $query->where('job_title_id', $request->get('job'));
749 } 754 }
750 } 755 }
751 }) 756 })
752 ->select('ad_employers.*'); 757 ->select('ad_employers.*');
753 758
754 if ($request->get('search') !== null) { 759 if ($request->get('search') !== null) {
755 $search = $request->get('search'); 760 $search = $request->get('search');
756 $Query->where('name', 'LIKE', "%$search%"); 761 $Query->where('name', 'LIKE', "%$search%");
757 } 762 }
758 763
759 //dd($Query->get()); 764 //dd($Query->get());
760 765
761 $Job_title = Job_title::query()->OrderBy('name')->get(); 766 $Job_title = Job_title::query()->OrderBy('name')->get();
762 767
763 $Query_count = $Query->count(); 768 $Query_count = $Query->count();
764 769
765 $Query = $Query->OrderBy('updated_at')->paginate(3); 770 $Query = $Query->OrderBy('updated_at')->paginate(3);
766 771
767 return view('workers.favorite', compact('Query', 772 return view('workers.favorite', compact('Query',
768 'Query_count', 773 'Query_count',
769 'Job_title')); 774 'Job_title'));
770 775
771 } 776 }
772 777
773 //Переписка 778 //Переписка
774 public function dialog(Chat $chat, Request $request) { 779 public function dialog(Chat $chat, Request $request) {
775 // Получение параметров. 780 // Получение параметров.
776 if ($request->has('ad_employer')){ 781 if ($request->has('ad_employer')){
777 $ad_employer = $request->get('ad_employer'); 782 $ad_employer = $request->get('ad_employer');
778 } else { 783 } else {
779 $ad_employer = 0; 784 $ad_employer = 0;
780 } 785 }
781 786
782 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first(); 787 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first();
783 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first(); 788 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first();
784 789
785 $Messages = Chat::get_chat_messages($chat); 790 $Messages = Chat::get_chat_messages($chat);
786 791
787 Message::where('chat_id_to', '=', $chat->id)->update(['flag_new' => 0]); 792 Message::where('chat_id_to', '=', $chat->id)->update(['flag_new' => 0]);
788 793
789 return view('workers.dialog', compact('companion', 'sender', 'chat', 'Messages', 'ad_employer')); 794 return view('workers.dialog', compact('companion', 'sender', 'chat', 'Messages', 'ad_employer'));
790 } 795 }
791 796
792 // Даунылоады 797 // Даунылоады
793 public function download(Worker $worker) { 798 public function download(Worker $worker) {
794 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...']; 799 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
795 view()->share('house',$arr_house); 800 view()->share('house',$arr_house);
796 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape'); 801 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
797 return $pdf->stream(); 802 return $pdf->stream();
798 } 803 }
799 804
800 // Поднятие анкеты 805 // Поднятие анкеты
801 public function up(Worker $worker) { 806 public function up(Worker $worker) {
802 $worker->updated_at = Carbon::now(); 807 $worker->updated_at = Carbon::now();
803 $worker->save(); 808 $worker->save();
804 // 0 809 // 0
805 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных'); 810 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
806 } 811 }
807 812
808 // Форма сертификате 813 // Форма сертификате
809 public function new_sertificate(Worker $worker) { 814 public function new_sertificate(Worker $worker) {
810 return view('workers.sertificate_add', compact('worker')); 815 return view('workers.sertificate_add', compact('worker'));
811 } 816 }
812 817
813 // Добавление сертификата 818 // Добавление сертификата
814 public function add_serificate(SertificationRequest $request) { 819 public function add_serificate(SertificationRequest $request) {
815 $request->validate([ 820 $request->validate([
816 'name' => 'required|string|max:255', 821 'name' => 'required|string|max:255',
817 'end_begin' => 'required|date|date_format:d.m.Y' 822 'end_begin' => 'required|date|date_format:d.m.Y'
818 ], 823 ],
819 [ 824 [
820 'name' => 'Навание сертификата обязательно для заполнения.', 825 'name' => 'Навание сертификата обязательно для заполнения.',
821 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 826 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
822 ]); 827 ]);
823 828
824 $params = $request->all(); 829 $params = $request->all();
825 830
826 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']); 831 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);
827 $params['end_begin'] = $end_begin->format('Y-m-d'); 832 $params['end_begin'] = $end_begin->format('Y-m-d');
828 833
829 $Sertificate = new sertification(); 834 $Sertificate = new sertification();
830 $Sertificate->create($params); 835 $Sertificate->create($params);
831 836
832 return response()->json([ 837 return response()->json([
833 'success' => true 838 'success' => true
834 ]); 839 ]);
835 } 840 }
836 841
837 // Удалить сертификат 842 // Удалить сертификат
838 public function delete_sertificate(sertification $doc) { 843 public function delete_sertificate(sertification $doc) {
839 $doc->delete(); 844 $doc->delete();
840 845
841 return redirect()->route('worker.cabinet'); 846 return redirect()->route('worker.cabinet');
842 } 847 }
843 848
844 // Редактирование сертификата 849 // Редактирование сертификата
845 public function edit_sertificate(Worker $worker, sertification $doc) { 850 public function edit_sertificate(Worker $worker, sertification $doc) {
846 return view('workers.sertificate_edit', compact('doc', 'worker')); 851 return view('workers.sertificate_edit', compact('doc', 'worker'));
847 } 852 }
848 853
849 // Редактирование обновление сертификата 854 // Редактирование обновление сертификата
850 public function update_serificate(SertificationRequest $request, sertification $doc) { 855 public function update_serificate(SertificationRequest $request, sertification $doc) {
851 $request->validate([ 856 $request->validate([
852 'name' => 'required|string|max:255', 857 'name' => 'required|string|max:255',
853 'end_begin' => 'required|date|date_format:d.m.Y' 858 'end_begin' => 'required|date|date_format:d.m.Y'
854 ], 859 ],
855 [ 860 [
856 'name' => 'Навание сертификата обязательно для заполнения.', 861 'name' => 'Навание сертификата обязательно для заполнения.',
857 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 862 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
858 ]); 863 ]);
859 864
860 $all = $request->all(); 865 $all = $request->all();
861 866
862 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']); 867 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
863 $all['end_begin'] = $end_begin->format('Y-m-d'); 868 $all['end_begin'] = $end_begin->format('Y-m-d');
864 869
865 $doc->worker_id = $all['worker_id']; 870 $doc->worker_id = $all['worker_id'];
866 $doc->name = $all['name']; 871 $doc->name = $all['name'];
867 $doc->end_begin = $all['end_begin']; 872 $doc->end_begin = $all['end_begin'];
868 $doc->save(); 873 $doc->save();
869 874
870 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 875 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
871 } 876 }
872 877
873 public function edit_diploms(Request $request, Worker $worker) { 878 public function edit_diploms(Request $request, Worker $worker) {
874 $dop_info_data = $request->input('diploms'); 879 $dop_info_data = $request->input('diploms');
875 880
876 if (empty($dop_info_data)) { 881 if (empty($dop_info_data)) {
877 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!'); 882 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
878 } 883 }
879 884
880 foreach ($dop_info_data as $infoblok_id => $status) { 885 foreach ($dop_info_data as $infoblok_id => $status) {
881 Dop_info::updateOrCreate( 886 Dop_info::updateOrCreate(
882 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id], 887 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
883 ['status' => $status] 888 ['status' => $status]
884 ); 889 );
885 } 890 }
886 891
887 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!'); 892 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
888 } 893 }
889 894
890 public function delete_add_diplom(Request $request, Worker $worker) { 895 public function delete_add_diplom(Request $request, Worker $worker) {
891 $infoblok_id = $request->get('infoblok_id'); 896 $infoblok_id = $request->get('infoblok_id');
892 897
893 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0) 898 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
894 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete(); 899 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
895 else { 900 else {
896 $params['infoblok_id'] = $infoblok_id; 901 $params['infoblok_id'] = $infoblok_id;
897 $params['worker_id'] = $worker->id; 902 $params['worker_id'] = $worker->id;
898 $params['status'] = $request->get('val'); 903 $params['status'] = $request->get('val');
899 $id = Dop_info::create($params); 904 $id = Dop_info::create($params);
900 //$id = $worker->infobloks()->sync([$infoblok_id]); 905 //$id = $worker->infobloks()->sync([$infoblok_id]);
901 } 906 }
902 907
903 //$Infoblocks = infobloks::query()->get(); 908 //$Infoblocks = infobloks::query()->get();
904 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks')); 909 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
905 } 910 }
906 911
907 912
908 913
909 // Добавление диплома 914 // Добавление диплома
910 public function add_diplom_ajax(Request $request) { 915 public function add_diplom_ajax(Request $request) {
911 // конец 916 // конец
912 $params = $request->all(); 917 $params = $request->all();
913 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 918 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
914 919
915 if ($count == 0) $dop_info = Dop_info::create($params); 920 if ($count == 0) $dop_info = Dop_info::create($params);
916 $Infoblocks = infobloks::query()->get(); 921 $Infoblocks = infobloks::query()->get();
917 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get(); 922 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
918 $data = Dop_info::query()->where('worker_id', $request->has('worker_id')); 923 $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
919 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker')); 924 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
920 } 925 }
921 926
922 // Добавление диплома без ajax 927 // Добавление диплома без ajax
923 public function add_diplom(Worker $worker) { 928 public function add_diplom(Worker $worker) {
924 $worker_id = $worker->id; 929 $worker_id = $worker->id;
925 $Infoblocks = infobloks::query()->get(); 930 $Infoblocks = infobloks::query()->get();
926 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks')); 931 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
927 } 932 }
928 // Сохранить 933 // Сохранить
929 // Сохраняю диплом 934 // Сохраняю диплом
930 public function add_diplom_save(Request $request) { 935 public function add_diplom_save(Request $request) {
931 $params = $request->all(); 936 $params = $request->all();
932 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 937 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
933 if ($count == 0) $dop_info = Dop_info::create($params); 938 if ($count == 0) $dop_info = Dop_info::create($params);
934 return redirect()->route('worker.cabinet'); 939 return redirect()->route('worker.cabinet');
935 } 940 }
936 941
937 // Добавление стандартного документа 942 // Добавление стандартного документа
938 public function add_document(Worker $worker) { 943 public function add_document(Worker $worker) {
939 return view('workers.docs', compact('worker')); 944 return view('workers.docs', compact('worker'));
940 } 945 }
941 946
942 //Сохранение стандартого документа 947 //Сохранение стандартого документа
943 public function add_document_save(DocumentsRequest $request) { 948 public function add_document_save(DocumentsRequest $request) {
944 $params = $request->all(); 949 $params = $request->all();
945 place_works::create($params); 950 place_works::create($params);
946 return response()->json(['success' => true]); 951 return response()->json(['success' => true]);
947 } 952 }
948 953
949 // Редактирование документа 954 // Редактирование документа
950 public function edit_document(place_works $doc, Worker $worker) { 955 public function edit_document(place_works $doc, Worker $worker) {
956
951 return view('workers.docs-edit', compact('doc', 'worker')); 957 return view('workers.docs-edit', compact('doc', 'worker'));
952 } 958 }
953 959
954 //Сохранение отредактированного документа 960 //Сохранение отредактированного документа
955 public function edit_document_save(DocumentsRequest $request, place_works $doc) { 961 public function edit_document_save(DocumentsRequest $request, place_works $doc) {
956 $params = $request->all(); 962 $params = $request->all();
957 $doc->update($params); 963 $doc->update($params);
958 964
959 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 965 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
960 } 966 }
961 967
962 // Удаление документа 968 // Удаление документа
963 public function delete_document(place_works $doc) { 969 public function delete_document(place_works $doc) {
964 $doc->delete(); 970 $doc->delete();
965 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 971 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
966 } 972 }
967 973
968 //Отправка нового сообщения 974 //Отправка нового сообщения
969 public function new_message(Request $request) 975 public function new_message(Request $request)
970 { 976 {
971 $params = $request->all(); 977 $params = $request->all();
972 978
973 $id = $params['user_from']; 979 $id = $params['user_from'];
974 980
975 Message::add_message( 981 Message::add_message(
976 $request, 982 $request,
977 $params['user_from'], 983 $params['user_from'],
978 $params['user_to'], 984 $params['user_to'],
979 [ 985 [
980 'text' => $params['comment'] ?? null, 986 'text' => $params['comment'] ?? null,
981 'ad_employer_id' => $params['vacancy'], 987 'ad_employer_id' => $params['vacancy'],
982 'flag_new' => 1 988 'flag_new' => 1
983 ], 989 ],
984 file_store_path: "worker/$id" 990 file_store_path: "worker/$id"
985 ); 991 );
986 992
987 if ($request->ajax()) { 993 if ($request->ajax()) {
988 return response([]); 994 return response([]);
989 } 995 }
990 return redirect()->back(); 996 return redirect()->back();
991 } 997 }
992 998
993 999
994 public function test123(Request $request) { 1000 public function test123(Request $request) {
995 $params = $request->all(); 1001 $params = $request->all();
996 $user1 = $params['user_id']; 1002 $user1 = $params['user_id'];
997 $user2 = $params['to_user_id']; 1003 $user2 = $params['to_user_id'];
998 1004
999 $rules = [ 1005 $rules = [
1000 'text' => 'nullable|required_without:file|min:1|max:150000', 1006 'text' => 'nullable|required_without:file|min:1|max:150000',
1001 'file' => 'nullable|file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 1007 'file' => 'nullable|file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
1002 ]; 1008 ];
1003 $messages = [ 1009 $messages = [
1004 'required_without' => 'Поле «:attribute» обязательно, если файл не прикреплен', 1010 'required_without' => 'Поле «:attribute» обязательно, если файл не прикреплен',
1005 'min' => [ 1011 'min' => [
1006 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 1012 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
1007 'integer' => 'Поле «:attribute» должно быть :min или больше', 1013 'integer' => 'Поле «:attribute» должно быть :min или больше',
1008 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 1014 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
1009 ], 1015 ],
1010 'max' => [ 1016 'max' => [
1011 'string' => 'Поле «:attribute» должно быть не больше :max символов', 1017 'string' => 'Поле «:attribute» должно быть не больше :max символов',
1012 'integer' => 'Поле «:attribute» должно быть :max или меньше', 1018 'integer' => 'Поле «:attribute» должно быть :max или меньше',
1013 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 1019 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
1014 ] 1020 ]
1015 ]; 1021 ];
1016 1022
1017 $validator = Validator::make($request->all(), $rules, $messages); 1023 $validator = Validator::make($request->all(), $rules, $messages);
1018 1024
1019 if ($validator->fails()) { 1025 if ($validator->fails()) {
1020 $chat = Chat::where('user_id', $user1) 1026 $chat = Chat::where('user_id', $user1)
1021 ->where('to_user_id', $user2) 1027 ->where('to_user_id', $user2)
1022 ->where('is_removed', 0) 1028 ->where('is_removed', 0)
1023 ->first(); 1029 ->first();
1024 1030
1025 if ($chat->id){ 1031 if ($chat->id){
1026 return redirect()->route('worker.dialog', ['chat' => $chat->id])->withErrors($validator); 1032 return redirect()->route('worker.dialog', ['chat' => $chat->id])->withErrors($validator);
1027 } else { 1033 } else {
1028 return redirect()->route('cabinet.messages', ['type_message' => 'input'])->withErrors($validator); 1034 return redirect()->route('cabinet.messages', ['type_message' => 'input'])->withErrors($validator);
1029 } 1035 }
1030 } else { 1036 } else {
1031 $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 1037 $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
1032 1038
1033 //dd('new message', $new_message); 1039 //dd('new message', $new_message);
1034 return redirect()->route('worker.dialog', ['chat' => $new_message->chat_id_from]); 1040 return redirect()->route('worker.dialog', ['chat' => $new_message->chat_id_from]);
1035 } 1041 }
1036 } 1042 }
1037 1043
1038 // Информация о предыдущих компаниях 1044 // Информация о предыдущих компаниях
1039 public function new_prev_company(Worker $worker) { 1045 public function new_prev_company(Worker $worker) {
1040 return view('workers.prev_company_form', compact('worker')); 1046 return view('workers.prev_company_form', compact('worker'));
1041 } 1047 }
1042 1048
1043 // Добавление контакта компании 1049 // Добавление контакта компании
1044 public function add_prev_company(PrevCompanyRequest $request) { 1050 public function add_prev_company(PrevCompanyRequest $request) {
1045 // Возвращение параметров 1051 // Возвращение параметров
1046 $all = $request->all(); 1052 $all = $request->all();
1047 PrevCompany::create($all); 1053 PrevCompany::create($all);
1048 1054
1049 return response()->json(['success' => true]); 1055 return response()->json(['success' => true]);
1050 } 1056 }
1051 1057
1052 // Редактирование контакта компании 1058 // Редактирование контакта компании
1053 public function edit_prev_company(PrevCompany $doc, Worker $worker) { 1059 public function edit_prev_company(PrevCompany $doc, Worker $worker) {
1054 return view('workers.prev_company_edit_form', compact('doc', 'worker')); 1060 return view('workers.prev_company_edit_form', compact('doc', 'worker'));
1055 } 1061 }
1056 1062
1057 //Сохранение редактирования контакта компании 1063 //Сохранение редактирования контакта компании
1058 public function update_prev_company(PrevCompany $doc, Request $request){ 1064 public function update_prev_company(PrevCompany $doc, Request $request){
1059 $all = $request->all(); 1065 $all = $request->all();
1060 $doc->update($all); 1066 $doc->update($all);
1061 1067
1062 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1068 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1063 } 1069 }
1064 1070
1065 // Удаление контакта предыдущей компании 1071 // Удаление контакта предыдущей компании
1066 public function delete_prev_company(PrevCompany $doc) { 1072 public function delete_prev_company(PrevCompany $doc) {
1067 $doc->delete(); 1073 $doc->delete();
1068 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1074 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1069 } 1075 }
1070 1076
1071 public function autoresponder() 1077 public function autoresponder()
1072 { 1078 {
1073 $user = Auth::user(); 1079 $user = Auth::user();
1074 return view('workers.autoresponder', compact('user')); 1080 return view('workers.autoresponder', compact('user'));
1075 } 1081 }
1076 1082
1077 public function autoresponderSave(Request $request): RedirectResponse 1083 public function autoresponderSave(Request $request): RedirectResponse
1078 { 1084 {
1079 /** @var Employer $employer */ 1085 /** @var Employer $employer */
1080 $employer = Auth::user(); 1086 $employer = Auth::user();
1081 $employer->autoresponder = $request->get('autoresponder', false) === 'on'; 1087 $employer->autoresponder = $request->get('autoresponder', false) === 'on';
1082 $employer->autoresponder_message = $request->get('autoresponder_message'); 1088 $employer->autoresponder_message = $request->get('autoresponder_message');
1083 $employer->save(); 1089 $employer->save();
1084 1090
1085 return redirect(route('worker.autoresponder')); 1091 return redirect(route('worker.autoresponder'));
1086 } 1092 }
1087 /** 1093 /**
1088 * @throws JsonException 1094 * @throws JsonException
1089 */ 1095 */
1090 public function resumeAutoLiftForm(): View 1096 public function resumeAutoLiftForm(): View
1091 { 1097 {
1092 $worker = Auth::user()->workers[0]; 1098 $worker = Auth::user()->workers[0];
1093 1099
1094 $options = $worker->autoliftOptions ?? new WorkerAutoliftOption(); 1100 $options = $worker->autoliftOptions ?? new WorkerAutoliftOption();
1095 1101
1096 return view('workers.resume_autolift', compact('worker', 'options')); 1102 return view('workers.resume_autolift', compact('worker', 'options'));
1097 } 1103 }
1098 1104
1099 /** 1105 /**
1100 * @throws JsonException 1106 * @throws JsonException
1101 */ 1107 */
1102 public function resumeAutoLiftSave(Request $request) 1108 public function resumeAutoLiftSave(Request $request)
1103 { 1109 {
1104 $worker = Auth::user()->workers[0]; 1110 $worker = Auth::user()->workers[0];
1105 1111
1106 $worker->autoliftOptions()->updateOrCreate( 1112 $worker->autoliftOptions()->updateOrCreate(
1107 [ 1113 [
1108 'worker_id' => $worker->id, 1114 'worker_id' => $worker->id,
1109 ], 1115 ],
1110 [ 1116 [
1111 'is_enabled' => $request->get('is_enabled') === 'true', 1117 'is_enabled' => $request->get('is_enabled') === 'true',
1112 'times_per_day' => $request->get('times_per_day'), 1118 'times_per_day' => $request->get('times_per_day'),
1113 'days_repeat' => $request->get('days_repeat'), 1119 'days_repeat' => $request->get('days_repeat'),
1114 'time_send_first' => $request->get('time_send_first'), 1120 'time_send_first' => $request->get('time_send_first'),
1115 'time_send_second' => $request->get('time_send_second'), 1121 'time_send_second' => $request->get('time_send_second'),
1116 'time_send_third' => $request->get('time_send_third'), 1122 'time_send_third' => $request->get('time_send_third'),
1117 'time_send_tg' => $request->get('time_send_tg'), 1123 'time_send_tg' => $request->get('time_send_tg'),
1118 'autolift_site' => $request->get('autolift_site') === 'on', 1124 'autolift_site' => $request->get('autolift_site') === 'on',
1119 ] 1125 ]
1120 ); 1126 );
1121 1127
1122 return response()->json(['success' => true]); 1128 return response()->json(['success' => true]);
1123 } 1129 }
1124 } 1130 }
1125 1131
1126 1132
1 <?php 1 <?php
2 2
3 namespace App\Models; 3 namespace App\Models;
4 4
5 // use Illuminate\Contracts\Auth\MustVerifyEmail; 5 // use Illuminate\Contracts\Auth\MustVerifyEmail;
6 use Illuminate\Database\Eloquent\Factories\HasFactory; 6 use Illuminate\Database\Eloquent\Factories\HasFactory;
7 use Illuminate\Database\Eloquent\Relations\HasMany; 7 use Illuminate\Database\Eloquent\Relations\HasMany;
8 use Illuminate\Foundation\Auth\User as Authenticatable; 8 use Illuminate\Foundation\Auth\User as Authenticatable;
9 use Illuminate\Notifications\Notifiable; 9 use Illuminate\Notifications\Notifiable;
10 use JsonException; 10 use JsonException;
11 use Laravel\Sanctum\HasApiTokens; 11 use Laravel\Sanctum\HasApiTokens;
12 12
13 class User extends Authenticatable 13 class User extends Authenticatable
14 { 14 {
15 use HasApiTokens, HasFactory, Notifiable; 15 use HasApiTokens, HasFactory, Notifiable;
16 16
17 /** 17 /**
18 * The attributes that are mass assignable. 18 * The attributes that are mass assignable.
19 * 19 *
20 * @var array<int, string> 20 * @var array<int, string>
21 */ 21 */
22 22
23 protected $fillable = [ 23 protected $fillable = [
24 'name', 24 'name',
25 'email', 25 'email',
26 'password', 26 'password',
27 'admin', 27 'admin',
28 'telephone', 28 'telephone',
29 'surname', 29 'surname',
30 'name_man', 30 'name_man',
31 'surname2', 31 'surname2',
32 'is_worker', 32 'is_worker',
33 'is_lookin', 33 'is_lookin',
34 'is_message', 34 'is_message',
35 'is_public', 35 'is_public',
36 'is_worker', 36 'is_worker',
37 'is_remove', 37 'is_remove',
38 'is_ban', 38 'is_ban',
39 'is_new', 39 'is_new',
40 'is_bd', 40 'is_bd',
41 'email_verified_at', 41 'email_verified_at',
42 'created_at', 42 'created_at',
43 'updated_at', 43 'updated_at',
44 'birthday', 44 'birthday',
45 'file', 45 'file',
46 'pubpassword', 46 'pubpassword',
47 'is_manager', 47 'is_manager',
48 'subscribe_email', 48 'subscribe_email',
49 'subscribe', 49 'subscribe',
50 'autoresponder', 50 'autoresponder',
51 'autoresponder_message', 51 'autoresponder_message',
52 ]; 52 ];
53 53
54 /** 54 /**
55 * The attributes that should be hidden for serialization. 55 * The attributes that should be hidden for serialization.
56 * 56 *
57 * @var array<int, string> 57 * @var array<int, string>
58 */ 58 */
59 protected $hidden = [ 59 protected $hidden = [
60 'password', 60 'password',
61 'remember_token', 61 'remember_token',
62 ]; 62 ];
63 63
64 /** 64 /**
65 * The attributes that should be cast. 65 * The attributes that should be cast.
66 * 66 *
67 * @var array<string, string> 67 * @var array<string, string>
68 */ 68 */
69 protected $casts = [ 69 protected $casts = [
70 'email_verified_at' => 'datetime', 70 'email_verified_at' => 'datetime',
71 ]; 71 ];
72 72
73 /* 73 /*
74 * Связь Пользователей системы с работодателями 74 * Связь Пользователей системы с работодателями
75 * users - employers 75 * users - employers
76 */ 76 */
77 public function employers(): HasMany 77 public function employers(): HasMany
78 { 78 {
79 return $this->hasMany(Employer::class, 'user_id'); 79 return $this->hasMany(Employer::class, 'user_id');
80 } 80 }
81 81
82 /* 82 /*
83 * Связь Пользователей системы с работниками 83 * Связь Пользователей системы с работниками
84 * users - workers 84 * users - workers
85 */ 85 */
86 public function workers() { 86 public function workers() {
87 return $this->hasMany(Worker::class, 'user_id'); 87 return $this->hasMany(Worker::class, 'user_id');
88 } 88 }
89 89
90 /* 90 /*
91 * Связь Пользователей системы с работниками 91 * Связь Пользователей системы с работниками
92 * users - workers 92 * users - workers
93 */ 93 */
94 public function work() { 94 public function work() {
95 return $this->hasMany(Worker::class, 'user_id') 95 return $this->hasMany(Worker::class, 'user_id')
96 ->select('telephone', 'email', 'position_work', 'persent_anketa'); 96 ->select('telephone', 'email', 'position_work', 'persent_anketa');
97 } 97 }
98 98
99 /* 99 /*
100 * Связь Модели Пользователей(Users) с Группами (Group_users) 100 * Связь Модели Пользователей(Users) с Группами (Group_users)
101 * users - group_users 101 * users - group_users
102 многие-ко-многим 102 многие-ко-многим
103 */ 103 */
104 public function ingroup() { 104 public function ingroup() {
105 return $this->belongsToMany(Group_user::class, 'group_works'); 105 return $this->belongsToMany(Group_user::class, 'group_works');
106 } 106 }
107 107
108 /* 108 /*
109 * Связь Пользователей системы с ссобщениями 109 * Связь Пользователей системы с ссобщениями
110 * users - messages 110 * users - messages
111 */ 111 */
112 public function messages() { 112 public function messages() {
113 return $this->hasMany(Message::class); 113 return $this->hasMany(Message::class);
114 } 114 }
115 115
116 /* 116 /*
117 * Связь Пользователей системы с статистика 117 * Связь Пользователей системы с статистика
118 * users - static_workers 118 * users - static_workers
119 */ 119 */
120 public function static_user() { 120 public function static_user() {
121 return $this->hasMany(Static_worker::class); 121 return $this->hasMany(Static_worker::class);
122 } 122 }
123 123
124 /* 124 /*
125 * Связь модели Юзеры (users) с моделью Группы пользователей (Group_works) 125 * Связь модели Юзеры (users) с моделью Группы пользователей (Group_works)
126 один-ко-многим 126 один-ко-многим
127 */ 127 */
128 public function peoples() { 128 public function peoples() {
129 return $this->hasMany(Group_works::class); 129 return $this->hasMany(Group_works::class);
130 } 130 }
131 131
132 /* 132 /*
133 * Связь Модели Пользователей(Users) с Группами (Group_users) 133 * Связь Модели Пользователей(Users) с Группами (Group_users)
134 * users - group_users 134 * users - group_users
135 многие-ко-многим 135 многие-ко-многим
136 */ 136 */
137 public function jobtitles() { 137 public function jobtitles() {
138 return $this->belongsToMany(Job_title::class, 'workers', 'user_id', 'position_work'); 138 return $this->belongsToMany(Job_title::class, 'workers', 'user_id', 'position_work');
139 } 139 }
140 140
141 public function scopeActive($query) { 141 public function scopeActive($query) {
142 return $query->where('is_remove', '=', '0'); 142 return $query->where('is_remove', '=', '0');
143 } 143 }
144 144
145 public function scopeWorker($query) { 145 public function scopeIsWorker($query) {
146 return $query->where('is_worker', '=', '1'); 146 return $query->where('is_worker', '=', '1');
147 } 147 }
148 public function scopeIsLookin($query) {
149 return $query->where('is_lookin', '=', '1');
150 }
148 151
149 public function scopeBaseuser($query) { 152 public function scopeBaseuser($query) {
150 return $query->where('is_bd', '=', '1'); 153 return $query->where('is_bd', '=', '1');
151 } 154 }
152 155
153 public function scopeRealuser($query) { 156 public function scopeRealuser($query) {
154 return $query->where('is_bd', '=', '0'); 157 return $query->where('is_bd', '=', '0');
155 } 158 }
156 159
157 public function scopeAdmin($query) { 160 public function scopeAdmin($query) {
158 return $query->where('admin', '=', '1'); 161 return $query->where('admin', '=', '1');
159 } 162 }
160 163
161 public function scopeNotadmin($query) { 164 public function scopeNotadmin($query) {
162 return $query->where('admin', '=', '0'); 165 return $query->where('admin', '=', '0');
163 } 166 }
164 167
165 /** 168 /**
166 * @throws JsonException 169 * @throws JsonException
167 */ 170 */
168 public function getJobAttribute(): ?string 171 public function getJobAttribute(): ?string
169 { 172 {
170 $positions = $this->workers[0]?->positions_work; 173 $positions = $this->workers[0]?->positions_work;
171 if (is_string($positions)) { 174 if (is_string($positions)) {
172 $jobIds = json_decode($positions, true, 512, JSON_THROW_ON_ERROR); 175 $jobIds = json_decode($positions, true, 512, JSON_THROW_ON_ERROR);
173 } else { 176 } else {
174 $jobIds = $positions; 177 $jobIds = $positions;
175 } 178 }
176 179
177 if ($jobIds !== null && count($jobIds) > 0) { 180 if ($jobIds !== null && count($jobIds) > 0) {
178 return Job_title::whereIn('id', $jobIds)->first()?->name; 181 return Job_title::whereIn('id', $jobIds)->first()?->name;
179 } 182 }
180 return null; 183 return null;
181 } 184 }
182 185
183 } 186 }
184 187
public/css/style_may2024.css
Diff comments   View file @ 5131abd
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 @import url(picker.min.css); 13 @import url(picker.min.css);
14 @import url(general.css); 14 @import url(general.css);
15 html { 15 html {
16 line-height: 1.15; /* 1 */ 16 line-height: 1.15; /* 1 */
17 -webkit-text-size-adjust: 100%; /* 2 */ 17 -webkit-text-size-adjust: 100%; /* 2 */
18 } 18 }
19 19
20 /* Sections 20 /* Sections
21 ========================================================================== */ 21 ========================================================================== */
22 /** 22 /**
23 * Remove the margin in all browsers. 23 * Remove the margin in all browsers.
24 */ 24 */
25 body { 25 body {
26 margin: 0; 26 margin: 0;
27 } 27 }
28 28
29 /** 29 /**
30 * Render the `main` element consistently in IE. 30 * Render the `main` element consistently in IE.
31 */ 31 */
32 main { 32 main {
33 display: block; 33 display: block;
34 } 34 }
35 35
36 /** 36 /**
37 * Correct the font size and margin on `h1` elements within `section` and 37 * Correct the font size and margin on `h1` elements within `section` and
38 * `article` contexts in Chrome, Firefox, and Safari. 38 * `article` contexts in Chrome, Firefox, and Safari.
39 */ 39 */
40 h1 { 40 h1 {
41 font-size: 2em; 41 font-size: 2em;
42 margin: 0.67em 0; 42 margin: 0.67em 0;
43 } 43 }
44 44
45 /* Grouping content 45 /* Grouping content
46 ========================================================================== */ 46 ========================================================================== */
47 /** 47 /**
48 * 1. Add the correct box sizing in Firefox. 48 * 1. Add the correct box sizing in Firefox.
49 * 2. Show the overflow in Edge and IE. 49 * 2. Show the overflow in Edge and IE.
50 */ 50 */
51 hr { 51 hr {
52 -webkit-box-sizing: content-box; 52 -webkit-box-sizing: content-box;
53 box-sizing: content-box; /* 1 */ 53 box-sizing: content-box; /* 1 */
54 height: 0; /* 1 */ 54 height: 0; /* 1 */
55 overflow: visible; /* 2 */ 55 overflow: visible; /* 2 */
56 } 56 }
57 57
58 /** 58 /**
59 * 1. Correct the inheritance and scaling of font size in all browsers. 59 * 1. Correct the inheritance and scaling of font size in all browsers.
60 * 2. Correct the odd `em` font sizing in all browsers. 60 * 2. Correct the odd `em` font sizing in all browsers.
61 */ 61 */
62 pre { 62 pre {
63 font-family: monospace, monospace; /* 1 */ 63 font-family: monospace, monospace; /* 1 */
64 font-size: 1em; /* 2 */ 64 font-size: 1em; /* 2 */
65 } 65 }
66 66
67 /* Text-level semantics 67 /* Text-level semantics
68 ========================================================================== */ 68 ========================================================================== */
69 /** 69 /**
70 * Remove the gray background on active links in IE 10. 70 * Remove the gray background on active links in IE 10.
71 */ 71 */
72 a { 72 a {
73 background-color: transparent; 73 background-color: transparent;
74 } 74 }
75 75
76 /** 76 /**
77 * 1. Remove the bottom border in Chrome 57- 77 * 1. Remove the bottom border in Chrome 57-
78 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 78 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
79 */ 79 */
80 abbr[title] { 80 abbr[title] {
81 border-bottom: none; /* 1 */ 81 border-bottom: none; /* 1 */
82 text-decoration: underline; /* 2 */ 82 text-decoration: underline; /* 2 */
83 -webkit-text-decoration: underline dotted; 83 -webkit-text-decoration: underline dotted;
84 text-decoration: underline dotted; /* 2 */ 84 text-decoration: underline dotted; /* 2 */
85 } 85 }
86 86
87 /** 87 /**
88 * Add the correct font weight in Chrome, Edge, and Safari. 88 * Add the correct font weight in Chrome, Edge, and Safari.
89 */ 89 */
90 b, 90 b,
91 strong { 91 strong {
92 font-weight: bolder; 92 font-weight: bolder;
93 } 93 }
94 94
95 /** 95 /**
96 * 1. Correct the inheritance and scaling of font size in all browsers. 96 * 1. Correct the inheritance and scaling of font size in all browsers.
97 * 2. Correct the odd `em` font sizing in all browsers. 97 * 2. Correct the odd `em` font sizing in all browsers.
98 */ 98 */
99 code, 99 code,
100 kbd, 100 kbd,
101 samp { 101 samp {
102 font-family: monospace, monospace; /* 1 */ 102 font-family: monospace, monospace; /* 1 */
103 font-size: 1em; /* 2 */ 103 font-size: 1em; /* 2 */
104 } 104 }
105 105
106 /** 106 /**
107 * Add the correct font size in all browsers. 107 * Add the correct font size in all browsers.
108 */ 108 */
109 small { 109 small {
110 font-size: 80%; 110 font-size: 80%;
111 } 111 }
112 112
113 /** 113 /**
114 * Prevent `sub` and `sup` elements from affecting the line height in 114 * Prevent `sub` and `sup` elements from affecting the line height in
115 * all browsers. 115 * all browsers.
116 */ 116 */
117 sub, 117 sub,
118 sup { 118 sup {
119 font-size: 75%; 119 font-size: 75%;
120 line-height: 0; 120 line-height: 0;
121 position: relative; 121 position: relative;
122 vertical-align: baseline; 122 vertical-align: baseline;
123 } 123 }
124 124
125 sub { 125 sub {
126 bottom: -0.25em; 126 bottom: -0.25em;
127 } 127 }
128 128
129 sup { 129 sup {
130 top: -0.5em; 130 top: -0.5em;
131 } 131 }
132 132
133 /* Embedded content 133 /* Embedded content
134 ========================================================================== */ 134 ========================================================================== */
135 /** 135 /**
136 * Remove the border on images inside links in IE 10. 136 * Remove the border on images inside links in IE 10.
137 */ 137 */
138 img { 138 img {
139 border-style: none; 139 border-style: none;
140 } 140 }
141 141
142 /* Forms 142 /* Forms
143 ========================================================================== */ 143 ========================================================================== */
144 /** 144 /**
145 * 1. Change the font styles in all browsers. 145 * 1. Change the font styles in all browsers.
146 * 2. Remove the margin in Firefox and Safari. 146 * 2. Remove the margin in Firefox and Safari.
147 */ 147 */
148 button, 148 button,
149 input, 149 input,
150 optgroup, 150 optgroup,
151 select, 151 select,
152 textarea { 152 textarea {
153 font-family: inherit; /* 1 */ 153 font-family: inherit; /* 1 */
154 font-size: 100%; /* 1 */ 154 font-size: 100%; /* 1 */
155 line-height: 1.15; /* 1 */ 155 line-height: 1.15; /* 1 */
156 margin: 0; /* 2 */ 156 margin: 0; /* 2 */
157 } 157 }
158 158
159 /** 159 /**
160 * Show the overflow in IE. 160 * Show the overflow in IE.
161 * 1. Show the overflow in Edge. 161 * 1. Show the overflow in Edge.
162 */ 162 */
163 button, 163 button,
164 input { /* 1 */ 164 input { /* 1 */
165 overflow: visible; 165 overflow: visible;
166 } 166 }
167 167
168 /** 168 /**
169 * Remove the inheritance of text transform in Edge, Firefox, and IE. 169 * Remove the inheritance of text transform in Edge, Firefox, and IE.
170 * 1. Remove the inheritance of text transform in Firefox. 170 * 1. Remove the inheritance of text transform in Firefox.
171 */ 171 */
172 button, 172 button,
173 select { /* 1 */ 173 select { /* 1 */
174 text-transform: none; 174 text-transform: none;
175 } 175 }
176 176
177 /** 177 /**
178 * Correct the inability to style clickable types in iOS and Safari. 178 * Correct the inability to style clickable types in iOS and Safari.
179 */ 179 */
180 button, 180 button,
181 [type=button], 181 [type=button],
182 [type=reset], 182 [type=reset],
183 [type=submit] { 183 [type=submit] {
184 -webkit-appearance: button; 184 -webkit-appearance: button;
185 } 185 }
186 186
187 /** 187 /**
188 * Remove the inner border and padding in Firefox. 188 * Remove the inner border and padding in Firefox.
189 */ 189 */
190 button::-moz-focus-inner, 190 button::-moz-focus-inner,
191 [type=button]::-moz-focus-inner, 191 [type=button]::-moz-focus-inner,
192 [type=reset]::-moz-focus-inner, 192 [type=reset]::-moz-focus-inner,
193 [type=submit]::-moz-focus-inner { 193 [type=submit]::-moz-focus-inner {
194 border-style: none; 194 border-style: none;
195 padding: 0; 195 padding: 0;
196 } 196 }
197 197
198 /** 198 /**
199 * Restore the focus styles unset by the previous rule. 199 * Restore the focus styles unset by the previous rule.
200 */ 200 */
201 button:-moz-focusring, 201 button:-moz-focusring,
202 [type=button]:-moz-focusring, 202 [type=button]:-moz-focusring,
203 [type=reset]:-moz-focusring, 203 [type=reset]:-moz-focusring,
204 [type=submit]:-moz-focusring { 204 [type=submit]:-moz-focusring {
205 outline: 1px dotted ButtonText; 205 outline: 1px dotted ButtonText;
206 } 206 }
207 207
208 /** 208 /**
209 * Correct the padding in Firefox. 209 * Correct the padding in Firefox.
210 */ 210 */
211 fieldset { 211 fieldset {
212 padding: 0.35em 0.75em 0.625em; 212 padding: 0.35em 0.75em 0.625em;
213 } 213 }
214 214
215 /** 215 /**
216 * 1. Correct the text wrapping in Edge and IE. 216 * 1. Correct the text wrapping in Edge and IE.
217 * 2. Correct the color inheritance from `fieldset` elements in IE. 217 * 2. Correct the color inheritance from `fieldset` elements in IE.
218 * 3. Remove the padding so developers are not caught out when they zero out 218 * 3. Remove the padding so developers are not caught out when they zero out
219 * `fieldset` elements in all browsers. 219 * `fieldset` elements in all browsers.
220 */ 220 */
221 legend { 221 legend {
222 -webkit-box-sizing: border-box; 222 -webkit-box-sizing: border-box;
223 box-sizing: border-box; /* 1 */ 223 box-sizing: border-box; /* 1 */
224 color: inherit; /* 2 */ 224 color: inherit; /* 2 */
225 display: table; /* 1 */ 225 display: table; /* 1 */
226 max-width: 100%; /* 1 */ 226 max-width: 100%; /* 1 */
227 padding: 0; /* 3 */ 227 padding: 0; /* 3 */
228 white-space: normal; /* 1 */ 228 white-space: normal; /* 1 */
229 } 229 }
230 230
231 /** 231 /**
232 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 232 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
233 */ 233 */
234 progress { 234 progress {
235 vertical-align: baseline; 235 vertical-align: baseline;
236 } 236 }
237 237
238 /** 238 /**
239 * Remove the default vertical scrollbar in IE 10+. 239 * Remove the default vertical scrollbar in IE 10+.
240 */ 240 */
241 textarea { 241 textarea {
242 overflow: auto; 242 overflow: auto;
243 } 243 }
244 244
245 /** 245 /**
246 * 1. Add the correct box sizing in IE 10. 246 * 1. Add the correct box sizing in IE 10.
247 * 2. Remove the padding in IE 10. 247 * 2. Remove the padding in IE 10.
248 */ 248 */
249 [type=checkbox], 249 [type=checkbox],
250 [type=radio] { 250 [type=radio] {
251 -webkit-box-sizing: border-box; 251 -webkit-box-sizing: border-box;
252 box-sizing: border-box; /* 1 */ 252 box-sizing: border-box; /* 1 */
253 padding: 0; /* 2 */ 253 padding: 0; /* 2 */
254 } 254 }
255 255
256 /** 256 /**
257 * Correct the cursor style of increment and decrement buttons in Chrome. 257 * Correct the cursor style of increment and decrement buttons in Chrome.
258 */ 258 */
259 [type=number]::-webkit-inner-spin-button, 259 [type=number]::-webkit-inner-spin-button,
260 [type=number]::-webkit-outer-spin-button { 260 [type=number]::-webkit-outer-spin-button {
261 height: auto; 261 height: auto;
262 } 262 }
263 263
264 /** 264 /**
265 * 1. Correct the odd appearance in Chrome and Safari. 265 * 1. Correct the odd appearance in Chrome and Safari.
266 * 2. Correct the outline style in Safari. 266 * 2. Correct the outline style in Safari.
267 */ 267 */
268 [type=search] { 268 [type=search] {
269 -webkit-appearance: textfield; /* 1 */ 269 -webkit-appearance: textfield; /* 1 */
270 outline-offset: -2px; /* 2 */ 270 outline-offset: -2px; /* 2 */
271 } 271 }
272 272
273 /** 273 /**
274 * Remove the inner padding in Chrome and Safari on macOS. 274 * Remove the inner padding in Chrome and Safari on macOS.
275 */ 275 */
276 [type=search]::-webkit-search-decoration { 276 [type=search]::-webkit-search-decoration {
277 -webkit-appearance: none; 277 -webkit-appearance: none;
278 } 278 }
279 279
280 /** 280 /**
281 * 1. Correct the inability to style clickable types in iOS and Safari. 281 * 1. Correct the inability to style clickable types in iOS and Safari.
282 * 2. Change font properties to `inherit` in Safari. 282 * 2. Change font properties to `inherit` in Safari.
283 */ 283 */
284 ::-webkit-file-upload-button { 284 ::-webkit-file-upload-button {
285 -webkit-appearance: button; /* 1 */ 285 -webkit-appearance: button; /* 1 */
286 font: inherit; /* 2 */ 286 font: inherit; /* 2 */
287 } 287 }
288 288
289 /* Interactive 289 /* Interactive
290 ========================================================================== */ 290 ========================================================================== */
291 /* 291 /*
292 * Add the correct display in Edge, IE 10+, and Firefox. 292 * Add the correct display in Edge, IE 10+, and Firefox.
293 */ 293 */
294 details { 294 details {
295 display: block; 295 display: block;
296 } 296 }
297 297
298 /* 298 /*
299 * Add the correct display in all browsers. 299 * Add the correct display in all browsers.
300 */ 300 */
301 summary { 301 summary {
302 display: list-item; 302 display: list-item;
303 } 303 }
304 304
305 /* Misc 305 /* Misc
306 ========================================================================== */ 306 ========================================================================== */
307 /** 307 /**
308 * Add the correct display in IE 10+. 308 * Add the correct display in IE 10+.
309 */ 309 */
310 template { 310 template {
311 display: none; 311 display: none;
312 } 312 }
313 313
314 /** 314 /**
315 * Add the correct display in IE 10. 315 * Add the correct display in IE 10.
316 */ 316 */
317 [hidden] { 317 [hidden] {
318 display: none; 318 display: none;
319 } 319 }
320 320
321 .green { 321 .green {
322 color: #377d87; 322 color: #377d87;
323 } 323 }
324 324
325 .red { 325 .red {
326 color: #eb5757; 326 color: #eb5757;
327 } 327 }
328 328
329 .rotate180 { 329 .rotate180 {
330 -webkit-transform: rotate(180deg); 330 -webkit-transform: rotate(180deg);
331 -ms-transform: rotate(180deg); 331 -ms-transform: rotate(180deg);
332 transform: rotate(180deg); 332 transform: rotate(180deg);
333 } 333 }
334 334
335 ::-moz-selection { 335 ::-moz-selection {
336 color: #000; 336 color: #000;
337 background: #acc0e6; 337 background: #acc0e6;
338 } 338 }
339 339
340 ::selection { 340 ::selection {
341 color: #000; 341 color: #000;
342 background: #acc0e6; 342 background: #acc0e6;
343 } 343 }
344 344
345 ::-webkit-scrollbar { 345 ::-webkit-scrollbar {
346 width: 8px; 346 width: 8px;
347 height: 8px; 347 height: 8px;
348 } 348 }
349 349
350 ::-webkit-scrollbar-track { 350 ::-webkit-scrollbar-track {
351 border-radius: 999px; 351 border-radius: 999px;
352 background-color: #fff; 352 background-color: #fff;
353 } 353 }
354 354
355 ::-webkit-scrollbar-thumb { 355 ::-webkit-scrollbar-thumb {
356 border-radius: 999px; 356 border-radius: 999px;
357 background-color: #377d87; 357 background-color: #377d87;
358 } 358 }
359 359
360 ::-webkit-input-placeholder { 360 ::-webkit-input-placeholder {
361 color: #9c9d9d; 361 color: #9c9d9d;
362 opacity: 1; 362 opacity: 1;
363 } 363 }
364 364
365 :focus::-webkit-input-placeholder { 365 :focus::-webkit-input-placeholder {
366 color: transparent; 366 color: transparent;
367 } 367 }
368 368
369 :-ms-input-placeholder { 369 :-ms-input-placeholder {
370 color: #9c9d9d; 370 color: #9c9d9d;
371 opacity: 1; 371 opacity: 1;
372 } 372 }
373 373
374 :focus:-ms-input-placeholder { 374 :focus:-ms-input-placeholder {
375 color: transparent; 375 color: transparent;
376 } 376 }
377 377
378 ::-ms-input-placeholder { 378 ::-ms-input-placeholder {
379 color: #9c9d9d; 379 color: #9c9d9d;
380 opacity: 1; 380 opacity: 1;
381 } 381 }
382 382
383 :focus::-ms-input-placeholder { 383 :focus::-ms-input-placeholder {
384 color: transparent; 384 color: transparent;
385 } 385 }
386 386
387 ::-moz-placeholder { 387 ::-moz-placeholder {
388 color: #9c9d9d; 388 color: #9c9d9d;
389 opacity: 1; 389 opacity: 1;
390 } 390 }
391 391
392 :focus::-moz-placeholder { 392 :focus::-moz-placeholder {
393 color: transparent; 393 color: transparent;
394 } 394 }
395 395
396 ::-webkit-input-placeholder { 396 ::-webkit-input-placeholder {
397 color: #9c9d9d; 397 color: #9c9d9d;
398 opacity: 1; 398 opacity: 1;
399 } 399 }
400 400
401 ::-moz-placeholder { 401 ::-moz-placeholder {
402 color: #9c9d9d; 402 color: #9c9d9d;
403 opacity: 1; 403 opacity: 1;
404 } 404 }
405 405
406 :-ms-input-placeholder { 406 :-ms-input-placeholder {
407 color: #9c9d9d; 407 color: #9c9d9d;
408 opacity: 1; 408 opacity: 1;
409 } 409 }
410 410
411 ::-ms-input-placeholder { 411 ::-ms-input-placeholder {
412 color: #9c9d9d; 412 color: #9c9d9d;
413 opacity: 1; 413 opacity: 1;
414 } 414 }
415 415
416 ::placeholder { 416 ::placeholder {
417 color: #9c9d9d; 417 color: #9c9d9d;
418 opacity: 1; 418 opacity: 1;
419 } 419 }
420 420
421 :focus::-webkit-input-placeholder { 421 :focus::-webkit-input-placeholder {
422 color: transparent; 422 color: transparent;
423 } 423 }
424 424
425 :focus::-moz-placeholder { 425 :focus::-moz-placeholder {
426 color: transparent; 426 color: transparent;
427 } 427 }
428 428
429 :focus:-ms-input-placeholder { 429 :focus:-ms-input-placeholder {
430 color: transparent; 430 color: transparent;
431 } 431 }
432 432
433 :focus::-ms-input-placeholder { 433 :focus::-ms-input-placeholder {
434 color: transparent; 434 color: transparent;
435 } 435 }
436 436
437 :focus::placeholder { 437 :focus::placeholder {
438 color: transparent; 438 color: transparent;
439 } 439 }
440 440
441 *, 441 *,
442 *:before, 442 *:before,
443 *:after { 443 *:after {
444 -webkit-box-sizing: border-box; 444 -webkit-box-sizing: border-box;
445 box-sizing: border-box; 445 box-sizing: border-box;
446 -webkit-appearance: none; 446 -webkit-appearance: none;
447 -moz-appearance: none; 447 -moz-appearance: none;
448 appearance: none; 448 appearance: none;
449 outline: none; 449 outline: none;
450 -webkit-box-shadow: none; 450 -webkit-box-shadow: none;
451 box-shadow: none; 451 box-shadow: none;
452 } 452 }
453 453
454 a, 454 a,
455 button, 455 button,
456 select { 456 select {
457 color: inherit; 457 color: inherit;
458 } 458 }
459 459
460 a { 460 a {
461 text-decoration: none; 461 text-decoration: none;
462 } 462 }
463 463
464 a, 464 a,
465 input[type=button], 465 input[type=button],
466 input[type=submit], 466 input[type=submit],
467 button { 467 button {
468 -webkit-user-select: none; 468 -webkit-user-select: none;
469 -moz-user-select: none; 469 -moz-user-select: none;
470 -ms-user-select: none; 470 -ms-user-select: none;
471 user-select: none; 471 user-select: none;
472 -webkit-transition: 0.3s; 472 -webkit-transition: 0.3s;
473 transition: 0.3s; 473 transition: 0.3s;
474 cursor: pointer; 474 cursor: pointer;
475 } 475 }
476 476
477 [type=tel] { 477 [type=tel] {
478 letter-spacing: 1px; 478 letter-spacing: 1px;
479 } 479 }
480 480
481 .br, 481 .br,
482 img, 482 img,
483 svg { 483 svg {
484 display: block; 484 display: block;
485 } 485 }
486 486
487 .float-left { 487 .float-left {
488 float: left; 488 float: left;
489 } 489 }
490 490
491 .float-right { 491 .float-right {
492 float: right; 492 float: right;
493 } 493 }
494 494
495 .clear-both:after { 495 .clear-both:after {
496 content: ""; 496 content: "";
497 display: block; 497 display: block;
498 clear: both; 498 clear: both;
499 } 499 }
500 500
501 h1, 501 h1,
502 h2, 502 h2,
503 h3, 503 h3,
504 h4, 504 h4,
505 h5, 505 h5,
506 h6 { 506 h6 {
507 margin: 0; 507 margin: 0;
508 } 508 }
509 509
510 #body { 510 #body {
511 font-family: "Circe", sans-serif; 511 font-family: "Circe", sans-serif;
512 color: #000; 512 color: #000;
513 background: #fff; 513 background: #fff;
514 display: -webkit-box; 514 display: -webkit-box;
515 display: -ms-flexbox; 515 display: -ms-flexbox;
516 display: flex; 516 display: flex;
517 -webkit-box-orient: vertical; 517 -webkit-box-orient: vertical;
518 -webkit-box-direction: normal; 518 -webkit-box-direction: normal;
519 -ms-flex-direction: column; 519 -ms-flex-direction: column;
520 flex-direction: column; 520 flex-direction: column;
521 -webkit-box-pack: justify; 521 -webkit-box-pack: justify;
522 -ms-flex-pack: justify; 522 -ms-flex-pack: justify;
523 justify-content: space-between; 523 justify-content: space-between;
524 gap: 50px; 524 gap: 50px;
525 min-width: 320px; 525 min-width: 320px;
526 min-height: 100vh; 526 min-height: 100vh;
527 line-height: 1.25; 527 line-height: 1.25;
528 } 528 }
529 @media (min-width: 768px) { 529 @media (min-width: 768px) {
530 #body { 530 #body {
531 gap: 60px; 531 gap: 60px;
532 } 532 }
533 } 533 }
534 #body.pdf { 534 #body.pdf {
535 gap: 0; 535 gap: 0;
536 } 536 }
537 537
538 .container { 538 .container {
539 width: 100%; 539 width: 100%;
540 max-width: 1280px; 540 max-width: 1280px;
541 margin-left: auto; 541 margin-left: auto;
542 margin-right: auto; 542 margin-right: auto;
543 padding-left: 10px; 543 padding-left: 10px;
544 padding-right: 10px; 544 padding-right: 10px;
545 } 545 }
546 @media (min-width: 768px) { 546 @media (min-width: 768px) {
547 .container { 547 .container {
548 padding-left: 20px; 548 padding-left: 20px;
549 padding-right: 20px; 549 padding-right: 20px;
550 } 550 }
551 } 551 }
552 552
553 .to-top { 553 .to-top {
554 position: fixed; 554 position: fixed;
555 right: 10px; 555 right: 10px;
556 bottom: 10px; 556 bottom: 10px;
557 border-radius: 999px; 557 border-radius: 999px;
558 display: -webkit-box; 558 display: -webkit-box;
559 display: -ms-flexbox; 559 display: -ms-flexbox;
560 display: flex; 560 display: flex;
561 -webkit-box-pack: center; 561 -webkit-box-pack: center;
562 -ms-flex-pack: center; 562 -ms-flex-pack: center;
563 justify-content: center; 563 justify-content: center;
564 -webkit-box-align: center; 564 -webkit-box-align: center;
565 -ms-flex-align: center; 565 -ms-flex-align: center;
566 align-items: center; 566 align-items: center;
567 color: #fff; 567 color: #fff;
568 background: #377d87; 568 background: #377d87;
569 width: 40px; 569 width: 40px;
570 height: 40px; 570 height: 40px;
571 -webkit-transition: 0.3s; 571 -webkit-transition: 0.3s;
572 transition: 0.3s; 572 transition: 0.3s;
573 margin-right: -100px; 573 margin-right: -100px;
574 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 574 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
575 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 575 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
576 z-index: 99; 576 z-index: 99;
577 border: 1px solid #377d87; 577 border: 1px solid #377d87;
578 } 578 }
579 .to-top:hover { 579 .to-top:hover {
580 background: #fff; 580 background: #fff;
581 color: #377d87; 581 color: #377d87;
582 } 582 }
583 .to-top svg { 583 .to-top svg {
584 width: 10px; 584 width: 10px;
585 height: 10px; 585 height: 10px;
586 } 586 }
587 @media (min-width: 768px) { 587 @media (min-width: 768px) {
588 .to-top { 588 .to-top {
589 width: 50px; 589 width: 50px;
590 height: 50px; 590 height: 50px;
591 right: 20px; 591 right: 20px;
592 bottom: 20px; 592 bottom: 20px;
593 } 593 }
594 .to-top svg { 594 .to-top svg {
595 width: 12px; 595 width: 12px;
596 height: 12px; 596 height: 12px;
597 } 597 }
598 } 598 }
599 599
600 .begin .to-top { 600 .begin .to-top {
601 margin-right: 0; 601 margin-right: 0;
602 } 602 }
603 603
604 .socials { 604 .socials {
605 display: -webkit-box; 605 display: -webkit-box;
606 display: -ms-flexbox; 606 display: -ms-flexbox;
607 display: flex; 607 display: flex;
608 -webkit-box-align: center; 608 -webkit-box-align: center;
609 -ms-flex-align: center; 609 -ms-flex-align: center;
610 align-items: center; 610 align-items: center;
611 -webkit-box-pack: center; 611 -webkit-box-pack: center;
612 -ms-flex-pack: center; 612 -ms-flex-pack: center;
613 justify-content: center; 613 justify-content: center;
614 gap: 8px; 614 gap: 8px;
615 } 615 }
616 .socials a { 616 .socials a {
617 display: -webkit-box; 617 display: -webkit-box;
618 display: -ms-flexbox; 618 display: -ms-flexbox;
619 display: flex; 619 display: flex;
620 -webkit-box-align: center; 620 -webkit-box-align: center;
621 -ms-flex-align: center; 621 -ms-flex-align: center;
622 align-items: center; 622 align-items: center;
623 -webkit-box-pack: center; 623 -webkit-box-pack: center;
624 -ms-flex-pack: center; 624 -ms-flex-pack: center;
625 justify-content: center; 625 justify-content: center;
626 border: 1px solid #377d87; 626 border: 1px solid #377d87;
627 color: #377d87; 627 color: #377d87;
628 border-radius: 999px; 628 border-radius: 999px;
629 width: 38px; 629 width: 38px;
630 height: 38px; 630 height: 38px;
631 } 631 }
632 .socials a:hover { 632 .socials a:hover {
633 background: #377d87; 633 background: #377d87;
634 color: #fff; 634 color: #fff;
635 } 635 }
636 .socials svg { 636 .socials svg {
637 width: 12px; 637 width: 12px;
638 height: 12px; 638 height: 12px;
639 } 639 }
640 640
641 .nls { 641 .nls {
642 display: -webkit-box; 642 display: -webkit-box;
643 display: -ms-flexbox; 643 display: -ms-flexbox;
644 display: flex; 644 display: flex;
645 color: #000; 645 color: #000;
646 text-align: left; 646 text-align: left;
647 } 647 }
648 .nls:hover { 648 .nls:hover {
649 color: #377d87; 649 color: #377d87;
650 } 650 }
651 .nls svg { 651 .nls svg {
652 width: 30px; 652 width: 30px;
653 height: 40px; 653 height: 40px;
654 } 654 }
655 @media (min-width: 768px) { 655 @media (min-width: 768px) {
656 .nls svg { 656 .nls svg {
657 width: 24px; 657 width: 24px;
658 height: 31px; 658 height: 31px;
659 } 659 }
660 } 660 }
661 .nls span { 661 .nls span {
662 width: calc(100% - 30px); 662 width: calc(100% - 30px);
663 padding-left: 12px; 663 padding-left: 12px;
664 display: -webkit-box; 664 display: -webkit-box;
665 display: -ms-flexbox; 665 display: -ms-flexbox;
666 display: flex; 666 display: flex;
667 -webkit-box-orient: vertical; 667 -webkit-box-orient: vertical;
668 -webkit-box-direction: normal; 668 -webkit-box-direction: normal;
669 -ms-flex-direction: column; 669 -ms-flex-direction: column;
670 flex-direction: column; 670 flex-direction: column;
671 -webkit-box-pack: center; 671 -webkit-box-pack: center;
672 -ms-flex-pack: center; 672 -ms-flex-pack: center;
673 justify-content: center; 673 justify-content: center;
674 font-size: 12px; 674 font-size: 12px;
675 line-height: 1.4; 675 line-height: 1.4;
676 } 676 }
677 @media (min-width: 768px) { 677 @media (min-width: 768px) {
678 .nls span { 678 .nls span {
679 width: calc(100% - 24px); 679 width: calc(100% - 24px);
680 } 680 }
681 } 681 }
682 .nls b { 682 .nls b {
683 font-weight: 400; 683 font-weight: 400;
684 } 684 }
685 685
686 .title, 686 .title,
687 h1 { 687 h1 {
688 margin: 0; 688 margin: 0;
689 font-weight: 700; 689 font-weight: 700;
690 font-size: 32px; 690 font-size: 32px;
691 } 691 }
692 @media (min-width: 768px) { 692 @media (min-width: 768px) {
693 .title, 693 .title,
694 h1 { 694 h1 {
695 font-size: 40px; 695 font-size: 40px;
696 } 696 }
697 } 697 }
698 @media (min-width: 992px) { 698 @media (min-width: 992px) {
699 .title, 699 .title,
700 h1 { 700 h1 {
701 font-size: 48px; 701 font-size: 48px;
702 } 702 }
703 } 703 }
704 @media (min-width: 1280px) { 704 @media (min-width: 1280px) {
705 .title, 705 .title,
706 h1 { 706 h1 {
707 font-size: 64px; 707 font-size: 64px;
708 } 708 }
709 } 709 }
710 710
711 .swiper-pagination { 711 .swiper-pagination {
712 display: -webkit-box; 712 display: -webkit-box;
713 display: -ms-flexbox; 713 display: -ms-flexbox;
714 display: flex; 714 display: flex;
715 -webkit-box-pack: center; 715 -webkit-box-pack: center;
716 -ms-flex-pack: center; 716 -ms-flex-pack: center;
717 justify-content: center; 717 justify-content: center;
718 -webkit-box-align: center; 718 -webkit-box-align: center;
719 -ms-flex-align: center; 719 -ms-flex-align: center;
720 align-items: center; 720 align-items: center;
721 position: static; 721 position: static;
722 margin-top: 20px; 722 margin-top: 20px;
723 gap: 8px; 723 gap: 8px;
724 } 724 }
725 @media (min-width: 768px) { 725 @media (min-width: 768px) {
726 .swiper-pagination { 726 .swiper-pagination {
727 margin-top: 30px; 727 margin-top: 30px;
728 } 728 }
729 } 729 }
730 .swiper-pagination-bullet { 730 .swiper-pagination-bullet {
731 width: 16px; 731 width: 16px;
732 height: 16px; 732 height: 16px;
733 opacity: 1; 733 opacity: 1;
734 border: 1px solid #cdcece; 734 border: 1px solid #cdcece;
735 -webkit-transition: 0.3s; 735 -webkit-transition: 0.3s;
736 transition: 0.3s; 736 transition: 0.3s;
737 background: transparent; 737 background: transparent;
738 display: -webkit-box; 738 display: -webkit-box;
739 display: -ms-flexbox; 739 display: -ms-flexbox;
740 display: flex; 740 display: flex;
741 -webkit-box-pack: center; 741 -webkit-box-pack: center;
742 -ms-flex-pack: center; 742 -ms-flex-pack: center;
743 justify-content: center; 743 justify-content: center;
744 -webkit-box-align: center; 744 -webkit-box-align: center;
745 -ms-flex-align: center; 745 -ms-flex-align: center;
746 align-items: center; 746 align-items: center;
747 margin: 0 !important; 747 margin: 0 !important;
748 } 748 }
749 .swiper-pagination-bullet:before { 749 .swiper-pagination-bullet:before {
750 content: ""; 750 content: "";
751 width: 6px; 751 width: 6px;
752 height: 6px; 752 height: 6px;
753 border-radius: 999px; 753 border-radius: 999px;
754 background: #377d87; 754 background: #377d87;
755 opacity: 0; 755 opacity: 0;
756 -webkit-transition: 0.3s; 756 -webkit-transition: 0.3s;
757 transition: 0.3s; 757 transition: 0.3s;
758 } 758 }
759 .swiper-pagination-bullet:hover { 759 .swiper-pagination-bullet:hover {
760 border-color: #377d87; 760 border-color: #377d87;
761 } 761 }
762 .swiper-pagination-bullet-active { 762 .swiper-pagination-bullet-active {
763 border-color: #377d87; 763 border-color: #377d87;
764 } 764 }
765 .swiper-pagination-bullet-active:before { 765 .swiper-pagination-bullet-active:before {
766 opacity: 1; 766 opacity: 1;
767 } 767 }
768 768
769 .navs { 769 .navs {
770 display: -webkit-box; 770 display: -webkit-box;
771 display: -ms-flexbox; 771 display: -ms-flexbox;
772 display: flex; 772 display: flex;
773 -webkit-box-align: center; 773 -webkit-box-align: center;
774 -ms-flex-align: center; 774 -ms-flex-align: center;
775 align-items: center; 775 align-items: center;
776 -webkit-box-pack: justify; 776 -webkit-box-pack: justify;
777 -ms-flex-pack: justify; 777 -ms-flex-pack: justify;
778 justify-content: space-between; 778 justify-content: space-between;
779 gap: 20px; 779 gap: 20px;
780 width: 80px; 780 width: 80px;
781 } 781 }
782 .navs button { 782 .navs button {
783 color: #377d87; 783 color: #377d87;
784 background: none; 784 background: none;
785 border: none; 785 border: none;
786 padding: 0; 786 padding: 0;
787 } 787 }
788 .navs button[disabled] { 788 .navs button[disabled] {
789 cursor: not-allowed; 789 cursor: not-allowed;
790 color: #cddee1; 790 color: #cddee1;
791 } 791 }
792 .navs svg { 792 .navs svg {
793 width: 14px; 793 width: 14px;
794 height: 28px; 794 height: 28px;
795 } 795 }
796 796
797 .select { 797 .select {
798 position: relative; 798 position: relative;
799 } 799 }
800 .select2 { 800 .select2 {
801 width: 100% !important; 801 width: 100% !important;
802 } 802 }
803 .select2-container { 803 .select2-container {
804 font-size: 12px; 804 font-size: 12px;
805 } 805 }
806 @media (min-width: 768px) { 806 @media (min-width: 768px) {
807 .select2-container { 807 .select2-container {
808 font-size: 16px; 808 font-size: 16px;
809 } 809 }
810 } 810 }
811 .select2-container--open .select2-selection { 811 .select2-container--open .select2-selection {
812 border-color: #377d87 !important; 812 border-color: #377d87 !important;
813 } 813 }
814 .select2-container--open .select2-selection__arrow svg { 814 .select2-container--open .select2-selection__arrow svg {
815 -webkit-transform: rotate(180deg); 815 -webkit-transform: rotate(180deg);
816 -ms-transform: rotate(180deg); 816 -ms-transform: rotate(180deg);
817 transform: rotate(180deg); 817 transform: rotate(180deg);
818 } 818 }
819 .select2-selection { 819 .select2-selection {
820 min-height: 30px !important; 820 min-height: 30px !important;
821 border-radius: 8px !important; 821 border-radius: 8px !important;
822 border-color: #e7e7e7 !important; 822 border-color: #e7e7e7 !important;
823 -webkit-transition: 0.3s; 823 -webkit-transition: 0.3s;
824 transition: 0.3s; 824 transition: 0.3s;
825 } 825 }
826 @media (min-width: 768px) { 826 @media (min-width: 768px) {
827 .select2-selection { 827 .select2-selection {
828 min-height: 50px !important; 828 min-height: 50px !important;
829 } 829 }
830 } 830 }
831 .select2-selection__rendered { 831 .select2-selection__rendered {
832 line-height: 28px !important; 832 line-height: 28px !important;
833 padding: 0 30px 0 10px !important; 833 padding: 0 30px 0 10px !important;
834 } 834 }
835 @media (min-width: 768px) { 835 @media (min-width: 768px) {
836 .select2-selection__rendered { 836 .select2-selection__rendered {
837 line-height: 48px !important; 837 line-height: 48px !important;
838 padding: 0 46px 0 20px !important; 838 padding: 0 46px 0 20px !important;
839 } 839 }
840 } 840 }
841 .select2-selection--multiple .select2-selection__rendered { 841 .select2-selection--multiple .select2-selection__rendered {
842 display: -webkit-box !important; 842 display: -webkit-box !important;
843 display: -ms-flexbox !important; 843 display: -ms-flexbox !important;
844 display: flex !important; 844 display: flex !important;
845 -webkit-box-align: center; 845 -webkit-box-align: center;
846 -ms-flex-align: center; 846 -ms-flex-align: center;
847 align-items: center; 847 align-items: center;
848 -ms-flex-wrap: wrap; 848 -ms-flex-wrap: wrap;
849 flex-wrap: wrap; 849 flex-wrap: wrap;
850 gap: 10px; 850 gap: 10px;
851 padding-top: 10px !important; 851 padding-top: 10px !important;
852 padding-bottom: 10px !important; 852 padding-bottom: 10px !important;
853 } 853 }
854 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 854 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
855 margin: 0; 855 margin: 0;
856 } 856 }
857 .select2-selection__arrow { 857 .select2-selection__arrow {
858 top: 0 !important; 858 top: 0 !important;
859 right: 0 !important; 859 right: 0 !important;
860 width: 30px !important; 860 width: 30px !important;
861 height: 100% !important; 861 height: 100% !important;
862 display: -webkit-box; 862 display: -webkit-box;
863 display: -ms-flexbox; 863 display: -ms-flexbox;
864 display: flex; 864 display: flex;
865 -webkit-box-pack: center; 865 -webkit-box-pack: center;
866 -ms-flex-pack: center; 866 -ms-flex-pack: center;
867 justify-content: center; 867 justify-content: center;
868 -webkit-box-align: center; 868 -webkit-box-align: center;
869 -ms-flex-align: center; 869 -ms-flex-align: center;
870 align-items: center; 870 align-items: center;
871 color: #377d87; 871 color: #377d87;
872 } 872 }
873 @media (min-width: 768px) { 873 @media (min-width: 768px) {
874 .select2-selection__arrow { 874 .select2-selection__arrow {
875 width: 50px !important; 875 width: 50px !important;
876 } 876 }
877 } 877 }
878 .select2-selection__arrow svg { 878 .select2-selection__arrow svg {
879 width: 12px; 879 width: 12px;
880 height: 12px; 880 height: 12px;
881 -webkit-transition: 0.3s; 881 -webkit-transition: 0.3s;
882 transition: 0.3s; 882 transition: 0.3s;
883 } 883 }
884 @media (min-width: 768px) { 884 @media (min-width: 768px) {
885 .select2-selection__arrow svg { 885 .select2-selection__arrow svg {
886 width: 14px; 886 width: 14px;
887 height: 14px; 887 height: 14px;
888 } 888 }
889 } 889 }
890 .select2-selection__choice { 890 .select2-selection__choice {
891 display: -webkit-box; 891 display: -webkit-box;
892 display: -ms-flexbox; 892 display: -ms-flexbox;
893 display: flex; 893 display: flex;
894 -webkit-box-orient: horizontal; 894 -webkit-box-orient: horizontal;
895 -webkit-box-direction: reverse; 895 -webkit-box-direction: reverse;
896 -ms-flex-direction: row-reverse; 896 -ms-flex-direction: row-reverse;
897 flex-direction: row-reverse; 897 flex-direction: row-reverse;
898 -webkit-box-align: center; 898 -webkit-box-align: center;
899 -ms-flex-align: center; 899 -ms-flex-align: center;
900 align-items: center; 900 align-items: center;
901 -webkit-box-pack: center; 901 -webkit-box-pack: center;
902 -ms-flex-pack: center; 902 -ms-flex-pack: center;
903 justify-content: center; 903 justify-content: center;
904 gap: 4px; 904 gap: 4px;
905 padding: 0 4px 0 6px !important; 905 padding: 0 4px 0 6px !important;
906 background: #377d87 !important; 906 background: #377d87 !important;
907 border: none !important; 907 border: none !important;
908 border-radius: 6px !important; 908 border-radius: 6px !important;
909 line-height: 1 !important; 909 line-height: 1 !important;
910 color: #fff; 910 color: #fff;
911 height: 24px; 911 height: 24px;
912 } 912 }
913 @media (min-width: 768px) { 913 @media (min-width: 768px) {
914 .select2-selection__choice { 914 .select2-selection__choice {
915 height: 32px; 915 height: 32px;
916 gap: 6px; 916 gap: 6px;
917 padding: 0 6px 0 10px !important; 917 padding: 0 6px 0 10px !important;
918 border-radius: 8px !important; 918 border-radius: 8px !important;
919 } 919 }
920 } 920 }
921 .select2-selection__choice__remove { 921 .select2-selection__choice__remove {
922 width: 14px; 922 width: 14px;
923 height: 14px; 923 height: 14px;
924 padding-top: 4px; 924 padding-top: 4px;
925 display: -webkit-box !important; 925 display: -webkit-box !important;
926 display: -ms-flexbox !important; 926 display: -ms-flexbox !important;
927 display: flex !important; 927 display: flex !important;
928 -webkit-box-pack: center; 928 -webkit-box-pack: center;
929 -ms-flex-pack: center; 929 -ms-flex-pack: center;
930 justify-content: center; 930 justify-content: center;
931 -webkit-box-align: center; 931 -webkit-box-align: center;
932 -ms-flex-align: center; 932 -ms-flex-align: center;
933 align-items: center; 933 align-items: center;
934 color: #fff !important; 934 color: #fff !important;
935 font-weight: 400 !important; 935 font-weight: 400 !important;
936 font-size: 26px; 936 font-size: 26px;
937 } 937 }
938 .select2-search { 938 .select2-search {
939 display: none; 939 display: none;
940 } 940 }
941 .select2-dropdown { 941 .select2-dropdown {
942 z-index: 99999; 942 z-index: 99999;
943 border: none; 943 border: none;
944 border-radius: 0; 944 border-radius: 0;
945 background: none; 945 background: none;
946 padding: 5px 0; 946 padding: 5px 0;
947 } 947 }
948 @media (min-width: 768px) { 948 @media (min-width: 768px) {
949 .select2-dropdown { 949 .select2-dropdown {
950 padding: 10px 0; 950 padding: 10px 0;
951 } 951 }
952 } 952 }
953 .select2-results { 953 .select2-results {
954 background: #fff; 954 background: #fff;
955 border-radius: 8px; 955 border-radius: 8px;
956 border: 1px solid #377d87; 956 border: 1px solid #377d87;
957 overflow: hidden; 957 overflow: hidden;
958 } 958 }
959 @media (min-width: 768px) { 959 @media (min-width: 768px) {
960 .select2-results__option { 960 .select2-results__option {
961 padding: 10px 14px; 961 padding: 10px 14px;
962 } 962 }
963 } 963 }
964 .select2-results__option--highlighted { 964 .select2-results__option--highlighted {
965 background: #377d87 !important; 965 background: #377d87 !important;
966 } 966 }
967 @media (min-width: 768px) { 967 @media (min-width: 768px) {
968 .select_search .select2-selection__rendered { 968 .select_search .select2-selection__rendered {
969 padding-left: 60px !important; 969 padding-left: 60px !important;
970 } 970 }
971 } 971 }
972 .select_search .select__icon { 972 .select_search .select__icon {
973 display: none; 973 display: none;
974 height: 28px; 974 height: 28px;
975 -webkit-box-align: center; 975 -webkit-box-align: center;
976 -ms-flex-align: center; 976 -ms-flex-align: center;
977 align-items: center; 977 align-items: center;
978 padding-right: 12px; 978 padding-right: 12px;
979 z-index: 2; 979 z-index: 2;
980 position: absolute; 980 position: absolute;
981 top: 50%; 981 top: 50%;
982 left: 15px; 982 left: 15px;
983 margin-top: -14px; 983 margin-top: -14px;
984 } 984 }
985 @media (min-width: 768px) { 985 @media (min-width: 768px) {
986 .select_search .select__icon { 986 .select_search .select__icon {
987 display: -webkit-box; 987 display: -webkit-box;
988 display: -ms-flexbox; 988 display: -ms-flexbox;
989 display: flex; 989 display: flex;
990 } 990 }
991 } 991 }
992 .select_search .select__icon:after { 992 .select_search .select__icon:after {
993 content: ""; 993 content: "";
994 width: 1px; 994 width: 1px;
995 height: 100%; 995 height: 100%;
996 border-radius: 999px; 996 border-radius: 999px;
997 position: absolute; 997 position: absolute;
998 top: 0; 998 top: 0;
999 right: 0; 999 right: 0;
1000 background: #cecece; 1000 background: #cecece;
1001 } 1001 }
1002 .select_search .select__icon svg { 1002 .select_search .select__icon svg {
1003 color: #9c9d9d; 1003 color: #9c9d9d;
1004 width: 20px; 1004 width: 20px;
1005 height: 20px; 1005 height: 20px;
1006 } 1006 }
1007 1007
1008 .form-group { 1008 .form-group {
1009 display: -webkit-box; 1009 display: -webkit-box;
1010 display: -ms-flexbox; 1010 display: -ms-flexbox;
1011 display: flex; 1011 display: flex;
1012 -webkit-box-orient: vertical; 1012 -webkit-box-orient: vertical;
1013 -webkit-box-direction: normal; 1013 -webkit-box-direction: normal;
1014 -ms-flex-direction: column; 1014 -ms-flex-direction: column;
1015 flex-direction: column; 1015 flex-direction: column;
1016 gap: 4px; 1016 gap: 4px;
1017 } 1017 }
1018 .form-group__label { 1018 .form-group__label {
1019 font-size: 12px; 1019 font-size: 12px;
1020 } 1020 }
1021 @media (min-width: 768px) { 1021 @media (min-width: 768px) {
1022 .form-group__label { 1022 .form-group__label {
1023 font-size: 16px; 1023 font-size: 16px;
1024 } 1024 }
1025 } 1025 }
1026 .form-group__item { 1026 .form-group__item {
1027 display: -webkit-box; 1027 display: -webkit-box;
1028 display: -ms-flexbox; 1028 display: -ms-flexbox;
1029 display: flex; 1029 display: flex;
1030 -webkit-box-orient: vertical; 1030 -webkit-box-orient: vertical;
1031 -webkit-box-direction: normal; 1031 -webkit-box-direction: normal;
1032 -ms-flex-direction: column; 1032 -ms-flex-direction: column;
1033 flex-direction: column; 1033 flex-direction: column;
1034 position: relative; 1034 position: relative;
1035 } 1035 }
1036 .form-group__item-icon { 1036 .form-group__item-icon {
1037 width: 16px; 1037 width: 16px;
1038 aspect-ratio: 1/1; 1038 aspect-ratio: 1/1;
1039 z-index: 2; 1039 z-index: 2;
1040 position: absolute; 1040 position: absolute;
1041 top: 50%; 1041 top: 50%;
1042 right: 4px; 1042 right: 4px;
1043 -webkit-transform: translate(0, -50%); 1043 -webkit-transform: translate(0, -50%);
1044 -ms-transform: translate(0, -50%); 1044 -ms-transform: translate(0, -50%);
1045 transform: translate(0, -50%); 1045 transform: translate(0, -50%);
1046 display: -webkit-box; 1046 display: -webkit-box;
1047 display: -ms-flexbox; 1047 display: -ms-flexbox;
1048 display: flex; 1048 display: flex;
1049 -webkit-box-pack: center; 1049 -webkit-box-pack: center;
1050 -ms-flex-pack: center; 1050 -ms-flex-pack: center;
1051 justify-content: center; 1051 justify-content: center;
1052 -webkit-box-align: center; 1052 -webkit-box-align: center;
1053 -ms-flex-align: center; 1053 -ms-flex-align: center;
1054 align-items: center; 1054 align-items: center;
1055 color: #377d87; 1055 color: #377d87;
1056 } 1056 }
1057 @media (min-width: 768px) { 1057 @media (min-width: 768px) {
1058 .form-group__item-icon { 1058 .form-group__item-icon {
1059 width: 22px; 1059 width: 22px;
1060 right: 20px; 1060 right: 20px;
1061 } 1061 }
1062 } 1062 }
1063 .form-group__item-icon svg { 1063 .form-group__item-icon svg {
1064 width: 14px; 1064 width: 14px;
1065 aspect-ratio: 1/1; 1065 aspect-ratio: 1/1;
1066 } 1066 }
1067 @media (min-width: 768px) { 1067 @media (min-width: 768px) {
1068 .form-group__item-icon svg { 1068 .form-group__item-icon svg {
1069 width: 20px; 1069 width: 20px;
1070 } 1070 }
1071 } 1071 }
1072 .form-group__item-icon + .input { 1072 .form-group__item-icon + .input {
1073 padding-right: 24px; 1073 padding-right: 24px;
1074 } 1074 }
1075 @media (min-width: 768px) { 1075 @media (min-width: 768px) {
1076 .form-group__item-icon + .input { 1076 .form-group__item-icon + .input {
1077 padding-right: 60px; 1077 padding-right: 60px;
1078 } 1078 }
1079 } 1079 }
1080 1080
1081 .input { 1081 .input {
1082 display: block; 1082 display: block;
1083 height: 30px; 1083 height: 30px;
1084 border: 1px solid #cecece; 1084 border: 1px solid #cecece;
1085 background: #fff; 1085 background: #fff;
1086 font-size: 12px; 1086 font-size: 12px;
1087 border-radius: 8px; 1087 border-radius: 8px;
1088 padding: 0 10px; 1088 padding: 0 10px;
1089 color: #000; 1089 color: #000;
1090 -webkit-transition: 0.3s; 1090 -webkit-transition: 0.3s;
1091 transition: 0.3s; 1091 transition: 0.3s;
1092 position: relative; 1092 position: relative;
1093 z-index: 1; 1093 z-index: 1;
1094 } 1094 }
1095 @media (min-width: 768px) { 1095 @media (min-width: 768px) {
1096 .input { 1096 .input {
1097 padding: 0 20px; 1097 padding: 0 20px;
1098 height: 44px; 1098 height: 44px;
1099 font-size: 16px; 1099 font-size: 16px;
1100 } 1100 }
1101 } 1101 }
1102 .input:focus { 1102 .input:focus {
1103 border-color: #377d87; 1103 border-color: #377d87;
1104 } 1104 }
1105 .input[disabled] { 1105 .input[disabled] {
1106 color: #9c9d9d; 1106 color: #9c9d9d;
1107 background: #e7e7e7; 1107 background: #e7e7e7;
1108 } 1108 }
1109 .input[type=date] { 1109 .input[type=date] {
1110 text-transform: uppercase; 1110 text-transform: uppercase;
1111 } 1111 }
1112 1112
1113 .textarea { 1113 .textarea {
1114 resize: none; 1114 resize: none;
1115 display: block; 1115 display: block;
1116 width: 100%; 1116 width: 100%;
1117 border-radius: 8px; 1117 border-radius: 8px;
1118 border: 1px solid #cecece; 1118 border: 1px solid #cecece;
1119 background: #fff; 1119 background: #fff;
1120 -webkit-transition: 0.3s; 1120 -webkit-transition: 0.3s;
1121 transition: 0.3s; 1121 transition: 0.3s;
1122 font-size: 12px; 1122 font-size: 12px;
1123 line-height: 1.4; 1123 line-height: 1.4;
1124 padding: 10px; 1124 padding: 10px;
1125 aspect-ratio: 8/3; 1125 aspect-ratio: 8/3;
1126 max-height: 250px; 1126 max-height: 250px;
1127 } 1127 }
1128 @media (min-width: 768px) { 1128 @media (min-width: 768px) {
1129 .textarea { 1129 .textarea {
1130 padding: 20px; 1130 padding: 20px;
1131 font-size: 16px; 1131 font-size: 16px;
1132 height: 280px; 1132 height: 280px;
1133 } 1133 }
1134 } 1134 }
1135 .textarea:focus { 1135 .textarea:focus {
1136 border-color: #377d87; 1136 border-color: #377d87;
1137 } 1137 }
1138 1138
1139 .button { 1139 .button {
1140 display: -webkit-box; 1140 display: -webkit-box;
1141 display: -ms-flexbox; 1141 display: -ms-flexbox;
1142 display: flex; 1142 display: flex;
1143 -webkit-box-pack: center; 1143 -webkit-box-pack: center;
1144 -ms-flex-pack: center; 1144 -ms-flex-pack: center;
1145 justify-content: center; 1145 justify-content: center;
1146 -webkit-box-align: center; 1146 -webkit-box-align: center;
1147 -ms-flex-align: center; 1147 -ms-flex-align: center;
1148 align-items: center; 1148 align-items: center;
1149 color: #fff; 1149 color: #fff;
1150 background: #377d87; 1150 background: #377d87;
1151 height: 30px; 1151 height: 30px;
1152 border-radius: 8px; 1152 border-radius: 8px;
1153 padding: 0 12px; 1153 padding: 0 12px;
1154 border: 1px solid #377d87; 1154 border: 1px solid #377d87;
1155 font-weight: 700; 1155 font-weight: 700;
1156 font-size: 12px; 1156 font-size: 12px;
1157 text-align: center; 1157 text-align: center;
1158 line-height: 1; 1158 line-height: 1;
1159 gap: 6px; 1159 gap: 6px;
1160 -webkit-transition: 0.3s; 1160 -webkit-transition: 0.3s;
1161 transition: 0.3s; 1161 transition: 0.3s;
1162 cursor: pointer; 1162 cursor: pointer;
1163 } 1163 }
1164 @media (min-width: 768px) { 1164 @media (min-width: 768px) {
1165 .button { 1165 .button {
1166 padding: 0 24px; 1166 padding: 0 24px;
1167 font-size: 16px; 1167 font-size: 16px;
1168 height: 44px; 1168 height: 44px;
1169 gap: 12px; 1169 gap: 12px;
1170 } 1170 }
1171 } 1171 }
1172 @media (min-width: 992px) { 1172 @media (min-width: 992px) {
1173 .button { 1173 .button {
1174 padding: 0 36px; 1174 padding: 0 36px;
1175 } 1175 }
1176 } 1176 }
1177 .button:hover { 1177 .button:hover {
1178 background: transparent; 1178 background: transparent;
1179 color: #377d87; 1179 color: #377d87;
1180 } 1180 }
1181 .button img, 1181 .button img,
1182 .button svg { 1182 .button svg {
1183 width: 12px; 1183 width: 12px;
1184 height: 12px; 1184 height: 12px;
1185 } 1185 }
1186 @media (min-width: 768px) { 1186 @media (min-width: 768px) {
1187 .button img, 1187 .button img,
1188 .button svg { 1188 .button svg {
1189 width: 18px; 1189 width: 18px;
1190 height: 18px; 1190 height: 18px;
1191 } 1191 }
1192 } 1192 }
1193 .button_more span + span { 1193 .button_more span + span {
1194 display: none; 1194 display: none;
1195 } 1195 }
1196 .button_more.active span { 1196 .button_more.active span {
1197 display: none; 1197 display: none;
1198 } 1198 }
1199 .button_more.active span + span { 1199 .button_more.active span + span {
1200 display: block; 1200 display: block;
1201 } 1201 }
1202 .button_light { 1202 .button_light {
1203 background: transparent; 1203 background: transparent;
1204 color: #377d87; 1204 color: #377d87;
1205 } 1205 }
1206 .button_light:hover { 1206 .button_light:hover {
1207 background: #377d87; 1207 background: #377d87;
1208 color: #fff; 1208 color: #fff;
1209 } 1209 }
1210 .button_whited { 1210 .button_whited {
1211 background: #fff; 1211 background: #fff;
1212 color: #377d87; 1212 color: #377d87;
1213 border-color: #fff; 1213 border-color: #fff;
1214 } 1214 }
1215 .button_whited:hover { 1215 .button_whited:hover {
1216 background: #377d87; 1216 background: #377d87;
1217 color: #fff; 1217 color: #fff;
1218 } 1218 }
1219 1219
1220 .search { 1220 .search {
1221 width: 100%; 1221 width: 100%;
1222 position: relative; 1222 position: relative;
1223 background: #fff; 1223 background: #fff;
1224 border-radius: 8px; 1224 border-radius: 8px;
1225 } 1225 }
1226 .search span { 1226 .search span {
1227 display: none; 1227 display: none;
1228 height: 28px; 1228 height: 28px;
1229 -webkit-box-align: center; 1229 -webkit-box-align: center;
1230 -ms-flex-align: center; 1230 -ms-flex-align: center;
1231 align-items: center; 1231 align-items: center;
1232 padding-right: 12px; 1232 padding-right: 12px;
1233 z-index: 1; 1233 z-index: 1;
1234 position: absolute; 1234 position: absolute;
1235 top: 50%; 1235 top: 50%;
1236 left: 15px; 1236 left: 15px;
1237 margin-top: -14px; 1237 margin-top: -14px;
1238 } 1238 }
1239 @media (min-width: 768px) { 1239 @media (min-width: 768px) {
1240 .search span { 1240 .search span {
1241 display: -webkit-box; 1241 display: -webkit-box;
1242 display: -ms-flexbox; 1242 display: -ms-flexbox;
1243 display: flex; 1243 display: flex;
1244 } 1244 }
1245 } 1245 }
1246 .search span:after { 1246 .search span:after {
1247 content: ""; 1247 content: "";
1248 width: 1px; 1248 width: 1px;
1249 height: 100%; 1249 height: 100%;
1250 border-radius: 999px; 1250 border-radius: 999px;
1251 position: absolute; 1251 position: absolute;
1252 top: 0; 1252 top: 0;
1253 right: 0; 1253 right: 0;
1254 background: #cecece; 1254 background: #cecece;
1255 } 1255 }
1256 .search span svg { 1256 .search span svg {
1257 color: #9c9d9d; 1257 color: #9c9d9d;
1258 width: 20px; 1258 width: 20px;
1259 height: 20px; 1259 height: 20px;
1260 } 1260 }
1261 .search input { 1261 .search input {
1262 width: 100%; 1262 width: 100%;
1263 padding-right: 150px; 1263 padding-right: 150px;
1264 position: relative; 1264 position: relative;
1265 z-index: 2; 1265 z-index: 2;
1266 background: none; 1266 background: none;
1267 } 1267 }
1268 @media (min-width: 768px) { 1268 @media (min-width: 768px) {
1269 .search input { 1269 .search input {
1270 padding-left: 60px; 1270 padding-left: 60px;
1271 padding-right: 220px; 1271 padding-right: 220px;
1272 } 1272 }
1273 } 1273 }
1274 .search button { 1274 .search button {
1275 width: 140px; 1275 width: 140px;
1276 position: absolute; 1276 position: absolute;
1277 padding: 0; 1277 padding: 0;
1278 top: 0; 1278 top: 0;
1279 right: 0; 1279 right: 0;
1280 z-index: 3; 1280 z-index: 3;
1281 } 1281 }
1282 @media (min-width: 768px) { 1282 @media (min-width: 768px) {
1283 .search button { 1283 .search button {
1284 width: 200px; 1284 width: 200px;
1285 } 1285 }
1286 } 1286 }
1287 1287
1288 .breadcrumbs { 1288 .breadcrumbs {
1289 display: -webkit-box; 1289 display: -webkit-box;
1290 display: -ms-flexbox; 1290 display: -ms-flexbox;
1291 display: flex; 1291 display: flex;
1292 -webkit-box-align: center; 1292 -webkit-box-align: center;
1293 -ms-flex-align: center; 1293 -ms-flex-align: center;
1294 align-items: center; 1294 align-items: center;
1295 -ms-flex-wrap: wrap; 1295 -ms-flex-wrap: wrap;
1296 flex-wrap: wrap; 1296 flex-wrap: wrap;
1297 gap: 12px 6px; 1297 gap: 12px 6px;
1298 margin: 0; 1298 margin: 0;
1299 padding: 0; 1299 padding: 0;
1300 font-size: 11px; 1300 font-size: 11px;
1301 color: #cecece; 1301 color: #cecece;
1302 line-height: 1; 1302 line-height: 1;
1303 } 1303 }
1304 @media (min-width: 992px) { 1304 @media (min-width: 992px) {
1305 .breadcrumbs { 1305 .breadcrumbs {
1306 font-size: 13px; 1306 font-size: 13px;
1307 } 1307 }
1308 } 1308 }
1309 @media (min-width: 1280px) { 1309 @media (min-width: 1280px) {
1310 .breadcrumbs { 1310 .breadcrumbs {
1311 font-size: 16px; 1311 font-size: 16px;
1312 } 1312 }
1313 } 1313 }
1314 .breadcrumbs li { 1314 .breadcrumbs li {
1315 display: -webkit-box; 1315 display: -webkit-box;
1316 display: -ms-flexbox; 1316 display: -ms-flexbox;
1317 display: flex; 1317 display: flex;
1318 -webkit-box-align: center; 1318 -webkit-box-align: center;
1319 -ms-flex-align: center; 1319 -ms-flex-align: center;
1320 align-items: center; 1320 align-items: center;
1321 gap: 6px; 1321 gap: 6px;
1322 } 1322 }
1323 .breadcrumbs li:before { 1323 .breadcrumbs li:before {
1324 content: ""; 1324 content: "";
1325 width: 4px; 1325 width: 4px;
1326 height: 4px; 1326 height: 4px;
1327 background: #cecece; 1327 background: #cecece;
1328 border-radius: 999px; 1328 border-radius: 999px;
1329 position: relative; 1329 position: relative;
1330 top: -1px; 1330 top: -1px;
1331 } 1331 }
1332 .breadcrumbs li:first-child:before { 1332 .breadcrumbs li:first-child:before {
1333 display: none; 1333 display: none;
1334 } 1334 }
1335 .breadcrumbs li:last-child:before { 1335 .breadcrumbs li:last-child:before {
1336 background: #377d87; 1336 background: #377d87;
1337 } 1337 }
1338 .breadcrumbs a:hover { 1338 .breadcrumbs a:hover {
1339 color: #377d87; 1339 color: #377d87;
1340 } 1340 }
1341 .breadcrumbs b { 1341 .breadcrumbs b {
1342 color: #377d87; 1342 color: #377d87;
1343 font-weight: 700; 1343 font-weight: 700;
1344 } 1344 }
1345 1345
1346 .pagination { 1346 .pagination {
1347 display: -webkit-box; 1347 display: -webkit-box;
1348 display: -ms-flexbox; 1348 display: -ms-flexbox;
1349 display: flex; 1349 display: flex;
1350 -webkit-box-align: center; 1350 -webkit-box-align: center;
1351 -ms-flex-align: center; 1351 -ms-flex-align: center;
1352 align-items: center; 1352 align-items: center;
1353 -webkit-box-pack: center; 1353 -webkit-box-pack: center;
1354 -ms-flex-pack: center; 1354 -ms-flex-pack: center;
1355 justify-content: center; 1355 justify-content: center;
1356 -ms-flex-wrap: wrap; 1356 -ms-flex-wrap: wrap;
1357 flex-wrap: wrap; 1357 flex-wrap: wrap;
1358 line-height: 1; 1358 line-height: 1;
1359 color: #000; 1359 color: #000;
1360 font-size: 12px; 1360 font-size: 12px;
1361 margin: 0 auto; 1361 margin: 0 auto;
1362 } 1362 }
1363 @media (min-width: 768px) { 1363 @media (min-width: 768px) {
1364 .pagination { 1364 .pagination {
1365 font-size: 14px; 1365 font-size: 14px;
1366 gap: 3px; 1366 gap: 3px;
1367 } 1367 }
1368 } 1368 }
1369 .pagination__item { 1369 .pagination__item {
1370 width: 40px; 1370 width: 40px;
1371 height: 40px; 1371 height: 40px;
1372 display: -webkit-box; 1372 display: -webkit-box;
1373 display: -ms-flexbox; 1373 display: -ms-flexbox;
1374 display: flex; 1374 display: flex;
1375 -webkit-box-pack: center; 1375 -webkit-box-pack: center;
1376 -ms-flex-pack: center; 1376 -ms-flex-pack: center;
1377 justify-content: center; 1377 justify-content: center;
1378 -webkit-box-align: center; 1378 -webkit-box-align: center;
1379 -ms-flex-align: center; 1379 -ms-flex-align: center;
1380 align-items: center; 1380 align-items: center;
1381 background: none; 1381 background: none;
1382 padding: 0; 1382 padding: 0;
1383 border: 1px solid transparent; 1383 border: 1px solid transparent;
1384 border-radius: 8px; 1384 border-radius: 8px;
1385 } 1385 }
1386 .pagination__item:hover { 1386 .pagination__item:hover {
1387 -webkit-transition: 0s; 1387 -webkit-transition: 0s;
1388 transition: 0s; 1388 transition: 0s;
1389 color: #377d87; 1389 color: #377d87;
1390 font-weight: 700; 1390 font-weight: 700;
1391 } 1391 }
1392 .pagination__item.active { 1392 .pagination__item.active {
1393 font-weight: 700; 1393 font-weight: 700;
1394 color: #fff; 1394 color: #fff;
1395 background: #377d87; 1395 background: #377d87;
1396 border-color: #377d87; 1396 border-color: #377d87;
1397 } 1397 }
1398 .pagination__dots { 1398 .pagination__dots {
1399 width: 40px; 1399 width: 40px;
1400 height: 40px; 1400 height: 40px;
1401 display: -webkit-box; 1401 display: -webkit-box;
1402 display: -ms-flexbox; 1402 display: -ms-flexbox;
1403 display: flex; 1403 display: flex;
1404 -webkit-box-pack: center; 1404 -webkit-box-pack: center;
1405 -ms-flex-pack: center; 1405 -ms-flex-pack: center;
1406 justify-content: center; 1406 justify-content: center;
1407 -webkit-box-align: center; 1407 -webkit-box-align: center;
1408 -ms-flex-align: center; 1408 -ms-flex-align: center;
1409 align-items: center; 1409 align-items: center;
1410 } 1410 }
1411 .pagination__dots svg { 1411 .pagination__dots svg {
1412 width: 15px; 1412 width: 15px;
1413 height: 15px; 1413 height: 15px;
1414 } 1414 }
1415 .pagination__nav { 1415 .pagination__nav {
1416 width: 40px; 1416 width: 40px;
1417 height: 40px; 1417 height: 40px;
1418 display: none; 1418 display: none;
1419 -webkit-box-pack: center; 1419 -webkit-box-pack: center;
1420 -ms-flex-pack: center; 1420 -ms-flex-pack: center;
1421 justify-content: center; 1421 justify-content: center;
1422 -webkit-box-align: center; 1422 -webkit-box-align: center;
1423 -ms-flex-align: center; 1423 -ms-flex-align: center;
1424 align-items: center; 1424 align-items: center;
1425 background: none; 1425 background: none;
1426 padding: 0; 1426 padding: 0;
1427 border: 1px solid #cddee1; 1427 border: 1px solid #cddee1;
1428 color: #377d87; 1428 color: #377d87;
1429 border-radius: 8px; 1429 border-radius: 8px;
1430 } 1430 }
1431 @media (min-width: 768px) { 1431 @media (min-width: 768px) {
1432 .pagination__nav { 1432 .pagination__nav {
1433 display: -webkit-box; 1433 display: -webkit-box;
1434 display: -ms-flexbox; 1434 display: -ms-flexbox;
1435 display: flex; 1435 display: flex;
1436 } 1436 }
1437 } 1437 }
1438 .pagination__nav:hover { 1438 .pagination__nav:hover {
1439 border-color: #377d87; 1439 border-color: #377d87;
1440 background: #377d87; 1440 background: #377d87;
1441 color: #fff; 1441 color: #fff;
1442 } 1442 }
1443 .pagination__nav svg { 1443 .pagination__nav svg {
1444 width: 10px; 1444 width: 10px;
1445 height: 10px; 1445 height: 10px;
1446 } 1446 }
1447 .pagination__nav_prev { 1447 .pagination__nav_prev {
1448 margin-right: 37px; 1448 margin-right: 37px;
1449 } 1449 }
1450 .pagination__nav_prev svg { 1450 .pagination__nav_prev svg {
1451 -webkit-transform: rotate(180deg); 1451 -webkit-transform: rotate(180deg);
1452 -ms-transform: rotate(180deg); 1452 -ms-transform: rotate(180deg);
1453 transform: rotate(180deg); 1453 transform: rotate(180deg);
1454 } 1454 }
1455 .pagination__nav_next { 1455 .pagination__nav_next {
1456 margin-left: 37px; 1456 margin-left: 37px;
1457 } 1457 }
1458 1458
1459 .filters { 1459 .filters {
1460 display: -webkit-box; 1460 display: -webkit-box;
1461 display: -ms-flexbox; 1461 display: -ms-flexbox;
1462 display: flex; 1462 display: flex;
1463 -webkit-box-orient: vertical; 1463 -webkit-box-orient: vertical;
1464 -webkit-box-direction: normal; 1464 -webkit-box-direction: normal;
1465 -ms-flex-direction: column; 1465 -ms-flex-direction: column;
1466 flex-direction: column; 1466 flex-direction: column;
1467 gap: 10px; 1467 gap: 10px;
1468 } 1468 }
1469 @media (min-width: 768px) { 1469 @media (min-width: 768px) {
1470 .filters { 1470 .filters {
1471 -webkit-box-orient: horizontal; 1471 -webkit-box-orient: horizontal;
1472 -webkit-box-direction: normal; 1472 -webkit-box-direction: normal;
1473 -ms-flex-direction: row; 1473 -ms-flex-direction: row;
1474 flex-direction: row; 1474 flex-direction: row;
1475 -webkit-box-align: center; 1475 -webkit-box-align: center;
1476 -ms-flex-align: center; 1476 -ms-flex-align: center;
1477 align-items: center; 1477 align-items: center;
1478 -webkit-box-pack: justify; 1478 -webkit-box-pack: justify;
1479 -ms-flex-pack: justify; 1479 -ms-flex-pack: justify;
1480 justify-content: space-between; 1480 justify-content: space-between;
1481 } 1481 }
1482 } 1482 }
1483 .filters__label { 1483 .filters__label {
1484 color: #377d87; 1484 color: #377d87;
1485 font-size: 12px; 1485 font-size: 12px;
1486 font-weight: 700; 1486 font-weight: 700;
1487 } 1487 }
1488 @media (min-width: 768px) { 1488 @media (min-width: 768px) {
1489 .filters__label { 1489 .filters__label {
1490 font-size: 16px; 1490 font-size: 16px;
1491 } 1491 }
1492 } 1492 }
1493 @media (min-width: 992px) { 1493 @media (min-width: 992px) {
1494 .filters__label { 1494 .filters__label {
1495 font-size: 18px; 1495 font-size: 18px;
1496 } 1496 }
1497 } 1497 }
1498 .filters__body { 1498 .filters__body {
1499 display: -webkit-box; 1499 display: -webkit-box;
1500 display: -ms-flexbox; 1500 display: -ms-flexbox;
1501 display: flex; 1501 display: flex;
1502 -webkit-box-orient: vertical; 1502 -webkit-box-orient: vertical;
1503 -webkit-box-direction: normal; 1503 -webkit-box-direction: normal;
1504 -ms-flex-direction: column; 1504 -ms-flex-direction: column;
1505 flex-direction: column; 1505 flex-direction: column;
1506 } 1506 }
1507 @media (min-width: 768px) { 1507 @media (min-width: 768px) {
1508 .filters__body { 1508 .filters__body {
1509 -webkit-box-orient: horizontal; 1509 -webkit-box-orient: horizontal;
1510 -webkit-box-direction: normal; 1510 -webkit-box-direction: normal;
1511 -ms-flex-direction: row; 1511 -ms-flex-direction: row;
1512 flex-direction: row; 1512 flex-direction: row;
1513 -webkit-box-align: center; 1513 -webkit-box-align: center;
1514 -ms-flex-align: center; 1514 -ms-flex-align: center;
1515 align-items: center; 1515 align-items: center;
1516 } 1516 }
1517 } 1517 }
1518 @media (min-width: 768px) { 1518 @media (min-width: 768px) {
1519 .filters__select { 1519 .filters__select {
1520 width: 250px; 1520 width: 250px;
1521 } 1521 }
1522 } 1522 }
1523 @media (min-width: 992px) { 1523 @media (min-width: 992px) {
1524 .filters__select { 1524 .filters__select {
1525 width: 310px; 1525 width: 310px;
1526 } 1526 }
1527 } 1527 }
1528 .filters__item { 1528 .filters__item {
1529 display: none; 1529 display: none;
1530 -webkit-box-pack: center; 1530 -webkit-box-pack: center;
1531 -ms-flex-pack: center; 1531 -ms-flex-pack: center;
1532 justify-content: center; 1532 justify-content: center;
1533 -webkit-box-align: center; 1533 -webkit-box-align: center;
1534 -ms-flex-align: center; 1534 -ms-flex-align: center;
1535 align-items: center; 1535 align-items: center;
1536 width: 50px; 1536 width: 50px;
1537 height: 50px; 1537 height: 50px;
1538 padding: 0; 1538 padding: 0;
1539 background: #fff; 1539 background: #fff;
1540 border: 1px solid #377d87; 1540 border: 1px solid #377d87;
1541 color: #377d87; 1541 color: #377d87;
1542 border-radius: 8px; 1542 border-radius: 8px;
1543 margin-left: 20px; 1543 margin-left: 20px;
1544 } 1544 }
1545 @media (min-width: 768px) { 1545 @media (min-width: 768px) {
1546 .filters__item { 1546 .filters__item {
1547 display: -webkit-box; 1547 display: -webkit-box;
1548 display: -ms-flexbox; 1548 display: -ms-flexbox;
1549 display: flex; 1549 display: flex;
1550 } 1550 }
1551 } 1551 }
1552 .filters__item svg { 1552 .filters__item svg {
1553 width: 24px; 1553 width: 24px;
1554 height: 24px; 1554 height: 24px;
1555 } 1555 }
1556 .filters__item.active { 1556 .filters__item.active {
1557 background: #377d87; 1557 background: #377d87;
1558 color: #fff; 1558 color: #fff;
1559 } 1559 }
1560 .filters__item + .filters__item { 1560 .filters__item + .filters__item {
1561 margin-left: 8px; 1561 margin-left: 8px;
1562 } 1562 }
1563 1563
1564 .like, 1564 .like,
1565 .chat { 1565 .chat {
1566 width: 30px; 1566 width: 30px;
1567 height: 30px; 1567 height: 30px;
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-pack: center; 1571 -webkit-box-pack: center;
1572 -ms-flex-pack: center; 1572 -ms-flex-pack: center;
1573 justify-content: center; 1573 justify-content: center;
1574 -webkit-box-align: center; 1574 -webkit-box-align: center;
1575 -ms-flex-align: center; 1575 -ms-flex-align: center;
1576 align-items: center; 1576 align-items: center;
1577 background: none; 1577 background: none;
1578 border: 1px solid #377d87; 1578 border: 1px solid #377d87;
1579 padding: 0; 1579 padding: 0;
1580 color: #377d87; 1580 color: #377d87;
1581 border-radius: 6px; 1581 border-radius: 6px;
1582 } 1582 }
1583 @media (min-width: 768px) { 1583 @media (min-width: 768px) {
1584 .like, 1584 .like,
1585 .chat { 1585 .chat {
1586 width: 44px; 1586 width: 44px;
1587 height: 44px; 1587 height: 44px;
1588 } 1588 }
1589 } 1589 }
1590 .like.active, 1590 .like.active,
1591 .chat.active { 1591 .chat.active {
1592 background: #377d87; 1592 background: #377d87;
1593 color: #fff; 1593 color: #fff;
1594 } 1594 }
1595 .like svg, 1595 .like svg,
1596 .chat svg { 1596 .chat svg {
1597 width: 14px; 1597 width: 14px;
1598 height: 14px; 1598 height: 14px;
1599 } 1599 }
1600 @media (min-width: 768px) { 1600 @media (min-width: 768px) {
1601 .like svg, 1601 .like svg,
1602 .chat svg { 1602 .chat svg {
1603 width: 20px; 1603 width: 20px;
1604 height: 20px; 1604 height: 20px;
1605 } 1605 }
1606 } 1606 }
1607 1607
1608 .like.active { 1608 .like.active {
1609 background: #eb5757; 1609 background: #eb5757;
1610 border-color: #eb5757; 1610 border-color: #eb5757;
1611 } 1611 }
1612 1612
1613 .checkbox { 1613 .checkbox {
1614 display: -webkit-box; 1614 display: -webkit-box;
1615 display: -ms-flexbox; 1615 display: -ms-flexbox;
1616 display: flex; 1616 display: flex;
1617 -webkit-box-align: start; 1617 -webkit-box-align: start;
1618 -ms-flex-align: start; 1618 -ms-flex-align: start;
1619 align-items: flex-start; 1619 align-items: flex-start;
1620 cursor: pointer; 1620 cursor: pointer;
1621 position: relative; 1621 position: relative;
1622 } 1622 }
1623 .checkbox__input { 1623 .checkbox__input {
1624 position: absolute; 1624 position: absolute;
1625 z-index: 1; 1625 z-index: 1;
1626 width: 14px; 1626 width: 14px;
1627 height: 14px; 1627 height: 14px;
1628 padding: 0; 1628 padding: 0;
1629 background: none; 1629 background: none;
1630 border: none; 1630 border: none;
1631 opacity: 0; 1631 opacity: 0;
1632 } 1632 }
1633 @media (min-width: 768px) { 1633 @media (min-width: 768px) {
1634 .checkbox__input { 1634 .checkbox__input {
1635 width: 20px; 1635 width: 20px;
1636 height: 20px; 1636 height: 20px;
1637 } 1637 }
1638 } 1638 }
1639 .checkbox__icon { 1639 .checkbox__icon {
1640 width: 14px; 1640 width: 14px;
1641 height: 14px; 1641 height: 14px;
1642 border: 1px solid #cfcfcf; 1642 border: 1px solid #cfcfcf;
1643 background: #fff; 1643 background: #fff;
1644 color: #fff; 1644 color: #fff;
1645 display: -webkit-box; 1645 display: -webkit-box;
1646 display: -ms-flexbox; 1646 display: -ms-flexbox;
1647 display: flex; 1647 display: flex;
1648 -webkit-box-pack: center; 1648 -webkit-box-pack: center;
1649 -ms-flex-pack: center; 1649 -ms-flex-pack: center;
1650 justify-content: center; 1650 justify-content: center;
1651 -webkit-box-align: center; 1651 -webkit-box-align: center;
1652 -ms-flex-align: center; 1652 -ms-flex-align: center;
1653 align-items: center; 1653 align-items: center;
1654 border-radius: 4px; 1654 border-radius: 4px;
1655 -webkit-transition: 0.3s; 1655 -webkit-transition: 0.3s;
1656 transition: 0.3s; 1656 transition: 0.3s;
1657 position: relative; 1657 position: relative;
1658 z-index: 2; 1658 z-index: 2;
1659 } 1659 }
1660 @media (min-width: 768px) { 1660 @media (min-width: 768px) {
1661 .checkbox__icon { 1661 .checkbox__icon {
1662 width: 20px; 1662 width: 20px;
1663 height: 20px; 1663 height: 20px;
1664 } 1664 }
1665 } 1665 }
1666 .checkbox__icon svg { 1666 .checkbox__icon svg {
1667 width: 8px; 1667 width: 8px;
1668 height: 8px; 1668 height: 8px;
1669 opacity: 0; 1669 opacity: 0;
1670 } 1670 }
1671 @media (min-width: 768px) { 1671 @media (min-width: 768px) {
1672 .checkbox__icon svg { 1672 .checkbox__icon svg {
1673 width: 10px; 1673 width: 10px;
1674 height: 10px; 1674 height: 10px;
1675 } 1675 }
1676 } 1676 }
1677 .checkbox__input:checked + .checkbox__icon { 1677 .checkbox__input:checked + .checkbox__icon {
1678 border-color: #377d87; 1678 border-color: #377d87;
1679 background: #377d87; 1679 background: #377d87;
1680 } 1680 }
1681 .checkbox__input:checked + .checkbox__icon svg { 1681 .checkbox__input:checked + .checkbox__icon svg {
1682 opacity: 1; 1682 opacity: 1;
1683 } 1683 }
1684 .checkbox__text { 1684 .checkbox__text {
1685 width: calc(100% - 14px); 1685 width: calc(100% - 14px);
1686 padding-left: 6px; 1686 padding-left: 6px;
1687 font-size: 12px; 1687 font-size: 12px;
1688 line-height: 1; 1688 line-height: 1;
1689 display: -webkit-box; 1689 display: -webkit-box;
1690 display: -ms-flexbox; 1690 display: -ms-flexbox;
1691 display: flex; 1691 display: flex;
1692 -webkit-box-align: center; 1692 -webkit-box-align: center;
1693 -ms-flex-align: center; 1693 -ms-flex-align: center;
1694 align-items: center; 1694 align-items: center;
1695 min-height: 14px; 1695 min-height: 14px;
1696 } 1696 }
1697 @media (min-width: 768px) { 1697 @media (min-width: 768px) {
1698 .checkbox__text { 1698 .checkbox__text {
1699 width: calc(100% - 20px); 1699 width: calc(100% - 20px);
1700 padding-left: 12px; 1700 padding-left: 12px;
1701 font-size: 15px; 1701 font-size: 15px;
1702 min-height: 20px; 1702 min-height: 20px;
1703 } 1703 }
1704 } 1704 }
1705 .checkbox__text a { 1705 .checkbox__text a {
1706 color: #377d87; 1706 color: #377d87;
1707 text-decoration: underline; 1707 text-decoration: underline;
1708 } 1708 }
1709 .checkbox-empty { 1709 .checkbox-empty {
1710 display: -webkit-box; 1710 display: -webkit-box;
1711 display: -ms-flexbox; 1711 display: -ms-flexbox;
1712 display: flex; 1712 display: flex;
1713 -webkit-box-orient: vertical; 1713 -webkit-box-orient: vertical;
1714 -webkit-box-direction: normal; 1714 -webkit-box-direction: normal;
1715 -ms-flex-direction: column; 1715 -ms-flex-direction: column;
1716 flex-direction: column; 1716 flex-direction: column;
1717 -webkit-box-align: center; 1717 -webkit-box-align: center;
1718 -ms-flex-align: center; 1718 -ms-flex-align: center;
1719 align-items: center; 1719 align-items: center;
1720 } 1720 }
1721 .checkbox-empty .checkbox { 1721 .checkbox-empty .checkbox {
1722 width: 20px; 1722 width: 20px;
1723 } 1723 }
1724 1724
1725 .file { 1725 .file {
1726 display: -webkit-box; 1726 display: -webkit-box;
1727 display: -ms-flexbox; 1727 display: -ms-flexbox;
1728 display: flex; 1728 display: flex;
1729 -webkit-box-orient: vertical; 1729 -webkit-box-orient: vertical;
1730 -webkit-box-direction: normal; 1730 -webkit-box-direction: normal;
1731 -ms-flex-direction: column; 1731 -ms-flex-direction: column;
1732 flex-direction: column; 1732 flex-direction: column;
1733 } 1733 }
1734 .file__input input { 1734 .file__input input {
1735 display: none; 1735 display: none;
1736 } 1736 }
1737 .file__list { 1737 .file__list {
1738 display: -webkit-box; 1738 display: -webkit-box;
1739 display: -ms-flexbox; 1739 display: -ms-flexbox;
1740 display: flex; 1740 display: flex;
1741 -webkit-box-orient: vertical; 1741 -webkit-box-orient: vertical;
1742 -webkit-box-direction: normal; 1742 -webkit-box-direction: normal;
1743 -ms-flex-direction: column; 1743 -ms-flex-direction: column;
1744 flex-direction: column; 1744 flex-direction: column;
1745 } 1745 }
1746 .file__list-item { 1746 .file__list-item {
1747 display: -webkit-box; 1747 display: -webkit-box;
1748 display: -ms-flexbox; 1748 display: -ms-flexbox;
1749 display: flex; 1749 display: flex;
1750 -webkit-box-align: start; 1750 -webkit-box-align: start;
1751 -ms-flex-align: start; 1751 -ms-flex-align: start;
1752 align-items: flex-start; 1752 align-items: flex-start;
1753 margin-top: 16px; 1753 margin-top: 16px;
1754 } 1754 }
1755 .file__list-item-left { 1755 .file__list-item-left {
1756 width: calc(100% - 16px); 1756 width: calc(100% - 16px);
1757 min-height: 16px; 1757 min-height: 16px;
1758 color: #9c9d9d; 1758 color: #9c9d9d;
1759 font-size: 12px; 1759 font-size: 12px;
1760 display: -webkit-box; 1760 display: -webkit-box;
1761 display: -ms-flexbox; 1761 display: -ms-flexbox;
1762 display: flex; 1762 display: flex;
1763 -webkit-box-align: start; 1763 -webkit-box-align: start;
1764 -ms-flex-align: start; 1764 -ms-flex-align: start;
1765 align-items: flex-start; 1765 align-items: flex-start;
1766 } 1766 }
1767 @media (min-width: 768px) { 1767 @media (min-width: 768px) {
1768 .file__list-item-left { 1768 .file__list-item-left {
1769 width: auto; 1769 width: auto;
1770 max-width: calc(100% - 16px); 1770 max-width: calc(100% - 16px);
1771 font-size: 16px; 1771 font-size: 16px;
1772 } 1772 }
1773 } 1773 }
1774 .file__list-item-left svg { 1774 .file__list-item-left svg {
1775 width: 16px; 1775 width: 16px;
1776 height: 16px; 1776 height: 16px;
1777 } 1777 }
1778 .file__list-item-left span { 1778 .file__list-item-left span {
1779 width: calc(100% - 16px); 1779 width: calc(100% - 16px);
1780 min-height: 16px; 1780 min-height: 16px;
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-align: center; 1784 -webkit-box-align: center;
1785 -ms-flex-align: center; 1785 -ms-flex-align: center;
1786 align-items: center; 1786 align-items: center;
1787 padding: 0 8px; 1787 padding: 0 8px;
1788 } 1788 }
1789 .file__list-item-right { 1789 .file__list-item-right {
1790 display: -webkit-box; 1790 display: -webkit-box;
1791 display: -ms-flexbox; 1791 display: -ms-flexbox;
1792 display: flex; 1792 display: flex;
1793 -webkit-box-pack: center; 1793 -webkit-box-pack: center;
1794 -ms-flex-pack: center; 1794 -ms-flex-pack: center;
1795 justify-content: center; 1795 justify-content: center;
1796 -webkit-box-align: center; 1796 -webkit-box-align: center;
1797 -ms-flex-align: center; 1797 -ms-flex-align: center;
1798 align-items: center; 1798 align-items: center;
1799 padding: 0; 1799 padding: 0;
1800 background: none; 1800 background: none;
1801 border: none; 1801 border: none;
1802 width: 16px; 1802 width: 16px;
1803 height: 16px; 1803 height: 16px;
1804 color: #377d87; 1804 color: #377d87;
1805 } 1805 }
1806 .file__list-item-right:hover { 1806 .file__list-item-right:hover {
1807 color: #000; 1807 color: #000;
1808 } 1808 }
1809 .file__list-item-right svg { 1809 .file__list-item-right svg {
1810 width: 10px; 1810 width: 10px;
1811 height: 10px; 1811 height: 10px;
1812 } 1812 }
1813 .file__list-item + .file__list-item { 1813 .file__list-item + .file__list-item {
1814 margin-top: 10px; 1814 margin-top: 10px;
1815 } 1815 }
1816 1816
1817 .toggle { 1817 .toggle {
1818 display: -webkit-box; 1818 display: -webkit-box;
1819 display: -ms-flexbox; 1819 display: -ms-flexbox;
1820 display: flex; 1820 display: flex;
1821 gap: 12px; 1821 gap: 12px;
1822 position: relative; 1822 position: relative;
1823 cursor: pointer; 1823 cursor: pointer;
1824 -webkit-user-select: none; 1824 -webkit-user-select: none;
1825 -moz-user-select: none; 1825 -moz-user-select: none;
1826 -ms-user-select: none; 1826 -ms-user-select: none;
1827 user-select: none; 1827 user-select: none;
1828 } 1828 }
1829 .toggle__input { 1829 .toggle__input {
1830 position: absolute; 1830 position: absolute;
1831 width: 1px; 1831 width: 1px;
1832 height: 1px; 1832 height: 1px;
1833 overflow: hidden; 1833 overflow: hidden;
1834 clip: rect(0 0 0 0); 1834 clip: rect(0 0 0 0);
1835 } 1835 }
1836 .toggle__input:checked + .toggle__icon { 1836 .toggle__input:checked + .toggle__icon {
1837 background: #377d87; 1837 background: #377d87;
1838 } 1838 }
1839 .toggle__input:checked + .toggle__icon:before { 1839 .toggle__input:checked + .toggle__icon:before {
1840 left: 18px; 1840 left: 18px;
1841 } 1841 }
1842 .toggle__input:checked:disabled + .toggle__icon { 1842 .toggle__input:checked:disabled + .toggle__icon {
1843 background: #9BBEC3; 1843 background: #9BBEC3;
1844 } 1844 }
1845 .toggle__input:checked ~ .toggle__text:nth-child(3) { 1845 .toggle__input:checked ~ .toggle__text:nth-child(3) {
1846 display: none; 1846 display: none;
1847 } 1847 }
1848 .toggle__input:checked ~ .toggle__text:nth-child(4) { 1848 .toggle__input:checked ~ .toggle__text:nth-child(4) {
1849 display: block; 1849 display: block;
1850 } 1850 }
1851 .toggle__icon { 1851 .toggle__icon {
1852 display: block; 1852 display: block;
1853 position: relative; 1853 position: relative;
1854 width: 36px; 1854 width: 36px;
1855 height: 20px; 1855 height: 20px;
1856 border-radius: 999px; 1856 border-radius: 999px;
1857 background: #c3c7d9; 1857 background: #c3c7d9;
1858 -webkit-transition: 0.3s; 1858 -webkit-transition: 0.3s;
1859 transition: 0.3s; 1859 transition: 0.3s;
1860 } 1860 }
1861 .toggle__icon:before { 1861 .toggle__icon:before {
1862 content: ""; 1862 content: "";
1863 -webkit-transition: 0.3s; 1863 -webkit-transition: 0.3s;
1864 transition: 0.3s; 1864 transition: 0.3s;
1865 position: absolute; 1865 position: absolute;
1866 top: 50%; 1866 top: 50%;
1867 left: 2px; 1867 left: 2px;
1868 width: 16px; 1868 width: 16px;
1869 aspect-ratio: 1/1; 1869 aspect-ratio: 1/1;
1870 border-radius: 999px; 1870 border-radius: 999px;
1871 background: #fff; 1871 background: #fff;
1872 -webkit-transform: translate(0, -50%); 1872 -webkit-transform: translate(0, -50%);
1873 -ms-transform: translate(0, -50%); 1873 -ms-transform: translate(0, -50%);
1874 transform: translate(0, -50%); 1874 transform: translate(0, -50%);
1875 } 1875 }
1876 .toggle__input:checked + .toggle__icon { 1876 .toggle__input:checked + .toggle__icon {
1877 background: #377d87; 1877 background: #377d87;
1878 } 1878 }
1879 .toggle__text { 1879 .toggle__text {
1880 font-size: 14px; 1880 font-size: 14px;
1881 line-height: 20px; 1881 line-height: 20px;
1882 } 1882 }
1883 @media (min-width: 768px) { 1883 @media (min-width: 768px) {
1884 .toggle__text { 1884 .toggle__text {
1885 font-size: 16px; 1885 font-size: 16px;
1886 } 1886 }
1887 } 1887 }
1888 .toggle__text:nth-child(4) { 1888 .toggle__text:nth-child(4) {
1889 display: none; 1889 display: none;
1890 } 1890 }
1891 1891
1892 .rate { 1892 .rate {
1893 display: -webkit-box; 1893 display: -webkit-box;
1894 display: -ms-flexbox; 1894 display: -ms-flexbox;
1895 display: flex; 1895 display: flex;
1896 -webkit-box-align: center; 1896 -webkit-box-align: center;
1897 -ms-flex-align: center; 1897 -ms-flex-align: center;
1898 align-items: center; 1898 align-items: center;
1899 gap: 10px; 1899 gap: 10px;
1900 } 1900 }
1901 @media (min-width: 768px) { 1901 @media (min-width: 768px) {
1902 .rate { 1902 .rate {
1903 gap: 20px; 1903 gap: 20px;
1904 } 1904 }
1905 } 1905 }
1906 .rate__label { 1906 .rate__label {
1907 font-size: 12px; 1907 font-size: 12px;
1908 font-weight: 700; 1908 font-weight: 700;
1909 line-height: 1; 1909 line-height: 1;
1910 } 1910 }
1911 @media (min-width: 768px) { 1911 @media (min-width: 768px) {
1912 .rate__label { 1912 .rate__label {
1913 font-size: 18px; 1913 font-size: 18px;
1914 } 1914 }
1915 } 1915 }
1916 .rate__stars { 1916 .rate__stars {
1917 display: -webkit-box; 1917 display: -webkit-box;
1918 display: -ms-flexbox; 1918 display: -ms-flexbox;
1919 display: flex; 1919 display: flex;
1920 -webkit-box-orient: vertical; 1920 -webkit-box-orient: vertical;
1921 -webkit-box-direction: normal; 1921 -webkit-box-direction: normal;
1922 -ms-flex-direction: column; 1922 -ms-flex-direction: column;
1923 flex-direction: column; 1923 flex-direction: column;
1924 } 1924 }
1925 1925
1926 .back { 1926 .back {
1927 display: -webkit-box; 1927 display: -webkit-box;
1928 display: -ms-flexbox; 1928 display: -ms-flexbox;
1929 display: flex; 1929 display: flex;
1930 -webkit-box-align: center; 1930 -webkit-box-align: center;
1931 -ms-flex-align: center; 1931 -ms-flex-align: center;
1932 align-items: center; 1932 align-items: center;
1933 font-size: 14px; 1933 font-size: 14px;
1934 color: #377d87; 1934 color: #377d87;
1935 font-weight: 700; 1935 font-weight: 700;
1936 } 1936 }
1937 @media (min-width: 768px) { 1937 @media (min-width: 768px) {
1938 .back { 1938 .back {
1939 font-size: 18px; 1939 font-size: 18px;
1940 } 1940 }
1941 } 1941 }
1942 .back:hover { 1942 .back:hover {
1943 color: #4d88d9; 1943 color: #4d88d9;
1944 } 1944 }
1945 .back svg { 1945 .back svg {
1946 width: 16px; 1946 width: 16px;
1947 height: 16px; 1947 height: 16px;
1948 } 1948 }
1949 @media (min-width: 768px) { 1949 @media (min-width: 768px) {
1950 .back svg { 1950 .back svg {
1951 width: 26px; 1951 width: 26px;
1952 height: 26px; 1952 height: 26px;
1953 } 1953 }
1954 } 1954 }
1955 .back span { 1955 .back span {
1956 width: calc(100% - 16px); 1956 width: calc(100% - 16px);
1957 padding-left: 10px; 1957 padding-left: 10px;
1958 } 1958 }
1959 @media (min-width: 768px) { 1959 @media (min-width: 768px) {
1960 .back span { 1960 .back span {
1961 width: calc(100% - 26px); 1961 width: calc(100% - 26px);
1962 padding-left: 20px; 1962 padding-left: 20px;
1963 } 1963 }
1964 } 1964 }
1965 1965
1966 .callback { 1966 .callback {
1967 display: -webkit-box; 1967 display: -webkit-box;
1968 display: -ms-flexbox; 1968 display: -ms-flexbox;
1969 display: flex; 1969 display: flex;
1970 -webkit-box-orient: vertical; 1970 -webkit-box-orient: vertical;
1971 -webkit-box-direction: normal; 1971 -webkit-box-direction: normal;
1972 -ms-flex-direction: column; 1972 -ms-flex-direction: column;
1973 flex-direction: column; 1973 flex-direction: column;
1974 gap: 16px; 1974 gap: 16px;
1975 } 1975 }
1976 @media (min-width: 992px) { 1976 @media (min-width: 992px) {
1977 .callback { 1977 .callback {
1978 -webkit-box-orient: horizontal; 1978 -webkit-box-orient: horizontal;
1979 -webkit-box-direction: normal; 1979 -webkit-box-direction: normal;
1980 -ms-flex-direction: row; 1980 -ms-flex-direction: row;
1981 flex-direction: row; 1981 flex-direction: row;
1982 -webkit-box-pack: justify; 1982 -webkit-box-pack: justify;
1983 -ms-flex-pack: justify; 1983 -ms-flex-pack: justify;
1984 justify-content: space-between; 1984 justify-content: space-between;
1985 -ms-flex-wrap: wrap; 1985 -ms-flex-wrap: wrap;
1986 flex-wrap: wrap; 1986 flex-wrap: wrap;
1987 gap: 20px 0; 1987 gap: 20px 0;
1988 } 1988 }
1989 } 1989 }
1990 .callback__body { 1990 .callback__body {
1991 display: -webkit-box; 1991 display: -webkit-box;
1992 display: -ms-flexbox; 1992 display: -ms-flexbox;
1993 display: flex; 1993 display: flex;
1994 -webkit-box-orient: vertical; 1994 -webkit-box-orient: vertical;
1995 -webkit-box-direction: normal; 1995 -webkit-box-direction: normal;
1996 -ms-flex-direction: column; 1996 -ms-flex-direction: column;
1997 flex-direction: column; 1997 flex-direction: column;
1998 gap: 16px; 1998 gap: 16px;
1999 } 1999 }
2000 @media (min-width: 992px) { 2000 @media (min-width: 992px) {
2001 .callback__body { 2001 .callback__body {
2002 width: calc(50% - 10px); 2002 width: calc(50% - 10px);
2003 gap: 10px; 2003 gap: 10px;
2004 } 2004 }
2005 } 2005 }
2006 @media (min-width: 992px) { 2006 @media (min-width: 992px) {
2007 .callback__textarea { 2007 .callback__textarea {
2008 width: calc(50% - 10px); 2008 width: calc(50% - 10px);
2009 height: auto; 2009 height: auto;
2010 } 2010 }
2011 } 2011 }
2012 .callback__bottom { 2012 .callback__bottom {
2013 display: -webkit-box; 2013 display: -webkit-box;
2014 display: -ms-flexbox; 2014 display: -ms-flexbox;
2015 display: flex; 2015 display: flex;
2016 -webkit-box-orient: vertical; 2016 -webkit-box-orient: vertical;
2017 -webkit-box-direction: normal; 2017 -webkit-box-direction: normal;
2018 -ms-flex-direction: column; 2018 -ms-flex-direction: column;
2019 flex-direction: column; 2019 flex-direction: column;
2020 gap: 16px; 2020 gap: 16px;
2021 } 2021 }
2022 @media (min-width: 768px) { 2022 @media (min-width: 768px) {
2023 .callback__bottom { 2023 .callback__bottom {
2024 -webkit-box-align: start; 2024 -webkit-box-align: start;
2025 -ms-flex-align: start; 2025 -ms-flex-align: start;
2026 align-items: flex-start; 2026 align-items: flex-start;
2027 } 2027 }
2028 } 2028 }
2029 @media (min-width: 992px) { 2029 @media (min-width: 992px) {
2030 .callback__bottom { 2030 .callback__bottom {
2031 width: 100%; 2031 width: 100%;
2032 gap: 20px; 2032 gap: 20px;
2033 } 2033 }
2034 } 2034 }
2035 2035
2036 .error .input, 2036 .error .input,
2037 .error .textarea { 2037 .error .textarea {
2038 border-color: #eb5757; 2038 border-color: #eb5757;
2039 } 2039 }
2040 .error label { 2040 .error label {
2041 display: block; 2041 display: block;
2042 } 2042 }
2043 2043
2044 .eye { 2044 .eye {
2045 position: absolute; 2045 position: absolute;
2046 z-index: 2; 2046 z-index: 2;
2047 top: 50%; 2047 top: 50%;
2048 -webkit-transform: translate(0, -50%); 2048 -webkit-transform: translate(0, -50%);
2049 -ms-transform: translate(0, -50%); 2049 -ms-transform: translate(0, -50%);
2050 transform: translate(0, -50%); 2050 transform: translate(0, -50%);
2051 right: 10px; 2051 right: 10px;
2052 aspect-ratio: 1/1; 2052 aspect-ratio: 1/1;
2053 width: 16px; 2053 width: 16px;
2054 padding: 0; 2054 padding: 0;
2055 border: none; 2055 border: none;
2056 background: none; 2056 background: none;
2057 color: #9c9d9d; 2057 color: #9c9d9d;
2058 } 2058 }
2059 @media (min-width: 768px) { 2059 @media (min-width: 768px) {
2060 .eye { 2060 .eye {
2061 width: 24px; 2061 width: 24px;
2062 right: 20px; 2062 right: 20px;
2063 } 2063 }
2064 } 2064 }
2065 .eye svg { 2065 .eye svg {
2066 position: absolute; 2066 position: absolute;
2067 top: 0; 2067 top: 0;
2068 left: 0; 2068 left: 0;
2069 width: 100%; 2069 width: 100%;
2070 height: 100%; 2070 height: 100%;
2071 } 2071 }
2072 .eye svg + svg { 2072 .eye svg + svg {
2073 display: none; 2073 display: none;
2074 } 2074 }
2075 .eye.active { 2075 .eye.active {
2076 color: #377d87; 2076 color: #377d87;
2077 } 2077 }
2078 .eye.active svg { 2078 .eye.active svg {
2079 display: none; 2079 display: none;
2080 } 2080 }
2081 .eye.active svg + svg { 2081 .eye.active svg + svg {
2082 display: block; 2082 display: block;
2083 } 2083 }
2084 2084
2085 .del { 2085 .del {
2086 width: 32px; 2086 width: 32px;
2087 aspect-ratio: 1/1; 2087 aspect-ratio: 1/1;
2088 background: #377d87; 2088 background: #377d87;
2089 color: #fff; 2089 color: #fff;
2090 display: -webkit-box; 2090 display: -webkit-box;
2091 display: -ms-flexbox; 2091 display: -ms-flexbox;
2092 display: flex; 2092 display: flex;
2093 -webkit-box-pack: center; 2093 -webkit-box-pack: center;
2094 -ms-flex-pack: center; 2094 -ms-flex-pack: center;
2095 justify-content: center; 2095 justify-content: center;
2096 -webkit-box-align: center; 2096 -webkit-box-align: center;
2097 -ms-flex-align: center; 2097 -ms-flex-align: center;
2098 align-items: center; 2098 align-items: center;
2099 border-radius: 8px; 2099 border-radius: 8px;
2100 padding: 0; 2100 padding: 0;
2101 border: 1px solid #377d87; 2101 border: 1px solid #377d87;
2102 } 2102 }
2103 .del:hover { 2103 .del:hover {
2104 background: #fff; 2104 background: #fff;
2105 color: #377d87; 2105 color: #377d87;
2106 } 2106 }
2107 .del svg { 2107 .del svg {
2108 width: 50%; 2108 width: 50%;
2109 aspect-ratio: 1/1; 2109 aspect-ratio: 1/1;
2110 } 2110 }
2111 2111
2112 .notify { 2112 .notify {
2113 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 2113 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
2114 padding: 6px 12px; 2114 padding: 6px 12px;
2115 border-radius: 8px; 2115 border-radius: 8px;
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: start; 2119 -webkit-box-align: start;
2120 -ms-flex-align: start; 2120 -ms-flex-align: start;
2121 align-items: flex-start; 2121 align-items: flex-start;
2122 } 2122 }
2123 @media (min-width: 768px) { 2123 @media (min-width: 768px) {
2124 .notify { 2124 .notify {
2125 padding: 12px 20px; 2125 padding: 12px 20px;
2126 } 2126 }
2127 } 2127 }
2128 .notify_red { 2128 .notify_red {
2129 background: #f9cdcd; 2129 background: #f9cdcd;
2130 } 2130 }
2131 .notify svg { 2131 .notify svg {
2132 color: #4d88d9; 2132 color: #4d88d9;
2133 width: 20px; 2133 width: 20px;
2134 aspect-ratio: 1/1; 2134 aspect-ratio: 1/1;
2135 } 2135 }
2136 .notify span { 2136 .notify span {
2137 font-size: 12px; 2137 font-size: 12px;
2138 padding-left: 10px; 2138 padding-left: 10px;
2139 min-height: 20px; 2139 min-height: 20px;
2140 display: -webkit-box; 2140 display: -webkit-box;
2141 display: -ms-flexbox; 2141 display: -ms-flexbox;
2142 display: flex; 2142 display: flex;
2143 -webkit-box-align: center; 2143 -webkit-box-align: center;
2144 -ms-flex-align: center; 2144 -ms-flex-align: center;
2145 align-items: center; 2145 align-items: center;
2146 } 2146 }
2147 @media (min-width: 768px) { 2147 @media (min-width: 768px) {
2148 .notify span { 2148 .notify span {
2149 font-size: 16px; 2149 font-size: 16px;
2150 } 2150 }
2151 } 2151 }
2152 2152
2153 .table { 2153 .table {
2154 margin: 0 -10px; 2154 margin: 0 -10px;
2155 display: -webkit-box; 2155 display: -webkit-box;
2156 display: -ms-flexbox; 2156 display: -ms-flexbox;
2157 display: flex; 2157 display: flex;
2158 -webkit-box-orient: vertical; 2158 -webkit-box-orient: vertical;
2159 -webkit-box-direction: reverse; 2159 -webkit-box-direction: reverse;
2160 -ms-flex-direction: column-reverse; 2160 -ms-flex-direction: column-reverse;
2161 flex-direction: column-reverse; 2161 flex-direction: column-reverse;
2162 -webkit-box-align: center; 2162 -webkit-box-align: center;
2163 -ms-flex-align: center; 2163 -ms-flex-align: center;
2164 align-items: center; 2164 align-items: center;
2165 gap: 20px; 2165 gap: 20px;
2166 } 2166 }
2167 @media (min-width: 768px) { 2167 @media (min-width: 768px) {
2168 .table { 2168 .table {
2169 margin: 0; 2169 margin: 0;
2170 gap: 30px; 2170 gap: 30px;
2171 } 2171 }
2172 } 2172 }
2173 .table__button { 2173 .table__button {
2174 display: none; 2174 display: none;
2175 } 2175 }
2176 .table_spoiler .table__button { 2176 .table_spoiler .table__button {
2177 display: -webkit-box; 2177 display: -webkit-box;
2178 display: -ms-flexbox; 2178 display: -ms-flexbox;
2179 display: flex; 2179 display: flex;
2180 } 2180 }
2181 .table__scroll { 2181 .table__scroll {
2182 overflow: hidden; 2182 overflow: hidden;
2183 overflow-x: auto; 2183 overflow-x: auto;
2184 padding: 0 10px; 2184 padding: 0 10px;
2185 width: 100%; 2185 width: 100%;
2186 } 2186 }
2187 @media (min-width: 768px) { 2187 @media (min-width: 768px) {
2188 .table__scroll { 2188 .table__scroll {
2189 padding: 0; 2189 padding: 0;
2190 } 2190 }
2191 } 2191 }
2192 .table__body { 2192 .table__body {
2193 border-radius: 8px; 2193 border-radius: 8px;
2194 overflow: hidden; 2194 overflow: hidden;
2195 } 2195 }
2196 .table__body_min-width { 2196 .table__body_min-width {
2197 min-width: 580px; 2197 min-width: 580px;
2198 } 2198 }
2199 .table table { 2199 .table table {
2200 border-collapse: collapse; 2200 border-collapse: collapse;
2201 width: 100%; 2201 width: 100%;
2202 font-size: 12px; 2202 font-size: 12px;
2203 border-radius: 8px; 2203 border-radius: 8px;
2204 } 2204 }
2205 @media (min-width: 768px) { 2205 @media (min-width: 768px) {
2206 .table table { 2206 .table table {
2207 font-size: 14px; 2207 font-size: 14px;
2208 } 2208 }
2209 } 2209 }
2210 @media (min-width: 1280px) { 2210 @media (min-width: 1280px) {
2211 .table table { 2211 .table table {
2212 font-size: 16px; 2212 font-size: 16px;
2213 } 2213 }
2214 } 2214 }
2215 .table thead tr th, 2215 .table thead tr th,
2216 .table thead tr td { 2216 .table thead tr td {
2217 background: #377d87; 2217 background: #377d87;
2218 color: #fff; 2218 color: #fff;
2219 font-weight: 700; 2219 font-weight: 700;
2220 border-top-color: #377d87; 2220 border-top-color: #377d87;
2221 } 2221 }
2222 .table thead tr th:first-child, 2222 .table thead tr th:first-child,
2223 .table thead tr td:first-child { 2223 .table thead tr td:first-child {
2224 border-left-color: #377d87; 2224 border-left-color: #377d87;
2225 } 2225 }
2226 .table thead tr th:last-child, 2226 .table thead tr th:last-child,
2227 .table thead tr td:last-child { 2227 .table thead tr td:last-child {
2228 border-right-color: #377d87; 2228 border-right-color: #377d87;
2229 } 2229 }
2230 .table_spoiler tr { 2230 .table_spoiler tr {
2231 /*display: none;*/ 2231 /*display: none;*/
2232 } 2232 }
2233 .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) { 2233 .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) {
2234 display: table-row; 2234 display: table-row;
2235 } 2235 }
2236 .table_spoiler.active tr { 2236 .table_spoiler.active tr {
2237 display: table-row; 2237 display: table-row;
2238 } 2238 }
2239 .table th, 2239 .table th,
2240 .table td { 2240 .table td {
2241 text-align: left; 2241 text-align: left;
2242 padding: 10px; 2242 padding: 10px;
2243 border: 1px solid #cecece; 2243 border: 1px solid #cecece;
2244 } 2244 }
2245 @media (min-width: 768px) { 2245 @media (min-width: 768px) {
2246 .table td { 2246 .table td {
2247 padding: 14px 10px; 2247 padding: 14px 10px;
2248 } 2248 }
2249 } 2249 }
2250 .table__status { 2250 .table__status {
2251 color: #9c9d9d; 2251 color: #9c9d9d;
2252 display: -webkit-box; 2252 display: -webkit-box;
2253 display: -ms-flexbox; 2253 display: -ms-flexbox;
2254 display: flex; 2254 display: flex;
2255 -webkit-box-align: center; 2255 -webkit-box-align: center;
2256 -ms-flex-align: center; 2256 -ms-flex-align: center;
2257 align-items: center; 2257 align-items: center;
2258 gap: 6px; 2258 gap: 6px;
2259 position: relative; 2259 position: relative;
2260 padding-left: 14px; 2260 padding-left: 14px;
2261 } 2261 }
2262 .table__status i { 2262 .table__status i {
2263 background: #9c9d9d; 2263 background: #9c9d9d;
2264 width: 8px; 2264 width: 8px;
2265 aspect-ratio: 1/1; 2265 aspect-ratio: 1/1;
2266 border-radius: 999px; 2266 border-radius: 999px;
2267 position: absolute; 2267 position: absolute;
2268 top: 4px; 2268 top: 4px;
2269 left: 0; 2269 left: 0;
2270 } 2270 }
2271 .table__status.green { 2271 .table__status.green {
2272 color: #377d87; 2272 color: #377d87;
2273 } 2273 }
2274 .table__status.green i { 2274 .table__status.green i {
2275 background: #377d87; 2275 background: #377d87;
2276 } 2276 }
2277 .table__link { 2277 .table__link {
2278 display: -webkit-box; 2278 display: -webkit-box;
2279 display: -ms-flexbox; 2279 display: -ms-flexbox;
2280 display: flex; 2280 display: flex;
2281 -webkit-box-align: center; 2281 -webkit-box-align: center;
2282 -ms-flex-align: center; 2282 -ms-flex-align: center;
2283 align-items: center; 2283 align-items: center;
2284 gap: 4px; 2284 gap: 4px;
2285 color: #4d88d9; 2285 color: #4d88d9;
2286 } 2286 }
2287 @media (min-width: 768px) { 2287 @media (min-width: 768px) {
2288 .table__link { 2288 .table__link {
2289 gap: 6px; 2289 gap: 6px;
2290 } 2290 }
2291 } 2291 }
2292 .table__link:hover { 2292 .table__link:hover {
2293 color: #000; 2293 color: #000;
2294 } 2294 }
2295 .table__link svg { 2295 .table__link svg {
2296 width: 12px; 2296 width: 12px;
2297 aspect-ratio: 1/1; 2297 aspect-ratio: 1/1;
2298 } 2298 }
2299 @media (min-width: 768px) { 2299 @media (min-width: 768px) {
2300 .table__link svg { 2300 .table__link svg {
2301 width: 16px; 2301 width: 16px;
2302 } 2302 }
2303 } 2303 }
2304 .table__controls { 2304 .table__controls {
2305 display: -webkit-box; 2305 display: -webkit-box;
2306 display: -ms-flexbox; 2306 display: -ms-flexbox;
2307 display: flex; 2307 display: flex;
2308 -webkit-box-align: center; 2308 -webkit-box-align: center;
2309 -ms-flex-align: center; 2309 -ms-flex-align: center;
2310 align-items: center; 2310 align-items: center;
2311 gap: 8px; 2311 gap: 8px;
2312 } 2312 }
2313 @media (min-width: 1280px) { 2313 @media (min-width: 1280px) {
2314 .table__controls { 2314 .table__controls {
2315 gap: 12px; 2315 gap: 12px;
2316 } 2316 }
2317 } 2317 }
2318 .table__controls-item { 2318 .table__controls-item {
2319 width: 24px; 2319 width: 24px;
2320 aspect-ratio: 1/1; 2320 aspect-ratio: 1/1;
2321 display: -webkit-box; 2321 display: -webkit-box;
2322 display: -ms-flexbox; 2322 display: -ms-flexbox;
2323 display: flex; 2323 display: flex;
2324 -webkit-box-pack: center; 2324 -webkit-box-pack: center;
2325 -ms-flex-pack: center; 2325 -ms-flex-pack: center;
2326 justify-content: center; 2326 justify-content: center;
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 border: 1px solid #377d87; 2330 border: 1px solid #377d87;
2331 border-radius: 8px; 2331 border-radius: 8px;
2332 color: #377d87; 2332 color: #377d87;
2333 background: none; 2333 background: none;
2334 padding: 0; 2334 padding: 0;
2335 } 2335 }
2336 @media (min-width: 1280px) { 2336 @media (min-width: 1280px) {
2337 .table__controls-item { 2337 .table__controls-item {
2338 width: 30px; 2338 width: 30px;
2339 } 2339 }
2340 } 2340 }
2341 .table__controls-item:hover { 2341 .table__controls-item:hover {
2342 background: #377d87; 2342 background: #377d87;
2343 color: #fff; 2343 color: #fff;
2344 } 2344 }
2345 .table__controls-item svg { 2345 .table__controls-item svg {
2346 width: 60%; 2346 width: 60%;
2347 aspect-ratio: 1/1; 2347 aspect-ratio: 1/1;
2348 } 2348 }
2349 .table__controls-item:nth-of-type(4) svg { 2349 .table__controls-item:nth-of-type(4) svg {
2350 width: 80%; 2350 width: 80%;
2351 } 2351 }
2352 2352
2353 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2353 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2354 display: none; 2354 display: none;
2355 } 2355 }
2356 .gl-star-rating--stars span { 2356 .gl-star-rating--stars span {
2357 width: 22px !important; 2357 width: 22px !important;
2358 height: 22px !important; 2358 height: 22px !important;
2359 background-size: 22px 22px !important; 2359 background-size: 22px 22px !important;
2360 } 2360 }
2361 @media (min-width: 768px) { 2361 @media (min-width: 768px) {
2362 .gl-star-rating--stars span { 2362 .gl-star-rating--stars span {
2363 width: 30px !important; 2363 width: 30px !important;
2364 height: 30px !important; 2364 height: 30px !important;
2365 background-size: 30px 30px !important; 2365 background-size: 30px 30px !important;
2366 } 2366 }
2367 } 2367 }
2368 2368
2369 .more { 2369 .more {
2370 display: -webkit-box; 2370 display: -webkit-box;
2371 display: -ms-flexbox; 2371 display: -ms-flexbox;
2372 display: flex; 2372 display: flex;
2373 -webkit-box-orient: vertical; 2373 -webkit-box-orient: vertical;
2374 -webkit-box-direction: normal; 2374 -webkit-box-direction: normal;
2375 -ms-flex-direction: column; 2375 -ms-flex-direction: column;
2376 flex-direction: column; 2376 flex-direction: column;
2377 -webkit-box-align: center; 2377 -webkit-box-align: center;
2378 -ms-flex-align: center; 2378 -ms-flex-align: center;
2379 align-items: center; 2379 align-items: center;
2380 } 2380 }
2381 .more_mt { 2381 .more_mt {
2382 margin-top: 20px; 2382 margin-top: 20px;
2383 } 2383 }
2384 .more .button { 2384 .more .button {
2385 min-width: 100px; 2385 min-width: 100px;
2386 padding: 0; 2386 padding: 0;
2387 } 2387 }
2388 @media (min-width: 768px) { 2388 @media (min-width: 768px) {
2389 .more .button { 2389 .more .button {
2390 min-width: 180px; 2390 min-width: 180px;
2391 } 2391 }
2392 } 2392 }
2393 2393
2394 .header { 2394 .header {
2395 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2395 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2396 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2396 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2397 background: #fff; 2397 background: #fff;
2398 position: relative; 2398 position: relative;
2399 z-index: 5; 2399 z-index: 5;
2400 overflow: hidden; 2400 overflow: hidden;
2401 } 2401 }
2402 @media (min-width: 768px) { 2402 @media (min-width: 768px) {
2403 .header { 2403 .header {
2404 -webkit-box-shadow: none; 2404 -webkit-box-shadow: none;
2405 box-shadow: none; 2405 box-shadow: none;
2406 } 2406 }
2407 } 2407 }
2408 .header__body { 2408 .header__body {
2409 height: 42px; 2409 height: 42px;
2410 display: -webkit-box; 2410 display: -webkit-box;
2411 display: -ms-flexbox; 2411 display: -ms-flexbox;
2412 display: flex; 2412 display: flex;
2413 -webkit-box-pack: justify; 2413 -webkit-box-pack: justify;
2414 -ms-flex-pack: justify; 2414 -ms-flex-pack: justify;
2415 justify-content: space-between; 2415 justify-content: space-between;
2416 -webkit-box-align: center; 2416 -webkit-box-align: center;
2417 -ms-flex-align: center; 2417 -ms-flex-align: center;
2418 align-items: center; 2418 align-items: center;
2419 } 2419 }
2420 @media (min-width: 768px) { 2420 @media (min-width: 768px) {
2421 .header__body { 2421 .header__body {
2422 height: 70px; 2422 height: 70px;
2423 } 2423 }
2424 } 2424 }
2425 .header__left { 2425 .header__left {
2426 display: -webkit-box; 2426 display: -webkit-box;
2427 display: -ms-flexbox; 2427 display: -ms-flexbox;
2428 display: flex; 2428 display: flex;
2429 -webkit-box-align: center; 2429 -webkit-box-align: center;
2430 -ms-flex-align: center; 2430 -ms-flex-align: center;
2431 align-items: center; 2431 align-items: center;
2432 gap: 40px; 2432 gap: 40px;
2433 } 2433 }
2434 .header__right { 2434 .header__right {
2435 display: -webkit-box; 2435 display: -webkit-box;
2436 display: -ms-flexbox; 2436 display: -ms-flexbox;
2437 display: flex; 2437 display: flex;
2438 -webkit-box-align: center; 2438 -webkit-box-align: center;
2439 -ms-flex-align: center; 2439 -ms-flex-align: center;
2440 align-items: center; 2440 align-items: center;
2441 gap: 14px; 2441 gap: 14px;
2442 } 2442 }
2443 @media (min-width: 768px) { 2443 @media (min-width: 768px) {
2444 .header__right { 2444 .header__right {
2445 gap: 20px; 2445 gap: 20px;
2446 } 2446 }
2447 } 2447 }
2448 .header__right-line { 2448 .header__right-line {
2449 width: 1px; 2449 width: 1px;
2450 height: 32px; 2450 height: 32px;
2451 background: #e6e7e7; 2451 background: #e6e7e7;
2452 border-radius: 999px; 2452 border-radius: 999px;
2453 } 2453 }
2454 @media (min-width: 992px) { 2454 @media (min-width: 992px) {
2455 .header__right-line { 2455 .header__right-line {
2456 display: none; 2456 display: none;
2457 } 2457 }
2458 } 2458 }
2459 .header__logo { 2459 .header__logo {
2460 display: -webkit-box; 2460 display: -webkit-box;
2461 display: -ms-flexbox; 2461 display: -ms-flexbox;
2462 display: flex; 2462 display: flex;
2463 -webkit-box-align: center; 2463 -webkit-box-align: center;
2464 -ms-flex-align: center; 2464 -ms-flex-align: center;
2465 align-items: center; 2465 align-items: center;
2466 -webkit-box-pack: center; 2466 -webkit-box-pack: center;
2467 -ms-flex-pack: center; 2467 -ms-flex-pack: center;
2468 justify-content: center; 2468 justify-content: center;
2469 color: #377d87; 2469 color: #377d87;
2470 } 2470 }
2471 .header__logo svg { 2471 .header__logo svg {
2472 width: 105px; 2472 width: 105px;
2473 height: 31px; 2473 height: 31px;
2474 } 2474 }
2475 @media (min-width: 768px) { 2475 @media (min-width: 768px) {
2476 .header__logo svg { 2476 .header__logo svg {
2477 width: 182px; 2477 width: 182px;
2478 height: 54px; 2478 height: 54px;
2479 } 2479 }
2480 } 2480 }
2481 .header__menu { 2481 .header__menu {
2482 display: none; 2482 display: none;
2483 } 2483 }
2484 .header.active-menu{ 2484 .header.active-menu{
2485 position: unset; 2485 position: unset;
2486 } 2486 }
2487 .header.active-menu .header__menu{ 2487 .header.active-menu .header__menu{
2488 position: absolute; 2488 position: absolute;
2489 display: flex; 2489 display: flex;
2490 flex-direction: column; 2490 flex-direction: column;
2491 z-index: 999; 2491 z-index: 999;
2492 top: 48px; 2492 top: 48px;
2493 background: #fff; 2493 background: #fff;
2494 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2494 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2495 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2495 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2496 left: 0; 2496 left: 0;
2497 border: 1px solid #e9e9e9; 2497 border: 1px solid #e9e9e9;
2498 width: 100%; 2498 width: 100%;
2499 } 2499 }
2500 @media (min-width: 768px) { 2500 @media (min-width: 768px) {
2501 .header__menu { 2501 .header__menu {
2502 display: -webkit-box; 2502 display: -webkit-box;
2503 display: -ms-flexbox; 2503 display: -ms-flexbox;
2504 display: flex; 2504 display: flex;
2505 } 2505 }
2506 } 2506 }
2507 .header__menu-item{ 2507 .header__menu-item{
2508 padding: 5px 10px; 2508 padding: 5px 10px;
2509 } 2509 }
2510 .header__menu-item:hover, .header__menu-item:active{ 2510 .header__menu-item:hover, .header__menu-item:active{
2511 border: 1px solid #cfcfcf; 2511 border: 1px solid #cfcfcf;
2512 } 2512 }
2513 .header__menu-item:hover { 2513 .header__menu-item:hover {
2514 color: #377d87; 2514 color: #377d87;
2515 } 2515 }
2516 .header__notifs { 2516 .header__notifs {
2517 display: -webkit-box; 2517 display: -webkit-box;
2518 display: -ms-flexbox; 2518 display: -ms-flexbox;
2519 display: flex; 2519 display: flex;
2520 -webkit-box-align: center; 2520 -webkit-box-align: center;
2521 -ms-flex-align: center; 2521 -ms-flex-align: center;
2522 align-items: center; 2522 align-items: center;
2523 -webkit-box-pack: center; 2523 -webkit-box-pack: center;
2524 -ms-flex-pack: center; 2524 -ms-flex-pack: center;
2525 justify-content: center; 2525 justify-content: center;
2526 color: #377d87; 2526 color: #377d87;
2527 padding: 0; 2527 padding: 0;
2528 border: none; 2528 border: none;
2529 background: none; 2529 background: none;
2530 width: 24px; 2530 width: 24px;
2531 height: 24px; 2531 height: 24px;
2532 } 2532 }
2533 @media (min-width: 992px) { 2533 @media (min-width: 992px) {
2534 .header__notifs { 2534 .header__notifs {
2535 width: auto; 2535 width: auto;
2536 height: auto; 2536 height: auto;
2537 color: #000; 2537 color: #000;
2538 line-height: 1.4; 2538 line-height: 1.4;
2539 } 2539 }
2540 } 2540 }
2541 @media (min-width: 992px) { 2541 @media (min-width: 992px) {
2542 .header__notifs:hover { 2542 .header__notifs:hover {
2543 color: #377d87; 2543 color: #377d87;
2544 } 2544 }
2545 } 2545 }
2546 .header__notifs svg { 2546 .header__notifs svg {
2547 width: 20px; 2547 width: 20px;
2548 height: 20px; 2548 height: 20px;
2549 } 2549 }
2550 @media (min-width: 992px) { 2550 @media (min-width: 992px) {
2551 .header__notifs svg { 2551 .header__notifs svg {
2552 display: none; 2552 display: none;
2553 } 2553 }
2554 } 2554 }
2555 .header__notifs span { 2555 .header__notifs span {
2556 display: none; 2556 display: none;
2557 } 2557 }
2558 @media (min-width: 992px) { 2558 @media (min-width: 992px) {
2559 .header__notifs span { 2559 .header__notifs span {
2560 display: inline; 2560 display: inline;
2561 } 2561 }
2562 } 2562 }
2563 .header__notifs_actived { 2563 .header__notifs_actived {
2564 position: relative; 2564 position: relative;
2565 } 2565 }
2566 @media (min-width: 992px) { 2566 @media (min-width: 992px) {
2567 .header__notifs_actived { 2567 .header__notifs_actived {
2568 padding-right: 12px; 2568 padding-right: 12px;
2569 } 2569 }
2570 } 2570 }
2571 .header__notifs_actived:after { 2571 .header__notifs_actived:after {
2572 content: ""; 2572 content: "";
2573 border: 1px solid #fff; 2573 border: 1px solid #fff;
2574 background: #377d87; 2574 background: #377d87;
2575 border-radius: 999px; 2575 border-radius: 999px;
2576 width: 10px; 2576 width: 10px;
2577 height: 10px; 2577 height: 10px;
2578 position: absolute; 2578 position: absolute;
2579 z-index: 1; 2579 z-index: 1;
2580 top: 0; 2580 top: 0;
2581 right: 0; 2581 right: 0;
2582 } 2582 }
2583 @media (min-width: 992px) { 2583 @media (min-width: 992px) {
2584 .header__notifs_actived:after { 2584 .header__notifs_actived:after {
2585 width: 8px; 2585 width: 8px;
2586 height: 8px; 2586 height: 8px;
2587 border: none; 2587 border: none;
2588 } 2588 }
2589 } 2589 }
2590 .header__burger { 2590 .header__burger {
2591 display: -webkit-box; 2591 display: -webkit-box;
2592 display: -ms-flexbox; 2592 display: -ms-flexbox;
2593 display: flex; 2593 display: flex;
2594 -webkit-box-align: center; 2594 -webkit-box-align: center;
2595 -ms-flex-align: center; 2595 -ms-flex-align: center;
2596 align-items: center; 2596 align-items: center;
2597 -webkit-box-pack: center; 2597 -webkit-box-pack: center;
2598 -ms-flex-pack: center; 2598 -ms-flex-pack: center;
2599 justify-content: center; 2599 justify-content: center;
2600 width: 24px; 2600 width: 24px;
2601 height: 24px; 2601 height: 24px;
2602 color: #377d87; 2602 color: #377d87;
2603 padding: 0; 2603 padding: 0;
2604 border: none; 2604 border: none;
2605 background: none; 2605 background: none;
2606 } 2606 }
2607 @media (min-width: 992px) { 2607 @media (min-width: 992px) {
2608 .header__burger { 2608 .header__burger {
2609 display: none; 2609 display: none;
2610 } 2610 }
2611 } 2611 }
2612 .header__burger svg { 2612 .header__burger svg {
2613 width: 20px; 2613 width: 20px;
2614 height: 20px; 2614 height: 20px;
2615 } 2615 }
2616 .header__burger svg + svg { 2616 .header__burger svg + svg {
2617 display: none; 2617 display: none;
2618 } 2618 }
2619 .header__sign { 2619 .header__sign {
2620 /*display: none;*/ 2620 /*display: none;*/
2621 } 2621 }
2622 @media (min-width: 992px) { 2622 @media (min-width: 992px) {
2623 .header__sign { 2623 .header__sign {
2624 display: -webkit-box; 2624 display: -webkit-box;
2625 display: -ms-flexbox; 2625 display: -ms-flexbox;
2626 display: flex; 2626 display: flex;
2627 } 2627 }
2628 } 2628 }
2629 2629
2630 .mob-menu { 2630 .mob-menu {
2631 display: none; 2631 display: none;
2632 position: fixed; 2632 position: fixed;
2633 bottom: 0; 2633 bottom: 0;
2634 left: 0; 2634 left: 0;
2635 width: 100vw; 2635 width: 100vw;
2636 height: calc(100vh - 42px); 2636 height: calc(100vh - 42px);
2637 z-index: 4; 2637 z-index: 4;
2638 background: #fff; 2638 background: #fff;
2639 overflow: hidden; 2639 overflow: hidden;
2640 overflow-y: auto; 2640 overflow-y: auto;
2641 padding: 50px 0; 2641 padding: 50px 0;
2642 } 2642 }
2643 .mob-menu__bottom { 2643 .mob-menu__bottom {
2644 display: -webkit-box; 2644 display: -webkit-box;
2645 display: -ms-flexbox; 2645 display: -ms-flexbox;
2646 display: flex; 2646 display: flex;
2647 -webkit-box-orient: vertical; 2647 -webkit-box-orient: vertical;
2648 -webkit-box-direction: normal; 2648 -webkit-box-direction: normal;
2649 -ms-flex-direction: column; 2649 -ms-flex-direction: column;
2650 flex-direction: column; 2650 flex-direction: column;
2651 -webkit-box-align: center; 2651 -webkit-box-align: center;
2652 -ms-flex-align: center; 2652 -ms-flex-align: center;
2653 align-items: center; 2653 align-items: center;
2654 margin-top: 80px; 2654 margin-top: 80px;
2655 } 2655 }
2656 .mob-menu__bottom .button { 2656 .mob-menu__bottom .button {
2657 min-width: 120px; 2657 min-width: 120px;
2658 } 2658 }
2659 .mob-menu__bottom-link { 2659 .mob-menu__bottom-link {
2660 text-decoration: underline; 2660 text-decoration: underline;
2661 margin-top: 50px; 2661 margin-top: 50px;
2662 } 2662 }
2663 .mob-menu__bottom-link:hover { 2663 .mob-menu__bottom-link:hover {
2664 color: #377d87; 2664 color: #377d87;
2665 } 2665 }
2666 .mob-menu__bottom-link + .mob-menu__bottom-link { 2666 .mob-menu__bottom-link + .mob-menu__bottom-link {
2667 margin-top: 10px; 2667 margin-top: 10px;
2668 } 2668 }
2669 .mob-menu__bottom .socials { 2669 .mob-menu__bottom .socials {
2670 margin-top: 35px; 2670 margin-top: 35px;
2671 } 2671 }
2672 .mob-menu .footer__mobile-menu { 2672 .mob-menu .footer__mobile-menu {
2673 opacity: 1; 2673 opacity: 1;
2674 height: auto; 2674 height: auto;
2675 overflow: visible; 2675 overflow: visible;
2676 } 2676 }
2677 .mob-menu .footer__mobile-menu-item button { 2677 .mob-menu .footer__mobile-menu-item button {
2678 -webkit-box-align: center; 2678 -webkit-box-align: center;
2679 -ms-flex-align: center; 2679 -ms-flex-align: center;
2680 align-items: center; 2680 align-items: center;
2681 } 2681 }
2682 .mob-menu .footer__mobile-menu-item div { 2682 .mob-menu .footer__mobile-menu-item div {
2683 font-size: 20px; 2683 font-size: 20px;
2684 } 2684 }
2685 .mob-menu .footer__mobile-contacts a { 2685 .mob-menu .footer__mobile-contacts a {
2686 font-size: 20px; 2686 font-size: 20px;
2687 font-weight: 700; 2687 font-weight: 700;
2688 color: #000; 2688 color: #000;
2689 text-decoration: none; 2689 text-decoration: none;
2690 } 2690 }
2691 .mob-menu .footer__mobile-contacts a:hover { 2691 .mob-menu .footer__mobile-contacts a:hover {
2692 color: #377d87; 2692 color: #377d87;
2693 } 2693 }
2694 .mob-menu .footer__mobile-menu-item button b, 2694 .mob-menu .footer__mobile-menu-item button b,
2695 .mob-menu .footer__mobile-contacts a { 2695 .mob-menu .footer__mobile-contacts a {
2696 font-size: 30px; 2696 font-size: 30px;
2697 } 2697 }
2698 2698
2699 .menu-is-actived { 2699 .menu-is-actived {
2700 overflow: hidden; 2700 overflow: hidden;
2701 } 2701 }
2702 @media (min-width: 992px) { 2702 @media (min-width: 992px) {
2703 .menu-is-actived { 2703 .menu-is-actived {
2704 overflow: auto; 2704 overflow: auto;
2705 } 2705 }
2706 } 2706 }
2707 .menu-is-actived .header__burger svg { 2707 .menu-is-actived .header__burger svg {
2708 display: none; 2708 display: none;
2709 } 2709 }
2710 .menu-is-actived .header__burger svg + svg { 2710 .menu-is-actived .header__burger svg + svg {
2711 display: block; 2711 display: block;
2712 } 2712 }
2713 .menu-is-actived .mob-menu { 2713 .menu-is-actived .mob-menu {
2714 display: block; 2714 display: block;
2715 } 2715 }
2716 @media (min-width: 992px) { 2716 @media (min-width: 992px) {
2717 .menu-is-actived .mob-menu { 2717 .menu-is-actived .mob-menu {
2718 display: none; 2718 display: none;
2719 } 2719 }
2720 } 2720 }
2721 2721
2722 .footer { 2722 .footer {
2723 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2723 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2724 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2724 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2725 background: #fff; 2725 background: #fff;
2726 position: relative; 2726 position: relative;
2727 z-index: 1; 2727 z-index: 1;
2728 overflow: hidden; 2728 overflow: hidden;
2729 } 2729 }
2730 .footer__mobile { 2730 .footer__mobile {
2731 display: -webkit-box; 2731 display: -webkit-box;
2732 display: -ms-flexbox; 2732 display: -ms-flexbox;
2733 display: flex; 2733 display: flex;
2734 -webkit-box-orient: vertical; 2734 -webkit-box-orient: vertical;
2735 -webkit-box-direction: normal; 2735 -webkit-box-direction: normal;
2736 -ms-flex-direction: column; 2736 -ms-flex-direction: column;
2737 flex-direction: column; 2737 flex-direction: column;
2738 padding: 25px 0 30px 0; 2738 padding: 25px 0 30px 0;
2739 } 2739 }
2740 @media (min-width: 768px) { 2740 @media (min-width: 768px) {
2741 .footer__mobile { 2741 .footer__mobile {
2742 padding: 30px 0; 2742 padding: 30px 0;
2743 } 2743 }
2744 } 2744 }
2745 @media (min-width: 992px) { 2745 @media (min-width: 992px) {
2746 .footer__mobile { 2746 .footer__mobile {
2747 display: none; 2747 display: none;
2748 } 2748 }
2749 } 2749 }
2750 .footer__mobile-toper { 2750 .footer__mobile-toper {
2751 display: -webkit-box; 2751 display: -webkit-box;
2752 display: -ms-flexbox; 2752 display: -ms-flexbox;
2753 display: flex; 2753 display: flex;
2754 -webkit-box-pack: justify; 2754 -webkit-box-pack: justify;
2755 -ms-flex-pack: justify; 2755 -ms-flex-pack: justify;
2756 justify-content: space-between; 2756 justify-content: space-between;
2757 -webkit-box-align: center; 2757 -webkit-box-align: center;
2758 -ms-flex-align: center; 2758 -ms-flex-align: center;
2759 align-items: center; 2759 align-items: center;
2760 padding: 0; 2760 padding: 0;
2761 border: none; 2761 border: none;
2762 background: none; 2762 background: none;
2763 } 2763 }
2764 .footer__mobile-toper a, 2764 .footer__mobile-toper a,
2765 .footer__mobile-toper b { 2765 .footer__mobile-toper b {
2766 display: -webkit-box; 2766 display: -webkit-box;
2767 display: -ms-flexbox; 2767 display: -ms-flexbox;
2768 display: flex; 2768 display: flex;
2769 -webkit-box-pack: center; 2769 -webkit-box-pack: center;
2770 -ms-flex-pack: center; 2770 -ms-flex-pack: center;
2771 justify-content: center; 2771 justify-content: center;
2772 -webkit-box-align: center; 2772 -webkit-box-align: center;
2773 -ms-flex-align: center; 2773 -ms-flex-align: center;
2774 align-items: center; 2774 align-items: center;
2775 color: #377d87; 2775 color: #377d87;
2776 } 2776 }
2777 .footer__mobile-toper a svg, 2777 .footer__mobile-toper a svg,
2778 .footer__mobile-toper b svg { 2778 .footer__mobile-toper b svg {
2779 width: 137px; 2779 width: 137px;
2780 height: 40px; 2780 height: 40px;
2781 } 2781 }
2782 .footer__mobile-toper span { 2782 .footer__mobile-toper span {
2783 width: 40px; 2783 width: 40px;
2784 height: 40px; 2784 height: 40px;
2785 display: -webkit-box; 2785 display: -webkit-box;
2786 display: -ms-flexbox; 2786 display: -ms-flexbox;
2787 display: flex; 2787 display: flex;
2788 -webkit-box-pack: center; 2788 -webkit-box-pack: center;
2789 -ms-flex-pack: center; 2789 -ms-flex-pack: center;
2790 justify-content: center; 2790 justify-content: center;
2791 -webkit-box-align: center; 2791 -webkit-box-align: center;
2792 -ms-flex-align: center; 2792 -ms-flex-align: center;
2793 align-items: center; 2793 align-items: center;
2794 background: #377d87; 2794 background: #377d87;
2795 color: #fff; 2795 color: #fff;
2796 border-radius: 999px; 2796 border-radius: 999px;
2797 } 2797 }
2798 .footer__mobile-toper span svg { 2798 .footer__mobile-toper span svg {
2799 width: 10px; 2799 width: 10px;
2800 height: 10px; 2800 height: 10px;
2801 -webkit-transition: 0.3s; 2801 -webkit-transition: 0.3s;
2802 transition: 0.3s; 2802 transition: 0.3s;
2803 } 2803 }
2804 .footer__mobile-toper.active span svg { 2804 .footer__mobile-toper.active span svg {
2805 -webkit-transform: rotate(180deg); 2805 -webkit-transform: rotate(180deg);
2806 -ms-transform: rotate(180deg); 2806 -ms-transform: rotate(180deg);
2807 transform: rotate(180deg); 2807 transform: rotate(180deg);
2808 } 2808 }
2809 .footer__mobile-menu { 2809 .footer__mobile-menu {
2810 height: 0; 2810 height: 0;
2811 opacity: 0; 2811 opacity: 0;
2812 overflow: hidden; 2812 overflow: hidden;
2813 -webkit-transition: 0.3s; 2813 -webkit-transition: 0.3s;
2814 transition: 0.3s; 2814 transition: 0.3s;
2815 display: -webkit-box; 2815 display: -webkit-box;
2816 display: -ms-flexbox; 2816 display: -ms-flexbox;
2817 display: flex; 2817 display: flex;
2818 -webkit-box-orient: vertical; 2818 -webkit-box-orient: vertical;
2819 -webkit-box-direction: normal; 2819 -webkit-box-direction: normal;
2820 -ms-flex-direction: column; 2820 -ms-flex-direction: column;
2821 flex-direction: column; 2821 flex-direction: column;
2822 gap: 30px; 2822 gap: 30px;
2823 } 2823 }
2824 @media (min-width: 768px) { 2824 @media (min-width: 768px) {
2825 .footer__mobile-menu { 2825 .footer__mobile-menu {
2826 display: grid; 2826 display: grid;
2827 grid-template-columns: 1fr 1fr; 2827 grid-template-columns: 1fr 1fr;
2828 gap: 100px; 2828 gap: 100px;
2829 } 2829 }
2830 } 2830 }
2831 .footer__mobile-menu-item { 2831 .footer__mobile-menu-item {
2832 display: -webkit-box; 2832 display: -webkit-box;
2833 display: -ms-flexbox; 2833 display: -ms-flexbox;
2834 display: flex; 2834 display: flex;
2835 -webkit-box-orient: vertical; 2835 -webkit-box-orient: vertical;
2836 -webkit-box-direction: normal; 2836 -webkit-box-direction: normal;
2837 -ms-flex-direction: column; 2837 -ms-flex-direction: column;
2838 flex-direction: column; 2838 flex-direction: column;
2839 } 2839 }
2840 .footer__mobile-menu-item button { 2840 .footer__mobile-menu-item button {
2841 display: -webkit-box; 2841 display: -webkit-box;
2842 display: -ms-flexbox; 2842 display: -ms-flexbox;
2843 display: flex; 2843 display: flex;
2844 -webkit-box-align: start; 2844 -webkit-box-align: start;
2845 -ms-flex-align: start; 2845 -ms-flex-align: start;
2846 align-items: flex-start; 2846 align-items: flex-start;
2847 padding: 0; 2847 padding: 0;
2848 border: none; 2848 border: none;
2849 background: none; 2849 background: none;
2850 } 2850 }
2851 .footer__mobile-menu-item button.active { 2851 .footer__mobile-menu-item button.active {
2852 color: #377d87; 2852 color: #377d87;
2853 } 2853 }
2854 .footer__mobile-menu-item button b { 2854 .footer__mobile-menu-item button b {
2855 width: calc(100% - 24px); 2855 width: calc(100% - 24px);
2856 padding-right: 12px; 2856 padding-right: 12px;
2857 min-height: 24px; 2857 min-height: 24px;
2858 display: -webkit-box; 2858 display: -webkit-box;
2859 display: -ms-flexbox; 2859 display: -ms-flexbox;
2860 display: flex; 2860 display: flex;
2861 -webkit-box-align: center; 2861 -webkit-box-align: center;
2862 -ms-flex-align: center; 2862 -ms-flex-align: center;
2863 align-items: center; 2863 align-items: center;
2864 font-size: 20px; 2864 font-size: 20px;
2865 font-weight: 700; 2865 font-weight: 700;
2866 } 2866 }
2867 .footer__mobile-menu-item button span { 2867 .footer__mobile-menu-item button span {
2868 width: 24px; 2868 width: 24px;
2869 height: 24px; 2869 height: 24px;
2870 display: -webkit-box; 2870 display: -webkit-box;
2871 display: -ms-flexbox; 2871 display: -ms-flexbox;
2872 display: flex; 2872 display: flex;
2873 -webkit-box-pack: center; 2873 -webkit-box-pack: center;
2874 -ms-flex-pack: center; 2874 -ms-flex-pack: center;
2875 justify-content: center; 2875 justify-content: center;
2876 -webkit-box-align: center; 2876 -webkit-box-align: center;
2877 -ms-flex-align: center; 2877 -ms-flex-align: center;
2878 align-items: center; 2878 align-items: center;
2879 padding: 0; 2879 padding: 0;
2880 border: none; 2880 border: none;
2881 background: none; 2881 background: none;
2882 } 2882 }
2883 .footer__mobile-menu-item button svg { 2883 .footer__mobile-menu-item button svg {
2884 width: 12px; 2884 width: 12px;
2885 height: 12px; 2885 height: 12px;
2886 -webkit-transition: 0.3s; 2886 -webkit-transition: 0.3s;
2887 transition: 0.3s; 2887 transition: 0.3s;
2888 -webkit-transform: rotate(180deg); 2888 -webkit-transform: rotate(180deg);
2889 -ms-transform: rotate(180deg); 2889 -ms-transform: rotate(180deg);
2890 transform: rotate(180deg); 2890 transform: rotate(180deg);
2891 } 2891 }
2892 .footer__mobile-menu-item button.active svg { 2892 .footer__mobile-menu-item button.active svg {
2893 -webkit-transform: rotate(0deg); 2893 -webkit-transform: rotate(0deg);
2894 -ms-transform: rotate(0deg); 2894 -ms-transform: rotate(0deg);
2895 transform: rotate(0deg); 2895 transform: rotate(0deg);
2896 } 2896 }
2897 .footer__mobile-menu-item div { 2897 .footer__mobile-menu-item div {
2898 height: 0; 2898 height: 0;
2899 opacity: 0; 2899 opacity: 0;
2900 overflow: hidden; 2900 overflow: hidden;
2901 -webkit-transition: 0.3s; 2901 -webkit-transition: 0.3s;
2902 transition: 0.3s; 2902 transition: 0.3s;
2903 display: -webkit-box; 2903 display: -webkit-box;
2904 display: -ms-flexbox; 2904 display: -ms-flexbox;
2905 display: flex; 2905 display: flex;
2906 -webkit-box-orient: vertical; 2906 -webkit-box-orient: vertical;
2907 -webkit-box-direction: normal; 2907 -webkit-box-direction: normal;
2908 -ms-flex-direction: column; 2908 -ms-flex-direction: column;
2909 flex-direction: column; 2909 flex-direction: column;
2910 gap: 15px; 2910 gap: 15px;
2911 } 2911 }
2912 .footer__mobile-menu-item div a:hover { 2912 .footer__mobile-menu-item div a:hover {
2913 color: #377d87; 2913 color: #377d87;
2914 } 2914 }
2915 .footer__mobile-menu-item .active + div { 2915 .footer__mobile-menu-item .active + div {
2916 opacity: 1; 2916 opacity: 1;
2917 height: auto; 2917 height: auto;
2918 overflow: visible; 2918 overflow: visible;
2919 padding-top: 15px; 2919 padding-top: 15px;
2920 } 2920 }
2921 .active + .footer__mobile-menu { 2921 .active + .footer__mobile-menu {
2922 opacity: 1; 2922 opacity: 1;
2923 height: auto; 2923 height: auto;
2924 overflow: visible; 2924 overflow: visible;
2925 padding-top: 35px; 2925 padding-top: 35px;
2926 } 2926 }
2927 .footer__mobile-contacts { 2927 .footer__mobile-contacts {
2928 display: -webkit-box; 2928 display: -webkit-box;
2929 display: -ms-flexbox; 2929 display: -ms-flexbox;
2930 display: flex; 2930 display: flex;
2931 -webkit-box-pack: justify; 2931 -webkit-box-pack: justify;
2932 -ms-flex-pack: justify; 2932 -ms-flex-pack: justify;
2933 justify-content: space-between; 2933 justify-content: space-between;
2934 -webkit-box-align: start; 2934 -webkit-box-align: start;
2935 -ms-flex-align: start; 2935 -ms-flex-align: start;
2936 align-items: flex-start; 2936 align-items: flex-start;
2937 -ms-flex-wrap: wrap; 2937 -ms-flex-wrap: wrap;
2938 flex-wrap: wrap; 2938 flex-wrap: wrap;
2939 margin-top: 30px; 2939 margin-top: 30px;
2940 } 2940 }
2941 .footer__mobile-contacts b { 2941 .footer__mobile-contacts b {
2942 font-size: 20px; 2942 font-size: 20px;
2943 font-weight: 700; 2943 font-weight: 700;
2944 width: 100%; 2944 width: 100%;
2945 margin-bottom: 20px; 2945 margin-bottom: 20px;
2946 } 2946 }
2947 .footer__mobile-contacts a { 2947 .footer__mobile-contacts a {
2948 color: #377d87; 2948 color: #377d87;
2949 text-decoration: underline; 2949 text-decoration: underline;
2950 } 2950 }
2951 .footer__mobile-contacts a + a { 2951 .footer__mobile-contacts a + a {
2952 color: #000; 2952 color: #000;
2953 } 2953 }
2954 .footer__mobile-bottom { 2954 .footer__mobile-bottom {
2955 display: -webkit-box; 2955 display: -webkit-box;
2956 display: -ms-flexbox; 2956 display: -ms-flexbox;
2957 display: flex; 2957 display: flex;
2958 -webkit-box-orient: vertical; 2958 -webkit-box-orient: vertical;
2959 -webkit-box-direction: normal; 2959 -webkit-box-direction: normal;
2960 -ms-flex-direction: column; 2960 -ms-flex-direction: column;
2961 flex-direction: column; 2961 flex-direction: column;
2962 -webkit-box-align: center; 2962 -webkit-box-align: center;
2963 -ms-flex-align: center; 2963 -ms-flex-align: center;
2964 align-items: center; 2964 align-items: center;
2965 text-align: center; 2965 text-align: center;
2966 gap: 20px; 2966 gap: 20px;
2967 margin-top: 100px; 2967 margin-top: 100px;
2968 } 2968 }
2969 .footer__mobile-links { 2969 .footer__mobile-links {
2970 display: -webkit-box; 2970 display: -webkit-box;
2971 display: -ms-flexbox; 2971 display: -ms-flexbox;
2972 display: flex; 2972 display: flex;
2973 -webkit-box-orient: vertical; 2973 -webkit-box-orient: vertical;
2974 -webkit-box-direction: normal; 2974 -webkit-box-direction: normal;
2975 -ms-flex-direction: column; 2975 -ms-flex-direction: column;
2976 flex-direction: column; 2976 flex-direction: column;
2977 -webkit-box-align: center; 2977 -webkit-box-align: center;
2978 -ms-flex-align: center; 2978 -ms-flex-align: center;
2979 align-items: center; 2979 align-items: center;
2980 gap: 10px; 2980 gap: 10px;
2981 } 2981 }
2982 .footer__mobile-links a:hover { 2982 .footer__mobile-links a:hover {
2983 color: #377d87; 2983 color: #377d87;
2984 } 2984 }
2985 .footer__mobile-links span { 2985 .footer__mobile-links span {
2986 width: 60px; 2986 width: 60px;
2987 height: 1px; 2987 height: 1px;
2988 background: #377d87; 2988 background: #377d87;
2989 } 2989 }
2990 .footer__main { 2990 .footer__main {
2991 display: none; 2991 display: none;
2992 padding: 55px 0 20px 0; 2992 padding: 55px 0 20px 0;
2993 -webkit-box-orient: vertical; 2993 -webkit-box-orient: vertical;
2994 -webkit-box-direction: normal; 2994 -webkit-box-direction: normal;
2995 -ms-flex-direction: column; 2995 -ms-flex-direction: column;
2996 flex-direction: column; 2996 flex-direction: column;
2997 gap: 70px; 2997 gap: 70px;
2998 } 2998 }
2999 @media (min-width: 992px) { 2999 @media (min-width: 992px) {
3000 .footer__main { 3000 .footer__main {
3001 display: -webkit-box; 3001 display: -webkit-box;
3002 display: -ms-flexbox; 3002 display: -ms-flexbox;
3003 display: flex; 3003 display: flex;
3004 } 3004 }
3005 } 3005 }
3006 .footer__main-body { 3006 .footer__main-body {
3007 display: -webkit-box; 3007 display: -webkit-box;
3008 display: -ms-flexbox; 3008 display: -ms-flexbox;
3009 display: flex; 3009 display: flex;
3010 -webkit-box-pack: justify; 3010 -webkit-box-pack: justify;
3011 -ms-flex-pack: justify; 3011 -ms-flex-pack: justify;
3012 justify-content: space-between; 3012 justify-content: space-between;
3013 -webkit-box-align: start; 3013 -webkit-box-align: start;
3014 -ms-flex-align: start; 3014 -ms-flex-align: start;
3015 align-items: flex-start; 3015 align-items: flex-start;
3016 } 3016 }
3017 .footer__main-logo { 3017 .footer__main-logo {
3018 display: -webkit-box; 3018 display: -webkit-box;
3019 display: -ms-flexbox; 3019 display: -ms-flexbox;
3020 display: flex; 3020 display: flex;
3021 -webkit-box-pack: center; 3021 -webkit-box-pack: center;
3022 -ms-flex-pack: center; 3022 -ms-flex-pack: center;
3023 justify-content: center; 3023 justify-content: center;
3024 -webkit-box-align: center; 3024 -webkit-box-align: center;
3025 -ms-flex-align: center; 3025 -ms-flex-align: center;
3026 align-items: center; 3026 align-items: center;
3027 color: #377d87; 3027 color: #377d87;
3028 } 3028 }
3029 .footer__main-logo svg { 3029 .footer__main-logo svg {
3030 width: 182px; 3030 width: 182px;
3031 height: 54px; 3031 height: 54px;
3032 } 3032 }
3033 .footer__main-title { 3033 .footer__main-title {
3034 font-size: 20px; 3034 font-size: 20px;
3035 font-weight: 700; 3035 font-weight: 700;
3036 margin-bottom: 16px; 3036 margin-bottom: 16px;
3037 } 3037 }
3038 .footer__main-col { 3038 .footer__main-col {
3039 display: -webkit-box; 3039 display: -webkit-box;
3040 display: -ms-flexbox; 3040 display: -ms-flexbox;
3041 display: flex; 3041 display: flex;
3042 -webkit-box-orient: vertical; 3042 -webkit-box-orient: vertical;
3043 -webkit-box-direction: normal; 3043 -webkit-box-direction: normal;
3044 -ms-flex-direction: column; 3044 -ms-flex-direction: column;
3045 flex-direction: column; 3045 flex-direction: column;
3046 -webkit-box-align: start; 3046 -webkit-box-align: start;
3047 -ms-flex-align: start; 3047 -ms-flex-align: start;
3048 align-items: flex-start; 3048 align-items: flex-start;
3049 } 3049 }
3050 .footer__main-col nav { 3050 .footer__main-col nav {
3051 display: -webkit-box; 3051 display: -webkit-box;
3052 display: -ms-flexbox; 3052 display: -ms-flexbox;
3053 display: flex; 3053 display: flex;
3054 -webkit-box-orient: vertical; 3054 -webkit-box-orient: vertical;
3055 -webkit-box-direction: normal; 3055 -webkit-box-direction: normal;
3056 -ms-flex-direction: column; 3056 -ms-flex-direction: column;
3057 flex-direction: column; 3057 flex-direction: column;
3058 -webkit-box-align: start; 3058 -webkit-box-align: start;
3059 -ms-flex-align: start; 3059 -ms-flex-align: start;
3060 align-items: flex-start; 3060 align-items: flex-start;
3061 gap: 8px; 3061 gap: 8px;
3062 } 3062 }
3063 .footer__main-col nav a:hover { 3063 .footer__main-col nav a:hover {
3064 color: #377d87; 3064 color: #377d87;
3065 } 3065 }
3066 .footer__main-contacts { 3066 .footer__main-contacts {
3067 display: -webkit-box; 3067 display: -webkit-box;
3068 display: -ms-flexbox; 3068 display: -ms-flexbox;
3069 display: flex; 3069 display: flex;
3070 -webkit-box-orient: vertical; 3070 -webkit-box-orient: vertical;
3071 -webkit-box-direction: normal; 3071 -webkit-box-direction: normal;
3072 -ms-flex-direction: column; 3072 -ms-flex-direction: column;
3073 flex-direction: column; 3073 flex-direction: column;
3074 -webkit-box-align: start; 3074 -webkit-box-align: start;
3075 -ms-flex-align: start; 3075 -ms-flex-align: start;
3076 align-items: flex-start; 3076 align-items: flex-start;
3077 gap: 16px; 3077 gap: 16px;
3078 margin-bottom: 16px; 3078 margin-bottom: 16px;
3079 } 3079 }
3080 .footer__main-contacts a { 3080 .footer__main-contacts a {
3081 color: #377d87; 3081 color: #377d87;
3082 text-decoration: underline; 3082 text-decoration: underline;
3083 } 3083 }
3084 .footer__main-contacts a + a { 3084 .footer__main-contacts a + a {
3085 color: #000; 3085 color: #000;
3086 } 3086 }
3087 .footer__main-copy { 3087 .footer__main-copy {
3088 display: -webkit-box; 3088 display: -webkit-box;
3089 display: -ms-flexbox; 3089 display: -ms-flexbox;
3090 display: flex; 3090 display: flex;
3091 -webkit-box-pack: justify; 3091 -webkit-box-pack: justify;
3092 -ms-flex-pack: justify; 3092 -ms-flex-pack: justify;
3093 justify-content: space-between; 3093 justify-content: space-between;
3094 -webkit-box-align: center; 3094 -webkit-box-align: center;
3095 -ms-flex-align: center; 3095 -ms-flex-align: center;
3096 align-items: center; 3096 align-items: center;
3097 font-size: 14px; 3097 font-size: 14px;
3098 line-height: 1.4; 3098 line-height: 1.4;
3099 } 3099 }
3100 .footer__main-copy nav { 3100 .footer__main-copy nav {
3101 display: -webkit-box; 3101 display: -webkit-box;
3102 display: -ms-flexbox; 3102 display: -ms-flexbox;
3103 display: flex; 3103 display: flex;
3104 -webkit-box-align: center; 3104 -webkit-box-align: center;
3105 -ms-flex-align: center; 3105 -ms-flex-align: center;
3106 align-items: center; 3106 align-items: center;
3107 gap: 10px; 3107 gap: 10px;
3108 } 3108 }
3109 .footer__main-copy nav a:hover { 3109 .footer__main-copy nav a:hover {
3110 color: #377d87; 3110 color: #377d87;
3111 } 3111 }
3112 .footer__main-copy nav span { 3112 .footer__main-copy nav span {
3113 width: 1px; 3113 width: 1px;
3114 height: 20px; 3114 height: 20px;
3115 background: #000; 3115 background: #000;
3116 } 3116 }
3117 3117
3118 .main { 3118 .main {
3119 position: relative; 3119 position: relative;
3120 overflow: hidden; 3120 overflow: hidden;
3121 padding: 30px 0; 3121 padding: 30px 0;
3122 } 3122 }
3123 @media (min-width: 768px) { 3123 @media (min-width: 768px) {
3124 .main { 3124 .main {
3125 padding: 40px 0; 3125 padding: 40px 0;
3126 } 3126 }
3127 } 3127 }
3128 @media (min-width: 992px) { 3128 @media (min-width: 992px) {
3129 .main { 3129 .main {
3130 padding: 50px 0; 3130 padding: 50px 0;
3131 } 3131 }
3132 } 3132 }
3133 @media (min-width: 1280px) { 3133 @media (min-width: 1280px) {
3134 .main { 3134 .main {
3135 padding: 60px 0; 3135 padding: 60px 0;
3136 } 3136 }
3137 } 3137 }
3138 .main h2 { 3138 .main h2 {
3139 margin: 0; 3139 margin: 0;
3140 font-weight: 700; 3140 font-weight: 700;
3141 font-size: 30px; 3141 font-size: 30px;
3142 } 3142 }
3143 @media (min-width: 768px) { 3143 @media (min-width: 768px) {
3144 .main h2 { 3144 .main h2 {
3145 font-size: 44px; 3145 font-size: 44px;
3146 } 3146 }
3147 } 3147 }
3148 .main h3 { 3148 .main h3 {
3149 margin: 0; 3149 margin: 0;
3150 font-weight: 700; 3150 font-weight: 700;
3151 font-size: 22px; 3151 font-size: 22px;
3152 } 3152 }
3153 @media (min-width: 768px) { 3153 @media (min-width: 768px) {
3154 .main h3 { 3154 .main h3 {
3155 font-size: 28px; 3155 font-size: 28px;
3156 } 3156 }
3157 } 3157 }
3158 .main p { 3158 .main p {
3159 margin: 0; 3159 margin: 0;
3160 font-size: 14px; 3160 font-size: 14px;
3161 line-height: 1.4; 3161 line-height: 1.4;
3162 } 3162 }
3163 @media (min-width: 768px) { 3163 @media (min-width: 768px) {
3164 .main p { 3164 .main p {
3165 font-size: 18px; 3165 font-size: 18px;
3166 } 3166 }
3167 } 3167 }
3168 .main p a { 3168 .main p a {
3169 color: #4d88d9; 3169 color: #4d88d9;
3170 } 3170 }
3171 .main p a:hover { 3171 .main p a:hover {
3172 color: #377d87; 3172 color: #377d87;
3173 } 3173 }
3174 .main__breadcrumbs { 3174 .main__breadcrumbs {
3175 margin-bottom: 20px; 3175 margin-bottom: 20px;
3176 } 3176 }
3177 @media (min-width: 768px) { 3177 @media (min-width: 768px) {
3178 .main__breadcrumbs { 3178 .main__breadcrumbs {
3179 margin-bottom: 40px; 3179 margin-bottom: 40px;
3180 } 3180 }
3181 } 3181 }
3182 .main__content { 3182 .main__content {
3183 display: -webkit-box; 3183 display: -webkit-box;
3184 display: -ms-flexbox; 3184 display: -ms-flexbox;
3185 display: flex; 3185 display: flex;
3186 -webkit-box-orient: vertical; 3186 -webkit-box-orient: vertical;
3187 -webkit-box-direction: normal; 3187 -webkit-box-direction: normal;
3188 -ms-flex-direction: column; 3188 -ms-flex-direction: column;
3189 flex-direction: column; 3189 flex-direction: column;
3190 gap: 20px; 3190 gap: 20px;
3191 font-size: 14px; 3191 font-size: 14px;
3192 } 3192 }
3193 @media (min-width: 992px) { 3193 @media (min-width: 992px) {
3194 .main__content { 3194 .main__content {
3195 font-size: 18px; 3195 font-size: 18px;
3196 gap: 32px; 3196 gap: 32px;
3197 } 3197 }
3198 } 3198 }
3199 .main__content-item { 3199 .main__content-item {
3200 display: -webkit-box; 3200 display: -webkit-box;
3201 display: -ms-flexbox; 3201 display: -ms-flexbox;
3202 display: flex; 3202 display: flex;
3203 -webkit-box-orient: vertical; 3203 -webkit-box-orient: vertical;
3204 -webkit-box-direction: normal; 3204 -webkit-box-direction: normal;
3205 -ms-flex-direction: column; 3205 -ms-flex-direction: column;
3206 flex-direction: column; 3206 flex-direction: column;
3207 gap: 16px; 3207 gap: 16px;
3208 } 3208 }
3209 .main__content h1, 3209 .main__content h1,
3210 .main__content h2, 3210 .main__content h2,
3211 .main__content h3, 3211 .main__content h3,
3212 .main__content h4, 3212 .main__content h4,
3213 .main__content h5, 3213 .main__content h5,
3214 .main__content h6 { 3214 .main__content h6 {
3215 color: #000; 3215 color: #000;
3216 } 3216 }
3217 .main__content ul, 3217 .main__content ul,
3218 .main__content ol { 3218 .main__content ol {
3219 padding: 0; 3219 padding: 0;
3220 margin: 0; 3220 margin: 0;
3221 padding-left: 20px; 3221 padding-left: 20px;
3222 display: -webkit-box; 3222 display: -webkit-box;
3223 display: -ms-flexbox; 3223 display: -ms-flexbox;
3224 display: flex; 3224 display: flex;
3225 -webkit-box-orient: vertical; 3225 -webkit-box-orient: vertical;
3226 -webkit-box-direction: normal; 3226 -webkit-box-direction: normal;
3227 -ms-flex-direction: column; 3227 -ms-flex-direction: column;
3228 flex-direction: column; 3228 flex-direction: column;
3229 gap: 8px; 3229 gap: 8px;
3230 } 3230 }
3231 @media (min-width: 992px) { 3231 @media (min-width: 992px) {
3232 .main__content ul, 3232 .main__content ul,
3233 .main__content ol { 3233 .main__content ol {
3234 gap: 16px; 3234 gap: 16px;
3235 padding-left: 30px; 3235 padding-left: 30px;
3236 } 3236 }
3237 } 3237 }
3238 .main__content li ul, 3238 .main__content li ul,
3239 .main__content li ol { 3239 .main__content li ol {
3240 margin-top: 8px; 3240 margin-top: 8px;
3241 } 3241 }
3242 @media (min-width: 992px) { 3242 @media (min-width: 992px) {
3243 .main__content li ul, 3243 .main__content li ul,
3244 .main__content li ol { 3244 .main__content li ol {
3245 margin-top: 16px; 3245 margin-top: 16px;
3246 } 3246 }
3247 } 3247 }
3248 .main__content li ul li, 3248 .main__content li ul li,
3249 .main__content li ol li { 3249 .main__content li ol li {
3250 list-style-type: disc; 3250 list-style-type: disc;
3251 } 3251 }
3252 .main__gallery { 3252 .main__gallery {
3253 display: -webkit-box; 3253 display: -webkit-box;
3254 display: -ms-flexbox; 3254 display: -ms-flexbox;
3255 display: flex; 3255 display: flex;
3256 -webkit-box-orient: vertical; 3256 -webkit-box-orient: vertical;
3257 -webkit-box-direction: normal; 3257 -webkit-box-direction: normal;
3258 -ms-flex-direction: column; 3258 -ms-flex-direction: column;
3259 flex-direction: column; 3259 flex-direction: column;
3260 gap: 20px; 3260 gap: 20px;
3261 } 3261 }
3262 @media (min-width: 768px) { 3262 @media (min-width: 768px) {
3263 .main__gallery { 3263 .main__gallery {
3264 display: grid; 3264 display: grid;
3265 grid-template-columns: repeat(2, 1fr); 3265 grid-template-columns: repeat(2, 1fr);
3266 } 3266 }
3267 } 3267 }
3268 @media (min-width: 992px) { 3268 @media (min-width: 992px) {
3269 .main__gallery { 3269 .main__gallery {
3270 grid-template-columns: repeat(3, 1fr); 3270 grid-template-columns: repeat(3, 1fr);
3271 } 3271 }
3272 } 3272 }
3273 .main__gallery-item { 3273 .main__gallery-item {
3274 width: 100%; 3274 width: 100%;
3275 aspect-ratio: 400/224; 3275 aspect-ratio: 400/224;
3276 border-radius: 30px; 3276 border-radius: 30px;
3277 position: relative; 3277 position: relative;
3278 overflow: hidden; 3278 overflow: hidden;
3279 } 3279 }
3280 .main__gallery-item:hover { 3280 .main__gallery-item:hover {
3281 -webkit-filter: brightness(1.1); 3281 -webkit-filter: brightness(1.1);
3282 filter: brightness(1.1); 3282 filter: brightness(1.1);
3283 } 3283 }
3284 .main__gallery-item img { 3284 .main__gallery-item img {
3285 position: absolute; 3285 position: absolute;
3286 top: 0; 3286 top: 0;
3287 left: 0; 3287 left: 0;
3288 width: 100%; 3288 width: 100%;
3289 height: 100%; 3289 height: 100%;
3290 -o-object-fit: cover; 3290 -o-object-fit: cover;
3291 object-fit: cover; 3291 object-fit: cover;
3292 } 3292 }
3293 .main__employers { 3293 .main__employers {
3294 display: -webkit-box; 3294 display: -webkit-box;
3295 display: -ms-flexbox; 3295 display: -ms-flexbox;
3296 display: flex; 3296 display: flex;
3297 -webkit-box-orient: vertical; 3297 -webkit-box-orient: vertical;
3298 -webkit-box-direction: normal; 3298 -webkit-box-direction: normal;
3299 -ms-flex-direction: column; 3299 -ms-flex-direction: column;
3300 flex-direction: column; 3300 flex-direction: column;
3301 gap: 10px; 3301 gap: 10px;
3302 } 3302 }
3303 @media (min-width: 768px) { 3303 @media (min-width: 768px) {
3304 .main__employers { 3304 .main__employers {
3305 gap: 30px; 3305 gap: 30px;
3306 } 3306 }
3307 } 3307 }
3308 .main__employers-body { 3308 .main__employers-body {
3309 display: none; 3309 display: none;
3310 -webkit-box-orient: vertical; 3310 -webkit-box-orient: vertical;
3311 -webkit-box-direction: normal; 3311 -webkit-box-direction: normal;
3312 -ms-flex-direction: column; 3312 -ms-flex-direction: column;
3313 flex-direction: column; 3313 flex-direction: column;
3314 gap: 20px; 3314 gap: 20px;
3315 } 3315 }
3316 @media (min-width: 992px) { 3316 @media (min-width: 992px) {
3317 .main__employers-body { 3317 .main__employers-body {
3318 gap: 30px; 3318 gap: 30px;
3319 } 3319 }
3320 } 3320 }
3321 .main__employers-body.showed { 3321 .main__employers-body.showed {
3322 display: -webkit-box; 3322 display: -webkit-box;
3323 display: -ms-flexbox; 3323 display: -ms-flexbox;
3324 display: flex; 3324 display: flex;
3325 } 3325 }
3326 .main__employers-item { 3326 .main__employers-item {
3327 display: -webkit-box; 3327 display: -webkit-box;
3328 display: -ms-flexbox; 3328 display: -ms-flexbox;
3329 display: flex; 3329 display: flex;
3330 -webkit-box-orient: vertical; 3330 -webkit-box-orient: vertical;
3331 -webkit-box-direction: normal; 3331 -webkit-box-direction: normal;
3332 -ms-flex-direction: column; 3332 -ms-flex-direction: column;
3333 flex-direction: column; 3333 flex-direction: column;
3334 border: 1px solid #cecece; 3334 border: 1px solid #cecece;
3335 border-radius: 8px; 3335 border-radius: 8px;
3336 position: relative; 3336 position: relative;
3337 overflow: hidden; 3337 overflow: hidden;
3338 padding: 10px; 3338 padding: 10px;
3339 padding-top: 50px; 3339 padding-top: 50px;
3340 padding-bottom: 30px; 3340 padding-bottom: 30px;
3341 } 3341 }
3342 @media (min-width: 768px) { 3342 @media (min-width: 768px) {
3343 .main__employers-item { 3343 .main__employers-item {
3344 -webkit-box-orient: horizontal; 3344 -webkit-box-orient: horizontal;
3345 -webkit-box-direction: normal; 3345 -webkit-box-direction: normal;
3346 -ms-flex-direction: row; 3346 -ms-flex-direction: row;
3347 flex-direction: row; 3347 flex-direction: row;
3348 -webkit-box-align: center; 3348 -webkit-box-align: center;
3349 -ms-flex-align: center; 3349 -ms-flex-align: center;
3350 align-items: center; 3350 align-items: center;
3351 -webkit-box-pack: justify; 3351 -webkit-box-pack: justify;
3352 -ms-flex-pack: justify; 3352 -ms-flex-pack: justify;
3353 justify-content: space-between; 3353 justify-content: space-between;
3354 padding: 55px 20px; 3354 padding: 55px 20px;
3355 } 3355 }
3356 } 3356 }
3357 @media (min-width: 1280px) { 3357 @media (min-width: 1280px) {
3358 .main__employers-item { 3358 .main__employers-item {
3359 padding-left: 55px; 3359 padding-left: 55px;
3360 } 3360 }
3361 } 3361 }
3362 .main__employers-item-inner { 3362 .main__employers-item-inner {
3363 display: -webkit-box; 3363 display: -webkit-box;
3364 display: -ms-flexbox; 3364 display: -ms-flexbox;
3365 display: flex; 3365 display: flex;
3366 -webkit-box-orient: vertical; 3366 -webkit-box-orient: vertical;
3367 -webkit-box-direction: normal; 3367 -webkit-box-direction: normal;
3368 -ms-flex-direction: column; 3368 -ms-flex-direction: column;
3369 flex-direction: column; 3369 flex-direction: column;
3370 } 3370 }
3371 @media (min-width: 768px) { 3371 @media (min-width: 768px) {
3372 .main__employers-item-inner { 3372 .main__employers-item-inner {
3373 width: calc(100% - 200px); 3373 width: calc(100% - 200px);
3374 padding-right: 40px; 3374 padding-right: 40px;
3375 } 3375 }
3376 } 3376 }
3377 @media (min-width: 992px) { 3377 @media (min-width: 992px) {
3378 .main__employers-item-inner { 3378 .main__employers-item-inner {
3379 -webkit-box-orient: horizontal; 3379 -webkit-box-orient: horizontal;
3380 -webkit-box-direction: normal; 3380 -webkit-box-direction: normal;
3381 -ms-flex-direction: row; 3381 -ms-flex-direction: row;
3382 flex-direction: row; 3382 flex-direction: row;
3383 -webkit-box-align: center; 3383 -webkit-box-align: center;
3384 -ms-flex-align: center; 3384 -ms-flex-align: center;
3385 align-items: center; 3385 align-items: center;
3386 } 3386 }
3387 } 3387 }
3388 .main__employers-item-pic { 3388 .main__employers-item-pic {
3389 height: 30px; 3389 height: 30px;
3390 position: absolute; 3390 position: absolute;
3391 top: 10px; 3391 top: 10px;
3392 left: 10px; 3392 left: 10px;
3393 } 3393 }
3394 @media (min-width: 768px) { 3394 @media (min-width: 768px) {
3395 .main__employers-item-pic { 3395 .main__employers-item-pic {
3396 position: static; 3396 position: static;
3397 width: 150px; 3397 width: 150px;
3398 height: auto; 3398 height: auto;
3399 max-height: 150px; 3399 max-height: 150px;
3400 -o-object-fit: contain; 3400 -o-object-fit: contain;
3401 object-fit: contain; 3401 object-fit: contain;
3402 } 3402 }
3403 } 3403 }
3404 .main__employers-item-body { 3404 .main__employers-item-body {
3405 font-size: 12px; 3405 font-size: 12px;
3406 display: -webkit-box; 3406 display: -webkit-box;
3407 display: -ms-flexbox; 3407 display: -ms-flexbox;
3408 display: flex; 3408 display: flex;
3409 -webkit-box-orient: vertical; 3409 -webkit-box-orient: vertical;
3410 -webkit-box-direction: normal; 3410 -webkit-box-direction: normal;
3411 -ms-flex-direction: column; 3411 -ms-flex-direction: column;
3412 flex-direction: column; 3412 flex-direction: column;
3413 gap: 10px; 3413 gap: 10px;
3414 } 3414 }
3415 @media (min-width: 768px) { 3415 @media (min-width: 768px) {
3416 .main__employers-item-body { 3416 .main__employers-item-body {
3417 font-size: 16px; 3417 font-size: 16px;
3418 padding-top: 20px; 3418 padding-top: 20px;
3419 } 3419 }
3420 } 3420 }
3421 @media (min-width: 992px) { 3421 @media (min-width: 992px) {
3422 .main__employers-item-body { 3422 .main__employers-item-body {
3423 width: calc(100% - 150px); 3423 width: calc(100% - 150px);
3424 padding: 0; 3424 padding: 0;
3425 padding-left: 40px; 3425 padding-left: 40px;
3426 } 3426 }
3427 } 3427 }
3428 .main__employers-item-body b { 3428 .main__employers-item-body b {
3429 font-weight: 700; 3429 font-weight: 700;
3430 } 3430 }
3431 @media (min-width: 768px) { 3431 @media (min-width: 768px) {
3432 .main__employers-item-body b { 3432 .main__employers-item-body b {
3433 font-size: 20px; 3433 font-size: 20px;
3434 } 3434 }
3435 } 3435 }
3436 .main__employers-item-body i { 3436 .main__employers-item-body i {
3437 font-style: normal; 3437 font-style: normal;
3438 color: #000; 3438 color: #000;
3439 } 3439 }
3440 .main__employers-item-more { 3440 .main__employers-item-more {
3441 position: absolute; 3441 position: absolute;
3442 top: 10px; 3442 top: 10px;
3443 right: 10px; 3443 right: 10px;
3444 } 3444 }
3445 @media (min-width: 768px) { 3445 @media (min-width: 768px) {
3446 .main__employers-item-more { 3446 .main__employers-item-more {
3447 width: 200px; 3447 width: 200px;
3448 padding: 0; 3448 padding: 0;
3449 position: static; 3449 position: static;
3450 } 3450 }
3451 } 3451 }
3452 .main__employers-item-label { 3452 .main__employers-item-label {
3453 background: #4d88d9; 3453 background: #4d88d9;
3454 color: #fff; 3454 color: #fff;
3455 border-radius: 6px; 3455 border-radius: 6px;
3456 width: 100%; 3456 width: 100%;
3457 height: 20px; 3457 height: 20px;
3458 display: -webkit-box; 3458 display: -webkit-box;
3459 display: -ms-flexbox; 3459 display: -ms-flexbox;
3460 display: flex; 3460 display: flex;
3461 -webkit-box-align: center; 3461 -webkit-box-align: center;
3462 -ms-flex-align: center; 3462 -ms-flex-align: center;
3463 align-items: center; 3463 align-items: center;
3464 padding: 0 12px; 3464 padding: 0 12px;
3465 position: absolute; 3465 position: absolute;
3466 bottom: 0; 3466 bottom: 0;
3467 left: 0; 3467 left: 0;
3468 font-size: 12px; 3468 font-size: 12px;
3469 line-height: 1; 3469 line-height: 1;
3470 } 3470 }
3471 @media (min-width: 768px) { 3471 @media (min-width: 768px) {
3472 .main__employers-item-label { 3472 .main__employers-item-label {
3473 max-width: 350px; 3473 max-width: 350px;
3474 height: 30px; 3474 height: 30px;
3475 font-size: 15px; 3475 font-size: 15px;
3476 } 3476 }
3477 } 3477 }
3478 .main__employers-item-label svg { 3478 .main__employers-item-label svg {
3479 width: 8px; 3479 width: 8px;
3480 height: 8px; 3480 height: 8px;
3481 } 3481 }
3482 @media (min-width: 768px) { 3482 @media (min-width: 768px) {
3483 .main__employers-item-label svg { 3483 .main__employers-item-label svg {
3484 width: 12px; 3484 width: 12px;
3485 height: 12px; 3485 height: 12px;
3486 } 3486 }
3487 } 3487 }
3488 .main__employers-item-label span { 3488 .main__employers-item-label span {
3489 overflow: hidden; 3489 overflow: hidden;
3490 display: -webkit-box; 3490 display: -webkit-box;
3491 -webkit-box-orient: vertical; 3491 -webkit-box-orient: vertical;
3492 -webkit-line-clamp: 1; 3492 -webkit-line-clamp: 1;
3493 width: calc(100% - 8px); 3493 width: calc(100% - 8px);
3494 padding-left: 6px; 3494 padding-left: 6px;
3495 } 3495 }
3496 .main__employers-one { 3496 .main__employers-one {
3497 display: -webkit-box; 3497 display: -webkit-box;
3498 display: -ms-flexbox; 3498 display: -ms-flexbox;
3499 display: flex; 3499 display: flex;
3500 -webkit-box-orient: vertical; 3500 -webkit-box-orient: vertical;
3501 -webkit-box-direction: normal; 3501 -webkit-box-direction: normal;
3502 -ms-flex-direction: column; 3502 -ms-flex-direction: column;
3503 flex-direction: column; 3503 flex-direction: column;
3504 gap: 20px; 3504 gap: 20px;
3505 } 3505 }
3506 .main__employers-two { 3506 .main__employers-two {
3507 display: -webkit-box; 3507 display: -webkit-box;
3508 display: -ms-flexbox; 3508 display: -ms-flexbox;
3509 display: flex; 3509 display: flex;
3510 -webkit-box-orient: vertical; 3510 -webkit-box-orient: vertical;
3511 -webkit-box-direction: normal; 3511 -webkit-box-direction: normal;
3512 -ms-flex-direction: column; 3512 -ms-flex-direction: column;
3513 flex-direction: column; 3513 flex-direction: column;
3514 gap: 20px; 3514 gap: 20px;
3515 } 3515 }
3516 @media (min-width: 768px) { 3516 @media (min-width: 768px) {
3517 .main__employers-two { 3517 .main__employers-two {
3518 -webkit-box-orient: horizontal; 3518 -webkit-box-orient: horizontal;
3519 -webkit-box-direction: normal; 3519 -webkit-box-direction: normal;
3520 -ms-flex-direction: row; 3520 -ms-flex-direction: row;
3521 flex-direction: row; 3521 flex-direction: row;
3522 -ms-flex-wrap: wrap; 3522 -ms-flex-wrap: wrap;
3523 flex-wrap: wrap; 3523 flex-wrap: wrap;
3524 -webkit-box-align: start; 3524 -webkit-box-align: start;
3525 -ms-flex-align: start; 3525 -ms-flex-align: start;
3526 align-items: flex-start; 3526 align-items: flex-start;
3527 -webkit-box-pack: justify; 3527 -webkit-box-pack: justify;
3528 -ms-flex-pack: justify; 3528 -ms-flex-pack: justify;
3529 justify-content: space-between; 3529 justify-content: space-between;
3530 gap: 20px 0; 3530 gap: 20px 0;
3531 } 3531 }
3532 } 3532 }
3533 .main__employers-two .main__employers-item { 3533 .main__employers-two .main__employers-item {
3534 width: calc(50% - 10px); 3534 width: calc(50% - 10px);
3535 -webkit-box-orient: vertical; 3535 -webkit-box-orient: vertical;
3536 -webkit-box-direction: normal; 3536 -webkit-box-direction: normal;
3537 -ms-flex-direction: column; 3537 -ms-flex-direction: column;
3538 flex-direction: column; 3538 flex-direction: column;
3539 -webkit-box-align: stretch; 3539 -webkit-box-align: stretch;
3540 -ms-flex-align: stretch; 3540 -ms-flex-align: stretch;
3541 align-items: stretch; 3541 align-items: stretch;
3542 padding-top: 30px; 3542 padding-top: 30px;
3543 } 3543 }
3544 .main__employers-two .main__employers-item-inner { 3544 .main__employers-two .main__employers-item-inner {
3545 width: 100%; 3545 width: 100%;
3546 padding: 0; 3546 padding: 0;
3547 } 3547 }
3548 .main__employers-two .main__employers-item-more { 3548 .main__employers-two .main__employers-item-more {
3549 position: static; 3549 position: static;
3550 margin-top: 20px; 3550 margin-top: 20px;
3551 } 3551 }
3552 @media (min-width: 992px) { 3552 @media (min-width: 992px) {
3553 .main__employers-two .main__employers-item-more { 3553 .main__employers-two .main__employers-item-more {
3554 margin-left: 190px; 3554 margin-left: 190px;
3555 } 3555 }
3556 } 3556 }
3557 .main__employers-two .main__employers-item-label { 3557 .main__employers-two .main__employers-item-label {
3558 max-width: none; 3558 max-width: none;
3559 } 3559 }
3560 .main__employer-page { 3560 .main__employer-page {
3561 display: -webkit-box; 3561 display: -webkit-box;
3562 display: -ms-flexbox; 3562 display: -ms-flexbox;
3563 display: flex; 3563 display: flex;
3564 -webkit-box-orient: vertical; 3564 -webkit-box-orient: vertical;
3565 -webkit-box-direction: normal; 3565 -webkit-box-direction: normal;
3566 -ms-flex-direction: column; 3566 -ms-flex-direction: column;
3567 flex-direction: column; 3567 flex-direction: column;
3568 gap: 20px; 3568 gap: 20px;
3569 } 3569 }
3570 @media (min-width: 768px) { 3570 @media (min-width: 768px) {
3571 .main__employer-page { 3571 .main__employer-page {
3572 gap: 30px; 3572 gap: 30px;
3573 } 3573 }
3574 } 3574 }
3575 .main__employer-page-title { 3575 .main__employer-page-title {
3576 color: #000; 3576 color: #000;
3577 margin: 0; 3577 margin: 0;
3578 font-size: 30px; 3578 font-size: 30px;
3579 } 3579 }
3580 @media (min-width: 768px) { 3580 @media (min-width: 768px) {
3581 .main__employer-page-title { 3581 .main__employer-page-title {
3582 font-size: 36px; 3582 font-size: 36px;
3583 } 3583 }
3584 } 3584 }
3585 @media (min-width: 992px) { 3585 @media (min-width: 992px) {
3586 .main__employer-page-title { 3586 .main__employer-page-title {
3587 font-size: 44px; 3587 font-size: 44px;
3588 } 3588 }
3589 } 3589 }
3590 .main__employer-page-item { 3590 .main__employer-page-item {
3591 display: -webkit-box; 3591 display: -webkit-box;
3592 display: -ms-flexbox; 3592 display: -ms-flexbox;
3593 display: flex; 3593 display: flex;
3594 -webkit-box-orient: vertical; 3594 -webkit-box-orient: vertical;
3595 -webkit-box-direction: normal; 3595 -webkit-box-direction: normal;
3596 -ms-flex-direction: column; 3596 -ms-flex-direction: column;
3597 flex-direction: column; 3597 flex-direction: column;
3598 gap: 4px; 3598 gap: 4px;
3599 font-size: 12px; 3599 font-size: 12px;
3600 line-height: 1.4; 3600 line-height: 1.4;
3601 width: 190px; 3601 width: 190px;
3602 } 3602 }
3603 .main__employer-page-item.main__employer-page-description{ 3603 .main__employer-page-item.main__employer-page-description{
3604 width: unset; 3604 width: unset;
3605 } 3605 }
3606 .main__employer-page-description p{ 3606 .main__employer-page-description p{
3607 margin-bottom: 10px; 3607 margin-bottom: 10px;
3608 line-height: 25px; 3608 line-height: 25px;
3609 } 3609 }
3610 @media (min-width: 768px) { 3610 @media (min-width: 768px) {
3611 .main__employer-page-item { 3611 .main__employer-page-item {
3612 font-size: 18px; 3612 font-size: 18px;
3613 gap: 8px; 3613 gap: 8px;
3614 } 3614 }
3615 } 3615 }
3616 .main__employer-page-item b { 3616 .main__employer-page-item b {
3617 color: #377d87; 3617 color: #377d87;
3618 font-size: 14px; 3618 font-size: 14px;
3619 } 3619 }
3620 @media (min-width: 768px) { 3620 @media (min-width: 768px) {
3621 .main__employer-page-item b { 3621 .main__employer-page-item b {
3622 font-size: 18px; 3622 font-size: 18px;
3623 } 3623 }
3624 } 3624 }
3625 .main__employer-page-item span { 3625 .main__employer-page-item span {
3626 color: #000; 3626 color: #000;
3627 } 3627 }
3628 .main__employer-page-info { 3628 .main__employer-page-info {
3629 display: -webkit-box; 3629 display: -webkit-box;
3630 display: -ms-flexbox; 3630 display: -ms-flexbox;
3631 display: flex; 3631 display: flex;
3632 -webkit-box-orient: vertical; 3632 -webkit-box-orient: vertical;
3633 -webkit-box-direction: normal; 3633 -webkit-box-direction: normal;
3634 -ms-flex-direction: column; 3634 -ms-flex-direction: column;
3635 flex-direction: column; 3635 flex-direction: column;
3636 gap: 20px; 3636 gap: 20px;
3637 } 3637 }
3638 .main__employer-page-info.row2{ 3638 .main__employer-page-info.row2{
3639 justify-content: flex-start; 3639 justify-content: flex-start;
3640 } 3640 }
3641 .main__employer-page-info.row2 .main__employer-page-item{ 3641 .main__employer-page-info.row2 .main__employer-page-item{
3642 width: 25%; 3642 width: 25%;
3643 } 3643 }
3644 @media (min-width: 768px) { 3644 @media (min-width: 768px) {
3645 .main__employer-page-info { 3645 .main__employer-page-info {
3646 display: grid; 3646 display: grid;
3647 grid-template-columns: repeat(2, 1fr); 3647 grid-template-columns: repeat(2, 1fr);
3648 gap: 30px 40px; 3648 gap: 30px 40px;
3649 } 3649 }
3650 } 3650 }
3651 @media (min-width: 1280px) { 3651 @media (min-width: 1280px) {
3652 .main__employer-page-info { 3652 .main__employer-page-info {
3653 display: -webkit-box; 3653 display: -webkit-box;
3654 display: -ms-flexbox; 3654 display: -ms-flexbox;
3655 display: flex; 3655 display: flex;
3656 -webkit-box-orient: horizontal; 3656 -webkit-box-orient: horizontal;
3657 -webkit-box-direction: normal; 3657 -webkit-box-direction: normal;
3658 -ms-flex-direction: row; 3658 -ms-flex-direction: row;
3659 flex-direction: row; 3659 flex-direction: row;
3660 -webkit-box-align: start; 3660 -webkit-box-align: start;
3661 -ms-flex-align: start; 3661 -ms-flex-align: start;
3662 align-items: flex-start; 3662 align-items: flex-start;
3663 -webkit-box-pack: justify; 3663 -webkit-box-pack: justify;
3664 -ms-flex-pack: justify; 3664 -ms-flex-pack: justify;
3665 justify-content: space-between; 3665 justify-content: space-between;
3666 padding-right: 160px; 3666 padding-right: 160px;
3667 } 3667 }
3668 } 3668 }
3669 @media (min-width: 768px) { 3669 @media (min-width: 768px) {
3670 .main__employer-page-info .main__employer-page-item b, 3670 .main__employer-page-info .main__employer-page-item b,
3671 .main__employer-page-info .main__employer-page-item span { 3671 .main__employer-page-info .main__employer-page-item span {
3672 max-width: 300px; 3672 max-width: 300px;
3673 } 3673 }
3674 } 3674 }
3675 .main__employer-page-tabs { 3675 .main__employer-page-tabs {
3676 display: -webkit-box; 3676 display: -webkit-box;
3677 display: -ms-flexbox; 3677 display: -ms-flexbox;
3678 display: flex; 3678 display: flex;
3679 -webkit-box-align: center; 3679 -webkit-box-align: center;
3680 -ms-flex-align: center; 3680 -ms-flex-align: center;
3681 align-items: center; 3681 align-items: center;
3682 gap: 20px; 3682 gap: 20px;
3683 } 3683 }
3684 @media (min-width: 768px) { 3684 @media (min-width: 768px) {
3685 .main__employer-page-tabs { 3685 .main__employer-page-tabs {
3686 margin-top: 20px; 3686 margin-top: 20px;
3687 } 3687 }
3688 } 3688 }
3689 .main__employer-page-tabs-item { 3689 .main__employer-page-tabs-item {
3690 font-size: 22px; 3690 font-size: 22px;
3691 font-weight: 700; 3691 font-weight: 700;
3692 border: none; 3692 border: none;
3693 background: none; 3693 background: none;
3694 padding: 0; 3694 padding: 0;
3695 color: #9c9d9d; 3695 color: #9c9d9d;
3696 text-decoration: underline; 3696 text-decoration: underline;
3697 text-decoration-thickness: 1px; 3697 text-decoration-thickness: 1px;
3698 } 3698 }
3699 @media (min-width: 768px) { 3699 @media (min-width: 768px) {
3700 .main__employer-page-tabs-item { 3700 .main__employer-page-tabs-item {
3701 font-size: 24px; 3701 font-size: 24px;
3702 } 3702 }
3703 } 3703 }
3704 .main__employer-page-tabs-item.active { 3704 .main__employer-page-tabs-item.active {
3705 color: #377d87; 3705 color: #377d87;
3706 } 3706 }
3707 .main__employer-page-body { 3707 .main__employer-page-body {
3708 display: -webkit-box; 3708 display: -webkit-box;
3709 display: -ms-flexbox; 3709 display: -ms-flexbox;
3710 display: flex; 3710 display: flex;
3711 -webkit-box-orient: vertical; 3711 -webkit-box-orient: vertical;
3712 -webkit-box-direction: normal; 3712 -webkit-box-direction: normal;
3713 -ms-flex-direction: column; 3713 -ms-flex-direction: column;
3714 flex-direction: column; 3714 flex-direction: column;
3715 margin-top: 10px; 3715 margin-top: 10px;
3716 } 3716 }
3717 @media (min-width: 768px) { 3717 @media (min-width: 768px) {
3718 .main__employer-page-body { 3718 .main__employer-page-body {
3719 margin-top: 30px; 3719 margin-top: 30px;
3720 } 3720 }
3721 } 3721 }
3722 .main__employer-page-body-item { 3722 .main__employer-page-body-item {
3723 display: none; 3723 display: none;
3724 -webkit-box-orient: vertical; 3724 -webkit-box-orient: vertical;
3725 -webkit-box-direction: normal; 3725 -webkit-box-direction: normal;
3726 -ms-flex-direction: column; 3726 -ms-flex-direction: column;
3727 flex-direction: column; 3727 flex-direction: column;
3728 gap: 20px; 3728 gap: 20px;
3729 } 3729 }
3730 .main__employer-page-body-item.showed { 3730 .main__employer-page-body-item.showed {
3731 display: -webkit-box; 3731 display: -webkit-box;
3732 display: -ms-flexbox; 3732 display: -ms-flexbox;
3733 display: flex; 3733 display: flex;
3734 } 3734 }
3735 .main__employer-page-one { 3735 .main__employer-page-one {
3736 display: -webkit-box; 3736 display: -webkit-box;
3737 display: -ms-flexbox; 3737 display: -ms-flexbox;
3738 display: flex; 3738 display: flex;
3739 -webkit-box-orient: vertical; 3739 -webkit-box-orient: vertical;
3740 -webkit-box-direction: normal; 3740 -webkit-box-direction: normal;
3741 -ms-flex-direction: column; 3741 -ms-flex-direction: column;
3742 flex-direction: column; 3742 flex-direction: column;
3743 gap: 20px; 3743 gap: 20px;
3744 } 3744 }
3745 @media (min-width: 768px) { 3745 @media (min-width: 768px) {
3746 .main__employer-page-one { 3746 .main__employer-page-one {
3747 display: grid; 3747 display: grid;
3748 grid-template-columns: repeat(2, 1fr); 3748 grid-template-columns: repeat(2, 1fr);
3749 } 3749 }
3750 } 3750 }
3751 @media (min-width: 992px) { 3751 @media (min-width: 992px) {
3752 .main__employer-page-one { 3752 .main__employer-page-one {
3753 grid-template-columns: repeat(3, 1fr); 3753 grid-template-columns: repeat(3, 1fr);
3754 } 3754 }
3755 } 3755 }
3756 @media (min-width: 1280px) { 3756 @media (min-width: 1280px) {
3757 .main__employer-page-one { 3757 .main__employer-page-one {
3758 grid-template-columns: repeat(4, 1fr); 3758 grid-template-columns: repeat(4, 1fr);
3759 gap: 30px 20px; 3759 gap: 30px 20px;
3760 } 3760 }
3761 } 3761 }
3762 .main__employer-page-one-item { 3762 .main__employer-page-one-item {
3763 display: -webkit-box; 3763 display: -webkit-box;
3764 display: -ms-flexbox; 3764 display: -ms-flexbox;
3765 display: flex; 3765 display: flex;
3766 -webkit-box-orient: vertical; 3766 -webkit-box-orient: vertical;
3767 -webkit-box-direction: normal; 3767 -webkit-box-direction: normal;
3768 -ms-flex-direction: column; 3768 -ms-flex-direction: column;
3769 flex-direction: column; 3769 flex-direction: column;
3770 gap: 10px; 3770 gap: 10px;
3771 font-size: 12px; 3771 font-size: 12px;
3772 position: relative; 3772 position: relative;
3773 } 3773 }
3774 @media (min-width: 1280px) { 3774 @media (min-width: 1280px) {
3775 .main__employer-page-one-item { 3775 .main__employer-page-one-item {
3776 font-size: 18px; 3776 font-size: 18px;
3777 } 3777 }
3778 } 3778 }
3779 .main__employer-page-one-item img { 3779 .main__employer-page-one-item img {
3780 border-radius: 10px; 3780 border-radius: 10px;
3781 -o-object-fit: cover; 3781 -o-object-fit: cover;
3782 object-fit: cover; 3782 object-fit: cover;
3783 width: 100%; 3783 width: 100%;
3784 max-height: 250px; 3784 max-height: 250px;
3785 aspect-ratio: 247/174; 3785 aspect-ratio: 247/174;
3786 } 3786 }
3787 @media (min-width: 1280px) { 3787 @media (min-width: 1280px) {
3788 .main__employer-page-one-item img { 3788 .main__employer-page-one-item img {
3789 margin-bottom: 10px; 3789 margin-bottom: 10px;
3790 } 3790 }
3791 } 3791 }
3792 .main__employer-page-one-item b { 3792 .main__employer-page-one-item b {
3793 font-weight: 700; 3793 font-weight: 700;
3794 color: #377d87; 3794 color: #377d87;
3795 } 3795 }
3796 .main__employer-page-one-item span { 3796 .main__employer-page-one-item span {
3797 color: #000; 3797 color: #000;
3798 } 3798 }
3799 .main__employer-page-one-item i { 3799 .main__employer-page-one-item i {
3800 font-style: normal; 3800 font-style: normal;
3801 color: #377d87; 3801 color: #377d87;
3802 } 3802 }
3803 .main__employer-page-one-item .del { 3803 .main__employer-page-one-item .del {
3804 position: absolute; 3804 position: absolute;
3805 z-index: 1; 3805 z-index: 1;
3806 top: 8px; 3806 top: 8px;
3807 left: 8px; 3807 left: 8px;
3808 } 3808 }
3809 .main__employer-page-two { 3809 .main__employer-page-two {
3810 display: -webkit-box; 3810 display: -webkit-box;
3811 display: -ms-flexbox; 3811 display: -ms-flexbox;
3812 display: flex; 3812 display: flex;
3813 -webkit-box-orient: vertical; 3813 -webkit-box-orient: vertical;
3814 -webkit-box-direction: normal; 3814 -webkit-box-direction: normal;
3815 -ms-flex-direction: column; 3815 -ms-flex-direction: column;
3816 flex-direction: column; 3816 flex-direction: column;
3817 -webkit-box-align: center; 3817 -webkit-box-align: center;
3818 -ms-flex-align: center; 3818 -ms-flex-align: center;
3819 align-items: center; 3819 align-items: center;
3820 gap: 20px; 3820 gap: 20px;
3821 } 3821 }
3822 .main__employer-page-two-item { 3822 .main__employer-page-two-item {
3823 width: 100%; 3823 width: 100%;
3824 display: -webkit-box; 3824 display: -webkit-box;
3825 display: -ms-flexbox; 3825 display: -ms-flexbox;
3826 display: flex; 3826 display: flex;
3827 -webkit-box-orient: vertical; 3827 -webkit-box-orient: vertical;
3828 -webkit-box-direction: normal; 3828 -webkit-box-direction: normal;
3829 -ms-flex-direction: column; 3829 -ms-flex-direction: column;
3830 flex-direction: column; 3830 flex-direction: column;
3831 gap: 16px; 3831 gap: 16px;
3832 padding: 20px 10px; 3832 padding: 20px 10px;
3833 border-radius: 12px; 3833 border-radius: 12px;
3834 border: 1px solid #cecece; 3834 border: 1px solid #cecece;
3835 position: relative; 3835 position: relative;
3836 overflow: hidden; 3836 overflow: hidden;
3837 font-size: 12px; 3837 font-size: 12px;
3838 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3838 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3839 } 3839 }
3840 @media (min-width: 768px) { 3840 @media (min-width: 768px) {
3841 .main__employer-page-two-item { 3841 .main__employer-page-two-item {
3842 font-size: 14px; 3842 font-size: 14px;
3843 padding: 20px; 3843 padding: 20px;
3844 gap: 24px; 3844 gap: 24px;
3845 padding-bottom: 35px; 3845 padding-bottom: 35px;
3846 } 3846 }
3847 } 3847 }
3848 @media (min-width: 992px) { 3848 @media (min-width: 992px) {
3849 .main__employer-page-two-item { 3849 .main__employer-page-two-item {
3850 font-size: 16px; 3850 font-size: 16px;
3851 } 3851 }
3852 } 3852 }
3853 @media (min-width: 1280px) { 3853 @media (min-width: 1280px) {
3854 .main__employer-page-two-item { 3854 .main__employer-page-two-item {
3855 font-size: 18px; 3855 font-size: 18px;
3856 } 3856 }
3857 } 3857 }
3858 .main__employer-page-two-item-toper { 3858 .main__employer-page-two-item-toper {
3859 display: -webkit-box; 3859 display: -webkit-box;
3860 display: -ms-flexbox; 3860 display: -ms-flexbox;
3861 display: flex; 3861 display: flex;
3862 -webkit-box-align: center; 3862 -webkit-box-align: center;
3863 -ms-flex-align: center; 3863 -ms-flex-align: center;
3864 align-items: center; 3864 align-items: center;
3865 font-size: 22px; 3865 font-size: 22px;
3866 font-weight: 700; 3866 font-weight: 700;
3867 color: #000; 3867 color: #000;
3868 } 3868 }
3869 @media (min-width: 768px) { 3869 @media (min-width: 768px) {
3870 .main__employer-page-two-item-toper { 3870 .main__employer-page-two-item-toper {
3871 font-size: 30px; 3871 font-size: 30px;
3872 } 3872 }
3873 } 3873 }
3874 .main__employer-page-two-item-toper img { 3874 .main__employer-page-two-item-toper img {
3875 width: 60px; 3875 width: 60px;
3876 aspect-ratio: 1/1; 3876 aspect-ratio: 1/1;
3877 -o-object-fit: contain; 3877 -o-object-fit: contain;
3878 object-fit: contain; 3878 object-fit: contain;
3879 } 3879 }
3880 .main__employer-page-two-item-toper span { 3880 .main__employer-page-two-item-toper span {
3881 width: calc(100% - 60px); 3881 width: calc(100% - 60px);
3882 padding-left: 10px; 3882 padding-left: 10px;
3883 } 3883 }
3884 @media (min-width: 768px) { 3884 @media (min-width: 768px) {
3885 .main__employer-page-two-item-toper span { 3885 .main__employer-page-two-item-toper span {
3886 padding-left: 20px; 3886 padding-left: 20px;
3887 } 3887 }
3888 } 3888 }
3889 .main__employer-page-two-item-title { 3889 .main__employer-page-two-item-title {
3890 font-size: 18px; 3890 font-size: 18px;
3891 font-weight: 700; 3891 font-weight: 700;
3892 color: #377d87; 3892 color: #377d87;
3893 } 3893 }
3894 @media (min-width: 768px) { 3894 @media (min-width: 768px) {
3895 .main__employer-page-two-item-title { 3895 .main__employer-page-two-item-title {
3896 font-size: 24px; 3896 font-size: 24px;
3897 } 3897 }
3898 } 3898 }
3899 .main__employer-page-two-item-text { 3899 .main__employer-page-two-item-text {
3900 display: -webkit-box; 3900 display: -webkit-box;
3901 display: -ms-flexbox; 3901 display: -ms-flexbox;
3902 display: flex; 3902 display: flex;
3903 -webkit-box-orient: vertical; 3903 -webkit-box-orient: vertical;
3904 -webkit-box-direction: normal; 3904 -webkit-box-direction: normal;
3905 -ms-flex-direction: column; 3905 -ms-flex-direction: column;
3906 flex-direction: column; 3906 flex-direction: column;
3907 gap: 10px; 3907 gap: 10px;
3908 } 3908 }
3909 .main__employer-page-two-item-text-name { 3909 .main__employer-page-two-item-text-name {
3910 font-weight: 700; 3910 font-weight: 700;
3911 } 3911 }
3912 .main__employer-page-two-item-text-body { 3912 .main__employer-page-two-item-text-body {
3913 color: #000; 3913 color: #000;
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 -webkit-box-orient: vertical; 3917 -webkit-box-orient: vertical;
3918 -webkit-box-direction: normal; 3918 -webkit-box-direction: normal;
3919 -ms-flex-direction: column; 3919 -ms-flex-direction: column;
3920 flex-direction: column; 3920 flex-direction: column;
3921 gap: 6px; 3921 gap: 6px;
3922 padding: 0 10px; 3922 padding: 0 10px;
3923 } 3923 }
3924 .main__employer-page-two-item-text-body p { 3924 .main__employer-page-two-item-text-body p {
3925 margin: 0; 3925 margin: 0;
3926 } 3926 }
3927 .main__employer-page-two-item-text-body ul { 3927 .main__employer-page-two-item-text-body ul {
3928 margin: 0; 3928 margin: 0;
3929 padding: 0; 3929 padding: 0;
3930 padding-left: 16px; 3930 padding-left: 16px;
3931 display: -webkit-box; 3931 display: -webkit-box;
3932 display: -ms-flexbox; 3932 display: -ms-flexbox;
3933 display: flex; 3933 display: flex;
3934 -webkit-box-orient: vertical; 3934 -webkit-box-orient: vertical;
3935 -webkit-box-direction: normal; 3935 -webkit-box-direction: normal;
3936 -ms-flex-direction: column; 3936 -ms-flex-direction: column;
3937 flex-direction: column; 3937 flex-direction: column;
3938 gap: 6px; 3938 gap: 6px;
3939 } 3939 }
3940 @media (min-width: 768px) { 3940 @media (min-width: 768px) {
3941 .main__employer-page-two-item-text-body ul { 3941 .main__employer-page-two-item-text-body ul {
3942 margin: 0 5px; 3942 margin: 0 5px;
3943 } 3943 }
3944 } 3944 }
3945 .main__employer-page-two-item-text-body ul span, 3945 .main__employer-page-two-item-text-body ul span,
3946 .main__employer-page-two-item-text-body ul a { 3946 .main__employer-page-two-item-text-body ul a {
3947 color: #000; 3947 color: #000;
3948 position: relative; 3948 position: relative;
3949 } 3949 }
3950 .main__employer-page-two-item-text-body ul a:hover { 3950 .main__employer-page-two-item-text-body ul a:hover {
3951 color: #377d87; 3951 color: #377d87;
3952 } 3952 }
3953 .main__employer-page-two-item-text-body p + ul { 3953 .main__employer-page-two-item-text-body p + ul {
3954 margin-top: 10px; 3954 margin-top: 10px;
3955 } 3955 }
3956 .main__employer-page-two-item-text-links { 3956 .main__employer-page-two-item-text-links {
3957 display: -webkit-box; 3957 display: -webkit-box;
3958 display: -ms-flexbox; 3958 display: -ms-flexbox;
3959 display: flex; 3959 display: flex;
3960 -webkit-box-orient: vertical; 3960 -webkit-box-orient: vertical;
3961 -webkit-box-direction: normal; 3961 -webkit-box-direction: normal;
3962 -ms-flex-direction: column; 3962 -ms-flex-direction: column;
3963 flex-direction: column; 3963 flex-direction: column;
3964 -webkit-box-align: start; 3964 -webkit-box-align: start;
3965 -ms-flex-align: start; 3965 -ms-flex-align: start;
3966 align-items: flex-start; 3966 align-items: flex-start;
3967 gap: 10px; 3967 gap: 10px;
3968 padding: 0 10px; 3968 padding: 0 10px;
3969 font-weight: 700; 3969 font-weight: 700;
3970 margin-top: 5px; 3970 margin-top: 5px;
3971 } 3971 }
3972 @media (min-width: 768px) { 3972 @media (min-width: 768px) {
3973 .main__employer-page-two-item-text-links { 3973 .main__employer-page-two-item-text-links {
3974 gap: 20px; 3974 gap: 20px;
3975 } 3975 }
3976 } 3976 }
3977 .main__employer-page-two-item-text-links a { 3977 .main__employer-page-two-item-text-links a {
3978 color: #4d88d9; 3978 color: #4d88d9;
3979 } 3979 }
3980 .main__employer-page-two-item-text-links a:hover { 3980 .main__employer-page-two-item-text-links a:hover {
3981 color: #377d87; 3981 color: #377d87;
3982 } 3982 }
3983 .main__employer-page-two-item-tags { 3983 .main__employer-page-two-item-tags {
3984 color: #4d88d9; 3984 color: #4d88d9;
3985 font-weight: 500; 3985 font-weight: 500;
3986 display: -webkit-box; 3986 display: -webkit-box;
3987 display: -ms-flexbox; 3987 display: -ms-flexbox;
3988 display: flex; 3988 display: flex;
3989 -webkit-box-align: center; 3989 -webkit-box-align: center;
3990 -ms-flex-align: center; 3990 -ms-flex-align: center;
3991 align-items: center; 3991 align-items: center;
3992 -ms-flex-wrap: wrap; 3992 -ms-flex-wrap: wrap;
3993 flex-wrap: wrap; 3993 flex-wrap: wrap;
3994 gap: 10px 20px; 3994 gap: 10px 20px;
3995 } 3995 }
3996 @media (min-width: 768px) { 3996 @media (min-width: 768px) {
3997 .main__employer-page-two-item-tags { 3997 .main__employer-page-two-item-tags {
3998 font-size: 14px; 3998 font-size: 14px;
3999 } 3999 }
4000 } 4000 }
4001 .main__employer-page-two-item-buttons { 4001 .main__employer-page-two-item-buttons {
4002 display: grid; 4002 display: grid;
4003 grid-template-columns: repeat(2, 1fr); 4003 grid-template-columns: repeat(2, 1fr);
4004 gap: 20px; 4004 gap: 20px;
4005 } 4005 }
4006 @media (min-width: 768px) { 4006 @media (min-width: 768px) {
4007 .main__employer-page-two-item-button { 4007 .main__employer-page-two-item-button {
4008 position: absolute; 4008 position: absolute;
4009 bottom: 20px; 4009 bottom: 20px;
4010 left: 20px; 4010 left: 20px;
4011 width: 200px; 4011 width: 200px;
4012 padding: 0; 4012 padding: 0;
4013 } 4013 }
4014 } 4014 }
4015 @media (min-width: 768px) { 4015 @media (min-width: 768px) {
4016 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 4016 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
4017 left: auto; 4017 left: auto;
4018 right: 20px; 4018 right: 20px;
4019 } 4019 }
4020 } 4020 }
4021 .main__employer-page-two-item-bottom { 4021 .main__employer-page-two-item-bottom {
4022 display: -webkit-box; 4022 display: -webkit-box;
4023 display: -ms-flexbox; 4023 display: -ms-flexbox;
4024 display: flex; 4024 display: flex;
4025 -webkit-box-align: center; 4025 -webkit-box-align: center;
4026 -ms-flex-align: center; 4026 -ms-flex-align: center;
4027 align-items: center; 4027 align-items: center;
4028 -webkit-box-pack: justify; 4028 -webkit-box-pack: justify;
4029 -ms-flex-pack: justify; 4029 -ms-flex-pack: justify;
4030 justify-content: space-between; 4030 justify-content: space-between;
4031 } 4031 }
4032 .main__employer-page-two-item-bottom-date { 4032 .main__employer-page-two-item-bottom-date {
4033 color: #000; 4033 color: #000;
4034 } 4034 }
4035 @media (min-width: 768px) { 4035 @media (min-width: 768px) {
4036 .main__employer-page-two-item-bottom-date { 4036 .main__employer-page-two-item-bottom-date {
4037 position: absolute; 4037 position: absolute;
4038 bottom: 20px; 4038 bottom: 20px;
4039 right: 240px; 4039 right: 240px;
4040 height: 42px; 4040 height: 42px;
4041 display: -webkit-box; 4041 display: -webkit-box;
4042 display: -ms-flexbox; 4042 display: -ms-flexbox;
4043 display: flex; 4043 display: flex;
4044 -webkit-box-align: center; 4044 -webkit-box-align: center;
4045 -ms-flex-align: center; 4045 -ms-flex-align: center;
4046 align-items: center; 4046 align-items: center;
4047 } 4047 }
4048 } 4048 }
4049 @media (min-width: 992px) { 4049 @media (min-width: 992px) {
4050 .main__employer-page-two-item-bottom-date { 4050 .main__employer-page-two-item-bottom-date {
4051 font-size: 16px; 4051 font-size: 16px;
4052 } 4052 }
4053 } 4053 }
4054 @media (min-width: 768px) { 4054 @media (min-width: 768px) {
4055 .main__employer-page-two-item-bottom-like { 4055 .main__employer-page-two-item-bottom-like {
4056 position: absolute; 4056 position: absolute;
4057 bottom: 20px; 4057 bottom: 20px;
4058 left: 240px; 4058 left: 240px;
4059 } 4059 }
4060 } 4060 }
4061 @media (min-width: 768px) { 4061 @media (min-width: 768px) {
4062 .main__employer-page-two-more { 4062 .main__employer-page-two-more {
4063 margin-top: 10px; 4063 margin-top: 10px;
4064 padding: 0; 4064 padding: 0;
4065 width: 200px; 4065 width: 200px;
4066 } 4066 }
4067 } 4067 }
4068 .main__employer-page-two .main__employer-page-two-item { 4068 .main__employer-page-two .main__employer-page-two-item {
4069 /* display: none;*/ 4069 /* display: none;*/
4070 } 4070 }
4071 .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) { 4071 .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) {
4072 display: -webkit-box; 4072 display: -webkit-box;
4073 display: -ms-flexbox; 4073 display: -ms-flexbox;
4074 display: flex; 4074 display: flex;
4075 } 4075 }
4076 .main__employer-page-two.active .main__employer-page-two-item { 4076 .main__employer-page-two.active .main__employer-page-two-item {
4077 display: -webkit-box; 4077 display: -webkit-box;
4078 display: -ms-flexbox; 4078 display: -ms-flexbox;
4079 display: flex; 4079 display: flex;
4080 } 4080 }
4081 .main__resume-base { 4081 .main__resume-base {
4082 display: -webkit-box; 4082 display: -webkit-box;
4083 display: -ms-flexbox; 4083 display: -ms-flexbox;
4084 display: flex; 4084 display: flex;
4085 -webkit-box-orient: vertical; 4085 -webkit-box-orient: vertical;
4086 -webkit-box-direction: normal; 4086 -webkit-box-direction: normal;
4087 -ms-flex-direction: column; 4087 -ms-flex-direction: column;
4088 flex-direction: column; 4088 flex-direction: column;
4089 color: #000; 4089 color: #000;
4090 } 4090 }
4091 .main__resume-base-body { 4091 .main__resume-base-body {
4092 display: none; 4092 display: none;
4093 -webkit-box-orient: vertical; 4093 -webkit-box-orient: vertical;
4094 -webkit-box-direction: normal; 4094 -webkit-box-direction: normal;
4095 -ms-flex-direction: column; 4095 -ms-flex-direction: column;
4096 flex-direction: column; 4096 flex-direction: column;
4097 margin-top: 10px; 4097 margin-top: 10px;
4098 } 4098 }
4099 @media (min-width: 768px) { 4099 @media (min-width: 768px) {
4100 .main__resume-base-body { 4100 .main__resume-base-body {
4101 margin-top: 30px; 4101 margin-top: 30px;
4102 } 4102 }
4103 } 4103 }
4104 .main__resume-base-body.showed { 4104 .main__resume-base-body.showed {
4105 display: -webkit-box; 4105 display: -webkit-box;
4106 display: -ms-flexbox; 4106 display: -ms-flexbox;
4107 display: flex; 4107 display: flex;
4108 } 4108 }
4109 .main__resume-base-body-one { 4109 .main__resume-base-body-one {
4110 display: -webkit-box; 4110 display: -webkit-box;
4111 display: -ms-flexbox; 4111 display: -ms-flexbox;
4112 display: flex; 4112 display: flex;
4113 -webkit-box-orient: vertical; 4113 -webkit-box-orient: vertical;
4114 -webkit-box-direction: normal; 4114 -webkit-box-direction: normal;
4115 -ms-flex-direction: column; 4115 -ms-flex-direction: column;
4116 flex-direction: column; 4116 flex-direction: column;
4117 -webkit-box-align: center; 4117 -webkit-box-align: center;
4118 -ms-flex-align: center; 4118 -ms-flex-align: center;
4119 align-items: center; 4119 align-items: center;
4120 gap: 20px; 4120 gap: 20px;
4121 } 4121 }
4122 @media (min-width: 768px) { 4122 @media (min-width: 768px) {
4123 .main__resume-base-body-one { 4123 .main__resume-base-body-one {
4124 gap: 30px; 4124 gap: 30px;
4125 } 4125 }
4126 } 4126 }
4127 .main__resume-base-body-two { 4127 .main__resume-base-body-two {
4128 display: -webkit-box; 4128 display: -webkit-box;
4129 display: -ms-flexbox; 4129 display: -ms-flexbox;
4130 display: flex; 4130 display: flex;
4131 -webkit-box-orient: vertical; 4131 -webkit-box-orient: vertical;
4132 -webkit-box-direction: normal; 4132 -webkit-box-direction: normal;
4133 -ms-flex-direction: column; 4133 -ms-flex-direction: column;
4134 flex-direction: column; 4134 flex-direction: column;
4135 gap: 20px; 4135 gap: 20px;
4136 } 4136 }
4137 @media (min-width: 768px) { 4137 @media (min-width: 768px) {
4138 .main__resume-base-body-two { 4138 .main__resume-base-body-two {
4139 -webkit-box-orient: horizontal; 4139 -webkit-box-orient: horizontal;
4140 -webkit-box-direction: normal; 4140 -webkit-box-direction: normal;
4141 -ms-flex-direction: row; 4141 -ms-flex-direction: row;
4142 flex-direction: row; 4142 flex-direction: row;
4143 -webkit-box-pack: justify; 4143 -webkit-box-pack: justify;
4144 -ms-flex-pack: justify; 4144 -ms-flex-pack: justify;
4145 justify-content: space-between; 4145 justify-content: space-between;
4146 -webkit-box-align: start; 4146 -webkit-box-align: start;
4147 -ms-flex-align: start; 4147 -ms-flex-align: start;
4148 align-items: flex-start; 4148 align-items: flex-start;
4149 -ms-flex-wrap: wrap; 4149 -ms-flex-wrap: wrap;
4150 flex-wrap: wrap; 4150 flex-wrap: wrap;
4151 gap: 30px 0; 4151 gap: 30px 0;
4152 } 4152 }
4153 } 4153 }
4154 @media (min-width: 768px) { 4154 @media (min-width: 768px) {
4155 .main__resume-base-body-two .main__resume-base-body-item { 4155 .main__resume-base-body-two .main__resume-base-body-item {
4156 width: calc(50% - 10px); 4156 width: calc(50% - 10px);
4157 } 4157 }
4158 } 4158 }
4159 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4159 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4160 -webkit-box-orient: vertical; 4160 -webkit-box-orient: vertical;
4161 -webkit-box-direction: normal; 4161 -webkit-box-direction: normal;
4162 -ms-flex-direction: column; 4162 -ms-flex-direction: column;
4163 flex-direction: column; 4163 flex-direction: column;
4164 } 4164 }
4165 .main__resume-base-body-item { 4165 .main__resume-base-body-item {
4166 width: 100%; 4166 width: 100%;
4167 display: -webkit-box; 4167 display: -webkit-box;
4168 display: -ms-flexbox; 4168 display: -ms-flexbox;
4169 display: flex; 4169 display: flex;
4170 -webkit-box-orient: vertical; 4170 -webkit-box-orient: vertical;
4171 -webkit-box-direction: normal; 4171 -webkit-box-direction: normal;
4172 -ms-flex-direction: column; 4172 -ms-flex-direction: column;
4173 flex-direction: column; 4173 flex-direction: column;
4174 gap: 20px; 4174 gap: 20px;
4175 position: relative; 4175 position: relative;
4176 border: 1px solid #377d87; 4176 border: 1px solid #377d87;
4177 border-radius: 8px; 4177 border-radius: 8px;
4178 padding: 10px; 4178 padding: 10px;
4179 -webkit-box-align: center; 4179 -webkit-box-align: center;
4180 -ms-flex-align: center; 4180 -ms-flex-align: center;
4181 align-items: center; 4181 align-items: center;
4182 } 4182 }
4183 @media (min-width: 768px) { 4183 @media (min-width: 768px) {
4184 .main__resume-base-body-item { 4184 .main__resume-base-body-item {
4185 padding: 20px; 4185 padding: 20px;
4186 } 4186 }
4187 } 4187 }
4188 .main__resume-base-body-item-buttons { 4188 .main__resume-base-body-item-buttons {
4189 margin-top: 10px; 4189 margin-top: 10px;
4190 } 4190 }
4191 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4191 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4192 width: 100%; 4192 width: 100%;
4193 margin-bottom: 10px; 4193 margin-bottom: 10px;
4194 } 4194 }
4195 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4195 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4196 background: #377d87; 4196 background: #377d87;
4197 color: #fff; 4197 color: #fff;
4198 } 4198 }
4199 .main__resume-base-body-item-buttons .chat.active{ 4199 .main__resume-base-body-item-buttons .chat.active{
4200 background: #fff; 4200 background: #fff;
4201 color: #377d87; 4201 color: #377d87;
4202 } 4202 }
4203 .main__resume-base-body-item-buttons button.like.active{ 4203 .main__resume-base-body-item-buttons button.like.active{
4204 background-color: #ffffff; 4204 background-color: #ffffff;
4205 color: #eb5757; 4205 color: #eb5757;
4206 } 4206 }
4207 .main__resume-base-body-item-buttons button span{ 4207 .main__resume-base-body-item-buttons button span{
4208 margin-left: 10px; 4208 margin-left: 10px;
4209 } 4209 }
4210 .main__resume-base-body-item-buttons .like .in-favorites{ 4210 .main__resume-base-body-item-buttons .like .in-favorites{
4211 display: none; 4211 display: none;
4212 } 4212 }
4213 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4213 .main__resume-base-body-item-buttons .like.active .in-favorites{
4214 display: block; 4214 display: block;
4215 color: #eb5757; 4215 color: #eb5757;
4216 } 4216 }
4217 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4217 .main__resume-base-body-item-buttons .like.active .to-favorites{
4218 display: none; 4218 display: none;
4219 } 4219 }
4220 .main__resume-base-body-item-wrapper { 4220 .main__resume-base-body-item-wrapper {
4221 display: -webkit-box; 4221 display: -webkit-box;
4222 display: -ms-flexbox; 4222 display: -ms-flexbox;
4223 display: flex; 4223 display: flex;
4224 -webkit-box-orient: vertical; 4224 -webkit-box-orient: vertical;
4225 -webkit-box-direction: normal; 4225 -webkit-box-direction: normal;
4226 -ms-flex-direction: column; 4226 -ms-flex-direction: column;
4227 flex-direction: column; 4227 flex-direction: column;
4228 -webkit-box-align: start; 4228 -webkit-box-align: start;
4229 -ms-flex-align: start; 4229 -ms-flex-align: start;
4230 align-items: flex-start; 4230 align-items: flex-start;
4231 gap: 20px; 4231 gap: 20px;
4232 width: 100%; 4232 width: 100%;
4233 } 4233 }
4234 @media (min-width: 768px) { 4234 @media (min-width: 768px) {
4235 .main__resume-base-body-item-wrapper { 4235 .main__resume-base-body-item-wrapper {
4236 -webkit-box-orient: horizontal; 4236 -webkit-box-orient: horizontal;
4237 -webkit-box-direction: normal; 4237 -webkit-box-direction: normal;
4238 -ms-flex-direction: row; 4238 -ms-flex-direction: row;
4239 flex-direction: row; 4239 flex-direction: row;
4240 } 4240 }
4241 } 4241 }
4242 .main__resume-base-body-item-photo { 4242 .main__resume-base-body-item-photo {
4243 width: 180px; 4243 width: 180px;
4244 aspect-ratio: 1/1; 4244 aspect-ratio: 1/1;
4245 -o-object-fit: cover; 4245 -o-object-fit: cover;
4246 object-fit: cover; 4246 object-fit: cover;
4247 border-radius: 8px; 4247 border-radius: 8px;
4248 } 4248 }
4249 @media (min-width: 768px) { 4249 @media (min-width: 768px) {
4250 .main__resume-base-body-item-photo { 4250 .main__resume-base-body-item-photo {
4251 width: 210px; 4251 width: 210px;
4252 } 4252 }
4253 } 4253 }
4254 .main__resume-base-body-item-inner { 4254 .main__resume-base-body-item-inner {
4255 display: -webkit-box; 4255 display: -webkit-box;
4256 display: -ms-flexbox; 4256 display: -ms-flexbox;
4257 display: flex; 4257 display: flex;
4258 -webkit-box-orient: vertical; 4258 -webkit-box-orient: vertical;
4259 -webkit-box-direction: normal; 4259 -webkit-box-direction: normal;
4260 -ms-flex-direction: column; 4260 -ms-flex-direction: column;
4261 flex-direction: column; 4261 flex-direction: column;
4262 gap: 10px; 4262 gap: 10px;
4263 width: 100%; 4263 width: 100%;
4264 row-gap: 10px; 4264 row-gap: 10px;
4265 } 4265 }
4266 .main__resume-base-body-item-inner .horizontal{ 4266 .main__resume-base-body-item-inner .horizontal{
4267 -webkit-box-orient: horizontal; 4267 -webkit-box-orient: horizontal;
4268 -ms-flex-direction: unset; 4268 -ms-flex-direction: unset;
4269 flex-direction: row; 4269 flex-direction: row;
4270 align-items: start; 4270 align-items: start;
4271 } 4271 }
4272 .main__resume-base-item-status{ 4272 .main__resume-base-item-status{
4273 width: fit-content; 4273 width: fit-content;
4274 background-color: #e6e6e6; 4274 background-color: #e6e6e6;
4275 font-weight: bold; 4275 font-weight: bold;
4276 padding: 5px 10px; 4276 padding: 5px 10px;
4277 border-radius: 8px; 4277 border-radius: 8px;
4278 } 4278 }
4279 .main__resume-base-item-status.looking-for-job{ 4279 .main__resume-base-item-status.looking-for-job{
4280 background-color: #eb5757; 4280 background-color: #eb5757;
4281 color: #fff; 4281 color: #fff;
4282 } 4282 }
4283 .main__resume-base-item-updated-at{ 4283 .main__resume-base-item-updated-at{
4284 padding: 5px 10px; 4284 padding: 5px 10px;
4285 border-radius: 8px; 4285 border-radius: 8px;
4286 border: 1px #e6e6e6 solid; 4286 border: 1px #e6e6e6 solid;
4287 } 4287 }
4288 @media (min-width: 768px) { 4288 @media (min-width: 768px) {
4289 .main__resume-base-body-item-inner { 4289 .main__resume-base-body-item-inner {
4290 gap: 16px; 4290 gap: 16px;
4291 padding-right: 50px; 4291 padding-right: 50px;
4292 } 4292 }
4293 } 4293 }
4294 @media (min-width: 992px) { 4294 @media (min-width: 992px) {
4295 .main__resume-base-body-item-inner { 4295 .main__resume-base-body-item-inner {
4296 display: grid; 4296 display: grid;
4297 grid-template-columns: repeat(2, 1fr); 4297 grid-template-columns: repeat(2, 1fr);
4298 gap: 30px; 4298 gap: 30px;
4299 row-gap: 10px; 4299 row-gap: 10px;
4300 } 4300 }
4301 } 4301 }
4302 .main__resume-base-body-item-inner div { 4302 .main__resume-base-body-item-inner div {
4303 display: -webkit-box; 4303 display: -webkit-box;
4304 display: -ms-flexbox; 4304 display: -ms-flexbox;
4305 display: flex; 4305 display: flex;
4306 -webkit-box-orient: vertical; 4306 -webkit-box-orient: vertical;
4307 -webkit-box-direction: normal; 4307 -webkit-box-direction: normal;
4308 -ms-flex-direction: column; 4308 -ms-flex-direction: column;
4309 flex-direction: column; 4309 flex-direction: column;
4310 gap: 4px; 4310 gap: 4px;
4311 font-size: 12px; 4311 font-size: 12px;
4312 } 4312 }
4313 @media (min-width: 768px) { 4313 @media (min-width: 768px) {
4314 .main__resume-base-body-item-inner div { 4314 .main__resume-base-body-item-inner div {
4315 font-size: 16px; 4315 font-size: 16px;
4316 } 4316 }
4317 } 4317 }
4318 .main__resume-base-body-item-inner b { 4318 .main__resume-base-body-item-inner b {
4319 color: #377d87; 4319 color: #377d87;
4320 font-size: 14px; 4320 font-size: 14px;
4321 } 4321 }
4322 @media (min-width: 768px) { 4322 @media (min-width: 768px) {
4323 .main__resume-base-body-item-inner b { 4323 .main__resume-base-body-item-inner b {
4324 font-size: 18px; 4324 font-size: 18px;
4325 } 4325 }
4326 } 4326 }
4327 .main__resume-base-body-item-link { 4327 .main__resume-base-body-item-link {
4328 width: 100%; 4328 width: 100%;
4329 padding: 0; 4329 padding: 0;
4330 } 4330 }
4331 @media (min-width: 768px) { 4331 @media (min-width: 768px) {
4332 .main__resume-base-body-item-link { 4332 .main__resume-base-body-item-link {
4333 width: 200px; 4333 width: 200px;
4334 } 4334 }
4335 } 4335 }
4336 .main__spoiler { 4336 .main__spoiler {
4337 overflow: hidden; 4337 overflow: hidden;
4338 border-radius: 8px; 4338 border-radius: 8px;
4339 display: -webkit-box; 4339 display: -webkit-box;
4340 display: -ms-flexbox; 4340 display: -ms-flexbox;
4341 display: flex; 4341 display: flex;
4342 -webkit-box-orient: vertical; 4342 -webkit-box-orient: vertical;
4343 -webkit-box-direction: normal; 4343 -webkit-box-direction: normal;
4344 -ms-flex-direction: column; 4344 -ms-flex-direction: column;
4345 flex-direction: column; 4345 flex-direction: column;
4346 } 4346 }
4347 .main__spoiler-toper { 4347 .main__spoiler-toper {
4348 background: #377d87; 4348 background: #377d87;
4349 height: 30px; 4349 height: 30px;
4350 display: -webkit-box; 4350 display: -webkit-box;
4351 display: -ms-flexbox; 4351 display: -ms-flexbox;
4352 display: flex; 4352 display: flex;
4353 -webkit-box-align: center; 4353 -webkit-box-align: center;
4354 -ms-flex-align: center; 4354 -ms-flex-align: center;
4355 align-items: center; 4355 align-items: center;
4356 -webkit-box-pack: center; 4356 -webkit-box-pack: center;
4357 -ms-flex-pack: center; 4357 -ms-flex-pack: center;
4358 justify-content: center; 4358 justify-content: center;
4359 color: #fff; 4359 color: #fff;
4360 font-size: 12px; 4360 font-size: 12px;
4361 font-weight: 700; 4361 font-weight: 700;
4362 padding: 0 30px; 4362 padding: 0 30px;
4363 border: none; 4363 border: none;
4364 position: relative; 4364 position: relative;
4365 } 4365 }
4366 @media (min-width: 768px) { 4366 @media (min-width: 768px) {
4367 .main__spoiler-toper { 4367 .main__spoiler-toper {
4368 font-size: 18px; 4368 font-size: 18px;
4369 height: 50px; 4369 height: 50px;
4370 padding: 0 60px; 4370 padding: 0 60px;
4371 } 4371 }
4372 } 4372 }
4373 .main__spoiler-toper:before, .main__spoiler-toper:after { 4373 .main__spoiler-toper:before, .main__spoiler-toper:after {
4374 content: ""; 4374 content: "";
4375 background: #fff; 4375 background: #fff;
4376 border-radius: 999px; 4376 border-radius: 999px;
4377 width: 10px; 4377 width: 10px;
4378 height: 1px; 4378 height: 1px;
4379 position: absolute; 4379 position: absolute;
4380 top: 50%; 4380 top: 50%;
4381 right: 10px; 4381 right: 10px;
4382 -webkit-transition: 0.3s; 4382 -webkit-transition: 0.3s;
4383 transition: 0.3s; 4383 transition: 0.3s;
4384 -webkit-transform: translate(0, -50%); 4384 -webkit-transform: translate(0, -50%);
4385 -ms-transform: translate(0, -50%); 4385 -ms-transform: translate(0, -50%);
4386 transform: translate(0, -50%); 4386 transform: translate(0, -50%);
4387 } 4387 }
4388 @media (min-width: 768px) { 4388 @media (min-width: 768px) {
4389 .main__spoiler-toper:before, .main__spoiler-toper:after { 4389 .main__spoiler-toper:before, .main__spoiler-toper:after {
4390 width: 20px; 4390 width: 20px;
4391 height: 2px; 4391 height: 2px;
4392 right: 20px; 4392 right: 20px;
4393 } 4393 }
4394 } 4394 }
4395 .main__spoiler-toper:after { 4395 .main__spoiler-toper:after {
4396 -webkit-transform: rotate(90deg); 4396 -webkit-transform: rotate(90deg);
4397 -ms-transform: rotate(90deg); 4397 -ms-transform: rotate(90deg);
4398 transform: rotate(90deg); 4398 transform: rotate(90deg);
4399 } 4399 }
4400 .main__spoiler-toper.active:after { 4400 .main__spoiler-toper.active:after {
4401 -webkit-transform: rotate(0deg); 4401 -webkit-transform: rotate(0deg);
4402 -ms-transform: rotate(0deg); 4402 -ms-transform: rotate(0deg);
4403 transform: rotate(0deg); 4403 transform: rotate(0deg);
4404 } 4404 }
4405 .main__spoiler-body { 4405 .main__spoiler-body {
4406 opacity: 0; 4406 opacity: 0;
4407 height: 0; 4407 height: 0;
4408 overflow: hidden; 4408 overflow: hidden;
4409 border-radius: 0 0 8px 8px; 4409 border-radius: 0 0 8px 8px;
4410 background: #fff; 4410 background: #fff;
4411 } 4411 }
4412 .main__spoiler-body table { 4412 .main__spoiler-body table {
4413 width: calc(100% + 2px); 4413 width: calc(100% + 2px);
4414 margin-left: -1px; 4414 margin-left: -1px;
4415 margin-bottom: -1px; 4415 margin-bottom: -1px;
4416 } 4416 }
4417 @media (min-width: 992px) { 4417 @media (min-width: 992px) {
4418 .main__spoiler-body table td { 4418 .main__spoiler-body table td {
4419 width: 50%; 4419 width: 50%;
4420 } 4420 }
4421 } 4421 }
4422 @media (min-width: 992px) { 4422 @media (min-width: 992px) {
4423 .main__spoiler-body table td + td { 4423 .main__spoiler-body table td + td {
4424 width: 50%; 4424 width: 50%;
4425 } 4425 }
4426 } 4426 }
4427 .active + .main__spoiler-body { 4427 .active + .main__spoiler-body {
4428 -webkit-transition: 0.3s; 4428 -webkit-transition: 0.3s;
4429 transition: 0.3s; 4429 transition: 0.3s;
4430 opacity: 1; 4430 opacity: 1;
4431 height: auto; 4431 height: auto;
4432 border: 1px solid #cecece; 4432 border: 1px solid #cecece;
4433 border-top: none; 4433 border-top: none;
4434 } 4434 }
4435 .main__table { 4435 .main__table {
4436 border-collapse: collapse; 4436 border-collapse: collapse;
4437 table-layout: fixed; 4437 table-layout: fixed;
4438 font-size: 12px; 4438 font-size: 12px;
4439 width: 100%; 4439 width: 100%;
4440 background: #fff; 4440 background: #fff;
4441 } 4441 }
4442 @media (min-width: 768px) { 4442 @media (min-width: 768px) {
4443 .main__table { 4443 .main__table {
4444 font-size: 16px; 4444 font-size: 16px;
4445 } 4445 }
4446 } 4446 }
4447 .main__table td { 4447 .main__table td {
4448 border: 1px solid #cecece; 4448 border: 1px solid #cecece;
4449 padding: 4px 8px; 4449 padding: 4px 8px;
4450 vertical-align: top; 4450 vertical-align: top;
4451 } 4451 }
4452 @media (min-width: 768px) { 4452 @media (min-width: 768px) {
4453 .main__table td { 4453 .main__table td {
4454 padding: 8px 16px; 4454 padding: 8px 16px;
4455 } 4455 }
4456 } 4456 }
4457 .main__table td b { 4457 .main__table td b {
4458 font-weight: 700; 4458 font-weight: 700;
4459 } 4459 }
4460 .main__table_three { 4460 .main__table_three {
4461 table-layout: auto; 4461 table-layout: auto;
4462 } 4462 }
4463 .main__table_three td { 4463 .main__table_three td {
4464 width: 25% !important; 4464 width: 25% !important;
4465 } 4465 }
4466 .main__table_three td:last-child { 4466 .main__table_three td:last-child {
4467 width: 50% !important; 4467 width: 50% !important;
4468 } 4468 }
4469 .main__table b { 4469 .main__table b {
4470 display: block; 4470 display: block;
4471 } 4471 }
4472 .main__table a { 4472 .main__table a {
4473 color: #377d87; 4473 color: #377d87;
4474 text-decoration: underline; 4474 text-decoration: underline;
4475 } 4475 }
4476 .main__table a:hover { 4476 .main__table a:hover {
4477 color: #000; 4477 color: #000;
4478 } 4478 }
4479 .main__resume-profile-about { 4479 .main__resume-profile-about {
4480 padding-top: 20px; 4480 padding-top: 20px;
4481 padding-bottom: 30px; 4481 padding-bottom: 30px;
4482 position: relative; 4482 position: relative;
4483 margin-top: 30px; 4483 margin-top: 30px;
4484 display: -webkit-box; 4484 display: -webkit-box;
4485 display: -ms-flexbox; 4485 display: -ms-flexbox;
4486 display: flex; 4486 display: flex;
4487 -webkit-box-orient: vertical; 4487 -webkit-box-orient: vertical;
4488 -webkit-box-direction: normal; 4488 -webkit-box-direction: normal;
4489 -ms-flex-direction: column; 4489 -ms-flex-direction: column;
4490 flex-direction: column; 4490 flex-direction: column;
4491 -webkit-box-align: start; 4491 -webkit-box-align: start;
4492 -ms-flex-align: start; 4492 -ms-flex-align: start;
4493 align-items: flex-start; 4493 align-items: flex-start;
4494 gap: 10px; 4494 gap: 10px;
4495 } 4495 }
4496 @media (min-width: 992px) { 4496 @media (min-width: 992px) {
4497 .main__resume-profile-about { 4497 .main__resume-profile-about {
4498 padding: 50px 0; 4498 padding: 50px 0;
4499 } 4499 }
4500 } 4500 }
4501 .main__resume-profile-about:before { 4501 .main__resume-profile-about:before {
4502 content: ""; 4502 content: "";
4503 position: absolute; 4503 position: absolute;
4504 z-index: 1; 4504 z-index: 1;
4505 top: 0; 4505 top: 0;
4506 left: 50%; 4506 left: 50%;
4507 width: 20000px; 4507 width: 20000px;
4508 height: 100%; 4508 height: 100%;
4509 margin-left: -10000px; 4509 margin-left: -10000px;
4510 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4510 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4511 } 4511 }
4512 .main__resume-profile-about-title { 4512 .main__resume-profile-about-title {
4513 position: relative; 4513 position: relative;
4514 z-index: 2; 4514 z-index: 2;
4515 color: #000; 4515 color: #000;
4516 } 4516 }
4517 .main__resume-profile-about-text { 4517 .main__resume-profile-about-text {
4518 position: relative; 4518 position: relative;
4519 z-index: 2; 4519 z-index: 2;
4520 } 4520 }
4521 .main__resume-profile-about-button { 4521 .main__resume-profile-about-button {
4522 position: relative; 4522 position: relative;
4523 z-index: 2; 4523 z-index: 2;
4524 margin-top: 10px; 4524 margin-top: 10px;
4525 } 4525 }
4526 .main__resume-profile-about-buttons{ 4526 .main__resume-profile-about-buttons{
4527 display: flex; 4527 display: flex;
4528 width: 100%; 4528 width: 100%;
4529 position: relative; 4529 position: relative;
4530 z-index: 2; 4530 z-index: 2;
4531 } 4531 }
4532 .main__resume-profile-about-buttons .like{ 4532 .main__resume-profile-about-buttons .like{
4533 width: 200px; 4533 width: 200px;
4534 } 4534 }
4535 .main__resume-profile-about-buttons .like.active{ 4535 .main__resume-profile-about-buttons .like.active{
4536 background: #fff; 4536 background: #fff;
4537 color: #eb5757; 4537 color: #eb5757;
4538 } 4538 }
4539 .main__resume-profile-about-buttons .like .in-favorites{ 4539 .main__resume-profile-about-buttons .like .in-favorites{
4540 display: none; 4540 display: none;
4541 } 4541 }
4542 .main__resume-profile-about-buttons .like.active .in-favorites{ 4542 .main__resume-profile-about-buttons .like.active .in-favorites{
4543 display: block; 4543 display: block;
4544 color: #eb5757; 4544 color: #eb5757;
4545 } 4545 }
4546 .main__resume-profile-about-buttons .like.active .to-favorites{ 4546 .main__resume-profile-about-buttons .like.active .to-favorites{
4547 display: none; 4547 display: none;
4548 } 4548 }
4549 .main__resume-profile-about-text { 4549 .main__resume-profile-about-text {
4550 position: relative; 4550 position: relative;
4551 z-index: 2; 4551 z-index: 2;
4552 } 4552 }
4553 .main__resume-profile-info { 4553 .main__resume-profile-info {
4554 display: -webkit-box; 4554 display: -webkit-box;
4555 display: -ms-flexbox; 4555 display: -ms-flexbox;
4556 display: flex; 4556 display: flex;
4557 -webkit-box-orient: vertical; 4557 -webkit-box-orient: vertical;
4558 -webkit-box-direction: normal; 4558 -webkit-box-direction: normal;
4559 -ms-flex-direction: column; 4559 -ms-flex-direction: column;
4560 flex-direction: column; 4560 flex-direction: column;
4561 gap: 20px; 4561 gap: 20px;
4562 margin-top: 30px; 4562 margin-top: 30px;
4563 } 4563 }
4564 @media (min-width: 992px) { 4564 @media (min-width: 992px) {
4565 .main__resume-profile-info { 4565 .main__resume-profile-info {
4566 margin-top: 50px; 4566 margin-top: 50px;
4567 gap: 30px; 4567 gap: 30px;
4568 } 4568 }
4569 } 4569 }
4570 .main__resume-profile-info-title { 4570 .main__resume-profile-info-title {
4571 color: #000; 4571 color: #000;
4572 } 4572 }
4573 .main__resume-profile-info-body { 4573 .main__resume-profile-info-body {
4574 display: -webkit-box; 4574 display: -webkit-box;
4575 display: -ms-flexbox; 4575 display: -ms-flexbox;
4576 display: flex; 4576 display: flex;
4577 -webkit-box-orient: vertical; 4577 -webkit-box-orient: vertical;
4578 -webkit-box-direction: normal; 4578 -webkit-box-direction: normal;
4579 -ms-flex-direction: column; 4579 -ms-flex-direction: column;
4580 flex-direction: column; 4580 flex-direction: column;
4581 gap: 20px; 4581 gap: 20px;
4582 } 4582 }
4583 @media (min-width: 992px) { 4583 @media (min-width: 992px) {
4584 .main__resume-profile-info-body { 4584 .main__resume-profile-info-body {
4585 gap: 30px; 4585 gap: 30px;
4586 } 4586 }
4587 } 4587 }
4588 .main__resume-profile-info-body-item { 4588 .main__resume-profile-info-body-item {
4589 display: -webkit-box; 4589 display: -webkit-box;
4590 display: -ms-flexbox; 4590 display: -ms-flexbox;
4591 display: flex; 4591 display: flex;
4592 -webkit-box-orient: vertical; 4592 -webkit-box-orient: vertical;
4593 -webkit-box-direction: normal; 4593 -webkit-box-direction: normal;
4594 -ms-flex-direction: column; 4594 -ms-flex-direction: column;
4595 flex-direction: column; 4595 flex-direction: column;
4596 gap: 10px; 4596 gap: 10px;
4597 } 4597 }
4598 @media (min-width: 768px) { 4598 @media (min-width: 768px) {
4599 .main__resume-profile-info-body-item { 4599 .main__resume-profile-info-body-item {
4600 gap: 20px; 4600 gap: 20px;
4601 } 4601 }
4602 } 4602 }
4603 .main__resume-profile-info-body-subtitle { 4603 .main__resume-profile-info-body-subtitle {
4604 color: #4d88d9; 4604 color: #4d88d9;
4605 } 4605 }
4606 .main__resume-profile-info-body-inner { 4606 .main__resume-profile-info-body-inner {
4607 display: -webkit-box; 4607 display: -webkit-box;
4608 display: -ms-flexbox; 4608 display: -ms-flexbox;
4609 display: flex; 4609 display: flex;
4610 -webkit-box-orient: vertical; 4610 -webkit-box-orient: vertical;
4611 -webkit-box-direction: normal; 4611 -webkit-box-direction: normal;
4612 -ms-flex-direction: column; 4612 -ms-flex-direction: column;
4613 flex-direction: column; 4613 flex-direction: column;
4614 gap: 20px; 4614 gap: 20px;
4615 margin: 0; 4615 margin: 0;
4616 padding: 0; 4616 padding: 0;
4617 font-size: 12px; 4617 font-size: 12px;
4618 } 4618 }
4619 @media (min-width: 768px) { 4619 @media (min-width: 768px) {
4620 .main__resume-profile-info-body-inner { 4620 .main__resume-profile-info-body-inner {
4621 display: grid; 4621 display: grid;
4622 grid-template-columns: repeat(2, 1fr); 4622 grid-template-columns: repeat(2, 1fr);
4623 } 4623 }
4624 } 4624 }
4625 @media (min-width: 992px) { 4625 @media (min-width: 992px) {
4626 .main__resume-profile-info-body-inner { 4626 .main__resume-profile-info-body-inner {
4627 grid-template-columns: repeat(3, 1fr); 4627 grid-template-columns: repeat(3, 1fr);
4628 font-size: 16px; 4628 font-size: 16px;
4629 } 4629 }
4630 } 4630 }
4631 .main__resume-profile-info-body-inner li { 4631 .main__resume-profile-info-body-inner li {
4632 display: -webkit-box; 4632 display: -webkit-box;
4633 display: -ms-flexbox; 4633 display: -ms-flexbox;
4634 display: flex; 4634 display: flex;
4635 -webkit-box-orient: vertical; 4635 -webkit-box-orient: vertical;
4636 -webkit-box-direction: normal; 4636 -webkit-box-direction: normal;
4637 -ms-flex-direction: column; 4637 -ms-flex-direction: column;
4638 flex-direction: column; 4638 flex-direction: column;
4639 gap: 6px; 4639 gap: 6px;
4640 } 4640 }
4641 @media (min-width: 992px) { 4641 @media (min-width: 992px) {
4642 .main__resume-profile-info-body-inner li { 4642 .main__resume-profile-info-body-inner li {
4643 gap: 8px; 4643 gap: 8px;
4644 } 4644 }
4645 } 4645 }
4646 .main__resume-profile-info-body-inner b { 4646 .main__resume-profile-info-body-inner b {
4647 color: #377d87; 4647 color: #377d87;
4648 font-size: 14px; 4648 font-size: 14px;
4649 } 4649 }
4650 @media (min-width: 992px) { 4650 @media (min-width: 992px) {
4651 .main__resume-profile-info-body-inner b { 4651 .main__resume-profile-info-body-inner b {
4652 font-size: 18px; 4652 font-size: 18px;
4653 } 4653 }
4654 } 4654 }
4655 .main__resume-profile-info-body-inner span { 4655 .main__resume-profile-info-body-inner span {
4656 display: -webkit-box; 4656 display: -webkit-box;
4657 display: -ms-flexbox; 4657 display: -ms-flexbox;
4658 display: flex; 4658 display: flex;
4659 -webkit-box-orient: vertical; 4659 -webkit-box-orient: vertical;
4660 -webkit-box-direction: normal; 4660 -webkit-box-direction: normal;
4661 -ms-flex-direction: column; 4661 -ms-flex-direction: column;
4662 flex-direction: column; 4662 flex-direction: column;
4663 gap: 4px; 4663 gap: 4px;
4664 } 4664 }
4665 @media (min-width: 992px) { 4665 @media (min-width: 992px) {
4666 .main__resume-profile-info-body-inner span { 4666 .main__resume-profile-info-body-inner span {
4667 gap: 6px; 4667 gap: 6px;
4668 } 4668 }
4669 } 4669 }
4670 .main__resume-profile-review { 4670 .main__resume-profile-review {
4671 display: -webkit-box; 4671 display: -webkit-box;
4672 display: -ms-flexbox; 4672 display: -ms-flexbox;
4673 display: flex; 4673 display: flex;
4674 -webkit-box-orient: vertical; 4674 -webkit-box-orient: vertical;
4675 -webkit-box-direction: normal; 4675 -webkit-box-direction: normal;
4676 -ms-flex-direction: column; 4676 -ms-flex-direction: column;
4677 flex-direction: column; 4677 flex-direction: column;
4678 gap: 20px; 4678 gap: 20px;
4679 padding: 20px 10px; 4679 padding: 20px 10px;
4680 margin-top: 30px; 4680 margin-top: 30px;
4681 border-radius: 16px; 4681 border-radius: 16px;
4682 border: 1px solid #cecece; 4682 border: 1px solid #cecece;
4683 background: #fff; 4683 background: #fff;
4684 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4684 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4685 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4685 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4686 } 4686 }
4687 @media (min-width: 992px) { 4687 @media (min-width: 992px) {
4688 .main__resume-profile-review { 4688 .main__resume-profile-review {
4689 margin-top: 50px; 4689 margin-top: 50px;
4690 padding: 50px 40px; 4690 padding: 50px 40px;
4691 gap: 30px; 4691 gap: 30px;
4692 } 4692 }
4693 } 4693 }
4694 .main__resume-profile-review-title { 4694 .main__resume-profile-review-title {
4695 color: #000; 4695 color: #000;
4696 } 4696 }
4697 .main__resume-profile-review-body { 4697 .main__resume-profile-review-body {
4698 display: -webkit-box; 4698 display: -webkit-box;
4699 display: -ms-flexbox; 4699 display: -ms-flexbox;
4700 display: flex; 4700 display: flex;
4701 -webkit-box-orient: vertical; 4701 -webkit-box-orient: vertical;
4702 -webkit-box-direction: normal; 4702 -webkit-box-direction: normal;
4703 -ms-flex-direction: column; 4703 -ms-flex-direction: column;
4704 flex-direction: column; 4704 flex-direction: column;
4705 -webkit-box-align: start; 4705 -webkit-box-align: start;
4706 -ms-flex-align: start; 4706 -ms-flex-align: start;
4707 align-items: flex-start; 4707 align-items: flex-start;
4708 gap: 10px; 4708 gap: 10px;
4709 } 4709 }
4710 .main__resume-profile-review-body .textarea { 4710 .main__resume-profile-review-body .textarea {
4711 width: 100%; 4711 width: 100%;
4712 } 4712 }
4713 .main__resume-profile-review-body .button { 4713 .main__resume-profile-review-body .button {
4714 margin-top: 10px; 4714 margin-top: 10px;
4715 } 4715 }
4716 .main__vacancies { 4716 .main__vacancies {
4717 display: -webkit-box; 4717 display: -webkit-box;
4718 display: -ms-flexbox; 4718 display: -ms-flexbox;
4719 display: flex; 4719 display: flex;
4720 -webkit-box-orient: vertical; 4720 -webkit-box-orient: vertical;
4721 -webkit-box-direction: normal; 4721 -webkit-box-direction: normal;
4722 -ms-flex-direction: column; 4722 -ms-flex-direction: column;
4723 flex-direction: column; 4723 flex-direction: column;
4724 -webkit-box-align: center; 4724 -webkit-box-align: center;
4725 -ms-flex-align: center; 4725 -ms-flex-align: center;
4726 align-items: center; 4726 align-items: center;
4727 gap: 20px; 4727 gap: 20px;
4728 } 4728 }
4729 @media (min-width: 768px) { 4729 @media (min-width: 768px) {
4730 .main__vacancies { 4730 .main__vacancies {
4731 gap: 30px; 4731 gap: 30px;
4732 } 4732 }
4733 } 4733 }
4734 .main__vacancies-title { 4734 .main__vacancies-title {
4735 color: #000; 4735 color: #000;
4736 width: 100%; 4736 width: 100%;
4737 } 4737 }
4738 .main__vacancies-filters { 4738 .main__vacancies-filters {
4739 width: 100%; 4739 width: 100%;
4740 } 4740 }
4741 .main__vacancies-item { 4741 .main__vacancies-item {
4742 width: 100%; 4742 width: 100%;
4743 background: none; 4743 background: none;
4744 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4744 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4745 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4745 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4746 } 4746 }
4747 .main__vacancies-item-page { 4747 .main__vacancies-item-page {
4748 border: none; 4748 border: none;
4749 -webkit-box-shadow: none; 4749 -webkit-box-shadow: none;
4750 box-shadow: none; 4750 box-shadow: none;
4751 background: none; 4751 background: none;
4752 margin: 0 -10px; 4752 margin: 0 -10px;
4753 } 4753 }
4754 @media (min-width: 768px) { 4754 @media (min-width: 768px) {
4755 .main__vacancies-item-page { 4755 .main__vacancies-item-page {
4756 margin: 0 -20px; 4756 margin: 0 -20px;
4757 } 4757 }
4758 } 4758 }
4759 .main__vacancies-thing { 4759 .main__vacancies-thing {
4760 width: 100%; 4760 width: 100%;
4761 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4761 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4762 padding: 20px 10px; 4762 padding: 20px 10px;
4763 padding-bottom: 30px; 4763 padding-bottom: 30px;
4764 display: -webkit-box; 4764 display: -webkit-box;
4765 display: -ms-flexbox; 4765 display: -ms-flexbox;
4766 display: flex; 4766 display: flex;
4767 -webkit-box-orient: vertical; 4767 -webkit-box-orient: vertical;
4768 -webkit-box-direction: normal; 4768 -webkit-box-direction: normal;
4769 -ms-flex-direction: column; 4769 -ms-flex-direction: column;
4770 flex-direction: column; 4770 flex-direction: column;
4771 gap: 24px; 4771 gap: 24px;
4772 border-radius: 12px; 4772 border-radius: 12px;
4773 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4773 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4774 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4774 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4775 } 4775 }
4776 @media (min-width: 992px) { 4776 @media (min-width: 992px) {
4777 .main__vacancies-thing { 4777 .main__vacancies-thing {
4778 padding: 30px 20px; 4778 padding: 30px 20px;
4779 -webkit-box-orient: horizontal; 4779 -webkit-box-orient: horizontal;
4780 -webkit-box-direction: normal; 4780 -webkit-box-direction: normal;
4781 -ms-flex-direction: row; 4781 -ms-flex-direction: row;
4782 flex-direction: row; 4782 flex-direction: row;
4783 -webkit-box-align: start; 4783 -webkit-box-align: start;
4784 -ms-flex-align: start; 4784 -ms-flex-align: start;
4785 align-items: flex-start; 4785 align-items: flex-start;
4786 gap: 0; 4786 gap: 0;
4787 } 4787 }
4788 } 4788 }
4789 @media (min-width: 1280px) { 4789 @media (min-width: 1280px) {
4790 .main__vacancies-thing { 4790 .main__vacancies-thing {
4791 padding: 50px 20px; 4791 padding: 50px 20px;
4792 } 4792 }
4793 } 4793 }
4794 .main__vacancies-thing-pic { 4794 .main__vacancies-thing-pic {
4795 position: relative; 4795 position: relative;
4796 z-index: 2; 4796 z-index: 2;
4797 width: 100%; 4797 width: 100%;
4798 aspect-ratio: 42/34; 4798 aspect-ratio: 42/34;
4799 -o-object-fit: cover; 4799 -o-object-fit: cover;
4800 object-fit: cover; 4800 object-fit: cover;
4801 border-radius: 8px; 4801 border-radius: 8px;
4802 max-height: 340px; 4802 max-height: 340px;
4803 } 4803 }
4804 @media (min-width: 992px) { 4804 @media (min-width: 992px) {
4805 .main__vacancies-thing-pic { 4805 .main__vacancies-thing-pic {
4806 width: 380px; 4806 width: 380px;
4807 } 4807 }
4808 } 4808 }
4809 @media (min-width: 1280px) { 4809 @media (min-width: 1280px) {
4810 .main__vacancies-thing-pic { 4810 .main__vacancies-thing-pic {
4811 width: 420px; 4811 width: 420px;
4812 } 4812 }
4813 } 4813 }
4814 .main__vacancies-thing-body { 4814 .main__vacancies-thing-body {
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-orient: vertical; 4818 -webkit-box-orient: vertical;
4819 -webkit-box-direction: normal; 4819 -webkit-box-direction: normal;
4820 -ms-flex-direction: column; 4820 -ms-flex-direction: column;
4821 flex-direction: column; 4821 flex-direction: column;
4822 -webkit-box-align: start; 4822 -webkit-box-align: start;
4823 -ms-flex-align: start; 4823 -ms-flex-align: start;
4824 align-items: flex-start; 4824 align-items: flex-start;
4825 gap: 16px; 4825 gap: 16px;
4826 color: #000; 4826 color: #000;
4827 } 4827 }
4828 @media (min-width: 992px) { 4828 @media (min-width: 992px) {
4829 .main__vacancies-thing-body { 4829 .main__vacancies-thing-body {
4830 width: calc(100% - 380px); 4830 width: calc(100% - 380px);
4831 padding-left: 20px; 4831 padding-left: 20px;
4832 } 4832 }
4833 } 4833 }
4834 @media (min-width: 1280px) { 4834 @media (min-width: 1280px) {
4835 .main__vacancies-thing-body { 4835 .main__vacancies-thing-body {
4836 width: calc(100% - 420px); 4836 width: calc(100% - 420px);
4837 gap: 20px; 4837 gap: 20px;
4838 } 4838 }
4839 } 4839 }
4840 .main__vacancies-thing-body > * { 4840 .main__vacancies-thing-body > * {
4841 width: 100%; 4841 width: 100%;
4842 } 4842 }
4843 .main__vacancies-thing-body .button { 4843 .main__vacancies-thing-body .button {
4844 width: auto; 4844 width: auto;
4845 } 4845 }
4846 @media (min-width: 768px) { 4846 @media (min-width: 768px) {
4847 .main__vacancies-thing-body .button { 4847 .main__vacancies-thing-body .button {
4848 min-width: 200px; 4848 min-width: 200px;
4849 } 4849 }
4850 } 4850 }
4851 .main__vacancies-thing-scroll { 4851 .main__vacancies-thing-scroll {
4852 display: -webkit-box; 4852 display: -webkit-box;
4853 display: -ms-flexbox; 4853 display: -ms-flexbox;
4854 display: flex; 4854 display: flex;
4855 -webkit-box-orient: vertical; 4855 -webkit-box-orient: vertical;
4856 -webkit-box-direction: normal; 4856 -webkit-box-direction: normal;
4857 -ms-flex-direction: column; 4857 -ms-flex-direction: column;
4858 flex-direction: column; 4858 flex-direction: column;
4859 -webkit-box-align: start; 4859 -webkit-box-align: start;
4860 -ms-flex-align: start; 4860 -ms-flex-align: start;
4861 align-items: flex-start; 4861 align-items: flex-start;
4862 gap: 16px; 4862 gap: 16px;
4863 overflow: hidden; 4863 overflow: hidden;
4864 overflow-y: auto; 4864 overflow-y: auto;
4865 max-height: 180px; 4865 max-height: 180px;
4866 padding-right: 10px; 4866 padding-right: 10px;
4867 } 4867 }
4868 @media (min-width: 768px) { 4868 @media (min-width: 768px) {
4869 .main__vacancies-thing-scroll { 4869 .main__vacancies-thing-scroll {
4870 max-height: 210px; 4870 max-height: 210px;
4871 padding-right: 20px; 4871 padding-right: 20px;
4872 } 4872 }
4873 } 4873 }
4874 @media (min-width: 992px) { 4874 @media (min-width: 992px) {
4875 .main__vacancies-thing-scroll { 4875 .main__vacancies-thing-scroll {
4876 max-height: 175px; 4876 max-height: 175px;
4877 } 4877 }
4878 } 4878 }
4879 @media (min-width: 1280px) { 4879 @media (min-width: 1280px) {
4880 .main__vacancies-thing-scroll { 4880 .main__vacancies-thing-scroll {
4881 max-height: 200px; 4881 max-height: 200px;
4882 gap: 20px; 4882 gap: 20px;
4883 } 4883 }
4884 } 4884 }
4885 .main__cond { 4885 .main__cond {
4886 display: -webkit-box; 4886 display: -webkit-box;
4887 display: -ms-flexbox; 4887 display: -ms-flexbox;
4888 display: flex; 4888 display: flex;
4889 -webkit-box-orient: vertical; 4889 -webkit-box-orient: vertical;
4890 -webkit-box-direction: normal; 4890 -webkit-box-direction: normal;
4891 -ms-flex-direction: column; 4891 -ms-flex-direction: column;
4892 flex-direction: column; 4892 flex-direction: column;
4893 gap: 50px; 4893 gap: 50px;
4894 } 4894 }
4895 .main__cond > div { 4895 .main__cond > div {
4896 display: -webkit-box; 4896 display: -webkit-box;
4897 display: -ms-flexbox; 4897 display: -ms-flexbox;
4898 display: flex; 4898 display: flex;
4899 -webkit-box-orient: vertical; 4899 -webkit-box-orient: vertical;
4900 -webkit-box-direction: normal; 4900 -webkit-box-direction: normal;
4901 -ms-flex-direction: column; 4901 -ms-flex-direction: column;
4902 flex-direction: column; 4902 flex-direction: column;
4903 gap: 10px; 4903 gap: 10px;
4904 } 4904 }
4905 .main__cond-label { 4905 .main__cond-label {
4906 border-radius: 16px; 4906 border-radius: 16px;
4907 border: 1px solid #cecece; 4907 border: 1px solid #cecece;
4908 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4908 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4909 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4909 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4910 padding: 30px 20px; 4910 padding: 30px 20px;
4911 font-weight: 700; 4911 font-weight: 700;
4912 color: #000; 4912 color: #000;
4913 line-height: 2; 4913 line-height: 2;
4914 text-align: center; 4914 text-align: center;
4915 } 4915 }
4916 @media (min-width: 992px) { 4916 @media (min-width: 992px) {
4917 .main__cond-label { 4917 .main__cond-label {
4918 font-size: 30px; 4918 font-size: 30px;
4919 } 4919 }
4920 } 4920 }
4921 .main__cond-icons { 4921 .main__cond-icons {
4922 padding: 0; 4922 padding: 0;
4923 margin: 0; 4923 margin: 0;
4924 display: -webkit-box; 4924 display: -webkit-box;
4925 display: -ms-flexbox; 4925 display: -ms-flexbox;
4926 display: flex; 4926 display: flex;
4927 -webkit-box-orient: vertical; 4927 -webkit-box-orient: vertical;
4928 -webkit-box-direction: normal; 4928 -webkit-box-direction: normal;
4929 -ms-flex-direction: column; 4929 -ms-flex-direction: column;
4930 flex-direction: column; 4930 flex-direction: column;
4931 gap: 25px; 4931 gap: 25px;
4932 margin-top: 10px; 4932 margin-top: 10px;
4933 } 4933 }
4934 @media (min-width: 768px) { 4934 @media (min-width: 768px) {
4935 .main__cond-icons { 4935 .main__cond-icons {
4936 display: grid; 4936 display: grid;
4937 grid-template-columns: repeat(2, 1fr); 4937 grid-template-columns: repeat(2, 1fr);
4938 gap: 60px; 4938 gap: 60px;
4939 margin-top: 20px; 4939 margin-top: 20px;
4940 } 4940 }
4941 } 4941 }
4942 @media (min-width: 1280px) { 4942 @media (min-width: 1280px) {
4943 .main__cond-icons { 4943 .main__cond-icons {
4944 grid-template-columns: repeat(3, 1fr); 4944 grid-template-columns: repeat(3, 1fr);
4945 } 4945 }
4946 } 4946 }
4947 .main__cond-icons li { 4947 .main__cond-icons li {
4948 display: -webkit-box; 4948 display: -webkit-box;
4949 display: -ms-flexbox; 4949 display: -ms-flexbox;
4950 display: flex; 4950 display: flex;
4951 -webkit-box-orient: vertical; 4951 -webkit-box-orient: vertical;
4952 -webkit-box-direction: normal; 4952 -webkit-box-direction: normal;
4953 -ms-flex-direction: column; 4953 -ms-flex-direction: column;
4954 flex-direction: column; 4954 flex-direction: column;
4955 -webkit-box-align: start; 4955 -webkit-box-align: start;
4956 -ms-flex-align: start; 4956 -ms-flex-align: start;
4957 align-items: flex-start; 4957 align-items: flex-start;
4958 gap: 20px; 4958 gap: 20px;
4959 font-size: 12px; 4959 font-size: 12px;
4960 line-height: 1.4; 4960 line-height: 1.4;
4961 color: #000; 4961 color: #000;
4962 } 4962 }
4963 @media (min-width: 768px) { 4963 @media (min-width: 768px) {
4964 .main__cond-icons li { 4964 .main__cond-icons li {
4965 font-size: 14px; 4965 font-size: 14px;
4966 } 4966 }
4967 } 4967 }
4968 @media (min-width: 992px) { 4968 @media (min-width: 992px) {
4969 .main__cond-icons li { 4969 .main__cond-icons li {
4970 font-size: 16px; 4970 font-size: 16px;
4971 line-height: 1.6; 4971 line-height: 1.6;
4972 } 4972 }
4973 } 4973 }
4974 @media (min-width: 1280px) { 4974 @media (min-width: 1280px) {
4975 .main__cond-icons li { 4975 .main__cond-icons li {
4976 font-size: 18px; 4976 font-size: 18px;
4977 } 4977 }
4978 } 4978 }
4979 .main__cond-icons li span { 4979 .main__cond-icons li span {
4980 width: 48px; 4980 width: 48px;
4981 height: 48px; 4981 height: 48px;
4982 display: -webkit-box; 4982 display: -webkit-box;
4983 display: -ms-flexbox; 4983 display: -ms-flexbox;
4984 display: flex; 4984 display: flex;
4985 -webkit-box-align: center; 4985 -webkit-box-align: center;
4986 -ms-flex-align: center; 4986 -ms-flex-align: center;
4987 align-items: center; 4987 align-items: center;
4988 } 4988 }
4989 .main__cond-icons li span img { 4989 .main__cond-icons li span img {
4990 max-width: 48px; 4990 max-width: 48px;
4991 } 4991 }
4992 .main__cond-callback { 4992 .main__cond-callback {
4993 margin-top: 10px; 4993 margin-top: 10px;
4994 } 4994 }
4995 .main__ads { 4995 .main__ads {
4996 display: -webkit-box; 4996 display: -webkit-box;
4997 display: -ms-flexbox; 4997 display: -ms-flexbox;
4998 display: flex; 4998 display: flex;
4999 -webkit-box-orient: vertical; 4999 -webkit-box-orient: vertical;
5000 -webkit-box-direction: normal; 5000 -webkit-box-direction: normal;
5001 -ms-flex-direction: column; 5001 -ms-flex-direction: column;
5002 flex-direction: column; 5002 flex-direction: column;
5003 gap: 30px; 5003 gap: 30px;
5004 margin: 30px 0; 5004 margin: 30px 0;
5005 } 5005 }
5006 @media (min-width: 992px) { 5006 @media (min-width: 992px) {
5007 .main__ads { 5007 .main__ads {
5008 margin: 60px 0; 5008 margin: 60px 0;
5009 } 5009 }
5010 } 5010 }
5011 .main__ads-item { 5011 .main__ads-item {
5012 display: -webkit-box; 5012 display: -webkit-box;
5013 display: -ms-flexbox; 5013 display: -ms-flexbox;
5014 display: flex; 5014 display: flex;
5015 -webkit-box-orient: vertical; 5015 -webkit-box-orient: vertical;
5016 -webkit-box-direction: normal; 5016 -webkit-box-direction: normal;
5017 -ms-flex-direction: column; 5017 -ms-flex-direction: column;
5018 flex-direction: column; 5018 flex-direction: column;
5019 gap: 16px; 5019 gap: 16px;
5020 } 5020 }
5021 @media (min-width: 992px) { 5021 @media (min-width: 992px) {
5022 .main__ads-item { 5022 .main__ads-item {
5023 -webkit-box-orient: horizontal; 5023 -webkit-box-orient: horizontal;
5024 -webkit-box-direction: normal; 5024 -webkit-box-direction: normal;
5025 -ms-flex-direction: row; 5025 -ms-flex-direction: row;
5026 flex-direction: row; 5026 flex-direction: row;
5027 gap: 0; 5027 gap: 0;
5028 } 5028 }
5029 } 5029 }
5030 .main__ads-item-pic { 5030 .main__ads-item-pic {
5031 width: 100%; 5031 width: 100%;
5032 max-width: 440px; 5032 max-width: 440px;
5033 max-height: 200px; 5033 max-height: 200px;
5034 aspect-ratio: 3/2; 5034 aspect-ratio: 3/2;
5035 position: relative; 5035 position: relative;
5036 overflow: hidden; 5036 overflow: hidden;
5037 border-radius: 12px; 5037 border-radius: 12px;
5038 } 5038 }
5039 @media (min-width: 992px) { 5039 @media (min-width: 992px) {
5040 .main__ads-item-pic { 5040 .main__ads-item-pic {
5041 width: 200px; 5041 width: 200px;
5042 aspect-ratio: 1/1; 5042 aspect-ratio: 1/1;
5043 } 5043 }
5044 } 5044 }
5045 .main__ads-item-pic img { 5045 .main__ads-item-pic img {
5046 z-index: 1; 5046 z-index: 1;
5047 position: absolute; 5047 position: absolute;
5048 top: 0; 5048 top: 0;
5049 left: 0; 5049 left: 0;
5050 width: 100%; 5050 width: 100%;
5051 height: 100%; 5051 height: 100%;
5052 -o-object-fit: cover; 5052 -o-object-fit: cover;
5053 object-fit: cover; 5053 object-fit: cover;
5054 } 5054 }
5055 .main__ads-item-pic span { 5055 .main__ads-item-pic span {
5056 z-index: 2; 5056 z-index: 2;
5057 width: 30px; 5057 width: 30px;
5058 height: 30px; 5058 height: 30px;
5059 border-radius: 6px; 5059 border-radius: 6px;
5060 background: #4d88d9; 5060 background: #4d88d9;
5061 display: -webkit-box; 5061 display: -webkit-box;
5062 display: -ms-flexbox; 5062 display: -ms-flexbox;
5063 display: flex; 5063 display: flex;
5064 -webkit-box-pack: center; 5064 -webkit-box-pack: center;
5065 -ms-flex-pack: center; 5065 -ms-flex-pack: center;
5066 justify-content: center; 5066 justify-content: center;
5067 -webkit-box-align: center; 5067 -webkit-box-align: center;
5068 -ms-flex-align: center; 5068 -ms-flex-align: center;
5069 align-items: center; 5069 align-items: center;
5070 position: absolute; 5070 position: absolute;
5071 top: 10px; 5071 top: 10px;
5072 left: 10px; 5072 left: 10px;
5073 color: #fff; 5073 color: #fff;
5074 } 5074 }
5075 @media (min-width: 992px) { 5075 @media (min-width: 992px) {
5076 .main__ads-item-pic span { 5076 .main__ads-item-pic span {
5077 width: 42px; 5077 width: 42px;
5078 height: 42px; 5078 height: 42px;
5079 } 5079 }
5080 } 5080 }
5081 .main__ads-item-pic span svg { 5081 .main__ads-item-pic span svg {
5082 width: 12px; 5082 width: 12px;
5083 height: 12px; 5083 height: 12px;
5084 } 5084 }
5085 @media (min-width: 992px) { 5085 @media (min-width: 992px) {
5086 .main__ads-item-pic span svg { 5086 .main__ads-item-pic span svg {
5087 width: 20px; 5087 width: 20px;
5088 height: 20px; 5088 height: 20px;
5089 } 5089 }
5090 } 5090 }
5091 .main__ads-item-body { 5091 .main__ads-item-body {
5092 display: -webkit-box; 5092 display: -webkit-box;
5093 display: -ms-flexbox; 5093 display: -ms-flexbox;
5094 display: flex; 5094 display: flex;
5095 -webkit-box-orient: vertical; 5095 -webkit-box-orient: vertical;
5096 -webkit-box-direction: normal; 5096 -webkit-box-direction: normal;
5097 -ms-flex-direction: column; 5097 -ms-flex-direction: column;
5098 flex-direction: column; 5098 flex-direction: column;
5099 -webkit-box-align: start; 5099 -webkit-box-align: start;
5100 -ms-flex-align: start; 5100 -ms-flex-align: start;
5101 align-items: flex-start; 5101 align-items: flex-start;
5102 gap: 10px; 5102 gap: 10px;
5103 font-size: 12px; 5103 font-size: 12px;
5104 } 5104 }
5105 @media (min-width: 992px) { 5105 @media (min-width: 992px) {
5106 .main__ads-item-body { 5106 .main__ads-item-body {
5107 width: calc(100% - 200px); 5107 width: calc(100% - 200px);
5108 padding-left: 40px; 5108 padding-left: 40px;
5109 -webkit-box-pack: center; 5109 -webkit-box-pack: center;
5110 -ms-flex-pack: center; 5110 -ms-flex-pack: center;
5111 justify-content: center; 5111 justify-content: center;
5112 font-size: 16px; 5112 font-size: 16px;
5113 gap: 20px; 5113 gap: 20px;
5114 } 5114 }
5115 } 5115 }
5116 .main__ads-item-body b { 5116 .main__ads-item-body b {
5117 width: 100%; 5117 width: 100%;
5118 font-weight: 700; 5118 font-weight: 700;
5119 font-size: 14px; 5119 font-size: 14px;
5120 } 5120 }
5121 @media (min-width: 992px) { 5121 @media (min-width: 992px) {
5122 .main__ads-item-body b { 5122 .main__ads-item-body b {
5123 font-size: 20px; 5123 font-size: 20px;
5124 } 5124 }
5125 } 5125 }
5126 .main__ads-item-body span { 5126 .main__ads-item-body span {
5127 width: 100%; 5127 width: 100%;
5128 } 5128 }
5129 5129
5130 .work { 5130 .work {
5131 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5131 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5132 color: #000; 5132 color: #000;
5133 padding-top: 70px; 5133 padding-top: 70px;
5134 padding-bottom: 10px; 5134 padding-bottom: 10px;
5135 position: relative; 5135 position: relative;
5136 overflow: hidden; 5136 overflow: hidden;
5137 } 5137 }
5138 @media (min-width: 768px) { 5138 @media (min-width: 768px) {
5139 .work { 5139 .work {
5140 padding-bottom: 25px; 5140 padding-bottom: 25px;
5141 } 5141 }
5142 } 5142 }
5143 @media (min-width: 1280px) { 5143 @media (min-width: 1280px) {
5144 .work { 5144 .work {
5145 padding-top: 80px; 5145 padding-top: 80px;
5146 padding-bottom: 25px; 5146 padding-bottom: 25px;
5147 } 5147 }
5148 } 5148 }
5149 .work__pic { 5149 .work__pic {
5150 position: absolute; 5150 position: absolute;
5151 height: calc(100% - 40px); 5151 height: calc(100% - 40px);
5152 z-index: 1; 5152 z-index: 1;
5153 display: none; 5153 display: none;
5154 bottom: 0; 5154 bottom: 0;
5155 left: 50%; 5155 left: 50%;
5156 margin-left: 40px; 5156 margin-left: 40px;
5157 } 5157 }
5158 @media (min-width: 992px) { 5158 @media (min-width: 992px) {
5159 .work__pic { 5159 .work__pic {
5160 display: block; 5160 display: block;
5161 } 5161 }
5162 } 5162 }
5163 @media (min-width: 1280px) { 5163 @media (min-width: 1280px) {
5164 .work__pic { 5164 .work__pic {
5165 margin-left: 80px; 5165 margin-left: 80px;
5166 } 5166 }
5167 } 5167 }
5168 .work__body { 5168 .work__body {
5169 position: relative; 5169 position: relative;
5170 z-index: 2; 5170 z-index: 2;
5171 display: -webkit-box; 5171 display: -webkit-box;
5172 display: -ms-flexbox; 5172 display: -ms-flexbox;
5173 display: flex; 5173 display: flex;
5174 -webkit-box-orient: vertical; 5174 -webkit-box-orient: vertical;
5175 -webkit-box-direction: normal; 5175 -webkit-box-direction: normal;
5176 -ms-flex-direction: column; 5176 -ms-flex-direction: column;
5177 flex-direction: column; 5177 flex-direction: column;
5178 -webkit-box-align: center; 5178 -webkit-box-align: center;
5179 -ms-flex-align: center; 5179 -ms-flex-align: center;
5180 align-items: center; 5180 align-items: center;
5181 } 5181 }
5182 @media (min-width: 768px) { 5182 @media (min-width: 768px) {
5183 .work__body { 5183 .work__body {
5184 -webkit-box-align: start; 5184 -webkit-box-align: start;
5185 -ms-flex-align: start; 5185 -ms-flex-align: start;
5186 align-items: flex-start; 5186 align-items: flex-start;
5187 } 5187 }
5188 } 5188 }
5189 @media (min-width: 992px) { 5189 @media (min-width: 992px) {
5190 .work__body { 5190 .work__body {
5191 max-width: 600px; 5191 max-width: 600px;
5192 } 5192 }
5193 } 5193 }
5194 .work__title { 5194 .work__title {
5195 width: 100%; 5195 width: 100%;
5196 font-size: 40px; 5196 font-size: 40px;
5197 font-weight: 700; 5197 font-weight: 700;
5198 line-height: 1; 5198 line-height: 1;
5199 } 5199 }
5200 @media (min-width: 768px) { 5200 @media (min-width: 768px) {
5201 .work__title { 5201 .work__title {
5202 font-size: 64px; 5202 font-size: 64px;
5203 line-height: 94px; 5203 line-height: 94px;
5204 } 5204 }
5205 } 5205 }
5206 .work__text { 5206 .work__text {
5207 width: 100%; 5207 width: 100%;
5208 font-size: 12px; 5208 font-size: 12px;
5209 margin-top: 10px; 5209 margin-top: 10px;
5210 } 5210 }
5211 @media (min-width: 768px) { 5211 @media (min-width: 768px) {
5212 .work__text { 5212 .work__text {
5213 font-size: 18px; 5213 font-size: 18px;
5214 margin-top: 20px; 5214 margin-top: 20px;
5215 line-height: 1.4; 5215 line-height: 1.4;
5216 } 5216 }
5217 } 5217 }
5218 .work__list { 5218 .work__list {
5219 width: 100%; 5219 width: 100%;
5220 display: -webkit-box; 5220 display: -webkit-box;
5221 display: -ms-flexbox; 5221 display: -ms-flexbox;
5222 display: flex; 5222 display: flex;
5223 -webkit-box-orient: vertical; 5223 -webkit-box-orient: vertical;
5224 -webkit-box-direction: normal; 5224 -webkit-box-direction: normal;
5225 -ms-flex-direction: column; 5225 -ms-flex-direction: column;
5226 flex-direction: column; 5226 flex-direction: column;
5227 gap: 5px; 5227 gap: 5px;
5228 font-size: 14px; 5228 font-size: 14px;
5229 font-weight: 700; 5229 font-weight: 700;
5230 margin-top: 15px; 5230 margin-top: 15px;
5231 } 5231 }
5232 @media (min-width: 768px) { 5232 @media (min-width: 768px) {
5233 .work__list { 5233 .work__list {
5234 font-size: 18px; 5234 font-size: 18px;
5235 gap: 8px; 5235 gap: 8px;
5236 margin-top: 30px; 5236 margin-top: 30px;
5237 } 5237 }
5238 } 5238 }
5239 .work__list div { 5239 .work__list div {
5240 position: relative; 5240 position: relative;
5241 padding-left: 10px; 5241 padding-left: 10px;
5242 } 5242 }
5243 @media (min-width: 768px) { 5243 @media (min-width: 768px) {
5244 .work__list div { 5244 .work__list div {
5245 padding-left: 16px; 5245 padding-left: 16px;
5246 } 5246 }
5247 } 5247 }
5248 .work__list div:before { 5248 .work__list div:before {
5249 content: ""; 5249 content: "";
5250 width: 4px; 5250 width: 4px;
5251 height: 4px; 5251 height: 4px;
5252 background: #000; 5252 background: #000;
5253 border-radius: 999px; 5253 border-radius: 999px;
5254 position: absolute; 5254 position: absolute;
5255 top: 5px; 5255 top: 5px;
5256 left: 0; 5256 left: 0;
5257 } 5257 }
5258 @media (min-width: 768px) { 5258 @media (min-width: 768px) {
5259 .work__list div:before { 5259 .work__list div:before {
5260 top: 8px; 5260 top: 8px;
5261 } 5261 }
5262 } 5262 }
5263 .work__form { 5263 .work__form {
5264 margin-top: 20px; 5264 margin-top: 20px;
5265 } 5265 }
5266 @media (min-width: 768px) { 5266 @media (min-width: 768px) {
5267 .work__form { 5267 .work__form {
5268 margin-top: 30px; 5268 margin-top: 30px;
5269 } 5269 }
5270 } 5270 }
5271 .work__search { 5271 .work__search {
5272 width: 100%; 5272 width: 100%;
5273 max-width: 180px; 5273 max-width: 180px;
5274 margin-top: 20px; 5274 margin-top: 20px;
5275 } 5275 }
5276 @media (min-width: 768px) { 5276 @media (min-width: 768px) {
5277 .work__search { 5277 .work__search {
5278 max-width: 270px; 5278 max-width: 270px;
5279 margin-top: 50px; 5279 margin-top: 50px;
5280 } 5280 }
5281 } 5281 }
5282 .work__get { 5282 .work__get {
5283 width: 100%; 5283 width: 100%;
5284 display: -webkit-box; 5284 display: -webkit-box;
5285 display: -ms-flexbox; 5285 display: -ms-flexbox;
5286 display: flex; 5286 display: flex;
5287 -webkit-box-align: start; 5287 -webkit-box-align: start;
5288 -ms-flex-align: start; 5288 -ms-flex-align: start;
5289 align-items: flex-start; 5289 align-items: flex-start;
5290 -ms-flex-wrap: wrap; 5290 -ms-flex-wrap: wrap;
5291 flex-wrap: wrap; 5291 flex-wrap: wrap;
5292 margin-top: 48px; 5292 margin-top: 48px;
5293 } 5293 }
5294 .work__get b { 5294 .work__get b {
5295 width: 100%; 5295 width: 100%;
5296 margin-bottom: 10px; 5296 margin-bottom: 10px;
5297 font-size: 14px; 5297 font-size: 14px;
5298 } 5298 }
5299 @media (min-width: 768px) { 5299 @media (min-width: 768px) {
5300 .work__get b { 5300 .work__get b {
5301 font-size: 18px; 5301 font-size: 18px;
5302 } 5302 }
5303 } 5303 }
5304 .work__get a { 5304 .work__get a {
5305 display: -webkit-box; 5305 display: -webkit-box;
5306 display: -ms-flexbox; 5306 display: -ms-flexbox;
5307 display: flex; 5307 display: flex;
5308 -webkit-box-align: center; 5308 -webkit-box-align: center;
5309 -ms-flex-align: center; 5309 -ms-flex-align: center;
5310 align-items: center; 5310 align-items: center;
5311 -webkit-box-pack: center; 5311 -webkit-box-pack: center;
5312 -ms-flex-pack: center; 5312 -ms-flex-pack: center;
5313 justify-content: center; 5313 justify-content: center;
5314 margin-right: 20px; 5314 margin-right: 20px;
5315 } 5315 }
5316 .work__get a img { 5316 .work__get a img {
5317 -webkit-transition: 0.3s; 5317 -webkit-transition: 0.3s;
5318 transition: 0.3s; 5318 transition: 0.3s;
5319 width: 111px; 5319 width: 111px;
5320 } 5320 }
5321 @media (min-width: 768px) { 5321 @media (min-width: 768px) {
5322 .work__get a img { 5322 .work__get a img {
5323 width: 131px; 5323 width: 131px;
5324 } 5324 }
5325 } 5325 }
5326 .work__get a:hover img { 5326 .work__get a:hover img {
5327 -webkit-transform: scale(1.1); 5327 -webkit-transform: scale(1.1);
5328 -ms-transform: scale(1.1); 5328 -ms-transform: scale(1.1);
5329 transform: scale(1.1); 5329 transform: scale(1.1);
5330 } 5330 }
5331 .work__get a + a { 5331 .work__get a + a {
5332 margin-right: 0; 5332 margin-right: 0;
5333 } 5333 }
5334 5334
5335 .numbers { 5335 .numbers {
5336 padding: 30px 0; 5336 padding: 30px 0;
5337 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5337 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5338 color: #fff; 5338 color: #fff;
5339 } 5339 }
5340 @media (min-width: 1280px) { 5340 @media (min-width: 1280px) {
5341 .numbers { 5341 .numbers {
5342 padding: 100px 0; 5342 padding: 100px 0;
5343 background-position: 100% 100%; 5343 background-position: 100% 100%;
5344 background-size: auto 500px; 5344 background-size: auto 500px;
5345 } 5345 }
5346 } 5346 }
5347 .numbers__body { 5347 .numbers__body {
5348 display: -webkit-box; 5348 display: -webkit-box;
5349 display: -ms-flexbox; 5349 display: -ms-flexbox;
5350 display: flex; 5350 display: flex;
5351 -webkit-box-orient: vertical; 5351 -webkit-box-orient: vertical;
5352 -webkit-box-direction: normal; 5352 -webkit-box-direction: normal;
5353 -ms-flex-direction: column; 5353 -ms-flex-direction: column;
5354 flex-direction: column; 5354 flex-direction: column;
5355 gap: 30px; 5355 gap: 30px;
5356 } 5356 }
5357 @media (min-width: 768px) { 5357 @media (min-width: 768px) {
5358 .numbers__body { 5358 .numbers__body {
5359 display: grid; 5359 display: grid;
5360 grid-template-columns: 1fr 1fr 1fr; 5360 grid-template-columns: 1fr 1fr 1fr;
5361 } 5361 }
5362 } 5362 }
5363 .numbers__item { 5363 .numbers__item {
5364 font-size: 12px; 5364 font-size: 12px;
5365 display: -webkit-box; 5365 display: -webkit-box;
5366 display: -ms-flexbox; 5366 display: -ms-flexbox;
5367 display: flex; 5367 display: flex;
5368 -webkit-box-orient: vertical; 5368 -webkit-box-orient: vertical;
5369 -webkit-box-direction: normal; 5369 -webkit-box-direction: normal;
5370 -ms-flex-direction: column; 5370 -ms-flex-direction: column;
5371 flex-direction: column; 5371 flex-direction: column;
5372 line-height: 1.4; 5372 line-height: 1.4;
5373 } 5373 }
5374 @media (min-width: 1280px) { 5374 @media (min-width: 1280px) {
5375 .numbers__item { 5375 .numbers__item {
5376 font-size: 16px; 5376 font-size: 16px;
5377 line-height: 20px; 5377 line-height: 20px;
5378 } 5378 }
5379 } 5379 }
5380 .numbers__item b { 5380 .numbers__item b {
5381 font-size: 40px; 5381 font-size: 40px;
5382 font-weight: 700; 5382 font-weight: 700;
5383 border-bottom: 1px solid #fff; 5383 border-bottom: 1px solid #fff;
5384 line-height: 1; 5384 line-height: 1;
5385 } 5385 }
5386 @media (min-width: 1280px) { 5386 @media (min-width: 1280px) {
5387 .numbers__item b { 5387 .numbers__item b {
5388 font-size: 100px; 5388 font-size: 100px;
5389 line-height: 147px; 5389 line-height: 147px;
5390 } 5390 }
5391 } 5391 }
5392 .numbers__item span { 5392 .numbers__item span {
5393 font-weight: 700; 5393 font-weight: 700;
5394 font-size: 14px; 5394 font-size: 14px;
5395 margin: 10px 0; 5395 margin: 10px 0;
5396 line-height: 1; 5396 line-height: 1;
5397 } 5397 }
5398 @media (min-width: 1280px) { 5398 @media (min-width: 1280px) {
5399 .numbers__item span { 5399 .numbers__item span {
5400 font-size: 24px; 5400 font-size: 24px;
5401 margin-top: 30px; 5401 margin-top: 30px;
5402 } 5402 }
5403 } 5403 }
5404 5404
5405 .vacancies { 5405 .vacancies {
5406 padding: 50px 0; 5406 padding: 50px 0;
5407 } 5407 }
5408 @media (min-width: 1280px) { 5408 @media (min-width: 1280px) {
5409 .vacancies { 5409 .vacancies {
5410 padding: 100px 0; 5410 padding: 100px 0;
5411 } 5411 }
5412 } 5412 }
5413 .vacancies__body { 5413 .vacancies__body {
5414 display: -webkit-box; 5414 display: -webkit-box;
5415 display: -ms-flexbox; 5415 display: -ms-flexbox;
5416 display: flex; 5416 display: flex;
5417 -webkit-box-orient: vertical; 5417 -webkit-box-orient: vertical;
5418 -webkit-box-direction: reverse; 5418 -webkit-box-direction: reverse;
5419 -ms-flex-direction: column-reverse; 5419 -ms-flex-direction: column-reverse;
5420 flex-direction: column-reverse; 5420 flex-direction: column-reverse;
5421 gap: 20px; 5421 gap: 20px;
5422 width: 100%; 5422 width: 100%;
5423 margin-top: 20px; 5423 margin-top: 20px;
5424 } 5424 }
5425 @media (min-width: 992px) { 5425 @media (min-width: 992px) {
5426 .vacancies__body { 5426 .vacancies__body {
5427 margin-top: 30px; 5427 margin-top: 30px;
5428 gap: 30px; 5428 gap: 30px;
5429 } 5429 }
5430 } 5430 }
5431 .vacancies__more { 5431 .vacancies__more {
5432 width: 100%; 5432 width: 100%;
5433 } 5433 }
5434 @media (min-width: 768px) { 5434 @media (min-width: 768px) {
5435 .vacancies__more { 5435 .vacancies__more {
5436 width: auto; 5436 width: auto;
5437 margin: 0 auto; 5437 margin: 0 auto;
5438 } 5438 }
5439 } 5439 }
5440 .vacancies__list { 5440 .vacancies__list {
5441 display: -webkit-box; 5441 display: -webkit-box;
5442 display: -ms-flexbox; 5442 display: -ms-flexbox;
5443 display: flex; 5443 display: flex;
5444 -webkit-box-orient: vertical; 5444 -webkit-box-orient: vertical;
5445 -webkit-box-direction: normal; 5445 -webkit-box-direction: normal;
5446 -ms-flex-direction: column; 5446 -ms-flex-direction: column;
5447 flex-direction: column; 5447 flex-direction: column;
5448 gap: 15px; 5448 gap: 15px;
5449 } 5449 }
5450 @media (min-width: 768px) { 5450 @media (min-width: 768px) {
5451 .vacancies__list { 5451 .vacancies__list {
5452 display: grid; 5452 display: grid;
5453 grid-template-columns: repeat(2, 1fr); 5453 grid-template-columns: repeat(2, 1fr);
5454 } 5454 }
5455 } 5455 }
5456 @media (min-width: 992px) { 5456 @media (min-width: 992px) {
5457 .vacancies__list { 5457 .vacancies__list {
5458 display: grid; 5458 display: grid;
5459 grid-template-columns: repeat(3, 1fr); 5459 grid-template-columns: repeat(3, 1fr);
5460 gap: 20px; 5460 gap: 20px;
5461 } 5461 }
5462 } 5462 }
5463 @media (min-width: 1280px) { 5463 @media (min-width: 1280px) {
5464 .vacancies__list { 5464 .vacancies__list {
5465 grid-template-columns: repeat(4, 1fr); 5465 grid-template-columns: repeat(4, 1fr);
5466 } 5466 }
5467 } 5467 }
5468 .vacancies__list-label { 5468 .vacancies__list-label {
5469 font-weight: 700; 5469 font-weight: 700;
5470 font-size: 22px; 5470 font-size: 22px;
5471 } 5471 }
5472 .vacancies__list-col { 5472 .vacancies__list-col {
5473 display: -webkit-box; 5473 display: -webkit-box;
5474 display: -ms-flexbox; 5474 display: -ms-flexbox;
5475 display: flex; 5475 display: flex;
5476 -webkit-box-orient: vertical; 5476 -webkit-box-orient: vertical;
5477 -webkit-box-direction: normal; 5477 -webkit-box-direction: normal;
5478 -ms-flex-direction: column; 5478 -ms-flex-direction: column;
5479 flex-direction: column; 5479 flex-direction: column;
5480 gap: 15px; 5480 gap: 15px;
5481 margin-top: 15px; 5481 margin-top: 15px;
5482 margin-bottom: 30px; 5482 margin-bottom: 30px;
5483 } 5483 }
5484 @media (min-width: 768px) { 5484 @media (min-width: 768px) {
5485 .vacancies__list-col { 5485 .vacancies__list-col {
5486 margin-top: 0; 5486 margin-top: 0;
5487 } 5487 }
5488 } 5488 }
5489 .vacancies__list-col:first-child { 5489 .vacancies__list-col:first-child {
5490 margin-top: 0; 5490 margin-top: 0;
5491 } 5491 }
5492 .vacancies__item { 5492 .vacancies__item {
5493 display: none; 5493 display: none;
5494 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5494 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5495 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5495 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5496 border-radius: 12px; 5496 border-radius: 12px;
5497 background: #fff; 5497 background: #fff;
5498 border: 1px solid #e6e7e7; 5498 border: 1px solid #e6e7e7;
5499 overflow: hidden; 5499 overflow: hidden;
5500 } 5500 }
5501 .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) { 5501 .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) {
5502 display: -webkit-box; 5502 display: -webkit-box;
5503 display: -ms-flexbox; 5503 display: -ms-flexbox;
5504 display: flex; 5504 display: flex;
5505 } 5505 }
5506 .vacancies__item > span { 5506 .vacancies__item > span {
5507 border-left: 10px solid #377d87; 5507 border-left: 10px solid #377d87;
5508 padding: 20px 14px; 5508 padding: 20px 14px;
5509 display: -webkit-box; 5509 display: -webkit-box;
5510 display: -ms-flexbox; 5510 display: -ms-flexbox;
5511 display: flex; 5511 display: flex;
5512 -webkit-box-orient: vertical; 5512 -webkit-box-orient: vertical;
5513 -webkit-box-direction: normal; 5513 -webkit-box-direction: normal;
5514 -ms-flex-direction: column; 5514 -ms-flex-direction: column;
5515 flex-direction: column; 5515 flex-direction: column;
5516 -webkit-box-align: start; 5516 -webkit-box-align: start;
5517 -ms-flex-align: start; 5517 -ms-flex-align: start;
5518 align-items: flex-start; 5518 align-items: flex-start;
5519 gap: 5px; 5519 gap: 5px;
5520 -webkit-box-pack: justify; 5520 -webkit-box-pack: justify;
5521 -ms-flex-pack: justify; 5521 -ms-flex-pack: justify;
5522 justify-content: space-between; 5522 justify-content: space-between;
5523 } 5523 }
5524 @media (min-width: 992px) { 5524 @media (min-width: 992px) {
5525 .vacancies__item > span { 5525 .vacancies__item > span {
5526 gap: 10px; 5526 gap: 10px;
5527 } 5527 }
5528 } 5528 }
5529 .vacancies__item b { 5529 .vacancies__item b {
5530 font-weight: 700; 5530 font-weight: 700;
5531 font-size: 14px; 5531 font-size: 14px;
5532 } 5532 }
5533 @media (min-width: 992px) { 5533 @media (min-width: 992px) {
5534 .vacancies__item b { 5534 .vacancies__item b {
5535 font-size: 20px; 5535 font-size: 20px;
5536 } 5536 }
5537 } 5537 }
5538 .vacancies__item:hover b { 5538 .vacancies__item:hover b {
5539 color: #377d87; 5539 color: #377d87;
5540 } 5540 }
5541 .vacancies__item u { 5541 .vacancies__item u {
5542 text-decoration: none; 5542 text-decoration: none;
5543 font-size: 14px; 5543 font-size: 14px;
5544 } 5544 }
5545 @media (min-width: 992px) { 5545 @media (min-width: 992px) {
5546 .vacancies__item u { 5546 .vacancies__item u {
5547 font-size: 18px; 5547 font-size: 18px;
5548 } 5548 }
5549 } 5549 }
5550 .vacancies__item i { 5550 .vacancies__item i {
5551 font-size: 12px; 5551 font-size: 12px;
5552 font-style: normal; 5552 font-style: normal;
5553 border-bottom: 1px dashed #377d87; 5553 border-bottom: 1px dashed #377d87;
5554 } 5554 }
5555 @media (min-width: 992px) { 5555 @media (min-width: 992px) {
5556 .vacancies__item i { 5556 .vacancies__item i {
5557 font-size: 16px; 5557 font-size: 16px;
5558 } 5558 }
5559 } 5559 }
5560 .vacancies__item i span { 5560 .vacancies__item i span {
5561 font-weight: 700; 5561 font-weight: 700;
5562 color: #377d87; 5562 color: #377d87;
5563 } 5563 }
5564 .vacancies__body.active .vacancies__list .vacancies__item { 5564 .vacancies__body.active .vacancies__list .vacancies__item {
5565 display: -webkit-box; 5565 display: -webkit-box;
5566 display: -ms-flexbox; 5566 display: -ms-flexbox;
5567 display: flex; 5567 display: flex;
5568 } 5568 }
5569 5569
5570 .employer { 5570 .employer {
5571 padding-bottom: 50px; 5571 padding-bottom: 50px;
5572 } 5572 }
5573 @media (min-width: 768px) { 5573 @media (min-width: 768px) {
5574 .employer { 5574 .employer {
5575 padding-bottom: 100px; 5575 padding-bottom: 100px;
5576 } 5576 }
5577 } 5577 }
5578 .employer .swiper { 5578 .employer .swiper {
5579 margin: 20px 0; 5579 margin: 20px 0;
5580 } 5580 }
5581 @media (min-width: 768px) { 5581 @media (min-width: 768px) {
5582 .employer .swiper { 5582 .employer .swiper {
5583 display: none; 5583 display: none;
5584 } 5584 }
5585 } 5585 }
5586 .employer__item { 5586 .employer__item {
5587 display: -webkit-box; 5587 display: -webkit-box;
5588 display: -ms-flexbox; 5588 display: -ms-flexbox;
5589 display: flex; 5589 display: flex;
5590 -webkit-box-orient: vertical; 5590 -webkit-box-orient: vertical;
5591 -webkit-box-direction: normal; 5591 -webkit-box-direction: normal;
5592 -ms-flex-direction: column; 5592 -ms-flex-direction: column;
5593 flex-direction: column; 5593 flex-direction: column;
5594 gap: 30px; 5594 gap: 30px;
5595 } 5595 }
5596 .employer__item a { 5596 .employer__item a {
5597 display: -webkit-box; 5597 display: -webkit-box;
5598 display: -ms-flexbox; 5598 display: -ms-flexbox;
5599 display: flex; 5599 display: flex;
5600 -webkit-box-orient: vertical; 5600 -webkit-box-orient: vertical;
5601 -webkit-box-direction: normal; 5601 -webkit-box-direction: normal;
5602 -ms-flex-direction: column; 5602 -ms-flex-direction: column;
5603 flex-direction: column; 5603 flex-direction: column;
5604 -webkit-box-align: center; 5604 -webkit-box-align: center;
5605 -ms-flex-align: center; 5605 -ms-flex-align: center;
5606 align-items: center; 5606 align-items: center;
5607 } 5607 }
5608 .employer__item img { 5608 .employer__item img {
5609 width: 100%; 5609 width: 100%;
5610 aspect-ratio: 295/98; 5610 aspect-ratio: 295/98;
5611 -o-object-fit: contain; 5611 -o-object-fit: contain;
5612 object-fit: contain; 5612 object-fit: contain;
5613 } 5613 }
5614 .employer__body { 5614 .employer__body {
5615 display: none; 5615 display: none;
5616 grid-template-columns: 1fr 1fr; 5616 grid-template-columns: 1fr 1fr;
5617 gap: 30px; 5617 gap: 30px;
5618 margin-top: 30px; 5618 margin-top: 30px;
5619 margin-bottom: 40px; 5619 margin-bottom: 40px;
5620 } 5620 }
5621 @media (min-width: 768px) { 5621 @media (min-width: 768px) {
5622 .employer__body { 5622 .employer__body {
5623 display: grid; 5623 display: grid;
5624 } 5624 }
5625 } 5625 }
5626 @media (min-width: 992px) { 5626 @media (min-width: 992px) {
5627 .employer__body { 5627 .employer__body {
5628 grid-template-columns: 1fr 1fr 1fr; 5628 grid-template-columns: 1fr 1fr 1fr;
5629 } 5629 }
5630 } 5630 }
5631 @media (min-width: 1280px) { 5631 @media (min-width: 1280px) {
5632 .employer__body { 5632 .employer__body {
5633 grid-template-columns: 1fr 1fr 1fr 1fr; 5633 grid-template-columns: 1fr 1fr 1fr 1fr;
5634 } 5634 }
5635 } 5635 }
5636 .employer__body a { 5636 .employer__body a {
5637 display: -webkit-box; 5637 display: -webkit-box;
5638 display: -ms-flexbox; 5638 display: -ms-flexbox;
5639 display: flex; 5639 display: flex;
5640 -webkit-box-pack: center; 5640 -webkit-box-pack: center;
5641 -ms-flex-pack: center; 5641 -ms-flex-pack: center;
5642 justify-content: center; 5642 justify-content: center;
5643 -webkit-box-align: center; 5643 -webkit-box-align: center;
5644 -ms-flex-align: center; 5644 -ms-flex-align: center;
5645 align-items: center; 5645 align-items: center;
5646 height: 98px; 5646 height: 98px;
5647 } 5647 }
5648 .employer__body img { 5648 .employer__body img {
5649 max-width: 100%; 5649 max-width: 100%;
5650 max-height: 98px; 5650 max-height: 98px;
5651 -o-object-fit: contain; 5651 -o-object-fit: contain;
5652 object-fit: contain; 5652 object-fit: contain;
5653 } 5653 }
5654 .employer__more { 5654 .employer__more {
5655 height: 38px; 5655 height: 38px;
5656 } 5656 }
5657 @media (min-width: 768px) { 5657 @media (min-width: 768px) {
5658 .employer__more { 5658 .employer__more {
5659 width: 250px; 5659 width: 250px;
5660 margin: 0 auto; 5660 margin: 0 auto;
5661 height: 44px; 5661 height: 44px;
5662 } 5662 }
5663 } 5663 }
5664 5664
5665 .about { 5665 .about {
5666 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5666 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5667 background-size: cover; 5667 background-size: cover;
5668 padding: 30px 0; 5668 padding: 30px 0;
5669 padding-bottom: 70px; 5669 padding-bottom: 70px;
5670 } 5670 }
5671 @media (min-width: 768px) { 5671 @media (min-width: 768px) {
5672 .about { 5672 .about {
5673 padding-top: 40px; 5673 padding-top: 40px;
5674 background-size: auto calc(100% - 10px); 5674 background-size: auto calc(100% - 10px);
5675 } 5675 }
5676 } 5676 }
5677 @media (min-width: 1280px) { 5677 @media (min-width: 1280px) {
5678 .about { 5678 .about {
5679 padding: 100px 0; 5679 padding: 100px 0;
5680 } 5680 }
5681 } 5681 }
5682 .about__wrapper { 5682 .about__wrapper {
5683 display: -webkit-box; 5683 display: -webkit-box;
5684 display: -ms-flexbox; 5684 display: -ms-flexbox;
5685 display: flex; 5685 display: flex;
5686 -webkit-box-orient: vertical; 5686 -webkit-box-orient: vertical;
5687 -webkit-box-direction: normal; 5687 -webkit-box-direction: normal;
5688 -ms-flex-direction: column; 5688 -ms-flex-direction: column;
5689 flex-direction: column; 5689 flex-direction: column;
5690 position: relative; 5690 position: relative;
5691 } 5691 }
5692 .about__title { 5692 .about__title {
5693 color: #fff; 5693 color: #fff;
5694 line-height: 1.2; 5694 line-height: 1.2;
5695 } 5695 }
5696 @media (min-width: 1280px) { 5696 @media (min-width: 1280px) {
5697 .about__title { 5697 .about__title {
5698 position: absolute; 5698 position: absolute;
5699 top: -45px; 5699 top: -45px;
5700 left: 0; 5700 left: 0;
5701 } 5701 }
5702 } 5702 }
5703 .about__body { 5703 .about__body {
5704 display: -webkit-box; 5704 display: -webkit-box;
5705 display: -ms-flexbox; 5705 display: -ms-flexbox;
5706 display: flex; 5706 display: flex;
5707 -webkit-box-orient: vertical; 5707 -webkit-box-orient: vertical;
5708 -webkit-box-direction: normal; 5708 -webkit-box-direction: normal;
5709 -ms-flex-direction: column; 5709 -ms-flex-direction: column;
5710 flex-direction: column; 5710 flex-direction: column;
5711 } 5711 }
5712 @media (min-width: 1280px) { 5712 @media (min-width: 1280px) {
5713 .about__body { 5713 .about__body {
5714 padding-left: 495px; 5714 padding-left: 495px;
5715 } 5715 }
5716 } 5716 }
5717 .about__line { 5717 .about__line {
5718 background: #fff; 5718 background: #fff;
5719 width: 100%; 5719 width: 100%;
5720 height: 1px; 5720 height: 1px;
5721 max-width: 400px; 5721 max-width: 400px;
5722 margin-top: 10px; 5722 margin-top: 10px;
5723 } 5723 }
5724 .about__item { 5724 .about__item {
5725 display: -webkit-box; 5725 display: -webkit-box;
5726 display: -ms-flexbox; 5726 display: -ms-flexbox;
5727 display: flex; 5727 display: flex;
5728 -webkit-box-orient: vertical; 5728 -webkit-box-orient: vertical;
5729 -webkit-box-direction: normal; 5729 -webkit-box-direction: normal;
5730 -ms-flex-direction: column; 5730 -ms-flex-direction: column;
5731 flex-direction: column; 5731 flex-direction: column;
5732 margin-top: 10px; 5732 margin-top: 10px;
5733 max-width: 600px; 5733 max-width: 600px;
5734 } 5734 }
5735 @media (min-width: 768px) { 5735 @media (min-width: 768px) {
5736 .about__item { 5736 .about__item {
5737 margin-top: 20px; 5737 margin-top: 20px;
5738 } 5738 }
5739 } 5739 }
5740 @media (min-width: 1280px) { 5740 @media (min-width: 1280px) {
5741 .about__item { 5741 .about__item {
5742 margin-top: 30px; 5742 margin-top: 30px;
5743 } 5743 }
5744 } 5744 }
5745 .about__item b { 5745 .about__item b {
5746 font-size: 20px; 5746 font-size: 20px;
5747 font-weight: 700; 5747 font-weight: 700;
5748 } 5748 }
5749 .about__item span { 5749 .about__item span {
5750 font-size: 13px; 5750 font-size: 13px;
5751 line-height: 1.4; 5751 line-height: 1.4;
5752 margin-top: 6px; 5752 margin-top: 6px;
5753 } 5753 }
5754 @media (min-width: 1280px) { 5754 @media (min-width: 1280px) {
5755 .about__item span { 5755 .about__item span {
5756 font-size: 16px; 5756 font-size: 16px;
5757 margin-top: 12px; 5757 margin-top: 12px;
5758 } 5758 }
5759 } 5759 }
5760 .about__item a { 5760 .about__item a {
5761 text-decoration: underline; 5761 text-decoration: underline;
5762 } 5762 }
5763 .about__item + .about__item { 5763 .about__item + .about__item {
5764 margin-top: 30px; 5764 margin-top: 30px;
5765 } 5765 }
5766 @media (min-width: 992px) { 5766 @media (min-width: 992px) {
5767 .about__item + .about__item { 5767 .about__item + .about__item {
5768 margin-top: 40px; 5768 margin-top: 40px;
5769 } 5769 }
5770 } 5770 }
5771 .about__button { 5771 .about__button {
5772 margin-top: 20px; 5772 margin-top: 20px;
5773 height: 38px; 5773 height: 38px;
5774 padding: 0; 5774 padding: 0;
5775 } 5775 }
5776 @media (min-width: 768px) { 5776 @media (min-width: 768px) {
5777 .about__button { 5777 .about__button {
5778 max-width: 200px; 5778 max-width: 200px;
5779 height: 42px; 5779 height: 42px;
5780 margin-top: 30px; 5780 margin-top: 30px;
5781 } 5781 }
5782 } 5782 }
5783 5783
5784 .news { 5784 .news {
5785 padding: 50px 0; 5785 padding: 50px 0;
5786 overflow: hidden; 5786 overflow: hidden;
5787 } 5787 }
5788 @media (min-width: 1280px) { 5788 @media (min-width: 1280px) {
5789 .news { 5789 .news {
5790 padding: 100px 0; 5790 padding: 100px 0;
5791 padding-bottom: 0; 5791 padding-bottom: 0;
5792 } 5792 }
5793 } 5793 }
5794 .news__toper { 5794 .news__toper {
5795 display: -webkit-box; 5795 display: -webkit-box;
5796 display: -ms-flexbox; 5796 display: -ms-flexbox;
5797 display: flex; 5797 display: flex;
5798 -webkit-box-pack: justify; 5798 -webkit-box-pack: justify;
5799 -ms-flex-pack: justify; 5799 -ms-flex-pack: justify;
5800 justify-content: space-between; 5800 justify-content: space-between;
5801 -webkit-box-align: center; 5801 -webkit-box-align: center;
5802 -ms-flex-align: center; 5802 -ms-flex-align: center;
5803 align-items: center; 5803 align-items: center;
5804 } 5804 }
5805 @media (min-width: 1280px) { 5805 @media (min-width: 1280px) {
5806 .news__toper .title { 5806 .news__toper .title {
5807 width: calc(100% - 160px); 5807 width: calc(100% - 160px);
5808 } 5808 }
5809 } 5809 }
5810 .news__toper .navs { 5810 .news__toper .navs {
5811 display: none; 5811 display: none;
5812 } 5812 }
5813 @media (min-width: 1280px) { 5813 @media (min-width: 1280px) {
5814 .news__toper .navs { 5814 .news__toper .navs {
5815 display: -webkit-box; 5815 display: -webkit-box;
5816 display: -ms-flexbox; 5816 display: -ms-flexbox;
5817 display: flex; 5817 display: flex;
5818 } 5818 }
5819 } 5819 }
5820 .news .swiper { 5820 .news .swiper {
5821 margin-top: 20px; 5821 margin-top: 20px;
5822 } 5822 }
5823 @media (min-width: 768px) { 5823 @media (min-width: 768px) {
5824 .news .swiper { 5824 .news .swiper {
5825 overflow: visible; 5825 overflow: visible;
5826 } 5826 }
5827 } 5827 }
5828 @media (min-width: 992px) { 5828 @media (min-width: 992px) {
5829 .news .swiper { 5829 .news .swiper {
5830 margin-top: 40px; 5830 margin-top: 40px;
5831 } 5831 }
5832 } 5832 }
5833 .news__item { 5833 .news__item {
5834 display: -webkit-box; 5834 display: -webkit-box;
5835 display: -ms-flexbox; 5835 display: -ms-flexbox;
5836 display: flex; 5836 display: flex;
5837 -webkit-box-orient: vertical; 5837 -webkit-box-orient: vertical;
5838 -webkit-box-direction: normal; 5838 -webkit-box-direction: normal;
5839 -ms-flex-direction: column; 5839 -ms-flex-direction: column;
5840 flex-direction: column; 5840 flex-direction: column;
5841 line-height: 1.4; 5841 line-height: 1.4;
5842 } 5842 }
5843 .news__item-pic { 5843 .news__item-pic {
5844 width: 100%; 5844 width: 100%;
5845 aspect-ratio: 3/2; 5845 aspect-ratio: 3/2;
5846 border-radius: 12px; 5846 border-radius: 12px;
5847 border: 1px solid #e6e7e7; 5847 border: 1px solid #e6e7e7;
5848 -o-object-fit: cover; 5848 -o-object-fit: cover;
5849 object-fit: cover; 5849 object-fit: cover;
5850 min-height: 200px; 5850 min-height: 200px;
5851 } 5851 }
5852 @media (min-width: 1280px) { 5852 @media (min-width: 1280px) {
5853 .news__item-pic { 5853 .news__item-pic {
5854 aspect-ratio: 4/2; 5854 aspect-ratio: 4/2;
5855 } 5855 }
5856 } 5856 }
5857 .news__item-body { 5857 .news__item-body {
5858 display: -webkit-box; 5858 display: -webkit-box;
5859 display: -ms-flexbox; 5859 display: -ms-flexbox;
5860 display: flex; 5860 display: flex;
5861 -webkit-box-orient: vertical; 5861 -webkit-box-orient: vertical;
5862 -webkit-box-direction: normal; 5862 -webkit-box-direction: normal;
5863 -ms-flex-direction: column; 5863 -ms-flex-direction: column;
5864 flex-direction: column; 5864 flex-direction: column;
5865 padding-top: 15px; 5865 padding-top: 15px;
5866 } 5866 }
5867 @media (min-width: 768px) { 5867 @media (min-width: 768px) {
5868 .news__item-body { 5868 .news__item-body {
5869 padding: 20px; 5869 padding: 20px;
5870 padding-top: 30px; 5870 padding-top: 30px;
5871 margin-top: -15px; 5871 margin-top: -15px;
5872 border-radius: 0 0 12px 12px; 5872 border-radius: 0 0 12px 12px;
5873 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5873 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5874 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5874 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5875 } 5875 }
5876 } 5876 }
5877 .news__item-date { 5877 .news__item-date {
5878 font-size: 14px; 5878 font-size: 14px;
5879 font-weight: 700; 5879 font-weight: 700;
5880 color: #377d87; 5880 color: #377d87;
5881 } 5881 }
5882 .news__item-title { 5882 .news__item-title {
5883 font-size: 20px; 5883 font-size: 20px;
5884 font-weight: 700; 5884 font-weight: 700;
5885 line-height: 1.2; 5885 line-height: 1.2;
5886 margin-top: 5px; 5886 margin-top: 5px;
5887 } 5887 }
5888 .news__item-text { 5888 .news__item-text {
5889 color: #000; 5889 color: #000;
5890 font-size: 13px; 5890 font-size: 13px;
5891 margin-top: 10px; 5891 margin-top: 10px;
5892 overflow: hidden; 5892 overflow: hidden;
5893 display: -webkit-box; 5893 display: -webkit-box;
5894 -webkit-box-orient: vertical; 5894 -webkit-box-orient: vertical;
5895 -webkit-line-clamp: 4; 5895 -webkit-line-clamp: 4;
5896 } 5896 }
5897 @media (min-width: 1280px) { 5897 @media (min-width: 1280px) {
5898 .news__item-text { 5898 .news__item-text {
5899 font-size: 16px; 5899 font-size: 16px;
5900 } 5900 }
5901 } 5901 }
5902 .news__item-more { 5902 .news__item-more {
5903 height: 42px; 5903 height: 42px;
5904 margin-top: 20px; 5904 margin-top: 20px;
5905 } 5905 }
5906 @media (min-width: 1280px) { 5906 @media (min-width: 1280px) {
5907 .news__item-more { 5907 .news__item-more {
5908 height: 44px; 5908 height: 44px;
5909 max-width: 190px; 5909 max-width: 190px;
5910 } 5910 }
5911 } 5911 }
5912 .news__all { 5912 .news__all {
5913 height: 42px; 5913 height: 42px;
5914 margin: 0 auto; 5914 margin: 0 auto;
5915 margin-top: 20px; 5915 margin-top: 20px;
5916 padding: 0; 5916 padding: 0;
5917 display: none; 5917 display: none;
5918 } 5918 }
5919 @media (min-width: 768px) { 5919 @media (min-width: 768px) {
5920 .news__all { 5920 .news__all {
5921 max-width: 170px; 5921 max-width: 170px;
5922 margin-top: 30px; 5922 margin-top: 30px;
5923 display: -webkit-box; 5923 display: -webkit-box;
5924 display: -ms-flexbox; 5924 display: -ms-flexbox;
5925 display: flex; 5925 display: flex;
5926 } 5926 }
5927 } 5927 }
5928 @media (min-width: 1280px) { 5928 @media (min-width: 1280px) {
5929 .news__all { 5929 .news__all {
5930 height: 44px; 5930 height: 44px;
5931 } 5931 }
5932 } 5932 }
5933 .news__items { 5933 .news__items {
5934 display: grid; 5934 display: grid;
5935 gap: 20px; 5935 gap: 20px;
5936 margin-bottom: 10px; 5936 margin-bottom: 10px;
5937 } 5937 }
5938 @media (min-width: 768px) { 5938 @media (min-width: 768px) {
5939 .news__items { 5939 .news__items {
5940 grid-template-columns: 1fr 1fr; 5940 grid-template-columns: 1fr 1fr;
5941 } 5941 }
5942 } 5942 }
5943 @media (min-width: 992px) { 5943 @media (min-width: 992px) {
5944 .news__items { 5944 .news__items {
5945 grid-template-columns: 1fr 1fr 1fr; 5945 grid-template-columns: 1fr 1fr 1fr;
5946 } 5946 }
5947 } 5947 }
5948 5948
5949 main + .news { 5949 main + .news {
5950 padding: 0; 5950 padding: 0;
5951 } 5951 }
5952 5952
5953 .info { 5953 .info {
5954 position: relative; 5954 position: relative;
5955 overflow: hidden; 5955 overflow: hidden;
5956 } 5956 }
5957 @media (min-width: 1280px) { 5957 @media (min-width: 1280px) {
5958 .info { 5958 .info {
5959 margin-bottom: -25px; 5959 margin-bottom: -25px;
5960 } 5960 }
5961 } 5961 }
5962 .info__pic { 5962 .info__pic {
5963 display: none; 5963 display: none;
5964 z-index: 1; 5964 z-index: 1;
5965 position: absolute; 5965 position: absolute;
5966 top: 0; 5966 top: 0;
5967 left: 50%; 5967 left: 50%;
5968 height: 100%; 5968 height: 100%;
5969 margin-left: 130px; 5969 margin-left: 130px;
5970 } 5970 }
5971 @media (min-width: 992px) { 5971 @media (min-width: 992px) {
5972 .info__pic { 5972 .info__pic {
5973 display: block; 5973 display: block;
5974 } 5974 }
5975 } 5975 }
5976 @media (min-width: 1280px) { 5976 @media (min-width: 1280px) {
5977 .info__pic { 5977 .info__pic {
5978 width: 610px; 5978 width: 610px;
5979 height: auto; 5979 height: auto;
5980 margin-left: 10px; 5980 margin-left: 10px;
5981 } 5981 }
5982 } 5982 }
5983 .info__body { 5983 .info__body {
5984 z-index: 2; 5984 z-index: 2;
5985 position: relative; 5985 position: relative;
5986 display: -webkit-box; 5986 display: -webkit-box;
5987 display: -ms-flexbox; 5987 display: -ms-flexbox;
5988 display: flex; 5988 display: flex;
5989 -webkit-box-orient: vertical; 5989 -webkit-box-orient: vertical;
5990 -webkit-box-direction: normal; 5990 -webkit-box-direction: normal;
5991 -ms-flex-direction: column; 5991 -ms-flex-direction: column;
5992 flex-direction: column; 5992 flex-direction: column;
5993 } 5993 }
5994 @media (min-width: 1280px) { 5994 @media (min-width: 1280px) {
5995 .info__body { 5995 .info__body {
5996 padding-top: 100px; 5996 padding-top: 100px;
5997 min-height: 600px; 5997 min-height: 600px;
5998 } 5998 }
5999 } 5999 }
6000 @media (min-width: 1280px) { 6000 @media (min-width: 1280px) {
6001 .info__title { 6001 .info__title {
6002 max-width: 520px; 6002 max-width: 520px;
6003 line-height: 1; 6003 line-height: 1;
6004 } 6004 }
6005 } 6005 }
6006 .info__item { 6006 .info__item {
6007 margin-top: 20px; 6007 margin-top: 20px;
6008 display: -webkit-box; 6008 display: -webkit-box;
6009 display: -ms-flexbox; 6009 display: -ms-flexbox;
6010 display: flex; 6010 display: flex;
6011 -webkit-box-orient: vertical; 6011 -webkit-box-orient: vertical;
6012 -webkit-box-direction: normal; 6012 -webkit-box-direction: normal;
6013 -ms-flex-direction: column; 6013 -ms-flex-direction: column;
6014 flex-direction: column; 6014 flex-direction: column;
6015 gap: 20px; 6015 gap: 20px;
6016 } 6016 }
6017 @media (min-width: 992px) { 6017 @media (min-width: 992px) {
6018 .info__item { 6018 .info__item {
6019 max-width: 610px; 6019 max-width: 610px;
6020 } 6020 }
6021 } 6021 }
6022 .info__item + .info__item { 6022 .info__item + .info__item {
6023 margin-top: 60px; 6023 margin-top: 60px;
6024 } 6024 }
6025 .info__text { 6025 .info__text {
6026 color: #000; 6026 color: #000;
6027 font-size: 13px; 6027 font-size: 13px;
6028 line-height: 1.4; 6028 line-height: 1.4;
6029 } 6029 }
6030 @media (min-width: 768px) { 6030 @media (min-width: 768px) {
6031 .info__text { 6031 .info__text {
6032 font-size: 16px; 6032 font-size: 16px;
6033 } 6033 }
6034 } 6034 }
6035 @media (min-width: 1280px) { 6035 @media (min-width: 1280px) {
6036 .info__text { 6036 .info__text {
6037 font-size: 18px; 6037 font-size: 18px;
6038 } 6038 }
6039 } 6039 }
6040 .info__link { 6040 .info__link {
6041 border-radius: 8px; 6041 border-radius: 8px;
6042 display: -webkit-box; 6042 display: -webkit-box;
6043 display: -ms-flexbox; 6043 display: -ms-flexbox;
6044 display: flex; 6044 display: flex;
6045 -webkit-box-pack: center; 6045 -webkit-box-pack: center;
6046 -ms-flex-pack: center; 6046 -ms-flex-pack: center;
6047 justify-content: center; 6047 justify-content: center;
6048 -webkit-box-align: center; 6048 -webkit-box-align: center;
6049 -ms-flex-align: center; 6049 -ms-flex-align: center;
6050 align-items: center; 6050 align-items: center;
6051 line-height: 1; 6051 line-height: 1;
6052 height: 40px; 6052 height: 40px;
6053 font-size: 12px; 6053 font-size: 12px;
6054 font-weight: 700; 6054 font-weight: 700;
6055 gap: 8px; 6055 gap: 8px;
6056 color: #fff; 6056 color: #fff;
6057 background: #377d87; 6057 background: #377d87;
6058 } 6058 }
6059 .info__link:hover { 6059 .info__link:hover {
6060 -webkit-filter: grayscale(50%); 6060 -webkit-filter: grayscale(50%);
6061 filter: grayscale(50%); 6061 filter: grayscale(50%);
6062 } 6062 }
6063 @media (min-width: 768px) { 6063 @media (min-width: 768px) {
6064 .info__link { 6064 .info__link {
6065 height: 44px; 6065 height: 44px;
6066 font-size: 16px; 6066 font-size: 16px;
6067 gap: 10px; 6067 gap: 10px;
6068 max-width: 300px; 6068 max-width: 300px;
6069 } 6069 }
6070 } 6070 }
6071 @media (min-width: 992px) { 6071 @media (min-width: 992px) {
6072 .info__link { 6072 .info__link {
6073 max-width: 210px; 6073 max-width: 210px;
6074 } 6074 }
6075 } 6075 }
6076 .info__link svg { 6076 .info__link svg {
6077 width: 16px; 6077 width: 16px;
6078 height: 16px; 6078 height: 16px;
6079 } 6079 }
6080 @media (min-width: 768px) { 6080 @media (min-width: 768px) {
6081 .info__link svg { 6081 .info__link svg {
6082 width: 20px; 6082 width: 20px;
6083 height: 20px; 6083 height: 20px;
6084 } 6084 }
6085 } 6085 }
6086 6086
6087 .thing { 6087 .thing {
6088 padding-top: 15px; 6088 padding-top: 15px;
6089 padding-bottom: 30px; 6089 padding-bottom: 30px;
6090 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6090 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6091 color: #000; 6091 color: #000;
6092 overflow: hidden; 6092 overflow: hidden;
6093 position: relative; 6093 position: relative;
6094 } 6094 }
6095 @media (min-width: 992px) { 6095 @media (min-width: 992px) {
6096 .thing { 6096 .thing {
6097 padding-top: 20px; 6097 padding-top: 20px;
6098 padding-bottom: 60px; 6098 padding-bottom: 60px;
6099 } 6099 }
6100 } 6100 }
6101 @media (min-width: 1280px) { 6101 @media (min-width: 1280px) {
6102 .thing { 6102 .thing {
6103 padding-bottom: 90px; 6103 padding-bottom: 90px;
6104 } 6104 }
6105 } 6105 }
6106 .thing_pdf { 6106 .thing_pdf {
6107 padding: 30px 0; 6107 padding: 30px 0;
6108 } 6108 }
6109 @media (min-width: 992px) { 6109 @media (min-width: 992px) {
6110 .thing_pdf { 6110 .thing_pdf {
6111 padding: 60px 0; 6111 padding: 60px 0;
6112 } 6112 }
6113 } 6113 }
6114 @media (min-width: 1280px) { 6114 @media (min-width: 1280px) {
6115 .thing_pdf { 6115 .thing_pdf {
6116 padding: 90px 0; 6116 padding: 90px 0;
6117 } 6117 }
6118 } 6118 }
6119 .thing__body { 6119 .thing__body {
6120 display: -webkit-box; 6120 display: -webkit-box;
6121 display: -ms-flexbox; 6121 display: -ms-flexbox;
6122 display: flex; 6122 display: flex;
6123 -webkit-box-orient: vertical; 6123 -webkit-box-orient: vertical;
6124 -webkit-box-direction: normal; 6124 -webkit-box-direction: normal;
6125 -ms-flex-direction: column; 6125 -ms-flex-direction: column;
6126 flex-direction: column; 6126 flex-direction: column;
6127 -webkit-box-align: start; 6127 -webkit-box-align: start;
6128 -ms-flex-align: start; 6128 -ms-flex-align: start;
6129 align-items: flex-start; 6129 align-items: flex-start;
6130 } 6130 }
6131 .thing__breadcrumbs { 6131 .thing__breadcrumbs {
6132 width: 100%; 6132 width: 100%;
6133 margin-bottom: 40px; 6133 margin-bottom: 40px;
6134 position: relative; 6134 position: relative;
6135 z-index: 2; 6135 z-index: 2;
6136 } 6136 }
6137 @media (min-width: 768px) { 6137 @media (min-width: 768px) {
6138 .thing__breadcrumbs { 6138 .thing__breadcrumbs {
6139 margin-bottom: 60px; 6139 margin-bottom: 60px;
6140 } 6140 }
6141 } 6141 }
6142 .thing__date { 6142 .thing__date {
6143 color: #000; 6143 color: #000;
6144 font-size: 14px; 6144 font-size: 14px;
6145 font-weight: 700; 6145 font-weight: 700;
6146 line-height: 21px; 6146 line-height: 21px;
6147 margin-bottom: 10px; 6147 margin-bottom: 10px;
6148 } 6148 }
6149 @media (min-width: 768px) { 6149 @media (min-width: 768px) {
6150 .thing__date { 6150 .thing__date {
6151 font-size: 18px; 6151 font-size: 18px;
6152 line-height: 27px; 6152 line-height: 27px;
6153 } 6153 }
6154 } 6154 }
6155 .thing__title { 6155 .thing__title {
6156 width: 100%; 6156 width: 100%;
6157 font-size: 32px; 6157 font-size: 32px;
6158 font-weight: 700; 6158 font-weight: 700;
6159 margin: 0; 6159 margin: 0;
6160 max-width: 780px; 6160 max-width: 780px;
6161 position: relative; 6161 position: relative;
6162 z-index: 2; 6162 z-index: 2;
6163 line-height: 1.1; 6163 line-height: 1.1;
6164 } 6164 }
6165 @media (min-width: 768px) { 6165 @media (min-width: 768px) {
6166 .thing__title { 6166 .thing__title {
6167 font-size: 40px; 6167 font-size: 40px;
6168 } 6168 }
6169 } 6169 }
6170 @media (min-width: 1280px) { 6170 @media (min-width: 1280px) {
6171 .thing__title { 6171 .thing__title {
6172 font-size: 64px; 6172 font-size: 64px;
6173 } 6173 }
6174 } 6174 }
6175 .thing__text { 6175 .thing__text {
6176 width: 100%; 6176 width: 100%;
6177 font-weight: 700; 6177 font-weight: 700;
6178 font-size: 14px; 6178 font-size: 14px;
6179 line-height: 1.4; 6179 line-height: 1.4;
6180 margin: 15px 0 0 0; 6180 margin: 15px 0 0 0;
6181 max-width: 780px; 6181 max-width: 780px;
6182 position: relative; 6182 position: relative;
6183 z-index: 2; 6183 z-index: 2;
6184 } 6184 }
6185 @media (min-width: 768px) { 6185 @media (min-width: 768px) {
6186 .thing__text { 6186 .thing__text {
6187 margin-top: 15px; 6187 margin-top: 15px;
6188 } 6188 }
6189 } 6189 }
6190 @media (min-width: 992px) { 6190 @media (min-width: 992px) {
6191 .thing__text { 6191 .thing__text {
6192 font-weight: 400; 6192 font-weight: 400;
6193 font-size: 18px; 6193 font-size: 18px;
6194 } 6194 }
6195 } 6195 }
6196 .thing__search { 6196 .thing__search {
6197 width: 100%; 6197 width: 100%;
6198 max-width: 640px; 6198 max-width: 640px;
6199 margin-top: 20px; 6199 margin-top: 20px;
6200 position: relative; 6200 position: relative;
6201 z-index: 2; 6201 z-index: 2;
6202 } 6202 }
6203 @media (min-width: 768px) { 6203 @media (min-width: 768px) {
6204 .thing__search { 6204 .thing__search {
6205 margin-top: 30px; 6205 margin-top: 30px;
6206 } 6206 }
6207 } 6207 }
6208 .thing__badge { 6208 .thing__badge {
6209 position: relative; 6209 position: relative;
6210 z-index: 2; 6210 z-index: 2;
6211 display: -webkit-box; 6211 display: -webkit-box;
6212 display: -ms-flexbox; 6212 display: -ms-flexbox;
6213 display: flex; 6213 display: flex;
6214 -webkit-box-align: center; 6214 -webkit-box-align: center;
6215 -ms-flex-align: center; 6215 -ms-flex-align: center;
6216 align-items: center; 6216 align-items: center;
6217 gap: 5px; 6217 gap: 5px;
6218 padding: 0 12px; 6218 padding: 0 12px;
6219 background: #4d88d9; 6219 background: #4d88d9;
6220 color: #fff; 6220 color: #fff;
6221 font-size: 12px; 6221 font-size: 12px;
6222 line-height: 1; 6222 line-height: 1;
6223 height: 26px; 6223 height: 26px;
6224 border-radius: 999px; 6224 border-radius: 999px;
6225 margin-bottom: 20px; 6225 margin-bottom: 20px;
6226 } 6226 }
6227 @media (min-width: 992px) { 6227 @media (min-width: 992px) {
6228 .thing__badge { 6228 .thing__badge {
6229 font-size: 16px; 6229 font-size: 16px;
6230 gap: 10px; 6230 gap: 10px;
6231 padding: 0 24px; 6231 padding: 0 24px;
6232 height: 42px; 6232 height: 42px;
6233 margin-bottom: 30px; 6233 margin-bottom: 30px;
6234 } 6234 }
6235 } 6235 }
6236 .thing__badge svg { 6236 .thing__badge svg {
6237 width: 12px; 6237 width: 12px;
6238 height: 12px; 6238 height: 12px;
6239 } 6239 }
6240 @media (min-width: 992px) { 6240 @media (min-width: 992px) {
6241 .thing__badge svg { 6241 .thing__badge svg {
6242 width: 20px; 6242 width: 20px;
6243 height: 20px; 6243 height: 20px;
6244 } 6244 }
6245 } 6245 }
6246 .thing__pic { 6246 .thing__pic {
6247 width: 60px; 6247 width: 60px;
6248 aspect-ratio: 1/1; 6248 aspect-ratio: 1/1;
6249 -o-object-fit: contain; 6249 -o-object-fit: contain;
6250 object-fit: contain; 6250 object-fit: contain;
6251 position: relative; 6251 position: relative;
6252 z-index: 1; 6252 z-index: 1;
6253 margin-bottom: 15px; 6253 margin-bottom: 15px;
6254 } 6254 }
6255 @media (min-width: 768px) { 6255 @media (min-width: 768px) {
6256 .thing__pic { 6256 .thing__pic {
6257 width: 160px; 6257 width: 160px;
6258 position: absolute; 6258 position: absolute;
6259 top: 15px; 6259 top: 15px;
6260 right: 20px; 6260 right: 20px;
6261 } 6261 }
6262 } 6262 }
6263 @media (min-width: 992px) { 6263 @media (min-width: 992px) {
6264 .thing__pic { 6264 .thing__pic {
6265 width: 330px; 6265 width: 330px;
6266 top: 50%; 6266 top: 50%;
6267 -webkit-transform: translate(0, -50%); 6267 -webkit-transform: translate(0, -50%);
6268 -ms-transform: translate(0, -50%); 6268 -ms-transform: translate(0, -50%);
6269 transform: translate(0, -50%); 6269 transform: translate(0, -50%);
6270 } 6270 }
6271 } 6271 }
6272 @media (min-width: 1280px) { 6272 @media (min-width: 1280px) {
6273 .thing__pic { 6273 .thing__pic {
6274 right: auto; 6274 right: auto;
6275 left: 50%; 6275 left: 50%;
6276 margin-left: 200px; 6276 margin-left: 200px;
6277 } 6277 }
6278 } 6278 }
6279 .thing__pic_two { 6279 .thing__pic_two {
6280 -o-object-fit: cover; 6280 -o-object-fit: cover;
6281 object-fit: cover; 6281 object-fit: cover;
6282 border-radius: 30px; 6282 border-radius: 30px;
6283 aspect-ratio: 44/37; 6283 aspect-ratio: 44/37;
6284 width: 100%; 6284 width: 100%;
6285 max-width: 440px; 6285 max-width: 440px;
6286 } 6286 }
6287 @media (min-width: 768px) { 6287 @media (min-width: 768px) {
6288 .thing__pic_two { 6288 .thing__pic_two {
6289 position: static; 6289 position: static;
6290 -webkit-transform: translate(0, 0); 6290 -webkit-transform: translate(0, 0);
6291 -ms-transform: translate(0, 0); 6291 -ms-transform: translate(0, 0);
6292 transform: translate(0, 0); 6292 transform: translate(0, 0);
6293 } 6293 }
6294 } 6294 }
6295 @media (min-width: 1280px) { 6295 @media (min-width: 1280px) {
6296 .thing__pic_two { 6296 .thing__pic_two {
6297 position: absolute; 6297 position: absolute;
6298 -webkit-transform: translate(0, -50%); 6298 -webkit-transform: translate(0, -50%);
6299 -ms-transform: translate(0, -50%); 6299 -ms-transform: translate(0, -50%);
6300 transform: translate(0, -50%); 6300 transform: translate(0, -50%);
6301 } 6301 }
6302 } 6302 }
6303 .thing__buttons { 6303 .thing__buttons {
6304 width: 100%; 6304 width: 100%;
6305 position: relative; 6305 position: relative;
6306 z-index: 2; 6306 z-index: 2;
6307 display: -webkit-box; 6307 display: -webkit-box;
6308 display: -ms-flexbox; 6308 display: -ms-flexbox;
6309 display: flex; 6309 display: flex;
6310 -webkit-box-align: center; 6310 -webkit-box-align: center;
6311 -ms-flex-align: center; 6311 -ms-flex-align: center;
6312 align-items: center; 6312 align-items: center;
6313 gap: 20px; 6313 gap: 20px;
6314 margin-top: 15px; 6314 margin-top: 15px;
6315 } 6315 }
6316 @media (min-width: 992px) { 6316 @media (min-width: 992px) {
6317 .thing__buttons { 6317 .thing__buttons {
6318 margin-top: 30px; 6318 margin-top: 30px;
6319 gap: 30px; 6319 gap: 30px;
6320 } 6320 }
6321 } 6321 }
6322 @media (min-width: 992px) { 6322 @media (min-width: 992px) {
6323 .thing__buttons .button { 6323 .thing__buttons .button {
6324 padding: 0 22px; 6324 padding: 0 22px;
6325 } 6325 }
6326 } 6326 }
6327 .thing__checkbox { 6327 .thing__checkbox {
6328 margin-top: 20px; 6328 margin-top: 20px;
6329 } 6329 }
6330 .thing__checkbox .checkbox__icon { 6330 .thing__checkbox .checkbox__icon {
6331 border-color: #377d87; 6331 border-color: #377d87;
6332 } 6332 }
6333 .thing__checkbox .checkbox__text { 6333 .thing__checkbox .checkbox__text {
6334 color: #377d87; 6334 color: #377d87;
6335 } 6335 }
6336 .thing__profile { 6336 .thing__profile {
6337 display: -webkit-box; 6337 display: -webkit-box;
6338 display: -ms-flexbox; 6338 display: -ms-flexbox;
6339 display: flex; 6339 display: flex;
6340 -webkit-box-orient: vertical; 6340 -webkit-box-orient: vertical;
6341 -webkit-box-direction: normal; 6341 -webkit-box-direction: normal;
6342 -ms-flex-direction: column; 6342 -ms-flex-direction: column;
6343 flex-direction: column; 6343 flex-direction: column;
6344 } 6344 }
6345 @media (min-width: 768px) { 6345 @media (min-width: 768px) {
6346 .thing__profile { 6346 .thing__profile {
6347 -webkit-box-orient: horizontal; 6347 -webkit-box-orient: horizontal;
6348 -webkit-box-direction: normal; 6348 -webkit-box-direction: normal;
6349 -ms-flex-direction: row; 6349 -ms-flex-direction: row;
6350 flex-direction: row; 6350 flex-direction: row;
6351 -webkit-box-align: start; 6351 -webkit-box-align: start;
6352 -ms-flex-align: start; 6352 -ms-flex-align: start;
6353 align-items: flex-start; 6353 align-items: flex-start;
6354 } 6354 }
6355 } 6355 }
6356 .thing__profile-photo { 6356 .thing__profile-photo {
6357 width: 210px; 6357 width: 210px;
6358 border-radius: 8px; 6358 border-radius: 8px;
6359 aspect-ratio: 1/1; 6359 aspect-ratio: 1/1;
6360 } 6360 }
6361 .thing__profile-body { 6361 .thing__profile-body {
6362 display: -webkit-box; 6362 display: -webkit-box;
6363 display: -ms-flexbox; 6363 display: -ms-flexbox;
6364 display: flex; 6364 display: flex;
6365 -webkit-box-orient: vertical; 6365 -webkit-box-orient: vertical;
6366 -webkit-box-direction: normal; 6366 -webkit-box-direction: normal;
6367 -ms-flex-direction: column; 6367 -ms-flex-direction: column;
6368 flex-direction: column; 6368 flex-direction: column;
6369 margin-top: 15px; 6369 margin-top: 15px;
6370 } 6370 }
6371 @media (min-width: 768px) { 6371 @media (min-width: 768px) {
6372 .thing__profile-body { 6372 .thing__profile-body {
6373 width: calc(100% - 210px); 6373 width: calc(100% - 210px);
6374 padding-left: 35px; 6374 padding-left: 35px;
6375 } 6375 }
6376 } 6376 }
6377 .thing__profile .thing__title { 6377 .thing__profile .thing__title {
6378 max-width: none; 6378 max-width: none;
6379 } 6379 }
6380 @media (min-width: 768px) { 6380 @media (min-width: 768px) {
6381 .thing__profile .thing__title { 6381 .thing__profile .thing__title {
6382 margin-top: -20px; 6382 margin-top: -20px;
6383 } 6383 }
6384 } 6384 }
6385 .thing__profile .thing__text { 6385 .thing__profile .thing__text {
6386 max-width: none; 6386 max-width: none;
6387 } 6387 }
6388 .thing__bottom { 6388 .thing__bottom {
6389 display: -webkit-box; 6389 display: -webkit-box;
6390 display: -ms-flexbox; 6390 display: -ms-flexbox;
6391 display: flex; 6391 display: flex;
6392 -webkit-box-align: center; 6392 -webkit-box-align: center;
6393 -ms-flex-align: center; 6393 -ms-flex-align: center;
6394 align-items: center; 6394 align-items: center;
6395 gap: 15px; 6395 gap: 15px;
6396 margin-top: 15px; 6396 margin-top: 15px;
6397 } 6397 }
6398 @media (min-width: 768px) { 6398 @media (min-width: 768px) {
6399 .thing__bottom { 6399 .thing__bottom {
6400 margin-top: 30px; 6400 margin-top: 30px;
6401 } 6401 }
6402 } 6402 }
6403 .thing__select { 6403 .thing__select {
6404 width: 100%; 6404 width: 100%;
6405 max-width: 640px; 6405 max-width: 640px;
6406 margin-top: 20px; 6406 margin-top: 20px;
6407 } 6407 }
6408 @media (min-width: 768px) { 6408 @media (min-width: 768px) {
6409 .thing__select { 6409 .thing__select {
6410 margin-top: 30px; 6410 margin-top: 30px;
6411 } 6411 }
6412 } 6412 }
6413 6413
6414 .page-404 { 6414 .page-404 {
6415 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6415 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6416 overflow: hidden; 6416 overflow: hidden;
6417 } 6417 }
6418 .page-404__body { 6418 .page-404__body {
6419 display: -webkit-box; 6419 display: -webkit-box;
6420 display: -ms-flexbox; 6420 display: -ms-flexbox;
6421 display: flex; 6421 display: flex;
6422 -webkit-box-orient: vertical; 6422 -webkit-box-orient: vertical;
6423 -webkit-box-direction: normal; 6423 -webkit-box-direction: normal;
6424 -ms-flex-direction: column; 6424 -ms-flex-direction: column;
6425 flex-direction: column; 6425 flex-direction: column;
6426 -webkit-box-align: center; 6426 -webkit-box-align: center;
6427 -ms-flex-align: center; 6427 -ms-flex-align: center;
6428 align-items: center; 6428 align-items: center;
6429 -webkit-box-pack: center; 6429 -webkit-box-pack: center;
6430 -ms-flex-pack: center; 6430 -ms-flex-pack: center;
6431 justify-content: center; 6431 justify-content: center;
6432 text-align: center; 6432 text-align: center;
6433 padding: 60px 0; 6433 padding: 60px 0;
6434 color: #000; 6434 color: #000;
6435 font-size: 12px; 6435 font-size: 12px;
6436 gap: 10px; 6436 gap: 10px;
6437 line-height: 1.4; 6437 line-height: 1.4;
6438 } 6438 }
6439 @media (min-width: 768px) { 6439 @media (min-width: 768px) {
6440 .page-404__body { 6440 .page-404__body {
6441 font-size: 18px; 6441 font-size: 18px;
6442 padding: 120px 0; 6442 padding: 120px 0;
6443 gap: 20px; 6443 gap: 20px;
6444 } 6444 }
6445 } 6445 }
6446 @media (min-width: 1280px) { 6446 @media (min-width: 1280px) {
6447 .page-404__body { 6447 .page-404__body {
6448 padding: 180px 0; 6448 padding: 180px 0;
6449 text-align: left; 6449 text-align: left;
6450 } 6450 }
6451 } 6451 }
6452 .page-404__numb { 6452 .page-404__numb {
6453 font-size: 114px; 6453 font-size: 114px;
6454 line-height: 1; 6454 line-height: 1;
6455 color: #377d87; 6455 color: #377d87;
6456 font-weight: 700; 6456 font-weight: 700;
6457 } 6457 }
6458 @media (min-width: 768px) { 6458 @media (min-width: 768px) {
6459 .page-404__numb { 6459 .page-404__numb {
6460 font-size: 184px; 6460 font-size: 184px;
6461 } 6461 }
6462 } 6462 }
6463 @media (min-width: 768px) { 6463 @media (min-width: 768px) {
6464 .page-404__title { 6464 .page-404__title {
6465 font-weight: 700; 6465 font-weight: 700;
6466 font-size: 44px; 6466 font-size: 44px;
6467 } 6467 }
6468 } 6468 }
6469 @media (min-width: 1280px) { 6469 @media (min-width: 1280px) {
6470 .page-404__title { 6470 .page-404__title {
6471 width: 710px; 6471 width: 710px;
6472 position: relative; 6472 position: relative;
6473 left: 200px; 6473 left: 200px;
6474 } 6474 }
6475 } 6475 }
6476 @media (min-width: 1280px) { 6476 @media (min-width: 1280px) {
6477 .page-404__subtitle { 6477 .page-404__subtitle {
6478 width: 710px; 6478 width: 710px;
6479 position: relative; 6479 position: relative;
6480 left: 200px; 6480 left: 200px;
6481 } 6481 }
6482 } 6482 }
6483 .page-404__button { 6483 .page-404__button {
6484 margin-top: 10px; 6484 margin-top: 10px;
6485 } 6485 }
6486 @media (min-width: 1280px) { 6486 @media (min-width: 1280px) {
6487 .page-404__button { 6487 .page-404__button {
6488 position: relative; 6488 position: relative;
6489 left: -45px; 6489 left: -45px;
6490 } 6490 }
6491 } 6491 }
6492 6492
6493 .cookies { 6493 .cookies {
6494 display: none; 6494 display: none;
6495 -webkit-box-align: end; 6495 -webkit-box-align: end;
6496 -ms-flex-align: end; 6496 -ms-flex-align: end;
6497 align-items: flex-end; 6497 align-items: flex-end;
6498 padding: 10px; 6498 padding: 10px;
6499 padding-top: 0; 6499 padding-top: 0;
6500 height: 0; 6500 height: 0;
6501 position: fixed; 6501 position: fixed;
6502 z-index: 999; 6502 z-index: 999;
6503 bottom: 0; 6503 bottom: 0;
6504 left: 0; 6504 left: 0;
6505 width: 100%; 6505 width: 100%;
6506 } 6506 }
6507 .cookies-is-actived .cookies { 6507 .cookies-is-actived .cookies {
6508 display: -webkit-box; 6508 display: -webkit-box;
6509 display: -ms-flexbox; 6509 display: -ms-flexbox;
6510 display: flex; 6510 display: flex;
6511 } 6511 }
6512 .cookies__body { 6512 .cookies__body {
6513 border-radius: 6px; 6513 border-radius: 6px;
6514 border: 1px solid #377d87; 6514 border: 1px solid #377d87;
6515 background: #fff; 6515 background: #fff;
6516 padding: 15px; 6516 padding: 15px;
6517 padding-right: 50px; 6517 padding-right: 50px;
6518 position: relative; 6518 position: relative;
6519 max-width: 940px; 6519 max-width: 940px;
6520 margin: 0 auto; 6520 margin: 0 auto;
6521 } 6521 }
6522 @media (min-width: 768px) { 6522 @media (min-width: 768px) {
6523 .cookies__body { 6523 .cookies__body {
6524 padding: 25px; 6524 padding: 25px;
6525 padding-right: 50px; 6525 padding-right: 50px;
6526 border-radius: 12px; 6526 border-radius: 12px;
6527 } 6527 }
6528 } 6528 }
6529 @media (min-width: 992px) { 6529 @media (min-width: 992px) {
6530 .cookies__body { 6530 .cookies__body {
6531 padding: 40px 60px; 6531 padding: 40px 60px;
6532 } 6532 }
6533 } 6533 }
6534 .cookies__close { 6534 .cookies__close {
6535 display: -webkit-box; 6535 display: -webkit-box;
6536 display: -ms-flexbox; 6536 display: -ms-flexbox;
6537 display: flex; 6537 display: flex;
6538 -webkit-box-pack: center; 6538 -webkit-box-pack: center;
6539 -ms-flex-pack: center; 6539 -ms-flex-pack: center;
6540 justify-content: center; 6540 justify-content: center;
6541 -webkit-box-align: center; 6541 -webkit-box-align: center;
6542 -ms-flex-align: center; 6542 -ms-flex-align: center;
6543 align-items: center; 6543 align-items: center;
6544 color: #377d87; 6544 color: #377d87;
6545 padding: 0; 6545 padding: 0;
6546 border: none; 6546 border: none;
6547 background: none; 6547 background: none;
6548 position: absolute; 6548 position: absolute;
6549 top: 15px; 6549 top: 15px;
6550 right: 15px; 6550 right: 15px;
6551 } 6551 }
6552 .cookies__close:hover { 6552 .cookies__close:hover {
6553 color: #000; 6553 color: #000;
6554 } 6554 }
6555 .cookies__close svg { 6555 .cookies__close svg {
6556 width: 16px; 6556 width: 16px;
6557 height: 16px; 6557 height: 16px;
6558 } 6558 }
6559 .cookies__text { 6559 .cookies__text {
6560 font-size: 12px; 6560 font-size: 12px;
6561 color: #377d87; 6561 color: #377d87;
6562 line-height: 1.4; 6562 line-height: 1.4;
6563 } 6563 }
6564 @media (min-width: 768px) { 6564 @media (min-width: 768px) {
6565 .cookies__text { 6565 .cookies__text {
6566 font-size: 16px; 6566 font-size: 16px;
6567 font-weight: 700; 6567 font-weight: 700;
6568 } 6568 }
6569 } 6569 }
6570 6570
6571 .fancybox-active { 6571 .fancybox-active {
6572 overflow: hidden; 6572 overflow: hidden;
6573 } 6573 }
6574 .fancybox-is-open .fancybox-bg { 6574 .fancybox-is-open .fancybox-bg {
6575 background: #080b0b; 6575 background: #080b0b;
6576 opacity: 0.6; 6576 opacity: 0.6;
6577 z-index: 9999; 6577 z-index: 9999;
6578 } 6578 }
6579 .fancybox-slide { 6579 .fancybox-slide {
6580 padding: 0; 6580 padding: 0;
6581 } 6581 }
6582 @media (min-width: 992px) { 6582 @media (min-width: 992px) {
6583 .fancybox-slide { 6583 .fancybox-slide {
6584 padding: 30px; 6584 padding: 30px;
6585 } 6585 }
6586 } 6586 }
6587 .fancybox-slide--html .fancybox-close-small { 6587 .fancybox-slide--html .fancybox-close-small {
6588 padding: 0; 6588 padding: 0;
6589 opacity: 1; 6589 opacity: 1;
6590 color: #377d87; 6590 color: #377d87;
6591 } 6591 }
6592 @media (min-width: 768px) { 6592 @media (min-width: 768px) {
6593 .fancybox-slide--html .fancybox-close-small { 6593 .fancybox-slide--html .fancybox-close-small {
6594 top: 10px; 6594 top: 10px;
6595 right: 10px; 6595 right: 10px;
6596 } 6596 }
6597 } 6597 }
6598 .fancybox-slide--html .fancybox-close-small:hover { 6598 .fancybox-slide--html .fancybox-close-small:hover {
6599 color: #000; 6599 color: #000;
6600 } 6600 }
6601 6601
6602 .modal { 6602 .modal {
6603 width: 100%; 6603 width: 100%;
6604 max-width: 820px; 6604 max-width: 820px;
6605 padding: 0; 6605 padding: 0;
6606 background: #fff; 6606 background: #fff;
6607 z-index: 99999; 6607 z-index: 99999;
6608 } 6608 }
6609 @media (min-width: 992px) { 6609 @media (min-width: 992px) {
6610 .modal { 6610 .modal {
6611 border-radius: 10px; 6611 border-radius: 10px;
6612 border: 1px solid #377d87; 6612 border: 1px solid #377d87;
6613 } 6613 }
6614 } 6614 }
6615 .modal_bg { 6615 .modal_bg {
6616 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6616 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6617 } 6617 }
6618 @media (min-width: 768px) { 6618 @media (min-width: 768px) {
6619 .modal_bg { 6619 .modal_bg {
6620 background-position: 100% 100%; 6620 background-position: 100% 100%;
6621 } 6621 }
6622 } 6622 }
6623 .modal__body { 6623 .modal__body {
6624 padding: 40px 15px; 6624 padding: 40px 15px;
6625 padding-bottom: 30px; 6625 padding-bottom: 30px;
6626 display: -webkit-box; 6626 display: -webkit-box;
6627 display: -ms-flexbox; 6627 display: -ms-flexbox;
6628 display: flex; 6628 display: flex;
6629 -webkit-box-orient: vertical; 6629 -webkit-box-orient: vertical;
6630 -webkit-box-direction: normal; 6630 -webkit-box-direction: normal;
6631 -ms-flex-direction: column; 6631 -ms-flex-direction: column;
6632 flex-direction: column; 6632 flex-direction: column;
6633 -webkit-box-align: center; 6633 -webkit-box-align: center;
6634 -ms-flex-align: center; 6634 -ms-flex-align: center;
6635 align-items: center; 6635 align-items: center;
6636 -webkit-box-pack: center; 6636 -webkit-box-pack: center;
6637 -ms-flex-pack: center; 6637 -ms-flex-pack: center;
6638 justify-content: center; 6638 justify-content: center;
6639 width: 100%; 6639 width: 100%;
6640 min-height: 100vh; 6640 min-height: 100vh;
6641 overflow: hidden; 6641 overflow: hidden;
6642 font-size: 12px; 6642 font-size: 12px;
6643 } 6643 }
6644 @media (min-width: 768px) { 6644 @media (min-width: 768px) {
6645 .modal__body { 6645 .modal__body {
6646 font-size: 16px; 6646 font-size: 16px;
6647 padding-left: 22px; 6647 padding-left: 22px;
6648 padding-right: 22px; 6648 padding-right: 22px;
6649 } 6649 }
6650 } 6650 }
6651 @media (min-width: 992px) { 6651 @media (min-width: 992px) {
6652 .modal__body { 6652 .modal__body {
6653 min-height: 450px; 6653 min-height: 450px;
6654 padding: 60px 80px; 6654 padding: 60px 80px;
6655 padding-bottom: 40px; 6655 padding-bottom: 40px;
6656 } 6656 }
6657 } 6657 }
6658 @media (min-width: 768px) { 6658 @media (min-width: 768px) {
6659 .modal__body .left { 6659 .modal__body .left {
6660 text-align: left; 6660 text-align: left;
6661 } 6661 }
6662 } 6662 }
6663 .modal__title { 6663 .modal__title {
6664 width: 100%; 6664 width: 100%;
6665 font-size: 22px; 6665 font-size: 22px;
6666 font-weight: 700; 6666 font-weight: 700;
6667 text-align: center; 6667 text-align: center;
6668 color: #000; 6668 color: #000;
6669 } 6669 }
6670 @media (min-width: 768px) { 6670 @media (min-width: 768px) {
6671 .modal__title { 6671 .modal__title {
6672 font-size: 32px; 6672 font-size: 32px;
6673 } 6673 }
6674 } 6674 }
6675 @media (min-width: 992px) { 6675 @media (min-width: 992px) {
6676 .modal__title { 6676 .modal__title {
6677 font-size: 44px; 6677 font-size: 44px;
6678 } 6678 }
6679 } 6679 }
6680 .modal__text { 6680 .modal__text {
6681 width: 100%; 6681 width: 100%;
6682 text-align: center; 6682 text-align: center;
6683 margin-top: 10px; 6683 margin-top: 10px;
6684 color: #000; 6684 color: #000;
6685 } 6685 }
6686 @media (min-width: 768px) { 6686 @media (min-width: 768px) {
6687 .modal__text { 6687 .modal__text {
6688 margin-top: 20px; 6688 margin-top: 20px;
6689 } 6689 }
6690 } 6690 }
6691 .modal__text span { 6691 .modal__text span {
6692 color: #9c9d9d; 6692 color: #9c9d9d;
6693 } 6693 }
6694 .modal__text a { 6694 .modal__text a {
6695 font-weight: 700; 6695 font-weight: 700;
6696 color: #377d87; 6696 color: #377d87;
6697 } 6697 }
6698 .modal__text a:hover { 6698 .modal__text a:hover {
6699 color: #000; 6699 color: #000;
6700 } 6700 }
6701 .modal__button { 6701 .modal__button {
6702 margin-top: 20px; 6702 margin-top: 20px;
6703 } 6703 }
6704 @media (min-width: 768px) { 6704 @media (min-width: 768px) {
6705 .modal__button { 6705 .modal__button {
6706 min-width: 200px; 6706 min-width: 200px;
6707 margin-top: 30px; 6707 margin-top: 30px;
6708 } 6708 }
6709 } 6709 }
6710 .modal__buttons { 6710 .modal__buttons {
6711 display: grid; 6711 display: grid;
6712 grid-template-columns: repeat(2, 1fr); 6712 grid-template-columns: repeat(2, 1fr);
6713 gap: 20px; 6713 gap: 20px;
6714 margin-top: 20px; 6714 margin-top: 20px;
6715 } 6715 }
6716 @media (min-width: 768px) { 6716 @media (min-width: 768px) {
6717 .modal__buttons { 6717 .modal__buttons {
6718 gap: 30px; 6718 gap: 30px;
6719 margin-top: 30px; 6719 margin-top: 30px;
6720 } 6720 }
6721 } 6721 }
6722 .modal__form { 6722 .modal__form {
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 gap: 16px; 6731 gap: 16px;
6732 margin-top: 10px; 6732 margin-top: 10px;
6733 } 6733 }
6734 @media (min-width: 768px) { 6734 @media (min-width: 768px) {
6735 .modal__form { 6735 .modal__form {
6736 margin-top: 20px; 6736 margin-top: 20px;
6737 } 6737 }
6738 } 6738 }
6739 .modal__form-item { 6739 .modal__form-item {
6740 display: -webkit-box; 6740 display: -webkit-box;
6741 display: -ms-flexbox; 6741 display: -ms-flexbox;
6742 display: flex; 6742 display: flex;
6743 -webkit-box-orient: vertical; 6743 -webkit-box-orient: vertical;
6744 -webkit-box-direction: normal; 6744 -webkit-box-direction: normal;
6745 -ms-flex-direction: column; 6745 -ms-flex-direction: column;
6746 flex-direction: column; 6746 flex-direction: column;
6747 -webkit-box-align: center; 6747 -webkit-box-align: center;
6748 -ms-flex-align: center; 6748 -ms-flex-align: center;
6749 align-items: center; 6749 align-items: center;
6750 gap: 4px; 6750 gap: 4px;
6751 } 6751 }
6752 .modal__form-item > .input { 6752 .modal__form-item > .input {
6753 width: 100%; 6753 width: 100%;
6754 } 6754 }
6755 .modal__form-item > .textarea { 6755 .modal__form-item > .textarea {
6756 width: 100%; 6756 width: 100%;
6757 height: 175px; 6757 height: 175px;
6758 } 6758 }
6759 @media (min-width: 768px) { 6759 @media (min-width: 768px) {
6760 .modal__form-item > .textarea { 6760 .modal__form-item > .textarea {
6761 height: 195px; 6761 height: 195px;
6762 } 6762 }
6763 } 6763 }
6764 .modal__form-item > .file { 6764 .modal__form-item > .file {
6765 width: 100%; 6765 width: 100%;
6766 } 6766 }
6767 .modal__form-item > .button { 6767 .modal__form-item > .button {
6768 min-width: 120px; 6768 min-width: 120px;
6769 } 6769 }
6770 .modal__form-item > label { 6770 .modal__form-item > label {
6771 width: 100%; 6771 width: 100%;
6772 display: none; 6772 display: none;
6773 color: #eb5757; 6773 color: #eb5757;
6774 padding: 0 10px; 6774 padding: 0 10px;
6775 font-size: 12px; 6775 font-size: 12px;
6776 } 6776 }
6777 @media (min-width: 768px) { 6777 @media (min-width: 768px) {
6778 .modal__form-item > label { 6778 .modal__form-item > label {
6779 padding: 0 20px; 6779 padding: 0 20px;
6780 font-size: 16px; 6780 font-size: 16px;
6781 } 6781 }
6782 } 6782 }
6783 .modal__sign { 6783 .modal__sign {
6784 display: -webkit-box; 6784 display: -webkit-box;
6785 display: -ms-flexbox; 6785 display: -ms-flexbox;
6786 display: flex; 6786 display: flex;
6787 -webkit-box-orient: vertical; 6787 -webkit-box-orient: vertical;
6788 -webkit-box-direction: normal; 6788 -webkit-box-direction: normal;
6789 -ms-flex-direction: column; 6789 -ms-flex-direction: column;
6790 flex-direction: column; 6790 flex-direction: column;
6791 gap: 20px; 6791 gap: 20px;
6792 margin-top: 10px; 6792 margin-top: 10px;
6793 margin-bottom: 20px; 6793 margin-bottom: 20px;
6794 width: 100%; 6794 width: 100%;
6795 } 6795 }
6796 @media (min-width: 768px) { 6796 @media (min-width: 768px) {
6797 .modal__sign { 6797 .modal__sign {
6798 margin-top: 20px; 6798 margin-top: 20px;
6799 margin-bottom: 40px; 6799 margin-bottom: 40px;
6800 } 6800 }
6801 } 6801 }
6802 .modal__sign-item { 6802 .modal__sign-item {
6803 display: -webkit-box; 6803 display: -webkit-box;
6804 display: -ms-flexbox; 6804 display: -ms-flexbox;
6805 display: flex; 6805 display: flex;
6806 -webkit-box-orient: vertical; 6806 -webkit-box-orient: vertical;
6807 -webkit-box-direction: normal; 6807 -webkit-box-direction: normal;
6808 -ms-flex-direction: column; 6808 -ms-flex-direction: column;
6809 flex-direction: column; 6809 flex-direction: column;
6810 -webkit-box-align: center; 6810 -webkit-box-align: center;
6811 -ms-flex-align: center; 6811 -ms-flex-align: center;
6812 align-items: center; 6812 align-items: center;
6813 position: relative; 6813 position: relative;
6814 } 6814 }
6815 .modal__sign-item > .input { 6815 .modal__sign-item > .input {
6816 width: 100%; 6816 width: 100%;
6817 padding-right: 36px; 6817 padding-right: 36px;
6818 position: relative; 6818 position: relative;
6819 z-index: 1; 6819 z-index: 1;
6820 } 6820 }
6821 @media (min-width: 768px) { 6821 @media (min-width: 768px) {
6822 .modal__sign-item > .input { 6822 .modal__sign-item > .input {
6823 height: 52px; 6823 height: 52px;
6824 padding-right: 60px; 6824 padding-right: 60px;
6825 } 6825 }
6826 } 6826 }
6827 .modal__sign-item > .textarea { 6827 .modal__sign-item > .textarea {
6828 width: 100%; 6828 width: 100%;
6829 } 6829 }
6830 .modal__sign-bottom { 6830 .modal__sign-bottom {
6831 display: -webkit-box; 6831 display: -webkit-box;
6832 display: -ms-flexbox; 6832 display: -ms-flexbox;
6833 display: flex; 6833 display: flex;
6834 -webkit-box-pack: justify; 6834 -webkit-box-pack: justify;
6835 -ms-flex-pack: justify; 6835 -ms-flex-pack: justify;
6836 justify-content: space-between; 6836 justify-content: space-between;
6837 -webkit-box-align: center; 6837 -webkit-box-align: center;
6838 -ms-flex-align: center; 6838 -ms-flex-align: center;
6839 align-items: center; 6839 align-items: center;
6840 width: 100%; 6840 width: 100%;
6841 } 6841 }
6842 .modal__sign-bottom-link { 6842 .modal__sign-bottom-link {
6843 font-weight: 700; 6843 font-weight: 700;
6844 color: #377d87; 6844 color: #377d87;
6845 } 6845 }
6846 .modal__tabs { 6846 .modal__tabs {
6847 width: 100%; 6847 width: 100%;
6848 display: grid; 6848 display: grid;
6849 grid-template-columns: repeat(2, 1fr); 6849 grid-template-columns: repeat(2, 1fr);
6850 gap: 16px; 6850 gap: 16px;
6851 margin-top: 10px; 6851 margin-top: 10px;
6852 } 6852 }
6853 @media (min-width: 768px) { 6853 @media (min-width: 768px) {
6854 .modal__tabs { 6854 .modal__tabs {
6855 gap: 24px; 6855 gap: 24px;
6856 margin-top: 20px; 6856 margin-top: 20px;
6857 } 6857 }
6858 } 6858 }
6859 .modal__tabs-item.active { 6859 .modal__tabs-item.active {
6860 background: #377d87; 6860 background: #377d87;
6861 color: #fff; 6861 color: #fff;
6862 } 6862 }
6863 .modal__reg { 6863 .modal__reg {
6864 display: none; 6864 display: none;
6865 -webkit-box-orient: vertical; 6865 -webkit-box-orient: vertical;
6866 -webkit-box-direction: normal; 6866 -webkit-box-direction: normal;
6867 -ms-flex-direction: column; 6867 -ms-flex-direction: column;
6868 flex-direction: column; 6868 flex-direction: column;
6869 -webkit-box-align: center; 6869 -webkit-box-align: center;
6870 -ms-flex-align: center; 6870 -ms-flex-align: center;
6871 align-items: center; 6871 align-items: center;
6872 gap: 10px; 6872 gap: 10px;
6873 width: 100%; 6873 width: 100%;
6874 margin-top: 10px; 6874 margin-top: 10px;
6875 margin-bottom: 20px; 6875 margin-bottom: 20px;
6876 } 6876 }
6877 @media (min-width: 768px) { 6877 @media (min-width: 768px) {
6878 .modal__reg { 6878 .modal__reg {
6879 margin-top: 20px; 6879 margin-top: 20px;
6880 margin-bottom: 30px; 6880 margin-bottom: 30px;
6881 gap: 20px; 6881 gap: 20px;
6882 } 6882 }
6883 } 6883 }
6884 .modal__reg.showed { 6884 .modal__reg.showed {
6885 display: -webkit-box; 6885 display: -webkit-box;
6886 display: -ms-flexbox; 6886 display: -ms-flexbox;
6887 display: flex; 6887 display: flex;
6888 } 6888 }
6889 .modal__reg-item { 6889 .modal__reg-item {
6890 width: 100%; 6890 width: 100%;
6891 display: -webkit-box; 6891 display: -webkit-box;
6892 display: -ms-flexbox; 6892 display: -ms-flexbox;
6893 display: flex; 6893 display: flex;
6894 -webkit-box-orient: vertical; 6894 -webkit-box-orient: vertical;
6895 -webkit-box-direction: normal; 6895 -webkit-box-direction: normal;
6896 -ms-flex-direction: column; 6896 -ms-flex-direction: column;
6897 flex-direction: column; 6897 flex-direction: column;
6898 } 6898 }
6899 .modal__reg-item > .captcha { 6899 .modal__reg-item > .captcha {
6900 width: 100%; 6900 width: 100%;
6901 max-width: 300px; 6901 max-width: 300px;
6902 } 6902 }
6903 6903
6904 .messages { 6904 .messages {
6905 display: -webkit-box; 6905 display: -webkit-box;
6906 display: -ms-flexbox; 6906 display: -ms-flexbox;
6907 display: flex; 6907 display: flex;
6908 -webkit-box-orient: vertical; 6908 -webkit-box-orient: vertical;
6909 -webkit-box-direction: reverse; 6909 -webkit-box-direction: reverse;
6910 -ms-flex-direction: column-reverse; 6910 -ms-flex-direction: column-reverse;
6911 flex-direction: column-reverse; 6911 flex-direction: column-reverse;
6912 -webkit-box-align: center; 6912 -webkit-box-align: center;
6913 -ms-flex-align: center; 6913 -ms-flex-align: center;
6914 align-items: center; 6914 align-items: center;
6915 gap: 20px; 6915 gap: 20px;
6916 } 6916 }
6917 .messages__body { 6917 .messages__body {
6918 width: 100%; 6918 width: 100%;
6919 max-height: 800px; 6919 max-height: 800px;
6920 overflow: auto; 6920 overflow: auto;
6921 padding: 5px; 6921 padding: 5px;
6922 } 6922 }
6923 .messages__item { 6923 .messages__item {
6924 -webkit-box-align: center; 6924 -webkit-box-align: center;
6925 -ms-flex-align: center; 6925 -ms-flex-align: center;
6926 align-items: center; 6926 align-items: center;
6927 border-radius: 8px; 6927 border-radius: 8px;
6928 border: 1px solid #e7e7e7; 6928 border: 1px solid #e7e7e7;
6929 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6929 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6930 padding: 0px; 6930 padding: 0px;
6931 font-size: 12px; 6931 font-size: 12px;
6932 display: flex; 6932 display: flex;
6933 justify-content: space-between; 6933 justify-content: space-between;
6934 margin-bottom: 20px; 6934 margin-bottom: 20px;
6935 } 6935 }
6936 @media (min-width: 768px) { 6936 @media (min-width: 768px) {
6937 .messages__item { 6937 .messages__item {
6938 font-size: 18px; 6938 font-size: 18px;
6939 } 6939 }
6940 } 6940 }
6941 .messages__item-info { 6941 .messages__item-info {
6942 display: -webkit-box; 6942 display: -webkit-box;
6943 display: -ms-flexbox; 6943 display: -ms-flexbox;
6944 display: flex; 6944 display: flex;
6945 -webkit-box-align: center; 6945 -webkit-box-align: center;
6946 -ms-flex-align: center; 6946 -ms-flex-align: center;
6947 align-items: center; 6947 align-items: center;
6948 width: calc(100% - 90px); 6948 width: calc(100% - 90px);
6949 padding: 20px; 6949 padding: 20px;
6950 } 6950 }
6951 @media (min-width: 768px) { 6951 @media (min-width: 768px) {
6952 .messages__item-info { 6952 .messages__item-info {
6953 width: calc(100% - 150px); 6953 width: calc(100% - 150px);
6954 } 6954 }
6955 } 6955 }
6956 .messages__item-photo { 6956 .messages__item-photo {
6957 position: relative; 6957 position: relative;
6958 aspect-ratio: 1/1; 6958 aspect-ratio: 1/1;
6959 overflow: hidden; 6959 overflow: hidden;
6960 background: #9c9d9d; 6960 background: #9c9d9d;
6961 color: #fff; 6961 color: #fff;
6962 width: 36px; 6962 width: 36px;
6963 border-radius: 6px; 6963 border-radius: 6px;
6964 display: -webkit-box; 6964 display: -webkit-box;
6965 display: -ms-flexbox; 6965 display: -ms-flexbox;
6966 display: flex; 6966 display: flex;
6967 -webkit-box-pack: center; 6967 -webkit-box-pack: center;
6968 -ms-flex-pack: center; 6968 -ms-flex-pack: center;
6969 justify-content: center; 6969 justify-content: center;
6970 -webkit-box-align: center; 6970 -webkit-box-align: center;
6971 -ms-flex-align: center; 6971 -ms-flex-align: center;
6972 align-items: center; 6972 align-items: center;
6973 } 6973 }
6974 @media (min-width: 768px) { 6974 @media (min-width: 768px) {
6975 .messages__item-photo { 6975 .messages__item-photo {
6976 width: 52px; 6976 width: 52px;
6977 } 6977 }
6978 } 6978 }
6979 .messages__item-photo svg { 6979 .messages__item-photo svg {
6980 width: 50%; 6980 width: 50%;
6981 position: relative; 6981 position: relative;
6982 z-index: 1; 6982 z-index: 1;
6983 } 6983 }
6984 .messages__item-photo img { 6984 .messages__item-photo img {
6985 position: absolute; 6985 position: absolute;
6986 z-index: 2; 6986 z-index: 2;
6987 top: 0; 6987 top: 0;
6988 left: 0; 6988 left: 0;
6989 width: 100%; 6989 width: 100%;
6990 height: 100%; 6990 height: 100%;
6991 -o-object-fit: cover; 6991 -o-object-fit: cover;
6992 object-fit: cover; 6992 object-fit: cover;
6993 } 6993 }
6994 .messages__item-text { 6994 .messages__item-text {
6995 width: calc(100% - 36px); 6995 width: calc(100% - 36px);
6996 padding-left: 6px; 6996 padding-left: 6px;
6997 color: #000; 6997 color: #000;
6998 display: -webkit-box; 6998 display: -webkit-box;
6999 display: -ms-flexbox; 6999 display: -ms-flexbox;
7000 display: flex; 7000 display: flex;
7001 -webkit-box-orient: vertical; 7001 -webkit-box-orient: vertical;
7002 -webkit-box-direction: normal; 7002 -webkit-box-direction: normal;
7003 -ms-flex-direction: column; 7003 -ms-flex-direction: column;
7004 flex-direction: column; 7004 flex-direction: column;
7005 gap: 4px; 7005 gap: 4px;
7006 } 7006 }
7007 @media (min-width: 768px) { 7007 @media (min-width: 768px) {
7008 .messages__item-text { 7008 .messages__item-text {
7009 padding-left: 20px; 7009 padding-left: 20px;
7010 width: calc(100% - 52px); 7010 width: calc(100% - 52px);
7011 gap: 8px; 7011 gap: 8px;
7012 } 7012 }
7013 } 7013 }
7014 .messages__item-text span { 7014 .messages__item-text span {
7015 color: #000; 7015 color: #000;
7016 } 7016 }
7017 .messages__item-actions{ 7017 .messages__item-actions{
7018 padding: 20px; 7018 padding: 20px;
7019 } 7019 }
7020 .messages__item-buttons{ 7020 .messages__item-buttons{
7021 float: right; 7021 float: right;
7022 display: flex; 7022 display: flex;
7023 align-items: center; 7023 align-items: center;
7024 } 7024 }
7025 .messages__item-buttons button{ 7025 .messages__item-buttons button{
7026 padding: 0; 7026 padding: 0;
7027 background: unset; 7027 background: unset;
7028 border: unset; 7028 border: unset;
7029 } 7029 }
7030 .messages__item-buttons button svg{ 7030 .messages__item-buttons button svg{
7031 width: 25px; 7031 width: 25px;
7032 height: 25px; 7032 height: 25px;
7033 color: gray; 7033 color: gray;
7034 } 7034 }
7035 .messages__item-buttons button svg path{ 7035 .messages__item-buttons button svg path{
7036 stroke: gray; 7036 stroke: gray;
7037 } 7037 }
7038 .messages__item-buttons button:hover svg{ 7038 .messages__item-buttons button:hover svg{
7039 color: black; 7039 color: black;
7040 } 7040 }
7041 .messages__item-buttons button:hover svg path{ 7041 .messages__item-buttons button:hover svg path{
7042 stroke: black; 7042 stroke: black;
7043 } 7043 }
7044 .messages__item-buttons button.pin-on:hover svg#pin_off path{ 7044 .messages__item-buttons button.pin-on:hover svg#pin_off path{
7045 fill: black; 7045 fill: black;
7046 } 7046 }
7047 .messages__item-buttons button.pin-on svg{ 7047 .messages__item-buttons button.pin-on svg{
7048 fill: gray; 7048 fill: gray;
7049 } 7049 }
7050 .messages__item-date { 7050 .messages__item-date {
7051 color: #00000070; 7051 color: #00000070;
7052 width: 90px; 7052 width: 90px;
7053 text-align: right; 7053 text-align: right;
7054 font-size: 14px; 7054 font-size: 14px;
7055 margin-bottom: 8px; 7055 margin-bottom: 8px;
7056 } 7056 }
7057 7057
7058 .messages.active .messages__item { 7058 .messages.active .messages__item {
7059 display: -webkit-box; 7059 display: -webkit-box;
7060 display: -ms-flexbox; 7060 display: -ms-flexbox;
7061 display: flex; 7061 display: flex;
7062 } 7062 }
7063 7063
7064 .responses { 7064 .responses {
7065 display: -webkit-box; 7065 display: -webkit-box;
7066 display: -ms-flexbox; 7066 display: -ms-flexbox;
7067 display: flex; 7067 display: flex;
7068 -webkit-box-orient: vertical; 7068 -webkit-box-orient: vertical;
7069 -webkit-box-direction: reverse; 7069 -webkit-box-direction: reverse;
7070 -ms-flex-direction: column-reverse; 7070 -ms-flex-direction: column-reverse;
7071 flex-direction: column-reverse; 7071 flex-direction: column-reverse;
7072 -webkit-box-align: center; 7072 -webkit-box-align: center;
7073 -ms-flex-align: center; 7073 -ms-flex-align: center;
7074 align-items: center; 7074 align-items: center;
7075 gap: 20px; 7075 gap: 20px;
7076 } 7076 }
7077 .responses__body { 7077 .responses__body {
7078 width: 100%; 7078 width: 100%;
7079 display: -webkit-box; 7079 display: -webkit-box;
7080 display: -ms-flexbox; 7080 display: -ms-flexbox;
7081 display: flex; 7081 display: flex;
7082 -webkit-box-orient: vertical; 7082 -webkit-box-orient: vertical;
7083 -webkit-box-direction: normal; 7083 -webkit-box-direction: normal;
7084 -ms-flex-direction: column; 7084 -ms-flex-direction: column;
7085 flex-direction: column; 7085 flex-direction: column;
7086 gap: 20px; 7086 gap: 20px;
7087 } 7087 }
7088 .responses__item { 7088 .responses__item {
7089 display: none; 7089 display: none;
7090 -webkit-box-orient: vertical; 7090 -webkit-box-orient: vertical;
7091 -webkit-box-direction: normal; 7091 -webkit-box-direction: normal;
7092 -ms-flex-direction: column; 7092 -ms-flex-direction: column;
7093 flex-direction: column; 7093 flex-direction: column;
7094 gap: 20px; 7094 gap: 20px;
7095 border-radius: 8px; 7095 border-radius: 8px;
7096 border: 1px solid #e7e7e7; 7096 border: 1px solid #e7e7e7;
7097 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7097 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7098 padding: 20px 10px; 7098 padding: 20px 10px;
7099 font-size: 12px; 7099 font-size: 12px;
7100 position: relative; 7100 position: relative;
7101 } 7101 }
7102 @media (min-width: 768px) { 7102 @media (min-width: 768px) {
7103 .responses__item { 7103 .responses__item {
7104 padding: 20px; 7104 padding: 20px;
7105 font-size: 16px; 7105 font-size: 16px;
7106 } 7106 }
7107 } 7107 }
7108 .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) { 7108 .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) {
7109 display: -webkit-box; 7109 display: -webkit-box;
7110 display: -ms-flexbox; 7110 display: -ms-flexbox;
7111 display: flex; 7111 display: flex;
7112 } 7112 }
7113 .responses__item-date { 7113 .responses__item-date {
7114 color: #000; 7114 color: #000;
7115 } 7115 }
7116 @media (min-width: 992px) { 7116 @media (min-width: 992px) {
7117 .responses__item-date { 7117 .responses__item-date {
7118 position: absolute; 7118 position: absolute;
7119 top: 20px; 7119 top: 20px;
7120 right: 20px; 7120 right: 20px;
7121 } 7121 }
7122 } 7122 }
7123 .responses__item-wrapper { 7123 .responses__item-wrapper {
7124 display: -webkit-box; 7124 display: -webkit-box;
7125 display: -ms-flexbox; 7125 display: -ms-flexbox;
7126 display: flex; 7126 display: flex;
7127 -webkit-box-orient: vertical; 7127 -webkit-box-orient: vertical;
7128 -webkit-box-direction: normal; 7128 -webkit-box-direction: normal;
7129 -ms-flex-direction: column; 7129 -ms-flex-direction: column;
7130 flex-direction: column; 7130 flex-direction: column;
7131 gap: 20px; 7131 gap: 20px;
7132 } 7132 }
7133 .responses__item-inner { 7133 .responses__item-inner {
7134 display: -webkit-box; 7134 display: -webkit-box;
7135 display: -ms-flexbox; 7135 display: -ms-flexbox;
7136 display: flex; 7136 display: flex;
7137 -webkit-box-orient: vertical; 7137 -webkit-box-orient: vertical;
7138 -webkit-box-direction: normal; 7138 -webkit-box-direction: normal;
7139 -ms-flex-direction: column; 7139 -ms-flex-direction: column;
7140 flex-direction: column; 7140 flex-direction: column;
7141 gap: 10px; 7141 gap: 10px;
7142 } 7142 }
7143 @media (min-width: 768px) { 7143 @media (min-width: 768px) {
7144 .responses__item-inner { 7144 .responses__item-inner {
7145 gap: 20px; 7145 gap: 20px;
7146 } 7146 }
7147 } 7147 }
7148 @media (min-width: 1280px) { 7148 @media (min-width: 1280px) {
7149 .responses__item-inner { 7149 .responses__item-inner {
7150 width: calc(100% - 150px); 7150 width: calc(100% - 150px);
7151 } 7151 }
7152 } 7152 }
7153 .responses__item-row { 7153 .responses__item-row {
7154 display: grid; 7154 display: grid;
7155 grid-template-columns: 1fr 1fr; 7155 grid-template-columns: 1fr 1fr;
7156 gap: 20px; 7156 gap: 20px;
7157 color: #000; 7157 color: #000;
7158 text-align: right; 7158 text-align: right;
7159 } 7159 }
7160 @media (min-width: 992px) { 7160 @media (min-width: 992px) {
7161 .responses__item-row { 7161 .responses__item-row {
7162 display: -webkit-box; 7162 display: -webkit-box;
7163 display: -ms-flexbox; 7163 display: -ms-flexbox;
7164 display: flex; 7164 display: flex;
7165 -webkit-box-orient: vertical; 7165 -webkit-box-orient: vertical;
7166 -webkit-box-direction: normal; 7166 -webkit-box-direction: normal;
7167 -ms-flex-direction: column; 7167 -ms-flex-direction: column;
7168 flex-direction: column; 7168 flex-direction: column;
7169 gap: 6px; 7169 gap: 6px;
7170 text-align: left; 7170 text-align: left;
7171 } 7171 }
7172 } 7172 }
7173 .responses__item-row span { 7173 .responses__item-row span {
7174 color: #000; 7174 color: #000;
7175 text-align: left; 7175 text-align: left;
7176 } 7176 }
7177 .responses__item-buttons { 7177 .responses__item-buttons {
7178 display: -webkit-box; 7178 display: -webkit-box;
7179 display: -ms-flexbox; 7179 display: -ms-flexbox;
7180 display: flex; 7180 display: flex;
7181 -webkit-box-orient: vertical; 7181 -webkit-box-orient: vertical;
7182 -webkit-box-direction: normal; 7182 -webkit-box-direction: normal;
7183 -ms-flex-direction: column; 7183 -ms-flex-direction: column;
7184 flex-direction: column; 7184 flex-direction: column;
7185 gap: 10px; 7185 gap: 10px;
7186 } 7186 }
7187 @media (min-width: 768px) { 7187 @media (min-width: 768px) {
7188 .responses__item-buttons { 7188 .responses__item-buttons {
7189 display: grid; 7189 display: grid;
7190 grid-template-columns: 1fr 1fr; 7190 grid-template-columns: 1fr 1fr;
7191 } 7191 }
7192 } 7192 }
7193 @media (min-width: 1280px) { 7193 @media (min-width: 1280px) {
7194 .responses__item-buttons { 7194 .responses__item-buttons {
7195 grid-template-columns: 1fr 1fr 1fr 1fr; 7195 grid-template-columns: 1fr 1fr 1fr 1fr;
7196 } 7196 }
7197 } 7197 }
7198 .responses__item-buttons .button.active { 7198 .responses__item-buttons .button.active {
7199 background: #377d87; 7199 background: #377d87;
7200 color: #fff; 7200 color: #fff;
7201 } 7201 }
7202 .responses.active .responses__item { 7202 .responses.active .responses__item {
7203 display: -webkit-box; 7203 display: -webkit-box;
7204 display: -ms-flexbox; 7204 display: -ms-flexbox;
7205 display: flex; 7205 display: flex;
7206 } 7206 }
7207 7207
7208 .chatbox { 7208 .chatbox {
7209 display: -webkit-box; 7209 display: -webkit-box;
7210 display: -ms-flexbox; 7210 display: -ms-flexbox;
7211 display: flex; 7211 display: flex;
7212 -webkit-box-orient: vertical; 7212 -webkit-box-orient: vertical;
7213 -webkit-box-direction: normal; 7213 -webkit-box-direction: normal;
7214 -ms-flex-direction: column; 7214 -ms-flex-direction: column;
7215 flex-direction: column; 7215 flex-direction: column;
7216 gap: 20px; 7216 gap: 20px;
7217 } 7217 }
7218 @media (min-width: 768px) { 7218 @media (min-width: 768px) {
7219 .chatbox { 7219 .chatbox {
7220 gap: 30px; 7220 gap: 30px;
7221 } 7221 }
7222 } 7222 }
7223 @media (min-width: 1280px) { 7223 @media (min-width: 1280px) {
7224 .chatbox { 7224 .chatbox {
7225 gap: 40px; 7225 gap: 40px;
7226 } 7226 }
7227 } 7227 }
7228 .chatbox__toper { 7228 .chatbox__toper {
7229 display: -webkit-box; 7229 display: -webkit-box;
7230 display: -ms-flexbox; 7230 display: -ms-flexbox;
7231 display: flex; 7231 display: flex;
7232 -webkit-box-orient: vertical; 7232 -webkit-box-orient: vertical;
7233 -webkit-box-direction: normal; 7233 -webkit-box-direction: normal;
7234 -ms-flex-direction: column; 7234 -ms-flex-direction: column;
7235 flex-direction: column; 7235 flex-direction: column;
7236 gap: 10px; 7236 gap: 10px;
7237 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7237 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7238 border: 1px solid #e7e7e7; 7238 border: 1px solid #e7e7e7;
7239 border-radius: 8px; 7239 border-radius: 8px;
7240 padding: 10px; 7240 padding: 10px;
7241 } 7241 }
7242 @media (min-width: 768px) { 7242 @media (min-width: 768px) {
7243 .chatbox__toper { 7243 .chatbox__toper {
7244 -webkit-box-orient: horizontal; 7244 -webkit-box-orient: horizontal;
7245 -webkit-box-direction: normal; 7245 -webkit-box-direction: normal;
7246 -ms-flex-direction: row; 7246 -ms-flex-direction: row;
7247 flex-direction: row; 7247 flex-direction: row;
7248 -webkit-box-align: center; 7248 -webkit-box-align: center;
7249 -ms-flex-align: center; 7249 -ms-flex-align: center;
7250 align-items: center; 7250 align-items: center;
7251 -webkit-box-pack: justify; 7251 -webkit-box-pack: justify;
7252 -ms-flex-pack: justify; 7252 -ms-flex-pack: justify;
7253 justify-content: space-between; 7253 justify-content: space-between;
7254 } 7254 }
7255 } 7255 }
7256 .chatbox__toper-info { 7256 .chatbox__toper-info {
7257 font-size: 12px; 7257 font-size: 12px;
7258 } 7258 }
7259 @media (min-width: 768px) { 7259 @media (min-width: 768px) {
7260 .chatbox__toper-info { 7260 .chatbox__toper-info {
7261 font-size: 16px; 7261 font-size: 16px;
7262 width: calc(100% - 230px); 7262 width: calc(100% - 230px);
7263 } 7263 }
7264 } 7264 }
7265 @media (min-width: 768px) { 7265 @media (min-width: 768px) {
7266 .chatbox__toper-button { 7266 .chatbox__toper-button {
7267 width: 210px; 7267 width: 210px;
7268 padding: 0; 7268 padding: 0;
7269 } 7269 }
7270 } 7270 }
7271 .chatbox__list { 7271 .chatbox__list {
7272 display: -webkit-box; 7272 display: -webkit-box;
7273 display: -ms-flexbox; 7273 display: -ms-flexbox;
7274 display: flex; 7274 display: flex;
7275 -webkit-box-orient: vertical; 7275 -webkit-box-orient: vertical;
7276 -webkit-box-direction: normal; 7276 -webkit-box-direction: normal;
7277 -ms-flex-direction: column; 7277 -ms-flex-direction: column;
7278 flex-direction: column; 7278 flex-direction: column;
7279 gap: 10px; 7279 gap: 10px;
7280 max-height: 400px; 7280 max-height: 400px;
7281 overflow: auto; 7281 overflow: auto;
7282 } 7282 }
7283 @media (min-width: 768px) { 7283 @media (min-width: 768px) {
7284 .chatbox__list { 7284 .chatbox__list {
7285 gap: 20px; 7285 gap: 20px;
7286 } 7286 }
7287 } 7287 }
7288 @media (min-width: 1280px) { 7288 @media (min-width: 1280px) {
7289 .chatbox__list { 7289 .chatbox__list {
7290 gap: 40px; 7290 gap: 40px;
7291 } 7291 }
7292 } 7292 }
7293 .chatbox__item { 7293 .chatbox__item {
7294 display: -webkit-box; 7294 display: -webkit-box;
7295 display: -ms-flexbox; 7295 display: -ms-flexbox;
7296 display: flex; 7296 display: flex;
7297 -webkit-box-align: start; 7297 -webkit-box-align: start;
7298 -ms-flex-align: start; 7298 -ms-flex-align: start;
7299 align-items: flex-start; 7299 align-items: flex-start;
7300 -webkit-box-pack: justify; 7300 -webkit-box-pack: justify;
7301 -ms-flex-pack: justify; 7301 -ms-flex-pack: justify;
7302 justify-content: space-between; 7302 justify-content: space-between;
7303 -ms-flex-wrap: wrap; 7303 -ms-flex-wrap: wrap;
7304 flex-wrap: wrap; 7304 flex-wrap: wrap;
7305 color: #000; 7305 color: #000;
7306 font-size: 12px; 7306 font-size: 12px;
7307 } 7307 }
7308 @media (min-width: 768px) { 7308 @media (min-width: 768px) {
7309 .chatbox__item { 7309 .chatbox__item {
7310 font-size: 16px; 7310 font-size: 16px;
7311 } 7311 }
7312 } 7312 }
7313 .chatbox__item_reverse { 7313 .chatbox__item_reverse {
7314 -webkit-box-orient: horizontal; 7314 -webkit-box-orient: horizontal;
7315 -webkit-box-direction: reverse; 7315 -webkit-box-direction: reverse;
7316 -ms-flex-direction: row-reverse; 7316 -ms-flex-direction: row-reverse;
7317 flex-direction: row-reverse; 7317 flex-direction: row-reverse;
7318 } 7318 }
7319 .chatbox__item-photo { 7319 .chatbox__item-photo {
7320 position: relative; 7320 position: relative;
7321 aspect-ratio: 1/1; 7321 aspect-ratio: 1/1;
7322 overflow: hidden; 7322 overflow: hidden;
7323 background: #9c9d9d; 7323 background: #9c9d9d;
7324 color: #fff; 7324 color: #fff;
7325 width: 44px; 7325 width: 44px;
7326 border-radius: 6px; 7326 border-radius: 6px;
7327 display: -webkit-box; 7327 display: -webkit-box;
7328 display: -ms-flexbox; 7328 display: -ms-flexbox;
7329 display: flex; 7329 display: flex;
7330 -webkit-box-pack: center; 7330 -webkit-box-pack: center;
7331 -ms-flex-pack: center; 7331 -ms-flex-pack: center;
7332 justify-content: center; 7332 justify-content: center;
7333 -webkit-box-align: center; 7333 -webkit-box-align: center;
7334 -ms-flex-align: center; 7334 -ms-flex-align: center;
7335 align-items: center; 7335 align-items: center;
7336 } 7336 }
7337 .chatbox__item-photo svg { 7337 .chatbox__item-photo svg {
7338 width: 50%; 7338 width: 50%;
7339 position: relative; 7339 position: relative;
7340 z-index: 1; 7340 z-index: 1;
7341 } 7341 }
7342 .chatbox__item-photo img { 7342 .chatbox__item-photo img {
7343 position: absolute; 7343 position: absolute;
7344 z-index: 2; 7344 z-index: 2;
7345 top: 0; 7345 top: 0;
7346 left: 0; 7346 left: 0;
7347 width: 100%; 7347 width: 100%;
7348 height: 100%; 7348 height: 100%;
7349 -o-object-fit: cover; 7349 -o-object-fit: cover;
7350 object-fit: cover; 7350 object-fit: cover;
7351 } 7351 }
7352 .chatbox__item-body { 7352 .chatbox__item-body {
7353 width: calc(100% - 54px); 7353 width: calc(100% - 54px);
7354 display: -webkit-box; 7354 display: -webkit-box;
7355 display: -ms-flexbox; 7355 display: -ms-flexbox;
7356 display: flex; 7356 display: flex;
7357 -webkit-box-orient: vertical; 7357 -webkit-box-orient: vertical;
7358 -webkit-box-direction: normal; 7358 -webkit-box-direction: normal;
7359 -ms-flex-direction: column; 7359 -ms-flex-direction: column;
7360 flex-direction: column; 7360 flex-direction: column;
7361 -webkit-box-align: start; 7361 -webkit-box-align: start;
7362 -ms-flex-align: start; 7362 -ms-flex-align: start;
7363 align-items: flex-start; 7363 align-items: flex-start;
7364 } 7364 }
7365 @media (min-width: 768px) { 7365 @media (min-width: 768px) {
7366 .chatbox__item-body { 7366 .chatbox__item-body {
7367 width: calc(100% - 60px); 7367 width: calc(100% - 60px);
7368 } 7368 }
7369 } 7369 }
7370 .chatbox__item_reverse .chatbox__item-body { 7370 .chatbox__item_reverse .chatbox__item-body {
7371 -webkit-box-align: end; 7371 -webkit-box-align: end;
7372 -ms-flex-align: end; 7372 -ms-flex-align: end;
7373 align-items: flex-end; 7373 align-items: flex-end;
7374 } 7374 }
7375 .chatbox__item-text { 7375 .chatbox__item-text {
7376 border-radius: 8px; 7376 border-radius: 8px;
7377 background: #fff; 7377 background: #fff;
7378 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7378 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7379 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7379 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7380 padding: 10px; 7380 padding: 10px;
7381 line-height: 1.6; 7381 line-height: 1.6;
7382 } 7382 }
7383 .chatbox__item-body-file-name-wrap{ 7383 .chatbox__item-body-file-name-wrap{
7384 display: flex; 7384 display: flex;
7385 align-items: center; 7385 align-items: center;
7386 } 7386 }
7387 .chatbox__item-body-file-name-wrap svg{ 7387 .chatbox__item-body-file-name-wrap svg{
7388 height: 20px; 7388 height: 20px;
7389 width: 20px; 7389 width: 20px;
7390 } 7390 }
7391 .chatbox__item-body-file-name-wrap a{ 7391 .chatbox__item-body-file-name-wrap a{
7392 margin-left: 20px; 7392 margin-left: 20px;
7393 border-radius: 8px; 7393 border-radius: 8px;
7394 padding: 2px 8px; 7394 padding: 2px 8px;
7395 -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7395 -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7396 -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7396 -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7397 box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7397 box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7398 } 7398 }
7399 .chatbox__item_reverse .chatbox__item-body-file-name-wrap a{ 7399 .chatbox__item_reverse .chatbox__item-body-file-name-wrap a{
7400 margin-left: 0px; 7400 margin-left: 0px;
7401 margin-right: 20px; 7401 margin-right: 20px;
7402 } 7402 }
7403 .chatbox__item-body-file-name-wrap a:hover{ 7403 .chatbox__item-body-file-name-wrap a:hover{
7404 box-shadow: 0px 0px 5px 1px rgb(139 136 136); 7404 box-shadow: 0px 0px 5px 1px rgb(139 136 136);
7405 } 7405 }
7406 .chatbox__item-text .admin-chat-answer{ 7406 .chatbox__item-text .admin-chat-answer{
7407 padding: 2px 5px; 7407 padding: 2px 5px;
7408 height: auto; 7408 height: auto;
7409 float: right; 7409 float: right;
7410 margin-left: 10px; 7410 margin-left: 10px;
7411 } 7411 }
7412 .chatbox__item-text .reply-message{ 7412 .chatbox__item-text .reply-message{
7413 border-left: 1px grey solid; 7413 border-left: 1px grey solid;
7414 padding-left: 11px; 7414 padding-left: 11px;
7415 font-size: 12px; 7415 font-size: 12px;
7416 font-style: italic; 7416 font-style: italic;
7417 margin-top: 10px; 7417 margin-top: 10px;
7418 } 7418 }
7419 .chatbox__item-time { 7419 .chatbox__item-time {
7420 width: 100%; 7420 width: 100%;
7421 padding-left: 54px; 7421 padding-left: 54px;
7422 margin-top: 10px; 7422 margin-top: 10px;
7423 color: #9c9d9d; 7423 color: #9c9d9d;
7424 } 7424 }
7425 .chatbox__item_reverse .chatbox__item-time { 7425 .chatbox__item_reverse .chatbox__item-time {
7426 text-align: right; 7426 text-align: right;
7427 } 7427 }
7428 .chatbox__bottom { 7428 .chatbox__bottom {
7429 background: #377d87; 7429 background: #377d87;
7430 padding: 10px; 7430 padding: 10px;
7431 border-radius: 8px; 7431 border-radius: 8px;
7432 display: -webkit-box; 7432 display: -webkit-box;
7433 display: -ms-flexbox; 7433 display: -ms-flexbox;
7434 display: flex; 7434 display: flex;
7435 -webkit-box-align: center; 7435 -webkit-box-align: center;
7436 -ms-flex-align: center; 7436 -ms-flex-align: center;
7437 align-items: center; 7437 align-items: center;
7438 -webkit-box-pack: justify; 7438 -webkit-box-pack: justify;
7439 -ms-flex-pack: justify; 7439 -ms-flex-pack: justify;
7440 justify-content: space-between; 7440 justify-content: space-between;
7441 } 7441 }
7442 @media (min-width: 768px) { 7442 @media (min-width: 768px) {
7443 .chatbox__bottom { 7443 .chatbox__bottom {
7444 padding: 16px 20px; 7444 padding: 16px 20px;
7445 } 7445 }
7446 } 7446 }
7447 .chatbox__bottom-file { 7447 .chatbox__bottom-file {
7448 width: 20px; 7448 width: 20px;
7449 aspect-ratio: 1/1; 7449 aspect-ratio: 1/1;
7450 display: -webkit-box; 7450 display: -webkit-box;
7451 display: -ms-flexbox; 7451 display: -ms-flexbox;
7452 display: flex; 7452 display: flex;
7453 -webkit-box-pack: center; 7453 -webkit-box-pack: center;
7454 -ms-flex-pack: center; 7454 -ms-flex-pack: center;
7455 justify-content: center; 7455 justify-content: center;
7456 -webkit-box-align: center; 7456 -webkit-box-align: center;
7457 -ms-flex-align: center; 7457 -ms-flex-align: center;
7458 align-items: center; 7458 align-items: center;
7459 background: #fff; 7459 background: #fff;
7460 color: #4d88d9; 7460 color: #4d88d9;
7461 border-radius: 8px; 7461 border-radius: 8px;
7462 } 7462 }
7463 @media (min-width: 768px) { 7463 @media (min-width: 768px) {
7464 .chatbox__bottom-file { 7464 .chatbox__bottom-file {
7465 width: 48px; 7465 width: 48px;
7466 } 7466 }
7467 } 7467 }
7468 .chatbox__bottom-file:hover { 7468 .chatbox__bottom-file:hover {
7469 color: #377d87; 7469 color: #377d87;
7470 } 7470 }
7471 .chatbox__bottom-file input { 7471 .chatbox__bottom-file input {
7472 display: none; 7472 display: none;
7473 } 7473 }
7474 .chatbox__bottom-file svg { 7474 .chatbox__bottom-file svg {
7475 width: 50%; 7475 width: 50%;
7476 aspect-ratio: 1/1; 7476 aspect-ratio: 1/1;
7477 stroke-width: 1.5px; 7477 stroke-width: 1.5px;
7478 } 7478 }
7479 .chatbox__bottom-text { 7479 .chatbox__bottom-text {
7480 width: calc(100% - 60px); 7480 width: calc(100% - 60px);
7481 height: 20px; 7481 height: 20px;
7482 border-color: #fff; 7482 border-color: #fff;
7483 } 7483 }
7484 @media (min-width: 768px) { 7484 @media (min-width: 768px) {
7485 .chatbox__bottom-text { 7485 .chatbox__bottom-text {
7486 width: calc(100% - 128px); 7486 width: calc(100% - 128px);
7487 height: 48px; 7487 height: 48px;
7488 } 7488 }
7489 } 7489 }
7490 .chatbox__bottom-text:focus { 7490 .chatbox__bottom-text:focus {
7491 border-color: #fff; 7491 border-color: #fff;
7492 } 7492 }
7493 .chatbox__bottom-send { 7493 .chatbox__bottom-send {
7494 width: 20px; 7494 width: 20px;
7495 aspect-ratio: 1/1; 7495 aspect-ratio: 1/1;
7496 display: -webkit-box; 7496 display: -webkit-box;
7497 display: -ms-flexbox; 7497 display: -ms-flexbox;
7498 display: flex; 7498 display: flex;
7499 -webkit-box-pack: center; 7499 -webkit-box-pack: center;
7500 -ms-flex-pack: center; 7500 -ms-flex-pack: center;
7501 justify-content: center; 7501 justify-content: center;
7502 -webkit-box-align: center; 7502 -webkit-box-align: center;
7503 -ms-flex-align: center; 7503 -ms-flex-align: center;
7504 align-items: center; 7504 align-items: center;
7505 padding: 0; 7505 padding: 0;
7506 background: #fff; 7506 background: #fff;
7507 border: none; 7507 border: none;
7508 color: #4d88d9; 7508 color: #4d88d9;
7509 border-radius: 999px; 7509 border-radius: 999px;
7510 } 7510 }
7511 @media (min-width: 768px) { 7511 @media (min-width: 768px) {
7512 .chatbox__bottom-send { 7512 .chatbox__bottom-send {
7513 width: 48px; 7513 width: 48px;
7514 } 7514 }
7515 } 7515 }
7516 .chatbox__bottom-send:hover { 7516 .chatbox__bottom-send:hover {
7517 color: #377d87; 7517 color: #377d87;
7518 } 7518 }
7519 .chatbox__bottom-send svg { 7519 .chatbox__bottom-send svg {
7520 width: 50%; 7520 width: 50%;
7521 aspect-ratio: 1/1; 7521 aspect-ratio: 1/1;
7522 position: relative; 7522 position: relative;
7523 left: 1px; 7523 left: 1px;
7524 } 7524 }
7525 @media (min-width: 768px) { 7525 @media (min-width: 768px) {
7526 .chatbox__bottom-send svg { 7526 .chatbox__bottom-send svg {
7527 width: 40%; 7527 width: 40%;
7528 left: 2px; 7528 left: 2px;
7529 } 7529 }
7530 } 7530 }
7531 7531
7532 .cvs { 7532 .cvs {
7533 display: -webkit-box; 7533 display: -webkit-box;
7534 display: -ms-flexbox; 7534 display: -ms-flexbox;
7535 display: flex; 7535 display: flex;
7536 -webkit-box-orient: vertical; 7536 -webkit-box-orient: vertical;
7537 -webkit-box-direction: reverse; 7537 -webkit-box-direction: reverse;
7538 -ms-flex-direction: column-reverse; 7538 -ms-flex-direction: column-reverse;
7539 flex-direction: column-reverse; 7539 flex-direction: column-reverse;
7540 -webkit-box-align: center; 7540 -webkit-box-align: center;
7541 -ms-flex-align: center; 7541 -ms-flex-align: center;
7542 align-items: center; 7542 align-items: center;
7543 gap: 20px; 7543 gap: 20px;
7544 } 7544 }
7545 .cvs__body { 7545 .cvs__body {
7546 display: -webkit-box; 7546 display: -webkit-box;
7547 display: -ms-flexbox; 7547 display: -ms-flexbox;
7548 display: flex; 7548 display: flex;
7549 -webkit-box-orient: vertical; 7549 -webkit-box-orient: vertical;
7550 -webkit-box-direction: normal; 7550 -webkit-box-direction: normal;
7551 -ms-flex-direction: column; 7551 -ms-flex-direction: column;
7552 flex-direction: column; 7552 flex-direction: column;
7553 gap: 20px; 7553 gap: 20px;
7554 width: 100%; 7554 width: 100%;
7555 } 7555 }
7556 @media (min-width: 768px) { 7556 @media (min-width: 768px) {
7557 .cvs__body { 7557 .cvs__body {
7558 gap: 30px; 7558 gap: 30px;
7559 } 7559 }
7560 } 7560 }
7561 .cvs__item { 7561 .cvs__item {
7562 display: none; 7562 display: none;
7563 -webkit-box-orient: vertical; 7563 -webkit-box-orient: vertical;
7564 -webkit-box-direction: normal; 7564 -webkit-box-direction: normal;
7565 -ms-flex-direction: column; 7565 -ms-flex-direction: column;
7566 flex-direction: column; 7566 flex-direction: column;
7567 gap: 10px; 7567 gap: 10px;
7568 border-radius: 8px; 7568 border-radius: 8px;
7569 border: 1px solid #e7e7e7; 7569 border: 1px solid #e7e7e7;
7570 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7570 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7571 padding: 10px; 7571 padding: 10px;
7572 font-size: 12px; 7572 font-size: 12px;
7573 position: relative; 7573 position: relative;
7574 } 7574 }
7575 @media (min-width: 768px) { 7575 @media (min-width: 768px) {
7576 .cvs__item { 7576 .cvs__item {
7577 gap: 0; 7577 gap: 0;
7578 padding: 20px; 7578 padding: 20px;
7579 font-size: 16px; 7579 font-size: 16px;
7580 -webkit-box-orient: horizontal; 7580 -webkit-box-orient: horizontal;
7581 -webkit-box-direction: normal; 7581 -webkit-box-direction: normal;
7582 -ms-flex-direction: row; 7582 -ms-flex-direction: row;
7583 flex-direction: row; 7583 flex-direction: row;
7584 -webkit-box-align: start; 7584 -webkit-box-align: start;
7585 -ms-flex-align: start; 7585 -ms-flex-align: start;
7586 align-items: flex-start; 7586 align-items: flex-start;
7587 -ms-flex-wrap: wrap; 7587 -ms-flex-wrap: wrap;
7588 flex-wrap: wrap; 7588 flex-wrap: wrap;
7589 } 7589 }
7590 } 7590 }
7591 .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) { 7591 .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) {
7592 display: -webkit-box; 7592 display: -webkit-box;
7593 display: -ms-flexbox; 7593 display: -ms-flexbox;
7594 display: flex; 7594 display: flex;
7595 } 7595 }
7596 .cvs__item-like { 7596 .cvs__item-like {
7597 width: unset; 7597 width: unset;
7598 padding: 5px 10px; 7598 padding: 5px 10px;
7599 margin-right: 10px; 7599 margin-right: 10px;
7600 } 7600 }
7601 .cvs__item .cvs__item-buttons .chat{ 7601 .cvs__item .cvs__item-buttons .chat{
7602 width: unset; 7602 width: unset;
7603 padding: 5px 10px; 7603 padding: 5px 10px;
7604 margin-right: 10px; 7604 margin-right: 10px;
7605 } 7605 }
7606 .cvs__item-like.active{ 7606 .cvs__item-like.active{
7607 background: #ffffff; 7607 background: #ffffff;
7608 color: #eb5757; 7608 color: #eb5757;
7609 } 7609 }
7610 .cvs__item-like .in-favorites{ 7610 .cvs__item-like .in-favorites{
7611 display: none; 7611 display: none;
7612 } 7612 }
7613 .cvs__item-like.active .in-favorites{ 7613 .cvs__item-like.active .in-favorites{
7614 display: block; 7614 display: block;
7615 color: #eb5757; 7615 color: #eb5757;
7616 } 7616 }
7617 .cvs__item-like.active .to-favorites{ 7617 .cvs__item-like.active .to-favorites{
7618 display: none; 7618 display: none;
7619 } 7619 }
7620 .cvs__item .cvs__item-header{ 7620 .cvs__item .cvs__item-header{
7621 display: flex; 7621 display: flex;
7622 width: 100%; 7622 width: 100%;
7623 justify-content: space-between; 7623 justify-content: space-between;
7624 } 7624 }
7625 .cvs__item-photo { 7625 .cvs__item-photo {
7626 position: relative; 7626 position: relative;
7627 aspect-ratio: 1/1; 7627 aspect-ratio: 1/1;
7628 overflow: hidden; 7628 overflow: hidden;
7629 background: #9c9d9d; 7629 background: #9c9d9d;
7630 color: #fff; 7630 color: #fff;
7631 width: 36px; 7631 width: 36px;
7632 border-radius: 6px; 7632 border-radius: 6px;
7633 display: -webkit-box; 7633 display: -webkit-box;
7634 display: -ms-flexbox; 7634 display: -ms-flexbox;
7635 display: flex; 7635 display: flex;
7636 -webkit-box-pack: center; 7636 -webkit-box-pack: center;
7637 -ms-flex-pack: center; 7637 -ms-flex-pack: center;
7638 justify-content: center; 7638 justify-content: center;
7639 -webkit-box-align: center; 7639 -webkit-box-align: center;
7640 -ms-flex-align: center; 7640 -ms-flex-align: center;
7641 align-items: center; 7641 align-items: center;
7642 } 7642 }
7643 @media (min-width: 768px) { 7643 @media (min-width: 768px) {
7644 .cvs__item-photo { 7644 .cvs__item-photo {
7645 width: 68px; 7645 width: 68px;
7646 } 7646 }
7647 } 7647 }
7648 .cvs__item-photo svg { 7648 .cvs__item-photo svg {
7649 width: 50%; 7649 width: 50%;
7650 position: relative; 7650 position: relative;
7651 z-index: 1; 7651 z-index: 1;
7652 } 7652 }
7653 .cvs__item-photo img { 7653 .cvs__item-photo img {
7654 position: absolute; 7654 position: absolute;
7655 z-index: 2; 7655 z-index: 2;
7656 top: 0; 7656 top: 0;
7657 left: 0; 7657 left: 0;
7658 width: 100%; 7658 width: 100%;
7659 height: 100%; 7659 height: 100%;
7660 -o-object-fit: cover; 7660 -o-object-fit: cover;
7661 object-fit: cover; 7661 object-fit: cover;
7662 } 7662 }
7663 .cvs__item-text { 7663 .cvs__item-text {
7664 display: -webkit-box; 7664 display: -webkit-box;
7665 display: -ms-flexbox; 7665 display: -ms-flexbox;
7666 display: flex; 7666 display: flex;
7667 -webkit-box-orient: vertical; 7667 -webkit-box-orient: vertical;
7668 -webkit-box-direction: normal; 7668 -webkit-box-direction: normal;
7669 -ms-flex-direction: column; 7669 -ms-flex-direction: column;
7670 flex-direction: column; 7670 flex-direction: column;
7671 gap: 10px; 7671 gap: 10px;
7672 width: 100%; 7672 width: 100%;
7673 margin-top: 30px; 7673 margin-top: 30px;
7674 } 7674 }
7675 .cvs__item .cvs__item-buttons{ 7675 .cvs__item .cvs__item-buttons{
7676 display: flex; 7676 display: flex;
7677 align-items: start; 7677 align-items: start;
7678 } 7678 }
7679 .cvs.active .cvs__item { 7679 .cvs.active .cvs__item {
7680 display: -webkit-box; 7680 display: -webkit-box;
7681 display: -ms-flexbox; 7681 display: -ms-flexbox;
7682 display: flex; 7682 display: flex;
7683 } 7683 }
7684 .cvs__item-text .cvs__item-text-row{ 7684 .cvs__item-text .cvs__item-text-row{
7685 display: flex; 7685 display: flex;
7686 justify-content: space-between; 7686 justify-content: space-between;
7687 width: 100%; 7687 width: 100%;
7688 } 7688 }
7689 .cvs__item-text .cvs__item-text-row > div{ 7689 .cvs__item-text .cvs__item-text-row > div{
7690 width: 50%; 7690 width: 50%;
7691 } 7691 }
7692 .cvs__item-text .cvs__item-text-row b{ 7692 .cvs__item-text .cvs__item-text-row b{
7693 color: #377d87; 7693 color: #377d87;
7694 font-size: 18px; 7694 font-size: 18px;
7695 } 7695 }
7696 .cvs__item-text .cvs__item-text-status { 7696 .cvs__item-text .cvs__item-text-status {
7697 width: fit-content; 7697 width: fit-content;
7698 background-color: #e6e6e6; 7698 background-color: #e6e6e6;
7699 font-weight: bold; 7699 font-weight: bold;
7700 padding: 5px 10px; 7700 padding: 5px 10px;
7701 border-radius: 8px; 7701 border-radius: 8px;
7702 margin-right: 30px; 7702 margin-right: 30px;
7703 } 7703 }
7704 .cvs__item-text .cvs__item-text-status.looking-for-job { 7704 .cvs__item-text .cvs__item-text-status.looking-for-job {
7705 background-color: #eb5757; 7705 background-color: #eb5757;
7706 color: #fff; 7706 color: #fff;
7707 } 7707 }
7708 .cvs__item-text .cvs__item-text-updated-at{ 7708 .cvs__item-text .cvs__item-text-updated-at{
7709 padding: 5px 10px; 7709 padding: 5px 10px;
7710 border-radius: 8px; 7710 border-radius: 8px;
7711 border: 1px #e6e6e6 solid; 7711 border: 1px #e6e6e6 solid;
7712 } 7712 }
7713 .faqs { 7713 .faqs {
7714 display: -webkit-box; 7714 display: -webkit-box;
7715 display: -ms-flexbox; 7715 display: -ms-flexbox;
7716 display: flex; 7716 display: flex;
7717 -webkit-box-orient: vertical; 7717 -webkit-box-orient: vertical;
7718 -webkit-box-direction: reverse; 7718 -webkit-box-direction: reverse;
7719 -ms-flex-direction: column-reverse; 7719 -ms-flex-direction: column-reverse;
7720 flex-direction: column-reverse; 7720 flex-direction: column-reverse;
7721 -webkit-box-align: center; 7721 -webkit-box-align: center;
7722 -ms-flex-align: center; 7722 -ms-flex-align: center;
7723 align-items: center; 7723 align-items: center;
7724 gap: 20px; 7724 gap: 20px;
7725 } 7725 }
7726 .faqs__body { 7726 .faqs__body {
7727 display: -webkit-box; 7727 display: -webkit-box;
7728 display: -ms-flexbox; 7728 display: -ms-flexbox;
7729 display: flex; 7729 display: flex;
7730 -webkit-box-orient: vertical; 7730 -webkit-box-orient: vertical;
7731 -webkit-box-direction: normal; 7731 -webkit-box-direction: normal;
7732 -ms-flex-direction: column; 7732 -ms-flex-direction: column;
7733 flex-direction: column; 7733 flex-direction: column;
7734 gap: 20px; 7734 gap: 20px;
7735 width: 100%; 7735 width: 100%;
7736 } 7736 }
7737 .faqs__item { 7737 .faqs__item {
7738 display: none; 7738 display: none;
7739 -webkit-box-orient: vertical; 7739 -webkit-box-orient: vertical;
7740 -webkit-box-direction: normal; 7740 -webkit-box-direction: normal;
7741 -ms-flex-direction: column; 7741 -ms-flex-direction: column;
7742 flex-direction: column; 7742 flex-direction: column;
7743 border-radius: 8px; 7743 border-radius: 8px;
7744 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7744 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7745 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7745 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7746 background: #fff; 7746 background: #fff;
7747 padding: 10px; 7747 padding: 10px;
7748 font-size: 12px; 7748 font-size: 12px;
7749 } 7749 }
7750 @media (min-width: 768px) { 7750 @media (min-width: 768px) {
7751 .faqs__item { 7751 .faqs__item {
7752 padding: 20px; 7752 padding: 20px;
7753 font-size: 16px; 7753 font-size: 16px;
7754 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7754 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7755 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7755 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7756 } 7756 }
7757 } 7757 }
7758 .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) { 7758 .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) {
7759 display: -webkit-box; 7759 display: -webkit-box;
7760 display: -ms-flexbox; 7760 display: -ms-flexbox;
7761 display: flex; 7761 display: flex;
7762 } 7762 }
7763 .faqs__item-button { 7763 .faqs__item-button {
7764 background: none; 7764 background: none;
7765 padding: 0; 7765 padding: 0;
7766 border: none; 7766 border: none;
7767 display: -webkit-box; 7767 display: -webkit-box;
7768 display: -ms-flexbox; 7768 display: -ms-flexbox;
7769 display: flex; 7769 display: flex;
7770 -webkit-box-align: center; 7770 -webkit-box-align: center;
7771 -ms-flex-align: center; 7771 -ms-flex-align: center;
7772 align-items: center; 7772 align-items: center;
7773 color: #000; 7773 color: #000;
7774 text-align: left; 7774 text-align: left;
7775 font-size: 14px; 7775 font-size: 14px;
7776 font-weight: 700; 7776 font-weight: 700;
7777 } 7777 }
7778 @media (min-width: 768px) { 7778 @media (min-width: 768px) {
7779 .faqs__item-button { 7779 .faqs__item-button {
7780 font-size: 20px; 7780 font-size: 20px;
7781 } 7781 }
7782 } 7782 }
7783 .faqs__item-button span { 7783 .faqs__item-button span {
7784 width: calc(100% - 16px); 7784 width: calc(100% - 16px);
7785 padding-right: 16px; 7785 padding-right: 16px;
7786 } 7786 }
7787 .faqs__item-button i { 7787 .faqs__item-button i {
7788 display: -webkit-box; 7788 display: -webkit-box;
7789 display: -ms-flexbox; 7789 display: -ms-flexbox;
7790 display: flex; 7790 display: flex;
7791 -webkit-box-pack: center; 7791 -webkit-box-pack: center;
7792 -ms-flex-pack: center; 7792 -ms-flex-pack: center;
7793 justify-content: center; 7793 justify-content: center;
7794 -webkit-box-align: center; 7794 -webkit-box-align: center;
7795 -ms-flex-align: center; 7795 -ms-flex-align: center;
7796 align-items: center; 7796 align-items: center;
7797 width: 16px; 7797 width: 16px;
7798 aspect-ratio: 1/1; 7798 aspect-ratio: 1/1;
7799 color: #377d87; 7799 color: #377d87;
7800 -webkit-transition: 0.3s; 7800 -webkit-transition: 0.3s;
7801 transition: 0.3s; 7801 transition: 0.3s;
7802 } 7802 }
7803 .faqs__item-button i svg { 7803 .faqs__item-button i svg {
7804 width: 16px; 7804 width: 16px;
7805 aspect-ratio: 1/1; 7805 aspect-ratio: 1/1;
7806 -webkit-transform: rotate(90deg); 7806 -webkit-transform: rotate(90deg);
7807 -ms-transform: rotate(90deg); 7807 -ms-transform: rotate(90deg);
7808 transform: rotate(90deg); 7808 transform: rotate(90deg);
7809 } 7809 }
7810 .faqs__item-button.active i { 7810 .faqs__item-button.active i {
7811 -webkit-transform: rotate(180deg); 7811 -webkit-transform: rotate(180deg);
7812 -ms-transform: rotate(180deg); 7812 -ms-transform: rotate(180deg);
7813 transform: rotate(180deg); 7813 transform: rotate(180deg);
7814 } 7814 }
7815 .faqs__item-body { 7815 .faqs__item-body {
7816 display: -webkit-box; 7816 display: -webkit-box;
7817 display: -ms-flexbox; 7817 display: -ms-flexbox;
7818 display: flex; 7818 display: flex;
7819 -webkit-box-orient: vertical; 7819 -webkit-box-orient: vertical;
7820 -webkit-box-direction: normal; 7820 -webkit-box-direction: normal;
7821 -ms-flex-direction: column; 7821 -ms-flex-direction: column;
7822 flex-direction: column; 7822 flex-direction: column;
7823 gap: 10px; 7823 gap: 10px;
7824 opacity: 0; 7824 opacity: 0;
7825 height: 0; 7825 height: 0;
7826 overflow: hidden; 7826 overflow: hidden;
7827 font-size: 12px; 7827 font-size: 12px;
7828 line-height: 1.4; 7828 line-height: 1.4;
7829 } 7829 }
7830 @media (min-width: 768px) { 7830 @media (min-width: 768px) {
7831 .faqs__item-body { 7831 .faqs__item-body {
7832 font-size: 16px; 7832 font-size: 16px;
7833 gap: 20px; 7833 gap: 20px;
7834 } 7834 }
7835 } 7835 }
7836 .faqs__item-body p { 7836 .faqs__item-body p {
7837 margin: 0; 7837 margin: 0;
7838 } 7838 }
7839 .faqs__item-body a { 7839 .faqs__item-body a {
7840 color: #0f74a8; 7840 color: #0f74a8;
7841 } 7841 }
7842 .active + .faqs__item-body { 7842 .active + .faqs__item-body {
7843 opacity: 1; 7843 opacity: 1;
7844 height: auto; 7844 height: auto;
7845 -webkit-transition: 0.3s; 7845 -webkit-transition: 0.3s;
7846 transition: 0.3s; 7846 transition: 0.3s;
7847 padding-top: 10px; 7847 padding-top: 10px;
7848 } 7848 }
7849 @media (min-width: 768px) { 7849 @media (min-width: 768px) {
7850 .active + .faqs__item-body { 7850 .active + .faqs__item-body {
7851 padding-top: 20px; 7851 padding-top: 20px;
7852 } 7852 }
7853 } 7853 }
7854 .faqs.active .faqs__item { 7854 .faqs.active .faqs__item {
7855 display: -webkit-box; 7855 display: -webkit-box;
7856 display: -ms-flexbox; 7856 display: -ms-flexbox;
7857 display: flex; 7857 display: flex;
7858 } 7858 }
7859 7859
7860 .cabinet { 7860 .cabinet {
7861 padding: 20px 0; 7861 padding: 20px 0;
7862 padding-bottom: 40px; 7862 padding-bottom: 40px;
7863 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7863 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7864 } 7864 }
7865 @media (min-width: 992px) { 7865 @media (min-width: 992px) {
7866 .cabinet { 7866 .cabinet {
7867 padding: 30px 0; 7867 padding: 30px 0;
7868 padding-bottom: 60px; 7868 padding-bottom: 60px;
7869 } 7869 }
7870 } 7870 }
7871 .cabinet__breadcrumbs { 7871 .cabinet__breadcrumbs {
7872 margin-bottom: 50px; 7872 margin-bottom: 50px;
7873 } 7873 }
7874 .cabinet__wrapper { 7874 .cabinet__wrapper {
7875 display: -webkit-box; 7875 display: -webkit-box;
7876 display: -ms-flexbox; 7876 display: -ms-flexbox;
7877 display: flex; 7877 display: flex;
7878 -webkit-box-orient: vertical; 7878 -webkit-box-orient: vertical;
7879 -webkit-box-direction: normal; 7879 -webkit-box-direction: normal;
7880 -ms-flex-direction: column; 7880 -ms-flex-direction: column;
7881 flex-direction: column; 7881 flex-direction: column;
7882 } 7882 }
7883 @media (min-width: 992px) { 7883 @media (min-width: 992px) {
7884 .cabinet__wrapper { 7884 .cabinet__wrapper {
7885 -webkit-box-orient: horizontal; 7885 -webkit-box-orient: horizontal;
7886 -webkit-box-direction: normal; 7886 -webkit-box-direction: normal;
7887 -ms-flex-direction: row; 7887 -ms-flex-direction: row;
7888 flex-direction: row; 7888 flex-direction: row;
7889 -webkit-box-align: start; 7889 -webkit-box-align: start;
7890 -ms-flex-align: start; 7890 -ms-flex-align: start;
7891 align-items: flex-start; 7891 align-items: flex-start;
7892 -webkit-box-pack: justify; 7892 -webkit-box-pack: justify;
7893 -ms-flex-pack: justify; 7893 -ms-flex-pack: justify;
7894 justify-content: space-between; 7894 justify-content: space-between;
7895 } 7895 }
7896 } 7896 }
7897 .cabinet__side { 7897 .cabinet__side {
7898 border-radius: 8px; 7898 border-radius: 8px;
7899 background: #fff; 7899 background: #fff;
7900 padding: 20px 10px; 7900 padding: 20px 10px;
7901 display: -webkit-box; 7901 display: -webkit-box;
7902 display: -ms-flexbox; 7902 display: -ms-flexbox;
7903 display: flex; 7903 display: flex;
7904 -webkit-box-orient: vertical; 7904 -webkit-box-orient: vertical;
7905 -webkit-box-direction: normal; 7905 -webkit-box-direction: normal;
7906 -ms-flex-direction: column; 7906 -ms-flex-direction: column;
7907 flex-direction: column; 7907 flex-direction: column;
7908 gap: 30px; 7908 gap: 30px;
7909 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7909 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7910 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7910 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7911 } 7911 }
7912 @media (min-width: 768px) { 7912 @media (min-width: 768px) {
7913 .cabinet__side { 7913 .cabinet__side {
7914 padding: 30px 20px; 7914 padding: 30px 20px;
7915 margin-bottom: 50px; 7915 margin-bottom: 50px;
7916 } 7916 }
7917 } 7917 }
7918 @media (min-width: 992px) { 7918 @media (min-width: 992px) {
7919 .cabinet__side { 7919 .cabinet__side {
7920 width: 340px; 7920 width: 340px;
7921 margin: 0; 7921 margin: 0;
7922 position: sticky; 7922 position: sticky;
7923 top: 6px; 7923 top: 6px;
7924 } 7924 }
7925 } 7925 }
7926 @media (min-width: 1280px) { 7926 @media (min-width: 1280px) {
7927 .cabinet__side { 7927 .cabinet__side {
7928 width: 400px; 7928 width: 400px;
7929 } 7929 }
7930 } 7930 }
7931 .cabinet__side-item { 7931 .cabinet__side-item {
7932 display: -webkit-box; 7932 display: -webkit-box;
7933 display: -ms-flexbox; 7933 display: -ms-flexbox;
7934 display: flex; 7934 display: flex;
7935 -webkit-box-orient: vertical; 7935 -webkit-box-orient: vertical;
7936 -webkit-box-direction: normal; 7936 -webkit-box-direction: normal;
7937 -ms-flex-direction: column; 7937 -ms-flex-direction: column;
7938 flex-direction: column; 7938 flex-direction: column;
7939 gap: 20px; 7939 gap: 20px;
7940 } 7940 }
7941 .cabinet__side-toper { 7941 .cabinet__side-toper {
7942 display: -webkit-box; 7942 display: -webkit-box;
7943 display: -ms-flexbox; 7943 display: -ms-flexbox;
7944 display: flex; 7944 display: flex;
7945 -webkit-box-align: center; 7945 -webkit-box-align: center;
7946 -ms-flex-align: center; 7946 -ms-flex-align: center;
7947 align-items: center; 7947 align-items: center;
7948 } 7948 }
7949 .cabinet__side-toper-pic { 7949 .cabinet__side-toper-pic {
7950 width: 70px; 7950 width: 70px;
7951 aspect-ratio: 1/1; 7951 aspect-ratio: 1/1;
7952 overflow: hidden; 7952 overflow: hidden;
7953 border-radius: 8px; 7953 border-radius: 8px;
7954 color: #fff; 7954 color: #fff;
7955 background: #9c9d9d; 7955 background: #9c9d9d;
7956 display: -webkit-box; 7956 display: -webkit-box;
7957 display: -ms-flexbox; 7957 display: -ms-flexbox;
7958 display: flex; 7958 display: flex;
7959 -webkit-box-align: center; 7959 -webkit-box-align: center;
7960 -ms-flex-align: center; 7960 -ms-flex-align: center;
7961 align-items: center; 7961 align-items: center;
7962 -webkit-box-pack: center; 7962 -webkit-box-pack: center;
7963 -ms-flex-pack: center; 7963 -ms-flex-pack: center;
7964 justify-content: center; 7964 justify-content: center;
7965 position: relative; 7965 position: relative;
7966 } 7966 }
7967 .cabinet__side-toper-pic img { 7967 .cabinet__side-toper-pic img {
7968 width: 100%; 7968 width: 100%;
7969 height: 100%; 7969 height: 100%;
7970 -o-object-fit: cover; 7970 -o-object-fit: cover;
7971 object-fit: cover; 7971 object-fit: cover;
7972 position: absolute; 7972 position: absolute;
7973 z-index: 2; 7973 z-index: 2;
7974 top: 0; 7974 top: 0;
7975 left: 0; 7975 left: 0;
7976 aspect-ratio: 1/1; 7976 aspect-ratio: 1/1;
7977 -o-object-fit: contain; 7977 -o-object-fit: contain;
7978 object-fit: contain; 7978 object-fit: contain;
7979 } 7979 }
7980 .cabinet__side-toper-pic svg { 7980 .cabinet__side-toper-pic svg {
7981 width: 50%; 7981 width: 50%;
7982 aspect-ratio: 1/1; 7982 aspect-ratio: 1/1;
7983 } 7983 }
7984 .cabinet__side-toper b { 7984 .cabinet__side-toper b {
7985 width: calc(100% - 70px); 7985 width: calc(100% - 70px);
7986 font-size: 14px; 7986 font-size: 14px;
7987 font-weight: 700; 7987 font-weight: 700;
7988 padding-left: 16px; 7988 padding-left: 16px;
7989 } 7989 }
7990 @media (min-width: 768px) { 7990 @media (min-width: 768px) {
7991 .cabinet__side-toper b { 7991 .cabinet__side-toper b {
7992 font-size: 20px; 7992 font-size: 20px;
7993 } 7993 }
7994 } 7994 }
7995 .cabinet__menu { 7995 .cabinet__menu {
7996 display: -webkit-box; 7996 display: -webkit-box;
7997 display: -ms-flexbox; 7997 display: -ms-flexbox;
7998 display: flex; 7998 display: flex;
7999 -webkit-box-orient: vertical; 7999 -webkit-box-orient: vertical;
8000 -webkit-box-direction: normal; 8000 -webkit-box-direction: normal;
8001 -ms-flex-direction: column; 8001 -ms-flex-direction: column;
8002 flex-direction: column; 8002 flex-direction: column;
8003 } 8003 }
8004 .cabinet__menu-toper { 8004 .cabinet__menu-toper {
8005 display: -webkit-box; 8005 display: -webkit-box;
8006 display: -ms-flexbox; 8006 display: -ms-flexbox;
8007 display: flex; 8007 display: flex;
8008 -webkit-box-align: center; 8008 -webkit-box-align: center;
8009 -ms-flex-align: center; 8009 -ms-flex-align: center;
8010 align-items: center; 8010 align-items: center;
8011 -webkit-box-pack: justify; 8011 -webkit-box-pack: justify;
8012 -ms-flex-pack: justify; 8012 -ms-flex-pack: justify;
8013 justify-content: space-between; 8013 justify-content: space-between;
8014 padding: 0 16px; 8014 padding: 0 16px;
8015 padding-right: 12px; 8015 padding-right: 12px;
8016 border: none; 8016 border: none;
8017 border-radius: 8px; 8017 border-radius: 8px;
8018 background: #377d87; 8018 background: #377d87;
8019 color: #fff; 8019 color: #fff;
8020 } 8020 }
8021 @media (min-width: 768px) { 8021 @media (min-width: 768px) {
8022 .cabinet__menu-toper { 8022 .cabinet__menu-toper {
8023 padding: 0 20px; 8023 padding: 0 20px;
8024 } 8024 }
8025 } 8025 }
8026 @media (min-width: 992px) { 8026 @media (min-width: 992px) {
8027 .cabinet__menu-toper { 8027 .cabinet__menu-toper {
8028 display: none; 8028 display: none;
8029 } 8029 }
8030 } 8030 }
8031 .cabinet__menu-toper-text { 8031 .cabinet__menu-toper-text {
8032 width: calc(100% - 16px); 8032 width: calc(100% - 16px);
8033 display: -webkit-box; 8033 display: -webkit-box;
8034 display: -ms-flexbox; 8034 display: -ms-flexbox;
8035 display: flex; 8035 display: flex;
8036 -webkit-box-align: center; 8036 -webkit-box-align: center;
8037 -ms-flex-align: center; 8037 -ms-flex-align: center;
8038 align-items: center; 8038 align-items: center;
8039 } 8039 }
8040 @media (min-width: 768px) { 8040 @media (min-width: 768px) {
8041 .cabinet__menu-toper-text { 8041 .cabinet__menu-toper-text {
8042 width: calc(100% - 20px); 8042 width: calc(100% - 20px);
8043 } 8043 }
8044 } 8044 }
8045 .cabinet__menu-toper-text i { 8045 .cabinet__menu-toper-text i {
8046 width: 16px; 8046 width: 16px;
8047 height: 16px; 8047 height: 16px;
8048 display: -webkit-box; 8048 display: -webkit-box;
8049 display: -ms-flexbox; 8049 display: -ms-flexbox;
8050 display: flex; 8050 display: flex;
8051 -webkit-box-align: center; 8051 -webkit-box-align: center;
8052 -ms-flex-align: center; 8052 -ms-flex-align: center;
8053 align-items: center; 8053 align-items: center;
8054 -webkit-box-pack: center; 8054 -webkit-box-pack: center;
8055 -ms-flex-pack: center; 8055 -ms-flex-pack: center;
8056 justify-content: center; 8056 justify-content: center;
8057 } 8057 }
8058 @media (min-width: 768px) { 8058 @media (min-width: 768px) {
8059 .cabinet__menu-toper-text i { 8059 .cabinet__menu-toper-text i {
8060 width: 22px; 8060 width: 22px;
8061 height: 22px; 8061 height: 22px;
8062 } 8062 }
8063 } 8063 }
8064 .cabinet__menu-toper-text svg { 8064 .cabinet__menu-toper-text svg {
8065 width: 16px; 8065 width: 16px;
8066 height: 16px; 8066 height: 16px;
8067 } 8067 }
8068 @media (min-width: 768px) { 8068 @media (min-width: 768px) {
8069 .cabinet__menu-toper-text svg { 8069 .cabinet__menu-toper-text svg {
8070 width: 22px; 8070 width: 22px;
8071 height: 22px; 8071 height: 22px;
8072 } 8072 }
8073 } 8073 }
8074 .cabinet__menu-toper-text span { 8074 .cabinet__menu-toper-text span {
8075 display: -webkit-box; 8075 display: -webkit-box;
8076 display: -ms-flexbox; 8076 display: -ms-flexbox;
8077 display: flex; 8077 display: flex;
8078 -webkit-box-align: center; 8078 -webkit-box-align: center;
8079 -ms-flex-align: center; 8079 -ms-flex-align: center;
8080 align-items: center; 8080 align-items: center;
8081 padding: 0 10px; 8081 padding: 0 10px;
8082 min-height: 30px; 8082 min-height: 30px;
8083 font-size: 12px; 8083 font-size: 12px;
8084 width: calc(100% - 16px); 8084 width: calc(100% - 16px);
8085 } 8085 }
8086 @media (min-width: 768px) { 8086 @media (min-width: 768px) {
8087 .cabinet__menu-toper-text span { 8087 .cabinet__menu-toper-text span {
8088 width: calc(100% - 22px); 8088 width: calc(100% - 22px);
8089 font-size: 20px; 8089 font-size: 20px;
8090 min-height: 52px; 8090 min-height: 52px;
8091 padding: 0 16px; 8091 padding: 0 16px;
8092 } 8092 }
8093 } 8093 }
8094 .cabinet__menu-toper-arrow { 8094 .cabinet__menu-toper-arrow {
8095 width: 16px; 8095 width: 16px;
8096 height: 16px; 8096 height: 16px;
8097 display: -webkit-box; 8097 display: -webkit-box;
8098 display: -ms-flexbox; 8098 display: -ms-flexbox;
8099 display: flex; 8099 display: flex;
8100 -webkit-box-pack: center; 8100 -webkit-box-pack: center;
8101 -ms-flex-pack: center; 8101 -ms-flex-pack: center;
8102 justify-content: center; 8102 justify-content: center;
8103 -webkit-box-align: center; 8103 -webkit-box-align: center;
8104 -ms-flex-align: center; 8104 -ms-flex-align: center;
8105 align-items: center; 8105 align-items: center;
8106 -webkit-transition: 0.3s; 8106 -webkit-transition: 0.3s;
8107 transition: 0.3s; 8107 transition: 0.3s;
8108 } 8108 }
8109 @media (min-width: 768px) { 8109 @media (min-width: 768px) {
8110 .cabinet__menu-toper-arrow { 8110 .cabinet__menu-toper-arrow {
8111 width: 20px; 8111 width: 20px;
8112 height: 20px; 8112 height: 20px;
8113 } 8113 }
8114 } 8114 }
8115 .cabinet__menu-toper-arrow svg { 8115 .cabinet__menu-toper-arrow svg {
8116 width: 12px; 8116 width: 12px;
8117 height: 12px; 8117 height: 12px;
8118 -webkit-transform: rotate(90deg); 8118 -webkit-transform: rotate(90deg);
8119 -ms-transform: rotate(90deg); 8119 -ms-transform: rotate(90deg);
8120 transform: rotate(90deg); 8120 transform: rotate(90deg);
8121 } 8121 }
8122 @media (min-width: 768px) { 8122 @media (min-width: 768px) {
8123 .cabinet__menu-toper-arrow svg { 8123 .cabinet__menu-toper-arrow svg {
8124 width: 20px; 8124 width: 20px;
8125 height: 20px; 8125 height: 20px;
8126 } 8126 }
8127 } 8127 }
8128 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 8128 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
8129 -webkit-transform: rotate(180deg); 8129 -webkit-transform: rotate(180deg);
8130 -ms-transform: rotate(180deg); 8130 -ms-transform: rotate(180deg);
8131 transform: rotate(180deg); 8131 transform: rotate(180deg);
8132 } 8132 }
8133 .cabinet__menu-body { 8133 .cabinet__menu-body {
8134 opacity: 0; 8134 opacity: 0;
8135 height: 0; 8135 height: 0;
8136 overflow: hidden; 8136 overflow: hidden;
8137 display: -webkit-box; 8137 display: -webkit-box;
8138 display: -ms-flexbox; 8138 display: -ms-flexbox;
8139 display: flex; 8139 display: flex;
8140 -webkit-box-orient: vertical; 8140 -webkit-box-orient: vertical;
8141 -webkit-box-direction: normal; 8141 -webkit-box-direction: normal;
8142 -ms-flex-direction: column; 8142 -ms-flex-direction: column;
8143 flex-direction: column; 8143 flex-direction: column;
8144 } 8144 }
8145 @media (min-width: 992px) { 8145 @media (min-width: 992px) {
8146 .cabinet__menu-body { 8146 .cabinet__menu-body {
8147 opacity: 1; 8147 opacity: 1;
8148 height: auto; 8148 height: auto;
8149 } 8149 }
8150 } 8150 }
8151 .active + .cabinet__menu-body { 8151 .active + .cabinet__menu-body {
8152 opacity: 1; 8152 opacity: 1;
8153 height: auto; 8153 height: auto;
8154 -webkit-transition: 0.3s; 8154 -webkit-transition: 0.3s;
8155 transition: 0.3s; 8155 transition: 0.3s;
8156 } 8156 }
8157 .cabinet__menu-items { 8157 .cabinet__menu-items {
8158 display: -webkit-box; 8158 display: -webkit-box;
8159 display: -ms-flexbox; 8159 display: -ms-flexbox;
8160 display: flex; 8160 display: flex;
8161 -webkit-box-orient: vertical; 8161 -webkit-box-orient: vertical;
8162 -webkit-box-direction: normal; 8162 -webkit-box-direction: normal;
8163 -ms-flex-direction: column; 8163 -ms-flex-direction: column;
8164 flex-direction: column; 8164 flex-direction: column;
8165 } 8165 }
8166 .cabinet__menu-item { 8166 .cabinet__menu-item {
8167 padding: 8px 16px; 8167 padding: 8px 16px;
8168 border-radius: 8px; 8168 border-radius: 8px;
8169 display: -webkit-box; 8169 display: -webkit-box;
8170 display: -ms-flexbox; 8170 display: -ms-flexbox;
8171 display: flex; 8171 display: flex;
8172 -webkit-box-align: center; 8172 -webkit-box-align: center;
8173 -ms-flex-align: center; 8173 -ms-flex-align: center;
8174 align-items: center; 8174 align-items: center;
8175 } 8175 }
8176 @media (min-width: 768px) { 8176 @media (min-width: 768px) {
8177 .cabinet__menu-item { 8177 .cabinet__menu-item {
8178 padding: 14px 20px; 8178 padding: 14px 20px;
8179 } 8179 }
8180 } 8180 }
8181 .cabinet__menu-item:hover { 8181 .cabinet__menu-item:hover {
8182 color: #377d87; 8182 color: #377d87;
8183 } 8183 }
8184 @media (min-width: 992px) { 8184 @media (min-width: 992px) {
8185 .cabinet__menu-item.active { 8185 .cabinet__menu-item.active {
8186 background: #377d87; 8186 background: #377d87;
8187 color: #fff; 8187 color: #fff;
8188 } 8188 }
8189 } 8189 }
8190 @media (min-width: 992px) { 8190 @media (min-width: 992px) {
8191 .cabinet__menu-item.active svg { 8191 .cabinet__menu-item.active svg {
8192 color: #fff; 8192 color: #fff;
8193 } 8193 }
8194 } 8194 }
8195 @media (min-width: 992px) { 8195 @media (min-width: 992px) {
8196 .cabinet__menu-item.active.red { 8196 .cabinet__menu-item.active.red {
8197 background: #eb5757; 8197 background: #eb5757;
8198 } 8198 }
8199 } 8199 }
8200 .cabinet__menu-item i { 8200 .cabinet__menu-item i {
8201 width: 16px; 8201 width: 16px;
8202 height: 16px; 8202 height: 16px;
8203 color: #377d87; 8203 color: #377d87;
8204 } 8204 }
8205 @media (min-width: 768px) { 8205 @media (min-width: 768px) {
8206 .cabinet__menu-item i { 8206 .cabinet__menu-item i {
8207 width: 22px; 8207 width: 22px;
8208 height: 22px; 8208 height: 22px;
8209 } 8209 }
8210 } 8210 }
8211 .cabinet__menu-item svg { 8211 .cabinet__menu-item svg {
8212 width: 16px; 8212 width: 16px;
8213 height: 16px; 8213 height: 16px;
8214 } 8214 }
8215 @media (min-width: 768px) { 8215 @media (min-width: 768px) {
8216 .cabinet__menu-item svg { 8216 .cabinet__menu-item svg {
8217 width: 22px; 8217 width: 22px;
8218 height: 22px; 8218 height: 22px;
8219 } 8219 }
8220 } 8220 }
8221 .cabinet__menu-item span { 8221 .cabinet__menu-item span {
8222 width: calc(100% - 16px); 8222 width: calc(100% - 16px);
8223 font-size: 12px; 8223 font-size: 12px;
8224 padding-left: 10px; 8224 padding-left: 10px;
8225 } 8225 }
8226 @media (min-width: 768px) { 8226 @media (min-width: 768px) {
8227 .cabinet__menu-item span { 8227 .cabinet__menu-item span {
8228 font-size: 20px; 8228 font-size: 20px;
8229 width: calc(100% - 22px); 8229 width: calc(100% - 22px);
8230 padding-left: 16px; 8230 padding-left: 16px;
8231 } 8231 }
8232 } 8232 }
8233 .cabinet__menu-bottom { 8233 .cabinet__menu-bottom {
8234 display: -webkit-box; 8234 display: -webkit-box;
8235 display: -ms-flexbox; 8235 display: -ms-flexbox;
8236 display: flex; 8236 display: flex;
8237 -webkit-box-orient: vertical; 8237 -webkit-box-orient: vertical;
8238 -webkit-box-direction: normal; 8238 -webkit-box-direction: normal;
8239 -ms-flex-direction: column; 8239 -ms-flex-direction: column;
8240 flex-direction: column; 8240 flex-direction: column;
8241 gap: 10px; 8241 gap: 10px;
8242 margin-top: 10px; 8242 margin-top: 10px;
8243 } 8243 }
8244 @media (min-width: 768px) { 8244 @media (min-width: 768px) {
8245 .cabinet__menu-bottom { 8245 .cabinet__menu-bottom {
8246 gap: 20px; 8246 gap: 20px;
8247 margin-top: 20px; 8247 margin-top: 20px;
8248 } 8248 }
8249 } 8249 }
8250 .cabinet__menu-copy { 8250 .cabinet__menu-copy {
8251 color: #9c9d9d; 8251 color: #9c9d9d;
8252 text-align: center; 8252 text-align: center;
8253 font-size: 12px; 8253 font-size: 12px;
8254 } 8254 }
8255 @media (min-width: 768px) { 8255 @media (min-width: 768px) {
8256 .cabinet__menu-copy { 8256 .cabinet__menu-copy {
8257 font-size: 16px; 8257 font-size: 16px;
8258 } 8258 }
8259 } 8259 }
8260 .cabinet__body { 8260 .cabinet__body {
8261 margin: 0 -10px; 8261 margin: 0 -10px;
8262 margin-top: 50px; 8262 margin-top: 50px;
8263 background: #fff; 8263 background: #fff;
8264 padding: 20px 10px; 8264 padding: 20px 10px;
8265 display: -webkit-box; 8265 display: -webkit-box;
8266 display: -ms-flexbox; 8266 display: -ms-flexbox;
8267 display: flex; 8267 display: flex;
8268 -webkit-box-orient: vertical; 8268 -webkit-box-orient: vertical;
8269 -webkit-box-direction: normal; 8269 -webkit-box-direction: normal;
8270 -ms-flex-direction: column; 8270 -ms-flex-direction: column;
8271 flex-direction: column; 8271 flex-direction: column;
8272 gap: 30px; 8272 gap: 30px;
8273 color: #000; 8273 color: #000;
8274 } 8274 }
8275 @media (min-width: 768px) { 8275 @media (min-width: 768px) {
8276 .cabinet__body { 8276 .cabinet__body {
8277 padding: 30px 20px; 8277 padding: 30px 20px;
8278 margin: 0; 8278 margin: 0;
8279 border-radius: 8px; 8279 border-radius: 8px;
8280 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8280 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8281 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8281 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8282 } 8282 }
8283 } 8283 }
8284 @media (min-width: 992px) { 8284 @media (min-width: 992px) {
8285 .cabinet__body { 8285 .cabinet__body {
8286 width: calc(100% - 360px); 8286 width: calc(100% - 360px);
8287 } 8287 }
8288 } 8288 }
8289 @media (min-width: 1280px) { 8289 @media (min-width: 1280px) {
8290 .cabinet__body { 8290 .cabinet__body {
8291 width: calc(100% - 420px); 8291 width: calc(100% - 420px);
8292 } 8292 }
8293 } 8293 }
8294 .cabinet__body-item { 8294 .cabinet__body-item {
8295 display: -webkit-box; 8295 display: -webkit-box;
8296 display: -ms-flexbox; 8296 display: -ms-flexbox;
8297 display: flex; 8297 display: flex;
8298 -webkit-box-orient: vertical; 8298 -webkit-box-orient: vertical;
8299 -webkit-box-direction: normal; 8299 -webkit-box-direction: normal;
8300 -ms-flex-direction: column; 8300 -ms-flex-direction: column;
8301 flex-direction: column; 8301 flex-direction: column;
8302 gap: 20px; 8302 gap: 20px;
8303 } 8303 }
8304 .cabinet__title { 8304 .cabinet__title {
8305 font-size: 24px; 8305 font-size: 24px;
8306 color: #6b6c6d; 8306 color: #6b6c6d;
8307 } 8307 }
8308 @media (min-width: 768px) { 8308 @media (min-width: 768px) {
8309 .cabinet__title { 8309 .cabinet__title {
8310 font-size: 32px; 8310 font-size: 32px;
8311 } 8311 }
8312 } 8312 }
8313 @media (min-width: 992px) { 8313 @media (min-width: 992px) {
8314 .cabinet__title { 8314 .cabinet__title {
8315 font-size: 40px; 8315 font-size: 40px;
8316 } 8316 }
8317 } 8317 }
8318 @media (min-width: 1280px) { 8318 @media (min-width: 1280px) {
8319 .cabinet__title { 8319 .cabinet__title {
8320 font-size: 48px; 8320 font-size: 48px;
8321 } 8321 }
8322 } 8322 }
8323 .cabinet__subtitle { 8323 .cabinet__subtitle {
8324 font-size: 22px; 8324 font-size: 22px;
8325 margin: 0; 8325 margin: 0;
8326 font-weight: 700; 8326 font-weight: 700;
8327 color: #000; 8327 color: #000;
8328 } 8328 }
8329 @media (min-width: 768px) { 8329 @media (min-width: 768px) {
8330 .cabinet__subtitle { 8330 .cabinet__subtitle {
8331 font-size: 24px; 8331 font-size: 24px;
8332 } 8332 }
8333 } 8333 }
8334 .cabinet__h4 { 8334 .cabinet__h4 {
8335 font-size: 20px; 8335 font-size: 20px;
8336 margin: 0; 8336 margin: 0;
8337 font-weight: 700; 8337 font-weight: 700;
8338 color: #000; 8338 color: #000;
8339 } 8339 }
8340 @media (min-width: 768px) { 8340 @media (min-width: 768px) {
8341 .cabinet__h4 { 8341 .cabinet__h4 {
8342 font-size: 22px; 8342 font-size: 22px;
8343 } 8343 }
8344 } 8344 }
8345 .cabinet__text { 8345 .cabinet__text {
8346 margin: 0; 8346 margin: 0;
8347 font-size: 14px; 8347 font-size: 14px;
8348 } 8348 }
8349 @media (min-width: 768px) { 8349 @media (min-width: 768px) {
8350 .cabinet__text { 8350 .cabinet__text {
8351 font-size: 16px; 8351 font-size: 16px;
8352 } 8352 }
8353 } 8353 }
8354 .cabinet__text b { 8354 .cabinet__text b {
8355 color: #000; 8355 color: #000;
8356 font-size: 18px; 8356 font-size: 18px;
8357 } 8357 }
8358 @media (min-width: 768px) { 8358 @media (min-width: 768px) {
8359 .cabinet__text b { 8359 .cabinet__text b {
8360 font-size: 24px; 8360 font-size: 24px;
8361 } 8361 }
8362 } 8362 }
8363 .cabinet__descr { 8363 .cabinet__descr {
8364 display: -webkit-box; 8364 display: -webkit-box;
8365 display: -ms-flexbox; 8365 display: -ms-flexbox;
8366 display: flex; 8366 display: flex;
8367 -webkit-box-orient: vertical; 8367 -webkit-box-orient: vertical;
8368 -webkit-box-direction: normal; 8368 -webkit-box-direction: normal;
8369 -ms-flex-direction: column; 8369 -ms-flex-direction: column;
8370 flex-direction: column; 8370 flex-direction: column;
8371 gap: 6px; 8371 gap: 6px;
8372 } 8372 }
8373 @media (min-width: 768px) { 8373 @media (min-width: 768px) {
8374 .cabinet__descr { 8374 .cabinet__descr {
8375 gap: 12px; 8375 gap: 12px;
8376 } 8376 }
8377 } 8377 }
8378 .cabinet__avatar { 8378 .cabinet__avatar {
8379 display: -webkit-box; 8379 display: -webkit-box;
8380 display: -ms-flexbox; 8380 display: -ms-flexbox;
8381 display: flex; 8381 display: flex;
8382 -webkit-box-align: start; 8382 -webkit-box-align: start;
8383 -ms-flex-align: start; 8383 -ms-flex-align: start;
8384 align-items: flex-start; 8384 align-items: flex-start;
8385 } 8385 }
8386 @media (min-width: 768px) { 8386 @media (min-width: 768px) {
8387 .cabinet__avatar { 8387 .cabinet__avatar {
8388 -webkit-box-align: center; 8388 -webkit-box-align: center;
8389 -ms-flex-align: center; 8389 -ms-flex-align: center;
8390 align-items: center; 8390 align-items: center;
8391 } 8391 }
8392 } 8392 }
8393 .cabinet__avatar-pic { 8393 .cabinet__avatar-pic {
8394 width: 100px; 8394 width: 100px;
8395 aspect-ratio: 1/1; 8395 aspect-ratio: 1/1;
8396 position: relative; 8396 position: relative;
8397 display: -webkit-box; 8397 display: -webkit-box;
8398 display: -ms-flexbox; 8398 display: -ms-flexbox;
8399 display: flex; 8399 display: flex;
8400 -webkit-box-pack: center; 8400 -webkit-box-pack: center;
8401 -ms-flex-pack: center; 8401 -ms-flex-pack: center;
8402 justify-content: center; 8402 justify-content: center;
8403 -webkit-box-align: center; 8403 -webkit-box-align: center;
8404 -ms-flex-align: center; 8404 -ms-flex-align: center;
8405 align-items: center; 8405 align-items: center;
8406 overflow: hidden; 8406 overflow: hidden;
8407 border-radius: 8px; 8407 border-radius: 8px;
8408 color: #fff; 8408 color: #fff;
8409 background: #9c9d9d; 8409 background: #9c9d9d;
8410 } 8410 }
8411 .cabinet__avatar-pic svg { 8411 .cabinet__avatar-pic svg {
8412 width: 50%; 8412 width: 50%;
8413 aspect-ratio: 1/1; 8413 aspect-ratio: 1/1;
8414 z-index: 1; 8414 z-index: 1;
8415 position: relative; 8415 position: relative;
8416 } 8416 }
8417 .cabinet__avatar-pic img{ 8417 .cabinet__avatar-pic img{
8418 max-width: 100%; 8418 max-width: 100%;
8419 max-height: 100%; 8419 max-height: 100%;
8420 } 8420 }
8421 .cabinet__avatar-form { 8421 .cabinet__avatar-form {
8422 width: calc(100% - 100px); 8422 width: calc(100% - 100px);
8423 padding-left: 15px; 8423 padding-left: 15px;
8424 display: -webkit-box; 8424 display: -webkit-box;
8425 display: -ms-flexbox; 8425 display: -ms-flexbox;
8426 display: flex; 8426 display: flex;
8427 -webkit-box-orient: vertical; 8427 -webkit-box-orient: vertical;
8428 -webkit-box-direction: normal; 8428 -webkit-box-direction: normal;
8429 -ms-flex-direction: column; 8429 -ms-flex-direction: column;
8430 flex-direction: column; 8430 flex-direction: column;
8431 gap: 6px; 8431 gap: 6px;
8432 } 8432 }
8433 .candidate-top-wrapper{ 8433 .candidate-top-wrapper{
8434 display: flex; 8434 display: flex;
8435 } 8435 }
8436 .candidate-top-wrapper .candidate-thumbnail{ 8436 .candidate-top-wrapper .candidate-thumbnail{
8437 width: 100px; 8437 width: 100px;
8438 height: 100px; 8438 height: 100px;
8439 min-width: 100px; 8439 min-width: 100px;
8440 border-radius: 8px; 8440 border-radius: 8px;
8441 overflow: hidden; 8441 overflow: hidden;
8442 } 8442 }
8443 .candidate-top-wrapper .candidate-thumbnail img{ 8443 .candidate-top-wrapper .candidate-thumbnail img{
8444 max-height: 100%; 8444 max-height: 100%;
8445 max-width: 100%; 8445 max-width: 100%;
8446 } 8446 }
8447 .candidate-top-wrapper .candidate-information{ 8447 .candidate-top-wrapper .candidate-information{
8448 padding-left: 20px; 8448 padding-left: 20px;
8449 font-size: 21px; 8449 font-size: 21px;
8450 display: flex; 8450 display: flex;
8451 align-items: center; 8451 align-items: center;
8452 } 8452 }
8453 .candidate-top-wrapper .candidate-information .candidate-title{ 8453 .candidate-top-wrapper .candidate-information .candidate-title{
8454 font-size: inherit; 8454 font-size: inherit;
8455 } 8455 }
8456 .content-single-candidate .education-detail-description{ 8456 .content-single-candidate .education-detail-description{
8457 margin-bottom: 50px; 8457 margin-bottom: 50px;
8458 text-align: justify; 8458 text-align: justify;
8459 } 8459 }
8460 .content-single-candidate .education-detail-description h3.title{ 8460 .content-single-candidate .education-detail-description h3.title{
8461 font-size: 18px; 8461 font-size: 18px;
8462 margin: 0 0 20px; 8462 margin: 0 0 20px;
8463 } 8463 }
8464 .content-single-candidate .education-detail-description .inner{ 8464 .content-single-candidate .education-detail-description .inner{
8465 font-size: 16px; 8465 font-size: 16px;
8466 font-weight: 300; 8466 font-weight: 300;
8467 line-height: 22px; 8467 line-height: 22px;
8468 color: #77838F; 8468 color: #77838F;
8469 } 8469 }
8470 .education-detail-programs h3.title{ 8470 .education-detail-programs h3.title{
8471 font-size: 18px; 8471 font-size: 18px;
8472 margin: 0 0 20px; 8472 margin: 0 0 20px;
8473 } 8473 }
8474 .education-detail-programs .accordion{ 8474 .education-detail-programs .accordion{
8475 margin: 1rem 0; 8475 margin: 1rem 0;
8476 padding: 0; 8476 padding: 0;
8477 list-style: none; 8477 list-style: none;
8478 border-top: 1px solid #ECEDF2; 8478 border-top: 1px solid #ECEDF2;
8479 } 8479 }
8480 .education-detail-programs .accordion.sub{ 8480 .education-detail-programs .accordion.sub{
8481 padding-left: 20px; 8481 padding-left: 20px;
8482 display: none; 8482 display: none;
8483 } 8483 }
8484 .education-detail-programs .accordion-item { 8484 .education-detail-programs .accordion-item {
8485 border-bottom: 1px solid #ECEDF2; 8485 border-bottom: 1px solid #ECEDF2;
8486 } 8486 }
8487 .education-detail-programs .accordion-thumb { 8487 .education-detail-programs .accordion-thumb {
8488 margin: 0; 8488 margin: 0;
8489 padding: 25px 0; 8489 padding: 25px 0;
8490 cursor: pointer; 8490 cursor: pointer;
8491 font-weight: normal; 8491 font-weight: normal;
8492 color: #0E5C69; 8492 color: #0E5C69;
8493 font-size: 16px; 8493 font-size: 16px;
8494 text-transform: uppercase; 8494 text-transform: uppercase;
8495 } 8495 }
8496 .education-detail-programs .accordion-thumb::after { 8496 .education-detail-programs .accordion-thumb::after {
8497 content: ""; 8497 content: "";
8498 display: block; 8498 display: block;
8499 float: right; 8499 float: right;
8500 position: relative; 8500 position: relative;
8501 top: 6px; 8501 top: 6px;
8502 height: 7px; 8502 height: 7px;
8503 width: 7px; 8503 width: 7px;
8504 margin-right: 1rem; 8504 margin-right: 1rem;
8505 margin-left: 0.5rem; 8505 margin-left: 0.5rem;
8506 border-right: 1px solid; 8506 border-right: 1px solid;
8507 border-bottom: 1px solid; 8507 border-bottom: 1px solid;
8508 border-color: #828A96; 8508 border-color: #828A96;
8509 transform: rotate(-45deg); 8509 transform: rotate(-45deg);
8510 transition: transform 0.2s ease-out; 8510 transition: transform 0.2s ease-out;
8511 } 8511 }
8512 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8512 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8513 transform: rotate(45deg); 8513 transform: rotate(45deg);
8514 } 8514 }
8515 .accordion-sub .accordion-panel{ 8515 .accordion-sub .accordion-panel{
8516 display: none; 8516 display: none;
8517 } 8517 }
8518 .accordion > .accordion-item > .accordion-panel{ 8518 .accordion > .accordion-item > .accordion-panel{
8519 opacity: 1; 8519 opacity: 1;
8520 } 8520 }
8521 .accordion-sub li{ 8521 .accordion-sub li{
8522 list-style-type: none; 8522 list-style-type: none;
8523 } 8523 }
8524 .accordion-sub .accordion-item .accordion-panel{ 8524 .accordion-sub .accordion-item .accordion-panel{
8525 white-space: pre-wrap; 8525 white-space: pre-wrap;
8526 white-space: -moz-pre-wrap; 8526 white-space: -moz-pre-wrap;
8527 white-space: -o-pre-wrap; 8527 white-space: -o-pre-wrap;
8528 } 8528 }
8529 .accordion-sub li:last-child { 8529 .accordion-sub li:last-child {
8530 border-bottom: unset; 8530 border-bottom: unset;
8531 } 8531 }
8532 .education-detail-contacts{ 8532 .education-detail-contacts{
8533 margin-top: 50px; 8533 margin-top: 50px;
8534 } 8534 }
8535 .education-detail-contacts h3.title{ 8535 .education-detail-contacts h3.title{
8536 font-size: 18px; 8536 font-size: 18px;
8537 margin: 0 0 20px; 8537 margin: 0 0 20px;
8538 } 8538 }
8539 .education-detail-contacts .inner > div{ 8539 .education-detail-contacts .inner > div{
8540 display: flex; 8540 display: flex;
8541 align-items: center; 8541 align-items: center;
8542 margin-bottom: 20px; 8542 margin-bottom: 20px;
8543 } 8543 }
8544 .education-detail-contacts .inner > div .icon{ 8544 .education-detail-contacts .inner > div .icon{
8545 margin-right: 20px; 8545 margin-right: 20px;
8546 } 8546 }
8547 @media (min-width: 768px) { 8547 @media (min-width: 768px) {
8548 .cabinet__avatar-form { 8548 .cabinet__avatar-form {
8549 -webkit-box-align: start; 8549 -webkit-box-align: start;
8550 -ms-flex-align: start; 8550 -ms-flex-align: start;
8551 align-items: flex-start; 8551 align-items: flex-start;
8552 padding-left: 30px; 8552 padding-left: 30px;
8553 gap: 12px; 8553 gap: 12px;
8554 } 8554 }
8555 } 8555 }
8556 @media (min-width: 768px) { 8556 @media (min-width: 768px) {
8557 .cabinet__avatar-form .file { 8557 .cabinet__avatar-form .file {
8558 min-width: 215px; 8558 min-width: 215px;
8559 } 8559 }
8560 } 8560 }
8561 .cabinet__inputs { 8561 .cabinet__inputs {
8562 display: -webkit-box; 8562 display: -webkit-box;
8563 display: -ms-flexbox; 8563 display: -ms-flexbox;
8564 display: flex; 8564 display: flex;
8565 -webkit-box-orient: vertical; 8565 -webkit-box-orient: vertical;
8566 -webkit-box-direction: normal; 8566 -webkit-box-direction: normal;
8567 -ms-flex-direction: column; 8567 -ms-flex-direction: column;
8568 flex-direction: column; 8568 flex-direction: column;
8569 gap: 20px; 8569 gap: 20px;
8570 } 8570 }
8571 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8571 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8572 display: flex; 8572 display: flex;
8573 } 8573 }
8574 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8574 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8575 width: 50%; 8575 width: 50%;
8576 padding-right: 20px; 8576 padding-right: 20px;
8577 } 8577 }
8578 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8578 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8579 margin-bottom: 20px; 8579 margin-bottom: 20px;
8580 width: 100%; 8580 width: 100%;
8581 } 8581 }
8582 @media (min-width: 1280px) { 8582 @media (min-width: 1280px) {
8583 .cabinet__inputs { 8583 .cabinet__inputs {
8584 -webkit-box-orient: horizontal; 8584 -webkit-box-orient: horizontal;
8585 -webkit-box-direction: normal; 8585 -webkit-box-direction: normal;
8586 -ms-flex-direction: row; 8586 -ms-flex-direction: row;
8587 flex-direction: row; 8587 flex-direction: row;
8588 -webkit-box-align: end; 8588 -webkit-box-align: end;
8589 -ms-flex-align: end; 8589 -ms-flex-align: end;
8590 align-items: end; 8590 align-items: end;
8591 -webkit-box-pack: justify; 8591 -webkit-box-pack: justify;
8592 -ms-flex-pack: justify; 8592 -ms-flex-pack: justify;
8593 justify-content: space-between; 8593 justify-content: space-between;
8594 -ms-flex-wrap: wrap; 8594 -ms-flex-wrap: wrap;
8595 flex-wrap: wrap; 8595 flex-wrap: wrap;
8596 } 8596 }
8597 } 8597 }
8598 @media (min-width: 1280px) { 8598 @media (min-width: 1280px) {
8599 .cabinet__inputs-item { 8599 .cabinet__inputs-item {
8600 width: calc(50% - 10px); 8600 width: calc(50% - 10px);
8601 } 8601 }
8602 } 8602 }
8603 @media (min-width: 1280px) { 8603 @media (min-width: 1280px) {
8604 .cabinet__inputs-item_fullwidth { 8604 .cabinet__inputs-item_fullwidth {
8605 width: 100%; 8605 width: 100%;
8606 } 8606 }
8607 } 8607 }
8608 @media (min-width: 1280px) { 8608 @media (min-width: 1280px) {
8609 .cabinet__inputs-item_min { 8609 .cabinet__inputs-item_min {
8610 width: calc(15% - 10px); 8610 width: calc(15% - 10px);
8611 } 8611 }
8612 } 8612 }
8613 @media (min-width: 1280px) { 8613 @media (min-width: 1280px) {
8614 .cabinet__inputs-item_max { 8614 .cabinet__inputs-item_max {
8615 width: calc(85% - 10px); 8615 width: calc(85% - 10px);
8616 } 8616 }
8617 } 8617 }
8618 @media (min-width: 768px) { 8618 @media (min-width: 768px) {
8619 .cabinet__inputs-item .button { 8619 .cabinet__inputs-item .button {
8620 width: 100%; 8620 width: 100%;
8621 max-width: 215px; 8621 max-width: 215px;
8622 padding: 0; 8622 padding: 0;
8623 } 8623 }
8624 } 8624 }
8625 @media (max-width: 768px) { 8625 @media (max-width: 768px) {
8626 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8626 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8627 display: block; 8627 display: block;
8628 } 8628 }
8629 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8629 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8630 width: 100%; 8630 width: 100%;
8631 } 8631 }
8632 } 8632 }
8633 .cabinet__inputs-item.column-count-3{ 8633 .cabinet__inputs-item.column-count-3{
8634 width: calc(32% - 10px); 8634 width: calc(32% - 10px);
8635 } 8635 }
8636 .cabinet__inputs-item-full-row { 8636 .cabinet__inputs-item-full-row {
8637 width: 100%; 8637 width: 100%;
8638 } 8638 }
8639 .cabinet__inputs-item .buttons { 8639 .cabinet__inputs-item .buttons {
8640 display: grid; 8640 display: grid;
8641 grid-template-columns: 1fr 1fr; 8641 grid-template-columns: 1fr 1fr;
8642 gap: 10px; 8642 gap: 10px;
8643 } 8643 }
8644 .cabinet__inputs-item .form-group__label{ 8644 .cabinet__inputs-item .form-group__label{
8645 font-weight: bold; 8645 font-weight: bold;
8646 } 8646 }
8647 @media (min-width: 768px) { 8647 @media (min-width: 768px) {
8648 .cabinet__inputs-item .buttons { 8648 .cabinet__inputs-item .buttons {
8649 gap: 20px; 8649 gap: 20px;
8650 max-width: 470px; 8650 max-width: 470px;
8651 } 8651 }
8652 } 8652 }
8653 @media (min-width: 992px) { 8653 @media (min-width: 992px) {
8654 .cabinet__inputs-item .buttons { 8654 .cabinet__inputs-item .buttons {
8655 max-width: none; 8655 max-width: none;
8656 } 8656 }
8657 } 8657 }
8658 @media (min-width: 1280px) { 8658 @media (min-width: 1280px) {
8659 .cabinet__inputs-item .buttons { 8659 .cabinet__inputs-item .buttons {
8660 max-width: 470px; 8660 max-width: 470px;
8661 } 8661 }
8662 } 8662 }
8663 .cabinet__inputs-item .buttons .button { 8663 .cabinet__inputs-item .buttons .button {
8664 max-width: none; 8664 max-width: none;
8665 } 8665 }
8666 .cabinet__inputs-item p { 8666 .cabinet__inputs-item p {
8667 margin: 0; 8667 margin: 0;
8668 font-size: 14px; 8668 font-size: 14px;
8669 line-height: 20px; 8669 line-height: 20px;
8670 } 8670 }
8671 @media (min-width: 768px) { 8671 @media (min-width: 768px) {
8672 .cabinet__inputs-item p { 8672 .cabinet__inputs-item p {
8673 font-size: 16px; 8673 font-size: 16px;
8674 line-height: 22px; 8674 line-height: 22px;
8675 } 8675 }
8676 } 8676 }
8677 .cabinet__inputs-item p.mod { 8677 .cabinet__inputs-item p.mod {
8678 margin-top: 12px; 8678 margin-top: 12px;
8679 } 8679 }
8680 .cabinet__inputs-item p.mod span { 8680 .cabinet__inputs-item p.mod span {
8681 color: #377d87; 8681 color: #377d87;
8682 line-height: 20px; 8682 line-height: 20px;
8683 font-weight: 700; 8683 font-weight: 700;
8684 padding: 4px 12px; 8684 padding: 4px 12px;
8685 border-radius: 4px; 8685 border-radius: 4px;
8686 background-color: #E6EFF0; 8686 background-color: #E6EFF0;
8687 } 8687 }
8688 .cabinet__inputs-item p.hidden { 8688 .cabinet__inputs-item p.hidden {
8689 display: none; 8689 display: none;
8690 } 8690 }
8691 .cabinet__inputs > .button { 8691 .cabinet__inputs > .button {
8692 padding: 0; 8692 padding: 0;
8693 width: 100%; 8693 width: 100%;
8694 max-width: 140px; 8694 max-width: 140px;
8695 } 8695 }
8696 @media (min-width: 768px) { 8696 @media (min-width: 768px) {
8697 .cabinet__inputs > .button { 8697 .cabinet__inputs > .button {
8698 max-width: 190px; 8698 max-width: 190px;
8699 } 8699 }
8700 } 8700 }
8701 .cabinet__add { 8701 .cabinet__add {
8702 display: -webkit-box; 8702 display: -webkit-box;
8703 display: -ms-flexbox; 8703 display: -ms-flexbox;
8704 display: flex; 8704 display: flex;
8705 -webkit-box-orient: vertical; 8705 -webkit-box-orient: vertical;
8706 -webkit-box-direction: normal; 8706 -webkit-box-direction: normal;
8707 -ms-flex-direction: column; 8707 -ms-flex-direction: column;
8708 flex-direction: column; 8708 flex-direction: column;
8709 gap: 10px; 8709 gap: 10px;
8710 } 8710 }
8711 @media (min-width: 768px) { 8711 @media (min-width: 768px) {
8712 .cabinet__add { 8712 .cabinet__add {
8713 gap: 0; 8713 gap: 0;
8714 -webkit-box-orient: horizontal; 8714 -webkit-box-orient: horizontal;
8715 -webkit-box-direction: normal; 8715 -webkit-box-direction: normal;
8716 -ms-flex-direction: row; 8716 -ms-flex-direction: row;
8717 flex-direction: row; 8717 flex-direction: row;
8718 -webkit-box-align: end; 8718 -webkit-box-align: end;
8719 -ms-flex-align: end; 8719 -ms-flex-align: end;
8720 align-items: flex-end; 8720 align-items: flex-end;
8721 } 8721 }
8722 } 8722 }
8723 .cabinet__add-pic { 8723 .cabinet__add-pic {
8724 border-radius: 4px; 8724 border-radius: 4px;
8725 position: relative; 8725 position: relative;
8726 overflow: hidden; 8726 overflow: hidden;
8727 background: #9c9d9d; 8727 background: #9c9d9d;
8728 color: #fff; 8728 color: #fff;
8729 width: 100px; 8729 width: 100px;
8730 aspect-ratio: 1/1; 8730 aspect-ratio: 1/1;
8731 -webkit-transition: 0.3s; 8731 -webkit-transition: 0.3s;
8732 transition: 0.3s; 8732 transition: 0.3s;
8733 } 8733 }
8734 @media (min-width: 768px) { 8734 @media (min-width: 768px) {
8735 .cabinet__add-pic { 8735 .cabinet__add-pic {
8736 width: 220px; 8736 width: 220px;
8737 border-radius: 8px; 8737 border-radius: 8px;
8738 } 8738 }
8739 } 8739 }
8740 .cabinet__add-pic:hover { 8740 .cabinet__add-pic:hover {
8741 background: #000; 8741 background: #000;
8742 } 8742 }
8743 .cabinet__add-pic input { 8743 .cabinet__add-pic input {
8744 display: none; 8744 display: none;
8745 } 8745 }
8746 .cabinet__add-pic > svg { 8746 .cabinet__add-pic > svg {
8747 width: 20px; 8747 width: 20px;
8748 position: absolute; 8748 position: absolute;
8749 top: 50%; 8749 top: 50%;
8750 left: 50%; 8750 left: 50%;
8751 -webkit-transform: translate(-50%, -50%); 8751 -webkit-transform: translate(-50%, -50%);
8752 -ms-transform: translate(-50%, -50%); 8752 -ms-transform: translate(-50%, -50%);
8753 transform: translate(-50%, -50%); 8753 transform: translate(-50%, -50%);
8754 z-index: 1; 8754 z-index: 1;
8755 } 8755 }
8756 @media (min-width: 768px) { 8756 @media (min-width: 768px) {
8757 .cabinet__add-pic > svg { 8757 .cabinet__add-pic > svg {
8758 width: 50px; 8758 width: 50px;
8759 } 8759 }
8760 } 8760 }
8761 .cabinet__add-pic span { 8761 .cabinet__add-pic span {
8762 display: -webkit-box; 8762 display: -webkit-box;
8763 display: -ms-flexbox; 8763 display: -ms-flexbox;
8764 display: flex; 8764 display: flex;
8765 -webkit-box-align: center; 8765 -webkit-box-align: center;
8766 -ms-flex-align: center; 8766 -ms-flex-align: center;
8767 align-items: center; 8767 align-items: center;
8768 -webkit-box-pack: center; 8768 -webkit-box-pack: center;
8769 -ms-flex-pack: center; 8769 -ms-flex-pack: center;
8770 justify-content: center; 8770 justify-content: center;
8771 width: 100%; 8771 width: 100%;
8772 gap: 4px; 8772 gap: 4px;
8773 font-weight: 700; 8773 font-weight: 700;
8774 font-size: 8px; 8774 font-size: 8px;
8775 line-height: 1; 8775 line-height: 1;
8776 position: absolute; 8776 position: absolute;
8777 top: 50%; 8777 top: 50%;
8778 left: 50%; 8778 left: 50%;
8779 -webkit-transform: translate(-50%, -50%); 8779 -webkit-transform: translate(-50%, -50%);
8780 -ms-transform: translate(-50%, -50%); 8780 -ms-transform: translate(-50%, -50%);
8781 transform: translate(-50%, -50%); 8781 transform: translate(-50%, -50%);
8782 margin-top: 25px; 8782 margin-top: 25px;
8783 } 8783 }
8784 @media (min-width: 768px) { 8784 @media (min-width: 768px) {
8785 .cabinet__add-pic span { 8785 .cabinet__add-pic span {
8786 font-size: 16px; 8786 font-size: 16px;
8787 margin-top: 60px; 8787 margin-top: 60px;
8788 } 8788 }
8789 } 8789 }
8790 .cabinet__add-pic span svg { 8790 .cabinet__add-pic span svg {
8791 width: 7px; 8791 width: 7px;
8792 aspect-ratio: 1/1; 8792 aspect-ratio: 1/1;
8793 } 8793 }
8794 @media (min-width: 768px) { 8794 @media (min-width: 768px) {
8795 .cabinet__add-pic span svg { 8795 .cabinet__add-pic span svg {
8796 width: 16px; 8796 width: 16px;
8797 } 8797 }
8798 } 8798 }
8799 .cabinet__add-body { 8799 .cabinet__add-body {
8800 display: -webkit-box; 8800 display: -webkit-box;
8801 display: -ms-flexbox; 8801 display: -ms-flexbox;
8802 display: flex; 8802 display: flex;
8803 -webkit-box-orient: vertical; 8803 -webkit-box-orient: vertical;
8804 -webkit-box-direction: normal; 8804 -webkit-box-direction: normal;
8805 -ms-flex-direction: column; 8805 -ms-flex-direction: column;
8806 flex-direction: column; 8806 flex-direction: column;
8807 gap: 10px; 8807 gap: 10px;
8808 } 8808 }
8809 @media (min-width: 768px) { 8809 @media (min-width: 768px) {
8810 .cabinet__add-body { 8810 .cabinet__add-body {
8811 gap: 20px; 8811 gap: 20px;
8812 width: calc(100% - 220px); 8812 width: calc(100% - 220px);
8813 padding-left: 20px; 8813 padding-left: 20px;
8814 } 8814 }
8815 } 8815 }
8816 @media (min-width: 768px) { 8816 @media (min-width: 768px) {
8817 .cabinet__add-body .button { 8817 .cabinet__add-body .button {
8818 width: 215px; 8818 width: 215px;
8819 padding: 0; 8819 padding: 0;
8820 } 8820 }
8821 } 8821 }
8822 .cabinet__fleet { 8822 .cabinet__fleet {
8823 display: -webkit-box; 8823 display: -webkit-box;
8824 display: -ms-flexbox; 8824 display: -ms-flexbox;
8825 display: flex; 8825 display: flex;
8826 -webkit-box-orient: vertical; 8826 -webkit-box-orient: vertical;
8827 -webkit-box-direction: normal; 8827 -webkit-box-direction: normal;
8828 -ms-flex-direction: column; 8828 -ms-flex-direction: column;
8829 flex-direction: column; 8829 flex-direction: column;
8830 gap: 20px; 8830 gap: 20px;
8831 } 8831 }
8832 @media (min-width: 768px) { 8832 @media (min-width: 768px) {
8833 .cabinet__fleet { 8833 .cabinet__fleet {
8834 display: grid; 8834 display: grid;
8835 grid-template-columns: repeat(2, 1fr); 8835 grid-template-columns: repeat(2, 1fr);
8836 } 8836 }
8837 } 8837 }
8838 @media (min-width: 1280px) { 8838 @media (min-width: 1280px) {
8839 .cabinet__fleet { 8839 .cabinet__fleet {
8840 grid-template-columns: repeat(3, 1fr); 8840 grid-template-columns: repeat(3, 1fr);
8841 } 8841 }
8842 } 8842 }
8843 @media (min-width: 768px) { 8843 @media (min-width: 768px) {
8844 .cabinet__submit { 8844 .cabinet__submit {
8845 width: 215px; 8845 width: 215px;
8846 padding: 0; 8846 padding: 0;
8847 margin: 0 auto; 8847 margin: 0 auto;
8848 } 8848 }
8849 } 8849 }
8850 .cabinet__filters { 8850 .cabinet__filters {
8851 display: -webkit-box; 8851 display: -webkit-box;
8852 display: -ms-flexbox; 8852 display: -ms-flexbox;
8853 display: flex; 8853 display: flex;
8854 -webkit-box-orient: vertical; 8854 -webkit-box-orient: vertical;
8855 -webkit-box-direction: normal; 8855 -webkit-box-direction: normal;
8856 -ms-flex-direction: column; 8856 -ms-flex-direction: column;
8857 flex-direction: column; 8857 flex-direction: column;
8858 gap: 10px; 8858 gap: 10px;
8859 } 8859 }
8860 .cabinet__export-wrap{ 8860 .cabinet__export-wrap{
8861 padding: 10px; 8861 padding: 10px;
8862 border: 1px #cecece solid; 8862 border: 1px #cecece solid;
8863 border-radius: 8px; 8863 border-radius: 8px;
8864 width: 100%; 8864 width: 100%;
8865 } 8865 }
8866 .cabinet__export-button-wrap{ 8866 .cabinet__export-button-wrap{
8867 max-width: 200px; 8867 max-width: 200px;
8868 margin-bottom: 10px; 8868 margin-bottom: 10px;
8869 } 8869 }
8870 .cabinet__export-options-wrap{ 8870 .cabinet__export-options-wrap{
8871 display: flex; 8871 display: flex;
8872 justify-content: space-between; 8872 justify-content: space-between;
8873 } 8873 }
8874 .job-title-list-wrap{ 8874 .job-title-list-wrap{
8875 margin-top: 5px; 8875 margin-top: 5px;
8876 } 8876 }
8877 .cabinet__export-error{ 8877 .cabinet__export-error{
8878 color: red; 8878 color: red;
8879 } 8879 }
8880 .flot-image-wrap img{ 8880 .flot-image-wrap img{
8881 max-width: 100%; 8881 max-width: 100%;
8882 max-height: 100%; 8882 max-height: 100%;
8883 flex: 0 0 auto; 8883 flex: 0 0 auto;
8884 } 8884 }
8885 .flot-image-wrap{ 8885 .flot-image-wrap{
8886 width: 220px; 8886 width: 220px;
8887 height: 220px; 8887 height: 220px;
8888 display: flex; 8888 display: flex;
8889 justify-content: center; 8889 justify-content: center;
8890 align-items: center; 8890 align-items: center;
8891 } 8891 }
8892 @media (min-width: 768px) { 8892 @media (min-width: 768px) {
8893 .cabinet__filters { 8893 .cabinet__filters {
8894 gap: 20px; 8894 gap: 20px;
8895 } 8895 }
8896 } 8896 }
8897 @media (min-width: 1280px) { 8897 @media (min-width: 1280px) {
8898 .cabinet__filters { 8898 .cabinet__filters {
8899 -webkit-box-orient: horizontal; 8899 -webkit-box-orient: horizontal;
8900 -webkit-box-direction: normal; 8900 -webkit-box-direction: normal;
8901 -ms-flex-direction: row; 8901 -ms-flex-direction: row;
8902 flex-direction: row; 8902 flex-direction: row;
8903 -webkit-box-align: start; 8903 -webkit-box-align: start;
8904 -ms-flex-align: start; 8904 -ms-flex-align: start;
8905 align-items: flex-start; 8905 align-items: flex-start;
8906 -webkit-box-pack: justify; 8906 -webkit-box-pack: justify;
8907 -ms-flex-pack: justify; 8907 -ms-flex-pack: justify;
8908 justify-content: space-between; 8908 justify-content: space-between;
8909 } 8909 }
8910 } 8910 }
8911 .cabinet__filters-item { 8911 .cabinet__filters-item {
8912 display: -webkit-box; 8912 display: -webkit-box;
8913 display: -ms-flexbox; 8913 display: -ms-flexbox;
8914 display: flex; 8914 display: flex;
8915 -webkit-box-orient: vertical; 8915 -webkit-box-orient: vertical;
8916 -webkit-box-direction: normal; 8916 -webkit-box-direction: normal;
8917 -ms-flex-direction: column; 8917 -ms-flex-direction: column;
8918 flex-direction: column; 8918 flex-direction: column;
8919 -webkit-box-align: start; 8919 -webkit-box-align: start;
8920 -ms-flex-align: start; 8920 -ms-flex-align: start;
8921 align-items: flex-start; 8921 align-items: flex-start;
8922 gap: 10px; 8922 gap: 10px;
8923 } 8923 }
8924 @media (min-width: 768px) { 8924 @media (min-width: 768px) {
8925 .cabinet__filters-item { 8925 .cabinet__filters-item {
8926 gap: 20px; 8926 gap: 20px;
8927 } 8927 }
8928 } 8928 }
8929 @media (min-width: 1280px) { 8929 @media (min-width: 1280px) {
8930 .cabinet__filters-item { 8930 .cabinet__filters-item {
8931 width: calc(50% - 10px); 8931 width: calc(50% - 10px);
8932 max-width: 410px; 8932 max-width: 410px;
8933 } 8933 }
8934 } 8934 }
8935 .cabinet__filters-item .button, 8935 .cabinet__filters-item .button,
8936 .cabinet__filters-item .select { 8936 .cabinet__filters-item .select {
8937 width: 100%; 8937 width: 100%;
8938 } 8938 }
8939 @media (min-width: 1280px) { 8939 @media (min-width: 1280px) {
8940 .cabinet__filters-item .button, 8940 .cabinet__filters-item .button,
8941 .cabinet__filters-item .select { 8941 .cabinet__filters-item .select {
8942 width: auto; 8942 width: auto;
8943 } 8943 }
8944 } 8944 }
8945 .cabinet__filters-item + .cabinet__filters-item { 8945 .cabinet__filters-item + .cabinet__filters-item {
8946 -webkit-box-align: end; 8946 -webkit-box-align: end;
8947 -ms-flex-align: end; 8947 -ms-flex-align: end;
8948 align-items: flex-end; 8948 align-items: flex-end;
8949 } 8949 }
8950 @media (min-width: 1280px) { 8950 @media (min-width: 1280px) {
8951 .cabinet__filters-item + .cabinet__filters-item { 8951 .cabinet__filters-item + .cabinet__filters-item {
8952 max-width: 280px; 8952 max-width: 280px;
8953 } 8953 }
8954 } 8954 }
8955 .cabinet__filters .search input { 8955 .cabinet__filters .search input {
8956 padding-right: 135px; 8956 padding-right: 135px;
8957 } 8957 }
8958 .cabinet__filters .search button { 8958 .cabinet__filters .search button {
8959 width: 115px; 8959 width: 115px;
8960 } 8960 }
8961 .cabinet__filters-buttons { 8961 .cabinet__filters-buttons {
8962 display: grid; 8962 display: grid;
8963 grid-template-columns: 1fr 1fr; 8963 grid-template-columns: 1fr 1fr;
8964 gap: 10px; 8964 gap: 10px;
8965 width: 100%; 8965 width: 100%;
8966 } 8966 }
8967 @media (min-width: 768px) { 8967 @media (min-width: 768px) {
8968 .cabinet__filters-buttons { 8968 .cabinet__filters-buttons {
8969 gap: 20px; 8969 gap: 20px;
8970 } 8970 }
8971 } 8971 }
8972 .cabinet__filters-buttons .button { 8972 .cabinet__filters-buttons .button {
8973 padding: 0; 8973 padding: 0;
8974 gap: 5px; 8974 gap: 5px;
8975 } 8975 }
8976 .cabinet__filters-buttons .button.active { 8976 .cabinet__filters-buttons .button.active {
8977 background: #377d87; 8977 background: #377d87;
8978 color: #fff; 8978 color: #fff;
8979 } 8979 }
8980 .cabinet__filters-buttons .button.active:before { 8980 .cabinet__filters-buttons .button.active:before {
8981 content: ""; 8981 content: "";
8982 width: 6px; 8982 width: 6px;
8983 height: 6px; 8983 height: 6px;
8984 background: #fff; 8984 background: #fff;
8985 border-radius: 999px; 8985 border-radius: 999px;
8986 } 8986 }
8987 .cabinet__table-header { 8987 .cabinet__table-header {
8988 display: -webkit-box; 8988 display: -webkit-box;
8989 display: -ms-flexbox; 8989 display: -ms-flexbox;
8990 display: flex; 8990 display: flex;
8991 -webkit-box-pack: justify; 8991 -webkit-box-pack: justify;
8992 -ms-flex-pack: justify; 8992 -ms-flex-pack: justify;
8993 justify-content: space-between; 8993 justify-content: space-between;
8994 -webkit-box-align: center; 8994 -webkit-box-align: center;
8995 -ms-flex-align: center; 8995 -ms-flex-align: center;
8996 align-items: center; 8996 align-items: center;
8997 font-weight: 700; 8997 font-weight: 700;
8998 margin-bottom: -10px; 8998 margin-bottom: -10px;
8999 } 8999 }
9000 .cabinet__table-header div { 9000 .cabinet__table-header div {
9001 font-size: 18px; 9001 font-size: 18px;
9002 } 9002 }
9003 @media (min-width: 768px) { 9003 @media (min-width: 768px) {
9004 .cabinet__table-header div { 9004 .cabinet__table-header div {
9005 font-size: 24px; 9005 font-size: 24px;
9006 } 9006 }
9007 } 9007 }
9008 .cabinet__table-header span { 9008 .cabinet__table-header span {
9009 color: #000; 9009 color: #000;
9010 font-size: 14px; 9010 font-size: 14px;
9011 } 9011 }
9012 @media (min-width: 768px) { 9012 @media (min-width: 768px) {
9013 .cabinet__table-header span { 9013 .cabinet__table-header span {
9014 font-size: 18px; 9014 font-size: 18px;
9015 } 9015 }
9016 } 9016 }
9017 .cabinet__table-header span b { 9017 .cabinet__table-header span b {
9018 color: #377d87; 9018 color: #377d87;
9019 } 9019 }
9020 .cabinet__tabs { 9020 .cabinet__tabs {
9021 display: grid; 9021 display: grid;
9022 grid-template-columns: 1fr 1fr; 9022 grid-template-columns: 1fr 1fr;
9023 gap: 20px; 9023 gap: 20px;
9024 } 9024 }
9025 @media (min-width: 768px) { 9025 @media (min-width: 768px) {
9026 .cabinet__tabs { 9026 .cabinet__tabs {
9027 max-width: 420px; 9027 max-width: 420px;
9028 } 9028 }
9029 } 9029 }
9030 .cabinet__tabs .button.active { 9030 .cabinet__tabs .button.active {
9031 background: #377d87; 9031 background: #377d87;
9032 color: #fff; 9032 color: #fff;
9033 } 9033 }
9034 .cabinet__bodies { 9034 .cabinet__bodies {
9035 display: none; 9035 display: none;
9036 } 9036 }
9037 .cabinet__bodies.showed { 9037 .cabinet__bodies.showed {
9038 display: block; 9038 display: block;
9039 } 9039 }
9040 .cabinet__nots { 9040 .cabinet__nots {
9041 display: -webkit-box; 9041 display: -webkit-box;
9042 display: -ms-flexbox; 9042 display: -ms-flexbox;
9043 display: flex; 9043 display: flex;
9044 -webkit-box-orient: vertical; 9044 -webkit-box-orient: vertical;
9045 -webkit-box-direction: normal; 9045 -webkit-box-direction: normal;
9046 -ms-flex-direction: column; 9046 -ms-flex-direction: column;
9047 flex-direction: column; 9047 flex-direction: column;
9048 -webkit-box-align: start; 9048 -webkit-box-align: start;
9049 -ms-flex-align: start; 9049 -ms-flex-align: start;
9050 align-items: flex-start; 9050 align-items: flex-start;
9051 gap: 10px; 9051 gap: 10px;
9052 } 9052 }
9053 @media (min-width: 768px) { 9053 @media (min-width: 768px) {
9054 .cabinet__nots { 9054 .cabinet__nots {
9055 gap: 20px; 9055 gap: 20px;
9056 } 9056 }
9057 } 9057 }
9058 .cabinet__nots .input { 9058 .cabinet__nots .input {
9059 width: 100%; 9059 width: 100%;
9060 } 9060 }
9061 .cabinet__anketa { 9061 .cabinet__anketa {
9062 display: -webkit-box; 9062 display: -webkit-box;
9063 display: -ms-flexbox; 9063 display: -ms-flexbox;
9064 display: flex; 9064 display: flex;
9065 -webkit-box-orient: vertical; 9065 -webkit-box-orient: vertical;
9066 -webkit-box-direction: normal; 9066 -webkit-box-direction: normal;
9067 -ms-flex-direction: column; 9067 -ms-flex-direction: column;
9068 flex-direction: column; 9068 flex-direction: column;
9069 -webkit-box-pack: justify; 9069 -webkit-box-pack: justify;
9070 -ms-flex-pack: justify; 9070 -ms-flex-pack: justify;
9071 justify-content: space-between; 9071 justify-content: space-between;
9072 gap: 10px; 9072 gap: 10px;
9073 } 9073 }
9074 @media (min-width: 768px) { 9074 @media (min-width: 768px) {
9075 .cabinet__anketa { 9075 .cabinet__anketa {
9076 -webkit-box-orient: horizontal; 9076 -webkit-box-orient: horizontal;
9077 -webkit-box-direction: normal; 9077 -webkit-box-direction: normal;
9078 -ms-flex-direction: row; 9078 -ms-flex-direction: row;
9079 flex-direction: row; 9079 flex-direction: row;
9080 -webkit-box-align: center; 9080 -webkit-box-align: center;
9081 -ms-flex-align: center; 9081 -ms-flex-align: center;
9082 align-items: center; 9082 align-items: center;
9083 } 9083 }
9084 } 9084 }
9085 @media (min-width: 992px) { 9085 @media (min-width: 992px) {
9086 .cabinet__anketa { 9086 .cabinet__anketa {
9087 -webkit-box-orient: vertical; 9087 -webkit-box-orient: vertical;
9088 -webkit-box-direction: normal; 9088 -webkit-box-direction: normal;
9089 -ms-flex-direction: column; 9089 -ms-flex-direction: column;
9090 flex-direction: column; 9090 flex-direction: column;
9091 -webkit-box-align: stretch; 9091 -webkit-box-align: stretch;
9092 -ms-flex-align: stretch; 9092 -ms-flex-align: stretch;
9093 align-items: stretch; 9093 align-items: stretch;
9094 } 9094 }
9095 } 9095 }
9096 @media (min-width: 1280px) { 9096 @media (min-width: 1280px) {
9097 .cabinet__anketa { 9097 .cabinet__anketa {
9098 -webkit-box-orient: horizontal; 9098 -webkit-box-orient: horizontal;
9099 -webkit-box-direction: normal; 9099 -webkit-box-direction: normal;
9100 -ms-flex-direction: row; 9100 -ms-flex-direction: row;
9101 flex-direction: row; 9101 flex-direction: row;
9102 -webkit-box-align: center; 9102 -webkit-box-align: center;
9103 -ms-flex-align: center; 9103 -ms-flex-align: center;
9104 align-items: center; 9104 align-items: center;
9105 -webkit-box-pack: justify; 9105 -webkit-box-pack: justify;
9106 -ms-flex-pack: justify; 9106 -ms-flex-pack: justify;
9107 justify-content: space-between; 9107 justify-content: space-between;
9108 } 9108 }
9109 } 9109 }
9110 .cabinet__anketa-buttons { 9110 .cabinet__anketa-buttons {
9111 display: -webkit-box; 9111 display: -webkit-box;
9112 display: -ms-flexbox; 9112 display: -ms-flexbox;
9113 display: flex; 9113 display: flex;
9114 -webkit-box-orient: vertical; 9114 -webkit-box-orient: vertical;
9115 -webkit-box-direction: normal; 9115 -webkit-box-direction: normal;
9116 -ms-flex-direction: column; 9116 -ms-flex-direction: column;
9117 flex-direction: column; 9117 flex-direction: column;
9118 gap: 10px; 9118 gap: 10px;
9119 } 9119 }
9120 @media (min-width: 768px) { 9120 @media (min-width: 768px) {
9121 .cabinet__anketa-buttons { 9121 .cabinet__anketa-buttons {
9122 display: grid; 9122 display: grid;
9123 grid-template-columns: 1fr 1fr; 9123 grid-template-columns: 1fr 1fr;
9124 gap: 20px; 9124 gap: 20px;
9125 } 9125 }
9126 } 9126 }
9127 .cabinet__stats { 9127 .cabinet__stats {
9128 display: -webkit-box; 9128 display: -webkit-box;
9129 display: -ms-flexbox; 9129 display: -ms-flexbox;
9130 display: flex; 9130 display: flex;
9131 -webkit-box-orient: vertical; 9131 -webkit-box-orient: vertical;
9132 -webkit-box-direction: normal; 9132 -webkit-box-direction: normal;
9133 -ms-flex-direction: column; 9133 -ms-flex-direction: column;
9134 flex-direction: column; 9134 flex-direction: column;
9135 gap: 6px; 9135 gap: 6px;
9136 } 9136 }
9137 @media (min-width: 768px) { 9137 @media (min-width: 768px) {
9138 .cabinet__stats { 9138 .cabinet__stats {
9139 gap: 12px; 9139 gap: 12px;
9140 } 9140 }
9141 } 9141 }
9142 .cabinet__stats-title { 9142 .cabinet__stats-title {
9143 font-size: 14px; 9143 font-size: 14px;
9144 font-weight: 700; 9144 font-weight: 700;
9145 color: #000; 9145 color: #000;
9146 } 9146 }
9147 @media (min-width: 768px) { 9147 @media (min-width: 768px) {
9148 .cabinet__stats-title { 9148 .cabinet__stats-title {
9149 font-size: 24px; 9149 font-size: 24px;
9150 } 9150 }
9151 } 9151 }
9152 .cabinet__stats-body { 9152 .cabinet__stats-body {
9153 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 9153 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
9154 border-radius: 8px; 9154 border-radius: 8px;
9155 padding: 10px; 9155 padding: 10px;
9156 display: grid; 9156 display: grid;
9157 grid-template-columns: 1fr 1fr; 9157 grid-template-columns: 1fr 1fr;
9158 gap: 20px; 9158 gap: 20px;
9159 margin-bottom: 10px; 9159 margin-bottom: 10px;
9160 } 9160 }
9161 @media (min-width: 768px) { 9161 @media (min-width: 768px) {
9162 .cabinet__stats-body { 9162 .cabinet__stats-body {
9163 padding: 10px 20px; 9163 padding: 10px 20px;
9164 } 9164 }
9165 } 9165 }
9166 .cabinet__stats-item { 9166 .cabinet__stats-item {
9167 font-size: 12px; 9167 font-size: 12px;
9168 display: -webkit-box; 9168 display: -webkit-box;
9169 display: -ms-flexbox; 9169 display: -ms-flexbox;
9170 display: flex; 9170 display: flex;
9171 -webkit-box-align: center; 9171 -webkit-box-align: center;
9172 -ms-flex-align: center; 9172 -ms-flex-align: center;
9173 align-items: center; 9173 align-items: center;
9174 line-height: 1; 9174 line-height: 1;
9175 gap: 6px; 9175 gap: 6px;
9176 } 9176 }
9177 @media (min-width: 768px) { 9177 @media (min-width: 768px) {
9178 .cabinet__stats-item { 9178 .cabinet__stats-item {
9179 font-size: 20px; 9179 font-size: 20px;
9180 gap: 10px; 9180 gap: 10px;
9181 } 9181 }
9182 } 9182 }
9183 .cabinet__stats-item svg { 9183 .cabinet__stats-item svg {
9184 width: 20px; 9184 width: 20px;
9185 aspect-ratio: 1/1; 9185 aspect-ratio: 1/1;
9186 color: #377d87; 9186 color: #377d87;
9187 } 9187 }
9188 @media (min-width: 768px) { 9188 @media (min-width: 768px) {
9189 .cabinet__stats-item svg { 9189 .cabinet__stats-item svg {
9190 width: 40px; 9190 width: 40px;
9191 margin-right: 10px; 9191 margin-right: 10px;
9192 } 9192 }
9193 } 9193 }
9194 .cabinet__stats-item span { 9194 .cabinet__stats-item span {
9195 font-weight: 700; 9195 font-weight: 700;
9196 color: #000; 9196 color: #000;
9197 } 9197 }
9198 .cabinet__stats-item b { 9198 .cabinet__stats-item b {
9199 color: #377d87; 9199 color: #377d87;
9200 font-size: 14px; 9200 font-size: 14px;
9201 } 9201 }
9202 @media (min-width: 768px) { 9202 @media (min-width: 768px) {
9203 .cabinet__stats-item b { 9203 .cabinet__stats-item b {
9204 font-size: 24px; 9204 font-size: 24px;
9205 } 9205 }
9206 } 9206 }
9207 .cabinet__stats-subtitle { 9207 .cabinet__stats-subtitle {
9208 font-size: 14px; 9208 font-size: 14px;
9209 font-weight: 700; 9209 font-weight: 700;
9210 color: #377d87; 9210 color: #377d87;
9211 } 9211 }
9212 @media (min-width: 768px) { 9212 @media (min-width: 768px) {
9213 .cabinet__stats-subtitle { 9213 .cabinet__stats-subtitle {
9214 font-size: 18px; 9214 font-size: 18px;
9215 } 9215 }
9216 } 9216 }
9217 .cabinet__stats-line { 9217 .cabinet__stats-line {
9218 width: 100%; 9218 width: 100%;
9219 position: relative; 9219 position: relative;
9220 overflow: hidden; 9220 overflow: hidden;
9221 height: 8px; 9221 height: 8px;
9222 border-radius: 999px; 9222 border-radius: 999px;
9223 background: #cecece; 9223 background: #cecece;
9224 } 9224 }
9225 .cabinet__stats-line span { 9225 .cabinet__stats-line span {
9226 position: absolute; 9226 position: absolute;
9227 top: 0; 9227 top: 0;
9228 left: 0; 9228 left: 0;
9229 width: 100%; 9229 width: 100%;
9230 height: 100%; 9230 height: 100%;
9231 background: #377d87; 9231 background: #377d87;
9232 border-radius: 999px; 9232 border-radius: 999px;
9233 } 9233 }
9234 .cabinet__stats-bottom { 9234 .cabinet__stats-bottom {
9235 color: #000; 9235 color: #000;
9236 font-size: 12px; 9236 font-size: 12px;
9237 } 9237 }
9238 @media (min-width: 768px) { 9238 @media (min-width: 768px) {
9239 .cabinet__stats-bottom { 9239 .cabinet__stats-bottom {
9240 font-size: 16px; 9240 font-size: 16px;
9241 } 9241 }
9242 } 9242 }
9243 .cabinet__works { 9243 .cabinet__works {
9244 display: -webkit-box; 9244 display: -webkit-box;
9245 display: -ms-flexbox; 9245 display: -ms-flexbox;
9246 display: flex; 9246 display: flex;
9247 -webkit-box-orient: vertical; 9247 -webkit-box-orient: vertical;
9248 -webkit-box-direction: normal; 9248 -webkit-box-direction: normal;
9249 -ms-flex-direction: column; 9249 -ms-flex-direction: column;
9250 flex-direction: column; 9250 flex-direction: column;
9251 gap: 20px; 9251 gap: 20px;
9252 } 9252 }
9253 @media (min-width: 768px) { 9253 @media (min-width: 768px) {
9254 .cabinet__works { 9254 .cabinet__works {
9255 gap: 30px; 9255 gap: 30px;
9256 } 9256 }
9257 } 9257 }
9258 .cabinet__works-item { 9258 .cabinet__works-item {
9259 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 9259 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
9260 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 9260 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
9261 padding: 10px; 9261 padding: 10px;
9262 border-radius: 4px; 9262 border-radius: 4px;
9263 } 9263 }
9264 @media (min-width: 768px) { 9264 @media (min-width: 768px) {
9265 .cabinet__works-item { 9265 .cabinet__works-item {
9266 padding: 20px; 9266 padding: 20px;
9267 border-radius: 8px; 9267 border-radius: 8px;
9268 } 9268 }
9269 } 9269 }
9270 .cabinet__works-spoiler { 9270 .cabinet__works-spoiler {
9271 display: -webkit-box; 9271 display: -webkit-box;
9272 display: -ms-flexbox; 9272 display: -ms-flexbox;
9273 display: flex; 9273 display: flex;
9274 -webkit-box-align: center; 9274 -webkit-box-align: center;
9275 -ms-flex-align: center; 9275 -ms-flex-align: center;
9276 align-items: center; 9276 align-items: center;
9277 -webkit-box-pack: justify; 9277 -webkit-box-pack: justify;
9278 -ms-flex-pack: justify; 9278 -ms-flex-pack: justify;
9279 justify-content: space-between; 9279 justify-content: space-between;
9280 } 9280 }
9281 .cabinet__works-spoiler-left { 9281 .cabinet__works-spoiler-left {
9282 display: -webkit-box; 9282 display: -webkit-box;
9283 display: -ms-flexbox; 9283 display: -ms-flexbox;
9284 display: flex; 9284 display: flex;
9285 -webkit-box-align: center; 9285 -webkit-box-align: center;
9286 -ms-flex-align: center; 9286 -ms-flex-align: center;
9287 align-items: center; 9287 align-items: center;
9288 width: calc(100% - 22px); 9288 width: calc(100% - 22px);
9289 } 9289 }
9290 .cabinet__works-spoiler-right { 9290 .cabinet__works-spoiler-right {
9291 width: 22px; 9291 width: 22px;
9292 height: 22px; 9292 height: 22px;
9293 display: -webkit-box; 9293 display: -webkit-box;
9294 display: -ms-flexbox; 9294 display: -ms-flexbox;
9295 display: flex; 9295 display: flex;
9296 -webkit-box-align: center; 9296 -webkit-box-align: center;
9297 -ms-flex-align: center; 9297 -ms-flex-align: center;
9298 align-items: center; 9298 align-items: center;
9299 -webkit-box-pack: center; 9299 -webkit-box-pack: center;
9300 -ms-flex-pack: center; 9300 -ms-flex-pack: center;
9301 justify-content: center; 9301 justify-content: center;
9302 color: #377d87; 9302 color: #377d87;
9303 padding: 0; 9303 padding: 0;
9304 background: none; 9304 background: none;
9305 border: none; 9305 border: none;
9306 } 9306 }
9307 .cabinet__works-spoiler-right svg { 9307 .cabinet__works-spoiler-right svg {
9308 width: 60%; 9308 width: 60%;
9309 aspect-ratio: 1/1; 9309 aspect-ratio: 1/1;
9310 -webkit-transform: rotate(90deg); 9310 -webkit-transform: rotate(90deg);
9311 -ms-transform: rotate(90deg); 9311 -ms-transform: rotate(90deg);
9312 transform: rotate(90deg); 9312 transform: rotate(90deg);
9313 -webkit-transition: 0.3s; 9313 -webkit-transition: 0.3s;
9314 transition: 0.3s; 9314 transition: 0.3s;
9315 } 9315 }
9316 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9316 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9317 -webkit-transform: rotate(-90deg); 9317 -webkit-transform: rotate(-90deg);
9318 -ms-transform: rotate(-90deg); 9318 -ms-transform: rotate(-90deg);
9319 transform: rotate(-90deg); 9319 transform: rotate(-90deg);
9320 } 9320 }
9321 .cabinet__works-spoiler-buttons { 9321 .cabinet__works-spoiler-buttons {
9322 display: -webkit-box; 9322 display: -webkit-box;
9323 display: -ms-flexbox; 9323 display: -ms-flexbox;
9324 display: flex; 9324 display: flex;
9325 -webkit-box-align: center; 9325 -webkit-box-align: center;
9326 -ms-flex-align: center; 9326 -ms-flex-align: center;
9327 align-items: center; 9327 align-items: center;
9328 -webkit-box-pack: justify; 9328 -webkit-box-pack: justify;
9329 -ms-flex-pack: justify; 9329 -ms-flex-pack: justify;
9330 justify-content: space-between; 9330 justify-content: space-between;
9331 width: 60px; 9331 width: 60px;
9332 } 9332 }
9333 @media (min-width: 768px) { 9333 @media (min-width: 768px) {
9334 .cabinet__works-spoiler-buttons { 9334 .cabinet__works-spoiler-buttons {
9335 width: 74px; 9335 width: 74px;
9336 } 9336 }
9337 } 9337 }
9338 .cabinet__works-spoiler-buttons .button { 9338 .cabinet__works-spoiler-buttons .button {
9339 width: 22px; 9339 width: 22px;
9340 height: 22px; 9340 height: 22px;
9341 padding: 0; 9341 padding: 0;
9342 } 9342 }
9343 @media (min-width: 768px) { 9343 @media (min-width: 768px) {
9344 .cabinet__works-spoiler-buttons .button { 9344 .cabinet__works-spoiler-buttons .button {
9345 width: 30px; 9345 width: 30px;
9346 height: 30px; 9346 height: 30px;
9347 } 9347 }
9348 } 9348 }
9349 .cabinet__works-spoiler-text { 9349 .cabinet__works-spoiler-text {
9350 width: calc(100% - 60px); 9350 width: calc(100% - 60px);
9351 padding-left: 20px; 9351 padding-left: 20px;
9352 font-size: 17px; 9352 font-size: 17px;
9353 font-weight: 700; 9353 font-weight: 700;
9354 color: #000; 9354 color: #000;
9355 } 9355 }
9356 @media (min-width: 768px) { 9356 @media (min-width: 768px) {
9357 .cabinet__works-spoiler-text { 9357 .cabinet__works-spoiler-text {
9358 width: calc(100% - 74px); 9358 width: calc(100% - 74px);
9359 font-size: 20px; 9359 font-size: 20px;
9360 } 9360 }
9361 } 9361 }
9362 .cabinet__works-body { 9362 .cabinet__works-body {
9363 opacity: 0; 9363 opacity: 1;
9364 height: 0; 9364 height: auto;
9365 overflow: hidden; 9365 overflow: visible;
9366 transition: opacity 0.3s, height 0.3s;
9366 } 9367 }
9367 .active + .cabinet__works-body { 9368 .active + .cabinet__works-body {
9368 -webkit-transition: 0.3s; 9369 -webkit-transition: 0.3s;
9369 transition: 0.3s; 9370 transition: 0.3s;
9370 opacity: 1; 9371 opacity: 1;
9371 height: auto; 9372 height: auto;
9372 padding-top: 20px; 9373 padding-top: 20px;
9373 } 9374 }
9374 .cabinet__works-add { 9375 .cabinet__works-add {
9375 padding: 0; 9376 padding: 0;
9376 width: 100%; 9377 width: 100%;
9377 max-width: 160px; 9378 max-width: 160px;
9378 } 9379 }
9379 @media (min-width: 768px) { 9380 @media (min-width: 768px) {
9380 .cabinet__works-add { 9381 .cabinet__works-add {
9381 max-width: 220px; 9382 max-width: 220px;
9382 } 9383 }
9383 } 9384 }
9384 .cabinet__buttons { 9385 .cabinet__buttons {
9385 display: -webkit-box; 9386 display: -webkit-box;
9386 display: -ms-flexbox; 9387 display: -ms-flexbox;
9387 display: flex; 9388 display: flex;
9388 -webkit-box-orient: vertical; 9389 -webkit-box-orient: vertical;
9389 -webkit-box-direction: normal; 9390 -webkit-box-direction: normal;
9390 -ms-flex-direction: column; 9391 -ms-flex-direction: column;
9391 flex-direction: column; 9392 flex-direction: column;
9392 -webkit-box-align: center; 9393 -webkit-box-align: center;
9393 -ms-flex-align: center; 9394 -ms-flex-align: center;
9394 align-items: center; 9395 align-items: center;
9395 gap: 10px; 9396 gap: 10px;
9396 } 9397 }
9397 @media (min-width: 768px) { 9398 @media (min-width: 768px) {
9398 .cabinet__buttons { 9399 .cabinet__buttons {
9399 display: grid; 9400 display: grid;
9400 grid-template-columns: 1fr 1fr; 9401 grid-template-columns: 1fr 1fr;
9401 gap: 20px; 9402 gap: 20px;
9402 } 9403 }
9403 } 9404 }
9404 .cabinet__buttons .button, 9405 .cabinet__buttons .button,
9405 .cabinet__buttons .file { 9406 .cabinet__buttons .file {
9406 padding: 0; 9407 padding: 0;
9407 width: 100%; 9408 width: 100%;
9408 max-width: 140px; 9409 max-width: 140px;
9409 } 9410 }
9410 @media (min-width: 768px) { 9411 @media (min-width: 768px) {
9411 .cabinet__buttons .button, 9412 .cabinet__buttons .button,
9412 .cabinet__buttons .file { 9413 .cabinet__buttons .file {
9413 max-width: none; 9414 max-width: none;
9414 } 9415 }
9415 } 9416 }
9416 @media (min-width: 768px) { 9417 @media (min-width: 768px) {
9417 .cabinet__buttons { 9418 .cabinet__buttons {
9418 gap: 20px; 9419 gap: 20px;
9419 } 9420 }
9420 } 9421 }
9421 @media (min-width: 1280px) { 9422 @media (min-width: 1280px) {
9422 .cabinet__buttons { 9423 .cabinet__buttons {
9423 max-width: 400px; 9424 max-width: 400px;
9424 } 9425 }
9425 } 9426 }
9426 .cabinet__buttons_flex{ 9427 .cabinet__buttons_flex{
9427 display: flex; 9428 display: flex;
9428 } 9429 }
9429 .cabinet__buttons_flex > *{ 9430 .cabinet__buttons_flex > *{
9430 margin-right: 10px; 9431 margin-right: 10px;
9431 } 9432 }
9432 .cabinet__vacs { 9433 .cabinet__vacs {
9433 display: -webkit-box; 9434 display: -webkit-box;
9434 display: -ms-flexbox; 9435 display: -ms-flexbox;
9435 display: flex; 9436 display: flex;
9436 -webkit-box-orient: vertical; 9437 -webkit-box-orient: vertical;
9437 -webkit-box-direction: reverse; 9438 -webkit-box-direction: reverse;
9438 -ms-flex-direction: column-reverse; 9439 -ms-flex-direction: column-reverse;
9439 flex-direction: column-reverse; 9440 flex-direction: column-reverse;
9440 -webkit-box-align: center; 9441 -webkit-box-align: center;
9441 -ms-flex-align: center; 9442 -ms-flex-align: center;
9442 align-items: center; 9443 align-items: center;
9443 gap: 20px; 9444 gap: 20px;
9444 } 9445 }
9445 .cabinet__vacs-body { 9446 .cabinet__vacs-body {
9446 display: -webkit-box; 9447 display: -webkit-box;
9447 display: -ms-flexbox; 9448 display: -ms-flexbox;
9448 display: flex; 9449 display: flex;
9449 -webkit-box-orient: vertical; 9450 -webkit-box-orient: vertical;
9450 -webkit-box-direction: normal; 9451 -webkit-box-direction: normal;
9451 -ms-flex-direction: column; 9452 -ms-flex-direction: column;
9452 flex-direction: column; 9453 flex-direction: column;
9453 gap: 20px; 9454 gap: 20px;
9454 width: 100%; 9455 width: 100%;
9455 } 9456 }
9456 @media (min-width: 768px) { 9457 @media (min-width: 768px) {
9457 .cabinet__vacs-body { 9458 .cabinet__vacs-body {
9458 gap: 30px; 9459 gap: 30px;
9459 } 9460 }
9460 } 9461 }
9461 .cabinet__vacs-item { 9462 .cabinet__vacs-item {
9462 display: none; 9463 display: none;
9463 background: #fff; 9464 background: #fff;
9464 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9465 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9465 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9466 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9466 } 9467 }
9467 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9468 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9468 display: -webkit-box; 9469 display: -webkit-box;
9469 display: -ms-flexbox; 9470 display: -ms-flexbox;
9470 display: flex; 9471 display: flex;
9471 } 9472 }
9472 .cabinet__vacs.active .cabinet__vacs-item { 9473 .cabinet__vacs.active .cabinet__vacs-item {
9473 display: -webkit-box; 9474 display: -webkit-box;
9474 display: -ms-flexbox; 9475 display: -ms-flexbox;
9475 display: flex; 9476 display: flex;
9476 } 9477 }
9477 .main__employer-page-two-item-text-body img { 9478 .main__employer-page-two-item-text-body img {
9478 display: inline !important; 9479 display: inline !important;
9479 border: none !important; 9480 border: none !important;
9480 box-shadow: none !important; 9481 box-shadow: none !important;
9481 height: 1em !important; 9482 height: 1em !important;
9482 width: 1em !important; 9483 width: 1em !important;
9483 margin: 0 0.07em !important; 9484 margin: 0 0.07em !important;
9484 vertical-align: -0.1em !important; 9485 vertical-align: -0.1em !important;
9485 background: none !important; 9486 background: none !important;
9486 padding: 0 !important; 9487 padding: 0 !important;
9487 } 9488 }
9488 .main__employer-page-two-item-text-body p{ 9489 .main__employer-page-two-item-text-body p{
9489 margin: 0 0 20px; 9490 margin: 0 0 20px;
9490 } 9491 }
9491 #sertificate .one-sertificate{ 9492 #sertificate .one-sertificate{
9492 display: flex; 9493 display: flex;
9493 justify-content: space-between; 9494 justify-content: space-between;
9494 margin-bottom: 15px; 9495 margin-bottom: 15px;
9495 border-bottom: 1px #ccc solid; 9496 border-bottom: 1px #ccc solid;
9496 padding-bottom: 15px; 9497 padding-bottom: 15px;
9497 } 9498 }
9498 #sertificate .one-sertificate .sertificate-field{ 9499 #sertificate .one-sertificate .sertificate-field{
9499 display: block; 9500 display: block;
9500 } 9501 }
9501 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9502 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9502 width: 50%; 9503 width: 50%;
9503 max-width: 50%; 9504 max-width: 50%;
9504 } 9505 }
9505 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9506 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9506 display: flex; 9507 display: flex;
9507 justify-content: space-between; 9508 justify-content: space-between;
9508 } 9509 }
9509 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9510 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9510 width: 30px; 9511 width: 30px;
9511 height: 30px; 9512 height: 30px;
9512 padding: 5px; 9513 padding: 5px;
9513 } 9514 }
9514 #prev_worker .cabinet__inputs-item-buttons a{ 9515 #prev_worker .cabinet__inputs-item-buttons a{
9515 width: 30px; 9516 width: 30px;
9516 height: 30px; 9517 height: 30px;
9517 padding: 5px; 9518 padding: 5px;
9518 } 9519 }
9519 #prev_worker .cabinet__inputs-item-buttons{ 9520 #prev_worker .cabinet__inputs-item-buttons{
9520 width: 100px; 9521 width: 100px;
9521 } 9522 }
9522 #prev_worker .cabinet__inputs{ 9523 #prev_worker .cabinet__inputs{
9523 -webkit-box-align: start; 9524 -webkit-box-align: start;
9524 -ms-flex-align: start; 9525 -ms-flex-align: start;
9525 align-items: start; 9526 align-items: start;
9526 } 9527 }
9527 #prev_worker .cabinet__inputs-item-buttons flex{ 9528 #prev_worker .cabinet__inputs-item-buttons flex{
9528 justify-content: end; 9529 justify-content: end;
9529 } 9530 }
9530 #prev_worker .cabinet__body-item{ 9531 #prev_worker .cabinet__body-item{
9531 border-bottom: 1px #cccccc solid; 9532 border-bottom: 1px #cccccc solid;
9532 padding-bottom: 25px; 9533 padding-bottom: 25px;
9533 } 9534 }
9534 @media (max-width: 1280px) { 9535 @media (max-width: 1280px) {
9535 #prev_worker .cabinet__inputs-item-buttons{ 9536 #prev_worker .cabinet__inputs-item-buttons{
9536 position: absolute; 9537 position: absolute;
9537 right: 0; 9538 right: 0;
9538 } 9539 }
9539 } 9540 }
9540 body .cke_notifications_area{ 9541 body .cke_notifications_area{
9541 opacity: 0; 9542 opacity: 0;
9542 display: none !important; 9543 display: none !important;
9543 } 9544 }
9544 .unread-messages-count{ 9545 .unread-messages-count{
9545 background-color: #377d87; 9546 background-color: #377d87;
9546 color: #fff; 9547 color: #fff;
9547 padding: 5px 10px; 9548 padding: 5px 10px;
9548 border-radius: 45px; 9549 border-radius: 45px;
9549 } 9550 }
9550 9551
9551 .flot-one-ship .flot-label{ 9552 .flot-one-ship .flot-label{
9552 font-weight: bold; 9553 font-weight: bold;
9553 display: flex; 9554 display: flex;
9554 } 9555 }
9555 .flot-one-ship .flot-label .flot-label-name{ 9556 .flot-one-ship .flot-label .flot-label-name{
9556 color: #377d87; 9557 color: #377d87;
9557 min-width: 120px; 9558 min-width: 120px;
9558 } 9559 }
9559 .picker { 9560 .picker {
9560 display: none; 9561 display: none;
9561 -webkit-box-pack: center; 9562 -webkit-box-pack: center;
9562 -ms-flex-pack: center; 9563 -ms-flex-pack: center;
9563 justify-content: center; 9564 justify-content: center;
9564 -webkit-box-align: center; 9565 -webkit-box-align: center;
9565 -ms-flex-align: center; 9566 -ms-flex-align: center;
9566 align-items: center; 9567 align-items: center;
9567 } 9568 }
9568 .picker-dialog { 9569 .picker-dialog {
9569 position: relative !important; 9570 position: relative !important;
9570 max-width: 820px; 9571 max-width: 820px;
9571 border: none; 9572 border: none;
9572 background: #fff; 9573 background: #fff;
9573 border-radius: 10px; 9574 border-radius: 10px;
9574 padding: 20px 10px; 9575 padding: 20px 10px;
9575 } 9576 }
9576 @media (min-width: 768px) { 9577 @media (min-width: 768px) {
9577 .picker-dialog { 9578 .picker-dialog {
9578 padding: 80px; 9579 padding: 80px;
9579 } 9580 }
9580 } 9581 }
9581 .picker-close { 9582 .picker-close {
9582 font-size: 3rem; 9583 font-size: 3rem;
9583 } 9584 }
9584 .picker-close:hover { 9585 .picker-close:hover {
9585 color: #377d87; 9586 color: #377d87;
9586 } 9587 }
9587 .picker-header { 9588 .picker-header {
9588 padding: 0; 9589 padding: 0;
9589 position: static; 9590 position: static;
9590 border: none; 9591 border: none;
9591 margin-bottom: 10px; 9592 margin-bottom: 10px;
9592 } 9593 }
9593 @media (min-width: 768px) { 9594 @media (min-width: 768px) {
9594 .picker-header { 9595 .picker-header {
9595 margin-bottom: 20px; 9596 margin-bottom: 20px;
9596 } 9597 }
9597 } 9598 }
9598 .picker-title { 9599 .picker-title {
9599 color: #696b6b; 9600 color: #696b6b;
9600 font-weight: 700; 9601 font-weight: 700;
9601 font-size: 22px; 9602 font-size: 22px;
9602 line-height: 1.2; 9603 line-height: 1.2;
9603 text-align: center; 9604 text-align: center;
9604 } 9605 }
9605 @media (min-width: 768px) { 9606 @media (min-width: 768px) {
9606 .picker-title { 9607 .picker-title {
9607 text-align: left; 9608 text-align: left;
9608 font-size: 34px; 9609 font-size: 34px;
9609 } 9610 }
9610 } 9611 }
9611 @media (min-width: 992px) { 9612 @media (min-width: 992px) {
9612 .picker-title { 9613 .picker-title {
9613 font-size: 44px; 9614 font-size: 44px;
9614 } 9615 }
9615 } 9616 }
9616 .picker-list { 9617 .picker-list {
9617 padding: 0 20px; 9618 padding: 0 20px;
9618 } 9619 }
9619 @media (min-width: 768px) { 9620 @media (min-width: 768px) {
9620 .picker-list { 9621 .picker-list {
9621 padding: 0 60px; 9622 padding: 0 60px;
9622 } 9623 }
9623 } 9624 }
9624 @media (min-width: 992px) { 9625 @media (min-width: 992px) {
9625 .picker-list { 9626 .picker-list {
9626 padding: 0 90px; 9627 padding: 0 90px;
9627 } 9628 }
9628 } 9629 }
9629 .picker-item { 9630 .picker-item {
9630 display: -webkit-box; 9631 display: -webkit-box;
9631 display: -ms-flexbox; 9632 display: -ms-flexbox;
9632 display: flex; 9633 display: flex;
9633 -webkit-box-pack: center; 9634 -webkit-box-pack: center;
9634 -ms-flex-pack: center; 9635 -ms-flex-pack: center;
9635 justify-content: center; 9636 justify-content: center;
9636 -webkit-box-align: center; 9637 -webkit-box-align: center;
9637 -ms-flex-align: center; 9638 -ms-flex-align: center;
9638 align-items: center; 9639 align-items: center;
9639 line-height: 1; 9640 line-height: 1;
9640 font-size: 28px; 9641 font-size: 28px;
9641 line-height: 40px; 9642 line-height: 40px;
9642 color: #699da5; 9643 color: #699da5;
9643 font-weight: 700; 9644 font-weight: 700;
9644 } 9645 }
9645 @media (min-width: 992px) { 9646 @media (min-width: 992px) {
9646 .picker-item { 9647 .picker-item {
9647 font-size: 36px; 9648 font-size: 36px;
9648 } 9649 }
9649 } 9650 }
9650 .picker-cell__header { 9651 .picker-cell__header {
9651 color: #377d87; 9652 color: #377d87;
9652 } 9653 }
9653 .picker-cell__control:before { 9654 .picker-cell__control:before {
9654 border-color: #377d87; 9655 border-color: #377d87;
9655 } 9656 }
9656 .picker-picked { 9657 .picker-picked {
9657 background: #fff; 9658 background: #fff;
9658 border-radius: 8px; 9659 border-radius: 8px;
9659 color: #377d87; 9660 color: #377d87;
9660 } 9661 }
9661 .picker-footer { 9662 .picker-footer {
9662 display: -webkit-box !important; 9663 display: -webkit-box !important;
9663 display: -ms-flexbox !important; 9664 display: -ms-flexbox !important;
9664 display: flex !important; 9665 display: flex !important;
9665 -webkit-box-orient: horizontal; 9666 -webkit-box-orient: horizontal;
9666 -webkit-box-direction: reverse; 9667 -webkit-box-direction: reverse;
9667 -ms-flex-direction: row-reverse; 9668 -ms-flex-direction: row-reverse;
9668 flex-direction: row-reverse; 9669 flex-direction: row-reverse;
9669 -webkit-box-align: center; 9670 -webkit-box-align: center;
9670 -ms-flex-align: center; 9671 -ms-flex-align: center;
9671 align-items: center; 9672 align-items: center;
9672 gap: 12px; 9673 gap: 12px;
9673 margin-top: 20px; 9674 margin-top: 20px;
9674 border: none; 9675 border: none;
9675 } 9676 }
9676 .picker-footer button { 9677 .picker-footer button {
9677 display: -webkit-box; 9678 display: -webkit-box;
9678 display: -ms-flexbox; 9679 display: -ms-flexbox;
9679 display: flex; 9680 display: flex;
9680 -webkit-box-pack: center; 9681 -webkit-box-pack: center;
9681 -ms-flex-pack: center; 9682 -ms-flex-pack: center;
9682 justify-content: center; 9683 justify-content: center;
9683 -webkit-box-align: center; 9684 -webkit-box-align: center;
9684 -ms-flex-align: center; 9685 -ms-flex-align: center;
9685 align-items: center; 9686 align-items: center;
9686 color: #fff; 9687 color: #fff;
9687 background: #377d87; 9688 background: #377d87;
9688 height: 30px; 9689 height: 30px;
9689 border-radius: 8px; 9690 border-radius: 8px;
9690 padding: 0 12px; 9691 padding: 0 12px;
9691 border: 1px solid #377d87; 9692 border: 1px solid #377d87;
9692 font-weight: 700; 9693 font-weight: 700;
9693 font-size: 12px; 9694 font-size: 12px;
9694 text-align: center; 9695 text-align: center;
9695 line-height: 1; 9696 line-height: 1;
9696 gap: 6px; 9697 gap: 6px;
9697 -webkit-transition: 0.3s; 9698 -webkit-transition: 0.3s;
9698 transition: 0.3s; 9699 transition: 0.3s;
9699 cursor: pointer; 9700 cursor: pointer;
9700 } 9701 }
9701 @media (min-width: 768px) { 9702 @media (min-width: 768px) {
9702 .picker-footer button { 9703 .picker-footer button {
9703 padding: 0 24px; 9704 padding: 0 24px;
9704 font-size: 16px; 9705 font-size: 16px;
9705 height: 44px; 9706 height: 44px;
9706 gap: 12px; 9707 gap: 12px;
9707 } 9708 }
9708 } 9709 }
9709 @media (min-width: 992px) { 9710 @media (min-width: 992px) {
9710 .picker-footer button { 9711 .picker-footer button {
9711 padding: 0 36px; 9712 padding: 0 36px;
9712 } 9713 }
9713 } 9714 }
9714 .picker-footer button:hover { 9715 .picker-footer button:hover {
9715 background: transparent; 9716 background: transparent;
9716 color: #377d87; 9717 color: #377d87;
9717 } 9718 }
9718 .picker-footer .picker-cancel { 9719 .picker-footer .picker-cancel {
9719 background: transparent; 9720 background: transparent;
9720 color: #377d87; 9721 color: #377d87;
9721 } 9722 }
9722 .picker-footer .picker-cancel:hover { 9723 .picker-footer .picker-cancel:hover {
9723 background: #377d87; 9724 background: #377d87;
9724 color: #fff; 9725 color: #fff;
9725 } 9726 }
9726 .picker .picker-body { 9727 .picker .picker-body {
9727 background: #e9f1fb; 9728 background: #e9f1fb;
9728 border-radius: 8px; 9729 border-radius: 8px;
9729 } 9730 }
9730 .picker .picker-cell__body:before { 9731 .picker .picker-cell__body:before {
9731 background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb)); 9732 background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb));
9732 background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e9f1fb); 9733 background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e9f1fb);
9733 } 9734 }
9734 .picker .picker-cell__body:after { 9735 .picker .picker-cell__body:after {
9735 background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb)); 9736 background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb));
9736 background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e9f1fb); 9737 background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e9f1fb);
9737 } 9738 }
9738 9739
9739 .picker-open { 9740 .picker-open {
9740 display: -webkit-box; 9741 display: -webkit-box;
9741 display: -ms-flexbox; 9742 display: -ms-flexbox;
9742 display: flex; 9743 display: flex;
9743 } 9744 }
9744 9745
9745 nav .drop-down { 9746 nav .drop-down {
9746 list-style: none; 9747 list-style: none;
9747 overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */ 9748 overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */
9748 height: 200px; /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */ 9749 height: 200px; /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */
9749 margin: 0 auto; 9750 margin: 0 auto;
9750 padding: 0; 9751 padding: 0;
9751 -webkit-transition: height 0.3s ease; 9752 -webkit-transition: height 0.3s ease;
9752 transition: height 0.3s ease; 9753 transition: height 0.3s ease;
9753 } 9754 }
9754 9755
9755 nav .drop-down.closed { 9756 nav .drop-down.closed {
9756 /* When toggled via jQuery this class will reduce the height of the ul which inconjuction 9757 /* When toggled via jQuery this class will reduce the height of the ul which inconjuction
9757 with overflow: hidden set on the ul will hide all list items apart from the first */ 9758 with overflow: hidden set on the ul will hide all list items apart from the first */
9758 /* current li height 38px + 5px border */ 9759 /* current li height 38px + 5px border */
9759 height: 43px; 9760 height: 43px;
9760 } 9761 }
9761 9762
9762 .select2-selection__choice[title*="Все должности"] .select2-selection__choice__remove { 9763 .select2-selection__choice[title*="Все должности"] .select2-selection__choice__remove {
9763 display: none !important; 9764 display: none !important;
9764 } 9765 }
9765 9766
9766 .cabinet__inputs-item:has(.input-picker:disabled) { 9767 .cabinet__inputs-item:has(.input-picker:disabled) {
9767 display: none; 9768 display: none;
9768 } 9769 }
9769 9770
9770 .select select {display: none;} 9771 .select select {display: none;}
9771 9772
resources/views/js/modals.blade.php
Diff comments   View file @ 5131abd
1 <script> 1 <script>
2 var code; 2 var code;
3 var code2; 3 var code2;
4 4
5 function createCaptcha() { 5 function createCaptcha() {
6 //clear the contents of captcha div first 6 //clear the contents of captcha div first
7 var captha1 = $('#captcha1').html(); 7 var captha1 = $('#captcha1').html();
8 8
9 document.getElementById('captcha1').innerHTML = ""; 9 document.getElementById('captcha1').innerHTML = "";
10 document.getElementById('captcha2').innerHTML = ""; 10 document.getElementById('captcha2').innerHTML = "";
11 var charsArray = 11 var charsArray =
12 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*"; 12 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
13 var lengthOtp = 6; 13 var lengthOtp = 6;
14 var captcha = []; 14 var captcha = [];
15 for (var i = 0; i < lengthOtp; i++) { 15 for (var i = 0; i < lengthOtp; i++) {
16 //below code will not allow Repetition of Characters 16 //below code will not allow Repetition of Characters
17 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array 17 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
18 if (captcha.indexOf(charsArray[index]) == -1) 18 if (captcha.indexOf(charsArray[index]) == -1)
19 captcha.push(charsArray[index]); 19 captcha.push(charsArray[index]);
20 else i--; 20 else i--;
21 } 21 }
22 var canv = document.createElement("canvas"); 22 var canv = document.createElement("canvas");
23 canv.id = "captcha"; 23 canv.id = "captcha";
24 canv.width = 100; 24 canv.width = 100;
25 canv.height = 50; 25 canv.height = 50;
26 var ctx = canv.getContext("2d"); 26 var ctx = canv.getContext("2d");
27 ctx.font = "25px Georgia"; 27 ctx.font = "25px Georgia";
28 ctx.strokeText(captcha.join(""), 0, 30); 28 ctx.strokeText(captcha.join(""), 0, 30);
29 //storing captcha so that can validate you can save it somewhere else according to your specific requirements 29 //storing captcha so that can validate you can save it somewhere else according to your specific requirements
30 code = captcha.join(""); 30 code = captcha.join("");
31 31
32 document.getElementById("captcha1").appendChild(canv); 32 document.getElementById("captcha1").appendChild(canv);
33 // adds the canvas to the body element 33 // adds the canvas to the body element
34 34
35 createCaptcha2() 35 createCaptcha2()
36 } 36 }
37 37
38 function createCaptcha2() { 38 function createCaptcha2() {
39 //clear the contents of captcha div first 39 //clear the contents of captcha div first
40 document.getElementById('captcha2').innerHTML = ""; 40 document.getElementById('captcha2').innerHTML = "";
41 41
42 var captha2 = $('#captcha2').html(); 42 var captha2 = $('#captcha2').html();
43 43
44 var charsArray = 44 var charsArray =
45 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*"; 45 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
46 var lengthOtp = 6; 46 var lengthOtp = 6;
47 var captcha = []; 47 var captcha = [];
48 for (var i = 0; i < lengthOtp; i++) { 48 for (var i = 0; i < lengthOtp; i++) {
49 //below code will not allow Repetition of Characters 49 //below code will not allow Repetition of Characters
50 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array 50 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
51 if (captcha.indexOf(charsArray[index]) == -1) 51 if (captcha.indexOf(charsArray[index]) == -1)
52 captcha.push(charsArray[index]); 52 captcha.push(charsArray[index]);
53 else i--; 53 else i--;
54 } 54 }
55 var canv = document.createElement("canvas"); 55 var canv = document.createElement("canvas");
56 canv.id = "captcha"; 56 canv.id = "captcha";
57 canv.width = 100; 57 canv.width = 100;
58 canv.height = 50; 58 canv.height = 50;
59 var ctx = canv.getContext("2d"); 59 var ctx = canv.getContext("2d");
60 ctx.font = "25px Georgia"; 60 ctx.font = "25px Georgia";
61 ctx.strokeText(captcha.join(""), 0, 30); 61 ctx.strokeText(captcha.join(""), 0, 30);
62 //storing captcha so that can validate you can save it somewhere else according to your specific requirements 62 //storing captcha so that can validate you can save it somewhere else according to your specific requirements
63 code2 = captcha.join(""); 63 code2 = captcha.join("");
64 64
65 document.getElementById("captcha2").appendChild(canv); 65 document.getElementById("captcha2").appendChild(canv);
66 // adds the canvas to the body element 66 // adds the canvas to the body element
67 } 67 }
68 68
69 function validateCaptcha() { 69 function validateCaptcha() {
70 70
71 if (document.getElementById("cpatchaTextBox").value == code) { 71 if (document.getElementById("cpatchaTextBox").value == code) {
72 console.log('Валидная капча 1!'); 72 console.log('Валидная капча 1!');
73 }else{ 73 }else{
74 alert("Неверная капча! Повторите вновь"); 74 alert("Неверная капча! Повторите вновь");
75 createCaptcha(); 75 createCaptcha();
76 } 76 }
77 } 77 }
78 78
79 function validateCaptcha2() { 79 function validateCaptcha2() {
80 if (document.getElementById("cpatchaTextBox2").value == code2) { 80 if (document.getElementById("cpatchaTextBox2").value == code2) {
81 console.log('Валидная капча 2!'); 81 console.log('Валидная капча 2!');
82 }else{ 82 }else{
83 alert("Неверная капча! Повторите вновь"); 83 alert("Неверная капча! Повторите вновь");
84 createCaptcha(); 84 createCaptcha();
85 } 85 }
86 } 86 }
87 87
88 $(document).on('click', '#button_send', function() { 88 $(document).on('click', '#button_send', function() {
89 var field_login = $('#email_input'); 89 var field_login = $('#email_input');
90 var field_pwd = $('#password'); 90 var field_pwd = $('#password');
91 var login_val = field_login.val(); 91 var login_val = field_login.val();
92 var pwd_val = field_pwd.val(); 92 var pwd_val = field_pwd.val();
93 93
94 console.log('login: '+login_val+' password: '+pwd_val); 94 console.log('login: '+login_val+' password: '+pwd_val);
95 95
96 $.ajax({ 96 $.ajax({
97 type: "GET", 97 type: "GET",
98 url: "{{ route('login') }}", 98 url: "{{ route('login') }}",
99 data: "email="+login_val+"&password="+pwd_val, 99 data: "email="+login_val+"&password="+pwd_val,
100 success: function (data) { 100 success: function (data) {
101 console.log('Вход в систему'); 101 console.log('Вход в систему');
102 console.log(data); 102 console.log(data);
103 let d = JSON.parse(data); 103 let d = JSON.parse(data);
104 if(typeof d['REDIRECT'] !== "undefined") { 104 if(typeof d['REDIRECT'] !== "undefined") {
105 location.href = d['REDIRECT']; 105 location.href = d['REDIRECT'];
106 console.log(d['REDIRECT']); 106 console.log(d['REDIRECT']);
107 } 107 }
108 if (typeof d['ERROR'] !== "undefined") { 108 if (typeof d['ERROR'] !== "undefined") {
109 console.log(d['ERROR']); 109 console.log(d['ERROR']);
110 $('#message_error').html(d['ERROR']); 110 $('#message_error').html(d['ERROR']);
111 } 111 }
112 //console.log(d['REDIRECT']); 112 //console.log(d['REDIRECT']);
113 //$('#block_1').html(data); 113 //$('#block_1').html(data);
114 }, 114 },
115 headers: { 115 headers: {
116 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 116 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
117 }, 117 },
118 error: function (data) { 118 error: function (data) {
119 data = JSON.stringify(data); 119 data = JSON.stringify(data);
120 console.log('Error: ' + data); 120 console.log('Error: ' + data);
121 } 121 }
122 }); 122 });
123 }); 123 });
124 124
125 $(document).on('click', '#button_reg_worker', function() { 125 $(document).on('click', '#button_reg_worker', function() {
126 $('#messages_error_reg').html('');
127
126 var field_login = $('#email_worker'); 128 var field_login = $('#email_worker');
127 var field_pwd = $('#password_worker'); 129 var field_pwd = $('#password_worker');
128 var field_confirm_pwd = $('#password_confirmation_worker'); 130 var field_confirm_pwd = $('#password_confirmation_worker');
129 var field_politik_worker = $('#politik'); 131 var field_politik_worker = $('#politik');
130 var field_telephone_worker = $('#telephone_worker'); 132 var field_telephone_worker = $('#telephone_worker');
131 var field_job_titles_worker = $('#job_titles_worker'); 133 var field_job_titles_worker = $('#job_titles_worker');
132 var field_surname_worker = $('#surname_worker'); 134 var field_surname_worker = $('#surname_worker');
133 var field_name_man = $('#name_man_worker'); 135 var field_name_man = $('#name_man_worker');
134 var field_surname2_worker = $('#surname2_worker'); 136 var field_surname2_worker = $('#surname2_worker');
135 137
136 var login = field_login.val(); 138 var login = field_login.val();
137 var pwd = field_pwd.val(); 139 var pwd = field_pwd.val();
138 var confirm_pwd = field_confirm_pwd.val(); 140 var confirm_pwd = field_confirm_pwd.val();
139 var politik = field_politik_worker.val(); 141 var politik = field_politik_worker.val();
140 var telephone = field_telephone_worker.val(); 142 var telephone = field_telephone_worker.val();
141 var job_titles = field_job_titles_worker.val(); 143 var job_titles = field_job_titles_worker.val();
142 var surname = field_surname_worker.val(); 144 var surname = field_surname_worker.val();
143 var name_man = field_name_man.val(); 145 var name_man = field_name_man.val();
144 var surname2 = field_surname2_worker.val(); 146 var surname2 = field_surname2_worker.val();
145 147
146 148
147 if (document.getElementById("cpatchaTextBox1").value == code) { 149 if (document.getElementById("cpatchaTextBox1").value == code) {
148 console.log('Валидный кот'); 150 console.log('Валидный кот');
149 151
150 } else { 152 } else {
151 console.log('Ошибка1'); 153 console.log('Ошибка1');
152 event.preventDefault(); 154 event.preventDefault();
153 $('#block-info').css({'display': 'block'}); 155 $('#block-info').css({'display': 'block'});
154 $('#messages_error_reg').html('ERROR: Капча неверная!'); 156 $('#messages_error_reg').html('ERROR: Капча неверная!');
155 157
156 return false; 158 return false;
157 } 159 }
158 160
159 if (field_politik_worker.attr('checked')) { 161 if (!document.getElementById('politik').checked) {
160 console.log('politik=1'); 162 event.preventDefault();
161 politik = 1; 163 $('#block-info').css({'display': 'block'});
162 } else { 164 $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!');
163 politik = 0; 165 return false;
164 console.log('politik=0');
165
166 } 166 }
167 167
168
168 console.log('login: '+login+' password: '+pwd); 169 console.log('login: '+login+' password: '+pwd);
169 170
170 $.ajax({ 171 $.ajax({
171 type: "GET", 172 type: "GET",
172 url: "{{ route('register_worker') }}", 173 url: "{{ route('register_worker') }}",
173 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+ 174 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+
174 "&telephone="+telephone+"&job_titles="+job_titles+"&surname="+surname+"&name_man="+name_man+ 175 "&telephone="+telephone+"&job_titles="+job_titles+"&surname="+surname+"&name_man="+name_man+
175 "&surname2="+surname2+"&subscribe_email="+login, 176 "&surname2="+surname2+"&subscribe_email="+login,
176 success: function (data) { 177 success: function (data) {
177 console.log('Вход в систему'); 178 console.log('Вход в систему');
178 let d = JSON.parse(data); 179 let d = JSON.parse(data);
179 if(typeof d['REDIRECT'] !== "undefined") { 180 if(typeof d['REDIRECT'] !== "undefined") {
180 console.log(d['REDIRECT']); 181 console.log(d['REDIRECT']);
181 location.href = d['REDIRECT']; 182 location.href = d['REDIRECT'];
182 } 183 }
183 if (typeof d['ERROR'] !== "undefined") { 184 if (typeof d['ERROR'] !== "undefined") {
184 console.log(d['ERROR']); 185 console.log(d['ERROR']);
185 $('#block-info').css({'display': 'block'}); 186 $('#block-info').css({'display': 'block'});
186 $('#messages_error_reg').html(d['ERROR']); 187 $('#messages_error_reg').html(d['ERROR']);
187 } 188 }
188 console.log(d['REDIRECT']); 189 console.log(d['REDIRECT']);
189 190
190 }, 191 },
191 headers: { 192 headers: {
192 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 193 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
193 }, 194 },
194 error: function (data) { 195 error: function (data) {
195 data = JSON.stringify(data); 196 data = JSON.stringify(data);
196 console.log('Error: ' + data); 197 console.log('Error: ' + data);
197 } 198 }
198 }); 199 });
199 200
200 return false; 201 return false;
201 }); 202 });
202 203
203 $(document).on('click', '#button_reg_employer', function() { 204 $(document).on('click', '#button_reg_employer', function() {
205
206 $('#messages_error_reg').html('');
207
204 var field_login = $('#email_employer'); 208 var field_login = $('#email_employer');
205 var field_pwd = $('#password_employer'); 209 var field_pwd = $('#password_employer');
206 var field_confirm_pwd = $('#password_confirmation_employer'); 210 var field_confirm_pwd = $('#password_confirmation_employer');
207 var field_politik_employer = $('#politik_employer'); 211 var field_politik_employer = $('#politik_employer');
208 var field_telephone_employer = $('#telephone_employer'); 212 var field_telephone_employer = $('#telephone_employer');
209 var field_company_employer = $('#company_employer'); 213 var field_company_employer = $('#company_employer');
210 var field_surname_employer = $('#surname_employer'); 214 var field_surname_employer = $('#surname_employer');
211 var field_name_man_employer = $('#name_man_employer'); 215 var field_name_man_employer = $('#name_man_employer');
212 var field_surname2_employer = $('#surname2_employer'); 216 var field_surname2_employer = $('#surname2_employer');
213 217
214 var login = field_login.val(); 218 var login = field_login.val();
215 var pwd = field_pwd.val(); 219 var pwd = field_pwd.val();
216 var confirm_pwd = field_confirm_pwd.val(); 220 var confirm_pwd = field_confirm_pwd.val();
217 var politik = field_politik_employer.val(); 221 var politik = field_politik_employer.val();
218 var telephone = field_telephone_employer.val(); 222 var telephone = field_telephone_employer.val();
219 var company_employer = field_company_employer.val(); 223 var company_employer = field_company_employer.val();
220 var surname = field_surname_employer.val(); 224 var surname = field_surname_employer.val();
221 var name_man = field_name_man_employer.val(); 225 var name_man = field_name_man_employer.val();
222 var surname2 = field_surname2_employer.val(); 226 var surname2 = field_surname2_employer.val();
223 227
224 if (document.getElementById("cpatchaTextBox2").value == code2) { 228 if (document.getElementById("cpatchaTextBox2").value == code2) {
225 console.log('Валидный кот'); 229 console.log('Валидный кот');
226 230
227 } else { 231 } else {
228 console.log('Ошибка2'); 232 console.log('Ошибка2');
229 event.preventDefault(); 233 event.preventDefault();
230 $('#block-info').css({'display': 'block'}); 234 $('#block-info').css({'display': 'block'});
231 $('#messages_error_reg').html('ERROR: Капча неверная!'); 235 $('#messages_error_reg').html('ERROR: Капча неверная!');
232 return false; 236 return false;
233 } 237 }
234 238
235 console.log('login: '+login+' password: '+pwd); 239 console.log('login: '+login+' password: '+pwd);
236 240 if (!document.getElementById('politik_employer').checked) {
237 if (field_politik_employer.attr('checked')) { 241 event.preventDefault();
238 console.log('politik=1'); 242 $('#block-info').css({'display': 'block'});
239 politik = 1; 243 $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!');
240 } else { 244 return false;
241 politik = 0;
242 console.log('politik=0');
243 } 245 }
244 246
245 $.ajax({ 247 $.ajax({
246 type: "GET", 248 type: "GET",
247 url: "{{ route('register_employer') }}", 249 url: "{{ route('register_employer') }}",
248 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+ 250 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+
249 "&telephone="+telephone+"&name_company="+company_employer+"&surname="+surname+"&name_man="+name_man+ 251 "&telephone="+telephone+"&name_company="+company_employer+"&surname="+surname+"&name_man="+name_man+
250 "&surname2="+surname2+"&subscribe_email="+login, 252 "&surname2="+surname2+"&subscribe_email="+login,
251 success: function (data) { 253 success: function (data) {
252 console.log('Вход в систему'); 254 console.log('Вход в систему');
253 let d = JSON.parse(data); 255 let d = JSON.parse(data);
254 if(typeof d['REDIRECT'] !== "undefined") { 256 if(typeof d['REDIRECT'] !== "undefined") {
255 console.log(d['REDIRECT']); 257 console.log(d['REDIRECT']);
256 location.href = d['REDIRECT']; 258 location.href = d['REDIRECT'];
257 } 259 }
258 if (typeof d['ERROR'] !== "undefined") { 260 if (typeof d['ERROR'] !== "undefined") {
259 console.log(d['ERROR']); 261 console.log(d['ERROR']);
260 $('#block-info').css({'display': 'block'}); 262 $('#block-info').css({'display': 'block'});
261 $('#messages_error_reg').html(d['ERROR']); 263 $('#messages_error_reg').html(d['ERROR']);
262 } 264 }
263 console.log(d['REDIRECT']); 265 console.log(d['REDIRECT']);
264 }, 266 },
265 headers: { 267 headers: {
266 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 268 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
267 }, 269 },
268 error: function (data) { 270 error: function (data) {
269 data = JSON.stringify(data); 271 data = JSON.stringify(data);
270 console.log('Error: ' + data); 272 console.log('Error: ' + data);
271 } 273 }
272 }); 274 });