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

Download as
Browse Code »

Commit 7fc2c06b2c0fdd10d39a0dbaaee6494c831c6d6e

Authored by Hayk Nazaryan
2 parents 6644490231 19b449c164
Exists in master

Merge branch 'master' of http://gitlab.nologostudio.ru/alarionov/rekamore-su

Showing 7 changed files Inline Diff

app/Http/Controllers/Admin/UsersController.php
Diff comments   View file @ 7fc2c06
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\Admin; 3 namespace App\Http\Controllers\Admin;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use App\Http\Requests\BaseUserRequest; 6 use App\Http\Requests\BaseUserRequest;
7 use App\Models\ContentRoles; 7 use App\Models\ContentRoles;
8 use App\Models\Job_title; 8 use App\Models\Job_title;
9 use App\Models\User; 9 use App\Models\User;
10 use App\Models\Worker; 10 use App\Models\Worker;
11 use Illuminate\Http\Request; 11 use Illuminate\Http\Request;
12 use Illuminate\Support\Facades\Auth; 12 use Illuminate\Support\Facades\Auth;
13 use Illuminate\Support\Facades\Hash; 13 use Illuminate\Support\Facades\Hash;
14 use Illuminate\Support\Facades\Storage; 14 use Illuminate\Support\Facades\Storage;
15 use PhpOffice\PhpSpreadsheet\Spreadsheet; 15 use PhpOffice\PhpSpreadsheet\Spreadsheet;
16 use PhpOffice\PhpSpreadsheet\Style\Alignment; 16 use PhpOffice\PhpSpreadsheet\Style\Alignment;
17 use PhpOffice\PhpSpreadsheet\Style\Border; 17 use PhpOffice\PhpSpreadsheet\Style\Border;
18 use PhpOffice\PhpSpreadsheet\Style\Font; 18 use PhpOffice\PhpSpreadsheet\Style\Font;
19 use PhpOffice\PhpSpreadsheet\Writer\Xlsx; 19 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
20 20
21 class UsersController extends Controller 21 class UsersController extends Controller
22 { 22 {
23 public function index(Request $request) { 23 public function index(Request $request) {
24 $title = 'Админка - Пользователи системы'; 24 $title = 'Админка - Пользователи системы';
25 $id_admin = Auth::user()->id; 25 $id_admin = Auth::user()->id;
26 if ($request->ajax()) { 26 if ($request->ajax()) {
27 $user = User::find($request->id); 27 $user = User::find($request->id);
28 $request->offsetUnset('id'); 28 $request->offsetUnset('id');
29 $user->update($request->all()); 29 $user->update($request->all());
30 } 30 }
31 31
32 $find_key = ""; 32 $find_key = "";
33 $users = User::query(); 33 $users = User::query();
34 if (isset($request->find)) { 34 if (isset($request->find)) {
35 $find_key = $request->find; 35 $find_key = $request->find;
36 $users = $users->where('name', 'LIKE', "%$find_key%") 36 $users = $users->where('name', 'LIKE', "%$find_key%")
37 ->orWhere('email', 'LIKE', "%$find_key%"); 37 ->orWhere('email', 'LIKE', "%$find_key%");
38 } 38 }
39 39
40 $users = $users->paginate(15); 40 $users = $users->paginate(15);
41 41
42 if ($request->ajax()) { 42 if ($request->ajax()) {
43 return view('admin.users.index_ajax', compact('users', 'id_admin')); 43 return view('admin.users.index_ajax', compact('users', 'id_admin'));
44 } else { 44 } else {
45 return view('admin.users.index', compact('users', 'title', 'id_admin', 'find_key')); 45 return view('admin.users.index', compact('users', 'title', 'id_admin', 'find_key'));
46 } 46 }
47 } 47 }
48 48
49 public function user_delete(User $user) { 49 public function user_delete(User $user) {
50 50
51 $worker = $user->workers()->first(); 51 $worker = $user->workers()->first();
52 $employer = $user->employers()->first(); 52 $employer = $user->employers()->first();
53 53
54 if ($worker) { 54 if ($worker) {
55 55
56 $worker->delete(); 56 $worker->delete();
57 57
58 } elseif ($employer) { 58 } elseif ($employer) {
59 59
60 $employer->delete(); 60 $employer->delete();
61 61
62 } 62 }
63 63
64 $user->delete(); 64 $user->delete();
65 65
66 return redirect()->route('admin.users')->with('Пользователь был удален из системы'); 66 return redirect()->route('admin.users')->with('Пользователь был удален из системы');
67 } 67 }
68 68
69 public function index_bd(Request $request) { 69 public function index_bd(Request $request) {
70 $title = 'Админка - Пользователи базы данных'; 70 $title = 'Админка - Пользователи базы данных';
71 71
72 $find_key = ""; 72 $find_key = "";
73 $users = User::query(); 73 $users = User::query();
74 if (isset($request->find)) { 74 if (isset($request->find)) {
75 $find_key = $request->find; 75 $find_key = $request->find;
76 $users = $users->where('name', 'LIKE', "%$find_key%") 76 $users = $users->where('name', 'LIKE', "%$find_key%")
77 ->orWhere('email', 'LIKE', "%$find_key%") 77 ->orWhere('email', 'LIKE', "%$find_key%")
78 ->orWhere('telephone', 'LIKE', "%$find_key%"); 78 ->orWhere('telephone', 'LIKE', "%$find_key%");
79 } 79 }
80 80
81 $users = $users->Baseuser() 81 $users = $users->Baseuser()
82 ->orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id')) 82 ->orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id'))
83 ->paginate(15); 83 ->paginate(15);
84 84
85 if ($request->ajax()) { 85 if ($request->ajax()) {
86 return view('admin.users.index_bd_ajax', compact('users')); 86 return view('admin.users.index_bd_ajax', compact('users'));
87 } else { 87 } else {
88 return view('admin.users.index_bd', compact('users', 'title', 'find_key')); 88 return view('admin.users.index_bd', compact('users', 'title', 'find_key'));
89 } 89 }
90 } 90 }
91 91
92 public function add_bd() { 92 public function add_bd() {
93 $list_job_titles = Job_title::query()->active()->where('is_bd', '=' , '2')->orderBy('name', 'asc')->get(); 93 $list_job_titles = Job_title::query()->active()->where('is_bd', '=' , '2')->orderBy('name', 'asc')->get();
94 return view('admin.users.add', compact('list_job_titles')); 94 return view('admin.users.add', compact('list_job_titles'));
95 } 95 }
96 96
97 public function add_store_bd(BaseUserRequest $request) { 97 public function add_store_bd(BaseUserRequest $request) {
98 $params = $request->all(); 98 $params = $request->all();
99 99
100 if ($request->has('file')) { 100 if ($request->has('file')) {
101 $params['file'] = $request->file('file')->store('basedata', 'public'); 101 $params['file'] = $request->file('file')->store('basedata', 'public');
102 } 102 }
103 103
104 if (isset($request->name)) { 104 if (isset($request->name)) {
105 $params['name'] = $request->surname." ".$request->name_man." ".$request->surname2; 105 $params['name'] = $request->surname." ".$request->name_man." ".$request->surname2;
106 } 106 }
107 107
108 $password = $params['password']; 108 $password = $params['password'];
109 $params['password'] = Hash::make($password); 109 $params['password'] = Hash::make($password);
110 $params['pubpassword'] = base64_encode($password); 110 $params['pubpassword'] = base64_encode($password);
111 111 $params['email_verified_at'] = now();
112 $user = User::create($params); 112 $user = User::create($params);
113 $worker = new Worker(); 113 $worker = new Worker();
114 $worker->positions_work = isset($params['positions_work']) ? json_encode($params['positions_work']) : []; 114 $worker->positions_work = isset($params['positions_work']) ? json_encode($params['positions_work']) : [];
115 $worker->user_id = $user->id; 115 $worker->user_id = $user->id;
116 $worker->comment = isset($params['comment']) ? $params['comment'] : null; 116 $worker->comment = isset($params['comment']) ? $params['comment'] : null;
117 $worker->save(); 117 $worker->save();
118 118
119 return redirect()->route('admin.basedata'); 119 return redirect()->route('admin.basedata');
120 } 120 }
121 121
122 public function edit_bd(User $user) { 122 public function edit_bd(User $user) {
123 $list_job_titles = Job_title::query() 123 $list_job_titles = Job_title::query()
124 ->active() 124 ->active()
125 ->where('is_bd', '=' , '2') 125 ->where('is_bd', '=' , '2')
126 ->orderByDesc('sort') 126 ->orderByDesc('sort')
127 ->orderBy('name', 'asc') 127 ->orderBy('name', 'asc')
128 ->get(); 128 ->get();
129 return view('admin.users.edit', compact('user', 'list_job_titles')); 129 return view('admin.users.edit', compact('user', 'list_job_titles'));
130 } 130 }
131 131
132 public function update_bd(BaseUserRequest $request, User $user) { 132 public function update_bd(BaseUserRequest $request, User $user) {
133 $params = $request->all(); 133 $params = $request->all();
134 $positions_work = $request->input('positions_work', []); 134 $positions_work = $request->input('positions_work', []);
135 135
136 if ($request->has('file')) { 136 if ($request->has('file')) {
137 if (!empty($user->file)) Storage::delete($user->file); 137 if (!empty($user->file)) Storage::delete($user->file);
138 $params['file'] = $request->file('file')->store('basedata', 'public'); 138 $params['file'] = $request->file('file')->store('basedata', 'public');
139 } else { 139 } else {
140 if (!empty($user->image)) $params['file'] = $user->file; 140 if (!empty($user->image)) $params['file'] = $user->file;
141 } 141 }
142 142
143 if (isset($request->name)) { 143 if (isset($request->name)) {
144 $params['name'] = $request->surname." ".$request->name_man." ".$request->surname2; 144 $params['name'] = $request->surname." ".$request->name_man." ".$request->surname2;
145 } 145 }
146 146
147 $user->update($params); 147 $user->update($params);
148 if (isset($user->workers[0]->id)) { 148 if (isset($user->workers[0]->id)) {
149 $worker = Worker::find($user->workers[0]->id); 149 $worker = Worker::find($user->workers[0]->id);
150 $worker->positions_work = $positions_work; 150 $worker->positions_work = $positions_work;
151 $worker->comment = isset($params['comment']) ? $params['comment'] : null; 151 $worker->comment = isset($params['comment']) ? $params['comment'] : null;
152 $worker->save(); 152 $worker->save();
153 } else { 153 } else {
154 $worker = new Worker(); 154 $worker = new Worker();
155 $worker->user_id = $user->id; 155 $worker->user_id = $user->id;
156 $worker->positions_work = $positions_work; 156 $worker->positions_work = $positions_work;
157 $worker->comment = isset($params['comment']) ? $params['comment'] : null; 157 $worker->comment = isset($params['comment']) ? $params['comment'] : null;
158 $worker->save(); 158 $worker->save();
159 } 159 }
160 160
161 return redirect()->route('admin.basedata'); 161 return redirect()->route('admin.basedata');
162 } 162 }
163 163
164 public function destroy_bd(User $user) { 164 public function destroy_bd(User $user) {
165 $user->delete(); 165 $user->delete();
166 return redirect()->route('admin.basedata'); 166 return redirect()->route('admin.basedata');
167 } 167 }
168 168
169 public function roles(Request $request) { 169 public function roles(Request $request) {
170 if ($request->ajax()) { 170 if ($request->ajax()) {
171 $user = User::find($request->id); 171 $user = User::find($request->id);
172 $request->offsetUnset('id'); 172 $request->offsetUnset('id');
173 $user->update($request->all()); 173 $user->update($request->all());
174 } 174 }
175 175
176 $users = User::query()->Realuser()->paginate(15); 176 $users = User::query()->Realuser()->paginate(15);
177 177
178 if ($request->ajax()) { 178 if ($request->ajax()) {
179 return view('admin.users.roles.index_ajax', compact('users')); 179 return view('admin.users.roles.index_ajax', compact('users'));
180 } else { 180 } else {
181 return view('admin.users.roles.index', compact('users')); 181 return view('admin.users.roles.index', compact('users'));
182 } 182 }
183 } 183 }
184 184
185 public function admin_roles(Request $request) { 185 public function admin_roles(Request $request) {
186 186
187 if ($request->ajax()) { 187 if ($request->ajax()) {
188 $id = $request->id; 188 $id = $request->id;
189 $request->offsetUnset('id'); 189 $request->offsetUnset('id');
190 ContentRoles::where('id', '=', $id)->update($request->all()); 190 ContentRoles::where('id', '=', $id)->update($request->all());
191 } 191 }
192 $roles = ContentRoles::query()->OrderBy('id')->paginate(25); 192 $roles = ContentRoles::query()->OrderBy('id')->paginate(25);
193 193
194 194
195 if ($request->ajax()) { 195 if ($request->ajax()) {
196 return view('admin.content.roles_index_ajax', compact('roles')); 196 return view('admin.content.roles_index_ajax', compact('roles'));
197 } else { 197 } else {
198 return view('admin.content.roles_index', compact('roles')); 198 return view('admin.content.roles_index', compact('roles'));
199 } 199 }
200 } 200 }
201 201
202 public function doc_bd(User $user) { 202 public function doc_bd(User $user) {
203 $id = $user->id; 203 $id = $user->id;
204 $spreadsheet = new Spreadsheet(); 204 $spreadsheet = new Spreadsheet();
205 $activeWorksheet = $spreadsheet->getActiveSheet(); 205 $activeWorksheet = $spreadsheet->getActiveSheet();
206 $activeWorksheet->setCellValue('A1', 'Отчет по соискателю'); 206 $activeWorksheet->setCellValue('A1', 'Отчет по соискателю');
207 $activeWorksheet->getStyle('A1')->applyFromArray([ 207 $activeWorksheet->getStyle('A1')->applyFromArray([
208 'font' => [ 208 'font' => [
209 'name' => 'Arial', 209 'name' => 'Arial',
210 'bold' => true, 210 'bold' => true,
211 'italic' => false, 211 'italic' => false,
212 'underline' => Font::UNDERLINE_DOUBLE, 212 'underline' => Font::UNDERLINE_DOUBLE,
213 'strikethrough' => false, 213 'strikethrough' => false,
214 'color' => [ 214 'color' => [
215 'rgb' => '808080' 215 'rgb' => '808080'
216 ] 216 ]
217 ], 217 ],
218 'borders' => [ 218 'borders' => [
219 'allBorders' => [ 219 'allBorders' => [
220 'borderStyle' => Border::BORDER_THIN, 220 'borderStyle' => Border::BORDER_THIN,
221 'color' => [ 221 'color' => [
222 'rgb' => '808080' 222 'rgb' => '808080'
223 ] 223 ]
224 ], 224 ],
225 'outline' => array( 225 'outline' => array(
226 'style' => Border::BORDER_THIN, 226 'style' => Border::BORDER_THIN,
227 'color' => array('rgb' => '000000') 227 'color' => array('rgb' => '000000')
228 ), 228 ),
229 ], 229 ],
230 230
231 'alignment' => [ 231 'alignment' => [
232 'horizontal' => Alignment::HORIZONTAL_CENTER, 232 'horizontal' => Alignment::HORIZONTAL_CENTER,
233 'vertical' => Alignment::VERTICAL_CENTER, 233 'vertical' => Alignment::VERTICAL_CENTER,
234 'wrapText' => true, 234 'wrapText' => true,
235 ] 235 ]
236 ]); 236 ]);
237 237
238 $activeWorksheet->setCellValue('A2', "Псевдоним/имя: ".$user->name); 238 $activeWorksheet->setCellValue('A2', "Псевдоним/имя: ".$user->name);
239 $activeWorksheet->setCellValue('A3', "Фамилия: ".$user->surname); 239 $activeWorksheet->setCellValue('A3', "Фамилия: ".$user->surname);
240 $activeWorksheet->setCellValue('A4', "Имя: ".$user->name_man); 240 $activeWorksheet->setCellValue('A4', "Имя: ".$user->name_man);
241 $activeWorksheet->setCellValue('A5', "Отчество: ".$user->surname2); 241 $activeWorksheet->setCellValue('A5', "Отчество: ".$user->surname2);
242 $activeWorksheet->setCellValue('A6', "Телефон: ".$user->telephone); 242 $activeWorksheet->setCellValue('A6', "Телефон: ".$user->telephone);
243 $activeWorksheet->setCellValue('A7', "Емайл: ".$user->email); 243 $activeWorksheet->setCellValue('A7', "Емайл: ".$user->email);
244 244
245 if (isset($user->workers[0]->id)) { 245 if (isset($user->workers[0]->id)) {
246 $activeWorksheet->setCellValue('A9', "Анкета: "); 246 $activeWorksheet->setCellValue('A9', "Анкета: ");
247 $activeWorksheet->setCellValue('A10', "Телефон: " . $user->workers[0]->telephone); 247 $activeWorksheet->setCellValue('A10', "Телефон: " . $user->workers[0]->telephone);
248 $activeWorksheet->setCellValue('A11', "Емайл: " . $user->workers[0]->email); 248 $activeWorksheet->setCellValue('A11', "Емайл: " . $user->workers[0]->email);
249 } 249 }
250 250
251 if (isset($user->jobtitles[0]->id)) { 251 if (isset($user->jobtitles[0]->id)) {
252 $activeWorksheet->setCellValue('A12', "Должность: " . $user->jobtitles[0]->name); 252 $activeWorksheet->setCellValue('A12', "Должность: " . $user->jobtitles[0]->name);
253 } 253 }
254 $activeWorksheet->getColumnDimension("A")->setWidth(100); 254 $activeWorksheet->getColumnDimension("A")->setWidth(100);
255 $writer = new Xlsx($spreadsheet); 255 $writer = new Xlsx($spreadsheet);
256 256
257 header('Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); 257 header('Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
258 header('Content-Disposition: attachment; filename="user'.$id.'.xlsx"'); 258 header('Content-Disposition: attachment; filename="user'.$id.'.xlsx"');
259 header('Cache-Control: no-cache'); 259 header('Cache-Control: no-cache');
260 260
261 $writer->save('php://output'); 261 $writer->save('php://output');
262 $writer->save(storage_path("app/public/export/user$id.xlsx")); 262 $writer->save(storage_path("app/public/export/user$id.xlsx"));
263 263
264 //$spreadsheet->disconnectWorksheets(); 264 //$spreadsheet->disconnectWorksheets();
265 return redirect()->route('admin.basedata'); 265 return redirect()->route('admin.basedata');
266 266
267 } 267 }
268 } 268 }
269 269
app/Http/Controllers/Admin/WorkersController.php
Diff comments   View file @ 7fc2c06
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\Admin; 3 namespace App\Http\Controllers\Admin;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use App\Http\Requests\WorkerRequest; 6 use App\Http\Requests\WorkerRequest;
7 use App\Models\Company; 7 use App\Models\Company;
8 use App\Models\Job_title; 8 use App\Models\Job_title;
9 use App\Models\Static_worker; 9 use App\Models\Static_worker;
10 use App\Models\User; 10 use App\Models\User;
11 use App\Models\Worker; 11 use App\Models\Worker;
12 use Carbon\Carbon; 12 use Carbon\Carbon;
13 use Illuminate\Database\Eloquent\Builder; 13 use Illuminate\Database\Eloquent\Builder;
14 use Illuminate\Http\Request; 14 use Illuminate\Http\Request;
15 use Illuminate\Support\Facades\Storage; 15 use Illuminate\Support\Facades\Storage;
16 use Illuminate\Support\Facades\Validator; 16 use Illuminate\Support\Facades\Validator;
17 use App\Enums\WorkerStatuses; 17 use App\Enums\WorkerStatuses;
18 18
19 class WorkersController extends Controller 19 class WorkersController extends Controller
20 { 20 {
21 public function index(Request $request) { 21 public function index(Request $request) {
22 if ($request->ajax()) { 22 if ($request->ajax()) {
23 $user = User::find($request->id); 23 $user = User::find($request->id);
24 $request->offsetUnset('id'); 24 $request->offsetUnset('id');
25 $user->update($request->all()); 25 $user->update($request->all());
26 } 26 }
27 27
28 $status_work = Job_title::query()->active()->orderBy('name')->get(); 28 $status_work = Job_title::query()->active()->orderBy('name')->get();
29 $users = User::with(['jobtitles', 'workers'])->realuser(); 29 $users = User::with(['jobtitles', 'workers'])->realuser();
30 $all_worker = $users->count(); 30 $all_worker = $users->count();
31 31
32 $find_status_work = ""; 32 $find_status_work = "";
33 if (isset($request->status_work)) { 33 if (isset($request->status_work)) {
34 $find_status_work = $request->status_work; 34 $find_status_work = $request->status_work;
35 35
36 if ($request->status_work > 0) { 36 if ($request->status_work > 0) {
37 $users = $users-> 37 $users = $users->
38 whereHas('workers', 38 whereHas('workers',
39 function (Builder $query) use ($find_status_work) { 39 function (Builder $query) use ($find_status_work) {
40 $query->where('position_work', $find_status_work); 40 $query->where('position_work', $find_status_work);
41 } 41 }
42 ); 42 );
43 } else { 43 } else {
44 $users = $users->whereHas('workers'); 44 $users = $users->whereHas('workers');
45 } 45 }
46 46
47 } else { 47 } else {
48 $users = $users->whereHas('workers'); 48 $users = $users->whereHas('workers');
49 } 49 }
50 50
51 $find_key = ""; 51 $find_key = "";
52 if (isset($request->find)) { 52 if (isset($request->find)) {
53 $find_key = $request->find; 53 $find_key = $request->find;
54 $users = $users->where(function($query) use($find_key) { 54 $users = $users->where(function($query) use($find_key) {
55 $query->where('name_man', 'LIKE', "%$find_key%") 55 $query->where('name_man', 'LIKE', "%$find_key%")
56 ->orWhere('email', 'LIKE', "%$find_key%") 56 ->orWhere('email', 'LIKE', "%$find_key%")
57 ->orWhere('telephone', 'LIKE', "%$find_key%") 57 ->orWhere('telephone', 'LIKE', "%$find_key%")
58 ->orWhere('surname', 'LIKE', "%$find_key%") 58 ->orWhere('surname', 'LIKE', "%$find_key%")
59 ->orWhere('surname2', 'LIKE', "%$find_key%"); 59 ->orWhere('surname2', 'LIKE', "%$find_key%");
60 }); 60 });
61 } 61 }
62 62
63 $all_worker = $users->count(); 63 $all_worker = $users->count();
64 64
65 $users = $users->orderByDesc('id')->paginate(15); 65 $users = $users->orderByDesc('id')->paginate(15);
66 66
67 $status_wor = WorkerStatuses::getWorkerStatuses(); 67 $status_wor = WorkerStatuses::getWorkerStatuses();
68 68
69 if ($request->ajax()) { 69 if ($request->ajax()) {
70 return view('admin.worker.index_ajax', compact('users', 'status_wor')); 70 return view('admin.worker.index_ajax', compact('users', 'status_wor'));
71 } else { 71 } else {
72 return view('admin.worker.index', compact('users', 72 return view('admin.worker.index', compact('users',
73 'find_key', 73 'find_key',
74 'find_status_work', 74 'find_status_work',
75 'status_work', 75 'status_work',
76 'status_wor', 76 'status_wor',
77 'all_worker')); 77 'all_worker'));
78 } 78 }
79 } 79 }
80 80
81 public function form_add_worker(User $user) { 81 public function form_add_worker(User $user) {
82 $job_titles = Job_title::query()->active()->orderBy('name')->get(); 82 $job_titles = Job_title::query()->active()->orderBy('name')->get();
83 83
84 $time_end_anketa = 'Создана только'; 84 $time_end_anketa = 'Создана только';
85 $long_days = Company::find(1)->time_resume; 85 $long_days = Company::find(1)->time_resume;
86 $time_end_anketa = date("d.m.Y H:i:s", strtotime(Carbon::now() . "+$long_days days")); 86 $time_end_anketa = date("d.m.Y H:i:s", strtotime(Carbon::now() . "+$long_days days"));
87 87
88 return view('admin.worker.add', compact('user', 'job_titles', 'time_end_anketa')); 88 return view('admin.worker.add', compact('user', 'job_titles', 'time_end_anketa'));
89 } 89 }
90 90
91 public function form_store_worker(WorkerRequest $request, User $user) { 91 public function form_store_worker(WorkerRequest $request, User $user) {
92 $params = $request->all(); 92 $params = $request->all();
93 $worker = Worker::create($params); 93 $worker = Worker::create($params);
94 return redirect()->route('admin.basedata'); 94 return redirect()->route('admin.basedata');
95 } 95 }
96 96
97 public function form_edit_worker(Worker $worker) { 97 public function form_edit_worker(Worker $worker) {
98 $job_titles = Job_title::query()->active()->orderBy('name')->get(); 98 $job_titles = Job_title::query()->active()->orderBy('name')->get();
99 99
100 $time_end_anketa = 'Бессрочно'; 100 $time_end_anketa = 'Бессрочно';
101 if (!empty($worker->updated_at)) { 101 if (!empty($worker->updated_at)) {
102 $long_days = Company::find(1)->time_resume; 102 $long_days = Company::find(1)->time_resume;
103 $time_end_anketa = date("d.m.Y H:i:s", strtotime($worker->updated_at . "+$long_days days")); 103 $time_end_anketa = date("d.m.Y H:i:s", strtotime($worker->updated_at . "+$long_days days"));
104 } 104 }
105 return view('admin.worker.edit', compact('worker', 'job_titles', 'time_end_anketa')); 105 return view('admin.worker.edit', compact('worker', 'job_titles', 'time_end_anketa'));
106 } 106 }
107 107
108 public function verify_worker(User $user) {
109 if ($user->id) {
110 $user->update(['email_verified_at' => now()]);
111 }
112
113 return redirect()->back();
114 }
115
108 public function form_update_worker(Request $request, Worker $worker) 116 public function form_update_worker(Request $request, Worker $worker)
109 { 117 {
110 $params = $request->all(); 118 $params = $request->all();
111 119
112 $rules = [ 120 $rules = [
113 'email' => 'email|string|max:255', 121 'email' => 'email|string|max:255',
114 //'photo' => 'mimes:jpeg,jpg,png|max:15000', 122 //'photo' => 'mimes:jpeg,jpg,png|max:15000',
115 ]; 123 ];
116 124
117 $messages = [ 125 $messages = [
118 'required' => 'Укажите обязательное поле «:attribute»', 126 'required' => 'Укажите обязательное поле «:attribute»',
119 'confirmed' => 'Пароли не совпадают', 127 'confirmed' => 'Пароли не совпадают',
120 'email' => 'Введите корректный email', 128 'email' => 'Введите корректный email',
121 'min' => [ 129 'min' => [
122 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 130 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
123 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 131 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
124 ], 132 ],
125 'max' => [ 133 'max' => [
126 'string' => 'Поле «:attribute» должно быть не больше :max символов', 134 'string' => 'Поле «:attribute» должно быть не больше :max символов',
127 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 135 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
128 ], 136 ],
129 ]; 137 ];
130 138
131 $validator = Validator::make($params, $rules, $messages); 139 $validator = Validator::make($params, $rules, $messages);
132 140
133 if ($validator->fails()) { 141 if ($validator->fails()) {
134 return back()->withErrors($validator)->withInput(); 142 return back()->withErrors($validator)->withInput();
135 } else { 143 } else {
136 $user_id = $worker->user_id; 144 $user_id = $worker->user_id;
137 if ($request->has('photo')) { 145 if ($request->has('photo')) {
138 if (!empty($worker->photo)) { 146 if (!empty($worker->photo)) {
139 Storage::delete($worker->photo); 147 Storage::delete($worker->photo);
140 } 148 }
141 if (!empty($request->photo)) 149 if (!empty($request->photo))
142 $params['photo'] = $request->file('photo')->store("workers/$user_id", 'public'); 150 $params['photo'] = $request->file('photo')->store("workers/$user_id", 'public');
143 } 151 }
144 $worker->update($params); 152 $worker->update($params);
145 153
146 return redirect()->route('admin.workers'); 154 return redirect()->route('admin.workers');
147 } 155 }
148 } 156 }
149 157
150 // кабинет - статистика работников 158 // кабинет - статистика работников
151 public function static_workers(Request $request) { 159 public function static_workers(Request $request) {
152 $stat = Static_worker::with('users'); 160 $stat = Static_worker::with('users');
153 //->join('users', 'users.id', '=', 'static_workers.user_id'); 161 //->join('users', 'users.id', '=', 'static_workers.user_id');
154 $users = User::query()->active()->OrderBy('id')->get(); 162 $users = User::query()->active()->OrderBy('id')->get();
155 $periods = Static_worker::query()->distinct('year_month')->select('year_month')->get(); 163 $periods = Static_worker::query()->distinct('year_month')->select('year_month')->get();
156 if ($request->ajax()) { 164 if ($request->ajax()) {
157 if (isset($request->user_id)) 165 if (isset($request->user_id))
158 if (!$request->user_id == "0") 166 if (!$request->user_id == "0")
159 $stat = $stat->Where('user_id', '=', $request->user_id); 167 $stat = $stat->Where('user_id', '=', $request->user_id);
160 if (isset($request->year_month)) { 168 if (isset($request->year_month)) {
161 if (!$request->year_month == "0") 169 if (!$request->year_month == "0")
162 $stat = $stat->Where('year_month', '=', $request->year_month); 170 $stat = $stat->Where('year_month', '=', $request->year_month);
163 } 171 }
164 } 172 }
165 173
166 $stat = $stat->OrderByDesc('year_month'); 174 $stat = $stat->OrderByDesc('year_month');
167 //->OrderBy('users.name'); 175 //->OrderBy('users.name');
168 //OrderBy('users.name')-> 176 //OrderBy('users.name')->
169 /*$stat->implode() loadMissing(['users' => function (Builder $query) { 177 /*$stat->implode() loadMissing(['users' => function (Builder $query) {
170 $query->orderBy('name', 'asc'); 178 $query->orderBy('name', 'asc');
171 }]);*/ 179 }]);*/
172 180
173 $stat = $stat->paginate(15); 181 $stat = $stat->paginate(15);
174 182
175 if ($request->ajax()) 183 if ($request->ajax())
176 return view('admin.static.index_workers_ajax', compact('stat')); 184 return view('admin.static.index_workers_ajax', compact('stat'));
177 else 185 else
178 return view('admin.static.index_workers', compact('stat', 'users', 'periods')); 186 return view('admin.static.index_workers', compact('stat', 'users', 'periods'));
179 187
180 } 188 }
181 189
182 } 190 }
183 191
public/css/style_may2024.css
Diff comments   View file @ 7fc2c06
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 @import url(picker.min.css); 13 @import url(picker.min.css);
14 @import url(general.css); 14 @import url(general.css);
15 html { 15 html {
16 line-height: 1.15; /* 1 */ 16 line-height: 1.15; /* 1 */
17 -webkit-text-size-adjust: 100%; /* 2 */ 17 -webkit-text-size-adjust: 100%; /* 2 */
18 } 18 }
19 19
20 /* Sections 20 /* Sections
21 ========================================================================== */ 21 ========================================================================== */
22 /** 22 /**
23 * Remove the margin in all browsers. 23 * Remove the margin in all browsers.
24 */ 24 */
25 body { 25 body {
26 margin: 0; 26 margin: 0;
27 } 27 }
28 28
29 /** 29 /**
30 * Render the `main` element consistently in IE. 30 * Render the `main` element consistently in IE.
31 */ 31 */
32 main { 32 main {
33 display: block; 33 display: block;
34 } 34 }
35 35
36 /** 36 /**
37 * Correct the font size and margin on `h1` elements within `section` and 37 * Correct the font size and margin on `h1` elements within `section` and
38 * `article` contexts in Chrome, Firefox, and Safari. 38 * `article` contexts in Chrome, Firefox, and Safari.
39 */ 39 */
40 h1 { 40 h1 {
41 font-size: 2em; 41 font-size: 2em;
42 margin: 0.67em 0; 42 margin: 0.67em 0;
43 } 43 }
44 44
45 /* Grouping content 45 /* Grouping content
46 ========================================================================== */ 46 ========================================================================== */
47 /** 47 /**
48 * 1. Add the correct box sizing in Firefox. 48 * 1. Add the correct box sizing in Firefox.
49 * 2. Show the overflow in Edge and IE. 49 * 2. Show the overflow in Edge and IE.
50 */ 50 */
51 hr { 51 hr {
52 -webkit-box-sizing: content-box; 52 -webkit-box-sizing: content-box;
53 box-sizing: content-box; /* 1 */ 53 box-sizing: content-box; /* 1 */
54 height: 0; /* 1 */ 54 height: 0; /* 1 */
55 overflow: visible; /* 2 */ 55 overflow: visible; /* 2 */
56 } 56 }
57 57
58 /** 58 /**
59 * 1. Correct the inheritance and scaling of font size in all browsers. 59 * 1. Correct the inheritance and scaling of font size in all browsers.
60 * 2. Correct the odd `em` font sizing in all browsers. 60 * 2. Correct the odd `em` font sizing in all browsers.
61 */ 61 */
62 pre { 62 pre {
63 font-family: monospace, monospace; /* 1 */ 63 font-family: monospace, monospace; /* 1 */
64 font-size: 1em; /* 2 */ 64 font-size: 1em; /* 2 */
65 } 65 }
66 66
67 /* Text-level semantics 67 /* Text-level semantics
68 ========================================================================== */ 68 ========================================================================== */
69 /** 69 /**
70 * Remove the gray background on active links in IE 10. 70 * Remove the gray background on active links in IE 10.
71 */ 71 */
72 a { 72 a {
73 background-color: transparent; 73 background-color: transparent;
74 } 74 }
75 75
76 /** 76 /**
77 * 1. Remove the bottom border in Chrome 57- 77 * 1. Remove the bottom border in Chrome 57-
78 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 78 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
79 */ 79 */
80 abbr[title] { 80 abbr[title] {
81 border-bottom: none; /* 1 */ 81 border-bottom: none; /* 1 */
82 text-decoration: underline; /* 2 */ 82 text-decoration: underline; /* 2 */
83 -webkit-text-decoration: underline dotted; 83 -webkit-text-decoration: underline dotted;
84 text-decoration: underline dotted; /* 2 */ 84 text-decoration: underline dotted; /* 2 */
85 } 85 }
86 86
87 /** 87 /**
88 * Add the correct font weight in Chrome, Edge, and Safari. 88 * Add the correct font weight in Chrome, Edge, and Safari.
89 */ 89 */
90 b, 90 b,
91 strong { 91 strong {
92 font-weight: bolder; 92 font-weight: bolder;
93 } 93 }
94 94
95 /** 95 /**
96 * 1. Correct the inheritance and scaling of font size in all browsers. 96 * 1. Correct the inheritance and scaling of font size in all browsers.
97 * 2. Correct the odd `em` font sizing in all browsers. 97 * 2. Correct the odd `em` font sizing in all browsers.
98 */ 98 */
99 code, 99 code,
100 kbd, 100 kbd,
101 samp { 101 samp {
102 font-family: monospace, monospace; /* 1 */ 102 font-family: monospace, monospace; /* 1 */
103 font-size: 1em; /* 2 */ 103 font-size: 1em; /* 2 */
104 } 104 }
105 105
106 /** 106 /**
107 * Add the correct font size in all browsers. 107 * Add the correct font size in all browsers.
108 */ 108 */
109 small { 109 small {
110 font-size: 80%; 110 font-size: 80%;
111 } 111 }
112 112
113 /** 113 /**
114 * Prevent `sub` and `sup` elements from affecting the line height in 114 * Prevent `sub` and `sup` elements from affecting the line height in
115 * all browsers. 115 * all browsers.
116 */ 116 */
117 sub, 117 sub,
118 sup { 118 sup {
119 font-size: 75%; 119 font-size: 75%;
120 line-height: 0; 120 line-height: 0;
121 position: relative; 121 position: relative;
122 vertical-align: baseline; 122 vertical-align: baseline;
123 } 123 }
124 124
125 sub { 125 sub {
126 bottom: -0.25em; 126 bottom: -0.25em;
127 } 127 }
128 128
129 sup { 129 sup {
130 top: -0.5em; 130 top: -0.5em;
131 } 131 }
132 132
133 /* Embedded content 133 /* Embedded content
134 ========================================================================== */ 134 ========================================================================== */
135 /** 135 /**
136 * Remove the border on images inside links in IE 10. 136 * Remove the border on images inside links in IE 10.
137 */ 137 */
138 img { 138 img {
139 border-style: none; 139 border-style: none;
140 } 140 }
141 141
142 /* Forms 142 /* Forms
143 ========================================================================== */ 143 ========================================================================== */
144 /** 144 /**
145 * 1. Change the font styles in all browsers. 145 * 1. Change the font styles in all browsers.
146 * 2. Remove the margin in Firefox and Safari. 146 * 2. Remove the margin in Firefox and Safari.
147 */ 147 */
148 button, 148 button,
149 input, 149 input,
150 optgroup, 150 optgroup,
151 select, 151 select,
152 textarea { 152 textarea {
153 font-family: inherit; /* 1 */ 153 font-family: inherit; /* 1 */
154 font-size: 100%; /* 1 */ 154 font-size: 100%; /* 1 */
155 line-height: 1.15; /* 1 */ 155 line-height: 1.15; /* 1 */
156 margin: 0; /* 2 */ 156 margin: 0; /* 2 */
157 } 157 }
158 158
159 /** 159 /**
160 * Show the overflow in IE. 160 * Show the overflow in IE.
161 * 1. Show the overflow in Edge. 161 * 1. Show the overflow in Edge.
162 */ 162 */
163 button, 163 button,
164 input { /* 1 */ 164 input { /* 1 */
165 overflow: visible; 165 overflow: visible;
166 } 166 }
167 167
168 /** 168 /**
169 * Remove the inheritance of text transform in Edge, Firefox, and IE. 169 * Remove the inheritance of text transform in Edge, Firefox, and IE.
170 * 1. Remove the inheritance of text transform in Firefox. 170 * 1. Remove the inheritance of text transform in Firefox.
171 */ 171 */
172 button, 172 button,
173 select { /* 1 */ 173 select { /* 1 */
174 text-transform: none; 174 text-transform: none;
175 } 175 }
176 176
177 /** 177 /**
178 * Correct the inability to style clickable types in iOS and Safari. 178 * Correct the inability to style clickable types in iOS and Safari.
179 */ 179 */
180 button, 180 button,
181 [type=button], 181 [type=button],
182 [type=reset], 182 [type=reset],
183 [type=submit] { 183 [type=submit] {
184 -webkit-appearance: button; 184 -webkit-appearance: button;
185 } 185 }
186 186
187 /** 187 /**
188 * Remove the inner border and padding in Firefox. 188 * Remove the inner border and padding in Firefox.
189 */ 189 */
190 button::-moz-focus-inner, 190 button::-moz-focus-inner,
191 [type=button]::-moz-focus-inner, 191 [type=button]::-moz-focus-inner,
192 [type=reset]::-moz-focus-inner, 192 [type=reset]::-moz-focus-inner,
193 [type=submit]::-moz-focus-inner { 193 [type=submit]::-moz-focus-inner {
194 border-style: none; 194 border-style: none;
195 padding: 0; 195 padding: 0;
196 } 196 }
197 197
198 /** 198 /**
199 * Restore the focus styles unset by the previous rule. 199 * Restore the focus styles unset by the previous rule.
200 */ 200 */
201 button:-moz-focusring, 201 button:-moz-focusring,
202 [type=button]:-moz-focusring, 202 [type=button]:-moz-focusring,
203 [type=reset]:-moz-focusring, 203 [type=reset]:-moz-focusring,
204 [type=submit]:-moz-focusring { 204 [type=submit]:-moz-focusring {
205 outline: 1px dotted ButtonText; 205 outline: 1px dotted ButtonText;
206 } 206 }
207 207
208 /** 208 /**
209 * Correct the padding in Firefox. 209 * Correct the padding in Firefox.
210 */ 210 */
211 fieldset { 211 fieldset {
212 padding: 0.35em 0.75em 0.625em; 212 padding: 0.35em 0.75em 0.625em;
213 } 213 }
214 214
215 /** 215 /**
216 * 1. Correct the text wrapping in Edge and IE. 216 * 1. Correct the text wrapping in Edge and IE.
217 * 2. Correct the color inheritance from `fieldset` elements in IE. 217 * 2. Correct the color inheritance from `fieldset` elements in IE.
218 * 3. Remove the padding so developers are not caught out when they zero out 218 * 3. Remove the padding so developers are not caught out when they zero out
219 * `fieldset` elements in all browsers. 219 * `fieldset` elements in all browsers.
220 */ 220 */
221 legend { 221 legend {
222 -webkit-box-sizing: border-box; 222 -webkit-box-sizing: border-box;
223 box-sizing: border-box; /* 1 */ 223 box-sizing: border-box; /* 1 */
224 color: inherit; /* 2 */ 224 color: inherit; /* 2 */
225 display: table; /* 1 */ 225 display: table; /* 1 */
226 max-width: 100%; /* 1 */ 226 max-width: 100%; /* 1 */
227 padding: 0; /* 3 */ 227 padding: 0; /* 3 */
228 white-space: normal; /* 1 */ 228 white-space: normal; /* 1 */
229 } 229 }
230 230
231 /** 231 /**
232 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 232 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
233 */ 233 */
234 progress { 234 progress {
235 vertical-align: baseline; 235 vertical-align: baseline;
236 } 236 }
237 237
238 /** 238 /**
239 * Remove the default vertical scrollbar in IE 10+. 239 * Remove the default vertical scrollbar in IE 10+.
240 */ 240 */
241 textarea { 241 textarea {
242 overflow: auto; 242 overflow: auto;
243 } 243 }
244 244
245 /** 245 /**
246 * 1. Add the correct box sizing in IE 10. 246 * 1. Add the correct box sizing in IE 10.
247 * 2. Remove the padding in IE 10. 247 * 2. Remove the padding in IE 10.
248 */ 248 */
249 [type=checkbox], 249 [type=checkbox],
250 [type=radio] { 250 [type=radio] {
251 -webkit-box-sizing: border-box; 251 -webkit-box-sizing: border-box;
252 box-sizing: border-box; /* 1 */ 252 box-sizing: border-box; /* 1 */
253 padding: 0; /* 2 */ 253 padding: 0; /* 2 */
254 } 254 }
255 255
256 /** 256 /**
257 * Correct the cursor style of increment and decrement buttons in Chrome. 257 * Correct the cursor style of increment and decrement buttons in Chrome.
258 */ 258 */
259 [type=number]::-webkit-inner-spin-button, 259 [type=number]::-webkit-inner-spin-button,
260 [type=number]::-webkit-outer-spin-button { 260 [type=number]::-webkit-outer-spin-button {
261 height: auto; 261 height: auto;
262 } 262 }
263 263
264 /** 264 /**
265 * 1. Correct the odd appearance in Chrome and Safari. 265 * 1. Correct the odd appearance in Chrome and Safari.
266 * 2. Correct the outline style in Safari. 266 * 2. Correct the outline style in Safari.
267 */ 267 */
268 [type=search] { 268 [type=search] {
269 -webkit-appearance: textfield; /* 1 */ 269 -webkit-appearance: textfield; /* 1 */
270 outline-offset: -2px; /* 2 */ 270 outline-offset: -2px; /* 2 */
271 } 271 }
272 272
273 /** 273 /**
274 * Remove the inner padding in Chrome and Safari on macOS. 274 * Remove the inner padding in Chrome and Safari on macOS.
275 */ 275 */
276 [type=search]::-webkit-search-decoration { 276 [type=search]::-webkit-search-decoration {
277 -webkit-appearance: none; 277 -webkit-appearance: none;
278 } 278 }
279 279
280 /** 280 /**
281 * 1. Correct the inability to style clickable types in iOS and Safari. 281 * 1. Correct the inability to style clickable types in iOS and Safari.
282 * 2. Change font properties to `inherit` in Safari. 282 * 2. Change font properties to `inherit` in Safari.
283 */ 283 */
284 ::-webkit-file-upload-button { 284 ::-webkit-file-upload-button {
285 -webkit-appearance: button; /* 1 */ 285 -webkit-appearance: button; /* 1 */
286 font: inherit; /* 2 */ 286 font: inherit; /* 2 */
287 } 287 }
288 288
289 /* Interactive 289 /* Interactive
290 ========================================================================== */ 290 ========================================================================== */
291 /* 291 /*
292 * Add the correct display in Edge, IE 10+, and Firefox. 292 * Add the correct display in Edge, IE 10+, and Firefox.
293 */ 293 */
294 details { 294 details {
295 display: block; 295 display: block;
296 } 296 }
297 297
298 /* 298 /*
299 * Add the correct display in all browsers. 299 * Add the correct display in all browsers.
300 */ 300 */
301 summary { 301 summary {
302 display: list-item; 302 display: list-item;
303 } 303 }
304 304
305 /* Misc 305 /* Misc
306 ========================================================================== */ 306 ========================================================================== */
307 /** 307 /**
308 * Add the correct display in IE 10+. 308 * Add the correct display in IE 10+.
309 */ 309 */
310 template { 310 template {
311 display: none; 311 display: none;
312 } 312 }
313 313
314 /** 314 /**
315 * Add the correct display in IE 10. 315 * Add the correct display in IE 10.
316 */ 316 */
317 [hidden] { 317 [hidden] {
318 display: none; 318 display: none;
319 } 319 }
320 320
321 .green { 321 .green {
322 color: #377d87; 322 color: #377d87;
323 } 323 }
324 324
325 .red { 325 .red {
326 color: #eb5757; 326 color: #eb5757;
327 } 327 }
328 328
329 .rotate180 { 329 .rotate180 {
330 -webkit-transform: rotate(180deg); 330 -webkit-transform: rotate(180deg);
331 -ms-transform: rotate(180deg); 331 -ms-transform: rotate(180deg);
332 transform: rotate(180deg); 332 transform: rotate(180deg);
333 } 333 }
334 334
335 ::-moz-selection { 335 ::-moz-selection {
336 color: #000; 336 color: #000;
337 background: #acc0e6; 337 background: #acc0e6;
338 } 338 }
339 339
340 ::selection { 340 ::selection {
341 color: #000; 341 color: #000;
342 background: #acc0e6; 342 background: #acc0e6;
343 } 343 }
344 344
345 ::-webkit-scrollbar { 345 ::-webkit-scrollbar {
346 width: 8px; 346 width: 8px;
347 height: 8px; 347 height: 8px;
348 } 348 }
349 349
350 ::-webkit-scrollbar-track { 350 ::-webkit-scrollbar-track {
351 border-radius: 999px; 351 border-radius: 999px;
352 background-color: #fff; 352 background-color: #fff;
353 } 353 }
354 354
355 ::-webkit-scrollbar-thumb { 355 ::-webkit-scrollbar-thumb {
356 border-radius: 999px; 356 border-radius: 999px;
357 background-color: #377d87; 357 background-color: #377d87;
358 } 358 }
359 359
360 ::-webkit-input-placeholder { 360 ::-webkit-input-placeholder {
361 color: #9c9d9d; 361 color: #9c9d9d;
362 opacity: 1; 362 opacity: 1;
363 } 363 }
364 364
365 :focus::-webkit-input-placeholder { 365 :focus::-webkit-input-placeholder {
366 color: transparent; 366 color: transparent;
367 } 367 }
368 368
369 :-ms-input-placeholder { 369 :-ms-input-placeholder {
370 color: #9c9d9d; 370 color: #9c9d9d;
371 opacity: 1; 371 opacity: 1;
372 } 372 }
373 373
374 :focus:-ms-input-placeholder { 374 :focus:-ms-input-placeholder {
375 color: transparent; 375 color: transparent;
376 } 376 }
377 377
378 ::-ms-input-placeholder { 378 ::-ms-input-placeholder {
379 color: #9c9d9d; 379 color: #9c9d9d;
380 opacity: 1; 380 opacity: 1;
381 } 381 }
382 382
383 :focus::-ms-input-placeholder { 383 :focus::-ms-input-placeholder {
384 color: transparent; 384 color: transparent;
385 } 385 }
386 386
387 ::-moz-placeholder { 387 ::-moz-placeholder {
388 color: #9c9d9d; 388 color: #9c9d9d;
389 opacity: 1; 389 opacity: 1;
390 } 390 }
391 391
392 :focus::-moz-placeholder { 392 :focus::-moz-placeholder {
393 color: transparent; 393 color: transparent;
394 } 394 }
395 395
396 ::-webkit-input-placeholder { 396 ::-webkit-input-placeholder {
397 color: #9c9d9d; 397 color: #9c9d9d;
398 opacity: 1; 398 opacity: 1;
399 } 399 }
400 400
401 ::-moz-placeholder { 401 ::-moz-placeholder {
402 color: #9c9d9d; 402 color: #9c9d9d;
403 opacity: 1; 403 opacity: 1;
404 } 404 }
405 405
406 :-ms-input-placeholder { 406 :-ms-input-placeholder {
407 color: #9c9d9d; 407 color: #9c9d9d;
408 opacity: 1; 408 opacity: 1;
409 } 409 }
410 410
411 ::-ms-input-placeholder { 411 ::-ms-input-placeholder {
412 color: #9c9d9d; 412 color: #9c9d9d;
413 opacity: 1; 413 opacity: 1;
414 } 414 }
415 415
416 ::placeholder { 416 ::placeholder {
417 color: #9c9d9d; 417 color: #9c9d9d;
418 opacity: 1; 418 opacity: 1;
419 } 419 }
420 420
421 :focus::-webkit-input-placeholder { 421 :focus::-webkit-input-placeholder {
422 color: transparent; 422 color: transparent;
423 } 423 }
424 424
425 :focus::-moz-placeholder { 425 :focus::-moz-placeholder {
426 color: transparent; 426 color: transparent;
427 } 427 }
428 428
429 :focus:-ms-input-placeholder { 429 :focus:-ms-input-placeholder {
430 color: transparent; 430 color: transparent;
431 } 431 }
432 432
433 :focus::-ms-input-placeholder { 433 :focus::-ms-input-placeholder {
434 color: transparent; 434 color: transparent;
435 } 435 }
436 436
437 :focus::placeholder { 437 :focus::placeholder {
438 color: transparent; 438 color: transparent;
439 } 439 }
440 440
441 *, 441 *,
442 *:before, 442 *:before,
443 *:after { 443 *:after {
444 -webkit-box-sizing: border-box; 444 -webkit-box-sizing: border-box;
445 box-sizing: border-box; 445 box-sizing: border-box;
446 -webkit-appearance: none; 446 -webkit-appearance: none;
447 -moz-appearance: none; 447 -moz-appearance: none;
448 appearance: none; 448 appearance: none;
449 outline: none; 449 outline: none;
450 -webkit-box-shadow: none; 450 -webkit-box-shadow: none;
451 box-shadow: none; 451 box-shadow: none;
452 } 452 }
453 453
454 a, 454 a,
455 button, 455 button,
456 select { 456 select {
457 color: inherit; 457 color: inherit;
458 } 458 }
459 459
460 a { 460 a {
461 text-decoration: none; 461 text-decoration: none;
462 } 462 }
463 463
464 a, 464 a,
465 input[type=button], 465 input[type=button],
466 input[type=submit], 466 input[type=submit],
467 button { 467 button {
468 -webkit-user-select: none; 468 -webkit-user-select: none;
469 -moz-user-select: none; 469 -moz-user-select: none;
470 -ms-user-select: none; 470 -ms-user-select: none;
471 user-select: none; 471 user-select: none;
472 -webkit-transition: 0.3s; 472 -webkit-transition: 0.3s;
473 transition: 0.3s; 473 transition: 0.3s;
474 cursor: pointer; 474 cursor: pointer;
475 } 475 }
476 476
477 [type=tel] { 477 [type=tel] {
478 letter-spacing: 1px; 478 letter-spacing: 1px;
479 } 479 }
480 480
481 .br, 481 .br,
482 img, 482 img,
483 svg { 483 svg {
484 display: block; 484 display: block;
485 } 485 }
486 486
487 .float-left { 487 .float-left {
488 float: left; 488 float: left;
489 } 489 }
490 490
491 .float-right { 491 .float-right {
492 float: right; 492 float: right;
493 } 493 }
494 494
495 .clear-both:after { 495 .clear-both:after {
496 content: ""; 496 content: "";
497 display: block; 497 display: block;
498 clear: both; 498 clear: both;
499 } 499 }
500 500
501 h1, 501 h1,
502 h2, 502 h2,
503 h3, 503 h3,
504 h4, 504 h4,
505 h5, 505 h5,
506 h6 { 506 h6 {
507 margin: 0; 507 margin: 0;
508 } 508 }
509 509
510 #body { 510 #body {
511 font-family: "Circe", sans-serif; 511 font-family: "Circe", sans-serif;
512 color: #000; 512 color: #000;
513 background: #fff; 513 background: #fff;
514 display: -webkit-box; 514 display: -webkit-box;
515 display: -ms-flexbox; 515 display: -ms-flexbox;
516 display: flex; 516 display: flex;
517 -webkit-box-orient: vertical; 517 -webkit-box-orient: vertical;
518 -webkit-box-direction: normal; 518 -webkit-box-direction: normal;
519 -ms-flex-direction: column; 519 -ms-flex-direction: column;
520 flex-direction: column; 520 flex-direction: column;
521 -webkit-box-pack: justify; 521 -webkit-box-pack: justify;
522 -ms-flex-pack: justify; 522 -ms-flex-pack: justify;
523 justify-content: space-between; 523 justify-content: space-between;
524 gap: 50px; 524 gap: 50px;
525 min-width: 320px; 525 min-width: 320px;
526 min-height: 100vh; 526 min-height: 100vh;
527 line-height: 1.25; 527 line-height: 1.25;
528 } 528 }
529 @media (min-width: 768px) { 529 @media (min-width: 768px) {
530 #body { 530 #body {
531 gap: 60px; 531 gap: 60px;
532 } 532 }
533 } 533 }
534 #body.pdf { 534 #body.pdf {
535 gap: 0; 535 gap: 0;
536 } 536 }
537 537
538 .container { 538 .container {
539 width: 100%; 539 width: 100%;
540 max-width: 1280px; 540 max-width: 1280px;
541 margin-left: auto; 541 margin-left: auto;
542 margin-right: auto; 542 margin-right: auto;
543 padding-left: 10px; 543 padding-left: 10px;
544 padding-right: 10px; 544 padding-right: 10px;
545 } 545 }
546 @media (min-width: 768px) { 546 @media (min-width: 768px) {
547 .container { 547 .container {
548 padding-left: 20px; 548 padding-left: 20px;
549 padding-right: 20px; 549 padding-right: 20px;
550 } 550 }
551 } 551 }
552 552
553 .to-top { 553 .to-top {
554 position: fixed; 554 position: fixed;
555 right: 10px; 555 right: 10px;
556 bottom: 10px; 556 bottom: 10px;
557 border-radius: 999px; 557 border-radius: 999px;
558 display: -webkit-box; 558 display: -webkit-box;
559 display: -ms-flexbox; 559 display: -ms-flexbox;
560 display: flex; 560 display: flex;
561 -webkit-box-pack: center; 561 -webkit-box-pack: center;
562 -ms-flex-pack: center; 562 -ms-flex-pack: center;
563 justify-content: center; 563 justify-content: center;
564 -webkit-box-align: center; 564 -webkit-box-align: center;
565 -ms-flex-align: center; 565 -ms-flex-align: center;
566 align-items: center; 566 align-items: center;
567 color: #fff; 567 color: #fff;
568 background: #377d87; 568 background: #377d87;
569 width: 40px; 569 width: 40px;
570 height: 40px; 570 height: 40px;
571 -webkit-transition: 0.3s; 571 -webkit-transition: 0.3s;
572 transition: 0.3s; 572 transition: 0.3s;
573 margin-right: -100px; 573 margin-right: -100px;
574 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 574 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
575 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 575 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
576 z-index: 99; 576 z-index: 99;
577 border: 1px solid #377d87; 577 border: 1px solid #377d87;
578 } 578 }
579 .to-top:hover { 579 .to-top:hover {
580 background: #fff; 580 background: #fff;
581 color: #377d87; 581 color: #377d87;
582 } 582 }
583 .to-top svg { 583 .to-top svg {
584 width: 10px; 584 width: 10px;
585 height: 10px; 585 height: 10px;
586 } 586 }
587 @media (min-width: 768px) { 587 @media (min-width: 768px) {
588 .to-top { 588 .to-top {
589 width: 50px; 589 width: 50px;
590 height: 50px; 590 height: 50px;
591 right: 20px; 591 right: 20px;
592 bottom: 20px; 592 bottom: 20px;
593 } 593 }
594 .to-top svg { 594 .to-top svg {
595 width: 12px; 595 width: 12px;
596 height: 12px; 596 height: 12px;
597 } 597 }
598 } 598 }
599 599
600 .begin .to-top { 600 .begin .to-top {
601 margin-right: 0; 601 margin-right: 0;
602 } 602 }
603 603
604 .socials { 604 .socials {
605 display: -webkit-box; 605 display: -webkit-box;
606 display: -ms-flexbox; 606 display: -ms-flexbox;
607 display: flex; 607 display: flex;
608 -webkit-box-align: center; 608 -webkit-box-align: center;
609 -ms-flex-align: center; 609 -ms-flex-align: center;
610 align-items: center; 610 align-items: center;
611 -webkit-box-pack: center; 611 -webkit-box-pack: center;
612 -ms-flex-pack: center; 612 -ms-flex-pack: center;
613 justify-content: center; 613 justify-content: center;
614 gap: 8px; 614 gap: 8px;
615 } 615 }
616 .socials a { 616 .socials a {
617 display: -webkit-box; 617 display: -webkit-box;
618 display: -ms-flexbox; 618 display: -ms-flexbox;
619 display: flex; 619 display: flex;
620 -webkit-box-align: center; 620 -webkit-box-align: center;
621 -ms-flex-align: center; 621 -ms-flex-align: center;
622 align-items: center; 622 align-items: center;
623 -webkit-box-pack: center; 623 -webkit-box-pack: center;
624 -ms-flex-pack: center; 624 -ms-flex-pack: center;
625 justify-content: center; 625 justify-content: center;
626 border: 1px solid #377d87; 626 border: 1px solid #377d87;
627 color: #377d87; 627 color: #377d87;
628 border-radius: 999px; 628 border-radius: 999px;
629 width: 38px; 629 width: 38px;
630 height: 38px; 630 height: 38px;
631 } 631 }
632 .socials a:hover { 632 .socials a:hover {
633 background: #377d87; 633 background: #377d87;
634 color: #fff; 634 color: #fff;
635 } 635 }
636 .socials svg { 636 .socials svg {
637 width: 12px; 637 width: 12px;
638 height: 12px; 638 height: 12px;
639 } 639 }
640 640
641 .nls { 641 .nls {
642 display: -webkit-box; 642 display: -webkit-box;
643 display: -ms-flexbox; 643 display: -ms-flexbox;
644 display: flex; 644 display: flex;
645 color: #000; 645 color: #000;
646 text-align: left; 646 text-align: left;
647 } 647 }
648 .nls:hover { 648 .nls:hover {
649 color: #377d87; 649 color: #377d87;
650 } 650 }
651 .nls svg { 651 .nls svg {
652 width: 30px; 652 width: 30px;
653 height: 40px; 653 height: 40px;
654 } 654 }
655 @media (min-width: 768px) { 655 @media (min-width: 768px) {
656 .nls svg { 656 .nls svg {
657 width: 24px; 657 width: 24px;
658 height: 31px; 658 height: 31px;
659 } 659 }
660 } 660 }
661 .nls span { 661 .nls span {
662 width: calc(100% - 30px); 662 width: calc(100% - 30px);
663 padding-left: 12px; 663 padding-left: 12px;
664 display: -webkit-box; 664 display: -webkit-box;
665 display: -ms-flexbox; 665 display: -ms-flexbox;
666 display: flex; 666 display: flex;
667 -webkit-box-orient: vertical; 667 -webkit-box-orient: vertical;
668 -webkit-box-direction: normal; 668 -webkit-box-direction: normal;
669 -ms-flex-direction: column; 669 -ms-flex-direction: column;
670 flex-direction: column; 670 flex-direction: column;
671 -webkit-box-pack: center; 671 -webkit-box-pack: center;
672 -ms-flex-pack: center; 672 -ms-flex-pack: center;
673 justify-content: center; 673 justify-content: center;
674 font-size: 12px; 674 font-size: 12px;
675 line-height: 1.4; 675 line-height: 1.4;
676 } 676 }
677 @media (min-width: 768px) { 677 @media (min-width: 768px) {
678 .nls span { 678 .nls span {
679 width: calc(100% - 24px); 679 width: calc(100% - 24px);
680 } 680 }
681 } 681 }
682 .nls b { 682 .nls b {
683 font-weight: 400; 683 font-weight: 400;
684 } 684 }
685 685
686 .title, 686 .title,
687 h1 { 687 h1 {
688 margin: 0; 688 margin: 0;
689 font-weight: 700; 689 font-weight: 700;
690 font-size: 32px; 690 font-size: 32px;
691 } 691 }
692 @media (min-width: 768px) { 692 @media (min-width: 768px) {
693 .title, 693 .title,
694 h1 { 694 h1 {
695 font-size: 40px; 695 font-size: 40px;
696 } 696 }
697 } 697 }
698 @media (min-width: 992px) { 698 @media (min-width: 992px) {
699 .title, 699 .title,
700 h1 { 700 h1 {
701 font-size: 48px; 701 font-size: 48px;
702 } 702 }
703 } 703 }
704 @media (min-width: 1280px) { 704 @media (min-width: 1280px) {
705 .title, 705 .title,
706 h1 { 706 h1 {
707 font-size: 64px; 707 font-size: 64px;
708 } 708 }
709 } 709 }
710 710
711 .swiper-pagination { 711 .swiper-pagination {
712 display: -webkit-box; 712 display: -webkit-box;
713 display: -ms-flexbox; 713 display: -ms-flexbox;
714 display: flex; 714 display: flex;
715 -webkit-box-pack: center; 715 -webkit-box-pack: center;
716 -ms-flex-pack: center; 716 -ms-flex-pack: center;
717 justify-content: center; 717 justify-content: center;
718 -webkit-box-align: center; 718 -webkit-box-align: center;
719 -ms-flex-align: center; 719 -ms-flex-align: center;
720 align-items: center; 720 align-items: center;
721 position: static; 721 position: static;
722 margin-top: 20px; 722 margin-top: 20px;
723 gap: 8px; 723 gap: 8px;
724 } 724 }
725 @media (min-width: 768px) { 725 @media (min-width: 768px) {
726 .swiper-pagination { 726 .swiper-pagination {
727 margin-top: 30px; 727 margin-top: 30px;
728 } 728 }
729 } 729 }
730 .swiper-pagination-bullet { 730 .swiper-pagination-bullet {
731 width: 16px; 731 width: 16px;
732 height: 16px; 732 height: 16px;
733 opacity: 1; 733 opacity: 1;
734 border: 1px solid #cdcece; 734 border: 1px solid #cdcece;
735 -webkit-transition: 0.3s; 735 -webkit-transition: 0.3s;
736 transition: 0.3s; 736 transition: 0.3s;
737 background: transparent; 737 background: transparent;
738 display: -webkit-box; 738 display: -webkit-box;
739 display: -ms-flexbox; 739 display: -ms-flexbox;
740 display: flex; 740 display: flex;
741 -webkit-box-pack: center; 741 -webkit-box-pack: center;
742 -ms-flex-pack: center; 742 -ms-flex-pack: center;
743 justify-content: center; 743 justify-content: center;
744 -webkit-box-align: center; 744 -webkit-box-align: center;
745 -ms-flex-align: center; 745 -ms-flex-align: center;
746 align-items: center; 746 align-items: center;
747 margin: 0 !important; 747 margin: 0 !important;
748 } 748 }
749 .swiper-pagination-bullet:before { 749 .swiper-pagination-bullet:before {
750 content: ""; 750 content: "";
751 width: 6px; 751 width: 6px;
752 height: 6px; 752 height: 6px;
753 border-radius: 999px; 753 border-radius: 999px;
754 background: #377d87; 754 background: #377d87;
755 opacity: 0; 755 opacity: 0;
756 -webkit-transition: 0.3s; 756 -webkit-transition: 0.3s;
757 transition: 0.3s; 757 transition: 0.3s;
758 } 758 }
759 .swiper-pagination-bullet:hover { 759 .swiper-pagination-bullet:hover {
760 border-color: #377d87; 760 border-color: #377d87;
761 } 761 }
762 .swiper-pagination-bullet-active { 762 .swiper-pagination-bullet-active {
763 border-color: #377d87; 763 border-color: #377d87;
764 } 764 }
765 .swiper-pagination-bullet-active:before { 765 .swiper-pagination-bullet-active:before {
766 opacity: 1; 766 opacity: 1;
767 } 767 }
768 768
769 .navs { 769 .navs {
770 display: -webkit-box; 770 display: -webkit-box;
771 display: -ms-flexbox; 771 display: -ms-flexbox;
772 display: flex; 772 display: flex;
773 -webkit-box-align: center; 773 -webkit-box-align: center;
774 -ms-flex-align: center; 774 -ms-flex-align: center;
775 align-items: center; 775 align-items: center;
776 -webkit-box-pack: justify; 776 -webkit-box-pack: justify;
777 -ms-flex-pack: justify; 777 -ms-flex-pack: justify;
778 justify-content: space-between; 778 justify-content: space-between;
779 gap: 20px; 779 gap: 20px;
780 width: 80px; 780 width: 80px;
781 } 781 }
782 .navs button { 782 .navs button {
783 color: #377d87; 783 color: #377d87;
784 background: none; 784 background: none;
785 border: none; 785 border: none;
786 padding: 0; 786 padding: 0;
787 } 787 }
788 .navs button[disabled] { 788 .navs button[disabled] {
789 cursor: not-allowed; 789 cursor: not-allowed;
790 color: #cddee1; 790 color: #cddee1;
791 } 791 }
792 .navs svg { 792 .navs svg {
793 width: 14px; 793 width: 14px;
794 height: 28px; 794 height: 28px;
795 } 795 }
796 796
797 .select { 797 .select {
798 position: relative; 798 position: relative;
799 } 799 }
800 .select2 { 800 .select2 {
801 width: 100% !important; 801 width: 100% !important;
802 } 802 }
803 .select2-container { 803 .select2-container {
804 font-size: 12px; 804 font-size: 12px;
805 } 805 }
806 @media (min-width: 768px) { 806 @media (min-width: 768px) {
807 .select2-container { 807 .select2-container {
808 font-size: 16px; 808 font-size: 16px;
809 } 809 }
810 } 810 }
811 .select2-container--open .select2-selection { 811 .select2-container--open .select2-selection {
812 border-color: #377d87 !important; 812 border-color: #377d87 !important;
813 } 813 }
814 .select2-container--open .select2-selection__arrow svg { 814 .select2-container--open .select2-selection__arrow svg {
815 -webkit-transform: rotate(180deg); 815 -webkit-transform: rotate(180deg);
816 -ms-transform: rotate(180deg); 816 -ms-transform: rotate(180deg);
817 transform: rotate(180deg); 817 transform: rotate(180deg);
818 } 818 }
819 .select2-selection { 819 .select2-selection {
820 min-height: 30px !important; 820 min-height: 30px !important;
821 border-radius: 8px !important; 821 border-radius: 8px !important;
822 border-color: #e7e7e7 !important; 822 border-color: #e7e7e7 !important;
823 -webkit-transition: 0.3s; 823 -webkit-transition: 0.3s;
824 transition: 0.3s; 824 transition: 0.3s;
825 } 825 }
826 @media (min-width: 768px) { 826 @media (min-width: 768px) {
827 .select2-selection { 827 .select2-selection {
828 min-height: 50px !important; 828 min-height: 50px !important;
829 } 829 }
830 } 830 }
831 .select2-selection__rendered { 831 .select2-selection__rendered {
832 line-height: 28px !important; 832 line-height: 28px !important;
833 padding: 0 30px 0 10px !important; 833 padding: 0 30px 0 10px !important;
834 } 834 }
835 @media (min-width: 768px) { 835 @media (min-width: 768px) {
836 .select2-selection__rendered { 836 .select2-selection__rendered {
837 line-height: 48px !important; 837 line-height: 48px !important;
838 padding: 0 46px 0 20px !important; 838 padding: 0 46px 0 20px !important;
839 } 839 }
840 } 840 }
841 .select2-selection--multiple .select2-selection__rendered { 841 .select2-selection--multiple .select2-selection__rendered {
842 display: -webkit-box !important; 842 display: -webkit-box !important;
843 display: -ms-flexbox !important; 843 display: -ms-flexbox !important;
844 display: flex !important; 844 display: flex !important;
845 -webkit-box-align: center; 845 -webkit-box-align: center;
846 -ms-flex-align: center; 846 -ms-flex-align: center;
847 align-items: center; 847 align-items: center;
848 -ms-flex-wrap: wrap; 848 -ms-flex-wrap: wrap;
849 flex-wrap: wrap; 849 flex-wrap: wrap;
850 gap: 10px; 850 gap: 10px;
851 padding-top: 10px !important; 851 padding-top: 10px !important;
852 padding-bottom: 10px !important; 852 padding-bottom: 10px !important;
853 } 853 }
854 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 854 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
855 margin: 0; 855 margin: 0;
856 } 856 }
857 .select2-selection__arrow { 857 .select2-selection__arrow {
858 top: 0 !important; 858 top: 0 !important;
859 right: 0 !important; 859 right: 0 !important;
860 width: 30px !important; 860 width: 30px !important;
861 height: 100% !important; 861 height: 100% !important;
862 display: -webkit-box; 862 display: -webkit-box;
863 display: -ms-flexbox; 863 display: -ms-flexbox;
864 display: flex; 864 display: flex;
865 -webkit-box-pack: center; 865 -webkit-box-pack: center;
866 -ms-flex-pack: center; 866 -ms-flex-pack: center;
867 justify-content: center; 867 justify-content: center;
868 -webkit-box-align: center; 868 -webkit-box-align: center;
869 -ms-flex-align: center; 869 -ms-flex-align: center;
870 align-items: center; 870 align-items: center;
871 color: #377d87; 871 color: #377d87;
872 } 872 }
873 @media (min-width: 768px) { 873 @media (min-width: 768px) {
874 .select2-selection__arrow { 874 .select2-selection__arrow {
875 width: 50px !important; 875 width: 50px !important;
876 } 876 }
877 } 877 }
878 .select2-selection__arrow svg { 878 .select2-selection__arrow svg {
879 width: 12px; 879 width: 12px;
880 height: 12px; 880 height: 12px;
881 -webkit-transition: 0.3s; 881 -webkit-transition: 0.3s;
882 transition: 0.3s; 882 transition: 0.3s;
883 } 883 }
884 @media (min-width: 768px) { 884 @media (min-width: 768px) {
885 .select2-selection__arrow svg { 885 .select2-selection__arrow svg {
886 width: 14px; 886 width: 14px;
887 height: 14px; 887 height: 14px;
888 } 888 }
889 } 889 }
890 .select2-selection__choice { 890 .select2-selection__choice {
891 display: -webkit-box; 891 display: -webkit-box;
892 display: -ms-flexbox; 892 display: -ms-flexbox;
893 display: flex; 893 display: flex;
894 -webkit-box-orient: horizontal; 894 -webkit-box-orient: horizontal;
895 -webkit-box-direction: reverse; 895 -webkit-box-direction: reverse;
896 -ms-flex-direction: row-reverse; 896 -ms-flex-direction: row-reverse;
897 flex-direction: row-reverse; 897 flex-direction: row-reverse;
898 -webkit-box-align: center; 898 -webkit-box-align: center;
899 -ms-flex-align: center; 899 -ms-flex-align: center;
900 align-items: center; 900 align-items: center;
901 -webkit-box-pack: center; 901 -webkit-box-pack: center;
902 -ms-flex-pack: center; 902 -ms-flex-pack: center;
903 justify-content: center; 903 justify-content: center;
904 gap: 4px; 904 gap: 4px;
905 padding: 0 4px 0 6px !important; 905 padding: 0 4px 0 6px !important;
906 background: #377d87 !important; 906 background: #377d87 !important;
907 border: none !important; 907 border: none !important;
908 border-radius: 6px !important; 908 border-radius: 6px !important;
909 line-height: 1 !important; 909 line-height: 1 !important;
910 color: #fff; 910 color: #fff;
911 height: 24px; 911 height: 24px;
912 } 912 }
913 @media (min-width: 768px) { 913 @media (min-width: 768px) {
914 .select2-selection__choice { 914 .select2-selection__choice {
915 height: 32px; 915 height: 32px;
916 gap: 6px; 916 gap: 6px;
917 padding: 0 6px 0 10px !important; 917 padding: 0 6px 0 10px !important;
918 border-radius: 8px !important; 918 border-radius: 8px !important;
919 } 919 }
920 } 920 }
921 .select2-selection__choice__remove { 921 .select2-selection__choice__remove {
922 width: 14px; 922 width: 14px;
923 height: 14px; 923 height: 14px;
924 padding-top: 4px; 924 padding-top: 4px;
925 display: -webkit-box !important; 925 display: -webkit-box !important;
926 display: -ms-flexbox !important; 926 display: -ms-flexbox !important;
927 display: flex !important; 927 display: flex !important;
928 -webkit-box-pack: center; 928 -webkit-box-pack: center;
929 -ms-flex-pack: center; 929 -ms-flex-pack: center;
930 justify-content: center; 930 justify-content: center;
931 -webkit-box-align: center; 931 -webkit-box-align: center;
932 -ms-flex-align: center; 932 -ms-flex-align: center;
933 align-items: center; 933 align-items: center;
934 color: #fff !important; 934 color: #fff !important;
935 font-weight: 400 !important; 935 font-weight: 400 !important;
936 font-size: 26px; 936 font-size: 26px;
937 } 937 }
938 .select2-search { 938 .select2-search {
939 display: none; 939 display: none;
940 } 940 }
941 .select2-dropdown { 941 .select2-dropdown {
942 z-index: 99999; 942 z-index: 99999;
943 border: none; 943 border: none;
944 border-radius: 0; 944 border-radius: 0;
945 background: none; 945 background: none;
946 padding: 5px 0; 946 padding: 5px 0;
947 } 947 }
948 @media (min-width: 768px) { 948 @media (min-width: 768px) {
949 .select2-dropdown { 949 .select2-dropdown {
950 padding: 10px 0; 950 padding: 10px 0;
951 } 951 }
952 } 952 }
953 .select2-results { 953 .select2-results {
954 background: #fff; 954 background: #fff;
955 border-radius: 8px; 955 border-radius: 8px;
956 border: 1px solid #377d87; 956 border: 1px solid #377d87;
957 overflow: hidden; 957 overflow: hidden;
958 } 958 }
959 @media (min-width: 768px) { 959 @media (min-width: 768px) {
960 .select2-results__option { 960 .select2-results__option {
961 padding: 10px 14px; 961 padding: 10px 14px;
962 } 962 }
963 } 963 }
964 .select2-results__option--highlighted { 964 .select2-results__option--highlighted {
965 background: #377d87 !important; 965 background: #377d87 !important;
966 } 966 }
967 @media (min-width: 768px) { 967 @media (min-width: 768px) {
968 .select_search .select2-selection__rendered { 968 .select_search .select2-selection__rendered {
969 padding-left: 60px !important; 969 padding-left: 60px !important;
970 } 970 }
971 } 971 }
972 .select_search .select__icon { 972 .select_search .select__icon {
973 display: none; 973 display: none;
974 height: 28px; 974 height: 28px;
975 -webkit-box-align: center; 975 -webkit-box-align: center;
976 -ms-flex-align: center; 976 -ms-flex-align: center;
977 align-items: center; 977 align-items: center;
978 padding-right: 12px; 978 padding-right: 12px;
979 z-index: 2; 979 z-index: 2;
980 position: absolute; 980 position: absolute;
981 top: 50%; 981 top: 50%;
982 left: 15px; 982 left: 15px;
983 margin-top: -14px; 983 margin-top: -14px;
984 } 984 }
985 @media (min-width: 768px) { 985 @media (min-width: 768px) {
986 .select_search .select__icon { 986 .select_search .select__icon {
987 display: -webkit-box; 987 display: -webkit-box;
988 display: -ms-flexbox; 988 display: -ms-flexbox;
989 display: flex; 989 display: flex;
990 } 990 }
991 } 991 }
992 .select_search .select__icon:after { 992 .select_search .select__icon:after {
993 content: ""; 993 content: "";
994 width: 1px; 994 width: 1px;
995 height: 100%; 995 height: 100%;
996 border-radius: 999px; 996 border-radius: 999px;
997 position: absolute; 997 position: absolute;
998 top: 0; 998 top: 0;
999 right: 0; 999 right: 0;
1000 background: #cecece; 1000 background: #cecece;
1001 } 1001 }
1002 .select_search .select__icon svg { 1002 .select_search .select__icon svg {
1003 color: #9c9d9d; 1003 color: #9c9d9d;
1004 width: 20px; 1004 width: 20px;
1005 height: 20px; 1005 height: 20px;
1006 } 1006 }
1007 1007
1008 .form-group { 1008 .form-group {
1009 display: -webkit-box; 1009 display: -webkit-box;
1010 display: -ms-flexbox; 1010 display: -ms-flexbox;
1011 display: flex; 1011 display: flex;
1012 -webkit-box-orient: vertical; 1012 -webkit-box-orient: vertical;
1013 -webkit-box-direction: normal; 1013 -webkit-box-direction: normal;
1014 -ms-flex-direction: column; 1014 -ms-flex-direction: column;
1015 flex-direction: column; 1015 flex-direction: column;
1016 gap: 4px; 1016 gap: 4px;
1017 } 1017 }
1018 .form-group__label { 1018 .form-group__label {
1019 font-size: 12px; 1019 font-size: 12px;
1020 } 1020 }
1021 @media (min-width: 768px) { 1021 @media (min-width: 768px) {
1022 .form-group__label { 1022 .form-group__label {
1023 font-size: 16px; 1023 font-size: 16px;
1024 } 1024 }
1025 } 1025 }
1026 .form-group__item { 1026 .form-group__item {
1027 display: -webkit-box; 1027 display: -webkit-box;
1028 display: -ms-flexbox; 1028 display: -ms-flexbox;
1029 display: flex; 1029 display: flex;
1030 -webkit-box-orient: vertical; 1030 -webkit-box-orient: vertical;
1031 -webkit-box-direction: normal; 1031 -webkit-box-direction: normal;
1032 -ms-flex-direction: column; 1032 -ms-flex-direction: column;
1033 flex-direction: column; 1033 flex-direction: column;
1034 position: relative; 1034 position: relative;
1035 } 1035 }
1036 .form-group__item-icon { 1036 .form-group__item-icon {
1037 width: 16px; 1037 width: 16px;
1038 aspect-ratio: 1/1; 1038 aspect-ratio: 1/1;
1039 z-index: 2; 1039 z-index: 2;
1040 position: absolute; 1040 position: absolute;
1041 top: 50%; 1041 top: 50%;
1042 right: 4px; 1042 right: 4px;
1043 -webkit-transform: translate(0, -50%); 1043 -webkit-transform: translate(0, -50%);
1044 -ms-transform: translate(0, -50%); 1044 -ms-transform: translate(0, -50%);
1045 transform: translate(0, -50%); 1045 transform: translate(0, -50%);
1046 display: -webkit-box; 1046 display: -webkit-box;
1047 display: -ms-flexbox; 1047 display: -ms-flexbox;
1048 display: flex; 1048 display: flex;
1049 -webkit-box-pack: center; 1049 -webkit-box-pack: center;
1050 -ms-flex-pack: center; 1050 -ms-flex-pack: center;
1051 justify-content: center; 1051 justify-content: center;
1052 -webkit-box-align: center; 1052 -webkit-box-align: center;
1053 -ms-flex-align: center; 1053 -ms-flex-align: center;
1054 align-items: center; 1054 align-items: center;
1055 color: #377d87; 1055 color: #377d87;
1056 } 1056 }
1057 @media (min-width: 768px) { 1057 @media (min-width: 768px) {
1058 .form-group__item-icon { 1058 .form-group__item-icon {
1059 width: 22px; 1059 width: 22px;
1060 right: 20px; 1060 right: 20px;
1061 } 1061 }
1062 } 1062 }
1063 .form-group__item-icon svg { 1063 .form-group__item-icon svg {
1064 width: 14px; 1064 width: 14px;
1065 aspect-ratio: 1/1; 1065 aspect-ratio: 1/1;
1066 } 1066 }
1067 @media (min-width: 768px) { 1067 @media (min-width: 768px) {
1068 .form-group__item-icon svg { 1068 .form-group__item-icon svg {
1069 width: 20px; 1069 width: 20px;
1070 } 1070 }
1071 } 1071 }
1072 .form-group__item-icon + .input { 1072 .form-group__item-icon + .input {
1073 padding-right: 24px; 1073 padding-right: 24px;
1074 } 1074 }
1075 @media (min-width: 768px) { 1075 @media (min-width: 768px) {
1076 .form-group__item-icon + .input { 1076 .form-group__item-icon + .input {
1077 padding-right: 60px; 1077 padding-right: 60px;
1078 } 1078 }
1079 } 1079 }
1080 1080
1081 .input { 1081 .input {
1082 display: block; 1082 display: block;
1083 height: 30px; 1083 height: 30px;
1084 border: 1px solid #cecece; 1084 border: 1px solid #cecece;
1085 background: #fff; 1085 background: #fff;
1086 font-size: 12px; 1086 font-size: 12px;
1087 border-radius: 8px; 1087 border-radius: 8px;
1088 padding: 0 10px; 1088 padding: 0 10px;
1089 color: #000; 1089 color: #000;
1090 -webkit-transition: 0.3s; 1090 -webkit-transition: 0.3s;
1091 transition: 0.3s; 1091 transition: 0.3s;
1092 position: relative; 1092 position: relative;
1093 z-index: 1; 1093 z-index: 1;
1094 } 1094 }
1095 @media (min-width: 768px) { 1095 @media (min-width: 768px) {
1096 .input { 1096 .input {
1097 padding: 0 20px; 1097 padding: 0 20px;
1098 height: 44px; 1098 height: 44px;
1099 font-size: 16px; 1099 font-size: 16px;
1100 } 1100 }
1101 } 1101 }
1102 .input:focus { 1102 .input:focus {
1103 border-color: #377d87; 1103 border-color: #377d87;
1104 } 1104 }
1105 .input[disabled] { 1105 .input[disabled] {
1106 color: #9c9d9d; 1106 color: #9c9d9d;
1107 background: #e7e7e7; 1107 background: #e7e7e7;
1108 } 1108 }
1109 .input[type=date] { 1109 .input[type=date] {
1110 text-transform: uppercase; 1110 text-transform: uppercase;
1111 } 1111 }
1112 1112
1113 .textarea { 1113 .textarea {
1114 resize: none; 1114 resize: none;
1115 display: block; 1115 display: block;
1116 width: 100%; 1116 width: 100%;
1117 border-radius: 8px; 1117 border-radius: 8px;
1118 border: 1px solid #cecece; 1118 border: 1px solid #cecece;
1119 background: #fff; 1119 background: #fff;
1120 -webkit-transition: 0.3s; 1120 -webkit-transition: 0.3s;
1121 transition: 0.3s; 1121 transition: 0.3s;
1122 font-size: 12px; 1122 font-size: 12px;
1123 line-height: 1.4; 1123 line-height: 1.4;
1124 padding: 10px; 1124 padding: 10px;
1125 aspect-ratio: 8/3; 1125 aspect-ratio: 8/3;
1126 max-height: 250px; 1126 max-height: 250px;
1127 } 1127 }
1128 @media (min-width: 768px) { 1128 @media (min-width: 768px) {
1129 .textarea { 1129 .textarea {
1130 padding: 20px; 1130 padding: 20px;
1131 font-size: 16px; 1131 font-size: 16px;
1132 height: 280px; 1132 height: 280px;
1133 } 1133 }
1134 } 1134 }
1135 .textarea:focus { 1135 .textarea:focus {
1136 border-color: #377d87; 1136 border-color: #377d87;
1137 } 1137 }
1138 1138
1139 .button { 1139 .button {
1140 display: -webkit-box; 1140 display: -webkit-box;
1141 display: -ms-flexbox; 1141 display: -ms-flexbox;
1142 display: flex; 1142 display: flex;
1143 -webkit-box-pack: center; 1143 -webkit-box-pack: center;
1144 -ms-flex-pack: center; 1144 -ms-flex-pack: center;
1145 justify-content: center; 1145 justify-content: center;
1146 -webkit-box-align: center; 1146 -webkit-box-align: center;
1147 -ms-flex-align: center; 1147 -ms-flex-align: center;
1148 align-items: center; 1148 align-items: center;
1149 color: #fff; 1149 color: #fff;
1150 background: #377d87; 1150 background: #377d87;
1151 height: 30px; 1151 height: 30px;
1152 border-radius: 8px; 1152 border-radius: 8px;
1153 padding: 0 12px; 1153 padding: 0 12px;
1154 border: 1px solid #377d87; 1154 border: 1px solid #377d87;
1155 font-weight: 700; 1155 font-weight: 700;
1156 font-size: 12px; 1156 font-size: 12px;
1157 text-align: center; 1157 text-align: center;
1158 line-height: 1; 1158 line-height: 1;
1159 gap: 6px; 1159 gap: 6px;
1160 -webkit-transition: 0.3s; 1160 -webkit-transition: 0.3s;
1161 transition: 0.3s; 1161 transition: 0.3s;
1162 cursor: pointer; 1162 cursor: pointer;
1163 } 1163 }
1164 @media (min-width: 768px) { 1164 @media (min-width: 768px) {
1165 .button { 1165 .button {
1166 padding: 0 24px; 1166 padding: 0 24px;
1167 font-size: 16px; 1167 font-size: 16px;
1168 height: 44px; 1168 height: 44px;
1169 gap: 12px; 1169 gap: 12px;
1170 } 1170 }
1171 } 1171 }
1172 @media (min-width: 992px) { 1172 @media (min-width: 992px) {
1173 .button { 1173 .button {
1174 padding: 0 36px; 1174 padding: 0 36px;
1175 } 1175 }
1176 } 1176 }
1177 .button:hover { 1177 .button:hover {
1178 background: transparent; 1178 background: transparent;
1179 color: #377d87; 1179 color: #377d87;
1180 } 1180 }
1181 .button img, 1181 .button img,
1182 .button svg { 1182 .button svg {
1183 width: 12px; 1183 width: 12px;
1184 height: 12px; 1184 height: 12px;
1185 } 1185 }
1186 @media (min-width: 768px) { 1186 @media (min-width: 768px) {
1187 .button img, 1187 .button img,
1188 .button svg { 1188 .button svg {
1189 width: 18px; 1189 width: 18px;
1190 height: 18px; 1190 height: 18px;
1191 } 1191 }
1192 } 1192 }
1193 .button_more span + span { 1193 .button_more span + span {
1194 display: none; 1194 display: none;
1195 } 1195 }
1196 .button_more.active span { 1196 .button_more.active span {
1197 display: none; 1197 display: none;
1198 } 1198 }
1199 .button_more.active span + span { 1199 .button_more.active span + span {
1200 display: block; 1200 display: block;
1201 } 1201 }
1202 .button_light { 1202 .button_light {
1203 background: transparent; 1203 background: transparent;
1204 color: #377d87; 1204 color: #377d87;
1205 } 1205 }
1206 .button_light:hover { 1206 .button_light:hover {
1207 background: #377d87; 1207 background: #377d87;
1208 color: #fff; 1208 color: #fff;
1209 } 1209 }
1210 .button_whited { 1210 .button_whited {
1211 background: #fff; 1211 background: #fff;
1212 color: #377d87; 1212 color: #377d87;
1213 border-color: #fff; 1213 border-color: #fff;
1214 } 1214 }
1215 .button_whited:hover { 1215 .button_whited:hover {
1216 background: #377d87; 1216 background: #377d87;
1217 color: #fff; 1217 color: #fff;
1218 } 1218 }
1219 1219
1220 .search { 1220 .search {
1221 width: 100%; 1221 width: 100%;
1222 position: relative; 1222 position: relative;
1223 background: #fff; 1223 background: #fff;
1224 border-radius: 8px; 1224 border-radius: 8px;
1225 } 1225 }
1226 .search span { 1226 .search span {
1227 display: none; 1227 display: none;
1228 height: 28px; 1228 height: 28px;
1229 -webkit-box-align: center; 1229 -webkit-box-align: center;
1230 -ms-flex-align: center; 1230 -ms-flex-align: center;
1231 align-items: center; 1231 align-items: center;
1232 padding-right: 12px; 1232 padding-right: 12px;
1233 z-index: 1; 1233 z-index: 1;
1234 position: absolute; 1234 position: absolute;
1235 top: 50%; 1235 top: 50%;
1236 left: 15px; 1236 left: 15px;
1237 margin-top: -14px; 1237 margin-top: -14px;
1238 } 1238 }
1239 @media (min-width: 768px) { 1239 @media (min-width: 768px) {
1240 .search span { 1240 .search span {
1241 display: -webkit-box; 1241 display: -webkit-box;
1242 display: -ms-flexbox; 1242 display: -ms-flexbox;
1243 display: flex; 1243 display: flex;
1244 } 1244 }
1245 } 1245 }
1246 .search span:after { 1246 .search span:after {
1247 content: ""; 1247 content: "";
1248 width: 1px; 1248 width: 1px;
1249 height: 100%; 1249 height: 100%;
1250 border-radius: 999px; 1250 border-radius: 999px;
1251 position: absolute; 1251 position: absolute;
1252 top: 0; 1252 top: 0;
1253 right: 0; 1253 right: 0;
1254 background: #cecece; 1254 background: #cecece;
1255 } 1255 }
1256 .search span svg { 1256 .search span svg {
1257 color: #9c9d9d; 1257 color: #9c9d9d;
1258 width: 20px; 1258 width: 20px;
1259 height: 20px; 1259 height: 20px;
1260 } 1260 }
1261 .search input { 1261 .search input {
1262 width: 100%; 1262 width: 100%;
1263 padding-right: 150px; 1263 padding-right: 150px;
1264 position: relative; 1264 position: relative;
1265 z-index: 2; 1265 z-index: 2;
1266 background: none; 1266 background: none;
1267 } 1267 }
1268 @media (min-width: 768px) { 1268 @media (min-width: 768px) {
1269 .search input { 1269 .search input {
1270 padding-left: 60px; 1270 padding-left: 60px;
1271 padding-right: 220px; 1271 padding-right: 220px;
1272 } 1272 }
1273 } 1273 }
1274 .search button { 1274 .search button {
1275 width: 140px; 1275 width: 140px;
1276 position: absolute; 1276 position: absolute;
1277 padding: 0; 1277 padding: 0;
1278 top: 0; 1278 top: 0;
1279 right: 0; 1279 right: 0;
1280 z-index: 3; 1280 z-index: 3;
1281 } 1281 }
1282 @media (min-width: 768px) { 1282 @media (min-width: 768px) {
1283 .search button { 1283 .search button {
1284 width: 200px; 1284 width: 200px;
1285 } 1285 }
1286 } 1286 }
1287 1287
1288 .breadcrumbs { 1288 .breadcrumbs {
1289 display: -webkit-box; 1289 display: -webkit-box;
1290 display: -ms-flexbox; 1290 display: -ms-flexbox;
1291 display: flex; 1291 display: flex;
1292 -webkit-box-align: center; 1292 -webkit-box-align: center;
1293 -ms-flex-align: center; 1293 -ms-flex-align: center;
1294 align-items: center; 1294 align-items: center;
1295 -ms-flex-wrap: wrap; 1295 -ms-flex-wrap: wrap;
1296 flex-wrap: wrap; 1296 flex-wrap: wrap;
1297 gap: 12px 6px; 1297 gap: 12px 6px;
1298 margin: 0; 1298 margin: 0;
1299 padding: 0; 1299 padding: 0;
1300 font-size: 11px; 1300 font-size: 11px;
1301 color: #cecece; 1301 color: #cecece;
1302 line-height: 1; 1302 line-height: 1;
1303 } 1303 }
1304 @media (min-width: 992px) { 1304 @media (min-width: 992px) {
1305 .breadcrumbs { 1305 .breadcrumbs {
1306 font-size: 13px; 1306 font-size: 13px;
1307 } 1307 }
1308 } 1308 }
1309 @media (min-width: 1280px) { 1309 @media (min-width: 1280px) {
1310 .breadcrumbs { 1310 .breadcrumbs {
1311 font-size: 16px; 1311 font-size: 16px;
1312 } 1312 }
1313 } 1313 }
1314 .breadcrumbs li { 1314 .breadcrumbs li {
1315 display: -webkit-box; 1315 display: -webkit-box;
1316 display: -ms-flexbox; 1316 display: -ms-flexbox;
1317 display: flex; 1317 display: flex;
1318 -webkit-box-align: center; 1318 -webkit-box-align: center;
1319 -ms-flex-align: center; 1319 -ms-flex-align: center;
1320 align-items: center; 1320 align-items: center;
1321 gap: 6px; 1321 gap: 6px;
1322 } 1322 }
1323 .breadcrumbs li:before { 1323 .breadcrumbs li:before {
1324 content: ""; 1324 content: "";
1325 width: 4px; 1325 width: 4px;
1326 height: 4px; 1326 height: 4px;
1327 background: #cecece; 1327 background: #cecece;
1328 border-radius: 999px; 1328 border-radius: 999px;
1329 position: relative; 1329 position: relative;
1330 top: -1px; 1330 top: -1px;
1331 } 1331 }
1332 .breadcrumbs li:first-child:before { 1332 .breadcrumbs li:first-child:before {
1333 display: none; 1333 display: none;
1334 } 1334 }
1335 .breadcrumbs li:last-child:before { 1335 .breadcrumbs li:last-child:before {
1336 background: #377d87; 1336 background: #377d87;
1337 } 1337 }
1338 .breadcrumbs a:hover { 1338 .breadcrumbs a:hover {
1339 color: #377d87; 1339 color: #377d87;
1340 } 1340 }
1341 .breadcrumbs b { 1341 .breadcrumbs b {
1342 color: #377d87; 1342 color: #377d87;
1343 font-weight: 700; 1343 font-weight: 700;
1344 } 1344 }
1345 1345
1346 .pagination { 1346 .pagination {
1347 display: -webkit-box; 1347 display: -webkit-box;
1348 display: -ms-flexbox; 1348 display: -ms-flexbox;
1349 display: flex; 1349 display: flex;
1350 -webkit-box-align: center; 1350 -webkit-box-align: center;
1351 -ms-flex-align: center; 1351 -ms-flex-align: center;
1352 align-items: center; 1352 align-items: center;
1353 -webkit-box-pack: center; 1353 -webkit-box-pack: center;
1354 -ms-flex-pack: center; 1354 -ms-flex-pack: center;
1355 justify-content: center; 1355 justify-content: center;
1356 -ms-flex-wrap: wrap; 1356 -ms-flex-wrap: wrap;
1357 flex-wrap: wrap; 1357 flex-wrap: wrap;
1358 line-height: 1; 1358 line-height: 1;
1359 color: #000; 1359 color: #000;
1360 font-size: 12px; 1360 font-size: 12px;
1361 margin: 0 auto; 1361 margin: 0 auto;
1362 } 1362 }
1363 @media (min-width: 768px) { 1363 @media (min-width: 768px) {
1364 .pagination { 1364 .pagination {
1365 font-size: 14px; 1365 font-size: 14px;
1366 gap: 3px; 1366 gap: 3px;
1367 } 1367 }
1368 } 1368 }
1369 .pagination__item { 1369 .pagination__item {
1370 width: 40px; 1370 width: 40px;
1371 height: 40px; 1371 height: 40px;
1372 display: -webkit-box; 1372 display: -webkit-box;
1373 display: -ms-flexbox; 1373 display: -ms-flexbox;
1374 display: flex; 1374 display: flex;
1375 -webkit-box-pack: center; 1375 -webkit-box-pack: center;
1376 -ms-flex-pack: center; 1376 -ms-flex-pack: center;
1377 justify-content: center; 1377 justify-content: center;
1378 -webkit-box-align: center; 1378 -webkit-box-align: center;
1379 -ms-flex-align: center; 1379 -ms-flex-align: center;
1380 align-items: center; 1380 align-items: center;
1381 background: none; 1381 background: none;
1382 padding: 0; 1382 padding: 0;
1383 border: 1px solid transparent; 1383 border: 1px solid transparent;
1384 border-radius: 8px; 1384 border-radius: 8px;
1385 } 1385 }
1386 .pagination__item:hover { 1386 .pagination__item:hover {
1387 -webkit-transition: 0s; 1387 -webkit-transition: 0s;
1388 transition: 0s; 1388 transition: 0s;
1389 color: #377d87; 1389 color: #377d87;
1390 font-weight: 700; 1390 font-weight: 700;
1391 } 1391 }
1392 .pagination__item.active { 1392 .pagination__item.active {
1393 font-weight: 700; 1393 font-weight: 700;
1394 color: #fff; 1394 color: #fff;
1395 background: #377d87; 1395 background: #377d87;
1396 border-color: #377d87; 1396 border-color: #377d87;
1397 } 1397 }
1398 .pagination__dots { 1398 .pagination__dots {
1399 width: 40px; 1399 width: 40px;
1400 height: 40px; 1400 height: 40px;
1401 display: -webkit-box; 1401 display: -webkit-box;
1402 display: -ms-flexbox; 1402 display: -ms-flexbox;
1403 display: flex; 1403 display: flex;
1404 -webkit-box-pack: center; 1404 -webkit-box-pack: center;
1405 -ms-flex-pack: center; 1405 -ms-flex-pack: center;
1406 justify-content: center; 1406 justify-content: center;
1407 -webkit-box-align: center; 1407 -webkit-box-align: center;
1408 -ms-flex-align: center; 1408 -ms-flex-align: center;
1409 align-items: center; 1409 align-items: center;
1410 } 1410 }
1411 .pagination__dots svg { 1411 .pagination__dots svg {
1412 width: 15px; 1412 width: 15px;
1413 height: 15px; 1413 height: 15px;
1414 } 1414 }
1415 .pagination__nav { 1415 .pagination__nav {
1416 width: 40px; 1416 width: 40px;
1417 height: 40px; 1417 height: 40px;
1418 display: none; 1418 display: none;
1419 -webkit-box-pack: center; 1419 -webkit-box-pack: center;
1420 -ms-flex-pack: center; 1420 -ms-flex-pack: center;
1421 justify-content: center; 1421 justify-content: center;
1422 -webkit-box-align: center; 1422 -webkit-box-align: center;
1423 -ms-flex-align: center; 1423 -ms-flex-align: center;
1424 align-items: center; 1424 align-items: center;
1425 background: none; 1425 background: none;
1426 padding: 0; 1426 padding: 0;
1427 border: 1px solid #cddee1; 1427 border: 1px solid #cddee1;
1428 color: #377d87; 1428 color: #377d87;
1429 border-radius: 8px; 1429 border-radius: 8px;
1430 } 1430 }
1431 @media (min-width: 768px) { 1431 @media (min-width: 768px) {
1432 .pagination__nav { 1432 .pagination__nav {
1433 display: -webkit-box; 1433 display: -webkit-box;
1434 display: -ms-flexbox; 1434 display: -ms-flexbox;
1435 display: flex; 1435 display: flex;
1436 } 1436 }
1437 } 1437 }
1438 .pagination__nav:hover { 1438 .pagination__nav:hover {
1439 border-color: #377d87; 1439 border-color: #377d87;
1440 background: #377d87; 1440 background: #377d87;
1441 color: #fff; 1441 color: #fff;
1442 } 1442 }
1443 .pagination__nav svg { 1443 .pagination__nav svg {
1444 width: 10px; 1444 width: 10px;
1445 height: 10px; 1445 height: 10px;
1446 } 1446 }
1447 .pagination__nav_prev { 1447 .pagination__nav_prev {
1448 margin-right: 37px; 1448 margin-right: 37px;
1449 } 1449 }
1450 .pagination__nav_prev svg { 1450 .pagination__nav_prev svg {
1451 -webkit-transform: rotate(180deg); 1451 -webkit-transform: rotate(180deg);
1452 -ms-transform: rotate(180deg); 1452 -ms-transform: rotate(180deg);
1453 transform: rotate(180deg); 1453 transform: rotate(180deg);
1454 } 1454 }
1455 .pagination__nav_next { 1455 .pagination__nav_next {
1456 margin-left: 37px; 1456 margin-left: 37px;
1457 } 1457 }
1458 1458
1459 .filters { 1459 .filters {
1460 display: -webkit-box; 1460 display: -webkit-box;
1461 display: -ms-flexbox; 1461 display: -ms-flexbox;
1462 display: flex; 1462 display: flex;
1463 -webkit-box-orient: vertical; 1463 -webkit-box-orient: vertical;
1464 -webkit-box-direction: normal; 1464 -webkit-box-direction: normal;
1465 -ms-flex-direction: column; 1465 -ms-flex-direction: column;
1466 flex-direction: column; 1466 flex-direction: column;
1467 gap: 10px; 1467 gap: 10px;
1468 } 1468 }
1469 @media (min-width: 768px) { 1469 @media (min-width: 768px) {
1470 .filters { 1470 .filters {
1471 -webkit-box-orient: horizontal; 1471 -webkit-box-orient: horizontal;
1472 -webkit-box-direction: normal; 1472 -webkit-box-direction: normal;
1473 -ms-flex-direction: row; 1473 -ms-flex-direction: row;
1474 flex-direction: row; 1474 flex-direction: row;
1475 -webkit-box-align: center; 1475 -webkit-box-align: center;
1476 -ms-flex-align: center; 1476 -ms-flex-align: center;
1477 align-items: center; 1477 align-items: center;
1478 -webkit-box-pack: justify; 1478 -webkit-box-pack: justify;
1479 -ms-flex-pack: justify; 1479 -ms-flex-pack: justify;
1480 justify-content: space-between; 1480 justify-content: space-between;
1481 } 1481 }
1482 } 1482 }
1483 .filters__label { 1483 .filters__label {
1484 color: #377d87; 1484 color: #377d87;
1485 font-size: 12px; 1485 font-size: 12px;
1486 font-weight: 700; 1486 font-weight: 700;
1487 } 1487 }
1488 @media (min-width: 768px) { 1488 @media (min-width: 768px) {
1489 .filters__label { 1489 .filters__label {
1490 font-size: 16px; 1490 font-size: 16px;
1491 } 1491 }
1492 } 1492 }
1493 @media (min-width: 992px) { 1493 @media (min-width: 992px) {
1494 .filters__label { 1494 .filters__label {
1495 font-size: 18px; 1495 font-size: 18px;
1496 } 1496 }
1497 } 1497 }
1498 .filters__body { 1498 .filters__body {
1499 display: -webkit-box; 1499 display: -webkit-box;
1500 display: -ms-flexbox; 1500 display: -ms-flexbox;
1501 display: flex; 1501 display: flex;
1502 -webkit-box-orient: vertical; 1502 -webkit-box-orient: vertical;
1503 -webkit-box-direction: normal; 1503 -webkit-box-direction: normal;
1504 -ms-flex-direction: column; 1504 -ms-flex-direction: column;
1505 flex-direction: column; 1505 flex-direction: column;
1506 } 1506 }
1507 @media (min-width: 768px) { 1507 @media (min-width: 768px) {
1508 .filters__body { 1508 .filters__body {
1509 -webkit-box-orient: horizontal; 1509 -webkit-box-orient: horizontal;
1510 -webkit-box-direction: normal; 1510 -webkit-box-direction: normal;
1511 -ms-flex-direction: row; 1511 -ms-flex-direction: row;
1512 flex-direction: row; 1512 flex-direction: row;
1513 -webkit-box-align: center; 1513 -webkit-box-align: center;
1514 -ms-flex-align: center; 1514 -ms-flex-align: center;
1515 align-items: center; 1515 align-items: center;
1516 } 1516 }
1517 } 1517 }
1518 @media (min-width: 768px) { 1518 @media (min-width: 768px) {
1519 .filters__select { 1519 .filters__select {
1520 width: 250px; 1520 width: 250px;
1521 } 1521 }
1522 } 1522 }
1523 @media (min-width: 992px) { 1523 @media (min-width: 992px) {
1524 .filters__select { 1524 .filters__select {
1525 width: 310px; 1525 width: 310px;
1526 } 1526 }
1527 } 1527 }
1528 .filters__item { 1528 .filters__item {
1529 display: none; 1529 display: none;
1530 -webkit-box-pack: center; 1530 -webkit-box-pack: center;
1531 -ms-flex-pack: center; 1531 -ms-flex-pack: center;
1532 justify-content: center; 1532 justify-content: center;
1533 -webkit-box-align: center; 1533 -webkit-box-align: center;
1534 -ms-flex-align: center; 1534 -ms-flex-align: center;
1535 align-items: center; 1535 align-items: center;
1536 width: 50px; 1536 width: 50px;
1537 height: 50px; 1537 height: 50px;
1538 padding: 0; 1538 padding: 0;
1539 background: #fff; 1539 background: #fff;
1540 border: 1px solid #377d87; 1540 border: 1px solid #377d87;
1541 color: #377d87; 1541 color: #377d87;
1542 border-radius: 8px; 1542 border-radius: 8px;
1543 margin-left: 20px; 1543 margin-left: 20px;
1544 } 1544 }
1545 @media (min-width: 768px) { 1545 @media (min-width: 768px) {
1546 .filters__item { 1546 .filters__item {
1547 display: -webkit-box; 1547 display: -webkit-box;
1548 display: -ms-flexbox; 1548 display: -ms-flexbox;
1549 display: flex; 1549 display: flex;
1550 } 1550 }
1551 } 1551 }
1552 .filters__item svg { 1552 .filters__item svg {
1553 width: 24px; 1553 width: 24px;
1554 height: 24px; 1554 height: 24px;
1555 } 1555 }
1556 .filters__item.active { 1556 .filters__item.active {
1557 background: #377d87; 1557 background: #377d87;
1558 color: #fff; 1558 color: #fff;
1559 } 1559 }
1560 .filters__item + .filters__item { 1560 .filters__item + .filters__item {
1561 margin-left: 8px; 1561 margin-left: 8px;
1562 } 1562 }
1563 1563
1564 .like, 1564 .like,
1565 .chat { 1565 .chat {
1566 width: 30px; 1566 width: 30px;
1567 height: 30px; 1567 height: 30px;
1568 display: -webkit-box; 1568 display: -webkit-box;
1569 display: -ms-flexbox; 1569 display: -ms-flexbox;
1570 display: flex; 1570 display: flex;
1571 -webkit-box-pack: center; 1571 -webkit-box-pack: center;
1572 -ms-flex-pack: center; 1572 -ms-flex-pack: center;
1573 justify-content: center; 1573 justify-content: center;
1574 -webkit-box-align: center; 1574 -webkit-box-align: center;
1575 -ms-flex-align: center; 1575 -ms-flex-align: center;
1576 align-items: center; 1576 align-items: center;
1577 background: none; 1577 background: none;
1578 border: 1px solid #377d87; 1578 border: 1px solid #377d87;
1579 padding: 0; 1579 padding: 0;
1580 color: #377d87; 1580 color: #377d87;
1581 border-radius: 6px; 1581 border-radius: 6px;
1582 } 1582 }
1583 @media (min-width: 768px) { 1583 @media (min-width: 768px) {
1584 .like, 1584 .like,
1585 .chat { 1585 .chat {
1586 width: 44px; 1586 width: 44px;
1587 height: 44px; 1587 height: 44px;
1588 } 1588 }
1589 } 1589 }
1590 .like.active, 1590 .like.active,
1591 .chat.active { 1591 .chat.active {
1592 background: #377d87; 1592 background: #377d87;
1593 color: #fff; 1593 color: #fff;
1594 } 1594 }
1595 .like svg, 1595 .like svg,
1596 .chat svg { 1596 .chat svg {
1597 width: 14px; 1597 width: 14px;
1598 height: 14px; 1598 height: 14px;
1599 } 1599 }
1600 @media (min-width: 768px) { 1600 @media (min-width: 768px) {
1601 .like svg, 1601 .like svg,
1602 .chat svg { 1602 .chat svg {
1603 width: 20px; 1603 width: 20px;
1604 height: 20px; 1604 height: 20px;
1605 } 1605 }
1606 } 1606 }
1607 1607
1608 .like.active { 1608 .like.active {
1609 background: #eb5757; 1609 background: #eb5757;
1610 border-color: #eb5757; 1610 border-color: #eb5757;
1611 } 1611 }
1612 1612
1613 .checkbox { 1613 .checkbox {
1614 display: -webkit-box; 1614 display: -webkit-box;
1615 display: -ms-flexbox; 1615 display: -ms-flexbox;
1616 display: flex; 1616 display: flex;
1617 -webkit-box-align: start; 1617 -webkit-box-align: start;
1618 -ms-flex-align: start; 1618 -ms-flex-align: start;
1619 align-items: flex-start; 1619 align-items: flex-start;
1620 cursor: pointer; 1620 cursor: pointer;
1621 position: relative; 1621 position: relative;
1622 } 1622 }
1623 .checkbox__input { 1623 .checkbox__input {
1624 position: absolute; 1624 position: absolute;
1625 z-index: 1; 1625 z-index: 1;
1626 width: 14px; 1626 width: 14px;
1627 height: 14px; 1627 height: 14px;
1628 padding: 0; 1628 padding: 0;
1629 background: none; 1629 background: none;
1630 border: none; 1630 border: none;
1631 opacity: 0; 1631 opacity: 0;
1632 } 1632 }
1633 @media (min-width: 768px) { 1633 @media (min-width: 768px) {
1634 .checkbox__input { 1634 .checkbox__input {
1635 width: 20px; 1635 width: 20px;
1636 height: 20px; 1636 height: 20px;
1637 } 1637 }
1638 } 1638 }
1639 .checkbox__icon { 1639 .checkbox__icon {
1640 width: 14px; 1640 width: 14px;
1641 height: 14px; 1641 height: 14px;
1642 border: 1px solid #cfcfcf; 1642 border: 1px solid #cfcfcf;
1643 background: #fff; 1643 background: #fff;
1644 color: #fff; 1644 color: #fff;
1645 display: -webkit-box; 1645 display: -webkit-box;
1646 display: -ms-flexbox; 1646 display: -ms-flexbox;
1647 display: flex; 1647 display: flex;
1648 -webkit-box-pack: center; 1648 -webkit-box-pack: center;
1649 -ms-flex-pack: center; 1649 -ms-flex-pack: center;
1650 justify-content: center; 1650 justify-content: center;
1651 -webkit-box-align: center; 1651 -webkit-box-align: center;
1652 -ms-flex-align: center; 1652 -ms-flex-align: center;
1653 align-items: center; 1653 align-items: center;
1654 border-radius: 4px; 1654 border-radius: 4px;
1655 -webkit-transition: 0.3s; 1655 -webkit-transition: 0.3s;
1656 transition: 0.3s; 1656 transition: 0.3s;
1657 position: relative; 1657 position: relative;
1658 z-index: 2; 1658 z-index: 2;
1659 } 1659 }
1660 @media (min-width: 768px) { 1660 @media (min-width: 768px) {
1661 .checkbox__icon { 1661 .checkbox__icon {
1662 width: 20px; 1662 width: 20px;
1663 height: 20px; 1663 height: 20px;
1664 } 1664 }
1665 } 1665 }
1666 .checkbox__icon svg { 1666 .checkbox__icon svg {
1667 width: 8px; 1667 width: 8px;
1668 height: 8px; 1668 height: 8px;
1669 opacity: 0; 1669 opacity: 0;
1670 } 1670 }
1671 @media (min-width: 768px) { 1671 @media (min-width: 768px) {
1672 .checkbox__icon svg { 1672 .checkbox__icon svg {
1673 width: 10px; 1673 width: 10px;
1674 height: 10px; 1674 height: 10px;
1675 } 1675 }
1676 } 1676 }
1677 .checkbox__input:checked + .checkbox__icon { 1677 .checkbox__input:checked + .checkbox__icon {
1678 border-color: #377d87; 1678 border-color: #377d87;
1679 background: #377d87; 1679 background: #377d87;
1680 } 1680 }
1681 .checkbox__input:checked + .checkbox__icon svg { 1681 .checkbox__input:checked + .checkbox__icon svg {
1682 opacity: 1; 1682 opacity: 1;
1683 } 1683 }
1684 .checkbox__text { 1684 .checkbox__text {
1685 width: calc(100% - 14px); 1685 width: calc(100% - 14px);
1686 padding-left: 6px; 1686 padding-left: 6px;
1687 font-size: 12px; 1687 font-size: 12px;
1688 line-height: 1; 1688 line-height: 1;
1689 display: -webkit-box; 1689 display: -webkit-box;
1690 display: -ms-flexbox; 1690 display: -ms-flexbox;
1691 display: flex; 1691 display: flex;
1692 -webkit-box-align: center; 1692 -webkit-box-align: center;
1693 -ms-flex-align: center; 1693 -ms-flex-align: center;
1694 align-items: center; 1694 align-items: center;
1695 min-height: 14px; 1695 min-height: 14px;
1696 } 1696 }
1697 @media (min-width: 768px) { 1697 @media (min-width: 768px) {
1698 .checkbox__text { 1698 .checkbox__text {
1699 width: calc(100% - 20px); 1699 width: calc(100% - 20px);
1700 padding-left: 12px; 1700 padding-left: 12px;
1701 font-size: 15px; 1701 font-size: 15px;
1702 min-height: 20px; 1702 min-height: 20px;
1703 } 1703 }
1704 } 1704 }
1705 .checkbox__text a { 1705 .checkbox__text a {
1706 color: #377d87; 1706 color: #377d87;
1707 text-decoration: underline; 1707 text-decoration: underline;
1708 } 1708 }
1709 .checkbox-empty { 1709 .checkbox-empty {
1710 display: -webkit-box; 1710 display: -webkit-box;
1711 display: -ms-flexbox; 1711 display: -ms-flexbox;
1712 display: flex; 1712 display: flex;
1713 -webkit-box-orient: vertical; 1713 -webkit-box-orient: vertical;
1714 -webkit-box-direction: normal; 1714 -webkit-box-direction: normal;
1715 -ms-flex-direction: column; 1715 -ms-flex-direction: column;
1716 flex-direction: column; 1716 flex-direction: column;
1717 -webkit-box-align: center; 1717 -webkit-box-align: center;
1718 -ms-flex-align: center; 1718 -ms-flex-align: center;
1719 align-items: center; 1719 align-items: center;
1720 } 1720 }
1721 .checkbox-empty .checkbox { 1721 .checkbox-empty .checkbox {
1722 width: 20px; 1722 width: 20px;
1723 } 1723 }
1724 1724
1725 .file { 1725 .file {
1726 display: -webkit-box; 1726 display: -webkit-box;
1727 display: -ms-flexbox; 1727 display: -ms-flexbox;
1728 display: flex; 1728 display: flex;
1729 -webkit-box-orient: vertical; 1729 -webkit-box-orient: vertical;
1730 -webkit-box-direction: normal; 1730 -webkit-box-direction: normal;
1731 -ms-flex-direction: column; 1731 -ms-flex-direction: column;
1732 flex-direction: column; 1732 flex-direction: column;
1733 } 1733 }
1734 .file__input input { 1734 .file__input input {
1735 display: none; 1735 display: none;
1736 } 1736 }
1737 .file__list { 1737 .file__list {
1738 display: -webkit-box; 1738 display: -webkit-box;
1739 display: -ms-flexbox; 1739 display: -ms-flexbox;
1740 display: flex; 1740 display: flex;
1741 -webkit-box-orient: vertical; 1741 -webkit-box-orient: vertical;
1742 -webkit-box-direction: normal; 1742 -webkit-box-direction: normal;
1743 -ms-flex-direction: column; 1743 -ms-flex-direction: column;
1744 flex-direction: column; 1744 flex-direction: column;
1745 } 1745 }
1746 .file__list-item { 1746 .file__list-item {
1747 display: -webkit-box; 1747 display: -webkit-box;
1748 display: -ms-flexbox; 1748 display: -ms-flexbox;
1749 display: flex; 1749 display: flex;
1750 -webkit-box-align: start; 1750 -webkit-box-align: start;
1751 -ms-flex-align: start; 1751 -ms-flex-align: start;
1752 align-items: flex-start; 1752 align-items: flex-start;
1753 margin-top: 16px; 1753 margin-top: 16px;
1754 } 1754 }
1755 .file__list-item-left { 1755 .file__list-item-left {
1756 width: calc(100% - 16px); 1756 width: calc(100% - 16px);
1757 min-height: 16px; 1757 min-height: 16px;
1758 color: #9c9d9d; 1758 color: #9c9d9d;
1759 font-size: 12px; 1759 font-size: 12px;
1760 display: -webkit-box; 1760 display: -webkit-box;
1761 display: -ms-flexbox; 1761 display: -ms-flexbox;
1762 display: flex; 1762 display: flex;
1763 -webkit-box-align: start; 1763 -webkit-box-align: start;
1764 -ms-flex-align: start; 1764 -ms-flex-align: start;
1765 align-items: flex-start; 1765 align-items: flex-start;
1766 } 1766 }
1767 @media (min-width: 768px) { 1767 @media (min-width: 768px) {
1768 .file__list-item-left { 1768 .file__list-item-left {
1769 width: auto; 1769 width: auto;
1770 max-width: calc(100% - 16px); 1770 max-width: calc(100% - 16px);
1771 font-size: 16px; 1771 font-size: 16px;
1772 } 1772 }
1773 } 1773 }
1774 .file__list-item-left svg { 1774 .file__list-item-left svg {
1775 width: 16px; 1775 width: 16px;
1776 height: 16px; 1776 height: 16px;
1777 } 1777 }
1778 .file__list-item-left span { 1778 .file__list-item-left span {
1779 width: calc(100% - 16px); 1779 width: calc(100% - 16px);
1780 min-height: 16px; 1780 min-height: 16px;
1781 display: -webkit-box; 1781 display: -webkit-box;
1782 display: -ms-flexbox; 1782 display: -ms-flexbox;
1783 display: flex; 1783 display: flex;
1784 -webkit-box-align: center; 1784 -webkit-box-align: center;
1785 -ms-flex-align: center; 1785 -ms-flex-align: center;
1786 align-items: center; 1786 align-items: center;
1787 padding: 0 8px; 1787 padding: 0 8px;
1788 } 1788 }
1789 .file__list-item-right { 1789 .file__list-item-right {
1790 display: -webkit-box; 1790 display: -webkit-box;
1791 display: -ms-flexbox; 1791 display: -ms-flexbox;
1792 display: flex; 1792 display: flex;
1793 -webkit-box-pack: center; 1793 -webkit-box-pack: center;
1794 -ms-flex-pack: center; 1794 -ms-flex-pack: center;
1795 justify-content: center; 1795 justify-content: center;
1796 -webkit-box-align: center; 1796 -webkit-box-align: center;
1797 -ms-flex-align: center; 1797 -ms-flex-align: center;
1798 align-items: center; 1798 align-items: center;
1799 padding: 0; 1799 padding: 0;
1800 background: none; 1800 background: none;
1801 border: none; 1801 border: none;
1802 width: 16px; 1802 width: 16px;
1803 height: 16px; 1803 height: 16px;
1804 color: #377d87; 1804 color: #377d87;
1805 } 1805 }
1806 .file__list-item-right:hover { 1806 .file__list-item-right:hover {
1807 color: #000; 1807 color: #000;
1808 } 1808 }
1809 .file__list-item-right svg { 1809 .file__list-item-right svg {
1810 width: 10px; 1810 width: 10px;
1811 height: 10px; 1811 height: 10px;
1812 } 1812 }
1813 .file__list-item + .file__list-item { 1813 .file__list-item + .file__list-item {
1814 margin-top: 10px; 1814 margin-top: 10px;
1815 } 1815 }
1816 1816
1817 .toggle { 1817 .toggle {
1818 display: -webkit-box; 1818 display: -webkit-box;
1819 display: -ms-flexbox; 1819 display: -ms-flexbox;
1820 display: flex; 1820 display: flex;
1821 gap: 12px; 1821 gap: 12px;
1822 position: relative; 1822 position: relative;
1823 cursor: pointer; 1823 cursor: pointer;
1824 -webkit-user-select: none; 1824 -webkit-user-select: none;
1825 -moz-user-select: none; 1825 -moz-user-select: none;
1826 -ms-user-select: none; 1826 -ms-user-select: none;
1827 user-select: none; 1827 user-select: none;
1828 } 1828 }
1829 .toggle__input { 1829 .toggle__input {
1830 position: absolute; 1830 position: absolute;
1831 width: 1px; 1831 width: 1px;
1832 height: 1px; 1832 height: 1px;
1833 overflow: hidden; 1833 overflow: hidden;
1834 clip: rect(0 0 0 0); 1834 clip: rect(0 0 0 0);
1835 } 1835 }
1836 .toggle__input:checked + .toggle__icon { 1836 .toggle__input:checked + .toggle__icon {
1837 background: #377d87; 1837 background: #377d87;
1838 } 1838 }
1839 .toggle__input:checked + .toggle__icon:before { 1839 .toggle__input:checked + .toggle__icon:before {
1840 left: 18px; 1840 left: 18px;
1841 } 1841 }
1842 .toggle__input:checked:disabled + .toggle__icon { 1842 .toggle__input:checked:disabled + .toggle__icon {
1843 background: #9BBEC3; 1843 background: #9BBEC3;
1844 } 1844 }
1845 .toggle__input:checked ~ .toggle__text:nth-child(3) { 1845 .toggle__input:checked ~ .toggle__text:nth-child(3) {
1846 display: none; 1846 display: none;
1847 } 1847 }
1848 .toggle__input:checked ~ .toggle__text:nth-child(4) { 1848 .toggle__input:checked ~ .toggle__text:nth-child(4) {
1849 display: block; 1849 display: block;
1850 } 1850 }
1851 .toggle__icon { 1851 .toggle__icon {
1852 display: block; 1852 display: block;
1853 position: relative; 1853 position: relative;
1854 width: 36px; 1854 width: 36px;
1855 height: 20px; 1855 height: 20px;
1856 border-radius: 999px; 1856 border-radius: 999px;
1857 background: #c3c7d9; 1857 background: #c3c7d9;
1858 -webkit-transition: 0.3s; 1858 -webkit-transition: 0.3s;
1859 transition: 0.3s; 1859 transition: 0.3s;
1860 } 1860 }
1861 .toggle__icon:before { 1861 .toggle__icon:before {
1862 content: ""; 1862 content: "";
1863 -webkit-transition: 0.3s; 1863 -webkit-transition: 0.3s;
1864 transition: 0.3s; 1864 transition: 0.3s;
1865 position: absolute; 1865 position: absolute;
1866 top: 50%; 1866 top: 50%;
1867 left: 2px; 1867 left: 2px;
1868 width: 16px; 1868 width: 16px;
1869 aspect-ratio: 1/1; 1869 aspect-ratio: 1/1;
1870 border-radius: 999px; 1870 border-radius: 999px;
1871 background: #fff; 1871 background: #fff;
1872 -webkit-transform: translate(0, -50%); 1872 -webkit-transform: translate(0, -50%);
1873 -ms-transform: translate(0, -50%); 1873 -ms-transform: translate(0, -50%);
1874 transform: translate(0, -50%); 1874 transform: translate(0, -50%);
1875 } 1875 }
1876 .toggle__input:checked + .toggle__icon { 1876 .toggle__input:checked + .toggle__icon {
1877 background: #377d87; 1877 background: #377d87;
1878 } 1878 }
1879 .toggle__text { 1879 .toggle__text {
1880 font-size: 14px; 1880 font-size: 14px;
1881 line-height: 20px; 1881 line-height: 20px;
1882 } 1882 }
1883 @media (min-width: 768px) { 1883 @media (min-width: 768px) {
1884 .toggle__text { 1884 .toggle__text {
1885 font-size: 16px; 1885 font-size: 16px;
1886 } 1886 }
1887 } 1887 }
1888 .toggle__text:nth-child(4) { 1888 .toggle__text:nth-child(4) {
1889 display: none; 1889 display: none;
1890 } 1890 }
1891 1891
1892 .rate { 1892 .rate {
1893 display: -webkit-box; 1893 display: -webkit-box;
1894 display: -ms-flexbox; 1894 display: -ms-flexbox;
1895 display: flex; 1895 display: flex;
1896 -webkit-box-align: center; 1896 -webkit-box-align: center;
1897 -ms-flex-align: center; 1897 -ms-flex-align: center;
1898 align-items: center; 1898 align-items: center;
1899 gap: 10px; 1899 gap: 10px;
1900 } 1900 }
1901 @media (min-width: 768px) { 1901 @media (min-width: 768px) {
1902 .rate { 1902 .rate {
1903 gap: 20px; 1903 gap: 20px;
1904 } 1904 }
1905 } 1905 }
1906 .rate__label { 1906 .rate__label {
1907 font-size: 12px; 1907 font-size: 12px;
1908 font-weight: 700; 1908 font-weight: 700;
1909 line-height: 1; 1909 line-height: 1;
1910 } 1910 }
1911 @media (min-width: 768px) { 1911 @media (min-width: 768px) {
1912 .rate__label { 1912 .rate__label {
1913 font-size: 18px; 1913 font-size: 18px;
1914 } 1914 }
1915 } 1915 }
1916 .rate__stars { 1916 .rate__stars {
1917 display: -webkit-box; 1917 display: -webkit-box;
1918 display: -ms-flexbox; 1918 display: -ms-flexbox;
1919 display: flex; 1919 display: flex;
1920 -webkit-box-orient: vertical; 1920 -webkit-box-orient: vertical;
1921 -webkit-box-direction: normal; 1921 -webkit-box-direction: normal;
1922 -ms-flex-direction: column; 1922 -ms-flex-direction: column;
1923 flex-direction: column; 1923 flex-direction: column;
1924 } 1924 }
1925 1925
1926 .back { 1926 .back {
1927 display: -webkit-box; 1927 display: -webkit-box;
1928 display: -ms-flexbox; 1928 display: -ms-flexbox;
1929 display: flex; 1929 display: flex;
1930 -webkit-box-align: center; 1930 -webkit-box-align: center;
1931 -ms-flex-align: center; 1931 -ms-flex-align: center;
1932 align-items: center; 1932 align-items: center;
1933 font-size: 14px; 1933 font-size: 14px;
1934 color: #377d87; 1934 color: #377d87;
1935 font-weight: 700; 1935 font-weight: 700;
1936 } 1936 }
1937 @media (min-width: 768px) { 1937 @media (min-width: 768px) {
1938 .back { 1938 .back {
1939 font-size: 18px; 1939 font-size: 18px;
1940 } 1940 }
1941 } 1941 }
1942 .back:hover { 1942 .back:hover {
1943 color: #4d88d9; 1943 color: #4d88d9;
1944 } 1944 }
1945 .back svg { 1945 .back svg {
1946 width: 16px; 1946 width: 16px;
1947 height: 16px; 1947 height: 16px;
1948 } 1948 }
1949 @media (min-width: 768px) { 1949 @media (min-width: 768px) {
1950 .back svg { 1950 .back svg {
1951 width: 26px; 1951 width: 26px;
1952 height: 26px; 1952 height: 26px;
1953 } 1953 }
1954 } 1954 }
1955 .back span { 1955 .back span {
1956 width: calc(100% - 16px); 1956 width: calc(100% - 16px);
1957 padding-left: 10px; 1957 padding-left: 10px;
1958 } 1958 }
1959 @media (min-width: 768px) { 1959 @media (min-width: 768px) {
1960 .back span { 1960 .back span {
1961 width: calc(100% - 26px); 1961 width: calc(100% - 26px);
1962 padding-left: 20px; 1962 padding-left: 20px;
1963 } 1963 }
1964 } 1964 }
1965 1965
1966 .callback { 1966 .callback {
1967 display: -webkit-box; 1967 display: -webkit-box;
1968 display: -ms-flexbox; 1968 display: -ms-flexbox;
1969 display: flex; 1969 display: flex;
1970 -webkit-box-orient: vertical; 1970 -webkit-box-orient: vertical;
1971 -webkit-box-direction: normal; 1971 -webkit-box-direction: normal;
1972 -ms-flex-direction: column; 1972 -ms-flex-direction: column;
1973 flex-direction: column; 1973 flex-direction: column;
1974 gap: 16px; 1974 gap: 16px;
1975 } 1975 }
1976 @media (min-width: 992px) { 1976 @media (min-width: 992px) {
1977 .callback { 1977 .callback {
1978 -webkit-box-orient: horizontal; 1978 -webkit-box-orient: horizontal;
1979 -webkit-box-direction: normal; 1979 -webkit-box-direction: normal;
1980 -ms-flex-direction: row; 1980 -ms-flex-direction: row;
1981 flex-direction: row; 1981 flex-direction: row;
1982 -webkit-box-pack: justify; 1982 -webkit-box-pack: justify;
1983 -ms-flex-pack: justify; 1983 -ms-flex-pack: justify;
1984 justify-content: space-between; 1984 justify-content: space-between;
1985 -ms-flex-wrap: wrap; 1985 -ms-flex-wrap: wrap;
1986 flex-wrap: wrap; 1986 flex-wrap: wrap;
1987 gap: 20px 0; 1987 gap: 20px 0;
1988 } 1988 }
1989 } 1989 }
1990 .callback__body { 1990 .callback__body {
1991 display: -webkit-box; 1991 display: -webkit-box;
1992 display: -ms-flexbox; 1992 display: -ms-flexbox;
1993 display: flex; 1993 display: flex;
1994 -webkit-box-orient: vertical; 1994 -webkit-box-orient: vertical;
1995 -webkit-box-direction: normal; 1995 -webkit-box-direction: normal;
1996 -ms-flex-direction: column; 1996 -ms-flex-direction: column;
1997 flex-direction: column; 1997 flex-direction: column;
1998 gap: 16px; 1998 gap: 16px;
1999 } 1999 }
2000 @media (min-width: 992px) { 2000 @media (min-width: 992px) {
2001 .callback__body { 2001 .callback__body {
2002 width: calc(50% - 10px); 2002 width: calc(50% - 10px);
2003 gap: 10px; 2003 gap: 10px;
2004 } 2004 }
2005 } 2005 }
2006 @media (min-width: 992px) { 2006 @media (min-width: 992px) {
2007 .callback__textarea { 2007 .callback__textarea {
2008 width: calc(50% - 10px); 2008 width: calc(50% - 10px);
2009 height: auto; 2009 height: auto;
2010 } 2010 }
2011 } 2011 }
2012 .callback__bottom { 2012 .callback__bottom {
2013 display: -webkit-box; 2013 display: -webkit-box;
2014 display: -ms-flexbox; 2014 display: -ms-flexbox;
2015 display: flex; 2015 display: flex;
2016 -webkit-box-orient: vertical; 2016 -webkit-box-orient: vertical;
2017 -webkit-box-direction: normal; 2017 -webkit-box-direction: normal;
2018 -ms-flex-direction: column; 2018 -ms-flex-direction: column;
2019 flex-direction: column; 2019 flex-direction: column;
2020 gap: 16px; 2020 gap: 16px;
2021 } 2021 }
2022 @media (min-width: 768px) { 2022 @media (min-width: 768px) {
2023 .callback__bottom { 2023 .callback__bottom {
2024 -webkit-box-align: start; 2024 -webkit-box-align: start;
2025 -ms-flex-align: start; 2025 -ms-flex-align: start;
2026 align-items: flex-start; 2026 align-items: flex-start;
2027 } 2027 }
2028 } 2028 }
2029 @media (min-width: 992px) { 2029 @media (min-width: 992px) {
2030 .callback__bottom { 2030 .callback__bottom {
2031 width: 100%; 2031 width: 100%;
2032 gap: 20px; 2032 gap: 20px;
2033 } 2033 }
2034 } 2034 }
2035 2035
2036 .error .input, 2036 .error .input,
2037 .error .textarea { 2037 .error .textarea {
2038 border-color: #eb5757; 2038 border-color: #eb5757;
2039 } 2039 }
2040 .error label { 2040 .error label {
2041 display: block; 2041 display: block;
2042 } 2042 }
2043 2043
2044 .eye { 2044 .eye {
2045 position: absolute; 2045 position: absolute;
2046 z-index: 2; 2046 z-index: 2;
2047 top: 50%; 2047 top: 50%;
2048 -webkit-transform: translate(0, -50%); 2048 -webkit-transform: translate(0, -50%);
2049 -ms-transform: translate(0, -50%); 2049 -ms-transform: translate(0, -50%);
2050 transform: translate(0, -50%); 2050 transform: translate(0, -50%);
2051 right: 10px; 2051 right: 10px;
2052 aspect-ratio: 1/1; 2052 aspect-ratio: 1/1;
2053 width: 16px; 2053 width: 16px;
2054 padding: 0; 2054 padding: 0;
2055 border: none; 2055 border: none;
2056 background: none; 2056 background: none;
2057 color: #9c9d9d; 2057 color: #9c9d9d;
2058 } 2058 }
2059 @media (min-width: 768px) { 2059 @media (min-width: 768px) {
2060 .eye { 2060 .eye {
2061 width: 24px; 2061 width: 24px;
2062 right: 20px; 2062 right: 20px;
2063 } 2063 }
2064 } 2064 }
2065 .eye svg { 2065 .eye svg {
2066 position: absolute; 2066 position: absolute;
2067 top: 0; 2067 top: 0;
2068 left: 0; 2068 left: 0;
2069 width: 100%; 2069 width: 100%;
2070 height: 100%; 2070 height: 100%;
2071 } 2071 }
2072 .eye svg + svg { 2072 .eye svg + svg {
2073 display: none; 2073 display: none;
2074 } 2074 }
2075 .eye.active { 2075 .eye.active {
2076 color: #377d87; 2076 color: #377d87;
2077 } 2077 }
2078 .eye.active svg { 2078 .eye.active svg {
2079 display: none; 2079 display: none;
2080 } 2080 }
2081 .eye.active svg + svg { 2081 .eye.active svg + svg {
2082 display: block; 2082 display: block;
2083 } 2083 }
2084 2084
2085 .del { 2085 .del {
2086 width: 32px; 2086 width: 32px;
2087 aspect-ratio: 1/1; 2087 aspect-ratio: 1/1;
2088 background: #377d87; 2088 background: #377d87;
2089 color: #fff; 2089 color: #fff;
2090 display: -webkit-box; 2090 display: -webkit-box;
2091 display: -ms-flexbox; 2091 display: -ms-flexbox;
2092 display: flex; 2092 display: flex;
2093 -webkit-box-pack: center; 2093 -webkit-box-pack: center;
2094 -ms-flex-pack: center; 2094 -ms-flex-pack: center;
2095 justify-content: center; 2095 justify-content: center;
2096 -webkit-box-align: center; 2096 -webkit-box-align: center;
2097 -ms-flex-align: center; 2097 -ms-flex-align: center;
2098 align-items: center; 2098 align-items: center;
2099 border-radius: 8px; 2099 border-radius: 8px;
2100 padding: 0; 2100 padding: 0;
2101 border: 1px solid #377d87; 2101 border: 1px solid #377d87;
2102 } 2102 }
2103 .del:hover { 2103 .del:hover {
2104 background: #fff; 2104 background: #fff;
2105 color: #377d87; 2105 color: #377d87;
2106 } 2106 }
2107 .del svg { 2107 .del svg {
2108 width: 50%; 2108 width: 50%;
2109 aspect-ratio: 1/1; 2109 aspect-ratio: 1/1;
2110 } 2110 }
2111 2111
2112 .notify { 2112 .notify {
2113 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 2113 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
2114 padding: 6px 12px; 2114 padding: 6px 12px;
2115 border-radius: 8px; 2115 border-radius: 8px;
2116 display: -webkit-box; 2116 display: -webkit-box;
2117 display: -ms-flexbox; 2117 display: -ms-flexbox;
2118 display: flex; 2118 display: flex;
2119 -webkit-box-align: start; 2119 -webkit-box-align: start;
2120 -ms-flex-align: start; 2120 -ms-flex-align: start;
2121 align-items: flex-start; 2121 align-items: flex-start;
2122 } 2122 }
2123 @media (min-width: 768px) { 2123 @media (min-width: 768px) {
2124 .notify { 2124 .notify {
2125 padding: 12px 20px; 2125 padding: 12px 20px;
2126 } 2126 }
2127 } 2127 }
2128 .notify_red { 2128 .notify_red {
2129 background: #f9cdcd; 2129 background: #f9cdcd;
2130 } 2130 }
2131 .notify svg { 2131 .notify svg {
2132 color: #4d88d9; 2132 color: #4d88d9;
2133 width: 20px; 2133 width: 20px;
2134 aspect-ratio: 1/1; 2134 aspect-ratio: 1/1;
2135 } 2135 }
2136 .notify span { 2136 .notify span {
2137 font-size: 12px; 2137 font-size: 12px;
2138 padding-left: 10px; 2138 padding-left: 10px;
2139 min-height: 20px; 2139 min-height: 20px;
2140 display: -webkit-box; 2140 display: -webkit-box;
2141 display: -ms-flexbox; 2141 display: -ms-flexbox;
2142 display: flex; 2142 display: flex;
2143 -webkit-box-align: center; 2143 -webkit-box-align: center;
2144 -ms-flex-align: center; 2144 -ms-flex-align: center;
2145 align-items: center; 2145 align-items: center;
2146 } 2146 }
2147 @media (min-width: 768px) { 2147 @media (min-width: 768px) {
2148 .notify span { 2148 .notify span {
2149 font-size: 16px; 2149 font-size: 16px;
2150 } 2150 }
2151 } 2151 }
2152 2152
2153 .table { 2153 .table {
2154 margin: 0 -10px; 2154 margin: 0 -10px;
2155 display: -webkit-box; 2155 display: -webkit-box;
2156 display: -ms-flexbox; 2156 display: -ms-flexbox;
2157 display: flex; 2157 display: flex;
2158 -webkit-box-orient: vertical; 2158 -webkit-box-orient: vertical;
2159 -webkit-box-direction: reverse; 2159 -webkit-box-direction: reverse;
2160 -ms-flex-direction: column-reverse; 2160 -ms-flex-direction: column-reverse;
2161 flex-direction: column-reverse; 2161 flex-direction: column-reverse;
2162 -webkit-box-align: center; 2162 -webkit-box-align: center;
2163 -ms-flex-align: center; 2163 -ms-flex-align: center;
2164 align-items: center; 2164 align-items: center;
2165 gap: 20px; 2165 gap: 20px;
2166 } 2166 }
2167 @media (min-width: 768px) { 2167 @media (min-width: 768px) {
2168 .table { 2168 .table {
2169 margin: 0; 2169 margin: 0;
2170 gap: 30px; 2170 gap: 30px;
2171 } 2171 }
2172 } 2172 }
2173 .table__button { 2173 .table__button {
2174 display: none; 2174 display: none;
2175 } 2175 }
2176 .table_spoiler .table__button { 2176 .table_spoiler .table__button {
2177 display: -webkit-box; 2177 display: -webkit-box;
2178 display: -ms-flexbox; 2178 display: -ms-flexbox;
2179 display: flex; 2179 display: flex;
2180 } 2180 }
2181 .table__scroll { 2181 .table__scroll {
2182 overflow: hidden; 2182 overflow: hidden;
2183 overflow-x: auto; 2183 overflow-x: auto;
2184 padding: 0 10px; 2184 padding: 0 10px;
2185 width: 100%; 2185 width: 100%;
2186 } 2186 }
2187 @media (min-width: 768px) { 2187 @media (min-width: 768px) {
2188 .table__scroll { 2188 .table__scroll {
2189 padding: 0; 2189 padding: 0;
2190 } 2190 }
2191 } 2191 }
2192 .table__body { 2192 .table__body {
2193 border-radius: 8px; 2193 border-radius: 8px;
2194 overflow: hidden; 2194 overflow: hidden;
2195 } 2195 }
2196 .table__body_min-width { 2196 .table__body_min-width {
2197 min-width: 580px; 2197 min-width: 580px;
2198 } 2198 }
2199 .table table { 2199 .table table {
2200 border-collapse: collapse; 2200 border-collapse: collapse;
2201 width: 100%; 2201 width: 100%;
2202 font-size: 12px; 2202 font-size: 12px;
2203 border-radius: 8px; 2203 border-radius: 8px;
2204 } 2204 }
2205 @media (min-width: 768px) { 2205 @media (min-width: 768px) {
2206 .table table { 2206 .table table {
2207 font-size: 14px; 2207 font-size: 14px;
2208 } 2208 }
2209 } 2209 }
2210 @media (min-width: 1280px) { 2210 @media (min-width: 1280px) {
2211 .table table { 2211 .table table {
2212 font-size: 16px; 2212 font-size: 16px;
2213 } 2213 }
2214 } 2214 }
2215 .table thead tr th, 2215 .table thead tr th,
2216 .table thead tr td { 2216 .table thead tr td {
2217 background: #377d87; 2217 background: #377d87;
2218 color: #fff; 2218 color: #fff;
2219 font-weight: 700; 2219 font-weight: 700;
2220 border-top-color: #377d87; 2220 border-top-color: #377d87;
2221 } 2221 }
2222 .table thead tr th:first-child, 2222 .table thead tr th:first-child,
2223 .table thead tr td:first-child { 2223 .table thead tr td:first-child {
2224 border-left-color: #377d87; 2224 border-left-color: #377d87;
2225 } 2225 }
2226 .table thead tr th:last-child, 2226 .table thead tr th:last-child,
2227 .table thead tr td:last-child { 2227 .table thead tr td:last-child {
2228 border-right-color: #377d87; 2228 border-right-color: #377d87;
2229 } 2229 }
2230 .table_spoiler tr { 2230 .table_spoiler tr {
2231 /*display: none;*/ 2231 /*display: none;*/
2232 } 2232 }
2233 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2233 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2234 display: table-row; 2234 display: table-row;
2235 } 2235 }
2236 .table_spoiler.active tr { 2236 .table_spoiler.active tr {
2237 display: table-row; 2237 display: table-row;
2238 } 2238 }
2239 .table th, 2239 .table th,
2240 .table td { 2240 .table td {
2241 text-align: left; 2241 text-align: left;
2242 padding: 10px; 2242 padding: 10px;
2243 border: 1px solid #cecece; 2243 border: 1px solid #cecece;
2244 } 2244 }
2245 @media (min-width: 768px) { 2245 @media (min-width: 768px) {
2246 .table td { 2246 .table td {
2247 padding: 14px 10px; 2247 padding: 14px 10px;
2248 } 2248 }
2249 } 2249 }
2250 .table__status { 2250 .table__status {
2251 color: #9c9d9d; 2251 color: #9c9d9d;
2252 display: -webkit-box; 2252 display: -webkit-box;
2253 display: -ms-flexbox; 2253 display: -ms-flexbox;
2254 display: flex; 2254 display: flex;
2255 -webkit-box-align: center; 2255 -webkit-box-align: center;
2256 -ms-flex-align: center; 2256 -ms-flex-align: center;
2257 align-items: center; 2257 align-items: center;
2258 gap: 6px; 2258 gap: 6px;
2259 position: relative; 2259 position: relative;
2260 padding-left: 14px; 2260 padding-left: 14px;
2261 } 2261 }
2262 .table__status i { 2262 .table__status i {
2263 background: #9c9d9d; 2263 background: #9c9d9d;
2264 width: 8px; 2264 width: 8px;
2265 aspect-ratio: 1/1; 2265 aspect-ratio: 1/1;
2266 border-radius: 999px; 2266 border-radius: 999px;
2267 position: absolute; 2267 position: absolute;
2268 top: 4px; 2268 top: 4px;
2269 left: 0; 2269 left: 0;
2270 } 2270 }
2271 .table__status.green { 2271 .table__status.green {
2272 color: #377d87; 2272 color: #377d87;
2273 } 2273 }
2274 .table__status.green i { 2274 .table__status.green i {
2275 background: #377d87; 2275 background: #377d87;
2276 } 2276 }
2277 .table__link { 2277 .table__link {
2278 display: -webkit-box; 2278 display: -webkit-box;
2279 display: -ms-flexbox; 2279 display: -ms-flexbox;
2280 display: flex; 2280 display: flex;
2281 -webkit-box-align: center; 2281 -webkit-box-align: center;
2282 -ms-flex-align: center; 2282 -ms-flex-align: center;
2283 align-items: center; 2283 align-items: center;
2284 gap: 4px; 2284 gap: 4px;
2285 color: #4d88d9; 2285 color: #4d88d9;
2286 } 2286 }
2287 @media (min-width: 768px) { 2287 @media (min-width: 768px) {
2288 .table__link { 2288 .table__link {
2289 gap: 6px; 2289 gap: 6px;
2290 } 2290 }
2291 } 2291 }
2292 .table__link:hover { 2292 .table__link:hover {
2293 color: #000; 2293 color: #000;
2294 } 2294 }
2295 .table__link svg { 2295 .table__link svg {
2296 width: 12px; 2296 width: 12px;
2297 aspect-ratio: 1/1; 2297 aspect-ratio: 1/1;
2298 } 2298 }
2299 @media (min-width: 768px) { 2299 @media (min-width: 768px) {
2300 .table__link svg { 2300 .table__link svg {
2301 width: 16px; 2301 width: 16px;
2302 } 2302 }
2303 } 2303 }
2304 .table__controls { 2304 .table__controls {
2305 display: -webkit-box; 2305 display: -webkit-box;
2306 display: -ms-flexbox; 2306 display: -ms-flexbox;
2307 display: flex; 2307 display: flex;
2308 -webkit-box-align: center; 2308 -webkit-box-align: center;
2309 -ms-flex-align: center; 2309 -ms-flex-align: center;
2310 align-items: center; 2310 align-items: center;
2311 gap: 8px; 2311 gap: 8px;
2312 } 2312 }
2313 @media (min-width: 1280px) { 2313 @media (min-width: 1280px) {
2314 .table__controls { 2314 .table__controls {
2315 gap: 12px; 2315 gap: 12px;
2316 } 2316 }
2317 } 2317 }
2318 .table__controls-item { 2318 .table__controls-item {
2319 width: 24px; 2319 width: 24px;
2320 aspect-ratio: 1/1; 2320 aspect-ratio: 1/1;
2321 display: -webkit-box; 2321 display: -webkit-box;
2322 display: -ms-flexbox; 2322 display: -ms-flexbox;
2323 display: flex; 2323 display: flex;
2324 -webkit-box-pack: center; 2324 -webkit-box-pack: center;
2325 -ms-flex-pack: center; 2325 -ms-flex-pack: center;
2326 justify-content: center; 2326 justify-content: center;
2327 -webkit-box-align: center; 2327 -webkit-box-align: center;
2328 -ms-flex-align: center; 2328 -ms-flex-align: center;
2329 align-items: center; 2329 align-items: center;
2330 border: 1px solid #377d87; 2330 border: 1px solid #377d87;
2331 border-radius: 8px; 2331 border-radius: 8px;
2332 color: #377d87; 2332 color: #377d87;
2333 background: none; 2333 background: none;
2334 padding: 0; 2334 padding: 0;
2335 } 2335 }
2336 @media (min-width: 1280px) { 2336 @media (min-width: 1280px) {
2337 .table__controls-item { 2337 .table__controls-item {
2338 width: 30px; 2338 width: 30px;
2339 } 2339 }
2340 } 2340 }
2341 .table__controls-item:hover { 2341 .table__controls-item:hover {
2342 background: #377d87; 2342 background: #377d87;
2343 color: #fff; 2343 color: #fff;
2344 } 2344 }
2345 .table__controls-item svg { 2345 .table__controls-item svg {
2346 width: 60%; 2346 width: 60%;
2347 aspect-ratio: 1/1; 2347 aspect-ratio: 1/1;
2348 } 2348 }
2349 .table__controls-item:nth-of-type(4) svg { 2349 .table__controls-item:nth-of-type(4) svg {
2350 width: 80%; 2350 width: 80%;
2351 } 2351 }
2352 2352
2353 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2353 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2354 display: none; 2354 display: none;
2355 } 2355 }
2356 .gl-star-rating--stars span { 2356 .gl-star-rating--stars span {
2357 width: 22px !important; 2357 width: 22px !important;
2358 height: 22px !important; 2358 height: 22px !important;
2359 background-size: 22px 22px !important; 2359 background-size: 22px 22px !important;
2360 } 2360 }
2361 @media (min-width: 768px) { 2361 @media (min-width: 768px) {
2362 .gl-star-rating--stars span { 2362 .gl-star-rating--stars span {
2363 width: 30px !important; 2363 width: 30px !important;
2364 height: 30px !important; 2364 height: 30px !important;
2365 background-size: 30px 30px !important; 2365 background-size: 30px 30px !important;
2366 } 2366 }
2367 } 2367 }
2368 2368
2369 .more { 2369 .more {
2370 display: -webkit-box; 2370 display: -webkit-box;
2371 display: -ms-flexbox; 2371 display: -ms-flexbox;
2372 display: flex; 2372 display: flex;
2373 -webkit-box-orient: vertical; 2373 -webkit-box-orient: vertical;
2374 -webkit-box-direction: normal; 2374 -webkit-box-direction: normal;
2375 -ms-flex-direction: column; 2375 -ms-flex-direction: column;
2376 flex-direction: column; 2376 flex-direction: column;
2377 -webkit-box-align: center; 2377 -webkit-box-align: center;
2378 -ms-flex-align: center; 2378 -ms-flex-align: center;
2379 align-items: center; 2379 align-items: center;
2380 } 2380 }
2381 .more_mt { 2381 .more_mt {
2382 margin-top: 20px; 2382 margin-top: 20px;
2383 } 2383 }
2384 .more .button { 2384 .more .button {
2385 min-width: 100px; 2385 min-width: 100px;
2386 padding: 0; 2386 padding: 0;
2387 } 2387 }
2388 @media (min-width: 768px) { 2388 @media (min-width: 768px) {
2389 .more .button { 2389 .more .button {
2390 min-width: 180px; 2390 min-width: 180px;
2391 } 2391 }
2392 } 2392 }
2393 2393
2394 .header { 2394 .header {
2395 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2395 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2396 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2396 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2397 background: #fff; 2397 background: #fff;
2398 position: relative; 2398 position: relative;
2399 z-index: 5; 2399 z-index: 5;
2400 overflow: hidden; 2400 overflow: hidden;
2401 } 2401 }
2402 @media (min-width: 768px) { 2402 @media (min-width: 768px) {
2403 .header { 2403 .header {
2404 -webkit-box-shadow: none; 2404 -webkit-box-shadow: none;
2405 box-shadow: none; 2405 box-shadow: none;
2406 } 2406 }
2407 } 2407 }
2408 .header__body { 2408 .header__body {
2409 height: 42px; 2409 height: 42px;
2410 display: -webkit-box; 2410 display: -webkit-box;
2411 display: -ms-flexbox; 2411 display: -ms-flexbox;
2412 display: flex; 2412 display: flex;
2413 -webkit-box-pack: justify; 2413 -webkit-box-pack: justify;
2414 -ms-flex-pack: justify; 2414 -ms-flex-pack: justify;
2415 justify-content: space-between; 2415 justify-content: space-between;
2416 -webkit-box-align: center; 2416 -webkit-box-align: center;
2417 -ms-flex-align: center; 2417 -ms-flex-align: center;
2418 align-items: center; 2418 align-items: center;
2419 } 2419 }
2420 @media (min-width: 768px) { 2420 @media (min-width: 768px) {
2421 .header__body { 2421 .header__body {
2422 height: 70px; 2422 height: 70px;
2423 } 2423 }
2424 } 2424 }
2425 .header__left { 2425 .header__left {
2426 display: -webkit-box; 2426 display: -webkit-box;
2427 display: -ms-flexbox; 2427 display: -ms-flexbox;
2428 display: flex; 2428 display: flex;
2429 -webkit-box-align: center; 2429 -webkit-box-align: center;
2430 -ms-flex-align: center; 2430 -ms-flex-align: center;
2431 align-items: center; 2431 align-items: center;
2432 gap: 40px; 2432 gap: 40px;
2433 } 2433 }
2434 .header__right { 2434 .header__right {
2435 display: -webkit-box; 2435 display: -webkit-box;
2436 display: -ms-flexbox; 2436 display: -ms-flexbox;
2437 display: flex; 2437 display: flex;
2438 -webkit-box-align: center; 2438 -webkit-box-align: center;
2439 -ms-flex-align: center; 2439 -ms-flex-align: center;
2440 align-items: center; 2440 align-items: center;
2441 gap: 14px; 2441 gap: 14px;
2442 } 2442 }
2443 @media (min-width: 768px) { 2443 @media (min-width: 768px) {
2444 .header__right { 2444 .header__right {
2445 gap: 20px; 2445 gap: 20px;
2446 } 2446 }
2447 } 2447 }
2448 .header__right-line { 2448 .header__right-line {
2449 width: 1px; 2449 width: 1px;
2450 height: 32px; 2450 height: 32px;
2451 background: #e6e7e7; 2451 background: #e6e7e7;
2452 border-radius: 999px; 2452 border-radius: 999px;
2453 } 2453 }
2454 @media (min-width: 992px) { 2454 @media (min-width: 992px) {
2455 .header__right-line { 2455 .header__right-line {
2456 display: none; 2456 display: none;
2457 } 2457 }
2458 } 2458 }
2459 .header__logo { 2459 .header__logo {
2460 display: -webkit-box; 2460 display: -webkit-box;
2461 display: -ms-flexbox; 2461 display: -ms-flexbox;
2462 display: flex; 2462 display: flex;
2463 -webkit-box-align: center; 2463 -webkit-box-align: center;
2464 -ms-flex-align: center; 2464 -ms-flex-align: center;
2465 align-items: center; 2465 align-items: center;
2466 -webkit-box-pack: center; 2466 -webkit-box-pack: center;
2467 -ms-flex-pack: center; 2467 -ms-flex-pack: center;
2468 justify-content: center; 2468 justify-content: center;
2469 color: #377d87; 2469 color: #377d87;
2470 } 2470 }
2471 .header__logo svg { 2471 .header__logo svg {
2472 width: 105px; 2472 width: 105px;
2473 height: 31px; 2473 height: 31px;
2474 } 2474 }
2475 @media (min-width: 768px) { 2475 @media (min-width: 768px) {
2476 .header__logo svg { 2476 .header__logo svg {
2477 width: 182px; 2477 width: 182px;
2478 height: 54px; 2478 height: 54px;
2479 } 2479 }
2480 } 2480 }
2481 .header__menu { 2481 .header__menu {
2482 display: none; 2482 display: none;
2483 } 2483 }
2484 .header.active-menu{ 2484 .header.active-menu{
2485 position: unset; 2485 position: unset;
2486 } 2486 }
2487 .header.active-menu .header__menu{ 2487 .header.active-menu .header__menu{
2488 position: absolute; 2488 position: absolute;
2489 display: flex; 2489 display: flex;
2490 flex-direction: column; 2490 flex-direction: column;
2491 z-index: 999; 2491 z-index: 999;
2492 top: 48px; 2492 top: 48px;
2493 background: #fff; 2493 background: #fff;
2494 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2494 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2495 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2495 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2496 left: 0; 2496 left: 0;
2497 border: 1px solid #e9e9e9; 2497 border: 1px solid #e9e9e9;
2498 width: 100%; 2498 width: 100%;
2499 } 2499 }
2500 @media (min-width: 768px) { 2500 @media (min-width: 768px) {
2501 .header__menu { 2501 .header__menu {
2502 display: -webkit-box; 2502 display: -webkit-box;
2503 display: -ms-flexbox; 2503 display: -ms-flexbox;
2504 display: flex; 2504 display: flex;
2505 } 2505 }
2506 } 2506 }
2507 .header__menu-item{ 2507 .header__menu-item{
2508 padding: 5px 10px; 2508 padding: 5px 10px;
2509 } 2509 }
2510 .header__menu-item:hover, .header__menu-item:active{ 2510 .header__menu-item:hover, .header__menu-item:active{
2511 border: 1px solid #cfcfcf; 2511 border: 1px solid #cfcfcf;
2512 } 2512 }
2513 .header__menu-item:hover { 2513 .header__menu-item:hover {
2514 color: #377d87; 2514 color: #377d87;
2515 } 2515 }
2516 .header__notifs { 2516 .header__notifs {
2517 display: -webkit-box; 2517 display: -webkit-box;
2518 display: -ms-flexbox; 2518 display: -ms-flexbox;
2519 display: flex; 2519 display: flex;
2520 -webkit-box-align: center; 2520 -webkit-box-align: center;
2521 -ms-flex-align: center; 2521 -ms-flex-align: center;
2522 align-items: center; 2522 align-items: center;
2523 -webkit-box-pack: center; 2523 -webkit-box-pack: center;
2524 -ms-flex-pack: center; 2524 -ms-flex-pack: center;
2525 justify-content: center; 2525 justify-content: center;
2526 color: #377d87; 2526 color: #377d87;
2527 padding: 0; 2527 padding: 0;
2528 border: none; 2528 border: none;
2529 background: none; 2529 background: none;
2530 width: 24px; 2530 width: 24px;
2531 height: 24px; 2531 height: 24px;
2532 } 2532 }
2533 @media (min-width: 992px) { 2533 @media (min-width: 992px) {
2534 .header__notifs { 2534 .header__notifs {
2535 width: auto; 2535 width: auto;
2536 height: auto; 2536 height: auto;
2537 color: #000; 2537 color: #000;
2538 line-height: 1.4; 2538 line-height: 1.4;
2539 } 2539 }
2540 } 2540 }
2541 @media (min-width: 992px) { 2541 @media (min-width: 992px) {
2542 .header__notifs:hover { 2542 .header__notifs:hover {
2543 color: #377d87; 2543 color: #377d87;
2544 } 2544 }
2545 } 2545 }
2546 .header__notifs svg { 2546 .header__notifs svg {
2547 width: 20px; 2547 width: 20px;
2548 height: 20px; 2548 height: 20px;
2549 } 2549 }
2550 @media (min-width: 992px) { 2550 @media (min-width: 992px) {
2551 .header__notifs svg { 2551 .header__notifs svg {
2552 display: none; 2552 display: none;
2553 } 2553 }
2554 } 2554 }
2555 .header__notifs span { 2555 .header__notifs span {
2556 display: none; 2556 display: none;
2557 } 2557 }
2558 @media (min-width: 992px) { 2558 @media (min-width: 992px) {
2559 .header__notifs span { 2559 .header__notifs span {
2560 display: inline; 2560 display: inline;
2561 } 2561 }
2562 } 2562 }
2563 .header__notifs_actived { 2563 .header__notifs_actived {
2564 position: relative; 2564 position: relative;
2565 } 2565 }
2566 @media (min-width: 992px) { 2566 @media (min-width: 992px) {
2567 .header__notifs_actived { 2567 .header__notifs_actived {
2568 padding-right: 12px; 2568 padding-right: 12px;
2569 } 2569 }
2570 } 2570 }
2571 .header__notifs_actived:after { 2571 .header__notifs_actived:after {
2572 content: ""; 2572 content: "";
2573 border: 1px solid #fff; 2573 border: 1px solid #fff;
2574 background: #377d87; 2574 background: #377d87;
2575 border-radius: 999px; 2575 border-radius: 999px;
2576 width: 10px; 2576 width: 10px;
2577 height: 10px; 2577 height: 10px;
2578 position: absolute; 2578 position: absolute;
2579 z-index: 1; 2579 z-index: 1;
2580 top: 0; 2580 top: 0;
2581 right: 0; 2581 right: 0;
2582 } 2582 }
2583 @media (min-width: 992px) { 2583 @media (min-width: 992px) {
2584 .header__notifs_actived:after { 2584 .header__notifs_actived:after {
2585 width: 8px; 2585 width: 8px;
2586 height: 8px; 2586 height: 8px;
2587 border: none; 2587 border: none;
2588 } 2588 }
2589 } 2589 }
2590 .header__burger { 2590 .header__burger {
2591 display: -webkit-box; 2591 display: -webkit-box;
2592 display: -ms-flexbox; 2592 display: -ms-flexbox;
2593 display: flex; 2593 display: flex;
2594 -webkit-box-align: center; 2594 -webkit-box-align: center;
2595 -ms-flex-align: center; 2595 -ms-flex-align: center;
2596 align-items: center; 2596 align-items: center;
2597 -webkit-box-pack: center; 2597 -webkit-box-pack: center;
2598 -ms-flex-pack: center; 2598 -ms-flex-pack: center;
2599 justify-content: center; 2599 justify-content: center;
2600 width: 24px; 2600 width: 24px;
2601 height: 24px; 2601 height: 24px;
2602 color: #377d87; 2602 color: #377d87;
2603 padding: 0; 2603 padding: 0;
2604 border: none; 2604 border: none;
2605 background: none; 2605 background: none;
2606 } 2606 }
2607 @media (min-width: 992px) { 2607 @media (min-width: 992px) {
2608 .header__burger { 2608 .header__burger {
2609 display: none; 2609 display: none;
2610 } 2610 }
2611 } 2611 }
2612 .header__burger svg { 2612 .header__burger svg {
2613 width: 20px; 2613 width: 20px;
2614 height: 20px; 2614 height: 20px;
2615 } 2615 }
2616 .header__burger svg + svg { 2616 .header__burger svg + svg {
2617 display: none; 2617 display: none;
2618 } 2618 }
2619 .header__sign { 2619 .header__sign {
2620 /*display: none;*/ 2620 /*display: none;*/
2621 } 2621 }
2622 @media (min-width: 992px) { 2622 @media (min-width: 992px) {
2623 .header__sign { 2623 .header__sign {
2624 display: -webkit-box; 2624 display: -webkit-box;
2625 display: -ms-flexbox; 2625 display: -ms-flexbox;
2626 display: flex; 2626 display: flex;
2627 } 2627 }
2628 } 2628 }
2629 2629
2630 .mob-menu { 2630 .mob-menu {
2631 display: none; 2631 display: none;
2632 position: fixed; 2632 position: fixed;
2633 bottom: 0; 2633 bottom: 0;
2634 left: 0; 2634 left: 0;
2635 width: 100vw; 2635 width: 100vw;
2636 height: calc(100vh - 42px); 2636 height: calc(100vh - 42px);
2637 z-index: 4; 2637 z-index: 4;
2638 background: #fff; 2638 background: #fff;
2639 overflow: hidden; 2639 overflow: hidden;
2640 overflow-y: auto; 2640 overflow-y: auto;
2641 padding: 50px 0; 2641 padding: 50px 0;
2642 } 2642 }
2643 .mob-menu__bottom { 2643 .mob-menu__bottom {
2644 display: -webkit-box; 2644 display: -webkit-box;
2645 display: -ms-flexbox; 2645 display: -ms-flexbox;
2646 display: flex; 2646 display: flex;
2647 -webkit-box-orient: vertical; 2647 -webkit-box-orient: vertical;
2648 -webkit-box-direction: normal; 2648 -webkit-box-direction: normal;
2649 -ms-flex-direction: column; 2649 -ms-flex-direction: column;
2650 flex-direction: column; 2650 flex-direction: column;
2651 -webkit-box-align: center; 2651 -webkit-box-align: center;
2652 -ms-flex-align: center; 2652 -ms-flex-align: center;
2653 align-items: center; 2653 align-items: center;
2654 margin-top: 80px; 2654 margin-top: 80px;
2655 } 2655 }
2656 .mob-menu__bottom .button { 2656 .mob-menu__bottom .button {
2657 min-width: 120px; 2657 min-width: 120px;
2658 } 2658 }
2659 .mob-menu__bottom-link { 2659 .mob-menu__bottom-link {
2660 text-decoration: underline; 2660 text-decoration: underline;
2661 margin-top: 50px; 2661 margin-top: 50px;
2662 } 2662 }
2663 .mob-menu__bottom-link:hover { 2663 .mob-menu__bottom-link:hover {
2664 color: #377d87; 2664 color: #377d87;
2665 } 2665 }
2666 .mob-menu__bottom-link + .mob-menu__bottom-link { 2666 .mob-menu__bottom-link + .mob-menu__bottom-link {
2667 margin-top: 10px; 2667 margin-top: 10px;
2668 } 2668 }
2669 .mob-menu__bottom .socials { 2669 .mob-menu__bottom .socials {
2670 margin-top: 35px; 2670 margin-top: 35px;
2671 } 2671 }
2672 .mob-menu .footer__mobile-menu { 2672 .mob-menu .footer__mobile-menu {
2673 opacity: 1; 2673 opacity: 1;
2674 height: auto; 2674 height: auto;
2675 overflow: visible; 2675 overflow: visible;
2676 } 2676 }
2677 .mob-menu .footer__mobile-menu-item button { 2677 .mob-menu .footer__mobile-menu-item button {
2678 -webkit-box-align: center; 2678 -webkit-box-align: center;
2679 -ms-flex-align: center; 2679 -ms-flex-align: center;
2680 align-items: center; 2680 align-items: center;
2681 } 2681 }
2682 .mob-menu .footer__mobile-menu-item div { 2682 .mob-menu .footer__mobile-menu-item div {
2683 font-size: 20px; 2683 font-size: 20px;
2684 } 2684 }
2685 .mob-menu .footer__mobile-contacts a { 2685 .mob-menu .footer__mobile-contacts a {
2686 font-size: 20px; 2686 font-size: 20px;
2687 font-weight: 700; 2687 font-weight: 700;
2688 color: #000; 2688 color: #000;
2689 text-decoration: none; 2689 text-decoration: none;
2690 } 2690 }
2691 .mob-menu .footer__mobile-contacts a:hover { 2691 .mob-menu .footer__mobile-contacts a:hover {
2692 color: #377d87; 2692 color: #377d87;
2693 } 2693 }
2694 .mob-menu .footer__mobile-menu-item button b, 2694 .mob-menu .footer__mobile-menu-item button b,
2695 .mob-menu .footer__mobile-contacts a { 2695 .mob-menu .footer__mobile-contacts a {
2696 font-size: 30px; 2696 font-size: 30px;
2697 } 2697 }
2698 2698
2699 .menu-is-actived { 2699 .menu-is-actived {
2700 overflow: hidden; 2700 overflow: hidden;
2701 } 2701 }
2702 @media (min-width: 992px) { 2702 @media (min-width: 992px) {
2703 .menu-is-actived { 2703 .menu-is-actived {
2704 overflow: auto; 2704 overflow: auto;
2705 } 2705 }
2706 } 2706 }
2707 .menu-is-actived .header__burger svg { 2707 .menu-is-actived .header__burger svg {
2708 display: none; 2708 display: none;
2709 } 2709 }
2710 .menu-is-actived .header__burger svg + svg { 2710 .menu-is-actived .header__burger svg + svg {
2711 display: block; 2711 display: block;
2712 } 2712 }
2713 .menu-is-actived .mob-menu { 2713 .menu-is-actived .mob-menu {
2714 display: block; 2714 display: block;
2715 } 2715 }
2716 @media (min-width: 992px) { 2716 @media (min-width: 992px) {
2717 .menu-is-actived .mob-menu { 2717 .menu-is-actived .mob-menu {
2718 display: none; 2718 display: none;
2719 } 2719 }
2720 } 2720 }
2721 2721
2722 .footer { 2722 .footer {
2723 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2723 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2724 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2724 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2725 background: #fff; 2725 background: #fff;
2726 position: relative; 2726 position: relative;
2727 z-index: 1; 2727 z-index: 1;
2728 overflow: hidden; 2728 overflow: hidden;
2729 } 2729 }
2730 .footer__mobile { 2730 .footer__mobile {
2731 display: -webkit-box; 2731 display: -webkit-box;
2732 display: -ms-flexbox; 2732 display: -ms-flexbox;
2733 display: flex; 2733 display: flex;
2734 -webkit-box-orient: vertical; 2734 -webkit-box-orient: vertical;
2735 -webkit-box-direction: normal; 2735 -webkit-box-direction: normal;
2736 -ms-flex-direction: column; 2736 -ms-flex-direction: column;
2737 flex-direction: column; 2737 flex-direction: column;
2738 padding: 25px 0 30px 0; 2738 padding: 25px 0 30px 0;
2739 } 2739 }
2740 @media (min-width: 768px) { 2740 @media (min-width: 768px) {
2741 .footer__mobile { 2741 .footer__mobile {
2742 padding: 30px 0; 2742 padding: 30px 0;
2743 } 2743 }
2744 } 2744 }
2745 @media (min-width: 992px) { 2745 @media (min-width: 992px) {
2746 .footer__mobile { 2746 .footer__mobile {
2747 display: none; 2747 display: none;
2748 } 2748 }
2749 } 2749 }
2750 .footer__mobile-toper { 2750 .footer__mobile-toper {
2751 display: -webkit-box; 2751 display: -webkit-box;
2752 display: -ms-flexbox; 2752 display: -ms-flexbox;
2753 display: flex; 2753 display: flex;
2754 -webkit-box-pack: justify; 2754 -webkit-box-pack: justify;
2755 -ms-flex-pack: justify; 2755 -ms-flex-pack: justify;
2756 justify-content: space-between; 2756 justify-content: space-between;
2757 -webkit-box-align: center; 2757 -webkit-box-align: center;
2758 -ms-flex-align: center; 2758 -ms-flex-align: center;
2759 align-items: center; 2759 align-items: center;
2760 padding: 0; 2760 padding: 0;
2761 border: none; 2761 border: none;
2762 background: none; 2762 background: none;
2763 } 2763 }
2764 .footer__mobile-toper a, 2764 .footer__mobile-toper a,
2765 .footer__mobile-toper b { 2765 .footer__mobile-toper b {
2766 display: -webkit-box; 2766 display: -webkit-box;
2767 display: -ms-flexbox; 2767 display: -ms-flexbox;
2768 display: flex; 2768 display: flex;
2769 -webkit-box-pack: center; 2769 -webkit-box-pack: center;
2770 -ms-flex-pack: center; 2770 -ms-flex-pack: center;
2771 justify-content: center; 2771 justify-content: center;
2772 -webkit-box-align: center; 2772 -webkit-box-align: center;
2773 -ms-flex-align: center; 2773 -ms-flex-align: center;
2774 align-items: center; 2774 align-items: center;
2775 color: #377d87; 2775 color: #377d87;
2776 } 2776 }
2777 .footer__mobile-toper a svg, 2777 .footer__mobile-toper a svg,
2778 .footer__mobile-toper b svg { 2778 .footer__mobile-toper b svg {
2779 width: 137px; 2779 width: 137px;
2780 height: 40px; 2780 height: 40px;
2781 } 2781 }
2782 .footer__mobile-toper span { 2782 .footer__mobile-toper span {
2783 width: 40px; 2783 width: 40px;
2784 height: 40px; 2784 height: 40px;
2785 display: -webkit-box; 2785 display: -webkit-box;
2786 display: -ms-flexbox; 2786 display: -ms-flexbox;
2787 display: flex; 2787 display: flex;
2788 -webkit-box-pack: center; 2788 -webkit-box-pack: center;
2789 -ms-flex-pack: center; 2789 -ms-flex-pack: center;
2790 justify-content: center; 2790 justify-content: center;
2791 -webkit-box-align: center; 2791 -webkit-box-align: center;
2792 -ms-flex-align: center; 2792 -ms-flex-align: center;
2793 align-items: center; 2793 align-items: center;
2794 background: #377d87; 2794 background: #377d87;
2795 color: #fff; 2795 color: #fff;
2796 border-radius: 999px; 2796 border-radius: 999px;
2797 } 2797 }
2798 .footer__mobile-toper span svg { 2798 .footer__mobile-toper span svg {
2799 width: 10px; 2799 width: 10px;
2800 height: 10px; 2800 height: 10px;
2801 -webkit-transition: 0.3s; 2801 -webkit-transition: 0.3s;
2802 transition: 0.3s; 2802 transition: 0.3s;
2803 } 2803 }
2804 .footer__mobile-toper.active span svg { 2804 .footer__mobile-toper.active span svg {
2805 -webkit-transform: rotate(180deg); 2805 -webkit-transform: rotate(180deg);
2806 -ms-transform: rotate(180deg); 2806 -ms-transform: rotate(180deg);
2807 transform: rotate(180deg); 2807 transform: rotate(180deg);
2808 } 2808 }
2809 .footer__mobile-menu { 2809 .footer__mobile-menu {
2810 height: 0; 2810 height: 0;
2811 opacity: 0; 2811 opacity: 0;
2812 overflow: hidden; 2812 overflow: hidden;
2813 -webkit-transition: 0.3s; 2813 -webkit-transition: 0.3s;
2814 transition: 0.3s; 2814 transition: 0.3s;
2815 display: -webkit-box; 2815 display: -webkit-box;
2816 display: -ms-flexbox; 2816 display: -ms-flexbox;
2817 display: flex; 2817 display: flex;
2818 -webkit-box-orient: vertical; 2818 -webkit-box-orient: vertical;
2819 -webkit-box-direction: normal; 2819 -webkit-box-direction: normal;
2820 -ms-flex-direction: column; 2820 -ms-flex-direction: column;
2821 flex-direction: column; 2821 flex-direction: column;
2822 gap: 30px; 2822 gap: 30px;
2823 } 2823 }
2824 @media (min-width: 768px) { 2824 @media (min-width: 768px) {
2825 .footer__mobile-menu { 2825 .footer__mobile-menu {
2826 display: grid; 2826 display: grid;
2827 grid-template-columns: 1fr 1fr; 2827 grid-template-columns: 1fr 1fr;
2828 gap: 100px; 2828 gap: 100px;
2829 } 2829 }
2830 } 2830 }
2831 .footer__mobile-menu-item { 2831 .footer__mobile-menu-item {
2832 display: -webkit-box; 2832 display: -webkit-box;
2833 display: -ms-flexbox; 2833 display: -ms-flexbox;
2834 display: flex; 2834 display: flex;
2835 -webkit-box-orient: vertical; 2835 -webkit-box-orient: vertical;
2836 -webkit-box-direction: normal; 2836 -webkit-box-direction: normal;
2837 -ms-flex-direction: column; 2837 -ms-flex-direction: column;
2838 flex-direction: column; 2838 flex-direction: column;
2839 } 2839 }
2840 .footer__mobile-menu-item button { 2840 .footer__mobile-menu-item button {
2841 display: -webkit-box; 2841 display: -webkit-box;
2842 display: -ms-flexbox; 2842 display: -ms-flexbox;
2843 display: flex; 2843 display: flex;
2844 -webkit-box-align: start; 2844 -webkit-box-align: start;
2845 -ms-flex-align: start; 2845 -ms-flex-align: start;
2846 align-items: flex-start; 2846 align-items: flex-start;
2847 padding: 0; 2847 padding: 0;
2848 border: none; 2848 border: none;
2849 background: none; 2849 background: none;
2850 } 2850 }
2851 .footer__mobile-menu-item button.active { 2851 .footer__mobile-menu-item button.active {
2852 color: #377d87; 2852 color: #377d87;
2853 } 2853 }
2854 .footer__mobile-menu-item button b { 2854 .footer__mobile-menu-item button b {
2855 width: calc(100% - 24px); 2855 width: calc(100% - 24px);
2856 padding-right: 12px; 2856 padding-right: 12px;
2857 min-height: 24px; 2857 min-height: 24px;
2858 display: -webkit-box; 2858 display: -webkit-box;
2859 display: -ms-flexbox; 2859 display: -ms-flexbox;
2860 display: flex; 2860 display: flex;
2861 -webkit-box-align: center; 2861 -webkit-box-align: center;
2862 -ms-flex-align: center; 2862 -ms-flex-align: center;
2863 align-items: center; 2863 align-items: center;
2864 font-size: 20px; 2864 font-size: 20px;
2865 font-weight: 700; 2865 font-weight: 700;
2866 } 2866 }
2867 .footer__mobile-menu-item button span { 2867 .footer__mobile-menu-item button span {
2868 width: 24px; 2868 width: 24px;
2869 height: 24px; 2869 height: 24px;
2870 display: -webkit-box; 2870 display: -webkit-box;
2871 display: -ms-flexbox; 2871 display: -ms-flexbox;
2872 display: flex; 2872 display: flex;
2873 -webkit-box-pack: center; 2873 -webkit-box-pack: center;
2874 -ms-flex-pack: center; 2874 -ms-flex-pack: center;
2875 justify-content: center; 2875 justify-content: center;
2876 -webkit-box-align: center; 2876 -webkit-box-align: center;
2877 -ms-flex-align: center; 2877 -ms-flex-align: center;
2878 align-items: center; 2878 align-items: center;
2879 padding: 0; 2879 padding: 0;
2880 border: none; 2880 border: none;
2881 background: none; 2881 background: none;
2882 } 2882 }
2883 .footer__mobile-menu-item button svg { 2883 .footer__mobile-menu-item button svg {
2884 width: 12px; 2884 width: 12px;
2885 height: 12px; 2885 height: 12px;
2886 -webkit-transition: 0.3s; 2886 -webkit-transition: 0.3s;
2887 transition: 0.3s; 2887 transition: 0.3s;
2888 -webkit-transform: rotate(180deg); 2888 -webkit-transform: rotate(180deg);
2889 -ms-transform: rotate(180deg); 2889 -ms-transform: rotate(180deg);
2890 transform: rotate(180deg); 2890 transform: rotate(180deg);
2891 } 2891 }
2892 .footer__mobile-menu-item button.active svg { 2892 .footer__mobile-menu-item button.active svg {
2893 -webkit-transform: rotate(0deg); 2893 -webkit-transform: rotate(0deg);
2894 -ms-transform: rotate(0deg); 2894 -ms-transform: rotate(0deg);
2895 transform: rotate(0deg); 2895 transform: rotate(0deg);
2896 } 2896 }
2897 .footer__mobile-menu-item div { 2897 .footer__mobile-menu-item div {
2898 height: 0; 2898 height: 0;
2899 opacity: 0; 2899 opacity: 0;
2900 overflow: hidden; 2900 overflow: hidden;
2901 -webkit-transition: 0.3s; 2901 -webkit-transition: 0.3s;
2902 transition: 0.3s; 2902 transition: 0.3s;
2903 display: -webkit-box; 2903 display: -webkit-box;
2904 display: -ms-flexbox; 2904 display: -ms-flexbox;
2905 display: flex; 2905 display: flex;
2906 -webkit-box-orient: vertical; 2906 -webkit-box-orient: vertical;
2907 -webkit-box-direction: normal; 2907 -webkit-box-direction: normal;
2908 -ms-flex-direction: column; 2908 -ms-flex-direction: column;
2909 flex-direction: column; 2909 flex-direction: column;
2910 gap: 15px; 2910 gap: 15px;
2911 } 2911 }
2912 .footer__mobile-menu-item div a:hover { 2912 .footer__mobile-menu-item div a:hover {
2913 color: #377d87; 2913 color: #377d87;
2914 } 2914 }
2915 .footer__mobile-menu-item .active + div { 2915 .footer__mobile-menu-item .active + div {
2916 opacity: 1; 2916 opacity: 1;
2917 height: auto; 2917 height: auto;
2918 overflow: visible; 2918 overflow: visible;
2919 padding-top: 15px; 2919 padding-top: 15px;
2920 } 2920 }
2921 .active + .footer__mobile-menu { 2921 .active + .footer__mobile-menu {
2922 opacity: 1; 2922 opacity: 1;
2923 height: auto; 2923 height: auto;
2924 overflow: visible; 2924 overflow: visible;
2925 padding-top: 35px; 2925 padding-top: 35px;
2926 } 2926 }
2927 .footer__mobile-contacts { 2927 .footer__mobile-contacts {
2928 display: -webkit-box; 2928 display: -webkit-box;
2929 display: -ms-flexbox; 2929 display: -ms-flexbox;
2930 display: flex; 2930 display: flex;
2931 -webkit-box-pack: justify; 2931 -webkit-box-pack: justify;
2932 -ms-flex-pack: justify; 2932 -ms-flex-pack: justify;
2933 justify-content: space-between; 2933 justify-content: space-between;
2934 -webkit-box-align: start; 2934 -webkit-box-align: start;
2935 -ms-flex-align: start; 2935 -ms-flex-align: start;
2936 align-items: flex-start; 2936 align-items: flex-start;
2937 -ms-flex-wrap: wrap; 2937 -ms-flex-wrap: wrap;
2938 flex-wrap: wrap; 2938 flex-wrap: wrap;
2939 margin-top: 30px; 2939 margin-top: 30px;
2940 } 2940 }
2941 .footer__mobile-contacts b { 2941 .footer__mobile-contacts b {
2942 font-size: 20px; 2942 font-size: 20px;
2943 font-weight: 700; 2943 font-weight: 700;
2944 width: 100%; 2944 width: 100%;
2945 margin-bottom: 20px; 2945 margin-bottom: 20px;
2946 } 2946 }
2947 .footer__mobile-contacts a { 2947 .footer__mobile-contacts a {
2948 color: #377d87; 2948 color: #377d87;
2949 text-decoration: underline; 2949 text-decoration: underline;
2950 } 2950 }
2951 .footer__mobile-contacts a + a { 2951 .footer__mobile-contacts a + a {
2952 color: #000; 2952 color: #000;
2953 } 2953 }
2954 .footer__mobile-bottom { 2954 .footer__mobile-bottom {
2955 display: -webkit-box; 2955 display: -webkit-box;
2956 display: -ms-flexbox; 2956 display: -ms-flexbox;
2957 display: flex; 2957 display: flex;
2958 -webkit-box-orient: vertical; 2958 -webkit-box-orient: vertical;
2959 -webkit-box-direction: normal; 2959 -webkit-box-direction: normal;
2960 -ms-flex-direction: column; 2960 -ms-flex-direction: column;
2961 flex-direction: column; 2961 flex-direction: column;
2962 -webkit-box-align: center; 2962 -webkit-box-align: center;
2963 -ms-flex-align: center; 2963 -ms-flex-align: center;
2964 align-items: center; 2964 align-items: center;
2965 text-align: center; 2965 text-align: center;
2966 gap: 20px; 2966 gap: 20px;
2967 margin-top: 100px; 2967 margin-top: 100px;
2968 } 2968 }
2969 .footer__mobile-links { 2969 .footer__mobile-links {
2970 display: -webkit-box; 2970 display: -webkit-box;
2971 display: -ms-flexbox; 2971 display: -ms-flexbox;
2972 display: flex; 2972 display: flex;
2973 -webkit-box-orient: vertical; 2973 -webkit-box-orient: vertical;
2974 -webkit-box-direction: normal; 2974 -webkit-box-direction: normal;
2975 -ms-flex-direction: column; 2975 -ms-flex-direction: column;
2976 flex-direction: column; 2976 flex-direction: column;
2977 -webkit-box-align: center; 2977 -webkit-box-align: center;
2978 -ms-flex-align: center; 2978 -ms-flex-align: center;
2979 align-items: center; 2979 align-items: center;
2980 gap: 10px; 2980 gap: 10px;
2981 } 2981 }
2982 .footer__mobile-links a:hover { 2982 .footer__mobile-links a:hover {
2983 color: #377d87; 2983 color: #377d87;
2984 } 2984 }
2985 .footer__mobile-links span { 2985 .footer__mobile-links span {
2986 width: 60px; 2986 width: 60px;
2987 height: 1px; 2987 height: 1px;
2988 background: #377d87; 2988 background: #377d87;
2989 } 2989 }
2990 .footer__main { 2990 .footer__main {
2991 display: none; 2991 display: none;
2992 padding: 55px 0 20px 0; 2992 padding: 55px 0 20px 0;
2993 -webkit-box-orient: vertical; 2993 -webkit-box-orient: vertical;
2994 -webkit-box-direction: normal; 2994 -webkit-box-direction: normal;
2995 -ms-flex-direction: column; 2995 -ms-flex-direction: column;
2996 flex-direction: column; 2996 flex-direction: column;
2997 gap: 70px; 2997 gap: 70px;
2998 } 2998 }
2999 @media (min-width: 992px) { 2999 @media (min-width: 992px) {
3000 .footer__main { 3000 .footer__main {
3001 display: -webkit-box; 3001 display: -webkit-box;
3002 display: -ms-flexbox; 3002 display: -ms-flexbox;
3003 display: flex; 3003 display: flex;
3004 } 3004 }
3005 } 3005 }
3006 .footer__main-body { 3006 .footer__main-body {
3007 display: -webkit-box; 3007 display: -webkit-box;
3008 display: -ms-flexbox; 3008 display: -ms-flexbox;
3009 display: flex; 3009 display: flex;
3010 -webkit-box-pack: justify; 3010 -webkit-box-pack: justify;
3011 -ms-flex-pack: justify; 3011 -ms-flex-pack: justify;
3012 justify-content: space-between; 3012 justify-content: space-between;
3013 -webkit-box-align: start; 3013 -webkit-box-align: start;
3014 -ms-flex-align: start; 3014 -ms-flex-align: start;
3015 align-items: flex-start; 3015 align-items: flex-start;
3016 } 3016 }
3017 .footer__main-logo { 3017 .footer__main-logo {
3018 display: -webkit-box; 3018 display: -webkit-box;
3019 display: -ms-flexbox; 3019 display: -ms-flexbox;
3020 display: flex; 3020 display: flex;
3021 -webkit-box-pack: center; 3021 -webkit-box-pack: center;
3022 -ms-flex-pack: center; 3022 -ms-flex-pack: center;
3023 justify-content: center; 3023 justify-content: center;
3024 -webkit-box-align: center; 3024 -webkit-box-align: center;
3025 -ms-flex-align: center; 3025 -ms-flex-align: center;
3026 align-items: center; 3026 align-items: center;
3027 color: #377d87; 3027 color: #377d87;
3028 } 3028 }
3029 .footer__main-logo svg { 3029 .footer__main-logo svg {
3030 width: 182px; 3030 width: 182px;
3031 height: 54px; 3031 height: 54px;
3032 } 3032 }
3033 .footer__main-title { 3033 .footer__main-title {
3034 font-size: 20px; 3034 font-size: 20px;
3035 font-weight: 700; 3035 font-weight: 700;
3036 margin-bottom: 16px; 3036 margin-bottom: 16px;
3037 } 3037 }
3038 .footer__main-col { 3038 .footer__main-col {
3039 display: -webkit-box; 3039 display: -webkit-box;
3040 display: -ms-flexbox; 3040 display: -ms-flexbox;
3041 display: flex; 3041 display: flex;
3042 -webkit-box-orient: vertical; 3042 -webkit-box-orient: vertical;
3043 -webkit-box-direction: normal; 3043 -webkit-box-direction: normal;
3044 -ms-flex-direction: column; 3044 -ms-flex-direction: column;
3045 flex-direction: column; 3045 flex-direction: column;
3046 -webkit-box-align: start; 3046 -webkit-box-align: start;
3047 -ms-flex-align: start; 3047 -ms-flex-align: start;
3048 align-items: flex-start; 3048 align-items: flex-start;
3049 } 3049 }
3050 .footer__main-col nav { 3050 .footer__main-col nav {
3051 display: -webkit-box; 3051 display: -webkit-box;
3052 display: -ms-flexbox; 3052 display: -ms-flexbox;
3053 display: flex; 3053 display: flex;
3054 -webkit-box-orient: vertical; 3054 -webkit-box-orient: vertical;
3055 -webkit-box-direction: normal; 3055 -webkit-box-direction: normal;
3056 -ms-flex-direction: column; 3056 -ms-flex-direction: column;
3057 flex-direction: column; 3057 flex-direction: column;
3058 -webkit-box-align: start; 3058 -webkit-box-align: start;
3059 -ms-flex-align: start; 3059 -ms-flex-align: start;
3060 align-items: flex-start; 3060 align-items: flex-start;
3061 gap: 8px; 3061 gap: 8px;
3062 } 3062 }
3063 .footer__main-col nav a:hover { 3063 .footer__main-col nav a:hover {
3064 color: #377d87; 3064 color: #377d87;
3065 } 3065 }
3066 .footer__main-contacts { 3066 .footer__main-contacts {
3067 display: -webkit-box; 3067 display: -webkit-box;
3068 display: -ms-flexbox; 3068 display: -ms-flexbox;
3069 display: flex; 3069 display: flex;
3070 -webkit-box-orient: vertical; 3070 -webkit-box-orient: vertical;
3071 -webkit-box-direction: normal; 3071 -webkit-box-direction: normal;
3072 -ms-flex-direction: column; 3072 -ms-flex-direction: column;
3073 flex-direction: column; 3073 flex-direction: column;
3074 -webkit-box-align: start; 3074 -webkit-box-align: start;
3075 -ms-flex-align: start; 3075 -ms-flex-align: start;
3076 align-items: flex-start; 3076 align-items: flex-start;
3077 gap: 16px; 3077 gap: 16px;
3078 margin-bottom: 16px; 3078 margin-bottom: 16px;
3079 } 3079 }
3080 .footer__main-contacts a { 3080 .footer__main-contacts a {
3081 color: #377d87; 3081 color: #377d87;
3082 text-decoration: underline; 3082 text-decoration: underline;
3083 } 3083 }
3084 .footer__main-contacts a + a { 3084 .footer__main-contacts a + a {
3085 color: #000; 3085 color: #000;
3086 } 3086 }
3087 .footer__main-copy { 3087 .footer__main-copy {
3088 display: -webkit-box; 3088 display: -webkit-box;
3089 display: -ms-flexbox; 3089 display: -ms-flexbox;
3090 display: flex; 3090 display: flex;
3091 -webkit-box-pack: justify; 3091 -webkit-box-pack: justify;
3092 -ms-flex-pack: justify; 3092 -ms-flex-pack: justify;
3093 justify-content: space-between; 3093 justify-content: space-between;
3094 -webkit-box-align: center; 3094 -webkit-box-align: center;
3095 -ms-flex-align: center; 3095 -ms-flex-align: center;
3096 align-items: center; 3096 align-items: center;
3097 font-size: 14px; 3097 font-size: 14px;
3098 line-height: 1.4; 3098 line-height: 1.4;
3099 } 3099 }
3100 .footer__main-copy nav { 3100 .footer__main-copy nav {
3101 display: -webkit-box; 3101 display: -webkit-box;
3102 display: -ms-flexbox; 3102 display: -ms-flexbox;
3103 display: flex; 3103 display: flex;
3104 -webkit-box-align: center; 3104 -webkit-box-align: center;
3105 -ms-flex-align: center; 3105 -ms-flex-align: center;
3106 align-items: center; 3106 align-items: center;
3107 gap: 10px; 3107 gap: 10px;
3108 } 3108 }
3109 .footer__main-copy nav a:hover { 3109 .footer__main-copy nav a:hover {
3110 color: #377d87; 3110 color: #377d87;
3111 } 3111 }
3112 .footer__main-copy nav span { 3112 .footer__main-copy nav span {
3113 width: 1px; 3113 width: 1px;
3114 height: 20px; 3114 height: 20px;
3115 background: #000; 3115 background: #000;
3116 } 3116 }
3117 3117
3118 .main { 3118 .main {
3119 position: relative; 3119 position: relative;
3120 overflow: hidden; 3120 overflow: hidden;
3121 padding: 30px 0; 3121 padding: 30px 0;
3122 } 3122 }
3123 @media (min-width: 768px) { 3123 @media (min-width: 768px) {
3124 .main { 3124 .main {
3125 padding: 40px 0; 3125 padding: 40px 0;
3126 } 3126 }
3127 } 3127 }
3128 @media (min-width: 992px) { 3128 @media (min-width: 992px) {
3129 .main { 3129 .main {
3130 padding: 50px 0; 3130 padding: 50px 0;
3131 } 3131 }
3132 } 3132 }
3133 @media (min-width: 1280px) { 3133 @media (min-width: 1280px) {
3134 .main { 3134 .main {
3135 padding: 60px 0; 3135 padding: 60px 0;
3136 } 3136 }
3137 } 3137 }
3138 .main h2 { 3138 .main h2 {
3139 margin: 0; 3139 margin: 0;
3140 font-weight: 700; 3140 font-weight: 700;
3141 font-size: 30px; 3141 font-size: 30px;
3142 } 3142 }
3143 @media (min-width: 768px) { 3143 @media (min-width: 768px) {
3144 .main h2 { 3144 .main h2 {
3145 font-size: 44px; 3145 font-size: 44px;
3146 } 3146 }
3147 } 3147 }
3148 .main h3 { 3148 .main h3 {
3149 margin: 0; 3149 margin: 0;
3150 font-weight: 700; 3150 font-weight: 700;
3151 font-size: 22px; 3151 font-size: 22px;
3152 } 3152 }
3153 @media (min-width: 768px) { 3153 @media (min-width: 768px) {
3154 .main h3 { 3154 .main h3 {
3155 font-size: 28px; 3155 font-size: 28px;
3156 } 3156 }
3157 } 3157 }
3158 .main p { 3158 .main p {
3159 margin: 0; 3159 margin: 0;
3160 font-size: 14px; 3160 font-size: 14px;
3161 line-height: 1.4; 3161 line-height: 1.4;
3162 } 3162 }
3163 @media (min-width: 768px) { 3163 @media (min-width: 768px) {
3164 .main p { 3164 .main p {
3165 font-size: 18px; 3165 font-size: 18px;
3166 } 3166 }
3167 } 3167 }
3168 .main p a { 3168 .main p a {
3169 color: #4d88d9; 3169 color: #4d88d9;
3170 } 3170 }
3171 .main p a:hover { 3171 .main p a:hover {
3172 color: #377d87; 3172 color: #377d87;
3173 } 3173 }
3174 .main__breadcrumbs { 3174 .main__breadcrumbs {
3175 margin-bottom: 20px; 3175 margin-bottom: 20px;
3176 } 3176 }
3177 @media (min-width: 768px) { 3177 @media (min-width: 768px) {
3178 .main__breadcrumbs { 3178 .main__breadcrumbs {
3179 margin-bottom: 40px; 3179 margin-bottom: 40px;
3180 } 3180 }
3181 } 3181 }
3182 .main__content { 3182 .main__content {
3183 display: -webkit-box; 3183 display: -webkit-box;
3184 display: -ms-flexbox; 3184 display: -ms-flexbox;
3185 display: flex; 3185 display: flex;
3186 -webkit-box-orient: vertical; 3186 -webkit-box-orient: vertical;
3187 -webkit-box-direction: normal; 3187 -webkit-box-direction: normal;
3188 -ms-flex-direction: column; 3188 -ms-flex-direction: column;
3189 flex-direction: column; 3189 flex-direction: column;
3190 gap: 20px; 3190 gap: 20px;
3191 font-size: 14px; 3191 font-size: 14px;
3192 } 3192 }
3193 @media (min-width: 992px) { 3193 @media (min-width: 992px) {
3194 .main__content { 3194 .main__content {
3195 font-size: 18px; 3195 font-size: 18px;
3196 gap: 32px; 3196 gap: 32px;
3197 } 3197 }
3198 } 3198 }
3199 .main__content-item { 3199 .main__content-item {
3200 display: -webkit-box; 3200 display: -webkit-box;
3201 display: -ms-flexbox; 3201 display: -ms-flexbox;
3202 display: flex; 3202 display: flex;
3203 -webkit-box-orient: vertical; 3203 -webkit-box-orient: vertical;
3204 -webkit-box-direction: normal; 3204 -webkit-box-direction: normal;
3205 -ms-flex-direction: column; 3205 -ms-flex-direction: column;
3206 flex-direction: column; 3206 flex-direction: column;
3207 gap: 16px; 3207 gap: 16px;
3208 } 3208 }
3209 .main__content h1, 3209 .main__content h1,
3210 .main__content h2, 3210 .main__content h2,
3211 .main__content h3, 3211 .main__content h3,
3212 .main__content h4, 3212 .main__content h4,
3213 .main__content h5, 3213 .main__content h5,
3214 .main__content h6 { 3214 .main__content h6 {
3215 color: #000; 3215 color: #000;
3216 } 3216 }
3217 .main__content ul, 3217 .main__content ul,
3218 .main__content ol { 3218 .main__content ol {
3219 padding: 0; 3219 padding: 0;
3220 margin: 0; 3220 margin: 0;
3221 padding-left: 20px; 3221 padding-left: 20px;
3222 display: -webkit-box; 3222 display: -webkit-box;
3223 display: -ms-flexbox; 3223 display: -ms-flexbox;
3224 display: flex; 3224 display: flex;
3225 -webkit-box-orient: vertical; 3225 -webkit-box-orient: vertical;
3226 -webkit-box-direction: normal; 3226 -webkit-box-direction: normal;
3227 -ms-flex-direction: column; 3227 -ms-flex-direction: column;
3228 flex-direction: column; 3228 flex-direction: column;
3229 gap: 8px; 3229 gap: 8px;
3230 } 3230 }
3231 @media (min-width: 992px) { 3231 @media (min-width: 992px) {
3232 .main__content ul, 3232 .main__content ul,
3233 .main__content ol { 3233 .main__content ol {
3234 gap: 16px; 3234 gap: 16px;
3235 padding-left: 30px; 3235 padding-left: 30px;
3236 } 3236 }
3237 } 3237 }
3238 .main__content li ul, 3238 .main__content li ul,
3239 .main__content li ol { 3239 .main__content li ol {
3240 margin-top: 8px; 3240 margin-top: 8px;
3241 } 3241 }
3242 @media (min-width: 992px) { 3242 @media (min-width: 992px) {
3243 .main__content li ul, 3243 .main__content li ul,
3244 .main__content li ol { 3244 .main__content li ol {
3245 margin-top: 16px; 3245 margin-top: 16px;
3246 } 3246 }
3247 } 3247 }
3248 .main__content li ul li, 3248 .main__content li ul li,
3249 .main__content li ol li { 3249 .main__content li ol li {
3250 list-style-type: disc; 3250 list-style-type: disc;
3251 } 3251 }
3252 .main__gallery { 3252 .main__gallery {
3253 display: -webkit-box; 3253 display: -webkit-box;
3254 display: -ms-flexbox; 3254 display: -ms-flexbox;
3255 display: flex; 3255 display: flex;
3256 -webkit-box-orient: vertical; 3256 -webkit-box-orient: vertical;
3257 -webkit-box-direction: normal; 3257 -webkit-box-direction: normal;
3258 -ms-flex-direction: column; 3258 -ms-flex-direction: column;
3259 flex-direction: column; 3259 flex-direction: column;
3260 gap: 20px; 3260 gap: 20px;
3261 } 3261 }
3262 @media (min-width: 768px) { 3262 @media (min-width: 768px) {
3263 .main__gallery { 3263 .main__gallery {
3264 display: grid; 3264 display: grid;
3265 grid-template-columns: repeat(2, 1fr); 3265 grid-template-columns: repeat(2, 1fr);
3266 } 3266 }
3267 } 3267 }
3268 @media (min-width: 992px) { 3268 @media (min-width: 992px) {
3269 .main__gallery { 3269 .main__gallery {
3270 grid-template-columns: repeat(3, 1fr); 3270 grid-template-columns: repeat(3, 1fr);
3271 } 3271 }
3272 } 3272 }
3273 .main__gallery-item { 3273 .main__gallery-item {
3274 width: 100%; 3274 width: 100%;
3275 aspect-ratio: 400/224; 3275 aspect-ratio: 400/224;
3276 border-radius: 30px; 3276 border-radius: 30px;
3277 position: relative; 3277 position: relative;
3278 overflow: hidden; 3278 overflow: hidden;
3279 } 3279 }
3280 .main__gallery-item:hover { 3280 .main__gallery-item:hover {
3281 -webkit-filter: brightness(1.1); 3281 -webkit-filter: brightness(1.1);
3282 filter: brightness(1.1); 3282 filter: brightness(1.1);
3283 } 3283 }
3284 .main__gallery-item img { 3284 .main__gallery-item img {
3285 position: absolute; 3285 position: absolute;
3286 top: 0; 3286 top: 0;
3287 left: 0; 3287 left: 0;
3288 width: 100%; 3288 width: 100%;
3289 height: 100%; 3289 height: 100%;
3290 -o-object-fit: cover; 3290 -o-object-fit: cover;
3291 object-fit: cover; 3291 object-fit: cover;
3292 } 3292 }
3293 .main__employers { 3293 .main__employers {
3294 display: -webkit-box; 3294 display: -webkit-box;
3295 display: -ms-flexbox; 3295 display: -ms-flexbox;
3296 display: flex; 3296 display: flex;
3297 -webkit-box-orient: vertical; 3297 -webkit-box-orient: vertical;
3298 -webkit-box-direction: normal; 3298 -webkit-box-direction: normal;
3299 -ms-flex-direction: column; 3299 -ms-flex-direction: column;
3300 flex-direction: column; 3300 flex-direction: column;
3301 gap: 10px; 3301 gap: 10px;
3302 } 3302 }
3303 @media (min-width: 768px) { 3303 @media (min-width: 768px) {
3304 .main__employers { 3304 .main__employers {
3305 gap: 30px; 3305 gap: 30px;
3306 } 3306 }
3307 } 3307 }
3308 .main__employers-body { 3308 .main__employers-body {
3309 display: none; 3309 display: none;
3310 -webkit-box-orient: vertical; 3310 -webkit-box-orient: vertical;
3311 -webkit-box-direction: normal; 3311 -webkit-box-direction: normal;
3312 -ms-flex-direction: column; 3312 -ms-flex-direction: column;
3313 flex-direction: column; 3313 flex-direction: column;
3314 gap: 20px; 3314 gap: 20px;
3315 } 3315 }
3316 @media (min-width: 992px) { 3316 @media (min-width: 992px) {
3317 .main__employers-body { 3317 .main__employers-body {
3318 gap: 30px; 3318 gap: 30px;
3319 } 3319 }
3320 } 3320 }
3321 .main__employers-body.showed { 3321 .main__employers-body.showed {
3322 display: -webkit-box; 3322 display: -webkit-box;
3323 display: -ms-flexbox; 3323 display: -ms-flexbox;
3324 display: flex; 3324 display: flex;
3325 } 3325 }
3326 .main__employers-item { 3326 .main__employers-item {
3327 display: -webkit-box; 3327 display: -webkit-box;
3328 display: -ms-flexbox; 3328 display: -ms-flexbox;
3329 display: flex; 3329 display: flex;
3330 -webkit-box-orient: vertical; 3330 -webkit-box-orient: vertical;
3331 -webkit-box-direction: normal; 3331 -webkit-box-direction: normal;
3332 -ms-flex-direction: column; 3332 -ms-flex-direction: column;
3333 flex-direction: column; 3333 flex-direction: column;
3334 border: 1px solid #cecece; 3334 border: 1px solid #cecece;
3335 border-radius: 8px; 3335 border-radius: 8px;
3336 position: relative; 3336 position: relative;
3337 overflow: hidden; 3337 overflow: hidden;
3338 padding: 10px; 3338 padding: 10px;
3339 padding-top: 50px; 3339 padding-top: 50px;
3340 padding-bottom: 30px; 3340 padding-bottom: 30px;
3341 } 3341 }
3342 @media (min-width: 768px) { 3342 @media (min-width: 768px) {
3343 .main__employers-item { 3343 .main__employers-item {
3344 -webkit-box-orient: horizontal; 3344 -webkit-box-orient: horizontal;
3345 -webkit-box-direction: normal; 3345 -webkit-box-direction: normal;
3346 -ms-flex-direction: row; 3346 -ms-flex-direction: row;
3347 flex-direction: row; 3347 flex-direction: row;
3348 -webkit-box-align: center; 3348 -webkit-box-align: center;
3349 -ms-flex-align: center; 3349 -ms-flex-align: center;
3350 align-items: center; 3350 align-items: center;
3351 -webkit-box-pack: justify; 3351 -webkit-box-pack: justify;
3352 -ms-flex-pack: justify; 3352 -ms-flex-pack: justify;
3353 justify-content: space-between; 3353 justify-content: space-between;
3354 padding: 55px 20px; 3354 padding: 55px 20px;
3355 } 3355 }
3356 } 3356 }
3357 @media (min-width: 1280px) { 3357 @media (min-width: 1280px) {
3358 .main__employers-item { 3358 .main__employers-item {
3359 padding-left: 55px; 3359 padding-left: 55px;
3360 } 3360 }
3361 } 3361 }
3362 .main__employers-item-inner { 3362 .main__employers-item-inner {
3363 display: -webkit-box; 3363 display: -webkit-box;
3364 display: -ms-flexbox; 3364 display: -ms-flexbox;
3365 display: flex; 3365 display: flex;
3366 -webkit-box-orient: vertical; 3366 -webkit-box-orient: vertical;
3367 -webkit-box-direction: normal; 3367 -webkit-box-direction: normal;
3368 -ms-flex-direction: column; 3368 -ms-flex-direction: column;
3369 flex-direction: column; 3369 flex-direction: column;
3370 } 3370 }
3371 @media (min-width: 768px) { 3371 @media (min-width: 768px) {
3372 .main__employers-item-inner { 3372 .main__employers-item-inner {
3373 width: calc(100% - 200px); 3373 width: calc(100% - 200px);
3374 padding-right: 40px; 3374 padding-right: 40px;
3375 } 3375 }
3376 } 3376 }
3377 @media (min-width: 992px) { 3377 @media (min-width: 992px) {
3378 .main__employers-item-inner { 3378 .main__employers-item-inner {
3379 -webkit-box-orient: horizontal; 3379 -webkit-box-orient: horizontal;
3380 -webkit-box-direction: normal; 3380 -webkit-box-direction: normal;
3381 -ms-flex-direction: row; 3381 -ms-flex-direction: row;
3382 flex-direction: row; 3382 flex-direction: row;
3383 -webkit-box-align: center; 3383 -webkit-box-align: center;
3384 -ms-flex-align: center; 3384 -ms-flex-align: center;
3385 align-items: center; 3385 align-items: center;
3386 } 3386 }
3387 } 3387 }
3388 .main__employers-item-pic { 3388 .main__employers-item-pic {
3389 height: 30px; 3389 height: 30px;
3390 position: absolute; 3390 position: absolute;
3391 top: 10px; 3391 top: 10px;
3392 left: 10px; 3392 left: 10px;
3393 } 3393 }
3394 @media (min-width: 768px) { 3394 @media (min-width: 768px) {
3395 .main__employers-item-pic { 3395 .main__employers-item-pic {
3396 position: static; 3396 position: static;
3397 width: 150px; 3397 width: 150px;
3398 height: auto; 3398 height: auto;
3399 max-height: 150px; 3399 max-height: 150px;
3400 -o-object-fit: contain; 3400 -o-object-fit: contain;
3401 object-fit: contain; 3401 object-fit: contain;
3402 } 3402 }
3403 } 3403 }
3404 .main__employers-item-body { 3404 .main__employers-item-body {
3405 font-size: 12px; 3405 font-size: 12px;
3406 display: -webkit-box; 3406 display: -webkit-box;
3407 display: -ms-flexbox; 3407 display: -ms-flexbox;
3408 display: flex; 3408 display: flex;
3409 -webkit-box-orient: vertical; 3409 -webkit-box-orient: vertical;
3410 -webkit-box-direction: normal; 3410 -webkit-box-direction: normal;
3411 -ms-flex-direction: column; 3411 -ms-flex-direction: column;
3412 flex-direction: column; 3412 flex-direction: column;
3413 gap: 10px; 3413 gap: 10px;
3414 } 3414 }
3415 @media (min-width: 768px) { 3415 @media (min-width: 768px) {
3416 .main__employers-item-body { 3416 .main__employers-item-body {
3417 font-size: 16px; 3417 font-size: 16px;
3418 padding-top: 20px; 3418 padding-top: 20px;
3419 } 3419 }
3420 } 3420 }
3421 @media (min-width: 992px) { 3421 @media (min-width: 992px) {
3422 .main__employers-item-body { 3422 .main__employers-item-body {
3423 width: calc(100% - 150px); 3423 width: calc(100% - 150px);
3424 padding: 0; 3424 padding: 0;
3425 padding-left: 40px; 3425 padding-left: 40px;
3426 } 3426 }
3427 } 3427 }
3428 .main__employers-item-body b { 3428 .main__employers-item-body b {
3429 font-weight: 700; 3429 font-weight: 700;
3430 } 3430 }
3431 @media (min-width: 768px) { 3431 @media (min-width: 768px) {
3432 .main__employers-item-body b { 3432 .main__employers-item-body b {
3433 font-size: 20px; 3433 font-size: 20px;
3434 } 3434 }
3435 } 3435 }
3436 .main__employers-item-body i { 3436 .main__employers-item-body i {
3437 font-style: normal; 3437 font-style: normal;
3438 color: #000; 3438 color: #000;
3439 } 3439 }
3440 .main__employers-item-more { 3440 .main__employers-item-more {
3441 position: absolute; 3441 position: absolute;
3442 top: 10px; 3442 top: 10px;
3443 right: 10px; 3443 right: 10px;
3444 } 3444 }
3445 @media (min-width: 768px) { 3445 @media (min-width: 768px) {
3446 .main__employers-item-more { 3446 .main__employers-item-more {
3447 width: 200px; 3447 width: 200px;
3448 padding: 0; 3448 padding: 0;
3449 position: static; 3449 position: static;
3450 } 3450 }
3451 } 3451 }
3452 .main__employers-item-label { 3452 .main__employers-item-label {
3453 background: #4d88d9; 3453 background: #4d88d9;
3454 color: #fff; 3454 color: #fff;
3455 border-radius: 6px; 3455 border-radius: 6px;
3456 width: 100%; 3456 width: 100%;
3457 height: 20px; 3457 height: 20px;
3458 display: -webkit-box; 3458 display: -webkit-box;
3459 display: -ms-flexbox; 3459 display: -ms-flexbox;
3460 display: flex; 3460 display: flex;
3461 -webkit-box-align: center; 3461 -webkit-box-align: center;
3462 -ms-flex-align: center; 3462 -ms-flex-align: center;
3463 align-items: center; 3463 align-items: center;
3464 padding: 0 12px; 3464 padding: 0 12px;
3465 position: absolute; 3465 position: absolute;
3466 bottom: 0; 3466 bottom: 0;
3467 left: 0; 3467 left: 0;
3468 font-size: 12px; 3468 font-size: 12px;
3469 line-height: 1; 3469 line-height: 1;
3470 } 3470 }
3471 @media (min-width: 768px) { 3471 @media (min-width: 768px) {
3472 .main__employers-item-label { 3472 .main__employers-item-label {
3473 max-width: 350px; 3473 max-width: 350px;
3474 height: 30px; 3474 height: 30px;
3475 font-size: 15px; 3475 font-size: 15px;
3476 } 3476 }
3477 } 3477 }
3478 .main__employers-item-label svg { 3478 .main__employers-item-label svg {
3479 width: 8px; 3479 width: 8px;
3480 height: 8px; 3480 height: 8px;
3481 } 3481 }
3482 @media (min-width: 768px) { 3482 @media (min-width: 768px) {
3483 .main__employers-item-label svg { 3483 .main__employers-item-label svg {
3484 width: 12px; 3484 width: 12px;
3485 height: 12px; 3485 height: 12px;
3486 } 3486 }
3487 } 3487 }
3488 .main__employers-item-label span { 3488 .main__employers-item-label span {
3489 overflow: hidden; 3489 overflow: hidden;
3490 display: -webkit-box; 3490 display: -webkit-box;
3491 -webkit-box-orient: vertical; 3491 -webkit-box-orient: vertical;
3492 -webkit-line-clamp: 1; 3492 -webkit-line-clamp: 1;
3493 width: calc(100% - 8px); 3493 width: calc(100% - 8px);
3494 padding-left: 6px; 3494 padding-left: 6px;
3495 } 3495 }
3496 .main__employers-one { 3496 .main__employers-one {
3497 display: -webkit-box; 3497 display: -webkit-box;
3498 display: -ms-flexbox; 3498 display: -ms-flexbox;
3499 display: flex; 3499 display: flex;
3500 -webkit-box-orient: vertical; 3500 -webkit-box-orient: vertical;
3501 -webkit-box-direction: normal; 3501 -webkit-box-direction: normal;
3502 -ms-flex-direction: column; 3502 -ms-flex-direction: column;
3503 flex-direction: column; 3503 flex-direction: column;
3504 gap: 20px; 3504 gap: 20px;
3505 } 3505 }
3506 .main__employers-two { 3506 .main__employers-two {
3507 display: -webkit-box; 3507 display: -webkit-box;
3508 display: -ms-flexbox; 3508 display: -ms-flexbox;
3509 display: flex; 3509 display: flex;
3510 -webkit-box-orient: vertical; 3510 -webkit-box-orient: vertical;
3511 -webkit-box-direction: normal; 3511 -webkit-box-direction: normal;
3512 -ms-flex-direction: column; 3512 -ms-flex-direction: column;
3513 flex-direction: column; 3513 flex-direction: column;
3514 gap: 20px; 3514 gap: 20px;
3515 } 3515 }
3516 @media (min-width: 768px) { 3516 @media (min-width: 768px) {
3517 .main__employers-two { 3517 .main__employers-two {
3518 -webkit-box-orient: horizontal; 3518 -webkit-box-orient: horizontal;
3519 -webkit-box-direction: normal; 3519 -webkit-box-direction: normal;
3520 -ms-flex-direction: row; 3520 -ms-flex-direction: row;
3521 flex-direction: row; 3521 flex-direction: row;
3522 -ms-flex-wrap: wrap; 3522 -ms-flex-wrap: wrap;
3523 flex-wrap: wrap; 3523 flex-wrap: wrap;
3524 -webkit-box-align: start; 3524 -webkit-box-align: start;
3525 -ms-flex-align: start; 3525 -ms-flex-align: start;
3526 align-items: flex-start; 3526 align-items: flex-start;
3527 -webkit-box-pack: justify; 3527 -webkit-box-pack: justify;
3528 -ms-flex-pack: justify; 3528 -ms-flex-pack: justify;
3529 justify-content: space-between; 3529 justify-content: space-between;
3530 gap: 20px 0; 3530 gap: 20px 0;
3531 } 3531 }
3532 } 3532 }
3533 .main__employers-two .main__employers-item { 3533 .main__employers-two .main__employers-item {
3534 width: calc(50% - 10px); 3534 width: calc(50% - 10px);
3535 -webkit-box-orient: vertical; 3535 -webkit-box-orient: vertical;
3536 -webkit-box-direction: normal; 3536 -webkit-box-direction: normal;
3537 -ms-flex-direction: column; 3537 -ms-flex-direction: column;
3538 flex-direction: column; 3538 flex-direction: column;
3539 -webkit-box-align: stretch; 3539 -webkit-box-align: stretch;
3540 -ms-flex-align: stretch; 3540 -ms-flex-align: stretch;
3541 align-items: stretch; 3541 align-items: stretch;
3542 padding-top: 30px; 3542 padding-top: 30px;
3543 } 3543 }
3544 .main__employers-two .main__employers-item-inner { 3544 .main__employers-two .main__employers-item-inner {
3545 width: 100%; 3545 width: 100%;
3546 padding: 0; 3546 padding: 0;
3547 } 3547 }
3548 .main__employers-two .main__employers-item-more { 3548 .main__employers-two .main__employers-item-more {
3549 position: static; 3549 position: static;
3550 margin-top: 20px; 3550 margin-top: 20px;
3551 } 3551 }
3552 @media (min-width: 992px) { 3552 @media (min-width: 992px) {
3553 .main__employers-two .main__employers-item-more { 3553 .main__employers-two .main__employers-item-more {
3554 margin-left: 190px; 3554 margin-left: 190px;
3555 } 3555 }
3556 } 3556 }
3557 .main__employers-two .main__employers-item-label { 3557 .main__employers-two .main__employers-item-label {
3558 max-width: none; 3558 max-width: none;
3559 } 3559 }
3560 .main__employer-page { 3560 .main__employer-page {
3561 display: -webkit-box; 3561 display: -webkit-box;
3562 display: -ms-flexbox; 3562 display: -ms-flexbox;
3563 display: flex; 3563 display: flex;
3564 -webkit-box-orient: vertical; 3564 -webkit-box-orient: vertical;
3565 -webkit-box-direction: normal; 3565 -webkit-box-direction: normal;
3566 -ms-flex-direction: column; 3566 -ms-flex-direction: column;
3567 flex-direction: column; 3567 flex-direction: column;
3568 gap: 20px; 3568 gap: 20px;
3569 } 3569 }
3570 @media (min-width: 768px) { 3570 @media (min-width: 768px) {
3571 .main__employer-page { 3571 .main__employer-page {
3572 gap: 30px; 3572 gap: 30px;
3573 } 3573 }
3574 } 3574 }
3575 .main__employer-page-title { 3575 .main__employer-page-title {
3576 color: #000; 3576 color: #000;
3577 margin: 0; 3577 margin: 0;
3578 font-size: 30px; 3578 font-size: 30px;
3579 } 3579 }
3580 @media (min-width: 768px) { 3580 @media (min-width: 768px) {
3581 .main__employer-page-title { 3581 .main__employer-page-title {
3582 font-size: 36px; 3582 font-size: 36px;
3583 } 3583 }
3584 } 3584 }
3585 @media (min-width: 992px) { 3585 @media (min-width: 992px) {
3586 .main__employer-page-title { 3586 .main__employer-page-title {
3587 font-size: 44px; 3587 font-size: 44px;
3588 } 3588 }
3589 } 3589 }
3590 .main__employer-page-item { 3590 .main__employer-page-item {
3591 display: -webkit-box; 3591 display: -webkit-box;
3592 display: -ms-flexbox; 3592 display: -ms-flexbox;
3593 display: flex; 3593 display: flex;
3594 -webkit-box-orient: vertical; 3594 -webkit-box-orient: vertical;
3595 -webkit-box-direction: normal; 3595 -webkit-box-direction: normal;
3596 -ms-flex-direction: column; 3596 -ms-flex-direction: column;
3597 flex-direction: column; 3597 flex-direction: column;
3598 gap: 4px; 3598 gap: 4px;
3599 font-size: 12px; 3599 font-size: 12px;
3600 line-height: 1.4; 3600 line-height: 1.4;
3601 width: 190px; 3601 width: 190px;
3602 } 3602 }
3603 .main__employer-page-item.main__employer-page-description{ 3603 .main__employer-page-item.main__employer-page-description{
3604 width: unset; 3604 width: unset;
3605 } 3605 }
3606 .main__employer-page-description p{ 3606 .main__employer-page-description p{
3607 margin-bottom: 10px; 3607 margin-bottom: 10px;
3608 line-height: 25px; 3608 line-height: 25px;
3609 } 3609 }
3610 @media (min-width: 768px) { 3610 @media (min-width: 768px) {
3611 .main__employer-page-item { 3611 .main__employer-page-item {
3612 font-size: 18px; 3612 font-size: 18px;
3613 gap: 8px; 3613 gap: 8px;
3614 } 3614 }
3615 } 3615 }
3616 .main__employer-page-item b { 3616 .main__employer-page-item b {
3617 color: #377d87; 3617 color: #377d87;
3618 font-size: 14px; 3618 font-size: 14px;
3619 } 3619 }
3620 @media (min-width: 768px) { 3620 @media (min-width: 768px) {
3621 .main__employer-page-item b { 3621 .main__employer-page-item b {
3622 font-size: 18px; 3622 font-size: 18px;
3623 } 3623 }
3624 } 3624 }
3625 .main__employer-page-item span { 3625 .main__employer-page-item span {
3626 color: #000; 3626 color: #000;
3627 } 3627 }
3628 .main__employer-page-info { 3628 .main__employer-page-info {
3629 display: -webkit-box; 3629 display: -webkit-box;
3630 display: -ms-flexbox; 3630 display: -ms-flexbox;
3631 display: flex; 3631 display: flex;
3632 -webkit-box-orient: vertical; 3632 -webkit-box-orient: vertical;
3633 -webkit-box-direction: normal; 3633 -webkit-box-direction: normal;
3634 -ms-flex-direction: column; 3634 -ms-flex-direction: column;
3635 flex-direction: column; 3635 flex-direction: column;
3636 gap: 20px; 3636 gap: 20px;
3637 } 3637 }
3638 .main__employer-page-info.row2{ 3638 .main__employer-page-info.row2{
3639 justify-content: flex-start; 3639 justify-content: flex-start;
3640 } 3640 }
3641 .main__employer-page-info.row2 .main__employer-page-item{ 3641 .main__employer-page-info.row2 .main__employer-page-item{
3642 width: 25%; 3642 width: 25%;
3643 } 3643 }
3644 @media (min-width: 768px) { 3644 @media (min-width: 768px) {
3645 .main__employer-page-info { 3645 .main__employer-page-info {
3646 display: grid; 3646 display: grid;
3647 grid-template-columns: repeat(2, 1fr); 3647 grid-template-columns: repeat(2, 1fr);
3648 gap: 30px 40px; 3648 gap: 30px 40px;
3649 } 3649 }
3650 } 3650 }
3651 @media (min-width: 1280px) { 3651 @media (min-width: 1280px) {
3652 .main__employer-page-info { 3652 .main__employer-page-info {
3653 display: -webkit-box; 3653 display: -webkit-box;
3654 display: -ms-flexbox; 3654 display: -ms-flexbox;
3655 display: flex; 3655 display: flex;
3656 -webkit-box-orient: horizontal; 3656 -webkit-box-orient: horizontal;
3657 -webkit-box-direction: normal; 3657 -webkit-box-direction: normal;
3658 -ms-flex-direction: row; 3658 -ms-flex-direction: row;
3659 flex-direction: row; 3659 flex-direction: row;
3660 -webkit-box-align: start; 3660 -webkit-box-align: start;
3661 -ms-flex-align: start; 3661 -ms-flex-align: start;
3662 align-items: flex-start; 3662 align-items: flex-start;
3663 -webkit-box-pack: justify; 3663 -webkit-box-pack: justify;
3664 -ms-flex-pack: justify; 3664 -ms-flex-pack: justify;
3665 justify-content: space-between; 3665 justify-content: space-between;
3666 padding-right: 160px; 3666 padding-right: 160px;
3667 } 3667 }
3668 } 3668 }
3669 @media (min-width: 768px) { 3669 @media (min-width: 768px) {
3670 .main__employer-page-info .main__employer-page-item b, 3670 .main__employer-page-info .main__employer-page-item b,
3671 .main__employer-page-info .main__employer-page-item span { 3671 .main__employer-page-info .main__employer-page-item span {
3672 max-width: 300px; 3672 max-width: 300px;
3673 } 3673 }
3674 } 3674 }
3675 .main__employer-page-tabs { 3675 .main__employer-page-tabs {
3676 display: -webkit-box; 3676 display: -webkit-box;
3677 display: -ms-flexbox; 3677 display: -ms-flexbox;
3678 display: flex; 3678 display: flex;
3679 -webkit-box-align: center; 3679 -webkit-box-align: center;
3680 -ms-flex-align: center; 3680 -ms-flex-align: center;
3681 align-items: center; 3681 align-items: center;
3682 gap: 20px; 3682 gap: 20px;
3683 } 3683 }
3684 @media (min-width: 768px) { 3684 @media (min-width: 768px) {
3685 .main__employer-page-tabs { 3685 .main__employer-page-tabs {
3686 margin-top: 20px; 3686 margin-top: 20px;
3687 } 3687 }
3688 } 3688 }
3689 .main__employer-page-tabs-item { 3689 .main__employer-page-tabs-item {
3690 font-size: 22px; 3690 font-size: 22px;
3691 font-weight: 700; 3691 font-weight: 700;
3692 border: none; 3692 border: none;
3693 background: none; 3693 background: none;
3694 padding: 0; 3694 padding: 0;
3695 color: #9c9d9d; 3695 color: #9c9d9d;
3696 text-decoration: underline; 3696 text-decoration: underline;
3697 text-decoration-thickness: 1px; 3697 text-decoration-thickness: 1px;
3698 } 3698 }
3699 @media (min-width: 768px) { 3699 @media (min-width: 768px) {
3700 .main__employer-page-tabs-item { 3700 .main__employer-page-tabs-item {
3701 font-size: 24px; 3701 font-size: 24px;
3702 } 3702 }
3703 } 3703 }
3704 .main__employer-page-tabs-item.active { 3704 .main__employer-page-tabs-item.active {
3705 color: #377d87; 3705 color: #377d87;
3706 } 3706 }
3707 .main__employer-page-body { 3707 .main__employer-page-body {
3708 display: -webkit-box; 3708 display: -webkit-box;
3709 display: -ms-flexbox; 3709 display: -ms-flexbox;
3710 display: flex; 3710 display: flex;
3711 -webkit-box-orient: vertical; 3711 -webkit-box-orient: vertical;
3712 -webkit-box-direction: normal; 3712 -webkit-box-direction: normal;
3713 -ms-flex-direction: column; 3713 -ms-flex-direction: column;
3714 flex-direction: column; 3714 flex-direction: column;
3715 margin-top: 10px; 3715 margin-top: 10px;
3716 } 3716 }
3717 @media (min-width: 768px) { 3717 @media (min-width: 768px) {
3718 .main__employer-page-body { 3718 .main__employer-page-body {
3719 margin-top: 30px; 3719 margin-top: 30px;
3720 } 3720 }
3721 } 3721 }
3722 .main__employer-page-body-item { 3722 .main__employer-page-body-item {
3723 display: none; 3723 display: none;
3724 -webkit-box-orient: vertical; 3724 -webkit-box-orient: vertical;
3725 -webkit-box-direction: normal; 3725 -webkit-box-direction: normal;
3726 -ms-flex-direction: column; 3726 -ms-flex-direction: column;
3727 flex-direction: column; 3727 flex-direction: column;
3728 gap: 20px; 3728 gap: 20px;
3729 } 3729 }
3730 .main__employer-page-body-item.showed { 3730 .main__employer-page-body-item.showed {
3731 display: -webkit-box; 3731 display: -webkit-box;
3732 display: -ms-flexbox; 3732 display: -ms-flexbox;
3733 display: flex; 3733 display: flex;
3734 } 3734 }
3735 .main__employer-page-one { 3735 .main__employer-page-one {
3736 display: -webkit-box; 3736 display: -webkit-box;
3737 display: -ms-flexbox; 3737 display: -ms-flexbox;
3738 display: flex; 3738 display: flex;
3739 -webkit-box-orient: vertical; 3739 -webkit-box-orient: vertical;
3740 -webkit-box-direction: normal; 3740 -webkit-box-direction: normal;
3741 -ms-flex-direction: column; 3741 -ms-flex-direction: column;
3742 flex-direction: column; 3742 flex-direction: column;
3743 gap: 20px; 3743 gap: 20px;
3744 } 3744 }
3745 @media (min-width: 768px) { 3745 @media (min-width: 768px) {
3746 .main__employer-page-one { 3746 .main__employer-page-one {
3747 display: grid; 3747 display: grid;
3748 grid-template-columns: repeat(2, 1fr); 3748 grid-template-columns: repeat(2, 1fr);
3749 } 3749 }
3750 } 3750 }
3751 @media (min-width: 992px) { 3751 @media (min-width: 992px) {
3752 .main__employer-page-one { 3752 .main__employer-page-one {
3753 grid-template-columns: repeat(3, 1fr); 3753 grid-template-columns: repeat(3, 1fr);
3754 } 3754 }
3755 } 3755 }
3756 @media (min-width: 1280px) { 3756 @media (min-width: 1280px) {
3757 .main__employer-page-one { 3757 .main__employer-page-one {
3758 grid-template-columns: repeat(4, 1fr); 3758 grid-template-columns: repeat(4, 1fr);
3759 gap: 30px 20px; 3759 gap: 30px 20px;
3760 } 3760 }
3761 } 3761 }
3762 .main__employer-page-one-item { 3762 .main__employer-page-one-item {
3763 display: -webkit-box; 3763 display: -webkit-box;
3764 display: -ms-flexbox; 3764 display: -ms-flexbox;
3765 display: flex; 3765 display: flex;
3766 -webkit-box-orient: vertical; 3766 -webkit-box-orient: vertical;
3767 -webkit-box-direction: normal; 3767 -webkit-box-direction: normal;
3768 -ms-flex-direction: column; 3768 -ms-flex-direction: column;
3769 flex-direction: column; 3769 flex-direction: column;
3770 gap: 10px; 3770 gap: 10px;
3771 font-size: 12px; 3771 font-size: 12px;
3772 position: relative; 3772 position: relative;
3773 } 3773 }
3774 @media (min-width: 1280px) { 3774 @media (min-width: 1280px) {
3775 .main__employer-page-one-item { 3775 .main__employer-page-one-item {
3776 font-size: 18px; 3776 font-size: 18px;
3777 } 3777 }
3778 } 3778 }
3779 .main__employer-page-one-item img { 3779 .main__employer-page-one-item img {
3780 border-radius: 10px; 3780 border-radius: 10px;
3781 -o-object-fit: cover; 3781 -o-object-fit: cover;
3782 object-fit: cover; 3782 object-fit: cover;
3783 width: 100%; 3783 width: 100%;
3784 max-height: 250px; 3784 max-height: 250px;
3785 aspect-ratio: 247/174; 3785 aspect-ratio: 247/174;
3786 } 3786 }
3787 @media (min-width: 1280px) { 3787 @media (min-width: 1280px) {
3788 .main__employer-page-one-item img { 3788 .main__employer-page-one-item img {
3789 margin-bottom: 10px; 3789 margin-bottom: 10px;
3790 } 3790 }
3791 } 3791 }
3792 .main__employer-page-one-item b { 3792 .main__employer-page-one-item b {
3793 font-weight: 700; 3793 font-weight: 700;
3794 color: #377d87; 3794 color: #377d87;
3795 } 3795 }
3796 .main__employer-page-one-item span { 3796 .main__employer-page-one-item span {
3797 color: #000; 3797 color: #000;
3798 } 3798 }
3799 .main__employer-page-one-item i { 3799 .main__employer-page-one-item i {
3800 font-style: normal; 3800 font-style: normal;
3801 color: #377d87; 3801 color: #377d87;
3802 } 3802 }
3803 .main__employer-page-one-item .del { 3803 .main__employer-page-one-item .del {
3804 position: absolute; 3804 position: absolute;
3805 z-index: 1; 3805 z-index: 1;
3806 top: 8px; 3806 top: 8px;
3807 left: 8px; 3807 left: 8px;
3808 } 3808 }
3809 .main__employer-page-two { 3809 .main__employer-page-two {
3810 display: -webkit-box; 3810 display: -webkit-box;
3811 display: -ms-flexbox; 3811 display: -ms-flexbox;
3812 display: flex; 3812 display: flex;
3813 -webkit-box-orient: vertical; 3813 -webkit-box-orient: vertical;
3814 -webkit-box-direction: normal; 3814 -webkit-box-direction: normal;
3815 -ms-flex-direction: column; 3815 -ms-flex-direction: column;
3816 flex-direction: column; 3816 flex-direction: column;
3817 -webkit-box-align: center; 3817 -webkit-box-align: center;
3818 -ms-flex-align: center; 3818 -ms-flex-align: center;
3819 align-items: center; 3819 align-items: center;
3820 gap: 20px; 3820 gap: 20px;
3821 } 3821 }
3822 .main__employer-page-two-item { 3822 .main__employer-page-two-item {
3823 width: 100%; 3823 width: 100%;
3824 display: -webkit-box; 3824 display: -webkit-box;
3825 display: -ms-flexbox; 3825 display: -ms-flexbox;
3826 display: flex; 3826 display: flex;
3827 -webkit-box-orient: vertical; 3827 -webkit-box-orient: vertical;
3828 -webkit-box-direction: normal; 3828 -webkit-box-direction: normal;
3829 -ms-flex-direction: column; 3829 -ms-flex-direction: column;
3830 flex-direction: column; 3830 flex-direction: column;
3831 gap: 16px; 3831 gap: 16px;
3832 padding: 20px 10px; 3832 padding: 20px 10px;
3833 border-radius: 12px; 3833 border-radius: 12px;
3834 border: 1px solid #cecece; 3834 border: 1px solid #cecece;
3835 position: relative; 3835 position: relative;
3836 overflow: hidden; 3836 overflow: hidden;
3837 font-size: 12px; 3837 font-size: 12px;
3838 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3838 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3839 } 3839 }
3840 @media (min-width: 768px) { 3840 @media (min-width: 768px) {
3841 .main__employer-page-two-item { 3841 .main__employer-page-two-item {
3842 font-size: 14px; 3842 font-size: 14px;
3843 padding: 20px; 3843 padding: 20px;
3844 gap: 24px; 3844 gap: 24px;
3845 padding-bottom: 35px; 3845 padding-bottom: 35px;
3846 } 3846 }
3847 } 3847 }
3848 @media (min-width: 992px) { 3848 @media (min-width: 992px) {
3849 .main__employer-page-two-item { 3849 .main__employer-page-two-item {
3850 font-size: 16px; 3850 font-size: 16px;
3851 } 3851 }
3852 } 3852 }
3853 @media (min-width: 1280px) { 3853 @media (min-width: 1280px) {
3854 .main__employer-page-two-item { 3854 .main__employer-page-two-item {
3855 font-size: 18px; 3855 font-size: 18px;
3856 } 3856 }
3857 } 3857 }
3858 .main__employer-page-two-item-toper { 3858 .main__employer-page-two-item-toper {
3859 display: -webkit-box; 3859 display: -webkit-box;
3860 display: -ms-flexbox; 3860 display: -ms-flexbox;
3861 display: flex; 3861 display: flex;
3862 -webkit-box-align: center; 3862 -webkit-box-align: center;
3863 -ms-flex-align: center; 3863 -ms-flex-align: center;
3864 align-items: center; 3864 align-items: center;
3865 font-size: 22px; 3865 font-size: 22px;
3866 font-weight: 700; 3866 font-weight: 700;
3867 color: #000; 3867 color: #000;
3868 } 3868 }
3869 @media (min-width: 768px) { 3869 @media (min-width: 768px) {
3870 .main__employer-page-two-item-toper { 3870 .main__employer-page-two-item-toper {
3871 font-size: 30px; 3871 font-size: 30px;
3872 } 3872 }
3873 } 3873 }
3874 .main__employer-page-two-item-toper img { 3874 .main__employer-page-two-item-toper img {
3875 width: 60px; 3875 width: 60px;
3876 aspect-ratio: 1/1; 3876 aspect-ratio: 1/1;
3877 -o-object-fit: contain; 3877 -o-object-fit: contain;
3878 object-fit: contain; 3878 object-fit: contain;
3879 } 3879 }
3880 .main__employer-page-two-item-toper span { 3880 .main__employer-page-two-item-toper span {
3881 width: calc(100% - 60px); 3881 width: calc(100% - 60px);
3882 padding-left: 10px; 3882 padding-left: 10px;
3883 } 3883 }
3884 @media (min-width: 768px) { 3884 @media (min-width: 768px) {
3885 .main__employer-page-two-item-toper span { 3885 .main__employer-page-two-item-toper span {
3886 padding-left: 20px; 3886 padding-left: 20px;
3887 } 3887 }
3888 } 3888 }
3889 .main__employer-page-two-item-title { 3889 .main__employer-page-two-item-title {
3890 font-size: 18px; 3890 font-size: 18px;
3891 font-weight: 700; 3891 font-weight: 700;
3892 color: #377d87; 3892 color: #377d87;
3893 } 3893 }
3894 @media (min-width: 768px) { 3894 @media (min-width: 768px) {
3895 .main__employer-page-two-item-title { 3895 .main__employer-page-two-item-title {
3896 font-size: 24px; 3896 font-size: 24px;
3897 } 3897 }
3898 } 3898 }
3899 .main__employer-page-two-item-text { 3899 .main__employer-page-two-item-text {
3900 display: -webkit-box; 3900 display: -webkit-box;
3901 display: -ms-flexbox; 3901 display: -ms-flexbox;
3902 display: flex; 3902 display: flex;
3903 -webkit-box-orient: vertical; 3903 -webkit-box-orient: vertical;
3904 -webkit-box-direction: normal; 3904 -webkit-box-direction: normal;
3905 -ms-flex-direction: column; 3905 -ms-flex-direction: column;
3906 flex-direction: column; 3906 flex-direction: column;
3907 gap: 10px; 3907 gap: 10px;
3908 } 3908 }
3909 .main__employer-page-two-item-text-name { 3909 .main__employer-page-two-item-text-name {
3910 font-weight: 700; 3910 font-weight: 700;
3911 } 3911 }
3912 .main__employer-page-two-item-text-body { 3912 .main__employer-page-two-item-text-body {
3913 color: #000; 3913 color: #000;
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 -webkit-box-orient: vertical; 3917 -webkit-box-orient: vertical;
3918 -webkit-box-direction: normal; 3918 -webkit-box-direction: normal;
3919 -ms-flex-direction: column; 3919 -ms-flex-direction: column;
3920 flex-direction: column; 3920 flex-direction: column;
3921 gap: 6px; 3921 gap: 6px;
3922 padding: 0 10px; 3922 padding: 0 10px;
3923 } 3923 }
3924 .main__employer-page-two-item-text-body p { 3924 .main__employer-page-two-item-text-body p {
3925 margin: 0; 3925 margin: 0;
3926 } 3926 }
3927 .main__employer-page-two-item-text-body ul { 3927 .main__employer-page-two-item-text-body ul {
3928 margin: 0; 3928 margin: 0;
3929 padding: 0; 3929 padding: 0;
3930 padding-left: 16px; 3930 padding-left: 16px;
3931 display: -webkit-box; 3931 display: -webkit-box;
3932 display: -ms-flexbox; 3932 display: -ms-flexbox;
3933 display: flex; 3933 display: flex;
3934 -webkit-box-orient: vertical; 3934 -webkit-box-orient: vertical;
3935 -webkit-box-direction: normal; 3935 -webkit-box-direction: normal;
3936 -ms-flex-direction: column; 3936 -ms-flex-direction: column;
3937 flex-direction: column; 3937 flex-direction: column;
3938 gap: 6px; 3938 gap: 6px;
3939 } 3939 }
3940 @media (min-width: 768px) { 3940 @media (min-width: 768px) {
3941 .main__employer-page-two-item-text-body ul { 3941 .main__employer-page-two-item-text-body ul {
3942 margin: 0 5px; 3942 margin: 0 5px;
3943 } 3943 }
3944 } 3944 }
3945 .main__employer-page-two-item-text-body ul span, 3945 .main__employer-page-two-item-text-body ul span,
3946 .main__employer-page-two-item-text-body ul a { 3946 .main__employer-page-two-item-text-body ul a {
3947 color: #000; 3947 color: #000;
3948 position: relative; 3948 position: relative;
3949 } 3949 }
3950 .main__employer-page-two-item-text-body ul a:hover { 3950 .main__employer-page-two-item-text-body ul a:hover {
3951 color: #377d87; 3951 color: #377d87;
3952 } 3952 }
3953 .main__employer-page-two-item-text-body p + ul { 3953 .main__employer-page-two-item-text-body p + ul {
3954 margin-top: 10px; 3954 margin-top: 10px;
3955 } 3955 }
3956 .main__employer-page-two-item-text-links { 3956 .main__employer-page-two-item-text-links {
3957 display: -webkit-box; 3957 display: -webkit-box;
3958 display: -ms-flexbox; 3958 display: -ms-flexbox;
3959 display: flex; 3959 display: flex;
3960 -webkit-box-orient: vertical; 3960 -webkit-box-orient: vertical;
3961 -webkit-box-direction: normal; 3961 -webkit-box-direction: normal;
3962 -ms-flex-direction: column; 3962 -ms-flex-direction: column;
3963 flex-direction: column; 3963 flex-direction: column;
3964 -webkit-box-align: start; 3964 -webkit-box-align: start;
3965 -ms-flex-align: start; 3965 -ms-flex-align: start;
3966 align-items: flex-start; 3966 align-items: flex-start;
3967 gap: 10px; 3967 gap: 10px;
3968 padding: 0 10px; 3968 padding: 0 10px;
3969 font-weight: 700; 3969 font-weight: 700;
3970 margin-top: 5px; 3970 margin-top: 5px;
3971 } 3971 }
3972 @media (min-width: 768px) { 3972 @media (min-width: 768px) {
3973 .main__employer-page-two-item-text-links { 3973 .main__employer-page-two-item-text-links {
3974 gap: 20px; 3974 gap: 20px;
3975 } 3975 }
3976 } 3976 }
3977 .main__employer-page-two-item-text-links a { 3977 .main__employer-page-two-item-text-links a {
3978 color: #4d88d9; 3978 color: #4d88d9;
3979 } 3979 }
3980 .main__employer-page-two-item-text-links a:hover { 3980 .main__employer-page-two-item-text-links a:hover {
3981 color: #377d87; 3981 color: #377d87;
3982 } 3982 }
3983 .main__employer-page-two-item-tags { 3983 .main__employer-page-two-item-tags {
3984 color: #4d88d9; 3984 color: #4d88d9;
3985 font-weight: 500; 3985 font-weight: 500;
3986 display: -webkit-box; 3986 display: -webkit-box;
3987 display: -ms-flexbox; 3987 display: -ms-flexbox;
3988 display: flex; 3988 display: flex;
3989 -webkit-box-align: center; 3989 -webkit-box-align: center;
3990 -ms-flex-align: center; 3990 -ms-flex-align: center;
3991 align-items: center; 3991 align-items: center;
3992 -ms-flex-wrap: wrap; 3992 -ms-flex-wrap: wrap;
3993 flex-wrap: wrap; 3993 flex-wrap: wrap;
3994 gap: 10px 20px; 3994 gap: 10px 20px;
3995 } 3995 }
3996 @media (min-width: 768px) { 3996 @media (min-width: 768px) {
3997 .main__employer-page-two-item-tags { 3997 .main__employer-page-two-item-tags {
3998 font-size: 14px; 3998 font-size: 14px;
3999 } 3999 }
4000 } 4000 }
4001 .main__employer-page-two-item-buttons { 4001 .main__employer-page-two-item-buttons {
4002 display: grid; 4002 display: grid;
4003 grid-template-columns: repeat(2, 1fr); 4003 grid-template-columns: repeat(2, 1fr);
4004 gap: 20px; 4004 gap: 20px;
4005 } 4005 }
4006 @media (min-width: 768px) { 4006 @media (min-width: 768px) {
4007 .main__employer-page-two-item-button { 4007 .main__employer-page-two-item-button {
4008 position: absolute; 4008 position: absolute;
4009 bottom: 20px; 4009 bottom: 20px;
4010 left: 20px; 4010 left: 20px;
4011 width: 200px; 4011 width: 200px;
4012 padding: 0; 4012 padding: 0;
4013 } 4013 }
4014 } 4014 }
4015 @media (min-width: 768px) { 4015 @media (min-width: 768px) {
4016 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 4016 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
4017 left: auto; 4017 left: auto;
4018 right: 20px; 4018 right: 20px;
4019 } 4019 }
4020 } 4020 }
4021 .main__employer-page-two-item-bottom { 4021 .main__employer-page-two-item-bottom {
4022 display: -webkit-box; 4022 display: -webkit-box;
4023 display: -ms-flexbox; 4023 display: -ms-flexbox;
4024 display: flex; 4024 display: flex;
4025 -webkit-box-align: center; 4025 -webkit-box-align: center;
4026 -ms-flex-align: center; 4026 -ms-flex-align: center;
4027 align-items: center; 4027 align-items: center;
4028 -webkit-box-pack: justify; 4028 -webkit-box-pack: justify;
4029 -ms-flex-pack: justify; 4029 -ms-flex-pack: justify;
4030 justify-content: space-between; 4030 justify-content: space-between;
4031 } 4031 }
4032 .main__employer-page-two-item-bottom-date { 4032 .main__employer-page-two-item-bottom-date {
4033 color: #000; 4033 color: #000;
4034 } 4034 }
4035 @media (min-width: 768px) { 4035 @media (min-width: 768px) {
4036 .main__employer-page-two-item-bottom-date { 4036 .main__employer-page-two-item-bottom-date {
4037 position: absolute; 4037 position: absolute;
4038 bottom: 20px; 4038 bottom: 20px;
4039 right: 240px; 4039 right: 240px;
4040 height: 42px; 4040 height: 42px;
4041 display: -webkit-box; 4041 display: -webkit-box;
4042 display: -ms-flexbox; 4042 display: -ms-flexbox;
4043 display: flex; 4043 display: flex;
4044 -webkit-box-align: center; 4044 -webkit-box-align: center;
4045 -ms-flex-align: center; 4045 -ms-flex-align: center;
4046 align-items: center; 4046 align-items: center;
4047 } 4047 }
4048 } 4048 }
4049 @media (min-width: 992px) { 4049 @media (min-width: 992px) {
4050 .main__employer-page-two-item-bottom-date { 4050 .main__employer-page-two-item-bottom-date {
4051 font-size: 16px; 4051 font-size: 16px;
4052 } 4052 }
4053 } 4053 }
4054 @media (min-width: 768px) { 4054 @media (min-width: 768px) {
4055 .main__employer-page-two-item-bottom-like { 4055 .main__employer-page-two-item-bottom-like {
4056 position: absolute; 4056 position: absolute;
4057 bottom: 20px; 4057 bottom: 20px;
4058 left: 240px; 4058 left: 240px;
4059 } 4059 }
4060 } 4060 }
4061 @media (min-width: 768px) { 4061 @media (min-width: 768px) {
4062 .main__employer-page-two-more { 4062 .main__employer-page-two-more {
4063 margin-top: 10px; 4063 margin-top: 10px;
4064 padding: 0; 4064 padding: 0;
4065 width: 200px; 4065 width: 200px;
4066 } 4066 }
4067 } 4067 }
4068 .main__employer-page-two .main__employer-page-two-item { 4068 .main__employer-page-two .main__employer-page-two-item {
4069 /* display: none;*/ 4069 /* display: none;*/
4070 } 4070 }
4071 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 4071 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
4072 display: -webkit-box; 4072 display: -webkit-box;
4073 display: -ms-flexbox; 4073 display: -ms-flexbox;
4074 display: flex; 4074 display: flex;
4075 } 4075 }
4076 .main__employer-page-two.active .main__employer-page-two-item { 4076 .main__employer-page-two.active .main__employer-page-two-item {
4077 display: -webkit-box; 4077 display: -webkit-box;
4078 display: -ms-flexbox; 4078 display: -ms-flexbox;
4079 display: flex; 4079 display: flex;
4080 } 4080 }
4081 .main__resume-base { 4081 .main__resume-base {
4082 display: -webkit-box; 4082 display: -webkit-box;
4083 display: -ms-flexbox; 4083 display: -ms-flexbox;
4084 display: flex; 4084 display: flex;
4085 -webkit-box-orient: vertical; 4085 -webkit-box-orient: vertical;
4086 -webkit-box-direction: normal; 4086 -webkit-box-direction: normal;
4087 -ms-flex-direction: column; 4087 -ms-flex-direction: column;
4088 flex-direction: column; 4088 flex-direction: column;
4089 color: #000; 4089 color: #000;
4090 } 4090 }
4091 .main__resume-base-body { 4091 .main__resume-base-body {
4092 display: none; 4092 display: none;
4093 -webkit-box-orient: vertical; 4093 -webkit-box-orient: vertical;
4094 -webkit-box-direction: normal; 4094 -webkit-box-direction: normal;
4095 -ms-flex-direction: column; 4095 -ms-flex-direction: column;
4096 flex-direction: column; 4096 flex-direction: column;
4097 margin-top: 10px; 4097 margin-top: 10px;
4098 } 4098 }
4099 @media (min-width: 768px) { 4099 @media (min-width: 768px) {
4100 .main__resume-base-body { 4100 .main__resume-base-body {
4101 margin-top: 30px; 4101 margin-top: 30px;
4102 } 4102 }
4103 } 4103 }
4104 .main__resume-base-body.showed { 4104 .main__resume-base-body.showed {
4105 display: -webkit-box; 4105 display: -webkit-box;
4106 display: -ms-flexbox; 4106 display: -ms-flexbox;
4107 display: flex; 4107 display: flex;
4108 } 4108 }
4109 .main__resume-base-body-one { 4109 .main__resume-base-body-one {
4110 display: -webkit-box; 4110 display: -webkit-box;
4111 display: -ms-flexbox; 4111 display: -ms-flexbox;
4112 display: flex; 4112 display: flex;
4113 -webkit-box-orient: vertical; 4113 -webkit-box-orient: vertical;
4114 -webkit-box-direction: normal; 4114 -webkit-box-direction: normal;
4115 -ms-flex-direction: column; 4115 -ms-flex-direction: column;
4116 flex-direction: column; 4116 flex-direction: column;
4117 -webkit-box-align: center; 4117 -webkit-box-align: center;
4118 -ms-flex-align: center; 4118 -ms-flex-align: center;
4119 align-items: center; 4119 align-items: center;
4120 gap: 20px; 4120 gap: 20px;
4121 } 4121 }
4122 @media (min-width: 768px) { 4122 @media (min-width: 768px) {
4123 .main__resume-base-body-one { 4123 .main__resume-base-body-one {
4124 gap: 30px; 4124 gap: 30px;
4125 } 4125 }
4126 } 4126 }
4127 .main__resume-base-body-two { 4127 .main__resume-base-body-two {
4128 display: -webkit-box; 4128 display: -webkit-box;
4129 display: -ms-flexbox; 4129 display: -ms-flexbox;
4130 display: flex; 4130 display: flex;
4131 -webkit-box-orient: vertical; 4131 -webkit-box-orient: vertical;
4132 -webkit-box-direction: normal; 4132 -webkit-box-direction: normal;
4133 -ms-flex-direction: column; 4133 -ms-flex-direction: column;
4134 flex-direction: column; 4134 flex-direction: column;
4135 gap: 20px; 4135 gap: 20px;
4136 } 4136 }
4137 @media (min-width: 768px) { 4137 @media (min-width: 768px) {
4138 .main__resume-base-body-two { 4138 .main__resume-base-body-two {
4139 -webkit-box-orient: horizontal; 4139 -webkit-box-orient: horizontal;
4140 -webkit-box-direction: normal; 4140 -webkit-box-direction: normal;
4141 -ms-flex-direction: row; 4141 -ms-flex-direction: row;
4142 flex-direction: row; 4142 flex-direction: row;
4143 -webkit-box-pack: justify; 4143 -webkit-box-pack: justify;
4144 -ms-flex-pack: justify; 4144 -ms-flex-pack: justify;
4145 justify-content: space-between; 4145 justify-content: space-between;
4146 -webkit-box-align: start; 4146 -webkit-box-align: start;
4147 -ms-flex-align: start; 4147 -ms-flex-align: start;
4148 align-items: flex-start; 4148 align-items: flex-start;
4149 -ms-flex-wrap: wrap; 4149 -ms-flex-wrap: wrap;
4150 flex-wrap: wrap; 4150 flex-wrap: wrap;
4151 gap: 30px 0; 4151 gap: 30px 0;
4152 } 4152 }
4153 } 4153 }
4154 @media (min-width: 768px) { 4154 @media (min-width: 768px) {
4155 .main__resume-base-body-two .main__resume-base-body-item { 4155 .main__resume-base-body-two .main__resume-base-body-item {
4156 width: calc(50% - 10px); 4156 width: calc(50% - 10px);
4157 } 4157 }
4158 } 4158 }
4159 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4159 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4160 -webkit-box-orient: vertical; 4160 -webkit-box-orient: vertical;
4161 -webkit-box-direction: normal; 4161 -webkit-box-direction: normal;
4162 -ms-flex-direction: column; 4162 -ms-flex-direction: column;
4163 flex-direction: column; 4163 flex-direction: column;
4164 } 4164 }
4165 .main__resume-base-body-item { 4165 .main__resume-base-body-item {
4166 width: 100%; 4166 width: 100%;
4167 display: -webkit-box; 4167 display: -webkit-box;
4168 display: -ms-flexbox; 4168 display: -ms-flexbox;
4169 display: flex; 4169 display: flex;
4170 -webkit-box-orient: vertical; 4170 -webkit-box-orient: vertical;
4171 -webkit-box-direction: normal; 4171 -webkit-box-direction: normal;
4172 -ms-flex-direction: column; 4172 -ms-flex-direction: column;
4173 flex-direction: column; 4173 flex-direction: column;
4174 gap: 20px; 4174 gap: 20px;
4175 position: relative; 4175 position: relative;
4176 border: 1px solid #377d87; 4176 border: 1px solid #377d87;
4177 border-radius: 8px; 4177 border-radius: 8px;
4178 padding: 10px; 4178 padding: 10px;
4179 -webkit-box-align: center; 4179 -webkit-box-align: center;
4180 -ms-flex-align: center; 4180 -ms-flex-align: center;
4181 align-items: center; 4181 align-items: center;
4182 } 4182 }
4183 @media (min-width: 768px) { 4183 @media (min-width: 768px) {
4184 .main__resume-base-body-item { 4184 .main__resume-base-body-item {
4185 padding: 20px; 4185 padding: 20px;
4186 } 4186 }
4187 } 4187 }
4188 .main__resume-base-body-item-buttons { 4188 .main__resume-base-body-item-buttons {
4189 margin-top: 10px; 4189 margin-top: 10px;
4190 } 4190 }
4191 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4191 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4192 width: 100%; 4192 width: 100%;
4193 margin-bottom: 10px; 4193 margin-bottom: 10px;
4194 } 4194 }
4195 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4195 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4196 background: #377d87; 4196 background: #377d87;
4197 color: #fff; 4197 color: #fff;
4198 } 4198 }
4199 .main__resume-base-body-item-buttons .chat.active{ 4199 .main__resume-base-body-item-buttons .chat.active{
4200 background: #fff; 4200 background: #fff;
4201 color: #377d87; 4201 color: #377d87;
4202 } 4202 }
4203 .main__resume-base-body-item-buttons button.like.active{ 4203 .main__resume-base-body-item-buttons button.like.active{
4204 background-color: #ffffff; 4204 background-color: #ffffff;
4205 color: #eb5757; 4205 color: #eb5757;
4206 } 4206 }
4207 .main__resume-base-body-item-buttons button span{ 4207 .main__resume-base-body-item-buttons button span{
4208 margin-left: 10px; 4208 margin-left: 10px;
4209 } 4209 }
4210 .main__resume-base-body-item-buttons .like .in-favorites{ 4210 .main__resume-base-body-item-buttons .like .in-favorites{
4211 display: none; 4211 display: none;
4212 } 4212 }
4213 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4213 .main__resume-base-body-item-buttons .like.active .in-favorites{
4214 display: block; 4214 display: block;
4215 color: #eb5757; 4215 color: #eb5757;
4216 } 4216 }
4217 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4217 .main__resume-base-body-item-buttons .like.active .to-favorites{
4218 display: none; 4218 display: none;
4219 } 4219 }
4220 .main__resume-base-body-item-wrapper { 4220 .main__resume-base-body-item-wrapper {
4221 display: -webkit-box; 4221 display: -webkit-box;
4222 display: -ms-flexbox; 4222 display: -ms-flexbox;
4223 display: flex; 4223 display: flex;
4224 -webkit-box-orient: vertical; 4224 -webkit-box-orient: vertical;
4225 -webkit-box-direction: normal; 4225 -webkit-box-direction: normal;
4226 -ms-flex-direction: column; 4226 -ms-flex-direction: column;
4227 flex-direction: column; 4227 flex-direction: column;
4228 -webkit-box-align: start; 4228 -webkit-box-align: start;
4229 -ms-flex-align: start; 4229 -ms-flex-align: start;
4230 align-items: flex-start; 4230 align-items: flex-start;
4231 gap: 20px; 4231 gap: 20px;
4232 width: 100%; 4232 width: 100%;
4233 } 4233 }
4234 @media (min-width: 768px) { 4234 @media (min-width: 768px) {
4235 .main__resume-base-body-item-wrapper { 4235 .main__resume-base-body-item-wrapper {
4236 -webkit-box-orient: horizontal; 4236 -webkit-box-orient: horizontal;
4237 -webkit-box-direction: normal; 4237 -webkit-box-direction: normal;
4238 -ms-flex-direction: row; 4238 -ms-flex-direction: row;
4239 flex-direction: row; 4239 flex-direction: row;
4240 } 4240 }
4241 } 4241 }
4242 .main__resume-base-body-item-photo { 4242 .main__resume-base-body-item-photo {
4243 width: 180px; 4243 width: 180px;
4244 aspect-ratio: 1/1; 4244 aspect-ratio: 1/1;
4245 -o-object-fit: cover; 4245 -o-object-fit: cover;
4246 object-fit: cover; 4246 object-fit: cover;
4247 border-radius: 8px; 4247 border-radius: 8px;
4248 } 4248 }
4249 @media (min-width: 768px) { 4249 @media (min-width: 768px) {
4250 .main__resume-base-body-item-photo { 4250 .main__resume-base-body-item-photo {
4251 width: 210px; 4251 width: 210px;
4252 } 4252 }
4253 } 4253 }
4254 .main__resume-base-body-item-inner { 4254 .main__resume-base-body-item-inner {
4255 display: -webkit-box; 4255 display: -webkit-box;
4256 display: -ms-flexbox; 4256 display: -ms-flexbox;
4257 display: flex; 4257 display: flex;
4258 -webkit-box-orient: vertical; 4258 -webkit-box-orient: vertical;
4259 -webkit-box-direction: normal; 4259 -webkit-box-direction: normal;
4260 -ms-flex-direction: column; 4260 -ms-flex-direction: column;
4261 flex-direction: column; 4261 flex-direction: column;
4262 gap: 10px; 4262 gap: 10px;
4263 width: 100%; 4263 width: 100%;
4264 row-gap: 10px; 4264 row-gap: 10px;
4265 } 4265 }
4266 .main__resume-base-body-item-inner .horizontal{ 4266 .main__resume-base-body-item-inner .horizontal{
4267 -webkit-box-orient: horizontal; 4267 -webkit-box-orient: horizontal;
4268 -ms-flex-direction: unset; 4268 -ms-flex-direction: unset;
4269 flex-direction: row; 4269 flex-direction: row;
4270 align-items: start; 4270 align-items: start;
4271 } 4271 }
4272 .main__resume-base-item-status{ 4272 .main__resume-base-item-status{
4273 width: fit-content; 4273 width: fit-content;
4274 background-color: #e6e6e6; 4274 background-color: #e6e6e6;
4275 font-weight: bold; 4275 font-weight: bold;
4276 padding: 5px 10px; 4276 padding: 5px 10px;
4277 border-radius: 8px; 4277 border-radius: 8px;
4278 } 4278 }
4279 .main__resume-base-item-status.looking-for-job{ 4279 .main__resume-base-item-status.looking-for-job{
4280 background-color: #eb5757; 4280 background-color: #eb5757;
4281 color: #fff; 4281 color: #fff;
4282 } 4282 }
4283 .main__resume-base-item-updated-at{ 4283 .main__resume-base-item-updated-at{
4284 padding: 5px 10px; 4284 padding: 5px 10px;
4285 border-radius: 8px; 4285 border-radius: 8px;
4286 border: 1px #e6e6e6 solid; 4286 border: 1px #e6e6e6 solid;
4287 } 4287 }
4288 @media (min-width: 768px) { 4288 @media (min-width: 768px) {
4289 .main__resume-base-body-item-inner { 4289 .main__resume-base-body-item-inner {
4290 gap: 16px; 4290 gap: 16px;
4291 padding-right: 50px; 4291 padding-right: 50px;
4292 } 4292 }
4293 } 4293 }
4294 @media (min-width: 992px) { 4294 @media (min-width: 992px) {
4295 .main__resume-base-body-item-inner { 4295 .main__resume-base-body-item-inner {
4296 display: grid; 4296 display: grid;
4297 grid-template-columns: repeat(2, 1fr); 4297 grid-template-columns: repeat(2, 1fr);
4298 gap: 30px; 4298 gap: 30px;
4299 row-gap: 10px; 4299 row-gap: 10px;
4300 } 4300 }
4301 } 4301 }
4302 .main__resume-base-body-item-inner div { 4302 .main__resume-base-body-item-inner div {
4303 display: -webkit-box; 4303 display: -webkit-box;
4304 display: -ms-flexbox; 4304 display: -ms-flexbox;
4305 display: flex; 4305 display: flex;
4306 -webkit-box-orient: vertical; 4306 -webkit-box-orient: vertical;
4307 -webkit-box-direction: normal; 4307 -webkit-box-direction: normal;
4308 -ms-flex-direction: column; 4308 -ms-flex-direction: column;
4309 flex-direction: column; 4309 flex-direction: column;
4310 gap: 4px; 4310 gap: 4px;
4311 font-size: 12px; 4311 font-size: 12px;
4312 } 4312 }
4313 @media (min-width: 768px) { 4313 @media (min-width: 768px) {
4314 .main__resume-base-body-item-inner div { 4314 .main__resume-base-body-item-inner div {
4315 font-size: 16px; 4315 font-size: 16px;
4316 } 4316 }
4317 } 4317 }
4318 .main__resume-base-body-item-inner b { 4318 .main__resume-base-body-item-inner b {
4319 color: #377d87; 4319 color: #377d87;
4320 font-size: 14px; 4320 font-size: 14px;
4321 } 4321 }
4322 @media (min-width: 768px) { 4322 @media (min-width: 768px) {
4323 .main__resume-base-body-item-inner b { 4323 .main__resume-base-body-item-inner b {
4324 font-size: 18px; 4324 font-size: 18px;
4325 } 4325 }
4326 } 4326 }
4327 .main__resume-base-body-item-link { 4327 .main__resume-base-body-item-link {
4328 width: 100%; 4328 width: 100%;
4329 padding: 0; 4329 padding: 0;
4330 } 4330 }
4331 @media (min-width: 768px) { 4331 @media (min-width: 768px) {
4332 .main__resume-base-body-item-link { 4332 .main__resume-base-body-item-link {
4333 width: 200px; 4333 width: 200px;
4334 } 4334 }
4335 } 4335 }
4336 .main__spoiler { 4336 .main__spoiler {
4337 overflow: hidden; 4337 overflow: hidden;
4338 border-radius: 8px; 4338 border-radius: 8px;
4339 display: -webkit-box; 4339 display: -webkit-box;
4340 display: -ms-flexbox; 4340 display: -ms-flexbox;
4341 display: flex; 4341 display: flex;
4342 -webkit-box-orient: vertical; 4342 -webkit-box-orient: vertical;
4343 -webkit-box-direction: normal; 4343 -webkit-box-direction: normal;
4344 -ms-flex-direction: column; 4344 -ms-flex-direction: column;
4345 flex-direction: column; 4345 flex-direction: column;
4346 } 4346 }
4347 .main__spoiler-toper { 4347 .main__spoiler-toper {
4348 background: #377d87; 4348 background: #377d87;
4349 height: 30px; 4349 height: 30px;
4350 display: -webkit-box; 4350 display: -webkit-box;
4351 display: -ms-flexbox; 4351 display: -ms-flexbox;
4352 display: flex; 4352 display: flex;
4353 -webkit-box-align: center; 4353 -webkit-box-align: center;
4354 -ms-flex-align: center; 4354 -ms-flex-align: center;
4355 align-items: center; 4355 align-items: center;
4356 -webkit-box-pack: center; 4356 -webkit-box-pack: center;
4357 -ms-flex-pack: center; 4357 -ms-flex-pack: center;
4358 justify-content: center; 4358 justify-content: center;
4359 color: #fff; 4359 color: #fff;
4360 font-size: 12px; 4360 font-size: 12px;
4361 font-weight: 700; 4361 font-weight: 700;
4362 padding: 0 30px; 4362 padding: 0 30px;
4363 border: none; 4363 border: none;
4364 position: relative; 4364 position: relative;
4365 } 4365 }
4366 @media (min-width: 768px) { 4366 @media (min-width: 768px) {
4367 .main__spoiler-toper { 4367 .main__spoiler-toper {
4368 font-size: 18px; 4368 font-size: 18px;
4369 height: 50px; 4369 height: 50px;
4370 padding: 0 60px; 4370 padding: 0 60px;
4371 } 4371 }
4372 } 4372 }
4373 .main__spoiler-toper:before, .main__spoiler-toper:after { 4373 .main__spoiler-toper:before, .main__spoiler-toper:after {
4374 content: ""; 4374 content: "";
4375 background: #fff; 4375 background: #fff;
4376 border-radius: 999px; 4376 border-radius: 999px;
4377 width: 10px; 4377 width: 10px;
4378 height: 1px; 4378 height: 1px;
4379 position: absolute; 4379 position: absolute;
4380 top: 50%; 4380 top: 50%;
4381 right: 10px; 4381 right: 10px;
4382 -webkit-transition: 0.3s; 4382 -webkit-transition: 0.3s;
4383 transition: 0.3s; 4383 transition: 0.3s;
4384 -webkit-transform: translate(0, -50%); 4384 -webkit-transform: translate(0, -50%);
4385 -ms-transform: translate(0, -50%); 4385 -ms-transform: translate(0, -50%);
4386 transform: translate(0, -50%); 4386 transform: translate(0, -50%);
4387 } 4387 }
4388 @media (min-width: 768px) { 4388 @media (min-width: 768px) {
4389 .main__spoiler-toper:before, .main__spoiler-toper:after { 4389 .main__spoiler-toper:before, .main__spoiler-toper:after {
4390 width: 20px; 4390 width: 20px;
4391 height: 2px; 4391 height: 2px;
4392 right: 20px; 4392 right: 20px;
4393 } 4393 }
4394 } 4394 }
4395 .main__spoiler-toper:after { 4395 .main__spoiler-toper:after {
4396 -webkit-transform: rotate(90deg); 4396 -webkit-transform: rotate(90deg);
4397 -ms-transform: rotate(90deg); 4397 -ms-transform: rotate(90deg);
4398 transform: rotate(90deg); 4398 transform: rotate(90deg);
4399 } 4399 }
4400 .main__spoiler-toper.active:after { 4400 .main__spoiler-toper.active:after {
4401 -webkit-transform: rotate(0deg); 4401 -webkit-transform: rotate(0deg);
4402 -ms-transform: rotate(0deg); 4402 -ms-transform: rotate(0deg);
4403 transform: rotate(0deg); 4403 transform: rotate(0deg);
4404 } 4404 }
4405 .main__spoiler-body { 4405 .main__spoiler-body {
4406 opacity: 0; 4406 opacity: 0;
4407 height: 0; 4407 height: 0;
4408 overflow: hidden; 4408 overflow: hidden;
4409 border-radius: 0 0 8px 8px; 4409 border-radius: 0 0 8px 8px;
4410 background: #fff; 4410 background: #fff;
4411 } 4411 }
4412 .main__spoiler-body table { 4412 .main__spoiler-body table {
4413 width: calc(100% + 2px); 4413 width: calc(100% + 2px);
4414 margin-left: -1px; 4414 margin-left: -1px;
4415 margin-bottom: -1px; 4415 margin-bottom: -1px;
4416 } 4416 }
4417 @media (min-width: 992px) { 4417 @media (min-width: 992px) {
4418 .main__spoiler-body table td { 4418 .main__spoiler-body table td {
4419 width: 50%; 4419 width: 50%;
4420 } 4420 }
4421 } 4421 }
4422 @media (min-width: 992px) { 4422 @media (min-width: 992px) {
4423 .main__spoiler-body table td + td { 4423 .main__spoiler-body table td + td {
4424 width: 50%; 4424 width: 50%;
4425 } 4425 }
4426 } 4426 }
4427 .active + .main__spoiler-body { 4427 .active + .main__spoiler-body {
4428 -webkit-transition: 0.3s; 4428 -webkit-transition: 0.3s;
4429 transition: 0.3s; 4429 transition: 0.3s;
4430 opacity: 1; 4430 opacity: 1;
4431 height: auto; 4431 height: auto;
4432 border: 1px solid #cecece; 4432 border: 1px solid #cecece;
4433 border-top: none; 4433 border-top: none;
4434 } 4434 }
4435 .main__table { 4435 .main__table {
4436 border-collapse: collapse; 4436 border-collapse: collapse;
4437 table-layout: fixed; 4437 table-layout: fixed;
4438 font-size: 12px; 4438 font-size: 12px;
4439 width: 100%; 4439 width: 100%;
4440 background: #fff; 4440 background: #fff;
4441 } 4441 }
4442 4442
4443 .main__table.worker_experience { 4443 .main__table.worker_experience {
4444 table-layout: unset; 4444 table-layout: unset;
4445 } 4445 }
4446 @media (min-width: 768px) { 4446 @media (min-width: 768px) {
4447 .main__table { 4447 .main__table {
4448 font-size: 16px; 4448 font-size: 16px;
4449 } 4449 }
4450 4450
4451 .main__table.worker_experience { 4451 .main__table.worker_experience {
4452 table-layout: fixed; 4452 table-layout: fixed;
4453 } 4453 }
4454 } 4454 }
4455 .main__table td { 4455 .main__table td {
4456 border: 1px solid #cecece; 4456 border: 1px solid #cecece;
4457 padding: 4px 8px; 4457 padding: 4px 8px;
4458 vertical-align: top; 4458 vertical-align: top;
4459 } 4459 }
4460 @media (min-width: 768px) { 4460 @media (min-width: 768px) {
4461 .main__table td { 4461 .main__table td {
4462 padding: 8px 16px; 4462 padding: 8px 16px;
4463 } 4463 }
4464 } 4464 }
4465 .main__table td b { 4465 .main__table td b {
4466 font-weight: 700; 4466 font-weight: 700;
4467 } 4467 }
4468 .main__table_three { 4468 .main__table_three {
4469 table-layout: auto; 4469 table-layout: auto;
4470 } 4470 }
4471 .main__table_three td { 4471 .main__table_three td {
4472 width: 25% !important; 4472 width: 25% !important;
4473 } 4473 }
4474 .main__table_three td:last-child { 4474 .main__table_three td:last-child {
4475 width: 50% !important; 4475 width: 50% !important;
4476 } 4476 }
4477 .main__table b { 4477 .main__table b {
4478 display: block; 4478 display: block;
4479 } 4479 }
4480 .main__table a { 4480 .main__table a {
4481 color: #377d87; 4481 color: #377d87;
4482 text-decoration: underline; 4482 text-decoration: underline;
4483 } 4483 }
4484 .main__table a:hover { 4484 .main__table a:hover {
4485 color: #000; 4485 color: #000;
4486 } 4486 }
4487 .main__resume-profile-about { 4487 .main__resume-profile-about {
4488 padding-top: 20px; 4488 padding-top: 20px;
4489 padding-bottom: 30px; 4489 padding-bottom: 30px;
4490 position: relative; 4490 position: relative;
4491 margin-top: 30px; 4491 margin-top: 30px;
4492 display: -webkit-box; 4492 display: -webkit-box;
4493 display: -ms-flexbox; 4493 display: -ms-flexbox;
4494 display: flex; 4494 display: flex;
4495 -webkit-box-orient: vertical; 4495 -webkit-box-orient: vertical;
4496 -webkit-box-direction: normal; 4496 -webkit-box-direction: normal;
4497 -ms-flex-direction: column; 4497 -ms-flex-direction: column;
4498 flex-direction: column; 4498 flex-direction: column;
4499 -webkit-box-align: start; 4499 -webkit-box-align: start;
4500 -ms-flex-align: start; 4500 -ms-flex-align: start;
4501 align-items: flex-start; 4501 align-items: flex-start;
4502 gap: 10px; 4502 gap: 10px;
4503 } 4503 }
4504 @media (min-width: 992px) { 4504 @media (min-width: 992px) {
4505 .main__resume-profile-about { 4505 .main__resume-profile-about {
4506 padding: 50px 0; 4506 padding: 50px 0;
4507 } 4507 }
4508 } 4508 }
4509 .main__resume-profile-about:before { 4509 .main__resume-profile-about:before {
4510 content: ""; 4510 content: "";
4511 position: absolute; 4511 position: absolute;
4512 z-index: 1; 4512 z-index: 1;
4513 top: 0; 4513 top: 0;
4514 left: 50%; 4514 left: 50%;
4515 width: 20000px; 4515 width: 20000px;
4516 height: 100%; 4516 height: 100%;
4517 margin-left: -10000px; 4517 margin-left: -10000px;
4518 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4518 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4519 } 4519 }
4520 .main__resume-profile-about-title { 4520 .main__resume-profile-about-title {
4521 position: relative; 4521 position: relative;
4522 z-index: 2; 4522 z-index: 2;
4523 color: #000; 4523 color: #000;
4524 } 4524 }
4525 .main__resume-profile-about-text { 4525 .main__resume-profile-about-text {
4526 position: relative; 4526 position: relative;
4527 z-index: 2; 4527 z-index: 2;
4528 } 4528 }
4529 .main__resume-profile-about-button { 4529 .main__resume-profile-about-button {
4530 position: relative; 4530 position: relative;
4531 z-index: 2; 4531 z-index: 2;
4532 /*margin-top: 10px;*/ 4532 /*margin-top: 10px;*/
4533 } 4533 }
4534 4534
4535 .table-responsive { 4535 .table-responsive {
4536 overflow: scroll; 4536 overflow: scroll;
4537 -webkit-overflow-scrolling: touch; 4537 -webkit-overflow-scrolling: touch;
4538 } 4538 }
4539 4539
4540 @media (min-width: 768px) { 4540 @media (min-width: 768px) {
4541 .table-responsive { 4541 .table-responsive {
4542 overflow: hidden; 4542 overflow: hidden;
4543 -webkit-overflow-scrolling: unset; 4543 -webkit-overflow-scrolling: unset;
4544 } 4544 }
4545 } 4545 }
4546 4546
4547 .main__resume-profile-about-buttons{ 4547 .main__resume-profile-about-buttons{
4548 display: flex; 4548 display: flex;
4549 width: 100%; 4549 width: 100%;
4550 position: relative; 4550 position: relative;
4551 z-index: 2; 4551 z-index: 2;
4552 } 4552 }
4553 .main__resume-profile-about-buttons .like{ 4553 .main__resume-profile-about-buttons .like{
4554 width: 200px; 4554 width: 200px;
4555 } 4555 }
4556 .main__resume-profile-about-buttons .like.active{ 4556 .main__resume-profile-about-buttons .like.active{
4557 background: #fff; 4557 background: #fff;
4558 color: #eb5757; 4558 color: #eb5757;
4559 } 4559 }
4560 .main__resume-profile-about-buttons .like .in-favorites{ 4560 .main__resume-profile-about-buttons .like .in-favorites{
4561 display: none; 4561 display: none;
4562 } 4562 }
4563 .main__resume-profile-about-buttons .like.active .in-favorites{ 4563 .main__resume-profile-about-buttons .like.active .in-favorites{
4564 display: block; 4564 display: block;
4565 color: #eb5757; 4565 color: #eb5757;
4566 } 4566 }
4567 .main__resume-profile-about-buttons .like.active .to-favorites{ 4567 .main__resume-profile-about-buttons .like.active .to-favorites{
4568 display: none; 4568 display: none;
4569 } 4569 }
4570 .main__resume-profile-about-text { 4570 .main__resume-profile-about-text {
4571 position: relative; 4571 position: relative;
4572 z-index: 2; 4572 z-index: 2;
4573 } 4573 }
4574 .main__resume-profile-info { 4574 .main__resume-profile-info {
4575 display: -webkit-box; 4575 display: -webkit-box;
4576 display: -ms-flexbox; 4576 display: -ms-flexbox;
4577 display: flex; 4577 display: flex;
4578 -webkit-box-orient: vertical; 4578 -webkit-box-orient: vertical;
4579 -webkit-box-direction: normal; 4579 -webkit-box-direction: normal;
4580 -ms-flex-direction: column; 4580 -ms-flex-direction: column;
4581 flex-direction: column; 4581 flex-direction: column;
4582 gap: 20px; 4582 gap: 20px;
4583 margin-top: 30px; 4583 margin-top: 30px;
4584 } 4584 }
4585 @media (min-width: 992px) { 4585 @media (min-width: 992px) {
4586 .main__resume-profile-info { 4586 .main__resume-profile-info {
4587 margin-top: 50px; 4587 margin-top: 50px;
4588 gap: 30px; 4588 gap: 30px;
4589 } 4589 }
4590 } 4590 }
4591 .main__resume-profile-info-title { 4591 .main__resume-profile-info-title {
4592 color: #000; 4592 color: #000;
4593 } 4593 }
4594 .main__resume-profile-info-body { 4594 .main__resume-profile-info-body {
4595 display: -webkit-box; 4595 display: -webkit-box;
4596 display: -ms-flexbox; 4596 display: -ms-flexbox;
4597 display: flex; 4597 display: flex;
4598 -webkit-box-orient: vertical; 4598 -webkit-box-orient: vertical;
4599 -webkit-box-direction: normal; 4599 -webkit-box-direction: normal;
4600 -ms-flex-direction: column; 4600 -ms-flex-direction: column;
4601 flex-direction: column; 4601 flex-direction: column;
4602 gap: 20px; 4602 gap: 20px;
4603 } 4603 }
4604 @media (min-width: 992px) { 4604 @media (min-width: 992px) {
4605 .main__resume-profile-info-body { 4605 .main__resume-profile-info-body {
4606 gap: 30px; 4606 gap: 30px;
4607 } 4607 }
4608 } 4608 }
4609 .main__resume-profile-info-body-item { 4609 .main__resume-profile-info-body-item {
4610 display: -webkit-box; 4610 display: -webkit-box;
4611 display: -ms-flexbox; 4611 display: -ms-flexbox;
4612 display: flex; 4612 display: flex;
4613 -webkit-box-orient: vertical; 4613 -webkit-box-orient: vertical;
4614 -webkit-box-direction: normal; 4614 -webkit-box-direction: normal;
4615 -ms-flex-direction: column; 4615 -ms-flex-direction: column;
4616 flex-direction: column; 4616 flex-direction: column;
4617 gap: 10px; 4617 gap: 10px;
4618 } 4618 }
4619 @media (min-width: 768px) { 4619 @media (min-width: 768px) {
4620 .main__resume-profile-info-body-item { 4620 .main__resume-profile-info-body-item {
4621 gap: 20px; 4621 gap: 20px;
4622 } 4622 }
4623 } 4623 }
4624 .main__resume-profile-info-body-subtitle { 4624 .main__resume-profile-info-body-subtitle {
4625 color: #4d88d9; 4625 color: #4d88d9;
4626 } 4626 }
4627 .main__resume-profile-info-body-inner { 4627 .main__resume-profile-info-body-inner {
4628 display: -webkit-box; 4628 display: -webkit-box;
4629 display: -ms-flexbox; 4629 display: -ms-flexbox;
4630 display: flex; 4630 display: flex;
4631 -webkit-box-orient: vertical; 4631 -webkit-box-orient: vertical;
4632 -webkit-box-direction: normal; 4632 -webkit-box-direction: normal;
4633 -ms-flex-direction: column; 4633 -ms-flex-direction: column;
4634 flex-direction: column; 4634 flex-direction: column;
4635 gap: 20px; 4635 gap: 20px;
4636 margin: 0; 4636 margin: 0;
4637 padding: 0; 4637 padding: 0;
4638 font-size: 12px; 4638 font-size: 12px;
4639 } 4639 }
4640 @media (min-width: 768px) { 4640 @media (min-width: 768px) {
4641 .main__resume-profile-info-body-inner { 4641 .main__resume-profile-info-body-inner {
4642 display: grid; 4642 display: grid;
4643 grid-template-columns: repeat(2, 1fr); 4643 grid-template-columns: repeat(2, 1fr);
4644 } 4644 }
4645 } 4645 }
4646 @media (min-width: 992px) { 4646 @media (min-width: 992px) {
4647 .main__resume-profile-info-body-inner { 4647 .main__resume-profile-info-body-inner {
4648 grid-template-columns: repeat(3, 1fr); 4648 grid-template-columns: repeat(3, 1fr);
4649 font-size: 16px; 4649 font-size: 16px;
4650 } 4650 }
4651 } 4651 }
4652 .main__resume-profile-info-body-inner li { 4652 .main__resume-profile-info-body-inner li {
4653 display: -webkit-box; 4653 display: -webkit-box;
4654 display: -ms-flexbox; 4654 display: -ms-flexbox;
4655 display: flex; 4655 display: flex;
4656 -webkit-box-orient: vertical; 4656 -webkit-box-orient: vertical;
4657 -webkit-box-direction: normal; 4657 -webkit-box-direction: normal;
4658 -ms-flex-direction: column; 4658 -ms-flex-direction: column;
4659 flex-direction: column; 4659 flex-direction: column;
4660 gap: 6px; 4660 gap: 6px;
4661 } 4661 }
4662 @media (min-width: 992px) { 4662 @media (min-width: 992px) {
4663 .main__resume-profile-info-body-inner li { 4663 .main__resume-profile-info-body-inner li {
4664 gap: 8px; 4664 gap: 8px;
4665 } 4665 }
4666 } 4666 }
4667 .main__resume-profile-info-body-inner b { 4667 .main__resume-profile-info-body-inner b {
4668 color: #377d87; 4668 color: #377d87;
4669 font-size: 14px; 4669 font-size: 14px;
4670 } 4670 }
4671 @media (min-width: 992px) { 4671 @media (min-width: 992px) {
4672 .main__resume-profile-info-body-inner b { 4672 .main__resume-profile-info-body-inner b {
4673 font-size: 18px; 4673 font-size: 18px;
4674 } 4674 }
4675 } 4675 }
4676 .main__resume-profile-info-body-inner span { 4676 .main__resume-profile-info-body-inner span {
4677 display: -webkit-box; 4677 display: -webkit-box;
4678 display: -ms-flexbox; 4678 display: -ms-flexbox;
4679 display: flex; 4679 display: flex;
4680 -webkit-box-orient: vertical; 4680 -webkit-box-orient: vertical;
4681 -webkit-box-direction: normal; 4681 -webkit-box-direction: normal;
4682 -ms-flex-direction: column; 4682 -ms-flex-direction: column;
4683 flex-direction: column; 4683 flex-direction: column;
4684 gap: 4px; 4684 gap: 4px;
4685 } 4685 }
4686 @media (min-width: 992px) { 4686 @media (min-width: 992px) {
4687 .main__resume-profile-info-body-inner span { 4687 .main__resume-profile-info-body-inner span {
4688 gap: 6px; 4688 gap: 6px;
4689 } 4689 }
4690 } 4690 }
4691 .main__resume-profile-review { 4691 .main__resume-profile-review {
4692 display: -webkit-box; 4692 display: -webkit-box;
4693 display: -ms-flexbox; 4693 display: -ms-flexbox;
4694 display: flex; 4694 display: flex;
4695 -webkit-box-orient: vertical; 4695 -webkit-box-orient: vertical;
4696 -webkit-box-direction: normal; 4696 -webkit-box-direction: normal;
4697 -ms-flex-direction: column; 4697 -ms-flex-direction: column;
4698 flex-direction: column; 4698 flex-direction: column;
4699 gap: 20px; 4699 gap: 20px;
4700 padding: 20px 10px; 4700 padding: 20px 10px;
4701 margin-top: 30px; 4701 margin-top: 30px;
4702 border-radius: 16px; 4702 border-radius: 16px;
4703 border: 1px solid #cecece; 4703 border: 1px solid #cecece;
4704 background: #fff; 4704 background: #fff;
4705 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4705 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4706 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4706 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4707 } 4707 }
4708 @media (min-width: 992px) { 4708 @media (min-width: 992px) {
4709 .main__resume-profile-review { 4709 .main__resume-profile-review {
4710 margin-top: 50px; 4710 margin-top: 50px;
4711 padding: 50px 40px; 4711 padding: 50px 40px;
4712 gap: 30px; 4712 gap: 30px;
4713 } 4713 }
4714 } 4714 }
4715 .main__resume-profile-review-title { 4715 .main__resume-profile-review-title {
4716 color: #000; 4716 color: #000;
4717 } 4717 }
4718 .main__resume-profile-review-body { 4718 .main__resume-profile-review-body {
4719 display: -webkit-box; 4719 display: -webkit-box;
4720 display: -ms-flexbox; 4720 display: -ms-flexbox;
4721 display: flex; 4721 display: flex;
4722 -webkit-box-orient: vertical; 4722 -webkit-box-orient: vertical;
4723 -webkit-box-direction: normal; 4723 -webkit-box-direction: normal;
4724 -ms-flex-direction: column; 4724 -ms-flex-direction: column;
4725 flex-direction: column; 4725 flex-direction: column;
4726 -webkit-box-align: start; 4726 -webkit-box-align: start;
4727 -ms-flex-align: start; 4727 -ms-flex-align: start;
4728 align-items: flex-start; 4728 align-items: flex-start;
4729 gap: 10px; 4729 gap: 10px;
4730 } 4730 }
4731 .main__resume-profile-review-body .textarea { 4731 .main__resume-profile-review-body .textarea {
4732 width: 100%; 4732 width: 100%;
4733 } 4733 }
4734 .main__resume-profile-review-body .button { 4734 .main__resume-profile-review-body .button {
4735 margin-top: 10px; 4735 margin-top: 10px;
4736 } 4736 }
4737 .main__vacancies { 4737 .main__vacancies {
4738 display: -webkit-box; 4738 display: -webkit-box;
4739 display: -ms-flexbox; 4739 display: -ms-flexbox;
4740 display: flex; 4740 display: flex;
4741 -webkit-box-orient: vertical; 4741 -webkit-box-orient: vertical;
4742 -webkit-box-direction: normal; 4742 -webkit-box-direction: normal;
4743 -ms-flex-direction: column; 4743 -ms-flex-direction: column;
4744 flex-direction: column; 4744 flex-direction: column;
4745 -webkit-box-align: center; 4745 -webkit-box-align: center;
4746 -ms-flex-align: center; 4746 -ms-flex-align: center;
4747 align-items: center; 4747 align-items: center;
4748 gap: 20px; 4748 gap: 20px;
4749 } 4749 }
4750 @media (min-width: 768px) { 4750 @media (min-width: 768px) {
4751 .main__vacancies { 4751 .main__vacancies {
4752 gap: 30px; 4752 gap: 30px;
4753 } 4753 }
4754 } 4754 }
4755 .main__vacancies-title { 4755 .main__vacancies-title {
4756 color: #000; 4756 color: #000;
4757 width: 100%; 4757 width: 100%;
4758 } 4758 }
4759 .main__vacancies-filters { 4759 .main__vacancies-filters {
4760 width: 100%; 4760 width: 100%;
4761 } 4761 }
4762 .main__vacancies-item { 4762 .main__vacancies-item {
4763 width: 100%; 4763 width: 100%;
4764 background: none; 4764 background: none;
4765 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4765 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4766 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4766 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4767 } 4767 }
4768 .main__vacancies-item-page { 4768 .main__vacancies-item-page {
4769 border: none; 4769 border: none;
4770 -webkit-box-shadow: none; 4770 -webkit-box-shadow: none;
4771 box-shadow: none; 4771 box-shadow: none;
4772 background: none; 4772 background: none;
4773 margin: 0 -10px; 4773 margin: 0 -10px;
4774 } 4774 }
4775 @media (min-width: 768px) { 4775 @media (min-width: 768px) {
4776 .main__vacancies-item-page { 4776 .main__vacancies-item-page {
4777 margin: 0 -20px; 4777 margin: 0 -20px;
4778 } 4778 }
4779 } 4779 }
4780 .main__vacancies-thing { 4780 .main__vacancies-thing {
4781 width: 100%; 4781 width: 100%;
4782 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4782 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4783 padding: 20px 10px; 4783 padding: 20px 10px;
4784 padding-bottom: 30px; 4784 padding-bottom: 30px;
4785 display: -webkit-box; 4785 display: -webkit-box;
4786 display: -ms-flexbox; 4786 display: -ms-flexbox;
4787 display: flex; 4787 display: flex;
4788 -webkit-box-orient: vertical; 4788 -webkit-box-orient: vertical;
4789 -webkit-box-direction: normal; 4789 -webkit-box-direction: normal;
4790 -ms-flex-direction: column; 4790 -ms-flex-direction: column;
4791 flex-direction: column; 4791 flex-direction: column;
4792 gap: 24px; 4792 gap: 24px;
4793 border-radius: 12px; 4793 border-radius: 12px;
4794 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4794 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4795 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4795 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4796 } 4796 }
4797 @media (min-width: 992px) { 4797 @media (min-width: 992px) {
4798 .main__vacancies-thing { 4798 .main__vacancies-thing {
4799 padding: 30px 20px; 4799 padding: 30px 20px;
4800 -webkit-box-orient: horizontal; 4800 -webkit-box-orient: horizontal;
4801 -webkit-box-direction: normal; 4801 -webkit-box-direction: normal;
4802 -ms-flex-direction: row; 4802 -ms-flex-direction: row;
4803 flex-direction: row; 4803 flex-direction: row;
4804 -webkit-box-align: start; 4804 -webkit-box-align: start;
4805 -ms-flex-align: start; 4805 -ms-flex-align: start;
4806 align-items: flex-start; 4806 align-items: flex-start;
4807 gap: 0; 4807 gap: 0;
4808 } 4808 }
4809 } 4809 }
4810 @media (min-width: 1280px) { 4810 @media (min-width: 1280px) {
4811 .main__vacancies-thing { 4811 .main__vacancies-thing {
4812 padding: 50px 20px; 4812 padding: 50px 20px;
4813 } 4813 }
4814 } 4814 }
4815 .main__vacancies-thing-pic { 4815 .main__vacancies-thing-pic {
4816 position: relative; 4816 position: relative;
4817 z-index: 2; 4817 z-index: 2;
4818 width: 100%; 4818 width: 100%;
4819 aspect-ratio: 42/34; 4819 aspect-ratio: 42/34;
4820 -o-object-fit: cover; 4820 -o-object-fit: cover;
4821 object-fit: cover; 4821 object-fit: cover;
4822 border-radius: 8px; 4822 border-radius: 8px;
4823 max-height: 340px; 4823 max-height: 340px;
4824 } 4824 }
4825 @media (min-width: 992px) { 4825 @media (min-width: 992px) {
4826 .main__vacancies-thing-pic { 4826 .main__vacancies-thing-pic {
4827 width: 380px; 4827 width: 380px;
4828 } 4828 }
4829 } 4829 }
4830 @media (min-width: 1280px) { 4830 @media (min-width: 1280px) {
4831 .main__vacancies-thing-pic { 4831 .main__vacancies-thing-pic {
4832 width: 420px; 4832 width: 420px;
4833 } 4833 }
4834 } 4834 }
4835 .main__vacancies-thing-body { 4835 .main__vacancies-thing-body {
4836 display: -webkit-box; 4836 display: -webkit-box;
4837 display: -ms-flexbox; 4837 display: -ms-flexbox;
4838 display: flex; 4838 display: flex;
4839 -webkit-box-orient: vertical; 4839 -webkit-box-orient: vertical;
4840 -webkit-box-direction: normal; 4840 -webkit-box-direction: normal;
4841 -ms-flex-direction: column; 4841 -ms-flex-direction: column;
4842 flex-direction: column; 4842 flex-direction: column;
4843 -webkit-box-align: start; 4843 -webkit-box-align: start;
4844 -ms-flex-align: start; 4844 -ms-flex-align: start;
4845 align-items: flex-start; 4845 align-items: flex-start;
4846 gap: 16px; 4846 gap: 16px;
4847 color: #000; 4847 color: #000;
4848 } 4848 }
4849 @media (min-width: 992px) { 4849 @media (min-width: 992px) {
4850 .main__vacancies-thing-body { 4850 .main__vacancies-thing-body {
4851 width: calc(100% - 380px); 4851 width: calc(100% - 380px);
4852 padding-left: 20px; 4852 padding-left: 20px;
4853 } 4853 }
4854 } 4854 }
4855 @media (min-width: 1280px) { 4855 @media (min-width: 1280px) {
4856 .main__vacancies-thing-body { 4856 .main__vacancies-thing-body {
4857 width: calc(100% - 420px); 4857 width: calc(100% - 420px);
4858 gap: 20px; 4858 gap: 20px;
4859 } 4859 }
4860 } 4860 }
4861 .main__vacancies-thing-body > * { 4861 .main__vacancies-thing-body > * {
4862 width: 100%; 4862 width: 100%;
4863 } 4863 }
4864 .main__vacancies-thing-body .button { 4864 .main__vacancies-thing-body .button {
4865 width: auto; 4865 width: auto;
4866 } 4866 }
4867 @media (min-width: 768px) { 4867 @media (min-width: 768px) {
4868 .main__vacancies-thing-body .button { 4868 .main__vacancies-thing-body .button {
4869 min-width: 200px; 4869 min-width: 200px;
4870 } 4870 }
4871 } 4871 }
4872 .main__vacancies-thing-scroll { 4872 .main__vacancies-thing-scroll {
4873 display: -webkit-box; 4873 display: -webkit-box;
4874 display: -ms-flexbox; 4874 display: -ms-flexbox;
4875 display: flex; 4875 display: flex;
4876 -webkit-box-orient: vertical; 4876 -webkit-box-orient: vertical;
4877 -webkit-box-direction: normal; 4877 -webkit-box-direction: normal;
4878 -ms-flex-direction: column; 4878 -ms-flex-direction: column;
4879 flex-direction: column; 4879 flex-direction: column;
4880 -webkit-box-align: start; 4880 -webkit-box-align: start;
4881 -ms-flex-align: start; 4881 -ms-flex-align: start;
4882 align-items: flex-start; 4882 align-items: flex-start;
4883 gap: 16px; 4883 gap: 16px;
4884 overflow: hidden; 4884 overflow: hidden;
4885 overflow-y: auto; 4885 overflow-y: auto;
4886 max-height: 180px; 4886 max-height: 180px;
4887 padding-right: 10px; 4887 padding-right: 10px;
4888 } 4888 }
4889 @media (min-width: 768px) { 4889 @media (min-width: 768px) {
4890 .main__vacancies-thing-scroll { 4890 .main__vacancies-thing-scroll {
4891 max-height: 210px; 4891 max-height: 210px;
4892 padding-right: 20px; 4892 padding-right: 20px;
4893 } 4893 }
4894 } 4894 }
4895 @media (min-width: 992px) { 4895 @media (min-width: 992px) {
4896 .main__vacancies-thing-scroll { 4896 .main__vacancies-thing-scroll {
4897 max-height: 175px; 4897 max-height: 175px;
4898 } 4898 }
4899 } 4899 }
4900 @media (min-width: 1280px) { 4900 @media (min-width: 1280px) {
4901 .main__vacancies-thing-scroll { 4901 .main__vacancies-thing-scroll {
4902 max-height: 200px; 4902 max-height: 200px;
4903 gap: 20px; 4903 gap: 20px;
4904 } 4904 }
4905 } 4905 }
4906 .main__cond { 4906 .main__cond {
4907 display: -webkit-box; 4907 display: -webkit-box;
4908 display: -ms-flexbox; 4908 display: -ms-flexbox;
4909 display: flex; 4909 display: flex;
4910 -webkit-box-orient: vertical; 4910 -webkit-box-orient: vertical;
4911 -webkit-box-direction: normal; 4911 -webkit-box-direction: normal;
4912 -ms-flex-direction: column; 4912 -ms-flex-direction: column;
4913 flex-direction: column; 4913 flex-direction: column;
4914 gap: 50px; 4914 gap: 50px;
4915 } 4915 }
4916 .main__cond > div { 4916 .main__cond > div {
4917 display: -webkit-box; 4917 display: -webkit-box;
4918 display: -ms-flexbox; 4918 display: -ms-flexbox;
4919 display: flex; 4919 display: flex;
4920 -webkit-box-orient: vertical; 4920 -webkit-box-orient: vertical;
4921 -webkit-box-direction: normal; 4921 -webkit-box-direction: normal;
4922 -ms-flex-direction: column; 4922 -ms-flex-direction: column;
4923 flex-direction: column; 4923 flex-direction: column;
4924 gap: 10px; 4924 gap: 10px;
4925 } 4925 }
4926 .main__cond-label { 4926 .main__cond-label {
4927 border-radius: 16px; 4927 border-radius: 16px;
4928 border: 1px solid #cecece; 4928 border: 1px solid #cecece;
4929 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4929 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4930 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4930 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4931 padding: 30px 20px; 4931 padding: 30px 20px;
4932 font-weight: 700; 4932 font-weight: 700;
4933 color: #000; 4933 color: #000;
4934 line-height: 2; 4934 line-height: 2;
4935 text-align: center; 4935 text-align: center;
4936 } 4936 }
4937 @media (min-width: 992px) { 4937 @media (min-width: 992px) {
4938 .main__cond-label { 4938 .main__cond-label {
4939 font-size: 30px; 4939 font-size: 30px;
4940 } 4940 }
4941 } 4941 }
4942 .main__cond-icons { 4942 .main__cond-icons {
4943 padding: 0; 4943 padding: 0;
4944 margin: 0; 4944 margin: 0;
4945 display: -webkit-box; 4945 display: -webkit-box;
4946 display: -ms-flexbox; 4946 display: -ms-flexbox;
4947 display: flex; 4947 display: flex;
4948 -webkit-box-orient: vertical; 4948 -webkit-box-orient: vertical;
4949 -webkit-box-direction: normal; 4949 -webkit-box-direction: normal;
4950 -ms-flex-direction: column; 4950 -ms-flex-direction: column;
4951 flex-direction: column; 4951 flex-direction: column;
4952 gap: 25px; 4952 gap: 25px;
4953 margin-top: 10px; 4953 margin-top: 10px;
4954 } 4954 }
4955 @media (min-width: 768px) { 4955 @media (min-width: 768px) {
4956 .main__cond-icons { 4956 .main__cond-icons {
4957 display: grid; 4957 display: grid;
4958 grid-template-columns: repeat(2, 1fr); 4958 grid-template-columns: repeat(2, 1fr);
4959 gap: 60px; 4959 gap: 60px;
4960 margin-top: 20px; 4960 margin-top: 20px;
4961 } 4961 }
4962 } 4962 }
4963 @media (min-width: 1280px) { 4963 @media (min-width: 1280px) {
4964 .main__cond-icons { 4964 .main__cond-icons {
4965 grid-template-columns: repeat(3, 1fr); 4965 grid-template-columns: repeat(3, 1fr);
4966 } 4966 }
4967 } 4967 }
4968 .main__cond-icons li { 4968 .main__cond-icons li {
4969 display: -webkit-box; 4969 display: -webkit-box;
4970 display: -ms-flexbox; 4970 display: -ms-flexbox;
4971 display: flex; 4971 display: flex;
4972 -webkit-box-orient: vertical; 4972 -webkit-box-orient: vertical;
4973 -webkit-box-direction: normal; 4973 -webkit-box-direction: normal;
4974 -ms-flex-direction: column; 4974 -ms-flex-direction: column;
4975 flex-direction: column; 4975 flex-direction: column;
4976 -webkit-box-align: start; 4976 -webkit-box-align: start;
4977 -ms-flex-align: start; 4977 -ms-flex-align: start;
4978 align-items: flex-start; 4978 align-items: flex-start;
4979 gap: 20px; 4979 gap: 20px;
4980 font-size: 12px; 4980 font-size: 12px;
4981 line-height: 1.4; 4981 line-height: 1.4;
4982 color: #000; 4982 color: #000;
4983 } 4983 }
4984 @media (min-width: 768px) { 4984 @media (min-width: 768px) {
4985 .main__cond-icons li { 4985 .main__cond-icons li {
4986 font-size: 14px; 4986 font-size: 14px;
4987 } 4987 }
4988 } 4988 }
4989 @media (min-width: 992px) { 4989 @media (min-width: 992px) {
4990 .main__cond-icons li { 4990 .main__cond-icons li {
4991 font-size: 16px; 4991 font-size: 16px;
4992 line-height: 1.6; 4992 line-height: 1.6;
4993 } 4993 }
4994 } 4994 }
4995 @media (min-width: 1280px) { 4995 @media (min-width: 1280px) {
4996 .main__cond-icons li { 4996 .main__cond-icons li {
4997 font-size: 18px; 4997 font-size: 18px;
4998 } 4998 }
4999 } 4999 }
5000 .main__cond-icons li span { 5000 .main__cond-icons li span {
5001 width: 48px; 5001 width: 48px;
5002 height: 48px; 5002 height: 48px;
5003 display: -webkit-box; 5003 display: -webkit-box;
5004 display: -ms-flexbox; 5004 display: -ms-flexbox;
5005 display: flex; 5005 display: flex;
5006 -webkit-box-align: center; 5006 -webkit-box-align: center;
5007 -ms-flex-align: center; 5007 -ms-flex-align: center;
5008 align-items: center; 5008 align-items: center;
5009 } 5009 }
5010 .main__cond-icons li span img { 5010 .main__cond-icons li span img {
5011 max-width: 48px; 5011 max-width: 48px;
5012 } 5012 }
5013 .main__cond-callback { 5013 .main__cond-callback {
5014 margin-top: 10px; 5014 margin-top: 10px;
5015 } 5015 }
5016 .main__ads { 5016 .main__ads {
5017 display: -webkit-box; 5017 display: -webkit-box;
5018 display: -ms-flexbox; 5018 display: -ms-flexbox;
5019 display: flex; 5019 display: flex;
5020 -webkit-box-orient: vertical; 5020 -webkit-box-orient: vertical;
5021 -webkit-box-direction: normal; 5021 -webkit-box-direction: normal;
5022 -ms-flex-direction: column; 5022 -ms-flex-direction: column;
5023 flex-direction: column; 5023 flex-direction: column;
5024 gap: 30px; 5024 gap: 30px;
5025 margin: 30px 0; 5025 margin: 30px 0;
5026 } 5026 }
5027 @media (min-width: 992px) { 5027 @media (min-width: 992px) {
5028 .main__ads { 5028 .main__ads {
5029 margin: 60px 0; 5029 margin: 60px 0;
5030 } 5030 }
5031 } 5031 }
5032 .main__ads-item { 5032 .main__ads-item {
5033 display: -webkit-box; 5033 display: -webkit-box;
5034 display: -ms-flexbox; 5034 display: -ms-flexbox;
5035 display: flex; 5035 display: flex;
5036 -webkit-box-orient: vertical; 5036 -webkit-box-orient: vertical;
5037 -webkit-box-direction: normal; 5037 -webkit-box-direction: normal;
5038 -ms-flex-direction: column; 5038 -ms-flex-direction: column;
5039 flex-direction: column; 5039 flex-direction: column;
5040 gap: 16px; 5040 gap: 16px;
5041 } 5041 }
5042 @media (min-width: 992px) { 5042 @media (min-width: 992px) {
5043 .main__ads-item { 5043 .main__ads-item {
5044 -webkit-box-orient: horizontal; 5044 -webkit-box-orient: horizontal;
5045 -webkit-box-direction: normal; 5045 -webkit-box-direction: normal;
5046 -ms-flex-direction: row; 5046 -ms-flex-direction: row;
5047 flex-direction: row; 5047 flex-direction: row;
5048 gap: 0; 5048 gap: 0;
5049 } 5049 }
5050 } 5050 }
5051 .main__ads-item-pic { 5051 .main__ads-item-pic {
5052 width: 100%; 5052 width: 100%;
5053 max-width: 440px; 5053 max-width: 440px;
5054 max-height: 200px; 5054 max-height: 200px;
5055 aspect-ratio: 3/2; 5055 aspect-ratio: 3/2;
5056 position: relative; 5056 position: relative;
5057 overflow: hidden; 5057 overflow: hidden;
5058 border-radius: 12px; 5058 border-radius: 12px;
5059 } 5059 }
5060 @media (min-width: 992px) { 5060 @media (min-width: 992px) {
5061 .main__ads-item-pic { 5061 .main__ads-item-pic {
5062 width: 200px; 5062 width: 200px;
5063 aspect-ratio: 1/1; 5063 aspect-ratio: 1/1;
5064 } 5064 }
5065 } 5065 }
5066 .main__ads-item-pic img { 5066 .main__ads-item-pic img {
5067 z-index: 1; 5067 z-index: 1;
5068 position: absolute; 5068 position: absolute;
5069 top: 0; 5069 top: 0;
5070 left: 0; 5070 left: 0;
5071 width: 100%; 5071 width: 100%;
5072 height: 100%; 5072 height: 100%;
5073 -o-object-fit: cover; 5073 -o-object-fit: cover;
5074 object-fit: cover; 5074 object-fit: cover;
5075 } 5075 }
5076 .main__ads-item-pic span { 5076 .main__ads-item-pic span {
5077 z-index: 2; 5077 z-index: 2;
5078 width: 30px; 5078 width: 30px;
5079 height: 30px; 5079 height: 30px;
5080 border-radius: 6px; 5080 border-radius: 6px;
5081 background: #4d88d9; 5081 background: #4d88d9;
5082 display: -webkit-box; 5082 display: -webkit-box;
5083 display: -ms-flexbox; 5083 display: -ms-flexbox;
5084 display: flex; 5084 display: flex;
5085 -webkit-box-pack: center; 5085 -webkit-box-pack: center;
5086 -ms-flex-pack: center; 5086 -ms-flex-pack: center;
5087 justify-content: center; 5087 justify-content: center;
5088 -webkit-box-align: center; 5088 -webkit-box-align: center;
5089 -ms-flex-align: center; 5089 -ms-flex-align: center;
5090 align-items: center; 5090 align-items: center;
5091 position: absolute; 5091 position: absolute;
5092 top: 10px; 5092 top: 10px;
5093 left: 10px; 5093 left: 10px;
5094 color: #fff; 5094 color: #fff;
5095 } 5095 }
5096 @media (min-width: 992px) { 5096 @media (min-width: 992px) {
5097 .main__ads-item-pic span { 5097 .main__ads-item-pic span {
5098 width: 42px; 5098 width: 42px;
5099 height: 42px; 5099 height: 42px;
5100 } 5100 }
5101 } 5101 }
5102 .main__ads-item-pic span svg { 5102 .main__ads-item-pic span svg {
5103 width: 12px; 5103 width: 12px;
5104 height: 12px; 5104 height: 12px;
5105 } 5105 }
5106 @media (min-width: 992px) { 5106 @media (min-width: 992px) {
5107 .main__ads-item-pic span svg { 5107 .main__ads-item-pic span svg {
5108 width: 20px; 5108 width: 20px;
5109 height: 20px; 5109 height: 20px;
5110 } 5110 }
5111 } 5111 }
5112 .main__ads-item-body { 5112 .main__ads-item-body {
5113 display: -webkit-box; 5113 display: -webkit-box;
5114 display: -ms-flexbox; 5114 display: -ms-flexbox;
5115 display: flex; 5115 display: flex;
5116 -webkit-box-orient: vertical; 5116 -webkit-box-orient: vertical;
5117 -webkit-box-direction: normal; 5117 -webkit-box-direction: normal;
5118 -ms-flex-direction: column; 5118 -ms-flex-direction: column;
5119 flex-direction: column; 5119 flex-direction: column;
5120 -webkit-box-align: start; 5120 -webkit-box-align: start;
5121 -ms-flex-align: start; 5121 -ms-flex-align: start;
5122 align-items: flex-start; 5122 align-items: flex-start;
5123 gap: 10px; 5123 gap: 10px;
5124 font-size: 12px; 5124 font-size: 12px;
5125 } 5125 }
5126 @media (min-width: 992px) { 5126 @media (min-width: 992px) {
5127 .main__ads-item-body { 5127 .main__ads-item-body {
5128 width: calc(100% - 200px); 5128 width: calc(100% - 200px);
5129 padding-left: 40px; 5129 padding-left: 40px;
5130 -webkit-box-pack: center; 5130 -webkit-box-pack: center;
5131 -ms-flex-pack: center; 5131 -ms-flex-pack: center;
5132 justify-content: center; 5132 justify-content: center;
5133 font-size: 16px; 5133 font-size: 16px;
5134 gap: 20px; 5134 gap: 20px;
5135 } 5135 }
5136 } 5136 }
5137 .main__ads-item-body b { 5137 .main__ads-item-body b {
5138 width: 100%; 5138 width: 100%;
5139 font-weight: 700; 5139 font-weight: 700;
5140 font-size: 14px; 5140 font-size: 14px;
5141 } 5141 }
5142 @media (min-width: 992px) { 5142 @media (min-width: 992px) {
5143 .main__ads-item-body b { 5143 .main__ads-item-body b {
5144 font-size: 20px; 5144 font-size: 20px;
5145 } 5145 }
5146 } 5146 }
5147 .main__ads-item-body span { 5147 .main__ads-item-body span {
5148 width: 100%; 5148 width: 100%;
5149 } 5149 }
5150 5150
5151 .work { 5151 .work {
5152 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5152 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5153 color: #000; 5153 color: #000;
5154 padding-top: 70px; 5154 padding-top: 70px;
5155 padding-bottom: 10px; 5155 padding-bottom: 10px;
5156 position: relative; 5156 position: relative;
5157 overflow: hidden; 5157 overflow: hidden;
5158 } 5158 }
5159 @media (min-width: 768px) { 5159 @media (min-width: 768px) {
5160 .work { 5160 .work {
5161 padding-bottom: 25px; 5161 padding-bottom: 25px;
5162 } 5162 }
5163 } 5163 }
5164 @media (min-width: 1280px) { 5164 @media (min-width: 1280px) {
5165 .work { 5165 .work {
5166 padding-top: 80px; 5166 padding-top: 80px;
5167 padding-bottom: 25px; 5167 padding-bottom: 25px;
5168 } 5168 }
5169 } 5169 }
5170 .work__pic { 5170 .work__pic {
5171 position: absolute; 5171 position: absolute;
5172 height: calc(100% - 40px); 5172 height: calc(100% - 40px);
5173 z-index: 1; 5173 z-index: 1;
5174 display: none; 5174 display: none;
5175 bottom: 0; 5175 bottom: 0;
5176 left: 50%; 5176 left: 50%;
5177 margin-left: 40px; 5177 margin-left: 40px;
5178 } 5178 }
5179 @media (min-width: 992px) { 5179 @media (min-width: 992px) {
5180 .work__pic { 5180 .work__pic {
5181 display: block; 5181 display: block;
5182 } 5182 }
5183 } 5183 }
5184 @media (min-width: 1280px) { 5184 @media (min-width: 1280px) {
5185 .work__pic { 5185 .work__pic {
5186 margin-left: 80px; 5186 margin-left: 80px;
5187 } 5187 }
5188 } 5188 }
5189 .work__body { 5189 .work__body {
5190 position: relative; 5190 position: relative;
5191 z-index: 2; 5191 z-index: 2;
5192 display: -webkit-box; 5192 display: -webkit-box;
5193 display: -ms-flexbox; 5193 display: -ms-flexbox;
5194 display: flex; 5194 display: flex;
5195 -webkit-box-orient: vertical; 5195 -webkit-box-orient: vertical;
5196 -webkit-box-direction: normal; 5196 -webkit-box-direction: normal;
5197 -ms-flex-direction: column; 5197 -ms-flex-direction: column;
5198 flex-direction: column; 5198 flex-direction: column;
5199 -webkit-box-align: center; 5199 -webkit-box-align: center;
5200 -ms-flex-align: center; 5200 -ms-flex-align: center;
5201 align-items: center; 5201 align-items: center;
5202 } 5202 }
5203 @media (min-width: 768px) { 5203 @media (min-width: 768px) {
5204 .work__body { 5204 .work__body {
5205 -webkit-box-align: start; 5205 -webkit-box-align: start;
5206 -ms-flex-align: start; 5206 -ms-flex-align: start;
5207 align-items: flex-start; 5207 align-items: flex-start;
5208 } 5208 }
5209 } 5209 }
5210 @media (min-width: 992px) { 5210 @media (min-width: 992px) {
5211 .work__body { 5211 .work__body {
5212 max-width: 600px; 5212 max-width: 600px;
5213 } 5213 }
5214 } 5214 }
5215 .work__title { 5215 .work__title {
5216 width: 100%; 5216 width: 100%;
5217 font-size: 40px; 5217 font-size: 40px;
5218 font-weight: 700; 5218 font-weight: 700;
5219 line-height: 1; 5219 line-height: 1;
5220 } 5220 }
5221 @media (min-width: 768px) { 5221 @media (min-width: 768px) {
5222 .work__title { 5222 .work__title {
5223 font-size: 64px; 5223 font-size: 64px;
5224 line-height: 94px; 5224 line-height: 94px;
5225 } 5225 }
5226 } 5226 }
5227 .work__text { 5227 .work__text {
5228 width: 100%; 5228 width: 100%;
5229 font-size: 12px; 5229 font-size: 12px;
5230 margin-top: 10px; 5230 margin-top: 10px;
5231 } 5231 }
5232 @media (min-width: 768px) { 5232 @media (min-width: 768px) {
5233 .work__text { 5233 .work__text {
5234 font-size: 18px; 5234 font-size: 18px;
5235 margin-top: 20px; 5235 margin-top: 20px;
5236 line-height: 1.4; 5236 line-height: 1.4;
5237 } 5237 }
5238 } 5238 }
5239 .work__list { 5239 .work__list {
5240 width: 100%; 5240 width: 100%;
5241 display: -webkit-box; 5241 display: -webkit-box;
5242 display: -ms-flexbox; 5242 display: -ms-flexbox;
5243 display: flex; 5243 display: flex;
5244 -webkit-box-orient: vertical; 5244 -webkit-box-orient: vertical;
5245 -webkit-box-direction: normal; 5245 -webkit-box-direction: normal;
5246 -ms-flex-direction: column; 5246 -ms-flex-direction: column;
5247 flex-direction: column; 5247 flex-direction: column;
5248 gap: 5px; 5248 gap: 5px;
5249 font-size: 14px; 5249 font-size: 14px;
5250 font-weight: 700; 5250 font-weight: 700;
5251 margin-top: 15px; 5251 margin-top: 15px;
5252 } 5252 }
5253 @media (min-width: 768px) { 5253 @media (min-width: 768px) {
5254 .work__list { 5254 .work__list {
5255 font-size: 18px; 5255 font-size: 18px;
5256 gap: 8px; 5256 gap: 8px;
5257 margin-top: 30px; 5257 margin-top: 30px;
5258 } 5258 }
5259 } 5259 }
5260 .work__list div { 5260 .work__list div {
5261 position: relative; 5261 position: relative;
5262 padding-left: 10px; 5262 padding-left: 10px;
5263 } 5263 }
5264 @media (min-width: 768px) { 5264 @media (min-width: 768px) {
5265 .work__list div { 5265 .work__list div {
5266 padding-left: 16px; 5266 padding-left: 16px;
5267 } 5267 }
5268 } 5268 }
5269 .work__list div:before { 5269 .work__list div:before {
5270 content: ""; 5270 content: "";
5271 width: 4px; 5271 width: 4px;
5272 height: 4px; 5272 height: 4px;
5273 background: #000; 5273 background: #000;
5274 border-radius: 999px; 5274 border-radius: 999px;
5275 position: absolute; 5275 position: absolute;
5276 top: 5px; 5276 top: 5px;
5277 left: 0; 5277 left: 0;
5278 } 5278 }
5279 @media (min-width: 768px) { 5279 @media (min-width: 768px) {
5280 .work__list div:before { 5280 .work__list div:before {
5281 top: 8px; 5281 top: 8px;
5282 } 5282 }
5283 } 5283 }
5284 .work__form { 5284 .work__form {
5285 margin-top: 20px; 5285 margin-top: 20px;
5286 } 5286 }
5287 @media (min-width: 768px) { 5287 @media (min-width: 768px) {
5288 .work__form { 5288 .work__form {
5289 margin-top: 30px; 5289 margin-top: 30px;
5290 } 5290 }
5291 } 5291 }
5292 .work__search { 5292 .work__search {
5293 width: 100%; 5293 width: 100%;
5294 max-width: 180px; 5294 max-width: 180px;
5295 margin-top: 20px; 5295 margin-top: 20px;
5296 } 5296 }
5297 @media (min-width: 768px) { 5297 @media (min-width: 768px) {
5298 .work__search { 5298 .work__search {
5299 max-width: 270px; 5299 max-width: 270px;
5300 margin-top: 50px; 5300 margin-top: 50px;
5301 } 5301 }
5302 } 5302 }
5303 .work__get { 5303 .work__get {
5304 width: 100%; 5304 width: 100%;
5305 display: -webkit-box; 5305 display: -webkit-box;
5306 display: -ms-flexbox; 5306 display: -ms-flexbox;
5307 display: flex; 5307 display: flex;
5308 -webkit-box-align: start; 5308 -webkit-box-align: start;
5309 -ms-flex-align: start; 5309 -ms-flex-align: start;
5310 align-items: flex-start; 5310 align-items: flex-start;
5311 -ms-flex-wrap: wrap; 5311 -ms-flex-wrap: wrap;
5312 flex-wrap: wrap; 5312 flex-wrap: wrap;
5313 margin-top: 48px; 5313 margin-top: 48px;
5314 } 5314 }
5315 .work__get b { 5315 .work__get b {
5316 width: 100%; 5316 width: 100%;
5317 margin-bottom: 10px; 5317 margin-bottom: 10px;
5318 font-size: 14px; 5318 font-size: 14px;
5319 } 5319 }
5320 @media (min-width: 768px) { 5320 @media (min-width: 768px) {
5321 .work__get b { 5321 .work__get b {
5322 font-size: 18px; 5322 font-size: 18px;
5323 } 5323 }
5324 } 5324 }
5325 .work__get a { 5325 .work__get a {
5326 display: -webkit-box; 5326 display: -webkit-box;
5327 display: -ms-flexbox; 5327 display: -ms-flexbox;
5328 display: flex; 5328 display: flex;
5329 -webkit-box-align: center; 5329 -webkit-box-align: center;
5330 -ms-flex-align: center; 5330 -ms-flex-align: center;
5331 align-items: center; 5331 align-items: center;
5332 -webkit-box-pack: center; 5332 -webkit-box-pack: center;
5333 -ms-flex-pack: center; 5333 -ms-flex-pack: center;
5334 justify-content: center; 5334 justify-content: center;
5335 margin-right: 20px; 5335 margin-right: 20px;
5336 } 5336 }
5337 .work__get a img { 5337 .work__get a img {
5338 -webkit-transition: 0.3s; 5338 -webkit-transition: 0.3s;
5339 transition: 0.3s; 5339 transition: 0.3s;
5340 width: 111px; 5340 width: 111px;
5341 } 5341 }
5342 @media (min-width: 768px) { 5342 @media (min-width: 768px) {
5343 .work__get a img { 5343 .work__get a img {
5344 width: 131px; 5344 width: 131px;
5345 } 5345 }
5346 } 5346 }
5347 .work__get a:hover img { 5347 .work__get a:hover img {
5348 -webkit-transform: scale(1.1); 5348 -webkit-transform: scale(1.1);
5349 -ms-transform: scale(1.1); 5349 -ms-transform: scale(1.1);
5350 transform: scale(1.1); 5350 transform: scale(1.1);
5351 } 5351 }
5352 .work__get a + a { 5352 .work__get a + a {
5353 margin-right: 0; 5353 margin-right: 0;
5354 } 5354 }
5355 5355
5356 .work__get-app-info { 5356 .work__get-app-info {
5357 margin-top: 10px; 5357 margin-top: 10px;
5358 font-size: 14px; 5358 font-size: 14px;
5359 display: flex; 5359 display: flex;
5360 width: 100%; 5360 width: 100%;
5361 } 5361 }
5362 5362
5363 .work__get-app-info a { 5363 .work__get-app-info a {
5364 text-decoration: underline; 5364 text-decoration: underline;
5365 font-weight: 700; 5365 font-weight: 700;
5366 } 5366 }
5367 5367
5368 @media (min-width: 768px) { 5368 @media (min-width: 768px) {
5369 .work__get-app-info { 5369 .work__get-app-info {
5370 font-size: 18px; 5370 font-size: 18px;
5371 } 5371 }
5372 } 5372 }
5373 5373
5374 5374
5375 .numbers { 5375 .numbers {
5376 padding: 30px 0; 5376 padding: 30px 0;
5377 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5377 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5378 color: #fff; 5378 color: #fff;
5379 } 5379 }
5380 @media (min-width: 1280px) { 5380 @media (min-width: 1280px) {
5381 .numbers { 5381 .numbers {
5382 padding: 100px 0; 5382 padding: 100px 0;
5383 background-position: 100% 100%; 5383 background-position: 100% 100%;
5384 background-size: auto 500px; 5384 background-size: auto 500px;
5385 } 5385 }
5386 } 5386 }
5387 .numbers__body { 5387 .numbers__body {
5388 display: -webkit-box; 5388 display: -webkit-box;
5389 display: -ms-flexbox; 5389 display: -ms-flexbox;
5390 display: flex; 5390 display: flex;
5391 -webkit-box-orient: vertical; 5391 -webkit-box-orient: vertical;
5392 -webkit-box-direction: normal; 5392 -webkit-box-direction: normal;
5393 -ms-flex-direction: column; 5393 -ms-flex-direction: column;
5394 flex-direction: column; 5394 flex-direction: column;
5395 gap: 30px; 5395 gap: 30px;
5396 } 5396 }
5397 @media (min-width: 768px) { 5397 @media (min-width: 768px) {
5398 .numbers__body { 5398 .numbers__body {
5399 display: grid; 5399 display: grid;
5400 grid-template-columns: 1fr 1fr 1fr; 5400 grid-template-columns: 1fr 1fr 1fr;
5401 } 5401 }
5402 } 5402 }
5403 .numbers__item { 5403 .numbers__item {
5404 font-size: 12px; 5404 font-size: 12px;
5405 display: -webkit-box; 5405 display: -webkit-box;
5406 display: -ms-flexbox; 5406 display: -ms-flexbox;
5407 display: flex; 5407 display: flex;
5408 -webkit-box-orient: vertical; 5408 -webkit-box-orient: vertical;
5409 -webkit-box-direction: normal; 5409 -webkit-box-direction: normal;
5410 -ms-flex-direction: column; 5410 -ms-flex-direction: column;
5411 flex-direction: column; 5411 flex-direction: column;
5412 line-height: 1.4; 5412 line-height: 1.4;
5413 } 5413 }
5414 @media (min-width: 1280px) { 5414 @media (min-width: 1280px) {
5415 .numbers__item { 5415 .numbers__item {
5416 font-size: 16px; 5416 font-size: 16px;
5417 line-height: 20px; 5417 line-height: 20px;
5418 } 5418 }
5419 } 5419 }
5420 .numbers__item b { 5420 .numbers__item b {
5421 font-size: 40px; 5421 font-size: 40px;
5422 font-weight: 700; 5422 font-weight: 700;
5423 border-bottom: 1px solid #fff; 5423 border-bottom: 1px solid #fff;
5424 line-height: 1; 5424 line-height: 1;
5425 } 5425 }
5426 @media (min-width: 1280px) { 5426 @media (min-width: 1280px) {
5427 .numbers__item b { 5427 .numbers__item b {
5428 font-size: 100px; 5428 font-size: 100px;
5429 line-height: 147px; 5429 line-height: 147px;
5430 } 5430 }
5431 } 5431 }
5432 .numbers__item span { 5432 .numbers__item span {
5433 font-weight: 700; 5433 font-weight: 700;
5434 font-size: 14px; 5434 font-size: 14px;
5435 margin: 10px 0; 5435 margin: 10px 0;
5436 line-height: 1; 5436 line-height: 1;
5437 } 5437 }
5438 @media (min-width: 1280px) { 5438 @media (min-width: 1280px) {
5439 .numbers__item span { 5439 .numbers__item span {
5440 font-size: 24px; 5440 font-size: 24px;
5441 margin-top: 30px; 5441 margin-top: 30px;
5442 } 5442 }
5443 } 5443 }
5444 5444
5445 .vacancies { 5445 .vacancies {
5446 padding: 50px 0; 5446 padding: 50px 0;
5447 } 5447 }
5448 @media (min-width: 1280px) { 5448 @media (min-width: 1280px) {
5449 .vacancies { 5449 .vacancies {
5450 padding: 100px 0; 5450 padding: 100px 0;
5451 } 5451 }
5452 } 5452 }
5453 .vacancies__body { 5453 .vacancies__body {
5454 display: -webkit-box; 5454 display: -webkit-box;
5455 display: -ms-flexbox; 5455 display: -ms-flexbox;
5456 display: flex; 5456 display: flex;
5457 -webkit-box-orient: vertical; 5457 -webkit-box-orient: vertical;
5458 -webkit-box-direction: reverse; 5458 -webkit-box-direction: reverse;
5459 -ms-flex-direction: column-reverse; 5459 -ms-flex-direction: column-reverse;
5460 flex-direction: column-reverse; 5460 flex-direction: column-reverse;
5461 gap: 20px; 5461 gap: 20px;
5462 width: 100%; 5462 width: 100%;
5463 margin-top: 20px; 5463 margin-top: 20px;
5464 } 5464 }
5465 @media (min-width: 992px) { 5465 @media (min-width: 992px) {
5466 .vacancies__body { 5466 .vacancies__body {
5467 margin-top: 30px; 5467 margin-top: 30px;
5468 gap: 30px; 5468 gap: 30px;
5469 } 5469 }
5470 } 5470 }
5471 .vacancies__more { 5471 .vacancies__more {
5472 width: 100%; 5472 width: 100%;
5473 } 5473 }
5474 @media (min-width: 768px) { 5474 @media (min-width: 768px) {
5475 .vacancies__more { 5475 .vacancies__more {
5476 width: auto; 5476 width: auto;
5477 margin: 0 auto; 5477 margin: 0 auto;
5478 } 5478 }
5479 } 5479 }
5480 .vacancies__list { 5480 .vacancies__list {
5481 display: -webkit-box; 5481 display: -webkit-box;
5482 display: -ms-flexbox; 5482 display: -ms-flexbox;
5483 display: flex; 5483 display: flex;
5484 -webkit-box-orient: vertical; 5484 -webkit-box-orient: vertical;
5485 -webkit-box-direction: normal; 5485 -webkit-box-direction: normal;
5486 -ms-flex-direction: column; 5486 -ms-flex-direction: column;
5487 flex-direction: column; 5487 flex-direction: column;
5488 gap: 15px; 5488 gap: 15px;
5489 } 5489 }
5490 @media (min-width: 768px) { 5490 @media (min-width: 768px) {
5491 .vacancies__list { 5491 .vacancies__list {
5492 display: grid; 5492 display: grid;
5493 grid-template-columns: repeat(2, 1fr); 5493 grid-template-columns: repeat(2, 1fr);
5494 } 5494 }
5495 } 5495 }
5496 @media (min-width: 992px) { 5496 @media (min-width: 992px) {
5497 .vacancies__list { 5497 .vacancies__list {
5498 display: grid; 5498 display: grid;
5499 grid-template-columns: repeat(3, 1fr); 5499 grid-template-columns: repeat(3, 1fr);
5500 gap: 20px; 5500 gap: 20px;
5501 } 5501 }
5502 } 5502 }
5503 @media (min-width: 1280px) { 5503 @media (min-width: 1280px) {
5504 .vacancies__list { 5504 .vacancies__list {
5505 grid-template-columns: repeat(4, 1fr); 5505 grid-template-columns: repeat(4, 1fr);
5506 } 5506 }
5507 } 5507 }
5508 .vacancies__list-label { 5508 .vacancies__list-label {
5509 font-weight: 700; 5509 font-weight: 700;
5510 font-size: 22px; 5510 font-size: 22px;
5511 } 5511 }
5512 .vacancies__list-col { 5512 .vacancies__list-col {
5513 display: -webkit-box; 5513 display: -webkit-box;
5514 display: -ms-flexbox; 5514 display: -ms-flexbox;
5515 display: flex; 5515 display: flex;
5516 -webkit-box-orient: vertical; 5516 -webkit-box-orient: vertical;
5517 -webkit-box-direction: normal; 5517 -webkit-box-direction: normal;
5518 -ms-flex-direction: column; 5518 -ms-flex-direction: column;
5519 flex-direction: column; 5519 flex-direction: column;
5520 gap: 15px; 5520 gap: 15px;
5521 margin-top: 15px; 5521 margin-top: 15px;
5522 margin-bottom: 30px; 5522 margin-bottom: 30px;
5523 } 5523 }
5524 @media (min-width: 768px) { 5524 @media (min-width: 768px) {
5525 .vacancies__list-col { 5525 .vacancies__list-col {
5526 margin-top: 0; 5526 margin-top: 0;
5527 } 5527 }
5528 } 5528 }
5529 .vacancies__list-col:first-child { 5529 .vacancies__list-col:first-child {
5530 margin-top: 0; 5530 margin-top: 0;
5531 } 5531 }
5532 .vacancies__item { 5532 .vacancies__item {
5533 display: none; 5533 display: none;
5534 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5534 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5535 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5535 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5536 border-radius: 12px; 5536 border-radius: 12px;
5537 background: #fff; 5537 background: #fff;
5538 border: 1px solid #e6e7e7; 5538 border: 1px solid #e6e7e7;
5539 overflow: hidden; 5539 overflow: hidden;
5540 } 5540 }
5541 .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) { 5541 .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) {
5542 display: -webkit-box; 5542 display: -webkit-box;
5543 display: -ms-flexbox; 5543 display: -ms-flexbox;
5544 display: flex; 5544 display: flex;
5545 } 5545 }
5546 .vacancies__item > span { 5546 .vacancies__item > span {
5547 border-left: 10px solid #377d87; 5547 border-left: 10px solid #377d87;
5548 padding: 20px 14px; 5548 padding: 20px 14px;
5549 display: -webkit-box; 5549 display: -webkit-box;
5550 display: -ms-flexbox; 5550 display: -ms-flexbox;
5551 display: flex; 5551 display: flex;
5552 -webkit-box-orient: vertical; 5552 -webkit-box-orient: vertical;
5553 -webkit-box-direction: normal; 5553 -webkit-box-direction: normal;
5554 -ms-flex-direction: column; 5554 -ms-flex-direction: column;
5555 flex-direction: column; 5555 flex-direction: column;
5556 -webkit-box-align: start; 5556 -webkit-box-align: start;
5557 -ms-flex-align: start; 5557 -ms-flex-align: start;
5558 align-items: flex-start; 5558 align-items: flex-start;
5559 gap: 5px; 5559 gap: 5px;
5560 -webkit-box-pack: justify; 5560 -webkit-box-pack: justify;
5561 -ms-flex-pack: justify; 5561 -ms-flex-pack: justify;
5562 justify-content: space-between; 5562 justify-content: space-between;
5563 } 5563 }
5564 @media (min-width: 992px) { 5564 @media (min-width: 992px) {
5565 .vacancies__item > span { 5565 .vacancies__item > span {
5566 gap: 10px; 5566 gap: 10px;
5567 } 5567 }
5568 } 5568 }
5569 .vacancies__item b { 5569 .vacancies__item b {
5570 font-weight: 700; 5570 font-weight: 700;
5571 font-size: 14px; 5571 font-size: 14px;
5572 } 5572 }
5573 @media (min-width: 992px) { 5573 @media (min-width: 992px) {
5574 .vacancies__item b { 5574 .vacancies__item b {
5575 font-size: 20px; 5575 font-size: 20px;
5576 } 5576 }
5577 } 5577 }
5578 .vacancies__item:hover b { 5578 .vacancies__item:hover b {
5579 color: #377d87; 5579 color: #377d87;
5580 } 5580 }
5581 .vacancies__item u { 5581 .vacancies__item u {
5582 text-decoration: none; 5582 text-decoration: none;
5583 font-size: 14px; 5583 font-size: 14px;
5584 } 5584 }
5585 @media (min-width: 992px) { 5585 @media (min-width: 992px) {
5586 .vacancies__item u { 5586 .vacancies__item u {
5587 font-size: 18px; 5587 font-size: 18px;
5588 } 5588 }
5589 } 5589 }
5590 .vacancies__item i { 5590 .vacancies__item i {
5591 font-size: 12px; 5591 font-size: 12px;
5592 font-style: normal; 5592 font-style: normal;
5593 border-bottom: 1px dashed #377d87; 5593 border-bottom: 1px dashed #377d87;
5594 } 5594 }
5595 @media (min-width: 992px) { 5595 @media (min-width: 992px) {
5596 .vacancies__item i { 5596 .vacancies__item i {
5597 font-size: 16px; 5597 font-size: 16px;
5598 } 5598 }
5599 } 5599 }
5600 .vacancies__item i span { 5600 .vacancies__item i span {
5601 font-weight: 700; 5601 font-weight: 700;
5602 color: #377d87; 5602 color: #377d87;
5603 } 5603 }
5604 .vacancies__body.active .vacancies__list .vacancies__item { 5604 .vacancies__body.active .vacancies__list .vacancies__item {
5605 display: -webkit-box; 5605 display: -webkit-box;
5606 display: -ms-flexbox; 5606 display: -ms-flexbox;
5607 display: flex; 5607 display: flex;
5608 } 5608 }
5609 5609
5610 .employer { 5610 .employer {
5611 padding-bottom: 50px; 5611 padding-bottom: 50px;
5612 } 5612 }
5613 @media (min-width: 768px) { 5613 @media (min-width: 768px) {
5614 .employer { 5614 .employer {
5615 padding-bottom: 100px; 5615 padding-bottom: 100px;
5616 } 5616 }
5617 } 5617 }
5618 .employer .swiper { 5618 .employer .swiper {
5619 margin: 20px 0; 5619 margin: 20px 0;
5620 } 5620 }
5621 @media (min-width: 768px) { 5621 @media (min-width: 768px) {
5622 .employer .swiper { 5622 .employer .swiper {
5623 display: none; 5623 display: none;
5624 } 5624 }
5625 } 5625 }
5626 .employer__item { 5626 .employer__item {
5627 display: -webkit-box; 5627 display: -webkit-box;
5628 display: -ms-flexbox; 5628 display: -ms-flexbox;
5629 display: flex; 5629 display: flex;
5630 -webkit-box-orient: vertical; 5630 -webkit-box-orient: vertical;
5631 -webkit-box-direction: normal; 5631 -webkit-box-direction: normal;
5632 -ms-flex-direction: column; 5632 -ms-flex-direction: column;
5633 flex-direction: column; 5633 flex-direction: column;
5634 gap: 30px; 5634 gap: 30px;
5635 } 5635 }
5636 .employer__item a { 5636 .employer__item a {
5637 display: -webkit-box; 5637 display: -webkit-box;
5638 display: -ms-flexbox; 5638 display: -ms-flexbox;
5639 display: flex; 5639 display: flex;
5640 -webkit-box-orient: vertical; 5640 -webkit-box-orient: vertical;
5641 -webkit-box-direction: normal; 5641 -webkit-box-direction: normal;
5642 -ms-flex-direction: column; 5642 -ms-flex-direction: column;
5643 flex-direction: column; 5643 flex-direction: column;
5644 -webkit-box-align: center; 5644 -webkit-box-align: center;
5645 -ms-flex-align: center; 5645 -ms-flex-align: center;
5646 align-items: center; 5646 align-items: center;
5647 } 5647 }
5648 .employer__item img { 5648 .employer__item img {
5649 width: 100%; 5649 width: 100%;
5650 aspect-ratio: 295/98; 5650 aspect-ratio: 295/98;
5651 -o-object-fit: contain; 5651 -o-object-fit: contain;
5652 object-fit: contain; 5652 object-fit: contain;
5653 } 5653 }
5654 .employer__body { 5654 .employer__body {
5655 display: none; 5655 display: none;
5656 grid-template-columns: 1fr 1fr; 5656 grid-template-columns: 1fr 1fr;
5657 gap: 30px; 5657 gap: 30px;
5658 margin-top: 30px; 5658 margin-top: 30px;
5659 margin-bottom: 40px; 5659 margin-bottom: 40px;
5660 } 5660 }
5661 @media (min-width: 768px) { 5661 @media (min-width: 768px) {
5662 .employer__body { 5662 .employer__body {
5663 display: grid; 5663 display: grid;
5664 } 5664 }
5665 } 5665 }
5666 @media (min-width: 992px) { 5666 @media (min-width: 992px) {
5667 .employer__body { 5667 .employer__body {
5668 grid-template-columns: 1fr 1fr 1fr; 5668 grid-template-columns: 1fr 1fr 1fr;
5669 } 5669 }
5670 } 5670 }
5671 @media (min-width: 1280px) { 5671 @media (min-width: 1280px) {
5672 .employer__body { 5672 .employer__body {
5673 grid-template-columns: 1fr 1fr 1fr 1fr; 5673 grid-template-columns: 1fr 1fr 1fr 1fr;
5674 } 5674 }
5675 } 5675 }
5676 .employer__body a { 5676 .employer__body a {
5677 display: -webkit-box; 5677 display: -webkit-box;
5678 display: -ms-flexbox; 5678 display: -ms-flexbox;
5679 display: flex; 5679 display: flex;
5680 -webkit-box-pack: center; 5680 -webkit-box-pack: center;
5681 -ms-flex-pack: center; 5681 -ms-flex-pack: center;
5682 justify-content: center; 5682 justify-content: center;
5683 -webkit-box-align: center; 5683 -webkit-box-align: center;
5684 -ms-flex-align: center; 5684 -ms-flex-align: center;
5685 align-items: center; 5685 align-items: center;
5686 height: 98px; 5686 height: 98px;
5687 } 5687 }
5688 .employer__body img { 5688 .employer__body img {
5689 max-width: 100%; 5689 max-width: 100%;
5690 max-height: 98px; 5690 max-height: 98px;
5691 -o-object-fit: contain; 5691 -o-object-fit: contain;
5692 object-fit: contain; 5692 object-fit: contain;
5693 } 5693 }
5694 .employer__more { 5694 .employer__more {
5695 height: 38px; 5695 height: 38px;
5696 } 5696 }
5697 @media (min-width: 768px) { 5697 @media (min-width: 768px) {
5698 .employer__more { 5698 .employer__more {
5699 width: 250px; 5699 width: 250px;
5700 margin: 0 auto; 5700 margin: 0 auto;
5701 height: 44px; 5701 height: 44px;
5702 } 5702 }
5703 } 5703 }
5704 5704
5705 .about { 5705 .about {
5706 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5706 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5707 background-size: cover; 5707 background-size: cover;
5708 padding: 30px 0; 5708 padding: 30px 0;
5709 padding-bottom: 70px; 5709 padding-bottom: 70px;
5710 } 5710 }
5711 @media (min-width: 768px) { 5711 @media (min-width: 768px) {
5712 .about { 5712 .about {
5713 padding-top: 40px; 5713 padding-top: 40px;
5714 background-size: auto calc(100% - 10px); 5714 background-size: auto calc(100% - 10px);
5715 } 5715 }
5716 } 5716 }
5717 @media (min-width: 1280px) { 5717 @media (min-width: 1280px) {
5718 .about { 5718 .about {
5719 padding: 100px 0; 5719 padding: 100px 0;
5720 } 5720 }
5721 } 5721 }
5722 .about__wrapper { 5722 .about__wrapper {
5723 display: -webkit-box; 5723 display: -webkit-box;
5724 display: -ms-flexbox; 5724 display: -ms-flexbox;
5725 display: flex; 5725 display: flex;
5726 -webkit-box-orient: vertical; 5726 -webkit-box-orient: vertical;
5727 -webkit-box-direction: normal; 5727 -webkit-box-direction: normal;
5728 -ms-flex-direction: column; 5728 -ms-flex-direction: column;
5729 flex-direction: column; 5729 flex-direction: column;
5730 position: relative; 5730 position: relative;
5731 } 5731 }
5732 .about__title { 5732 .about__title {
5733 color: #fff; 5733 color: #fff;
5734 line-height: 1.2; 5734 line-height: 1.2;
5735 } 5735 }
5736 @media (min-width: 1280px) { 5736 @media (min-width: 1280px) {
5737 .about__title { 5737 .about__title {
5738 position: absolute; 5738 position: absolute;
5739 top: -45px; 5739 top: -45px;
5740 left: 0; 5740 left: 0;
5741 } 5741 }
5742 } 5742 }
5743 .about__body { 5743 .about__body {
5744 display: -webkit-box; 5744 display: -webkit-box;
5745 display: -ms-flexbox; 5745 display: -ms-flexbox;
5746 display: flex; 5746 display: flex;
5747 -webkit-box-orient: vertical; 5747 -webkit-box-orient: vertical;
5748 -webkit-box-direction: normal; 5748 -webkit-box-direction: normal;
5749 -ms-flex-direction: column; 5749 -ms-flex-direction: column;
5750 flex-direction: column; 5750 flex-direction: column;
5751 } 5751 }
5752 @media (min-width: 1280px) { 5752 @media (min-width: 1280px) {
5753 .about__body { 5753 .about__body {
5754 padding-left: 495px; 5754 padding-left: 495px;
5755 } 5755 }
5756 } 5756 }
5757 .about__line { 5757 .about__line {
5758 background: #fff; 5758 background: #fff;
5759 width: 100%; 5759 width: 100%;
5760 height: 1px; 5760 height: 1px;
5761 max-width: 400px; 5761 max-width: 400px;
5762 margin-top: 10px; 5762 margin-top: 10px;
5763 } 5763 }
5764 .about__item { 5764 .about__item {
5765 display: -webkit-box; 5765 display: -webkit-box;
5766 display: -ms-flexbox; 5766 display: -ms-flexbox;
5767 display: flex; 5767 display: flex;
5768 -webkit-box-orient: vertical; 5768 -webkit-box-orient: vertical;
5769 -webkit-box-direction: normal; 5769 -webkit-box-direction: normal;
5770 -ms-flex-direction: column; 5770 -ms-flex-direction: column;
5771 flex-direction: column; 5771 flex-direction: column;
5772 margin-top: 10px; 5772 margin-top: 10px;
5773 max-width: 600px; 5773 max-width: 600px;
5774 } 5774 }
5775 @media (min-width: 768px) { 5775 @media (min-width: 768px) {
5776 .about__item { 5776 .about__item {
5777 margin-top: 20px; 5777 margin-top: 20px;
5778 } 5778 }
5779 } 5779 }
5780 @media (min-width: 1280px) { 5780 @media (min-width: 1280px) {
5781 .about__item { 5781 .about__item {
5782 margin-top: 30px; 5782 margin-top: 30px;
5783 } 5783 }
5784 } 5784 }
5785 .about__item b { 5785 .about__item b {
5786 font-size: 20px; 5786 font-size: 20px;
5787 font-weight: 700; 5787 font-weight: 700;
5788 } 5788 }
5789 .about__item span { 5789 .about__item span {
5790 font-size: 13px; 5790 font-size: 13px;
5791 line-height: 1.4; 5791 line-height: 1.4;
5792 margin-top: 6px; 5792 margin-top: 6px;
5793 } 5793 }
5794 @media (min-width: 1280px) { 5794 @media (min-width: 1280px) {
5795 .about__item span { 5795 .about__item span {
5796 font-size: 16px; 5796 font-size: 16px;
5797 margin-top: 12px; 5797 margin-top: 12px;
5798 } 5798 }
5799 } 5799 }
5800 .about__item a { 5800 .about__item a {
5801 text-decoration: underline; 5801 text-decoration: underline;
5802 } 5802 }
5803 .about__item + .about__item { 5803 .about__item + .about__item {
5804 margin-top: 30px; 5804 margin-top: 30px;
5805 } 5805 }
5806 @media (min-width: 992px) { 5806 @media (min-width: 992px) {
5807 .about__item + .about__item { 5807 .about__item + .about__item {
5808 margin-top: 40px; 5808 margin-top: 40px;
5809 } 5809 }
5810 } 5810 }
5811 .about__button { 5811 .about__button {
5812 margin-top: 20px; 5812 margin-top: 20px;
5813 height: 38px; 5813 height: 38px;
5814 padding: 0; 5814 padding: 0;
5815 } 5815 }
5816 @media (min-width: 768px) { 5816 @media (min-width: 768px) {
5817 .about__button { 5817 .about__button {
5818 max-width: 200px; 5818 max-width: 200px;
5819 height: 42px; 5819 height: 42px;
5820 margin-top: 30px; 5820 margin-top: 30px;
5821 } 5821 }
5822 } 5822 }
5823 5823
5824 .news { 5824 .news {
5825 padding: 50px 0; 5825 padding: 50px 0;
5826 overflow: hidden; 5826 overflow: hidden;
5827 } 5827 }
5828 @media (min-width: 1280px) { 5828 @media (min-width: 1280px) {
5829 .news { 5829 .news {
5830 padding: 100px 0; 5830 padding: 100px 0;
5831 padding-bottom: 0; 5831 padding-bottom: 0;
5832 } 5832 }
5833 } 5833 }
5834 .news__toper { 5834 .news__toper {
5835 display: -webkit-box; 5835 display: -webkit-box;
5836 display: -ms-flexbox; 5836 display: -ms-flexbox;
5837 display: flex; 5837 display: flex;
5838 -webkit-box-pack: justify; 5838 -webkit-box-pack: justify;
5839 -ms-flex-pack: justify; 5839 -ms-flex-pack: justify;
5840 justify-content: space-between; 5840 justify-content: space-between;
5841 -webkit-box-align: center; 5841 -webkit-box-align: center;
5842 -ms-flex-align: center; 5842 -ms-flex-align: center;
5843 align-items: center; 5843 align-items: center;
5844 } 5844 }
5845 @media (min-width: 1280px) { 5845 @media (min-width: 1280px) {
5846 .news__toper .title { 5846 .news__toper .title {
5847 width: calc(100% - 160px); 5847 width: calc(100% - 160px);
5848 } 5848 }
5849 } 5849 }
5850 .news__toper .navs { 5850 .news__toper .navs {
5851 display: none; 5851 display: none;
5852 } 5852 }
5853 @media (min-width: 1280px) { 5853 @media (min-width: 1280px) {
5854 .news__toper .navs { 5854 .news__toper .navs {
5855 display: -webkit-box; 5855 display: -webkit-box;
5856 display: -ms-flexbox; 5856 display: -ms-flexbox;
5857 display: flex; 5857 display: flex;
5858 } 5858 }
5859 } 5859 }
5860 .news .swiper { 5860 .news .swiper {
5861 margin-top: 20px; 5861 margin-top: 20px;
5862 } 5862 }
5863 @media (min-width: 768px) { 5863 @media (min-width: 768px) {
5864 .news .swiper { 5864 .news .swiper {
5865 overflow: visible; 5865 overflow: visible;
5866 } 5866 }
5867 } 5867 }
5868 @media (min-width: 992px) { 5868 @media (min-width: 992px) {
5869 .news .swiper { 5869 .news .swiper {
5870 margin-top: 40px; 5870 margin-top: 40px;
5871 } 5871 }
5872 } 5872 }
5873 .news__item { 5873 .news__item {
5874 display: -webkit-box; 5874 display: -webkit-box;
5875 display: -ms-flexbox; 5875 display: -ms-flexbox;
5876 display: flex; 5876 display: flex;
5877 -webkit-box-orient: vertical; 5877 -webkit-box-orient: vertical;
5878 -webkit-box-direction: normal; 5878 -webkit-box-direction: normal;
5879 -ms-flex-direction: column; 5879 -ms-flex-direction: column;
5880 flex-direction: column; 5880 flex-direction: column;
5881 line-height: 1.4; 5881 line-height: 1.4;
5882 } 5882 }
5883 .news__item-pic { 5883 .news__item-pic {
5884 width: 100%; 5884 width: 100%;
5885 aspect-ratio: 3/2; 5885 aspect-ratio: 3/2;
5886 border-radius: 12px; 5886 border-radius: 12px;
5887 border: 1px solid #e6e7e7; 5887 border: 1px solid #e6e7e7;
5888 -o-object-fit: cover; 5888 -o-object-fit: cover;
5889 object-fit: cover; 5889 object-fit: cover;
5890 min-height: 200px; 5890 min-height: 200px;
5891 } 5891 }
5892 @media (min-width: 1280px) { 5892 @media (min-width: 1280px) {
5893 .news__item-pic { 5893 .news__item-pic {
5894 aspect-ratio: 4/2; 5894 aspect-ratio: 4/2;
5895 } 5895 }
5896 } 5896 }
5897 .news__item-body { 5897 .news__item-body {
5898 display: -webkit-box; 5898 display: -webkit-box;
5899 display: -ms-flexbox; 5899 display: -ms-flexbox;
5900 display: flex; 5900 display: flex;
5901 -webkit-box-orient: vertical; 5901 -webkit-box-orient: vertical;
5902 -webkit-box-direction: normal; 5902 -webkit-box-direction: normal;
5903 -ms-flex-direction: column; 5903 -ms-flex-direction: column;
5904 flex-direction: column; 5904 flex-direction: column;
5905 padding-top: 15px; 5905 padding-top: 15px;
5906 } 5906 }
5907 @media (min-width: 768px) { 5907 @media (min-width: 768px) {
5908 .news__item-body { 5908 .news__item-body {
5909 padding: 20px; 5909 padding: 20px;
5910 padding-top: 30px; 5910 padding-top: 30px;
5911 margin-top: -15px; 5911 margin-top: -15px;
5912 border-radius: 0 0 12px 12px; 5912 border-radius: 0 0 12px 12px;
5913 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5913 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5914 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5914 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5915 } 5915 }
5916 } 5916 }
5917 .news__item-date { 5917 .news__item-date {
5918 font-size: 14px; 5918 font-size: 14px;
5919 font-weight: 700; 5919 font-weight: 700;
5920 color: #377d87; 5920 color: #377d87;
5921 } 5921 }
5922 .news__item-title { 5922 .news__item-title {
5923 font-size: 20px; 5923 font-size: 20px;
5924 font-weight: 700; 5924 font-weight: 700;
5925 line-height: 1.2; 5925 line-height: 1.2;
5926 margin-top: 5px; 5926 margin-top: 5px;
5927 } 5927 }
5928 .news__item-text { 5928 .news__item-text {
5929 color: #000; 5929 color: #000;
5930 font-size: 13px; 5930 font-size: 13px;
5931 margin-top: 10px; 5931 margin-top: 10px;
5932 overflow: hidden; 5932 overflow: hidden;
5933 display: -webkit-box; 5933 display: -webkit-box;
5934 -webkit-box-orient: vertical; 5934 -webkit-box-orient: vertical;
5935 -webkit-line-clamp: 4; 5935 -webkit-line-clamp: 4;
5936 } 5936 }
5937 5937
5938 .news__item-text p { 5938 .news__item-text p {
5939 word-break: break-all; 5939 word-break: break-all;
5940 } 5940 }
5941 5941
5942 @media (min-width: 1280px) { 5942 @media (min-width: 1280px) {
5943 .news__item-text { 5943 .news__item-text {
5944 font-size: 16px; 5944 font-size: 16px;
5945 } 5945 }
5946 } 5946 }
5947 .news__item-more { 5947 .news__item-more {
5948 height: 42px; 5948 height: 42px;
5949 margin-top: 20px; 5949 margin-top: 20px;
5950 } 5950 }
5951 @media (min-width: 1280px) { 5951 @media (min-width: 1280px) {
5952 .news__item-more { 5952 .news__item-more {
5953 height: 44px; 5953 height: 44px;
5954 max-width: 190px; 5954 max-width: 190px;
5955 } 5955 }
5956 } 5956 }
5957 .news__all { 5957 .news__all {
5958 height: 42px; 5958 height: 42px;
5959 margin: 0 auto; 5959 margin: 0 auto;
5960 margin-top: 20px; 5960 margin-top: 20px;
5961 padding: 0; 5961 padding: 0;
5962 display: none; 5962 display: none;
5963 } 5963 }
5964 @media (min-width: 768px) { 5964 @media (min-width: 768px) {
5965 .news__all { 5965 .news__all {
5966 max-width: 170px; 5966 max-width: 170px;
5967 margin-top: 30px; 5967 margin-top: 30px;
5968 display: -webkit-box; 5968 display: -webkit-box;
5969 display: -ms-flexbox; 5969 display: -ms-flexbox;
5970 display: flex; 5970 display: flex;
5971 } 5971 }
5972 } 5972 }
5973 @media (min-width: 1280px) { 5973 @media (min-width: 1280px) {
5974 .news__all { 5974 .news__all {
5975 height: 44px; 5975 height: 44px;
5976 } 5976 }
5977 } 5977 }
5978 .news__items { 5978 .news__items {
5979 display: grid; 5979 display: grid;
5980 gap: 20px; 5980 gap: 20px;
5981 margin-bottom: 10px; 5981 margin-bottom: 10px;
5982 } 5982 }
5983 @media (min-width: 768px) { 5983 @media (min-width: 768px) {
5984 .news__items { 5984 .news__items {
5985 grid-template-columns: 1fr 1fr; 5985 grid-template-columns: 1fr 1fr;
5986 } 5986 }
5987 } 5987 }
5988 @media (min-width: 992px) { 5988 @media (min-width: 992px) {
5989 .news__items { 5989 .news__items {
5990 grid-template-columns: 1fr 1fr 1fr; 5990 grid-template-columns: 1fr 1fr 1fr;
5991 } 5991 }
5992 } 5992 }
5993 5993
5994 main + .news { 5994 main + .news {
5995 padding: 0; 5995 padding: 0;
5996 } 5996 }
5997 5997
5998 .info { 5998 .info {
5999 position: relative; 5999 position: relative;
6000 overflow: hidden; 6000 overflow: hidden;
6001 } 6001 }
6002 @media (min-width: 1280px) { 6002 @media (min-width: 1280px) {
6003 .info { 6003 .info {
6004 margin-bottom: -25px; 6004 margin-bottom: -25px;
6005 } 6005 }
6006 } 6006 }
6007 .info__pic { 6007 .info__pic {
6008 display: none; 6008 display: none;
6009 z-index: 1; 6009 z-index: 1;
6010 position: absolute; 6010 position: absolute;
6011 top: 0; 6011 top: 0;
6012 left: 50%; 6012 left: 50%;
6013 height: 100%; 6013 height: 100%;
6014 margin-left: 130px; 6014 margin-left: 130px;
6015 } 6015 }
6016 @media (min-width: 992px) { 6016 @media (min-width: 992px) {
6017 .info__pic { 6017 .info__pic {
6018 display: block; 6018 display: block;
6019 } 6019 }
6020 } 6020 }
6021 @media (min-width: 1280px) { 6021 @media (min-width: 1280px) {
6022 .info__pic { 6022 .info__pic {
6023 width: 610px; 6023 width: 610px;
6024 height: auto; 6024 height: auto;
6025 margin-left: 10px; 6025 margin-left: 10px;
6026 } 6026 }
6027 } 6027 }
6028 .info__body { 6028 .info__body {
6029 z-index: 2; 6029 z-index: 2;
6030 position: relative; 6030 position: relative;
6031 display: -webkit-box; 6031 display: -webkit-box;
6032 display: -ms-flexbox; 6032 display: -ms-flexbox;
6033 display: flex; 6033 display: flex;
6034 -webkit-box-orient: vertical; 6034 -webkit-box-orient: vertical;
6035 -webkit-box-direction: normal; 6035 -webkit-box-direction: normal;
6036 -ms-flex-direction: column; 6036 -ms-flex-direction: column;
6037 flex-direction: column; 6037 flex-direction: column;
6038 } 6038 }
6039 @media (min-width: 1280px) { 6039 @media (min-width: 1280px) {
6040 .info__body { 6040 .info__body {
6041 padding-top: 100px; 6041 padding-top: 100px;
6042 min-height: 600px; 6042 min-height: 600px;
6043 } 6043 }
6044 } 6044 }
6045 @media (min-width: 1280px) { 6045 @media (min-width: 1280px) {
6046 .info__title { 6046 .info__title {
6047 max-width: 520px; 6047 max-width: 520px;
6048 line-height: 1; 6048 line-height: 1;
6049 } 6049 }
6050 } 6050 }
6051 .info__item { 6051 .info__item {
6052 margin-top: 20px; 6052 margin-top: 20px;
6053 display: -webkit-box; 6053 display: -webkit-box;
6054 display: -ms-flexbox; 6054 display: -ms-flexbox;
6055 display: flex; 6055 display: flex;
6056 -webkit-box-orient: vertical; 6056 -webkit-box-orient: vertical;
6057 -webkit-box-direction: normal; 6057 -webkit-box-direction: normal;
6058 -ms-flex-direction: column; 6058 -ms-flex-direction: column;
6059 flex-direction: column; 6059 flex-direction: column;
6060 gap: 20px; 6060 gap: 20px;
6061 } 6061 }
6062 @media (min-width: 992px) { 6062 @media (min-width: 992px) {
6063 .info__item { 6063 .info__item {
6064 max-width: 610px; 6064 max-width: 610px;
6065 } 6065 }
6066 } 6066 }
6067 .info__item + .info__item { 6067 .info__item + .info__item {
6068 margin-top: 60px; 6068 margin-top: 60px;
6069 } 6069 }
6070 .info__text { 6070 .info__text {
6071 color: #000; 6071 color: #000;
6072 font-size: 13px; 6072 font-size: 13px;
6073 line-height: 1.4; 6073 line-height: 1.4;
6074 } 6074 }
6075 @media (min-width: 768px) { 6075 @media (min-width: 768px) {
6076 .info__text { 6076 .info__text {
6077 font-size: 16px; 6077 font-size: 16px;
6078 } 6078 }
6079 } 6079 }
6080 @media (min-width: 1280px) { 6080 @media (min-width: 1280px) {
6081 .info__text { 6081 .info__text {
6082 font-size: 18px; 6082 font-size: 18px;
6083 } 6083 }
6084 } 6084 }
6085 .info__link { 6085 .info__link {
6086 border-radius: 8px; 6086 border-radius: 8px;
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-pack: center; 6090 -webkit-box-pack: center;
6091 -ms-flex-pack: center; 6091 -ms-flex-pack: center;
6092 justify-content: center; 6092 justify-content: center;
6093 -webkit-box-align: center; 6093 -webkit-box-align: center;
6094 -ms-flex-align: center; 6094 -ms-flex-align: center;
6095 align-items: center; 6095 align-items: center;
6096 line-height: 1; 6096 line-height: 1;
6097 height: 40px; 6097 height: 40px;
6098 font-size: 12px; 6098 font-size: 12px;
6099 font-weight: 700; 6099 font-weight: 700;
6100 gap: 8px; 6100 gap: 8px;
6101 color: #fff; 6101 color: #fff;
6102 background: #377d87; 6102 background: #377d87;
6103 } 6103 }
6104 .info__link:hover { 6104 .info__link:hover {
6105 -webkit-filter: grayscale(50%); 6105 -webkit-filter: grayscale(50%);
6106 filter: grayscale(50%); 6106 filter: grayscale(50%);
6107 } 6107 }
6108 @media (min-width: 768px) { 6108 @media (min-width: 768px) {
6109 .info__link { 6109 .info__link {
6110 height: 44px; 6110 height: 44px;
6111 font-size: 16px; 6111 font-size: 16px;
6112 gap: 10px; 6112 gap: 10px;
6113 max-width: 300px; 6113 max-width: 300px;
6114 } 6114 }
6115 } 6115 }
6116 @media (min-width: 992px) { 6116 @media (min-width: 992px) {
6117 .info__link { 6117 .info__link {
6118 max-width: 210px; 6118 max-width: 210px;
6119 } 6119 }
6120 } 6120 }
6121 .info__link svg { 6121 .info__link svg {
6122 width: 16px; 6122 width: 16px;
6123 height: 16px; 6123 height: 16px;
6124 } 6124 }
6125 @media (min-width: 768px) { 6125 @media (min-width: 768px) {
6126 .info__link svg { 6126 .info__link svg {
6127 width: 20px; 6127 width: 20px;
6128 height: 20px; 6128 height: 20px;
6129 } 6129 }
6130 } 6130 }
6131 6131
6132 .thing { 6132 .thing {
6133 padding-top: 15px; 6133 padding-top: 15px;
6134 padding-bottom: 30px; 6134 padding-bottom: 30px;
6135 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6135 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6136 color: #000; 6136 color: #000;
6137 overflow: hidden; 6137 overflow: hidden;
6138 position: relative; 6138 position: relative;
6139 } 6139 }
6140 @media (min-width: 992px) { 6140 @media (min-width: 992px) {
6141 .thing { 6141 .thing {
6142 padding-top: 20px; 6142 padding-top: 20px;
6143 padding-bottom: 60px; 6143 padding-bottom: 60px;
6144 } 6144 }
6145 } 6145 }
6146 @media (min-width: 1280px) { 6146 @media (min-width: 1280px) {
6147 .thing { 6147 .thing {
6148 padding-bottom: 90px; 6148 padding-bottom: 90px;
6149 } 6149 }
6150 } 6150 }
6151 .thing_pdf { 6151 .thing_pdf {
6152 padding: 30px 0; 6152 padding: 30px 0;
6153 } 6153 }
6154 @media (min-width: 992px) { 6154 @media (min-width: 992px) {
6155 .thing_pdf { 6155 .thing_pdf {
6156 padding: 60px 0; 6156 padding: 60px 0;
6157 } 6157 }
6158 } 6158 }
6159 @media (min-width: 1280px) { 6159 @media (min-width: 1280px) {
6160 .thing_pdf { 6160 .thing_pdf {
6161 padding: 90px 0; 6161 padding: 90px 0;
6162 } 6162 }
6163 } 6163 }
6164 .thing__body { 6164 .thing__body {
6165 display: -webkit-box; 6165 display: -webkit-box;
6166 display: -ms-flexbox; 6166 display: -ms-flexbox;
6167 display: flex; 6167 display: flex;
6168 -webkit-box-orient: vertical; 6168 -webkit-box-orient: vertical;
6169 -webkit-box-direction: normal; 6169 -webkit-box-direction: normal;
6170 -ms-flex-direction: column; 6170 -ms-flex-direction: column;
6171 flex-direction: column; 6171 flex-direction: column;
6172 -webkit-box-align: start; 6172 -webkit-box-align: start;
6173 -ms-flex-align: start; 6173 -ms-flex-align: start;
6174 align-items: flex-start; 6174 align-items: flex-start;
6175 } 6175 }
6176 .thing__breadcrumbs { 6176 .thing__breadcrumbs {
6177 width: 100%; 6177 width: 100%;
6178 margin-bottom: 40px; 6178 margin-bottom: 40px;
6179 position: relative; 6179 position: relative;
6180 z-index: 2; 6180 z-index: 2;
6181 } 6181 }
6182 @media (min-width: 768px) { 6182 @media (min-width: 768px) {
6183 .thing__breadcrumbs { 6183 .thing__breadcrumbs {
6184 margin-bottom: 60px; 6184 margin-bottom: 60px;
6185 } 6185 }
6186 } 6186 }
6187 .thing__date { 6187 .thing__date {
6188 color: #000; 6188 color: #000;
6189 font-size: 14px; 6189 font-size: 14px;
6190 font-weight: 700; 6190 font-weight: 700;
6191 line-height: 21px; 6191 line-height: 21px;
6192 margin-bottom: 10px; 6192 margin-bottom: 10px;
6193 } 6193 }
6194 @media (min-width: 768px) { 6194 @media (min-width: 768px) {
6195 .thing__date { 6195 .thing__date {
6196 font-size: 18px; 6196 font-size: 18px;
6197 line-height: 27px; 6197 line-height: 27px;
6198 } 6198 }
6199 } 6199 }
6200 .thing__title { 6200 .thing__title {
6201 width: 100%; 6201 width: 100%;
6202 font-size: 32px; 6202 font-size: 32px;
6203 font-weight: 700; 6203 font-weight: 700;
6204 margin: 0; 6204 margin: 0;
6205 max-width: 780px; 6205 max-width: 780px;
6206 position: relative; 6206 position: relative;
6207 z-index: 2; 6207 z-index: 2;
6208 line-height: 1.1; 6208 line-height: 1.1;
6209 } 6209 }
6210 @media (min-width: 768px) { 6210 @media (min-width: 768px) {
6211 .thing__title { 6211 .thing__title {
6212 font-size: 40px; 6212 font-size: 40px;
6213 } 6213 }
6214 } 6214 }
6215 @media (min-width: 1280px) { 6215 @media (min-width: 1280px) {
6216 .thing__title { 6216 .thing__title {
6217 font-size: 64px; 6217 font-size: 64px;
6218 } 6218 }
6219 } 6219 }
6220 .thing__text { 6220 .thing__text {
6221 width: 100%; 6221 width: 100%;
6222 font-weight: 700; 6222 font-weight: 700;
6223 font-size: 14px; 6223 font-size: 14px;
6224 line-height: 1.4; 6224 line-height: 1.4;
6225 margin: 15px 0 0 0; 6225 margin: 15px 0 0 0;
6226 max-width: 780px; 6226 max-width: 780px;
6227 position: relative; 6227 position: relative;
6228 z-index: 2; 6228 z-index: 2;
6229 } 6229 }
6230 @media (min-width: 768px) { 6230 @media (min-width: 768px) {
6231 .thing__text { 6231 .thing__text {
6232 margin-top: 15px; 6232 margin-top: 15px;
6233 } 6233 }
6234 } 6234 }
6235 @media (min-width: 992px) { 6235 @media (min-width: 992px) {
6236 .thing__text { 6236 .thing__text {
6237 font-weight: 400; 6237 font-weight: 400;
6238 font-size: 18px; 6238 font-size: 18px;
6239 } 6239 }
6240 } 6240 }
6241 .thing__search { 6241 .thing__search {
6242 width: 100%; 6242 width: 100%;
6243 max-width: 640px; 6243 max-width: 640px;
6244 margin-top: 20px; 6244 margin-top: 20px;
6245 position: relative; 6245 position: relative;
6246 z-index: 2; 6246 z-index: 2;
6247 } 6247 }
6248 @media (min-width: 768px) { 6248 @media (min-width: 768px) {
6249 .thing__search { 6249 .thing__search {
6250 margin-top: 30px; 6250 margin-top: 30px;
6251 } 6251 }
6252 } 6252 }
6253 .thing__badge { 6253 .thing__badge {
6254 position: relative; 6254 position: relative;
6255 z-index: 2; 6255 z-index: 2;
6256 display: -webkit-box; 6256 display: -webkit-box;
6257 display: -ms-flexbox; 6257 display: -ms-flexbox;
6258 display: flex; 6258 display: flex;
6259 -webkit-box-align: center; 6259 -webkit-box-align: center;
6260 -ms-flex-align: center; 6260 -ms-flex-align: center;
6261 align-items: center; 6261 align-items: center;
6262 gap: 5px; 6262 gap: 5px;
6263 padding: 0 12px; 6263 padding: 0 12px;
6264 background: #4d88d9; 6264 background: #4d88d9;
6265 color: #fff; 6265 color: #fff;
6266 font-size: 12px; 6266 font-size: 12px;
6267 line-height: 1; 6267 line-height: 1;
6268 height: 26px; 6268 height: 26px;
6269 border-radius: 999px; 6269 border-radius: 999px;
6270 margin-bottom: 20px; 6270 margin-bottom: 20px;
6271 } 6271 }
6272 @media (min-width: 992px) { 6272 @media (min-width: 992px) {
6273 .thing__badge { 6273 .thing__badge {
6274 font-size: 16px; 6274 font-size: 16px;
6275 gap: 10px; 6275 gap: 10px;
6276 padding: 0 24px; 6276 padding: 0 24px;
6277 height: 42px; 6277 height: 42px;
6278 margin-bottom: 30px; 6278 margin-bottom: 30px;
6279 } 6279 }
6280 } 6280 }
6281 .thing__badge svg { 6281 .thing__badge svg {
6282 width: 12px; 6282 width: 12px;
6283 height: 12px; 6283 height: 12px;
6284 } 6284 }
6285 @media (min-width: 992px) { 6285 @media (min-width: 992px) {
6286 .thing__badge svg { 6286 .thing__badge svg {
6287 width: 20px; 6287 width: 20px;
6288 height: 20px; 6288 height: 20px;
6289 } 6289 }
6290 } 6290 }
6291 .thing__pic { 6291 .thing__pic {
6292 width: 60px; 6292 width: 60px;
6293 aspect-ratio: 1/1; 6293 aspect-ratio: 1/1;
6294 -o-object-fit: contain; 6294 -o-object-fit: contain;
6295 object-fit: contain; 6295 object-fit: contain;
6296 position: relative; 6296 position: relative;
6297 z-index: 1; 6297 z-index: 1;
6298 margin-bottom: 15px; 6298 margin-bottom: 15px;
6299 } 6299 }
6300 @media (min-width: 768px) { 6300 @media (min-width: 768px) {
6301 .thing__pic { 6301 .thing__pic {
6302 width: 160px; 6302 width: 160px;
6303 position: absolute; 6303 position: absolute;
6304 top: 15px; 6304 top: 15px;
6305 right: 20px; 6305 right: 20px;
6306 } 6306 }
6307 } 6307 }
6308 @media (min-width: 992px) { 6308 @media (min-width: 992px) {
6309 .thing__pic { 6309 .thing__pic {
6310 width: 330px; 6310 width: 330px;
6311 top: 50%; 6311 top: 50%;
6312 -webkit-transform: translate(0, -50%); 6312 -webkit-transform: translate(0, -50%);
6313 -ms-transform: translate(0, -50%); 6313 -ms-transform: translate(0, -50%);
6314 transform: translate(0, -50%); 6314 transform: translate(0, -50%);
6315 } 6315 }
6316 } 6316 }
6317 @media (min-width: 1280px) { 6317 @media (min-width: 1280px) {
6318 .thing__pic { 6318 .thing__pic {
6319 right: auto; 6319 right: auto;
6320 left: 50%; 6320 left: 50%;
6321 margin-left: 200px; 6321 margin-left: 200px;
6322 } 6322 }
6323 } 6323 }
6324 .thing__pic_two { 6324 .thing__pic_two {
6325 -o-object-fit: cover; 6325 -o-object-fit: cover;
6326 object-fit: cover; 6326 object-fit: cover;
6327 border-radius: 30px; 6327 border-radius: 30px;
6328 aspect-ratio: 44/37; 6328 aspect-ratio: 44/37;
6329 width: 100%; 6329 width: 100%;
6330 max-width: 440px; 6330 max-width: 440px;
6331 } 6331 }
6332 @media (min-width: 768px) { 6332 @media (min-width: 768px) {
6333 .thing__pic_two { 6333 .thing__pic_two {
6334 position: static; 6334 position: static;
6335 -webkit-transform: translate(0, 0); 6335 -webkit-transform: translate(0, 0);
6336 -ms-transform: translate(0, 0); 6336 -ms-transform: translate(0, 0);
6337 transform: translate(0, 0); 6337 transform: translate(0, 0);
6338 } 6338 }
6339 } 6339 }
6340 @media (min-width: 1280px) { 6340 @media (min-width: 1280px) {
6341 .thing__pic_two { 6341 .thing__pic_two {
6342 position: absolute; 6342 position: absolute;
6343 -webkit-transform: translate(0, -50%); 6343 -webkit-transform: translate(0, -50%);
6344 -ms-transform: translate(0, -50%); 6344 -ms-transform: translate(0, -50%);
6345 transform: translate(0, -50%); 6345 transform: translate(0, -50%);
6346 } 6346 }
6347 } 6347 }
6348 .thing__buttons { 6348 .thing__buttons {
6349 width: 100%; 6349 width: 100%;
6350 position: relative; 6350 position: relative;
6351 z-index: 2; 6351 z-index: 2;
6352 display: -webkit-box; 6352 display: -webkit-box;
6353 display: -ms-flexbox; 6353 display: -ms-flexbox;
6354 display: flex; 6354 display: flex;
6355 -webkit-box-align: center; 6355 -webkit-box-align: center;
6356 -ms-flex-align: center; 6356 -ms-flex-align: center;
6357 align-items: center; 6357 align-items: center;
6358 gap: 20px; 6358 gap: 20px;
6359 margin-top: 15px; 6359 margin-top: 15px;
6360 } 6360 }
6361 @media (min-width: 992px) { 6361 @media (min-width: 992px) {
6362 .thing__buttons { 6362 .thing__buttons {
6363 margin-top: 30px; 6363 margin-top: 30px;
6364 gap: 30px; 6364 gap: 30px;
6365 } 6365 }
6366 } 6366 }
6367 @media (min-width: 992px) { 6367 @media (min-width: 992px) {
6368 .thing__buttons .button { 6368 .thing__buttons .button {
6369 padding: 0 22px; 6369 padding: 0 22px;
6370 } 6370 }
6371 } 6371 }
6372 .thing__checkbox { 6372 .thing__checkbox {
6373 margin-top: 20px; 6373 margin-top: 20px;
6374 } 6374 }
6375 .thing__checkbox .checkbox__icon { 6375 .thing__checkbox .checkbox__icon {
6376 border-color: #377d87; 6376 border-color: #377d87;
6377 } 6377 }
6378 .thing__checkbox .checkbox__text { 6378 .thing__checkbox .checkbox__text {
6379 color: #377d87; 6379 color: #377d87;
6380 } 6380 }
6381 .thing__profile { 6381 .thing__profile {
6382 display: -webkit-box; 6382 display: -webkit-box;
6383 display: -ms-flexbox; 6383 display: -ms-flexbox;
6384 display: flex; 6384 display: flex;
6385 -webkit-box-orient: vertical; 6385 -webkit-box-orient: vertical;
6386 -webkit-box-direction: normal; 6386 -webkit-box-direction: normal;
6387 -ms-flex-direction: column; 6387 -ms-flex-direction: column;
6388 flex-direction: column; 6388 flex-direction: column;
6389 } 6389 }
6390 @media (min-width: 768px) { 6390 @media (min-width: 768px) {
6391 .thing__profile { 6391 .thing__profile {
6392 -webkit-box-orient: horizontal; 6392 -webkit-box-orient: horizontal;
6393 -webkit-box-direction: normal; 6393 -webkit-box-direction: normal;
6394 -ms-flex-direction: row; 6394 -ms-flex-direction: row;
6395 flex-direction: row; 6395 flex-direction: row;
6396 -webkit-box-align: start; 6396 -webkit-box-align: start;
6397 -ms-flex-align: start; 6397 -ms-flex-align: start;
6398 align-items: flex-start; 6398 align-items: flex-start;
6399 } 6399 }
6400 } 6400 }
6401 .thing__profile-photo { 6401 .thing__profile-photo {
6402 width: 210px; 6402 width: 210px;
6403 border-radius: 8px; 6403 border-radius: 8px;
6404 aspect-ratio: 1/1; 6404 aspect-ratio: 1/1;
6405 } 6405 }
6406 .thing__profile-body { 6406 .thing__profile-body {
6407 display: -webkit-box; 6407 display: -webkit-box;
6408 display: -ms-flexbox; 6408 display: -ms-flexbox;
6409 display: flex; 6409 display: flex;
6410 -webkit-box-orient: vertical; 6410 -webkit-box-orient: vertical;
6411 -webkit-box-direction: normal; 6411 -webkit-box-direction: normal;
6412 -ms-flex-direction: column; 6412 -ms-flex-direction: column;
6413 flex-direction: column; 6413 flex-direction: column;
6414 margin-top: 15px; 6414 margin-top: 15px;
6415 } 6415 }
6416 @media (min-width: 768px) { 6416 @media (min-width: 768px) {
6417 .thing__profile-body { 6417 .thing__profile-body {
6418 width: calc(100% - 210px); 6418 width: calc(100% - 210px);
6419 padding-left: 35px; 6419 padding-left: 35px;
6420 } 6420 }
6421 } 6421 }
6422 .thing__profile .thing__title { 6422 .thing__profile .thing__title {
6423 max-width: none; 6423 max-width: none;
6424 } 6424 }
6425 @media (min-width: 768px) { 6425 @media (min-width: 768px) {
6426 .thing__profile .thing__title { 6426 .thing__profile .thing__title {
6427 margin-top: -20px; 6427 margin-top: -20px;
6428 } 6428 }
6429 } 6429 }
6430 .thing__profile .thing__text { 6430 .thing__profile .thing__text {
6431 max-width: none; 6431 max-width: none;
6432 } 6432 }
6433 .thing__bottom { 6433 .thing__bottom {
6434 display: -webkit-box; 6434 display: -webkit-box;
6435 display: -ms-flexbox; 6435 display: -ms-flexbox;
6436 display: flex; 6436 display: flex;
6437 -webkit-box-align: center; 6437 -webkit-box-align: center;
6438 -ms-flex-align: center; 6438 -ms-flex-align: center;
6439 align-items: center; 6439 align-items: center;
6440 gap: 15px; 6440 gap: 15px;
6441 margin-top: 15px; 6441 margin-top: 15px;
6442 } 6442 }
6443 @media (min-width: 768px) { 6443 @media (min-width: 768px) {
6444 .thing__bottom { 6444 .thing__bottom {
6445 margin-top: 30px; 6445 margin-top: 30px;
6446 } 6446 }
6447 } 6447 }
6448 .thing__select { 6448 .thing__select {
6449 width: 100%; 6449 width: 100%;
6450 max-width: 640px; 6450 max-width: 640px;
6451 margin-top: 20px; 6451 margin-top: 20px;
6452 } 6452 }
6453 @media (min-width: 768px) { 6453 @media (min-width: 768px) {
6454 .thing__select { 6454 .thing__select {
6455 margin-top: 30px; 6455 margin-top: 30px;
6456 } 6456 }
6457 } 6457 }
6458 6458
6459 .page-404 { 6459 .page-404 {
6460 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6460 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6461 overflow: hidden; 6461 overflow: hidden;
6462 } 6462 }
6463 .page-404__body { 6463 .page-404__body {
6464 display: -webkit-box; 6464 display: -webkit-box;
6465 display: -ms-flexbox; 6465 display: -ms-flexbox;
6466 display: flex; 6466 display: flex;
6467 -webkit-box-orient: vertical; 6467 -webkit-box-orient: vertical;
6468 -webkit-box-direction: normal; 6468 -webkit-box-direction: normal;
6469 -ms-flex-direction: column; 6469 -ms-flex-direction: column;
6470 flex-direction: column; 6470 flex-direction: column;
6471 -webkit-box-align: center; 6471 -webkit-box-align: center;
6472 -ms-flex-align: center; 6472 -ms-flex-align: center;
6473 align-items: center; 6473 align-items: center;
6474 -webkit-box-pack: center; 6474 -webkit-box-pack: center;
6475 -ms-flex-pack: center; 6475 -ms-flex-pack: center;
6476 justify-content: center; 6476 justify-content: center;
6477 text-align: center; 6477 text-align: center;
6478 padding: 60px 0; 6478 padding: 60px 0;
6479 color: #000; 6479 color: #000;
6480 font-size: 12px; 6480 font-size: 12px;
6481 gap: 10px; 6481 gap: 10px;
6482 line-height: 1.4; 6482 line-height: 1.4;
6483 } 6483 }
6484 @media (min-width: 768px) { 6484 @media (min-width: 768px) {
6485 .page-404__body { 6485 .page-404__body {
6486 font-size: 18px; 6486 font-size: 18px;
6487 padding: 120px 0; 6487 padding: 120px 0;
6488 gap: 20px; 6488 gap: 20px;
6489 } 6489 }
6490 } 6490 }
6491 @media (min-width: 1280px) { 6491 @media (min-width: 1280px) {
6492 .page-404__body { 6492 .page-404__body {
6493 padding: 180px 0; 6493 padding: 180px 0;
6494 text-align: left; 6494 text-align: left;
6495 } 6495 }
6496 } 6496 }
6497 .page-404__numb { 6497 .page-404__numb {
6498 font-size: 114px; 6498 font-size: 114px;
6499 line-height: 1; 6499 line-height: 1;
6500 color: #377d87; 6500 color: #377d87;
6501 font-weight: 700; 6501 font-weight: 700;
6502 } 6502 }
6503 @media (min-width: 768px) { 6503 @media (min-width: 768px) {
6504 .page-404__numb { 6504 .page-404__numb {
6505 font-size: 184px; 6505 font-size: 184px;
6506 } 6506 }
6507 } 6507 }
6508 @media (min-width: 768px) { 6508 @media (min-width: 768px) {
6509 .page-404__title { 6509 .page-404__title {
6510 font-weight: 700; 6510 font-weight: 700;
6511 font-size: 44px; 6511 font-size: 44px;
6512 } 6512 }
6513 } 6513 }
6514 @media (min-width: 1280px) { 6514 @media (min-width: 1280px) {
6515 .page-404__title { 6515 .page-404__title {
6516 width: 710px; 6516 width: 710px;
6517 position: relative; 6517 position: relative;
6518 left: 200px; 6518 left: 200px;
6519 } 6519 }
6520 } 6520 }
6521 @media (min-width: 1280px) { 6521 @media (min-width: 1280px) {
6522 .page-404__subtitle { 6522 .page-404__subtitle {
6523 width: 710px; 6523 width: 710px;
6524 position: relative; 6524 position: relative;
6525 left: 200px; 6525 left: 200px;
6526 } 6526 }
6527 } 6527 }
6528 .page-404__button { 6528 .page-404__button {
6529 margin-top: 10px; 6529 margin-top: 10px;
6530 } 6530 }
6531 @media (min-width: 1280px) { 6531 @media (min-width: 1280px) {
6532 .page-404__button { 6532 .page-404__button {
6533 position: relative; 6533 position: relative;
6534 left: -45px; 6534 left: -45px;
6535 } 6535 }
6536 } 6536 }
6537 6537
6538 .cookies { 6538 .cookies {
6539 display: none; 6539 display: none;
6540 -webkit-box-align: end; 6540 -webkit-box-align: end;
6541 -ms-flex-align: end; 6541 -ms-flex-align: end;
6542 align-items: flex-end; 6542 align-items: flex-end;
6543 padding: 10px; 6543 padding: 10px;
6544 padding-top: 0; 6544 padding-top: 0;
6545 height: 0; 6545 height: 0;
6546 position: fixed; 6546 position: fixed;
6547 z-index: 999; 6547 z-index: 999;
6548 bottom: 0; 6548 bottom: 0;
6549 left: 0; 6549 left: 0;
6550 width: 100%; 6550 width: 100%;
6551 } 6551 }
6552 .cookies-is-actived .cookies { 6552 .cookies-is-actived .cookies {
6553 display: -webkit-box; 6553 display: -webkit-box;
6554 display: -ms-flexbox; 6554 display: -ms-flexbox;
6555 display: flex; 6555 display: flex;
6556 } 6556 }
6557 .cookies__body { 6557 .cookies__body {
6558 border-radius: 6px; 6558 border-radius: 6px;
6559 border: 1px solid #377d87; 6559 border: 1px solid #377d87;
6560 background: #fff; 6560 background: #fff;
6561 padding: 15px; 6561 padding: 15px;
6562 padding-right: 50px; 6562 padding-right: 50px;
6563 position: relative; 6563 position: relative;
6564 max-width: 940px; 6564 max-width: 940px;
6565 margin: 0 auto; 6565 margin: 0 auto;
6566 } 6566 }
6567 @media (min-width: 768px) { 6567 @media (min-width: 768px) {
6568 .cookies__body { 6568 .cookies__body {
6569 padding: 25px; 6569 padding: 25px;
6570 padding-right: 50px; 6570 padding-right: 50px;
6571 border-radius: 12px; 6571 border-radius: 12px;
6572 } 6572 }
6573 } 6573 }
6574 @media (min-width: 992px) { 6574 @media (min-width: 992px) {
6575 .cookies__body { 6575 .cookies__body {
6576 padding: 40px 60px; 6576 padding: 40px 60px;
6577 } 6577 }
6578 } 6578 }
6579 .cookies__close { 6579 .cookies__close {
6580 display: -webkit-box; 6580 display: -webkit-box;
6581 display: -ms-flexbox; 6581 display: -ms-flexbox;
6582 display: flex; 6582 display: flex;
6583 -webkit-box-pack: center; 6583 -webkit-box-pack: center;
6584 -ms-flex-pack: center; 6584 -ms-flex-pack: center;
6585 justify-content: center; 6585 justify-content: center;
6586 -webkit-box-align: center; 6586 -webkit-box-align: center;
6587 -ms-flex-align: center; 6587 -ms-flex-align: center;
6588 align-items: center; 6588 align-items: center;
6589 color: #377d87; 6589 color: #377d87;
6590 padding: 0; 6590 padding: 0;
6591 border: none; 6591 border: none;
6592 background: none; 6592 background: none;
6593 position: absolute; 6593 position: absolute;
6594 top: 15px; 6594 top: 15px;
6595 right: 15px; 6595 right: 15px;
6596 } 6596 }
6597 .cookies__close:hover { 6597 .cookies__close:hover {
6598 color: #000; 6598 color: #000;
6599 } 6599 }
6600 .cookies__close svg { 6600 .cookies__close svg {
6601 width: 16px; 6601 width: 16px;
6602 height: 16px; 6602 height: 16px;
6603 } 6603 }
6604 .cookies__text { 6604 .cookies__text {
6605 font-size: 12px; 6605 font-size: 12px;
6606 color: #377d87; 6606 color: #377d87;
6607 line-height: 1.4; 6607 line-height: 1.4;
6608 } 6608 }
6609 @media (min-width: 768px) { 6609 @media (min-width: 768px) {
6610 .cookies__text { 6610 .cookies__text {
6611 font-size: 16px; 6611 font-size: 16px;
6612 font-weight: 700; 6612 font-weight: 700;
6613 } 6613 }
6614 } 6614 }
6615 6615
6616 .fancybox-active { 6616 .fancybox-active {
6617 overflow: hidden; 6617 overflow: hidden;
6618 } 6618 }
6619 .fancybox-is-open .fancybox-bg { 6619 .fancybox-is-open .fancybox-bg {
6620 background: #080b0b; 6620 background: #080b0b;
6621 opacity: 0.6; 6621 opacity: 0.6;
6622 z-index: 9999; 6622 z-index: 9999;
6623 } 6623 }
6624 .fancybox-slide { 6624 .fancybox-slide {
6625 padding: 0; 6625 padding: 0;
6626 } 6626 }
6627 @media (min-width: 992px) { 6627 @media (min-width: 992px) {
6628 .fancybox-slide { 6628 .fancybox-slide {
6629 padding: 30px; 6629 padding: 30px;
6630 } 6630 }
6631 } 6631 }
6632 .fancybox-slide--html .fancybox-close-small { 6632 .fancybox-slide--html .fancybox-close-small {
6633 padding: 0; 6633 padding: 0;
6634 opacity: 1; 6634 opacity: 1;
6635 color: #377d87; 6635 color: #377d87;
6636 } 6636 }
6637 @media (min-width: 768px) { 6637 @media (min-width: 768px) {
6638 .fancybox-slide--html .fancybox-close-small { 6638 .fancybox-slide--html .fancybox-close-small {
6639 top: 10px; 6639 top: 10px;
6640 right: 10px; 6640 right: 10px;
6641 } 6641 }
6642 } 6642 }
6643 .fancybox-slide--html .fancybox-close-small:hover { 6643 .fancybox-slide--html .fancybox-close-small:hover {
6644 color: #000; 6644 color: #000;
6645 } 6645 }
6646 6646
6647 .modal { 6647 .modal {
6648 width: 100%; 6648 width: 100%;
6649 max-width: 820px; 6649 max-width: 820px;
6650 padding: 0; 6650 padding: 0;
6651 background: #fff; 6651 background: #fff;
6652 z-index: 99999; 6652 z-index: 99999;
6653 } 6653 }
6654 @media (min-width: 992px) { 6654 @media (min-width: 992px) {
6655 .modal { 6655 .modal {
6656 border-radius: 10px; 6656 border-radius: 10px;
6657 border: 1px solid #377d87; 6657 border: 1px solid #377d87;
6658 } 6658 }
6659 } 6659 }
6660 .modal_bg { 6660 .modal_bg {
6661 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6661 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6662 } 6662 }
6663 @media (min-width: 768px) { 6663 @media (min-width: 768px) {
6664 .modal_bg { 6664 .modal_bg {
6665 background-position: 100% 100%; 6665 background-position: 100% 100%;
6666 } 6666 }
6667 } 6667 }
6668 .modal__body { 6668 .modal__body {
6669 padding: 40px 15px; 6669 padding: 40px 15px;
6670 padding-bottom: 30px; 6670 padding-bottom: 30px;
6671 display: -webkit-box; 6671 display: -webkit-box;
6672 display: -ms-flexbox; 6672 display: -ms-flexbox;
6673 display: flex; 6673 display: flex;
6674 -webkit-box-orient: vertical; 6674 -webkit-box-orient: vertical;
6675 -webkit-box-direction: normal; 6675 -webkit-box-direction: normal;
6676 -ms-flex-direction: column; 6676 -ms-flex-direction: column;
6677 flex-direction: column; 6677 flex-direction: column;
6678 -webkit-box-align: center; 6678 -webkit-box-align: center;
6679 -ms-flex-align: center; 6679 -ms-flex-align: center;
6680 align-items: center; 6680 align-items: center;
6681 -webkit-box-pack: center; 6681 -webkit-box-pack: center;
6682 -ms-flex-pack: center; 6682 -ms-flex-pack: center;
6683 justify-content: center; 6683 justify-content: center;
6684 width: 100%; 6684 width: 100%;
6685 min-height: 100vh; 6685 min-height: 100vh;
6686 overflow: hidden; 6686 overflow: hidden;
6687 font-size: 12px; 6687 font-size: 12px;
6688 } 6688 }
6689 @media (min-width: 768px) { 6689 @media (min-width: 768px) {
6690 .modal__body { 6690 .modal__body {
6691 font-size: 16px; 6691 font-size: 16px;
6692 padding-left: 22px; 6692 padding-left: 22px;
6693 padding-right: 22px; 6693 padding-right: 22px;
6694 } 6694 }
6695 } 6695 }
6696 @media (min-width: 992px) { 6696 @media (min-width: 992px) {
6697 .modal__body { 6697 .modal__body {
6698 min-height: 450px; 6698 min-height: 450px;
6699 padding: 60px 80px; 6699 padding: 60px 80px;
6700 padding-bottom: 40px; 6700 padding-bottom: 40px;
6701 } 6701 }
6702 } 6702 }
6703 @media (min-width: 768px) { 6703 @media (min-width: 768px) {
6704 .modal__body .left { 6704 .modal__body .left {
6705 text-align: left; 6705 text-align: left;
6706 } 6706 }
6707 } 6707 }
6708 .modal__title { 6708 .modal__title {
6709 width: 100%; 6709 width: 100%;
6710 font-size: 22px; 6710 font-size: 22px;
6711 font-weight: 700; 6711 font-weight: 700;
6712 text-align: center; 6712 text-align: center;
6713 color: #000; 6713 color: #000;
6714 } 6714 }
6715 @media (min-width: 768px) { 6715 @media (min-width: 768px) {
6716 .modal__title { 6716 .modal__title {
6717 font-size: 32px; 6717 font-size: 32px;
6718 } 6718 }
6719 } 6719 }
6720 @media (min-width: 992px) { 6720 @media (min-width: 992px) {
6721 .modal__title { 6721 .modal__title {
6722 font-size: 44px; 6722 font-size: 44px;
6723 } 6723 }
6724 } 6724 }
6725 .modal__text { 6725 .modal__text {
6726 width: 100%; 6726 width: 100%;
6727 text-align: center; 6727 text-align: center;
6728 margin-top: 10px; 6728 margin-top: 10px;
6729 color: #000; 6729 color: #000;
6730 } 6730 }
6731 @media (min-width: 768px) { 6731 @media (min-width: 768px) {
6732 .modal__text { 6732 .modal__text {
6733 margin-top: 20px; 6733 margin-top: 20px;
6734 } 6734 }
6735 } 6735 }
6736 .modal__text span { 6736 .modal__text span {
6737 color: #9c9d9d; 6737 color: #9c9d9d;
6738 } 6738 }
6739 .modal__text a { 6739 .modal__text a {
6740 font-weight: 700; 6740 font-weight: 700;
6741 color: #377d87; 6741 color: #377d87;
6742 } 6742 }
6743 .modal__text a:hover { 6743 .modal__text a:hover {
6744 color: #000; 6744 color: #000;
6745 } 6745 }
6746 .modal__button { 6746 .modal__button {
6747 margin-top: 20px; 6747 margin-top: 20px;
6748 } 6748 }
6749 @media (min-width: 768px) { 6749 @media (min-width: 768px) {
6750 .modal__button { 6750 .modal__button {
6751 min-width: 200px; 6751 min-width: 200px;
6752 margin-top: 30px; 6752 margin-top: 30px;
6753 } 6753 }
6754 } 6754 }
6755 .modal__buttons { 6755 .modal__buttons {
6756 display: grid; 6756 display: grid;
6757 grid-template-columns: repeat(2, 1fr); 6757 grid-template-columns: repeat(2, 1fr);
6758 gap: 20px; 6758 gap: 20px;
6759 margin-top: 20px; 6759 margin-top: 20px;
6760 } 6760 }
6761 @media (min-width: 768px) { 6761 @media (min-width: 768px) {
6762 .modal__buttons { 6762 .modal__buttons {
6763 gap: 30px; 6763 gap: 30px;
6764 margin-top: 30px; 6764 margin-top: 30px;
6765 } 6765 }
6766 } 6766 }
6767 .modal__form { 6767 .modal__form {
6768 width: 100%; 6768 width: 100%;
6769 display: -webkit-box; 6769 display: -webkit-box;
6770 display: -ms-flexbox; 6770 display: -ms-flexbox;
6771 display: flex; 6771 display: flex;
6772 -webkit-box-orient: vertical; 6772 -webkit-box-orient: vertical;
6773 -webkit-box-direction: normal; 6773 -webkit-box-direction: normal;
6774 -ms-flex-direction: column; 6774 -ms-flex-direction: column;
6775 flex-direction: column; 6775 flex-direction: column;
6776 gap: 16px; 6776 gap: 16px;
6777 margin-top: 10px; 6777 margin-top: 10px;
6778 } 6778 }
6779 @media (min-width: 768px) { 6779 @media (min-width: 768px) {
6780 .modal__form { 6780 .modal__form {
6781 margin-top: 20px; 6781 margin-top: 20px;
6782 } 6782 }
6783 } 6783 }
6784 .modal__form-item { 6784 .modal__form-item {
6785 display: -webkit-box; 6785 display: -webkit-box;
6786 display: -ms-flexbox; 6786 display: -ms-flexbox;
6787 display: flex; 6787 display: flex;
6788 -webkit-box-orient: vertical; 6788 -webkit-box-orient: vertical;
6789 -webkit-box-direction: normal; 6789 -webkit-box-direction: normal;
6790 -ms-flex-direction: column; 6790 -ms-flex-direction: column;
6791 flex-direction: column; 6791 flex-direction: column;
6792 -webkit-box-align: center; 6792 -webkit-box-align: center;
6793 -ms-flex-align: center; 6793 -ms-flex-align: center;
6794 align-items: center; 6794 align-items: center;
6795 gap: 4px; 6795 gap: 4px;
6796 } 6796 }
6797 .modal__form-item > .input { 6797 .modal__form-item > .input {
6798 width: 100%; 6798 width: 100%;
6799 } 6799 }
6800 .modal__form-item > .textarea { 6800 .modal__form-item > .textarea {
6801 width: 100%; 6801 width: 100%;
6802 height: 175px; 6802 height: 175px;
6803 } 6803 }
6804 @media (min-width: 768px) { 6804 @media (min-width: 768px) {
6805 .modal__form-item > .textarea { 6805 .modal__form-item > .textarea {
6806 height: 195px; 6806 height: 195px;
6807 } 6807 }
6808 } 6808 }
6809 .modal__form-item > .file { 6809 .modal__form-item > .file {
6810 width: 100%; 6810 width: 100%;
6811 } 6811 }
6812 .modal__form-item > .button { 6812 .modal__form-item > .button {
6813 min-width: 120px; 6813 min-width: 120px;
6814 } 6814 }
6815 .modal__form-item > label { 6815 .modal__form-item > label {
6816 width: 100%; 6816 width: 100%;
6817 display: none; 6817 display: none;
6818 color: #eb5757; 6818 color: #eb5757;
6819 padding: 0 10px; 6819 padding: 0 10px;
6820 font-size: 12px; 6820 font-size: 12px;
6821 } 6821 }
6822 @media (min-width: 768px) { 6822 @media (min-width: 768px) {
6823 .modal__form-item > label { 6823 .modal__form-item > label {
6824 padding: 0 20px; 6824 padding: 0 20px;
6825 font-size: 16px; 6825 font-size: 16px;
6826 } 6826 }
6827 } 6827 }
6828 .modal__sign { 6828 .modal__sign {
6829 display: -webkit-box; 6829 display: -webkit-box;
6830 display: -ms-flexbox; 6830 display: -ms-flexbox;
6831 display: flex; 6831 display: flex;
6832 -webkit-box-orient: vertical; 6832 -webkit-box-orient: vertical;
6833 -webkit-box-direction: normal; 6833 -webkit-box-direction: normal;
6834 -ms-flex-direction: column; 6834 -ms-flex-direction: column;
6835 flex-direction: column; 6835 flex-direction: column;
6836 gap: 20px; 6836 gap: 20px;
6837 margin-top: 10px; 6837 margin-top: 10px;
6838 margin-bottom: 20px; 6838 margin-bottom: 20px;
6839 width: 100%; 6839 width: 100%;
6840 } 6840 }
6841 @media (min-width: 768px) { 6841 @media (min-width: 768px) {
6842 .modal__sign { 6842 .modal__sign {
6843 margin-top: 20px; 6843 margin-top: 20px;
6844 margin-bottom: 40px; 6844 margin-bottom: 40px;
6845 } 6845 }
6846 } 6846 }
6847 .modal__sign-item { 6847 .modal__sign-item {
6848 display: -webkit-box; 6848 display: -webkit-box;
6849 display: -ms-flexbox; 6849 display: -ms-flexbox;
6850 display: flex; 6850 display: flex;
6851 -webkit-box-orient: vertical; 6851 -webkit-box-orient: vertical;
6852 -webkit-box-direction: normal; 6852 -webkit-box-direction: normal;
6853 -ms-flex-direction: column; 6853 -ms-flex-direction: column;
6854 flex-direction: column; 6854 flex-direction: column;
6855 -webkit-box-align: center; 6855 -webkit-box-align: center;
6856 -ms-flex-align: center; 6856 -ms-flex-align: center;
6857 align-items: center; 6857 align-items: center;
6858 position: relative; 6858 position: relative;
6859 } 6859 }
6860 .modal__sign-item > .input { 6860 .modal__sign-item > .input {
6861 width: 100%; 6861 width: 100%;
6862 padding-right: 36px; 6862 padding-right: 36px;
6863 position: relative; 6863 position: relative;
6864 z-index: 1; 6864 z-index: 1;
6865 } 6865 }
6866 @media (min-width: 768px) { 6866 @media (min-width: 768px) {
6867 .modal__sign-item > .input { 6867 .modal__sign-item > .input {
6868 height: 52px; 6868 height: 52px;
6869 padding-right: 60px; 6869 padding-right: 60px;
6870 } 6870 }
6871 } 6871 }
6872 .modal__sign-item > .textarea { 6872 .modal__sign-item > .textarea {
6873 width: 100%; 6873 width: 100%;
6874 } 6874 }
6875 .modal__sign-bottom { 6875 .modal__sign-bottom {
6876 display: -webkit-box; 6876 display: -webkit-box;
6877 display: -ms-flexbox; 6877 display: -ms-flexbox;
6878 display: flex; 6878 display: flex;
6879 -webkit-box-pack: justify; 6879 -webkit-box-pack: justify;
6880 -ms-flex-pack: justify; 6880 -ms-flex-pack: justify;
6881 justify-content: space-between; 6881 justify-content: space-between;
6882 -webkit-box-align: center; 6882 -webkit-box-align: center;
6883 -ms-flex-align: center; 6883 -ms-flex-align: center;
6884 align-items: center; 6884 align-items: center;
6885 width: 100%; 6885 width: 100%;
6886 } 6886 }
6887 .modal__sign-bottom-link { 6887 .modal__sign-bottom-link {
6888 font-weight: 700; 6888 font-weight: 700;
6889 color: #377d87; 6889 color: #377d87;
6890 } 6890 }
6891 .modal__tabs { 6891 .modal__tabs {
6892 width: 100%; 6892 width: 100%;
6893 display: grid; 6893 display: grid;
6894 grid-template-columns: repeat(2, 1fr); 6894 grid-template-columns: repeat(2, 1fr);
6895 gap: 16px; 6895 gap: 16px;
6896 margin-top: 10px; 6896 margin-top: 10px;
6897 } 6897 }
6898 @media (min-width: 768px) { 6898 @media (min-width: 768px) {
6899 .modal__tabs { 6899 .modal__tabs {
6900 gap: 24px; 6900 gap: 24px;
6901 margin-top: 20px; 6901 margin-top: 20px;
6902 } 6902 }
6903 } 6903 }
6904 .modal__tabs-item.active { 6904 .modal__tabs-item.active {
6905 background: #377d87; 6905 background: #377d87;
6906 color: #fff; 6906 color: #fff;
6907 } 6907 }
6908 .modal__reg { 6908 .modal__reg {
6909 display: none; 6909 display: none;
6910 -webkit-box-orient: vertical; 6910 -webkit-box-orient: vertical;
6911 -webkit-box-direction: normal; 6911 -webkit-box-direction: normal;
6912 -ms-flex-direction: column; 6912 -ms-flex-direction: column;
6913 flex-direction: column; 6913 flex-direction: column;
6914 -webkit-box-align: center; 6914 -webkit-box-align: center;
6915 -ms-flex-align: center; 6915 -ms-flex-align: center;
6916 align-items: center; 6916 align-items: center;
6917 gap: 10px; 6917 gap: 10px;
6918 width: 100%; 6918 width: 100%;
6919 margin-top: 10px; 6919 margin-top: 10px;
6920 margin-bottom: 20px; 6920 margin-bottom: 20px;
6921 } 6921 }
6922 @media (min-width: 768px) { 6922 @media (min-width: 768px) {
6923 .modal__reg { 6923 .modal__reg {
6924 margin-top: 20px; 6924 margin-top: 20px;
6925 margin-bottom: 30px; 6925 margin-bottom: 30px;
6926 gap: 20px; 6926 gap: 20px;
6927 } 6927 }
6928 } 6928 }
6929 .modal__reg.showed { 6929 .modal__reg.showed {
6930 display: -webkit-box; 6930 display: -webkit-box;
6931 display: -ms-flexbox; 6931 display: -ms-flexbox;
6932 display: flex; 6932 display: flex;
6933 } 6933 }
6934 .modal__reg-item { 6934 .modal__reg-item {
6935 width: 100%; 6935 width: 100%;
6936 display: -webkit-box; 6936 display: -webkit-box;
6937 display: -ms-flexbox; 6937 display: -ms-flexbox;
6938 display: flex; 6938 display: flex;
6939 -webkit-box-orient: vertical; 6939 -webkit-box-orient: vertical;
6940 -webkit-box-direction: normal; 6940 -webkit-box-direction: normal;
6941 -ms-flex-direction: column; 6941 -ms-flex-direction: column;
6942 flex-direction: column; 6942 flex-direction: column;
6943 } 6943 }
6944 .modal__reg-item > .captcha { 6944 .modal__reg-item > .captcha {
6945 width: 100%; 6945 width: 100%;
6946 max-width: 300px; 6946 max-width: 300px;
6947 } 6947 }
6948 6948
6949 .messages { 6949 .messages {
6950 display: -webkit-box; 6950 display: -webkit-box;
6951 display: -ms-flexbox; 6951 display: -ms-flexbox;
6952 display: flex; 6952 display: flex;
6953 -webkit-box-orient: vertical; 6953 -webkit-box-orient: vertical;
6954 -webkit-box-direction: reverse; 6954 -webkit-box-direction: reverse;
6955 -ms-flex-direction: column-reverse; 6955 -ms-flex-direction: column-reverse;
6956 flex-direction: column-reverse; 6956 flex-direction: column-reverse;
6957 -webkit-box-align: center; 6957 -webkit-box-align: center;
6958 -ms-flex-align: center; 6958 -ms-flex-align: center;
6959 align-items: center; 6959 align-items: center;
6960 gap: 20px; 6960 gap: 20px;
6961 } 6961 }
6962 .messages__body { 6962 .messages__body {
6963 width: 100%; 6963 width: 100%;
6964 max-height: 800px; 6964 max-height: 800px;
6965 overflow: auto; 6965 overflow: auto;
6966 padding: 5px; 6966 padding: 5px;
6967 } 6967 }
6968 .messages__item { 6968 .messages__item {
6969 -webkit-box-align: center; 6969 -webkit-box-align: center;
6970 -ms-flex-align: center; 6970 -ms-flex-align: center;
6971 align-items: center; 6971 align-items: center;
6972 border-radius: 8px; 6972 border-radius: 8px;
6973 border: 1px solid #e7e7e7; 6973 border: 1px solid #e7e7e7;
6974 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6974 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6975 padding: 0px; 6975 padding: 0px;
6976 font-size: 12px; 6976 font-size: 12px;
6977 display: flex; 6977 display: flex;
6978 justify-content: space-between; 6978 justify-content: space-between;
6979 margin-bottom: 20px; 6979 margin-bottom: 20px;
6980 } 6980 }
6981 @media (min-width: 768px) { 6981 @media (min-width: 768px) {
6982 .messages__item { 6982 .messages__item {
6983 font-size: 18px; 6983 font-size: 18px;
6984 } 6984 }
6985 } 6985 }
6986 .messages__item-info { 6986 .messages__item-info {
6987 display: -webkit-box; 6987 display: -webkit-box;
6988 display: -ms-flexbox; 6988 display: -ms-flexbox;
6989 display: flex; 6989 display: flex;
6990 -webkit-box-align: center; 6990 -webkit-box-align: center;
6991 -ms-flex-align: center; 6991 -ms-flex-align: center;
6992 align-items: center; 6992 align-items: center;
6993 width: calc(100% - 90px); 6993 width: calc(100% - 90px);
6994 padding: 20px; 6994 padding: 20px;
6995 } 6995 }
6996 @media (min-width: 768px) { 6996 @media (min-width: 768px) {
6997 .messages__item-info { 6997 .messages__item-info {
6998 width: calc(100% - 150px); 6998 width: calc(100% - 150px);
6999 } 6999 }
7000 } 7000 }
7001 .messages__item-photo { 7001 .messages__item-photo {
7002 position: relative; 7002 position: relative;
7003 aspect-ratio: 1/1; 7003 aspect-ratio: 1/1;
7004 overflow: hidden; 7004 overflow: hidden;
7005 background: #9c9d9d; 7005 background: #9c9d9d;
7006 color: #fff; 7006 color: #fff;
7007 width: 36px; 7007 width: 36px;
7008 border-radius: 6px; 7008 border-radius: 6px;
7009 display: -webkit-box; 7009 display: -webkit-box;
7010 display: -ms-flexbox; 7010 display: -ms-flexbox;
7011 display: flex; 7011 display: flex;
7012 -webkit-box-pack: center; 7012 -webkit-box-pack: center;
7013 -ms-flex-pack: center; 7013 -ms-flex-pack: center;
7014 justify-content: center; 7014 justify-content: center;
7015 -webkit-box-align: center; 7015 -webkit-box-align: center;
7016 -ms-flex-align: center; 7016 -ms-flex-align: center;
7017 align-items: center; 7017 align-items: center;
7018 } 7018 }
7019 @media (min-width: 768px) { 7019 @media (min-width: 768px) {
7020 .messages__item-photo { 7020 .messages__item-photo {
7021 width: 52px; 7021 width: 52px;
7022 } 7022 }
7023 } 7023 }
7024 .messages__item-photo svg { 7024 .messages__item-photo svg {
7025 width: 50%; 7025 width: 50%;
7026 position: relative; 7026 position: relative;
7027 z-index: 1; 7027 z-index: 1;
7028 } 7028 }
7029 .messages__item-photo img { 7029 .messages__item-photo img {
7030 position: absolute; 7030 position: absolute;
7031 z-index: 2; 7031 z-index: 2;
7032 top: 0; 7032 top: 0;
7033 left: 0; 7033 left: 0;
7034 width: 100%; 7034 width: 100%;
7035 height: 100%; 7035 height: 100%;
7036 -o-object-fit: cover; 7036 -o-object-fit: cover;
7037 object-fit: cover; 7037 object-fit: cover;
7038 } 7038 }
7039 .messages__item-text { 7039 .messages__item-text {
7040 width: calc(100% - 36px); 7040 width: calc(100% - 36px);
7041 padding-left: 6px; 7041 padding-left: 6px;
7042 color: #000; 7042 color: #000;
7043 display: -webkit-box; 7043 display: -webkit-box;
7044 display: -ms-flexbox; 7044 display: -ms-flexbox;
7045 display: flex; 7045 display: flex;
7046 -webkit-box-orient: vertical; 7046 -webkit-box-orient: vertical;
7047 -webkit-box-direction: normal; 7047 -webkit-box-direction: normal;
7048 -ms-flex-direction: column; 7048 -ms-flex-direction: column;
7049 flex-direction: column; 7049 flex-direction: column;
7050 gap: 4px; 7050 gap: 4px;
7051 } 7051 }
7052 @media (min-width: 768px) { 7052 @media (min-width: 768px) {
7053 .messages__item-text { 7053 .messages__item-text {
7054 padding-left: 20px; 7054 padding-left: 20px;
7055 width: calc(100% - 52px); 7055 width: calc(100% - 52px);
7056 gap: 8px; 7056 gap: 8px;
7057 } 7057 }
7058 } 7058 }
7059 .messages__item-text span { 7059 .messages__item-text span {
7060 color: #000; 7060 color: #000;
7061 } 7061 }
7062 .messages__item-actions{ 7062 .messages__item-actions{
7063 padding: 20px; 7063 padding: 20px;
7064 } 7064 }
7065 .messages__item-buttons{ 7065 .messages__item-buttons{
7066 float: right; 7066 float: right;
7067 display: flex; 7067 display: flex;
7068 align-items: center; 7068 align-items: center;
7069 } 7069 }
7070 .messages__item-buttons button{ 7070 .messages__item-buttons button{
7071 padding: 0; 7071 padding: 0;
7072 background: unset; 7072 background: unset;
7073 border: unset; 7073 border: unset;
7074 } 7074 }
7075 .messages__item-buttons button svg{ 7075 .messages__item-buttons button svg{
7076 width: 25px; 7076 width: 25px;
7077 height: 25px; 7077 height: 25px;
7078 color: gray; 7078 color: gray;
7079 } 7079 }
7080 .messages__item-buttons button svg path{ 7080 .messages__item-buttons button svg path{
7081 stroke: gray; 7081 stroke: gray;
7082 } 7082 }
7083 .messages__item-buttons button:hover svg{ 7083 .messages__item-buttons button:hover svg{
7084 color: black; 7084 color: black;
7085 } 7085 }
7086 .messages__item-buttons button:hover svg path{ 7086 .messages__item-buttons button:hover svg path{
7087 stroke: black; 7087 stroke: black;
7088 } 7088 }
7089 .messages__item-buttons button.pin-on:hover svg#pin_off path{ 7089 .messages__item-buttons button.pin-on:hover svg#pin_off path{
7090 fill: black; 7090 fill: black;
7091 } 7091 }
7092 .messages__item-buttons button.pin-on svg{ 7092 .messages__item-buttons button.pin-on svg{
7093 fill: gray; 7093 fill: gray;
7094 } 7094 }
7095 .messages__item-date { 7095 .messages__item-date {
7096 color: #00000070; 7096 color: #00000070;
7097 width: 90px; 7097 width: 90px;
7098 text-align: right; 7098 text-align: right;
7099 font-size: 14px; 7099 font-size: 14px;
7100 margin-bottom: 8px; 7100 margin-bottom: 8px;
7101 } 7101 }
7102 7102
7103 .messages.active .messages__item { 7103 .messages.active .messages__item {
7104 display: -webkit-box; 7104 display: -webkit-box;
7105 display: -ms-flexbox; 7105 display: -ms-flexbox;
7106 display: flex; 7106 display: flex;
7107 } 7107 }
7108 7108
7109 .responses { 7109 .responses {
7110 display: -webkit-box; 7110 display: -webkit-box;
7111 display: -ms-flexbox; 7111 display: -ms-flexbox;
7112 display: flex; 7112 display: flex;
7113 -webkit-box-orient: vertical; 7113 -webkit-box-orient: vertical;
7114 -webkit-box-direction: reverse; 7114 -webkit-box-direction: reverse;
7115 -ms-flex-direction: column-reverse; 7115 -ms-flex-direction: column-reverse;
7116 flex-direction: column-reverse; 7116 flex-direction: column-reverse;
7117 -webkit-box-align: center; 7117 -webkit-box-align: center;
7118 -ms-flex-align: center; 7118 -ms-flex-align: center;
7119 align-items: center; 7119 align-items: center;
7120 gap: 20px; 7120 gap: 20px;
7121 } 7121 }
7122 .responses__body { 7122 .responses__body {
7123 width: 100%; 7123 width: 100%;
7124 display: -webkit-box; 7124 display: -webkit-box;
7125 display: -ms-flexbox; 7125 display: -ms-flexbox;
7126 display: flex; 7126 display: flex;
7127 -webkit-box-orient: vertical; 7127 -webkit-box-orient: vertical;
7128 -webkit-box-direction: normal; 7128 -webkit-box-direction: normal;
7129 -ms-flex-direction: column; 7129 -ms-flex-direction: column;
7130 flex-direction: column; 7130 flex-direction: column;
7131 gap: 20px; 7131 gap: 20px;
7132 } 7132 }
7133 .responses__item { 7133 .responses__item {
7134 display: none; 7134 display: none;
7135 -webkit-box-orient: vertical; 7135 -webkit-box-orient: vertical;
7136 -webkit-box-direction: normal; 7136 -webkit-box-direction: normal;
7137 -ms-flex-direction: column; 7137 -ms-flex-direction: column;
7138 flex-direction: column; 7138 flex-direction: column;
7139 gap: 20px; 7139 gap: 20px;
7140 border-radius: 8px; 7140 border-radius: 8px;
7141 border: 1px solid #e7e7e7; 7141 border: 1px solid #e7e7e7;
7142 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7142 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7143 padding: 20px 10px; 7143 padding: 20px 10px;
7144 font-size: 12px; 7144 font-size: 12px;
7145 position: relative; 7145 position: relative;
7146 } 7146 }
7147 @media (min-width: 768px) { 7147 @media (min-width: 768px) {
7148 .responses__item { 7148 .responses__item {
7149 padding: 20px; 7149 padding: 20px;
7150 font-size: 16px; 7150 font-size: 16px;
7151 } 7151 }
7152 } 7152 }
7153 .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) { 7153 .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) {
7154 display: -webkit-box; 7154 display: -webkit-box;
7155 display: -ms-flexbox; 7155 display: -ms-flexbox;
7156 display: flex; 7156 display: flex;
7157 } 7157 }
7158 .responses__item-date { 7158 .responses__item-date {
7159 color: #000; 7159 color: #000;
7160 } 7160 }
7161 @media (min-width: 992px) { 7161 @media (min-width: 992px) {
7162 .responses__item-date { 7162 .responses__item-date {
7163 position: absolute; 7163 position: absolute;
7164 top: 20px; 7164 top: 20px;
7165 right: 20px; 7165 right: 20px;
7166 } 7166 }
7167 } 7167 }
7168 .responses__item-wrapper { 7168 .responses__item-wrapper {
7169 display: -webkit-box; 7169 display: -webkit-box;
7170 display: -ms-flexbox; 7170 display: -ms-flexbox;
7171 display: flex; 7171 display: flex;
7172 -webkit-box-orient: vertical; 7172 -webkit-box-orient: vertical;
7173 -webkit-box-direction: normal; 7173 -webkit-box-direction: normal;
7174 -ms-flex-direction: column; 7174 -ms-flex-direction: column;
7175 flex-direction: column; 7175 flex-direction: column;
7176 gap: 20px; 7176 gap: 20px;
7177 } 7177 }
7178 .responses__item-inner { 7178 .responses__item-inner {
7179 display: -webkit-box; 7179 display: -webkit-box;
7180 display: -ms-flexbox; 7180 display: -ms-flexbox;
7181 display: flex; 7181 display: flex;
7182 -webkit-box-orient: vertical; 7182 -webkit-box-orient: vertical;
7183 -webkit-box-direction: normal; 7183 -webkit-box-direction: normal;
7184 -ms-flex-direction: column; 7184 -ms-flex-direction: column;
7185 flex-direction: column; 7185 flex-direction: column;
7186 gap: 10px; 7186 gap: 10px;
7187 } 7187 }
7188 @media (min-width: 768px) { 7188 @media (min-width: 768px) {
7189 .responses__item-inner { 7189 .responses__item-inner {
7190 gap: 20px; 7190 gap: 20px;
7191 } 7191 }
7192 } 7192 }
7193 @media (min-width: 1280px) { 7193 @media (min-width: 1280px) {
7194 .responses__item-inner { 7194 .responses__item-inner {
7195 width: calc(100% - 150px); 7195 width: calc(100% - 150px);
7196 } 7196 }
7197 } 7197 }
7198 .responses__item-row { 7198 .responses__item-row {
7199 display: grid; 7199 display: grid;
7200 grid-template-columns: 1fr 1fr; 7200 grid-template-columns: 1fr 1fr;
7201 gap: 20px; 7201 gap: 20px;
7202 color: #000; 7202 color: #000;
7203 text-align: right; 7203 text-align: right;
7204 } 7204 }
7205 @media (min-width: 992px) { 7205 @media (min-width: 992px) {
7206 .responses__item-row { 7206 .responses__item-row {
7207 display: -webkit-box; 7207 display: -webkit-box;
7208 display: -ms-flexbox; 7208 display: -ms-flexbox;
7209 display: flex; 7209 display: flex;
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: 6px; 7214 gap: 6px;
7215 text-align: left; 7215 text-align: left;
7216 } 7216 }
7217 } 7217 }
7218 .responses__item-row span { 7218 .responses__item-row span {
7219 color: #000; 7219 color: #000;
7220 text-align: left; 7220 text-align: left;
7221 } 7221 }
7222 .responses__item-buttons { 7222 .responses__item-buttons {
7223 display: -webkit-box; 7223 display: -webkit-box;
7224 display: -ms-flexbox; 7224 display: -ms-flexbox;
7225 display: flex; 7225 display: flex;
7226 -webkit-box-orient: vertical; 7226 -webkit-box-orient: vertical;
7227 -webkit-box-direction: normal; 7227 -webkit-box-direction: normal;
7228 -ms-flex-direction: column; 7228 -ms-flex-direction: column;
7229 flex-direction: column; 7229 flex-direction: column;
7230 gap: 10px; 7230 gap: 10px;
7231 } 7231 }
7232 @media (min-width: 768px) { 7232 @media (min-width: 768px) {
7233 .responses__item-buttons { 7233 .responses__item-buttons {
7234 display: grid; 7234 display: grid;
7235 grid-template-columns: 1fr 1fr; 7235 grid-template-columns: 1fr 1fr;
7236 } 7236 }
7237 } 7237 }
7238 @media (min-width: 1280px) { 7238 @media (min-width: 1280px) {
7239 .responses__item-buttons { 7239 .responses__item-buttons {
7240 grid-template-columns: 1fr 1fr 1fr 1fr; 7240 grid-template-columns: 1fr 1fr 1fr 1fr;
7241 } 7241 }
7242 } 7242 }
7243 .responses__item-buttons .button.active { 7243 .responses__item-buttons .button.active {
7244 background: #377d87; 7244 background: #377d87;
7245 color: #fff; 7245 color: #fff;
7246 } 7246 }
7247 .responses.active .responses__item { 7247 .responses.active .responses__item {
7248 display: -webkit-box; 7248 display: -webkit-box;
7249 display: -ms-flexbox; 7249 display: -ms-flexbox;
7250 display: flex; 7250 display: flex;
7251 } 7251 }
7252 7252
7253 .chatbox { 7253 .chatbox {
7254 display: -webkit-box; 7254 display: -webkit-box;
7255 display: -ms-flexbox; 7255 display: -ms-flexbox;
7256 display: flex; 7256 display: flex;
7257 -webkit-box-orient: vertical; 7257 -webkit-box-orient: vertical;
7258 -webkit-box-direction: normal; 7258 -webkit-box-direction: normal;
7259 -ms-flex-direction: column; 7259 -ms-flex-direction: column;
7260 flex-direction: column; 7260 flex-direction: column;
7261 gap: 20px; 7261 gap: 20px;
7262 } 7262 }
7263 @media (min-width: 768px) { 7263 @media (min-width: 768px) {
7264 .chatbox { 7264 .chatbox {
7265 gap: 30px; 7265 gap: 30px;
7266 } 7266 }
7267 } 7267 }
7268 @media (min-width: 1280px) { 7268 @media (min-width: 1280px) {
7269 .chatbox { 7269 .chatbox {
7270 gap: 40px; 7270 gap: 40px;
7271 } 7271 }
7272 } 7272 }
7273 .chatbox__toper { 7273 .chatbox__toper {
7274 display: -webkit-box; 7274 display: -webkit-box;
7275 display: -ms-flexbox; 7275 display: -ms-flexbox;
7276 display: flex; 7276 display: flex;
7277 -webkit-box-orient: vertical; 7277 -webkit-box-orient: vertical;
7278 -webkit-box-direction: normal; 7278 -webkit-box-direction: normal;
7279 -ms-flex-direction: column; 7279 -ms-flex-direction: column;
7280 flex-direction: column; 7280 flex-direction: column;
7281 gap: 10px; 7281 gap: 10px;
7282 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7282 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7283 border: 1px solid #e7e7e7; 7283 border: 1px solid #e7e7e7;
7284 border-radius: 8px; 7284 border-radius: 8px;
7285 padding: 10px; 7285 padding: 10px;
7286 } 7286 }
7287 @media (min-width: 768px) { 7287 @media (min-width: 768px) {
7288 .chatbox__toper { 7288 .chatbox__toper {
7289 -webkit-box-orient: horizontal; 7289 -webkit-box-orient: horizontal;
7290 -webkit-box-direction: normal; 7290 -webkit-box-direction: normal;
7291 -ms-flex-direction: row; 7291 -ms-flex-direction: row;
7292 flex-direction: row; 7292 flex-direction: row;
7293 -webkit-box-align: center; 7293 -webkit-box-align: center;
7294 -ms-flex-align: center; 7294 -ms-flex-align: center;
7295 align-items: center; 7295 align-items: center;
7296 -webkit-box-pack: justify; 7296 -webkit-box-pack: justify;
7297 -ms-flex-pack: justify; 7297 -ms-flex-pack: justify;
7298 justify-content: space-between; 7298 justify-content: space-between;
7299 } 7299 }
7300 } 7300 }
7301 .chatbox__toper-info { 7301 .chatbox__toper-info {
7302 font-size: 12px; 7302 font-size: 12px;
7303 } 7303 }
7304 @media (min-width: 768px) { 7304 @media (min-width: 768px) {
7305 .chatbox__toper-info { 7305 .chatbox__toper-info {
7306 font-size: 16px; 7306 font-size: 16px;
7307 width: calc(100% - 230px); 7307 width: calc(100% - 230px);
7308 } 7308 }
7309 } 7309 }
7310 @media (min-width: 768px) { 7310 @media (min-width: 768px) {
7311 .chatbox__toper-button { 7311 .chatbox__toper-button {
7312 width: 210px; 7312 width: 210px;
7313 padding: 0; 7313 padding: 0;
7314 } 7314 }
7315 } 7315 }
7316 .chatbox__list { 7316 .chatbox__list {
7317 display: -webkit-box; 7317 display: -webkit-box;
7318 display: -ms-flexbox; 7318 display: -ms-flexbox;
7319 display: flex; 7319 display: flex;
7320 -webkit-box-orient: vertical; 7320 -webkit-box-orient: vertical;
7321 -webkit-box-direction: normal; 7321 -webkit-box-direction: normal;
7322 -ms-flex-direction: column; 7322 -ms-flex-direction: column;
7323 flex-direction: column; 7323 flex-direction: column;
7324 gap: 10px; 7324 gap: 10px;
7325 max-height: 400px; 7325 max-height: 400px;
7326 overflow: auto; 7326 overflow: auto;
7327 } 7327 }
7328 @media (min-width: 768px) { 7328 @media (min-width: 768px) {
7329 .chatbox__list { 7329 .chatbox__list {
7330 gap: 20px; 7330 gap: 20px;
7331 } 7331 }
7332 } 7332 }
7333 @media (min-width: 1280px) { 7333 @media (min-width: 1280px) {
7334 .chatbox__list { 7334 .chatbox__list {
7335 gap: 40px; 7335 gap: 40px;
7336 } 7336 }
7337 } 7337 }
7338 .chatbox__item { 7338 .chatbox__item {
7339 display: -webkit-box; 7339 display: -webkit-box;
7340 display: -ms-flexbox; 7340 display: -ms-flexbox;
7341 display: flex; 7341 display: flex;
7342 -webkit-box-align: start; 7342 -webkit-box-align: start;
7343 -ms-flex-align: start; 7343 -ms-flex-align: start;
7344 align-items: flex-start; 7344 align-items: flex-start;
7345 -webkit-box-pack: justify; 7345 -webkit-box-pack: justify;
7346 -ms-flex-pack: justify; 7346 -ms-flex-pack: justify;
7347 justify-content: space-between; 7347 justify-content: space-between;
7348 -ms-flex-wrap: wrap; 7348 -ms-flex-wrap: wrap;
7349 flex-wrap: wrap; 7349 flex-wrap: wrap;
7350 color: #000; 7350 color: #000;
7351 font-size: 12px; 7351 font-size: 12px;
7352 } 7352 }
7353 @media (min-width: 768px) { 7353 @media (min-width: 768px) {
7354 .chatbox__item { 7354 .chatbox__item {
7355 font-size: 16px; 7355 font-size: 16px;
7356 } 7356 }
7357 } 7357 }
7358 .chatbox__item_reverse { 7358 .chatbox__item_reverse {
7359 -webkit-box-orient: horizontal; 7359 -webkit-box-orient: horizontal;
7360 -webkit-box-direction: reverse; 7360 -webkit-box-direction: reverse;
7361 -ms-flex-direction: row-reverse; 7361 -ms-flex-direction: row-reverse;
7362 flex-direction: row-reverse; 7362 flex-direction: row-reverse;
7363 } 7363 }
7364 .chatbox__item-photo { 7364 .chatbox__item-photo {
7365 position: relative; 7365 position: relative;
7366 aspect-ratio: 1/1; 7366 aspect-ratio: 1/1;
7367 overflow: hidden; 7367 overflow: hidden;
7368 background: #9c9d9d; 7368 background: #9c9d9d;
7369 color: #fff; 7369 color: #fff;
7370 width: 44px; 7370 width: 44px;
7371 border-radius: 6px; 7371 border-radius: 6px;
7372 display: -webkit-box; 7372 display: -webkit-box;
7373 display: -ms-flexbox; 7373 display: -ms-flexbox;
7374 display: flex; 7374 display: flex;
7375 -webkit-box-pack: center; 7375 -webkit-box-pack: center;
7376 -ms-flex-pack: center; 7376 -ms-flex-pack: center;
7377 justify-content: center; 7377 justify-content: center;
7378 -webkit-box-align: center; 7378 -webkit-box-align: center;
7379 -ms-flex-align: center; 7379 -ms-flex-align: center;
7380 align-items: center; 7380 align-items: center;
7381 } 7381 }
7382 .chatbox__item-photo svg { 7382 .chatbox__item-photo svg {
7383 width: 50%; 7383 width: 50%;
7384 position: relative; 7384 position: relative;
7385 z-index: 1; 7385 z-index: 1;
7386 } 7386 }
7387 .chatbox__item-photo img { 7387 .chatbox__item-photo img {
7388 position: absolute; 7388 position: absolute;
7389 z-index: 2; 7389 z-index: 2;
7390 top: 0; 7390 top: 0;
7391 left: 0; 7391 left: 0;
7392 width: 100%; 7392 width: 100%;
7393 height: 100%; 7393 height: 100%;
7394 -o-object-fit: cover; 7394 -o-object-fit: cover;
7395 object-fit: cover; 7395 object-fit: cover;
7396 } 7396 }
7397 .chatbox__item-body { 7397 .chatbox__item-body {
7398 width: calc(100% - 54px); 7398 width: calc(100% - 54px);
7399 display: -webkit-box; 7399 display: -webkit-box;
7400 display: -ms-flexbox; 7400 display: -ms-flexbox;
7401 display: flex; 7401 display: flex;
7402 -webkit-box-orient: vertical; 7402 -webkit-box-orient: vertical;
7403 -webkit-box-direction: normal; 7403 -webkit-box-direction: normal;
7404 -ms-flex-direction: column; 7404 -ms-flex-direction: column;
7405 flex-direction: column; 7405 flex-direction: column;
7406 -webkit-box-align: start; 7406 -webkit-box-align: start;
7407 -ms-flex-align: start; 7407 -ms-flex-align: start;
7408 align-items: flex-start; 7408 align-items: flex-start;
7409 } 7409 }
7410 @media (min-width: 768px) { 7410 @media (min-width: 768px) {
7411 .chatbox__item-body { 7411 .chatbox__item-body {
7412 width: calc(100% - 60px); 7412 width: calc(100% - 60px);
7413 } 7413 }
7414 } 7414 }
7415 .chatbox__item_reverse .chatbox__item-body { 7415 .chatbox__item_reverse .chatbox__item-body {
7416 -webkit-box-align: end; 7416 -webkit-box-align: end;
7417 -ms-flex-align: end; 7417 -ms-flex-align: end;
7418 align-items: flex-end; 7418 align-items: flex-end;
7419 } 7419 }
7420 .chatbox__item-text { 7420 .chatbox__item-text {
7421 border-radius: 8px; 7421 border-radius: 8px;
7422 background: #fff; 7422 background: #fff;
7423 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7423 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7424 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7424 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7425 padding: 10px; 7425 padding: 10px;
7426 line-height: 1.6; 7426 line-height: 1.6;
7427 } 7427 }
7428 .chatbox__item-body-file-name-wrap{ 7428 .chatbox__item-body-file-name-wrap{
7429 display: flex; 7429 display: flex;
7430 align-items: center; 7430 align-items: center;
7431 } 7431 }
7432 .chatbox__item-body-file-name-wrap svg{ 7432 .chatbox__item-body-file-name-wrap svg{
7433 height: 20px; 7433 height: 20px;
7434 width: 20px; 7434 width: 20px;
7435 } 7435 }
7436 .chatbox__item-body-file-name-wrap a{ 7436 .chatbox__item-body-file-name-wrap a{
7437 margin-left: 20px; 7437 margin-left: 20px;
7438 border-radius: 8px; 7438 border-radius: 8px;
7439 padding: 2px 8px; 7439 padding: 2px 8px;
7440 -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7440 -webkit-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7441 -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7441 -moz-box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7442 box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1); 7442 box-shadow: inset 0px 0px 14px -7px rgba(66, 68, 90, 1);
7443 } 7443 }
7444 .chatbox__item_reverse .chatbox__item-body-file-name-wrap a{ 7444 .chatbox__item_reverse .chatbox__item-body-file-name-wrap a{
7445 margin-left: 0px; 7445 margin-left: 0px;
7446 margin-right: 20px; 7446 margin-right: 20px;
7447 } 7447 }
7448 .chatbox__item-body-file-name-wrap a:hover{ 7448 .chatbox__item-body-file-name-wrap a:hover{
7449 box-shadow: 0px 0px 5px 1px rgb(139 136 136); 7449 box-shadow: 0px 0px 5px 1px rgb(139 136 136);
7450 } 7450 }
7451 .chatbox__item-text .admin-chat-answer{ 7451 .chatbox__item-text .admin-chat-answer{
7452 padding: 2px 5px; 7452 padding: 2px 5px;
7453 height: auto; 7453 height: auto;
7454 float: right; 7454 float: right;
7455 margin-left: 10px; 7455 margin-left: 10px;
7456 } 7456 }
7457 .chatbox__item-text .reply-message{ 7457 .chatbox__item-text .reply-message{
7458 border-left: 1px grey solid; 7458 border-left: 1px grey solid;
7459 padding-left: 11px; 7459 padding-left: 11px;
7460 font-size: 12px; 7460 font-size: 12px;
7461 font-style: italic; 7461 font-style: italic;
7462 margin-top: 10px; 7462 margin-top: 10px;
7463 } 7463 }
7464 .chatbox__item-time { 7464 .chatbox__item-time {
7465 width: 100%; 7465 width: 100%;
7466 padding-left: 54px; 7466 padding-left: 54px;
7467 margin-top: 10px; 7467 margin-top: 10px;
7468 color: #9c9d9d; 7468 color: #9c9d9d;
7469 } 7469 }
7470 .chatbox__item_reverse .chatbox__item-time { 7470 .chatbox__item_reverse .chatbox__item-time {
7471 text-align: right; 7471 text-align: right;
7472 } 7472 }
7473 .chatbox__bottom { 7473 .chatbox__bottom {
7474 background: #377d87; 7474 background: #377d87;
7475 padding: 10px; 7475 padding: 10px;
7476 border-radius: 8px; 7476 border-radius: 8px;
7477 display: -webkit-box; 7477 display: -webkit-box;
7478 display: -ms-flexbox; 7478 display: -ms-flexbox;
7479 display: flex; 7479 display: flex;
7480 -webkit-box-align: center; 7480 -webkit-box-align: center;
7481 -ms-flex-align: center; 7481 -ms-flex-align: center;
7482 align-items: center; 7482 align-items: center;
7483 -webkit-box-pack: justify; 7483 -webkit-box-pack: justify;
7484 -ms-flex-pack: justify; 7484 -ms-flex-pack: justify;
7485 justify-content: space-between; 7485 justify-content: space-between;
7486 } 7486 }
7487 @media (min-width: 768px) { 7487 @media (min-width: 768px) {
7488 .chatbox__bottom { 7488 .chatbox__bottom {
7489 padding: 16px 20px; 7489 padding: 16px 20px;
7490 } 7490 }
7491 } 7491 }
7492 .chatbox__bottom-file { 7492 .chatbox__bottom-file {
7493 width: 20px; 7493 width: 20px;
7494 aspect-ratio: 1/1; 7494 aspect-ratio: 1/1;
7495 display: -webkit-box; 7495 display: -webkit-box;
7496 display: -ms-flexbox; 7496 display: -ms-flexbox;
7497 display: flex; 7497 display: flex;
7498 -webkit-box-pack: center; 7498 -webkit-box-pack: center;
7499 -ms-flex-pack: center; 7499 -ms-flex-pack: center;
7500 justify-content: center; 7500 justify-content: center;
7501 -webkit-box-align: center; 7501 -webkit-box-align: center;
7502 -ms-flex-align: center; 7502 -ms-flex-align: center;
7503 align-items: center; 7503 align-items: center;
7504 background: #fff; 7504 background: #fff;
7505 color: #4d88d9; 7505 color: #4d88d9;
7506 border-radius: 8px; 7506 border-radius: 8px;
7507 } 7507 }
7508 @media (min-width: 768px) { 7508 @media (min-width: 768px) {
7509 .chatbox__bottom-file { 7509 .chatbox__bottom-file {
7510 width: 48px; 7510 width: 48px;
7511 } 7511 }
7512 } 7512 }
7513 .chatbox__bottom-file:hover { 7513 .chatbox__bottom-file:hover {
7514 color: #377d87; 7514 color: #377d87;
7515 } 7515 }
7516 .chatbox__bottom-file input { 7516 .chatbox__bottom-file input {
7517 display: none; 7517 display: none;
7518 } 7518 }
7519 .chatbox__bottom-file svg { 7519 .chatbox__bottom-file svg {
7520 width: 50%; 7520 width: 50%;
7521 aspect-ratio: 1/1; 7521 aspect-ratio: 1/1;
7522 stroke-width: 1.5px; 7522 stroke-width: 1.5px;
7523 } 7523 }
7524 .chatbox__bottom-text { 7524 .chatbox__bottom-text {
7525 width: calc(100% - 60px); 7525 width: calc(100% - 60px);
7526 height: 20px; 7526 height: 20px;
7527 border-color: #fff; 7527 border-color: #fff;
7528 } 7528 }
7529 @media (min-width: 768px) { 7529 @media (min-width: 768px) {
7530 .chatbox__bottom-text { 7530 .chatbox__bottom-text {
7531 width: calc(100% - 128px); 7531 width: calc(100% - 128px);
7532 height: 48px; 7532 height: 48px;
7533 } 7533 }
7534 } 7534 }
7535 .chatbox__bottom-text:focus { 7535 .chatbox__bottom-text:focus {
7536 border-color: #fff; 7536 border-color: #fff;
7537 } 7537 }
7538 .chatbox__bottom-send { 7538 .chatbox__bottom-send {
7539 width: 20px; 7539 width: 20px;
7540 aspect-ratio: 1/1; 7540 aspect-ratio: 1/1;
7541 display: -webkit-box; 7541 display: -webkit-box;
7542 display: -ms-flexbox; 7542 display: -ms-flexbox;
7543 display: flex; 7543 display: flex;
7544 -webkit-box-pack: center; 7544 -webkit-box-pack: center;
7545 -ms-flex-pack: center; 7545 -ms-flex-pack: center;
7546 justify-content: center; 7546 justify-content: center;
7547 -webkit-box-align: center; 7547 -webkit-box-align: center;
7548 -ms-flex-align: center; 7548 -ms-flex-align: center;
7549 align-items: center; 7549 align-items: center;
7550 padding: 0; 7550 padding: 0;
7551 background: #fff; 7551 background: #fff;
7552 border: none; 7552 border: none;
7553 color: #4d88d9; 7553 color: #4d88d9;
7554 border-radius: 999px; 7554 border-radius: 999px;
7555 } 7555 }
7556 @media (min-width: 768px) { 7556 @media (min-width: 768px) {
7557 .chatbox__bottom-send { 7557 .chatbox__bottom-send {
7558 width: 48px; 7558 width: 48px;
7559 } 7559 }
7560 } 7560 }
7561 .chatbox__bottom-send:hover { 7561 .chatbox__bottom-send:hover {
7562 color: #377d87; 7562 color: #377d87;
7563 } 7563 }
7564 .chatbox__bottom-send svg { 7564 .chatbox__bottom-send svg {
7565 width: 50%; 7565 width: 50%;
7566 aspect-ratio: 1/1; 7566 aspect-ratio: 1/1;
7567 position: relative; 7567 position: relative;
7568 left: 1px; 7568 left: 1px;
7569 } 7569 }
7570 @media (min-width: 768px) { 7570 @media (min-width: 768px) {
7571 .chatbox__bottom-send svg { 7571 .chatbox__bottom-send svg {
7572 width: 40%; 7572 width: 40%;
7573 left: 2px; 7573 left: 2px;
7574 } 7574 }
7575 } 7575 }
7576 7576
7577 .cvs { 7577 .cvs {
7578 display: -webkit-box; 7578 display: -webkit-box;
7579 display: -ms-flexbox; 7579 display: -ms-flexbox;
7580 display: flex; 7580 display: flex;
7581 -webkit-box-orient: vertical; 7581 -webkit-box-orient: vertical;
7582 -webkit-box-direction: reverse; 7582 -webkit-box-direction: reverse;
7583 -ms-flex-direction: column-reverse; 7583 -ms-flex-direction: column-reverse;
7584 flex-direction: column-reverse; 7584 flex-direction: column-reverse;
7585 -webkit-box-align: center; 7585 -webkit-box-align: center;
7586 -ms-flex-align: center; 7586 -ms-flex-align: center;
7587 align-items: center; 7587 align-items: center;
7588 gap: 20px; 7588 gap: 20px;
7589 } 7589 }
7590 .cvs__body { 7590 .cvs__body {
7591 display: -webkit-box; 7591 display: -webkit-box;
7592 display: -ms-flexbox; 7592 display: -ms-flexbox;
7593 display: flex; 7593 display: flex;
7594 -webkit-box-orient: vertical; 7594 -webkit-box-orient: vertical;
7595 -webkit-box-direction: normal; 7595 -webkit-box-direction: normal;
7596 -ms-flex-direction: column; 7596 -ms-flex-direction: column;
7597 flex-direction: column; 7597 flex-direction: column;
7598 gap: 20px; 7598 gap: 20px;
7599 width: 100%; 7599 width: 100%;
7600 } 7600 }
7601 @media (min-width: 768px) { 7601 @media (min-width: 768px) {
7602 .cvs__body { 7602 .cvs__body {
7603 gap: 30px; 7603 gap: 30px;
7604 } 7604 }
7605 } 7605 }
7606 .cvs__item { 7606 .cvs__item {
7607 display: none; 7607 display: none;
7608 -webkit-box-orient: vertical; 7608 -webkit-box-orient: vertical;
7609 -webkit-box-direction: normal; 7609 -webkit-box-direction: normal;
7610 -ms-flex-direction: column; 7610 -ms-flex-direction: column;
7611 flex-direction: column; 7611 flex-direction: column;
7612 gap: 10px; 7612 gap: 10px;
7613 border-radius: 8px; 7613 border-radius: 8px;
7614 border: 1px solid #e7e7e7; 7614 border: 1px solid #e7e7e7;
7615 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7615 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7616 padding: 10px; 7616 padding: 10px;
7617 font-size: 12px; 7617 font-size: 12px;
7618 position: relative; 7618 position: relative;
7619 } 7619 }
7620 @media (min-width: 768px) { 7620 @media (min-width: 768px) {
7621 .cvs__item { 7621 .cvs__item {
7622 gap: 0; 7622 gap: 0;
7623 padding: 20px; 7623 padding: 20px;
7624 font-size: 16px; 7624 font-size: 16px;
7625 -webkit-box-orient: horizontal; 7625 -webkit-box-orient: horizontal;
7626 -webkit-box-direction: normal; 7626 -webkit-box-direction: normal;
7627 -ms-flex-direction: row; 7627 -ms-flex-direction: row;
7628 flex-direction: row; 7628 flex-direction: row;
7629 -webkit-box-align: start; 7629 -webkit-box-align: start;
7630 -ms-flex-align: start; 7630 -ms-flex-align: start;
7631 align-items: flex-start; 7631 align-items: flex-start;
7632 -ms-flex-wrap: wrap; 7632 -ms-flex-wrap: wrap;
7633 flex-wrap: wrap; 7633 flex-wrap: wrap;
7634 } 7634 }
7635 } 7635 }
7636 .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) { 7636 .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) {
7637 display: -webkit-box; 7637 display: -webkit-box;
7638 display: -ms-flexbox; 7638 display: -ms-flexbox;
7639 display: flex; 7639 display: flex;
7640 } 7640 }
7641 .cvs__item-like { 7641 .cvs__item-like {
7642 width: unset; 7642 width: unset;
7643 padding: 5px 10px; 7643 padding: 5px 10px;
7644 margin-right: 10px; 7644 margin-right: 10px;
7645 } 7645 }
7646 .cvs__item .cvs__item-buttons .chat{ 7646 .cvs__item .cvs__item-buttons .chat{
7647 width: unset; 7647 width: unset;
7648 padding: 5px 10px; 7648 padding: 5px 10px;
7649 margin-right: 10px; 7649 margin-right: 10px;
7650 } 7650 }
7651 .cvs__item-like.active{ 7651 .cvs__item-like.active{
7652 background: #ffffff; 7652 background: #ffffff;
7653 color: #eb5757; 7653 color: #eb5757;
7654 } 7654 }
7655 .cvs__item-like .in-favorites{ 7655 .cvs__item-like .in-favorites{
7656 display: none; 7656 display: none;
7657 } 7657 }
7658 .cvs__item-like.active .in-favorites{ 7658 .cvs__item-like.active .in-favorites{
7659 display: block; 7659 display: block;
7660 color: #eb5757; 7660 color: #eb5757;
7661 } 7661 }
7662 .cvs__item-like.active .to-favorites{ 7662 .cvs__item-like.active .to-favorites{
7663 display: none; 7663 display: none;
7664 } 7664 }
7665 .cvs__item .cvs__item-header{ 7665 .cvs__item .cvs__item-header{
7666 display: flex; 7666 display: flex;
7667 width: 100%; 7667 width: 100%;
7668 justify-content: space-between; 7668 justify-content: space-between;
7669 } 7669 }
7670 .cvs__item-photo { 7670 .cvs__item-photo {
7671 position: relative; 7671 position: relative;
7672 aspect-ratio: 1/1; 7672 aspect-ratio: 1/1;
7673 overflow: hidden; 7673 overflow: hidden;
7674 background: #9c9d9d; 7674 background: #9c9d9d;
7675 color: #fff; 7675 color: #fff;
7676 width: 36px; 7676 width: 36px;
7677 border-radius: 6px; 7677 border-radius: 6px;
7678 display: -webkit-box; 7678 display: -webkit-box;
7679 display: -ms-flexbox; 7679 display: -ms-flexbox;
7680 display: flex; 7680 display: flex;
7681 -webkit-box-pack: center; 7681 -webkit-box-pack: center;
7682 -ms-flex-pack: center; 7682 -ms-flex-pack: center;
7683 justify-content: center; 7683 justify-content: center;
7684 -webkit-box-align: center; 7684 -webkit-box-align: center;
7685 -ms-flex-align: center; 7685 -ms-flex-align: center;
7686 align-items: center; 7686 align-items: center;
7687 } 7687 }
7688 @media (min-width: 768px) { 7688 @media (min-width: 768px) {
7689 .cvs__item-photo { 7689 .cvs__item-photo {
7690 width: 68px; 7690 width: 68px;
7691 } 7691 }
7692 } 7692 }
7693 .cvs__item-photo svg { 7693 .cvs__item-photo svg {
7694 width: 50%; 7694 width: 50%;
7695 position: relative; 7695 position: relative;
7696 z-index: 1; 7696 z-index: 1;
7697 } 7697 }
7698 .cvs__item-photo img { 7698 .cvs__item-photo img {
7699 position: absolute; 7699 position: absolute;
7700 z-index: 2; 7700 z-index: 2;
7701 top: 0; 7701 top: 0;
7702 left: 0; 7702 left: 0;
7703 width: 100%; 7703 width: 100%;
7704 height: 100%; 7704 height: 100%;
7705 -o-object-fit: cover; 7705 -o-object-fit: cover;
7706 object-fit: cover; 7706 object-fit: cover;
7707 } 7707 }
7708 .cvs__item-text { 7708 .cvs__item-text {
7709 display: -webkit-box; 7709 display: -webkit-box;
7710 display: -ms-flexbox; 7710 display: -ms-flexbox;
7711 display: flex; 7711 display: flex;
7712 -webkit-box-orient: vertical; 7712 -webkit-box-orient: vertical;
7713 -webkit-box-direction: normal; 7713 -webkit-box-direction: normal;
7714 -ms-flex-direction: column; 7714 -ms-flex-direction: column;
7715 flex-direction: column; 7715 flex-direction: column;
7716 gap: 10px; 7716 gap: 10px;
7717 width: 100%; 7717 width: 100%;
7718 margin-top: 30px; 7718 margin-top: 30px;
7719 } 7719 }
7720 .cvs__item .cvs__item-buttons{ 7720 .cvs__item .cvs__item-buttons{
7721 display: flex; 7721 display: flex;
7722 align-items: start; 7722 align-items: start;
7723 } 7723 }
7724 .cvs.active .cvs__item { 7724 .cvs.active .cvs__item {
7725 display: -webkit-box; 7725 display: -webkit-box;
7726 display: -ms-flexbox; 7726 display: -ms-flexbox;
7727 display: flex; 7727 display: flex;
7728 } 7728 }
7729 .cvs__item-text .cvs__item-text-row{ 7729 .cvs__item-text .cvs__item-text-row{
7730 display: flex; 7730 display: flex;
7731 justify-content: space-between; 7731 justify-content: space-between;
7732 width: 100%; 7732 width: 100%;
7733 } 7733 }
7734 .cvs__item-text .cvs__item-text-row > div{ 7734 .cvs__item-text .cvs__item-text-row > div{
7735 width: 50%; 7735 width: 50%;
7736 } 7736 }
7737 .cvs__item-text .cvs__item-text-row b{ 7737 .cvs__item-text .cvs__item-text-row b{
7738 color: #377d87; 7738 color: #377d87;
7739 font-size: 18px; 7739 font-size: 18px;
7740 } 7740 }
7741 .cvs__item-text .cvs__item-text-status { 7741 .cvs__item-text .cvs__item-text-status {
7742 width: fit-content; 7742 width: fit-content;
7743 background-color: #e6e6e6; 7743 background-color: #e6e6e6;
7744 font-weight: bold; 7744 font-weight: bold;
7745 padding: 5px 10px; 7745 padding: 5px 10px;
7746 border-radius: 8px; 7746 border-radius: 8px;
7747 margin-right: 30px; 7747 margin-right: 30px;
7748 } 7748 }
7749 .cvs__item-text .cvs__item-text-status.looking-for-job { 7749 .cvs__item-text .cvs__item-text-status.looking-for-job {
7750 background-color: #eb5757; 7750 background-color: #eb5757;
7751 color: #fff; 7751 color: #fff;
7752 } 7752 }
7753 .cvs__item-text .cvs__item-text-updated-at{ 7753 .cvs__item-text .cvs__item-text-updated-at{
7754 padding: 5px 10px; 7754 padding: 5px 10px;
7755 border-radius: 8px; 7755 border-radius: 8px;
7756 border: 1px #e6e6e6 solid; 7756 border: 1px #e6e6e6 solid;
7757 } 7757 }
7758 .faqs { 7758 .faqs {
7759 display: -webkit-box; 7759 display: -webkit-box;
7760 display: -ms-flexbox; 7760 display: -ms-flexbox;
7761 display: flex; 7761 display: flex;
7762 -webkit-box-orient: vertical; 7762 -webkit-box-orient: vertical;
7763 -webkit-box-direction: reverse; 7763 -webkit-box-direction: reverse;
7764 -ms-flex-direction: column-reverse; 7764 -ms-flex-direction: column-reverse;
7765 flex-direction: column-reverse; 7765 flex-direction: column-reverse;
7766 -webkit-box-align: center; 7766 -webkit-box-align: center;
7767 -ms-flex-align: center; 7767 -ms-flex-align: center;
7768 align-items: center; 7768 align-items: center;
7769 gap: 20px; 7769 gap: 20px;
7770 } 7770 }
7771 .faqs__body { 7771 .faqs__body {
7772 display: -webkit-box; 7772 display: -webkit-box;
7773 display: -ms-flexbox; 7773 display: -ms-flexbox;
7774 display: flex; 7774 display: flex;
7775 -webkit-box-orient: vertical; 7775 -webkit-box-orient: vertical;
7776 -webkit-box-direction: normal; 7776 -webkit-box-direction: normal;
7777 -ms-flex-direction: column; 7777 -ms-flex-direction: column;
7778 flex-direction: column; 7778 flex-direction: column;
7779 gap: 20px; 7779 gap: 20px;
7780 width: 100%; 7780 width: 100%;
7781 } 7781 }
7782 .faqs__item { 7782 .faqs__item {
7783 display: none; 7783 display: none;
7784 -webkit-box-orient: vertical; 7784 -webkit-box-orient: vertical;
7785 -webkit-box-direction: normal; 7785 -webkit-box-direction: normal;
7786 -ms-flex-direction: column; 7786 -ms-flex-direction: column;
7787 flex-direction: column; 7787 flex-direction: column;
7788 border-radius: 8px; 7788 border-radius: 8px;
7789 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7789 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7790 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7790 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7791 background: #fff; 7791 background: #fff;
7792 padding: 10px; 7792 padding: 10px;
7793 font-size: 12px; 7793 font-size: 12px;
7794 } 7794 }
7795 @media (min-width: 768px) { 7795 @media (min-width: 768px) {
7796 .faqs__item { 7796 .faqs__item {
7797 padding: 20px; 7797 padding: 20px;
7798 font-size: 16px; 7798 font-size: 16px;
7799 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7799 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7800 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7800 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7801 } 7801 }
7802 } 7802 }
7803 .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) { 7803 .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) {
7804 display: -webkit-box; 7804 display: -webkit-box;
7805 display: -ms-flexbox; 7805 display: -ms-flexbox;
7806 display: flex; 7806 display: flex;
7807 } 7807 }
7808 .faqs__item-button { 7808 .faqs__item-button {
7809 background: none; 7809 background: none;
7810 padding: 0; 7810 padding: 0;
7811 border: none; 7811 border: none;
7812 display: -webkit-box; 7812 display: -webkit-box;
7813 display: -ms-flexbox; 7813 display: -ms-flexbox;
7814 display: flex; 7814 display: flex;
7815 -webkit-box-align: center; 7815 -webkit-box-align: center;
7816 -ms-flex-align: center; 7816 -ms-flex-align: center;
7817 align-items: center; 7817 align-items: center;
7818 color: #000; 7818 color: #000;
7819 text-align: left; 7819 text-align: left;
7820 font-size: 14px; 7820 font-size: 14px;
7821 font-weight: 700; 7821 font-weight: 700;
7822 } 7822 }
7823 @media (min-width: 768px) { 7823 @media (min-width: 768px) {
7824 .faqs__item-button { 7824 .faqs__item-button {
7825 font-size: 20px; 7825 font-size: 20px;
7826 } 7826 }
7827 } 7827 }
7828 .faqs__item-button span { 7828 .faqs__item-button span {
7829 width: calc(100% - 16px); 7829 width: calc(100% - 16px);
7830 padding-right: 16px; 7830 padding-right: 16px;
7831 } 7831 }
7832 .faqs__item-button i { 7832 .faqs__item-button i {
7833 display: -webkit-box; 7833 display: -webkit-box;
7834 display: -ms-flexbox; 7834 display: -ms-flexbox;
7835 display: flex; 7835 display: flex;
7836 -webkit-box-pack: center; 7836 -webkit-box-pack: center;
7837 -ms-flex-pack: center; 7837 -ms-flex-pack: center;
7838 justify-content: center; 7838 justify-content: center;
7839 -webkit-box-align: center; 7839 -webkit-box-align: center;
7840 -ms-flex-align: center; 7840 -ms-flex-align: center;
7841 align-items: center; 7841 align-items: center;
7842 width: 16px; 7842 width: 16px;
7843 aspect-ratio: 1/1; 7843 aspect-ratio: 1/1;
7844 color: #377d87; 7844 color: #377d87;
7845 -webkit-transition: 0.3s; 7845 -webkit-transition: 0.3s;
7846 transition: 0.3s; 7846 transition: 0.3s;
7847 } 7847 }
7848 .faqs__item-button i svg { 7848 .faqs__item-button i svg {
7849 width: 16px; 7849 width: 16px;
7850 aspect-ratio: 1/1; 7850 aspect-ratio: 1/1;
7851 -webkit-transform: rotate(90deg); 7851 -webkit-transform: rotate(90deg);
7852 -ms-transform: rotate(90deg); 7852 -ms-transform: rotate(90deg);
7853 transform: rotate(90deg); 7853 transform: rotate(90deg);
7854 } 7854 }
7855 .faqs__item-button.active i { 7855 .faqs__item-button.active i {
7856 -webkit-transform: rotate(180deg); 7856 -webkit-transform: rotate(180deg);
7857 -ms-transform: rotate(180deg); 7857 -ms-transform: rotate(180deg);
7858 transform: rotate(180deg); 7858 transform: rotate(180deg);
7859 } 7859 }
7860 .faqs__item-body { 7860 .faqs__item-body {
7861 display: -webkit-box; 7861 display: -webkit-box;
7862 display: -ms-flexbox; 7862 display: -ms-flexbox;
7863 display: flex; 7863 display: flex;
7864 -webkit-box-orient: vertical; 7864 -webkit-box-orient: vertical;
7865 -webkit-box-direction: normal; 7865 -webkit-box-direction: normal;
7866 -ms-flex-direction: column; 7866 -ms-flex-direction: column;
7867 flex-direction: column; 7867 flex-direction: column;
7868 gap: 10px; 7868 gap: 10px;
7869 opacity: 0; 7869 opacity: 0;
7870 height: 0; 7870 height: 0;
7871 overflow: hidden; 7871 overflow: hidden;
7872 font-size: 12px; 7872 font-size: 12px;
7873 line-height: 1.4; 7873 line-height: 1.4;
7874 } 7874 }
7875 @media (min-width: 768px) { 7875 @media (min-width: 768px) {
7876 .faqs__item-body { 7876 .faqs__item-body {
7877 font-size: 16px; 7877 font-size: 16px;
7878 gap: 20px; 7878 gap: 20px;
7879 } 7879 }
7880 } 7880 }
7881 .faqs__item-body p { 7881 .faqs__item-body p {
7882 margin: 0; 7882 margin: 0;
7883 } 7883 }
7884 .faqs__item-body a { 7884 .faqs__item-body a {
7885 color: #0f74a8; 7885 color: #0f74a8;
7886 } 7886 }
7887 .active + .faqs__item-body { 7887 .active + .faqs__item-body {
7888 opacity: 1; 7888 opacity: 1;
7889 height: auto; 7889 height: auto;
7890 -webkit-transition: 0.3s; 7890 -webkit-transition: 0.3s;
7891 transition: 0.3s; 7891 transition: 0.3s;
7892 padding-top: 10px; 7892 padding-top: 10px;
7893 } 7893 }
7894 @media (min-width: 768px) { 7894 @media (min-width: 768px) {
7895 .active + .faqs__item-body { 7895 .active + .faqs__item-body {
7896 padding-top: 20px; 7896 padding-top: 20px;
7897 } 7897 }
7898 } 7898 }
7899 .faqs.active .faqs__item { 7899 .faqs.active .faqs__item {
7900 display: -webkit-box; 7900 display: -webkit-box;
7901 display: -ms-flexbox; 7901 display: -ms-flexbox;
7902 display: flex; 7902 display: flex;
7903 } 7903 }
7904 7904
7905 .cabinet { 7905 .cabinet {
7906 padding: 20px 0; 7906 padding: 20px 0;
7907 padding-bottom: 40px; 7907 padding-bottom: 40px;
7908 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7908 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7909 } 7909 }
7910 @media (min-width: 992px) { 7910 @media (min-width: 992px) {
7911 .cabinet { 7911 .cabinet {
7912 padding: 30px 0; 7912 padding: 30px 0;
7913 padding-bottom: 60px; 7913 padding-bottom: 60px;
7914 } 7914 }
7915 } 7915 }
7916 .cabinet__breadcrumbs { 7916 .cabinet__breadcrumbs {
7917 margin-bottom: 50px; 7917 margin-bottom: 50px;
7918 } 7918 }
7919 .cabinet__wrapper { 7919 .cabinet__wrapper {
7920 display: -webkit-box; 7920 display: -webkit-box;
7921 display: -ms-flexbox; 7921 display: -ms-flexbox;
7922 display: flex; 7922 display: flex;
7923 -webkit-box-orient: vertical; 7923 -webkit-box-orient: vertical;
7924 -webkit-box-direction: normal; 7924 -webkit-box-direction: normal;
7925 -ms-flex-direction: column; 7925 -ms-flex-direction: column;
7926 flex-direction: column; 7926 flex-direction: column;
7927 } 7927 }
7928 @media (min-width: 992px) { 7928 @media (min-width: 992px) {
7929 .cabinet__wrapper { 7929 .cabinet__wrapper {
7930 -webkit-box-orient: horizontal; 7930 -webkit-box-orient: horizontal;
7931 -webkit-box-direction: normal; 7931 -webkit-box-direction: normal;
7932 -ms-flex-direction: row; 7932 -ms-flex-direction: row;
7933 flex-direction: row; 7933 flex-direction: row;
7934 -webkit-box-align: start; 7934 -webkit-box-align: start;
7935 -ms-flex-align: start; 7935 -ms-flex-align: start;
7936 align-items: flex-start; 7936 align-items: flex-start;
7937 -webkit-box-pack: justify; 7937 -webkit-box-pack: justify;
7938 -ms-flex-pack: justify; 7938 -ms-flex-pack: justify;
7939 justify-content: space-between; 7939 justify-content: space-between;
7940 } 7940 }
7941 } 7941 }
7942 .cabinet__side { 7942 .cabinet__side {
7943 border-radius: 8px; 7943 border-radius: 8px;
7944 background: #fff; 7944 background: #fff;
7945 padding: 20px 10px; 7945 padding: 20px 10px;
7946 display: -webkit-box; 7946 display: -webkit-box;
7947 display: -ms-flexbox; 7947 display: -ms-flexbox;
7948 display: flex; 7948 display: flex;
7949 -webkit-box-orient: vertical; 7949 -webkit-box-orient: vertical;
7950 -webkit-box-direction: normal; 7950 -webkit-box-direction: normal;
7951 -ms-flex-direction: column; 7951 -ms-flex-direction: column;
7952 flex-direction: column; 7952 flex-direction: column;
7953 gap: 30px; 7953 gap: 30px;
7954 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7954 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7955 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7955 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7956 } 7956 }
7957 @media (min-width: 768px) { 7957 @media (min-width: 768px) {
7958 .cabinet__side { 7958 .cabinet__side {
7959 padding: 30px 20px; 7959 padding: 30px 20px;
7960 margin-bottom: 50px; 7960 margin-bottom: 50px;
7961 } 7961 }
7962 } 7962 }
7963 @media (min-width: 992px) { 7963 @media (min-width: 992px) {
7964 .cabinet__side { 7964 .cabinet__side {
7965 width: 340px; 7965 width: 340px;
7966 margin: 0; 7966 margin: 0;
7967 position: sticky; 7967 position: sticky;
7968 top: 6px; 7968 top: 6px;
7969 } 7969 }
7970 } 7970 }
7971 @media (min-width: 1280px) { 7971 @media (min-width: 1280px) {
7972 .cabinet__side { 7972 .cabinet__side {
7973 width: 400px; 7973 width: 400px;
7974 } 7974 }
7975 } 7975 }
7976 .cabinet__side-item { 7976 .cabinet__side-item {
7977 display: -webkit-box; 7977 display: -webkit-box;
7978 display: -ms-flexbox; 7978 display: -ms-flexbox;
7979 display: flex; 7979 display: flex;
7980 -webkit-box-orient: vertical; 7980 -webkit-box-orient: vertical;
7981 -webkit-box-direction: normal; 7981 -webkit-box-direction: normal;
7982 -ms-flex-direction: column; 7982 -ms-flex-direction: column;
7983 flex-direction: column; 7983 flex-direction: column;
7984 gap: 20px; 7984 gap: 20px;
7985 } 7985 }
7986 .cabinet__side-toper { 7986 .cabinet__side-toper {
7987 display: -webkit-box; 7987 display: -webkit-box;
7988 display: -ms-flexbox; 7988 display: -ms-flexbox;
7989 display: flex; 7989 display: flex;
7990 -webkit-box-align: center; 7990 -webkit-box-align: center;
7991 -ms-flex-align: center; 7991 -ms-flex-align: center;
7992 align-items: center; 7992 align-items: center;
7993 } 7993 }
7994 .cabinet__side-toper-pic { 7994 .cabinet__side-toper-pic {
7995 width: 70px; 7995 width: 70px;
7996 aspect-ratio: 1/1; 7996 aspect-ratio: 1/1;
7997 overflow: hidden; 7997 overflow: hidden;
7998 border-radius: 8px; 7998 border-radius: 8px;
7999 color: #fff; 7999 color: #fff;
8000 background: #9c9d9d; 8000 background: #9c9d9d;
8001 display: -webkit-box; 8001 display: -webkit-box;
8002 display: -ms-flexbox; 8002 display: -ms-flexbox;
8003 display: flex; 8003 display: flex;
8004 -webkit-box-align: center; 8004 -webkit-box-align: center;
8005 -ms-flex-align: center; 8005 -ms-flex-align: center;
8006 align-items: center; 8006 align-items: center;
8007 -webkit-box-pack: center; 8007 -webkit-box-pack: center;
8008 -ms-flex-pack: center; 8008 -ms-flex-pack: center;
8009 justify-content: center; 8009 justify-content: center;
8010 position: relative; 8010 position: relative;
8011 } 8011 }
8012 .cabinet__side-toper-pic img { 8012 .cabinet__side-toper-pic img {
8013 width: 100%; 8013 width: 100%;
8014 height: 100%; 8014 height: 100%;
8015 -o-object-fit: cover; 8015 -o-object-fit: cover;
8016 object-fit: cover; 8016 object-fit: cover;
8017 position: absolute; 8017 position: absolute;
8018 z-index: 2; 8018 z-index: 2;
8019 top: 0; 8019 top: 0;
8020 left: 0; 8020 left: 0;
8021 aspect-ratio: 1/1; 8021 aspect-ratio: 1/1;
8022 -o-object-fit: contain; 8022 -o-object-fit: contain;
8023 object-fit: contain; 8023 object-fit: contain;
8024 } 8024 }
8025 .cabinet__side-toper-pic svg { 8025 .cabinet__side-toper-pic svg {
8026 width: 50%; 8026 width: 50%;
8027 aspect-ratio: 1/1; 8027 aspect-ratio: 1/1;
8028 } 8028 }
8029 .cabinet__side-toper b { 8029 .cabinet__side-toper b {
8030 width: calc(100% - 70px); 8030 width: calc(100% - 70px);
8031 font-size: 14px; 8031 font-size: 14px;
8032 font-weight: 700; 8032 font-weight: 700;
8033 padding-left: 16px; 8033 padding-left: 16px;
8034 } 8034 }
8035 @media (min-width: 768px) { 8035 @media (min-width: 768px) {
8036 .cabinet__side-toper b { 8036 .cabinet__side-toper b {
8037 font-size: 20px; 8037 font-size: 20px;
8038 } 8038 }
8039 } 8039 }
8040 .cabinet__menu { 8040 .cabinet__menu {
8041 display: -webkit-box; 8041 display: -webkit-box;
8042 display: -ms-flexbox; 8042 display: -ms-flexbox;
8043 display: flex; 8043 display: flex;
8044 -webkit-box-orient: vertical; 8044 -webkit-box-orient: vertical;
8045 -webkit-box-direction: normal; 8045 -webkit-box-direction: normal;
8046 -ms-flex-direction: column; 8046 -ms-flex-direction: column;
8047 flex-direction: column; 8047 flex-direction: column;
8048 } 8048 }
8049 .cabinet__menu-toper { 8049 .cabinet__menu-toper {
8050 display: -webkit-box; 8050 display: -webkit-box;
8051 display: -ms-flexbox; 8051 display: -ms-flexbox;
8052 display: flex; 8052 display: flex;
8053 -webkit-box-align: center; 8053 -webkit-box-align: center;
8054 -ms-flex-align: center; 8054 -ms-flex-align: center;
8055 align-items: center; 8055 align-items: center;
8056 -webkit-box-pack: justify; 8056 -webkit-box-pack: justify;
8057 -ms-flex-pack: justify; 8057 -ms-flex-pack: justify;
8058 justify-content: space-between; 8058 justify-content: space-between;
8059 padding: 0 16px; 8059 padding: 0 16px;
8060 padding-right: 12px; 8060 padding-right: 12px;
8061 border: none; 8061 border: none;
8062 border-radius: 8px; 8062 border-radius: 8px;
8063 background: #377d87; 8063 background: #377d87;
8064 color: #fff; 8064 color: #fff;
8065 } 8065 }
8066 @media (min-width: 768px) { 8066 @media (min-width: 768px) {
8067 .cabinet__menu-toper { 8067 .cabinet__menu-toper {
8068 padding: 0 20px; 8068 padding: 0 20px;
8069 } 8069 }
8070 } 8070 }
8071 @media (min-width: 992px) { 8071 @media (min-width: 992px) {
8072 .cabinet__menu-toper { 8072 .cabinet__menu-toper {
8073 display: none; 8073 display: none;
8074 } 8074 }
8075 } 8075 }
8076 .cabinet__menu-toper-text { 8076 .cabinet__menu-toper-text {
8077 width: calc(100% - 16px); 8077 width: calc(100% - 16px);
8078 display: -webkit-box; 8078 display: -webkit-box;
8079 display: -ms-flexbox; 8079 display: -ms-flexbox;
8080 display: flex; 8080 display: flex;
8081 -webkit-box-align: center; 8081 -webkit-box-align: center;
8082 -ms-flex-align: center; 8082 -ms-flex-align: center;
8083 align-items: center; 8083 align-items: center;
8084 } 8084 }
8085 @media (min-width: 768px) { 8085 @media (min-width: 768px) {
8086 .cabinet__menu-toper-text { 8086 .cabinet__menu-toper-text {
8087 width: calc(100% - 20px); 8087 width: calc(100% - 20px);
8088 } 8088 }
8089 } 8089 }
8090 .cabinet__menu-toper-text i { 8090 .cabinet__menu-toper-text i {
8091 width: 16px; 8091 width: 16px;
8092 height: 16px; 8092 height: 16px;
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-align: center; 8096 -webkit-box-align: center;
8097 -ms-flex-align: center; 8097 -ms-flex-align: center;
8098 align-items: center; 8098 align-items: center;
8099 -webkit-box-pack: center; 8099 -webkit-box-pack: center;
8100 -ms-flex-pack: center; 8100 -ms-flex-pack: center;
8101 justify-content: center; 8101 justify-content: center;
8102 } 8102 }
8103 @media (min-width: 768px) { 8103 @media (min-width: 768px) {
8104 .cabinet__menu-toper-text i { 8104 .cabinet__menu-toper-text i {
8105 width: 22px; 8105 width: 22px;
8106 height: 22px; 8106 height: 22px;
8107 } 8107 }
8108 } 8108 }
8109 .cabinet__menu-toper-text svg { 8109 .cabinet__menu-toper-text svg {
8110 width: 16px; 8110 width: 16px;
8111 height: 16px; 8111 height: 16px;
8112 } 8112 }
8113 @media (min-width: 768px) { 8113 @media (min-width: 768px) {
8114 .cabinet__menu-toper-text svg { 8114 .cabinet__menu-toper-text svg {
8115 width: 22px; 8115 width: 22px;
8116 height: 22px; 8116 height: 22px;
8117 } 8117 }
8118 } 8118 }
8119 .cabinet__menu-toper-text span { 8119 .cabinet__menu-toper-text span {
8120 display: -webkit-box; 8120 display: -webkit-box;
8121 display: -ms-flexbox; 8121 display: -ms-flexbox;
8122 display: flex; 8122 display: flex;
8123 -webkit-box-align: center; 8123 -webkit-box-align: center;
8124 -ms-flex-align: center; 8124 -ms-flex-align: center;
8125 align-items: center; 8125 align-items: center;
8126 padding: 0 10px; 8126 padding: 0 10px;
8127 min-height: 30px; 8127 min-height: 30px;
8128 font-size: 12px; 8128 font-size: 12px;
8129 width: calc(100% - 16px); 8129 width: calc(100% - 16px);
8130 } 8130 }
8131 @media (min-width: 768px) { 8131 @media (min-width: 768px) {
8132 .cabinet__menu-toper-text span { 8132 .cabinet__menu-toper-text span {
8133 width: calc(100% - 22px); 8133 width: calc(100% - 22px);
8134 font-size: 20px; 8134 font-size: 20px;
8135 min-height: 52px; 8135 min-height: 52px;
8136 padding: 0 16px; 8136 padding: 0 16px;
8137 } 8137 }
8138 } 8138 }
8139 .cabinet__menu-toper-arrow { 8139 .cabinet__menu-toper-arrow {
8140 width: 16px; 8140 width: 16px;
8141 height: 16px; 8141 height: 16px;
8142 display: -webkit-box; 8142 display: -webkit-box;
8143 display: -ms-flexbox; 8143 display: -ms-flexbox;
8144 display: flex; 8144 display: flex;
8145 -webkit-box-pack: center; 8145 -webkit-box-pack: center;
8146 -ms-flex-pack: center; 8146 -ms-flex-pack: center;
8147 justify-content: center; 8147 justify-content: center;
8148 -webkit-box-align: center; 8148 -webkit-box-align: center;
8149 -ms-flex-align: center; 8149 -ms-flex-align: center;
8150 align-items: center; 8150 align-items: center;
8151 -webkit-transition: 0.3s; 8151 -webkit-transition: 0.3s;
8152 transition: 0.3s; 8152 transition: 0.3s;
8153 } 8153 }
8154 @media (min-width: 768px) { 8154 @media (min-width: 768px) {
8155 .cabinet__menu-toper-arrow { 8155 .cabinet__menu-toper-arrow {
8156 width: 20px; 8156 width: 20px;
8157 height: 20px; 8157 height: 20px;
8158 } 8158 }
8159 } 8159 }
8160 .cabinet__menu-toper-arrow svg { 8160 .cabinet__menu-toper-arrow svg {
8161 width: 12px; 8161 width: 12px;
8162 height: 12px; 8162 height: 12px;
8163 -webkit-transform: rotate(90deg); 8163 -webkit-transform: rotate(90deg);
8164 -ms-transform: rotate(90deg); 8164 -ms-transform: rotate(90deg);
8165 transform: rotate(90deg); 8165 transform: rotate(90deg);
8166 } 8166 }
8167 @media (min-width: 768px) { 8167 @media (min-width: 768px) {
8168 .cabinet__menu-toper-arrow svg { 8168 .cabinet__menu-toper-arrow svg {
8169 width: 20px; 8169 width: 20px;
8170 height: 20px; 8170 height: 20px;
8171 } 8171 }
8172 } 8172 }
8173 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 8173 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
8174 -webkit-transform: rotate(180deg); 8174 -webkit-transform: rotate(180deg);
8175 -ms-transform: rotate(180deg); 8175 -ms-transform: rotate(180deg);
8176 transform: rotate(180deg); 8176 transform: rotate(180deg);
8177 } 8177 }
8178 .cabinet__menu-body { 8178 .cabinet__menu-body {
8179 opacity: 0; 8179 opacity: 0;
8180 height: 0; 8180 height: 0;
8181 overflow: hidden; 8181 overflow: hidden;
8182 display: -webkit-box; 8182 display: -webkit-box;
8183 display: -ms-flexbox; 8183 display: -ms-flexbox;
8184 display: flex; 8184 display: flex;
8185 -webkit-box-orient: vertical; 8185 -webkit-box-orient: vertical;
8186 -webkit-box-direction: normal; 8186 -webkit-box-direction: normal;
8187 -ms-flex-direction: column; 8187 -ms-flex-direction: column;
8188 flex-direction: column; 8188 flex-direction: column;
8189 } 8189 }
8190 @media (min-width: 992px) { 8190 @media (min-width: 992px) {
8191 .cabinet__menu-body { 8191 .cabinet__menu-body {
8192 opacity: 1; 8192 opacity: 1;
8193 height: auto; 8193 height: auto;
8194 } 8194 }
8195 } 8195 }
8196 .active + .cabinet__menu-body { 8196 .active + .cabinet__menu-body {
8197 opacity: 1; 8197 opacity: 1;
8198 height: auto; 8198 height: auto;
8199 -webkit-transition: 0.3s; 8199 -webkit-transition: 0.3s;
8200 transition: 0.3s; 8200 transition: 0.3s;
8201 } 8201 }
8202 .cabinet__menu-items { 8202 .cabinet__menu-items {
8203 display: -webkit-box; 8203 display: -webkit-box;
8204 display: -ms-flexbox; 8204 display: -ms-flexbox;
8205 display: flex; 8205 display: flex;
8206 -webkit-box-orient: vertical; 8206 -webkit-box-orient: vertical;
8207 -webkit-box-direction: normal; 8207 -webkit-box-direction: normal;
8208 -ms-flex-direction: column; 8208 -ms-flex-direction: column;
8209 flex-direction: column; 8209 flex-direction: column;
8210 } 8210 }
8211 .cabinet__menu-item { 8211 .cabinet__menu-item {
8212 padding: 8px 16px; 8212 padding: 8px 16px;
8213 border-radius: 8px; 8213 border-radius: 8px;
8214 display: -webkit-box; 8214 display: -webkit-box;
8215 display: -ms-flexbox; 8215 display: -ms-flexbox;
8216 display: flex; 8216 display: flex;
8217 -webkit-box-align: center; 8217 -webkit-box-align: center;
8218 -ms-flex-align: center; 8218 -ms-flex-align: center;
8219 align-items: center; 8219 align-items: center;
8220 } 8220 }
8221 @media (min-width: 768px) { 8221 @media (min-width: 768px) {
8222 .cabinet__menu-item { 8222 .cabinet__menu-item {
8223 padding: 14px 20px; 8223 padding: 14px 20px;
8224 } 8224 }
8225 } 8225 }
8226 .cabinet__menu-item:hover { 8226 .cabinet__menu-item:hover {
8227 color: #377d87; 8227 color: #377d87;
8228 } 8228 }
8229 @media (min-width: 992px) { 8229 @media (min-width: 992px) {
8230 .cabinet__menu-item.active { 8230 .cabinet__menu-item.active {
8231 background: #377d87; 8231 background: #377d87;
8232 color: #fff; 8232 color: #fff;
8233 } 8233 }
8234 } 8234 }
8235 @media (min-width: 992px) { 8235 @media (min-width: 992px) {
8236 .cabinet__menu-item.active svg { 8236 .cabinet__menu-item.active svg {
8237 color: #fff; 8237 color: #fff;
8238 } 8238 }
8239 } 8239 }
8240 @media (min-width: 992px) { 8240 @media (min-width: 992px) {
8241 .cabinet__menu-item.active.red { 8241 .cabinet__menu-item.active.red {
8242 background: #eb5757; 8242 background: #eb5757;
8243 } 8243 }
8244 } 8244 }
8245 .cabinet__menu-item i { 8245 .cabinet__menu-item i {
8246 width: 16px; 8246 width: 16px;
8247 height: 16px; 8247 height: 16px;
8248 color: #377d87; 8248 color: #377d87;
8249 } 8249 }
8250 @media (min-width: 768px) { 8250 @media (min-width: 768px) {
8251 .cabinet__menu-item i { 8251 .cabinet__menu-item i {
8252 width: 22px; 8252 width: 22px;
8253 height: 22px; 8253 height: 22px;
8254 } 8254 }
8255 } 8255 }
8256 .cabinet__menu-item svg { 8256 .cabinet__menu-item svg {
8257 width: 16px; 8257 width: 16px;
8258 height: 16px; 8258 height: 16px;
8259 } 8259 }
8260 @media (min-width: 768px) { 8260 @media (min-width: 768px) {
8261 .cabinet__menu-item svg { 8261 .cabinet__menu-item svg {
8262 width: 22px; 8262 width: 22px;
8263 height: 22px; 8263 height: 22px;
8264 } 8264 }
8265 } 8265 }
8266 .cabinet__menu-item span { 8266 .cabinet__menu-item span {
8267 width: calc(100% - 16px); 8267 width: calc(100% - 16px);
8268 font-size: 12px; 8268 font-size: 12px;
8269 padding-left: 10px; 8269 padding-left: 10px;
8270 } 8270 }
8271 @media (min-width: 768px) { 8271 @media (min-width: 768px) {
8272 .cabinet__menu-item span { 8272 .cabinet__menu-item span {
8273 font-size: 20px; 8273 font-size: 20px;
8274 width: calc(100% - 22px); 8274 width: calc(100% - 22px);
8275 padding-left: 16px; 8275 padding-left: 16px;
8276 } 8276 }
8277 } 8277 }
8278 .cabinet__menu-bottom { 8278 .cabinet__menu-bottom {
8279 display: -webkit-box; 8279 display: -webkit-box;
8280 display: -ms-flexbox; 8280 display: -ms-flexbox;
8281 display: flex; 8281 display: flex;
8282 -webkit-box-orient: vertical; 8282 -webkit-box-orient: vertical;
8283 -webkit-box-direction: normal; 8283 -webkit-box-direction: normal;
8284 -ms-flex-direction: column; 8284 -ms-flex-direction: column;
8285 flex-direction: column; 8285 flex-direction: column;
8286 gap: 10px; 8286 gap: 10px;
8287 margin-top: 10px; 8287 margin-top: 10px;
8288 } 8288 }
8289 @media (min-width: 768px) { 8289 @media (min-width: 768px) {
8290 .cabinet__menu-bottom { 8290 .cabinet__menu-bottom {
8291 gap: 20px; 8291 gap: 20px;
8292 margin-top: 20px; 8292 margin-top: 20px;
8293 } 8293 }
8294 } 8294 }
8295 .cabinet__menu-copy { 8295 .cabinet__menu-copy {
8296 color: #9c9d9d; 8296 color: #9c9d9d;
8297 text-align: center; 8297 text-align: center;
8298 font-size: 12px; 8298 font-size: 12px;
8299 } 8299 }
8300 @media (min-width: 768px) { 8300 @media (min-width: 768px) {
8301 .cabinet__menu-copy { 8301 .cabinet__menu-copy {
8302 font-size: 16px; 8302 font-size: 16px;
8303 } 8303 }
8304 } 8304 }
8305 .cabinet__body { 8305 .cabinet__body {
8306 margin: 0 -10px; 8306 margin: 0 -10px;
8307 margin-top: 50px; 8307 margin-top: 50px;
8308 background: #fff; 8308 background: #fff;
8309 padding: 20px 10px; 8309 padding: 20px 10px;
8310 display: -webkit-box; 8310 display: -webkit-box;
8311 display: -ms-flexbox; 8311 display: -ms-flexbox;
8312 display: flex; 8312 display: flex;
8313 -webkit-box-orient: vertical; 8313 -webkit-box-orient: vertical;
8314 -webkit-box-direction: normal; 8314 -webkit-box-direction: normal;
8315 -ms-flex-direction: column; 8315 -ms-flex-direction: column;
8316 flex-direction: column; 8316 flex-direction: column;
8317 gap: 30px; 8317 gap: 30px;
8318 color: #000; 8318 color: #000;
8319 } 8319 }
8320 @media (min-width: 768px) { 8320 @media (min-width: 768px) {
8321 .cabinet__body { 8321 .cabinet__body {
8322 padding: 30px 20px; 8322 padding: 30px 20px;
8323 margin: 0; 8323 margin: 0;
8324 border-radius: 8px; 8324 border-radius: 8px;
8325 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8325 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8326 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8326 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8327 } 8327 }
8328 } 8328 }
8329 @media (min-width: 992px) { 8329 @media (min-width: 992px) {
8330 .cabinet__body { 8330 .cabinet__body {
8331 width: calc(100% - 360px); 8331 width: calc(100% - 360px);
8332 } 8332 }
8333 } 8333 }
8334 @media (min-width: 1280px) { 8334 @media (min-width: 1280px) {
8335 .cabinet__body { 8335 .cabinet__body {
8336 width: calc(100% - 420px); 8336 width: calc(100% - 420px);
8337 } 8337 }
8338 } 8338 }
8339 .cabinet__body-item { 8339 .cabinet__body-item {
8340 display: -webkit-box; 8340 display: -webkit-box;
8341 display: -ms-flexbox; 8341 display: -ms-flexbox;
8342 display: flex; 8342 display: flex;
8343 -webkit-box-orient: vertical; 8343 -webkit-box-orient: vertical;
8344 -webkit-box-direction: normal; 8344 -webkit-box-direction: normal;
8345 -ms-flex-direction: column; 8345 -ms-flex-direction: column;
8346 flex-direction: column; 8346 flex-direction: column;
8347 gap: 20px; 8347 gap: 20px;
8348 } 8348 }
8349 .cabinet__title { 8349 .cabinet__title {
8350 font-size: 24px; 8350 font-size: 24px;
8351 /*color: #6b6c6d;*/ 8351 /*color: #6b6c6d;*/
8352 color: #000000 8352 color: #000000
8353 } 8353 }
8354 @media (min-width: 768px) { 8354 @media (min-width: 768px) {
8355 .cabinet__title { 8355 .cabinet__title {
8356 font-size: 32px; 8356 font-size: 32px;
8357 } 8357 }
8358 } 8358 }
8359 @media (min-width: 992px) { 8359 @media (min-width: 992px) {
8360 .cabinet__title { 8360 .cabinet__title {
8361 font-size: 40px; 8361 font-size: 40px;
8362 } 8362 }
8363 } 8363 }
8364 @media (min-width: 1280px) { 8364 @media (min-width: 1280px) {
8365 .cabinet__title { 8365 .cabinet__title {
8366 font-size: 48px; 8366 font-size: 48px;
8367 } 8367 }
8368 } 8368 }
8369 .cabinet__subtitle { 8369 .cabinet__subtitle {
8370 font-size: 22px; 8370 font-size: 22px;
8371 margin: 0; 8371 margin: 0;
8372 font-weight: 700; 8372 font-weight: 700;
8373 color: #000; 8373 color: #000;
8374 } 8374 }
8375 @media (min-width: 768px) { 8375 @media (min-width: 768px) {
8376 .cabinet__subtitle { 8376 .cabinet__subtitle {
8377 font-size: 24px; 8377 font-size: 24px;
8378 } 8378 }
8379 } 8379 }
8380 .cabinet__h4 { 8380 .cabinet__h4 {
8381 font-size: 20px; 8381 font-size: 20px;
8382 margin: 0; 8382 margin: 0;
8383 font-weight: 700; 8383 font-weight: 700;
8384 color: #000; 8384 color: #000;
8385 } 8385 }
8386 @media (min-width: 768px) { 8386 @media (min-width: 768px) {
8387 .cabinet__h4 { 8387 .cabinet__h4 {
8388 font-size: 22px; 8388 font-size: 22px;
8389 } 8389 }
8390 } 8390 }
8391 .cabinet__text { 8391 .cabinet__text {
8392 margin: 0; 8392 margin: 0;
8393 font-size: 14px; 8393 font-size: 14px;
8394 } 8394 }
8395 @media (min-width: 768px) { 8395 @media (min-width: 768px) {
8396 .cabinet__text { 8396 .cabinet__text {
8397 font-size: 16px; 8397 font-size: 16px;
8398 } 8398 }
8399 } 8399 }
8400 .cabinet__text b { 8400 .cabinet__text b {
8401 color: #000; 8401 color: #000;
8402 font-size: 18px; 8402 font-size: 18px;
8403 } 8403 }
8404 @media (min-width: 768px) { 8404 @media (min-width: 768px) {
8405 .cabinet__text b { 8405 .cabinet__text b {
8406 font-size: 24px; 8406 font-size: 24px;
8407 } 8407 }
8408 } 8408 }
8409 .cabinet__descr { 8409 .cabinet__descr {
8410 display: -webkit-box; 8410 display: -webkit-box;
8411 display: -ms-flexbox; 8411 display: -ms-flexbox;
8412 display: flex; 8412 display: flex;
8413 -webkit-box-orient: vertical; 8413 -webkit-box-orient: vertical;
8414 -webkit-box-direction: normal; 8414 -webkit-box-direction: normal;
8415 -ms-flex-direction: column; 8415 -ms-flex-direction: column;
8416 flex-direction: column; 8416 flex-direction: column;
8417 gap: 6px; 8417 gap: 6px;
8418 } 8418 }
8419 @media (min-width: 768px) { 8419 @media (min-width: 768px) {
8420 .cabinet__descr { 8420 .cabinet__descr {
8421 gap: 12px; 8421 gap: 12px;
8422 } 8422 }
8423 } 8423 }
8424 .cabinet__avatar { 8424 .cabinet__avatar {
8425 display: -webkit-box; 8425 display: -webkit-box;
8426 display: -ms-flexbox; 8426 display: -ms-flexbox;
8427 display: flex; 8427 display: flex;
8428 -webkit-box-align: start; 8428 -webkit-box-align: start;
8429 -ms-flex-align: start; 8429 -ms-flex-align: start;
8430 align-items: flex-start; 8430 align-items: flex-start;
8431 } 8431 }
8432 @media (min-width: 768px) { 8432 @media (min-width: 768px) {
8433 .cabinet__avatar { 8433 .cabinet__avatar {
8434 -webkit-box-align: center; 8434 -webkit-box-align: center;
8435 -ms-flex-align: center; 8435 -ms-flex-align: center;
8436 align-items: center; 8436 align-items: center;
8437 } 8437 }
8438 } 8438 }
8439 .cabinet__avatar-pic { 8439 .cabinet__avatar-pic {
8440 width: 100px; 8440 width: 100px;
8441 aspect-ratio: 1/1; 8441 aspect-ratio: 1/1;
8442 position: relative; 8442 position: relative;
8443 display: -webkit-box; 8443 display: -webkit-box;
8444 display: -ms-flexbox; 8444 display: -ms-flexbox;
8445 display: flex; 8445 display: flex;
8446 -webkit-box-pack: center; 8446 -webkit-box-pack: center;
8447 -ms-flex-pack: center; 8447 -ms-flex-pack: center;
8448 justify-content: center; 8448 justify-content: center;
8449 -webkit-box-align: center; 8449 -webkit-box-align: center;
8450 -ms-flex-align: center; 8450 -ms-flex-align: center;
8451 align-items: center; 8451 align-items: center;
8452 overflow: hidden; 8452 overflow: hidden;
8453 border-radius: 8px; 8453 border-radius: 8px;
8454 color: #fff; 8454 color: #fff;
8455 background: #9c9d9d; 8455 background: #9c9d9d;
8456 } 8456 }
8457 .cabinet__avatar-pic svg { 8457 .cabinet__avatar-pic svg {
8458 width: 50%; 8458 width: 50%;
8459 aspect-ratio: 1/1; 8459 aspect-ratio: 1/1;
8460 z-index: 1; 8460 z-index: 1;
8461 position: relative; 8461 position: relative;
8462 } 8462 }
8463 .cabinet__avatar-pic img{ 8463 .cabinet__avatar-pic img{
8464 max-width: 100%; 8464 max-width: 100%;
8465 max-height: 100%; 8465 max-height: 100%;
8466 } 8466 }
8467 .cabinet__avatar-form { 8467 .cabinet__avatar-form {
8468 width: calc(100% - 100px); 8468 width: calc(100% - 100px);
8469 padding-left: 15px; 8469 padding-left: 15px;
8470 display: -webkit-box; 8470 display: -webkit-box;
8471 display: -ms-flexbox; 8471 display: -ms-flexbox;
8472 display: flex; 8472 display: flex;
8473 -webkit-box-orient: vertical; 8473 -webkit-box-orient: vertical;
8474 -webkit-box-direction: normal; 8474 -webkit-box-direction: normal;
8475 -ms-flex-direction: column; 8475 -ms-flex-direction: column;
8476 flex-direction: column; 8476 flex-direction: column;
8477 gap: 6px; 8477 gap: 6px;
8478 } 8478 }
8479 .candidate-top-wrapper{ 8479 .candidate-top-wrapper{
8480 display: flex; 8480 display: flex;
8481 } 8481 }
8482 .candidate-top-wrapper .candidate-thumbnail{ 8482 .candidate-top-wrapper .candidate-thumbnail{
8483 width: 100px; 8483 width: 100px;
8484 height: 100px; 8484 height: 100px;
8485 min-width: 100px; 8485 min-width: 100px;
8486 border-radius: 8px; 8486 border-radius: 8px;
8487 overflow: hidden; 8487 overflow: hidden;
8488 } 8488 }
8489 .candidate-top-wrapper .candidate-thumbnail img{ 8489 .candidate-top-wrapper .candidate-thumbnail img{
8490 max-height: 100%; 8490 max-height: 100%;
8491 max-width: 100%; 8491 max-width: 100%;
8492 } 8492 }
8493 .candidate-top-wrapper .candidate-information{ 8493 .candidate-top-wrapper .candidate-information{
8494 padding-left: 20px; 8494 padding-left: 20px;
8495 font-size: 21px; 8495 font-size: 21px;
8496 display: flex; 8496 display: flex;
8497 align-items: center; 8497 align-items: center;
8498 } 8498 }
8499 .candidate-top-wrapper .candidate-information .candidate-title{ 8499 .candidate-top-wrapper .candidate-information .candidate-title{
8500 font-size: inherit; 8500 font-size: inherit;
8501 } 8501 }
8502 .content-single-candidate .education-detail-description{ 8502 .content-single-candidate .education-detail-description{
8503 margin-bottom: 50px; 8503 margin-bottom: 50px;
8504 text-align: justify; 8504 text-align: justify;
8505 } 8505 }
8506 .content-single-candidate .education-detail-description h3.title{ 8506 .content-single-candidate .education-detail-description h3.title{
8507 font-size: 18px; 8507 font-size: 18px;
8508 margin: 0 0 20px; 8508 margin: 0 0 20px;
8509 } 8509 }
8510 .content-single-candidate .education-detail-description .inner{ 8510 .content-single-candidate .education-detail-description .inner{
8511 font-size: 16px; 8511 font-size: 16px;
8512 font-weight: 300; 8512 font-weight: 300;
8513 line-height: 22px; 8513 line-height: 22px;
8514 color: #77838F; 8514 color: #77838F;
8515 } 8515 }
8516 .education-detail-programs h3.title{ 8516 .education-detail-programs h3.title{
8517 font-size: 18px; 8517 font-size: 18px;
8518 margin: 0 0 20px; 8518 margin: 0 0 20px;
8519 } 8519 }
8520 .education-detail-programs .accordion{ 8520 .education-detail-programs .accordion{
8521 margin: 1rem 0; 8521 margin: 1rem 0;
8522 padding: 0; 8522 padding: 0;
8523 list-style: none; 8523 list-style: none;
8524 border-top: 1px solid #ECEDF2; 8524 border-top: 1px solid #ECEDF2;
8525 } 8525 }
8526 .education-detail-programs .accordion.sub{ 8526 .education-detail-programs .accordion.sub{
8527 padding-left: 20px; 8527 padding-left: 20px;
8528 display: none; 8528 display: none;
8529 } 8529 }
8530 .education-detail-programs .accordion-item { 8530 .education-detail-programs .accordion-item {
8531 border-bottom: 1px solid #ECEDF2; 8531 border-bottom: 1px solid #ECEDF2;
8532 } 8532 }
8533 .education-detail-programs .accordion-thumb { 8533 .education-detail-programs .accordion-thumb {
8534 margin: 0; 8534 margin: 0;
8535 padding: 25px 0; 8535 padding: 25px 0;
8536 cursor: pointer; 8536 cursor: pointer;
8537 font-weight: normal; 8537 font-weight: normal;
8538 color: #0E5C69; 8538 color: #0E5C69;
8539 font-size: 16px; 8539 font-size: 16px;
8540 text-transform: uppercase; 8540 text-transform: uppercase;
8541 } 8541 }
8542 .education-detail-programs .accordion-thumb::after { 8542 .education-detail-programs .accordion-thumb::after {
8543 content: ""; 8543 content: "";
8544 display: block; 8544 display: block;
8545 float: right; 8545 float: right;
8546 position: relative; 8546 position: relative;
8547 top: 6px; 8547 top: 6px;
8548 height: 7px; 8548 height: 7px;
8549 width: 7px; 8549 width: 7px;
8550 margin-right: 1rem; 8550 margin-right: 1rem;
8551 margin-left: 0.5rem; 8551 margin-left: 0.5rem;
8552 border-right: 1px solid; 8552 border-right: 1px solid;
8553 border-bottom: 1px solid; 8553 border-bottom: 1px solid;
8554 border-color: #828A96; 8554 border-color: #828A96;
8555 transform: rotate(-45deg); 8555 transform: rotate(-45deg);
8556 transition: transform 0.2s ease-out; 8556 transition: transform 0.2s ease-out;
8557 } 8557 }
8558 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8558 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8559 transform: rotate(45deg); 8559 transform: rotate(45deg);
8560 } 8560 }
8561 .accordion-sub .accordion-panel{ 8561 .accordion-sub .accordion-panel{
8562 display: none; 8562 display: none;
8563 } 8563 }
8564 .accordion > .accordion-item > .accordion-panel{ 8564 .accordion > .accordion-item > .accordion-panel{
8565 opacity: 1; 8565 opacity: 1;
8566 } 8566 }
8567 .accordion-sub li{ 8567 .accordion-sub li{
8568 list-style-type: none; 8568 list-style-type: none;
8569 } 8569 }
8570 .accordion-sub .accordion-item .accordion-panel{ 8570 .accordion-sub .accordion-item .accordion-panel{
8571 white-space: pre-wrap; 8571 white-space: pre-wrap;
8572 white-space: -moz-pre-wrap; 8572 white-space: -moz-pre-wrap;
8573 white-space: -o-pre-wrap; 8573 white-space: -o-pre-wrap;
8574 } 8574 }
8575 .accordion-sub li:last-child { 8575 .accordion-sub li:last-child {
8576 border-bottom: unset; 8576 border-bottom: unset;
8577 } 8577 }
8578 .education-detail-contacts{ 8578 .education-detail-contacts{
8579 margin-top: 50px; 8579 margin-top: 50px;
8580 } 8580 }
8581 .education-detail-contacts h3.title{ 8581 .education-detail-contacts h3.title{
8582 font-size: 18px; 8582 font-size: 18px;
8583 margin: 0 0 20px; 8583 margin: 0 0 20px;
8584 } 8584 }
8585 .education-detail-contacts .inner > div{ 8585 .education-detail-contacts .inner > div{
8586 display: flex; 8586 display: flex;
8587 align-items: center; 8587 align-items: center;
8588 margin-bottom: 20px; 8588 margin-bottom: 20px;
8589 } 8589 }
8590 .education-detail-contacts .inner > div .icon{ 8590 .education-detail-contacts .inner > div .icon{
8591 margin-right: 20px; 8591 margin-right: 20px;
8592 } 8592 }
8593 @media (min-width: 768px) { 8593 @media (min-width: 768px) {
8594 .cabinet__avatar-form { 8594 .cabinet__avatar-form {
8595 -webkit-box-align: start; 8595 -webkit-box-align: start;
8596 -ms-flex-align: start; 8596 -ms-flex-align: start;
8597 align-items: flex-start; 8597 align-items: flex-start;
8598 padding-left: 30px; 8598 padding-left: 30px;
8599 gap: 12px; 8599 gap: 12px;
8600 } 8600 }
8601 } 8601 }
8602 @media (min-width: 768px) { 8602 @media (min-width: 768px) {
8603 .cabinet__avatar-form .file { 8603 .cabinet__avatar-form .file {
8604 min-width: 215px; 8604 min-width: 215px;
8605 } 8605 }
8606 } 8606 }
8607 .cabinet__inputs { 8607 .cabinet__inputs {
8608 display: -webkit-box; 8608 display: -webkit-box;
8609 display: -ms-flexbox; 8609 display: -ms-flexbox;
8610 display: flex; 8610 display: flex;
8611 -webkit-box-orient: vertical; 8611 -webkit-box-orient: vertical;
8612 -webkit-box-direction: normal; 8612 -webkit-box-direction: normal;
8613 -ms-flex-direction: column; 8613 -ms-flex-direction: column;
8614 flex-direction: column; 8614 flex-direction: column;
8615 gap: 20px; 8615 gap: 20px;
8616 } 8616 }
8617 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8617 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8618 display: flex; 8618 display: flex;
8619 } 8619 }
8620 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8620 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8621 width: 50%; 8621 width: 50%;
8622 padding-right: 20px; 8622 padding-right: 20px;
8623 } 8623 }
8624 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8624 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8625 margin-bottom: 20px; 8625 margin-bottom: 20px;
8626 width: 100%; 8626 width: 100%;
8627 } 8627 }
8628 @media (min-width: 1280px) { 8628 @media (min-width: 1280px) {
8629 .cabinet__inputs { 8629 .cabinet__inputs {
8630 -webkit-box-orient: horizontal; 8630 -webkit-box-orient: horizontal;
8631 -webkit-box-direction: normal; 8631 -webkit-box-direction: normal;
8632 -ms-flex-direction: row; 8632 -ms-flex-direction: row;
8633 flex-direction: row; 8633 flex-direction: row;
8634 -webkit-box-align: end; 8634 -webkit-box-align: end;
8635 -ms-flex-align: end; 8635 -ms-flex-align: end;
8636 align-items: end; 8636 align-items: end;
8637 -webkit-box-pack: justify; 8637 -webkit-box-pack: justify;
8638 -ms-flex-pack: justify; 8638 -ms-flex-pack: justify;
8639 justify-content: space-between; 8639 justify-content: space-between;
8640 -ms-flex-wrap: wrap; 8640 -ms-flex-wrap: wrap;
8641 flex-wrap: wrap; 8641 flex-wrap: wrap;
8642 } 8642 }
8643 } 8643 }
8644 @media (min-width: 1280px) { 8644 @media (min-width: 1280px) {
8645 .cabinet__inputs-item { 8645 .cabinet__inputs-item {
8646 width: calc(50% - 10px); 8646 width: calc(50% - 10px);
8647 } 8647 }
8648 } 8648 }
8649 @media (min-width: 1280px) { 8649 @media (min-width: 1280px) {
8650 .cabinet__inputs-item_fullwidth { 8650 .cabinet__inputs-item_fullwidth {
8651 width: 100%; 8651 width: 100%;
8652 } 8652 }
8653 } 8653 }
8654 @media (min-width: 1280px) { 8654 @media (min-width: 1280px) {
8655 .cabinet__inputs-item_min { 8655 .cabinet__inputs-item_min {
8656 width: calc(15% - 10px); 8656 width: calc(15% - 10px);
8657 } 8657 }
8658 } 8658 }
8659 @media (min-width: 1280px) { 8659 @media (min-width: 1280px) {
8660 .cabinet__inputs-item_max { 8660 .cabinet__inputs-item_max {
8661 width: calc(85% - 10px); 8661 width: calc(85% - 10px);
8662 } 8662 }
8663 } 8663 }
8664 @media (min-width: 768px) { 8664 @media (min-width: 768px) {
8665 .cabinet__inputs-item .button { 8665 .cabinet__inputs-item .button {
8666 width: 100%; 8666 width: 100%;
8667 max-width: 215px; 8667 max-width: 215px;
8668 padding: 0; 8668 padding: 0;
8669 } 8669 }
8670 } 8670 }
8671 @media (max-width: 768px) { 8671 @media (max-width: 768px) {
8672 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8672 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8673 display: block; 8673 display: block;
8674 } 8674 }
8675 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8675 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8676 width: 100%; 8676 width: 100%;
8677 } 8677 }
8678 } 8678 }
8679 .cabinet__inputs-item.column-count-3{ 8679 .cabinet__inputs-item.column-count-3{
8680 width: calc(32% - 10px); 8680 width: calc(32% - 10px);
8681 } 8681 }
8682 .cabinet__inputs-item-full-row { 8682 .cabinet__inputs-item-full-row {
8683 width: 100%; 8683 width: 100%;
8684 } 8684 }
8685 .cabinet__inputs-item .buttons { 8685 .cabinet__inputs-item .buttons {
8686 display: grid; 8686 display: grid;
8687 grid-template-columns: 1fr 1fr; 8687 grid-template-columns: 1fr 1fr;
8688 gap: 10px; 8688 gap: 10px;
8689 } 8689 }
8690 .cabinet__inputs-item .form-group__label{ 8690 .cabinet__inputs-item .form-group__label{
8691 font-weight: bold; 8691 font-weight: bold;
8692 } 8692 }
8693 @media (min-width: 768px) { 8693 @media (min-width: 768px) {
8694 .cabinet__inputs-item .buttons { 8694 .cabinet__inputs-item .buttons {
8695 gap: 20px; 8695 gap: 20px;
8696 max-width: 470px; 8696 max-width: 470px;
8697 } 8697 }
8698 } 8698 }
8699 @media (min-width: 992px) { 8699 @media (min-width: 992px) {
8700 .cabinet__inputs-item .buttons { 8700 .cabinet__inputs-item .buttons {
8701 max-width: none; 8701 max-width: none;
8702 } 8702 }
8703 } 8703 }
8704 @media (min-width: 1280px) { 8704 @media (min-width: 1280px) {
8705 .cabinet__inputs-item .buttons { 8705 .cabinet__inputs-item .buttons {
8706 max-width: 470px; 8706 max-width: 470px;
8707 } 8707 }
8708 } 8708 }
8709 .cabinet__inputs-item .buttons .button { 8709 .cabinet__inputs-item .buttons .button {
8710 max-width: none; 8710 max-width: none;
8711 } 8711 }
8712 .cabinet__inputs-item p { 8712 .cabinet__inputs-item p {
8713 margin: 0; 8713 margin: 0;
8714 font-size: 14px; 8714 font-size: 14px;
8715 line-height: 20px; 8715 line-height: 20px;
8716 } 8716 }
8717 @media (min-width: 768px) { 8717 @media (min-width: 768px) {
8718 .cabinet__inputs-item p { 8718 .cabinet__inputs-item p {
8719 font-size: 16px; 8719 font-size: 16px;
8720 line-height: 22px; 8720 line-height: 22px;
8721 } 8721 }
8722 } 8722 }
8723 .cabinet__inputs-item p.mod { 8723 .cabinet__inputs-item p.mod {
8724 margin-top: 12px; 8724 margin-top: 12px;
8725 } 8725 }
8726 .cabinet__inputs-item p.mod span { 8726 .cabinet__inputs-item p.mod span {
8727 color: #377d87; 8727 color: #377d87;
8728 line-height: 20px; 8728 line-height: 20px;
8729 font-weight: 700; 8729 font-weight: 700;
8730 padding: 4px 12px; 8730 padding: 4px 12px;
8731 border-radius: 4px; 8731 border-radius: 4px;
8732 background-color: #E6EFF0; 8732 background-color: #E6EFF0;
8733 } 8733 }
8734 .cabinet__inputs-item p.hidden { 8734 .cabinet__inputs-item p.hidden {
8735 display: none; 8735 display: none;
8736 } 8736 }
8737 .cabinet__inputs > .button { 8737 .cabinet__inputs > .button {
8738 padding: 0; 8738 padding: 0;
8739 width: 100%; 8739 width: 100%;
8740 max-width: 140px; 8740 max-width: 140px;
8741 } 8741 }
8742 @media (min-width: 768px) { 8742 @media (min-width: 768px) {
8743 .cabinet__inputs > .button { 8743 .cabinet__inputs > .button {
8744 max-width: 190px; 8744 max-width: 190px;
8745 } 8745 }
8746 } 8746 }
8747 .cabinet__add { 8747 .cabinet__add {
8748 display: -webkit-box; 8748 display: -webkit-box;
8749 display: -ms-flexbox; 8749 display: -ms-flexbox;
8750 display: flex; 8750 display: flex;
8751 -webkit-box-orient: vertical; 8751 -webkit-box-orient: vertical;
8752 -webkit-box-direction: normal; 8752 -webkit-box-direction: normal;
8753 -ms-flex-direction: column; 8753 -ms-flex-direction: column;
8754 flex-direction: column; 8754 flex-direction: column;
8755 gap: 10px; 8755 gap: 10px;
8756 } 8756 }
8757 @media (min-width: 768px) { 8757 @media (min-width: 768px) {
8758 .cabinet__add { 8758 .cabinet__add {
8759 gap: 0; 8759 gap: 0;
8760 -webkit-box-orient: horizontal; 8760 -webkit-box-orient: horizontal;
8761 -webkit-box-direction: normal; 8761 -webkit-box-direction: normal;
8762 -ms-flex-direction: row; 8762 -ms-flex-direction: row;
8763 flex-direction: row; 8763 flex-direction: row;
8764 -webkit-box-align: end; 8764 -webkit-box-align: end;
8765 -ms-flex-align: end; 8765 -ms-flex-align: end;
8766 align-items: flex-end; 8766 align-items: flex-end;
8767 } 8767 }
8768 } 8768 }
8769 .cabinet__add-pic { 8769 .cabinet__add-pic {
8770 border-radius: 4px; 8770 border-radius: 4px;
8771 position: relative; 8771 position: relative;
8772 overflow: hidden; 8772 overflow: hidden;
8773 background: #9c9d9d; 8773 background: #9c9d9d;
8774 color: #fff; 8774 color: #fff;
8775 width: 100px; 8775 width: 100px;
8776 aspect-ratio: 1/1; 8776 aspect-ratio: 1/1;
8777 -webkit-transition: 0.3s; 8777 -webkit-transition: 0.3s;
8778 transition: 0.3s; 8778 transition: 0.3s;
8779 } 8779 }
8780 @media (min-width: 768px) { 8780 @media (min-width: 768px) {
8781 .cabinet__add-pic { 8781 .cabinet__add-pic {
8782 width: 220px; 8782 width: 220px;
8783 border-radius: 8px; 8783 border-radius: 8px;
8784 } 8784 }
8785 } 8785 }
8786 .cabinet__add-pic:hover { 8786 .cabinet__add-pic:hover {
8787 background: #000; 8787 background: #000;
8788 } 8788 }
8789 .cabinet__add-pic input { 8789 .cabinet__add-pic input {
8790 display: none; 8790 display: none;
8791 } 8791 }
8792 .cabinet__add-pic > svg { 8792 .cabinet__add-pic > svg {
8793 width: 20px; 8793 width: 20px;
8794 position: absolute; 8794 position: absolute;
8795 top: 50%; 8795 top: 50%;
8796 left: 50%; 8796 left: 50%;
8797 -webkit-transform: translate(-50%, -50%); 8797 -webkit-transform: translate(-50%, -50%);
8798 -ms-transform: translate(-50%, -50%); 8798 -ms-transform: translate(-50%, -50%);
8799 transform: translate(-50%, -50%); 8799 transform: translate(-50%, -50%);
8800 z-index: 1; 8800 z-index: 1;
8801 } 8801 }
8802 @media (min-width: 768px) { 8802 @media (min-width: 768px) {
8803 .cabinet__add-pic > svg { 8803 .cabinet__add-pic > svg {
8804 width: 50px; 8804 width: 50px;
8805 } 8805 }
8806 } 8806 }
8807 .cabinet__add-pic span { 8807 .cabinet__add-pic span {
8808 display: -webkit-box; 8808 display: -webkit-box;
8809 display: -ms-flexbox; 8809 display: -ms-flexbox;
8810 display: flex; 8810 display: flex;
8811 -webkit-box-align: center; 8811 -webkit-box-align: center;
8812 -ms-flex-align: center; 8812 -ms-flex-align: center;
8813 align-items: center; 8813 align-items: center;
8814 -webkit-box-pack: center; 8814 -webkit-box-pack: center;
8815 -ms-flex-pack: center; 8815 -ms-flex-pack: center;
8816 justify-content: center; 8816 justify-content: center;
8817 width: 100%; 8817 width: 100%;
8818 gap: 4px; 8818 gap: 4px;
8819 font-weight: 700; 8819 font-weight: 700;
8820 font-size: 8px; 8820 font-size: 8px;
8821 line-height: 1; 8821 line-height: 1;
8822 position: absolute; 8822 position: absolute;
8823 top: 50%; 8823 top: 50%;
8824 left: 50%; 8824 left: 50%;
8825 -webkit-transform: translate(-50%, -50%); 8825 -webkit-transform: translate(-50%, -50%);
8826 -ms-transform: translate(-50%, -50%); 8826 -ms-transform: translate(-50%, -50%);
8827 transform: translate(-50%, -50%); 8827 transform: translate(-50%, -50%);
8828 margin-top: 25px; 8828 margin-top: 25px;
8829 } 8829 }
8830 @media (min-width: 768px) { 8830 @media (min-width: 768px) {
8831 .cabinet__add-pic span { 8831 .cabinet__add-pic span {
8832 font-size: 16px; 8832 font-size: 16px;
8833 margin-top: 60px; 8833 margin-top: 60px;
8834 } 8834 }
8835 } 8835 }
8836 .cabinet__add-pic span svg { 8836 .cabinet__add-pic span svg {
8837 width: 7px; 8837 width: 7px;
8838 aspect-ratio: 1/1; 8838 aspect-ratio: 1/1;
8839 } 8839 }
8840 @media (min-width: 768px) { 8840 @media (min-width: 768px) {
8841 .cabinet__add-pic span svg { 8841 .cabinet__add-pic span svg {
8842 width: 16px; 8842 width: 16px;
8843 } 8843 }
8844 } 8844 }
8845 .cabinet__add-body { 8845 .cabinet__add-body {
8846 display: -webkit-box; 8846 display: -webkit-box;
8847 display: -ms-flexbox; 8847 display: -ms-flexbox;
8848 display: flex; 8848 display: flex;
8849 -webkit-box-orient: vertical; 8849 -webkit-box-orient: vertical;
8850 -webkit-box-direction: normal; 8850 -webkit-box-direction: normal;
8851 -ms-flex-direction: column; 8851 -ms-flex-direction: column;
8852 flex-direction: column; 8852 flex-direction: column;
8853 gap: 10px; 8853 gap: 10px;
8854 } 8854 }
8855 @media (min-width: 768px) { 8855 @media (min-width: 768px) {
8856 .cabinet__add-body { 8856 .cabinet__add-body {
8857 gap: 20px; 8857 gap: 20px;
8858 width: calc(100% - 220px); 8858 width: calc(100% - 220px);
8859 padding-left: 20px; 8859 padding-left: 20px;
8860 } 8860 }
8861 } 8861 }
8862 @media (min-width: 768px) { 8862 @media (min-width: 768px) {
8863 .cabinet__add-body .button { 8863 .cabinet__add-body .button {
8864 width: 215px; 8864 width: 215px;
8865 padding: 0; 8865 padding: 0;
8866 } 8866 }
8867 } 8867 }
8868 .cabinet__fleet { 8868 .cabinet__fleet {
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: normal; 8873 -webkit-box-direction: normal;
8874 -ms-flex-direction: column; 8874 -ms-flex-direction: column;
8875 flex-direction: column; 8875 flex-direction: column;
8876 gap: 20px; 8876 gap: 20px;
8877 } 8877 }
8878 @media (min-width: 768px) { 8878 @media (min-width: 768px) {
8879 .cabinet__fleet { 8879 .cabinet__fleet {
8880 display: grid; 8880 display: grid;
8881 grid-template-columns: repeat(2, 1fr); 8881 grid-template-columns: repeat(2, 1fr);
8882 } 8882 }
8883 } 8883 }
8884 @media (min-width: 1280px) { 8884 @media (min-width: 1280px) {
8885 .cabinet__fleet { 8885 .cabinet__fleet {
8886 grid-template-columns: repeat(3, 1fr); 8886 grid-template-columns: repeat(3, 1fr);
8887 } 8887 }
8888 } 8888 }
8889 @media (min-width: 768px) { 8889 @media (min-width: 768px) {
8890 .cabinet__submit { 8890 .cabinet__submit {
8891 width: 215px; 8891 width: 215px;
8892 padding: 0; 8892 padding: 0;
8893 margin: 0 auto; 8893 margin: 0 auto;
8894 } 8894 }
8895 } 8895 }
8896 .cabinet__filters { 8896 .cabinet__filters {
8897 display: -webkit-box; 8897 display: -webkit-box;
8898 display: -ms-flexbox; 8898 display: -ms-flexbox;
8899 display: flex; 8899 display: flex;
8900 -webkit-box-orient: vertical; 8900 -webkit-box-orient: vertical;
8901 -webkit-box-direction: normal; 8901 -webkit-box-direction: normal;
8902 -ms-flex-direction: column; 8902 -ms-flex-direction: column;
8903 flex-direction: column; 8903 flex-direction: column;
8904 gap: 10px; 8904 gap: 10px;
8905 } 8905 }
8906 .cabinet__export-wrap{ 8906 .cabinet__export-wrap{
8907 padding: 10px; 8907 padding: 10px;
8908 border: 1px #cecece solid; 8908 border: 1px #cecece solid;
8909 border-radius: 8px; 8909 border-radius: 8px;
8910 width: 100%; 8910 width: 100%;
8911 } 8911 }
8912 .cabinet__export-button-wrap{ 8912 .cabinet__export-button-wrap{
8913 max-width: 200px; 8913 max-width: 200px;
8914 margin-bottom: 10px; 8914 margin-bottom: 10px;
8915 } 8915 }
8916 .cabinet__export-options-wrap{ 8916 .cabinet__export-options-wrap{
8917 display: flex; 8917 display: flex;
8918 justify-content: space-between; 8918 justify-content: space-between;
8919 } 8919 }
8920 .job-title-list-wrap{ 8920 .job-title-list-wrap{
8921 margin-top: 5px; 8921 margin-top: 5px;
8922 } 8922 }
8923 .cabinet__export-error{ 8923 .cabinet__export-error{
8924 color: red; 8924 color: red;
8925 } 8925 }
8926 .flot-image-wrap img{ 8926 .flot-image-wrap img{
8927 max-width: 100%; 8927 max-width: 100%;
8928 max-height: 100%; 8928 max-height: 100%;
8929 flex: 0 0 auto; 8929 flex: 0 0 auto;
8930 } 8930 }
8931 .flot-image-wrap{ 8931 .flot-image-wrap{
8932 width: 220px; 8932 width: 220px;
8933 height: 220px; 8933 height: 220px;
8934 display: flex; 8934 display: flex;
8935 justify-content: center; 8935 justify-content: center;
8936 align-items: center; 8936 align-items: center;
8937 } 8937 }
8938 @media (min-width: 768px) { 8938 @media (min-width: 768px) {
8939 .cabinet__filters { 8939 .cabinet__filters {
8940 gap: 20px; 8940 gap: 20px;
8941 } 8941 }
8942 } 8942 }
8943 @media (min-width: 1280px) { 8943 @media (min-width: 1280px) {
8944 .cabinet__filters { 8944 .cabinet__filters {
8945 -webkit-box-orient: horizontal; 8945 -webkit-box-orient: horizontal;
8946 -webkit-box-direction: normal; 8946 -webkit-box-direction: normal;
8947 -ms-flex-direction: row; 8947 -ms-flex-direction: row;
8948 flex-direction: row; 8948 flex-direction: row;
8949 -webkit-box-align: start; 8949 -webkit-box-align: start;
8950 -ms-flex-align: start; 8950 -ms-flex-align: start;
8951 align-items: flex-start; 8951 align-items: flex-start;
8952 -webkit-box-pack: justify; 8952 -webkit-box-pack: justify;
8953 -ms-flex-pack: justify; 8953 -ms-flex-pack: justify;
8954 justify-content: space-between; 8954 justify-content: space-between;
8955 } 8955 }
8956 } 8956 }
8957 .cabinet__filters-item { 8957 .cabinet__filters-item {
8958 display: -webkit-box; 8958 display: -webkit-box;
8959 display: -ms-flexbox; 8959 display: -ms-flexbox;
8960 display: flex; 8960 display: flex;
8961 -webkit-box-orient: vertical; 8961 -webkit-box-orient: vertical;
8962 -webkit-box-direction: normal; 8962 -webkit-box-direction: normal;
8963 -ms-flex-direction: column; 8963 -ms-flex-direction: column;
8964 flex-direction: column; 8964 flex-direction: column;
8965 -webkit-box-align: start; 8965 -webkit-box-align: start;
8966 -ms-flex-align: start; 8966 -ms-flex-align: start;
8967 align-items: flex-start; 8967 align-items: flex-start;
8968 gap: 10px; 8968 gap: 10px;
8969 } 8969 }
8970 @media (min-width: 768px) { 8970 @media (min-width: 768px) {
8971 .cabinet__filters-item { 8971 .cabinet__filters-item {
8972 gap: 20px; 8972 gap: 20px;
8973 } 8973 }
8974 } 8974 }
8975 @media (min-width: 1280px) { 8975 @media (min-width: 1280px) {
8976 .cabinet__filters-item { 8976 .cabinet__filters-item {
8977 width: calc(50% - 10px); 8977 width: calc(50% - 10px);
8978 max-width: 410px; 8978 max-width: 410px;
8979 } 8979 }
8980 } 8980 }
8981 .cabinet__filters-item .button, 8981 .cabinet__filters-item .button,
8982 .cabinet__filters-item .select { 8982 .cabinet__filters-item .select {
8983 width: 100%; 8983 width: 100%;
8984 } 8984 }
8985 @media (min-width: 1280px) { 8985 @media (min-width: 1280px) {
8986 .cabinet__filters-item .button, 8986 .cabinet__filters-item .button,
8987 .cabinet__filters-item .select { 8987 .cabinet__filters-item .select {
8988 width: auto; 8988 width: auto;
8989 } 8989 }
8990 } 8990 }
8991 .cabinet__filters-item + .cabinet__filters-item { 8991 .cabinet__filters-item + .cabinet__filters-item {
8992 -webkit-box-align: end; 8992 -webkit-box-align: end;
8993 -ms-flex-align: end; 8993 -ms-flex-align: end;
8994 align-items: flex-end; 8994 align-items: flex-end;
8995 } 8995 }
8996 @media (min-width: 1280px) { 8996 @media (min-width: 1280px) {
8997 .cabinet__filters-item + .cabinet__filters-item { 8997 .cabinet__filters-item + .cabinet__filters-item {
8998 max-width: 280px; 8998 max-width: 280px;
8999 } 8999 }
9000 } 9000 }
9001 .cabinet__filters .search input { 9001 .cabinet__filters .search input {
9002 padding-right: 135px; 9002 padding-right: 135px;
9003 } 9003 }
9004 .cabinet__filters .search button { 9004 .cabinet__filters .search button {
9005 width: 115px; 9005 width: 115px;
9006 } 9006 }
9007 .cabinet__filters-buttons { 9007 .cabinet__filters-buttons {
9008 display: grid; 9008 display: grid;
9009 grid-template-columns: 1fr 1fr; 9009 grid-template-columns: 1fr 1fr;
9010 gap: 10px; 9010 gap: 10px;
9011 width: 100%; 9011 width: 100%;
9012 } 9012 }
9013 @media (min-width: 768px) { 9013 @media (min-width: 768px) {
9014 .cabinet__filters-buttons { 9014 .cabinet__filters-buttons {
9015 gap: 20px; 9015 gap: 20px;
9016 } 9016 }
9017 } 9017 }
9018 .cabinet__filters-buttons .button { 9018 .cabinet__filters-buttons .button {
9019 padding: 0; 9019 padding: 0;
9020 gap: 5px; 9020 gap: 5px;
9021 } 9021 }
9022 .cabinet__filters-buttons .button.active { 9022 .cabinet__filters-buttons .button.active {
9023 background: #377d87; 9023 background: #377d87;
9024 color: #fff; 9024 color: #fff;
9025 } 9025 }
9026 .cabinet__filters-buttons .button.active:before { 9026 .cabinet__filters-buttons .button.active:before {
9027 content: ""; 9027 content: "";
9028 width: 6px; 9028 width: 6px;
9029 height: 6px; 9029 height: 6px;
9030 background: #fff; 9030 background: #fff;
9031 border-radius: 999px; 9031 border-radius: 999px;
9032 } 9032 }
9033 .cabinet__table-header { 9033 .cabinet__table-header {
9034 display: -webkit-box; 9034 display: -webkit-box;
9035 display: -ms-flexbox; 9035 display: -ms-flexbox;
9036 display: flex; 9036 display: flex;
9037 -webkit-box-pack: justify; 9037 -webkit-box-pack: justify;
9038 -ms-flex-pack: justify; 9038 -ms-flex-pack: justify;
9039 justify-content: space-between; 9039 justify-content: space-between;
9040 -webkit-box-align: center; 9040 -webkit-box-align: center;
9041 -ms-flex-align: center; 9041 -ms-flex-align: center;
9042 align-items: center; 9042 align-items: center;
9043 font-weight: 700; 9043 font-weight: 700;
9044 margin-bottom: -10px; 9044 margin-bottom: -10px;
9045 } 9045 }
9046 .cabinet__table-header div { 9046 .cabinet__table-header div {
9047 font-size: 18px; 9047 font-size: 18px;
9048 } 9048 }
9049 @media (min-width: 768px) { 9049 @media (min-width: 768px) {
9050 .cabinet__table-header div { 9050 .cabinet__table-header div {
9051 font-size: 24px; 9051 font-size: 24px;
9052 } 9052 }
9053 } 9053 }
9054 .cabinet__table-header span { 9054 .cabinet__table-header span {
9055 color: #000; 9055 color: #000;
9056 font-size: 14px; 9056 font-size: 14px;
9057 } 9057 }
9058 @media (min-width: 768px) { 9058 @media (min-width: 768px) {
9059 .cabinet__table-header span { 9059 .cabinet__table-header span {
9060 font-size: 18px; 9060 font-size: 18px;
9061 } 9061 }
9062 } 9062 }
9063 .cabinet__table-header span b { 9063 .cabinet__table-header span b {
9064 color: #377d87; 9064 color: #377d87;
9065 } 9065 }
9066 .cabinet__tabs { 9066 .cabinet__tabs {
9067 display: grid; 9067 display: grid;
9068 grid-template-columns: 1fr 1fr; 9068 grid-template-columns: 1fr 1fr;
9069 gap: 20px; 9069 gap: 20px;
9070 } 9070 }
9071 @media (min-width: 768px) { 9071 @media (min-width: 768px) {
9072 .cabinet__tabs { 9072 .cabinet__tabs {
9073 max-width: 420px; 9073 max-width: 420px;
9074 } 9074 }
9075 } 9075 }
9076 .cabinet__tabs .button.active { 9076 .cabinet__tabs .button.active {
9077 background: #377d87; 9077 background: #377d87;
9078 color: #fff; 9078 color: #fff;
9079 } 9079 }
9080 .cabinet__bodies { 9080 .cabinet__bodies {
9081 display: none; 9081 display: none;
9082 } 9082 }
9083 .cabinet__bodies.showed { 9083 .cabinet__bodies.showed {
9084 display: block; 9084 display: block;
9085 } 9085 }
9086 .cabinet__nots { 9086 .cabinet__nots {
9087 display: -webkit-box; 9087 display: -webkit-box;
9088 display: -ms-flexbox; 9088 display: -ms-flexbox;
9089 display: flex; 9089 display: flex;
9090 -webkit-box-orient: vertical; 9090 -webkit-box-orient: vertical;
9091 -webkit-box-direction: normal; 9091 -webkit-box-direction: normal;
9092 -ms-flex-direction: column; 9092 -ms-flex-direction: column;
9093 flex-direction: column; 9093 flex-direction: column;
9094 -webkit-box-align: start; 9094 -webkit-box-align: start;
9095 -ms-flex-align: start; 9095 -ms-flex-align: start;
9096 align-items: flex-start; 9096 align-items: flex-start;
9097 gap: 10px; 9097 gap: 10px;
9098 } 9098 }
9099 @media (min-width: 768px) { 9099 @media (min-width: 768px) {
9100 .cabinet__nots { 9100 .cabinet__nots {
9101 gap: 20px; 9101 gap: 20px;
9102 } 9102 }
9103 } 9103 }
9104 .cabinet__nots .input { 9104 .cabinet__nots .input {
9105 width: 100%; 9105 width: 100%;
9106 } 9106 }
9107 .cabinet__anketa { 9107 .cabinet__anketa {
9108 display: -webkit-box; 9108 display: -webkit-box;
9109 display: -ms-flexbox; 9109 display: -ms-flexbox;
9110 display: flex; 9110 display: flex;
9111 -webkit-box-orient: vertical; 9111 -webkit-box-orient: vertical;
9112 -webkit-box-direction: normal; 9112 -webkit-box-direction: normal;
9113 -ms-flex-direction: column; 9113 -ms-flex-direction: column;
9114 flex-direction: column; 9114 flex-direction: column;
9115 -webkit-box-pack: justify; 9115 -webkit-box-pack: justify;
9116 -ms-flex-pack: justify; 9116 -ms-flex-pack: justify;
9117 justify-content: space-between; 9117 justify-content: space-between;
9118 gap: 10px; 9118 gap: 10px;
9119 } 9119 }
9120 @media (min-width: 768px) { 9120 @media (min-width: 768px) {
9121 .cabinet__anketa { 9121 .cabinet__anketa {
9122 -webkit-box-orient: horizontal; 9122 -webkit-box-orient: horizontal;
9123 -webkit-box-direction: normal; 9123 -webkit-box-direction: normal;
9124 -ms-flex-direction: row; 9124 -ms-flex-direction: row;
9125 flex-direction: row; 9125 flex-direction: row;
9126 -webkit-box-align: center; 9126 -webkit-box-align: center;
9127 -ms-flex-align: center; 9127 -ms-flex-align: center;
9128 align-items: center; 9128 align-items: center;
9129 } 9129 }
9130 } 9130 }
9131 @media (min-width: 992px) { 9131 @media (min-width: 992px) {
9132 .cabinet__anketa { 9132 .cabinet__anketa {
9133 -webkit-box-orient: vertical; 9133 -webkit-box-orient: vertical;
9134 -webkit-box-direction: normal; 9134 -webkit-box-direction: normal;
9135 -ms-flex-direction: column; 9135 -ms-flex-direction: column;
9136 flex-direction: column; 9136 flex-direction: column;
9137 -webkit-box-align: stretch; 9137 -webkit-box-align: stretch;
9138 -ms-flex-align: stretch; 9138 -ms-flex-align: stretch;
9139 align-items: stretch; 9139 align-items: stretch;
9140 } 9140 }
9141 } 9141 }
9142 @media (min-width: 1280px) { 9142 @media (min-width: 1280px) {
9143 .cabinet__anketa { 9143 .cabinet__anketa {
9144 -webkit-box-orient: horizontal; 9144 -webkit-box-orient: horizontal;
9145 -webkit-box-direction: normal; 9145 -webkit-box-direction: normal;
9146 -ms-flex-direction: row; 9146 -ms-flex-direction: row;
9147 flex-direction: row; 9147 flex-direction: row;
9148 -webkit-box-align: center; 9148 -webkit-box-align: center;
9149 -ms-flex-align: center; 9149 -ms-flex-align: center;
9150 align-items: center; 9150 align-items: center;
9151 -webkit-box-pack: justify; 9151 -webkit-box-pack: justify;
9152 -ms-flex-pack: justify; 9152 -ms-flex-pack: justify;
9153 justify-content: space-between; 9153 justify-content: space-between;
9154 } 9154 }
9155 } 9155 }
9156 .cabinet__anketa-buttons { 9156 .cabinet__anketa-buttons {
9157 display: -webkit-box; 9157 display: -webkit-box;
9158 display: -ms-flexbox; 9158 display: -ms-flexbox;
9159 display: flex; 9159 display: flex;
9160 -webkit-box-orient: vertical; 9160 -webkit-box-orient: vertical;
9161 -webkit-box-direction: normal; 9161 -webkit-box-direction: normal;
9162 -ms-flex-direction: column; 9162 -ms-flex-direction: column;
9163 flex-direction: column; 9163 flex-direction: column;
9164 gap: 10px; 9164 gap: 10px;
9165 } 9165 }
9166 @media (min-width: 768px) { 9166 @media (min-width: 768px) {
9167 .cabinet__anketa-buttons { 9167 .cabinet__anketa-buttons {
9168 display: grid; 9168 display: grid;
9169 grid-template-columns: 1fr 1fr; 9169 grid-template-columns: 1fr 1fr;
9170 gap: 20px; 9170 gap: 20px;
9171 } 9171 }
9172 } 9172 }
9173 .cabinet__stats { 9173 .cabinet__stats {
9174 display: -webkit-box; 9174 display: -webkit-box;
9175 display: -ms-flexbox; 9175 display: -ms-flexbox;
9176 display: flex; 9176 display: flex;
9177 -webkit-box-orient: vertical; 9177 -webkit-box-orient: vertical;
9178 -webkit-box-direction: normal; 9178 -webkit-box-direction: normal;
9179 -ms-flex-direction: column; 9179 -ms-flex-direction: column;
9180 flex-direction: column; 9180 flex-direction: column;
9181 gap: 6px; 9181 gap: 6px;
9182 } 9182 }
9183 @media (min-width: 768px) { 9183 @media (min-width: 768px) {
9184 .cabinet__stats { 9184 .cabinet__stats {
9185 gap: 12px; 9185 gap: 12px;
9186 } 9186 }
9187 } 9187 }
9188 .cabinet__stats-title { 9188 .cabinet__stats-title {
9189 font-size: 14px; 9189 font-size: 14px;
9190 font-weight: 700; 9190 font-weight: 700;
9191 color: #000; 9191 color: #000;
9192 } 9192 }
9193 @media (min-width: 768px) { 9193 @media (min-width: 768px) {
9194 .cabinet__stats-title { 9194 .cabinet__stats-title {
9195 font-size: 24px; 9195 font-size: 24px;
9196 } 9196 }
9197 } 9197 }
9198 .cabinet__stats-body { 9198 .cabinet__stats-body {
9199 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 9199 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
9200 border-radius: 8px; 9200 border-radius: 8px;
9201 padding: 10px; 9201 padding: 10px;
9202 display: grid; 9202 display: grid;
9203 grid-template-columns: 1fr 1fr; 9203 grid-template-columns: 1fr 1fr;
9204 gap: 20px; 9204 gap: 20px;
9205 margin-bottom: 10px; 9205 margin-bottom: 10px;
9206 } 9206 }
9207 @media (min-width: 768px) { 9207 @media (min-width: 768px) {
9208 .cabinet__stats-body { 9208 .cabinet__stats-body {
9209 padding: 10px 20px; 9209 padding: 10px 20px;
9210 } 9210 }
9211 } 9211 }
9212 .cabinet__stats-item { 9212 .cabinet__stats-item {
9213 font-size: 12px; 9213 font-size: 12px;
9214 display: -webkit-box; 9214 display: -webkit-box;
9215 display: -ms-flexbox; 9215 display: -ms-flexbox;
9216 display: flex; 9216 display: flex;
9217 -webkit-box-align: center; 9217 -webkit-box-align: center;
9218 -ms-flex-align: center; 9218 -ms-flex-align: center;
9219 align-items: center; 9219 align-items: center;
9220 line-height: 1; 9220 line-height: 1;
9221 gap: 6px; 9221 gap: 6px;
9222 } 9222 }
9223 @media (min-width: 768px) { 9223 @media (min-width: 768px) {
9224 .cabinet__stats-item { 9224 .cabinet__stats-item {
9225 font-size: 20px; 9225 font-size: 20px;
9226 gap: 10px; 9226 gap: 10px;
9227 } 9227 }
9228 } 9228 }
9229 .cabinet__stats-item svg { 9229 .cabinet__stats-item svg {
9230 width: 20px; 9230 width: 20px;
9231 aspect-ratio: 1/1; 9231 aspect-ratio: 1/1;
9232 color: #377d87; 9232 color: #377d87;
9233 } 9233 }
9234 @media (min-width: 768px) { 9234 @media (min-width: 768px) {
9235 .cabinet__stats-item svg { 9235 .cabinet__stats-item svg {
9236 width: 40px; 9236 width: 40px;
9237 margin-right: 10px; 9237 margin-right: 10px;
9238 } 9238 }
9239 } 9239 }
9240 .cabinet__stats-item span { 9240 .cabinet__stats-item span {
9241 font-weight: 700; 9241 font-weight: 700;
9242 color: #000; 9242 color: #000;
9243 } 9243 }
9244 .cabinet__stats-item b { 9244 .cabinet__stats-item b {
9245 color: #377d87; 9245 color: #377d87;
9246 font-size: 14px; 9246 font-size: 14px;
9247 } 9247 }
9248 @media (min-width: 768px) { 9248 @media (min-width: 768px) {
9249 .cabinet__stats-item b { 9249 .cabinet__stats-item b {
9250 font-size: 24px; 9250 font-size: 24px;
9251 } 9251 }
9252 } 9252 }
9253 .cabinet__stats-subtitle { 9253 .cabinet__stats-subtitle {
9254 font-size: 14px; 9254 font-size: 14px;
9255 font-weight: 700; 9255 font-weight: 700;
9256 color: #377d87; 9256 color: #377d87;
9257 } 9257 }
9258 @media (min-width: 768px) { 9258 @media (min-width: 768px) {
9259 .cabinet__stats-subtitle { 9259 .cabinet__stats-subtitle {
9260 font-size: 18px; 9260 font-size: 18px;
9261 } 9261 }
9262 } 9262 }
9263 .cabinet__stats-line { 9263 .cabinet__stats-line {
9264 width: 100%; 9264 width: 100%;
9265 position: relative; 9265 position: relative;
9266 overflow: hidden; 9266 overflow: hidden;
9267 height: 8px; 9267 height: 8px;
9268 border-radius: 999px; 9268 border-radius: 999px;
9269 background: #cecece; 9269 background: #cecece;
9270 } 9270 }
9271 .cabinet__stats-line span { 9271 .cabinet__stats-line span {
9272 position: absolute; 9272 position: absolute;
9273 top: 0; 9273 top: 0;
9274 left: 0; 9274 left: 0;
9275 width: 100%; 9275 width: 100%;
9276 height: 100%; 9276 height: 100%;
9277 background: #377d87; 9277 background: #377d87;
9278 border-radius: 999px; 9278 border-radius: 999px;
9279 } 9279 }
9280 .cabinet__stats-bottom { 9280 .cabinet__stats-bottom {
9281 color: #000; 9281 color: #000;
9282 font-size: 12px; 9282 font-size: 12px;
9283 } 9283 }
9284 @media (min-width: 768px) { 9284 @media (min-width: 768px) {
9285 .cabinet__stats-bottom { 9285 .cabinet__stats-bottom {
9286 font-size: 16px; 9286 font-size: 16px;
9287 } 9287 }
9288 } 9288 }
9289 .cabinet__works { 9289 .cabinet__works {
9290 display: -webkit-box; 9290 display: -webkit-box;
9291 display: -ms-flexbox; 9291 display: -ms-flexbox;
9292 display: flex; 9292 display: flex;
9293 -webkit-box-orient: vertical; 9293 -webkit-box-orient: vertical;
9294 -webkit-box-direction: normal; 9294 -webkit-box-direction: normal;
9295 -ms-flex-direction: column; 9295 -ms-flex-direction: column;
9296 flex-direction: column; 9296 flex-direction: column;
9297 gap: 20px; 9297 gap: 20px;
9298 } 9298 }
9299 @media (min-width: 768px) { 9299 @media (min-width: 768px) {
9300 .cabinet__works { 9300 .cabinet__works {
9301 gap: 30px; 9301 gap: 30px;
9302 } 9302 }
9303 } 9303 }
9304 .cabinet__works-item { 9304 .cabinet__works-item {
9305 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 9305 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
9306 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 9306 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
9307 padding: 10px; 9307 padding: 10px;
9308 border-radius: 4px; 9308 border-radius: 4px;
9309 } 9309 }
9310 @media (min-width: 768px) { 9310 @media (min-width: 768px) {
9311 .cabinet__works-item { 9311 .cabinet__works-item {
9312 padding: 20px; 9312 padding: 20px;
9313 border-radius: 8px; 9313 border-radius: 8px;
9314 } 9314 }
9315 } 9315 }
9316 .cabinet__works-spoiler { 9316 .cabinet__works-spoiler {
9317 display: -webkit-box; 9317 display: -webkit-box;
9318 display: -ms-flexbox; 9318 display: -ms-flexbox;
9319 display: flex; 9319 display: flex;
9320 -webkit-box-align: center; 9320 -webkit-box-align: center;
9321 -ms-flex-align: center; 9321 -ms-flex-align: center;
9322 align-items: center; 9322 align-items: center;
9323 -webkit-box-pack: justify; 9323 -webkit-box-pack: justify;
9324 -ms-flex-pack: justify; 9324 -ms-flex-pack: justify;
9325 justify-content: space-between; 9325 justify-content: space-between;
9326 } 9326 }
9327 .cabinet__works-spoiler-left { 9327 .cabinet__works-spoiler-left {
9328 display: -webkit-box; 9328 display: -webkit-box;
9329 display: -ms-flexbox; 9329 display: -ms-flexbox;
9330 display: flex; 9330 display: flex;
9331 -webkit-box-align: center; 9331 -webkit-box-align: center;
9332 -ms-flex-align: center; 9332 -ms-flex-align: center;
9333 align-items: center; 9333 align-items: center;
9334 width: calc(100% - 22px); 9334 width: calc(100% - 22px);
9335 } 9335 }
9336 .cabinet__works-spoiler-right { 9336 .cabinet__works-spoiler-right {
9337 width: 22px; 9337 width: 22px;
9338 height: 22px; 9338 height: 22px;
9339 display: -webkit-box; 9339 display: -webkit-box;
9340 display: -ms-flexbox; 9340 display: -ms-flexbox;
9341 display: flex; 9341 display: flex;
9342 -webkit-box-align: center; 9342 -webkit-box-align: center;
9343 -ms-flex-align: center; 9343 -ms-flex-align: center;
9344 align-items: center; 9344 align-items: center;
9345 -webkit-box-pack: center; 9345 -webkit-box-pack: center;
9346 -ms-flex-pack: center; 9346 -ms-flex-pack: center;
9347 justify-content: center; 9347 justify-content: center;
9348 color: #377d87; 9348 color: #377d87;
9349 padding: 0; 9349 padding: 0;
9350 background: none; 9350 background: none;
9351 border: none; 9351 border: none;
9352 } 9352 }
9353 .cabinet__works-spoiler-right svg { 9353 .cabinet__works-spoiler-right svg {
9354 width: 60%; 9354 width: 60%;
9355 aspect-ratio: 1/1; 9355 aspect-ratio: 1/1;
9356 -webkit-transform: rotate(90deg); 9356 -webkit-transform: rotate(90deg);
9357 -ms-transform: rotate(90deg); 9357 -ms-transform: rotate(90deg);
9358 transform: rotate(90deg); 9358 transform: rotate(90deg);
9359 -webkit-transition: 0.3s; 9359 -webkit-transition: 0.3s;
9360 transition: 0.3s; 9360 transition: 0.3s;
9361 } 9361 }
9362 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9362 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9363 -webkit-transform: rotate(-90deg); 9363 -webkit-transform: rotate(-90deg);
9364 -ms-transform: rotate(-90deg); 9364 -ms-transform: rotate(-90deg);
9365 transform: rotate(-90deg); 9365 transform: rotate(-90deg);
9366 } 9366 }
9367 .cabinet__works-spoiler-buttons { 9367 .cabinet__works-spoiler-buttons {
9368 display: -webkit-box; 9368 display: -webkit-box;
9369 display: -ms-flexbox; 9369 display: -ms-flexbox;
9370 display: flex; 9370 display: flex;
9371 -webkit-box-align: center; 9371 -webkit-box-align: center;
9372 -ms-flex-align: center; 9372 -ms-flex-align: center;
9373 align-items: center; 9373 align-items: center;
9374 -webkit-box-pack: justify; 9374 -webkit-box-pack: justify;
9375 -ms-flex-pack: justify; 9375 -ms-flex-pack: justify;
9376 justify-content: space-between; 9376 justify-content: space-between;
9377 width: 60px; 9377 width: 60px;
9378 } 9378 }
9379 @media (min-width: 768px) { 9379 @media (min-width: 768px) {
9380 .cabinet__works-spoiler-buttons { 9380 .cabinet__works-spoiler-buttons {
9381 width: 74px; 9381 width: 74px;
9382 } 9382 }
9383 } 9383 }
9384 .cabinet__works-spoiler-buttons .button { 9384 .cabinet__works-spoiler-buttons .button {
9385 width: 22px; 9385 width: 22px;
9386 height: 22px; 9386 height: 22px;
9387 padding: 0; 9387 padding: 0;
9388 } 9388 }
9389 @media (min-width: 768px) { 9389 @media (min-width: 768px) {
9390 .cabinet__works-spoiler-buttons .button { 9390 .cabinet__works-spoiler-buttons .button {
9391 width: 30px; 9391 width: 30px;
9392 height: 30px; 9392 height: 30px;
9393 } 9393 }
9394 } 9394 }
9395 .cabinet__works-spoiler-text { 9395 .cabinet__works-spoiler-text {
9396 width: calc(100% - 60px); 9396 width: calc(100% - 60px);
9397 padding-left: 20px; 9397 padding-left: 20px;
9398 font-size: 17px; 9398 font-size: 17px;
9399 font-weight: 700; 9399 font-weight: 700;
9400 color: #000; 9400 color: #000;
9401 } 9401 }
9402 @media (min-width: 768px) { 9402 @media (min-width: 768px) {
9403 .cabinet__works-spoiler-text { 9403 .cabinet__works-spoiler-text {
9404 width: calc(100% - 74px); 9404 width: calc(100% - 74px);
9405 font-size: 20px; 9405 font-size: 20px;
9406 } 9406 }
9407 } 9407 }
9408 .cabinet__works-body { 9408 .cabinet__works-body {
9409 opacity: 1; 9409 opacity: 1;
9410 height: auto; 9410 height: auto;
9411 overflow: visible; 9411 overflow: visible;
9412 transition: opacity 0.3s, height 0.3s; 9412 transition: opacity 0.3s, height 0.3s;
9413 } 9413 }
9414 .active + .cabinet__works-body { 9414 .active + .cabinet__works-body {
9415 -webkit-transition: 0.3s; 9415 -webkit-transition: 0.3s;
9416 transition: 0.3s; 9416 transition: 0.3s;
9417 opacity: 1; 9417 opacity: 1;
9418 height: auto; 9418 height: auto;
9419 padding-top: 20px; 9419 padding-top: 20px;
9420 } 9420 }
9421 .cabinet__works-add { 9421 .cabinet__works-add {
9422 padding: 0; 9422 padding: 0;
9423 width: 100%; 9423 width: 100%;
9424 max-width: 160px; 9424 max-width: 160px;
9425 } 9425 }
9426 @media (min-width: 768px) { 9426 @media (min-width: 768px) {
9427 .cabinet__works-add { 9427 .cabinet__works-add {
9428 max-width: 220px; 9428 max-width: 220px;
9429 } 9429 }
9430 } 9430 }
9431 .cabinet__buttons { 9431 .cabinet__buttons {
9432 display: -webkit-box; 9432 display: -webkit-box;
9433 display: -ms-flexbox; 9433 display: -ms-flexbox;
9434 display: flex; 9434 display: flex;
9435 -webkit-box-orient: vertical; 9435 -webkit-box-orient: vertical;
9436 -webkit-box-direction: normal; 9436 -webkit-box-direction: normal;
9437 -ms-flex-direction: column; 9437 -ms-flex-direction: column;
9438 flex-direction: column; 9438 flex-direction: column;
9439 -webkit-box-align: center; 9439 -webkit-box-align: center;
9440 -ms-flex-align: center; 9440 -ms-flex-align: center;
9441 align-items: center; 9441 align-items: center;
9442 gap: 10px; 9442 gap: 10px;
9443 } 9443 }
9444 @media (min-width: 768px) { 9444 @media (min-width: 768px) {
9445 .cabinet__buttons { 9445 .cabinet__buttons {
9446 display: grid; 9446 display: grid;
9447 grid-template-columns: 1fr 1fr; 9447 grid-template-columns: 1fr 1fr;
9448 gap: 20px; 9448 gap: 20px;
9449 } 9449 }
9450 } 9450 }
9451 .cabinet__buttons .button, 9451 .cabinet__buttons .button,
9452 .cabinet__buttons .file { 9452 .cabinet__buttons .file {
9453 padding: 0; 9453 padding: 0;
9454 width: 100%; 9454 width: 100%;
9455 max-width: 140px; 9455 max-width: 140px;
9456 } 9456 }
9457 @media (min-width: 768px) { 9457 @media (min-width: 768px) {
9458 .cabinet__buttons .button, 9458 .cabinet__buttons .button,
9459 .cabinet__buttons .file { 9459 .cabinet__buttons .file {
9460 max-width: none; 9460 max-width: none;
9461 } 9461 }
9462 } 9462 }
9463 @media (min-width: 768px) { 9463 @media (min-width: 768px) {
9464 .cabinet__buttons { 9464 .cabinet__buttons {
9465 gap: 20px; 9465 gap: 20px;
9466 } 9466 }
9467 } 9467 }
9468 @media (min-width: 1280px) { 9468 @media (min-width: 1280px) {
9469 .cabinet__buttons { 9469 .cabinet__buttons {
9470 max-width: 400px; 9470 max-width: 400px;
9471 } 9471 }
9472 } 9472 }
9473 .cabinet__buttons_flex{ 9473 .cabinet__buttons_flex{
9474 display: flex; 9474 display: flex;
9475 } 9475 }
9476 .cabinet__buttons_flex > *{ 9476 .cabinet__buttons_flex > *{
9477 margin-right: 10px; 9477 margin-right: 10px;
9478 } 9478 }
9479 .cabinet__vacs { 9479 .cabinet__vacs {
9480 display: -webkit-box; 9480 display: -webkit-box;
9481 display: -ms-flexbox; 9481 display: -ms-flexbox;
9482 display: flex; 9482 display: flex;
9483 -webkit-box-orient: vertical; 9483 -webkit-box-orient: vertical;
9484 -webkit-box-direction: reverse; 9484 -webkit-box-direction: reverse;
9485 -ms-flex-direction: column-reverse; 9485 -ms-flex-direction: column-reverse;
9486 flex-direction: column-reverse; 9486 flex-direction: column-reverse;
9487 -webkit-box-align: center; 9487 -webkit-box-align: center;
9488 -ms-flex-align: center; 9488 -ms-flex-align: center;
9489 align-items: center; 9489 align-items: center;
9490 gap: 20px; 9490 gap: 20px;
9491 } 9491 }
9492 .cabinet__vacs-body { 9492 .cabinet__vacs-body {
9493 display: -webkit-box; 9493 display: -webkit-box;
9494 display: -ms-flexbox; 9494 display: -ms-flexbox;
9495 display: flex; 9495 display: flex;
9496 -webkit-box-orient: vertical; 9496 -webkit-box-orient: vertical;
9497 -webkit-box-direction: normal; 9497 -webkit-box-direction: normal;
9498 -ms-flex-direction: column; 9498 -ms-flex-direction: column;
9499 flex-direction: column; 9499 flex-direction: column;
9500 gap: 20px; 9500 gap: 20px;
9501 width: 100%; 9501 width: 100%;
9502 } 9502 }
9503 @media (min-width: 768px) { 9503 @media (min-width: 768px) {
9504 .cabinet__vacs-body { 9504 .cabinet__vacs-body {
9505 gap: 30px; 9505 gap: 30px;
9506 } 9506 }
9507 } 9507 }
9508 .cabinet__vacs-item { 9508 .cabinet__vacs-item {
9509 display: none; 9509 display: none;
9510 background: #fff; 9510 background: #fff;
9511 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9511 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9512 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9512 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9513 } 9513 }
9514 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9514 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9515 display: -webkit-box; 9515 display: -webkit-box;
9516 display: -ms-flexbox; 9516 display: -ms-flexbox;
9517 display: flex; 9517 display: flex;
9518 } 9518 }
9519 .cabinet__vacs.active .cabinet__vacs-item { 9519 .cabinet__vacs.active .cabinet__vacs-item {
9520 display: -webkit-box; 9520 display: -webkit-box;
9521 display: -ms-flexbox; 9521 display: -ms-flexbox;
9522 display: flex; 9522 display: flex;
9523 } 9523 }
9524 .main__employer-page-two-item-text-body img { 9524 .main__employer-page-two-item-text-body img {
9525 display: inline !important; 9525 display: inline !important;
9526 border: none !important; 9526 border: none !important;
9527 box-shadow: none !important; 9527 box-shadow: none !important;
9528 height: 1em !important; 9528 height: 1em !important;
9529 width: 1em !important; 9529 width: 1em !important;
9530 margin: 0 0.07em !important; 9530 margin: 0 0.07em !important;
9531 vertical-align: -0.1em !important; 9531 vertical-align: -0.1em !important;
9532 background: none !important; 9532 background: none !important;
9533 padding: 0 !important; 9533 padding: 0 !important;
9534 } 9534 }
9535 .main__employer-page-two-item-text-body p{ 9535 .main__employer-page-two-item-text-body p{
9536 margin: 0 0 20px; 9536 margin: 0 0 20px;
9537 } 9537 }
9538 #sertificate .one-sertificate{ 9538 #sertificate .one-sertificate{
9539 display: flex; 9539 display: flex;
9540 justify-content: space-between; 9540 justify-content: space-between;
9541 margin-bottom: 15px; 9541 margin-bottom: 15px;
9542 border-bottom: 1px #ccc solid; 9542 border-bottom: 1px #ccc solid;
9543 padding-bottom: 15px; 9543 padding-bottom: 15px;
9544 } 9544 }
9545 #sertificate .one-sertificate .sertificate-field{ 9545 #sertificate .one-sertificate .sertificate-field{
9546 display: block; 9546 display: block;
9547 } 9547 }
9548 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9548 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9549 width: 50%; 9549 width: 50%;
9550 max-width: 50%; 9550 max-width: 50%;
9551 } 9551 }
9552 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9552 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9553 display: flex; 9553 display: flex;
9554 justify-content: space-between; 9554 justify-content: space-between;
9555 } 9555 }
9556 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9556 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9557 width: 30px; 9557 width: 30px;
9558 height: 30px; 9558 height: 30px;
9559 padding: 5px; 9559 padding: 5px;
9560 } 9560 }
9561 #prev_worker .cabinet__inputs-item-buttons a{ 9561 #prev_worker .cabinet__inputs-item-buttons a{
9562 width: 30px; 9562 width: 30px;
9563 height: 30px; 9563 height: 30px;
9564 padding: 5px; 9564 padding: 5px;
9565 } 9565 }
9566 #prev_worker .cabinet__inputs-item-buttons{ 9566 #prev_worker .cabinet__inputs-item-buttons{
9567 width: 100px; 9567 width: 100px;
9568 } 9568 }
9569 #prev_worker .cabinet__inputs{ 9569 #prev_worker .cabinet__inputs{
9570 -webkit-box-align: start; 9570 -webkit-box-align: start;
9571 -ms-flex-align: start; 9571 -ms-flex-align: start;
9572 align-items: start; 9572 align-items: start;
9573 } 9573 }
9574 #prev_worker .cabinet__inputs-item-buttons flex{ 9574 #prev_worker .cabinet__inputs-item-buttons flex{
9575 justify-content: end; 9575 justify-content: end;
9576 } 9576 }
9577 #prev_worker .cabinet__body-item{ 9577 #prev_worker .cabinet__body-item{
9578 border-bottom: 1px #cccccc solid; 9578 border-bottom: 1px #cccccc solid;
9579 padding-bottom: 25px; 9579 padding-bottom: 25px;
9580 } 9580 }
9581 @media (max-width: 1280px) { 9581 @media (max-width: 1280px) {
9582 #prev_worker .cabinet__inputs-item-buttons{ 9582 #prev_worker .cabinet__inputs-item-buttons{
9583 position: absolute; 9583 position: absolute;
9584 right: 0; 9584 right: 0;
9585 } 9585 }
9586 } 9586 }
9587 body .cke_notifications_area{ 9587 body .cke_notifications_area{
9588 opacity: 0; 9588 opacity: 0;
9589 display: none !important; 9589 display: none !important;
9590 } 9590 }
9591 .unread-messages-count{ 9591 .unread-messages-count{
9592 background-color: #377d87; 9592 background-color: #377d87;
9593 color: #fff; 9593 color: #fff;
9594 padding: 5px 10px; 9594 padding: 5px 10px;
9595 border-radius: 45px; 9595 border-radius: 45px;
9596 } 9596 }
9597 9597
9598 .flot-one-ship .flot-label{ 9598 .flot-one-ship .flot-label{
9599 font-weight: bold; 9599 font-weight: bold;
9600 display: flex; 9600 display: flex;
9601 } 9601 }
9602 .flot-one-ship .flot-label .flot-label-name{ 9602 .flot-one-ship .flot-label .flot-label-name{
9603 color: #377d87; 9603 color: #377d87;
9604 min-width: 120px; 9604 min-width: 120px;
9605 } 9605 }
9606 .picker { 9606 .picker {
9607 display: none; 9607 display: none;
9608 -webkit-box-pack: center; 9608 -webkit-box-pack: center;
9609 -ms-flex-pack: center; 9609 -ms-flex-pack: center;
9610 justify-content: center; 9610 justify-content: center;
9611 -webkit-box-align: center; 9611 -webkit-box-align: center;
9612 -ms-flex-align: center; 9612 -ms-flex-align: center;
9613 align-items: center; 9613 align-items: center;
9614 } 9614 }
9615 .picker-dialog { 9615 .picker-dialog {
9616 position: relative !important; 9616 position: relative !important;
9617 max-width: 820px; 9617 max-width: 820px;
9618 border: none; 9618 border: none;
9619 background: #fff; 9619 background: #fff;
9620 border-radius: 10px; 9620 border-radius: 10px;
9621 padding: 20px 10px; 9621 padding: 20px 10px;
9622 } 9622 }
9623 @media (min-width: 768px) { 9623 @media (min-width: 768px) {
9624 .picker-dialog { 9624 .picker-dialog {
9625 padding: 80px; 9625 padding: 80px;
9626 } 9626 }
9627 } 9627 }
9628 .picker-close { 9628 .picker-close {
9629 font-size: 3rem; 9629 font-size: 3rem;
9630 } 9630 }
9631 .picker-close:hover { 9631 .picker-close:hover {
9632 color: #377d87; 9632 color: #377d87;
9633 } 9633 }
9634 .picker-header { 9634 .picker-header {
9635 padding: 0; 9635 padding: 0;
9636 position: static; 9636 position: static;
9637 border: none; 9637 border: none;
9638 margin-bottom: 10px; 9638 margin-bottom: 10px;
9639 } 9639 }
9640 @media (min-width: 768px) { 9640 @media (min-width: 768px) {
9641 .picker-header { 9641 .picker-header {
9642 margin-bottom: 20px; 9642 margin-bottom: 20px;
9643 } 9643 }
9644 } 9644 }
9645 .picker-title { 9645 .picker-title {
9646 color: #696b6b; 9646 color: #696b6b;
9647 font-weight: 700; 9647 font-weight: 700;
9648 font-size: 22px; 9648 font-size: 22px;
9649 line-height: 1.2; 9649 line-height: 1.2;
9650 text-align: center; 9650 text-align: center;
9651 } 9651 }
9652 @media (min-width: 768px) { 9652 @media (min-width: 768px) {
9653 .picker-title { 9653 .picker-title {
9654 text-align: left; 9654 text-align: left;
9655 font-size: 34px; 9655 font-size: 34px;
9656 } 9656 }
9657 } 9657 }
9658 @media (min-width: 992px) { 9658 @media (min-width: 992px) {
9659 .picker-title { 9659 .picker-title {
9660 font-size: 44px; 9660 font-size: 44px;
9661 } 9661 }
9662 } 9662 }
9663 .picker-list { 9663 .picker-list {
9664 padding: 0 20px; 9664 padding: 0 20px;
9665 } 9665 }
9666 @media (min-width: 768px) { 9666 @media (min-width: 768px) {
9667 .picker-list { 9667 .picker-list {
9668 padding: 0 60px; 9668 padding: 0 60px;
9669 } 9669 }
9670 } 9670 }
9671 @media (min-width: 992px) { 9671 @media (min-width: 992px) {
9672 .picker-list { 9672 .picker-list {
9673 padding: 0 90px; 9673 padding: 0 90px;
9674 } 9674 }
9675 } 9675 }
9676 .picker-item { 9676 .picker-item {
9677 display: -webkit-box; 9677 display: -webkit-box;
9678 display: -ms-flexbox; 9678 display: -ms-flexbox;
9679 display: flex; 9679 display: flex;
9680 -webkit-box-pack: center; 9680 -webkit-box-pack: center;
9681 -ms-flex-pack: center; 9681 -ms-flex-pack: center;
9682 justify-content: center; 9682 justify-content: center;
9683 -webkit-box-align: center; 9683 -webkit-box-align: center;
9684 -ms-flex-align: center; 9684 -ms-flex-align: center;
9685 align-items: center; 9685 align-items: center;
9686 line-height: 1; 9686 line-height: 1;
9687 font-size: 28px; 9687 font-size: 28px;
9688 line-height: 40px; 9688 line-height: 40px;
9689 color: #699da5; 9689 color: #699da5;
9690 font-weight: 700; 9690 font-weight: 700;
9691 } 9691 }
9692 @media (min-width: 992px) { 9692 @media (min-width: 992px) {
9693 .picker-item { 9693 .picker-item {
9694 font-size: 36px; 9694 font-size: 36px;
9695 } 9695 }
9696 } 9696 }
9697 .picker-cell__header { 9697 .picker-cell__header {
9698 color: #377d87; 9698 color: #377d87;
9699 } 9699 }
9700 .picker-cell__control:before { 9700 .picker-cell__control:before {
9701 border-color: #377d87; 9701 border-color: #377d87;
9702 } 9702 }
9703 .picker-picked { 9703 .picker-picked {
9704 background: #fff; 9704 background: #fff;
9705 border-radius: 8px; 9705 border-radius: 8px;
9706 color: #377d87; 9706 color: #377d87;
9707 } 9707 }
9708 .picker-footer { 9708 .picker-footer {
9709 display: -webkit-box !important; 9709 display: -webkit-box !important;
9710 display: -ms-flexbox !important; 9710 display: -ms-flexbox !important;
9711 display: flex !important; 9711 display: flex !important;
9712 -webkit-box-orient: horizontal; 9712 -webkit-box-orient: horizontal;
9713 -webkit-box-direction: reverse; 9713 -webkit-box-direction: reverse;
9714 -ms-flex-direction: row-reverse; 9714 -ms-flex-direction: row-reverse;
9715 flex-direction: row-reverse; 9715 flex-direction: row-reverse;
9716 -webkit-box-align: center; 9716 -webkit-box-align: center;
9717 -ms-flex-align: center; 9717 -ms-flex-align: center;
9718 align-items: center; 9718 align-items: center;
9719 gap: 12px; 9719 gap: 12px;
9720 margin-top: 20px; 9720 margin-top: 20px;
9721 border: none; 9721 border: none;
9722 } 9722 }
9723 .picker-footer button { 9723 .picker-footer button {
9724 display: -webkit-box; 9724 display: -webkit-box;
9725 display: -ms-flexbox; 9725 display: -ms-flexbox;
9726 display: flex; 9726 display: flex;
9727 -webkit-box-pack: center; 9727 -webkit-box-pack: center;
9728 -ms-flex-pack: center; 9728 -ms-flex-pack: center;
9729 justify-content: center; 9729 justify-content: center;
9730 -webkit-box-align: center; 9730 -webkit-box-align: center;
9731 -ms-flex-align: center; 9731 -ms-flex-align: center;
9732 align-items: center; 9732 align-items: center;
9733 color: #fff; 9733 color: #fff;
9734 background: #377d87; 9734 background: #377d87;
9735 height: 30px; 9735 height: 30px;
9736 border-radius: 8px; 9736 border-radius: 8px;
9737 padding: 0 12px; 9737 padding: 0 12px;
9738 border: 1px solid #377d87; 9738 border: 1px solid #377d87;
9739 font-weight: 700; 9739 font-weight: 700;
9740 font-size: 12px; 9740 font-size: 12px;
9741 text-align: center; 9741 text-align: center;
9742 line-height: 1; 9742 line-height: 1;
9743 gap: 6px; 9743 gap: 6px;
9744 -webkit-transition: 0.3s; 9744 -webkit-transition: 0.3s;
9745 transition: 0.3s; 9745 transition: 0.3s;
9746 cursor: pointer; 9746 cursor: pointer;
9747 } 9747 }
9748 @media (min-width: 768px) { 9748 @media (min-width: 768px) {
9749 .picker-footer button { 9749 .picker-footer button {
9750 padding: 0 24px; 9750 padding: 0 24px;
9751 font-size: 16px; 9751 font-size: 16px;
9752 height: 44px; 9752 height: 44px;
9753 gap: 12px; 9753 gap: 12px;
9754 } 9754 }
9755 } 9755 }
9756 @media (min-width: 992px) { 9756 @media (min-width: 992px) {
9757 .picker-footer button { 9757 .picker-footer button {
9758 padding: 0 36px; 9758 padding: 0 36px;
9759 } 9759 }
9760 } 9760 }
9761 .picker-footer button:hover { 9761 .picker-footer button:hover {
9762 background: transparent; 9762 background: transparent;
9763 color: #377d87; 9763 color: #377d87;
9764 } 9764 }
9765 .picker-footer .picker-cancel { 9765 .picker-footer .picker-cancel {
9766 background: transparent; 9766 background: transparent;
9767 color: #377d87; 9767 color: #377d87;
9768 } 9768 }
9769 .picker-footer .picker-cancel:hover { 9769 .picker-footer .picker-cancel:hover {
9770 background: #377d87; 9770 background: #377d87;
9771 color: #fff; 9771 color: #fff;
9772 } 9772 }
9773 .picker .picker-body { 9773 .picker .picker-body {
9774 background: #e9f1fb; 9774 background: #e9f1fb;
9775 border-radius: 8px; 9775 border-radius: 8px;
9776 } 9776 }
9777 .picker .picker-cell__body:before { 9777 .picker .picker-cell__body:before {
9778 background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb)); 9778 background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb));
9779 background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e9f1fb); 9779 background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #e9f1fb);
9780 } 9780 }
9781 .picker .picker-cell__body:after { 9781 .picker .picker-cell__body:after {
9782 background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb)); 9782 background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#e9f1fb));
9783 background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e9f1fb); 9783 background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e9f1fb);
9784 } 9784 }
9785 9785
9786 .picker-open { 9786 .picker-open {
9787 display: -webkit-box; 9787 display: -webkit-box;
9788 display: -ms-flexbox; 9788 display: -ms-flexbox;
9789 display: flex; 9789 display: flex;
9790 } 9790 }
9791 9791
9792 nav .drop-down { 9792 nav .drop-down {
9793 list-style: none; 9793 list-style: none;
9794 overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */ 9794 overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */
9795 height: 200px; /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */ 9795 height: 200px; /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */
9796 margin: 0 auto; 9796 margin: 0 auto;
9797 padding: 0; 9797 padding: 0;
9798 -webkit-transition: height 0.3s ease; 9798 -webkit-transition: height 0.3s ease;
9799 transition: height 0.3s ease; 9799 transition: height 0.3s ease;
9800 } 9800 }
9801 9801
9802 nav .drop-down.closed { 9802 nav .drop-down.closed {
9803 /* When toggled via jQuery this class will reduce the height of the ul which inconjuction 9803 /* When toggled via jQuery this class will reduce the height of the ul which inconjuction
9804 with overflow: hidden set on the ul will hide all list items apart from the first */ 9804 with overflow: hidden set on the ul will hide all list items apart from the first */
9805 /* current li height 38px + 5px border */ 9805 /* current li height 38px + 5px border */
9806 height: 35px; 9806 height: 35px;
9807 } 9807 }
9808 9808
9809 .select2-selection__choice[title*="Все должности"] .select2-selection__choice__remove { 9809 .select2-selection__choice[title*="Все должности"] .select2-selection__choice__remove {
9810 display: none !important; 9810 display: none !important;
9811 } 9811 }
9812 9812
9813 .cabinet__inputs-item:has(.input-picker:disabled) { 9813 .cabinet__inputs-item:has(.input-picker:disabled) {
9814 display: none; 9814 display: none;
9815 } 9815 }
9816 9816
9817 .select select {display: none;}
9818
9819 .d-none {
9820 display: none;
9817 .select select {display: none;} 9821 }
9818 9822
resources/views/admin/worker/index.blade.php
Diff comments   View file @ 7fc2c06
1 @extends('layout.admin', ['title' => 'Админка - Работники']) 1 @extends('layout.admin', ['title' => 'Админка - Работники'])
2 2
3 @section('script') 3 @section('script')
4 <script> 4 <script>
5 $(document).ready(function() { 5 $(document).ready(function() {
6 $(document).on('click', '.checkban', function () { 6 $(document).on('click', '.checkban', function () {
7 var this_ = $(this); 7 var this_ = $(this);
8 var value = this_.val(); 8 var value = this_.val();
9 var ajax_block = $('#ajax_block'); 9 var ajax_block = $('#ajax_block');
10 var bool = 0; 10 var bool = 0;
11 11
12 if(this.checked){ 12 if(this.checked){
13 bool = 1; 13 bool = 1;
14 } else { 14 } else {
15 bool = 0; 15 bool = 0;
16 } 16 }
17 17
18 $.ajax({ 18 $.ajax({
19 type: "GET", 19 type: "GET",
20 url: "{{ url()->full()}}", 20 url: "{{ url()->full()}}",
21 data: "id=" + value + "&is_ban=" + bool, 21 data: "id=" + value + "&is_ban=" + bool,
22 success: function (data) { 22 success: function (data) {
23 console.log('Обновление таблицы работников '); 23 console.log('Обновление таблицы работников ');
24 //data = JSON.parse(data); 24 //data = JSON.parse(data);
25 console.log(data); 25 console.log(data);
26 ajax_block.html(data); 26 ajax_block.html(data);
27 }, 27 },
28 headers: { 28 headers: {
29 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 29 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
30 }, 30 },
31 error: function (data) { 31 error: function (data) {
32 console.log('Error: ' + data); 32 console.log('Error: ' + data);
33 } 33 }
34 }); 34 });
35 }); 35 });
36 36
37 }); 37 });
38 </script> 38 </script>
39 @endsection 39 @endsection
40 40
41 @section('search') 41 @section('search')
42 @include('admin.find_worker', ['find_status_work' => $find_status_work]) 42 @include('admin.find_worker', ['find_status_work' => $find_status_work])
43 @endsection 43 @endsection
44 44
45 @section('content') 45 @section('content')
46 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> 46 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
47 47
48 <div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"> 48 <div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800">
49 <div class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500"> 49 <div class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500">
50 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 50 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
51 <path 51 <path
52 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"></path> 52 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"></path>
53 </svg> 53 </svg>
54 </div> 54 </div>
55 <div> 55 <div>
56 <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"> 56 <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
57 Всего соискателей 57 Всего соискателей
58 </p> 58 </p>
59 <p class="text-lg font-semibold text-gray-700 dark:text-gray-200"> 59 <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">
60 {{ $all_worker }} 60 {{ $all_worker }}
61 </p> 61 </p>
62 </div> 62 </div>
63 </div> 63 </div>
64 </div> 64 </div>
65 65
66 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block"> 66 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
67 <div class="w-full overflow-x-auto"> 67 <div class="w-full overflow-x-auto">
68 <table class="w-full whitespace-no-wrap"> 68 <table class="w-full whitespace-no-wrap">
69 <thead> 69 <thead>
70 <tr 70 <tr
71 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" 71 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"
72 > 72 >
73 <th class="px-4 py-3">№</th> 73 <th class="px-4 py-3">№</th>
74 <th class="px-4 py-3">Лого</th> 74 <th class="px-4 py-3">Лого</th>
75 <th class="px-4 py-3">ФИО/Email/Телефон/Пароль</th> 75 <th class="px-4 py-3">ФИО/Email/Телефон/Пароль</th>
76 <th class="px-4 py-3">Статус</th> 76 <th class="px-4 py-3">Статус</th>
77 <th class="px-4 py-3">% анкеты</th> 77 <th class="px-4 py-3">% анкеты</th>
78 <th class="px-4 py-3">Должность</th> 78 <th class="px-4 py-3">Должность</th>
79 <th class="px-4 py-3">Дата регистрации</th> 79 <th class="px-4 py-3">Дата регистрации</th>
80 <th class="px-4 py-3">Дата подтверждения</th>
80 <th class="px-4 py-3">Изменить</th> 81 <th class="px-4 py-3">Изменить</th>
81 </tr> 82 </tr>
82 </thead> 83 </thead>
83 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"> 84 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
84 @foreach($users as $user) 85 @foreach($users as $user)
85 @if (!isset($user->workers[0])) 86 @if (!isset($user->workers[0]))
86 @continue(1) 87 @continue(1)
87 @endif 88 @endif
88 <tr class="text-gray-700 dark:text-gray-400"> 89 <tr class="text-gray-700 dark:text-gray-400">
89 <td class="px-4 py-3 text-xs"> 90 <td class="px-4 py-3 text-xs">
90 {{$user->id}} 91 {{$user->id}}
91 </td> 92 </td>
92 <td class="px-4 py-3 text-xs"> 93 <td class="px-4 py-3 text-xs">
93 @if (isset($user->workers[0]->photo)) 94 @if (isset($user->workers[0]->photo))
94 <div class="flex items-center text-sm"> 95 <div class="flex items-center text-sm">
95 <div 96 <div
96 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 97 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
97 > 98 >
98 <img 99 <img
99 class="object-cover w-full h-full rounded-full" 100 class="object-cover w-full h-full rounded-full"
100 src="{{ asset(Storage::url($user->workers[0]->photo)) }}" 101 src="{{ asset(Storage::url($user->workers[0]->photo)) }}"
101 alt="" 102 alt=""
102 loading="lazy" 103 loading="lazy"
103 /> 104 />
104 <div 105 <div
105 class="absolute inset-0 rounded-full shadow-inner" 106 class="absolute inset-0 rounded-full shadow-inner"
106 aria-hidden="true" 107 aria-hidden="true"
107 ></div> 108 ></div>
108 </div> 109 </div>
109 </div> 110 </div>
110 @else 111 @else
111 - 112 -
112 @endif 113 @endif
113 </td> 114 </td>
114 115
115 <td class="px-4 py-3 text-xs"> 116 <td class="px-4 py-3 text-xs">
116 <div class="flex items-center text-sm"> 117 <div class="flex items-center text-sm">
117 <div> 118 <div>
118 <p class="font-semibold"> 119 <p class="font-semibold">
119 @if (isset($user->id)) 120 @if (isset($user->id))
120 <a style="text-decoration: underline;" 121 <a style="text-decoration: underline;"
121 href="{{ route('admin.user-profile', ['user' => $user->id]) }}}">{{ $user->surname }} {{ !empty($user->name_man) ? $user->name_man : $user->name }} {{ $user->surname2 }}</a> 122 href="{{ route('admin.user-profile', ['user' => $user->id]) }}}">{{ $user->surname }} {{ !empty($user->name_man) ? $user->name_man : $user->name }} {{ $user->surname2 }}</a>
122 @else 123 @else
123 {{ $user->surname }} {{ !empty($user->name_man) ? $user->name_man : $user->name }} {{ $user->surname2 }} 124 {{ $user->surname }} {{ !empty($user->name_man) ? $user->name_man : $user->name }} {{ $user->surname2 }}
124 @endif 125 @endif
125 </p> 126 </p>
126 {{-- <p class="font-semibold">{{ empty($user->workers->email) ? $user->email : $user->workers->email }}</p>--}} 127 {{-- <p class="font-semibold">{{ empty($user->workers->email) ? $user->email : $user->workers->email }}</p>--}}
127 <p class="font-semibold">{{ $user->email }}</p> 128 <p class="font-semibold">{{ $user->email }}</p>
128 <p class="text-xs text-gray-600 dark:text-gray-400"> 129 <p class="text-xs text-gray-600 dark:text-gray-400">
129 {{ empty($user->workers->telephone) ? $user->telephone : $user->workers->telephone }} 130 {{ empty($user->workers->telephone) ? $user->telephone : $user->workers->telephone }}
130 </p> 131 </p>
131 <p class="text-xs text-gray-600 dark:text-gray-400"> 132 <p class="text-xs text-gray-600 dark:text-gray-400">
132 @if (!empty($user->pubpassword)) 133 @if (!empty($user->pubpassword))
133 {{ base64_decode($user->pubpassword) }} 134 {{ base64_decode($user->pubpassword) }}
134 @endif 135 @endif
135 </p> 136 </p>
136 </div> 137 </div>
137 </div> 138 </div>
138 </td> 139 </td>
139 140
140 <td class="px-4 py-3 text-xs"> 141 <td class="px-4 py-3 text-xs">
141 @if (isset($user->workers[0]->status_work)) 142 @if (isset($user->workers[0]->status_work))
142 {{ $status_wor[$user->workers[0]->status_work] }} 143 {{ $status_wor[$user->workers[0]->status_work] }}
143 @else 144 @else
144 - 145 -
145 @endif 146 @endif
146 </td> 147 </td>
147 148
148 <td class="px-4 py-3 text-xs"> 149 <td class="px-4 py-3 text-xs">
149 <span class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full @if(($persent = \App\Classes\Tools::getWorkerProfilePercent($user->workers[0])) > 50) dark:bg-green-700 dark:text-green-100 @else dark:text-white dark:bg-orange-600 @endif"> 150 <span class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full @if(($persent = \App\Classes\Tools::getWorkerProfilePercent($user->workers[0])) > 50) dark:bg-green-700 dark:text-green-100 @else dark:text-white dark:bg-orange-600 @endif">
150 {{ $persent }}% 151 {{ $persent }}%
151 </span> 152 </span>
152 </td> 153 </td>
153 154
154 <td class="px-4 py-3 text-xs"> 155 <td class="px-4 py-3 text-xs">
155 @if ($user->job !== null) 156 @if ($user->job !== null)
156 {{ $user->job }} 157 {{ $user->job }}
157 @else 158 @else
158 Не задана 159 Не задана
159 @endif 160 @endif
160 </td> 161 </td>
161 <td class="px-4 py-3 text-xs"> 162 <td class="px-4 py-3 text-xs">
162 {{ date('d.m.Y h:i:s', strtotime($user->created_at)) }} 163 {{ date('d.m.Y h:i:s', strtotime($user->created_at)) }}
163 </td> 164 </td>
164 <td class="px-4 py-3 text-xs"> 165 <td class="px-4 py-3 text-xs">
166 @if($user->email_verified_at)
167 {{ date('d.m.Y h:i:s', strtotime($user->email_verified_at)) }}
168 @else
169 <a href="{{ route('admin.worker-verify', ['user' => $user->id]) }}" class="text-green-500">Подтвердить</a>
170 @endif
171 </td>
172 <td class="px-4 py-3 text-xs">
165 @if (isset($user->workers[0]->id)) 173 @if (isset($user->workers[0]->id))
166 <a href="{{ route('admin.worker-profile-edit', ['worker' => $user->workers[0]->id]) }}">Изменить</a> 174 <a href="{{ route('admin.worker-profile-edit', ['worker' => $user->workers[0]->id]) }}">Изменить</a>
167
168 @endif 175 @endif
169 </td> 176 </td>
170 </tr> 177 </tr>
171 @endforeach 178 @endforeach
172 </tbody> 179 </tbody>
173 </table> 180 </table>
174 </div> 181 </div>
175 182
176 <div 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"> 183 <div 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">
177 <?=$users->appends($_GET)->links('admin.pagginate'); ?> 184 <?=$users->appends($_GET)->links('admin.pagginate'); ?>
178 </div> 185 </div>
179 </div> 186 </div>
180 @endsection 187 @endsection
resources/views/modals/send_employer.blade.php
Diff comments   View file @ 7fc2c06
1 <script> 1 <script>
2 $(document).on('change', '#file', function() { 2 $(document).on('change', '#file', function() {
3 let dirArray = $(this).val().split('\\') 3 let dirArray = $(this).val().split('\\')
4 $('#this_final_name').html(dirArray[dirArray.length - 1]) 4 $('#this_final_name').html(dirArray[dirArray.length - 1])
5 $.fancybox.getInstance().current.$content.find('#div_file').removeClass('d-none')
5 }); 6 });
6 </script> 7 </script>
7 <div id="send2" class="modal"> 8 <div id="send2" class="modal">
8 <div class="modal__body"> 9 <div class="modal__body">
9 <div class="modal__title">Отправить сообщение</div> 10 <div class="modal__title">Отправить сообщение</div>
10 <form class="modal__form" id="form_from_emp" name="form_from_emp" enctype="multipart/form-data" action="{{ route('employer.new_message') }}" method="POST"> 11 <form class="modal__form" id="form_from_emp" name="form_from_emp" enctype="multipart/form-data" action="{{ route('employer.new_message') }}" method="POST">
11 @csrf 12 @csrf
12 <div class="modal__form-item" style="display:none"> 13 <div class="modal__form-item" style="display:none">
13 <!-- Отправитель сообщения: --> 14 <!-- Отправитель сообщения: -->
14 <input type="hidden" id="_user_id" name="_user_id" class="input" placeholder="user_id" value=""> 15 <input type="hidden" id="_user_id" name="_user_id" class="input" placeholder="user_id" value="">
15 <!-- Получатель сообщения: --> 16 <!-- Получатель сообщения: -->
16 <input type="hidden" id="_to_user_id" name="_to_user_id" class="input" placeholder="to_user_id" value=""> 17 <input type="hidden" id="_to_user_id" name="_to_user_id" class="input" placeholder="to_user_id" value="">
17 <!-- Вакансия: --> 18 <!-- Вакансия: -->
18 <input type="hidden" id="_vacancy" name="_vacancy" class="input" placeholder="vacancy" value=""> 19 <input type="hidden" id="_vacancy" name="_vacancy" class="input" placeholder="vacancy" value="">
19 </div> 20 </div>
20 <div class="modal__form-item"> 21 <div class="modal__form-item">
21 <input id="i1" type="text" name="title" class="input" placeholder="Тема" required> 22 <input id="i1" type="text" name="title" class="input" placeholder="Тема" required>
22 <label for="i1">Не заполнено поле</label> 23 <label for="i1">Не заполнено поле</label>
23 </div> 24 </div>
24 <div class="modal__form-item"> 25 <div class="modal__form-item">
25 <textarea id="i2" class="textarea" name="text" placeholder="Напишите текст с предложением о работе" required></textarea> 26 <textarea id="i2" class="textarea" name="text" placeholder="Напишите текст с предложением о работе" required></textarea>
26 <label for="i2">Не заполнено поле</label> 27 <label for="i2">Не заполнено поле</label>
27 </div> 28 </div>
28 <div class="modal__form-item"> 29 <div class="modal__form-item">
29 <div class="file"> 30 <div class="file">
30 <label class="file__input"> 31 <label class="file__input">
31 <input type="file" name="file" id="file" accept=".pdf, .doc, .docx"> 32 <input type="file" name="file" id="file" accept=".pdf, .doc, .docx">
32 <span class="button button_light"> 33 <span class="button button_light">
33 <svg> 34 <svg>
34 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 35 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
35 </svg> 36 </svg>
36 Прикрепить документ 37 Прикрепить документ
37 </span> 38 </span>
38 </label> 39 </label>
39 40
40 <div class="file__list"> 41 <div class="file__list d-none" id="div_file">
41 <div class="file__list-item"> 42 <div class="file__list-item">
42 <div class="file__list-item-left"> 43 <div class="file__list-item-left">
43 <svg> 44 <svg>
44 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 45 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
45 </svg> 46 </svg>
46 <span id="this_final_name" name="this_final_name"></span> 47 <span id="this_final_name" name="this_final_name"></span>
47 </div> 48 </div>
48 <button type="button" class="file__list-item-right js-parent-remove"> 49 <button type="button" class="file__list-item-right js-parent-remove">
49 <svg> 50 <svg>
50 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use> 51 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
51 </svg> 52 </svg>
52 </button> 53 </button>
53 </div> 54 </div>
54 </div> 55 </div>
55 </div> 56 </div>
56 </div> 57 </div>
57 <div class="modal__form-item"> 58 <div class="modal__form-item">
58 <button type="submit" class="button">Отправить</button> 59 <button type="submit" class="button">Отправить</button>
59 </div> 60 </div>
60 </form> 61 </form>
61 </div> 62 </div>
62 </div> 63 </div>
63 64
resources/views/modals/send_worker.blade.php
Diff comments   View file @ 7fc2c06
1 <script> 1 <script>
2 $("#form_worker" ).submit(function(event) { 2 $("#form_worker" ).submit(function(event) {
3 var val = $(this).val(); 3 var val = $(this).val();
4 var send_title = $('#send_title'); 4 var send_title = $('#send_title');
5 var send_title_val = send_title.val(); 5 var send_title_val = send_title.val();
6 }); 6 });
7 7
8 $(document).on('change', '#btn_send_file', function() { 8 $(document).on('change', '#btn_send_file', function() {
9 let dirArray = $(this).val().split('\\') 9 let dirArray = $(this).val().split('\\')
10 console.log(dirArray)
11 $('#send_name_file3').html(dirArray[dirArray.length - 1]) 10 $('#send_name_file3').html(dirArray[dirArray.length - 1])
12 console.log($('#send_name_file3').html()) 11 $.fancybox.getInstance().current.$content.find('#div_file').removeClass('d-none')
13 }); 12 });
14 </script> 13 </script>
15 <div id="send3" class="modal"> 14 <div id="send3" class="modal">
16 <div class="modal__body"> 15 <div class="modal__body">
17 <div class="modal__title">Отправить сообщение работодателю</div> 16 <div class="modal__title">Отправить сообщение работодателю</div>
18 <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST"> 17 <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST">
19 @csrf 18 @csrf
20 <input type="hidden" id="worker_user_id" name="user_from" value=""> 19 <input type="hidden" id="worker_user_id" name="user_from" value="">
21 <input type="hidden" id="worker_to_user_id" name="user_to" value=""> 20 <input type="hidden" id="worker_to_user_id" name="user_to" value="">
22 <input type="hidden" id="worker_vacancy" name="vacancy" value=""> 21 <input type="hidden" id="worker_vacancy" name="vacancy" value="">
23 <div class="modal__form-item send_text_div"> 22 <div class="modal__form-item send_text_div">
24 <textarea id="i2" class="textarea" id="send_text" name="comment" placeholder="Укажите по какому поводу вы пишите работодателю, уточните название вакансии или прикрепите ссылку на вакансию, дайте как можно больше информации.&#10;&#10;ВАЖНО не стоит писать работодателю короткий текст цитирую «Какая зарплата?, работодатель не поймет о чем речь, опишите вопрос максимально подробно»." required></textarea> 23 <textarea class="textarea" id="send_text" name="comment" placeholder="Укажите по какому поводу вы пишите работодателю, уточните название вакансии или прикрепите ссылку на вакансию, дайте как можно больше информации.&#10;&#10;ВАЖНО не стоит писать работодателю короткий текст цитирую «Какая зарплата?, работодатель не поймет о чем речь, опишите вопрос максимально подробно»." required></textarea>
25 <label for="i2">Не заполнено поле</label> 24 <label for="send_text">Не заполнено поле</label>
26 </div> 25 </div>
27 <div class="modal__form-item"> 26 <div class="modal__form-item">
28 <div class="file"> 27 <div class="file">
29 <label class="file__input"> 28 <label class="file__input">
30 <input type="file" name="file" id="btn_send_file" accept=".pdf, .doc, .docx"> 29 <input type="file" name="file" id="btn_send_file" accept=".pdf, .doc, .docx">
31 <span class="button button_light"> 30 <span class="button button_light">
32 <svg> 31 <svg>
33 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 32 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
34 </svg> 33 </svg>
35 Прикрепить файл-документ 34 Прикрепить файл-документ
36 </span> 35 </span>
37 </label> 36 </label>
38 37
39 <div class="file__list" id="div_file" name="div_file"> 38 <div class="file__list d-none" id="div_file">
40 <div class="file__list-item"> 39 <div class="file__list-item">
41 <div class="file__list-item-left"> 40 <div class="file__list-item-left">
42 <svg> 41 <svg>
43 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 42 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
44 </svg> 43 </svg>
45 <span id="send_name_file3"></span> 44 <span id="send_name_file3"></span>
46 </div> 45 </div>
47 <button type="button" class="file__list-item-right js-parent-remove"> 46 <button type="button" class="file__list-item-right js-parent-remove">
48 <svg> 47 <svg>
49 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use> 48 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
50 </svg> 49 </svg>
51 </button> 50 </button>
52 </div> 51 </div>
53 </div> 52 </div>
54 </div> 53 </div>
55 </div> 54 </div>
56 <div class="modal__form-item"> 55 <div class="modal__form-item">
57 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button> 56 <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button>
58 </div> 57 </div>
59 </form> 58 </form>
60 </div> 59 </div>
61 </div> 60 </div>
62 61
1 <?php 1 <?php
2 2
3 use App\Http\Controllers\Ad_jobsController; 3 use App\Http\Controllers\Ad_jobsController;
4 use App\Http\Controllers\AdEmployerController; 4 use App\Http\Controllers\AdEmployerController;
5 use App\Http\Controllers\Admin\AdminController; 5 use App\Http\Controllers\Admin\AdminController;
6 use App\Http\Controllers\Admin\CategoryController; 6 use App\Http\Controllers\Admin\CategoryController;
7 use App\Http\Controllers\Admin\CategoryEmpController; 7 use App\Http\Controllers\Admin\CategoryEmpController;
8 use App\Http\Controllers\Admin\EducationController; 8 use App\Http\Controllers\Admin\EducationController;
9 use App\Http\Controllers\EducationController as EducationFrontController; 9 use App\Http\Controllers\EducationController as EducationFrontController;
10 use App\Http\Controllers\Admin\EmployersController; 10 use App\Http\Controllers\Admin\EmployersController;
11 use App\Http\Controllers\EmployerController as FrontEmployersController; 11 use App\Http\Controllers\EmployerController as FrontEmployersController;
12 use App\Http\Controllers\Admin\InfoBloksController; 12 use App\Http\Controllers\Admin\InfoBloksController;
13 use App\Http\Controllers\Admin\JobTitlesController; 13 use App\Http\Controllers\Admin\JobTitlesController;
14 use App\Http\Controllers\Admin\UsersController; 14 use App\Http\Controllers\Admin\UsersController;
15 use App\Http\Controllers\Admin\WorkersController; 15 use App\Http\Controllers\Admin\WorkersController;
16 use App\Http\Controllers\Auth\ForgotPasswordController; 16 use App\Http\Controllers\Auth\ForgotPasswordController;
17 use App\Http\Controllers\Auth\LoginController; 17 use App\Http\Controllers\Auth\LoginController;
18 use App\Http\Controllers\Auth\RegisterController; 18 use App\Http\Controllers\Auth\RegisterController;
19 use App\Http\Controllers\CKEditorController; 19 use App\Http\Controllers\CKEditorController;
20 use App\Http\Controllers\FaqController; 20 use App\Http\Controllers\FaqController;
21 use App\Http\Controllers\MediaController; 21 use App\Http\Controllers\MediaController;
22 use App\Http\Controllers\WorkerController; 22 use App\Http\Controllers\WorkerController;
23 use App\Models\Ad_jobs; 23 use App\Models\Ad_jobs;
24 use App\Models\User; 24 use App\Models\User;
25 use App\Http\Controllers\MainController; 25 use App\Http\Controllers\MainController;
26 use App\Http\Controllers\HomeController; 26 use App\Http\Controllers\HomeController;
27 use Illuminate\Support\Facades\Route; 27 use Illuminate\Support\Facades\Route;
28 use App\Http\Controllers\Admin\CompanyController; 28 use App\Http\Controllers\Admin\CompanyController;
29 use App\Http\Controllers\Admin\Ad_EmployersController; 29 use App\Http\Controllers\Admin\Ad_EmployersController;
30 use App\Http\Controllers\Admin\MsgAnswersController; 30 use App\Http\Controllers\Admin\MsgAnswersController;
31 use App\Http\Controllers\Admin\GroupsController; 31 use App\Http\Controllers\Admin\GroupsController;
32 use App\Http\Controllers\PagesController; 32 use App\Http\Controllers\PagesController;
33 use Illuminate\Support\Facades\Storage; 33 use Illuminate\Support\Facades\Storage;
34 use App\Http\Controllers\EmployerController; 34 use App\Http\Controllers\EmployerController;
35 use App\Http\Controllers\CompanyController as FrontCompanyController; 35 use App\Http\Controllers\CompanyController as FrontCompanyController;
36 36
37 37
38 /* 38 /*
39 |-------------------------------------------------------------------------- 39 |--------------------------------------------------------------------------
40 | Web Routes 40 | Web Routes
41 |-------------------------------------------------------------------------- 41 |--------------------------------------------------------------------------
42 | 42 |
43 | Here is where you can register web routes for your application. These 43 | Here is where you can register web routes for your application. These
44 | routes are loaded by the RouteServiceProvider within a group which 44 | routes are loaded by the RouteServiceProvider within a group which
45 | contains the "web" middleware group. Now create something great! 45 | contains the "web" middleware group. Now create something great!
46 | 46 |
47 */ 47 */
48 /* 48 /*
49 Route::get('/', function () { 49 Route::get('/', function () {
50 return view('welcome'); 50 return view('welcome');
51 })->name('index'); 51 })->name('index');
52 */ 52 */
53 53
54 Route::get('/', [MainController::class, 'index'])->name('index'); 54 Route::get('/', [MainController::class, 'index'])->name('index');
55 55
56 //Роуты авторизации, регистрации, восстановления, аутентификации 56 //Роуты авторизации, регистрации, восстановления, аутентификации
57 Auth::routes(['verify' => true]); 57 Auth::routes(['verify' => true]);
58 58
59 //Личный кабинет пользователя 59 //Личный кабинет пользователя
60 Route::get('/home', [HomeController::class, 'index'])->name('home'); 60 Route::get('/home', [HomeController::class, 'index'])->name('home');
61 61
62 // Авторизация, регистрация в админку 62 // Авторизация, регистрация в админку
63 Route::group([ 63 Route::group([
64 'as' => 'admin.', // имя маршрута, например auth.index 64 'as' => 'admin.', // имя маршрута, например auth.index
65 'prefix' => 'admin', // префикс маршрута, например auth/index 65 'prefix' => 'admin', // префикс маршрута, например auth/index
66 'middleware' => ['guest'], 66 'middleware' => ['guest'],
67 ], function () { 67 ], function () {
68 // Форма регистрации 68 // Форма регистрации
69 Route::get('register', [AdminController::class, 'register'])->name('register'); 69 Route::get('register', [AdminController::class, 'register'])->name('register');
70 // Создание пользователя 70 // Создание пользователя
71 Route::post('register', [AdminController::class, 'create'])->name('create'); 71 Route::post('register', [AdminController::class, 'create'])->name('create');
72 72
73 //Форма входа 73 //Форма входа
74 Route::get('login', [AdminController::class, 'login'])->name('login'); 74 Route::get('login', [AdminController::class, 'login'])->name('login');
75 75
76 // аутентификация 76 // аутентификация
77 Route::post('login', [AdminController::class, 'autenticate'])->name('auth'); 77 Route::post('login', [AdminController::class, 'autenticate'])->name('auth');
78 78
79 }); 79 });
80 80
81 // Личный кабинет админки 81 // Личный кабинет админки
82 Route::group([ 82 Route::group([
83 'as' => 'admin.', // имя маршрута, например auth.index 83 'as' => 'admin.', // имя маршрута, например auth.index
84 'prefix' => 'admin', // префикс маршрута, например auth/index 84 'prefix' => 'admin', // префикс маршрута, например auth/index
85 'middleware' => ['auth', 'admin'], 85 'middleware' => ['auth', 'admin'],
86 ], function() { 86 ], function() {
87 87
88 // выход 88 // выход
89 Route::get('logout', [AdminController::class, 'logout'])->name('logout'); 89 Route::get('logout', [AdminController::class, 'logout'])->name('logout');
90 90
91 // кабинет главная страница 91 // кабинет главная страница
92 Route::get('cabinet', [AdminController::class, 'index'])->name('index'); 92 Route::get('cabinet', [AdminController::class, 'index'])->name('index');
93 Route::get('/', function () { 93 Route::get('/', function () {
94 return redirect()->route('admin.index'); 94 return redirect()->route('admin.index');
95 }); 95 });
96 96
97 // кабинет профиль админа - форма 97 // кабинет профиль админа - форма
98 Route::get('profile', [AdminController::class, 'profile'])->name('profile'); 98 Route::get('profile', [AdminController::class, 'profile'])->name('profile');
99 // кабинет профиль админа - сохранение формы 99 // кабинет профиль админа - сохранение формы
100 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile'); 100 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile');
101 101
102 //кабинет сообщения админа 102 //кабинет сообщения админа
103 //Route::get('messages', [AdminController::class, 'profile'])->name('profile'); 103 //Route::get('messages', [AdminController::class, 'profile'])->name('profile');
104 104
105 105
106 // кабинет профиль - форма пароли 106 // кабинет профиль - форма пароли
107 Route::get('password', [AdminController::class, 'profile_password'])->name('password'); 107 Route::get('password', [AdminController::class, 'profile_password'])->name('password');
108 // кабинет профиль - сохранение формы пароля 108 // кабинет профиль - сохранение формы пароля
109 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password'); 109 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password');
110 110
111 111
112 // кабинет профиль пользователя - форма 112 // кабинет профиль пользователя - форма
113 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile'); 113 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile');
114 // кабинет профиль пользователя - сохранение формы 114 // кабинет профиль пользователя - сохранение формы
115 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile'); 115 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile');
116 116
117 // кабинет профиль работодатель - форма 117 // кабинет профиль работодатель - форма
118 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile'); 118 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile');
119 // кабинет профиль работодатель - сохранение формы 119 // кабинет профиль работодатель - сохранение формы
120 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile'); 120 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile');
121 // кабинет удаление профиль работодателя и юзера 121 // кабинет удаление профиль работодателя и юзера
122 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer'); 122 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer');
123 123
124 // кабинет профиль работник - форма 124 // кабинет профиль работник - форма
125 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add'); 125 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add');
126 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store'); 126 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store');
127 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit'); 127 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit');
128 Route::get('worker-verify/{user}', [WorkersController::class, 'verify_worker'])->name('worker-verify');
128 // кабинет профиль работник - сохранение формы 129 // кабинет профиль работник - сохранение формы
129 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update'); 130 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update');
130 131
131 // Медиа 132 // Медиа
132 Route::get('media', [MediaController::class, 'index'])->name('media'); 133 Route::get('media', [MediaController::class, 'index'])->name('media');
133 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media'); 134 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media');
134 135
135 // кабинет настройки сайта - форма 136 // кабинет настройки сайта - форма
136 Route::get('config', [AdminController::class, 'config_form'])->name('config'); 137 Route::get('config', [AdminController::class, 'config_form'])->name('config');
137 // кабинет настройки сайта сохранение формы 138 // кабинет настройки сайта сохранение формы
138 Route::post('config', [AdminController::class, 'store_config'])->name('store_config'); 139 Route::post('config', [AdminController::class, 'store_config'])->name('store_config');
139 140
140 // кабинет - новости 141 // кабинет - новости
141 Route::get('news-list', [AdminController::class, 'news_admin'])->name('news_admin'); 142 Route::get('news-list', [AdminController::class, 'news_admin'])->name('news_admin');
142 Route::get('news/add', [AdminController::class, 'new_admin_add'])->name('new_admin_add'); 143 Route::get('news/add', [AdminController::class, 'new_admin_add'])->name('new_admin_add');
143 Route::post('news/add', [AdminController::class, 'new_admin_add_save'])->name('new_admin_save_add'); 144 Route::post('news/add', [AdminController::class, 'new_admin_add_save'])->name('new_admin_save_add');
144 Route::get('news/edit/{new}', [AdminController::class, 'new_admin_edit'])->name('new_admin_edit'); 145 Route::get('news/edit/{new}', [AdminController::class, 'new_admin_edit'])->name('new_admin_edit');
145 Route::post('news/edit/{new}', [AdminController::class, 'new_admin_update_save'])->name('new_admin_update'); 146 Route::post('news/edit/{new}', [AdminController::class, 'new_admin_update_save'])->name('new_admin_update');
146 Route::get('news/delete/{new}', [AdminController::class, 'new_admin_delete'])->name('new_admin_delete'); 147 Route::get('news/delete/{new}', [AdminController::class, 'new_admin_delete'])->name('new_admin_delete');
147 148
148 // кабинет - пользователи 149 // кабинет - пользователи
149 Route::get('users', [UsersController::class, 'index'])->name('users'); 150 Route::get('users', [UsersController::class, 'index'])->name('users');
150 Route::get('user-delete/{user}', [UsersController::class, 'user_delete'])->name('user_delete'); 151 Route::get('user-delete/{user}', [UsersController::class, 'user_delete'])->name('user_delete');
151 152
152 // кабинет - пользователи 153 // кабинет - пользователи
153 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users'); 154 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users');
154 155
155 // кабинет - работодатели 156 // кабинет - работодатели
156 Route::get('employers', [EmployersController::class, 'index'])->name('employers'); 157 Route::get('employers', [EmployersController::class, 'index'])->name('employers');
157 158
158 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer'); 159 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer');
159 160
160 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add'); 161 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add');
161 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save'); 162 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save');
162 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot'); 163 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot');
163 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit'); 164 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit');
164 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete'); 165 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete');
165 166
166 // кабинет - соискатели 167 // кабинет - соискатели
167 Route::get('workers', [WorkersController::class, 'index'])->name('workers'); 168 Route::get('workers', [WorkersController::class, 'index'])->name('workers');
168 169
169 // кабинет - база данных 170 // кабинет - база данных
170 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata'); 171 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata');
171 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata'); 172 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata');
172 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata'); 173 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata');
173 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata'); 174 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata');
174 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata'); 175 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata');
175 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata'); 176 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata');
176 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata'); 177 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata');
177 178
178 // кабинет - вакансии 179 // кабинет - вакансии
179 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers'); 180 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers');
180 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers'); 181 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers');
181 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers'); 182 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers');
182 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers'); 183 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers');
183 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers'); 184 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers');
184 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer'); 185 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer');
185 186
186 // Редактирование должности в вакансии 187 // Редактирование должности в вакансии
187 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs'); 188 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs');
188 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs'); 189 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs');
189 190
190 191
191 // кабинет - категории 192 // кабинет - категории
192 //Route::get('categories', [AdminController::class, 'index'])->name('categories'); 193 //Route::get('categories', [AdminController::class, 'index'])->name('categories');
193 194
194 // СRUD-операции над Справочником Категории 195 // СRUD-операции над Справочником Категории
195 196
196 Route::resource('categories', CategoryController::class, ['except' => ['show']]); 197 Route::resource('categories', CategoryController::class, ['except' => ['show']]);
197 198
198 // CRUD-операции над справочником Категории для работодателей 199 // CRUD-операции над справочником Категории для работодателей
199 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]); 200 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]);
200 201
201 // CRUD-операции над справочником Образование 202 // CRUD-операции над справочником Образование
202 Route::resource('education', EducationController::class, ['except' => ['show']]); 203 Route::resource('education', EducationController::class, ['except' => ['show']]);
203 204
204 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education'); 205 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education');
205 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education'); 206 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education');
206 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education'); 207 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education');
207 208
208 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education'); 209 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education');
209 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education'); 210 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education');
210 211
211 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education'); 212 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education');
212 213
213 /* 214 /*
214 * кабинет - CRUD-операции по справочнику должности 215 * кабинет - CRUD-операции по справочнику должности
215 * 216 *
216 */ 217 */
217 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]); 218 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]);
218 219
219 // кабинет - сообщения (чтение чужих) 220 // кабинет - сообщения (чтение чужих)
220 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages'); 221 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages');
221 // кабинет - просмотр сообщения чужого (чтение) 222 // кабинет - просмотр сообщения чужого (чтение)
222 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message'); 223 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message');
223 224
224 // кабинет - сообщения (админские) 225 // кабинет - сообщения (админские)
225 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages'); 226 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages');
226 // кабинет - сообщения (админские) 227 // кабинет - сообщения (админские)
227 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post'); 228 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post');
228 // кабинет - sql - конструкция запросов 229 // кабинет - sql - конструкция запросов
229 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql'); 230 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql');
230 231
231 Route::post('admin-reject-message', [MsgAnswersController::class, 'reject_message'])->name('reject_message'); 232 Route::post('admin-reject-message', [MsgAnswersController::class, 'reject_message'])->name('reject_message');
232 Route::post('admin-send-message', [MsgAnswersController::class, 'send_message'])->name('send_message'); 233 Route::post('admin-send-message', [MsgAnswersController::class, 'send_message'])->name('send_message');
233 234
234 /* 235 /*
235 * Расписанный подход в описании каждой директорий групп пользователей. 236 * Расписанный подход в описании каждой директорий групп пользователей.
236 */ 237 */
237 // кабинет - группы пользователей 238 // кабинет - группы пользователей
238 Route::get('groups', [GroupsController::class, 'index'])->name('groups'); 239 Route::get('groups', [GroupsController::class, 'index'])->name('groups');
239 // кабинет - добавление форма группы пользователей 240 // кабинет - добавление форма группы пользователей
240 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group'); 241 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group');
241 // кабинет - сохранение формы группы пользователей 242 // кабинет - сохранение формы группы пользователей
242 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store'); 243 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store');
243 // кабинет - редактирование форма группы пользователей 244 // кабинет - редактирование форма группы пользователей
244 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group'); 245 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group');
245 // кабинет - сохранение редактированной формы группы пользователей 246 // кабинет - сохранение редактированной формы группы пользователей
246 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group'); 247 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group');
247 // кабинет - удаление группы пользователей 248 // кабинет - удаление группы пользователей
248 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group'); 249 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group');
249 250
250 251
251 // кабинет - список админов 252 // кабинет - список админов
252 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin'); 253 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin');
253 254
254 // справочник Позиции 255 // справочник Позиции
255 Route::get('positions', [AdminController::class, 'position'])->name('position'); 256 Route::get('positions', [AdminController::class, 'position'])->name('position');
256 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position'); 257 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position');
257 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position'); 258 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position');
258 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position'); 259 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position');
259 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position'); 260 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position');
260 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position'); 261 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position');
261 262
262 /////редактор////// кабинет - редактор сайта//////////////////////// 263 /////редактор////// кабинет - редактор сайта////////////////////////
263 Route::get('editor-site', function() { 264 Route::get('editor-site', function() {
264 return view('admin.editor.index'); 265 return view('admin.editor.index');
265 })->name('editor-site'); 266 })->name('editor-site');
266 267
267 268
268 // кабинет - редактор шапки-футера сайта 269 // кабинет - редактор шапки-футера сайта
269 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks'); 270 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks');
270 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block'); 271 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block');
271 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store'); 272 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store');
272 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block'); 273 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block');
273 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block'); 274 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block');
274 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block'); 275 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block');
275 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block'); 276 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block');
276 277
277 278
278 // кабинет - редактор должности на главной 279 // кабинет - редактор должности на главной
279 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main'); 280 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main');
280 281
281 // кабинет - счетчики на главной 282 // кабинет - счетчики на главной
282 Route::get('counters-main', [CompanyController::class, 'counters_main'])->name('counters-main'); 283 Route::get('counters-main', [CompanyController::class, 'counters_main'])->name('counters-main');
283 Route::post('counters-main/edit/{name}', [CompanyController::class, 'counters_main_update'])->name('counters-main-update'); 284 Route::post('counters-main/edit/{name}', [CompanyController::class, 'counters_main_update'])->name('counters-main-update');
284 285
285 // кабинет - редактор работодатели на главной 286 // кабинет - редактор работодатели на главной
286 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main'); 287 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main');
287 Route::post('employers-main-add', [CompanyController::class, 'employers_main_add'])->name('employers-main-add'); 288 Route::post('employers-main-add', [CompanyController::class, 'employers_main_add'])->name('employers-main-add');
288 Route::post('employers-main-remove', [CompanyController::class, 'employers_main_remove'])->name('employers-main-remove'); 289 Route::post('employers-main-remove', [CompanyController::class, 'employers_main_remove'])->name('employers-main-remove');
289 290
290 291
291 // кабинет - редактор seo-сайта 292 // кабинет - редактор seo-сайта
292 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo'); 293 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo');
293 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo'); 294 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo');
294 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store'); 295 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store');
295 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo'); 296 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo');
296 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo'); 297 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo');
297 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo'); 298 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo');
298 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo'); 299 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo');
299 300
300 301
301 // кабинет - редактор страниц 302 // кабинет - редактор страниц
302 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages'); 303 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages');
303 // кабинет - добавление страницы 304 // кабинет - добавление страницы
304 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page'); 305 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page');
305 // кабинет - сохранение формы страницы 306 // кабинет - сохранение формы страницы
306 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store'); 307 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store');
307 // кабинет - редактирование форма страницы 308 // кабинет - редактирование форма страницы
308 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page'); 309 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page');
309 // кабинет - сохранение редактированной формы страницы 310 // кабинет - сохранение редактированной формы страницы
310 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page'); 311 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page');
311 // кабинет - удаление страницы 312 // кабинет - удаление страницы
312 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page'); 313 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page');
313 314
314 315
315 // кабинет - реклама сайта 316 // кабинет - реклама сайта
316 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames'); 317 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames');
317 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames'); 318 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames');
318 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store'); 319 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store');
319 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames'); 320 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames');
320 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames'); 321 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames');
321 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames'); 322 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames');
322 //////////////////////////////////////////////////////////////////////// 323 ////////////////////////////////////////////////////////////////////////
323 324
324 325
325 // кабинет - отзывы о работодателе для модерации 326 // кабинет - отзывы о работодателе для модерации
326 Route::get('answers', [EmployersController::class, 'answers'])->name('answers'); 327 Route::get('answers', [EmployersController::class, 'answers'])->name('answers');
327 328
328 // Общая страница статистики 329 // Общая страница статистики
329 Route::get('statics', function () { 330 Route::get('statics', function () {
330 return view('admin.static.index'); 331 return view('admin.static.index');
331 })->name('statics'); 332 })->name('statics');
332 333
333 // кабинет - статистика работников 334 // кабинет - статистика работников
334 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers'); 335 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers');
335 336
336 // кабинет - статистика вакансий работодателя 337 // кабинет - статистика вакансий работодателя
337 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads'); 338 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads');
338 339
339 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника 340 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника
340 /* 341 /*
341 * CRUD-операции над справочником дипломы и документы 342 * CRUD-операции над справочником дипломы и документы
342 */ 343 */
343 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks'); 344 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks');
344 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]); 345 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]);
345 346
346 // кабинет - роли пользователя 347 // кабинет - роли пользователя
347 Route::get('roles', [UsersController::class, 'roles'])->name('roles'); 348 Route::get('roles', [UsersController::class, 'roles'])->name('roles');
348 349
349 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles'); 350 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles');
350 351
351 Route::get('logs', function() { 352 Route::get('logs', function() {
352 $files = Storage::files('logs/laravel.log'); 353 $files = Storage::files('logs/laravel.log');
353 })->name('logs'); 354 })->name('logs');
354 355
355 Route::prefix('faq')->as('faq.')->group(function () { 356 Route::prefix('faq')->as('faq.')->group(function () {
356 Route::middleware('admin')->group(function () { 357 Route::middleware('admin')->group(function () {
357 Route::get('/', [FaqController::class, 'showListForAdmin'])->name('list'); 358 Route::get('/', [FaqController::class, 'showListForAdmin'])->name('list');
358 Route::get('/create', [FaqController::class, 'create'])->name('create'); 359 Route::get('/create', [FaqController::class, 'create'])->name('create');
359 Route::post('/create', [FaqController::class, 'store'])->name('store'); 360 Route::post('/create', [FaqController::class, 'store'])->name('store');
360 Route::get('/edit/{id}', [FaqController::class, 'edit'])->name('edit'); 361 Route::get('/edit/{id}', [FaqController::class, 'edit'])->name('edit');
361 Route::put('/edit/{id}', [FaqController::class, 'update'])->name('update'); 362 Route::put('/edit/{id}', [FaqController::class, 'update'])->name('update');
362 Route::get('/destroy/{id}', [FaqController::class, 'destroy'])->name('destroy'); 363 Route::get('/destroy/{id}', [FaqController::class, 'destroy'])->name('destroy');
363 }); 364 });
364 }); 365 });
365 }); 366 });
366 367
367 // Инструментальные страницы 368 // Инструментальные страницы
368 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload'); 369 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload');
369 370
370 Route::get('redis/', [PagesController::class, 'redis'])->name('redis'); 371 Route::get('redis/', [PagesController::class, 'redis'])->name('redis');
371 372
372 Route::get('excel/', [PagesController::class, 'excel'])->name('excel'); 373 Route::get('excel/', [PagesController::class, 'excel'])->name('excel');
373 374
374 // Страницы с произвольным контентом 375 // Страницы с произвольным контентом
375 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page'); 376 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page');
376 377
377 // Форма обратной связи 378 // Форма обратной связи
378 Route::post('form_feedback', [PagesController::class, 'form_feedback'])->name('form_feedback'); 379 Route::post('form_feedback', [PagesController::class, 'form_feedback'])->name('form_feedback');
379 380
380 // Публичные страницы соискателя 381 // Публичные страницы соискателя
381 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page'); 382 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page');
382 383
383 //Страница вакансии 384 //Страница вакансии
384 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer'); 385 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
385 386
386 //Вакансии 387 //Вакансии
387 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies'); 388 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
388 389
389 //Вакансии поиск на главной 390 //Вакансии поиск на главной
390 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies'); 391 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies');
391 392
392 //Вакансии категория детальная 393 //Вакансии категория детальная
393 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies'); 394 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
394 395
395 // Лайк вакансии 396 // Лайк вакансии
396 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy'); 397 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy');
397 398
398 //Детальная страница вакансии - работодателя 399 //Детальная страница вакансии - работодателя
399 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie'); 400 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie');
400 401
401 Route::get('vacancy/{vacancy}', [AdEmployerController::class, 'getById'])->name('get-vacancy-by-id'); 402 Route::get('vacancy/{vacancy}', [AdEmployerController::class, 'getById'])->name('get-vacancy-by-id');
402 403
403 //Судоходные компании 404 //Судоходные компании
404 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies'); 405 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies');
405 406
406 //Детальная инфа о компании 407 //Детальная инфа о компании
407 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company'); 408 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company');
408 409
409 //Образование 410 //Образование
410 Route::get('education', [EducationFrontController::class, 'index'])->name('education'); 411 Route::get('education', [EducationFrontController::class, 'index'])->name('education');
411 Route::get('education/{education}', [EducationFrontController::class, 'show'])->name('show_education')->where('education', '[0-9]+');; 412 Route::get('education/{education}', [EducationFrontController::class, 'show'])->name('show_education')->where('education', '[0-9]+');;
412 413
413 //Новости 414 //Новости
414 Route::get('news', [MainController::class, 'news'])->name('news'); 415 Route::get('news', [MainController::class, 'news'])->name('news');
415 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new'); 416 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new');
416 417
417 //Контакты 418 //Контакты
418 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts'); 419 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
419 420
420 //База резюме 421 //База резюме
421 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume'); 422 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume');
422 Route::get('bd_resume_danger', function(){ 423 Route::get('bd_resume_danger', function(){
423 return view('employers.bd_resume_danger'); 424 return view('employers.bd_resume_danger');
424 })->name('bd_resume_danger'); 425 })->name('bd_resume_danger');
425 426
426 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume'); 427 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume');
427 428
428 //Анкета соискателя 429 //Анкета соискателя
429 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile'); 430 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile');
430 431
431 //Скачать резюме 432 //Скачать резюме
432 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download'); 433 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download');
433 Route::get('resume-download/all', [WorkerController::class, 'resume_download_all'])->name('resume_download_all2'); 434 Route::get('resume-download/all', [WorkerController::class, 'resume_download_all'])->name('resume_download_all2');
434 Route::get('resume-download', [WorkerController::class, 'resume_download_all'])->name('resume_download_all'); 435 Route::get('resume-download', [WorkerController::class, 'resume_download_all'])->name('resume_download_all');
435 436
436 437
437 //Вход в кабинет 438 //Вход в кабинет
438 Route::get('login', [MainController::class, 'input_login'])->name('login'); 439 Route::get('login', [MainController::class, 'input_login'])->name('login');
439 440
440 // Выход из кабинета 441 // Выход из кабинета
441 Route::get('logout', [EmployerController::class, 'logout'])->name('logout'); 442 Route::get('logout', [EmployerController::class, 'logout'])->name('logout');
442 443
443 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker'); 444 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker');
444 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer'); 445 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer');
445 446
446 //восстановление пароля 447 //восстановление пароля
447 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password'); 448 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password');
448 // Звезда сообщения 449 // Звезда сообщения
449 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer'); 450 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer');
450 451
451 // Борьба 452 // Борьба
452 Route::get('clear_cookie', function() { 453 Route::get('clear_cookie', function() {
453 \App\Classes\Cookies_vacancy::clear_vacancy(); 454 \App\Classes\Cookies_vacancy::clear_vacancy();
454 return redirect()->route('index'); 455 return redirect()->route('index');
455 })->name('clear_cookie'); 456 })->name('clear_cookie');
456 457
457 Route::get('cookies', function() { 458 Route::get('cookies', function() {
458 return view('cookies'); 459 return view('cookies');
459 })->name('cookies'); 460 })->name('cookies');
460 461
461 // Личный кабинет работник 462 // Личный кабинет работник
462 Route::group([ 463 Route::group([
463 'as' => 'worker.', // имя маршрута, например auth.index 464 'as' => 'worker.', // имя маршрута, например auth.index
464 'prefix' => 'worker', // префикс маршрута, например auth/index 465 'prefix' => 'worker', // префикс маршрута, например auth/index
465 'middleware' => ['auth', 'is_worker'], 466 'middleware' => ['auth', 'is_worker'],
466 ], function() { 467 ], function() {
467 // Формы редактирования 468 // Формы редактирования
468 Route::get('cabinet/basic_information', [WorkerController::class, 'basic_information'])->name('basic_information'); 469 Route::get('cabinet/basic_information', [WorkerController::class, 'basic_information'])->name('basic_information');
469 Route::get('cabinet/additional_documents', [WorkerController::class, 'additional_documents'])->name('additional_documents'); 470 Route::get('cabinet/additional_documents', [WorkerController::class, 'additional_documents'])->name('additional_documents');
470 471
471 // 1 страница - Моя анкета 472 // 1 страница - Моя анкета
472 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet'); 473 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet');
473 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save'); 474 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save');
474 Route::post('cabinet/cabinet_save_foto/{worker}', [WorkerController::class, 'cabinet_save_foto'])->name('cabinet_save_foto'); 475 Route::post('cabinet/cabinet_save_foto/{worker}', [WorkerController::class, 'cabinet_save_foto'])->name('cabinet_save_foto');
475 476
476 Route::get('cabinet/subscribe', [WorkerController::class, 'subscribe'])->name('subscribe'); 477 Route::get('cabinet/subscribe', [WorkerController::class, 'subscribe'])->name('subscribe');
477 Route::post('cabinet/subscribe/save', [WorkerController::class, 'save_subscribe'])->name('save_subscribe'); 478 Route::post('cabinet/subscribe/save', [WorkerController::class, 'save_subscribe'])->name('save_subscribe');
478 479
479 480
480 // 2 страница - Сообщения 481 // 2 страница - Сообщения
481 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages'); 482 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages');
482 Route::get('cabinet/dialog/{chat}', [WorkerController::class, 'dialog'])->name('dialog'); 483 Route::get('cabinet/dialog/{chat}', [WorkerController::class, 'dialog'])->name('dialog');
483 // 3 страница - Избранные вакансии 484 // 3 страница - Избранные вакансии
484 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite'); 485 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite');
485 // Продолжение борьбы против колорадов - избранные вакансии 486 // Продолжение борьбы против колорадов - избранные вакансии
486 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado'); 487 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado');
487 488
488 // 4 страница - Сменить пароль 489 // 4 страница - Сменить пароль
489 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password'); 490 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password');
490 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password'); 491 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password');
491 492
492 // 5 страница - Удалить профиль 493 // 5 страница - Удалить профиль
493 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile'); 494 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile');
494 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result'); 495 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result');
495 496
496 // Резюме -pdf 497 // Резюме -pdf
497 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download'); 498 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download');
498 499
499 // Поднятие анкеты 500 // Поднятие анкеты
500 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up'); 501 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up');
501 502
502 Route::post('test123', [WorkerController::class, 'test123'])->name('test123'); 503 Route::post('test123', [WorkerController::class, 'test123'])->name('test123');
503 504
504 // Добавление сертификата 505 // Добавление сертификата
505 Route::get('кабинет/new_sertificate/{worker}', [WorkerController::class, 'new_sertificate'])->name('new_sertificate'); 506 Route::get('кабинет/new_sertificate/{worker}', [WorkerController::class, 'new_sertificate'])->name('new_sertificate');
506 Route::post('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate'); 507 Route::post('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate');
507 Route::get('кабинет/edit_sertificate/{worker}/{doc}', [WorkerController::class, 'edit_sertificate'])->name('edit_sertificate'); 508 Route::get('кабинет/edit_sertificate/{worker}/{doc}', [WorkerController::class, 'edit_sertificate'])->name('edit_sertificate');
508 Route::get('кабинет/edit_sertificate/{doc}', [WorkerController::class, 'update_serificate'])->name('update_serificate'); 509 Route::get('кабинет/edit_sertificate/{doc}', [WorkerController::class, 'update_serificate'])->name('update_serificate');
509 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate'); 510 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate');
510 511
511 // Добавление предыдущих контактов компании 512 // Добавление предыдущих контактов компании
512 Route::get('кабинет/prev_company/{worker}', [WorkerController::class, 'new_prev_company'])->name('new_prev_company'); 513 Route::get('кабинет/prev_company/{worker}', [WorkerController::class, 'new_prev_company'])->name('new_prev_company');
513 Route::post('кабинет/add_prev_company', [WorkerController::class, 'add_prev_company'])->name('add_prev_company'); 514 Route::post('кабинет/add_prev_company', [WorkerController::class, 'add_prev_company'])->name('add_prev_company');
514 Route::get('кабинет/edit_prev_company/{doc}/{worker}', [WorkerController::class, 'edit_prev_company'])->name('edit_prev_company'); 515 Route::get('кабинет/edit_prev_company/{doc}/{worker}', [WorkerController::class, 'edit_prev_company'])->name('edit_prev_company');
515 Route::post('кабинет/update_prev_company/{doc}', [WorkerController::class, 'update_prev_company'])->name('update_prev_company'); 516 Route::post('кабинет/update_prev_company/{doc}', [WorkerController::class, 'update_prev_company'])->name('update_prev_company');
516 Route::get('кабинет/delete_prev_company/{doc}', [WorkerController::class, 'delete_prev_company'])->name('delete_prev_company'); 517 Route::get('кабинет/delete_prev_company/{doc}', [WorkerController::class, 'delete_prev_company'])->name('delete_prev_company');
517 518
518 // Добавление документа-диплома 519 // Добавление документа-диплома
519 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom'); 520 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom');
520 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save'); 521 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save');
521 Route::put('кабинет/edit_diploms/{worker}', [WorkerController::class, 'edit_diploms'])->name('edit_diploms'); 522 Route::put('кабинет/edit_diploms/{worker}', [WorkerController::class, 'edit_diploms'])->name('edit_diploms');
522 Route::get('кабинет/delete_ad_diplom/{worker}', [WorkerController::class, 'delete_add_diplom'])->name('delete_add_diplom'); 523 Route::get('кабинет/delete_ad_diplom/{worker}', [WorkerController::class, 'delete_add_diplom'])->name('delete_add_diplom');
523 524
524 // Добавление стандартного диплома 525 // Добавление стандартного диплома
525 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document'); 526 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document');
526 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save'); 527 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save');
527 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document'); 528 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document');
528 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save'); 529 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save');
529 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document'); 530 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document');
530 531
531 // Отправка сообщения работодателю от соискателя 532 // Отправка сообщения работодателю от соискателя
532 Route::post('сообщение/', [WorkerController::class, 'new_message']) 533 Route::post('сообщение/', [WorkerController::class, 'new_message'])
533 ->withoutMiddleware('is_worker') 534 ->withoutMiddleware('is_worker')
534 ->name('new_message'); 535 ->name('new_message');
535 536
536 Route::get('cabinet/autoresponder', [WorkerController::class, 'autoresponder'])->name('autoresponder'); 537 Route::get('cabinet/autoresponder', [WorkerController::class, 'autoresponder'])->name('autoresponder');
537 Route::get('cabinet/autoresponder_save', [WorkerController::class, 'autoresponderSave'])->name('autoresponder_save'); 538 Route::get('cabinet/autoresponder_save', [WorkerController::class, 'autoresponderSave'])->name('autoresponder_save');
538 539
539 Route::get('cabinet/autolift', [WorkerController::class, 'resumeAutoLiftForm'])->name('autolift'); 540 Route::get('cabinet/autolift', [WorkerController::class, 'resumeAutoLiftForm'])->name('autolift');
540 Route::post('cabinet/autolift/save', [WorkerController::class, 'resumeAutoLiftSave'])->name('autolift_save'); 541 Route::post('cabinet/autolift/save', [WorkerController::class, 'resumeAutoLiftSave'])->name('autolift_save');
541 }); 542 });
542 Route::post('/admin/chat/response', [WorkerController::class, 'adminChatResponse'])->name('admin.chat.response'); 543 Route::post('/admin/chat/response', [WorkerController::class, 'adminChatResponse'])->name('admin.chat.response');
543 544
544 // Личный кабинет работодателя 545 // Личный кабинет работодателя
545 Route::group([ 546 Route::group([
546 'as' => 'employer.', // имя маршрута, например auth.index 547 'as' => 'employer.', // имя маршрута, например auth.index
547 'prefix' => 'employer', // префикс маршрута, например auth/index 548 'prefix' => 'employer', // префикс маршрута, например auth/index
548 'middleware' => ['auth', 'is_employer'], 549 'middleware' => ['auth', 'is_employer'],
549 ], function() { 550 ], function() {
550 // 0 страница - Личные данные работодателя 551 // 0 страница - Личные данные работодателя
551 Route::get('cabinet/employer_info', [EmployerController::class, 'employer_info'])->name('employer_info'); 552 Route::get('cabinet/employer_info', [EmployerController::class, 'employer_info'])->name('employer_info');
552 Route::post('cabinet/employer_info/{user}', [EmployerController::class, 'employer_info_save'])->name('employer_info_save'); 553 Route::post('cabinet/employer_info/{user}', [EmployerController::class, 'employer_info_save'])->name('employer_info_save');
553 554
554 // 1 страница - Профиль 555 // 1 страница - Профиль
555 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet'); 556 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet');
556 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save'); 557 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save');
557 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot'); 558 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot');
558 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot'); 559 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot');
559 Route::get('cabinet/flot_edit/{Flot}/{Employer}', [EmployerController::class, 'edit_flot'])->name('edit_flot'); 560 Route::get('cabinet/flot_edit/{Flot}/{Employer}', [EmployerController::class, 'edit_flot'])->name('edit_flot');
560 Route::post('cabinet/flot_edit/{Flot}', [EmployerController::class, 'update_flot'])->name('update_flot_save'); 561 Route::post('cabinet/flot_edit/{Flot}', [EmployerController::class, 'update_flot'])->name('update_flot_save');
561 Route::get('cabinet/flot', [EmployerController::class, 'slider_flot'])->name('slider_flot'); 562 Route::get('cabinet/flot', [EmployerController::class, 'slider_flot'])->name('slider_flot');
562 563
563 Route::get('social/{social}/{vacancy}', [Ad_jobsController::class, 'sendVacancyToSocial']) 564 Route::get('social/{social}/{vacancy}', [Ad_jobsController::class, 'sendVacancyToSocial'])
564 ->name('send-vacancy-to-social'); 565 ->name('send-vacancy-to-social');
565 566
566 // 2 страница - Добавление вакансий 567 // 2 страница - Добавление вакансий
567 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie'); 568 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie');
568 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save'); 569 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save');
569 //Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people'); 570 //Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
570 571
571 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger'); 572 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger');
572 573
573 574
574 575
575 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people'); 576 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
576 577
577 // 3 страница - Мои вакансии 578 // 3 страница - Мои вакансии
578 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list'); 579 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list');
579 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 580 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
580 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete'); 581 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete');
581 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up'); 582 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up');
582 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye'); 583 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye');
583 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 584 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
584 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me'); 585 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me');
585 586
586 // 4.1Ю. 587 // 4.1Ю.
587 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac'); 588 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac');
588 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save'); 589 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save');
589 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac'); 590 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac');
590 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save'); 591 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save');
591 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac'); 592 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac');
592 593
593 // 4 страница - Отклики на вакансии 594 // 4 страница - Отклики на вакансии
594 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers'); 595 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers');
595 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple'); 596 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple');
596 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg'); 597 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg');
597 598
598 // 5 страница - Сообщения 599 // 5 страница - Сообщения
599 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages'); 600 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages');
600 Route::get('cabinet/dialog/{chat}', [EmployerController::class, 'dialog'])->name('dialog'); 601 Route::get('cabinet/dialog/{chat}', [EmployerController::class, 'dialog'])->name('dialog');
601 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message'); 602 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message');
602 Route::post('test123', [EmployerController::class, 'test123'])->name('test123'); 603 Route::post('test123', [EmployerController::class, 'test123'])->name('test123');
603 604
604 // 6 страница - Избранный 605 // 6 страница - Избранный
605 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites'); 606 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites');
606 607
607 Route::get('cabinet/autolift', [EmployerController::class, 'vacancyAutoLiftForm'])->name('autolift'); 608 Route::get('cabinet/autolift', [EmployerController::class, 'vacancyAutoLiftForm'])->name('autolift');
608 Route::post('cabinet/autolift/save', [EmployerController::class, 'vacancyAutoLiftSave'])->name('autolift_save'); 609 Route::post('cabinet/autolift/save', [EmployerController::class, 'vacancyAutoLiftSave'])->name('autolift_save');
609 610
610 //7 страница - База данных 611 //7 страница - База данных
611 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd'); 612 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd');
612 613
613 //8 страница - База резюме 614 //8 страница - База резюме
614 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe'); 615 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe');
615 616
616 // 9 рассылка сообщений 617 // 9 рассылка сообщений
617 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages'); 618 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages');
618 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post'); 619 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post');
619 620
620 // 10 страница FAQ вопрос 621 // 10 страница FAQ вопрос
621 Route::get('cabinet/faq', [FaqController::class, 'showListForUser'])->name('faq'); 622 Route::get('cabinet/faq', [FaqController::class, 'showListForUser'])->name('faq');
622 623
623 Route::get('cabinet/autoresponder', [EmployerController::class, 'autoresponder'])->name('autoresponder'); 624 Route::get('cabinet/autoresponder', [EmployerController::class, 'autoresponder'])->name('autoresponder');
624 Route::get('cabinet/autoresponder_save', [EmployerController::class, 'autoresponderSave'])->name('autoresponder_save'); 625 Route::get('cabinet/autoresponder_save', [EmployerController::class, 'autoresponderSave'])->name('autoresponder_save');
625 626
626 // 11 страница - Настройка уведомлений 627 // 11 страница - Настройка уведомлений
627 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe'); 628 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe');
628 Route::post('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe'); 629 Route::post('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe');
629 630
630 // 12 страница - Сменить пароль 631 // 12 страница - Сменить пароль
631 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset'); 632 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset');
632 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password'); 633 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password');
633 634
634 // 13 страница - Удаление профиля 635 // 13 страница - Удаление профиля
635 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people'); 636 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
636 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user'); 637 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
637 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user'); 638 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
638 639
639 // Отправил сообщение 640 // Отправил сообщение
640 Route::post('сообщение/', [EmployerController::class, 'new_message']) 641 Route::post('сообщение/', [EmployerController::class, 'new_message'])
641 ->withoutMiddleware('is_employer') 642 ->withoutMiddleware('is_employer')
642 ->name('new_message'); 643 ->name('new_message');
643 644
644 Route::post('pin_chat/', [EmployerController::class, 'pin_chat'])->name('pin_chat'); 645 Route::post('pin_chat/', [EmployerController::class, 'pin_chat'])->name('pin_chat');
645 Route::post('remove_chat/', [EmployerController::class, 'remove_chat'])->name('remove_chat'); 646 Route::post('remove_chat/', [EmployerController::class, 'remove_chat'])->name('remove_chat');
646 }); 647 });
647 648
648 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker'); 649 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker');
649 650
650 Route::post('send_message', [HomeController::class, 'send_message'])->name('send_message'); 651 Route::post('send_message', [HomeController::class, 'send_message'])->name('send_message');
651 652
652 653