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

Download as
Browse Code »

Commit a9391093225a82ebec92aa95b8f392d323f410a2

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

рефакторинг сообщений

Showing 10 changed files with 63 additions and 9 deletions Inline Diff

app/Http/Controllers/EmployerController.php
Diff comments   View file @ a939109
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Classes\RusDate; 5 use App\Classes\RusDate;
6 use App\Classes\Tools; 6 use App\Classes\Tools;
7 use App\Http\Requests\BaseUser_min_Request; 7 use App\Http\Requests\BaseUser_min_Request;
8 use App\Http\Requests\FlotRequest; 8 use App\Http\Requests\FlotRequest;
9 use App\Http\Requests\MessagesRequiest; 9 use App\Http\Requests\MessagesRequiest;
10 use App\Http\Requests\VacancyRequestEdit; 10 use App\Http\Requests\VacancyRequestEdit;
11 use App\Mail\MailCreateEmployer; 11 use App\Mail\MailCreateEmployer;
12 use App\Mail\MailSotrudnichestvo; 12 use App\Mail\MailSotrudnichestvo;
13 use App\Mail\SendAllMessages; 13 use App\Mail\SendAllMessages;
14 use App\Models\Ad_employer; 14 use App\Models\Ad_employer;
15 use App\Models\ad_response; 15 use App\Models\ad_response;
16 use App\Models\Category; 16 use App\Models\Category;
17 use App\Models\Chat; 17 use App\Models\Chat;
18 use App\Models\Employer; 18 use App\Models\Employer;
19 use App\Models\Flot; 19 use App\Models\Flot;
20 use App\Models\Job_title; 20 use App\Models\Job_title;
21 use App\Models\Like_worker; 21 use App\Models\Like_worker;
22 use App\Models\Message; 22 use App\Models\Message;
23 use App\Models\Worker; 23 use App\Models\Worker;
24 use Carbon\Carbon; 24 use Carbon\Carbon;
25 use Illuminate\Auth\Events\Registered; 25 use Illuminate\Auth\Events\Registered;
26 use Illuminate\Database\Eloquent\Builder; 26 use Illuminate\Database\Eloquent\Builder;
27 use Illuminate\Http\Request; 27 use Illuminate\Http\Request;
28 use Illuminate\Support\Facades\Auth; 28 use Illuminate\Support\Facades\Auth;
29 use Illuminate\Support\Facades\Hash; 29 use Illuminate\Support\Facades\Hash;
30 use Illuminate\Support\Facades\Mail; 30 use Illuminate\Support\Facades\Mail;
31 use Illuminate\Support\Facades\Storage; 31 use Illuminate\Support\Facades\Storage;
32 use App\Models\User as User_Model; 32 use App\Models\User as User_Model;
33 use Illuminate\Support\Facades\Validator; 33 use Illuminate\Support\Facades\Validator;
34 use App\Enums\DbExportColumns; 34 use App\Enums\DbExportColumns;
35 35
36 class EmployerController extends Controller 36 class EmployerController extends Controller
37 { 37 {
38 public function vacancie($vacancy, Request $request) { 38 public function vacancie($vacancy, Request $request) {
39 $title = 'Заголовок вакансии'; 39 $title = 'Заголовок вакансии';
40 $Query = Ad_employer::with('jobs')-> 40 $Query = Ad_employer::with('jobs')->
41 with('cat')-> 41 with('cat')->
42 with('employer')-> 42 with('employer')->
43 with('jobs_code')-> 43 with('jobs_code')->
44 select('ad_employers.*')-> 44 select('ad_employers.*')->
45 where('id', '=', $vacancy)->get(); 45 where('id', '=', $vacancy)->get();
46 46
47 if (isset(Auth()->user()->id)) 47 if (isset(Auth()->user()->id))
48 $uid = Auth()->user()->id; 48 $uid = Auth()->user()->id;
49 else 49 else
50 $uid = 0; 50 $uid = 0;
51 $title = $Query[0]->name; 51 $title = $Query[0]->name;
52 if ($request->ajax()) { 52 if ($request->ajax()) {
53 return view('ajax.vacance-item', compact('Query','uid')); 53 return view('ajax.vacance-item', compact('Query','uid'));
54 } else { 54 } else {
55 return view('vacance-item', compact('title', 'Query', 'uid')); 55 return view('vacance-item', compact('title', 'Query', 'uid'));
56 } 56 }
57 } 57 }
58 58
59 public function logout() { 59 public function logout() {
60 Auth::logout(); 60 Auth::logout();
61 return redirect()->route('index') 61 return redirect()->route('index')
62 ->with('success', 'Вы вышли из личного кабинета'); 62 ->with('success', 'Вы вышли из личного кабинета');
63 } 63 }
64 64
65 public function employer_info() { 65 public function employer_info() {
66 // код юзера 66 // код юзера
67 $user_info = Auth()->user(); 67 $user_info = Auth()->user();
68 // вьюшка для вывода данных 68 // вьюшка для вывода данных
69 return view('employers.info', compact('user_info')); 69 return view('employers.info', compact('user_info'));
70 } 70 }
71 71
72 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) { 72 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
73 // Все данные через реквест 73 // Все данные через реквест
74 $all = $request->all(); 74 $all = $request->all();
75 unset($all['_token']); 75 unset($all['_token']);
76 // обновление 76 // обновление
77 $user->update($all); 77 $user->update($all);
78 return redirect()->route('employer.employer_info'); 78 return redirect()->route('employer.employer_info');
79 } 79 }
80 80
81 public function cabinet() { 81 public function cabinet() {
82 $id = Auth()->user()->id; 82 $id = Auth()->user()->id;
83 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 83 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
84 WhereHas('users', 84 WhereHas('users',
85 function (Builder $query) use ($id) {$query->Where('id', $id); 85 function (Builder $query) use ($id) {$query->Where('id', $id);
86 })->get(); 86 })->get();
87 return view('employers.cabinet45', compact('Employer')); 87 return view('employers.cabinet45', compact('Employer'));
88 } 88 }
89 89
90 public function slider_flot() { 90 public function slider_flot() {
91 $id = Auth()->user()->id; 91 $id = Auth()->user()->id;
92 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 92 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
93 WhereHas('users', 93 WhereHas('users',
94 function (Builder $query) use ($id) {$query->Where('id', $id); 94 function (Builder $query) use ($id) {$query->Where('id', $id);
95 })->get(); 95 })->get();
96 return view('employers.fly-flot', compact('Employer')); 96 return view('employers.fly-flot', compact('Employer'));
97 } 97 }
98 98
99 public function cabinet_save(Employer $Employer, Request $request) { 99 public function cabinet_save(Employer $Employer, Request $request) {
100 $params = $request->all(); 100 $params = $request->all();
101 $params['user_id'] = Auth()->user()->id; 101 $params['user_id'] = Auth()->user()->id;
102 $id = $Employer->id; 102 $id = $Employer->id;
103 103
104 if ($request->has('logo')) { 104 if ($request->has('logo')) {
105 if (!empty($Employer->logo)) { 105 if (!empty($Employer->logo)) {
106 Storage::delete($Employer->logo); 106 Storage::delete($Employer->logo);
107 } 107 }
108 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 108 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
109 } 109 }
110 110
111 $Employer->update($params); 111 $Employer->update($params);
112 112
113 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 113 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
114 } 114 }
115 115
116 public function save_add_flot(FlotRequest $request) { 116 public function save_add_flot(FlotRequest $request) {
117 // отмена 117 // отмена
118 $params = $request->all(); 118 $params = $request->all();
119 119
120 if ($request->has('image')) { 120 if ($request->has('image')) {
121 $params['image'] = $request->file('image')->store("flot", 'public'); 121 $params['image'] = $request->file('image')->store("flot", 'public');
122 } 122 }
123 Flot::create($params); 123 Flot::create($params);
124 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 124 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
125 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 125 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
126 } 126 }
127 127
128 public function edit_flot(Flot $Flot, Employer $Employer) { 128 public function edit_flot(Flot $Flot, Employer $Employer) {
129 return view('employers.edit-flot', compact('Flot', 'Employer')); 129 return view('employers.edit-flot', compact('Flot', 'Employer'));
130 } 130 }
131 131
132 public function update_flot(FlotRequest $request, Flot $Flot) { 132 public function update_flot(FlotRequest $request, Flot $Flot) {
133 $params = $request->all(); 133 $params = $request->all();
134 134
135 if ($request->has('image')) { 135 if ($request->has('image')) {
136 if (!empty($flot->image)) { 136 if (!empty($flot->image)) {
137 Storage::delete($flot->image); 137 Storage::delete($flot->image);
138 } 138 }
139 $params['image'] = $request->file('image')->store("flot", 'public'); 139 $params['image'] = $request->file('image')->store("flot", 'public');
140 } else { 140 } else {
141 if (!empty($flot->image)) $params['image'] = $flot->image; 141 if (!empty($flot->image)) $params['image'] = $flot->image;
142 } 142 }
143 143
144 $Flot->update($params); 144 $Flot->update($params);
145 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 145 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
146 } 146 }
147 147
148 public function delete_flot(Flot $Flot) { 148 public function delete_flot(Flot $Flot) {
149 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 149 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
150 150
151 if (isset($Flot->id)) $Flot->delete(); 151 if (isset($Flot->id)) $Flot->delete();
152 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 152 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
153 } 153 }
154 154
155 // Форма добавления вакансий 155 // Форма добавления вакансий
156 public function cabinet_vacancie() { 156 public function cabinet_vacancie() {
157 $id = Auth()->user()->id; 157 $id = Auth()->user()->id;
158 158
159 if (Auth()->user()->is_public) { 159 if (Auth()->user()->is_public) {
160 $categories = Category::query()->active()->get(); 160 $categories = Category::query()->active()->get();
161 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 161 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
162 where('is_remove', '=', '0')-> 162 where('is_remove', '=', '0')->
163 where('is_bd', '=', '0')-> 163 where('is_bd', '=', '0')->
164 get(); 164 get();
165 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 165 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
166 WhereHas('users', 166 WhereHas('users',
167 function (Builder $query) use ($id) { 167 function (Builder $query) use ($id) {
168 $query->Where('id', $id); 168 $query->Where('id', $id);
169 })->get(); 169 })->get();
170 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories')); 170 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
171 } else { 171 } else {
172 return redirect()->route('employer.cabinet_vacancie_danger'); 172 return redirect()->route('employer.cabinet_vacancie_danger');
173 } 173 }
174 } 174 }
175 175
176 // Форма предупреждения об оплате 176 // Форма предупреждения об оплате
177 public function cabinet_vacancie_danger() { 177 public function cabinet_vacancie_danger() {
178 return view('employers.add_vacancy_danger'); 178 return view('employers.add_vacancy_danger');
179 } 179 }
180 180
181 // Сохранение вакансии 181 // Сохранение вакансии
182 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 182 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
183 $params_emp = $request->all(); 183 $params_emp = $request->all();
184 184
185 $params_job["job_title_id"] = $params_emp['job_title_id']; 185 $params_job["job_title_id"] = $params_emp['job_title_id'];
186 //$params_job["min_salary"] = $params_emp['min_salary']; 186 //$params_job["min_salary"] = $params_emp['min_salary'];
187 //$params_job["max_salary"] = $params_emp['max_salary']; 187 //$params_job["max_salary"] = $params_emp['max_salary'];
188 //$params_job["region"] = $params_emp['region']; 188 //$params_job["region"] = $params_emp['region'];
189 //$params_job["power"] = $params_emp['power']; 189 //$params_job["power"] = $params_emp['power'];
190 //$params_job["sytki"] = $params_emp['sytki']; 190 //$params_job["sytki"] = $params_emp['sytki'];
191 //$params_job["start"] = $params_emp['start']; 191 //$params_job["start"] = $params_emp['start'];
192 //$params_job["flot"] = $params_emp['flot']; 192 //$params_job["flot"] = $params_emp['flot'];
193 //$params_job["description"] = $params_emp['description']; 193 //$params_job["description"] = $params_emp['description'];
194 194
195 $ad_jobs = Ad_employer::create($params_emp); 195 $ad_jobs = Ad_employer::create($params_emp);
196 //$params_job['ad_employer_id'] = $ad_jobs->id; 196 //$params_job['ad_employer_id'] = $ad_jobs->id;
197 //Ad_jobs::create($params_job); 197 //Ad_jobs::create($params_job);
198 $ad_jobs->jobs()->sync($request->get('job_title_id')); 198 $ad_jobs->jobs()->sync($request->get('job_title_id'));
199 199
200 return redirect()->route('employer.vacancy_list'); 200 return redirect()->route('employer.vacancy_list');
201 } 201 }
202 202
203 // Список вакансий 203 // Список вакансий
204 public function vacancy_list(Request $request) { 204 public function vacancy_list(Request $request) {
205 $id = Auth()->user()->id; 205 $id = Auth()->user()->id;
206 206
207 //dd($request->all()); 207 //dd($request->all());
208 $Employer = Employer::query()->where('user_id', $id)->first(); 208 $Employer = Employer::query()->where('user_id', $id)->first();
209 $vacancy_list = Ad_employer::query()->with('jobs')-> 209 $vacancy_list = Ad_employer::query()->with('jobs')->
210 with('jobs_code')-> 210 with('jobs_code')->
211 where('employer_id', $Employer->id); 211 where('employer_id', $Employer->id);
212 212
213 if (($request->has('search')) && (!empty($request->get('search')))) { 213 if (($request->has('search')) && (!empty($request->get('search')))) {
214 $search = $request->get('search'); 214 $search = $request->get('search');
215 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%"); 215 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
216 } 216 }
217 217
218 if ($request->get('sort')) { 218 if ($request->get('sort')) {
219 $sort = $request->get('sort'); 219 $sort = $request->get('sort');
220 switch ($sort) { 220 switch ($sort) {
221 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break; 221 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break;
222 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break; 222 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break;
223 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break; 223 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break;
224 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break; 224 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break;
225 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break; 225 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break;
226 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break; 226 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break;
227 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break; 227 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break;
228 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break; 228 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break;
229 } 229 }
230 } else { 230 } else {
231 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); 231 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id');
232 } 232 }
233 233
234 $vacancy_list = $vacancy_list->paginate(10); 234 $vacancy_list = $vacancy_list->paginate(10);
235 235
236 //ajax 236 //ajax
237 if ($request->ajax()) { 237 if ($request->ajax()) {
238 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 238 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
239 } else { 239 } else {
240 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 240 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
241 } 241 }
242 } 242 }
243 243
244 // Карточка вакансии 244 // Карточка вакансии
245 public function vacancy_edit(Ad_employer $ad_employer) { 245 public function vacancy_edit(Ad_employer $ad_employer) {
246 $id = Auth()->user()->id; 246 $id = Auth()->user()->id;
247 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 247 $Positions = Category::query()->where('is_remove', '=', '0')->get();
248 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 248 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
249 where('is_remove', '=', '0')-> 249 where('is_remove', '=', '0')->
250 where('is_bd', '=', '0')->get(); 250 where('is_bd', '=', '0')->get();
251 251
252 $Employer = Employer::query()->with('users')->with('ads')-> 252 $Employer = Employer::query()->with('users')->with('ads')->
253 with('flots')->where('user_id', $id)->first(); 253 with('flots')->where('user_id', $id)->first();
254 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 254 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
255 } 255 }
256 256
257 // Сохранение-редактирование записи 257 // Сохранение-редактирование записи
258 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 258 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
259 $params = $request->all(); 259 $params = $request->all();
260 $params_job["job_title_id"] = $params['job_title_id']; 260 $params_job["job_title_id"] = $params['job_title_id'];
261 261
262 $ad_employer->update($params); 262 $ad_employer->update($params);
263 $ad_employer->jobs()->sync($request->get('job_title_id')); 263 $ad_employer->jobs()->sync($request->get('job_title_id'));
264 264
265 $id = Auth()->user()->id; 265 $id = Auth()->user()->id;
266 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 266 $Positions = Category::query()->where('is_remove', '=', '0')->get();
267 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name') 267 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
268 ->where('is_remove', '=', '0') 268 ->where('is_remove', '=', '0')
269 ->where('is_bd', '=', '0') 269 ->where('is_bd', '=', '0')
270 ->get(); 270 ->get();
271 271
272 $Employer = Employer::query() 272 $Employer = Employer::query()
273 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first(); 273 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
274 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 274 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
275 } 275 }
276 276
277 // Сохранение карточки вакансии 277 // Сохранение карточки вакансии
278 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 278 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
279 $all = $request->all(); 279 $all = $request->all();
280 $ad_employer->update($all); 280 $ad_employer->update($all);
281 return redirect()->route('employer.cabinet_vacancie'); 281 return redirect()->route('employer.cabinet_vacancie');
282 } 282 }
283 283
284 // Удаление карточки вакансии 284 // Удаление карточки вакансии
285 public function vacancy_delete(Ad_employer $ad_employer) { 285 public function vacancy_delete(Ad_employer $ad_employer) {
286 $ad_employer->delete(); 286 $ad_employer->delete();
287 287
288 return redirect()->route('employer.vacancy_list') 288 return redirect()->route('employer.vacancy_list')
289 ->with('success', 'Данные были успешно сохранены'); 289 ->with('success', 'Данные были успешно сохранены');
290 } 290 }
291 291
292 // Обновление даты 292 // Обновление даты
293 public function vacancy_up(Ad_employer $ad_employer) { 293 public function vacancy_up(Ad_employer $ad_employer) {
294 $up = date('m/d/Y h:i:s', time());; 294 $up = date('m/d/Y h:i:s', time());;
295 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 295 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
296 $vac_emp->updated_at = $up; 296 $vac_emp->updated_at = $up;
297 $vac_emp->save(); 297 $vac_emp->save();
298 298
299 return redirect()->back(); //route('employer.vacancy_list'); 299 return redirect()->back(); //route('employer.vacancy_list');
300 // начало конца 300 // начало конца
301 } 301 }
302 302
303 //Видимость вакансии 303 //Видимость вакансии
304 public function vacancy_eye(Ad_employer $ad_employer, $status) { 304 public function vacancy_eye(Ad_employer $ad_employer, $status) {
305 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 305 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
306 $vac_emp->active_is = $status; 306 $vac_emp->active_is = $status;
307 $vac_emp->save(); 307 $vac_emp->save();
308 308
309 return redirect()->route('employer.vacancy_list'); 309 return redirect()->route('employer.vacancy_list');
310 } 310 }
311 311
312 //Вакансия редактирования (шаблон) 312 //Вакансия редактирования (шаблон)
313 public function vacancy_update(Ad_employer $id) { 313 public function vacancy_update(Ad_employer $id) {
314 314
315 } 315 }
316 316
317 //Отклики на вакансию - лист 317 //Отклики на вакансию - лист
318 public function answers(Employer $employer, Request $request) { 318 public function answers(Employer $employer, Request $request) {
319 $user_id = Auth()->user()->id; 319 $user_id = Auth()->user()->id;
320 $answer = Ad_employer::query()->where('employer_id', $employer->id); 320 $answer = Ad_employer::query()->where('employer_id', $employer->id);
321 if ($request->has('search')) { 321 if ($request->has('search')) {
322 $search = trim($request->get('search')); 322 $search = trim($request->get('search'));
323 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 323 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
324 } 324 }
325 325
326 $answer = $answer->with('response')->OrderByDESC('id')->get(); 326 $answer = $answer->with('response')->OrderByDESC('id')->get();
327 327
328 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 328 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
329 } 329 }
330 330
331 //Обновление статуса 331 //Обновление статуса
332 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 332 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
333 $ad_response->update(Array('flag' => $flag)); 333 $ad_response->update(Array('flag' => $flag));
334 return redirect()->route('employer.answers', ['employer' => $employer->id]); 334 return redirect()->route('employer.answers', ['employer' => $employer->id]);
335 } 335 }
336 336
337 //Страницы сообщений список 337 //Страницы сообщений список
338 public function messages($type_message) { 338 public function messages($type_message) {
339 $user_id = Auth()->user()->id; 339 $user_id = Auth()->user()->id;
340 340
341 $chats = Chat::query() 341 $chats = Chat::query()
342 ->with('user') 342 ->with('user')
343 ->with('worker') 343 ->with('worker')
344 ->with('employer') 344 ->with('employer')
345 ->with('last_message') 345 ->with('last_message')
346 ->withCount(['unread_messages' => function ($query) use($user_id) {
347 $query->where('to_user_id', '=', $user_id)->where('flag_new', '=', 1);
348 }])
346 ->where('user_id', '=', $user_id) 349 ->where('user_id', '=', $user_id)
347 ->orderByDesc('is_fixed') 350 ->orderByDesc('is_fixed')
348 ->orderByDesc('last_message_date') 351 ->orderByDesc('last_message_date')
349 ->paginate(5) 352 ->paginate(5)
350 ; 353 ;
351 //dd($chats); 354 //dd($chats);
352 355
353 /*$messages_input = Message::query()->with('vacancies')->with('user_from')-> 356 /*$messages_input = Message::query()->with('vacancies')->with('user_from')->
354 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 357 Where('to_user_id', $user_id)->OrderByDesc('created_at');
355 358
356 $messages_output = Message::query()->with('vacancies')-> 359 $messages_output = Message::query()->with('vacancies')->
357 with('user_to')->where('user_id', $user_id)-> 360 with('user_to')->where('user_id', $user_id)->
358 OrderByDesc('created_at'); 361 OrderByDesc('created_at');
359 362
360 $count_input = $messages_input->count(); 363 $count_input = $messages_input->count();
361 $count_output = $messages_output->count(); 364 $count_output = $messages_output->count();
362 365
363 if ($type_message == 'input') { 366 if ($type_message == 'input') {
364 $messages = $messages_input->paginate(5); 367 $messages = $messages_input->paginate(5);
365 } 368 }
366 369
367 if ($type_message == 'output') { 370 if ($type_message == 'output') {
368 $messages = $messages_output->paginate(5); 371 $messages = $messages_output->paginate(5);
369 }*/ 372 }*/
370 373
371 //dd($user_id, $messages[2]->vacancies); 374 //dd($user_id, $messages[2]->vacancies);
372 //jobs); 375 //jobs);
373 376
374 return view('employers.messages', compact('chats','user_id')); 377 return view('employers.messages', compact('chats','user_id'));
375 } 378 }
376 379
377 // Диалог между пользователями 380 // Диалог между пользователями
378 public function dialog(Request $request, User_Model $user1, User_Model $user2) { 381 public function dialog(Request $request, User_Model $user1, User_Model $user2) {
379 // Получение параметров. 382 // Получение параметров.
380 if ($request->has('ad_employer')){ 383 if ($request->has('ad_employer')){
381 $ad_employer = $request->get('ad_employer'); 384 $ad_employer = $request->get('ad_employer');
382 } else { 385 } else {
383 $ad_employer = 0; 386 $ad_employer = 0;
384 } 387 }
385 388
386 if (isset($user2->id)) { 389 if (isset($user2->id)) {
387 $companion = User_Model::query()->with('workers')-> 390 $companion = User_Model::query()->with('workers')->
388 with('employers')-> 391 with('employers')->
389 where('id', $user2->id)->first(); 392 where('id', $user2->id)->first();
390 } 393 }
391 394
392 $Messages = Message::query()-> 395 $Messages = Message::query()->
393 where('ad_employer_id', '=', $ad_employer)-> 396 where('ad_employer_id', '=', $ad_employer)->
394 where(function($query) use ($user1, $user2) { 397 where(function($query) use ($user1, $user2) {
395 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 398 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
396 })->orWhere(function($query) use ($user1, $user2) { 399 })->orWhere(function($query) use ($user1, $user2) {
397 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 400 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
398 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get(); 401 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get();
399 402
400 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id; 403 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id;
401 404
402 //$ad_employer = null; 405 //$ad_employer = null;
403 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 406 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
404 $sender = $user1; 407 $sender = $user1;
405 408
409 Message::where('user_id', '=', $user2->id)
410 ->where('to_user_id', '=', $user1->id)
411 ->update(['flag_new' => 0])
412 ;
413
406 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 414 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
407 } 415 }
408 416
409 // Регистрация работодателя 417 // Регистрация работодателя
410 public function register_employer(Request $request) { 418 public function register_employer(Request $request) {
411 $params = $request->all(); 419 $params = $request->all();
412 420
413 $rules = [ 421 $rules = [
414 //'surname' => ['required', 'string', 'max:255'], 422 //'surname' => ['required', 'string', 'max:255'],
415 //'name_man' => ['required', 'string', 'max:255'], 423 //'name_man' => ['required', 'string', 'max:255'],
416 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 424 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
417 'name_company' => ['required', 'string', 'max:255'], 425 'name_company' => ['required', 'string', 'max:255'],
418 'password' => ['required', 'string', 'min:6'], 426 'password' => ['required', 'string', 'min:6'],
419 ]; 427 ];
420 428
421 429
422 $messages = [ 430 $messages = [
423 'required' => 'Укажите обязательное поле', 431 'required' => 'Укажите обязательное поле',
424 'min' => [ 432 'min' => [
425 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 433 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
426 'integer' => 'Поле «:attribute» должно быть :min или больше', 434 'integer' => 'Поле «:attribute» должно быть :min или больше',
427 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 435 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
428 ], 436 ],
429 'max' => [ 437 'max' => [
430 'string' => 'Поле «:attribute» должно быть не больше :max символов', 438 'string' => 'Поле «:attribute» должно быть не больше :max символов',
431 'integer' => 'Поле «:attribute» должно быть :max или меньше', 439 'integer' => 'Поле «:attribute» должно быть :max или меньше',
432 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 440 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
433 ] 441 ]
434 ]; 442 ];
435 443
436 $email = $request->get('email'); 444 $email = $request->get('email');
437 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 445 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
438 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 446 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
439 } 447 }
440 448
441 if ($request->get('password') !== $request->get('confirmed')){ 449 if ($request->get('password') !== $request->get('confirmed')){
442 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 450 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
443 } 451 }
444 452
445 if (strlen($request->get('password')) < 6) { 453 if (strlen($request->get('password')) < 6) {
446 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 454 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
447 } 455 }
448 456
449 if (empty($request->get('surname'))) { 457 if (empty($request->get('surname'))) {
450 $params['surname'] = 'Неизвестно'; 458 $params['surname'] = 'Неизвестно';
451 } 459 }
452 if (empty($request->get('name_man'))) { 460 if (empty($request->get('name_man'))) {
453 $params['name_man'] = 'Неизвестно'; 461 $params['name_man'] = 'Неизвестно';
454 } 462 }
455 $validator = Validator::make($params, $rules, $messages); 463 $validator = Validator::make($params, $rules, $messages);
456 464
457 if ($validator->fails()) { 465 if ($validator->fails()) {
458 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 466 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
459 } else { 467 } else {
460 $user = $this->create($params); 468 $user = $this->create($params);
461 event(new Registered($user)); 469 event(new Registered($user));
462 470
463 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params)); 471 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
464 472
465 Auth::guard()->login($user); 473 Auth::guard()->login($user);
466 } 474 }
467 475
468 if ($user) { 476 if ($user) {
469 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 477 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
470 } else { 478 } else {
471 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 479 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
472 } 480 }
473 } 481 }
474 482
475 // Создание пользователя 483 // Создание пользователя
476 protected function create(array $data) 484 protected function create(array $data)
477 { 485 {
478 $Use = new User_Model(); 486 $Use = new User_Model();
479 $Code_user = $Use->create([ 487 $Code_user = $Use->create([
480 'name' => $data['surname']." ".$data['name_man'], 488 'name' => $data['surname']." ".$data['name_man'],
481 'name_man' => $data['name_man'], 489 'name_man' => $data['name_man'],
482 'surname' => $data['surname'], 490 'surname' => $data['surname'],
483 'surname2' => $data['surname2'], 491 'surname2' => $data['surname2'],
484 'subscribe_email' => $data['email'], 492 'subscribe_email' => $data['email'],
485 'email' => $data['email'], 493 'email' => $data['email'],
486 'telephone' => $data['telephone'], 494 'telephone' => $data['telephone'],
487 'is_worker' => 0, 495 'is_worker' => 0,
488 'password' => Hash::make($data['password']), 496 'password' => Hash::make($data['password']),
489 'pubpassword' => base64_encode($data['password']), 497 'pubpassword' => base64_encode($data['password']),
490 'email_verified_at' => Carbon::now() 498 'email_verified_at' => Carbon::now()
491 ]); 499 ]);
492 500
493 if ($Code_user->id > 0) { 501 if ($Code_user->id > 0) {
494 $Employer = new Employer(); 502 $Employer = new Employer();
495 $Employer->user_id = $Code_user->id; 503 $Employer->user_id = $Code_user->id;
496 $Employer->name_company = $data['name_company']; 504 $Employer->name_company = $data['name_company'];
497 $Employer->email = $data['email']; 505 $Employer->email = $data['email'];
498 $Employer->telephone = $data['telephone']; 506 $Employer->telephone = $data['telephone'];
499 $Employer->code = Tools::generator_id(10); 507 $Employer->code = Tools::generator_id(10);
500 $Employer->save(); 508 $Employer->save();
501 509
502 return $Code_user; 510 return $Code_user;
503 } 511 }
504 } 512 }
505 513
506 // Отправка сообщения от работодателя 514 // Отправка сообщения от работодателя
507 public function send_message(MessagesRequiest $request) { 515 public function send_message(MessagesRequiest $request) {
508 $params = $request->all(); 516 $params = $request->all();
509 dd($params); 517 dd($params);
510 $user1 = $params['user_id']; 518 $user1 = $params['user_id'];
511 $user2 = $params['to_user_id']; 519 $user2 = $params['to_user_id'];
512 520
513 if ($request->has('file')) { 521 if ($request->has('file')) {
514 $params['file'] = $request->file('file')->store("messages", 'public'); 522 $params['file'] = $request->file('file')->store("messages", 'public');
515 } 523 }
516 Message::create($params); 524 Message::create($params);
517 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 525 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
518 } 526 }
519 527
520 public function test123(Request $request) { 528 public function test123(Request $request) {
521 $params = $request->all(); 529 $params = $request->all();
522 $user1 = $params['user_id']; 530 $user1 = $params['user_id'];
523 $user2 = $params['to_user_id']; 531 $user2 = $params['to_user_id'];
524 $id_vacancy = $params['ad_employer_id']; 532 $id_vacancy = $params['ad_employer_id'];
525 $ad_name = $params['ad_name']; 533 $ad_name = $params['ad_name'];
526 534
527 $rules = [ 535 $rules = [
528 'text' => 'required|min:1|max:150000', 536 'text' => 'required|min:1|max:150000',
529 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 537 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
530 ]; 538 ];
531 $messages = [ 539 $messages = [
532 'required' => 'Укажите обязательное поле', 540 'required' => 'Укажите обязательное поле',
533 'min' => [ 541 'min' => [
534 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 542 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
535 'integer' => 'Поле «:attribute» должно быть :min или больше', 543 'integer' => 'Поле «:attribute» должно быть :min или больше',
536 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 544 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
537 ], 545 ],
538 'max' => [ 546 'max' => [
539 'string' => 'Поле «:attribute» должно быть не больше :max символов', 547 'string' => 'Поле «:attribute» должно быть не больше :max символов',
540 'integer' => 'Поле «:attribute» должно быть :max или меньше', 548 'integer' => 'Поле «:attribute» должно быть :max или меньше',
541 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 549 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
542 ] 550 ]
543 ]; 551 ];
544 552
545 $validator = Validator::make($request->all(), $rules, $messages); 553 $validator = Validator::make($request->all(), $rules, $messages);
546 554
547 if ($validator->fails()) { 555 if ($validator->fails()) {
548 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 556 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
549 ->withErrors($validator); 557 ->withErrors($validator);
550 } else { 558 } else {
551 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 559 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
552 560
553 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 561 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
554 return redirect()->route('employer.dialog', 562 return redirect()->route('employer.dialog',
555 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 563 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
556 564
557 } 565 }
558 } 566 }
559 567
560 //Избранные люди 568 //Избранные люди
561 public function favorites(Request $request) { 569 public function favorites(Request $request) {
562 $IP_address = RusDate::ip_addr_client(); 570 $IP_address = RusDate::ip_addr_client();
563 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 571 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
564 572
565 if ($Arr->count()) { 573 if ($Arr->count()) {
566 $A = Array(); 574 $A = Array();
567 foreach ($Arr as $it) { 575 foreach ($Arr as $it) {
568 $A[] = $it->code_record; 576 $A[] = $it->code_record;
569 } 577 }
570 578
571 $Workers = Worker::query()->whereIn('id', $A); 579 $Workers = Worker::query()->whereIn('id', $A);
572 } else { 580 } else {
573 $Workers = Worker::query()->where('id', '=', '0'); 581 $Workers = Worker::query()->where('id', '=', '0');
574 } 582 }
575 583
576 if (($request->has('search')) && (!empty($request->get('search')))) { 584 if (($request->has('search')) && (!empty($request->get('search')))) {
577 $search = $request->get('search'); 585 $search = $request->get('search');
578 586
579 $Workers = $Workers->WhereHas('users', 587 $Workers = $Workers->WhereHas('users',
580 function (Builder $query) use ($search) { 588 function (Builder $query) use ($search) {
581 $query->Where('surname', 'LIKE', "%$search%") 589 $query->Where('surname', 'LIKE', "%$search%")
582 ->orWhere('name_man', 'LIKE', "%$search%") 590 ->orWhere('name_man', 'LIKE', "%$search%")
583 ->orWhere('surname2', 'LIKE', "%$search%"); 591 ->orWhere('surname2', 'LIKE', "%$search%");
584 }); 592 });
585 } else { 593 } else {
586 $Workers = $Workers->with('users'); 594 $Workers = $Workers->with('users');
587 } 595 }
588 596
589 $Workers = $Workers->get(); 597 $Workers = $Workers->get();
590 598
591 599
592 return view('employers.favorite', compact('Workers')); 600 return view('employers.favorite', compact('Workers'));
593 } 601 }
594 602
595 // База данных 603 // База данных
596 public function bd(Request $request) { 604 public function bd(Request $request) {
597 $users = User_Model::query()->with('workers')->with('jobtitles'); 605 $users = User_Model::query()->with('workers')->with('jobtitles');
598 606
599 if ($request->has('search')) { 607 if ($request->has('search')) {
600 $find_key = $request->get('search'); 608 $find_key = $request->get('search');
601 $users = $users->where('name', 'LIKE', "%$find_key%") 609 $users = $users->where('name', 'LIKE', "%$find_key%")
602 ->orWhere('surname', 'LIKE', "%$find_key%") 610 ->orWhere('surname', 'LIKE', "%$find_key%")
603 ->orWhere('name_man', 'LIKE', "%$find_key%") 611 ->orWhere('name_man', 'LIKE', "%$find_key%")
604 ->orWhere('email', 'LIKE', "%$find_key%") 612 ->orWhere('email', 'LIKE', "%$find_key%")
605 ->orWhere('telephone', 'LIKE', "%$find_key%"); 613 ->orWhere('telephone', 'LIKE', "%$find_key%");
606 } 614 }
607 615
608 // Данные 616 // Данные
609 $users = $users->Baseuser()-> 617 $users = $users->Baseuser()->
610 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id')); 618 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id'));
611 $count_users = $users; 619 $count_users = $users;
612 $users = $users->paginate(5); 620 $users = $users->paginate(5);
613 621
614 $export_options = DbExportColumns::toArray(); 622 $export_options = DbExportColumns::toArray();
615 623
616 $jobs_titles = Job_title::select('id', 'name') 624 $jobs_titles = Job_title::select('id', 'name')
617 ->where('is_remove', '=', 0) 625 ->where('is_remove', '=', 0)
618 ->where('is_bd', '=', 2) 626 ->where('is_bd', '=', 2)
619 ->orderByDesc('sort') 627 ->orderByDesc('sort')
620 ->orderBy('name', 'asc') 628 ->orderBy('name', 'asc')
621 ->get() 629 ->get()
622 ->toArray() 630 ->toArray()
623 ; 631 ;
624 632
625 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles')); 633 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
626 } 634 }
627 635
628 //Настройка уведомлений 636 //Настройка уведомлений
629 public function subscribe() { 637 public function subscribe() {
630 return view('employers.subcribe'); 638 return view('employers.subcribe');
631 } 639 }
632 640
633 //Установка уведомлений сохранение 641 //Установка уведомлений сохранение
634 public function save_subscribe(Request $request) { 642 public function save_subscribe(Request $request) {
635 dd($request->all()); 643 dd($request->all());
636 $msg = $request->validate([ 644 $msg = $request->validate([
637 'subscribe_email' => 'required|email|min:5|max:255', 645 'subscribe_email' => 'required|email|min:5|max:255',
638 ]); 646 ]);
639 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 647 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
640 } 648 }
641 649
642 //Сбросить форму с паролем 650 //Сбросить форму с паролем
643 public function password_reset() { 651 public function password_reset() {
644 $email = Auth()->user()->email; 652 $email = Auth()->user()->email;
645 return view('employers.password-reset', compact('email')); 653 return view('employers.password-reset', compact('email'));
646 } 654 }
647 655
648 //Обновление пароля 656 //Обновление пароля
649 public function new_password(Request $request) { 657 public function new_password(Request $request) {
650 $use = Auth()->user(); 658 $use = Auth()->user();
651 $request->validate([ 659 $request->validate([
652 'password' => 'required|string', 660 'password' => 'required|string',
653 'new_password' => 'required|string', 661 'new_password' => 'required|string',
654 'new_password2' => 'required|string' 662 'new_password2' => 'required|string'
655 ]); 663 ]);
656 664
657 if ($request->get('new_password') == $request->get('new_password2')) 665 if ($request->get('new_password') == $request->get('new_password2'))
658 if ($request->get('password') !== $request->get('new_password')) { 666 if ($request->get('password') !== $request->get('new_password')) {
659 $credentials = $request->only('email', 'password'); 667 $credentials = $request->only('email', 'password');
660 if (Auth::attempt($credentials)) { 668 if (Auth::attempt($credentials)) {
661 669
662 if (!is_null($use->email_verified_at)){ 670 if (!is_null($use->email_verified_at)){
663 671
664 $user_data = User_Model::find($use->id); 672 $user_data = User_Model::find($use->id);
665 $user_data->update([ 673 $user_data->update([
666 'password' => Hash::make($request->get('new_password')), 674 'password' => Hash::make($request->get('new_password')),
667 'pubpassword' => base64_encode($request->get('new_password')), 675 'pubpassword' => base64_encode($request->get('new_password')),
668 ]); 676 ]);
669 return redirect() 677 return redirect()
670 ->route('employer.password_reset') 678 ->route('employer.password_reset')
671 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 679 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
672 } 680 }
673 681
674 return redirect() 682 return redirect()
675 ->route('employer.password_reset') 683 ->route('employer.password_reset')
676 ->withError('Данная учетная запись не было верифицированна!'); 684 ->withError('Данная учетная запись не было верифицированна!');
677 } 685 }
678 } 686 }
679 687
680 return redirect() 688 return redirect()
681 ->route('employer.password_reset') 689 ->route('employer.password_reset')
682 ->withErrors('Не совпадение данных, обновите пароли!'); 690 ->withErrors('Не совпадение данных, обновите пароли!');
683 } 691 }
684 692
685 693
686 694
687 // Форма Удаление пипла 695 // Форма Удаление пипла
688 public function delete_people() { 696 public function delete_people() {
689 $login = Auth()->user()->email; 697 $login = Auth()->user()->email;
690 return view('employers.delete_people', compact('login')); 698 return view('employers.delete_people', compact('login'));
691 } 699 }
692 700
693 // Удаление аккаунта 701 // Удаление аккаунта
694 public function action_delete_user(Request $request) { 702 public function action_delete_user(Request $request) {
695 $Answer = $request->all(); 703 $Answer = $request->all();
696 $user_id = Auth()->user()->id; 704 $user_id = Auth()->user()->id;
697 $request->validate([ 705 $request->validate([
698 'password' => 'required|string', 706 'password' => 'required|string',
699 ]); 707 ]);
700 708
701 $credentials = $request->only('email', 'password'); 709 $credentials = $request->only('email', 'password');
702 if (Auth::attempt($credentials)) { 710 if (Auth::attempt($credentials)) {
703 Auth::logout(); 711 Auth::logout();
704 $it = User_Model::find($user_id); 712 $it = User_Model::find($user_id);
705 $it->delete(); 713 $it->delete();
706 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 714 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
707 } else { 715 } else {
708 return redirect()->route('employer.delete_people') 716 return redirect()->route('employer.delete_people')
709 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 717 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
710 } 718 }
711 } 719 }
712 720
713 public function ajax_delete_user(Request $request) { 721 public function ajax_delete_user(Request $request) {
714 $Answer = $request->all(); 722 $Answer = $request->all();
715 $user_id = Auth()->user()->id; 723 $user_id = Auth()->user()->id;
716 $request->validate([ 724 $request->validate([
717 'password' => 'required|string', 725 'password' => 'required|string',
718 ]); 726 ]);
719 $credentials = $request->only('email', 'password'); 727 $credentials = $request->only('email', 'password');
720 if (Auth::attempt($credentials)) { 728 if (Auth::attempt($credentials)) {
721 729
722 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 730 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
723 'email' => $request->get('email'), 731 'email' => $request->get('email'),
724 'password' => $request->get('password'))); 732 'password' => $request->get('password')));
725 } else { 733 } else {
726 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 734 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
727 } 735 }
728 } 736 }
729 737
730 // FAQ - Вопросы/ответы для работодателей и соискателей 738 // FAQ - Вопросы/ответы для работодателей и соискателей
731 public function faq() { 739 public function faq() {
732 return view('employers.faq'); 740 return view('employers.faq');
733 } 741 }
734 742
735 // Рассылка сообщений 743 // Рассылка сообщений
736 public function send_all_messages() { 744 public function send_all_messages() {
737 $id = Auth()->user()->id; 745 $id = Auth()->user()->id;
738 $sending = Employer::query()->where('user_id', '=', "$id")->first(); 746 $sending = Employer::query()->where('user_id', '=', "$id")->first();
739 if ($sending->sending_is) 747 if ($sending->sending_is)
740 return view('employers.send_all'); 748 return view('employers.send_all');
741 else 749 else
742 return view('employers.send_all_danger'); 750 return view('employers.send_all_danger');
743 } 751 }
744 752
745 // Отправка сообщений для информации 753 // Отправка сообщений для информации
746 public function send_all_post(Request $request) { 754 public function send_all_post(Request $request) {
747 $data = $request->all(); 755 $data = $request->all();
748 756
749 $emails = User_Model::query()->where('is_worker', '1')->get(); 757 $emails = User_Model::query()->where('is_worker', '1')->get();
750 758
751 foreach ($emails as $e) { 759 foreach ($emails as $e) {
752 Mail::to($e->email)->send(new SendAllMessages($data)); 760 Mail::to($e->email)->send(new SendAllMessages($data));
753 } 761 }
754 762
755 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены'); 763 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены');
756 } 764 }
757 765
758 // База резюме 766 // База резюме
759 public function bd_tupe(Request $request) { 767 public function bd_tupe(Request $request) {
760 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 768 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
761 769
762 return view('employers.bd_tupe', compact('Resume')); 770 return view('employers.bd_tupe', compact('Resume'));
763 } 771 }
764 772
765 ////////////////////////////////////////////////////////////////// 773 //////////////////////////////////////////////////////////////////
766 // Отправил сообщение 774 // Отправил сообщение
767 ////////////////////////////////////////////////////////////////// 775 //////////////////////////////////////////////////////////////////
768 public function new_message(Request $request) { 776 public function new_message(Request $request) {
769 $params = $request->all(); 777 $params = $request->all();
770 778
771 $id = $params['_user_id']; 779 $id = $params['_user_id'];
772 $message_params = [ 780 $message_params = [
773 'title' => $params['title'], 781 'title' => $params['title'],
774 'text' => $params['text'], 782 'text' => $params['text'],
775 'ad_employer_id' => $params['_vacancy'], 783 'ad_employer_id' => $params['_vacancy'],
776 'flag_new' => 1 784 'flag_new' => 1
777 ]; 785 ];
778 786
779 Message::add_message( 787 Message::add_message(
780 $request, 788 $request,
781 $params['_user_id'], 789 $params['_user_id'],
782 $params['_to_user_id'], 790 $params['_to_user_id'],
783 $message_params, 791 $message_params,
784 file_store_path: "worker/$id" 792 file_store_path: "worker/$id"
785 ); 793 );
786 794
787 return redirect()->route('employer.messages', ['type_message' => 'output']); 795 return redirect()->route('employer.messages', ['type_message' => 'output']);
788 } 796 }
789 797
790 // Восстановление пароля 798 // Восстановление пароля
791 public function repair_password(Request $request) { 799 public function repair_password(Request $request) {
792 $params = $request->get('email'); 800 $params = $request->get('email');
793 } 801 }
794 802
795 // Избранные люди на корабль 803 // Избранные люди на корабль
796 public function selected_people(Request $request) { 804 public function selected_people(Request $request) {
797 $id = $request->get('id'); 805 $id = $request->get('id');
798 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 806 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
799 where('is_remove', '=', '0')-> 807 where('is_remove', '=', '0')->
800 where('is_bd', '=', '0')-> 808 where('is_bd', '=', '0')->
801 where('position_id', $id)-> 809 where('position_id', $id)->
802 get(); 810 get();
803 return view('favorite_people', compact('favorite_people')); 811 return view('favorite_people', compact('favorite_people'));
804 } 812 }
805 } 813 }
806 814
1 <?php 1 <?php
2 2
3 namespace App\Models; 3 namespace App\Models;
4 4
5 use Illuminate\Database\Eloquent\Factories\HasFactory; 5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model; 6 use Illuminate\Database\Eloquent\Model;
7 7
8 class Chat extends Model 8 class Chat extends Model
9 { 9 {
10 use HasFactory; 10 use HasFactory;
11 11
12 protected $fillable = [ 12 protected $fillable = [
13 'user_id', 13 'user_id',
14 'to_user_id', 14 'to_user_id',
15 'is_removed', 15 'is_removed',
16 'is_fixed', 16 'is_fixed',
17 'last_message_date', 17 'last_message_date',
18 'last_message_id', 18 'last_message_id',
19 'fixed_time' 19 'fixed_time'
20 ]; 20 ];
21 21
22 public function user() { 22 public function user() {
23 return $this->belongsTo(User::class, 'to_user_id'); 23 return $this->belongsTo(User::class, 'to_user_id');
24 } 24 }
25 25
26 public function worker() { 26 public function worker() {
27 return $this->belongsTo(Worker::class, 'to_user_id', 'user_id'); 27 return $this->belongsTo(Worker::class, 'to_user_id', 'user_id');
28 } 28 }
29 29
30 public function employer() { 30 public function employer() {
31 return $this->belongsTo(Employer::class, 'to_user_id', 'user_id'); 31 return $this->belongsTo(Employer::class, 'to_user_id', 'user_id');
32 } 32 }
33 33
34 public function last_message() { 34 public function last_message() {
35 return $this->belongsTo(Message::class, 'last_message_id'); 35 return $this->belongsTo(Message::class, 'last_message_id');
36 } 36 }
37 37
38 public function unread_messages()
39 {
40 return $this->hasMany(Message::class, 'user_id', 'to_user_id');
41 }
42
38 } 43 }
39 44
public/css/style_may2024.css
Diff comments   View file @ a939109
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 html { 13 html {
14 line-height: 1.15; /* 1 */ 14 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 15 -webkit-text-size-adjust: 100%; /* 2 */
16 } 16 }
17 17
18 /* Sections 18 /* Sections
19 ========================================================================== */ 19 ========================================================================== */
20 /** 20 /**
21 * Remove the margin in all browsers. 21 * Remove the margin in all browsers.
22 */ 22 */
23 body { 23 body {
24 margin: 0; 24 margin: 0;
25 } 25 }
26 26
27 /** 27 /**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 main { 30 main {
31 display: block; 31 display: block;
32 } 32 }
33 33
34 /** 34 /**
35 * Correct the font size and margin on `h1` elements within `section` and 35 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 36 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 37 */
38 h1 { 38 h1 {
39 font-size: 2em; 39 font-size: 2em;
40 margin: 0.67em 0; 40 margin: 0.67em 0;
41 } 41 }
42 42
43 /* Grouping content 43 /* Grouping content
44 ========================================================================== */ 44 ========================================================================== */
45 /** 45 /**
46 * 1. Add the correct box sizing in Firefox. 46 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 47 * 2. Show the overflow in Edge and IE.
48 */ 48 */
49 hr { 49 hr {
50 -webkit-box-sizing: content-box; 50 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 51 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 52 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 53 overflow: visible; /* 2 */
54 } 54 }
55 55
56 /** 56 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 57 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 58 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 59 */
60 pre { 60 pre {
61 font-family: monospace, monospace; /* 1 */ 61 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 62 font-size: 1em; /* 2 */
63 } 63 }
64 64
65 /* Text-level semantics 65 /* Text-level semantics
66 ========================================================================== */ 66 ========================================================================== */
67 /** 67 /**
68 * Remove the gray background on active links in IE 10. 68 * Remove the gray background on active links in IE 10.
69 */ 69 */
70 a { 70 a {
71 background-color: transparent; 71 background-color: transparent;
72 } 72 }
73 73
74 /** 74 /**
75 * 1. Remove the bottom border in Chrome 57- 75 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 77 */
78 abbr[title] { 78 abbr[title] {
79 border-bottom: none; /* 1 */ 79 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 80 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 81 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 82 text-decoration: underline dotted; /* 2 */
83 } 83 }
84 84
85 /** 85 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 86 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 87 */
88 b, 88 b,
89 strong { 89 strong {
90 font-weight: bolder; 90 font-weight: bolder;
91 } 91 }
92 92
93 /** 93 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 94 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 95 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 96 */
97 code, 97 code,
98 kbd, 98 kbd,
99 samp { 99 samp {
100 font-family: monospace, monospace; /* 1 */ 100 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 101 font-size: 1em; /* 2 */
102 } 102 }
103 103
104 /** 104 /**
105 * Add the correct font size in all browsers. 105 * Add the correct font size in all browsers.
106 */ 106 */
107 small { 107 small {
108 font-size: 80%; 108 font-size: 80%;
109 } 109 }
110 110
111 /** 111 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 112 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 113 * all browsers.
114 */ 114 */
115 sub, 115 sub,
116 sup { 116 sup {
117 font-size: 75%; 117 font-size: 75%;
118 line-height: 0; 118 line-height: 0;
119 position: relative; 119 position: relative;
120 vertical-align: baseline; 120 vertical-align: baseline;
121 } 121 }
122 122
123 sub { 123 sub {
124 bottom: -0.25em; 124 bottom: -0.25em;
125 } 125 }
126 126
127 sup { 127 sup {
128 top: -0.5em; 128 top: -0.5em;
129 } 129 }
130 130
131 /* Embedded content 131 /* Embedded content
132 ========================================================================== */ 132 ========================================================================== */
133 /** 133 /**
134 * Remove the border on images inside links in IE 10. 134 * Remove the border on images inside links in IE 10.
135 */ 135 */
136 img { 136 img {
137 border-style: none; 137 border-style: none;
138 } 138 }
139 139
140 /* Forms 140 /* Forms
141 ========================================================================== */ 141 ========================================================================== */
142 /** 142 /**
143 * 1. Change the font styles in all browsers. 143 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 144 * 2. Remove the margin in Firefox and Safari.
145 */ 145 */
146 button, 146 button,
147 input, 147 input,
148 optgroup, 148 optgroup,
149 select, 149 select,
150 textarea { 150 textarea {
151 font-family: inherit; /* 1 */ 151 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 152 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 153 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 154 margin: 0; /* 2 */
155 } 155 }
156 156
157 /** 157 /**
158 * Show the overflow in IE. 158 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 159 * 1. Show the overflow in Edge.
160 */ 160 */
161 button, 161 button,
162 input { /* 1 */ 162 input { /* 1 */
163 overflow: visible; 163 overflow: visible;
164 } 164 }
165 165
166 /** 166 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 167 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 168 * 1. Remove the inheritance of text transform in Firefox.
169 */ 169 */
170 button, 170 button,
171 select { /* 1 */ 171 select { /* 1 */
172 text-transform: none; 172 text-transform: none;
173 } 173 }
174 174
175 /** 175 /**
176 * Correct the inability to style clickable types in iOS and Safari. 176 * Correct the inability to style clickable types in iOS and Safari.
177 */ 177 */
178 button, 178 button,
179 [type=button], 179 [type=button],
180 [type=reset], 180 [type=reset],
181 [type=submit] { 181 [type=submit] {
182 -webkit-appearance: button; 182 -webkit-appearance: button;
183 } 183 }
184 184
185 /** 185 /**
186 * Remove the inner border and padding in Firefox. 186 * Remove the inner border and padding in Firefox.
187 */ 187 */
188 button::-moz-focus-inner, 188 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 189 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 190 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 191 [type=submit]::-moz-focus-inner {
192 border-style: none; 192 border-style: none;
193 padding: 0; 193 padding: 0;
194 } 194 }
195 195
196 /** 196 /**
197 * Restore the focus styles unset by the previous rule. 197 * Restore the focus styles unset by the previous rule.
198 */ 198 */
199 button:-moz-focusring, 199 button:-moz-focusring,
200 [type=button]:-moz-focusring, 200 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 201 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 202 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 203 outline: 1px dotted ButtonText;
204 } 204 }
205 205
206 /** 206 /**
207 * Correct the padding in Firefox. 207 * Correct the padding in Firefox.
208 */ 208 */
209 fieldset { 209 fieldset {
210 padding: 0.35em 0.75em 0.625em; 210 padding: 0.35em 0.75em 0.625em;
211 } 211 }
212 212
213 /** 213 /**
214 * 1. Correct the text wrapping in Edge and IE. 214 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 215 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 216 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 217 * `fieldset` elements in all browsers.
218 */ 218 */
219 legend { 219 legend {
220 -webkit-box-sizing: border-box; 220 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 221 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 222 color: inherit; /* 2 */
223 display: table; /* 1 */ 223 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 224 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 225 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 226 white-space: normal; /* 1 */
227 } 227 }
228 228
229 /** 229 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 230 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 231 */
232 progress { 232 progress {
233 vertical-align: baseline; 233 vertical-align: baseline;
234 } 234 }
235 235
236 /** 236 /**
237 * Remove the default vertical scrollbar in IE 10+. 237 * Remove the default vertical scrollbar in IE 10+.
238 */ 238 */
239 textarea { 239 textarea {
240 overflow: auto; 240 overflow: auto;
241 } 241 }
242 242
243 /** 243 /**
244 * 1. Add the correct box sizing in IE 10. 244 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 245 * 2. Remove the padding in IE 10.
246 */ 246 */
247 [type=checkbox], 247 [type=checkbox],
248 [type=radio] { 248 [type=radio] {
249 -webkit-box-sizing: border-box; 249 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 250 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 251 padding: 0; /* 2 */
252 } 252 }
253 253
254 /** 254 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 255 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 256 */
257 [type=number]::-webkit-inner-spin-button, 257 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 258 [type=number]::-webkit-outer-spin-button {
259 height: auto; 259 height: auto;
260 } 260 }
261 261
262 /** 262 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 263 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 264 * 2. Correct the outline style in Safari.
265 */ 265 */
266 [type=search] { 266 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 267 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 268 outline-offset: -2px; /* 2 */
269 } 269 }
270 270
271 /** 271 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 272 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 273 */
274 [type=search]::-webkit-search-decoration { 274 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 275 -webkit-appearance: none;
276 } 276 }
277 277
278 /** 278 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 279 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 280 * 2. Change font properties to `inherit` in Safari.
281 */ 281 */
282 ::-webkit-file-upload-button { 282 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 283 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 284 font: inherit; /* 2 */
285 } 285 }
286 286
287 /* Interactive 287 /* Interactive
288 ========================================================================== */ 288 ========================================================================== */
289 /* 289 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 290 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 291 */
292 details { 292 details {
293 display: block; 293 display: block;
294 } 294 }
295 295
296 /* 296 /*
297 * Add the correct display in all browsers. 297 * Add the correct display in all browsers.
298 */ 298 */
299 summary { 299 summary {
300 display: list-item; 300 display: list-item;
301 } 301 }
302 302
303 /* Misc 303 /* Misc
304 ========================================================================== */ 304 ========================================================================== */
305 /** 305 /**
306 * Add the correct display in IE 10+. 306 * Add the correct display in IE 10+.
307 */ 307 */
308 template { 308 template {
309 display: none; 309 display: none;
310 } 310 }
311 311
312 /** 312 /**
313 * Add the correct display in IE 10. 313 * Add the correct display in IE 10.
314 */ 314 */
315 [hidden] { 315 [hidden] {
316 display: none; 316 display: none;
317 } 317 }
318 318
319 .green { 319 .green {
320 color: #377d87; 320 color: #377d87;
321 } 321 }
322 322
323 .red { 323 .red {
324 color: #eb5757; 324 color: #eb5757;
325 } 325 }
326 326
327 .rotate180 { 327 .rotate180 {
328 -webkit-transform: rotate(180deg); 328 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 329 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 330 transform: rotate(180deg);
331 } 331 }
332 332
333 ::-moz-selection { 333 ::-moz-selection {
334 color: #000; 334 color: #000;
335 background: #acc0e6; 335 background: #acc0e6;
336 } 336 }
337 337
338 ::selection { 338 ::selection {
339 color: #000; 339 color: #000;
340 background: #acc0e6; 340 background: #acc0e6;
341 } 341 }
342 342
343 ::-webkit-scrollbar { 343 ::-webkit-scrollbar {
344 width: 8px; 344 width: 8px;
345 height: 8px; 345 height: 8px;
346 } 346 }
347 347
348 ::-webkit-scrollbar-track { 348 ::-webkit-scrollbar-track {
349 border-radius: 999px; 349 border-radius: 999px;
350 background-color: #fff; 350 background-color: #fff;
351 } 351 }
352 352
353 ::-webkit-scrollbar-thumb { 353 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 354 border-radius: 999px;
355 background-color: #377d87; 355 background-color: #377d87;
356 } 356 }
357 357
358 ::-webkit-input-placeholder { 358 ::-webkit-input-placeholder {
359 color: #9c9d9d; 359 color: #9c9d9d;
360 opacity: 1; 360 opacity: 1;
361 } 361 }
362 362
363 :focus::-webkit-input-placeholder { 363 :focus::-webkit-input-placeholder {
364 color: transparent; 364 color: transparent;
365 } 365 }
366 366
367 :-ms-input-placeholder { 367 :-ms-input-placeholder {
368 color: #9c9d9d; 368 color: #9c9d9d;
369 opacity: 1; 369 opacity: 1;
370 } 370 }
371 371
372 :focus:-ms-input-placeholder { 372 :focus:-ms-input-placeholder {
373 color: transparent; 373 color: transparent;
374 } 374 }
375 375
376 ::-ms-input-placeholder { 376 ::-ms-input-placeholder {
377 color: #9c9d9d; 377 color: #9c9d9d;
378 opacity: 1; 378 opacity: 1;
379 } 379 }
380 380
381 :focus::-ms-input-placeholder { 381 :focus::-ms-input-placeholder {
382 color: transparent; 382 color: transparent;
383 } 383 }
384 384
385 ::-moz-placeholder { 385 ::-moz-placeholder {
386 color: #9c9d9d; 386 color: #9c9d9d;
387 opacity: 1; 387 opacity: 1;
388 } 388 }
389 389
390 :focus::-moz-placeholder { 390 :focus::-moz-placeholder {
391 color: transparent; 391 color: transparent;
392 } 392 }
393 393
394 ::-webkit-input-placeholder { 394 ::-webkit-input-placeholder {
395 color: #9c9d9d; 395 color: #9c9d9d;
396 opacity: 1; 396 opacity: 1;
397 } 397 }
398 398
399 ::-moz-placeholder { 399 ::-moz-placeholder {
400 color: #9c9d9d; 400 color: #9c9d9d;
401 opacity: 1; 401 opacity: 1;
402 } 402 }
403 403
404 :-ms-input-placeholder { 404 :-ms-input-placeholder {
405 color: #9c9d9d; 405 color: #9c9d9d;
406 opacity: 1; 406 opacity: 1;
407 } 407 }
408 408
409 ::-ms-input-placeholder { 409 ::-ms-input-placeholder {
410 color: #9c9d9d; 410 color: #9c9d9d;
411 opacity: 1; 411 opacity: 1;
412 } 412 }
413 413
414 ::placeholder { 414 ::placeholder {
415 color: #9c9d9d; 415 color: #9c9d9d;
416 opacity: 1; 416 opacity: 1;
417 } 417 }
418 418
419 :focus::-webkit-input-placeholder { 419 :focus::-webkit-input-placeholder {
420 color: transparent; 420 color: transparent;
421 } 421 }
422 422
423 :focus::-moz-placeholder { 423 :focus::-moz-placeholder {
424 color: transparent; 424 color: transparent;
425 } 425 }
426 426
427 :focus:-ms-input-placeholder { 427 :focus:-ms-input-placeholder {
428 color: transparent; 428 color: transparent;
429 } 429 }
430 430
431 :focus::-ms-input-placeholder { 431 :focus::-ms-input-placeholder {
432 color: transparent; 432 color: transparent;
433 } 433 }
434 434
435 :focus::placeholder { 435 :focus::placeholder {
436 color: transparent; 436 color: transparent;
437 } 437 }
438 438
439 *, 439 *,
440 *:before, 440 *:before,
441 *:after { 441 *:after {
442 -webkit-box-sizing: border-box; 442 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 443 box-sizing: border-box;
444 -webkit-appearance: none; 444 -webkit-appearance: none;
445 -moz-appearance: none; 445 -moz-appearance: none;
446 appearance: none; 446 appearance: none;
447 outline: none; 447 outline: none;
448 -webkit-box-shadow: none; 448 -webkit-box-shadow: none;
449 box-shadow: none; 449 box-shadow: none;
450 } 450 }
451 451
452 a, 452 a,
453 button, 453 button,
454 select { 454 select {
455 color: inherit; 455 color: inherit;
456 } 456 }
457 457
458 a { 458 a {
459 text-decoration: none; 459 text-decoration: none;
460 } 460 }
461 461
462 a, 462 a,
463 input[type=button], 463 input[type=button],
464 input[type=submit], 464 input[type=submit],
465 button { 465 button {
466 -webkit-user-select: none; 466 -webkit-user-select: none;
467 -moz-user-select: none; 467 -moz-user-select: none;
468 -ms-user-select: none; 468 -ms-user-select: none;
469 user-select: none; 469 user-select: none;
470 -webkit-transition: 0.3s; 470 -webkit-transition: 0.3s;
471 transition: 0.3s; 471 transition: 0.3s;
472 cursor: pointer; 472 cursor: pointer;
473 } 473 }
474 474
475 [type=tel] { 475 [type=tel] {
476 letter-spacing: 1px; 476 letter-spacing: 1px;
477 } 477 }
478 478
479 .br, 479 .br,
480 img, 480 img,
481 svg { 481 svg {
482 display: block; 482 display: block;
483 } 483 }
484 484
485 .float-left { 485 .float-left {
486 float: left; 486 float: left;
487 } 487 }
488 488
489 .float-right { 489 .float-right {
490 float: right; 490 float: right;
491 } 491 }
492 492
493 .clear-both:after { 493 .clear-both:after {
494 content: ""; 494 content: "";
495 display: block; 495 display: block;
496 clear: both; 496 clear: both;
497 } 497 }
498 498
499 h1, 499 h1,
500 h2, 500 h2,
501 h3, 501 h3,
502 h4, 502 h4,
503 h5, 503 h5,
504 h6 { 504 h6 {
505 margin: 0; 505 margin: 0;
506 } 506 }
507 507
508 #body { 508 #body {
509 font-family: "Circe", sans-serif; 509 font-family: "Circe", sans-serif;
510 color: #000; 510 color: #000;
511 background: #fff; 511 background: #fff;
512 display: -webkit-box; 512 display: -webkit-box;
513 display: -ms-flexbox; 513 display: -ms-flexbox;
514 display: flex; 514 display: flex;
515 -webkit-box-orient: vertical; 515 -webkit-box-orient: vertical;
516 -webkit-box-direction: normal; 516 -webkit-box-direction: normal;
517 -ms-flex-direction: column; 517 -ms-flex-direction: column;
518 flex-direction: column; 518 flex-direction: column;
519 -webkit-box-pack: justify; 519 -webkit-box-pack: justify;
520 -ms-flex-pack: justify; 520 -ms-flex-pack: justify;
521 justify-content: space-between; 521 justify-content: space-between;
522 gap: 50px; 522 gap: 50px;
523 min-width: 320px; 523 min-width: 320px;
524 min-height: 100vh; 524 min-height: 100vh;
525 line-height: 1.25; 525 line-height: 1.25;
526 } 526 }
527 @media (min-width: 768px) { 527 @media (min-width: 768px) {
528 #body { 528 #body {
529 gap: 60px; 529 gap: 60px;
530 } 530 }
531 } 531 }
532 #body.pdf { 532 #body.pdf {
533 gap: 0; 533 gap: 0;
534 } 534 }
535 535
536 .container { 536 .container {
537 width: 100%; 537 width: 100%;
538 max-width: 1280px; 538 max-width: 1280px;
539 margin-left: auto; 539 margin-left: auto;
540 margin-right: auto; 540 margin-right: auto;
541 padding-left: 10px; 541 padding-left: 10px;
542 padding-right: 10px; 542 padding-right: 10px;
543 } 543 }
544 @media (min-width: 768px) { 544 @media (min-width: 768px) {
545 .container { 545 .container {
546 padding-left: 20px; 546 padding-left: 20px;
547 padding-right: 20px; 547 padding-right: 20px;
548 } 548 }
549 } 549 }
550 550
551 .to-top { 551 .to-top {
552 position: fixed; 552 position: fixed;
553 right: 10px; 553 right: 10px;
554 bottom: 10px; 554 bottom: 10px;
555 border-radius: 999px; 555 border-radius: 999px;
556 display: -webkit-box; 556 display: -webkit-box;
557 display: -ms-flexbox; 557 display: -ms-flexbox;
558 display: flex; 558 display: flex;
559 -webkit-box-pack: center; 559 -webkit-box-pack: center;
560 -ms-flex-pack: center; 560 -ms-flex-pack: center;
561 justify-content: center; 561 justify-content: center;
562 -webkit-box-align: center; 562 -webkit-box-align: center;
563 -ms-flex-align: center; 563 -ms-flex-align: center;
564 align-items: center; 564 align-items: center;
565 color: #fff; 565 color: #fff;
566 background: #377d87; 566 background: #377d87;
567 width: 40px; 567 width: 40px;
568 height: 40px; 568 height: 40px;
569 -webkit-transition: 0.3s; 569 -webkit-transition: 0.3s;
570 transition: 0.3s; 570 transition: 0.3s;
571 margin-right: -100px; 571 margin-right: -100px;
572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 z-index: 99; 574 z-index: 99;
575 border: 1px solid #377d87; 575 border: 1px solid #377d87;
576 } 576 }
577 .to-top:hover { 577 .to-top:hover {
578 background: #fff; 578 background: #fff;
579 color: #377d87; 579 color: #377d87;
580 } 580 }
581 .to-top svg { 581 .to-top svg {
582 width: 10px; 582 width: 10px;
583 height: 10px; 583 height: 10px;
584 } 584 }
585 @media (min-width: 768px) { 585 @media (min-width: 768px) {
586 .to-top { 586 .to-top {
587 width: 50px; 587 width: 50px;
588 height: 50px; 588 height: 50px;
589 right: 20px; 589 right: 20px;
590 bottom: 20px; 590 bottom: 20px;
591 } 591 }
592 .to-top svg { 592 .to-top svg {
593 width: 12px; 593 width: 12px;
594 height: 12px; 594 height: 12px;
595 } 595 }
596 } 596 }
597 597
598 .begin .to-top { 598 .begin .to-top {
599 margin-right: 0; 599 margin-right: 0;
600 } 600 }
601 601
602 .socials { 602 .socials {
603 display: -webkit-box; 603 display: -webkit-box;
604 display: -ms-flexbox; 604 display: -ms-flexbox;
605 display: flex; 605 display: flex;
606 -webkit-box-align: center; 606 -webkit-box-align: center;
607 -ms-flex-align: center; 607 -ms-flex-align: center;
608 align-items: center; 608 align-items: center;
609 -webkit-box-pack: center; 609 -webkit-box-pack: center;
610 -ms-flex-pack: center; 610 -ms-flex-pack: center;
611 justify-content: center; 611 justify-content: center;
612 gap: 8px; 612 gap: 8px;
613 } 613 }
614 .socials a { 614 .socials a {
615 display: -webkit-box; 615 display: -webkit-box;
616 display: -ms-flexbox; 616 display: -ms-flexbox;
617 display: flex; 617 display: flex;
618 -webkit-box-align: center; 618 -webkit-box-align: center;
619 -ms-flex-align: center; 619 -ms-flex-align: center;
620 align-items: center; 620 align-items: center;
621 -webkit-box-pack: center; 621 -webkit-box-pack: center;
622 -ms-flex-pack: center; 622 -ms-flex-pack: center;
623 justify-content: center; 623 justify-content: center;
624 border: 1px solid #377d87; 624 border: 1px solid #377d87;
625 color: #377d87; 625 color: #377d87;
626 border-radius: 999px; 626 border-radius: 999px;
627 width: 38px; 627 width: 38px;
628 height: 38px; 628 height: 38px;
629 } 629 }
630 .socials a:hover { 630 .socials a:hover {
631 background: #377d87; 631 background: #377d87;
632 color: #fff; 632 color: #fff;
633 } 633 }
634 .socials svg { 634 .socials svg {
635 width: 12px; 635 width: 12px;
636 height: 12px; 636 height: 12px;
637 } 637 }
638 638
639 .nls { 639 .nls {
640 display: -webkit-box; 640 display: -webkit-box;
641 display: -ms-flexbox; 641 display: -ms-flexbox;
642 display: flex; 642 display: flex;
643 color: #000; 643 color: #000;
644 text-align: left; 644 text-align: left;
645 } 645 }
646 .nls:hover { 646 .nls:hover {
647 color: #377d87; 647 color: #377d87;
648 } 648 }
649 .nls svg { 649 .nls svg {
650 width: 30px; 650 width: 30px;
651 height: 40px; 651 height: 40px;
652 } 652 }
653 @media (min-width: 768px) { 653 @media (min-width: 768px) {
654 .nls svg { 654 .nls svg {
655 width: 24px; 655 width: 24px;
656 height: 31px; 656 height: 31px;
657 } 657 }
658 } 658 }
659 .nls span { 659 .nls span {
660 width: calc(100% - 30px); 660 width: calc(100% - 30px);
661 padding-left: 12px; 661 padding-left: 12px;
662 display: -webkit-box; 662 display: -webkit-box;
663 display: -ms-flexbox; 663 display: -ms-flexbox;
664 display: flex; 664 display: flex;
665 -webkit-box-orient: vertical; 665 -webkit-box-orient: vertical;
666 -webkit-box-direction: normal; 666 -webkit-box-direction: normal;
667 -ms-flex-direction: column; 667 -ms-flex-direction: column;
668 flex-direction: column; 668 flex-direction: column;
669 -webkit-box-pack: center; 669 -webkit-box-pack: center;
670 -ms-flex-pack: center; 670 -ms-flex-pack: center;
671 justify-content: center; 671 justify-content: center;
672 font-size: 12px; 672 font-size: 12px;
673 line-height: 1.4; 673 line-height: 1.4;
674 } 674 }
675 @media (min-width: 768px) { 675 @media (min-width: 768px) {
676 .nls span { 676 .nls span {
677 width: calc(100% - 24px); 677 width: calc(100% - 24px);
678 } 678 }
679 } 679 }
680 .nls b { 680 .nls b {
681 font-weight: 400; 681 font-weight: 400;
682 } 682 }
683 683
684 .title, 684 .title,
685 h1 { 685 h1 {
686 margin: 0; 686 margin: 0;
687 font-weight: 700; 687 font-weight: 700;
688 font-size: 32px; 688 font-size: 32px;
689 } 689 }
690 @media (min-width: 768px) { 690 @media (min-width: 768px) {
691 .title, 691 .title,
692 h1 { 692 h1 {
693 font-size: 40px; 693 font-size: 40px;
694 } 694 }
695 } 695 }
696 @media (min-width: 992px) { 696 @media (min-width: 992px) {
697 .title, 697 .title,
698 h1 { 698 h1 {
699 font-size: 48px; 699 font-size: 48px;
700 } 700 }
701 } 701 }
702 @media (min-width: 1280px) { 702 @media (min-width: 1280px) {
703 .title, 703 .title,
704 h1 { 704 h1 {
705 font-size: 64px; 705 font-size: 64px;
706 } 706 }
707 } 707 }
708 708
709 .swiper-pagination { 709 .swiper-pagination {
710 display: -webkit-box; 710 display: -webkit-box;
711 display: -ms-flexbox; 711 display: -ms-flexbox;
712 display: flex; 712 display: flex;
713 -webkit-box-pack: center; 713 -webkit-box-pack: center;
714 -ms-flex-pack: center; 714 -ms-flex-pack: center;
715 justify-content: center; 715 justify-content: center;
716 -webkit-box-align: center; 716 -webkit-box-align: center;
717 -ms-flex-align: center; 717 -ms-flex-align: center;
718 align-items: center; 718 align-items: center;
719 position: static; 719 position: static;
720 margin-top: 20px; 720 margin-top: 20px;
721 gap: 8px; 721 gap: 8px;
722 } 722 }
723 @media (min-width: 768px) { 723 @media (min-width: 768px) {
724 .swiper-pagination { 724 .swiper-pagination {
725 margin-top: 30px; 725 margin-top: 30px;
726 } 726 }
727 } 727 }
728 .swiper-pagination-bullet { 728 .swiper-pagination-bullet {
729 width: 16px; 729 width: 16px;
730 height: 16px; 730 height: 16px;
731 opacity: 1; 731 opacity: 1;
732 border: 1px solid #cdcece; 732 border: 1px solid #cdcece;
733 -webkit-transition: 0.3s; 733 -webkit-transition: 0.3s;
734 transition: 0.3s; 734 transition: 0.3s;
735 background: transparent; 735 background: transparent;
736 display: -webkit-box; 736 display: -webkit-box;
737 display: -ms-flexbox; 737 display: -ms-flexbox;
738 display: flex; 738 display: flex;
739 -webkit-box-pack: center; 739 -webkit-box-pack: center;
740 -ms-flex-pack: center; 740 -ms-flex-pack: center;
741 justify-content: center; 741 justify-content: center;
742 -webkit-box-align: center; 742 -webkit-box-align: center;
743 -ms-flex-align: center; 743 -ms-flex-align: center;
744 align-items: center; 744 align-items: center;
745 margin: 0 !important; 745 margin: 0 !important;
746 } 746 }
747 .swiper-pagination-bullet:before { 747 .swiper-pagination-bullet:before {
748 content: ""; 748 content: "";
749 width: 6px; 749 width: 6px;
750 height: 6px; 750 height: 6px;
751 border-radius: 999px; 751 border-radius: 999px;
752 background: #377d87; 752 background: #377d87;
753 opacity: 0; 753 opacity: 0;
754 -webkit-transition: 0.3s; 754 -webkit-transition: 0.3s;
755 transition: 0.3s; 755 transition: 0.3s;
756 } 756 }
757 .swiper-pagination-bullet:hover { 757 .swiper-pagination-bullet:hover {
758 border-color: #377d87; 758 border-color: #377d87;
759 } 759 }
760 .swiper-pagination-bullet-active { 760 .swiper-pagination-bullet-active {
761 border-color: #377d87; 761 border-color: #377d87;
762 } 762 }
763 .swiper-pagination-bullet-active:before { 763 .swiper-pagination-bullet-active:before {
764 opacity: 1; 764 opacity: 1;
765 } 765 }
766 766
767 .navs { 767 .navs {
768 display: -webkit-box; 768 display: -webkit-box;
769 display: -ms-flexbox; 769 display: -ms-flexbox;
770 display: flex; 770 display: flex;
771 -webkit-box-align: center; 771 -webkit-box-align: center;
772 -ms-flex-align: center; 772 -ms-flex-align: center;
773 align-items: center; 773 align-items: center;
774 -webkit-box-pack: justify; 774 -webkit-box-pack: justify;
775 -ms-flex-pack: justify; 775 -ms-flex-pack: justify;
776 justify-content: space-between; 776 justify-content: space-between;
777 gap: 20px; 777 gap: 20px;
778 width: 80px; 778 width: 80px;
779 } 779 }
780 .navs button { 780 .navs button {
781 color: #377d87; 781 color: #377d87;
782 background: none; 782 background: none;
783 border: none; 783 border: none;
784 padding: 0; 784 padding: 0;
785 } 785 }
786 .navs button[disabled] { 786 .navs button[disabled] {
787 cursor: not-allowed; 787 cursor: not-allowed;
788 color: #cddee1; 788 color: #cddee1;
789 } 789 }
790 .navs svg { 790 .navs svg {
791 width: 14px; 791 width: 14px;
792 height: 28px; 792 height: 28px;
793 } 793 }
794 794
795 .select { 795 .select {
796 position: relative; 796 position: relative;
797 } 797 }
798 .select2 { 798 .select2 {
799 width: 100% !important; 799 width: 100% !important;
800 } 800 }
801 .select2-container { 801 .select2-container {
802 font-size: 12px; 802 font-size: 12px;
803 } 803 }
804 @media (min-width: 768px) { 804 @media (min-width: 768px) {
805 .select2-container { 805 .select2-container {
806 font-size: 16px; 806 font-size: 16px;
807 } 807 }
808 } 808 }
809 .select2-container--open .select2-selection { 809 .select2-container--open .select2-selection {
810 border-color: #377d87 !important; 810 border-color: #377d87 !important;
811 } 811 }
812 .select2-container--open .select2-selection__arrow svg { 812 .select2-container--open .select2-selection__arrow svg {
813 -webkit-transform: rotate(180deg); 813 -webkit-transform: rotate(180deg);
814 -ms-transform: rotate(180deg); 814 -ms-transform: rotate(180deg);
815 transform: rotate(180deg); 815 transform: rotate(180deg);
816 } 816 }
817 .select2-selection { 817 .select2-selection {
818 min-height: 30px !important; 818 min-height: 30px !important;
819 border-radius: 8px !important; 819 border-radius: 8px !important;
820 border-color: #e7e7e7 !important; 820 border-color: #e7e7e7 !important;
821 -webkit-transition: 0.3s; 821 -webkit-transition: 0.3s;
822 transition: 0.3s; 822 transition: 0.3s;
823 } 823 }
824 @media (min-width: 768px) { 824 @media (min-width: 768px) {
825 .select2-selection { 825 .select2-selection {
826 min-height: 50px !important; 826 min-height: 50px !important;
827 } 827 }
828 } 828 }
829 .select2-selection__rendered { 829 .select2-selection__rendered {
830 line-height: 28px !important; 830 line-height: 28px !important;
831 padding: 0 30px 0 10px !important; 831 padding: 0 30px 0 10px !important;
832 } 832 }
833 @media (min-width: 768px) { 833 @media (min-width: 768px) {
834 .select2-selection__rendered { 834 .select2-selection__rendered {
835 line-height: 48px !important; 835 line-height: 48px !important;
836 padding: 0 46px 0 20px !important; 836 padding: 0 46px 0 20px !important;
837 } 837 }
838 } 838 }
839 .select2-selection--multiple .select2-selection__rendered { 839 .select2-selection--multiple .select2-selection__rendered {
840 display: -webkit-box !important; 840 display: -webkit-box !important;
841 display: -ms-flexbox !important; 841 display: -ms-flexbox !important;
842 display: flex !important; 842 display: flex !important;
843 -webkit-box-align: center; 843 -webkit-box-align: center;
844 -ms-flex-align: center; 844 -ms-flex-align: center;
845 align-items: center; 845 align-items: center;
846 -ms-flex-wrap: wrap; 846 -ms-flex-wrap: wrap;
847 flex-wrap: wrap; 847 flex-wrap: wrap;
848 gap: 10px; 848 gap: 10px;
849 padding-top: 10px !important; 849 padding-top: 10px !important;
850 padding-bottom: 10px !important; 850 padding-bottom: 10px !important;
851 } 851 }
852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853 margin: 0; 853 margin: 0;
854 } 854 }
855 .select2-selection__arrow { 855 .select2-selection__arrow {
856 top: 0 !important; 856 top: 0 !important;
857 right: 0 !important; 857 right: 0 !important;
858 width: 30px !important; 858 width: 30px !important;
859 height: 100% !important; 859 height: 100% !important;
860 display: -webkit-box; 860 display: -webkit-box;
861 display: -ms-flexbox; 861 display: -ms-flexbox;
862 display: flex; 862 display: flex;
863 -webkit-box-pack: center; 863 -webkit-box-pack: center;
864 -ms-flex-pack: center; 864 -ms-flex-pack: center;
865 justify-content: center; 865 justify-content: center;
866 -webkit-box-align: center; 866 -webkit-box-align: center;
867 -ms-flex-align: center; 867 -ms-flex-align: center;
868 align-items: center; 868 align-items: center;
869 color: #377d87; 869 color: #377d87;
870 } 870 }
871 @media (min-width: 768px) { 871 @media (min-width: 768px) {
872 .select2-selection__arrow { 872 .select2-selection__arrow {
873 width: 50px !important; 873 width: 50px !important;
874 } 874 }
875 } 875 }
876 .select2-selection__arrow svg { 876 .select2-selection__arrow svg {
877 width: 12px; 877 width: 12px;
878 height: 12px; 878 height: 12px;
879 -webkit-transition: 0.3s; 879 -webkit-transition: 0.3s;
880 transition: 0.3s; 880 transition: 0.3s;
881 } 881 }
882 @media (min-width: 768px) { 882 @media (min-width: 768px) {
883 .select2-selection__arrow svg { 883 .select2-selection__arrow svg {
884 width: 14px; 884 width: 14px;
885 height: 14px; 885 height: 14px;
886 } 886 }
887 } 887 }
888 .select2-selection__choice { 888 .select2-selection__choice {
889 display: -webkit-box; 889 display: -webkit-box;
890 display: -ms-flexbox; 890 display: -ms-flexbox;
891 display: flex; 891 display: flex;
892 -webkit-box-orient: horizontal; 892 -webkit-box-orient: horizontal;
893 -webkit-box-direction: reverse; 893 -webkit-box-direction: reverse;
894 -ms-flex-direction: row-reverse; 894 -ms-flex-direction: row-reverse;
895 flex-direction: row-reverse; 895 flex-direction: row-reverse;
896 -webkit-box-align: center; 896 -webkit-box-align: center;
897 -ms-flex-align: center; 897 -ms-flex-align: center;
898 align-items: center; 898 align-items: center;
899 -webkit-box-pack: center; 899 -webkit-box-pack: center;
900 -ms-flex-pack: center; 900 -ms-flex-pack: center;
901 justify-content: center; 901 justify-content: center;
902 gap: 4px; 902 gap: 4px;
903 padding: 0 4px 0 6px !important; 903 padding: 0 4px 0 6px !important;
904 background: #377d87 !important; 904 background: #377d87 !important;
905 border: none !important; 905 border: none !important;
906 border-radius: 6px !important; 906 border-radius: 6px !important;
907 line-height: 1 !important; 907 line-height: 1 !important;
908 color: #fff; 908 color: #fff;
909 height: 24px; 909 height: 24px;
910 } 910 }
911 @media (min-width: 768px) { 911 @media (min-width: 768px) {
912 .select2-selection__choice { 912 .select2-selection__choice {
913 height: 32px; 913 height: 32px;
914 gap: 6px; 914 gap: 6px;
915 padding: 0 6px 0 10px !important; 915 padding: 0 6px 0 10px !important;
916 border-radius: 8px !important; 916 border-radius: 8px !important;
917 } 917 }
918 } 918 }
919 .select2-selection__choice__remove { 919 .select2-selection__choice__remove {
920 width: 14px; 920 width: 14px;
921 height: 14px; 921 height: 14px;
922 padding-top: 4px; 922 padding-top: 4px;
923 display: -webkit-box !important; 923 display: -webkit-box !important;
924 display: -ms-flexbox !important; 924 display: -ms-flexbox !important;
925 display: flex !important; 925 display: flex !important;
926 -webkit-box-pack: center; 926 -webkit-box-pack: center;
927 -ms-flex-pack: center; 927 -ms-flex-pack: center;
928 justify-content: center; 928 justify-content: center;
929 -webkit-box-align: center; 929 -webkit-box-align: center;
930 -ms-flex-align: center; 930 -ms-flex-align: center;
931 align-items: center; 931 align-items: center;
932 color: #fff !important; 932 color: #fff !important;
933 font-weight: 400 !important; 933 font-weight: 400 !important;
934 font-size: 26px; 934 font-size: 26px;
935 } 935 }
936 .select2-search { 936 .select2-search {
937 display: none; 937 display: none;
938 } 938 }
939 .select2-dropdown { 939 .select2-dropdown {
940 z-index: 99999; 940 z-index: 99999;
941 border: none; 941 border: none;
942 border-radius: 0; 942 border-radius: 0;
943 background: none; 943 background: none;
944 padding: 5px 0; 944 padding: 5px 0;
945 } 945 }
946 @media (min-width: 768px) { 946 @media (min-width: 768px) {
947 .select2-dropdown { 947 .select2-dropdown {
948 padding: 10px 0; 948 padding: 10px 0;
949 } 949 }
950 } 950 }
951 .select2-results { 951 .select2-results {
952 background: #fff; 952 background: #fff;
953 border-radius: 8px; 953 border-radius: 8px;
954 border: 1px solid #377d87; 954 border: 1px solid #377d87;
955 overflow: hidden; 955 overflow: hidden;
956 } 956 }
957 @media (min-width: 768px) { 957 @media (min-width: 768px) {
958 .select2-results__option { 958 .select2-results__option {
959 padding: 10px 14px; 959 padding: 10px 14px;
960 } 960 }
961 } 961 }
962 .select2-results__option--highlighted { 962 .select2-results__option--highlighted {
963 background: #377d87 !important; 963 background: #377d87 !important;
964 } 964 }
965 @media (min-width: 768px) { 965 @media (min-width: 768px) {
966 .select_search .select2-selection__rendered { 966 .select_search .select2-selection__rendered {
967 padding-left: 60px !important; 967 padding-left: 60px !important;
968 } 968 }
969 } 969 }
970 .select_search .select__icon { 970 .select_search .select__icon {
971 display: none; 971 display: none;
972 height: 28px; 972 height: 28px;
973 -webkit-box-align: center; 973 -webkit-box-align: center;
974 -ms-flex-align: center; 974 -ms-flex-align: center;
975 align-items: center; 975 align-items: center;
976 padding-right: 12px; 976 padding-right: 12px;
977 z-index: 2; 977 z-index: 2;
978 position: absolute; 978 position: absolute;
979 top: 50%; 979 top: 50%;
980 left: 15px; 980 left: 15px;
981 margin-top: -14px; 981 margin-top: -14px;
982 } 982 }
983 @media (min-width: 768px) { 983 @media (min-width: 768px) {
984 .select_search .select__icon { 984 .select_search .select__icon {
985 display: -webkit-box; 985 display: -webkit-box;
986 display: -ms-flexbox; 986 display: -ms-flexbox;
987 display: flex; 987 display: flex;
988 } 988 }
989 } 989 }
990 .select_search .select__icon:after { 990 .select_search .select__icon:after {
991 content: ""; 991 content: "";
992 width: 1px; 992 width: 1px;
993 height: 100%; 993 height: 100%;
994 border-radius: 999px; 994 border-radius: 999px;
995 position: absolute; 995 position: absolute;
996 top: 0; 996 top: 0;
997 right: 0; 997 right: 0;
998 background: #cecece; 998 background: #cecece;
999 } 999 }
1000 .select_search .select__icon svg { 1000 .select_search .select__icon svg {
1001 color: #9c9d9d; 1001 color: #9c9d9d;
1002 width: 20px; 1002 width: 20px;
1003 height: 20px; 1003 height: 20px;
1004 } 1004 }
1005 1005
1006 .form-group { 1006 .form-group {
1007 display: -webkit-box; 1007 display: -webkit-box;
1008 display: -ms-flexbox; 1008 display: -ms-flexbox;
1009 display: flex; 1009 display: flex;
1010 -webkit-box-orient: vertical; 1010 -webkit-box-orient: vertical;
1011 -webkit-box-direction: normal; 1011 -webkit-box-direction: normal;
1012 -ms-flex-direction: column; 1012 -ms-flex-direction: column;
1013 flex-direction: column; 1013 flex-direction: column;
1014 gap: 4px; 1014 gap: 4px;
1015 } 1015 }
1016 .form-group__label { 1016 .form-group__label {
1017 font-size: 12px; 1017 font-size: 12px;
1018 } 1018 }
1019 @media (min-width: 768px) { 1019 @media (min-width: 768px) {
1020 .form-group__label { 1020 .form-group__label {
1021 font-size: 16px; 1021 font-size: 16px;
1022 } 1022 }
1023 } 1023 }
1024 .form-group__item { 1024 .form-group__item {
1025 display: -webkit-box; 1025 display: -webkit-box;
1026 display: -ms-flexbox; 1026 display: -ms-flexbox;
1027 display: flex; 1027 display: flex;
1028 -webkit-box-orient: vertical; 1028 -webkit-box-orient: vertical;
1029 -webkit-box-direction: normal; 1029 -webkit-box-direction: normal;
1030 -ms-flex-direction: column; 1030 -ms-flex-direction: column;
1031 flex-direction: column; 1031 flex-direction: column;
1032 position: relative; 1032 position: relative;
1033 } 1033 }
1034 1034
1035 .input { 1035 .input {
1036 display: block; 1036 display: block;
1037 height: 30px; 1037 height: 30px;
1038 border: 1px solid #cecece; 1038 border: 1px solid #cecece;
1039 background: #fff; 1039 background: #fff;
1040 font-size: 12px; 1040 font-size: 12px;
1041 border-radius: 8px; 1041 border-radius: 8px;
1042 padding: 0 10px; 1042 padding: 0 10px;
1043 color: #000; 1043 color: #000;
1044 -webkit-transition: 0.3s; 1044 -webkit-transition: 0.3s;
1045 transition: 0.3s; 1045 transition: 0.3s;
1046 position: relative; 1046 position: relative;
1047 z-index: 1; 1047 z-index: 1;
1048 } 1048 }
1049 @media (min-width: 768px) { 1049 @media (min-width: 768px) {
1050 .input { 1050 .input {
1051 padding: 0 20px; 1051 padding: 0 20px;
1052 height: 44px; 1052 height: 44px;
1053 font-size: 16px; 1053 font-size: 16px;
1054 } 1054 }
1055 } 1055 }
1056 .input:focus { 1056 .input:focus {
1057 border-color: #377d87; 1057 border-color: #377d87;
1058 } 1058 }
1059 .input[disabled] { 1059 .input[disabled] {
1060 color: #9c9d9d; 1060 color: #9c9d9d;
1061 background: #e7e7e7; 1061 background: #e7e7e7;
1062 } 1062 }
1063 .input[type=date] { 1063 .input[type=date] {
1064 text-transform: uppercase; 1064 text-transform: uppercase;
1065 } 1065 }
1066 1066
1067 .textarea { 1067 .textarea {
1068 resize: none; 1068 resize: none;
1069 display: block; 1069 display: block;
1070 width: 100%; 1070 width: 100%;
1071 border-radius: 8px; 1071 border-radius: 8px;
1072 border: 1px solid #cecece; 1072 border: 1px solid #cecece;
1073 background: #fff; 1073 background: #fff;
1074 -webkit-transition: 0.3s; 1074 -webkit-transition: 0.3s;
1075 transition: 0.3s; 1075 transition: 0.3s;
1076 font-size: 12px; 1076 font-size: 12px;
1077 line-height: 1.4; 1077 line-height: 1.4;
1078 padding: 10px; 1078 padding: 10px;
1079 aspect-ratio: 8/3; 1079 aspect-ratio: 8/3;
1080 max-height: 250px; 1080 max-height: 250px;
1081 } 1081 }
1082 @media (min-width: 768px) { 1082 @media (min-width: 768px) {
1083 .textarea { 1083 .textarea {
1084 padding: 20px; 1084 padding: 20px;
1085 font-size: 16px; 1085 font-size: 16px;
1086 height: 280px; 1086 height: 280px;
1087 } 1087 }
1088 } 1088 }
1089 .textarea:focus { 1089 .textarea:focus {
1090 border-color: #377d87; 1090 border-color: #377d87;
1091 } 1091 }
1092 1092
1093 .button { 1093 .button {
1094 display: -webkit-box; 1094 display: -webkit-box;
1095 display: -ms-flexbox; 1095 display: -ms-flexbox;
1096 display: flex; 1096 display: flex;
1097 -webkit-box-pack: center; 1097 -webkit-box-pack: center;
1098 -ms-flex-pack: center; 1098 -ms-flex-pack: center;
1099 justify-content: center; 1099 justify-content: center;
1100 -webkit-box-align: center; 1100 -webkit-box-align: center;
1101 -ms-flex-align: center; 1101 -ms-flex-align: center;
1102 align-items: center; 1102 align-items: center;
1103 color: #fff; 1103 color: #fff;
1104 background: #377d87; 1104 background: #377d87;
1105 height: 30px; 1105 height: 30px;
1106 border-radius: 8px; 1106 border-radius: 8px;
1107 padding: 0 12px; 1107 padding: 0 12px;
1108 border: 1px solid #377d87; 1108 border: 1px solid #377d87;
1109 font-weight: 700; 1109 font-weight: 700;
1110 font-size: 12px; 1110 font-size: 12px;
1111 text-align: center; 1111 text-align: center;
1112 line-height: 1; 1112 line-height: 1;
1113 gap: 6px; 1113 gap: 6px;
1114 -webkit-transition: 0.3s; 1114 -webkit-transition: 0.3s;
1115 transition: 0.3s; 1115 transition: 0.3s;
1116 cursor: pointer; 1116 cursor: pointer;
1117 } 1117 }
1118 @media (min-width: 768px) { 1118 @media (min-width: 768px) {
1119 .button { 1119 .button {
1120 padding: 0 24px; 1120 padding: 0 24px;
1121 font-size: 16px; 1121 font-size: 16px;
1122 height: 44px; 1122 height: 44px;
1123 gap: 12px; 1123 gap: 12px;
1124 } 1124 }
1125 } 1125 }
1126 @media (min-width: 992px) { 1126 @media (min-width: 992px) {
1127 .button { 1127 .button {
1128 padding: 0 36px; 1128 padding: 0 36px;
1129 } 1129 }
1130 } 1130 }
1131 .button:hover { 1131 .button:hover {
1132 background: transparent; 1132 background: transparent;
1133 color: #377d87; 1133 color: #377d87;
1134 } 1134 }
1135 .button img, 1135 .button img,
1136 .button svg { 1136 .button svg {
1137 width: 12px; 1137 width: 12px;
1138 height: 12px; 1138 height: 12px;
1139 } 1139 }
1140 @media (min-width: 768px) { 1140 @media (min-width: 768px) {
1141 .button img, 1141 .button img,
1142 .button svg { 1142 .button svg {
1143 width: 18px; 1143 width: 18px;
1144 height: 18px; 1144 height: 18px;
1145 } 1145 }
1146 } 1146 }
1147 .button_more span + span { 1147 .button_more span + span {
1148 display: none; 1148 display: none;
1149 } 1149 }
1150 .button_more.active span { 1150 .button_more.active span {
1151 display: none; 1151 display: none;
1152 } 1152 }
1153 .button_more.active span + span { 1153 .button_more.active span + span {
1154 display: block; 1154 display: block;
1155 } 1155 }
1156 .button_light { 1156 .button_light {
1157 background: transparent; 1157 background: transparent;
1158 color: #377d87; 1158 color: #377d87;
1159 } 1159 }
1160 .button_light:hover { 1160 .button_light:hover {
1161 background: #377d87; 1161 background: #377d87;
1162 color: #fff; 1162 color: #fff;
1163 } 1163 }
1164 .button_whited { 1164 .button_whited {
1165 background: #fff; 1165 background: #fff;
1166 color: #377d87; 1166 color: #377d87;
1167 border-color: #fff; 1167 border-color: #fff;
1168 } 1168 }
1169 .button_whited:hover { 1169 .button_whited:hover {
1170 background: #377d87; 1170 background: #377d87;
1171 color: #fff; 1171 color: #fff;
1172 } 1172 }
1173 1173
1174 .search { 1174 .search {
1175 width: 100%; 1175 width: 100%;
1176 position: relative; 1176 position: relative;
1177 background: #fff; 1177 background: #fff;
1178 border-radius: 8px; 1178 border-radius: 8px;
1179 } 1179 }
1180 .search span { 1180 .search span {
1181 display: none; 1181 display: none;
1182 height: 28px; 1182 height: 28px;
1183 -webkit-box-align: center; 1183 -webkit-box-align: center;
1184 -ms-flex-align: center; 1184 -ms-flex-align: center;
1185 align-items: center; 1185 align-items: center;
1186 padding-right: 12px; 1186 padding-right: 12px;
1187 z-index: 1; 1187 z-index: 1;
1188 position: absolute; 1188 position: absolute;
1189 top: 50%; 1189 top: 50%;
1190 left: 15px; 1190 left: 15px;
1191 margin-top: -14px; 1191 margin-top: -14px;
1192 } 1192 }
1193 @media (min-width: 768px) { 1193 @media (min-width: 768px) {
1194 .search span { 1194 .search span {
1195 display: -webkit-box; 1195 display: -webkit-box;
1196 display: -ms-flexbox; 1196 display: -ms-flexbox;
1197 display: flex; 1197 display: flex;
1198 } 1198 }
1199 } 1199 }
1200 .search span:after { 1200 .search span:after {
1201 content: ""; 1201 content: "";
1202 width: 1px; 1202 width: 1px;
1203 height: 100%; 1203 height: 100%;
1204 border-radius: 999px; 1204 border-radius: 999px;
1205 position: absolute; 1205 position: absolute;
1206 top: 0; 1206 top: 0;
1207 right: 0; 1207 right: 0;
1208 background: #cecece; 1208 background: #cecece;
1209 } 1209 }
1210 .search span svg { 1210 .search span svg {
1211 color: #9c9d9d; 1211 color: #9c9d9d;
1212 width: 20px; 1212 width: 20px;
1213 height: 20px; 1213 height: 20px;
1214 } 1214 }
1215 .search input { 1215 .search input {
1216 width: 100%; 1216 width: 100%;
1217 padding-right: 150px; 1217 padding-right: 150px;
1218 position: relative; 1218 position: relative;
1219 z-index: 2; 1219 z-index: 2;
1220 background: none; 1220 background: none;
1221 } 1221 }
1222 @media (min-width: 768px) { 1222 @media (min-width: 768px) {
1223 .search input { 1223 .search input {
1224 padding-left: 60px; 1224 padding-left: 60px;
1225 padding-right: 220px; 1225 padding-right: 220px;
1226 } 1226 }
1227 } 1227 }
1228 .search button { 1228 .search button {
1229 width: 140px; 1229 width: 140px;
1230 position: absolute; 1230 position: absolute;
1231 padding: 0; 1231 padding: 0;
1232 top: 0; 1232 top: 0;
1233 right: 0; 1233 right: 0;
1234 z-index: 3; 1234 z-index: 3;
1235 } 1235 }
1236 @media (min-width: 768px) { 1236 @media (min-width: 768px) {
1237 .search button { 1237 .search button {
1238 width: 200px; 1238 width: 200px;
1239 } 1239 }
1240 } 1240 }
1241 1241
1242 .breadcrumbs { 1242 .breadcrumbs {
1243 display: -webkit-box; 1243 display: -webkit-box;
1244 display: -ms-flexbox; 1244 display: -ms-flexbox;
1245 display: flex; 1245 display: flex;
1246 -webkit-box-align: center; 1246 -webkit-box-align: center;
1247 -ms-flex-align: center; 1247 -ms-flex-align: center;
1248 align-items: center; 1248 align-items: center;
1249 -ms-flex-wrap: wrap; 1249 -ms-flex-wrap: wrap;
1250 flex-wrap: wrap; 1250 flex-wrap: wrap;
1251 gap: 12px 6px; 1251 gap: 12px 6px;
1252 margin: 0; 1252 margin: 0;
1253 padding: 0; 1253 padding: 0;
1254 font-size: 11px; 1254 font-size: 11px;
1255 color: #cecece; 1255 color: #cecece;
1256 line-height: 1; 1256 line-height: 1;
1257 } 1257 }
1258 @media (min-width: 992px) { 1258 @media (min-width: 992px) {
1259 .breadcrumbs { 1259 .breadcrumbs {
1260 font-size: 13px; 1260 font-size: 13px;
1261 } 1261 }
1262 } 1262 }
1263 @media (min-width: 1280px) { 1263 @media (min-width: 1280px) {
1264 .breadcrumbs { 1264 .breadcrumbs {
1265 font-size: 16px; 1265 font-size: 16px;
1266 } 1266 }
1267 } 1267 }
1268 .breadcrumbs li { 1268 .breadcrumbs li {
1269 display: -webkit-box; 1269 display: -webkit-box;
1270 display: -ms-flexbox; 1270 display: -ms-flexbox;
1271 display: flex; 1271 display: flex;
1272 -webkit-box-align: center; 1272 -webkit-box-align: center;
1273 -ms-flex-align: center; 1273 -ms-flex-align: center;
1274 align-items: center; 1274 align-items: center;
1275 gap: 6px; 1275 gap: 6px;
1276 } 1276 }
1277 .breadcrumbs li:before { 1277 .breadcrumbs li:before {
1278 content: ""; 1278 content: "";
1279 width: 4px; 1279 width: 4px;
1280 height: 4px; 1280 height: 4px;
1281 background: #cecece; 1281 background: #cecece;
1282 border-radius: 999px; 1282 border-radius: 999px;
1283 position: relative; 1283 position: relative;
1284 top: -1px; 1284 top: -1px;
1285 } 1285 }
1286 .breadcrumbs li:first-child:before { 1286 .breadcrumbs li:first-child:before {
1287 display: none; 1287 display: none;
1288 } 1288 }
1289 .breadcrumbs li:last-child:before { 1289 .breadcrumbs li:last-child:before {
1290 background: #377d87; 1290 background: #377d87;
1291 } 1291 }
1292 .breadcrumbs a:hover { 1292 .breadcrumbs a:hover {
1293 color: #377d87; 1293 color: #377d87;
1294 } 1294 }
1295 .breadcrumbs b { 1295 .breadcrumbs b {
1296 color: #377d87; 1296 color: #377d87;
1297 font-weight: 700; 1297 font-weight: 700;
1298 } 1298 }
1299 1299
1300 .pagination { 1300 .pagination {
1301 display: -webkit-box; 1301 display: -webkit-box;
1302 display: -ms-flexbox; 1302 display: -ms-flexbox;
1303 display: flex; 1303 display: flex;
1304 -webkit-box-align: center; 1304 -webkit-box-align: center;
1305 -ms-flex-align: center; 1305 -ms-flex-align: center;
1306 align-items: center; 1306 align-items: center;
1307 -webkit-box-pack: center; 1307 -webkit-box-pack: center;
1308 -ms-flex-pack: center; 1308 -ms-flex-pack: center;
1309 justify-content: center; 1309 justify-content: center;
1310 -ms-flex-wrap: wrap; 1310 -ms-flex-wrap: wrap;
1311 flex-wrap: wrap; 1311 flex-wrap: wrap;
1312 line-height: 1; 1312 line-height: 1;
1313 color: #000; 1313 color: #000;
1314 font-size: 12px; 1314 font-size: 12px;
1315 margin: 0 auto; 1315 margin: 0 auto;
1316 } 1316 }
1317 @media (min-width: 768px) { 1317 @media (min-width: 768px) {
1318 .pagination { 1318 .pagination {
1319 font-size: 14px; 1319 font-size: 14px;
1320 gap: 3px; 1320 gap: 3px;
1321 } 1321 }
1322 } 1322 }
1323 .pagination__item { 1323 .pagination__item {
1324 width: 40px; 1324 width: 40px;
1325 height: 40px; 1325 height: 40px;
1326 display: -webkit-box; 1326 display: -webkit-box;
1327 display: -ms-flexbox; 1327 display: -ms-flexbox;
1328 display: flex; 1328 display: flex;
1329 -webkit-box-pack: center; 1329 -webkit-box-pack: center;
1330 -ms-flex-pack: center; 1330 -ms-flex-pack: center;
1331 justify-content: center; 1331 justify-content: center;
1332 -webkit-box-align: center; 1332 -webkit-box-align: center;
1333 -ms-flex-align: center; 1333 -ms-flex-align: center;
1334 align-items: center; 1334 align-items: center;
1335 background: none; 1335 background: none;
1336 padding: 0; 1336 padding: 0;
1337 border: 1px solid transparent; 1337 border: 1px solid transparent;
1338 border-radius: 8px; 1338 border-radius: 8px;
1339 } 1339 }
1340 .pagination__item:hover { 1340 .pagination__item:hover {
1341 -webkit-transition: 0s; 1341 -webkit-transition: 0s;
1342 transition: 0s; 1342 transition: 0s;
1343 color: #377d87; 1343 color: #377d87;
1344 font-weight: 700; 1344 font-weight: 700;
1345 } 1345 }
1346 .pagination__item.active { 1346 .pagination__item.active {
1347 font-weight: 700; 1347 font-weight: 700;
1348 color: #fff; 1348 color: #fff;
1349 background: #377d87; 1349 background: #377d87;
1350 border-color: #377d87; 1350 border-color: #377d87;
1351 } 1351 }
1352 .pagination__dots { 1352 .pagination__dots {
1353 width: 40px; 1353 width: 40px;
1354 height: 40px; 1354 height: 40px;
1355 display: -webkit-box; 1355 display: -webkit-box;
1356 display: -ms-flexbox; 1356 display: -ms-flexbox;
1357 display: flex; 1357 display: flex;
1358 -webkit-box-pack: center; 1358 -webkit-box-pack: center;
1359 -ms-flex-pack: center; 1359 -ms-flex-pack: center;
1360 justify-content: center; 1360 justify-content: center;
1361 -webkit-box-align: center; 1361 -webkit-box-align: center;
1362 -ms-flex-align: center; 1362 -ms-flex-align: center;
1363 align-items: center; 1363 align-items: center;
1364 } 1364 }
1365 .pagination__dots svg { 1365 .pagination__dots svg {
1366 width: 15px; 1366 width: 15px;
1367 height: 15px; 1367 height: 15px;
1368 } 1368 }
1369 .pagination__nav { 1369 .pagination__nav {
1370 width: 40px; 1370 width: 40px;
1371 height: 40px; 1371 height: 40px;
1372 display: none; 1372 display: none;
1373 -webkit-box-pack: center; 1373 -webkit-box-pack: center;
1374 -ms-flex-pack: center; 1374 -ms-flex-pack: center;
1375 justify-content: center; 1375 justify-content: center;
1376 -webkit-box-align: center; 1376 -webkit-box-align: center;
1377 -ms-flex-align: center; 1377 -ms-flex-align: center;
1378 align-items: center; 1378 align-items: center;
1379 background: none; 1379 background: none;
1380 padding: 0; 1380 padding: 0;
1381 border: 1px solid #cddee1; 1381 border: 1px solid #cddee1;
1382 color: #377d87; 1382 color: #377d87;
1383 border-radius: 8px; 1383 border-radius: 8px;
1384 } 1384 }
1385 @media (min-width: 768px) { 1385 @media (min-width: 768px) {
1386 .pagination__nav { 1386 .pagination__nav {
1387 display: -webkit-box; 1387 display: -webkit-box;
1388 display: -ms-flexbox; 1388 display: -ms-flexbox;
1389 display: flex; 1389 display: flex;
1390 } 1390 }
1391 } 1391 }
1392 .pagination__nav:hover { 1392 .pagination__nav:hover {
1393 border-color: #377d87; 1393 border-color: #377d87;
1394 background: #377d87; 1394 background: #377d87;
1395 color: #fff; 1395 color: #fff;
1396 } 1396 }
1397 .pagination__nav svg { 1397 .pagination__nav svg {
1398 width: 10px; 1398 width: 10px;
1399 height: 10px; 1399 height: 10px;
1400 } 1400 }
1401 .pagination__nav_prev { 1401 .pagination__nav_prev {
1402 margin-right: 37px; 1402 margin-right: 37px;
1403 } 1403 }
1404 .pagination__nav_prev svg { 1404 .pagination__nav_prev svg {
1405 -webkit-transform: rotate(180deg); 1405 -webkit-transform: rotate(180deg);
1406 -ms-transform: rotate(180deg); 1406 -ms-transform: rotate(180deg);
1407 transform: rotate(180deg); 1407 transform: rotate(180deg);
1408 } 1408 }
1409 .pagination__nav_next { 1409 .pagination__nav_next {
1410 margin-left: 37px; 1410 margin-left: 37px;
1411 } 1411 }
1412 1412
1413 .filters { 1413 .filters {
1414 display: -webkit-box; 1414 display: -webkit-box;
1415 display: -ms-flexbox; 1415 display: -ms-flexbox;
1416 display: flex; 1416 display: flex;
1417 -webkit-box-orient: vertical; 1417 -webkit-box-orient: vertical;
1418 -webkit-box-direction: normal; 1418 -webkit-box-direction: normal;
1419 -ms-flex-direction: column; 1419 -ms-flex-direction: column;
1420 flex-direction: column; 1420 flex-direction: column;
1421 gap: 10px; 1421 gap: 10px;
1422 } 1422 }
1423 @media (min-width: 768px) { 1423 @media (min-width: 768px) {
1424 .filters { 1424 .filters {
1425 -webkit-box-orient: horizontal; 1425 -webkit-box-orient: horizontal;
1426 -webkit-box-direction: normal; 1426 -webkit-box-direction: normal;
1427 -ms-flex-direction: row; 1427 -ms-flex-direction: row;
1428 flex-direction: row; 1428 flex-direction: row;
1429 -webkit-box-align: center; 1429 -webkit-box-align: center;
1430 -ms-flex-align: center; 1430 -ms-flex-align: center;
1431 align-items: center; 1431 align-items: center;
1432 -webkit-box-pack: justify; 1432 -webkit-box-pack: justify;
1433 -ms-flex-pack: justify; 1433 -ms-flex-pack: justify;
1434 justify-content: space-between; 1434 justify-content: space-between;
1435 } 1435 }
1436 } 1436 }
1437 .filters__label { 1437 .filters__label {
1438 color: #377d87; 1438 color: #377d87;
1439 font-size: 12px; 1439 font-size: 12px;
1440 font-weight: 700; 1440 font-weight: 700;
1441 } 1441 }
1442 @media (min-width: 768px) { 1442 @media (min-width: 768px) {
1443 .filters__label { 1443 .filters__label {
1444 font-size: 16px; 1444 font-size: 16px;
1445 } 1445 }
1446 } 1446 }
1447 @media (min-width: 992px) { 1447 @media (min-width: 992px) {
1448 .filters__label { 1448 .filters__label {
1449 font-size: 18px; 1449 font-size: 18px;
1450 } 1450 }
1451 } 1451 }
1452 .filters__body { 1452 .filters__body {
1453 display: -webkit-box; 1453 display: -webkit-box;
1454 display: -ms-flexbox; 1454 display: -ms-flexbox;
1455 display: flex; 1455 display: flex;
1456 -webkit-box-orient: vertical; 1456 -webkit-box-orient: vertical;
1457 -webkit-box-direction: normal; 1457 -webkit-box-direction: normal;
1458 -ms-flex-direction: column; 1458 -ms-flex-direction: column;
1459 flex-direction: column; 1459 flex-direction: column;
1460 } 1460 }
1461 @media (min-width: 768px) { 1461 @media (min-width: 768px) {
1462 .filters__body { 1462 .filters__body {
1463 -webkit-box-orient: horizontal; 1463 -webkit-box-orient: horizontal;
1464 -webkit-box-direction: normal; 1464 -webkit-box-direction: normal;
1465 -ms-flex-direction: row; 1465 -ms-flex-direction: row;
1466 flex-direction: row; 1466 flex-direction: row;
1467 -webkit-box-align: center; 1467 -webkit-box-align: center;
1468 -ms-flex-align: center; 1468 -ms-flex-align: center;
1469 align-items: center; 1469 align-items: center;
1470 } 1470 }
1471 } 1471 }
1472 @media (min-width: 768px) { 1472 @media (min-width: 768px) {
1473 .filters__select { 1473 .filters__select {
1474 width: 250px; 1474 width: 250px;
1475 } 1475 }
1476 } 1476 }
1477 @media (min-width: 992px) { 1477 @media (min-width: 992px) {
1478 .filters__select { 1478 .filters__select {
1479 width: 310px; 1479 width: 310px;
1480 } 1480 }
1481 } 1481 }
1482 .filters__item { 1482 .filters__item {
1483 display: none; 1483 display: none;
1484 -webkit-box-pack: center; 1484 -webkit-box-pack: center;
1485 -ms-flex-pack: center; 1485 -ms-flex-pack: center;
1486 justify-content: center; 1486 justify-content: center;
1487 -webkit-box-align: center; 1487 -webkit-box-align: center;
1488 -ms-flex-align: center; 1488 -ms-flex-align: center;
1489 align-items: center; 1489 align-items: center;
1490 width: 50px; 1490 width: 50px;
1491 height: 50px; 1491 height: 50px;
1492 padding: 0; 1492 padding: 0;
1493 background: #fff; 1493 background: #fff;
1494 border: 1px solid #377d87; 1494 border: 1px solid #377d87;
1495 color: #377d87; 1495 color: #377d87;
1496 border-radius: 8px; 1496 border-radius: 8px;
1497 margin-left: 20px; 1497 margin-left: 20px;
1498 } 1498 }
1499 @media (min-width: 768px) { 1499 @media (min-width: 768px) {
1500 .filters__item { 1500 .filters__item {
1501 display: -webkit-box; 1501 display: -webkit-box;
1502 display: -ms-flexbox; 1502 display: -ms-flexbox;
1503 display: flex; 1503 display: flex;
1504 } 1504 }
1505 } 1505 }
1506 .filters__item svg { 1506 .filters__item svg {
1507 width: 24px; 1507 width: 24px;
1508 height: 24px; 1508 height: 24px;
1509 } 1509 }
1510 .filters__item.active { 1510 .filters__item.active {
1511 background: #377d87; 1511 background: #377d87;
1512 color: #fff; 1512 color: #fff;
1513 } 1513 }
1514 .filters__item + .filters__item { 1514 .filters__item + .filters__item {
1515 margin-left: 8px; 1515 margin-left: 8px;
1516 } 1516 }
1517 1517
1518 .like, 1518 .like,
1519 .chat { 1519 .chat {
1520 width: 30px; 1520 width: 30px;
1521 height: 30px; 1521 height: 30px;
1522 display: -webkit-box; 1522 display: -webkit-box;
1523 display: -ms-flexbox; 1523 display: -ms-flexbox;
1524 display: flex; 1524 display: flex;
1525 -webkit-box-pack: center; 1525 -webkit-box-pack: center;
1526 -ms-flex-pack: center; 1526 -ms-flex-pack: center;
1527 justify-content: center; 1527 justify-content: center;
1528 -webkit-box-align: center; 1528 -webkit-box-align: center;
1529 -ms-flex-align: center; 1529 -ms-flex-align: center;
1530 align-items: center; 1530 align-items: center;
1531 background: none; 1531 background: none;
1532 border: 1px solid #377d87; 1532 border: 1px solid #377d87;
1533 padding: 0; 1533 padding: 0;
1534 color: #377d87; 1534 color: #377d87;
1535 border-radius: 6px; 1535 border-radius: 6px;
1536 } 1536 }
1537 @media (min-width: 768px) { 1537 @media (min-width: 768px) {
1538 .like, 1538 .like,
1539 .chat { 1539 .chat {
1540 width: 44px; 1540 width: 44px;
1541 height: 44px; 1541 height: 44px;
1542 } 1542 }
1543 } 1543 }
1544 .like.active, 1544 .like.active,
1545 .chat.active { 1545 .chat.active {
1546 background: #377d87; 1546 background: #377d87;
1547 color: #fff; 1547 color: #fff;
1548 } 1548 }
1549 .like svg, 1549 .like svg,
1550 .chat svg { 1550 .chat svg {
1551 width: 14px; 1551 width: 14px;
1552 height: 14px; 1552 height: 14px;
1553 } 1553 }
1554 @media (min-width: 768px) { 1554 @media (min-width: 768px) {
1555 .like svg, 1555 .like svg,
1556 .chat svg { 1556 .chat svg {
1557 width: 20px; 1557 width: 20px;
1558 height: 20px; 1558 height: 20px;
1559 } 1559 }
1560 } 1560 }
1561 1561
1562 .like.active { 1562 .like.active {
1563 background: #eb5757; 1563 background: #eb5757;
1564 border-color: #eb5757; 1564 border-color: #eb5757;
1565 } 1565 }
1566 1566
1567 .checkbox { 1567 .checkbox {
1568 display: -webkit-box; 1568 display: -webkit-box;
1569 display: -ms-flexbox; 1569 display: -ms-flexbox;
1570 display: flex; 1570 display: flex;
1571 -webkit-box-align: start; 1571 -webkit-box-align: start;
1572 -ms-flex-align: start; 1572 -ms-flex-align: start;
1573 align-items: flex-start; 1573 align-items: flex-start;
1574 cursor: pointer; 1574 cursor: pointer;
1575 position: relative; 1575 position: relative;
1576 } 1576 }
1577 .checkbox__input { 1577 .checkbox__input {
1578 position: absolute; 1578 position: absolute;
1579 z-index: 1; 1579 z-index: 1;
1580 width: 14px; 1580 width: 14px;
1581 height: 14px; 1581 height: 14px;
1582 padding: 0; 1582 padding: 0;
1583 background: none; 1583 background: none;
1584 border: none; 1584 border: none;
1585 opacity: 0; 1585 opacity: 0;
1586 } 1586 }
1587 @media (min-width: 768px) { 1587 @media (min-width: 768px) {
1588 .checkbox__input { 1588 .checkbox__input {
1589 width: 20px; 1589 width: 20px;
1590 height: 20px; 1590 height: 20px;
1591 } 1591 }
1592 } 1592 }
1593 .checkbox__icon { 1593 .checkbox__icon {
1594 width: 14px; 1594 width: 14px;
1595 height: 14px; 1595 height: 14px;
1596 border: 1px solid #cfcfcf; 1596 border: 1px solid #cfcfcf;
1597 background: #fff; 1597 background: #fff;
1598 color: #fff; 1598 color: #fff;
1599 display: -webkit-box; 1599 display: -webkit-box;
1600 display: -ms-flexbox; 1600 display: -ms-flexbox;
1601 display: flex; 1601 display: flex;
1602 -webkit-box-pack: center; 1602 -webkit-box-pack: center;
1603 -ms-flex-pack: center; 1603 -ms-flex-pack: center;
1604 justify-content: center; 1604 justify-content: center;
1605 -webkit-box-align: center; 1605 -webkit-box-align: center;
1606 -ms-flex-align: center; 1606 -ms-flex-align: center;
1607 align-items: center; 1607 align-items: center;
1608 border-radius: 4px; 1608 border-radius: 4px;
1609 -webkit-transition: 0.3s; 1609 -webkit-transition: 0.3s;
1610 transition: 0.3s; 1610 transition: 0.3s;
1611 position: relative; 1611 position: relative;
1612 z-index: 2; 1612 z-index: 2;
1613 } 1613 }
1614 @media (min-width: 768px) { 1614 @media (min-width: 768px) {
1615 .checkbox__icon { 1615 .checkbox__icon {
1616 width: 20px; 1616 width: 20px;
1617 height: 20px; 1617 height: 20px;
1618 } 1618 }
1619 } 1619 }
1620 .checkbox__icon svg { 1620 .checkbox__icon svg {
1621 width: 8px; 1621 width: 8px;
1622 height: 8px; 1622 height: 8px;
1623 opacity: 0; 1623 opacity: 0;
1624 } 1624 }
1625 @media (min-width: 768px) { 1625 @media (min-width: 768px) {
1626 .checkbox__icon svg { 1626 .checkbox__icon svg {
1627 width: 10px; 1627 width: 10px;
1628 height: 10px; 1628 height: 10px;
1629 } 1629 }
1630 } 1630 }
1631 .checkbox__input:checked + .checkbox__icon { 1631 .checkbox__input:checked + .checkbox__icon {
1632 border-color: #377d87; 1632 border-color: #377d87;
1633 background: #377d87; 1633 background: #377d87;
1634 } 1634 }
1635 .checkbox__input:checked + .checkbox__icon svg { 1635 .checkbox__input:checked + .checkbox__icon svg {
1636 opacity: 1; 1636 opacity: 1;
1637 } 1637 }
1638 .checkbox__text { 1638 .checkbox__text {
1639 width: calc(100% - 14px); 1639 width: calc(100% - 14px);
1640 padding-left: 6px; 1640 padding-left: 6px;
1641 font-size: 12px; 1641 font-size: 12px;
1642 line-height: 1; 1642 line-height: 1;
1643 display: -webkit-box; 1643 display: -webkit-box;
1644 display: -ms-flexbox; 1644 display: -ms-flexbox;
1645 display: flex; 1645 display: flex;
1646 -webkit-box-align: center; 1646 -webkit-box-align: center;
1647 -ms-flex-align: center; 1647 -ms-flex-align: center;
1648 align-items: center; 1648 align-items: center;
1649 min-height: 14px; 1649 min-height: 14px;
1650 } 1650 }
1651 @media (min-width: 768px) { 1651 @media (min-width: 768px) {
1652 .checkbox__text { 1652 .checkbox__text {
1653 width: calc(100% - 20px); 1653 width: calc(100% - 20px);
1654 padding-left: 12px; 1654 padding-left: 12px;
1655 font-size: 15px; 1655 font-size: 15px;
1656 min-height: 20px; 1656 min-height: 20px;
1657 } 1657 }
1658 } 1658 }
1659 .checkbox__text a { 1659 .checkbox__text a {
1660 color: #377d87; 1660 color: #377d87;
1661 text-decoration: underline; 1661 text-decoration: underline;
1662 } 1662 }
1663 1663
1664 .file { 1664 .file {
1665 display: -webkit-box; 1665 display: -webkit-box;
1666 display: -ms-flexbox; 1666 display: -ms-flexbox;
1667 display: flex; 1667 display: flex;
1668 -webkit-box-orient: vertical; 1668 -webkit-box-orient: vertical;
1669 -webkit-box-direction: normal; 1669 -webkit-box-direction: normal;
1670 -ms-flex-direction: column; 1670 -ms-flex-direction: column;
1671 flex-direction: column; 1671 flex-direction: column;
1672 } 1672 }
1673 .file__input input { 1673 .file__input input {
1674 display: none; 1674 display: none;
1675 } 1675 }
1676 .file__list { 1676 .file__list {
1677 display: -webkit-box; 1677 display: -webkit-box;
1678 display: -ms-flexbox; 1678 display: -ms-flexbox;
1679 display: flex; 1679 display: flex;
1680 -webkit-box-orient: vertical; 1680 -webkit-box-orient: vertical;
1681 -webkit-box-direction: normal; 1681 -webkit-box-direction: normal;
1682 -ms-flex-direction: column; 1682 -ms-flex-direction: column;
1683 flex-direction: column; 1683 flex-direction: column;
1684 } 1684 }
1685 .file__list-item { 1685 .file__list-item {
1686 display: -webkit-box; 1686 display: -webkit-box;
1687 display: -ms-flexbox; 1687 display: -ms-flexbox;
1688 display: flex; 1688 display: flex;
1689 -webkit-box-align: start; 1689 -webkit-box-align: start;
1690 -ms-flex-align: start; 1690 -ms-flex-align: start;
1691 align-items: flex-start; 1691 align-items: flex-start;
1692 margin-top: 16px; 1692 margin-top: 16px;
1693 } 1693 }
1694 .file__list-item-left { 1694 .file__list-item-left {
1695 width: calc(100% - 16px); 1695 width: calc(100% - 16px);
1696 min-height: 16px; 1696 min-height: 16px;
1697 color: #9c9d9d; 1697 color: #9c9d9d;
1698 font-size: 12px; 1698 font-size: 12px;
1699 display: -webkit-box; 1699 display: -webkit-box;
1700 display: -ms-flexbox; 1700 display: -ms-flexbox;
1701 display: flex; 1701 display: flex;
1702 -webkit-box-align: start; 1702 -webkit-box-align: start;
1703 -ms-flex-align: start; 1703 -ms-flex-align: start;
1704 align-items: flex-start; 1704 align-items: flex-start;
1705 } 1705 }
1706 @media (min-width: 768px) { 1706 @media (min-width: 768px) {
1707 .file__list-item-left { 1707 .file__list-item-left {
1708 width: auto; 1708 width: auto;
1709 max-width: calc(100% - 16px); 1709 max-width: calc(100% - 16px);
1710 font-size: 16px; 1710 font-size: 16px;
1711 } 1711 }
1712 } 1712 }
1713 .file__list-item-left svg { 1713 .file__list-item-left svg {
1714 width: 16px; 1714 width: 16px;
1715 height: 16px; 1715 height: 16px;
1716 } 1716 }
1717 .file__list-item-left span { 1717 .file__list-item-left span {
1718 width: calc(100% - 16px); 1718 width: calc(100% - 16px);
1719 min-height: 16px; 1719 min-height: 16px;
1720 display: -webkit-box; 1720 display: -webkit-box;
1721 display: -ms-flexbox; 1721 display: -ms-flexbox;
1722 display: flex; 1722 display: flex;
1723 -webkit-box-align: center; 1723 -webkit-box-align: center;
1724 -ms-flex-align: center; 1724 -ms-flex-align: center;
1725 align-items: center; 1725 align-items: center;
1726 padding: 0 8px; 1726 padding: 0 8px;
1727 } 1727 }
1728 .file__list-item-right { 1728 .file__list-item-right {
1729 display: -webkit-box; 1729 display: -webkit-box;
1730 display: -ms-flexbox; 1730 display: -ms-flexbox;
1731 display: flex; 1731 display: flex;
1732 -webkit-box-pack: center; 1732 -webkit-box-pack: center;
1733 -ms-flex-pack: center; 1733 -ms-flex-pack: center;
1734 justify-content: center; 1734 justify-content: center;
1735 -webkit-box-align: center; 1735 -webkit-box-align: center;
1736 -ms-flex-align: center; 1736 -ms-flex-align: center;
1737 align-items: center; 1737 align-items: center;
1738 padding: 0; 1738 padding: 0;
1739 background: none; 1739 background: none;
1740 border: none; 1740 border: none;
1741 width: 16px; 1741 width: 16px;
1742 height: 16px; 1742 height: 16px;
1743 color: #377d87; 1743 color: #377d87;
1744 } 1744 }
1745 .file__list-item-right:hover { 1745 .file__list-item-right:hover {
1746 color: #000; 1746 color: #000;
1747 } 1747 }
1748 .file__list-item-right svg { 1748 .file__list-item-right svg {
1749 width: 10px; 1749 width: 10px;
1750 height: 10px; 1750 height: 10px;
1751 } 1751 }
1752 .file__list-item + .file__list-item { 1752 .file__list-item + .file__list-item {
1753 margin-top: 10px; 1753 margin-top: 10px;
1754 } 1754 }
1755 1755
1756 .rate { 1756 .rate {
1757 display: -webkit-box; 1757 display: -webkit-box;
1758 display: -ms-flexbox; 1758 display: -ms-flexbox;
1759 display: flex; 1759 display: flex;
1760 -webkit-box-align: center; 1760 -webkit-box-align: center;
1761 -ms-flex-align: center; 1761 -ms-flex-align: center;
1762 align-items: center; 1762 align-items: center;
1763 gap: 10px; 1763 gap: 10px;
1764 } 1764 }
1765 @media (min-width: 768px) { 1765 @media (min-width: 768px) {
1766 .rate { 1766 .rate {
1767 gap: 20px; 1767 gap: 20px;
1768 } 1768 }
1769 } 1769 }
1770 .rate__label { 1770 .rate__label {
1771 font-size: 12px; 1771 font-size: 12px;
1772 font-weight: 700; 1772 font-weight: 700;
1773 line-height: 1; 1773 line-height: 1;
1774 } 1774 }
1775 @media (min-width: 768px) { 1775 @media (min-width: 768px) {
1776 .rate__label { 1776 .rate__label {
1777 font-size: 18px; 1777 font-size: 18px;
1778 } 1778 }
1779 } 1779 }
1780 .rate__stars { 1780 .rate__stars {
1781 display: -webkit-box; 1781 display: -webkit-box;
1782 display: -ms-flexbox; 1782 display: -ms-flexbox;
1783 display: flex; 1783 display: flex;
1784 -webkit-box-orient: vertical; 1784 -webkit-box-orient: vertical;
1785 -webkit-box-direction: normal; 1785 -webkit-box-direction: normal;
1786 -ms-flex-direction: column; 1786 -ms-flex-direction: column;
1787 flex-direction: column; 1787 flex-direction: column;
1788 } 1788 }
1789 1789
1790 .back { 1790 .back {
1791 display: -webkit-box; 1791 display: -webkit-box;
1792 display: -ms-flexbox; 1792 display: -ms-flexbox;
1793 display: flex; 1793 display: flex;
1794 -webkit-box-align: center; 1794 -webkit-box-align: center;
1795 -ms-flex-align: center; 1795 -ms-flex-align: center;
1796 align-items: center; 1796 align-items: center;
1797 font-size: 14px; 1797 font-size: 14px;
1798 color: #377d87; 1798 color: #377d87;
1799 font-weight: 700; 1799 font-weight: 700;
1800 } 1800 }
1801 @media (min-width: 768px) { 1801 @media (min-width: 768px) {
1802 .back { 1802 .back {
1803 font-size: 18px; 1803 font-size: 18px;
1804 } 1804 }
1805 } 1805 }
1806 .back:hover { 1806 .back:hover {
1807 color: #4d88d9; 1807 color: #4d88d9;
1808 } 1808 }
1809 .back svg { 1809 .back svg {
1810 width: 16px; 1810 width: 16px;
1811 height: 16px; 1811 height: 16px;
1812 } 1812 }
1813 @media (min-width: 768px) { 1813 @media (min-width: 768px) {
1814 .back svg { 1814 .back svg {
1815 width: 26px; 1815 width: 26px;
1816 height: 26px; 1816 height: 26px;
1817 } 1817 }
1818 } 1818 }
1819 .back span { 1819 .back span {
1820 width: calc(100% - 16px); 1820 width: calc(100% - 16px);
1821 padding-left: 10px; 1821 padding-left: 10px;
1822 } 1822 }
1823 @media (min-width: 768px) { 1823 @media (min-width: 768px) {
1824 .back span { 1824 .back span {
1825 width: calc(100% - 26px); 1825 width: calc(100% - 26px);
1826 padding-left: 20px; 1826 padding-left: 20px;
1827 } 1827 }
1828 } 1828 }
1829 1829
1830 .callback { 1830 .callback {
1831 display: -webkit-box; 1831 display: -webkit-box;
1832 display: -ms-flexbox; 1832 display: -ms-flexbox;
1833 display: flex; 1833 display: flex;
1834 -webkit-box-orient: vertical; 1834 -webkit-box-orient: vertical;
1835 -webkit-box-direction: normal; 1835 -webkit-box-direction: normal;
1836 -ms-flex-direction: column; 1836 -ms-flex-direction: column;
1837 flex-direction: column; 1837 flex-direction: column;
1838 gap: 16px; 1838 gap: 16px;
1839 } 1839 }
1840 @media (min-width: 992px) { 1840 @media (min-width: 992px) {
1841 .callback { 1841 .callback {
1842 -webkit-box-orient: horizontal; 1842 -webkit-box-orient: horizontal;
1843 -webkit-box-direction: normal; 1843 -webkit-box-direction: normal;
1844 -ms-flex-direction: row; 1844 -ms-flex-direction: row;
1845 flex-direction: row; 1845 flex-direction: row;
1846 -webkit-box-pack: justify; 1846 -webkit-box-pack: justify;
1847 -ms-flex-pack: justify; 1847 -ms-flex-pack: justify;
1848 justify-content: space-between; 1848 justify-content: space-between;
1849 -ms-flex-wrap: wrap; 1849 -ms-flex-wrap: wrap;
1850 flex-wrap: wrap; 1850 flex-wrap: wrap;
1851 gap: 20px 0; 1851 gap: 20px 0;
1852 } 1852 }
1853 } 1853 }
1854 .callback__body { 1854 .callback__body {
1855 display: -webkit-box; 1855 display: -webkit-box;
1856 display: -ms-flexbox; 1856 display: -ms-flexbox;
1857 display: flex; 1857 display: flex;
1858 -webkit-box-orient: vertical; 1858 -webkit-box-orient: vertical;
1859 -webkit-box-direction: normal; 1859 -webkit-box-direction: normal;
1860 -ms-flex-direction: column; 1860 -ms-flex-direction: column;
1861 flex-direction: column; 1861 flex-direction: column;
1862 gap: 16px; 1862 gap: 16px;
1863 } 1863 }
1864 @media (min-width: 992px) { 1864 @media (min-width: 992px) {
1865 .callback__body { 1865 .callback__body {
1866 width: calc(50% - 10px); 1866 width: calc(50% - 10px);
1867 gap: 10px; 1867 gap: 10px;
1868 } 1868 }
1869 } 1869 }
1870 @media (min-width: 992px) { 1870 @media (min-width: 992px) {
1871 .callback__textarea { 1871 .callback__textarea {
1872 width: calc(50% - 10px); 1872 width: calc(50% - 10px);
1873 height: auto; 1873 height: auto;
1874 } 1874 }
1875 } 1875 }
1876 .callback__bottom { 1876 .callback__bottom {
1877 display: -webkit-box; 1877 display: -webkit-box;
1878 display: -ms-flexbox; 1878 display: -ms-flexbox;
1879 display: flex; 1879 display: flex;
1880 -webkit-box-orient: vertical; 1880 -webkit-box-orient: vertical;
1881 -webkit-box-direction: normal; 1881 -webkit-box-direction: normal;
1882 -ms-flex-direction: column; 1882 -ms-flex-direction: column;
1883 flex-direction: column; 1883 flex-direction: column;
1884 gap: 16px; 1884 gap: 16px;
1885 } 1885 }
1886 @media (min-width: 768px) { 1886 @media (min-width: 768px) {
1887 .callback__bottom { 1887 .callback__bottom {
1888 -webkit-box-align: start; 1888 -webkit-box-align: start;
1889 -ms-flex-align: start; 1889 -ms-flex-align: start;
1890 align-items: flex-start; 1890 align-items: flex-start;
1891 } 1891 }
1892 } 1892 }
1893 @media (min-width: 992px) { 1893 @media (min-width: 992px) {
1894 .callback__bottom { 1894 .callback__bottom {
1895 width: 100%; 1895 width: 100%;
1896 gap: 20px; 1896 gap: 20px;
1897 } 1897 }
1898 } 1898 }
1899 1899
1900 .error .input, 1900 .error .input,
1901 .error .textarea { 1901 .error .textarea {
1902 border-color: #eb5757; 1902 border-color: #eb5757;
1903 } 1903 }
1904 .error label { 1904 .error label {
1905 display: block; 1905 display: block;
1906 } 1906 }
1907 1907
1908 .eye { 1908 .eye {
1909 position: absolute; 1909 position: absolute;
1910 z-index: 2; 1910 z-index: 2;
1911 top: 50%; 1911 top: 50%;
1912 -webkit-transform: translate(0, -50%); 1912 -webkit-transform: translate(0, -50%);
1913 -ms-transform: translate(0, -50%); 1913 -ms-transform: translate(0, -50%);
1914 transform: translate(0, -50%); 1914 transform: translate(0, -50%);
1915 right: 10px; 1915 right: 10px;
1916 aspect-ratio: 1/1; 1916 aspect-ratio: 1/1;
1917 width: 16px; 1917 width: 16px;
1918 padding: 0; 1918 padding: 0;
1919 border: none; 1919 border: none;
1920 background: none; 1920 background: none;
1921 color: #9c9d9d; 1921 color: #9c9d9d;
1922 } 1922 }
1923 @media (min-width: 768px) { 1923 @media (min-width: 768px) {
1924 .eye { 1924 .eye {
1925 width: 24px; 1925 width: 24px;
1926 right: 20px; 1926 right: 20px;
1927 } 1927 }
1928 } 1928 }
1929 .eye svg { 1929 .eye svg {
1930 position: absolute; 1930 position: absolute;
1931 top: 0; 1931 top: 0;
1932 left: 0; 1932 left: 0;
1933 width: 100%; 1933 width: 100%;
1934 height: 100%; 1934 height: 100%;
1935 } 1935 }
1936 .eye svg + svg { 1936 .eye svg + svg {
1937 display: none; 1937 display: none;
1938 } 1938 }
1939 .eye.active { 1939 .eye.active {
1940 color: #377d87; 1940 color: #377d87;
1941 } 1941 }
1942 .eye.active svg { 1942 .eye.active svg {
1943 display: none; 1943 display: none;
1944 } 1944 }
1945 .eye.active svg + svg { 1945 .eye.active svg + svg {
1946 display: block; 1946 display: block;
1947 } 1947 }
1948 1948
1949 .del { 1949 .del {
1950 width: 32px; 1950 width: 32px;
1951 aspect-ratio: 1/1; 1951 aspect-ratio: 1/1;
1952 background: #377d87; 1952 background: #377d87;
1953 color: #fff; 1953 color: #fff;
1954 display: -webkit-box; 1954 display: -webkit-box;
1955 display: -ms-flexbox; 1955 display: -ms-flexbox;
1956 display: flex; 1956 display: flex;
1957 -webkit-box-pack: center; 1957 -webkit-box-pack: center;
1958 -ms-flex-pack: center; 1958 -ms-flex-pack: center;
1959 justify-content: center; 1959 justify-content: center;
1960 -webkit-box-align: center; 1960 -webkit-box-align: center;
1961 -ms-flex-align: center; 1961 -ms-flex-align: center;
1962 align-items: center; 1962 align-items: center;
1963 border-radius: 8px; 1963 border-radius: 8px;
1964 padding: 0; 1964 padding: 0;
1965 border: 1px solid #377d87; 1965 border: 1px solid #377d87;
1966 } 1966 }
1967 .del:hover { 1967 .del:hover {
1968 background: #fff; 1968 background: #fff;
1969 color: #377d87; 1969 color: #377d87;
1970 } 1970 }
1971 .del svg { 1971 .del svg {
1972 width: 50%; 1972 width: 50%;
1973 aspect-ratio: 1/1; 1973 aspect-ratio: 1/1;
1974 } 1974 }
1975 1975
1976 .notify { 1976 .notify {
1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978 padding: 6px 12px; 1978 padding: 6px 12px;
1979 border-radius: 8px; 1979 border-radius: 8px;
1980 display: -webkit-box; 1980 display: -webkit-box;
1981 display: -ms-flexbox; 1981 display: -ms-flexbox;
1982 display: flex; 1982 display: flex;
1983 -webkit-box-align: start; 1983 -webkit-box-align: start;
1984 -ms-flex-align: start; 1984 -ms-flex-align: start;
1985 align-items: flex-start; 1985 align-items: flex-start;
1986 } 1986 }
1987 @media (min-width: 768px) { 1987 @media (min-width: 768px) {
1988 .notify { 1988 .notify {
1989 padding: 12px 20px; 1989 padding: 12px 20px;
1990 } 1990 }
1991 } 1991 }
1992 .notify_red { 1992 .notify_red {
1993 background: #f9cdcd; 1993 background: #f9cdcd;
1994 } 1994 }
1995 .notify svg { 1995 .notify svg {
1996 color: #4d88d9; 1996 color: #4d88d9;
1997 width: 20px; 1997 width: 20px;
1998 aspect-ratio: 1/1; 1998 aspect-ratio: 1/1;
1999 } 1999 }
2000 .notify span { 2000 .notify span {
2001 font-size: 12px; 2001 font-size: 12px;
2002 padding-left: 10px; 2002 padding-left: 10px;
2003 min-height: 20px; 2003 min-height: 20px;
2004 display: -webkit-box; 2004 display: -webkit-box;
2005 display: -ms-flexbox; 2005 display: -ms-flexbox;
2006 display: flex; 2006 display: flex;
2007 -webkit-box-align: center; 2007 -webkit-box-align: center;
2008 -ms-flex-align: center; 2008 -ms-flex-align: center;
2009 align-items: center; 2009 align-items: center;
2010 } 2010 }
2011 @media (min-width: 768px) { 2011 @media (min-width: 768px) {
2012 .notify span { 2012 .notify span {
2013 font-size: 16px; 2013 font-size: 16px;
2014 } 2014 }
2015 } 2015 }
2016 2016
2017 .table { 2017 .table {
2018 margin: 0 -10px; 2018 margin: 0 -10px;
2019 display: -webkit-box; 2019 display: -webkit-box;
2020 display: -ms-flexbox; 2020 display: -ms-flexbox;
2021 display: flex; 2021 display: flex;
2022 -webkit-box-orient: vertical; 2022 -webkit-box-orient: vertical;
2023 -webkit-box-direction: reverse; 2023 -webkit-box-direction: reverse;
2024 -ms-flex-direction: column-reverse; 2024 -ms-flex-direction: column-reverse;
2025 flex-direction: column-reverse; 2025 flex-direction: column-reverse;
2026 -webkit-box-align: center; 2026 -webkit-box-align: center;
2027 -ms-flex-align: center; 2027 -ms-flex-align: center;
2028 align-items: center; 2028 align-items: center;
2029 gap: 20px; 2029 gap: 20px;
2030 } 2030 }
2031 @media (min-width: 768px) { 2031 @media (min-width: 768px) {
2032 .table { 2032 .table {
2033 margin: 0; 2033 margin: 0;
2034 gap: 30px; 2034 gap: 30px;
2035 } 2035 }
2036 } 2036 }
2037 .table__button { 2037 .table__button {
2038 display: none; 2038 display: none;
2039 } 2039 }
2040 .table_spoiler .table__button { 2040 .table_spoiler .table__button {
2041 display: -webkit-box; 2041 display: -webkit-box;
2042 display: -ms-flexbox; 2042 display: -ms-flexbox;
2043 display: flex; 2043 display: flex;
2044 } 2044 }
2045 .table__scroll { 2045 .table__scroll {
2046 overflow: hidden; 2046 overflow: hidden;
2047 overflow-x: auto; 2047 overflow-x: auto;
2048 padding: 0 10px; 2048 padding: 0 10px;
2049 width: 100%; 2049 width: 100%;
2050 } 2050 }
2051 @media (min-width: 768px) { 2051 @media (min-width: 768px) {
2052 .table__scroll { 2052 .table__scroll {
2053 padding: 0; 2053 padding: 0;
2054 } 2054 }
2055 } 2055 }
2056 .table__body { 2056 .table__body {
2057 border-radius: 8px; 2057 border-radius: 8px;
2058 overflow: hidden; 2058 overflow: hidden;
2059 } 2059 }
2060 .table__body_min-width { 2060 .table__body_min-width {
2061 min-width: 580px; 2061 min-width: 580px;
2062 } 2062 }
2063 .table table { 2063 .table table {
2064 border-collapse: collapse; 2064 border-collapse: collapse;
2065 width: 100%; 2065 width: 100%;
2066 font-size: 12px; 2066 font-size: 12px;
2067 border-radius: 8px; 2067 border-radius: 8px;
2068 } 2068 }
2069 @media (min-width: 768px) { 2069 @media (min-width: 768px) {
2070 .table table { 2070 .table table {
2071 font-size: 14px; 2071 font-size: 14px;
2072 } 2072 }
2073 } 2073 }
2074 @media (min-width: 1280px) { 2074 @media (min-width: 1280px) {
2075 .table table { 2075 .table table {
2076 font-size: 16px; 2076 font-size: 16px;
2077 } 2077 }
2078 } 2078 }
2079 .table thead tr th, 2079 .table thead tr th,
2080 .table thead tr td { 2080 .table thead tr td {
2081 background: #377d87; 2081 background: #377d87;
2082 color: #fff; 2082 color: #fff;
2083 font-weight: 700; 2083 font-weight: 700;
2084 border-top-color: #377d87; 2084 border-top-color: #377d87;
2085 } 2085 }
2086 .table thead tr th:first-child, 2086 .table thead tr th:first-child,
2087 .table thead tr td:first-child { 2087 .table thead tr td:first-child {
2088 border-left-color: #377d87; 2088 border-left-color: #377d87;
2089 } 2089 }
2090 .table thead tr th:last-child, 2090 .table thead tr th:last-child,
2091 .table thead tr td:last-child { 2091 .table thead tr td:last-child {
2092 border-right-color: #377d87; 2092 border-right-color: #377d87;
2093 } 2093 }
2094 .table_spoiler tr { 2094 .table_spoiler tr {
2095 /*display: none;*/ 2095 /*display: none;*/
2096 } 2096 }
2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2098 display: table-row; 2098 display: table-row;
2099 } 2099 }
2100 .table_spoiler.active tr { 2100 .table_spoiler.active tr {
2101 display: table-row; 2101 display: table-row;
2102 } 2102 }
2103 .table th, 2103 .table th,
2104 .table td { 2104 .table td {
2105 text-align: left; 2105 text-align: left;
2106 padding: 10px; 2106 padding: 10px;
2107 border: 1px solid #cecece; 2107 border: 1px solid #cecece;
2108 } 2108 }
2109 @media (min-width: 768px) { 2109 @media (min-width: 768px) {
2110 .table td { 2110 .table td {
2111 padding: 14px 10px; 2111 padding: 14px 10px;
2112 } 2112 }
2113 } 2113 }
2114 .table__status { 2114 .table__status {
2115 color: #9c9d9d; 2115 color: #9c9d9d;
2116 display: -webkit-box; 2116 display: -webkit-box;
2117 display: -ms-flexbox; 2117 display: -ms-flexbox;
2118 display: flex; 2118 display: flex;
2119 -webkit-box-align: center; 2119 -webkit-box-align: center;
2120 -ms-flex-align: center; 2120 -ms-flex-align: center;
2121 align-items: center; 2121 align-items: center;
2122 gap: 6px; 2122 gap: 6px;
2123 position: relative; 2123 position: relative;
2124 padding-left: 14px; 2124 padding-left: 14px;
2125 } 2125 }
2126 .table__status i { 2126 .table__status i {
2127 background: #9c9d9d; 2127 background: #9c9d9d;
2128 width: 8px; 2128 width: 8px;
2129 aspect-ratio: 1/1; 2129 aspect-ratio: 1/1;
2130 border-radius: 999px; 2130 border-radius: 999px;
2131 position: absolute; 2131 position: absolute;
2132 top: 4px; 2132 top: 4px;
2133 left: 0; 2133 left: 0;
2134 } 2134 }
2135 .table__status.green { 2135 .table__status.green {
2136 color: #377d87; 2136 color: #377d87;
2137 } 2137 }
2138 .table__status.green i { 2138 .table__status.green i {
2139 background: #377d87; 2139 background: #377d87;
2140 } 2140 }
2141 .table__link { 2141 .table__link {
2142 display: -webkit-box; 2142 display: -webkit-box;
2143 display: -ms-flexbox; 2143 display: -ms-flexbox;
2144 display: flex; 2144 display: flex;
2145 -webkit-box-align: center; 2145 -webkit-box-align: center;
2146 -ms-flex-align: center; 2146 -ms-flex-align: center;
2147 align-items: center; 2147 align-items: center;
2148 gap: 4px; 2148 gap: 4px;
2149 color: #4d88d9; 2149 color: #4d88d9;
2150 } 2150 }
2151 @media (min-width: 768px) { 2151 @media (min-width: 768px) {
2152 .table__link { 2152 .table__link {
2153 gap: 6px; 2153 gap: 6px;
2154 } 2154 }
2155 } 2155 }
2156 .table__link:hover { 2156 .table__link:hover {
2157 color: #000; 2157 color: #000;
2158 } 2158 }
2159 .table__link svg { 2159 .table__link svg {
2160 width: 12px; 2160 width: 12px;
2161 aspect-ratio: 1/1; 2161 aspect-ratio: 1/1;
2162 } 2162 }
2163 @media (min-width: 768px) { 2163 @media (min-width: 768px) {
2164 .table__link svg { 2164 .table__link svg {
2165 width: 16px; 2165 width: 16px;
2166 } 2166 }
2167 } 2167 }
2168 .table__controls { 2168 .table__controls {
2169 display: -webkit-box; 2169 display: -webkit-box;
2170 display: -ms-flexbox; 2170 display: -ms-flexbox;
2171 display: flex; 2171 display: flex;
2172 -webkit-box-align: center; 2172 -webkit-box-align: center;
2173 -ms-flex-align: center; 2173 -ms-flex-align: center;
2174 align-items: center; 2174 align-items: center;
2175 gap: 8px; 2175 gap: 8px;
2176 } 2176 }
2177 @media (min-width: 1280px) { 2177 @media (min-width: 1280px) {
2178 .table__controls { 2178 .table__controls {
2179 gap: 12px; 2179 gap: 12px;
2180 } 2180 }
2181 } 2181 }
2182 .table__controls-item { 2182 .table__controls-item {
2183 width: 24px; 2183 width: 24px;
2184 aspect-ratio: 1/1; 2184 aspect-ratio: 1/1;
2185 display: -webkit-box; 2185 display: -webkit-box;
2186 display: -ms-flexbox; 2186 display: -ms-flexbox;
2187 display: flex; 2187 display: flex;
2188 -webkit-box-pack: center; 2188 -webkit-box-pack: center;
2189 -ms-flex-pack: center; 2189 -ms-flex-pack: center;
2190 justify-content: center; 2190 justify-content: center;
2191 -webkit-box-align: center; 2191 -webkit-box-align: center;
2192 -ms-flex-align: center; 2192 -ms-flex-align: center;
2193 align-items: center; 2193 align-items: center;
2194 border: 1px solid #377d87; 2194 border: 1px solid #377d87;
2195 border-radius: 8px; 2195 border-radius: 8px;
2196 color: #377d87; 2196 color: #377d87;
2197 background: none; 2197 background: none;
2198 padding: 0; 2198 padding: 0;
2199 } 2199 }
2200 @media (min-width: 1280px) { 2200 @media (min-width: 1280px) {
2201 .table__controls-item { 2201 .table__controls-item {
2202 width: 30px; 2202 width: 30px;
2203 } 2203 }
2204 } 2204 }
2205 .table__controls-item:hover { 2205 .table__controls-item:hover {
2206 background: #377d87; 2206 background: #377d87;
2207 color: #fff; 2207 color: #fff;
2208 } 2208 }
2209 .table__controls-item svg { 2209 .table__controls-item svg {
2210 width: 60%; 2210 width: 60%;
2211 aspect-ratio: 1/1; 2211 aspect-ratio: 1/1;
2212 } 2212 }
2213 .table__controls-item:nth-of-type(4) svg { 2213 .table__controls-item:nth-of-type(4) svg {
2214 width: 80%; 2214 width: 80%;
2215 } 2215 }
2216 2216
2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218 display: none; 2218 display: none;
2219 } 2219 }
2220 .gl-star-rating--stars span { 2220 .gl-star-rating--stars span {
2221 width: 22px !important; 2221 width: 22px !important;
2222 height: 22px !important; 2222 height: 22px !important;
2223 background-size: 22px 22px !important; 2223 background-size: 22px 22px !important;
2224 } 2224 }
2225 @media (min-width: 768px) { 2225 @media (min-width: 768px) {
2226 .gl-star-rating--stars span { 2226 .gl-star-rating--stars span {
2227 width: 30px !important; 2227 width: 30px !important;
2228 height: 30px !important; 2228 height: 30px !important;
2229 background-size: 30px 30px !important; 2229 background-size: 30px 30px !important;
2230 } 2230 }
2231 } 2231 }
2232 2232
2233 .more { 2233 .more {
2234 display: -webkit-box; 2234 display: -webkit-box;
2235 display: -ms-flexbox; 2235 display: -ms-flexbox;
2236 display: flex; 2236 display: flex;
2237 -webkit-box-orient: vertical; 2237 -webkit-box-orient: vertical;
2238 -webkit-box-direction: normal; 2238 -webkit-box-direction: normal;
2239 -ms-flex-direction: column; 2239 -ms-flex-direction: column;
2240 flex-direction: column; 2240 flex-direction: column;
2241 -webkit-box-align: center; 2241 -webkit-box-align: center;
2242 -ms-flex-align: center; 2242 -ms-flex-align: center;
2243 align-items: center; 2243 align-items: center;
2244 } 2244 }
2245 .more_mt { 2245 .more_mt {
2246 margin-top: 20px; 2246 margin-top: 20px;
2247 } 2247 }
2248 .more .button { 2248 .more .button {
2249 min-width: 100px; 2249 min-width: 100px;
2250 padding: 0; 2250 padding: 0;
2251 } 2251 }
2252 @media (min-width: 768px) { 2252 @media (min-width: 768px) {
2253 .more .button { 2253 .more .button {
2254 min-width: 180px; 2254 min-width: 180px;
2255 } 2255 }
2256 } 2256 }
2257 2257
2258 .header { 2258 .header {
2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 background: #fff; 2261 background: #fff;
2262 position: relative; 2262 position: relative;
2263 z-index: 5; 2263 z-index: 5;
2264 overflow: hidden; 2264 overflow: hidden;
2265 } 2265 }
2266 @media (min-width: 768px) { 2266 @media (min-width: 768px) {
2267 .header { 2267 .header {
2268 -webkit-box-shadow: none; 2268 -webkit-box-shadow: none;
2269 box-shadow: none; 2269 box-shadow: none;
2270 } 2270 }
2271 } 2271 }
2272 .header__body { 2272 .header__body {
2273 height: 42px; 2273 height: 42px;
2274 display: -webkit-box; 2274 display: -webkit-box;
2275 display: -ms-flexbox; 2275 display: -ms-flexbox;
2276 display: flex; 2276 display: flex;
2277 -webkit-box-pack: justify; 2277 -webkit-box-pack: justify;
2278 -ms-flex-pack: justify; 2278 -ms-flex-pack: justify;
2279 justify-content: space-between; 2279 justify-content: space-between;
2280 -webkit-box-align: center; 2280 -webkit-box-align: center;
2281 -ms-flex-align: center; 2281 -ms-flex-align: center;
2282 align-items: center; 2282 align-items: center;
2283 } 2283 }
2284 @media (min-width: 768px) { 2284 @media (min-width: 768px) {
2285 .header__body { 2285 .header__body {
2286 height: 70px; 2286 height: 70px;
2287 } 2287 }
2288 } 2288 }
2289 .header__left { 2289 .header__left {
2290 display: -webkit-box; 2290 display: -webkit-box;
2291 display: -ms-flexbox; 2291 display: -ms-flexbox;
2292 display: flex; 2292 display: flex;
2293 -webkit-box-align: center; 2293 -webkit-box-align: center;
2294 -ms-flex-align: center; 2294 -ms-flex-align: center;
2295 align-items: center; 2295 align-items: center;
2296 gap: 40px; 2296 gap: 40px;
2297 } 2297 }
2298 .header__right { 2298 .header__right {
2299 display: -webkit-box; 2299 display: -webkit-box;
2300 display: -ms-flexbox; 2300 display: -ms-flexbox;
2301 display: flex; 2301 display: flex;
2302 -webkit-box-align: center; 2302 -webkit-box-align: center;
2303 -ms-flex-align: center; 2303 -ms-flex-align: center;
2304 align-items: center; 2304 align-items: center;
2305 gap: 14px; 2305 gap: 14px;
2306 } 2306 }
2307 @media (min-width: 768px) { 2307 @media (min-width: 768px) {
2308 .header__right { 2308 .header__right {
2309 gap: 20px; 2309 gap: 20px;
2310 } 2310 }
2311 } 2311 }
2312 .header__right-line { 2312 .header__right-line {
2313 width: 1px; 2313 width: 1px;
2314 height: 32px; 2314 height: 32px;
2315 background: #e6e7e7; 2315 background: #e6e7e7;
2316 border-radius: 999px; 2316 border-radius: 999px;
2317 } 2317 }
2318 @media (min-width: 992px) { 2318 @media (min-width: 992px) {
2319 .header__right-line { 2319 .header__right-line {
2320 display: none; 2320 display: none;
2321 } 2321 }
2322 } 2322 }
2323 .header__logo { 2323 .header__logo {
2324 display: -webkit-box; 2324 display: -webkit-box;
2325 display: -ms-flexbox; 2325 display: -ms-flexbox;
2326 display: flex; 2326 display: flex;
2327 -webkit-box-align: center; 2327 -webkit-box-align: center;
2328 -ms-flex-align: center; 2328 -ms-flex-align: center;
2329 align-items: center; 2329 align-items: center;
2330 -webkit-box-pack: center; 2330 -webkit-box-pack: center;
2331 -ms-flex-pack: center; 2331 -ms-flex-pack: center;
2332 justify-content: center; 2332 justify-content: center;
2333 color: #377d87; 2333 color: #377d87;
2334 } 2334 }
2335 .header__logo svg { 2335 .header__logo svg {
2336 width: 105px; 2336 width: 105px;
2337 height: 31px; 2337 height: 31px;
2338 } 2338 }
2339 @media (min-width: 768px) { 2339 @media (min-width: 768px) {
2340 .header__logo svg { 2340 .header__logo svg {
2341 width: 182px; 2341 width: 182px;
2342 height: 54px; 2342 height: 54px;
2343 } 2343 }
2344 } 2344 }
2345 .header__menu { 2345 .header__menu {
2346 display: none; 2346 display: none;
2347 -webkit-box-align: center; 2347 -webkit-box-align: center;
2348 -ms-flex-align: center; 2348 -ms-flex-align: center;
2349 align-items: center; 2349 align-items: center;
2350 gap: 20px; 2350 gap: 20px;
2351 } 2351 }
2352 @media (min-width: 768px) { 2352 @media (min-width: 768px) {
2353 .header__menu { 2353 .header__menu {
2354 display: -webkit-box; 2354 display: -webkit-box;
2355 display: -ms-flexbox; 2355 display: -ms-flexbox;
2356 display: flex; 2356 display: flex;
2357 } 2357 }
2358 } 2358 }
2359 .header__menu-item:hover { 2359 .header__menu-item:hover {
2360 color: #377d87; 2360 color: #377d87;
2361 } 2361 }
2362 .header__notifs { 2362 .header__notifs {
2363 display: -webkit-box; 2363 display: -webkit-box;
2364 display: -ms-flexbox; 2364 display: -ms-flexbox;
2365 display: flex; 2365 display: flex;
2366 -webkit-box-align: center; 2366 -webkit-box-align: center;
2367 -ms-flex-align: center; 2367 -ms-flex-align: center;
2368 align-items: center; 2368 align-items: center;
2369 -webkit-box-pack: center; 2369 -webkit-box-pack: center;
2370 -ms-flex-pack: center; 2370 -ms-flex-pack: center;
2371 justify-content: center; 2371 justify-content: center;
2372 color: #377d87; 2372 color: #377d87;
2373 padding: 0; 2373 padding: 0;
2374 border: none; 2374 border: none;
2375 background: none; 2375 background: none;
2376 width: 24px; 2376 width: 24px;
2377 height: 24px; 2377 height: 24px;
2378 } 2378 }
2379 @media (min-width: 992px) { 2379 @media (min-width: 992px) {
2380 .header__notifs { 2380 .header__notifs {
2381 width: auto; 2381 width: auto;
2382 height: auto; 2382 height: auto;
2383 color: #000; 2383 color: #000;
2384 line-height: 1.4; 2384 line-height: 1.4;
2385 } 2385 }
2386 } 2386 }
2387 @media (min-width: 992px) { 2387 @media (min-width: 992px) {
2388 .header__notifs:hover { 2388 .header__notifs:hover {
2389 color: #377d87; 2389 color: #377d87;
2390 } 2390 }
2391 } 2391 }
2392 .header__notifs svg { 2392 .header__notifs svg {
2393 width: 20px; 2393 width: 20px;
2394 height: 20px; 2394 height: 20px;
2395 } 2395 }
2396 @media (min-width: 992px) { 2396 @media (min-width: 992px) {
2397 .header__notifs svg { 2397 .header__notifs svg {
2398 display: none; 2398 display: none;
2399 } 2399 }
2400 } 2400 }
2401 .header__notifs span { 2401 .header__notifs span {
2402 display: none; 2402 display: none;
2403 } 2403 }
2404 @media (min-width: 992px) { 2404 @media (min-width: 992px) {
2405 .header__notifs span { 2405 .header__notifs span {
2406 display: inline; 2406 display: inline;
2407 } 2407 }
2408 } 2408 }
2409 .header__notifs_actived { 2409 .header__notifs_actived {
2410 position: relative; 2410 position: relative;
2411 } 2411 }
2412 @media (min-width: 992px) { 2412 @media (min-width: 992px) {
2413 .header__notifs_actived { 2413 .header__notifs_actived {
2414 padding-right: 12px; 2414 padding-right: 12px;
2415 } 2415 }
2416 } 2416 }
2417 .header__notifs_actived:after { 2417 .header__notifs_actived:after {
2418 content: ""; 2418 content: "";
2419 border: 1px solid #fff; 2419 border: 1px solid #fff;
2420 background: #377d87; 2420 background: #377d87;
2421 border-radius: 999px; 2421 border-radius: 999px;
2422 width: 10px; 2422 width: 10px;
2423 height: 10px; 2423 height: 10px;
2424 position: absolute; 2424 position: absolute;
2425 z-index: 1; 2425 z-index: 1;
2426 top: 0; 2426 top: 0;
2427 right: 0; 2427 right: 0;
2428 } 2428 }
2429 @media (min-width: 992px) { 2429 @media (min-width: 992px) {
2430 .header__notifs_actived:after { 2430 .header__notifs_actived:after {
2431 width: 8px; 2431 width: 8px;
2432 height: 8px; 2432 height: 8px;
2433 border: none; 2433 border: none;
2434 } 2434 }
2435 } 2435 }
2436 .header__burger { 2436 .header__burger {
2437 display: -webkit-box; 2437 display: -webkit-box;
2438 display: -ms-flexbox; 2438 display: -ms-flexbox;
2439 display: flex; 2439 display: flex;
2440 -webkit-box-align: center; 2440 -webkit-box-align: center;
2441 -ms-flex-align: center; 2441 -ms-flex-align: center;
2442 align-items: center; 2442 align-items: center;
2443 -webkit-box-pack: center; 2443 -webkit-box-pack: center;
2444 -ms-flex-pack: center; 2444 -ms-flex-pack: center;
2445 justify-content: center; 2445 justify-content: center;
2446 width: 24px; 2446 width: 24px;
2447 height: 24px; 2447 height: 24px;
2448 color: #377d87; 2448 color: #377d87;
2449 padding: 0; 2449 padding: 0;
2450 border: none; 2450 border: none;
2451 background: none; 2451 background: none;
2452 } 2452 }
2453 @media (min-width: 992px) { 2453 @media (min-width: 992px) {
2454 .header__burger { 2454 .header__burger {
2455 display: none; 2455 display: none;
2456 } 2456 }
2457 } 2457 }
2458 .header__burger svg { 2458 .header__burger svg {
2459 width: 20px; 2459 width: 20px;
2460 height: 20px; 2460 height: 20px;
2461 } 2461 }
2462 .header__burger svg + svg { 2462 .header__burger svg + svg {
2463 display: none; 2463 display: none;
2464 } 2464 }
2465 .header__sign { 2465 .header__sign {
2466 display: none; 2466 display: none;
2467 } 2467 }
2468 @media (min-width: 992px) { 2468 @media (min-width: 992px) {
2469 .header__sign { 2469 .header__sign {
2470 display: -webkit-box; 2470 display: -webkit-box;
2471 display: -ms-flexbox; 2471 display: -ms-flexbox;
2472 display: flex; 2472 display: flex;
2473 } 2473 }
2474 } 2474 }
2475 2475
2476 .mob-menu { 2476 .mob-menu {
2477 display: none; 2477 display: none;
2478 position: fixed; 2478 position: fixed;
2479 bottom: 0; 2479 bottom: 0;
2480 left: 0; 2480 left: 0;
2481 width: 100vw; 2481 width: 100vw;
2482 height: calc(100vh - 42px); 2482 height: calc(100vh - 42px);
2483 z-index: 4; 2483 z-index: 4;
2484 background: #fff; 2484 background: #fff;
2485 overflow: hidden; 2485 overflow: hidden;
2486 overflow-y: auto; 2486 overflow-y: auto;
2487 padding: 50px 0; 2487 padding: 50px 0;
2488 } 2488 }
2489 .mob-menu__bottom { 2489 .mob-menu__bottom {
2490 display: -webkit-box; 2490 display: -webkit-box;
2491 display: -ms-flexbox; 2491 display: -ms-flexbox;
2492 display: flex; 2492 display: flex;
2493 -webkit-box-orient: vertical; 2493 -webkit-box-orient: vertical;
2494 -webkit-box-direction: normal; 2494 -webkit-box-direction: normal;
2495 -ms-flex-direction: column; 2495 -ms-flex-direction: column;
2496 flex-direction: column; 2496 flex-direction: column;
2497 -webkit-box-align: center; 2497 -webkit-box-align: center;
2498 -ms-flex-align: center; 2498 -ms-flex-align: center;
2499 align-items: center; 2499 align-items: center;
2500 margin-top: 80px; 2500 margin-top: 80px;
2501 } 2501 }
2502 .mob-menu__bottom .button { 2502 .mob-menu__bottom .button {
2503 min-width: 120px; 2503 min-width: 120px;
2504 } 2504 }
2505 .mob-menu__bottom-link { 2505 .mob-menu__bottom-link {
2506 text-decoration: underline; 2506 text-decoration: underline;
2507 margin-top: 50px; 2507 margin-top: 50px;
2508 } 2508 }
2509 .mob-menu__bottom-link:hover { 2509 .mob-menu__bottom-link:hover {
2510 color: #377d87; 2510 color: #377d87;
2511 } 2511 }
2512 .mob-menu__bottom-link + .mob-menu__bottom-link { 2512 .mob-menu__bottom-link + .mob-menu__bottom-link {
2513 margin-top: 10px; 2513 margin-top: 10px;
2514 } 2514 }
2515 .mob-menu__bottom .socials { 2515 .mob-menu__bottom .socials {
2516 margin-top: 35px; 2516 margin-top: 35px;
2517 } 2517 }
2518 .mob-menu .footer__mobile-menu { 2518 .mob-menu .footer__mobile-menu {
2519 opacity: 1; 2519 opacity: 1;
2520 height: auto; 2520 height: auto;
2521 overflow: visible; 2521 overflow: visible;
2522 } 2522 }
2523 .mob-menu .footer__mobile-menu-item button { 2523 .mob-menu .footer__mobile-menu-item button {
2524 -webkit-box-align: center; 2524 -webkit-box-align: center;
2525 -ms-flex-align: center; 2525 -ms-flex-align: center;
2526 align-items: center; 2526 align-items: center;
2527 } 2527 }
2528 .mob-menu .footer__mobile-menu-item div { 2528 .mob-menu .footer__mobile-menu-item div {
2529 font-size: 20px; 2529 font-size: 20px;
2530 } 2530 }
2531 .mob-menu .footer__mobile-contacts a { 2531 .mob-menu .footer__mobile-contacts a {
2532 font-size: 20px; 2532 font-size: 20px;
2533 font-weight: 700; 2533 font-weight: 700;
2534 color: #000; 2534 color: #000;
2535 text-decoration: none; 2535 text-decoration: none;
2536 } 2536 }
2537 .mob-menu .footer__mobile-contacts a:hover { 2537 .mob-menu .footer__mobile-contacts a:hover {
2538 color: #377d87; 2538 color: #377d87;
2539 } 2539 }
2540 .mob-menu .footer__mobile-menu-item button b, 2540 .mob-menu .footer__mobile-menu-item button b,
2541 .mob-menu .footer__mobile-contacts a { 2541 .mob-menu .footer__mobile-contacts a {
2542 font-size: 30px; 2542 font-size: 30px;
2543 } 2543 }
2544 2544
2545 .menu-is-actived { 2545 .menu-is-actived {
2546 overflow: hidden; 2546 overflow: hidden;
2547 } 2547 }
2548 @media (min-width: 992px) { 2548 @media (min-width: 992px) {
2549 .menu-is-actived { 2549 .menu-is-actived {
2550 overflow: auto; 2550 overflow: auto;
2551 } 2551 }
2552 } 2552 }
2553 .menu-is-actived .header__burger svg { 2553 .menu-is-actived .header__burger svg {
2554 display: none; 2554 display: none;
2555 } 2555 }
2556 .menu-is-actived .header__burger svg + svg { 2556 .menu-is-actived .header__burger svg + svg {
2557 display: block; 2557 display: block;
2558 } 2558 }
2559 .menu-is-actived .mob-menu { 2559 .menu-is-actived .mob-menu {
2560 display: block; 2560 display: block;
2561 } 2561 }
2562 @media (min-width: 992px) { 2562 @media (min-width: 992px) {
2563 .menu-is-actived .mob-menu { 2563 .menu-is-actived .mob-menu {
2564 display: none; 2564 display: none;
2565 } 2565 }
2566 } 2566 }
2567 2567
2568 .footer { 2568 .footer {
2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 background: #fff; 2571 background: #fff;
2572 position: relative; 2572 position: relative;
2573 z-index: 1; 2573 z-index: 1;
2574 overflow: hidden; 2574 overflow: hidden;
2575 } 2575 }
2576 .footer__mobile { 2576 .footer__mobile {
2577 display: -webkit-box; 2577 display: -webkit-box;
2578 display: -ms-flexbox; 2578 display: -ms-flexbox;
2579 display: flex; 2579 display: flex;
2580 -webkit-box-orient: vertical; 2580 -webkit-box-orient: vertical;
2581 -webkit-box-direction: normal; 2581 -webkit-box-direction: normal;
2582 -ms-flex-direction: column; 2582 -ms-flex-direction: column;
2583 flex-direction: column; 2583 flex-direction: column;
2584 padding: 25px 0 30px 0; 2584 padding: 25px 0 30px 0;
2585 } 2585 }
2586 @media (min-width: 768px) { 2586 @media (min-width: 768px) {
2587 .footer__mobile { 2587 .footer__mobile {
2588 padding: 30px 0; 2588 padding: 30px 0;
2589 } 2589 }
2590 } 2590 }
2591 @media (min-width: 992px) { 2591 @media (min-width: 992px) {
2592 .footer__mobile { 2592 .footer__mobile {
2593 display: none; 2593 display: none;
2594 } 2594 }
2595 } 2595 }
2596 .footer__mobile-toper { 2596 .footer__mobile-toper {
2597 display: -webkit-box; 2597 display: -webkit-box;
2598 display: -ms-flexbox; 2598 display: -ms-flexbox;
2599 display: flex; 2599 display: flex;
2600 -webkit-box-pack: justify; 2600 -webkit-box-pack: justify;
2601 -ms-flex-pack: justify; 2601 -ms-flex-pack: justify;
2602 justify-content: space-between; 2602 justify-content: space-between;
2603 -webkit-box-align: center; 2603 -webkit-box-align: center;
2604 -ms-flex-align: center; 2604 -ms-flex-align: center;
2605 align-items: center; 2605 align-items: center;
2606 padding: 0; 2606 padding: 0;
2607 border: none; 2607 border: none;
2608 background: none; 2608 background: none;
2609 } 2609 }
2610 .footer__mobile-toper a, 2610 .footer__mobile-toper a,
2611 .footer__mobile-toper b { 2611 .footer__mobile-toper b {
2612 display: -webkit-box; 2612 display: -webkit-box;
2613 display: -ms-flexbox; 2613 display: -ms-flexbox;
2614 display: flex; 2614 display: flex;
2615 -webkit-box-pack: center; 2615 -webkit-box-pack: center;
2616 -ms-flex-pack: center; 2616 -ms-flex-pack: center;
2617 justify-content: center; 2617 justify-content: center;
2618 -webkit-box-align: center; 2618 -webkit-box-align: center;
2619 -ms-flex-align: center; 2619 -ms-flex-align: center;
2620 align-items: center; 2620 align-items: center;
2621 color: #377d87; 2621 color: #377d87;
2622 } 2622 }
2623 .footer__mobile-toper a svg, 2623 .footer__mobile-toper a svg,
2624 .footer__mobile-toper b svg { 2624 .footer__mobile-toper b svg {
2625 width: 137px; 2625 width: 137px;
2626 height: 40px; 2626 height: 40px;
2627 } 2627 }
2628 .footer__mobile-toper span { 2628 .footer__mobile-toper span {
2629 width: 40px; 2629 width: 40px;
2630 height: 40px; 2630 height: 40px;
2631 display: -webkit-box; 2631 display: -webkit-box;
2632 display: -ms-flexbox; 2632 display: -ms-flexbox;
2633 display: flex; 2633 display: flex;
2634 -webkit-box-pack: center; 2634 -webkit-box-pack: center;
2635 -ms-flex-pack: center; 2635 -ms-flex-pack: center;
2636 justify-content: center; 2636 justify-content: center;
2637 -webkit-box-align: center; 2637 -webkit-box-align: center;
2638 -ms-flex-align: center; 2638 -ms-flex-align: center;
2639 align-items: center; 2639 align-items: center;
2640 background: #377d87; 2640 background: #377d87;
2641 color: #fff; 2641 color: #fff;
2642 border-radius: 999px; 2642 border-radius: 999px;
2643 } 2643 }
2644 .footer__mobile-toper span svg { 2644 .footer__mobile-toper span svg {
2645 width: 10px; 2645 width: 10px;
2646 height: 10px; 2646 height: 10px;
2647 -webkit-transition: 0.3s; 2647 -webkit-transition: 0.3s;
2648 transition: 0.3s; 2648 transition: 0.3s;
2649 } 2649 }
2650 .footer__mobile-toper.active span svg { 2650 .footer__mobile-toper.active span svg {
2651 -webkit-transform: rotate(180deg); 2651 -webkit-transform: rotate(180deg);
2652 -ms-transform: rotate(180deg); 2652 -ms-transform: rotate(180deg);
2653 transform: rotate(180deg); 2653 transform: rotate(180deg);
2654 } 2654 }
2655 .footer__mobile-menu { 2655 .footer__mobile-menu {
2656 height: 0; 2656 height: 0;
2657 opacity: 0; 2657 opacity: 0;
2658 overflow: hidden; 2658 overflow: hidden;
2659 -webkit-transition: 0.3s; 2659 -webkit-transition: 0.3s;
2660 transition: 0.3s; 2660 transition: 0.3s;
2661 display: -webkit-box; 2661 display: -webkit-box;
2662 display: -ms-flexbox; 2662 display: -ms-flexbox;
2663 display: flex; 2663 display: flex;
2664 -webkit-box-orient: vertical; 2664 -webkit-box-orient: vertical;
2665 -webkit-box-direction: normal; 2665 -webkit-box-direction: normal;
2666 -ms-flex-direction: column; 2666 -ms-flex-direction: column;
2667 flex-direction: column; 2667 flex-direction: column;
2668 gap: 30px; 2668 gap: 30px;
2669 } 2669 }
2670 @media (min-width: 768px) { 2670 @media (min-width: 768px) {
2671 .footer__mobile-menu { 2671 .footer__mobile-menu {
2672 display: grid; 2672 display: grid;
2673 grid-template-columns: 1fr 1fr; 2673 grid-template-columns: 1fr 1fr;
2674 gap: 100px; 2674 gap: 100px;
2675 } 2675 }
2676 } 2676 }
2677 .footer__mobile-menu-item { 2677 .footer__mobile-menu-item {
2678 display: -webkit-box; 2678 display: -webkit-box;
2679 display: -ms-flexbox; 2679 display: -ms-flexbox;
2680 display: flex; 2680 display: flex;
2681 -webkit-box-orient: vertical; 2681 -webkit-box-orient: vertical;
2682 -webkit-box-direction: normal; 2682 -webkit-box-direction: normal;
2683 -ms-flex-direction: column; 2683 -ms-flex-direction: column;
2684 flex-direction: column; 2684 flex-direction: column;
2685 } 2685 }
2686 .footer__mobile-menu-item button { 2686 .footer__mobile-menu-item button {
2687 display: -webkit-box; 2687 display: -webkit-box;
2688 display: -ms-flexbox; 2688 display: -ms-flexbox;
2689 display: flex; 2689 display: flex;
2690 -webkit-box-align: start; 2690 -webkit-box-align: start;
2691 -ms-flex-align: start; 2691 -ms-flex-align: start;
2692 align-items: flex-start; 2692 align-items: flex-start;
2693 padding: 0; 2693 padding: 0;
2694 border: none; 2694 border: none;
2695 background: none; 2695 background: none;
2696 } 2696 }
2697 .footer__mobile-menu-item button.active { 2697 .footer__mobile-menu-item button.active {
2698 color: #377d87; 2698 color: #377d87;
2699 } 2699 }
2700 .footer__mobile-menu-item button b { 2700 .footer__mobile-menu-item button b {
2701 width: calc(100% - 24px); 2701 width: calc(100% - 24px);
2702 padding-right: 12px; 2702 padding-right: 12px;
2703 min-height: 24px; 2703 min-height: 24px;
2704 display: -webkit-box; 2704 display: -webkit-box;
2705 display: -ms-flexbox; 2705 display: -ms-flexbox;
2706 display: flex; 2706 display: flex;
2707 -webkit-box-align: center; 2707 -webkit-box-align: center;
2708 -ms-flex-align: center; 2708 -ms-flex-align: center;
2709 align-items: center; 2709 align-items: center;
2710 font-size: 20px; 2710 font-size: 20px;
2711 font-weight: 700; 2711 font-weight: 700;
2712 } 2712 }
2713 .footer__mobile-menu-item button span { 2713 .footer__mobile-menu-item button span {
2714 width: 24px; 2714 width: 24px;
2715 height: 24px; 2715 height: 24px;
2716 display: -webkit-box; 2716 display: -webkit-box;
2717 display: -ms-flexbox; 2717 display: -ms-flexbox;
2718 display: flex; 2718 display: flex;
2719 -webkit-box-pack: center; 2719 -webkit-box-pack: center;
2720 -ms-flex-pack: center; 2720 -ms-flex-pack: center;
2721 justify-content: center; 2721 justify-content: center;
2722 -webkit-box-align: center; 2722 -webkit-box-align: center;
2723 -ms-flex-align: center; 2723 -ms-flex-align: center;
2724 align-items: center; 2724 align-items: center;
2725 padding: 0; 2725 padding: 0;
2726 border: none; 2726 border: none;
2727 background: none; 2727 background: none;
2728 } 2728 }
2729 .footer__mobile-menu-item button svg { 2729 .footer__mobile-menu-item button svg {
2730 width: 12px; 2730 width: 12px;
2731 height: 12px; 2731 height: 12px;
2732 -webkit-transition: 0.3s; 2732 -webkit-transition: 0.3s;
2733 transition: 0.3s; 2733 transition: 0.3s;
2734 -webkit-transform: rotate(180deg); 2734 -webkit-transform: rotate(180deg);
2735 -ms-transform: rotate(180deg); 2735 -ms-transform: rotate(180deg);
2736 transform: rotate(180deg); 2736 transform: rotate(180deg);
2737 } 2737 }
2738 .footer__mobile-menu-item button.active svg { 2738 .footer__mobile-menu-item button.active svg {
2739 -webkit-transform: rotate(0deg); 2739 -webkit-transform: rotate(0deg);
2740 -ms-transform: rotate(0deg); 2740 -ms-transform: rotate(0deg);
2741 transform: rotate(0deg); 2741 transform: rotate(0deg);
2742 } 2742 }
2743 .footer__mobile-menu-item div { 2743 .footer__mobile-menu-item div {
2744 height: 0; 2744 height: 0;
2745 opacity: 0; 2745 opacity: 0;
2746 overflow: hidden; 2746 overflow: hidden;
2747 -webkit-transition: 0.3s; 2747 -webkit-transition: 0.3s;
2748 transition: 0.3s; 2748 transition: 0.3s;
2749 display: -webkit-box; 2749 display: -webkit-box;
2750 display: -ms-flexbox; 2750 display: -ms-flexbox;
2751 display: flex; 2751 display: flex;
2752 -webkit-box-orient: vertical; 2752 -webkit-box-orient: vertical;
2753 -webkit-box-direction: normal; 2753 -webkit-box-direction: normal;
2754 -ms-flex-direction: column; 2754 -ms-flex-direction: column;
2755 flex-direction: column; 2755 flex-direction: column;
2756 gap: 15px; 2756 gap: 15px;
2757 } 2757 }
2758 .footer__mobile-menu-item div a:hover { 2758 .footer__mobile-menu-item div a:hover {
2759 color: #377d87; 2759 color: #377d87;
2760 } 2760 }
2761 .footer__mobile-menu-item .active + div { 2761 .footer__mobile-menu-item .active + div {
2762 opacity: 1; 2762 opacity: 1;
2763 height: auto; 2763 height: auto;
2764 overflow: visible; 2764 overflow: visible;
2765 padding-top: 15px; 2765 padding-top: 15px;
2766 } 2766 }
2767 .active + .footer__mobile-menu { 2767 .active + .footer__mobile-menu {
2768 opacity: 1; 2768 opacity: 1;
2769 height: auto; 2769 height: auto;
2770 overflow: visible; 2770 overflow: visible;
2771 padding-top: 35px; 2771 padding-top: 35px;
2772 } 2772 }
2773 .footer__mobile-contacts { 2773 .footer__mobile-contacts {
2774 display: -webkit-box; 2774 display: -webkit-box;
2775 display: -ms-flexbox; 2775 display: -ms-flexbox;
2776 display: flex; 2776 display: flex;
2777 -webkit-box-pack: justify; 2777 -webkit-box-pack: justify;
2778 -ms-flex-pack: justify; 2778 -ms-flex-pack: justify;
2779 justify-content: space-between; 2779 justify-content: space-between;
2780 -webkit-box-align: start; 2780 -webkit-box-align: start;
2781 -ms-flex-align: start; 2781 -ms-flex-align: start;
2782 align-items: flex-start; 2782 align-items: flex-start;
2783 -ms-flex-wrap: wrap; 2783 -ms-flex-wrap: wrap;
2784 flex-wrap: wrap; 2784 flex-wrap: wrap;
2785 margin-top: 30px; 2785 margin-top: 30px;
2786 } 2786 }
2787 .footer__mobile-contacts b { 2787 .footer__mobile-contacts b {
2788 font-size: 20px; 2788 font-size: 20px;
2789 font-weight: 700; 2789 font-weight: 700;
2790 width: 100%; 2790 width: 100%;
2791 margin-bottom: 20px; 2791 margin-bottom: 20px;
2792 } 2792 }
2793 .footer__mobile-contacts a { 2793 .footer__mobile-contacts a {
2794 color: #377d87; 2794 color: #377d87;
2795 text-decoration: underline; 2795 text-decoration: underline;
2796 } 2796 }
2797 .footer__mobile-contacts a + a { 2797 .footer__mobile-contacts a + a {
2798 color: #000; 2798 color: #000;
2799 } 2799 }
2800 .footer__mobile-bottom { 2800 .footer__mobile-bottom {
2801 display: -webkit-box; 2801 display: -webkit-box;
2802 display: -ms-flexbox; 2802 display: -ms-flexbox;
2803 display: flex; 2803 display: flex;
2804 -webkit-box-orient: vertical; 2804 -webkit-box-orient: vertical;
2805 -webkit-box-direction: normal; 2805 -webkit-box-direction: normal;
2806 -ms-flex-direction: column; 2806 -ms-flex-direction: column;
2807 flex-direction: column; 2807 flex-direction: column;
2808 -webkit-box-align: center; 2808 -webkit-box-align: center;
2809 -ms-flex-align: center; 2809 -ms-flex-align: center;
2810 align-items: center; 2810 align-items: center;
2811 text-align: center; 2811 text-align: center;
2812 gap: 20px; 2812 gap: 20px;
2813 margin-top: 100px; 2813 margin-top: 100px;
2814 } 2814 }
2815 .footer__mobile-links { 2815 .footer__mobile-links {
2816 display: -webkit-box; 2816 display: -webkit-box;
2817 display: -ms-flexbox; 2817 display: -ms-flexbox;
2818 display: flex; 2818 display: flex;
2819 -webkit-box-orient: vertical; 2819 -webkit-box-orient: vertical;
2820 -webkit-box-direction: normal; 2820 -webkit-box-direction: normal;
2821 -ms-flex-direction: column; 2821 -ms-flex-direction: column;
2822 flex-direction: column; 2822 flex-direction: column;
2823 -webkit-box-align: center; 2823 -webkit-box-align: center;
2824 -ms-flex-align: center; 2824 -ms-flex-align: center;
2825 align-items: center; 2825 align-items: center;
2826 gap: 10px; 2826 gap: 10px;
2827 } 2827 }
2828 .footer__mobile-links a:hover { 2828 .footer__mobile-links a:hover {
2829 color: #377d87; 2829 color: #377d87;
2830 } 2830 }
2831 .footer__mobile-links span { 2831 .footer__mobile-links span {
2832 width: 60px; 2832 width: 60px;
2833 height: 1px; 2833 height: 1px;
2834 background: #377d87; 2834 background: #377d87;
2835 } 2835 }
2836 .footer__main { 2836 .footer__main {
2837 display: none; 2837 display: none;
2838 padding: 55px 0 20px 0; 2838 padding: 55px 0 20px 0;
2839 -webkit-box-orient: vertical; 2839 -webkit-box-orient: vertical;
2840 -webkit-box-direction: normal; 2840 -webkit-box-direction: normal;
2841 -ms-flex-direction: column; 2841 -ms-flex-direction: column;
2842 flex-direction: column; 2842 flex-direction: column;
2843 gap: 70px; 2843 gap: 70px;
2844 } 2844 }
2845 @media (min-width: 992px) { 2845 @media (min-width: 992px) {
2846 .footer__main { 2846 .footer__main {
2847 display: -webkit-box; 2847 display: -webkit-box;
2848 display: -ms-flexbox; 2848 display: -ms-flexbox;
2849 display: flex; 2849 display: flex;
2850 } 2850 }
2851 } 2851 }
2852 .footer__main-body { 2852 .footer__main-body {
2853 display: -webkit-box; 2853 display: -webkit-box;
2854 display: -ms-flexbox; 2854 display: -ms-flexbox;
2855 display: flex; 2855 display: flex;
2856 -webkit-box-pack: justify; 2856 -webkit-box-pack: justify;
2857 -ms-flex-pack: justify; 2857 -ms-flex-pack: justify;
2858 justify-content: space-between; 2858 justify-content: space-between;
2859 -webkit-box-align: start; 2859 -webkit-box-align: start;
2860 -ms-flex-align: start; 2860 -ms-flex-align: start;
2861 align-items: flex-start; 2861 align-items: flex-start;
2862 } 2862 }
2863 .footer__main-logo { 2863 .footer__main-logo {
2864 display: -webkit-box; 2864 display: -webkit-box;
2865 display: -ms-flexbox; 2865 display: -ms-flexbox;
2866 display: flex; 2866 display: flex;
2867 -webkit-box-pack: center; 2867 -webkit-box-pack: center;
2868 -ms-flex-pack: center; 2868 -ms-flex-pack: center;
2869 justify-content: center; 2869 justify-content: center;
2870 -webkit-box-align: center; 2870 -webkit-box-align: center;
2871 -ms-flex-align: center; 2871 -ms-flex-align: center;
2872 align-items: center; 2872 align-items: center;
2873 color: #377d87; 2873 color: #377d87;
2874 } 2874 }
2875 .footer__main-logo svg { 2875 .footer__main-logo svg {
2876 width: 182px; 2876 width: 182px;
2877 height: 54px; 2877 height: 54px;
2878 } 2878 }
2879 .footer__main-title { 2879 .footer__main-title {
2880 font-size: 20px; 2880 font-size: 20px;
2881 font-weight: 700; 2881 font-weight: 700;
2882 margin-bottom: 16px; 2882 margin-bottom: 16px;
2883 } 2883 }
2884 .footer__main-col { 2884 .footer__main-col {
2885 display: -webkit-box; 2885 display: -webkit-box;
2886 display: -ms-flexbox; 2886 display: -ms-flexbox;
2887 display: flex; 2887 display: flex;
2888 -webkit-box-orient: vertical; 2888 -webkit-box-orient: vertical;
2889 -webkit-box-direction: normal; 2889 -webkit-box-direction: normal;
2890 -ms-flex-direction: column; 2890 -ms-flex-direction: column;
2891 flex-direction: column; 2891 flex-direction: column;
2892 -webkit-box-align: start; 2892 -webkit-box-align: start;
2893 -ms-flex-align: start; 2893 -ms-flex-align: start;
2894 align-items: flex-start; 2894 align-items: flex-start;
2895 } 2895 }
2896 .footer__main-col nav { 2896 .footer__main-col nav {
2897 display: -webkit-box; 2897 display: -webkit-box;
2898 display: -ms-flexbox; 2898 display: -ms-flexbox;
2899 display: flex; 2899 display: flex;
2900 -webkit-box-orient: vertical; 2900 -webkit-box-orient: vertical;
2901 -webkit-box-direction: normal; 2901 -webkit-box-direction: normal;
2902 -ms-flex-direction: column; 2902 -ms-flex-direction: column;
2903 flex-direction: column; 2903 flex-direction: column;
2904 -webkit-box-align: start; 2904 -webkit-box-align: start;
2905 -ms-flex-align: start; 2905 -ms-flex-align: start;
2906 align-items: flex-start; 2906 align-items: flex-start;
2907 gap: 8px; 2907 gap: 8px;
2908 } 2908 }
2909 .footer__main-col nav a:hover { 2909 .footer__main-col nav a:hover {
2910 color: #377d87; 2910 color: #377d87;
2911 } 2911 }
2912 .footer__main-contacts { 2912 .footer__main-contacts {
2913 display: -webkit-box; 2913 display: -webkit-box;
2914 display: -ms-flexbox; 2914 display: -ms-flexbox;
2915 display: flex; 2915 display: flex;
2916 -webkit-box-orient: vertical; 2916 -webkit-box-orient: vertical;
2917 -webkit-box-direction: normal; 2917 -webkit-box-direction: normal;
2918 -ms-flex-direction: column; 2918 -ms-flex-direction: column;
2919 flex-direction: column; 2919 flex-direction: column;
2920 -webkit-box-align: start; 2920 -webkit-box-align: start;
2921 -ms-flex-align: start; 2921 -ms-flex-align: start;
2922 align-items: flex-start; 2922 align-items: flex-start;
2923 gap: 16px; 2923 gap: 16px;
2924 margin-bottom: 16px; 2924 margin-bottom: 16px;
2925 } 2925 }
2926 .footer__main-contacts a { 2926 .footer__main-contacts a {
2927 color: #377d87; 2927 color: #377d87;
2928 text-decoration: underline; 2928 text-decoration: underline;
2929 } 2929 }
2930 .footer__main-contacts a + a { 2930 .footer__main-contacts a + a {
2931 color: #000; 2931 color: #000;
2932 } 2932 }
2933 .footer__main-copy { 2933 .footer__main-copy {
2934 display: -webkit-box; 2934 display: -webkit-box;
2935 display: -ms-flexbox; 2935 display: -ms-flexbox;
2936 display: flex; 2936 display: flex;
2937 -webkit-box-pack: justify; 2937 -webkit-box-pack: justify;
2938 -ms-flex-pack: justify; 2938 -ms-flex-pack: justify;
2939 justify-content: space-between; 2939 justify-content: space-between;
2940 -webkit-box-align: center; 2940 -webkit-box-align: center;
2941 -ms-flex-align: center; 2941 -ms-flex-align: center;
2942 align-items: center; 2942 align-items: center;
2943 font-size: 14px; 2943 font-size: 14px;
2944 line-height: 1.4; 2944 line-height: 1.4;
2945 } 2945 }
2946 .footer__main-copy nav { 2946 .footer__main-copy nav {
2947 display: -webkit-box; 2947 display: -webkit-box;
2948 display: -ms-flexbox; 2948 display: -ms-flexbox;
2949 display: flex; 2949 display: flex;
2950 -webkit-box-align: center; 2950 -webkit-box-align: center;
2951 -ms-flex-align: center; 2951 -ms-flex-align: center;
2952 align-items: center; 2952 align-items: center;
2953 gap: 10px; 2953 gap: 10px;
2954 } 2954 }
2955 .footer__main-copy nav a:hover { 2955 .footer__main-copy nav a:hover {
2956 color: #377d87; 2956 color: #377d87;
2957 } 2957 }
2958 .footer__main-copy nav span { 2958 .footer__main-copy nav span {
2959 width: 1px; 2959 width: 1px;
2960 height: 20px; 2960 height: 20px;
2961 background: #000; 2961 background: #000;
2962 } 2962 }
2963 2963
2964 .main { 2964 .main {
2965 position: relative; 2965 position: relative;
2966 overflow: hidden; 2966 overflow: hidden;
2967 padding: 30px 0; 2967 padding: 30px 0;
2968 } 2968 }
2969 @media (min-width: 768px) { 2969 @media (min-width: 768px) {
2970 .main { 2970 .main {
2971 padding: 40px 0; 2971 padding: 40px 0;
2972 } 2972 }
2973 } 2973 }
2974 @media (min-width: 992px) { 2974 @media (min-width: 992px) {
2975 .main { 2975 .main {
2976 padding: 50px 0; 2976 padding: 50px 0;
2977 } 2977 }
2978 } 2978 }
2979 @media (min-width: 1280px) { 2979 @media (min-width: 1280px) {
2980 .main { 2980 .main {
2981 padding: 60px 0; 2981 padding: 60px 0;
2982 } 2982 }
2983 } 2983 }
2984 .main h2 { 2984 .main h2 {
2985 margin: 0; 2985 margin: 0;
2986 font-weight: 700; 2986 font-weight: 700;
2987 font-size: 30px; 2987 font-size: 30px;
2988 } 2988 }
2989 @media (min-width: 768px) { 2989 @media (min-width: 768px) {
2990 .main h2 { 2990 .main h2 {
2991 font-size: 44px; 2991 font-size: 44px;
2992 } 2992 }
2993 } 2993 }
2994 .main h3 { 2994 .main h3 {
2995 margin: 0; 2995 margin: 0;
2996 font-weight: 700; 2996 font-weight: 700;
2997 font-size: 22px; 2997 font-size: 22px;
2998 } 2998 }
2999 @media (min-width: 768px) { 2999 @media (min-width: 768px) {
3000 .main h3 { 3000 .main h3 {
3001 font-size: 28px; 3001 font-size: 28px;
3002 } 3002 }
3003 } 3003 }
3004 .main p { 3004 .main p {
3005 margin: 0; 3005 margin: 0;
3006 font-size: 14px; 3006 font-size: 14px;
3007 line-height: 1.4; 3007 line-height: 1.4;
3008 } 3008 }
3009 @media (min-width: 768px) { 3009 @media (min-width: 768px) {
3010 .main p { 3010 .main p {
3011 font-size: 18px; 3011 font-size: 18px;
3012 } 3012 }
3013 } 3013 }
3014 .main p a { 3014 .main p a {
3015 color: #4d88d9; 3015 color: #4d88d9;
3016 } 3016 }
3017 .main p a:hover { 3017 .main p a:hover {
3018 color: #377d87; 3018 color: #377d87;
3019 } 3019 }
3020 .main__breadcrumbs { 3020 .main__breadcrumbs {
3021 margin-bottom: 20px; 3021 margin-bottom: 20px;
3022 } 3022 }
3023 @media (min-width: 768px) { 3023 @media (min-width: 768px) {
3024 .main__breadcrumbs { 3024 .main__breadcrumbs {
3025 margin-bottom: 40px; 3025 margin-bottom: 40px;
3026 } 3026 }
3027 } 3027 }
3028 .main__content { 3028 .main__content {
3029 display: -webkit-box; 3029 display: -webkit-box;
3030 display: -ms-flexbox; 3030 display: -ms-flexbox;
3031 display: flex; 3031 display: flex;
3032 -webkit-box-orient: vertical; 3032 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal; 3033 -webkit-box-direction: normal;
3034 -ms-flex-direction: column; 3034 -ms-flex-direction: column;
3035 flex-direction: column; 3035 flex-direction: column;
3036 gap: 20px; 3036 gap: 20px;
3037 font-size: 14px; 3037 font-size: 14px;
3038 } 3038 }
3039 @media (min-width: 992px) { 3039 @media (min-width: 992px) {
3040 .main__content { 3040 .main__content {
3041 font-size: 18px; 3041 font-size: 18px;
3042 gap: 32px; 3042 gap: 32px;
3043 } 3043 }
3044 } 3044 }
3045 .main__content-item { 3045 .main__content-item {
3046 display: -webkit-box; 3046 display: -webkit-box;
3047 display: -ms-flexbox; 3047 display: -ms-flexbox;
3048 display: flex; 3048 display: flex;
3049 -webkit-box-orient: vertical; 3049 -webkit-box-orient: vertical;
3050 -webkit-box-direction: normal; 3050 -webkit-box-direction: normal;
3051 -ms-flex-direction: column; 3051 -ms-flex-direction: column;
3052 flex-direction: column; 3052 flex-direction: column;
3053 gap: 16px; 3053 gap: 16px;
3054 } 3054 }
3055 .main__content h1, 3055 .main__content h1,
3056 .main__content h2, 3056 .main__content h2,
3057 .main__content h3, 3057 .main__content h3,
3058 .main__content h4, 3058 .main__content h4,
3059 .main__content h5, 3059 .main__content h5,
3060 .main__content h6 { 3060 .main__content h6 {
3061 color: #000; 3061 color: #000;
3062 } 3062 }
3063 .main__content ul, 3063 .main__content ul,
3064 .main__content ol { 3064 .main__content ol {
3065 padding: 0; 3065 padding: 0;
3066 margin: 0; 3066 margin: 0;
3067 padding-left: 20px; 3067 padding-left: 20px;
3068 display: -webkit-box; 3068 display: -webkit-box;
3069 display: -ms-flexbox; 3069 display: -ms-flexbox;
3070 display: flex; 3070 display: flex;
3071 -webkit-box-orient: vertical; 3071 -webkit-box-orient: vertical;
3072 -webkit-box-direction: normal; 3072 -webkit-box-direction: normal;
3073 -ms-flex-direction: column; 3073 -ms-flex-direction: column;
3074 flex-direction: column; 3074 flex-direction: column;
3075 gap: 8px; 3075 gap: 8px;
3076 } 3076 }
3077 @media (min-width: 992px) { 3077 @media (min-width: 992px) {
3078 .main__content ul, 3078 .main__content ul,
3079 .main__content ol { 3079 .main__content ol {
3080 gap: 16px; 3080 gap: 16px;
3081 padding-left: 30px; 3081 padding-left: 30px;
3082 } 3082 }
3083 } 3083 }
3084 .main__content li ul, 3084 .main__content li ul,
3085 .main__content li ol { 3085 .main__content li ol {
3086 margin-top: 8px; 3086 margin-top: 8px;
3087 } 3087 }
3088 @media (min-width: 992px) { 3088 @media (min-width: 992px) {
3089 .main__content li ul, 3089 .main__content li ul,
3090 .main__content li ol { 3090 .main__content li ol {
3091 margin-top: 16px; 3091 margin-top: 16px;
3092 } 3092 }
3093 } 3093 }
3094 .main__content li ul li, 3094 .main__content li ul li,
3095 .main__content li ol li { 3095 .main__content li ol li {
3096 list-style-type: disc; 3096 list-style-type: disc;
3097 } 3097 }
3098 .main__gallery { 3098 .main__gallery {
3099 display: -webkit-box; 3099 display: -webkit-box;
3100 display: -ms-flexbox; 3100 display: -ms-flexbox;
3101 display: flex; 3101 display: flex;
3102 -webkit-box-orient: vertical; 3102 -webkit-box-orient: vertical;
3103 -webkit-box-direction: normal; 3103 -webkit-box-direction: normal;
3104 -ms-flex-direction: column; 3104 -ms-flex-direction: column;
3105 flex-direction: column; 3105 flex-direction: column;
3106 gap: 20px; 3106 gap: 20px;
3107 } 3107 }
3108 @media (min-width: 768px) { 3108 @media (min-width: 768px) {
3109 .main__gallery { 3109 .main__gallery {
3110 display: grid; 3110 display: grid;
3111 grid-template-columns: repeat(2, 1fr); 3111 grid-template-columns: repeat(2, 1fr);
3112 } 3112 }
3113 } 3113 }
3114 @media (min-width: 992px) { 3114 @media (min-width: 992px) {
3115 .main__gallery { 3115 .main__gallery {
3116 grid-template-columns: repeat(3, 1fr); 3116 grid-template-columns: repeat(3, 1fr);
3117 } 3117 }
3118 } 3118 }
3119 .main__gallery-item { 3119 .main__gallery-item {
3120 width: 100%; 3120 width: 100%;
3121 aspect-ratio: 400/224; 3121 aspect-ratio: 400/224;
3122 border-radius: 30px; 3122 border-radius: 30px;
3123 position: relative; 3123 position: relative;
3124 overflow: hidden; 3124 overflow: hidden;
3125 } 3125 }
3126 .main__gallery-item:hover { 3126 .main__gallery-item:hover {
3127 -webkit-filter: brightness(1.1); 3127 -webkit-filter: brightness(1.1);
3128 filter: brightness(1.1); 3128 filter: brightness(1.1);
3129 } 3129 }
3130 .main__gallery-item img { 3130 .main__gallery-item img {
3131 position: absolute; 3131 position: absolute;
3132 top: 0; 3132 top: 0;
3133 left: 0; 3133 left: 0;
3134 width: 100%; 3134 width: 100%;
3135 height: 100%; 3135 height: 100%;
3136 -o-object-fit: cover; 3136 -o-object-fit: cover;
3137 object-fit: cover; 3137 object-fit: cover;
3138 } 3138 }
3139 .main__employers { 3139 .main__employers {
3140 display: -webkit-box; 3140 display: -webkit-box;
3141 display: -ms-flexbox; 3141 display: -ms-flexbox;
3142 display: flex; 3142 display: flex;
3143 -webkit-box-orient: vertical; 3143 -webkit-box-orient: vertical;
3144 -webkit-box-direction: normal; 3144 -webkit-box-direction: normal;
3145 -ms-flex-direction: column; 3145 -ms-flex-direction: column;
3146 flex-direction: column; 3146 flex-direction: column;
3147 gap: 10px; 3147 gap: 10px;
3148 } 3148 }
3149 @media (min-width: 768px) { 3149 @media (min-width: 768px) {
3150 .main__employers { 3150 .main__employers {
3151 gap: 30px; 3151 gap: 30px;
3152 } 3152 }
3153 } 3153 }
3154 .main__employers-body { 3154 .main__employers-body {
3155 display: none; 3155 display: none;
3156 -webkit-box-orient: vertical; 3156 -webkit-box-orient: vertical;
3157 -webkit-box-direction: normal; 3157 -webkit-box-direction: normal;
3158 -ms-flex-direction: column; 3158 -ms-flex-direction: column;
3159 flex-direction: column; 3159 flex-direction: column;
3160 gap: 20px; 3160 gap: 20px;
3161 } 3161 }
3162 @media (min-width: 992px) { 3162 @media (min-width: 992px) {
3163 .main__employers-body { 3163 .main__employers-body {
3164 gap: 30px; 3164 gap: 30px;
3165 } 3165 }
3166 } 3166 }
3167 .main__employers-body.showed { 3167 .main__employers-body.showed {
3168 display: -webkit-box; 3168 display: -webkit-box;
3169 display: -ms-flexbox; 3169 display: -ms-flexbox;
3170 display: flex; 3170 display: flex;
3171 } 3171 }
3172 .main__employers-item { 3172 .main__employers-item {
3173 display: -webkit-box; 3173 display: -webkit-box;
3174 display: -ms-flexbox; 3174 display: -ms-flexbox;
3175 display: flex; 3175 display: flex;
3176 -webkit-box-orient: vertical; 3176 -webkit-box-orient: vertical;
3177 -webkit-box-direction: normal; 3177 -webkit-box-direction: normal;
3178 -ms-flex-direction: column; 3178 -ms-flex-direction: column;
3179 flex-direction: column; 3179 flex-direction: column;
3180 border: 1px solid #cecece; 3180 border: 1px solid #cecece;
3181 border-radius: 8px; 3181 border-radius: 8px;
3182 position: relative; 3182 position: relative;
3183 overflow: hidden; 3183 overflow: hidden;
3184 padding: 10px; 3184 padding: 10px;
3185 padding-top: 50px; 3185 padding-top: 50px;
3186 padding-bottom: 30px; 3186 padding-bottom: 30px;
3187 } 3187 }
3188 @media (min-width: 768px) { 3188 @media (min-width: 768px) {
3189 .main__employers-item { 3189 .main__employers-item {
3190 -webkit-box-orient: horizontal; 3190 -webkit-box-orient: horizontal;
3191 -webkit-box-direction: normal; 3191 -webkit-box-direction: normal;
3192 -ms-flex-direction: row; 3192 -ms-flex-direction: row;
3193 flex-direction: row; 3193 flex-direction: row;
3194 -webkit-box-align: center; 3194 -webkit-box-align: center;
3195 -ms-flex-align: center; 3195 -ms-flex-align: center;
3196 align-items: center; 3196 align-items: center;
3197 -webkit-box-pack: justify; 3197 -webkit-box-pack: justify;
3198 -ms-flex-pack: justify; 3198 -ms-flex-pack: justify;
3199 justify-content: space-between; 3199 justify-content: space-between;
3200 padding: 55px 20px; 3200 padding: 55px 20px;
3201 } 3201 }
3202 } 3202 }
3203 @media (min-width: 1280px) { 3203 @media (min-width: 1280px) {
3204 .main__employers-item { 3204 .main__employers-item {
3205 padding-left: 55px; 3205 padding-left: 55px;
3206 } 3206 }
3207 } 3207 }
3208 .main__employers-item-inner { 3208 .main__employers-item-inner {
3209 display: -webkit-box; 3209 display: -webkit-box;
3210 display: -ms-flexbox; 3210 display: -ms-flexbox;
3211 display: flex; 3211 display: flex;
3212 -webkit-box-orient: vertical; 3212 -webkit-box-orient: vertical;
3213 -webkit-box-direction: normal; 3213 -webkit-box-direction: normal;
3214 -ms-flex-direction: column; 3214 -ms-flex-direction: column;
3215 flex-direction: column; 3215 flex-direction: column;
3216 } 3216 }
3217 @media (min-width: 768px) { 3217 @media (min-width: 768px) {
3218 .main__employers-item-inner { 3218 .main__employers-item-inner {
3219 width: calc(100% - 200px); 3219 width: calc(100% - 200px);
3220 padding-right: 40px; 3220 padding-right: 40px;
3221 } 3221 }
3222 } 3222 }
3223 @media (min-width: 992px) { 3223 @media (min-width: 992px) {
3224 .main__employers-item-inner { 3224 .main__employers-item-inner {
3225 -webkit-box-orient: horizontal; 3225 -webkit-box-orient: horizontal;
3226 -webkit-box-direction: normal; 3226 -webkit-box-direction: normal;
3227 -ms-flex-direction: row; 3227 -ms-flex-direction: row;
3228 flex-direction: row; 3228 flex-direction: row;
3229 -webkit-box-align: center; 3229 -webkit-box-align: center;
3230 -ms-flex-align: center; 3230 -ms-flex-align: center;
3231 align-items: center; 3231 align-items: center;
3232 } 3232 }
3233 } 3233 }
3234 .main__employers-item-pic { 3234 .main__employers-item-pic {
3235 height: 30px; 3235 height: 30px;
3236 position: absolute; 3236 position: absolute;
3237 top: 10px; 3237 top: 10px;
3238 left: 10px; 3238 left: 10px;
3239 } 3239 }
3240 @media (min-width: 768px) { 3240 @media (min-width: 768px) {
3241 .main__employers-item-pic { 3241 .main__employers-item-pic {
3242 position: static; 3242 position: static;
3243 width: 150px; 3243 width: 150px;
3244 height: auto; 3244 height: auto;
3245 max-height: 150px; 3245 max-height: 150px;
3246 -o-object-fit: contain; 3246 -o-object-fit: contain;
3247 object-fit: contain; 3247 object-fit: contain;
3248 } 3248 }
3249 } 3249 }
3250 .main__employers-item-body { 3250 .main__employers-item-body {
3251 font-size: 12px; 3251 font-size: 12px;
3252 display: -webkit-box; 3252 display: -webkit-box;
3253 display: -ms-flexbox; 3253 display: -ms-flexbox;
3254 display: flex; 3254 display: flex;
3255 -webkit-box-orient: vertical; 3255 -webkit-box-orient: vertical;
3256 -webkit-box-direction: normal; 3256 -webkit-box-direction: normal;
3257 -ms-flex-direction: column; 3257 -ms-flex-direction: column;
3258 flex-direction: column; 3258 flex-direction: column;
3259 gap: 10px; 3259 gap: 10px;
3260 } 3260 }
3261 @media (min-width: 768px) { 3261 @media (min-width: 768px) {
3262 .main__employers-item-body { 3262 .main__employers-item-body {
3263 font-size: 16px; 3263 font-size: 16px;
3264 padding-top: 20px; 3264 padding-top: 20px;
3265 } 3265 }
3266 } 3266 }
3267 @media (min-width: 992px) { 3267 @media (min-width: 992px) {
3268 .main__employers-item-body { 3268 .main__employers-item-body {
3269 width: calc(100% - 150px); 3269 width: calc(100% - 150px);
3270 padding: 0; 3270 padding: 0;
3271 padding-left: 40px; 3271 padding-left: 40px;
3272 } 3272 }
3273 } 3273 }
3274 .main__employers-item-body b { 3274 .main__employers-item-body b {
3275 font-weight: 700; 3275 font-weight: 700;
3276 } 3276 }
3277 @media (min-width: 768px) { 3277 @media (min-width: 768px) {
3278 .main__employers-item-body b { 3278 .main__employers-item-body b {
3279 font-size: 20px; 3279 font-size: 20px;
3280 } 3280 }
3281 } 3281 }
3282 .main__employers-item-body i { 3282 .main__employers-item-body i {
3283 font-style: normal; 3283 font-style: normal;
3284 color: #000; 3284 color: #000;
3285 } 3285 }
3286 .main__employers-item-more { 3286 .main__employers-item-more {
3287 position: absolute; 3287 position: absolute;
3288 top: 10px; 3288 top: 10px;
3289 right: 10px; 3289 right: 10px;
3290 } 3290 }
3291 @media (min-width: 768px) { 3291 @media (min-width: 768px) {
3292 .main__employers-item-more { 3292 .main__employers-item-more {
3293 width: 200px; 3293 width: 200px;
3294 padding: 0; 3294 padding: 0;
3295 position: static; 3295 position: static;
3296 } 3296 }
3297 } 3297 }
3298 .main__employers-item-label { 3298 .main__employers-item-label {
3299 background: #4d88d9; 3299 background: #4d88d9;
3300 color: #fff; 3300 color: #fff;
3301 border-radius: 6px; 3301 border-radius: 6px;
3302 width: 100%; 3302 width: 100%;
3303 height: 20px; 3303 height: 20px;
3304 display: -webkit-box; 3304 display: -webkit-box;
3305 display: -ms-flexbox; 3305 display: -ms-flexbox;
3306 display: flex; 3306 display: flex;
3307 -webkit-box-align: center; 3307 -webkit-box-align: center;
3308 -ms-flex-align: center; 3308 -ms-flex-align: center;
3309 align-items: center; 3309 align-items: center;
3310 padding: 0 12px; 3310 padding: 0 12px;
3311 position: absolute; 3311 position: absolute;
3312 bottom: 0; 3312 bottom: 0;
3313 left: 0; 3313 left: 0;
3314 font-size: 12px; 3314 font-size: 12px;
3315 line-height: 1; 3315 line-height: 1;
3316 } 3316 }
3317 @media (min-width: 768px) { 3317 @media (min-width: 768px) {
3318 .main__employers-item-label { 3318 .main__employers-item-label {
3319 max-width: 350px; 3319 max-width: 350px;
3320 height: 30px; 3320 height: 30px;
3321 font-size: 15px; 3321 font-size: 15px;
3322 } 3322 }
3323 } 3323 }
3324 .main__employers-item-label svg { 3324 .main__employers-item-label svg {
3325 width: 8px; 3325 width: 8px;
3326 height: 8px; 3326 height: 8px;
3327 } 3327 }
3328 @media (min-width: 768px) { 3328 @media (min-width: 768px) {
3329 .main__employers-item-label svg { 3329 .main__employers-item-label svg {
3330 width: 12px; 3330 width: 12px;
3331 height: 12px; 3331 height: 12px;
3332 } 3332 }
3333 } 3333 }
3334 .main__employers-item-label span { 3334 .main__employers-item-label span {
3335 overflow: hidden; 3335 overflow: hidden;
3336 display: -webkit-box; 3336 display: -webkit-box;
3337 -webkit-box-orient: vertical; 3337 -webkit-box-orient: vertical;
3338 -webkit-line-clamp: 1; 3338 -webkit-line-clamp: 1;
3339 width: calc(100% - 8px); 3339 width: calc(100% - 8px);
3340 padding-left: 6px; 3340 padding-left: 6px;
3341 } 3341 }
3342 .main__employers-one { 3342 .main__employers-one {
3343 display: -webkit-box; 3343 display: -webkit-box;
3344 display: -ms-flexbox; 3344 display: -ms-flexbox;
3345 display: flex; 3345 display: flex;
3346 -webkit-box-orient: vertical; 3346 -webkit-box-orient: vertical;
3347 -webkit-box-direction: normal; 3347 -webkit-box-direction: normal;
3348 -ms-flex-direction: column; 3348 -ms-flex-direction: column;
3349 flex-direction: column; 3349 flex-direction: column;
3350 gap: 20px; 3350 gap: 20px;
3351 } 3351 }
3352 .main__employers-two { 3352 .main__employers-two {
3353 display: -webkit-box; 3353 display: -webkit-box;
3354 display: -ms-flexbox; 3354 display: -ms-flexbox;
3355 display: flex; 3355 display: flex;
3356 -webkit-box-orient: vertical; 3356 -webkit-box-orient: vertical;
3357 -webkit-box-direction: normal; 3357 -webkit-box-direction: normal;
3358 -ms-flex-direction: column; 3358 -ms-flex-direction: column;
3359 flex-direction: column; 3359 flex-direction: column;
3360 gap: 20px; 3360 gap: 20px;
3361 } 3361 }
3362 @media (min-width: 768px) { 3362 @media (min-width: 768px) {
3363 .main__employers-two { 3363 .main__employers-two {
3364 -webkit-box-orient: horizontal; 3364 -webkit-box-orient: horizontal;
3365 -webkit-box-direction: normal; 3365 -webkit-box-direction: normal;
3366 -ms-flex-direction: row; 3366 -ms-flex-direction: row;
3367 flex-direction: row; 3367 flex-direction: row;
3368 -ms-flex-wrap: wrap; 3368 -ms-flex-wrap: wrap;
3369 flex-wrap: wrap; 3369 flex-wrap: wrap;
3370 -webkit-box-align: start; 3370 -webkit-box-align: start;
3371 -ms-flex-align: start; 3371 -ms-flex-align: start;
3372 align-items: flex-start; 3372 align-items: flex-start;
3373 -webkit-box-pack: justify; 3373 -webkit-box-pack: justify;
3374 -ms-flex-pack: justify; 3374 -ms-flex-pack: justify;
3375 justify-content: space-between; 3375 justify-content: space-between;
3376 gap: 20px 0; 3376 gap: 20px 0;
3377 } 3377 }
3378 } 3378 }
3379 .main__employers-two .main__employers-item { 3379 .main__employers-two .main__employers-item {
3380 width: calc(50% - 10px); 3380 width: calc(50% - 10px);
3381 -webkit-box-orient: vertical; 3381 -webkit-box-orient: vertical;
3382 -webkit-box-direction: normal; 3382 -webkit-box-direction: normal;
3383 -ms-flex-direction: column; 3383 -ms-flex-direction: column;
3384 flex-direction: column; 3384 flex-direction: column;
3385 -webkit-box-align: stretch; 3385 -webkit-box-align: stretch;
3386 -ms-flex-align: stretch; 3386 -ms-flex-align: stretch;
3387 align-items: stretch; 3387 align-items: stretch;
3388 padding-top: 30px; 3388 padding-top: 30px;
3389 } 3389 }
3390 .main__employers-two .main__employers-item-inner { 3390 .main__employers-two .main__employers-item-inner {
3391 width: 100%; 3391 width: 100%;
3392 padding: 0; 3392 padding: 0;
3393 } 3393 }
3394 .main__employers-two .main__employers-item-more { 3394 .main__employers-two .main__employers-item-more {
3395 position: static; 3395 position: static;
3396 margin-top: 20px; 3396 margin-top: 20px;
3397 } 3397 }
3398 @media (min-width: 992px) { 3398 @media (min-width: 992px) {
3399 .main__employers-two .main__employers-item-more { 3399 .main__employers-two .main__employers-item-more {
3400 margin-left: 190px; 3400 margin-left: 190px;
3401 } 3401 }
3402 } 3402 }
3403 .main__employers-two .main__employers-item-label { 3403 .main__employers-two .main__employers-item-label {
3404 max-width: none; 3404 max-width: none;
3405 } 3405 }
3406 .main__employer-page { 3406 .main__employer-page {
3407 display: -webkit-box; 3407 display: -webkit-box;
3408 display: -ms-flexbox; 3408 display: -ms-flexbox;
3409 display: flex; 3409 display: flex;
3410 -webkit-box-orient: vertical; 3410 -webkit-box-orient: vertical;
3411 -webkit-box-direction: normal; 3411 -webkit-box-direction: normal;
3412 -ms-flex-direction: column; 3412 -ms-flex-direction: column;
3413 flex-direction: column; 3413 flex-direction: column;
3414 gap: 20px; 3414 gap: 20px;
3415 } 3415 }
3416 @media (min-width: 768px) { 3416 @media (min-width: 768px) {
3417 .main__employer-page { 3417 .main__employer-page {
3418 gap: 30px; 3418 gap: 30px;
3419 } 3419 }
3420 } 3420 }
3421 .main__employer-page-title { 3421 .main__employer-page-title {
3422 color: #000; 3422 color: #000;
3423 margin: 0; 3423 margin: 0;
3424 font-size: 30px; 3424 font-size: 30px;
3425 } 3425 }
3426 @media (min-width: 768px) { 3426 @media (min-width: 768px) {
3427 .main__employer-page-title { 3427 .main__employer-page-title {
3428 font-size: 36px; 3428 font-size: 36px;
3429 } 3429 }
3430 } 3430 }
3431 @media (min-width: 992px) { 3431 @media (min-width: 992px) {
3432 .main__employer-page-title { 3432 .main__employer-page-title {
3433 font-size: 44px; 3433 font-size: 44px;
3434 } 3434 }
3435 } 3435 }
3436 .main__employer-page-item { 3436 .main__employer-page-item {
3437 display: -webkit-box; 3437 display: -webkit-box;
3438 display: -ms-flexbox; 3438 display: -ms-flexbox;
3439 display: flex; 3439 display: flex;
3440 -webkit-box-orient: vertical; 3440 -webkit-box-orient: vertical;
3441 -webkit-box-direction: normal; 3441 -webkit-box-direction: normal;
3442 -ms-flex-direction: column; 3442 -ms-flex-direction: column;
3443 flex-direction: column; 3443 flex-direction: column;
3444 gap: 4px; 3444 gap: 4px;
3445 font-size: 12px; 3445 font-size: 12px;
3446 line-height: 1.4; 3446 line-height: 1.4;
3447 width: 190px; 3447 width: 190px;
3448 } 3448 }
3449 .main__employer-page-item.main__employer-page-description{ 3449 .main__employer-page-item.main__employer-page-description{
3450 width: unset; 3450 width: unset;
3451 } 3451 }
3452 @media (min-width: 768px) { 3452 @media (min-width: 768px) {
3453 .main__employer-page-item { 3453 .main__employer-page-item {
3454 font-size: 18px; 3454 font-size: 18px;
3455 gap: 8px; 3455 gap: 8px;
3456 } 3456 }
3457 } 3457 }
3458 .main__employer-page-item b { 3458 .main__employer-page-item b {
3459 color: #377d87; 3459 color: #377d87;
3460 font-size: 14px; 3460 font-size: 14px;
3461 } 3461 }
3462 @media (min-width: 768px) { 3462 @media (min-width: 768px) {
3463 .main__employer-page-item b { 3463 .main__employer-page-item b {
3464 font-size: 18px; 3464 font-size: 18px;
3465 } 3465 }
3466 } 3466 }
3467 .main__employer-page-item span { 3467 .main__employer-page-item span {
3468 color: #000; 3468 color: #000;
3469 } 3469 }
3470 .main__employer-page-info { 3470 .main__employer-page-info {
3471 display: -webkit-box; 3471 display: -webkit-box;
3472 display: -ms-flexbox; 3472 display: -ms-flexbox;
3473 display: flex; 3473 display: flex;
3474 -webkit-box-orient: vertical; 3474 -webkit-box-orient: vertical;
3475 -webkit-box-direction: normal; 3475 -webkit-box-direction: normal;
3476 -ms-flex-direction: column; 3476 -ms-flex-direction: column;
3477 flex-direction: column; 3477 flex-direction: column;
3478 gap: 20px; 3478 gap: 20px;
3479 } 3479 }
3480 .main__employer-page-info.row2{ 3480 .main__employer-page-info.row2{
3481 justify-content: flex-start; 3481 justify-content: flex-start;
3482 } 3482 }
3483 .main__employer-page-info.row2 .main__employer-page-item{ 3483 .main__employer-page-info.row2 .main__employer-page-item{
3484 width: 25%; 3484 width: 25%;
3485 } 3485 }
3486 @media (min-width: 768px) { 3486 @media (min-width: 768px) {
3487 .main__employer-page-info { 3487 .main__employer-page-info {
3488 display: grid; 3488 display: grid;
3489 grid-template-columns: repeat(2, 1fr); 3489 grid-template-columns: repeat(2, 1fr);
3490 gap: 30px 40px; 3490 gap: 30px 40px;
3491 } 3491 }
3492 } 3492 }
3493 @media (min-width: 1280px) { 3493 @media (min-width: 1280px) {
3494 .main__employer-page-info { 3494 .main__employer-page-info {
3495 display: -webkit-box; 3495 display: -webkit-box;
3496 display: -ms-flexbox; 3496 display: -ms-flexbox;
3497 display: flex; 3497 display: flex;
3498 -webkit-box-orient: horizontal; 3498 -webkit-box-orient: horizontal;
3499 -webkit-box-direction: normal; 3499 -webkit-box-direction: normal;
3500 -ms-flex-direction: row; 3500 -ms-flex-direction: row;
3501 flex-direction: row; 3501 flex-direction: row;
3502 -webkit-box-align: start; 3502 -webkit-box-align: start;
3503 -ms-flex-align: start; 3503 -ms-flex-align: start;
3504 align-items: flex-start; 3504 align-items: flex-start;
3505 -webkit-box-pack: justify; 3505 -webkit-box-pack: justify;
3506 -ms-flex-pack: justify; 3506 -ms-flex-pack: justify;
3507 justify-content: space-between; 3507 justify-content: space-between;
3508 padding-right: 160px; 3508 padding-right: 160px;
3509 } 3509 }
3510 } 3510 }
3511 @media (min-width: 768px) { 3511 @media (min-width: 768px) {
3512 .main__employer-page-info .main__employer-page-item b, 3512 .main__employer-page-info .main__employer-page-item b,
3513 .main__employer-page-info .main__employer-page-item span { 3513 .main__employer-page-info .main__employer-page-item span {
3514 max-width: 300px; 3514 max-width: 300px;
3515 } 3515 }
3516 } 3516 }
3517 .main__employer-page-tabs { 3517 .main__employer-page-tabs {
3518 display: -webkit-box; 3518 display: -webkit-box;
3519 display: -ms-flexbox; 3519 display: -ms-flexbox;
3520 display: flex; 3520 display: flex;
3521 -webkit-box-align: center; 3521 -webkit-box-align: center;
3522 -ms-flex-align: center; 3522 -ms-flex-align: center;
3523 align-items: center; 3523 align-items: center;
3524 gap: 20px; 3524 gap: 20px;
3525 } 3525 }
3526 @media (min-width: 768px) { 3526 @media (min-width: 768px) {
3527 .main__employer-page-tabs { 3527 .main__employer-page-tabs {
3528 margin-top: 20px; 3528 margin-top: 20px;
3529 } 3529 }
3530 } 3530 }
3531 .main__employer-page-tabs-item { 3531 .main__employer-page-tabs-item {
3532 font-size: 22px; 3532 font-size: 22px;
3533 font-weight: 700; 3533 font-weight: 700;
3534 border: none; 3534 border: none;
3535 background: none; 3535 background: none;
3536 padding: 0; 3536 padding: 0;
3537 color: #9c9d9d; 3537 color: #9c9d9d;
3538 text-decoration: underline; 3538 text-decoration: underline;
3539 text-decoration-thickness: 1px; 3539 text-decoration-thickness: 1px;
3540 } 3540 }
3541 @media (min-width: 768px) { 3541 @media (min-width: 768px) {
3542 .main__employer-page-tabs-item { 3542 .main__employer-page-tabs-item {
3543 font-size: 24px; 3543 font-size: 24px;
3544 } 3544 }
3545 } 3545 }
3546 .main__employer-page-tabs-item.active { 3546 .main__employer-page-tabs-item.active {
3547 color: #377d87; 3547 color: #377d87;
3548 } 3548 }
3549 .main__employer-page-body { 3549 .main__employer-page-body {
3550 display: -webkit-box; 3550 display: -webkit-box;
3551 display: -ms-flexbox; 3551 display: -ms-flexbox;
3552 display: flex; 3552 display: flex;
3553 -webkit-box-orient: vertical; 3553 -webkit-box-orient: vertical;
3554 -webkit-box-direction: normal; 3554 -webkit-box-direction: normal;
3555 -ms-flex-direction: column; 3555 -ms-flex-direction: column;
3556 flex-direction: column; 3556 flex-direction: column;
3557 margin-top: 10px; 3557 margin-top: 10px;
3558 } 3558 }
3559 @media (min-width: 768px) { 3559 @media (min-width: 768px) {
3560 .main__employer-page-body { 3560 .main__employer-page-body {
3561 margin-top: 30px; 3561 margin-top: 30px;
3562 } 3562 }
3563 } 3563 }
3564 .main__employer-page-body-item { 3564 .main__employer-page-body-item {
3565 display: none; 3565 display: none;
3566 -webkit-box-orient: vertical; 3566 -webkit-box-orient: vertical;
3567 -webkit-box-direction: normal; 3567 -webkit-box-direction: normal;
3568 -ms-flex-direction: column; 3568 -ms-flex-direction: column;
3569 flex-direction: column; 3569 flex-direction: column;
3570 gap: 20px; 3570 gap: 20px;
3571 } 3571 }
3572 .main__employer-page-body-item.showed { 3572 .main__employer-page-body-item.showed {
3573 display: -webkit-box; 3573 display: -webkit-box;
3574 display: -ms-flexbox; 3574 display: -ms-flexbox;
3575 display: flex; 3575 display: flex;
3576 } 3576 }
3577 .main__employer-page-one { 3577 .main__employer-page-one {
3578 display: -webkit-box; 3578 display: -webkit-box;
3579 display: -ms-flexbox; 3579 display: -ms-flexbox;
3580 display: flex; 3580 display: flex;
3581 -webkit-box-orient: vertical; 3581 -webkit-box-orient: vertical;
3582 -webkit-box-direction: normal; 3582 -webkit-box-direction: normal;
3583 -ms-flex-direction: column; 3583 -ms-flex-direction: column;
3584 flex-direction: column; 3584 flex-direction: column;
3585 gap: 20px; 3585 gap: 20px;
3586 } 3586 }
3587 @media (min-width: 768px) { 3587 @media (min-width: 768px) {
3588 .main__employer-page-one { 3588 .main__employer-page-one {
3589 display: grid; 3589 display: grid;
3590 grid-template-columns: repeat(2, 1fr); 3590 grid-template-columns: repeat(2, 1fr);
3591 } 3591 }
3592 } 3592 }
3593 @media (min-width: 992px) { 3593 @media (min-width: 992px) {
3594 .main__employer-page-one { 3594 .main__employer-page-one {
3595 grid-template-columns: repeat(3, 1fr); 3595 grid-template-columns: repeat(3, 1fr);
3596 } 3596 }
3597 } 3597 }
3598 @media (min-width: 1280px) { 3598 @media (min-width: 1280px) {
3599 .main__employer-page-one { 3599 .main__employer-page-one {
3600 grid-template-columns: repeat(4, 1fr); 3600 grid-template-columns: repeat(4, 1fr);
3601 gap: 30px 20px; 3601 gap: 30px 20px;
3602 } 3602 }
3603 } 3603 }
3604 .main__employer-page-one-item { 3604 .main__employer-page-one-item {
3605 display: -webkit-box; 3605 display: -webkit-box;
3606 display: -ms-flexbox; 3606 display: -ms-flexbox;
3607 display: flex; 3607 display: flex;
3608 -webkit-box-orient: vertical; 3608 -webkit-box-orient: vertical;
3609 -webkit-box-direction: normal; 3609 -webkit-box-direction: normal;
3610 -ms-flex-direction: column; 3610 -ms-flex-direction: column;
3611 flex-direction: column; 3611 flex-direction: column;
3612 gap: 10px; 3612 gap: 10px;
3613 font-size: 12px; 3613 font-size: 12px;
3614 position: relative; 3614 position: relative;
3615 } 3615 }
3616 @media (min-width: 1280px) { 3616 @media (min-width: 1280px) {
3617 .main__employer-page-one-item { 3617 .main__employer-page-one-item {
3618 font-size: 18px; 3618 font-size: 18px;
3619 } 3619 }
3620 } 3620 }
3621 .main__employer-page-one-item img { 3621 .main__employer-page-one-item img {
3622 border-radius: 10px; 3622 border-radius: 10px;
3623 -o-object-fit: cover; 3623 -o-object-fit: cover;
3624 object-fit: cover; 3624 object-fit: cover;
3625 width: 100%; 3625 width: 100%;
3626 max-height: 250px; 3626 max-height: 250px;
3627 aspect-ratio: 247/174; 3627 aspect-ratio: 247/174;
3628 } 3628 }
3629 @media (min-width: 1280px) { 3629 @media (min-width: 1280px) {
3630 .main__employer-page-one-item img { 3630 .main__employer-page-one-item img {
3631 margin-bottom: 10px; 3631 margin-bottom: 10px;
3632 } 3632 }
3633 } 3633 }
3634 .main__employer-page-one-item b { 3634 .main__employer-page-one-item b {
3635 font-weight: 700; 3635 font-weight: 700;
3636 color: #377d87; 3636 color: #377d87;
3637 } 3637 }
3638 .main__employer-page-one-item span { 3638 .main__employer-page-one-item span {
3639 color: #000; 3639 color: #000;
3640 } 3640 }
3641 .main__employer-page-one-item i { 3641 .main__employer-page-one-item i {
3642 font-style: normal; 3642 font-style: normal;
3643 color: #377d87; 3643 color: #377d87;
3644 } 3644 }
3645 .main__employer-page-one-item .del { 3645 .main__employer-page-one-item .del {
3646 position: absolute; 3646 position: absolute;
3647 z-index: 1; 3647 z-index: 1;
3648 top: 8px; 3648 top: 8px;
3649 left: 8px; 3649 left: 8px;
3650 } 3650 }
3651 .main__employer-page-two { 3651 .main__employer-page-two {
3652 display: -webkit-box; 3652 display: -webkit-box;
3653 display: -ms-flexbox; 3653 display: -ms-flexbox;
3654 display: flex; 3654 display: flex;
3655 -webkit-box-orient: vertical; 3655 -webkit-box-orient: vertical;
3656 -webkit-box-direction: normal; 3656 -webkit-box-direction: normal;
3657 -ms-flex-direction: column; 3657 -ms-flex-direction: column;
3658 flex-direction: column; 3658 flex-direction: column;
3659 -webkit-box-align: center; 3659 -webkit-box-align: center;
3660 -ms-flex-align: center; 3660 -ms-flex-align: center;
3661 align-items: center; 3661 align-items: center;
3662 gap: 20px; 3662 gap: 20px;
3663 } 3663 }
3664 .main__employer-page-two-item { 3664 .main__employer-page-two-item {
3665 width: 100%; 3665 width: 100%;
3666 display: -webkit-box; 3666 display: -webkit-box;
3667 display: -ms-flexbox; 3667 display: -ms-flexbox;
3668 display: flex; 3668 display: flex;
3669 -webkit-box-orient: vertical; 3669 -webkit-box-orient: vertical;
3670 -webkit-box-direction: normal; 3670 -webkit-box-direction: normal;
3671 -ms-flex-direction: column; 3671 -ms-flex-direction: column;
3672 flex-direction: column; 3672 flex-direction: column;
3673 gap: 16px; 3673 gap: 16px;
3674 padding: 20px 10px; 3674 padding: 20px 10px;
3675 border-radius: 12px; 3675 border-radius: 12px;
3676 border: 1px solid #cecece; 3676 border: 1px solid #cecece;
3677 position: relative; 3677 position: relative;
3678 overflow: hidden; 3678 overflow: hidden;
3679 font-size: 12px; 3679 font-size: 12px;
3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3681 } 3681 }
3682 @media (min-width: 768px) { 3682 @media (min-width: 768px) {
3683 .main__employer-page-two-item { 3683 .main__employer-page-two-item {
3684 font-size: 14px; 3684 font-size: 14px;
3685 padding: 20px; 3685 padding: 20px;
3686 gap: 24px; 3686 gap: 24px;
3687 padding-bottom: 35px; 3687 padding-bottom: 35px;
3688 } 3688 }
3689 } 3689 }
3690 @media (min-width: 992px) { 3690 @media (min-width: 992px) {
3691 .main__employer-page-two-item { 3691 .main__employer-page-two-item {
3692 font-size: 16px; 3692 font-size: 16px;
3693 } 3693 }
3694 } 3694 }
3695 @media (min-width: 1280px) { 3695 @media (min-width: 1280px) {
3696 .main__employer-page-two-item { 3696 .main__employer-page-two-item {
3697 font-size: 18px; 3697 font-size: 18px;
3698 } 3698 }
3699 } 3699 }
3700 .main__employer-page-two-item-toper { 3700 .main__employer-page-two-item-toper {
3701 display: -webkit-box; 3701 display: -webkit-box;
3702 display: -ms-flexbox; 3702 display: -ms-flexbox;
3703 display: flex; 3703 display: flex;
3704 -webkit-box-align: center; 3704 -webkit-box-align: center;
3705 -ms-flex-align: center; 3705 -ms-flex-align: center;
3706 align-items: center; 3706 align-items: center;
3707 font-size: 22px; 3707 font-size: 22px;
3708 font-weight: 700; 3708 font-weight: 700;
3709 color: #000; 3709 color: #000;
3710 } 3710 }
3711 @media (min-width: 768px) { 3711 @media (min-width: 768px) {
3712 .main__employer-page-two-item-toper { 3712 .main__employer-page-two-item-toper {
3713 font-size: 30px; 3713 font-size: 30px;
3714 } 3714 }
3715 } 3715 }
3716 .main__employer-page-two-item-toper img { 3716 .main__employer-page-two-item-toper img {
3717 width: 60px; 3717 width: 60px;
3718 aspect-ratio: 1/1; 3718 aspect-ratio: 1/1;
3719 -o-object-fit: contain; 3719 -o-object-fit: contain;
3720 object-fit: contain; 3720 object-fit: contain;
3721 } 3721 }
3722 .main__employer-page-two-item-toper span { 3722 .main__employer-page-two-item-toper span {
3723 width: calc(100% - 60px); 3723 width: calc(100% - 60px);
3724 padding-left: 10px; 3724 padding-left: 10px;
3725 } 3725 }
3726 @media (min-width: 768px) { 3726 @media (min-width: 768px) {
3727 .main__employer-page-two-item-toper span { 3727 .main__employer-page-two-item-toper span {
3728 padding-left: 20px; 3728 padding-left: 20px;
3729 } 3729 }
3730 } 3730 }
3731 .main__employer-page-two-item-title { 3731 .main__employer-page-two-item-title {
3732 font-size: 18px; 3732 font-size: 18px;
3733 font-weight: 700; 3733 font-weight: 700;
3734 color: #377d87; 3734 color: #377d87;
3735 } 3735 }
3736 @media (min-width: 768px) { 3736 @media (min-width: 768px) {
3737 .main__employer-page-two-item-title { 3737 .main__employer-page-two-item-title {
3738 font-size: 24px; 3738 font-size: 24px;
3739 } 3739 }
3740 } 3740 }
3741 .main__employer-page-two-item-text { 3741 .main__employer-page-two-item-text {
3742 display: -webkit-box; 3742 display: -webkit-box;
3743 display: -ms-flexbox; 3743 display: -ms-flexbox;
3744 display: flex; 3744 display: flex;
3745 -webkit-box-orient: vertical; 3745 -webkit-box-orient: vertical;
3746 -webkit-box-direction: normal; 3746 -webkit-box-direction: normal;
3747 -ms-flex-direction: column; 3747 -ms-flex-direction: column;
3748 flex-direction: column; 3748 flex-direction: column;
3749 gap: 10px; 3749 gap: 10px;
3750 } 3750 }
3751 .main__employer-page-two-item-text-name { 3751 .main__employer-page-two-item-text-name {
3752 font-weight: 700; 3752 font-weight: 700;
3753 } 3753 }
3754 .main__employer-page-two-item-text-body { 3754 .main__employer-page-two-item-text-body {
3755 color: #000; 3755 color: #000;
3756 display: -webkit-box; 3756 display: -webkit-box;
3757 display: -ms-flexbox; 3757 display: -ms-flexbox;
3758 display: flex; 3758 display: flex;
3759 -webkit-box-orient: vertical; 3759 -webkit-box-orient: vertical;
3760 -webkit-box-direction: normal; 3760 -webkit-box-direction: normal;
3761 -ms-flex-direction: column; 3761 -ms-flex-direction: column;
3762 flex-direction: column; 3762 flex-direction: column;
3763 gap: 6px; 3763 gap: 6px;
3764 padding: 0 10px; 3764 padding: 0 10px;
3765 } 3765 }
3766 .main__employer-page-two-item-text-body p { 3766 .main__employer-page-two-item-text-body p {
3767 margin: 0; 3767 margin: 0;
3768 } 3768 }
3769 .main__employer-page-two-item-text-body ul { 3769 .main__employer-page-two-item-text-body ul {
3770 margin: 0; 3770 margin: 0;
3771 padding: 0; 3771 padding: 0;
3772 padding-left: 16px; 3772 padding-left: 16px;
3773 display: -webkit-box; 3773 display: -webkit-box;
3774 display: -ms-flexbox; 3774 display: -ms-flexbox;
3775 display: flex; 3775 display: flex;
3776 -webkit-box-orient: vertical; 3776 -webkit-box-orient: vertical;
3777 -webkit-box-direction: normal; 3777 -webkit-box-direction: normal;
3778 -ms-flex-direction: column; 3778 -ms-flex-direction: column;
3779 flex-direction: column; 3779 flex-direction: column;
3780 gap: 6px; 3780 gap: 6px;
3781 } 3781 }
3782 @media (min-width: 768px) { 3782 @media (min-width: 768px) {
3783 .main__employer-page-two-item-text-body ul { 3783 .main__employer-page-two-item-text-body ul {
3784 margin: 0 5px; 3784 margin: 0 5px;
3785 } 3785 }
3786 } 3786 }
3787 .main__employer-page-two-item-text-body ul span, 3787 .main__employer-page-two-item-text-body ul span,
3788 .main__employer-page-two-item-text-body ul a { 3788 .main__employer-page-two-item-text-body ul a {
3789 color: #000; 3789 color: #000;
3790 position: relative; 3790 position: relative;
3791 } 3791 }
3792 .main__employer-page-two-item-text-body ul a:hover { 3792 .main__employer-page-two-item-text-body ul a:hover {
3793 color: #377d87; 3793 color: #377d87;
3794 } 3794 }
3795 .main__employer-page-two-item-text-body p + ul { 3795 .main__employer-page-two-item-text-body p + ul {
3796 margin-top: 10px; 3796 margin-top: 10px;
3797 } 3797 }
3798 .main__employer-page-two-item-text-links { 3798 .main__employer-page-two-item-text-links {
3799 display: -webkit-box; 3799 display: -webkit-box;
3800 display: -ms-flexbox; 3800 display: -ms-flexbox;
3801 display: flex; 3801 display: flex;
3802 -webkit-box-orient: vertical; 3802 -webkit-box-orient: vertical;
3803 -webkit-box-direction: normal; 3803 -webkit-box-direction: normal;
3804 -ms-flex-direction: column; 3804 -ms-flex-direction: column;
3805 flex-direction: column; 3805 flex-direction: column;
3806 -webkit-box-align: start; 3806 -webkit-box-align: start;
3807 -ms-flex-align: start; 3807 -ms-flex-align: start;
3808 align-items: flex-start; 3808 align-items: flex-start;
3809 gap: 10px; 3809 gap: 10px;
3810 padding: 0 10px; 3810 padding: 0 10px;
3811 font-weight: 700; 3811 font-weight: 700;
3812 margin-top: 5px; 3812 margin-top: 5px;
3813 } 3813 }
3814 @media (min-width: 768px) { 3814 @media (min-width: 768px) {
3815 .main__employer-page-two-item-text-links { 3815 .main__employer-page-two-item-text-links {
3816 gap: 20px; 3816 gap: 20px;
3817 } 3817 }
3818 } 3818 }
3819 .main__employer-page-two-item-text-links a { 3819 .main__employer-page-two-item-text-links a {
3820 color: #4d88d9; 3820 color: #4d88d9;
3821 } 3821 }
3822 .main__employer-page-two-item-text-links a:hover { 3822 .main__employer-page-two-item-text-links a:hover {
3823 color: #377d87; 3823 color: #377d87;
3824 } 3824 }
3825 .main__employer-page-two-item-tags { 3825 .main__employer-page-two-item-tags {
3826 color: #4d88d9; 3826 color: #4d88d9;
3827 font-weight: 500; 3827 font-weight: 500;
3828 display: -webkit-box; 3828 display: -webkit-box;
3829 display: -ms-flexbox; 3829 display: -ms-flexbox;
3830 display: flex; 3830 display: flex;
3831 -webkit-box-align: center; 3831 -webkit-box-align: center;
3832 -ms-flex-align: center; 3832 -ms-flex-align: center;
3833 align-items: center; 3833 align-items: center;
3834 -ms-flex-wrap: wrap; 3834 -ms-flex-wrap: wrap;
3835 flex-wrap: wrap; 3835 flex-wrap: wrap;
3836 gap: 10px 20px; 3836 gap: 10px 20px;
3837 } 3837 }
3838 @media (min-width: 768px) { 3838 @media (min-width: 768px) {
3839 .main__employer-page-two-item-tags { 3839 .main__employer-page-two-item-tags {
3840 font-size: 14px; 3840 font-size: 14px;
3841 } 3841 }
3842 } 3842 }
3843 .main__employer-page-two-item-buttons { 3843 .main__employer-page-two-item-buttons {
3844 display: grid; 3844 display: grid;
3845 grid-template-columns: repeat(2, 1fr); 3845 grid-template-columns: repeat(2, 1fr);
3846 gap: 20px; 3846 gap: 20px;
3847 } 3847 }
3848 @media (min-width: 768px) { 3848 @media (min-width: 768px) {
3849 .main__employer-page-two-item-button { 3849 .main__employer-page-two-item-button {
3850 position: absolute; 3850 position: absolute;
3851 bottom: 20px; 3851 bottom: 20px;
3852 left: 20px; 3852 left: 20px;
3853 width: 200px; 3853 width: 200px;
3854 padding: 0; 3854 padding: 0;
3855 } 3855 }
3856 } 3856 }
3857 @media (min-width: 768px) { 3857 @media (min-width: 768px) {
3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3859 left: auto; 3859 left: auto;
3860 right: 20px; 3860 right: 20px;
3861 } 3861 }
3862 } 3862 }
3863 .main__employer-page-two-item-bottom { 3863 .main__employer-page-two-item-bottom {
3864 display: -webkit-box; 3864 display: -webkit-box;
3865 display: -ms-flexbox; 3865 display: -ms-flexbox;
3866 display: flex; 3866 display: flex;
3867 -webkit-box-align: center; 3867 -webkit-box-align: center;
3868 -ms-flex-align: center; 3868 -ms-flex-align: center;
3869 align-items: center; 3869 align-items: center;
3870 -webkit-box-pack: justify; 3870 -webkit-box-pack: justify;
3871 -ms-flex-pack: justify; 3871 -ms-flex-pack: justify;
3872 justify-content: space-between; 3872 justify-content: space-between;
3873 } 3873 }
3874 .main__employer-page-two-item-bottom-date { 3874 .main__employer-page-two-item-bottom-date {
3875 color: #000; 3875 color: #000;
3876 } 3876 }
3877 @media (min-width: 768px) { 3877 @media (min-width: 768px) {
3878 .main__employer-page-two-item-bottom-date { 3878 .main__employer-page-two-item-bottom-date {
3879 position: absolute; 3879 position: absolute;
3880 bottom: 20px; 3880 bottom: 20px;
3881 right: 240px; 3881 right: 240px;
3882 height: 42px; 3882 height: 42px;
3883 display: -webkit-box; 3883 display: -webkit-box;
3884 display: -ms-flexbox; 3884 display: -ms-flexbox;
3885 display: flex; 3885 display: flex;
3886 -webkit-box-align: center; 3886 -webkit-box-align: center;
3887 -ms-flex-align: center; 3887 -ms-flex-align: center;
3888 align-items: center; 3888 align-items: center;
3889 } 3889 }
3890 } 3890 }
3891 @media (min-width: 992px) { 3891 @media (min-width: 992px) {
3892 .main__employer-page-two-item-bottom-date { 3892 .main__employer-page-two-item-bottom-date {
3893 font-size: 16px; 3893 font-size: 16px;
3894 } 3894 }
3895 } 3895 }
3896 @media (min-width: 768px) { 3896 @media (min-width: 768px) {
3897 .main__employer-page-two-item-bottom-like { 3897 .main__employer-page-two-item-bottom-like {
3898 position: absolute; 3898 position: absolute;
3899 bottom: 20px; 3899 bottom: 20px;
3900 left: 240px; 3900 left: 240px;
3901 } 3901 }
3902 } 3902 }
3903 @media (min-width: 768px) { 3903 @media (min-width: 768px) {
3904 .main__employer-page-two-more { 3904 .main__employer-page-two-more {
3905 margin-top: 10px; 3905 margin-top: 10px;
3906 padding: 0; 3906 padding: 0;
3907 width: 200px; 3907 width: 200px;
3908 } 3908 }
3909 } 3909 }
3910 .main__employer-page-two .main__employer-page-two-item { 3910 .main__employer-page-two .main__employer-page-two-item {
3911 /*display: none;*/ 3911 /*display: none;*/
3912 } 3912 }
3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 } 3917 }
3918 .main__employer-page-two.active .main__employer-page-two-item { 3918 .main__employer-page-two.active .main__employer-page-two-item {
3919 display: -webkit-box; 3919 display: -webkit-box;
3920 display: -ms-flexbox; 3920 display: -ms-flexbox;
3921 display: flex; 3921 display: flex;
3922 } 3922 }
3923 .main__resume-base { 3923 .main__resume-base {
3924 display: -webkit-box; 3924 display: -webkit-box;
3925 display: -ms-flexbox; 3925 display: -ms-flexbox;
3926 display: flex; 3926 display: flex;
3927 -webkit-box-orient: vertical; 3927 -webkit-box-orient: vertical;
3928 -webkit-box-direction: normal; 3928 -webkit-box-direction: normal;
3929 -ms-flex-direction: column; 3929 -ms-flex-direction: column;
3930 flex-direction: column; 3930 flex-direction: column;
3931 color: #000; 3931 color: #000;
3932 } 3932 }
3933 .main__resume-base-body { 3933 .main__resume-base-body {
3934 display: none; 3934 display: none;
3935 -webkit-box-orient: vertical; 3935 -webkit-box-orient: vertical;
3936 -webkit-box-direction: normal; 3936 -webkit-box-direction: normal;
3937 -ms-flex-direction: column; 3937 -ms-flex-direction: column;
3938 flex-direction: column; 3938 flex-direction: column;
3939 margin-top: 10px; 3939 margin-top: 10px;
3940 } 3940 }
3941 @media (min-width: 768px) { 3941 @media (min-width: 768px) {
3942 .main__resume-base-body { 3942 .main__resume-base-body {
3943 margin-top: 30px; 3943 margin-top: 30px;
3944 } 3944 }
3945 } 3945 }
3946 .main__resume-base-body.showed { 3946 .main__resume-base-body.showed {
3947 display: -webkit-box; 3947 display: -webkit-box;
3948 display: -ms-flexbox; 3948 display: -ms-flexbox;
3949 display: flex; 3949 display: flex;
3950 } 3950 }
3951 .main__resume-base-body-one { 3951 .main__resume-base-body-one {
3952 display: -webkit-box; 3952 display: -webkit-box;
3953 display: -ms-flexbox; 3953 display: -ms-flexbox;
3954 display: flex; 3954 display: flex;
3955 -webkit-box-orient: vertical; 3955 -webkit-box-orient: vertical;
3956 -webkit-box-direction: normal; 3956 -webkit-box-direction: normal;
3957 -ms-flex-direction: column; 3957 -ms-flex-direction: column;
3958 flex-direction: column; 3958 flex-direction: column;
3959 -webkit-box-align: center; 3959 -webkit-box-align: center;
3960 -ms-flex-align: center; 3960 -ms-flex-align: center;
3961 align-items: center; 3961 align-items: center;
3962 gap: 20px; 3962 gap: 20px;
3963 } 3963 }
3964 @media (min-width: 768px) { 3964 @media (min-width: 768px) {
3965 .main__resume-base-body-one { 3965 .main__resume-base-body-one {
3966 gap: 30px; 3966 gap: 30px;
3967 } 3967 }
3968 } 3968 }
3969 .main__resume-base-body-two { 3969 .main__resume-base-body-two {
3970 display: -webkit-box; 3970 display: -webkit-box;
3971 display: -ms-flexbox; 3971 display: -ms-flexbox;
3972 display: flex; 3972 display: flex;
3973 -webkit-box-orient: vertical; 3973 -webkit-box-orient: vertical;
3974 -webkit-box-direction: normal; 3974 -webkit-box-direction: normal;
3975 -ms-flex-direction: column; 3975 -ms-flex-direction: column;
3976 flex-direction: column; 3976 flex-direction: column;
3977 gap: 20px; 3977 gap: 20px;
3978 } 3978 }
3979 @media (min-width: 768px) { 3979 @media (min-width: 768px) {
3980 .main__resume-base-body-two { 3980 .main__resume-base-body-two {
3981 -webkit-box-orient: horizontal; 3981 -webkit-box-orient: horizontal;
3982 -webkit-box-direction: normal; 3982 -webkit-box-direction: normal;
3983 -ms-flex-direction: row; 3983 -ms-flex-direction: row;
3984 flex-direction: row; 3984 flex-direction: row;
3985 -webkit-box-pack: justify; 3985 -webkit-box-pack: justify;
3986 -ms-flex-pack: justify; 3986 -ms-flex-pack: justify;
3987 justify-content: space-between; 3987 justify-content: space-between;
3988 -webkit-box-align: start; 3988 -webkit-box-align: start;
3989 -ms-flex-align: start; 3989 -ms-flex-align: start;
3990 align-items: flex-start; 3990 align-items: flex-start;
3991 -ms-flex-wrap: wrap; 3991 -ms-flex-wrap: wrap;
3992 flex-wrap: wrap; 3992 flex-wrap: wrap;
3993 gap: 30px 0; 3993 gap: 30px 0;
3994 } 3994 }
3995 } 3995 }
3996 @media (min-width: 768px) { 3996 @media (min-width: 768px) {
3997 .main__resume-base-body-two .main__resume-base-body-item { 3997 .main__resume-base-body-two .main__resume-base-body-item {
3998 width: calc(50% - 10px); 3998 width: calc(50% - 10px);
3999 } 3999 }
4000 } 4000 }
4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4002 -webkit-box-orient: vertical; 4002 -webkit-box-orient: vertical;
4003 -webkit-box-direction: normal; 4003 -webkit-box-direction: normal;
4004 -ms-flex-direction: column; 4004 -ms-flex-direction: column;
4005 flex-direction: column; 4005 flex-direction: column;
4006 } 4006 }
4007 .main__resume-base-body-item { 4007 .main__resume-base-body-item {
4008 width: 100%; 4008 width: 100%;
4009 display: -webkit-box; 4009 display: -webkit-box;
4010 display: -ms-flexbox; 4010 display: -ms-flexbox;
4011 display: flex; 4011 display: flex;
4012 -webkit-box-orient: vertical; 4012 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4013 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4014 -ms-flex-direction: column;
4015 flex-direction: column; 4015 flex-direction: column;
4016 gap: 20px; 4016 gap: 20px;
4017 position: relative; 4017 position: relative;
4018 border: 1px solid #377d87; 4018 border: 1px solid #377d87;
4019 border-radius: 8px; 4019 border-radius: 8px;
4020 padding: 10px; 4020 padding: 10px;
4021 -webkit-box-align: center; 4021 -webkit-box-align: center;
4022 -ms-flex-align: center; 4022 -ms-flex-align: center;
4023 align-items: center; 4023 align-items: center;
4024 } 4024 }
4025 @media (min-width: 768px) { 4025 @media (min-width: 768px) {
4026 .main__resume-base-body-item { 4026 .main__resume-base-body-item {
4027 padding: 20px; 4027 padding: 20px;
4028 } 4028 }
4029 } 4029 }
4030 .main__resume-base-body-item-buttons { 4030 .main__resume-base-body-item-buttons {
4031 margin-top: 10px; 4031 margin-top: 10px;
4032 } 4032 }
4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4034 width: 100%; 4034 width: 100%;
4035 margin-bottom: 10px; 4035 margin-bottom: 10px;
4036 } 4036 }
4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038 background: #377d87; 4038 background: #377d87;
4039 color: #fff; 4039 color: #fff;
4040 } 4040 }
4041 .main__resume-base-body-item-buttons .chat.active{ 4041 .main__resume-base-body-item-buttons .chat.active{
4042 background: #fff; 4042 background: #fff;
4043 color: #377d87; 4043 color: #377d87;
4044 } 4044 }
4045 .main__resume-base-body-item-buttons button.like.active{ 4045 .main__resume-base-body-item-buttons button.like.active{
4046 background-color: #ffffff; 4046 background-color: #ffffff;
4047 color: #eb5757; 4047 color: #eb5757;
4048 } 4048 }
4049 .main__resume-base-body-item-buttons button span{ 4049 .main__resume-base-body-item-buttons button span{
4050 margin-left: 10px; 4050 margin-left: 10px;
4051 } 4051 }
4052 .main__resume-base-body-item-buttons .like .in-favorites{ 4052 .main__resume-base-body-item-buttons .like .in-favorites{
4053 display: none; 4053 display: none;
4054 } 4054 }
4055 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4055 .main__resume-base-body-item-buttons .like.active .in-favorites{
4056 display: block; 4056 display: block;
4057 color: #eb5757; 4057 color: #eb5757;
4058 } 4058 }
4059 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4059 .main__resume-base-body-item-buttons .like.active .to-favorites{
4060 display: none; 4060 display: none;
4061 } 4061 }
4062 .main__resume-base-body-item-wrapper { 4062 .main__resume-base-body-item-wrapper {
4063 display: -webkit-box; 4063 display: -webkit-box;
4064 display: -ms-flexbox; 4064 display: -ms-flexbox;
4065 display: flex; 4065 display: flex;
4066 -webkit-box-orient: vertical; 4066 -webkit-box-orient: vertical;
4067 -webkit-box-direction: normal; 4067 -webkit-box-direction: normal;
4068 -ms-flex-direction: column; 4068 -ms-flex-direction: column;
4069 flex-direction: column; 4069 flex-direction: column;
4070 -webkit-box-align: start; 4070 -webkit-box-align: start;
4071 -ms-flex-align: start; 4071 -ms-flex-align: start;
4072 align-items: flex-start; 4072 align-items: flex-start;
4073 gap: 20px; 4073 gap: 20px;
4074 width: 100%; 4074 width: 100%;
4075 } 4075 }
4076 @media (min-width: 768px) { 4076 @media (min-width: 768px) {
4077 .main__resume-base-body-item-wrapper { 4077 .main__resume-base-body-item-wrapper {
4078 -webkit-box-orient: horizontal; 4078 -webkit-box-orient: horizontal;
4079 -webkit-box-direction: normal; 4079 -webkit-box-direction: normal;
4080 -ms-flex-direction: row; 4080 -ms-flex-direction: row;
4081 flex-direction: row; 4081 flex-direction: row;
4082 } 4082 }
4083 } 4083 }
4084 .main__resume-base-body-item-photo { 4084 .main__resume-base-body-item-photo {
4085 width: 180px; 4085 width: 180px;
4086 aspect-ratio: 1/1; 4086 aspect-ratio: 1/1;
4087 -o-object-fit: cover; 4087 -o-object-fit: cover;
4088 object-fit: cover; 4088 object-fit: cover;
4089 border-radius: 8px; 4089 border-radius: 8px;
4090 } 4090 }
4091 @media (min-width: 768px) { 4091 @media (min-width: 768px) {
4092 .main__resume-base-body-item-photo { 4092 .main__resume-base-body-item-photo {
4093 width: 210px; 4093 width: 210px;
4094 } 4094 }
4095 } 4095 }
4096 .main__resume-base-body-item-inner { 4096 .main__resume-base-body-item-inner {
4097 display: -webkit-box; 4097 display: -webkit-box;
4098 display: -ms-flexbox; 4098 display: -ms-flexbox;
4099 display: flex; 4099 display: flex;
4100 -webkit-box-orient: vertical; 4100 -webkit-box-orient: vertical;
4101 -webkit-box-direction: normal; 4101 -webkit-box-direction: normal;
4102 -ms-flex-direction: column; 4102 -ms-flex-direction: column;
4103 flex-direction: column; 4103 flex-direction: column;
4104 gap: 10px; 4104 gap: 10px;
4105 width: 100%; 4105 width: 100%;
4106 row-gap: 10px; 4106 row-gap: 10px;
4107 } 4107 }
4108 .main__resume-base-body-item-inner .horizontal{ 4108 .main__resume-base-body-item-inner .horizontal{
4109 -webkit-box-orient: horizontal; 4109 -webkit-box-orient: horizontal;
4110 -ms-flex-direction: unset; 4110 -ms-flex-direction: unset;
4111 flex-direction: row; 4111 flex-direction: row;
4112 align-items: start; 4112 align-items: start;
4113 } 4113 }
4114 .main__resume-base-item-status{ 4114 .main__resume-base-item-status{
4115 width: fit-content; 4115 width: fit-content;
4116 background-color: #e6e6e6; 4116 background-color: #e6e6e6;
4117 font-weight: bold; 4117 font-weight: bold;
4118 padding: 5px 10px; 4118 padding: 5px 10px;
4119 border-radius: 8px; 4119 border-radius: 8px;
4120 } 4120 }
4121 .main__resume-base-item-status.looking-for-job{ 4121 .main__resume-base-item-status.looking-for-job{
4122 background-color: #eb5757; 4122 background-color: #eb5757;
4123 color: #fff; 4123 color: #fff;
4124 } 4124 }
4125 .main__resume-base-item-updated-at{ 4125 .main__resume-base-item-updated-at{
4126 padding: 5px 10px; 4126 padding: 5px 10px;
4127 border-radius: 8px; 4127 border-radius: 8px;
4128 border: 1px #e6e6e6 solid; 4128 border: 1px #e6e6e6 solid;
4129 } 4129 }
4130 @media (min-width: 768px) { 4130 @media (min-width: 768px) {
4131 .main__resume-base-body-item-inner { 4131 .main__resume-base-body-item-inner {
4132 gap: 16px; 4132 gap: 16px;
4133 padding-right: 50px; 4133 padding-right: 50px;
4134 } 4134 }
4135 } 4135 }
4136 @media (min-width: 992px) { 4136 @media (min-width: 992px) {
4137 .main__resume-base-body-item-inner { 4137 .main__resume-base-body-item-inner {
4138 display: grid; 4138 display: grid;
4139 grid-template-columns: repeat(2, 1fr); 4139 grid-template-columns: repeat(2, 1fr);
4140 gap: 30px; 4140 gap: 30px;
4141 row-gap: 10px; 4141 row-gap: 10px;
4142 } 4142 }
4143 } 4143 }
4144 .main__resume-base-body-item-inner div { 4144 .main__resume-base-body-item-inner div {
4145 display: -webkit-box; 4145 display: -webkit-box;
4146 display: -ms-flexbox; 4146 display: -ms-flexbox;
4147 display: flex; 4147 display: flex;
4148 -webkit-box-orient: vertical; 4148 -webkit-box-orient: vertical;
4149 -webkit-box-direction: normal; 4149 -webkit-box-direction: normal;
4150 -ms-flex-direction: column; 4150 -ms-flex-direction: column;
4151 flex-direction: column; 4151 flex-direction: column;
4152 gap: 4px; 4152 gap: 4px;
4153 font-size: 12px; 4153 font-size: 12px;
4154 } 4154 }
4155 @media (min-width: 768px) { 4155 @media (min-width: 768px) {
4156 .main__resume-base-body-item-inner div { 4156 .main__resume-base-body-item-inner div {
4157 font-size: 16px; 4157 font-size: 16px;
4158 } 4158 }
4159 } 4159 }
4160 .main__resume-base-body-item-inner b { 4160 .main__resume-base-body-item-inner b {
4161 color: #377d87; 4161 color: #377d87;
4162 font-size: 14px; 4162 font-size: 14px;
4163 } 4163 }
4164 @media (min-width: 768px) { 4164 @media (min-width: 768px) {
4165 .main__resume-base-body-item-inner b { 4165 .main__resume-base-body-item-inner b {
4166 font-size: 18px; 4166 font-size: 18px;
4167 } 4167 }
4168 } 4168 }
4169 .main__resume-base-body-item-link { 4169 .main__resume-base-body-item-link {
4170 width: 100%; 4170 width: 100%;
4171 padding: 0; 4171 padding: 0;
4172 } 4172 }
4173 @media (min-width: 768px) { 4173 @media (min-width: 768px) {
4174 .main__resume-base-body-item-link { 4174 .main__resume-base-body-item-link {
4175 width: 200px; 4175 width: 200px;
4176 } 4176 }
4177 } 4177 }
4178 .main__spoiler { 4178 .main__spoiler {
4179 overflow: hidden; 4179 overflow: hidden;
4180 border-radius: 8px; 4180 border-radius: 8px;
4181 display: -webkit-box; 4181 display: -webkit-box;
4182 display: -ms-flexbox; 4182 display: -ms-flexbox;
4183 display: flex; 4183 display: flex;
4184 -webkit-box-orient: vertical; 4184 -webkit-box-orient: vertical;
4185 -webkit-box-direction: normal; 4185 -webkit-box-direction: normal;
4186 -ms-flex-direction: column; 4186 -ms-flex-direction: column;
4187 flex-direction: column; 4187 flex-direction: column;
4188 } 4188 }
4189 .main__spoiler-toper { 4189 .main__spoiler-toper {
4190 background: #377d87; 4190 background: #377d87;
4191 height: 30px; 4191 height: 30px;
4192 display: -webkit-box; 4192 display: -webkit-box;
4193 display: -ms-flexbox; 4193 display: -ms-flexbox;
4194 display: flex; 4194 display: flex;
4195 -webkit-box-align: center; 4195 -webkit-box-align: center;
4196 -ms-flex-align: center; 4196 -ms-flex-align: center;
4197 align-items: center; 4197 align-items: center;
4198 -webkit-box-pack: center; 4198 -webkit-box-pack: center;
4199 -ms-flex-pack: center; 4199 -ms-flex-pack: center;
4200 justify-content: center; 4200 justify-content: center;
4201 color: #fff; 4201 color: #fff;
4202 font-size: 12px; 4202 font-size: 12px;
4203 font-weight: 700; 4203 font-weight: 700;
4204 padding: 0 30px; 4204 padding: 0 30px;
4205 border: none; 4205 border: none;
4206 position: relative; 4206 position: relative;
4207 } 4207 }
4208 @media (min-width: 768px) { 4208 @media (min-width: 768px) {
4209 .main__spoiler-toper { 4209 .main__spoiler-toper {
4210 font-size: 18px; 4210 font-size: 18px;
4211 height: 50px; 4211 height: 50px;
4212 padding: 0 60px; 4212 padding: 0 60px;
4213 } 4213 }
4214 } 4214 }
4215 .main__spoiler-toper:before, .main__spoiler-toper:after { 4215 .main__spoiler-toper:before, .main__spoiler-toper:after {
4216 content: ""; 4216 content: "";
4217 background: #fff; 4217 background: #fff;
4218 border-radius: 999px; 4218 border-radius: 999px;
4219 width: 10px; 4219 width: 10px;
4220 height: 1px; 4220 height: 1px;
4221 position: absolute; 4221 position: absolute;
4222 top: 50%; 4222 top: 50%;
4223 right: 10px; 4223 right: 10px;
4224 -webkit-transition: 0.3s; 4224 -webkit-transition: 0.3s;
4225 transition: 0.3s; 4225 transition: 0.3s;
4226 -webkit-transform: translate(0, -50%); 4226 -webkit-transform: translate(0, -50%);
4227 -ms-transform: translate(0, -50%); 4227 -ms-transform: translate(0, -50%);
4228 transform: translate(0, -50%); 4228 transform: translate(0, -50%);
4229 } 4229 }
4230 @media (min-width: 768px) { 4230 @media (min-width: 768px) {
4231 .main__spoiler-toper:before, .main__spoiler-toper:after { 4231 .main__spoiler-toper:before, .main__spoiler-toper:after {
4232 width: 20px; 4232 width: 20px;
4233 height: 2px; 4233 height: 2px;
4234 right: 20px; 4234 right: 20px;
4235 } 4235 }
4236 } 4236 }
4237 .main__spoiler-toper:after { 4237 .main__spoiler-toper:after {
4238 -webkit-transform: rotate(90deg); 4238 -webkit-transform: rotate(90deg);
4239 -ms-transform: rotate(90deg); 4239 -ms-transform: rotate(90deg);
4240 transform: rotate(90deg); 4240 transform: rotate(90deg);
4241 } 4241 }
4242 .main__spoiler-toper.active:after { 4242 .main__spoiler-toper.active:after {
4243 -webkit-transform: rotate(0deg); 4243 -webkit-transform: rotate(0deg);
4244 -ms-transform: rotate(0deg); 4244 -ms-transform: rotate(0deg);
4245 transform: rotate(0deg); 4245 transform: rotate(0deg);
4246 } 4246 }
4247 .main__spoiler-body { 4247 .main__spoiler-body {
4248 opacity: 0; 4248 opacity: 0;
4249 height: 0; 4249 height: 0;
4250 overflow: hidden; 4250 overflow: hidden;
4251 border-radius: 0 0 8px 8px; 4251 border-radius: 0 0 8px 8px;
4252 background: #fff; 4252 background: #fff;
4253 } 4253 }
4254 .main__spoiler-body table { 4254 .main__spoiler-body table {
4255 width: calc(100% + 2px); 4255 width: calc(100% + 2px);
4256 margin-left: -1px; 4256 margin-left: -1px;
4257 margin-bottom: -1px; 4257 margin-bottom: -1px;
4258 } 4258 }
4259 @media (min-width: 992px) { 4259 @media (min-width: 992px) {
4260 .main__spoiler-body table td { 4260 .main__spoiler-body table td {
4261 width: 50%; 4261 width: 50%;
4262 } 4262 }
4263 } 4263 }
4264 @media (min-width: 992px) { 4264 @media (min-width: 992px) {
4265 .main__spoiler-body table td + td { 4265 .main__spoiler-body table td + td {
4266 width: 50%; 4266 width: 50%;
4267 } 4267 }
4268 } 4268 }
4269 .active + .main__spoiler-body { 4269 .active + .main__spoiler-body {
4270 -webkit-transition: 0.3s; 4270 -webkit-transition: 0.3s;
4271 transition: 0.3s; 4271 transition: 0.3s;
4272 opacity: 1; 4272 opacity: 1;
4273 height: auto; 4273 height: auto;
4274 border: 1px solid #cecece; 4274 border: 1px solid #cecece;
4275 border-top: none; 4275 border-top: none;
4276 } 4276 }
4277 .main__table { 4277 .main__table {
4278 border-collapse: collapse; 4278 border-collapse: collapse;
4279 table-layout: fixed; 4279 table-layout: fixed;
4280 font-size: 12px; 4280 font-size: 12px;
4281 width: 100%; 4281 width: 100%;
4282 background: #fff; 4282 background: #fff;
4283 } 4283 }
4284 @media (min-width: 768px) { 4284 @media (min-width: 768px) {
4285 .main__table { 4285 .main__table {
4286 font-size: 16px; 4286 font-size: 16px;
4287 } 4287 }
4288 } 4288 }
4289 .main__table td { 4289 .main__table td {
4290 border: 1px solid #cecece; 4290 border: 1px solid #cecece;
4291 padding: 4px 8px; 4291 padding: 4px 8px;
4292 vertical-align: top; 4292 vertical-align: top;
4293 } 4293 }
4294 @media (min-width: 768px) { 4294 @media (min-width: 768px) {
4295 .main__table td { 4295 .main__table td {
4296 padding: 8px 16px; 4296 padding: 8px 16px;
4297 } 4297 }
4298 } 4298 }
4299 .main__table td b { 4299 .main__table td b {
4300 font-weight: 700; 4300 font-weight: 700;
4301 } 4301 }
4302 .main__table_three { 4302 .main__table_three {
4303 table-layout: auto; 4303 table-layout: auto;
4304 } 4304 }
4305 .main__table_three td { 4305 .main__table_three td {
4306 width: 25% !important; 4306 width: 25% !important;
4307 } 4307 }
4308 .main__table_three td:last-child { 4308 .main__table_three td:last-child {
4309 width: 50% !important; 4309 width: 50% !important;
4310 } 4310 }
4311 .main__table b { 4311 .main__table b {
4312 display: block; 4312 display: block;
4313 } 4313 }
4314 .main__table a { 4314 .main__table a {
4315 color: #377d87; 4315 color: #377d87;
4316 text-decoration: underline; 4316 text-decoration: underline;
4317 } 4317 }
4318 .main__table a:hover { 4318 .main__table a:hover {
4319 color: #000; 4319 color: #000;
4320 } 4320 }
4321 .main__resume-profile-about { 4321 .main__resume-profile-about {
4322 padding-top: 20px; 4322 padding-top: 20px;
4323 padding-bottom: 30px; 4323 padding-bottom: 30px;
4324 position: relative; 4324 position: relative;
4325 margin-top: 30px; 4325 margin-top: 30px;
4326 display: -webkit-box; 4326 display: -webkit-box;
4327 display: -ms-flexbox; 4327 display: -ms-flexbox;
4328 display: flex; 4328 display: flex;
4329 -webkit-box-orient: vertical; 4329 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4330 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4331 -ms-flex-direction: column;
4332 flex-direction: column; 4332 flex-direction: column;
4333 -webkit-box-align: start; 4333 -webkit-box-align: start;
4334 -ms-flex-align: start; 4334 -ms-flex-align: start;
4335 align-items: flex-start; 4335 align-items: flex-start;
4336 gap: 10px; 4336 gap: 10px;
4337 } 4337 }
4338 @media (min-width: 992px) { 4338 @media (min-width: 992px) {
4339 .main__resume-profile-about { 4339 .main__resume-profile-about {
4340 padding: 50px 0; 4340 padding: 50px 0;
4341 } 4341 }
4342 } 4342 }
4343 .main__resume-profile-about:before { 4343 .main__resume-profile-about:before {
4344 content: ""; 4344 content: "";
4345 position: absolute; 4345 position: absolute;
4346 z-index: 1; 4346 z-index: 1;
4347 top: 0; 4347 top: 0;
4348 left: 50%; 4348 left: 50%;
4349 width: 20000px; 4349 width: 20000px;
4350 height: 100%; 4350 height: 100%;
4351 margin-left: -10000px; 4351 margin-left: -10000px;
4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4353 } 4353 }
4354 .main__resume-profile-about-title { 4354 .main__resume-profile-about-title {
4355 position: relative; 4355 position: relative;
4356 z-index: 2; 4356 z-index: 2;
4357 color: #000; 4357 color: #000;
4358 } 4358 }
4359 .main__resume-profile-about-buttons{ 4359 .main__resume-profile-about-buttons{
4360 display: flex; 4360 display: flex;
4361 width: 100%; 4361 width: 100%;
4362 position: relative; 4362 position: relative;
4363 z-index: 2; 4363 z-index: 2;
4364 } 4364 }
4365 .main__resume-profile-about-buttons .like{ 4365 .main__resume-profile-about-buttons .like{
4366 width: 200px; 4366 width: 200px;
4367 } 4367 }
4368 .main__resume-profile-about-buttons .like.active{ 4368 .main__resume-profile-about-buttons .like.active{
4369 background: #fff; 4369 background: #fff;
4370 color: #eb5757; 4370 color: #eb5757;
4371 } 4371 }
4372 .main__resume-profile-about-buttons .like .in-favorites{ 4372 .main__resume-profile-about-buttons .like .in-favorites{
4373 display: none; 4373 display: none;
4374 } 4374 }
4375 .main__resume-profile-about-buttons .like.active .in-favorites{ 4375 .main__resume-profile-about-buttons .like.active .in-favorites{
4376 display: block; 4376 display: block;
4377 color: #eb5757; 4377 color: #eb5757;
4378 } 4378 }
4379 .main__resume-profile-about-buttons .like.active .to-favorites{ 4379 .main__resume-profile-about-buttons .like.active .to-favorites{
4380 display: none; 4380 display: none;
4381 } 4381 }
4382 .main__resume-profile-about-text { 4382 .main__resume-profile-about-text {
4383 position: relative; 4383 position: relative;
4384 z-index: 2; 4384 z-index: 2;
4385 } 4385 }
4386 .main__resume-profile-info { 4386 .main__resume-profile-info {
4387 display: -webkit-box; 4387 display: -webkit-box;
4388 display: -ms-flexbox; 4388 display: -ms-flexbox;
4389 display: flex; 4389 display: flex;
4390 -webkit-box-orient: vertical; 4390 -webkit-box-orient: vertical;
4391 -webkit-box-direction: normal; 4391 -webkit-box-direction: normal;
4392 -ms-flex-direction: column; 4392 -ms-flex-direction: column;
4393 flex-direction: column; 4393 flex-direction: column;
4394 gap: 20px; 4394 gap: 20px;
4395 margin-top: 30px; 4395 margin-top: 30px;
4396 } 4396 }
4397 @media (min-width: 992px) { 4397 @media (min-width: 992px) {
4398 .main__resume-profile-info { 4398 .main__resume-profile-info {
4399 margin-top: 50px; 4399 margin-top: 50px;
4400 gap: 30px; 4400 gap: 30px;
4401 } 4401 }
4402 } 4402 }
4403 .main__resume-profile-info-title { 4403 .main__resume-profile-info-title {
4404 color: #000; 4404 color: #000;
4405 } 4405 }
4406 .main__resume-profile-info-body { 4406 .main__resume-profile-info-body {
4407 display: -webkit-box; 4407 display: -webkit-box;
4408 display: -ms-flexbox; 4408 display: -ms-flexbox;
4409 display: flex; 4409 display: flex;
4410 -webkit-box-orient: vertical; 4410 -webkit-box-orient: vertical;
4411 -webkit-box-direction: normal; 4411 -webkit-box-direction: normal;
4412 -ms-flex-direction: column; 4412 -ms-flex-direction: column;
4413 flex-direction: column; 4413 flex-direction: column;
4414 gap: 20px; 4414 gap: 20px;
4415 } 4415 }
4416 @media (min-width: 992px) { 4416 @media (min-width: 992px) {
4417 .main__resume-profile-info-body { 4417 .main__resume-profile-info-body {
4418 gap: 30px; 4418 gap: 30px;
4419 } 4419 }
4420 } 4420 }
4421 .main__resume-profile-info-body-item { 4421 .main__resume-profile-info-body-item {
4422 display: -webkit-box; 4422 display: -webkit-box;
4423 display: -ms-flexbox; 4423 display: -ms-flexbox;
4424 display: flex; 4424 display: flex;
4425 -webkit-box-orient: vertical; 4425 -webkit-box-orient: vertical;
4426 -webkit-box-direction: normal; 4426 -webkit-box-direction: normal;
4427 -ms-flex-direction: column; 4427 -ms-flex-direction: column;
4428 flex-direction: column; 4428 flex-direction: column;
4429 gap: 10px; 4429 gap: 10px;
4430 } 4430 }
4431 @media (min-width: 768px) { 4431 @media (min-width: 768px) {
4432 .main__resume-profile-info-body-item { 4432 .main__resume-profile-info-body-item {
4433 gap: 20px; 4433 gap: 20px;
4434 } 4434 }
4435 } 4435 }
4436 .main__resume-profile-info-body-subtitle { 4436 .main__resume-profile-info-body-subtitle {
4437 color: #4d88d9; 4437 color: #4d88d9;
4438 } 4438 }
4439 .main__resume-profile-info-body-inner { 4439 .main__resume-profile-info-body-inner {
4440 display: -webkit-box; 4440 display: -webkit-box;
4441 display: -ms-flexbox; 4441 display: -ms-flexbox;
4442 display: flex; 4442 display: flex;
4443 -webkit-box-orient: vertical; 4443 -webkit-box-orient: vertical;
4444 -webkit-box-direction: normal; 4444 -webkit-box-direction: normal;
4445 -ms-flex-direction: column; 4445 -ms-flex-direction: column;
4446 flex-direction: column; 4446 flex-direction: column;
4447 gap: 20px; 4447 gap: 20px;
4448 margin: 0; 4448 margin: 0;
4449 padding: 0; 4449 padding: 0;
4450 font-size: 12px; 4450 font-size: 12px;
4451 } 4451 }
4452 @media (min-width: 768px) { 4452 @media (min-width: 768px) {
4453 .main__resume-profile-info-body-inner { 4453 .main__resume-profile-info-body-inner {
4454 display: grid; 4454 display: grid;
4455 grid-template-columns: repeat(2, 1fr); 4455 grid-template-columns: repeat(2, 1fr);
4456 } 4456 }
4457 } 4457 }
4458 @media (min-width: 992px) { 4458 @media (min-width: 992px) {
4459 .main__resume-profile-info-body-inner { 4459 .main__resume-profile-info-body-inner {
4460 grid-template-columns: repeat(3, 1fr); 4460 grid-template-columns: repeat(3, 1fr);
4461 font-size: 16px; 4461 font-size: 16px;
4462 } 4462 }
4463 } 4463 }
4464 .main__resume-profile-info-body-inner li { 4464 .main__resume-profile-info-body-inner li {
4465 display: -webkit-box; 4465 display: -webkit-box;
4466 display: -ms-flexbox; 4466 display: -ms-flexbox;
4467 display: flex; 4467 display: flex;
4468 -webkit-box-orient: vertical; 4468 -webkit-box-orient: vertical;
4469 -webkit-box-direction: normal; 4469 -webkit-box-direction: normal;
4470 -ms-flex-direction: column; 4470 -ms-flex-direction: column;
4471 flex-direction: column; 4471 flex-direction: column;
4472 gap: 6px; 4472 gap: 6px;
4473 } 4473 }
4474 @media (min-width: 992px) { 4474 @media (min-width: 992px) {
4475 .main__resume-profile-info-body-inner li { 4475 .main__resume-profile-info-body-inner li {
4476 gap: 8px; 4476 gap: 8px;
4477 } 4477 }
4478 } 4478 }
4479 .main__resume-profile-info-body-inner b { 4479 .main__resume-profile-info-body-inner b {
4480 color: #377d87; 4480 color: #377d87;
4481 font-size: 14px; 4481 font-size: 14px;
4482 } 4482 }
4483 @media (min-width: 992px) { 4483 @media (min-width: 992px) {
4484 .main__resume-profile-info-body-inner b { 4484 .main__resume-profile-info-body-inner b {
4485 font-size: 18px; 4485 font-size: 18px;
4486 } 4486 }
4487 } 4487 }
4488 .main__resume-profile-info-body-inner span { 4488 .main__resume-profile-info-body-inner span {
4489 display: -webkit-box; 4489 display: -webkit-box;
4490 display: -ms-flexbox; 4490 display: -ms-flexbox;
4491 display: flex; 4491 display: flex;
4492 -webkit-box-orient: vertical; 4492 -webkit-box-orient: vertical;
4493 -webkit-box-direction: normal; 4493 -webkit-box-direction: normal;
4494 -ms-flex-direction: column; 4494 -ms-flex-direction: column;
4495 flex-direction: column; 4495 flex-direction: column;
4496 gap: 4px; 4496 gap: 4px;
4497 } 4497 }
4498 @media (min-width: 992px) { 4498 @media (min-width: 992px) {
4499 .main__resume-profile-info-body-inner span { 4499 .main__resume-profile-info-body-inner span {
4500 gap: 6px; 4500 gap: 6px;
4501 } 4501 }
4502 } 4502 }
4503 .main__resume-profile-review { 4503 .main__resume-profile-review {
4504 display: -webkit-box; 4504 display: -webkit-box;
4505 display: -ms-flexbox; 4505 display: -ms-flexbox;
4506 display: flex; 4506 display: flex;
4507 -webkit-box-orient: vertical; 4507 -webkit-box-orient: vertical;
4508 -webkit-box-direction: normal; 4508 -webkit-box-direction: normal;
4509 -ms-flex-direction: column; 4509 -ms-flex-direction: column;
4510 flex-direction: column; 4510 flex-direction: column;
4511 gap: 20px; 4511 gap: 20px;
4512 padding: 20px 10px; 4512 padding: 20px 10px;
4513 margin-top: 30px; 4513 margin-top: 30px;
4514 border-radius: 16px; 4514 border-radius: 16px;
4515 border: 1px solid #cecece; 4515 border: 1px solid #cecece;
4516 background: #fff; 4516 background: #fff;
4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4519 } 4519 }
4520 @media (min-width: 992px) { 4520 @media (min-width: 992px) {
4521 .main__resume-profile-review { 4521 .main__resume-profile-review {
4522 margin-top: 50px; 4522 margin-top: 50px;
4523 padding: 50px 40px; 4523 padding: 50px 40px;
4524 gap: 30px; 4524 gap: 30px;
4525 } 4525 }
4526 } 4526 }
4527 .main__resume-profile-review-title { 4527 .main__resume-profile-review-title {
4528 color: #000; 4528 color: #000;
4529 } 4529 }
4530 .main__resume-profile-review-body { 4530 .main__resume-profile-review-body {
4531 display: -webkit-box; 4531 display: -webkit-box;
4532 display: -ms-flexbox; 4532 display: -ms-flexbox;
4533 display: flex; 4533 display: flex;
4534 -webkit-box-orient: vertical; 4534 -webkit-box-orient: vertical;
4535 -webkit-box-direction: normal; 4535 -webkit-box-direction: normal;
4536 -ms-flex-direction: column; 4536 -ms-flex-direction: column;
4537 flex-direction: column; 4537 flex-direction: column;
4538 -webkit-box-align: start; 4538 -webkit-box-align: start;
4539 -ms-flex-align: start; 4539 -ms-flex-align: start;
4540 align-items: flex-start; 4540 align-items: flex-start;
4541 gap: 10px; 4541 gap: 10px;
4542 } 4542 }
4543 .main__resume-profile-review-body .textarea { 4543 .main__resume-profile-review-body .textarea {
4544 width: 100%; 4544 width: 100%;
4545 } 4545 }
4546 .main__resume-profile-review-body .button { 4546 .main__resume-profile-review-body .button {
4547 margin-top: 10px; 4547 margin-top: 10px;
4548 } 4548 }
4549 .main__vacancies { 4549 .main__vacancies {
4550 display: -webkit-box; 4550 display: -webkit-box;
4551 display: -ms-flexbox; 4551 display: -ms-flexbox;
4552 display: flex; 4552 display: flex;
4553 -webkit-box-orient: vertical; 4553 -webkit-box-orient: vertical;
4554 -webkit-box-direction: normal; 4554 -webkit-box-direction: normal;
4555 -ms-flex-direction: column; 4555 -ms-flex-direction: column;
4556 flex-direction: column; 4556 flex-direction: column;
4557 -webkit-box-align: center; 4557 -webkit-box-align: center;
4558 -ms-flex-align: center; 4558 -ms-flex-align: center;
4559 align-items: center; 4559 align-items: center;
4560 gap: 20px; 4560 gap: 20px;
4561 } 4561 }
4562 @media (min-width: 768px) { 4562 @media (min-width: 768px) {
4563 .main__vacancies { 4563 .main__vacancies {
4564 gap: 30px; 4564 gap: 30px;
4565 } 4565 }
4566 } 4566 }
4567 .main__vacancies-title { 4567 .main__vacancies-title {
4568 color: #000; 4568 color: #000;
4569 width: 100%; 4569 width: 100%;
4570 } 4570 }
4571 .main__vacancies-filters { 4571 .main__vacancies-filters {
4572 width: 100%; 4572 width: 100%;
4573 } 4573 }
4574 .main__vacancies-item { 4574 .main__vacancies-item {
4575 width: 100%; 4575 width: 100%;
4576 background: none; 4576 background: none;
4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4579 } 4579 }
4580 .main__vacancies-item-page { 4580 .main__vacancies-item-page {
4581 border: none; 4581 border: none;
4582 -webkit-box-shadow: none; 4582 -webkit-box-shadow: none;
4583 box-shadow: none; 4583 box-shadow: none;
4584 background: none; 4584 background: none;
4585 margin: 0 -10px; 4585 margin: 0 -10px;
4586 } 4586 }
4587 @media (min-width: 768px) { 4587 @media (min-width: 768px) {
4588 .main__vacancies-item-page { 4588 .main__vacancies-item-page {
4589 margin: 0 -20px; 4589 margin: 0 -20px;
4590 } 4590 }
4591 } 4591 }
4592 .main__vacancies-thing { 4592 .main__vacancies-thing {
4593 width: 100%; 4593 width: 100%;
4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4595 padding: 20px 10px; 4595 padding: 20px 10px;
4596 padding-bottom: 30px; 4596 padding-bottom: 30px;
4597 display: -webkit-box; 4597 display: -webkit-box;
4598 display: -ms-flexbox; 4598 display: -ms-flexbox;
4599 display: flex; 4599 display: flex;
4600 -webkit-box-orient: vertical; 4600 -webkit-box-orient: vertical;
4601 -webkit-box-direction: normal; 4601 -webkit-box-direction: normal;
4602 -ms-flex-direction: column; 4602 -ms-flex-direction: column;
4603 flex-direction: column; 4603 flex-direction: column;
4604 gap: 24px; 4604 gap: 24px;
4605 border-radius: 12px; 4605 border-radius: 12px;
4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4608 } 4608 }
4609 @media (min-width: 992px) { 4609 @media (min-width: 992px) {
4610 .main__vacancies-thing { 4610 .main__vacancies-thing {
4611 padding: 30px 20px; 4611 padding: 30px 20px;
4612 -webkit-box-orient: horizontal; 4612 -webkit-box-orient: horizontal;
4613 -webkit-box-direction: normal; 4613 -webkit-box-direction: normal;
4614 -ms-flex-direction: row; 4614 -ms-flex-direction: row;
4615 flex-direction: row; 4615 flex-direction: row;
4616 -webkit-box-align: start; 4616 -webkit-box-align: start;
4617 -ms-flex-align: start; 4617 -ms-flex-align: start;
4618 align-items: flex-start; 4618 align-items: flex-start;
4619 gap: 0; 4619 gap: 0;
4620 } 4620 }
4621 } 4621 }
4622 @media (min-width: 1280px) { 4622 @media (min-width: 1280px) {
4623 .main__vacancies-thing { 4623 .main__vacancies-thing {
4624 padding: 50px 20px; 4624 padding: 50px 20px;
4625 } 4625 }
4626 } 4626 }
4627 .main__vacancies-thing-pic { 4627 .main__vacancies-thing-pic {
4628 position: relative; 4628 position: relative;
4629 z-index: 2; 4629 z-index: 2;
4630 width: 100%; 4630 width: 100%;
4631 aspect-ratio: 42/34; 4631 aspect-ratio: 42/34;
4632 -o-object-fit: cover; 4632 -o-object-fit: cover;
4633 object-fit: cover; 4633 object-fit: cover;
4634 border-radius: 8px; 4634 border-radius: 8px;
4635 max-height: 340px; 4635 max-height: 340px;
4636 } 4636 }
4637 @media (min-width: 992px) { 4637 @media (min-width: 992px) {
4638 .main__vacancies-thing-pic { 4638 .main__vacancies-thing-pic {
4639 width: 380px; 4639 width: 380px;
4640 } 4640 }
4641 } 4641 }
4642 @media (min-width: 1280px) { 4642 @media (min-width: 1280px) {
4643 .main__vacancies-thing-pic { 4643 .main__vacancies-thing-pic {
4644 width: 420px; 4644 width: 420px;
4645 } 4645 }
4646 } 4646 }
4647 .main__vacancies-thing-body { 4647 .main__vacancies-thing-body {
4648 display: -webkit-box; 4648 display: -webkit-box;
4649 display: -ms-flexbox; 4649 display: -ms-flexbox;
4650 display: flex; 4650 display: flex;
4651 -webkit-box-orient: vertical; 4651 -webkit-box-orient: vertical;
4652 -webkit-box-direction: normal; 4652 -webkit-box-direction: normal;
4653 -ms-flex-direction: column; 4653 -ms-flex-direction: column;
4654 flex-direction: column; 4654 flex-direction: column;
4655 -webkit-box-align: start; 4655 -webkit-box-align: start;
4656 -ms-flex-align: start; 4656 -ms-flex-align: start;
4657 align-items: flex-start; 4657 align-items: flex-start;
4658 gap: 16px; 4658 gap: 16px;
4659 color: #000; 4659 color: #000;
4660 } 4660 }
4661 @media (min-width: 992px) { 4661 @media (min-width: 992px) {
4662 .main__vacancies-thing-body { 4662 .main__vacancies-thing-body {
4663 width: calc(100% - 380px); 4663 width: calc(100% - 380px);
4664 padding-left: 20px; 4664 padding-left: 20px;
4665 } 4665 }
4666 } 4666 }
4667 @media (min-width: 1280px) { 4667 @media (min-width: 1280px) {
4668 .main__vacancies-thing-body { 4668 .main__vacancies-thing-body {
4669 width: calc(100% - 420px); 4669 width: calc(100% - 420px);
4670 gap: 20px; 4670 gap: 20px;
4671 } 4671 }
4672 } 4672 }
4673 .main__vacancies-thing-body > * { 4673 .main__vacancies-thing-body > * {
4674 width: 100%; 4674 width: 100%;
4675 } 4675 }
4676 .main__vacancies-thing-body .button { 4676 .main__vacancies-thing-body .button {
4677 width: auto; 4677 width: auto;
4678 } 4678 }
4679 @media (min-width: 768px) { 4679 @media (min-width: 768px) {
4680 .main__vacancies-thing-body .button { 4680 .main__vacancies-thing-body .button {
4681 min-width: 200px; 4681 min-width: 200px;
4682 } 4682 }
4683 } 4683 }
4684 .main__vacancies-thing-scroll { 4684 .main__vacancies-thing-scroll {
4685 display: -webkit-box; 4685 display: -webkit-box;
4686 display: -ms-flexbox; 4686 display: -ms-flexbox;
4687 display: flex; 4687 display: flex;
4688 -webkit-box-orient: vertical; 4688 -webkit-box-orient: vertical;
4689 -webkit-box-direction: normal; 4689 -webkit-box-direction: normal;
4690 -ms-flex-direction: column; 4690 -ms-flex-direction: column;
4691 flex-direction: column; 4691 flex-direction: column;
4692 -webkit-box-align: start; 4692 -webkit-box-align: start;
4693 -ms-flex-align: start; 4693 -ms-flex-align: start;
4694 align-items: flex-start; 4694 align-items: flex-start;
4695 gap: 16px; 4695 gap: 16px;
4696 overflow: hidden; 4696 overflow: hidden;
4697 overflow-y: auto; 4697 overflow-y: auto;
4698 max-height: 180px; 4698 max-height: 180px;
4699 padding-right: 10px; 4699 padding-right: 10px;
4700 } 4700 }
4701 @media (min-width: 768px) { 4701 @media (min-width: 768px) {
4702 .main__vacancies-thing-scroll { 4702 .main__vacancies-thing-scroll {
4703 max-height: 210px; 4703 max-height: 210px;
4704 padding-right: 20px; 4704 padding-right: 20px;
4705 } 4705 }
4706 } 4706 }
4707 @media (min-width: 992px) { 4707 @media (min-width: 992px) {
4708 .main__vacancies-thing-scroll { 4708 .main__vacancies-thing-scroll {
4709 max-height: 175px; 4709 max-height: 175px;
4710 } 4710 }
4711 } 4711 }
4712 @media (min-width: 1280px) { 4712 @media (min-width: 1280px) {
4713 .main__vacancies-thing-scroll { 4713 .main__vacancies-thing-scroll {
4714 max-height: 200px; 4714 max-height: 200px;
4715 gap: 20px; 4715 gap: 20px;
4716 } 4716 }
4717 } 4717 }
4718 .main__cond { 4718 .main__cond {
4719 display: -webkit-box; 4719 display: -webkit-box;
4720 display: -ms-flexbox; 4720 display: -ms-flexbox;
4721 display: flex; 4721 display: flex;
4722 -webkit-box-orient: vertical; 4722 -webkit-box-orient: vertical;
4723 -webkit-box-direction: normal; 4723 -webkit-box-direction: normal;
4724 -ms-flex-direction: column; 4724 -ms-flex-direction: column;
4725 flex-direction: column; 4725 flex-direction: column;
4726 gap: 50px; 4726 gap: 50px;
4727 } 4727 }
4728 .main__cond > div { 4728 .main__cond > div {
4729 display: -webkit-box; 4729 display: -webkit-box;
4730 display: -ms-flexbox; 4730 display: -ms-flexbox;
4731 display: flex; 4731 display: flex;
4732 -webkit-box-orient: vertical; 4732 -webkit-box-orient: vertical;
4733 -webkit-box-direction: normal; 4733 -webkit-box-direction: normal;
4734 -ms-flex-direction: column; 4734 -ms-flex-direction: column;
4735 flex-direction: column; 4735 flex-direction: column;
4736 gap: 10px; 4736 gap: 10px;
4737 } 4737 }
4738 .main__cond-label { 4738 .main__cond-label {
4739 border-radius: 16px; 4739 border-radius: 16px;
4740 border: 1px solid #cecece; 4740 border: 1px solid #cecece;
4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4743 padding: 30px 20px; 4743 padding: 30px 20px;
4744 font-weight: 700; 4744 font-weight: 700;
4745 color: #000; 4745 color: #000;
4746 line-height: 2; 4746 line-height: 2;
4747 text-align: center; 4747 text-align: center;
4748 } 4748 }
4749 @media (min-width: 992px) { 4749 @media (min-width: 992px) {
4750 .main__cond-label { 4750 .main__cond-label {
4751 font-size: 30px; 4751 font-size: 30px;
4752 } 4752 }
4753 } 4753 }
4754 .main__cond-icons { 4754 .main__cond-icons {
4755 padding: 0; 4755 padding: 0;
4756 margin: 0; 4756 margin: 0;
4757 display: -webkit-box; 4757 display: -webkit-box;
4758 display: -ms-flexbox; 4758 display: -ms-flexbox;
4759 display: flex; 4759 display: flex;
4760 -webkit-box-orient: vertical; 4760 -webkit-box-orient: vertical;
4761 -webkit-box-direction: normal; 4761 -webkit-box-direction: normal;
4762 -ms-flex-direction: column; 4762 -ms-flex-direction: column;
4763 flex-direction: column; 4763 flex-direction: column;
4764 gap: 25px; 4764 gap: 25px;
4765 margin-top: 10px; 4765 margin-top: 10px;
4766 } 4766 }
4767 @media (min-width: 768px) { 4767 @media (min-width: 768px) {
4768 .main__cond-icons { 4768 .main__cond-icons {
4769 display: grid; 4769 display: grid;
4770 grid-template-columns: repeat(2, 1fr); 4770 grid-template-columns: repeat(2, 1fr);
4771 gap: 60px; 4771 gap: 60px;
4772 margin-top: 20px; 4772 margin-top: 20px;
4773 } 4773 }
4774 } 4774 }
4775 @media (min-width: 1280px) { 4775 @media (min-width: 1280px) {
4776 .main__cond-icons { 4776 .main__cond-icons {
4777 grid-template-columns: repeat(3, 1fr); 4777 grid-template-columns: repeat(3, 1fr);
4778 } 4778 }
4779 } 4779 }
4780 .main__cond-icons li { 4780 .main__cond-icons li {
4781 display: -webkit-box; 4781 display: -webkit-box;
4782 display: -ms-flexbox; 4782 display: -ms-flexbox;
4783 display: flex; 4783 display: flex;
4784 -webkit-box-orient: vertical; 4784 -webkit-box-orient: vertical;
4785 -webkit-box-direction: normal; 4785 -webkit-box-direction: normal;
4786 -ms-flex-direction: column; 4786 -ms-flex-direction: column;
4787 flex-direction: column; 4787 flex-direction: column;
4788 -webkit-box-align: start; 4788 -webkit-box-align: start;
4789 -ms-flex-align: start; 4789 -ms-flex-align: start;
4790 align-items: flex-start; 4790 align-items: flex-start;
4791 gap: 20px; 4791 gap: 20px;
4792 font-size: 12px; 4792 font-size: 12px;
4793 line-height: 1.4; 4793 line-height: 1.4;
4794 color: #000; 4794 color: #000;
4795 } 4795 }
4796 @media (min-width: 768px) { 4796 @media (min-width: 768px) {
4797 .main__cond-icons li { 4797 .main__cond-icons li {
4798 font-size: 14px; 4798 font-size: 14px;
4799 } 4799 }
4800 } 4800 }
4801 @media (min-width: 992px) { 4801 @media (min-width: 992px) {
4802 .main__cond-icons li { 4802 .main__cond-icons li {
4803 font-size: 16px; 4803 font-size: 16px;
4804 line-height: 1.6; 4804 line-height: 1.6;
4805 } 4805 }
4806 } 4806 }
4807 @media (min-width: 1280px) { 4807 @media (min-width: 1280px) {
4808 .main__cond-icons li { 4808 .main__cond-icons li {
4809 font-size: 18px; 4809 font-size: 18px;
4810 } 4810 }
4811 } 4811 }
4812 .main__cond-icons li span { 4812 .main__cond-icons li span {
4813 width: 48px; 4813 width: 48px;
4814 height: 48px; 4814 height: 48px;
4815 display: -webkit-box; 4815 display: -webkit-box;
4816 display: -ms-flexbox; 4816 display: -ms-flexbox;
4817 display: flex; 4817 display: flex;
4818 -webkit-box-align: center; 4818 -webkit-box-align: center;
4819 -ms-flex-align: center; 4819 -ms-flex-align: center;
4820 align-items: center; 4820 align-items: center;
4821 } 4821 }
4822 .main__cond-icons li span img { 4822 .main__cond-icons li span img {
4823 max-width: 48px; 4823 max-width: 48px;
4824 } 4824 }
4825 .main__cond-callback { 4825 .main__cond-callback {
4826 margin-top: 10px; 4826 margin-top: 10px;
4827 } 4827 }
4828 .main__ads { 4828 .main__ads {
4829 display: -webkit-box; 4829 display: -webkit-box;
4830 display: -ms-flexbox; 4830 display: -ms-flexbox;
4831 display: flex; 4831 display: flex;
4832 -webkit-box-orient: vertical; 4832 -webkit-box-orient: vertical;
4833 -webkit-box-direction: normal; 4833 -webkit-box-direction: normal;
4834 -ms-flex-direction: column; 4834 -ms-flex-direction: column;
4835 flex-direction: column; 4835 flex-direction: column;
4836 gap: 30px; 4836 gap: 30px;
4837 margin: 30px 0; 4837 margin: 30px 0;
4838 } 4838 }
4839 @media (min-width: 992px) { 4839 @media (min-width: 992px) {
4840 .main__ads { 4840 .main__ads {
4841 margin: 60px 0; 4841 margin: 60px 0;
4842 } 4842 }
4843 } 4843 }
4844 .main__ads-item { 4844 .main__ads-item {
4845 display: -webkit-box; 4845 display: -webkit-box;
4846 display: -ms-flexbox; 4846 display: -ms-flexbox;
4847 display: flex; 4847 display: flex;
4848 -webkit-box-orient: vertical; 4848 -webkit-box-orient: vertical;
4849 -webkit-box-direction: normal; 4849 -webkit-box-direction: normal;
4850 -ms-flex-direction: column; 4850 -ms-flex-direction: column;
4851 flex-direction: column; 4851 flex-direction: column;
4852 gap: 16px; 4852 gap: 16px;
4853 } 4853 }
4854 @media (min-width: 992px) { 4854 @media (min-width: 992px) {
4855 .main__ads-item { 4855 .main__ads-item {
4856 -webkit-box-orient: horizontal; 4856 -webkit-box-orient: horizontal;
4857 -webkit-box-direction: normal; 4857 -webkit-box-direction: normal;
4858 -ms-flex-direction: row; 4858 -ms-flex-direction: row;
4859 flex-direction: row; 4859 flex-direction: row;
4860 gap: 0; 4860 gap: 0;
4861 } 4861 }
4862 } 4862 }
4863 .main__ads-item-pic { 4863 .main__ads-item-pic {
4864 width: 100%; 4864 width: 100%;
4865 max-width: 440px; 4865 max-width: 440px;
4866 max-height: 200px; 4866 max-height: 200px;
4867 aspect-ratio: 3/2; 4867 aspect-ratio: 3/2;
4868 position: relative; 4868 position: relative;
4869 overflow: hidden; 4869 overflow: hidden;
4870 border-radius: 12px; 4870 border-radius: 12px;
4871 } 4871 }
4872 @media (min-width: 992px) { 4872 @media (min-width: 992px) {
4873 .main__ads-item-pic { 4873 .main__ads-item-pic {
4874 width: 200px; 4874 width: 200px;
4875 aspect-ratio: 1/1; 4875 aspect-ratio: 1/1;
4876 } 4876 }
4877 } 4877 }
4878 .main__ads-item-pic img { 4878 .main__ads-item-pic img {
4879 z-index: 1; 4879 z-index: 1;
4880 position: absolute; 4880 position: absolute;
4881 top: 0; 4881 top: 0;
4882 left: 0; 4882 left: 0;
4883 width: 100%; 4883 width: 100%;
4884 height: 100%; 4884 height: 100%;
4885 -o-object-fit: cover; 4885 -o-object-fit: cover;
4886 object-fit: cover; 4886 object-fit: cover;
4887 } 4887 }
4888 .main__ads-item-pic span { 4888 .main__ads-item-pic span {
4889 z-index: 2; 4889 z-index: 2;
4890 width: 30px; 4890 width: 30px;
4891 height: 30px; 4891 height: 30px;
4892 border-radius: 6px; 4892 border-radius: 6px;
4893 background: #4d88d9; 4893 background: #4d88d9;
4894 display: -webkit-box; 4894 display: -webkit-box;
4895 display: -ms-flexbox; 4895 display: -ms-flexbox;
4896 display: flex; 4896 display: flex;
4897 -webkit-box-pack: center; 4897 -webkit-box-pack: center;
4898 -ms-flex-pack: center; 4898 -ms-flex-pack: center;
4899 justify-content: center; 4899 justify-content: center;
4900 -webkit-box-align: center; 4900 -webkit-box-align: center;
4901 -ms-flex-align: center; 4901 -ms-flex-align: center;
4902 align-items: center; 4902 align-items: center;
4903 position: absolute; 4903 position: absolute;
4904 top: 10px; 4904 top: 10px;
4905 left: 10px; 4905 left: 10px;
4906 color: #fff; 4906 color: #fff;
4907 } 4907 }
4908 @media (min-width: 992px) { 4908 @media (min-width: 992px) {
4909 .main__ads-item-pic span { 4909 .main__ads-item-pic span {
4910 width: 42px; 4910 width: 42px;
4911 height: 42px; 4911 height: 42px;
4912 } 4912 }
4913 } 4913 }
4914 .main__ads-item-pic span svg { 4914 .main__ads-item-pic span svg {
4915 width: 12px; 4915 width: 12px;
4916 height: 12px; 4916 height: 12px;
4917 } 4917 }
4918 @media (min-width: 992px) { 4918 @media (min-width: 992px) {
4919 .main__ads-item-pic span svg { 4919 .main__ads-item-pic span svg {
4920 width: 20px; 4920 width: 20px;
4921 height: 20px; 4921 height: 20px;
4922 } 4922 }
4923 } 4923 }
4924 .main__ads-item-body { 4924 .main__ads-item-body {
4925 display: -webkit-box; 4925 display: -webkit-box;
4926 display: -ms-flexbox; 4926 display: -ms-flexbox;
4927 display: flex; 4927 display: flex;
4928 -webkit-box-orient: vertical; 4928 -webkit-box-orient: vertical;
4929 -webkit-box-direction: normal; 4929 -webkit-box-direction: normal;
4930 -ms-flex-direction: column; 4930 -ms-flex-direction: column;
4931 flex-direction: column; 4931 flex-direction: column;
4932 -webkit-box-align: start; 4932 -webkit-box-align: start;
4933 -ms-flex-align: start; 4933 -ms-flex-align: start;
4934 align-items: flex-start; 4934 align-items: flex-start;
4935 gap: 10px; 4935 gap: 10px;
4936 font-size: 12px; 4936 font-size: 12px;
4937 } 4937 }
4938 @media (min-width: 992px) { 4938 @media (min-width: 992px) {
4939 .main__ads-item-body { 4939 .main__ads-item-body {
4940 width: calc(100% - 200px); 4940 width: calc(100% - 200px);
4941 padding-left: 40px; 4941 padding-left: 40px;
4942 -webkit-box-pack: center; 4942 -webkit-box-pack: center;
4943 -ms-flex-pack: center; 4943 -ms-flex-pack: center;
4944 justify-content: center; 4944 justify-content: center;
4945 font-size: 16px; 4945 font-size: 16px;
4946 gap: 20px; 4946 gap: 20px;
4947 } 4947 }
4948 } 4948 }
4949 .main__ads-item-body b { 4949 .main__ads-item-body b {
4950 width: 100%; 4950 width: 100%;
4951 font-weight: 700; 4951 font-weight: 700;
4952 font-size: 14px; 4952 font-size: 14px;
4953 } 4953 }
4954 @media (min-width: 992px) { 4954 @media (min-width: 992px) {
4955 .main__ads-item-body b { 4955 .main__ads-item-body b {
4956 font-size: 20px; 4956 font-size: 20px;
4957 } 4957 }
4958 } 4958 }
4959 .main__ads-item-body span { 4959 .main__ads-item-body span {
4960 width: 100%; 4960 width: 100%;
4961 } 4961 }
4962 4962
4963 .work { 4963 .work {
4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4965 color: #000; 4965 color: #000;
4966 padding-top: 70px; 4966 padding-top: 70px;
4967 padding-bottom: 10px; 4967 padding-bottom: 10px;
4968 position: relative; 4968 position: relative;
4969 overflow: hidden; 4969 overflow: hidden;
4970 } 4970 }
4971 @media (min-width: 768px) { 4971 @media (min-width: 768px) {
4972 .work { 4972 .work {
4973 padding-bottom: 25px; 4973 padding-bottom: 25px;
4974 } 4974 }
4975 } 4975 }
4976 @media (min-width: 1280px) { 4976 @media (min-width: 1280px) {
4977 .work { 4977 .work {
4978 padding-top: 80px; 4978 padding-top: 80px;
4979 padding-bottom: 25px; 4979 padding-bottom: 25px;
4980 } 4980 }
4981 } 4981 }
4982 .work__pic { 4982 .work__pic {
4983 position: absolute; 4983 position: absolute;
4984 height: calc(100% - 40px); 4984 height: calc(100% - 40px);
4985 z-index: 1; 4985 z-index: 1;
4986 display: none; 4986 display: none;
4987 bottom: 0; 4987 bottom: 0;
4988 left: 50%; 4988 left: 50%;
4989 margin-left: 40px; 4989 margin-left: 40px;
4990 } 4990 }
4991 @media (min-width: 992px) { 4991 @media (min-width: 992px) {
4992 .work__pic { 4992 .work__pic {
4993 display: block; 4993 display: block;
4994 } 4994 }
4995 } 4995 }
4996 @media (min-width: 1280px) { 4996 @media (min-width: 1280px) {
4997 .work__pic { 4997 .work__pic {
4998 margin-left: 80px; 4998 margin-left: 80px;
4999 } 4999 }
5000 } 5000 }
5001 .work__body { 5001 .work__body {
5002 position: relative; 5002 position: relative;
5003 z-index: 2; 5003 z-index: 2;
5004 display: -webkit-box; 5004 display: -webkit-box;
5005 display: -ms-flexbox; 5005 display: -ms-flexbox;
5006 display: flex; 5006 display: flex;
5007 -webkit-box-orient: vertical; 5007 -webkit-box-orient: vertical;
5008 -webkit-box-direction: normal; 5008 -webkit-box-direction: normal;
5009 -ms-flex-direction: column; 5009 -ms-flex-direction: column;
5010 flex-direction: column; 5010 flex-direction: column;
5011 -webkit-box-align: center; 5011 -webkit-box-align: center;
5012 -ms-flex-align: center; 5012 -ms-flex-align: center;
5013 align-items: center; 5013 align-items: center;
5014 } 5014 }
5015 @media (min-width: 768px) { 5015 @media (min-width: 768px) {
5016 .work__body { 5016 .work__body {
5017 -webkit-box-align: start; 5017 -webkit-box-align: start;
5018 -ms-flex-align: start; 5018 -ms-flex-align: start;
5019 align-items: flex-start; 5019 align-items: flex-start;
5020 } 5020 }
5021 } 5021 }
5022 @media (min-width: 992px) { 5022 @media (min-width: 992px) {
5023 .work__body { 5023 .work__body {
5024 max-width: 600px; 5024 max-width: 600px;
5025 } 5025 }
5026 } 5026 }
5027 .work__title { 5027 .work__title {
5028 width: 100%; 5028 width: 100%;
5029 font-size: 40px; 5029 font-size: 40px;
5030 font-weight: 700; 5030 font-weight: 700;
5031 line-height: 1; 5031 line-height: 1;
5032 } 5032 }
5033 @media (min-width: 768px) { 5033 @media (min-width: 768px) {
5034 .work__title { 5034 .work__title {
5035 font-size: 64px; 5035 font-size: 64px;
5036 line-height: 94px; 5036 line-height: 94px;
5037 } 5037 }
5038 } 5038 }
5039 .work__text { 5039 .work__text {
5040 width: 100%; 5040 width: 100%;
5041 font-size: 12px; 5041 font-size: 12px;
5042 margin-top: 10px; 5042 margin-top: 10px;
5043 } 5043 }
5044 @media (min-width: 768px) { 5044 @media (min-width: 768px) {
5045 .work__text { 5045 .work__text {
5046 font-size: 18px; 5046 font-size: 18px;
5047 margin-top: 20px; 5047 margin-top: 20px;
5048 line-height: 1.4; 5048 line-height: 1.4;
5049 } 5049 }
5050 } 5050 }
5051 .work__list { 5051 .work__list {
5052 width: 100%; 5052 width: 100%;
5053 display: -webkit-box; 5053 display: -webkit-box;
5054 display: -ms-flexbox; 5054 display: -ms-flexbox;
5055 display: flex; 5055 display: flex;
5056 -webkit-box-orient: vertical; 5056 -webkit-box-orient: vertical;
5057 -webkit-box-direction: normal; 5057 -webkit-box-direction: normal;
5058 -ms-flex-direction: column; 5058 -ms-flex-direction: column;
5059 flex-direction: column; 5059 flex-direction: column;
5060 gap: 5px; 5060 gap: 5px;
5061 font-size: 14px; 5061 font-size: 14px;
5062 font-weight: 700; 5062 font-weight: 700;
5063 margin-top: 15px; 5063 margin-top: 15px;
5064 } 5064 }
5065 @media (min-width: 768px) { 5065 @media (min-width: 768px) {
5066 .work__list { 5066 .work__list {
5067 font-size: 18px; 5067 font-size: 18px;
5068 gap: 8px; 5068 gap: 8px;
5069 margin-top: 30px; 5069 margin-top: 30px;
5070 } 5070 }
5071 } 5071 }
5072 .work__list div { 5072 .work__list div {
5073 position: relative; 5073 position: relative;
5074 padding-left: 10px; 5074 padding-left: 10px;
5075 } 5075 }
5076 @media (min-width: 768px) { 5076 @media (min-width: 768px) {
5077 .work__list div { 5077 .work__list div {
5078 padding-left: 16px; 5078 padding-left: 16px;
5079 } 5079 }
5080 } 5080 }
5081 .work__list div:before { 5081 .work__list div:before {
5082 content: ""; 5082 content: "";
5083 width: 4px; 5083 width: 4px;
5084 height: 4px; 5084 height: 4px;
5085 background: #000; 5085 background: #000;
5086 border-radius: 999px; 5086 border-radius: 999px;
5087 position: absolute; 5087 position: absolute;
5088 top: 5px; 5088 top: 5px;
5089 left: 0; 5089 left: 0;
5090 } 5090 }
5091 @media (min-width: 768px) { 5091 @media (min-width: 768px) {
5092 .work__list div:before { 5092 .work__list div:before {
5093 top: 8px; 5093 top: 8px;
5094 } 5094 }
5095 } 5095 }
5096 .work__form { 5096 .work__form {
5097 margin-top: 20px; 5097 margin-top: 20px;
5098 } 5098 }
5099 @media (min-width: 768px) { 5099 @media (min-width: 768px) {
5100 .work__form { 5100 .work__form {
5101 margin-top: 30px; 5101 margin-top: 30px;
5102 } 5102 }
5103 } 5103 }
5104 .work__search { 5104 .work__search {
5105 width: 100%; 5105 width: 100%;
5106 max-width: 180px; 5106 max-width: 180px;
5107 margin-top: 20px; 5107 margin-top: 20px;
5108 } 5108 }
5109 @media (min-width: 768px) { 5109 @media (min-width: 768px) {
5110 .work__search { 5110 .work__search {
5111 max-width: 270px; 5111 max-width: 270px;
5112 margin-top: 50px; 5112 margin-top: 50px;
5113 } 5113 }
5114 } 5114 }
5115 .work__get { 5115 .work__get {
5116 width: 100%; 5116 width: 100%;
5117 display: -webkit-box; 5117 display: -webkit-box;
5118 display: -ms-flexbox; 5118 display: -ms-flexbox;
5119 display: flex; 5119 display: flex;
5120 -webkit-box-align: start; 5120 -webkit-box-align: start;
5121 -ms-flex-align: start; 5121 -ms-flex-align: start;
5122 align-items: flex-start; 5122 align-items: flex-start;
5123 -ms-flex-wrap: wrap; 5123 -ms-flex-wrap: wrap;
5124 flex-wrap: wrap; 5124 flex-wrap: wrap;
5125 margin-top: 48px; 5125 margin-top: 48px;
5126 } 5126 }
5127 .work__get b { 5127 .work__get b {
5128 width: 100%; 5128 width: 100%;
5129 margin-bottom: 10px; 5129 margin-bottom: 10px;
5130 font-size: 14px; 5130 font-size: 14px;
5131 } 5131 }
5132 @media (min-width: 768px) { 5132 @media (min-width: 768px) {
5133 .work__get b { 5133 .work__get b {
5134 font-size: 18px; 5134 font-size: 18px;
5135 } 5135 }
5136 } 5136 }
5137 .work__get a { 5137 .work__get a {
5138 display: -webkit-box; 5138 display: -webkit-box;
5139 display: -ms-flexbox; 5139 display: -ms-flexbox;
5140 display: flex; 5140 display: flex;
5141 -webkit-box-align: center; 5141 -webkit-box-align: center;
5142 -ms-flex-align: center; 5142 -ms-flex-align: center;
5143 align-items: center; 5143 align-items: center;
5144 -webkit-box-pack: center; 5144 -webkit-box-pack: center;
5145 -ms-flex-pack: center; 5145 -ms-flex-pack: center;
5146 justify-content: center; 5146 justify-content: center;
5147 margin-right: 20px; 5147 margin-right: 20px;
5148 } 5148 }
5149 .work__get a img { 5149 .work__get a img {
5150 -webkit-transition: 0.3s; 5150 -webkit-transition: 0.3s;
5151 transition: 0.3s; 5151 transition: 0.3s;
5152 width: 111px; 5152 width: 111px;
5153 } 5153 }
5154 @media (min-width: 768px) { 5154 @media (min-width: 768px) {
5155 .work__get a img { 5155 .work__get a img {
5156 width: 131px; 5156 width: 131px;
5157 } 5157 }
5158 } 5158 }
5159 .work__get a:hover img { 5159 .work__get a:hover img {
5160 -webkit-transform: scale(1.1); 5160 -webkit-transform: scale(1.1);
5161 -ms-transform: scale(1.1); 5161 -ms-transform: scale(1.1);
5162 transform: scale(1.1); 5162 transform: scale(1.1);
5163 } 5163 }
5164 .work__get a + a { 5164 .work__get a + a {
5165 margin-right: 0; 5165 margin-right: 0;
5166 } 5166 }
5167 5167
5168 .numbers { 5168 .numbers {
5169 padding: 30px 0; 5169 padding: 30px 0;
5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5171 color: #fff; 5171 color: #fff;
5172 } 5172 }
5173 @media (min-width: 1280px) { 5173 @media (min-width: 1280px) {
5174 .numbers { 5174 .numbers {
5175 padding: 100px 0; 5175 padding: 100px 0;
5176 background-position: 100% 100%; 5176 background-position: 100% 100%;
5177 background-size: auto 500px; 5177 background-size: auto 500px;
5178 } 5178 }
5179 } 5179 }
5180 .numbers__body { 5180 .numbers__body {
5181 display: -webkit-box; 5181 display: -webkit-box;
5182 display: -ms-flexbox; 5182 display: -ms-flexbox;
5183 display: flex; 5183 display: flex;
5184 -webkit-box-orient: vertical; 5184 -webkit-box-orient: vertical;
5185 -webkit-box-direction: normal; 5185 -webkit-box-direction: normal;
5186 -ms-flex-direction: column; 5186 -ms-flex-direction: column;
5187 flex-direction: column; 5187 flex-direction: column;
5188 gap: 30px; 5188 gap: 30px;
5189 } 5189 }
5190 @media (min-width: 768px) { 5190 @media (min-width: 768px) {
5191 .numbers__body { 5191 .numbers__body {
5192 display: grid; 5192 display: grid;
5193 grid-template-columns: 1fr 1fr 1fr; 5193 grid-template-columns: 1fr 1fr 1fr;
5194 } 5194 }
5195 } 5195 }
5196 .numbers__item { 5196 .numbers__item {
5197 font-size: 12px; 5197 font-size: 12px;
5198 display: -webkit-box; 5198 display: -webkit-box;
5199 display: -ms-flexbox; 5199 display: -ms-flexbox;
5200 display: flex; 5200 display: flex;
5201 -webkit-box-orient: vertical; 5201 -webkit-box-orient: vertical;
5202 -webkit-box-direction: normal; 5202 -webkit-box-direction: normal;
5203 -ms-flex-direction: column; 5203 -ms-flex-direction: column;
5204 flex-direction: column; 5204 flex-direction: column;
5205 line-height: 1.4; 5205 line-height: 1.4;
5206 } 5206 }
5207 @media (min-width: 1280px) { 5207 @media (min-width: 1280px) {
5208 .numbers__item { 5208 .numbers__item {
5209 font-size: 16px; 5209 font-size: 16px;
5210 line-height: 20px; 5210 line-height: 20px;
5211 } 5211 }
5212 } 5212 }
5213 .numbers__item b { 5213 .numbers__item b {
5214 font-size: 40px; 5214 font-size: 40px;
5215 font-weight: 700; 5215 font-weight: 700;
5216 border-bottom: 1px solid #fff; 5216 border-bottom: 1px solid #fff;
5217 line-height: 1; 5217 line-height: 1;
5218 } 5218 }
5219 @media (min-width: 1280px) { 5219 @media (min-width: 1280px) {
5220 .numbers__item b { 5220 .numbers__item b {
5221 font-size: 100px; 5221 font-size: 100px;
5222 line-height: 147px; 5222 line-height: 147px;
5223 } 5223 }
5224 } 5224 }
5225 .numbers__item span { 5225 .numbers__item span {
5226 font-weight: 700; 5226 font-weight: 700;
5227 font-size: 14px; 5227 font-size: 14px;
5228 margin: 10px 0; 5228 margin: 10px 0;
5229 line-height: 1; 5229 line-height: 1;
5230 } 5230 }
5231 @media (min-width: 1280px) { 5231 @media (min-width: 1280px) {
5232 .numbers__item span { 5232 .numbers__item span {
5233 font-size: 24px; 5233 font-size: 24px;
5234 margin-top: 30px; 5234 margin-top: 30px;
5235 } 5235 }
5236 } 5236 }
5237 5237
5238 .vacancies { 5238 .vacancies {
5239 padding: 50px 0; 5239 padding: 50px 0;
5240 } 5240 }
5241 @media (min-width: 1280px) { 5241 @media (min-width: 1280px) {
5242 .vacancies { 5242 .vacancies {
5243 padding: 100px 0; 5243 padding: 100px 0;
5244 } 5244 }
5245 } 5245 }
5246 .vacancies__body { 5246 .vacancies__body {
5247 display: -webkit-box; 5247 display: -webkit-box;
5248 display: -ms-flexbox; 5248 display: -ms-flexbox;
5249 display: flex; 5249 display: flex;
5250 -webkit-box-orient: vertical; 5250 -webkit-box-orient: vertical;
5251 -webkit-box-direction: reverse; 5251 -webkit-box-direction: reverse;
5252 -ms-flex-direction: column-reverse; 5252 -ms-flex-direction: column-reverse;
5253 flex-direction: column-reverse; 5253 flex-direction: column-reverse;
5254 gap: 20px; 5254 gap: 20px;
5255 width: 100%; 5255 width: 100%;
5256 margin-top: 20px; 5256 margin-top: 20px;
5257 } 5257 }
5258 @media (min-width: 992px) { 5258 @media (min-width: 992px) {
5259 .vacancies__body { 5259 .vacancies__body {
5260 margin-top: 30px; 5260 margin-top: 30px;
5261 gap: 30px; 5261 gap: 30px;
5262 } 5262 }
5263 } 5263 }
5264 .vacancies__more { 5264 .vacancies__more {
5265 width: 100%; 5265 width: 100%;
5266 } 5266 }
5267 @media (min-width: 768px) { 5267 @media (min-width: 768px) {
5268 .vacancies__more { 5268 .vacancies__more {
5269 width: auto; 5269 width: auto;
5270 margin: 0 auto; 5270 margin: 0 auto;
5271 } 5271 }
5272 } 5272 }
5273 .vacancies__list { 5273 .vacancies__list {
5274 display: -webkit-box; 5274 display: -webkit-box;
5275 display: -ms-flexbox; 5275 display: -ms-flexbox;
5276 display: flex; 5276 display: flex;
5277 -webkit-box-orient: vertical; 5277 -webkit-box-orient: vertical;
5278 -webkit-box-direction: normal; 5278 -webkit-box-direction: normal;
5279 -ms-flex-direction: column; 5279 -ms-flex-direction: column;
5280 flex-direction: column; 5280 flex-direction: column;
5281 gap: 15px; 5281 gap: 15px;
5282 } 5282 }
5283 @media (min-width: 768px) { 5283 @media (min-width: 768px) {
5284 .vacancies__list { 5284 .vacancies__list {
5285 display: grid; 5285 display: grid;
5286 grid-template-columns: repeat(2, 1fr); 5286 grid-template-columns: repeat(2, 1fr);
5287 } 5287 }
5288 } 5288 }
5289 @media (min-width: 992px) { 5289 @media (min-width: 992px) {
5290 .vacancies__list { 5290 .vacancies__list {
5291 display: grid; 5291 display: grid;
5292 grid-template-columns: repeat(3, 1fr); 5292 grid-template-columns: repeat(3, 1fr);
5293 gap: 20px; 5293 gap: 20px;
5294 } 5294 }
5295 } 5295 }
5296 @media (min-width: 1280px) { 5296 @media (min-width: 1280px) {
5297 .vacancies__list { 5297 .vacancies__list {
5298 grid-template-columns: repeat(4, 1fr); 5298 grid-template-columns: repeat(4, 1fr);
5299 } 5299 }
5300 } 5300 }
5301 .vacancies__list-label { 5301 .vacancies__list-label {
5302 font-weight: 700; 5302 font-weight: 700;
5303 font-size: 22px; 5303 font-size: 22px;
5304 } 5304 }
5305 .vacancies__list-col { 5305 .vacancies__list-col {
5306 display: -webkit-box; 5306 display: -webkit-box;
5307 display: -ms-flexbox; 5307 display: -ms-flexbox;
5308 display: flex; 5308 display: flex;
5309 -webkit-box-orient: vertical; 5309 -webkit-box-orient: vertical;
5310 -webkit-box-direction: normal; 5310 -webkit-box-direction: normal;
5311 -ms-flex-direction: column; 5311 -ms-flex-direction: column;
5312 flex-direction: column; 5312 flex-direction: column;
5313 gap: 15px; 5313 gap: 15px;
5314 margin-top: 15px; 5314 margin-top: 15px;
5315 margin-bottom: 30px; 5315 margin-bottom: 30px;
5316 } 5316 }
5317 @media (min-width: 768px) { 5317 @media (min-width: 768px) {
5318 .vacancies__list-col { 5318 .vacancies__list-col {
5319 margin-top: 0; 5319 margin-top: 0;
5320 } 5320 }
5321 } 5321 }
5322 .vacancies__list-col:first-child { 5322 .vacancies__list-col:first-child {
5323 margin-top: 0; 5323 margin-top: 0;
5324 } 5324 }
5325 .vacancies__item { 5325 .vacancies__item {
5326 display: none; 5326 display: none;
5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5329 border-radius: 12px; 5329 border-radius: 12px;
5330 background: #fff; 5330 background: #fff;
5331 border: 1px solid #e6e7e7; 5331 border: 1px solid #e6e7e7;
5332 overflow: hidden; 5332 overflow: hidden;
5333 } 5333 }
5334 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) { 5334 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
5335 display: -webkit-box; 5335 display: -webkit-box;
5336 display: -ms-flexbox; 5336 display: -ms-flexbox;
5337 display: flex; 5337 display: flex;
5338 } 5338 }
5339 .vacancies__item > span { 5339 .vacancies__item > span {
5340 border-left: 10px solid #377d87; 5340 border-left: 10px solid #377d87;
5341 padding: 20px 14px; 5341 padding: 20px 14px;
5342 display: -webkit-box; 5342 display: -webkit-box;
5343 display: -ms-flexbox; 5343 display: -ms-flexbox;
5344 display: flex; 5344 display: flex;
5345 -webkit-box-orient: vertical; 5345 -webkit-box-orient: vertical;
5346 -webkit-box-direction: normal; 5346 -webkit-box-direction: normal;
5347 -ms-flex-direction: column; 5347 -ms-flex-direction: column;
5348 flex-direction: column; 5348 flex-direction: column;
5349 -webkit-box-align: start; 5349 -webkit-box-align: start;
5350 -ms-flex-align: start; 5350 -ms-flex-align: start;
5351 align-items: flex-start; 5351 align-items: flex-start;
5352 gap: 5px; 5352 gap: 5px;
5353 -webkit-box-pack: justify; 5353 -webkit-box-pack: justify;
5354 -ms-flex-pack: justify; 5354 -ms-flex-pack: justify;
5355 justify-content: space-between; 5355 justify-content: space-between;
5356 } 5356 }
5357 @media (min-width: 992px) { 5357 @media (min-width: 992px) {
5358 .vacancies__item > span { 5358 .vacancies__item > span {
5359 gap: 10px; 5359 gap: 10px;
5360 } 5360 }
5361 } 5361 }
5362 .vacancies__item b { 5362 .vacancies__item b {
5363 font-weight: 700; 5363 font-weight: 700;
5364 font-size: 14px; 5364 font-size: 14px;
5365 } 5365 }
5366 @media (min-width: 992px) { 5366 @media (min-width: 992px) {
5367 .vacancies__item b { 5367 .vacancies__item b {
5368 font-size: 20px; 5368 font-size: 20px;
5369 } 5369 }
5370 } 5370 }
5371 .vacancies__item:hover b { 5371 .vacancies__item:hover b {
5372 color: #377d87; 5372 color: #377d87;
5373 } 5373 }
5374 .vacancies__item u { 5374 .vacancies__item u {
5375 text-decoration: none; 5375 text-decoration: none;
5376 font-size: 14px; 5376 font-size: 14px;
5377 } 5377 }
5378 @media (min-width: 992px) { 5378 @media (min-width: 992px) {
5379 .vacancies__item u { 5379 .vacancies__item u {
5380 font-size: 18px; 5380 font-size: 18px;
5381 } 5381 }
5382 } 5382 }
5383 .vacancies__item i { 5383 .vacancies__item i {
5384 font-size: 12px; 5384 font-size: 12px;
5385 font-style: normal; 5385 font-style: normal;
5386 border-bottom: 1px dashed #377d87; 5386 border-bottom: 1px dashed #377d87;
5387 } 5387 }
5388 @media (min-width: 992px) { 5388 @media (min-width: 992px) {
5389 .vacancies__item i { 5389 .vacancies__item i {
5390 font-size: 16px; 5390 font-size: 16px;
5391 } 5391 }
5392 } 5392 }
5393 .vacancies__item i span { 5393 .vacancies__item i span {
5394 font-weight: 700; 5394 font-weight: 700;
5395 color: #377d87; 5395 color: #377d87;
5396 } 5396 }
5397 .vacancies__body.active .vacancies__list .vacancies__item { 5397 .vacancies__body.active .vacancies__list .vacancies__item {
5398 display: -webkit-box; 5398 display: -webkit-box;
5399 display: -ms-flexbox; 5399 display: -ms-flexbox;
5400 display: flex; 5400 display: flex;
5401 } 5401 }
5402 5402
5403 .employer { 5403 .employer {
5404 padding-bottom: 50px; 5404 padding-bottom: 50px;
5405 } 5405 }
5406 @media (min-width: 768px) { 5406 @media (min-width: 768px) {
5407 .employer { 5407 .employer {
5408 padding-bottom: 100px; 5408 padding-bottom: 100px;
5409 } 5409 }
5410 } 5410 }
5411 .employer .swiper { 5411 .employer .swiper {
5412 margin: 20px 0; 5412 margin: 20px 0;
5413 } 5413 }
5414 @media (min-width: 768px) { 5414 @media (min-width: 768px) {
5415 .employer .swiper { 5415 .employer .swiper {
5416 display: none; 5416 display: none;
5417 } 5417 }
5418 } 5418 }
5419 .employer__item { 5419 .employer__item {
5420 display: -webkit-box; 5420 display: -webkit-box;
5421 display: -ms-flexbox; 5421 display: -ms-flexbox;
5422 display: flex; 5422 display: flex;
5423 -webkit-box-orient: vertical; 5423 -webkit-box-orient: vertical;
5424 -webkit-box-direction: normal; 5424 -webkit-box-direction: normal;
5425 -ms-flex-direction: column; 5425 -ms-flex-direction: column;
5426 flex-direction: column; 5426 flex-direction: column;
5427 gap: 30px; 5427 gap: 30px;
5428 } 5428 }
5429 .employer__item a { 5429 .employer__item a {
5430 display: -webkit-box; 5430 display: -webkit-box;
5431 display: -ms-flexbox; 5431 display: -ms-flexbox;
5432 display: flex; 5432 display: flex;
5433 -webkit-box-orient: vertical; 5433 -webkit-box-orient: vertical;
5434 -webkit-box-direction: normal; 5434 -webkit-box-direction: normal;
5435 -ms-flex-direction: column; 5435 -ms-flex-direction: column;
5436 flex-direction: column; 5436 flex-direction: column;
5437 -webkit-box-align: center; 5437 -webkit-box-align: center;
5438 -ms-flex-align: center; 5438 -ms-flex-align: center;
5439 align-items: center; 5439 align-items: center;
5440 } 5440 }
5441 .employer__item img { 5441 .employer__item img {
5442 width: 100%; 5442 width: 100%;
5443 aspect-ratio: 295/98; 5443 aspect-ratio: 295/98;
5444 -o-object-fit: contain; 5444 -o-object-fit: contain;
5445 object-fit: contain; 5445 object-fit: contain;
5446 } 5446 }
5447 .employer__body { 5447 .employer__body {
5448 display: none; 5448 display: none;
5449 grid-template-columns: 1fr 1fr; 5449 grid-template-columns: 1fr 1fr;
5450 gap: 30px; 5450 gap: 30px;
5451 margin-top: 30px; 5451 margin-top: 30px;
5452 margin-bottom: 40px; 5452 margin-bottom: 40px;
5453 } 5453 }
5454 @media (min-width: 768px) { 5454 @media (min-width: 768px) {
5455 .employer__body { 5455 .employer__body {
5456 display: grid; 5456 display: grid;
5457 } 5457 }
5458 } 5458 }
5459 @media (min-width: 992px) { 5459 @media (min-width: 992px) {
5460 .employer__body { 5460 .employer__body {
5461 grid-template-columns: 1fr 1fr 1fr; 5461 grid-template-columns: 1fr 1fr 1fr;
5462 } 5462 }
5463 } 5463 }
5464 @media (min-width: 1280px) { 5464 @media (min-width: 1280px) {
5465 .employer__body { 5465 .employer__body {
5466 grid-template-columns: 1fr 1fr 1fr 1fr; 5466 grid-template-columns: 1fr 1fr 1fr 1fr;
5467 } 5467 }
5468 } 5468 }
5469 .employer__body a { 5469 .employer__body a {
5470 display: -webkit-box; 5470 display: -webkit-box;
5471 display: -ms-flexbox; 5471 display: -ms-flexbox;
5472 display: flex; 5472 display: flex;
5473 -webkit-box-pack: center; 5473 -webkit-box-pack: center;
5474 -ms-flex-pack: center; 5474 -ms-flex-pack: center;
5475 justify-content: center; 5475 justify-content: center;
5476 -webkit-box-align: center; 5476 -webkit-box-align: center;
5477 -ms-flex-align: center; 5477 -ms-flex-align: center;
5478 align-items: center; 5478 align-items: center;
5479 height: 98px; 5479 height: 98px;
5480 } 5480 }
5481 .employer__body img { 5481 .employer__body img {
5482 max-width: 100%; 5482 max-width: 100%;
5483 max-height: 98px; 5483 max-height: 98px;
5484 -o-object-fit: contain; 5484 -o-object-fit: contain;
5485 object-fit: contain; 5485 object-fit: contain;
5486 } 5486 }
5487 .employer__more { 5487 .employer__more {
5488 height: 38px; 5488 height: 38px;
5489 } 5489 }
5490 @media (min-width: 768px) { 5490 @media (min-width: 768px) {
5491 .employer__more { 5491 .employer__more {
5492 width: 250px; 5492 width: 250px;
5493 margin: 0 auto; 5493 margin: 0 auto;
5494 height: 44px; 5494 height: 44px;
5495 } 5495 }
5496 } 5496 }
5497 5497
5498 .about { 5498 .about {
5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5500 background-size: cover; 5500 background-size: cover;
5501 padding: 30px 0; 5501 padding: 30px 0;
5502 padding-bottom: 70px; 5502 padding-bottom: 70px;
5503 } 5503 }
5504 @media (min-width: 768px) { 5504 @media (min-width: 768px) {
5505 .about { 5505 .about {
5506 padding-top: 40px; 5506 padding-top: 40px;
5507 background-size: auto calc(100% - 10px); 5507 background-size: auto calc(100% - 10px);
5508 } 5508 }
5509 } 5509 }
5510 @media (min-width: 1280px) { 5510 @media (min-width: 1280px) {
5511 .about { 5511 .about {
5512 padding: 100px 0; 5512 padding: 100px 0;
5513 } 5513 }
5514 } 5514 }
5515 .about__wrapper { 5515 .about__wrapper {
5516 display: -webkit-box; 5516 display: -webkit-box;
5517 display: -ms-flexbox; 5517 display: -ms-flexbox;
5518 display: flex; 5518 display: flex;
5519 -webkit-box-orient: vertical; 5519 -webkit-box-orient: vertical;
5520 -webkit-box-direction: normal; 5520 -webkit-box-direction: normal;
5521 -ms-flex-direction: column; 5521 -ms-flex-direction: column;
5522 flex-direction: column; 5522 flex-direction: column;
5523 position: relative; 5523 position: relative;
5524 } 5524 }
5525 .about__title { 5525 .about__title {
5526 color: #fff; 5526 color: #fff;
5527 line-height: 1.2; 5527 line-height: 1.2;
5528 } 5528 }
5529 @media (min-width: 1280px) { 5529 @media (min-width: 1280px) {
5530 .about__title { 5530 .about__title {
5531 position: absolute; 5531 position: absolute;
5532 top: -45px; 5532 top: -45px;
5533 left: 0; 5533 left: 0;
5534 } 5534 }
5535 } 5535 }
5536 .about__body { 5536 .about__body {
5537 display: -webkit-box; 5537 display: -webkit-box;
5538 display: -ms-flexbox; 5538 display: -ms-flexbox;
5539 display: flex; 5539 display: flex;
5540 -webkit-box-orient: vertical; 5540 -webkit-box-orient: vertical;
5541 -webkit-box-direction: normal; 5541 -webkit-box-direction: normal;
5542 -ms-flex-direction: column; 5542 -ms-flex-direction: column;
5543 flex-direction: column; 5543 flex-direction: column;
5544 } 5544 }
5545 @media (min-width: 1280px) { 5545 @media (min-width: 1280px) {
5546 .about__body { 5546 .about__body {
5547 padding-left: 495px; 5547 padding-left: 495px;
5548 } 5548 }
5549 } 5549 }
5550 .about__line { 5550 .about__line {
5551 background: #fff; 5551 background: #fff;
5552 width: 100%; 5552 width: 100%;
5553 height: 1px; 5553 height: 1px;
5554 max-width: 400px; 5554 max-width: 400px;
5555 margin-top: 10px; 5555 margin-top: 10px;
5556 } 5556 }
5557 .about__item { 5557 .about__item {
5558 display: -webkit-box; 5558 display: -webkit-box;
5559 display: -ms-flexbox; 5559 display: -ms-flexbox;
5560 display: flex; 5560 display: flex;
5561 -webkit-box-orient: vertical; 5561 -webkit-box-orient: vertical;
5562 -webkit-box-direction: normal; 5562 -webkit-box-direction: normal;
5563 -ms-flex-direction: column; 5563 -ms-flex-direction: column;
5564 flex-direction: column; 5564 flex-direction: column;
5565 margin-top: 10px; 5565 margin-top: 10px;
5566 max-width: 600px; 5566 max-width: 600px;
5567 } 5567 }
5568 @media (min-width: 768px) { 5568 @media (min-width: 768px) {
5569 .about__item { 5569 .about__item {
5570 margin-top: 20px; 5570 margin-top: 20px;
5571 } 5571 }
5572 } 5572 }
5573 @media (min-width: 1280px) { 5573 @media (min-width: 1280px) {
5574 .about__item { 5574 .about__item {
5575 margin-top: 30px; 5575 margin-top: 30px;
5576 } 5576 }
5577 } 5577 }
5578 .about__item b { 5578 .about__item b {
5579 font-size: 20px; 5579 font-size: 20px;
5580 font-weight: 700; 5580 font-weight: 700;
5581 } 5581 }
5582 .about__item span { 5582 .about__item span {
5583 font-size: 13px; 5583 font-size: 13px;
5584 line-height: 1.4; 5584 line-height: 1.4;
5585 margin-top: 6px; 5585 margin-top: 6px;
5586 } 5586 }
5587 @media (min-width: 1280px) { 5587 @media (min-width: 1280px) {
5588 .about__item span { 5588 .about__item span {
5589 font-size: 16px; 5589 font-size: 16px;
5590 margin-top: 12px; 5590 margin-top: 12px;
5591 } 5591 }
5592 } 5592 }
5593 .about__item a { 5593 .about__item a {
5594 text-decoration: underline; 5594 text-decoration: underline;
5595 } 5595 }
5596 .about__item + .about__item { 5596 .about__item + .about__item {
5597 margin-top: 30px; 5597 margin-top: 30px;
5598 } 5598 }
5599 @media (min-width: 992px) { 5599 @media (min-width: 992px) {
5600 .about__item + .about__item { 5600 .about__item + .about__item {
5601 margin-top: 40px; 5601 margin-top: 40px;
5602 } 5602 }
5603 } 5603 }
5604 .about__button { 5604 .about__button {
5605 margin-top: 20px; 5605 margin-top: 20px;
5606 height: 38px; 5606 height: 38px;
5607 padding: 0; 5607 padding: 0;
5608 } 5608 }
5609 @media (min-width: 768px) { 5609 @media (min-width: 768px) {
5610 .about__button { 5610 .about__button {
5611 max-width: 200px; 5611 max-width: 200px;
5612 height: 42px; 5612 height: 42px;
5613 margin-top: 30px; 5613 margin-top: 30px;
5614 } 5614 }
5615 } 5615 }
5616 5616
5617 .news { 5617 .news {
5618 padding: 50px 0; 5618 padding: 50px 0;
5619 overflow: hidden; 5619 overflow: hidden;
5620 } 5620 }
5621 @media (min-width: 1280px) { 5621 @media (min-width: 1280px) {
5622 .news { 5622 .news {
5623 padding: 100px 0; 5623 padding: 100px 0;
5624 padding-bottom: 0; 5624 padding-bottom: 0;
5625 } 5625 }
5626 } 5626 }
5627 .news__toper { 5627 .news__toper {
5628 display: -webkit-box; 5628 display: -webkit-box;
5629 display: -ms-flexbox; 5629 display: -ms-flexbox;
5630 display: flex; 5630 display: flex;
5631 -webkit-box-pack: justify; 5631 -webkit-box-pack: justify;
5632 -ms-flex-pack: justify; 5632 -ms-flex-pack: justify;
5633 justify-content: space-between; 5633 justify-content: space-between;
5634 -webkit-box-align: center; 5634 -webkit-box-align: center;
5635 -ms-flex-align: center; 5635 -ms-flex-align: center;
5636 align-items: center; 5636 align-items: center;
5637 } 5637 }
5638 @media (min-width: 1280px) { 5638 @media (min-width: 1280px) {
5639 .news__toper .title { 5639 .news__toper .title {
5640 width: calc(100% - 160px); 5640 width: calc(100% - 160px);
5641 } 5641 }
5642 } 5642 }
5643 .news__toper .navs { 5643 .news__toper .navs {
5644 display: none; 5644 display: none;
5645 } 5645 }
5646 @media (min-width: 1280px) { 5646 @media (min-width: 1280px) {
5647 .news__toper .navs { 5647 .news__toper .navs {
5648 display: -webkit-box; 5648 display: -webkit-box;
5649 display: -ms-flexbox; 5649 display: -ms-flexbox;
5650 display: flex; 5650 display: flex;
5651 } 5651 }
5652 } 5652 }
5653 .news .swiper { 5653 .news .swiper {
5654 margin-top: 20px; 5654 margin-top: 20px;
5655 } 5655 }
5656 @media (min-width: 768px) { 5656 @media (min-width: 768px) {
5657 .news .swiper { 5657 .news .swiper {
5658 overflow: visible; 5658 overflow: visible;
5659 } 5659 }
5660 } 5660 }
5661 @media (min-width: 992px) { 5661 @media (min-width: 992px) {
5662 .news .swiper { 5662 .news .swiper {
5663 margin-top: 40px; 5663 margin-top: 40px;
5664 } 5664 }
5665 } 5665 }
5666 .news__item { 5666 .news__item {
5667 display: -webkit-box; 5667 display: -webkit-box;
5668 display: -ms-flexbox; 5668 display: -ms-flexbox;
5669 display: flex; 5669 display: flex;
5670 -webkit-box-orient: vertical; 5670 -webkit-box-orient: vertical;
5671 -webkit-box-direction: normal; 5671 -webkit-box-direction: normal;
5672 -ms-flex-direction: column; 5672 -ms-flex-direction: column;
5673 flex-direction: column; 5673 flex-direction: column;
5674 line-height: 1.4; 5674 line-height: 1.4;
5675 } 5675 }
5676 .news__item-pic { 5676 .news__item-pic {
5677 width: 100%; 5677 width: 100%;
5678 aspect-ratio: 3/2; 5678 aspect-ratio: 3/2;
5679 border-radius: 12px; 5679 border-radius: 12px;
5680 border: 1px solid #e6e7e7; 5680 border: 1px solid #e6e7e7;
5681 -o-object-fit: cover; 5681 -o-object-fit: cover;
5682 object-fit: cover; 5682 object-fit: cover;
5683 min-height: 200px; 5683 min-height: 200px;
5684 } 5684 }
5685 @media (min-width: 1280px) { 5685 @media (min-width: 1280px) {
5686 .news__item-pic { 5686 .news__item-pic {
5687 aspect-ratio: 4/2; 5687 aspect-ratio: 4/2;
5688 } 5688 }
5689 } 5689 }
5690 .news__item-body { 5690 .news__item-body {
5691 display: -webkit-box; 5691 display: -webkit-box;
5692 display: -ms-flexbox; 5692 display: -ms-flexbox;
5693 display: flex; 5693 display: flex;
5694 -webkit-box-orient: vertical; 5694 -webkit-box-orient: vertical;
5695 -webkit-box-direction: normal; 5695 -webkit-box-direction: normal;
5696 -ms-flex-direction: column; 5696 -ms-flex-direction: column;
5697 flex-direction: column; 5697 flex-direction: column;
5698 padding-top: 15px; 5698 padding-top: 15px;
5699 } 5699 }
5700 @media (min-width: 768px) { 5700 @media (min-width: 768px) {
5701 .news__item-body { 5701 .news__item-body {
5702 padding: 20px; 5702 padding: 20px;
5703 padding-top: 30px; 5703 padding-top: 30px;
5704 margin-top: -15px; 5704 margin-top: -15px;
5705 border-radius: 0 0 12px 12px; 5705 border-radius: 0 0 12px 12px;
5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5708 } 5708 }
5709 } 5709 }
5710 .news__item-date { 5710 .news__item-date {
5711 font-size: 14px; 5711 font-size: 14px;
5712 font-weight: 700; 5712 font-weight: 700;
5713 color: #377d87; 5713 color: #377d87;
5714 } 5714 }
5715 .news__item-title { 5715 .news__item-title {
5716 font-size: 20px; 5716 font-size: 20px;
5717 font-weight: 700; 5717 font-weight: 700;
5718 line-height: 1.2; 5718 line-height: 1.2;
5719 margin-top: 5px; 5719 margin-top: 5px;
5720 } 5720 }
5721 .news__item-text { 5721 .news__item-text {
5722 color: #000; 5722 color: #000;
5723 font-size: 13px; 5723 font-size: 13px;
5724 margin-top: 10px; 5724 margin-top: 10px;
5725 overflow: hidden; 5725 overflow: hidden;
5726 display: -webkit-box; 5726 display: -webkit-box;
5727 -webkit-box-orient: vertical; 5727 -webkit-box-orient: vertical;
5728 -webkit-line-clamp: 4; 5728 -webkit-line-clamp: 4;
5729 } 5729 }
5730 @media (min-width: 1280px) { 5730 @media (min-width: 1280px) {
5731 .news__item-text { 5731 .news__item-text {
5732 font-size: 16px; 5732 font-size: 16px;
5733 } 5733 }
5734 } 5734 }
5735 .news__item-more { 5735 .news__item-more {
5736 height: 42px; 5736 height: 42px;
5737 margin-top: 20px; 5737 margin-top: 20px;
5738 } 5738 }
5739 @media (min-width: 1280px) { 5739 @media (min-width: 1280px) {
5740 .news__item-more { 5740 .news__item-more {
5741 height: 44px; 5741 height: 44px;
5742 max-width: 190px; 5742 max-width: 190px;
5743 } 5743 }
5744 } 5744 }
5745 .news__all { 5745 .news__all {
5746 height: 42px; 5746 height: 42px;
5747 margin: 0 auto; 5747 margin: 0 auto;
5748 margin-top: 20px; 5748 margin-top: 20px;
5749 padding: 0; 5749 padding: 0;
5750 display: none; 5750 display: none;
5751 } 5751 }
5752 @media (min-width: 768px) { 5752 @media (min-width: 768px) {
5753 .news__all { 5753 .news__all {
5754 max-width: 170px; 5754 max-width: 170px;
5755 margin-top: 30px; 5755 margin-top: 30px;
5756 display: -webkit-box; 5756 display: -webkit-box;
5757 display: -ms-flexbox; 5757 display: -ms-flexbox;
5758 display: flex; 5758 display: flex;
5759 } 5759 }
5760 } 5760 }
5761 @media (min-width: 1280px) { 5761 @media (min-width: 1280px) {
5762 .news__all { 5762 .news__all {
5763 height: 44px; 5763 height: 44px;
5764 } 5764 }
5765 } 5765 }
5766 .news__items { 5766 .news__items {
5767 display: grid; 5767 display: grid;
5768 gap: 20px; 5768 gap: 20px;
5769 margin-bottom: 10px; 5769 margin-bottom: 10px;
5770 } 5770 }
5771 @media (min-width: 768px) { 5771 @media (min-width: 768px) {
5772 .news__items { 5772 .news__items {
5773 grid-template-columns: 1fr 1fr; 5773 grid-template-columns: 1fr 1fr;
5774 } 5774 }
5775 } 5775 }
5776 @media (min-width: 992px) { 5776 @media (min-width: 992px) {
5777 .news__items { 5777 .news__items {
5778 grid-template-columns: 1fr 1fr 1fr; 5778 grid-template-columns: 1fr 1fr 1fr;
5779 } 5779 }
5780 } 5780 }
5781 5781
5782 main + .news { 5782 main + .news {
5783 padding: 0; 5783 padding: 0;
5784 } 5784 }
5785 5785
5786 .info { 5786 .info {
5787 position: relative; 5787 position: relative;
5788 overflow: hidden; 5788 overflow: hidden;
5789 } 5789 }
5790 @media (min-width: 1280px) { 5790 @media (min-width: 1280px) {
5791 .info { 5791 .info {
5792 margin-bottom: -25px; 5792 margin-bottom: -25px;
5793 } 5793 }
5794 } 5794 }
5795 .info__pic { 5795 .info__pic {
5796 display: none; 5796 display: none;
5797 z-index: 1; 5797 z-index: 1;
5798 position: absolute; 5798 position: absolute;
5799 top: 0; 5799 top: 0;
5800 left: 50%; 5800 left: 50%;
5801 height: 100%; 5801 height: 100%;
5802 margin-left: 130px; 5802 margin-left: 130px;
5803 } 5803 }
5804 @media (min-width: 992px) { 5804 @media (min-width: 992px) {
5805 .info__pic { 5805 .info__pic {
5806 display: block; 5806 display: block;
5807 } 5807 }
5808 } 5808 }
5809 @media (min-width: 1280px) { 5809 @media (min-width: 1280px) {
5810 .info__pic { 5810 .info__pic {
5811 width: 610px; 5811 width: 610px;
5812 height: auto; 5812 height: auto;
5813 margin-left: 10px; 5813 margin-left: 10px;
5814 } 5814 }
5815 } 5815 }
5816 .info__body { 5816 .info__body {
5817 z-index: 2; 5817 z-index: 2;
5818 position: relative; 5818 position: relative;
5819 display: -webkit-box; 5819 display: -webkit-box;
5820 display: -ms-flexbox; 5820 display: -ms-flexbox;
5821 display: flex; 5821 display: flex;
5822 -webkit-box-orient: vertical; 5822 -webkit-box-orient: vertical;
5823 -webkit-box-direction: normal; 5823 -webkit-box-direction: normal;
5824 -ms-flex-direction: column; 5824 -ms-flex-direction: column;
5825 flex-direction: column; 5825 flex-direction: column;
5826 } 5826 }
5827 @media (min-width: 1280px) { 5827 @media (min-width: 1280px) {
5828 .info__body { 5828 .info__body {
5829 padding-top: 100px; 5829 padding-top: 100px;
5830 min-height: 600px; 5830 min-height: 600px;
5831 } 5831 }
5832 } 5832 }
5833 @media (min-width: 1280px) { 5833 @media (min-width: 1280px) {
5834 .info__title { 5834 .info__title {
5835 max-width: 520px; 5835 max-width: 520px;
5836 line-height: 1; 5836 line-height: 1;
5837 } 5837 }
5838 } 5838 }
5839 .info__item { 5839 .info__item {
5840 margin-top: 20px; 5840 margin-top: 20px;
5841 display: -webkit-box; 5841 display: -webkit-box;
5842 display: -ms-flexbox; 5842 display: -ms-flexbox;
5843 display: flex; 5843 display: flex;
5844 -webkit-box-orient: vertical; 5844 -webkit-box-orient: vertical;
5845 -webkit-box-direction: normal; 5845 -webkit-box-direction: normal;
5846 -ms-flex-direction: column; 5846 -ms-flex-direction: column;
5847 flex-direction: column; 5847 flex-direction: column;
5848 gap: 20px; 5848 gap: 20px;
5849 } 5849 }
5850 @media (min-width: 992px) { 5850 @media (min-width: 992px) {
5851 .info__item { 5851 .info__item {
5852 max-width: 610px; 5852 max-width: 610px;
5853 } 5853 }
5854 } 5854 }
5855 .info__item + .info__item { 5855 .info__item + .info__item {
5856 margin-top: 60px; 5856 margin-top: 60px;
5857 } 5857 }
5858 .info__text { 5858 .info__text {
5859 color: #000; 5859 color: #000;
5860 font-size: 13px; 5860 font-size: 13px;
5861 line-height: 1.4; 5861 line-height: 1.4;
5862 } 5862 }
5863 @media (min-width: 768px) { 5863 @media (min-width: 768px) {
5864 .info__text { 5864 .info__text {
5865 font-size: 16px; 5865 font-size: 16px;
5866 } 5866 }
5867 } 5867 }
5868 @media (min-width: 1280px) { 5868 @media (min-width: 1280px) {
5869 .info__text { 5869 .info__text {
5870 font-size: 18px; 5870 font-size: 18px;
5871 } 5871 }
5872 } 5872 }
5873 .info__link { 5873 .info__link {
5874 border-radius: 8px; 5874 border-radius: 8px;
5875 display: -webkit-box; 5875 display: -webkit-box;
5876 display: -ms-flexbox; 5876 display: -ms-flexbox;
5877 display: flex; 5877 display: flex;
5878 -webkit-box-pack: center; 5878 -webkit-box-pack: center;
5879 -ms-flex-pack: center; 5879 -ms-flex-pack: center;
5880 justify-content: center; 5880 justify-content: center;
5881 -webkit-box-align: center; 5881 -webkit-box-align: center;
5882 -ms-flex-align: center; 5882 -ms-flex-align: center;
5883 align-items: center; 5883 align-items: center;
5884 line-height: 1; 5884 line-height: 1;
5885 height: 40px; 5885 height: 40px;
5886 font-size: 12px; 5886 font-size: 12px;
5887 font-weight: 700; 5887 font-weight: 700;
5888 gap: 8px; 5888 gap: 8px;
5889 color: #fff; 5889 color: #fff;
5890 background: #377d87; 5890 background: #377d87;
5891 } 5891 }
5892 .info__link:hover { 5892 .info__link:hover {
5893 -webkit-filter: grayscale(50%); 5893 -webkit-filter: grayscale(50%);
5894 filter: grayscale(50%); 5894 filter: grayscale(50%);
5895 } 5895 }
5896 @media (min-width: 768px) { 5896 @media (min-width: 768px) {
5897 .info__link { 5897 .info__link {
5898 height: 44px; 5898 height: 44px;
5899 font-size: 16px; 5899 font-size: 16px;
5900 gap: 10px; 5900 gap: 10px;
5901 max-width: 300px; 5901 max-width: 300px;
5902 } 5902 }
5903 } 5903 }
5904 @media (min-width: 992px) { 5904 @media (min-width: 992px) {
5905 .info__link { 5905 .info__link {
5906 max-width: 210px; 5906 max-width: 210px;
5907 } 5907 }
5908 } 5908 }
5909 .info__link svg { 5909 .info__link svg {
5910 width: 16px; 5910 width: 16px;
5911 height: 16px; 5911 height: 16px;
5912 } 5912 }
5913 @media (min-width: 768px) { 5913 @media (min-width: 768px) {
5914 .info__link svg { 5914 .info__link svg {
5915 width: 20px; 5915 width: 20px;
5916 height: 20px; 5916 height: 20px;
5917 } 5917 }
5918 } 5918 }
5919 5919
5920 .thing { 5920 .thing {
5921 padding-top: 15px; 5921 padding-top: 15px;
5922 padding-bottom: 30px; 5922 padding-bottom: 30px;
5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5924 color: #000; 5924 color: #000;
5925 overflow: hidden; 5925 overflow: hidden;
5926 position: relative; 5926 position: relative;
5927 } 5927 }
5928 @media (min-width: 992px) { 5928 @media (min-width: 992px) {
5929 .thing { 5929 .thing {
5930 padding-top: 20px; 5930 padding-top: 20px;
5931 padding-bottom: 60px; 5931 padding-bottom: 60px;
5932 } 5932 }
5933 } 5933 }
5934 @media (min-width: 1280px) { 5934 @media (min-width: 1280px) {
5935 .thing { 5935 .thing {
5936 padding-bottom: 90px; 5936 padding-bottom: 90px;
5937 } 5937 }
5938 } 5938 }
5939 .thing_pdf { 5939 .thing_pdf {
5940 padding: 30px 0; 5940 padding: 30px 0;
5941 } 5941 }
5942 @media (min-width: 992px) { 5942 @media (min-width: 992px) {
5943 .thing_pdf { 5943 .thing_pdf {
5944 padding: 60px 0; 5944 padding: 60px 0;
5945 } 5945 }
5946 } 5946 }
5947 @media (min-width: 1280px) { 5947 @media (min-width: 1280px) {
5948 .thing_pdf { 5948 .thing_pdf {
5949 padding: 90px 0; 5949 padding: 90px 0;
5950 } 5950 }
5951 } 5951 }
5952 .thing__body { 5952 .thing__body {
5953 display: -webkit-box; 5953 display: -webkit-box;
5954 display: -ms-flexbox; 5954 display: -ms-flexbox;
5955 display: flex; 5955 display: flex;
5956 -webkit-box-orient: vertical; 5956 -webkit-box-orient: vertical;
5957 -webkit-box-direction: normal; 5957 -webkit-box-direction: normal;
5958 -ms-flex-direction: column; 5958 -ms-flex-direction: column;
5959 flex-direction: column; 5959 flex-direction: column;
5960 -webkit-box-align: start; 5960 -webkit-box-align: start;
5961 -ms-flex-align: start; 5961 -ms-flex-align: start;
5962 align-items: flex-start; 5962 align-items: flex-start;
5963 } 5963 }
5964 .thing__breadcrumbs { 5964 .thing__breadcrumbs {
5965 width: 100%; 5965 width: 100%;
5966 margin-bottom: 40px; 5966 margin-bottom: 40px;
5967 position: relative; 5967 position: relative;
5968 z-index: 2; 5968 z-index: 2;
5969 } 5969 }
5970 @media (min-width: 768px) { 5970 @media (min-width: 768px) {
5971 .thing__breadcrumbs { 5971 .thing__breadcrumbs {
5972 margin-bottom: 60px; 5972 margin-bottom: 60px;
5973 } 5973 }
5974 } 5974 }
5975 .thing__date { 5975 .thing__date {
5976 color: #000; 5976 color: #000;
5977 font-size: 14px; 5977 font-size: 14px;
5978 font-weight: 700; 5978 font-weight: 700;
5979 line-height: 21px; 5979 line-height: 21px;
5980 margin-bottom: 10px; 5980 margin-bottom: 10px;
5981 } 5981 }
5982 @media (min-width: 768px) { 5982 @media (min-width: 768px) {
5983 .thing__date { 5983 .thing__date {
5984 font-size: 18px; 5984 font-size: 18px;
5985 line-height: 27px; 5985 line-height: 27px;
5986 } 5986 }
5987 } 5987 }
5988 .thing__title { 5988 .thing__title {
5989 width: 100%; 5989 width: 100%;
5990 font-size: 32px; 5990 font-size: 32px;
5991 font-weight: 700; 5991 font-weight: 700;
5992 margin: 0; 5992 margin: 0;
5993 max-width: 780px; 5993 max-width: 780px;
5994 position: relative; 5994 position: relative;
5995 z-index: 2; 5995 z-index: 2;
5996 line-height: 1.1; 5996 line-height: 1.1;
5997 } 5997 }
5998 @media (min-width: 768px) { 5998 @media (min-width: 768px) {
5999 .thing__title { 5999 .thing__title {
6000 font-size: 40px; 6000 font-size: 40px;
6001 } 6001 }
6002 } 6002 }
6003 @media (min-width: 1280px) { 6003 @media (min-width: 1280px) {
6004 .thing__title { 6004 .thing__title {
6005 font-size: 64px; 6005 font-size: 64px;
6006 } 6006 }
6007 } 6007 }
6008 .thing__text { 6008 .thing__text {
6009 width: 100%; 6009 width: 100%;
6010 font-weight: 700; 6010 font-weight: 700;
6011 font-size: 14px; 6011 font-size: 14px;
6012 line-height: 1.4; 6012 line-height: 1.4;
6013 margin: 15px 0 0 0; 6013 margin: 15px 0 0 0;
6014 max-width: 780px; 6014 max-width: 780px;
6015 position: relative; 6015 position: relative;
6016 z-index: 2; 6016 z-index: 2;
6017 } 6017 }
6018 @media (min-width: 768px) { 6018 @media (min-width: 768px) {
6019 .thing__text { 6019 .thing__text {
6020 margin-top: 15px; 6020 margin-top: 15px;
6021 } 6021 }
6022 } 6022 }
6023 @media (min-width: 992px) { 6023 @media (min-width: 992px) {
6024 .thing__text { 6024 .thing__text {
6025 font-weight: 400; 6025 font-weight: 400;
6026 font-size: 18px; 6026 font-size: 18px;
6027 } 6027 }
6028 } 6028 }
6029 .thing__search { 6029 .thing__search {
6030 width: 100%; 6030 width: 100%;
6031 max-width: 640px; 6031 max-width: 640px;
6032 margin-top: 20px; 6032 margin-top: 20px;
6033 position: relative; 6033 position: relative;
6034 z-index: 2; 6034 z-index: 2;
6035 } 6035 }
6036 @media (min-width: 768px) { 6036 @media (min-width: 768px) {
6037 .thing__search { 6037 .thing__search {
6038 margin-top: 30px; 6038 margin-top: 30px;
6039 } 6039 }
6040 } 6040 }
6041 .thing__badge { 6041 .thing__badge {
6042 position: relative; 6042 position: relative;
6043 z-index: 2; 6043 z-index: 2;
6044 display: -webkit-box; 6044 display: -webkit-box;
6045 display: -ms-flexbox; 6045 display: -ms-flexbox;
6046 display: flex; 6046 display: flex;
6047 -webkit-box-align: center; 6047 -webkit-box-align: center;
6048 -ms-flex-align: center; 6048 -ms-flex-align: center;
6049 align-items: center; 6049 align-items: center;
6050 gap: 5px; 6050 gap: 5px;
6051 padding: 0 12px; 6051 padding: 0 12px;
6052 background: #4d88d9; 6052 background: #4d88d9;
6053 color: #fff; 6053 color: #fff;
6054 font-size: 12px; 6054 font-size: 12px;
6055 line-height: 1; 6055 line-height: 1;
6056 height: 26px; 6056 height: 26px;
6057 border-radius: 999px; 6057 border-radius: 999px;
6058 margin-bottom: 20px; 6058 margin-bottom: 20px;
6059 } 6059 }
6060 @media (min-width: 992px) { 6060 @media (min-width: 992px) {
6061 .thing__badge { 6061 .thing__badge {
6062 font-size: 16px; 6062 font-size: 16px;
6063 gap: 10px; 6063 gap: 10px;
6064 padding: 0 24px; 6064 padding: 0 24px;
6065 height: 42px; 6065 height: 42px;
6066 margin-bottom: 30px; 6066 margin-bottom: 30px;
6067 } 6067 }
6068 } 6068 }
6069 .thing__badge svg { 6069 .thing__badge svg {
6070 width: 12px; 6070 width: 12px;
6071 height: 12px; 6071 height: 12px;
6072 } 6072 }
6073 @media (min-width: 992px) { 6073 @media (min-width: 992px) {
6074 .thing__badge svg { 6074 .thing__badge svg {
6075 width: 20px; 6075 width: 20px;
6076 height: 20px; 6076 height: 20px;
6077 } 6077 }
6078 } 6078 }
6079 .thing__pic { 6079 .thing__pic {
6080 width: 60px; 6080 width: 60px;
6081 aspect-ratio: 1/1; 6081 aspect-ratio: 1/1;
6082 -o-object-fit: contain; 6082 -o-object-fit: contain;
6083 object-fit: contain; 6083 object-fit: contain;
6084 position: relative; 6084 position: relative;
6085 z-index: 1; 6085 z-index: 1;
6086 margin-bottom: 15px; 6086 margin-bottom: 15px;
6087 } 6087 }
6088 @media (min-width: 768px) { 6088 @media (min-width: 768px) {
6089 .thing__pic { 6089 .thing__pic {
6090 width: 160px; 6090 width: 160px;
6091 position: absolute; 6091 position: absolute;
6092 top: 15px; 6092 top: 15px;
6093 right: 20px; 6093 right: 20px;
6094 } 6094 }
6095 } 6095 }
6096 @media (min-width: 992px) { 6096 @media (min-width: 992px) {
6097 .thing__pic { 6097 .thing__pic {
6098 width: 330px; 6098 width: 330px;
6099 top: 50%; 6099 top: 50%;
6100 -webkit-transform: translate(0, -50%); 6100 -webkit-transform: translate(0, -50%);
6101 -ms-transform: translate(0, -50%); 6101 -ms-transform: translate(0, -50%);
6102 transform: translate(0, -50%); 6102 transform: translate(0, -50%);
6103 } 6103 }
6104 } 6104 }
6105 @media (min-width: 1280px) { 6105 @media (min-width: 1280px) {
6106 .thing__pic { 6106 .thing__pic {
6107 right: auto; 6107 right: auto;
6108 left: 50%; 6108 left: 50%;
6109 margin-left: 200px; 6109 margin-left: 200px;
6110 } 6110 }
6111 } 6111 }
6112 .thing__pic_two { 6112 .thing__pic_two {
6113 -o-object-fit: cover; 6113 -o-object-fit: cover;
6114 object-fit: cover; 6114 object-fit: cover;
6115 border-radius: 30px; 6115 border-radius: 30px;
6116 aspect-ratio: 44/37; 6116 aspect-ratio: 44/37;
6117 width: 100%; 6117 width: 100%;
6118 max-width: 440px; 6118 max-width: 440px;
6119 } 6119 }
6120 @media (min-width: 768px) { 6120 @media (min-width: 768px) {
6121 .thing__pic_two { 6121 .thing__pic_two {
6122 position: static; 6122 position: static;
6123 -webkit-transform: translate(0, 0); 6123 -webkit-transform: translate(0, 0);
6124 -ms-transform: translate(0, 0); 6124 -ms-transform: translate(0, 0);
6125 transform: translate(0, 0); 6125 transform: translate(0, 0);
6126 } 6126 }
6127 } 6127 }
6128 @media (min-width: 1280px) { 6128 @media (min-width: 1280px) {
6129 .thing__pic_two { 6129 .thing__pic_two {
6130 position: absolute; 6130 position: absolute;
6131 -webkit-transform: translate(0, -50%); 6131 -webkit-transform: translate(0, -50%);
6132 -ms-transform: translate(0, -50%); 6132 -ms-transform: translate(0, -50%);
6133 transform: translate(0, -50%); 6133 transform: translate(0, -50%);
6134 } 6134 }
6135 } 6135 }
6136 .thing__buttons { 6136 .thing__buttons {
6137 width: 100%; 6137 width: 100%;
6138 position: relative; 6138 position: relative;
6139 z-index: 2; 6139 z-index: 2;
6140 display: -webkit-box; 6140 display: -webkit-box;
6141 display: -ms-flexbox; 6141 display: -ms-flexbox;
6142 display: flex; 6142 display: flex;
6143 -webkit-box-align: center; 6143 -webkit-box-align: center;
6144 -ms-flex-align: center; 6144 -ms-flex-align: center;
6145 align-items: center; 6145 align-items: center;
6146 gap: 20px; 6146 gap: 20px;
6147 margin-top: 15px; 6147 margin-top: 15px;
6148 } 6148 }
6149 @media (min-width: 992px) { 6149 @media (min-width: 992px) {
6150 .thing__buttons { 6150 .thing__buttons {
6151 margin-top: 30px; 6151 margin-top: 30px;
6152 gap: 30px; 6152 gap: 30px;
6153 } 6153 }
6154 } 6154 }
6155 @media (min-width: 992px) { 6155 @media (min-width: 992px) {
6156 .thing__buttons .button { 6156 .thing__buttons .button {
6157 padding: 0 22px; 6157 padding: 0 22px;
6158 } 6158 }
6159 } 6159 }
6160 .thing__checkbox { 6160 .thing__checkbox {
6161 margin-top: 20px; 6161 margin-top: 20px;
6162 } 6162 }
6163 .thing__checkbox .checkbox__icon { 6163 .thing__checkbox .checkbox__icon {
6164 border-color: #377d87; 6164 border-color: #377d87;
6165 } 6165 }
6166 .thing__checkbox .checkbox__text { 6166 .thing__checkbox .checkbox__text {
6167 color: #377d87; 6167 color: #377d87;
6168 } 6168 }
6169 .thing__profile { 6169 .thing__profile {
6170 display: -webkit-box; 6170 display: -webkit-box;
6171 display: -ms-flexbox; 6171 display: -ms-flexbox;
6172 display: flex; 6172 display: flex;
6173 -webkit-box-orient: vertical; 6173 -webkit-box-orient: vertical;
6174 -webkit-box-direction: normal; 6174 -webkit-box-direction: normal;
6175 -ms-flex-direction: column; 6175 -ms-flex-direction: column;
6176 flex-direction: column; 6176 flex-direction: column;
6177 } 6177 }
6178 @media (min-width: 768px) { 6178 @media (min-width: 768px) {
6179 .thing__profile { 6179 .thing__profile {
6180 -webkit-box-orient: horizontal; 6180 -webkit-box-orient: horizontal;
6181 -webkit-box-direction: normal; 6181 -webkit-box-direction: normal;
6182 -ms-flex-direction: row; 6182 -ms-flex-direction: row;
6183 flex-direction: row; 6183 flex-direction: row;
6184 -webkit-box-align: start; 6184 -webkit-box-align: start;
6185 -ms-flex-align: start; 6185 -ms-flex-align: start;
6186 align-items: flex-start; 6186 align-items: flex-start;
6187 } 6187 }
6188 } 6188 }
6189 .thing__profile-photo { 6189 .thing__profile-photo {
6190 width: 210px; 6190 width: 210px;
6191 border-radius: 8px; 6191 border-radius: 8px;
6192 aspect-ratio: 1/1; 6192 aspect-ratio: 1/1;
6193 } 6193 }
6194 .thing__profile-body { 6194 .thing__profile-body {
6195 display: -webkit-box; 6195 display: -webkit-box;
6196 display: -ms-flexbox; 6196 display: -ms-flexbox;
6197 display: flex; 6197 display: flex;
6198 -webkit-box-orient: vertical; 6198 -webkit-box-orient: vertical;
6199 -webkit-box-direction: normal; 6199 -webkit-box-direction: normal;
6200 -ms-flex-direction: column; 6200 -ms-flex-direction: column;
6201 flex-direction: column; 6201 flex-direction: column;
6202 margin-top: 15px; 6202 margin-top: 15px;
6203 } 6203 }
6204 @media (min-width: 768px) { 6204 @media (min-width: 768px) {
6205 .thing__profile-body { 6205 .thing__profile-body {
6206 width: calc(100% - 210px); 6206 width: calc(100% - 210px);
6207 padding-left: 35px; 6207 padding-left: 35px;
6208 } 6208 }
6209 } 6209 }
6210 .thing__profile .thing__title { 6210 .thing__profile .thing__title {
6211 max-width: none; 6211 max-width: none;
6212 } 6212 }
6213 @media (min-width: 768px) { 6213 @media (min-width: 768px) {
6214 .thing__profile .thing__title { 6214 .thing__profile .thing__title {
6215 margin-top: -20px; 6215 margin-top: -20px;
6216 } 6216 }
6217 } 6217 }
6218 .thing__profile .thing__text { 6218 .thing__profile .thing__text {
6219 max-width: none; 6219 max-width: none;
6220 } 6220 }
6221 .thing__bottom { 6221 .thing__bottom {
6222 display: -webkit-box; 6222 display: -webkit-box;
6223 display: -ms-flexbox; 6223 display: -ms-flexbox;
6224 display: flex; 6224 display: flex;
6225 -webkit-box-align: center; 6225 -webkit-box-align: center;
6226 -ms-flex-align: center; 6226 -ms-flex-align: center;
6227 align-items: center; 6227 align-items: center;
6228 gap: 15px; 6228 gap: 15px;
6229 margin-top: 15px; 6229 margin-top: 15px;
6230 } 6230 }
6231 @media (min-width: 768px) { 6231 @media (min-width: 768px) {
6232 .thing__bottom { 6232 .thing__bottom {
6233 margin-top: 30px; 6233 margin-top: 30px;
6234 } 6234 }
6235 } 6235 }
6236 .thing__select { 6236 .thing__select {
6237 width: 100%; 6237 width: 100%;
6238 max-width: 640px; 6238 max-width: 640px;
6239 margin-top: 20px; 6239 margin-top: 20px;
6240 } 6240 }
6241 @media (min-width: 768px) { 6241 @media (min-width: 768px) {
6242 .thing__select { 6242 .thing__select {
6243 margin-top: 30px; 6243 margin-top: 30px;
6244 } 6244 }
6245 } 6245 }
6246 6246
6247 .page-404 { 6247 .page-404 {
6248 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6248 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6249 overflow: hidden; 6249 overflow: hidden;
6250 } 6250 }
6251 .page-404__body { 6251 .page-404__body {
6252 display: -webkit-box; 6252 display: -webkit-box;
6253 display: -ms-flexbox; 6253 display: -ms-flexbox;
6254 display: flex; 6254 display: flex;
6255 -webkit-box-orient: vertical; 6255 -webkit-box-orient: vertical;
6256 -webkit-box-direction: normal; 6256 -webkit-box-direction: normal;
6257 -ms-flex-direction: column; 6257 -ms-flex-direction: column;
6258 flex-direction: column; 6258 flex-direction: column;
6259 -webkit-box-align: center; 6259 -webkit-box-align: center;
6260 -ms-flex-align: center; 6260 -ms-flex-align: center;
6261 align-items: center; 6261 align-items: center;
6262 -webkit-box-pack: center; 6262 -webkit-box-pack: center;
6263 -ms-flex-pack: center; 6263 -ms-flex-pack: center;
6264 justify-content: center; 6264 justify-content: center;
6265 text-align: center; 6265 text-align: center;
6266 padding: 60px 0; 6266 padding: 60px 0;
6267 color: #000; 6267 color: #000;
6268 font-size: 12px; 6268 font-size: 12px;
6269 gap: 10px; 6269 gap: 10px;
6270 line-height: 1.4; 6270 line-height: 1.4;
6271 } 6271 }
6272 @media (min-width: 768px) { 6272 @media (min-width: 768px) {
6273 .page-404__body { 6273 .page-404__body {
6274 font-size: 18px; 6274 font-size: 18px;
6275 padding: 120px 0; 6275 padding: 120px 0;
6276 gap: 20px; 6276 gap: 20px;
6277 } 6277 }
6278 } 6278 }
6279 @media (min-width: 1280px) { 6279 @media (min-width: 1280px) {
6280 .page-404__body { 6280 .page-404__body {
6281 padding: 180px 0; 6281 padding: 180px 0;
6282 text-align: left; 6282 text-align: left;
6283 } 6283 }
6284 } 6284 }
6285 .page-404__numb { 6285 .page-404__numb {
6286 font-size: 114px; 6286 font-size: 114px;
6287 line-height: 1; 6287 line-height: 1;
6288 color: #377d87; 6288 color: #377d87;
6289 font-weight: 700; 6289 font-weight: 700;
6290 } 6290 }
6291 @media (min-width: 768px) { 6291 @media (min-width: 768px) {
6292 .page-404__numb { 6292 .page-404__numb {
6293 font-size: 184px; 6293 font-size: 184px;
6294 } 6294 }
6295 } 6295 }
6296 @media (min-width: 768px) { 6296 @media (min-width: 768px) {
6297 .page-404__title { 6297 .page-404__title {
6298 font-weight: 700; 6298 font-weight: 700;
6299 font-size: 44px; 6299 font-size: 44px;
6300 } 6300 }
6301 } 6301 }
6302 @media (min-width: 1280px) { 6302 @media (min-width: 1280px) {
6303 .page-404__title { 6303 .page-404__title {
6304 width: 710px; 6304 width: 710px;
6305 position: relative; 6305 position: relative;
6306 left: 200px; 6306 left: 200px;
6307 } 6307 }
6308 } 6308 }
6309 @media (min-width: 1280px) { 6309 @media (min-width: 1280px) {
6310 .page-404__subtitle { 6310 .page-404__subtitle {
6311 width: 710px; 6311 width: 710px;
6312 position: relative; 6312 position: relative;
6313 left: 200px; 6313 left: 200px;
6314 } 6314 }
6315 } 6315 }
6316 .page-404__button { 6316 .page-404__button {
6317 margin-top: 10px; 6317 margin-top: 10px;
6318 } 6318 }
6319 @media (min-width: 1280px) { 6319 @media (min-width: 1280px) {
6320 .page-404__button { 6320 .page-404__button {
6321 position: relative; 6321 position: relative;
6322 left: -45px; 6322 left: -45px;
6323 } 6323 }
6324 } 6324 }
6325 6325
6326 .cookies { 6326 .cookies {
6327 display: none; 6327 display: none;
6328 -webkit-box-align: end; 6328 -webkit-box-align: end;
6329 -ms-flex-align: end; 6329 -ms-flex-align: end;
6330 align-items: flex-end; 6330 align-items: flex-end;
6331 padding: 10px; 6331 padding: 10px;
6332 padding-top: 0; 6332 padding-top: 0;
6333 height: 0; 6333 height: 0;
6334 position: fixed; 6334 position: fixed;
6335 z-index: 999; 6335 z-index: 999;
6336 bottom: 0; 6336 bottom: 0;
6337 left: 0; 6337 left: 0;
6338 width: 100%; 6338 width: 100%;
6339 } 6339 }
6340 .cookies-is-actived .cookies { 6340 .cookies-is-actived .cookies {
6341 display: -webkit-box; 6341 display: -webkit-box;
6342 display: -ms-flexbox; 6342 display: -ms-flexbox;
6343 display: flex; 6343 display: flex;
6344 } 6344 }
6345 .cookies__body { 6345 .cookies__body {
6346 border-radius: 6px; 6346 border-radius: 6px;
6347 border: 1px solid #377d87; 6347 border: 1px solid #377d87;
6348 background: #fff; 6348 background: #fff;
6349 padding: 15px; 6349 padding: 15px;
6350 padding-right: 50px; 6350 padding-right: 50px;
6351 position: relative; 6351 position: relative;
6352 max-width: 940px; 6352 max-width: 940px;
6353 margin: 0 auto; 6353 margin: 0 auto;
6354 } 6354 }
6355 @media (min-width: 768px) { 6355 @media (min-width: 768px) {
6356 .cookies__body { 6356 .cookies__body {
6357 padding: 25px; 6357 padding: 25px;
6358 padding-right: 50px; 6358 padding-right: 50px;
6359 border-radius: 12px; 6359 border-radius: 12px;
6360 } 6360 }
6361 } 6361 }
6362 @media (min-width: 992px) { 6362 @media (min-width: 992px) {
6363 .cookies__body { 6363 .cookies__body {
6364 padding: 40px 60px; 6364 padding: 40px 60px;
6365 } 6365 }
6366 } 6366 }
6367 .cookies__close { 6367 .cookies__close {
6368 display: -webkit-box; 6368 display: -webkit-box;
6369 display: -ms-flexbox; 6369 display: -ms-flexbox;
6370 display: flex; 6370 display: flex;
6371 -webkit-box-pack: center; 6371 -webkit-box-pack: center;
6372 -ms-flex-pack: center; 6372 -ms-flex-pack: center;
6373 justify-content: center; 6373 justify-content: center;
6374 -webkit-box-align: center; 6374 -webkit-box-align: center;
6375 -ms-flex-align: center; 6375 -ms-flex-align: center;
6376 align-items: center; 6376 align-items: center;
6377 color: #377d87; 6377 color: #377d87;
6378 padding: 0; 6378 padding: 0;
6379 border: none; 6379 border: none;
6380 background: none; 6380 background: none;
6381 position: absolute; 6381 position: absolute;
6382 top: 15px; 6382 top: 15px;
6383 right: 15px; 6383 right: 15px;
6384 } 6384 }
6385 .cookies__close:hover { 6385 .cookies__close:hover {
6386 color: #000; 6386 color: #000;
6387 } 6387 }
6388 .cookies__close svg { 6388 .cookies__close svg {
6389 width: 16px; 6389 width: 16px;
6390 height: 16px; 6390 height: 16px;
6391 } 6391 }
6392 .cookies__text { 6392 .cookies__text {
6393 font-size: 12px; 6393 font-size: 12px;
6394 color: #377d87; 6394 color: #377d87;
6395 line-height: 1.4; 6395 line-height: 1.4;
6396 } 6396 }
6397 @media (min-width: 768px) { 6397 @media (min-width: 768px) {
6398 .cookies__text { 6398 .cookies__text {
6399 font-size: 16px; 6399 font-size: 16px;
6400 font-weight: 700; 6400 font-weight: 700;
6401 } 6401 }
6402 } 6402 }
6403 6403
6404 .fancybox-active { 6404 .fancybox-active {
6405 overflow: hidden; 6405 overflow: hidden;
6406 } 6406 }
6407 .fancybox-is-open .fancybox-bg { 6407 .fancybox-is-open .fancybox-bg {
6408 background: #080b0b; 6408 background: #080b0b;
6409 opacity: 0.6; 6409 opacity: 0.6;
6410 z-index: 9999; 6410 z-index: 9999;
6411 } 6411 }
6412 .fancybox-slide { 6412 .fancybox-slide {
6413 padding: 0; 6413 padding: 0;
6414 } 6414 }
6415 @media (min-width: 992px) { 6415 @media (min-width: 992px) {
6416 .fancybox-slide { 6416 .fancybox-slide {
6417 padding: 30px; 6417 padding: 30px;
6418 } 6418 }
6419 } 6419 }
6420 .fancybox-slide--html .fancybox-close-small { 6420 .fancybox-slide--html .fancybox-close-small {
6421 padding: 0; 6421 padding: 0;
6422 opacity: 1; 6422 opacity: 1;
6423 color: #377d87; 6423 color: #377d87;
6424 } 6424 }
6425 @media (min-width: 768px) { 6425 @media (min-width: 768px) {
6426 .fancybox-slide--html .fancybox-close-small { 6426 .fancybox-slide--html .fancybox-close-small {
6427 top: 10px; 6427 top: 10px;
6428 right: 10px; 6428 right: 10px;
6429 } 6429 }
6430 } 6430 }
6431 .fancybox-slide--html .fancybox-close-small:hover { 6431 .fancybox-slide--html .fancybox-close-small:hover {
6432 color: #000; 6432 color: #000;
6433 } 6433 }
6434 6434
6435 .modal { 6435 .modal {
6436 width: 100%; 6436 width: 100%;
6437 max-width: 820px; 6437 max-width: 820px;
6438 padding: 0; 6438 padding: 0;
6439 background: #fff; 6439 background: #fff;
6440 z-index: 99999; 6440 z-index: 99999;
6441 } 6441 }
6442 @media (min-width: 992px) { 6442 @media (min-width: 992px) {
6443 .modal { 6443 .modal {
6444 border-radius: 10px; 6444 border-radius: 10px;
6445 border: 1px solid #377d87; 6445 border: 1px solid #377d87;
6446 } 6446 }
6447 } 6447 }
6448 .modal_bg { 6448 .modal_bg {
6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6450 } 6450 }
6451 @media (min-width: 768px) { 6451 @media (min-width: 768px) {
6452 .modal_bg { 6452 .modal_bg {
6453 background-position: 100% 100%; 6453 background-position: 100% 100%;
6454 } 6454 }
6455 } 6455 }
6456 .modal__body { 6456 .modal__body {
6457 padding: 40px 15px; 6457 padding: 40px 15px;
6458 padding-bottom: 30px; 6458 padding-bottom: 30px;
6459 display: -webkit-box; 6459 display: -webkit-box;
6460 display: -ms-flexbox; 6460 display: -ms-flexbox;
6461 display: flex; 6461 display: flex;
6462 -webkit-box-orient: vertical; 6462 -webkit-box-orient: vertical;
6463 -webkit-box-direction: normal; 6463 -webkit-box-direction: normal;
6464 -ms-flex-direction: column; 6464 -ms-flex-direction: column;
6465 flex-direction: column; 6465 flex-direction: column;
6466 -webkit-box-align: center; 6466 -webkit-box-align: center;
6467 -ms-flex-align: center; 6467 -ms-flex-align: center;
6468 align-items: center; 6468 align-items: center;
6469 -webkit-box-pack: center; 6469 -webkit-box-pack: center;
6470 -ms-flex-pack: center; 6470 -ms-flex-pack: center;
6471 justify-content: center; 6471 justify-content: center;
6472 width: 100%; 6472 width: 100%;
6473 min-height: 100vh; 6473 min-height: 100vh;
6474 overflow: hidden; 6474 overflow: hidden;
6475 font-size: 12px; 6475 font-size: 12px;
6476 } 6476 }
6477 @media (min-width: 768px) { 6477 @media (min-width: 768px) {
6478 .modal__body { 6478 .modal__body {
6479 font-size: 16px; 6479 font-size: 16px;
6480 padding-left: 22px; 6480 padding-left: 22px;
6481 padding-right: 22px; 6481 padding-right: 22px;
6482 } 6482 }
6483 } 6483 }
6484 @media (min-width: 992px) { 6484 @media (min-width: 992px) {
6485 .modal__body { 6485 .modal__body {
6486 min-height: 450px; 6486 min-height: 450px;
6487 padding: 60px 80px; 6487 padding: 60px 80px;
6488 padding-bottom: 40px; 6488 padding-bottom: 40px;
6489 } 6489 }
6490 } 6490 }
6491 @media (min-width: 768px) { 6491 @media (min-width: 768px) {
6492 .modal__body .left { 6492 .modal__body .left {
6493 text-align: left; 6493 text-align: left;
6494 } 6494 }
6495 } 6495 }
6496 .modal__title { 6496 .modal__title {
6497 width: 100%; 6497 width: 100%;
6498 font-size: 22px; 6498 font-size: 22px;
6499 font-weight: 700; 6499 font-weight: 700;
6500 text-align: center; 6500 text-align: center;
6501 color: #000; 6501 color: #000;
6502 } 6502 }
6503 @media (min-width: 768px) { 6503 @media (min-width: 768px) {
6504 .modal__title { 6504 .modal__title {
6505 font-size: 32px; 6505 font-size: 32px;
6506 } 6506 }
6507 } 6507 }
6508 @media (min-width: 992px) { 6508 @media (min-width: 992px) {
6509 .modal__title { 6509 .modal__title {
6510 font-size: 44px; 6510 font-size: 44px;
6511 } 6511 }
6512 } 6512 }
6513 .modal__text { 6513 .modal__text {
6514 width: 100%; 6514 width: 100%;
6515 text-align: center; 6515 text-align: center;
6516 margin-top: 10px; 6516 margin-top: 10px;
6517 color: #000; 6517 color: #000;
6518 } 6518 }
6519 @media (min-width: 768px) { 6519 @media (min-width: 768px) {
6520 .modal__text { 6520 .modal__text {
6521 margin-top: 20px; 6521 margin-top: 20px;
6522 } 6522 }
6523 } 6523 }
6524 .modal__text span { 6524 .modal__text span {
6525 color: #9c9d9d; 6525 color: #9c9d9d;
6526 } 6526 }
6527 .modal__text a { 6527 .modal__text a {
6528 font-weight: 700; 6528 font-weight: 700;
6529 color: #377d87; 6529 color: #377d87;
6530 } 6530 }
6531 .modal__text a:hover { 6531 .modal__text a:hover {
6532 color: #000; 6532 color: #000;
6533 } 6533 }
6534 .modal__button { 6534 .modal__button {
6535 margin-top: 20px; 6535 margin-top: 20px;
6536 } 6536 }
6537 @media (min-width: 768px) { 6537 @media (min-width: 768px) {
6538 .modal__button { 6538 .modal__button {
6539 min-width: 200px; 6539 min-width: 200px;
6540 margin-top: 30px; 6540 margin-top: 30px;
6541 } 6541 }
6542 } 6542 }
6543 .modal__buttons { 6543 .modal__buttons {
6544 display: grid; 6544 display: grid;
6545 grid-template-columns: repeat(2, 1fr); 6545 grid-template-columns: repeat(2, 1fr);
6546 gap: 20px; 6546 gap: 20px;
6547 margin-top: 20px; 6547 margin-top: 20px;
6548 } 6548 }
6549 @media (min-width: 768px) { 6549 @media (min-width: 768px) {
6550 .modal__buttons { 6550 .modal__buttons {
6551 gap: 30px; 6551 gap: 30px;
6552 margin-top: 30px; 6552 margin-top: 30px;
6553 } 6553 }
6554 } 6554 }
6555 .modal__form { 6555 .modal__form {
6556 width: 100%; 6556 width: 100%;
6557 display: -webkit-box; 6557 display: -webkit-box;
6558 display: -ms-flexbox; 6558 display: -ms-flexbox;
6559 display: flex; 6559 display: flex;
6560 -webkit-box-orient: vertical; 6560 -webkit-box-orient: vertical;
6561 -webkit-box-direction: normal; 6561 -webkit-box-direction: normal;
6562 -ms-flex-direction: column; 6562 -ms-flex-direction: column;
6563 flex-direction: column; 6563 flex-direction: column;
6564 gap: 16px; 6564 gap: 16px;
6565 margin-top: 10px; 6565 margin-top: 10px;
6566 } 6566 }
6567 @media (min-width: 768px) { 6567 @media (min-width: 768px) {
6568 .modal__form { 6568 .modal__form {
6569 margin-top: 20px; 6569 margin-top: 20px;
6570 } 6570 }
6571 } 6571 }
6572 .modal__form-item { 6572 .modal__form-item {
6573 display: -webkit-box; 6573 display: -webkit-box;
6574 display: -ms-flexbox; 6574 display: -ms-flexbox;
6575 display: flex; 6575 display: flex;
6576 -webkit-box-orient: vertical; 6576 -webkit-box-orient: vertical;
6577 -webkit-box-direction: normal; 6577 -webkit-box-direction: normal;
6578 -ms-flex-direction: column; 6578 -ms-flex-direction: column;
6579 flex-direction: column; 6579 flex-direction: column;
6580 -webkit-box-align: center; 6580 -webkit-box-align: center;
6581 -ms-flex-align: center; 6581 -ms-flex-align: center;
6582 align-items: center; 6582 align-items: center;
6583 gap: 4px; 6583 gap: 4px;
6584 } 6584 }
6585 .modal__form-item > .input { 6585 .modal__form-item > .input {
6586 width: 100%; 6586 width: 100%;
6587 } 6587 }
6588 .modal__form-item > .textarea { 6588 .modal__form-item > .textarea {
6589 width: 100%; 6589 width: 100%;
6590 height: 175px; 6590 height: 175px;
6591 } 6591 }
6592 @media (min-width: 768px) { 6592 @media (min-width: 768px) {
6593 .modal__form-item > .textarea { 6593 .modal__form-item > .textarea {
6594 height: 195px; 6594 height: 195px;
6595 } 6595 }
6596 } 6596 }
6597 .modal__form-item > .file { 6597 .modal__form-item > .file {
6598 width: 100%; 6598 width: 100%;
6599 } 6599 }
6600 .modal__form-item > .button { 6600 .modal__form-item > .button {
6601 min-width: 120px; 6601 min-width: 120px;
6602 } 6602 }
6603 .modal__form-item > label { 6603 .modal__form-item > label {
6604 width: 100%; 6604 width: 100%;
6605 display: none; 6605 display: none;
6606 color: #eb5757; 6606 color: #eb5757;
6607 padding: 0 10px; 6607 padding: 0 10px;
6608 font-size: 12px; 6608 font-size: 12px;
6609 } 6609 }
6610 @media (min-width: 768px) { 6610 @media (min-width: 768px) {
6611 .modal__form-item > label { 6611 .modal__form-item > label {
6612 padding: 0 20px; 6612 padding: 0 20px;
6613 font-size: 16px; 6613 font-size: 16px;
6614 } 6614 }
6615 } 6615 }
6616 .modal__sign { 6616 .modal__sign {
6617 display: -webkit-box; 6617 display: -webkit-box;
6618 display: -ms-flexbox; 6618 display: -ms-flexbox;
6619 display: flex; 6619 display: flex;
6620 -webkit-box-orient: vertical; 6620 -webkit-box-orient: vertical;
6621 -webkit-box-direction: normal; 6621 -webkit-box-direction: normal;
6622 -ms-flex-direction: column; 6622 -ms-flex-direction: column;
6623 flex-direction: column; 6623 flex-direction: column;
6624 gap: 20px; 6624 gap: 20px;
6625 margin-top: 10px; 6625 margin-top: 10px;
6626 margin-bottom: 20px; 6626 margin-bottom: 20px;
6627 width: 100%; 6627 width: 100%;
6628 } 6628 }
6629 @media (min-width: 768px) { 6629 @media (min-width: 768px) {
6630 .modal__sign { 6630 .modal__sign {
6631 margin-top: 20px; 6631 margin-top: 20px;
6632 margin-bottom: 40px; 6632 margin-bottom: 40px;
6633 } 6633 }
6634 } 6634 }
6635 .modal__sign-item { 6635 .modal__sign-item {
6636 display: -webkit-box; 6636 display: -webkit-box;
6637 display: -ms-flexbox; 6637 display: -ms-flexbox;
6638 display: flex; 6638 display: flex;
6639 -webkit-box-orient: vertical; 6639 -webkit-box-orient: vertical;
6640 -webkit-box-direction: normal; 6640 -webkit-box-direction: normal;
6641 -ms-flex-direction: column; 6641 -ms-flex-direction: column;
6642 flex-direction: column; 6642 flex-direction: column;
6643 -webkit-box-align: center; 6643 -webkit-box-align: center;
6644 -ms-flex-align: center; 6644 -ms-flex-align: center;
6645 align-items: center; 6645 align-items: center;
6646 position: relative; 6646 position: relative;
6647 } 6647 }
6648 .modal__sign-item > .input { 6648 .modal__sign-item > .input {
6649 width: 100%; 6649 width: 100%;
6650 padding-right: 36px; 6650 padding-right: 36px;
6651 position: relative; 6651 position: relative;
6652 z-index: 1; 6652 z-index: 1;
6653 } 6653 }
6654 @media (min-width: 768px) { 6654 @media (min-width: 768px) {
6655 .modal__sign-item > .input { 6655 .modal__sign-item > .input {
6656 height: 52px; 6656 height: 52px;
6657 padding-right: 60px; 6657 padding-right: 60px;
6658 } 6658 }
6659 } 6659 }
6660 .modal__sign-item > .textarea { 6660 .modal__sign-item > .textarea {
6661 width: 100%; 6661 width: 100%;
6662 } 6662 }
6663 .modal__sign-bottom { 6663 .modal__sign-bottom {
6664 display: -webkit-box; 6664 display: -webkit-box;
6665 display: -ms-flexbox; 6665 display: -ms-flexbox;
6666 display: flex; 6666 display: flex;
6667 -webkit-box-pack: justify; 6667 -webkit-box-pack: justify;
6668 -ms-flex-pack: justify; 6668 -ms-flex-pack: justify;
6669 justify-content: space-between; 6669 justify-content: space-between;
6670 -webkit-box-align: center; 6670 -webkit-box-align: center;
6671 -ms-flex-align: center; 6671 -ms-flex-align: center;
6672 align-items: center; 6672 align-items: center;
6673 width: 100%; 6673 width: 100%;
6674 } 6674 }
6675 .modal__sign-bottom-link { 6675 .modal__sign-bottom-link {
6676 font-weight: 700; 6676 font-weight: 700;
6677 color: #377d87; 6677 color: #377d87;
6678 } 6678 }
6679 .modal__tabs { 6679 .modal__tabs {
6680 width: 100%; 6680 width: 100%;
6681 display: grid; 6681 display: grid;
6682 grid-template-columns: repeat(2, 1fr); 6682 grid-template-columns: repeat(2, 1fr);
6683 gap: 16px; 6683 gap: 16px;
6684 margin-top: 10px; 6684 margin-top: 10px;
6685 } 6685 }
6686 @media (min-width: 768px) { 6686 @media (min-width: 768px) {
6687 .modal__tabs { 6687 .modal__tabs {
6688 gap: 24px; 6688 gap: 24px;
6689 margin-top: 20px; 6689 margin-top: 20px;
6690 } 6690 }
6691 } 6691 }
6692 .modal__tabs-item.active { 6692 .modal__tabs-item.active {
6693 background: #377d87; 6693 background: #377d87;
6694 color: #fff; 6694 color: #fff;
6695 } 6695 }
6696 .modal__reg { 6696 .modal__reg {
6697 display: none; 6697 display: none;
6698 -webkit-box-orient: vertical; 6698 -webkit-box-orient: vertical;
6699 -webkit-box-direction: normal; 6699 -webkit-box-direction: normal;
6700 -ms-flex-direction: column; 6700 -ms-flex-direction: column;
6701 flex-direction: column; 6701 flex-direction: column;
6702 -webkit-box-align: center; 6702 -webkit-box-align: center;
6703 -ms-flex-align: center; 6703 -ms-flex-align: center;
6704 align-items: center; 6704 align-items: center;
6705 gap: 10px; 6705 gap: 10px;
6706 width: 100%; 6706 width: 100%;
6707 margin-top: 10px; 6707 margin-top: 10px;
6708 margin-bottom: 20px; 6708 margin-bottom: 20px;
6709 } 6709 }
6710 @media (min-width: 768px) { 6710 @media (min-width: 768px) {
6711 .modal__reg { 6711 .modal__reg {
6712 margin-top: 20px; 6712 margin-top: 20px;
6713 margin-bottom: 30px; 6713 margin-bottom: 30px;
6714 gap: 20px; 6714 gap: 20px;
6715 } 6715 }
6716 } 6716 }
6717 .modal__reg.showed { 6717 .modal__reg.showed {
6718 display: -webkit-box; 6718 display: -webkit-box;
6719 display: -ms-flexbox; 6719 display: -ms-flexbox;
6720 display: flex; 6720 display: flex;
6721 } 6721 }
6722 .modal__reg-item { 6722 .modal__reg-item {
6723 width: 100%; 6723 width: 100%;
6724 display: -webkit-box; 6724 display: -webkit-box;
6725 display: -ms-flexbox; 6725 display: -ms-flexbox;
6726 display: flex; 6726 display: flex;
6727 -webkit-box-orient: vertical; 6727 -webkit-box-orient: vertical;
6728 -webkit-box-direction: normal; 6728 -webkit-box-direction: normal;
6729 -ms-flex-direction: column; 6729 -ms-flex-direction: column;
6730 flex-direction: column; 6730 flex-direction: column;
6731 } 6731 }
6732 .modal__reg-item > .captcha { 6732 .modal__reg-item > .captcha {
6733 width: 100%; 6733 width: 100%;
6734 max-width: 300px; 6734 max-width: 300px;
6735 } 6735 }
6736 6736
6737 .messages { 6737 .messages {
6738 display: -webkit-box; 6738 display: -webkit-box;
6739 display: -ms-flexbox; 6739 display: -ms-flexbox;
6740 display: flex; 6740 display: flex;
6741 -webkit-box-orient: vertical; 6741 -webkit-box-orient: vertical;
6742 -webkit-box-direction: reverse; 6742 -webkit-box-direction: reverse;
6743 -ms-flex-direction: column-reverse; 6743 -ms-flex-direction: column-reverse;
6744 flex-direction: column-reverse; 6744 flex-direction: column-reverse;
6745 -webkit-box-align: center; 6745 -webkit-box-align: center;
6746 -ms-flex-align: center; 6746 -ms-flex-align: center;
6747 align-items: center; 6747 align-items: center;
6748 gap: 20px; 6748 gap: 20px;
6749 } 6749 }
6750 .messages__body { 6750 .messages__body {
6751 display: -webkit-box; 6751 display: -webkit-box;
6752 display: -ms-flexbox; 6752 display: -ms-flexbox;
6753 display: flex; 6753 display: flex;
6754 -webkit-box-orient: vertical; 6754 -webkit-box-orient: vertical;
6755 -webkit-box-direction: normal; 6755 -webkit-box-direction: normal;
6756 -ms-flex-direction: column; 6756 -ms-flex-direction: column;
6757 flex-direction: column; 6757 flex-direction: column;
6758 gap: 10px; 6758 gap: 10px;
6759 width: 100%; 6759 width: 100%;
6760 } 6760 }
6761 @media (min-width: 768px) { 6761 @media (min-width: 768px) {
6762 .messages__body { 6762 .messages__body {
6763 gap: 20px; 6763 gap: 20px;
6764 } 6764 }
6765 } 6765 }
6766 .messages__item { 6766 .messages__item {
6767 display: none; 6767 display: none;
6768 -webkit-box-align: center; 6768 -webkit-box-align: center;
6769 -ms-flex-align: center; 6769 -ms-flex-align: center;
6770 align-items: center; 6770 align-items: center;
6771 border-radius: 8px; 6771 border-radius: 8px;
6772 border: 1px solid #e7e7e7; 6772 border: 1px solid #e7e7e7;
6773 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6773 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6774 padding: 10px; 6774 padding: 10px;
6775 font-size: 12px; 6775 font-size: 12px;
6776 } 6776 }
6777 @media (min-width: 768px) { 6777 @media (min-width: 768px) {
6778 .messages__item { 6778 .messages__item {
6779 padding: 20px; 6779 padding: 20px;
6780 font-size: 18px; 6780 font-size: 18px;
6781 } 6781 }
6782 } 6782 }
6783 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) { 6783 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
6784 display: -webkit-box; 6784 display: -webkit-box;
6785 display: -ms-flexbox; 6785 display: -ms-flexbox;
6786 display: flex; 6786 display: flex;
6787 justify-content: space-between; 6787 justify-content: space-between;
6788 } 6788 }
6789 .messages__item-info { 6789 .messages__item-info {
6790 display: -webkit-box; 6790 display: -webkit-box;
6791 display: -ms-flexbox; 6791 display: -ms-flexbox;
6792 display: flex; 6792 display: flex;
6793 -webkit-box-align: center; 6793 -webkit-box-align: center;
6794 -ms-flex-align: center; 6794 -ms-flex-align: center;
6795 align-items: center; 6795 align-items: center;
6796 width: calc(100% - 90px); 6796 width: calc(100% - 90px);
6797 } 6797 }
6798 @media (min-width: 768px) { 6798 @media (min-width: 768px) {
6799 .messages__item-info { 6799 .messages__item-info {
6800 width: calc(100% - 150px); 6800 width: calc(100% - 150px);
6801 } 6801 }
6802 } 6802 }
6803 .messages__item-photo { 6803 .messages__item-photo {
6804 position: relative; 6804 position: relative;
6805 aspect-ratio: 1/1; 6805 aspect-ratio: 1/1;
6806 overflow: hidden; 6806 overflow: hidden;
6807 background: #9c9d9d; 6807 background: #9c9d9d;
6808 color: #fff; 6808 color: #fff;
6809 width: 36px; 6809 width: 36px;
6810 border-radius: 6px; 6810 border-radius: 6px;
6811 display: -webkit-box; 6811 display: -webkit-box;
6812 display: -ms-flexbox; 6812 display: -ms-flexbox;
6813 display: flex; 6813 display: flex;
6814 -webkit-box-pack: center; 6814 -webkit-box-pack: center;
6815 -ms-flex-pack: center; 6815 -ms-flex-pack: center;
6816 justify-content: center; 6816 justify-content: center;
6817 -webkit-box-align: center; 6817 -webkit-box-align: center;
6818 -ms-flex-align: center; 6818 -ms-flex-align: center;
6819 align-items: center; 6819 align-items: center;
6820 } 6820 }
6821 @media (min-width: 768px) { 6821 @media (min-width: 768px) {
6822 .messages__item-photo { 6822 .messages__item-photo {
6823 width: 52px; 6823 width: 52px;
6824 } 6824 }
6825 } 6825 }
6826 .messages__item-photo svg { 6826 .messages__item-photo svg {
6827 width: 50%; 6827 width: 50%;
6828 position: relative; 6828 position: relative;
6829 z-index: 1; 6829 z-index: 1;
6830 } 6830 }
6831 .messages__item-photo img { 6831 .messages__item-photo img {
6832 position: absolute; 6832 position: absolute;
6833 z-index: 2; 6833 z-index: 2;
6834 top: 0; 6834 top: 0;
6835 left: 0; 6835 left: 0;
6836 width: 100%; 6836 width: 100%;
6837 height: 100%; 6837 height: 100%;
6838 -o-object-fit: cover; 6838 -o-object-fit: cover;
6839 object-fit: cover; 6839 object-fit: cover;
6840 } 6840 }
6841 .messages__item-text { 6841 .messages__item-text {
6842 width: calc(100% - 36px); 6842 width: calc(100% - 36px);
6843 padding-left: 6px; 6843 padding-left: 6px;
6844 color: #000; 6844 color: #000;
6845 display: -webkit-box; 6845 display: -webkit-box;
6846 display: -ms-flexbox; 6846 display: -ms-flexbox;
6847 display: flex; 6847 display: flex;
6848 -webkit-box-orient: vertical; 6848 -webkit-box-orient: vertical;
6849 -webkit-box-direction: normal; 6849 -webkit-box-direction: normal;
6850 -ms-flex-direction: column; 6850 -ms-flex-direction: column;
6851 flex-direction: column; 6851 flex-direction: column;
6852 gap: 4px; 6852 gap: 4px;
6853 } 6853 }
6854 @media (min-width: 768px) { 6854 @media (min-width: 768px) {
6855 .messages__item-text { 6855 .messages__item-text {
6856 padding-left: 20px; 6856 padding-left: 20px;
6857 width: calc(100% - 52px); 6857 width: calc(100% - 52px);
6858 gap: 8px; 6858 gap: 8px;
6859 } 6859 }
6860 } 6860 }
6861 .messages__item-text span { 6861 .messages__item-text span {
6862 color: #000; 6862 color: #000;
6863 } 6863 }
6864 .messages__item-actions{ 6864 .messages__item-actions{
6865 6865
6866 } 6866 }
6867 .messages__item-buttons{ 6867 .messages__item-buttons{
6868 float: right; 6868 float: right;
6869 display: flex;
6870 align-items: center;
6869 } 6871 }
6870 .messages__item-buttons button{ 6872 .messages__item-buttons button{
6871 padding: 0; 6873 padding: 0;
6872 background: unset; 6874 background: unset;
6873 border: unset; 6875 border: unset;
6874 } 6876 }
6875 .messages__item-buttons button svg{ 6877 .messages__item-buttons button svg{
6876 width: 25px; 6878 width: 25px;
6877 height: 25px; 6879 height: 25px;
6878 color: gray; 6880 color: gray;
6879 } 6881 }
6880 .messages__item-buttons button svg:hover{ 6882 .messages__item-buttons button svg path{
6883 stroke: gray;
6884 }
6885 .messages__item-buttons button:hover svg{
6881 color: black; 6886 color: black;
6882 } 6887 }
6888 .messages__item-buttons button:hover svg path{
6889 stroke: black;
6890 }
6891 .messages__item-buttons button:hover svg#pin_on path{
6892 fill: black;
6893 }
6883 .messages__item-date { 6894 .messages__item-date {
6884 color: #00000070; 6895 color: #00000070;
6885 width: 90px; 6896 width: 90px;
6886 text-align: right; 6897 text-align: right;
6887 font-size: 14px; 6898 font-size: 14px;
6888 margin-bottom: 8px; 6899 margin-bottom: 8px;
6889 } 6900 }
6890 6901
6891 .messages.active .messages__item { 6902 .messages.active .messages__item {
6892 display: -webkit-box; 6903 display: -webkit-box;
6893 display: -ms-flexbox; 6904 display: -ms-flexbox;
6894 display: flex; 6905 display: flex;
6895 } 6906 }
6896 6907
6897 .responses { 6908 .responses {
6898 display: -webkit-box; 6909 display: -webkit-box;
6899 display: -ms-flexbox; 6910 display: -ms-flexbox;
6900 display: flex; 6911 display: flex;
6901 -webkit-box-orient: vertical; 6912 -webkit-box-orient: vertical;
6902 -webkit-box-direction: reverse; 6913 -webkit-box-direction: reverse;
6903 -ms-flex-direction: column-reverse; 6914 -ms-flex-direction: column-reverse;
6904 flex-direction: column-reverse; 6915 flex-direction: column-reverse;
6905 -webkit-box-align: center; 6916 -webkit-box-align: center;
6906 -ms-flex-align: center; 6917 -ms-flex-align: center;
6907 align-items: center; 6918 align-items: center;
6908 gap: 20px; 6919 gap: 20px;
6909 } 6920 }
6910 .responses__body { 6921 .responses__body {
6911 width: 100%; 6922 width: 100%;
6912 display: -webkit-box; 6923 display: -webkit-box;
6913 display: -ms-flexbox; 6924 display: -ms-flexbox;
6914 display: flex; 6925 display: flex;
6915 -webkit-box-orient: vertical; 6926 -webkit-box-orient: vertical;
6916 -webkit-box-direction: normal; 6927 -webkit-box-direction: normal;
6917 -ms-flex-direction: column; 6928 -ms-flex-direction: column;
6918 flex-direction: column; 6929 flex-direction: column;
6919 gap: 20px; 6930 gap: 20px;
6920 } 6931 }
6921 .responses__item { 6932 .responses__item {
6922 display: none; 6933 display: none;
6923 -webkit-box-orient: vertical; 6934 -webkit-box-orient: vertical;
6924 -webkit-box-direction: normal; 6935 -webkit-box-direction: normal;
6925 -ms-flex-direction: column; 6936 -ms-flex-direction: column;
6926 flex-direction: column; 6937 flex-direction: column;
6927 gap: 20px; 6938 gap: 20px;
6928 border-radius: 8px; 6939 border-radius: 8px;
6929 border: 1px solid #e7e7e7; 6940 border: 1px solid #e7e7e7;
6930 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6941 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6931 padding: 20px 10px; 6942 padding: 20px 10px;
6932 font-size: 12px; 6943 font-size: 12px;
6933 position: relative; 6944 position: relative;
6934 } 6945 }
6935 @media (min-width: 768px) { 6946 @media (min-width: 768px) {
6936 .responses__item { 6947 .responses__item {
6937 padding: 20px; 6948 padding: 20px;
6938 font-size: 16px; 6949 font-size: 16px;
6939 } 6950 }
6940 } 6951 }
6941 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) { 6952 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
6942 display: -webkit-box; 6953 display: -webkit-box;
6943 display: -ms-flexbox; 6954 display: -ms-flexbox;
6944 display: flex; 6955 display: flex;
6945 } 6956 }
6946 .responses__item-date { 6957 .responses__item-date {
6947 color: #000; 6958 color: #000;
6948 } 6959 }
6949 @media (min-width: 992px) { 6960 @media (min-width: 992px) {
6950 .responses__item-date { 6961 .responses__item-date {
6951 position: absolute; 6962 position: absolute;
6952 top: 20px; 6963 top: 20px;
6953 right: 20px; 6964 right: 20px;
6954 } 6965 }
6955 } 6966 }
6956 .responses__item-wrapper { 6967 .responses__item-wrapper {
6957 display: -webkit-box; 6968 display: -webkit-box;
6958 display: -ms-flexbox; 6969 display: -ms-flexbox;
6959 display: flex; 6970 display: flex;
6960 -webkit-box-orient: vertical; 6971 -webkit-box-orient: vertical;
6961 -webkit-box-direction: normal; 6972 -webkit-box-direction: normal;
6962 -ms-flex-direction: column; 6973 -ms-flex-direction: column;
6963 flex-direction: column; 6974 flex-direction: column;
6964 gap: 20px; 6975 gap: 20px;
6965 } 6976 }
6966 .responses__item-inner { 6977 .responses__item-inner {
6967 display: -webkit-box; 6978 display: -webkit-box;
6968 display: -ms-flexbox; 6979 display: -ms-flexbox;
6969 display: flex; 6980 display: flex;
6970 -webkit-box-orient: vertical; 6981 -webkit-box-orient: vertical;
6971 -webkit-box-direction: normal; 6982 -webkit-box-direction: normal;
6972 -ms-flex-direction: column; 6983 -ms-flex-direction: column;
6973 flex-direction: column; 6984 flex-direction: column;
6974 gap: 10px; 6985 gap: 10px;
6975 } 6986 }
6976 @media (min-width: 768px) { 6987 @media (min-width: 768px) {
6977 .responses__item-inner { 6988 .responses__item-inner {
6978 gap: 20px; 6989 gap: 20px;
6979 } 6990 }
6980 } 6991 }
6981 @media (min-width: 1280px) { 6992 @media (min-width: 1280px) {
6982 .responses__item-inner { 6993 .responses__item-inner {
6983 width: calc(100% - 150px); 6994 width: calc(100% - 150px);
6984 } 6995 }
6985 } 6996 }
6986 .responses__item-row { 6997 .responses__item-row {
6987 display: grid; 6998 display: grid;
6988 grid-template-columns: 1fr 1fr; 6999 grid-template-columns: 1fr 1fr;
6989 gap: 20px; 7000 gap: 20px;
6990 color: #000; 7001 color: #000;
6991 text-align: right; 7002 text-align: right;
6992 } 7003 }
6993 @media (min-width: 992px) { 7004 @media (min-width: 992px) {
6994 .responses__item-row { 7005 .responses__item-row {
6995 display: -webkit-box; 7006 display: -webkit-box;
6996 display: -ms-flexbox; 7007 display: -ms-flexbox;
6997 display: flex; 7008 display: flex;
6998 -webkit-box-orient: vertical; 7009 -webkit-box-orient: vertical;
6999 -webkit-box-direction: normal; 7010 -webkit-box-direction: normal;
7000 -ms-flex-direction: column; 7011 -ms-flex-direction: column;
7001 flex-direction: column; 7012 flex-direction: column;
7002 gap: 6px; 7013 gap: 6px;
7003 text-align: left; 7014 text-align: left;
7004 } 7015 }
7005 } 7016 }
7006 .responses__item-row span { 7017 .responses__item-row span {
7007 color: #000; 7018 color: #000;
7008 text-align: left; 7019 text-align: left;
7009 } 7020 }
7010 .responses__item-buttons { 7021 .responses__item-buttons {
7011 display: -webkit-box; 7022 display: -webkit-box;
7012 display: -ms-flexbox; 7023 display: -ms-flexbox;
7013 display: flex; 7024 display: flex;
7014 -webkit-box-orient: vertical; 7025 -webkit-box-orient: vertical;
7015 -webkit-box-direction: normal; 7026 -webkit-box-direction: normal;
7016 -ms-flex-direction: column; 7027 -ms-flex-direction: column;
7017 flex-direction: column; 7028 flex-direction: column;
7018 gap: 10px; 7029 gap: 10px;
7019 } 7030 }
7020 @media (min-width: 768px) { 7031 @media (min-width: 768px) {
7021 .responses__item-buttons { 7032 .responses__item-buttons {
7022 display: grid; 7033 display: grid;
7023 grid-template-columns: 1fr 1fr; 7034 grid-template-columns: 1fr 1fr;
7024 } 7035 }
7025 } 7036 }
7026 @media (min-width: 1280px) { 7037 @media (min-width: 1280px) {
7027 .responses__item-buttons { 7038 .responses__item-buttons {
7028 grid-template-columns: 1fr 1fr 1fr 1fr; 7039 grid-template-columns: 1fr 1fr 1fr 1fr;
7029 } 7040 }
7030 } 7041 }
7031 .responses__item-buttons .button.active { 7042 .responses__item-buttons .button.active {
7032 background: #377d87; 7043 background: #377d87;
7033 color: #fff; 7044 color: #fff;
7034 } 7045 }
7035 .responses.active .responses__item { 7046 .responses.active .responses__item {
7036 display: -webkit-box; 7047 display: -webkit-box;
7037 display: -ms-flexbox; 7048 display: -ms-flexbox;
7038 display: flex; 7049 display: flex;
7039 } 7050 }
7040 7051
7041 .chatbox { 7052 .chatbox {
7042 display: -webkit-box; 7053 display: -webkit-box;
7043 display: -ms-flexbox; 7054 display: -ms-flexbox;
7044 display: flex; 7055 display: flex;
7045 -webkit-box-orient: vertical; 7056 -webkit-box-orient: vertical;
7046 -webkit-box-direction: normal; 7057 -webkit-box-direction: normal;
7047 -ms-flex-direction: column; 7058 -ms-flex-direction: column;
7048 flex-direction: column; 7059 flex-direction: column;
7049 gap: 20px; 7060 gap: 20px;
7050 } 7061 }
7051 @media (min-width: 768px) { 7062 @media (min-width: 768px) {
7052 .chatbox { 7063 .chatbox {
7053 gap: 30px; 7064 gap: 30px;
7054 } 7065 }
7055 } 7066 }
7056 @media (min-width: 1280px) { 7067 @media (min-width: 1280px) {
7057 .chatbox { 7068 .chatbox {
7058 gap: 40px; 7069 gap: 40px;
7059 } 7070 }
7060 } 7071 }
7061 .chatbox__toper { 7072 .chatbox__toper {
7062 display: -webkit-box; 7073 display: -webkit-box;
7063 display: -ms-flexbox; 7074 display: -ms-flexbox;
7064 display: flex; 7075 display: flex;
7065 -webkit-box-orient: vertical; 7076 -webkit-box-orient: vertical;
7066 -webkit-box-direction: normal; 7077 -webkit-box-direction: normal;
7067 -ms-flex-direction: column; 7078 -ms-flex-direction: column;
7068 flex-direction: column; 7079 flex-direction: column;
7069 gap: 10px; 7080 gap: 10px;
7070 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7081 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7071 border: 1px solid #e7e7e7; 7082 border: 1px solid #e7e7e7;
7072 border-radius: 8px; 7083 border-radius: 8px;
7073 padding: 10px; 7084 padding: 10px;
7074 } 7085 }
7075 @media (min-width: 768px) { 7086 @media (min-width: 768px) {
7076 .chatbox__toper { 7087 .chatbox__toper {
7077 padding: 20px; 7088 padding: 20px;
7078 -webkit-box-orient: horizontal; 7089 -webkit-box-orient: horizontal;
7079 -webkit-box-direction: normal; 7090 -webkit-box-direction: normal;
7080 -ms-flex-direction: row; 7091 -ms-flex-direction: row;
7081 flex-direction: row; 7092 flex-direction: row;
7082 -webkit-box-align: center; 7093 -webkit-box-align: center;
7083 -ms-flex-align: center; 7094 -ms-flex-align: center;
7084 align-items: center; 7095 align-items: center;
7085 -webkit-box-pack: justify; 7096 -webkit-box-pack: justify;
7086 -ms-flex-pack: justify; 7097 -ms-flex-pack: justify;
7087 justify-content: space-between; 7098 justify-content: space-between;
7088 } 7099 }
7089 } 7100 }
7090 .chatbox__toper-info { 7101 .chatbox__toper-info {
7091 font-size: 12px; 7102 font-size: 12px;
7092 } 7103 }
7093 @media (min-width: 768px) { 7104 @media (min-width: 768px) {
7094 .chatbox__toper-info { 7105 .chatbox__toper-info {
7095 font-size: 16px; 7106 font-size: 16px;
7096 width: calc(100% - 230px); 7107 width: calc(100% - 230px);
7097 } 7108 }
7098 } 7109 }
7099 @media (min-width: 768px) { 7110 @media (min-width: 768px) {
7100 .chatbox__toper-button { 7111 .chatbox__toper-button {
7101 width: 210px; 7112 width: 210px;
7102 padding: 0; 7113 padding: 0;
7103 } 7114 }
7104 } 7115 }
7105 .chatbox__list { 7116 .chatbox__list {
7106 display: -webkit-box; 7117 display: -webkit-box;
7107 display: -ms-flexbox; 7118 display: -ms-flexbox;
7108 display: flex; 7119 display: flex;
7109 -webkit-box-orient: vertical; 7120 -webkit-box-orient: vertical;
7110 -webkit-box-direction: normal; 7121 -webkit-box-direction: normal;
7111 -ms-flex-direction: column; 7122 -ms-flex-direction: column;
7112 flex-direction: column; 7123 flex-direction: column;
7113 gap: 10px; 7124 gap: 10px;
7114 } 7125 }
7115 @media (min-width: 768px) { 7126 @media (min-width: 768px) {
7116 .chatbox__list { 7127 .chatbox__list {
7117 gap: 20px; 7128 gap: 20px;
7118 } 7129 }
7119 } 7130 }
7120 @media (min-width: 1280px) { 7131 @media (min-width: 1280px) {
7121 .chatbox__list { 7132 .chatbox__list {
7122 gap: 40px; 7133 gap: 40px;
7123 } 7134 }
7124 } 7135 }
7125 .chatbox__item { 7136 .chatbox__item {
7126 display: -webkit-box; 7137 display: -webkit-box;
7127 display: -ms-flexbox; 7138 display: -ms-flexbox;
7128 display: flex; 7139 display: flex;
7129 -webkit-box-align: start; 7140 -webkit-box-align: start;
7130 -ms-flex-align: start; 7141 -ms-flex-align: start;
7131 align-items: flex-start; 7142 align-items: flex-start;
7132 -webkit-box-pack: justify; 7143 -webkit-box-pack: justify;
7133 -ms-flex-pack: justify; 7144 -ms-flex-pack: justify;
7134 justify-content: space-between; 7145 justify-content: space-between;
7135 -ms-flex-wrap: wrap; 7146 -ms-flex-wrap: wrap;
7136 flex-wrap: wrap; 7147 flex-wrap: wrap;
7137 color: #000; 7148 color: #000;
7138 font-size: 12px; 7149 font-size: 12px;
7139 } 7150 }
7140 @media (min-width: 768px) { 7151 @media (min-width: 768px) {
7141 .chatbox__item { 7152 .chatbox__item {
7142 font-size: 16px; 7153 font-size: 16px;
7143 } 7154 }
7144 } 7155 }
7145 .chatbox__item_reverse { 7156 .chatbox__item_reverse {
7146 -webkit-box-orient: horizontal; 7157 -webkit-box-orient: horizontal;
7147 -webkit-box-direction: reverse; 7158 -webkit-box-direction: reverse;
7148 -ms-flex-direction: row-reverse; 7159 -ms-flex-direction: row-reverse;
7149 flex-direction: row-reverse; 7160 flex-direction: row-reverse;
7150 } 7161 }
7151 .chatbox__item-photo { 7162 .chatbox__item-photo {
7152 position: relative; 7163 position: relative;
7153 aspect-ratio: 1/1; 7164 aspect-ratio: 1/1;
7154 overflow: hidden; 7165 overflow: hidden;
7155 background: #9c9d9d; 7166 background: #9c9d9d;
7156 color: #fff; 7167 color: #fff;
7157 width: 44px; 7168 width: 44px;
7158 border-radius: 6px; 7169 border-radius: 6px;
7159 display: -webkit-box; 7170 display: -webkit-box;
7160 display: -ms-flexbox; 7171 display: -ms-flexbox;
7161 display: flex; 7172 display: flex;
7162 -webkit-box-pack: center; 7173 -webkit-box-pack: center;
7163 -ms-flex-pack: center; 7174 -ms-flex-pack: center;
7164 justify-content: center; 7175 justify-content: center;
7165 -webkit-box-align: center; 7176 -webkit-box-align: center;
7166 -ms-flex-align: center; 7177 -ms-flex-align: center;
7167 align-items: center; 7178 align-items: center;
7168 } 7179 }
7169 .chatbox__item-photo svg { 7180 .chatbox__item-photo svg {
7170 width: 50%; 7181 width: 50%;
7171 position: relative; 7182 position: relative;
7172 z-index: 1; 7183 z-index: 1;
7173 } 7184 }
7174 .chatbox__item-photo img { 7185 .chatbox__item-photo img {
7175 position: absolute; 7186 position: absolute;
7176 z-index: 2; 7187 z-index: 2;
7177 top: 0; 7188 top: 0;
7178 left: 0; 7189 left: 0;
7179 width: 100%; 7190 width: 100%;
7180 height: 100%; 7191 height: 100%;
7181 -o-object-fit: cover; 7192 -o-object-fit: cover;
7182 object-fit: cover; 7193 object-fit: cover;
7183 } 7194 }
7184 .chatbox__item-body { 7195 .chatbox__item-body {
7185 width: calc(100% - 54px); 7196 width: calc(100% - 54px);
7186 display: -webkit-box; 7197 display: -webkit-box;
7187 display: -ms-flexbox; 7198 display: -ms-flexbox;
7188 display: flex; 7199 display: flex;
7189 -webkit-box-orient: vertical; 7200 -webkit-box-orient: vertical;
7190 -webkit-box-direction: normal; 7201 -webkit-box-direction: normal;
7191 -ms-flex-direction: column; 7202 -ms-flex-direction: column;
7192 flex-direction: column; 7203 flex-direction: column;
7193 -webkit-box-align: start; 7204 -webkit-box-align: start;
7194 -ms-flex-align: start; 7205 -ms-flex-align: start;
7195 align-items: flex-start; 7206 align-items: flex-start;
7196 } 7207 }
7197 @media (min-width: 768px) { 7208 @media (min-width: 768px) {
7198 .chatbox__item-body { 7209 .chatbox__item-body {
7199 width: calc(100% - 60px); 7210 width: calc(100% - 60px);
7200 } 7211 }
7201 } 7212 }
7202 .chatbox__item_reverse .chatbox__item-body { 7213 .chatbox__item_reverse .chatbox__item-body {
7203 -webkit-box-align: end; 7214 -webkit-box-align: end;
7204 -ms-flex-align: end; 7215 -ms-flex-align: end;
7205 align-items: flex-end; 7216 align-items: flex-end;
7206 } 7217 }
7207 .chatbox__item-text { 7218 .chatbox__item-text {
7208 border-radius: 8px; 7219 border-radius: 8px;
7209 background: #fff; 7220 background: #fff;
7210 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7221 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7211 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7222 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7212 padding: 10px; 7223 padding: 10px;
7213 line-height: 1.6; 7224 line-height: 1.6;
7214 } 7225 }
7215 .chatbox__item-time { 7226 .chatbox__item-time {
7216 width: 100%; 7227 width: 100%;
7217 padding-left: 54px; 7228 padding-left: 54px;
7218 margin-top: 10px; 7229 margin-top: 10px;
7219 color: #9c9d9d; 7230 color: #9c9d9d;
7220 } 7231 }
7221 .chatbox__item_reverse .chatbox__item-time { 7232 .chatbox__item_reverse .chatbox__item-time {
7222 text-align: right; 7233 text-align: right;
7223 } 7234 }
7224 .chatbox__bottom { 7235 .chatbox__bottom {
7225 background: #4d88d9; 7236 background: #4d88d9;
7226 padding: 10px; 7237 padding: 10px;
7227 border-radius: 8px; 7238 border-radius: 8px;
7228 display: -webkit-box; 7239 display: -webkit-box;
7229 display: -ms-flexbox; 7240 display: -ms-flexbox;
7230 display: flex; 7241 display: flex;
7231 -webkit-box-align: center; 7242 -webkit-box-align: center;
7232 -ms-flex-align: center; 7243 -ms-flex-align: center;
7233 align-items: center; 7244 align-items: center;
7234 -webkit-box-pack: justify; 7245 -webkit-box-pack: justify;
7235 -ms-flex-pack: justify; 7246 -ms-flex-pack: justify;
7236 justify-content: space-between; 7247 justify-content: space-between;
7237 } 7248 }
7238 @media (min-width: 768px) { 7249 @media (min-width: 768px) {
7239 .chatbox__bottom { 7250 .chatbox__bottom {
7240 padding: 16px 20px; 7251 padding: 16px 20px;
7241 } 7252 }
7242 } 7253 }
7243 .chatbox__bottom-file { 7254 .chatbox__bottom-file {
7244 width: 20px; 7255 width: 20px;
7245 aspect-ratio: 1/1; 7256 aspect-ratio: 1/1;
7246 display: -webkit-box; 7257 display: -webkit-box;
7247 display: -ms-flexbox; 7258 display: -ms-flexbox;
7248 display: flex; 7259 display: flex;
7249 -webkit-box-pack: center; 7260 -webkit-box-pack: center;
7250 -ms-flex-pack: center; 7261 -ms-flex-pack: center;
7251 justify-content: center; 7262 justify-content: center;
7252 -webkit-box-align: center; 7263 -webkit-box-align: center;
7253 -ms-flex-align: center; 7264 -ms-flex-align: center;
7254 align-items: center; 7265 align-items: center;
7255 background: #fff; 7266 background: #fff;
7256 color: #4d88d9; 7267 color: #4d88d9;
7257 border-radius: 8px; 7268 border-radius: 8px;
7258 } 7269 }
7259 @media (min-width: 768px) { 7270 @media (min-width: 768px) {
7260 .chatbox__bottom-file { 7271 .chatbox__bottom-file {
7261 width: 48px; 7272 width: 48px;
7262 } 7273 }
7263 } 7274 }
7264 .chatbox__bottom-file:hover { 7275 .chatbox__bottom-file:hover {
7265 color: #377d87; 7276 color: #377d87;
7266 } 7277 }
7267 .chatbox__bottom-file input { 7278 .chatbox__bottom-file input {
7268 display: none; 7279 display: none;
7269 } 7280 }
7270 .chatbox__bottom-file svg { 7281 .chatbox__bottom-file svg {
7271 width: 50%; 7282 width: 50%;
7272 aspect-ratio: 1/1; 7283 aspect-ratio: 1/1;
7273 } 7284 }
7274 @media (min-width: 768px) { 7285 @media (min-width: 768px) {
7275 .chatbox__bottom-file svg { 7286 .chatbox__bottom-file svg {
7276 width: 40%; 7287 width: 40%;
7277 } 7288 }
7278 } 7289 }
7279 .chatbox__bottom-text { 7290 .chatbox__bottom-text {
7280 width: calc(100% - 60px); 7291 width: calc(100% - 60px);
7281 height: 20px; 7292 height: 20px;
7282 border-color: #fff; 7293 border-color: #fff;
7283 } 7294 }
7284 @media (min-width: 768px) { 7295 @media (min-width: 768px) {
7285 .chatbox__bottom-text { 7296 .chatbox__bottom-text {
7286 width: calc(100% - 128px); 7297 width: calc(100% - 128px);
7287 height: 48px; 7298 height: 48px;
7288 } 7299 }
7289 } 7300 }
7290 .chatbox__bottom-text:focus { 7301 .chatbox__bottom-text:focus {
7291 border-color: #fff; 7302 border-color: #fff;
7292 } 7303 }
7293 .chatbox__bottom-send { 7304 .chatbox__bottom-send {
7294 width: 20px; 7305 width: 20px;
7295 aspect-ratio: 1/1; 7306 aspect-ratio: 1/1;
7296 display: -webkit-box; 7307 display: -webkit-box;
7297 display: -ms-flexbox; 7308 display: -ms-flexbox;
7298 display: flex; 7309 display: flex;
7299 -webkit-box-pack: center; 7310 -webkit-box-pack: center;
7300 -ms-flex-pack: center; 7311 -ms-flex-pack: center;
7301 justify-content: center; 7312 justify-content: center;
7302 -webkit-box-align: center; 7313 -webkit-box-align: center;
7303 -ms-flex-align: center; 7314 -ms-flex-align: center;
7304 align-items: center; 7315 align-items: center;
7305 padding: 0; 7316 padding: 0;
7306 background: #fff; 7317 background: #fff;
7307 border: none; 7318 border: none;
7308 color: #4d88d9; 7319 color: #4d88d9;
7309 border-radius: 999px; 7320 border-radius: 999px;
7310 } 7321 }
7311 @media (min-width: 768px) { 7322 @media (min-width: 768px) {
7312 .chatbox__bottom-send { 7323 .chatbox__bottom-send {
7313 width: 48px; 7324 width: 48px;
7314 } 7325 }
7315 } 7326 }
7316 .chatbox__bottom-send:hover { 7327 .chatbox__bottom-send:hover {
7317 color: #377d87; 7328 color: #377d87;
7318 } 7329 }
7319 .chatbox__bottom-send svg { 7330 .chatbox__bottom-send svg {
7320 width: 50%; 7331 width: 50%;
7321 aspect-ratio: 1/1; 7332 aspect-ratio: 1/1;
7322 position: relative; 7333 position: relative;
7323 left: 1px; 7334 left: 1px;
7324 } 7335 }
7325 @media (min-width: 768px) { 7336 @media (min-width: 768px) {
7326 .chatbox__bottom-send svg { 7337 .chatbox__bottom-send svg {
7327 width: 40%; 7338 width: 40%;
7328 left: 2px; 7339 left: 2px;
7329 } 7340 }
7330 } 7341 }
7331 7342
7332 .cvs { 7343 .cvs {
7333 display: -webkit-box; 7344 display: -webkit-box;
7334 display: -ms-flexbox; 7345 display: -ms-flexbox;
7335 display: flex; 7346 display: flex;
7336 -webkit-box-orient: vertical; 7347 -webkit-box-orient: vertical;
7337 -webkit-box-direction: reverse; 7348 -webkit-box-direction: reverse;
7338 -ms-flex-direction: column-reverse; 7349 -ms-flex-direction: column-reverse;
7339 flex-direction: column-reverse; 7350 flex-direction: column-reverse;
7340 -webkit-box-align: center; 7351 -webkit-box-align: center;
7341 -ms-flex-align: center; 7352 -ms-flex-align: center;
7342 align-items: center; 7353 align-items: center;
7343 gap: 20px; 7354 gap: 20px;
7344 } 7355 }
7345 .cvs__body { 7356 .cvs__body {
7346 display: -webkit-box; 7357 display: -webkit-box;
7347 display: -ms-flexbox; 7358 display: -ms-flexbox;
7348 display: flex; 7359 display: flex;
7349 -webkit-box-orient: vertical; 7360 -webkit-box-orient: vertical;
7350 -webkit-box-direction: normal; 7361 -webkit-box-direction: normal;
7351 -ms-flex-direction: column; 7362 -ms-flex-direction: column;
7352 flex-direction: column; 7363 flex-direction: column;
7353 gap: 20px; 7364 gap: 20px;
7354 width: 100%; 7365 width: 100%;
7355 } 7366 }
7356 @media (min-width: 768px) { 7367 @media (min-width: 768px) {
7357 .cvs__body { 7368 .cvs__body {
7358 gap: 30px; 7369 gap: 30px;
7359 } 7370 }
7360 } 7371 }
7361 .cvs__item { 7372 .cvs__item {
7362 display: none; 7373 display: none;
7363 -webkit-box-orient: vertical; 7374 -webkit-box-orient: vertical;
7364 -webkit-box-direction: normal; 7375 -webkit-box-direction: normal;
7365 -ms-flex-direction: column; 7376 -ms-flex-direction: column;
7366 flex-direction: column; 7377 flex-direction: column;
7367 gap: 10px; 7378 gap: 10px;
7368 border-radius: 8px; 7379 border-radius: 8px;
7369 border: 1px solid #e7e7e7; 7380 border: 1px solid #e7e7e7;
7370 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7381 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7371 padding: 10px; 7382 padding: 10px;
7372 font-size: 12px; 7383 font-size: 12px;
7373 position: relative; 7384 position: relative;
7374 } 7385 }
7375 @media (min-width: 768px) { 7386 @media (min-width: 768px) {
7376 .cvs__item { 7387 .cvs__item {
7377 gap: 0; 7388 gap: 0;
7378 padding: 20px; 7389 padding: 20px;
7379 font-size: 16px; 7390 font-size: 16px;
7380 -webkit-box-orient: horizontal; 7391 -webkit-box-orient: horizontal;
7381 -webkit-box-direction: normal; 7392 -webkit-box-direction: normal;
7382 -ms-flex-direction: row; 7393 -ms-flex-direction: row;
7383 flex-direction: row; 7394 flex-direction: row;
7384 -webkit-box-align: start; 7395 -webkit-box-align: start;
7385 -ms-flex-align: start; 7396 -ms-flex-align: start;
7386 align-items: flex-start; 7397 align-items: flex-start;
7387 -ms-flex-wrap: wrap; 7398 -ms-flex-wrap: wrap;
7388 flex-wrap: wrap; 7399 flex-wrap: wrap;
7389 } 7400 }
7390 } 7401 }
7391 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) { 7402 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
7392 display: -webkit-box; 7403 display: -webkit-box;
7393 display: -ms-flexbox; 7404 display: -ms-flexbox;
7394 display: flex; 7405 display: flex;
7395 } 7406 }
7396 .cvs__item-like { 7407 .cvs__item-like {
7397 width: unset; 7408 width: unset;
7398 padding: 5px 10px; 7409 padding: 5px 10px;
7399 margin-right: 10px; 7410 margin-right: 10px;
7400 } 7411 }
7401 .cvs__item .cvs__item-buttons .chat{ 7412 .cvs__item .cvs__item-buttons .chat{
7402 width: unset; 7413 width: unset;
7403 padding: 5px 10px; 7414 padding: 5px 10px;
7404 margin-right: 10px; 7415 margin-right: 10px;
7405 } 7416 }
7406 .cvs__item-like.active{ 7417 .cvs__item-like.active{
7407 background: #ffffff; 7418 background: #ffffff;
7408 color: #eb5757; 7419 color: #eb5757;
7409 } 7420 }
7410 .cvs__item-like .in-favorites{ 7421 .cvs__item-like .in-favorites{
7411 display: none; 7422 display: none;
7412 } 7423 }
7413 .cvs__item-like.active .in-favorites{ 7424 .cvs__item-like.active .in-favorites{
7414 display: block; 7425 display: block;
7415 color: #eb5757; 7426 color: #eb5757;
7416 } 7427 }
7417 .cvs__item-like.active .to-favorites{ 7428 .cvs__item-like.active .to-favorites{
7418 display: none; 7429 display: none;
7419 } 7430 }
7420 .cvs__item .cvs__item-header{ 7431 .cvs__item .cvs__item-header{
7421 display: flex; 7432 display: flex;
7422 width: 100%; 7433 width: 100%;
7423 justify-content: space-between; 7434 justify-content: space-between;
7424 } 7435 }
7425 .cvs__item-photo { 7436 .cvs__item-photo {
7426 position: relative; 7437 position: relative;
7427 aspect-ratio: 1/1; 7438 aspect-ratio: 1/1;
7428 overflow: hidden; 7439 overflow: hidden;
7429 background: #9c9d9d; 7440 background: #9c9d9d;
7430 color: #fff; 7441 color: #fff;
7431 width: 36px; 7442 width: 36px;
7432 border-radius: 6px; 7443 border-radius: 6px;
7433 display: -webkit-box; 7444 display: -webkit-box;
7434 display: -ms-flexbox; 7445 display: -ms-flexbox;
7435 display: flex; 7446 display: flex;
7436 -webkit-box-pack: center; 7447 -webkit-box-pack: center;
7437 -ms-flex-pack: center; 7448 -ms-flex-pack: center;
7438 justify-content: center; 7449 justify-content: center;
7439 -webkit-box-align: center; 7450 -webkit-box-align: center;
7440 -ms-flex-align: center; 7451 -ms-flex-align: center;
7441 align-items: center; 7452 align-items: center;
7442 } 7453 }
7443 @media (min-width: 768px) { 7454 @media (min-width: 768px) {
7444 .cvs__item-photo { 7455 .cvs__item-photo {
7445 width: 68px; 7456 width: 68px;
7446 } 7457 }
7447 } 7458 }
7448 .cvs__item-photo svg { 7459 .cvs__item-photo svg {
7449 width: 50%; 7460 width: 50%;
7450 position: relative; 7461 position: relative;
7451 z-index: 1; 7462 z-index: 1;
7452 } 7463 }
7453 .cvs__item-photo img { 7464 .cvs__item-photo img {
7454 position: absolute; 7465 position: absolute;
7455 z-index: 2; 7466 z-index: 2;
7456 top: 0; 7467 top: 0;
7457 left: 0; 7468 left: 0;
7458 width: 100%; 7469 width: 100%;
7459 height: 100%; 7470 height: 100%;
7460 -o-object-fit: cover; 7471 -o-object-fit: cover;
7461 object-fit: cover; 7472 object-fit: cover;
7462 } 7473 }
7463 .cvs__item-text { 7474 .cvs__item-text {
7464 display: -webkit-box; 7475 display: -webkit-box;
7465 display: -ms-flexbox; 7476 display: -ms-flexbox;
7466 display: flex; 7477 display: flex;
7467 -webkit-box-orient: vertical; 7478 -webkit-box-orient: vertical;
7468 -webkit-box-direction: normal; 7479 -webkit-box-direction: normal;
7469 -ms-flex-direction: column; 7480 -ms-flex-direction: column;
7470 flex-direction: column; 7481 flex-direction: column;
7471 gap: 10px; 7482 gap: 10px;
7472 width: 100%; 7483 width: 100%;
7473 margin-top: 30px; 7484 margin-top: 30px;
7474 } 7485 }
7475 .cvs__item .cvs__item-buttons{ 7486 .cvs__item .cvs__item-buttons{
7476 display: flex; 7487 display: flex;
7477 align-items: start; 7488 align-items: start;
7478 } 7489 }
7479 .cvs.active .cvs__item { 7490 .cvs.active .cvs__item {
7480 display: -webkit-box; 7491 display: -webkit-box;
7481 display: -ms-flexbox; 7492 display: -ms-flexbox;
7482 display: flex; 7493 display: flex;
7483 } 7494 }
7484 .cvs__item-text .cvs__item-text-row{ 7495 .cvs__item-text .cvs__item-text-row{
7485 display: flex; 7496 display: flex;
7486 justify-content: space-between; 7497 justify-content: space-between;
7487 width: 100%; 7498 width: 100%;
7488 } 7499 }
7489 .cvs__item-text .cvs__item-text-row > div{ 7500 .cvs__item-text .cvs__item-text-row > div{
7490 width: 50%; 7501 width: 50%;
7491 } 7502 }
7492 .cvs__item-text .cvs__item-text-row b{ 7503 .cvs__item-text .cvs__item-text-row b{
7493 color: #377d87; 7504 color: #377d87;
7494 font-size: 18px; 7505 font-size: 18px;
7495 } 7506 }
7496 .cvs__item-text .cvs__item-text-status { 7507 .cvs__item-text .cvs__item-text-status {
7497 width: fit-content; 7508 width: fit-content;
7498 background-color: #e6e6e6; 7509 background-color: #e6e6e6;
7499 font-weight: bold; 7510 font-weight: bold;
7500 padding: 5px 10px; 7511 padding: 5px 10px;
7501 border-radius: 8px; 7512 border-radius: 8px;
7502 margin-right: 30px; 7513 margin-right: 30px;
7503 } 7514 }
7504 .cvs__item-text .cvs__item-text-status.looking-for-job { 7515 .cvs__item-text .cvs__item-text-status.looking-for-job {
7505 background-color: #eb5757; 7516 background-color: #eb5757;
7506 color: #fff; 7517 color: #fff;
7507 } 7518 }
7508 .cvs__item-text .cvs__item-text-updated-at{ 7519 .cvs__item-text .cvs__item-text-updated-at{
7509 padding: 5px 10px; 7520 padding: 5px 10px;
7510 border-radius: 8px; 7521 border-radius: 8px;
7511 border: 1px #e6e6e6 solid; 7522 border: 1px #e6e6e6 solid;
7512 } 7523 }
7513 .faqs { 7524 .faqs {
7514 display: -webkit-box; 7525 display: -webkit-box;
7515 display: -ms-flexbox; 7526 display: -ms-flexbox;
7516 display: flex; 7527 display: flex;
7517 -webkit-box-orient: vertical; 7528 -webkit-box-orient: vertical;
7518 -webkit-box-direction: reverse; 7529 -webkit-box-direction: reverse;
7519 -ms-flex-direction: column-reverse; 7530 -ms-flex-direction: column-reverse;
7520 flex-direction: column-reverse; 7531 flex-direction: column-reverse;
7521 -webkit-box-align: center; 7532 -webkit-box-align: center;
7522 -ms-flex-align: center; 7533 -ms-flex-align: center;
7523 align-items: center; 7534 align-items: center;
7524 gap: 20px; 7535 gap: 20px;
7525 } 7536 }
7526 .faqs__body { 7537 .faqs__body {
7527 display: -webkit-box; 7538 display: -webkit-box;
7528 display: -ms-flexbox; 7539 display: -ms-flexbox;
7529 display: flex; 7540 display: flex;
7530 -webkit-box-orient: vertical; 7541 -webkit-box-orient: vertical;
7531 -webkit-box-direction: normal; 7542 -webkit-box-direction: normal;
7532 -ms-flex-direction: column; 7543 -ms-flex-direction: column;
7533 flex-direction: column; 7544 flex-direction: column;
7534 gap: 20px; 7545 gap: 20px;
7535 width: 100%; 7546 width: 100%;
7536 } 7547 }
7537 .faqs__item { 7548 .faqs__item {
7538 display: none; 7549 display: none;
7539 -webkit-box-orient: vertical; 7550 -webkit-box-orient: vertical;
7540 -webkit-box-direction: normal; 7551 -webkit-box-direction: normal;
7541 -ms-flex-direction: column; 7552 -ms-flex-direction: column;
7542 flex-direction: column; 7553 flex-direction: column;
7543 border-radius: 8px; 7554 border-radius: 8px;
7544 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7555 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7545 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7556 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7546 background: #fff; 7557 background: #fff;
7547 padding: 10px; 7558 padding: 10px;
7548 font-size: 12px; 7559 font-size: 12px;
7549 } 7560 }
7550 @media (min-width: 768px) { 7561 @media (min-width: 768px) {
7551 .faqs__item { 7562 .faqs__item {
7552 padding: 20px; 7563 padding: 20px;
7553 font-size: 16px; 7564 font-size: 16px;
7554 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7565 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7555 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7566 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7556 } 7567 }
7557 } 7568 }
7558 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) { 7569 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
7559 display: -webkit-box; 7570 display: -webkit-box;
7560 display: -ms-flexbox; 7571 display: -ms-flexbox;
7561 display: flex; 7572 display: flex;
7562 } 7573 }
7563 .faqs__item-button { 7574 .faqs__item-button {
7564 background: none; 7575 background: none;
7565 padding: 0; 7576 padding: 0;
7566 border: none; 7577 border: none;
7567 display: -webkit-box; 7578 display: -webkit-box;
7568 display: -ms-flexbox; 7579 display: -ms-flexbox;
7569 display: flex; 7580 display: flex;
7570 -webkit-box-align: center; 7581 -webkit-box-align: center;
7571 -ms-flex-align: center; 7582 -ms-flex-align: center;
7572 align-items: center; 7583 align-items: center;
7573 color: #000; 7584 color: #000;
7574 text-align: left; 7585 text-align: left;
7575 font-size: 14px; 7586 font-size: 14px;
7576 font-weight: 700; 7587 font-weight: 700;
7577 } 7588 }
7578 @media (min-width: 768px) { 7589 @media (min-width: 768px) {
7579 .faqs__item-button { 7590 .faqs__item-button {
7580 font-size: 20px; 7591 font-size: 20px;
7581 } 7592 }
7582 } 7593 }
7583 .faqs__item-button span { 7594 .faqs__item-button span {
7584 width: calc(100% - 16px); 7595 width: calc(100% - 16px);
7585 padding-right: 16px; 7596 padding-right: 16px;
7586 } 7597 }
7587 .faqs__item-button i { 7598 .faqs__item-button i {
7588 display: -webkit-box; 7599 display: -webkit-box;
7589 display: -ms-flexbox; 7600 display: -ms-flexbox;
7590 display: flex; 7601 display: flex;
7591 -webkit-box-pack: center; 7602 -webkit-box-pack: center;
7592 -ms-flex-pack: center; 7603 -ms-flex-pack: center;
7593 justify-content: center; 7604 justify-content: center;
7594 -webkit-box-align: center; 7605 -webkit-box-align: center;
7595 -ms-flex-align: center; 7606 -ms-flex-align: center;
7596 align-items: center; 7607 align-items: center;
7597 width: 16px; 7608 width: 16px;
7598 aspect-ratio: 1/1; 7609 aspect-ratio: 1/1;
7599 color: #377d87; 7610 color: #377d87;
7600 -webkit-transition: 0.3s; 7611 -webkit-transition: 0.3s;
7601 transition: 0.3s; 7612 transition: 0.3s;
7602 } 7613 }
7603 .faqs__item-button i svg { 7614 .faqs__item-button i svg {
7604 width: 16px; 7615 width: 16px;
7605 aspect-ratio: 1/1; 7616 aspect-ratio: 1/1;
7606 -webkit-transform: rotate(90deg); 7617 -webkit-transform: rotate(90deg);
7607 -ms-transform: rotate(90deg); 7618 -ms-transform: rotate(90deg);
7608 transform: rotate(90deg); 7619 transform: rotate(90deg);
7609 } 7620 }
7610 .faqs__item-button.active i { 7621 .faqs__item-button.active i {
7611 -webkit-transform: rotate(180deg); 7622 -webkit-transform: rotate(180deg);
7612 -ms-transform: rotate(180deg); 7623 -ms-transform: rotate(180deg);
7613 transform: rotate(180deg); 7624 transform: rotate(180deg);
7614 } 7625 }
7615 .faqs__item-body { 7626 .faqs__item-body {
7616 display: -webkit-box; 7627 display: -webkit-box;
7617 display: -ms-flexbox; 7628 display: -ms-flexbox;
7618 display: flex; 7629 display: flex;
7619 -webkit-box-orient: vertical; 7630 -webkit-box-orient: vertical;
7620 -webkit-box-direction: normal; 7631 -webkit-box-direction: normal;
7621 -ms-flex-direction: column; 7632 -ms-flex-direction: column;
7622 flex-direction: column; 7633 flex-direction: column;
7623 gap: 10px; 7634 gap: 10px;
7624 opacity: 0; 7635 opacity: 0;
7625 height: 0; 7636 height: 0;
7626 overflow: hidden; 7637 overflow: hidden;
7627 font-size: 12px; 7638 font-size: 12px;
7628 line-height: 1.4; 7639 line-height: 1.4;
7629 } 7640 }
7630 @media (min-width: 768px) { 7641 @media (min-width: 768px) {
7631 .faqs__item-body { 7642 .faqs__item-body {
7632 font-size: 16px; 7643 font-size: 16px;
7633 gap: 20px; 7644 gap: 20px;
7634 } 7645 }
7635 } 7646 }
7636 .faqs__item-body p { 7647 .faqs__item-body p {
7637 margin: 0; 7648 margin: 0;
7638 } 7649 }
7639 .active + .faqs__item-body { 7650 .active + .faqs__item-body {
7640 opacity: 1; 7651 opacity: 1;
7641 height: auto; 7652 height: auto;
7642 -webkit-transition: 0.3s; 7653 -webkit-transition: 0.3s;
7643 transition: 0.3s; 7654 transition: 0.3s;
7644 padding-top: 10px; 7655 padding-top: 10px;
7645 } 7656 }
7646 @media (min-width: 768px) { 7657 @media (min-width: 768px) {
7647 .active + .faqs__item-body { 7658 .active + .faqs__item-body {
7648 padding-top: 20px; 7659 padding-top: 20px;
7649 } 7660 }
7650 } 7661 }
7651 .faqs.active .faqs__item { 7662 .faqs.active .faqs__item {
7652 display: -webkit-box; 7663 display: -webkit-box;
7653 display: -ms-flexbox; 7664 display: -ms-flexbox;
7654 display: flex; 7665 display: flex;
7655 } 7666 }
7656 7667
7657 .cabinet { 7668 .cabinet {
7658 padding: 20px 0; 7669 padding: 20px 0;
7659 padding-bottom: 40px; 7670 padding-bottom: 40px;
7660 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7671 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7661 } 7672 }
7662 @media (min-width: 992px) { 7673 @media (min-width: 992px) {
7663 .cabinet { 7674 .cabinet {
7664 padding: 30px 0; 7675 padding: 30px 0;
7665 padding-bottom: 60px; 7676 padding-bottom: 60px;
7666 } 7677 }
7667 } 7678 }
7668 .cabinet__breadcrumbs { 7679 .cabinet__breadcrumbs {
7669 margin-bottom: 50px; 7680 margin-bottom: 50px;
7670 } 7681 }
7671 .cabinet__wrapper { 7682 .cabinet__wrapper {
7672 display: -webkit-box; 7683 display: -webkit-box;
7673 display: -ms-flexbox; 7684 display: -ms-flexbox;
7674 display: flex; 7685 display: flex;
7675 -webkit-box-orient: vertical; 7686 -webkit-box-orient: vertical;
7676 -webkit-box-direction: normal; 7687 -webkit-box-direction: normal;
7677 -ms-flex-direction: column; 7688 -ms-flex-direction: column;
7678 flex-direction: column; 7689 flex-direction: column;
7679 } 7690 }
7680 @media (min-width: 992px) { 7691 @media (min-width: 992px) {
7681 .cabinet__wrapper { 7692 .cabinet__wrapper {
7682 -webkit-box-orient: horizontal; 7693 -webkit-box-orient: horizontal;
7683 -webkit-box-direction: normal; 7694 -webkit-box-direction: normal;
7684 -ms-flex-direction: row; 7695 -ms-flex-direction: row;
7685 flex-direction: row; 7696 flex-direction: row;
7686 -webkit-box-align: start; 7697 -webkit-box-align: start;
7687 -ms-flex-align: start; 7698 -ms-flex-align: start;
7688 align-items: flex-start; 7699 align-items: flex-start;
7689 -webkit-box-pack: justify; 7700 -webkit-box-pack: justify;
7690 -ms-flex-pack: justify; 7701 -ms-flex-pack: justify;
7691 justify-content: space-between; 7702 justify-content: space-between;
7692 } 7703 }
7693 } 7704 }
7694 .cabinet__side { 7705 .cabinet__side {
7695 border-radius: 8px; 7706 border-radius: 8px;
7696 background: #fff; 7707 background: #fff;
7697 padding: 20px 10px; 7708 padding: 20px 10px;
7698 display: -webkit-box; 7709 display: -webkit-box;
7699 display: -ms-flexbox; 7710 display: -ms-flexbox;
7700 display: flex; 7711 display: flex;
7701 -webkit-box-orient: vertical; 7712 -webkit-box-orient: vertical;
7702 -webkit-box-direction: normal; 7713 -webkit-box-direction: normal;
7703 -ms-flex-direction: column; 7714 -ms-flex-direction: column;
7704 flex-direction: column; 7715 flex-direction: column;
7705 gap: 30px; 7716 gap: 30px;
7706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7717 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7718 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7708 } 7719 }
7709 @media (min-width: 768px) { 7720 @media (min-width: 768px) {
7710 .cabinet__side { 7721 .cabinet__side {
7711 padding: 30px 20px; 7722 padding: 30px 20px;
7712 margin-bottom: 50px; 7723 margin-bottom: 50px;
7713 } 7724 }
7714 } 7725 }
7715 @media (min-width: 992px) { 7726 @media (min-width: 992px) {
7716 .cabinet__side { 7727 .cabinet__side {
7717 width: 340px; 7728 width: 340px;
7718 margin: 0; 7729 margin: 0;
7719 position: sticky; 7730 position: sticky;
7720 top: 6px; 7731 top: 6px;
7721 } 7732 }
7722 } 7733 }
7723 @media (min-width: 1280px) { 7734 @media (min-width: 1280px) {
7724 .cabinet__side { 7735 .cabinet__side {
7725 width: 400px; 7736 width: 400px;
7726 } 7737 }
7727 } 7738 }
7728 .cabinet__side-item { 7739 .cabinet__side-item {
7729 display: -webkit-box; 7740 display: -webkit-box;
7730 display: -ms-flexbox; 7741 display: -ms-flexbox;
7731 display: flex; 7742 display: flex;
7732 -webkit-box-orient: vertical; 7743 -webkit-box-orient: vertical;
7733 -webkit-box-direction: normal; 7744 -webkit-box-direction: normal;
7734 -ms-flex-direction: column; 7745 -ms-flex-direction: column;
7735 flex-direction: column; 7746 flex-direction: column;
7736 gap: 20px; 7747 gap: 20px;
7737 } 7748 }
7738 .cabinet__side-toper { 7749 .cabinet__side-toper {
7739 display: -webkit-box; 7750 display: -webkit-box;
7740 display: -ms-flexbox; 7751 display: -ms-flexbox;
7741 display: flex; 7752 display: flex;
7742 -webkit-box-align: center; 7753 -webkit-box-align: center;
7743 -ms-flex-align: center; 7754 -ms-flex-align: center;
7744 align-items: center; 7755 align-items: center;
7745 } 7756 }
7746 .cabinet__side-toper-pic { 7757 .cabinet__side-toper-pic {
7747 width: 70px; 7758 width: 70px;
7748 aspect-ratio: 1/1; 7759 aspect-ratio: 1/1;
7749 overflow: hidden; 7760 overflow: hidden;
7750 border-radius: 8px; 7761 border-radius: 8px;
7751 color: #fff; 7762 color: #fff;
7752 background: #9c9d9d; 7763 background: #9c9d9d;
7753 display: -webkit-box; 7764 display: -webkit-box;
7754 display: -ms-flexbox; 7765 display: -ms-flexbox;
7755 display: flex; 7766 display: flex;
7756 -webkit-box-align: center; 7767 -webkit-box-align: center;
7757 -ms-flex-align: center; 7768 -ms-flex-align: center;
7758 align-items: center; 7769 align-items: center;
7759 -webkit-box-pack: center; 7770 -webkit-box-pack: center;
7760 -ms-flex-pack: center; 7771 -ms-flex-pack: center;
7761 justify-content: center; 7772 justify-content: center;
7762 position: relative; 7773 position: relative;
7763 } 7774 }
7764 .cabinet__side-toper-pic img { 7775 .cabinet__side-toper-pic img {
7765 width: 100%; 7776 width: 100%;
7766 height: 100%; 7777 height: 100%;
7767 -o-object-fit: cover; 7778 -o-object-fit: cover;
7768 object-fit: cover; 7779 object-fit: cover;
7769 position: absolute; 7780 position: absolute;
7770 z-index: 2; 7781 z-index: 2;
7771 top: 0; 7782 top: 0;
7772 left: 0; 7783 left: 0;
7773 aspect-ratio: 1/1; 7784 aspect-ratio: 1/1;
7774 -o-object-fit: contain; 7785 -o-object-fit: contain;
7775 object-fit: contain; 7786 object-fit: contain;
7776 } 7787 }
7777 .cabinet__side-toper-pic svg { 7788 .cabinet__side-toper-pic svg {
7778 width: 50%; 7789 width: 50%;
7779 aspect-ratio: 1/1; 7790 aspect-ratio: 1/1;
7780 } 7791 }
7781 .cabinet__side-toper b { 7792 .cabinet__side-toper b {
7782 width: calc(100% - 70px); 7793 width: calc(100% - 70px);
7783 font-size: 14px; 7794 font-size: 14px;
7784 font-weight: 700; 7795 font-weight: 700;
7785 padding-left: 16px; 7796 padding-left: 16px;
7786 } 7797 }
7787 @media (min-width: 768px) { 7798 @media (min-width: 768px) {
7788 .cabinet__side-toper b { 7799 .cabinet__side-toper b {
7789 font-size: 20px; 7800 font-size: 20px;
7790 } 7801 }
7791 } 7802 }
7792 .cabinet__menu { 7803 .cabinet__menu {
7793 display: -webkit-box; 7804 display: -webkit-box;
7794 display: -ms-flexbox; 7805 display: -ms-flexbox;
7795 display: flex; 7806 display: flex;
7796 -webkit-box-orient: vertical; 7807 -webkit-box-orient: vertical;
7797 -webkit-box-direction: normal; 7808 -webkit-box-direction: normal;
7798 -ms-flex-direction: column; 7809 -ms-flex-direction: column;
7799 flex-direction: column; 7810 flex-direction: column;
7800 } 7811 }
7801 .cabinet__menu-toper { 7812 .cabinet__menu-toper {
7802 display: -webkit-box; 7813 display: -webkit-box;
7803 display: -ms-flexbox; 7814 display: -ms-flexbox;
7804 display: flex; 7815 display: flex;
7805 -webkit-box-align: center; 7816 -webkit-box-align: center;
7806 -ms-flex-align: center; 7817 -ms-flex-align: center;
7807 align-items: center; 7818 align-items: center;
7808 -webkit-box-pack: justify; 7819 -webkit-box-pack: justify;
7809 -ms-flex-pack: justify; 7820 -ms-flex-pack: justify;
7810 justify-content: space-between; 7821 justify-content: space-between;
7811 padding: 0 16px; 7822 padding: 0 16px;
7812 padding-right: 12px; 7823 padding-right: 12px;
7813 border: none; 7824 border: none;
7814 border-radius: 8px; 7825 border-radius: 8px;
7815 background: #377d87; 7826 background: #377d87;
7816 color: #fff; 7827 color: #fff;
7817 } 7828 }
7818 @media (min-width: 768px) { 7829 @media (min-width: 768px) {
7819 .cabinet__menu-toper { 7830 .cabinet__menu-toper {
7820 padding: 0 20px; 7831 padding: 0 20px;
7821 } 7832 }
7822 } 7833 }
7823 @media (min-width: 992px) { 7834 @media (min-width: 992px) {
7824 .cabinet__menu-toper { 7835 .cabinet__menu-toper {
7825 display: none; 7836 display: none;
7826 } 7837 }
7827 } 7838 }
7828 .cabinet__menu-toper-text { 7839 .cabinet__menu-toper-text {
7829 width: calc(100% - 16px); 7840 width: calc(100% - 16px);
7830 display: -webkit-box; 7841 display: -webkit-box;
7831 display: -ms-flexbox; 7842 display: -ms-flexbox;
7832 display: flex; 7843 display: flex;
7833 -webkit-box-align: center; 7844 -webkit-box-align: center;
7834 -ms-flex-align: center; 7845 -ms-flex-align: center;
7835 align-items: center; 7846 align-items: center;
7836 } 7847 }
7837 @media (min-width: 768px) { 7848 @media (min-width: 768px) {
7838 .cabinet__menu-toper-text { 7849 .cabinet__menu-toper-text {
7839 width: calc(100% - 20px); 7850 width: calc(100% - 20px);
7840 } 7851 }
7841 } 7852 }
7842 .cabinet__menu-toper-text i { 7853 .cabinet__menu-toper-text i {
7843 width: 16px; 7854 width: 16px;
7844 height: 16px; 7855 height: 16px;
7845 display: -webkit-box; 7856 display: -webkit-box;
7846 display: -ms-flexbox; 7857 display: -ms-flexbox;
7847 display: flex; 7858 display: flex;
7848 -webkit-box-align: center; 7859 -webkit-box-align: center;
7849 -ms-flex-align: center; 7860 -ms-flex-align: center;
7850 align-items: center; 7861 align-items: center;
7851 -webkit-box-pack: center; 7862 -webkit-box-pack: center;
7852 -ms-flex-pack: center; 7863 -ms-flex-pack: center;
7853 justify-content: center; 7864 justify-content: center;
7854 } 7865 }
7855 @media (min-width: 768px) { 7866 @media (min-width: 768px) {
7856 .cabinet__menu-toper-text i { 7867 .cabinet__menu-toper-text i {
7857 width: 22px; 7868 width: 22px;
7858 height: 22px; 7869 height: 22px;
7859 } 7870 }
7860 } 7871 }
7861 .cabinet__menu-toper-text svg { 7872 .cabinet__menu-toper-text svg {
7862 width: 16px; 7873 width: 16px;
7863 height: 16px; 7874 height: 16px;
7864 } 7875 }
7865 @media (min-width: 768px) { 7876 @media (min-width: 768px) {
7866 .cabinet__menu-toper-text svg { 7877 .cabinet__menu-toper-text svg {
7867 width: 22px; 7878 width: 22px;
7868 height: 22px; 7879 height: 22px;
7869 } 7880 }
7870 } 7881 }
7871 .cabinet__menu-toper-text span { 7882 .cabinet__menu-toper-text span {
7872 display: -webkit-box; 7883 display: -webkit-box;
7873 display: -ms-flexbox; 7884 display: -ms-flexbox;
7874 display: flex; 7885 display: flex;
7875 -webkit-box-align: center; 7886 -webkit-box-align: center;
7876 -ms-flex-align: center; 7887 -ms-flex-align: center;
7877 align-items: center; 7888 align-items: center;
7878 padding: 0 10px; 7889 padding: 0 10px;
7879 min-height: 30px; 7890 min-height: 30px;
7880 font-size: 12px; 7891 font-size: 12px;
7881 width: calc(100% - 16px); 7892 width: calc(100% - 16px);
7882 } 7893 }
7883 @media (min-width: 768px) { 7894 @media (min-width: 768px) {
7884 .cabinet__menu-toper-text span { 7895 .cabinet__menu-toper-text span {
7885 width: calc(100% - 22px); 7896 width: calc(100% - 22px);
7886 font-size: 20px; 7897 font-size: 20px;
7887 min-height: 52px; 7898 min-height: 52px;
7888 padding: 0 16px; 7899 padding: 0 16px;
7889 } 7900 }
7890 } 7901 }
7891 .cabinet__menu-toper-arrow { 7902 .cabinet__menu-toper-arrow {
7892 width: 16px; 7903 width: 16px;
7893 height: 16px; 7904 height: 16px;
7894 display: -webkit-box; 7905 display: -webkit-box;
7895 display: -ms-flexbox; 7906 display: -ms-flexbox;
7896 display: flex; 7907 display: flex;
7897 -webkit-box-pack: center; 7908 -webkit-box-pack: center;
7898 -ms-flex-pack: center; 7909 -ms-flex-pack: center;
7899 justify-content: center; 7910 justify-content: center;
7900 -webkit-box-align: center; 7911 -webkit-box-align: center;
7901 -ms-flex-align: center; 7912 -ms-flex-align: center;
7902 align-items: center; 7913 align-items: center;
7903 -webkit-transition: 0.3s; 7914 -webkit-transition: 0.3s;
7904 transition: 0.3s; 7915 transition: 0.3s;
7905 } 7916 }
7906 @media (min-width: 768px) { 7917 @media (min-width: 768px) {
7907 .cabinet__menu-toper-arrow { 7918 .cabinet__menu-toper-arrow {
7908 width: 20px; 7919 width: 20px;
7909 height: 20px; 7920 height: 20px;
7910 } 7921 }
7911 } 7922 }
7912 .cabinet__menu-toper-arrow svg { 7923 .cabinet__menu-toper-arrow svg {
7913 width: 12px; 7924 width: 12px;
7914 height: 12px; 7925 height: 12px;
7915 -webkit-transform: rotate(90deg); 7926 -webkit-transform: rotate(90deg);
7916 -ms-transform: rotate(90deg); 7927 -ms-transform: rotate(90deg);
7917 transform: rotate(90deg); 7928 transform: rotate(90deg);
7918 } 7929 }
7919 @media (min-width: 768px) { 7930 @media (min-width: 768px) {
7920 .cabinet__menu-toper-arrow svg { 7931 .cabinet__menu-toper-arrow svg {
7921 width: 20px; 7932 width: 20px;
7922 height: 20px; 7933 height: 20px;
7923 } 7934 }
7924 } 7935 }
7925 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7936 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7926 -webkit-transform: rotate(180deg); 7937 -webkit-transform: rotate(180deg);
7927 -ms-transform: rotate(180deg); 7938 -ms-transform: rotate(180deg);
7928 transform: rotate(180deg); 7939 transform: rotate(180deg);
7929 } 7940 }
7930 .cabinet__menu-body { 7941 .cabinet__menu-body {
7931 opacity: 0; 7942 opacity: 0;
7932 height: 0; 7943 height: 0;
7933 overflow: hidden; 7944 overflow: hidden;
7934 display: -webkit-box; 7945 display: -webkit-box;
7935 display: -ms-flexbox; 7946 display: -ms-flexbox;
7936 display: flex; 7947 display: flex;
7937 -webkit-box-orient: vertical; 7948 -webkit-box-orient: vertical;
7938 -webkit-box-direction: normal; 7949 -webkit-box-direction: normal;
7939 -ms-flex-direction: column; 7950 -ms-flex-direction: column;
7940 flex-direction: column; 7951 flex-direction: column;
7941 } 7952 }
7942 @media (min-width: 992px) { 7953 @media (min-width: 992px) {
7943 .cabinet__menu-body { 7954 .cabinet__menu-body {
7944 opacity: 1; 7955 opacity: 1;
7945 height: auto; 7956 height: auto;
7946 } 7957 }
7947 } 7958 }
7948 .active + .cabinet__menu-body { 7959 .active + .cabinet__menu-body {
7949 opacity: 1; 7960 opacity: 1;
7950 height: auto; 7961 height: auto;
7951 -webkit-transition: 0.3s; 7962 -webkit-transition: 0.3s;
7952 transition: 0.3s; 7963 transition: 0.3s;
7953 } 7964 }
7954 .cabinet__menu-items { 7965 .cabinet__menu-items {
7955 display: -webkit-box; 7966 display: -webkit-box;
7956 display: -ms-flexbox; 7967 display: -ms-flexbox;
7957 display: flex; 7968 display: flex;
7958 -webkit-box-orient: vertical; 7969 -webkit-box-orient: vertical;
7959 -webkit-box-direction: normal; 7970 -webkit-box-direction: normal;
7960 -ms-flex-direction: column; 7971 -ms-flex-direction: column;
7961 flex-direction: column; 7972 flex-direction: column;
7962 } 7973 }
7963 .cabinet__menu-item { 7974 .cabinet__menu-item {
7964 padding: 8px 16px; 7975 padding: 8px 16px;
7965 border-radius: 8px; 7976 border-radius: 8px;
7966 display: -webkit-box; 7977 display: -webkit-box;
7967 display: -ms-flexbox; 7978 display: -ms-flexbox;
7968 display: flex; 7979 display: flex;
7969 -webkit-box-align: center; 7980 -webkit-box-align: center;
7970 -ms-flex-align: center; 7981 -ms-flex-align: center;
7971 align-items: center; 7982 align-items: center;
7972 } 7983 }
7973 @media (min-width: 768px) { 7984 @media (min-width: 768px) {
7974 .cabinet__menu-item { 7985 .cabinet__menu-item {
7975 padding: 14px 20px; 7986 padding: 14px 20px;
7976 } 7987 }
7977 } 7988 }
7978 .cabinet__menu-item:hover { 7989 .cabinet__menu-item:hover {
7979 color: #377d87; 7990 color: #377d87;
7980 } 7991 }
7981 @media (min-width: 992px) { 7992 @media (min-width: 992px) {
7982 .cabinet__menu-item.active { 7993 .cabinet__menu-item.active {
7983 background: #377d87; 7994 background: #377d87;
7984 color: #fff; 7995 color: #fff;
7985 } 7996 }
7986 } 7997 }
7987 @media (min-width: 992px) { 7998 @media (min-width: 992px) {
7988 .cabinet__menu-item.active svg { 7999 .cabinet__menu-item.active svg {
7989 color: #fff; 8000 color: #fff;
7990 } 8001 }
7991 } 8002 }
7992 @media (min-width: 992px) { 8003 @media (min-width: 992px) {
7993 .cabinet__menu-item.active.red { 8004 .cabinet__menu-item.active.red {
7994 background: #eb5757; 8005 background: #eb5757;
7995 } 8006 }
7996 } 8007 }
7997 .cabinet__menu-item i { 8008 .cabinet__menu-item i {
7998 width: 16px; 8009 width: 16px;
7999 height: 16px; 8010 height: 16px;
8000 color: #377d87; 8011 color: #377d87;
8001 } 8012 }
8002 @media (min-width: 768px) { 8013 @media (min-width: 768px) {
8003 .cabinet__menu-item i { 8014 .cabinet__menu-item i {
8004 width: 22px; 8015 width: 22px;
8005 height: 22px; 8016 height: 22px;
8006 } 8017 }
8007 } 8018 }
8008 .cabinet__menu-item svg { 8019 .cabinet__menu-item svg {
8009 width: 16px; 8020 width: 16px;
8010 height: 16px; 8021 height: 16px;
8011 } 8022 }
8012 @media (min-width: 768px) { 8023 @media (min-width: 768px) {
8013 .cabinet__menu-item svg { 8024 .cabinet__menu-item svg {
8014 width: 22px; 8025 width: 22px;
8015 height: 22px; 8026 height: 22px;
8016 } 8027 }
8017 } 8028 }
8018 .cabinet__menu-item span { 8029 .cabinet__menu-item span {
8019 width: calc(100% - 16px); 8030 width: calc(100% - 16px);
8020 font-size: 12px; 8031 font-size: 12px;
8021 padding-left: 10px; 8032 padding-left: 10px;
8022 } 8033 }
8023 @media (min-width: 768px) { 8034 @media (min-width: 768px) {
8024 .cabinet__menu-item span { 8035 .cabinet__menu-item span {
8025 font-size: 20px; 8036 font-size: 20px;
8026 width: calc(100% - 22px); 8037 width: calc(100% - 22px);
8027 padding-left: 16px; 8038 padding-left: 16px;
8028 } 8039 }
8029 } 8040 }
8030 .cabinet__menu-bottom { 8041 .cabinet__menu-bottom {
8031 display: -webkit-box; 8042 display: -webkit-box;
8032 display: -ms-flexbox; 8043 display: -ms-flexbox;
8033 display: flex; 8044 display: flex;
8034 -webkit-box-orient: vertical; 8045 -webkit-box-orient: vertical;
8035 -webkit-box-direction: normal; 8046 -webkit-box-direction: normal;
8036 -ms-flex-direction: column; 8047 -ms-flex-direction: column;
8037 flex-direction: column; 8048 flex-direction: column;
8038 gap: 10px; 8049 gap: 10px;
8039 margin-top: 10px; 8050 margin-top: 10px;
8040 } 8051 }
8041 @media (min-width: 768px) { 8052 @media (min-width: 768px) {
8042 .cabinet__menu-bottom { 8053 .cabinet__menu-bottom {
8043 gap: 20px; 8054 gap: 20px;
8044 margin-top: 20px; 8055 margin-top: 20px;
8045 } 8056 }
8046 } 8057 }
8047 .cabinet__menu-copy { 8058 .cabinet__menu-copy {
8048 color: #9c9d9d; 8059 color: #9c9d9d;
8049 text-align: center; 8060 text-align: center;
8050 font-size: 12px; 8061 font-size: 12px;
8051 } 8062 }
8052 @media (min-width: 768px) { 8063 @media (min-width: 768px) {
8053 .cabinet__menu-copy { 8064 .cabinet__menu-copy {
8054 font-size: 16px; 8065 font-size: 16px;
8055 } 8066 }
8056 } 8067 }
8057 .cabinet__body { 8068 .cabinet__body {
8058 margin: 0 -10px; 8069 margin: 0 -10px;
8059 margin-top: 50px; 8070 margin-top: 50px;
8060 background: #fff; 8071 background: #fff;
8061 padding: 20px 10px; 8072 padding: 20px 10px;
8062 display: -webkit-box; 8073 display: -webkit-box;
8063 display: -ms-flexbox; 8074 display: -ms-flexbox;
8064 display: flex; 8075 display: flex;
8065 -webkit-box-orient: vertical; 8076 -webkit-box-orient: vertical;
8066 -webkit-box-direction: normal; 8077 -webkit-box-direction: normal;
8067 -ms-flex-direction: column; 8078 -ms-flex-direction: column;
8068 flex-direction: column; 8079 flex-direction: column;
8069 gap: 30px; 8080 gap: 30px;
8070 color: #000; 8081 color: #000;
8071 } 8082 }
8072 @media (min-width: 768px) { 8083 @media (min-width: 768px) {
8073 .cabinet__body { 8084 .cabinet__body {
8074 padding: 30px 20px; 8085 padding: 30px 20px;
8075 margin: 0; 8086 margin: 0;
8076 border-radius: 8px; 8087 border-radius: 8px;
8077 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8088 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8078 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8089 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8079 } 8090 }
8080 } 8091 }
8081 @media (min-width: 992px) { 8092 @media (min-width: 992px) {
8082 .cabinet__body { 8093 .cabinet__body {
8083 width: calc(100% - 360px); 8094 width: calc(100% - 360px);
8084 } 8095 }
8085 } 8096 }
8086 @media (min-width: 1280px) { 8097 @media (min-width: 1280px) {
8087 .cabinet__body { 8098 .cabinet__body {
8088 width: calc(100% - 420px); 8099 width: calc(100% - 420px);
8089 } 8100 }
8090 } 8101 }
8091 .cabinet__body-item { 8102 .cabinet__body-item {
8092 display: -webkit-box; 8103 display: -webkit-box;
8093 display: -ms-flexbox; 8104 display: -ms-flexbox;
8094 display: flex; 8105 display: flex;
8095 -webkit-box-orient: vertical; 8106 -webkit-box-orient: vertical;
8096 -webkit-box-direction: normal; 8107 -webkit-box-direction: normal;
8097 -ms-flex-direction: column; 8108 -ms-flex-direction: column;
8098 flex-direction: column; 8109 flex-direction: column;
8099 gap: 20px; 8110 gap: 20px;
8100 } 8111 }
8101 .cabinet__title { 8112 .cabinet__title {
8102 font-size: 24px; 8113 font-size: 24px;
8103 margin-bottom: 20px; 8114 margin-bottom: 20px;
8104 } 8115 }
8105 @media (min-width: 768px) { 8116 @media (min-width: 768px) {
8106 .cabinet__title { 8117 .cabinet__title {
8107 font-size: 32px; 8118 font-size: 32px;
8108 } 8119 }
8109 } 8120 }
8110 @media (min-width: 992px) { 8121 @media (min-width: 992px) {
8111 .cabinet__title { 8122 .cabinet__title {
8112 font-size: 40px; 8123 font-size: 40px;
8113 } 8124 }
8114 } 8125 }
8115 .cabinet__subtitle { 8126 .cabinet__subtitle {
8116 font-size: 22px; 8127 font-size: 22px;
8117 margin: 0; 8128 margin: 0;
8118 font-weight: 700; 8129 font-weight: 700;
8119 color: #000; 8130 color: #000;
8120 } 8131 }
8121 @media (min-width: 768px) { 8132 @media (min-width: 768px) {
8122 .cabinet__subtitle { 8133 .cabinet__subtitle {
8123 font-size: 24px; 8134 font-size: 24px;
8124 } 8135 }
8125 } 8136 }
8126 .cabinet__h4 { 8137 .cabinet__h4 {
8127 font-size: 20px; 8138 font-size: 20px;
8128 margin: 0; 8139 margin: 0;
8129 font-weight: 700; 8140 font-weight: 700;
8130 color: #000; 8141 color: #000;
8131 } 8142 }
8132 @media (min-width: 768px) { 8143 @media (min-width: 768px) {
8133 .cabinet__h4 { 8144 .cabinet__h4 {
8134 font-size: 22px; 8145 font-size: 22px;
8135 } 8146 }
8136 } 8147 }
8137 .cabinet__text { 8148 .cabinet__text {
8138 margin: 0; 8149 margin: 0;
8139 font-size: 14px; 8150 font-size: 14px;
8140 } 8151 }
8141 @media (min-width: 768px) { 8152 @media (min-width: 768px) {
8142 .cabinet__text { 8153 .cabinet__text {
8143 font-size: 16px; 8154 font-size: 16px;
8144 } 8155 }
8145 } 8156 }
8146 .cabinet__text b { 8157 .cabinet__text b {
8147 color: #000; 8158 color: #000;
8148 font-size: 18px; 8159 font-size: 18px;
8149 } 8160 }
8150 @media (min-width: 768px) { 8161 @media (min-width: 768px) {
8151 .cabinet__text b { 8162 .cabinet__text b {
8152 font-size: 24px; 8163 font-size: 24px;
8153 } 8164 }
8154 } 8165 }
8155 .cabinet__descr { 8166 .cabinet__descr {
8156 display: -webkit-box; 8167 display: -webkit-box;
8157 display: -ms-flexbox; 8168 display: -ms-flexbox;
8158 display: flex; 8169 display: flex;
8159 -webkit-box-orient: vertical; 8170 -webkit-box-orient: vertical;
8160 -webkit-box-direction: normal; 8171 -webkit-box-direction: normal;
8161 -ms-flex-direction: column; 8172 -ms-flex-direction: column;
8162 flex-direction: column; 8173 flex-direction: column;
8163 gap: 6px; 8174 gap: 6px;
8164 } 8175 }
8165 @media (min-width: 768px) { 8176 @media (min-width: 768px) {
8166 .cabinet__descr { 8177 .cabinet__descr {
8167 gap: 12px; 8178 gap: 12px;
8168 } 8179 }
8169 } 8180 }
8170 .cabinet__avatar { 8181 .cabinet__avatar {
8171 display: -webkit-box; 8182 display: -webkit-box;
8172 display: -ms-flexbox; 8183 display: -ms-flexbox;
8173 display: flex; 8184 display: flex;
8174 -webkit-box-align: start; 8185 -webkit-box-align: start;
8175 -ms-flex-align: start; 8186 -ms-flex-align: start;
8176 align-items: flex-start; 8187 align-items: flex-start;
8177 } 8188 }
8178 @media (min-width: 768px) { 8189 @media (min-width: 768px) {
8179 .cabinet__avatar { 8190 .cabinet__avatar {
8180 -webkit-box-align: center; 8191 -webkit-box-align: center;
8181 -ms-flex-align: center; 8192 -ms-flex-align: center;
8182 align-items: center; 8193 align-items: center;
8183 } 8194 }
8184 } 8195 }
8185 .cabinet__avatar-pic { 8196 .cabinet__avatar-pic {
8186 width: 100px; 8197 width: 100px;
8187 aspect-ratio: 1/1; 8198 aspect-ratio: 1/1;
8188 position: relative; 8199 position: relative;
8189 display: -webkit-box; 8200 display: -webkit-box;
8190 display: -ms-flexbox; 8201 display: -ms-flexbox;
8191 display: flex; 8202 display: flex;
8192 -webkit-box-pack: center; 8203 -webkit-box-pack: center;
8193 -ms-flex-pack: center; 8204 -ms-flex-pack: center;
8194 justify-content: center; 8205 justify-content: center;
8195 -webkit-box-align: center; 8206 -webkit-box-align: center;
8196 -ms-flex-align: center; 8207 -ms-flex-align: center;
8197 align-items: center; 8208 align-items: center;
8198 overflow: hidden; 8209 overflow: hidden;
8199 border-radius: 8px; 8210 border-radius: 8px;
8200 color: #fff; 8211 color: #fff;
8201 background: #9c9d9d; 8212 background: #9c9d9d;
8202 } 8213 }
8203 .cabinet__avatar-pic svg { 8214 .cabinet__avatar-pic svg {
8204 width: 50%; 8215 width: 50%;
8205 aspect-ratio: 1/1; 8216 aspect-ratio: 1/1;
8206 z-index: 1; 8217 z-index: 1;
8207 position: relative; 8218 position: relative;
8208 } 8219 }
8209 .cabinet__avatar-pic img{ 8220 .cabinet__avatar-pic img{
8210 max-width: 100%; 8221 max-width: 100%;
8211 max-height: 100%; 8222 max-height: 100%;
8212 } 8223 }
8213 .cabinet__avatar-form { 8224 .cabinet__avatar-form {
8214 width: calc(100% - 100px); 8225 width: calc(100% - 100px);
8215 padding-left: 15px; 8226 padding-left: 15px;
8216 display: -webkit-box; 8227 display: -webkit-box;
8217 display: -ms-flexbox; 8228 display: -ms-flexbox;
8218 display: flex; 8229 display: flex;
8219 -webkit-box-orient: vertical; 8230 -webkit-box-orient: vertical;
8220 -webkit-box-direction: normal; 8231 -webkit-box-direction: normal;
8221 -ms-flex-direction: column; 8232 -ms-flex-direction: column;
8222 flex-direction: column; 8233 flex-direction: column;
8223 gap: 6px; 8234 gap: 6px;
8224 } 8235 }
8225 .candidate-top-wrapper{ 8236 .candidate-top-wrapper{
8226 display: flex; 8237 display: flex;
8227 } 8238 }
8228 .candidate-top-wrapper .candidate-thumbnail{ 8239 .candidate-top-wrapper .candidate-thumbnail{
8229 width: 100px; 8240 width: 100px;
8230 height: 100px; 8241 height: 100px;
8231 min-width: 100px; 8242 min-width: 100px;
8232 border-radius: 8px; 8243 border-radius: 8px;
8233 overflow: hidden; 8244 overflow: hidden;
8234 } 8245 }
8235 .candidate-top-wrapper .candidate-thumbnail img{ 8246 .candidate-top-wrapper .candidate-thumbnail img{
8236 max-height: 100%; 8247 max-height: 100%;
8237 max-width: 100%; 8248 max-width: 100%;
8238 } 8249 }
8239 .candidate-top-wrapper .candidate-information{ 8250 .candidate-top-wrapper .candidate-information{
8240 padding-left: 20px; 8251 padding-left: 20px;
8241 font-size: 21px; 8252 font-size: 21px;
8242 display: flex; 8253 display: flex;
8243 align-items: center; 8254 align-items: center;
8244 } 8255 }
8245 .candidate-top-wrapper .candidate-information .candidate-title{ 8256 .candidate-top-wrapper .candidate-information .candidate-title{
8246 font-size: inherit; 8257 font-size: inherit;
8247 } 8258 }
8248 .content-single-candidate .education-detail-description{ 8259 .content-single-candidate .education-detail-description{
8249 margin-bottom: 50px; 8260 margin-bottom: 50px;
8250 text-align: justify; 8261 text-align: justify;
8251 } 8262 }
8252 .content-single-candidate .education-detail-description h3.title{ 8263 .content-single-candidate .education-detail-description h3.title{
8253 font-size: 18px; 8264 font-size: 18px;
8254 margin: 0 0 20px; 8265 margin: 0 0 20px;
8255 } 8266 }
8256 .content-single-candidate .education-detail-description .inner{ 8267 .content-single-candidate .education-detail-description .inner{
8257 font-size: 16px; 8268 font-size: 16px;
8258 font-weight: 300; 8269 font-weight: 300;
8259 line-height: 22px; 8270 line-height: 22px;
8260 color: #77838F; 8271 color: #77838F;
8261 } 8272 }
8262 .education-detail-programs h3.title{ 8273 .education-detail-programs h3.title{
8263 font-size: 18px; 8274 font-size: 18px;
8264 margin: 0 0 20px; 8275 margin: 0 0 20px;
8265 } 8276 }
8266 .education-detail-programs .accordion{ 8277 .education-detail-programs .accordion{
8267 margin: 1rem 0; 8278 margin: 1rem 0;
8268 padding: 0; 8279 padding: 0;
8269 list-style: none; 8280 list-style: none;
8270 border-top: 1px solid #ECEDF2; 8281 border-top: 1px solid #ECEDF2;
8271 } 8282 }
8272 .education-detail-programs .accordion.sub{ 8283 .education-detail-programs .accordion.sub{
8273 padding-left: 20px; 8284 padding-left: 20px;
8274 display: none; 8285 display: none;
8275 } 8286 }
8276 .education-detail-programs .accordion-item { 8287 .education-detail-programs .accordion-item {
8277 border-bottom: 1px solid #ECEDF2; 8288 border-bottom: 1px solid #ECEDF2;
8278 } 8289 }
8279 .education-detail-programs .accordion-thumb { 8290 .education-detail-programs .accordion-thumb {
8280 margin: 0; 8291 margin: 0;
8281 padding: 25px 0; 8292 padding: 25px 0;
8282 cursor: pointer; 8293 cursor: pointer;
8283 font-weight: normal; 8294 font-weight: normal;
8284 color: #0E5C69; 8295 color: #0E5C69;
8285 font-size: 16px; 8296 font-size: 16px;
8286 text-transform: uppercase; 8297 text-transform: uppercase;
8287 } 8298 }
8288 .education-detail-programs .accordion-thumb::after { 8299 .education-detail-programs .accordion-thumb::after {
8289 content: ""; 8300 content: "";
8290 display: block; 8301 display: block;
8291 float: right; 8302 float: right;
8292 position: relative; 8303 position: relative;
8293 top: 6px; 8304 top: 6px;
8294 height: 7px; 8305 height: 7px;
8295 width: 7px; 8306 width: 7px;
8296 margin-right: 1rem; 8307 margin-right: 1rem;
8297 margin-left: 0.5rem; 8308 margin-left: 0.5rem;
8298 border-right: 1px solid; 8309 border-right: 1px solid;
8299 border-bottom: 1px solid; 8310 border-bottom: 1px solid;
8300 border-color: #828A96; 8311 border-color: #828A96;
8301 transform: rotate(-45deg); 8312 transform: rotate(-45deg);
8302 transition: transform 0.2s ease-out; 8313 transition: transform 0.2s ease-out;
8303 } 8314 }
8304 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8315 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8305 transform: rotate(45deg); 8316 transform: rotate(45deg);
8306 } 8317 }
8307 .accordion-sub .accordion-panel{ 8318 .accordion-sub .accordion-panel{
8308 display: none; 8319 display: none;
8309 } 8320 }
8310 .accordion > .accordion-item > .accordion-panel{ 8321 .accordion > .accordion-item > .accordion-panel{
8311 opacity: 1; 8322 opacity: 1;
8312 } 8323 }
8313 .accordion-sub li{ 8324 .accordion-sub li{
8314 list-style-type: none; 8325 list-style-type: none;
8315 } 8326 }
8316 .accordion-sub .accordion-item .accordion-panel{ 8327 .accordion-sub .accordion-item .accordion-panel{
8317 white-space: pre-wrap; 8328 white-space: pre-wrap;
8318 white-space: -moz-pre-wrap; 8329 white-space: -moz-pre-wrap;
8319 white-space: -o-pre-wrap; 8330 white-space: -o-pre-wrap;
8320 } 8331 }
8321 .accordion-sub li:last-child { 8332 .accordion-sub li:last-child {
8322 border-bottom: unset; 8333 border-bottom: unset;
8323 } 8334 }
8324 .education-detail-contacts{ 8335 .education-detail-contacts{
8325 margin-top: 50px; 8336 margin-top: 50px;
8326 } 8337 }
8327 .education-detail-contacts h3.title{ 8338 .education-detail-contacts h3.title{
8328 font-size: 18px; 8339 font-size: 18px;
8329 margin: 0 0 20px; 8340 margin: 0 0 20px;
8330 } 8341 }
8331 .education-detail-contacts .inner > div{ 8342 .education-detail-contacts .inner > div{
8332 display: flex; 8343 display: flex;
8333 align-items: center; 8344 align-items: center;
8334 margin-bottom: 20px; 8345 margin-bottom: 20px;
8335 } 8346 }
8336 .education-detail-contacts .inner > div .icon{ 8347 .education-detail-contacts .inner > div .icon{
8337 margin-right: 20px; 8348 margin-right: 20px;
8338 } 8349 }
8339 @media (min-width: 768px) { 8350 @media (min-width: 768px) {
8340 .cabinet__avatar-form { 8351 .cabinet__avatar-form {
8341 -webkit-box-align: start; 8352 -webkit-box-align: start;
8342 -ms-flex-align: start; 8353 -ms-flex-align: start;
8343 align-items: flex-start; 8354 align-items: flex-start;
8344 padding-left: 30px; 8355 padding-left: 30px;
8345 gap: 12px; 8356 gap: 12px;
8346 } 8357 }
8347 } 8358 }
8348 @media (min-width: 768px) { 8359 @media (min-width: 768px) {
8349 .cabinet__avatar-form .file { 8360 .cabinet__avatar-form .file {
8350 min-width: 215px; 8361 min-width: 215px;
8351 } 8362 }
8352 } 8363 }
8353 .cabinet__inputs { 8364 .cabinet__inputs {
8354 display: -webkit-box; 8365 display: -webkit-box;
8355 display: -ms-flexbox; 8366 display: -ms-flexbox;
8356 display: flex; 8367 display: flex;
8357 -webkit-box-orient: vertical; 8368 -webkit-box-orient: vertical;
8358 -webkit-box-direction: normal; 8369 -webkit-box-direction: normal;
8359 -ms-flex-direction: column; 8370 -ms-flex-direction: column;
8360 flex-direction: column; 8371 flex-direction: column;
8361 gap: 20px; 8372 gap: 20px;
8362 } 8373 }
8363 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8374 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8364 display: flex; 8375 display: flex;
8365 } 8376 }
8366 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8377 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8367 width: 50%; 8378 width: 50%;
8368 padding-right: 20px; 8379 padding-right: 20px;
8369 } 8380 }
8370 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8381 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8371 margin-bottom: 20px; 8382 margin-bottom: 20px;
8372 width: 100%; 8383 width: 100%;
8373 } 8384 }
8374 @media (min-width: 1280px) { 8385 @media (min-width: 1280px) {
8375 .cabinet__inputs { 8386 .cabinet__inputs {
8376 -webkit-box-orient: horizontal; 8387 -webkit-box-orient: horizontal;
8377 -webkit-box-direction: normal; 8388 -webkit-box-direction: normal;
8378 -ms-flex-direction: row; 8389 -ms-flex-direction: row;
8379 flex-direction: row; 8390 flex-direction: row;
8380 -webkit-box-align: end; 8391 -webkit-box-align: end;
8381 -ms-flex-align: end; 8392 -ms-flex-align: end;
8382 align-items: end; 8393 align-items: end;
8383 -webkit-box-pack: justify; 8394 -webkit-box-pack: justify;
8384 -ms-flex-pack: justify; 8395 -ms-flex-pack: justify;
8385 justify-content: space-between; 8396 justify-content: space-between;
8386 -ms-flex-wrap: wrap; 8397 -ms-flex-wrap: wrap;
8387 flex-wrap: wrap; 8398 flex-wrap: wrap;
8388 } 8399 }
8389 } 8400 }
8390 @media (min-width: 1280px) { 8401 @media (min-width: 1280px) {
8391 .cabinet__inputs-item { 8402 .cabinet__inputs-item {
8392 width: calc(50% - 10px); 8403 width: calc(50% - 10px);
8393 } 8404 }
8394 } 8405 }
8395 @media (min-width: 1280px) { 8406 @media (min-width: 1280px) {
8396 .cabinet__inputs-item_fullwidth { 8407 .cabinet__inputs-item_fullwidth {
8397 width: 100%; 8408 width: 100%;
8398 } 8409 }
8399 } 8410 }
8400 @media (min-width: 1280px) { 8411 @media (min-width: 1280px) {
8401 .cabinet__inputs-item_min { 8412 .cabinet__inputs-item_min {
8402 width: calc(15% - 10px); 8413 width: calc(15% - 10px);
8403 } 8414 }
8404 } 8415 }
8405 @media (min-width: 1280px) { 8416 @media (min-width: 1280px) {
8406 .cabinet__inputs-item_max { 8417 .cabinet__inputs-item_max {
8407 width: calc(85% - 10px); 8418 width: calc(85% - 10px);
8408 } 8419 }
8409 } 8420 }
8410 @media (min-width: 768px) { 8421 @media (min-width: 768px) {
8411 .cabinet__inputs-item .button { 8422 .cabinet__inputs-item .button {
8412 width: 100%; 8423 width: 100%;
8413 max-width: 215px; 8424 max-width: 215px;
8414 padding: 0; 8425 padding: 0;
8415 } 8426 }
8416 } 8427 }
8417 @media (max-width: 768px) { 8428 @media (max-width: 768px) {
8418 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8429 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8419 display: block; 8430 display: block;
8420 } 8431 }
8421 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8432 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8422 width: 100%; 8433 width: 100%;
8423 } 8434 }
8424 } 8435 }
8425 .cabinet__inputs-item.column-count-3{ 8436 .cabinet__inputs-item.column-count-3{
8426 width: calc(32% - 10px); 8437 width: calc(32% - 10px);
8427 } 8438 }
8428 .cabinet__inputs-item-full-row { 8439 .cabinet__inputs-item-full-row {
8429 width: 100%; 8440 width: 100%;
8430 } 8441 }
8431 .cabinet__inputs-item .buttons { 8442 .cabinet__inputs-item .buttons {
8432 display: grid; 8443 display: grid;
8433 grid-template-columns: 1fr 1fr; 8444 grid-template-columns: 1fr 1fr;
8434 gap: 10px; 8445 gap: 10px;
8435 } 8446 }
8436 .cabinet__inputs-item .form-group__label{ 8447 .cabinet__inputs-item .form-group__label{
8437 font-weight: bold; 8448 font-weight: bold;
8438 } 8449 }
8439 @media (min-width: 768px) { 8450 @media (min-width: 768px) {
8440 .cabinet__inputs-item .buttons { 8451 .cabinet__inputs-item .buttons {
8441 gap: 20px; 8452 gap: 20px;
8442 max-width: 470px; 8453 max-width: 470px;
8443 } 8454 }
8444 } 8455 }
8445 @media (min-width: 992px) { 8456 @media (min-width: 992px) {
8446 .cabinet__inputs-item .buttons { 8457 .cabinet__inputs-item .buttons {
8447 max-width: none; 8458 max-width: none;
8448 } 8459 }
8449 } 8460 }
8450 @media (min-width: 1280px) { 8461 @media (min-width: 1280px) {
8451 .cabinet__inputs-item .buttons { 8462 .cabinet__inputs-item .buttons {
8452 max-width: 470px; 8463 max-width: 470px;
8453 } 8464 }
8454 } 8465 }
8455 .cabinet__inputs-item .buttons .button { 8466 .cabinet__inputs-item .buttons .button {
8456 max-width: none; 8467 max-width: none;
8457 } 8468 }
8458 .cabinet__inputs > .button { 8469 .cabinet__inputs > .button {
8459 padding: 0; 8470 padding: 0;
8460 width: 100%; 8471 width: 100%;
8461 max-width: 140px; 8472 max-width: 140px;
8462 } 8473 }
8463 @media (min-width: 768px) { 8474 @media (min-width: 768px) {
8464 .cabinet__inputs > .button { 8475 .cabinet__inputs > .button {
8465 max-width: 190px; 8476 max-width: 190px;
8466 } 8477 }
8467 } 8478 }
8468 .cabinet__add { 8479 .cabinet__add {
8469 display: -webkit-box; 8480 display: -webkit-box;
8470 display: -ms-flexbox; 8481 display: -ms-flexbox;
8471 display: flex; 8482 display: flex;
8472 -webkit-box-orient: vertical; 8483 -webkit-box-orient: vertical;
8473 -webkit-box-direction: normal; 8484 -webkit-box-direction: normal;
8474 -ms-flex-direction: column; 8485 -ms-flex-direction: column;
8475 flex-direction: column; 8486 flex-direction: column;
8476 gap: 10px; 8487 gap: 10px;
8477 } 8488 }
8478 @media (min-width: 768px) { 8489 @media (min-width: 768px) {
8479 .cabinet__add { 8490 .cabinet__add {
8480 gap: 0; 8491 gap: 0;
8481 -webkit-box-orient: horizontal; 8492 -webkit-box-orient: horizontal;
8482 -webkit-box-direction: normal; 8493 -webkit-box-direction: normal;
8483 -ms-flex-direction: row; 8494 -ms-flex-direction: row;
8484 flex-direction: row; 8495 flex-direction: row;
8485 -webkit-box-align: end; 8496 -webkit-box-align: end;
8486 -ms-flex-align: end; 8497 -ms-flex-align: end;
8487 align-items: flex-end; 8498 align-items: flex-end;
8488 } 8499 }
8489 } 8500 }
8490 .cabinet__add-pic { 8501 .cabinet__add-pic {
8491 border-radius: 4px; 8502 border-radius: 4px;
8492 position: relative; 8503 position: relative;
8493 overflow: hidden; 8504 overflow: hidden;
8494 background: #9c9d9d; 8505 background: #9c9d9d;
8495 color: #fff; 8506 color: #fff;
8496 width: 100px; 8507 width: 100px;
8497 aspect-ratio: 1/1; 8508 aspect-ratio: 1/1;
8498 -webkit-transition: 0.3s; 8509 -webkit-transition: 0.3s;
8499 transition: 0.3s; 8510 transition: 0.3s;
8500 } 8511 }
8501 @media (min-width: 768px) { 8512 @media (min-width: 768px) {
8502 .cabinet__add-pic { 8513 .cabinet__add-pic {
8503 width: 220px; 8514 width: 220px;
8504 border-radius: 8px; 8515 border-radius: 8px;
8505 } 8516 }
8506 } 8517 }
8507 .cabinet__add-pic:hover { 8518 .cabinet__add-pic:hover {
8508 background: #000; 8519 background: #000;
8509 } 8520 }
8510 .cabinet__add-pic input { 8521 .cabinet__add-pic input {
8511 display: none; 8522 display: none;
8512 } 8523 }
8513 .cabinet__add-pic > svg { 8524 .cabinet__add-pic > svg {
8514 width: 20px; 8525 width: 20px;
8515 position: absolute; 8526 position: absolute;
8516 top: 50%; 8527 top: 50%;
8517 left: 50%; 8528 left: 50%;
8518 -webkit-transform: translate(-50%, -50%); 8529 -webkit-transform: translate(-50%, -50%);
8519 -ms-transform: translate(-50%, -50%); 8530 -ms-transform: translate(-50%, -50%);
8520 transform: translate(-50%, -50%); 8531 transform: translate(-50%, -50%);
8521 z-index: 1; 8532 z-index: 1;
8522 } 8533 }
8523 @media (min-width: 768px) { 8534 @media (min-width: 768px) {
8524 .cabinet__add-pic > svg { 8535 .cabinet__add-pic > svg {
8525 width: 50px; 8536 width: 50px;
8526 } 8537 }
8527 } 8538 }
8528 .cabinet__add-pic span { 8539 .cabinet__add-pic span {
8529 display: -webkit-box; 8540 display: -webkit-box;
8530 display: -ms-flexbox; 8541 display: -ms-flexbox;
8531 display: flex; 8542 display: flex;
8532 -webkit-box-align: center; 8543 -webkit-box-align: center;
8533 -ms-flex-align: center; 8544 -ms-flex-align: center;
8534 align-items: center; 8545 align-items: center;
8535 -webkit-box-pack: center; 8546 -webkit-box-pack: center;
8536 -ms-flex-pack: center; 8547 -ms-flex-pack: center;
8537 justify-content: center; 8548 justify-content: center;
8538 width: 100%; 8549 width: 100%;
8539 gap: 4px; 8550 gap: 4px;
8540 font-weight: 700; 8551 font-weight: 700;
8541 font-size: 8px; 8552 font-size: 8px;
8542 line-height: 1; 8553 line-height: 1;
8543 position: absolute; 8554 position: absolute;
8544 top: 50%; 8555 top: 50%;
8545 left: 50%; 8556 left: 50%;
8546 -webkit-transform: translate(-50%, -50%); 8557 -webkit-transform: translate(-50%, -50%);
8547 -ms-transform: translate(-50%, -50%); 8558 -ms-transform: translate(-50%, -50%);
8548 transform: translate(-50%, -50%); 8559 transform: translate(-50%, -50%);
8549 margin-top: 25px; 8560 margin-top: 25px;
8550 } 8561 }
8551 @media (min-width: 768px) { 8562 @media (min-width: 768px) {
8552 .cabinet__add-pic span { 8563 .cabinet__add-pic span {
8553 font-size: 16px; 8564 font-size: 16px;
8554 margin-top: 60px; 8565 margin-top: 60px;
8555 } 8566 }
8556 } 8567 }
8557 .cabinet__add-pic span svg { 8568 .cabinet__add-pic span svg {
8558 width: 7px; 8569 width: 7px;
8559 aspect-ratio: 1/1; 8570 aspect-ratio: 1/1;
8560 } 8571 }
8561 @media (min-width: 768px) { 8572 @media (min-width: 768px) {
8562 .cabinet__add-pic span svg { 8573 .cabinet__add-pic span svg {
8563 width: 16px; 8574 width: 16px;
8564 } 8575 }
8565 } 8576 }
8566 .cabinet__add-body { 8577 .cabinet__add-body {
8567 display: -webkit-box; 8578 display: -webkit-box;
8568 display: -ms-flexbox; 8579 display: -ms-flexbox;
8569 display: flex; 8580 display: flex;
8570 -webkit-box-orient: vertical; 8581 -webkit-box-orient: vertical;
8571 -webkit-box-direction: normal; 8582 -webkit-box-direction: normal;
8572 -ms-flex-direction: column; 8583 -ms-flex-direction: column;
8573 flex-direction: column; 8584 flex-direction: column;
8574 gap: 10px; 8585 gap: 10px;
8575 } 8586 }
8576 @media (min-width: 768px) { 8587 @media (min-width: 768px) {
8577 .cabinet__add-body { 8588 .cabinet__add-body {
8578 gap: 20px; 8589 gap: 20px;
8579 width: calc(100% - 220px); 8590 width: calc(100% - 220px);
8580 padding-left: 20px; 8591 padding-left: 20px;
8581 } 8592 }
8582 } 8593 }
8583 @media (min-width: 768px) { 8594 @media (min-width: 768px) {
8584 .cabinet__add-body .button { 8595 .cabinet__add-body .button {
8585 width: 215px; 8596 width: 215px;
8586 padding: 0; 8597 padding: 0;
8587 } 8598 }
8588 } 8599 }
8589 .cabinet__fleet { 8600 .cabinet__fleet {
8590 display: -webkit-box; 8601 display: -webkit-box;
8591 display: -ms-flexbox; 8602 display: -ms-flexbox;
8592 display: flex; 8603 display: flex;
8593 -webkit-box-orient: vertical; 8604 -webkit-box-orient: vertical;
8594 -webkit-box-direction: normal; 8605 -webkit-box-direction: normal;
8595 -ms-flex-direction: column; 8606 -ms-flex-direction: column;
8596 flex-direction: column; 8607 flex-direction: column;
8597 gap: 20px; 8608 gap: 20px;
8598 } 8609 }
8599 @media (min-width: 768px) { 8610 @media (min-width: 768px) {
8600 .cabinet__fleet { 8611 .cabinet__fleet {
8601 display: grid; 8612 display: grid;
8602 grid-template-columns: repeat(2, 1fr); 8613 grid-template-columns: repeat(2, 1fr);
8603 } 8614 }
8604 } 8615 }
8605 @media (min-width: 1280px) { 8616 @media (min-width: 1280px) {
8606 .cabinet__fleet { 8617 .cabinet__fleet {
8607 grid-template-columns: repeat(3, 1fr); 8618 grid-template-columns: repeat(3, 1fr);
8608 } 8619 }
8609 } 8620 }
8610 @media (min-width: 768px) { 8621 @media (min-width: 768px) {
8611 .cabinet__submit { 8622 .cabinet__submit {
8612 width: 215px; 8623 width: 215px;
8613 padding: 0; 8624 padding: 0;
8614 margin: 0 auto; 8625 margin: 0 auto;
8615 } 8626 }
8616 } 8627 }
8617 .cabinet__filters { 8628 .cabinet__filters {
8618 display: -webkit-box; 8629 display: -webkit-box;
8619 display: -ms-flexbox; 8630 display: -ms-flexbox;
8620 display: flex; 8631 display: flex;
8621 -webkit-box-orient: vertical; 8632 -webkit-box-orient: vertical;
8622 -webkit-box-direction: normal; 8633 -webkit-box-direction: normal;
8623 -ms-flex-direction: column; 8634 -ms-flex-direction: column;
8624 flex-direction: column; 8635 flex-direction: column;
8625 gap: 10px; 8636 gap: 10px;
8626 } 8637 }
8627 .cabinet__export-wrap{ 8638 .cabinet__export-wrap{
8628 padding: 10px; 8639 padding: 10px;
8629 border: 1px #cecece solid; 8640 border: 1px #cecece solid;
8630 border-radius: 8px; 8641 border-radius: 8px;
8631 width: 100%; 8642 width: 100%;
8632 } 8643 }
8633 .cabinet__export-button-wrap{ 8644 .cabinet__export-button-wrap{
8634 max-width: 200px; 8645 max-width: 200px;
8635 margin-bottom: 10px; 8646 margin-bottom: 10px;
8636 } 8647 }
8637 .cabinet__export-options-wrap{ 8648 .cabinet__export-options-wrap{
8638 display: flex; 8649 display: flex;
8639 justify-content: space-between; 8650 justify-content: space-between;
8640 } 8651 }
8641 .job-title-list-wrap{ 8652 .job-title-list-wrap{
8642 margin-top: 5px; 8653 margin-top: 5px;
8643 } 8654 }
8644 .cabinet__export-error{ 8655 .cabinet__export-error{
8645 color: red; 8656 color: red;
8646 } 8657 }
8647 .flot-image-wrap img{ 8658 .flot-image-wrap img{
8648 max-width: 100%; 8659 max-width: 100%;
8649 max-height: 100%; 8660 max-height: 100%;
8650 flex: 0 0 auto; 8661 flex: 0 0 auto;
8651 } 8662 }
8652 .flot-image-wrap{ 8663 .flot-image-wrap{
8653 width: 220px; 8664 width: 220px;
8654 height: 220px; 8665 height: 220px;
8655 display: flex; 8666 display: flex;
8656 justify-content: center; 8667 justify-content: center;
8657 align-items: center; 8668 align-items: center;
8658 } 8669 }
8659 @media (min-width: 768px) { 8670 @media (min-width: 768px) {
8660 .cabinet__filters { 8671 .cabinet__filters {
8661 gap: 20px; 8672 gap: 20px;
8662 } 8673 }
8663 } 8674 }
8664 @media (min-width: 1280px) { 8675 @media (min-width: 1280px) {
8665 .cabinet__filters { 8676 .cabinet__filters {
8666 -webkit-box-orient: horizontal; 8677 -webkit-box-orient: horizontal;
8667 -webkit-box-direction: normal; 8678 -webkit-box-direction: normal;
8668 -ms-flex-direction: row; 8679 -ms-flex-direction: row;
8669 flex-direction: row; 8680 flex-direction: row;
8670 -webkit-box-align: start; 8681 -webkit-box-align: start;
8671 -ms-flex-align: start; 8682 -ms-flex-align: start;
8672 align-items: flex-start; 8683 align-items: flex-start;
8673 -webkit-box-pack: justify; 8684 -webkit-box-pack: justify;
8674 -ms-flex-pack: justify; 8685 -ms-flex-pack: justify;
8675 justify-content: space-between; 8686 justify-content: space-between;
8676 } 8687 }
8677 } 8688 }
8678 .cabinet__filters-item { 8689 .cabinet__filters-item {
8679 display: -webkit-box; 8690 display: -webkit-box;
8680 display: -ms-flexbox; 8691 display: -ms-flexbox;
8681 display: flex; 8692 display: flex;
8682 -webkit-box-orient: vertical; 8693 -webkit-box-orient: vertical;
8683 -webkit-box-direction: normal; 8694 -webkit-box-direction: normal;
8684 -ms-flex-direction: column; 8695 -ms-flex-direction: column;
8685 flex-direction: column; 8696 flex-direction: column;
8686 -webkit-box-align: start; 8697 -webkit-box-align: start;
8687 -ms-flex-align: start; 8698 -ms-flex-align: start;
8688 align-items: flex-start; 8699 align-items: flex-start;
8689 gap: 10px; 8700 gap: 10px;
8690 } 8701 }
8691 @media (min-width: 768px) { 8702 @media (min-width: 768px) {
8692 .cabinet__filters-item { 8703 .cabinet__filters-item {
8693 gap: 20px; 8704 gap: 20px;
8694 } 8705 }
8695 } 8706 }
8696 @media (min-width: 1280px) { 8707 @media (min-width: 1280px) {
8697 .cabinet__filters-item { 8708 .cabinet__filters-item {
8698 width: calc(50% - 10px); 8709 width: calc(50% - 10px);
8699 max-width: 410px; 8710 max-width: 410px;
8700 } 8711 }
8701 } 8712 }
8702 .cabinet__filters-item .button, 8713 .cabinet__filters-item .button,
8703 .cabinet__filters-item .select { 8714 .cabinet__filters-item .select {
8704 width: 100%; 8715 width: 100%;
8705 } 8716 }
8706 @media (min-width: 1280px) { 8717 @media (min-width: 1280px) {
8707 .cabinet__filters-item .button, 8718 .cabinet__filters-item .button,
8708 .cabinet__filters-item .select { 8719 .cabinet__filters-item .select {
8709 width: auto; 8720 width: auto;
8710 } 8721 }
8711 } 8722 }
8712 .cabinet__filters-item + .cabinet__filters-item { 8723 .cabinet__filters-item + .cabinet__filters-item {
8713 -webkit-box-align: end; 8724 -webkit-box-align: end;
8714 -ms-flex-align: end; 8725 -ms-flex-align: end;
8715 align-items: flex-end; 8726 align-items: flex-end;
8716 } 8727 }
8717 @media (min-width: 1280px) { 8728 @media (min-width: 1280px) {
8718 .cabinet__filters-item + .cabinet__filters-item { 8729 .cabinet__filters-item + .cabinet__filters-item {
8719 max-width: 280px; 8730 max-width: 280px;
8720 } 8731 }
8721 } 8732 }
8722 .cabinet__filters .search input { 8733 .cabinet__filters .search input {
8723 padding-right: 135px; 8734 padding-right: 135px;
8724 } 8735 }
8725 .cabinet__filters .search button { 8736 .cabinet__filters .search button {
8726 width: 115px; 8737 width: 115px;
8727 } 8738 }
8728 .cabinet__filters-buttons { 8739 .cabinet__filters-buttons {
8729 display: grid; 8740 display: grid;
8730 grid-template-columns: 1fr 1fr; 8741 grid-template-columns: 1fr 1fr;
8731 gap: 10px; 8742 gap: 10px;
8732 width: 100%; 8743 width: 100%;
8733 } 8744 }
8734 @media (min-width: 768px) { 8745 @media (min-width: 768px) {
8735 .cabinet__filters-buttons { 8746 .cabinet__filters-buttons {
8736 gap: 20px; 8747 gap: 20px;
8737 } 8748 }
8738 } 8749 }
8739 .cabinet__filters-buttons .button { 8750 .cabinet__filters-buttons .button {
8740 padding: 0; 8751 padding: 0;
8741 gap: 5px; 8752 gap: 5px;
8742 } 8753 }
8743 .cabinet__filters-buttons .button.active { 8754 .cabinet__filters-buttons .button.active {
8744 background: #377d87; 8755 background: #377d87;
8745 color: #fff; 8756 color: #fff;
8746 } 8757 }
8747 .cabinet__filters-buttons .button.active:before { 8758 .cabinet__filters-buttons .button.active:before {
8748 content: ""; 8759 content: "";
8749 width: 6px; 8760 width: 6px;
8750 height: 6px; 8761 height: 6px;
8751 background: #fff; 8762 background: #fff;
8752 border-radius: 999px; 8763 border-radius: 999px;
8753 } 8764 }
8754 .cabinet__table-header { 8765 .cabinet__table-header {
8755 display: -webkit-box; 8766 display: -webkit-box;
8756 display: -ms-flexbox; 8767 display: -ms-flexbox;
8757 display: flex; 8768 display: flex;
8758 -webkit-box-pack: justify; 8769 -webkit-box-pack: justify;
8759 -ms-flex-pack: justify; 8770 -ms-flex-pack: justify;
8760 justify-content: space-between; 8771 justify-content: space-between;
8761 -webkit-box-align: center; 8772 -webkit-box-align: center;
8762 -ms-flex-align: center; 8773 -ms-flex-align: center;
8763 align-items: center; 8774 align-items: center;
8764 font-weight: 700; 8775 font-weight: 700;
8765 margin-bottom: -10px; 8776 margin-bottom: -10px;
8766 } 8777 }
8767 .cabinet__table-header div { 8778 .cabinet__table-header div {
8768 font-size: 18px; 8779 font-size: 18px;
8769 } 8780 }
8770 @media (min-width: 768px) { 8781 @media (min-width: 768px) {
8771 .cabinet__table-header div { 8782 .cabinet__table-header div {
8772 font-size: 24px; 8783 font-size: 24px;
8773 } 8784 }
8774 } 8785 }
8775 .cabinet__table-header span { 8786 .cabinet__table-header span {
8776 color: #000; 8787 color: #000;
8777 font-size: 14px; 8788 font-size: 14px;
8778 } 8789 }
8779 @media (min-width: 768px) { 8790 @media (min-width: 768px) {
8780 .cabinet__table-header span { 8791 .cabinet__table-header span {
8781 font-size: 18px; 8792 font-size: 18px;
8782 } 8793 }
8783 } 8794 }
8784 .cabinet__table-header span b { 8795 .cabinet__table-header span b {
8785 color: #377d87; 8796 color: #377d87;
8786 } 8797 }
8787 .cabinet__tabs { 8798 .cabinet__tabs {
8788 display: grid; 8799 display: grid;
8789 grid-template-columns: 1fr 1fr; 8800 grid-template-columns: 1fr 1fr;
8790 gap: 20px; 8801 gap: 20px;
8791 } 8802 }
8792 @media (min-width: 768px) { 8803 @media (min-width: 768px) {
8793 .cabinet__tabs { 8804 .cabinet__tabs {
8794 max-width: 420px; 8805 max-width: 420px;
8795 } 8806 }
8796 } 8807 }
8797 .cabinet__tabs .button.active { 8808 .cabinet__tabs .button.active {
8798 background: #377d87; 8809 background: #377d87;
8799 color: #fff; 8810 color: #fff;
8800 } 8811 }
8801 .cabinet__bodies { 8812 .cabinet__bodies {
8802 display: none; 8813 display: none;
8803 } 8814 }
8804 .cabinet__bodies.showed { 8815 .cabinet__bodies.showed {
8805 display: block; 8816 display: block;
8806 } 8817 }
8807 .cabinet__nots { 8818 .cabinet__nots {
8808 display: -webkit-box; 8819 display: -webkit-box;
8809 display: -ms-flexbox; 8820 display: -ms-flexbox;
8810 display: flex; 8821 display: flex;
8811 -webkit-box-orient: vertical; 8822 -webkit-box-orient: vertical;
8812 -webkit-box-direction: normal; 8823 -webkit-box-direction: normal;
8813 -ms-flex-direction: column; 8824 -ms-flex-direction: column;
8814 flex-direction: column; 8825 flex-direction: column;
8815 -webkit-box-align: start; 8826 -webkit-box-align: start;
8816 -ms-flex-align: start; 8827 -ms-flex-align: start;
8817 align-items: flex-start; 8828 align-items: flex-start;
8818 gap: 10px; 8829 gap: 10px;
8819 } 8830 }
8820 @media (min-width: 768px) { 8831 @media (min-width: 768px) {
8821 .cabinet__nots { 8832 .cabinet__nots {
8822 gap: 20px; 8833 gap: 20px;
8823 } 8834 }
8824 } 8835 }
8825 .cabinet__nots .input { 8836 .cabinet__nots .input {
8826 width: 100%; 8837 width: 100%;
8827 } 8838 }
8828 .cabinet__anketa { 8839 .cabinet__anketa {
8829 display: -webkit-box; 8840 display: -webkit-box;
8830 display: -ms-flexbox; 8841 display: -ms-flexbox;
8831 display: flex; 8842 display: flex;
8832 -webkit-box-orient: vertical; 8843 -webkit-box-orient: vertical;
8833 -webkit-box-direction: normal; 8844 -webkit-box-direction: normal;
8834 -ms-flex-direction: column; 8845 -ms-flex-direction: column;
8835 flex-direction: column; 8846 flex-direction: column;
8836 -webkit-box-pack: justify; 8847 -webkit-box-pack: justify;
8837 -ms-flex-pack: justify; 8848 -ms-flex-pack: justify;
8838 justify-content: space-between; 8849 justify-content: space-between;
8839 gap: 10px; 8850 gap: 10px;
8840 } 8851 }
8841 @media (min-width: 768px) { 8852 @media (min-width: 768px) {
8842 .cabinet__anketa { 8853 .cabinet__anketa {
8843 -webkit-box-orient: horizontal; 8854 -webkit-box-orient: horizontal;
8844 -webkit-box-direction: normal; 8855 -webkit-box-direction: normal;
8845 -ms-flex-direction: row; 8856 -ms-flex-direction: row;
8846 flex-direction: row; 8857 flex-direction: row;
8847 -webkit-box-align: center; 8858 -webkit-box-align: center;
8848 -ms-flex-align: center; 8859 -ms-flex-align: center;
8849 align-items: center; 8860 align-items: center;
8850 } 8861 }
8851 } 8862 }
8852 @media (min-width: 992px) { 8863 @media (min-width: 992px) {
8853 .cabinet__anketa { 8864 .cabinet__anketa {
8854 -webkit-box-orient: vertical; 8865 -webkit-box-orient: vertical;
8855 -webkit-box-direction: normal; 8866 -webkit-box-direction: normal;
8856 -ms-flex-direction: column; 8867 -ms-flex-direction: column;
8857 flex-direction: column; 8868 flex-direction: column;
8858 -webkit-box-align: stretch; 8869 -webkit-box-align: stretch;
8859 -ms-flex-align: stretch; 8870 -ms-flex-align: stretch;
8860 align-items: stretch; 8871 align-items: stretch;
8861 } 8872 }
8862 } 8873 }
8863 @media (min-width: 1280px) { 8874 @media (min-width: 1280px) {
8864 .cabinet__anketa { 8875 .cabinet__anketa {
8865 -webkit-box-orient: horizontal; 8876 -webkit-box-orient: horizontal;
8866 -webkit-box-direction: normal; 8877 -webkit-box-direction: normal;
8867 -ms-flex-direction: row; 8878 -ms-flex-direction: row;
8868 flex-direction: row; 8879 flex-direction: row;
8869 -webkit-box-align: center; 8880 -webkit-box-align: center;
8870 -ms-flex-align: center; 8881 -ms-flex-align: center;
8871 align-items: center; 8882 align-items: center;
8872 -webkit-box-pack: justify; 8883 -webkit-box-pack: justify;
8873 -ms-flex-pack: justify; 8884 -ms-flex-pack: justify;
8874 justify-content: space-between; 8885 justify-content: space-between;
8875 } 8886 }
8876 } 8887 }
8877 .cabinet__anketa-buttons { 8888 .cabinet__anketa-buttons {
8878 display: -webkit-box; 8889 display: -webkit-box;
8879 display: -ms-flexbox; 8890 display: -ms-flexbox;
8880 display: flex; 8891 display: flex;
8881 -webkit-box-orient: vertical; 8892 -webkit-box-orient: vertical;
8882 -webkit-box-direction: normal; 8893 -webkit-box-direction: normal;
8883 -ms-flex-direction: column; 8894 -ms-flex-direction: column;
8884 flex-direction: column; 8895 flex-direction: column;
8885 gap: 10px; 8896 gap: 10px;
8886 } 8897 }
8887 @media (min-width: 768px) { 8898 @media (min-width: 768px) {
8888 .cabinet__anketa-buttons { 8899 .cabinet__anketa-buttons {
8889 display: grid; 8900 display: grid;
8890 grid-template-columns: 1fr 1fr; 8901 grid-template-columns: 1fr 1fr;
8891 gap: 20px; 8902 gap: 20px;
8892 } 8903 }
8893 } 8904 }
8894 .cabinet__stats { 8905 .cabinet__stats {
8895 display: -webkit-box; 8906 display: -webkit-box;
8896 display: -ms-flexbox; 8907 display: -ms-flexbox;
8897 display: flex; 8908 display: flex;
8898 -webkit-box-orient: vertical; 8909 -webkit-box-orient: vertical;
8899 -webkit-box-direction: normal; 8910 -webkit-box-direction: normal;
8900 -ms-flex-direction: column; 8911 -ms-flex-direction: column;
8901 flex-direction: column; 8912 flex-direction: column;
8902 gap: 6px; 8913 gap: 6px;
8903 } 8914 }
8904 @media (min-width: 768px) { 8915 @media (min-width: 768px) {
8905 .cabinet__stats { 8916 .cabinet__stats {
8906 gap: 12px; 8917 gap: 12px;
8907 } 8918 }
8908 } 8919 }
8909 .cabinet__stats-title { 8920 .cabinet__stats-title {
8910 font-size: 14px; 8921 font-size: 14px;
8911 font-weight: 700; 8922 font-weight: 700;
8912 color: #000; 8923 color: #000;
8913 } 8924 }
8914 @media (min-width: 768px) { 8925 @media (min-width: 768px) {
8915 .cabinet__stats-title { 8926 .cabinet__stats-title {
8916 font-size: 24px; 8927 font-size: 24px;
8917 } 8928 }
8918 } 8929 }
8919 .cabinet__stats-body { 8930 .cabinet__stats-body {
8920 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8931 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8921 border-radius: 8px; 8932 border-radius: 8px;
8922 padding: 10px; 8933 padding: 10px;
8923 display: grid; 8934 display: grid;
8924 grid-template-columns: 1fr 1fr; 8935 grid-template-columns: 1fr 1fr;
8925 gap: 20px; 8936 gap: 20px;
8926 margin-bottom: 10px; 8937 margin-bottom: 10px;
8927 } 8938 }
8928 @media (min-width: 768px) { 8939 @media (min-width: 768px) {
8929 .cabinet__stats-body { 8940 .cabinet__stats-body {
8930 padding: 10px 20px; 8941 padding: 10px 20px;
8931 } 8942 }
8932 } 8943 }
8933 .cabinet__stats-item { 8944 .cabinet__stats-item {
8934 font-size: 12px; 8945 font-size: 12px;
8935 display: -webkit-box; 8946 display: -webkit-box;
8936 display: -ms-flexbox; 8947 display: -ms-flexbox;
8937 display: flex; 8948 display: flex;
8938 -webkit-box-align: center; 8949 -webkit-box-align: center;
8939 -ms-flex-align: center; 8950 -ms-flex-align: center;
8940 align-items: center; 8951 align-items: center;
8941 line-height: 1; 8952 line-height: 1;
8942 gap: 6px; 8953 gap: 6px;
8943 } 8954 }
8944 @media (min-width: 768px) { 8955 @media (min-width: 768px) {
8945 .cabinet__stats-item { 8956 .cabinet__stats-item {
8946 font-size: 20px; 8957 font-size: 20px;
8947 gap: 10px; 8958 gap: 10px;
8948 } 8959 }
8949 } 8960 }
8950 .cabinet__stats-item svg { 8961 .cabinet__stats-item svg {
8951 width: 20px; 8962 width: 20px;
8952 aspect-ratio: 1/1; 8963 aspect-ratio: 1/1;
8953 color: #377d87; 8964 color: #377d87;
8954 } 8965 }
8955 @media (min-width: 768px) { 8966 @media (min-width: 768px) {
8956 .cabinet__stats-item svg { 8967 .cabinet__stats-item svg {
8957 width: 40px; 8968 width: 40px;
8958 margin-right: 10px; 8969 margin-right: 10px;
8959 } 8970 }
8960 } 8971 }
8961 .cabinet__stats-item span { 8972 .cabinet__stats-item span {
8962 font-weight: 700; 8973 font-weight: 700;
8963 color: #000; 8974 color: #000;
8964 } 8975 }
8965 .cabinet__stats-item b { 8976 .cabinet__stats-item b {
8966 color: #377d87; 8977 color: #377d87;
8967 font-size: 14px; 8978 font-size: 14px;
8968 } 8979 }
8969 @media (min-width: 768px) { 8980 @media (min-width: 768px) {
8970 .cabinet__stats-item b { 8981 .cabinet__stats-item b {
8971 font-size: 24px; 8982 font-size: 24px;
8972 } 8983 }
8973 } 8984 }
8974 .cabinet__stats-subtitle { 8985 .cabinet__stats-subtitle {
8975 font-size: 14px; 8986 font-size: 14px;
8976 font-weight: 700; 8987 font-weight: 700;
8977 color: #377d87; 8988 color: #377d87;
8978 } 8989 }
8979 @media (min-width: 768px) { 8990 @media (min-width: 768px) {
8980 .cabinet__stats-subtitle { 8991 .cabinet__stats-subtitle {
8981 font-size: 18px; 8992 font-size: 18px;
8982 } 8993 }
8983 } 8994 }
8984 .cabinet__stats-line { 8995 .cabinet__stats-line {
8985 width: 100%; 8996 width: 100%;
8986 position: relative; 8997 position: relative;
8987 overflow: hidden; 8998 overflow: hidden;
8988 height: 8px; 8999 height: 8px;
8989 border-radius: 999px; 9000 border-radius: 999px;
8990 background: #cecece; 9001 background: #cecece;
8991 } 9002 }
8992 .cabinet__stats-line span { 9003 .cabinet__stats-line span {
8993 position: absolute; 9004 position: absolute;
8994 top: 0; 9005 top: 0;
8995 left: 0; 9006 left: 0;
8996 width: 100%; 9007 width: 100%;
8997 height: 100%; 9008 height: 100%;
8998 background: #377d87; 9009 background: #377d87;
8999 border-radius: 999px; 9010 border-radius: 999px;
9000 } 9011 }
9001 .cabinet__stats-bottom { 9012 .cabinet__stats-bottom {
9002 color: #000; 9013 color: #000;
9003 font-size: 12px; 9014 font-size: 12px;
9004 } 9015 }
9005 @media (min-width: 768px) { 9016 @media (min-width: 768px) {
9006 .cabinet__stats-bottom { 9017 .cabinet__stats-bottom {
9007 font-size: 16px; 9018 font-size: 16px;
9008 } 9019 }
9009 } 9020 }
9010 .cabinet__works { 9021 .cabinet__works {
9011 display: -webkit-box; 9022 display: -webkit-box;
9012 display: -ms-flexbox; 9023 display: -ms-flexbox;
9013 display: flex; 9024 display: flex;
9014 -webkit-box-orient: vertical; 9025 -webkit-box-orient: vertical;
9015 -webkit-box-direction: normal; 9026 -webkit-box-direction: normal;
9016 -ms-flex-direction: column; 9027 -ms-flex-direction: column;
9017 flex-direction: column; 9028 flex-direction: column;
9018 gap: 20px; 9029 gap: 20px;
9019 } 9030 }
9020 @media (min-width: 768px) { 9031 @media (min-width: 768px) {
9021 .cabinet__works { 9032 .cabinet__works {
9022 gap: 30px; 9033 gap: 30px;
9023 } 9034 }
9024 } 9035 }
9025 .cabinet__works-item { 9036 .cabinet__works-item {
9026 border-bottom: 1px #cccccc solid; 9037 border-bottom: 1px #cccccc solid;
9027 padding-bottom: 35px; 9038 padding-bottom: 35px;
9028 } 9039 }
9029 .cabinet__works-spoiler { 9040 .cabinet__works-spoiler {
9030 display: -webkit-box; 9041 display: -webkit-box;
9031 display: -ms-flexbox; 9042 display: -ms-flexbox;
9032 display: flex; 9043 display: flex;
9033 -webkit-box-align: center; 9044 -webkit-box-align: center;
9034 -ms-flex-align: center; 9045 -ms-flex-align: center;
9035 align-items: center; 9046 align-items: center;
9036 -webkit-box-pack: justify; 9047 -webkit-box-pack: justify;
9037 -ms-flex-pack: justify; 9048 -ms-flex-pack: justify;
9038 justify-content: space-between; 9049 justify-content: space-between;
9039 } 9050 }
9040 .cabinet__works-spoiler-left { 9051 .cabinet__works-spoiler-left {
9041 display: -webkit-box; 9052 display: -webkit-box;
9042 display: -ms-flexbox; 9053 display: -ms-flexbox;
9043 display: flex; 9054 display: flex;
9044 -webkit-box-align: center; 9055 -webkit-box-align: center;
9045 -ms-flex-align: center; 9056 -ms-flex-align: center;
9046 align-items: center; 9057 align-items: center;
9047 width: calc(100% - 22px); 9058 width: calc(100% - 22px);
9048 } 9059 }
9049 .cabinet__works-spoiler-right { 9060 .cabinet__works-spoiler-right {
9050 width: 22px; 9061 width: 22px;
9051 height: 22px; 9062 height: 22px;
9052 display: -webkit-box; 9063 display: -webkit-box;
9053 display: -ms-flexbox; 9064 display: -ms-flexbox;
9054 display: flex; 9065 display: flex;
9055 -webkit-box-align: center; 9066 -webkit-box-align: center;
9056 -ms-flex-align: center; 9067 -ms-flex-align: center;
9057 align-items: center; 9068 align-items: center;
9058 -webkit-box-pack: center; 9069 -webkit-box-pack: center;
9059 -ms-flex-pack: center; 9070 -ms-flex-pack: center;
9060 justify-content: center; 9071 justify-content: center;
9061 color: #377d87; 9072 color: #377d87;
9062 padding: 0; 9073 padding: 0;
9063 background: none; 9074 background: none;
9064 border: none; 9075 border: none;
9065 } 9076 }
9066 .cabinet__works-spoiler-right svg { 9077 .cabinet__works-spoiler-right svg {
9067 width: 60%; 9078 width: 60%;
9068 aspect-ratio: 1/1; 9079 aspect-ratio: 1/1;
9069 -webkit-transform: rotate(90deg); 9080 -webkit-transform: rotate(90deg);
9070 -ms-transform: rotate(90deg); 9081 -ms-transform: rotate(90deg);
9071 transform: rotate(90deg); 9082 transform: rotate(90deg);
9072 -webkit-transition: 0.3s; 9083 -webkit-transition: 0.3s;
9073 transition: 0.3s; 9084 transition: 0.3s;
9074 } 9085 }
9075 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9086 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9076 -webkit-transform: rotate(-90deg); 9087 -webkit-transform: rotate(-90deg);
9077 -ms-transform: rotate(-90deg); 9088 -ms-transform: rotate(-90deg);
9078 transform: rotate(-90deg); 9089 transform: rotate(-90deg);
9079 } 9090 }
9080 .cabinet__works-spoiler-buttons { 9091 .cabinet__works-spoiler-buttons {
9081 display: -webkit-box; 9092 display: -webkit-box;
9082 display: -ms-flexbox; 9093 display: -ms-flexbox;
9083 display: flex; 9094 display: flex;
9084 -webkit-box-align: center; 9095 -webkit-box-align: center;
9085 -ms-flex-align: center; 9096 -ms-flex-align: center;
9086 align-items: center; 9097 align-items: center;
9087 -webkit-box-pack: justify; 9098 -webkit-box-pack: justify;
9088 -ms-flex-pack: justify; 9099 -ms-flex-pack: justify;
9089 justify-content: space-between; 9100 justify-content: space-between;
9090 width: 60px; 9101 width: 60px;
9091 } 9102 }
9092 @media (min-width: 768px) { 9103 @media (min-width: 768px) {
9093 .cabinet__works-spoiler-buttons { 9104 .cabinet__works-spoiler-buttons {
9094 width: 74px; 9105 width: 74px;
9095 } 9106 }
9096 } 9107 }
9097 .cabinet__works-spoiler-buttons .button { 9108 .cabinet__works-spoiler-buttons .button {
9098 width: 22px; 9109 width: 22px;
9099 height: 22px; 9110 height: 22px;
9100 padding: 0; 9111 padding: 0;
9101 } 9112 }
9102 @media (min-width: 768px) { 9113 @media (min-width: 768px) {
9103 .cabinet__works-spoiler-buttons .button { 9114 .cabinet__works-spoiler-buttons .button {
9104 width: 30px; 9115 width: 30px;
9105 height: 30px; 9116 height: 30px;
9106 } 9117 }
9107 } 9118 }
9108 .cabinet__works-spoiler-text { 9119 .cabinet__works-spoiler-text {
9109 width: calc(100% - 60px); 9120 width: calc(100% - 60px);
9110 font-size: 17px; 9121 font-size: 17px;
9111 font-weight: 700; 9122 font-weight: 700;
9112 color: #000; 9123 color: #000;
9113 } 9124 }
9114 @media (min-width: 768px) { 9125 @media (min-width: 768px) {
9115 .cabinet__works-spoiler-text { 9126 .cabinet__works-spoiler-text {
9116 width: calc(100% - 74px); 9127 width: calc(100% - 74px);
9117 font-size: 22px; 9128 font-size: 22px;
9118 } 9129 }
9119 } 9130 }
9120 9131
9121 .cabinet__works-add { 9132 .cabinet__works-add {
9122 padding: 0; 9133 padding: 0;
9123 width: 100%; 9134 width: 100%;
9124 max-width: 160px; 9135 max-width: 160px;
9125 } 9136 }
9126 @media (min-width: 768px) { 9137 @media (min-width: 768px) {
9127 .cabinet__works-add { 9138 .cabinet__works-add {
9128 max-width: 220px; 9139 max-width: 220px;
9129 } 9140 }
9130 } 9141 }
9131 .cabinet__buttons { 9142 .cabinet__buttons {
9132 display: -webkit-box; 9143 display: -webkit-box;
9133 display: -ms-flexbox; 9144 display: -ms-flexbox;
9134 display: flex; 9145 display: flex;
9135 -webkit-box-orient: vertical; 9146 -webkit-box-orient: vertical;
9136 -webkit-box-direction: normal; 9147 -webkit-box-direction: normal;
9137 -ms-flex-direction: column; 9148 -ms-flex-direction: column;
9138 flex-direction: column; 9149 flex-direction: column;
9139 -webkit-box-align: center; 9150 -webkit-box-align: center;
9140 -ms-flex-align: center; 9151 -ms-flex-align: center;
9141 align-items: center; 9152 align-items: center;
9142 gap: 10px; 9153 gap: 10px;
9143 } 9154 }
9144 @media (min-width: 768px) { 9155 @media (min-width: 768px) {
9145 .cabinet__buttons { 9156 .cabinet__buttons {
9146 display: grid; 9157 display: grid;
9147 grid-template-columns: 1fr 1fr; 9158 grid-template-columns: 1fr 1fr;
9148 gap: 20px; 9159 gap: 20px;
9149 } 9160 }
9150 } 9161 }
9151 .cabinet__buttons .button, 9162 .cabinet__buttons .button,
9152 .cabinet__buttons .file { 9163 .cabinet__buttons .file {
9153 padding: 0; 9164 padding: 0;
9154 width: 100%; 9165 width: 100%;
9155 max-width: 140px; 9166 max-width: 140px;
9156 } 9167 }
9157 @media (min-width: 768px) { 9168 @media (min-width: 768px) {
9158 .cabinet__buttons .button, 9169 .cabinet__buttons .button,
9159 .cabinet__buttons .file { 9170 .cabinet__buttons .file {
9160 max-width: none; 9171 max-width: none;
9161 } 9172 }
9162 } 9173 }
9163 @media (min-width: 768px) { 9174 @media (min-width: 768px) {
9164 .cabinet__buttons { 9175 .cabinet__buttons {
9165 gap: 20px; 9176 gap: 20px;
9166 } 9177 }
9167 } 9178 }
9168 @media (min-width: 1280px) { 9179 @media (min-width: 1280px) {
9169 .cabinet__buttons { 9180 .cabinet__buttons {
9170 max-width: 400px; 9181 max-width: 400px;
9171 } 9182 }
9172 } 9183 }
9173 .cabinet__buttons_flex{ 9184 .cabinet__buttons_flex{
9174 display: flex; 9185 display: flex;
9175 } 9186 }
9176 .cabinet__buttons_flex > *{ 9187 .cabinet__buttons_flex > *{
9177 margin-right: 10px; 9188 margin-right: 10px;
9178 } 9189 }
9179 .cabinet__vacs { 9190 .cabinet__vacs {
9180 display: -webkit-box; 9191 display: -webkit-box;
9181 display: -ms-flexbox; 9192 display: -ms-flexbox;
9182 display: flex; 9193 display: flex;
9183 -webkit-box-orient: vertical; 9194 -webkit-box-orient: vertical;
9184 -webkit-box-direction: reverse; 9195 -webkit-box-direction: reverse;
9185 -ms-flex-direction: column-reverse; 9196 -ms-flex-direction: column-reverse;
9186 flex-direction: column-reverse; 9197 flex-direction: column-reverse;
9187 -webkit-box-align: center; 9198 -webkit-box-align: center;
9188 -ms-flex-align: center; 9199 -ms-flex-align: center;
9189 align-items: center; 9200 align-items: center;
9190 gap: 20px; 9201 gap: 20px;
9191 } 9202 }
9192 .cabinet__vacs-body { 9203 .cabinet__vacs-body {
9193 display: -webkit-box; 9204 display: -webkit-box;
9194 display: -ms-flexbox; 9205 display: -ms-flexbox;
9195 display: flex; 9206 display: flex;
9196 -webkit-box-orient: vertical; 9207 -webkit-box-orient: vertical;
9197 -webkit-box-direction: normal; 9208 -webkit-box-direction: normal;
9198 -ms-flex-direction: column; 9209 -ms-flex-direction: column;
9199 flex-direction: column; 9210 flex-direction: column;
9200 gap: 20px; 9211 gap: 20px;
9201 width: 100%; 9212 width: 100%;
9202 } 9213 }
9203 @media (min-width: 768px) { 9214 @media (min-width: 768px) {
9204 .cabinet__vacs-body { 9215 .cabinet__vacs-body {
9205 gap: 30px; 9216 gap: 30px;
9206 } 9217 }
9207 } 9218 }
9208 .cabinet__vacs-item { 9219 .cabinet__vacs-item {
9209 display: none; 9220 display: none;
9210 background: #fff; 9221 background: #fff;
9211 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9222 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9212 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9223 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9213 } 9224 }
9214 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9225 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9215 display: -webkit-box; 9226 display: -webkit-box;
9216 display: -ms-flexbox; 9227 display: -ms-flexbox;
9217 display: flex; 9228 display: flex;
9218 } 9229 }
9219 .cabinet__vacs.active .cabinet__vacs-item { 9230 .cabinet__vacs.active .cabinet__vacs-item {
9220 display: -webkit-box; 9231 display: -webkit-box;
9221 display: -ms-flexbox; 9232 display: -ms-flexbox;
9222 display: flex; 9233 display: flex;
9223 } 9234 }
9224 .main__employer-page-two-item-text-body img { 9235 .main__employer-page-two-item-text-body img {
9225 display: inline !important; 9236 display: inline !important;
9226 border: none !important; 9237 border: none !important;
9227 box-shadow: none !important; 9238 box-shadow: none !important;
9228 height: 1em !important; 9239 height: 1em !important;
9229 width: 1em !important; 9240 width: 1em !important;
9230 margin: 0 0.07em !important; 9241 margin: 0 0.07em !important;
9231 vertical-align: -0.1em !important; 9242 vertical-align: -0.1em !important;
9232 background: none !important; 9243 background: none !important;
9233 padding: 0 !important; 9244 padding: 0 !important;
9234 } 9245 }
9235 .main__employer-page-two-item-text-body p{ 9246 .main__employer-page-two-item-text-body p{
9236 margin: 0 0 20px; 9247 margin: 0 0 20px;
9237 } 9248 }
9238 #sertificate .one-sertificate{ 9249 #sertificate .one-sertificate{
9239 display: flex; 9250 display: flex;
9240 justify-content: space-between; 9251 justify-content: space-between;
9241 margin-bottom: 15px; 9252 margin-bottom: 15px;
9242 border-bottom: 1px #ccc solid; 9253 border-bottom: 1px #ccc solid;
9243 padding-bottom: 15px; 9254 padding-bottom: 15px;
9244 } 9255 }
9245 #sertificate .one-sertificate .sertificate-field{ 9256 #sertificate .one-sertificate .sertificate-field{
9246 display: block; 9257 display: block;
9247 } 9258 }
9248 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9259 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9249 width: 50%; 9260 width: 50%;
9250 max-width: 50%; 9261 max-width: 50%;
9251 } 9262 }
9252 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9263 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9253 display: flex; 9264 display: flex;
9254 justify-content: space-between; 9265 justify-content: space-between;
9255 } 9266 }
9256 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9267 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9257 width: 30px; 9268 width: 30px;
9258 height: 30px; 9269 height: 30px;
9259 padding: 5px; 9270 padding: 5px;
9260 } 9271 }
9261 #prev_worker .cabinet__inputs-item-buttons a{ 9272 #prev_worker .cabinet__inputs-item-buttons a{
9262 width: 30px; 9273 width: 30px;
9263 height: 30px; 9274 height: 30px;
9264 padding: 5px; 9275 padding: 5px;
9265 } 9276 }
9266 #prev_worker .cabinet__inputs-item-buttons{ 9277 #prev_worker .cabinet__inputs-item-buttons{
9267 width: 100px; 9278 width: 100px;
9268 } 9279 }
9269 #prev_worker .cabinet__inputs{ 9280 #prev_worker .cabinet__inputs{
9270 -webkit-box-align: start; 9281 -webkit-box-align: start;
9271 -ms-flex-align: start; 9282 -ms-flex-align: start;
9272 align-items: start; 9283 align-items: start;
9273 } 9284 }
9274 #prev_worker .cabinet__inputs-item-buttons flex{ 9285 #prev_worker .cabinet__inputs-item-buttons flex{
9275 justify-content: end; 9286 justify-content: end;
9276 } 9287 }
9277 #prev_worker .cabinet__body-item{ 9288 #prev_worker .cabinet__body-item{
9278 border-bottom: 1px #cccccc solid; 9289 border-bottom: 1px #cccccc solid;
9279 padding-bottom: 25px; 9290 padding-bottom: 25px;
9280 } 9291 }
9281 @media (max-width: 1280px) { 9292 @media (max-width: 1280px) {
9282 #prev_worker .cabinet__inputs-item-buttons{ 9293 #prev_worker .cabinet__inputs-item-buttons{
9283 position: absolute; 9294 position: absolute;
9284 right: 0; 9295 right: 0;
9285 } 9296 }
9286 } 9297 }
9287 body .cke_notifications_area{ 9298 body .cke_notifications_area{
9288 opacity: 0; 9299 opacity: 0;
9289 display: none !important; 9300 display: none !important;
9290 } 9301 }
9302 .unread-messages-count{
9303 background-color: #377d87;
9304 color: #fff;
9305 padding: 5px 10px;
9306 border-radius: 45px;
9307 }
9291 9308
public/images/pin_off.svg
Diff comments   View file @ a939109
File was created 1 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 <g opacity="0.25">
3 <path d="M21.2011 10.2914L21.1824 10.314L21.1649 10.3376C20.99 10.5746 20.7324 10.7371 20.4432 10.793C20.1586 10.848 19.864 10.7958 19.6158 10.6467C19.566 10.6135 19.4609 10.5439 19.3519 10.4926C19.1996 10.421 18.928 10.3288 18.5951 10.4056C18.3132 10.4706 18.1249 10.6299 18.0531 10.6923C17.9801 10.7556 17.9024 10.8345 17.846 10.8918C17.8405 10.8973 17.8353 10.9026 17.8303 10.9077L17.8302 10.9078C16.4596 12.2971 16.0828 12.6702 14.9413 13.8004L14.9359 13.8058L14.9359 13.8058L14.9324 13.8093L14.4356 14.3061L14.428 14.313C14.4204 14.3199 14.3984 14.3397 14.375 14.3627C14.3742 14.3636 14.3731 14.3646 14.3719 14.3658C14.3397 14.3972 14.1785 14.5544 14.0995 14.8112C13.9963 15.1467 14.0901 15.4255 14.1553 15.5639C14.1964 15.6511 14.2463 15.7242 14.2695 15.7568C15.351 17.4028 14.7366 19.3459 13.5194 20.7627C13.2899 21.0053 13.1747 21.0049 13.1735 21.005L13.1734 21.005C13.1684 21.0052 13.0552 21.0096 12.8172 20.7948C12.4016 20.378 12.024 20.0025 11.6562 19.6368C10.9018 18.8867 10.1885 18.1775 9.27281 17.2356L9.24339 17.2053L9.21618 17.1817C9.21377 17.1792 9.20723 17.1726 9.19271 17.1581L9.19118 17.1565C9.17821 17.1435 9.1224 17.0875 9.04628 17.0331C8.95518 16.9681 8.7878 16.8702 8.55445 16.845C8.32075 16.8198 8.13401 16.8796 8.02355 16.9283C7.92365 16.9723 7.85021 17.0236 7.82313 17.0427C7.7885 17.0672 7.72572 17.116 7.70429 17.1327C7.70063 17.1355 7.69817 17.1374 7.69727 17.1381L7.68381 17.1484L7.67071 17.1592C6.59272 18.0425 5.51225 18.9209 4.42928 19.7942L4.42745 19.7957C3.98373 20.1553 3.53886 20.5154 3.09282 20.8761C3.36515 20.5014 3.63593 20.1278 3.90617 19.755C4.81152 18.5059 5.71082 17.2651 6.64195 16.0186L6.64779 16.0108L6.65348 16.0028C6.65483 16.0009 6.71685 15.9177 6.75922 15.8446C6.80423 15.7669 6.9819 15.4511 6.87009 15.0382C6.82226 14.8617 6.73858 14.738 6.68865 14.6728C6.64133 14.611 6.59536 14.5652 6.58044 14.5503L6.58003 14.5499C6.55113 14.5211 6.54482 14.5154 6.54153 14.5124C6.53888 14.51 6.53818 14.5093 6.52929 14.5L6.51846 14.4885L6.50728 14.4774C5.26496 13.246 4.40387 12.3826 3.28693 11.2608L3.28694 11.2608L3.28235 11.2563C3.00584 10.9821 3.01246 10.8459 3.01285 10.838L3.01285 10.8379C3.01346 10.8247 3.02458 10.6779 3.33148 10.4114L3.33302 10.4101C3.98754 9.8393 4.88968 9.39798 5.81255 9.24909C6.72641 9.10166 7.59019 9.24843 8.27406 9.74538C8.30815 9.77067 8.33536 9.7888 8.34843 9.7975L8.34985 9.79845L9.03635 10.2561L9.61608 9.66903C10.8598 8.40952 12.1109 7.15723 13.3691 5.91223L13.9796 5.30825L13.4748 4.61355C13.2798 4.34531 13.1929 4.01358 13.2312 3.68422C13.2695 3.35486 13.4303 3.05194 13.6816 2.8356C13.9328 2.61926 14.2563 2.5053 14.5877 2.51636C14.9187 2.5274 15.2334 2.66232 15.4696 2.89438C17.8126 5.21499 18.8157 6.22172 21.1333 8.55807C21.3566 8.78708 21.4873 9.09063 21.5001 9.41029C21.513 9.73088 21.4065 10.0449 21.2011 10.2914Z" stroke="black" stroke-width="2"/>
4 </g>
5 </svg>
6
public/images/pin_on.svg
Diff comments   View file @ a939109
File was created 1 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 <g opacity="0.5">
3 <path d="M21.9695 10.9314C21.6456 11.3703 21.1685 11.6714 20.6329 11.7749C20.0973 11.8784 19.5424 11.7767 19.0783 11.4901C18.8233 11.3214 18.8233 11.3251 18.542 11.6101C17.1658 13.0051 16.787 13.3801 15.6395 14.5164L15.1258 15.0301C15.0444 15.1051 15.0305 15.1025 15.092 15.1876C16.5545 17.3889 15.6245 19.8564 14.2633 21.4314C13.5714 22.175 12.8533 22.187 12.1258 21.5176C10.8617 20.2494 9.92903 19.3453 8.55578 17.9326C8.42453 17.8186 8.48116 17.7976 8.30453 17.9326C7.22453 18.8176 6.14203 19.6976 5.05703 20.5726C4.40453 21.1014 3.74953 21.6314 3.09203 22.1626C2.88997 22.3572 2.62566 22.4741 2.34578 22.4926C2.23653 22.4905 2.12881 22.4665 2.02898 22.4221C1.92915 22.3776 1.83923 22.3136 1.76453 22.2339C1.23953 21.7201 1.62953 21.1839 1.79828 20.9551C3.14716 19.1068 4.46266 17.2651 5.84078 15.4201C5.94053 15.281 5.92441 15.3155 5.80328 15.1876C4.55866 13.9539 3.69578 13.0888 2.57828 11.9664C1.78703 11.1819 1.83203 10.3891 2.67578 9.65639C4.25828 8.27639 6.96953 7.55639 8.86703 8.94014C8.88203 8.95139 8.89328 8.95889 8.90453 8.96639C10.151 7.70413 11.4048 6.44911 12.6658 5.20139C12.3233 4.73012 12.1706 4.14733 12.2379 3.56868C12.3052 2.99004 12.5876 2.45786 13.0291 2.07778C13.4706 1.69769 14.0388 1.49749 14.621 1.51692C15.2033 1.53634 15.7569 1.77397 16.172 2.18264C18.5195 4.50764 19.5245 5.51639 21.8458 7.85639C22.2436 8.2626 22.4765 8.80199 22.4993 9.37008C22.5222 9.93817 22.3334 10.4945 21.9695 10.9314Z" fill="black"/>
4 </g>
5 </svg>
6
public/images/sprite.svg
Diff comments   View file @ a939109
1 <svg xmlns="http://www.w3.org/2000/svg" display="none"> 1 <svg xmlns="http://www.w3.org/2000/svg" display="none">
2 2
3 <symbol id="logo" viewBox="0 0 182 54" fill="none"> 3 <symbol id="logo" viewBox="0 0 182 54" fill="none">
4 <path d="M26.9375 54C41.8147 54 53.875 41.9117 53.875 27C53.875 12.0883 41.8147 0 26.9375 0C12.0603 0 0 12.0883 0 27C0 41.9117 12.0603 54 26.9375 54Z" fill="currentColor"/> 4 <path d="M26.9375 54C41.8147 54 53.875 41.9117 53.875 27C53.875 12.0883 41.8147 0 26.9375 0C12.0603 0 0 12.0883 0 27C0 41.9117 12.0603 54 26.9375 54Z" fill="currentColor"/>
5 <path d="M66.8154 37.1175C66.6503 36.5881 66.5183 36.2903 66.5183 34.6359V31.4594C66.5183 29.5734 65.8911 28.9116 64.4385 28.9116H63.3492V37.1175H60.147V16.9668H64.9667C68.2679 16.9668 69.7204 18.4889 69.7204 21.5992V23.1874C69.7204 25.2719 69.0602 26.6286 67.6407 27.2903C69.2252 27.9521 69.7534 29.4741 69.7534 31.5918V34.7021C69.7534 35.6947 69.7864 36.3896 70.1165 37.1506H66.8154V37.1175ZM63.3492 19.8455V26.033H64.6036C65.792 26.033 66.5183 25.5036 66.5183 23.9153V21.93C66.5183 20.5072 66.0231 19.8455 64.9007 19.8455H63.3492Z" fill="currentColor"/> 5 <path d="M66.8154 37.1175C66.6503 36.5881 66.5183 36.2903 66.5183 34.6359V31.4594C66.5183 29.5734 65.8911 28.9116 64.4385 28.9116H63.3492V37.1175H60.147V16.9668H64.9667C68.2679 16.9668 69.7204 18.4889 69.7204 21.5992V23.1874C69.7204 25.2719 69.0602 26.6286 67.6407 27.2903C69.2252 27.9521 69.7534 29.4741 69.7534 31.5918V34.7021C69.7534 35.6947 69.7864 36.3896 70.1165 37.1506H66.8154V37.1175ZM63.3492 19.8455V26.033H64.6036C65.792 26.033 66.5183 25.5036 66.5183 23.9153V21.93C66.5183 20.5072 66.0231 19.8455 64.9007 19.8455H63.3492Z" fill="currentColor"/>
6 <path d="M75.0356 25.4705H79.4261V28.3491H75.0356V34.2389H80.5485V37.1175H71.8334V16.9668H80.5485V19.8455H75.0356V25.4705Z" fill="currentColor"/> 6 <path d="M75.0356 25.4705H79.4261V28.3491H75.0356V34.2389H80.5485V37.1175H71.8334V16.9668H80.5485V19.8455H75.0356V25.4705Z" fill="currentColor"/>
7 <path d="M86.7218 29.1102L85.7315 30.9631V37.1506H82.5294V16.9668H85.7315V25.7352L89.924 16.9668H93.1261L88.6695 25.9337L93.1261 37.1175H89.8249L86.7218 29.1102Z" fill="currentColor"/> 7 <path d="M86.7218 29.1102L85.7315 30.9631V37.1506H82.5294V16.9668H85.7315V25.7352L89.924 16.9668H93.1261L88.6695 25.9337L93.1261 37.1175H89.8249L86.7218 29.1102Z" fill="currentColor"/>
8 <path d="M104.944 37.1175H101.709L101.148 33.4778H97.2193L96.6581 37.1175H93.7531L97.0212 16.9668H101.676L104.944 37.1175ZM97.6484 30.7315H100.719L99.167 20.5403L97.6484 30.7315Z" fill="currentColor"/> 8 <path d="M104.944 37.1175H101.709L101.148 33.4778H97.2193L96.6581 37.1175H93.7531L97.0212 16.9668H101.676L104.944 37.1175ZM97.6484 30.7315H100.719L99.167 20.5403L97.6484 30.7315Z" fill="currentColor"/>
9 <path d="M113.197 31.294L115.376 16.9999H119.833V37.1506H116.795V22.6911L114.584 37.1506H111.58L109.203 22.8896V37.1506H106.397V16.9668H110.853L113.197 31.294Z" fill="currentColor"/> 9 <path d="M113.197 31.294L115.376 16.9999H119.833V37.1506H116.795V22.6911L114.584 37.1506H111.58L109.203 22.8896V37.1506H106.397V16.9668H110.853L113.197 31.294Z" fill="currentColor"/>
10 <path d="M121.912 21.8313C121.912 18.6217 123.629 16.7688 126.765 16.7688C129.901 16.7688 131.618 18.6217 131.618 21.8313V32.3203C131.618 35.5298 129.901 37.3828 126.765 37.3828C123.629 37.3828 121.912 35.5298 121.912 32.3203V21.8313ZM125.114 32.4857C125.114 33.9085 125.742 34.471 126.765 34.471C127.788 34.471 128.415 33.9085 128.415 32.4857V21.6328C128.415 20.21 127.788 19.6475 126.765 19.6475C125.742 19.6475 125.114 20.21 125.114 21.6328V32.4857Z" fill="currentColor"/> 10 <path d="M121.912 21.8313C121.912 18.6217 123.629 16.7688 126.765 16.7688C129.901 16.7688 131.618 18.6217 131.618 21.8313V32.3203C131.618 35.5298 129.901 37.3828 126.765 37.3828C123.629 37.3828 121.912 35.5298 121.912 32.3203V21.8313ZM125.114 32.4857C125.114 33.9085 125.742 34.471 126.765 34.471C127.788 34.471 128.415 33.9085 128.415 32.4857V21.6328C128.415 20.21 127.788 19.6475 126.765 19.6475C125.742 19.6475 125.114 20.21 125.114 21.6328V32.4857Z" fill="currentColor"/>
11 <path d="M140.399 37.1175C140.234 36.5881 140.101 36.2903 140.101 34.6359V31.4594C140.101 29.5734 139.474 28.9116 138.022 28.9116H136.932V37.1175H133.697V16.9668H138.517C141.818 16.9668 143.271 18.4889 143.271 21.5992V23.1874C143.271 25.2719 142.61 26.6286 141.191 27.2903C142.775 27.9521 143.304 29.4741 143.304 31.5918V34.7021C143.304 35.6947 143.337 36.3896 143.667 37.1506H140.399V37.1175ZM136.899 19.8455V26.033H138.154C139.342 26.033 140.068 25.5036 140.068 23.9153V21.93C140.068 20.5072 139.573 19.8455 138.451 19.8455H136.899Z" fill="currentColor"/> 11 <path d="M140.399 37.1175C140.234 36.5881 140.101 36.2903 140.101 34.6359V31.4594C140.101 29.5734 139.474 28.9116 138.022 28.9116H136.932V37.1175H133.697V16.9668H138.517C141.818 16.9668 143.271 18.4889 143.271 21.5992V23.1874C143.271 25.2719 142.61 26.6286 141.191 27.2903C142.775 27.9521 143.304 29.4741 143.304 31.5918V34.7021C143.304 35.6947 143.337 36.3896 143.667 37.1506H140.399V37.1175ZM136.899 19.8455V26.033H138.154C139.342 26.033 140.068 25.5036 140.068 23.9153V21.93C140.068 20.5072 139.573 19.8455 138.451 19.8455H136.899Z" fill="currentColor"/>
12 <path d="M148.586 25.4705H152.976V28.3491H148.586V34.2389H154.099V37.1175H145.384V16.9668H154.099V19.8455H148.586V25.4705Z" fill="currentColor"/> 12 <path d="M148.586 25.4705H152.976V28.3491H148.586V34.2389H154.099V37.1175H145.384V16.9668H154.099V19.8455H148.586V25.4705Z" fill="currentColor"/>
13 <path d="M159.182 34.0737V37.1178H156.112V34.0737H159.182Z" fill="currentColor"/> 13 <path d="M159.182 34.0737V37.1178H156.112V34.0737H159.182Z" fill="currentColor"/>
14 <path d="M165.685 16.7688C168.789 16.7688 170.406 18.6217 170.406 21.8313V22.46H167.369V21.6328C167.369 20.21 166.775 19.6475 165.785 19.6475C164.761 19.6475 164.2 20.21 164.2 21.6328C164.2 25.7688 170.472 26.5629 170.472 32.3203C170.472 35.5298 168.855 37.3828 165.685 37.3828C162.549 37.3828 160.899 35.5298 160.899 32.3203V31.096H163.936V32.5188C163.936 33.9416 164.563 34.471 165.586 34.471C166.61 34.471 167.237 33.9416 167.237 32.5188C167.237 28.3828 160.965 27.5887 160.965 21.8313C160.965 18.5887 162.549 16.7688 165.685 16.7688Z" fill="currentColor"/> 14 <path d="M165.685 16.7688C168.789 16.7688 170.406 18.6217 170.406 21.8313V22.46H167.369V21.6328C167.369 20.21 166.775 19.6475 165.785 19.6475C164.761 19.6475 164.2 20.21 164.2 21.6328C164.2 25.7688 170.472 26.5629 170.472 32.3203C170.472 35.5298 168.855 37.3828 165.685 37.3828C162.549 37.3828 160.899 35.5298 160.899 32.3203V31.096H163.936V32.5188C163.936 33.9416 164.563 34.471 165.586 34.471C166.61 34.471 167.237 33.9416 167.237 32.5188C167.237 28.3828 160.965 27.5887 160.965 21.8313C160.965 18.5887 162.549 16.7688 165.685 16.7688Z" fill="currentColor"/>
15 <path d="M175.325 16.9668V32.5183C175.325 33.9411 175.952 34.4705 176.975 34.4705C177.999 34.4705 178.626 33.9411 178.626 32.5183V16.9668H181.663V32.3197C181.663 35.5293 180.045 37.3822 176.876 37.3822C173.74 37.3822 172.09 35.5293 172.09 32.3197V16.9668H175.325Z" fill="currentColor"/> 15 <path d="M175.325 16.9668V32.5183C175.325 33.9411 175.952 34.4705 176.975 34.4705C177.999 34.4705 178.626 33.9411 178.626 32.5183V16.9668H181.663V32.3197C181.663 35.5293 180.045 37.3822 176.876 37.3822C173.74 37.3822 172.09 35.5293 172.09 32.3197V16.9668H175.325Z" fill="currentColor"/>
16 <path d="M18.2556 11.5144V13.235C18.2556 15.3195 17.1662 16.4776 14.9214 16.4776H13.865V21.4078H11.6533V8.27173H14.9214C17.1662 8.27173 18.2556 9.39673 18.2556 11.5144ZM13.865 10.1247V14.5585H14.9214C15.6147 14.5585 16.0108 14.2607 16.0108 13.3342V11.382C16.0108 10.4556 15.6147 10.1578 14.9214 10.1578H13.865V10.1247Z" fill="white"/> 16 <path d="M18.2556 11.5144V13.235C18.2556 15.3195 17.1662 16.4776 14.9214 16.4776H13.865V21.4078H11.6533V8.27173H14.9214C17.1662 8.27173 18.2556 9.39673 18.2556 11.5144ZM13.865 10.1247V14.5585H14.9214C15.6147 14.5585 16.0108 14.2607 16.0108 13.3342V11.382C16.0108 10.4556 15.6147 10.1578 14.9214 10.1578H13.865V10.1247Z" fill="white"/>
17 <path d="M21.5239 13.7975H24.594V15.6835H21.5239V19.5217H25.3863V21.4078H19.2791V8.27173H25.3533V10.1578H21.5239V13.7975Z" fill="white"/> 17 <path d="M21.5239 13.7975H24.594V15.6835H21.5239V19.5217H25.3863V21.4078H19.2791V8.27173H25.3533V10.1578H21.5239V13.7975Z" fill="white"/>
18 <path d="M29.6443 16.1467L28.9511 17.3379V21.3747H26.7393V8.27173H28.9511V13.996L31.8891 8.27173H34.1009L30.9978 14.1283L34.1009 21.4078H31.8231L29.6443 16.1467Z" fill="white"/> 18 <path d="M29.6443 16.1467L28.9511 17.3379V21.3747H26.7393V8.27173H28.9511V13.996L31.8891 8.27173H34.1009L30.9978 14.1283L34.1009 21.4078H31.8231L29.6443 16.1467Z" fill="white"/>
19 <path d="M42.3209 21.375H40.0761L39.68 18.9927H36.973L36.5769 21.375H34.5302L36.808 8.23901H40.0761L42.3209 21.375ZM37.2371 17.2059H39.3829L38.3265 10.5883L37.2371 17.2059Z" fill="white"/> 19 <path d="M42.3209 21.375H40.0761L39.68 18.9927H36.973L36.5769 21.375H34.5302L36.808 8.23901H40.0761L42.3209 21.375ZM37.2371 17.2059H39.3829L38.3265 10.5883L37.2371 17.2059Z" fill="white"/>
20 <path d="M15.9117 32.2945L17.2982 22.9636H20.1372V36.0997H18.2225V26.7026L16.803 36.0997H14.8553L13.3368 26.8349V36.0997H11.5541V22.9967H14.3931L15.9117 32.2945Z" fill="white"/> 20 <path d="M15.9117 32.2945L17.2982 22.9636H20.1372V36.0997H18.2225V26.7026L16.803 36.0997H14.8553L13.3368 26.8349V36.0997H11.5541V22.9967H14.3931L15.9117 32.2945Z" fill="white"/>
21 <path d="M21.4578 26.1404C21.4578 24.0558 22.5471 22.8315 24.5609 22.8315C26.5746 22.8315 27.6639 24.0227 27.6639 26.1404V32.9565C27.6639 35.0411 26.5746 36.2654 24.5609 36.2654C22.5471 36.2654 21.4578 35.0742 21.4578 32.9565V26.1404ZM23.5045 33.0889C23.5045 34.0154 23.9006 34.3793 24.5609 34.3793C25.2211 34.3793 25.6172 34.0154 25.6172 33.0889V26.008C25.6172 25.0815 25.2211 24.7176 24.5609 24.7176C23.9006 24.7176 23.5045 25.0815 23.5045 26.008V33.0889Z" fill="white"/> 21 <path d="M21.4578 26.1404C21.4578 24.0558 22.5471 22.8315 24.5609 22.8315C26.5746 22.8315 27.6639 24.0227 27.6639 26.1404V32.9565C27.6639 35.0411 26.5746 36.2654 24.5609 36.2654C22.5471 36.2654 21.4578 35.0742 21.4578 32.9565V26.1404ZM23.5045 33.0889C23.5045 34.0154 23.9006 34.3793 24.5609 34.3793C25.2211 34.3793 25.6172 34.0154 25.6172 33.0889V26.008C25.6172 25.0815 25.2211 24.7176 24.5609 24.7176C23.9006 24.7176 23.5045 25.0815 23.5045 26.008V33.0889Z" fill="white"/>
22 <path d="M35.0257 26.239V27.9596C35.0257 30.0441 34.0353 31.2022 31.9886 31.2022H31.0313V36.1324H28.9846V22.9963H31.9886C34.0353 22.9963 35.0257 24.1213 35.0257 26.239ZM31.0313 24.8493V29.2831H31.9886C32.6488 29.2831 32.979 28.9853 32.979 28.0588V26.1066C32.979 25.1802 32.6158 24.8824 31.9886 24.8824H31.0313V24.8493Z" fill="white"/> 22 <path d="M35.0257 26.239V27.9596C35.0257 30.0441 34.0353 31.2022 31.9886 31.2022H31.0313V36.1324H28.9846V22.9963H31.9886C34.0353 22.9963 35.0257 24.1213 35.0257 26.239ZM31.0313 24.8493V29.2831H31.9886C32.6488 29.2831 32.979 28.9853 32.979 28.0588V26.1066C32.979 25.1802 32.6158 24.8824 31.9886 24.8824H31.0313V24.8493Z" fill="white"/>
23 <path d="M38.0294 28.5221H40.8354V30.4081H38.0294V34.2463H41.5617V36.1324H35.9827V22.9963H41.5617V24.8824H38.0294V28.5221Z" fill="white"/> 23 <path d="M38.0294 28.5221H40.8354V30.4081H38.0294V34.2463H41.5617V36.1324H35.9827V22.9963H41.5617V24.8824H38.0294V28.5221Z" fill="white"/>
24 <path d="M41.1323 40.169C40.9342 39.408 39.9439 39.1764 39.2176 39.6727C38.8545 39.9374 38.4914 40.2352 38.0952 40.4999C37.2369 41.0624 36.2466 40.9962 35.4213 40.3676C34.9921 40.0367 34.563 39.7058 34.1008 39.3749C33.3415 38.8786 32.5163 38.4815 31.4929 38.5146C30.5686 38.5477 29.8093 38.8786 29.1161 39.3418C28.5219 39.7389 27.9937 40.169 27.3664 40.5661C26.6072 41.0624 25.6829 40.9962 24.9566 40.4668C24.5935 40.2021 24.2303 39.9043 23.8672 39.6396C22.1176 38.2499 20.2029 38.1507 18.2882 39.408C17.8261 39.7058 17.4299 40.0367 17.0008 40.3676C16.2415 40.9301 15.4492 41.0293 14.69 40.6654C14.624 40.6323 14.5249 40.5992 14.4589 40.533C14.3929 40.4999 14.3269 40.4337 14.2608 40.4007C13.9967 40.2021 13.7657 40.0036 13.4685 39.8051C12.9404 39.4742 12.3462 39.5073 11.917 39.8712C11.5209 40.2021 11.5209 40.7315 11.95 41.1286C12.2141 41.3602 12.5112 41.5918 12.8413 41.8234C12.9074 41.8896 13.0064 41.9227 13.0724 41.9889V42.022C13.6336 42.3859 14.2608 42.5845 14.888 42.6837C14.9541 42.6837 14.9871 42.7168 15.0531 42.7168C15.0861 42.7168 15.0861 42.7168 15.1191 42.7168C15.3172 42.7499 15.5153 42.7499 15.7133 42.7499C16.6377 42.7499 17.595 42.4521 18.4533 41.8565C18.9155 41.5257 19.3446 41.1948 19.8068 40.8639C20.6981 40.2683 21.3253 40.2683 22.2166 40.897C22.6128 41.1948 23.0089 41.4926 23.405 41.7904C24.3954 42.4852 25.5178 42.8161 26.8713 42.6837C27.8616 42.5514 28.6539 42.1543 29.3802 41.658C29.8423 41.3271 30.3045 40.9632 30.7997 40.6654C31.4269 40.2683 31.922 40.2683 32.5493 40.6984C33.0775 41.0293 33.5396 41.3933 34.0348 41.7573C34.8601 42.3859 35.8174 42.7168 36.9728 42.7168C37.7321 42.6837 38.5244 42.5845 39.1846 42.1543C39.8448 41.7573 40.439 41.294 41.0333 40.7977C41.0993 40.6984 41.1653 40.4007 41.1323 40.169Z" fill="white"/> 24 <path d="M41.1323 40.169C40.9342 39.408 39.9439 39.1764 39.2176 39.6727C38.8545 39.9374 38.4914 40.2352 38.0952 40.4999C37.2369 41.0624 36.2466 40.9962 35.4213 40.3676C34.9921 40.0367 34.563 39.7058 34.1008 39.3749C33.3415 38.8786 32.5163 38.4815 31.4929 38.5146C30.5686 38.5477 29.8093 38.8786 29.1161 39.3418C28.5219 39.7389 27.9937 40.169 27.3664 40.5661C26.6072 41.0624 25.6829 40.9962 24.9566 40.4668C24.5935 40.2021 24.2303 39.9043 23.8672 39.6396C22.1176 38.2499 20.2029 38.1507 18.2882 39.408C17.8261 39.7058 17.4299 40.0367 17.0008 40.3676C16.2415 40.9301 15.4492 41.0293 14.69 40.6654C14.624 40.6323 14.5249 40.5992 14.4589 40.533C14.3929 40.4999 14.3269 40.4337 14.2608 40.4007C13.9967 40.2021 13.7657 40.0036 13.4685 39.8051C12.9404 39.4742 12.3462 39.5073 11.917 39.8712C11.5209 40.2021 11.5209 40.7315 11.95 41.1286C12.2141 41.3602 12.5112 41.5918 12.8413 41.8234C12.9074 41.8896 13.0064 41.9227 13.0724 41.9889V42.022C13.6336 42.3859 14.2608 42.5845 14.888 42.6837C14.9541 42.6837 14.9871 42.7168 15.0531 42.7168C15.0861 42.7168 15.0861 42.7168 15.1191 42.7168C15.3172 42.7499 15.5153 42.7499 15.7133 42.7499C16.6377 42.7499 17.595 42.4521 18.4533 41.8565C18.9155 41.5257 19.3446 41.1948 19.8068 40.8639C20.6981 40.2683 21.3253 40.2683 22.2166 40.897C22.6128 41.1948 23.0089 41.4926 23.405 41.7904C24.3954 42.4852 25.5178 42.8161 26.8713 42.6837C27.8616 42.5514 28.6539 42.1543 29.3802 41.658C29.8423 41.3271 30.3045 40.9632 30.7997 40.6654C31.4269 40.2683 31.922 40.2683 32.5493 40.6984C33.0775 41.0293 33.5396 41.3933 34.0348 41.7573C34.8601 42.3859 35.8174 42.7168 36.9728 42.7168C37.7321 42.6837 38.5244 42.5845 39.1846 42.1543C39.8448 41.7573 40.439 41.294 41.0333 40.7977C41.0993 40.6984 41.1653 40.4007 41.1323 40.169Z" fill="white"/>
25 <path d="M41.1323 43.8748C40.9342 43.1138 39.9439 42.8822 39.2176 43.3785C38.8545 43.6432 38.4914 43.941 38.0952 44.2057C37.2369 44.7682 36.2466 44.7021 35.4213 44.0734C34.9921 43.7425 34.563 43.4116 34.1008 43.0807C33.3415 42.5844 32.5163 42.1873 31.4929 42.2204C30.5686 42.2535 29.8093 42.5844 29.1161 43.0476C28.5219 43.4447 27.9937 43.8748 27.3664 44.2719C26.6072 44.7682 25.6829 44.7021 24.9566 44.1726C24.5935 43.9079 24.2303 43.6101 23.8672 43.3454C22.1176 41.9557 20.2029 41.8565 18.2882 43.1469C17.8261 43.4447 17.4299 43.7756 17.0008 44.1065C16.2415 44.669 15.4492 44.7682 14.69 44.4043C14.624 44.3712 14.5249 44.3381 14.4589 44.2719C14.3929 44.2388 14.3269 44.1726 14.2608 44.1396C13.9967 43.941 13.7657 43.7425 13.4685 43.544C12.9404 43.2131 12.3462 43.2462 11.917 43.6101C11.5209 43.941 11.5209 44.4704 11.95 44.8675C12.2141 45.0991 12.5112 45.3307 12.8413 45.5623C12.9074 45.6285 13.0064 45.6616 13.0724 45.7278V45.7609C13.6336 46.1248 14.2608 46.3234 14.888 46.4226C14.9541 46.4226 14.9871 46.4557 15.0531 46.4557C15.0861 46.4557 15.0861 46.4557 15.1191 46.4557C15.3172 46.4888 15.5153 46.4888 15.7133 46.4888C16.6377 46.4888 17.595 46.191 18.4533 45.5954C18.9155 45.2646 19.3446 44.9337 19.8068 44.6028C20.6981 44.0072 21.3253 44.0072 22.2166 44.6359C22.6128 44.9337 23.0089 45.2315 23.405 45.5293C24.3954 46.2241 25.5178 46.555 26.8713 46.4226C27.8616 46.2903 28.6539 45.8932 29.3802 45.3969C29.8423 45.066 30.3045 44.7021 30.7997 44.4043C31.4269 44.0072 31.922 44.0072 32.5493 44.4373C33.0775 44.7682 33.5396 45.1322 34.0348 45.4962C34.8601 46.1248 35.8174 46.4557 36.9728 46.4557C37.7321 46.4226 38.5244 46.3234 39.1846 45.8932C39.8448 45.4962 40.439 45.0329 41.0333 44.5366C41.0993 44.4043 41.1653 44.0734 41.1323 43.8748Z" fill="white"/> 25 <path d="M41.1323 43.8748C40.9342 43.1138 39.9439 42.8822 39.2176 43.3785C38.8545 43.6432 38.4914 43.941 38.0952 44.2057C37.2369 44.7682 36.2466 44.7021 35.4213 44.0734C34.9921 43.7425 34.563 43.4116 34.1008 43.0807C33.3415 42.5844 32.5163 42.1873 31.4929 42.2204C30.5686 42.2535 29.8093 42.5844 29.1161 43.0476C28.5219 43.4447 27.9937 43.8748 27.3664 44.2719C26.6072 44.7682 25.6829 44.7021 24.9566 44.1726C24.5935 43.9079 24.2303 43.6101 23.8672 43.3454C22.1176 41.9557 20.2029 41.8565 18.2882 43.1469C17.8261 43.4447 17.4299 43.7756 17.0008 44.1065C16.2415 44.669 15.4492 44.7682 14.69 44.4043C14.624 44.3712 14.5249 44.3381 14.4589 44.2719C14.3929 44.2388 14.3269 44.1726 14.2608 44.1396C13.9967 43.941 13.7657 43.7425 13.4685 43.544C12.9404 43.2131 12.3462 43.2462 11.917 43.6101C11.5209 43.941 11.5209 44.4704 11.95 44.8675C12.2141 45.0991 12.5112 45.3307 12.8413 45.5623C12.9074 45.6285 13.0064 45.6616 13.0724 45.7278V45.7609C13.6336 46.1248 14.2608 46.3234 14.888 46.4226C14.9541 46.4226 14.9871 46.4557 15.0531 46.4557C15.0861 46.4557 15.0861 46.4557 15.1191 46.4557C15.3172 46.4888 15.5153 46.4888 15.7133 46.4888C16.6377 46.4888 17.595 46.191 18.4533 45.5954C18.9155 45.2646 19.3446 44.9337 19.8068 44.6028C20.6981 44.0072 21.3253 44.0072 22.2166 44.6359C22.6128 44.9337 23.0089 45.2315 23.405 45.5293C24.3954 46.2241 25.5178 46.555 26.8713 46.4226C27.8616 46.2903 28.6539 45.8932 29.3802 45.3969C29.8423 45.066 30.3045 44.7021 30.7997 44.4043C31.4269 44.0072 31.922 44.0072 32.5493 44.4373C33.0775 44.7682 33.5396 45.1322 34.0348 45.4962C34.8601 46.1248 35.8174 46.4557 36.9728 46.4557C37.7321 46.4226 38.5244 46.3234 39.1846 45.8932C39.8448 45.4962 40.439 45.0329 41.0333 44.5366C41.0993 44.4043 41.1653 44.0734 41.1323 43.8748Z" fill="white"/>
26 </symbol> 26 </symbol>
27 27
28 <symbol id="burger" viewBox="0 0 20 14" fill="none"> 28 <symbol id="burger" viewBox="0 0 20 14" fill="none">
29 <rect width="20" height="1.75" rx="0.875" fill="currentColor"/> 29 <rect width="20" height="1.75" rx="0.875" fill="currentColor"/>
30 <rect y="6.125" width="20" height="1.75" rx="0.875" fill="currentColor"/> 30 <rect y="6.125" width="20" height="1.75" rx="0.875" fill="currentColor"/>
31 <rect y="12.25" width="20" height="1.75" rx="0.875" fill="currentColor"/> 31 <rect y="12.25" width="20" height="1.75" rx="0.875" fill="currentColor"/>
32 </symbol> 32 </symbol>
33 33
34 <symbol id="cross" viewBox="0 0 20 19" fill="none"> 34 <symbol id="cross" viewBox="0 0 20 19" fill="none">
35 <path d="M1.99997 17.9199L18.5566 2" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/> 35 <path d="M1.99997 17.9199L18.5566 2" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/>
36 <path d="M1.99997 2.00017L18.5566 17.92" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/> 36 <path d="M1.99997 2.00017L18.5566 17.92" stroke="currentColor" stroke-width="2.16" stroke-linecap="round" stroke-linejoin="round"/>
37 </symbol> 37 </symbol>
38 38
39 <symbol id="cross-bold" width="10" height="10" viewBox="0 0 10 10" fill="none"> 39 <symbol id="cross-bold" width="10" height="10" viewBox="0 0 10 10" fill="none">
40 <path d="M8.27299 1.72729L1.72754 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 40 <path d="M8.27299 1.72729L1.72754 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
41 <path d="M1.72798 1.72729L8.27344 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 41 <path d="M1.72798 1.72729L8.27344 8.27275" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
42 </symbol> 42 </symbol>
43 43
44 <symbol id="ring" viewBox="0 0 16 20" fill="none"> 44 <symbol id="ring" viewBox="0 0 16 20" fill="none">
45 <path d="M7.99999 20C9.09999 20 9.99999 19.1 9.99999 18H5.99999C5.99999 19.1 6.88999 20 7.99999 20ZM14 14V9C14 5.93 12.36 3.36 9.49999 2.68V2C9.49999 1.17 8.82999 0.5 7.99999 0.5C7.16999 0.5 6.49999 1.17 6.49999 2V2.68C3.62999 3.36 1.99999 5.92 1.99999 9V14L0.70999 15.29C0.0799904 15.92 0.51999 17 1.40999 17H14.58C15.47 17 15.92 15.92 15.29 15.29L14 14Z" fill="currentColor"/> 45 <path d="M7.99999 20C9.09999 20 9.99999 19.1 9.99999 18H5.99999C5.99999 19.1 6.88999 20 7.99999 20ZM14 14V9C14 5.93 12.36 3.36 9.49999 2.68V2C9.49999 1.17 8.82999 0.5 7.99999 0.5C7.16999 0.5 6.49999 1.17 6.49999 2V2.68C3.62999 3.36 1.99999 5.92 1.99999 9V14L0.70999 15.29C0.0799904 15.92 0.51999 17 1.40999 17H14.58C15.47 17 15.92 15.92 15.29 15.29L14 14Z" fill="currentColor"/>
46 </symbol> 46 </symbol>
47 47
48 <symbol id="arrow" viewBox="0 0 17 31" fill="none"> 48 <symbol id="arrow" viewBox="0 0 17 31" fill="none">
49 <path d="M1.5 2L15 15.5L1.5 29" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> 49 <path d="M1.5 2L15 15.5L1.5 29" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
50 </symbol> 50 </symbol>
51 51
52 <symbol id="arrow-top" viewBox="0 0 13 7" fill="none"> 52 <symbol id="arrow-top" viewBox="0 0 13 7" fill="none">
53 <path d="M12 6L6.5 1L1 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 53 <path d="M12 6L6.5 1L1 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
54 </symbol> 54 </symbol>
55 55
56 <symbol id="arrow-bold" viewBox="0 0 6 10" fill="none"> 56 <symbol id="arrow-bold" viewBox="0 0 6 10" fill="none">
57 <path d="M1 1L5 5L1 9" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 57 <path d="M1 1L5 5L1 9" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
58 </symbol> 58 </symbol>
59 59
60 <symbol id="vk" viewBox="0 0 16 10" fill="none"> 60 <symbol id="vk" viewBox="0 0 16 10" fill="none">
61 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.35099 0.00135622H0.600254C0.100042 0.00135622 0 0.241458 0 0.501568C0 0.961762 0.600254 3.26274 2.76117 6.30402C4.21178 8.3749 6.25265 9.50538 8.10343 9.50538C9.2139 9.50538 9.35396 9.25527 9.35396 8.82509V7.25442C9.35396 6.75421 9.454 6.65417 9.81415 6.65417C10.0743 6.65417 10.5144 6.78422 11.5549 7.78465C12.7454 8.97515 12.9355 9.50538 13.6058 9.50538H15.3565C15.8567 9.50538 16.1068 9.25527 15.9568 8.76506C15.8067 8.26485 15.2364 7.56456 14.4861 6.7142C14.086 6.22399 13.4657 5.71377 13.2856 5.45366C13.0255 5.11352 13.0855 4.96346 13.2856 4.67333C13.2856 4.67333 15.4165 1.67206 15.6366 0.641627C15.7467 0.271471 15.6366 0.00135622 15.1064 0.00135622H13.3556C13.1919 -0.0084346 13.0294 0.0349857 12.8924 0.125136C12.7554 0.215287 12.6511 0.347334 12.5953 0.501568C12.5953 0.501568 11.6949 2.66248 10.4444 4.07308C10.0342 4.48325 9.84416 4.61331 9.62407 4.61331C9.52403 4.61331 9.35396 4.48325 9.35396 4.1131V0.641627C9.35396 0.201441 9.2239 0.00135622 8.85375 0.00135622H6.10258C5.82246 0.00135622 5.65239 0.201441 5.65239 0.401526C5.65239 0.821703 6.29266 0.921746 6.35269 2.10225V4.68334C6.35269 5.25358 6.25265 5.35362 6.03255 5.35362C5.4323 5.35362 3.99169 3.1727 3.13132 0.681644C2.97126 0.201441 2.80118 0.00135622 2.35099 0.00135622Z" fill="currentColor"/> 61 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.35099 0.00135622H0.600254C0.100042 0.00135622 0 0.241458 0 0.501568C0 0.961762 0.600254 3.26274 2.76117 6.30402C4.21178 8.3749 6.25265 9.50538 8.10343 9.50538C9.2139 9.50538 9.35396 9.25527 9.35396 8.82509V7.25442C9.35396 6.75421 9.454 6.65417 9.81415 6.65417C10.0743 6.65417 10.5144 6.78422 11.5549 7.78465C12.7454 8.97515 12.9355 9.50538 13.6058 9.50538H15.3565C15.8567 9.50538 16.1068 9.25527 15.9568 8.76506C15.8067 8.26485 15.2364 7.56456 14.4861 6.7142C14.086 6.22399 13.4657 5.71377 13.2856 5.45366C13.0255 5.11352 13.0855 4.96346 13.2856 4.67333C13.2856 4.67333 15.4165 1.67206 15.6366 0.641627C15.7467 0.271471 15.6366 0.00135622 15.1064 0.00135622H13.3556C13.1919 -0.0084346 13.0294 0.0349857 12.8924 0.125136C12.7554 0.215287 12.6511 0.347334 12.5953 0.501568C12.5953 0.501568 11.6949 2.66248 10.4444 4.07308C10.0342 4.48325 9.84416 4.61331 9.62407 4.61331C9.52403 4.61331 9.35396 4.48325 9.35396 4.1131V0.641627C9.35396 0.201441 9.2239 0.00135622 8.85375 0.00135622H6.10258C5.82246 0.00135622 5.65239 0.201441 5.65239 0.401526C5.65239 0.821703 6.29266 0.921746 6.35269 2.10225V4.68334C6.35269 5.25358 6.25265 5.35362 6.03255 5.35362C5.4323 5.35362 3.99169 3.1727 3.13132 0.681644C2.97126 0.201441 2.80118 0.00135622 2.35099 0.00135622Z" fill="currentColor"/>
62 </symbol> 62 </symbol>
63 63
64 <symbol id="tg" viewBox="0 0 16 14" fill="none"> 64 <symbol id="tg" viewBox="0 0 16 14" fill="none">
65 <path d="M15.7901 0.149541C15.5648 -0.0380885 15.2008 -0.0551456 14.5769 0.132484C14.1436 0.268942 10.2959 1.70175 6.89889 3.08338C3.84848 4.32856 1.37003 5.42022 1.07539 5.55668C0.746083 5.65902 0.0354772 5.96605 0.000813508 6.44365C-0.0165183 6.75068 0.243459 7.0236 0.746083 7.24534C1.28337 7.51826 3.65783 8.30289 4.16046 8.4564C4.33377 9.03635 5.35635 12.4307 5.40835 12.6354C5.47768 12.9425 5.68566 13.113 5.78965 13.1813C5.80698 13.1983 5.84164 13.2324 5.87631 13.2495C5.9283 13.2836 5.99763 13.3007 6.08429 13.3007C6.20561 13.3007 6.34427 13.2495 6.46559 13.1642C7.10687 12.6525 8.21611 11.5096 8.52808 11.1856C9.8973 12.2431 11.3878 13.4201 11.5265 13.5565L11.5438 13.5736C11.8731 13.8465 12.2198 14 12.5317 14C12.6357 14 12.7397 13.9829 12.8437 13.9488C13.2077 13.8294 13.4677 13.4883 13.5543 13.0277C13.5543 13.0107 13.5716 12.9425 13.6063 12.8231C14.1956 10.2986 14.6636 8.08115 15.0449 6.22191C15.4088 4.39679 15.7035 2.60578 15.8768 1.65058C15.9114 1.41177 15.9461 1.22415 15.9634 1.10475C16.0154 0.763601 16.0501 0.371285 15.7901 0.149541ZM4.52442 8.40523L12.7917 3.01515C12.809 2.9981 12.8437 2.98104 12.861 2.96398C12.8784 2.96398 12.8784 2.94692 12.8957 2.94692C12.913 2.94692 12.913 2.94692 12.9304 2.92987C12.913 2.94692 12.8957 2.9981 12.861 3.03221L10.7639 4.95968C9.30801 6.27308 7.40151 7.99586 6.13629 9.12164C6.13629 9.12164 6.13629 9.12164 6.13629 9.13869L6.11895 9.15575C6.11895 9.15575 6.11895 9.17281 6.10162 9.17281C6.10162 9.18987 6.10162 9.18987 6.08429 9.20692V9.22398C6.08429 9.22398 6.08429 9.22398 6.08429 9.24104C5.99763 10.1962 5.84164 11.8337 5.77232 12.5672C5.77232 12.5672 5.77232 12.5672 5.77232 12.5501C5.70299 12.3454 4.73241 9.08752 4.52442 8.40523Z" fill="currentColor"/> 65 <path d="M15.7901 0.149541C15.5648 -0.0380885 15.2008 -0.0551456 14.5769 0.132484C14.1436 0.268942 10.2959 1.70175 6.89889 3.08338C3.84848 4.32856 1.37003 5.42022 1.07539 5.55668C0.746083 5.65902 0.0354772 5.96605 0.000813508 6.44365C-0.0165183 6.75068 0.243459 7.0236 0.746083 7.24534C1.28337 7.51826 3.65783 8.30289 4.16046 8.4564C4.33377 9.03635 5.35635 12.4307 5.40835 12.6354C5.47768 12.9425 5.68566 13.113 5.78965 13.1813C5.80698 13.1983 5.84164 13.2324 5.87631 13.2495C5.9283 13.2836 5.99763 13.3007 6.08429 13.3007C6.20561 13.3007 6.34427 13.2495 6.46559 13.1642C7.10687 12.6525 8.21611 11.5096 8.52808 11.1856C9.8973 12.2431 11.3878 13.4201 11.5265 13.5565L11.5438 13.5736C11.8731 13.8465 12.2198 14 12.5317 14C12.6357 14 12.7397 13.9829 12.8437 13.9488C13.2077 13.8294 13.4677 13.4883 13.5543 13.0277C13.5543 13.0107 13.5716 12.9425 13.6063 12.8231C14.1956 10.2986 14.6636 8.08115 15.0449 6.22191C15.4088 4.39679 15.7035 2.60578 15.8768 1.65058C15.9114 1.41177 15.9461 1.22415 15.9634 1.10475C16.0154 0.763601 16.0501 0.371285 15.7901 0.149541ZM4.52442 8.40523L12.7917 3.01515C12.809 2.9981 12.8437 2.98104 12.861 2.96398C12.8784 2.96398 12.8784 2.94692 12.8957 2.94692C12.913 2.94692 12.913 2.94692 12.9304 2.92987C12.913 2.94692 12.8957 2.9981 12.861 3.03221L10.7639 4.95968C9.30801 6.27308 7.40151 7.99586 6.13629 9.12164C6.13629 9.12164 6.13629 9.12164 6.13629 9.13869L6.11895 9.15575C6.11895 9.15575 6.11895 9.17281 6.10162 9.17281C6.10162 9.18987 6.10162 9.18987 6.08429 9.20692V9.22398C6.08429 9.22398 6.08429 9.22398 6.08429 9.24104C5.99763 10.1962 5.84164 11.8337 5.77232 12.5672C5.77232 12.5672 5.77232 12.5672 5.77232 12.5501C5.70299 12.3454 4.73241 9.08752 4.52442 8.40523Z" fill="currentColor"/>
66 </symbol> 66 </symbol>
67 67
68 <symbol id="nls" viewBox="0 0 24 31" fill="none"> 68 <symbol id="nls" viewBox="0 0 24 31" fill="none">
69 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 31.001V26.001H24V31.001H20ZM23 27H21V30.001H23V27ZM19 14L23.985 14.018L24 24.001H19V14ZM20 23.001H23V15.003L20 15V23.001ZM13 0H24V12H13V0ZM15 10.001H22V2.001H15V10.001ZM17 15H13V23.001H16V20L15.015 19.987L15 19.001H17V24.001H12V14H17V15ZM8 31.001V26.001H9V30.001H11V26.001L11.998 26.003L12 31.001H8ZM9 2.001H2V12H0V0H11V12H9V2.001ZM0 29.004V26.001H3V27H1V28H3V31.001H0V30.004L2 30.001L1.992 29.004H0ZM4 24.001H0V14L1.015 14.018L1 23.001H4V24.001ZM5 14H10V24.001H5V14ZM6 23.001H9V15.003L6 15V23.001ZM7 27H6V31.001H5V27H4V26.001H7V27ZM15.999 27.004L17 27V30.001L15.999 29.984V27.004ZM16 27H14V30.001H16V31.001H13V26.001H16V27ZM19 31.001H18V26.001H19V31.001Z" fill="currentColor"/> 69 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 31.001V26.001H24V31.001H20ZM23 27H21V30.001H23V27ZM19 14L23.985 14.018L24 24.001H19V14ZM20 23.001H23V15.003L20 15V23.001ZM13 0H24V12H13V0ZM15 10.001H22V2.001H15V10.001ZM17 15H13V23.001H16V20L15.015 19.987L15 19.001H17V24.001H12V14H17V15ZM8 31.001V26.001H9V30.001H11V26.001L11.998 26.003L12 31.001H8ZM9 2.001H2V12H0V0H11V12H9V2.001ZM0 29.004V26.001H3V27H1V28H3V31.001H0V30.004L2 30.001L1.992 29.004H0ZM4 24.001H0V14L1.015 14.018L1 23.001H4V24.001ZM5 14H10V24.001H5V14ZM6 23.001H9V15.003L6 15V23.001ZM7 27H6V31.001H5V27H4V26.001H7V27ZM15.999 27.004L17 27V30.001L15.999 29.984V27.004ZM16 27H14V30.001H16V31.001H13V26.001H16V27ZM19 31.001H18V26.001H19V31.001Z" fill="currentColor"/>
70 </symbol> 70 </symbol>
71 71
72 <symbol id="search" viewBox="0 0 20 21" fill="none"> 72 <symbol id="search" viewBox="0 0 20 21" fill="none">
73 <path d="M9.78643 18.0262C14.3372 18.0262 18.0263 14.3371 18.0263 9.7863C18.0263 5.23552 14.3372 1.54639 9.78643 1.54639C5.23565 1.54639 1.54651 5.23552 1.54651 9.7863C1.54651 14.3371 5.23565 18.0262 9.78643 18.0262Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 73 <path d="M9.78643 18.0262C14.3372 18.0262 18.0263 14.3371 18.0263 9.7863C18.0263 5.23552 14.3372 1.54639 9.78643 1.54639C5.23565 1.54639 1.54651 5.23552 1.54651 9.7863C1.54651 14.3371 5.23565 18.0262 9.78643 18.0262Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
74 <path d="M15.5165 15.9443L18.7468 19.1664" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 74 <path d="M15.5165 15.9443L18.7468 19.1664" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
75 </symbol> 75 </symbol>
76 76
77 <symbol id="dots" viewBox="0 0 15 3" fill="none"> 77 <symbol id="dots" viewBox="0 0 15 3" fill="none">
78 <circle cx="1.5" cy="1.5" r="1.5" fill="currentColor"/> 78 <circle cx="1.5" cy="1.5" r="1.5" fill="currentColor"/>
79 <circle cx="7.5" cy="1.5" r="1.5" fill="currentColor"/> 79 <circle cx="7.5" cy="1.5" r="1.5" fill="currentColor"/>
80 <circle cx="13.5" cy="1.5" r="1.5" fill="currentColor"/> 80 <circle cx="13.5" cy="1.5" r="1.5" fill="currentColor"/>
81 </symbol> 81 </symbol>
82 82
83 <symbol id="grid-1" viewBox="0 0 26 17" fill="none"> 83 <symbol id="grid-1" viewBox="0 0 26 17" fill="none">
84 <rect width="3" height="3" rx="1.5" fill="currentColor"/> 84 <rect width="3" height="3" rx="1.5" fill="currentColor"/>
85 <rect y="7" width="3" height="3" rx="1.5" fill="currentColor"/> 85 <rect y="7" width="3" height="3" rx="1.5" fill="currentColor"/>
86 <rect y="14" width="3" height="3" rx="1.5" fill="currentColor"/> 86 <rect y="14" width="3" height="3" rx="1.5" fill="currentColor"/>
87 <rect x="6" width="20" height="3" rx="1.5" fill="currentColor"/> 87 <rect x="6" width="20" height="3" rx="1.5" fill="currentColor"/>
88 <rect x="6" y="7" width="20" height="3" rx="1.5" fill="currentColor"/> 88 <rect x="6" y="7" width="20" height="3" rx="1.5" fill="currentColor"/>
89 <rect x="6" y="14" width="20" height="3" rx="1.5" fill="currentColor"/> 89 <rect x="6" y="14" width="20" height="3" rx="1.5" fill="currentColor"/>
90 </symbol> 90 </symbol>
91 91
92 <symbol id="grid-2" viewBox="0 0 24 24" fill="none"> 92 <symbol id="grid-2" viewBox="0 0 24 24" fill="none">
93 <rect width="10" height="10" rx="2" fill="currentColor"/> 93 <rect width="10" height="10" rx="2" fill="currentColor"/>
94 <rect y="14" width="10" height="10" rx="2" fill="currentColor"/> 94 <rect y="14" width="10" height="10" rx="2" fill="currentColor"/>
95 <rect x="14" y="14" width="10" height="10" rx="2" fill="currentColor"/> 95 <rect x="14" y="14" width="10" height="10" rx="2" fill="currentColor"/>
96 <rect x="14" width="10" height="10" rx="2" fill="currentColor"/> 96 <rect x="14" width="10" height="10" rx="2" fill="currentColor"/>
97 </symbol> 97 </symbol>
98 98
99 <symbol id="v" viewBox="0 0 11 10" fill="none"> 99 <symbol id="v" viewBox="0 0 11 10" fill="none">
100 <path d="M10.9413 1.9874L4.59278 9.90629C4.57107 9.93328 4.54433 9.95544 4.51418 9.97143C4.48403 9.98743 4.45109 9.99693 4.41732 9.99937C4.38355 10.0018 4.34966 9.99714 4.31767 9.98564C4.28568 9.97414 4.25626 9.95604 4.23116 9.93243L0.0832849 6.05246C0.05844 6.02922 0.0382996 6.00107 0.0240403 5.96965C0.00978097 5.93823 0.00168901 5.90417 0.000237368 5.86947C-0.00121428 5.83476 0.00400341 5.8001 0.0155856 5.76751C0.0271678 5.73492 0.0448823 5.70506 0.0676935 5.67967L1.42039 4.17442C1.46491 4.12489 1.52619 4.09527 1.59131 4.09181C1.65643 4.08834 1.7203 4.11131 1.76944 4.15586L4.08153 6.25192L9.29818 0.0887104C9.32209 0.0604629 9.35159 0.037915 9.38466 0.0226078C9.41773 0.00730048 9.45358 -0.000405497 9.48978 1.64367e-05C9.52597 0.00043837 9.56166 0.00897821 9.59438 0.0250525C9.62711 0.0411268 9.65612 0.0643567 9.67942 0.0931546L10.9413 1.65173C10.9792 1.69878 11 1.7582 11 1.81956C11 1.88093 10.9792 1.94034 10.9413 1.9874Z" fill="currentColor"/> 100 <path d="M10.9413 1.9874L4.59278 9.90629C4.57107 9.93328 4.54433 9.95544 4.51418 9.97143C4.48403 9.98743 4.45109 9.99693 4.41732 9.99937C4.38355 10.0018 4.34966 9.99714 4.31767 9.98564C4.28568 9.97414 4.25626 9.95604 4.23116 9.93243L0.0832849 6.05246C0.05844 6.02922 0.0382996 6.00107 0.0240403 5.96965C0.00978097 5.93823 0.00168901 5.90417 0.000237368 5.86947C-0.00121428 5.83476 0.00400341 5.8001 0.0155856 5.76751C0.0271678 5.73492 0.0448823 5.70506 0.0676935 5.67967L1.42039 4.17442C1.46491 4.12489 1.52619 4.09527 1.59131 4.09181C1.65643 4.08834 1.7203 4.11131 1.76944 4.15586L4.08153 6.25192L9.29818 0.0887104C9.32209 0.0604629 9.35159 0.037915 9.38466 0.0226078C9.41773 0.00730048 9.45358 -0.000405497 9.48978 1.64367e-05C9.52597 0.00043837 9.56166 0.00897821 9.59438 0.0250525C9.62711 0.0411268 9.65612 0.0643567 9.67942 0.0931546L10.9413 1.65173C10.9792 1.69878 11 1.7582 11 1.81956C11 1.88093 10.9792 1.94034 10.9413 1.9874Z" fill="currentColor"/>
101 </symbol> 101 </symbol>
102 102
103 <symbol id="badge" viewBox="0 0 21 22" fill="none"> 103 <symbol id="badge" viewBox="0 0 21 22" fill="none">
104 <path d="M10.5 1.4165L13.017 3.25267L16.1331 3.24692L17.0899 6.212L19.6142 8.03859L18.6458 10.9998L19.6142 13.9611L17.0899 15.7877L16.1331 18.7528L13.017 18.747L10.5 20.5832L7.98291 18.747L4.86689 18.7528L3.90999 15.7877L1.38574 13.9611L2.35414 10.9998L1.38574 8.03859L3.90999 6.212L4.86689 3.24692L7.98291 3.25267L10.5 1.4165Z" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/> 104 <path d="M10.5 1.4165L13.017 3.25267L16.1331 3.24692L17.0899 6.212L19.6142 8.03859L18.6458 10.9998L19.6142 13.9611L17.0899 15.7877L16.1331 18.7528L13.017 18.747L10.5 20.5832L7.98291 18.747L4.86689 18.7528L3.90999 15.7877L1.38574 13.9611L2.35414 10.9998L1.38574 8.03859L3.90999 6.212L4.86689 3.24692L7.98291 3.25267L10.5 1.4165Z" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/>
105 <path d="M7.14581 10.9998L9.54165 13.3957L14.3333 8.604" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/> 105 <path d="M7.14581 10.9998L9.54165 13.3957L14.3333 8.604" stroke="currentColor" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/>
106 </symbol> 106 </symbol>
107 107
108 <symbol id="heart" viewBox="0 0 14 12" fill="none"> 108 <symbol id="heart" viewBox="0 0 14 12" fill="none">
109 <path d="M6.86423 11.5911L6.86426 11.5911L6.86053 11.5875L2.0391 6.93605L2.02947 6.92676L2.01902 6.9184C1.98199 6.88877 1.92127 6.8323 1.83317 6.74168C1.75377 6.66001 1.61854 6.50118 1.42276 6.25646C1.23475 6.02144 1.06706 5.78091 0.919454 5.5349C0.778417 5.29984 0.648721 5.00866 0.532576 4.65775C0.420089 4.3179 0.36561 3.99308 0.36561 3.68211C0.36561 2.60679 0.674077 1.80258 1.25995 1.23054C1.84707 0.657295 2.67125 0.354502 3.77049 0.354502C4.056 0.354502 4.35103 0.403935 4.65669 0.505822C4.96575 0.608841 5.25212 0.747383 5.5166 0.92132L5.67236 0.684489L5.5166 0.921321C5.79707 1.10578 6.03543 1.27694 6.2328 1.43483L6.40679 1.21735L6.2328 1.43483C6.43058 1.59306 6.61838 1.7611 6.79625 1.93897L7.00023 2.14294L7.2042 1.93897C7.38207 1.7611 7.56987 1.59306 7.76765 1.43483C7.96502 1.27694 8.20338 1.10578 8.48385 0.92132C8.74833 0.747383 9.0347 0.608841 9.34376 0.505822C9.64942 0.403935 9.94445 0.354502 10.23 0.354502C11.3292 0.354502 12.1534 0.657295 12.7405 1.23054C13.3264 1.80258 13.6348 2.60679 13.6348 3.68211C13.6348 4.71404 13.1011 5.80331 11.9518 6.95322L7.1401 11.5873L7.14006 11.5873L7.13622 11.5911C7.09888 11.6285 7.05948 11.6457 7.00023 11.6457C6.94097 11.6457 6.90157 11.6285 6.86423 11.5911Z" stroke="currentColor" fill="currentColor" stroke-width="0.576923"/> 109 <path d="M6.86423 11.5911L6.86426 11.5911L6.86053 11.5875L2.0391 6.93605L2.02947 6.92676L2.01902 6.9184C1.98199 6.88877 1.92127 6.8323 1.83317 6.74168C1.75377 6.66001 1.61854 6.50118 1.42276 6.25646C1.23475 6.02144 1.06706 5.78091 0.919454 5.5349C0.778417 5.29984 0.648721 5.00866 0.532576 4.65775C0.420089 4.3179 0.36561 3.99308 0.36561 3.68211C0.36561 2.60679 0.674077 1.80258 1.25995 1.23054C1.84707 0.657295 2.67125 0.354502 3.77049 0.354502C4.056 0.354502 4.35103 0.403935 4.65669 0.505822C4.96575 0.608841 5.25212 0.747383 5.5166 0.92132L5.67236 0.684489L5.5166 0.921321C5.79707 1.10578 6.03543 1.27694 6.2328 1.43483L6.40679 1.21735L6.2328 1.43483C6.43058 1.59306 6.61838 1.7611 6.79625 1.93897L7.00023 2.14294L7.2042 1.93897C7.38207 1.7611 7.56987 1.59306 7.76765 1.43483C7.96502 1.27694 8.20338 1.10578 8.48385 0.92132C8.74833 0.747383 9.0347 0.608841 9.34376 0.505822C9.64942 0.403935 9.94445 0.354502 10.23 0.354502C11.3292 0.354502 12.1534 0.657295 12.7405 1.23054C13.3264 1.80258 13.6348 2.60679 13.6348 3.68211C13.6348 4.71404 13.1011 5.80331 11.9518 6.95322L7.1401 11.5873L7.14006 11.5873L7.13622 11.5911C7.09888 11.6285 7.05948 11.6457 7.00023 11.6457C6.94097 11.6457 6.90157 11.6285 6.86423 11.5911Z" stroke="currentColor" fill="currentColor" stroke-width="0.576923"/>
110 </symbol> 110 </symbol>
111 111
112 <symbol id="chat" viewBox="0 0 22 22" fill="none"> 112 <symbol id="chat" viewBox="0 0 22 22" fill="none">
113 <path d="M17.7149 4.28242L17.7879 4.35583L17.8382 4.37596C19.3656 5.92588 20.3153 7.95414 20.5268 10.1219C20.7414 12.3231 20.1814 14.5302 18.9432 16.3627C17.705 18.1952 15.8663 19.5383 13.744 20.1604C11.6217 20.7826 9.3488 20.6447 7.31723 19.7707L7.31391 19.7693C7.03192 19.6504 6.7238 19.6071 6.41994 19.6436L6.40042 19.6459L6.38113 19.6498L2.14989 20.5H1.99963V20.4999L1.98689 20.5002C1.91942 20.5019 1.85229 20.4899 1.78956 20.465C1.72728 20.4403 1.67062 20.4033 1.62293 20.3562C1.56506 20.2977 1.52254 20.2258 1.49912 20.1469C1.47556 20.0675 1.4721 19.9834 1.48905 19.9023L1.48915 19.9019L2.36915 15.6719L2.37093 15.6633L2.37242 15.6547C2.42671 15.3385 2.38221 15.0134 2.24513 14.7236C1.37451 12.6943 1.23798 10.4249 1.8592 8.30568C2.48133 6.18338 3.82443 4.34463 5.65694 3.10645C7.48946 1.86826 9.69655 1.30823 11.8977 1.5229C14.0989 1.73758 16.1562 2.7135 17.7149 4.28242ZM1.87963 15.57L0.99963 19.8L1.78963 14.93C1.88552 15.1288 1.91698 15.3525 1.87963 15.57ZM6.47963 20.14C6.69716 20.1139 6.91775 20.1449 7.11963 20.23L6.47963 20.14ZM5.16628 12.2472C5.41295 12.412 5.70296 12.5 5.99963 12.5C6.39745 12.5 6.77899 12.342 7.06029 12.0607C7.34159 11.7794 7.49963 11.3978 7.49963 11C7.49963 10.7034 7.41166 10.4133 7.24683 10.1667C7.08201 9.91999 6.84774 9.72773 6.57366 9.6142C6.29957 9.50067 5.99797 9.47097 5.70699 9.52884C5.41602 9.58672 5.14875 9.72958 4.93897 9.93936C4.72919 10.1491 4.58633 10.4164 4.52845 10.7074C4.47057 10.9984 4.50028 11.3 4.61381 11.574C4.72734 11.8481 4.9196 12.0824 5.16628 12.2472ZM10.1663 12.2472C10.4129 12.412 10.703 12.5 10.9996 12.5C11.3975 12.5 11.779 12.342 12.0603 12.0607C12.3416 11.7794 12.4996 11.3978 12.4996 11C12.4996 10.7034 12.4117 10.4133 12.2468 10.1667C12.082 9.91999 11.8477 9.72773 11.5737 9.6142C11.2996 9.50067 10.998 9.47097 10.707 9.52884C10.416 9.58672 10.1487 9.72958 9.93897 9.93936C9.72919 10.1491 9.58633 10.4164 9.52845 10.7074C9.47057 10.9984 9.50028 11.3 9.61381 11.574C9.72734 11.8481 9.9196 12.0824 10.1663 12.2472ZM15.1663 12.2472C15.4129 12.412 15.703 12.5 15.9996 12.5C16.3975 12.5 16.779 12.342 17.0603 12.0607C17.3416 11.7794 17.4996 11.3978 17.4996 11C17.4996 10.7034 17.4117 10.4133 17.2468 10.1667C17.082 9.91999 16.8477 9.72773 16.5737 9.6142C16.2996 9.50067 15.998 9.47097 15.707 9.52884C15.416 9.58672 15.1487 9.72958 14.939 9.93936C14.7292 10.1491 14.5863 10.4164 14.5285 10.7074C14.4706 10.9984 14.5003 11.3 14.6138 11.574C14.7273 11.8481 14.9196 12.0824 15.1663 12.2472Z" stroke="currentColor"/> 113 <path d="M17.7149 4.28242L17.7879 4.35583L17.8382 4.37596C19.3656 5.92588 20.3153 7.95414 20.5268 10.1219C20.7414 12.3231 20.1814 14.5302 18.9432 16.3627C17.705 18.1952 15.8663 19.5383 13.744 20.1604C11.6217 20.7826 9.3488 20.6447 7.31723 19.7707L7.31391 19.7693C7.03192 19.6504 6.7238 19.6071 6.41994 19.6436L6.40042 19.6459L6.38113 19.6498L2.14989 20.5H1.99963V20.4999L1.98689 20.5002C1.91942 20.5019 1.85229 20.4899 1.78956 20.465C1.72728 20.4403 1.67062 20.4033 1.62293 20.3562C1.56506 20.2977 1.52254 20.2258 1.49912 20.1469C1.47556 20.0675 1.4721 19.9834 1.48905 19.9023L1.48915 19.9019L2.36915 15.6719L2.37093 15.6633L2.37242 15.6547C2.42671 15.3385 2.38221 15.0134 2.24513 14.7236C1.37451 12.6943 1.23798 10.4249 1.8592 8.30568C2.48133 6.18338 3.82443 4.34463 5.65694 3.10645C7.48946 1.86826 9.69655 1.30823 11.8977 1.5229C14.0989 1.73758 16.1562 2.7135 17.7149 4.28242ZM1.87963 15.57L0.99963 19.8L1.78963 14.93C1.88552 15.1288 1.91698 15.3525 1.87963 15.57ZM6.47963 20.14C6.69716 20.1139 6.91775 20.1449 7.11963 20.23L6.47963 20.14ZM5.16628 12.2472C5.41295 12.412 5.70296 12.5 5.99963 12.5C6.39745 12.5 6.77899 12.342 7.06029 12.0607C7.34159 11.7794 7.49963 11.3978 7.49963 11C7.49963 10.7034 7.41166 10.4133 7.24683 10.1667C7.08201 9.91999 6.84774 9.72773 6.57366 9.6142C6.29957 9.50067 5.99797 9.47097 5.70699 9.52884C5.41602 9.58672 5.14875 9.72958 4.93897 9.93936C4.72919 10.1491 4.58633 10.4164 4.52845 10.7074C4.47057 10.9984 4.50028 11.3 4.61381 11.574C4.72734 11.8481 4.9196 12.0824 5.16628 12.2472ZM10.1663 12.2472C10.4129 12.412 10.703 12.5 10.9996 12.5C11.3975 12.5 11.779 12.342 12.0603 12.0607C12.3416 11.7794 12.4996 11.3978 12.4996 11C12.4996 10.7034 12.4117 10.4133 12.2468 10.1667C12.082 9.91999 11.8477 9.72773 11.5737 9.6142C11.2996 9.50067 10.998 9.47097 10.707 9.52884C10.416 9.58672 10.1487 9.72958 9.93897 9.93936C9.72919 10.1491 9.58633 10.4164 9.52845 10.7074C9.47057 10.9984 9.50028 11.3 9.61381 11.574C9.72734 11.8481 9.9196 12.0824 10.1663 12.2472ZM15.1663 12.2472C15.4129 12.412 15.703 12.5 15.9996 12.5C16.3975 12.5 16.779 12.342 17.0603 12.0607C17.3416 11.7794 17.4996 11.3978 17.4996 11C17.4996 10.7034 17.4117 10.4133 17.2468 10.1667C17.082 9.91999 16.8477 9.72773 16.5737 9.6142C16.2996 9.50067 15.998 9.47097 15.707 9.52884C15.416 9.58672 15.1487 9.72958 14.939 9.93936C14.7292 10.1491 14.5863 10.4164 14.5285 10.7074C14.4706 10.9984 14.5003 11.3 14.6138 11.574C14.7273 11.8481 14.9196 12.0824 15.1663 12.2472Z" stroke="currentColor"/>
114 </symbol> 114 </symbol>
115 115
116 <symbol id="download" viewBox="0 0 12 12" fill="none"> 116 <symbol id="download" viewBox="0 0 12 12" fill="none">
117 <path d="M4.08018 5.00551L5.41602 6.34718V0.753011C5.41602 0.598301 5.47747 0.449928 5.58687 0.340532C5.69627 0.231136 5.84464 0.169678 5.99935 0.169678C6.15406 0.169678 6.30243 0.231136 6.41183 0.340532C6.52122 0.449928 6.58268 0.598301 6.58268 0.753011V6.34718L7.91852 5.00551C7.97274 4.95084 8.03726 4.90744 8.10835 4.87782C8.17943 4.84821 8.25568 4.83296 8.33268 4.83296C8.40969 4.83296 8.48594 4.84821 8.55702 4.87782C8.6281 4.90744 8.69262 4.95084 8.74685 5.00551C8.80152 5.05974 8.84492 5.12426 8.87454 5.19534C8.90415 5.26643 8.9194 5.34267 8.9194 5.41968C8.9194 5.49668 8.90415 5.57293 8.87454 5.64401C8.84492 5.7151 8.80152 5.77962 8.74685 5.83384L6.41352 8.16718C6.35804 8.22028 6.29262 8.26191 6.22102 8.28968C6.079 8.34802 5.9197 8.34802 5.77768 8.28968C5.70608 8.26191 5.64066 8.22028 5.58518 8.16718L3.25185 5.83384C3.19746 5.77945 3.15432 5.71489 3.12488 5.64382C3.09545 5.57276 3.0803 5.4966 3.0803 5.41968C3.0803 5.34276 3.09545 5.26659 3.12488 5.19553C3.15432 5.12447 3.19746 5.0599 3.25185 5.00551C3.30624 4.95112 3.37081 4.90798 3.44187 4.87854C3.51293 4.84911 3.5891 4.83396 3.66602 4.83396C3.74293 4.83396 3.8191 4.84911 3.89016 4.87854C3.96122 4.90798 4.02579 4.95112 4.08018 5.00551ZM11.2494 6.0001C11.0946 6.0001 10.9463 6.06156 10.8369 6.17096C10.7275 6.28035 10.666 6.42873 10.666 6.58344V10.0834C10.666 10.2381 10.6046 10.3865 10.4952 10.4959C10.3858 10.6053 10.2374 10.6668 10.0827 10.6668H1.91602C1.76131 10.6668 1.61293 10.6053 1.50354 10.4959C1.39414 10.3865 1.33268 10.2381 1.33268 10.0834V6.58344C1.33268 6.42873 1.27122 6.28035 1.16183 6.17096C1.05243 6.06156 0.904059 6.0001 0.749349 6.0001C0.594639 6.0001 0.446266 6.06156 0.33687 6.17096C0.227474 6.28035 0.166016 6.42873 0.166016 6.58344V10.0834C0.166016 10.5476 0.35039 10.9927 0.678579 11.3209C1.00677 11.6491 1.45189 11.8334 1.91602 11.8334H10.0827C10.5468 11.8334 10.9919 11.6491 11.3201 11.3209C11.6483 10.9927 11.8327 10.5476 11.8327 10.0834V6.58344C11.8327 6.42873 11.7712 6.28035 11.6618 6.17096C11.5524 6.06156 11.4041 6.0001 11.2494 6.0001Z" fill="currentColor"/> 117 <path d="M4.08018 5.00551L5.41602 6.34718V0.753011C5.41602 0.598301 5.47747 0.449928 5.58687 0.340532C5.69627 0.231136 5.84464 0.169678 5.99935 0.169678C6.15406 0.169678 6.30243 0.231136 6.41183 0.340532C6.52122 0.449928 6.58268 0.598301 6.58268 0.753011V6.34718L7.91852 5.00551C7.97274 4.95084 8.03726 4.90744 8.10835 4.87782C8.17943 4.84821 8.25568 4.83296 8.33268 4.83296C8.40969 4.83296 8.48594 4.84821 8.55702 4.87782C8.6281 4.90744 8.69262 4.95084 8.74685 5.00551C8.80152 5.05974 8.84492 5.12426 8.87454 5.19534C8.90415 5.26643 8.9194 5.34267 8.9194 5.41968C8.9194 5.49668 8.90415 5.57293 8.87454 5.64401C8.84492 5.7151 8.80152 5.77962 8.74685 5.83384L6.41352 8.16718C6.35804 8.22028 6.29262 8.26191 6.22102 8.28968C6.079 8.34802 5.9197 8.34802 5.77768 8.28968C5.70608 8.26191 5.64066 8.22028 5.58518 8.16718L3.25185 5.83384C3.19746 5.77945 3.15432 5.71489 3.12488 5.64382C3.09545 5.57276 3.0803 5.4966 3.0803 5.41968C3.0803 5.34276 3.09545 5.26659 3.12488 5.19553C3.15432 5.12447 3.19746 5.0599 3.25185 5.00551C3.30624 4.95112 3.37081 4.90798 3.44187 4.87854C3.51293 4.84911 3.5891 4.83396 3.66602 4.83396C3.74293 4.83396 3.8191 4.84911 3.89016 4.87854C3.96122 4.90798 4.02579 4.95112 4.08018 5.00551ZM11.2494 6.0001C11.0946 6.0001 10.9463 6.06156 10.8369 6.17096C10.7275 6.28035 10.666 6.42873 10.666 6.58344V10.0834C10.666 10.2381 10.6046 10.3865 10.4952 10.4959C10.3858 10.6053 10.2374 10.6668 10.0827 10.6668H1.91602C1.76131 10.6668 1.61293 10.6053 1.50354 10.4959C1.39414 10.3865 1.33268 10.2381 1.33268 10.0834V6.58344C1.33268 6.42873 1.27122 6.28035 1.16183 6.17096C1.05243 6.06156 0.904059 6.0001 0.749349 6.0001C0.594639 6.0001 0.446266 6.06156 0.33687 6.17096C0.227474 6.28035 0.166016 6.42873 0.166016 6.58344V10.0834C0.166016 10.5476 0.35039 10.9927 0.678579 11.3209C1.00677 11.6491 1.45189 11.8334 1.91602 11.8334H10.0827C10.5468 11.8334 10.9919 11.6491 11.3201 11.3209C11.6483 10.9927 11.8327 10.5476 11.8327 10.0834V6.58344C11.8327 6.42873 11.7712 6.28035 11.6618 6.17096C11.5524 6.06156 11.4041 6.0001 11.2494 6.0001Z" fill="currentColor"/>
118 </symbol> 118 </symbol>
119 119
120 <symbol id="back" viewBox="0 0 26 22" fill="none"> 120 <symbol id="back" viewBox="0 0 26 22" fill="none">
121 <path d="M11.3732 0.736447C11.5286 0.888039 11.6159 1.09353 11.6159 1.30778C11.6159 1.52204 11.5286 1.72753 11.3732 1.87912L2.83307 10.2012L25.1702 10.2012C25.3903 10.2012 25.6013 10.2864 25.757 10.438C25.9126 10.5897 26 10.7953 26 11.0097C26 11.2242 25.9126 11.4298 25.757 11.5814C25.6013 11.733 25.3903 11.8182 25.1702 11.8182L2.83307 11.8182L11.3732 20.1403C11.5198 20.2936 11.5996 20.4963 11.5958 20.7058C11.592 20.9152 11.5049 21.1151 11.3529 21.2632C11.2008 21.4113 10.9957 21.4962 10.7807 21.4999C10.5658 21.5036 10.3577 21.4258 10.2004 21.283L0.242681 11.5811C0.0872844 11.4295 1.2254e-07 11.224 1.25095e-07 11.0097C1.2765e-07 10.7955 0.0872845 10.59 0.242681 10.4384L10.2004 0.736447C10.356 0.585041 10.5669 0.5 10.7868 0.5C11.0067 0.5 11.2176 0.585041 11.3732 0.736447Z" fill="currentColor"/> 121 <path d="M11.3732 0.736447C11.5286 0.888039 11.6159 1.09353 11.6159 1.30778C11.6159 1.52204 11.5286 1.72753 11.3732 1.87912L2.83307 10.2012L25.1702 10.2012C25.3903 10.2012 25.6013 10.2864 25.757 10.438C25.9126 10.5897 26 10.7953 26 11.0097C26 11.2242 25.9126 11.4298 25.757 11.5814C25.6013 11.733 25.3903 11.8182 25.1702 11.8182L2.83307 11.8182L11.3732 20.1403C11.5198 20.2936 11.5996 20.4963 11.5958 20.7058C11.592 20.9152 11.5049 21.1151 11.3529 21.2632C11.2008 21.4113 10.9957 21.4962 10.7807 21.4999C10.5658 21.5036 10.3577 21.4258 10.2004 21.283L0.242681 11.5811C0.0872844 11.4295 1.2254e-07 11.224 1.25095e-07 11.0097C1.2765e-07 10.7955 0.0872845 10.59 0.242681 10.4384L10.2004 0.736447C10.356 0.585041 10.5669 0.5 10.7868 0.5C11.0067 0.5 11.2176 0.585041 11.3732 0.736447Z" fill="currentColor"/>
122 </symbol> 122 </symbol>
123 123
124 <symbol id="share" viewBox="0 0 12 12" fill="none"> 124 <symbol id="share" viewBox="0 0 12 12" fill="none">
125 <path d="M4.08116 3.4976L5.41699 2.15594V7.7501C5.41699 7.90481 5.47845 8.05318 5.58785 8.16258C5.69724 8.27198 5.84562 8.33344 6.00033 8.33344C6.15504 8.33344 6.30341 8.27198 6.4128 8.16258C6.5222 8.05318 6.58366 7.90481 6.58366 7.7501V2.15594L7.91949 3.4976C7.97372 3.55228 8.03824 3.59567 8.10932 3.62529C8.18041 3.6549 8.25665 3.67015 8.33366 3.67015C8.41067 3.67015 8.48691 3.6549 8.558 3.62529C8.62908 3.59567 8.6936 3.55228 8.74783 3.4976C8.8025 3.44337 8.8459 3.37886 8.87551 3.30777C8.90513 3.23669 8.92037 3.16044 8.92037 3.08344C8.92037 3.00643 8.90513 2.93018 8.87551 2.8591C8.8459 2.78801 8.8025 2.7235 8.74783 2.66927L6.41449 0.335936C6.35902 0.282829 6.2936 0.241199 6.22199 0.213436C6.07997 0.155092 5.92068 0.155092 5.77866 0.213436C5.70705 0.241199 5.64164 0.282829 5.58616 0.335936L3.25283 2.66927C3.19844 2.72366 3.15529 2.78823 3.12586 2.85929C3.09642 2.93035 3.08127 3.00652 3.08127 3.08344C3.08127 3.16035 3.09642 3.23652 3.12586 3.30758C3.15529 3.37864 3.19844 3.44321 3.25283 3.4976C3.30721 3.55199 3.37178 3.59514 3.44285 3.62457C3.51391 3.65401 3.59007 3.66916 3.66699 3.66916C3.74391 3.66916 3.82008 3.65401 3.89114 3.62457C3.9622 3.59514 4.02677 3.55199 4.08116 3.4976ZM11.2503 6.0001C11.0956 6.0001 10.9472 6.06156 10.8378 6.17096C10.7285 6.28035 10.667 6.42873 10.667 6.58344V10.0834C10.667 10.2381 10.6055 10.3865 10.4961 10.4959C10.3867 10.6053 10.2384 10.6668 10.0837 10.6668H1.91699C1.76228 10.6668 1.61391 10.6053 1.50451 10.4959C1.39512 10.3865 1.33366 10.2381 1.33366 10.0834V6.58344C1.33366 6.42873 1.2722 6.28035 1.1628 6.17096C1.05341 6.06156 0.905035 6.0001 0.750326 6.0001C0.595616 6.0001 0.447243 6.06156 0.337847 6.17096C0.22845 6.28035 0.166992 6.42873 0.166992 6.58344V10.0834C0.166992 10.5476 0.351367 10.9927 0.679555 11.3209C1.00774 11.6491 1.45286 11.8334 1.91699 11.8334H10.0837C10.5478 11.8334 10.9929 11.6491 11.3211 11.3209C11.6493 10.9927 11.8337 10.5476 11.8337 10.0834V6.58344C11.8337 6.42873 11.7722 6.28035 11.6628 6.17096C11.5534 6.06156 11.405 6.0001 11.2503 6.0001Z" fill="currentColor"/> 125 <path d="M4.08116 3.4976L5.41699 2.15594V7.7501C5.41699 7.90481 5.47845 8.05318 5.58785 8.16258C5.69724 8.27198 5.84562 8.33344 6.00033 8.33344C6.15504 8.33344 6.30341 8.27198 6.4128 8.16258C6.5222 8.05318 6.58366 7.90481 6.58366 7.7501V2.15594L7.91949 3.4976C7.97372 3.55228 8.03824 3.59567 8.10932 3.62529C8.18041 3.6549 8.25665 3.67015 8.33366 3.67015C8.41067 3.67015 8.48691 3.6549 8.558 3.62529C8.62908 3.59567 8.6936 3.55228 8.74783 3.4976C8.8025 3.44337 8.8459 3.37886 8.87551 3.30777C8.90513 3.23669 8.92037 3.16044 8.92037 3.08344C8.92037 3.00643 8.90513 2.93018 8.87551 2.8591C8.8459 2.78801 8.8025 2.7235 8.74783 2.66927L6.41449 0.335936C6.35902 0.282829 6.2936 0.241199 6.22199 0.213436C6.07997 0.155092 5.92068 0.155092 5.77866 0.213436C5.70705 0.241199 5.64164 0.282829 5.58616 0.335936L3.25283 2.66927C3.19844 2.72366 3.15529 2.78823 3.12586 2.85929C3.09642 2.93035 3.08127 3.00652 3.08127 3.08344C3.08127 3.16035 3.09642 3.23652 3.12586 3.30758C3.15529 3.37864 3.19844 3.44321 3.25283 3.4976C3.30721 3.55199 3.37178 3.59514 3.44285 3.62457C3.51391 3.65401 3.59007 3.66916 3.66699 3.66916C3.74391 3.66916 3.82008 3.65401 3.89114 3.62457C3.9622 3.59514 4.02677 3.55199 4.08116 3.4976ZM11.2503 6.0001C11.0956 6.0001 10.9472 6.06156 10.8378 6.17096C10.7285 6.28035 10.667 6.42873 10.667 6.58344V10.0834C10.667 10.2381 10.6055 10.3865 10.4961 10.4959C10.3867 10.6053 10.2384 10.6668 10.0837 10.6668H1.91699C1.76228 10.6668 1.61391 10.6053 1.50451 10.4959C1.39512 10.3865 1.33366 10.2381 1.33366 10.0834V6.58344C1.33366 6.42873 1.2722 6.28035 1.1628 6.17096C1.05341 6.06156 0.905035 6.0001 0.750326 6.0001C0.595616 6.0001 0.447243 6.06156 0.337847 6.17096C0.22845 6.28035 0.166992 6.42873 0.166992 6.58344V10.0834C0.166992 10.5476 0.351367 10.9927 0.679555 11.3209C1.00774 11.6491 1.45286 11.8334 1.91699 11.8334H10.0837C10.5478 11.8334 10.9929 11.6491 11.3211 11.3209C11.6493 10.9927 11.8337 10.5476 11.8337 10.0834V6.58344C11.8337 6.42873 11.7722 6.28035 11.6628 6.17096C11.5534 6.06156 11.405 6.0001 11.2503 6.0001Z" fill="currentColor"/>
126 </symbol> 126 </symbol>
127 127
128 <symbol id="clip" viewBox="0 0 11 16" fill="none"> 128 <symbol id="clip" viewBox="0 0 11 16" fill="none">
129 <path d="M1 5.02548V10.9091C1 12.0664 1.45153 13.1763 2.25526 13.9947C3.05898 14.813 4.14907 15.2727 5.28571 15.2727C6.42236 15.2727 7.51244 14.813 8.31617 13.9947C9.1199 13.1763 9.57143 12.0664 9.57143 10.9091V3.63639C9.57143 2.86485 9.27041 2.12491 8.73459 1.57935C8.19877 1.03379 7.47205 0.727295 6.71429 0.727295C5.95652 0.727295 5.2298 1.03379 4.69398 1.57935C4.15816 2.12491 3.85714 2.86485 3.85714 3.63639V10.3142C3.85714 10.5052 3.89409 10.6944 3.96589 10.8708C4.03768 11.0473 4.14291 11.2077 4.27556 11.3427C4.40822 11.4778 4.5657 11.5849 4.73902 11.658C4.91235 11.7311 5.09811 11.7687 5.28571 11.7687V11.7687C5.66459 11.7687 6.02796 11.6155 6.29587 11.3427C6.56378 11.0699 6.71429 10.7 6.71429 10.3142V5.09093" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 129 <path d="M1 5.02548V10.9091C1 12.0664 1.45153 13.1763 2.25526 13.9947C3.05898 14.813 4.14907 15.2727 5.28571 15.2727C6.42236 15.2727 7.51244 14.813 8.31617 13.9947C9.1199 13.1763 9.57143 12.0664 9.57143 10.9091V3.63639C9.57143 2.86485 9.27041 2.12491 8.73459 1.57935C8.19877 1.03379 7.47205 0.727295 6.71429 0.727295C5.95652 0.727295 5.2298 1.03379 4.69398 1.57935C4.15816 2.12491 3.85714 2.86485 3.85714 3.63639V10.3142C3.85714 10.5052 3.89409 10.6944 3.96589 10.8708C4.03768 11.0473 4.14291 11.2077 4.27556 11.3427C4.40822 11.4778 4.5657 11.5849 4.73902 11.658C4.91235 11.7311 5.09811 11.7687 5.28571 11.7687V11.7687C5.66459 11.7687 6.02796 11.6155 6.29587 11.3427C6.56378 11.0699 6.71429 10.7 6.71429 10.3142V5.09093" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
130 </symbol> 130 </symbol>
131 131
132 <symbol id="eye" viewBox="0 0 22 18" fill="none"> 132 <symbol id="eye" viewBox="0 0 22 18" fill="none">
133 <path d="M11.0011 15.4453C9.68623 15.4453 8.32842 15.1187 6.96201 14.4785C5.89209 13.9758 4.81357 13.2797 3.75654 12.4074C1.97334 10.9336 0.87334 9.47266 0.826074 9.4125C0.641309 9.16758 0.641309 8.83242 0.826074 8.5875C0.87334 8.52734 1.97334 7.06641 3.75654 5.59258C4.81357 4.72031 5.89209 4.02422 6.96201 3.52148C8.32842 2.88125 9.68623 2.55469 11.0011 2.55469C12.3159 2.55469 13.6737 2.88125 15.0401 3.52148C16.1101 4.02422 17.1886 4.72031 18.2456 5.59258C20.0288 7.06641 21.1331 8.52734 21.1761 8.5875C21.3608 8.83242 21.3608 9.16758 21.1761 9.4125C21.1288 9.47266 20.0288 10.9336 18.2456 12.4074C17.1886 13.2797 16.1101 13.9758 15.0401 14.4785C13.6737 15.1187 12.3159 15.4453 11.0011 15.4453ZM2.26123 9C3.33975 10.2762 6.90185 14.0703 11.0011 14.0703C15.1089 14.0703 18.6624 10.2762 19.7409 9C18.6624 7.72383 15.1003 3.92969 11.0011 3.92969C6.89326 3.92969 3.33975 7.72383 2.26123 9Z" fill="currentColor"/> 133 <path d="M11.0011 15.4453C9.68623 15.4453 8.32842 15.1187 6.96201 14.4785C5.89209 13.9758 4.81357 13.2797 3.75654 12.4074C1.97334 10.9336 0.87334 9.47266 0.826074 9.4125C0.641309 9.16758 0.641309 8.83242 0.826074 8.5875C0.87334 8.52734 1.97334 7.06641 3.75654 5.59258C4.81357 4.72031 5.89209 4.02422 6.96201 3.52148C8.32842 2.88125 9.68623 2.55469 11.0011 2.55469C12.3159 2.55469 13.6737 2.88125 15.0401 3.52148C16.1101 4.02422 17.1886 4.72031 18.2456 5.59258C20.0288 7.06641 21.1331 8.52734 21.1761 8.5875C21.3608 8.83242 21.3608 9.16758 21.1761 9.4125C21.1288 9.47266 20.0288 10.9336 18.2456 12.4074C17.1886 13.2797 16.1101 13.9758 15.0401 14.4785C13.6737 15.1187 12.3159 15.4453 11.0011 15.4453ZM2.26123 9C3.33975 10.2762 6.90185 14.0703 11.0011 14.0703C15.1089 14.0703 18.6624 10.2762 19.7409 9C18.6624 7.72383 15.1003 3.92969 11.0011 3.92969C6.89326 3.92969 3.33975 7.72383 2.26123 9Z" fill="currentColor"/>
134 <path d="M11 12.0938C9.29414 12.0938 7.90625 10.7059 7.90625 9C7.90625 7.29414 9.29414 5.90625 11 5.90625C12.7059 5.90625 14.0938 7.29414 14.0938 9C14.0938 10.7059 12.7059 12.0938 11 12.0938ZM11 7.28125C10.0504 7.28125 9.28125 8.05039 9.28125 9C9.28125 9.94961 10.0504 10.7188 11 10.7188C11.9496 10.7188 12.7188 9.94961 12.7188 9C12.7188 8.05039 11.9496 7.28125 11 7.28125Z" fill="currentColor"/> 134 <path d="M11 12.0938C9.29414 12.0938 7.90625 10.7059 7.90625 9C7.90625 7.29414 9.29414 5.90625 11 5.90625C12.7059 5.90625 14.0938 7.29414 14.0938 9C14.0938 10.7059 12.7059 12.0938 11 12.0938ZM11 7.28125C10.0504 7.28125 9.28125 8.05039 9.28125 9C9.28125 9.94961 10.0504 10.7188 11 10.7188C11.9496 10.7188 12.7188 9.94961 12.7188 9C12.7188 8.05039 11.9496 7.28125 11 7.28125Z" fill="currentColor"/>
135 <g filter="url(#filter0_d_660_17902)"> 135 <g filter="url(#filter0_d_660_17902)">
136 <rect x="16" width="1" height="20" rx="0.5" transform="rotate(30 16 0)" fill="currentColor"/> 136 <rect x="16" width="1" height="20" rx="0.5" transform="rotate(30 16 0)" fill="currentColor"/>
137 </g> 137 </g>
138 <defs> 138 <defs>
139 <filter id="filter0_d_660_17902" x="6.18359" y="0.182861" width="11.5" height="17.4548" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 139 <filter id="filter0_d_660_17902" x="6.18359" y="0.182861" width="11.5" height="17.4548" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
140 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 140 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
141 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> 141 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
142 <feOffset dx="1"/> 142 <feOffset dx="1"/>
143 <feComposite in2="hardAlpha" operator="out"/> 143 <feComposite in2="hardAlpha" operator="out"/>
144 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/> 144 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
145 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_660_17902"/> 145 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_660_17902"/>
146 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_660_17902" result="shape"/> 146 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_660_17902" result="shape"/>
147 </filter> 147 </filter>
148 </defs> 148 </defs>
149 </symbol> 149 </symbol>
150 150
151 <symbol id="eye-2" viewBox="0 0 640 512" fill="none"> 151 <symbol id="eye-2" viewBox="0 0 640 512" fill="none">
152 <path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z" fill="currentColor"/> 152 <path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z" fill="currentColor"/>
153 </symbol> 153 </symbol>
154 154
155 <symbol id="eye-3" viewBox="0 0 42 28" fill="none"> 155 <symbol id="eye-3" viewBox="0 0 42 28" fill="none">
156 <path d="M41.1916 13.5823C41.1332 13.4483 39.7032 10.2772 36.5098 7.08375C33.5466 4.12406 28.4557 0.59375 20.9998 0.59375C13.5438 0.59375 8.45287 4.12406 5.48975 7.08375C2.29631 10.2772 0.866312 13.4431 0.807874 13.5823C0.749114 13.7143 0.71875 13.8572 0.71875 14.0017C0.71875 14.1462 0.749114 14.2891 0.807874 14.4211C0.866312 14.5534 2.29631 17.7245 5.48975 20.918C8.45287 23.8777 13.5438 27.4062 20.9998 27.4062C28.4557 27.4062 33.5466 23.8777 36.5098 20.918C39.7032 17.7245 41.1332 14.5586 41.1916 14.4211C41.2504 14.2891 41.2807 14.1462 41.2807 14.0017C41.2807 13.8572 41.2504 13.7143 41.1916 13.5823ZM20.9998 25.3438C15.6063 25.3438 10.8969 23.3809 7.00053 19.512C5.36716 17.8888 3.98498 16.031 2.89959 14C3.98467 11.9693 5.36689 10.1121 7.00053 8.48969C10.8969 4.61906 15.6063 2.65625 20.9998 2.65625C26.3932 2.65625 31.1026 4.61906 34.999 8.48969C36.6326 10.1121 38.0148 11.9693 39.0999 14C38.0051 16.0986 32.5154 25.3438 20.9998 25.3438ZM20.9998 6.09375C19.436 6.09375 17.9074 6.55744 16.6073 7.42619C15.3071 8.29494 14.2937 9.52973 13.6953 10.9744C13.0969 12.4191 12.9404 14.0088 13.2454 15.5424C13.5505 17.0761 14.3035 18.4849 15.4092 19.5906C16.5149 20.6963 17.9237 21.4493 19.4573 21.7543C20.991 22.0594 22.5807 21.9028 24.0253 21.3044C25.47 20.706 26.7048 19.6927 27.5736 18.3925C28.4423 17.0923 28.906 15.5637 28.906 14C28.9033 11.904 28.0694 9.89457 26.5873 8.41245C25.1052 6.93033 23.0958 6.09648 20.9998 6.09375ZM20.9998 19.8438C19.844 19.8438 18.7141 19.501 17.7531 18.8589C16.7921 18.2168 16.0431 17.3041 15.6008 16.2363C15.1585 15.1685 15.0428 13.9935 15.2683 12.8599C15.4938 11.7264 16.0503 10.6851 16.8676 9.86784C17.6849 9.05058 18.7261 8.49402 19.8597 8.26854C20.9933 8.04305 22.1682 8.15878 23.2361 8.60108C24.3039 9.04338 25.2165 9.79239 25.8587 10.7534C26.5008 11.7144 26.8435 12.8442 26.8435 14C26.8435 15.5499 26.2278 17.0362 25.1319 18.1322C24.036 19.2281 22.5496 19.8438 20.9998 19.8438Z" fill="currentColor"/> 156 <path d="M41.1916 13.5823C41.1332 13.4483 39.7032 10.2772 36.5098 7.08375C33.5466 4.12406 28.4557 0.59375 20.9998 0.59375C13.5438 0.59375 8.45287 4.12406 5.48975 7.08375C2.29631 10.2772 0.866312 13.4431 0.807874 13.5823C0.749114 13.7143 0.71875 13.8572 0.71875 14.0017C0.71875 14.1462 0.749114 14.2891 0.807874 14.4211C0.866312 14.5534 2.29631 17.7245 5.48975 20.918C8.45287 23.8777 13.5438 27.4062 20.9998 27.4062C28.4557 27.4062 33.5466 23.8777 36.5098 20.918C39.7032 17.7245 41.1332 14.5586 41.1916 14.4211C41.2504 14.2891 41.2807 14.1462 41.2807 14.0017C41.2807 13.8572 41.2504 13.7143 41.1916 13.5823ZM20.9998 25.3438C15.6063 25.3438 10.8969 23.3809 7.00053 19.512C5.36716 17.8888 3.98498 16.031 2.89959 14C3.98467 11.9693 5.36689 10.1121 7.00053 8.48969C10.8969 4.61906 15.6063 2.65625 20.9998 2.65625C26.3932 2.65625 31.1026 4.61906 34.999 8.48969C36.6326 10.1121 38.0148 11.9693 39.0999 14C38.0051 16.0986 32.5154 25.3438 20.9998 25.3438ZM20.9998 6.09375C19.436 6.09375 17.9074 6.55744 16.6073 7.42619C15.3071 8.29494 14.2937 9.52973 13.6953 10.9744C13.0969 12.4191 12.9404 14.0088 13.2454 15.5424C13.5505 17.0761 14.3035 18.4849 15.4092 19.5906C16.5149 20.6963 17.9237 21.4493 19.4573 21.7543C20.991 22.0594 22.5807 21.9028 24.0253 21.3044C25.47 20.706 26.7048 19.6927 27.5736 18.3925C28.4423 17.0923 28.906 15.5637 28.906 14C28.9033 11.904 28.0694 9.89457 26.5873 8.41245C25.1052 6.93033 23.0958 6.09648 20.9998 6.09375ZM20.9998 19.8438C19.844 19.8438 18.7141 19.501 17.7531 18.8589C16.7921 18.2168 16.0431 17.3041 15.6008 16.2363C15.1585 15.1685 15.0428 13.9935 15.2683 12.8599C15.4938 11.7264 16.0503 10.6851 16.8676 9.86784C17.6849 9.05058 18.7261 8.49402 19.8597 8.26854C20.9933 8.04305 22.1682 8.15878 23.2361 8.60108C24.3039 9.04338 25.2165 9.79239 25.8587 10.7534C26.5008 11.7144 26.8435 12.8442 26.8435 14C26.8435 15.5499 26.2278 17.0362 25.1319 18.1322C24.036 19.2281 22.5496 19.8438 20.9998 19.8438Z" fill="currentColor"/>
157 </symbol> 157 </symbol>
158 158
159 <symbol id="cabinet-1" viewBox="0 0 22 21" fill="none"> 159 <symbol id="cabinet-1" viewBox="0 0 22 21" fill="none">
160 <path d="M7.33333 1.46667C8.05853 1.46667 8.76744 1.68171 9.37042 2.08461C9.9734 2.48751 10.4434 3.06016 10.7209 3.73016C10.9984 4.40016 11.071 5.1374 10.9295 5.84866C10.7881 6.55993 10.4389 7.21327 9.92606 7.72606C9.41327 8.23885 8.75993 8.58807 8.04867 8.72955C7.3374 8.87103 6.60016 8.79841 5.93016 8.52089C5.26017 8.24337 4.68751 7.7734 4.28461 7.17042C3.88171 6.56744 3.66667 5.85853 3.66667 5.13333C3.66667 4.16087 4.05298 3.22824 4.74061 2.54061C5.42824 1.85298 6.36087 1.46667 7.33333 1.46667ZM7.33333 0C6.31806 0 5.32558 0.301065 4.48141 0.865123C3.63723 1.42918 2.97928 2.2309 2.59075 3.16889C2.20222 4.10689 2.10056 5.13903 2.29864 6.1348C2.49671 7.13057 2.98561 8.04524 3.70352 8.76315C4.42143 9.48106 5.3361 9.96996 6.33187 10.168C7.32764 10.3661 8.35978 10.2644 9.29778 9.87591C10.2358 9.48738 11.0375 8.82943 11.6015 7.98526C12.1656 7.14109 12.4667 6.14861 12.4667 5.13333C12.4667 3.77189 11.9258 2.46621 10.9631 1.50352C10.0005 0.540832 8.69478 0 7.33333 0ZM14.6667 20.5333H13.2V16.8667C13.2 15.8942 12.8137 14.9616 12.1261 14.2739C11.4384 13.5863 10.5058 13.2 9.53333 13.2H5.13333C4.16087 13.2 3.22824 13.5863 2.54061 14.2739C1.85298 14.9616 1.46667 15.8942 1.46667 16.8667V20.5333H0V16.8667C0 15.5052 0.540832 14.1995 1.50352 13.2369C2.46621 12.2742 3.77189 11.7333 5.13333 11.7333H9.53333C10.8948 11.7333 12.2005 12.2742 13.1631 13.2369C14.1258 14.1995 14.6667 15.5052 14.6667 16.8667V20.5333ZM14.6667 1.46667H22V2.93333H14.6667V1.46667ZM14.6667 5.13333H22V6.6H14.6667V5.13333ZM14.6667 8.8H19.8V10.2667H14.6667V8.8Z" fill="currentColor"/> 160 <path d="M7.33333 1.46667C8.05853 1.46667 8.76744 1.68171 9.37042 2.08461C9.9734 2.48751 10.4434 3.06016 10.7209 3.73016C10.9984 4.40016 11.071 5.1374 10.9295 5.84866C10.7881 6.55993 10.4389 7.21327 9.92606 7.72606C9.41327 8.23885 8.75993 8.58807 8.04867 8.72955C7.3374 8.87103 6.60016 8.79841 5.93016 8.52089C5.26017 8.24337 4.68751 7.7734 4.28461 7.17042C3.88171 6.56744 3.66667 5.85853 3.66667 5.13333C3.66667 4.16087 4.05298 3.22824 4.74061 2.54061C5.42824 1.85298 6.36087 1.46667 7.33333 1.46667ZM7.33333 0C6.31806 0 5.32558 0.301065 4.48141 0.865123C3.63723 1.42918 2.97928 2.2309 2.59075 3.16889C2.20222 4.10689 2.10056 5.13903 2.29864 6.1348C2.49671 7.13057 2.98561 8.04524 3.70352 8.76315C4.42143 9.48106 5.3361 9.96996 6.33187 10.168C7.32764 10.3661 8.35978 10.2644 9.29778 9.87591C10.2358 9.48738 11.0375 8.82943 11.6015 7.98526C12.1656 7.14109 12.4667 6.14861 12.4667 5.13333C12.4667 3.77189 11.9258 2.46621 10.9631 1.50352C10.0005 0.540832 8.69478 0 7.33333 0ZM14.6667 20.5333H13.2V16.8667C13.2 15.8942 12.8137 14.9616 12.1261 14.2739C11.4384 13.5863 10.5058 13.2 9.53333 13.2H5.13333C4.16087 13.2 3.22824 13.5863 2.54061 14.2739C1.85298 14.9616 1.46667 15.8942 1.46667 16.8667V20.5333H0V16.8667C0 15.5052 0.540832 14.1995 1.50352 13.2369C2.46621 12.2742 3.77189 11.7333 5.13333 11.7333H9.53333C10.8948 11.7333 12.2005 12.2742 13.1631 13.2369C14.1258 14.1995 14.6667 15.5052 14.6667 16.8667V20.5333ZM14.6667 1.46667H22V2.93333H14.6667V1.46667ZM14.6667 5.13333H22V6.6H14.6667V5.13333ZM14.6667 8.8H19.8V10.2667H14.6667V8.8Z" fill="currentColor"/>
161 </symbol> 161 </symbol>
162 162
163 <symbol id="cabinet-2" viewBox="0 0 21 21" fill="none"> 163 <symbol id="cabinet-2" viewBox="0 0 21 21" fill="none">
164 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/> 164 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/>
165 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/> 165 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/>
166 <rect x="11" width="10" height="8" fill="white"/> 166 <rect x="11" width="10" height="8" fill="white"/>
167 <path d="M19.875 2.75H17.125V0H15.75V2.75H13V4.125H15.75V6.875H17.125V4.125H19.875V2.75Z" fill="currentColor"/> 167 <path d="M19.875 2.75H17.125V0H15.75V2.75H13V4.125H15.75V6.875H17.125V4.125H19.875V2.75Z" fill="currentColor"/>
168 </symbol> 168 </symbol>
169 169
170 <symbol id="cabinet-3" viewBox="0 0 21 21" fill="none"> 170 <symbol id="cabinet-3" viewBox="0 0 21 21" fill="none">
171 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/> 171 <path d="M18.4861 20.1667H1.68056C1.23498 20.1663 0.807784 20.0144 0.492715 19.7443C0.177646 19.4743 0.000444907 19.1081 0 18.7262V1.44048C0.000444907 1.05856 0.177646 0.692386 0.492715 0.422327C0.807784 0.152268 1.23498 0.000381349 1.68056 0H18.4861C18.9317 0.000381349 19.3589 0.152268 19.674 0.422327C19.989 0.692386 20.1662 1.05856 20.1667 1.44048V18.7262C20.1662 19.1081 19.989 19.4743 19.674 19.7443C19.3589 20.0144 18.9317 20.1663 18.4861 20.1667ZM1.68056 1.44048V18.7262H18.4861V1.44048H1.68056Z" fill="currentColor"/>
172 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/> 172 <path d="M4.58203 8.64307H14.6654V10.2145H4.58203V8.64307ZM4.58203 12.5716H10.9987V14.1431H4.58203V12.5716Z" fill="currentColor"/>
173 </symbol> 173 </symbol>
174 174
175 <symbol id="cabinet-4" viewBox="0 0 20 21" fill="none"> 175 <symbol id="cabinet-4" viewBox="0 0 20 21" fill="none">
176 <path d="M10 15.125C9.28779 15.1239 8.588 14.9384 7.96874 14.5866C7.34948 14.2349 6.83185 13.7287 6.46625 13.1175L5.29063 13.805C5.78008 14.6163 6.47083 15.2874 7.29593 15.7533C8.12103 16.2191 9.05248 16.4639 10 16.4639C10.9475 16.4639 11.879 16.2191 12.7041 15.7533C13.5292 15.2874 14.2199 14.6163 14.7094 13.805L13.5338 13.1175C13.1681 13.7287 12.6505 14.2349 12.0313 14.5866C11.412 14.9384 10.7122 15.1239 10 15.125ZM19.625 2.75H16.875V0H15.5V2.75H12.75V4.125H15.5V6.875H16.875V4.125H19.625V2.75ZM6.90625 7.5625C6.56631 7.5625 6.23401 7.6633 5.95136 7.85216C5.66872 8.04102 5.44842 8.30945 5.31833 8.62351C5.18824 8.93757 5.15421 9.28316 5.22053 9.61656C5.28684 9.94997 5.45054 10.2562 5.69091 10.4966C5.93128 10.737 6.23753 10.9007 6.57094 10.967C6.90434 11.0333 7.24993 10.9993 7.56399 10.8692C7.87805 10.7391 8.14648 10.5188 8.33534 10.2361C8.5242 9.95349 8.625 9.62119 8.625 9.28125C8.62683 9.05503 8.58363 8.83071 8.4979 8.62135C8.41217 8.412 8.28564 8.22179 8.12567 8.06183C7.96571 7.90186 7.77551 7.77533 7.56615 7.6896C7.35679 7.60387 7.13247 7.56067 6.90625 7.5625ZM13.0938 7.5625C12.7538 7.5625 12.4215 7.6633 12.1389 7.85216C11.8562 8.04102 11.6359 8.30945 11.5058 8.62351C11.3757 8.93757 11.3417 9.28316 11.408 9.61656C11.4743 9.94997 11.638 10.2562 11.8784 10.4966C12.1188 10.737 12.425 10.9007 12.7584 10.967C13.0918 11.0333 13.4374 10.9993 13.7515 10.8692C14.0655 10.7391 14.334 10.5188 14.5228 10.2361C14.7117 9.95349 14.8125 9.62119 14.8125 9.28125C14.8143 9.05503 14.7711 8.83071 14.6854 8.62135C14.5997 8.412 14.4731 8.22179 14.3132 8.06183C14.1532 7.90186 13.963 7.77533 13.7536 7.6896C13.5443 7.60387 13.32 7.56067 13.0938 7.5625Z" fill="currentColor"/> 176 <path d="M10 15.125C9.28779 15.1239 8.588 14.9384 7.96874 14.5866C7.34948 14.2349 6.83185 13.7287 6.46625 13.1175L5.29063 13.805C5.78008 14.6163 6.47083 15.2874 7.29593 15.7533C8.12103 16.2191 9.05248 16.4639 10 16.4639C10.9475 16.4639 11.879 16.2191 12.7041 15.7533C13.5292 15.2874 14.2199 14.6163 14.7094 13.805L13.5338 13.1175C13.1681 13.7287 12.6505 14.2349 12.0313 14.5866C11.412 14.9384 10.7122 15.1239 10 15.125ZM19.625 2.75H16.875V0H15.5V2.75H12.75V4.125H15.5V6.875H16.875V4.125H19.625V2.75ZM6.90625 7.5625C6.56631 7.5625 6.23401 7.6633 5.95136 7.85216C5.66872 8.04102 5.44842 8.30945 5.31833 8.62351C5.18824 8.93757 5.15421 9.28316 5.22053 9.61656C5.28684 9.94997 5.45054 10.2562 5.69091 10.4966C5.93128 10.737 6.23753 10.9007 6.57094 10.967C6.90434 11.0333 7.24993 10.9993 7.56399 10.8692C7.87805 10.7391 8.14648 10.5188 8.33534 10.2361C8.5242 9.95349 8.625 9.62119 8.625 9.28125C8.62683 9.05503 8.58363 8.83071 8.4979 8.62135C8.41217 8.412 8.28564 8.22179 8.12567 8.06183C7.96571 7.90186 7.77551 7.77533 7.56615 7.6896C7.35679 7.60387 7.13247 7.56067 6.90625 7.5625ZM13.0938 7.5625C12.7538 7.5625 12.4215 7.6633 12.1389 7.85216C11.8562 8.04102 11.6359 8.30945 11.5058 8.62351C11.3757 8.93757 11.3417 9.28316 11.408 9.61656C11.4743 9.94997 11.638 10.2562 11.8784 10.4966C12.1188 10.737 12.425 10.9007 12.7584 10.967C13.0918 11.0333 13.4374 10.9993 13.7515 10.8692C14.0655 10.7391 14.334 10.5188 14.5228 10.2361C14.7117 9.95349 14.8125 9.62119 14.8125 9.28125C14.8143 9.05503 14.7711 8.83071 14.6854 8.62135C14.5997 8.412 14.4731 8.22179 14.3132 8.06183C14.1532 7.90186 13.963 7.77533 13.7536 7.6896C13.5443 7.60387 13.32 7.56067 13.0938 7.5625Z" fill="currentColor"/>
177 <path d="M17.9813 8.9375C18.155 9.61139 18.245 10.3041 18.2494 11C18.2494 12.6317 17.7655 14.2267 16.859 15.5835C15.9525 16.9402 14.664 17.9976 13.1565 18.622C11.649 19.2464 9.99024 19.4098 8.3899 19.0915C6.78955 18.7731 5.31954 17.9874 4.16576 16.8336C3.01198 15.6798 2.22624 14.2098 1.90791 12.6095C1.58958 11.0092 1.75296 9.35035 2.37738 7.84286C3.00181 6.33537 4.05923 5.0469 5.41594 4.14038C6.77264 3.23385 8.36769 2.75 9.99939 2.75V1.375C8.007 1.37432 6.0635 1.99195 4.43702 3.14269C2.81055 4.29343 1.58126 5.92055 0.918766 7.79957C0.256272 9.67859 0.193223 11.7169 0.738315 13.6333C1.28341 15.5497 2.40978 17.2496 3.96202 18.4987C5.51427 19.7478 7.41588 20.4843 9.4045 20.6068C11.3931 20.7293 13.3707 20.2316 15.0645 19.1824C16.7583 18.1332 18.0847 16.5843 18.8608 14.7493C19.6369 12.9143 19.8245 10.8836 19.3975 8.9375H17.9813Z" fill="currentColor"/> 177 <path d="M17.9813 8.9375C18.155 9.61139 18.245 10.3041 18.2494 11C18.2494 12.6317 17.7655 14.2267 16.859 15.5835C15.9525 16.9402 14.664 17.9976 13.1565 18.622C11.649 19.2464 9.99024 19.4098 8.3899 19.0915C6.78955 18.7731 5.31954 17.9874 4.16576 16.8336C3.01198 15.6798 2.22624 14.2098 1.90791 12.6095C1.58958 11.0092 1.75296 9.35035 2.37738 7.84286C3.00181 6.33537 4.05923 5.0469 5.41594 4.14038C6.77264 3.23385 8.36769 2.75 9.99939 2.75V1.375C8.007 1.37432 6.0635 1.99195 4.43702 3.14269C2.81055 4.29343 1.58126 5.92055 0.918766 7.79957C0.256272 9.67859 0.193223 11.7169 0.738315 13.6333C1.28341 15.5497 2.40978 17.2496 3.96202 18.4987C5.51427 19.7478 7.41588 20.4843 9.4045 20.6068C11.3931 20.7293 13.3707 20.2316 15.0645 19.1824C16.7583 18.1332 18.0847 16.5843 18.8608 14.7493C19.6369 12.9143 19.8245 10.8836 19.3975 8.9375H17.9813Z" fill="currentColor"/>
178 </symbol> 178 </symbol>
179 179
180 <symbol id="cabinet-5" viewBox="0 0 20 19" fill="none"> 180 <symbol id="cabinet-5" viewBox="0 0 20 19" fill="none">
181 <path d="M11.1962 18.625L10 17.9375L12.75 13.125H16.875C17.2397 13.125 17.5894 12.9801 17.8473 12.7223C18.1051 12.4644 18.25 12.1147 18.25 11.75V3.5C18.25 3.13533 18.1051 2.78559 17.8473 2.52773C17.5894 2.26987 17.2397 2.125 16.875 2.125H3.125C2.76033 2.125 2.41059 2.26987 2.15273 2.52773C1.89487 2.78559 1.75 3.13533 1.75 3.5V11.75C1.75 12.1147 1.89487 12.4644 2.15273 12.7223C2.41059 12.9801 2.76033 13.125 3.125 13.125H9.3125V14.5H3.125C2.39565 14.5 1.69618 14.2103 1.18046 13.6945C0.664731 13.1788 0.375 12.4793 0.375 11.75V3.5C0.375 2.77065 0.664731 2.07118 1.18046 1.55546C1.69618 1.03973 2.39565 0.75 3.125 0.75H16.875C17.6043 0.75 18.3038 1.03973 18.8195 1.55546C19.3353 2.07118 19.625 2.77065 19.625 3.5V11.75C19.625 12.4793 19.3353 13.1788 18.8195 13.6945C18.3038 14.2103 17.6043 14.5 16.875 14.5H13.5475L11.1962 18.625Z" fill="currentColor"/> 181 <path d="M11.1962 18.625L10 17.9375L12.75 13.125H16.875C17.2397 13.125 17.5894 12.9801 17.8473 12.7223C18.1051 12.4644 18.25 12.1147 18.25 11.75V3.5C18.25 3.13533 18.1051 2.78559 17.8473 2.52773C17.5894 2.26987 17.2397 2.125 16.875 2.125H3.125C2.76033 2.125 2.41059 2.26987 2.15273 2.52773C1.89487 2.78559 1.75 3.13533 1.75 3.5V11.75C1.75 12.1147 1.89487 12.4644 2.15273 12.7223C2.41059 12.9801 2.76033 13.125 3.125 13.125H9.3125V14.5H3.125C2.39565 14.5 1.69618 14.2103 1.18046 13.6945C0.664731 13.1788 0.375 12.4793 0.375 11.75V3.5C0.375 2.77065 0.664731 2.07118 1.18046 1.55546C1.69618 1.03973 2.39565 0.75 3.125 0.75H16.875C17.6043 0.75 18.3038 1.03973 18.8195 1.55546C19.3353 2.07118 19.625 2.77065 19.625 3.5V11.75C19.625 12.4793 19.3353 13.1788 18.8195 13.6945C18.3038 14.2103 17.6043 14.5 16.875 14.5H13.5475L11.1962 18.625Z" fill="currentColor"/>
182 <path d="M4.5 4.875H15.5V6.25H4.5V4.875ZM4.5 9H11.375V10.375H4.5V9Z" fill="currentColor"/> 182 <path d="M4.5 4.875H15.5V6.25H4.5V4.875ZM4.5 9H11.375V10.375H4.5V9Z" fill="currentColor"/>
183 </symbol> 183 </symbol>
184 184
185 <symbol id="cabinet-6" viewBox="0 0 20 21" fill="none"> 185 <symbol id="cabinet-6" viewBox="0 0 20 21" fill="none">
186 <path d="M5.87535 20.3125H3.12535C2.76101 20.3114 2.4119 20.1662 2.15428 19.9086C1.89665 19.6509 1.75143 19.3018 1.75035 18.9375V14.125C1.38601 14.1239 1.0369 13.9787 0.779277 13.7211C0.52165 13.4634 0.376435 13.1143 0.375347 12.75V8.625C0.370309 8.35276 0.420216 8.08231 0.522082 7.8298C0.623949 7.57728 0.775685 7.34791 0.968219 7.15537C1.16075 6.96284 1.39013 6.8111 1.64264 6.70924C1.89515 6.60737 2.16561 6.55746 2.43785 6.5625H6.56285C6.83508 6.55746 7.10554 6.60737 7.35805 6.70924C7.61056 6.8111 7.83994 6.96284 8.03247 7.15537C8.22501 7.34791 8.37674 7.57728 8.47861 7.8298C8.58048 8.08231 8.63038 8.35276 8.62535 8.625V12.75C8.62426 13.1143 8.47904 13.4634 8.22142 13.7211C7.96379 13.9787 7.61469 14.1239 7.25035 14.125V18.9375C7.24926 19.3018 7.10404 19.6509 6.84642 19.9086C6.58879 20.1662 6.23969 20.3114 5.87535 20.3125ZM2.43785 7.9375C2.34612 7.93199 2.25428 7.94599 2.16837 7.97859C2.08246 8.01119 2.00444 8.06165 1.93946 8.12662C1.87449 8.19159 1.82404 8.26961 1.79144 8.35552C1.75884 8.44143 1.74483 8.53328 1.75035 8.625V12.75H3.12535V18.9375H5.87535V12.75H7.25035V8.625C7.25586 8.53328 7.24186 8.44143 7.20926 8.35552C7.17666 8.26961 7.1262 8.19159 7.06123 8.12662C6.99625 8.06165 6.91824 8.01119 6.83233 7.97859C6.74642 7.94599 6.65457 7.93199 6.56285 7.9375H2.43785ZM4.50035 5.875C3.95645 5.875 3.42476 5.71372 2.97253 5.41154C2.52029 5.10937 2.16782 4.67988 1.95968 4.17738C1.75154 3.67488 1.69708 3.12195 1.80319 2.5885C1.9093 2.05506 2.17121 1.56505 2.5558 1.18046C2.9404 0.795863 3.4304 0.533951 3.96385 0.427842C4.4973 0.321732 5.05023 0.376192 5.55273 0.584333C6.05522 0.792473 6.48471 1.14495 6.78689 1.59718C7.08906 2.04942 7.25035 2.5811 7.25035 3.125C7.24944 3.85407 6.95941 4.55301 6.44389 5.06854C5.92836 5.58407 5.22941 5.87409 4.50035 5.875ZM4.50035 1.75C4.2284 1.75 3.96256 1.83064 3.73644 1.98173C3.51032 2.13282 3.33408 2.34756 3.23001 2.59881C3.12594 2.85006 3.09871 3.12653 3.15177 3.39325C3.20482 3.65997 3.33578 3.90498 3.52807 4.09727C3.72037 4.28957 3.96537 4.42053 4.2321 4.47358C4.49882 4.52664 4.77529 4.49941 5.02654 4.39534C5.27778 4.29127 5.49253 4.11503 5.64362 3.88891C5.7947 3.66279 5.87535 3.39695 5.87535 3.125C5.87498 2.76044 5.73 2.41092 5.47222 2.15313C5.21443 1.89535 4.86491 1.75037 4.50035 1.75ZM18.777 1.926C18.2599 1.40061 17.562 1.09217 16.8254 1.06355C16.0888 1.03494 15.3691 1.2883 14.8128 1.772C14.2566 1.2883 13.5368 1.03494 12.8003 1.06355C12.0637 1.09217 11.3658 1.40061 10.8487 1.926C10.3052 2.48097 10.0008 3.22683 10.0008 4.00363C10.0008 4.78042 10.3052 5.52628 10.8487 6.08125L14.8115 10.0963L14.8128 10.0949L14.8142 10.0956L18.777 6.08125C19.3205 5.52628 19.6249 4.78042 19.6249 4.00363C19.6249 3.22683 19.3205 2.48097 18.777 1.926ZM17.798 5.11531L14.8142 8.13825L14.8128 8.13688L14.8115 8.13825L11.8277 5.11531C11.5364 4.81862 11.3732 4.41943 11.3732 4.00363C11.3732 3.58782 11.5364 3.18863 11.8277 2.89194C12.1182 2.60955 12.5074 2.45157 12.9126 2.45157C13.3178 2.45157 13.7069 2.60955 13.9975 2.89194L14.8094 3.72175L14.8128 3.71831L14.8163 3.72175L15.6275 2.89194C15.9181 2.60934 16.3074 2.45123 16.7128 2.45123C17.1181 2.45123 17.5074 2.60934 17.798 2.89194C18.0893 3.18863 18.2525 3.58782 18.2525 4.00363C18.2525 4.41943 18.0893 4.81862 17.798 5.11531Z" fill="currentColor"/> 186 <path d="M5.87535 20.3125H3.12535C2.76101 20.3114 2.4119 20.1662 2.15428 19.9086C1.89665 19.6509 1.75143 19.3018 1.75035 18.9375V14.125C1.38601 14.1239 1.0369 13.9787 0.779277 13.7211C0.52165 13.4634 0.376435 13.1143 0.375347 12.75V8.625C0.370309 8.35276 0.420216 8.08231 0.522082 7.8298C0.623949 7.57728 0.775685 7.34791 0.968219 7.15537C1.16075 6.96284 1.39013 6.8111 1.64264 6.70924C1.89515 6.60737 2.16561 6.55746 2.43785 6.5625H6.56285C6.83508 6.55746 7.10554 6.60737 7.35805 6.70924C7.61056 6.8111 7.83994 6.96284 8.03247 7.15537C8.22501 7.34791 8.37674 7.57728 8.47861 7.8298C8.58048 8.08231 8.63038 8.35276 8.62535 8.625V12.75C8.62426 13.1143 8.47904 13.4634 8.22142 13.7211C7.96379 13.9787 7.61469 14.1239 7.25035 14.125V18.9375C7.24926 19.3018 7.10404 19.6509 6.84642 19.9086C6.58879 20.1662 6.23969 20.3114 5.87535 20.3125ZM2.43785 7.9375C2.34612 7.93199 2.25428 7.94599 2.16837 7.97859C2.08246 8.01119 2.00444 8.06165 1.93946 8.12662C1.87449 8.19159 1.82404 8.26961 1.79144 8.35552C1.75884 8.44143 1.74483 8.53328 1.75035 8.625V12.75H3.12535V18.9375H5.87535V12.75H7.25035V8.625C7.25586 8.53328 7.24186 8.44143 7.20926 8.35552C7.17666 8.26961 7.1262 8.19159 7.06123 8.12662C6.99625 8.06165 6.91824 8.01119 6.83233 7.97859C6.74642 7.94599 6.65457 7.93199 6.56285 7.9375H2.43785ZM4.50035 5.875C3.95645 5.875 3.42476 5.71372 2.97253 5.41154C2.52029 5.10937 2.16782 4.67988 1.95968 4.17738C1.75154 3.67488 1.69708 3.12195 1.80319 2.5885C1.9093 2.05506 2.17121 1.56505 2.5558 1.18046C2.9404 0.795863 3.4304 0.533951 3.96385 0.427842C4.4973 0.321732 5.05023 0.376192 5.55273 0.584333C6.05522 0.792473 6.48471 1.14495 6.78689 1.59718C7.08906 2.04942 7.25035 2.5811 7.25035 3.125C7.24944 3.85407 6.95941 4.55301 6.44389 5.06854C5.92836 5.58407 5.22941 5.87409 4.50035 5.875ZM4.50035 1.75C4.2284 1.75 3.96256 1.83064 3.73644 1.98173C3.51032 2.13282 3.33408 2.34756 3.23001 2.59881C3.12594 2.85006 3.09871 3.12653 3.15177 3.39325C3.20482 3.65997 3.33578 3.90498 3.52807 4.09727C3.72037 4.28957 3.96537 4.42053 4.2321 4.47358C4.49882 4.52664 4.77529 4.49941 5.02654 4.39534C5.27778 4.29127 5.49253 4.11503 5.64362 3.88891C5.7947 3.66279 5.87535 3.39695 5.87535 3.125C5.87498 2.76044 5.73 2.41092 5.47222 2.15313C5.21443 1.89535 4.86491 1.75037 4.50035 1.75ZM18.777 1.926C18.2599 1.40061 17.562 1.09217 16.8254 1.06355C16.0888 1.03494 15.3691 1.2883 14.8128 1.772C14.2566 1.2883 13.5368 1.03494 12.8003 1.06355C12.0637 1.09217 11.3658 1.40061 10.8487 1.926C10.3052 2.48097 10.0008 3.22683 10.0008 4.00363C10.0008 4.78042 10.3052 5.52628 10.8487 6.08125L14.8115 10.0963L14.8128 10.0949L14.8142 10.0956L18.777 6.08125C19.3205 5.52628 19.6249 4.78042 19.6249 4.00363C19.6249 3.22683 19.3205 2.48097 18.777 1.926ZM17.798 5.11531L14.8142 8.13825L14.8128 8.13688L14.8115 8.13825L11.8277 5.11531C11.5364 4.81862 11.3732 4.41943 11.3732 4.00363C11.3732 3.58782 11.5364 3.18863 11.8277 2.89194C12.1182 2.60955 12.5074 2.45157 12.9126 2.45157C13.3178 2.45157 13.7069 2.60955 13.9975 2.89194L14.8094 3.72175L14.8128 3.71831L14.8163 3.72175L15.6275 2.89194C15.9181 2.60934 16.3074 2.45123 16.7128 2.45123C17.1181 2.45123 17.5074 2.60934 17.798 2.89194C18.0893 3.18863 18.2525 3.58782 18.2525 4.00363C18.2525 4.41943 18.0893 4.81862 17.798 5.11531Z" fill="currentColor"/>
187 </symbol> 187 </symbol>
188 188
189 <symbol id="cabinet-7" viewBox="0 0 17 20" fill="none"> 189 <symbol id="cabinet-7" viewBox="0 0 17 20" fill="none">
190 <path d="M3.54036 17.8573C3.93157 17.8573 4.2487 17.5375 4.2487 17.143C4.2487 16.7485 3.93157 16.4287 3.54036 16.4287C3.14916 16.4287 2.83203 16.7485 2.83203 17.143C2.83203 17.5375 3.14916 17.8573 3.54036 17.8573Z" fill="currentColor"/> 190 <path d="M3.54036 17.8573C3.93157 17.8573 4.2487 17.5375 4.2487 17.143C4.2487 16.7485 3.93157 16.4287 3.54036 16.4287C3.14916 16.4287 2.83203 16.7485 2.83203 17.143C2.83203 17.5375 3.14916 17.8573 3.54036 17.8573Z" fill="currentColor"/>
191 <path d="M15.5833 19.9999H1.41667C1.04106 19.9996 0.680942 19.8489 0.415346 19.5811C0.149751 19.3133 0.000375046 18.9501 0 18.5714V15.7142C0.000375046 15.3355 0.149751 14.9723 0.415346 14.7045C0.680942 14.4367 1.04106 14.286 1.41667 14.2856H15.5833C15.9589 14.286 16.3191 14.4367 16.5847 14.7045C16.8502 14.9723 16.9996 15.3355 17 15.7142V18.5714C16.9996 18.9501 16.8502 19.3133 16.5847 19.5811C16.3191 19.8489 15.9589 19.9996 15.5833 19.9999ZM1.41667 15.7142V18.5714H15.5833V15.7142H1.41667Z" fill="currentColor"/> 191 <path d="M15.5833 19.9999H1.41667C1.04106 19.9996 0.680942 19.8489 0.415346 19.5811C0.149751 19.3133 0.000375046 18.9501 0 18.5714V15.7142C0.000375046 15.3355 0.149751 14.9723 0.415346 14.7045C0.680942 14.4367 1.04106 14.286 1.41667 14.2856H15.5833C15.9589 14.286 16.3191 14.4367 16.5847 14.7045C16.8502 14.9723 16.9996 15.3355 17 15.7142V18.5714C16.9996 18.9501 16.8502 19.3133 16.5847 19.5811C16.3191 19.8489 15.9589 19.9996 15.5833 19.9999ZM1.41667 15.7142V18.5714H15.5833V15.7142H1.41667Z" fill="currentColor"/>
192 <path d="M3.54036 10.7142C3.93157 10.7142 4.2487 10.3944 4.2487 9.99993C4.2487 9.60544 3.93157 9.28564 3.54036 9.28564C3.14916 9.28564 2.83203 9.60544 2.83203 9.99993C2.83203 10.3944 3.14916 10.7142 3.54036 10.7142Z" fill="currentColor"/> 192 <path d="M3.54036 10.7142C3.93157 10.7142 4.2487 10.3944 4.2487 9.99993C4.2487 9.60544 3.93157 9.28564 3.54036 9.28564C3.14916 9.28564 2.83203 9.60544 2.83203 9.99993C2.83203 10.3944 3.14916 10.7142 3.54036 10.7142Z" fill="currentColor"/>
193 <path d="M15.5833 12.8574H1.41667C1.04106 12.857 0.680942 12.7063 0.415346 12.4385C0.149751 12.1707 0.000375046 11.8075 0 11.4288V8.57164C0.000375046 8.19287 0.149751 7.82973 0.415346 7.5619C0.680942 7.29408 1.04106 7.14344 1.41667 7.14307H15.5833C15.9589 7.14344 16.3191 7.29408 16.5847 7.5619C16.8502 7.82973 16.9996 8.19287 17 8.57164V11.4288C16.9996 11.8075 16.8502 12.1707 16.5847 12.4385C16.3191 12.7063 15.9589 12.857 15.5833 12.8574ZM1.41667 8.57164V11.4288H15.5833V8.57164H1.41667Z" fill="currentColor"/> 193 <path d="M15.5833 12.8574H1.41667C1.04106 12.857 0.680942 12.7063 0.415346 12.4385C0.149751 12.1707 0.000375046 11.8075 0 11.4288V8.57164C0.000375046 8.19287 0.149751 7.82973 0.415346 7.5619C0.680942 7.29408 1.04106 7.14344 1.41667 7.14307H15.5833C15.9589 7.14344 16.3191 7.29408 16.5847 7.5619C16.8502 7.82973 16.9996 8.19287 17 8.57164V11.4288C16.9996 11.8075 16.8502 12.1707 16.5847 12.4385C16.3191 12.7063 15.9589 12.857 15.5833 12.8574ZM1.41667 8.57164V11.4288H15.5833V8.57164H1.41667Z" fill="currentColor"/>
194 <path d="M3.54036 3.57164C3.93157 3.57164 4.2487 3.25184 4.2487 2.85735C4.2487 2.46286 3.93157 2.14307 3.54036 2.14307C3.14916 2.14307 2.83203 2.46286 2.83203 2.85735C2.83203 3.25184 3.14916 3.57164 3.54036 3.57164Z" fill="currentColor"/> 194 <path d="M3.54036 3.57164C3.93157 3.57164 4.2487 3.25184 4.2487 2.85735C4.2487 2.46286 3.93157 2.14307 3.54036 2.14307C3.14916 2.14307 2.83203 2.46286 2.83203 2.85735C2.83203 3.25184 3.14916 3.57164 3.54036 3.57164Z" fill="currentColor"/>
195 <path d="M15.5833 5.71429H1.41667C1.04106 5.71391 0.680942 5.56328 0.415346 5.29545C0.149751 5.02762 0.000375046 4.66448 0 4.28571V1.42857C0.000375046 1.04981 0.149751 0.686664 0.415346 0.418837C0.680942 0.151009 1.04106 0.000378198 1.41667 0H15.5833C15.9589 0.000378198 16.3191 0.151009 16.5847 0.418837C16.8502 0.686664 16.9996 1.04981 17 1.42857V4.28571C16.9996 4.66448 16.8502 5.02762 16.5847 5.29545C16.3191 5.56328 15.9589 5.71391 15.5833 5.71429ZM1.41667 1.42857V4.28571H15.5833V1.42857H1.41667Z" fill="currentColor"/> 195 <path d="M15.5833 5.71429H1.41667C1.04106 5.71391 0.680942 5.56328 0.415346 5.29545C0.149751 5.02762 0.000375046 4.66448 0 4.28571V1.42857C0.000375046 1.04981 0.149751 0.686664 0.415346 0.418837C0.680942 0.151009 1.04106 0.000378198 1.41667 0H15.5833C15.9589 0.000378198 16.3191 0.151009 16.5847 0.418837C16.8502 0.686664 16.9996 1.04981 17 1.42857V4.28571C16.9996 4.66448 16.8502 5.02762 16.5847 5.29545C16.3191 5.56328 15.9589 5.71391 15.5833 5.71429ZM1.41667 1.42857V4.28571H15.5833V1.42857H1.41667Z" fill="currentColor"/>
196 </symbol> 196 </symbol>
197 197
198 <symbol id="cabinet-8" viewBox="0 0 28 27" fill="none"> 198 <symbol id="cabinet-8" viewBox="0 0 28 27" fill="none">
199 <g clip-path="url(#clip0_660_17902)"> 199 <g clip-path="url(#clip0_660_17902)">
200 <path d="M3.54036 24.8573C3.93157 24.8573 4.2487 24.5375 4.2487 24.143C4.2487 23.7485 3.93157 23.4287 3.54036 23.4287C3.14916 23.4287 2.83203 23.7485 2.83203 24.143C2.83203 24.5375 3.14916 24.8573 3.54036 24.8573Z" fill="currentColor"/> 200 <path d="M3.54036 24.8573C3.93157 24.8573 4.2487 24.5375 4.2487 24.143C4.2487 23.7485 3.93157 23.4287 3.54036 23.4287C3.14916 23.4287 2.83203 23.7485 2.83203 24.143C2.83203 24.5375 3.14916 24.8573 3.54036 24.8573Z" fill="currentColor"/>
201 <path d="M15.5833 26.9999H1.41667C1.04106 26.9996 0.680942 26.8489 0.415346 26.5811C0.149751 26.3133 0.000375046 25.9501 0 25.5714V22.7142C0.000375046 22.3355 0.149751 21.9723 0.415346 21.7045C0.680942 21.4367 1.04106 21.286 1.41667 21.2856H15.5833C15.9589 21.286 16.3191 21.4367 16.5847 21.7045C16.8502 21.9723 16.9996 22.3355 17 22.7142V25.5714C16.9996 25.9501 16.8502 26.3133 16.5847 26.5811C16.3191 26.8489 15.9589 26.9996 15.5833 26.9999ZM1.41667 22.7142V25.5714H15.5833V22.7142H1.41667Z" fill="currentColor"/> 201 <path d="M15.5833 26.9999H1.41667C1.04106 26.9996 0.680942 26.8489 0.415346 26.5811C0.149751 26.3133 0.000375046 25.9501 0 25.5714V22.7142C0.000375046 22.3355 0.149751 21.9723 0.415346 21.7045C0.680942 21.4367 1.04106 21.286 1.41667 21.2856H15.5833C15.9589 21.286 16.3191 21.4367 16.5847 21.7045C16.8502 21.9723 16.9996 22.3355 17 22.7142V25.5714C16.9996 25.9501 16.8502 26.3133 16.5847 26.5811C16.3191 26.8489 15.9589 26.9996 15.5833 26.9999ZM1.41667 22.7142V25.5714H15.5833V22.7142H1.41667Z" fill="currentColor"/>
202 <path d="M3.54036 17.7142C3.93157 17.7142 4.2487 17.3944 4.2487 16.9999C4.2487 16.6054 3.93157 16.2856 3.54036 16.2856C3.14916 16.2856 2.83203 16.6054 2.83203 16.9999C2.83203 17.3944 3.14916 17.7142 3.54036 17.7142Z" fill="currentColor"/> 202 <path d="M3.54036 17.7142C3.93157 17.7142 4.2487 17.3944 4.2487 16.9999C4.2487 16.6054 3.93157 16.2856 3.54036 16.2856C3.14916 16.2856 2.83203 16.6054 2.83203 16.9999C2.83203 17.3944 3.14916 17.7142 3.54036 17.7142Z" fill="currentColor"/>
203 <path d="M15.5833 19.8574H1.41667C1.04106 19.857 0.680942 19.7063 0.415346 19.4385C0.149751 19.1707 0.000375046 18.8075 0 18.4288V15.5716C0.000375046 15.1929 0.149751 14.8297 0.415346 14.5619C0.680942 14.2941 1.04106 14.1434 1.41667 14.1431H15.5833C15.9589 14.1434 16.3191 14.2941 16.5847 14.5619C16.8502 14.8297 16.9996 15.1929 17 15.5716V18.4288C16.9996 18.8075 16.8502 19.1707 16.5847 19.4385C16.3191 19.7063 15.9589 19.857 15.5833 19.8574ZM1.41667 15.5716V18.4288H15.5833V15.5716H1.41667Z" fill="currentColor"/> 203 <path d="M15.5833 19.8574H1.41667C1.04106 19.857 0.680942 19.7063 0.415346 19.4385C0.149751 19.1707 0.000375046 18.8075 0 18.4288V15.5716C0.000375046 15.1929 0.149751 14.8297 0.415346 14.5619C0.680942 14.2941 1.04106 14.1434 1.41667 14.1431H15.5833C15.9589 14.1434 16.3191 14.2941 16.5847 14.5619C16.8502 14.8297 16.9996 15.1929 17 15.5716V18.4288C16.9996 18.8075 16.8502 19.1707 16.5847 19.4385C16.3191 19.7063 15.9589 19.857 15.5833 19.8574ZM1.41667 15.5716V18.4288H15.5833V15.5716H1.41667Z" fill="currentColor"/>
204 <path d="M3.54036 10.5716C3.93157 10.5716 4.2487 10.2518 4.2487 9.85735C4.2487 9.46286 3.93157 9.14307 3.54036 9.14307C3.14916 9.14307 2.83203 9.46286 2.83203 9.85735C2.83203 10.2518 3.14916 10.5716 3.54036 10.5716Z" fill="currentColor"/> 204 <path d="M3.54036 10.5716C3.93157 10.5716 4.2487 10.2518 4.2487 9.85735C4.2487 9.46286 3.93157 9.14307 3.54036 9.14307C3.14916 9.14307 2.83203 9.46286 2.83203 9.85735C2.83203 10.2518 3.14916 10.5716 3.54036 10.5716Z" fill="currentColor"/>
205 <path d="M15.5833 12.7143H1.41667C1.04106 12.7139 0.680942 12.5633 0.415346 12.2954C0.149751 12.0276 0.000375046 11.6645 0 11.2857V8.42857C0.000375046 8.04981 0.149751 7.68666 0.415346 7.41884C0.680942 7.15101 1.04106 7.00038 1.41667 7H15.5833C15.9589 7.00038 16.3191 7.15101 16.5847 7.41884C16.8502 7.68666 16.9996 8.04981 17 8.42857V11.2857C16.9996 11.6645 16.8502 12.0276 16.5847 12.2954C16.3191 12.5633 15.9589 12.7139 15.5833 12.7143ZM1.41667 8.42857V11.2857H15.5833V8.42857H1.41667Z" fill="currentColor"/> 205 <path d="M15.5833 12.7143H1.41667C1.04106 12.7139 0.680942 12.5633 0.415346 12.2954C0.149751 12.0276 0.000375046 11.6645 0 11.2857V8.42857C0.000375046 8.04981 0.149751 7.68666 0.415346 7.41884C0.680942 7.15101 1.04106 7.00038 1.41667 7H15.5833C15.9589 7.00038 16.3191 7.15101 16.5847 7.41884C16.8502 7.68666 16.9996 8.04981 17 8.42857V11.2857C16.9996 11.6645 16.8502 12.0276 16.5847 12.2954C16.3191 12.5633 15.9589 12.7139 15.5833 12.7143ZM1.41667 8.42857V11.2857H15.5833V8.42857H1.41667Z" fill="currentColor"/>
206 <rect x="8" y="6" width="10" height="13" rx="2" fill="white"/> 206 <rect x="8" y="6" width="10" height="13" rx="2" fill="white"/>
207 </g> 207 </g>
208 <g clip-path="url(#clip1_660_17902)"> 208 <g clip-path="url(#clip1_660_17902)">
209 <path d="M25.4861 20.1667H8.68056C8.23498 20.1663 7.80778 20.0144 7.49271 19.7443C7.17765 19.4743 7.00044 19.1081 7 18.7262V1.44048C7.00044 1.05856 7.17765 0.692386 7.49271 0.422327C7.80778 0.152268 8.23498 0.000381349 8.68056 0H25.4861C25.9317 0.000381349 26.3589 0.152268 26.674 0.422327C26.989 0.692386 27.1662 1.05856 27.1667 1.44048V18.7262C27.1662 19.1081 26.989 19.4743 26.674 19.7443C26.3589 20.0144 25.9317 20.1663 25.4861 20.1667ZM8.68056 1.44048V18.7262H25.4861V1.44048H8.68056Z" fill="currentColor"/> 209 <path d="M25.4861 20.1667H8.68056C8.23498 20.1663 7.80778 20.0144 7.49271 19.7443C7.17765 19.4743 7.00044 19.1081 7 18.7262V1.44048C7.00044 1.05856 7.17765 0.692386 7.49271 0.422327C7.80778 0.152268 8.23498 0.000381349 8.68056 0H25.4861C25.9317 0.000381349 26.3589 0.152268 26.674 0.422327C26.989 0.692386 27.1662 1.05856 27.1667 1.44048V18.7262C27.1662 19.1081 26.989 19.4743 26.674 19.7443C26.3589 20.0144 25.9317 20.1663 25.4861 20.1667ZM8.68056 1.44048V18.7262H25.4861V1.44048H8.68056Z" fill="currentColor"/>
210 <path d="M11.582 8.64307H21.6654V10.2145H11.582V8.64307ZM11.582 12.5716H17.9987V14.1431H11.582V12.5716Z" fill="currentColor"/> 210 <path d="M11.582 8.64307H21.6654V10.2145H11.582V8.64307ZM11.582 12.5716H17.9987V14.1431H11.582V12.5716Z" fill="currentColor"/>
211 </g> 211 </g>
212 <defs> 212 <defs>
213 <clipPath id="clip0_660_17902"> 213 <clipPath id="clip0_660_17902">
214 <rect width="17" height="20" fill="white" transform="translate(0 7)"/> 214 <rect width="17" height="20" fill="white" transform="translate(0 7)"/>
215 </clipPath> 215 </clipPath>
216 <clipPath id="clip1_660_17902"> 216 <clipPath id="clip1_660_17902">
217 <rect width="21" height="21" fill="white" transform="translate(7)"/> 217 <rect width="21" height="21" fill="white" transform="translate(7)"/>
218 </clipPath> 218 </clipPath>
219 </defs> 219 </defs>
220 </symbol> 220 </symbol>
221 221
222 <symbol id="cabinet-9" viewBox="0 0 24 25" fill="none"> 222 <symbol id="cabinet-9" viewBox="0 0 24 25" fill="none">
223 <path d="M22.2868 0.0581055H13.7154C12.7725 0.0581055 12.0011 0.808105 12.0011 1.72477V6.72477C12.0011 7.64144 12.7725 8.39144 13.7154 8.39144H15.7725L17.2297 10.8914L18.6868 10.0581L16.7154 6.72477H13.7154V1.72477H22.2868V6.72477H19.7154V8.39144H22.2868C23.2297 8.39144 24.0011 7.64144 24.0011 6.72477V1.72477C24.0011 0.808105 23.2297 0.0581055 22.2868 0.0581055ZM10.8868 24.2248L9.42969 23.3914L12.4297 18.3914H17.144C18.0868 18.3914 18.8583 17.6414 18.8583 16.7248V12.5581H20.5725V16.7248C20.5725 18.5581 19.0297 20.0581 17.144 20.0581H13.3725L10.8868 24.2248Z" fill="currentColor"/> 223 <path d="M22.2868 0.0581055H13.7154C12.7725 0.0581055 12.0011 0.808105 12.0011 1.72477V6.72477C12.0011 7.64144 12.7725 8.39144 13.7154 8.39144H15.7725L17.2297 10.8914L18.6868 10.0581L16.7154 6.72477H13.7154V1.72477H22.2868V6.72477H19.7154V8.39144H22.2868C23.2297 8.39144 24.0011 7.64144 24.0011 6.72477V1.72477C24.0011 0.808105 23.2297 0.0581055 22.2868 0.0581055ZM10.8868 24.2248L9.42969 23.3914L12.4297 18.3914H17.144C18.0868 18.3914 18.8583 17.6414 18.8583 16.7248V12.5581H20.5725V16.7248C20.5725 18.5581 19.0297 20.0581 17.144 20.0581H13.3725L10.8868 24.2248Z" fill="currentColor"/>
224 <path d="M6.85714 13.3918C7.33053 13.3918 7.71429 13.0187 7.71429 12.5584C7.71429 12.0982 7.33053 11.7251 6.85714 11.7251C6.38376 11.7251 6 12.0982 6 12.5584C6 13.0187 6.38376 13.3918 6.85714 13.3918Z" fill="currentColor"/> 224 <path d="M6.85714 13.3918C7.33053 13.3918 7.71429 13.0187 7.71429 12.5584C7.71429 12.0982 7.33053 11.7251 6.85714 11.7251C6.38376 11.7251 6 12.0982 6 12.5584C6 13.0187 6.38376 13.3918 6.85714 13.3918Z" fill="currentColor"/>
225 <path d="M10.2868 13.3918C10.7602 13.3918 11.144 13.0187 11.144 12.5584C11.144 12.0982 10.7602 11.7251 10.2868 11.7251C9.81344 11.7251 9.42969 12.0982 9.42969 12.5584C9.42969 13.0187 9.81344 13.3918 10.2868 13.3918Z" fill="currentColor"/> 225 <path d="M10.2868 13.3918C10.7602 13.3918 11.144 13.0187 11.144 12.5584C11.144 12.0982 10.7602 11.7251 10.2868 11.7251C9.81344 11.7251 9.42969 12.0982 9.42969 12.5584C9.42969 13.0187 9.81344 13.3918 10.2868 13.3918Z" fill="currentColor"/>
226 <path d="M13.7126 13.3918C14.186 13.3918 14.5698 13.0187 14.5698 12.5584C14.5698 12.0982 14.186 11.7251 13.7126 11.7251C13.2392 11.7251 12.8555 12.0982 12.8555 12.5584C12.8555 13.0187 13.2392 13.3918 13.7126 13.3918Z" fill="currentColor"/> 226 <path d="M13.7126 13.3918C14.186 13.3918 14.5698 13.0187 14.5698 12.5584C14.5698 12.0982 14.186 11.7251 13.7126 11.7251C13.2392 11.7251 12.8555 12.0982 12.8555 12.5584C12.8555 13.0187 13.2392 13.3918 13.7126 13.3918Z" fill="currentColor"/>
227 <path d="M8.57143 20.0581H3.42857C1.54286 20.0581 0 18.5581 0 16.7248V8.39144C0 6.55811 1.54286 5.05811 3.42857 5.05811H10.2857V6.72477H3.42857C2.48571 6.72477 1.71429 7.47477 1.71429 8.39144V16.7248C1.71429 17.6414 2.48571 18.3914 3.42857 18.3914H8.57143V20.0581Z" fill="currentColor"/> 227 <path d="M8.57143 20.0581H3.42857C1.54286 20.0581 0 18.5581 0 16.7248V8.39144C0 6.55811 1.54286 5.05811 3.42857 5.05811H10.2857V6.72477H3.42857C2.48571 6.72477 1.71429 7.47477 1.71429 8.39144V16.7248C1.71429 17.6414 2.48571 18.3914 3.42857 18.3914H8.57143V20.0581Z" fill="currentColor"/>
228 </symbol> 228 </symbol>
229 229
230 <symbol id="cabinet-10" viewBox="0 0 24 26" fill="none"> 230 <symbol id="cabinet-10" viewBox="0 0 24 26" fill="none">
231 <path d="M3.42969 13.8584H10.2868V15.5754H3.42969V13.8584Z" fill="currentColor"/> 231 <path d="M3.42969 13.8584H10.2868V15.5754H3.42969V13.8584Z" fill="currentColor"/>
232 <path d="M0.857143 15.5754C1.33053 15.5754 1.71429 15.1911 1.71429 14.7169C1.71429 14.2428 1.33053 13.8584 0.857143 13.8584C0.383756 13.8584 0 14.2428 0 14.7169C0 15.1911 0.383756 15.5754 0.857143 15.5754Z" fill="currentColor"/> 232 <path d="M0.857143 15.5754C1.33053 15.5754 1.71429 15.1911 1.71429 14.7169C1.71429 14.2428 1.33053 13.8584 0.857143 13.8584C0.383756 13.8584 0 14.2428 0 14.7169C0 15.1911 0.383756 15.5754 0.857143 15.5754Z" fill="currentColor"/>
233 <path d="M9.42746 12.1413C9.90084 12.1413 10.2846 11.757 10.2846 11.2828C10.2846 10.8087 9.90084 10.4243 9.42746 10.4243C8.95407 10.4243 8.57031 10.8087 8.57031 11.2828C8.57031 11.757 8.95407 12.1413 9.42746 12.1413Z" fill="currentColor"/> 233 <path d="M9.42746 12.1413C9.90084 12.1413 10.2846 11.757 10.2846 11.2828C10.2846 10.8087 9.90084 10.4243 9.42746 10.4243C8.95407 10.4243 8.57031 10.8087 8.57031 11.2828C8.57031 11.757 8.95407 12.1413 9.42746 12.1413Z" fill="currentColor"/>
234 <path d="M0 10.4243H6.85714V12.1413H0V10.4243ZM3.42857 6.99023H10.2857V8.70727H3.42857V6.99023Z" fill="currentColor"/> 234 <path d="M0 10.4243H6.85714V12.1413H0V10.4243ZM3.42857 6.99023H10.2857V8.70727H3.42857V6.99023Z" fill="currentColor"/>
235 <path d="M0.857143 8.70727C1.33053 8.70727 1.71429 8.3229 1.71429 7.84875C1.71429 7.37461 1.33053 6.99023 0.857143 6.99023C0.383756 6.99023 0 7.37461 0 7.84875C0 8.3229 0.383756 8.70727 0.857143 8.70727Z" fill="currentColor"/> 235 <path d="M0.857143 8.70727C1.33053 8.70727 1.71429 8.3229 1.71429 7.84875C1.71429 7.37461 1.33053 6.99023 0.857143 6.99023C0.383756 6.99023 0 7.37461 0 7.84875C0 8.3229 0.383756 8.70727 0.857143 8.70727Z" fill="currentColor"/>
236 <path d="M24 23.8175L17.6571 17.4645C18.9428 15.7474 19.7143 13.6011 19.7143 11.2832C19.7143 5.61695 15.0857 0.980957 9.42856 0.980957C6.59999 0.980957 3.94285 2.09703 1.97142 4.24332L3.25713 5.44524C4.79999 3.64236 7.02856 2.69799 9.42856 2.69799C14.1428 2.69799 18 6.56131 18 11.2832C18 16.005 14.1428 19.8683 9.42856 19.8683C6.85713 19.8683 4.45713 18.7522 2.82856 16.7777L1.54285 17.8937C3.42856 20.2117 6.34285 21.5854 9.42856 21.5854C12.1714 21.5854 14.6571 20.4693 16.5428 18.7522L22.8 25.0194L24 23.8175Z" fill="currentColor"/> 236 <path d="M24 23.8175L17.6571 17.4645C18.9428 15.7474 19.7143 13.6011 19.7143 11.2832C19.7143 5.61695 15.0857 0.980957 9.42856 0.980957C6.59999 0.980957 3.94285 2.09703 1.97142 4.24332L3.25713 5.44524C4.79999 3.64236 7.02856 2.69799 9.42856 2.69799C14.1428 2.69799 18 6.56131 18 11.2832C18 16.005 14.1428 19.8683 9.42856 19.8683C6.85713 19.8683 4.45713 18.7522 2.82856 16.7777L1.54285 17.8937C3.42856 20.2117 6.34285 21.5854 9.42856 21.5854C12.1714 21.5854 14.6571 20.4693 16.5428 18.7522L22.8 25.0194L24 23.8175Z" fill="currentColor"/>
237 </symbol> 237 </symbol>
238 238
239 <symbol id="cabinet-11" viewBox="0 0 23 24" fill="none"> 239 <symbol id="cabinet-11" viewBox="0 0 23 24" fill="none">
240 <path d="M11.4987 23.9999C9.41376 23.9999 7.37563 23.3806 5.64207 22.2202C3.9085 21.0599 2.55735 19.4106 1.75947 17.481C0.961599 15.5514 0.752839 13.4282 1.15959 11.3797C1.56634 9.33129 2.57034 7.44968 4.04462 5.97284C5.5189 4.496 7.39724 3.49025 9.44213 3.08279C11.487 2.67534 13.6066 2.88446 15.5328 3.68372C17.4591 4.48298 19.1054 5.83648 20.2638 7.57307C21.4221 9.30965 22.0404 11.3513 22.0404 13.4399C22.0404 16.2406 20.9297 18.9266 18.9528 20.9069C16.9758 22.8873 14.2945 23.9999 11.4987 23.9999ZM11.4987 4.79989C9.79284 4.79989 8.12528 5.30661 6.70691 6.25599C5.28854 7.20537 4.18305 8.55475 3.53024 10.1335C2.87744 11.7123 2.70663 13.4495 3.03943 15.1255C3.37223 16.8015 4.19368 18.341 5.39991 19.5493C6.60613 20.7576 8.14296 21.5805 9.81605 21.9139C11.4891 22.2472 13.2233 22.0761 14.7993 21.4222C16.3754 20.7683 17.7224 19.6609 18.6701 18.24C19.6179 16.8192 20.1237 15.1487 20.1237 13.4399C20.1237 11.1484 19.215 8.9508 17.5975 7.33048C15.98 5.71017 13.7862 4.79989 11.4987 4.79989Z" fill="currentColor"/> 240 <path d="M11.4987 23.9999C9.41376 23.9999 7.37563 23.3806 5.64207 22.2202C3.9085 21.0599 2.55735 19.4106 1.75947 17.481C0.961599 15.5514 0.752839 13.4282 1.15959 11.3797C1.56634 9.33129 2.57034 7.44968 4.04462 5.97284C5.5189 4.496 7.39724 3.49025 9.44213 3.08279C11.487 2.67534 13.6066 2.88446 15.5328 3.68372C17.4591 4.48298 19.1054 5.83648 20.2638 7.57307C21.4221 9.30965 22.0404 11.3513 22.0404 13.4399C22.0404 16.2406 20.9297 18.9266 18.9528 20.9069C16.9758 22.8873 14.2945 23.9999 11.4987 23.9999ZM11.4987 4.79989C9.79284 4.79989 8.12528 5.30661 6.70691 6.25599C5.28854 7.20537 4.18305 8.55475 3.53024 10.1335C2.87744 11.7123 2.70663 13.4495 3.03943 15.1255C3.37223 16.8015 4.19368 18.341 5.39991 19.5493C6.60613 20.7576 8.14296 21.5805 9.81605 21.9139C11.4891 22.2472 13.2233 22.0761 14.7993 21.4222C16.3754 20.7683 17.7224 19.6609 18.6701 18.24C19.6179 16.8192 20.1237 15.1487 20.1237 13.4399C20.1237 11.1484 19.215 8.9508 17.5975 7.33048C15.98 5.71017 13.7862 4.79989 11.4987 4.79989Z" fill="currentColor"/>
241 <path d="M13.9821 17.2799L10.5417 13.8335V7.67988H12.4583V13.0367L15.3333 15.9263L13.9821 17.2799ZM0 4.4082L3.43275 0.962758L4.78975 2.31924L1.357 5.76468L0 4.4082ZM18.2083 2.31156L19.5644 0.955078L22.9962 4.40052L21.6401 5.757L18.2083 2.31156Z" fill="currentColor"/> 241 <path d="M13.9821 17.2799L10.5417 13.8335V7.67988H12.4583V13.0367L15.3333 15.9263L13.9821 17.2799ZM0 4.4082L3.43275 0.962758L4.78975 2.31924L1.357 5.76468L0 4.4082ZM18.2083 2.31156L19.5644 0.955078L22.9962 4.40052L21.6401 5.757L18.2083 2.31156Z" fill="currentColor"/>
242 </symbol> 242 </symbol>
243 243
244 <symbol id="pic" viewBox="0 0 50 50" fill="none"> 244 <symbol id="pic" viewBox="0 0 50 50" fill="none">
245 <path d="M43.75 0H6.25C2.79953 0.00320425 0.00320425 2.79953 0 6.25V43.75C0.00320425 47.2005 2.79953 49.9968 6.25 50H43.75C47.2005 49.9968 49.9968 47.2005 50 43.75V6.25C49.9968 2.79953 47.2005 0.00320425 43.75 0ZM6.25 47.5C4.17984 47.4977 2.50229 45.8202 2.5 43.75V30.6885L11.9067 21.2817C13.6168 19.5776 16.3832 19.5776 18.0933 21.2817L44.2619 47.448C44.093 47.4715 43.9253 47.4999 43.75 47.5H6.25ZM47.5 43.75C47.4989 44.6959 47.1364 45.5498 46.5582 46.2093L29.2679 28.9204L31.9067 26.2817C33.6168 24.5776 36.3832 24.5776 38.0933 26.2817L47.5 35.6885V43.75ZM47.5 32.1535L39.8608 24.5143C37.1747 21.8337 32.8253 21.8337 30.1392 24.5143L27.5005 27.153L19.8608 19.5142C17.1408 16.9165 12.8592 16.9165 10.1392 19.5142L2.5 27.1533V6.25C2.50229 4.17984 4.17984 2.50229 6.25 2.5H43.75C45.8202 2.50229 47.4977 4.17984 47.5 6.25V32.1535Z" fill="currentColor"/> 245 <path d="M43.75 0H6.25C2.79953 0.00320425 0.00320425 2.79953 0 6.25V43.75C0.00320425 47.2005 2.79953 49.9968 6.25 50H43.75C47.2005 49.9968 49.9968 47.2005 50 43.75V6.25C49.9968 2.79953 47.2005 0.00320425 43.75 0ZM6.25 47.5C4.17984 47.4977 2.50229 45.8202 2.5 43.75V30.6885L11.9067 21.2817C13.6168 19.5776 16.3832 19.5776 18.0933 21.2817L44.2619 47.448C44.093 47.4715 43.9253 47.4999 43.75 47.5H6.25ZM47.5 43.75C47.4989 44.6959 47.1364 45.5498 46.5582 46.2093L29.2679 28.9204L31.9067 26.2817C33.6168 24.5776 36.3832 24.5776 38.0933 26.2817L47.5 35.6885V43.75ZM47.5 32.1535L39.8608 24.5143C37.1747 21.8337 32.8253 21.8337 30.1392 24.5143L27.5005 27.153L19.8608 19.5142C17.1408 16.9165 12.8592 16.9165 10.1392 19.5142L2.5 27.1533V6.25C2.50229 4.17984 4.17984 2.50229 6.25 2.5H43.75C45.8202 2.50229 47.4977 4.17984 47.5 6.25V32.1535Z" fill="currentColor"/>
246 <path d="M32.6963 11.3351C32.6963 13.07 31.2899 14.4765 29.555 14.4765C27.82 14.4765 26.4136 13.07 26.4136 11.3351C26.4136 9.60017 27.82 8.19373 29.555 8.19373C31.2899 8.19373 32.6963 9.60017 32.6963 11.3351Z" fill="currentColor"/> 246 <path d="M32.6963 11.3351C32.6963 13.07 31.2899 14.4765 29.555 14.4765C27.82 14.4765 26.4136 13.07 26.4136 11.3351C26.4136 9.60017 27.82 8.19373 29.555 8.19373C31.2899 8.19373 32.6963 9.60017 32.6963 11.3351Z" fill="currentColor"/>
247 </symbol> 247 </symbol>
248 248
249 <symbol id="plus" viewBox="0 0 16 16" fill="none"> 249 <symbol id="plus" viewBox="0 0 16 16" fill="none">
250 <rect x="7" width="2" height="16" rx="1" fill="currentColor"/> 250 <rect x="7" width="2" height="16" rx="1" fill="currentColor"/>
251 <rect x="16" y="7" width="2" height="16" rx="1" transform="rotate(90 16 7)" fill="currentColor"/> 251 <rect x="16" y="7" width="2" height="16" rx="1" transform="rotate(90 16 7)" fill="currentColor"/>
252 </symbol> 252 </symbol>
253 253
254 <symbol id="leave" viewBox="0 0 18 20" fill="none"> 254 <symbol id="leave" viewBox="0 0 18 20" fill="none">
255 <path d="M2.125 19.625H10.375C10.7396 19.6246 11.0891 19.4797 11.3469 19.2219C11.6047 18.9641 11.7496 18.6146 11.75 18.25V16.1875H10.375V18.25H2.125V1.75H10.375V3.8125H11.75V1.75C11.7496 1.38544 11.6047 1.03591 11.3469 0.77813C11.0891 0.520347 10.7396 0.375364 10.375 0.375H2.125C1.76044 0.375364 1.41091 0.520347 1.15313 0.77813C0.895347 1.03591 0.750364 1.38544 0.75 1.75V18.25C0.750364 18.6146 0.895347 18.9641 1.15313 19.2219C1.41091 19.4797 1.76044 19.6246 2.125 19.625Z" fill="currentColor"/> 255 <path d="M2.125 19.625H10.375C10.7396 19.6246 11.0891 19.4797 11.3469 19.2219C11.6047 18.9641 11.7496 18.6146 11.75 18.25V16.1875H10.375V18.25H2.125V1.75H10.375V3.8125H11.75V1.75C11.7496 1.38544 11.6047 1.03591 11.3469 0.77813C11.0891 0.520347 10.7396 0.375364 10.375 0.375H2.125C1.76044 0.375364 1.41091 0.520347 1.15313 0.77813C0.895347 1.03591 0.750364 1.38544 0.75 1.75V18.25C0.750364 18.6146 0.895347 18.9641 1.15313 19.2219C1.41091 19.4797 1.76044 19.6246 2.125 19.625Z" fill="currentColor"/>
256 <path d="M12.1529 13.1529L14.6183 10.6875H4.875V9.3125H14.6183L12.1529 6.84712L13.125 5.875L17.25 10L13.125 14.125L12.1529 13.1529Z" fill="currentColor"/> 256 <path d="M12.1529 13.1529L14.6183 10.6875H4.875V9.3125H14.6183L12.1529 6.84712L13.125 5.875L17.25 10L13.125 14.125L12.1529 13.1529Z" fill="currentColor"/>
257 </symbol> 257 </symbol>
258 258
259 <symbol id="del" viewBox="0 0 12 16" fill="none"> 259 <symbol id="del" viewBox="0 0 12 16" fill="none">
260 <path d="M11.1231 5.62055L10.8731 13.1874C10.8518 13.8355 10.5788 14.4497 10.1121 14.8998C9.64531 15.3499 9.02153 15.6004 8.37312 15.5981H3.62312C2.97514 15.6004 2.35172 15.3503 1.88503 14.9007C1.41833 14.4512 1.14506 13.8375 1.12312 13.1899L0.873125 5.62055C0.867655 5.45479 0.928257 5.29365 1.0416 5.17257C1.15494 5.05149 1.31174 4.9804 1.4775 4.97493C1.64326 4.96946 1.8044 5.03006 1.92548 5.1434C2.04656 5.25674 2.11766 5.41354 2.12313 5.5793L2.37312 13.1481C2.38557 13.4712 2.52275 13.7769 2.75583 14.001C2.98891 14.2251 3.29978 14.3502 3.62312 14.3499H8.37312C8.69689 14.3501 9.00811 14.2247 9.24126 14.0001C9.47441 13.7754 9.61131 13.4691 9.62312 13.1456L9.87313 5.5793C9.8786 5.41354 9.94969 5.25674 10.0708 5.1434C10.1918 5.03006 10.353 4.96946 10.5187 4.97493C10.6845 4.9804 10.8413 5.05149 10.9546 5.17257C11.068 5.29365 11.1286 5.45479 11.1231 5.62055ZM11.95 3.10243C11.95 3.26819 11.8842 3.42716 11.7669 3.54437C11.6497 3.66158 11.4908 3.72743 11.325 3.72743H0.671875C0.506115 3.72743 0.347143 3.66158 0.229933 3.54437C0.112723 3.42716 0.046875 3.26819 0.046875 3.10243C0.046875 2.93667 0.112723 2.7777 0.229933 2.66049C0.347143 2.54328 0.506115 2.47743 0.671875 2.47743H2.60938C2.8074 2.47796 2.99855 2.4048 3.14561 2.27218C3.29268 2.13955 3.38514 1.95696 3.405 1.75993C3.45112 1.29773 3.66766 0.86926 4.01243 0.557995C4.35721 0.246731 4.80551 0.0749698 5.27 0.0761782H6.72625C7.19074 0.0749698 7.63904 0.246731 7.98382 0.557995C8.32859 0.86926 8.54513 1.29773 8.59125 1.75993C8.61111 1.95696 8.70357 2.13955 8.85064 2.27218C8.9977 2.4048 9.18885 2.47796 9.38688 2.47743H11.3244C11.4901 2.47743 11.6491 2.54328 11.7663 2.66049C11.8835 2.7777 11.9494 2.93667 11.9494 3.10243H11.95ZM4.49 2.47743H7.5075C7.42537 2.28977 7.37166 2.09092 7.34812 1.88743C7.33264 1.73337 7.26053 1.59054 7.14575 1.48662C7.03097 1.3827 6.88171 1.32508 6.72687 1.32493H5.27063C5.11579 1.32508 4.96653 1.3827 4.85175 1.48662C4.73697 1.59054 4.66486 1.73337 4.64937 1.88743C4.62564 2.09095 4.57234 2.2898 4.49 2.47743ZM5.11937 11.9468V6.62493C5.11937 6.45917 5.05353 6.3002 4.93632 6.18299C4.81911 6.06578 4.66014 5.99993 4.49437 5.99993C4.32861 5.99993 4.16964 6.06578 4.05243 6.18299C3.93522 6.3002 3.86937 6.45917 3.86937 6.62493V11.9493C3.86937 12.1151 3.93522 12.274 4.05243 12.3912C4.16964 12.5085 4.32861 12.5743 4.49437 12.5743C4.66014 12.5743 4.81911 12.5085 4.93632 12.3912C5.05353 12.274 5.11937 12.1151 5.11937 11.9493V11.9468ZM8.12813 11.9468V6.62493C8.12813 6.45917 8.06228 6.3002 7.94507 6.18299C7.82786 6.06578 7.66889 5.99993 7.50313 5.99993C7.33736 5.99993 7.17839 6.06578 7.06118 6.18299C6.94397 6.3002 6.87813 6.45917 6.87813 6.62493V11.9493C6.87813 12.1151 6.94397 12.274 7.06118 12.3912C7.17839 12.5085 7.33736 12.5743 7.50313 12.5743C7.66889 12.5743 7.82786 12.5085 7.94507 12.3912C8.06228 12.274 8.12813 12.1151 8.12813 11.9493V11.9468Z" fill="currentColor"/> 260 <path d="M11.1231 5.62055L10.8731 13.1874C10.8518 13.8355 10.5788 14.4497 10.1121 14.8998C9.64531 15.3499 9.02153 15.6004 8.37312 15.5981H3.62312C2.97514 15.6004 2.35172 15.3503 1.88503 14.9007C1.41833 14.4512 1.14506 13.8375 1.12312 13.1899L0.873125 5.62055C0.867655 5.45479 0.928257 5.29365 1.0416 5.17257C1.15494 5.05149 1.31174 4.9804 1.4775 4.97493C1.64326 4.96946 1.8044 5.03006 1.92548 5.1434C2.04656 5.25674 2.11766 5.41354 2.12313 5.5793L2.37312 13.1481C2.38557 13.4712 2.52275 13.7769 2.75583 14.001C2.98891 14.2251 3.29978 14.3502 3.62312 14.3499H8.37312C8.69689 14.3501 9.00811 14.2247 9.24126 14.0001C9.47441 13.7754 9.61131 13.4691 9.62312 13.1456L9.87313 5.5793C9.8786 5.41354 9.94969 5.25674 10.0708 5.1434C10.1918 5.03006 10.353 4.96946 10.5187 4.97493C10.6845 4.9804 10.8413 5.05149 10.9546 5.17257C11.068 5.29365 11.1286 5.45479 11.1231 5.62055ZM11.95 3.10243C11.95 3.26819 11.8842 3.42716 11.7669 3.54437C11.6497 3.66158 11.4908 3.72743 11.325 3.72743H0.671875C0.506115 3.72743 0.347143 3.66158 0.229933 3.54437C0.112723 3.42716 0.046875 3.26819 0.046875 3.10243C0.046875 2.93667 0.112723 2.7777 0.229933 2.66049C0.347143 2.54328 0.506115 2.47743 0.671875 2.47743H2.60938C2.8074 2.47796 2.99855 2.4048 3.14561 2.27218C3.29268 2.13955 3.38514 1.95696 3.405 1.75993C3.45112 1.29773 3.66766 0.86926 4.01243 0.557995C4.35721 0.246731 4.80551 0.0749698 5.27 0.0761782H6.72625C7.19074 0.0749698 7.63904 0.246731 7.98382 0.557995C8.32859 0.86926 8.54513 1.29773 8.59125 1.75993C8.61111 1.95696 8.70357 2.13955 8.85064 2.27218C8.9977 2.4048 9.18885 2.47796 9.38688 2.47743H11.3244C11.4901 2.47743 11.6491 2.54328 11.7663 2.66049C11.8835 2.7777 11.9494 2.93667 11.9494 3.10243H11.95ZM4.49 2.47743H7.5075C7.42537 2.28977 7.37166 2.09092 7.34812 1.88743C7.33264 1.73337 7.26053 1.59054 7.14575 1.48662C7.03097 1.3827 6.88171 1.32508 6.72687 1.32493H5.27063C5.11579 1.32508 4.96653 1.3827 4.85175 1.48662C4.73697 1.59054 4.66486 1.73337 4.64937 1.88743C4.62564 2.09095 4.57234 2.2898 4.49 2.47743ZM5.11937 11.9468V6.62493C5.11937 6.45917 5.05353 6.3002 4.93632 6.18299C4.81911 6.06578 4.66014 5.99993 4.49437 5.99993C4.32861 5.99993 4.16964 6.06578 4.05243 6.18299C3.93522 6.3002 3.86937 6.45917 3.86937 6.62493V11.9493C3.86937 12.1151 3.93522 12.274 4.05243 12.3912C4.16964 12.5085 4.32861 12.5743 4.49437 12.5743C4.66014 12.5743 4.81911 12.5085 4.93632 12.3912C5.05353 12.274 5.11937 12.1151 5.11937 11.9493V11.9468ZM8.12813 11.9468V6.62493C8.12813 6.45917 8.06228 6.3002 7.94507 6.18299C7.82786 6.06578 7.66889 5.99993 7.50313 5.99993C7.33736 5.99993 7.17839 6.06578 7.06118 6.18299C6.94397 6.3002 6.87813 6.45917 6.87813 6.62493V11.9493C6.87813 12.1151 6.94397 12.274 7.06118 12.3912C7.17839 12.5085 7.33736 12.5743 7.50313 12.5743C7.66889 12.5743 7.82786 12.5085 7.94507 12.3912C8.06228 12.274 8.12813 12.1151 8.12813 11.9493V11.9468Z" fill="currentColor"/>
261 </symbol> 261 </symbol>
262 262
263 <symbol id="i" viewBox="0 0 20 20" fill="none"> 263 <symbol id="i" viewBox="0 0 20 20" fill="none">
264 <path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 15C9.45 15 9 14.55 9 14V10C9 9.45 9.45 9 10 9C10.55 9 11 9.45 11 10V14C11 14.55 10.55 15 10 15ZM11 7H9V5H11V7Z" fill="currentColor"/> 264 <path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 15C9.45 15 9 14.55 9 14V10C9 9.45 9.45 9 10 9C10.55 9 11 9.45 11 10V14C11 14.55 10.55 15 10 15ZM11 7H9V5H11V7Z" fill="currentColor"/>
265 </symbol> 265 </symbol>
266 266
267 <symbol id="arrow-radius" viewBox="0 0 14 18" fill="none"> 267 <symbol id="arrow-radius" viewBox="0 0 14 18" fill="none">
268 <path d="M5.24219 5.48438L8.75781 1.96875L12.2734 5.48438" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 268 <path d="M5.24219 5.48438L8.75781 1.96875L12.2734 5.48438" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
269 <path d="M1.72656 16.0312C3.59137 16.0312 5.37979 15.2905 6.69841 13.9718C8.01702 12.6532 8.75781 10.8648 8.75781 9V1.96875" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 269 <path d="M1.72656 16.0312C3.59137 16.0312 5.37979 15.2905 6.69841 13.9718C8.01702 12.6532 8.75781 10.8648 8.75781 9V1.96875" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
270 </symbol> 270 </symbol>
271 271
272 <symbol id="pencil" viewBox="0 0 16 16" fill="none"> 272 <symbol id="pencil" viewBox="0 0 16 16" fill="none">
273 <path d="M15.0604 3.06112L13.9195 4.20203L11.7656 2.11413L12.9396 0.940228C13.2208 0.65898 13.6023 0.500977 14 0.500977C14.3977 0.500977 14.7792 0.65898 15.0604 0.940228C15.3417 1.22148 15.4997 1.60293 15.4997 2.00067C15.4997 2.39842 15.3417 2.77987 15.0604 3.06112ZM10.1943 3.68443L12.3415 5.77908L3.6373 14.4833L0.714504 15.2976L1.51636 12.3624L10.1943 3.68443Z" fill="currentColor" stroke="currentColor"/> 273 <path d="M15.0604 3.06112L13.9195 4.20203L11.7656 2.11413L12.9396 0.940228C13.2208 0.65898 13.6023 0.500977 14 0.500977C14.3977 0.500977 14.7792 0.65898 15.0604 0.940228C15.3417 1.22148 15.4997 1.60293 15.4997 2.00067C15.4997 2.39842 15.3417 2.77987 15.0604 3.06112ZM10.1943 3.68443L12.3415 5.77908L3.6373 14.4833L0.714504 15.2976L1.51636 12.3624L10.1943 3.68443Z" fill="currentColor" stroke="currentColor"/>
274 </symbol> 274 </symbol>
275 275
276 <symbol id="clock" viewBox="0 0 17 18" fill="none"> 276 <symbol id="clock" viewBox="0 0 17 18" fill="none">
277 <path d="M1.21484 9.00007C1.21484 9.95684 1.40329 10.9042 1.76944 11.7882C2.13558 12.6721 2.67224 13.4753 3.34878 14.1518C4.02532 14.8284 4.82849 15.3651 5.71244 15.7312C6.59638 16.0973 7.54378 16.2858 8.50056 16.2858C9.45733 16.2858 10.4047 16.0973 11.2887 15.7312C12.1726 15.3651 12.9758 14.8284 13.6523 14.1518C14.3289 13.4753 14.8655 12.6721 15.2317 11.7882C15.5978 10.9042 15.7863 9.95684 15.7863 9.00007C15.7863 7.06778 15.0187 5.21463 13.6523 3.84829C12.286 2.48196 10.4328 1.71436 8.50056 1.71436C6.56827 1.71436 4.71512 2.48196 3.34878 3.84829C1.98244 5.21463 1.21484 7.06778 1.21484 9.00007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 277 <path d="M1.21484 9.00007C1.21484 9.95684 1.40329 10.9042 1.76944 11.7882C2.13558 12.6721 2.67224 13.4753 3.34878 14.1518C4.02532 14.8284 4.82849 15.3651 5.71244 15.7312C6.59638 16.0973 7.54378 16.2858 8.50056 16.2858C9.45733 16.2858 10.4047 16.0973 11.2887 15.7312C12.1726 15.3651 12.9758 14.8284 13.6523 14.1518C14.3289 13.4753 14.8655 12.6721 15.2317 11.7882C15.5978 10.9042 15.7863 9.95684 15.7863 9.00007C15.7863 7.06778 15.0187 5.21463 13.6523 3.84829C12.286 2.48196 10.4328 1.71436 8.50056 1.71436C6.56827 1.71436 4.71512 2.48196 3.34878 3.84829C1.98244 5.21463 1.21484 7.06778 1.21484 9.00007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
278 <path d="M8.5 4.95264V9.00026L10.9286 11.4288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 278 <path d="M8.5 4.95264V9.00026L10.9286 11.4288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
279 </symbol> 279 </symbol>
280 280
281 <symbol id="time" viewBox="0 0 16 17" fill="none"> 281 <symbol id="time" viewBox="0 0 16 17" fill="none">
282 <path d="M0.879883 8.50007C0.879883 9.45684 1.06407 10.4042 1.42193 11.2882C1.77979 12.1721 2.30431 12.9753 2.96554 13.6518C3.62678 14.3284 4.41178 14.865 5.27572 15.2312C6.13967 15.5973 7.06564 15.7858 8.00076 15.7858C8.93589 15.7858 9.86186 15.5973 10.7258 15.2312C11.5898 14.865 12.3748 14.3284 13.036 13.6518C13.6972 12.9753 14.2217 12.1721 14.5796 11.2882C14.9375 10.4042 15.1216 9.45684 15.1216 8.50007C15.1216 6.56778 14.3714 4.71463 13.036 3.34829C11.7006 1.98196 9.88934 1.21436 8.00076 1.21436C6.11219 1.21436 4.30096 1.98196 2.96554 3.34829C1.63012 4.71463 0.879883 6.56778 0.879883 8.50007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 282 <path d="M0.879883 8.50007C0.879883 9.45684 1.06407 10.4042 1.42193 11.2882C1.77979 12.1721 2.30431 12.9753 2.96554 13.6518C3.62678 14.3284 4.41178 14.865 5.27572 15.2312C6.13967 15.5973 7.06564 15.7858 8.00076 15.7858C8.93589 15.7858 9.86186 15.5973 10.7258 15.2312C11.5898 14.865 12.3748 14.3284 13.036 13.6518C13.6972 12.9753 14.2217 12.1721 14.5796 11.2882C14.9375 10.4042 15.1216 9.45684 15.1216 8.50007C15.1216 6.56778 14.3714 4.71463 13.036 3.34829C11.7006 1.98196 9.88934 1.21436 8.00076 1.21436C6.11219 1.21436 4.30096 1.98196 2.96554 3.34829C1.63012 4.71463 0.879883 6.56778 0.879883 8.50007Z" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
283 <path d="M8 4.45264V8.50026L10.3736 10.9288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/> 283 <path d="M8 4.45264V8.50026L10.3736 10.9288" stroke="currentColor" stroke-width="1.61905" stroke-linecap="round" stroke-linejoin="round"/>
284 </symbol> 284 </symbol>
285 285
286 <symbol id="warning" viewBox="0 0 40 35" fill="none"> 286 <symbol id="warning" viewBox="0 0 40 35" fill="none">
287 <path d="M19.9985 24.4905C20.3837 24.4905 20.6985 24.3683 20.9429 24.1239C21.1874 23.8794 21.3096 23.5646 21.3096 23.1795C21.3096 22.7943 21.1874 22.4788 20.9429 22.233C20.6985 21.9885 20.3837 21.8663 19.9985 21.8663C19.6134 21.8663 19.2986 21.9885 19.0542 22.233C18.8097 22.4788 18.6875 22.7943 18.6875 23.1795C18.6875 23.5632 18.8097 23.878 19.0542 24.1239C19.2986 24.3683 19.6134 24.4905 19.9985 24.4905ZM19.9985 18.1783C20.3013 18.1783 20.5549 18.076 20.7596 17.8713C20.9628 17.6681 21.0644 17.4151 21.0644 17.1124V6.28936C21.0644 5.98522 20.9628 5.73154 20.7596 5.52831C20.5549 5.32508 20.3013 5.22346 19.9985 5.22346C19.6958 5.22346 19.4422 5.32508 19.2375 5.52831C19.0343 5.73154 18.9327 5.98522 18.9327 6.28936V17.1124C18.9327 17.4151 19.0343 17.6681 19.2375 17.8713C19.4422 18.076 19.6958 18.1783 19.9985 18.1783ZM7.372 29.9841L3.73944 33.6167C3.20081 34.1553 2.57833 34.279 1.872 33.9876C1.16567 33.6963 0.8125 33.1669 0.8125 32.3994V3.58199C0.8125 2.60137 1.14151 1.78277 1.79952 1.12618C2.4561 0.468166 3.27471 0.13916 4.25533 0.13916H35.7418C36.7224 0.13916 37.541 0.468166 38.1976 1.12618C38.8556 1.78277 39.1846 2.60137 39.1846 3.58199V26.5413C39.1846 27.5219 38.8563 28.3412 38.1997 28.9992C37.5417 29.6558 36.7224 29.9841 35.7418 29.9841H7.372ZM6.46173 27.8523H35.7418C36.0686 27.8523 36.3692 27.7159 36.6435 27.443C36.9164 27.1688 37.0528 26.8682 37.0528 26.5413V3.58199C37.0528 3.25512 36.9164 2.95454 36.6435 2.68025C36.3692 2.40738 36.0686 2.27094 35.7418 2.27094H4.25533C3.92846 2.27094 3.62787 2.40738 3.35359 2.68025C3.08072 2.95454 2.94428 3.25512 2.94428 3.58199V31.3591L6.46173 27.8523Z" fill="currentColor"/> 287 <path d="M19.9985 24.4905C20.3837 24.4905 20.6985 24.3683 20.9429 24.1239C21.1874 23.8794 21.3096 23.5646 21.3096 23.1795C21.3096 22.7943 21.1874 22.4788 20.9429 22.233C20.6985 21.9885 20.3837 21.8663 19.9985 21.8663C19.6134 21.8663 19.2986 21.9885 19.0542 22.233C18.8097 22.4788 18.6875 22.7943 18.6875 23.1795C18.6875 23.5632 18.8097 23.878 19.0542 24.1239C19.2986 24.3683 19.6134 24.4905 19.9985 24.4905ZM19.9985 18.1783C20.3013 18.1783 20.5549 18.076 20.7596 17.8713C20.9628 17.6681 21.0644 17.4151 21.0644 17.1124V6.28936C21.0644 5.98522 20.9628 5.73154 20.7596 5.52831C20.5549 5.32508 20.3013 5.22346 19.9985 5.22346C19.6958 5.22346 19.4422 5.32508 19.2375 5.52831C19.0343 5.73154 18.9327 5.98522 18.9327 6.28936V17.1124C18.9327 17.4151 19.0343 17.6681 19.2375 17.8713C19.4422 18.076 19.6958 18.1783 19.9985 18.1783ZM7.372 29.9841L3.73944 33.6167C3.20081 34.1553 2.57833 34.279 1.872 33.9876C1.16567 33.6963 0.8125 33.1669 0.8125 32.3994V3.58199C0.8125 2.60137 1.14151 1.78277 1.79952 1.12618C2.4561 0.468166 3.27471 0.13916 4.25533 0.13916H35.7418C36.7224 0.13916 37.541 0.468166 38.1976 1.12618C38.8556 1.78277 39.1846 2.60137 39.1846 3.58199V26.5413C39.1846 27.5219 38.8563 28.3412 38.1997 28.9992C37.5417 29.6558 36.7224 29.9841 35.7418 29.9841H7.372ZM6.46173 27.8523H35.7418C36.0686 27.8523 36.3692 27.7159 36.6435 27.443C36.9164 27.1688 37.0528 26.8682 37.0528 26.5413V3.58199C37.0528 3.25512 36.9164 2.95454 36.6435 2.68025C36.3692 2.40738 36.0686 2.27094 35.7418 2.27094H4.25533C3.92846 2.27094 3.62787 2.40738 3.35359 2.68025C3.08072 2.95454 2.94428 3.25512 2.94428 3.58199V31.3591L6.46173 27.8523Z" fill="currentColor"/>
288 </symbol> 288 </symbol>
289 289
290 </svg>
290 </svg>
resources/views/employers/messages.blade.php
Diff comments   View file @ a939109
1 @extends('layout.frontend', ['title' => 'Сообщения от пользователей - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Сообщения от пользователей - РекаМоре'])
2 @section('scripts') 2 @section('scripts')
3 <script> 3 <script>
4 console.log('Test system'); 4 console.log('Test system');
5 $(document).on('change', '#sort_ajax', function() { 5 $(document).on('change', '#sort_ajax', function() {
6 var this_ = $(this); 6 var this_ = $(this);
7 var val_ = this_.val(); 7 var val_ = this_.val();
8 console.log('sort items '+val_); 8 console.log('sort items '+val_);
9 9
10 $.ajax({ 10 $.ajax({
11 type: "GET", 11 type: "GET",
12 url: "{{ route('shipping_companies') }}", 12 url: "{{ route('shipping_companies') }}",
13 data: "sort="+val_+"&block=1", 13 data: "sort="+val_+"&block=1",
14 success: function (data) { 14 success: function (data) {
15 console.log('Выбор сортировки'); 15 console.log('Выбор сортировки');
16 console.log(data); 16 console.log(data);
17 $('#block_1').html(data); 17 $('#block_1').html(data);
18 }, 18 },
19 headers: { 19 headers: {
20 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 20 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
21 }, 21 },
22 error: function (data) { 22 error: function (data) {
23 data = JSON.stringify(data); 23 data = JSON.stringify(data);
24 console.log('Error: ' + data); 24 console.log('Error: ' + data);
25 } 25 }
26 }); 26 });
27 27
28 $.ajax({ 28 $.ajax({
29 type: "GET", 29 type: "GET",
30 url: "{{ route('shipping_companies') }}", 30 url: "{{ route('shipping_companies') }}",
31 data: "sort="+val_+"&block=2", 31 data: "sort="+val_+"&block=2",
32 success: function (data) { 32 success: function (data) {
33 console.log('Выбор сортировки2'); 33 console.log('Выбор сортировки2');
34 console.log(data); 34 console.log(data);
35 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 35 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
36 $('#block_2').html(data); 36 $('#block_2').html(data);
37 }, 37 },
38 headers: { 38 headers: {
39 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 39 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
40 }, 40 },
41 error: function (data) { 41 error: function (data) {
42 data = JSON.stringify(data); 42 data = JSON.stringify(data);
43 console.log('Error: ' + data); 43 console.log('Error: ' + data);
44 } 44 }
45 }); 45 });
46 }); 46 });
47 </script> 47 </script>
48 @endsection 48 @endsection
49 49
50 @section('content') 50 @section('content')
51 <section class="cabinet"> 51 <section class="cabinet">
52 <div class="container"> 52 <div class="container">
53 <ul class="breadcrumbs cabinet__breadcrumbs"> 53 <ul class="breadcrumbs cabinet__breadcrumbs">
54 <li><a href="{{ route('index') }}">Главная</a></li> 54 <li><a href="{{ route('index') }}">Главная</a></li>
55 <li><b>Личный кабинет</b></li> 55 <li><b>Личный кабинет</b></li>
56 </ul> 56 </ul>
57 <div class="cabinet__wrapper"> 57 <div class="cabinet__wrapper">
58 <div class="cabinet__side"> 58 <div class="cabinet__side">
59 <div class="cabinet__side-toper"> 59 <div class="cabinet__side-toper">
60 @include('employers.emblema') 60 @include('employers.emblema')
61 </div> 61 </div>
62 62
63 63
64 @include('employers.menu', ['item' => 5]) 64 @include('employers.menu', ['item' => 5])
65 </div> 65 </div>
66 66
67 <div class="cabinet__body"> 67 <div class="cabinet__body">
68 <div class="cabinet__body-item"> 68 <div class="cabinet__body-item">
69 <h2 class="title cabinet__title">Сообщения</h2> 69 <h2 class="title cabinet__title">Сообщения</h2>
70 </div> 70 </div>
71 <div class="cabinet__body-item"> 71 <div class="cabinet__body-item">
72 <div class="messages"> 72 <div class="messages">
73 <div class="messages__body"> 73 <div class="messages__body">
74 @if ($chats->count()) 74 @if ($chats->count())
75 @foreach($chats as $chat) 75 @foreach($chats as $chat)
76 <div class=""> 76 <div class="">
77 <a class="messages__item hover-shadow" href="{{ route('worker.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id]) }}"> 77 <a class="messages__item hover-shadow" href="{{ route('employer.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}">
78 <div class="messages__item-info"> 78 <div class="messages__item-info">
79 <div class="messages__item-photo"> 79 <div class="messages__item-photo">
80 @if (isset($chat->worker->photo)) 80 @if (isset($chat->worker->photo))
81 <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt=""> 81 <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
82 @else 82 @else
83 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 83 <img src="{{ asset('images/default_man.jpg') }}" alt="">
84 @endif 84 @endif
85 </div> 85 </div>
86 <div class="messages__item-text"> 86 <div class="messages__item-text">
87 <div> 87 <div>
88 <b> 88 <b>
89 @if ($chat->employer && $chat->employer->name_company) 89 @if ($chat->employer && $chat->employer->name_company)
90 {{ $chat->employer->name_company }} 90 {{ $chat->employer->name_company }}
91 @else 91 @else
92 {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }} 92 {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }}
93 @endif 93 @endif
94 </b> 94 </b>
95 </div> 95 </div>
96 <div> 96 <div>
97 {{ $chat->last_message->text }} 97 {{ $chat->last_message->text }}
98 </div> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 101
102 <div class="messages__item-actions"> 102 <div class="messages__item-actions">
103 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div> 103 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
104 <div class="messages__item-buttons"> 104 <div class="messages__item-buttons">
105 <button class="mr-10"> 105 @if($chat->unread_messages_count > 0)
106 <img src="{{ asset("images/icon-pin-empty.png") }}"/> 106 <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
107 @endif
108
109 <button class="mr-15">
110 @if(intval($chat->is_fixed) == 1)
111 @include('svg.pin_on')
112 @else
113 @include('svg.pin_off')
114 @endif
107 </button> 115 </button>
108 <button class=""> 116 <button class="">
109 <svg> 117 <svg>
110 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 118 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
111 </svg> 119 </svg>
112 </button> 120 </button>
113 </div> 121 </div>
114 <div class="clear"></div> 122 <div class="clear"></div>
115 </div> 123 </div>
116 </a> 124 </a>
117 </div> 125 </div>
118 @endforeach 126 @endforeach
119 <div style="margin-top: 20px"> 127 <div style="margin-top: 20px">
120 {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }} 128 {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
121 </div><!-- конец --> 129 </div><!-- конец -->
122 @else 130 @else
123 <div class="notify"> 131 <div class="notify">
124 <svg> 132 <svg>
125 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use> 133 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
126 </svg> 134 </svg>
127 <span>Сообщений не найдено</span> 135 <span>Сообщений не найдено</span>
128 </div> 136 </div>
129 @endif 137 @endif
130 </div> 138 </div>
131 </div> 139 </div>
132 </div> 140 </div>
133 </div> 141 </div>
134 </div> 142 </div>
135 </div> 143 </div>
136 </section> 144 </section>
137 </div> 145 </div>
138 @endsection 146 @endsection
139 147
resources/views/svg/pin_off.blade.php
Diff comments   View file @ a939109
File was created 1 <svg id="pin_off" width="24" height="24" viewBox="0 0 24 24" fill="none">
2 <g>
3 <path d="M21.2011 10.2914L21.1824 10.314L21.1649 10.3376C20.99 10.5746 20.7324 10.7371 20.4432 10.793C20.1586 10.848 19.864 10.7958 19.6158 10.6467C19.566 10.6135 19.4609 10.5439 19.3519 10.4926C19.1996 10.421 18.928 10.3288 18.5951 10.4056C18.3132 10.4706 18.1249 10.6299 18.0531 10.6923C17.9801 10.7556 17.9024 10.8345 17.846 10.8918C17.8405 10.8973 17.8353 10.9026 17.8303 10.9077L17.8302 10.9078C16.4596 12.2971 16.0828 12.6702 14.9413 13.8004L14.9359 13.8058L14.9359 13.8058L14.9324 13.8093L14.4356 14.3061L14.428 14.313C14.4204 14.3199 14.3984 14.3397 14.375 14.3627C14.3742 14.3636 14.3731 14.3646 14.3719 14.3658C14.3397 14.3972 14.1785 14.5544 14.0995 14.8112C13.9963 15.1467 14.0901 15.4255 14.1553 15.5639C14.1964 15.6511 14.2463 15.7242 14.2695 15.7568C15.351 17.4028 14.7366 19.3459 13.5194 20.7627C13.2899 21.0053 13.1747 21.0049 13.1735 21.005L13.1734 21.005C13.1684 21.0052 13.0552 21.0096 12.8172 20.7948C12.4016 20.378 12.024 20.0025 11.6562 19.6368C10.9018 18.8867 10.1885 18.1775 9.27281 17.2356L9.24339 17.2053L9.21618 17.1817C9.21377 17.1792 9.20723 17.1726 9.19271 17.1581L9.19118 17.1565C9.17821 17.1435 9.1224 17.0875 9.04628 17.0331C8.95518 16.9681 8.7878 16.8702 8.55445 16.845C8.32075 16.8198 8.13401 16.8796 8.02355 16.9283C7.92365 16.9723 7.85021 17.0236 7.82313 17.0427C7.7885 17.0672 7.72572 17.116 7.70429 17.1327C7.70063 17.1355 7.69817 17.1374 7.69727 17.1381L7.68381 17.1484L7.67071 17.1592C6.59272 18.0425 5.51225 18.9209 4.42928 19.7942L4.42745 19.7957C3.98373 20.1553 3.53886 20.5154 3.09282 20.8761C3.36515 20.5014 3.63593 20.1278 3.90617 19.755C4.81152 18.5059 5.71082 17.2651 6.64195 16.0186L6.64779 16.0108L6.65348 16.0028C6.65483 16.0009 6.71685 15.9177 6.75922 15.8446C6.80423 15.7669 6.9819 15.4511 6.87009 15.0382C6.82226 14.8617 6.73858 14.738 6.68865 14.6728C6.64133 14.611 6.59536 14.5652 6.58044 14.5503L6.58003 14.5499C6.55113 14.5211 6.54482 14.5154 6.54153 14.5124C6.53888 14.51 6.53818 14.5093 6.52929 14.5L6.51846 14.4885L6.50728 14.4774C5.26496 13.246 4.40387 12.3826 3.28693 11.2608L3.28694 11.2608L3.28235 11.2563C3.00584 10.9821 3.01246 10.8459 3.01285 10.838L3.01285 10.8379C3.01346 10.8247 3.02458 10.6779 3.33148 10.4114L3.33302 10.4101C3.98754 9.8393 4.88968 9.39798 5.81255 9.24909C6.72641 9.10166 7.59019 9.24843 8.27406 9.74538C8.30815 9.77067 8.33536 9.7888 8.34843 9.7975L8.34985 9.79845L9.03635 10.2561L9.61608 9.66903C10.8598 8.40952 12.1109 7.15723 13.3691 5.91223L13.9796 5.30825L13.4748 4.61355C13.2798 4.34531 13.1929 4.01358 13.2312 3.68422C13.2695 3.35486 13.4303 3.05194 13.6816 2.8356C13.9328 2.61926 14.2563 2.5053 14.5877 2.51636C14.9187 2.5274 15.2334 2.66232 15.4696 2.89438C17.8126 5.21499 18.8157 6.22172 21.1333 8.55807C21.3566 8.78708 21.4873 9.09063 21.5001 9.41029C21.513 9.73088 21.4065 10.0449 21.2011 10.2914Z" stroke="black" stroke-width="2"/>
4 </g>
5 </svg>
6
resources/views/svg/pin_on.blade.php
Diff comments   View file @ a939109
File was created 1 <svg id="pin_on" width="24" height="24" viewBox="0 0 24 24" fill="none">
2 <g>
3 <path d="M21.9695 10.9314C21.6456 11.3703 21.1685 11.6714 20.6329 11.7749C20.0973 11.8784 19.5424 11.7767 19.0783 11.4901C18.8233 11.3214 18.8233 11.3251 18.542 11.6101C17.1658 13.0051 16.787 13.3801 15.6395 14.5164L15.1258 15.0301C15.0444 15.1051 15.0305 15.1025 15.092 15.1876C16.5545 17.3889 15.6245 19.8564 14.2633 21.4314C13.5714 22.175 12.8533 22.187 12.1258 21.5176C10.8617 20.2494 9.92903 19.3453 8.55578 17.9326C8.42453 17.8186 8.48116 17.7976 8.30453 17.9326C7.22453 18.8176 6.14203 19.6976 5.05703 20.5726C4.40453 21.1014 3.74953 21.6314 3.09203 22.1626C2.88997 22.3572 2.62566 22.4741 2.34578 22.4926C2.23653 22.4905 2.12881 22.4665 2.02898 22.4221C1.92915 22.3776 1.83923 22.3136 1.76453 22.2339C1.23953 21.7201 1.62953 21.1839 1.79828 20.9551C3.14716 19.1068 4.46266 17.2651 5.84078 15.4201C5.94053 15.281 5.92441 15.3155 5.80328 15.1876C4.55866 13.9539 3.69578 13.0888 2.57828 11.9664C1.78703 11.1819 1.83203 10.3891 2.67578 9.65639C4.25828 8.27639 6.96953 7.55639 8.86703 8.94014C8.88203 8.95139 8.89328 8.95889 8.90453 8.96639C10.151 7.70413 11.4048 6.44911 12.6658 5.20139C12.3233 4.73012 12.1706 4.14733 12.2379 3.56868C12.3052 2.99004 12.5876 2.45786 13.0291 2.07778C13.4706 1.69769 14.0388 1.49749 14.621 1.51692C15.2033 1.53634 15.7569 1.77397 16.172 2.18264C18.5195 4.50764 19.5245 5.51639 21.8458 7.85639C22.2436 8.2626 22.4765 8.80199 22.4993 9.37008C22.5222 9.93817 22.3334 10.4945 21.9695 10.9314Z" fill="gray"/>
4 </g>
5 </svg>
6
resources/views/workers/dialog.blade.php
Diff comments   View file @ a939109
1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('change', '#send_btn', function() { 6 $(document).on('change', '#send_btn', function() {
7 var this_ = $(this); 7 var this_ = $(this);
8 var val_ = this_.val(); 8 var val_ = this_.val();
9 console.log('sort items '+val_); 9 console.log('sort items '+val_);
10 10
11 $.ajax({ 11 $.ajax({
12 type: "GET", 12 type: "GET",
13 url: "{{ route('shipping_companies') }}", 13 url: "{{ route('shipping_companies') }}",
14 data: "sort="+val_+"&block=1", 14 data: "sort="+val_+"&block=1",
15 success: function (data) { 15 success: function (data) {
16 console.log('Выбор сортировки'); 16 console.log('Выбор сортировки');
17 console.log(data); 17 console.log(data);
18 $('#block_1').html(data); 18 $('#block_1').html(data);
19 }, 19 },
20 headers: { 20 headers: {
21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22 }, 22 },
23 error: function (data) { 23 error: function (data) {
24 data = JSON.stringify(data); 24 data = JSON.stringify(data);
25 console.log('Error: ' + data); 25 console.log('Error: ' + data);
26 } 26 }
27 }); 27 });
28 28
29 $.ajax({ 29 $.ajax({
30 type: "GET", 30 type: "GET",
31 url: "{{ route('shipping_companies') }}", 31 url: "{{ route('shipping_companies') }}",
32 data: "sort="+val_+"&block=2", 32 data: "sort="+val_+"&block=2",
33 success: function (data) { 33 success: function (data) {
34 console.log('Выбор сортировки2'); 34 console.log('Выбор сортировки2');
35 console.log(data); 35 console.log(data);
36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37 $('#block_2').html(data); 37 $('#block_2').html(data);
38 }, 38 },
39 headers: { 39 headers: {
40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41 }, 41 },
42 error: function (data) { 42 error: function (data) {
43 data = JSON.stringify(data); 43 data = JSON.stringify(data);
44 console.log('Error: ' + data); 44 console.log('Error: ' + data);
45 } 45 }
46 }); 46 });
47 }); 47 });
48 </script> 48 </script>
49 @endsection 49 @endsection
50 50
51 @section('content') 51 @section('content')
52 <section class="cabinet"> 52 <section class="cabinet">
53 <div class="container"> 53 <div class="container">
54 <ul class="breadcrumbs cabinet__breadcrumbs"> 54 <ul class="breadcrumbs cabinet__breadcrumbs">
55 <li><a href="{{ route('index') }}">Главная</a></li> 55 <li><a href="{{ route('index') }}">Главная</a></li>
56 <li><b>Личный кабинет</b></li> 56 <li><b>Личный кабинет</b></li>
57 </ul> 57 </ul>
58 <div class="cabinet__wrapper"> 58 <div class="cabinet__wrapper">
59 <div class="cabinet__side"> 59 <div class="cabinet__side">
60 <div class="cabinet__side-toper"> 60 <div class="cabinet__side-toper">
61 @include('workers.emblema') 61 @include('workers.emblema')
62 </div> 62 </div>
63 @include('workers.menu', ['item' => 2]) 63 @include('workers.menu', ['item' => 2])
64 </div> 64 </div>
65 <div class="cabinet__body"> 65 <div class="cabinet__body">
66 <div class="cabinet__body-item"> 66 <div class="cabinet__body-item">
67 <h2 class="title cabinet__title">Сообщения</h2> 67 <h2 class="title cabinet__title">Сообщения</h2>
68 </div> 68 </div>
69 <div class="cabinet__body-item"> 69 <div class="cabinet__body-item">
70 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back"> 70 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back">
71 <svg> 71 <svg>
72 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 72 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
73 </svg> 73 </svg>
74 <span> 74 <span>
75 К списку чатов 75 К списку чатов
76 </span> 76 </span>
77 </a> 77 </a>
78 <div class="chatbox"> 78 <div class="chatbox">
79 <div class="chatbox__toper"> 79 <div class="chatbox__toper">
80 @if ($companion->is_worker) 80 @if ($companion->is_worker)
81 <div class="chatbox__toper-info messages__item-info"> 81 <div class="chatbox__toper-info messages__item-info">
82 <div class="messages__item-photo"> 82 <div class="messages__item-photo">
83 <svg> 83 <svg>
84 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 84 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
85 </svg> 85 </svg>
86 @if ((isset($companion->workers[0]->photo)) && 86 @if ((isset($companion->workers[0]->photo)) &&
87 (!empty($companion->workers[0]->photo))) 87 (!empty($companion->workers[0]->photo)))
88 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 88 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
89 @else 89 @else
90 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 90 <img src="{{ asset('images/default_man.jpg') }}" alt="">
91 @endif 91 @endif
92 </div> 92 </div>
93 <div class="messages__item-text">
94 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
95 <div><span>Вакансия:</span> @if (!is_null($ad_employer)) <a href="{{ route('vacancie', ['vacancy' => $ad_employer->id]) }}">{{ $ad_employer->name}}</a> @else Не указано @endif</div>
96 </div>
97 </div> 93 </div>
98 @if (isset($companion->worker->id)) 94 @if (isset($companion->worker->id))
99 <a href="{{ route('resume_profile', ['worker' => $companion->worker->id]) }}" class="button chatbox__toper-button"> 95 <a href="{{ route('resume_profile', ['worker' => $companion->worker->id]) }}" class="button chatbox__toper-button">
100 <svg> 96 <svg>
101 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 97 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
102 </svg> 98 </svg>
103 Перейти в резюме 99 Перейти в резюме
104 </a> 100 </a>
105 @endif 101 @endif
106 @else 102 @else
107 <div class="chatbox__toper-info messages__item-info"> 103 <div class="chatbox__toper-info messages__item-info">
108 <div class="messages__item-photo"> 104 <div class="messages__item-photo">
109 <svg> 105 <svg>
110 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 106 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
111 </svg> 107 </svg>
112 @if ((isset($companion->employers[0]->logo)) && 108 @if ((isset($companion->employers[0]->logo)) &&
113 (!empty($companion->employers[0]->logo))) 109 (!empty($companion->employers[0]->logo)))
114 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 110 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
115 @else 111 @else
116 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 112 <img src="{{ asset('images/default_man.jpg') }}" alt="">
117 @endif 113 @endif
118 </div> 114 </div>
119 <div class="messages__item-text"> 115 <div class="messages__item-text">
120 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div> 116 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
121 <div><span>Статус:</span> Работодатель или Администратор</div> 117 <div><span>Статус:</span> Работодатель или Администратор</div>
122 </div> 118 </div>
123 </div> 119 </div>
124 @if (isset($companion->employer->id)) 120 @if (isset($companion->employer->id))
125 <a href="" class="button chatbox__toper-button"> 121 <a href="" class="button chatbox__toper-button">
126 <svg> 122 <svg>
127 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 123 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
128 </svg> 124 </svg>
129 Перейти в резюме 125 Перейти в резюме
130 </a> 126 </a>
131 @endif 127 @endif
132 @endif 128 @endif
133 </div> 129 </div>
134 130
135 <div class="chatbox__list" id="dialogs" name="dialogs"> 131 <div class="chatbox__list" id="dialogs" name="dialogs">
136 @if ($Messages->count()) 132 @if ($Messages->count())
137 @foreach ($Messages as $it) 133 @foreach ($Messages as $it)
138 @if ($it->user_id == $companion->id) 134 @if ($it->user_id == $companion->id)
139 <div class="chatbox__item"> 135 <div class="chatbox__item">
140 <div class="chatbox__item-photo"> 136 <div class="chatbox__item-photo">
141 <svg> 137 <svg>
142 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 138 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
143 </svg> 139 </svg>
144 @if ($companion->is_worker) 140 @if ($companion->is_worker)
145 @if ((isset($companion->workers[0]->photo)) && 141 @if ((isset($companion->workers[0]->photo)) &&
146 (!empty($companion->workers[0]->photo))) 142 (!empty($companion->workers[0]->photo)))
147 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 143 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
148 @else 144 @else
149 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 145 <img src="{{ asset('images/default_man.jpg') }}" alt="">
150 @endif 146 @endif
151 @else 147 @else
152 @if ((isset($companion->employers[0]->logo)) && 148 @if ((isset($companion->employers[0]->logo)) &&
153 (!empty($companion->employers[0]->logo))) 149 (!empty($companion->employers[0]->logo)))
154 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 150 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
155 @else 151 @else
156 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 152 <img src="{{ asset('images/default_man.jpg') }}" alt="">
157 @endif 153 @endif
158 @endif 154 @endif
159 </div> 155 </div>
160 <div class="chatbox__item-body"> 156 <div class="chatbox__item-body">
161 <div class="chatbox__item-text">{{ $it->text }}</div> 157 <div class="chatbox__item-text">{{ $it->text }}</div>
162 </div> 158 </div>
163 <div class="chatbox__item-time">{{ $it->created_at }}</div> 159 <div class="chatbox__item-time">{{ $it->created_at }}</div>
164 </div> 160 </div>
165 @else 161 @else
166 <div class="chatbox__item chatbox__item_reverse"> 162 <div class="chatbox__item chatbox__item_reverse">
167 <div class="chatbox__item-photo"> 163 <div class="chatbox__item-photo">
168 <svg> 164 <svg>
169 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 165 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
170 </svg> 166 </svg>
171 @if ($sender->is_worker) 167 @if ($sender->is_worker)
172 @if ((isset($sender->workers[0]->photo)) && 168 @if ((isset($sender->workers[0]->photo)) &&
173 (!empty($sender->workers[0]->photo))) 169 (!empty($sender->workers[0]->photo)))
174 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt=""> 170 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
175 @else 171 @else
176 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 172 <img src="{{ asset('images/default_man.jpg') }}" alt="">
177 @endif 173 @endif
178 @else 174 @else
179 @if ((isset($sender->employers[0]->logo)) && 175 @if ((isset($sender->employers[0]->logo)) &&
180 (!empty($sender->employers[0]->logo))) 176 (!empty($sender->employers[0]->logo)))
181 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt=""> 177 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">
182 @else 178 @else
183 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 179 <img src="{{ asset('images/default_man.jpg') }}" alt="">
184 @endif 180 @endif
185 @endif 181 @endif
186 182
187 </div> 183 </div>
188 <div class="chatbox__item-body"> 184 <div class="chatbox__item-body">
189 <div class="chatbox__item-text">{{ $it->text }}</div> 185 <div class="chatbox__item-text">{{ $it->text }}</div>
190 @if ((isset($it->file)) && (!empty($it->file))) 186 @if ((isset($it->file)) && (!empty($it->file)))
191 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text"> 187 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">
192 <svg> 188 <svg>
193 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 189 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
194 </svg> 190 </svg>
195 </a> 191 </a>
196 @endif 192 @endif
197 </div> 193 </div>
198 <div class="chatbox__item-time">{{ $it->created_at }}</div> 194 <div class="chatbox__item-time">{{ $it->created_at }}</div>
199 </div> 195 </div>
200 @endif 196 @endif
201 197
202 @endforeach 198 @endforeach
203 @endif 199 @endif
204 </div> 200 </div>
205 <form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" > 201 <form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >
206 @csrf 202 @csrf
207 <label class="chatbox__bottom-file"> 203 <label class="chatbox__bottom-file">
208 <input id="file" name="file" type="file"> 204 <input id="file" name="file" type="file">
209 <svg> 205 <svg>
210 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 206 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
211 </svg> 207 </svg>
212 </label> 208 </label>
213 <input type="hidden" name="_token" value="{{ csrf_token() }}"/> 209 <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
214 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/> 210 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>
215 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/> 211 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>
216 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/> 212 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>
217 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/> 213 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>
218 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить"> 214 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">
219 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send"> 215 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">
220 <svg> 216 <svg>
221 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 217 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
222 </svg> 218 </svg>
223 </button> 219 </button>
224 </form> 220 </form>
225 </div> 221 </div>
226 </div> 222 </div>
227 </div> 223 </div>
228 </div> 224 </div>
229 </div> 225 </div>
230 </section> 226 </section>
231 </div> 227 </div>
232 @endsection 228 @endsection
233 229