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

Download as
Browse Code »

Commit c36ca6c981f2ef3f537edd00bb5acc201934c65a

Authored by Андрей Ларионов
1 parent d2ec272efc
Exists in master

Обновление 2

Showing 18 changed files with 375 additions and 98 deletions Inline Diff

app/Http/Controllers/Admin/AdminController.php
Diff comments   View file @ c36ca6c
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\Admin; 3 namespace App\Http\Controllers\Admin;
4 4
5 use App\Classes\Tools; 5 use App\Classes\Tools;
6 use App\Http\Controllers\Controller; 6 use App\Http\Controllers\Controller;
7 use App\Http\Requests\CompanyRequest; 7 use App\Http\Requests\CompanyRequest;
8 use App\Http\Requests\RequestPosition;
8 use App\Models\Company; 9 use App\Models\Company;
9 use App\Models\Employer; 10 use App\Models\Employer;
11 use App\Models\Positions;
10 use App\Models\User; 12 use App\Models\User;
11 use Carbon\Carbon; 13 use Carbon\Carbon;
12 use Illuminate\Http\Request; 14 use Illuminate\Http\Request;
13 use Illuminate\Support\Facades\Auth; 15 use Illuminate\Support\Facades\Auth;
14 use Illuminate\Support\Facades\Hash; 16 use Illuminate\Support\Facades\Hash;
15 use Illuminate\Support\Facades\Storage; 17 use Illuminate\Support\Facades\Storage;
16 use Illuminate\Support\Facades\Validator; 18 use Illuminate\Support\Facades\Validator;
17 19
18 class AdminController extends Controller 20 class AdminController extends Controller
19 { 21 {
20 /** 22 /**
21 * Handle the incoming request. 23 * Handle the incoming request.
22 * 24 *
23 * @param \Illuminate\Http\Request $request 25 * @param \Illuminate\Http\Request $request
24 * @return \Illuminate\Http\Response 26 * @return \Illuminate\Http\Response
25 */ 27 */
26 public function __invoke(Request $request) 28 public function __invoke(Request $request)
27 { 29 {
28 // 30 //
29 } 31 }
30 32
31 public function register() { 33 public function register() {
32 $code_emp = Tools::generator_id(10); 34 $code_emp = Tools::generator_id(10);
33 return view('admin.register', compact('code_emp')); 35 return view('admin.register', compact('code_emp'));
34 } 36 }
35 37
36 public function create(Request $request) { 38 public function create(Request $request) {
37 39
38 $params = $request->all(); 40 $params = $request->all();
39 unset($params['code_emp']); 41 unset($params['code_emp']);
40 $rules = [ 42 $rules = [
41 'name' => 'required|string|max:255', 43 'name' => 'required|string|max:255',
42 'email' => 'required|string|email|max:255|unique:users', 44 'email' => 'required|string|email|max:255|unique:users',
43 'password' => 'required|string|min:8|confirmed', 45 'password' => 'required|string|min:8|confirmed',
44 ]; 46 ];
45 47
46 $messages = [ 48 $messages = [
47 'required' => 'Укажите обязательное поле «:attribute»', 49 'required' => 'Укажите обязательное поле «:attribute»',
48 'confirmed' => 'Пароли не совпадают', 50 'confirmed' => 'Пароли не совпадают',
49 'email' => 'Введите корректный email', 51 'email' => 'Введите корректный email',
50 'unique' => 'Данный email занят уже', 52 'unique' => 'Данный email занят уже',
51 'min' => [ 53 'min' => [
52 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 54 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
53 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 55 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
54 ], 56 ],
55 'max' => [ 57 'max' => [
56 'string' => 'Поле «:attribute» должно быть не больше :max символов', 58 'string' => 'Поле «:attribute» должно быть не больше :max символов',
57 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 59 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
58 ], 60 ],
59 ]; 61 ];
60 62
61 $validator = Validator::make($params, $rules, $messages); 63 $validator = Validator::make($params, $rules, $messages);
62 64
63 if ($validator->fails()) { 65 if ($validator->fails()) {
64 return back()->withErrors($validator)->withInput(); 66 return back()->withErrors($validator)->withInput();
65 67
66 } else { 68 } else {
67 try { 69 try {
68 $user = User::create([ 70 $user = User::create([
69 'name' => $request->name, 71 'name' => $request->name,
70 'email' => $request->email, 72 'email' => $request->email,
71 'password' => Hash::make($request->password), 73 'password' => Hash::make($request->password),
72 'pubpassword' => base64_encode($request->password), 74 'pubpassword' => base64_encode($request->password),
73 'admin' => '1', 75 'admin' => '1',
74 'is_worker' => '0', 76 'is_worker' => '0',
75 'email_verified_at' => Carbon::now() 77 'email_verified_at' => Carbon::now()
76 ]); 78 ]);
77 } finally { 79 } finally {
78 $emp = Employer::create([ 80 $emp = Employer::create([
79 'name_company' => 'Администратор', 81 'name_company' => 'Администратор',
80 'user_id' => $user->id, 82 'user_id' => $user->id,
81 'code' => $request->code_emp 83 'code' => $request->code_emp
82 ]); 84 ]);
83 } 85 }
84 return redirect()->route('admin.login') 86 return redirect()->route('admin.login')
85 ->with('success', 'Вы успешно зарегистрировались'); 87 ->with('success', 'Вы успешно зарегистрировались');
86 } 88 }
87 } 89 }
88 90
89 public function login() { 91 public function login() {
90 return view('admin.login'); 92 return view('admin.login');
91 } 93 }
92 94
93 // Аутентификация 95 // Аутентификация
94 public function autenticate(Request $request) { 96 public function autenticate(Request $request) {
95 //$request->validate( 97 //$request->validate(
96 $rules = [ 98 $rules = [
97 'email' => 'required|string|email', 99 'email' => 'required|string|email',
98 'password' => 'required|string', 100 'password' => 'required|string',
99 ]; 101 ];
100 102
101 $messages = [ 103 $messages = [
102 'required' => 'Укажите обязательное поле «:attribute»', 104 'required' => 'Укажите обязательное поле «:attribute»',
103 'email' => 'Введите корректный email', 105 'email' => 'Введите корректный email',
104 'min' => [ 106 'min' => [
105 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 107 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
106 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 108 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
107 ], 109 ],
108 'max' => [ 110 'max' => [
109 'string' => 'Поле «:attribute» должно быть не больше :max символов', 111 'string' => 'Поле «:attribute» должно быть не больше :max символов',
110 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 112 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
111 ], 113 ],
112 ]; 114 ];
113 115
114 116
115 $validator = Validator::make($request->all(), $rules, $messages); 117 $validator = Validator::make($request->all(), $rules, $messages);
116 118
117 if ($validator->fails()) { 119 if ($validator->fails()) {
118 return back()->withErrors($validator)->withInput(); 120 return back()->withErrors($validator)->withInput();
119 121
120 } else { 122 } else {
121 123
122 $credentials = $request->only('email', 'password'); 124 $credentials = $request->only('email', 'password');
123 125
124 if (Auth::attempt($credentials, $request->has('remember'))) { 126 if (Auth::attempt($credentials, $request->has('remember'))) {
125 127
126 if (is_null(Auth::user()->email_verified_at)) { 128 if (is_null(Auth::user()->email_verified_at)) {
127 Auth::logout(); 129 Auth::logout();
128 return back()->withErrors('Адрес почты не подтвержден')->withInput(); 130 return back()->withErrors('Адрес почты не подтвержден')->withInput();
129 } 131 }
130 132
131 if (!Auth::user()->admin) { 133 if (!Auth::user()->admin) {
132 Auth::logout(); 134 Auth::logout();
133 return //redirect()->route('admin.login') 135 return //redirect()->route('admin.login')
134 back()->withErrors('Вы не являетесь админом!')->withInput();; 136 back()->withErrors('Вы не являетесь админом!')->withInput();;
135 137
136 } 138 }
137 139
138 return redirect() 140 return redirect()
139 ->route('admin.index') 141 ->route('admin.index')
140 ->with('success', 'Вы вошли в личный кабинет.'); 142 ->with('success', 'Вы вошли в личный кабинет.');
141 } 143 }
142 } 144 }
143 145
144 return redirect() 146 return redirect()
145 ->route('admin.login') 147 ->route('admin.login')
146 ->withErrors('Неверный логин или пароль!')->withInput(); 148 ->withErrors('Неверный логин или пароль!')->withInput();
147 149
148 } 150 }
149 151
150 public function logout() { 152 public function logout() {
151 Auth::logout(); 153 Auth::logout();
152 return redirect()->route('index') 154 return redirect()->route('index')
153 ->with('success', 'Вы вышли из личного кабинета'); 155 ->with('success', 'Вы вышли из личного кабинета');
154 } 156 }
155 157
156 public function index() { 158 public function index() {
157 $all_user = User::query()->count(); 159 $all_user = User::query()->count();
158 $all_employer = User::where('is_worker', '0')->count(); 160 $all_employer = User::where('is_worker', '0')->count();
159 $all_worker = User::where('is_worker', '1')->count(); 161 $all_worker = User::where('is_worker', '1')->count();
160 $all_admin = User::where('admin', '1')->count(); 162 $all_admin = User::where('admin', '1')->count();
161 return view('admin.index', compact('all_employer', 'all_user', 'all_worker', 'all_admin')); 163 return view('admin.index', compact('all_employer', 'all_user', 'all_worker', 'all_admin'));
162 } 164 }
163 165
164 public function index_admin(Request $request) { 166 public function index_admin(Request $request) {
165 $title = 'Админка - Администраторы системы'; 167 $title = 'Админка - Администраторы системы';
166 $id_admin = Auth::user()->id; 168 $id_admin = Auth::user()->id;
167 169
168 if ($request->ajax()) { 170 if ($request->ajax()) {
169 $user = User::find($request->id); 171 $user = User::find($request->id);
170 $request->offsetUnset('id'); 172 $request->offsetUnset('id');
171 $user->update($request->all()); 173 $user->update($request->all());
172 } 174 }
173 $find_key = ''; 175 $find_key = '';
174 $users = User::where('admin', '1'); 176 $users = User::where('admin', '1');
175 if (isset($request->find)) { 177 if (isset($request->find)) {
176 $find_key = $request->find; 178 $find_key = $request->find;
177 $users = $users->where(function($query) use($find_key) { 179 $users = $users->where(function($query) use($find_key) {
178 $query->Where('name', 'LIKE', "%$find_key%") 180 $query->Where('name', 'LIKE', "%$find_key%")
179 ->orWhere('email', 'LIKE', "%$find_key%"); 181 ->orWhere('email', 'LIKE', "%$find_key%");
180 }); 182 });
181 } 183 }
182 $users = $users->paginate(15); 184 $users = $users->paginate(15);
183 185
184 if ($request->ajax()) { 186 if ($request->ajax()) {
185 return view('admin.users.index_ajax', compact('users', 'id_admin')); 187 return view('admin.users.index_ajax', compact('users', 'id_admin'));
186 } else { 188 } else {
187 return view('admin.users.index', compact('users', 'title', 'id_admin', 'find_key')); 189 return view('admin.users.index', compact('users', 'title', 'id_admin', 'find_key'));
188 } 190 }
189 } 191 }
190 192
191 //Страница профиль пользователя - форма 193 //Страница профиль пользователя - форма
192 public function profile_user(User $user) { 194 public function profile_user(User $user) {
193 $visible = false; 195 $visible = false;
194 if($user->is_worker) { 196 if($user->is_worker) {
195 $caption = "Карточка работника"; 197 $caption = "Карточка работника";
196 if (isset($user->workers[0]->id)) { 198 if (isset($user->workers[0]->id)) {
197 $link = route('admin.worker-profile-edit', ['worker' => $user->workers[0]->id]); 199 $link = route('admin.worker-profile-edit', ['worker' => $user->workers[0]->id]);
198 $visible = true; 200 $visible = true;
199 } else { 201 } else {
200 $link = ""; 202 $link = "";
201 } 203 }
202 204
203 } else { 205 } else {
204 $caption = "Карточка работодателя"; 206 $caption = "Карточка работодателя";
205 if (isset($user->employers[0]->id)) { 207 if (isset($user->employers[0]->id)) {
206 208
207 $link = route('admin.employer-profile', ['employer' => $user->employers[0]->id]); 209 $link = route('admin.employer-profile', ['employer' => $user->employers[0]->id]);
208 $visible = true; 210 $visible = true;
209 } else { 211 } else {
210 $link = ""; 212 $link = "";
211 } 213 }
212 } 214 }
213 215
214 return view('admin.users.profile', compact('user', 'visible', 'link', 'caption')); 216 return view('admin.users.profile', compact('user', 'visible', 'link', 'caption'));
215 } 217 }
216 218
217 //Страница профиль пользователя - сохранение формы 219 //Страница профиль пользователя - сохранение формы
218 public function store_profile_user(User $user, Request $request) { 220 public function store_profile_user(User $user, Request $request) {
219 $rules = [ 221 $rules = [
220 'name' => 'required|min:3', 222 'name' => 'required|min:3',
221 ]; 223 ];
222 $messages = [ 224 $messages = [
223 'required' => 'Укажите обязательное поле', 225 'required' => 'Укажите обязательное поле',
224 'email' => 'Это поле должно быть определено, как Email' 226 'email' => 'Это поле должно быть определено, как Email'
225 ]; 227 ];
226 $validator = Validator::make($request->all(), $rules, $messages); 228 $validator = Validator::make($request->all(), $rules, $messages);
227 229
228 if ($validator->fails()) { 230 if ($validator->fails()) {
229 return redirect()->route('admin.user-profile', ['user' => $user->id]) 231 return redirect()->route('admin.user-profile', ['user' => $user->id])
230 ->withErrors($validator); 232 ->withErrors($validator);
231 } else { 233 } else {
232 $user->update($request->all()); 234 $user->update($request->all());
233 return redirect()->route('admin.user-profile', ['user' => $user->id]) 235 return redirect()->route('admin.user-profile', ['user' => $user->id])
234 ->with('success', 'Данные были успешно сохранены'); 236 ->with('success', 'Данные были успешно сохранены');
235 } 237 }
236 return redirect()->route('admin.user-profile', ['user' => $user->id]); 238 return redirect()->route('admin.user-profile', ['user' => $user->id]);
237 } 239 }
238 240
239 // Страница профиль админа - форма 241 // Страница профиль админа - форма
240 public function profile() { 242 public function profile() {
241 $id = Auth::user()->id; 243 $id = Auth::user()->id;
242 $user = User::find($id); 244 $user = User::find($id);
243 245
244 return view('admin.profile', compact('user')); 246 return view('admin.profile', compact('user'));
245 } 247 }
246 248
247 // Страница профиль админа - сохранение формы 249 // Страница профиль админа - сохранение формы
248 public function store_profile(Request $request) { 250 public function store_profile(Request $request) {
249 $id = Auth::user()->id; 251 $id = Auth::user()->id;
250 $user = User::find($id); 252 $user = User::find($id);
251 253
252 $rules = [ 254 $rules = [
253 'name' => 'required|min:3', 255 'name' => 'required|min:3',
254 'email' => 'required|email|min:3', 256 'email' => 'required|email|min:3',
255 ]; 257 ];
256 $messages = [ 258 $messages = [
257 'required' => 'Укажите обязательное поле', 259 'required' => 'Укажите обязательное поле',
258 'email' => 'Это поле должно быть определено, как Email' 260 'email' => 'Это поле должно быть определено, как Email'
259 ]; 261 ];
260 $validator = Validator::make($request->all(), $rules, $messages); 262 $validator = Validator::make($request->all(), $rules, $messages);
261 263
262 if ($validator->fails()) { 264 if ($validator->fails()) {
263 return redirect()->route('admin.profile') 265 return redirect()->route('admin.profile')
264 ->withErrors($validator); 266 ->withErrors($validator);
265 } else { 267 } else {
266 $user->update($request->all()); 268 $user->update($request->all());
267 return redirect()->route('admin.profile') 269 return redirect()->route('admin.profile')
268 ->with('success', 'Данные были успешно сохранены'); 270 ->with('success', 'Данные были успешно сохранены');
269 } 271 }
270 return redirect()->route('admin.profile'); 272 return redirect()->route('admin.profile');
271 } 273 }
272 274
273 // Форма смены пароля администоратора 275 // Форма смены пароля администоратора
274 public function profile_password() { 276 public function profile_password() {
275 $id = Auth::user()->id; 277 $id = Auth::user()->id;
276 $user = User::find($id); 278 $user = User::find($id);
277 $username = $user->name; 279 $username = $user->name;
278 280
279 return view('admin.password', compact('username')); 281 return view('admin.password', compact('username'));
280 } 282 }
281 283
282 // Сохранение формы смены пароля администоратора 284 // Сохранение формы смены пароля администоратора
283 public function profile_password_new(Request $request) { 285 public function profile_password_new(Request $request) {
284 286
285 $rules = [ 287 $rules = [
286 'old_password' => 'required|min:6', //|current_password:api', 288 'old_password' => 'required|min:6', //|current_password:api',
287 'password' => 'required|min:6|confirmed', 289 'password' => 'required|min:6|confirmed',
288 ]; 290 ];
289 $messages = [ 291 $messages = [
290 'required' => 'Укажите обязательное поле', 292 'required' => 'Укажите обязательное поле',
291 'confirmed' => 'Пароли не совпадают' 293 'confirmed' => 'Пароли не совпадают'
292 ]; 294 ];
293 295
294 $validator = Validator::make($request->all(), $rules, $messages); 296 $validator = Validator::make($request->all(), $rules, $messages);
295 297
296 if (! Hash::check($request->old_password, $request->user()->password)) { 298 if (! Hash::check($request->old_password, $request->user()->password)) {
297 return back()->withErrors([ 299 return back()->withErrors([
298 'old_password' => ['Неверный предыдущий пароль'] 300 'old_password' => ['Неверный предыдущий пароль']
299 ]); 301 ]);
300 } 302 }
301 303
302 if ($validator->fails()) { 304 if ($validator->fails()) {
303 return redirect()->route('admin.password') 305 return redirect()->route('admin.password')
304 ->withErrors($validator); 306 ->withErrors($validator);
305 } else { 307 } else {
306 $params = $request->all(); 308 $params = $request->all();
307 // устанавливаем новый пароль для пользователя 309 // устанавливаем новый пароль для пользователя
308 User::where('id', Auth::id()) 310 User::where('id', Auth::id())
309 ->update(['password' => Hash::make($request->password)]); 311 ->update(['password' => Hash::make($request->password)]);
310 session()->flash('success', 'Успешно изменен пароль!'); 312 session()->flash('success', 'Успешно изменен пароль!');
311 313
312 return redirect()->route('admin.password'); 314 return redirect()->route('admin.password');
313 } 315 }
314 } 316 }
315 317
316 // Страница конфигурация сайта - форма 318 // Страница конфигурация сайта - форма
317 public function config_form() { 319 public function config_form() {
318 $config = Company::find(1); 320 $config = Company::find(1);
319 return view('admin.config', compact('config')); 321 return view('admin.config', compact('config'));
320 } 322 }
321 323
322 // Страница конфигурация сайта - сохранение формы 324 // Страница конфигурация сайта - сохранение формы
323 public function store_config(CompanyRequest $request) { 325 public function store_config(CompanyRequest $request) {
324 $config = Company::find(1); 326 $config = Company::find(1);
325 327
326 $params = $request->all(); 328 $params = $request->all();
327 unset($params['logo']); 329 unset($params['logo']);
328 unset($params['image']); 330 unset($params['image']);
329 331
330 if ($request->has('logo')) { 332 if ($request->has('logo')) {
331 Storage::delete($config->logo); 333 Storage::delete($config->logo);
332 $params['logo'] = $request->file('logo')->store('config', 'public'); 334 $params['logo'] = $request->file('logo')->store('config', 'public');
333 } 335 }
334 336
335 if ($request->has('image')) { 337 if ($request->has('image')) {
336 Storage::delete($config->image); 338 Storage::delete($config->image);
337 $params['image'] = $request->file('image')->store('config', 'public'); 339 $params['image'] = $request->file('image')->store('config', 'public');
338 } 340 }
339 341
340 if (is_null($config)) { 342 if (is_null($config)) {
341 Company::create($params); 343 Company::create($params);
342 } else { 344 } else {
343 $config->update($params); 345 $config->update($params);
344 } 346 }
345 347
346 return redirect()->route('admin.config'); 348 return redirect()->route('admin.config');
347 } 349 }
348 350
351 public function position() {
352 $Positions = Positions::query()->get();
353 return view('admin.positions.position', compact('Positions'));
354 }
355
356 public function position_add() {
357 return view('admin.positions.add');
358 }
359
360 public function position_add_save(RequestPosition $request) {
361 $all = $request->all();
362 $position = Positions::create($all);
363 return redirect()->route('admin.position');
364 }
349 365
366 public function position_edit(Positions $position) {
367 return view('admin.positions.edit', compact('position'));
368 }
369
370 public function position_update(Positions $position, RequestPosition $request) {
371 $all = $request->all();
372 unset($all['_token']);
373 $status = $position->update($all);
374 return redirect()->route('admin.position');
375 }
376
377 public function position_delete(Positions $position) {
378 $position->delete();
379 return redirect()->route('admin.position');
380 }
350 } 381 }
351 382
app/Http/Controllers/MainController.php
Diff comments   View file @ c36ca6c
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\Employer; 13 use App\Models\Employer;
14 use App\Models\employers_main; 14 use App\Models\employers_main;
15 use App\Models\Job_title; 15 use App\Models\Job_title;
16 use App\Models\Like_vacancy; 16 use App\Models\Like_vacancy;
17 use App\Models\Like_worker; 17 use App\Models\Like_worker;
18 use App\Models\News; 18 use App\Models\News;
19 use App\Models\Positions;
19 use App\Models\reclame; 20 use App\Models\reclame;
20 use App\Models\User; 21 use App\Models\User;
21 use Illuminate\Http\Request; 22 use Illuminate\Http\Request;
22 use Illuminate\Support\Facades\Auth; 23 use Illuminate\Support\Facades\Auth;
23 use Illuminate\Support\Facades\DB; 24 use Illuminate\Support\Facades\DB;
24 use Illuminate\Support\Facades\Hash; 25 use Illuminate\Support\Facades\Hash;
25 use Illuminate\Support\Facades\Mail; 26 use Illuminate\Support\Facades\Mail;
26 use Illuminate\Support\Facades\Validator; 27 use Illuminate\Support\Facades\Validator;
27 use App\Classes\StatusUser; 28 use App\Classes\StatusUser;
28 29
29 class MainController extends Controller 30 class MainController extends Controller
30 { 31 {
31 // Главная страница публичной части 32 // Главная страница публичной части
32 public function index() { 33 public function index() {
33 $news = News::query()->orderBy('id')->limit(6)->get(); 34 $news = News::query()->orderBy('id')->limit(6)->get();
34 35
35 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') 36 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
36 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') 37 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
37 ->OrderByDesc('created_at') 38 ->OrderByDesc('created_at')
38 ->GroupBy('categories.id') 39 ->GroupBy('categories.id')
39 ->get(); 40 ->get();
40 41
41 $flot_paluba = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')-> 42 $Position = Positions::query()->get();
42 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
43 where('position_ship', 'Палуба');
44 43
44 $BigFlot = Array();
45 foreach ($Position as $position) {
46 $BigFlot[] = DB::table('ad_jobs')->selectRaw('name, job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt, ad_jobs.position_ship')->
47 orderBy('job_titles.sort')->
48 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
49 where('position_ship', "$position->name")->
50 groupby('job_title_id','position_ship')->
51 get();
52 }
45 53
46
47 $flot_paluba = $flot_paluba->groupby('job_title_id')->get();
48 $flot_MO = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
49 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
50 where('position_ship', '=', 'МО');
51
52 $flot_MO = $flot_MO->groupby('ad_jobs.id')->get();
53
54 $flot_radovie = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
55 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
56 where('position_ship', '=', 'Рядовые');
57
58 $flot_radovie = $flot_radovie->groupby('ad_jobs.id')->get();
59
60 $flot_prochee = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
61 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
62 where('position_ship', '=', 'Прочее');
63 $flot_prochee = $flot_prochee->groupby('ad_jobs.id')->get();
64 $employers = employers_main::query()->with('employer')->orderBy('id')->limit(8)->get(); 54 $employers = employers_main::query()->with('employer')->orderBy('id')->limit(8)->get();
65 $vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get(); 55 $vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get();
66 return view('index', compact('news', 'categories', 'employers', 'vacancy', 56 return view('index', compact('news', 'categories', 'employers', 'vacancy', 'BigFlot', 'Position'));
67 'flot_paluba', 'flot_MO', 'flot_radovie', 'flot_prochee'
68 ));
69 } 57 }
70 58
71 public function search_vacancies(Request $request) { 59 public function search_vacancies(Request $request) {
72 if ($request->has('search')) { 60 if ($request->has('search')) {
73 $search = $request->get('search'); 61 $search = $request->get('search');
74 $job_titles = Job_title::query()->where('name', 'LIKE', "%$search%")->first(); 62 $job_titles = Job_title::query()->where('name', 'LIKE', "%$search%")->first();
75 if (isset($job_titles->id)) 63 if (isset($job_titles->id))
76 if ($job_titles->id > 0) 64 if ($job_titles->id > 0)
77 return redirect()->route('vacancies', ['job' => $job_titles->id]); 65 return redirect()->route('vacancies', ['job' => $job_titles->id]);
78 } 66 }
79 } 67 }
80 68
81 // Лайк вакансии 69 // Лайк вакансии
82 public function like_vacancy(Request $request) { 70 public function like_vacancy(Request $request) {
83 $IP_address = RusDate::ip_addr_client(); 71 $IP_address = RusDate::ip_addr_client();
84 72
85 if ($request->has('code_record')) { 73 if ($request->has('code_record')) {
86 if ($request->has('delete')) { 74 if ($request->has('delete')) {
87 $atomic_era = Like_vacancy::select('id')-> 75 $atomic_era = Like_vacancy::select('id')->
88 where('code_record', '=', $request-> 76 where('code_record', '=', $request->
89 get('code_record'))->first(); 77 get('code_record'))->first();
90 78
91 DB::table('like_vacancy')->where('code_record', $request->get('code_record'))->delete(); 79 DB::table('like_vacancy')->where('code_record', $request->get('code_record'))->delete();
92 80
93 } else { 81 } else {
94 $params = $request->all(); 82 $params = $request->all();
95 $params['ip_address'] = $IP_address; 83 $params['ip_address'] = $IP_address;
96 Like_vacancy::create($params); 84 Like_vacancy::create($params);
97 } 85 }
98 } 86 }
99 } 87 }
100 88
101 // Лайк соискателю. 89 // Лайк соискателю.
102 public function like_worker(Request $request) { 90 public function like_worker(Request $request) {
103 $IP_address = RusDate::ip_addr_client(); 91 $IP_address = RusDate::ip_addr_client();
104 92
105 if ($request->has('code_record')) { 93 if ($request->has('code_record')) {
106 if ($request->has('delete')) { 94 if ($request->has('delete')) {
107 $atomic_era = Like_worker::select('id')-> 95 $atomic_era = Like_worker::select('id')->
108 where('code_record', '=', $request-> 96 where('code_record', '=', $request->
109 get('code_record'))->first(); 97 get('code_record'))->first();
110 98
111 DB::table('like_worker')->where('code_record', $request->get('code_record'))->delete(); 99 DB::table('like_worker')->where('code_record', $request->get('code_record'))->delete();
112 100
113 return "Вот и результат удаления!"; 101 return "Вот и результат удаления!";
114 102
115 } else { 103 } else {
116 $params = $request->all(); 104 $params = $request->all();
117 $params['ip_address'] = $IP_address; 105 $params['ip_address'] = $IP_address;
118 Like_worker::create($params); 106 Like_worker::create($params);
119 } 107 }
120 } 108 }
121 } 109 }
122 110
123 111
124 public function vacancies(Request $request) { 112 public function vacancies(Request $request) {
125 //должности 113 //должности
126 $Job_title = Job_title::query()->orderBy('name')->get(); 114 $Job_title = Job_title::query()->orderBy('name')->get();
127 115
128 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') 116 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
129 ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary') 117 ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary')
130 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') 118 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
131 ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id'); 119 ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id');
132 120
133 //категории и вакансии 121 //категории и вакансии
134 if (($request->has('job')) && ($request->get('job') > 0)) { 122 if (($request->has('job')) && ($request->get('job') > 0)) {
135 $categories = $categories->Where('job_title_id', '=', $request->get('job')); 123 $categories = $categories->Where('job_title_id', '=', $request->get('job'));
136 } 124 }
137 125
138 $categories = $categories->OrderByDesc('created_at')->GroupBy('categories.id')->get(); 126 $categories = $categories->OrderByDesc('created_at')->GroupBy('categories.id')->get();
139 127
128 $Position = Positions::query()->get();
140 129
141 $flot_paluba = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')-> 130 $BigFlot = Array();
142 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')-> 131 foreach ($Position as $position) {
143 where('position_ship', 'Палуба'); 132 $War_flot = DB::table('ad_jobs')->selectRaw('name, job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt, ad_jobs.position_ship')->
144 if (!empty($request->get('job'))) { 133 orderBy('job_titles.sort')->
145 $flot_paluba = $flot_paluba->where('job_title_id', '=', $request->get('job')); 134 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
146 } 135 where('position_ship', "$position->name");
147 $flot_paluba = $flot_paluba->groupby('job_title_id')->get(); 136 if (($request->has('job')) && ($request->get('job') > 0)) {
148 137 $War_flot = $War_flot->where('job_title_id', $request->get('job'));
149 $flot_MO = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')-> 138 }
150 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')-> 139 $War_flot = $War_flot->groupby('job_title_id','position_ship')->get();
151 where('position_ship', '=', 'МО'); 140 $BigFlot[] = $War_flot;
152 if (!empty($request->get('job'))) {
153 $flot_MO = $flot_MO->where('job_title_id', '=', $request->get('job'));
154 }
155 $flot_MO = $flot_MO->groupby('ad_jobs.id')->get();
156
157 $flot_radovie = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
158 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
159 where('position_ship', '=', 'Рядовые');
160 if (!empty($request->get('job'))) {
161 $flot_radovie = $flot_radovie->where('job_title_id', '=', $request->get('job'));
162 }
163 $flot_radovie = $flot_radovie->groupby('ad_jobs.id')->get();
164
165 $flot_prochee = DB::table('ad_jobs')->selectRaw('DISTINCT(job_titles.name), job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt')->
166 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
167 where('position_ship', '=', 'Прочее');
168 if (!empty($request->get('job'))) {
169 $flot_prochee = $flot_prochee->where('job_title_id', '=', $request->get('job'));
170 } 141 }
171 $flot_prochee = $flot_prochee->groupby('ad_jobs.id')->get();
172
173 142
174 if ($request->ajax()) { 143 if ($request->ajax()) {
175 return view('ajax.new_sky', compact('categories', 'flot_paluba', 'flot_MO', 'flot_radovie', 'flot_prochee')); 144 return view('ajax.new_sky', compact('categories', 'BigFlot', 'Position'));
176 } else { 145 } else {
177 return view('new_sky', compact('Job_title', 'categories', 146 return view('new_sky', compact('Job_title', 'categories', 'BigFlot', 'Position'));
178 'flot_paluba', 'flot_MO', 'flot_radovie', 'flot_prochee'));
179 } 147 }
180 } 148 }
181 149
182 //Вакансии категория детальная 150 //Вакансии категория детальная
183 public function list_vacancies(Category $categories, Request $request) { 151 public function list_vacancies(Category $categories, Request $request) {
184 if (isset(Auth()->user()->id)) 152 if (isset(Auth()->user()->id))
185 $uid = Auth()->user()->id; 153 $uid = Auth()->user()->id;
186 else 154 else
187 $uid = 0; 155 $uid = 0;
188 156
189 $Query = Ad_employer::with('jobs')-> 157 $Query = Ad_employer::with('jobs')->
190 with('cat')-> 158 with('cat')->
191 with('employer')-> 159 with('employer')->
192 whereHas('jobs_code', function ($query) use ($request) { 160 whereHas('jobs_code', function ($query) use ($request) {
193 if (null !== ($request->get('job')) && ($request->get('job') !== 0)) { 161 if (null !== ($request->get('job')) && ($request->get('job') !== 0)) {
194 $query->where('job_title_id', $request->get('job')); 162 $query->where('job_title_id', $request->get('job'));
195 } 163 }
196 }) 164 })
197 ->select('ad_employers.*'); 165 ->select('ad_employers.*');
198 166
199 167
200 if (isset($categories->id) && ($categories->id > 0)) { 168 if (isset($categories->id) && ($categories->id > 0)) {
201 $Query = $Query->where('category_id', '=', $categories->id); 169 $Query = $Query->where('category_id', '=', $categories->id);
202 $Name_categori = Category::query()->where('id', '=', $categories->id)->get(); 170 $Name_categori = Category::query()->where('id', '=', $categories->id)->get();
203 } else { 171 } else {
204 $Name_categori = ''; 172 $Name_categori = '';
205 } 173 }
206 174
207 if ($request->get('sort')) { 175 if ($request->get('sort')) {
208 $sort = $request->get('sort'); 176 $sort = $request->get('sort');
209 177
210 178
211 switch ($sort) { 179 switch ($sort) {
212 case 'name_up': $Query = $Query->orderBy('name')->orderBy('id'); break; 180 case 'name_up': $Query = $Query->orderBy('name')->orderBy('id'); break;
213 case 'name_down': $Query = $Query->orderByDesc('name')->orderby('id'); break; 181 case 'name_down': $Query = $Query->orderByDesc('name')->orderby('id'); break;
214 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break; 182 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break;
215 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break; 183 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break;
216 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break; 184 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break;
217 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break; 185 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break;
218 } 186 }
219 } 187 }
220 188
221 $Job_title = Job_title::query()->OrderBy('name')->get(); 189 $Job_title = Job_title::query()->OrderBy('name')->get();
222 190
223 $Query_count = $Query->count(); 191 $Query_count = $Query->count();
224 192
225 $Query = $Query->OrderBy('updated_at')->paginate(3); 193 $Query = $Query->OrderBy('updated_at')->paginate(3);
226 194
227 $Reclama = reclame::query()->get(); 195 $Reclama = reclame::query()->get();
228 196
229 197
230 198
231 if ($request->ajax()) { 199 if ($request->ajax()) {
232 if ($request->has('title')) { 200 if ($request->has('title')) {
233 return view('ajax.list_category', compact( 201 return view('ajax.list_category', compact(
234 'Name_categori' 202 'Name_categori'
235 )); 203 ));
236 } else { 204 } else {
237 return view('ajax.list_vacancies', compact('Query', 205 return view('ajax.list_vacancies', compact('Query',
238 'Query_count', 206 'Query_count',
239 'Name_categori', 207 'Name_categori',
240 'Reclama', 208 'Reclama',
241 'categories', 209 'categories',
242 'Job_title', 210 'Job_title',
243 'uid')); 211 'uid'));
244 } 212 }
245 } else { 213 } else {
246 //Вернуть все 214 //Вернуть все
247 return view('list_vacancies', compact('Query', 215 return view('list_vacancies', compact('Query',
248 'Query_count', 216 'Query_count',
249 'Reclama', 217 'Reclama',
250 'Name_categori', 218 'Name_categori',
251 'categories', 219 'categories',
252 'Job_title', 220 'Job_title',
253 'uid')); 221 'uid'));
254 } 222 }
255 } 223 }
256 224
257 // Образование 225 // Образование
258 public function education(Request $request) { 226 public function education(Request $request) {
259 $educations = Education::query(); 227 $educations = Education::query();
260 if (($request->has('search')) && (!empty($request->get('search')))) { 228 if (($request->has('search')) && (!empty($request->get('search')))) {
261 $search = trim($request->get('search')); 229 $search = trim($request->get('search'));
262 $educations = $educations->where('name', 'LIKE', "%$search%"); 230 $educations = $educations->where('name', 'LIKE', "%$search%");
263 } 231 }
264 232
265 if ($request->get('sort')) { 233 if ($request->get('sort')) {
266 $sort = $request->get('sort'); 234 $sort = $request->get('sort');
267 switch ($sort) { 235 switch ($sort) {
268 case 'name_up': $educations = $educations->orderBy('name')->orderBy('id'); break; 236 case 'name_up': $educations = $educations->orderBy('name')->orderBy('id'); break;
269 case 'name_down': $educations = $educations->orderByDesc('name')->orderby('id'); break; 237 case 'name_down': $educations = $educations->orderByDesc('name')->orderby('id'); break;
270 case 'created_at_up': $educations = $educations->OrderBy('created_at')->orderBy('id'); break; 238 case 'created_at_up': $educations = $educations->OrderBy('created_at')->orderBy('id'); break;
271 case 'created_at_down': $educations = $educations->orderByDesc('created_at')->orderBy('id'); break; 239 case 'created_at_down': $educations = $educations->orderByDesc('created_at')->orderBy('id'); break;
272 case 'default': $educations = $educations->orderBy('id')->orderby('updated_at'); break; 240 case 'default': $educations = $educations->orderBy('id')->orderby('updated_at'); break;
273 default: $educations = $educations->orderBy('id')->orderby('updated_at'); break; 241 default: $educations = $educations->orderBy('id')->orderby('updated_at'); break;
274 } 242 }
275 } 243 }
276 244
277 $count_edu = $educations->count(); 245 $count_edu = $educations->count();
278 $educations = $educations->paginate(6); 246 $educations = $educations->paginate(6);
279 if ($request->ajax()) { 247 if ($request->ajax()) {
280 return view('ajax.education', compact('educations')); 248 return view('ajax.education', compact('educations'));
281 } else { 249 } else {
282 return view('education', compact('educations', 'count_edu')); 250 return view('education', compact('educations', 'count_edu'));
283 } 251 }
284 } 252 }
285 253
286 // Контакты 254 // Контакты
287 public function contacts() { 255 public function contacts() {
288 return view('contacts'); 256 return view('contacts');
289 } 257 }
290 258
291 // Вход в личный кабинет 259 // Вход в личный кабинет
292 public function input_login(Request $request) 260 public function input_login(Request $request)
293 { 261 {
294 $params = $request->all(); 262 $params = $request->all();
295 263
296 264
297 $rules = [ 265 $rules = [
298 'email' => 'required|string|email', 266 'email' => 'required|string|email',
299 'password' => 'required|string|min:3|max:25', 267 'password' => 'required|string|min:3|max:25',
300 ]; 268 ];
301 269
302 $messages = [ 270 $messages = [
303 'required' => 'Укажите обязательное поле «:attribute»', 271 'required' => 'Укажите обязательное поле «:attribute»',
304 'email' => 'Введите корректный email', 272 'email' => 'Введите корректный email',
305 'min' => [ 273 'min' => [
306 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 274 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
307 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 275 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
308 ], 276 ],
309 'max' => [ 277 'max' => [
310 'string' => 'Поле «:attribute» должно быть не больше :max символов', 278 'string' => 'Поле «:attribute» должно быть не больше :max символов',
311 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 279 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
312 ], 280 ],
313 ]; 281 ];
314 282
315 $validator = Validator::make($request->all(), $rules, $messages); 283 $validator = Validator::make($request->all(), $rules, $messages);
316 284
317 285
318 if ($validator->fails()) { 286 if ($validator->fails()) {
319 return redirect()->route('index')->with('Error', "Email или пароль невалидный"); 287 return redirect()->route('index')->with('Error', "Email или пароль невалидный");
320 } else { 288 } else {
321 $credentials = $request->only('email', 'password'); 289 $credentials = $request->only('email', 'password');
322 290
323 if (Auth::attempt($credentials, $request->has('remember'))) { 291 if (Auth::attempt($credentials, $request->has('remember'))) {
324 292
325 if (is_null(Auth::user()->email_verified_at)) { 293 if (is_null(Auth::user()->email_verified_at)) {
326 Auth::logout(); 294 Auth::logout();
327 return json_encode(Array("ERROR" => "Адрес почты не подтвержден")); 295 return json_encode(Array("ERROR" => "Адрес почты не подтвержден"));
328 } 296 }
329 297
330 if (Auth::user()->is_worker) { 298 if (Auth::user()->is_worker) {
331 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl())); 299 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));
332 } else { 300 } else {
333 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl())); 301 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));
334 } 302 }
335 303
336 return json_encode(Array("SUCCESS" => "Вы успешно вошли в личный кабинет")); 304 return json_encode(Array("SUCCESS" => "Вы успешно вошли в личный кабинет"));
337 //->route('index') 305 //->route('index')
338 //->with('success', 'Вы вошли в личный кабинет.'); 306 //->with('success', 'Вы вошли в личный кабинет.');
339 } else { 307 } else {
340 return json_encode(Array("ERROR" => "Неверный логин или пароль!")); 308 return json_encode(Array("ERROR" => "Неверный логин или пароль!"));
341 } 309 }
342 } 310 }
343 } 311 }
344 312
345 // Восстановление пароля 313 // Восстановление пароля
346 public function repair_password(Request $request) { 314 public function repair_password(Request $request) {
347 $rules = [ 315 $rules = [
348 'email' => 'required|string|email', 316 'email' => 'required|string|email',
349 ]; 317 ];
350 318
351 $messages = [ 319 $messages = [
352 'required' => 'Укажите обязательное поле «:attribute»', 320 'required' => 'Укажите обязательное поле «:attribute»',
353 'email' => 'Введите корректный email', 321 'email' => 'Введите корректный email',
354 'min' => [ 322 'min' => [
355 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 323 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
356 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 324 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
357 ], 325 ],
358 'max' => [ 326 'max' => [
359 'string' => 'Поле «:attribute» должно быть не больше :max символов', 327 'string' => 'Поле «:attribute» должно быть не больше :max символов',
360 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 328 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
361 ], 329 ],
362 ]; 330 ];
363 331
364 $validator = Validator::make($request->all(), $rules, $messages); 332 $validator = Validator::make($request->all(), $rules, $messages);
365 333
366 if ($validator->fails()) { 334 if ($validator->fails()) {
367 return redirect()->back()->with('Error', "Email невалидный"); 335 return redirect()->back()->with('Error', "Email невалидный");
368 } else { 336 } else {
369 $new_password = Tools::generator_id(10); 337 $new_password = Tools::generator_id(10);
370 $hash_password = Hash::make($new_password); 338 $hash_password = Hash::make($new_password);
371 $user = User::query()->where('email', $request->get('email'))->first(); 339 $user = User::query()->where('email', $request->get('email'))->first();
372 $EditRec = User::find($user->id); 340 $EditRec = User::find($user->id);
373 $EditRec->password = $hash_password; 341 $EditRec->password = $hash_password;
374 $EditRec->save(); 342 $EditRec->save();
375 343
376 foreach ([$request->get('email')] as $recipient) { 344 foreach ([$request->get('email')] as $recipient) {
377 Mail::to($recipient)->send(new MailRepair($new_password)); 345 Mail::to($recipient)->send(new MailRepair($new_password));
378 } 346 }
379 return redirect()->route('index'); 347 return redirect()->route('index');
380 348
381 } 349 }
382 350
383 } 351 }
384 352
385 // Вывод новостей 353 // Вывод новостей
386 public function news(Request $request) { 354 public function news(Request $request) {
387 $Query = News::query(); 355 $Query = News::query();
388 if ($request->has('search')) { 356 if ($request->has('search')) {
389 $search = $request->get('search'); 357 $search = $request->get('search');
390 $Query = $Query->where('title', 'LIKE', "%$search%")-> 358 $Query = $Query->where('title', 'LIKE', "%$search%")->
391 orWhere('text', 'LIKE', "%$search%"); 359 orWhere('text', 'LIKE', "%$search%");
392 } 360 }
393 361
394 if ($request->ajax()) { 362 if ($request->ajax()) {
395 if ($request->get('sort')) { 363 if ($request->get('sort')) {
396 $sort = $request->get('sort'); 364 $sort = $request->get('sort');
397 switch ($sort) { 365 switch ($sort) {
398 case 'name_up': $Query = $Query->orderBy('title')->orderBy('id'); break; 366 case 'name_up': $Query = $Query->orderBy('title')->orderBy('id'); break;
399 case 'name_down': $Query = $Query->orderByDesc('title')->orderby('id'); break; 367 case 'name_down': $Query = $Query->orderByDesc('title')->orderby('id'); break;
400 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break; 368 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break;
401 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break; 369 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break;
402 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break; 370 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break;
403 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break; 371 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break;
404 } 372 }
405 } 373 }
406 } 374 }
407 $Query_count = $Query->count(); 375 $Query_count = $Query->count();
408 $Query = $Query->paginate(6); 376 $Query = $Query->paginate(6);
409 377
410 if ($request->ajax()) { 378 if ($request->ajax()) {
411 return view('ajax.news-list', compact('Query', 'Query_count')); 379 return view('ajax.news-list', compact('Query', 'Query_count'));
412 } else { 380 } else {
413 return view('news-list', compact('Query', 'Query_count')); 381 return view('news-list', compact('Query', 'Query_count'));
414 } 382 }
415 } 383 }
app/Http/Requests/RequestPosition.php
Diff comments   View file @ c36ca6c
File was created 1 <?php
2
3 namespace App\Http\Requests;
4
5 use Illuminate\Foundation\Http\FormRequest;
6
7 class RequestPosition extends FormRequest
8 {
9 public function authorize()
10 {
11 return true;
12 }
13
14 public function rules()
15 {
16 return [
17 'name' => [
18 'required',
19 'string',
20 'min:3',
21 'max:255',
22 ],
23 'sort' => [
24 'required',
25 'numeric',
26 'min:0',
27 'max: 1000000'
28 ],
29 ];
30 }
31
32 public function messages() {
33 return [
34 'required' => 'Поле :attribute обязательно для ввода',
35 'unique' => 'Поле :attribute должно быть уникальным',
36 'mimes' => 'Допускаются файлы только с расширением jpeg,jpg,png',
37 'numeric' => 'Поле :attribute должно быть числом',
38 'min' => [
39 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
40 'integer' => 'Поле «:attribute» должно быть :min или больше',
41 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
42 ],
43
44 'max' => [
45 'string' => 'Поле «:attribute» должно быть не больше :max символов',
46 'integer' => 'Поле «:attribute» должно быть :max или меньше',
47 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
48 ],
49
50 ];
51 }
52 }
53
app/Models/Job_title.php
Diff comments   View file @ c36ca6c
1 <?php 1 <?php
2 2
3 namespace App\Models; 3 namespace App\Models;
4 4
5 use Illuminate\Database\Eloquent\Factories\HasFactory; 5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model; 6 use Illuminate\Database\Eloquent\Model;
7 7
8 class Job_title extends Model 8 class Job_title extends Model
9 { 9 {
10 use HasFactory; 10 use HasFactory;
11 11
12 protected $fillable = [ 12 protected $fillable = [
13 'name', 13 'name',
14 'is_remove', 14 'is_remove',
15 'parent_id', 15 'parent_id',
16 'sort'
16 ]; 17 ];
17 /* 18 /*
18 * Связь модели Вакансии (Ad_employer) с моделью Должности (Job_title) 19 * Связь модели Вакансии (Ad_employer) с моделью Должности (Job_title)
19 */ 20 */
20 public function Ads() { 21 public function Ads() {
21 return $this->belongsToMany(Ad_employer::class, 'ad_jobs'); 22 return $this->belongsToMany(Ad_employer::class, 'ad_jobs');
22 } 23 }
23 24
24 /* 25 /*
25 * Связь таблицы job_titles с таблицей job_titles через ключ parent_id 26 * Связь таблицы job_titles с таблицей job_titles через ключ parent_id
26 многие-к-одному 27 многие-к-одному
27 */ 28 */
28 public function parent() { 29 public function parent() {
29 return $this->belongsTo(Job_title::class, 'parent_id'); 30 return $this->belongsTo(Job_title::class, 'parent_id');
30 } 31 }
31 32
32 public function scopeActive($query) { 33 public function scopeActive($query) {
33 return $query->where('is_remove', '=', '0'); 34 return $query->where('is_remove', '=', '0');
34 } 35 }
35 } 36 }
36 37
app/Models/Positions.php
Diff comments   View file @ c36ca6c
File was created 1 <?php
2
3 namespace App\Models;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7
8 class Positions extends Model
9 {
10 use HasFactory;
11
12 public $fillable = [
13 'name',
14 'sort',
15 ];
16 }
17
database/migrations/2024_03_25_131309_create_positions_table.php
Diff comments   View file @ c36ca6c
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 return new class extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('positions', function (Blueprint $table) {
17 $table->id();
18 $table->string('name', 255)->nullable(false);
19 $table->integer('sort')->default(100);
20 $table->timestamps();
21 });
22 }
23
24 /**
25 * Reverse the migrations.
26 *
27 * @return void
28 */
29 public function down()
30 {
31 Schema::dropIfExists('positions');
32 }
33 };
34
public/css/style45.css
Diff comments   View file @ c36ca6c
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 html { 13 html {
14 line-height: 1.15; /* 1 */ 14 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 15 -webkit-text-size-adjust: 100%; /* 2 */
16 } 16 }
17 17
18 /* Sections 18 /* Sections
19 ========================================================================== */ 19 ========================================================================== */
20 /** 20 /**
21 * Remove the margin in all browsers. 21 * Remove the margin in all browsers.
22 */ 22 */
23 body { 23 body {
24 margin: 0; 24 margin: 0;
25 } 25 }
26 26
27 /** 27 /**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 main { 30 main {
31 display: block; 31 display: block;
32 } 32 }
33 33
34 /** 34 /**
35 * Correct the font size and margin on `h1` elements within `section` and 35 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 36 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 37 */
38 h1 { 38 h1 {
39 font-size: 2em; 39 font-size: 2em;
40 margin: 0.67em 0; 40 margin: 0.67em 0;
41 } 41 }
42 42
43 /* Grouping content 43 /* Grouping content
44 ========================================================================== */ 44 ========================================================================== */
45 /** 45 /**
46 * 1. Add the correct box sizing in Firefox. 46 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 47 * 2. Show the overflow in Edge and IE.
48 */ 48 */
49 hr { 49 hr {
50 -webkit-box-sizing: content-box; 50 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 51 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 52 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 53 overflow: visible; /* 2 */
54 } 54 }
55 55
56 /** 56 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 57 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 58 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 59 */
60 pre { 60 pre {
61 font-family: monospace, monospace; /* 1 */ 61 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 62 font-size: 1em; /* 2 */
63 } 63 }
64 64
65 /* Text-level semantics 65 /* Text-level semantics
66 ========================================================================== */ 66 ========================================================================== */
67 /** 67 /**
68 * Remove the gray background on active links in IE 10. 68 * Remove the gray background on active links in IE 10.
69 */ 69 */
70 a { 70 a {
71 background-color: transparent; 71 background-color: transparent;
72 } 72 }
73 73
74 /** 74 /**
75 * 1. Remove the bottom border in Chrome 57- 75 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 77 */
78 abbr[title] { 78 abbr[title] {
79 border-bottom: none; /* 1 */ 79 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 80 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 81 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 82 text-decoration: underline dotted; /* 2 */
83 } 83 }
84 84
85 /** 85 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 86 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 87 */
88 b, 88 b,
89 strong { 89 strong {
90 font-weight: bolder; 90 font-weight: bolder;
91 } 91 }
92 92
93 /** 93 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 94 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 95 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 96 */
97 code, 97 code,
98 kbd, 98 kbd,
99 samp { 99 samp {
100 font-family: monospace, monospace; /* 1 */ 100 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 101 font-size: 1em; /* 2 */
102 } 102 }
103 103
104 /** 104 /**
105 * Add the correct font size in all browsers. 105 * Add the correct font size in all browsers.
106 */ 106 */
107 small { 107 small {
108 font-size: 80%; 108 font-size: 80%;
109 } 109 }
110 110
111 /** 111 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 112 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 113 * all browsers.
114 */ 114 */
115 sub, 115 sub,
116 sup { 116 sup {
117 font-size: 75%; 117 font-size: 75%;
118 line-height: 0; 118 line-height: 0;
119 position: relative; 119 position: relative;
120 vertical-align: baseline; 120 vertical-align: baseline;
121 } 121 }
122 122
123 sub { 123 sub {
124 bottom: -0.25em; 124 bottom: -0.25em;
125 } 125 }
126 126
127 sup { 127 sup {
128 top: -0.5em; 128 top: -0.5em;
129 } 129 }
130 130
131 /* Embedded content 131 /* Embedded content
132 ========================================================================== */ 132 ========================================================================== */
133 /** 133 /**
134 * Remove the border on images inside links in IE 10. 134 * Remove the border on images inside links in IE 10.
135 */ 135 */
136 img { 136 img {
137 border-style: none; 137 border-style: none;
138 } 138 }
139 139
140 /* Forms 140 /* Forms
141 ========================================================================== */ 141 ========================================================================== */
142 /** 142 /**
143 * 1. Change the font styles in all browsers. 143 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 144 * 2. Remove the margin in Firefox and Safari.
145 */ 145 */
146 button, 146 button,
147 input, 147 input,
148 optgroup, 148 optgroup,
149 select, 149 select,
150 textarea { 150 textarea {
151 font-family: inherit; /* 1 */ 151 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 152 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 153 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 154 margin: 0; /* 2 */
155 } 155 }
156 156
157 /** 157 /**
158 * Show the overflow in IE. 158 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 159 * 1. Show the overflow in Edge.
160 */ 160 */
161 button, 161 button,
162 input { /* 1 */ 162 input { /* 1 */
163 overflow: visible; 163 overflow: visible;
164 } 164 }
165 165
166 /** 166 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 167 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 168 * 1. Remove the inheritance of text transform in Firefox.
169 */ 169 */
170 button, 170 button,
171 select { /* 1 */ 171 select { /* 1 */
172 text-transform: none; 172 text-transform: none;
173 } 173 }
174 174
175 /** 175 /**
176 * Correct the inability to style clickable types in iOS and Safari. 176 * Correct the inability to style clickable types in iOS and Safari.
177 */ 177 */
178 button, 178 button,
179 [type=button], 179 [type=button],
180 [type=reset], 180 [type=reset],
181 [type=submit] { 181 [type=submit] {
182 -webkit-appearance: button; 182 -webkit-appearance: button;
183 } 183 }
184 184
185 /** 185 /**
186 * Remove the inner border and padding in Firefox. 186 * Remove the inner border and padding in Firefox.
187 */ 187 */
188 button::-moz-focus-inner, 188 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 189 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 190 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 191 [type=submit]::-moz-focus-inner {
192 border-style: none; 192 border-style: none;
193 padding: 0; 193 padding: 0;
194 } 194 }
195 195
196 /** 196 /**
197 * Restore the focus styles unset by the previous rule. 197 * Restore the focus styles unset by the previous rule.
198 */ 198 */
199 button:-moz-focusring, 199 button:-moz-focusring,
200 [type=button]:-moz-focusring, 200 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 201 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 202 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 203 outline: 1px dotted ButtonText;
204 } 204 }
205 205
206 /** 206 /**
207 * Correct the padding in Firefox. 207 * Correct the padding in Firefox.
208 */ 208 */
209 fieldset { 209 fieldset {
210 padding: 0.35em 0.75em 0.625em; 210 padding: 0.35em 0.75em 0.625em;
211 } 211 }
212 212
213 /** 213 /**
214 * 1. Correct the text wrapping in Edge and IE. 214 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 215 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 216 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 217 * `fieldset` elements in all browsers.
218 */ 218 */
219 legend { 219 legend {
220 -webkit-box-sizing: border-box; 220 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 221 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 222 color: inherit; /* 2 */
223 display: table; /* 1 */ 223 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 224 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 225 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 226 white-space: normal; /* 1 */
227 } 227 }
228 228
229 /** 229 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 230 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 231 */
232 progress { 232 progress {
233 vertical-align: baseline; 233 vertical-align: baseline;
234 } 234 }
235 235
236 /** 236 /**
237 * Remove the default vertical scrollbar in IE 10+. 237 * Remove the default vertical scrollbar in IE 10+.
238 */ 238 */
239 textarea { 239 textarea {
240 overflow: auto; 240 overflow: auto;
241 } 241 }
242 242
243 /** 243 /**
244 * 1. Add the correct box sizing in IE 10. 244 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 245 * 2. Remove the padding in IE 10.
246 */ 246 */
247 [type=checkbox], 247 [type=checkbox],
248 [type=radio] { 248 [type=radio] {
249 -webkit-box-sizing: border-box; 249 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 250 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 251 padding: 0; /* 2 */
252 } 252 }
253 253
254 /** 254 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 255 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 256 */
257 [type=number]::-webkit-inner-spin-button, 257 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 258 [type=number]::-webkit-outer-spin-button {
259 height: auto; 259 height: auto;
260 } 260 }
261 261
262 /** 262 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 263 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 264 * 2. Correct the outline style in Safari.
265 */ 265 */
266 [type=search] { 266 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 267 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 268 outline-offset: -2px; /* 2 */
269 } 269 }
270 270
271 /** 271 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 272 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 273 */
274 [type=search]::-webkit-search-decoration { 274 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 275 -webkit-appearance: none;
276 } 276 }
277 277
278 /** 278 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 279 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 280 * 2. Change font properties to `inherit` in Safari.
281 */ 281 */
282 ::-webkit-file-upload-button { 282 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 283 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 284 font: inherit; /* 2 */
285 } 285 }
286 286
287 /* Interactive 287 /* Interactive
288 ========================================================================== */ 288 ========================================================================== */
289 /* 289 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 290 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 291 */
292 details { 292 details {
293 display: block; 293 display: block;
294 } 294 }
295 295
296 /* 296 /*
297 * Add the correct display in all browsers. 297 * Add the correct display in all browsers.
298 */ 298 */
299 summary { 299 summary {
300 display: list-item; 300 display: list-item;
301 } 301 }
302 302
303 /* Misc 303 /* Misc
304 ========================================================================== */ 304 ========================================================================== */
305 /** 305 /**
306 * Add the correct display in IE 10+. 306 * Add the correct display in IE 10+.
307 */ 307 */
308 template { 308 template {
309 display: none; 309 display: none;
310 } 310 }
311 311
312 /** 312 /**
313 * Add the correct display in IE 10. 313 * Add the correct display in IE 10.
314 */ 314 */
315 [hidden] { 315 [hidden] {
316 display: none; 316 display: none;
317 } 317 }
318 318
319 .green { 319 .green {
320 color: #377d87; 320 color: #377d87;
321 } 321 }
322 322
323 .red { 323 .red {
324 color: #eb5757; 324 color: #eb5757;
325 } 325 }
326 326
327 .rotate180 { 327 .rotate180 {
328 -webkit-transform: rotate(180deg); 328 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 329 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 330 transform: rotate(180deg);
331 } 331 }
332 332
333 ::-moz-selection { 333 ::-moz-selection {
334 color: #3a3b3c; 334 color: #3a3b3c;
335 background: #acc0e6; 335 background: #acc0e6;
336 } 336 }
337 337
338 ::selection { 338 ::selection {
339 color: #3a3b3c; 339 color: #3a3b3c;
340 background: #acc0e6; 340 background: #acc0e6;
341 } 341 }
342 342
343 ::-webkit-scrollbar { 343 ::-webkit-scrollbar {
344 width: 8px; 344 width: 8px;
345 height: 8px; 345 height: 8px;
346 } 346 }
347 347
348 ::-webkit-scrollbar-track { 348 ::-webkit-scrollbar-track {
349 border-radius: 999px; 349 border-radius: 999px;
350 background-color: #ffffff; 350 background-color: #ffffff;
351 } 351 }
352 352
353 ::-webkit-scrollbar-thumb { 353 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 354 border-radius: 999px;
355 background-color: #377d87; 355 background-color: #377d87;
356 } 356 }
357 357
358 ::-webkit-input-placeholder { 358 ::-webkit-input-placeholder {
359 color: #9c9d9d; 359 color: #9c9d9d;
360 opacity: 1; 360 opacity: 1;
361 } 361 }
362 362
363 :focus::-webkit-input-placeholder { 363 :focus::-webkit-input-placeholder {
364 color: transparent; 364 color: transparent;
365 } 365 }
366 366
367 :-ms-input-placeholder { 367 :-ms-input-placeholder {
368 color: #9c9d9d; 368 color: #9c9d9d;
369 opacity: 1; 369 opacity: 1;
370 } 370 }
371 371
372 :focus:-ms-input-placeholder { 372 :focus:-ms-input-placeholder {
373 color: transparent; 373 color: transparent;
374 } 374 }
375 375
376 ::-ms-input-placeholder { 376 ::-ms-input-placeholder {
377 color: #9c9d9d; 377 color: #9c9d9d;
378 opacity: 1; 378 opacity: 1;
379 } 379 }
380 380
381 :focus::-ms-input-placeholder { 381 :focus::-ms-input-placeholder {
382 color: transparent; 382 color: transparent;
383 } 383 }
384 384
385 ::-moz-placeholder { 385 ::-moz-placeholder {
386 color: #9c9d9d; 386 color: #9c9d9d;
387 opacity: 1; 387 opacity: 1;
388 } 388 }
389 389
390 :focus::-moz-placeholder { 390 :focus::-moz-placeholder {
391 color: transparent; 391 color: transparent;
392 } 392 }
393 393
394 ::-webkit-input-placeholder { 394 ::-webkit-input-placeholder {
395 color: #9c9d9d; 395 color: #9c9d9d;
396 opacity: 1; 396 opacity: 1;
397 } 397 }
398 398
399 ::-moz-placeholder { 399 ::-moz-placeholder {
400 color: #9c9d9d; 400 color: #9c9d9d;
401 opacity: 1; 401 opacity: 1;
402 } 402 }
403 403
404 :-ms-input-placeholder { 404 :-ms-input-placeholder {
405 color: #9c9d9d; 405 color: #9c9d9d;
406 opacity: 1; 406 opacity: 1;
407 } 407 }
408 408
409 ::-ms-input-placeholder { 409 ::-ms-input-placeholder {
410 color: #9c9d9d; 410 color: #9c9d9d;
411 opacity: 1; 411 opacity: 1;
412 } 412 }
413 413
414 ::placeholder { 414 ::placeholder {
415 color: #9c9d9d; 415 color: #9c9d9d;
416 opacity: 1; 416 opacity: 1;
417 } 417 }
418 418
419 :focus::-webkit-input-placeholder { 419 :focus::-webkit-input-placeholder {
420 color: transparent; 420 color: transparent;
421 } 421 }
422 422
423 :focus::-moz-placeholder { 423 :focus::-moz-placeholder {
424 color: transparent; 424 color: transparent;
425 } 425 }
426 426
427 :focus:-ms-input-placeholder { 427 :focus:-ms-input-placeholder {
428 color: transparent; 428 color: transparent;
429 } 429 }
430 430
431 :focus::-ms-input-placeholder { 431 :focus::-ms-input-placeholder {
432 color: transparent; 432 color: transparent;
433 } 433 }
434 434
435 :focus::placeholder { 435 :focus::placeholder {
436 color: transparent; 436 color: transparent;
437 } 437 }
438 438
439 *, 439 *,
440 *:before, 440 *:before,
441 *:after { 441 *:after {
442 -webkit-box-sizing: border-box; 442 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 443 box-sizing: border-box;
444 -webkit-appearance: none; 444 -webkit-appearance: none;
445 -moz-appearance: none; 445 -moz-appearance: none;
446 appearance: none; 446 appearance: none;
447 outline: none; 447 outline: none;
448 -webkit-box-shadow: none; 448 -webkit-box-shadow: none;
449 box-shadow: none; 449 box-shadow: none;
450 } 450 }
451 451
452 a, 452 a,
453 button, 453 button,
454 select { 454 select {
455 color: inherit; 455 color: inherit;
456 } 456 }
457 457
458 a { 458 a {
459 text-decoration: none; 459 text-decoration: none;
460 } 460 }
461 461
462 a, 462 a,
463 input[type=button], 463 input[type=button],
464 input[type=submit], 464 input[type=submit],
465 button { 465 button {
466 -webkit-user-select: none; 466 -webkit-user-select: none;
467 -moz-user-select: none; 467 -moz-user-select: none;
468 -ms-user-select: none; 468 -ms-user-select: none;
469 user-select: none; 469 user-select: none;
470 -webkit-transition: 0.3s; 470 -webkit-transition: 0.3s;
471 transition: 0.3s; 471 transition: 0.3s;
472 cursor: pointer; 472 cursor: pointer;
473 } 473 }
474 474
475 [type=tel] { 475 [type=tel] {
476 letter-spacing: 1px; 476 letter-spacing: 1px;
477 } 477 }
478 478
479 .br, 479 .br,
480 img, 480 img,
481 svg { 481 svg {
482 display: block; 482 display: block;
483 } 483 }
484 484
485 .float-left { 485 .float-left {
486 float: left; 486 float: left;
487 } 487 }
488 488
489 .float-right { 489 .float-right {
490 float: right; 490 float: right;
491 } 491 }
492 492
493 .clear-both:after { 493 .clear-both:after {
494 content: ""; 494 content: "";
495 display: block; 495 display: block;
496 clear: both; 496 clear: both;
497 } 497 }
498 498
499 #body { 499 #body {
500 font-family: "Circe", sans-serif; 500 font-family: "Circe", sans-serif;
501 color: #3a3b3c; 501 color: #3a3b3c;
502 background: #ffffff; 502 background: #ffffff;
503 display: -webkit-box; 503 display: -webkit-box;
504 display: -ms-flexbox; 504 display: -ms-flexbox;
505 display: flex; 505 display: flex;
506 -webkit-box-orient: vertical; 506 -webkit-box-orient: vertical;
507 -webkit-box-direction: normal; 507 -webkit-box-direction: normal;
508 -ms-flex-direction: column; 508 -ms-flex-direction: column;
509 flex-direction: column; 509 flex-direction: column;
510 -webkit-box-pack: justify; 510 -webkit-box-pack: justify;
511 -ms-flex-pack: justify; 511 -ms-flex-pack: justify;
512 justify-content: space-between; 512 justify-content: space-between;
513 gap: 50px; 513 gap: 50px;
514 min-width: 320px; 514 min-width: 320px;
515 min-height: 100vh; 515 min-height: 100vh;
516 line-height: 1.25; 516 line-height: 1.25;
517 } 517 }
518 @media (min-width: 768px) { 518 @media (min-width: 768px) {
519 #body { 519 #body {
520 gap: 60px; 520 gap: 60px;
521 } 521 }
522 } 522 }
523 #body.pdf { 523 #body.pdf {
524 gap: 0; 524 gap: 0;
525 } 525 }
526 526
527 .container { 527 .container {
528 width: 100%; 528 width: 100%;
529 max-width: 1280px; 529 max-width: 1280px;
530 margin-left: auto; 530 margin-left: auto;
531 margin-right: auto; 531 margin-right: auto;
532 padding-left: 10px; 532 padding-left: 10px;
533 padding-right: 10px; 533 padding-right: 10px;
534 } 534 }
535 @media (min-width: 768px) { 535 @media (min-width: 768px) {
536 .container { 536 .container {
537 padding-left: 20px; 537 padding-left: 20px;
538 padding-right: 20px; 538 padding-right: 20px;
539 } 539 }
540 } 540 }
541 541
542 .to-top { 542 .to-top {
543 position: fixed; 543 position: fixed;
544 right: 10px; 544 right: 10px;
545 bottom: 10px; 545 bottom: 10px;
546 border-radius: 999px; 546 border-radius: 999px;
547 display: -webkit-box; 547 display: -webkit-box;
548 display: -ms-flexbox; 548 display: -ms-flexbox;
549 display: flex; 549 display: flex;
550 -webkit-box-pack: center; 550 -webkit-box-pack: center;
551 -ms-flex-pack: center; 551 -ms-flex-pack: center;
552 justify-content: center; 552 justify-content: center;
553 -webkit-box-align: center; 553 -webkit-box-align: center;
554 -ms-flex-align: center; 554 -ms-flex-align: center;
555 align-items: center; 555 align-items: center;
556 color: #ffffff; 556 color: #ffffff;
557 background: #377d87; 557 background: #377d87;
558 width: 40px; 558 width: 40px;
559 height: 40px; 559 height: 40px;
560 -webkit-transition: 0.3s; 560 -webkit-transition: 0.3s;
561 transition: 0.3s; 561 transition: 0.3s;
562 margin-right: -100px; 562 margin-right: -100px;
563 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 563 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
564 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 564 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
565 z-index: 99; 565 z-index: 99;
566 border: 1px solid #377d87; 566 border: 1px solid #377d87;
567 } 567 }
568 .to-top:hover { 568 .to-top:hover {
569 background: #ffffff; 569 background: #ffffff;
570 color: #377d87; 570 color: #377d87;
571 } 571 }
572 .to-top svg { 572 .to-top svg {
573 width: 10px; 573 width: 10px;
574 height: 10px; 574 height: 10px;
575 } 575 }
576 @media (min-width: 768px) { 576 @media (min-width: 768px) {
577 .to-top { 577 .to-top {
578 width: 50px; 578 width: 50px;
579 height: 50px; 579 height: 50px;
580 right: 20px; 580 right: 20px;
581 bottom: 20px; 581 bottom: 20px;
582 } 582 }
583 .to-top svg { 583 .to-top svg {
584 width: 12px; 584 width: 12px;
585 height: 12px; 585 height: 12px;
586 } 586 }
587 } 587 }
588 588
589 .begin .to-top { 589 .begin .to-top {
590 margin-right: 0; 590 margin-right: 0;
591 } 591 }
592 592
593 .socials { 593 .socials {
594 display: -webkit-box; 594 display: -webkit-box;
595 display: -ms-flexbox; 595 display: -ms-flexbox;
596 display: flex; 596 display: flex;
597 -webkit-box-align: center; 597 -webkit-box-align: center;
598 -ms-flex-align: center; 598 -ms-flex-align: center;
599 align-items: center; 599 align-items: center;
600 -webkit-box-pack: center; 600 -webkit-box-pack: center;
601 -ms-flex-pack: center; 601 -ms-flex-pack: center;
602 justify-content: center; 602 justify-content: center;
603 gap: 8px; 603 gap: 8px;
604 } 604 }
605 .socials a { 605 .socials a {
606 display: -webkit-box; 606 display: -webkit-box;
607 display: -ms-flexbox; 607 display: -ms-flexbox;
608 display: flex; 608 display: flex;
609 -webkit-box-align: center; 609 -webkit-box-align: center;
610 -ms-flex-align: center; 610 -ms-flex-align: center;
611 align-items: center; 611 align-items: center;
612 -webkit-box-pack: center; 612 -webkit-box-pack: center;
613 -ms-flex-pack: center; 613 -ms-flex-pack: center;
614 justify-content: center; 614 justify-content: center;
615 border: 1px solid #377d87; 615 border: 1px solid #377d87;
616 color: #377d87; 616 color: #377d87;
617 border-radius: 999px; 617 border-radius: 999px;
618 width: 38px; 618 width: 38px;
619 height: 38px; 619 height: 38px;
620 } 620 }
621 .socials a:hover { 621 .socials a:hover {
622 background: #377d87; 622 background: #377d87;
623 color: #ffffff; 623 color: #ffffff;
624 } 624 }
625 .socials svg { 625 .socials svg {
626 width: 12px; 626 width: 12px;
627 height: 12px; 627 height: 12px;
628 } 628 }
629 629
630 .nls { 630 .nls {
631 display: -webkit-box; 631 display: -webkit-box;
632 display: -ms-flexbox; 632 display: -ms-flexbox;
633 display: flex; 633 display: flex;
634 color: #3a3b3c; 634 color: #3a3b3c;
635 text-align: left; 635 text-align: left;
636 } 636 }
637 .nls:hover { 637 .nls:hover {
638 color: #377d87; 638 color: #377d87;
639 } 639 }
640 .nls svg { 640 .nls svg {
641 width: 30px; 641 width: 30px;
642 height: 40px; 642 height: 40px;
643 } 643 }
644 @media (min-width: 768px) { 644 @media (min-width: 768px) {
645 .nls svg { 645 .nls svg {
646 width: 24px; 646 width: 24px;
647 height: 31px; 647 height: 31px;
648 } 648 }
649 } 649 }
650 .nls span { 650 .nls span {
651 width: calc(100% - 30px); 651 width: calc(100% - 30px);
652 padding-left: 12px; 652 padding-left: 12px;
653 display: -webkit-box; 653 display: -webkit-box;
654 display: -ms-flexbox; 654 display: -ms-flexbox;
655 display: flex; 655 display: flex;
656 -webkit-box-orient: vertical; 656 -webkit-box-orient: vertical;
657 -webkit-box-direction: normal; 657 -webkit-box-direction: normal;
658 -ms-flex-direction: column; 658 -ms-flex-direction: column;
659 flex-direction: column; 659 flex-direction: column;
660 -webkit-box-pack: center; 660 -webkit-box-pack: center;
661 -ms-flex-pack: center; 661 -ms-flex-pack: center;
662 justify-content: center; 662 justify-content: center;
663 font-size: 12px; 663 font-size: 12px;
664 line-height: 1.4; 664 line-height: 1.4;
665 } 665 }
666 @media (min-width: 768px) { 666 @media (min-width: 768px) {
667 .nls span { 667 .nls span {
668 width: calc(100% - 24px); 668 width: calc(100% - 24px);
669 } 669 }
670 } 670 }
671 .nls b { 671 .nls b {
672 font-weight: 400; 672 font-weight: 400;
673 } 673 }
674 674
675 .title, 675 .title,
676 h1 { 676 h1 {
677 margin: 0; 677 margin: 0;
678 font-weight: 700; 678 font-weight: 700;
679 font-size: 32px; 679 font-size: 32px;
680 } 680 }
681 @media (min-width: 768px) { 681 @media (min-width: 768px) {
682 .title, 682 .title,
683 h1 { 683 h1 {
684 font-size: 40px; 684 font-size: 40px;
685 } 685 }
686 } 686 }
687 @media (min-width: 992px) { 687 @media (min-width: 992px) {
688 .title, 688 .title,
689 h1 { 689 h1 {
690 font-size: 48px; 690 font-size: 48px;
691 } 691 }
692 } 692 }
693 @media (min-width: 1280px) { 693 @media (min-width: 1280px) {
694 .title, 694 .title,
695 h1 { 695 h1 {
696 font-size: 64px; 696 font-size: 64px;
697 } 697 }
698 } 698 }
699 699
700 .swiper-pagination { 700 .swiper-pagination {
701 display: -webkit-box; 701 display: -webkit-box;
702 display: -ms-flexbox; 702 display: -ms-flexbox;
703 display: flex; 703 display: flex;
704 -webkit-box-pack: center; 704 -webkit-box-pack: center;
705 -ms-flex-pack: center; 705 -ms-flex-pack: center;
706 justify-content: center; 706 justify-content: center;
707 -webkit-box-align: center; 707 -webkit-box-align: center;
708 -ms-flex-align: center; 708 -ms-flex-align: center;
709 align-items: center; 709 align-items: center;
710 position: static; 710 position: static;
711 margin-top: 20px; 711 margin-top: 20px;
712 gap: 8px; 712 gap: 8px;
713 } 713 }
714 @media (min-width: 768px) { 714 @media (min-width: 768px) {
715 .swiper-pagination { 715 .swiper-pagination {
716 margin-top: 30px; 716 margin-top: 30px;
717 } 717 }
718 } 718 }
719 .swiper-pagination-bullet { 719 .swiper-pagination-bullet {
720 width: 16px; 720 width: 16px;
721 height: 16px; 721 height: 16px;
722 opacity: 1; 722 opacity: 1;
723 border: 1px solid #cdcece; 723 border: 1px solid #cdcece;
724 -webkit-transition: 0.3s; 724 -webkit-transition: 0.3s;
725 transition: 0.3s; 725 transition: 0.3s;
726 background: transparent; 726 background: transparent;
727 display: -webkit-box; 727 display: -webkit-box;
728 display: -ms-flexbox; 728 display: -ms-flexbox;
729 display: flex; 729 display: flex;
730 -webkit-box-pack: center; 730 -webkit-box-pack: center;
731 -ms-flex-pack: center; 731 -ms-flex-pack: center;
732 justify-content: center; 732 justify-content: center;
733 -webkit-box-align: center; 733 -webkit-box-align: center;
734 -ms-flex-align: center; 734 -ms-flex-align: center;
735 align-items: center; 735 align-items: center;
736 margin: 0 !important; 736 margin: 0 !important;
737 } 737 }
738 .swiper-pagination-bullet:before { 738 .swiper-pagination-bullet:before {
739 content: ""; 739 content: "";
740 width: 6px; 740 width: 6px;
741 height: 6px; 741 height: 6px;
742 border-radius: 999px; 742 border-radius: 999px;
743 background: #377d87; 743 background: #377d87;
744 opacity: 0; 744 opacity: 0;
745 -webkit-transition: 0.3s; 745 -webkit-transition: 0.3s;
746 transition: 0.3s; 746 transition: 0.3s;
747 } 747 }
748 .swiper-pagination-bullet:hover { 748 .swiper-pagination-bullet:hover {
749 border-color: #377d87; 749 border-color: #377d87;
750 } 750 }
751 .swiper-pagination-bullet-active { 751 .swiper-pagination-bullet-active {
752 border-color: #377d87; 752 border-color: #377d87;
753 } 753 }
754 .swiper-pagination-bullet-active:before { 754 .swiper-pagination-bullet-active:before {
755 opacity: 1; 755 opacity: 1;
756 } 756 }
757 757
758 .navs { 758 .navs {
759 display: -webkit-box; 759 display: -webkit-box;
760 display: -ms-flexbox; 760 display: -ms-flexbox;
761 display: flex; 761 display: flex;
762 -webkit-box-align: center; 762 -webkit-box-align: center;
763 -ms-flex-align: center; 763 -ms-flex-align: center;
764 align-items: center; 764 align-items: center;
765 -webkit-box-pack: justify; 765 -webkit-box-pack: justify;
766 -ms-flex-pack: justify; 766 -ms-flex-pack: justify;
767 justify-content: space-between; 767 justify-content: space-between;
768 gap: 20px; 768 gap: 20px;
769 width: 80px; 769 width: 80px;
770 } 770 }
771 .navs button { 771 .navs button {
772 color: #377d87; 772 color: #377d87;
773 background: none; 773 background: none;
774 border: none; 774 border: none;
775 padding: 0; 775 padding: 0;
776 } 776 }
777 .navs button[disabled] { 777 .navs button[disabled] {
778 cursor: not-allowed; 778 cursor: not-allowed;
779 color: #cddee1; 779 color: #cddee1;
780 } 780 }
781 .navs svg { 781 .navs svg {
782 width: 14px; 782 width: 14px;
783 height: 28px; 783 height: 28px;
784 } 784 }
785 785
786 .select { 786 .select {
787 position: relative; 787 position: relative;
788 } 788 }
789 .select2 { 789 .select2 {
790 width: 100% !important; 790 width: 100% !important;
791 } 791 }
792 .select2-container { 792 .select2-container {
793 font-size: 12px; 793 font-size: 12px;
794 } 794 }
795 @media (min-width: 768px) { 795 @media (min-width: 768px) {
796 .select2-container { 796 .select2-container {
797 font-size: 16px; 797 font-size: 16px;
798 } 798 }
799 } 799 }
800 .select2-container--open .select2-selection { 800 .select2-container--open .select2-selection {
801 border-color: #377d87 !important; 801 border-color: #377d87 !important;
802 } 802 }
803 .select2-container--open .select2-selection__arrow svg { 803 .select2-container--open .select2-selection__arrow svg {
804 -webkit-transform: rotate(180deg); 804 -webkit-transform: rotate(180deg);
805 -ms-transform: rotate(180deg); 805 -ms-transform: rotate(180deg);
806 transform: rotate(180deg); 806 transform: rotate(180deg);
807 } 807 }
808 .select2-selection { 808 .select2-selection {
809 min-height: 30px !important; 809 min-height: 30px !important;
810 border-radius: 8px !important; 810 border-radius: 8px !important;
811 border-color: #e7e7e7 !important; 811 border-color: #e7e7e7 !important;
812 -webkit-transition: 0.3s; 812 -webkit-transition: 0.3s;
813 transition: 0.3s; 813 transition: 0.3s;
814 } 814 }
815 @media (min-width: 768px) { 815 @media (min-width: 768px) {
816 .select2-selection { 816 .select2-selection {
817 min-height: 50px !important; 817 min-height: 50px !important;
818 } 818 }
819 } 819 }
820 .select2-selection__rendered { 820 .select2-selection__rendered {
821 line-height: 28px !important; 821 line-height: 28px !important;
822 padding: 0 30px 0 10px !important; 822 padding: 0 30px 0 10px !important;
823 } 823 }
824 @media (min-width: 768px) { 824 @media (min-width: 768px) {
825 .select2-selection__rendered { 825 .select2-selection__rendered {
826 line-height: 48px !important; 826 line-height: 48px !important;
827 padding: 0 46px 0 20px !important; 827 padding: 0 46px 0 20px !important;
828 } 828 }
829 } 829 }
830 .select2-selection__arrow { 830 .select2-selection__arrow {
831 top: 0 !important; 831 top: 0 !important;
832 right: 0 !important; 832 right: 0 !important;
833 width: 30px !important; 833 width: 30px !important;
834 height: 100% !important; 834 height: 100% !important;
835 display: -webkit-box; 835 display: -webkit-box;
836 display: -ms-flexbox; 836 display: -ms-flexbox;
837 display: flex; 837 display: flex;
838 -webkit-box-pack: center; 838 -webkit-box-pack: center;
839 -ms-flex-pack: center; 839 -ms-flex-pack: center;
840 justify-content: center; 840 justify-content: center;
841 -webkit-box-align: center; 841 -webkit-box-align: center;
842 -ms-flex-align: center; 842 -ms-flex-align: center;
843 align-items: center; 843 align-items: center;
844 color: #377d87; 844 color: #377d87;
845 } 845 }
846 @media (min-width: 768px) { 846 @media (min-width: 768px) {
847 .select2-selection__arrow { 847 .select2-selection__arrow {
848 width: 50px !important; 848 width: 50px !important;
849 } 849 }
850 } 850 }
851 .select2-selection__arrow svg { 851 .select2-selection__arrow svg {
852 width: 12px; 852 width: 12px;
853 height: 12px; 853 height: 12px;
854 -webkit-transition: 0.3s; 854 -webkit-transition: 0.3s;
855 transition: 0.3s; 855 transition: 0.3s;
856 } 856 }
857 @media (min-width: 768px) { 857 @media (min-width: 768px) {
858 .select2-selection__arrow svg { 858 .select2-selection__arrow svg {
859 width: 14px; 859 width: 14px;
860 height: 14px; 860 height: 14px;
861 } 861 }
862 } 862 }
863 .select2-selection__choice { 863 .select2-selection__choice {
864 display: -webkit-box; 864 display: -webkit-box;
865 display: -ms-flexbox; 865 display: -ms-flexbox;
866 display: flex; 866 display: flex;
867 -webkit-box-orient: horizontal; 867 -webkit-box-orient: horizontal;
868 -webkit-box-direction: reverse; 868 -webkit-box-direction: reverse;
869 -ms-flex-direction: row-reverse; 869 -ms-flex-direction: row-reverse;
870 flex-direction: row-reverse; 870 flex-direction: row-reverse;
871 -webkit-box-align: center; 871 -webkit-box-align: center;
872 -ms-flex-align: center; 872 -ms-flex-align: center;
873 align-items: center; 873 align-items: center;
874 -webkit-box-pack: center; 874 -webkit-box-pack: center;
875 -ms-flex-pack: center; 875 -ms-flex-pack: center;
876 justify-content: center; 876 justify-content: center;
877 gap: 4px; 877 gap: 4px;
878 padding: 0 4px 0 6px !important; 878 padding: 0 4px 0 6px !important;
879 background: #377d87 !important; 879 background: #377d87 !important;
880 border: none !important; 880 border: none !important;
881 border-radius: 6px !important; 881 border-radius: 6px !important;
882 line-height: 1 !important; 882 line-height: 1 !important;
883 color: #ffffff; 883 color: #ffffff;
884 height: 24px; 884 height: 24px;
885 } 885 }
886 @media (min-width: 768px) { 886 @media (min-width: 768px) {
887 .select2-selection__choice { 887 .select2-selection__choice {
888 height: 32px; 888 height: 32px;
889 gap: 6px; 889 gap: 6px;
890 padding: 0 6px 0 10px !important; 890 padding: 0 6px 0 10px !important;
891 border-radius: 8px !important; 891 border-radius: 8px !important;
892 } 892 }
893 } 893 }
894 .select2-selection__choice__remove { 894 .select2-selection__choice__remove {
895 width: 14px; 895 width: 14px;
896 height: 14px; 896 height: 14px;
897 padding-top: 4px; 897 padding-top: 4px;
898 display: -webkit-box !important; 898 display: -webkit-box !important;
899 display: -ms-flexbox !important; 899 display: -ms-flexbox !important;
900 display: flex !important; 900 display: flex !important;
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 -webkit-box-align: center; 904 -webkit-box-align: center;
905 -ms-flex-align: center; 905 -ms-flex-align: center;
906 align-items: center; 906 align-items: center;
907 color: #ffffff !important; 907 color: #ffffff !important;
908 font-weight: 400 !important; 908 font-weight: 400 !important;
909 font-size: 26px; 909 font-size: 26px;
910 } 910 }
911 .select2-search { 911 .select2-search {
912 display: none; 912 display: none;
913 } 913 }
914 .select2-dropdown { 914 .select2-dropdown {
915 z-index: 99999; 915 z-index: 99999;
916 border: none; 916 border: none;
917 border-radius: 0; 917 border-radius: 0;
918 background: none; 918 background: none;
919 padding: 5px 0; 919 padding: 5px 0;
920 } 920 }
921 @media (min-width: 768px) { 921 @media (min-width: 768px) {
922 .select2-dropdown { 922 .select2-dropdown {
923 padding: 10px 0; 923 padding: 10px 0;
924 } 924 }
925 } 925 }
926 .select2-results { 926 .select2-results {
927 background: #ffffff; 927 background: #ffffff;
928 border-radius: 8px; 928 border-radius: 8px;
929 border: 1px solid #377d87; 929 border: 1px solid #377d87;
930 overflow: hidden; 930 overflow: hidden;
931 } 931 }
932 @media (min-width: 768px) { 932 @media (min-width: 768px) {
933 .select2-results__option { 933 .select2-results__option {
934 padding: 10px 14px; 934 padding: 10px 14px;
935 } 935 }
936 } 936 }
937 .select2-results__option--highlighted { 937 .select2-results__option--highlighted {
938 background: #377d87 !important; 938 background: #377d87 !important;
939 } 939 }
940 @media (min-width: 768px) { 940 @media (min-width: 768px) {
941 .select_search .select2-selection__rendered { 941 .select_search .select2-selection__rendered {
942 padding-left: 60px !important; 942 padding-left: 60px !important;
943 } 943 }
944 } 944 }
945 .select_search .select__icon { 945 .select_search .select__icon {
946 display: none; 946 display: none;
947 height: 28px; 947 height: 28px;
948 -webkit-box-align: center; 948 -webkit-box-align: center;
949 -ms-flex-align: center; 949 -ms-flex-align: center;
950 align-items: center; 950 align-items: center;
951 padding-right: 12px; 951 padding-right: 12px;
952 z-index: 2; 952 z-index: 2;
953 position: absolute; 953 position: absolute;
954 top: 50%; 954 top: 50%;
955 left: 15px; 955 left: 15px;
956 margin-top: -14px; 956 margin-top: -14px;
957 } 957 }
958 @media (min-width: 768px) { 958 @media (min-width: 768px) {
959 .select_search .select__icon { 959 .select_search .select__icon {
960 display: -webkit-box; 960 display: -webkit-box;
961 display: -ms-flexbox; 961 display: -ms-flexbox;
962 display: flex; 962 display: flex;
963 } 963 }
964 } 964 }
965 .select_search .select__icon:after { 965 .select_search .select__icon:after {
966 content: ""; 966 content: "";
967 width: 1px; 967 width: 1px;
968 height: 100%; 968 height: 100%;
969 border-radius: 999px; 969 border-radius: 999px;
970 position: absolute; 970 position: absolute;
971 top: 0; 971 top: 0;
972 right: 0; 972 right: 0;
973 background: #cecece; 973 background: #cecece;
974 } 974 }
975 .select_search .select__icon svg { 975 .select_search .select__icon svg {
976 color: #9c9d9d; 976 color: #9c9d9d;
977 width: 20px; 977 width: 20px;
978 height: 20px; 978 height: 20px;
979 } 979 }
980 980
981 .form-group { 981 .form-group {
982 display: -webkit-box; 982 display: -webkit-box;
983 display: -ms-flexbox; 983 display: -ms-flexbox;
984 display: flex; 984 display: flex;
985 -webkit-box-orient: vertical; 985 -webkit-box-orient: vertical;
986 -webkit-box-direction: normal; 986 -webkit-box-direction: normal;
987 -ms-flex-direction: column; 987 -ms-flex-direction: column;
988 flex-direction: column; 988 flex-direction: column;
989 gap: 4px; 989 gap: 4px;
990 } 990 }
991 .form-group__label { 991 .form-group__label {
992 font-size: 12px; 992 font-size: 12px;
993 } 993 }
994 @media (min-width: 768px) { 994 @media (min-width: 768px) {
995 .form-group__label { 995 .form-group__label {
996 font-size: 16px; 996 font-size: 16px;
997 } 997 }
998 } 998 }
999 .form-group__item { 999 .form-group__item {
1000 display: -webkit-box; 1000 display: -webkit-box;
1001 display: -ms-flexbox; 1001 display: -ms-flexbox;
1002 display: flex; 1002 display: flex;
1003 -webkit-box-orient: vertical; 1003 -webkit-box-orient: vertical;
1004 -webkit-box-direction: normal; 1004 -webkit-box-direction: normal;
1005 -ms-flex-direction: column; 1005 -ms-flex-direction: column;
1006 flex-direction: column; 1006 flex-direction: column;
1007 position: relative; 1007 position: relative;
1008 } 1008 }
1009 1009
1010 .input { 1010 .input {
1011 display: block; 1011 display: block;
1012 height: 30px; 1012 height: 30px;
1013 border: 1px solid #cecece; 1013 border: 1px solid #cecece;
1014 background: #ffffff; 1014 background: #ffffff;
1015 font-size: 12px; 1015 font-size: 12px;
1016 border-radius: 8px; 1016 border-radius: 8px;
1017 padding: 0 10px; 1017 padding: 0 10px;
1018 color: #3a3b3c; 1018 color: #3a3b3c;
1019 -webkit-transition: 0.3s; 1019 -webkit-transition: 0.3s;
1020 transition: 0.3s; 1020 transition: 0.3s;
1021 position: relative; 1021 position: relative;
1022 z-index: 1; 1022 z-index: 1;
1023 } 1023 }
1024 @media (min-width: 768px) { 1024 @media (min-width: 768px) {
1025 .input { 1025 .input {
1026 padding: 0 20px; 1026 padding: 0 20px;
1027 height: 44px; 1027 height: 44px;
1028 font-size: 16px; 1028 font-size: 16px;
1029 } 1029 }
1030 } 1030 }
1031 .input:focus { 1031 .input:focus {
1032 border-color: #377d87; 1032 border-color: #377d87;
1033 } 1033 }
1034 .input[disabled] { 1034 .input[disabled] {
1035 color: #9c9d9d; 1035 color: #9c9d9d;
1036 background: #e7e7e7; 1036 background: #e7e7e7;
1037 } 1037 }
1038 .input[type=date] { 1038 .input[type=date] {
1039 text-transform: uppercase; 1039 text-transform: uppercase;
1040 } 1040 }
1041 1041
1042 .textarea { 1042 .textarea {
1043 resize: none; 1043 resize: none;
1044 display: block; 1044 display: block;
1045 width: 100%; 1045 width: 100%;
1046 border-radius: 8px; 1046 border-radius: 8px;
1047 border: 1px solid #cecece; 1047 border: 1px solid #cecece;
1048 background: #ffffff; 1048 background: #ffffff;
1049 -webkit-transition: 0.3s; 1049 -webkit-transition: 0.3s;
1050 transition: 0.3s; 1050 transition: 0.3s;
1051 font-size: 12px; 1051 font-size: 12px;
1052 line-height: 1.4; 1052 line-height: 1.4;
1053 padding: 10px; 1053 padding: 10px;
1054 aspect-ratio: 8/3; 1054 aspect-ratio: 8/3;
1055 max-height: 250px; 1055 max-height: 250px;
1056 } 1056 }
1057 @media (min-width: 768px) { 1057 @media (min-width: 768px) {
1058 .textarea { 1058 .textarea {
1059 padding: 20px; 1059 padding: 20px;
1060 font-size: 16px; 1060 font-size: 16px;
1061 height: 280px; 1061 height: 280px;
1062 } 1062 }
1063 } 1063 }
1064 .textarea:focus { 1064 .textarea:focus {
1065 border-color: #377d87; 1065 border-color: #377d87;
1066 } 1066 }
1067 1067
1068 .button { 1068 .button {
1069 display: -webkit-box; 1069 display: -webkit-box;
1070 display: -ms-flexbox; 1070 display: -ms-flexbox;
1071 display: flex; 1071 display: flex;
1072 -webkit-box-pack: center; 1072 -webkit-box-pack: center;
1073 -ms-flex-pack: center; 1073 -ms-flex-pack: center;
1074 justify-content: center; 1074 justify-content: center;
1075 -webkit-box-align: center; 1075 -webkit-box-align: center;
1076 -ms-flex-align: center; 1076 -ms-flex-align: center;
1077 align-items: center; 1077 align-items: center;
1078 color: #ffffff; 1078 color: #ffffff;
1079 background: #377d87; 1079 background: #377d87;
1080 height: 30px; 1080 height: 30px;
1081 border-radius: 8px; 1081 border-radius: 8px;
1082 padding: 0 12px; 1082 padding: 0 12px;
1083 border: 1px solid #377d87; 1083 border: 1px solid #377d87;
1084 font-weight: 700; 1084 font-weight: 700;
1085 font-size: 12px; 1085 font-size: 12px;
1086 text-align: center; 1086 text-align: center;
1087 line-height: 1; 1087 line-height: 1;
1088 gap: 6px; 1088 gap: 6px;
1089 -webkit-transition: 0.3s; 1089 -webkit-transition: 0.3s;
1090 transition: 0.3s; 1090 transition: 0.3s;
1091 cursor: pointer; 1091 cursor: pointer;
1092 } 1092 }
1093 @media (min-width: 768px) { 1093 @media (min-width: 768px) {
1094 .button { 1094 .button {
1095 padding: 0 24px; 1095 padding: 0 24px;
1096 font-size: 16px; 1096 font-size: 16px;
1097 height: 44px; 1097 height: 44px;
1098 gap: 12px; 1098 gap: 12px;
1099 } 1099 }
1100 } 1100 }
1101 @media (min-width: 992px) { 1101 @media (min-width: 992px) {
1102 .button { 1102 .button {
1103 padding: 0 36px; 1103 padding: 0 36px;
1104 } 1104 }
1105 } 1105 }
1106 .button:hover { 1106 .button:hover {
1107 background: transparent; 1107 background: transparent;
1108 color: #377d87; 1108 color: #377d87;
1109 } 1109 }
1110 .button img, 1110 .button img,
1111 .button svg { 1111 .button svg {
1112 width: 12px; 1112 width: 12px;
1113 height: 12px; 1113 height: 12px;
1114 } 1114 }
1115 @media (min-width: 768px) { 1115 @media (min-width: 768px) {
1116 .button img, 1116 .button img,
1117 .button svg { 1117 .button svg {
1118 width: 18px; 1118 width: 18px;
1119 height: 18px; 1119 height: 18px;
1120 } 1120 }
1121 } 1121 }
1122 .button_more span + span { 1122 .button_more span + span {
1123 display: none; 1123 display: none;
1124 } 1124 }
1125 .button_more.active span { 1125 .button_more.active span {
1126 display: none; 1126 display: none;
1127 } 1127 }
1128 .button_more.active span + span { 1128 .button_more.active span + span {
1129 display: block; 1129 display: block;
1130 } 1130 }
1131 .button_light { 1131 .button_light {
1132 background: transparent; 1132 background: transparent;
1133 color: #377d87; 1133 color: #377d87;
1134 } 1134 }
1135 .button_light:hover { 1135 .button_light:hover {
1136 background: #377d87; 1136 background: #377d87;
1137 color: #ffffff; 1137 color: #ffffff;
1138 } 1138 }
1139 .button_whited { 1139 .button_whited {
1140 background: #ffffff; 1140 background: #ffffff;
1141 color: #377d87; 1141 color: #377d87;
1142 border-color: #ffffff; 1142 border-color: #ffffff;
1143 } 1143 }
1144 .button_whited:hover { 1144 .button_whited:hover {
1145 background: #377d87; 1145 background: #377d87;
1146 color: #ffffff; 1146 color: #ffffff;
1147 } 1147 }
1148 1148
1149 .search { 1149 .search {
1150 width: 100%; 1150 width: 100%;
1151 position: relative; 1151 position: relative;
1152 background: #ffffff; 1152 background: #ffffff;
1153 border-radius: 8px; 1153 border-radius: 8px;
1154 } 1154 }
1155 .search span { 1155 .search span {
1156 display: none; 1156 display: none;
1157 height: 28px; 1157 height: 28px;
1158 -webkit-box-align: center; 1158 -webkit-box-align: center;
1159 -ms-flex-align: center; 1159 -ms-flex-align: center;
1160 align-items: center; 1160 align-items: center;
1161 padding-right: 12px; 1161 padding-right: 12px;
1162 z-index: 1; 1162 z-index: 1;
1163 position: absolute; 1163 position: absolute;
1164 top: 50%; 1164 top: 50%;
1165 left: 15px; 1165 left: 15px;
1166 margin-top: -14px; 1166 margin-top: -14px;
1167 } 1167 }
1168 @media (min-width: 768px) { 1168 @media (min-width: 768px) {
1169 .search span { 1169 .search span {
1170 display: -webkit-box; 1170 display: -webkit-box;
1171 display: -ms-flexbox; 1171 display: -ms-flexbox;
1172 display: flex; 1172 display: flex;
1173 } 1173 }
1174 } 1174 }
1175 .search span:after { 1175 .search span:after {
1176 content: ""; 1176 content: "";
1177 width: 1px; 1177 width: 1px;
1178 height: 100%; 1178 height: 100%;
1179 border-radius: 999px; 1179 border-radius: 999px;
1180 position: absolute; 1180 position: absolute;
1181 top: 0; 1181 top: 0;
1182 right: 0; 1182 right: 0;
1183 background: #cecece; 1183 background: #cecece;
1184 } 1184 }
1185 .search span svg { 1185 .search span svg {
1186 color: #9c9d9d; 1186 color: #9c9d9d;
1187 width: 20px; 1187 width: 20px;
1188 height: 20px; 1188 height: 20px;
1189 } 1189 }
1190 .search input { 1190 .search input {
1191 width: 100%; 1191 width: 100%;
1192 padding-right: 150px; 1192 padding-right: 150px;
1193 position: relative; 1193 position: relative;
1194 z-index: 2; 1194 z-index: 2;
1195 background: none; 1195 background: none;
1196 } 1196 }
1197 @media (min-width: 768px) { 1197 @media (min-width: 768px) {
1198 .search input { 1198 .search input {
1199 padding-left: 60px; 1199 padding-left: 60px;
1200 padding-right: 220px; 1200 padding-right: 220px;
1201 } 1201 }
1202 } 1202 }
1203 .search button { 1203 .search button {
1204 width: 140px; 1204 width: 140px;
1205 position: absolute; 1205 position: absolute;
1206 padding: 0; 1206 padding: 0;
1207 top: 0; 1207 top: 0;
1208 right: 0; 1208 right: 0;
1209 z-index: 3; 1209 z-index: 3;
1210 } 1210 }
1211 @media (min-width: 768px) { 1211 @media (min-width: 768px) {
1212 .search button { 1212 .search button {
1213 width: 200px; 1213 width: 200px;
1214 } 1214 }
1215 } 1215 }
1216 1216
1217 .breadcrumbs { 1217 .breadcrumbs {
1218 display: -webkit-box; 1218 display: -webkit-box;
1219 display: -ms-flexbox; 1219 display: -ms-flexbox;
1220 display: flex; 1220 display: flex;
1221 -webkit-box-align: center; 1221 -webkit-box-align: center;
1222 -ms-flex-align: center; 1222 -ms-flex-align: center;
1223 align-items: center; 1223 align-items: center;
1224 -ms-flex-wrap: wrap; 1224 -ms-flex-wrap: wrap;
1225 flex-wrap: wrap; 1225 flex-wrap: wrap;
1226 gap: 12px 6px; 1226 gap: 12px 6px;
1227 margin: 0; 1227 margin: 0;
1228 padding: 0; 1228 padding: 0;
1229 font-size: 11px; 1229 font-size: 11px;
1230 color: #cecece; 1230 color: #cecece;
1231 line-height: 1; 1231 line-height: 1;
1232 } 1232 }
1233 @media (min-width: 992px) { 1233 @media (min-width: 992px) {
1234 .breadcrumbs { 1234 .breadcrumbs {
1235 font-size: 13px; 1235 font-size: 13px;
1236 } 1236 }
1237 } 1237 }
1238 @media (min-width: 1280px) { 1238 @media (min-width: 1280px) {
1239 .breadcrumbs { 1239 .breadcrumbs {
1240 font-size: 16px; 1240 font-size: 16px;
1241 } 1241 }
1242 } 1242 }
1243 .breadcrumbs li { 1243 .breadcrumbs li {
1244 display: -webkit-box; 1244 display: -webkit-box;
1245 display: -ms-flexbox; 1245 display: -ms-flexbox;
1246 display: flex; 1246 display: flex;
1247 -webkit-box-align: center; 1247 -webkit-box-align: center;
1248 -ms-flex-align: center; 1248 -ms-flex-align: center;
1249 align-items: center; 1249 align-items: center;
1250 gap: 6px; 1250 gap: 6px;
1251 } 1251 }
1252 .breadcrumbs li:before { 1252 .breadcrumbs li:before {
1253 content: ""; 1253 content: "";
1254 width: 4px; 1254 width: 4px;
1255 height: 4px; 1255 height: 4px;
1256 background: #cecece; 1256 background: #cecece;
1257 border-radius: 999px; 1257 border-radius: 999px;
1258 position: relative; 1258 position: relative;
1259 top: -1px; 1259 top: -1px;
1260 } 1260 }
1261 .breadcrumbs li:first-child:before { 1261 .breadcrumbs li:first-child:before {
1262 display: none; 1262 display: none;
1263 } 1263 }
1264 .breadcrumbs li:last-child:before { 1264 .breadcrumbs li:last-child:before {
1265 background: #377d87; 1265 background: #377d87;
1266 } 1266 }
1267 .breadcrumbs a:hover { 1267 .breadcrumbs a:hover {
1268 color: #377d87; 1268 color: #377d87;
1269 } 1269 }
1270 .breadcrumbs b { 1270 .breadcrumbs b {
1271 color: #377d87; 1271 color: #377d87;
1272 font-weight: 700; 1272 font-weight: 700;
1273 } 1273 }
1274 1274
1275 .pagination { 1275 .pagination {
1276 display: -webkit-box; 1276 display: -webkit-box;
1277 display: -ms-flexbox; 1277 display: -ms-flexbox;
1278 display: flex; 1278 display: flex;
1279 -webkit-box-align: center; 1279 -webkit-box-align: center;
1280 -ms-flex-align: center; 1280 -ms-flex-align: center;
1281 align-items: center; 1281 align-items: center;
1282 -webkit-box-pack: center; 1282 -webkit-box-pack: center;
1283 -ms-flex-pack: center; 1283 -ms-flex-pack: center;
1284 justify-content: center; 1284 justify-content: center;
1285 line-height: 1; 1285 line-height: 1;
1286 color: #3a3b3c; 1286 color: #3a3b3c;
1287 font-size: 12px; 1287 font-size: 12px;
1288 margin: 0 auto; 1288 margin: 0 auto;
1289 } 1289 }
1290 @media (min-width: 768px) { 1290 @media (min-width: 768px) {
1291 .pagination { 1291 .pagination {
1292 font-size: 14px; 1292 font-size: 14px;
1293 gap: 3px; 1293 gap: 3px;
1294 } 1294 }
1295 } 1295 }
1296 .pagination__item { 1296 .pagination__item {
1297 width: 40px; 1297 width: 40px;
1298 height: 40px; 1298 height: 40px;
1299 display: -webkit-box; 1299 display: -webkit-box;
1300 display: -ms-flexbox; 1300 display: -ms-flexbox;
1301 display: flex; 1301 display: flex;
1302 -webkit-box-pack: center; 1302 -webkit-box-pack: center;
1303 -ms-flex-pack: center; 1303 -ms-flex-pack: center;
1304 justify-content: center; 1304 justify-content: center;
1305 -webkit-box-align: center; 1305 -webkit-box-align: center;
1306 -ms-flex-align: center; 1306 -ms-flex-align: center;
1307 align-items: center; 1307 align-items: center;
1308 background: none; 1308 background: none;
1309 padding: 0; 1309 padding: 0;
1310 border: 1px solid transparent; 1310 border: 1px solid transparent;
1311 border-radius: 8px; 1311 border-radius: 8px;
1312 } 1312 }
1313 .pagination__item:hover { 1313 .pagination__item:hover {
1314 -webkit-transition: 0s; 1314 -webkit-transition: 0s;
1315 transition: 0s; 1315 transition: 0s;
1316 color: #377d87; 1316 color: #377d87;
1317 font-weight: 700; 1317 font-weight: 700;
1318 } 1318 }
1319 .pagination__item.active { 1319 .pagination__item.active {
1320 font-weight: 700; 1320 font-weight: 700;
1321 color: #ffffff; 1321 color: #ffffff;
1322 background: #377d87; 1322 background: #377d87;
1323 border-color: #377d87; 1323 border-color: #377d87;
1324 } 1324 }
1325 .pagination__dots { 1325 .pagination__dots {
1326 width: 40px; 1326 width: 40px;
1327 height: 40px; 1327 height: 40px;
1328 display: -webkit-box; 1328 display: -webkit-box;
1329 display: -ms-flexbox; 1329 display: -ms-flexbox;
1330 display: flex; 1330 display: flex;
1331 -webkit-box-pack: center; 1331 -webkit-box-pack: center;
1332 -ms-flex-pack: center; 1332 -ms-flex-pack: center;
1333 justify-content: center; 1333 justify-content: center;
1334 -webkit-box-align: center; 1334 -webkit-box-align: center;
1335 -ms-flex-align: center; 1335 -ms-flex-align: center;
1336 align-items: center; 1336 align-items: center;
1337 } 1337 }
1338 .pagination__dots svg { 1338 .pagination__dots svg {
1339 width: 15px; 1339 width: 15px;
1340 height: 15px; 1340 height: 15px;
1341 } 1341 }
1342 .pagination__nav { 1342 .pagination__nav {
1343 width: 40px; 1343 width: 40px;
1344 height: 40px; 1344 height: 40px;
1345 display: none; 1345 display: none;
1346 -webkit-box-pack: center; 1346 -webkit-box-pack: center;
1347 -ms-flex-pack: center; 1347 -ms-flex-pack: center;
1348 justify-content: center; 1348 justify-content: center;
1349 -webkit-box-align: center; 1349 -webkit-box-align: center;
1350 -ms-flex-align: center; 1350 -ms-flex-align: center;
1351 align-items: center; 1351 align-items: center;
1352 background: none; 1352 background: none;
1353 padding: 0; 1353 padding: 0;
1354 border: 1px solid #cddee1; 1354 border: 1px solid #cddee1;
1355 color: #377d87; 1355 color: #377d87;
1356 border-radius: 8px; 1356 border-radius: 8px;
1357 } 1357 }
1358 @media (min-width: 768px) { 1358 @media (min-width: 768px) {
1359 .pagination__nav { 1359 .pagination__nav {
1360 display: -webkit-box; 1360 display: -webkit-box;
1361 display: -ms-flexbox; 1361 display: -ms-flexbox;
1362 display: flex; 1362 display: flex;
1363 } 1363 }
1364 } 1364 }
1365 .pagination__nav:hover { 1365 .pagination__nav:hover {
1366 border-color: #377d87; 1366 border-color: #377d87;
1367 background: #377d87; 1367 background: #377d87;
1368 color: #ffffff; 1368 color: #ffffff;
1369 } 1369 }
1370 .pagination__nav svg { 1370 .pagination__nav svg {
1371 width: 10px; 1371 width: 10px;
1372 height: 10px; 1372 height: 10px;
1373 } 1373 }
1374 .pagination__nav_prev { 1374 .pagination__nav_prev {
1375 margin-right: 37px; 1375 margin-right: 37px;
1376 } 1376 }
1377 .pagination__nav_prev svg { 1377 .pagination__nav_prev svg {
1378 -webkit-transform: rotate(180deg); 1378 -webkit-transform: rotate(180deg);
1379 -ms-transform: rotate(180deg); 1379 -ms-transform: rotate(180deg);
1380 transform: rotate(180deg); 1380 transform: rotate(180deg);
1381 } 1381 }
1382 .pagination__nav_next { 1382 .pagination__nav_next {
1383 margin-left: 37px; 1383 margin-left: 37px;
1384 } 1384 }
1385 1385
1386 .filters { 1386 .filters {
1387 display: -webkit-box; 1387 display: -webkit-box;
1388 display: -ms-flexbox; 1388 display: -ms-flexbox;
1389 display: flex; 1389 display: flex;
1390 -webkit-box-orient: vertical; 1390 -webkit-box-orient: vertical;
1391 -webkit-box-direction: normal; 1391 -webkit-box-direction: normal;
1392 -ms-flex-direction: column; 1392 -ms-flex-direction: column;
1393 flex-direction: column; 1393 flex-direction: column;
1394 gap: 10px; 1394 gap: 10px;
1395 } 1395 }
1396 @media (min-width: 768px) { 1396 @media (min-width: 768px) {
1397 .filters { 1397 .filters {
1398 -webkit-box-orient: horizontal; 1398 -webkit-box-orient: horizontal;
1399 -webkit-box-direction: normal; 1399 -webkit-box-direction: normal;
1400 -ms-flex-direction: row; 1400 -ms-flex-direction: row;
1401 flex-direction: row; 1401 flex-direction: row;
1402 -webkit-box-align: center; 1402 -webkit-box-align: center;
1403 -ms-flex-align: center; 1403 -ms-flex-align: center;
1404 align-items: center; 1404 align-items: center;
1405 -webkit-box-pack: justify; 1405 -webkit-box-pack: justify;
1406 -ms-flex-pack: justify; 1406 -ms-flex-pack: justify;
1407 justify-content: space-between; 1407 justify-content: space-between;
1408 } 1408 }
1409 } 1409 }
1410 .filters__label { 1410 .filters__label {
1411 color: #377d87; 1411 color: #377d87;
1412 font-size: 12px; 1412 font-size: 12px;
1413 font-weight: 700; 1413 font-weight: 700;
1414 } 1414 }
1415 @media (min-width: 768px) { 1415 @media (min-width: 768px) {
1416 .filters__label { 1416 .filters__label {
1417 font-size: 16px; 1417 font-size: 16px;
1418 } 1418 }
1419 } 1419 }
1420 @media (min-width: 992px) { 1420 @media (min-width: 992px) {
1421 .filters__label { 1421 .filters__label {
1422 font-size: 18px; 1422 font-size: 18px;
1423 } 1423 }
1424 } 1424 }
1425 .filters__body { 1425 .filters__body {
1426 display: -webkit-box; 1426 display: -webkit-box;
1427 display: -ms-flexbox; 1427 display: -ms-flexbox;
1428 display: flex; 1428 display: flex;
1429 -webkit-box-orient: vertical; 1429 -webkit-box-orient: vertical;
1430 -webkit-box-direction: normal; 1430 -webkit-box-direction: normal;
1431 -ms-flex-direction: column; 1431 -ms-flex-direction: column;
1432 flex-direction: column; 1432 flex-direction: column;
1433 } 1433 }
1434 @media (min-width: 768px) { 1434 @media (min-width: 768px) {
1435 .filters__body { 1435 .filters__body {
1436 -webkit-box-orient: horizontal; 1436 -webkit-box-orient: horizontal;
1437 -webkit-box-direction: normal; 1437 -webkit-box-direction: normal;
1438 -ms-flex-direction: row; 1438 -ms-flex-direction: row;
1439 flex-direction: row; 1439 flex-direction: row;
1440 -webkit-box-align: center; 1440 -webkit-box-align: center;
1441 -ms-flex-align: center; 1441 -ms-flex-align: center;
1442 align-items: center; 1442 align-items: center;
1443 } 1443 }
1444 } 1444 }
1445 @media (min-width: 768px) { 1445 @media (min-width: 768px) {
1446 .filters__select { 1446 .filters__select {
1447 width: 250px; 1447 width: 250px;
1448 } 1448 }
1449 } 1449 }
1450 @media (min-width: 992px) { 1450 @media (min-width: 992px) {
1451 .filters__select { 1451 .filters__select {
1452 width: 310px; 1452 width: 310px;
1453 } 1453 }
1454 } 1454 }
1455 .filters__item { 1455 .filters__item {
1456 display: none; 1456 display: none;
1457 -webkit-box-pack: center; 1457 -webkit-box-pack: center;
1458 -ms-flex-pack: center; 1458 -ms-flex-pack: center;
1459 justify-content: center; 1459 justify-content: center;
1460 -webkit-box-align: center; 1460 -webkit-box-align: center;
1461 -ms-flex-align: center; 1461 -ms-flex-align: center;
1462 align-items: center; 1462 align-items: center;
1463 width: 50px; 1463 width: 50px;
1464 height: 50px; 1464 height: 50px;
1465 padding: 0; 1465 padding: 0;
1466 background: #ffffff; 1466 background: #ffffff;
1467 border: 1px solid #377d87; 1467 border: 1px solid #377d87;
1468 color: #377d87; 1468 color: #377d87;
1469 border-radius: 8px; 1469 border-radius: 8px;
1470 margin-left: 20px; 1470 margin-left: 20px;
1471 } 1471 }
1472 @media (min-width: 768px) { 1472 @media (min-width: 768px) {
1473 .filters__item { 1473 .filters__item {
1474 display: -webkit-box; 1474 display: -webkit-box;
1475 display: -ms-flexbox; 1475 display: -ms-flexbox;
1476 display: flex; 1476 display: flex;
1477 } 1477 }
1478 } 1478 }
1479 .filters__item svg { 1479 .filters__item svg {
1480 width: 24px; 1480 width: 24px;
1481 height: 24px; 1481 height: 24px;
1482 } 1482 }
1483 .filters__item.active { 1483 .filters__item.active {
1484 background: #377d87; 1484 background: #377d87;
1485 color: #ffffff; 1485 color: #ffffff;
1486 } 1486 }
1487 .filters__item + .filters__item { 1487 .filters__item + .filters__item {
1488 margin-left: 8px; 1488 margin-left: 8px;
1489 } 1489 }
1490 1490
1491 .like, 1491 .like,
1492 .chat { 1492 .chat {
1493 width: 30px; 1493 width: 30px;
1494 height: 30px; 1494 height: 30px;
1495 display: -webkit-box; 1495 display: -webkit-box;
1496 display: -ms-flexbox; 1496 display: -ms-flexbox;
1497 display: flex; 1497 display: flex;
1498 -webkit-box-pack: center; 1498 -webkit-box-pack: center;
1499 -ms-flex-pack: center; 1499 -ms-flex-pack: center;
1500 justify-content: center; 1500 justify-content: center;
1501 -webkit-box-align: center; 1501 -webkit-box-align: center;
1502 -ms-flex-align: center; 1502 -ms-flex-align: center;
1503 align-items: center; 1503 align-items: center;
1504 background: none; 1504 background: none;
1505 border: 1px solid #377d87; 1505 border: 1px solid #377d87;
1506 padding: 0; 1506 padding: 0;
1507 color: #377d87; 1507 color: #377d87;
1508 border-radius: 6px; 1508 border-radius: 6px;
1509 } 1509 }
1510 @media (min-width: 768px) { 1510 @media (min-width: 768px) {
1511 .like, 1511 .like,
1512 .chat { 1512 .chat {
1513 width: 44px; 1513 width: 44px;
1514 height: 44px; 1514 height: 44px;
1515 } 1515 }
1516 } 1516 }
1517 .like.active, 1517 .like.active,
1518 .chat.active { 1518 .chat.active {
1519 background: #377d87; 1519 background: #377d87;
1520 color: #ffffff; 1520 color: #ffffff;
1521 } 1521 }
1522 .like svg, 1522 .like svg,
1523 .chat svg { 1523 .chat svg {
1524 width: 14px; 1524 width: 14px;
1525 height: 14px; 1525 height: 14px;
1526 } 1526 }
1527 @media (min-width: 768px) { 1527 @media (min-width: 768px) {
1528 .like svg, 1528 .like svg,
1529 .chat svg { 1529 .chat svg {
1530 width: 20px; 1530 width: 20px;
1531 height: 20px; 1531 height: 20px;
1532 } 1532 }
1533 } 1533 }
1534 1534
1535 .checkbox { 1535 .checkbox {
1536 display: -webkit-box; 1536 display: -webkit-box;
1537 display: -ms-flexbox; 1537 display: -ms-flexbox;
1538 display: flex; 1538 display: flex;
1539 -webkit-box-align: start; 1539 -webkit-box-align: start;
1540 -ms-flex-align: start; 1540 -ms-flex-align: start;
1541 align-items: flex-start; 1541 align-items: flex-start;
1542 cursor: pointer; 1542 cursor: pointer;
1543 position: relative; 1543 position: relative;
1544 } 1544 }
1545 .checkbox__input { 1545 .checkbox__input {
1546 position: absolute; 1546 position: absolute;
1547 z-index: 1; 1547 z-index: 1;
1548 width: 14px; 1548 width: 14px;
1549 height: 14px; 1549 height: 14px;
1550 padding: 0; 1550 padding: 0;
1551 background: none; 1551 background: none;
1552 border: none; 1552 border: none;
1553 opacity: 0; 1553 opacity: 0;
1554 } 1554 }
1555 @media (min-width: 768px) { 1555 @media (min-width: 768px) {
1556 .checkbox__input { 1556 .checkbox__input {
1557 width: 20px; 1557 width: 20px;
1558 height: 20px; 1558 height: 20px;
1559 } 1559 }
1560 } 1560 }
1561 .checkbox__icon { 1561 .checkbox__icon {
1562 width: 14px; 1562 width: 14px;
1563 height: 14px; 1563 height: 14px;
1564 border: 1px solid #cfcfcf; 1564 border: 1px solid #cfcfcf;
1565 background: #ffffff; 1565 background: #ffffff;
1566 color: #ffffff; 1566 color: #ffffff;
1567 display: -webkit-box; 1567 display: -webkit-box;
1568 display: -ms-flexbox; 1568 display: -ms-flexbox;
1569 display: flex; 1569 display: flex;
1570 -webkit-box-pack: center; 1570 -webkit-box-pack: center;
1571 -ms-flex-pack: center; 1571 -ms-flex-pack: center;
1572 justify-content: center; 1572 justify-content: center;
1573 -webkit-box-align: center; 1573 -webkit-box-align: center;
1574 -ms-flex-align: center; 1574 -ms-flex-align: center;
1575 align-items: center; 1575 align-items: center;
1576 border-radius: 4px; 1576 border-radius: 4px;
1577 -webkit-transition: 0.3s; 1577 -webkit-transition: 0.3s;
1578 transition: 0.3s; 1578 transition: 0.3s;
1579 position: relative; 1579 position: relative;
1580 z-index: 2; 1580 z-index: 2;
1581 } 1581 }
1582 @media (min-width: 768px) { 1582 @media (min-width: 768px) {
1583 .checkbox__icon { 1583 .checkbox__icon {
1584 width: 20px; 1584 width: 20px;
1585 height: 20px; 1585 height: 20px;
1586 } 1586 }
1587 } 1587 }
1588 .checkbox__icon svg { 1588 .checkbox__icon svg {
1589 width: 8px; 1589 width: 8px;
1590 height: 8px; 1590 height: 8px;
1591 opacity: 0; 1591 opacity: 0;
1592 } 1592 }
1593 @media (min-width: 768px) { 1593 @media (min-width: 768px) {
1594 .checkbox__icon svg { 1594 .checkbox__icon svg {
1595 width: 10px; 1595 width: 10px;
1596 height: 10px; 1596 height: 10px;
1597 } 1597 }
1598 } 1598 }
1599 .checkbox__input:checked + .checkbox__icon { 1599 .checkbox__input:checked + .checkbox__icon {
1600 border-color: #377d87; 1600 border-color: #377d87;
1601 background: #377d87; 1601 background: #377d87;
1602 } 1602 }
1603 .checkbox__input:checked + .checkbox__icon svg { 1603 .checkbox__input:checked + .checkbox__icon svg {
1604 opacity: 1; 1604 opacity: 1;
1605 } 1605 }
1606 .checkbox__text { 1606 .checkbox__text {
1607 width: calc(100% - 14px); 1607 width: calc(100% - 14px);
1608 padding-left: 6px; 1608 padding-left: 6px;
1609 font-size: 12px; 1609 font-size: 12px;
1610 line-height: 1; 1610 line-height: 1;
1611 display: -webkit-box; 1611 display: -webkit-box;
1612 display: -ms-flexbox; 1612 display: -ms-flexbox;
1613 display: flex; 1613 display: flex;
1614 -webkit-box-align: center; 1614 -webkit-box-align: center;
1615 -ms-flex-align: center; 1615 -ms-flex-align: center;
1616 align-items: center; 1616 align-items: center;
1617 min-height: 14px; 1617 min-height: 14px;
1618 } 1618 }
1619 @media (min-width: 768px) { 1619 @media (min-width: 768px) {
1620 .checkbox__text { 1620 .checkbox__text {
1621 width: calc(100% - 20px); 1621 width: calc(100% - 20px);
1622 padding-left: 12px; 1622 padding-left: 12px;
1623 font-size: 15px; 1623 font-size: 15px;
1624 min-height: 20px; 1624 min-height: 20px;
1625 } 1625 }
1626 } 1626 }
1627 .checkbox__text a { 1627 .checkbox__text a {
1628 color: #377d87; 1628 color: #377d87;
1629 text-decoration: underline; 1629 text-decoration: underline;
1630 } 1630 }
1631 1631
1632 .file { 1632 .file {
1633 display: -webkit-box; 1633 display: -webkit-box;
1634 display: -ms-flexbox; 1634 display: -ms-flexbox;
1635 display: flex; 1635 display: flex;
1636 -webkit-box-orient: vertical; 1636 -webkit-box-orient: vertical;
1637 -webkit-box-direction: normal; 1637 -webkit-box-direction: normal;
1638 -ms-flex-direction: column; 1638 -ms-flex-direction: column;
1639 flex-direction: column; 1639 flex-direction: column;
1640 } 1640 }
1641 .file__input input { 1641 .file__input input {
1642 display: none; 1642 display: none;
1643 } 1643 }
1644 .file__list { 1644 .file__list {
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-orient: vertical; 1648 -webkit-box-orient: vertical;
1649 -webkit-box-direction: normal; 1649 -webkit-box-direction: normal;
1650 -ms-flex-direction: column; 1650 -ms-flex-direction: column;
1651 flex-direction: column; 1651 flex-direction: column;
1652 } 1652 }
1653 .file__list-item { 1653 .file__list-item {
1654 display: -webkit-box; 1654 display: -webkit-box;
1655 display: -ms-flexbox; 1655 display: -ms-flexbox;
1656 display: flex; 1656 display: flex;
1657 -webkit-box-align: start; 1657 -webkit-box-align: start;
1658 -ms-flex-align: start; 1658 -ms-flex-align: start;
1659 align-items: flex-start; 1659 align-items: flex-start;
1660 margin-top: 16px; 1660 margin-top: 16px;
1661 } 1661 }
1662 .file__list-item-left { 1662 .file__list-item-left {
1663 width: calc(100% - 16px); 1663 width: calc(100% - 16px);
1664 min-height: 16px; 1664 min-height: 16px;
1665 color: #9c9d9d; 1665 color: #9c9d9d;
1666 font-size: 12px; 1666 font-size: 12px;
1667 display: -webkit-box; 1667 display: -webkit-box;
1668 display: -ms-flexbox; 1668 display: -ms-flexbox;
1669 display: flex; 1669 display: flex;
1670 -webkit-box-align: start; 1670 -webkit-box-align: start;
1671 -ms-flex-align: start; 1671 -ms-flex-align: start;
1672 align-items: flex-start; 1672 align-items: flex-start;
1673 } 1673 }
1674 @media (min-width: 768px) { 1674 @media (min-width: 768px) {
1675 .file__list-item-left { 1675 .file__list-item-left {
1676 width: auto; 1676 width: auto;
1677 max-width: calc(100% - 16px); 1677 max-width: calc(100% - 16px);
1678 font-size: 16px; 1678 font-size: 16px;
1679 } 1679 }
1680 } 1680 }
1681 .file__list-item-left svg { 1681 .file__list-item-left svg {
1682 width: 16px; 1682 width: 16px;
1683 height: 16px; 1683 height: 16px;
1684 } 1684 }
1685 .file__list-item-left span { 1685 .file__list-item-left span {
1686 width: calc(100% - 16px); 1686 width: calc(100% - 16px);
1687 min-height: 16px; 1687 min-height: 16px;
1688 display: -webkit-box; 1688 display: -webkit-box;
1689 display: -ms-flexbox; 1689 display: -ms-flexbox;
1690 display: flex; 1690 display: flex;
1691 -webkit-box-align: center; 1691 -webkit-box-align: center;
1692 -ms-flex-align: center; 1692 -ms-flex-align: center;
1693 align-items: center; 1693 align-items: center;
1694 padding: 0 8px; 1694 padding: 0 8px;
1695 } 1695 }
1696 .file__list-item-right { 1696 .file__list-item-right {
1697 display: -webkit-box; 1697 display: -webkit-box;
1698 display: -ms-flexbox; 1698 display: -ms-flexbox;
1699 display: flex; 1699 display: flex;
1700 -webkit-box-pack: center; 1700 -webkit-box-pack: center;
1701 -ms-flex-pack: center; 1701 -ms-flex-pack: center;
1702 justify-content: center; 1702 justify-content: center;
1703 -webkit-box-align: center; 1703 -webkit-box-align: center;
1704 -ms-flex-align: center; 1704 -ms-flex-align: center;
1705 align-items: center; 1705 align-items: center;
1706 padding: 0; 1706 padding: 0;
1707 background: none; 1707 background: none;
1708 border: none; 1708 border: none;
1709 width: 16px; 1709 width: 16px;
1710 height: 16px; 1710 height: 16px;
1711 color: #377d87; 1711 color: #377d87;
1712 } 1712 }
1713 .file__list-item-right:hover { 1713 .file__list-item-right:hover {
1714 color: #3a3b3c; 1714 color: #3a3b3c;
1715 } 1715 }
1716 .file__list-item-right svg { 1716 .file__list-item-right svg {
1717 width: 10px; 1717 width: 10px;
1718 height: 10px; 1718 height: 10px;
1719 } 1719 }
1720 .file__list-item + .file__list-item { 1720 .file__list-item + .file__list-item {
1721 margin-top: 10px; 1721 margin-top: 10px;
1722 } 1722 }
1723 1723
1724 .rate { 1724 .rate {
1725 display: -webkit-box; 1725 display: -webkit-box;
1726 display: -ms-flexbox; 1726 display: -ms-flexbox;
1727 display: flex; 1727 display: flex;
1728 -webkit-box-align: center; 1728 -webkit-box-align: center;
1729 -ms-flex-align: center; 1729 -ms-flex-align: center;
1730 align-items: center; 1730 align-items: center;
1731 gap: 10px; 1731 gap: 10px;
1732 } 1732 }
1733 @media (min-width: 768px) { 1733 @media (min-width: 768px) {
1734 .rate { 1734 .rate {
1735 gap: 20px; 1735 gap: 20px;
1736 } 1736 }
1737 } 1737 }
1738 .rate__label { 1738 .rate__label {
1739 font-size: 12px; 1739 font-size: 12px;
1740 font-weight: 700; 1740 font-weight: 700;
1741 line-height: 1; 1741 line-height: 1;
1742 } 1742 }
1743 @media (min-width: 768px) { 1743 @media (min-width: 768px) {
1744 .rate__label { 1744 .rate__label {
1745 font-size: 18px; 1745 font-size: 18px;
1746 } 1746 }
1747 } 1747 }
1748 .rate__stars { 1748 .rate__stars {
1749 display: -webkit-box; 1749 display: -webkit-box;
1750 display: -ms-flexbox; 1750 display: -ms-flexbox;
1751 display: flex; 1751 display: flex;
1752 -webkit-box-orient: vertical; 1752 -webkit-box-orient: vertical;
1753 -webkit-box-direction: normal; 1753 -webkit-box-direction: normal;
1754 -ms-flex-direction: column; 1754 -ms-flex-direction: column;
1755 flex-direction: column; 1755 flex-direction: column;
1756 } 1756 }
1757 1757
1758 .back { 1758 .back {
1759 display: -webkit-box; 1759 display: -webkit-box;
1760 display: -ms-flexbox; 1760 display: -ms-flexbox;
1761 display: flex; 1761 display: flex;
1762 -webkit-box-align: center; 1762 -webkit-box-align: center;
1763 -ms-flex-align: center; 1763 -ms-flex-align: center;
1764 align-items: center; 1764 align-items: center;
1765 font-size: 14px; 1765 font-size: 14px;
1766 color: #377d87; 1766 color: #377d87;
1767 font-weight: 700; 1767 font-weight: 700;
1768 } 1768 }
1769 @media (min-width: 768px) { 1769 @media (min-width: 768px) {
1770 .back { 1770 .back {
1771 font-size: 18px; 1771 font-size: 18px;
1772 } 1772 }
1773 } 1773 }
1774 .back:hover { 1774 .back:hover {
1775 color: #4d88d9; 1775 color: #4d88d9;
1776 } 1776 }
1777 .back svg { 1777 .back svg {
1778 width: 16px; 1778 width: 16px;
1779 height: 16px; 1779 height: 16px;
1780 } 1780 }
1781 @media (min-width: 768px) { 1781 @media (min-width: 768px) {
1782 .back svg { 1782 .back svg {
1783 width: 26px; 1783 width: 26px;
1784 height: 26px; 1784 height: 26px;
1785 } 1785 }
1786 } 1786 }
1787 .back span { 1787 .back span {
1788 width: calc(100% - 16px); 1788 width: calc(100% - 16px);
1789 padding-left: 10px; 1789 padding-left: 10px;
1790 } 1790 }
1791 @media (min-width: 768px) { 1791 @media (min-width: 768px) {
1792 .back span { 1792 .back span {
1793 width: calc(100% - 26px); 1793 width: calc(100% - 26px);
1794 padding-left: 20px; 1794 padding-left: 20px;
1795 } 1795 }
1796 } 1796 }
1797 1797
1798 .callback { 1798 .callback {
1799 display: -webkit-box; 1799 display: -webkit-box;
1800 display: -ms-flexbox; 1800 display: -ms-flexbox;
1801 display: flex; 1801 display: flex;
1802 -webkit-box-orient: vertical; 1802 -webkit-box-orient: vertical;
1803 -webkit-box-direction: normal; 1803 -webkit-box-direction: normal;
1804 -ms-flex-direction: column; 1804 -ms-flex-direction: column;
1805 flex-direction: column; 1805 flex-direction: column;
1806 gap: 16px; 1806 gap: 16px;
1807 } 1807 }
1808 @media (min-width: 992px) { 1808 @media (min-width: 992px) {
1809 .callback { 1809 .callback {
1810 -webkit-box-orient: horizontal; 1810 -webkit-box-orient: horizontal;
1811 -webkit-box-direction: normal; 1811 -webkit-box-direction: normal;
1812 -ms-flex-direction: row; 1812 -ms-flex-direction: row;
1813 flex-direction: row; 1813 flex-direction: row;
1814 -webkit-box-pack: justify; 1814 -webkit-box-pack: justify;
1815 -ms-flex-pack: justify; 1815 -ms-flex-pack: justify;
1816 justify-content: space-between; 1816 justify-content: space-between;
1817 -ms-flex-wrap: wrap; 1817 -ms-flex-wrap: wrap;
1818 flex-wrap: wrap; 1818 flex-wrap: wrap;
1819 gap: 20px 0; 1819 gap: 20px 0;
1820 } 1820 }
1821 } 1821 }
1822 .callback__body { 1822 .callback__body {
1823 display: -webkit-box; 1823 display: -webkit-box;
1824 display: -ms-flexbox; 1824 display: -ms-flexbox;
1825 display: flex; 1825 display: flex;
1826 -webkit-box-orient: vertical; 1826 -webkit-box-orient: vertical;
1827 -webkit-box-direction: normal; 1827 -webkit-box-direction: normal;
1828 -ms-flex-direction: column; 1828 -ms-flex-direction: column;
1829 flex-direction: column; 1829 flex-direction: column;
1830 gap: 16px; 1830 gap: 16px;
1831 } 1831 }
1832 @media (min-width: 992px) { 1832 @media (min-width: 992px) {
1833 .callback__body { 1833 .callback__body {
1834 width: calc(50% - 10px); 1834 width: calc(50% - 10px);
1835 gap: 10px; 1835 gap: 10px;
1836 } 1836 }
1837 } 1837 }
1838 @media (min-width: 992px) { 1838 @media (min-width: 992px) {
1839 .callback__textarea { 1839 .callback__textarea {
1840 width: calc(50% - 10px); 1840 width: calc(50% - 10px);
1841 height: auto; 1841 height: auto;
1842 } 1842 }
1843 } 1843 }
1844 .callback__bottom { 1844 .callback__bottom {
1845 display: -webkit-box; 1845 display: -webkit-box;
1846 display: -ms-flexbox; 1846 display: -ms-flexbox;
1847 display: flex; 1847 display: flex;
1848 -webkit-box-orient: vertical; 1848 -webkit-box-orient: vertical;
1849 -webkit-box-direction: normal; 1849 -webkit-box-direction: normal;
1850 -ms-flex-direction: column; 1850 -ms-flex-direction: column;
1851 flex-direction: column; 1851 flex-direction: column;
1852 gap: 16px; 1852 gap: 16px;
1853 } 1853 }
1854 @media (min-width: 768px) { 1854 @media (min-width: 768px) {
1855 .callback__bottom { 1855 .callback__bottom {
1856 -webkit-box-align: start; 1856 -webkit-box-align: start;
1857 -ms-flex-align: start; 1857 -ms-flex-align: start;
1858 align-items: flex-start; 1858 align-items: flex-start;
1859 } 1859 }
1860 } 1860 }
1861 @media (min-width: 992px) { 1861 @media (min-width: 992px) {
1862 .callback__bottom { 1862 .callback__bottom {
1863 width: 100%; 1863 width: 100%;
1864 gap: 20px; 1864 gap: 20px;
1865 } 1865 }
1866 } 1866 }
1867 1867
1868 .error .input, 1868 .error .input,
1869 .error .textarea { 1869 .error .textarea {
1870 border-color: #eb5757; 1870 border-color: #eb5757;
1871 } 1871 }
1872 .error label { 1872 .error label {
1873 display: block; 1873 display: block;
1874 } 1874 }
1875 1875
1876 .eye { 1876 .eye {
1877 position: absolute; 1877 position: absolute;
1878 z-index: 2; 1878 z-index: 2;
1879 top: 50%; 1879 top: 50%;
1880 -webkit-transform: translate(0, -50%); 1880 -webkit-transform: translate(0, -50%);
1881 -ms-transform: translate(0, -50%); 1881 -ms-transform: translate(0, -50%);
1882 transform: translate(0, -50%); 1882 transform: translate(0, -50%);
1883 right: 10px; 1883 right: 10px;
1884 aspect-ratio: 1/1; 1884 aspect-ratio: 1/1;
1885 width: 16px; 1885 width: 16px;
1886 padding: 0; 1886 padding: 0;
1887 border: none; 1887 border: none;
1888 background: none; 1888 background: none;
1889 color: #9c9d9d; 1889 color: #9c9d9d;
1890 } 1890 }
1891 @media (min-width: 768px) { 1891 @media (min-width: 768px) {
1892 .eye { 1892 .eye {
1893 width: 24px; 1893 width: 24px;
1894 right: 20px; 1894 right: 20px;
1895 } 1895 }
1896 } 1896 }
1897 .eye svg { 1897 .eye svg {
1898 position: absolute; 1898 position: absolute;
1899 top: 0; 1899 top: 0;
1900 left: 0; 1900 left: 0;
1901 width: 100%; 1901 width: 100%;
1902 height: 100%; 1902 height: 100%;
1903 } 1903 }
1904 .eye svg + svg { 1904 .eye svg + svg {
1905 display: none; 1905 display: none;
1906 } 1906 }
1907 .eye.active { 1907 .eye.active {
1908 color: #377d87; 1908 color: #377d87;
1909 } 1909 }
1910 .eye.active svg { 1910 .eye.active svg {
1911 display: none; 1911 display: none;
1912 } 1912 }
1913 .eye.active svg + svg { 1913 .eye.active svg + svg {
1914 display: block; 1914 display: block;
1915 } 1915 }
1916 1916
1917 .del { 1917 .del {
1918 width: 32px; 1918 width: 32px;
1919 aspect-ratio: 1/1; 1919 aspect-ratio: 1/1;
1920 background: #377d87; 1920 background: #377d87;
1921 color: #ffffff; 1921 color: #ffffff;
1922 display: -webkit-box; 1922 display: -webkit-box;
1923 display: -ms-flexbox; 1923 display: -ms-flexbox;
1924 display: flex; 1924 display: flex;
1925 -webkit-box-pack: center; 1925 -webkit-box-pack: center;
1926 -ms-flex-pack: center; 1926 -ms-flex-pack: center;
1927 justify-content: center; 1927 justify-content: center;
1928 -webkit-box-align: center; 1928 -webkit-box-align: center;
1929 -ms-flex-align: center; 1929 -ms-flex-align: center;
1930 align-items: center; 1930 align-items: center;
1931 border-radius: 8px; 1931 border-radius: 8px;
1932 padding: 0; 1932 padding: 0;
1933 border: 1px solid #377d87; 1933 border: 1px solid #377d87;
1934 } 1934 }
1935 .del:hover { 1935 .del:hover {
1936 background: #ffffff; 1936 background: #ffffff;
1937 color: #377d87; 1937 color: #377d87;
1938 } 1938 }
1939 .del svg { 1939 .del svg {
1940 width: 50%; 1940 width: 50%;
1941 aspect-ratio: 1/1; 1941 aspect-ratio: 1/1;
1942 } 1942 }
1943 1943
1944 .notify { 1944 .notify {
1945 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1945 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1946 padding: 6px 12px; 1946 padding: 6px 12px;
1947 border-radius: 8px; 1947 border-radius: 8px;
1948 display: -webkit-box; 1948 display: -webkit-box;
1949 display: -ms-flexbox; 1949 display: -ms-flexbox;
1950 display: flex; 1950 display: flex;
1951 -webkit-box-align: start; 1951 -webkit-box-align: start;
1952 -ms-flex-align: start; 1952 -ms-flex-align: start;
1953 align-items: flex-start; 1953 align-items: flex-start;
1954 } 1954 }
1955 @media (min-width: 768px) { 1955 @media (min-width: 768px) {
1956 .notify { 1956 .notify {
1957 padding: 12px 20px; 1957 padding: 12px 20px;
1958 } 1958 }
1959 } 1959 }
1960 .notify_red { 1960 .notify_red {
1961 background: #f9cdcd; 1961 background: #f9cdcd;
1962 } 1962 }
1963 .notify svg { 1963 .notify svg {
1964 color: #4d88d9; 1964 color: #4d88d9;
1965 width: 20px; 1965 width: 20px;
1966 aspect-ratio: 1/1; 1966 aspect-ratio: 1/1;
1967 } 1967 }
1968 .notify span { 1968 .notify span {
1969 font-size: 12px; 1969 font-size: 12px;
1970 padding-left: 10px; 1970 padding-left: 10px;
1971 min-height: 20px; 1971 min-height: 20px;
1972 display: -webkit-box; 1972 display: -webkit-box;
1973 display: -ms-flexbox; 1973 display: -ms-flexbox;
1974 display: flex; 1974 display: flex;
1975 -webkit-box-align: center; 1975 -webkit-box-align: center;
1976 -ms-flex-align: center; 1976 -ms-flex-align: center;
1977 align-items: center; 1977 align-items: center;
1978 } 1978 }
1979 @media (min-width: 768px) { 1979 @media (min-width: 768px) {
1980 .notify span { 1980 .notify span {
1981 font-size: 16px; 1981 font-size: 16px;
1982 } 1982 }
1983 } 1983 }
1984 1984
1985 .table { 1985 .table {
1986 margin: 0 -10px; 1986 margin: 0 -10px;
1987 display: -webkit-box; 1987 display: -webkit-box;
1988 display: -ms-flexbox; 1988 display: -ms-flexbox;
1989 display: flex; 1989 display: flex;
1990 -webkit-box-orient: vertical; 1990 -webkit-box-orient: vertical;
1991 -webkit-box-direction: reverse; 1991 -webkit-box-direction: reverse;
1992 -ms-flex-direction: column-reverse; 1992 -ms-flex-direction: column-reverse;
1993 flex-direction: column-reverse; 1993 flex-direction: column-reverse;
1994 -webkit-box-align: center; 1994 -webkit-box-align: center;
1995 -ms-flex-align: center; 1995 -ms-flex-align: center;
1996 align-items: center; 1996 align-items: center;
1997 gap: 20px; 1997 gap: 20px;
1998 } 1998 }
1999 @media (min-width: 768px) { 1999 @media (min-width: 768px) {
2000 .table { 2000 .table {
2001 margin: 0; 2001 margin: 0;
2002 gap: 30px; 2002 gap: 30px;
2003 } 2003 }
2004 } 2004 }
2005 .table__button { 2005 .table__button {
2006 display: none; 2006 display: none;
2007 } 2007 }
2008 .table_spoiler .table__button { 2008 .table_spoiler .table__button {
2009 display: -webkit-box; 2009 display: -webkit-box;
2010 display: -ms-flexbox; 2010 display: -ms-flexbox;
2011 display: flex; 2011 display: flex;
2012 } 2012 }
2013 .table__scroll { 2013 .table__scroll {
2014 overflow: hidden; 2014 overflow: hidden;
2015 overflow-x: auto; 2015 overflow-x: auto;
2016 padding: 0 10px; 2016 padding: 0 10px;
2017 width: 100%; 2017 width: 100%;
2018 } 2018 }
2019 @media (min-width: 768px) { 2019 @media (min-width: 768px) {
2020 .table__scroll { 2020 .table__scroll {
2021 padding: 0; 2021 padding: 0;
2022 } 2022 }
2023 } 2023 }
2024 .table__body { 2024 .table__body {
2025 border-radius: 8px; 2025 border-radius: 8px;
2026 overflow: hidden; 2026 overflow: hidden;
2027 } 2027 }
2028 .table__body_min-width { 2028 .table__body_min-width {
2029 min-width: 580px; 2029 min-width: 580px;
2030 } 2030 }
2031 .table table { 2031 .table table {
2032 border-collapse: collapse; 2032 border-collapse: collapse;
2033 width: 100%; 2033 width: 100%;
2034 font-size: 12px; 2034 font-size: 12px;
2035 border-radius: 8px; 2035 border-radius: 8px;
2036 } 2036 }
2037 @media (min-width: 768px) { 2037 @media (min-width: 768px) {
2038 .table table { 2038 .table table {
2039 font-size: 14px; 2039 font-size: 14px;
2040 } 2040 }
2041 } 2041 }
2042 @media (min-width: 1280px) { 2042 @media (min-width: 1280px) {
2043 .table table { 2043 .table table {
2044 font-size: 16px; 2044 font-size: 16px;
2045 } 2045 }
2046 } 2046 }
2047 .table thead tr th, 2047 .table thead tr th,
2048 .table thead tr td { 2048 .table thead tr td {
2049 background: #377d87; 2049 background: #377d87;
2050 color: #ffffff; 2050 color: #ffffff;
2051 font-weight: 700; 2051 font-weight: 700;
2052 border-top-color: #377d87; 2052 border-top-color: #377d87;
2053 } 2053 }
2054 .table thead tr th:first-child, 2054 .table thead tr th:first-child,
2055 .table thead tr td:first-child { 2055 .table thead tr td:first-child {
2056 border-left-color: #377d87; 2056 border-left-color: #377d87;
2057 } 2057 }
2058 .table thead tr th:last-child, 2058 .table thead tr th:last-child,
2059 .table thead tr td:last-child { 2059 .table thead tr td:last-child {
2060 border-right-color: #377d87; 2060 border-right-color: #377d87;
2061 } 2061 }
2062 .table_spoiler tr { 2062 .table_spoiler tr {
2063 display: none; 2063 display: none;
2064 } 2064 }
2065 .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) { 2065 .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) {
2066 display: table-row; 2066 display: table-row;
2067 } 2067 }
2068 .table_spoiler.active tr { 2068 .table_spoiler.active tr {
2069 display: table-row; 2069 display: table-row;
2070 } 2070 }
2071 .table th, 2071 .table th,
2072 .table td { 2072 .table td {
2073 text-align: left; 2073 text-align: left;
2074 padding: 10px; 2074 padding: 10px;
2075 border: 1px solid #cecece; 2075 border: 1px solid #cecece;
2076 } 2076 }
2077 @media (min-width: 768px) { 2077 @media (min-width: 768px) {
2078 .table td { 2078 .table td {
2079 padding: 14px 10px; 2079 padding: 14px 10px;
2080 } 2080 }
2081 } 2081 }
2082 .table__status { 2082 .table__status {
2083 color: #9c9d9d; 2083 color: #9c9d9d;
2084 display: -webkit-box; 2084 display: -webkit-box;
2085 display: -ms-flexbox; 2085 display: -ms-flexbox;
2086 display: flex; 2086 display: flex;
2087 -webkit-box-align: center; 2087 -webkit-box-align: center;
2088 -ms-flex-align: center; 2088 -ms-flex-align: center;
2089 align-items: center; 2089 align-items: center;
2090 gap: 6px; 2090 gap: 6px;
2091 position: relative; 2091 position: relative;
2092 padding-left: 14px; 2092 padding-left: 14px;
2093 } 2093 }
2094 .table__status i { 2094 .table__status i {
2095 background: #9c9d9d; 2095 background: #9c9d9d;
2096 width: 8px; 2096 width: 8px;
2097 aspect-ratio: 1/1; 2097 aspect-ratio: 1/1;
2098 border-radius: 999px; 2098 border-radius: 999px;
2099 position: absolute; 2099 position: absolute;
2100 top: 4px; 2100 top: 4px;
2101 left: 0; 2101 left: 0;
2102 } 2102 }
2103 .table__status.green { 2103 .table__status.green {
2104 color: #377d87; 2104 color: #377d87;
2105 } 2105 }
2106 .table__status.green i { 2106 .table__status.green i {
2107 background: #377d87; 2107 background: #377d87;
2108 } 2108 }
2109 .table__link { 2109 .table__link {
2110 display: -webkit-box; 2110 display: -webkit-box;
2111 display: -ms-flexbox; 2111 display: -ms-flexbox;
2112 display: flex; 2112 display: flex;
2113 -webkit-box-align: center; 2113 -webkit-box-align: center;
2114 -ms-flex-align: center; 2114 -ms-flex-align: center;
2115 align-items: center; 2115 align-items: center;
2116 gap: 4px; 2116 gap: 4px;
2117 color: #4d88d9; 2117 color: #4d88d9;
2118 } 2118 }
2119 @media (min-width: 768px) { 2119 @media (min-width: 768px) {
2120 .table__link { 2120 .table__link {
2121 gap: 6px; 2121 gap: 6px;
2122 } 2122 }
2123 } 2123 }
2124 .table__link:hover { 2124 .table__link:hover {
2125 color: #3a3b3c; 2125 color: #3a3b3c;
2126 } 2126 }
2127 .table__link svg { 2127 .table__link svg {
2128 width: 12px; 2128 width: 12px;
2129 aspect-ratio: 1/1; 2129 aspect-ratio: 1/1;
2130 } 2130 }
2131 @media (min-width: 768px) { 2131 @media (min-width: 768px) {
2132 .table__link svg { 2132 .table__link svg {
2133 width: 16px; 2133 width: 16px;
2134 } 2134 }
2135 } 2135 }
2136 .table__controls { 2136 .table__controls {
2137 display: -webkit-box; 2137 display: -webkit-box;
2138 display: -ms-flexbox; 2138 display: -ms-flexbox;
2139 display: flex; 2139 display: flex;
2140 -webkit-box-align: center; 2140 -webkit-box-align: center;
2141 -ms-flex-align: center; 2141 -ms-flex-align: center;
2142 align-items: center; 2142 align-items: center;
2143 gap: 8px; 2143 gap: 8px;
2144 } 2144 }
2145 @media (min-width: 1280px) { 2145 @media (min-width: 1280px) {
2146 .table__controls { 2146 .table__controls {
2147 gap: 12px; 2147 gap: 12px;
2148 } 2148 }
2149 } 2149 }
2150 .table__controls-item { 2150 .table__controls-item {
2151 width: 24px; 2151 width: 24px;
2152 aspect-ratio: 1/1; 2152 aspect-ratio: 1/1;
2153 display: -webkit-box; 2153 display: -webkit-box;
2154 display: -ms-flexbox; 2154 display: -ms-flexbox;
2155 display: flex; 2155 display: flex;
2156 -webkit-box-pack: center; 2156 -webkit-box-pack: center;
2157 -ms-flex-pack: center; 2157 -ms-flex-pack: center;
2158 justify-content: center; 2158 justify-content: center;
2159 -webkit-box-align: center; 2159 -webkit-box-align: center;
2160 -ms-flex-align: center; 2160 -ms-flex-align: center;
2161 align-items: center; 2161 align-items: center;
2162 border: 1px solid #377d87; 2162 border: 1px solid #377d87;
2163 border-radius: 8px; 2163 border-radius: 8px;
2164 color: #377d87; 2164 color: #377d87;
2165 background: none; 2165 background: none;
2166 padding: 0; 2166 padding: 0;
2167 } 2167 }
2168 @media (min-width: 1280px) { 2168 @media (min-width: 1280px) {
2169 .table__controls-item { 2169 .table__controls-item {
2170 width: 30px; 2170 width: 30px;
2171 } 2171 }
2172 } 2172 }
2173 .table__controls-item:hover { 2173 .table__controls-item:hover {
2174 background: #377d87; 2174 background: #377d87;
2175 color: #ffffff; 2175 color: #ffffff;
2176 } 2176 }
2177 .table__controls-item svg { 2177 .table__controls-item svg {
2178 width: 60%; 2178 width: 60%;
2179 aspect-ratio: 1/1; 2179 aspect-ratio: 1/1;
2180 } 2180 }
2181 .table__controls-item:nth-of-type(4) svg { 2181 .table__controls-item:nth-of-type(4) svg {
2182 width: 80%; 2182 width: 80%;
2183 } 2183 }
2184 2184
2185 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2185 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2186 display: none; 2186 display: none;
2187 } 2187 }
2188 .gl-star-rating--stars span { 2188 .gl-star-rating--stars span {
2189 width: 22px !important; 2189 width: 22px !important;
2190 height: 22px !important; 2190 height: 22px !important;
2191 background-size: 22px 22px !important; 2191 background-size: 22px 22px !important;
2192 } 2192 }
2193 @media (min-width: 768px) { 2193 @media (min-width: 768px) {
2194 .gl-star-rating--stars span { 2194 .gl-star-rating--stars span {
2195 width: 30px !important; 2195 width: 30px !important;
2196 height: 30px !important; 2196 height: 30px !important;
2197 background-size: 30px 30px !important; 2197 background-size: 30px 30px !important;
2198 } 2198 }
2199 } 2199 }
2200 2200
2201 .more { 2201 .more {
2202 display: -webkit-box; 2202 display: -webkit-box;
2203 display: -ms-flexbox; 2203 display: -ms-flexbox;
2204 display: flex; 2204 display: flex;
2205 -webkit-box-orient: vertical; 2205 -webkit-box-orient: vertical;
2206 -webkit-box-direction: normal; 2206 -webkit-box-direction: normal;
2207 -ms-flex-direction: column; 2207 -ms-flex-direction: column;
2208 flex-direction: column; 2208 flex-direction: column;
2209 -webkit-box-align: center; 2209 -webkit-box-align: center;
2210 -ms-flex-align: center; 2210 -ms-flex-align: center;
2211 align-items: center; 2211 align-items: center;
2212 } 2212 }
2213 .more_mt { 2213 .more_mt {
2214 margin-top: 20px; 2214 margin-top: 20px;
2215 } 2215 }
2216 .more .button { 2216 .more .button {
2217 min-width: 100px; 2217 min-width: 100px;
2218 padding: 0; 2218 padding: 0;
2219 } 2219 }
2220 @media (min-width: 768px) { 2220 @media (min-width: 768px) {
2221 .more .button { 2221 .more .button {
2222 min-width: 180px; 2222 min-width: 180px;
2223 } 2223 }
2224 } 2224 }
2225 2225
2226 .header { 2226 .header {
2227 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2227 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2228 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2228 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2229 background: #ffffff; 2229 background: #ffffff;
2230 position: relative; 2230 position: relative;
2231 z-index: 5; 2231 z-index: 5;
2232 overflow: hidden; 2232 overflow: hidden;
2233 } 2233 }
2234 @media (min-width: 768px) { 2234 @media (min-width: 768px) {
2235 .header { 2235 .header {
2236 -webkit-box-shadow: none; 2236 -webkit-box-shadow: none;
2237 box-shadow: none; 2237 box-shadow: none;
2238 } 2238 }
2239 } 2239 }
2240 .header__body { 2240 .header__body {
2241 height: 42px; 2241 height: 42px;
2242 display: -webkit-box; 2242 display: -webkit-box;
2243 display: -ms-flexbox; 2243 display: -ms-flexbox;
2244 display: flex; 2244 display: flex;
2245 -webkit-box-pack: justify; 2245 -webkit-box-pack: justify;
2246 -ms-flex-pack: justify; 2246 -ms-flex-pack: justify;
2247 justify-content: space-between; 2247 justify-content: space-between;
2248 -webkit-box-align: center; 2248 -webkit-box-align: center;
2249 -ms-flex-align: center; 2249 -ms-flex-align: center;
2250 align-items: center; 2250 align-items: center;
2251 } 2251 }
2252 @media (min-width: 768px) { 2252 @media (min-width: 768px) {
2253 .header__body { 2253 .header__body {
2254 height: 70px; 2254 height: 70px;
2255 } 2255 }
2256 } 2256 }
2257 .header__left { 2257 .header__left {
2258 display: -webkit-box; 2258 display: -webkit-box;
2259 display: -ms-flexbox; 2259 display: -ms-flexbox;
2260 display: flex; 2260 display: flex;
2261 -webkit-box-align: center; 2261 -webkit-box-align: center;
2262 -ms-flex-align: center; 2262 -ms-flex-align: center;
2263 align-items: center; 2263 align-items: center;
2264 gap: 40px; 2264 gap: 40px;
2265 } 2265 }
2266 .header__right { 2266 .header__right {
2267 display: -webkit-box; 2267 display: -webkit-box;
2268 display: -ms-flexbox; 2268 display: -ms-flexbox;
2269 display: flex; 2269 display: flex;
2270 -webkit-box-align: center; 2270 -webkit-box-align: center;
2271 -ms-flex-align: center; 2271 -ms-flex-align: center;
2272 align-items: center; 2272 align-items: center;
2273 gap: 14px; 2273 gap: 14px;
2274 } 2274 }
2275 @media (min-width: 768px) { 2275 @media (min-width: 768px) {
2276 .header__right { 2276 .header__right {
2277 gap: 20px; 2277 gap: 20px;
2278 } 2278 }
2279 } 2279 }
2280 .header__right-line { 2280 .header__right-line {
2281 width: 1px; 2281 width: 1px;
2282 height: 32px; 2282 height: 32px;
2283 background: #e6e7e7; 2283 background: #e6e7e7;
2284 border-radius: 999px; 2284 border-radius: 999px;
2285 } 2285 }
2286 @media (min-width: 992px) { 2286 @media (min-width: 992px) {
2287 .header__right-line { 2287 .header__right-line {
2288 display: none; 2288 display: none;
2289 } 2289 }
2290 } 2290 }
2291 .header__logo { 2291 .header__logo {
2292 display: -webkit-box; 2292 display: -webkit-box;
2293 display: -ms-flexbox; 2293 display: -ms-flexbox;
2294 display: flex; 2294 display: flex;
2295 -webkit-box-align: center; 2295 -webkit-box-align: center;
2296 -ms-flex-align: center; 2296 -ms-flex-align: center;
2297 align-items: center; 2297 align-items: center;
2298 -webkit-box-pack: center; 2298 -webkit-box-pack: center;
2299 -ms-flex-pack: center; 2299 -ms-flex-pack: center;
2300 justify-content: center; 2300 justify-content: center;
2301 color: #377d87; 2301 color: #377d87;
2302 } 2302 }
2303 .header__logo svg { 2303 .header__logo svg {
2304 width: 105px; 2304 width: 105px;
2305 height: 31px; 2305 height: 31px;
2306 } 2306 }
2307 @media (min-width: 768px) { 2307 @media (min-width: 768px) {
2308 .header__logo svg { 2308 .header__logo svg {
2309 width: 182px; 2309 width: 182px;
2310 height: 54px; 2310 height: 54px;
2311 } 2311 }
2312 } 2312 }
2313 .header__menu { 2313 .header__menu {
2314 display: none; 2314 display: none;
2315 -webkit-box-align: center; 2315 -webkit-box-align: center;
2316 -ms-flex-align: center; 2316 -ms-flex-align: center;
2317 align-items: center; 2317 align-items: center;
2318 gap: 20px; 2318 gap: 20px;
2319 } 2319 }
2320 @media (min-width: 768px) { 2320 @media (min-width: 768px) {
2321 .header__menu { 2321 .header__menu {
2322 display: -webkit-box; 2322 display: -webkit-box;
2323 display: -ms-flexbox; 2323 display: -ms-flexbox;
2324 display: flex; 2324 display: flex;
2325 } 2325 }
2326 } 2326 }
2327 .header__menu-item:hover { 2327 .header__menu-item:hover {
2328 color: #377d87; 2328 color: #377d87;
2329 } 2329 }
2330 .header__notifs { 2330 .header__notifs {
2331 display: -webkit-box; 2331 display: -webkit-box;
2332 display: -ms-flexbox; 2332 display: -ms-flexbox;
2333 display: flex; 2333 display: flex;
2334 -webkit-box-align: center; 2334 -webkit-box-align: center;
2335 -ms-flex-align: center; 2335 -ms-flex-align: center;
2336 align-items: center; 2336 align-items: center;
2337 -webkit-box-pack: center; 2337 -webkit-box-pack: center;
2338 -ms-flex-pack: center; 2338 -ms-flex-pack: center;
2339 justify-content: center; 2339 justify-content: center;
2340 color: #377d87; 2340 color: #377d87;
2341 padding: 0; 2341 padding: 0;
2342 border: none; 2342 border: none;
2343 background: none; 2343 background: none;
2344 width: 24px; 2344 width: 24px;
2345 height: 24px; 2345 height: 24px;
2346 } 2346 }
2347 @media (min-width: 992px) { 2347 @media (min-width: 992px) {
2348 .header__notifs { 2348 .header__notifs {
2349 width: auto; 2349 width: auto;
2350 height: auto; 2350 height: auto;
2351 color: #3a3b3c; 2351 color: #3a3b3c;
2352 line-height: 1.4; 2352 line-height: 1.4;
2353 } 2353 }
2354 } 2354 }
2355 @media (min-width: 992px) { 2355 @media (min-width: 992px) {
2356 .header__notifs:hover { 2356 .header__notifs:hover {
2357 color: #377d87; 2357 color: #377d87;
2358 } 2358 }
2359 } 2359 }
2360 .header__notifs svg { 2360 .header__notifs svg {
2361 width: 20px; 2361 width: 20px;
2362 height: 20px; 2362 height: 20px;
2363 } 2363 }
2364 @media (min-width: 992px) { 2364 @media (min-width: 992px) {
2365 .header__notifs svg { 2365 .header__notifs svg {
2366 display: none; 2366 display: none;
2367 } 2367 }
2368 } 2368 }
2369 .header__notifs span { 2369 .header__notifs span {
2370 display: none; 2370 display: none;
2371 } 2371 }
2372 @media (min-width: 992px) { 2372 @media (min-width: 992px) {
2373 .header__notifs span { 2373 .header__notifs span {
2374 display: inline; 2374 display: inline;
2375 } 2375 }
2376 } 2376 }
2377 .header__notifs_actived { 2377 .header__notifs_actived {
2378 position: relative; 2378 position: relative;
2379 } 2379 }
2380 @media (min-width: 992px) { 2380 @media (min-width: 992px) {
2381 .header__notifs_actived { 2381 .header__notifs_actived {
2382 padding-right: 12px; 2382 padding-right: 12px;
2383 } 2383 }
2384 } 2384 }
2385 .header__notifs_actived:after { 2385 .header__notifs_actived:after {
2386 content: ""; 2386 content: "";
2387 border: 1px solid #ffffff; 2387 border: 1px solid #ffffff;
2388 background: #377d87; 2388 background: #377d87;
2389 border-radius: 999px; 2389 border-radius: 999px;
2390 width: 10px; 2390 width: 10px;
2391 height: 10px; 2391 height: 10px;
2392 position: absolute; 2392 position: absolute;
2393 z-index: 1; 2393 z-index: 1;
2394 top: 0; 2394 top: 0;
2395 right: 0; 2395 right: 0;
2396 } 2396 }
2397 @media (min-width: 992px) { 2397 @media (min-width: 992px) {
2398 .header__notifs_actived:after { 2398 .header__notifs_actived:after {
2399 width: 8px; 2399 width: 8px;
2400 height: 8px; 2400 height: 8px;
2401 border: none; 2401 border: none;
2402 } 2402 }
2403 } 2403 }
2404 .header__burger { 2404 .header__burger {
2405 display: -webkit-box; 2405 display: -webkit-box;
2406 display: -ms-flexbox; 2406 display: -ms-flexbox;
2407 display: flex; 2407 display: flex;
2408 -webkit-box-align: center; 2408 -webkit-box-align: center;
2409 -ms-flex-align: center; 2409 -ms-flex-align: center;
2410 align-items: center; 2410 align-items: center;
2411 -webkit-box-pack: center; 2411 -webkit-box-pack: center;
2412 -ms-flex-pack: center; 2412 -ms-flex-pack: center;
2413 justify-content: center; 2413 justify-content: center;
2414 width: 24px; 2414 width: 24px;
2415 height: 24px; 2415 height: 24px;
2416 color: #377d87; 2416 color: #377d87;
2417 padding: 0; 2417 padding: 0;
2418 border: none; 2418 border: none;
2419 background: none; 2419 background: none;
2420 } 2420 }
2421 @media (min-width: 992px) { 2421 @media (min-width: 992px) {
2422 .header__burger { 2422 .header__burger {
2423 display: none; 2423 display: none;
2424 } 2424 }
2425 } 2425 }
2426 .header__burger svg { 2426 .header__burger svg {
2427 width: 20px; 2427 width: 20px;
2428 height: 20px; 2428 height: 20px;
2429 } 2429 }
2430 .header__burger svg + svg { 2430 .header__burger svg + svg {
2431 display: none; 2431 display: none;
2432 } 2432 }
2433 .header__sign { 2433 .header__sign {
2434 display: none; 2434 display: none;
2435 } 2435 }
2436 @media (min-width: 992px) { 2436 @media (min-width: 992px) {
2437 .header__sign { 2437 .header__sign {
2438 display: -webkit-box; 2438 display: -webkit-box;
2439 display: -ms-flexbox; 2439 display: -ms-flexbox;
2440 display: flex; 2440 display: flex;
2441 } 2441 }
2442 } 2442 }
2443 2443
2444 .mob-menu { 2444 .mob-menu {
2445 display: none; 2445 display: none;
2446 position: fixed; 2446 position: fixed;
2447 bottom: 0; 2447 bottom: 0;
2448 left: 0; 2448 left: 0;
2449 width: 100vw; 2449 width: 100vw;
2450 height: calc(100vh - 42px); 2450 height: calc(100vh - 42px);
2451 z-index: 4; 2451 z-index: 4;
2452 background: #ffffff; 2452 background: #ffffff;
2453 overflow: hidden; 2453 overflow: hidden;
2454 overflow-y: auto; 2454 overflow-y: auto;
2455 padding: 50px 0; 2455 padding: 50px 0;
2456 } 2456 }
2457 .mob-menu__bottom { 2457 .mob-menu__bottom {
2458 display: -webkit-box; 2458 display: -webkit-box;
2459 display: -ms-flexbox; 2459 display: -ms-flexbox;
2460 display: flex; 2460 display: flex;
2461 -webkit-box-orient: vertical; 2461 -webkit-box-orient: vertical;
2462 -webkit-box-direction: normal; 2462 -webkit-box-direction: normal;
2463 -ms-flex-direction: column; 2463 -ms-flex-direction: column;
2464 flex-direction: column; 2464 flex-direction: column;
2465 -webkit-box-align: center; 2465 -webkit-box-align: center;
2466 -ms-flex-align: center; 2466 -ms-flex-align: center;
2467 align-items: center; 2467 align-items: center;
2468 margin-top: 80px; 2468 margin-top: 80px;
2469 } 2469 }
2470 .mob-menu__bottom .button { 2470 .mob-menu__bottom .button {
2471 min-width: 120px; 2471 min-width: 120px;
2472 } 2472 }
2473 .mob-menu__bottom-link { 2473 .mob-menu__bottom-link {
2474 text-decoration: underline; 2474 text-decoration: underline;
2475 margin-top: 50px; 2475 margin-top: 50px;
2476 } 2476 }
2477 .mob-menu__bottom-link:hover { 2477 .mob-menu__bottom-link:hover {
2478 color: #377d87; 2478 color: #377d87;
2479 } 2479 }
2480 .mob-menu__bottom-link + .mob-menu__bottom-link { 2480 .mob-menu__bottom-link + .mob-menu__bottom-link {
2481 margin-top: 10px; 2481 margin-top: 10px;
2482 } 2482 }
2483 .mob-menu__bottom .socials { 2483 .mob-menu__bottom .socials {
2484 margin-top: 35px; 2484 margin-top: 35px;
2485 } 2485 }
2486 .mob-menu .footer__mobile-menu { 2486 .mob-menu .footer__mobile-menu {
2487 opacity: 1; 2487 opacity: 1;
2488 height: auto; 2488 height: auto;
2489 overflow: visible; 2489 overflow: visible;
2490 } 2490 }
2491 .mob-menu .footer__mobile-menu-item button { 2491 .mob-menu .footer__mobile-menu-item button {
2492 -webkit-box-align: center; 2492 -webkit-box-align: center;
2493 -ms-flex-align: center; 2493 -ms-flex-align: center;
2494 align-items: center; 2494 align-items: center;
2495 } 2495 }
2496 .mob-menu .footer__mobile-menu-item div { 2496 .mob-menu .footer__mobile-menu-item div {
2497 font-size: 20px; 2497 font-size: 20px;
2498 } 2498 }
2499 .mob-menu .footer__mobile-contacts a { 2499 .mob-menu .footer__mobile-contacts a {
2500 font-size: 20px; 2500 font-size: 20px;
2501 font-weight: 700; 2501 font-weight: 700;
2502 color: #3a3b3c; 2502 color: #3a3b3c;
2503 text-decoration: none; 2503 text-decoration: none;
2504 } 2504 }
2505 .mob-menu .footer__mobile-contacts a:hover { 2505 .mob-menu .footer__mobile-contacts a:hover {
2506 color: #377d87; 2506 color: #377d87;
2507 } 2507 }
2508 .mob-menu .footer__mobile-menu-item button b, 2508 .mob-menu .footer__mobile-menu-item button b,
2509 .mob-menu .footer__mobile-contacts a { 2509 .mob-menu .footer__mobile-contacts a {
2510 font-size: 30px; 2510 font-size: 30px;
2511 } 2511 }
2512 2512
2513 .menu-is-actived { 2513 .menu-is-actived {
2514 overflow: hidden; 2514 overflow: hidden;
2515 } 2515 }
2516 @media (min-width: 992px) { 2516 @media (min-width: 992px) {
2517 .menu-is-actived { 2517 .menu-is-actived {
2518 overflow: auto; 2518 overflow: auto;
2519 } 2519 }
2520 } 2520 }
2521 .menu-is-actived .header__burger svg { 2521 .menu-is-actived .header__burger svg {
2522 display: none; 2522 display: none;
2523 } 2523 }
2524 .menu-is-actived .header__burger svg + svg { 2524 .menu-is-actived .header__burger svg + svg {
2525 display: block; 2525 display: block;
2526 } 2526 }
2527 .menu-is-actived .mob-menu { 2527 .menu-is-actived .mob-menu {
2528 display: block; 2528 display: block;
2529 } 2529 }
2530 @media (min-width: 992px) { 2530 @media (min-width: 992px) {
2531 .menu-is-actived .mob-menu { 2531 .menu-is-actived .mob-menu {
2532 display: none; 2532 display: none;
2533 } 2533 }
2534 } 2534 }
2535 2535
2536 .footer { 2536 .footer {
2537 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2537 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2538 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2538 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2539 background: #ffffff; 2539 background: #ffffff;
2540 position: relative; 2540 position: relative;
2541 z-index: 1; 2541 z-index: 1;
2542 overflow: hidden; 2542 overflow: hidden;
2543 } 2543 }
2544 .footer__mobile { 2544 .footer__mobile {
2545 display: -webkit-box; 2545 display: -webkit-box;
2546 display: -ms-flexbox; 2546 display: -ms-flexbox;
2547 display: flex; 2547 display: flex;
2548 -webkit-box-orient: vertical; 2548 -webkit-box-orient: vertical;
2549 -webkit-box-direction: normal; 2549 -webkit-box-direction: normal;
2550 -ms-flex-direction: column; 2550 -ms-flex-direction: column;
2551 flex-direction: column; 2551 flex-direction: column;
2552 padding: 25px 0 30px 0; 2552 padding: 25px 0 30px 0;
2553 } 2553 }
2554 @media (min-width: 768px) { 2554 @media (min-width: 768px) {
2555 .footer__mobile { 2555 .footer__mobile {
2556 padding: 30px 0; 2556 padding: 30px 0;
2557 } 2557 }
2558 } 2558 }
2559 @media (min-width: 992px) { 2559 @media (min-width: 992px) {
2560 .footer__mobile { 2560 .footer__mobile {
2561 display: none; 2561 display: none;
2562 } 2562 }
2563 } 2563 }
2564 .footer__mobile-toper { 2564 .footer__mobile-toper {
2565 display: -webkit-box; 2565 display: -webkit-box;
2566 display: -ms-flexbox; 2566 display: -ms-flexbox;
2567 display: flex; 2567 display: flex;
2568 -webkit-box-pack: justify; 2568 -webkit-box-pack: justify;
2569 -ms-flex-pack: justify; 2569 -ms-flex-pack: justify;
2570 justify-content: space-between; 2570 justify-content: space-between;
2571 -webkit-box-align: center; 2571 -webkit-box-align: center;
2572 -ms-flex-align: center; 2572 -ms-flex-align: center;
2573 align-items: center; 2573 align-items: center;
2574 padding: 0; 2574 padding: 0;
2575 border: none; 2575 border: none;
2576 background: none; 2576 background: none;
2577 } 2577 }
2578 .footer__mobile-toper a, .footer__mobile-toper b { 2578 .footer__mobile-toper a, .footer__mobile-toper b {
2579 display: -webkit-box; 2579 display: -webkit-box;
2580 display: -ms-flexbox; 2580 display: -ms-flexbox;
2581 display: flex; 2581 display: flex;
2582 -webkit-box-pack: center; 2582 -webkit-box-pack: center;
2583 -ms-flex-pack: center; 2583 -ms-flex-pack: center;
2584 justify-content: center; 2584 justify-content: center;
2585 -webkit-box-align: center; 2585 -webkit-box-align: center;
2586 -ms-flex-align: center; 2586 -ms-flex-align: center;
2587 align-items: center; 2587 align-items: center;
2588 color: #377d87; 2588 color: #377d87;
2589 } 2589 }
2590 .footer__mobile-toper a svg, .footer__mobile-toper b svg { 2590 .footer__mobile-toper a svg, .footer__mobile-toper b svg {
2591 width: 137px; 2591 width: 137px;
2592 height: 40px; 2592 height: 40px;
2593 } 2593 }
2594 .footer__mobile-toper span { 2594 .footer__mobile-toper span {
2595 width: 40px; 2595 width: 40px;
2596 height: 40px; 2596 height: 40px;
2597 display: -webkit-box; 2597 display: -webkit-box;
2598 display: -ms-flexbox; 2598 display: -ms-flexbox;
2599 display: flex; 2599 display: flex;
2600 -webkit-box-pack: center; 2600 -webkit-box-pack: center;
2601 -ms-flex-pack: center; 2601 -ms-flex-pack: center;
2602 justify-content: center; 2602 justify-content: center;
2603 -webkit-box-align: center; 2603 -webkit-box-align: center;
2604 -ms-flex-align: center; 2604 -ms-flex-align: center;
2605 align-items: center; 2605 align-items: center;
2606 background: #377d87; 2606 background: #377d87;
2607 color: #ffffff; 2607 color: #ffffff;
2608 border-radius: 999px; 2608 border-radius: 999px;
2609 } 2609 }
2610 .footer__mobile-toper span svg { 2610 .footer__mobile-toper span svg {
2611 width: 10px; 2611 width: 10px;
2612 height: 10px; 2612 height: 10px;
2613 -webkit-transition: 0.3s; 2613 -webkit-transition: 0.3s;
2614 transition: 0.3s; 2614 transition: 0.3s;
2615 } 2615 }
2616 .footer__mobile-toper.active span svg { 2616 .footer__mobile-toper.active span svg {
2617 -webkit-transform: rotate(180deg); 2617 -webkit-transform: rotate(180deg);
2618 -ms-transform: rotate(180deg); 2618 -ms-transform: rotate(180deg);
2619 transform: rotate(180deg); 2619 transform: rotate(180deg);
2620 } 2620 }
2621 .footer__mobile-menu { 2621 .footer__mobile-menu {
2622 height: 0; 2622 height: 0;
2623 opacity: 0; 2623 opacity: 0;
2624 overflow: hidden; 2624 overflow: hidden;
2625 -webkit-transition: 0.3s; 2625 -webkit-transition: 0.3s;
2626 transition: 0.3s; 2626 transition: 0.3s;
2627 display: -webkit-box; 2627 display: -webkit-box;
2628 display: -ms-flexbox; 2628 display: -ms-flexbox;
2629 display: flex; 2629 display: flex;
2630 -webkit-box-orient: vertical; 2630 -webkit-box-orient: vertical;
2631 -webkit-box-direction: normal; 2631 -webkit-box-direction: normal;
2632 -ms-flex-direction: column; 2632 -ms-flex-direction: column;
2633 flex-direction: column; 2633 flex-direction: column;
2634 gap: 30px; 2634 gap: 30px;
2635 } 2635 }
2636 @media (min-width: 768px) { 2636 @media (min-width: 768px) {
2637 .footer__mobile-menu { 2637 .footer__mobile-menu {
2638 display: grid; 2638 display: grid;
2639 grid-template-columns: 1fr 1fr; 2639 grid-template-columns: 1fr 1fr;
2640 gap: 100px; 2640 gap: 100px;
2641 } 2641 }
2642 } 2642 }
2643 .footer__mobile-menu-item { 2643 .footer__mobile-menu-item {
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 } 2651 }
2652 .footer__mobile-menu-item button { 2652 .footer__mobile-menu-item button {
2653 display: -webkit-box; 2653 display: -webkit-box;
2654 display: -ms-flexbox; 2654 display: -ms-flexbox;
2655 display: flex; 2655 display: flex;
2656 -webkit-box-align: start; 2656 -webkit-box-align: start;
2657 -ms-flex-align: start; 2657 -ms-flex-align: start;
2658 align-items: flex-start; 2658 align-items: flex-start;
2659 padding: 0; 2659 padding: 0;
2660 border: none; 2660 border: none;
2661 background: none; 2661 background: none;
2662 } 2662 }
2663 .footer__mobile-menu-item button.active { 2663 .footer__mobile-menu-item button.active {
2664 color: #377d87; 2664 color: #377d87;
2665 } 2665 }
2666 .footer__mobile-menu-item button b { 2666 .footer__mobile-menu-item button b {
2667 width: calc(100% - 24px); 2667 width: calc(100% - 24px);
2668 padding-right: 12px; 2668 padding-right: 12px;
2669 min-height: 24px; 2669 min-height: 24px;
2670 display: -webkit-box; 2670 display: -webkit-box;
2671 display: -ms-flexbox; 2671 display: -ms-flexbox;
2672 display: flex; 2672 display: flex;
2673 -webkit-box-align: center; 2673 -webkit-box-align: center;
2674 -ms-flex-align: center; 2674 -ms-flex-align: center;
2675 align-items: center; 2675 align-items: center;
2676 font-size: 20px; 2676 font-size: 20px;
2677 font-weight: 700; 2677 font-weight: 700;
2678 } 2678 }
2679 .footer__mobile-menu-item button span { 2679 .footer__mobile-menu-item button span {
2680 width: 24px; 2680 width: 24px;
2681 height: 24px; 2681 height: 24px;
2682 display: -webkit-box; 2682 display: -webkit-box;
2683 display: -ms-flexbox; 2683 display: -ms-flexbox;
2684 display: flex; 2684 display: flex;
2685 -webkit-box-pack: center; 2685 -webkit-box-pack: center;
2686 -ms-flex-pack: center; 2686 -ms-flex-pack: center;
2687 justify-content: center; 2687 justify-content: center;
2688 -webkit-box-align: center; 2688 -webkit-box-align: center;
2689 -ms-flex-align: center; 2689 -ms-flex-align: center;
2690 align-items: center; 2690 align-items: center;
2691 padding: 0; 2691 padding: 0;
2692 border: none; 2692 border: none;
2693 background: none; 2693 background: none;
2694 } 2694 }
2695 .footer__mobile-menu-item button svg { 2695 .footer__mobile-menu-item button svg {
2696 width: 12px; 2696 width: 12px;
2697 height: 12px; 2697 height: 12px;
2698 -webkit-transition: 0.3s; 2698 -webkit-transition: 0.3s;
2699 transition: 0.3s; 2699 transition: 0.3s;
2700 -webkit-transform: rotate(180deg); 2700 -webkit-transform: rotate(180deg);
2701 -ms-transform: rotate(180deg); 2701 -ms-transform: rotate(180deg);
2702 transform: rotate(180deg); 2702 transform: rotate(180deg);
2703 } 2703 }
2704 .footer__mobile-menu-item button.active svg { 2704 .footer__mobile-menu-item button.active svg {
2705 -webkit-transform: rotate(0deg); 2705 -webkit-transform: rotate(0deg);
2706 -ms-transform: rotate(0deg); 2706 -ms-transform: rotate(0deg);
2707 transform: rotate(0deg); 2707 transform: rotate(0deg);
2708 } 2708 }
2709 .footer__mobile-menu-item div { 2709 .footer__mobile-menu-item div {
2710 height: 0; 2710 height: 0;
2711 opacity: 0; 2711 opacity: 0;
2712 overflow: hidden; 2712 overflow: hidden;
2713 -webkit-transition: 0.3s; 2713 -webkit-transition: 0.3s;
2714 transition: 0.3s; 2714 transition: 0.3s;
2715 display: -webkit-box; 2715 display: -webkit-box;
2716 display: -ms-flexbox; 2716 display: -ms-flexbox;
2717 display: flex; 2717 display: flex;
2718 -webkit-box-orient: vertical; 2718 -webkit-box-orient: vertical;
2719 -webkit-box-direction: normal; 2719 -webkit-box-direction: normal;
2720 -ms-flex-direction: column; 2720 -ms-flex-direction: column;
2721 flex-direction: column; 2721 flex-direction: column;
2722 gap: 15px; 2722 gap: 15px;
2723 } 2723 }
2724 .footer__mobile-menu-item div a:hover { 2724 .footer__mobile-menu-item div a:hover {
2725 color: #377d87; 2725 color: #377d87;
2726 } 2726 }
2727 .footer__mobile-menu-item .active + div { 2727 .footer__mobile-menu-item .active + div {
2728 opacity: 1; 2728 opacity: 1;
2729 height: auto; 2729 height: auto;
2730 overflow: visible; 2730 overflow: visible;
2731 padding-top: 15px; 2731 padding-top: 15px;
2732 } 2732 }
2733 .active + .footer__mobile-menu { 2733 .active + .footer__mobile-menu {
2734 opacity: 1; 2734 opacity: 1;
2735 height: auto; 2735 height: auto;
2736 overflow: visible; 2736 overflow: visible;
2737 padding-top: 35px; 2737 padding-top: 35px;
2738 } 2738 }
2739 .footer__mobile-contacts { 2739 .footer__mobile-contacts {
2740 display: -webkit-box; 2740 display: -webkit-box;
2741 display: -ms-flexbox; 2741 display: -ms-flexbox;
2742 display: flex; 2742 display: flex;
2743 -webkit-box-pack: justify; 2743 -webkit-box-pack: justify;
2744 -ms-flex-pack: justify; 2744 -ms-flex-pack: justify;
2745 justify-content: space-between; 2745 justify-content: space-between;
2746 -webkit-box-align: start; 2746 -webkit-box-align: start;
2747 -ms-flex-align: start; 2747 -ms-flex-align: start;
2748 align-items: flex-start; 2748 align-items: flex-start;
2749 -ms-flex-wrap: wrap; 2749 -ms-flex-wrap: wrap;
2750 flex-wrap: wrap; 2750 flex-wrap: wrap;
2751 margin-top: 30px; 2751 margin-top: 30px;
2752 } 2752 }
2753 .footer__mobile-contacts b { 2753 .footer__mobile-contacts b {
2754 font-size: 20px; 2754 font-size: 20px;
2755 font-weight: 700; 2755 font-weight: 700;
2756 width: 100%; 2756 width: 100%;
2757 margin-bottom: 20px; 2757 margin-bottom: 20px;
2758 } 2758 }
2759 .footer__mobile-contacts a { 2759 .footer__mobile-contacts a {
2760 color: #377d87; 2760 color: #377d87;
2761 text-decoration: underline; 2761 text-decoration: underline;
2762 } 2762 }
2763 .footer__mobile-contacts a + a { 2763 .footer__mobile-contacts a + a {
2764 color: #3a3b3c; 2764 color: #3a3b3c;
2765 } 2765 }
2766 .footer__mobile-bottom { 2766 .footer__mobile-bottom {
2767 display: -webkit-box; 2767 display: -webkit-box;
2768 display: -ms-flexbox; 2768 display: -ms-flexbox;
2769 display: flex; 2769 display: flex;
2770 -webkit-box-orient: vertical; 2770 -webkit-box-orient: vertical;
2771 -webkit-box-direction: normal; 2771 -webkit-box-direction: normal;
2772 -ms-flex-direction: column; 2772 -ms-flex-direction: column;
2773 flex-direction: column; 2773 flex-direction: column;
2774 -webkit-box-align: center; 2774 -webkit-box-align: center;
2775 -ms-flex-align: center; 2775 -ms-flex-align: center;
2776 align-items: center; 2776 align-items: center;
2777 text-align: center; 2777 text-align: center;
2778 gap: 20px; 2778 gap: 20px;
2779 margin-top: 100px; 2779 margin-top: 100px;
2780 } 2780 }
2781 .footer__mobile-links { 2781 .footer__mobile-links {
2782 display: -webkit-box; 2782 display: -webkit-box;
2783 display: -ms-flexbox; 2783 display: -ms-flexbox;
2784 display: flex; 2784 display: flex;
2785 -webkit-box-orient: vertical; 2785 -webkit-box-orient: vertical;
2786 -webkit-box-direction: normal; 2786 -webkit-box-direction: normal;
2787 -ms-flex-direction: column; 2787 -ms-flex-direction: column;
2788 flex-direction: column; 2788 flex-direction: column;
2789 -webkit-box-align: center; 2789 -webkit-box-align: center;
2790 -ms-flex-align: center; 2790 -ms-flex-align: center;
2791 align-items: center; 2791 align-items: center;
2792 gap: 10px; 2792 gap: 10px;
2793 } 2793 }
2794 .footer__mobile-links a:hover { 2794 .footer__mobile-links a:hover {
2795 color: #377d87; 2795 color: #377d87;
2796 } 2796 }
2797 .footer__mobile-links span { 2797 .footer__mobile-links span {
2798 width: 60px; 2798 width: 60px;
2799 height: 1px; 2799 height: 1px;
2800 background: #377d87; 2800 background: #377d87;
2801 } 2801 }
2802 .footer__main { 2802 .footer__main {
2803 display: none; 2803 display: none;
2804 padding: 55px 0 20px 0; 2804 padding: 55px 0 20px 0;
2805 -webkit-box-orient: vertical; 2805 -webkit-box-orient: vertical;
2806 -webkit-box-direction: normal; 2806 -webkit-box-direction: normal;
2807 -ms-flex-direction: column; 2807 -ms-flex-direction: column;
2808 flex-direction: column; 2808 flex-direction: column;
2809 gap: 70px; 2809 gap: 70px;
2810 } 2810 }
2811 @media (min-width: 992px) { 2811 @media (min-width: 992px) {
2812 .footer__main { 2812 .footer__main {
2813 display: -webkit-box; 2813 display: -webkit-box;
2814 display: -ms-flexbox; 2814 display: -ms-flexbox;
2815 display: flex; 2815 display: flex;
2816 } 2816 }
2817 } 2817 }
2818 .footer__main-body { 2818 .footer__main-body {
2819 display: -webkit-box; 2819 display: -webkit-box;
2820 display: -ms-flexbox; 2820 display: -ms-flexbox;
2821 display: flex; 2821 display: flex;
2822 -webkit-box-pack: justify; 2822 -webkit-box-pack: justify;
2823 -ms-flex-pack: justify; 2823 -ms-flex-pack: justify;
2824 justify-content: space-between; 2824 justify-content: space-between;
2825 -webkit-box-align: start; 2825 -webkit-box-align: start;
2826 -ms-flex-align: start; 2826 -ms-flex-align: start;
2827 align-items: flex-start; 2827 align-items: flex-start;
2828 } 2828 }
2829 .footer__main-logo { 2829 .footer__main-logo {
2830 display: -webkit-box; 2830 display: -webkit-box;
2831 display: -ms-flexbox; 2831 display: -ms-flexbox;
2832 display: flex; 2832 display: flex;
2833 -webkit-box-pack: center; 2833 -webkit-box-pack: center;
2834 -ms-flex-pack: center; 2834 -ms-flex-pack: center;
2835 justify-content: center; 2835 justify-content: center;
2836 -webkit-box-align: center; 2836 -webkit-box-align: center;
2837 -ms-flex-align: center; 2837 -ms-flex-align: center;
2838 align-items: center; 2838 align-items: center;
2839 color: #377d87; 2839 color: #377d87;
2840 } 2840 }
2841 .footer__main-logo svg { 2841 .footer__main-logo svg {
2842 width: 182px; 2842 width: 182px;
2843 height: 54px; 2843 height: 54px;
2844 } 2844 }
2845 .footer__main-title { 2845 .footer__main-title {
2846 font-size: 20px; 2846 font-size: 20px;
2847 font-weight: 700; 2847 font-weight: 700;
2848 margin-bottom: 16px; 2848 margin-bottom: 16px;
2849 } 2849 }
2850 .footer__main-col { 2850 .footer__main-col {
2851 display: -webkit-box; 2851 display: -webkit-box;
2852 display: -ms-flexbox; 2852 display: -ms-flexbox;
2853 display: flex; 2853 display: flex;
2854 -webkit-box-orient: vertical; 2854 -webkit-box-orient: vertical;
2855 -webkit-box-direction: normal; 2855 -webkit-box-direction: normal;
2856 -ms-flex-direction: column; 2856 -ms-flex-direction: column;
2857 flex-direction: column; 2857 flex-direction: column;
2858 -webkit-box-align: start; 2858 -webkit-box-align: start;
2859 -ms-flex-align: start; 2859 -ms-flex-align: start;
2860 align-items: flex-start; 2860 align-items: flex-start;
2861 } 2861 }
2862 .footer__main-col nav { 2862 .footer__main-col nav {
2863 display: -webkit-box; 2863 display: -webkit-box;
2864 display: -ms-flexbox; 2864 display: -ms-flexbox;
2865 display: flex; 2865 display: flex;
2866 -webkit-box-orient: vertical; 2866 -webkit-box-orient: vertical;
2867 -webkit-box-direction: normal; 2867 -webkit-box-direction: normal;
2868 -ms-flex-direction: column; 2868 -ms-flex-direction: column;
2869 flex-direction: column; 2869 flex-direction: column;
2870 -webkit-box-align: start; 2870 -webkit-box-align: start;
2871 -ms-flex-align: start; 2871 -ms-flex-align: start;
2872 align-items: flex-start; 2872 align-items: flex-start;
2873 gap: 8px; 2873 gap: 8px;
2874 } 2874 }
2875 .footer__main-col nav a:hover { 2875 .footer__main-col nav a:hover {
2876 color: #377d87; 2876 color: #377d87;
2877 } 2877 }
2878 .footer__main-contacts { 2878 .footer__main-contacts {
2879 display: -webkit-box; 2879 display: -webkit-box;
2880 display: -ms-flexbox; 2880 display: -ms-flexbox;
2881 display: flex; 2881 display: flex;
2882 -webkit-box-orient: vertical; 2882 -webkit-box-orient: vertical;
2883 -webkit-box-direction: normal; 2883 -webkit-box-direction: normal;
2884 -ms-flex-direction: column; 2884 -ms-flex-direction: column;
2885 flex-direction: column; 2885 flex-direction: column;
2886 -webkit-box-align: start; 2886 -webkit-box-align: start;
2887 -ms-flex-align: start; 2887 -ms-flex-align: start;
2888 align-items: flex-start; 2888 align-items: flex-start;
2889 gap: 16px; 2889 gap: 16px;
2890 margin-bottom: 16px; 2890 margin-bottom: 16px;
2891 } 2891 }
2892 .footer__main-contacts a { 2892 .footer__main-contacts a {
2893 color: #377d87; 2893 color: #377d87;
2894 text-decoration: underline; 2894 text-decoration: underline;
2895 } 2895 }
2896 .footer__main-contacts a + a { 2896 .footer__main-contacts a + a {
2897 color: #3a3b3c; 2897 color: #3a3b3c;
2898 } 2898 }
2899 .footer__main-copy { 2899 .footer__main-copy {
2900 display: -webkit-box; 2900 display: -webkit-box;
2901 display: -ms-flexbox; 2901 display: -ms-flexbox;
2902 display: flex; 2902 display: flex;
2903 -webkit-box-pack: justify; 2903 -webkit-box-pack: justify;
2904 -ms-flex-pack: justify; 2904 -ms-flex-pack: justify;
2905 justify-content: space-between; 2905 justify-content: space-between;
2906 -webkit-box-align: center; 2906 -webkit-box-align: center;
2907 -ms-flex-align: center; 2907 -ms-flex-align: center;
2908 align-items: center; 2908 align-items: center;
2909 font-size: 14px; 2909 font-size: 14px;
2910 line-height: 1.4; 2910 line-height: 1.4;
2911 } 2911 }
2912 .footer__main-copy nav { 2912 .footer__main-copy nav {
2913 display: -webkit-box; 2913 display: -webkit-box;
2914 display: -ms-flexbox; 2914 display: -ms-flexbox;
2915 display: flex; 2915 display: flex;
2916 -webkit-box-align: center; 2916 -webkit-box-align: center;
2917 -ms-flex-align: center; 2917 -ms-flex-align: center;
2918 align-items: center; 2918 align-items: center;
2919 gap: 10px; 2919 gap: 10px;
2920 } 2920 }
2921 .footer__main-copy nav a:hover { 2921 .footer__main-copy nav a:hover {
2922 color: #377d87; 2922 color: #377d87;
2923 } 2923 }
2924 .footer__main-copy nav span { 2924 .footer__main-copy nav span {
2925 width: 1px; 2925 width: 1px;
2926 height: 20px; 2926 height: 20px;
2927 background: #6b6c6d; 2927 background: #6b6c6d;
2928 } 2928 }
2929 2929
2930 .main { 2930 .main {
2931 position: relative; 2931 position: relative;
2932 overflow: hidden; 2932 overflow: hidden;
2933 padding: 30px 0; 2933 padding: 30px 0;
2934 } 2934 }
2935 @media (min-width: 768px) { 2935 @media (min-width: 768px) {
2936 .main { 2936 .main {
2937 padding: 40px 0; 2937 padding: 40px 0;
2938 } 2938 }
2939 } 2939 }
2940 @media (min-width: 992px) { 2940 @media (min-width: 992px) {
2941 .main { 2941 .main {
2942 padding: 50px 0; 2942 padding: 50px 0;
2943 } 2943 }
2944 } 2944 }
2945 @media (min-width: 1280px) { 2945 @media (min-width: 1280px) {
2946 .main { 2946 .main {
2947 padding: 60px 0; 2947 padding: 60px 0;
2948 } 2948 }
2949 } 2949 }
2950 .main h2 { 2950 .main h2 {
2951 margin: 0; 2951 margin: 0;
2952 font-weight: 700; 2952 font-weight: 700;
2953 font-size: 30px; 2953 font-size: 30px;
2954 } 2954 }
2955 @media (min-width: 768px) { 2955 @media (min-width: 768px) {
2956 .main h2 { 2956 .main h2 {
2957 font-size: 44px; 2957 font-size: 44px;
2958 } 2958 }
2959 } 2959 }
2960 .main h3 { 2960 .main h3 {
2961 margin: 0; 2961 margin: 0;
2962 font-weight: 700; 2962 font-weight: 700;
2963 font-size: 22px; 2963 font-size: 22px;
2964 } 2964 }
2965 @media (min-width: 768px) { 2965 @media (min-width: 768px) {
2966 .main h3 { 2966 .main h3 {
2967 font-size: 28px; 2967 font-size: 28px;
2968 } 2968 }
2969 } 2969 }
2970 .main p { 2970 .main p {
2971 margin: 0; 2971 margin: 0;
2972 font-size: 14px; 2972 font-size: 14px;
2973 line-height: 1.4; 2973 line-height: 1.4;
2974 } 2974 }
2975 @media (min-width: 768px) { 2975 @media (min-width: 768px) {
2976 .main p { 2976 .main p {
2977 font-size: 18px; 2977 font-size: 18px;
2978 } 2978 }
2979 } 2979 }
2980 .main p a { 2980 .main p a {
2981 color: #4d88d9; 2981 color: #4d88d9;
2982 } 2982 }
2983 .main p a:hover { 2983 .main p a:hover {
2984 color: #377d87; 2984 color: #377d87;
2985 } 2985 }
2986 .main__breadcrumbs { 2986 .main__breadcrumbs {
2987 margin-bottom: 20px; 2987 margin-bottom: 20px;
2988 } 2988 }
2989 @media (min-width: 768px) { 2989 @media (min-width: 768px) {
2990 .main__breadcrumbs { 2990 .main__breadcrumbs {
2991 margin-bottom: 40px; 2991 margin-bottom: 40px;
2992 } 2992 }
2993 } 2993 }
2994 .main__content { 2994 .main__content {
2995 display: -webkit-box; 2995 display: -webkit-box;
2996 display: -ms-flexbox; 2996 display: -ms-flexbox;
2997 display: flex; 2997 display: flex;
2998 -webkit-box-orient: vertical; 2998 -webkit-box-orient: vertical;
2999 -webkit-box-direction: normal; 2999 -webkit-box-direction: normal;
3000 -ms-flex-direction: column; 3000 -ms-flex-direction: column;
3001 flex-direction: column; 3001 flex-direction: column;
3002 gap: 20px; 3002 gap: 20px;
3003 font-size: 14px; 3003 font-size: 14px;
3004 } 3004 }
3005 @media (min-width: 992px) { 3005 @media (min-width: 992px) {
3006 .main__content { 3006 .main__content {
3007 font-size: 18px; 3007 font-size: 18px;
3008 gap: 32px; 3008 gap: 32px;
3009 } 3009 }
3010 } 3010 }
3011 .main__content-item { 3011 .main__content-item {
3012 display: -webkit-box; 3012 display: -webkit-box;
3013 display: -ms-flexbox; 3013 display: -ms-flexbox;
3014 display: flex; 3014 display: flex;
3015 -webkit-box-orient: vertical; 3015 -webkit-box-orient: vertical;
3016 -webkit-box-direction: normal; 3016 -webkit-box-direction: normal;
3017 -ms-flex-direction: column; 3017 -ms-flex-direction: column;
3018 flex-direction: column; 3018 flex-direction: column;
3019 gap: 16px; 3019 gap: 16px;
3020 } 3020 }
3021 .main__content h1, 3021 .main__content h1,
3022 .main__content h2, 3022 .main__content h2,
3023 .main__content h3, 3023 .main__content h3,
3024 .main__content h4, 3024 .main__content h4,
3025 .main__content h5, 3025 .main__content h5,
3026 .main__content h6 { 3026 .main__content h6 {
3027 color: #3a3b3c; 3027 color: #3a3b3c;
3028 } 3028 }
3029 .main__content ul, 3029 .main__content ul,
3030 .main__content ol { 3030 .main__content ol {
3031 padding: 0; 3031 padding: 0;
3032 margin: 0; 3032 margin: 0;
3033 padding-left: 20px; 3033 padding-left: 20px;
3034 display: -webkit-box; 3034 display: -webkit-box;
3035 display: -ms-flexbox; 3035 display: -ms-flexbox;
3036 display: flex; 3036 display: flex;
3037 -webkit-box-orient: vertical; 3037 -webkit-box-orient: vertical;
3038 -webkit-box-direction: normal; 3038 -webkit-box-direction: normal;
3039 -ms-flex-direction: column; 3039 -ms-flex-direction: column;
3040 flex-direction: column; 3040 flex-direction: column;
3041 gap: 8px; 3041 gap: 8px;
3042 } 3042 }
3043 @media (min-width: 992px) { 3043 @media (min-width: 992px) {
3044 .main__content ul, 3044 .main__content ul,
3045 .main__content ol { 3045 .main__content ol {
3046 gap: 16px; 3046 gap: 16px;
3047 padding-left: 30px; 3047 padding-left: 30px;
3048 } 3048 }
3049 } 3049 }
3050 .main__content li ul, 3050 .main__content li ul,
3051 .main__content li ol { 3051 .main__content li ol {
3052 margin-top: 8px; 3052 margin-top: 8px;
3053 } 3053 }
3054 @media (min-width: 992px) { 3054 @media (min-width: 992px) {
3055 .main__content li ul, 3055 .main__content li ul,
3056 .main__content li ol { 3056 .main__content li ol {
3057 margin-top: 16px; 3057 margin-top: 16px;
3058 } 3058 }
3059 } 3059 }
3060 .main__content li ul li, 3060 .main__content li ul li,
3061 .main__content li ol li { 3061 .main__content li ol li {
3062 list-style-type: disc; 3062 list-style-type: disc;
3063 } 3063 }
3064 .main__gallery { 3064 .main__gallery {
3065 display: -webkit-box; 3065 display: -webkit-box;
3066 display: -ms-flexbox; 3066 display: -ms-flexbox;
3067 display: flex; 3067 display: flex;
3068 -webkit-box-orient: vertical; 3068 -webkit-box-orient: vertical;
3069 -webkit-box-direction: normal; 3069 -webkit-box-direction: normal;
3070 -ms-flex-direction: column; 3070 -ms-flex-direction: column;
3071 flex-direction: column; 3071 flex-direction: column;
3072 gap: 20px; 3072 gap: 20px;
3073 } 3073 }
3074 @media (min-width: 768px) { 3074 @media (min-width: 768px) {
3075 .main__gallery { 3075 .main__gallery {
3076 display: grid; 3076 display: grid;
3077 grid-template-columns: repeat(2, 1fr); 3077 grid-template-columns: repeat(2, 1fr);
3078 } 3078 }
3079 } 3079 }
3080 @media (min-width: 992px) { 3080 @media (min-width: 992px) {
3081 .main__gallery { 3081 .main__gallery {
3082 grid-template-columns: repeat(3, 1fr); 3082 grid-template-columns: repeat(3, 1fr);
3083 } 3083 }
3084 } 3084 }
3085 .main__gallery-item { 3085 .main__gallery-item {
3086 width: 100%; 3086 width: 100%;
3087 aspect-ratio: 400/224; 3087 aspect-ratio: 400/224;
3088 border-radius: 30px; 3088 border-radius: 30px;
3089 position: relative; 3089 position: relative;
3090 overflow: hidden; 3090 overflow: hidden;
3091 } 3091 }
3092 .main__gallery-item:hover { 3092 .main__gallery-item:hover {
3093 -webkit-filter: brightness(1.1); 3093 -webkit-filter: brightness(1.1);
3094 filter: brightness(1.1); 3094 filter: brightness(1.1);
3095 } 3095 }
3096 .main__gallery-item img { 3096 .main__gallery-item img {
3097 position: absolute; 3097 position: absolute;
3098 top: 0; 3098 top: 0;
3099 left: 0; 3099 left: 0;
3100 width: 100%; 3100 width: 100%;
3101 height: 100%; 3101 height: 100%;
3102 -o-object-fit: cover; 3102 -o-object-fit: cover;
3103 object-fit: cover; 3103 object-fit: cover;
3104 } 3104 }
3105 .main__employers { 3105 .main__employers {
3106 display: -webkit-box; 3106 display: -webkit-box;
3107 display: -ms-flexbox; 3107 display: -ms-flexbox;
3108 display: flex; 3108 display: flex;
3109 -webkit-box-orient: vertical; 3109 -webkit-box-orient: vertical;
3110 -webkit-box-direction: normal; 3110 -webkit-box-direction: normal;
3111 -ms-flex-direction: column; 3111 -ms-flex-direction: column;
3112 flex-direction: column; 3112 flex-direction: column;
3113 gap: 10px; 3113 gap: 10px;
3114 } 3114 }
3115 @media (min-width: 768px) { 3115 @media (min-width: 768px) {
3116 .main__employers { 3116 .main__employers {
3117 gap: 30px; 3117 gap: 30px;
3118 } 3118 }
3119 } 3119 }
3120 .main__employers-body { 3120 .main__employers-body {
3121 display: none; 3121 display: none;
3122 -webkit-box-orient: vertical; 3122 -webkit-box-orient: vertical;
3123 -webkit-box-direction: normal; 3123 -webkit-box-direction: normal;
3124 -ms-flex-direction: column; 3124 -ms-flex-direction: column;
3125 flex-direction: column; 3125 flex-direction: column;
3126 gap: 20px; 3126 gap: 20px;
3127 } 3127 }
3128 @media (min-width: 992px) { 3128 @media (min-width: 992px) {
3129 .main__employers-body { 3129 .main__employers-body {
3130 gap: 30px; 3130 gap: 30px;
3131 } 3131 }
3132 } 3132 }
3133 .main__employers-body.showed { 3133 .main__employers-body.showed {
3134 display: -webkit-box; 3134 display: -webkit-box;
3135 display: -ms-flexbox; 3135 display: -ms-flexbox;
3136 display: flex; 3136 display: flex;
3137 } 3137 }
3138 .main__employers-item { 3138 .main__employers-item {
3139 display: -webkit-box; 3139 display: -webkit-box;
3140 display: -ms-flexbox; 3140 display: -ms-flexbox;
3141 display: flex; 3141 display: flex;
3142 -webkit-box-orient: vertical; 3142 -webkit-box-orient: vertical;
3143 -webkit-box-direction: normal; 3143 -webkit-box-direction: normal;
3144 -ms-flex-direction: column; 3144 -ms-flex-direction: column;
3145 flex-direction: column; 3145 flex-direction: column;
3146 border: 1px solid #cecece; 3146 border: 1px solid #cecece;
3147 border-radius: 8px; 3147 border-radius: 8px;
3148 position: relative; 3148 position: relative;
3149 overflow: hidden; 3149 overflow: hidden;
3150 padding: 10px; 3150 padding: 10px;
3151 padding-top: 50px; 3151 padding-top: 50px;
3152 padding-bottom: 30px; 3152 padding-bottom: 30px;
3153 } 3153 }
3154 @media (min-width: 768px) { 3154 @media (min-width: 768px) {
3155 .main__employers-item { 3155 .main__employers-item {
3156 -webkit-box-orient: horizontal; 3156 -webkit-box-orient: horizontal;
3157 -webkit-box-direction: normal; 3157 -webkit-box-direction: normal;
3158 -ms-flex-direction: row; 3158 -ms-flex-direction: row;
3159 flex-direction: row; 3159 flex-direction: row;
3160 -webkit-box-align: center; 3160 -webkit-box-align: center;
3161 -ms-flex-align: center; 3161 -ms-flex-align: center;
3162 align-items: center; 3162 align-items: center;
3163 -webkit-box-pack: justify; 3163 -webkit-box-pack: justify;
3164 -ms-flex-pack: justify; 3164 -ms-flex-pack: justify;
3165 justify-content: space-between; 3165 justify-content: space-between;
3166 padding: 55px 20px; 3166 padding: 55px 20px;
3167 } 3167 }
3168 } 3168 }
3169 @media (min-width: 1280px) { 3169 @media (min-width: 1280px) {
3170 .main__employers-item { 3170 .main__employers-item {
3171 padding-left: 55px; 3171 padding-left: 55px;
3172 } 3172 }
3173 } 3173 }
3174 .main__employers-item-inner { 3174 .main__employers-item-inner {
3175 display: -webkit-box; 3175 display: -webkit-box;
3176 display: -ms-flexbox; 3176 display: -ms-flexbox;
3177 display: flex; 3177 display: flex;
3178 -webkit-box-orient: vertical; 3178 -webkit-box-orient: vertical;
3179 -webkit-box-direction: normal; 3179 -webkit-box-direction: normal;
3180 -ms-flex-direction: column; 3180 -ms-flex-direction: column;
3181 flex-direction: column; 3181 flex-direction: column;
3182 } 3182 }
3183 @media (min-width: 768px) { 3183 @media (min-width: 768px) {
3184 .main__employers-item-inner { 3184 .main__employers-item-inner {
3185 width: calc(100% - 200px); 3185 width: calc(100% - 200px);
3186 padding-right: 40px; 3186 padding-right: 40px;
3187 } 3187 }
3188 } 3188 }
3189 @media (min-width: 992px) { 3189 @media (min-width: 992px) {
3190 .main__employers-item-inner { 3190 .main__employers-item-inner {
3191 -webkit-box-orient: horizontal; 3191 -webkit-box-orient: horizontal;
3192 -webkit-box-direction: normal; 3192 -webkit-box-direction: normal;
3193 -ms-flex-direction: row; 3193 -ms-flex-direction: row;
3194 flex-direction: row; 3194 flex-direction: row;
3195 -webkit-box-align: center; 3195 -webkit-box-align: center;
3196 -ms-flex-align: center; 3196 -ms-flex-align: center;
3197 align-items: center; 3197 align-items: center;
3198 } 3198 }
3199 } 3199 }
3200 .main__employers-item-pic { 3200 .main__employers-item-pic {
3201 height: 30px; 3201 height: 30px;
3202 position: absolute; 3202 position: absolute;
3203 top: 10px; 3203 top: 10px;
3204 left: 10px; 3204 left: 10px;
3205 } 3205 }
3206 @media (min-width: 768px) { 3206 @media (min-width: 768px) {
3207 .main__employers-item-pic { 3207 .main__employers-item-pic {
3208 position: static; 3208 position: static;
3209 width: 150px; 3209 width: 150px;
3210 height: auto; 3210 height: auto;
3211 max-height: 150px; 3211 max-height: 150px;
3212 -o-object-fit: contain; 3212 -o-object-fit: contain;
3213 object-fit: contain; 3213 object-fit: contain;
3214 } 3214 }
3215 } 3215 }
3216 .main__employers-item-body { 3216 .main__employers-item-body {
3217 font-size: 12px; 3217 font-size: 12px;
3218 display: -webkit-box; 3218 display: -webkit-box;
3219 display: -ms-flexbox; 3219 display: -ms-flexbox;
3220 display: flex; 3220 display: flex;
3221 -webkit-box-orient: vertical; 3221 -webkit-box-orient: vertical;
3222 -webkit-box-direction: normal; 3222 -webkit-box-direction: normal;
3223 -ms-flex-direction: column; 3223 -ms-flex-direction: column;
3224 flex-direction: column; 3224 flex-direction: column;
3225 gap: 10px; 3225 gap: 10px;
3226 } 3226 }
3227 @media (min-width: 768px) { 3227 @media (min-width: 768px) {
3228 .main__employers-item-body { 3228 .main__employers-item-body {
3229 font-size: 16px; 3229 font-size: 16px;
3230 padding-top: 20px; 3230 padding-top: 20px;
3231 } 3231 }
3232 } 3232 }
3233 @media (min-width: 992px) { 3233 @media (min-width: 992px) {
3234 .main__employers-item-body { 3234 .main__employers-item-body {
3235 width: calc(100% - 150px); 3235 width: calc(100% - 150px);
3236 padding: 0; 3236 padding: 0;
3237 padding-left: 40px; 3237 padding-left: 40px;
3238 } 3238 }
3239 } 3239 }
3240 .main__employers-item-body b { 3240 .main__employers-item-body b {
3241 font-weight: 700; 3241 font-weight: 700;
3242 } 3242 }
3243 @media (min-width: 768px) { 3243 @media (min-width: 768px) {
3244 .main__employers-item-body b { 3244 .main__employers-item-body b {
3245 font-size: 20px; 3245 font-size: 20px;
3246 } 3246 }
3247 } 3247 }
3248 .main__employers-item-body i { 3248 .main__employers-item-body i {
3249 font-style: normal; 3249 font-style: normal;
3250 color: #3a3b3c; 3250 color: #3a3b3c;
3251 } 3251 }
3252 .main__employers-item-more { 3252 .main__employers-item-more {
3253 position: absolute; 3253 position: absolute;
3254 top: 10px; 3254 top: 10px;
3255 right: 10px; 3255 right: 10px;
3256 } 3256 }
3257 @media (min-width: 768px) { 3257 @media (min-width: 768px) {
3258 .main__employers-item-more { 3258 .main__employers-item-more {
3259 width: 200px; 3259 width: 200px;
3260 padding: 0; 3260 padding: 0;
3261 position: static; 3261 position: static;
3262 } 3262 }
3263 } 3263 }
3264 .main__employers-item-label { 3264 .main__employers-item-label {
3265 background: #4d88d9; 3265 background: #4d88d9;
3266 color: #ffffff; 3266 color: #ffffff;
3267 border-radius: 6px; 3267 border-radius: 6px;
3268 width: 100%; 3268 width: 100%;
3269 height: 20px; 3269 height: 20px;
3270 display: -webkit-box; 3270 display: -webkit-box;
3271 display: -ms-flexbox; 3271 display: -ms-flexbox;
3272 display: flex; 3272 display: flex;
3273 -webkit-box-align: center; 3273 -webkit-box-align: center;
3274 -ms-flex-align: center; 3274 -ms-flex-align: center;
3275 align-items: center; 3275 align-items: center;
3276 padding: 0 12px; 3276 padding: 0 12px;
3277 position: absolute; 3277 position: absolute;
3278 bottom: 0; 3278 bottom: 0;
3279 left: 0; 3279 left: 0;
3280 font-size: 12px; 3280 font-size: 12px;
3281 line-height: 1; 3281 line-height: 1;
3282 } 3282 }
3283 @media (min-width: 768px) { 3283 @media (min-width: 768px) {
3284 .main__employers-item-label { 3284 .main__employers-item-label {
3285 max-width: 350px; 3285 max-width: 350px;
3286 height: 30px; 3286 height: 30px;
3287 font-size: 15px; 3287 font-size: 15px;
3288 } 3288 }
3289 } 3289 }
3290 .main__employers-item-label svg { 3290 .main__employers-item-label svg {
3291 width: 8px; 3291 width: 8px;
3292 height: 8px; 3292 height: 8px;
3293 } 3293 }
3294 @media (min-width: 768px) { 3294 @media (min-width: 768px) {
3295 .main__employers-item-label svg { 3295 .main__employers-item-label svg {
3296 width: 12px; 3296 width: 12px;
3297 height: 12px; 3297 height: 12px;
3298 } 3298 }
3299 } 3299 }
3300 .main__employers-item-label span { 3300 .main__employers-item-label span {
3301 overflow: hidden; 3301 overflow: hidden;
3302 display: -webkit-box; 3302 display: -webkit-box;
3303 -webkit-box-orient: vertical; 3303 -webkit-box-orient: vertical;
3304 -webkit-line-clamp: 1; 3304 -webkit-line-clamp: 1;
3305 width: calc(100% - 8px); 3305 width: calc(100% - 8px);
3306 padding-left: 6px; 3306 padding-left: 6px;
3307 } 3307 }
3308 .main__employers-one { 3308 .main__employers-one {
3309 display: -webkit-box; 3309 display: -webkit-box;
3310 display: -ms-flexbox; 3310 display: -ms-flexbox;
3311 display: flex; 3311 display: flex;
3312 -webkit-box-orient: vertical; 3312 -webkit-box-orient: vertical;
3313 -webkit-box-direction: normal; 3313 -webkit-box-direction: normal;
3314 -ms-flex-direction: column; 3314 -ms-flex-direction: column;
3315 flex-direction: column; 3315 flex-direction: column;
3316 gap: 20px; 3316 gap: 20px;
3317 } 3317 }
3318 .main__employers-two { 3318 .main__employers-two {
3319 display: -webkit-box; 3319 display: -webkit-box;
3320 display: -ms-flexbox; 3320 display: -ms-flexbox;
3321 display: flex; 3321 display: flex;
3322 -webkit-box-orient: vertical; 3322 -webkit-box-orient: vertical;
3323 -webkit-box-direction: normal; 3323 -webkit-box-direction: normal;
3324 -ms-flex-direction: column; 3324 -ms-flex-direction: column;
3325 flex-direction: column; 3325 flex-direction: column;
3326 gap: 20px; 3326 gap: 20px;
3327 } 3327 }
3328 @media (min-width: 768px) { 3328 @media (min-width: 768px) {
3329 .main__employers-two { 3329 .main__employers-two {
3330 -webkit-box-orient: horizontal; 3330 -webkit-box-orient: horizontal;
3331 -webkit-box-direction: normal; 3331 -webkit-box-direction: normal;
3332 -ms-flex-direction: row; 3332 -ms-flex-direction: row;
3333 flex-direction: row; 3333 flex-direction: row;
3334 -ms-flex-wrap: wrap; 3334 -ms-flex-wrap: wrap;
3335 flex-wrap: wrap; 3335 flex-wrap: wrap;
3336 -webkit-box-align: start; 3336 -webkit-box-align: start;
3337 -ms-flex-align: start; 3337 -ms-flex-align: start;
3338 align-items: flex-start; 3338 align-items: flex-start;
3339 -webkit-box-pack: justify; 3339 -webkit-box-pack: justify;
3340 -ms-flex-pack: justify; 3340 -ms-flex-pack: justify;
3341 justify-content: space-between; 3341 justify-content: space-between;
3342 gap: 20px 0; 3342 gap: 20px 0;
3343 } 3343 }
3344 } 3344 }
3345 .main__employers-two .main__employers-item { 3345 .main__employers-two .main__employers-item {
3346 width: calc(50% - 10px); 3346 width: calc(50% - 10px);
3347 -webkit-box-orient: vertical; 3347 -webkit-box-orient: vertical;
3348 -webkit-box-direction: normal; 3348 -webkit-box-direction: normal;
3349 -ms-flex-direction: column; 3349 -ms-flex-direction: column;
3350 flex-direction: column; 3350 flex-direction: column;
3351 -webkit-box-align: stretch; 3351 -webkit-box-align: stretch;
3352 -ms-flex-align: stretch; 3352 -ms-flex-align: stretch;
3353 align-items: stretch; 3353 align-items: stretch;
3354 padding-top: 30px; 3354 padding-top: 30px;
3355 } 3355 }
3356 .main__employers-two .main__employers-item-inner { 3356 .main__employers-two .main__employers-item-inner {
3357 width: 100%; 3357 width: 100%;
3358 padding: 0; 3358 padding: 0;
3359 } 3359 }
3360 .main__employers-two .main__employers-item-more { 3360 .main__employers-two .main__employers-item-more {
3361 position: static; 3361 position: static;
3362 margin-top: 20px; 3362 margin-top: 20px;
3363 } 3363 }
3364 @media (min-width: 992px) { 3364 @media (min-width: 992px) {
3365 .main__employers-two .main__employers-item-more { 3365 .main__employers-two .main__employers-item-more {
3366 margin-left: 190px; 3366 margin-left: 190px;
3367 } 3367 }
3368 } 3368 }
3369 .main__employers-two .main__employers-item-label { 3369 .main__employers-two .main__employers-item-label {
3370 max-width: none; 3370 max-width: none;
3371 } 3371 }
3372 .main__employer-page { 3372 .main__employer-page {
3373 display: -webkit-box; 3373 display: -webkit-box;
3374 display: -ms-flexbox; 3374 display: -ms-flexbox;
3375 display: flex; 3375 display: flex;
3376 -webkit-box-orient: vertical; 3376 -webkit-box-orient: vertical;
3377 -webkit-box-direction: normal; 3377 -webkit-box-direction: normal;
3378 -ms-flex-direction: column; 3378 -ms-flex-direction: column;
3379 flex-direction: column; 3379 flex-direction: column;
3380 gap: 20px; 3380 gap: 20px;
3381 } 3381 }
3382 @media (min-width: 768px) { 3382 @media (min-width: 768px) {
3383 .main__employer-page { 3383 .main__employer-page {
3384 gap: 30px; 3384 gap: 30px;
3385 } 3385 }
3386 } 3386 }
3387 .main__employer-page-title { 3387 .main__employer-page-title {
3388 color: #3a3b3c; 3388 color: #3a3b3c;
3389 margin: 0; 3389 margin: 0;
3390 font-size: 30px; 3390 font-size: 30px;
3391 } 3391 }
3392 @media (min-width: 768px) { 3392 @media (min-width: 768px) {
3393 .main__employer-page-title { 3393 .main__employer-page-title {
3394 font-size: 36px; 3394 font-size: 36px;
3395 } 3395 }
3396 } 3396 }
3397 @media (min-width: 992px) { 3397 @media (min-width: 992px) {
3398 .main__employer-page-title { 3398 .main__employer-page-title {
3399 font-size: 44px; 3399 font-size: 44px;
3400 } 3400 }
3401 } 3401 }
3402 .main__employer-page-item { 3402 .main__employer-page-item {
3403 display: -webkit-box; 3403 display: -webkit-box;
3404 display: -ms-flexbox; 3404 display: -ms-flexbox;
3405 display: flex; 3405 display: flex;
3406 -webkit-box-orient: vertical; 3406 -webkit-box-orient: vertical;
3407 -webkit-box-direction: normal; 3407 -webkit-box-direction: normal;
3408 -ms-flex-direction: column; 3408 -ms-flex-direction: column;
3409 flex-direction: column; 3409 flex-direction: column;
3410 gap: 4px; 3410 gap: 4px;
3411 font-size: 12px; 3411 font-size: 12px;
3412 line-height: 1.4; 3412 line-height: 1.4;
3413 } 3413 }
3414 @media (min-width: 768px) { 3414 @media (min-width: 768px) {
3415 .main__employer-page-item { 3415 .main__employer-page-item {
3416 font-size: 18px; 3416 font-size: 18px;
3417 gap: 8px; 3417 gap: 8px;
3418 } 3418 }
3419 } 3419 }
3420 .main__employer-page-item b { 3420 .main__employer-page-item b {
3421 color: #377d87; 3421 color: #377d87;
3422 font-size: 14px; 3422 font-size: 14px;
3423 } 3423 }
3424 @media (min-width: 768px) { 3424 @media (min-width: 768px) {
3425 .main__employer-page-item b { 3425 .main__employer-page-item b {
3426 font-size: 18px; 3426 font-size: 18px;
3427 } 3427 }
3428 } 3428 }
3429 .main__employer-page-item span { 3429 .main__employer-page-item span {
3430 color: #3a3b3c; 3430 color: #3a3b3c;
3431 } 3431 }
3432 .main__employer-page-info { 3432 .main__employer-page-info {
3433 display: -webkit-box; 3433 display: -webkit-box;
3434 display: -ms-flexbox; 3434 display: -ms-flexbox;
3435 display: flex; 3435 display: flex;
3436 -webkit-box-orient: vertical; 3436 -webkit-box-orient: vertical;
3437 -webkit-box-direction: normal; 3437 -webkit-box-direction: normal;
3438 -ms-flex-direction: column; 3438 -ms-flex-direction: column;
3439 flex-direction: column; 3439 flex-direction: column;
3440 gap: 20px; 3440 gap: 20px;
3441 } 3441 }
3442 @media (min-width: 768px) { 3442 @media (min-width: 768px) {
3443 .main__employer-page-info { 3443 .main__employer-page-info {
3444 display: grid; 3444 display: grid;
3445 grid-template-columns: repeat(2, 1fr); 3445 grid-template-columns: repeat(2, 1fr);
3446 gap: 30px 40px; 3446 gap: 30px 40px;
3447 } 3447 }
3448 } 3448 }
3449 @media (min-width: 1280px) { 3449 @media (min-width: 1280px) {
3450 .main__employer-page-info { 3450 .main__employer-page-info {
3451 display: -webkit-box; 3451 display: -webkit-box;
3452 display: -ms-flexbox; 3452 display: -ms-flexbox;
3453 display: flex; 3453 display: flex;
3454 -webkit-box-orient: horizontal; 3454 -webkit-box-orient: horizontal;
3455 -webkit-box-direction: normal; 3455 -webkit-box-direction: normal;
3456 -ms-flex-direction: row; 3456 -ms-flex-direction: row;
3457 flex-direction: row; 3457 flex-direction: row;
3458 -webkit-box-align: start; 3458 -webkit-box-align: start;
3459 -ms-flex-align: start; 3459 -ms-flex-align: start;
3460 align-items: flex-start; 3460 align-items: flex-start;
3461 -webkit-box-pack: justify; 3461 -webkit-box-pack: justify;
3462 -ms-flex-pack: justify; 3462 -ms-flex-pack: justify;
3463 justify-content: space-between; 3463 justify-content: space-between;
3464 padding-right: 160px; 3464 padding-right: 160px;
3465 } 3465 }
3466 } 3466 }
3467 @media (min-width: 768px) { 3467 @media (min-width: 768px) {
3468 .main__employer-page-info .main__employer-page-item b, 3468 .main__employer-page-info .main__employer-page-item b,
3469 .main__employer-page-info .main__employer-page-item span { 3469 .main__employer-page-info .main__employer-page-item span {
3470 max-width: 300px; 3470 max-width: 300px;
3471 } 3471 }
3472 } 3472 }
3473 .main__employer-page-tabs { 3473 .main__employer-page-tabs {
3474 display: -webkit-box; 3474 display: -webkit-box;
3475 display: -ms-flexbox; 3475 display: -ms-flexbox;
3476 display: flex; 3476 display: flex;
3477 -webkit-box-align: center; 3477 -webkit-box-align: center;
3478 -ms-flex-align: center; 3478 -ms-flex-align: center;
3479 align-items: center; 3479 align-items: center;
3480 gap: 20px; 3480 gap: 20px;
3481 } 3481 }
3482 @media (min-width: 768px) { 3482 @media (min-width: 768px) {
3483 .main__employer-page-tabs { 3483 .main__employer-page-tabs {
3484 margin-top: 20px; 3484 margin-top: 20px;
3485 } 3485 }
3486 } 3486 }
3487 .main__employer-page-tabs-item { 3487 .main__employer-page-tabs-item {
3488 font-size: 22px; 3488 font-size: 22px;
3489 font-weight: 700; 3489 font-weight: 700;
3490 border: none; 3490 border: none;
3491 background: none; 3491 background: none;
3492 padding: 0; 3492 padding: 0;
3493 color: #9c9d9d; 3493 color: #9c9d9d;
3494 text-decoration: underline; 3494 text-decoration: underline;
3495 text-decoration-thickness: 1px; 3495 text-decoration-thickness: 1px;
3496 } 3496 }
3497 @media (min-width: 768px) { 3497 @media (min-width: 768px) {
3498 .main__employer-page-tabs-item { 3498 .main__employer-page-tabs-item {
3499 font-size: 24px; 3499 font-size: 24px;
3500 } 3500 }
3501 } 3501 }
3502 .main__employer-page-tabs-item.active { 3502 .main__employer-page-tabs-item.active {
3503 color: #377d87; 3503 color: #377d87;
3504 } 3504 }
3505 .main__employer-page-body { 3505 .main__employer-page-body {
3506 display: -webkit-box; 3506 display: -webkit-box;
3507 display: -ms-flexbox; 3507 display: -ms-flexbox;
3508 display: flex; 3508 display: flex;
3509 -webkit-box-orient: vertical; 3509 -webkit-box-orient: vertical;
3510 -webkit-box-direction: normal; 3510 -webkit-box-direction: normal;
3511 -ms-flex-direction: column; 3511 -ms-flex-direction: column;
3512 flex-direction: column; 3512 flex-direction: column;
3513 margin-top: 10px; 3513 margin-top: 10px;
3514 } 3514 }
3515 @media (min-width: 768px) { 3515 @media (min-width: 768px) {
3516 .main__employer-page-body { 3516 .main__employer-page-body {
3517 margin-top: 30px; 3517 margin-top: 30px;
3518 } 3518 }
3519 } 3519 }
3520 .main__employer-page-body-item { 3520 .main__employer-page-body-item {
3521 display: none; 3521 display: none;
3522 -webkit-box-orient: vertical; 3522 -webkit-box-orient: vertical;
3523 -webkit-box-direction: normal; 3523 -webkit-box-direction: normal;
3524 -ms-flex-direction: column; 3524 -ms-flex-direction: column;
3525 flex-direction: column; 3525 flex-direction: column;
3526 gap: 20px; 3526 gap: 20px;
3527 } 3527 }
3528 .main__employer-page-body-item.showed { 3528 .main__employer-page-body-item.showed {
3529 display: -webkit-box; 3529 display: -webkit-box;
3530 display: -ms-flexbox; 3530 display: -ms-flexbox;
3531 display: flex; 3531 display: flex;
3532 } 3532 }
3533 .main__employer-page-one { 3533 .main__employer-page-one {
3534 display: -webkit-box; 3534 display: -webkit-box;
3535 display: -ms-flexbox; 3535 display: -ms-flexbox;
3536 display: flex; 3536 display: flex;
3537 -webkit-box-orient: vertical; 3537 -webkit-box-orient: vertical;
3538 -webkit-box-direction: normal; 3538 -webkit-box-direction: normal;
3539 -ms-flex-direction: column; 3539 -ms-flex-direction: column;
3540 flex-direction: column; 3540 flex-direction: column;
3541 gap: 20px; 3541 gap: 20px;
3542 } 3542 }
3543 @media (min-width: 768px) { 3543 @media (min-width: 768px) {
3544 .main__employer-page-one { 3544 .main__employer-page-one {
3545 display: grid; 3545 display: grid;
3546 grid-template-columns: repeat(2, 1fr); 3546 grid-template-columns: repeat(2, 1fr);
3547 } 3547 }
3548 } 3548 }
3549 @media (min-width: 992px) { 3549 @media (min-width: 992px) {
3550 .main__employer-page-one { 3550 .main__employer-page-one {
3551 grid-template-columns: repeat(3, 1fr); 3551 grid-template-columns: repeat(3, 1fr);
3552 } 3552 }
3553 } 3553 }
3554 @media (min-width: 1280px) { 3554 @media (min-width: 1280px) {
3555 .main__employer-page-one { 3555 .main__employer-page-one {
3556 grid-template-columns: repeat(4, 1fr); 3556 grid-template-columns: repeat(4, 1fr);
3557 gap: 30px 20px; 3557 gap: 30px 20px;
3558 } 3558 }
3559 } 3559 }
3560 .main__employer-page-one-item { 3560 .main__employer-page-one-item {
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: 10px; 3568 gap: 10px;
3569 font-size: 12px; 3569 font-size: 12px;
3570 position: relative; 3570 position: relative;
3571 } 3571 }
3572 @media (min-width: 1280px) { 3572 @media (min-width: 1280px) {
3573 .main__employer-page-one-item { 3573 .main__employer-page-one-item {
3574 font-size: 18px; 3574 font-size: 18px;
3575 } 3575 }
3576 } 3576 }
3577 .main__employer-page-one-item img { 3577 .main__employer-page-one-item img {
3578 border-radius: 10px; 3578 border-radius: 10px;
3579 -o-object-fit: cover; 3579 -o-object-fit: cover;
3580 object-fit: cover; 3580 object-fit: cover;
3581 width: 100%; 3581 width: 100%;
3582 max-height: 250px; 3582 max-height: 250px;
3583 aspect-ratio: 247/174; 3583 aspect-ratio: 247/174;
3584 } 3584 }
3585 @media (min-width: 1280px) { 3585 @media (min-width: 1280px) {
3586 .main__employer-page-one-item img { 3586 .main__employer-page-one-item img {
3587 margin-bottom: 10px; 3587 margin-bottom: 10px;
3588 } 3588 }
3589 } 3589 }
3590 .main__employer-page-one-item b { 3590 .main__employer-page-one-item b {
3591 font-weight: 700; 3591 font-weight: 700;
3592 color: #377d87; 3592 color: #377d87;
3593 } 3593 }
3594 .main__employer-page-one-item span { 3594 .main__employer-page-one-item span {
3595 color: #3a3b3c; 3595 color: #3a3b3c;
3596 } 3596 }
3597 .main__employer-page-one-item i { 3597 .main__employer-page-one-item i {
3598 font-style: normal; 3598 font-style: normal;
3599 color: #377d87; 3599 color: #377d87;
3600 } 3600 }
3601 .main__employer-page-one-item .del { 3601 .main__employer-page-one-item .del {
3602 position: absolute; 3602 position: absolute;
3603 z-index: 1; 3603 z-index: 1;
3604 top: 8px; 3604 top: 8px;
3605 left: 8px; 3605 left: 8px;
3606 } 3606 }
3607 .main__employer-page-two { 3607 .main__employer-page-two {
3608 display: -webkit-box; 3608 display: -webkit-box;
3609 display: -ms-flexbox; 3609 display: -ms-flexbox;
3610 display: flex; 3610 display: flex;
3611 -webkit-box-orient: vertical; 3611 -webkit-box-orient: vertical;
3612 -webkit-box-direction: normal; 3612 -webkit-box-direction: normal;
3613 -ms-flex-direction: column; 3613 -ms-flex-direction: column;
3614 flex-direction: column; 3614 flex-direction: column;
3615 -webkit-box-align: center; 3615 -webkit-box-align: center;
3616 -ms-flex-align: center; 3616 -ms-flex-align: center;
3617 align-items: center; 3617 align-items: center;
3618 gap: 20px; 3618 gap: 20px;
3619 } 3619 }
3620 .main__employer-page-two-item { 3620 .main__employer-page-two-item {
3621 width: 100%; 3621 width: 100%;
3622 display: -webkit-box; 3622 display: -webkit-box;
3623 display: -ms-flexbox; 3623 display: -ms-flexbox;
3624 display: flex; 3624 display: flex;
3625 -webkit-box-orient: vertical; 3625 -webkit-box-orient: vertical;
3626 -webkit-box-direction: normal; 3626 -webkit-box-direction: normal;
3627 -ms-flex-direction: column; 3627 -ms-flex-direction: column;
3628 flex-direction: column; 3628 flex-direction: column;
3629 gap: 16px; 3629 gap: 16px;
3630 padding: 20px 10px; 3630 padding: 20px 10px;
3631 border-radius: 12px; 3631 border-radius: 12px;
3632 border: 1px solid #cecece; 3632 border: 1px solid #cecece;
3633 position: relative; 3633 position: relative;
3634 overflow: hidden; 3634 overflow: hidden;
3635 font-size: 12px; 3635 font-size: 12px;
3636 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3636 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3637 } 3637 }
3638 @media (min-width: 768px) { 3638 @media (min-width: 768px) {
3639 .main__employer-page-two-item { 3639 .main__employer-page-two-item {
3640 font-size: 14px; 3640 font-size: 14px;
3641 padding: 20px; 3641 padding: 20px;
3642 gap: 24px; 3642 gap: 24px;
3643 padding-bottom: 35px; 3643 padding-bottom: 35px;
3644 } 3644 }
3645 } 3645 }
3646 @media (min-width: 992px) { 3646 @media (min-width: 992px) {
3647 .main__employer-page-two-item { 3647 .main__employer-page-two-item {
3648 font-size: 16px; 3648 font-size: 16px;
3649 } 3649 }
3650 } 3650 }
3651 @media (min-width: 1280px) { 3651 @media (min-width: 1280px) {
3652 .main__employer-page-two-item { 3652 .main__employer-page-two-item {
3653 font-size: 18px; 3653 font-size: 18px;
3654 } 3654 }
3655 } 3655 }
3656 .main__employer-page-two-item-toper { 3656 .main__employer-page-two-item-toper {
3657 display: -webkit-box; 3657 display: -webkit-box;
3658 display: -ms-flexbox; 3658 display: -ms-flexbox;
3659 display: flex; 3659 display: flex;
3660 -webkit-box-align: center; 3660 -webkit-box-align: center;
3661 -ms-flex-align: center; 3661 -ms-flex-align: center;
3662 align-items: center; 3662 align-items: center;
3663 font-size: 22px; 3663 font-size: 22px;
3664 font-weight: 700; 3664 font-weight: 700;
3665 color: #3a3b3c; 3665 color: #3a3b3c;
3666 } 3666 }
3667 @media (min-width: 768px) { 3667 @media (min-width: 768px) {
3668 .main__employer-page-two-item-toper { 3668 .main__employer-page-two-item-toper {
3669 font-size: 30px; 3669 font-size: 30px;
3670 } 3670 }
3671 } 3671 }
3672 .main__employer-page-two-item-toper img { 3672 .main__employer-page-two-item-toper img {
3673 width: 60px; 3673 width: 60px;
3674 aspect-ratio: 1/1; 3674 aspect-ratio: 1/1;
3675 -o-object-fit: contain; 3675 -o-object-fit: contain;
3676 object-fit: contain; 3676 object-fit: contain;
3677 } 3677 }
3678 .main__employer-page-two-item-toper span { 3678 .main__employer-page-two-item-toper span {
3679 width: calc(100% - 60px); 3679 width: calc(100% - 60px);
3680 padding-left: 10px; 3680 padding-left: 10px;
3681 } 3681 }
3682 @media (min-width: 768px) { 3682 @media (min-width: 768px) {
3683 .main__employer-page-two-item-toper span { 3683 .main__employer-page-two-item-toper span {
3684 padding-left: 20px; 3684 padding-left: 20px;
3685 } 3685 }
3686 } 3686 }
3687 .main__employer-page-two-item-title { 3687 .main__employer-page-two-item-title {
3688 font-size: 18px; 3688 font-size: 18px;
3689 font-weight: 700; 3689 font-weight: 700;
3690 color: #377d87; 3690 color: #377d87;
3691 } 3691 }
3692 @media (min-width: 768px) { 3692 @media (min-width: 768px) {
3693 .main__employer-page-two-item-title { 3693 .main__employer-page-two-item-title {
3694 font-size: 24px; 3694 font-size: 24px;
3695 } 3695 }
3696 } 3696 }
3697 .main__employer-page-two-item-text { 3697 .main__employer-page-two-item-text {
3698 display: -webkit-box; 3698 display: -webkit-box;
3699 display: -ms-flexbox; 3699 display: -ms-flexbox;
3700 display: flex; 3700 display: flex;
3701 -webkit-box-orient: vertical; 3701 -webkit-box-orient: vertical;
3702 -webkit-box-direction: normal; 3702 -webkit-box-direction: normal;
3703 -ms-flex-direction: column; 3703 -ms-flex-direction: column;
3704 flex-direction: column; 3704 flex-direction: column;
3705 gap: 10px; 3705 gap: 10px;
3706 } 3706 }
3707 .main__employer-page-two-item-text-name { 3707 .main__employer-page-two-item-text-name {
3708 font-weight: 700; 3708 font-weight: 700;
3709 } 3709 }
3710 .main__employer-page-two-item-text-body { 3710 .main__employer-page-two-item-text-body {
3711 color: #3a3b3c; 3711 color: #3a3b3c;
3712 display: -webkit-box; 3712 display: -webkit-box;
3713 display: -ms-flexbox; 3713 display: -ms-flexbox;
3714 display: flex; 3714 display: flex;
3715 -webkit-box-orient: vertical; 3715 -webkit-box-orient: vertical;
3716 -webkit-box-direction: normal; 3716 -webkit-box-direction: normal;
3717 -ms-flex-direction: column; 3717 -ms-flex-direction: column;
3718 flex-direction: column; 3718 flex-direction: column;
3719 gap: 6px; 3719 gap: 6px;
3720 padding: 0 10px; 3720 padding: 0 10px;
3721 } 3721 }
3722 .main__employer-page-two-item-text-body p { 3722 .main__employer-page-two-item-text-body p {
3723 margin: 0; 3723 margin: 0;
3724 } 3724 }
3725 .main__employer-page-two-item-text-body ul { 3725 .main__employer-page-two-item-text-body ul {
3726 margin: 0; 3726 margin: 0;
3727 padding: 0; 3727 padding: 0;
3728 padding-left: 16px; 3728 padding-left: 16px;
3729 display: -webkit-box; 3729 display: -webkit-box;
3730 display: -ms-flexbox; 3730 display: -ms-flexbox;
3731 display: flex; 3731 display: flex;
3732 -webkit-box-orient: vertical; 3732 -webkit-box-orient: vertical;
3733 -webkit-box-direction: normal; 3733 -webkit-box-direction: normal;
3734 -ms-flex-direction: column; 3734 -ms-flex-direction: column;
3735 flex-direction: column; 3735 flex-direction: column;
3736 gap: 6px; 3736 gap: 6px;
3737 } 3737 }
3738 @media (min-width: 768px) { 3738 @media (min-width: 768px) {
3739 .main__employer-page-two-item-text-body ul { 3739 .main__employer-page-two-item-text-body ul {
3740 margin: 0 5px; 3740 margin: 0 5px;
3741 } 3741 }
3742 } 3742 }
3743 .main__employer-page-two-item-text-body ul span, 3743 .main__employer-page-two-item-text-body ul span,
3744 .main__employer-page-two-item-text-body ul a { 3744 .main__employer-page-two-item-text-body ul a {
3745 color: #3a3b3c; 3745 color: #3a3b3c;
3746 position: relative; 3746 position: relative;
3747 } 3747 }
3748 .main__employer-page-two-item-text-body ul a:hover { 3748 .main__employer-page-two-item-text-body ul a:hover {
3749 color: #377d87; 3749 color: #377d87;
3750 } 3750 }
3751 .main__employer-page-two-item-text-body p + ul { 3751 .main__employer-page-two-item-text-body p + ul {
3752 margin-top: 10px; 3752 margin-top: 10px;
3753 } 3753 }
3754 .main__employer-page-two-item-text-links { 3754 .main__employer-page-two-item-text-links {
3755 display: -webkit-box; 3755 display: -webkit-box;
3756 display: -ms-flexbox; 3756 display: -ms-flexbox;
3757 display: flex; 3757 display: flex;
3758 -webkit-box-orient: vertical; 3758 -webkit-box-orient: vertical;
3759 -webkit-box-direction: normal; 3759 -webkit-box-direction: normal;
3760 -ms-flex-direction: column; 3760 -ms-flex-direction: column;
3761 flex-direction: column; 3761 flex-direction: column;
3762 -webkit-box-align: start; 3762 -webkit-box-align: start;
3763 -ms-flex-align: start; 3763 -ms-flex-align: start;
3764 align-items: flex-start; 3764 align-items: flex-start;
3765 gap: 10px; 3765 gap: 10px;
3766 padding: 0 10px; 3766 padding: 0 10px;
3767 font-weight: 700; 3767 font-weight: 700;
3768 margin-top: 5px; 3768 margin-top: 5px;
3769 } 3769 }
3770 @media (min-width: 768px) { 3770 @media (min-width: 768px) {
3771 .main__employer-page-two-item-text-links { 3771 .main__employer-page-two-item-text-links {
3772 gap: 20px; 3772 gap: 20px;
3773 } 3773 }
3774 } 3774 }
3775 .main__employer-page-two-item-text-links a { 3775 .main__employer-page-two-item-text-links a {
3776 color: #4d88d9; 3776 color: #4d88d9;
3777 } 3777 }
3778 .main__employer-page-two-item-text-links a:hover { 3778 .main__employer-page-two-item-text-links a:hover {
3779 color: #377d87; 3779 color: #377d87;
3780 } 3780 }
3781 .main__employer-page-two-item-tags { 3781 .main__employer-page-two-item-tags {
3782 color: #4d88d9; 3782 color: #4d88d9;
3783 font-weight: 500; 3783 font-weight: 500;
3784 display: -webkit-box; 3784 display: -webkit-box;
3785 display: -ms-flexbox; 3785 display: -ms-flexbox;
3786 display: flex; 3786 display: flex;
3787 -webkit-box-align: center; 3787 -webkit-box-align: center;
3788 -ms-flex-align: center; 3788 -ms-flex-align: center;
3789 align-items: center; 3789 align-items: center;
3790 -ms-flex-wrap: wrap; 3790 -ms-flex-wrap: wrap;
3791 flex-wrap: wrap; 3791 flex-wrap: wrap;
3792 gap: 10px 20px; 3792 gap: 10px 20px;
3793 } 3793 }
3794 @media (min-width: 768px) { 3794 @media (min-width: 768px) {
3795 .main__employer-page-two-item-tags { 3795 .main__employer-page-two-item-tags {
3796 font-size: 14px; 3796 font-size: 14px;
3797 } 3797 }
3798 } 3798 }
3799 .main__employer-page-two-item-buttons { 3799 .main__employer-page-two-item-buttons {
3800 display: grid; 3800 display: grid;
3801 grid-template-columns: repeat(2, 1fr); 3801 grid-template-columns: repeat(2, 1fr);
3802 gap: 20px; 3802 gap: 20px;
3803 } 3803 }
3804 @media (min-width: 768px) { 3804 @media (min-width: 768px) {
3805 .main__employer-page-two-item-button { 3805 .main__employer-page-two-item-button {
3806 position: absolute; 3806 position: absolute;
3807 bottom: 20px; 3807 bottom: 20px;
3808 left: 20px; 3808 left: 20px;
3809 width: 200px; 3809 width: 200px;
3810 padding: 0; 3810 padding: 0;
3811 } 3811 }
3812 } 3812 }
3813 @media (min-width: 768px) { 3813 @media (min-width: 768px) {
3814 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3814 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3815 left: auto; 3815 left: auto;
3816 right: 20px; 3816 right: 20px;
3817 } 3817 }
3818 } 3818 }
3819 .main__employer-page-two-item-bottom { 3819 .main__employer-page-two-item-bottom {
3820 display: -webkit-box; 3820 display: -webkit-box;
3821 display: -ms-flexbox; 3821 display: -ms-flexbox;
3822 display: flex; 3822 display: flex;
3823 -webkit-box-align: center; 3823 -webkit-box-align: center;
3824 -ms-flex-align: center; 3824 -ms-flex-align: center;
3825 align-items: center; 3825 align-items: center;
3826 -webkit-box-pack: justify; 3826 -webkit-box-pack: justify;
3827 -ms-flex-pack: justify; 3827 -ms-flex-pack: justify;
3828 justify-content: space-between; 3828 justify-content: space-between;
3829 } 3829 }
3830 .main__employer-page-two-item-bottom-date { 3830 .main__employer-page-two-item-bottom-date {
3831 color: #3a3b3c; 3831 color: #3a3b3c;
3832 } 3832 }
3833 @media (min-width: 768px) { 3833 @media (min-width: 768px) {
3834 .main__employer-page-two-item-bottom-date { 3834 .main__employer-page-two-item-bottom-date {
3835 position: absolute; 3835 position: absolute;
3836 bottom: 20px; 3836 bottom: 20px;
3837 right: 240px; 3837 right: 240px;
3838 height: 42px; 3838 height: 42px;
3839 display: -webkit-box; 3839 display: -webkit-box;
3840 display: -ms-flexbox; 3840 display: -ms-flexbox;
3841 display: flex; 3841 display: flex;
3842 -webkit-box-align: center; 3842 -webkit-box-align: center;
3843 -ms-flex-align: center; 3843 -ms-flex-align: center;
3844 align-items: center; 3844 align-items: center;
3845 } 3845 }
3846 } 3846 }
3847 @media (min-width: 992px) { 3847 @media (min-width: 992px) {
3848 .main__employer-page-two-item-bottom-date { 3848 .main__employer-page-two-item-bottom-date {
3849 font-size: 16px; 3849 font-size: 16px;
3850 } 3850 }
3851 } 3851 }
3852 @media (min-width: 768px) { 3852 @media (min-width: 768px) {
3853 .main__employer-page-two-item-bottom-like { 3853 .main__employer-page-two-item-bottom-like {
3854 position: absolute; 3854 position: absolute;
3855 bottom: 20px; 3855 bottom: 20px;
3856 left: 240px; 3856 left: 240px;
3857 } 3857 }
3858 } 3858 }
3859 @media (min-width: 768px) { 3859 @media (min-width: 768px) {
3860 .main__employer-page-two-more { 3860 .main__employer-page-two-more {
3861 margin-top: 10px; 3861 margin-top: 10px;
3862 padding: 0; 3862 padding: 0;
3863 width: 200px; 3863 width: 200px;
3864 } 3864 }
3865 } 3865 }
3866 .main__employer-page-two .main__employer-page-two-item { 3866 .main__employer-page-two .main__employer-page-two-item {
3867 display: none; 3867 display: none;
3868 } 3868 }
3869 .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) { 3869 .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) {
3870 display: -webkit-box; 3870 display: -webkit-box;
3871 display: -ms-flexbox; 3871 display: -ms-flexbox;
3872 display: flex; 3872 display: flex;
3873 } 3873 }
3874 .main__employer-page-two.active .main__employer-page-two-item { 3874 .main__employer-page-two.active .main__employer-page-two-item {
3875 display: -webkit-box; 3875 display: -webkit-box;
3876 display: -ms-flexbox; 3876 display: -ms-flexbox;
3877 display: flex; 3877 display: flex;
3878 } 3878 }
3879 .main__resume-base { 3879 .main__resume-base {
3880 display: -webkit-box; 3880 display: -webkit-box;
3881 display: -ms-flexbox; 3881 display: -ms-flexbox;
3882 display: flex; 3882 display: flex;
3883 -webkit-box-orient: vertical; 3883 -webkit-box-orient: vertical;
3884 -webkit-box-direction: normal; 3884 -webkit-box-direction: normal;
3885 -ms-flex-direction: column; 3885 -ms-flex-direction: column;
3886 flex-direction: column; 3886 flex-direction: column;
3887 color: #3a3b3c; 3887 color: #3a3b3c;
3888 } 3888 }
3889 .main__resume-base-body { 3889 .main__resume-base-body {
3890 display: none; 3890 display: none;
3891 -webkit-box-orient: vertical; 3891 -webkit-box-orient: vertical;
3892 -webkit-box-direction: normal; 3892 -webkit-box-direction: normal;
3893 -ms-flex-direction: column; 3893 -ms-flex-direction: column;
3894 flex-direction: column; 3894 flex-direction: column;
3895 margin-top: 10px; 3895 margin-top: 10px;
3896 } 3896 }
3897 @media (min-width: 768px) { 3897 @media (min-width: 768px) {
3898 .main__resume-base-body { 3898 .main__resume-base-body {
3899 margin-top: 30px; 3899 margin-top: 30px;
3900 } 3900 }
3901 } 3901 }
3902 .main__resume-base-body.showed { 3902 .main__resume-base-body.showed {
3903 display: -webkit-box; 3903 display: -webkit-box;
3904 display: -ms-flexbox; 3904 display: -ms-flexbox;
3905 display: flex; 3905 display: flex;
3906 } 3906 }
3907 .main__resume-base-body-one { 3907 .main__resume-base-body-one {
3908 display: -webkit-box; 3908 display: -webkit-box;
3909 display: -ms-flexbox; 3909 display: -ms-flexbox;
3910 display: flex; 3910 display: flex;
3911 -webkit-box-orient: vertical; 3911 -webkit-box-orient: vertical;
3912 -webkit-box-direction: normal; 3912 -webkit-box-direction: normal;
3913 -ms-flex-direction: column; 3913 -ms-flex-direction: column;
3914 flex-direction: column; 3914 flex-direction: column;
3915 -webkit-box-align: center; 3915 -webkit-box-align: center;
3916 -ms-flex-align: center; 3916 -ms-flex-align: center;
3917 align-items: center; 3917 align-items: center;
3918 gap: 20px; 3918 gap: 20px;
3919 } 3919 }
3920 @media (min-width: 768px) { 3920 @media (min-width: 768px) {
3921 .main__resume-base-body-one { 3921 .main__resume-base-body-one {
3922 gap: 30px; 3922 gap: 30px;
3923 } 3923 }
3924 } 3924 }
3925 .main__resume-base-body-two { 3925 .main__resume-base-body-two {
3926 display: -webkit-box; 3926 display: -webkit-box;
3927 display: -ms-flexbox; 3927 display: -ms-flexbox;
3928 display: flex; 3928 display: flex;
3929 -webkit-box-orient: vertical; 3929 -webkit-box-orient: vertical;
3930 -webkit-box-direction: normal; 3930 -webkit-box-direction: normal;
3931 -ms-flex-direction: column; 3931 -ms-flex-direction: column;
3932 flex-direction: column; 3932 flex-direction: column;
3933 gap: 20px; 3933 gap: 20px;
3934 } 3934 }
3935 @media (min-width: 768px) { 3935 @media (min-width: 768px) {
3936 .main__resume-base-body-two { 3936 .main__resume-base-body-two {
3937 -webkit-box-orient: horizontal; 3937 -webkit-box-orient: horizontal;
3938 -webkit-box-direction: normal; 3938 -webkit-box-direction: normal;
3939 -ms-flex-direction: row; 3939 -ms-flex-direction: row;
3940 flex-direction: row; 3940 flex-direction: row;
3941 -webkit-box-pack: justify; 3941 -webkit-box-pack: justify;
3942 -ms-flex-pack: justify; 3942 -ms-flex-pack: justify;
3943 justify-content: space-between; 3943 justify-content: space-between;
3944 -webkit-box-align: start; 3944 -webkit-box-align: start;
3945 -ms-flex-align: start; 3945 -ms-flex-align: start;
3946 align-items: flex-start; 3946 align-items: flex-start;
3947 -ms-flex-wrap: wrap; 3947 -ms-flex-wrap: wrap;
3948 flex-wrap: wrap; 3948 flex-wrap: wrap;
3949 gap: 30px 0; 3949 gap: 30px 0;
3950 } 3950 }
3951 } 3951 }
3952 @media (min-width: 768px) { 3952 @media (min-width: 768px) {
3953 .main__resume-base-body-two .main__resume-base-body-item { 3953 .main__resume-base-body-two .main__resume-base-body-item {
3954 width: calc(50% - 10px); 3954 width: calc(50% - 10px);
3955 } 3955 }
3956 } 3956 }
3957 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 3957 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
3958 -webkit-box-orient: vertical; 3958 -webkit-box-orient: vertical;
3959 -webkit-box-direction: normal; 3959 -webkit-box-direction: normal;
3960 -ms-flex-direction: column; 3960 -ms-flex-direction: column;
3961 flex-direction: column; 3961 flex-direction: column;
3962 } 3962 }
3963 .main__resume-base-body-item { 3963 .main__resume-base-body-item {
3964 width: 100%; 3964 width: 100%;
3965 display: -webkit-box; 3965 display: -webkit-box;
3966 display: -ms-flexbox; 3966 display: -ms-flexbox;
3967 display: flex; 3967 display: flex;
3968 -webkit-box-orient: vertical; 3968 -webkit-box-orient: vertical;
3969 -webkit-box-direction: normal; 3969 -webkit-box-direction: normal;
3970 -ms-flex-direction: column; 3970 -ms-flex-direction: column;
3971 flex-direction: column; 3971 flex-direction: column;
3972 gap: 20px; 3972 gap: 20px;
3973 position: relative; 3973 position: relative;
3974 border: 1px solid #377d87; 3974 border: 1px solid #377d87;
3975 border-radius: 8px; 3975 border-radius: 8px;
3976 padding: 10px; 3976 padding: 10px;
3977 -webkit-box-align: center; 3977 -webkit-box-align: center;
3978 -ms-flex-align: center; 3978 -ms-flex-align: center;
3979 align-items: center; 3979 align-items: center;
3980 } 3980 }
3981 @media (min-width: 768px) { 3981 @media (min-width: 768px) {
3982 .main__resume-base-body-item { 3982 .main__resume-base-body-item {
3983 padding: 20px; 3983 padding: 20px;
3984 } 3984 }
3985 } 3985 }
3986 .main__resume-base-body-item-buttons { 3986 .main__resume-base-body-item-buttons {
3987 display: -webkit-box; 3987 display: -webkit-box;
3988 display: -ms-flexbox; 3988 display: -ms-flexbox;
3989 display: flex; 3989 display: flex;
3990 -webkit-box-orient: vertical; 3990 -webkit-box-orient: vertical;
3991 -webkit-box-direction: normal; 3991 -webkit-box-direction: normal;
3992 -ms-flex-direction: column; 3992 -ms-flex-direction: column;
3993 flex-direction: column; 3993 flex-direction: column;
3994 -webkit-box-align: start; 3994 -webkit-box-align: start;
3995 -ms-flex-align: start; 3995 -ms-flex-align: start;
3996 align-items: flex-start; 3996 align-items: flex-start;
3997 gap: 10px; 3997 gap: 10px;
3998 position: absolute; 3998 position: absolute;
3999 top: 10px; 3999 top: 10px;
4000 right: 10px; 4000 right: 10px;
4001 } 4001 }
4002 @media (min-width: 768px) { 4002 @media (min-width: 768px) {
4003 .main__resume-base-body-item-buttons { 4003 .main__resume-base-body-item-buttons {
4004 top: 20px; 4004 top: 20px;
4005 right: 20px; 4005 right: 20px;
4006 } 4006 }
4007 } 4007 }
4008 .main__resume-base-body-item-wrapper { 4008 .main__resume-base-body-item-wrapper {
4009 display: -webkit-box; 4009 display: -webkit-box;
4010 display: -ms-flexbox; 4010 display: -ms-flexbox;
4011 display: flex; 4011 display: flex;
4012 -webkit-box-orient: vertical; 4012 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4013 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4014 -ms-flex-direction: column;
4015 flex-direction: column; 4015 flex-direction: column;
4016 -webkit-box-align: start; 4016 -webkit-box-align: start;
4017 -ms-flex-align: start; 4017 -ms-flex-align: start;
4018 align-items: flex-start; 4018 align-items: flex-start;
4019 gap: 20px; 4019 gap: 20px;
4020 width: 100%; 4020 width: 100%;
4021 } 4021 }
4022 @media (min-width: 768px) { 4022 @media (min-width: 768px) {
4023 .main__resume-base-body-item-wrapper { 4023 .main__resume-base-body-item-wrapper {
4024 -webkit-box-orient: horizontal; 4024 -webkit-box-orient: horizontal;
4025 -webkit-box-direction: normal; 4025 -webkit-box-direction: normal;
4026 -ms-flex-direction: row; 4026 -ms-flex-direction: row;
4027 flex-direction: row; 4027 flex-direction: row;
4028 } 4028 }
4029 } 4029 }
4030 .main__resume-base-body-item-photo { 4030 .main__resume-base-body-item-photo {
4031 width: 180px; 4031 width: 180px;
4032 aspect-ratio: 1/1; 4032 aspect-ratio: 1/1;
4033 -o-object-fit: cover; 4033 -o-object-fit: cover;
4034 object-fit: cover; 4034 object-fit: cover;
4035 border-radius: 8px; 4035 border-radius: 8px;
4036 } 4036 }
4037 @media (min-width: 768px) { 4037 @media (min-width: 768px) {
4038 .main__resume-base-body-item-photo { 4038 .main__resume-base-body-item-photo {
4039 width: 210px; 4039 width: 210px;
4040 } 4040 }
4041 } 4041 }
4042 .main__resume-base-body-item-inner { 4042 .main__resume-base-body-item-inner {
4043 display: -webkit-box; 4043 display: -webkit-box;
4044 display: -ms-flexbox; 4044 display: -ms-flexbox;
4045 display: flex; 4045 display: flex;
4046 -webkit-box-orient: vertical; 4046 -webkit-box-orient: vertical;
4047 -webkit-box-direction: normal; 4047 -webkit-box-direction: normal;
4048 -ms-flex-direction: column; 4048 -ms-flex-direction: column;
4049 flex-direction: column; 4049 flex-direction: column;
4050 gap: 10px; 4050 gap: 10px;
4051 width: 100%; 4051 width: 100%;
4052 } 4052 }
4053 @media (min-width: 768px) { 4053 @media (min-width: 768px) {
4054 .main__resume-base-body-item-inner { 4054 .main__resume-base-body-item-inner {
4055 gap: 16px; 4055 gap: 16px;
4056 padding-right: 50px; 4056 padding-right: 50px;
4057 } 4057 }
4058 } 4058 }
4059 @media (min-width: 992px) { 4059 @media (min-width: 992px) {
4060 .main__resume-base-body-item-inner { 4060 .main__resume-base-body-item-inner {
4061 display: grid; 4061 display: grid;
4062 grid-template-columns: repeat(2, 1fr); 4062 grid-template-columns: repeat(2, 1fr);
4063 gap: 30px; 4063 gap: 30px;
4064 } 4064 }
4065 } 4065 }
4066 .main__resume-base-body-item-inner div { 4066 .main__resume-base-body-item-inner div {
4067 display: -webkit-box; 4067 display: -webkit-box;
4068 display: -ms-flexbox; 4068 display: -ms-flexbox;
4069 display: flex; 4069 display: flex;
4070 -webkit-box-orient: vertical; 4070 -webkit-box-orient: vertical;
4071 -webkit-box-direction: normal; 4071 -webkit-box-direction: normal;
4072 -ms-flex-direction: column; 4072 -ms-flex-direction: column;
4073 flex-direction: column; 4073 flex-direction: column;
4074 gap: 4px; 4074 gap: 4px;
4075 font-size: 12px; 4075 font-size: 12px;
4076 } 4076 }
4077 @media (min-width: 768px) { 4077 @media (min-width: 768px) {
4078 .main__resume-base-body-item-inner div { 4078 .main__resume-base-body-item-inner div {
4079 font-size: 16px; 4079 font-size: 16px;
4080 } 4080 }
4081 } 4081 }
4082 .main__resume-base-body-item-inner b { 4082 .main__resume-base-body-item-inner b {
4083 color: #377d87; 4083 color: #377d87;
4084 font-size: 14px; 4084 font-size: 14px;
4085 } 4085 }
4086 @media (min-width: 768px) { 4086 @media (min-width: 768px) {
4087 .main__resume-base-body-item-inner b { 4087 .main__resume-base-body-item-inner b {
4088 font-size: 18px; 4088 font-size: 18px;
4089 } 4089 }
4090 } 4090 }
4091 .main__resume-base-body-item-link { 4091 .main__resume-base-body-item-link {
4092 width: 100%; 4092 width: 100%;
4093 padding: 0; 4093 padding: 0;
4094 } 4094 }
4095 @media (min-width: 768px) { 4095 @media (min-width: 768px) {
4096 .main__resume-base-body-item-link { 4096 .main__resume-base-body-item-link {
4097 width: 200px; 4097 width: 200px;
4098 } 4098 }
4099 } 4099 }
4100 .main__spoiler { 4100 .main__spoiler {
4101 overflow: hidden; 4101 overflow: hidden;
4102 border-radius: 8px; 4102 border-radius: 8px;
4103 display: -webkit-box; 4103 display: -webkit-box;
4104 display: -ms-flexbox; 4104 display: -ms-flexbox;
4105 display: flex; 4105 display: flex;
4106 -webkit-box-orient: vertical; 4106 -webkit-box-orient: vertical;
4107 -webkit-box-direction: normal; 4107 -webkit-box-direction: normal;
4108 -ms-flex-direction: column; 4108 -ms-flex-direction: column;
4109 flex-direction: column; 4109 flex-direction: column;
4110 } 4110 }
4111 .main__spoiler-toper { 4111 .main__spoiler-toper {
4112 background: #377d87; 4112 background: #377d87;
4113 height: 30px; 4113 height: 30px;
4114 display: -webkit-box; 4114 display: -webkit-box;
4115 display: -ms-flexbox; 4115 display: -ms-flexbox;
4116 display: flex; 4116 display: flex;
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 -webkit-box-pack: center; 4120 -webkit-box-pack: center;
4121 -ms-flex-pack: center; 4121 -ms-flex-pack: center;
4122 justify-content: center; 4122 justify-content: center;
4123 color: #ffffff; 4123 color: #ffffff;
4124 font-size: 12px; 4124 font-size: 12px;
4125 font-weight: 700; 4125 font-weight: 700;
4126 padding: 0 30px; 4126 padding: 0 30px;
4127 border: none; 4127 border: none;
4128 position: relative; 4128 position: relative;
4129 } 4129 }
4130 @media (min-width: 768px) { 4130 @media (min-width: 768px) {
4131 .main__spoiler-toper { 4131 .main__spoiler-toper {
4132 font-size: 18px; 4132 font-size: 18px;
4133 height: 50px; 4133 height: 50px;
4134 padding: 0 60px; 4134 padding: 0 60px;
4135 } 4135 }
4136 } 4136 }
4137 .main__spoiler-toper:before, .main__spoiler-toper:after { 4137 .main__spoiler-toper:before, .main__spoiler-toper:after {
4138 content: ""; 4138 content: "";
4139 background: #ffffff; 4139 background: #ffffff;
4140 border-radius: 999px; 4140 border-radius: 999px;
4141 width: 10px; 4141 width: 10px;
4142 height: 1px; 4142 height: 1px;
4143 position: absolute; 4143 position: absolute;
4144 top: 50%; 4144 top: 50%;
4145 right: 10px; 4145 right: 10px;
4146 -webkit-transition: 0.3s; 4146 -webkit-transition: 0.3s;
4147 transition: 0.3s; 4147 transition: 0.3s;
4148 -webkit-transform: translate(0, -50%); 4148 -webkit-transform: translate(0, -50%);
4149 -ms-transform: translate(0, -50%); 4149 -ms-transform: translate(0, -50%);
4150 transform: translate(0, -50%); 4150 transform: translate(0, -50%);
4151 } 4151 }
4152 @media (min-width: 768px) { 4152 @media (min-width: 768px) {
4153 .main__spoiler-toper:before, .main__spoiler-toper:after { 4153 .main__spoiler-toper:before, .main__spoiler-toper:after {
4154 width: 20px; 4154 width: 20px;
4155 height: 2px; 4155 height: 2px;
4156 right: 20px; 4156 right: 20px;
4157 } 4157 }
4158 } 4158 }
4159 .main__spoiler-toper:after { 4159 .main__spoiler-toper:after {
4160 -webkit-transform: rotate(90deg); 4160 -webkit-transform: rotate(90deg);
4161 -ms-transform: rotate(90deg); 4161 -ms-transform: rotate(90deg);
4162 transform: rotate(90deg); 4162 transform: rotate(90deg);
4163 } 4163 }
4164 .main__spoiler-toper.active:after { 4164 .main__spoiler-toper.active:after {
4165 -webkit-transform: rotate(0deg); 4165 -webkit-transform: rotate(0deg);
4166 -ms-transform: rotate(0deg); 4166 -ms-transform: rotate(0deg);
4167 transform: rotate(0deg); 4167 transform: rotate(0deg);
4168 } 4168 }
4169 .main__spoiler-body { 4169 .main__spoiler-body {
4170 opacity: 0; 4170 opacity: 0;
4171 height: 0; 4171 height: 0;
4172 overflow: hidden; 4172 overflow: hidden;
4173 border-radius: 0 0 8px 8px; 4173 border-radius: 0 0 8px 8px;
4174 background: #ffffff; 4174 background: #ffffff;
4175 } 4175 }
4176 .main__spoiler-body table { 4176 .main__spoiler-body table {
4177 width: calc(100% + 2px); 4177 width: calc(100% + 2px);
4178 margin-left: -1px; 4178 margin-left: -1px;
4179 margin-bottom: -1px; 4179 margin-bottom: -1px;
4180 } 4180 }
4181 @media (min-width: 992px) { 4181 @media (min-width: 992px) {
4182 .main__spoiler-body table td { 4182 .main__spoiler-body table td {
4183 width: 40%; 4183 width: 40%;
4184 } 4184 }
4185 } 4185 }
4186 @media (min-width: 992px) { 4186 @media (min-width: 992px) {
4187 .main__spoiler-body table td + td { 4187 .main__spoiler-body table td + td {
4188 width: 60%; 4188 width: 60%;
4189 } 4189 }
4190 } 4190 }
4191 .active + .main__spoiler-body { 4191 .active + .main__spoiler-body {
4192 -webkit-transition: 0.3s; 4192 -webkit-transition: 0.3s;
4193 transition: 0.3s; 4193 transition: 0.3s;
4194 opacity: 1; 4194 opacity: 1;
4195 height: auto; 4195 height: auto;
4196 border: 1px solid #cecece; 4196 border: 1px solid #cecece;
4197 border-top: none; 4197 border-top: none;
4198 } 4198 }
4199 .main__table { 4199 .main__table {
4200 border-collapse: collapse; 4200 border-collapse: collapse;
4201 table-layout: fixed; 4201 table-layout: fixed;
4202 font-size: 12px; 4202 font-size: 12px;
4203 width: 100%; 4203 width: 100%;
4204 background: #ffffff; 4204 background: #ffffff;
4205 } 4205 }
4206 @media (min-width: 768px) { 4206 @media (min-width: 768px) {
4207 .main__table { 4207 .main__table {
4208 font-size: 16px; 4208 font-size: 16px;
4209 } 4209 }
4210 } 4210 }
4211 .main__table td { 4211 .main__table td {
4212 border: 1px solid #cecece; 4212 border: 1px solid #cecece;
4213 padding: 4px 8px; 4213 padding: 4px 8px;
4214 vertical-align: top; 4214 vertical-align: top;
4215 } 4215 }
4216 @media (min-width: 768px) { 4216 @media (min-width: 768px) {
4217 .main__table td { 4217 .main__table td {
4218 padding: 8px 16px; 4218 padding: 8px 16px;
4219 } 4219 }
4220 } 4220 }
4221 .main__table td b { 4221 .main__table td b {
4222 font-weight: 700; 4222 font-weight: 700;
4223 } 4223 }
4224 .main__table_three { 4224 .main__table_three {
4225 table-layout: auto; 4225 table-layout: auto;
4226 } 4226 }
4227 .main__table_three td { 4227 .main__table_three td {
4228 width: 25% !important; 4228 width: 25% !important;
4229 } 4229 }
4230 .main__table_three td:last-child { 4230 .main__table_three td:last-child {
4231 width: 50% !important; 4231 width: 50% !important;
4232 } 4232 }
4233 .main__table b { 4233 .main__table b {
4234 display: block; 4234 display: block;
4235 } 4235 }
4236 .main__table a { 4236 .main__table a {
4237 color: #377d87; 4237 color: #377d87;
4238 text-decoration: underline; 4238 text-decoration: underline;
4239 } 4239 }
4240 .main__table a:hover { 4240 .main__table a:hover {
4241 color: #3a3b3c; 4241 color: #3a3b3c;
4242 } 4242 }
4243 .main__resume-profile-about { 4243 .main__resume-profile-about {
4244 padding-top: 20px; 4244 padding-top: 20px;
4245 padding-bottom: 30px; 4245 padding-bottom: 30px;
4246 position: relative; 4246 position: relative;
4247 margin-top: 30px; 4247 margin-top: 30px;
4248 display: -webkit-box; 4248 display: -webkit-box;
4249 display: -ms-flexbox; 4249 display: -ms-flexbox;
4250 display: flex; 4250 display: flex;
4251 -webkit-box-orient: vertical; 4251 -webkit-box-orient: vertical;
4252 -webkit-box-direction: normal; 4252 -webkit-box-direction: normal;
4253 -ms-flex-direction: column; 4253 -ms-flex-direction: column;
4254 flex-direction: column; 4254 flex-direction: column;
4255 -webkit-box-align: start; 4255 -webkit-box-align: start;
4256 -ms-flex-align: start; 4256 -ms-flex-align: start;
4257 align-items: flex-start; 4257 align-items: flex-start;
4258 gap: 10px; 4258 gap: 10px;
4259 } 4259 }
4260 @media (min-width: 992px) { 4260 @media (min-width: 992px) {
4261 .main__resume-profile-about { 4261 .main__resume-profile-about {
4262 padding: 50px 0; 4262 padding: 50px 0;
4263 } 4263 }
4264 } 4264 }
4265 .main__resume-profile-about:before { 4265 .main__resume-profile-about:before {
4266 content: ""; 4266 content: "";
4267 position: absolute; 4267 position: absolute;
4268 z-index: 1; 4268 z-index: 1;
4269 top: 0; 4269 top: 0;
4270 left: 50%; 4270 left: 50%;
4271 width: 20000px; 4271 width: 20000px;
4272 height: 100%; 4272 height: 100%;
4273 margin-left: -10000px; 4273 margin-left: -10000px;
4274 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4274 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4275 } 4275 }
4276 .main__resume-profile-about-title { 4276 .main__resume-profile-about-title {
4277 position: relative; 4277 position: relative;
4278 z-index: 2; 4278 z-index: 2;
4279 color: #3a3b3c; 4279 color: #3a3b3c;
4280 } 4280 }
4281 .main__resume-profile-about-text { 4281 .main__resume-profile-about-text {
4282 position: relative; 4282 position: relative;
4283 z-index: 2; 4283 z-index: 2;
4284 } 4284 }
4285 .main__resume-profile-about-button { 4285 .main__resume-profile-about-button {
4286 position: relative; 4286 position: relative;
4287 z-index: 2; 4287 z-index: 2;
4288 margin-top: 10px; 4288 margin-top: 10px;
4289 } 4289 }
4290 .main__resume-profile-info { 4290 .main__resume-profile-info {
4291 display: -webkit-box; 4291 display: -webkit-box;
4292 display: -ms-flexbox; 4292 display: -ms-flexbox;
4293 display: flex; 4293 display: flex;
4294 -webkit-box-orient: vertical; 4294 -webkit-box-orient: vertical;
4295 -webkit-box-direction: normal; 4295 -webkit-box-direction: normal;
4296 -ms-flex-direction: column; 4296 -ms-flex-direction: column;
4297 flex-direction: column; 4297 flex-direction: column;
4298 gap: 20px; 4298 gap: 20px;
4299 margin-top: 30px; 4299 margin-top: 30px;
4300 } 4300 }
4301 @media (min-width: 992px) { 4301 @media (min-width: 992px) {
4302 .main__resume-profile-info { 4302 .main__resume-profile-info {
4303 margin-top: 50px; 4303 margin-top: 50px;
4304 gap: 30px; 4304 gap: 30px;
4305 } 4305 }
4306 } 4306 }
4307 .main__resume-profile-info-title { 4307 .main__resume-profile-info-title {
4308 color: #3a3b3c; 4308 color: #3a3b3c;
4309 } 4309 }
4310 .main__resume-profile-info-body { 4310 .main__resume-profile-info-body {
4311 display: -webkit-box; 4311 display: -webkit-box;
4312 display: -ms-flexbox; 4312 display: -ms-flexbox;
4313 display: flex; 4313 display: flex;
4314 -webkit-box-orient: vertical; 4314 -webkit-box-orient: vertical;
4315 -webkit-box-direction: normal; 4315 -webkit-box-direction: normal;
4316 -ms-flex-direction: column; 4316 -ms-flex-direction: column;
4317 flex-direction: column; 4317 flex-direction: column;
4318 gap: 20px; 4318 gap: 20px;
4319 } 4319 }
4320 @media (min-width: 992px) { 4320 @media (min-width: 992px) {
4321 .main__resume-profile-info-body { 4321 .main__resume-profile-info-body {
4322 gap: 30px; 4322 gap: 30px;
4323 } 4323 }
4324 } 4324 }
4325 .main__resume-profile-info-body-item { 4325 .main__resume-profile-info-body-item {
4326 display: -webkit-box; 4326 display: -webkit-box;
4327 display: -ms-flexbox; 4327 display: -ms-flexbox;
4328 display: flex; 4328 display: flex;
4329 -webkit-box-orient: vertical; 4329 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4330 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4331 -ms-flex-direction: column;
4332 flex-direction: column; 4332 flex-direction: column;
4333 gap: 10px; 4333 gap: 10px;
4334 } 4334 }
4335 @media (min-width: 768px) { 4335 @media (min-width: 768px) {
4336 .main__resume-profile-info-body-item { 4336 .main__resume-profile-info-body-item {
4337 gap: 20px; 4337 gap: 20px;
4338 } 4338 }
4339 } 4339 }
4340 .main__resume-profile-info-body-subtitle { 4340 .main__resume-profile-info-body-subtitle {
4341 color: #4d88d9; 4341 color: #4d88d9;
4342 } 4342 }
4343 .main__resume-profile-info-body-inner { 4343 .main__resume-profile-info-body-inner {
4344 display: -webkit-box; 4344 display: -webkit-box;
4345 display: -ms-flexbox; 4345 display: -ms-flexbox;
4346 display: flex; 4346 display: flex;
4347 -webkit-box-orient: vertical; 4347 -webkit-box-orient: vertical;
4348 -webkit-box-direction: normal; 4348 -webkit-box-direction: normal;
4349 -ms-flex-direction: column; 4349 -ms-flex-direction: column;
4350 flex-direction: column; 4350 flex-direction: column;
4351 gap: 20px; 4351 gap: 20px;
4352 margin: 0; 4352 margin: 0;
4353 padding: 0; 4353 padding: 0;
4354 font-size: 12px; 4354 font-size: 12px;
4355 } 4355 }
4356 @media (min-width: 768px) { 4356 @media (min-width: 768px) {
4357 .main__resume-profile-info-body-inner { 4357 .main__resume-profile-info-body-inner {
4358 display: grid; 4358 display: grid;
4359 grid-template-columns: repeat(2, 1fr); 4359 grid-template-columns: repeat(2, 1fr);
4360 } 4360 }
4361 } 4361 }
4362 @media (min-width: 992px) { 4362 @media (min-width: 992px) {
4363 .main__resume-profile-info-body-inner { 4363 .main__resume-profile-info-body-inner {
4364 grid-template-columns: repeat(3, 1fr); 4364 grid-template-columns: repeat(3, 1fr);
4365 font-size: 16px; 4365 font-size: 16px;
4366 } 4366 }
4367 } 4367 }
4368 .main__resume-profile-info-body-inner li { 4368 .main__resume-profile-info-body-inner li {
4369 display: -webkit-box; 4369 display: -webkit-box;
4370 display: -ms-flexbox; 4370 display: -ms-flexbox;
4371 display: flex; 4371 display: flex;
4372 -webkit-box-orient: vertical; 4372 -webkit-box-orient: vertical;
4373 -webkit-box-direction: normal; 4373 -webkit-box-direction: normal;
4374 -ms-flex-direction: column; 4374 -ms-flex-direction: column;
4375 flex-direction: column; 4375 flex-direction: column;
4376 gap: 6px; 4376 gap: 6px;
4377 } 4377 }
4378 @media (min-width: 992px) { 4378 @media (min-width: 992px) {
4379 .main__resume-profile-info-body-inner li { 4379 .main__resume-profile-info-body-inner li {
4380 gap: 8px; 4380 gap: 8px;
4381 } 4381 }
4382 } 4382 }
4383 .main__resume-profile-info-body-inner b { 4383 .main__resume-profile-info-body-inner b {
4384 color: #377d87; 4384 color: #377d87;
4385 font-size: 14px; 4385 font-size: 14px;
4386 } 4386 }
4387 @media (min-width: 992px) { 4387 @media (min-width: 992px) {
4388 .main__resume-profile-info-body-inner b { 4388 .main__resume-profile-info-body-inner b {
4389 font-size: 18px; 4389 font-size: 18px;
4390 } 4390 }
4391 } 4391 }
4392 .main__resume-profile-info-body-inner span { 4392 .main__resume-profile-info-body-inner span {
4393 display: -webkit-box; 4393 display: -webkit-box;
4394 display: -ms-flexbox; 4394 display: -ms-flexbox;
4395 display: flex; 4395 display: flex;
4396 -webkit-box-orient: vertical; 4396 -webkit-box-orient: vertical;
4397 -webkit-box-direction: normal; 4397 -webkit-box-direction: normal;
4398 -ms-flex-direction: column; 4398 -ms-flex-direction: column;
4399 flex-direction: column; 4399 flex-direction: column;
4400 gap: 4px; 4400 gap: 4px;
4401 } 4401 }
4402 @media (min-width: 992px) { 4402 @media (min-width: 992px) {
4403 .main__resume-profile-info-body-inner span { 4403 .main__resume-profile-info-body-inner span {
4404 gap: 6px; 4404 gap: 6px;
4405 } 4405 }
4406 } 4406 }
4407 .main__resume-profile-review { 4407 .main__resume-profile-review {
4408 display: -webkit-box; 4408 display: -webkit-box;
4409 display: -ms-flexbox; 4409 display: -ms-flexbox;
4410 display: flex; 4410 display: flex;
4411 -webkit-box-orient: vertical; 4411 -webkit-box-orient: vertical;
4412 -webkit-box-direction: normal; 4412 -webkit-box-direction: normal;
4413 -ms-flex-direction: column; 4413 -ms-flex-direction: column;
4414 flex-direction: column; 4414 flex-direction: column;
4415 gap: 20px; 4415 gap: 20px;
4416 padding: 20px 10px; 4416 padding: 20px 10px;
4417 margin-top: 30px; 4417 margin-top: 30px;
4418 border-radius: 16px; 4418 border-radius: 16px;
4419 border: 1px solid #cecece; 4419 border: 1px solid #cecece;
4420 background: #ffffff; 4420 background: #ffffff;
4421 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4421 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4422 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4422 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4423 } 4423 }
4424 @media (min-width: 992px) { 4424 @media (min-width: 992px) {
4425 .main__resume-profile-review { 4425 .main__resume-profile-review {
4426 margin-top: 50px; 4426 margin-top: 50px;
4427 padding: 50px 40px; 4427 padding: 50px 40px;
4428 gap: 30px; 4428 gap: 30px;
4429 } 4429 }
4430 } 4430 }
4431 .main__resume-profile-review-title { 4431 .main__resume-profile-review-title {
4432 color: #3a3b3c; 4432 color: #3a3b3c;
4433 } 4433 }
4434 .main__resume-profile-review-body { 4434 .main__resume-profile-review-body {
4435 display: -webkit-box; 4435 display: -webkit-box;
4436 display: -ms-flexbox; 4436 display: -ms-flexbox;
4437 display: flex; 4437 display: flex;
4438 -webkit-box-orient: vertical; 4438 -webkit-box-orient: vertical;
4439 -webkit-box-direction: normal; 4439 -webkit-box-direction: normal;
4440 -ms-flex-direction: column; 4440 -ms-flex-direction: column;
4441 flex-direction: column; 4441 flex-direction: column;
4442 -webkit-box-align: start; 4442 -webkit-box-align: start;
4443 -ms-flex-align: start; 4443 -ms-flex-align: start;
4444 align-items: flex-start; 4444 align-items: flex-start;
4445 gap: 10px; 4445 gap: 10px;
4446 } 4446 }
4447 .main__resume-profile-review-body .textarea { 4447 .main__resume-profile-review-body .textarea {
4448 width: 100%; 4448 width: 100%;
4449 } 4449 }
4450 .main__resume-profile-review-body .button { 4450 .main__resume-profile-review-body .button {
4451 margin-top: 10px; 4451 margin-top: 10px;
4452 } 4452 }
4453 .main__vacancies { 4453 .main__vacancies {
4454 display: -webkit-box; 4454 display: -webkit-box;
4455 display: -ms-flexbox; 4455 display: -ms-flexbox;
4456 display: flex; 4456 display: flex;
4457 -webkit-box-orient: vertical; 4457 -webkit-box-orient: vertical;
4458 -webkit-box-direction: normal; 4458 -webkit-box-direction: normal;
4459 -ms-flex-direction: column; 4459 -ms-flex-direction: column;
4460 flex-direction: column; 4460 flex-direction: column;
4461 -webkit-box-align: center; 4461 -webkit-box-align: center;
4462 -ms-flex-align: center; 4462 -ms-flex-align: center;
4463 align-items: center; 4463 align-items: center;
4464 gap: 20px; 4464 gap: 20px;
4465 } 4465 }
4466 @media (min-width: 768px) { 4466 @media (min-width: 768px) {
4467 .main__vacancies { 4467 .main__vacancies {
4468 gap: 30px; 4468 gap: 30px;
4469 } 4469 }
4470 } 4470 }
4471 .main__vacancies-title { 4471 .main__vacancies-title {
4472 color: #3a3b3c; 4472 color: #3a3b3c;
4473 width: 100%; 4473 width: 100%;
4474 } 4474 }
4475 .main__vacancies-filters { 4475 .main__vacancies-filters {
4476 width: 100%; 4476 width: 100%;
4477 } 4477 }
4478 .main__vacancies-item { 4478 .main__vacancies-item {
4479 width: 100%; 4479 width: 100%;
4480 background: none; 4480 background: none;
4481 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4481 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4482 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4482 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4483 } 4483 }
4484 .main__vacancies-item-page { 4484 .main__vacancies-item-page {
4485 border: none; 4485 border: none;
4486 -webkit-box-shadow: none; 4486 -webkit-box-shadow: none;
4487 box-shadow: none; 4487 box-shadow: none;
4488 background: none; 4488 background: none;
4489 margin: 0 -10px; 4489 margin: 0 -10px;
4490 } 4490 }
4491 @media (min-width: 768px) { 4491 @media (min-width: 768px) {
4492 .main__vacancies-item-page { 4492 .main__vacancies-item-page {
4493 margin: 0 -20px; 4493 margin: 0 -20px;
4494 } 4494 }
4495 } 4495 }
4496 .main__vacancies-thing { 4496 .main__vacancies-thing {
4497 width: 100%; 4497 width: 100%;
4498 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4498 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4499 padding: 20px 10px; 4499 padding: 20px 10px;
4500 padding-bottom: 30px; 4500 padding-bottom: 30px;
4501 display: -webkit-box; 4501 display: -webkit-box;
4502 display: -ms-flexbox; 4502 display: -ms-flexbox;
4503 display: flex; 4503 display: flex;
4504 -webkit-box-orient: vertical; 4504 -webkit-box-orient: vertical;
4505 -webkit-box-direction: normal; 4505 -webkit-box-direction: normal;
4506 -ms-flex-direction: column; 4506 -ms-flex-direction: column;
4507 flex-direction: column; 4507 flex-direction: column;
4508 gap: 24px; 4508 gap: 24px;
4509 border-radius: 12px; 4509 border-radius: 12px;
4510 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4510 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4511 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4511 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4512 } 4512 }
4513 @media (min-width: 992px) { 4513 @media (min-width: 992px) {
4514 .main__vacancies-thing { 4514 .main__vacancies-thing {
4515 padding: 30px 20px; 4515 padding: 30px 20px;
4516 -webkit-box-orient: horizontal; 4516 -webkit-box-orient: horizontal;
4517 -webkit-box-direction: normal; 4517 -webkit-box-direction: normal;
4518 -ms-flex-direction: row; 4518 -ms-flex-direction: row;
4519 flex-direction: row; 4519 flex-direction: row;
4520 -webkit-box-align: start; 4520 -webkit-box-align: start;
4521 -ms-flex-align: start; 4521 -ms-flex-align: start;
4522 align-items: flex-start; 4522 align-items: flex-start;
4523 gap: 0; 4523 gap: 0;
4524 } 4524 }
4525 } 4525 }
4526 @media (min-width: 1280px) { 4526 @media (min-width: 1280px) {
4527 .main__vacancies-thing { 4527 .main__vacancies-thing {
4528 padding: 50px 20px; 4528 padding: 50px 20px;
4529 } 4529 }
4530 } 4530 }
4531 .main__vacancies-thing-pic { 4531 .main__vacancies-thing-pic {
4532 position: relative; 4532 position: relative;
4533 z-index: 2; 4533 z-index: 2;
4534 width: 100%; 4534 width: 100%;
4535 aspect-ratio: 42/34; 4535 aspect-ratio: 42/34;
4536 -o-object-fit: cover; 4536 -o-object-fit: cover;
4537 object-fit: cover; 4537 object-fit: cover;
4538 border-radius: 8px; 4538 border-radius: 8px;
4539 max-height: 340px; 4539 max-height: 340px;
4540 } 4540 }
4541 @media (min-width: 992px) { 4541 @media (min-width: 992px) {
4542 .main__vacancies-thing-pic { 4542 .main__vacancies-thing-pic {
4543 width: 380px; 4543 width: 380px;
4544 } 4544 }
4545 } 4545 }
4546 @media (min-width: 1280px) { 4546 @media (min-width: 1280px) {
4547 .main__vacancies-thing-pic { 4547 .main__vacancies-thing-pic {
4548 width: 420px; 4548 width: 420px;
4549 } 4549 }
4550 } 4550 }
4551 .main__vacancies-thing-body { 4551 .main__vacancies-thing-body {
4552 display: -webkit-box; 4552 display: -webkit-box;
4553 display: -ms-flexbox; 4553 display: -ms-flexbox;
4554 display: flex; 4554 display: flex;
4555 -webkit-box-orient: vertical; 4555 -webkit-box-orient: vertical;
4556 -webkit-box-direction: normal; 4556 -webkit-box-direction: normal;
4557 -ms-flex-direction: column; 4557 -ms-flex-direction: column;
4558 flex-direction: column; 4558 flex-direction: column;
4559 -webkit-box-align: start; 4559 -webkit-box-align: start;
4560 -ms-flex-align: start; 4560 -ms-flex-align: start;
4561 align-items: flex-start; 4561 align-items: flex-start;
4562 gap: 16px; 4562 gap: 16px;
4563 color: #3a3b3c; 4563 color: #3a3b3c;
4564 } 4564 }
4565 @media (min-width: 992px) { 4565 @media (min-width: 992px) {
4566 .main__vacancies-thing-body { 4566 .main__vacancies-thing-body {
4567 width: calc(100% - 380px); 4567 width: calc(100% - 380px);
4568 padding-left: 20px; 4568 padding-left: 20px;
4569 } 4569 }
4570 } 4570 }
4571 @media (min-width: 1280px) { 4571 @media (min-width: 1280px) {
4572 .main__vacancies-thing-body { 4572 .main__vacancies-thing-body {
4573 width: calc(100% - 420px); 4573 width: calc(100% - 420px);
4574 gap: 20px; 4574 gap: 20px;
4575 } 4575 }
4576 } 4576 }
4577 .main__vacancies-thing-body > * { 4577 .main__vacancies-thing-body > * {
4578 width: 100%; 4578 width: 100%;
4579 } 4579 }
4580 .main__vacancies-thing-body .button { 4580 .main__vacancies-thing-body .button {
4581 width: auto; 4581 width: auto;
4582 } 4582 }
4583 @media (min-width: 768px) { 4583 @media (min-width: 768px) {
4584 .main__vacancies-thing-body .button { 4584 .main__vacancies-thing-body .button {
4585 min-width: 200px; 4585 min-width: 200px;
4586 } 4586 }
4587 } 4587 }
4588 .main__vacancies-thing-scroll { 4588 .main__vacancies-thing-scroll {
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 -webkit-box-align: start; 4596 -webkit-box-align: start;
4597 -ms-flex-align: start; 4597 -ms-flex-align: start;
4598 align-items: flex-start; 4598 align-items: flex-start;
4599 gap: 16px; 4599 gap: 16px;
4600 overflow: hidden; 4600 overflow: hidden;
4601 overflow-y: auto; 4601 overflow-y: auto;
4602 max-height: 180px; 4602 max-height: 180px;
4603 padding-right: 10px; 4603 padding-right: 10px;
4604 } 4604 }
4605 @media (min-width: 768px) { 4605 @media (min-width: 768px) {
4606 .main__vacancies-thing-scroll { 4606 .main__vacancies-thing-scroll {
4607 max-height: 210px; 4607 max-height: 210px;
4608 padding-right: 20px; 4608 padding-right: 20px;
4609 } 4609 }
4610 } 4610 }
4611 @media (min-width: 992px) { 4611 @media (min-width: 992px) {
4612 .main__vacancies-thing-scroll { 4612 .main__vacancies-thing-scroll {
4613 max-height: 175px; 4613 max-height: 175px;
4614 } 4614 }
4615 } 4615 }
4616 @media (min-width: 1280px) { 4616 @media (min-width: 1280px) {
4617 .main__vacancies-thing-scroll { 4617 .main__vacancies-thing-scroll {
4618 max-height: 200px; 4618 max-height: 200px;
4619 gap: 20px; 4619 gap: 20px;
4620 } 4620 }
4621 } 4621 }
4622 .main__cond { 4622 .main__cond {
4623 display: -webkit-box; 4623 display: -webkit-box;
4624 display: -ms-flexbox; 4624 display: -ms-flexbox;
4625 display: flex; 4625 display: flex;
4626 -webkit-box-orient: vertical; 4626 -webkit-box-orient: vertical;
4627 -webkit-box-direction: normal; 4627 -webkit-box-direction: normal;
4628 -ms-flex-direction: column; 4628 -ms-flex-direction: column;
4629 flex-direction: column; 4629 flex-direction: column;
4630 gap: 50px; 4630 gap: 50px;
4631 } 4631 }
4632 .main__cond > div { 4632 .main__cond > div {
4633 display: -webkit-box; 4633 display: -webkit-box;
4634 display: -ms-flexbox; 4634 display: -ms-flexbox;
4635 display: flex; 4635 display: flex;
4636 -webkit-box-orient: vertical; 4636 -webkit-box-orient: vertical;
4637 -webkit-box-direction: normal; 4637 -webkit-box-direction: normal;
4638 -ms-flex-direction: column; 4638 -ms-flex-direction: column;
4639 flex-direction: column; 4639 flex-direction: column;
4640 gap: 10px; 4640 gap: 10px;
4641 } 4641 }
4642 .main__cond-label { 4642 .main__cond-label {
4643 border-radius: 16px; 4643 border-radius: 16px;
4644 border: 1px solid #cecece; 4644 border: 1px solid #cecece;
4645 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4645 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4646 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4646 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4647 padding: 30px 20px; 4647 padding: 30px 20px;
4648 font-weight: 700; 4648 font-weight: 700;
4649 color: #3a3b3c; 4649 color: #3a3b3c;
4650 line-height: 2; 4650 line-height: 2;
4651 text-align: center; 4651 text-align: center;
4652 } 4652 }
4653 @media (min-width: 992px) { 4653 @media (min-width: 992px) {
4654 .main__cond-label { 4654 .main__cond-label {
4655 font-size: 30px; 4655 font-size: 30px;
4656 } 4656 }
4657 } 4657 }
4658 .main__cond-icons { 4658 .main__cond-icons {
4659 padding: 0; 4659 padding: 0;
4660 margin: 0; 4660 margin: 0;
4661 display: -webkit-box; 4661 display: -webkit-box;
4662 display: -ms-flexbox; 4662 display: -ms-flexbox;
4663 display: flex; 4663 display: flex;
4664 -webkit-box-orient: vertical; 4664 -webkit-box-orient: vertical;
4665 -webkit-box-direction: normal; 4665 -webkit-box-direction: normal;
4666 -ms-flex-direction: column; 4666 -ms-flex-direction: column;
4667 flex-direction: column; 4667 flex-direction: column;
4668 gap: 25px; 4668 gap: 25px;
4669 margin-top: 10px; 4669 margin-top: 10px;
4670 } 4670 }
4671 @media (min-width: 768px) { 4671 @media (min-width: 768px) {
4672 .main__cond-icons { 4672 .main__cond-icons {
4673 display: grid; 4673 display: grid;
4674 grid-template-columns: repeat(2, 1fr); 4674 grid-template-columns: repeat(2, 1fr);
4675 gap: 60px; 4675 gap: 60px;
4676 margin-top: 20px; 4676 margin-top: 20px;
4677 } 4677 }
4678 } 4678 }
4679 @media (min-width: 1280px) { 4679 @media (min-width: 1280px) {
4680 .main__cond-icons { 4680 .main__cond-icons {
4681 grid-template-columns: repeat(3, 1fr); 4681 grid-template-columns: repeat(3, 1fr);
4682 } 4682 }
4683 } 4683 }
4684 .main__cond-icons li { 4684 .main__cond-icons li {
4685 display: -webkit-box; 4685 display: -webkit-box;
4686 display: -ms-flexbox; 4686 display: -ms-flexbox;
4687 display: flex; 4687 display: flex;
4688 -webkit-box-orient: vertical; 4688 -webkit-box-orient: vertical;
4689 -webkit-box-direction: normal; 4689 -webkit-box-direction: normal;
4690 -ms-flex-direction: column; 4690 -ms-flex-direction: column;
4691 flex-direction: column; 4691 flex-direction: column;
4692 -webkit-box-align: start; 4692 -webkit-box-align: start;
4693 -ms-flex-align: start; 4693 -ms-flex-align: start;
4694 align-items: flex-start; 4694 align-items: flex-start;
4695 gap: 20px; 4695 gap: 20px;
4696 font-size: 12px; 4696 font-size: 12px;
4697 line-height: 1.4; 4697 line-height: 1.4;
4698 color: #3a3b3c; 4698 color: #3a3b3c;
4699 } 4699 }
4700 @media (min-width: 768px) { 4700 @media (min-width: 768px) {
4701 .main__cond-icons li { 4701 .main__cond-icons li {
4702 font-size: 14px; 4702 font-size: 14px;
4703 } 4703 }
4704 } 4704 }
4705 @media (min-width: 992px) { 4705 @media (min-width: 992px) {
4706 .main__cond-icons li { 4706 .main__cond-icons li {
4707 font-size: 16px; 4707 font-size: 16px;
4708 line-height: 1.6; 4708 line-height: 1.6;
4709 } 4709 }
4710 } 4710 }
4711 @media (min-width: 1280px) { 4711 @media (min-width: 1280px) {
4712 .main__cond-icons li { 4712 .main__cond-icons li {
4713 font-size: 18px; 4713 font-size: 18px;
4714 } 4714 }
4715 } 4715 }
4716 .main__cond-icons li span { 4716 .main__cond-icons li span {
4717 width: 48px; 4717 width: 48px;
4718 height: 48px; 4718 height: 48px;
4719 display: -webkit-box; 4719 display: -webkit-box;
4720 display: -ms-flexbox; 4720 display: -ms-flexbox;
4721 display: flex; 4721 display: flex;
4722 -webkit-box-align: center; 4722 -webkit-box-align: center;
4723 -ms-flex-align: center; 4723 -ms-flex-align: center;
4724 align-items: center; 4724 align-items: center;
4725 } 4725 }
4726 .main__cond-icons li span img { 4726 .main__cond-icons li span img {
4727 max-width: 48px; 4727 max-width: 48px;
4728 } 4728 }
4729 .main__cond-callback { 4729 .main__cond-callback {
4730 margin-top: 10px; 4730 margin-top: 10px;
4731 } 4731 }
4732 .main__ads { 4732 .main__ads {
4733 display: -webkit-box; 4733 display: -webkit-box;
4734 display: -ms-flexbox; 4734 display: -ms-flexbox;
4735 display: flex; 4735 display: flex;
4736 -webkit-box-orient: vertical; 4736 -webkit-box-orient: vertical;
4737 -webkit-box-direction: normal; 4737 -webkit-box-direction: normal;
4738 -ms-flex-direction: column; 4738 -ms-flex-direction: column;
4739 flex-direction: column; 4739 flex-direction: column;
4740 gap: 30px; 4740 gap: 30px;
4741 margin: 30px 0; 4741 margin: 30px 0;
4742 } 4742 }
4743 @media (min-width: 992px) { 4743 @media (min-width: 992px) {
4744 .main__ads { 4744 .main__ads {
4745 margin: 60px 0; 4745 margin: 60px 0;
4746 } 4746 }
4747 } 4747 }
4748 .main__ads-item { 4748 .main__ads-item {
4749 display: -webkit-box; 4749 display: -webkit-box;
4750 display: -ms-flexbox; 4750 display: -ms-flexbox;
4751 display: flex; 4751 display: flex;
4752 -webkit-box-orient: vertical; 4752 -webkit-box-orient: vertical;
4753 -webkit-box-direction: normal; 4753 -webkit-box-direction: normal;
4754 -ms-flex-direction: column; 4754 -ms-flex-direction: column;
4755 flex-direction: column; 4755 flex-direction: column;
4756 gap: 16px; 4756 gap: 16px;
4757 } 4757 }
4758 @media (min-width: 992px) { 4758 @media (min-width: 992px) {
4759 .main__ads-item { 4759 .main__ads-item {
4760 -webkit-box-orient: horizontal; 4760 -webkit-box-orient: horizontal;
4761 -webkit-box-direction: normal; 4761 -webkit-box-direction: normal;
4762 -ms-flex-direction: row; 4762 -ms-flex-direction: row;
4763 flex-direction: row; 4763 flex-direction: row;
4764 gap: 0; 4764 gap: 0;
4765 } 4765 }
4766 } 4766 }
4767 .main__ads-item-pic { 4767 .main__ads-item-pic {
4768 width: 100%; 4768 width: 100%;
4769 max-width: 440px; 4769 max-width: 440px;
4770 max-height: 200px; 4770 max-height: 200px;
4771 aspect-ratio: 3/2; 4771 aspect-ratio: 3/2;
4772 position: relative; 4772 position: relative;
4773 overflow: hidden; 4773 overflow: hidden;
4774 border-radius: 12px; 4774 border-radius: 12px;
4775 } 4775 }
4776 @media (min-width: 992px) { 4776 @media (min-width: 992px) {
4777 .main__ads-item-pic { 4777 .main__ads-item-pic {
4778 width: 200px; 4778 width: 200px;
4779 aspect-ratio: 1/1; 4779 aspect-ratio: 1/1;
4780 } 4780 }
4781 } 4781 }
4782 .main__ads-item-pic img { 4782 .main__ads-item-pic img {
4783 z-index: 1; 4783 z-index: 1;
4784 position: absolute; 4784 position: absolute;
4785 top: 0; 4785 top: 0;
4786 left: 0; 4786 left: 0;
4787 width: 100%; 4787 width: 100%;
4788 height: 100%; 4788 height: 100%;
4789 -o-object-fit: cover; 4789 -o-object-fit: cover;
4790 object-fit: cover; 4790 object-fit: cover;
4791 } 4791 }
4792 .main__ads-item-pic span { 4792 .main__ads-item-pic span {
4793 z-index: 2; 4793 z-index: 2;
4794 width: 30px; 4794 width: 30px;
4795 height: 30px; 4795 height: 30px;
4796 border-radius: 6px; 4796 border-radius: 6px;
4797 background: #4d88d9; 4797 background: #4d88d9;
4798 display: -webkit-box; 4798 display: -webkit-box;
4799 display: -ms-flexbox; 4799 display: -ms-flexbox;
4800 display: flex; 4800 display: flex;
4801 -webkit-box-pack: center; 4801 -webkit-box-pack: center;
4802 -ms-flex-pack: center; 4802 -ms-flex-pack: center;
4803 justify-content: center; 4803 justify-content: center;
4804 -webkit-box-align: center; 4804 -webkit-box-align: center;
4805 -ms-flex-align: center; 4805 -ms-flex-align: center;
4806 align-items: center; 4806 align-items: center;
4807 position: absolute; 4807 position: absolute;
4808 top: 10px; 4808 top: 10px;
4809 left: 10px; 4809 left: 10px;
4810 color: #ffffff; 4810 color: #ffffff;
4811 } 4811 }
4812 @media (min-width: 992px) { 4812 @media (min-width: 992px) {
4813 .main__ads-item-pic span { 4813 .main__ads-item-pic span {
4814 width: 42px; 4814 width: 42px;
4815 height: 42px; 4815 height: 42px;
4816 } 4816 }
4817 } 4817 }
4818 .main__ads-item-pic span svg { 4818 .main__ads-item-pic span svg {
4819 width: 12px; 4819 width: 12px;
4820 height: 12px; 4820 height: 12px;
4821 } 4821 }
4822 @media (min-width: 992px) { 4822 @media (min-width: 992px) {
4823 .main__ads-item-pic span svg { 4823 .main__ads-item-pic span svg {
4824 width: 20px; 4824 width: 20px;
4825 height: 20px; 4825 height: 20px;
4826 } 4826 }
4827 } 4827 }
4828 .main__ads-item-body { 4828 .main__ads-item-body {
4829 display: -webkit-box; 4829 display: -webkit-box;
4830 display: -ms-flexbox; 4830 display: -ms-flexbox;
4831 display: flex; 4831 display: flex;
4832 -webkit-box-orient: vertical; 4832 -webkit-box-orient: vertical;
4833 -webkit-box-direction: normal; 4833 -webkit-box-direction: normal;
4834 -ms-flex-direction: column; 4834 -ms-flex-direction: column;
4835 flex-direction: column; 4835 flex-direction: column;
4836 -webkit-box-align: start; 4836 -webkit-box-align: start;
4837 -ms-flex-align: start; 4837 -ms-flex-align: start;
4838 align-items: flex-start; 4838 align-items: flex-start;
4839 gap: 10px; 4839 gap: 10px;
4840 font-size: 12px; 4840 font-size: 12px;
4841 } 4841 }
4842 @media (min-width: 992px) { 4842 @media (min-width: 992px) {
4843 .main__ads-item-body { 4843 .main__ads-item-body {
4844 width: calc(100% - 200px); 4844 width: calc(100% - 200px);
4845 padding-left: 40px; 4845 padding-left: 40px;
4846 -webkit-box-pack: center; 4846 -webkit-box-pack: center;
4847 -ms-flex-pack: center; 4847 -ms-flex-pack: center;
4848 justify-content: center; 4848 justify-content: center;
4849 font-size: 16px; 4849 font-size: 16px;
4850 gap: 20px; 4850 gap: 20px;
4851 } 4851 }
4852 } 4852 }
4853 .main__ads-item-body b { 4853 .main__ads-item-body b {
4854 width: 100%; 4854 width: 100%;
4855 font-weight: 700; 4855 font-weight: 700;
4856 font-size: 14px; 4856 font-size: 14px;
4857 } 4857 }
4858 @media (min-width: 992px) { 4858 @media (min-width: 992px) {
4859 .main__ads-item-body b { 4859 .main__ads-item-body b {
4860 font-size: 20px; 4860 font-size: 20px;
4861 } 4861 }
4862 } 4862 }
4863 .main__ads-item-body span { 4863 .main__ads-item-body span {
4864 width: 100%; 4864 width: 100%;
4865 } 4865 }
4866 4866
4867 .work { 4867 .work {
4868 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4868 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4869 color: #6b6c6d; 4869 color: #6b6c6d;
4870 padding-top: 70px; 4870 padding-top: 70px;
4871 padding-bottom: 10px; 4871 padding-bottom: 10px;
4872 position: relative; 4872 position: relative;
4873 overflow: hidden; 4873 overflow: hidden;
4874 } 4874 }
4875 @media (min-width: 768px) { 4875 @media (min-width: 768px) {
4876 .work { 4876 .work {
4877 padding-bottom: 25px; 4877 padding-bottom: 25px;
4878 } 4878 }
4879 } 4879 }
4880 @media (min-width: 1280px) { 4880 @media (min-width: 1280px) {
4881 .work { 4881 .work {
4882 padding-top: 80px; 4882 padding-top: 80px;
4883 padding-bottom: 25px; 4883 padding-bottom: 25px;
4884 } 4884 }
4885 } 4885 }
4886 .work__pic { 4886 .work__pic {
4887 position: absolute; 4887 position: absolute;
4888 height: calc(100% - 40px); 4888 height: calc(100% - 40px);
4889 z-index: 1; 4889 z-index: 1;
4890 display: none; 4890 display: none;
4891 bottom: 0; 4891 bottom: 0;
4892 left: 50%; 4892 left: 50%;
4893 margin-left: 40px; 4893 margin-left: 40px;
4894 } 4894 }
4895 @media (min-width: 992px) { 4895 @media (min-width: 992px) {
4896 .work__pic { 4896 .work__pic {
4897 display: block; 4897 display: block;
4898 } 4898 }
4899 } 4899 }
4900 @media (min-width: 1280px) { 4900 @media (min-width: 1280px) {
4901 .work__pic { 4901 .work__pic {
4902 margin-left: 80px; 4902 margin-left: 80px;
4903 } 4903 }
4904 } 4904 }
4905 .work__body { 4905 .work__body {
4906 position: relative; 4906 position: relative;
4907 z-index: 2; 4907 z-index: 2;
4908 display: -webkit-box; 4908 display: -webkit-box;
4909 display: -ms-flexbox; 4909 display: -ms-flexbox;
4910 display: flex; 4910 display: flex;
4911 -webkit-box-orient: vertical; 4911 -webkit-box-orient: vertical;
4912 -webkit-box-direction: normal; 4912 -webkit-box-direction: normal;
4913 -ms-flex-direction: column; 4913 -ms-flex-direction: column;
4914 flex-direction: column; 4914 flex-direction: column;
4915 -webkit-box-align: center; 4915 -webkit-box-align: center;
4916 -ms-flex-align: center; 4916 -ms-flex-align: center;
4917 align-items: center; 4917 align-items: center;
4918 } 4918 }
4919 @media (min-width: 768px) { 4919 @media (min-width: 768px) {
4920 .work__body { 4920 .work__body {
4921 -webkit-box-align: start; 4921 -webkit-box-align: start;
4922 -ms-flex-align: start; 4922 -ms-flex-align: start;
4923 align-items: flex-start; 4923 align-items: flex-start;
4924 } 4924 }
4925 } 4925 }
4926 @media (min-width: 992px) { 4926 @media (min-width: 992px) {
4927 .work__body { 4927 .work__body {
4928 max-width: 600px; 4928 max-width: 600px;
4929 } 4929 }
4930 } 4930 }
4931 .work__title { 4931 .work__title {
4932 width: 100%; 4932 width: 100%;
4933 font-size: 40px; 4933 font-size: 40px;
4934 font-weight: 700; 4934 font-weight: 700;
4935 line-height: 1; 4935 line-height: 1;
4936 } 4936 }
4937 @media (min-width: 768px) { 4937 @media (min-width: 768px) {
4938 .work__title { 4938 .work__title {
4939 font-size: 64px; 4939 font-size: 64px;
4940 line-height: 94px; 4940 line-height: 94px;
4941 } 4941 }
4942 } 4942 }
4943 .work__text { 4943 .work__text {
4944 width: 100%; 4944 width: 100%;
4945 font-size: 12px; 4945 font-size: 12px;
4946 margin-top: 10px; 4946 margin-top: 10px;
4947 } 4947 }
4948 @media (min-width: 768px) { 4948 @media (min-width: 768px) {
4949 .work__text { 4949 .work__text {
4950 font-size: 18px; 4950 font-size: 18px;
4951 margin-top: 20px; 4951 margin-top: 20px;
4952 line-height: 1.4; 4952 line-height: 1.4;
4953 } 4953 }
4954 } 4954 }
4955 .work__list { 4955 .work__list {
4956 width: 100%; 4956 width: 100%;
4957 display: -webkit-box; 4957 display: -webkit-box;
4958 display: -ms-flexbox; 4958 display: -ms-flexbox;
4959 display: flex; 4959 display: flex;
4960 -webkit-box-orient: vertical; 4960 -webkit-box-orient: vertical;
4961 -webkit-box-direction: normal; 4961 -webkit-box-direction: normal;
4962 -ms-flex-direction: column; 4962 -ms-flex-direction: column;
4963 flex-direction: column; 4963 flex-direction: column;
4964 gap: 5px; 4964 gap: 5px;
4965 font-size: 14px; 4965 font-size: 14px;
4966 font-weight: 700; 4966 font-weight: 700;
4967 margin-top: 15px; 4967 margin-top: 15px;
4968 } 4968 }
4969 @media (min-width: 768px) { 4969 @media (min-width: 768px) {
4970 .work__list { 4970 .work__list {
4971 font-size: 18px; 4971 font-size: 18px;
4972 gap: 8px; 4972 gap: 8px;
4973 margin-top: 30px; 4973 margin-top: 30px;
4974 } 4974 }
4975 } 4975 }
4976 .work__list div { 4976 .work__list div {
4977 position: relative; 4977 position: relative;
4978 padding-left: 10px; 4978 padding-left: 10px;
4979 } 4979 }
4980 @media (min-width: 768px) { 4980 @media (min-width: 768px) {
4981 .work__list div { 4981 .work__list div {
4982 padding-left: 16px; 4982 padding-left: 16px;
4983 } 4983 }
4984 } 4984 }
4985 .work__list div:before { 4985 .work__list div:before {
4986 content: ""; 4986 content: "";
4987 width: 4px; 4987 width: 4px;
4988 height: 4px; 4988 height: 4px;
4989 background: #6b6c6d; 4989 background: #6b6c6d;
4990 border-radius: 999px; 4990 border-radius: 999px;
4991 position: absolute; 4991 position: absolute;
4992 top: 5px; 4992 top: 5px;
4993 left: 0; 4993 left: 0;
4994 } 4994 }
4995 @media (min-width: 768px) { 4995 @media (min-width: 768px) {
4996 .work__list div:before { 4996 .work__list div:before {
4997 top: 8px; 4997 top: 8px;
4998 } 4998 }
4999 } 4999 }
5000 .work__form { 5000 .work__form {
5001 margin-top: 20px; 5001 margin-top: 20px;
5002 } 5002 }
5003 @media (min-width: 768px) { 5003 @media (min-width: 768px) {
5004 .work__form { 5004 .work__form {
5005 margin-top: 30px; 5005 margin-top: 30px;
5006 } 5006 }
5007 } 5007 }
5008 .work__search { 5008 .work__search {
5009 width: 100%; 5009 width: 100%;
5010 max-width: 180px; 5010 max-width: 180px;
5011 margin-top: 20px; 5011 margin-top: 20px;
5012 } 5012 }
5013 @media (min-width: 768px) { 5013 @media (min-width: 768px) {
5014 .work__search { 5014 .work__search {
5015 max-width: 270px; 5015 max-width: 270px;
5016 margin-top: 50px; 5016 margin-top: 50px;
5017 } 5017 }
5018 } 5018 }
5019 .work__get { 5019 .work__get {
5020 width: 100%; 5020 width: 100%;
5021 display: -webkit-box; 5021 display: -webkit-box;
5022 display: -ms-flexbox; 5022 display: -ms-flexbox;
5023 display: flex; 5023 display: flex;
5024 -webkit-box-align: start; 5024 -webkit-box-align: start;
5025 -ms-flex-align: start; 5025 -ms-flex-align: start;
5026 align-items: flex-start; 5026 align-items: flex-start;
5027 -ms-flex-wrap: wrap; 5027 -ms-flex-wrap: wrap;
5028 flex-wrap: wrap; 5028 flex-wrap: wrap;
5029 margin-top: 48px; 5029 margin-top: 48px;
5030 } 5030 }
5031 .work__get b { 5031 .work__get b {
5032 width: 100%; 5032 width: 100%;
5033 margin-bottom: 10px; 5033 margin-bottom: 10px;
5034 font-size: 14px; 5034 font-size: 14px;
5035 } 5035 }
5036 @media (min-width: 768px) { 5036 @media (min-width: 768px) {
5037 .work__get b { 5037 .work__get b {
5038 font-size: 18px; 5038 font-size: 18px;
5039 } 5039 }
5040 } 5040 }
5041 .work__get a { 5041 .work__get a {
5042 display: -webkit-box; 5042 display: -webkit-box;
5043 display: -ms-flexbox; 5043 display: -ms-flexbox;
5044 display: flex; 5044 display: flex;
5045 -webkit-box-align: center; 5045 -webkit-box-align: center;
5046 -ms-flex-align: center; 5046 -ms-flex-align: center;
5047 align-items: center; 5047 align-items: center;
5048 -webkit-box-pack: center; 5048 -webkit-box-pack: center;
5049 -ms-flex-pack: center; 5049 -ms-flex-pack: center;
5050 justify-content: center; 5050 justify-content: center;
5051 margin-right: 20px; 5051 margin-right: 20px;
5052 } 5052 }
5053 .work__get a img { 5053 .work__get a img {
5054 -webkit-transition: 0.3s; 5054 -webkit-transition: 0.3s;
5055 transition: 0.3s; 5055 transition: 0.3s;
5056 width: 111px; 5056 width: 111px;
5057 } 5057 }
5058 @media (min-width: 768px) { 5058 @media (min-width: 768px) {
5059 .work__get a img { 5059 .work__get a img {
5060 width: 131px; 5060 width: 131px;
5061 } 5061 }
5062 } 5062 }
5063 .work__get a:hover img { 5063 .work__get a:hover img {
5064 -webkit-transform: scale(1.1); 5064 -webkit-transform: scale(1.1);
5065 -ms-transform: scale(1.1); 5065 -ms-transform: scale(1.1);
5066 transform: scale(1.1); 5066 transform: scale(1.1);
5067 } 5067 }
5068 .work__get a + a { 5068 .work__get a + a {
5069 margin-right: 0; 5069 margin-right: 0;
5070 } 5070 }
5071 5071
5072 .numbers { 5072 .numbers {
5073 padding: 30px 0; 5073 padding: 30px 0;
5074 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5074 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5075 color: #ffffff; 5075 color: #ffffff;
5076 } 5076 }
5077 @media (min-width: 1280px) { 5077 @media (min-width: 1280px) {
5078 .numbers { 5078 .numbers {
5079 padding: 100px 0; 5079 padding: 100px 0;
5080 background-position: 100% 100%; 5080 background-position: 100% 100%;
5081 background-size: auto 500px; 5081 background-size: auto 500px;
5082 } 5082 }
5083 } 5083 }
5084 .numbers__body { 5084 .numbers__body {
5085 display: -webkit-box; 5085 display: -webkit-box;
5086 display: -ms-flexbox; 5086 display: -ms-flexbox;
5087 display: flex; 5087 display: flex;
5088 -webkit-box-orient: vertical; 5088 -webkit-box-orient: vertical;
5089 -webkit-box-direction: normal; 5089 -webkit-box-direction: normal;
5090 -ms-flex-direction: column; 5090 -ms-flex-direction: column;
5091 flex-direction: column; 5091 flex-direction: column;
5092 gap: 30px; 5092 gap: 30px;
5093 } 5093 }
5094 @media (min-width: 768px) { 5094 @media (min-width: 768px) {
5095 .numbers__body { 5095 .numbers__body {
5096 display: grid; 5096 display: grid;
5097 grid-template-columns: 1fr 1fr 1fr; 5097 grid-template-columns: 1fr 1fr 1fr;
5098 } 5098 }
5099 } 5099 }
5100 .numbers__item { 5100 .numbers__item {
5101 font-size: 12px; 5101 font-size: 12px;
5102 display: -webkit-box; 5102 display: -webkit-box;
5103 display: -ms-flexbox; 5103 display: -ms-flexbox;
5104 display: flex; 5104 display: flex;
5105 -webkit-box-orient: vertical; 5105 -webkit-box-orient: vertical;
5106 -webkit-box-direction: normal; 5106 -webkit-box-direction: normal;
5107 -ms-flex-direction: column; 5107 -ms-flex-direction: column;
5108 flex-direction: column; 5108 flex-direction: column;
5109 line-height: 1.4; 5109 line-height: 1.4;
5110 } 5110 }
5111 @media (min-width: 1280px) { 5111 @media (min-width: 1280px) {
5112 .numbers__item { 5112 .numbers__item {
5113 font-size: 16px; 5113 font-size: 16px;
5114 line-height: 20px; 5114 line-height: 20px;
5115 } 5115 }
5116 } 5116 }
5117 .numbers__item b { 5117 .numbers__item b {
5118 font-size: 40px; 5118 font-size: 40px;
5119 font-weight: 700; 5119 font-weight: 700;
5120 border-bottom: 1px solid #ffffff; 5120 border-bottom: 1px solid #ffffff;
5121 line-height: 1; 5121 line-height: 1;
5122 } 5122 }
5123 @media (min-width: 1280px) { 5123 @media (min-width: 1280px) {
5124 .numbers__item b { 5124 .numbers__item b {
5125 font-size: 100px; 5125 font-size: 100px;
5126 line-height: 147px; 5126 line-height: 147px;
5127 } 5127 }
5128 } 5128 }
5129 .numbers__item span { 5129 .numbers__item span {
5130 font-weight: 700; 5130 font-weight: 700;
5131 font-size: 14px; 5131 font-size: 14px;
5132 margin: 10px 0; 5132 margin: 10px 0;
5133 line-height: 1; 5133 line-height: 1;
5134 } 5134 }
5135 @media (min-width: 1280px) { 5135 @media (min-width: 1280px) {
5136 .numbers__item span { 5136 .numbers__item span {
5137 font-size: 24px; 5137 font-size: 24px;
5138 margin-top: 30px; 5138 margin-top: 30px;
5139 } 5139 }
5140 } 5140 }
5141 5141
5142 .vacancies { 5142 .vacancies {
5143 padding: 50px 0; 5143 padding: 50px 0;
5144 } 5144 }
5145 @media (min-width: 1280px) { 5145 @media (min-width: 1280px) {
5146 .vacancies { 5146 .vacancies {
5147 padding: 100px 0; 5147 padding: 100px 0;
5148 } 5148 }
5149 } 5149 }
5150 .vacancies__body { 5150 .vacancies__body {
5151 display: -webkit-box; 5151 display: -webkit-box;
5152 display: -ms-flexbox; 5152 display: -ms-flexbox;
5153 display: flex; 5153 display: flex;
5154 -webkit-box-orient: vertical; 5154 -webkit-box-orient: vertical;
5155 -webkit-box-direction: reverse; 5155 -webkit-box-direction: reverse;
5156 -ms-flex-direction: column-reverse; 5156 -ms-flex-direction: column-reverse;
5157 flex-direction: column-reverse; 5157 flex-direction: column-reverse;
5158 gap: 20px; 5158 gap: 20px;
5159 width: 100%; 5159 width: 100%;
5160 margin-top: 20px; 5160 margin-top: 20px;
5161 } 5161 }
5162 @media (min-width: 992px) { 5162 @media (min-width: 992px) {
5163 .vacancies__body { 5163 .vacancies__body {
5164 margin-top: 30px; 5164 margin-top: 30px;
5165 gap: 30px; 5165 gap: 30px;
5166 } 5166 }
5167 } 5167 }
5168 .vacancies__more { 5168 .vacancies__more {
5169 width: 100%; 5169 width: 100%;
5170 } 5170 }
5171 @media (min-width: 768px) { 5171 @media (min-width: 768px) {
5172 .vacancies__more { 5172 .vacancies__more {
5173 width: auto; 5173 width: auto;
5174 margin: 0 auto; 5174 margin: 0 auto;
5175 } 5175 }
5176 } 5176 }
5177 .vacancies__list { 5177 .vacancies__list {
5178 display: -webkit-box; 5178 display: -webkit-box;
5179 display: -ms-flexbox; 5179 display: -ms-flexbox;
5180 display: flex; 5180 display: flex;
5181 -webkit-box-orient: vertical; 5181 -webkit-box-orient: vertical;
5182 -webkit-box-direction: normal; 5182 -webkit-box-direction: normal;
5183 -ms-flex-direction: column; 5183 -ms-flex-direction: column;
5184 flex-direction: column; 5184 flex-direction: column;
5185 gap: 15px; 5185 gap: 15px;
5186 } 5186 }
5187 @media (min-width: 768px) { 5187 @media (min-width: 768px) {
5188 .vacancies__list { 5188 .vacancies__list {
5189 display: grid; 5189 display: grid;
5190 grid-template-columns: repeat(2, 1fr); 5190 grid-template-columns: repeat(2, 1fr);
5191 } 5191 }
5192 } 5192 }
5193 @media (min-width: 992px) { 5193 @media (min-width: 992px) {
5194 .vacancies__list { 5194 .vacancies__list {
5195 display: grid; 5195 display: grid;
5196 grid-template-columns: repeat(3, 1fr); 5196 grid-template-columns: repeat(3, 1fr);
5197 gap: 20px; 5197 gap: 20px;
5198 } 5198 }
5199 } 5199 }
5200 @media (min-width: 1280px) { 5200 @media (min-width: 1280px) {
5201 .vacancies__list { 5201 .vacancies__list {
5202 grid-template-columns: repeat(4, 1fr); 5202 grid-template-columns: repeat(4, 1fr);
5203 } 5203 }
5204 } 5204 }
5205 .vacancies__list-label { 5205 .vacancies__list-label {
5206 font-weight: 700; 5206 font-weight: 700;
5207 font-size: 22px; 5207 font-size: 22px;
5208 } 5208 }
5209 .vacancies__list-col { 5209 .vacancies__list-col {
5210 display: -webkit-box; 5210 display: -webkit-box;
5211 display: -ms-flexbox; 5211 display: -ms-flexbox;
5212 display: flex; 5212 display: flex;
5213 -webkit-box-orient: vertical; 5213 -webkit-box-orient: vertical;
5214 -webkit-box-direction: normal; 5214 -webkit-box-direction: normal;
5215 -ms-flex-direction: column; 5215 -ms-flex-direction: column;
5216 flex-direction: column; 5216 flex-direction: column;
5217 gap: 15px; 5217 gap: 15px;
5218 margin-top: 15px; 5218 margin-top: 15px;
5219 } 5219 }
5220 @media (min-width: 768px) { 5220 @media (min-width: 768px) {
5221 .vacancies__list-col { 5221 .vacancies__list-col {
5222 margin-top: 0; 5222 margin-top: 0;
5223 } 5223 }
5224 } 5224 }
5225 .vacancies__list-col:first-child { 5225 .vacancies__list-col:first-child {
5226 margin-top: 0; 5226 margin-top: 0;
5227 } 5227 }
5228 .vacancies__item { 5228 .vacancies__item {
5229 display: none; 5229 display: none;
5230 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5230 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5231 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5231 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5232 border-radius: 12px; 5232 border-radius: 12px;
5233 background: #ffffff; 5233 background: #ffffff;
5234 border: 1px solid #e6e7e7; 5234 border: 1px solid #e6e7e7;
5235 overflow: hidden; 5235 overflow: hidden;
5236 } 5236 }
5237 .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) { 5237 .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) {
5238 display: -webkit-box; 5238 display: -webkit-box;
5239 display: -ms-flexbox; 5239 display: -ms-flexbox;
5240 display: flex; 5240 display: flex;
5241 } 5241 }
5242 .vacancies__item > span { 5242 .vacancies__item > span {
5243 border-left: 10px solid #377d87; 5243 border-left: 10px solid #377d87;
5244 padding: 20px 14px; 5244 padding: 20px 14px;
5245 display: -webkit-box; 5245 display: -webkit-box;
5246 display: -ms-flexbox; 5246 display: -ms-flexbox;
5247 display: flex; 5247 display: flex;
5248 -webkit-box-orient: vertical; 5248 -webkit-box-orient: vertical;
5249 -webkit-box-direction: normal; 5249 -webkit-box-direction: normal;
5250 -ms-flex-direction: column; 5250 -ms-flex-direction: column;
5251 flex-direction: column; 5251 flex-direction: column;
5252 -webkit-box-align: start; 5252 -webkit-box-align: start;
5253 -ms-flex-align: start; 5253 -ms-flex-align: start;
5254 align-items: flex-start; 5254 align-items: flex-start;
5255 gap: 5px; 5255 gap: 5px;
5256 -webkit-box-pack: justify; 5256 -webkit-box-pack: justify;
5257 -ms-flex-pack: justify; 5257 -ms-flex-pack: justify;
5258 justify-content: space-between; 5258 justify-content: space-between;
5259 } 5259 }
5260 @media (min-width: 992px) { 5260 @media (min-width: 992px) {
5261 .vacancies__item > span { 5261 .vacancies__item > span {
5262 gap: 10px; 5262 gap: 10px;
5263 } 5263 }
5264 } 5264 }
5265 .vacancies__item b { 5265 .vacancies__item b {
5266 font-weight: 700; 5266 font-weight: 700;
5267 font-size: 14px; 5267 font-size: 14px;
5268 } 5268 }
5269 @media (min-width: 992px) { 5269 @media (min-width: 992px) {
5270 .vacancies__item b { 5270 .vacancies__item b {
5271 font-size: 20px; 5271 font-size: 20px;
5272 } 5272 }
5273 } 5273 }
5274 .vacancies__item:hover b { 5274 .vacancies__item:hover b {
5275 color: #377d87; 5275 color: #377d87;
5276 } 5276 }
5277 .vacancies__item u { 5277 .vacancies__item u {
5278 text-decoration: none; 5278 text-decoration: none;
5279 font-size: 14px; 5279 font-size: 14px;
5280 } 5280 }
5281 @media (min-width: 992px) { 5281 @media (min-width: 992px) {
5282 .vacancies__item u { 5282 .vacancies__item u {
5283 font-size: 18px; 5283 font-size: 18px;
5284 } 5284 }
5285 } 5285 }
5286 .vacancies__item i { 5286 .vacancies__item i {
5287 font-size: 12px; 5287 font-size: 12px;
5288 font-style: normal; 5288 font-style: normal;
5289 border-bottom: 1px dashed #377d87; 5289 border-bottom: 1px dashed #377d87;
5290 } 5290 }
5291 @media (min-width: 992px) { 5291 @media (min-width: 992px) {
5292 .vacancies__item i { 5292 .vacancies__item i {
5293 font-size: 16px; 5293 font-size: 16px;
5294 } 5294 }
5295 } 5295 }
5296 .vacancies__item i span { 5296 .vacancies__item i span {
5297 font-weight: 700; 5297 font-weight: 700;
5298 color: #377d87; 5298 color: #377d87;
5299 } 5299 }
5300 .vacancies__body.active .vacancies__list .vacancies__item { 5300 .vacancies__body.active .vacancies__list .vacancies__item {
5301 display: -webkit-box; 5301 display: -webkit-box;
5302 display: -ms-flexbox; 5302 display: -ms-flexbox;
5303 display: flex; 5303 display: flex;
5304 } 5304 }
5305 5305
5306 .employer { 5306 .employer {
5307 padding-bottom: 50px; 5307 padding-bottom: 50px;
5308 } 5308 }
5309 @media (min-width: 992px) { 5309 @media (min-width: 992px) {
5310 .employer { 5310 .employer {
5311 padding-bottom: 100px; 5311 padding-bottom: 100px;
5312 } 5312 }
5313 } 5313 }
5314 .employer .swiper { 5314 .employer .swiper {
5315 margin-top: 20px; 5315 margin-top: 20px;
5316 } 5316 }
5317 @media (min-width: 992px) { 5317 @media (min-width: 992px) {
5318 .employer .swiper { 5318 .employer .swiper {
5319 margin-top: 30px; 5319 margin-top: 30px;
5320 } 5320 }
5321 } 5321 }
5322 .employer__item { 5322 .employer__item {
5323 display: -webkit-box; 5323 display: -webkit-box;
5324 display: -ms-flexbox; 5324 display: -ms-flexbox;
5325 display: flex; 5325 display: flex;
5326 -webkit-box-orient: vertical; 5326 -webkit-box-orient: vertical;
5327 -webkit-box-direction: normal; 5327 -webkit-box-direction: normal;
5328 -ms-flex-direction: column; 5328 -ms-flex-direction: column;
5329 flex-direction: column; 5329 flex-direction: column;
5330 gap: 30px; 5330 gap: 30px;
5331 } 5331 }
5332 .employer__item a { 5332 .employer__item a {
5333 display: -webkit-box; 5333 display: -webkit-box;
5334 display: -ms-flexbox; 5334 display: -ms-flexbox;
5335 display: flex; 5335 display: flex;
5336 -webkit-box-orient: vertical; 5336 -webkit-box-orient: vertical;
5337 -webkit-box-direction: normal; 5337 -webkit-box-direction: normal;
5338 -ms-flex-direction: column; 5338 -ms-flex-direction: column;
5339 flex-direction: column; 5339 flex-direction: column;
5340 -webkit-box-align: center; 5340 -webkit-box-align: center;
5341 -ms-flex-align: center; 5341 -ms-flex-align: center;
5342 align-items: center; 5342 align-items: center;
5343 } 5343 }
5344 .employer__item img { 5344 .employer__item img {
5345 width: 100%; 5345 width: 100%;
5346 aspect-ratio: 295/98; 5346 aspect-ratio: 295/98;
5347 -o-object-fit: contain; 5347 -o-object-fit: contain;
5348 object-fit: contain; 5348 object-fit: contain;
5349 } 5349 }
5350 .employer__more { 5350 .employer__more {
5351 height: 38px; 5351 height: 38px;
5352 margin-top: 20px; 5352 margin-top: 20px;
5353 } 5353 }
5354 @media (min-width: 992px) { 5354 @media (min-width: 992px) {
5355 .employer__more { 5355 .employer__more {
5356 width: 250px; 5356 width: 250px;
5357 margin: 0 auto; 5357 margin: 0 auto;
5358 height: 44px; 5358 height: 44px;
5359 margin-top: 40px; 5359 margin-top: 40px;
5360 } 5360 }
5361 } 5361 }
5362 5362
5363 .about { 5363 .about {
5364 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5364 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5365 background-size: cover; 5365 background-size: cover;
5366 padding: 30px 0; 5366 padding: 30px 0;
5367 padding-bottom: 70px; 5367 padding-bottom: 70px;
5368 } 5368 }
5369 @media (min-width: 768px) { 5369 @media (min-width: 768px) {
5370 .about { 5370 .about {
5371 padding-top: 40px; 5371 padding-top: 40px;
5372 background-size: auto calc(100% - 10px); 5372 background-size: auto calc(100% - 10px);
5373 } 5373 }
5374 } 5374 }
5375 @media (min-width: 1280px) { 5375 @media (min-width: 1280px) {
5376 .about { 5376 .about {
5377 padding: 100px 0; 5377 padding: 100px 0;
5378 } 5378 }
5379 } 5379 }
5380 .about__wrapper { 5380 .about__wrapper {
5381 display: -webkit-box; 5381 display: -webkit-box;
5382 display: -ms-flexbox; 5382 display: -ms-flexbox;
5383 display: flex; 5383 display: flex;
5384 -webkit-box-orient: vertical; 5384 -webkit-box-orient: vertical;
5385 -webkit-box-direction: normal; 5385 -webkit-box-direction: normal;
5386 -ms-flex-direction: column; 5386 -ms-flex-direction: column;
5387 flex-direction: column; 5387 flex-direction: column;
5388 position: relative; 5388 position: relative;
5389 } 5389 }
5390 .about__title { 5390 .about__title {
5391 color: #ffffff; 5391 color: #ffffff;
5392 line-height: 1.2; 5392 line-height: 1.2;
5393 } 5393 }
5394 @media (min-width: 1280px) { 5394 @media (min-width: 1280px) {
5395 .about__title { 5395 .about__title {
5396 position: absolute; 5396 position: absolute;
5397 top: -45px; 5397 top: -45px;
5398 left: 0; 5398 left: 0;
5399 } 5399 }
5400 } 5400 }
5401 .about__body { 5401 .about__body {
5402 display: -webkit-box; 5402 display: -webkit-box;
5403 display: -ms-flexbox; 5403 display: -ms-flexbox;
5404 display: flex; 5404 display: flex;
5405 -webkit-box-orient: vertical; 5405 -webkit-box-orient: vertical;
5406 -webkit-box-direction: normal; 5406 -webkit-box-direction: normal;
5407 -ms-flex-direction: column; 5407 -ms-flex-direction: column;
5408 flex-direction: column; 5408 flex-direction: column;
5409 } 5409 }
5410 @media (min-width: 1280px) { 5410 @media (min-width: 1280px) {
5411 .about__body { 5411 .about__body {
5412 padding-left: 495px; 5412 padding-left: 495px;
5413 } 5413 }
5414 } 5414 }
5415 .about__line { 5415 .about__line {
5416 background: #ffffff; 5416 background: #ffffff;
5417 width: 100%; 5417 width: 100%;
5418 height: 1px; 5418 height: 1px;
5419 max-width: 400px; 5419 max-width: 400px;
5420 margin-top: 10px; 5420 margin-top: 10px;
5421 } 5421 }
5422 .about__item { 5422 .about__item {
5423 display: -webkit-box; 5423 display: -webkit-box;
5424 display: -ms-flexbox; 5424 display: -ms-flexbox;
5425 display: flex; 5425 display: flex;
5426 -webkit-box-orient: vertical; 5426 -webkit-box-orient: vertical;
5427 -webkit-box-direction: normal; 5427 -webkit-box-direction: normal;
5428 -ms-flex-direction: column; 5428 -ms-flex-direction: column;
5429 flex-direction: column; 5429 flex-direction: column;
5430 margin-top: 10px; 5430 margin-top: 10px;
5431 max-width: 600px; 5431 max-width: 600px;
5432 } 5432 }
5433 @media (min-width: 768px) { 5433 @media (min-width: 768px) {
5434 .about__item { 5434 .about__item {
5435 margin-top: 20px; 5435 margin-top: 20px;
5436 } 5436 }
5437 } 5437 }
5438 @media (min-width: 1280px) { 5438 @media (min-width: 1280px) {
5439 .about__item { 5439 .about__item {
5440 margin-top: 30px; 5440 margin-top: 30px;
5441 } 5441 }
5442 } 5442 }
5443 .about__item b { 5443 .about__item b {
5444 font-size: 20px; 5444 font-size: 20px;
5445 font-weight: 700; 5445 font-weight: 700;
5446 } 5446 }
5447 .about__item span { 5447 .about__item span {
5448 font-size: 13px; 5448 font-size: 13px;
5449 line-height: 1.4; 5449 line-height: 1.4;
5450 margin-top: 6px; 5450 margin-top: 6px;
5451 } 5451 }
5452 @media (min-width: 1280px) { 5452 @media (min-width: 1280px) {
5453 .about__item span { 5453 .about__item span {
5454 font-size: 16px; 5454 font-size: 16px;
5455 margin-top: 12px; 5455 margin-top: 12px;
5456 } 5456 }
5457 } 5457 }
5458 .about__item a { 5458 .about__item a {
5459 text-decoration: underline; 5459 text-decoration: underline;
5460 } 5460 }
5461 .about__item + .about__item { 5461 .about__item + .about__item {
5462 margin-top: 30px; 5462 margin-top: 30px;
5463 } 5463 }
5464 @media (min-width: 992px) { 5464 @media (min-width: 992px) {
5465 .about__item + .about__item { 5465 .about__item + .about__item {
5466 margin-top: 40px; 5466 margin-top: 40px;
5467 } 5467 }
5468 } 5468 }
5469 .about__button { 5469 .about__button {
5470 margin-top: 20px; 5470 margin-top: 20px;
5471 height: 38px; 5471 height: 38px;
5472 padding: 0; 5472 padding: 0;
5473 } 5473 }
5474 @media (min-width: 768px) { 5474 @media (min-width: 768px) {
5475 .about__button { 5475 .about__button {
5476 max-width: 200px; 5476 max-width: 200px;
5477 height: 42px; 5477 height: 42px;
5478 margin-top: 30px; 5478 margin-top: 30px;
5479 } 5479 }
5480 } 5480 }
5481 5481
5482 .news { 5482 .news {
5483 padding: 50px 0; 5483 padding: 50px 0;
5484 overflow: hidden; 5484 overflow: hidden;
5485 } 5485 }
5486 @media (min-width: 1280px) { 5486 @media (min-width: 1280px) {
5487 .news { 5487 .news {
5488 padding: 100px 0; 5488 padding: 100px 0;
5489 padding-bottom: 0; 5489 padding-bottom: 0;
5490 } 5490 }
5491 } 5491 }
5492 .news__toper { 5492 .news__toper {
5493 display: -webkit-box; 5493 display: -webkit-box;
5494 display: -ms-flexbox; 5494 display: -ms-flexbox;
5495 display: flex; 5495 display: flex;
5496 -webkit-box-pack: justify; 5496 -webkit-box-pack: justify;
5497 -ms-flex-pack: justify; 5497 -ms-flex-pack: justify;
5498 justify-content: space-between; 5498 justify-content: space-between;
5499 -webkit-box-align: center; 5499 -webkit-box-align: center;
5500 -ms-flex-align: center; 5500 -ms-flex-align: center;
5501 align-items: center; 5501 align-items: center;
5502 } 5502 }
5503 @media (min-width: 1280px) { 5503 @media (min-width: 1280px) {
5504 .news__toper .title { 5504 .news__toper .title {
5505 width: calc(100% - 160px); 5505 width: calc(100% - 160px);
5506 } 5506 }
5507 } 5507 }
5508 .news__toper .navs { 5508 .news__toper .navs {
5509 display: none; 5509 display: none;
5510 } 5510 }
5511 @media (min-width: 1280px) { 5511 @media (min-width: 1280px) {
5512 .news__toper .navs { 5512 .news__toper .navs {
5513 display: -webkit-box; 5513 display: -webkit-box;
5514 display: -ms-flexbox; 5514 display: -ms-flexbox;
5515 display: flex; 5515 display: flex;
5516 } 5516 }
5517 } 5517 }
5518 .news .swiper { 5518 .news .swiper {
5519 margin-top: 20px; 5519 margin-top: 20px;
5520 } 5520 }
5521 @media (min-width: 768px) { 5521 @media (min-width: 768px) {
5522 .news .swiper { 5522 .news .swiper {
5523 overflow: visible; 5523 overflow: visible;
5524 } 5524 }
5525 } 5525 }
5526 @media (min-width: 992px) { 5526 @media (min-width: 992px) {
5527 .news .swiper { 5527 .news .swiper {
5528 margin-top: 40px; 5528 margin-top: 40px;
5529 } 5529 }
5530 } 5530 }
5531 .news__item { 5531 .news__item {
5532 display: -webkit-box; 5532 display: -webkit-box;
5533 display: -ms-flexbox; 5533 display: -ms-flexbox;
5534 display: flex; 5534 display: flex;
5535 -webkit-box-orient: vertical; 5535 -webkit-box-orient: vertical;
5536 -webkit-box-direction: normal; 5536 -webkit-box-direction: normal;
5537 -ms-flex-direction: column; 5537 -ms-flex-direction: column;
5538 flex-direction: column; 5538 flex-direction: column;
5539 line-height: 1.4; 5539 line-height: 1.4;
5540 } 5540 }
5541 .news__item-pic { 5541 .news__item-pic {
5542 width: 100%; 5542 width: 100%;
5543 aspect-ratio: 3/2; 5543 aspect-ratio: 3/2;
5544 border-radius: 12px; 5544 border-radius: 12px;
5545 border: 1px solid #e6e7e7; 5545 border: 1px solid #e6e7e7;
5546 -o-object-fit: cover; 5546 -o-object-fit: cover;
5547 object-fit: cover; 5547 object-fit: cover;
5548 min-height: 200px; 5548 min-height: 200px;
5549 } 5549 }
5550 @media (min-width: 1280px) { 5550 @media (min-width: 1280px) {
5551 .news__item-pic { 5551 .news__item-pic {
5552 aspect-ratio: 4/2; 5552 aspect-ratio: 4/2;
5553 } 5553 }
5554 } 5554 }
5555 .news__item-body { 5555 .news__item-body {
5556 display: -webkit-box; 5556 display: -webkit-box;
5557 display: -ms-flexbox; 5557 display: -ms-flexbox;
5558 display: flex; 5558 display: flex;
5559 -webkit-box-orient: vertical; 5559 -webkit-box-orient: vertical;
5560 -webkit-box-direction: normal; 5560 -webkit-box-direction: normal;
5561 -ms-flex-direction: column; 5561 -ms-flex-direction: column;
5562 flex-direction: column; 5562 flex-direction: column;
5563 padding-top: 15px; 5563 padding-top: 15px;
5564 } 5564 }
5565 @media (min-width: 768px) { 5565 @media (min-width: 768px) {
5566 .news__item-body { 5566 .news__item-body {
5567 padding: 20px; 5567 padding: 20px;
5568 padding-top: 30px; 5568 padding-top: 30px;
5569 margin-top: -15px; 5569 margin-top: -15px;
5570 border-radius: 0 0 12px 12px; 5570 border-radius: 0 0 12px 12px;
5571 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5571 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5572 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5572 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5573 } 5573 }
5574 } 5574 }
5575 .news__item-date { 5575 .news__item-date {
5576 font-size: 14px; 5576 font-size: 14px;
5577 font-weight: 700; 5577 font-weight: 700;
5578 color: #377d87; 5578 color: #377d87;
5579 } 5579 }
5580 .news__item-title { 5580 .news__item-title {
5581 font-size: 20px; 5581 font-size: 20px;
5582 font-weight: 700; 5582 font-weight: 700;
5583 line-height: 1.2; 5583 line-height: 1.2;
5584 margin-top: 5px; 5584 margin-top: 5px;
5585 } 5585 }
5586 .news__item-text { 5586 .news__item-text {
5587 color: #6b6c6d; 5587 color: #6b6c6d;
5588 font-size: 13px; 5588 font-size: 13px;
5589 margin-top: 10px; 5589 margin-top: 10px;
5590 overflow: hidden; 5590 overflow: hidden;
5591 display: -webkit-box; 5591 display: -webkit-box;
5592 -webkit-box-orient: vertical; 5592 -webkit-box-orient: vertical;
5593 -webkit-line-clamp: 4; 5593 -webkit-line-clamp: 4;
5594 } 5594 }
5595 @media (min-width: 1280px) { 5595 @media (min-width: 1280px) {
5596 .news__item-text { 5596 .news__item-text {
5597 font-size: 16px; 5597 font-size: 16px;
5598 } 5598 }
5599 } 5599 }
5600 .news__item-more { 5600 .news__item-more {
5601 height: 42px; 5601 height: 42px;
5602 margin-top: 20px; 5602 margin-top: 20px;
5603 } 5603 }
5604 @media (min-width: 1280px) { 5604 @media (min-width: 1280px) {
5605 .news__item-more { 5605 .news__item-more {
5606 height: 44px; 5606 height: 44px;
5607 max-width: 190px; 5607 max-width: 190px;
5608 } 5608 }
5609 } 5609 }
5610 .news__all { 5610 .news__all {
5611 height: 42px; 5611 height: 42px;
5612 margin: 0 auto; 5612 margin: 0 auto;
5613 margin-top: 20px; 5613 margin-top: 20px;
5614 padding: 0; 5614 padding: 0;
5615 display: none; 5615 display: none;
5616 } 5616 }
5617 @media (min-width: 768px) { 5617 @media (min-width: 768px) {
5618 .news__all { 5618 .news__all {
5619 max-width: 170px; 5619 max-width: 170px;
5620 margin-top: 30px; 5620 margin-top: 30px;
5621 display: -webkit-box; 5621 display: -webkit-box;
5622 display: -ms-flexbox; 5622 display: -ms-flexbox;
5623 display: flex; 5623 display: flex;
5624 } 5624 }
5625 } 5625 }
5626 @media (min-width: 1280px) { 5626 @media (min-width: 1280px) {
5627 .news__all { 5627 .news__all {
5628 height: 44px; 5628 height: 44px;
5629 } 5629 }
5630 } 5630 }
5631 .news__items { 5631 .news__items {
5632 display: grid; 5632 display: grid;
5633 gap: 20px; 5633 gap: 20px;
5634 margin-bottom: 10px; 5634 margin-bottom: 10px;
5635 } 5635 }
5636 @media (min-width: 768px) { 5636 @media (min-width: 768px) {
5637 .news__items { 5637 .news__items {
5638 grid-template-columns: 1fr 1fr; 5638 grid-template-columns: 1fr 1fr;
5639 } 5639 }
5640 } 5640 }
5641 @media (min-width: 992px) { 5641 @media (min-width: 992px) {
5642 .news__items { 5642 .news__items {
5643 grid-template-columns: 1fr 1fr 1fr; 5643 grid-template-columns: 1fr 1fr 1fr;
5644 } 5644 }
5645 } 5645 }
5646 5646
5647 main + .news { 5647 main + .news {
5648 padding: 0; 5648 padding: 0;
5649 } 5649 }
5650 5650
5651 .info { 5651 .info {
5652 position: relative; 5652 position: relative;
5653 overflow: hidden; 5653 overflow: hidden;
5654 } 5654 }
5655 @media (min-width: 1280px) { 5655 @media (min-width: 1280px) {
5656 .info { 5656 .info {
5657 margin-bottom: -25px; 5657 margin-bottom: -25px;
5658 } 5658 }
5659 } 5659 }
5660 .info__pic { 5660 .info__pic {
5661 display: none; 5661 display: none;
5662 z-index: 1; 5662 z-index: 1;
5663 position: absolute; 5663 position: absolute;
5664 top: 0; 5664 top: 0;
5665 left: 50%; 5665 left: 50%;
5666 height: 100%; 5666 height: 100%;
5667 margin-left: 130px; 5667 margin-left: 130px;
5668 } 5668 }
5669 @media (min-width: 992px) { 5669 @media (min-width: 992px) {
5670 .info__pic { 5670 .info__pic {
5671 display: block; 5671 display: block;
5672 } 5672 }
5673 } 5673 }
5674 @media (min-width: 1280px) { 5674 @media (min-width: 1280px) {
5675 .info__pic { 5675 .info__pic {
5676 width: 610px; 5676 width: 610px;
5677 height: auto; 5677 height: auto;
5678 margin-left: 10px; 5678 margin-left: 10px;
5679 } 5679 }
5680 } 5680 }
5681 .info__body { 5681 .info__body {
5682 z-index: 2; 5682 z-index: 2;
5683 position: relative; 5683 position: relative;
5684 display: -webkit-box; 5684 display: -webkit-box;
5685 display: -ms-flexbox; 5685 display: -ms-flexbox;
5686 display: flex; 5686 display: flex;
5687 -webkit-box-orient: vertical; 5687 -webkit-box-orient: vertical;
5688 -webkit-box-direction: normal; 5688 -webkit-box-direction: normal;
5689 -ms-flex-direction: column; 5689 -ms-flex-direction: column;
5690 flex-direction: column; 5690 flex-direction: column;
5691 } 5691 }
5692 @media (min-width: 1280px) { 5692 @media (min-width: 1280px) {
5693 .info__body { 5693 .info__body {
5694 padding-top: 100px; 5694 padding-top: 100px;
5695 min-height: 600px; 5695 min-height: 600px;
5696 } 5696 }
5697 } 5697 }
5698 @media (min-width: 1280px) { 5698 @media (min-width: 1280px) {
5699 .info__title { 5699 .info__title {
5700 max-width: 520px; 5700 max-width: 520px;
5701 line-height: 1; 5701 line-height: 1;
5702 } 5702 }
5703 } 5703 }
5704 .info__item { 5704 .info__item {
5705 margin-top: 20px; 5705 margin-top: 20px;
5706 display: -webkit-box; 5706 display: -webkit-box;
5707 display: -ms-flexbox; 5707 display: -ms-flexbox;
5708 display: flex; 5708 display: flex;
5709 -webkit-box-orient: vertical; 5709 -webkit-box-orient: vertical;
5710 -webkit-box-direction: normal; 5710 -webkit-box-direction: normal;
5711 -ms-flex-direction: column; 5711 -ms-flex-direction: column;
5712 flex-direction: column; 5712 flex-direction: column;
5713 gap: 20px; 5713 gap: 20px;
5714 } 5714 }
5715 @media (min-width: 992px) { 5715 @media (min-width: 992px) {
5716 .info__item { 5716 .info__item {
5717 max-width: 610px; 5717 max-width: 610px;
5718 } 5718 }
5719 } 5719 }
5720 .info__item + .info__item { 5720 .info__item + .info__item {
5721 margin-top: 60px; 5721 margin-top: 60px;
5722 } 5722 }
5723 .info__text { 5723 .info__text {
5724 color: #6b6c6d; 5724 color: #6b6c6d;
5725 font-size: 13px; 5725 font-size: 13px;
5726 line-height: 1.4; 5726 line-height: 1.4;
5727 } 5727 }
5728 @media (min-width: 768px) { 5728 @media (min-width: 768px) {
5729 .info__text { 5729 .info__text {
5730 font-size: 16px; 5730 font-size: 16px;
5731 } 5731 }
5732 } 5732 }
5733 @media (min-width: 1280px) { 5733 @media (min-width: 1280px) {
5734 .info__text { 5734 .info__text {
5735 font-size: 18px; 5735 font-size: 18px;
5736 } 5736 }
5737 } 5737 }
5738 .info__link { 5738 .info__link {
5739 border-radius: 8px; 5739 border-radius: 8px;
5740 display: -webkit-box; 5740 display: -webkit-box;
5741 display: -ms-flexbox; 5741 display: -ms-flexbox;
5742 display: flex; 5742 display: flex;
5743 -webkit-box-pack: center; 5743 -webkit-box-pack: center;
5744 -ms-flex-pack: center; 5744 -ms-flex-pack: center;
5745 justify-content: center; 5745 justify-content: center;
5746 -webkit-box-align: center; 5746 -webkit-box-align: center;
5747 -ms-flex-align: center; 5747 -ms-flex-align: center;
5748 align-items: center; 5748 align-items: center;
5749 line-height: 1; 5749 line-height: 1;
5750 height: 40px; 5750 height: 40px;
5751 font-size: 12px; 5751 font-size: 12px;
5752 font-weight: 700; 5752 font-weight: 700;
5753 gap: 8px; 5753 gap: 8px;
5754 color: #ffffff; 5754 color: #ffffff;
5755 background: #377d87; 5755 background: #377d87;
5756 } 5756 }
5757 .info__link:hover { 5757 .info__link:hover {
5758 -webkit-filter: grayscale(50%); 5758 -webkit-filter: grayscale(50%);
5759 filter: grayscale(50%); 5759 filter: grayscale(50%);
5760 } 5760 }
5761 @media (min-width: 768px) { 5761 @media (min-width: 768px) {
5762 .info__link { 5762 .info__link {
5763 height: 44px; 5763 height: 44px;
5764 font-size: 16px; 5764 font-size: 16px;
5765 gap: 10px; 5765 gap: 10px;
5766 max-width: 300px; 5766 max-width: 300px;
5767 } 5767 }
5768 } 5768 }
5769 @media (min-width: 992px) { 5769 @media (min-width: 992px) {
5770 .info__link { 5770 .info__link {
5771 max-width: 210px; 5771 max-width: 210px;
5772 } 5772 }
5773 } 5773 }
5774 .info__link svg { 5774 .info__link svg {
5775 width: 16px; 5775 width: 16px;
5776 height: 16px; 5776 height: 16px;
5777 } 5777 }
5778 @media (min-width: 768px) { 5778 @media (min-width: 768px) {
5779 .info__link svg { 5779 .info__link svg {
5780 width: 20px; 5780 width: 20px;
5781 height: 20px; 5781 height: 20px;
5782 } 5782 }
5783 } 5783 }
5784 5784
5785 .thing { 5785 .thing {
5786 padding-top: 15px; 5786 padding-top: 15px;
5787 padding-bottom: 30px; 5787 padding-bottom: 30px;
5788 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5788 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5789 color: #3a3b3c; 5789 color: #3a3b3c;
5790 overflow: hidden; 5790 overflow: hidden;
5791 position: relative; 5791 position: relative;
5792 } 5792 }
5793 @media (min-width: 992px) { 5793 @media (min-width: 992px) {
5794 .thing { 5794 .thing {
5795 padding-top: 20px; 5795 padding-top: 20px;
5796 padding-bottom: 60px; 5796 padding-bottom: 60px;
5797 } 5797 }
5798 } 5798 }
5799 @media (min-width: 1280px) { 5799 @media (min-width: 1280px) {
5800 .thing { 5800 .thing {
5801 padding-bottom: 90px; 5801 padding-bottom: 90px;
5802 } 5802 }
5803 } 5803 }
5804 .thing_pdf { 5804 .thing_pdf {
5805 padding: 30px 0; 5805 padding: 30px 0;
5806 } 5806 }
5807 @media (min-width: 992px) { 5807 @media (min-width: 992px) {
5808 .thing_pdf { 5808 .thing_pdf {
5809 padding: 60px 0; 5809 padding: 60px 0;
5810 } 5810 }
5811 } 5811 }
5812 @media (min-width: 1280px) { 5812 @media (min-width: 1280px) {
5813 .thing_pdf { 5813 .thing_pdf {
5814 padding: 90px 0; 5814 padding: 90px 0;
5815 } 5815 }
5816 } 5816 }
5817 .thing__body { 5817 .thing__body {
5818 display: -webkit-box; 5818 display: -webkit-box;
5819 display: -ms-flexbox; 5819 display: -ms-flexbox;
5820 display: flex; 5820 display: flex;
5821 -webkit-box-orient: vertical; 5821 -webkit-box-orient: vertical;
5822 -webkit-box-direction: normal; 5822 -webkit-box-direction: normal;
5823 -ms-flex-direction: column; 5823 -ms-flex-direction: column;
5824 flex-direction: column; 5824 flex-direction: column;
5825 -webkit-box-align: start; 5825 -webkit-box-align: start;
5826 -ms-flex-align: start; 5826 -ms-flex-align: start;
5827 align-items: flex-start; 5827 align-items: flex-start;
5828 } 5828 }
5829 .thing__breadcrumbs { 5829 .thing__breadcrumbs {
5830 width: 100%; 5830 width: 100%;
5831 margin-bottom: 40px; 5831 margin-bottom: 40px;
5832 position: relative; 5832 position: relative;
5833 z-index: 2; 5833 z-index: 2;
5834 } 5834 }
5835 @media (min-width: 768px) { 5835 @media (min-width: 768px) {
5836 .thing__breadcrumbs { 5836 .thing__breadcrumbs {
5837 margin-bottom: 60px; 5837 margin-bottom: 60px;
5838 } 5838 }
5839 } 5839 }
5840 .thing__date { 5840 .thing__date {
5841 color: #6B6C6D; 5841 color: #6B6C6D;
5842 font-size: 14px; 5842 font-size: 14px;
5843 font-weight: 700; 5843 font-weight: 700;
5844 line-height: 21px; 5844 line-height: 21px;
5845 margin-bottom: 10px; 5845 margin-bottom: 10px;
5846 } 5846 }
5847 @media (min-width: 768px) { 5847 @media (min-width: 768px) {
5848 .thing__date { 5848 .thing__date {
5849 font-size: 18px; 5849 font-size: 18px;
5850 line-height: 27px; 5850 line-height: 27px;
5851 } 5851 }
5852 } 5852 }
5853 .thing__title { 5853 .thing__title {
5854 width: 100%; 5854 width: 100%;
5855 font-size: 32px; 5855 font-size: 32px;
5856 font-weight: 700; 5856 font-weight: 700;
5857 margin: 0; 5857 margin: 0;
5858 max-width: 780px; 5858 max-width: 780px;
5859 position: relative; 5859 position: relative;
5860 z-index: 2; 5860 z-index: 2;
5861 line-height: 1.1; 5861 line-height: 1.1;
5862 } 5862 }
5863 @media (min-width: 768px) { 5863 @media (min-width: 768px) {
5864 .thing__title { 5864 .thing__title {
5865 font-size: 40px; 5865 font-size: 40px;
5866 } 5866 }
5867 } 5867 }
5868 @media (min-width: 1280px) { 5868 @media (min-width: 1280px) {
5869 .thing__title { 5869 .thing__title {
5870 font-size: 64px; 5870 font-size: 64px;
5871 } 5871 }
5872 } 5872 }
5873 .thing__text { 5873 .thing__text {
5874 width: 100%; 5874 width: 100%;
5875 font-weight: 700; 5875 font-weight: 700;
5876 font-size: 14px; 5876 font-size: 14px;
5877 line-height: 1.4; 5877 line-height: 1.4;
5878 margin: 15px 0 0 0; 5878 margin: 15px 0 0 0;
5879 max-width: 780px; 5879 max-width: 780px;
5880 position: relative; 5880 position: relative;
5881 z-index: 2; 5881 z-index: 2;
5882 } 5882 }
5883 @media (min-width: 768px) { 5883 @media (min-width: 768px) {
5884 .thing__text { 5884 .thing__text {
5885 margin-top: 15px; 5885 margin-top: 15px;
5886 } 5886 }
5887 } 5887 }
5888 @media (min-width: 992px) { 5888 @media (min-width: 992px) {
5889 .thing__text { 5889 .thing__text {
5890 font-weight: 400; 5890 font-weight: 400;
5891 font-size: 18px; 5891 font-size: 18px;
5892 } 5892 }
5893 } 5893 }
5894 .thing__search { 5894 .thing__search {
5895 width: 100%; 5895 width: 100%;
5896 max-width: 640px; 5896 max-width: 640px;
5897 margin-top: 20px; 5897 margin-top: 20px;
5898 position: relative; 5898 position: relative;
5899 z-index: 2; 5899 z-index: 2;
5900 } 5900 }
5901 @media (min-width: 768px) { 5901 @media (min-width: 768px) {
5902 .thing__search { 5902 .thing__search {
5903 margin-top: 30px; 5903 margin-top: 30px;
5904 } 5904 }
5905 } 5905 }
5906 .thing__badge { 5906 .thing__badge {
5907 position: relative; 5907 position: relative;
5908 z-index: 2; 5908 z-index: 2;
5909 display: -webkit-box; 5909 display: -webkit-box;
5910 display: -ms-flexbox; 5910 display: -ms-flexbox;
5911 display: flex; 5911 display: flex;
5912 -webkit-box-align: center; 5912 -webkit-box-align: center;
5913 -ms-flex-align: center; 5913 -ms-flex-align: center;
5914 align-items: center; 5914 align-items: center;
5915 gap: 5px; 5915 gap: 5px;
5916 padding: 0 12px; 5916 padding: 0 12px;
5917 background: #4d88d9; 5917 background: #4d88d9;
5918 color: #ffffff; 5918 color: #ffffff;
5919 font-size: 12px; 5919 font-size: 12px;
5920 line-height: 1; 5920 line-height: 1;
5921 height: 26px; 5921 height: 26px;
5922 border-radius: 999px; 5922 border-radius: 999px;
5923 margin-bottom: 20px; 5923 margin-bottom: 20px;
5924 } 5924 }
5925 @media (min-width: 992px) { 5925 @media (min-width: 992px) {
5926 .thing__badge { 5926 .thing__badge {
5927 font-size: 16px; 5927 font-size: 16px;
5928 gap: 10px; 5928 gap: 10px;
5929 padding: 0 24px; 5929 padding: 0 24px;
5930 height: 42px; 5930 height: 42px;
5931 margin-bottom: 30px; 5931 margin-bottom: 30px;
5932 } 5932 }
5933 } 5933 }
5934 .thing__badge svg { 5934 .thing__badge svg {
5935 width: 12px; 5935 width: 12px;
5936 height: 12px; 5936 height: 12px;
5937 } 5937 }
5938 @media (min-width: 992px) { 5938 @media (min-width: 992px) {
5939 .thing__badge svg { 5939 .thing__badge svg {
5940 width: 20px; 5940 width: 20px;
5941 height: 20px; 5941 height: 20px;
5942 } 5942 }
5943 } 5943 }
5944 .thing__pic { 5944 .thing__pic {
5945 width: 60px; 5945 width: 60px;
5946 aspect-ratio: 1/1; 5946 aspect-ratio: 1/1;
5947 -o-object-fit: contain; 5947 -o-object-fit: contain;
5948 object-fit: contain; 5948 object-fit: contain;
5949 position: relative; 5949 position: relative;
5950 z-index: 1; 5950 z-index: 1;
5951 margin-bottom: 15px; 5951 margin-bottom: 15px;
5952 } 5952 }
5953 @media (min-width: 768px) { 5953 @media (min-width: 768px) {
5954 .thing__pic { 5954 .thing__pic {
5955 width: 160px; 5955 width: 160px;
5956 position: absolute; 5956 position: absolute;
5957 top: 15px; 5957 top: 15px;
5958 right: 20px; 5958 right: 20px;
5959 } 5959 }
5960 } 5960 }
5961 @media (min-width: 992px) { 5961 @media (min-width: 992px) {
5962 .thing__pic { 5962 .thing__pic {
5963 width: 330px; 5963 width: 330px;
5964 top: 50%; 5964 top: 50%;
5965 -webkit-transform: translate(0, -50%); 5965 -webkit-transform: translate(0, -50%);
5966 -ms-transform: translate(0, -50%); 5966 -ms-transform: translate(0, -50%);
5967 transform: translate(0, -50%); 5967 transform: translate(0, -50%);
5968 } 5968 }
5969 } 5969 }
5970 @media (min-width: 1280px) { 5970 @media (min-width: 1280px) {
5971 .thing__pic { 5971 .thing__pic {
5972 right: auto; 5972 right: auto;
5973 left: 50%; 5973 left: 50%;
5974 margin-left: 200px; 5974 margin-left: 200px;
5975 } 5975 }
5976 } 5976 }
5977 .thing__pic_two { 5977 .thing__pic_two {
5978 -o-object-fit: cover; 5978 -o-object-fit: cover;
5979 object-fit: cover; 5979 object-fit: cover;
5980 border-radius: 30px; 5980 border-radius: 30px;
5981 aspect-ratio: 44/37; 5981 aspect-ratio: 44/37;
5982 width: 100%; 5982 width: 100%;
5983 max-width: 440px; 5983 max-width: 440px;
5984 } 5984 }
5985 @media (min-width: 768px) { 5985 @media (min-width: 768px) {
5986 .thing__pic_two { 5986 .thing__pic_two {
5987 position: static; 5987 position: static;
5988 -webkit-transform: translate(0, 0); 5988 -webkit-transform: translate(0, 0);
5989 -ms-transform: translate(0, 0); 5989 -ms-transform: translate(0, 0);
5990 transform: translate(0, 0); 5990 transform: translate(0, 0);
5991 } 5991 }
5992 } 5992 }
5993 @media (min-width: 1280px) { 5993 @media (min-width: 1280px) {
5994 .thing__pic_two { 5994 .thing__pic_two {
5995 position: absolute; 5995 position: absolute;
5996 -webkit-transform: translate(0, -50%); 5996 -webkit-transform: translate(0, -50%);
5997 -ms-transform: translate(0, -50%); 5997 -ms-transform: translate(0, -50%);
5998 transform: translate(0, -50%); 5998 transform: translate(0, -50%);
5999 } 5999 }
6000 } 6000 }
6001 .thing__buttons { 6001 .thing__buttons {
6002 width: 100%; 6002 width: 100%;
6003 position: relative; 6003 position: relative;
6004 z-index: 2; 6004 z-index: 2;
6005 display: -webkit-box; 6005 display: -webkit-box;
6006 display: -ms-flexbox; 6006 display: -ms-flexbox;
6007 display: flex; 6007 display: flex;
6008 -webkit-box-align: center; 6008 -webkit-box-align: center;
6009 -ms-flex-align: center; 6009 -ms-flex-align: center;
6010 align-items: center; 6010 align-items: center;
6011 gap: 20px; 6011 gap: 20px;
6012 margin-top: 15px; 6012 margin-top: 15px;
6013 } 6013 }
6014 @media (min-width: 992px) { 6014 @media (min-width: 992px) {
6015 .thing__buttons { 6015 .thing__buttons {
6016 margin-top: 30px; 6016 margin-top: 30px;
6017 gap: 30px; 6017 gap: 30px;
6018 } 6018 }
6019 } 6019 }
6020 @media (min-width: 992px) { 6020 @media (min-width: 992px) {
6021 .thing__buttons .button { 6021 .thing__buttons .button {
6022 padding: 0 22px; 6022 padding: 0 22px;
6023 } 6023 }
6024 } 6024 }
6025 .thing__checkbox { 6025 .thing__checkbox {
6026 margin-top: 20px; 6026 margin-top: 20px;
6027 } 6027 }
6028 .thing__checkbox .checkbox__icon { 6028 .thing__checkbox .checkbox__icon {
6029 border-color: #377d87; 6029 border-color: #377d87;
6030 } 6030 }
6031 .thing__checkbox .checkbox__text { 6031 .thing__checkbox .checkbox__text {
6032 color: #377d87; 6032 color: #377d87;
6033 } 6033 }
6034 .thing__profile { 6034 .thing__profile {
6035 display: -webkit-box; 6035 display: -webkit-box;
6036 display: -ms-flexbox; 6036 display: -ms-flexbox;
6037 display: flex; 6037 display: flex;
6038 -webkit-box-orient: vertical; 6038 -webkit-box-orient: vertical;
6039 -webkit-box-direction: normal; 6039 -webkit-box-direction: normal;
6040 -ms-flex-direction: column; 6040 -ms-flex-direction: column;
6041 flex-direction: column; 6041 flex-direction: column;
6042 } 6042 }
6043 @media (min-width: 768px) { 6043 @media (min-width: 768px) {
6044 .thing__profile { 6044 .thing__profile {
6045 -webkit-box-orient: horizontal; 6045 -webkit-box-orient: horizontal;
6046 -webkit-box-direction: normal; 6046 -webkit-box-direction: normal;
6047 -ms-flex-direction: row; 6047 -ms-flex-direction: row;
6048 flex-direction: row; 6048 flex-direction: row;
6049 -webkit-box-align: start; 6049 -webkit-box-align: start;
6050 -ms-flex-align: start; 6050 -ms-flex-align: start;
6051 align-items: flex-start; 6051 align-items: flex-start;
6052 } 6052 }
6053 } 6053 }
6054 .thing__profile-photo { 6054 .thing__profile-photo {
6055 width: 210px; 6055 width: 210px;
6056 border-radius: 8px; 6056 border-radius: 8px;
6057 aspect-ratio: 1/1; 6057 aspect-ratio: 1/1;
6058 } 6058 }
6059 .thing__profile-body { 6059 .thing__profile-body {
6060 display: -webkit-box; 6060 display: -webkit-box;
6061 display: -ms-flexbox; 6061 display: -ms-flexbox;
6062 display: flex; 6062 display: flex;
6063 -webkit-box-orient: vertical; 6063 -webkit-box-orient: vertical;
6064 -webkit-box-direction: normal; 6064 -webkit-box-direction: normal;
6065 -ms-flex-direction: column; 6065 -ms-flex-direction: column;
6066 flex-direction: column; 6066 flex-direction: column;
6067 margin-top: 15px; 6067 margin-top: 15px;
6068 } 6068 }
6069 @media (min-width: 768px) { 6069 @media (min-width: 768px) {
6070 .thing__profile-body { 6070 .thing__profile-body {
6071 width: calc(100% - 210px); 6071 width: calc(100% - 210px);
6072 padding-left: 35px; 6072 padding-left: 35px;
6073 } 6073 }
6074 } 6074 }
6075 .thing__profile .thing__title { 6075 .thing__profile .thing__title {
6076 max-width: none; 6076 max-width: none;
6077 } 6077 }
6078 @media (min-width: 768px) { 6078 @media (min-width: 768px) {
6079 .thing__profile .thing__title { 6079 .thing__profile .thing__title {
6080 margin-top: -20px; 6080 margin-top: -20px;
6081 } 6081 }
6082 } 6082 }
6083 .thing__profile .thing__text { 6083 .thing__profile .thing__text {
6084 max-width: none; 6084 max-width: none;
6085 } 6085 }
6086 .thing__bottom { 6086 .thing__bottom {
6087 display: -webkit-box; 6087 display: -webkit-box;
6088 display: -ms-flexbox; 6088 display: -ms-flexbox;
6089 display: flex; 6089 display: flex;
6090 -webkit-box-align: center; 6090 -webkit-box-align: center;
6091 -ms-flex-align: center; 6091 -ms-flex-align: center;
6092 align-items: center; 6092 align-items: center;
6093 gap: 15px; 6093 gap: 15px;
6094 margin-top: 15px; 6094 margin-top: 15px;
6095 } 6095 }
6096 @media (min-width: 768px) { 6096 @media (min-width: 768px) {
6097 .thing__bottom { 6097 .thing__bottom {
6098 margin-top: 30px; 6098 margin-top: 30px;
6099 } 6099 }
6100 } 6100 }
6101 .thing__select { 6101 .thing__select {
6102 width: 100%; 6102 width: 100%;
6103 max-width: 640px; 6103 max-width: 640px;
6104 margin-top: 20px; 6104 margin-top: 20px;
6105 } 6105 }
6106 @media (min-width: 768px) { 6106 @media (min-width: 768px) {
6107 .thing__select { 6107 .thing__select {
6108 margin-top: 30px; 6108 margin-top: 30px;
6109 } 6109 }
6110 } 6110 }
6111 6111
6112 .page-404 { 6112 .page-404 {
6113 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6113 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6114 overflow: hidden; 6114 overflow: hidden;
6115 } 6115 }
6116 .page-404__body { 6116 .page-404__body {
6117 display: -webkit-box; 6117 display: -webkit-box;
6118 display: -ms-flexbox; 6118 display: -ms-flexbox;
6119 display: flex; 6119 display: flex;
6120 -webkit-box-orient: vertical; 6120 -webkit-box-orient: vertical;
6121 -webkit-box-direction: normal; 6121 -webkit-box-direction: normal;
6122 -ms-flex-direction: column; 6122 -ms-flex-direction: column;
6123 flex-direction: column; 6123 flex-direction: column;
6124 -webkit-box-align: center; 6124 -webkit-box-align: center;
6125 -ms-flex-align: center; 6125 -ms-flex-align: center;
6126 align-items: center; 6126 align-items: center;
6127 -webkit-box-pack: center; 6127 -webkit-box-pack: center;
6128 -ms-flex-pack: center; 6128 -ms-flex-pack: center;
6129 justify-content: center; 6129 justify-content: center;
6130 text-align: center; 6130 text-align: center;
6131 padding: 60px 0; 6131 padding: 60px 0;
6132 color: #3a3b3c; 6132 color: #3a3b3c;
6133 font-size: 12px; 6133 font-size: 12px;
6134 gap: 10px; 6134 gap: 10px;
6135 line-height: 1.4; 6135 line-height: 1.4;
6136 } 6136 }
6137 @media (min-width: 768px) { 6137 @media (min-width: 768px) {
6138 .page-404__body { 6138 .page-404__body {
6139 font-size: 18px; 6139 font-size: 18px;
6140 padding: 120px 0; 6140 padding: 120px 0;
6141 gap: 20px; 6141 gap: 20px;
6142 } 6142 }
6143 } 6143 }
6144 @media (min-width: 1280px) { 6144 @media (min-width: 1280px) {
6145 .page-404__body { 6145 .page-404__body {
6146 padding: 180px 0; 6146 padding: 180px 0;
6147 text-align: left; 6147 text-align: left;
6148 } 6148 }
6149 } 6149 }
6150 .page-404__numb { 6150 .page-404__numb {
6151 font-size: 114px; 6151 font-size: 114px;
6152 line-height: 1; 6152 line-height: 1;
6153 color: #377d87; 6153 color: #377d87;
6154 font-weight: 700; 6154 font-weight: 700;
6155 } 6155 }
6156 @media (min-width: 768px) { 6156 @media (min-width: 768px) {
6157 .page-404__numb { 6157 .page-404__numb {
6158 font-size: 184px; 6158 font-size: 184px;
6159 } 6159 }
6160 } 6160 }
6161 @media (min-width: 768px) { 6161 @media (min-width: 768px) {
6162 .page-404__title { 6162 .page-404__title {
6163 font-weight: 700; 6163 font-weight: 700;
6164 font-size: 44px; 6164 font-size: 44px;
6165 } 6165 }
6166 } 6166 }
6167 @media (min-width: 1280px) { 6167 @media (min-width: 1280px) {
6168 .page-404__title { 6168 .page-404__title {
6169 width: 710px; 6169 width: 710px;
6170 position: relative; 6170 position: relative;
6171 left: 200px; 6171 left: 200px;
6172 } 6172 }
6173 } 6173 }
6174 @media (min-width: 1280px) { 6174 @media (min-width: 1280px) {
6175 .page-404__subtitle { 6175 .page-404__subtitle {
6176 width: 710px; 6176 width: 710px;
6177 position: relative; 6177 position: relative;
6178 left: 200px; 6178 left: 200px;
6179 } 6179 }
6180 } 6180 }
6181 .page-404__button { 6181 .page-404__button {
6182 margin-top: 10px; 6182 margin-top: 10px;
6183 } 6183 }
6184 @media (min-width: 1280px) { 6184 @media (min-width: 1280px) {
6185 .page-404__button { 6185 .page-404__button {
6186 position: relative; 6186 position: relative;
6187 left: -45px; 6187 left: -45px;
6188 } 6188 }
6189 } 6189 }
6190 6190
6191 .cookies { 6191 .cookies {
6192 display: none; 6192 display: none;
6193 -webkit-box-align: end; 6193 -webkit-box-align: end;
6194 -ms-flex-align: end; 6194 -ms-flex-align: end;
6195 align-items: flex-end; 6195 align-items: flex-end;
6196 padding: 10px; 6196 padding: 10px;
6197 padding-top: 0; 6197 padding-top: 0;
6198 height: 0; 6198 height: 0;
6199 position: fixed; 6199 position: fixed;
6200 z-index: 999; 6200 z-index: 999;
6201 bottom: 0; 6201 bottom: 0;
6202 left: 0; 6202 left: 0;
6203 width: 100%; 6203 width: 100%;
6204 } 6204 }
6205 .cookies-is-actived .cookies { 6205 .cookies-is-actived .cookies {
6206 display: -webkit-box; 6206 display: -webkit-box;
6207 display: -ms-flexbox; 6207 display: -ms-flexbox;
6208 display: flex; 6208 display: flex;
6209 } 6209 }
6210 .cookies__body { 6210 .cookies__body {
6211 border-radius: 6px; 6211 border-radius: 6px;
6212 border: 1px solid #377d87; 6212 border: 1px solid #377d87;
6213 background: #ffffff; 6213 background: #ffffff;
6214 padding: 15px; 6214 padding: 15px;
6215 padding-right: 50px; 6215 padding-right: 50px;
6216 position: relative; 6216 position: relative;
6217 max-width: 940px; 6217 max-width: 940px;
6218 margin: 0 auto; 6218 margin: 0 auto;
6219 } 6219 }
6220 @media (min-width: 768px) { 6220 @media (min-width: 768px) {
6221 .cookies__body { 6221 .cookies__body {
6222 padding: 25px; 6222 padding: 25px;
6223 padding-right: 50px; 6223 padding-right: 50px;
6224 border-radius: 12px; 6224 border-radius: 12px;
6225 } 6225 }
6226 } 6226 }
6227 @media (min-width: 992px) { 6227 @media (min-width: 992px) {
6228 .cookies__body { 6228 .cookies__body {
6229 padding: 40px 60px; 6229 padding: 40px 60px;
6230 } 6230 }
6231 } 6231 }
6232 .cookies__close { 6232 .cookies__close {
6233 display: -webkit-box; 6233 display: -webkit-box;
6234 display: -ms-flexbox; 6234 display: -ms-flexbox;
6235 display: flex; 6235 display: flex;
6236 -webkit-box-pack: center; 6236 -webkit-box-pack: center;
6237 -ms-flex-pack: center; 6237 -ms-flex-pack: center;
6238 justify-content: center; 6238 justify-content: center;
6239 -webkit-box-align: center; 6239 -webkit-box-align: center;
6240 -ms-flex-align: center; 6240 -ms-flex-align: center;
6241 align-items: center; 6241 align-items: center;
6242 color: #377d87; 6242 color: #377d87;
6243 padding: 0; 6243 padding: 0;
6244 border: none; 6244 border: none;
6245 background: none; 6245 background: none;
6246 position: absolute; 6246 position: absolute;
6247 top: 15px; 6247 top: 15px;
6248 right: 15px; 6248 right: 15px;
6249 } 6249 }
6250 .cookies__close:hover { 6250 .cookies__close:hover {
6251 color: #3a3b3c; 6251 color: #3a3b3c;
6252 } 6252 }
6253 .cookies__close svg { 6253 .cookies__close svg {
6254 width: 16px; 6254 width: 16px;
6255 height: 16px; 6255 height: 16px;
6256 } 6256 }
6257 .cookies__text { 6257 .cookies__text {
6258 font-size: 12px; 6258 font-size: 12px;
6259 color: #377d87; 6259 color: #377d87;
6260 line-height: 1.4; 6260 line-height: 1.4;
6261 } 6261 }
6262 @media (min-width: 768px) { 6262 @media (min-width: 768px) {
6263 .cookies__text { 6263 .cookies__text {
6264 font-size: 16px; 6264 font-size: 16px;
6265 font-weight: 700; 6265 font-weight: 700;
6266 } 6266 }
6267 } 6267 }
6268 6268
6269 .fancybox-active { 6269 .fancybox-active {
6270 overflow: hidden; 6270 overflow: hidden;
6271 } 6271 }
6272 .fancybox-is-open .fancybox-bg { 6272 .fancybox-is-open .fancybox-bg {
6273 background: #080B0B; 6273 background: #080B0B;
6274 opacity: 0.6; 6274 opacity: 0.6;
6275 z-index: 9999; 6275 z-index: 9999;
6276 } 6276 }
6277 .fancybox-slide { 6277 .fancybox-slide {
6278 padding: 0; 6278 padding: 0;
6279 } 6279 }
6280 @media (min-width: 992px) { 6280 @media (min-width: 992px) {
6281 .fancybox-slide { 6281 .fancybox-slide {
6282 padding: 30px; 6282 padding: 30px;
6283 } 6283 }
6284 } 6284 }
6285 .fancybox-slide--html .fancybox-close-small { 6285 .fancybox-slide--html .fancybox-close-small {
6286 padding: 0; 6286 padding: 0;
6287 opacity: 1; 6287 opacity: 1;
6288 color: #377d87; 6288 color: #377d87;
6289 } 6289 }
6290 @media (min-width: 768px) { 6290 @media (min-width: 768px) {
6291 .fancybox-slide--html .fancybox-close-small { 6291 .fancybox-slide--html .fancybox-close-small {
6292 top: 10px; 6292 top: 10px;
6293 right: 10px; 6293 right: 10px;
6294 } 6294 }
6295 } 6295 }
6296 .fancybox-slide--html .fancybox-close-small:hover { 6296 .fancybox-slide--html .fancybox-close-small:hover {
6297 color: #3a3b3c; 6297 color: #3a3b3c;
6298 } 6298 }
6299 6299
6300 .modal { 6300 .modal {
6301 width: 100%; 6301 width: 100%;
6302 max-width: 820px; 6302 max-width: 820px;
6303 padding: 0; 6303 padding: 0;
6304 background: #ffffff; 6304 background: #ffffff;
6305 z-index: 99999; 6305 z-index: 99999;
6306 } 6306 }
6307 @media (min-width: 992px) { 6307 @media (min-width: 992px) {
6308 .modal { 6308 .modal {
6309 border-radius: 10px; 6309 border-radius: 10px;
6310 border: 1px solid #377d87; 6310 border: 1px solid #377d87;
6311 } 6311 }
6312 } 6312 }
6313 .modal_bg { 6313 .modal_bg {
6314 background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6314 background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6315 } 6315 }
6316 @media (min-width: 768px) { 6316 @media (min-width: 768px) {
6317 .modal_bg { 6317 .modal_bg {
6318 background-position: 100% 100%; 6318 background-position: 100% 100%;
6319 } 6319 }
6320 } 6320 }
6321 .modal__body { 6321 .modal__body {
6322 padding: 40px 15px; 6322 padding: 40px 15px;
6323 padding-bottom: 30px; 6323 padding-bottom: 30px;
6324 display: -webkit-box; 6324 display: -webkit-box;
6325 display: -ms-flexbox; 6325 display: -ms-flexbox;
6326 display: flex; 6326 display: flex;
6327 -webkit-box-orient: vertical; 6327 -webkit-box-orient: vertical;
6328 -webkit-box-direction: normal; 6328 -webkit-box-direction: normal;
6329 -ms-flex-direction: column; 6329 -ms-flex-direction: column;
6330 flex-direction: column; 6330 flex-direction: column;
6331 -webkit-box-align: center; 6331 -webkit-box-align: center;
6332 -ms-flex-align: center; 6332 -ms-flex-align: center;
6333 align-items: center; 6333 align-items: center;
6334 -webkit-box-pack: center; 6334 -webkit-box-pack: center;
6335 -ms-flex-pack: center; 6335 -ms-flex-pack: center;
6336 justify-content: center; 6336 justify-content: center;
6337 width: 100%; 6337 width: 100%;
6338 min-height: 100vh; 6338 min-height: 100vh;
6339 overflow: hidden; 6339 overflow: hidden;
6340 font-size: 12px; 6340 font-size: 12px;
6341 } 6341 }
6342 @media (min-width: 768px) { 6342 @media (min-width: 768px) {
6343 .modal__body { 6343 .modal__body {
6344 font-size: 16px; 6344 font-size: 16px;
6345 padding-left: 22px; 6345 padding-left: 22px;
6346 padding-right: 22px; 6346 padding-right: 22px;
6347 } 6347 }
6348 } 6348 }
6349 @media (min-width: 992px) { 6349 @media (min-width: 992px) {
6350 .modal__body { 6350 .modal__body {
6351 min-height: 450px; 6351 min-height: 450px;
6352 padding: 60px 80px; 6352 padding: 60px 80px;
6353 padding-bottom: 40px; 6353 padding-bottom: 40px;
6354 } 6354 }
6355 } 6355 }
6356 @media (min-width: 768px) { 6356 @media (min-width: 768px) {
6357 .modal__body .left { 6357 .modal__body .left {
6358 text-align: left; 6358 text-align: left;
6359 } 6359 }
6360 } 6360 }
6361 .modal__title { 6361 .modal__title {
6362 width: 100%; 6362 width: 100%;
6363 font-size: 22px; 6363 font-size: 22px;
6364 font-weight: 700; 6364 font-weight: 700;
6365 text-align: center; 6365 text-align: center;
6366 color: #3a3b3c; 6366 color: #3a3b3c;
6367 } 6367 }
6368 @media (min-width: 768px) { 6368 @media (min-width: 768px) {
6369 .modal__title { 6369 .modal__title {
6370 font-size: 32px; 6370 font-size: 32px;
6371 } 6371 }
6372 } 6372 }
6373 @media (min-width: 992px) { 6373 @media (min-width: 992px) {
6374 .modal__title { 6374 .modal__title {
6375 font-size: 44px; 6375 font-size: 44px;
6376 } 6376 }
6377 } 6377 }
6378 .modal__text { 6378 .modal__text {
6379 width: 100%; 6379 width: 100%;
6380 text-align: center; 6380 text-align: center;
6381 margin-top: 10px; 6381 margin-top: 10px;
6382 color: #3a3b3c; 6382 color: #3a3b3c;
6383 } 6383 }
6384 @media (min-width: 768px) { 6384 @media (min-width: 768px) {
6385 .modal__text { 6385 .modal__text {
6386 margin-top: 20px; 6386 margin-top: 20px;
6387 } 6387 }
6388 } 6388 }
6389 .modal__text span { 6389 .modal__text span {
6390 color: #9C9D9D; 6390 color: #9C9D9D;
6391 } 6391 }
6392 .modal__text a { 6392 .modal__text a {
6393 font-weight: 700; 6393 font-weight: 700;
6394 color: #377d87; 6394 color: #377d87;
6395 } 6395 }
6396 .modal__text a:hover { 6396 .modal__text a:hover {
6397 color: #3a3b3c; 6397 color: #3a3b3c;
6398 } 6398 }
6399 .modal__button { 6399 .modal__button {
6400 margin-top: 20px; 6400 margin-top: 20px;
6401 } 6401 }
6402 @media (min-width: 768px) { 6402 @media (min-width: 768px) {
6403 .modal__button { 6403 .modal__button {
6404 min-width: 200px; 6404 min-width: 200px;
6405 margin-top: 30px; 6405 margin-top: 30px;
6406 } 6406 }
6407 } 6407 }
6408 .modal__buttons { 6408 .modal__buttons {
6409 display: grid; 6409 display: grid;
6410 grid-template-columns: repeat(2, 1fr); 6410 grid-template-columns: repeat(2, 1fr);
6411 gap: 20px; 6411 gap: 20px;
6412 margin-top: 20px; 6412 margin-top: 20px;
6413 } 6413 }
6414 @media (min-width: 768px) { 6414 @media (min-width: 768px) {
6415 .modal__buttons { 6415 .modal__buttons {
6416 gap: 30px; 6416 gap: 30px;
6417 margin-top: 30px; 6417 margin-top: 30px;
6418 } 6418 }
6419 } 6419 }
6420 .modal__form { 6420 .modal__form {
6421 width: 100%; 6421 width: 100%;
6422 display: -webkit-box; 6422 display: -webkit-box;
6423 display: -ms-flexbox; 6423 display: -ms-flexbox;
6424 display: flex; 6424 display: flex;
6425 -webkit-box-orient: vertical; 6425 -webkit-box-orient: vertical;
6426 -webkit-box-direction: normal; 6426 -webkit-box-direction: normal;
6427 -ms-flex-direction: column; 6427 -ms-flex-direction: column;
6428 flex-direction: column; 6428 flex-direction: column;
6429 gap: 16px; 6429 gap: 16px;
6430 margin-top: 10px; 6430 margin-top: 10px;
6431 } 6431 }
6432 @media (min-width: 768px) { 6432 @media (min-width: 768px) {
6433 .modal__form { 6433 .modal__form {
6434 margin-top: 20px; 6434 margin-top: 20px;
6435 } 6435 }
6436 } 6436 }
6437 .modal__form-item { 6437 .modal__form-item {
6438 display: -webkit-box; 6438 display: -webkit-box;
6439 display: -ms-flexbox; 6439 display: -ms-flexbox;
6440 display: flex; 6440 display: flex;
6441 -webkit-box-orient: vertical; 6441 -webkit-box-orient: vertical;
6442 -webkit-box-direction: normal; 6442 -webkit-box-direction: normal;
6443 -ms-flex-direction: column; 6443 -ms-flex-direction: column;
6444 flex-direction: column; 6444 flex-direction: column;
6445 -webkit-box-align: center; 6445 -webkit-box-align: center;
6446 -ms-flex-align: center; 6446 -ms-flex-align: center;
6447 align-items: center; 6447 align-items: center;
6448 gap: 4px; 6448 gap: 4px;
6449 } 6449 }
6450 .modal__form-item > .input { 6450 .modal__form-item > .input {
6451 width: 100%; 6451 width: 100%;
6452 } 6452 }
6453 .modal__form-item > .textarea { 6453 .modal__form-item > .textarea {
6454 width: 100%; 6454 width: 100%;
6455 height: 175px; 6455 height: 175px;
6456 } 6456 }
6457 @media (min-width: 768px) { 6457 @media (min-width: 768px) {
6458 .modal__form-item > .textarea { 6458 .modal__form-item > .textarea {
6459 height: 195px; 6459 height: 195px;
6460 } 6460 }
6461 } 6461 }
6462 .modal__form-item > .file { 6462 .modal__form-item > .file {
6463 width: 100%; 6463 width: 100%;
6464 } 6464 }
6465 .modal__form-item > .button { 6465 .modal__form-item > .button {
6466 min-width: 120px; 6466 min-width: 120px;
6467 } 6467 }
6468 .modal__form-item > label { 6468 .modal__form-item > label {
6469 width: 100%; 6469 width: 100%;
6470 display: none; 6470 display: none;
6471 color: #eb5757; 6471 color: #eb5757;
6472 padding: 0 10px; 6472 padding: 0 10px;
6473 font-size: 12px; 6473 font-size: 12px;
6474 } 6474 }
6475 @media (min-width: 768px) { 6475 @media (min-width: 768px) {
6476 .modal__form-item > label { 6476 .modal__form-item > label {
6477 padding: 0 20px; 6477 padding: 0 20px;
6478 font-size: 16px; 6478 font-size: 16px;
6479 } 6479 }
6480 } 6480 }
6481 .modal__sign { 6481 .modal__sign {
6482 display: -webkit-box; 6482 display: -webkit-box;
6483 display: -ms-flexbox; 6483 display: -ms-flexbox;
6484 display: flex; 6484 display: flex;
6485 -webkit-box-orient: vertical; 6485 -webkit-box-orient: vertical;
6486 -webkit-box-direction: normal; 6486 -webkit-box-direction: normal;
6487 -ms-flex-direction: column; 6487 -ms-flex-direction: column;
6488 flex-direction: column; 6488 flex-direction: column;
6489 gap: 20px; 6489 gap: 20px;
6490 margin-top: 10px; 6490 margin-top: 10px;
6491 margin-bottom: 20px; 6491 margin-bottom: 20px;
6492 width: 100%; 6492 width: 100%;
6493 } 6493 }
6494 @media (min-width: 768px) { 6494 @media (min-width: 768px) {
6495 .modal__sign { 6495 .modal__sign {
6496 margin-top: 20px; 6496 margin-top: 20px;
6497 margin-bottom: 40px; 6497 margin-bottom: 40px;
6498 } 6498 }
6499 } 6499 }
6500 .modal__sign-item { 6500 .modal__sign-item {
6501 display: -webkit-box; 6501 display: -webkit-box;
6502 display: -ms-flexbox; 6502 display: -ms-flexbox;
6503 display: flex; 6503 display: flex;
6504 -webkit-box-orient: vertical; 6504 -webkit-box-orient: vertical;
6505 -webkit-box-direction: normal; 6505 -webkit-box-direction: normal;
6506 -ms-flex-direction: column; 6506 -ms-flex-direction: column;
6507 flex-direction: column; 6507 flex-direction: column;
6508 -webkit-box-align: center; 6508 -webkit-box-align: center;
6509 -ms-flex-align: center; 6509 -ms-flex-align: center;
6510 align-items: center; 6510 align-items: center;
6511 position: relative; 6511 position: relative;
6512 } 6512 }
6513 .modal__sign-item > .input { 6513 .modal__sign-item > .input {
6514 width: 100%; 6514 width: 100%;
6515 padding-right: 36px; 6515 padding-right: 36px;
6516 position: relative; 6516 position: relative;
6517 z-index: 1; 6517 z-index: 1;
6518 } 6518 }
6519 @media (min-width: 768px) { 6519 @media (min-width: 768px) {
6520 .modal__sign-item > .input { 6520 .modal__sign-item > .input {
6521 height: 52px; 6521 height: 52px;
6522 padding-right: 60px; 6522 padding-right: 60px;
6523 } 6523 }
6524 } 6524 }
6525 .modal__sign-item > .textarea { 6525 .modal__sign-item > .textarea {
6526 width: 100%; 6526 width: 100%;
6527 } 6527 }
6528 .modal__sign-bottom { 6528 .modal__sign-bottom {
6529 display: -webkit-box; 6529 display: -webkit-box;
6530 display: -ms-flexbox; 6530 display: -ms-flexbox;
6531 display: flex; 6531 display: flex;
6532 -webkit-box-pack: justify; 6532 -webkit-box-pack: justify;
6533 -ms-flex-pack: justify; 6533 -ms-flex-pack: justify;
6534 justify-content: space-between; 6534 justify-content: space-between;
6535 -webkit-box-align: center; 6535 -webkit-box-align: center;
6536 -ms-flex-align: center; 6536 -ms-flex-align: center;
6537 align-items: center; 6537 align-items: center;
6538 width: 100%; 6538 width: 100%;
6539 } 6539 }
6540 .modal__sign-bottom-link { 6540 .modal__sign-bottom-link {
6541 font-weight: 700; 6541 font-weight: 700;
6542 color: #377d87; 6542 color: #377d87;
6543 } 6543 }
6544 .modal__tabs { 6544 .modal__tabs {
6545 width: 100%; 6545 width: 100%;
6546 display: grid; 6546 display: grid;
6547 grid-template-columns: repeat(2, 1fr); 6547 grid-template-columns: repeat(2, 1fr);
6548 gap: 16px; 6548 gap: 16px;
6549 margin-top: 10px; 6549 margin-top: 10px;
6550 } 6550 }
6551 @media (min-width: 768px) { 6551 @media (min-width: 768px) {
6552 .modal__tabs { 6552 .modal__tabs {
6553 gap: 24px; 6553 gap: 24px;
6554 margin-top: 20px; 6554 margin-top: 20px;
6555 } 6555 }
6556 } 6556 }
6557 .modal__tabs-item.active { 6557 .modal__tabs-item.active {
6558 background: #377d87; 6558 background: #377d87;
6559 color: #ffffff; 6559 color: #ffffff;
6560 } 6560 }
6561 .modal__reg { 6561 .modal__reg {
6562 display: none; 6562 display: none;
6563 -webkit-box-orient: vertical; 6563 -webkit-box-orient: vertical;
6564 -webkit-box-direction: normal; 6564 -webkit-box-direction: normal;
6565 -ms-flex-direction: column; 6565 -ms-flex-direction: column;
6566 flex-direction: column; 6566 flex-direction: column;
6567 -webkit-box-align: center; 6567 -webkit-box-align: center;
6568 -ms-flex-align: center; 6568 -ms-flex-align: center;
6569 align-items: center; 6569 align-items: center;
6570 gap: 10px; 6570 gap: 10px;
6571 width: 100%; 6571 width: 100%;
6572 margin-top: 10px; 6572 margin-top: 10px;
6573 margin-bottom: 20px; 6573 margin-bottom: 20px;
6574 } 6574 }
6575 @media (min-width: 768px) { 6575 @media (min-width: 768px) {
6576 .modal__reg { 6576 .modal__reg {
6577 margin-top: 20px; 6577 margin-top: 20px;
6578 margin-bottom: 30px; 6578 margin-bottom: 30px;
6579 gap: 20px; 6579 gap: 20px;
6580 } 6580 }
6581 } 6581 }
6582 .modal__reg.showed { 6582 .modal__reg.showed {
6583 display: -webkit-box; 6583 display: -webkit-box;
6584 display: -ms-flexbox; 6584 display: -ms-flexbox;
6585 display: flex; 6585 display: flex;
6586 } 6586 }
6587 .modal__reg-item { 6587 .modal__reg-item {
6588 width: 100%; 6588 width: 100%;
6589 display: -webkit-box; 6589 display: -webkit-box;
6590 display: -ms-flexbox; 6590 display: -ms-flexbox;
6591 display: flex; 6591 display: flex;
6592 -webkit-box-orient: vertical; 6592 -webkit-box-orient: vertical;
6593 -webkit-box-direction: normal; 6593 -webkit-box-direction: normal;
6594 -ms-flex-direction: column; 6594 -ms-flex-direction: column;
6595 flex-direction: column; 6595 flex-direction: column;
6596 } 6596 }
6597 .modal__reg-item > .captcha { 6597 .modal__reg-item > .captcha {
6598 width: 100%; 6598 width: 100%;
6599 max-width: 300px; 6599 max-width: 300px;
6600 } 6600 }
6601 6601
6602 .messages { 6602 .messages {
6603 display: -webkit-box; 6603 display: -webkit-box;
6604 display: -ms-flexbox; 6604 display: -ms-flexbox;
6605 display: flex; 6605 display: flex;
6606 -webkit-box-orient: vertical; 6606 -webkit-box-orient: vertical;
6607 -webkit-box-direction: reverse; 6607 -webkit-box-direction: reverse;
6608 -ms-flex-direction: column-reverse; 6608 -ms-flex-direction: column-reverse;
6609 flex-direction: column-reverse; 6609 flex-direction: column-reverse;
6610 -webkit-box-align: center; 6610 -webkit-box-align: center;
6611 -ms-flex-align: center; 6611 -ms-flex-align: center;
6612 align-items: center; 6612 align-items: center;
6613 gap: 20px; 6613 gap: 20px;
6614 } 6614 }
6615 .messages__body { 6615 .messages__body {
6616 display: -webkit-box; 6616 display: -webkit-box;
6617 display: -ms-flexbox; 6617 display: -ms-flexbox;
6618 display: flex; 6618 display: flex;
6619 -webkit-box-orient: vertical; 6619 -webkit-box-orient: vertical;
6620 -webkit-box-direction: normal; 6620 -webkit-box-direction: normal;
6621 -ms-flex-direction: column; 6621 -ms-flex-direction: column;
6622 flex-direction: column; 6622 flex-direction: column;
6623 gap: 10px; 6623 gap: 10px;
6624 width: 100%; 6624 width: 100%;
6625 } 6625 }
6626 @media (min-width: 768px) { 6626 @media (min-width: 768px) {
6627 .messages__body { 6627 .messages__body {
6628 gap: 20px; 6628 gap: 20px;
6629 } 6629 }
6630 } 6630 }
6631 .messages__item { 6631 .messages__item {
6632 display: none; 6632 display: none;
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 border-radius: 8px; 6636 border-radius: 8px;
6637 border: 1px solid #e7e7e7; 6637 border: 1px solid #e7e7e7;
6638 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6638 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6639 padding: 10px; 6639 padding: 10px;
6640 font-size: 12px; 6640 font-size: 12px;
6641 } 6641 }
6642 @media (min-width: 768px) { 6642 @media (min-width: 768px) {
6643 .messages__item { 6643 .messages__item {
6644 padding: 20px; 6644 padding: 20px;
6645 font-size: 16px; 6645 font-size: 16px;
6646 } 6646 }
6647 } 6647 }
6648 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) { 6648 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
6649 display: -webkit-box; 6649 display: -webkit-box;
6650 display: -ms-flexbox; 6650 display: -ms-flexbox;
6651 display: flex; 6651 display: flex;
6652 } 6652 }
6653 .messages__item-info { 6653 .messages__item-info {
6654 display: -webkit-box; 6654 display: -webkit-box;
6655 display: -ms-flexbox; 6655 display: -ms-flexbox;
6656 display: flex; 6656 display: flex;
6657 -webkit-box-align: center; 6657 -webkit-box-align: center;
6658 -ms-flex-align: center; 6658 -ms-flex-align: center;
6659 align-items: center; 6659 align-items: center;
6660 width: calc(100% - 90px); 6660 width: calc(100% - 90px);
6661 } 6661 }
6662 @media (min-width: 768px) { 6662 @media (min-width: 768px) {
6663 .messages__item-info { 6663 .messages__item-info {
6664 width: calc(100% - 150px); 6664 width: calc(100% - 150px);
6665 } 6665 }
6666 } 6666 }
6667 .messages__item-photo { 6667 .messages__item-photo {
6668 position: relative; 6668 position: relative;
6669 aspect-ratio: 1/1; 6669 aspect-ratio: 1/1;
6670 overflow: hidden; 6670 overflow: hidden;
6671 background: #9c9d9d; 6671 background: #9c9d9d;
6672 color: #ffffff; 6672 color: #ffffff;
6673 width: 36px; 6673 width: 36px;
6674 border-radius: 6px; 6674 border-radius: 6px;
6675 display: -webkit-box; 6675 display: -webkit-box;
6676 display: -ms-flexbox; 6676 display: -ms-flexbox;
6677 display: flex; 6677 display: flex;
6678 -webkit-box-pack: center; 6678 -webkit-box-pack: center;
6679 -ms-flex-pack: center; 6679 -ms-flex-pack: center;
6680 justify-content: center; 6680 justify-content: center;
6681 -webkit-box-align: center; 6681 -webkit-box-align: center;
6682 -ms-flex-align: center; 6682 -ms-flex-align: center;
6683 align-items: center; 6683 align-items: center;
6684 } 6684 }
6685 @media (min-width: 768px) { 6685 @media (min-width: 768px) {
6686 .messages__item-photo { 6686 .messages__item-photo {
6687 width: 52px; 6687 width: 52px;
6688 } 6688 }
6689 } 6689 }
6690 .messages__item-photo svg { 6690 .messages__item-photo svg {
6691 width: 50%; 6691 width: 50%;
6692 position: relative; 6692 position: relative;
6693 z-index: 1; 6693 z-index: 1;
6694 } 6694 }
6695 .messages__item-photo img { 6695 .messages__item-photo img {
6696 position: absolute; 6696 position: absolute;
6697 z-index: 2; 6697 z-index: 2;
6698 top: 0; 6698 top: 0;
6699 left: 0; 6699 left: 0;
6700 width: 100%; 6700 width: 100%;
6701 height: 100%; 6701 height: 100%;
6702 -o-object-fit: cover; 6702 -o-object-fit: cover;
6703 object-fit: cover; 6703 object-fit: cover;
6704 } 6704 }
6705 .messages__item-text { 6705 .messages__item-text {
6706 width: calc(100% - 36px); 6706 width: calc(100% - 36px);
6707 padding-left: 6px; 6707 padding-left: 6px;
6708 color: #3a3b3c; 6708 color: #3a3b3c;
6709 display: -webkit-box; 6709 display: -webkit-box;
6710 display: -ms-flexbox; 6710 display: -ms-flexbox;
6711 display: flex; 6711 display: flex;
6712 -webkit-box-orient: vertical; 6712 -webkit-box-orient: vertical;
6713 -webkit-box-direction: normal; 6713 -webkit-box-direction: normal;
6714 -ms-flex-direction: column; 6714 -ms-flex-direction: column;
6715 flex-direction: column; 6715 flex-direction: column;
6716 gap: 4px; 6716 gap: 4px;
6717 } 6717 }
6718 @media (min-width: 768px) { 6718 @media (min-width: 768px) {
6719 .messages__item-text { 6719 .messages__item-text {
6720 padding-left: 20px; 6720 padding-left: 20px;
6721 width: calc(100% - 52px); 6721 width: calc(100% - 52px);
6722 gap: 8px; 6722 gap: 8px;
6723 } 6723 }
6724 } 6724 }
6725 .messages__item-text span { 6725 .messages__item-text span {
6726 color: #3a3b3c; 6726 color: #3a3b3c;
6727 } 6727 }
6728 .messages__item-date { 6728 .messages__item-date {
6729 color: #3a3b3c; 6729 color: #3a3b3c;
6730 width: 90px; 6730 width: 90px;
6731 text-align: right; 6731 text-align: right;
6732 } 6732 }
6733 @media (min-width: 768px) { 6733 @media (min-width: 768px) {
6734 .messages__item-date { 6734 .messages__item-date {
6735 width: 150px; 6735 width: 150px;
6736 } 6736 }
6737 } 6737 }
6738 .messages.active .messages__item { 6738 .messages.active .messages__item {
6739 display: -webkit-box; 6739 display: -webkit-box;
6740 display: -ms-flexbox; 6740 display: -ms-flexbox;
6741 display: flex; 6741 display: flex;
6742 } 6742 }
6743 6743
6744 .responses { 6744 .responses {
6745 display: -webkit-box; 6745 display: -webkit-box;
6746 display: -ms-flexbox; 6746 display: -ms-flexbox;
6747 display: flex; 6747 display: flex;
6748 -webkit-box-orient: vertical; 6748 -webkit-box-orient: vertical;
6749 -webkit-box-direction: reverse; 6749 -webkit-box-direction: reverse;
6750 -ms-flex-direction: column-reverse; 6750 -ms-flex-direction: column-reverse;
6751 flex-direction: column-reverse; 6751 flex-direction: column-reverse;
6752 -webkit-box-align: center; 6752 -webkit-box-align: center;
6753 -ms-flex-align: center; 6753 -ms-flex-align: center;
6754 align-items: center; 6754 align-items: center;
6755 gap: 20px; 6755 gap: 20px;
6756 } 6756 }
6757 .responses__body { 6757 .responses__body {
6758 width: 100%; 6758 width: 100%;
6759 display: -webkit-box; 6759 display: -webkit-box;
6760 display: -ms-flexbox; 6760 display: -ms-flexbox;
6761 display: flex; 6761 display: flex;
6762 -webkit-box-orient: vertical; 6762 -webkit-box-orient: vertical;
6763 -webkit-box-direction: normal; 6763 -webkit-box-direction: normal;
6764 -ms-flex-direction: column; 6764 -ms-flex-direction: column;
6765 flex-direction: column; 6765 flex-direction: column;
6766 gap: 20px; 6766 gap: 20px;
6767 } 6767 }
6768 .responses__item { 6768 .responses__item {
6769 display: none; 6769 display: none;
6770 -webkit-box-orient: vertical; 6770 -webkit-box-orient: vertical;
6771 -webkit-box-direction: normal; 6771 -webkit-box-direction: normal;
6772 -ms-flex-direction: column; 6772 -ms-flex-direction: column;
6773 flex-direction: column; 6773 flex-direction: column;
6774 gap: 20px; 6774 gap: 20px;
6775 border-radius: 8px; 6775 border-radius: 8px;
6776 border: 1px solid #e7e7e7; 6776 border: 1px solid #e7e7e7;
6777 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6777 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6778 padding: 20px 10px; 6778 padding: 20px 10px;
6779 font-size: 12px; 6779 font-size: 12px;
6780 position: relative; 6780 position: relative;
6781 } 6781 }
6782 @media (min-width: 768px) { 6782 @media (min-width: 768px) {
6783 .responses__item { 6783 .responses__item {
6784 padding: 20px; 6784 padding: 20px;
6785 font-size: 16px; 6785 font-size: 16px;
6786 } 6786 }
6787 } 6787 }
6788 .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) { 6788 .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) {
6789 display: -webkit-box; 6789 display: -webkit-box;
6790 display: -ms-flexbox; 6790 display: -ms-flexbox;
6791 display: flex; 6791 display: flex;
6792 } 6792 }
6793 .responses__item-date { 6793 .responses__item-date {
6794 color: #3a3b3c; 6794 color: #3a3b3c;
6795 } 6795 }
6796 @media (min-width: 992px) { 6796 @media (min-width: 992px) {
6797 .responses__item-date { 6797 .responses__item-date {
6798 position: absolute; 6798 position: absolute;
6799 top: 20px; 6799 top: 20px;
6800 right: 20px; 6800 right: 20px;
6801 } 6801 }
6802 } 6802 }
6803 .responses__item-wrapper { 6803 .responses__item-wrapper {
6804 display: -webkit-box; 6804 display: -webkit-box;
6805 display: -ms-flexbox; 6805 display: -ms-flexbox;
6806 display: flex; 6806 display: flex;
6807 -webkit-box-orient: vertical; 6807 -webkit-box-orient: vertical;
6808 -webkit-box-direction: normal; 6808 -webkit-box-direction: normal;
6809 -ms-flex-direction: column; 6809 -ms-flex-direction: column;
6810 flex-direction: column; 6810 flex-direction: column;
6811 gap: 20px; 6811 gap: 20px;
6812 } 6812 }
6813 .responses__item-inner { 6813 .responses__item-inner {
6814 display: -webkit-box; 6814 display: -webkit-box;
6815 display: -ms-flexbox; 6815 display: -ms-flexbox;
6816 display: flex; 6816 display: flex;
6817 -webkit-box-orient: vertical; 6817 -webkit-box-orient: vertical;
6818 -webkit-box-direction: normal; 6818 -webkit-box-direction: normal;
6819 -ms-flex-direction: column; 6819 -ms-flex-direction: column;
6820 flex-direction: column; 6820 flex-direction: column;
6821 gap: 10px; 6821 gap: 10px;
6822 } 6822 }
6823 @media (min-width: 768px) { 6823 @media (min-width: 768px) {
6824 .responses__item-inner { 6824 .responses__item-inner {
6825 gap: 20px; 6825 gap: 20px;
6826 } 6826 }
6827 } 6827 }
6828 @media (min-width: 1280px) { 6828 @media (min-width: 1280px) {
6829 .responses__item-inner { 6829 .responses__item-inner {
6830 width: calc(100% - 150px); 6830 width: calc(100% - 150px);
6831 } 6831 }
6832 } 6832 }
6833 .responses__item-row { 6833 .responses__item-row {
6834 display: grid; 6834 display: grid;
6835 grid-template-columns: 1fr 1fr; 6835 grid-template-columns: 1fr 1fr;
6836 gap: 20px; 6836 gap: 20px;
6837 color: #3a3b3c; 6837 color: #3a3b3c;
6838 text-align: right; 6838 text-align: right;
6839 } 6839 }
6840 @media (min-width: 992px) { 6840 @media (min-width: 992px) {
6841 .responses__item-row { 6841 .responses__item-row {
6842 display: -webkit-box; 6842 display: -webkit-box;
6843 display: -ms-flexbox; 6843 display: -ms-flexbox;
6844 display: flex; 6844 display: flex;
6845 -webkit-box-orient: vertical; 6845 -webkit-box-orient: vertical;
6846 -webkit-box-direction: normal; 6846 -webkit-box-direction: normal;
6847 -ms-flex-direction: column; 6847 -ms-flex-direction: column;
6848 flex-direction: column; 6848 flex-direction: column;
6849 gap: 6px; 6849 gap: 6px;
6850 text-align: left; 6850 text-align: left;
6851 } 6851 }
6852 } 6852 }
6853 .responses__item-row span { 6853 .responses__item-row span {
6854 color: #3a3b3c; 6854 color: #3a3b3c;
6855 text-align: left; 6855 text-align: left;
6856 } 6856 }
6857 .responses__item-buttons { 6857 .responses__item-buttons {
6858 display: -webkit-box; 6858 display: -webkit-box;
6859 display: -ms-flexbox; 6859 display: -ms-flexbox;
6860 display: flex; 6860 display: flex;
6861 -webkit-box-orient: vertical; 6861 -webkit-box-orient: vertical;
6862 -webkit-box-direction: normal; 6862 -webkit-box-direction: normal;
6863 -ms-flex-direction: column; 6863 -ms-flex-direction: column;
6864 flex-direction: column; 6864 flex-direction: column;
6865 gap: 10px; 6865 gap: 10px;
6866 } 6866 }
6867 @media (min-width: 768px) { 6867 @media (min-width: 768px) {
6868 .responses__item-buttons { 6868 .responses__item-buttons {
6869 display: grid; 6869 display: grid;
6870 grid-template-columns: 1fr 1fr; 6870 grid-template-columns: 1fr 1fr;
6871 } 6871 }
6872 } 6872 }
6873 @media (min-width: 1280px) { 6873 @media (min-width: 1280px) {
6874 .responses__item-buttons { 6874 .responses__item-buttons {
6875 grid-template-columns: 1fr 1fr 1fr 1fr; 6875 grid-template-columns: 1fr 1fr 1fr 1fr;
6876 } 6876 }
6877 } 6877 }
6878 .responses__item-buttons .button.active { 6878 .responses__item-buttons .button.active {
6879 background: #377d87; 6879 background: #377d87;
6880 color: #ffffff; 6880 color: #ffffff;
6881 } 6881 }
6882 .responses.active .responses__item { 6882 .responses.active .responses__item {
6883 display: -webkit-box; 6883 display: -webkit-box;
6884 display: -ms-flexbox; 6884 display: -ms-flexbox;
6885 display: flex; 6885 display: flex;
6886 } 6886 }
6887 6887
6888 .chatbox { 6888 .chatbox {
6889 display: -webkit-box; 6889 display: -webkit-box;
6890 display: -ms-flexbox; 6890 display: -ms-flexbox;
6891 display: flex; 6891 display: flex;
6892 -webkit-box-orient: vertical; 6892 -webkit-box-orient: vertical;
6893 -webkit-box-direction: normal; 6893 -webkit-box-direction: normal;
6894 -ms-flex-direction: column; 6894 -ms-flex-direction: column;
6895 flex-direction: column; 6895 flex-direction: column;
6896 gap: 20px; 6896 gap: 20px;
6897 } 6897 }
6898 @media (min-width: 768px) { 6898 @media (min-width: 768px) {
6899 .chatbox { 6899 .chatbox {
6900 gap: 30px; 6900 gap: 30px;
6901 } 6901 }
6902 } 6902 }
6903 @media (min-width: 1280px) { 6903 @media (min-width: 1280px) {
6904 .chatbox { 6904 .chatbox {
6905 gap: 40px; 6905 gap: 40px;
6906 } 6906 }
6907 } 6907 }
6908 .chatbox__toper { 6908 .chatbox__toper {
6909 display: -webkit-box; 6909 display: -webkit-box;
6910 display: -ms-flexbox; 6910 display: -ms-flexbox;
6911 display: flex; 6911 display: flex;
6912 -webkit-box-orient: vertical; 6912 -webkit-box-orient: vertical;
6913 -webkit-box-direction: normal; 6913 -webkit-box-direction: normal;
6914 -ms-flex-direction: column; 6914 -ms-flex-direction: column;
6915 flex-direction: column; 6915 flex-direction: column;
6916 gap: 10px; 6916 gap: 10px;
6917 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6917 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6918 border: 1px solid #e7e7e7; 6918 border: 1px solid #e7e7e7;
6919 border-radius: 8px; 6919 border-radius: 8px;
6920 padding: 10px; 6920 padding: 10px;
6921 } 6921 }
6922 @media (min-width: 768px) { 6922 @media (min-width: 768px) {
6923 .chatbox__toper { 6923 .chatbox__toper {
6924 padding: 20px; 6924 padding: 20px;
6925 -webkit-box-orient: horizontal; 6925 -webkit-box-orient: horizontal;
6926 -webkit-box-direction: normal; 6926 -webkit-box-direction: normal;
6927 -ms-flex-direction: row; 6927 -ms-flex-direction: row;
6928 flex-direction: row; 6928 flex-direction: row;
6929 -webkit-box-align: center; 6929 -webkit-box-align: center;
6930 -ms-flex-align: center; 6930 -ms-flex-align: center;
6931 align-items: center; 6931 align-items: center;
6932 -webkit-box-pack: justify; 6932 -webkit-box-pack: justify;
6933 -ms-flex-pack: justify; 6933 -ms-flex-pack: justify;
6934 justify-content: space-between; 6934 justify-content: space-between;
6935 } 6935 }
6936 } 6936 }
6937 .chatbox__toper-info { 6937 .chatbox__toper-info {
6938 font-size: 12px; 6938 font-size: 12px;
6939 } 6939 }
6940 @media (min-width: 768px) { 6940 @media (min-width: 768px) {
6941 .chatbox__toper-info { 6941 .chatbox__toper-info {
6942 font-size: 16px; 6942 font-size: 16px;
6943 width: calc(100% - 230px); 6943 width: calc(100% - 230px);
6944 } 6944 }
6945 } 6945 }
6946 @media (min-width: 768px) { 6946 @media (min-width: 768px) {
6947 .chatbox__toper-button { 6947 .chatbox__toper-button {
6948 width: 210px; 6948 width: 210px;
6949 padding: 0; 6949 padding: 0;
6950 } 6950 }
6951 } 6951 }
6952 .chatbox__list { 6952 .chatbox__list {
6953 display: -webkit-box; 6953 display: -webkit-box;
6954 display: -ms-flexbox; 6954 display: -ms-flexbox;
6955 display: flex; 6955 display: flex;
6956 -webkit-box-orient: vertical; 6956 -webkit-box-orient: vertical;
6957 -webkit-box-direction: normal; 6957 -webkit-box-direction: normal;
6958 -ms-flex-direction: column; 6958 -ms-flex-direction: column;
6959 flex-direction: column; 6959 flex-direction: column;
6960 gap: 10px; 6960 gap: 10px;
6961 } 6961 }
6962 @media (min-width: 768px) { 6962 @media (min-width: 768px) {
6963 .chatbox__list { 6963 .chatbox__list {
6964 gap: 20px; 6964 gap: 20px;
6965 } 6965 }
6966 } 6966 }
6967 @media (min-width: 1280px) { 6967 @media (min-width: 1280px) {
6968 .chatbox__list { 6968 .chatbox__list {
6969 gap: 40px; 6969 gap: 40px;
6970 } 6970 }
6971 } 6971 }
6972 .chatbox__item { 6972 .chatbox__item {
6973 display: -webkit-box; 6973 display: -webkit-box;
6974 display: -ms-flexbox; 6974 display: -ms-flexbox;
6975 display: flex; 6975 display: flex;
6976 -webkit-box-align: start; 6976 -webkit-box-align: start;
6977 -ms-flex-align: start; 6977 -ms-flex-align: start;
6978 align-items: flex-start; 6978 align-items: flex-start;
6979 -webkit-box-pack: justify; 6979 -webkit-box-pack: justify;
6980 -ms-flex-pack: justify; 6980 -ms-flex-pack: justify;
6981 justify-content: space-between; 6981 justify-content: space-between;
6982 -ms-flex-wrap: wrap; 6982 -ms-flex-wrap: wrap;
6983 flex-wrap: wrap; 6983 flex-wrap: wrap;
6984 color: #3a3b3c; 6984 color: #3a3b3c;
6985 font-size: 12px; 6985 font-size: 12px;
6986 } 6986 }
6987 @media (min-width: 768px) { 6987 @media (min-width: 768px) {
6988 .chatbox__item { 6988 .chatbox__item {
6989 font-size: 16px; 6989 font-size: 16px;
6990 } 6990 }
6991 } 6991 }
6992 .chatbox__item_reverse { 6992 .chatbox__item_reverse {
6993 -webkit-box-orient: horizontal; 6993 -webkit-box-orient: horizontal;
6994 -webkit-box-direction: reverse; 6994 -webkit-box-direction: reverse;
6995 -ms-flex-direction: row-reverse; 6995 -ms-flex-direction: row-reverse;
6996 flex-direction: row-reverse; 6996 flex-direction: row-reverse;
6997 } 6997 }
6998 .chatbox__item-photo { 6998 .chatbox__item-photo {
6999 position: relative; 6999 position: relative;
7000 aspect-ratio: 1/1; 7000 aspect-ratio: 1/1;
7001 overflow: hidden; 7001 overflow: hidden;
7002 background: #9c9d9d; 7002 background: #9c9d9d;
7003 color: #ffffff; 7003 color: #ffffff;
7004 width: 44px; 7004 width: 44px;
7005 border-radius: 6px; 7005 border-radius: 6px;
7006 display: -webkit-box; 7006 display: -webkit-box;
7007 display: -ms-flexbox; 7007 display: -ms-flexbox;
7008 display: flex; 7008 display: flex;
7009 -webkit-box-pack: center; 7009 -webkit-box-pack: center;
7010 -ms-flex-pack: center; 7010 -ms-flex-pack: center;
7011 justify-content: center; 7011 justify-content: center;
7012 -webkit-box-align: center; 7012 -webkit-box-align: center;
7013 -ms-flex-align: center; 7013 -ms-flex-align: center;
7014 align-items: center; 7014 align-items: center;
7015 } 7015 }
7016 .chatbox__item-photo svg { 7016 .chatbox__item-photo svg {
7017 width: 50%; 7017 width: 50%;
7018 position: relative; 7018 position: relative;
7019 z-index: 1; 7019 z-index: 1;
7020 } 7020 }
7021 .chatbox__item-photo img { 7021 .chatbox__item-photo img {
7022 position: absolute; 7022 position: absolute;
7023 z-index: 2; 7023 z-index: 2;
7024 top: 0; 7024 top: 0;
7025 left: 0; 7025 left: 0;
7026 width: 100%; 7026 width: 100%;
7027 height: 100%; 7027 height: 100%;
7028 -o-object-fit: cover; 7028 -o-object-fit: cover;
7029 object-fit: cover; 7029 object-fit: cover;
7030 } 7030 }
7031 .chatbox__item-body { 7031 .chatbox__item-body {
7032 width: calc(100% - 54px); 7032 width: calc(100% - 54px);
7033 display: -webkit-box; 7033 display: -webkit-box;
7034 display: -ms-flexbox; 7034 display: -ms-flexbox;
7035 display: flex; 7035 display: flex;
7036 -webkit-box-orient: vertical; 7036 -webkit-box-orient: vertical;
7037 -webkit-box-direction: normal; 7037 -webkit-box-direction: normal;
7038 -ms-flex-direction: column; 7038 -ms-flex-direction: column;
7039 flex-direction: column; 7039 flex-direction: column;
7040 -webkit-box-align: start; 7040 -webkit-box-align: start;
7041 -ms-flex-align: start; 7041 -ms-flex-align: start;
7042 align-items: flex-start; 7042 align-items: flex-start;
7043 } 7043 }
7044 @media (min-width: 768px) { 7044 @media (min-width: 768px) {
7045 .chatbox__item-body { 7045 .chatbox__item-body {
7046 width: calc(100% - 60px); 7046 width: calc(100% - 60px);
7047 } 7047 }
7048 } 7048 }
7049 .chatbox__item_reverse .chatbox__item-body { 7049 .chatbox__item_reverse .chatbox__item-body {
7050 -webkit-box-align: end; 7050 -webkit-box-align: end;
7051 -ms-flex-align: end; 7051 -ms-flex-align: end;
7052 align-items: flex-end; 7052 align-items: flex-end;
7053 } 7053 }
7054 .chatbox__item-text { 7054 .chatbox__item-text {
7055 border-radius: 8px; 7055 border-radius: 8px;
7056 background: #ffffff; 7056 background: #ffffff;
7057 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7057 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7058 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7058 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7059 padding: 10px; 7059 padding: 10px;
7060 line-height: 1.6; 7060 line-height: 1.6;
7061 } 7061 }
7062 .chatbox__item-time { 7062 .chatbox__item-time {
7063 width: 100%; 7063 width: 100%;
7064 padding-left: 54px; 7064 padding-left: 54px;
7065 margin-top: 10px; 7065 margin-top: 10px;
7066 color: #9c9d9d; 7066 color: #9c9d9d;
7067 } 7067 }
7068 .chatbox__item_reverse .chatbox__item-time { 7068 .chatbox__item_reverse .chatbox__item-time {
7069 text-align: right; 7069 text-align: right;
7070 } 7070 }
7071 .chatbox__bottom { 7071 .chatbox__bottom {
7072 background: #4d88d9; 7072 background: #4d88d9;
7073 padding: 10px; 7073 padding: 10px;
7074 border-radius: 8px; 7074 border-radius: 8px;
7075 display: -webkit-box; 7075 display: -webkit-box;
7076 display: -ms-flexbox; 7076 display: -ms-flexbox;
7077 display: flex; 7077 display: flex;
7078 -webkit-box-align: center; 7078 -webkit-box-align: center;
7079 -ms-flex-align: center; 7079 -ms-flex-align: center;
7080 align-items: center; 7080 align-items: center;
7081 -webkit-box-pack: justify; 7081 -webkit-box-pack: justify;
7082 -ms-flex-pack: justify; 7082 -ms-flex-pack: justify;
7083 justify-content: space-between; 7083 justify-content: space-between;
7084 } 7084 }
7085 @media (min-width: 768px) { 7085 @media (min-width: 768px) {
7086 .chatbox__bottom { 7086 .chatbox__bottom {
7087 padding: 16px 20px; 7087 padding: 16px 20px;
7088 } 7088 }
7089 } 7089 }
7090 .chatbox__bottom-file { 7090 .chatbox__bottom-file {
7091 width: 20px; 7091 width: 20px;
7092 aspect-ratio: 1/1; 7092 aspect-ratio: 1/1;
7093 display: -webkit-box; 7093 display: -webkit-box;
7094 display: -ms-flexbox; 7094 display: -ms-flexbox;
7095 display: flex; 7095 display: flex;
7096 -webkit-box-pack: center; 7096 -webkit-box-pack: center;
7097 -ms-flex-pack: center; 7097 -ms-flex-pack: center;
7098 justify-content: center; 7098 justify-content: center;
7099 -webkit-box-align: center; 7099 -webkit-box-align: center;
7100 -ms-flex-align: center; 7100 -ms-flex-align: center;
7101 align-items: center; 7101 align-items: center;
7102 background: #ffffff; 7102 background: #ffffff;
7103 color: #4d88d9; 7103 color: #4d88d9;
7104 border-radius: 8px; 7104 border-radius: 8px;
7105 } 7105 }
7106 @media (min-width: 768px) { 7106 @media (min-width: 768px) {
7107 .chatbox__bottom-file { 7107 .chatbox__bottom-file {
7108 width: 48px; 7108 width: 48px;
7109 } 7109 }
7110 } 7110 }
7111 .chatbox__bottom-file:hover { 7111 .chatbox__bottom-file:hover {
7112 color: #377d87; 7112 color: #377d87;
7113 } 7113 }
7114 .chatbox__bottom-file input { 7114 .chatbox__bottom-file input {
7115 display: none; 7115 display: none;
7116 } 7116 }
7117 .chatbox__bottom-file svg { 7117 .chatbox__bottom-file svg {
7118 width: 50%; 7118 width: 50%;
7119 aspect-ratio: 1/1; 7119 aspect-ratio: 1/1;
7120 } 7120 }
7121 @media (min-width: 768px) { 7121 @media (min-width: 768px) {
7122 .chatbox__bottom-file svg { 7122 .chatbox__bottom-file svg {
7123 width: 40%; 7123 width: 40%;
7124 } 7124 }
7125 } 7125 }
7126 .chatbox__bottom-text { 7126 .chatbox__bottom-text {
7127 width: calc(100% - 60px); 7127 width: calc(100% - 60px);
7128 height: 20px; 7128 height: 20px;
7129 border-color: #ffffff; 7129 border-color: #ffffff;
7130 } 7130 }
7131 @media (min-width: 768px) { 7131 @media (min-width: 768px) {
7132 .chatbox__bottom-text { 7132 .chatbox__bottom-text {
7133 width: calc(100% - 128px); 7133 width: calc(100% - 128px);
7134 height: 48px; 7134 height: 48px;
7135 } 7135 }
7136 } 7136 }
7137 .chatbox__bottom-text:focus { 7137 .chatbox__bottom-text:focus {
7138 border-color: #ffffff; 7138 border-color: #ffffff;
7139 } 7139 }
7140 .chatbox__bottom-send { 7140 .chatbox__bottom-send {
7141 width: 20px; 7141 width: 20px;
7142 aspect-ratio: 1/1; 7142 aspect-ratio: 1/1;
7143 display: -webkit-box; 7143 display: -webkit-box;
7144 display: -ms-flexbox; 7144 display: -ms-flexbox;
7145 display: flex; 7145 display: flex;
7146 -webkit-box-pack: center; 7146 -webkit-box-pack: center;
7147 -ms-flex-pack: center; 7147 -ms-flex-pack: center;
7148 justify-content: center; 7148 justify-content: center;
7149 -webkit-box-align: center; 7149 -webkit-box-align: center;
7150 -ms-flex-align: center; 7150 -ms-flex-align: center;
7151 align-items: center; 7151 align-items: center;
7152 padding: 0; 7152 padding: 0;
7153 background: #ffffff; 7153 background: #ffffff;
7154 border: none; 7154 border: none;
7155 color: #4d88d9; 7155 color: #4d88d9;
7156 border-radius: 999px; 7156 border-radius: 999px;
7157 } 7157 }
7158 @media (min-width: 768px) { 7158 @media (min-width: 768px) {
7159 .chatbox__bottom-send { 7159 .chatbox__bottom-send {
7160 width: 48px; 7160 width: 48px;
7161 } 7161 }
7162 } 7162 }
7163 .chatbox__bottom-send:hover { 7163 .chatbox__bottom-send:hover {
7164 color: #377d87; 7164 color: #377d87;
7165 } 7165 }
7166 .chatbox__bottom-send svg { 7166 .chatbox__bottom-send svg {
7167 width: 50%; 7167 width: 50%;
7168 aspect-ratio: 1/1; 7168 aspect-ratio: 1/1;
7169 position: relative; 7169 position: relative;
7170 left: 1px; 7170 left: 1px;
7171 } 7171 }
7172 @media (min-width: 768px) { 7172 @media (min-width: 768px) {
7173 .chatbox__bottom-send svg { 7173 .chatbox__bottom-send svg {
7174 width: 40%; 7174 width: 40%;
7175 left: 2px; 7175 left: 2px;
7176 } 7176 }
7177 } 7177 }
7178 7178
7179 .cvs { 7179 .cvs {
7180 display: -webkit-box; 7180 display: -webkit-box;
7181 display: -ms-flexbox; 7181 display: -ms-flexbox;
7182 display: flex; 7182 display: flex;
7183 -webkit-box-orient: vertical; 7183 -webkit-box-orient: vertical;
7184 -webkit-box-direction: reverse; 7184 -webkit-box-direction: reverse;
7185 -ms-flex-direction: column-reverse; 7185 -ms-flex-direction: column-reverse;
7186 flex-direction: column-reverse; 7186 flex-direction: column-reverse;
7187 -webkit-box-align: center; 7187 -webkit-box-align: center;
7188 -ms-flex-align: center; 7188 -ms-flex-align: center;
7189 align-items: center; 7189 align-items: center;
7190 gap: 20px; 7190 gap: 20px;
7191 } 7191 }
7192 .cvs__body { 7192 .cvs__body {
7193 display: -webkit-box; 7193 display: -webkit-box;
7194 display: -ms-flexbox; 7194 display: -ms-flexbox;
7195 display: flex; 7195 display: flex;
7196 -webkit-box-orient: vertical; 7196 -webkit-box-orient: vertical;
7197 -webkit-box-direction: normal; 7197 -webkit-box-direction: normal;
7198 -ms-flex-direction: column; 7198 -ms-flex-direction: column;
7199 flex-direction: column; 7199 flex-direction: column;
7200 gap: 20px; 7200 gap: 20px;
7201 width: 100%; 7201 width: 100%;
7202 } 7202 }
7203 @media (min-width: 768px) { 7203 @media (min-width: 768px) {
7204 .cvs__body { 7204 .cvs__body {
7205 gap: 30px; 7205 gap: 30px;
7206 } 7206 }
7207 } 7207 }
7208 .cvs__item { 7208 .cvs__item {
7209 display: none; 7209 display: none;
7210 -webkit-box-orient: vertical; 7210 -webkit-box-orient: vertical;
7211 -webkit-box-direction: normal; 7211 -webkit-box-direction: normal;
7212 -ms-flex-direction: column; 7212 -ms-flex-direction: column;
7213 flex-direction: column; 7213 flex-direction: column;
7214 gap: 10px; 7214 gap: 10px;
7215 border-radius: 8px; 7215 border-radius: 8px;
7216 border: 1px solid #e7e7e7; 7216 border: 1px solid #e7e7e7;
7217 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7217 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7218 padding: 10px; 7218 padding: 10px;
7219 font-size: 12px; 7219 font-size: 12px;
7220 position: relative; 7220 position: relative;
7221 } 7221 }
7222 @media (min-width: 768px) { 7222 @media (min-width: 768px) {
7223 .cvs__item { 7223 .cvs__item {
7224 gap: 0; 7224 gap: 0;
7225 padding: 20px; 7225 padding: 20px;
7226 font-size: 16px; 7226 font-size: 16px;
7227 -webkit-box-orient: horizontal; 7227 -webkit-box-orient: horizontal;
7228 -webkit-box-direction: normal; 7228 -webkit-box-direction: normal;
7229 -ms-flex-direction: row; 7229 -ms-flex-direction: row;
7230 flex-direction: row; 7230 flex-direction: row;
7231 -webkit-box-align: start; 7231 -webkit-box-align: start;
7232 -ms-flex-align: start; 7232 -ms-flex-align: start;
7233 align-items: flex-start; 7233 align-items: flex-start;
7234 -ms-flex-wrap: wrap; 7234 -ms-flex-wrap: wrap;
7235 flex-wrap: wrap; 7235 flex-wrap: wrap;
7236 } 7236 }
7237 } 7237 }
7238 .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) { 7238 .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) {
7239 display: -webkit-box; 7239 display: -webkit-box;
7240 display: -ms-flexbox; 7240 display: -ms-flexbox;
7241 display: flex; 7241 display: flex;
7242 } 7242 }
7243 .cvs__item-like { 7243 .cvs__item-like {
7244 position: absolute; 7244 position: absolute;
7245 top: 10px; 7245 top: 10px;
7246 right: 10px; 7246 right: 10px;
7247 } 7247 }
7248 @media (min-width: 768px) { 7248 @media (min-width: 768px) {
7249 .cvs__item-like { 7249 .cvs__item-like {
7250 top: 20px; 7250 top: 20px;
7251 right: 20px; 7251 right: 20px;
7252 } 7252 }
7253 } 7253 }
7254 .cvs__item-photo { 7254 .cvs__item-photo {
7255 position: relative; 7255 position: relative;
7256 aspect-ratio: 1/1; 7256 aspect-ratio: 1/1;
7257 overflow: hidden; 7257 overflow: hidden;
7258 background: #9c9d9d; 7258 background: #9c9d9d;
7259 color: #ffffff; 7259 color: #ffffff;
7260 width: 36px; 7260 width: 36px;
7261 border-radius: 6px; 7261 border-radius: 6px;
7262 display: -webkit-box; 7262 display: -webkit-box;
7263 display: -ms-flexbox; 7263 display: -ms-flexbox;
7264 display: flex; 7264 display: flex;
7265 -webkit-box-pack: center; 7265 -webkit-box-pack: center;
7266 -ms-flex-pack: center; 7266 -ms-flex-pack: center;
7267 justify-content: center; 7267 justify-content: center;
7268 -webkit-box-align: center; 7268 -webkit-box-align: center;
7269 -ms-flex-align: center; 7269 -ms-flex-align: center;
7270 align-items: center; 7270 align-items: center;
7271 } 7271 }
7272 @media (min-width: 768px) { 7272 @media (min-width: 768px) {
7273 .cvs__item-photo { 7273 .cvs__item-photo {
7274 width: 68px; 7274 width: 68px;
7275 } 7275 }
7276 } 7276 }
7277 .cvs__item-photo svg { 7277 .cvs__item-photo svg {
7278 width: 50%; 7278 width: 50%;
7279 position: relative; 7279 position: relative;
7280 z-index: 1; 7280 z-index: 1;
7281 } 7281 }
7282 .cvs__item-photo img { 7282 .cvs__item-photo img {
7283 position: absolute; 7283 position: absolute;
7284 z-index: 2; 7284 z-index: 2;
7285 top: 0; 7285 top: 0;
7286 left: 0; 7286 left: 0;
7287 width: 100%; 7287 width: 100%;
7288 height: 100%; 7288 height: 100%;
7289 -o-object-fit: cover; 7289 -o-object-fit: cover;
7290 object-fit: cover; 7290 object-fit: cover;
7291 } 7291 }
7292 .cvs__item-text { 7292 .cvs__item-text {
7293 display: -webkit-box; 7293 display: -webkit-box;
7294 display: -ms-flexbox; 7294 display: -ms-flexbox;
7295 display: flex; 7295 display: flex;
7296 -webkit-box-orient: vertical; 7296 -webkit-box-orient: vertical;
7297 -webkit-box-direction: normal; 7297 -webkit-box-direction: normal;
7298 -ms-flex-direction: column; 7298 -ms-flex-direction: column;
7299 flex-direction: column; 7299 flex-direction: column;
7300 gap: 10px; 7300 gap: 10px;
7301 } 7301 }
7302 @media (min-width: 768px) { 7302 @media (min-width: 768px) {
7303 .cvs__item-text { 7303 .cvs__item-text {
7304 gap: 20px; 7304 gap: 20px;
7305 width: calc(100% - 68px); 7305 width: calc(100% - 68px);
7306 padding-left: 20px; 7306 padding-left: 20px;
7307 padding-right: 60px; 7307 padding-right: 60px;
7308 } 7308 }
7309 } 7309 }
7310 .cvs__item-text div { 7310 .cvs__item-text div {
7311 display: -webkit-box; 7311 display: -webkit-box;
7312 display: -ms-flexbox; 7312 display: -ms-flexbox;
7313 display: flex; 7313 display: flex;
7314 -webkit-box-align: center; 7314 -webkit-box-align: center;
7315 -ms-flex-align: center; 7315 -ms-flex-align: center;
7316 align-items: center; 7316 align-items: center;
7317 -webkit-box-pack: justify; 7317 -webkit-box-pack: justify;
7318 -ms-flex-pack: justify; 7318 -ms-flex-pack: justify;
7319 justify-content: space-between; 7319 justify-content: space-between;
7320 } 7320 }
7321 @media (min-width: 768px) { 7321 @media (min-width: 768px) {
7322 .cvs__item-text div { 7322 .cvs__item-text div {
7323 -webkit-box-orient: vertical; 7323 -webkit-box-orient: vertical;
7324 -webkit-box-direction: normal; 7324 -webkit-box-direction: normal;
7325 -ms-flex-direction: column; 7325 -ms-flex-direction: column;
7326 flex-direction: column; 7326 flex-direction: column;
7327 -webkit-box-pack: start; 7327 -webkit-box-pack: start;
7328 -ms-flex-pack: start; 7328 -ms-flex-pack: start;
7329 justify-content: flex-start; 7329 justify-content: flex-start;
7330 -webkit-box-align: start; 7330 -webkit-box-align: start;
7331 -ms-flex-align: start; 7331 -ms-flex-align: start;
7332 align-items: flex-start; 7332 align-items: flex-start;
7333 } 7333 }
7334 } 7334 }
7335 .cvs__item-text span, 7335 .cvs__item-text span,
7336 .cvs__item-text a { 7336 .cvs__item-text a {
7337 color: #3a3b3c; 7337 color: #3a3b3c;
7338 } 7338 }
7339 .cvs__item-button { 7339 .cvs__item-button {
7340 display: -webkit-box; 7340 display: -webkit-box;
7341 display: -ms-flexbox; 7341 display: -ms-flexbox;
7342 display: flex; 7342 display: flex;
7343 -webkit-box-orient: vertical; 7343 -webkit-box-orient: vertical;
7344 -webkit-box-direction: normal; 7344 -webkit-box-direction: normal;
7345 -ms-flex-direction: column; 7345 -ms-flex-direction: column;
7346 flex-direction: column; 7346 flex-direction: column;
7347 -webkit-box-align: center; 7347 -webkit-box-align: center;
7348 -ms-flex-align: center; 7348 -ms-flex-align: center;
7349 align-items: center; 7349 align-items: center;
7350 } 7350 }
7351 @media (min-width: 768px) { 7351 @media (min-width: 768px) {
7352 .cvs__item-button { 7352 .cvs__item-button {
7353 -webkit-box-align: end; 7353 -webkit-box-align: end;
7354 -ms-flex-align: end; 7354 -ms-flex-align: end;
7355 align-items: flex-end; 7355 align-items: flex-end;
7356 width: 100%; 7356 width: 100%;
7357 padding-top: 20px; 7357 padding-top: 20px;
7358 } 7358 }
7359 } 7359 }
7360 .cvs.active .cvs__item { 7360 .cvs.active .cvs__item {
7361 display: -webkit-box; 7361 display: -webkit-box;
7362 display: -ms-flexbox; 7362 display: -ms-flexbox;
7363 display: flex; 7363 display: flex;
7364 } 7364 }
7365 7365
7366 .faqs { 7366 .faqs {
7367 display: -webkit-box; 7367 display: -webkit-box;
7368 display: -ms-flexbox; 7368 display: -ms-flexbox;
7369 display: flex; 7369 display: flex;
7370 -webkit-box-orient: vertical; 7370 -webkit-box-orient: vertical;
7371 -webkit-box-direction: reverse; 7371 -webkit-box-direction: reverse;
7372 -ms-flex-direction: column-reverse; 7372 -ms-flex-direction: column-reverse;
7373 flex-direction: column-reverse; 7373 flex-direction: column-reverse;
7374 -webkit-box-align: center; 7374 -webkit-box-align: center;
7375 -ms-flex-align: center; 7375 -ms-flex-align: center;
7376 align-items: center; 7376 align-items: center;
7377 gap: 20px; 7377 gap: 20px;
7378 } 7378 }
7379 .faqs__body { 7379 .faqs__body {
7380 display: -webkit-box; 7380 display: -webkit-box;
7381 display: -ms-flexbox; 7381 display: -ms-flexbox;
7382 display: flex; 7382 display: flex;
7383 -webkit-box-orient: vertical; 7383 -webkit-box-orient: vertical;
7384 -webkit-box-direction: normal; 7384 -webkit-box-direction: normal;
7385 -ms-flex-direction: column; 7385 -ms-flex-direction: column;
7386 flex-direction: column; 7386 flex-direction: column;
7387 gap: 20px; 7387 gap: 20px;
7388 width: 100%; 7388 width: 100%;
7389 } 7389 }
7390 .faqs__item { 7390 .faqs__item {
7391 display: none; 7391 display: none;
7392 -webkit-box-orient: vertical; 7392 -webkit-box-orient: vertical;
7393 -webkit-box-direction: normal; 7393 -webkit-box-direction: normal;
7394 -ms-flex-direction: column; 7394 -ms-flex-direction: column;
7395 flex-direction: column; 7395 flex-direction: column;
7396 border-radius: 8px; 7396 border-radius: 8px;
7397 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7397 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7398 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7398 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7399 background: #ffffff; 7399 background: #ffffff;
7400 padding: 10px; 7400 padding: 10px;
7401 font-size: 12px; 7401 font-size: 12px;
7402 } 7402 }
7403 @media (min-width: 768px) { 7403 @media (min-width: 768px) {
7404 .faqs__item { 7404 .faqs__item {
7405 padding: 20px; 7405 padding: 20px;
7406 font-size: 16px; 7406 font-size: 16px;
7407 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7407 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7408 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7408 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7409 } 7409 }
7410 } 7410 }
7411 .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) { 7411 .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) {
7412 display: -webkit-box; 7412 display: -webkit-box;
7413 display: -ms-flexbox; 7413 display: -ms-flexbox;
7414 display: flex; 7414 display: flex;
7415 } 7415 }
7416 .faqs__item-button { 7416 .faqs__item-button {
7417 background: none; 7417 background: none;
7418 padding: 0; 7418 padding: 0;
7419 border: none; 7419 border: none;
7420 display: -webkit-box; 7420 display: -webkit-box;
7421 display: -ms-flexbox; 7421 display: -ms-flexbox;
7422 display: flex; 7422 display: flex;
7423 -webkit-box-align: center; 7423 -webkit-box-align: center;
7424 -ms-flex-align: center; 7424 -ms-flex-align: center;
7425 align-items: center; 7425 align-items: center;
7426 color: #3a3b3c; 7426 color: #3a3b3c;
7427 text-align: left; 7427 text-align: left;
7428 font-size: 14px; 7428 font-size: 14px;
7429 font-weight: 700; 7429 font-weight: 700;
7430 } 7430 }
7431 @media (min-width: 768px) { 7431 @media (min-width: 768px) {
7432 .faqs__item-button { 7432 .faqs__item-button {
7433 font-size: 20px; 7433 font-size: 20px;
7434 } 7434 }
7435 } 7435 }
7436 .faqs__item-button span { 7436 .faqs__item-button span {
7437 width: calc(100% - 16px); 7437 width: calc(100% - 16px);
7438 padding-right: 16px; 7438 padding-right: 16px;
7439 } 7439 }
7440 .faqs__item-button i { 7440 .faqs__item-button i {
7441 display: -webkit-box; 7441 display: -webkit-box;
7442 display: -ms-flexbox; 7442 display: -ms-flexbox;
7443 display: flex; 7443 display: flex;
7444 -webkit-box-pack: center; 7444 -webkit-box-pack: center;
7445 -ms-flex-pack: center; 7445 -ms-flex-pack: center;
7446 justify-content: center; 7446 justify-content: center;
7447 -webkit-box-align: center; 7447 -webkit-box-align: center;
7448 -ms-flex-align: center; 7448 -ms-flex-align: center;
7449 align-items: center; 7449 align-items: center;
7450 width: 16px; 7450 width: 16px;
7451 aspect-ratio: 1/1; 7451 aspect-ratio: 1/1;
7452 color: #377d87; 7452 color: #377d87;
7453 -webkit-transition: 0.3s; 7453 -webkit-transition: 0.3s;
7454 transition: 0.3s; 7454 transition: 0.3s;
7455 } 7455 }
7456 .faqs__item-button i svg { 7456 .faqs__item-button i svg {
7457 width: 16px; 7457 width: 16px;
7458 aspect-ratio: 1/1; 7458 aspect-ratio: 1/1;
7459 -webkit-transform: rotate(90deg); 7459 -webkit-transform: rotate(90deg);
7460 -ms-transform: rotate(90deg); 7460 -ms-transform: rotate(90deg);
7461 transform: rotate(90deg); 7461 transform: rotate(90deg);
7462 } 7462 }
7463 .faqs__item-button.active i { 7463 .faqs__item-button.active i {
7464 -webkit-transform: rotate(180deg); 7464 -webkit-transform: rotate(180deg);
7465 -ms-transform: rotate(180deg); 7465 -ms-transform: rotate(180deg);
7466 transform: rotate(180deg); 7466 transform: rotate(180deg);
7467 } 7467 }
7468 .faqs__item-body { 7468 .faqs__item-body {
7469 display: -webkit-box; 7469 display: -webkit-box;
7470 display: -ms-flexbox; 7470 display: -ms-flexbox;
7471 display: flex; 7471 display: flex;
7472 -webkit-box-orient: vertical; 7472 -webkit-box-orient: vertical;
7473 -webkit-box-direction: normal; 7473 -webkit-box-direction: normal;
7474 -ms-flex-direction: column; 7474 -ms-flex-direction: column;
7475 flex-direction: column; 7475 flex-direction: column;
7476 gap: 10px; 7476 gap: 10px;
7477 opacity: 0; 7477 opacity: 0;
7478 height: 0; 7478 height: 0;
7479 overflow: hidden; 7479 overflow: hidden;
7480 font-size: 12px; 7480 font-size: 12px;
7481 line-height: 1.4; 7481 line-height: 1.4;
7482 } 7482 }
7483 @media (min-width: 768px) { 7483 @media (min-width: 768px) {
7484 .faqs__item-body { 7484 .faqs__item-body {
7485 font-size: 16px; 7485 font-size: 16px;
7486 gap: 20px; 7486 gap: 20px;
7487 } 7487 }
7488 } 7488 }
7489 .faqs__item-body p { 7489 .faqs__item-body p {
7490 margin: 0; 7490 margin: 0;
7491 } 7491 }
7492 .active + .faqs__item-body { 7492 .active + .faqs__item-body {
7493 opacity: 1; 7493 opacity: 1;
7494 height: auto; 7494 height: auto;
7495 -webkit-transition: 0.3s; 7495 -webkit-transition: 0.3s;
7496 transition: 0.3s; 7496 transition: 0.3s;
7497 padding-top: 10px; 7497 padding-top: 10px;
7498 } 7498 }
7499 @media (min-width: 768px) { 7499 @media (min-width: 768px) {
7500 .active + .faqs__item-body { 7500 .active + .faqs__item-body {
7501 padding-top: 20px; 7501 padding-top: 20px;
7502 } 7502 }
7503 } 7503 }
7504 .faqs.active .faqs__item { 7504 .faqs.active .faqs__item {
7505 display: -webkit-box; 7505 display: -webkit-box;
7506 display: -ms-flexbox; 7506 display: -ms-flexbox;
7507 display: flex; 7507 display: flex;
7508 } 7508 }
7509 7509
7510 .cabinet { 7510 .cabinet {
7511 padding: 20px 0; 7511 padding: 20px 0;
7512 padding-bottom: 40px; 7512 padding-bottom: 40px;
7513 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7513 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7514 } 7514 }
7515 @media (min-width: 992px) { 7515 @media (min-width: 992px) {
7516 .cabinet { 7516 .cabinet {
7517 padding: 30px 0; 7517 padding: 30px 0;
7518 padding-bottom: 60px; 7518 padding-bottom: 60px;
7519 } 7519 }
7520 } 7520 }
7521 .cabinet__breadcrumbs { 7521 .cabinet__breadcrumbs {
7522 margin-bottom: 50px; 7522 margin-bottom: 50px;
7523 } 7523 }
7524 .cabinet__wrapper { 7524 .cabinet__wrapper {
7525 display: -webkit-box; 7525 display: -webkit-box;
7526 display: -ms-flexbox; 7526 display: -ms-flexbox;
7527 display: flex; 7527 display: flex;
7528 -webkit-box-orient: vertical; 7528 -webkit-box-orient: vertical;
7529 -webkit-box-direction: normal; 7529 -webkit-box-direction: normal;
7530 -ms-flex-direction: column; 7530 -ms-flex-direction: column;
7531 flex-direction: column; 7531 flex-direction: column;
7532 } 7532 }
7533 @media (min-width: 992px) { 7533 @media (min-width: 992px) {
7534 .cabinet__wrapper { 7534 .cabinet__wrapper {
7535 -webkit-box-orient: horizontal; 7535 -webkit-box-orient: horizontal;
7536 -webkit-box-direction: normal; 7536 -webkit-box-direction: normal;
7537 -ms-flex-direction: row; 7537 -ms-flex-direction: row;
7538 flex-direction: row; 7538 flex-direction: row;
7539 -webkit-box-align: start; 7539 -webkit-box-align: start;
7540 -ms-flex-align: start; 7540 -ms-flex-align: start;
7541 align-items: flex-start; 7541 align-items: flex-start;
7542 -webkit-box-pack: justify; 7542 -webkit-box-pack: justify;
7543 -ms-flex-pack: justify; 7543 -ms-flex-pack: justify;
7544 justify-content: space-between; 7544 justify-content: space-between;
7545 } 7545 }
7546 } 7546 }
7547 .cabinet__side { 7547 .cabinet__side {
7548 border-radius: 8px; 7548 border-radius: 8px;
7549 background: #ffffff; 7549 background: #ffffff;
7550 padding: 20px 10px; 7550 padding: 20px 10px;
7551 display: -webkit-box; 7551 display: -webkit-box;
7552 display: -ms-flexbox; 7552 display: -ms-flexbox;
7553 display: flex; 7553 display: flex;
7554 -webkit-box-orient: vertical; 7554 -webkit-box-orient: vertical;
7555 -webkit-box-direction: normal; 7555 -webkit-box-direction: normal;
7556 -ms-flex-direction: column; 7556 -ms-flex-direction: column;
7557 flex-direction: column; 7557 flex-direction: column;
7558 gap: 30px; 7558 gap: 30px;
7559 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7559 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7560 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7560 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7561 } 7561 }
7562 @media (min-width: 768px) { 7562 @media (min-width: 768px) {
7563 .cabinet__side { 7563 .cabinet__side {
7564 padding: 30px 20px; 7564 padding: 30px 20px;
7565 margin-bottom: 50px; 7565 margin-bottom: 50px;
7566 } 7566 }
7567 } 7567 }
7568 @media (min-width: 992px) { 7568 @media (min-width: 992px) {
7569 .cabinet__side { 7569 .cabinet__side {
7570 width: 340px; 7570 width: 340px;
7571 margin: 0; 7571 margin: 0;
7572 position: sticky; 7572 position: sticky;
7573 top: 6px; 7573 top: 6px;
7574 } 7574 }
7575 } 7575 }
7576 @media (min-width: 1280px) { 7576 @media (min-width: 1280px) {
7577 .cabinet__side { 7577 .cabinet__side {
7578 width: 400px; 7578 width: 400px;
7579 } 7579 }
7580 } 7580 }
7581 .cabinet__side-item { 7581 .cabinet__side-item {
7582 display: -webkit-box; 7582 display: -webkit-box;
7583 display: -ms-flexbox; 7583 display: -ms-flexbox;
7584 display: flex; 7584 display: flex;
7585 -webkit-box-orient: vertical; 7585 -webkit-box-orient: vertical;
7586 -webkit-box-direction: normal; 7586 -webkit-box-direction: normal;
7587 -ms-flex-direction: column; 7587 -ms-flex-direction: column;
7588 flex-direction: column; 7588 flex-direction: column;
7589 gap: 20px; 7589 gap: 20px;
7590 } 7590 }
7591 .cabinet__side-toper { 7591 .cabinet__side-toper {
7592 display: -webkit-box; 7592 display: -webkit-box;
7593 display: -ms-flexbox; 7593 display: -ms-flexbox;
7594 display: flex; 7594 display: flex;
7595 -webkit-box-align: center; 7595 -webkit-box-align: center;
7596 -ms-flex-align: center; 7596 -ms-flex-align: center;
7597 align-items: center; 7597 align-items: center;
7598 } 7598 }
7599 .cabinet__side-toper-pic { 7599 .cabinet__side-toper-pic {
7600 width: 70px; 7600 width: 70px;
7601 aspect-ratio: 1/1; 7601 aspect-ratio: 1/1;
7602 overflow: hidden; 7602 overflow: hidden;
7603 border-radius: 8px; 7603 border-radius: 8px;
7604 color: #ffffff; 7604 color: #ffffff;
7605 background: #9c9d9d; 7605 background: #9c9d9d;
7606 display: -webkit-box; 7606 display: -webkit-box;
7607 display: -ms-flexbox; 7607 display: -ms-flexbox;
7608 display: flex; 7608 display: flex;
7609 -webkit-box-align: center; 7609 -webkit-box-align: center;
7610 -ms-flex-align: center; 7610 -ms-flex-align: center;
7611 align-items: center; 7611 align-items: center;
7612 -webkit-box-pack: center; 7612 -webkit-box-pack: center;
7613 -ms-flex-pack: center; 7613 -ms-flex-pack: center;
7614 justify-content: center; 7614 justify-content: center;
7615 position: relative; 7615 position: relative;
7616 } 7616 }
7617 .cabinet__side-toper-pic img { 7617 .cabinet__side-toper-pic img {
7618 width: 100%; 7618 width: 100%;
7619 height: 100%; 7619 height: 100%;
7620 -o-object-fit: cover; 7620 -o-object-fit: cover;
7621 object-fit: cover; 7621 object-fit: cover;
7622 position: absolute; 7622 position: absolute;
7623 z-index: 2; 7623 z-index: 2;
7624 top: 0; 7624 top: 0;
7625 left: 0; 7625 left: 0;
7626 aspect-ratio: 1/1; 7626 aspect-ratio: 1/1;
7627 -o-object-fit: contain; 7627 -o-object-fit: contain;
7628 object-fit: contain; 7628 object-fit: contain;
7629 } 7629 }
7630 .cabinet__side-toper-pic svg { 7630 .cabinet__side-toper-pic svg {
7631 width: 50%; 7631 width: 50%;
7632 aspect-ratio: 1/1; 7632 aspect-ratio: 1/1;
7633 } 7633 }
7634 .cabinet__side-toper b { 7634 .cabinet__side-toper b {
7635 width: calc(100% - 70px); 7635 width: calc(100% - 70px);
7636 font-size: 14px; 7636 font-size: 14px;
7637 font-weight: 700; 7637 font-weight: 700;
7638 padding-left: 16px; 7638 padding-left: 16px;
7639 } 7639 }
7640 @media (min-width: 768px) { 7640 @media (min-width: 768px) {
7641 .cabinet__side-toper b { 7641 .cabinet__side-toper b {
7642 font-size: 20px; 7642 font-size: 20px;
7643 } 7643 }
7644 } 7644 }
7645 .cabinet__menu { 7645 .cabinet__menu {
7646 display: -webkit-box; 7646 display: -webkit-box;
7647 display: -ms-flexbox; 7647 display: -ms-flexbox;
7648 display: flex; 7648 display: flex;
7649 -webkit-box-orient: vertical; 7649 -webkit-box-orient: vertical;
7650 -webkit-box-direction: normal; 7650 -webkit-box-direction: normal;
7651 -ms-flex-direction: column; 7651 -ms-flex-direction: column;
7652 flex-direction: column; 7652 flex-direction: column;
7653 } 7653 }
7654 .cabinet__menu-toper { 7654 .cabinet__menu-toper {
7655 display: -webkit-box; 7655 display: -webkit-box;
7656 display: -ms-flexbox; 7656 display: -ms-flexbox;
7657 display: flex; 7657 display: flex;
7658 -webkit-box-align: center; 7658 -webkit-box-align: center;
7659 -ms-flex-align: center; 7659 -ms-flex-align: center;
7660 align-items: center; 7660 align-items: center;
7661 -webkit-box-pack: justify; 7661 -webkit-box-pack: justify;
7662 -ms-flex-pack: justify; 7662 -ms-flex-pack: justify;
7663 justify-content: space-between; 7663 justify-content: space-between;
7664 padding: 0 16px; 7664 padding: 0 16px;
7665 padding-right: 12px; 7665 padding-right: 12px;
7666 border: none; 7666 border: none;
7667 border-radius: 8px; 7667 border-radius: 8px;
7668 background: #377d87; 7668 background: #377d87;
7669 color: #ffffff; 7669 color: #ffffff;
7670 } 7670 }
7671 @media (min-width: 768px) { 7671 @media (min-width: 768px) {
7672 .cabinet__menu-toper { 7672 .cabinet__menu-toper {
7673 padding: 0 20px; 7673 padding: 0 20px;
7674 } 7674 }
7675 } 7675 }
7676 @media (min-width: 992px) { 7676 @media (min-width: 992px) {
7677 .cabinet__menu-toper { 7677 .cabinet__menu-toper {
7678 display: none; 7678 display: none;
7679 } 7679 }
7680 } 7680 }
7681 .cabinet__menu-toper-text { 7681 .cabinet__menu-toper-text {
7682 width: calc(100% - 16px); 7682 width: calc(100% - 16px);
7683 display: -webkit-box; 7683 display: -webkit-box;
7684 display: -ms-flexbox; 7684 display: -ms-flexbox;
7685 display: flex; 7685 display: flex;
7686 -webkit-box-align: center; 7686 -webkit-box-align: center;
7687 -ms-flex-align: center; 7687 -ms-flex-align: center;
7688 align-items: center; 7688 align-items: center;
7689 } 7689 }
7690 @media (min-width: 768px) { 7690 @media (min-width: 768px) {
7691 .cabinet__menu-toper-text { 7691 .cabinet__menu-toper-text {
7692 width: calc(100% - 20px); 7692 width: calc(100% - 20px);
7693 } 7693 }
7694 } 7694 }
7695 .cabinet__menu-toper-text i { 7695 .cabinet__menu-toper-text i {
7696 width: 16px; 7696 width: 16px;
7697 height: 16px; 7697 height: 16px;
7698 display: -webkit-box; 7698 display: -webkit-box;
7699 display: -ms-flexbox; 7699 display: -ms-flexbox;
7700 display: flex; 7700 display: flex;
7701 -webkit-box-align: center; 7701 -webkit-box-align: center;
7702 -ms-flex-align: center; 7702 -ms-flex-align: center;
7703 align-items: center; 7703 align-items: center;
7704 -webkit-box-pack: center; 7704 -webkit-box-pack: center;
7705 -ms-flex-pack: center; 7705 -ms-flex-pack: center;
7706 justify-content: center; 7706 justify-content: center;
7707 } 7707 }
7708 @media (min-width: 768px) { 7708 @media (min-width: 768px) {
7709 .cabinet__menu-toper-text i { 7709 .cabinet__menu-toper-text i {
7710 width: 22px; 7710 width: 22px;
7711 height: 22px; 7711 height: 22px;
7712 } 7712 }
7713 } 7713 }
7714 .cabinet__menu-toper-text svg { 7714 .cabinet__menu-toper-text svg {
7715 width: 16px; 7715 width: 16px;
7716 height: 16px; 7716 height: 16px;
7717 } 7717 }
7718 @media (min-width: 768px) { 7718 @media (min-width: 768px) {
7719 .cabinet__menu-toper-text svg { 7719 .cabinet__menu-toper-text svg {
7720 width: 22px; 7720 width: 22px;
7721 height: 22px; 7721 height: 22px;
7722 } 7722 }
7723 } 7723 }
7724 .cabinet__menu-toper-text span { 7724 .cabinet__menu-toper-text span {
7725 display: -webkit-box; 7725 display: -webkit-box;
7726 display: -ms-flexbox; 7726 display: -ms-flexbox;
7727 display: flex; 7727 display: flex;
7728 -webkit-box-align: center; 7728 -webkit-box-align: center;
7729 -ms-flex-align: center; 7729 -ms-flex-align: center;
7730 align-items: center; 7730 align-items: center;
7731 padding: 0 10px; 7731 padding: 0 10px;
7732 min-height: 30px; 7732 min-height: 30px;
7733 font-size: 12px; 7733 font-size: 12px;
7734 width: calc(100% - 16px); 7734 width: calc(100% - 16px);
7735 } 7735 }
7736 @media (min-width: 768px) { 7736 @media (min-width: 768px) {
7737 .cabinet__menu-toper-text span { 7737 .cabinet__menu-toper-text span {
7738 width: calc(100% - 22px); 7738 width: calc(100% - 22px);
7739 font-size: 20px; 7739 font-size: 20px;
7740 min-height: 52px; 7740 min-height: 52px;
7741 padding: 0 16px; 7741 padding: 0 16px;
7742 } 7742 }
7743 } 7743 }
7744 .cabinet__menu-toper-arrow { 7744 .cabinet__menu-toper-arrow {
7745 width: 16px; 7745 width: 16px;
7746 height: 16px; 7746 height: 16px;
7747 display: -webkit-box; 7747 display: -webkit-box;
7748 display: -ms-flexbox; 7748 display: -ms-flexbox;
7749 display: flex; 7749 display: flex;
7750 -webkit-box-pack: center; 7750 -webkit-box-pack: center;
7751 -ms-flex-pack: center; 7751 -ms-flex-pack: center;
7752 justify-content: center; 7752 justify-content: center;
7753 -webkit-box-align: center; 7753 -webkit-box-align: center;
7754 -ms-flex-align: center; 7754 -ms-flex-align: center;
7755 align-items: center; 7755 align-items: center;
7756 -webkit-transition: 0.3s; 7756 -webkit-transition: 0.3s;
7757 transition: 0.3s; 7757 transition: 0.3s;
7758 } 7758 }
7759 @media (min-width: 768px) { 7759 @media (min-width: 768px) {
7760 .cabinet__menu-toper-arrow { 7760 .cabinet__menu-toper-arrow {
7761 width: 20px; 7761 width: 20px;
7762 height: 20px; 7762 height: 20px;
7763 } 7763 }
7764 } 7764 }
7765 .cabinet__menu-toper-arrow svg { 7765 .cabinet__menu-toper-arrow svg {
7766 width: 12px; 7766 width: 12px;
7767 height: 12px; 7767 height: 12px;
7768 -webkit-transform: rotate(90deg); 7768 -webkit-transform: rotate(90deg);
7769 -ms-transform: rotate(90deg); 7769 -ms-transform: rotate(90deg);
7770 transform: rotate(90deg); 7770 transform: rotate(90deg);
7771 } 7771 }
7772 @media (min-width: 768px) { 7772 @media (min-width: 768px) {
7773 .cabinet__menu-toper-arrow svg { 7773 .cabinet__menu-toper-arrow svg {
7774 width: 20px; 7774 width: 20px;
7775 height: 20px; 7775 height: 20px;
7776 } 7776 }
7777 } 7777 }
7778 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7778 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7779 -webkit-transform: rotate(180deg); 7779 -webkit-transform: rotate(180deg);
7780 -ms-transform: rotate(180deg); 7780 -ms-transform: rotate(180deg);
7781 transform: rotate(180deg); 7781 transform: rotate(180deg);
7782 } 7782 }
7783 .cabinet__menu-body { 7783 .cabinet__menu-body {
7784 opacity: 0; 7784 opacity: 0;
7785 height: 0; 7785 height: 0;
7786 overflow: hidden; 7786 overflow: hidden;
7787 display: -webkit-box; 7787 display: -webkit-box;
7788 display: -ms-flexbox; 7788 display: -ms-flexbox;
7789 display: flex; 7789 display: flex;
7790 -webkit-box-orient: vertical; 7790 -webkit-box-orient: vertical;
7791 -webkit-box-direction: normal; 7791 -webkit-box-direction: normal;
7792 -ms-flex-direction: column; 7792 -ms-flex-direction: column;
7793 flex-direction: column; 7793 flex-direction: column;
7794 } 7794 }
7795 @media (min-width: 992px) { 7795 @media (min-width: 992px) {
7796 .cabinet__menu-body { 7796 .cabinet__menu-body {
7797 opacity: 1; 7797 opacity: 1;
7798 height: auto; 7798 height: auto;
7799 } 7799 }
7800 } 7800 }
7801 .active + .cabinet__menu-body { 7801 .active + .cabinet__menu-body {
7802 opacity: 1; 7802 opacity: 1;
7803 height: auto; 7803 height: auto;
7804 -webkit-transition: 0.3s; 7804 -webkit-transition: 0.3s;
7805 transition: 0.3s; 7805 transition: 0.3s;
7806 } 7806 }
7807 .cabinet__menu-items { 7807 .cabinet__menu-items {
7808 display: -webkit-box; 7808 display: -webkit-box;
7809 display: -ms-flexbox; 7809 display: -ms-flexbox;
7810 display: flex; 7810 display: flex;
7811 -webkit-box-orient: vertical; 7811 -webkit-box-orient: vertical;
7812 -webkit-box-direction: normal; 7812 -webkit-box-direction: normal;
7813 -ms-flex-direction: column; 7813 -ms-flex-direction: column;
7814 flex-direction: column; 7814 flex-direction: column;
7815 } 7815 }
7816 .cabinet__menu-item { 7816 .cabinet__menu-item {
7817 padding: 8px 16px; 7817 padding: 8px 16px;
7818 border-radius: 8px; 7818 border-radius: 8px;
7819 display: -webkit-box; 7819 display: -webkit-box;
7820 display: -ms-flexbox; 7820 display: -ms-flexbox;
7821 display: flex; 7821 display: flex;
7822 -webkit-box-align: center; 7822 -webkit-box-align: center;
7823 -ms-flex-align: center; 7823 -ms-flex-align: center;
7824 align-items: center; 7824 align-items: center;
7825 } 7825 }
7826 @media (min-width: 768px) { 7826 @media (min-width: 768px) {
7827 .cabinet__menu-item { 7827 .cabinet__menu-item {
7828 padding: 14px 20px; 7828 padding: 14px 20px;
7829 } 7829 }
7830 } 7830 }
7831 .cabinet__menu-item:hover { 7831 .cabinet__menu-item:hover {
7832 color: #377d87; 7832 color: #377d87;
7833 } 7833 }
7834 @media (min-width: 992px) { 7834 @media (min-width: 992px) {
7835 .cabinet__menu-item.active { 7835 .cabinet__menu-item.active {
7836 background: #377d87; 7836 background: #377d87;
7837 color: #ffffff; 7837 color: #ffffff;
7838 } 7838 }
7839 } 7839 }
7840 @media (min-width: 992px) { 7840 @media (min-width: 992px) {
7841 .cabinet__menu-item.active svg { 7841 .cabinet__menu-item.active svg {
7842 color: #ffffff; 7842 color: #ffffff;
7843 } 7843 }
7844 } 7844 }
7845 @media (min-width: 992px) { 7845 @media (min-width: 992px) {
7846 .cabinet__menu-item.active.red { 7846 .cabinet__menu-item.active.red {
7847 background: #eb5757; 7847 background: #eb5757;
7848 } 7848 }
7849 } 7849 }
7850 .cabinet__menu-item i { 7850 .cabinet__menu-item i {
7851 width: 16px; 7851 width: 16px;
7852 height: 16px; 7852 height: 16px;
7853 color: #377d87; 7853 color: #377d87;
7854 } 7854 }
7855 @media (min-width: 768px) { 7855 @media (min-width: 768px) {
7856 .cabinet__menu-item i { 7856 .cabinet__menu-item i {
7857 width: 22px; 7857 width: 22px;
7858 height: 22px; 7858 height: 22px;
7859 } 7859 }
7860 } 7860 }
7861 .cabinet__menu-item svg { 7861 .cabinet__menu-item svg {
7862 width: 16px; 7862 width: 16px;
7863 height: 16px; 7863 height: 16px;
7864 } 7864 }
7865 @media (min-width: 768px) { 7865 @media (min-width: 768px) {
7866 .cabinet__menu-item svg { 7866 .cabinet__menu-item svg {
7867 width: 22px; 7867 width: 22px;
7868 height: 22px; 7868 height: 22px;
7869 } 7869 }
7870 } 7870 }
7871 .cabinet__menu-item span { 7871 .cabinet__menu-item span {
7872 width: calc(100% - 16px); 7872 width: calc(100% - 16px);
7873 font-size: 12px; 7873 font-size: 12px;
7874 padding-left: 10px; 7874 padding-left: 10px;
7875 } 7875 }
7876 @media (min-width: 768px) { 7876 @media (min-width: 768px) {
7877 .cabinet__menu-item span { 7877 .cabinet__menu-item span {
7878 font-size: 20px; 7878 font-size: 20px;
7879 width: calc(100% - 22px); 7879 width: calc(100% - 22px);
7880 padding-left: 16px; 7880 padding-left: 16px;
7881 } 7881 }
7882 } 7882 }
7883 .cabinet__menu-bottom { 7883 .cabinet__menu-bottom {
7884 display: -webkit-box; 7884 display: -webkit-box;
7885 display: -ms-flexbox; 7885 display: -ms-flexbox;
7886 display: flex; 7886 display: flex;
7887 -webkit-box-orient: vertical; 7887 -webkit-box-orient: vertical;
7888 -webkit-box-direction: normal; 7888 -webkit-box-direction: normal;
7889 -ms-flex-direction: column; 7889 -ms-flex-direction: column;
7890 flex-direction: column; 7890 flex-direction: column;
7891 gap: 10px; 7891 gap: 10px;
7892 margin-top: 10px; 7892 margin-top: 10px;
7893 } 7893 }
7894 @media (min-width: 768px) { 7894 @media (min-width: 768px) {
7895 .cabinet__menu-bottom { 7895 .cabinet__menu-bottom {
7896 gap: 20px; 7896 gap: 20px;
7897 margin-top: 20px; 7897 margin-top: 20px;
7898 } 7898 }
7899 } 7899 }
7900 .cabinet__menu-copy { 7900 .cabinet__menu-copy {
7901 color: #9c9d9d; 7901 color: #9c9d9d;
7902 text-align: center; 7902 text-align: center;
7903 font-size: 12px; 7903 font-size: 12px;
7904 } 7904 }
7905 @media (min-width: 768px) { 7905 @media (min-width: 768px) {
7906 .cabinet__menu-copy { 7906 .cabinet__menu-copy {
7907 font-size: 16px; 7907 font-size: 16px;
7908 } 7908 }
7909 } 7909 }
7910 .cabinet__body { 7910 .cabinet__body {
7911 margin: 0 -10px; 7911 margin: 0 -10px;
7912 margin-top: 50px; 7912 margin-top: 50px;
7913 background: #ffffff; 7913 background: #ffffff;
7914 padding: 20px 10px; 7914 padding: 20px 10px;
7915 display: -webkit-box; 7915 display: -webkit-box;
7916 display: -ms-flexbox; 7916 display: -ms-flexbox;
7917 display: flex; 7917 display: flex;
7918 -webkit-box-orient: vertical; 7918 -webkit-box-orient: vertical;
7919 -webkit-box-direction: normal; 7919 -webkit-box-direction: normal;
7920 -ms-flex-direction: column; 7920 -ms-flex-direction: column;
7921 flex-direction: column; 7921 flex-direction: column;
7922 gap: 30px; 7922 gap: 30px;
7923 color: #3a3b3c; 7923 color: #3a3b3c;
7924 } 7924 }
7925 @media (min-width: 768px) { 7925 @media (min-width: 768px) {
7926 .cabinet__body { 7926 .cabinet__body {
7927 padding: 30px 20px; 7927 padding: 30px 20px;
7928 margin: 0; 7928 margin: 0;
7929 border-radius: 8px; 7929 border-radius: 8px;
7930 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7930 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7931 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7931 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7932 } 7932 }
7933 } 7933 }
7934 @media (min-width: 992px) { 7934 @media (min-width: 992px) {
7935 .cabinet__body { 7935 .cabinet__body {
7936 width: calc(100% - 360px); 7936 width: calc(100% - 360px);
7937 } 7937 }
7938 } 7938 }
7939 @media (min-width: 1280px) { 7939 @media (min-width: 1280px) {
7940 .cabinet__body { 7940 .cabinet__body {
7941 width: calc(100% - 420px); 7941 width: calc(100% - 420px);
7942 } 7942 }
7943 } 7943 }
7944 .cabinet__body-item { 7944 .cabinet__body-item {
7945 display: -webkit-box; 7945 display: -webkit-box;
7946 display: -ms-flexbox; 7946 display: -ms-flexbox;
7947 display: flex; 7947 display: flex;
7948 -webkit-box-orient: vertical; 7948 -webkit-box-orient: vertical;
7949 -webkit-box-direction: normal; 7949 -webkit-box-direction: normal;
7950 -ms-flex-direction: column; 7950 -ms-flex-direction: column;
7951 flex-direction: column; 7951 flex-direction: column;
7952 gap: 20px; 7952 gap: 20px;
7953 } 7953 }
7954 .cabinet__title { 7954 .cabinet__title {
7955 font-size: 24px; 7955 font-size: 24px;
7956 } 7956 }
7957 @media (min-width: 768px) { 7957 @media (min-width: 768px) {
7958 .cabinet__title { 7958 .cabinet__title {
7959 font-size: 32px; 7959 font-size: 32px;
7960 } 7960 }
7961 } 7961 }
7962 @media (min-width: 992px) { 7962 @media (min-width: 992px) {
7963 .cabinet__title { 7963 .cabinet__title {
7964 font-size: 40px; 7964 font-size: 40px;
7965 } 7965 }
7966 } 7966 }
7967 @media (min-width: 1280px) { 7967 @media (min-width: 1280px) {
7968 .cabinet__title { 7968 .cabinet__title {
7969 font-size: 48px; 7969 font-size: 48px;
7970 } 7970 }
7971 } 7971 }
7972 .cabinet__subtitle { 7972 .cabinet__subtitle {
7973 font-size: 22px; 7973 font-size: 22px;
7974 margin: 0; 7974 margin: 0;
7975 font-weight: 700; 7975 font-weight: 700;
7976 color: #3a3b3c; 7976 color: #3a3b3c;
7977 } 7977 }
7978 @media (min-width: 768px) { 7978 @media (min-width: 768px) {
7979 .cabinet__subtitle { 7979 .cabinet__subtitle {
7980 font-size: 24px; 7980 font-size: 24px;
7981 } 7981 }
7982 } 7982 }
7983 .cabinet__h4 { 7983 .cabinet__h4 {
7984 font-size: 20px; 7984 font-size: 20px;
7985 margin: 0; 7985 margin: 0;
7986 font-weight: 700; 7986 font-weight: 700;
7987 color: #3a3b3c; 7987 color: #3a3b3c;
7988 } 7988 }
7989 @media (min-width: 768px) { 7989 @media (min-width: 768px) {
7990 .cabinet__h4 { 7990 .cabinet__h4 {
7991 font-size: 22px; 7991 font-size: 22px;
7992 } 7992 }
7993 } 7993 }
7994 .cabinet__text { 7994 .cabinet__text {
7995 margin: 0; 7995 margin: 0;
7996 font-size: 14px; 7996 font-size: 14px;
7997 } 7997 }
7998 @media (min-width: 768px) { 7998 @media (min-width: 768px) {
7999 .cabinet__text { 7999 .cabinet__text {
8000 font-size: 16px; 8000 font-size: 16px;
8001 } 8001 }
8002 } 8002 }
8003 .cabinet__text b { 8003 .cabinet__text b {
8004 color: #3a3b3c; 8004 color: #3a3b3c;
8005 font-size: 18px; 8005 font-size: 18px;
8006 } 8006 }
8007 @media (min-width: 768px) { 8007 @media (min-width: 768px) {
8008 .cabinet__text b { 8008 .cabinet__text b {
8009 font-size: 24px; 8009 font-size: 24px;
8010 } 8010 }
8011 } 8011 }
8012 .cabinet__descr { 8012 .cabinet__descr {
8013 display: -webkit-box; 8013 display: -webkit-box;
8014 display: -ms-flexbox; 8014 display: -ms-flexbox;
8015 display: flex; 8015 display: flex;
8016 -webkit-box-orient: vertical; 8016 -webkit-box-orient: vertical;
8017 -webkit-box-direction: normal; 8017 -webkit-box-direction: normal;
8018 -ms-flex-direction: column; 8018 -ms-flex-direction: column;
8019 flex-direction: column; 8019 flex-direction: column;
8020 gap: 6px; 8020 gap: 6px;
8021 } 8021 }
8022 @media (min-width: 768px) { 8022 @media (min-width: 768px) {
8023 .cabinet__descr { 8023 .cabinet__descr {
8024 gap: 12px; 8024 gap: 12px;
8025 } 8025 }
8026 } 8026 }
8027 .cabinet__avatar { 8027 .cabinet__avatar {
8028 display: -webkit-box; 8028 display: -webkit-box;
8029 display: -ms-flexbox; 8029 display: -ms-flexbox;
8030 display: flex; 8030 display: flex;
8031 -webkit-box-align: start; 8031 -webkit-box-align: start;
8032 -ms-flex-align: start; 8032 -ms-flex-align: start;
8033 align-items: flex-start; 8033 align-items: flex-start;
8034 } 8034 }
8035 @media (min-width: 768px) { 8035 @media (min-width: 768px) {
8036 .cabinet__avatar { 8036 .cabinet__avatar {
8037 -webkit-box-align: center; 8037 -webkit-box-align: center;
8038 -ms-flex-align: center; 8038 -ms-flex-align: center;
8039 align-items: center; 8039 align-items: center;
8040 } 8040 }
8041 } 8041 }
8042 .cabinet__avatar-pic { 8042 .cabinet__avatar-pic {
8043 width: 100px; 8043 width: 100px;
8044 aspect-ratio: 1/1; 8044 aspect-ratio: 1/1;
8045 position: relative; 8045 position: relative;
8046 display: -webkit-box; 8046 display: -webkit-box;
8047 display: -ms-flexbox; 8047 display: -ms-flexbox;
8048 display: flex; 8048 display: flex;
8049 -webkit-box-pack: center; 8049 -webkit-box-pack: center;
8050 -ms-flex-pack: center; 8050 -ms-flex-pack: center;
8051 justify-content: center; 8051 justify-content: center;
8052 -webkit-box-align: center; 8052 -webkit-box-align: center;
8053 -ms-flex-align: center; 8053 -ms-flex-align: center;
8054 align-items: center; 8054 align-items: center;
8055 overflow: hidden; 8055 overflow: hidden;
8056 border-radius: 8px; 8056 border-radius: 8px;
8057 color: #ffffff; 8057 color: #ffffff;
8058 background: #9c9d9d; 8058 background: #9c9d9d;
8059 } 8059 }
8060 .cabinet__avatar-pic svg { 8060 .cabinet__avatar-pic svg {
8061 width: 50%; 8061 width: 50%;
8062 aspect-ratio: 1/1; 8062 aspect-ratio: 1/1;
8063 z-index: 1; 8063 z-index: 1;
8064 position: relative; 8064 position: relative;
8065 } 8065 }
8066 .cabinet__avatar-form { 8066 .cabinet__avatar-form {
8067 width: calc(100% - 100px); 8067 width: calc(100% - 100px);
8068 padding-left: 15px; 8068 padding-left: 15px;
8069 display: -webkit-box; 8069 display: -webkit-box;
8070 display: -ms-flexbox; 8070 display: -ms-flexbox;
8071 display: flex; 8071 display: flex;
8072 -webkit-box-orient: vertical; 8072 -webkit-box-orient: vertical;
8073 -webkit-box-direction: normal; 8073 -webkit-box-direction: normal;
8074 -ms-flex-direction: column; 8074 -ms-flex-direction: column;
8075 flex-direction: column; 8075 flex-direction: column;
8076 gap: 6px; 8076 gap: 6px;
8077 } 8077 }
8078 @media (min-width: 768px) { 8078 @media (min-width: 768px) {
8079 .cabinet__avatar-form { 8079 .cabinet__avatar-form {
8080 -webkit-box-align: start; 8080 -webkit-box-align: start;
8081 -ms-flex-align: start; 8081 -ms-flex-align: start;
8082 align-items: flex-start; 8082 align-items: flex-start;
8083 padding-left: 30px; 8083 padding-left: 30px;
8084 gap: 12px; 8084 gap: 12px;
8085 } 8085 }
8086 } 8086 }
8087 @media (min-width: 768px) { 8087 @media (min-width: 768px) {
8088 .cabinet__avatar-form .file { 8088 .cabinet__avatar-form .file {
8089 min-width: 215px; 8089 min-width: 215px;
8090 } 8090 }
8091 } 8091 }
8092 .cabinet__inputs { 8092 .cabinet__inputs {
8093 display: -webkit-box; 8093 display: -webkit-box;
8094 display: -ms-flexbox; 8094 display: -ms-flexbox;
8095 display: flex; 8095 display: flex;
8096 -webkit-box-orient: vertical; 8096 -webkit-box-orient: vertical;
8097 -webkit-box-direction: normal; 8097 -webkit-box-direction: normal;
8098 -ms-flex-direction: column; 8098 -ms-flex-direction: column;
8099 flex-direction: column; 8099 flex-direction: column;
8100 gap: 20px; 8100 gap: 20px;
8101 } 8101 }
8102 @media (min-width: 1280px) { 8102 @media (min-width: 1280px) {
8103 .cabinet__inputs { 8103 .cabinet__inputs {
8104 -webkit-box-orient: horizontal; 8104 -webkit-box-orient: horizontal;
8105 -webkit-box-direction: normal; 8105 -webkit-box-direction: normal;
8106 -ms-flex-direction: row; 8106 -ms-flex-direction: row;
8107 flex-direction: row; 8107 flex-direction: row;
8108 -webkit-box-align: start; 8108 -webkit-box-align: start;
8109 -ms-flex-align: start; 8109 -ms-flex-align: start;
8110 align-items: flex-start; 8110 align-items: flex-start;
8111 -webkit-box-pack: justify; 8111 -webkit-box-pack: justify;
8112 -ms-flex-pack: justify; 8112 -ms-flex-pack: justify;
8113 justify-content: space-between; 8113 justify-content: space-between;
8114 -ms-flex-wrap: wrap; 8114 -ms-flex-wrap: wrap;
8115 flex-wrap: wrap; 8115 flex-wrap: wrap;
8116 } 8116 }
8117 } 8117 }
8118 @media (min-width: 1280px) { 8118 @media (min-width: 1280px) {
8119 .cabinet__inputs-item { 8119 .cabinet__inputs-item {
8120 width: calc(50% - 10px); 8120 width: calc(50% - 10px);
8121 } 8121 }
8122 } 8122 }
8123 @media (min-width: 1280px) { 8123 @media (min-width: 1280px) {
8124 .cabinet__inputs-item_fullwidth { 8124 .cabinet__inputs-item_fullwidth {
8125 width: 100%; 8125 width: 100%;
8126 } 8126 }
8127 } 8127 }
8128 @media (min-width: 1280px) { 8128 @media (min-width: 1280px) {
8129 .cabinet__inputs-item_min { 8129 .cabinet__inputs-item_min {
8130 width: calc(15% - 10px); 8130 width: calc(15% - 10px);
8131 } 8131 }
8132 } 8132 }
8133 @media (min-width: 1280px) { 8133 @media (min-width: 1280px) {
8134 .cabinet__inputs-item_max { 8134 .cabinet__inputs-item_max {
8135 width: calc(85% - 10px); 8135 width: calc(85% - 10px);
8136 } 8136 }
8137 } 8137 }
8138 @media (min-width: 768px) { 8138 @media (min-width: 768px) {
8139 .cabinet__inputs-item .button { 8139 .cabinet__inputs-item .button {
8140 width: 100%; 8140 width: 100%;
8141 max-width: 215px; 8141 max-width: 215px;
8142 padding: 0; 8142 padding: 0;
8143 } 8143 }
8144 } 8144 }
8145 .cabinet__inputs-item .buttons { 8145 .cabinet__inputs-item .buttons {
8146 display: grid; 8146 display: grid;
8147 grid-template-columns: 1fr 1fr; 8147 grid-template-columns: 1fr 1fr;
8148 gap: 10px; 8148 gap: 10px;
8149 } 8149 }
8150 @media (min-width: 768px) { 8150 @media (min-width: 768px) {
8151 .cabinet__inputs-item .buttons { 8151 .cabinet__inputs-item .buttons {
8152 gap: 20px; 8152 gap: 20px;
8153 max-width: 470px; 8153 max-width: 470px;
8154 } 8154 }
8155 } 8155 }
8156 @media (min-width: 992px) { 8156 @media (min-width: 992px) {
8157 .cabinet__inputs-item .buttons { 8157 .cabinet__inputs-item .buttons {
8158 max-width: none; 8158 max-width: none;
8159 } 8159 }
8160 } 8160 }
8161 @media (min-width: 1280px) { 8161 @media (min-width: 1280px) {
8162 .cabinet__inputs-item .buttons { 8162 .cabinet__inputs-item .buttons {
8163 max-width: 470px; 8163 max-width: 470px;
8164 } 8164 }
8165 } 8165 }
8166 .cabinet__inputs-item .buttons .button { 8166 .cabinet__inputs-item .buttons .button {
8167 max-width: none; 8167 max-width: none;
8168 } 8168 }
8169 .cabinet__inputs > .button { 8169 .cabinet__inputs > .button {
8170 padding: 0; 8170 padding: 0;
8171 width: 100%; 8171 width: 100%;
8172 max-width: 140px; 8172 max-width: 140px;
8173 } 8173 }
8174 @media (min-width: 768px) { 8174 @media (min-width: 768px) {
8175 .cabinet__inputs > .button { 8175 .cabinet__inputs > .button {
8176 max-width: 190px; 8176 max-width: 190px;
8177 } 8177 }
8178 } 8178 }
8179 .cabinet__add { 8179 .cabinet__add {
8180 display: -webkit-box; 8180 display: -webkit-box;
8181 display: -ms-flexbox; 8181 display: -ms-flexbox;
8182 display: flex; 8182 display: flex;
8183 -webkit-box-orient: vertical; 8183 -webkit-box-orient: vertical;
8184 -webkit-box-direction: normal; 8184 -webkit-box-direction: normal;
8185 -ms-flex-direction: column; 8185 -ms-flex-direction: column;
8186 flex-direction: column; 8186 flex-direction: column;
8187 gap: 10px; 8187 gap: 10px;
8188 } 8188 }
8189 @media (min-width: 768px) { 8189 @media (min-width: 768px) {
8190 .cabinet__add { 8190 .cabinet__add {
8191 gap: 0; 8191 gap: 0;
8192 -webkit-box-orient: horizontal; 8192 -webkit-box-orient: horizontal;
8193 -webkit-box-direction: normal; 8193 -webkit-box-direction: normal;
8194 -ms-flex-direction: row; 8194 -ms-flex-direction: row;
8195 flex-direction: row; 8195 flex-direction: row;
8196 -webkit-box-align: end; 8196 -webkit-box-align: end;
8197 -ms-flex-align: end; 8197 -ms-flex-align: end;
8198 align-items: flex-end; 8198 align-items: flex-end;
8199 } 8199 }
8200 } 8200 }
8201 .cabinet__add-pic { 8201 .cabinet__add-pic {
8202 border-radius: 4px; 8202 border-radius: 4px;
8203 position: relative; 8203 position: relative;
8204 overflow: hidden; 8204 overflow: hidden;
8205 background: #9c9d9d; 8205 background: #9c9d9d;
8206 color: #ffffff; 8206 color: #ffffff;
8207 width: 100px; 8207 width: 100px;
8208 aspect-ratio: 1/1; 8208 aspect-ratio: 1/1;
8209 -webkit-transition: 0.3s; 8209 -webkit-transition: 0.3s;
8210 transition: 0.3s; 8210 transition: 0.3s;
8211 } 8211 }
8212 @media (min-width: 768px) { 8212 @media (min-width: 768px) {
8213 .cabinet__add-pic { 8213 .cabinet__add-pic {
8214 width: 220px; 8214 width: 220px;
8215 border-radius: 8px; 8215 border-radius: 8px;
8216 } 8216 }
8217 } 8217 }
8218 .cabinet__add-pic:hover { 8218 .cabinet__add-pic:hover {
8219 background: #3a3b3c; 8219 background: #3a3b3c;
8220 } 8220 }
8221 .cabinet__add-pic input { 8221 .cabinet__add-pic input {
8222 display: none; 8222 display: none;
8223 } 8223 }
8224 .cabinet__add-pic > svg { 8224 .cabinet__add-pic > svg {
8225 width: 20px; 8225 width: 20px;
8226 position: absolute; 8226 position: absolute;
8227 top: 50%; 8227 top: 50%;
8228 left: 50%; 8228 left: 50%;
8229 -webkit-transform: translate(-50%, -50%); 8229 -webkit-transform: translate(-50%, -50%);
8230 -ms-transform: translate(-50%, -50%); 8230 -ms-transform: translate(-50%, -50%);
8231 transform: translate(-50%, -50%); 8231 transform: translate(-50%, -50%);
8232 z-index: 1; 8232 z-index: 1;
8233 } 8233 }
8234 @media (min-width: 768px) { 8234 @media (min-width: 768px) {
8235 .cabinet__add-pic > svg { 8235 .cabinet__add-pic > svg {
8236 width: 50px; 8236 width: 50px;
8237 } 8237 }
8238 } 8238 }
8239 .cabinet__add-pic span { 8239 .cabinet__add-pic span {
8240 display: -webkit-box; 8240 display: -webkit-box;
8241 display: -ms-flexbox; 8241 display: -ms-flexbox;
8242 display: flex; 8242 display: flex;
8243 -webkit-box-align: center; 8243 -webkit-box-align: center;
8244 -ms-flex-align: center; 8244 -ms-flex-align: center;
8245 align-items: center; 8245 align-items: center;
8246 -webkit-box-pack: center; 8246 -webkit-box-pack: center;
8247 -ms-flex-pack: center; 8247 -ms-flex-pack: center;
8248 justify-content: center; 8248 justify-content: center;
8249 width: 100%; 8249 width: 100%;
8250 gap: 4px; 8250 gap: 4px;
8251 font-weight: 700; 8251 font-weight: 700;
8252 font-size: 8px; 8252 font-size: 8px;
8253 line-height: 1; 8253 line-height: 1;
8254 position: absolute; 8254 position: absolute;
8255 top: 50%; 8255 top: 50%;
8256 left: 50%; 8256 left: 50%;
8257 -webkit-transform: translate(-50%, -50%); 8257 -webkit-transform: translate(-50%, -50%);
8258 -ms-transform: translate(-50%, -50%); 8258 -ms-transform: translate(-50%, -50%);
8259 transform: translate(-50%, -50%); 8259 transform: translate(-50%, -50%);
8260 margin-top: 25px; 8260 margin-top: 25px;
8261 } 8261 }
8262 @media (min-width: 768px) { 8262 @media (min-width: 768px) {
8263 .cabinet__add-pic span { 8263 .cabinet__add-pic span {
8264 font-size: 16px; 8264 font-size: 16px;
8265 margin-top: 60px; 8265 margin-top: 60px;
8266 } 8266 }
8267 } 8267 }
8268 .cabinet__add-pic span svg { 8268 .cabinet__add-pic span svg {
8269 width: 7px; 8269 width: 7px;
8270 aspect-ratio: 1/1; 8270 aspect-ratio: 1/1;
8271 } 8271 }
8272 @media (min-width: 768px) { 8272 @media (min-width: 768px) {
8273 .cabinet__add-pic span svg { 8273 .cabinet__add-pic span svg {
8274 width: 16px; 8274 width: 16px;
8275 } 8275 }
8276 } 8276 }
8277 .cabinet__add-body { 8277 .cabinet__add-body {
8278 display: -webkit-box; 8278 display: -webkit-box;
8279 display: -ms-flexbox; 8279 display: -ms-flexbox;
8280 display: flex; 8280 display: flex;
8281 -webkit-box-orient: vertical; 8281 -webkit-box-orient: vertical;
8282 -webkit-box-direction: normal; 8282 -webkit-box-direction: normal;
8283 -ms-flex-direction: column; 8283 -ms-flex-direction: column;
8284 flex-direction: column; 8284 flex-direction: column;
8285 gap: 10px; 8285 gap: 10px;
8286 } 8286 }
8287 @media (min-width: 768px) { 8287 @media (min-width: 768px) {
8288 .cabinet__add-body { 8288 .cabinet__add-body {
8289 gap: 20px; 8289 gap: 20px;
8290 width: calc(100% - 220px); 8290 width: calc(100% - 220px);
8291 padding-left: 20px; 8291 padding-left: 20px;
8292 } 8292 }
8293 } 8293 }
8294 @media (min-width: 768px) { 8294 @media (min-width: 768px) {
8295 .cabinet__add-body .button { 8295 .cabinet__add-body .button {
8296 width: 215px; 8296 width: 215px;
8297 padding: 0; 8297 padding: 0;
8298 } 8298 }
8299 } 8299 }
8300 .cabinet__fleet { 8300 .cabinet__fleet {
8301 display: -webkit-box; 8301 display: -webkit-box;
8302 display: -ms-flexbox; 8302 display: -ms-flexbox;
8303 display: flex; 8303 display: flex;
8304 -webkit-box-orient: vertical; 8304 -webkit-box-orient: vertical;
8305 -webkit-box-direction: normal; 8305 -webkit-box-direction: normal;
8306 -ms-flex-direction: column; 8306 -ms-flex-direction: column;
8307 flex-direction: column; 8307 flex-direction: column;
8308 gap: 20px; 8308 gap: 20px;
8309 } 8309 }
8310 @media (min-width: 768px) { 8310 @media (min-width: 768px) {
8311 .cabinet__fleet { 8311 .cabinet__fleet {
8312 display: grid; 8312 display: grid;
8313 grid-template-columns: repeat(2, 1fr); 8313 grid-template-columns: repeat(2, 1fr);
8314 } 8314 }
8315 } 8315 }
8316 @media (min-width: 1280px) { 8316 @media (min-width: 1280px) {
8317 .cabinet__fleet { 8317 .cabinet__fleet {
8318 grid-template-columns: repeat(3, 1fr); 8318 grid-template-columns: repeat(3, 1fr);
8319 } 8319 }
8320 } 8320 }
8321 @media (min-width: 768px) { 8321 @media (min-width: 768px) {
8322 .cabinet__submit { 8322 .cabinet__submit {
8323 width: 215px; 8323 width: 215px;
8324 padding: 0; 8324 padding: 0;
8325 margin: 0 auto; 8325 margin: 0 auto;
8326 } 8326 }
8327 } 8327 }
8328 .cabinet__filters { 8328 .cabinet__filters {
8329 display: -webkit-box; 8329 display: -webkit-box;
8330 display: -ms-flexbox; 8330 display: -ms-flexbox;
8331 display: flex; 8331 display: flex;
8332 -webkit-box-orient: vertical; 8332 -webkit-box-orient: vertical;
8333 -webkit-box-direction: normal; 8333 -webkit-box-direction: normal;
8334 -ms-flex-direction: column; 8334 -ms-flex-direction: column;
8335 flex-direction: column; 8335 flex-direction: column;
8336 gap: 10px; 8336 gap: 10px;
8337 } 8337 }
8338 @media (min-width: 768px) { 8338 @media (min-width: 768px) {
8339 .cabinet__filters { 8339 .cabinet__filters {
8340 gap: 20px; 8340 gap: 20px;
8341 } 8341 }
8342 } 8342 }
8343 @media (min-width: 1280px) { 8343 @media (min-width: 1280px) {
8344 .cabinet__filters { 8344 .cabinet__filters {
8345 -webkit-box-orient: horizontal; 8345 -webkit-box-orient: horizontal;
8346 -webkit-box-direction: normal; 8346 -webkit-box-direction: normal;
8347 -ms-flex-direction: row; 8347 -ms-flex-direction: row;
8348 flex-direction: row; 8348 flex-direction: row;
8349 -webkit-box-align: start; 8349 -webkit-box-align: start;
8350 -ms-flex-align: start; 8350 -ms-flex-align: start;
8351 align-items: flex-start; 8351 align-items: flex-start;
8352 -webkit-box-pack: justify; 8352 -webkit-box-pack: justify;
8353 -ms-flex-pack: justify; 8353 -ms-flex-pack: justify;
8354 justify-content: space-between; 8354 justify-content: space-between;
8355 } 8355 }
8356 } 8356 }
8357 .cabinet__filters-item { 8357 .cabinet__filters-item {
8358 display: -webkit-box; 8358 display: -webkit-box;
8359 display: -ms-flexbox; 8359 display: -ms-flexbox;
8360 display: flex; 8360 display: flex;
8361 -webkit-box-orient: vertical; 8361 -webkit-box-orient: vertical;
8362 -webkit-box-direction: normal; 8362 -webkit-box-direction: normal;
8363 -ms-flex-direction: column; 8363 -ms-flex-direction: column;
8364 flex-direction: column; 8364 flex-direction: column;
8365 -webkit-box-align: start; 8365 -webkit-box-align: start;
8366 -ms-flex-align: start; 8366 -ms-flex-align: start;
8367 align-items: flex-start; 8367 align-items: flex-start;
8368 gap: 10px; 8368 gap: 10px;
8369 } 8369 }
8370 @media (min-width: 768px) { 8370 @media (min-width: 768px) {
8371 .cabinet__filters-item { 8371 .cabinet__filters-item {
8372 gap: 20px; 8372 gap: 20px;
8373 } 8373 }
8374 } 8374 }
8375 @media (min-width: 1280px) { 8375 @media (min-width: 1280px) {
8376 .cabinet__filters-item { 8376 .cabinet__filters-item {
8377 width: calc(50% - 10px); 8377 width: calc(50% - 10px);
8378 max-width: 410px; 8378 max-width: 410px;
8379 } 8379 }
8380 } 8380 }
8381 .cabinet__filters-item .button, .cabinet__filters-item .select { 8381 .cabinet__filters-item .button, .cabinet__filters-item .select {
8382 width: 100%; 8382 width: 100%;
8383 } 8383 }
8384 @media (min-width: 1280px) { 8384 @media (min-width: 1280px) {
8385 .cabinet__filters-item .button, .cabinet__filters-item .select { 8385 .cabinet__filters-item .button, .cabinet__filters-item .select {
8386 width: auto; 8386 width: auto;
8387 } 8387 }
8388 } 8388 }
8389 .cabinet__filters-item + .cabinet__filters-item { 8389 .cabinet__filters-item + .cabinet__filters-item {
8390 -webkit-box-align: end; 8390 -webkit-box-align: end;
8391 -ms-flex-align: end; 8391 -ms-flex-align: end;
8392 align-items: flex-end; 8392 align-items: flex-end;
8393 } 8393 }
8394 @media (min-width: 1280px) { 8394 @media (min-width: 1280px) {
8395 .cabinet__filters-item + .cabinet__filters-item { 8395 .cabinet__filters-item + .cabinet__filters-item {
8396 max-width: 280px; 8396 max-width: 280px;
8397 } 8397 }
8398 } 8398 }
8399 .cabinet__filters .search input { 8399 .cabinet__filters .search input {
8400 padding-right: 135px; 8400 padding-right: 135px;
8401 } 8401 }
8402 .cabinet__filters .search button { 8402 .cabinet__filters .search button {
8403 width: 115px; 8403 width: 115px;
8404 } 8404 }
8405 .cabinet__filters-buttons { 8405 .cabinet__filters-buttons {
8406 display: grid; 8406 display: grid;
8407 grid-template-columns: 1fr 1fr; 8407 grid-template-columns: 1fr 1fr;
8408 gap: 10px; 8408 gap: 10px;
8409 width: 100%; 8409 width: 100%;
8410 } 8410 }
8411 @media (min-width: 768px) { 8411 @media (min-width: 768px) {
8412 .cabinet__filters-buttons { 8412 .cabinet__filters-buttons {
8413 gap: 20px; 8413 gap: 20px;
8414 } 8414 }
8415 } 8415 }
8416 .cabinet__filters-buttons .button { 8416 .cabinet__filters-buttons .button {
8417 padding: 0; 8417 padding: 0;
8418 gap: 5px; 8418 gap: 5px;
8419 } 8419 }
8420 .cabinet__filters-buttons .button.active { 8420 .cabinet__filters-buttons .button.active {
8421 background: #377d87; 8421 background: #377d87;
8422 color: #ffffff; 8422 color: #ffffff;
8423 } 8423 }
8424 .cabinet__filters-buttons .button.active:before { 8424 .cabinet__filters-buttons .button.active:before {
8425 content: ""; 8425 content: "";
8426 width: 6px; 8426 width: 6px;
8427 height: 6px; 8427 height: 6px;
8428 background: #ffffff; 8428 background: #ffffff;
8429 border-radius: 999px; 8429 border-radius: 999px;
8430 } 8430 }
8431 .cabinet__table-header { 8431 .cabinet__table-header {
8432 display: -webkit-box; 8432 display: -webkit-box;
8433 display: -ms-flexbox; 8433 display: -ms-flexbox;
8434 display: flex; 8434 display: flex;
8435 -webkit-box-pack: justify; 8435 -webkit-box-pack: justify;
8436 -ms-flex-pack: justify; 8436 -ms-flex-pack: justify;
8437 justify-content: space-between; 8437 justify-content: space-between;
8438 -webkit-box-align: center; 8438 -webkit-box-align: center;
8439 -ms-flex-align: center; 8439 -ms-flex-align: center;
8440 align-items: center; 8440 align-items: center;
8441 font-weight: 700; 8441 font-weight: 700;
8442 margin-bottom: -10px; 8442 margin-bottom: -10px;
8443 } 8443 }
8444 .cabinet__table-header div { 8444 .cabinet__table-header div {
8445 font-size: 18px; 8445 font-size: 18px;
8446 } 8446 }
8447 @media (min-width: 768px) { 8447 @media (min-width: 768px) {
8448 .cabinet__table-header div { 8448 .cabinet__table-header div {
8449 font-size: 24px; 8449 font-size: 24px;
8450 } 8450 }
8451 } 8451 }
8452 .cabinet__table-header span { 8452 .cabinet__table-header span {
8453 color: #3a3b3c; 8453 color: #3a3b3c;
8454 font-size: 14px; 8454 font-size: 14px;
8455 } 8455 }
8456 @media (min-width: 768px) { 8456 @media (min-width: 768px) {
8457 .cabinet__table-header span { 8457 .cabinet__table-header span {
8458 font-size: 18px; 8458 font-size: 18px;
8459 } 8459 }
8460 } 8460 }
8461 .cabinet__table-header span b { 8461 .cabinet__table-header span b {
8462 color: #377d87; 8462 color: #377d87;
8463 } 8463 }
8464 .cabinet__tabs { 8464 .cabinet__tabs {
8465 display: grid; 8465 display: grid;
8466 grid-template-columns: 1fr 1fr; 8466 grid-template-columns: 1fr 1fr;
8467 gap: 20px; 8467 gap: 20px;
8468 } 8468 }
8469 @media (min-width: 768px) { 8469 @media (min-width: 768px) {
8470 .cabinet__tabs { 8470 .cabinet__tabs {
8471 max-width: 420px; 8471 max-width: 420px;
8472 } 8472 }
8473 } 8473 }
8474 .cabinet__tabs .button.active { 8474 .cabinet__tabs .button.active {
8475 background: #377d87; 8475 background: #377d87;
8476 color: #ffffff; 8476 color: #ffffff;
8477 } 8477 }
8478 .cabinet__bodies { 8478 .cabinet__bodies {
8479 display: none; 8479 display: none;
8480 } 8480 }
8481 .cabinet__bodies.showed { 8481 .cabinet__bodies.showed {
8482 display: block; 8482 display: block;
8483 } 8483 }
8484 .cabinet__nots { 8484 .cabinet__nots {
8485 display: -webkit-box; 8485 display: -webkit-box;
8486 display: -ms-flexbox; 8486 display: -ms-flexbox;
8487 display: flex; 8487 display: flex;
8488 -webkit-box-orient: vertical; 8488 -webkit-box-orient: vertical;
8489 -webkit-box-direction: normal; 8489 -webkit-box-direction: normal;
8490 -ms-flex-direction: column; 8490 -ms-flex-direction: column;
8491 flex-direction: column; 8491 flex-direction: column;
8492 -webkit-box-align: start; 8492 -webkit-box-align: start;
8493 -ms-flex-align: start; 8493 -ms-flex-align: start;
8494 align-items: flex-start; 8494 align-items: flex-start;
8495 gap: 10px; 8495 gap: 10px;
8496 } 8496 }
8497 @media (min-width: 768px) { 8497 @media (min-width: 768px) {
8498 .cabinet__nots { 8498 .cabinet__nots {
8499 gap: 20px; 8499 gap: 20px;
8500 } 8500 }
8501 } 8501 }
8502 .cabinet__nots .input { 8502 .cabinet__nots .input {
8503 width: 100%; 8503 width: 100%;
8504 } 8504 }
8505 .cabinet__anketa { 8505 .cabinet__anketa {
8506 display: -webkit-box; 8506 display: -webkit-box;
8507 display: -ms-flexbox; 8507 display: -ms-flexbox;
8508 display: flex; 8508 display: flex;
8509 -webkit-box-orient: vertical; 8509 -webkit-box-orient: vertical;
8510 -webkit-box-direction: normal; 8510 -webkit-box-direction: normal;
8511 -ms-flex-direction: column; 8511 -ms-flex-direction: column;
8512 flex-direction: column; 8512 flex-direction: column;
8513 -webkit-box-pack: justify; 8513 -webkit-box-pack: justify;
8514 -ms-flex-pack: justify; 8514 -ms-flex-pack: justify;
8515 justify-content: space-between; 8515 justify-content: space-between;
8516 gap: 10px; 8516 gap: 10px;
8517 } 8517 }
8518 @media (min-width: 768px) { 8518 @media (min-width: 768px) {
8519 .cabinet__anketa { 8519 .cabinet__anketa {
8520 -webkit-box-orient: horizontal; 8520 -webkit-box-orient: horizontal;
8521 -webkit-box-direction: normal; 8521 -webkit-box-direction: normal;
8522 -ms-flex-direction: row; 8522 -ms-flex-direction: row;
8523 flex-direction: row; 8523 flex-direction: row;
8524 -webkit-box-align: center; 8524 -webkit-box-align: center;
8525 -ms-flex-align: center; 8525 -ms-flex-align: center;
8526 align-items: center; 8526 align-items: center;
8527 } 8527 }
8528 } 8528 }
8529 @media (min-width: 992px) { 8529 @media (min-width: 992px) {
8530 .cabinet__anketa { 8530 .cabinet__anketa {
8531 -webkit-box-orient: vertical; 8531 -webkit-box-orient: vertical;
8532 -webkit-box-direction: normal; 8532 -webkit-box-direction: normal;
8533 -ms-flex-direction: column; 8533 -ms-flex-direction: column;
8534 flex-direction: column; 8534 flex-direction: column;
8535 -webkit-box-align: stretch; 8535 -webkit-box-align: stretch;
8536 -ms-flex-align: stretch; 8536 -ms-flex-align: stretch;
8537 align-items: stretch; 8537 align-items: stretch;
8538 } 8538 }
8539 } 8539 }
8540 @media (min-width: 1280px) { 8540 @media (min-width: 1280px) {
8541 .cabinet__anketa { 8541 .cabinet__anketa {
8542 -webkit-box-orient: horizontal; 8542 -webkit-box-orient: horizontal;
8543 -webkit-box-direction: normal; 8543 -webkit-box-direction: normal;
8544 -ms-flex-direction: row; 8544 -ms-flex-direction: row;
8545 flex-direction: row; 8545 flex-direction: row;
8546 -webkit-box-align: center; 8546 -webkit-box-align: center;
8547 -ms-flex-align: center; 8547 -ms-flex-align: center;
8548 align-items: center; 8548 align-items: center;
8549 -webkit-box-pack: justify; 8549 -webkit-box-pack: justify;
8550 -ms-flex-pack: justify; 8550 -ms-flex-pack: justify;
8551 justify-content: space-between; 8551 justify-content: space-between;
8552 } 8552 }
8553 } 8553 }
8554 .cabinet__anketa-buttons { 8554 .cabinet__anketa-buttons {
8555 display: -webkit-box; 8555 display: -webkit-box;
8556 display: -ms-flexbox; 8556 display: -ms-flexbox;
8557 display: flex; 8557 display: flex;
8558 -webkit-box-orient: vertical; 8558 -webkit-box-orient: vertical;
8559 -webkit-box-direction: normal; 8559 -webkit-box-direction: normal;
8560 -ms-flex-direction: column; 8560 -ms-flex-direction: column;
8561 flex-direction: column; 8561 flex-direction: column;
8562 gap: 10px; 8562 gap: 10px;
8563 } 8563 }
8564 @media (min-width: 768px) { 8564 @media (min-width: 768px) {
8565 .cabinet__anketa-buttons { 8565 .cabinet__anketa-buttons {
8566 display: grid; 8566 display: grid;
8567 grid-template-columns: 1fr 1fr; 8567 grid-template-columns: 1fr 1fr;
8568 gap: 20px; 8568 gap: 20px;
8569 } 8569 }
8570 } 8570 }
8571 .cabinet__stats { 8571 .cabinet__stats {
8572 display: -webkit-box; 8572 display: -webkit-box;
8573 display: -ms-flexbox; 8573 display: -ms-flexbox;
8574 display: flex; 8574 display: flex;
8575 -webkit-box-orient: vertical; 8575 -webkit-box-orient: vertical;
8576 -webkit-box-direction: normal; 8576 -webkit-box-direction: normal;
8577 -ms-flex-direction: column; 8577 -ms-flex-direction: column;
8578 flex-direction: column; 8578 flex-direction: column;
8579 gap: 6px; 8579 gap: 6px;
8580 } 8580 }
8581 @media (min-width: 768px) { 8581 @media (min-width: 768px) {
8582 .cabinet__stats { 8582 .cabinet__stats {
8583 gap: 12px; 8583 gap: 12px;
8584 } 8584 }
8585 } 8585 }
8586 .cabinet__stats-title { 8586 .cabinet__stats-title {
8587 font-size: 14px; 8587 font-size: 14px;
8588 font-weight: 700; 8588 font-weight: 700;
8589 color: #3a3b3c; 8589 color: #3a3b3c;
8590 } 8590 }
8591 @media (min-width: 768px) { 8591 @media (min-width: 768px) {
8592 .cabinet__stats-title { 8592 .cabinet__stats-title {
8593 font-size: 24px; 8593 font-size: 24px;
8594 } 8594 }
8595 } 8595 }
8596 .cabinet__stats-body { 8596 .cabinet__stats-body {
8597 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8597 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8598 border-radius: 8px; 8598 border-radius: 8px;
8599 padding: 10px; 8599 padding: 10px;
8600 display: grid; 8600 display: grid;
8601 grid-template-columns: 1fr 1fr; 8601 grid-template-columns: 1fr 1fr;
8602 gap: 20px; 8602 gap: 20px;
8603 margin-bottom: 10px; 8603 margin-bottom: 10px;
8604 } 8604 }
8605 @media (min-width: 768px) { 8605 @media (min-width: 768px) {
8606 .cabinet__stats-body { 8606 .cabinet__stats-body {
8607 padding: 10px 20px; 8607 padding: 10px 20px;
8608 } 8608 }
8609 } 8609 }
8610 .cabinet__stats-item { 8610 .cabinet__stats-item {
8611 font-size: 12px; 8611 font-size: 12px;
8612 display: -webkit-box; 8612 display: -webkit-box;
8613 display: -ms-flexbox; 8613 display: -ms-flexbox;
8614 display: flex; 8614 display: flex;
8615 -webkit-box-align: center; 8615 -webkit-box-align: center;
8616 -ms-flex-align: center; 8616 -ms-flex-align: center;
8617 align-items: center; 8617 align-items: center;
8618 line-height: 1; 8618 line-height: 1;
8619 gap: 6px; 8619 gap: 6px;
8620 } 8620 }
8621 @media (min-width: 768px) { 8621 @media (min-width: 768px) {
8622 .cabinet__stats-item { 8622 .cabinet__stats-item {
8623 font-size: 20px; 8623 font-size: 20px;
8624 gap: 10px; 8624 gap: 10px;
8625 } 8625 }
8626 } 8626 }
8627 .cabinet__stats-item svg { 8627 .cabinet__stats-item svg {
8628 width: 20px; 8628 width: 20px;
8629 aspect-ratio: 1/1; 8629 aspect-ratio: 1/1;
8630 color: #377d87; 8630 color: #377d87;
8631 } 8631 }
8632 @media (min-width: 768px) { 8632 @media (min-width: 768px) {
8633 .cabinet__stats-item svg { 8633 .cabinet__stats-item svg {
8634 width: 40px; 8634 width: 40px;
8635 margin-right: 10px; 8635 margin-right: 10px;
8636 } 8636 }
8637 } 8637 }
8638 .cabinet__stats-item span { 8638 .cabinet__stats-item span {
8639 font-weight: 700; 8639 font-weight: 700;
8640 color: #3a3b3c; 8640 color: #3a3b3c;
8641 } 8641 }
8642 .cabinet__stats-item b { 8642 .cabinet__stats-item b {
8643 color: #377d87; 8643 color: #377d87;
8644 font-size: 14px; 8644 font-size: 14px;
8645 } 8645 }
8646 @media (min-width: 768px) { 8646 @media (min-width: 768px) {
8647 .cabinet__stats-item b { 8647 .cabinet__stats-item b {
8648 font-size: 24px; 8648 font-size: 24px;
8649 } 8649 }
8650 } 8650 }
8651 .cabinet__stats-subtitle { 8651 .cabinet__stats-subtitle {
8652 font-size: 14px; 8652 font-size: 14px;
8653 font-weight: 700; 8653 font-weight: 700;
8654 color: #377d87; 8654 color: #377d87;
8655 } 8655 }
8656 @media (min-width: 768px) { 8656 @media (min-width: 768px) {
8657 .cabinet__stats-subtitle { 8657 .cabinet__stats-subtitle {
8658 font-size: 18px; 8658 font-size: 18px;
8659 } 8659 }
8660 } 8660 }
8661 .cabinet__stats-line { 8661 .cabinet__stats-line {
8662 width: 100%; 8662 width: 100%;
8663 position: relative; 8663 position: relative;
8664 overflow: hidden; 8664 overflow: hidden;
8665 height: 8px; 8665 height: 8px;
8666 border-radius: 999px; 8666 border-radius: 999px;
8667 background: #CECECE; 8667 background: #CECECE;
8668 } 8668 }
8669 .cabinet__stats-line span { 8669 .cabinet__stats-line span {
8670 position: absolute; 8670 position: absolute;
8671 top: 0; 8671 top: 0;
8672 left: 0; 8672 left: 0;
8673 width: 100%; 8673 width: 100%;
8674 height: 100%; 8674 height: 100%;
8675 background: #377d87; 8675 background: #377d87;
8676 border-radius: 999px; 8676 border-radius: 999px;
8677 } 8677 }
8678 .cabinet__stats-bottom { 8678 .cabinet__stats-bottom {
8679 color: #3a3b3c; 8679 color: #3a3b3c;
8680 font-size: 12px; 8680 font-size: 12px;
8681 } 8681 }
8682 @media (min-width: 768px) { 8682 @media (min-width: 768px) {
8683 .cabinet__stats-bottom { 8683 .cabinet__stats-bottom {
8684 font-size: 16px; 8684 font-size: 16px;
8685 } 8685 }
8686 } 8686 }
8687 .cabinet__works { 8687 .cabinet__works {
8688 display: -webkit-box; 8688 display: -webkit-box;
8689 display: -ms-flexbox; 8689 display: -ms-flexbox;
8690 display: flex; 8690 display: flex;
8691 -webkit-box-orient: vertical; 8691 -webkit-box-orient: vertical;
8692 -webkit-box-direction: normal; 8692 -webkit-box-direction: normal;
8693 -ms-flex-direction: column; 8693 -ms-flex-direction: column;
8694 flex-direction: column; 8694 flex-direction: column;
8695 gap: 20px; 8695 gap: 20px;
8696 } 8696 }
8697 @media (min-width: 768px) { 8697 @media (min-width: 768px) {
8698 .cabinet__works { 8698 .cabinet__works {
8699 gap: 30px; 8699 gap: 30px;
8700 } 8700 }
8701 } 8701 }
8702 .cabinet__works-item { 8702 .cabinet__works-item {
8703 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8703 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8704 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8704 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8705 padding: 10px; 8705 padding: 10px;
8706 border-radius: 4px; 8706 border-radius: 4px;
8707 } 8707 }
8708 @media (min-width: 768px) { 8708 @media (min-width: 768px) {
8709 .cabinet__works-item { 8709 .cabinet__works-item {
8710 padding: 20px; 8710 padding: 20px;
8711 border-radius: 8px; 8711 border-radius: 8px;
8712 } 8712 }
8713 } 8713 }
8714 .cabinet__works-spoiler { 8714 .cabinet__works-spoiler {
8715 display: -webkit-box; 8715 display: -webkit-box;
8716 display: -ms-flexbox; 8716 display: -ms-flexbox;
8717 display: flex; 8717 display: flex;
8718 -webkit-box-align: center; 8718 -webkit-box-align: center;
8719 -ms-flex-align: center; 8719 -ms-flex-align: center;
8720 align-items: center; 8720 align-items: center;
8721 -webkit-box-pack: justify; 8721 -webkit-box-pack: justify;
8722 -ms-flex-pack: justify; 8722 -ms-flex-pack: justify;
8723 justify-content: space-between; 8723 justify-content: space-between;
8724 } 8724 }
8725 .cabinet__works-spoiler-left { 8725 .cabinet__works-spoiler-left {
8726 display: -webkit-box; 8726 display: -webkit-box;
8727 display: -ms-flexbox; 8727 display: -ms-flexbox;
8728 display: flex; 8728 display: flex;
8729 -webkit-box-align: center; 8729 -webkit-box-align: center;
8730 -ms-flex-align: center; 8730 -ms-flex-align: center;
8731 align-items: center; 8731 align-items: center;
8732 width: calc(100% - 22px); 8732 width: calc(100% - 22px);
8733 } 8733 }
8734 .cabinet__works-spoiler-right { 8734 .cabinet__works-spoiler-right {
8735 width: 22px; 8735 width: 22px;
8736 height: 22px; 8736 height: 22px;
8737 display: -webkit-box; 8737 display: -webkit-box;
8738 display: -ms-flexbox; 8738 display: -ms-flexbox;
8739 display: flex; 8739 display: flex;
8740 -webkit-box-align: center; 8740 -webkit-box-align: center;
8741 -ms-flex-align: center; 8741 -ms-flex-align: center;
8742 align-items: center; 8742 align-items: center;
8743 -webkit-box-pack: center; 8743 -webkit-box-pack: center;
8744 -ms-flex-pack: center; 8744 -ms-flex-pack: center;
8745 justify-content: center; 8745 justify-content: center;
8746 color: #377d87; 8746 color: #377d87;
8747 padding: 0; 8747 padding: 0;
8748 background: none; 8748 background: none;
8749 border: none; 8749 border: none;
8750 } 8750 }
8751 .cabinet__works-spoiler-right svg { 8751 .cabinet__works-spoiler-right svg {
8752 width: 60%; 8752 width: 60%;
8753 aspect-ratio: 1/1; 8753 aspect-ratio: 1/1;
8754 -webkit-transform: rotate(90deg); 8754 -webkit-transform: rotate(90deg);
8755 -ms-transform: rotate(90deg); 8755 -ms-transform: rotate(90deg);
8756 transform: rotate(90deg); 8756 transform: rotate(90deg);
8757 -webkit-transition: 0.3s; 8757 -webkit-transition: 0.3s;
8758 transition: 0.3s; 8758 transition: 0.3s;
8759 } 8759 }
8760 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 8760 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
8761 -webkit-transform: rotate(-90deg); 8761 -webkit-transform: rotate(-90deg);
8762 -ms-transform: rotate(-90deg); 8762 -ms-transform: rotate(-90deg);
8763 transform: rotate(-90deg); 8763 transform: rotate(-90deg);
8764 } 8764 }
8765 .cabinet__works-spoiler-buttons { 8765 .cabinet__works-spoiler-buttons {
8766 display: -webkit-box; 8766 display: -webkit-box;
8767 display: -ms-flexbox; 8767 display: -ms-flexbox;
8768 display: flex; 8768 display: flex;
8769 -webkit-box-align: center; 8769 -webkit-box-align: center;
8770 -ms-flex-align: center; 8770 -ms-flex-align: center;
8771 align-items: center; 8771 align-items: center;
8772 -webkit-box-pack: justify; 8772 -webkit-box-pack: justify;
8773 -ms-flex-pack: justify; 8773 -ms-flex-pack: justify;
8774 justify-content: space-between; 8774 justify-content: space-between;
8775 width: 60px; 8775 width: 60px;
8776 } 8776 }
8777 @media (min-width: 768px) { 8777 @media (min-width: 768px) {
8778 .cabinet__works-spoiler-buttons { 8778 .cabinet__works-spoiler-buttons {
8779 width: 74px; 8779 width: 74px;
8780 } 8780 }
8781 } 8781 }
8782 .cabinet__works-spoiler-buttons .button { 8782 .cabinet__works-spoiler-buttons .button {
8783 width: 22px; 8783 width: 22px;
8784 height: 22px; 8784 height: 22px;
8785 padding: 0; 8785 padding: 0;
8786 } 8786 }
8787 @media (min-width: 768px) { 8787 @media (min-width: 768px) {
8788 .cabinet__works-spoiler-buttons .button { 8788 .cabinet__works-spoiler-buttons .button {
8789 width: 30px; 8789 width: 30px;
8790 height: 30px; 8790 height: 30px;
8791 } 8791 }
8792 } 8792 }
8793 .cabinet__works-spoiler-text { 8793 .cabinet__works-spoiler-text {
8794 width: calc(100% - 60px); 8794 width: calc(100% - 60px);
8795 padding-left: 20px; 8795 padding-left: 20px;
8796 font-size: 17px; 8796 font-size: 17px;
8797 font-weight: 700; 8797 font-weight: 700;
8798 color: #3a3b3c; 8798 color: #3a3b3c;
8799 } 8799 }
8800 @media (min-width: 768px) { 8800 @media (min-width: 768px) {
8801 .cabinet__works-spoiler-text { 8801 .cabinet__works-spoiler-text {
8802 width: calc(100% - 74px); 8802 width: calc(100% - 74px);
8803 font-size: 20px; 8803 font-size: 20px;
8804 } 8804 }
8805 } 8805 }
8806 .cabinet__works-body { 8806 .cabinet__works-body {
8807 opacity: 0; 8807 opacity: 0;
8808 height: 0; 8808 height: 0;
8809 overflow: hidden; 8809 overflow: hidden;
8810 } 8810 }
8811 .active + .cabinet__works-body { 8811 .active + .cabinet__works-body {
8812 -webkit-transition: 0.3s; 8812 -webkit-transition: 0.3s;
8813 transition: 0.3s; 8813 transition: 0.3s;
8814 opacity: 1; 8814 opacity: 1;
8815 height: auto; 8815 height: auto;
8816 padding-top: 20px; 8816 padding-top: 20px;
8817 } 8817 }
8818 .cabinet__works-add { 8818 .cabinet__works-add {
8819 padding: 0; 8819 padding: 0;
8820 width: 100%; 8820 width: 100%;
8821 max-width: 160px; 8821 max-width: 160px;
8822 } 8822 }
8823 @media (min-width: 768px) { 8823 @media (min-width: 768px) {
8824 .cabinet__works-add { 8824 .cabinet__works-add {
8825 max-width: 220px; 8825 max-width: 220px;
8826 } 8826 }
8827 } 8827 }
8828 .cabinet__buttons { 8828 .cabinet__buttons {
8829 display: -webkit-box; 8829 display: -webkit-box;
8830 display: -ms-flexbox; 8830 display: -ms-flexbox;
8831 display: flex; 8831 display: flex;
8832 -webkit-box-orient: vertical; 8832 -webkit-box-orient: vertical;
8833 -webkit-box-direction: normal; 8833 -webkit-box-direction: normal;
8834 -ms-flex-direction: column; 8834 -ms-flex-direction: column;
8835 flex-direction: column; 8835 flex-direction: column;
8836 -webkit-box-align: center; 8836 -webkit-box-align: center;
8837 -ms-flex-align: center; 8837 -ms-flex-align: center;
8838 align-items: center; 8838 align-items: center;
8839 gap: 10px; 8839 gap: 10px;
8840 } 8840 }
8841 @media (min-width: 768px) { 8841 @media (min-width: 768px) {
8842 .cabinet__buttons { 8842 .cabinet__buttons {
8843 display: grid; 8843 display: grid;
8844 grid-template-columns: 1fr 1fr; 8844 grid-template-columns: 1fr 1fr;
8845 gap: 20px; 8845 gap: 20px;
8846 } 8846 }
8847 } 8847 }
8848 .cabinet__buttons .button, .cabinet__buttons .file { 8848 .cabinet__buttons .button, .cabinet__buttons .file {
8849 padding: 0; 8849 padding: 0;
8850 width: 100%; 8850 width: 100%;
8851 max-width: 140px; 8851 max-width: 140px;
8852 } 8852 }
8853 @media (min-width: 768px) { 8853 @media (min-width: 768px) {
8854 .cabinet__buttons .button, .cabinet__buttons .file { 8854 .cabinet__buttons .button, .cabinet__buttons .file {
8855 max-width: none; 8855 max-width: none;
8856 } 8856 }
8857 } 8857 }
8858 @media (min-width: 768px) { 8858 @media (min-width: 768px) {
8859 .cabinet__buttons { 8859 .cabinet__buttons {
8860 gap: 20px; 8860 gap: 20px;
8861 } 8861 }
8862 } 8862 }
8863 @media (min-width: 1280px) { 8863 @media (min-width: 1280px) {
8864 .cabinet__buttons { 8864 .cabinet__buttons {
8865 max-width: 400px; 8865 max-width: 400px;
8866 } 8866 }
8867 } 8867 }
8868 .cabinet__vacs { 8868 .cabinet__vacs {
8869 display: -webkit-box; 8869 display: -webkit-box;
8870 display: -ms-flexbox; 8870 display: -ms-flexbox;
8871 display: flex; 8871 display: flex;
8872 -webkit-box-orient: vertical; 8872 -webkit-box-orient: vertical;
8873 -webkit-box-direction: reverse; 8873 -webkit-box-direction: reverse;
8874 -ms-flex-direction: column-reverse; 8874 -ms-flex-direction: column-reverse;
8875 flex-direction: column-reverse; 8875 flex-direction: column-reverse;
8876 -webkit-box-align: center; 8876 -webkit-box-align: center;
8877 -ms-flex-align: center; 8877 -ms-flex-align: center;
8878 align-items: center; 8878 align-items: center;
8879 gap: 20px; 8879 gap: 20px;
8880 } 8880 }
8881 .cabinet__vacs-body { 8881 .cabinet__vacs-body {
8882 display: -webkit-box; 8882 display: -webkit-box;
8883 display: -ms-flexbox; 8883 display: -ms-flexbox;
8884 display: flex; 8884 display: flex;
8885 -webkit-box-orient: vertical; 8885 -webkit-box-orient: vertical;
8886 -webkit-box-direction: normal; 8886 -webkit-box-direction: normal;
8887 -ms-flex-direction: column; 8887 -ms-flex-direction: column;
8888 flex-direction: column; 8888 flex-direction: column;
8889 gap: 20px; 8889 gap: 20px;
8890 width: 100%; 8890 width: 100%;
8891 } 8891 }
8892 @media (min-width: 768px) { 8892 @media (min-width: 768px) {
8893 .cabinet__vacs-body { 8893 .cabinet__vacs-body {
8894 gap: 30px; 8894 gap: 30px;
8895 } 8895 }
8896 } 8896 }
8897 .cabinet__vacs-item { 8897 .cabinet__vacs-item {
8898 display: none; 8898 display: none;
8899 background: #ffffff; 8899 background: #ffffff;
8900 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8900 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8901 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8901 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8902 } 8902 }
8903 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 8903 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
8904 display: -webkit-box; 8904 display: -webkit-box;
8905 display: -ms-flexbox; 8905 display: -ms-flexbox;
8906 display: flex; 8906 display: flex;
8907 } 8907 }
8908 .cabinet__vacs.active .cabinet__vacs-item { 8908 .cabinet__vacs.active .cabinet__vacs-item {
8909 display: -webkit-box; 8909 display: -webkit-box;
8910 display: -ms-flexbox; 8910 display: -ms-flexbox;
8911 display: flex; 8911 display: flex;
8912 }
8912 }
8913
8914 .select2-selection--multiple .select2-selection__rendered {
8915 display: -webkit-box !important;
8916 display: -ms-flexbox !important;
8917 display: flex !important;
8918 -webkit-box-align: center;
8919 -ms-flex-align: center;
8920 align-items: center;
8921 -ms-flex-wrap: wrap;
8922 flex-wrap: wrap;
8923 gap: 10px;
8924 padding-top: 10px !important;
8925 padding-bottom: 10px !important;
8926 }
8927
8928 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
8929 margin: 0;
8930 }
resources/views/admin/job_titles/form.blade.php
Diff comments   View file @ c36ca6c
1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"> 1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
2 <label class="block text-sm"> 2 <label class="block text-sm">
3 <span class="text-gray-700 dark:text-gray-400">Название должности</span> 3 <span class="text-gray-700 dark:text-gray-400">Название должности</span>
4 <input name="name" id="name" 4 <input name="name" id="name"
5 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 5 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
6 placeholder="Название должности" value="{{ old('name') ?? $job_title->name ?? '' }}" 6 placeholder="Название должности" value="{{ old('name') ?? $job_title->name ?? '' }}"
7 /> 7 />
8 @error('name') 8 @error('name')
9 <span class="text-xs text-red-600 dark:text-red-400"> 9 <span class="text-xs text-red-600 dark:text-red-400">
10 {{ $message }} 10 {{ $message }}
11 </span> 11 </span>
12 @enderror 12 @enderror
13 </label><br> 13 </label><br>
14 14
15 <label class="block text-sm"> 15 <label class="block text-sm">
16 <span class="text-gray-700 dark:text-gray-400">Родитель</span> 16 <span class="text-gray-700 dark:text-gray-400">Родитель</span>
17 17
18 @php 18 @php
19 $parent_id = old('parent_id') ?? $job_title->parent_id ?? 0; 19 $parent_id = old('parent_id') ?? $job_title->parent_id ?? 0;
20 @endphp 20 @endphp
21 <select name="parent_id" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" 21 <select name="parent_id" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
22 title="Родитель"> 22 title="Родитель">
23 <option value="0">Без родителя</option> 23 <option value="0">Без родителя</option>
24 @include('admin.job_titles.parent_id', ['level' => -1, 'parent' => 0]) 24 @include('admin.job_titles.parent_id', ['level' => -1, 'parent' => 0])
25 </select> 25 </select>
26 </label><br> 26 </label><br>
27 27
28 <label class="block text-sm">
29 <span class="text-gray-700 dark:text-gray-400">Сортировка</span>
30 @php
31 $sort_num = 100;
32 @endphp
33 <select name="sort" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
34 title="Сортировка">
35 @for($i = 1; $i <= 10; $i++)
36 <option value="{{ $sort_num }}" @if (isset($job_title)) @if ($sort_num == $job_title->sort) selected @else @endif @endif>{{ $sort_num }}</option>
37 @php $sort_num = $sort_num + 10; @endphp
38 @endfor
39 </select>
40 </label><br>
41
28 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4"> 42 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
29 <div> 43 <div>
30 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> 44 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
31 Сохранить 45 Сохранить
32 </button> 46 </button>
33 47
34 <a href="{{ route('admin.job-titles.index') }}" 48 <a href="{{ route('admin.job-titles.index') }}"
35 class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" 49 class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
36 style="display: -webkit-inline-box; height: 30px!important;" 50 style="display: -webkit-inline-box; height: 30px!important;"
37 >Назад</a> 51 >Назад</a>
38 </div> 52 </div>
39 </div> 53 </div>
40 </div> 54 </div>
41 55
resources/views/admin/positions/add.blade.php
Diff comments   View file @ c36ca6c
File was created 1 @extends('layout.admin', ['title' => 'Админка - Добавление позиции'])
2
3 @section('content')
4 <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
5 Добавление новой позиции
6 </h4>
7 <form method="POST" action="{{ route('admin.add-save-position') }}">
8 @csrf
9 @include('admin.positions.form')
10 </form>
11 @endsection
12
resources/views/admin/positions/edit.blade.php
Diff comments   View file @ c36ca6c
File was created 1 @extends('layout.admin', ['title' => 'Админка - Редактирование позиции'])
2
3 @section('content')
4 <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
5 Редактирование должности
6 </h4>
7 <form method="POST" action="{{ route('admin.update-position', ['position' => $position->id]) }}">
8 @csrf
9 @include('admin.positions.form')
10 </form>
11 @endsection
12
resources/views/admin/positions/form.blade.php
Diff comments   View file @ c36ca6c
File was created 1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
2 <label class="block text-sm">
3 <span class="text-gray-700 dark:text-gray-400">Название позиции</span>
4 <input name="name" id="name"
5 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
6 placeholder="Название позиции" value="{{ old('name') ?? $position->name ?? '' }}"
7 />
8 @error('name')
9 <span class="text-xs text-red-600 dark:text-red-400">
10 {{ $message }}
11 </span>
12 @enderror
13 </label><br>
14
15 <label class="block text-sm">
16 <span class="text-gray-700 dark:text-gray-400">Сортировка</span>
17 @php
18 $sort_num = 100;
19 @endphp
20 <select name="sort" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
21 title="Сортировка">
22 @for($i = 1; $i <= 10; $i++)
23 <option value="{{ $sort_num }}" @if (isset($position)) @if ($sort_num == $position->sort) selected @else @endif @endif>{{ $sort_num }}</option>
24 @php $sort_num = $sort_num + 10; @endphp
25 @endfor
26 </select>
27 </label><br>
28
29 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
30 <div>
31 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
32 Сохранить
33 </button>
34
35 <a href="{{ route('admin.position') }}"
36 class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
37 style="display: -webkit-inline-box; height: 30px!important;"
38 >Назад</a>
39 </div>
40 </div>
41 </div>
42
resources/views/admin/positions/position.blade.php
Diff comments   View file @ c36ca6c
File was created 1 @extends('layout.admin', ['title' => 'Админка - Работники'])
2 @section('script')
3 <script>
4 $(document).ready(function() {
5 $(document).on('click', '.checkban', function () {
6 var this_ = $(this);
7 var value = this_.val();
8 var ajax_block = $('#ajax_block');
9 var bool = 0;
10
11 if(this.checked){
12 bool = 1;
13 } else {
14 bool = 0;
15 }
16
17 $.ajax({
18 type: "GET",
19 url: "{{ url()->full()}}",
20 data: "id=" + value + "&is_ban=" + bool,
21 success: function (data) {
22 console.log('Обновление таблицы работников ');
23 //data = JSON.parse(data);
24 console.log(data);
25 ajax_block.html(data);
26 },
27 headers: {
28 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
29 },
30 error: function (data) {
31 console.log('Error: ' + data);
32 }
33 });
34 });
35 });
36 </script>
37 @endsection
38
39 @section('search')
40 @endsection
41
42 @section('content')
43
44 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
45 <div class="w-full overflow-x-auto">
46 <a class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" href="{{ route('admin.add-position') }}">Создать позицию</a><br><br>
47 <table class="w-full whitespace-no-wrap">
48 <thead>
49 <tr
50 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
51 >
52 <th class="px-4 py-3">№</th>
53 <th class="px-4 py-3">Позиция</th>
54 <th class="px-4 py-3">Дата создания</th>
55 <th class="px-4 py-3">Изменить</th>
56 </tr>
57 </thead>
58 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
59 @foreach($Positions as $Pos)
60 <tr class="text-gray-700 dark:text-gray-400">
61 <td class="px-4 py-3 text-xs">
62 {{$Pos->id}}
63 </td>
64 <td class="px-4 py-3 text-xs">
65 {{ $Pos->name }}
66 </td>
67 <td class="px-4 py-3 text-xs">
68 {{ date('d.m.Y h:i:s', strtotime($Pos->created_at)) }}
69 </td>
70 <td class="px-4 py-3 text-xs">
71 <a href="{{ route('admin.edit-position', ['position' => $Pos->id]) }}">Изменить</a> |
72 <a href="{{ route('admin.delete-position', ['position' => $Pos->id]) }}">Удалить</a>
73 </td>
74 </tr>
75 @endforeach
76 </tbody>
77 </table>
78 </div>
79 </div>
80 @endsection
81
resources/views/ajax/new_sky.blade.php
Diff comments   View file @ c36ca6c
1 <div class="vacancies__list-col"> 1 @foreach ($BigFlot as $key => $flot)
2 @include('block_real', ['flot' => $flot_paluba, 'title' => 'Палуба']) 2 <div class="vacancies__list-col">
3 </div> 3 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]])
4 <div class="vacancies__list-col"> 4 </div>
5 @include('block_real', ['flot' => $flot_MO, 'title' => 'МО']) 5 @endforeach
6 </div>
7 <div class="vacancies__list-col">
8 @include('block_real', ['flot' => $flot_radovie, 'title' => 'Рядовые'])
9 </div>
10 <div class="vacancies__list-col">
11 @include('block_real', ['flot' => $flot_prochee, 'title' => 'Прочее'])
12 </div>
13 6
resources/views/block_real.blade.php
Diff comments   View file @ c36ca6c
1 @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF'); 1 @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF');
2 $i = 0; 2 $i = 0;
3 $k = 0; 3 $k = 0;
4 @endphp 4 @endphp
5 @if ($flot->count()) 5 @if ($flot->count())
6 @foreach ($flot as $key => $cat) 6 @foreach ($flot as $key => $cat)
7 @if ($k == 0) 7 @if ($k == 0)
8 <div class="vacancies__list-label">{{ $title }}</div> 8 <div class="vacancies__list-label">{{ $cat->position_ship }}</div>
9 @endif 9 @endif
10 <a href="{{ route('list-vacancies', ['job' => $cat->id_title]) }}" class="vacancies__item"> 10 <a href="{{ route('list-vacancies', ['job' => $cat->id_title]) }}" class="vacancies__item">
11 <span style="border-color:{{$colors[$i]}}"> 11 <span style="border-color:{{$colors[$i]}}">
12 <b>{{ $cat->name }}</b> 12 <b>{{ $cat->name }}</b>
13 <i>Вакансий: <span>{{ $cat->cnt }}</span></i> 13 <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
14 </span> 14 </span>
15 </a> 15 </a>
16 16
17 @php 17 @php
18 $i++; 18 $i++;
19 $k++; 19 $k++;
20 if ($i > 4) {$i = 0;} 20 if ($i > 4) {$i = 0;}
21 @endphp 21 @endphp
22 @endforeach 22 @endforeach
23 @else 23 @else
24 <div class="vacancies__list-label">{{ $title }}</div> 24 <div class="vacancies__list-label">{{ $position->name }}</div>
25 <a class="vacancies__item"> 25 <a class="vacancies__item">
26 <span style="border-color:{{$colors[1]}}"> 26 <span style="border-color:{{$colors[1]}}">
27 <b>Тут нет информации</b> 27 <b>Тут нет информации</b>
28 </span> 28 </span>
29 </a> 29 </a>
30 @endif 30 @endif
31 31
resources/views/index.blade.php
Diff comments   View file @ c36ca6c
1 @extends('layout.frontend', ['title' => 'Главная страница РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Главная страница РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 4
5 @endsection 5 @endsection
6 6
7 @section('content') 7 @section('content')
8 <section class="work"> 8 <section class="work">
9 <div class="container"> 9 <div class="container">
10 <img src="{{ asset('images/1.png') }}" alt="" class="work__pic"> 10 <img src="{{ asset('images/1.png') }}" alt="" class="work__pic">
11 <div class="work__body"> 11 <div class="work__body">
12 <div class="work__title"> 12 <div class="work__title">
13 <h4>Работа в море / 13 <h4>Работа в море /
14 <span class="br">Работа на реке</span></h4> 14 <span class="br">Работа на реке</span></h4>
15 </div> 15 </div>
16 <div class="work__text">Профессиональная сеть морского сообщества «RekaMore.su» приветствует вас — 16 <div class="work__text">Профессиональная сеть морского сообщества «RekaMore.su» приветствует вас —
17 тех, кто не представляет себе жизнь без моря, тех, кто готов связать свою жизнь с работой в 17 тех, кто не представляет себе жизнь без моря, тех, кто готов связать свою жизнь с работой в
18 сложных, но очень интересных условиях. </div> 18 сложных, но очень интересных условиях. </div>
19 <div class="work__list"> 19 <div class="work__list">
20 <div>Тысячи соискателей увидят Ваше объявление</div> 20 <div>Тысячи соискателей увидят Ваше объявление</div>
21 <div>Десятки компаний выкладывают объявления каждый день</div> 21 <div>Десятки компаний выкладывают объявления каждый день</div>
22 </div> 22 </div>
23 <form class="search work__form" action="{{ route('search_vacancies') }}" method="GET"> 23 <form class="search work__form" action="{{ route('search_vacancies') }}" method="GET">
24 <input type="search" id="search" name="search" class="input" placeholder="Желаемая должность" required> 24 <input type="search" id="search" name="search" class="input" placeholder="Желаемая должность" required>
25 <button type="submit" class="button button_light">Посмотреть вакансии</button> 25 <button type="submit" class="button button_light">Посмотреть вакансии</button>
26 <span> 26 <span>
27 <svg> 27 <svg>
28 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 28 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
29 </svg> 29 </svg>
30 </span> 30 </span>
31 </form> 31 </form>
32 @guest 32 @guest
33 <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a> 33 <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a>
34 @else 34 @else
35 <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a> 35 <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a>
36 @endguest 36 @endguest
37 <div class="work__get"> 37 <div class="work__get">
38 <b>Скачать приложение</b> 38 <b>Скачать приложение</b>
39 <a href=""> 39 <a href="">
40 <img src="{{ asset('images/google.svg') }}" alt=""> 40 <img src="{{ asset('images/google.svg') }}" alt="">
41 </a> 41 </a>
42 <a href=""> 42 <a href="">
43 <img src="{{ asset('images/apple.svg') }}" alt=""> 43 <img src="{{ asset('images/apple.svg') }}" alt="">
44 </a> 44 </a>
45 </div> 45 </div>
46 </div> 46 </div>
47 </div> 47 </div>
48 </section> 48 </section>
49 <section class="numbers"> 49 <section class="numbers">
50 <div class="container"> 50 <div class="container">
51 <div class="numbers__body"> 51 <div class="numbers__body">
52 <div class="numbers__item"> 52 <div class="numbers__item">
53 <b>500+</b> 53 <b>500+</b>
54 <span>Резюме</span> 54 <span>Резюме</span>
55 Банальные, но неопровержимые выводы, а также элементы политического процесса лишь добавляют 55 Банальные, но неопровержимые выводы, а также элементы политического процесса лишь добавляют
56 фракционных разногласий и призваны к ответу. 56 фракционных разногласий и призваны к ответу.
57 </div> 57 </div>
58 <div class="numbers__item"> 58 <div class="numbers__item">
59 <b>1 000+</b> 59 <b>1 000+</b>
60 <span>Вакансий</span> 60 <span>Вакансий</span>
61 В рамках спецификации современных стандартов, диаграммы связей заблокированы в рамках своих 61 В рамках спецификации современных стандартов, диаграммы связей заблокированы в рамках своих
62 собственных рациональных ограничений. 62 собственных рациональных ограничений.
63 </div> 63 </div>
64 <div class="numbers__item"> 64 <div class="numbers__item">
65 <b>265</b> 65 <b>265</b>
66 <span>Компаний</span> 66 <span>Компаний</span>
67 Но сторонники тоталитаризма в науке заблокированы в рамках своих собственных рациональных 67 Но сторонники тоталитаризма в науке заблокированы в рамках своих собственных рациональных
68 ограничений. 68 ограничений.
69 </div> 69 </div>
70 </div> 70 </div>
71 </div> 71 </div>
72 </section> 72 </section>
73 <!--<section class="vacancies"> 73 <!--<section class="vacancies">
74 <div class="container"> 74 <div class="container">
75 <div class="title"><h4>Новые вакансии</h4></div> 75 <div class="title"><h4>Новые вакансии</h4></div>
76 <div class="vacancies__body"> 76 <div class="vacancies__body">
77 <a class="vacancies__more button button_light js-parent-toggle" href="{{ route('vacancies') }}">Все должности</a> 77 <a class="vacancies__more button button_light js-parent-toggle" href="{{ route('vacancies') }}">Все должности</a>
78 <div class="vacancies__list"> 78 <div class="vacancies__list">
79 _if ($categories->count()) 79 _if ($categories->count())
80 _foreach ($categories as $cat) 80 _foreach ($categories as $cat)
81 <a href=" route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item"> 81 <a href=" route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item">
82 <span style="border-color:#F4C4C2"> 82 <span style="border-color:#F4C4C2">
83 <b> $cat->name }}</b> 83 <b> $cat->name }}</b>
84 <i>Вакансий: <span> $cat->cnt }}</span></i> 84 <i>Вакансий: <span> $cat->cnt }}</span></i>
85 </span> 85 </span>
86 </a> 86 </a>
87 _endforeach 87 _endforeach
88 _else 88 _else
89 Тут пока нет никаких вакансий 89 Тут пока нет никаких вакансий
90 _endif 90 _endif
91 </div> 91 </div>
92 </div> 92 </div>
93 </div> 93 </div>
94 </section>--> 94 </section>-->
95 95
96 <main class="main"> 96 <main class="main">
97 <div class="container"> 97 <div class="container">
98 <div class="main__vacancies"> 98 <div class="main__vacancies">
99 <h2 class="main__vacancies-title">Категории вакансий</h2> 99 <h2 class="main__vacancies-title">Категории вакансий</h2>
100 <div class="vacancies__body"> 100 <div class="vacancies__body">
101 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle"> 101 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
102 <span>Показать ещё</span> 102 <span>Показать ещё</span>
103 <span>Скрыть</span> 103 <span>Скрыть</span>
104 </button>--> 104 </button>-->
105 <div class="vacancies__list" id="block_ajax" name="block_ajax"> 105 <div class="vacancies__list" id="block_ajax" name="block_ajax">
106 <div class="vacancies__list-col"> 106
107 @include('block_real', ['flot' => $flot_paluba, 'title' => 'Палуба']) 107 @foreach ($BigFlot as $key => $flot)
108 </div> 108 <div class="vacancies__list-col">
109 <div class="vacancies__list-col"> 109
110 @include('block_real', ['flot' => $flot_MO, 'title' => 'МО']) 110 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]])
111 </div> 111 </div>
112 <div class="vacancies__list-col"> 112 @endforeach
113 @include('block_real', ['flot' => $flot_radovie, 'title' => 'Рядовые'])
114 </div>
115 <div class="vacancies__list-col">
116 @include('block_real', ['flot' => $flot_prochee, 'title' => 'Прочее'])
117 </div>
118 </div> 113 </div>
119 </div> 114 </div>
120 </div> 115 </div>
121 </div> 116 </div>
122 </main> 117 </main>
123 118
124 <section class="employer"> 119 <section class="employer">
125 <div class="container"> 120 <div class="container">
126 <div class="title"><h4>Работодатели</h4></div> 121 <div class="title"><h4>Работодатели</h4></div>
127 <div class="swiper js-employer-swiper"> 122 <div class="swiper js-employer-swiper">
128 <div class="swiper-wrapper"> 123 <div class="swiper-wrapper">
129 124
130 @if ($employers->count()) 125 @if ($employers->count())
131 @php 126 @php
132 $rec = 0; 127 $rec = 0;
133 $count = $employers->count(); 128 $count = $employers->count();
134 129
135 @endphp 130 @endphp
136 131
137 @foreach($employers as $emp) 132 @foreach($employers as $emp)
138 @php $rec++ @endphp 133 @php $rec++ @endphp
139 @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17)) 134 @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17))
140 <div class="swiper-slide"> 135 <div class="swiper-slide">
141 <div class="employer__item"> 136 <div class="employer__item">
142 @endif 137 @endif
143 @if (!empty($emp->employer->logo)) 138 @if (!empty($emp->employer->logo))
144 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}"> 139 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}">
145 <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}"> 140 <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}">
146 </a> 141 </a>
147 @else 142 @else
148 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}"> 143 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}">
149 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}"> 144 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}">
150 </a> 145 </a>
151 @endif 146 @endif
152 @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count)) 147 @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count))
153 </div> 148 </div>
154 </div> 149 </div>
155 @endif 150 @endif
156 @endforeach 151 @endforeach
157 @else 152 @else
158 <h5>Тут нет никаких записей</h5> 153 <h5>Тут нет никаких записей</h5>
159 @endif 154 @endif
160 </div> 155 </div>
161 <div class="swiper-pagination"></div> 156 <div class="swiper-pagination"></div>
162 </div> 157 </div>
163 <a href="{{ route('shipping_companies') }}" class="employer__more button button_light">Все работодатели</a> 158 <a href="{{ route('shipping_companies') }}" class="employer__more button button_light">Все работодатели</a>
164 </div> 159 </div>
165 </section> 160 </section>
166 <section class="about"> 161 <section class="about">
167 <div class="container"> 162 <div class="container">
168 <div class="about__wrapper"> 163 <div class="about__wrapper">
169 <div class="title about__title"><h4>О нас</h4></div> 164 <div class="title about__title"><h4>О нас</h4></div>
170 <div class="about__body"> 165 <div class="about__body">
171 <div class="about__line"></div> 166 <div class="about__line"></div>
172 <div class="about__item"> 167 <div class="about__item">
173 <b>Для работодателей</b> 168 <b>Для работодателей</b>
174 <span>Наш ресурс позволит Вам за демократичную цену найти нужных специалистов в кратчайшие 169 <span>Наш ресурс позволит Вам за демократичную цену найти нужных специалистов в кратчайшие
175 сроки, подробнее об условиях можно узнать <a href="{{ route('page', ['pages' => 'Stoimost-razmescheniya']) }}">здесь</a>.</span> 170 сроки, подробнее об условиях можно узнать <a href="{{ route('page', ['pages' => 'Stoimost-razmescheniya']) }}">здесь</a>.</span>
176 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('bd_resume') }}">Поиск сотрудников</a> 171 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('bd_resume') }}">Поиск сотрудников</a>
177 </div> 172 </div>
178 <div class="about__item"> 173 <div class="about__item">
179 <b>Для сотрудников</b> 174 <b>Для сотрудников</b>
180 <span>Наше преимущество — это большой объем вакансий, более 70 судоходных компаний России и 175 <span>Наше преимущество — это большой объем вакансий, более 70 судоходных компаний России и
181 СНГ ищут сотрудников через наши ресурсы</span> 176 СНГ ищут сотрудников через наши ресурсы</span>
182 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('vacancies') }}">Ищу работу</a> 177 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('vacancies') }}">Ищу работу</a>
183 </div> 178 </div>
184 </div> 179 </div>
185 </div> 180 </div>
186 </div> 181 </div>
187 </section> 182 </section>
188 183
189 @if ($news->count()) 184 @if ($news->count())
190 <section class="news"> 185 <section class="news">
191 <div class="container"> 186 <div class="container">
192 <div class="news__toper"> 187 <div class="news__toper">
193 <div class="title"><h4>Новости и статьи</h4></div> 188 <div class="title"><h4>Новости и статьи</h4></div>
194 <div class="navs"> 189 <div class="navs">
195 <button class="js-news-swiper-button-prev"> 190 <button class="js-news-swiper-button-prev">
196 <svg class="rotate180"> 191 <svg class="rotate180">
197 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 192 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
198 </svg> 193 </svg>
199 </button> 194 </button>
200 <button class="js-news-swiper-button-next"> 195 <button class="js-news-swiper-button-next">
201 <svg> 196 <svg>
202 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 197 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
203 </svg> 198 </svg>
204 </button> 199 </button>
205 </div> 200 </div>
206 </div> 201 </div>
207 202
208 <div class="swiper js-news-swiper"> 203 <div class="swiper js-news-swiper">
209 <div class="swiper-wrapper"> 204 <div class="swiper-wrapper">
210 205
211 @foreach ($news as $new) 206 @foreach ($news as $new)
212 <div class="swiper-slide"> 207 <div class="swiper-slide">
213 <div class="news__item"> 208 <div class="news__item">
214 <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic"> 209 <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic">
215 <div class="news__item-body"> 210 <div class="news__item-body">
216 <time datetime="{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}</time> 211 <time datetime="{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}</time>
217 <span class="news__item-title">{{ $new->title }}</span> 212 <span class="news__item-title">{{ $new->title }}</span>
218 <span class="news__item-text">{{ mb_strimwidth($new->text, 0, 100) }}</span> 213 <span class="news__item-text">{{ mb_strimwidth($new->text, 0, 100) }}</span>
219 <a href="{{ route('detail_new', ['new' => $new->id]) }}" class="news__item-more button button_light">Читать далее</a> 214 <a href="{{ route('detail_new', ['new' => $new->id]) }}" class="news__item-more button button_light">Читать далее</a>
220 </div> 215 </div>
221 </div> 216 </div>
222 </div> 217 </div>
223 @endforeach 218 @endforeach
224 219
225 </div> 220 </div>
226 <div class="swiper-pagination"></div> 221 <div class="swiper-pagination"></div>
227 </div> 222 </div>
228 <a href="{{ route('news') }}" class="news__all button button_light">Все новости</a> 223 <a href="{{ route('news') }}" class="news__all button button_light">Все новости</a>
229 224
230 </div> 225 </div>
231 </section> 226 </section>
232 @endif 227 @endif
233 228
234 <section class="info"> 229 <section class="info">
235 <div class="container"> 230 <div class="container">
236 <img src="images/5.png" alt="" class="info__pic"> 231 <img src="images/5.png" alt="" class="info__pic">
237 <div class="info__body"> 232 <div class="info__body">
238 <div class="title info__title"><h4>Мы в социальных сетях</h4></div> 233 <div class="title info__title"><h4>Мы в социальных сетях</h4></div>
239 <div class="info__item"> 234 <div class="info__item">
240 <div class="info__text">Телеграм — Подпишитесь на наш телеграм канал и получайте уведомления о 235 <div class="info__text">Телеграм — Подпишитесь на наш телеграм канал и получайте уведомления о
241 новых вакансиях прямо на свой смартфон</div> 236 новых вакансиях прямо на свой смартфон</div>
242 <a href="{{ $companies[0]->telegram }}" class="info__link" style="background:#20A0E1"> 237 <a href="{{ $companies[0]->telegram }}" class="info__link" style="background:#20A0E1">
243 <svg> 238 <svg>
244 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use> 239 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
245 </svg> 240 </svg>
246 Телеграм 241 Телеграм
247 </a> 242 </a>
248 </div> 243 </div>
249 <div class="info__item"> 244 <div class="info__item">
250 <div class="info__text">ВКонтакте — Лучшие вакансии за неделю выкладываем именно тут, информация 245 <div class="info__text">ВКонтакте — Лучшие вакансии за неделю выкладываем именно тут, информация
251 о судоходных компаниях, инструкции по работе с сайтом, конкурсы и многое другое</div> 246 о судоходных компаниях, инструкции по работе с сайтом, конкурсы и многое другое</div>
252 <a href="{{ $companies[0]->vkontact }}" class="info__link" style="background:#2787F5"> 247 <a href="{{ $companies[0]->vkontact }}" class="info__link" style="background:#2787F5">
253 <svg> 248 <svg>
254 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use> 249 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
255 </svg> 250 </svg>
256 ВКонтакте 251 ВКонтакте
257 </a> 252 </a>
258 </div> 253 </div>
259 </div> 254 </div>
260 </div> 255 </div>
261 </section> 256 </section>
262 @endsection 257 @endsection
263 258
resources/views/layout/admin.blade.php
Diff comments   View file @ c36ca6c
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3 <head> 3 <head>
4 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>{{$title}}</title> 6 <title>{{$title}}</title>
7 <link 7 <link
8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" 8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
9 rel="stylesheet" 9 rel="stylesheet"
10 /> 10 />
11 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" /> 11 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" />
12 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> 12 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" />
13 <script 13 <script
14 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" 14 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
15 defer 15 defer
16 ></script> 16 ></script>
17 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> 17 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script>
18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> 18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/>
19 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> 19 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script>
20 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 20 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
21 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> 21 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script>
22 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> 22 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script>
23 </head> 23 </head>
24 <body> 24 <body>
25 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> 25 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
26 <!-- Desktop sidebar --> 26 <!-- Desktop sidebar -->
27 <aside 27 <aside
28 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" 28 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0"
29 > 29 >
30 <div class="py-4 text-gray-500 dark:text-gray-400"> 30 <div class="py-4 text-gray-500 dark:text-gray-400">
31 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 31 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
32 href="{{ route('admin.index') }}"> 32 href="{{ route('admin.index') }}">
33 Админка 33 Админка
34 </a> 34 </a>
35 <ul class="mt-6"> 35 <ul class="mt-6">
36 <li class="relative px-6 py-3"> 36 <li class="relative px-6 py-3">
37 <span 37 <span
38 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 38 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
39 aria-hidden="true" 39 aria-hidden="true"
40 ></span> 40 ></span>
41 <a 41 <a
42 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" 42 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}"
43 href="{{ route('admin.index') }}" 43 href="{{ route('admin.index') }}"
44 > 44 >
45 <svg 45 <svg
46 class="w-5 h-5" 46 class="w-5 h-5"
47 aria-hidden="true" 47 aria-hidden="true"
48 fill="none" 48 fill="none"
49 stroke-linecap="round" 49 stroke-linecap="round"
50 stroke-linejoin="round" 50 stroke-linejoin="round"
51 stroke-width="2" 51 stroke-width="2"
52 viewBox="0 0 24 24" 52 viewBox="0 0 24 24"
53 stroke="currentColor" 53 stroke="currentColor"
54 > 54 >
55 <path 55 <path
56 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 56 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
57 ></path> 57 ></path>
58 </svg> 58 </svg>
59 <span class="ml-4">Главная страница</span> 59 <span class="ml-4">Главная страница</span>
60 </a> 60 </a>
61 </li> 61 </li>
62 </ul> 62 </ul>
63 63
64 <ul> 64 <ul>
65 @foreach ($contents as $cont) 65 @foreach ($contents as $cont)
66 @if ($cont->url_page == "admin/users") 66 @if ($cont->url_page == "admin/users")
67 @if ((($cont->is_admin == 1) && ($admin == 1)) || 67 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
68 (($cont->is_manager == 1) && ($is_manager == 1))) 68 (($cont->is_manager == 1) && ($is_manager == 1)))
69 <li class="relative px-6 py-3"> 69 <li class="relative px-6 py-3">
70 <a 70 <a
71 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" 71 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}"
72 href="{{ route('admin.users') }}" 72 href="{{ route('admin.users') }}"
73 > 73 >
74 <svg 74 <svg
75 class="w-5 h-5" 75 class="w-5 h-5"
76 aria-hidden="true" 76 aria-hidden="true"
77 fill="none" 77 fill="none"
78 stroke-linecap="round" 78 stroke-linecap="round"
79 stroke-linejoin="round" 79 stroke-linejoin="round"
80 stroke-width="2" 80 stroke-width="2"
81 viewBox="0 0 24 24" 81 viewBox="0 0 24 24"
82 stroke="currentColor" 82 stroke="currentColor"
83 > 83 >
84 <path 84 <path
85 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 85 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
86 ></path> 86 ></path>
87 </svg> 87 </svg>
88 <span class="ml-4">Пользователи</span> 88 <span class="ml-4">Пользователи</span>
89 </a> 89 </a>
90 </li> 90 </li>
91 @endif 91 @endif
92 @endif 92 @endif
93 93
94 @if ($cont->url_page == "admin/admin_roles") 94 @if ($cont->url_page == "admin/admin_roles")
95 @if ((($cont->is_admin == 1) && ($admin == 1)) || 95 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
96 (($cont->is_manager == 1) && ($is_manager == 1))) 96 (($cont->is_manager == 1) && ($is_manager == 1)))
97 <li class="relative px-6 py-3"> 97 <li class="relative px-6 py-3">
98 <a 98 <a
99 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" 99 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}"
100 href="{{ route('admin.admin_roles') }}" 100 href="{{ route('admin.admin_roles') }}"
101 > 101 >
102 <svg 102 <svg
103 class="w-5 h-5" 103 class="w-5 h-5"
104 aria-hidden="true" 104 aria-hidden="true"
105 fill="none" 105 fill="none"
106 stroke-linecap="round" 106 stroke-linecap="round"
107 stroke-linejoin="round" 107 stroke-linejoin="round"
108 stroke-width="2" 108 stroke-width="2"
109 viewBox="0 0 24 24" 109 viewBox="0 0 24 24"
110 stroke="currentColor" 110 stroke="currentColor"
111 > 111 >
112 <path 112 <path
113 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 113 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
114 ></path> 114 ></path>
115 </svg> 115 </svg>
116 <span class="ml-4">Роли администраторов</span> 116 <span class="ml-4">Роли администраторов</span>
117 </a> 117 </a>
118 </li> 118 </li>
119 @endif 119 @endif
120 @endif 120 @endif
121 121
122 @if ($cont->url_page == "admin/admin-users") 122 @if ($cont->url_page == "admin/admin-users")
123 @if ((($cont->is_admin == 1) && ($admin == 1)) || 123 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
124 (($cont->is_manager == 1) && ($is_manager == 1))) 124 (($cont->is_manager == 1) && ($is_manager == 1)))
125 <li class="relative px-6 py-3"> 125 <li class="relative px-6 py-3">
126 <a 126 <a
127 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 127 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
128 > 128 >
129 <svg 129 <svg
130 class="w-5 h-5" 130 class="w-5 h-5"
131 aria-hidden="true" 131 aria-hidden="true"
132 fill="none" 132 fill="none"
133 stroke-linecap="round" 133 stroke-linecap="round"
134 stroke-linejoin="round" 134 stroke-linejoin="round"
135 stroke-width="2" 135 stroke-width="2"
136 viewBox="0 0 24 24" 136 viewBox="0 0 24 24"
137 stroke="currentColor" 137 stroke="currentColor"
138 > 138 >
139 <path 139 <path
140 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 140 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
141 ></path> 141 ></path>
142 </svg> 142 </svg>
143 <span class="ml-4">Администраторы</span> 143 <span class="ml-4">Администраторы</span>
144 </a> 144 </a>
145 </li> 145 </li>
146 @endif 146 @endif
147 @endif 147 @endif
148 148
149 @if ($cont->url_page == "admin/employers") 149 @if ($cont->url_page == "admin/employers")
150 @if ((($cont->is_admin == 1) && ($admin == 1)) || 150 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
151 (($cont->is_manager == 1) && ($is_manager == 1))) 151 (($cont->is_manager == 1) && ($is_manager == 1)))
152 <li class="relative px-6 py-3"> 152 <li class="relative px-6 py-3">
153 <a 153 <a
154 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 154 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
155 > 155 >
156 <svg 156 <svg
157 class="w-5 h-5" 157 class="w-5 h-5"
158 aria-hidden="true" 158 aria-hidden="true"
159 fill="none" 159 fill="none"
160 stroke-linecap="round" 160 stroke-linecap="round"
161 stroke-linejoin="round" 161 stroke-linejoin="round"
162 stroke-width="2" 162 stroke-width="2"
163 viewBox="0 0 24 24" 163 viewBox="0 0 24 24"
164 stroke="currentColor" 164 stroke="currentColor"
165 > 165 >
166 <path 166 <path
167 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 167 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
168 ></path> 168 ></path>
169 </svg> 169 </svg>
170 <span class="ml-4">Работодатели</span> 170 <span class="ml-4">Работодатели</span>
171 </a> 171 </a>
172 </li> 172 </li>
173 @endif 173 @endif
174 @endif 174 @endif
175 175
176 @if ($cont->url_page == "admin/workers") 176 @if ($cont->url_page == "admin/workers")
177 @if ((($cont->is_admin == 1) && ($admin == 1)) || 177 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
178 (($cont->is_manager == 1) && ($is_manager == 1))) 178 (($cont->is_manager == 1) && ($is_manager == 1)))
179 <li class="relative px-6 py-3"> 179 <li class="relative px-6 py-3">
180 <a 180 <a
181 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 181 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
182 > 182 >
183 <svg 183 <svg
184 class="w-5 h-5" 184 class="w-5 h-5"
185 aria-hidden="true" 185 aria-hidden="true"
186 fill="none" 186 fill="none"
187 stroke-linecap="round" 187 stroke-linecap="round"
188 stroke-linejoin="round" 188 stroke-linejoin="round"
189 stroke-width="2" 189 stroke-width="2"
190 viewBox="0 0 24 24" 190 viewBox="0 0 24 24"
191 stroke="currentColor" 191 stroke="currentColor"
192 > 192 >
193 <path 193 <path
194 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 194 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
195 ></path> 195 ></path>
196 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 196 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
197 </svg> 197 </svg>
198 <span class="ml-4">Соискатели</span> 198 <span class="ml-4">Соискатели</span>
199 </a> 199 </a>
200 </li> 200 </li>
201 @endif 201 @endif
202 @endif 202 @endif
203 203
204 @if ($cont->url_page == "admin/ad-employers") 204 @if ($cont->url_page == "admin/ad-employers")
205 @if ((($cont->is_admin == 1) && ($admin == 1)) || 205 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
206 (($cont->is_manager == 1) && ($is_manager == 1))) 206 (($cont->is_manager == 1) && ($is_manager == 1)))
207 <li class="relative px-6 py-3"> 207 <li class="relative px-6 py-3">
208 <a 208 <a
209 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 209 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
210 > 210 >
211 <svg 211 <svg
212 class="w-5 h-5" 212 class="w-5 h-5"
213 aria-hidden="true" 213 aria-hidden="true"
214 fill="none" 214 fill="none"
215 stroke-linecap="round" 215 stroke-linecap="round"
216 stroke-linejoin="round" 216 stroke-linejoin="round"
217 stroke-width="2" 217 stroke-width="2"
218 viewBox="0 0 24 24" 218 viewBox="0 0 24 24"
219 stroke="currentColor" 219 stroke="currentColor"
220 > 220 >
221 <path 221 <path
222 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 222 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
223 ></path> 223 ></path>
224 </svg> 224 </svg>
225 <span class="ml-4">Вакансии</span> 225 <span class="ml-4">Вакансии</span>
226 </a> 226 </a>
227 </li> 227 </li>
228 @endif 228 @endif
229 @endif 229 @endif
230 230
231 @if ($cont->url_page == "admin/messages") 231 @if ($cont->url_page == "admin/messages")
232 @if ((($cont->is_admin == 1) && ($admin == 1)) || 232 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
233 (($cont->is_manager == 1) && ($is_manager == 1))) 233 (($cont->is_manager == 1) && ($is_manager == 1)))
234 <li class="relative px-6 py-3"> 234 <li class="relative px-6 py-3">
235 <a 235 <a
236 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 236 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
237 > 237 >
238 <svg 238 <svg
239 class="w-5 h-5" 239 class="w-5 h-5"
240 aria-hidden="true" 240 aria-hidden="true"
241 fill="none" 241 fill="none"
242 stroke-linecap="round" 242 stroke-linecap="round"
243 stroke-linejoin="round" 243 stroke-linejoin="round"
244 stroke-width="2" 244 stroke-width="2"
245 viewBox="0 0 24 24" 245 viewBox="0 0 24 24"
246 stroke="currentColor" 246 stroke="currentColor"
247 > 247 >
248 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 248 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
249 </svg> 249 </svg>
250 <span class="ml-4">Сообщения все</span> 250 <span class="ml-4">Сообщения все</span>
251 </a> 251 </a>
252 </li> 252 </li>
253 @endif 253 @endif
254 @endif 254 @endif
255 255
256 @if ($cont->url_page == "admin/admin-messages") 256 @if ($cont->url_page == "admin/admin-messages")
257 @if ((($cont->is_admin == 1) && ($admin == 1)) || 257 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
258 (($cont->is_manager == 1) && ($is_manager == 1))) 258 (($cont->is_manager == 1) && ($is_manager == 1)))
259 <li class="relative px-6 py-3"> 259 <li class="relative px-6 py-3">
260 <a 260 <a
261 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 261 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
262 > 262 >
263 <svg 263 <svg
264 class="w-5 h-5" 264 class="w-5 h-5"
265 aria-hidden="true" 265 aria-hidden="true"
266 fill="none" 266 fill="none"
267 stroke-linecap="round" 267 stroke-linecap="round"
268 stroke-linejoin="round" 268 stroke-linejoin="round"
269 stroke-width="2" 269 stroke-width="2"
270 viewBox="0 0 24 24" 270 viewBox="0 0 24 24"
271 stroke="currentColor" 271 stroke="currentColor"
272 > 272 >
273 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 273 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
274 </svg> 274 </svg>
275 <span class="ml-4">Заявки на рассылку</span> 275 <span class="ml-4">Заявки на рассылку</span>
276 </a> 276 </a>
277 </li> 277 </li>
278 @endif 278 @endif
279 @endif 279 @endif
280 280
281 @if ($cont->url_page == "admin/groups") 281 @if ($cont->url_page == "admin/groups")
282 @if ((($cont->is_admin == 1) && ($admin == 1)) || 282 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
283 (($cont->is_manager == 1) && ($is_manager == 1))) 283 (($cont->is_manager == 1) && ($is_manager == 1)))
284 <li class="relative px-6 py-3"> 284 <li class="relative px-6 py-3">
285 <a 285 <a
286 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}" 286 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"
287 > 287 >
288 <svg 288 <svg
289 class="w-5 h-5" 289 class="w-5 h-5"
290 aria-hidden="true" 290 aria-hidden="true"
291 fill="none" 291 fill="none"
292 stroke-linecap="round" 292 stroke-linecap="round"
293 stroke-linejoin="round" 293 stroke-linejoin="round"
294 stroke-width="2" 294 stroke-width="2"
295 viewBox="0 0 24 24" 295 viewBox="0 0 24 24"
296 stroke="currentColor" 296 stroke="currentColor"
297 > 297 >
298 <path 298 <path
299 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 299 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
300 ></path> 300 ></path>
301 </svg> 301 </svg>
302 <span class="ml-4">Группы пользователей</span> 302 <span class="ml-4">Группы пользователей</span>
303 </a> 303 </a>
304 </li> 304 </li>
305 @endif 305 @endif
306 @endif 306 @endif
307 307
308 @if ($cont->url_page == "admin/media") 308 @if ($cont->url_page == "admin/media")
309 @if ((($cont->is_admin == 1) && ($admin == 1)) || 309 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
310 (($cont->is_manager == 1) && ($is_manager == 1))) 310 (($cont->is_manager == 1) && ($is_manager == 1)))
311 <li class="relative px-6 py-3"> 311 <li class="relative px-6 py-3">
312 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 312 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
313 <svg 313 <svg
314 class="w-5 h-5" 314 class="w-5 h-5"
315 aria-hidden="true" 315 aria-hidden="true"
316 fill="none" 316 fill="none"
317 stroke-linecap="round" 317 stroke-linecap="round"
318 stroke-linejoin="round" 318 stroke-linejoin="round"
319 stroke-width="2" 319 stroke-width="2"
320 viewBox="0 0 24 24" 320 viewBox="0 0 24 24"
321 stroke="currentColor" 321 stroke="currentColor"
322 > 322 >
323 <path 323 <path
324 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 324 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
325 ></path> 325 ></path>
326 </svg> 326 </svg>
327 <span class="ml-4">Медиа</span> 327 <span class="ml-4">Медиа</span>
328 </a> 328 </a>
329 </li> 329 </li>
330 @endif 330 @endif
331 @endif 331 @endif
332 332
333 @if ($cont->url_page == "admin/roles") 333 @if ($cont->url_page == "admin/roles")
334 @if ((($cont->is_admin == 1) && ($admin == 1)) || 334 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
335 (($cont->is_manager == 1) && ($is_manager == 1))) 335 (($cont->is_manager == 1) && ($is_manager == 1)))
336 <li class="relative px-6 py-3"> 336 <li class="relative px-6 py-3">
337 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 337 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
338 <svg 338 <svg
339 class="w-5 h-5" 339 class="w-5 h-5"
340 aria-hidden="true" 340 aria-hidden="true"
341 fill="none" 341 fill="none"
342 stroke-linecap="round" 342 stroke-linecap="round"
343 stroke-linejoin="round" 343 stroke-linejoin="round"
344 stroke-width="2" 344 stroke-width="2"
345 viewBox="0 0 24 24" 345 viewBox="0 0 24 24"
346 stroke="currentColor" 346 stroke="currentColor"
347 > 347 >
348 <path 348 <path
349 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 349 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
350 ></path> 350 ></path>
351 </svg> 351 </svg>
352 <span class="ml-4">Роли пользователей</span> 352 <span class="ml-4">Роли пользователей</span>
353 </a> 353 </a>
354 </li> 354 </li>
355 @endif 355 @endif
356 @endif 356 @endif
357 357
358 @if ($cont->url_page == "admin/basedata") 358 @if ($cont->url_page == "admin/basedata")
359 @if ((($cont->is_admin == 1) && ($admin == 1)) || 359 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
360 (($cont->is_manager == 1) && ($is_manager == 1))) 360 (($cont->is_manager == 1) && ($is_manager == 1)))
361 <li class="relative px-6 py-3"> 361 <li class="relative px-6 py-3">
362 <a 362 <a
363 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 363 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
364 > 364 >
365 <svg 365 <svg
366 class="w-5 h-5" 366 class="w-5 h-5"
367 aria-hidden="true" 367 aria-hidden="true"
368 fill="none" 368 fill="none"
369 stroke-linecap="round" 369 stroke-linecap="round"
370 stroke-linejoin="round" 370 stroke-linejoin="round"
371 stroke-width="2" 371 stroke-width="2"
372 viewBox="0 0 24 24" 372 viewBox="0 0 24 24"
373 stroke="currentColor" 373 stroke="currentColor"
374 > 374 >
375 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 375 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
376 </svg> 376 </svg>
377 <span class="ml-4">Базы данных</span> 377 <span class="ml-4">Базы данных</span>
378 </a> 378 </a>
379 </li> 379 </li>
380 @endif 380 @endif
381 @endif 381 @endif
382 382
383 @if ($cont->url_page == "admin/education") 383 @if ($cont->url_page == "admin/education")
384 @if ((($cont->is_admin == 1) && ($admin == 1)) || 384 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
385 (($cont->is_manager == 1) && ($is_manager == 1))) 385 (($cont->is_manager == 1) && ($is_manager == 1)))
386 <li class="relative px-6 py-3"> 386 <li class="relative px-6 py-3">
387 <a 387 <a
388 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 388 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
389 > 389 >
390 <svg 390 <svg
391 class="w-5 h-5" 391 class="w-5 h-5"
392 aria-hidden="true" 392 aria-hidden="true"
393 fill="none" 393 fill="none"
394 stroke-linecap="round" 394 stroke-linecap="round"
395 stroke-linejoin="round" 395 stroke-linejoin="round"
396 stroke-width="2" 396 stroke-width="2"
397 viewBox="0 0 24 24" 397 viewBox="0 0 24 24"
398 stroke="currentColor" 398 stroke="currentColor"
399 > 399 >
400 <path 400 <path
401 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 401 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
402 ></path> 402 ></path>
403 </svg> 403 </svg>
404 <span class="ml-4">Учебн.заведения</span> 404 <span class="ml-4">Учебн.заведения</span>
405 </a> 405 </a>
406 </li> 406 </li>
407 @endif 407 @endif
408 @endif 408 @endif
409 409
410 @if ($cont->url_page == "admin/statics") 410 @if ($cont->url_page == "admin/statics")
411 @if ((($cont->is_admin == 1) && ($admin == 1)) || 411 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
412 (($cont->is_manager == 1) && ($is_manager == 1))) 412 (($cont->is_manager == 1) && ($is_manager == 1)))
413 <li class="relative px-6 py-3"> 413 <li class="relative px-6 py-3">
414 <a 414 <a
415 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 415 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
416 > 416 >
417 <svg 417 <svg
418 class="w-5 h-5" 418 class="w-5 h-5"
419 aria-hidden="true" 419 aria-hidden="true"
420 fill="none" 420 fill="none"
421 stroke-linecap="round" 421 stroke-linecap="round"
422 stroke-linejoin="round" 422 stroke-linejoin="round"
423 stroke-width="2" 423 stroke-width="2"
424 viewBox="0 0 24 24" 424 viewBox="0 0 24 24"
425 stroke="currentColor" 425 stroke="currentColor"
426 > 426 >
427 <path 427 <path
428 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 428 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
429 ></path> 429 ></path>
430 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 430 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
431 </svg> 431 </svg>
432 <span class="ml-4">Статистика</span> 432 <span class="ml-4">Статистика</span>
433 </a> 433 </a>
434 </li> 434 </li>
435 @endif 435 @endif
436 @endif 436 @endif
437 437
438 @if ($cont->url_page == "admin/answers") 438 @if ($cont->url_page == "admin/answers")
439 @if ((($cont->is_admin == 1) && ($admin == 1)) || 439 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
440 (($cont->is_manager == 1) && ($is_manager == 1))) 440 (($cont->is_manager == 1) && ($is_manager == 1)))
441 <li class="relative px-6 py-3"> 441 <li class="relative px-6 py-3">
442 <a 442 <a
443 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}" 443 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}"
444 > 444 >
445 <svg 445 <svg
446 class="w-5 h-5" 446 class="w-5 h-5"
447 aria-hidden="true" 447 aria-hidden="true"
448 fill="none" 448 fill="none"
449 stroke-linecap="round" 449 stroke-linecap="round"
450 stroke-linejoin="round" 450 stroke-linejoin="round"
451 stroke-width="2" 451 stroke-width="2"
452 viewBox="0 0 24 24" 452 viewBox="0 0 24 24"
453 stroke="currentColor" 453 stroke="currentColor"
454 > 454 >
455 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 455 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
456 </svg> 456 </svg>
457 <span class="ml-4">Модерация</span> 457 <span class="ml-4">Модерация</span>
458 </a> 458 </a>
459 </li> 459 </li>
460 @endif 460 @endif
461 @endif 461 @endif
462 462
463 @if ($cont->url_page == "admin/reclames") 463 @if ($cont->url_page == "admin/reclames")
464 @if ((($cont->is_admin == 1) && ($admin == 1)) || 464 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
465 (($cont->is_manager == 1) && ($is_manager == 1))) 465 (($cont->is_manager == 1) && ($is_manager == 1)))
466 <li class="relative px-6 py-3"> 466 <li class="relative px-6 py-3">
467 <a 467 <a
468 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 468 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
469 > 469 >
470 <svg 470 <svg
471 class="w-5 h-5" 471 class="w-5 h-5"
472 aria-hidden="true" 472 aria-hidden="true"
473 fill="none" 473 fill="none"
474 stroke-linecap="round" 474 stroke-linecap="round"
475 stroke-linejoin="round" 475 stroke-linejoin="round"
476 stroke-width="2" 476 stroke-width="2"
477 viewBox="0 0 24 24" 477 viewBox="0 0 24 24"
478 stroke="currentColor" 478 stroke="currentColor"
479 > 479 >
480 <path 480 <path
481 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 481 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
482 ></path> 482 ></path>
483 </svg> 483 </svg>
484 <span class="ml-4">Реклама</span> 484 <span class="ml-4">Реклама</span>
485 </a> 485 </a>
486 </li> 486 </li>
487 @endif 487 @endif
488 @endif 488 @endif
489 @endforeach 489 @endforeach
490 <!-- Справочники --> 490 <!-- Справочники -->
491 491
492 <li class="relative px-6 py-3" x-data="{ open1: false }"> 492 <li class="relative px-6 py-3" x-data="{ open1: false }">
493 <button 493 <button
494 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 494 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
495 @click="open1=!open1" 495 @click="open1=!open1"
496 aria-haspopup="true"> 496 aria-haspopup="true">
497 <span class="inline-flex items-center"> 497 <span class="inline-flex items-center">
498 <svg 498 <svg
499 class="w-5 h-5" 499 class="w-5 h-5"
500 aria-hidden="true" 500 aria-hidden="true"
501 fill="none" 501 fill="none"
502 stroke-linecap="round" 502 stroke-linecap="round"
503 stroke-linejoin="round" 503 stroke-linejoin="round"
504 stroke-width="2" 504 stroke-width="2"
505 viewBox="0 0 24 24" 505 viewBox="0 0 24 24"
506 stroke="currentColor"> 506 stroke="currentColor">
507 <path 507 <path
508 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 508 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
509 ></path> 509 ></path>
510 </svg> 510 </svg>
511 <span class="ml-4">Справочники</span> 511 <span class="ml-4">Справочники</span>
512 </span> 512 </span>
513 <svg 513 <svg
514 class="w-4 h-4" 514 class="w-4 h-4"
515 aria-hidden="true" 515 aria-hidden="true"
516 fill="currentColor" 516 fill="currentColor"
517 viewBox="0 0 20 20" 517 viewBox="0 0 20 20"
518 > 518 >
519 <path 519 <path
520 fill-rule="evenodd" 520 fill-rule="evenodd"
521 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 521 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
522 clip-rule="evenodd" 522 clip-rule="evenodd"
523 ></path> 523 ></path>
524 </svg> 524 </svg>
525 </button> 525 </button>
526 <template x-if="open1"> 526 <template x-if="open1">
527 <ul 527 <ul
528 x-transition:enter="transition-all ease-in-out duration-300" 528 x-transition:enter="transition-all ease-in-out duration-300"
529 x-transition:enter-start="opacity-25 max-h-0" 529 x-transition:enter-start="opacity-25 max-h-0"
530 x-transition:enter-end="opacity-100 max-h-xl" 530 x-transition:enter-end="opacity-100 max-h-xl"
531 x-transition:leave="transition-all ease-in-out duration-300" 531 x-transition:leave="transition-all ease-in-out duration-300"
532 x-transition:leave-start="opacity-100 max-h-xl" 532 x-transition:leave-start="opacity-100 max-h-xl"
533 x-transition:leave-end="opacity-0 max-h-0" 533 x-transition:leave-end="opacity-0 max-h-0"
534 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 534 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
535 aria-label="submenu" 535 aria-label="submenu"
536 > 536 >
537 @foreach ($contents as $cont) 537 @foreach ($contents as $cont)
538 @if ($cont->url_page == "admin/job-titles") 538 @if ($cont->url_page == "admin/job-titles")
539 @if ((($cont->is_admin == 1) && ($admin == 1)) || 539 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
540 (($cont->is_manager == 1) && ($is_manager == 1))) 540 (($cont->is_manager == 1) && ($is_manager == 1)))
541 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 541 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
542 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 542 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
543 </li> 543 </li>
544 @endif 544 @endif
545 @endif 545 @endif
546 546
547 @if ($cont->url_page == "admin/categories") 547 @if ($cont->url_page == "admin/categories")
548 @if ((($cont->is_admin == 1) && ($admin == 1)) || 548 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
549 (($cont->is_manager == 1) && ($is_manager == 1))) 549 (($cont->is_manager == 1) && ($is_manager == 1)))
550 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 550 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
551 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 551 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
552 </li> 552 </li>
553 @endif 553 @endif
554 @endif 554 @endif
555 555
556 @if ($cont->url_page == "admin/category-emp") 556 @if ($cont->url_page == "admin/category-emp")
557 @if ((($cont->is_admin == 1) && ($admin == 1)) || 557 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
558 (($cont->is_manager == 1) && ($is_manager == 1))) 558 (($cont->is_manager == 1) && ($is_manager == 1)))
559 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 559 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
560 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 560 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
561 </li> 561 </li>
562 @endif 562 @endif
563 @endif 563 @endif
564 564
565 @if ($cont->url_page == "admin/infobloks") 565 @if ($cont->url_page == "admin/infobloks")
566 @if ((($cont->is_admin == 1) && ($admin == 1)) || 566 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
567 (($cont->is_manager == 1) && ($is_manager == 1))) 567 (($cont->is_manager == 1) && ($is_manager == 1)))
568 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 568 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
569 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 569 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
570 </li> 570 </li>
571 @endif 571 @endif
572 @endif 572 @endif
573 @endforeach 573 @endforeach
574 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}">
575 <a class="w-full" href="{{ route('admin.position') }}">Позиция</a>
576 </li>
574 </ul> 577 </ul>
575 </template> 578 </template>
576 </li> 579 </li>
577 580
578 <!-- Редактор --> 581 <!-- Редактор -->
579 <li class="relative px-6 py-3"> 582 <li class="relative px-6 py-3">
580 <button 583 <button
581 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 584 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
582 @click="togglePagesMenu" 585 @click="togglePagesMenu"
583 aria-haspopup="true"> 586 aria-haspopup="true">
584 <span class="inline-flex items-center"> 587 <span class="inline-flex items-center">
585 <svg 588 <svg
586 class="w-5 h-5" 589 class="w-5 h-5"
587 aria-hidden="true" 590 aria-hidden="true"
588 fill="none" 591 fill="none"
589 stroke-linecap="round" 592 stroke-linecap="round"
590 stroke-linejoin="round" 593 stroke-linejoin="round"
591 stroke-width="2" 594 stroke-width="2"
592 viewBox="0 0 24 24" 595 viewBox="0 0 24 24"
593 stroke="currentColor"> 596 stroke="currentColor">
594 <path 597 <path
595 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 598 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
596 ></path> 599 ></path>
597 </svg> 600 </svg>
598 <span class="ml-4">Редактор</span> 601 <span class="ml-4">Редактор</span>
599 </span> 602 </span>
600 <svg 603 <svg
601 class="w-4 h-4" 604 class="w-4 h-4"
602 aria-hidden="true" 605 aria-hidden="true"
603 fill="currentColor" 606 fill="currentColor"
604 viewBox="0 0 20 20" 607 viewBox="0 0 20 20"
605 > 608 >
606 <path 609 <path
607 fill-rule="evenodd" 610 fill-rule="evenodd"
608 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 611 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
609 clip-rule="evenodd" 612 clip-rule="evenodd"
610 ></path> 613 ></path>
611 </svg> 614 </svg>
612 </button> 615 </button>
613 <template x-if="isPagesMenuOpen"> 616 <template x-if="isPagesMenuOpen">
614 <ul 617 <ul
615 x-transition:enter="transition-all ease-in-out duration-300" 618 x-transition:enter="transition-all ease-in-out duration-300"
616 x-transition:enter-start="opacity-25 max-h-0" 619 x-transition:enter-start="opacity-25 max-h-0"
617 x-transition:enter-end="opacity-100 max-h-xl" 620 x-transition:enter-end="opacity-100 max-h-xl"
618 x-transition:leave="transition-all ease-in-out duration-300" 621 x-transition:leave="transition-all ease-in-out duration-300"
619 x-transition:leave-start="opacity-100 max-h-xl" 622 x-transition:leave-start="opacity-100 max-h-xl"
620 x-transition:leave-end="opacity-0 max-h-0" 623 x-transition:leave-end="opacity-0 max-h-0"
621 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 624 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
622 aria-label="submenu" 625 aria-label="submenu"
623 > 626 >
624 @foreach ($contents as $cont) 627 @foreach ($contents as $cont)
625 @if ($cont->url_page == "admin/editor-site") 628 @if ($cont->url_page == "admin/editor-site")
626 @if ((($cont->is_admin == 1) && ($admin == 1)) || 629 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
627 (($cont->is_manager == 1) && ($is_manager == 1))) 630 (($cont->is_manager == 1) && ($is_manager == 1)))
628 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 631 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
629 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 632 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
630 </li> 633 </li>
631 @endif 634 @endif
632 @endif 635 @endif
633 636
634 @if ($cont->url_page == "admin/edit-blocks") 637 @if ($cont->url_page == "admin/edit-blocks")
635 @if ((($cont->is_admin == 1) && ($admin == 1)) || 638 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
636 (($cont->is_manager == 1) && ($is_manager == 1))) 639 (($cont->is_manager == 1) && ($is_manager == 1)))
637 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 640 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
638 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 641 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
639 </li> 642 </li>
640 @endif 643 @endif
641 @endif 644 @endif
642 645
643 @if ($cont->url_page == "admin/editor-seo") 646 @if ($cont->url_page == "admin/editor-seo")
644 @if ((($cont->is_admin == 1) && ($admin == 1)) || 647 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
645 (($cont->is_manager == 1) && ($is_manager == 1))) 648 (($cont->is_manager == 1) && ($is_manager == 1)))
646 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 649 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
647 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 650 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
648 </li> 651 </li>
649 @endif 652 @endif
650 @endif 653 @endif
651 654
652 @if ($cont->url_page == "admin/editor-pages") 655 @if ($cont->url_page == "admin/editor-pages")
653 @if ((($cont->is_admin == 1) && ($admin == 1)) || 656 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
654 (($cont->is_manager == 1) && ($is_manager == 1))) 657 (($cont->is_manager == 1) && ($is_manager == 1)))
655 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 658 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
656 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 659 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
657 </li> 660 </li>
658 @endif 661 @endif
659 @endif 662 @endif
660 663
661 @if ($cont->url_page == "admin/job-titles-main") 664 @if ($cont->url_page == "admin/job-titles-main")
662 @if ((($cont->is_admin == 1) && ($admin == 1)) || 665 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
663 (($cont->is_manager == 1) && ($is_manager == 1))) 666 (($cont->is_manager == 1) && ($is_manager == 1)))
664 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 667 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
665 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 668 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
666 </li> 669 </li>
667 @endif 670 @endif
668 @endif 671 @endif
669 672
670 @if ($cont->url_page == "admin/employers-main") 673 @if ($cont->url_page == "admin/employers-main")
671 @if ((($cont->is_admin == 1) && ($admin == 1)) || 674 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
672 (($cont->is_manager == 1) && ($is_manager == 1))) 675 (($cont->is_manager == 1) && ($is_manager == 1)))
673 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 676 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
674 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 677 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
675 </li> 678 </li>
676 @endif 679 @endif
677 @endif 680 @endif
678 681
679 @endforeach 682 @endforeach
680 </ul> 683 </ul>
681 </template> 684 </template>
682 </li> 685 </li>
683 </ul> 686 </ul>
684 687
685 <!--<div class="px-6 my-6"> 688 <!--<div class="px-6 my-6">
686 <button 689 <button
687 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" 690 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
688 > 691 >
689 Create account 692 Create account
690 <span class="ml-2" aria-hidden="true">+</span> 693 <span class="ml-2" aria-hidden="true">+</span>
691 </button> 694 </button>
692 </div>--> 695 </div>-->
693 </div> 696 </div>
694 </aside> 697 </aside>
695 <!-- Mobile sidebar --> 698 <!-- Mobile sidebar -->
696 <!-- Backdrop --> 699 <!-- Backdrop -->
697 <div 700 <div
698 x-show="isSideMenuOpen" 701 x-show="isSideMenuOpen"
699 x-transition:enter="transition ease-in-out duration-150" 702 x-transition:enter="transition ease-in-out duration-150"
700 x-transition:enter-start="opacity-0" 703 x-transition:enter-start="opacity-0"
701 x-transition:enter-end="opacity-100" 704 x-transition:enter-end="opacity-100"
702 x-transition:leave="transition ease-in-out duration-150" 705 x-transition:leave="transition ease-in-out duration-150"
703 x-transition:leave-start="opacity-100" 706 x-transition:leave-start="opacity-100"
704 x-transition:leave-end="opacity-0" 707 x-transition:leave-end="opacity-0"
705 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" 708 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
706 ></div> 709 ></div>
707 <aside 710 <aside
708 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden" 711 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden"
709 x-show="isSideMenuOpen" 712 x-show="isSideMenuOpen"
710 x-transition:enter="transition ease-in-out duration-150" 713 x-transition:enter="transition ease-in-out duration-150"
711 x-transition:enter-start="opacity-0 transform -translate-x-20" 714 x-transition:enter-start="opacity-0 transform -translate-x-20"
712 x-transition:enter-end="opacity-100" 715 x-transition:enter-end="opacity-100"
713 x-transition:leave="transition ease-in-out duration-150" 716 x-transition:leave="transition ease-in-out duration-150"
714 x-transition:leave-start="opacity-100" 717 x-transition:leave-start="opacity-100"
715 x-transition:leave-end="opacity-0 transform -translate-x-20" 718 x-transition:leave-end="opacity-0 transform -translate-x-20"
716 @click.away="closeSideMenu" 719 @click.away="closeSideMenu"
717 @keydown.escape="closeSideMenu" 720 @keydown.escape="closeSideMenu"
718 > 721 >
719 <div class="py-4 text-gray-500 dark:text-gray-400"> 722 <div class="py-4 text-gray-500 dark:text-gray-400">
720 <a 723 <a
721 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 724 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
722 href="{{ route('admin.index') }}" 725 href="{{ route('admin.index') }}"
723 > 726 >
724 Админка 727 Админка
725 </a> 728 </a>
726 <ul class="mt-6"> 729 <ul class="mt-6">
727 <li class="relative px-6 py-3"> 730 <li class="relative px-6 py-3">
728 <span 731 <span
729 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 732 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
730 aria-hidden="true" 733 aria-hidden="true"
731 ></span> 734 ></span>
732 <a 735 <a
733 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}" 736 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}"
734 > 737 >
735 <svg 738 <svg
736 class="w-5 h-5" 739 class="w-5 h-5"
737 aria-hidden="true" 740 aria-hidden="true"
738 fill="none" 741 fill="none"
739 stroke-linecap="round" 742 stroke-linecap="round"
740 stroke-linejoin="round" 743 stroke-linejoin="round"
741 stroke-width="2" 744 stroke-width="2"
742 viewBox="0 0 24 24" 745 viewBox="0 0 24 24"
743 stroke="currentColor" 746 stroke="currentColor"
744 > 747 >
745 <path 748 <path
746 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 749 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
747 ></path> 750 ></path>
748 </svg> 751 </svg>
749 <span class="ml-4">Главная страница</span> 752 <span class="ml-4">Главная страница</span>
750 </a> 753 </a>
751 </li> 754 </li>
752 </ul> 755 </ul>
753 <ul> 756 <ul>
754 @foreach ($contents as $cont) 757 @foreach ($contents as $cont)
755 @if ($cont->url_page == "admin/users") 758 @if ($cont->url_page == "admin/users")
756 @if ((($cont->is_admin == 1) && ($admin == 1)) || 759 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
757 (($cont->is_manager == 1) && ($is_manager == 1))) 760 (($cont->is_manager == 1) && ($is_manager == 1)))
758 <li class="relative px-6 py-3"> 761 <li class="relative px-6 py-3">
759 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}"> 762 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}">
760 <svg 763 <svg
761 class="w-5 h-5" 764 class="w-5 h-5"
762 aria-hidden="true" 765 aria-hidden="true"
763 fill="none" 766 fill="none"
764 stroke-linecap="round" 767 stroke-linecap="round"
765 stroke-linejoin="round" 768 stroke-linejoin="round"
766 stroke-width="2" 769 stroke-width="2"
767 viewBox="0 0 24 24" 770 viewBox="0 0 24 24"
768 stroke="currentColor" 771 stroke="currentColor"
769 > 772 >
770 <path 773 <path
771 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 774 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
772 ></path> 775 ></path>
773 </svg> 776 </svg>
774 <span class="ml-4">Пользователи</span> 777 <span class="ml-4">Пользователи</span>
775 </a> 778 </a>
776 </li> 779 </li>
777 @endif 780 @endif
778 @endif 781 @endif
779 782
780 @if ($cont->url_page == "admin/admin-users") 783 @if ($cont->url_page == "admin/admin-users")
781 @if ((($cont->is_admin == 1) && ($admin == 1)) || 784 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
782 (($cont->is_manager == 1) && ($is_manager == 1))) 785 (($cont->is_manager == 1) && ($is_manager == 1)))
783 <li class="relative px-6 py-3"> 786 <li class="relative px-6 py-3">
784 <a 787 <a
785 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 788 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
786 > 789 >
787 <svg 790 <svg
788 class="w-5 h-5" 791 class="w-5 h-5"
789 aria-hidden="true" 792 aria-hidden="true"
790 fill="none" 793 fill="none"
791 stroke-linecap="round" 794 stroke-linecap="round"
792 stroke-linejoin="round" 795 stroke-linejoin="round"
793 stroke-width="2" 796 stroke-width="2"
794 viewBox="0 0 24 24" 797 viewBox="0 0 24 24"
795 stroke="currentColor" 798 stroke="currentColor"
796 > 799 >
797 <path 800 <path
798 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 801 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
799 ></path> 802 ></path>
800 </svg> 803 </svg>
801 <span class="ml-4">Администраторы</span> 804 <span class="ml-4">Администраторы</span>
802 </a> 805 </a>
803 </li> 806 </li>
804 @endif 807 @endif
805 @endif 808 @endif
806 809
807 @if ($cont->url_page == "admin/employers") 810 @if ($cont->url_page == "admin/employers")
808 @if ((($cont->is_admin == 1) && ($admin == 1)) || 811 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
809 (($cont->is_manager == 1) && ($is_manager == 1))) 812 (($cont->is_manager == 1) && ($is_manager == 1)))
810 <li class="relative px-6 py-3"> 813 <li class="relative px-6 py-3">
811 <a 814 <a
812 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 815 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
813 > 816 >
814 <svg 817 <svg
815 class="w-5 h-5" 818 class="w-5 h-5"
816 aria-hidden="true" 819 aria-hidden="true"
817 fill="none" 820 fill="none"
818 stroke-linecap="round" 821 stroke-linecap="round"
819 stroke-linejoin="round" 822 stroke-linejoin="round"
820 stroke-width="2" 823 stroke-width="2"
821 viewBox="0 0 24 24" 824 viewBox="0 0 24 24"
822 stroke="currentColor" 825 stroke="currentColor"
823 > 826 >
824 <path 827 <path
825 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 828 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
826 ></path> 829 ></path>
827 </svg> 830 </svg>
828 <span class="ml-4">Работодатели</span> 831 <span class="ml-4">Работодатели</span>
829 </a> 832 </a>
830 </li> 833 </li>
831 @endif 834 @endif
832 @endif 835 @endif
833 836
834 @if ($cont->url_page == "admin/workers") 837 @if ($cont->url_page == "admin/workers")
835 @if ((($cont->is_admin == 1) && ($admin == 1)) || 838 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
836 (($cont->is_manager == 1) && ($is_manager == 1))) 839 (($cont->is_manager == 1) && ($is_manager == 1)))
837 <li class="relative px-6 py-3"> 840 <li class="relative px-6 py-3">
838 <a 841 <a
839 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 842 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
840 > 843 >
841 <svg 844 <svg
842 class="w-5 h-5" 845 class="w-5 h-5"
843 aria-hidden="true" 846 aria-hidden="true"
844 fill="none" 847 fill="none"
845 stroke-linecap="round" 848 stroke-linecap="round"
846 stroke-linejoin="round" 849 stroke-linejoin="round"
847 stroke-width="2" 850 stroke-width="2"
848 viewBox="0 0 24 24" 851 viewBox="0 0 24 24"
849 stroke="currentColor" 852 stroke="currentColor"
850 > 853 >
851 <path 854 <path
852 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 855 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
853 ></path> 856 ></path>
854 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 857 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
855 </svg> 858 </svg>
856 <span class="ml-4">Соискатели</span> 859 <span class="ml-4">Соискатели</span>
857 </a> 860 </a>
858 </li> 861 </li>
859 @endif 862 @endif
860 @endif 863 @endif
861 864
862 @if ($cont->url_page == "admin/ad-employers") 865 @if ($cont->url_page == "admin/ad-employers")
863 @if ((($cont->is_admin == 1) && ($admin == 1)) || 866 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
864 (($cont->is_manager == 1) && ($is_manager == 1))) 867 (($cont->is_manager == 1) && ($is_manager == 1)))
865 <li class="relative px-6 py-3"> 868 <li class="relative px-6 py-3">
866 <a 869 <a
867 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 870 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
868 > 871 >
869 <svg 872 <svg
870 class="w-5 h-5" 873 class="w-5 h-5"
871 aria-hidden="true" 874 aria-hidden="true"
872 fill="none" 875 fill="none"
873 stroke-linecap="round" 876 stroke-linecap="round"
874 stroke-linejoin="round" 877 stroke-linejoin="round"
875 stroke-width="2" 878 stroke-width="2"
876 viewBox="0 0 24 24" 879 viewBox="0 0 24 24"
877 stroke="currentColor" 880 stroke="currentColor"
878 > 881 >
879 <path 882 <path
880 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 883 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
881 ></path> 884 ></path>
882 </svg> 885 </svg>
883 <span class="ml-4">Вакансии</span> 886 <span class="ml-4">Вакансии</span>
884 </a> 887 </a>
885 </li> 888 </li>
886 @endif 889 @endif
887 @endif 890 @endif
888 891
889 @if ($cont->url_page == "admin/messages") 892 @if ($cont->url_page == "admin/messages")
890 @if ((($cont->is_admin == 1) && ($admin == 1)) || 893 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
891 (($cont->is_manager == 1) && ($is_manager == 1))) 894 (($cont->is_manager == 1) && ($is_manager == 1)))
892 <li class="relative px-6 py-3"> 895 <li class="relative px-6 py-3">
893 <a 896 <a
894 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 897 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
895 > 898 >
896 <svg 899 <svg
897 class="w-5 h-5" 900 class="w-5 h-5"
898 aria-hidden="true" 901 aria-hidden="true"
899 fill="none" 902 fill="none"
900 stroke-linecap="round" 903 stroke-linecap="round"
901 stroke-linejoin="round" 904 stroke-linejoin="round"
902 stroke-width="2" 905 stroke-width="2"
903 viewBox="0 0 24 24" 906 viewBox="0 0 24 24"
904 stroke="currentColor" 907 stroke="currentColor"
905 > 908 >
906 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 909 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
907 </svg> 910 </svg>
908 <span class="ml-4">Сообщения все</span> 911 <span class="ml-4">Сообщения все</span>
909 </a> 912 </a>
910 </li> 913 </li>
911 @endif 914 @endif
912 @endif 915 @endif
913 916
914 @if ($cont->url_page == "admin/admin-messages") 917 @if ($cont->url_page == "admin/admin-messages")
915 @if ((($cont->is_admin == 1) && ($admin == 1)) || 918 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
916 (($cont->is_manager == 1) && ($is_manager == 1))) 919 (($cont->is_manager == 1) && ($is_manager == 1)))
917 <li class="relative px-6 py-3"> 920 <li class="relative px-6 py-3">
918 <a 921 <a
919 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 922 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
920 > 923 >
921 <svg 924 <svg
922 class="w-5 h-5" 925 class="w-5 h-5"
923 aria-hidden="true" 926 aria-hidden="true"
924 fill="none" 927 fill="none"
925 stroke-linecap="round" 928 stroke-linecap="round"
926 stroke-linejoin="round" 929 stroke-linejoin="round"
927 stroke-width="2" 930 stroke-width="2"
928 viewBox="0 0 24 24" 931 viewBox="0 0 24 24"
929 stroke="currentColor" 932 stroke="currentColor"
930 > 933 >
931 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 934 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
932 </svg> 935 </svg>
933 <span class="ml-4">Заявки на рассылку</span> 936 <span class="ml-4">Заявки на рассылку</span>
934 </a> 937 </a>
935 </li> 938 </li>
936 @endif 939 @endif
937 @endif 940 @endif
938 941
939 @if ($cont->url_page == "admin/groups") 942 @if ($cont->url_page == "admin/groups")
940 @if ((($cont->is_admin == 1) && ($admin == 1)) || 943 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
941 (($cont->is_manager == 1) && ($is_manager == 1))) 944 (($cont->is_manager == 1) && ($is_manager == 1)))
942 <li class="relative px-6 py-3"> 945 <li class="relative px-6 py-3">
943 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"> 946 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}">
944 <svg 947 <svg
945 class="w-5 h-5" 948 class="w-5 h-5"
946 aria-hidden="true" 949 aria-hidden="true"
947 fill="none" 950 fill="none"
948 stroke-linecap="round" 951 stroke-linecap="round"
949 stroke-linejoin="round" 952 stroke-linejoin="round"
950 stroke-width="2" 953 stroke-width="2"
951 viewBox="0 0 24 24" 954 viewBox="0 0 24 24"
952 stroke="currentColor" 955 stroke="currentColor"
953 > 956 >
954 <path 957 <path
955 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 958 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
956 ></path> 959 ></path>
957 </svg> 960 </svg>
958 <span class="ml-4">Группы пользователей</span> 961 <span class="ml-4">Группы пользователей</span>
959 </a> 962 </a>
960 </li> 963 </li>
961 @endif 964 @endif
962 @endif 965 @endif
963 966
964 @if ($cont->url_page == "admin/media") 967 @if ($cont->url_page == "admin/media")
965 @if ((($cont->is_admin == 1) && ($admin == 1)) || 968 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
966 (($cont->is_manager == 1) && ($is_manager == 1))) 969 (($cont->is_manager == 1) && ($is_manager == 1)))
967 <li class="relative px-6 py-3"> 970 <li class="relative px-6 py-3">
968 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 971 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
969 <svg 972 <svg
970 class="w-5 h-5" 973 class="w-5 h-5"
971 aria-hidden="true" 974 aria-hidden="true"
972 fill="none" 975 fill="none"
973 stroke-linecap="round" 976 stroke-linecap="round"
974 stroke-linejoin="round" 977 stroke-linejoin="round"
975 stroke-width="2" 978 stroke-width="2"
976 viewBox="0 0 24 24" 979 viewBox="0 0 24 24"
977 stroke="currentColor" 980 stroke="currentColor"
978 > 981 >
979 <path 982 <path
980 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 983 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
981 ></path> 984 ></path>
982 </svg> 985 </svg>
983 <span class="ml-4">Медиа</span> 986 <span class="ml-4">Медиа</span>
984 </a> 987 </a>
985 </li> 988 </li>
986 @endif 989 @endif
987 @endif 990 @endif
988 991
989 @if ($cont->url_page == "admin/roles") 992 @if ($cont->url_page == "admin/roles")
990 @if ((($cont->is_admin == 1) && ($admin == 1)) || 993 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
991 (($cont->is_manager == 1) && ($is_manager == 1))) 994 (($cont->is_manager == 1) && ($is_manager == 1)))
992 995
993 <li class="relative px-6 py-3"> 996 <li class="relative px-6 py-3">
994 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 997 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
995 <svg 998 <svg
996 class="w-5 h-5" 999 class="w-5 h-5"
997 aria-hidden="true" 1000 aria-hidden="true"
998 fill="none" 1001 fill="none"
999 stroke-linecap="round" 1002 stroke-linecap="round"
1000 stroke-linejoin="round" 1003 stroke-linejoin="round"
1001 stroke-width="2" 1004 stroke-width="2"
1002 viewBox="0 0 24 24" 1005 viewBox="0 0 24 24"
1003 stroke="currentColor" 1006 stroke="currentColor"
1004 > 1007 >
1005 <path 1008 <path
1006 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 1009 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
1007 ></path> 1010 ></path>
1008 </svg> 1011 </svg>
1009 <span class="ml-4">Роли пользователей</span> 1012 <span class="ml-4">Роли пользователей</span>
1010 </a> 1013 </a>
1011 </li> 1014 </li>
1012 @endif 1015 @endif
1013 @endif 1016 @endif
1014 1017
1015 @if ($cont->url_page == "admin/basedata") 1018 @if ($cont->url_page == "admin/basedata")
1016 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1019 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1017 (($cont->is_manager == 1) && ($is_manager == 1))) 1020 (($cont->is_manager == 1) && ($is_manager == 1)))
1018 <li class="relative px-6 py-3"> 1021 <li class="relative px-6 py-3">
1019 <a 1022 <a
1020 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 1023 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
1021 > 1024 >
1022 <svg 1025 <svg
1023 class="w-5 h-5" 1026 class="w-5 h-5"
1024 aria-hidden="true" 1027 aria-hidden="true"
1025 fill="none" 1028 fill="none"
1026 stroke-linecap="round" 1029 stroke-linecap="round"
1027 stroke-linejoin="round" 1030 stroke-linejoin="round"
1028 stroke-width="2" 1031 stroke-width="2"
1029 viewBox="0 0 24 24" 1032 viewBox="0 0 24 24"
1030 stroke="currentColor" 1033 stroke="currentColor"
1031 > 1034 >
1032 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1035 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1033 </svg> 1036 </svg>
1034 <span class="ml-4">Базы данных</span> 1037 <span class="ml-4">Базы данных</span>
1035 </a> 1038 </a>
1036 </li> 1039 </li>
1037 @endif 1040 @endif
1038 @endif 1041 @endif
1039 1042
1040 @if ($cont->url_page == "admin/education") 1043 @if ($cont->url_page == "admin/education")
1041 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1044 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1042 (($cont->is_manager == 1) && ($is_manager == 1))) 1045 (($cont->is_manager == 1) && ($is_manager == 1)))
1043 <li class="relative px-6 py-3"> 1046 <li class="relative px-6 py-3">
1044 <a 1047 <a
1045 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 1048 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
1046 > 1049 >
1047 <svg 1050 <svg
1048 class="w-5 h-5" 1051 class="w-5 h-5"
1049 aria-hidden="true" 1052 aria-hidden="true"
1050 fill="none" 1053 fill="none"
1051 stroke-linecap="round" 1054 stroke-linecap="round"
1052 stroke-linejoin="round" 1055 stroke-linejoin="round"
1053 stroke-width="2" 1056 stroke-width="2"
1054 viewBox="0 0 24 24" 1057 viewBox="0 0 24 24"
1055 stroke="currentColor" 1058 stroke="currentColor"
1056 > 1059 >
1057 <path 1060 <path
1058 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 1061 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
1059 ></path> 1062 ></path>
1060 </svg> 1063 </svg>
1061 <span class="ml-4">Учебн.заведения</span> 1064 <span class="ml-4">Учебн.заведения</span>
1062 </a> 1065 </a>
1063 </li> 1066 </li>
1064 @endif 1067 @endif
1065 @endif 1068 @endif
1066 1069
1067 @if ($cont->url_page == "admin/statics") 1070 @if ($cont->url_page == "admin/statics")
1068 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1071 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1069 (($cont->is_manager == 1) && ($is_manager == 1))) 1072 (($cont->is_manager == 1) && ($is_manager == 1)))
1070 <li class="relative px-6 py-3"> 1073 <li class="relative px-6 py-3">
1071 <a 1074 <a
1072 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 1075 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
1073 > 1076 >
1074 <svg 1077 <svg
1075 class="w-5 h-5" 1078 class="w-5 h-5"
1076 aria-hidden="true" 1079 aria-hidden="true"
1077 fill="none" 1080 fill="none"
1078 stroke-linecap="round" 1081 stroke-linecap="round"
1079 stroke-linejoin="round" 1082 stroke-linejoin="round"
1080 stroke-width="2" 1083 stroke-width="2"
1081 viewBox="0 0 24 24" 1084 viewBox="0 0 24 24"
1082 stroke="currentColor" 1085 stroke="currentColor"
1083 > 1086 >
1084 <path 1087 <path
1085 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 1088 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
1086 ></path> 1089 ></path>
1087 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 1090 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
1088 </svg> 1091 </svg>
1089 <span class="ml-4">Статистика</span> 1092 <span class="ml-4">Статистика</span>
1090 </a> 1093 </a>
1091 </li> 1094 </li>
1092 @endif 1095 @endif
1093 @endif 1096 @endif
1094 1097
1095 @if ($cont->url_page == "admin/messages") 1098 @if ($cont->url_page == "admin/messages")
1096 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1099 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1097 (($cont->is_manager == 1) && ($is_manager == 1))) 1100 (($cont->is_manager == 1) && ($is_manager == 1)))
1098 <li class="relative px-6 py-3"> 1101 <li class="relative px-6 py-3">
1099 <a 1102 <a
1100 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 1103 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
1101 > 1104 >
1102 <svg 1105 <svg
1103 class="w-5 h-5" 1106 class="w-5 h-5"
1104 aria-hidden="true" 1107 aria-hidden="true"
1105 fill="none" 1108 fill="none"
1106 stroke-linecap="round" 1109 stroke-linecap="round"
1107 stroke-linejoin="round" 1110 stroke-linejoin="round"
1108 stroke-width="2" 1111 stroke-width="2"
1109 viewBox="0 0 24 24" 1112 viewBox="0 0 24 24"
1110 stroke="currentColor" 1113 stroke="currentColor"
1111 > 1114 >
1112 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1115 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1113 </svg> 1116 </svg>
1114 <span class="ml-4">Сообщения все</span> 1117 <span class="ml-4">Сообщения все</span>
1115 </a> 1118 </a>
1116 </li> 1119 </li>
1117 @endif 1120 @endif
1118 @endif 1121 @endif
1119 1122
1120 @if ($cont->url_page == "admin/reclames") 1123 @if ($cont->url_page == "admin/reclames")
1121 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1124 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1122 (($cont->is_manager == 1) && ($is_manager == 1))) 1125 (($cont->is_manager == 1) && ($is_manager == 1)))
1123 <li class="relative px-6 py-3"> 1126 <li class="relative px-6 py-3">
1124 <a 1127 <a
1125 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 1128 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
1126 > 1129 >
1127 <svg 1130 <svg
1128 class="w-5 h-5" 1131 class="w-5 h-5"
1129 aria-hidden="true" 1132 aria-hidden="true"
1130 fill="none" 1133 fill="none"
1131 stroke-linecap="round" 1134 stroke-linecap="round"
1132 stroke-linejoin="round" 1135 stroke-linejoin="round"
1133 stroke-width="2" 1136 stroke-width="2"
1134 viewBox="0 0 24 24" 1137 viewBox="0 0 24 24"
1135 stroke="currentColor" 1138 stroke="currentColor"
1136 > 1139 >
1137 <path 1140 <path
1138 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 1141 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
1139 ></path> 1142 ></path>
1140 </svg> 1143 </svg>
1141 <span class="ml-4">Реклама</span> 1144 <span class="ml-4">Реклама</span>
1142 </a> 1145 </a>
1143 </li> 1146 </li>
1144 @endif 1147 @endif
1145 @endif 1148 @endif
1146 @endforeach 1149 @endforeach
1147 1150
1148 <!-- Справочники --> 1151 <!-- Справочники -->
1149 <li class="relative px-6 py-3" x-data="{ open2: false }"> 1152 <li class="relative px-6 py-3" x-data="{ open2: false }">
1150 <button 1153 <button
1151 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 1154 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
1152 @click="open2=!open2" 1155 @click="open2=!open2"
1153 aria-haspopup="true"> 1156 aria-haspopup="true">
1154 <span class="inline-flex items-center"> 1157 <span class="inline-flex items-center">
1155 <svg 1158 <svg
1156 class="w-5 h-5" 1159 class="w-5 h-5"
1157 aria-hidden="true" 1160 aria-hidden="true"
1158 fill="none" 1161 fill="none"
1159 stroke-linecap="round" 1162 stroke-linecap="round"
1160 stroke-linejoin="round" 1163 stroke-linejoin="round"
1161 stroke-width="2" 1164 stroke-width="2"
1162 viewBox="0 0 24 24" 1165 viewBox="0 0 24 24"
1163 stroke="currentColor"> 1166 stroke="currentColor">
1164 <path 1167 <path
1165 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 1168 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
1166 ></path> 1169 ></path>
1167 </svg> 1170 </svg>
1168 <span class="ml-4">Справочники</span> 1171 <span class="ml-4">Справочники</span>
1169 </span> 1172 </span>
1170 <svg 1173 <svg
1171 class="w-4 h-4" 1174 class="w-4 h-4"
1172 aria-hidden="true" 1175 aria-hidden="true"
1173 fill="currentColor" 1176 fill="currentColor"
1174 viewBox="0 0 20 20" 1177 viewBox="0 0 20 20"
1175 > 1178 >
1176 <path 1179 <path
1177 fill-rule="evenodd" 1180 fill-rule="evenodd"
1178 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1181 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1179 clip-rule="evenodd" 1182 clip-rule="evenodd"
1180 ></path> 1183 ></path>
1181 </svg> 1184 </svg>
1182 </button> 1185 </button>
1183 <template x-if="open2"> 1186 <template x-if="open2">
1184 <ul 1187 <ul
1185 x-transition:enter="transition-all ease-in-out duration-300" 1188 x-transition:enter="transition-all ease-in-out duration-300"
1186 x-transition:enter-start="opacity-25 max-h-0" 1189 x-transition:enter-start="opacity-25 max-h-0"
1187 x-transition:enter-end="opacity-100 max-h-xl" 1190 x-transition:enter-end="opacity-100 max-h-xl"
1188 x-transition:leave="transition-all ease-in-out duration-300" 1191 x-transition:leave="transition-all ease-in-out duration-300"
1189 x-transition:leave-start="opacity-100 max-h-xl" 1192 x-transition:leave-start="opacity-100 max-h-xl"
1190 x-transition:leave-end="opacity-0 max-h-0" 1193 x-transition:leave-end="opacity-0 max-h-0"
1191 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 1194 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
1192 aria-label="submenu" 1195 aria-label="submenu"
1193 > 1196 >
1194 @foreach ($contents as $cont) 1197 @foreach ($contents as $cont)
1195 @if ($cont->url_page == "admin/job-titles") 1198 @if ($cont->url_page == "admin/job-titles")
1196 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1199 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1197 (($cont->is_manager == 1) && ($is_manager == 1))) 1200 (($cont->is_manager == 1) && ($is_manager == 1)))
1198 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 1201 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
1199 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 1202 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
1200 </li> 1203 </li>
1201 @endif 1204 @endif
1202 @endif 1205 @endif
1203 1206
1204 @if ($cont->url_page == "admin/categories") 1207 @if ($cont->url_page == "admin/categories")
1205 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1208 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1206 (($cont->is_manager == 1) && ($is_manager == 1))) 1209 (($cont->is_manager == 1) && ($is_manager == 1)))
1207 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 1210 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
1208 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 1211 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
1209 </li> 1212 </li>
1210 @endif 1213 @endif
1211 @endif 1214 @endif
1212 1215
1213 @if ($cont->url_page == "admin/category-emp") 1216 @if ($cont->url_page == "admin/category-emp")
1214 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1217 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1215 (($cont->is_manager == 1) && ($is_manager == 1))) 1218 (($cont->is_manager == 1) && ($is_manager == 1)))
1216 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 1219 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
1217 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 1220 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
1218 </li> 1221 </li>
1219 @endif 1222 @endif
1220 @endif 1223 @endif
1221 1224
1222 @if ($cont->url_page == "admin/infobloks") 1225 @if ($cont->url_page == "admin/infobloks")
1223 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1226 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1224 (($cont->is_manager == 1) && ($is_manager == 1))) 1227 (($cont->is_manager == 1) && ($is_manager == 1)))
1225 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 1228 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
1226 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 1229 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
1227 </li> 1230 </li>
1228 @endif 1231 @endif
1229 @endif 1232 @endif
1233
1234 @if ($cont->url_page == "admin/position")
1235 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1236 (($cont->is_manager == 1) && ($is_manager == 1)))
1237 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}">
1238 <a class="w-full" href="{{ route('admin.position') }}">Позиция</a>
1239 </li>
1240 @endif
1241 @endif
1242
1230 @endforeach 1243 @endforeach
1231 </ul> 1244 </ul>
1232 </template> 1245 </template>
1233 </li> 1246 </li>
1234 1247
1235 <!-- Редактор --> 1248 <!-- Редактор -->
1236 <li class="relative px-6 py-3"> 1249 <li class="relative px-6 py-3">
1237 <button 1250 <button
1238 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 1251 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
1239 @click="togglePagesMenu" 1252 @click="togglePagesMenu"
1240 aria-haspopup="true" 1253 aria-haspopup="true"
1241 > 1254 >
1242 <span class="inline-flex items-center"> 1255 <span class="inline-flex items-center">
1243 <svg 1256 <svg
1244 class="w-5 h-5" 1257 class="w-5 h-5"
1245 aria-hidden="true" 1258 aria-hidden="true"
1246 fill="none" 1259 fill="none"
1247 stroke-linecap="round" 1260 stroke-linecap="round"
1248 stroke-linejoin="round" 1261 stroke-linejoin="round"
1249 stroke-width="2" 1262 stroke-width="2"
1250 viewBox="0 0 24 24" 1263 viewBox="0 0 24 24"
1251 stroke="currentColor" 1264 stroke="currentColor"
1252 > 1265 >
1253 <path 1266 <path
1254 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 1267 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
1255 ></path> 1268 ></path>
1256 </svg> 1269 </svg>
1257 <span class="ml-4">Редактор</span> 1270 <span class="ml-4">Редактор</span>
1258 </span> 1271 </span>
1259 <svg 1272 <svg
1260 class="w-4 h-4" 1273 class="w-4 h-4"
1261 aria-hidden="true" 1274 aria-hidden="true"
1262 fill="currentColor" 1275 fill="currentColor"
1263 viewBox="0 0 20 20" 1276 viewBox="0 0 20 20"
1264 > 1277 >
1265 <path 1278 <path
1266 fill-rule="evenodd" 1279 fill-rule="evenodd"
1267 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1280 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1268 clip-rule="evenodd" 1281 clip-rule="evenodd"
1269 ></path> 1282 ></path>
1270 </svg> 1283 </svg>
1271 </button> 1284 </button>
1272 <template x-if="isPagesMenuOpen"> 1285 <template x-if="isPagesMenuOpen">
1273 <ul 1286 <ul
1274 x-transition:enter="transition-all ease-in-out duration-300" 1287 x-transition:enter="transition-all ease-in-out duration-300"
1275 x-transition:enter-start="opacity-25 max-h-0" 1288 x-transition:enter-start="opacity-25 max-h-0"
1276 x-transition:enter-end="opacity-100 max-h-xl" 1289 x-transition:enter-end="opacity-100 max-h-xl"
1277 x-transition:leave="transition-all ease-in-out duration-300" 1290 x-transition:leave="transition-all ease-in-out duration-300"
1278 x-transition:leave-start="opacity-100 max-h-xl" 1291 x-transition:leave-start="opacity-100 max-h-xl"
1279 x-transition:leave-end="opacity-0 max-h-0" 1292 x-transition:leave-end="opacity-0 max-h-0"
1280 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 1293 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
1281 aria-label="submenu" 1294 aria-label="submenu"
1282 > 1295 >
1283 @foreach ($contents as $cont) 1296 @foreach ($contents as $cont)
1284 @if ($cont->url_page == "admin/editor-site") 1297 @if ($cont->url_page == "admin/editor-site")
1285 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1298 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1286 (($cont->is_manager == 1) && ($is_manager == 1))) 1299 (($cont->is_manager == 1) && ($is_manager == 1)))
1287 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 1300 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
1288 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 1301 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
1289 </li> 1302 </li>
1290 @endif 1303 @endif
1291 @endif 1304 @endif
1292 1305
1293 @if ($cont->url_page == "admin/edit-blocks") 1306 @if ($cont->url_page == "admin/edit-blocks")
1294 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1307 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1295 (($cont->is_manager == 1) && ($is_manager == 1))) 1308 (($cont->is_manager == 1) && ($is_manager == 1)))
1296 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 1309 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
1297 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 1310 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
1298 </li> 1311 </li>
1299 @endif 1312 @endif
1300 @endif 1313 @endif
1301 1314
1302 @if ($cont->url_page == "admin/editor-seo") 1315 @if ($cont->url_page == "admin/editor-seo")
1303 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1316 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1304 (($cont->is_manager == 1) && ($is_manager == 1))) 1317 (($cont->is_manager == 1) && ($is_manager == 1)))
1305 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 1318 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
1306 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 1319 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
1307 </li> 1320 </li>
1308 @endif 1321 @endif
1309 @endif 1322 @endif
1310 1323
1311 @if ($cont->url_page == "admin/editor-pages") 1324 @if ($cont->url_page == "admin/editor-pages")
1312 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1325 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1313 (($cont->is_manager == 1) && ($is_manager == 1))) 1326 (($cont->is_manager == 1) && ($is_manager == 1)))
1314 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 1327 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
1315 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 1328 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
1316 </li> 1329 </li>
1317 @endif 1330 @endif
1318 @endif 1331 @endif
1319 1332
1320 @if ($cont->url_page == "admin/job-titles-main") 1333 @if ($cont->url_page == "admin/job-titles-main")
1321 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1334 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1322 (($cont->is_manager == 1) && ($is_manager == 1))) 1335 (($cont->is_manager == 1) && ($is_manager == 1)))
1323 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 1336 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
1324 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 1337 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
1325 </li> 1338 </li>
1326 @endif 1339 @endif
1327 @endif 1340 @endif
1328 1341
1329 @if ($cont->url_page == "admin/employers-main") 1342 @if ($cont->url_page == "admin/employers-main")
1330 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1343 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1331 (($cont->is_manager == 1) && ($is_manager == 1))) 1344 (($cont->is_manager == 1) && ($is_manager == 1)))
1332 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 1345 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
1333 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 1346 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
1334 </li> 1347 </li>
1335 @endif 1348 @endif
1336 @endif 1349 @endif
1337 1350
1338 @endforeach 1351 @endforeach
1339 </ul> 1352 </ul>
1340 </template> 1353 </template>
1341 </li> 1354 </li>
1342 </ul> 1355 </ul>
1343 <!--<div class="px-6 my-6"> 1356 <!--<div class="px-6 my-6">
1344 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> 1357 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
1345 Create account 1358 Create account
1346 <span class="ml-2" aria-hidden="true">+</span> 1359 <span class="ml-2" aria-hidden="true">+</span>
1347 </button> 1360 </button>
1348 </div>--> 1361 </div>-->
1349 </div> 1362 </div>
1350 </aside> 1363 </aside>
1351 <div class="flex flex-col flex-1 w-full"> 1364 <div class="flex flex-col flex-1 w-full">
1352 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> 1365 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
1353 <div 1366 <div
1354 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" 1367 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
1355 > 1368 >
1356 <!-- Mobile hamburger --> 1369 <!-- Mobile hamburger -->
1357 <button 1370 <button
1358 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" 1371 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
1359 @click="toggleSideMenu" 1372 @click="toggleSideMenu"
1360 aria-label="Menu" 1373 aria-label="Menu"
1361 > 1374 >
1362 <svg 1375 <svg
1363 class="w-6 h-6" 1376 class="w-6 h-6"
1364 aria-hidden="true" 1377 aria-hidden="true"
1365 fill="currentColor" 1378 fill="currentColor"
1366 viewBox="0 0 20 20" 1379 viewBox="0 0 20 20"
1367 > 1380 >
1368 <path 1381 <path
1369 fill-rule="evenodd" 1382 fill-rule="evenodd"
1370 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" 1383 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
1371 clip-rule="evenodd" 1384 clip-rule="evenodd"
1372 ></path> 1385 ></path>
1373 </svg> 1386 </svg>
1374 </button> 1387 </button>
1375 <!-- Search input --> 1388 <!-- Search input -->
1376 <div class="flex justify-center flex-1 lg:mr-32"> 1389 <div class="flex justify-center flex-1 lg:mr-32">
1377 <div 1390 <div
1378 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" 1391 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
1379 > 1392 >
1380 1393
1381 @yield('search') 1394 @yield('search')
1382 </div> 1395 </div>
1383 </div> 1396 </div>
1384 <ul class="flex items-center flex-shrink-0 space-x-6"> 1397 <ul class="flex items-center flex-shrink-0 space-x-6">
1385 <!-- Theme toggler --> 1398 <!-- Theme toggler -->
1386 <li class="flex"> 1399 <li class="flex">
1387 <button 1400 <button
1388 class="rounded-md focus:outline-none focus:shadow-outline-purple" 1401 class="rounded-md focus:outline-none focus:shadow-outline-purple"
1389 @click="toggleTheme" 1402 @click="toggleTheme"
1390 aria-label="Toggle color mode" 1403 aria-label="Toggle color mode"
1391 > 1404 >
1392 <template x-if="!dark"> 1405 <template x-if="!dark">
1393 <svg 1406 <svg
1394 class="w-5 h-5" 1407 class="w-5 h-5"
1395 aria-hidden="true" 1408 aria-hidden="true"
1396 fill="currentColor" 1409 fill="currentColor"
1397 viewBox="0 0 20 20" 1410 viewBox="0 0 20 20"
1398 > 1411 >
1399 <path 1412 <path
1400 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" 1413 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
1401 ></path> 1414 ></path>
1402 </svg> 1415 </svg>
1403 </template> 1416 </template>
1404 <template x-if="dark"> 1417 <template x-if="dark">
1405 <svg 1418 <svg
1406 class="w-5 h-5" 1419 class="w-5 h-5"
1407 aria-hidden="true" 1420 aria-hidden="true"
1408 fill="currentColor" 1421 fill="currentColor"
1409 viewBox="0 0 20 20" 1422 viewBox="0 0 20 20"
1410 > 1423 >
1411 <path 1424 <path
1412 fill-rule="evenodd" 1425 fill-rule="evenodd"
1413 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" 1426 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
1414 clip-rule="evenodd" 1427 clip-rule="evenodd"
1415 ></path> 1428 ></path>
1416 </svg> 1429 </svg>
1417 </template> 1430 </template>
1418 </button> 1431 </button>
1419 </li> 1432 </li>
1420 <!-- Notifications menu --> 1433 <!-- Notifications menu -->
1421 <li class="relative"> 1434 <li class="relative">
1422 <button 1435 <button
1423 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" 1436 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple"
1424 @click="toggleNotificationsMenu" 1437 @click="toggleNotificationsMenu"
1425 @keydown.escape="closeNotificationsMenu" 1438 @keydown.escape="closeNotificationsMenu"
1426 aria-label="Notifications" 1439 aria-label="Notifications"
1427 aria-haspopup="true" 1440 aria-haspopup="true"
1428 > 1441 >
1429 <svg 1442 <svg
1430 class="w-5 h-5" 1443 class="w-5 h-5"
1431 aria-hidden="true" 1444 aria-hidden="true"
1432 fill="currentColor" 1445 fill="currentColor"
1433 viewBox="0 0 20 20" 1446 viewBox="0 0 20 20"
1434 > 1447 >
1435 <path 1448 <path
1436 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" 1449 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
1437 ></path> 1450 ></path>
1438 </svg> 1451 </svg>
1439 <!-- Notification badge --> 1452 <!-- Notification badge -->
1440 <span 1453 <span
1441 aria-hidden="true" 1454 aria-hidden="true"
1442 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800" 1455 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800"
1443 ></span> 1456 ></span>
1444 </button> 1457 </button>
1445 <template x-if="isNotificationsMenuOpen"> 1458 <template x-if="isNotificationsMenuOpen">
1446 <ul 1459 <ul
1447 x-transition:leave="transition ease-in duration-150" 1460 x-transition:leave="transition ease-in duration-150"
1448 x-transition:leave-start="opacity-100" 1461 x-transition:leave-start="opacity-100"
1449 x-transition:leave-end="opacity-0" 1462 x-transition:leave-end="opacity-0"
1450 @click.away="closeNotificationsMenu" 1463 @click.away="closeNotificationsMenu"
1451 @keydown.escape="closeNotificationsMenu" 1464 @keydown.escape="closeNotificationsMenu"
1452 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700" 1465 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700"
1453 > 1466 >
1454 <li class="flex"> 1467 <li class="flex">
1455 <a 1468 <a
1456 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1469 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1457 href="{{ route('admin.admin-messages') }}" 1470 href="{{ route('admin.admin-messages') }}"
1458 > 1471 >
1459 <span>Сообщения</span> 1472 <span>Сообщения</span>
1460 @if($MsgCount > 0) 1473 @if($MsgCount > 0)
1461 <span 1474 <span
1462 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600" 1475 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
1463 > 1476 >
1464 1477
1465 {{ $MsgCount }} 1478 {{ $MsgCount }}
1466 </span> 1479 </span>
1467 @endif 1480 @endif
1468 </a> 1481 </a>
1469 </li> 1482 </li>
1470 <!--<li class="flex"> 1483 <!--<li class="flex">
1471 <a 1484 <a
1472 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1485 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1473 href="#" 1486 href="#"
1474 > 1487 >
1475 <span>Логи</span> 1488 <span>Логи</span>
1476 </a> 1489 </a>
1477 </li>--> 1490 </li>-->
1478 </ul> 1491 </ul>
1479 </template> 1492 </template>
1480 </li> 1493 </li>
1481 <!-- Profile menu --> 1494 <!-- Profile menu -->
1482 <li class="relative"> 1495 <li class="relative">
1483 <button 1496 <button
1484 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" 1497 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
1485 @click="toggleProfileMenu" 1498 @click="toggleProfileMenu"
1486 @keydown.escape="closeProfileMenu" 1499 @keydown.escape="closeProfileMenu"
1487 aria-label="Account" 1500 aria-label="Account"
1488 aria-haspopup="true" 1501 aria-haspopup="true"
1489 > 1502 >
1490 <img 1503 <img
1491 class="object-cover w-8 h-8 rounded-full" 1504 class="object-cover w-8 h-8 rounded-full"
1492 src="{{ asset('assets/img/profile.jpg') }}" 1505 src="{{ asset('assets/img/profile.jpg') }}"
1493 alt="" 1506 alt=""
1494 aria-hidden="true" 1507 aria-hidden="true"
1495 /> 1508 />
1496 </button> 1509 </button>
1497 <template x-if="isProfileMenuOpen"> 1510 <template x-if="isProfileMenuOpen">
1498 <ul 1511 <ul
1499 x-transition:leave="transition ease-in duration-150" 1512 x-transition:leave="transition ease-in duration-150"
1500 x-transition:leave-start="opacity-100" 1513 x-transition:leave-start="opacity-100"
1501 x-transition:leave-end="opacity-0" 1514 x-transition:leave-end="opacity-0"
1502 @click.away="closeProfileMenu" 1515 @click.away="closeProfileMenu"
1503 @keydown.escape="closeProfileMenu" 1516 @keydown.escape="closeProfileMenu"
1504 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700" 1517 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700"
1505 aria-label="submenu" 1518 aria-label="submenu"
1506 > 1519 >
1507 <li class="flex"> 1520 <li class="flex">
1508 <a 1521 <a
1509 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1522 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1510 href="{{ route('admin.profile') }}" 1523 href="{{ route('admin.profile') }}"
1511 > 1524 >
1512 <svg 1525 <svg
1513 class="w-4 h-4 mr-3" 1526 class="w-4 h-4 mr-3"
1514 aria-hidden="true" 1527 aria-hidden="true"
1515 fill="none" 1528 fill="none"
1516 stroke-linecap="round" 1529 stroke-linecap="round"
1517 stroke-linejoin="round" 1530 stroke-linejoin="round"
1518 stroke-width="2" 1531 stroke-width="2"
1519 viewBox="0 0 24 24" 1532 viewBox="0 0 24 24"
1520 stroke="currentColor" 1533 stroke="currentColor"
1521 > 1534 >
1522 <path 1535 <path
1523 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" 1536 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
1524 ></path> 1537 ></path>
1525 </svg> 1538 </svg>
1526 <span>Профиль</span> 1539 <span>Профиль</span>
1527 </a> 1540 </a>
1528 </li> 1541 </li>
1529 <li class="flex"> 1542 <li class="flex">
1530 <a 1543 <a
1531 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1544 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1532 href="{{ route('admin.config') }}" 1545 href="{{ route('admin.config') }}"
1533 > 1546 >
1534 <svg 1547 <svg
1535 class="w-4 h-4 mr-3" 1548 class="w-4 h-4 mr-3"
1536 aria-hidden="true" 1549 aria-hidden="true"
1537 fill="none" 1550 fill="none"
1538 stroke-linecap="round" 1551 stroke-linecap="round"
1539 stroke-linejoin="round" 1552 stroke-linejoin="round"
1540 stroke-width="2" 1553 stroke-width="2"
1541 viewBox="0 0 24 24" 1554 viewBox="0 0 24 24"
1542 stroke="currentColor" 1555 stroke="currentColor"
1543 > 1556 >
1544 <path 1557 <path
1545 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" 1558 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
1546 ></path> 1559 ></path>
1547 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> 1560 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
1548 </svg> 1561 </svg>
1549 <span>Настройки</span> 1562 <span>Настройки</span>
1550 </a> 1563 </a>
1551 </li> 1564 </li>
1552 <li class="flex"> 1565 <li class="flex">
1553 <a 1566 <a
1554 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1567 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1555 href="{{ route('admin.logout') }}" 1568 href="{{ route('admin.logout') }}"
1556 > 1569 >
1557 <svg 1570 <svg
1558 class="w-4 h-4 mr-3" 1571 class="w-4 h-4 mr-3"
1559 aria-hidden="true" 1572 aria-hidden="true"
1560 fill="none" 1573 fill="none"
1561 stroke-linecap="round" 1574 stroke-linecap="round"
1562 stroke-linejoin="round" 1575 stroke-linejoin="round"
1563 stroke-width="2" 1576 stroke-width="2"
1564 viewBox="0 0 24 24" 1577 viewBox="0 0 24 24"
1565 stroke="currentColor" 1578 stroke="currentColor"
1566 > 1579 >
1567 <path 1580 <path
1568 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" 1581 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
1569 ></path> 1582 ></path>
1570 </svg> 1583 </svg>
1571 <span>Выход</span> 1584 <span>Выход</span>
1572 </a> 1585 </a>
1573 </li> 1586 </li>
1574 </ul> 1587 </ul>
1575 </template> 1588 </template>
1576 </li> 1589 </li>
1577 </ul> 1590 </ul>
1578 </div> 1591 </div>
1579 </header> 1592 </header>
1580 <main class="h-full overflow-y-auto"> 1593 <main class="h-full overflow-y-auto">
1581 <div class="container px-6 mx-auto grid"> 1594 <div class="container px-6 mx-auto grid">
1582 <h2 1595 <h2
1583 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" 1596 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
1584 > 1597 >
1585 {{$title}} 1598 {{$title}}
1586 </h2> 1599 </h2>
1587 <!-- CTA --> 1600 <!-- CTA -->
1588 <a 1601 <a
1589 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple" 1602 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple"
1590 href="{{ route('admin.admin-users') }}" 1603 href="{{ route('admin.admin-users') }}"
1591 > 1604 >
1592 <div class="flex items-center"> 1605 <div class="flex items-center">
1593 <svg 1606 <svg
1594 class="w-5 h-5 mr-2" 1607 class="w-5 h-5 mr-2"
1595 fill="currentColor" 1608 fill="currentColor"
1596 viewBox="0 0 20 20" 1609 viewBox="0 0 20 20"
1597 > 1610 >
1598 <path 1611 <path
1599 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" 1612 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
1600 ></path> 1613 ></path>
1601 </svg> 1614 </svg>
1602 <span>Контент для админов</span> 1615 <span>Контент для админов</span>
1603 </div> 1616 </div>
1604 <span>Список админов &RightArrow;</span> 1617 <span>Список админов &RightArrow;</span>
1605 </a> 1618 </a>
1606 1619
1607 @if ($message = Session::get('success')) 1620 @if ($message = Session::get('success'))
1608 <section> 1621 <section>
1609 <div class="alert alert-success alert-dismissible mt-0" role="alert"> 1622 <div class="alert alert-success alert-dismissible mt-0" role="alert">
1610 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1623 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1611 <span aria-hidden="true">&times;</span> 1624 <span aria-hidden="true">&times;</span>
1612 </button> 1625 </button>
1613 {{ $message }} 1626 {{ $message }}
1614 </div> 1627 </div>
1615 </section> 1628 </section>
1616 @endif 1629 @endif
1617 1630
1618 @if ($errors->any()) 1631 @if ($errors->any())
1619 <section> 1632 <section>
1620 <div class="alert alert-danger alert-dismissible mt-4" role="alert"> 1633 <div class="alert alert-danger alert-dismissible mt-4" role="alert">
1621 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1634 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1622 <span aria-hidden="true">&times;</span> 1635 <span aria-hidden="true">&times;</span>
1623 </button> 1636 </button>
1624 <ul class="mb-0"> 1637 <ul class="mb-0">
1625 @foreach ($errors->all() as $error) 1638 @foreach ($errors->all() as $error)
1626 <li>{{ $error }}</li> 1639 <li>{{ $error }}</li>
1627 @endforeach 1640 @endforeach
1628 </ul> 1641 </ul>
1629 </div> 1642 </div>
1630 </section> 1643 </section>
1631 @endif 1644 @endif
1632 1645
1633 @yield('content') 1646 @yield('content')
1634 1647
1635 <!-- Cards 1648 <!-- Cards
1636 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> 1649 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
1637 1650
1638 <div 1651 <div
1639 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1652 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1640 > 1653 >
1641 <div 1654 <div
1642 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" 1655 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500"
1643 > 1656 >
1644 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1657 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1645 <path 1658 <path
1646 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" 1659 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"
1647 ></path> 1660 ></path>
1648 </svg> 1661 </svg>
1649 </div> 1662 </div>
1650 <div> 1663 <div>
1651 <p 1664 <p
1652 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1665 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1653 > 1666 >
1654 Total clients 1667 Total clients
1655 </p> 1668 </p>
1656 <p 1669 <p
1657 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1670 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1658 > 1671 >
1659 6389 1672 6389
1660 </p> 1673 </p>
1661 </div> 1674 </div>
1662 </div> 1675 </div>
1663 1676
1664 <div 1677 <div
1665 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1678 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1666 > 1679 >
1667 <div 1680 <div
1668 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" 1681 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500"
1669 > 1682 >
1670 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1683 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1671 <path 1684 <path
1672 fill-rule="evenodd" 1685 fill-rule="evenodd"
1673 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" 1686 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
1674 clip-rule="evenodd" 1687 clip-rule="evenodd"
1675 ></path> 1688 ></path>
1676 </svg> 1689 </svg>
1677 </div> 1690 </div>
1678 <div> 1691 <div>
1679 <p 1692 <p
1680 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1693 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1681 > 1694 >
1682 Account balance 1695 Account balance
1683 </p> 1696 </p>
1684 <p 1697 <p
1685 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1698 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1686 > 1699 >
1687 $ 46,760.89 1700 $ 46,760.89
1688 </p> 1701 </p>
1689 </div> 1702 </div>
1690 </div> 1703 </div>
1691 1704
1692 <div 1705 <div
1693 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1706 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1694 > 1707 >
1695 <div 1708 <div
1696 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" 1709 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500"
1697 > 1710 >
1698 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1711 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1699 <path 1712 <path
1700 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" 1713 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
1701 ></path> 1714 ></path>
1702 </svg> 1715 </svg>
1703 </div> 1716 </div>
1704 <div> 1717 <div>
1705 <p 1718 <p
1706 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1719 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1707 > 1720 >
1708 New sales 1721 New sales
1709 </p> 1722 </p>
1710 <p 1723 <p
1711 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1724 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1712 > 1725 >
1713 376 1726 376
1714 </p> 1727 </p>
1715 </div> 1728 </div>
1716 </div> 1729 </div>
1717 1730
1718 <div 1731 <div
1719 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1732 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1720 > 1733 >
1721 <div 1734 <div
1722 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" 1735 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500"
1723 > 1736 >
1724 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1737 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1725 <path 1738 <path
1726 fill-rule="evenodd" 1739 fill-rule="evenodd"
1727 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" 1740 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z"
1728 clip-rule="evenodd" 1741 clip-rule="evenodd"
1729 ></path> 1742 ></path>
1730 </svg> 1743 </svg>
1731 </div> 1744 </div>
1732 <div> 1745 <div>
1733 <p 1746 <p
1734 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1747 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1735 > 1748 >
1736 Pending contacts 1749 Pending contacts
1737 </p> 1750 </p>
1738 <p 1751 <p
1739 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1752 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1740 > 1753 >
1741 35 1754 35
1742 </p> 1755 </p>
1743 </div> 1756 </div>
1744 </div> 1757 </div>
1745 </div> 1758 </div>
1746 --> 1759 -->
1747 <!-- New Table 1760 <!-- New Table
1748 <div class="w-full overflow-hidden rounded-lg shadow-xs"> 1761 <div class="w-full overflow-hidden rounded-lg shadow-xs">
1749 <div class="w-full overflow-x-auto"> 1762 <div class="w-full overflow-x-auto">
1750 <table class="w-full whitespace-no-wrap"> 1763 <table class="w-full whitespace-no-wrap">
1751 <thead> 1764 <thead>
1752 <tr 1765 <tr
1753 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800" 1766 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
1754 > 1767 >
1755 <th class="px-4 py-3">Client</th> 1768 <th class="px-4 py-3">Client</th>
1756 <th class="px-4 py-3">Amount</th> 1769 <th class="px-4 py-3">Amount</th>
1757 <th class="px-4 py-3">Status</th> 1770 <th class="px-4 py-3">Status</th>
1758 <th class="px-4 py-3">Date</th> 1771 <th class="px-4 py-3">Date</th>
1759 </tr> 1772 </tr>
1760 </thead> 1773 </thead>
1761 <tbody 1774 <tbody
1762 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" 1775 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"
1763 > 1776 >
1764 <tr class="text-gray-700 dark:text-gray-400"> 1777 <tr class="text-gray-700 dark:text-gray-400">
1765 <td class="px-4 py-3"> 1778 <td class="px-4 py-3">
1766 <div class="flex items-center text-sm"> 1779 <div class="flex items-center text-sm">
1767 1780
1768 <div 1781 <div
1769 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1782 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1770 > 1783 >
1771 <img 1784 <img
1772 class="object-cover w-full h-full rounded-full" 1785 class="object-cover w-full h-full rounded-full"
1773 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1786 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1774 alt="" 1787 alt=""
1775 loading="lazy" 1788 loading="lazy"
1776 /> 1789 />
1777 <div 1790 <div
1778 class="absolute inset-0 rounded-full shadow-inner" 1791 class="absolute inset-0 rounded-full shadow-inner"
1779 aria-hidden="true" 1792 aria-hidden="true"
1780 ></div> 1793 ></div>
1781 </div> 1794 </div>
1782 <div> 1795 <div>
1783 <p class="font-semibold">Hans Burger</p> 1796 <p class="font-semibold">Hans Burger</p>
1784 <p class="text-xs text-gray-600 dark:text-gray-400"> 1797 <p class="text-xs text-gray-600 dark:text-gray-400">
1785 10x Developer 1798 10x Developer
1786 </p> 1799 </p>
1787 </div> 1800 </div>
1788 </div> 1801 </div>
1789 </td> 1802 </td>
1790 <td class="px-4 py-3 text-sm"> 1803 <td class="px-4 py-3 text-sm">
1791 $ 863.45 1804 $ 863.45
1792 </td> 1805 </td>
1793 <td class="px-4 py-3 text-xs"> 1806 <td class="px-4 py-3 text-xs">
1794 <span 1807 <span
1795 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1808 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1796 > 1809 >
1797 Approved 1810 Approved
1798 </span> 1811 </span>
1799 </td> 1812 </td>
1800 <td class="px-4 py-3 text-sm"> 1813 <td class="px-4 py-3 text-sm">
1801 6/10/2020 1814 6/10/2020
1802 </td> 1815 </td>
1803 </tr> 1816 </tr>
1804 1817
1805 <tr class="text-gray-700 dark:text-gray-400"> 1818 <tr class="text-gray-700 dark:text-gray-400">
1806 <td class="px-4 py-3"> 1819 <td class="px-4 py-3">
1807 <div class="flex items-center text-sm"> 1820 <div class="flex items-center text-sm">
1808 1821
1809 <div 1822 <div
1810 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1823 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1811 > 1824 >
1812 <img 1825 <img
1813 class="object-cover w-full h-full rounded-full" 1826 class="object-cover w-full h-full rounded-full"
1814 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6" 1827 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6"
1815 alt="" 1828 alt=""
1816 loading="lazy" 1829 loading="lazy"
1817 /> 1830 />
1818 <div 1831 <div
1819 class="absolute inset-0 rounded-full shadow-inner" 1832 class="absolute inset-0 rounded-full shadow-inner"
1820 aria-hidden="true" 1833 aria-hidden="true"
1821 ></div> 1834 ></div>
1822 </div> 1835 </div>
1823 <div> 1836 <div>
1824 <p class="font-semibold">Jolina Angelie</p> 1837 <p class="font-semibold">Jolina Angelie</p>
1825 <p class="text-xs text-gray-600 dark:text-gray-400"> 1838 <p class="text-xs text-gray-600 dark:text-gray-400">
1826 Unemployed 1839 Unemployed
1827 </p> 1840 </p>
1828 </div> 1841 </div>
1829 </div> 1842 </div>
1830 </td> 1843 </td>
1831 <td class="px-4 py-3 text-sm"> 1844 <td class="px-4 py-3 text-sm">
1832 $ 369.95 1845 $ 369.95
1833 </td> 1846 </td>
1834 <td class="px-4 py-3 text-xs"> 1847 <td class="px-4 py-3 text-xs">
1835 <span 1848 <span
1836 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" 1849 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600"
1837 > 1850 >
1838 Pending 1851 Pending
1839 </span> 1852 </span>
1840 </td> 1853 </td>
1841 <td class="px-4 py-3 text-sm"> 1854 <td class="px-4 py-3 text-sm">
1842 6/10/2020 1855 6/10/2020
1843 </td> 1856 </td>
1844 </tr> 1857 </tr>
1845 1858
1846 <tr class="text-gray-700 dark:text-gray-400"> 1859 <tr class="text-gray-700 dark:text-gray-400">
1847 <td class="px-4 py-3"> 1860 <td class="px-4 py-3">
1848 <div class="flex items-center text-sm"> 1861 <div class="flex items-center text-sm">
1849 1862
1850 <div 1863 <div
1851 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1864 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1852 > 1865 >
1853 <img 1866 <img
1854 class="object-cover w-full h-full rounded-full" 1867 class="object-cover w-full h-full rounded-full"
1855 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1868 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1856 alt="" 1869 alt=""
1857 loading="lazy" 1870 loading="lazy"
1858 /> 1871 />
1859 <div 1872 <div
1860 class="absolute inset-0 rounded-full shadow-inner" 1873 class="absolute inset-0 rounded-full shadow-inner"
1861 aria-hidden="true" 1874 aria-hidden="true"
1862 ></div> 1875 ></div>
1863 </div> 1876 </div>
1864 <div> 1877 <div>
1865 <p class="font-semibold">Sarah Curry</p> 1878 <p class="font-semibold">Sarah Curry</p>
1866 <p class="text-xs text-gray-600 dark:text-gray-400"> 1879 <p class="text-xs text-gray-600 dark:text-gray-400">
1867 Designer 1880 Designer
1868 </p> 1881 </p>
1869 </div> 1882 </div>
1870 </div> 1883 </div>
1871 </td> 1884 </td>
1872 <td class="px-4 py-3 text-sm"> 1885 <td class="px-4 py-3 text-sm">
1873 $ 86.00 1886 $ 86.00
1874 </td> 1887 </td>
1875 <td class="px-4 py-3 text-xs"> 1888 <td class="px-4 py-3 text-xs">
1876 <span 1889 <span
1877 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700" 1890 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700"
1878 > 1891 >
1879 Denied 1892 Denied
1880 </span> 1893 </span>
1881 </td> 1894 </td>
1882 <td class="px-4 py-3 text-sm"> 1895 <td class="px-4 py-3 text-sm">
1883 6/10/2020 1896 6/10/2020
1884 </td> 1897 </td>
1885 </tr> 1898 </tr>
1886 1899
1887 <tr class="text-gray-700 dark:text-gray-400"> 1900 <tr class="text-gray-700 dark:text-gray-400">
1888 <td class="px-4 py-3"> 1901 <td class="px-4 py-3">
1889 <div class="flex items-center text-sm"> 1902 <div class="flex items-center text-sm">
1890 1903
1891 <div 1904 <div
1892 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1905 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1893 > 1906 >
1894 <img 1907 <img
1895 class="object-cover w-full h-full rounded-full" 1908 class="object-cover w-full h-full rounded-full"
1896 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1909 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1897 alt="" 1910 alt=""
1898 loading="lazy" 1911 loading="lazy"
1899 /> 1912 />
1900 <div 1913 <div
1901 class="absolute inset-0 rounded-full shadow-inner" 1914 class="absolute inset-0 rounded-full shadow-inner"
1902 aria-hidden="true" 1915 aria-hidden="true"
1903 ></div> 1916 ></div>
1904 </div> 1917 </div>
1905 <div> 1918 <div>
1906 <p class="font-semibold">Rulia Joberts</p> 1919 <p class="font-semibold">Rulia Joberts</p>
1907 <p class="text-xs text-gray-600 dark:text-gray-400"> 1920 <p class="text-xs text-gray-600 dark:text-gray-400">
1908 Actress 1921 Actress
1909 </p> 1922 </p>
1910 </div> 1923 </div>
1911 </div> 1924 </div>
1912 </td> 1925 </td>
1913 <td class="px-4 py-3 text-sm"> 1926 <td class="px-4 py-3 text-sm">
1914 $ 1276.45 1927 $ 1276.45
1915 </td> 1928 </td>
1916 <td class="px-4 py-3 text-xs"> 1929 <td class="px-4 py-3 text-xs">
1917 <span 1930 <span
1918 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1931 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1919 > 1932 >
1920 Approved 1933 Approved
1921 </span> 1934 </span>
1922 </td> 1935 </td>
1923 <td class="px-4 py-3 text-sm"> 1936 <td class="px-4 py-3 text-sm">
1924 6/10/2020 1937 6/10/2020
1925 </td> 1938 </td>
1926 </tr> 1939 </tr>
1927 1940
1928 <tr class="text-gray-700 dark:text-gray-400"> 1941 <tr class="text-gray-700 dark:text-gray-400">
1929 <td class="px-4 py-3"> 1942 <td class="px-4 py-3">
1930 <div class="flex items-center text-sm"> 1943 <div class="flex items-center text-sm">
1931 1944
1932 <div 1945 <div
1933 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1946 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1934 > 1947 >
1935 <img 1948 <img
1936 class="object-cover w-full h-full rounded-full" 1949 class="object-cover w-full h-full rounded-full"
1937 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1950 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1938 alt="" 1951 alt=""
1939 loading="lazy" 1952 loading="lazy"
1940 /> 1953 />
1941 <div 1954 <div
1942 class="absolute inset-0 rounded-full shadow-inner" 1955 class="absolute inset-0 rounded-full shadow-inner"
1943 aria-hidden="true" 1956 aria-hidden="true"
1944 ></div> 1957 ></div>
1945 </div> 1958 </div>
1946 <div> 1959 <div>
1947 <p class="font-semibold">Wenzel Dashington</p> 1960 <p class="font-semibold">Wenzel Dashington</p>
1948 <p class="text-xs text-gray-600 dark:text-gray-400"> 1961 <p class="text-xs text-gray-600 dark:text-gray-400">
1949 Actor 1962 Actor
1950 </p> 1963 </p>
1951 </div> 1964 </div>
1952 </div> 1965 </div>
1953 </td> 1966 </td>
1954 <td class="px-4 py-3 text-sm"> 1967 <td class="px-4 py-3 text-sm">
1955 $ 863.45 1968 $ 863.45
1956 </td> 1969 </td>
1957 <td class="px-4 py-3 text-xs"> 1970 <td class="px-4 py-3 text-xs">
1958 <span 1971 <span
1959 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700" 1972 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700"
1960 > 1973 >
1961 Expired 1974 Expired
1962 </span> 1975 </span>
1963 </td> 1976 </td>
1964 <td class="px-4 py-3 text-sm"> 1977 <td class="px-4 py-3 text-sm">
1965 6/10/2020 1978 6/10/2020
1966 </td> 1979 </td>
1967 </tr> 1980 </tr>
1968 1981
1969 <tr class="text-gray-700 dark:text-gray-400"> 1982 <tr class="text-gray-700 dark:text-gray-400">
1970 <td class="px-4 py-3"> 1983 <td class="px-4 py-3">
1971 <div class="flex items-center text-sm"> 1984 <div class="flex items-center text-sm">
1972 1985
1973 <div 1986 <div
1974 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1987 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1975 > 1988 >
1976 <img 1989 <img
1977 class="object-cover w-full h-full rounded-full" 1990 class="object-cover w-full h-full rounded-full"
1978 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5" 1991 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5"
1979 alt="" 1992 alt=""
1980 loading="lazy" 1993 loading="lazy"
1981 /> 1994 />
1982 <div 1995 <div
1983 class="absolute inset-0 rounded-full shadow-inner" 1996 class="absolute inset-0 rounded-full shadow-inner"
1984 aria-hidden="true" 1997 aria-hidden="true"
1985 ></div> 1998 ></div>
1986 </div> 1999 </div>
1987 <div> 2000 <div>
1988 <p class="font-semibold">Dave Li</p> 2001 <p class="font-semibold">Dave Li</p>
1989 <p class="text-xs text-gray-600 dark:text-gray-400"> 2002 <p class="text-xs text-gray-600 dark:text-gray-400">
1990 Influencer 2003 Influencer
1991 </p> 2004 </p>
1992 </div> 2005 </div>
1993 </div> 2006 </div>
1994 </td> 2007 </td>
1995 <td class="px-4 py-3 text-sm"> 2008 <td class="px-4 py-3 text-sm">
1996 $ 863.45 2009 $ 863.45
1997 </td> 2010 </td>
1998 <td class="px-4 py-3 text-xs"> 2011 <td class="px-4 py-3 text-xs">
1999 <span 2012 <span
2000 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2013 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2001 > 2014 >
2002 Approved 2015 Approved
2003 </span> 2016 </span>
2004 </td> 2017 </td>
2005 <td class="px-4 py-3 text-sm"> 2018 <td class="px-4 py-3 text-sm">
2006 6/10/2020 2019 6/10/2020
2007 </td> 2020 </td>
2008 </tr> 2021 </tr>
2009 2022
2010 <tr class="text-gray-700 dark:text-gray-400"> 2023 <tr class="text-gray-700 dark:text-gray-400">
2011 <td class="px-4 py-3"> 2024 <td class="px-4 py-3">
2012 <div class="flex items-center text-sm"> 2025 <div class="flex items-center text-sm">
2013 2026
2014 <div 2027 <div
2015 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2028 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2016 > 2029 >
2017 <img 2030 <img
2018 class="object-cover w-full h-full rounded-full" 2031 class="object-cover w-full h-full rounded-full"
2019 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2032 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2020 alt="" 2033 alt=""
2021 loading="lazy" 2034 loading="lazy"
2022 /> 2035 />
2023 <div 2036 <div
2024 class="absolute inset-0 rounded-full shadow-inner" 2037 class="absolute inset-0 rounded-full shadow-inner"
2025 aria-hidden="true" 2038 aria-hidden="true"
2026 ></div> 2039 ></div>
2027 </div> 2040 </div>
2028 <div> 2041 <div>
2029 <p class="font-semibold">Maria Ramovic</p> 2042 <p class="font-semibold">Maria Ramovic</p>
2030 <p class="text-xs text-gray-600 dark:text-gray-400"> 2043 <p class="text-xs text-gray-600 dark:text-gray-400">
2031 Runner 2044 Runner
2032 </p> 2045 </p>
2033 </div> 2046 </div>
2034 </div> 2047 </div>
2035 </td> 2048 </td>
2036 <td class="px-4 py-3 text-sm"> 2049 <td class="px-4 py-3 text-sm">
2037 $ 863.45 2050 $ 863.45
2038 </td> 2051 </td>
2039 <td class="px-4 py-3 text-xs"> 2052 <td class="px-4 py-3 text-xs">
2040 <span 2053 <span
2041 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2054 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2042 > 2055 >
2043 Approved 2056 Approved
2044 </span> 2057 </span>
2045 </td> 2058 </td>
2046 <td class="px-4 py-3 text-sm"> 2059 <td class="px-4 py-3 text-sm">
2047 6/10/2020 2060 6/10/2020
2048 </td> 2061 </td>
2049 </tr> 2062 </tr>
2050 2063
2051 <tr class="text-gray-700 dark:text-gray-400"> 2064 <tr class="text-gray-700 dark:text-gray-400">
2052 <td class="px-4 py-3"> 2065 <td class="px-4 py-3">
2053 <div class="flex items-center text-sm"> 2066 <div class="flex items-center text-sm">
2054 2067
2055 <div 2068 <div
2056 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2069 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2057 > 2070 >
2058 <img 2071 <img
2059 class="object-cover w-full h-full rounded-full" 2072 class="object-cover w-full h-full rounded-full"
2060 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2073 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2061 alt="" 2074 alt=""
2062 loading="lazy" 2075 loading="lazy"
2063 /> 2076 />
2064 <div 2077 <div
2065 class="absolute inset-0 rounded-full shadow-inner" 2078 class="absolute inset-0 rounded-full shadow-inner"
2066 aria-hidden="true" 2079 aria-hidden="true"
2067 ></div> 2080 ></div>
2068 </div> 2081 </div>
2069 <div> 2082 <div>
2070 <p class="font-semibold">Hitney Wouston</p> 2083 <p class="font-semibold">Hitney Wouston</p>
2071 <p class="text-xs text-gray-600 dark:text-gray-400"> 2084 <p class="text-xs text-gray-600 dark:text-gray-400">
2072 Singer 2085 Singer
2073 </p> 2086 </p>
2074 </div> 2087 </div>
2075 </div> 2088 </div>
2076 </td> 2089 </td>
2077 <td class="px-4 py-3 text-sm"> 2090 <td class="px-4 py-3 text-sm">
2078 $ 863.45 2091 $ 863.45
2079 </td> 2092 </td>
2080 <td class="px-4 py-3 text-xs"> 2093 <td class="px-4 py-3 text-xs">
2081 <span 2094 <span
2082 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2095 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2083 > 2096 >
2084 Approved 2097 Approved
2085 </span> 2098 </span>
2086 </td> 2099 </td>
2087 <td class="px-4 py-3 text-sm"> 2100 <td class="px-4 py-3 text-sm">
2088 6/10/2020 2101 6/10/2020
2089 </td> 2102 </td>
2090 </tr> 2103 </tr>
2091 2104
2092 <tr class="text-gray-700 dark:text-gray-400"> 2105 <tr class="text-gray-700 dark:text-gray-400">
2093 <td class="px-4 py-3"> 2106 <td class="px-4 py-3">
2094 <div class="flex items-center text-sm"> 2107 <div class="flex items-center text-sm">
2095 2108
2096 <div 2109 <div
2097 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2110 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2098 > 2111 >
2099 <img 2112 <img
2100 class="object-cover w-full h-full rounded-full" 2113 class="object-cover w-full h-full rounded-full"
2101 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2114 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2102 alt="" 2115 alt=""
2103 loading="lazy" 2116 loading="lazy"
2104 /> 2117 />
2105 <div 2118 <div
2106 class="absolute inset-0 rounded-full shadow-inner" 2119 class="absolute inset-0 rounded-full shadow-inner"
2107 aria-hidden="true" 2120 aria-hidden="true"
2108 ></div> 2121 ></div>
2109 </div> 2122 </div>
2110 <div> 2123 <div>
2111 <p class="font-semibold">Hans Burger</p> 2124 <p class="font-semibold">Hans Burger</p>
2112 <p class="text-xs text-gray-600 dark:text-gray-400"> 2125 <p class="text-xs text-gray-600 dark:text-gray-400">
2113 10x Developer 2126 10x Developer
2114 </p> 2127 </p>
2115 </div> 2128 </div>
2116 </div> 2129 </div>
2117 </td> 2130 </td>
2118 <td class="px-4 py-3 text-sm"> 2131 <td class="px-4 py-3 text-sm">
2119 $ 863.45 2132 $ 863.45
2120 </td> 2133 </td>
2121 <td class="px-4 py-3 text-xs"> 2134 <td class="px-4 py-3 text-xs">
2122 <span 2135 <span
2123 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2136 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2124 > 2137 >
2125 Approved 2138 Approved
2126 </span> 2139 </span>
2127 </td> 2140 </td>
2128 <td class="px-4 py-3 text-sm"> 2141 <td class="px-4 py-3 text-sm">
2129 6/10/2020 2142 6/10/2020
2130 </td> 2143 </td>
2131 </tr> 2144 </tr>
2132 </tbody> 2145 </tbody>
2133 </table> 2146 </table>
2134 </div> 2147 </div>
2135 <div 2148 <div
2136 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800" 2149 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800"
2137 > 2150 >
2138 <span class="flex items-center col-span-3"> 2151 <span class="flex items-center col-span-3">
2139 Showing 21-30 of 100 2152 Showing 21-30 of 100
2140 </span> 2153 </span>
2141 <span class="col-span-2"></span> 2154 <span class="col-span-2"></span>
2142 2155
2143 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> 2156 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end">
2144 <nav aria-label="Table navigation"> 2157 <nav aria-label="Table navigation">
2145 <ul class="inline-flex items-center"> 2158 <ul class="inline-flex items-center">
2146 <li> 2159 <li>
2147 <button 2160 <button
2148 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" 2161 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple"
2149 aria-label="Previous" 2162 aria-label="Previous"
2150 > 2163 >
2151 <svg 2164 <svg
2152 aria-hidden="true" 2165 aria-hidden="true"
2153 class="w-4 h-4 fill-current" 2166 class="w-4 h-4 fill-current"
2154 viewBox="0 0 20 20" 2167 viewBox="0 0 20 20"
2155 > 2168 >
2156 <path 2169 <path
2157 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" 2170 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
2158 clip-rule="evenodd" 2171 clip-rule="evenodd"
2159 fill-rule="evenodd" 2172 fill-rule="evenodd"
2160 ></path> 2173 ></path>
2161 </svg> 2174 </svg>
2162 </button> 2175 </button>
2163 </li> 2176 </li>
2164 <li> 2177 <li>
2165 <button 2178 <button
2166 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2179 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2167 > 2180 >
2168 1 2181 1
2169 </button> 2182 </button>
2170 </li> 2183 </li>
2171 <li> 2184 <li>
2172 <button 2185 <button
2173 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2186 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2174 > 2187 >
2175 2 2188 2
2176 </button> 2189 </button>
2177 </li> 2190 </li>
2178 <li> 2191 <li>
2179 <button 2192 <button
2180 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple" 2193 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple"
2181 > 2194 >
2182 3 2195 3
2183 </button> 2196 </button>
2184 </li> 2197 </li>
2185 <li> 2198 <li>
2186 <button 2199 <button
2187 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2200 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2188 > 2201 >
2189 4 2202 4
2190 </button> 2203 </button>
2191 </li> 2204 </li>
2192 <li> 2205 <li>
2193 <span class="px-3 py-1">...</span> 2206 <span class="px-3 py-1">...</span>
2194 </li> 2207 </li>
2195 <li> 2208 <li>
2196 <button 2209 <button
2197 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2210 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2198 > 2211 >
2199 8 2212 8
2200 </button> 2213 </button>
2201 </li> 2214 </li>
2202 <li> 2215 <li>
2203 <button 2216 <button
2204 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2217 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2205 > 2218 >
2206 9 2219 9
2207 </button> 2220 </button>
2208 </li> 2221 </li>
2209 <li> 2222 <li>
2210 <button 2223 <button
2211 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" 2224 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple"
2212 aria-label="Next" 2225 aria-label="Next"
2213 > 2226 >
2214 <svg 2227 <svg
2215 class="w-4 h-4 fill-current" 2228 class="w-4 h-4 fill-current"
2216 aria-hidden="true" 2229 aria-hidden="true"
2217 viewBox="0 0 20 20" 2230 viewBox="0 0 20 20"
2218 > 2231 >
2219 <path 2232 <path
2220 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" 2233 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
2221 clip-rule="evenodd" 2234 clip-rule="evenodd"
2222 fill-rule="evenodd" 2235 fill-rule="evenodd"
2223 ></path> 2236 ></path>
2224 </svg> 2237 </svg>
2225 </button> 2238 </button>
2226 </li> 2239 </li>
2227 </ul> 2240 </ul>
2228 </nav> 2241 </nav>
2229 </span> 2242 </span>
2230 </div> 2243 </div>
2231 </div> 2244 </div>
2232 --> 2245 -->
2233 <!-- Charts --> 2246 <!-- Charts -->
2234 <!-- 2247 <!--
2235 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> 2248 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
2236 Графики 2249 Графики
2237 </h2> 2250 </h2>
2238 <div class="grid gap-6 mb-8 md:grid-cols-2"> 2251 <div class="grid gap-6 mb-8 md:grid-cols-2">
2239 <div 2252 <div
2240 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2253 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2241 > 2254 >
2242 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2255 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2243 Revenue 2256 Revenue
2244 </h4> 2257 </h4>
2245 <canvas id="pie"></canvas> 2258 <canvas id="pie"></canvas>
2246 <div 2259 <div
2247 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2260 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2248 > 2261 >
2249 2262
2250 <div class="flex items-center"> 2263 <div class="flex items-center">
2251 <span 2264 <span
2252 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" 2265 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full"
2253 ></span> 2266 ></span>
2254 <span>Shirts</span> 2267 <span>Shirts</span>
2255 </div> 2268 </div>
2256 <div class="flex items-center"> 2269 <div class="flex items-center">
2257 <span 2270 <span
2258 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2271 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2259 ></span> 2272 ></span>
2260 <span>Shoes</span> 2273 <span>Shoes</span>
2261 </div> 2274 </div>
2262 <div class="flex items-center"> 2275 <div class="flex items-center">
2263 <span 2276 <span
2264 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2277 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2265 ></span> 2278 ></span>
2266 <span>Bags</span> 2279 <span>Bags</span>
2267 </div> 2280 </div>
2268 </div> 2281 </div>
2269 </div> 2282 </div>
2270 <div 2283 <div
2271 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2284 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2272 > 2285 >
2273 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2286 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2274 Traffic 2287 Traffic
2275 </h4> 2288 </h4>
2276 <canvas id="line"></canvas> 2289 <canvas id="line"></canvas>
2277 <div 2290 <div
2278 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2291 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2279 > 2292 >
2280 2293
2281 <div class="flex items-center"> 2294 <div class="flex items-center">
2282 <span 2295 <span
2283 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2296 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2284 ></span> 2297 ></span>
2285 <span>Organic</span> 2298 <span>Organic</span>
2286 </div> 2299 </div>
2287 <div class="flex items-center"> 2300 <div class="flex items-center">
2288 <span 2301 <span
2289 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2302 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2290 ></span> 2303 ></span>
2291 <span>Paid</span> 2304 <span>Paid</span>
2292 </div> 2305 </div>
2293 </div> 2306 </div>
2294 </div> 2307 </div>
2295 </div> 2308 </div>
2296 --> 2309 -->
2297 </div> 2310 </div>
2298 </main> 2311 </main>
2299 </div> 2312 </div>
2300 </div> 2313 </div>
2301 @yield('modal') 2314 @yield('modal')
2302 </body> 2315 </body>
2303 @yield('script') 2316 @yield('script')
2304 </html> 2317 </html>
2305 2318
resources/views/new_sky.blade.php
Diff comments   View file @ c36ca6c
1 @extends('layout.frontend', ['title' => 'Вакансии РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('change', '.jobs', function() { 6 $(document).on('change', '.jobs', function() {
7 var val = $(this).val(); 7 var val = $(this).val();
8 8
9 console.log('Click change...'); 9 console.log('Click change...');
10 $.ajax({ 10 $.ajax({
11 type: "GET", 11 type: "GET",
12 url: "{{ route('vacancies') }}", 12 url: "{{ route('vacancies') }}",
13 data: "job="+val, 13 data: "job="+val,
14 success: function (data) { 14 success: function (data) {
15 console.log('Выбор должности'); 15 console.log('Выбор должности');
16 console.log(data); 16 console.log(data);
17 $('#block_ajax').html(data); 17 $('#block_ajax').html(data);
18 }, 18 },
19 headers: { 19 headers: {
20 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 20 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
21 }, 21 },
22 error: function (data) { 22 error: function (data) {
23 data = JSON.stringify(data); 23 data = JSON.stringify(data);
24 console.log('Error: ' + data); 24 console.log('Error: ' + data);
25 } 25 }
26 }); 26 });
27 }); 27 });
28 </script> 28 </script>
29 @endsection 29 @endsection
30 30
31 @section('content') 31 @section('content')
32 <section class="thing"> 32 <section class="thing">
33 <div class="container"> 33 <div class="container">
34 <form class="thing__body"> 34 <form class="thing__body">
35 <ul class="breadcrumbs thing__breadcrumbs"> 35 <ul class="breadcrumbs thing__breadcrumbs">
36 <li><a href="{{ route('index') }}">Главная</a></li> 36 <li><a href="{{ route('index') }}">Главная</a></li>
37 <li><b>Вакансии</b></li> 37 <li><b>Вакансии</b></li>
38 </ul> 38 </ul>
39 <h1 class="thing__title">Вакансии</h1> 39 <h1 class="thing__title">Вакансии</h1>
40 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для 40 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
41 существующих финансовых и административных условий.</p> 41 существующих финансовых и административных условий.</p>
42 <div class="select select_search thing__select"> 42 <div class="select select_search thing__select">
43 <div class="select__icon"> 43 <div class="select__icon">
44 <svg> 44 <svg>
45 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 45 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
46 </svg> 46 </svg>
47 </div> 47 </div>
48 <select class="js-select2 jobs" id="jobs" name="jobs"> 48 <select class="js-select2 jobs" id="jobs" name="jobs">
49 <option value="0">Выберите должность</option> 49 <option value="0">Выберите должность</option>
50 @if ($Job_title->count()) 50 @if ($Job_title->count())
51 @foreach($Job_title as $JT) 51 @foreach($Job_title as $JT)
52 <option value="{{ $JT->id }}" @if ((isset($_GET['job'])) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option> 52 <option value="{{ $JT->id }}" @if ((isset($_GET['job'])) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option>
53 @endforeach 53 @endforeach
54 @endif 54 @endif
55 </select> 55 </select>
56 </div> 56 </div>
57 </form> 57 </form>
58 </div> 58 </div>
59 </section> 59 </section>
60 60
61 61
62 <main class="main"> 62 <main class="main">
63 <div class="container"> 63 <div class="container">
64 <div class="main__vacancies"> 64 <div class="main__vacancies">
65 <h2 class="main__vacancies-title">Категории вакансий</h2> 65 <h2 class="main__vacancies-title">Категории вакансий</h2>
66 <div class="vacancies__body"> 66 <div class="vacancies__body">
67 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle"> 67 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
68 <span>Показать ещё</span> 68 <span>Показать ещё</span>
69 <span>Скрыть</span> 69 <span>Скрыть</span>
70 </button>--> 70 </button>-->
71 <div class="vacancies__list" id="block_ajax" name="block_ajax"> 71 <div class="vacancies__list" id="block_ajax" name="block_ajax">
72 <div class="vacancies__list-col"> 72 @foreach ($BigFlot as $key => $flot)
73 @include('block_real', ['flot' => $flot_paluba, 'title' => 'Палуба']) 73 <div class="vacancies__list-col">
74 </div> 74 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]])
75 <div class="vacancies__list-col"> 75 </div>
76 @include('block_real', ['flot' => $flot_MO, 'title' => 'МО']) 76 @endforeach
77 </div>
78 <div class="vacancies__list-col">
79 @include('block_real', ['flot' => $flot_radovie, 'title' => 'Рядовые'])
80 </div>
81 <div class="vacancies__list-col">
82 @include('block_real', ['flot' => $flot_prochee, 'title' => 'Прочее'])
83 </div>
84 </div> 77 </div>
85 </div> 78 </div>
86 </div> 79 </div>
87 </div> 80 </div>
88 </main> 81 </main>
89 82
90 </div> 83 </div>
91 @endsection 84 @endsection
92 85
1 <?php 1 <?php
2 2
3 use App\Http\Controllers\AdEmployerController; 3 use App\Http\Controllers\AdEmployerController;
4 use App\Http\Controllers\Admin\AdminController; 4 use App\Http\Controllers\Admin\AdminController;
5 use App\Http\Controllers\Admin\CategoryController; 5 use App\Http\Controllers\Admin\CategoryController;
6 use App\Http\Controllers\Admin\CategoryEmpController; 6 use App\Http\Controllers\Admin\CategoryEmpController;
7 use App\Http\Controllers\Admin\EducationController; 7 use App\Http\Controllers\Admin\EducationController;
8 use App\Http\Controllers\Admin\EmployersController; 8 use App\Http\Controllers\Admin\EmployersController;
9 use App\Http\Controllers\EmployerController as FrontEmployersController; 9 use App\Http\Controllers\EmployerController as FrontEmployersController;
10 use App\Http\Controllers\Admin\InfoBloksController; 10 use App\Http\Controllers\Admin\InfoBloksController;
11 use App\Http\Controllers\Admin\JobTitlesController; 11 use App\Http\Controllers\Admin\JobTitlesController;
12 use App\Http\Controllers\Admin\UsersController; 12 use App\Http\Controllers\Admin\UsersController;
13 use App\Http\Controllers\Admin\WorkersController; 13 use App\Http\Controllers\Admin\WorkersController;
14 use App\Http\Controllers\Auth\ForgotPasswordController; 14 use App\Http\Controllers\Auth\ForgotPasswordController;
15 use App\Http\Controllers\Auth\LoginController; 15 use App\Http\Controllers\Auth\LoginController;
16 use App\Http\Controllers\Auth\RegisterController; 16 use App\Http\Controllers\Auth\RegisterController;
17 use App\Http\Controllers\CKEditorController; 17 use App\Http\Controllers\CKEditorController;
18 use App\Http\Controllers\MediaController; 18 use App\Http\Controllers\MediaController;
19 use App\Http\Controllers\WorkerController; 19 use App\Http\Controllers\WorkerController;
20 use App\Models\User; 20 use App\Models\User;
21 use App\Http\Controllers\MainController; 21 use App\Http\Controllers\MainController;
22 use App\Http\Controllers\HomeController; 22 use App\Http\Controllers\HomeController;
23 use Illuminate\Support\Facades\Route; 23 use Illuminate\Support\Facades\Route;
24 use App\Http\Controllers\Admin\CompanyController; 24 use App\Http\Controllers\Admin\CompanyController;
25 use App\Http\Controllers\Admin\Ad_EmployersController; 25 use App\Http\Controllers\Admin\Ad_EmployersController;
26 use App\Http\Controllers\Admin\MsgAnswersController; 26 use App\Http\Controllers\Admin\MsgAnswersController;
27 use App\Http\Controllers\Admin\GroupsController; 27 use App\Http\Controllers\Admin\GroupsController;
28 use App\Http\Controllers\PagesController; 28 use App\Http\Controllers\PagesController;
29 use Illuminate\Support\Facades\Storage; 29 use Illuminate\Support\Facades\Storage;
30 use App\Http\Controllers\EmployerController; 30 use App\Http\Controllers\EmployerController;
31 use App\Http\Controllers\CompanyController as FrontCompanyController; 31 use App\Http\Controllers\CompanyController as FrontCompanyController;
32 32
33 33
34 /* 34 /*
35 |-------------------------------------------------------------------------- 35 |--------------------------------------------------------------------------
36 | Web Routes 36 | Web Routes
37 |-------------------------------------------------------------------------- 37 |--------------------------------------------------------------------------
38 | 38 |
39 | Here is where you can register web routes for your application. These 39 | Here is where you can register web routes for your application. These
40 | routes are loaded by the RouteServiceProvider within a group which 40 | routes are loaded by the RouteServiceProvider within a group which
41 | contains the "web" middleware group. Now create something great! 41 | contains the "web" middleware group. Now create something great!
42 | 42 |
43 */ 43 */
44 /* 44 /*
45 Route::get('/', function () { 45 Route::get('/', function () {
46 return view('welcome'); 46 return view('welcome');
47 })->name('index'); 47 })->name('index');
48 */ 48 */
49 49
50 Route::get('/', [MainController::class, 'index'])->name('index'); 50 Route::get('/', [MainController::class, 'index'])->name('index');
51 51
52 //Роуты авторизации, регистрации, восстановления, аутентификации 52 //Роуты авторизации, регистрации, восстановления, аутентификации
53 Auth::routes(['verify' => true]); 53 Auth::routes(['verify' => true]);
54 54
55 // роуты регистрации, авторизации, восстановления пароля, верификации почты 55 // роуты регистрации, авторизации, восстановления пароля, верификации почты
56 /*Route::group([ 56 /*Route::group([
57 'as' => 'auth.', //имя маршрута, например auth.index 57 'as' => 'auth.', //имя маршрута, например auth.index
58 'prefix' => 'auth', // префикс маршрута, например, auth/index 58 'prefix' => 'auth', // префикс маршрута, например, auth/index
59 ], function () { 59 ], function () {
60 //форма регистрации 60 //форма регистрации
61 Route::get('register', [RegisterController::class, 'register'])->name('register'); 61 Route::get('register', [RegisterController::class, 'register'])->name('register');
62 62
63 //создание пользователя 63 //создание пользователя
64 Route::post('register', [RegisterController::class, 'create'])->name('create'); 64 Route::post('register', [RegisterController::class, 'create'])->name('create');
65 65
66 //форма входа авторизации 66 //форма входа авторизации
67 Route::get('login', [LoginController::class, 'login'])->name('login'); 67 Route::get('login', [LoginController::class, 'login'])->name('login');
68 68
69 //аутентификация 69 //аутентификация
70 Route::post('login', [LoginController::class, 'authenticate'])->name('auth'); 70 Route::post('login', [LoginController::class, 'authenticate'])->name('auth');
71 71
72 //выход 72 //выход
73 Route::get('logout', [LoginController::class, 'logout'])->name('logout'); 73 Route::get('logout', [LoginController::class, 'logout'])->name('logout');
74 74
75 //форма ввода адреса почты 75 //форма ввода адреса почты
76 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form'); 76 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form');
77 77
78 //письмо на почту 78 //письмо на почту
79 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail'); 79 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail');
80 80
81 //форма восстановления пароля 81 //форма восстановления пароля
82 Route::get('reset-password/token/{token}/email/{email}', 82 Route::get('reset-password/token/{token}/email/{email}',
83 [ResetPasswordController::class, 'form'] 83 [ResetPasswordController::class, 'form']
84 )->name('reset-form'); 84 )->name('reset-form');
85 85
86 //восстановление пароля 86 //восстановление пароля
87 Route::post('reset-password', 87 Route::post('reset-password',
88 [ResetPasswordController::class, 'reset'] 88 [ResetPasswordController::class, 'reset']
89 )->name('reset-password'); 89 )->name('reset-password');
90 90
91 //сообщение о необходимости проверки адреса почты 91 //сообщение о необходимости проверки адреса почты
92 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message'); 92 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message');
93 93
94 //подтверждение адреса почты нового пользователя 94 //подтверждение адреса почты нового пользователя
95 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify']) 95 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify'])
96 ->where('token', '[a-f0-9]{32}') 96 ->where('token', '[a-f0-9]{32}')
97 ->where('id', '[0-9]+') 97 ->where('id', '[0-9]+')
98 ->name('verify-email'); 98 ->name('verify-email');
99 });*/ 99 });*/
100 100
101 //Личный кабинет пользователя 101 //Личный кабинет пользователя
102 Route::get('/home', [HomeController::class, 'index'])->name('home'); 102 Route::get('/home', [HomeController::class, 'index'])->name('home');
103 103
104 /* 104 /*
105 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) { 105 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) {
106 $user = User::where('email',$request->input('email'))->first(); 106 $user = User::where('email',$request->input('email'))->first();
107 107
108 $user->sendEmailVerificationNotification(); 108 $user->sendEmailVerificationNotification();
109 109
110 return 'your response'; 110 return 'your response';
111 })->middleware('throttle:6,1')->name('verification.resend'); 111 })->middleware('throttle:6,1')->name('verification.resend');
112 */ 112 */
113 113
114 // Авторизация, регистрация в админку 114 // Авторизация, регистрация в админку
115 Route::group([ 115 Route::group([
116 'as' => 'admin.', // имя маршрута, например auth.index 116 'as' => 'admin.', // имя маршрута, например auth.index
117 'prefix' => 'admin', // префикс маршрута, например auth/index 117 'prefix' => 'admin', // префикс маршрута, например auth/index
118 'middleware' => ['guest'], 118 'middleware' => ['guest'],
119 ], function () { 119 ], function () {
120 // Форма регистрации 120 // Форма регистрации
121 Route::get('register', [AdminController::class, 'register'])->name('register'); 121 Route::get('register', [AdminController::class, 'register'])->name('register');
122 // Создание пользователя 122 // Создание пользователя
123 Route::post('register', [AdminController::class, 'create'])->name('create'); 123 Route::post('register', [AdminController::class, 'create'])->name('create');
124 124
125 //Форма входа 125 //Форма входа
126 Route::get('login', [AdminController::class, 'login'])->name('login'); 126 Route::get('login', [AdminController::class, 'login'])->name('login');
127 127
128 // аутентификация 128 // аутентификация
129 Route::post('login', [AdminController::class, 'autenticate'])->name('auth'); 129 Route::post('login', [AdminController::class, 'autenticate'])->name('auth');
130 130
131 }); 131 });
132 132
133 // Личный кабинет админки 133 // Личный кабинет админки
134 Route::group([ 134 Route::group([
135 'as' => 'admin.', // имя маршрута, например auth.index 135 'as' => 'admin.', // имя маршрута, например auth.index
136 'prefix' => 'admin', // префикс маршрута, например auth/index 136 'prefix' => 'admin', // префикс маршрута, например auth/index
137 'middleware' => ['auth'], ['admin'], 137 'middleware' => ['auth'], ['admin'],
138 ], function() { 138 ], function() {
139 139
140 // выход 140 // выход
141 Route::get('logout', [AdminController::class, 'logout'])->name('logout'); 141 Route::get('logout', [AdminController::class, 'logout'])->name('logout');
142 142
143 // кабинет главная страница 143 // кабинет главная страница
144 Route::get('cabinet', [AdminController::class, 'index'])->name('index'); 144 Route::get('cabinet', [AdminController::class, 'index'])->name('index');
145 145
146 // кабинет профиль админа - форма 146 // кабинет профиль админа - форма
147 Route::get('profile', [AdminController::class, 'profile'])->name('profile'); 147 Route::get('profile', [AdminController::class, 'profile'])->name('profile');
148 // кабинет профиль админа - сохранение формы 148 // кабинет профиль админа - сохранение формы
149 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile'); 149 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile');
150 150
151 //кабинет сообщения админа 151 //кабинет сообщения админа
152 //Route::get('messages', [AdminController::class, 'profile'])->name('profile'); 152 //Route::get('messages', [AdminController::class, 'profile'])->name('profile');
153 153
154 154
155 // кабинет профиль - форма пароли 155 // кабинет профиль - форма пароли
156 Route::get('password', [AdminController::class, 'profile_password'])->name('password'); 156 Route::get('password', [AdminController::class, 'profile_password'])->name('password');
157 // кабинет профиль - сохранение формы пароля 157 // кабинет профиль - сохранение формы пароля
158 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password'); 158 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password');
159 159
160 160
161 // кабинет профиль пользователя - форма 161 // кабинет профиль пользователя - форма
162 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile'); 162 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile');
163 // кабинет профиль пользователя - сохранение формы 163 // кабинет профиль пользователя - сохранение формы
164 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile'); 164 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile');
165 165
166 // кабинет профиль работодатель - форма 166 // кабинет профиль работодатель - форма
167 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile'); 167 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile');
168 // кабинет профиль работодатель - сохранение формы 168 // кабинет профиль работодатель - сохранение формы
169 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile'); 169 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile');
170 // кабинет удаление профиль работодателя и юзера 170 // кабинет удаление профиль работодателя и юзера
171 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer'); 171 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer');
172 172
173 // кабинет профиль работник - форма 173 // кабинет профиль работник - форма
174 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add'); 174 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add');
175 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store'); 175 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store');
176 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit'); 176 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit');
177 // кабинет профиль работник - сохранение формы 177 // кабинет профиль работник - сохранение формы
178 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update'); 178 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update');
179 179
180 // Медиа 180 // Медиа
181 Route::get('media', [MediaController::class, 'index'])->name('media'); 181 Route::get('media', [MediaController::class, 'index'])->name('media');
182 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media'); 182 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media');
183 183
184 // кабинет настройки сайта - форма 184 // кабинет настройки сайта - форма
185 Route::get('config', [AdminController::class, 'config_form'])->name('config'); 185 Route::get('config', [AdminController::class, 'config_form'])->name('config');
186 // кабинет настройки сайта сохранение формы 186 // кабинет настройки сайта сохранение формы
187 Route::post('config', [AdminController::class, 'store_config'])->name('store_config'); 187 Route::post('config', [AdminController::class, 'store_config'])->name('store_config');
188 188
189 // кабинет - пользователи 189 // кабинет - пользователи
190 Route::get('users', [UsersController::class, 'index'])->name('users'); 190 Route::get('users', [UsersController::class, 'index'])->name('users');
191 191
192 // кабинет - пользователи 192 // кабинет - пользователи
193 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users'); 193 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users');
194 194
195 // кабинет - работодатели 195 // кабинет - работодатели
196 Route::get('employers', [EmployersController::class, 'index'])->name('employers'); 196 Route::get('employers', [EmployersController::class, 'index'])->name('employers');
197 197
198 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer'); 198 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer');
199 199
200 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add'); 200 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add');
201 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save'); 201 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save');
202 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot'); 202 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot');
203 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit'); 203 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit');
204 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete'); 204 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete');
205 205
206 // кабинет - соискатели 206 // кабинет - соискатели
207 Route::get('workers', [WorkersController::class, 'index'])->name('workers'); 207 Route::get('workers', [WorkersController::class, 'index'])->name('workers');
208 208
209 // кабинет - база данных 209 // кабинет - база данных
210 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata'); 210 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata');
211 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata'); 211 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata');
212 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata'); 212 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata');
213 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata'); 213 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata');
214 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata'); 214 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata');
215 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata'); 215 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata');
216 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata'); 216 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata');
217 217
218 // кабинет - вакансии 218 // кабинет - вакансии
219 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers'); 219 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers');
220 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers'); 220 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers');
221 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers'); 221 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers');
222 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers'); 222 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers');
223 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers'); 223 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers');
224 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer'); 224 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer');
225 225
226 // Редактирование должности в вакансии 226 // Редактирование должности в вакансии
227 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs'); 227 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs');
228 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs'); 228 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs');
229 229
230 230
231 // кабинет - категории 231 // кабинет - категории
232 //Route::get('categories', [AdminController::class, 'index'])->name('categories'); 232 //Route::get('categories', [AdminController::class, 'index'])->name('categories');
233 /* 233 /*
234 * CRUD-операции над Справочником Категории 234 * CRUD-операции над Справочником Категории
235 */ 235 */
236 Route::resource('categories', CategoryController::class, ['except' => ['show']]); 236 Route::resource('categories', CategoryController::class, ['except' => ['show']]);
237 237
238 // CRUD-операции над справочником Категории для работодателей 238 // CRUD-операции над справочником Категории для работодателей
239 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]); 239 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]);
240 240
241 // CRUD-операции над справочником Образование 241 // CRUD-операции над справочником Образование
242 Route::resource('education', EducationController::class, ['except' => ['show']]); 242 Route::resource('education', EducationController::class, ['except' => ['show']]);
243 243
244 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education'); 244 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education');
245 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education'); 245 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education');
246 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education'); 246 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education');
247 247
248 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education'); 248 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education');
249 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education'); 249 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education');
250 250
251 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education'); 251 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education');
252 252
253 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles'); 253 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles');
254 /* 254 /*
255 * кабинет - CRUD-операции по справочнику должности 255 * кабинет - CRUD-операции по справочнику должности
256 * 256 *
257 */ 257 */
258 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]); 258 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]);
259 259
260 // кабинет - сообщения (чтение чужих) 260 // кабинет - сообщения (чтение чужих)
261 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages'); 261 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages');
262 // кабинет - просмотр сообщения чужого (чтение) 262 // кабинет - просмотр сообщения чужого (чтение)
263 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message'); 263 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message');
264 264
265 // кабинет - сообщения (админские) 265 // кабинет - сообщения (админские)
266 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages'); 266 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages');
267 // кабинет - сообщения (админские) 267 // кабинет - сообщения (админские)
268 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post'); 268 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post');
269 // кабинет - sql - конструкция запросов 269 // кабинет - sql - конструкция запросов
270 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql'); 270 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql');
271 271
272 /* 272 /*
273 * Расписанный подход в описании каждой директорий групп пользователей. 273 * Расписанный подход в описании каждой директорий групп пользователей.
274 */ 274 */
275 // кабинет - группы пользователей 275 // кабинет - группы пользователей
276 Route::get('groups', [GroupsController::class, 'index'])->name('groups'); 276 Route::get('groups', [GroupsController::class, 'index'])->name('groups');
277 // кабинет - добавление форма группы пользователей 277 // кабинет - добавление форма группы пользователей
278 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group'); 278 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group');
279 // кабинет - сохранение формы группы пользователей 279 // кабинет - сохранение формы группы пользователей
280 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store'); 280 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store');
281 // кабинет - редактирование форма группы пользователей 281 // кабинет - редактирование форма группы пользователей
282 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group'); 282 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group');
283 // кабинет - сохранение редактированной формы группы пользователей 283 // кабинет - сохранение редактированной формы группы пользователей
284 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group'); 284 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group');
285 // кабинет - удаление группы пользователей 285 // кабинет - удаление группы пользователей
286 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group'); 286 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group');
287 287
288 288
289 // кабинет - список админов 289 // кабинет - список админов
290 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin'); 290 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin');
291 291
292 // справочник Позиции
293 Route::get('positions', [AdminController::class, 'position'])->name('position');
294 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position');
295 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position');
296 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position');
297 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position');
298 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position');
292 299
293 /////редактор////// кабинет - редактор сайта//////////////////////// 300 /////редактор////// кабинет - редактор сайта////////////////////////
294 Route::get('editor-site', function() { 301 Route::get('editor-site', function() {
295 return view('admin.editor.index'); 302 return view('admin.editor.index');
296 })->name('editor-site'); 303 })->name('editor-site');
297 304
298 305
299 // кабинет - редактор шапки-футера сайта 306 // кабинет - редактор шапки-футера сайта
300 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks'); 307 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks');
301 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block'); 308 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block');
302 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store'); 309 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store');
303 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block'); 310 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block');
304 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block'); 311 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block');
305 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block'); 312 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block');
306 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block'); 313 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block');
307 314
308 315
309 // кабинет - редактор должности на главной 316 // кабинет - редактор должности на главной
310 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main'); 317 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main');
311 318
312 // кабинет - редактор работодатели на главной 319 // кабинет - редактор работодатели на главной
313 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main'); 320 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main');
314 321
315 322
316 // кабинет - редактор seo-сайта 323 // кабинет - редактор seo-сайта
317 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo'); 324 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo');
318 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo'); 325 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo');
319 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store'); 326 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store');
320 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo'); 327 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo');
321 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo'); 328 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo');
322 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo'); 329 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo');
323 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo'); 330 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo');
324 331
325 332
326 // кабинет - редактор страниц 333 // кабинет - редактор страниц
327 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages'); 334 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages');
328 // кабинет - добавление страницы 335 // кабинет - добавление страницы
329 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page'); 336 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page');
330 // кабинет - сохранение формы страницы 337 // кабинет - сохранение формы страницы
331 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store'); 338 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store');
332 // кабинет - редактирование форма страницы 339 // кабинет - редактирование форма страницы
333 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page'); 340 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page');
334 // кабинет - сохранение редактированной формы страницы 341 // кабинет - сохранение редактированной формы страницы
335 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page'); 342 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page');
336 // кабинет - удаление страницы 343 // кабинет - удаление страницы
337 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page'); 344 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page');
338 345
339 346
340 // кабинет - реклама сайта 347 // кабинет - реклама сайта
341 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames'); 348 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames');
342 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames'); 349 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames');
343 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store'); 350 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store');
344 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames'); 351 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames');
345 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames'); 352 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames');
346 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames'); 353 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames');
347 //////////////////////////////////////////////////////////////////////// 354 ////////////////////////////////////////////////////////////////////////
348 355
349 356
350 // кабинет - отзывы о работодателе для модерации 357 // кабинет - отзывы о работодателе для модерации
351 Route::get('answers', [EmployersController::class, 'answers'])->name('answers'); 358 Route::get('answers', [EmployersController::class, 'answers'])->name('answers');
352 359
353 // Общая страница статистики 360 // Общая страница статистики
354 Route::get('statics', function () { 361 Route::get('statics', function () {
355 return view('admin.static.index'); 362 return view('admin.static.index');
356 })->name('statics'); 363 })->name('statics');
357 364
358 // кабинет - статистика работников 365 // кабинет - статистика работников
359 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers'); 366 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers');
360 367
361 // кабинет - статистика вакансий работодателя 368 // кабинет - статистика вакансий работодателя
362 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads'); 369 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads');
363 370
364 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника 371 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника
365 /* 372 /*
366 * CRUD-операции над справочником дипломы и документы 373 * CRUD-операции над справочником дипломы и документы
367 */ 374 */
368 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks'); 375 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks');
369 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]); 376 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]);
370 377
371 // кабинет - роли пользователя 378 // кабинет - роли пользователя
372 Route::get('roles', [UsersController::class, 'roles'])->name('roles'); 379 Route::get('roles', [UsersController::class, 'roles'])->name('roles');
373 380
374 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles'); 381 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles');
375 382
376 Route::get('logs', function() { 383 Route::get('logs', function() {
377 $files = Storage::files('logs/laravel.log'); 384 $files = Storage::files('logs/laravel.log');
378 })->name('logs'); 385 })->name('logs');
379 }); 386 });
380 387
381 // Инструментальные страницы 388 // Инструментальные страницы
382 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload'); 389 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload');
383 390
384 Route::get('redis/', [PagesController::class, 'redis'])->name('redis'); 391 Route::get('redis/', [PagesController::class, 'redis'])->name('redis');
385 392
386 Route::get('excel/', [PagesController::class, 'excel'])->name('excel'); 393 Route::get('excel/', [PagesController::class, 'excel'])->name('excel');
387 394
388 // Страницы с произвольным контентом 395 // Страницы с произвольным контентом
389 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page'); 396 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page');
390 397
391 // Публичные страницы соискателя 398 // Публичные страницы соискателя
392 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page'); 399 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page');
393 400
394 //Страница вакансии 401 //Страница вакансии
395 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer'); 402 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
396 403
397 //Вакансии 404 //Вакансии
398 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies'); 405 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
399 406
400 //Вакансии поиск на главной 407 //Вакансии поиск на главной
401 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies'); 408 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies');
402 409
403 //Вакансии категория детальная 410 //Вакансии категория детальная
404 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies'); 411 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
405 412
406 // Лайк вакансии 413 // Лайк вакансии
407 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy'); 414 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy');
408 415
409 //Детальная страница вакансии - работодателя 416 //Детальная страница вакансии - работодателя
410 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie'); 417 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie');
411 418
412 //Судоходные компании 419 //Судоходные компании
413 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies'); 420 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies');
414 421
415 //Детальная инфа о компании 422 //Детальная инфа о компании
416 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company'); 423 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company');
417 424
418 //Образование 425 //Образование
419 Route::get('education', [MainController::class, 'education'])->name('education'); 426 Route::get('education', [MainController::class, 'education'])->name('education');
420 427
421 //Новости 428 //Новости
422 Route::get('news', [MainController::class, 'news'])->name('news'); 429 Route::get('news', [MainController::class, 'news'])->name('news');
423 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new'); 430 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new');
424 431
425 //Контакты 432 //Контакты
426 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts'); 433 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
427 434
428 //База резюме 435 //База резюме
429 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume'); 436 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume');
430 437
431 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume'); 438 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume');
432 439
433 //Анкета соискателя 440 //Анкета соискателя
434 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile'); 441 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile');
435 442
436 //Скачать резюме 443 //Скачать резюме
437 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download'); 444 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download');
438 445
439 //Вход в кабинет 446 //Вход в кабинет
440 Route::get('login', [MainController::class, 'input_login'])->name('login'); 447 Route::get('login', [MainController::class, 'input_login'])->name('login');
441 448
442 // Выход из кабинета 449 // Выход из кабинета
443 Route::get('logout', [EmployerController::class, 'logout'])->name('logout'); 450 Route::get('logout', [EmployerController::class, 'logout'])->name('logout');
444 451
445 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker'); 452 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker');
446 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer'); 453 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer');
447 454
448 //восстановление пароля 455 //восстановление пароля
449 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password'); 456 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password');
450 // Звезда сообщения 457 // Звезда сообщения
451 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer'); 458 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer');
452 459
453 // Борьба 460 // Борьба
454 Route::get('clear_cookie', function() { 461 Route::get('clear_cookie', function() {
455 \App\Classes\Cookies_vacancy::clear_vacancy(); 462 \App\Classes\Cookies_vacancy::clear_vacancy();
456 return redirect()->route('index'); 463 return redirect()->route('index');
457 })->name('clear_cookie'); 464 })->name('clear_cookie');
458 465
459 Route::get('cookies', function() { 466 Route::get('cookies', function() {
460 return view('cookies'); 467 return view('cookies');
461 })->name('cookies'); 468 })->name('cookies');
462 469
463 470
464 471
465 472
466 // Личный кабинет работник 473 // Личный кабинет работник
467 Route::group([ 474 Route::group([
468 'as' => 'worker.', // имя маршрута, например auth.index 475 'as' => 'worker.', // имя маршрута, например auth.index
469 'prefix' => 'worker', // префикс маршрута, например auth/index 476 'prefix' => 'worker', // префикс маршрута, например auth/index
470 'middleware' => ['auth'], ['is_worker'], 477 'middleware' => ['auth'], ['is_worker'],
471 ], function() { 478 ], function() {
472 // 1 страница - Моя анкета 479 // 1 страница - Моя анкета
473 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet'); 480 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet');
474 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save'); 481 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save');
475 482
476 // 2 страница - Сообщения 483 // 2 страница - Сообщения
477 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages'); 484 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages');
478 Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog'); 485 Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog');
479 // 3 страница - Избранные вакансии 486 // 3 страница - Избранные вакансии
480 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite'); 487 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite');
481 // Продолжение борьбы против колорадов - избранные вакансии 488 // Продолжение борьбы против колорадов - избранные вакансии
482 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado'); 489 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado');
483 490
484 // 4 страница - Сменить пароль 491 // 4 страница - Сменить пароль
485 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password'); 492 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password');
486 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password'); 493 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password');
487 494
488 // 5 страница - Удалить профиль 495 // 5 страница - Удалить профиль
489 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile'); 496 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile');
490 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result'); 497 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result');
491 498
492 // Резюме -pdf 499 // Резюме -pdf
493 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download'); 500 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download');
494 501
495 // Поднятие анкеты 502 // Поднятие анкеты
496 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up'); 503 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up');
497 504
498 // Добавление сертификата 505 // Добавление сертификата
499 Route::get('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate'); 506 Route::get('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate');
500 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate'); 507 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate');
501 508
502 // Добавление документа-диплома 509 // Добавление документа-диплома
503 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom'); 510 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom');
504 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save'); 511 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save');
505 512
506 // Добавление стандартного диплома 513 // Добавление стандартного диплома
507 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document'); 514 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document');
508 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save'); 515 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save');
509 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document'); 516 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document');
510 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save'); 517 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save');
511 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document'); 518 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document');
512 519
513 // Отправка сообщения работодателю от соискателя 520 // Отправка сообщения работодателю от соискателя
514 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message'); 521 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message');
515 }); 522 });
516 523
517 // Личный кабинет работодателя 524 // Личный кабинет работодателя
518 Route::group([ 525 Route::group([
519 'as' => 'employer.', // имя маршрута, например auth.index 526 'as' => 'employer.', // имя маршрута, например auth.index
520 'prefix' => 'employer', // префикс маршрута, например auth/index 527 'prefix' => 'employer', // префикс маршрута, например auth/index
521 'middleware' => ['auth'], !['is_worker'], 528 'middleware' => ['auth'], !['is_worker'],
522 ], function() { 529 ], function() {
523 // 1 страница - Профиль 530 // 1 страница - Профиль
524 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet'); 531 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet');
525 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save'); 532 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save');
526 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot'); 533 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot');
527 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot'); 534 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot');
528 535
529 // 2 страница - Добавление вакансий 536 // 2 страница - Добавление вакансий
530 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie'); 537 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie');
531 Route::post('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancy_save'])->name('vacancy_save'); 538 Route::post('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancy_save'])->name('vacancy_save');
532 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save'); 539 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save');
533 540
534 // 3 страница - Мои вакансии 541 // 3 страница - Мои вакансии
535 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list'); 542 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list');
536 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 543 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
537 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete'); 544 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete');
538 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up'); 545 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up');
539 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye'); 546 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye');
540 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 547 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
541 Route::post('cabinet/vacancy-edit/{ad_employer}/', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me'); 548 Route::post('cabinet/vacancy-edit/{ad_employer}/', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me');
542 549
543 // 4 страница - Отклики на вакансии 550 // 4 страница - Отклики на вакансии
544 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers'); 551 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers');
545 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple'); 552 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple');
546 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg'); 553 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg');
547 554
548 // 5 страница - Сообщения 555 // 5 страница - Сообщения
549 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages'); 556 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages');
550 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog'); 557 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog');
551 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message'); 558 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message');
552 Route::post('test123', [EmployerController::class, 'test123'])->name('test123'); 559 Route::post('test123', [EmployerController::class, 'test123'])->name('test123');
553 560
554 // 6 страница - Избранный 561 // 6 страница - Избранный
555 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites'); 562 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites');
556 563
557 //7 страница - База данных 564 //7 страница - База данных
558 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd'); 565 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd');
559 566
560 //8 страница - База резюме 567 //8 страница - База резюме
561 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe'); 568 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe');
562 569
563 // 9 рассылка сообщений 570 // 9 рассылка сообщений
564 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages'); 571 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages');
565 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post'); 572 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post');
566 573
567 // 10 страница FAQ вопросы 574 // 10 страница FAQ вопросы
568 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq'); 575 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq');
569 576
570 // 11 страница - Настройка уведомлений 577 // 11 страница - Настройка уведомлений
571 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe'); 578 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe');
572 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe'); 579 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe');
573 580
574 // 12 страница - Сменить пароль 581 // 12 страница - Сменить пароль
575 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset'); 582 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset');
576 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password'); 583 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password');
577 584
578 // 13 страница - Удаление профиля 585 // 13 страница - Удаление профиля
579 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people'); 586 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
580 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user'); 587 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
581 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user'); 588 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
582 589
583 // Отправил сообщение 590 // Отправил сообщение
584 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message'); 591 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');
585 }); 592 });
586 593
587 594
588 595