Commit c81051de44f4db569949176c8ac65242eab91fc3

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

Resolved merge conflicts in EmployerController.php

Showing 7 changed files Inline Diff

app/Http/Controllers/EmployerController.php
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\Employer; 17 use App\Models\Employer;
18 use App\Models\Flot; 18 use App\Models\Flot;
19 use App\Models\Job_title; 19 use App\Models\Job_title;
20 use App\Models\Like_worker; 20 use App\Models\Like_worker;
21 use App\Models\Message; 21 use App\Models\Message;
22 use App\Models\Worker; 22 use App\Models\Worker;
23 use Carbon\Carbon; 23 use Carbon\Carbon;
24 use Illuminate\Auth\Events\Registered; 24 use Illuminate\Auth\Events\Registered;
25 use Illuminate\Database\Eloquent\Builder; 25 use Illuminate\Database\Eloquent\Builder;
26 use Illuminate\Http\Request; 26 use Illuminate\Http\Request;
27 use Illuminate\Support\Facades\Auth; 27 use Illuminate\Support\Facades\Auth;
28 use Illuminate\Support\Facades\Hash; 28 use Illuminate\Support\Facades\Hash;
29 use Illuminate\Support\Facades\Mail; 29 use Illuminate\Support\Facades\Mail;
30 use Illuminate\Support\Facades\Storage; 30 use Illuminate\Support\Facades\Storage;
31 use App\Models\User as User_Model; 31 use App\Models\User as User_Model;
32 use Illuminate\Support\Facades\Validator; 32 use Illuminate\Support\Facades\Validator;
33 use App\Enums\DbExportColumns; 33 use App\Enums\DbExportColumns;
34 34
35 class EmployerController extends Controller 35 class EmployerController extends Controller
36 { 36 {
37 public function vacancie($vacancy, Request $request) { 37 public function vacancie($vacancy, Request $request) {
38 $title = 'Заголовок вакансии'; 38 $title = 'Заголовок вакансии';
39 $Query = Ad_employer::with('jobs')-> 39 $Query = Ad_employer::with('jobs')->
40 with('cat')-> 40 with('cat')->
41 with('employer')-> 41 with('employer')->
42 with('jobs_code')-> 42 with('jobs_code')->
43 select('ad_employers.*')-> 43 select('ad_employers.*')->
44 where('id', '=', $vacancy)->get(); 44 where('id', '=', $vacancy)->get();
45 45
46 if (isset(Auth()->user()->id)) 46 if (isset(Auth()->user()->id))
47 $uid = Auth()->user()->id; 47 $uid = Auth()->user()->id;
48 else 48 else
49 $uid = 0; 49 $uid = 0;
50 $title = $Query[0]->name; 50 $title = $Query[0]->name;
51 if ($request->ajax()) { 51 if ($request->ajax()) {
52 return view('ajax.vacance-item', compact('Query','uid')); 52 return view('ajax.vacance-item', compact('Query','uid'));
53 } else { 53 } else {
54 return view('vacance-item', compact('title', 'Query', 'uid')); 54 return view('vacance-item', compact('title', 'Query', 'uid'));
55 } 55 }
56 } 56 }
57 57
58 public function logout() { 58 public function logout() {
59 Auth::logout(); 59 Auth::logout();
60 return redirect()->route('index') 60 return redirect()->route('index')
61 ->with('success', 'Вы вышли из личного кабинета'); 61 ->with('success', 'Вы вышли из личного кабинета');
62 } 62 }
63 63
64 public function employer_info() { 64 public function employer_info() {
65 // код юзера 65 // код юзера
66 $user_info = Auth()->user(); 66 $user_info = Auth()->user();
67 // вьюшка для вывода данных 67 // вьюшка для вывода данных
68 return view('employers.info', compact('user_info')); 68 return view('employers.info', compact('user_info'));
69 } 69 }
70 70
71 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) { 71 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
72 // Все данные через реквест 72 // Все данные через реквест
73 $all = $request->all(); 73 $all = $request->all();
74 unset($all['_token']); 74 unset($all['_token']);
75 // обновление 75 // обновление
76 $user->update($all); 76 $user->update($all);
77 return redirect()->route('employer.employer_info'); 77 return redirect()->route('employer.employer_info');
78 } 78 }
79 79
80 public function cabinet() { 80 public function cabinet() {
81 $id = Auth()->user()->id; 81 $id = Auth()->user()->id;
82 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 82 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
83 WhereHas('users', 83 WhereHas('users',
84 function (Builder $query) use ($id) {$query->Where('id', $id); 84 function (Builder $query) use ($id) {$query->Where('id', $id);
85 })->get(); 85 })->get();
86 return view('employers.cabinet45', compact('Employer')); 86 return view('employers.cabinet45', compact('Employer'));
87 } 87 }
88 88
89 public function slider_flot() { 89 public function slider_flot() {
90 $id = Auth()->user()->id; 90 $id = Auth()->user()->id;
91 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 91 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
92 WhereHas('users', 92 WhereHas('users',
93 function (Builder $query) use ($id) {$query->Where('id', $id); 93 function (Builder $query) use ($id) {$query->Where('id', $id);
94 })->get(); 94 })->get();
95 return view('employers.fly-flot', compact('Employer')); 95 return view('employers.fly-flot', compact('Employer'));
96 } 96 }
97 97
98 public function cabinet_save(Employer $Employer, Request $request) { 98 public function cabinet_save(Employer $Employer, Request $request) {
99 $params = $request->all(); 99 $params = $request->all();
100 $params['user_id'] = Auth()->user()->id; 100 $params['user_id'] = Auth()->user()->id;
101 $id = $Employer->id; 101 $id = $Employer->id;
102 102
103 if ($request->has('logo')) { 103 if ($request->has('logo')) {
104 if (!empty($Employer->logo)) { 104 if (!empty($Employer->logo)) {
105 Storage::delete($Employer->logo); 105 Storage::delete($Employer->logo);
106 } 106 }
107 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 107 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
108 } 108 }
109 109
110 $Employer->update($params); 110 $Employer->update($params);
111 111
112 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 112 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
113 } 113 }
114 114
115 public function save_add_flot(FlotRequest $request) { 115 public function save_add_flot(FlotRequest $request) {
116 // отмена 116 // отмена
117 $params = $request->all(); 117 $params = $request->all();
118 118
119 if ($request->has('image')) { 119 if ($request->has('image')) {
120 $params['image'] = $request->file('image')->store("flot", 'public'); 120 $params['image'] = $request->file('image')->store("flot", 'public');
121 } 121 }
122 Flot::create($params); 122 Flot::create($params);
123 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 123 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
124 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 124 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
125 } 125 }
126 126
127 public function edit_flot(Flot $Flot, Employer $Employer) { 127 public function edit_flot(Flot $Flot, Employer $Employer) {
128 return view('employers.edit-flot', compact('Flot', 'Employer')); 128 return view('employers.edit-flot', compact('Flot', 'Employer'));
129 } 129 }
130 130
131 public function update_flot(FlotRequest $request, Flot $Flot) { 131 public function update_flot(FlotRequest $request, Flot $Flot) {
132 $params = $request->all(); 132 $params = $request->all();
133 133
134 if ($request->has('image')) { 134 if ($request->has('image')) {
135 if (!empty($flot->image)) { 135 if (!empty($flot->image)) {
136 Storage::delete($flot->image); 136 Storage::delete($flot->image);
137 } 137 }
138 $params['image'] = $request->file('image')->store("flot", 'public'); 138 $params['image'] = $request->file('image')->store("flot", 'public');
139 } else { 139 } else {
140 if (!empty($flot->image)) $params['image'] = $flot->image; 140 if (!empty($flot->image)) $params['image'] = $flot->image;
141 } 141 }
142 142
143 $Flot->update($params); 143 $Flot->update($params);
144 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 144 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
145 } 145 }
146 146
147 public function delete_flot(Flot $Flot) { 147 public function delete_flot(Flot $Flot) {
148 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 148 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
149 149
150 if (isset($Flot->id)) $Flot->delete(); 150 if (isset($Flot->id)) $Flot->delete();
151 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 151 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
152 } 152 }
153 153
154 // Форма добавления вакансий 154 // Форма добавления вакансий
155 public function cabinet_vacancie() { 155 public function cabinet_vacancie() {
156 $id = Auth()->user()->id; 156 $id = Auth()->user()->id;
157 157
158 if (Auth()->user()->is_public) { 158 if (Auth()->user()->is_public) {
159 $categories = Category::query()->active()->get(); 159 $categories = Category::query()->active()->get();
160 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 160 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
161 where('is_remove', '=', '0')-> 161 where('is_remove', '=', '0')->
162 where('is_bd', '=', '0')-> 162 where('is_bd', '=', '0')->
163 get(); 163 get();
164 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 164 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
165 WhereHas('users', 165 WhereHas('users',
166 function (Builder $query) use ($id) { 166 function (Builder $query) use ($id) {
167 $query->Where('id', $id); 167 $query->Where('id', $id);
168 })->get(); 168 })->get();
169 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories')); 169 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
170 } else { 170 } else {
171 return redirect()->route('employer.cabinet_vacancie_danger'); 171 return redirect()->route('employer.cabinet_vacancie_danger');
172 } 172 }
173 } 173 }
174 174
175 // Форма предупреждения об оплате 175 // Форма предупреждения об оплате
176 public function cabinet_vacancie_danger() { 176 public function cabinet_vacancie_danger() {
177 return view('employers.add_vacancy_danger'); 177 return view('employers.add_vacancy_danger');
178 } 178 }
179 179
180 // Сохранение вакансии 180 // Сохранение вакансии
181 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 181 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
182 $params_emp = $request->all(); 182 $params_emp = $request->all();
183 183
184 $params_job["job_title_id"] = $params_emp['job_title_id']; 184 $params_job["job_title_id"] = $params_emp['job_title_id'];
185 //$params_job["min_salary"] = $params_emp['min_salary']; 185 //$params_job["min_salary"] = $params_emp['min_salary'];
186 //$params_job["max_salary"] = $params_emp['max_salary']; 186 //$params_job["max_salary"] = $params_emp['max_salary'];
187 //$params_job["region"] = $params_emp['region']; 187 //$params_job["region"] = $params_emp['region'];
188 //$params_job["power"] = $params_emp['power']; 188 //$params_job["power"] = $params_emp['power'];
189 //$params_job["sytki"] = $params_emp['sytki']; 189 //$params_job["sytki"] = $params_emp['sytki'];
190 //$params_job["start"] = $params_emp['start']; 190 //$params_job["start"] = $params_emp['start'];
191 //$params_job["flot"] = $params_emp['flot']; 191 //$params_job["flot"] = $params_emp['flot'];
192 //$params_job["description"] = $params_emp['description']; 192 //$params_job["description"] = $params_emp['description'];
193 193
194 $ad_jobs = Ad_employer::create($params_emp); 194 $ad_jobs = Ad_employer::create($params_emp);
195 //$params_job['ad_employer_id'] = $ad_jobs->id; 195 //$params_job['ad_employer_id'] = $ad_jobs->id;
196 //Ad_jobs::create($params_job); 196 //Ad_jobs::create($params_job);
197 $ad_jobs->jobs()->sync($request->get('job_title_id')); 197 $ad_jobs->jobs()->sync($request->get('job_title_id'));
198 198
199 return redirect()->route('employer.vacancy_list'); 199 return redirect()->route('employer.vacancy_list');
200 } 200 }
201 201
202 // Список вакансий 202 // Список вакансий
203 public function vacancy_list(Request $request) { 203 public function vacancy_list(Request $request) {
204 $id = Auth()->user()->id; 204 $id = Auth()->user()->id;
205 205
206 //dd($request->all()); 206 //dd($request->all());
207 $Employer = Employer::query()->where('user_id', $id)->first(); 207 $Employer = Employer::query()->where('user_id', $id)->first();
208 $vacancy_list = Ad_employer::query()->with('jobs')-> 208 $vacancy_list = Ad_employer::query()->with('jobs')->
209 with('jobs_code')-> 209 with('jobs_code')->
210 where('employer_id', $Employer->id); 210 where('employer_id', $Employer->id);
211 211
212 if (($request->has('search')) && (!empty($request->get('search')))) { 212 if (($request->has('search')) && (!empty($request->get('search')))) {
213 $search = $request->get('search'); 213 $search = $request->get('search');
214 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%"); 214 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
215 } 215 }
216 216
217 if ($request->get('sort')) { 217 if ($request->get('sort')) {
218 $sort = $request->get('sort'); 218 $sort = $request->get('sort');
219 switch ($sort) { 219 switch ($sort) {
220 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break; 220 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break;
221 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break; 221 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break;
222 case 'nopublic': $vacancy_list = $vacancy_list->OrderBy('active_is')->orderBy('id'); break; 222 case 'nopublic': $vacancy_list = $vacancy_list->OrderBy('active_is')->orderBy('id'); break;
223 case 'public': $vacancy_list = $vacancy_list->OrderByDesc('active_is')->orderBy('id'); break; 223 case 'public': $vacancy_list = $vacancy_list->OrderByDesc('active_is')->orderBy('id'); break;
224 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break; 224 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break;
225 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break; 225 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break;
226 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break; 226 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break;
227 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break; 227 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break;
228 } 228 }
229 } else { 229 } else {
230 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); 230 $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id');
231 } 231 }
232 232
233 $vacancy_list = $vacancy_list->paginate(10); 233 $vacancy_list = $vacancy_list->paginate(10);
234 234
235 //ajax 235 //ajax
236 if ($request->ajax()) { 236 if ($request->ajax()) {
237 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 237 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
238 } else { 238 } else {
239 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 239 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
240 } 240 }
241 } 241 }
242 242
243 // Карточка вакансии 243 // Карточка вакансии
244 public function vacancy_edit(Ad_employer $ad_employer) { 244 public function vacancy_edit(Ad_employer $ad_employer) {
245 $id = Auth()->user()->id; 245 $id = Auth()->user()->id;
246 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 246 $Positions = Category::query()->where('is_remove', '=', '0')->get();
247 247
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 254
255 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 255 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
256 } 256 }
257 257
258 // Сохранение-редактирование записи 258 // Сохранение-редактирование записи
259 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 259 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
260 $params = $request->all(); 260 $params = $request->all();
261 $params_job["job_title_id"] = $params['job_title_id'];
262
263 //$jobs['flot'] = $params['flot'];
264 //$jobs['job_title_id'] = $params['job_title_id'];
265 //$titles['position_id'] = $params['position_id'];
266 //unset($params['job_title_id']); 261 $params_job["job_title_id"] = $params['job_title_id'];
267 //dd($params); 262
268 $ad_employer->update($params); 263 $ad_employer->update($params);
269 $ad_employer->jobs()->sync($request->get('job_title_id')); 264 $ad_employer->jobs()->sync($request->get('job_title_id'));
270 265
271 //$job_ = Ad_jobs::query()->where('job_title_id', $jobs['job_title_id'])-> 266 $id = Auth()->user()->id;
272 // where('ad_employer_id', $ad_employer->id)->first(); 267 $Positions = Category::query()->where('is_remove', '=', '0')->get();
268 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
269 ->where('is_remove', '=', '0')
273 //$data = Ad_jobs::find($job_->id); 270 ->where('is_bd', '=', '0')
274 //$ad_jobs = $data->update($jobs); 271 ->get();
272
273 $Employer = Employer::query()
275 return redirect()->route('employer.vacancy_list'); 274 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
276 } 275 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
277 276 }
278 // Сохранение карточки вакансии 277
279 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 278 // Сохранение карточки вакансии
280 $all = $request->all(); 279 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
281 $ad_employer->update($all); 280 $all = $request->all();
282 return redirect()->route('employer.cabinet_vacancie'); 281 $ad_employer->update($all);
283 } 282 return redirect()->route('employer.cabinet_vacancie');
284 283 }
285 // Удаление карточки вакансии 284
286 public function vacancy_delete(Ad_employer $ad_employer) { 285 // Удаление карточки вакансии
287 $ad_employer->delete(); 286 public function vacancy_delete(Ad_employer $ad_employer) {
288 287 $ad_employer->delete();
289 return redirect()->route('employer.vacancy_list') 288
290 ->with('success', 'Данные были успешно сохранены'); 289 return redirect()->route('employer.vacancy_list')
291 } 290 ->with('success', 'Данные были успешно сохранены');
292 291 }
293 // Обновление даты 292
294 public function vacancy_up(Ad_employer $ad_employer) { 293 // Обновление даты
295 $up = date('m/d/Y h:i:s', time());; 294 public function vacancy_up(Ad_employer $ad_employer) {
296 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 295 $up = date('m/d/Y h:i:s', time());;
297 $vac_emp->updated_at = $up; 296 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
298 $vac_emp->save(); 297 $vac_emp->updated_at = $up;
299 298 $vac_emp->save();
300 return redirect()->back(); //route('employer.vacancy_list'); 299
301 // начало конца 300 return redirect()->back(); //route('employer.vacancy_list');
302 } 301 // начало конца
303 302 }
304 //Видимость вакансии 303
305 public function vacancy_eye(Ad_employer $ad_employer, $status) { 304 //Видимость вакансии
306 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 305 public function vacancy_eye(Ad_employer $ad_employer, $status) {
307 $vac_emp->active_is = $status; 306 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
308 $vac_emp->save(); 307 $vac_emp->active_is = $status;
309 308 $vac_emp->save();
310 return redirect()->route('employer.vacancy_list'); 309
311 } 310 return redirect()->route('employer.vacancy_list');
312 311 }
313 //Вакансия редактирования (шаблон) 312
314 public function vacancy_update(Ad_employer $id) { 313 //Вакансия редактирования (шаблон)
315 314 public function vacancy_update(Ad_employer $id) {
316 } 315
317 316 }
318 //Отклики на вакансию - лист 317
319 public function answers(Employer $employer, Request $request) { 318 //Отклики на вакансию - лист
320 $user_id = Auth()->user()->id; 319 public function answers(Employer $employer, Request $request) {
321 $answer = Ad_employer::query()->where('employer_id', $employer->id); 320 $user_id = Auth()->user()->id;
322 if ($request->has('search')) { 321 $answer = Ad_employer::query()->where('employer_id', $employer->id);
323 $search = trim($request->get('search')); 322 if ($request->has('search')) {
324 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 323 $search = trim($request->get('search'));
325 } 324 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
326 325 }
327 $answer = $answer->with('response')->OrderByDESC('id')->get(); 326
328 327 $answer = $answer->with('response')->OrderByDESC('id')->get();
329 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 328
330 } 329 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
331 330 }
332 //Обновление статуса 331
333 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 332 //Обновление статуса
334 $ad_response->update(Array('flag' => $flag)); 333 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
335 return redirect()->route('employer.answers', ['employer' => $employer->id]); 334 $ad_response->update(Array('flag' => $flag));
336 } 335 return redirect()->route('employer.answers', ['employer' => $employer->id]);
337 336 }
338 //Страницы сообщений список 337
339 public function messages($type_message) { 338 //Страницы сообщений список
340 $user_id = Auth()->user()->id; 339 public function messages($type_message) {
341 340 $user_id = Auth()->user()->id;
342 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 341
343 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 342 $messages_input = Message::query()->with('vacancies')->with('user_from')->
344 343 Where('to_user_id', $user_id)->OrderByDesc('created_at');
345 $messages_output = Message::query()->with('vacancies')-> 344
346 with('user_to')->where('user_id', $user_id)-> 345 $messages_output = Message::query()->with('vacancies')->
347 OrderByDesc('created_at'); 346 with('user_to')->where('user_id', $user_id)->
348 347 OrderByDesc('created_at');
349 $count_input = $messages_input->count(); 348
350 $count_output = $messages_output->count(); 349 $count_input = $messages_input->count();
351 350 $count_output = $messages_output->count();
352 if ($type_message == 'input') { 351
353 $messages = $messages_input->paginate(5); 352 if ($type_message == 'input') {
354 } 353 $messages = $messages_input->paginate(5);
355 354 }
356 if ($type_message == 'output') { 355
357 $messages = $messages_output->paginate(5); 356 if ($type_message == 'output') {
358 } 357 $messages = $messages_output->paginate(5);
359 358 }
360 //dd($user_id, $messages[2]->vacancies); 359
361 //jobs); 360 //dd($user_id, $messages[2]->vacancies);
362 361 //jobs);
363 return view('employers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id')); 362
364 } 363 return view('employers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
365 364 }
366 // Диалог между пользователями 365
367 public function dialog(Request $request, User_Model $user1, User_Model $user2) { 366 // Диалог между пользователями
368 // Получение параметров. 367 public function dialog(Request $request, User_Model $user1, User_Model $user2) {
369 if ($request->has('ad_employer')){ 368 // Получение параметров.
370 $ad_employer = $request->get('ad_employer'); 369 if ($request->has('ad_employer')){
371 } else { 370 $ad_employer = $request->get('ad_employer');
372 $ad_employer = 0; 371 } else {
373 } 372 $ad_employer = 0;
374 373 }
375 if (isset($user2->id)) { 374
376 $companion = User_Model::query()->with('workers')-> 375 if (isset($user2->id)) {
377 with('employers')-> 376 $companion = User_Model::query()->with('workers')->
378 where('id', $user2->id)->first(); 377 with('employers')->
379 } 378 where('id', $user2->id)->first();
380 379 }
381 $Messages = Message::query()-> 380
382 where('ad_employer_id', '=', $ad_employer)-> 381 $Messages = Message::query()->
383 where(function($query) use ($user1, $user2) { 382 where('ad_employer_id', '=', $ad_employer)->
384 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 383 where(function($query) use ($user1, $user2) {
385 })->orWhere(function($query) use ($user1, $user2) { 384 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
386 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 385 })->orWhere(function($query) use ($user1, $user2) {
387 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get(); 386 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
388 387 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get();
389 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id; 388
390 389 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id;
391 //$ad_employer = null; 390
392 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 391 //$ad_employer = null;
393 $sender = $user1; 392 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
394 393 $sender = $user1;
395 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 394
396 } 395 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
397 396 }
398 // Регистрация работодателя 397
399 public function register_employer(Request $request) { 398 // Регистрация работодателя
400 $params = $request->all(); 399 public function register_employer(Request $request) {
401 400 $params = $request->all();
402 $rules = [ 401
403 //'surname' => ['required', 'string', 'max:255'], 402 $rules = [
404 //'name_man' => ['required', 'string', 'max:255'], 403 //'surname' => ['required', 'string', 'max:255'],
405 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 404 //'name_man' => ['required', 'string', 'max:255'],
406 'name_company' => ['required', 'string', 'max:255'], 405 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
407 'password' => ['required', 'string', 'min:6'], 406 'name_company' => ['required', 'string', 'max:255'],
408 ]; 407 'password' => ['required', 'string', 'min:6'],
409 408 ];
410 409
411 $messages = [ 410
412 'required' => 'Укажите обязательное поле', 411 $messages = [
413 'min' => [ 412 'required' => 'Укажите обязательное поле',
414 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 413 'min' => [
415 'integer' => 'Поле «:attribute» должно быть :min или больше', 414 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
416 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 415 'integer' => 'Поле «:attribute» должно быть :min или больше',
417 ], 416 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
418 'max' => [ 417 ],
419 'string' => 'Поле «:attribute» должно быть не больше :max символов', 418 'max' => [
420 'integer' => 'Поле «:attribute» должно быть :max или меньше', 419 'string' => 'Поле «:attribute» должно быть не больше :max символов',
421 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 420 'integer' => 'Поле «:attribute» должно быть :max или меньше',
422 ] 421 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
423 ]; 422 ]
424 423 ];
425 $email = $request->get('email'); 424
426 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 425 $email = $request->get('email');
427 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 426 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
428 } 427 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
429 428 }
430 if ($request->get('password') !== $request->get('confirmed')){ 429
431 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 430 if ($request->get('password') !== $request->get('confirmed')){
432 } 431 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
433 432 }
434 if (strlen($request->get('password')) < 6) { 433
435 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 434 if (strlen($request->get('password')) < 6) {
436 } 435 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
437 436 }
438 if (empty($request->get('surname'))) { 437
439 $params['surname'] = 'Неизвестно'; 438 if (empty($request->get('surname'))) {
440 } 439 $params['surname'] = 'Неизвестно';
441 if (empty($request->get('name_man'))) { 440 }
442 $params['name_man'] = 'Неизвестно'; 441 if (empty($request->get('name_man'))) {
443 } 442 $params['name_man'] = 'Неизвестно';
444 $validator = Validator::make($params, $rules, $messages); 443 }
445 444 $validator = Validator::make($params, $rules, $messages);
446 if ($validator->fails()) { 445
447 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 446 if ($validator->fails()) {
448 } else { 447 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
449 $user = $this->create($params); 448 } else {
450 event(new Registered($user)); 449 $user = $this->create($params);
451 450 event(new Registered($user));
452 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params)); 451
453 452 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
454 Auth::guard()->login($user); 453
455 } 454 Auth::guard()->login($user);
456 455 }
457 if ($user) { 456
458 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 457 if ($user) {
459 } else { 458 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
460 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 459 } else {
461 } 460 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
462 } 461 }
463 462 }
464 // Создание пользователя 463
465 protected function create(array $data) 464 // Создание пользователя
466 { 465 protected function create(array $data)
467 $Use = new User_Model(); 466 {
468 $Code_user = $Use->create([ 467 $Use = new User_Model();
469 'name' => $data['surname']." ".$data['name_man'], 468 $Code_user = $Use->create([
470 'name_man' => $data['name_man'], 469 'name' => $data['surname']." ".$data['name_man'],
471 'surname' => $data['surname'], 470 'name_man' => $data['name_man'],
472 'surname2' => $data['surname2'], 471 'surname' => $data['surname'],
473 'subscribe_email' => $data['email'], 472 'surname2' => $data['surname2'],
474 'email' => $data['email'], 473 'subscribe_email' => $data['email'],
475 'telephone' => $data['telephone'], 474 'email' => $data['email'],
476 'is_worker' => 0, 475 'telephone' => $data['telephone'],
477 'password' => Hash::make($data['password']), 476 'is_worker' => 0,
478 'pubpassword' => base64_encode($data['password']), 477 'password' => Hash::make($data['password']),
479 'email_verified_at' => Carbon::now() 478 'pubpassword' => base64_encode($data['password']),
480 ]); 479 'email_verified_at' => Carbon::now()
481 480 ]);
482 if ($Code_user->id > 0) { 481
483 $Employer = new Employer(); 482 if ($Code_user->id > 0) {
484 $Employer->user_id = $Code_user->id; 483 $Employer = new Employer();
485 $Employer->name_company = $data['name_company']; 484 $Employer->user_id = $Code_user->id;
486 $Employer->email = $data['email']; 485 $Employer->name_company = $data['name_company'];
487 $Employer->telephone = $data['telephone']; 486 $Employer->email = $data['email'];
488 $Employer->code = Tools::generator_id(10); 487 $Employer->telephone = $data['telephone'];
489 $Employer->save(); 488 $Employer->code = Tools::generator_id(10);
490 489 $Employer->save();
491 return $Code_user; 490
492 } 491 return $Code_user;
493 } 492 }
494 493 }
495 // Отправка сообщения от работодателя 494
496 public function send_message(MessagesRequiest $request) { 495 // Отправка сообщения от работодателя
497 $params = $request->all(); 496 public function send_message(MessagesRequiest $request) {
498 dd($params); 497 $params = $request->all();
499 $user1 = $params['user_id']; 498 dd($params);
500 $user2 = $params['to_user_id']; 499 $user1 = $params['user_id'];
501 500 $user2 = $params['to_user_id'];
502 if ($request->has('file')) { 501
503 $params['file'] = $request->file('file')->store("messages", 'public'); 502 if ($request->has('file')) {
504 } 503 $params['file'] = $request->file('file')->store("messages", 'public');
505 Message::create($params); 504 }
506 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 505 Message::create($params);
507 } 506 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
508 507 }
509 public function test123(Request $request) { 508
510 $params = $request->all(); 509 public function test123(Request $request) {
511 $user1 = $params['user_id']; 510 $params = $request->all();
512 $user2 = $params['to_user_id']; 511 $user1 = $params['user_id'];
513 $id_vacancy = $params['ad_employer_id']; 512 $user2 = $params['to_user_id'];
514 $ad_name = $params['ad_name']; 513 $id_vacancy = $params['ad_employer_id'];
515 514 $ad_name = $params['ad_name'];
516 $rules = [ 515
517 'text' => 'required|min:1|max:150000', 516 $rules = [
518 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 517 'text' => 'required|min:1|max:150000',
519 ]; 518 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
520 $messages = [ 519 ];
521 'required' => 'Укажите обязательное поле', 520 $messages = [
522 'min' => [ 521 'required' => 'Укажите обязательное поле',
523 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 522 'min' => [
524 'integer' => 'Поле «:attribute» должно быть :min или больше', 523 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
525 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 524 'integer' => 'Поле «:attribute» должно быть :min или больше',
526 ], 525 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
527 'max' => [ 526 ],
528 'string' => 'Поле «:attribute» должно быть не больше :max символов', 527 'max' => [
529 'integer' => 'Поле «:attribute» должно быть :max или меньше', 528 'string' => 'Поле «:attribute» должно быть не больше :max символов',
530 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 529 'integer' => 'Поле «:attribute» должно быть :max или меньше',
531 ] 530 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
532 ]; 531 ]
533 532 ];
534 $validator = Validator::make($request->all(), $rules, $messages); 533
535 534 $validator = Validator::make($request->all(), $rules, $messages);
536 if ($validator->fails()) { 535
537 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 536 if ($validator->fails()) {
538 ->withErrors($validator); 537 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
539 } else { 538 ->withErrors($validator);
540 if ($request->has('file')) { 539 } else {
541 $params['file'] = $request->file('file')->store("messages", 'public'); 540 if ($request->has('file')) {
542 } 541 $params['file'] = $request->file('file')->store("messages", 'public');
543 Message::create($params); 542 }
544 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 543 Message::create($params);
545 return redirect()->route('employer.dialog', 544 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
546 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 545 return redirect()->route('employer.dialog',
547 546 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
548 } 547
549 } 548 }
550 549 }
551 //Избранные люди 550
552 public function favorites(Request $request) { 551 //Избранные люди
553 $IP_address = RusDate::ip_addr_client(); 552 public function favorites(Request $request) {
554 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 553 $IP_address = RusDate::ip_addr_client();
555 554 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
556 if ($Arr->count()) { 555
557 $A = Array(); 556 if ($Arr->count()) {
558 foreach ($Arr as $it) { 557 $A = Array();
559 $A[] = $it->code_record; 558 foreach ($Arr as $it) {
560 } 559 $A[] = $it->code_record;
561 560 }
562 $Workers = Worker::query()->whereIn('id', $A); 561
563 } else { 562 $Workers = Worker::query()->whereIn('id', $A);
564 $Workers = Worker::query()->where('id', '=', '0'); 563 } else {
565 } 564 $Workers = Worker::query()->where('id', '=', '0');
566 565 }
567 if (($request->has('search')) && (!empty($request->get('search')))) { 566
568 $search = $request->get('search'); 567 if (($request->has('search')) && (!empty($request->get('search')))) {
569 568 $search = $request->get('search');
570 $Workers = $Workers->WhereHas('users', 569
571 function (Builder $query) use ($search) { 570 $Workers = $Workers->WhereHas('users',
572 $query->Where('surname', 'LIKE', "%$search%") 571 function (Builder $query) use ($search) {
573 ->orWhere('name_man', 'LIKE', "%$search%") 572 $query->Where('surname', 'LIKE', "%$search%")
574 ->orWhere('surname2', 'LIKE', "%$search%"); 573 ->orWhere('name_man', 'LIKE', "%$search%")
575 }); 574 ->orWhere('surname2', 'LIKE', "%$search%");
576 } else { 575 });
577 $Workers = $Workers->with('users'); 576 } else {
578 } 577 $Workers = $Workers->with('users');
579 578 }
580 $Workers = $Workers->get(); 579
581 580 $Workers = $Workers->get();
582 581
583 return view('employers.favorite', compact('Workers')); 582
584 } 583 return view('employers.favorite', compact('Workers'));
585 584 }
586 // База данных 585
587 public function bd(Request $request) { 586 // База данных
588 $users = User_Model::query()->with('workers'); 587 public function bd(Request $request) {
589 588 $users = User_Model::query()->with('workers');
590 if ($request->has('search')) { 589
591 $find_key = $request->get('search'); 590 if ($request->has('search')) {
592 $users = $users->where('name', 'LIKE', "%$find_key%") 591 $find_key = $request->get('search');
593 ->orWhere('surname', 'LIKE', "%$find_key%") 592 $users = $users->where('name', 'LIKE', "%$find_key%")
594 ->orWhere('name_man', 'LIKE', "%$find_key%") 593 ->orWhere('surname', 'LIKE', "%$find_key%")
595 ->orWhere('email', 'LIKE', "%$find_key%") 594 ->orWhere('name_man', 'LIKE', "%$find_key%")
596 ->orWhere('telephone', 'LIKE', "%$find_key%"); 595 ->orWhere('email', 'LIKE', "%$find_key%")
597 } 596 ->orWhere('telephone', 'LIKE', "%$find_key%");
598 597 }
599 // Данные 598
600 $users = $users->Baseuser()-> 599 // Данные
601 orderBy(Worker::select('position_work')->whereColumn('workers.user_id', 'users.id')); 600 $users = $users->Baseuser()->
602 $count_users = $users; 601 orderBy(Worker::select('position_work')->whereColumn('workers.user_id', 'users.id'));
603 $users = $users->paginate(5); 602 $count_users = $users;
604 603 $users = $users->paginate(5);
605 $export_options = DbExportColumns::toArray(); 604
606 605 $export_options = DbExportColumns::toArray();
607 $jobs_titles = Job_title::select('id', 'name')->orderBy('name', 'asc')->get()->toArray(); 606
608 607 $jobs_titles = Job_title::select('id', 'name')->orderBy('name', 'asc')->get()->toArray();
609 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles')); 608
610 } 609 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
611 610 }
612 //Настройка уведомлений 611
613 public function subscribe() { 612 //Настройка уведомлений
614 return view('employers.subcribe'); 613 public function subscribe() {
615 } 614 return view('employers.subcribe');
616 615 }
617 //Установка уведомлений сохранение 616
618 public function save_subscribe(Request $request) { 617 //Установка уведомлений сохранение
619 dd($request->all()); 618 public function save_subscribe(Request $request) {
620 $msg = $request->validate([ 619 dd($request->all());
621 'subscribe_email' => 'required|email|min:5|max:255', 620 $msg = $request->validate([
622 ]); 621 'subscribe_email' => 'required|email|min:5|max:255',
623 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 622 ]);
624 } 623 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
625 624 }
626 //Сбросить форму с паролем 625
627 public function password_reset() { 626 //Сбросить форму с паролем
628 $email = Auth()->user()->email; 627 public function password_reset() {
629 return view('employers.password-reset', compact('email')); 628 $email = Auth()->user()->email;
630 } 629 return view('employers.password-reset', compact('email'));
631 630 }
632 //Обновление пароля 631
633 public function new_password(Request $request) { 632 //Обновление пароля
634 $use = Auth()->user(); 633 public function new_password(Request $request) {
635 $request->validate([ 634 $use = Auth()->user();
636 'password' => 'required|string', 635 $request->validate([
637 'new_password' => 'required|string', 636 'password' => 'required|string',
638 'new_password2' => 'required|string' 637 'new_password' => 'required|string',
639 ]); 638 'new_password2' => 'required|string'
640 639 ]);
641 if ($request->get('new_password') == $request->get('new_password2')) 640
642 if ($request->get('password') !== $request->get('new_password')) { 641 if ($request->get('new_password') == $request->get('new_password2'))
643 $credentials = $request->only('email', 'password'); 642 if ($request->get('password') !== $request->get('new_password')) {
644 if (Auth::attempt($credentials)) { 643 $credentials = $request->only('email', 'password');
645 644 if (Auth::attempt($credentials)) {
646 if (!is_null($use->email_verified_at)){ 645
647 646 if (!is_null($use->email_verified_at)){
648 $user_data = User_Model::find($use->id); 647
649 $user_data->update([ 648 $user_data = User_Model::find($use->id);
650 'password' => Hash::make($request->get('new_password')), 649 $user_data->update([
651 'pubpassword' => base64_encode($request->get('new_password')), 650 'password' => Hash::make($request->get('new_password')),
652 ]); 651 'pubpassword' => base64_encode($request->get('new_password')),
653 return redirect() 652 ]);
654 ->route('employer.password_reset') 653 return redirect()
655 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 654 ->route('employer.password_reset')
656 } 655 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
657 656 }
658 return redirect() 657
659 ->route('employer.password_reset') 658 return redirect()
660 ->withError('Данная учетная запись не было верифицированна!'); 659 ->route('employer.password_reset')
661 } 660 ->withError('Данная учетная запись не было верифицированна!');
662 } 661 }
663 662 }
664 return redirect() 663
665 ->route('employer.password_reset') 664 return redirect()
666 ->withErrors('Не совпадение данных, обновите пароли!'); 665 ->route('employer.password_reset')
667 } 666 ->withErrors('Не совпадение данных, обновите пароли!');
668 667 }
669 668
670 669
671 // Форма Удаление пипла 670
672 public function delete_people() { 671 // Форма Удаление пипла
673 $login = Auth()->user()->email; 672 public function delete_people() {
674 return view('employers.delete_people', compact('login')); 673 $login = Auth()->user()->email;
675 } 674 return view('employers.delete_people', compact('login'));
676 675 }
677 // Удаление аккаунта 676
678 public function action_delete_user(Request $request) { 677 // Удаление аккаунта
679 $Answer = $request->all(); 678 public function action_delete_user(Request $request) {
680 $user_id = Auth()->user()->id; 679 $Answer = $request->all();
681 $request->validate([ 680 $user_id = Auth()->user()->id;
682 'password' => 'required|string', 681 $request->validate([
683 ]); 682 'password' => 'required|string',
684 683 ]);
685 $credentials = $request->only('email', 'password'); 684
686 if (Auth::attempt($credentials)) { 685 $credentials = $request->only('email', 'password');
687 Auth::logout(); 686 if (Auth::attempt($credentials)) {
688 $it = User_Model::find($user_id); 687 Auth::logout();
689 $it->delete(); 688 $it = User_Model::find($user_id);
690 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 689 $it->delete();
691 } else { 690 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
692 return redirect()->route('employer.delete_people') 691 } else {
693 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 692 return redirect()->route('employer.delete_people')
694 } 693 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
695 } 694 }
696 695 }
697 public function ajax_delete_user(Request $request) { 696
698 $Answer = $request->all(); 697 public function ajax_delete_user(Request $request) {
699 $user_id = Auth()->user()->id; 698 $Answer = $request->all();
700 $request->validate([ 699 $user_id = Auth()->user()->id;
701 'password' => 'required|string', 700 $request->validate([
702 ]); 701 'password' => 'required|string',
703 $credentials = $request->only('email', 'password'); 702 ]);
704 if (Auth::attempt($credentials)) { 703 $credentials = $request->only('email', 'password');
705 704 if (Auth::attempt($credentials)) {
706 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 705
707 'email' => $request->get('email'), 706 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
708 'password' => $request->get('password'))); 707 'email' => $request->get('email'),
709 } else { 708 'password' => $request->get('password')));
710 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 709 } else {
711 } 710 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
712 } 711 }
713 712 }
714 // FAQ - Вопросы/ответы для работодателей и соискателей 713
715 public function faq() { 714 // FAQ - Вопросы/ответы для работодателей и соискателей
716 return view('employers.faq'); 715 public function faq() {
717 } 716 return view('employers.faq');
718 717 }
719 // Рассылка сообщений 718
720 public function send_all_messages() { 719 // Рассылка сообщений
721 $id = Auth()->user()->id; 720 public function send_all_messages() {
722 $sending = Employer::query()->where('user_id', '=', "$id")->first(); 721 $id = Auth()->user()->id;
723 722 $sending = Employer::query()->where('user_id', '=', "$id")->first();
724 if ($sending->sending_is) 723
725 return view('employers.send_all'); 724 if ($sending->sending_is)
726 else 725 return view('employers.send_all');
727 return view('employers.send_all_danger'); 726 else
728 } 727 return view('employers.send_all_danger');
729 728 }
730 // Отправка сообщений для информации 729
731 public function send_all_post(Request $request) { 730 // Отправка сообщений для информации
732 $data = $request->all(); 731 public function send_all_post(Request $request) {
733 732 $data = $request->all();
734 $emails = User_Model::query()->where('is_worker', '1')->get(); 733
735 734 $emails = User_Model::query()->where('is_worker', '1')->get();
736 foreach ($emails as $e) { 735
737 Mail::to($e->email)->send(new SendAllMessages($data)); 736 foreach ($emails as $e) {
738 } 737 Mail::to($e->email)->send(new SendAllMessages($data));
739 738 }
740 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены'); 739
741 } 740 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены');
742 741 }
743 // База резюме 742
744 public function bd_tupe(Request $request) { 743 // База резюме
745 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 744 public function bd_tupe(Request $request) {
746 745 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
747 return view('employers.bd_tupe', compact('Resume')); 746
748 } 747 return view('employers.bd_tupe', compact('Resume'));
749 748 }
750 ////////////////////////////////////////////////////////////////// 749
751 // Отправил сообщение 750 //////////////////////////////////////////////////////////////////
752 ////////////////////////////////////////////////////////////////// 751 // Отправил сообщение
753 public function new_message(Request $request) { 752 //////////////////////////////////////////////////////////////////
754 $params = $request->all(); 753 public function new_message(Request $request) {
755 $id = $params['_user_id']; 754 $params = $request->all();
756 $message = new Message(); 755 $id = $params['_user_id'];
757 $message->user_id = $params['_user_id']; 756 $message = new Message();
758 $message->to_user_id = $params['_to_user_id']; 757 $message->user_id = $params['_user_id'];
759 $message->title = $params['title']; 758 $message->to_user_id = $params['_to_user_id'];
760 $message->text = $params['text']; 759 $message->title = $params['title'];
761 if ($request->has('_file')) { 760 $message->text = $params['text'];
762 $message->file = $request->file('_file')->store("worker/$id", 'public'); 761 if ($request->has('_file')) {
763 } 762 $message->file = $request->file('_file')->store("worker/$id", 'public');
764 $message->ad_employer_id = $params['_vacancy']; 763 }
765 $message->flag_new = 1; 764 $message->ad_employer_id = $params['_vacancy'];
766 $id_message = $message->save(); 765 $message->flag_new = 1;
767 766 $id_message = $message->save();
768 //$data['message_id'] = $id_message; 767
769 //$data['ad_employer_id'] = $params['_vacancy']; 768 //$data['message_id'] = $id_message;
770 //$data['job_title_id'] = 0; 769 //$data['ad_employer_id'] = $params['_vacancy'];
771 770 //$data['job_title_id'] = 0;
772 $data['flag'] = 1; 771
773 //$ad_responce = ad_response::create($data); 772 $data['flag'] = 1;
774 return redirect()->route('employer.messages', ['type_message' => 'output']); 773 //$ad_responce = ad_response::create($data);
775 } 774 return redirect()->route('employer.messages', ['type_message' => 'output']);
776 775 }
777 // Восстановление пароля 776
778 public function repair_password(Request $request) { 777 // Восстановление пароля
779 $params = $request->get('email'); 778 public function repair_password(Request $request) {
780 } 779 $params = $request->get('email');
781 780 }
782 // Избранные люди на корабль 781
783 public function selected_people(Request $request) { 782 // Избранные люди на корабль
784 $id = $request->get('id'); 783 public function selected_people(Request $request) {
785 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 784 $id = $request->get('id');
786 where('is_remove', '=', '0')-> 785 $favorite_people = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
787 where('is_bd', '=', '0')-> 786 where('is_remove', '=', '0')->
788 where('position_id', $id)-> 787 where('is_bd', '=', '0')->
789 get(); 788 where('position_id', $id)->
public/css/style_may2024.css
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 display: -webkit-box; 4031 margin-top: 10px;
4032 display: -ms-flexbox;
4033 display: flex;
4034 -webkit-box-orient: vertical;
4035 -webkit-box-direction: normal;
4036 -ms-flex-direction: column;
4037 flex-direction: column;
4038 -webkit-box-align: start;
4039 -ms-flex-align: start;
4040 align-items: flex-start;
4041 gap: 10px;
4042 position: absolute;
4043 top: 10px;
4044 right: 10px;
4045 } 4032 }
4046 @media (min-width: 768px) { 4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4047 .main__resume-base-body-item-buttons { 4034 width: 100%;
4048 top: 20px; 4035 margin-bottom: 10px;
4049 right: 20px; 4036 }
4050 } 4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038 background: #377d87;
4039 color: #fff;
4040 }
4041 .main__resume-base-body-item-buttons .chat.active{
4042 background: #fff;
4043 color: #377d87;
4044 }
4045 .main__resume-base-body-item-buttons button.like.active{
4046 background-color: #ffffff;
4047 color: #eb5757;
4048 }
4049 .main__resume-base-body-item-buttons button span{
4050 margin-left: 10px;
4051 }
4052 .main__resume-base-body-item-buttons .like .in-favorites{
4053 display: none;
4054 }
4055 .main__resume-base-body-item-buttons .like.active .in-favorites{
4056 display: block;
4057 color: #eb5757;
4058 }
4059 .main__resume-base-body-item-buttons .like.active .to-favorites{
4060 display: none;
4051 } 4061 }
4052 .main__resume-base-body-item-wrapper { 4062 .main__resume-base-body-item-wrapper {
4053 display: -webkit-box; 4063 display: -webkit-box;
4054 display: -ms-flexbox; 4064 display: -ms-flexbox;
4055 display: flex; 4065 display: flex;
4056 -webkit-box-orient: vertical; 4066 -webkit-box-orient: vertical;
4057 -webkit-box-direction: normal; 4067 -webkit-box-direction: normal;
4058 -ms-flex-direction: column; 4068 -ms-flex-direction: column;
4059 flex-direction: column; 4069 flex-direction: column;
4060 -webkit-box-align: start; 4070 -webkit-box-align: start;
4061 -ms-flex-align: start; 4071 -ms-flex-align: start;
4062 align-items: flex-start; 4072 align-items: flex-start;
4063 gap: 20px; 4073 gap: 20px;
4064 width: 100%; 4074 width: 100%;
4065 } 4075 }
4066 @media (min-width: 768px) { 4076 @media (min-width: 768px) {
4067 .main__resume-base-body-item-wrapper { 4077 .main__resume-base-body-item-wrapper {
4068 -webkit-box-orient: horizontal; 4078 -webkit-box-orient: horizontal;
4069 -webkit-box-direction: normal; 4079 -webkit-box-direction: normal;
4070 -ms-flex-direction: row; 4080 -ms-flex-direction: row;
4071 flex-direction: row; 4081 flex-direction: row;
4072 } 4082 }
4073 } 4083 }
4074 .main__resume-base-body-item-photo { 4084 .main__resume-base-body-item-photo {
4075 width: 180px; 4085 width: 180px;
4076 aspect-ratio: 1/1; 4086 aspect-ratio: 1/1;
4077 -o-object-fit: cover; 4087 -o-object-fit: cover;
4078 object-fit: cover; 4088 object-fit: cover;
4079 border-radius: 8px; 4089 border-radius: 8px;
4080 } 4090 }
4081 @media (min-width: 768px) { 4091 @media (min-width: 768px) {
4082 .main__resume-base-body-item-photo { 4092 .main__resume-base-body-item-photo {
4083 width: 210px; 4093 width: 210px;
4084 } 4094 }
4085 } 4095 }
4086 .main__resume-base-body-item-inner { 4096 .main__resume-base-body-item-inner {
4087 display: -webkit-box; 4097 display: -webkit-box;
4088 display: -ms-flexbox; 4098 display: -ms-flexbox;
4089 display: flex; 4099 display: flex;
4090 -webkit-box-orient: vertical; 4100 -webkit-box-orient: vertical;
4091 -webkit-box-direction: normal; 4101 -webkit-box-direction: normal;
4092 -ms-flex-direction: column; 4102 -ms-flex-direction: column;
4093 flex-direction: column; 4103 flex-direction: column;
4094 gap: 10px; 4104 gap: 10px;
4095 width: 100%; 4105 width: 100%;
4106 row-gap: 10px;
4107 }
4108 .main__resume-base-body-item-inner .horizontal{
4109 -webkit-box-orient: horizontal;
4110 -ms-flex-direction: unset;
4111 flex-direction: row;
4112 align-items: start;
4113 }
4114 .main__resume-base-item-status{
4115 width: fit-content;
4116 background-color: #e6e6e6;
4117 font-weight: bold;
4118 padding: 5px 10px;
4119 border-radius: 8px;
4120 }
4121 .main__resume-base-item-status.looking-for-job{
4122 background-color: #eb5757;
4123 color: #fff;
4124 }
4125 .main__resume-base-item-updated-at{
4126 padding: 5px 10px;
4127 border-radius: 8px;
4128 border: 1px #e6e6e6 solid;
4096 } 4129 }
4097 @media (min-width: 768px) { 4130 @media (min-width: 768px) {
4098 .main__resume-base-body-item-inner { 4131 .main__resume-base-body-item-inner {
4099 gap: 16px; 4132 gap: 16px;
4100 padding-right: 50px; 4133 padding-right: 50px;
4101 } 4134 }
4102 } 4135 }
4103 @media (min-width: 992px) { 4136 @media (min-width: 992px) {
4104 .main__resume-base-body-item-inner { 4137 .main__resume-base-body-item-inner {
4105 display: grid; 4138 display: grid;
4106 grid-template-columns: repeat(2, 1fr); 4139 grid-template-columns: repeat(2, 1fr);
4107 gap: 30px; 4140 gap: 30px;
4141 row-gap: 10px;
4108 } 4142 }
4109 } 4143 }
4110 .main__resume-base-body-item-inner div { 4144 .main__resume-base-body-item-inner div {
4111 display: -webkit-box; 4145 display: -webkit-box;
4112 display: -ms-flexbox; 4146 display: -ms-flexbox;
4113 display: flex; 4147 display: flex;
4114 -webkit-box-orient: vertical; 4148 -webkit-box-orient: vertical;
4115 -webkit-box-direction: normal; 4149 -webkit-box-direction: normal;
4116 -ms-flex-direction: column; 4150 -ms-flex-direction: column;
4117 flex-direction: column; 4151 flex-direction: column;
4118 gap: 4px; 4152 gap: 4px;
4119 font-size: 12px; 4153 font-size: 12px;
4120 } 4154 }
4121 @media (min-width: 768px) { 4155 @media (min-width: 768px) {
4122 .main__resume-base-body-item-inner div { 4156 .main__resume-base-body-item-inner div {
4123 font-size: 16px; 4157 font-size: 16px;
4124 } 4158 }
4125 } 4159 }
4126 .main__resume-base-body-item-inner b { 4160 .main__resume-base-body-item-inner b {
4127 color: #377d87; 4161 color: #377d87;
4128 font-size: 14px; 4162 font-size: 14px;
4129 } 4163 }
4130 @media (min-width: 768px) { 4164 @media (min-width: 768px) {
4131 .main__resume-base-body-item-inner b { 4165 .main__resume-base-body-item-inner b {
4132 font-size: 18px; 4166 font-size: 18px;
4133 } 4167 }
4134 } 4168 }
4135 .main__resume-base-body-item-link { 4169 .main__resume-base-body-item-link {
4136 width: 100%; 4170 width: 100%;
4137 padding: 0; 4171 padding: 0;
4138 } 4172 }
4139 @media (min-width: 768px) { 4173 @media (min-width: 768px) {
4140 .main__resume-base-body-item-link { 4174 .main__resume-base-body-item-link {
4141 width: 200px; 4175 width: 200px;
4142 } 4176 }
4143 } 4177 }
4144 .main__spoiler { 4178 .main__spoiler {
4145 overflow: hidden; 4179 overflow: hidden;
4146 border-radius: 8px; 4180 border-radius: 8px;
4147 display: -webkit-box; 4181 display: -webkit-box;
4148 display: -ms-flexbox; 4182 display: -ms-flexbox;
4149 display: flex; 4183 display: flex;
4150 -webkit-box-orient: vertical; 4184 -webkit-box-orient: vertical;
4151 -webkit-box-direction: normal; 4185 -webkit-box-direction: normal;
4152 -ms-flex-direction: column; 4186 -ms-flex-direction: column;
4153 flex-direction: column; 4187 flex-direction: column;
4154 } 4188 }
4155 .main__spoiler-toper { 4189 .main__spoiler-toper {
4156 background: #377d87; 4190 background: #377d87;
4157 height: 30px; 4191 height: 30px;
4158 display: -webkit-box; 4192 display: -webkit-box;
4159 display: -ms-flexbox; 4193 display: -ms-flexbox;
4160 display: flex; 4194 display: flex;
4161 -webkit-box-align: center; 4195 -webkit-box-align: center;
4162 -ms-flex-align: center; 4196 -ms-flex-align: center;
4163 align-items: center; 4197 align-items: center;
4164 -webkit-box-pack: center; 4198 -webkit-box-pack: center;
4165 -ms-flex-pack: center; 4199 -ms-flex-pack: center;
4166 justify-content: center; 4200 justify-content: center;
4167 color: #fff; 4201 color: #fff;
4168 font-size: 12px; 4202 font-size: 12px;
4169 font-weight: 700; 4203 font-weight: 700;
4170 padding: 0 30px; 4204 padding: 0 30px;
4171 border: none; 4205 border: none;
4172 position: relative; 4206 position: relative;
4173 } 4207 }
4174 @media (min-width: 768px) { 4208 @media (min-width: 768px) {
4175 .main__spoiler-toper { 4209 .main__spoiler-toper {
4176 font-size: 18px; 4210 font-size: 18px;
4177 height: 50px; 4211 height: 50px;
4178 padding: 0 60px; 4212 padding: 0 60px;
4179 } 4213 }
4180 } 4214 }
4181 .main__spoiler-toper:before, .main__spoiler-toper:after { 4215 .main__spoiler-toper:before, .main__spoiler-toper:after {
4182 content: ""; 4216 content: "";
4183 background: #fff; 4217 background: #fff;
4184 border-radius: 999px; 4218 border-radius: 999px;
4185 width: 10px; 4219 width: 10px;
4186 height: 1px; 4220 height: 1px;
4187 position: absolute; 4221 position: absolute;
4188 top: 50%; 4222 top: 50%;
4189 right: 10px; 4223 right: 10px;
4190 -webkit-transition: 0.3s; 4224 -webkit-transition: 0.3s;
4191 transition: 0.3s; 4225 transition: 0.3s;
4192 -webkit-transform: translate(0, -50%); 4226 -webkit-transform: translate(0, -50%);
4193 -ms-transform: translate(0, -50%); 4227 -ms-transform: translate(0, -50%);
4194 transform: translate(0, -50%); 4228 transform: translate(0, -50%);
4195 } 4229 }
4196 @media (min-width: 768px) { 4230 @media (min-width: 768px) {
4197 .main__spoiler-toper:before, .main__spoiler-toper:after { 4231 .main__spoiler-toper:before, .main__spoiler-toper:after {
4198 width: 20px; 4232 width: 20px;
4199 height: 2px; 4233 height: 2px;
4200 right: 20px; 4234 right: 20px;
4201 } 4235 }
4202 } 4236 }
4203 .main__spoiler-toper:after { 4237 .main__spoiler-toper:after {
4204 -webkit-transform: rotate(90deg); 4238 -webkit-transform: rotate(90deg);
4205 -ms-transform: rotate(90deg); 4239 -ms-transform: rotate(90deg);
4206 transform: rotate(90deg); 4240 transform: rotate(90deg);
4207 } 4241 }
4208 .main__spoiler-toper.active:after { 4242 .main__spoiler-toper.active:after {
4209 -webkit-transform: rotate(0deg); 4243 -webkit-transform: rotate(0deg);
4210 -ms-transform: rotate(0deg); 4244 -ms-transform: rotate(0deg);
4211 transform: rotate(0deg); 4245 transform: rotate(0deg);
4212 } 4246 }
4213 .main__spoiler-body { 4247 .main__spoiler-body {
4214 opacity: 0; 4248 opacity: 0;
4215 height: 0; 4249 height: 0;
4216 overflow: hidden; 4250 overflow: hidden;
4217 border-radius: 0 0 8px 8px; 4251 border-radius: 0 0 8px 8px;
4218 background: #fff; 4252 background: #fff;
4219 } 4253 }
4220 .main__spoiler-body table { 4254 .main__spoiler-body table {
4221 width: calc(100% + 2px); 4255 width: calc(100% + 2px);
4222 margin-left: -1px; 4256 margin-left: -1px;
4223 margin-bottom: -1px; 4257 margin-bottom: -1px;
4224 } 4258 }
4225 @media (min-width: 992px) { 4259 @media (min-width: 992px) {
4226 .main__spoiler-body table td { 4260 .main__spoiler-body table td {
4227 width: 40%; 4261 width: 40%;
4228 } 4262 }
4229 } 4263 }
4230 @media (min-width: 992px) { 4264 @media (min-width: 992px) {
4231 .main__spoiler-body table td + td { 4265 .main__spoiler-body table td + td {
4232 width: 60%; 4266 width: 60%;
4233 } 4267 }
4234 } 4268 }
4235 .active + .main__spoiler-body { 4269 .active + .main__spoiler-body {
4236 -webkit-transition: 0.3s; 4270 -webkit-transition: 0.3s;
4237 transition: 0.3s; 4271 transition: 0.3s;
4238 opacity: 1; 4272 opacity: 1;
4239 height: auto; 4273 height: auto;
4240 border: 1px solid #cecece; 4274 border: 1px solid #cecece;
4241 border-top: none; 4275 border-top: none;
4242 } 4276 }
4243 .main__table { 4277 .main__table {
4244 border-collapse: collapse; 4278 border-collapse: collapse;
4245 table-layout: fixed; 4279 table-layout: fixed;
4246 font-size: 12px; 4280 font-size: 12px;
4247 width: 100%; 4281 width: 100%;
4248 background: #fff; 4282 background: #fff;
4249 } 4283 }
4250 @media (min-width: 768px) { 4284 @media (min-width: 768px) {
4251 .main__table { 4285 .main__table {
4252 font-size: 16px; 4286 font-size: 16px;
4253 } 4287 }
4254 } 4288 }
4255 .main__table td { 4289 .main__table td {
4256 border: 1px solid #cecece; 4290 border: 1px solid #cecece;
4257 padding: 4px 8px; 4291 padding: 4px 8px;
4258 vertical-align: top; 4292 vertical-align: top;
4259 } 4293 }
4260 @media (min-width: 768px) { 4294 @media (min-width: 768px) {
4261 .main__table td { 4295 .main__table td {
4262 padding: 8px 16px; 4296 padding: 8px 16px;
4263 } 4297 }
4264 } 4298 }
4265 .main__table td b { 4299 .main__table td b {
4266 font-weight: 700; 4300 font-weight: 700;
4267 } 4301 }
4268 .main__table_three { 4302 .main__table_three {
4269 table-layout: auto; 4303 table-layout: auto;
4270 } 4304 }
4271 .main__table_three td { 4305 .main__table_three td {
4272 width: 25% !important; 4306 width: 25% !important;
4273 } 4307 }
4274 .main__table_three td:last-child { 4308 .main__table_three td:last-child {
4275 width: 50% !important; 4309 width: 50% !important;
4276 } 4310 }
4277 .main__table b { 4311 .main__table b {
4278 display: block; 4312 display: block;
4279 } 4313 }
4280 .main__table a { 4314 .main__table a {
4281 color: #377d87; 4315 color: #377d87;
4282 text-decoration: underline; 4316 text-decoration: underline;
4283 } 4317 }
4284 .main__table a:hover { 4318 .main__table a:hover {
4285 color: #000; 4319 color: #000;
4286 } 4320 }
4287 .main__resume-profile-about { 4321 .main__resume-profile-about {
4288 padding-top: 20px; 4322 padding-top: 20px;
4289 padding-bottom: 30px; 4323 padding-bottom: 30px;
4290 position: relative; 4324 position: relative;
4291 margin-top: 30px; 4325 margin-top: 30px;
4292 display: -webkit-box; 4326 display: -webkit-box;
4293 display: -ms-flexbox; 4327 display: -ms-flexbox;
4294 display: flex; 4328 display: flex;
4295 -webkit-box-orient: vertical; 4329 -webkit-box-orient: vertical;
4296 -webkit-box-direction: normal; 4330 -webkit-box-direction: normal;
4297 -ms-flex-direction: column; 4331 -ms-flex-direction: column;
4298 flex-direction: column; 4332 flex-direction: column;
4299 -webkit-box-align: start; 4333 -webkit-box-align: start;
4300 -ms-flex-align: start; 4334 -ms-flex-align: start;
4301 align-items: flex-start; 4335 align-items: flex-start;
4302 gap: 10px; 4336 gap: 10px;
4303 } 4337 }
4304 @media (min-width: 992px) { 4338 @media (min-width: 992px) {
4305 .main__resume-profile-about { 4339 .main__resume-profile-about {
4306 padding: 50px 0; 4340 padding: 50px 0;
4307 } 4341 }
4308 } 4342 }
4309 .main__resume-profile-about:before { 4343 .main__resume-profile-about:before {
4310 content: ""; 4344 content: "";
4311 position: absolute; 4345 position: absolute;
4312 z-index: 1; 4346 z-index: 1;
4313 top: 0; 4347 top: 0;
4314 left: 50%; 4348 left: 50%;
4315 width: 20000px; 4349 width: 20000px;
4316 height: 100%; 4350 height: 100%;
4317 margin-left: -10000px; 4351 margin-left: -10000px;
4318 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4319 } 4353 }
4320 .main__resume-profile-about-title { 4354 .main__resume-profile-about-title {
4321 position: relative; 4355 position: relative;
4322 z-index: 2; 4356 z-index: 2;
4323 color: #000; 4357 color: #000;
4324 } 4358 }
4325 .main__resume-profile-about-text { 4359 .main__resume-profile-about-text {
4326 position: relative; 4360 position: relative;
4327 z-index: 2; 4361 z-index: 2;
4328 } 4362 }
4329 .main__resume-profile-about-button { 4363 .main__resume-profile-about-button {
4330 position: relative; 4364 position: relative;
4331 z-index: 2; 4365 z-index: 2;
4332 margin-top: 10px; 4366 margin-top: 10px;
4333 } 4367 }
4334 .main__resume-profile-info { 4368 .main__resume-profile-info {
4335 display: -webkit-box; 4369 display: -webkit-box;
4336 display: -ms-flexbox; 4370 display: -ms-flexbox;
4337 display: flex; 4371 display: flex;
4338 -webkit-box-orient: vertical; 4372 -webkit-box-orient: vertical;
4339 -webkit-box-direction: normal; 4373 -webkit-box-direction: normal;
4340 -ms-flex-direction: column; 4374 -ms-flex-direction: column;
4341 flex-direction: column; 4375 flex-direction: column;
4342 gap: 20px; 4376 gap: 20px;
4343 margin-top: 30px; 4377 margin-top: 30px;
4344 } 4378 }
4345 @media (min-width: 992px) { 4379 @media (min-width: 992px) {
4346 .main__resume-profile-info { 4380 .main__resume-profile-info {
4347 margin-top: 50px; 4381 margin-top: 50px;
4348 gap: 30px; 4382 gap: 30px;
4349 } 4383 }
4350 } 4384 }
4351 .main__resume-profile-info-title { 4385 .main__resume-profile-info-title {
4352 color: #000; 4386 color: #000;
4353 } 4387 }
4354 .main__resume-profile-info-body { 4388 .main__resume-profile-info-body {
4355 display: -webkit-box; 4389 display: -webkit-box;
4356 display: -ms-flexbox; 4390 display: -ms-flexbox;
4357 display: flex; 4391 display: flex;
4358 -webkit-box-orient: vertical; 4392 -webkit-box-orient: vertical;
4359 -webkit-box-direction: normal; 4393 -webkit-box-direction: normal;
4360 -ms-flex-direction: column; 4394 -ms-flex-direction: column;
4361 flex-direction: column; 4395 flex-direction: column;
4362 gap: 20px; 4396 gap: 20px;
4363 } 4397 }
4364 @media (min-width: 992px) { 4398 @media (min-width: 992px) {
4365 .main__resume-profile-info-body { 4399 .main__resume-profile-info-body {
4366 gap: 30px; 4400 gap: 30px;
4367 } 4401 }
4368 } 4402 }
4369 .main__resume-profile-info-body-item { 4403 .main__resume-profile-info-body-item {
4370 display: -webkit-box; 4404 display: -webkit-box;
4371 display: -ms-flexbox; 4405 display: -ms-flexbox;
4372 display: flex; 4406 display: flex;
4373 -webkit-box-orient: vertical; 4407 -webkit-box-orient: vertical;
4374 -webkit-box-direction: normal; 4408 -webkit-box-direction: normal;
4375 -ms-flex-direction: column; 4409 -ms-flex-direction: column;
4376 flex-direction: column; 4410 flex-direction: column;
4377 gap: 10px; 4411 gap: 10px;
4378 } 4412 }
4379 @media (min-width: 768px) { 4413 @media (min-width: 768px) {
4380 .main__resume-profile-info-body-item { 4414 .main__resume-profile-info-body-item {
4381 gap: 20px; 4415 gap: 20px;
4382 } 4416 }
4383 } 4417 }
4384 .main__resume-profile-info-body-subtitle { 4418 .main__resume-profile-info-body-subtitle {
4385 color: #4d88d9; 4419 color: #4d88d9;
4386 } 4420 }
4387 .main__resume-profile-info-body-inner { 4421 .main__resume-profile-info-body-inner {
4388 display: -webkit-box; 4422 display: -webkit-box;
4389 display: -ms-flexbox; 4423 display: -ms-flexbox;
4390 display: flex; 4424 display: flex;
4391 -webkit-box-orient: vertical; 4425 -webkit-box-orient: vertical;
4392 -webkit-box-direction: normal; 4426 -webkit-box-direction: normal;
4393 -ms-flex-direction: column; 4427 -ms-flex-direction: column;
4394 flex-direction: column; 4428 flex-direction: column;
4395 gap: 20px; 4429 gap: 20px;
4396 margin: 0; 4430 margin: 0;
4397 padding: 0; 4431 padding: 0;
4398 font-size: 12px; 4432 font-size: 12px;
4399 } 4433 }
4400 @media (min-width: 768px) { 4434 @media (min-width: 768px) {
4401 .main__resume-profile-info-body-inner { 4435 .main__resume-profile-info-body-inner {
4402 display: grid; 4436 display: grid;
4403 grid-template-columns: repeat(2, 1fr); 4437 grid-template-columns: repeat(2, 1fr);
4404 } 4438 }
4405 } 4439 }
4406 @media (min-width: 992px) { 4440 @media (min-width: 992px) {
4407 .main__resume-profile-info-body-inner { 4441 .main__resume-profile-info-body-inner {
4408 grid-template-columns: repeat(3, 1fr); 4442 grid-template-columns: repeat(3, 1fr);
4409 font-size: 16px; 4443 font-size: 16px;
4410 } 4444 }
4411 } 4445 }
4412 .main__resume-profile-info-body-inner li { 4446 .main__resume-profile-info-body-inner li {
4413 display: -webkit-box; 4447 display: -webkit-box;
4414 display: -ms-flexbox; 4448 display: -ms-flexbox;
4415 display: flex; 4449 display: flex;
4416 -webkit-box-orient: vertical; 4450 -webkit-box-orient: vertical;
4417 -webkit-box-direction: normal; 4451 -webkit-box-direction: normal;
4418 -ms-flex-direction: column; 4452 -ms-flex-direction: column;
4419 flex-direction: column; 4453 flex-direction: column;
4420 gap: 6px; 4454 gap: 6px;
4421 } 4455 }
4422 @media (min-width: 992px) { 4456 @media (min-width: 992px) {
4423 .main__resume-profile-info-body-inner li { 4457 .main__resume-profile-info-body-inner li {
4424 gap: 8px; 4458 gap: 8px;
4425 } 4459 }
4426 } 4460 }
4427 .main__resume-profile-info-body-inner b { 4461 .main__resume-profile-info-body-inner b {
4428 color: #377d87; 4462 color: #377d87;
4429 font-size: 14px; 4463 font-size: 14px;
4430 } 4464 }
4431 @media (min-width: 992px) { 4465 @media (min-width: 992px) {
4432 .main__resume-profile-info-body-inner b { 4466 .main__resume-profile-info-body-inner b {
4433 font-size: 18px; 4467 font-size: 18px;
4434 } 4468 }
4435 } 4469 }
4436 .main__resume-profile-info-body-inner span { 4470 .main__resume-profile-info-body-inner span {
4437 display: -webkit-box; 4471 display: -webkit-box;
4438 display: -ms-flexbox; 4472 display: -ms-flexbox;
4439 display: flex; 4473 display: flex;
4440 -webkit-box-orient: vertical; 4474 -webkit-box-orient: vertical;
4441 -webkit-box-direction: normal; 4475 -webkit-box-direction: normal;
4442 -ms-flex-direction: column; 4476 -ms-flex-direction: column;
4443 flex-direction: column; 4477 flex-direction: column;
4444 gap: 4px; 4478 gap: 4px;
4445 } 4479 }
4446 @media (min-width: 992px) { 4480 @media (min-width: 992px) {
4447 .main__resume-profile-info-body-inner span { 4481 .main__resume-profile-info-body-inner span {
4448 gap: 6px; 4482 gap: 6px;
4449 } 4483 }
4450 } 4484 }
4451 .main__resume-profile-review { 4485 .main__resume-profile-review {
4452 display: -webkit-box; 4486 display: -webkit-box;
4453 display: -ms-flexbox; 4487 display: -ms-flexbox;
4454 display: flex; 4488 display: flex;
4455 -webkit-box-orient: vertical; 4489 -webkit-box-orient: vertical;
4456 -webkit-box-direction: normal; 4490 -webkit-box-direction: normal;
4457 -ms-flex-direction: column; 4491 -ms-flex-direction: column;
4458 flex-direction: column; 4492 flex-direction: column;
4459 gap: 20px; 4493 gap: 20px;
4460 padding: 20px 10px; 4494 padding: 20px 10px;
4461 margin-top: 30px; 4495 margin-top: 30px;
4462 border-radius: 16px; 4496 border-radius: 16px;
4463 border: 1px solid #cecece; 4497 border: 1px solid #cecece;
4464 background: #fff; 4498 background: #fff;
4465 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4499 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4466 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4500 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4467 } 4501 }
4468 @media (min-width: 992px) { 4502 @media (min-width: 992px) {
4469 .main__resume-profile-review { 4503 .main__resume-profile-review {
4470 margin-top: 50px; 4504 margin-top: 50px;
4471 padding: 50px 40px; 4505 padding: 50px 40px;
4472 gap: 30px; 4506 gap: 30px;
4473 } 4507 }
4474 } 4508 }
4475 .main__resume-profile-review-title { 4509 .main__resume-profile-review-title {
4476 color: #000; 4510 color: #000;
4477 } 4511 }
4478 .main__resume-profile-review-body { 4512 .main__resume-profile-review-body {
4479 display: -webkit-box; 4513 display: -webkit-box;
4480 display: -ms-flexbox; 4514 display: -ms-flexbox;
4481 display: flex; 4515 display: flex;
4482 -webkit-box-orient: vertical; 4516 -webkit-box-orient: vertical;
4483 -webkit-box-direction: normal; 4517 -webkit-box-direction: normal;
4484 -ms-flex-direction: column; 4518 -ms-flex-direction: column;
4485 flex-direction: column; 4519 flex-direction: column;
4486 -webkit-box-align: start; 4520 -webkit-box-align: start;
4487 -ms-flex-align: start; 4521 -ms-flex-align: start;
4488 align-items: flex-start; 4522 align-items: flex-start;
4489 gap: 10px; 4523 gap: 10px;
4490 } 4524 }
4491 .main__resume-profile-review-body .textarea { 4525 .main__resume-profile-review-body .textarea {
4492 width: 100%; 4526 width: 100%;
4493 } 4527 }
4494 .main__resume-profile-review-body .button { 4528 .main__resume-profile-review-body .button {
4495 margin-top: 10px; 4529 margin-top: 10px;
4496 } 4530 }
4497 .main__vacancies { 4531 .main__vacancies {
4498 display: -webkit-box; 4532 display: -webkit-box;
4499 display: -ms-flexbox; 4533 display: -ms-flexbox;
4500 display: flex; 4534 display: flex;
4501 -webkit-box-orient: vertical; 4535 -webkit-box-orient: vertical;
4502 -webkit-box-direction: normal; 4536 -webkit-box-direction: normal;
4503 -ms-flex-direction: column; 4537 -ms-flex-direction: column;
4504 flex-direction: column; 4538 flex-direction: column;
4505 -webkit-box-align: center; 4539 -webkit-box-align: center;
4506 -ms-flex-align: center; 4540 -ms-flex-align: center;
4507 align-items: center; 4541 align-items: center;
4508 gap: 20px; 4542 gap: 20px;
4509 } 4543 }
4510 @media (min-width: 768px) { 4544 @media (min-width: 768px) {
4511 .main__vacancies { 4545 .main__vacancies {
4512 gap: 30px; 4546 gap: 30px;
4513 } 4547 }
4514 } 4548 }
4515 .main__vacancies-title { 4549 .main__vacancies-title {
4516 color: #000; 4550 color: #000;
4517 width: 100%; 4551 width: 100%;
4518 } 4552 }
4519 .main__vacancies-filters { 4553 .main__vacancies-filters {
4520 width: 100%; 4554 width: 100%;
4521 } 4555 }
4522 .main__vacancies-item { 4556 .main__vacancies-item {
4523 width: 100%; 4557 width: 100%;
4524 background: none; 4558 background: none;
4525 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4559 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4526 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4560 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4527 } 4561 }
4528 .main__vacancies-item-page { 4562 .main__vacancies-item-page {
4529 border: none; 4563 border: none;
4530 -webkit-box-shadow: none; 4564 -webkit-box-shadow: none;
4531 box-shadow: none; 4565 box-shadow: none;
4532 background: none; 4566 background: none;
4533 margin: 0 -10px; 4567 margin: 0 -10px;
4534 } 4568 }
4535 @media (min-width: 768px) { 4569 @media (min-width: 768px) {
4536 .main__vacancies-item-page { 4570 .main__vacancies-item-page {
4537 margin: 0 -20px; 4571 margin: 0 -20px;
4538 } 4572 }
4539 } 4573 }
4540 .main__vacancies-thing { 4574 .main__vacancies-thing {
4541 width: 100%; 4575 width: 100%;
4542 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4576 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4543 padding: 20px 10px; 4577 padding: 20px 10px;
4544 padding-bottom: 30px; 4578 padding-bottom: 30px;
4545 display: -webkit-box; 4579 display: -webkit-box;
4546 display: -ms-flexbox; 4580 display: -ms-flexbox;
4547 display: flex; 4581 display: flex;
4548 -webkit-box-orient: vertical; 4582 -webkit-box-orient: vertical;
4549 -webkit-box-direction: normal; 4583 -webkit-box-direction: normal;
4550 -ms-flex-direction: column; 4584 -ms-flex-direction: column;
4551 flex-direction: column; 4585 flex-direction: column;
4552 gap: 24px; 4586 gap: 24px;
4553 border-radius: 12px; 4587 border-radius: 12px;
4554 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4588 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4555 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4589 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4556 } 4590 }
4557 @media (min-width: 992px) { 4591 @media (min-width: 992px) {
4558 .main__vacancies-thing { 4592 .main__vacancies-thing {
4559 padding: 30px 20px; 4593 padding: 30px 20px;
4560 -webkit-box-orient: horizontal; 4594 -webkit-box-orient: horizontal;
4561 -webkit-box-direction: normal; 4595 -webkit-box-direction: normal;
4562 -ms-flex-direction: row; 4596 -ms-flex-direction: row;
4563 flex-direction: row; 4597 flex-direction: row;
4564 -webkit-box-align: start; 4598 -webkit-box-align: start;
4565 -ms-flex-align: start; 4599 -ms-flex-align: start;
4566 align-items: flex-start; 4600 align-items: flex-start;
4567 gap: 0; 4601 gap: 0;
4568 } 4602 }
4569 } 4603 }
4570 @media (min-width: 1280px) { 4604 @media (min-width: 1280px) {
4571 .main__vacancies-thing { 4605 .main__vacancies-thing {
4572 padding: 50px 20px; 4606 padding: 50px 20px;
4573 } 4607 }
4574 } 4608 }
4575 .main__vacancies-thing-pic { 4609 .main__vacancies-thing-pic {
4576 position: relative; 4610 position: relative;
4577 z-index: 2; 4611 z-index: 2;
4578 width: 100%; 4612 width: 100%;
4579 aspect-ratio: 42/34; 4613 aspect-ratio: 42/34;
4580 -o-object-fit: cover; 4614 -o-object-fit: cover;
4581 object-fit: cover; 4615 object-fit: cover;
4582 border-radius: 8px; 4616 border-radius: 8px;
4583 max-height: 340px; 4617 max-height: 340px;
4584 } 4618 }
4585 @media (min-width: 992px) { 4619 @media (min-width: 992px) {
4586 .main__vacancies-thing-pic { 4620 .main__vacancies-thing-pic {
4587 width: 380px; 4621 width: 380px;
4588 } 4622 }
4589 } 4623 }
4590 @media (min-width: 1280px) { 4624 @media (min-width: 1280px) {
4591 .main__vacancies-thing-pic { 4625 .main__vacancies-thing-pic {
4592 width: 420px; 4626 width: 420px;
4593 } 4627 }
4594 } 4628 }
4595 .main__vacancies-thing-body { 4629 .main__vacancies-thing-body {
4596 display: -webkit-box; 4630 display: -webkit-box;
4597 display: -ms-flexbox; 4631 display: -ms-flexbox;
4598 display: flex; 4632 display: flex;
4599 -webkit-box-orient: vertical; 4633 -webkit-box-orient: vertical;
4600 -webkit-box-direction: normal; 4634 -webkit-box-direction: normal;
4601 -ms-flex-direction: column; 4635 -ms-flex-direction: column;
4602 flex-direction: column; 4636 flex-direction: column;
4603 -webkit-box-align: start; 4637 -webkit-box-align: start;
4604 -ms-flex-align: start; 4638 -ms-flex-align: start;
4605 align-items: flex-start; 4639 align-items: flex-start;
4606 gap: 16px; 4640 gap: 16px;
4607 color: #000; 4641 color: #000;
4608 } 4642 }
4609 @media (min-width: 992px) { 4643 @media (min-width: 992px) {
4610 .main__vacancies-thing-body { 4644 .main__vacancies-thing-body {
4611 width: calc(100% - 380px); 4645 width: calc(100% - 380px);
4612 padding-left: 20px; 4646 padding-left: 20px;
4613 } 4647 }
4614 } 4648 }
4615 @media (min-width: 1280px) { 4649 @media (min-width: 1280px) {
4616 .main__vacancies-thing-body { 4650 .main__vacancies-thing-body {
4617 width: calc(100% - 420px); 4651 width: calc(100% - 420px);
4618 gap: 20px; 4652 gap: 20px;
4619 } 4653 }
4620 } 4654 }
4621 .main__vacancies-thing-body > * { 4655 .main__vacancies-thing-body > * {
4622 width: 100%; 4656 width: 100%;
4623 } 4657 }
4624 .main__vacancies-thing-body .button { 4658 .main__vacancies-thing-body .button {
4625 width: auto; 4659 width: auto;
4626 } 4660 }
4627 @media (min-width: 768px) { 4661 @media (min-width: 768px) {
4628 .main__vacancies-thing-body .button { 4662 .main__vacancies-thing-body .button {
4629 min-width: 200px; 4663 min-width: 200px;
4630 } 4664 }
4631 } 4665 }
4632 .main__vacancies-thing-scroll { 4666 .main__vacancies-thing-scroll {
4633 display: -webkit-box; 4667 display: -webkit-box;
4634 display: -ms-flexbox; 4668 display: -ms-flexbox;
4635 display: flex; 4669 display: flex;
4636 -webkit-box-orient: vertical; 4670 -webkit-box-orient: vertical;
4637 -webkit-box-direction: normal; 4671 -webkit-box-direction: normal;
4638 -ms-flex-direction: column; 4672 -ms-flex-direction: column;
4639 flex-direction: column; 4673 flex-direction: column;
4640 -webkit-box-align: start; 4674 -webkit-box-align: start;
4641 -ms-flex-align: start; 4675 -ms-flex-align: start;
4642 align-items: flex-start; 4676 align-items: flex-start;
4643 gap: 16px; 4677 gap: 16px;
4644 overflow: hidden; 4678 overflow: hidden;
4645 overflow-y: auto; 4679 overflow-y: auto;
4646 max-height: 180px; 4680 max-height: 180px;
4647 padding-right: 10px; 4681 padding-right: 10px;
4648 } 4682 }
4649 @media (min-width: 768px) { 4683 @media (min-width: 768px) {
4650 .main__vacancies-thing-scroll { 4684 .main__vacancies-thing-scroll {
4651 max-height: 210px; 4685 max-height: 210px;
4652 padding-right: 20px; 4686 padding-right: 20px;
4653 } 4687 }
4654 } 4688 }
4655 @media (min-width: 992px) { 4689 @media (min-width: 992px) {
4656 .main__vacancies-thing-scroll { 4690 .main__vacancies-thing-scroll {
4657 max-height: 175px; 4691 max-height: 175px;
4658 } 4692 }
4659 } 4693 }
4660 @media (min-width: 1280px) { 4694 @media (min-width: 1280px) {
4661 .main__vacancies-thing-scroll { 4695 .main__vacancies-thing-scroll {
4662 max-height: 200px; 4696 max-height: 200px;
4663 gap: 20px; 4697 gap: 20px;
4664 } 4698 }
4665 } 4699 }
4666 .main__cond { 4700 .main__cond {
4667 display: -webkit-box; 4701 display: -webkit-box;
4668 display: -ms-flexbox; 4702 display: -ms-flexbox;
4669 display: flex; 4703 display: flex;
4670 -webkit-box-orient: vertical; 4704 -webkit-box-orient: vertical;
4671 -webkit-box-direction: normal; 4705 -webkit-box-direction: normal;
4672 -ms-flex-direction: column; 4706 -ms-flex-direction: column;
4673 flex-direction: column; 4707 flex-direction: column;
4674 gap: 50px; 4708 gap: 50px;
4675 } 4709 }
4676 .main__cond > div { 4710 .main__cond > div {
4677 display: -webkit-box; 4711 display: -webkit-box;
4678 display: -ms-flexbox; 4712 display: -ms-flexbox;
4679 display: flex; 4713 display: flex;
4680 -webkit-box-orient: vertical; 4714 -webkit-box-orient: vertical;
4681 -webkit-box-direction: normal; 4715 -webkit-box-direction: normal;
4682 -ms-flex-direction: column; 4716 -ms-flex-direction: column;
4683 flex-direction: column; 4717 flex-direction: column;
4684 gap: 10px; 4718 gap: 10px;
4685 } 4719 }
4686 .main__cond-label { 4720 .main__cond-label {
4687 border-radius: 16px; 4721 border-radius: 16px;
4688 border: 1px solid #cecece; 4722 border: 1px solid #cecece;
4689 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4723 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4690 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4724 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4691 padding: 30px 20px; 4725 padding: 30px 20px;
4692 font-weight: 700; 4726 font-weight: 700;
4693 color: #000; 4727 color: #000;
4694 line-height: 2; 4728 line-height: 2;
4695 text-align: center; 4729 text-align: center;
4696 } 4730 }
4697 @media (min-width: 992px) { 4731 @media (min-width: 992px) {
4698 .main__cond-label { 4732 .main__cond-label {
4699 font-size: 30px; 4733 font-size: 30px;
4700 } 4734 }
4701 } 4735 }
4702 .main__cond-icons { 4736 .main__cond-icons {
4703 padding: 0; 4737 padding: 0;
4704 margin: 0; 4738 margin: 0;
4705 display: -webkit-box; 4739 display: -webkit-box;
4706 display: -ms-flexbox; 4740 display: -ms-flexbox;
4707 display: flex; 4741 display: flex;
4708 -webkit-box-orient: vertical; 4742 -webkit-box-orient: vertical;
4709 -webkit-box-direction: normal; 4743 -webkit-box-direction: normal;
4710 -ms-flex-direction: column; 4744 -ms-flex-direction: column;
4711 flex-direction: column; 4745 flex-direction: column;
4712 gap: 25px; 4746 gap: 25px;
4713 margin-top: 10px; 4747 margin-top: 10px;
4714 } 4748 }
4715 @media (min-width: 768px) { 4749 @media (min-width: 768px) {
4716 .main__cond-icons { 4750 .main__cond-icons {
4717 display: grid; 4751 display: grid;
4718 grid-template-columns: repeat(2, 1fr); 4752 grid-template-columns: repeat(2, 1fr);
4719 gap: 60px; 4753 gap: 60px;
4720 margin-top: 20px; 4754 margin-top: 20px;
4721 } 4755 }
4722 } 4756 }
4723 @media (min-width: 1280px) { 4757 @media (min-width: 1280px) {
4724 .main__cond-icons { 4758 .main__cond-icons {
4725 grid-template-columns: repeat(3, 1fr); 4759 grid-template-columns: repeat(3, 1fr);
4726 } 4760 }
4727 } 4761 }
4728 .main__cond-icons li { 4762 .main__cond-icons li {
4729 display: -webkit-box; 4763 display: -webkit-box;
4730 display: -ms-flexbox; 4764 display: -ms-flexbox;
4731 display: flex; 4765 display: flex;
4732 -webkit-box-orient: vertical; 4766 -webkit-box-orient: vertical;
4733 -webkit-box-direction: normal; 4767 -webkit-box-direction: normal;
4734 -ms-flex-direction: column; 4768 -ms-flex-direction: column;
4735 flex-direction: column; 4769 flex-direction: column;
4736 -webkit-box-align: start; 4770 -webkit-box-align: start;
4737 -ms-flex-align: start; 4771 -ms-flex-align: start;
4738 align-items: flex-start; 4772 align-items: flex-start;
4739 gap: 20px; 4773 gap: 20px;
4740 font-size: 12px; 4774 font-size: 12px;
4741 line-height: 1.4; 4775 line-height: 1.4;
4742 color: #000; 4776 color: #000;
4743 } 4777 }
4744 @media (min-width: 768px) { 4778 @media (min-width: 768px) {
4745 .main__cond-icons li { 4779 .main__cond-icons li {
4746 font-size: 14px; 4780 font-size: 14px;
4747 } 4781 }
4748 } 4782 }
4749 @media (min-width: 992px) { 4783 @media (min-width: 992px) {
4750 .main__cond-icons li { 4784 .main__cond-icons li {
4751 font-size: 16px; 4785 font-size: 16px;
4752 line-height: 1.6; 4786 line-height: 1.6;
4753 } 4787 }
4754 } 4788 }
4755 @media (min-width: 1280px) { 4789 @media (min-width: 1280px) {
4756 .main__cond-icons li { 4790 .main__cond-icons li {
4757 font-size: 18px; 4791 font-size: 18px;
4758 } 4792 }
4759 } 4793 }
4760 .main__cond-icons li span { 4794 .main__cond-icons li span {
4761 width: 48px; 4795 width: 48px;
4762 height: 48px; 4796 height: 48px;
4763 display: -webkit-box; 4797 display: -webkit-box;
4764 display: -ms-flexbox; 4798 display: -ms-flexbox;
4765 display: flex; 4799 display: flex;
4766 -webkit-box-align: center; 4800 -webkit-box-align: center;
4767 -ms-flex-align: center; 4801 -ms-flex-align: center;
4768 align-items: center; 4802 align-items: center;
4769 } 4803 }
4770 .main__cond-icons li span img { 4804 .main__cond-icons li span img {
4771 max-width: 48px; 4805 max-width: 48px;
4772 } 4806 }
4773 .main__cond-callback { 4807 .main__cond-callback {
4774 margin-top: 10px; 4808 margin-top: 10px;
4775 } 4809 }
4776 .main__ads { 4810 .main__ads {
4777 display: -webkit-box; 4811 display: -webkit-box;
4778 display: -ms-flexbox; 4812 display: -ms-flexbox;
4779 display: flex; 4813 display: flex;
4780 -webkit-box-orient: vertical; 4814 -webkit-box-orient: vertical;
4781 -webkit-box-direction: normal; 4815 -webkit-box-direction: normal;
4782 -ms-flex-direction: column; 4816 -ms-flex-direction: column;
4783 flex-direction: column; 4817 flex-direction: column;
4784 gap: 30px; 4818 gap: 30px;
4785 margin: 30px 0; 4819 margin: 30px 0;
4786 } 4820 }
4787 @media (min-width: 992px) { 4821 @media (min-width: 992px) {
4788 .main__ads { 4822 .main__ads {
4789 margin: 60px 0; 4823 margin: 60px 0;
4790 } 4824 }
4791 } 4825 }
4792 .main__ads-item { 4826 .main__ads-item {
4793 display: -webkit-box; 4827 display: -webkit-box;
4794 display: -ms-flexbox; 4828 display: -ms-flexbox;
4795 display: flex; 4829 display: flex;
4796 -webkit-box-orient: vertical; 4830 -webkit-box-orient: vertical;
4797 -webkit-box-direction: normal; 4831 -webkit-box-direction: normal;
4798 -ms-flex-direction: column; 4832 -ms-flex-direction: column;
4799 flex-direction: column; 4833 flex-direction: column;
4800 gap: 16px; 4834 gap: 16px;
4801 } 4835 }
4802 @media (min-width: 992px) { 4836 @media (min-width: 992px) {
4803 .main__ads-item { 4837 .main__ads-item {
4804 -webkit-box-orient: horizontal; 4838 -webkit-box-orient: horizontal;
4805 -webkit-box-direction: normal; 4839 -webkit-box-direction: normal;
4806 -ms-flex-direction: row; 4840 -ms-flex-direction: row;
4807 flex-direction: row; 4841 flex-direction: row;
4808 gap: 0; 4842 gap: 0;
4809 } 4843 }
4810 } 4844 }
4811 .main__ads-item-pic { 4845 .main__ads-item-pic {
4812 width: 100%; 4846 width: 100%;
4813 max-width: 440px; 4847 max-width: 440px;
4814 max-height: 200px; 4848 max-height: 200px;
4815 aspect-ratio: 3/2; 4849 aspect-ratio: 3/2;
4816 position: relative; 4850 position: relative;
4817 overflow: hidden; 4851 overflow: hidden;
4818 border-radius: 12px; 4852 border-radius: 12px;
4819 } 4853 }
4820 @media (min-width: 992px) { 4854 @media (min-width: 992px) {
4821 .main__ads-item-pic { 4855 .main__ads-item-pic {
4822 width: 200px; 4856 width: 200px;
4823 aspect-ratio: 1/1; 4857 aspect-ratio: 1/1;
4824 } 4858 }
4825 } 4859 }
4826 .main__ads-item-pic img { 4860 .main__ads-item-pic img {
4827 z-index: 1; 4861 z-index: 1;
4828 position: absolute; 4862 position: absolute;
4829 top: 0; 4863 top: 0;
4830 left: 0; 4864 left: 0;
4831 width: 100%; 4865 width: 100%;
4832 height: 100%; 4866 height: 100%;
4833 -o-object-fit: cover; 4867 -o-object-fit: cover;
4834 object-fit: cover; 4868 object-fit: cover;
4835 } 4869 }
4836 .main__ads-item-pic span { 4870 .main__ads-item-pic span {
4837 z-index: 2; 4871 z-index: 2;
4838 width: 30px; 4872 width: 30px;
4839 height: 30px; 4873 height: 30px;
4840 border-radius: 6px; 4874 border-radius: 6px;
4841 background: #4d88d9; 4875 background: #4d88d9;
4842 display: -webkit-box; 4876 display: -webkit-box;
4843 display: -ms-flexbox; 4877 display: -ms-flexbox;
4844 display: flex; 4878 display: flex;
4845 -webkit-box-pack: center; 4879 -webkit-box-pack: center;
4846 -ms-flex-pack: center; 4880 -ms-flex-pack: center;
4847 justify-content: center; 4881 justify-content: center;
4848 -webkit-box-align: center; 4882 -webkit-box-align: center;
4849 -ms-flex-align: center; 4883 -ms-flex-align: center;
4850 align-items: center; 4884 align-items: center;
4851 position: absolute; 4885 position: absolute;
4852 top: 10px; 4886 top: 10px;
4853 left: 10px; 4887 left: 10px;
4854 color: #fff; 4888 color: #fff;
4855 } 4889 }
4856 @media (min-width: 992px) { 4890 @media (min-width: 992px) {
4857 .main__ads-item-pic span { 4891 .main__ads-item-pic span {
4858 width: 42px; 4892 width: 42px;
4859 height: 42px; 4893 height: 42px;
4860 } 4894 }
4861 } 4895 }
4862 .main__ads-item-pic span svg { 4896 .main__ads-item-pic span svg {
4863 width: 12px; 4897 width: 12px;
4864 height: 12px; 4898 height: 12px;
4865 } 4899 }
4866 @media (min-width: 992px) { 4900 @media (min-width: 992px) {
4867 .main__ads-item-pic span svg { 4901 .main__ads-item-pic span svg {
4868 width: 20px; 4902 width: 20px;
4869 height: 20px; 4903 height: 20px;
4870 } 4904 }
4871 } 4905 }
4872 .main__ads-item-body { 4906 .main__ads-item-body {
4873 display: -webkit-box; 4907 display: -webkit-box;
4874 display: -ms-flexbox; 4908 display: -ms-flexbox;
4875 display: flex; 4909 display: flex;
4876 -webkit-box-orient: vertical; 4910 -webkit-box-orient: vertical;
4877 -webkit-box-direction: normal; 4911 -webkit-box-direction: normal;
4878 -ms-flex-direction: column; 4912 -ms-flex-direction: column;
4879 flex-direction: column; 4913 flex-direction: column;
4880 -webkit-box-align: start; 4914 -webkit-box-align: start;
4881 -ms-flex-align: start; 4915 -ms-flex-align: start;
4882 align-items: flex-start; 4916 align-items: flex-start;
4883 gap: 10px; 4917 gap: 10px;
4884 font-size: 12px; 4918 font-size: 12px;
4885 } 4919 }
4886 @media (min-width: 992px) { 4920 @media (min-width: 992px) {
4887 .main__ads-item-body { 4921 .main__ads-item-body {
4888 width: calc(100% - 200px); 4922 width: calc(100% - 200px);
4889 padding-left: 40px; 4923 padding-left: 40px;
4890 -webkit-box-pack: center; 4924 -webkit-box-pack: center;
4891 -ms-flex-pack: center; 4925 -ms-flex-pack: center;
4892 justify-content: center; 4926 justify-content: center;
4893 font-size: 16px; 4927 font-size: 16px;
4894 gap: 20px; 4928 gap: 20px;
4895 } 4929 }
4896 } 4930 }
4897 .main__ads-item-body b { 4931 .main__ads-item-body b {
4898 width: 100%; 4932 width: 100%;
4899 font-weight: 700; 4933 font-weight: 700;
4900 font-size: 14px; 4934 font-size: 14px;
4901 } 4935 }
4902 @media (min-width: 992px) { 4936 @media (min-width: 992px) {
4903 .main__ads-item-body b { 4937 .main__ads-item-body b {
4904 font-size: 20px; 4938 font-size: 20px;
4905 } 4939 }
4906 } 4940 }
4907 .main__ads-item-body span { 4941 .main__ads-item-body span {
4908 width: 100%; 4942 width: 100%;
4909 } 4943 }
4910 4944
4911 .work { 4945 .work {
4912 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4946 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4913 color: #000; 4947 color: #000;
4914 padding-top: 70px; 4948 padding-top: 70px;
4915 padding-bottom: 10px; 4949 padding-bottom: 10px;
4916 position: relative; 4950 position: relative;
4917 overflow: hidden; 4951 overflow: hidden;
4918 } 4952 }
4919 @media (min-width: 768px) { 4953 @media (min-width: 768px) {
4920 .work { 4954 .work {
4921 padding-bottom: 25px; 4955 padding-bottom: 25px;
4922 } 4956 }
4923 } 4957 }
4924 @media (min-width: 1280px) { 4958 @media (min-width: 1280px) {
4925 .work { 4959 .work {
4926 padding-top: 80px; 4960 padding-top: 80px;
4927 padding-bottom: 25px; 4961 padding-bottom: 25px;
4928 } 4962 }
4929 } 4963 }
4930 .work__pic { 4964 .work__pic {
4931 position: absolute; 4965 position: absolute;
4932 height: calc(100% - 40px); 4966 height: calc(100% - 40px);
4933 z-index: 1; 4967 z-index: 1;
4934 display: none; 4968 display: none;
4935 bottom: 0; 4969 bottom: 0;
4936 left: 50%; 4970 left: 50%;
4937 margin-left: 40px; 4971 margin-left: 40px;
4938 } 4972 }
4939 @media (min-width: 992px) { 4973 @media (min-width: 992px) {
4940 .work__pic { 4974 .work__pic {
4941 display: block; 4975 display: block;
4942 } 4976 }
4943 } 4977 }
4944 @media (min-width: 1280px) { 4978 @media (min-width: 1280px) {
4945 .work__pic { 4979 .work__pic {
4946 margin-left: 80px; 4980 margin-left: 80px;
4947 } 4981 }
4948 } 4982 }
4949 .work__body { 4983 .work__body {
4950 position: relative; 4984 position: relative;
4951 z-index: 2; 4985 z-index: 2;
4952 display: -webkit-box; 4986 display: -webkit-box;
4953 display: -ms-flexbox; 4987 display: -ms-flexbox;
4954 display: flex; 4988 display: flex;
4955 -webkit-box-orient: vertical; 4989 -webkit-box-orient: vertical;
4956 -webkit-box-direction: normal; 4990 -webkit-box-direction: normal;
4957 -ms-flex-direction: column; 4991 -ms-flex-direction: column;
4958 flex-direction: column; 4992 flex-direction: column;
4959 -webkit-box-align: center; 4993 -webkit-box-align: center;
4960 -ms-flex-align: center; 4994 -ms-flex-align: center;
4961 align-items: center; 4995 align-items: center;
4962 } 4996 }
4963 @media (min-width: 768px) { 4997 @media (min-width: 768px) {
4964 .work__body { 4998 .work__body {
4965 -webkit-box-align: start; 4999 -webkit-box-align: start;
4966 -ms-flex-align: start; 5000 -ms-flex-align: start;
4967 align-items: flex-start; 5001 align-items: flex-start;
4968 } 5002 }
4969 } 5003 }
4970 @media (min-width: 992px) { 5004 @media (min-width: 992px) {
4971 .work__body { 5005 .work__body {
4972 max-width: 600px; 5006 max-width: 600px;
4973 } 5007 }
4974 } 5008 }
4975 .work__title { 5009 .work__title {
4976 width: 100%; 5010 width: 100%;
4977 font-size: 40px; 5011 font-size: 40px;
4978 font-weight: 700; 5012 font-weight: 700;
4979 line-height: 1; 5013 line-height: 1;
4980 } 5014 }
4981 @media (min-width: 768px) { 5015 @media (min-width: 768px) {
4982 .work__title { 5016 .work__title {
4983 font-size: 64px; 5017 font-size: 64px;
4984 line-height: 94px; 5018 line-height: 94px;
4985 } 5019 }
4986 } 5020 }
4987 .work__text { 5021 .work__text {
4988 width: 100%; 5022 width: 100%;
4989 font-size: 12px; 5023 font-size: 12px;
4990 margin-top: 10px; 5024 margin-top: 10px;
4991 } 5025 }
4992 @media (min-width: 768px) { 5026 @media (min-width: 768px) {
4993 .work__text { 5027 .work__text {
4994 font-size: 18px; 5028 font-size: 18px;
4995 margin-top: 20px; 5029 margin-top: 20px;
4996 line-height: 1.4; 5030 line-height: 1.4;
4997 } 5031 }
4998 } 5032 }
4999 .work__list { 5033 .work__list {
5000 width: 100%; 5034 width: 100%;
5001 display: -webkit-box; 5035 display: -webkit-box;
5002 display: -ms-flexbox; 5036 display: -ms-flexbox;
5003 display: flex; 5037 display: flex;
5004 -webkit-box-orient: vertical; 5038 -webkit-box-orient: vertical;
5005 -webkit-box-direction: normal; 5039 -webkit-box-direction: normal;
5006 -ms-flex-direction: column; 5040 -ms-flex-direction: column;
5007 flex-direction: column; 5041 flex-direction: column;
5008 gap: 5px; 5042 gap: 5px;
5009 font-size: 14px; 5043 font-size: 14px;
5010 font-weight: 700; 5044 font-weight: 700;
5011 margin-top: 15px; 5045 margin-top: 15px;
5012 } 5046 }
5013 @media (min-width: 768px) { 5047 @media (min-width: 768px) {
5014 .work__list { 5048 .work__list {
5015 font-size: 18px; 5049 font-size: 18px;
5016 gap: 8px; 5050 gap: 8px;
5017 margin-top: 30px; 5051 margin-top: 30px;
5018 } 5052 }
5019 } 5053 }
5020 .work__list div { 5054 .work__list div {
5021 position: relative; 5055 position: relative;
5022 padding-left: 10px; 5056 padding-left: 10px;
5023 } 5057 }
5024 @media (min-width: 768px) { 5058 @media (min-width: 768px) {
5025 .work__list div { 5059 .work__list div {
5026 padding-left: 16px; 5060 padding-left: 16px;
5027 } 5061 }
5028 } 5062 }
5029 .work__list div:before { 5063 .work__list div:before {
5030 content: ""; 5064 content: "";
5031 width: 4px; 5065 width: 4px;
5032 height: 4px; 5066 height: 4px;
5033 background: #000; 5067 background: #000;
5034 border-radius: 999px; 5068 border-radius: 999px;
5035 position: absolute; 5069 position: absolute;
5036 top: 5px; 5070 top: 5px;
5037 left: 0; 5071 left: 0;
5038 } 5072 }
5039 @media (min-width: 768px) { 5073 @media (min-width: 768px) {
5040 .work__list div:before { 5074 .work__list div:before {
5041 top: 8px; 5075 top: 8px;
5042 } 5076 }
5043 } 5077 }
5044 .work__form { 5078 .work__form {
5045 margin-top: 20px; 5079 margin-top: 20px;
5046 } 5080 }
5047 @media (min-width: 768px) { 5081 @media (min-width: 768px) {
5048 .work__form { 5082 .work__form {
5049 margin-top: 30px; 5083 margin-top: 30px;
5050 } 5084 }
5051 } 5085 }
5052 .work__search { 5086 .work__search {
5053 width: 100%; 5087 width: 100%;
5054 max-width: 180px; 5088 max-width: 180px;
5055 margin-top: 20px; 5089 margin-top: 20px;
5056 } 5090 }
5057 @media (min-width: 768px) { 5091 @media (min-width: 768px) {
5058 .work__search { 5092 .work__search {
5059 max-width: 270px; 5093 max-width: 270px;
5060 margin-top: 50px; 5094 margin-top: 50px;
5061 } 5095 }
5062 } 5096 }
5063 .work__get { 5097 .work__get {
5064 width: 100%; 5098 width: 100%;
5065 display: -webkit-box; 5099 display: -webkit-box;
5066 display: -ms-flexbox; 5100 display: -ms-flexbox;
5067 display: flex; 5101 display: flex;
5068 -webkit-box-align: start; 5102 -webkit-box-align: start;
5069 -ms-flex-align: start; 5103 -ms-flex-align: start;
5070 align-items: flex-start; 5104 align-items: flex-start;
5071 -ms-flex-wrap: wrap; 5105 -ms-flex-wrap: wrap;
5072 flex-wrap: wrap; 5106 flex-wrap: wrap;
5073 margin-top: 48px; 5107 margin-top: 48px;
5074 } 5108 }
5075 .work__get b { 5109 .work__get b {
5076 width: 100%; 5110 width: 100%;
5077 margin-bottom: 10px; 5111 margin-bottom: 10px;
5078 font-size: 14px; 5112 font-size: 14px;
5079 } 5113 }
5080 @media (min-width: 768px) { 5114 @media (min-width: 768px) {
5081 .work__get b { 5115 .work__get b {
5082 font-size: 18px; 5116 font-size: 18px;
5083 } 5117 }
5084 } 5118 }
5085 .work__get a { 5119 .work__get a {
5086 display: -webkit-box; 5120 display: -webkit-box;
5087 display: -ms-flexbox; 5121 display: -ms-flexbox;
5088 display: flex; 5122 display: flex;
5089 -webkit-box-align: center; 5123 -webkit-box-align: center;
5090 -ms-flex-align: center; 5124 -ms-flex-align: center;
5091 align-items: center; 5125 align-items: center;
5092 -webkit-box-pack: center; 5126 -webkit-box-pack: center;
5093 -ms-flex-pack: center; 5127 -ms-flex-pack: center;
5094 justify-content: center; 5128 justify-content: center;
5095 margin-right: 20px; 5129 margin-right: 20px;
5096 } 5130 }
5097 .work__get a img { 5131 .work__get a img {
5098 -webkit-transition: 0.3s; 5132 -webkit-transition: 0.3s;
5099 transition: 0.3s; 5133 transition: 0.3s;
5100 width: 111px; 5134 width: 111px;
5101 } 5135 }
5102 @media (min-width: 768px) { 5136 @media (min-width: 768px) {
5103 .work__get a img { 5137 .work__get a img {
5104 width: 131px; 5138 width: 131px;
5105 } 5139 }
5106 } 5140 }
5107 .work__get a:hover img { 5141 .work__get a:hover img {
5108 -webkit-transform: scale(1.1); 5142 -webkit-transform: scale(1.1);
5109 -ms-transform: scale(1.1); 5143 -ms-transform: scale(1.1);
5110 transform: scale(1.1); 5144 transform: scale(1.1);
5111 } 5145 }
5112 .work__get a + a { 5146 .work__get a + a {
5113 margin-right: 0; 5147 margin-right: 0;
5114 } 5148 }
5115 5149
5116 .numbers { 5150 .numbers {
5117 padding: 30px 0; 5151 padding: 30px 0;
5118 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5152 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5119 color: #fff; 5153 color: #fff;
5120 } 5154 }
5121 @media (min-width: 1280px) { 5155 @media (min-width: 1280px) {
5122 .numbers { 5156 .numbers {
5123 padding: 100px 0; 5157 padding: 100px 0;
5124 background-position: 100% 100%; 5158 background-position: 100% 100%;
5125 background-size: auto 500px; 5159 background-size: auto 500px;
5126 } 5160 }
5127 } 5161 }
5128 .numbers__body { 5162 .numbers__body {
5129 display: -webkit-box; 5163 display: -webkit-box;
5130 display: -ms-flexbox; 5164 display: -ms-flexbox;
5131 display: flex; 5165 display: flex;
5132 -webkit-box-orient: vertical; 5166 -webkit-box-orient: vertical;
5133 -webkit-box-direction: normal; 5167 -webkit-box-direction: normal;
5134 -ms-flex-direction: column; 5168 -ms-flex-direction: column;
5135 flex-direction: column; 5169 flex-direction: column;
5136 gap: 30px; 5170 gap: 30px;
5137 } 5171 }
5138 @media (min-width: 768px) { 5172 @media (min-width: 768px) {
5139 .numbers__body { 5173 .numbers__body {
5140 display: grid; 5174 display: grid;
5141 grid-template-columns: 1fr 1fr 1fr; 5175 grid-template-columns: 1fr 1fr 1fr;
5142 } 5176 }
5143 } 5177 }
5144 .numbers__item { 5178 .numbers__item {
5145 font-size: 12px; 5179 font-size: 12px;
5146 display: -webkit-box; 5180 display: -webkit-box;
5147 display: -ms-flexbox; 5181 display: -ms-flexbox;
5148 display: flex; 5182 display: flex;
5149 -webkit-box-orient: vertical; 5183 -webkit-box-orient: vertical;
5150 -webkit-box-direction: normal; 5184 -webkit-box-direction: normal;
5151 -ms-flex-direction: column; 5185 -ms-flex-direction: column;
5152 flex-direction: column; 5186 flex-direction: column;
5153 line-height: 1.4; 5187 line-height: 1.4;
5154 } 5188 }
5155 @media (min-width: 1280px) { 5189 @media (min-width: 1280px) {
5156 .numbers__item { 5190 .numbers__item {
5157 font-size: 16px; 5191 font-size: 16px;
5158 line-height: 20px; 5192 line-height: 20px;
5159 } 5193 }
5160 } 5194 }
5161 .numbers__item b { 5195 .numbers__item b {
5162 font-size: 40px; 5196 font-size: 40px;
5163 font-weight: 700; 5197 font-weight: 700;
5164 border-bottom: 1px solid #fff; 5198 border-bottom: 1px solid #fff;
5165 line-height: 1; 5199 line-height: 1;
5166 } 5200 }
5167 @media (min-width: 1280px) { 5201 @media (min-width: 1280px) {
5168 .numbers__item b { 5202 .numbers__item b {
5169 font-size: 100px; 5203 font-size: 100px;
5170 line-height: 147px; 5204 line-height: 147px;
5171 } 5205 }
5172 } 5206 }
5173 .numbers__item span { 5207 .numbers__item span {
5174 font-weight: 700; 5208 font-weight: 700;
5175 font-size: 14px; 5209 font-size: 14px;
5176 margin: 10px 0; 5210 margin: 10px 0;
5177 line-height: 1; 5211 line-height: 1;
5178 } 5212 }
5179 @media (min-width: 1280px) { 5213 @media (min-width: 1280px) {
5180 .numbers__item span { 5214 .numbers__item span {
5181 font-size: 24px; 5215 font-size: 24px;
5182 margin-top: 30px; 5216 margin-top: 30px;
5183 } 5217 }
5184 } 5218 }
5185 5219
5186 .vacancies { 5220 .vacancies {
5187 padding: 50px 0; 5221 padding: 50px 0;
5188 } 5222 }
5189 @media (min-width: 1280px) { 5223 @media (min-width: 1280px) {
5190 .vacancies { 5224 .vacancies {
5191 padding: 100px 0; 5225 padding: 100px 0;
5192 } 5226 }
5193 } 5227 }
5194 .vacancies__body { 5228 .vacancies__body {
5195 display: -webkit-box; 5229 display: -webkit-box;
5196 display: -ms-flexbox; 5230 display: -ms-flexbox;
5197 display: flex; 5231 display: flex;
5198 -webkit-box-orient: vertical; 5232 -webkit-box-orient: vertical;
5199 -webkit-box-direction: reverse; 5233 -webkit-box-direction: reverse;
5200 -ms-flex-direction: column-reverse; 5234 -ms-flex-direction: column-reverse;
5201 flex-direction: column-reverse; 5235 flex-direction: column-reverse;
5202 gap: 20px; 5236 gap: 20px;
5203 width: 100%; 5237 width: 100%;
5204 margin-top: 20px; 5238 margin-top: 20px;
5205 } 5239 }
5206 @media (min-width: 992px) { 5240 @media (min-width: 992px) {
5207 .vacancies__body { 5241 .vacancies__body {
5208 margin-top: 30px; 5242 margin-top: 30px;
5209 gap: 30px; 5243 gap: 30px;
5210 } 5244 }
5211 } 5245 }
5212 .vacancies__more { 5246 .vacancies__more {
5213 width: 100%; 5247 width: 100%;
5214 } 5248 }
5215 @media (min-width: 768px) { 5249 @media (min-width: 768px) {
5216 .vacancies__more { 5250 .vacancies__more {
5217 width: auto; 5251 width: auto;
5218 margin: 0 auto; 5252 margin: 0 auto;
5219 } 5253 }
5220 } 5254 }
5221 .vacancies__list { 5255 .vacancies__list {
5222 display: -webkit-box; 5256 display: -webkit-box;
5223 display: -ms-flexbox; 5257 display: -ms-flexbox;
5224 display: flex; 5258 display: flex;
5225 -webkit-box-orient: vertical; 5259 -webkit-box-orient: vertical;
5226 -webkit-box-direction: normal; 5260 -webkit-box-direction: normal;
5227 -ms-flex-direction: column; 5261 -ms-flex-direction: column;
5228 flex-direction: column; 5262 flex-direction: column;
5229 gap: 15px; 5263 gap: 15px;
5230 } 5264 }
5231 @media (min-width: 768px) { 5265 @media (min-width: 768px) {
5232 .vacancies__list { 5266 .vacancies__list {
5233 display: grid; 5267 display: grid;
5234 grid-template-columns: repeat(2, 1fr); 5268 grid-template-columns: repeat(2, 1fr);
5235 } 5269 }
5236 } 5270 }
5237 @media (min-width: 992px) { 5271 @media (min-width: 992px) {
5238 .vacancies__list { 5272 .vacancies__list {
5239 display: grid; 5273 display: grid;
5240 grid-template-columns: repeat(3, 1fr); 5274 grid-template-columns: repeat(3, 1fr);
5241 gap: 20px; 5275 gap: 20px;
5242 } 5276 }
5243 } 5277 }
5244 @media (min-width: 1280px) { 5278 @media (min-width: 1280px) {
5245 .vacancies__list { 5279 .vacancies__list {
5246 grid-template-columns: repeat(4, 1fr); 5280 grid-template-columns: repeat(4, 1fr);
5247 } 5281 }
5248 } 5282 }
5249 .vacancies__list-label { 5283 .vacancies__list-label {
5250 font-weight: 700; 5284 font-weight: 700;
5251 font-size: 22px; 5285 font-size: 22px;
5252 } 5286 }
5253 .vacancies__list-col { 5287 .vacancies__list-col {
5254 display: -webkit-box; 5288 display: -webkit-box;
5255 display: -ms-flexbox; 5289 display: -ms-flexbox;
5256 display: flex; 5290 display: flex;
5257 -webkit-box-orient: vertical; 5291 -webkit-box-orient: vertical;
5258 -webkit-box-direction: normal; 5292 -webkit-box-direction: normal;
5259 -ms-flex-direction: column; 5293 -ms-flex-direction: column;
5260 flex-direction: column; 5294 flex-direction: column;
5261 gap: 15px; 5295 gap: 15px;
5262 margin-top: 15px; 5296 margin-top: 15px;
5263 } 5297 }
5264 @media (min-width: 768px) { 5298 @media (min-width: 768px) {
5265 .vacancies__list-col { 5299 .vacancies__list-col {
5266 margin-top: 0; 5300 margin-top: 0;
5267 } 5301 }
5268 } 5302 }
5269 .vacancies__list-col:first-child { 5303 .vacancies__list-col:first-child {
5270 margin-top: 0; 5304 margin-top: 0;
5271 } 5305 }
5272 .vacancies__item { 5306 .vacancies__item {
5273 display: none; 5307 display: none;
5274 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5308 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5275 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5309 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5276 border-radius: 12px; 5310 border-radius: 12px;
5277 background: #fff; 5311 background: #fff;
5278 border: 1px solid #e6e7e7; 5312 border: 1px solid #e6e7e7;
5279 overflow: hidden; 5313 overflow: hidden;
5280 } 5314 }
5281 .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) { 5315 .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) {
5282 display: -webkit-box; 5316 display: -webkit-box;
5283 display: -ms-flexbox; 5317 display: -ms-flexbox;
5284 display: flex; 5318 display: flex;
5285 } 5319 }
5286 .vacancies__item > span { 5320 .vacancies__item > span {
5287 border-left: 10px solid #377d87; 5321 border-left: 10px solid #377d87;
5288 padding: 20px 14px; 5322 padding: 20px 14px;
5289 display: -webkit-box; 5323 display: -webkit-box;
5290 display: -ms-flexbox; 5324 display: -ms-flexbox;
5291 display: flex; 5325 display: flex;
5292 -webkit-box-orient: vertical; 5326 -webkit-box-orient: vertical;
5293 -webkit-box-direction: normal; 5327 -webkit-box-direction: normal;
5294 -ms-flex-direction: column; 5328 -ms-flex-direction: column;
5295 flex-direction: column; 5329 flex-direction: column;
5296 -webkit-box-align: start; 5330 -webkit-box-align: start;
5297 -ms-flex-align: start; 5331 -ms-flex-align: start;
5298 align-items: flex-start; 5332 align-items: flex-start;
5299 gap: 5px; 5333 gap: 5px;
5300 -webkit-box-pack: justify; 5334 -webkit-box-pack: justify;
5301 -ms-flex-pack: justify; 5335 -ms-flex-pack: justify;
5302 justify-content: space-between; 5336 justify-content: space-between;
5303 } 5337 }
5304 @media (min-width: 992px) { 5338 @media (min-width: 992px) {
5305 .vacancies__item > span { 5339 .vacancies__item > span {
5306 gap: 10px; 5340 gap: 10px;
5307 } 5341 }
5308 } 5342 }
5309 .vacancies__item b { 5343 .vacancies__item b {
5310 font-weight: 700; 5344 font-weight: 700;
5311 font-size: 14px; 5345 font-size: 14px;
5312 } 5346 }
5313 @media (min-width: 992px) { 5347 @media (min-width: 992px) {
5314 .vacancies__item b { 5348 .vacancies__item b {
5315 font-size: 20px; 5349 font-size: 20px;
5316 } 5350 }
5317 } 5351 }
5318 .vacancies__item:hover b { 5352 .vacancies__item:hover b {
5319 color: #377d87; 5353 color: #377d87;
5320 } 5354 }
5321 .vacancies__item u { 5355 .vacancies__item u {
5322 text-decoration: none; 5356 text-decoration: none;
5323 font-size: 14px; 5357 font-size: 14px;
5324 } 5358 }
5325 @media (min-width: 992px) { 5359 @media (min-width: 992px) {
5326 .vacancies__item u { 5360 .vacancies__item u {
5327 font-size: 18px; 5361 font-size: 18px;
5328 } 5362 }
5329 } 5363 }
5330 .vacancies__item i { 5364 .vacancies__item i {
5331 font-size: 12px; 5365 font-size: 12px;
5332 font-style: normal; 5366 font-style: normal;
5333 border-bottom: 1px dashed #377d87; 5367 border-bottom: 1px dashed #377d87;
5334 } 5368 }
5335 @media (min-width: 992px) { 5369 @media (min-width: 992px) {
5336 .vacancies__item i { 5370 .vacancies__item i {
5337 font-size: 16px; 5371 font-size: 16px;
5338 } 5372 }
5339 } 5373 }
5340 .vacancies__item i span { 5374 .vacancies__item i span {
5341 font-weight: 700; 5375 font-weight: 700;
5342 color: #377d87; 5376 color: #377d87;
5343 } 5377 }
5344 .vacancies__body.active .vacancies__list .vacancies__item { 5378 .vacancies__body.active .vacancies__list .vacancies__item {
5345 display: -webkit-box; 5379 display: -webkit-box;
5346 display: -ms-flexbox; 5380 display: -ms-flexbox;
5347 display: flex; 5381 display: flex;
5348 } 5382 }
5349 5383
5350 .employer { 5384 .employer {
5351 padding-bottom: 50px; 5385 padding-bottom: 50px;
5352 } 5386 }
5353 @media (min-width: 768px) { 5387 @media (min-width: 768px) {
5354 .employer { 5388 .employer {
5355 padding-bottom: 100px; 5389 padding-bottom: 100px;
5356 } 5390 }
5357 } 5391 }
5358 .employer .swiper { 5392 .employer .swiper {
5359 margin: 20px 0; 5393 margin: 20px 0;
5360 } 5394 }
5361 @media (min-width: 768px) { 5395 @media (min-width: 768px) {
5362 .employer .swiper { 5396 .employer .swiper {
5363 display: none; 5397 display: none;
5364 } 5398 }
5365 } 5399 }
5366 .employer__item { 5400 .employer__item {
5367 display: -webkit-box; 5401 display: -webkit-box;
5368 display: -ms-flexbox; 5402 display: -ms-flexbox;
5369 display: flex; 5403 display: flex;
5370 -webkit-box-orient: vertical; 5404 -webkit-box-orient: vertical;
5371 -webkit-box-direction: normal; 5405 -webkit-box-direction: normal;
5372 -ms-flex-direction: column; 5406 -ms-flex-direction: column;
5373 flex-direction: column; 5407 flex-direction: column;
5374 gap: 30px; 5408 gap: 30px;
5375 } 5409 }
5376 .employer__item a { 5410 .employer__item a {
5377 display: -webkit-box; 5411 display: -webkit-box;
5378 display: -ms-flexbox; 5412 display: -ms-flexbox;
5379 display: flex; 5413 display: flex;
5380 -webkit-box-orient: vertical; 5414 -webkit-box-orient: vertical;
5381 -webkit-box-direction: normal; 5415 -webkit-box-direction: normal;
5382 -ms-flex-direction: column; 5416 -ms-flex-direction: column;
5383 flex-direction: column; 5417 flex-direction: column;
5384 -webkit-box-align: center; 5418 -webkit-box-align: center;
5385 -ms-flex-align: center; 5419 -ms-flex-align: center;
5386 align-items: center; 5420 align-items: center;
5387 } 5421 }
5388 .employer__item img { 5422 .employer__item img {
5389 width: 100%; 5423 width: 100%;
5390 aspect-ratio: 295/98; 5424 aspect-ratio: 295/98;
5391 -o-object-fit: contain; 5425 -o-object-fit: contain;
5392 object-fit: contain; 5426 object-fit: contain;
5393 } 5427 }
5394 .employer__body { 5428 .employer__body {
5395 display: none; 5429 display: none;
5396 grid-template-columns: 1fr 1fr; 5430 grid-template-columns: 1fr 1fr;
5397 gap: 30px; 5431 gap: 30px;
5398 margin-top: 30px; 5432 margin-top: 30px;
5399 margin-bottom: 40px; 5433 margin-bottom: 40px;
5400 } 5434 }
5401 @media (min-width: 768px) { 5435 @media (min-width: 768px) {
5402 .employer__body { 5436 .employer__body {
5403 display: grid; 5437 display: grid;
5404 } 5438 }
5405 } 5439 }
5406 @media (min-width: 992px) { 5440 @media (min-width: 992px) {
5407 .employer__body { 5441 .employer__body {
5408 grid-template-columns: 1fr 1fr 1fr; 5442 grid-template-columns: 1fr 1fr 1fr;
5409 } 5443 }
5410 } 5444 }
5411 @media (min-width: 1280px) { 5445 @media (min-width: 1280px) {
5412 .employer__body { 5446 .employer__body {
5413 grid-template-columns: 1fr 1fr 1fr 1fr; 5447 grid-template-columns: 1fr 1fr 1fr 1fr;
5414 } 5448 }
5415 } 5449 }
5416 .employer__body a { 5450 .employer__body a {
5417 display: -webkit-box; 5451 display: -webkit-box;
5418 display: -ms-flexbox; 5452 display: -ms-flexbox;
5419 display: flex; 5453 display: flex;
5420 -webkit-box-pack: center; 5454 -webkit-box-pack: center;
5421 -ms-flex-pack: center; 5455 -ms-flex-pack: center;
5422 justify-content: center; 5456 justify-content: center;
5423 -webkit-box-align: center; 5457 -webkit-box-align: center;
5424 -ms-flex-align: center; 5458 -ms-flex-align: center;
5425 align-items: center; 5459 align-items: center;
5426 height: 98px; 5460 height: 98px;
5427 } 5461 }
5428 .employer__body img { 5462 .employer__body img {
5429 max-width: 100%; 5463 max-width: 100%;
5430 max-height: 98px; 5464 max-height: 98px;
5431 -o-object-fit: contain; 5465 -o-object-fit: contain;
5432 object-fit: contain; 5466 object-fit: contain;
5433 } 5467 }
5434 .employer__more { 5468 .employer__more {
5435 height: 38px; 5469 height: 38px;
5436 } 5470 }
5437 @media (min-width: 768px) { 5471 @media (min-width: 768px) {
5438 .employer__more { 5472 .employer__more {
5439 width: 250px; 5473 width: 250px;
5440 margin: 0 auto; 5474 margin: 0 auto;
5441 height: 44px; 5475 height: 44px;
5442 } 5476 }
5443 } 5477 }
5444 5478
5445 .about { 5479 .about {
5446 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5480 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5447 background-size: cover; 5481 background-size: cover;
5448 padding: 30px 0; 5482 padding: 30px 0;
5449 padding-bottom: 70px; 5483 padding-bottom: 70px;
5450 } 5484 }
5451 @media (min-width: 768px) { 5485 @media (min-width: 768px) {
5452 .about { 5486 .about {
5453 padding-top: 40px; 5487 padding-top: 40px;
5454 background-size: auto calc(100% - 10px); 5488 background-size: auto calc(100% - 10px);
5455 } 5489 }
5456 } 5490 }
5457 @media (min-width: 1280px) { 5491 @media (min-width: 1280px) {
5458 .about { 5492 .about {
5459 padding: 100px 0; 5493 padding: 100px 0;
5460 } 5494 }
5461 } 5495 }
5462 .about__wrapper { 5496 .about__wrapper {
5463 display: -webkit-box; 5497 display: -webkit-box;
5464 display: -ms-flexbox; 5498 display: -ms-flexbox;
5465 display: flex; 5499 display: flex;
5466 -webkit-box-orient: vertical; 5500 -webkit-box-orient: vertical;
5467 -webkit-box-direction: normal; 5501 -webkit-box-direction: normal;
5468 -ms-flex-direction: column; 5502 -ms-flex-direction: column;
5469 flex-direction: column; 5503 flex-direction: column;
5470 position: relative; 5504 position: relative;
5471 } 5505 }
5472 .about__title { 5506 .about__title {
5473 color: #fff; 5507 color: #fff;
5474 line-height: 1.2; 5508 line-height: 1.2;
5475 } 5509 }
5476 @media (min-width: 1280px) { 5510 @media (min-width: 1280px) {
5477 .about__title { 5511 .about__title {
5478 position: absolute; 5512 position: absolute;
5479 top: -45px; 5513 top: -45px;
5480 left: 0; 5514 left: 0;
5481 } 5515 }
5482 } 5516 }
5483 .about__body { 5517 .about__body {
5484 display: -webkit-box; 5518 display: -webkit-box;
5485 display: -ms-flexbox; 5519 display: -ms-flexbox;
5486 display: flex; 5520 display: flex;
5487 -webkit-box-orient: vertical; 5521 -webkit-box-orient: vertical;
5488 -webkit-box-direction: normal; 5522 -webkit-box-direction: normal;
5489 -ms-flex-direction: column; 5523 -ms-flex-direction: column;
5490 flex-direction: column; 5524 flex-direction: column;
5491 } 5525 }
5492 @media (min-width: 1280px) { 5526 @media (min-width: 1280px) {
5493 .about__body { 5527 .about__body {
5494 padding-left: 495px; 5528 padding-left: 495px;
5495 } 5529 }
5496 } 5530 }
5497 .about__line { 5531 .about__line {
5498 background: #fff; 5532 background: #fff;
5499 width: 100%; 5533 width: 100%;
5500 height: 1px; 5534 height: 1px;
5501 max-width: 400px; 5535 max-width: 400px;
5502 margin-top: 10px; 5536 margin-top: 10px;
5503 } 5537 }
5504 .about__item { 5538 .about__item {
5505 display: -webkit-box; 5539 display: -webkit-box;
5506 display: -ms-flexbox; 5540 display: -ms-flexbox;
5507 display: flex; 5541 display: flex;
5508 -webkit-box-orient: vertical; 5542 -webkit-box-orient: vertical;
5509 -webkit-box-direction: normal; 5543 -webkit-box-direction: normal;
5510 -ms-flex-direction: column; 5544 -ms-flex-direction: column;
5511 flex-direction: column; 5545 flex-direction: column;
5512 margin-top: 10px; 5546 margin-top: 10px;
5513 max-width: 600px; 5547 max-width: 600px;
5514 } 5548 }
5515 @media (min-width: 768px) { 5549 @media (min-width: 768px) {
5516 .about__item { 5550 .about__item {
5517 margin-top: 20px; 5551 margin-top: 20px;
5518 } 5552 }
5519 } 5553 }
5520 @media (min-width: 1280px) { 5554 @media (min-width: 1280px) {
5521 .about__item { 5555 .about__item {
5522 margin-top: 30px; 5556 margin-top: 30px;
5523 } 5557 }
5524 } 5558 }
5525 .about__item b { 5559 .about__item b {
5526 font-size: 20px; 5560 font-size: 20px;
5527 font-weight: 700; 5561 font-weight: 700;
5528 } 5562 }
5529 .about__item span { 5563 .about__item span {
5530 font-size: 13px; 5564 font-size: 13px;
5531 line-height: 1.4; 5565 line-height: 1.4;
5532 margin-top: 6px; 5566 margin-top: 6px;
5533 } 5567 }
5534 @media (min-width: 1280px) { 5568 @media (min-width: 1280px) {
5535 .about__item span { 5569 .about__item span {
5536 font-size: 16px; 5570 font-size: 16px;
5537 margin-top: 12px; 5571 margin-top: 12px;
5538 } 5572 }
5539 } 5573 }
5540 .about__item a { 5574 .about__item a {
5541 text-decoration: underline; 5575 text-decoration: underline;
5542 } 5576 }
5543 .about__item + .about__item { 5577 .about__item + .about__item {
5544 margin-top: 30px; 5578 margin-top: 30px;
5545 } 5579 }
5546 @media (min-width: 992px) { 5580 @media (min-width: 992px) {
5547 .about__item + .about__item { 5581 .about__item + .about__item {
5548 margin-top: 40px; 5582 margin-top: 40px;
5549 } 5583 }
5550 } 5584 }
5551 .about__button { 5585 .about__button {
5552 margin-top: 20px; 5586 margin-top: 20px;
5553 height: 38px; 5587 height: 38px;
5554 padding: 0; 5588 padding: 0;
5555 } 5589 }
5556 @media (min-width: 768px) { 5590 @media (min-width: 768px) {
5557 .about__button { 5591 .about__button {
5558 max-width: 200px; 5592 max-width: 200px;
5559 height: 42px; 5593 height: 42px;
5560 margin-top: 30px; 5594 margin-top: 30px;
5561 } 5595 }
5562 } 5596 }
5563 5597
5564 .news { 5598 .news {
5565 padding: 50px 0; 5599 padding: 50px 0;
5566 overflow: hidden; 5600 overflow: hidden;
5567 } 5601 }
5568 @media (min-width: 1280px) { 5602 @media (min-width: 1280px) {
5569 .news { 5603 .news {
5570 padding: 100px 0; 5604 padding: 100px 0;
5571 padding-bottom: 0; 5605 padding-bottom: 0;
5572 } 5606 }
5573 } 5607 }
5574 .news__toper { 5608 .news__toper {
5575 display: -webkit-box; 5609 display: -webkit-box;
5576 display: -ms-flexbox; 5610 display: -ms-flexbox;
5577 display: flex; 5611 display: flex;
5578 -webkit-box-pack: justify; 5612 -webkit-box-pack: justify;
5579 -ms-flex-pack: justify; 5613 -ms-flex-pack: justify;
5580 justify-content: space-between; 5614 justify-content: space-between;
5581 -webkit-box-align: center; 5615 -webkit-box-align: center;
5582 -ms-flex-align: center; 5616 -ms-flex-align: center;
5583 align-items: center; 5617 align-items: center;
5584 } 5618 }
5585 @media (min-width: 1280px) { 5619 @media (min-width: 1280px) {
5586 .news__toper .title { 5620 .news__toper .title {
5587 width: calc(100% - 160px); 5621 width: calc(100% - 160px);
5588 } 5622 }
5589 } 5623 }
5590 .news__toper .navs { 5624 .news__toper .navs {
5591 display: none; 5625 display: none;
5592 } 5626 }
5593 @media (min-width: 1280px) { 5627 @media (min-width: 1280px) {
5594 .news__toper .navs { 5628 .news__toper .navs {
5595 display: -webkit-box; 5629 display: -webkit-box;
5596 display: -ms-flexbox; 5630 display: -ms-flexbox;
5597 display: flex; 5631 display: flex;
5598 } 5632 }
5599 } 5633 }
5600 .news .swiper { 5634 .news .swiper {
5601 margin-top: 20px; 5635 margin-top: 20px;
5602 } 5636 }
5603 @media (min-width: 768px) { 5637 @media (min-width: 768px) {
5604 .news .swiper { 5638 .news .swiper {
5605 overflow: visible; 5639 overflow: visible;
5606 } 5640 }
5607 } 5641 }
5608 @media (min-width: 992px) { 5642 @media (min-width: 992px) {
5609 .news .swiper { 5643 .news .swiper {
5610 margin-top: 40px; 5644 margin-top: 40px;
5611 } 5645 }
5612 } 5646 }
5613 .news__item { 5647 .news__item {
5614 display: -webkit-box; 5648 display: -webkit-box;
5615 display: -ms-flexbox; 5649 display: -ms-flexbox;
5616 display: flex; 5650 display: flex;
5617 -webkit-box-orient: vertical; 5651 -webkit-box-orient: vertical;
5618 -webkit-box-direction: normal; 5652 -webkit-box-direction: normal;
5619 -ms-flex-direction: column; 5653 -ms-flex-direction: column;
5620 flex-direction: column; 5654 flex-direction: column;
5621 line-height: 1.4; 5655 line-height: 1.4;
5622 } 5656 }
5623 .news__item-pic { 5657 .news__item-pic {
5624 width: 100%; 5658 width: 100%;
5625 aspect-ratio: 3/2; 5659 aspect-ratio: 3/2;
5626 border-radius: 12px; 5660 border-radius: 12px;
5627 border: 1px solid #e6e7e7; 5661 border: 1px solid #e6e7e7;
5628 -o-object-fit: cover; 5662 -o-object-fit: cover;
5629 object-fit: cover; 5663 object-fit: cover;
5630 min-height: 200px; 5664 min-height: 200px;
5631 } 5665 }
5632 @media (min-width: 1280px) { 5666 @media (min-width: 1280px) {
5633 .news__item-pic { 5667 .news__item-pic {
5634 aspect-ratio: 4/2; 5668 aspect-ratio: 4/2;
5635 } 5669 }
5636 } 5670 }
5637 .news__item-body { 5671 .news__item-body {
5638 display: -webkit-box; 5672 display: -webkit-box;
5639 display: -ms-flexbox; 5673 display: -ms-flexbox;
5640 display: flex; 5674 display: flex;
5641 -webkit-box-orient: vertical; 5675 -webkit-box-orient: vertical;
5642 -webkit-box-direction: normal; 5676 -webkit-box-direction: normal;
5643 -ms-flex-direction: column; 5677 -ms-flex-direction: column;
5644 flex-direction: column; 5678 flex-direction: column;
5645 padding-top: 15px; 5679 padding-top: 15px;
5646 } 5680 }
5647 @media (min-width: 768px) { 5681 @media (min-width: 768px) {
5648 .news__item-body { 5682 .news__item-body {
5649 padding: 20px; 5683 padding: 20px;
5650 padding-top: 30px; 5684 padding-top: 30px;
5651 margin-top: -15px; 5685 margin-top: -15px;
5652 border-radius: 0 0 12px 12px; 5686 border-radius: 0 0 12px 12px;
5653 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5687 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5654 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5688 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5655 } 5689 }
5656 } 5690 }
5657 .news__item-date { 5691 .news__item-date {
5658 font-size: 14px; 5692 font-size: 14px;
5659 font-weight: 700; 5693 font-weight: 700;
5660 color: #377d87; 5694 color: #377d87;
5661 } 5695 }
5662 .news__item-title { 5696 .news__item-title {
5663 font-size: 20px; 5697 font-size: 20px;
5664 font-weight: 700; 5698 font-weight: 700;
5665 line-height: 1.2; 5699 line-height: 1.2;
5666 margin-top: 5px; 5700 margin-top: 5px;
5667 } 5701 }
5668 .news__item-text { 5702 .news__item-text {
5669 color: #000; 5703 color: #000;
5670 font-size: 13px; 5704 font-size: 13px;
5671 margin-top: 10px; 5705 margin-top: 10px;
5672 overflow: hidden; 5706 overflow: hidden;
5673 display: -webkit-box; 5707 display: -webkit-box;
5674 -webkit-box-orient: vertical; 5708 -webkit-box-orient: vertical;
5675 -webkit-line-clamp: 4; 5709 -webkit-line-clamp: 4;
5676 } 5710 }
5677 @media (min-width: 1280px) { 5711 @media (min-width: 1280px) {
5678 .news__item-text { 5712 .news__item-text {
5679 font-size: 16px; 5713 font-size: 16px;
5680 } 5714 }
5681 } 5715 }
5682 .news__item-more { 5716 .news__item-more {
5683 height: 42px; 5717 height: 42px;
5684 margin-top: 20px; 5718 margin-top: 20px;
5685 } 5719 }
5686 @media (min-width: 1280px) { 5720 @media (min-width: 1280px) {
5687 .news__item-more { 5721 .news__item-more {
5688 height: 44px; 5722 height: 44px;
5689 max-width: 190px; 5723 max-width: 190px;
5690 } 5724 }
5691 } 5725 }
5692 .news__all { 5726 .news__all {
5693 height: 42px; 5727 height: 42px;
5694 margin: 0 auto; 5728 margin: 0 auto;
5695 margin-top: 20px; 5729 margin-top: 20px;
5696 padding: 0; 5730 padding: 0;
5697 display: none; 5731 display: none;
5698 } 5732 }
5699 @media (min-width: 768px) { 5733 @media (min-width: 768px) {
5700 .news__all { 5734 .news__all {
5701 max-width: 170px; 5735 max-width: 170px;
5702 margin-top: 30px; 5736 margin-top: 30px;
5703 display: -webkit-box; 5737 display: -webkit-box;
5704 display: -ms-flexbox; 5738 display: -ms-flexbox;
5705 display: flex; 5739 display: flex;
5706 } 5740 }
5707 } 5741 }
5708 @media (min-width: 1280px) { 5742 @media (min-width: 1280px) {
5709 .news__all { 5743 .news__all {
5710 height: 44px; 5744 height: 44px;
5711 } 5745 }
5712 } 5746 }
5713 .news__items { 5747 .news__items {
5714 display: grid; 5748 display: grid;
5715 gap: 20px; 5749 gap: 20px;
5716 margin-bottom: 10px; 5750 margin-bottom: 10px;
5717 } 5751 }
5718 @media (min-width: 768px) { 5752 @media (min-width: 768px) {
5719 .news__items { 5753 .news__items {
5720 grid-template-columns: 1fr 1fr; 5754 grid-template-columns: 1fr 1fr;
5721 } 5755 }
5722 } 5756 }
5723 @media (min-width: 992px) { 5757 @media (min-width: 992px) {
5724 .news__items { 5758 .news__items {
5725 grid-template-columns: 1fr 1fr 1fr; 5759 grid-template-columns: 1fr 1fr 1fr;
5726 } 5760 }
5727 } 5761 }
5728 5762
5729 main + .news { 5763 main + .news {
5730 padding: 0; 5764 padding: 0;
5731 } 5765 }
5732 5766
5733 .info { 5767 .info {
5734 position: relative; 5768 position: relative;
5735 overflow: hidden; 5769 overflow: hidden;
5736 } 5770 }
5737 @media (min-width: 1280px) { 5771 @media (min-width: 1280px) {
5738 .info { 5772 .info {
5739 margin-bottom: -25px; 5773 margin-bottom: -25px;
5740 } 5774 }
5741 } 5775 }
5742 .info__pic { 5776 .info__pic {
5743 display: none; 5777 display: none;
5744 z-index: 1; 5778 z-index: 1;
5745 position: absolute; 5779 position: absolute;
5746 top: 0; 5780 top: 0;
5747 left: 50%; 5781 left: 50%;
5748 height: 100%; 5782 height: 100%;
5749 margin-left: 130px; 5783 margin-left: 130px;
5750 } 5784 }
5751 @media (min-width: 992px) { 5785 @media (min-width: 992px) {
5752 .info__pic { 5786 .info__pic {
5753 display: block; 5787 display: block;
5754 } 5788 }
5755 } 5789 }
5756 @media (min-width: 1280px) { 5790 @media (min-width: 1280px) {
5757 .info__pic { 5791 .info__pic {
5758 width: 610px; 5792 width: 610px;
5759 height: auto; 5793 height: auto;
5760 margin-left: 10px; 5794 margin-left: 10px;
5761 } 5795 }
5762 } 5796 }
5763 .info__body { 5797 .info__body {
5764 z-index: 2; 5798 z-index: 2;
5765 position: relative; 5799 position: relative;
5766 display: -webkit-box; 5800 display: -webkit-box;
5767 display: -ms-flexbox; 5801 display: -ms-flexbox;
5768 display: flex; 5802 display: flex;
5769 -webkit-box-orient: vertical; 5803 -webkit-box-orient: vertical;
5770 -webkit-box-direction: normal; 5804 -webkit-box-direction: normal;
5771 -ms-flex-direction: column; 5805 -ms-flex-direction: column;
5772 flex-direction: column; 5806 flex-direction: column;
5773 } 5807 }
5774 @media (min-width: 1280px) { 5808 @media (min-width: 1280px) {
5775 .info__body { 5809 .info__body {
5776 padding-top: 100px; 5810 padding-top: 100px;
5777 min-height: 600px; 5811 min-height: 600px;
5778 } 5812 }
5779 } 5813 }
5780 @media (min-width: 1280px) { 5814 @media (min-width: 1280px) {
5781 .info__title { 5815 .info__title {
5782 max-width: 520px; 5816 max-width: 520px;
5783 line-height: 1; 5817 line-height: 1;
5784 } 5818 }
5785 } 5819 }
5786 .info__item { 5820 .info__item {
5787 margin-top: 20px; 5821 margin-top: 20px;
5788 display: -webkit-box; 5822 display: -webkit-box;
5789 display: -ms-flexbox; 5823 display: -ms-flexbox;
5790 display: flex; 5824 display: flex;
5791 -webkit-box-orient: vertical; 5825 -webkit-box-orient: vertical;
5792 -webkit-box-direction: normal; 5826 -webkit-box-direction: normal;
5793 -ms-flex-direction: column; 5827 -ms-flex-direction: column;
5794 flex-direction: column; 5828 flex-direction: column;
5795 gap: 20px; 5829 gap: 20px;
5796 } 5830 }
5797 @media (min-width: 992px) { 5831 @media (min-width: 992px) {
5798 .info__item { 5832 .info__item {
5799 max-width: 610px; 5833 max-width: 610px;
5800 } 5834 }
5801 } 5835 }
5802 .info__item + .info__item { 5836 .info__item + .info__item {
5803 margin-top: 60px; 5837 margin-top: 60px;
5804 } 5838 }
5805 .info__text { 5839 .info__text {
5806 color: #000; 5840 color: #000;
5807 font-size: 13px; 5841 font-size: 13px;
5808 line-height: 1.4; 5842 line-height: 1.4;
5809 } 5843 }
5810 @media (min-width: 768px) { 5844 @media (min-width: 768px) {
5811 .info__text { 5845 .info__text {
5812 font-size: 16px; 5846 font-size: 16px;
5813 } 5847 }
5814 } 5848 }
5815 @media (min-width: 1280px) { 5849 @media (min-width: 1280px) {
5816 .info__text { 5850 .info__text {
5817 font-size: 18px; 5851 font-size: 18px;
5818 } 5852 }
5819 } 5853 }
5820 .info__link { 5854 .info__link {
5821 border-radius: 8px; 5855 border-radius: 8px;
5822 display: -webkit-box; 5856 display: -webkit-box;
5823 display: -ms-flexbox; 5857 display: -ms-flexbox;
5824 display: flex; 5858 display: flex;
5825 -webkit-box-pack: center; 5859 -webkit-box-pack: center;
5826 -ms-flex-pack: center; 5860 -ms-flex-pack: center;
5827 justify-content: center; 5861 justify-content: center;
5828 -webkit-box-align: center; 5862 -webkit-box-align: center;
5829 -ms-flex-align: center; 5863 -ms-flex-align: center;
5830 align-items: center; 5864 align-items: center;
5831 line-height: 1; 5865 line-height: 1;
5832 height: 40px; 5866 height: 40px;
5833 font-size: 12px; 5867 font-size: 12px;
5834 font-weight: 700; 5868 font-weight: 700;
5835 gap: 8px; 5869 gap: 8px;
5836 color: #fff; 5870 color: #fff;
5837 background: #377d87; 5871 background: #377d87;
5838 } 5872 }
5839 .info__link:hover { 5873 .info__link:hover {
5840 -webkit-filter: grayscale(50%); 5874 -webkit-filter: grayscale(50%);
5841 filter: grayscale(50%); 5875 filter: grayscale(50%);
5842 } 5876 }
5843 @media (min-width: 768px) { 5877 @media (min-width: 768px) {
5844 .info__link { 5878 .info__link {
5845 height: 44px; 5879 height: 44px;
5846 font-size: 16px; 5880 font-size: 16px;
5847 gap: 10px; 5881 gap: 10px;
5848 max-width: 300px; 5882 max-width: 300px;
5849 } 5883 }
5850 } 5884 }
5851 @media (min-width: 992px) { 5885 @media (min-width: 992px) {
5852 .info__link { 5886 .info__link {
5853 max-width: 210px; 5887 max-width: 210px;
5854 } 5888 }
5855 } 5889 }
5856 .info__link svg { 5890 .info__link svg {
5857 width: 16px; 5891 width: 16px;
5858 height: 16px; 5892 height: 16px;
5859 } 5893 }
5860 @media (min-width: 768px) { 5894 @media (min-width: 768px) {
5861 .info__link svg { 5895 .info__link svg {
5862 width: 20px; 5896 width: 20px;
5863 height: 20px; 5897 height: 20px;
5864 } 5898 }
5865 } 5899 }
5866 5900
5867 .thing { 5901 .thing {
5868 padding-top: 15px; 5902 padding-top: 15px;
5869 padding-bottom: 30px; 5903 padding-bottom: 30px;
5870 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5904 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5871 color: #000; 5905 color: #000;
5872 overflow: hidden; 5906 overflow: hidden;
5873 position: relative; 5907 position: relative;
5874 } 5908 }
5875 @media (min-width: 992px) { 5909 @media (min-width: 992px) {
5876 .thing { 5910 .thing {
5877 padding-top: 20px; 5911 padding-top: 20px;
5878 padding-bottom: 60px; 5912 padding-bottom: 60px;
5879 } 5913 }
5880 } 5914 }
5881 @media (min-width: 1280px) { 5915 @media (min-width: 1280px) {
5882 .thing { 5916 .thing {
5883 padding-bottom: 90px; 5917 padding-bottom: 90px;
5884 } 5918 }
5885 } 5919 }
5886 .thing_pdf { 5920 .thing_pdf {
5887 padding: 30px 0; 5921 padding: 30px 0;
5888 } 5922 }
5889 @media (min-width: 992px) { 5923 @media (min-width: 992px) {
5890 .thing_pdf { 5924 .thing_pdf {
5891 padding: 60px 0; 5925 padding: 60px 0;
5892 } 5926 }
5893 } 5927 }
5894 @media (min-width: 1280px) { 5928 @media (min-width: 1280px) {
5895 .thing_pdf { 5929 .thing_pdf {
5896 padding: 90px 0; 5930 padding: 90px 0;
5897 } 5931 }
5898 } 5932 }
5899 .thing__body { 5933 .thing__body {
5900 display: -webkit-box; 5934 display: -webkit-box;
5901 display: -ms-flexbox; 5935 display: -ms-flexbox;
5902 display: flex; 5936 display: flex;
5903 -webkit-box-orient: vertical; 5937 -webkit-box-orient: vertical;
5904 -webkit-box-direction: normal; 5938 -webkit-box-direction: normal;
5905 -ms-flex-direction: column; 5939 -ms-flex-direction: column;
5906 flex-direction: column; 5940 flex-direction: column;
5907 -webkit-box-align: start; 5941 -webkit-box-align: start;
5908 -ms-flex-align: start; 5942 -ms-flex-align: start;
5909 align-items: flex-start; 5943 align-items: flex-start;
5910 } 5944 }
5911 .thing__breadcrumbs { 5945 .thing__breadcrumbs {
5912 width: 100%; 5946 width: 100%;
5913 margin-bottom: 40px; 5947 margin-bottom: 40px;
5914 position: relative; 5948 position: relative;
5915 z-index: 2; 5949 z-index: 2;
5916 } 5950 }
5917 @media (min-width: 768px) { 5951 @media (min-width: 768px) {
5918 .thing__breadcrumbs { 5952 .thing__breadcrumbs {
5919 margin-bottom: 60px; 5953 margin-bottom: 60px;
5920 } 5954 }
5921 } 5955 }
5922 .thing__date { 5956 .thing__date {
5923 color: #000; 5957 color: #000;
5924 font-size: 14px; 5958 font-size: 14px;
5925 font-weight: 700; 5959 font-weight: 700;
5926 line-height: 21px; 5960 line-height: 21px;
5927 margin-bottom: 10px; 5961 margin-bottom: 10px;
5928 } 5962 }
5929 @media (min-width: 768px) { 5963 @media (min-width: 768px) {
5930 .thing__date { 5964 .thing__date {
5931 font-size: 18px; 5965 font-size: 18px;
5932 line-height: 27px; 5966 line-height: 27px;
5933 } 5967 }
5934 } 5968 }
5935 .thing__title { 5969 .thing__title {
5936 width: 100%; 5970 width: 100%;
5937 font-size: 32px; 5971 font-size: 32px;
5938 font-weight: 700; 5972 font-weight: 700;
5939 margin: 0; 5973 margin: 0;
5940 max-width: 780px; 5974 max-width: 780px;
5941 position: relative; 5975 position: relative;
5942 z-index: 2; 5976 z-index: 2;
5943 line-height: 1.1; 5977 line-height: 1.1;
5944 } 5978 }
5945 @media (min-width: 768px) { 5979 @media (min-width: 768px) {
5946 .thing__title { 5980 .thing__title {
5947 font-size: 40px; 5981 font-size: 40px;
5948 } 5982 }
5949 } 5983 }
5950 @media (min-width: 1280px) { 5984 @media (min-width: 1280px) {
5951 .thing__title { 5985 .thing__title {
5952 font-size: 64px; 5986 font-size: 64px;
5953 } 5987 }
5954 } 5988 }
5955 .thing__text { 5989 .thing__text {
5956 width: 100%; 5990 width: 100%;
5957 font-weight: 700; 5991 font-weight: 700;
5958 font-size: 14px; 5992 font-size: 14px;
5959 line-height: 1.4; 5993 line-height: 1.4;
5960 margin: 15px 0 0 0; 5994 margin: 15px 0 0 0;
5961 max-width: 780px; 5995 max-width: 780px;
5962 position: relative; 5996 position: relative;
5963 z-index: 2; 5997 z-index: 2;
5964 } 5998 }
5965 @media (min-width: 768px) { 5999 @media (min-width: 768px) {
5966 .thing__text { 6000 .thing__text {
5967 margin-top: 15px; 6001 margin-top: 15px;
5968 } 6002 }
5969 } 6003 }
5970 @media (min-width: 992px) { 6004 @media (min-width: 992px) {
5971 .thing__text { 6005 .thing__text {
5972 font-weight: 400; 6006 font-weight: 400;
5973 font-size: 18px; 6007 font-size: 18px;
5974 } 6008 }
5975 } 6009 }
5976 .thing__search { 6010 .thing__search {
5977 width: 100%; 6011 width: 100%;
5978 max-width: 640px; 6012 max-width: 640px;
5979 margin-top: 20px; 6013 margin-top: 20px;
5980 position: relative; 6014 position: relative;
5981 z-index: 2; 6015 z-index: 2;
5982 } 6016 }
5983 @media (min-width: 768px) { 6017 @media (min-width: 768px) {
5984 .thing__search { 6018 .thing__search {
5985 margin-top: 30px; 6019 margin-top: 30px;
5986 } 6020 }
5987 } 6021 }
5988 .thing__badge { 6022 .thing__badge {
5989 position: relative; 6023 position: relative;
5990 z-index: 2; 6024 z-index: 2;
5991 display: -webkit-box; 6025 display: -webkit-box;
5992 display: -ms-flexbox; 6026 display: -ms-flexbox;
5993 display: flex; 6027 display: flex;
5994 -webkit-box-align: center; 6028 -webkit-box-align: center;
5995 -ms-flex-align: center; 6029 -ms-flex-align: center;
5996 align-items: center; 6030 align-items: center;
5997 gap: 5px; 6031 gap: 5px;
5998 padding: 0 12px; 6032 padding: 0 12px;
5999 background: #4d88d9; 6033 background: #4d88d9;
6000 color: #fff; 6034 color: #fff;
6001 font-size: 12px; 6035 font-size: 12px;
6002 line-height: 1; 6036 line-height: 1;
6003 height: 26px; 6037 height: 26px;
6004 border-radius: 999px; 6038 border-radius: 999px;
6005 margin-bottom: 20px; 6039 margin-bottom: 20px;
6006 } 6040 }
6007 @media (min-width: 992px) { 6041 @media (min-width: 992px) {
6008 .thing__badge { 6042 .thing__badge {
6009 font-size: 16px; 6043 font-size: 16px;
6010 gap: 10px; 6044 gap: 10px;
6011 padding: 0 24px; 6045 padding: 0 24px;
6012 height: 42px; 6046 height: 42px;
6013 margin-bottom: 30px; 6047 margin-bottom: 30px;
6014 } 6048 }
6015 } 6049 }
6016 .thing__badge svg { 6050 .thing__badge svg {
6017 width: 12px; 6051 width: 12px;
6018 height: 12px; 6052 height: 12px;
6019 } 6053 }
6020 @media (min-width: 992px) { 6054 @media (min-width: 992px) {
6021 .thing__badge svg { 6055 .thing__badge svg {
6022 width: 20px; 6056 width: 20px;
6023 height: 20px; 6057 height: 20px;
6024 } 6058 }
6025 } 6059 }
6026 .thing__pic { 6060 .thing__pic {
6027 width: 60px; 6061 width: 60px;
6028 aspect-ratio: 1/1; 6062 aspect-ratio: 1/1;
6029 -o-object-fit: contain; 6063 -o-object-fit: contain;
6030 object-fit: contain; 6064 object-fit: contain;
6031 position: relative; 6065 position: relative;
6032 z-index: 1; 6066 z-index: 1;
6033 margin-bottom: 15px; 6067 margin-bottom: 15px;
6034 } 6068 }
6035 @media (min-width: 768px) { 6069 @media (min-width: 768px) {
6036 .thing__pic { 6070 .thing__pic {
6037 width: 160px; 6071 width: 160px;
6038 position: absolute; 6072 position: absolute;
6039 top: 15px; 6073 top: 15px;
6040 right: 20px; 6074 right: 20px;
6041 } 6075 }
6042 } 6076 }
6043 @media (min-width: 992px) { 6077 @media (min-width: 992px) {
6044 .thing__pic { 6078 .thing__pic {
6045 width: 330px; 6079 width: 330px;
6046 top: 50%; 6080 top: 50%;
6047 -webkit-transform: translate(0, -50%); 6081 -webkit-transform: translate(0, -50%);
6048 -ms-transform: translate(0, -50%); 6082 -ms-transform: translate(0, -50%);
6049 transform: translate(0, -50%); 6083 transform: translate(0, -50%);
6050 } 6084 }
6051 } 6085 }
6052 @media (min-width: 1280px) { 6086 @media (min-width: 1280px) {
6053 .thing__pic { 6087 .thing__pic {
6054 right: auto; 6088 right: auto;
6055 left: 50%; 6089 left: 50%;
6056 margin-left: 200px; 6090 margin-left: 200px;
6057 } 6091 }
6058 } 6092 }
6059 .thing__pic_two { 6093 .thing__pic_two {
6060 -o-object-fit: cover; 6094 -o-object-fit: cover;
6061 object-fit: cover; 6095 object-fit: cover;
6062 border-radius: 30px; 6096 border-radius: 30px;
6063 aspect-ratio: 44/37; 6097 aspect-ratio: 44/37;
6064 width: 100%; 6098 width: 100%;
6065 max-width: 440px; 6099 max-width: 440px;
6066 } 6100 }
6067 @media (min-width: 768px) { 6101 @media (min-width: 768px) {
6068 .thing__pic_two { 6102 .thing__pic_two {
6069 position: static; 6103 position: static;
6070 -webkit-transform: translate(0, 0); 6104 -webkit-transform: translate(0, 0);
6071 -ms-transform: translate(0, 0); 6105 -ms-transform: translate(0, 0);
6072 transform: translate(0, 0); 6106 transform: translate(0, 0);
6073 } 6107 }
6074 } 6108 }
6075 @media (min-width: 1280px) { 6109 @media (min-width: 1280px) {
6076 .thing__pic_two { 6110 .thing__pic_two {
6077 position: absolute; 6111 position: absolute;
6078 -webkit-transform: translate(0, -50%); 6112 -webkit-transform: translate(0, -50%);
6079 -ms-transform: translate(0, -50%); 6113 -ms-transform: translate(0, -50%);
6080 transform: translate(0, -50%); 6114 transform: translate(0, -50%);
6081 } 6115 }
6082 } 6116 }
6083 .thing__buttons { 6117 .thing__buttons {
6084 width: 100%; 6118 width: 100%;
6085 position: relative; 6119 position: relative;
6086 z-index: 2; 6120 z-index: 2;
6087 display: -webkit-box; 6121 display: -webkit-box;
6088 display: -ms-flexbox; 6122 display: -ms-flexbox;
6089 display: flex; 6123 display: flex;
6090 -webkit-box-align: center; 6124 -webkit-box-align: center;
6091 -ms-flex-align: center; 6125 -ms-flex-align: center;
6092 align-items: center; 6126 align-items: center;
6093 gap: 20px; 6127 gap: 20px;
6094 margin-top: 15px; 6128 margin-top: 15px;
6095 } 6129 }
6096 @media (min-width: 992px) { 6130 @media (min-width: 992px) {
6097 .thing__buttons { 6131 .thing__buttons {
6098 margin-top: 30px; 6132 margin-top: 30px;
6099 gap: 30px; 6133 gap: 30px;
6100 } 6134 }
6101 } 6135 }
6102 @media (min-width: 992px) { 6136 @media (min-width: 992px) {
6103 .thing__buttons .button { 6137 .thing__buttons .button {
6104 padding: 0 22px; 6138 padding: 0 22px;
6105 } 6139 }
6106 } 6140 }
6107 .thing__checkbox { 6141 .thing__checkbox {
6108 margin-top: 20px; 6142 margin-top: 20px;
6109 } 6143 }
6110 .thing__checkbox .checkbox__icon { 6144 .thing__checkbox .checkbox__icon {
6111 border-color: #377d87; 6145 border-color: #377d87;
6112 } 6146 }
6113 .thing__checkbox .checkbox__text { 6147 .thing__checkbox .checkbox__text {
6114 color: #377d87; 6148 color: #377d87;
6115 } 6149 }
6116 .thing__profile { 6150 .thing__profile {
6117 display: -webkit-box; 6151 display: -webkit-box;
6118 display: -ms-flexbox; 6152 display: -ms-flexbox;
6119 display: flex; 6153 display: flex;
6120 -webkit-box-orient: vertical; 6154 -webkit-box-orient: vertical;
6121 -webkit-box-direction: normal; 6155 -webkit-box-direction: normal;
6122 -ms-flex-direction: column; 6156 -ms-flex-direction: column;
6123 flex-direction: column; 6157 flex-direction: column;
6124 } 6158 }
6125 @media (min-width: 768px) { 6159 @media (min-width: 768px) {
6126 .thing__profile { 6160 .thing__profile {
6127 -webkit-box-orient: horizontal; 6161 -webkit-box-orient: horizontal;
6128 -webkit-box-direction: normal; 6162 -webkit-box-direction: normal;
6129 -ms-flex-direction: row; 6163 -ms-flex-direction: row;
6130 flex-direction: row; 6164 flex-direction: row;
6131 -webkit-box-align: start; 6165 -webkit-box-align: start;
6132 -ms-flex-align: start; 6166 -ms-flex-align: start;
6133 align-items: flex-start; 6167 align-items: flex-start;
6134 } 6168 }
6135 } 6169 }
6136 .thing__profile-photo { 6170 .thing__profile-photo {
6137 width: 210px; 6171 width: 210px;
6138 border-radius: 8px; 6172 border-radius: 8px;
6139 aspect-ratio: 1/1; 6173 aspect-ratio: 1/1;
6140 } 6174 }
6141 .thing__profile-body { 6175 .thing__profile-body {
6142 display: -webkit-box; 6176 display: -webkit-box;
6143 display: -ms-flexbox; 6177 display: -ms-flexbox;
6144 display: flex; 6178 display: flex;
6145 -webkit-box-orient: vertical; 6179 -webkit-box-orient: vertical;
6146 -webkit-box-direction: normal; 6180 -webkit-box-direction: normal;
6147 -ms-flex-direction: column; 6181 -ms-flex-direction: column;
6148 flex-direction: column; 6182 flex-direction: column;
6149 margin-top: 15px; 6183 margin-top: 15px;
6150 } 6184 }
6151 @media (min-width: 768px) { 6185 @media (min-width: 768px) {
6152 .thing__profile-body { 6186 .thing__profile-body {
6153 width: calc(100% - 210px); 6187 width: calc(100% - 210px);
6154 padding-left: 35px; 6188 padding-left: 35px;
6155 } 6189 }
6156 } 6190 }
6157 .thing__profile .thing__title { 6191 .thing__profile .thing__title {
6158 max-width: none; 6192 max-width: none;
6159 } 6193 }
6160 @media (min-width: 768px) { 6194 @media (min-width: 768px) {
6161 .thing__profile .thing__title { 6195 .thing__profile .thing__title {
6162 margin-top: -20px; 6196 margin-top: -20px;
6163 } 6197 }
6164 } 6198 }
6165 .thing__profile .thing__text { 6199 .thing__profile .thing__text {
6166 max-width: none; 6200 max-width: none;
6167 } 6201 }
6168 .thing__bottom { 6202 .thing__bottom {
6169 display: -webkit-box; 6203 display: -webkit-box;
6170 display: -ms-flexbox; 6204 display: -ms-flexbox;
6171 display: flex; 6205 display: flex;
6172 -webkit-box-align: center; 6206 -webkit-box-align: center;
6173 -ms-flex-align: center; 6207 -ms-flex-align: center;
6174 align-items: center; 6208 align-items: center;
6175 gap: 15px; 6209 gap: 15px;
6176 margin-top: 15px; 6210 margin-top: 15px;
6177 } 6211 }
6178 @media (min-width: 768px) { 6212 @media (min-width: 768px) {
6179 .thing__bottom { 6213 .thing__bottom {
6180 margin-top: 30px; 6214 margin-top: 30px;
6181 } 6215 }
6182 } 6216 }
6183 .thing__select { 6217 .thing__select {
6184 width: 100%; 6218 width: 100%;
6185 max-width: 640px; 6219 max-width: 640px;
6186 margin-top: 20px; 6220 margin-top: 20px;
6187 } 6221 }
6188 @media (min-width: 768px) { 6222 @media (min-width: 768px) {
6189 .thing__select { 6223 .thing__select {
6190 margin-top: 30px; 6224 margin-top: 30px;
6191 } 6225 }
6192 } 6226 }
6193 6227
6194 .page-404 { 6228 .page-404 {
6195 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6229 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6196 overflow: hidden; 6230 overflow: hidden;
6197 } 6231 }
6198 .page-404__body { 6232 .page-404__body {
6199 display: -webkit-box; 6233 display: -webkit-box;
6200 display: -ms-flexbox; 6234 display: -ms-flexbox;
6201 display: flex; 6235 display: flex;
6202 -webkit-box-orient: vertical; 6236 -webkit-box-orient: vertical;
6203 -webkit-box-direction: normal; 6237 -webkit-box-direction: normal;
6204 -ms-flex-direction: column; 6238 -ms-flex-direction: column;
6205 flex-direction: column; 6239 flex-direction: column;
6206 -webkit-box-align: center; 6240 -webkit-box-align: center;
6207 -ms-flex-align: center; 6241 -ms-flex-align: center;
6208 align-items: center; 6242 align-items: center;
6209 -webkit-box-pack: center; 6243 -webkit-box-pack: center;
6210 -ms-flex-pack: center; 6244 -ms-flex-pack: center;
6211 justify-content: center; 6245 justify-content: center;
6212 text-align: center; 6246 text-align: center;
6213 padding: 60px 0; 6247 padding: 60px 0;
6214 color: #000; 6248 color: #000;
6215 font-size: 12px; 6249 font-size: 12px;
6216 gap: 10px; 6250 gap: 10px;
6217 line-height: 1.4; 6251 line-height: 1.4;
6218 } 6252 }
6219 @media (min-width: 768px) { 6253 @media (min-width: 768px) {
6220 .page-404__body { 6254 .page-404__body {
6221 font-size: 18px; 6255 font-size: 18px;
6222 padding: 120px 0; 6256 padding: 120px 0;
6223 gap: 20px; 6257 gap: 20px;
6224 } 6258 }
6225 } 6259 }
6226 @media (min-width: 1280px) { 6260 @media (min-width: 1280px) {
6227 .page-404__body { 6261 .page-404__body {
6228 padding: 180px 0; 6262 padding: 180px 0;
6229 text-align: left; 6263 text-align: left;
6230 } 6264 }
6231 } 6265 }
6232 .page-404__numb { 6266 .page-404__numb {
6233 font-size: 114px; 6267 font-size: 114px;
6234 line-height: 1; 6268 line-height: 1;
6235 color: #377d87; 6269 color: #377d87;
6236 font-weight: 700; 6270 font-weight: 700;
6237 } 6271 }
6238 @media (min-width: 768px) { 6272 @media (min-width: 768px) {
6239 .page-404__numb { 6273 .page-404__numb {
6240 font-size: 184px; 6274 font-size: 184px;
6241 } 6275 }
6242 } 6276 }
6243 @media (min-width: 768px) { 6277 @media (min-width: 768px) {
6244 .page-404__title { 6278 .page-404__title {
6245 font-weight: 700; 6279 font-weight: 700;
6246 font-size: 44px; 6280 font-size: 44px;
6247 } 6281 }
6248 } 6282 }
6249 @media (min-width: 1280px) { 6283 @media (min-width: 1280px) {
6250 .page-404__title { 6284 .page-404__title {
6251 width: 710px; 6285 width: 710px;
6252 position: relative; 6286 position: relative;
6253 left: 200px; 6287 left: 200px;
6254 } 6288 }
6255 } 6289 }
6256 @media (min-width: 1280px) { 6290 @media (min-width: 1280px) {
6257 .page-404__subtitle { 6291 .page-404__subtitle {
6258 width: 710px; 6292 width: 710px;
6259 position: relative; 6293 position: relative;
6260 left: 200px; 6294 left: 200px;
6261 } 6295 }
6262 } 6296 }
6263 .page-404__button { 6297 .page-404__button {
6264 margin-top: 10px; 6298 margin-top: 10px;
6265 } 6299 }
6266 @media (min-width: 1280px) { 6300 @media (min-width: 1280px) {
6267 .page-404__button { 6301 .page-404__button {
6268 position: relative; 6302 position: relative;
6269 left: -45px; 6303 left: -45px;
6270 } 6304 }
6271 } 6305 }
6272 6306
6273 .cookies { 6307 .cookies {
6274 display: none; 6308 display: none;
6275 -webkit-box-align: end; 6309 -webkit-box-align: end;
6276 -ms-flex-align: end; 6310 -ms-flex-align: end;
6277 align-items: flex-end; 6311 align-items: flex-end;
6278 padding: 10px; 6312 padding: 10px;
6279 padding-top: 0; 6313 padding-top: 0;
6280 height: 0; 6314 height: 0;
6281 position: fixed; 6315 position: fixed;
6282 z-index: 999; 6316 z-index: 999;
6283 bottom: 0; 6317 bottom: 0;
6284 left: 0; 6318 left: 0;
6285 width: 100%; 6319 width: 100%;
6286 } 6320 }
6287 .cookies-is-actived .cookies { 6321 .cookies-is-actived .cookies {
6288 display: -webkit-box; 6322 display: -webkit-box;
6289 display: -ms-flexbox; 6323 display: -ms-flexbox;
6290 display: flex; 6324 display: flex;
6291 } 6325 }
6292 .cookies__body { 6326 .cookies__body {
6293 border-radius: 6px; 6327 border-radius: 6px;
6294 border: 1px solid #377d87; 6328 border: 1px solid #377d87;
6295 background: #fff; 6329 background: #fff;
6296 padding: 15px; 6330 padding: 15px;
6297 padding-right: 50px; 6331 padding-right: 50px;
6298 position: relative; 6332 position: relative;
6299 max-width: 940px; 6333 max-width: 940px;
6300 margin: 0 auto; 6334 margin: 0 auto;
6301 } 6335 }
6302 @media (min-width: 768px) { 6336 @media (min-width: 768px) {
6303 .cookies__body { 6337 .cookies__body {
6304 padding: 25px; 6338 padding: 25px;
6305 padding-right: 50px; 6339 padding-right: 50px;
6306 border-radius: 12px; 6340 border-radius: 12px;
6307 } 6341 }
6308 } 6342 }
6309 @media (min-width: 992px) { 6343 @media (min-width: 992px) {
6310 .cookies__body { 6344 .cookies__body {
6311 padding: 40px 60px; 6345 padding: 40px 60px;
6312 } 6346 }
6313 } 6347 }
6314 .cookies__close { 6348 .cookies__close {
6315 display: -webkit-box; 6349 display: -webkit-box;
6316 display: -ms-flexbox; 6350 display: -ms-flexbox;
6317 display: flex; 6351 display: flex;
6318 -webkit-box-pack: center; 6352 -webkit-box-pack: center;
6319 -ms-flex-pack: center; 6353 -ms-flex-pack: center;
6320 justify-content: center; 6354 justify-content: center;
6321 -webkit-box-align: center; 6355 -webkit-box-align: center;
6322 -ms-flex-align: center; 6356 -ms-flex-align: center;
6323 align-items: center; 6357 align-items: center;
6324 color: #377d87; 6358 color: #377d87;
6325 padding: 0; 6359 padding: 0;
6326 border: none; 6360 border: none;
6327 background: none; 6361 background: none;
6328 position: absolute; 6362 position: absolute;
6329 top: 15px; 6363 top: 15px;
6330 right: 15px; 6364 right: 15px;
6331 } 6365 }
6332 .cookies__close:hover { 6366 .cookies__close:hover {
6333 color: #000; 6367 color: #000;
6334 } 6368 }
6335 .cookies__close svg { 6369 .cookies__close svg {
6336 width: 16px; 6370 width: 16px;
6337 height: 16px; 6371 height: 16px;
6338 } 6372 }
6339 .cookies__text { 6373 .cookies__text {
6340 font-size: 12px; 6374 font-size: 12px;
6341 color: #377d87; 6375 color: #377d87;
6342 line-height: 1.4; 6376 line-height: 1.4;
6343 } 6377 }
6344 @media (min-width: 768px) { 6378 @media (min-width: 768px) {
6345 .cookies__text { 6379 .cookies__text {
6346 font-size: 16px; 6380 font-size: 16px;
6347 font-weight: 700; 6381 font-weight: 700;
6348 } 6382 }
6349 } 6383 }
6350 6384
6351 .fancybox-active { 6385 .fancybox-active {
6352 overflow: hidden; 6386 overflow: hidden;
6353 } 6387 }
6354 .fancybox-is-open .fancybox-bg { 6388 .fancybox-is-open .fancybox-bg {
6355 background: #080b0b; 6389 background: #080b0b;
6356 opacity: 0.6; 6390 opacity: 0.6;
6357 z-index: 9999; 6391 z-index: 9999;
6358 } 6392 }
6359 .fancybox-slide { 6393 .fancybox-slide {
6360 padding: 0; 6394 padding: 0;
6361 } 6395 }
6362 @media (min-width: 992px) { 6396 @media (min-width: 992px) {
6363 .fancybox-slide { 6397 .fancybox-slide {
6364 padding: 30px; 6398 padding: 30px;
6365 } 6399 }
6366 } 6400 }
6367 .fancybox-slide--html .fancybox-close-small { 6401 .fancybox-slide--html .fancybox-close-small {
6368 padding: 0; 6402 padding: 0;
6369 opacity: 1; 6403 opacity: 1;
6370 color: #377d87; 6404 color: #377d87;
6371 } 6405 }
6372 @media (min-width: 768px) { 6406 @media (min-width: 768px) {
6373 .fancybox-slide--html .fancybox-close-small { 6407 .fancybox-slide--html .fancybox-close-small {
6374 top: 10px; 6408 top: 10px;
6375 right: 10px; 6409 right: 10px;
6376 } 6410 }
6377 } 6411 }
6378 .fancybox-slide--html .fancybox-close-small:hover { 6412 .fancybox-slide--html .fancybox-close-small:hover {
6379 color: #000; 6413 color: #000;
6380 } 6414 }
6381 6415
6382 .modal { 6416 .modal {
6383 width: 100%; 6417 width: 100%;
6384 max-width: 820px; 6418 max-width: 820px;
6385 padding: 0; 6419 padding: 0;
6386 background: #fff; 6420 background: #fff;
6387 z-index: 99999; 6421 z-index: 99999;
6388 } 6422 }
6389 @media (min-width: 992px) { 6423 @media (min-width: 992px) {
6390 .modal { 6424 .modal {
6391 border-radius: 10px; 6425 border-radius: 10px;
6392 border: 1px solid #377d87; 6426 border: 1px solid #377d87;
6393 } 6427 }
6394 } 6428 }
6395 .modal_bg { 6429 .modal_bg {
6396 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6430 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6397 } 6431 }
6398 @media (min-width: 768px) { 6432 @media (min-width: 768px) {
6399 .modal_bg { 6433 .modal_bg {
6400 background-position: 100% 100%; 6434 background-position: 100% 100%;
6401 } 6435 }
6402 } 6436 }
6403 .modal__body { 6437 .modal__body {
6404 padding: 40px 15px; 6438 padding: 40px 15px;
6405 padding-bottom: 30px; 6439 padding-bottom: 30px;
6406 display: -webkit-box; 6440 display: -webkit-box;
6407 display: -ms-flexbox; 6441 display: -ms-flexbox;
6408 display: flex; 6442 display: flex;
6409 -webkit-box-orient: vertical; 6443 -webkit-box-orient: vertical;
6410 -webkit-box-direction: normal; 6444 -webkit-box-direction: normal;
6411 -ms-flex-direction: column; 6445 -ms-flex-direction: column;
6412 flex-direction: column; 6446 flex-direction: column;
6413 -webkit-box-align: center; 6447 -webkit-box-align: center;
6414 -ms-flex-align: center; 6448 -ms-flex-align: center;
6415 align-items: center; 6449 align-items: center;
6416 -webkit-box-pack: center; 6450 -webkit-box-pack: center;
6417 -ms-flex-pack: center; 6451 -ms-flex-pack: center;
6418 justify-content: center; 6452 justify-content: center;
6419 width: 100%; 6453 width: 100%;
6420 min-height: 100vh; 6454 min-height: 100vh;
6421 overflow: hidden; 6455 overflow: hidden;
6422 font-size: 12px; 6456 font-size: 12px;
6423 } 6457 }
6424 @media (min-width: 768px) { 6458 @media (min-width: 768px) {
6425 .modal__body { 6459 .modal__body {
6426 font-size: 16px; 6460 font-size: 16px;
6427 padding-left: 22px; 6461 padding-left: 22px;
6428 padding-right: 22px; 6462 padding-right: 22px;
6429 } 6463 }
6430 } 6464 }
6431 @media (min-width: 992px) { 6465 @media (min-width: 992px) {
6432 .modal__body { 6466 .modal__body {
6433 min-height: 450px; 6467 min-height: 450px;
6434 padding: 60px 80px; 6468 padding: 60px 80px;
6435 padding-bottom: 40px; 6469 padding-bottom: 40px;
6436 } 6470 }
6437 } 6471 }
6438 @media (min-width: 768px) { 6472 @media (min-width: 768px) {
6439 .modal__body .left { 6473 .modal__body .left {
6440 text-align: left; 6474 text-align: left;
6441 } 6475 }
6442 } 6476 }
6443 .modal__title { 6477 .modal__title {
6444 width: 100%; 6478 width: 100%;
6445 font-size: 22px; 6479 font-size: 22px;
6446 font-weight: 700; 6480 font-weight: 700;
6447 text-align: center; 6481 text-align: center;
6448 color: #000; 6482 color: #000;
6449 } 6483 }
6450 @media (min-width: 768px) { 6484 @media (min-width: 768px) {
6451 .modal__title { 6485 .modal__title {
6452 font-size: 32px; 6486 font-size: 32px;
6453 } 6487 }
6454 } 6488 }
6455 @media (min-width: 992px) { 6489 @media (min-width: 992px) {
6456 .modal__title { 6490 .modal__title {
6457 font-size: 44px; 6491 font-size: 44px;
6458 } 6492 }
6459 } 6493 }
6460 .modal__text { 6494 .modal__text {
6461 width: 100%; 6495 width: 100%;
6462 text-align: center; 6496 text-align: center;
6463 margin-top: 10px; 6497 margin-top: 10px;
6464 color: #000; 6498 color: #000;
6465 } 6499 }
6466 @media (min-width: 768px) { 6500 @media (min-width: 768px) {
6467 .modal__text { 6501 .modal__text {
6468 margin-top: 20px; 6502 margin-top: 20px;
6469 } 6503 }
6470 } 6504 }
6471 .modal__text span { 6505 .modal__text span {
6472 color: #9c9d9d; 6506 color: #9c9d9d;
6473 } 6507 }
6474 .modal__text a { 6508 .modal__text a {
6475 font-weight: 700; 6509 font-weight: 700;
6476 color: #377d87; 6510 color: #377d87;
6477 } 6511 }
6478 .modal__text a:hover { 6512 .modal__text a:hover {
6479 color: #000; 6513 color: #000;
6480 } 6514 }
6481 .modal__button { 6515 .modal__button {
6482 margin-top: 20px; 6516 margin-top: 20px;
6483 } 6517 }
6484 @media (min-width: 768px) { 6518 @media (min-width: 768px) {
6485 .modal__button { 6519 .modal__button {
6486 min-width: 200px; 6520 min-width: 200px;
6487 margin-top: 30px; 6521 margin-top: 30px;
6488 } 6522 }
6489 } 6523 }
6490 .modal__buttons { 6524 .modal__buttons {
6491 display: grid; 6525 display: grid;
6492 grid-template-columns: repeat(2, 1fr); 6526 grid-template-columns: repeat(2, 1fr);
6493 gap: 20px; 6527 gap: 20px;
6494 margin-top: 20px; 6528 margin-top: 20px;
6495 } 6529 }
6496 @media (min-width: 768px) { 6530 @media (min-width: 768px) {
6497 .modal__buttons { 6531 .modal__buttons {
6498 gap: 30px; 6532 gap: 30px;
6499 margin-top: 30px; 6533 margin-top: 30px;
6500 } 6534 }
6501 } 6535 }
6502 .modal__form { 6536 .modal__form {
6503 width: 100%; 6537 width: 100%;
6504 display: -webkit-box; 6538 display: -webkit-box;
6505 display: -ms-flexbox; 6539 display: -ms-flexbox;
6506 display: flex; 6540 display: flex;
6507 -webkit-box-orient: vertical; 6541 -webkit-box-orient: vertical;
6508 -webkit-box-direction: normal; 6542 -webkit-box-direction: normal;
6509 -ms-flex-direction: column; 6543 -ms-flex-direction: column;
6510 flex-direction: column; 6544 flex-direction: column;
6511 gap: 16px; 6545 gap: 16px;
6512 margin-top: 10px; 6546 margin-top: 10px;
6513 } 6547 }
6514 @media (min-width: 768px) { 6548 @media (min-width: 768px) {
6515 .modal__form { 6549 .modal__form {
6516 margin-top: 20px; 6550 margin-top: 20px;
6517 } 6551 }
6518 } 6552 }
6519 .modal__form-item { 6553 .modal__form-item {
6520 display: -webkit-box; 6554 display: -webkit-box;
6521 display: -ms-flexbox; 6555 display: -ms-flexbox;
6522 display: flex; 6556 display: flex;
6523 -webkit-box-orient: vertical; 6557 -webkit-box-orient: vertical;
6524 -webkit-box-direction: normal; 6558 -webkit-box-direction: normal;
6525 -ms-flex-direction: column; 6559 -ms-flex-direction: column;
6526 flex-direction: column; 6560 flex-direction: column;
6527 -webkit-box-align: center; 6561 -webkit-box-align: center;
6528 -ms-flex-align: center; 6562 -ms-flex-align: center;
6529 align-items: center; 6563 align-items: center;
6530 gap: 4px; 6564 gap: 4px;
6531 } 6565 }
6532 .modal__form-item > .input { 6566 .modal__form-item > .input {
6533 width: 100%; 6567 width: 100%;
6534 } 6568 }
6535 .modal__form-item > .textarea { 6569 .modal__form-item > .textarea {
6536 width: 100%; 6570 width: 100%;
6537 height: 175px; 6571 height: 175px;
6538 } 6572 }
6539 @media (min-width: 768px) { 6573 @media (min-width: 768px) {
6540 .modal__form-item > .textarea { 6574 .modal__form-item > .textarea {
6541 height: 195px; 6575 height: 195px;
6542 } 6576 }
6543 } 6577 }
6544 .modal__form-item > .file { 6578 .modal__form-item > .file {
6545 width: 100%; 6579 width: 100%;
6546 } 6580 }
6547 .modal__form-item > .button { 6581 .modal__form-item > .button {
6548 min-width: 120px; 6582 min-width: 120px;
6549 } 6583 }
6550 .modal__form-item > label { 6584 .modal__form-item > label {
6551 width: 100%; 6585 width: 100%;
6552 display: none; 6586 display: none;
6553 color: #eb5757; 6587 color: #eb5757;
6554 padding: 0 10px; 6588 padding: 0 10px;
6555 font-size: 12px; 6589 font-size: 12px;
6556 } 6590 }
6557 @media (min-width: 768px) { 6591 @media (min-width: 768px) {
6558 .modal__form-item > label { 6592 .modal__form-item > label {
6559 padding: 0 20px; 6593 padding: 0 20px;
6560 font-size: 16px; 6594 font-size: 16px;
6561 } 6595 }
6562 } 6596 }
6563 .modal__sign { 6597 .modal__sign {
6564 display: -webkit-box; 6598 display: -webkit-box;
6565 display: -ms-flexbox; 6599 display: -ms-flexbox;
6566 display: flex; 6600 display: flex;
6567 -webkit-box-orient: vertical; 6601 -webkit-box-orient: vertical;
6568 -webkit-box-direction: normal; 6602 -webkit-box-direction: normal;
6569 -ms-flex-direction: column; 6603 -ms-flex-direction: column;
6570 flex-direction: column; 6604 flex-direction: column;
6571 gap: 20px; 6605 gap: 20px;
6572 margin-top: 10px; 6606 margin-top: 10px;
6573 margin-bottom: 20px; 6607 margin-bottom: 20px;
6574 width: 100%; 6608 width: 100%;
6575 } 6609 }
6576 @media (min-width: 768px) { 6610 @media (min-width: 768px) {
6577 .modal__sign { 6611 .modal__sign {
6578 margin-top: 20px; 6612 margin-top: 20px;
6579 margin-bottom: 40px; 6613 margin-bottom: 40px;
6580 } 6614 }
6581 } 6615 }
6582 .modal__sign-item { 6616 .modal__sign-item {
6583 display: -webkit-box; 6617 display: -webkit-box;
6584 display: -ms-flexbox; 6618 display: -ms-flexbox;
6585 display: flex; 6619 display: flex;
6586 -webkit-box-orient: vertical; 6620 -webkit-box-orient: vertical;
6587 -webkit-box-direction: normal; 6621 -webkit-box-direction: normal;
6588 -ms-flex-direction: column; 6622 -ms-flex-direction: column;
6589 flex-direction: column; 6623 flex-direction: column;
6590 -webkit-box-align: center; 6624 -webkit-box-align: center;
6591 -ms-flex-align: center; 6625 -ms-flex-align: center;
6592 align-items: center; 6626 align-items: center;
6593 position: relative; 6627 position: relative;
6594 } 6628 }
6595 .modal__sign-item > .input { 6629 .modal__sign-item > .input {
6596 width: 100%; 6630 width: 100%;
6597 padding-right: 36px; 6631 padding-right: 36px;
6598 position: relative; 6632 position: relative;
6599 z-index: 1; 6633 z-index: 1;
6600 } 6634 }
6601 @media (min-width: 768px) { 6635 @media (min-width: 768px) {
6602 .modal__sign-item > .input { 6636 .modal__sign-item > .input {
6603 height: 52px; 6637 height: 52px;
6604 padding-right: 60px; 6638 padding-right: 60px;
6605 } 6639 }
6606 } 6640 }
6607 .modal__sign-item > .textarea { 6641 .modal__sign-item > .textarea {
6608 width: 100%; 6642 width: 100%;
6609 } 6643 }
6610 .modal__sign-bottom { 6644 .modal__sign-bottom {
6611 display: -webkit-box; 6645 display: -webkit-box;
6612 display: -ms-flexbox; 6646 display: -ms-flexbox;
6613 display: flex; 6647 display: flex;
6614 -webkit-box-pack: justify; 6648 -webkit-box-pack: justify;
6615 -ms-flex-pack: justify; 6649 -ms-flex-pack: justify;
6616 justify-content: space-between; 6650 justify-content: space-between;
6617 -webkit-box-align: center; 6651 -webkit-box-align: center;
6618 -ms-flex-align: center; 6652 -ms-flex-align: center;
6619 align-items: center; 6653 align-items: center;
6620 width: 100%; 6654 width: 100%;
6621 } 6655 }
6622 .modal__sign-bottom-link { 6656 .modal__sign-bottom-link {
6623 font-weight: 700; 6657 font-weight: 700;
6624 color: #377d87; 6658 color: #377d87;
6625 } 6659 }
6626 .modal__tabs { 6660 .modal__tabs {
6627 width: 100%; 6661 width: 100%;
6628 display: grid; 6662 display: grid;
6629 grid-template-columns: repeat(2, 1fr); 6663 grid-template-columns: repeat(2, 1fr);
6630 gap: 16px; 6664 gap: 16px;
6631 margin-top: 10px; 6665 margin-top: 10px;
6632 } 6666 }
6633 @media (min-width: 768px) { 6667 @media (min-width: 768px) {
6634 .modal__tabs { 6668 .modal__tabs {
6635 gap: 24px; 6669 gap: 24px;
6636 margin-top: 20px; 6670 margin-top: 20px;
6637 } 6671 }
6638 } 6672 }
6639 .modal__tabs-item.active { 6673 .modal__tabs-item.active {
6640 background: #377d87; 6674 background: #377d87;
6641 color: #fff; 6675 color: #fff;
6642 } 6676 }
6643 .modal__reg { 6677 .modal__reg {
6644 display: none; 6678 display: none;
6645 -webkit-box-orient: vertical; 6679 -webkit-box-orient: vertical;
6646 -webkit-box-direction: normal; 6680 -webkit-box-direction: normal;
6647 -ms-flex-direction: column; 6681 -ms-flex-direction: column;
6648 flex-direction: column; 6682 flex-direction: column;
6649 -webkit-box-align: center; 6683 -webkit-box-align: center;
6650 -ms-flex-align: center; 6684 -ms-flex-align: center;
6651 align-items: center; 6685 align-items: center;
6652 gap: 10px; 6686 gap: 10px;
6653 width: 100%; 6687 width: 100%;
6654 margin-top: 10px; 6688 margin-top: 10px;
6655 margin-bottom: 20px; 6689 margin-bottom: 20px;
6656 } 6690 }
6657 @media (min-width: 768px) { 6691 @media (min-width: 768px) {
6658 .modal__reg { 6692 .modal__reg {
6659 margin-top: 20px; 6693 margin-top: 20px;
6660 margin-bottom: 30px; 6694 margin-bottom: 30px;
6661 gap: 20px; 6695 gap: 20px;
6662 } 6696 }
6663 } 6697 }
6664 .modal__reg.showed { 6698 .modal__reg.showed {
6665 display: -webkit-box; 6699 display: -webkit-box;
6666 display: -ms-flexbox; 6700 display: -ms-flexbox;
6667 display: flex; 6701 display: flex;
6668 } 6702 }
6669 .modal__reg-item { 6703 .modal__reg-item {
6670 width: 100%; 6704 width: 100%;
6671 display: -webkit-box; 6705 display: -webkit-box;
6672 display: -ms-flexbox; 6706 display: -ms-flexbox;
6673 display: flex; 6707 display: flex;
6674 -webkit-box-orient: vertical; 6708 -webkit-box-orient: vertical;
6675 -webkit-box-direction: normal; 6709 -webkit-box-direction: normal;
6676 -ms-flex-direction: column; 6710 -ms-flex-direction: column;
6677 flex-direction: column; 6711 flex-direction: column;
6678 } 6712 }
6679 .modal__reg-item > .captcha { 6713 .modal__reg-item > .captcha {
6680 width: 100%; 6714 width: 100%;
6681 max-width: 300px; 6715 max-width: 300px;
6682 } 6716 }
6683 6717
6684 .messages { 6718 .messages {
6685 display: -webkit-box; 6719 display: -webkit-box;
6686 display: -ms-flexbox; 6720 display: -ms-flexbox;
6687 display: flex; 6721 display: flex;
6688 -webkit-box-orient: vertical; 6722 -webkit-box-orient: vertical;
6689 -webkit-box-direction: reverse; 6723 -webkit-box-direction: reverse;
6690 -ms-flex-direction: column-reverse; 6724 -ms-flex-direction: column-reverse;
6691 flex-direction: column-reverse; 6725 flex-direction: column-reverse;
6692 -webkit-box-align: center; 6726 -webkit-box-align: center;
6693 -ms-flex-align: center; 6727 -ms-flex-align: center;
6694 align-items: center; 6728 align-items: center;
6695 gap: 20px; 6729 gap: 20px;
6696 } 6730 }
6697 .messages__body { 6731 .messages__body {
6698 display: -webkit-box; 6732 display: -webkit-box;
6699 display: -ms-flexbox; 6733 display: -ms-flexbox;
6700 display: flex; 6734 display: flex;
6701 -webkit-box-orient: vertical; 6735 -webkit-box-orient: vertical;
6702 -webkit-box-direction: normal; 6736 -webkit-box-direction: normal;
6703 -ms-flex-direction: column; 6737 -ms-flex-direction: column;
6704 flex-direction: column; 6738 flex-direction: column;
6705 gap: 10px; 6739 gap: 10px;
6706 width: 100%; 6740 width: 100%;
6707 } 6741 }
6708 @media (min-width: 768px) { 6742 @media (min-width: 768px) {
6709 .messages__body { 6743 .messages__body {
6710 gap: 20px; 6744 gap: 20px;
6711 } 6745 }
6712 } 6746 }
6713 .messages__item { 6747 .messages__item {
6714 display: none; 6748 display: none;
6715 -webkit-box-align: center; 6749 -webkit-box-align: center;
6716 -ms-flex-align: center; 6750 -ms-flex-align: center;
6717 align-items: center; 6751 align-items: center;
6718 border-radius: 8px; 6752 border-radius: 8px;
6719 border: 1px solid #e7e7e7; 6753 border: 1px solid #e7e7e7;
6720 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6754 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6721 padding: 10px; 6755 padding: 10px;
6722 font-size: 12px; 6756 font-size: 12px;
6723 } 6757 }
6724 @media (min-width: 768px) { 6758 @media (min-width: 768px) {
6725 .messages__item { 6759 .messages__item {
6726 padding: 20px; 6760 padding: 20px;
6727 font-size: 16px; 6761 font-size: 16px;
6728 } 6762 }
6729 } 6763 }
6730 .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) { 6764 .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) {
6731 display: -webkit-box; 6765 display: -webkit-box;
6732 display: -ms-flexbox; 6766 display: -ms-flexbox;
6733 display: flex; 6767 display: flex;
6734 } 6768 }
6735 .messages__item-info { 6769 .messages__item-info {
6736 display: -webkit-box; 6770 display: -webkit-box;
6737 display: -ms-flexbox; 6771 display: -ms-flexbox;
6738 display: flex; 6772 display: flex;
6739 -webkit-box-align: center; 6773 -webkit-box-align: center;
6740 -ms-flex-align: center; 6774 -ms-flex-align: center;
6741 align-items: center; 6775 align-items: center;
6742 width: calc(100% - 90px); 6776 width: calc(100% - 90px);
6743 } 6777 }
6744 @media (min-width: 768px) { 6778 @media (min-width: 768px) {
6745 .messages__item-info { 6779 .messages__item-info {
6746 width: calc(100% - 150px); 6780 width: calc(100% - 150px);
6747 } 6781 }
6748 } 6782 }
6749 .messages__item-photo { 6783 .messages__item-photo {
6750 position: relative; 6784 position: relative;
6751 aspect-ratio: 1/1; 6785 aspect-ratio: 1/1;
6752 overflow: hidden; 6786 overflow: hidden;
6753 background: #9c9d9d; 6787 background: #9c9d9d;
6754 color: #fff; 6788 color: #fff;
6755 width: 36px; 6789 width: 36px;
6756 border-radius: 6px; 6790 border-radius: 6px;
6757 display: -webkit-box; 6791 display: -webkit-box;
6758 display: -ms-flexbox; 6792 display: -ms-flexbox;
6759 display: flex; 6793 display: flex;
6760 -webkit-box-pack: center; 6794 -webkit-box-pack: center;
6761 -ms-flex-pack: center; 6795 -ms-flex-pack: center;
6762 justify-content: center; 6796 justify-content: center;
6763 -webkit-box-align: center; 6797 -webkit-box-align: center;
6764 -ms-flex-align: center; 6798 -ms-flex-align: center;
6765 align-items: center; 6799 align-items: center;
6766 } 6800 }
6767 @media (min-width: 768px) { 6801 @media (min-width: 768px) {
6768 .messages__item-photo { 6802 .messages__item-photo {
6769 width: 52px; 6803 width: 52px;
6770 } 6804 }
6771 } 6805 }
6772 .messages__item-photo svg { 6806 .messages__item-photo svg {
6773 width: 50%; 6807 width: 50%;
6774 position: relative; 6808 position: relative;
6775 z-index: 1; 6809 z-index: 1;
6776 } 6810 }
6777 .messages__item-photo img { 6811 .messages__item-photo img {
6778 position: absolute; 6812 position: absolute;
6779 z-index: 2; 6813 z-index: 2;
6780 top: 0; 6814 top: 0;
6781 left: 0; 6815 left: 0;
6782 width: 100%; 6816 width: 100%;
6783 height: 100%; 6817 height: 100%;
6784 -o-object-fit: cover; 6818 -o-object-fit: cover;
6785 object-fit: cover; 6819 object-fit: cover;
6786 } 6820 }
6787 .messages__item-text { 6821 .messages__item-text {
6788 width: calc(100% - 36px); 6822 width: calc(100% - 36px);
6789 padding-left: 6px; 6823 padding-left: 6px;
6790 color: #000; 6824 color: #000;
6791 display: -webkit-box; 6825 display: -webkit-box;
6792 display: -ms-flexbox; 6826 display: -ms-flexbox;
6793 display: flex; 6827 display: flex;
6794 -webkit-box-orient: vertical; 6828 -webkit-box-orient: vertical;
6795 -webkit-box-direction: normal; 6829 -webkit-box-direction: normal;
6796 -ms-flex-direction: column; 6830 -ms-flex-direction: column;
6797 flex-direction: column; 6831 flex-direction: column;
6798 gap: 4px; 6832 gap: 4px;
6799 } 6833 }
6800 @media (min-width: 768px) { 6834 @media (min-width: 768px) {
6801 .messages__item-text { 6835 .messages__item-text {
6802 padding-left: 20px; 6836 padding-left: 20px;
6803 width: calc(100% - 52px); 6837 width: calc(100% - 52px);
6804 gap: 8px; 6838 gap: 8px;
6805 } 6839 }
6806 } 6840 }
6807 .messages__item-text span { 6841 .messages__item-text span {
6808 color: #000; 6842 color: #000;
6809 } 6843 }
6810 .messages__item-date { 6844 .messages__item-date {
6811 color: #000; 6845 color: #000;
6812 width: 90px; 6846 width: 90px;
6813 text-align: right; 6847 text-align: right;
6814 } 6848 }
6815 @media (min-width: 768px) { 6849 @media (min-width: 768px) {
6816 .messages__item-date { 6850 .messages__item-date {
6817 width: 150px; 6851 width: 150px;
6818 } 6852 }
6819 } 6853 }
6820 .messages.active .messages__item { 6854 .messages.active .messages__item {
6821 display: -webkit-box; 6855 display: -webkit-box;
6822 display: -ms-flexbox; 6856 display: -ms-flexbox;
6823 display: flex; 6857 display: flex;
6824 } 6858 }
6825 6859
6826 .responses { 6860 .responses {
6827 display: -webkit-box; 6861 display: -webkit-box;
6828 display: -ms-flexbox; 6862 display: -ms-flexbox;
6829 display: flex; 6863 display: flex;
6830 -webkit-box-orient: vertical; 6864 -webkit-box-orient: vertical;
6831 -webkit-box-direction: reverse; 6865 -webkit-box-direction: reverse;
6832 -ms-flex-direction: column-reverse; 6866 -ms-flex-direction: column-reverse;
6833 flex-direction: column-reverse; 6867 flex-direction: column-reverse;
6834 -webkit-box-align: center; 6868 -webkit-box-align: center;
6835 -ms-flex-align: center; 6869 -ms-flex-align: center;
6836 align-items: center; 6870 align-items: center;
6837 gap: 20px; 6871 gap: 20px;
6838 } 6872 }
6839 .responses__body { 6873 .responses__body {
6840 width: 100%; 6874 width: 100%;
6841 display: -webkit-box; 6875 display: -webkit-box;
6842 display: -ms-flexbox; 6876 display: -ms-flexbox;
6843 display: flex; 6877 display: flex;
6844 -webkit-box-orient: vertical; 6878 -webkit-box-orient: vertical;
6845 -webkit-box-direction: normal; 6879 -webkit-box-direction: normal;
6846 -ms-flex-direction: column; 6880 -ms-flex-direction: column;
6847 flex-direction: column; 6881 flex-direction: column;
6848 gap: 20px; 6882 gap: 20px;
6849 } 6883 }
6850 .responses__item { 6884 .responses__item {
6851 display: none; 6885 display: none;
6852 -webkit-box-orient: vertical; 6886 -webkit-box-orient: vertical;
6853 -webkit-box-direction: normal; 6887 -webkit-box-direction: normal;
6854 -ms-flex-direction: column; 6888 -ms-flex-direction: column;
6855 flex-direction: column; 6889 flex-direction: column;
6856 gap: 20px; 6890 gap: 20px;
6857 border-radius: 8px; 6891 border-radius: 8px;
6858 border: 1px solid #e7e7e7; 6892 border: 1px solid #e7e7e7;
6859 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6893 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6860 padding: 20px 10px; 6894 padding: 20px 10px;
6861 font-size: 12px; 6895 font-size: 12px;
6862 position: relative; 6896 position: relative;
6863 } 6897 }
6864 @media (min-width: 768px) { 6898 @media (min-width: 768px) {
6865 .responses__item { 6899 .responses__item {
6866 padding: 20px; 6900 padding: 20px;
6867 font-size: 16px; 6901 font-size: 16px;
6868 } 6902 }
6869 } 6903 }
6870 .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) { 6904 .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) {
6871 display: -webkit-box; 6905 display: -webkit-box;
6872 display: -ms-flexbox; 6906 display: -ms-flexbox;
6873 display: flex; 6907 display: flex;
6874 } 6908 }
6875 .responses__item-date { 6909 .responses__item-date {
6876 color: #000; 6910 color: #000;
6877 } 6911 }
6878 @media (min-width: 992px) { 6912 @media (min-width: 992px) {
6879 .responses__item-date { 6913 .responses__item-date {
6880 position: absolute; 6914 position: absolute;
6881 top: 20px; 6915 top: 20px;
6882 right: 20px; 6916 right: 20px;
6883 } 6917 }
6884 } 6918 }
6885 .responses__item-wrapper { 6919 .responses__item-wrapper {
6886 display: -webkit-box; 6920 display: -webkit-box;
6887 display: -ms-flexbox; 6921 display: -ms-flexbox;
6888 display: flex; 6922 display: flex;
6889 -webkit-box-orient: vertical; 6923 -webkit-box-orient: vertical;
6890 -webkit-box-direction: normal; 6924 -webkit-box-direction: normal;
6891 -ms-flex-direction: column; 6925 -ms-flex-direction: column;
6892 flex-direction: column; 6926 flex-direction: column;
6893 gap: 20px; 6927 gap: 20px;
6894 } 6928 }
6895 .responses__item-inner { 6929 .responses__item-inner {
6896 display: -webkit-box; 6930 display: -webkit-box;
6897 display: -ms-flexbox; 6931 display: -ms-flexbox;
6898 display: flex; 6932 display: flex;
6899 -webkit-box-orient: vertical; 6933 -webkit-box-orient: vertical;
6900 -webkit-box-direction: normal; 6934 -webkit-box-direction: normal;
6901 -ms-flex-direction: column; 6935 -ms-flex-direction: column;
6902 flex-direction: column; 6936 flex-direction: column;
6903 gap: 10px; 6937 gap: 10px;
6904 } 6938 }
6905 @media (min-width: 768px) { 6939 @media (min-width: 768px) {
6906 .responses__item-inner { 6940 .responses__item-inner {
6907 gap: 20px; 6941 gap: 20px;
6908 } 6942 }
6909 } 6943 }
6910 @media (min-width: 1280px) { 6944 @media (min-width: 1280px) {
6911 .responses__item-inner { 6945 .responses__item-inner {
6912 width: calc(100% - 150px); 6946 width: calc(100% - 150px);
6913 } 6947 }
6914 } 6948 }
6915 .responses__item-row { 6949 .responses__item-row {
6916 display: grid; 6950 display: grid;
6917 grid-template-columns: 1fr 1fr; 6951 grid-template-columns: 1fr 1fr;
6918 gap: 20px; 6952 gap: 20px;
6919 color: #000; 6953 color: #000;
6920 text-align: right; 6954 text-align: right;
6921 } 6955 }
6922 @media (min-width: 992px) { 6956 @media (min-width: 992px) {
6923 .responses__item-row { 6957 .responses__item-row {
6924 display: -webkit-box; 6958 display: -webkit-box;
6925 display: -ms-flexbox; 6959 display: -ms-flexbox;
6926 display: flex; 6960 display: flex;
6927 -webkit-box-orient: vertical; 6961 -webkit-box-orient: vertical;
6928 -webkit-box-direction: normal; 6962 -webkit-box-direction: normal;
6929 -ms-flex-direction: column; 6963 -ms-flex-direction: column;
6930 flex-direction: column; 6964 flex-direction: column;
6931 gap: 6px; 6965 gap: 6px;
6932 text-align: left; 6966 text-align: left;
6933 } 6967 }
6934 } 6968 }
6935 .responses__item-row span { 6969 .responses__item-row span {
6936 color: #000; 6970 color: #000;
6937 text-align: left; 6971 text-align: left;
6938 } 6972 }
6939 .responses__item-buttons { 6973 .responses__item-buttons {
6940 display: -webkit-box; 6974 display: -webkit-box;
6941 display: -ms-flexbox; 6975 display: -ms-flexbox;
6942 display: flex; 6976 display: flex;
6943 -webkit-box-orient: vertical; 6977 -webkit-box-orient: vertical;
6944 -webkit-box-direction: normal; 6978 -webkit-box-direction: normal;
6945 -ms-flex-direction: column; 6979 -ms-flex-direction: column;
6946 flex-direction: column; 6980 flex-direction: column;
6947 gap: 10px; 6981 gap: 10px;
6948 } 6982 }
6949 @media (min-width: 768px) { 6983 @media (min-width: 768px) {
6950 .responses__item-buttons { 6984 .responses__item-buttons {
6951 display: grid; 6985 display: grid;
6952 grid-template-columns: 1fr 1fr; 6986 grid-template-columns: 1fr 1fr;
6953 } 6987 }
6954 } 6988 }
6955 @media (min-width: 1280px) { 6989 @media (min-width: 1280px) {
6956 .responses__item-buttons { 6990 .responses__item-buttons {
6957 grid-template-columns: 1fr 1fr 1fr 1fr; 6991 grid-template-columns: 1fr 1fr 1fr 1fr;
6958 } 6992 }
6959 } 6993 }
6960 .responses__item-buttons .button.active { 6994 .responses__item-buttons .button.active {
6961 background: #377d87; 6995 background: #377d87;
6962 color: #fff; 6996 color: #fff;
6963 } 6997 }
6964 .responses.active .responses__item { 6998 .responses.active .responses__item {
6965 display: -webkit-box; 6999 display: -webkit-box;
6966 display: -ms-flexbox; 7000 display: -ms-flexbox;
6967 display: flex; 7001 display: flex;
6968 } 7002 }
6969 7003
6970 .chatbox { 7004 .chatbox {
6971 display: -webkit-box; 7005 display: -webkit-box;
6972 display: -ms-flexbox; 7006 display: -ms-flexbox;
6973 display: flex; 7007 display: flex;
6974 -webkit-box-orient: vertical; 7008 -webkit-box-orient: vertical;
6975 -webkit-box-direction: normal; 7009 -webkit-box-direction: normal;
6976 -ms-flex-direction: column; 7010 -ms-flex-direction: column;
6977 flex-direction: column; 7011 flex-direction: column;
6978 gap: 20px; 7012 gap: 20px;
6979 } 7013 }
6980 @media (min-width: 768px) { 7014 @media (min-width: 768px) {
6981 .chatbox { 7015 .chatbox {
6982 gap: 30px; 7016 gap: 30px;
6983 } 7017 }
6984 } 7018 }
6985 @media (min-width: 1280px) { 7019 @media (min-width: 1280px) {
6986 .chatbox { 7020 .chatbox {
6987 gap: 40px; 7021 gap: 40px;
6988 } 7022 }
6989 } 7023 }
6990 .chatbox__toper { 7024 .chatbox__toper {
6991 display: -webkit-box; 7025 display: -webkit-box;
6992 display: -ms-flexbox; 7026 display: -ms-flexbox;
6993 display: flex; 7027 display: flex;
6994 -webkit-box-orient: vertical; 7028 -webkit-box-orient: vertical;
6995 -webkit-box-direction: normal; 7029 -webkit-box-direction: normal;
6996 -ms-flex-direction: column; 7030 -ms-flex-direction: column;
6997 flex-direction: column; 7031 flex-direction: column;
6998 gap: 10px; 7032 gap: 10px;
6999 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7033 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7000 border: 1px solid #e7e7e7; 7034 border: 1px solid #e7e7e7;
7001 border-radius: 8px; 7035 border-radius: 8px;
7002 padding: 10px; 7036 padding: 10px;
7003 } 7037 }
7004 @media (min-width: 768px) { 7038 @media (min-width: 768px) {
7005 .chatbox__toper { 7039 .chatbox__toper {
7006 padding: 20px; 7040 padding: 20px;
7007 -webkit-box-orient: horizontal; 7041 -webkit-box-orient: horizontal;
7008 -webkit-box-direction: normal; 7042 -webkit-box-direction: normal;
7009 -ms-flex-direction: row; 7043 -ms-flex-direction: row;
7010 flex-direction: row; 7044 flex-direction: row;
7011 -webkit-box-align: center; 7045 -webkit-box-align: center;
7012 -ms-flex-align: center; 7046 -ms-flex-align: center;
7013 align-items: center; 7047 align-items: center;
7014 -webkit-box-pack: justify; 7048 -webkit-box-pack: justify;
7015 -ms-flex-pack: justify; 7049 -ms-flex-pack: justify;
7016 justify-content: space-between; 7050 justify-content: space-between;
7017 } 7051 }
7018 } 7052 }
7019 .chatbox__toper-info { 7053 .chatbox__toper-info {
7020 font-size: 12px; 7054 font-size: 12px;
7021 } 7055 }
7022 @media (min-width: 768px) { 7056 @media (min-width: 768px) {
7023 .chatbox__toper-info { 7057 .chatbox__toper-info {
7024 font-size: 16px; 7058 font-size: 16px;
7025 width: calc(100% - 230px); 7059 width: calc(100% - 230px);
7026 } 7060 }
7027 } 7061 }
7028 @media (min-width: 768px) { 7062 @media (min-width: 768px) {
7029 .chatbox__toper-button { 7063 .chatbox__toper-button {
7030 width: 210px; 7064 width: 210px;
7031 padding: 0; 7065 padding: 0;
7032 } 7066 }
7033 } 7067 }
7034 .chatbox__list { 7068 .chatbox__list {
7035 display: -webkit-box; 7069 display: -webkit-box;
7036 display: -ms-flexbox; 7070 display: -ms-flexbox;
7037 display: flex; 7071 display: flex;
7038 -webkit-box-orient: vertical; 7072 -webkit-box-orient: vertical;
7039 -webkit-box-direction: normal; 7073 -webkit-box-direction: normal;
7040 -ms-flex-direction: column; 7074 -ms-flex-direction: column;
7041 flex-direction: column; 7075 flex-direction: column;
7042 gap: 10px; 7076 gap: 10px;
7043 } 7077 }
7044 @media (min-width: 768px) { 7078 @media (min-width: 768px) {
7045 .chatbox__list { 7079 .chatbox__list {
7046 gap: 20px; 7080 gap: 20px;
7047 } 7081 }
7048 } 7082 }
7049 @media (min-width: 1280px) { 7083 @media (min-width: 1280px) {
7050 .chatbox__list { 7084 .chatbox__list {
7051 gap: 40px; 7085 gap: 40px;
7052 } 7086 }
7053 } 7087 }
7054 .chatbox__item { 7088 .chatbox__item {
7055 display: -webkit-box; 7089 display: -webkit-box;
7056 display: -ms-flexbox; 7090 display: -ms-flexbox;
7057 display: flex; 7091 display: flex;
7058 -webkit-box-align: start; 7092 -webkit-box-align: start;
7059 -ms-flex-align: start; 7093 -ms-flex-align: start;
7060 align-items: flex-start; 7094 align-items: flex-start;
7061 -webkit-box-pack: justify; 7095 -webkit-box-pack: justify;
7062 -ms-flex-pack: justify; 7096 -ms-flex-pack: justify;
7063 justify-content: space-between; 7097 justify-content: space-between;
7064 -ms-flex-wrap: wrap; 7098 -ms-flex-wrap: wrap;
7065 flex-wrap: wrap; 7099 flex-wrap: wrap;
7066 color: #000; 7100 color: #000;
7067 font-size: 12px; 7101 font-size: 12px;
7068 } 7102 }
7069 @media (min-width: 768px) { 7103 @media (min-width: 768px) {
7070 .chatbox__item { 7104 .chatbox__item {
7071 font-size: 16px; 7105 font-size: 16px;
7072 } 7106 }
7073 } 7107 }
7074 .chatbox__item_reverse { 7108 .chatbox__item_reverse {
7075 -webkit-box-orient: horizontal; 7109 -webkit-box-orient: horizontal;
7076 -webkit-box-direction: reverse; 7110 -webkit-box-direction: reverse;
7077 -ms-flex-direction: row-reverse; 7111 -ms-flex-direction: row-reverse;
7078 flex-direction: row-reverse; 7112 flex-direction: row-reverse;
7079 } 7113 }
7080 .chatbox__item-photo { 7114 .chatbox__item-photo {
7081 position: relative; 7115 position: relative;
7082 aspect-ratio: 1/1; 7116 aspect-ratio: 1/1;
7083 overflow: hidden; 7117 overflow: hidden;
7084 background: #9c9d9d; 7118 background: #9c9d9d;
7085 color: #fff; 7119 color: #fff;
7086 width: 44px; 7120 width: 44px;
7087 border-radius: 6px; 7121 border-radius: 6px;
7088 display: -webkit-box; 7122 display: -webkit-box;
7089 display: -ms-flexbox; 7123 display: -ms-flexbox;
7090 display: flex; 7124 display: flex;
7091 -webkit-box-pack: center; 7125 -webkit-box-pack: center;
7092 -ms-flex-pack: center; 7126 -ms-flex-pack: center;
7093 justify-content: center; 7127 justify-content: center;
7094 -webkit-box-align: center; 7128 -webkit-box-align: center;
7095 -ms-flex-align: center; 7129 -ms-flex-align: center;
7096 align-items: center; 7130 align-items: center;
7097 } 7131 }
7098 .chatbox__item-photo svg { 7132 .chatbox__item-photo svg {
7099 width: 50%; 7133 width: 50%;
7100 position: relative; 7134 position: relative;
7101 z-index: 1; 7135 z-index: 1;
7102 } 7136 }
7103 .chatbox__item-photo img { 7137 .chatbox__item-photo img {
7104 position: absolute; 7138 position: absolute;
7105 z-index: 2; 7139 z-index: 2;
7106 top: 0; 7140 top: 0;
7107 left: 0; 7141 left: 0;
7108 width: 100%; 7142 width: 100%;
7109 height: 100%; 7143 height: 100%;
7110 -o-object-fit: cover; 7144 -o-object-fit: cover;
7111 object-fit: cover; 7145 object-fit: cover;
7112 } 7146 }
7113 .chatbox__item-body { 7147 .chatbox__item-body {
7114 width: calc(100% - 54px); 7148 width: calc(100% - 54px);
7115 display: -webkit-box; 7149 display: -webkit-box;
7116 display: -ms-flexbox; 7150 display: -ms-flexbox;
7117 display: flex; 7151 display: flex;
7118 -webkit-box-orient: vertical; 7152 -webkit-box-orient: vertical;
7119 -webkit-box-direction: normal; 7153 -webkit-box-direction: normal;
7120 -ms-flex-direction: column; 7154 -ms-flex-direction: column;
7121 flex-direction: column; 7155 flex-direction: column;
7122 -webkit-box-align: start; 7156 -webkit-box-align: start;
7123 -ms-flex-align: start; 7157 -ms-flex-align: start;
7124 align-items: flex-start; 7158 align-items: flex-start;
7125 } 7159 }
7126 @media (min-width: 768px) { 7160 @media (min-width: 768px) {
7127 .chatbox__item-body { 7161 .chatbox__item-body {
7128 width: calc(100% - 60px); 7162 width: calc(100% - 60px);
7129 } 7163 }
7130 } 7164 }
7131 .chatbox__item_reverse .chatbox__item-body { 7165 .chatbox__item_reverse .chatbox__item-body {
7132 -webkit-box-align: end; 7166 -webkit-box-align: end;
7133 -ms-flex-align: end; 7167 -ms-flex-align: end;
7134 align-items: flex-end; 7168 align-items: flex-end;
7135 } 7169 }
7136 .chatbox__item-text { 7170 .chatbox__item-text {
7137 border-radius: 8px; 7171 border-radius: 8px;
7138 background: #fff; 7172 background: #fff;
7139 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7173 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7140 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7174 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7141 padding: 10px; 7175 padding: 10px;
7142 line-height: 1.6; 7176 line-height: 1.6;
7143 } 7177 }
7144 .chatbox__item-time { 7178 .chatbox__item-time {
7145 width: 100%; 7179 width: 100%;
7146 padding-left: 54px; 7180 padding-left: 54px;
7147 margin-top: 10px; 7181 margin-top: 10px;
7148 color: #9c9d9d; 7182 color: #9c9d9d;
7149 } 7183 }
7150 .chatbox__item_reverse .chatbox__item-time { 7184 .chatbox__item_reverse .chatbox__item-time {
7151 text-align: right; 7185 text-align: right;
7152 } 7186 }
7153 .chatbox__bottom { 7187 .chatbox__bottom {
7154 background: #4d88d9; 7188 background: #4d88d9;
7155 padding: 10px; 7189 padding: 10px;
7156 border-radius: 8px; 7190 border-radius: 8px;
7157 display: -webkit-box; 7191 display: -webkit-box;
7158 display: -ms-flexbox; 7192 display: -ms-flexbox;
7159 display: flex; 7193 display: flex;
7160 -webkit-box-align: center; 7194 -webkit-box-align: center;
7161 -ms-flex-align: center; 7195 -ms-flex-align: center;
7162 align-items: center; 7196 align-items: center;
7163 -webkit-box-pack: justify; 7197 -webkit-box-pack: justify;
7164 -ms-flex-pack: justify; 7198 -ms-flex-pack: justify;
7165 justify-content: space-between; 7199 justify-content: space-between;
7166 } 7200 }
7167 @media (min-width: 768px) { 7201 @media (min-width: 768px) {
7168 .chatbox__bottom { 7202 .chatbox__bottom {
7169 padding: 16px 20px; 7203 padding: 16px 20px;
7170 } 7204 }
7171 } 7205 }
7172 .chatbox__bottom-file { 7206 .chatbox__bottom-file {
7173 width: 20px; 7207 width: 20px;
7174 aspect-ratio: 1/1; 7208 aspect-ratio: 1/1;
7175 display: -webkit-box; 7209 display: -webkit-box;
7176 display: -ms-flexbox; 7210 display: -ms-flexbox;
7177 display: flex; 7211 display: flex;
7178 -webkit-box-pack: center; 7212 -webkit-box-pack: center;
7179 -ms-flex-pack: center; 7213 -ms-flex-pack: center;
7180 justify-content: center; 7214 justify-content: center;
7181 -webkit-box-align: center; 7215 -webkit-box-align: center;
7182 -ms-flex-align: center; 7216 -ms-flex-align: center;
7183 align-items: center; 7217 align-items: center;
7184 background: #fff; 7218 background: #fff;
7185 color: #4d88d9; 7219 color: #4d88d9;
7186 border-radius: 8px; 7220 border-radius: 8px;
7187 } 7221 }
7188 @media (min-width: 768px) { 7222 @media (min-width: 768px) {
7189 .chatbox__bottom-file { 7223 .chatbox__bottom-file {
7190 width: 48px; 7224 width: 48px;
7191 } 7225 }
7192 } 7226 }
7193 .chatbox__bottom-file:hover { 7227 .chatbox__bottom-file:hover {
7194 color: #377d87; 7228 color: #377d87;
7195 } 7229 }
7196 .chatbox__bottom-file input { 7230 .chatbox__bottom-file input {
7197 display: none; 7231 display: none;
7198 } 7232 }
7199 .chatbox__bottom-file svg { 7233 .chatbox__bottom-file svg {
7200 width: 50%; 7234 width: 50%;
7201 aspect-ratio: 1/1; 7235 aspect-ratio: 1/1;
7202 } 7236 }
7203 @media (min-width: 768px) { 7237 @media (min-width: 768px) {
7204 .chatbox__bottom-file svg { 7238 .chatbox__bottom-file svg {
7205 width: 40%; 7239 width: 40%;
7206 } 7240 }
7207 } 7241 }
7208 .chatbox__bottom-text { 7242 .chatbox__bottom-text {
7209 width: calc(100% - 60px); 7243 width: calc(100% - 60px);
7210 height: 20px; 7244 height: 20px;
7211 border-color: #fff; 7245 border-color: #fff;
7212 } 7246 }
7213 @media (min-width: 768px) { 7247 @media (min-width: 768px) {
7214 .chatbox__bottom-text { 7248 .chatbox__bottom-text {
7215 width: calc(100% - 128px); 7249 width: calc(100% - 128px);
7216 height: 48px; 7250 height: 48px;
7217 } 7251 }
7218 } 7252 }
7219 .chatbox__bottom-text:focus { 7253 .chatbox__bottom-text:focus {
7220 border-color: #fff; 7254 border-color: #fff;
7221 } 7255 }
7222 .chatbox__bottom-send { 7256 .chatbox__bottom-send {
7223 width: 20px; 7257 width: 20px;
7224 aspect-ratio: 1/1; 7258 aspect-ratio: 1/1;
7225 display: -webkit-box; 7259 display: -webkit-box;
7226 display: -ms-flexbox; 7260 display: -ms-flexbox;
7227 display: flex; 7261 display: flex;
7228 -webkit-box-pack: center; 7262 -webkit-box-pack: center;
7229 -ms-flex-pack: center; 7263 -ms-flex-pack: center;
7230 justify-content: center; 7264 justify-content: center;
7231 -webkit-box-align: center; 7265 -webkit-box-align: center;
7232 -ms-flex-align: center; 7266 -ms-flex-align: center;
7233 align-items: center; 7267 align-items: center;
7234 padding: 0; 7268 padding: 0;
7235 background: #fff; 7269 background: #fff;
7236 border: none; 7270 border: none;
7237 color: #4d88d9; 7271 color: #4d88d9;
7238 border-radius: 999px; 7272 border-radius: 999px;
7239 } 7273 }
7240 @media (min-width: 768px) { 7274 @media (min-width: 768px) {
7241 .chatbox__bottom-send { 7275 .chatbox__bottom-send {
7242 width: 48px; 7276 width: 48px;
7243 } 7277 }
7244 } 7278 }
7245 .chatbox__bottom-send:hover { 7279 .chatbox__bottom-send:hover {
7246 color: #377d87; 7280 color: #377d87;
7247 } 7281 }
7248 .chatbox__bottom-send svg { 7282 .chatbox__bottom-send svg {
7249 width: 50%; 7283 width: 50%;
7250 aspect-ratio: 1/1; 7284 aspect-ratio: 1/1;
7251 position: relative; 7285 position: relative;
7252 left: 1px; 7286 left: 1px;
7253 } 7287 }
7254 @media (min-width: 768px) { 7288 @media (min-width: 768px) {
7255 .chatbox__bottom-send svg { 7289 .chatbox__bottom-send svg {
7256 width: 40%; 7290 width: 40%;
7257 left: 2px; 7291 left: 2px;
7258 } 7292 }
7259 } 7293 }
7260 7294
7261 .cvs { 7295 .cvs {
7262 display: -webkit-box; 7296 display: -webkit-box;
7263 display: -ms-flexbox; 7297 display: -ms-flexbox;
7264 display: flex; 7298 display: flex;
7265 -webkit-box-orient: vertical; 7299 -webkit-box-orient: vertical;
7266 -webkit-box-direction: reverse; 7300 -webkit-box-direction: reverse;
7267 -ms-flex-direction: column-reverse; 7301 -ms-flex-direction: column-reverse;
7268 flex-direction: column-reverse; 7302 flex-direction: column-reverse;
7269 -webkit-box-align: center; 7303 -webkit-box-align: center;
7270 -ms-flex-align: center; 7304 -ms-flex-align: center;
7271 align-items: center; 7305 align-items: center;
7272 gap: 20px; 7306 gap: 20px;
7273 } 7307 }
7274 .cvs__body { 7308 .cvs__body {
7275 display: -webkit-box; 7309 display: -webkit-box;
7276 display: -ms-flexbox; 7310 display: -ms-flexbox;
7277 display: flex; 7311 display: flex;
7278 -webkit-box-orient: vertical; 7312 -webkit-box-orient: vertical;
7279 -webkit-box-direction: normal; 7313 -webkit-box-direction: normal;
7280 -ms-flex-direction: column; 7314 -ms-flex-direction: column;
7281 flex-direction: column; 7315 flex-direction: column;
7282 gap: 20px; 7316 gap: 20px;
7283 width: 100%; 7317 width: 100%;
7284 } 7318 }
7285 @media (min-width: 768px) { 7319 @media (min-width: 768px) {
7286 .cvs__body { 7320 .cvs__body {
7287 gap: 30px; 7321 gap: 30px;
7288 } 7322 }
7289 } 7323 }
7290 .cvs__item { 7324 .cvs__item {
7291 display: none; 7325 display: none;
7292 -webkit-box-orient: vertical; 7326 -webkit-box-orient: vertical;
7293 -webkit-box-direction: normal; 7327 -webkit-box-direction: normal;
7294 -ms-flex-direction: column; 7328 -ms-flex-direction: column;
7295 flex-direction: column; 7329 flex-direction: column;
7296 gap: 10px; 7330 gap: 10px;
7297 border-radius: 8px; 7331 border-radius: 8px;
7298 border: 1px solid #e7e7e7; 7332 border: 1px solid #e7e7e7;
7299 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7333 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7300 padding: 10px; 7334 padding: 10px;
7301 font-size: 12px; 7335 font-size: 12px;
7302 position: relative; 7336 position: relative;
7303 } 7337 }
7304 @media (min-width: 768px) { 7338 @media (min-width: 768px) {
7305 .cvs__item { 7339 .cvs__item {
7306 gap: 0; 7340 gap: 0;
7307 padding: 20px; 7341 padding: 20px;
7308 font-size: 16px; 7342 font-size: 16px;
7309 -webkit-box-orient: horizontal; 7343 -webkit-box-orient: horizontal;
7310 -webkit-box-direction: normal; 7344 -webkit-box-direction: normal;
7311 -ms-flex-direction: row; 7345 -ms-flex-direction: row;
7312 flex-direction: row; 7346 flex-direction: row;
7313 -webkit-box-align: start; 7347 -webkit-box-align: start;
7314 -ms-flex-align: start; 7348 -ms-flex-align: start;
7315 align-items: flex-start; 7349 align-items: flex-start;
7316 -ms-flex-wrap: wrap; 7350 -ms-flex-wrap: wrap;
7317 flex-wrap: wrap; 7351 flex-wrap: wrap;
7318 } 7352 }
7319 } 7353 }
7320 .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) { 7354 .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) {
7321 display: -webkit-box; 7355 display: -webkit-box;
7322 display: -ms-flexbox; 7356 display: -ms-flexbox;
7323 display: flex; 7357 display: flex;
7324 } 7358 }
7325 .cvs__item-like { 7359 .cvs__item-like {
7326 position: absolute; 7360 position: absolute;
7327 top: 10px; 7361 top: 10px;
7328 right: 10px; 7362 right: 10px;
7329 } 7363 }
7330 @media (min-width: 768px) { 7364 @media (min-width: 768px) {
7331 .cvs__item-like { 7365 .cvs__item-like {
7332 top: 20px; 7366 top: 20px;
7333 right: 20px; 7367 right: 20px;
7334 } 7368 }
7335 } 7369 }
7336 .cvs__item-photo { 7370 .cvs__item-photo {
7337 position: relative; 7371 position: relative;
7338 aspect-ratio: 1/1; 7372 aspect-ratio: 1/1;
7339 overflow: hidden; 7373 overflow: hidden;
7340 background: #9c9d9d; 7374 background: #9c9d9d;
7341 color: #fff; 7375 color: #fff;
7342 width: 36px; 7376 width: 36px;
7343 border-radius: 6px; 7377 border-radius: 6px;
7344 display: -webkit-box; 7378 display: -webkit-box;
7345 display: -ms-flexbox; 7379 display: -ms-flexbox;
7346 display: flex; 7380 display: flex;
7347 -webkit-box-pack: center; 7381 -webkit-box-pack: center;
7348 -ms-flex-pack: center; 7382 -ms-flex-pack: center;
7349 justify-content: center; 7383 justify-content: center;
7350 -webkit-box-align: center; 7384 -webkit-box-align: center;
7351 -ms-flex-align: center; 7385 -ms-flex-align: center;
7352 align-items: center; 7386 align-items: center;
7353 } 7387 }
7354 @media (min-width: 768px) { 7388 @media (min-width: 768px) {
7355 .cvs__item-photo { 7389 .cvs__item-photo {
7356 width: 68px; 7390 width: 68px;
7357 } 7391 }
7358 } 7392 }
7359 .cvs__item-photo svg { 7393 .cvs__item-photo svg {
7360 width: 50%; 7394 width: 50%;
7361 position: relative; 7395 position: relative;
7362 z-index: 1; 7396 z-index: 1;
7363 } 7397 }
7364 .cvs__item-photo img { 7398 .cvs__item-photo img {
7365 position: absolute; 7399 position: absolute;
7366 z-index: 2; 7400 z-index: 2;
7367 top: 0; 7401 top: 0;
7368 left: 0; 7402 left: 0;
7369 width: 100%; 7403 width: 100%;
7370 height: 100%; 7404 height: 100%;
7371 -o-object-fit: cover; 7405 -o-object-fit: cover;
7372 object-fit: cover; 7406 object-fit: cover;
7373 } 7407 }
7374 .cvs__item-text { 7408 .cvs__item-text {
7375 display: -webkit-box; 7409 display: -webkit-box;
7376 display: -ms-flexbox; 7410 display: -ms-flexbox;
7377 display: flex; 7411 display: flex;
7378 -webkit-box-orient: vertical; 7412 -webkit-box-orient: vertical;
7379 -webkit-box-direction: normal; 7413 -webkit-box-direction: normal;
7380 -ms-flex-direction: column; 7414 -ms-flex-direction: column;
7381 flex-direction: column; 7415 flex-direction: column;
7382 gap: 10px; 7416 gap: 10px;
7383 } 7417 }
7384 @media (min-width: 768px) { 7418 @media (min-width: 768px) {
7385 .cvs__item-text { 7419 .cvs__item-text {
7386 gap: 20px; 7420 gap: 20px;
7387 width: calc(100% - 68px); 7421 width: calc(100% - 68px);
7388 padding-left: 20px; 7422 padding-left: 20px;
7389 padding-right: 60px; 7423 padding-right: 60px;
7390 } 7424 }
7391 } 7425 }
7392 .cvs__item-text div { 7426 .cvs__item-text div {
7393 display: -webkit-box; 7427 display: -webkit-box;
7394 display: -ms-flexbox; 7428 display: -ms-flexbox;
7395 display: flex; 7429 display: flex;
7396 -webkit-box-align: center; 7430 -webkit-box-align: center;
7397 -ms-flex-align: center; 7431 -ms-flex-align: center;
7398 align-items: center; 7432 align-items: center;
7399 -webkit-box-pack: justify; 7433 -webkit-box-pack: justify;
7400 -ms-flex-pack: justify; 7434 -ms-flex-pack: justify;
7401 justify-content: space-between; 7435 justify-content: space-between;
7402 } 7436 }
7403 @media (min-width: 768px) { 7437 @media (min-width: 768px) {
7404 .cvs__item-text div { 7438 .cvs__item-text div {
7405 -webkit-box-orient: vertical; 7439 -webkit-box-orient: vertical;
7406 -webkit-box-direction: normal; 7440 -webkit-box-direction: normal;
7407 -ms-flex-direction: column; 7441 -ms-flex-direction: column;
7408 flex-direction: column; 7442 flex-direction: column;
7409 -webkit-box-pack: start; 7443 -webkit-box-pack: start;
7410 -ms-flex-pack: start; 7444 -ms-flex-pack: start;
7411 justify-content: flex-start; 7445 justify-content: flex-start;
7412 -webkit-box-align: start; 7446 -webkit-box-align: start;
7413 -ms-flex-align: start; 7447 -ms-flex-align: start;
7414 align-items: flex-start; 7448 align-items: flex-start;
7415 } 7449 }
7416 } 7450 }
7417 .cvs__item-text span, 7451 .cvs__item-text span,
7418 .cvs__item-text a { 7452 .cvs__item-text a {
7419 color: #000; 7453 color: #000;
7420 } 7454 }
7421 .cvs__item-button { 7455 .cvs__item-button {
7422 display: -webkit-box; 7456 display: -webkit-box;
7423 display: -ms-flexbox; 7457 display: -ms-flexbox;
7424 display: flex; 7458 display: flex;
7425 -webkit-box-orient: vertical; 7459 -webkit-box-orient: vertical;
7426 -webkit-box-direction: normal; 7460 -webkit-box-direction: normal;
7427 -ms-flex-direction: column; 7461 -ms-flex-direction: column;
7428 flex-direction: column; 7462 flex-direction: column;
7429 -webkit-box-align: center; 7463 -webkit-box-align: center;
7430 -ms-flex-align: center; 7464 -ms-flex-align: center;
7431 align-items: center; 7465 align-items: center;
7432 } 7466 }
7433 @media (min-width: 768px) { 7467 @media (min-width: 768px) {
7434 .cvs__item-button { 7468 .cvs__item-button {
7435 -webkit-box-align: end; 7469 -webkit-box-align: end;
7436 -ms-flex-align: end; 7470 -ms-flex-align: end;
7437 align-items: flex-end; 7471 align-items: flex-end;
7438 width: 100%; 7472 width: 100%;
7439 padding-top: 20px; 7473 padding-top: 20px;
7440 } 7474 }
7441 } 7475 }
7442 .cvs.active .cvs__item { 7476 .cvs.active .cvs__item {
7443 display: -webkit-box; 7477 display: -webkit-box;
7444 display: -ms-flexbox; 7478 display: -ms-flexbox;
7445 display: flex; 7479 display: flex;
7446 } 7480 }
7447 7481
7448 .faqs { 7482 .faqs {
7449 display: -webkit-box; 7483 display: -webkit-box;
7450 display: -ms-flexbox; 7484 display: -ms-flexbox;
7451 display: flex; 7485 display: flex;
7452 -webkit-box-orient: vertical; 7486 -webkit-box-orient: vertical;
7453 -webkit-box-direction: reverse; 7487 -webkit-box-direction: reverse;
7454 -ms-flex-direction: column-reverse; 7488 -ms-flex-direction: column-reverse;
7455 flex-direction: column-reverse; 7489 flex-direction: column-reverse;
7456 -webkit-box-align: center; 7490 -webkit-box-align: center;
7457 -ms-flex-align: center; 7491 -ms-flex-align: center;
7458 align-items: center; 7492 align-items: center;
7459 gap: 20px; 7493 gap: 20px;
7460 } 7494 }
7461 .faqs__body { 7495 .faqs__body {
7462 display: -webkit-box; 7496 display: -webkit-box;
7463 display: -ms-flexbox; 7497 display: -ms-flexbox;
7464 display: flex; 7498 display: flex;
7465 -webkit-box-orient: vertical; 7499 -webkit-box-orient: vertical;
7466 -webkit-box-direction: normal; 7500 -webkit-box-direction: normal;
7467 -ms-flex-direction: column; 7501 -ms-flex-direction: column;
7468 flex-direction: column; 7502 flex-direction: column;
7469 gap: 20px; 7503 gap: 20px;
7470 width: 100%; 7504 width: 100%;
7471 } 7505 }
7472 .faqs__item { 7506 .faqs__item {
7473 display: none; 7507 display: none;
7474 -webkit-box-orient: vertical; 7508 -webkit-box-orient: vertical;
7475 -webkit-box-direction: normal; 7509 -webkit-box-direction: normal;
7476 -ms-flex-direction: column; 7510 -ms-flex-direction: column;
7477 flex-direction: column; 7511 flex-direction: column;
7478 border-radius: 8px; 7512 border-radius: 8px;
7479 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7513 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7480 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7514 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7481 background: #fff; 7515 background: #fff;
7482 padding: 10px; 7516 padding: 10px;
7483 font-size: 12px; 7517 font-size: 12px;
7484 } 7518 }
7485 @media (min-width: 768px) { 7519 @media (min-width: 768px) {
7486 .faqs__item { 7520 .faqs__item {
7487 padding: 20px; 7521 padding: 20px;
7488 font-size: 16px; 7522 font-size: 16px;
7489 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7523 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7490 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7524 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7491 } 7525 }
7492 } 7526 }
7493 .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) { 7527 .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) {
7494 display: -webkit-box; 7528 display: -webkit-box;
7495 display: -ms-flexbox; 7529 display: -ms-flexbox;
7496 display: flex; 7530 display: flex;
7497 } 7531 }
7498 .faqs__item-button { 7532 .faqs__item-button {
7499 background: none; 7533 background: none;
7500 padding: 0; 7534 padding: 0;
7501 border: none; 7535 border: none;
7502 display: -webkit-box; 7536 display: -webkit-box;
7503 display: -ms-flexbox; 7537 display: -ms-flexbox;
7504 display: flex; 7538 display: flex;
7505 -webkit-box-align: center; 7539 -webkit-box-align: center;
7506 -ms-flex-align: center; 7540 -ms-flex-align: center;
7507 align-items: center; 7541 align-items: center;
7508 color: #000; 7542 color: #000;
7509 text-align: left; 7543 text-align: left;
7510 font-size: 14px; 7544 font-size: 14px;
7511 font-weight: 700; 7545 font-weight: 700;
7512 } 7546 }
7513 @media (min-width: 768px) { 7547 @media (min-width: 768px) {
7514 .faqs__item-button { 7548 .faqs__item-button {
7515 font-size: 20px; 7549 font-size: 20px;
7516 } 7550 }
7517 } 7551 }
7518 .faqs__item-button span { 7552 .faqs__item-button span {
7519 width: calc(100% - 16px); 7553 width: calc(100% - 16px);
7520 padding-right: 16px; 7554 padding-right: 16px;
7521 } 7555 }
7522 .faqs__item-button i { 7556 .faqs__item-button i {
7523 display: -webkit-box; 7557 display: -webkit-box;
7524 display: -ms-flexbox; 7558 display: -ms-flexbox;
7525 display: flex; 7559 display: flex;
7526 -webkit-box-pack: center; 7560 -webkit-box-pack: center;
7527 -ms-flex-pack: center; 7561 -ms-flex-pack: center;
7528 justify-content: center; 7562 justify-content: center;
7529 -webkit-box-align: center; 7563 -webkit-box-align: center;
7530 -ms-flex-align: center; 7564 -ms-flex-align: center;
7531 align-items: center; 7565 align-items: center;
7532 width: 16px; 7566 width: 16px;
7533 aspect-ratio: 1/1; 7567 aspect-ratio: 1/1;
7534 color: #377d87; 7568 color: #377d87;
7535 -webkit-transition: 0.3s; 7569 -webkit-transition: 0.3s;
7536 transition: 0.3s; 7570 transition: 0.3s;
7537 } 7571 }
7538 .faqs__item-button i svg { 7572 .faqs__item-button i svg {
7539 width: 16px; 7573 width: 16px;
7540 aspect-ratio: 1/1; 7574 aspect-ratio: 1/1;
7541 -webkit-transform: rotate(90deg); 7575 -webkit-transform: rotate(90deg);
7542 -ms-transform: rotate(90deg); 7576 -ms-transform: rotate(90deg);
7543 transform: rotate(90deg); 7577 transform: rotate(90deg);
7544 } 7578 }
7545 .faqs__item-button.active i { 7579 .faqs__item-button.active i {
7546 -webkit-transform: rotate(180deg); 7580 -webkit-transform: rotate(180deg);
7547 -ms-transform: rotate(180deg); 7581 -ms-transform: rotate(180deg);
7548 transform: rotate(180deg); 7582 transform: rotate(180deg);
7549 } 7583 }
7550 .faqs__item-body { 7584 .faqs__item-body {
7551 display: -webkit-box; 7585 display: -webkit-box;
7552 display: -ms-flexbox; 7586 display: -ms-flexbox;
7553 display: flex; 7587 display: flex;
7554 -webkit-box-orient: vertical; 7588 -webkit-box-orient: vertical;
7555 -webkit-box-direction: normal; 7589 -webkit-box-direction: normal;
7556 -ms-flex-direction: column; 7590 -ms-flex-direction: column;
7557 flex-direction: column; 7591 flex-direction: column;
7558 gap: 10px; 7592 gap: 10px;
7559 opacity: 0; 7593 opacity: 0;
7560 height: 0; 7594 height: 0;
7561 overflow: hidden; 7595 overflow: hidden;
7562 font-size: 12px; 7596 font-size: 12px;
7563 line-height: 1.4; 7597 line-height: 1.4;
7564 } 7598 }
7565 @media (min-width: 768px) { 7599 @media (min-width: 768px) {
7566 .faqs__item-body { 7600 .faqs__item-body {
7567 font-size: 16px; 7601 font-size: 16px;
7568 gap: 20px; 7602 gap: 20px;
7569 } 7603 }
7570 } 7604 }
7571 .faqs__item-body p { 7605 .faqs__item-body p {
7572 margin: 0; 7606 margin: 0;
7573 } 7607 }
7574 .active + .faqs__item-body { 7608 .active + .faqs__item-body {
7575 opacity: 1; 7609 opacity: 1;
7576 height: auto; 7610 height: auto;
7577 -webkit-transition: 0.3s; 7611 -webkit-transition: 0.3s;
7578 transition: 0.3s; 7612 transition: 0.3s;
7579 padding-top: 10px; 7613 padding-top: 10px;
7580 } 7614 }
7581 @media (min-width: 768px) { 7615 @media (min-width: 768px) {
7582 .active + .faqs__item-body { 7616 .active + .faqs__item-body {
7583 padding-top: 20px; 7617 padding-top: 20px;
7584 } 7618 }
7585 } 7619 }
7586 .faqs.active .faqs__item { 7620 .faqs.active .faqs__item {
7587 display: -webkit-box; 7621 display: -webkit-box;
7588 display: -ms-flexbox; 7622 display: -ms-flexbox;
7589 display: flex; 7623 display: flex;
7590 } 7624 }
7591 7625
7592 .cabinet { 7626 .cabinet {
7593 padding: 20px 0; 7627 padding: 20px 0;
7594 padding-bottom: 40px; 7628 padding-bottom: 40px;
7595 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7629 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7596 } 7630 }
7597 @media (min-width: 992px) { 7631 @media (min-width: 992px) {
7598 .cabinet { 7632 .cabinet {
7599 padding: 30px 0; 7633 padding: 30px 0;
7600 padding-bottom: 60px; 7634 padding-bottom: 60px;
7601 } 7635 }
7602 } 7636 }
7603 .cabinet__breadcrumbs { 7637 .cabinet__breadcrumbs {
7604 margin-bottom: 50px; 7638 margin-bottom: 50px;
7605 } 7639 }
7606 .cabinet__wrapper { 7640 .cabinet__wrapper {
7607 display: -webkit-box; 7641 display: -webkit-box;
7608 display: -ms-flexbox; 7642 display: -ms-flexbox;
7609 display: flex; 7643 display: flex;
7610 -webkit-box-orient: vertical; 7644 -webkit-box-orient: vertical;
7611 -webkit-box-direction: normal; 7645 -webkit-box-direction: normal;
7612 -ms-flex-direction: column; 7646 -ms-flex-direction: column;
7613 flex-direction: column; 7647 flex-direction: column;
7614 } 7648 }
7615 @media (min-width: 992px) { 7649 @media (min-width: 992px) {
7616 .cabinet__wrapper { 7650 .cabinet__wrapper {
7617 -webkit-box-orient: horizontal; 7651 -webkit-box-orient: horizontal;
7618 -webkit-box-direction: normal; 7652 -webkit-box-direction: normal;
7619 -ms-flex-direction: row; 7653 -ms-flex-direction: row;
7620 flex-direction: row; 7654 flex-direction: row;
7621 -webkit-box-align: start; 7655 -webkit-box-align: start;
7622 -ms-flex-align: start; 7656 -ms-flex-align: start;
7623 align-items: flex-start; 7657 align-items: flex-start;
7624 -webkit-box-pack: justify; 7658 -webkit-box-pack: justify;
7625 -ms-flex-pack: justify; 7659 -ms-flex-pack: justify;
7626 justify-content: space-between; 7660 justify-content: space-between;
7627 } 7661 }
7628 } 7662 }
7629 .cabinet__side { 7663 .cabinet__side {
7630 border-radius: 8px; 7664 border-radius: 8px;
7631 background: #fff; 7665 background: #fff;
7632 padding: 20px 10px; 7666 padding: 20px 10px;
7633 display: -webkit-box; 7667 display: -webkit-box;
7634 display: -ms-flexbox; 7668 display: -ms-flexbox;
7635 display: flex; 7669 display: flex;
7636 -webkit-box-orient: vertical; 7670 -webkit-box-orient: vertical;
7637 -webkit-box-direction: normal; 7671 -webkit-box-direction: normal;
7638 -ms-flex-direction: column; 7672 -ms-flex-direction: column;
7639 flex-direction: column; 7673 flex-direction: column;
7640 gap: 30px; 7674 gap: 30px;
7641 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7675 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7642 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7676 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7643 } 7677 }
7644 @media (min-width: 768px) { 7678 @media (min-width: 768px) {
7645 .cabinet__side { 7679 .cabinet__side {
7646 padding: 30px 20px; 7680 padding: 30px 20px;
7647 margin-bottom: 50px; 7681 margin-bottom: 50px;
7648 } 7682 }
7649 } 7683 }
7650 @media (min-width: 992px) { 7684 @media (min-width: 992px) {
7651 .cabinet__side { 7685 .cabinet__side {
7652 width: 340px; 7686 width: 340px;
7653 margin: 0; 7687 margin: 0;
7654 position: sticky; 7688 position: sticky;
7655 top: 6px; 7689 top: 6px;
7656 } 7690 }
7657 } 7691 }
7658 @media (min-width: 1280px) { 7692 @media (min-width: 1280px) {
7659 .cabinet__side { 7693 .cabinet__side {
7660 width: 400px; 7694 width: 400px;
7661 } 7695 }
7662 } 7696 }
7663 .cabinet__side-item { 7697 .cabinet__side-item {
7664 display: -webkit-box; 7698 display: -webkit-box;
7665 display: -ms-flexbox; 7699 display: -ms-flexbox;
7666 display: flex; 7700 display: flex;
7667 -webkit-box-orient: vertical; 7701 -webkit-box-orient: vertical;
7668 -webkit-box-direction: normal; 7702 -webkit-box-direction: normal;
7669 -ms-flex-direction: column; 7703 -ms-flex-direction: column;
7670 flex-direction: column; 7704 flex-direction: column;
7671 gap: 20px; 7705 gap: 20px;
7672 } 7706 }
7673 .cabinet__side-toper { 7707 .cabinet__side-toper {
7674 display: -webkit-box; 7708 display: -webkit-box;
7675 display: -ms-flexbox; 7709 display: -ms-flexbox;
7676 display: flex; 7710 display: flex;
7677 -webkit-box-align: center; 7711 -webkit-box-align: center;
7678 -ms-flex-align: center; 7712 -ms-flex-align: center;
7679 align-items: center; 7713 align-items: center;
7680 } 7714 }
7681 .cabinet__side-toper-pic { 7715 .cabinet__side-toper-pic {
7682 width: 70px; 7716 width: 70px;
7683 aspect-ratio: 1/1; 7717 aspect-ratio: 1/1;
7684 overflow: hidden; 7718 overflow: hidden;
7685 border-radius: 8px; 7719 border-radius: 8px;
7686 color: #fff; 7720 color: #fff;
7687 background: #9c9d9d; 7721 background: #9c9d9d;
7688 display: -webkit-box; 7722 display: -webkit-box;
7689 display: -ms-flexbox; 7723 display: -ms-flexbox;
7690 display: flex; 7724 display: flex;
7691 -webkit-box-align: center; 7725 -webkit-box-align: center;
7692 -ms-flex-align: center; 7726 -ms-flex-align: center;
7693 align-items: center; 7727 align-items: center;
7694 -webkit-box-pack: center; 7728 -webkit-box-pack: center;
7695 -ms-flex-pack: center; 7729 -ms-flex-pack: center;
7696 justify-content: center; 7730 justify-content: center;
7697 position: relative; 7731 position: relative;
7698 } 7732 }
7699 .cabinet__side-toper-pic img { 7733 .cabinet__side-toper-pic img {
7700 width: 100%; 7734 width: 100%;
7701 height: 100%; 7735 height: 100%;
7702 -o-object-fit: cover; 7736 -o-object-fit: cover;
7703 object-fit: cover; 7737 object-fit: cover;
7704 position: absolute; 7738 position: absolute;
7705 z-index: 2; 7739 z-index: 2;
7706 top: 0; 7740 top: 0;
7707 left: 0; 7741 left: 0;
7708 aspect-ratio: 1/1; 7742 aspect-ratio: 1/1;
7709 -o-object-fit: contain; 7743 -o-object-fit: contain;
7710 object-fit: contain; 7744 object-fit: contain;
7711 } 7745 }
7712 .cabinet__side-toper-pic svg { 7746 .cabinet__side-toper-pic svg {
7713 width: 50%; 7747 width: 50%;
7714 aspect-ratio: 1/1; 7748 aspect-ratio: 1/1;
7715 } 7749 }
7716 .cabinet__side-toper b { 7750 .cabinet__side-toper b {
7717 width: calc(100% - 70px); 7751 width: calc(100% - 70px);
7718 font-size: 14px; 7752 font-size: 14px;
7719 font-weight: 700; 7753 font-weight: 700;
7720 padding-left: 16px; 7754 padding-left: 16px;
7721 } 7755 }
7722 @media (min-width: 768px) { 7756 @media (min-width: 768px) {
7723 .cabinet__side-toper b { 7757 .cabinet__side-toper b {
7724 font-size: 20px; 7758 font-size: 20px;
7725 } 7759 }
7726 } 7760 }
7727 .cabinet__menu { 7761 .cabinet__menu {
7728 display: -webkit-box; 7762 display: -webkit-box;
7729 display: -ms-flexbox; 7763 display: -ms-flexbox;
7730 display: flex; 7764 display: flex;
7731 -webkit-box-orient: vertical; 7765 -webkit-box-orient: vertical;
7732 -webkit-box-direction: normal; 7766 -webkit-box-direction: normal;
7733 -ms-flex-direction: column; 7767 -ms-flex-direction: column;
7734 flex-direction: column; 7768 flex-direction: column;
7735 } 7769 }
7736 .cabinet__menu-toper { 7770 .cabinet__menu-toper {
7737 display: -webkit-box; 7771 display: -webkit-box;
7738 display: -ms-flexbox; 7772 display: -ms-flexbox;
7739 display: flex; 7773 display: flex;
7740 -webkit-box-align: center; 7774 -webkit-box-align: center;
7741 -ms-flex-align: center; 7775 -ms-flex-align: center;
7742 align-items: center; 7776 align-items: center;
7743 -webkit-box-pack: justify; 7777 -webkit-box-pack: justify;
7744 -ms-flex-pack: justify; 7778 -ms-flex-pack: justify;
7745 justify-content: space-between; 7779 justify-content: space-between;
7746 padding: 0 16px; 7780 padding: 0 16px;
7747 padding-right: 12px; 7781 padding-right: 12px;
7748 border: none; 7782 border: none;
7749 border-radius: 8px; 7783 border-radius: 8px;
7750 background: #377d87; 7784 background: #377d87;
7751 color: #fff; 7785 color: #fff;
7752 } 7786 }
7753 @media (min-width: 768px) { 7787 @media (min-width: 768px) {
7754 .cabinet__menu-toper { 7788 .cabinet__menu-toper {
7755 padding: 0 20px; 7789 padding: 0 20px;
7756 } 7790 }
7757 } 7791 }
7758 @media (min-width: 992px) { 7792 @media (min-width: 992px) {
7759 .cabinet__menu-toper { 7793 .cabinet__menu-toper {
7760 display: none; 7794 display: none;
7761 } 7795 }
7762 } 7796 }
7763 .cabinet__menu-toper-text { 7797 .cabinet__menu-toper-text {
7764 width: calc(100% - 16px); 7798 width: calc(100% - 16px);
7765 display: -webkit-box; 7799 display: -webkit-box;
7766 display: -ms-flexbox; 7800 display: -ms-flexbox;
7767 display: flex; 7801 display: flex;
7768 -webkit-box-align: center; 7802 -webkit-box-align: center;
7769 -ms-flex-align: center; 7803 -ms-flex-align: center;
7770 align-items: center; 7804 align-items: center;
7771 } 7805 }
7772 @media (min-width: 768px) { 7806 @media (min-width: 768px) {
7773 .cabinet__menu-toper-text { 7807 .cabinet__menu-toper-text {
7774 width: calc(100% - 20px); 7808 width: calc(100% - 20px);
7775 } 7809 }
7776 } 7810 }
7777 .cabinet__menu-toper-text i { 7811 .cabinet__menu-toper-text i {
7778 width: 16px; 7812 width: 16px;
7779 height: 16px; 7813 height: 16px;
7780 display: -webkit-box; 7814 display: -webkit-box;
7781 display: -ms-flexbox; 7815 display: -ms-flexbox;
7782 display: flex; 7816 display: flex;
7783 -webkit-box-align: center; 7817 -webkit-box-align: center;
7784 -ms-flex-align: center; 7818 -ms-flex-align: center;
7785 align-items: center; 7819 align-items: center;
7786 -webkit-box-pack: center; 7820 -webkit-box-pack: center;
7787 -ms-flex-pack: center; 7821 -ms-flex-pack: center;
7788 justify-content: center; 7822 justify-content: center;
7789 } 7823 }
7790 @media (min-width: 768px) { 7824 @media (min-width: 768px) {
7791 .cabinet__menu-toper-text i { 7825 .cabinet__menu-toper-text i {
7792 width: 22px; 7826 width: 22px;
7793 height: 22px; 7827 height: 22px;
7794 } 7828 }
7795 } 7829 }
7796 .cabinet__menu-toper-text svg { 7830 .cabinet__menu-toper-text svg {
7797 width: 16px; 7831 width: 16px;
7798 height: 16px; 7832 height: 16px;
7799 } 7833 }
7800 @media (min-width: 768px) { 7834 @media (min-width: 768px) {
7801 .cabinet__menu-toper-text svg { 7835 .cabinet__menu-toper-text svg {
7802 width: 22px; 7836 width: 22px;
7803 height: 22px; 7837 height: 22px;
7804 } 7838 }
7805 } 7839 }
7806 .cabinet__menu-toper-text span { 7840 .cabinet__menu-toper-text span {
7807 display: -webkit-box; 7841 display: -webkit-box;
7808 display: -ms-flexbox; 7842 display: -ms-flexbox;
7809 display: flex; 7843 display: flex;
7810 -webkit-box-align: center; 7844 -webkit-box-align: center;
7811 -ms-flex-align: center; 7845 -ms-flex-align: center;
7812 align-items: center; 7846 align-items: center;
7813 padding: 0 10px; 7847 padding: 0 10px;
7814 min-height: 30px; 7848 min-height: 30px;
7815 font-size: 12px; 7849 font-size: 12px;
7816 width: calc(100% - 16px); 7850 width: calc(100% - 16px);
7817 } 7851 }
7818 @media (min-width: 768px) { 7852 @media (min-width: 768px) {
7819 .cabinet__menu-toper-text span { 7853 .cabinet__menu-toper-text span {
7820 width: calc(100% - 22px); 7854 width: calc(100% - 22px);
7821 font-size: 20px; 7855 font-size: 20px;
7822 min-height: 52px; 7856 min-height: 52px;
7823 padding: 0 16px; 7857 padding: 0 16px;
7824 } 7858 }
7825 } 7859 }
7826 .cabinet__menu-toper-arrow { 7860 .cabinet__menu-toper-arrow {
7827 width: 16px; 7861 width: 16px;
7828 height: 16px; 7862 height: 16px;
7829 display: -webkit-box; 7863 display: -webkit-box;
7830 display: -ms-flexbox; 7864 display: -ms-flexbox;
7831 display: flex; 7865 display: flex;
7832 -webkit-box-pack: center; 7866 -webkit-box-pack: center;
7833 -ms-flex-pack: center; 7867 -ms-flex-pack: center;
7834 justify-content: center; 7868 justify-content: center;
7835 -webkit-box-align: center; 7869 -webkit-box-align: center;
7836 -ms-flex-align: center; 7870 -ms-flex-align: center;
7837 align-items: center; 7871 align-items: center;
7838 -webkit-transition: 0.3s; 7872 -webkit-transition: 0.3s;
7839 transition: 0.3s; 7873 transition: 0.3s;
7840 } 7874 }
7841 @media (min-width: 768px) { 7875 @media (min-width: 768px) {
7842 .cabinet__menu-toper-arrow { 7876 .cabinet__menu-toper-arrow {
7843 width: 20px; 7877 width: 20px;
7844 height: 20px; 7878 height: 20px;
7845 } 7879 }
7846 } 7880 }
7847 .cabinet__menu-toper-arrow svg { 7881 .cabinet__menu-toper-arrow svg {
7848 width: 12px; 7882 width: 12px;
7849 height: 12px; 7883 height: 12px;
7850 -webkit-transform: rotate(90deg); 7884 -webkit-transform: rotate(90deg);
7851 -ms-transform: rotate(90deg); 7885 -ms-transform: rotate(90deg);
7852 transform: rotate(90deg); 7886 transform: rotate(90deg);
7853 } 7887 }
7854 @media (min-width: 768px) { 7888 @media (min-width: 768px) {
7855 .cabinet__menu-toper-arrow svg { 7889 .cabinet__menu-toper-arrow svg {
7856 width: 20px; 7890 width: 20px;
7857 height: 20px; 7891 height: 20px;
7858 } 7892 }
7859 } 7893 }
7860 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7894 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7861 -webkit-transform: rotate(180deg); 7895 -webkit-transform: rotate(180deg);
7862 -ms-transform: rotate(180deg); 7896 -ms-transform: rotate(180deg);
7863 transform: rotate(180deg); 7897 transform: rotate(180deg);
7864 } 7898 }
7865 .cabinet__menu-body { 7899 .cabinet__menu-body {
7866 opacity: 0; 7900 opacity: 0;
7867 height: 0; 7901 height: 0;
7868 overflow: hidden; 7902 overflow: hidden;
7869 display: -webkit-box; 7903 display: -webkit-box;
7870 display: -ms-flexbox; 7904 display: -ms-flexbox;
7871 display: flex; 7905 display: flex;
7872 -webkit-box-orient: vertical; 7906 -webkit-box-orient: vertical;
7873 -webkit-box-direction: normal; 7907 -webkit-box-direction: normal;
7874 -ms-flex-direction: column; 7908 -ms-flex-direction: column;
7875 flex-direction: column; 7909 flex-direction: column;
7876 } 7910 }
7877 @media (min-width: 992px) { 7911 @media (min-width: 992px) {
7878 .cabinet__menu-body { 7912 .cabinet__menu-body {
7879 opacity: 1; 7913 opacity: 1;
7880 height: auto; 7914 height: auto;
7881 } 7915 }
7882 } 7916 }
7883 .active + .cabinet__menu-body { 7917 .active + .cabinet__menu-body {
7884 opacity: 1; 7918 opacity: 1;
7885 height: auto; 7919 height: auto;
7886 -webkit-transition: 0.3s; 7920 -webkit-transition: 0.3s;
7887 transition: 0.3s; 7921 transition: 0.3s;
7888 } 7922 }
7889 .cabinet__menu-items { 7923 .cabinet__menu-items {
7890 display: -webkit-box; 7924 display: -webkit-box;
7891 display: -ms-flexbox; 7925 display: -ms-flexbox;
7892 display: flex; 7926 display: flex;
7893 -webkit-box-orient: vertical; 7927 -webkit-box-orient: vertical;
7894 -webkit-box-direction: normal; 7928 -webkit-box-direction: normal;
7895 -ms-flex-direction: column; 7929 -ms-flex-direction: column;
7896 flex-direction: column; 7930 flex-direction: column;
7897 } 7931 }
7898 .cabinet__menu-item { 7932 .cabinet__menu-item {
7899 padding: 8px 16px; 7933 padding: 8px 16px;
7900 border-radius: 8px; 7934 border-radius: 8px;
7901 display: -webkit-box; 7935 display: -webkit-box;
7902 display: -ms-flexbox; 7936 display: -ms-flexbox;
7903 display: flex; 7937 display: flex;
7904 -webkit-box-align: center; 7938 -webkit-box-align: center;
7905 -ms-flex-align: center; 7939 -ms-flex-align: center;
7906 align-items: center; 7940 align-items: center;
7907 } 7941 }
7908 @media (min-width: 768px) { 7942 @media (min-width: 768px) {
7909 .cabinet__menu-item { 7943 .cabinet__menu-item {
7910 padding: 14px 20px; 7944 padding: 14px 20px;
7911 } 7945 }
7912 } 7946 }
7913 .cabinet__menu-item:hover { 7947 .cabinet__menu-item:hover {
7914 color: #377d87; 7948 color: #377d87;
7915 } 7949 }
7916 @media (min-width: 992px) { 7950 @media (min-width: 992px) {
7917 .cabinet__menu-item.active { 7951 .cabinet__menu-item.active {
7918 background: #377d87; 7952 background: #377d87;
7919 color: #fff; 7953 color: #fff;
7920 } 7954 }
7921 } 7955 }
7922 @media (min-width: 992px) { 7956 @media (min-width: 992px) {
7923 .cabinet__menu-item.active svg { 7957 .cabinet__menu-item.active svg {
7924 color: #fff; 7958 color: #fff;
7925 } 7959 }
7926 } 7960 }
7927 @media (min-width: 992px) { 7961 @media (min-width: 992px) {
7928 .cabinet__menu-item.active.red { 7962 .cabinet__menu-item.active.red {
7929 background: #eb5757; 7963 background: #eb5757;
7930 } 7964 }
7931 } 7965 }
7932 .cabinet__menu-item i { 7966 .cabinet__menu-item i {
7933 width: 16px; 7967 width: 16px;
7934 height: 16px; 7968 height: 16px;
7935 color: #377d87; 7969 color: #377d87;
7936 } 7970 }
7937 @media (min-width: 768px) { 7971 @media (min-width: 768px) {
7938 .cabinet__menu-item i { 7972 .cabinet__menu-item i {
7939 width: 22px; 7973 width: 22px;
7940 height: 22px; 7974 height: 22px;
7941 } 7975 }
7942 } 7976 }
7943 .cabinet__menu-item svg { 7977 .cabinet__menu-item svg {
7944 width: 16px; 7978 width: 16px;
7945 height: 16px; 7979 height: 16px;
7946 } 7980 }
7947 @media (min-width: 768px) { 7981 @media (min-width: 768px) {
7948 .cabinet__menu-item svg { 7982 .cabinet__menu-item svg {
7949 width: 22px; 7983 width: 22px;
7950 height: 22px; 7984 height: 22px;
7951 } 7985 }
7952 } 7986 }
7953 .cabinet__menu-item span { 7987 .cabinet__menu-item span {
7954 width: calc(100% - 16px); 7988 width: calc(100% - 16px);
7955 font-size: 12px; 7989 font-size: 12px;
7956 padding-left: 10px; 7990 padding-left: 10px;
7957 } 7991 }
7958 @media (min-width: 768px) { 7992 @media (min-width: 768px) {
7959 .cabinet__menu-item span { 7993 .cabinet__menu-item span {
7960 font-size: 20px; 7994 font-size: 20px;
7961 width: calc(100% - 22px); 7995 width: calc(100% - 22px);
7962 padding-left: 16px; 7996 padding-left: 16px;
7963 } 7997 }
7964 } 7998 }
7965 .cabinet__menu-bottom { 7999 .cabinet__menu-bottom {
7966 display: -webkit-box; 8000 display: -webkit-box;
7967 display: -ms-flexbox; 8001 display: -ms-flexbox;
7968 display: flex; 8002 display: flex;
7969 -webkit-box-orient: vertical; 8003 -webkit-box-orient: vertical;
7970 -webkit-box-direction: normal; 8004 -webkit-box-direction: normal;
7971 -ms-flex-direction: column; 8005 -ms-flex-direction: column;
7972 flex-direction: column; 8006 flex-direction: column;
7973 gap: 10px; 8007 gap: 10px;
7974 margin-top: 10px; 8008 margin-top: 10px;
7975 } 8009 }
7976 @media (min-width: 768px) { 8010 @media (min-width: 768px) {
7977 .cabinet__menu-bottom { 8011 .cabinet__menu-bottom {
7978 gap: 20px; 8012 gap: 20px;
7979 margin-top: 20px; 8013 margin-top: 20px;
7980 } 8014 }
7981 } 8015 }
7982 .cabinet__menu-copy { 8016 .cabinet__menu-copy {
7983 color: #9c9d9d; 8017 color: #9c9d9d;
7984 text-align: center; 8018 text-align: center;
7985 font-size: 12px; 8019 font-size: 12px;
7986 } 8020 }
7987 @media (min-width: 768px) { 8021 @media (min-width: 768px) {
7988 .cabinet__menu-copy { 8022 .cabinet__menu-copy {
7989 font-size: 16px; 8023 font-size: 16px;
7990 } 8024 }
7991 } 8025 }
7992 .cabinet__body { 8026 .cabinet__body {
7993 margin: 0 -10px; 8027 margin: 0 -10px;
7994 margin-top: 50px; 8028 margin-top: 50px;
7995 background: #fff; 8029 background: #fff;
7996 padding: 20px 10px; 8030 padding: 20px 10px;
7997 display: -webkit-box; 8031 display: -webkit-box;
7998 display: -ms-flexbox; 8032 display: -ms-flexbox;
7999 display: flex; 8033 display: flex;
8000 -webkit-box-orient: vertical; 8034 -webkit-box-orient: vertical;
8001 -webkit-box-direction: normal; 8035 -webkit-box-direction: normal;
8002 -ms-flex-direction: column; 8036 -ms-flex-direction: column;
8003 flex-direction: column; 8037 flex-direction: column;
8004 gap: 30px; 8038 gap: 30px;
8005 color: #000; 8039 color: #000;
8006 } 8040 }
8007 @media (min-width: 768px) { 8041 @media (min-width: 768px) {
8008 .cabinet__body { 8042 .cabinet__body {
8009 padding: 30px 20px; 8043 padding: 30px 20px;
8010 margin: 0; 8044 margin: 0;
8011 border-radius: 8px; 8045 border-radius: 8px;
8012 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8046 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8013 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8047 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8014 } 8048 }
8015 } 8049 }
8016 @media (min-width: 992px) { 8050 @media (min-width: 992px) {
8017 .cabinet__body { 8051 .cabinet__body {
8018 width: calc(100% - 360px); 8052 width: calc(100% - 360px);
8019 } 8053 }
8020 } 8054 }
8021 @media (min-width: 1280px) { 8055 @media (min-width: 1280px) {
8022 .cabinet__body { 8056 .cabinet__body {
8023 width: calc(100% - 420px); 8057 width: calc(100% - 420px);
8024 } 8058 }
8025 } 8059 }
8026 .cabinet__body-item { 8060 .cabinet__body-item {
8027 display: -webkit-box; 8061 display: -webkit-box;
8028 display: -ms-flexbox; 8062 display: -ms-flexbox;
8029 display: flex; 8063 display: flex;
8030 -webkit-box-orient: vertical; 8064 -webkit-box-orient: vertical;
8031 -webkit-box-direction: normal; 8065 -webkit-box-direction: normal;
8032 -ms-flex-direction: column; 8066 -ms-flex-direction: column;
8033 flex-direction: column; 8067 flex-direction: column;
8034 gap: 20px; 8068 gap: 20px;
8035 } 8069 }
8036 .cabinet__title { 8070 .cabinet__title {
8037 font-size: 24px; 8071 font-size: 24px;
8038 } 8072 }
8039 @media (min-width: 768px) { 8073 @media (min-width: 768px) {
8040 .cabinet__title { 8074 .cabinet__title {
8041 font-size: 32px; 8075 font-size: 32px;
8042 } 8076 }
8043 } 8077 }
8044 @media (min-width: 992px) { 8078 @media (min-width: 992px) {
8045 .cabinet__title { 8079 .cabinet__title {
8046 font-size: 40px; 8080 font-size: 40px;
8047 } 8081 }
8048 } 8082 }
8049 @media (min-width: 1280px) { 8083 @media (min-width: 1280px) {
8050 .cabinet__title { 8084 .cabinet__title {
8051 font-size: 48px; 8085 font-size: 48px;
8052 } 8086 }
8053 } 8087 }
8054 .cabinet__subtitle { 8088 .cabinet__subtitle {
8055 font-size: 22px; 8089 font-size: 22px;
8056 margin: 0; 8090 margin: 0;
8057 font-weight: 700; 8091 font-weight: 700;
8058 color: #000; 8092 color: #000;
8059 } 8093 }
8060 @media (min-width: 768px) { 8094 @media (min-width: 768px) {
8061 .cabinet__subtitle { 8095 .cabinet__subtitle {
8062 font-size: 24px; 8096 font-size: 24px;
8063 } 8097 }
8064 } 8098 }
8065 .cabinet__h4 { 8099 .cabinet__h4 {
8066 font-size: 20px; 8100 font-size: 20px;
8067 margin: 0; 8101 margin: 0;
8068 font-weight: 700; 8102 font-weight: 700;
8069 color: #000; 8103 color: #000;
8070 } 8104 }
8071 @media (min-width: 768px) { 8105 @media (min-width: 768px) {
8072 .cabinet__h4 { 8106 .cabinet__h4 {
8073 font-size: 22px; 8107 font-size: 22px;
8074 } 8108 }
8075 } 8109 }
8076 .cabinet__text { 8110 .cabinet__text {
8077 margin: 0; 8111 margin: 0;
8078 font-size: 14px; 8112 font-size: 14px;
8079 } 8113 }
8080 @media (min-width: 768px) { 8114 @media (min-width: 768px) {
8081 .cabinet__text { 8115 .cabinet__text {
8082 font-size: 16px; 8116 font-size: 16px;
8083 } 8117 }
8084 } 8118 }
8085 .cabinet__text b { 8119 .cabinet__text b {
8086 color: #000; 8120 color: #000;
8087 font-size: 18px; 8121 font-size: 18px;
8088 } 8122 }
8089 @media (min-width: 768px) { 8123 @media (min-width: 768px) {
8090 .cabinet__text b { 8124 .cabinet__text b {
8091 font-size: 24px; 8125 font-size: 24px;
8092 } 8126 }
8093 } 8127 }
8094 .cabinet__descr { 8128 .cabinet__descr {
8095 display: -webkit-box; 8129 display: -webkit-box;
8096 display: -ms-flexbox; 8130 display: -ms-flexbox;
8097 display: flex; 8131 display: flex;
8098 -webkit-box-orient: vertical; 8132 -webkit-box-orient: vertical;
8099 -webkit-box-direction: normal; 8133 -webkit-box-direction: normal;
8100 -ms-flex-direction: column; 8134 -ms-flex-direction: column;
8101 flex-direction: column; 8135 flex-direction: column;
8102 gap: 6px; 8136 gap: 6px;
8103 } 8137 }
8104 @media (min-width: 768px) { 8138 @media (min-width: 768px) {
8105 .cabinet__descr { 8139 .cabinet__descr {
8106 gap: 12px; 8140 gap: 12px;
8107 } 8141 }
8108 } 8142 }
8109 .cabinet__avatar { 8143 .cabinet__avatar {
8110 display: -webkit-box; 8144 display: -webkit-box;
8111 display: -ms-flexbox; 8145 display: -ms-flexbox;
8112 display: flex; 8146 display: flex;
8113 -webkit-box-align: start; 8147 -webkit-box-align: start;
8114 -ms-flex-align: start; 8148 -ms-flex-align: start;
8115 align-items: flex-start; 8149 align-items: flex-start;
8116 } 8150 }
8117 @media (min-width: 768px) { 8151 @media (min-width: 768px) {
8118 .cabinet__avatar { 8152 .cabinet__avatar {
8119 -webkit-box-align: center; 8153 -webkit-box-align: center;
8120 -ms-flex-align: center; 8154 -ms-flex-align: center;
8121 align-items: center; 8155 align-items: center;
8122 } 8156 }
8123 } 8157 }
8124 .cabinet__avatar-pic { 8158 .cabinet__avatar-pic {
8125 width: 100px; 8159 width: 100px;
8126 aspect-ratio: 1/1; 8160 aspect-ratio: 1/1;
8127 position: relative; 8161 position: relative;
8128 display: -webkit-box; 8162 display: -webkit-box;
8129 display: -ms-flexbox; 8163 display: -ms-flexbox;
8130 display: flex; 8164 display: flex;
8131 -webkit-box-pack: center; 8165 -webkit-box-pack: center;
8132 -ms-flex-pack: center; 8166 -ms-flex-pack: center;
8133 justify-content: center; 8167 justify-content: center;
8134 -webkit-box-align: center; 8168 -webkit-box-align: center;
8135 -ms-flex-align: center; 8169 -ms-flex-align: center;
8136 align-items: center; 8170 align-items: center;
8137 overflow: hidden; 8171 overflow: hidden;
8138 border-radius: 8px; 8172 border-radius: 8px;
8139 color: #fff; 8173 color: #fff;
8140 background: #9c9d9d; 8174 background: #9c9d9d;
8141 } 8175 }
8142 .cabinet__avatar-pic svg { 8176 .cabinet__avatar-pic svg {
8143 width: 50%; 8177 width: 50%;
8144 aspect-ratio: 1/1; 8178 aspect-ratio: 1/1;
8145 z-index: 1; 8179 z-index: 1;
8146 position: relative; 8180 position: relative;
8147 } 8181 }
8148 .cabinet__avatar-pic img{ 8182 .cabinet__avatar-pic img{
8149 max-width: 100%; 8183 max-width: 100%;
8150 max-height: 100%; 8184 max-height: 100%;
8151 } 8185 }
8152 .cabinet__avatar-form { 8186 .cabinet__avatar-form {
8153 width: calc(100% - 100px); 8187 width: calc(100% - 100px);
8154 padding-left: 15px; 8188 padding-left: 15px;
8155 display: -webkit-box; 8189 display: -webkit-box;
8156 display: -ms-flexbox; 8190 display: -ms-flexbox;
8157 display: flex; 8191 display: flex;
8158 -webkit-box-orient: vertical; 8192 -webkit-box-orient: vertical;
8159 -webkit-box-direction: normal; 8193 -webkit-box-direction: normal;
8160 -ms-flex-direction: column; 8194 -ms-flex-direction: column;
8161 flex-direction: column; 8195 flex-direction: column;
8162 gap: 6px; 8196 gap: 6px;
8163 } 8197 }
8164 .candidate-top-wrapper{ 8198 .candidate-top-wrapper{
8165 display: flex; 8199 display: flex;
8166 } 8200 }
8167 .candidate-top-wrapper .candidate-thumbnail{ 8201 .candidate-top-wrapper .candidate-thumbnail{
8168 width: 100px; 8202 width: 100px;
8169 height: 100px; 8203 height: 100px;
8170 min-width: 100px; 8204 min-width: 100px;
8171 border-radius: 8px; 8205 border-radius: 8px;
8172 overflow: hidden; 8206 overflow: hidden;
8173 } 8207 }
8174 .candidate-top-wrapper .candidate-thumbnail img{ 8208 .candidate-top-wrapper .candidate-thumbnail img{
8175 max-height: 100%; 8209 max-height: 100%;
8176 max-width: 100%; 8210 max-width: 100%;
8177 } 8211 }
8178 .candidate-top-wrapper .candidate-information{ 8212 .candidate-top-wrapper .candidate-information{
8179 padding-left: 20px; 8213 padding-left: 20px;
8180 font-size: 21px; 8214 font-size: 21px;
8181 display: flex; 8215 display: flex;
8182 align-items: center; 8216 align-items: center;
8183 } 8217 }
8184 .candidate-top-wrapper .candidate-information .candidate-title{ 8218 .candidate-top-wrapper .candidate-information .candidate-title{
8185 font-size: inherit; 8219 font-size: inherit;
8186 } 8220 }
8187 .content-single-candidate .education-detail-description{ 8221 .content-single-candidate .education-detail-description{
8188 margin-bottom: 50px; 8222 margin-bottom: 50px;
8189 text-align: justify; 8223 text-align: justify;
8190 } 8224 }
8191 .content-single-candidate .education-detail-description h3.title{ 8225 .content-single-candidate .education-detail-description h3.title{
8192 font-size: 18px; 8226 font-size: 18px;
8193 margin: 0 0 20px; 8227 margin: 0 0 20px;
8194 } 8228 }
8195 .content-single-candidate .education-detail-description .inner{ 8229 .content-single-candidate .education-detail-description .inner{
8196 font-size: 16px; 8230 font-size: 16px;
8197 font-weight: 300; 8231 font-weight: 300;
8198 line-height: 22px; 8232 line-height: 22px;
8199 color: #77838F; 8233 color: #77838F;
8200 } 8234 }
8201 .education-detail-programs h3.title{ 8235 .education-detail-programs h3.title{
8202 font-size: 18px; 8236 font-size: 18px;
8203 margin: 0 0 20px; 8237 margin: 0 0 20px;
8204 } 8238 }
8205 .education-detail-programs .accordion{ 8239 .education-detail-programs .accordion{
8206 margin: 1rem 0; 8240 margin: 1rem 0;
8207 padding: 0; 8241 padding: 0;
8208 list-style: none; 8242 list-style: none;
8209 border-top: 1px solid #ECEDF2; 8243 border-top: 1px solid #ECEDF2;
8210 } 8244 }
8211 .education-detail-programs .accordion.sub{ 8245 .education-detail-programs .accordion.sub{
8212 padding-left: 20px; 8246 padding-left: 20px;
8213 display: none; 8247 display: none;
8214 } 8248 }
8215 .education-detail-programs .accordion-item { 8249 .education-detail-programs .accordion-item {
8216 border-bottom: 1px solid #ECEDF2; 8250 border-bottom: 1px solid #ECEDF2;
8217 } 8251 }
8218 .education-detail-programs .accordion-thumb { 8252 .education-detail-programs .accordion-thumb {
8219 margin: 0; 8253 margin: 0;
8220 padding: 25px 0; 8254 padding: 25px 0;
8221 cursor: pointer; 8255 cursor: pointer;
8222 font-weight: normal; 8256 font-weight: normal;
8223 color: #0E5C69; 8257 color: #0E5C69;
8224 font-size: 16px; 8258 font-size: 16px;
8225 text-transform: uppercase; 8259 text-transform: uppercase;
8226 } 8260 }
8227 .education-detail-programs .accordion-thumb::after { 8261 .education-detail-programs .accordion-thumb::after {
8228 content: ""; 8262 content: "";
8229 display: block; 8263 display: block;
8230 float: right; 8264 float: right;
8231 position: relative; 8265 position: relative;
8232 top: 6px; 8266 top: 6px;
8233 height: 7px; 8267 height: 7px;
8234 width: 7px; 8268 width: 7px;
8235 margin-right: 1rem; 8269 margin-right: 1rem;
8236 margin-left: 0.5rem; 8270 margin-left: 0.5rem;
8237 border-right: 1px solid; 8271 border-right: 1px solid;
8238 border-bottom: 1px solid; 8272 border-bottom: 1px solid;
8239 border-color: #828A96; 8273 border-color: #828A96;
8240 transform: rotate(-45deg); 8274 transform: rotate(-45deg);
8241 transition: transform 0.2s ease-out; 8275 transition: transform 0.2s ease-out;
8242 } 8276 }
8243 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8277 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8244 transform: rotate(45deg); 8278 transform: rotate(45deg);
8245 } 8279 }
8246 .accordion-sub .accordion-panel{ 8280 .accordion-sub .accordion-panel{
8247 display: none; 8281 display: none;
8248 } 8282 }
8249 .accordion > .accordion-item > .accordion-panel{ 8283 .accordion > .accordion-item > .accordion-panel{
8250 opacity: 1; 8284 opacity: 1;
8251 } 8285 }
8252 .accordion-sub li{ 8286 .accordion-sub li{
8253 list-style-type: none; 8287 list-style-type: none;
8254 } 8288 }
8255 .education-detail-contacts{ 8289 .education-detail-contacts{
8256 margin-top: 50px; 8290 margin-top: 50px;
8257 } 8291 }
8258 .education-detail-contacts h3.title{ 8292 .education-detail-contacts h3.title{
8259 font-size: 18px; 8293 font-size: 18px;
8260 margin: 0 0 20px; 8294 margin: 0 0 20px;
8261 } 8295 }
8262 .education-detail-contacts .inner > div{ 8296 .education-detail-contacts .inner > div{
8263 display: flex; 8297 display: flex;
8264 align-items: center; 8298 align-items: center;
8265 margin-bottom: 20px; 8299 margin-bottom: 20px;
8266 } 8300 }
8267 .education-detail-contacts .inner > div .icon{ 8301 .education-detail-contacts .inner > div .icon{
8268 margin-right: 20px; 8302 margin-right: 20px;
8269 } 8303 }
8270 @media (min-width: 768px) { 8304 @media (min-width: 768px) {
8271 .cabinet__avatar-form { 8305 .cabinet__avatar-form {
8272 -webkit-box-align: start; 8306 -webkit-box-align: start;
8273 -ms-flex-align: start; 8307 -ms-flex-align: start;
8274 align-items: flex-start; 8308 align-items: flex-start;
8275 padding-left: 30px; 8309 padding-left: 30px;
8276 gap: 12px; 8310 gap: 12px;
8277 } 8311 }
8278 } 8312 }
8279 @media (min-width: 768px) { 8313 @media (min-width: 768px) {
8280 .cabinet__avatar-form .file { 8314 .cabinet__avatar-form .file {
8281 min-width: 215px; 8315 min-width: 215px;
8282 } 8316 }
8283 } 8317 }
8284 .cabinet__inputs { 8318 .cabinet__inputs {
8285 display: -webkit-box; 8319 display: -webkit-box;
8286 display: -ms-flexbox; 8320 display: -ms-flexbox;
8287 display: flex; 8321 display: flex;
8288 -webkit-box-orient: vertical; 8322 -webkit-box-orient: vertical;
8289 -webkit-box-direction: normal; 8323 -webkit-box-direction: normal;
8290 -ms-flex-direction: column; 8324 -ms-flex-direction: column;
8291 flex-direction: column; 8325 flex-direction: column;
8292 gap: 20px; 8326 gap: 20px;
8293 } 8327 }
8294 @media (min-width: 1280px) { 8328 @media (min-width: 1280px) {
8295 .cabinet__inputs { 8329 .cabinet__inputs {
8296 -webkit-box-orient: horizontal; 8330 -webkit-box-orient: horizontal;
8297 -webkit-box-direction: normal; 8331 -webkit-box-direction: normal;
8298 -ms-flex-direction: row; 8332 -ms-flex-direction: row;
8299 flex-direction: row; 8333 flex-direction: row;
8300 -webkit-box-align: start; 8334 -webkit-box-align: start;
8301 -ms-flex-align: start; 8335 -ms-flex-align: start;
8302 align-items: flex-start; 8336 align-items: flex-start;
8303 -webkit-box-pack: justify; 8337 -webkit-box-pack: justify;
8304 -ms-flex-pack: justify; 8338 -ms-flex-pack: justify;
8305 justify-content: space-between; 8339 justify-content: space-between;
8306 -ms-flex-wrap: wrap; 8340 -ms-flex-wrap: wrap;
8307 flex-wrap: wrap; 8341 flex-wrap: wrap;
8308 } 8342 }
8309 } 8343 }
8310 @media (min-width: 1280px) { 8344 @media (min-width: 1280px) {
8311 .cabinet__inputs-item { 8345 .cabinet__inputs-item {
8312 width: calc(50% - 10px); 8346 width: calc(50% - 10px);
8313 } 8347 }
8314 } 8348 }
8315 @media (min-width: 1280px) { 8349 @media (min-width: 1280px) {
8316 .cabinet__inputs-item_fullwidth { 8350 .cabinet__inputs-item_fullwidth {
8317 width: 100%; 8351 width: 100%;
8318 } 8352 }
8319 } 8353 }
8320 @media (min-width: 1280px) { 8354 @media (min-width: 1280px) {
8321 .cabinet__inputs-item_min { 8355 .cabinet__inputs-item_min {
8322 width: calc(15% - 10px); 8356 width: calc(15% - 10px);
8323 } 8357 }
8324 } 8358 }
8325 @media (min-width: 1280px) { 8359 @media (min-width: 1280px) {
8326 .cabinet__inputs-item_max { 8360 .cabinet__inputs-item_max {
8327 width: calc(85% - 10px); 8361 width: calc(85% - 10px);
8328 } 8362 }
8329 } 8363 }
8330 @media (min-width: 768px) { 8364 @media (min-width: 768px) {
8331 .cabinet__inputs-item .button { 8365 .cabinet__inputs-item .button {
8332 width: 100%; 8366 width: 100%;
8333 max-width: 215px; 8367 max-width: 215px;
8334 padding: 0; 8368 padding: 0;
8335 } 8369 }
8336 } 8370 }
8337 .cabinet__inputs-item .buttons { 8371 .cabinet__inputs-item .buttons {
8338 display: grid; 8372 display: grid;
8339 grid-template-columns: 1fr 1fr; 8373 grid-template-columns: 1fr 1fr;
8340 gap: 10px; 8374 gap: 10px;
8341 } 8375 }
8342 @media (min-width: 768px) { 8376 @media (min-width: 768px) {
8343 .cabinet__inputs-item .buttons { 8377 .cabinet__inputs-item .buttons {
8344 gap: 20px; 8378 gap: 20px;
8345 max-width: 470px; 8379 max-width: 470px;
8346 } 8380 }
8347 } 8381 }
8348 @media (min-width: 992px) { 8382 @media (min-width: 992px) {
8349 .cabinet__inputs-item .buttons { 8383 .cabinet__inputs-item .buttons {
8350 max-width: none; 8384 max-width: none;
8351 } 8385 }
8352 } 8386 }
8353 @media (min-width: 1280px) { 8387 @media (min-width: 1280px) {
8354 .cabinet__inputs-item .buttons { 8388 .cabinet__inputs-item .buttons {
8355 max-width: 470px; 8389 max-width: 470px;
8356 } 8390 }
8357 } 8391 }
8358 .cabinet__inputs-item .buttons .button { 8392 .cabinet__inputs-item .buttons .button {
8359 max-width: none; 8393 max-width: none;
8360 } 8394 }
8361 .cabinet__inputs > .button { 8395 .cabinet__inputs > .button {
8362 padding: 0; 8396 padding: 0;
8363 width: 100%; 8397 width: 100%;
8364 max-width: 140px; 8398 max-width: 140px;
8365 } 8399 }
8366 @media (min-width: 768px) { 8400 @media (min-width: 768px) {
8367 .cabinet__inputs > .button { 8401 .cabinet__inputs > .button {
8368 max-width: 190px; 8402 max-width: 190px;
8369 } 8403 }
8370 } 8404 }
8371 .cabinet__add { 8405 .cabinet__add {
8372 display: -webkit-box; 8406 display: -webkit-box;
8373 display: -ms-flexbox; 8407 display: -ms-flexbox;
8374 display: flex; 8408 display: flex;
8375 -webkit-box-orient: vertical; 8409 -webkit-box-orient: vertical;
8376 -webkit-box-direction: normal; 8410 -webkit-box-direction: normal;
8377 -ms-flex-direction: column; 8411 -ms-flex-direction: column;
8378 flex-direction: column; 8412 flex-direction: column;
8379 gap: 10px; 8413 gap: 10px;
8380 } 8414 }
8381 @media (min-width: 768px) { 8415 @media (min-width: 768px) {
8382 .cabinet__add { 8416 .cabinet__add {
8383 gap: 0; 8417 gap: 0;
8384 -webkit-box-orient: horizontal; 8418 -webkit-box-orient: horizontal;
8385 -webkit-box-direction: normal; 8419 -webkit-box-direction: normal;
8386 -ms-flex-direction: row; 8420 -ms-flex-direction: row;
8387 flex-direction: row; 8421 flex-direction: row;
8388 -webkit-box-align: end; 8422 -webkit-box-align: end;
8389 -ms-flex-align: end; 8423 -ms-flex-align: end;
8390 align-items: flex-end; 8424 align-items: flex-end;
8391 } 8425 }
8392 } 8426 }
8393 .cabinet__add-pic { 8427 .cabinet__add-pic {
8394 border-radius: 4px; 8428 border-radius: 4px;
8395 position: relative; 8429 position: relative;
8396 overflow: hidden; 8430 overflow: hidden;
8397 background: #9c9d9d; 8431 background: #9c9d9d;
8398 color: #fff; 8432 color: #fff;
8399 width: 100px; 8433 width: 100px;
8400 aspect-ratio: 1/1; 8434 aspect-ratio: 1/1;
8401 -webkit-transition: 0.3s; 8435 -webkit-transition: 0.3s;
8402 transition: 0.3s; 8436 transition: 0.3s;
8403 } 8437 }
8404 @media (min-width: 768px) { 8438 @media (min-width: 768px) {
8405 .cabinet__add-pic { 8439 .cabinet__add-pic {
8406 width: 220px; 8440 width: 220px;
8407 border-radius: 8px; 8441 border-radius: 8px;
8408 } 8442 }
8409 } 8443 }
8410 .cabinet__add-pic:hover { 8444 .cabinet__add-pic:hover {
8411 background: #000; 8445 background: #000;
8412 } 8446 }
8413 .cabinet__add-pic input { 8447 .cabinet__add-pic input {
8414 display: none; 8448 display: none;
8415 } 8449 }
8416 .cabinet__add-pic > svg { 8450 .cabinet__add-pic > svg {
8417 width: 20px; 8451 width: 20px;
8418 position: absolute; 8452 position: absolute;
8419 top: 50%; 8453 top: 50%;
8420 left: 50%; 8454 left: 50%;
8421 -webkit-transform: translate(-50%, -50%); 8455 -webkit-transform: translate(-50%, -50%);
8422 -ms-transform: translate(-50%, -50%); 8456 -ms-transform: translate(-50%, -50%);
8423 transform: translate(-50%, -50%); 8457 transform: translate(-50%, -50%);
8424 z-index: 1; 8458 z-index: 1;
8425 } 8459 }
8426 @media (min-width: 768px) { 8460 @media (min-width: 768px) {
8427 .cabinet__add-pic > svg { 8461 .cabinet__add-pic > svg {
8428 width: 50px; 8462 width: 50px;
8429 } 8463 }
8430 } 8464 }
8431 .cabinet__add-pic span { 8465 .cabinet__add-pic span {
8432 display: -webkit-box; 8466 display: -webkit-box;
8433 display: -ms-flexbox; 8467 display: -ms-flexbox;
8434 display: flex; 8468 display: flex;
8435 -webkit-box-align: center; 8469 -webkit-box-align: center;
8436 -ms-flex-align: center; 8470 -ms-flex-align: center;
8437 align-items: center; 8471 align-items: center;
8438 -webkit-box-pack: center; 8472 -webkit-box-pack: center;
8439 -ms-flex-pack: center; 8473 -ms-flex-pack: center;
8440 justify-content: center; 8474 justify-content: center;
8441 width: 100%; 8475 width: 100%;
8442 gap: 4px; 8476 gap: 4px;
8443 font-weight: 700; 8477 font-weight: 700;
8444 font-size: 8px; 8478 font-size: 8px;
8445 line-height: 1; 8479 line-height: 1;
8446 position: absolute; 8480 position: absolute;
8447 top: 50%; 8481 top: 50%;
8448 left: 50%; 8482 left: 50%;
8449 -webkit-transform: translate(-50%, -50%); 8483 -webkit-transform: translate(-50%, -50%);
8450 -ms-transform: translate(-50%, -50%); 8484 -ms-transform: translate(-50%, -50%);
8451 transform: translate(-50%, -50%); 8485 transform: translate(-50%, -50%);
8452 margin-top: 25px; 8486 margin-top: 25px;
8453 } 8487 }
8454 @media (min-width: 768px) { 8488 @media (min-width: 768px) {
8455 .cabinet__add-pic span { 8489 .cabinet__add-pic span {
8456 font-size: 16px; 8490 font-size: 16px;
8457 margin-top: 60px; 8491 margin-top: 60px;
8458 } 8492 }
8459 } 8493 }
8460 .cabinet__add-pic span svg { 8494 .cabinet__add-pic span svg {
8461 width: 7px; 8495 width: 7px;
8462 aspect-ratio: 1/1; 8496 aspect-ratio: 1/1;
8463 } 8497 }
8464 @media (min-width: 768px) { 8498 @media (min-width: 768px) {
8465 .cabinet__add-pic span svg { 8499 .cabinet__add-pic span svg {
8466 width: 16px; 8500 width: 16px;
8467 } 8501 }
8468 } 8502 }
8469 .cabinet__add-body { 8503 .cabinet__add-body {
8470 display: -webkit-box; 8504 display: -webkit-box;
8471 display: -ms-flexbox; 8505 display: -ms-flexbox;
8472 display: flex; 8506 display: flex;
8473 -webkit-box-orient: vertical; 8507 -webkit-box-orient: vertical;
8474 -webkit-box-direction: normal; 8508 -webkit-box-direction: normal;
8475 -ms-flex-direction: column; 8509 -ms-flex-direction: column;
8476 flex-direction: column; 8510 flex-direction: column;
8477 gap: 10px; 8511 gap: 10px;
8478 } 8512 }
8479 @media (min-width: 768px) { 8513 @media (min-width: 768px) {
8480 .cabinet__add-body { 8514 .cabinet__add-body {
8481 gap: 20px; 8515 gap: 20px;
8482 width: calc(100% - 220px); 8516 width: calc(100% - 220px);
8483 padding-left: 20px; 8517 padding-left: 20px;
8484 } 8518 }
8485 } 8519 }
8486 @media (min-width: 768px) { 8520 @media (min-width: 768px) {
8487 .cabinet__add-body .button { 8521 .cabinet__add-body .button {
8488 width: 215px; 8522 width: 215px;
8489 padding: 0; 8523 padding: 0;
8490 } 8524 }
8491 } 8525 }
8492 .cabinet__fleet { 8526 .cabinet__fleet {
8493 display: -webkit-box; 8527 display: -webkit-box;
8494 display: -ms-flexbox; 8528 display: -ms-flexbox;
8495 display: flex; 8529 display: flex;
8496 -webkit-box-orient: vertical; 8530 -webkit-box-orient: vertical;
8497 -webkit-box-direction: normal; 8531 -webkit-box-direction: normal;
8498 -ms-flex-direction: column; 8532 -ms-flex-direction: column;
8499 flex-direction: column; 8533 flex-direction: column;
8500 gap: 20px; 8534 gap: 20px;
8501 } 8535 }
8502 @media (min-width: 768px) { 8536 @media (min-width: 768px) {
8503 .cabinet__fleet { 8537 .cabinet__fleet {
8504 display: grid; 8538 display: grid;
8505 grid-template-columns: repeat(2, 1fr); 8539 grid-template-columns: repeat(2, 1fr);
8506 } 8540 }
8507 } 8541 }
8508 @media (min-width: 1280px) { 8542 @media (min-width: 1280px) {
8509 .cabinet__fleet { 8543 .cabinet__fleet {
8510 grid-template-columns: repeat(3, 1fr); 8544 grid-template-columns: repeat(3, 1fr);
8511 } 8545 }
8512 } 8546 }
8513 @media (min-width: 768px) { 8547 @media (min-width: 768px) {
8514 .cabinet__submit { 8548 .cabinet__submit {
8515 width: 215px; 8549 width: 215px;
8516 padding: 0; 8550 padding: 0;
8517 margin: 0 auto; 8551 margin: 0 auto;
8518 } 8552 }
8519 } 8553 }
8520 .cabinet__filters { 8554 .cabinet__filters {
8521 display: -webkit-box; 8555 display: -webkit-box;
8522 display: -ms-flexbox; 8556 display: -ms-flexbox;
8523 display: flex; 8557 display: flex;
8524 -webkit-box-orient: vertical; 8558 -webkit-box-orient: vertical;
8525 -webkit-box-direction: normal; 8559 -webkit-box-direction: normal;
8526 -ms-flex-direction: column; 8560 -ms-flex-direction: column;
8527 flex-direction: column; 8561 flex-direction: column;
8528 gap: 10px; 8562 gap: 10px;
8529 } 8563 }
8530 .cabinet__export-wrap{ 8564 .cabinet__export-wrap{
8531 padding: 10px; 8565 padding: 10px;
8532 border: 1px #cecece solid; 8566 border: 1px #cecece solid;
8533 border-radius: 8px; 8567 border-radius: 8px;
8534 width: 100%; 8568 width: 100%;
8535 } 8569 }
8536 .cabinet__export-button-wrap{ 8570 .cabinet__export-button-wrap{
8537 max-width: 200px; 8571 max-width: 200px;
8538 margin-bottom: 10px; 8572 margin-bottom: 10px;
8539 } 8573 }
8540 .cabinet__export-options-wrap{ 8574 .cabinet__export-options-wrap{
8541 display: flex; 8575 display: flex;
8542 justify-content: space-between; 8576 justify-content: space-between;
8543 } 8577 }
8544 .job-title-list-wrap{ 8578 .job-title-list-wrap{
8545 margin-top: 5px; 8579 margin-top: 5px;
8546 } 8580 }
8547 .cabinet__export-error{ 8581 .cabinet__export-error{
8548 color: red; 8582 color: red;
8549 } 8583 }
8550 .flot-image-wrap img{ 8584 .flot-image-wrap img{
8551 max-width: 100%; 8585 max-width: 100%;
8552 max-height: 100%; 8586 max-height: 100%;
8553 flex: 0 0 auto; 8587 flex: 0 0 auto;
8554 } 8588 }
8555 .flot-image-wrap{ 8589 .flot-image-wrap{
8556 width: 220px; 8590 width: 220px;
8557 height: 220px; 8591 height: 220px;
8558 display: flex; 8592 display: flex;
8559 justify-content: center; 8593 justify-content: center;
8560 align-items: center; 8594 align-items: center;
8561 } 8595 }
8562 @media (min-width: 768px) { 8596 @media (min-width: 768px) {
8563 .cabinet__filters { 8597 .cabinet__filters {
8564 gap: 20px; 8598 gap: 20px;
8565 } 8599 }
8566 } 8600 }
8567 @media (min-width: 1280px) { 8601 @media (min-width: 1280px) {
8568 .cabinet__filters { 8602 .cabinet__filters {
8569 -webkit-box-orient: horizontal; 8603 -webkit-box-orient: horizontal;
8570 -webkit-box-direction: normal; 8604 -webkit-box-direction: normal;
8571 -ms-flex-direction: row; 8605 -ms-flex-direction: row;
8572 flex-direction: row; 8606 flex-direction: row;
8573 -webkit-box-align: start; 8607 -webkit-box-align: start;
8574 -ms-flex-align: start; 8608 -ms-flex-align: start;
8575 align-items: flex-start; 8609 align-items: flex-start;
8576 -webkit-box-pack: justify; 8610 -webkit-box-pack: justify;
8577 -ms-flex-pack: justify; 8611 -ms-flex-pack: justify;
8578 justify-content: space-between; 8612 justify-content: space-between;
8579 } 8613 }
8580 } 8614 }
8581 .cabinet__filters-item { 8615 .cabinet__filters-item {
8582 display: -webkit-box; 8616 display: -webkit-box;
8583 display: -ms-flexbox; 8617 display: -ms-flexbox;
8584 display: flex; 8618 display: flex;
8585 -webkit-box-orient: vertical; 8619 -webkit-box-orient: vertical;
8586 -webkit-box-direction: normal; 8620 -webkit-box-direction: normal;
8587 -ms-flex-direction: column; 8621 -ms-flex-direction: column;
8588 flex-direction: column; 8622 flex-direction: column;
8589 -webkit-box-align: start; 8623 -webkit-box-align: start;
8590 -ms-flex-align: start; 8624 -ms-flex-align: start;
8591 align-items: flex-start; 8625 align-items: flex-start;
8592 gap: 10px; 8626 gap: 10px;
8593 } 8627 }
8594 @media (min-width: 768px) { 8628 @media (min-width: 768px) {
8595 .cabinet__filters-item { 8629 .cabinet__filters-item {
8596 gap: 20px; 8630 gap: 20px;
8597 } 8631 }
8598 } 8632 }
8599 @media (min-width: 1280px) { 8633 @media (min-width: 1280px) {
8600 .cabinet__filters-item { 8634 .cabinet__filters-item {
8601 width: calc(50% - 10px); 8635 width: calc(50% - 10px);
8602 max-width: 410px; 8636 max-width: 410px;
8603 } 8637 }
8604 } 8638 }
8605 .cabinet__filters-item .button, 8639 .cabinet__filters-item .button,
8606 .cabinet__filters-item .select { 8640 .cabinet__filters-item .select {
8607 width: 100%; 8641 width: 100%;
8608 } 8642 }
8609 @media (min-width: 1280px) { 8643 @media (min-width: 1280px) {
8610 .cabinet__filters-item .button, 8644 .cabinet__filters-item .button,
8611 .cabinet__filters-item .select { 8645 .cabinet__filters-item .select {
8612 width: auto; 8646 width: auto;
8613 } 8647 }
8614 } 8648 }
8615 .cabinet__filters-item + .cabinet__filters-item { 8649 .cabinet__filters-item + .cabinet__filters-item {
8616 -webkit-box-align: end; 8650 -webkit-box-align: end;
8617 -ms-flex-align: end; 8651 -ms-flex-align: end;
8618 align-items: flex-end; 8652 align-items: flex-end;
8619 } 8653 }
8620 @media (min-width: 1280px) { 8654 @media (min-width: 1280px) {
8621 .cabinet__filters-item + .cabinet__filters-item { 8655 .cabinet__filters-item + .cabinet__filters-item {
8622 max-width: 280px; 8656 max-width: 280px;
8623 } 8657 }
8624 } 8658 }
8625 .cabinet__filters .search input { 8659 .cabinet__filters .search input {
8626 padding-right: 135px; 8660 padding-right: 135px;
8627 } 8661 }
8628 .cabinet__filters .search button { 8662 .cabinet__filters .search button {
8629 width: 115px; 8663 width: 115px;
8630 } 8664 }
8631 .cabinet__filters-buttons { 8665 .cabinet__filters-buttons {
8632 display: grid; 8666 display: grid;
8633 grid-template-columns: 1fr 1fr; 8667 grid-template-columns: 1fr 1fr;
8634 gap: 10px; 8668 gap: 10px;
8635 width: 100%; 8669 width: 100%;
8636 } 8670 }
8637 @media (min-width: 768px) { 8671 @media (min-width: 768px) {
8638 .cabinet__filters-buttons { 8672 .cabinet__filters-buttons {
8639 gap: 20px; 8673 gap: 20px;
8640 } 8674 }
8641 } 8675 }
8642 .cabinet__filters-buttons .button { 8676 .cabinet__filters-buttons .button {
8643 padding: 0; 8677 padding: 0;
8644 gap: 5px; 8678 gap: 5px;
8645 } 8679 }
8646 .cabinet__filters-buttons .button.active { 8680 .cabinet__filters-buttons .button.active {
8647 background: #377d87; 8681 background: #377d87;
8648 color: #fff; 8682 color: #fff;
8649 } 8683 }
8650 .cabinet__filters-buttons .button.active:before { 8684 .cabinet__filters-buttons .button.active:before {
8651 content: ""; 8685 content: "";
8652 width: 6px; 8686 width: 6px;
8653 height: 6px; 8687 height: 6px;
8654 background: #fff; 8688 background: #fff;
8655 border-radius: 999px; 8689 border-radius: 999px;
8656 } 8690 }
8657 .cabinet__table-header { 8691 .cabinet__table-header {
8658 display: -webkit-box; 8692 display: -webkit-box;
8659 display: -ms-flexbox; 8693 display: -ms-flexbox;
8660 display: flex; 8694 display: flex;
8661 -webkit-box-pack: justify; 8695 -webkit-box-pack: justify;
8662 -ms-flex-pack: justify; 8696 -ms-flex-pack: justify;
8663 justify-content: space-between; 8697 justify-content: space-between;
8664 -webkit-box-align: center; 8698 -webkit-box-align: center;
8665 -ms-flex-align: center; 8699 -ms-flex-align: center;
8666 align-items: center; 8700 align-items: center;
8667 font-weight: 700; 8701 font-weight: 700;
8668 margin-bottom: -10px; 8702 margin-bottom: -10px;
8669 } 8703 }
8670 .cabinet__table-header div { 8704 .cabinet__table-header div {
8671 font-size: 18px; 8705 font-size: 18px;
8672 } 8706 }
8673 @media (min-width: 768px) { 8707 @media (min-width: 768px) {
8674 .cabinet__table-header div { 8708 .cabinet__table-header div {
8675 font-size: 24px; 8709 font-size: 24px;
8676 } 8710 }
8677 } 8711 }
8678 .cabinet__table-header span { 8712 .cabinet__table-header span {
8679 color: #000; 8713 color: #000;
8680 font-size: 14px; 8714 font-size: 14px;
8681 } 8715 }
8682 @media (min-width: 768px) { 8716 @media (min-width: 768px) {
8683 .cabinet__table-header span { 8717 .cabinet__table-header span {
8684 font-size: 18px; 8718 font-size: 18px;
8685 } 8719 }
8686 } 8720 }
8687 .cabinet__table-header span b { 8721 .cabinet__table-header span b {
8688 color: #377d87; 8722 color: #377d87;
8689 } 8723 }
8690 .cabinet__tabs { 8724 .cabinet__tabs {
8691 display: grid; 8725 display: grid;
8692 grid-template-columns: 1fr 1fr; 8726 grid-template-columns: 1fr 1fr;
8693 gap: 20px; 8727 gap: 20px;
8694 } 8728 }
8695 @media (min-width: 768px) { 8729 @media (min-width: 768px) {
8696 .cabinet__tabs { 8730 .cabinet__tabs {
8697 max-width: 420px; 8731 max-width: 420px;
8698 } 8732 }
8699 } 8733 }
8700 .cabinet__tabs .button.active { 8734 .cabinet__tabs .button.active {
8701 background: #377d87; 8735 background: #377d87;
8702 color: #fff; 8736 color: #fff;
8703 } 8737 }
8704 .cabinet__bodies { 8738 .cabinet__bodies {
8705 display: none; 8739 display: none;
8706 } 8740 }
8707 .cabinet__bodies.showed { 8741 .cabinet__bodies.showed {
8708 display: block; 8742 display: block;
8709 } 8743 }
8710 .cabinet__nots { 8744 .cabinet__nots {
8711 display: -webkit-box; 8745 display: -webkit-box;
8712 display: -ms-flexbox; 8746 display: -ms-flexbox;
8713 display: flex; 8747 display: flex;
8714 -webkit-box-orient: vertical; 8748 -webkit-box-orient: vertical;
8715 -webkit-box-direction: normal; 8749 -webkit-box-direction: normal;
8716 -ms-flex-direction: column; 8750 -ms-flex-direction: column;
8717 flex-direction: column; 8751 flex-direction: column;
8718 -webkit-box-align: start; 8752 -webkit-box-align: start;
8719 -ms-flex-align: start; 8753 -ms-flex-align: start;
8720 align-items: flex-start; 8754 align-items: flex-start;
8721 gap: 10px; 8755 gap: 10px;
8722 } 8756 }
8723 @media (min-width: 768px) { 8757 @media (min-width: 768px) {
8724 .cabinet__nots { 8758 .cabinet__nots {
8725 gap: 20px; 8759 gap: 20px;
8726 } 8760 }
8727 } 8761 }
8728 .cabinet__nots .input { 8762 .cabinet__nots .input {
8729 width: 100%; 8763 width: 100%;
8730 } 8764 }
8731 .cabinet__anketa { 8765 .cabinet__anketa {
8732 display: -webkit-box; 8766 display: -webkit-box;
8733 display: -ms-flexbox; 8767 display: -ms-flexbox;
8734 display: flex; 8768 display: flex;
8735 -webkit-box-orient: vertical; 8769 -webkit-box-orient: vertical;
8736 -webkit-box-direction: normal; 8770 -webkit-box-direction: normal;
8737 -ms-flex-direction: column; 8771 -ms-flex-direction: column;
8738 flex-direction: column; 8772 flex-direction: column;
8739 -webkit-box-pack: justify; 8773 -webkit-box-pack: justify;
8740 -ms-flex-pack: justify; 8774 -ms-flex-pack: justify;
8741 justify-content: space-between; 8775 justify-content: space-between;
8742 gap: 10px; 8776 gap: 10px;
8743 } 8777 }
8744 @media (min-width: 768px) { 8778 @media (min-width: 768px) {
8745 .cabinet__anketa { 8779 .cabinet__anketa {
8746 -webkit-box-orient: horizontal; 8780 -webkit-box-orient: horizontal;
8747 -webkit-box-direction: normal; 8781 -webkit-box-direction: normal;
8748 -ms-flex-direction: row; 8782 -ms-flex-direction: row;
8749 flex-direction: row; 8783 flex-direction: row;
8750 -webkit-box-align: center; 8784 -webkit-box-align: center;
8751 -ms-flex-align: center; 8785 -ms-flex-align: center;
8752 align-items: center; 8786 align-items: center;
8753 } 8787 }
8754 } 8788 }
8755 @media (min-width: 992px) { 8789 @media (min-width: 992px) {
8756 .cabinet__anketa { 8790 .cabinet__anketa {
8757 -webkit-box-orient: vertical; 8791 -webkit-box-orient: vertical;
8758 -webkit-box-direction: normal; 8792 -webkit-box-direction: normal;
8759 -ms-flex-direction: column; 8793 -ms-flex-direction: column;
8760 flex-direction: column; 8794 flex-direction: column;
8761 -webkit-box-align: stretch; 8795 -webkit-box-align: stretch;
8762 -ms-flex-align: stretch; 8796 -ms-flex-align: stretch;
8763 align-items: stretch; 8797 align-items: stretch;
8764 } 8798 }
8765 } 8799 }
8766 @media (min-width: 1280px) { 8800 @media (min-width: 1280px) {
8767 .cabinet__anketa { 8801 .cabinet__anketa {
8768 -webkit-box-orient: horizontal; 8802 -webkit-box-orient: horizontal;
8769 -webkit-box-direction: normal; 8803 -webkit-box-direction: normal;
8770 -ms-flex-direction: row; 8804 -ms-flex-direction: row;
8771 flex-direction: row; 8805 flex-direction: row;
8772 -webkit-box-align: center; 8806 -webkit-box-align: center;
8773 -ms-flex-align: center; 8807 -ms-flex-align: center;
8774 align-items: center; 8808 align-items: center;
8775 -webkit-box-pack: justify; 8809 -webkit-box-pack: justify;
8776 -ms-flex-pack: justify; 8810 -ms-flex-pack: justify;
8777 justify-content: space-between; 8811 justify-content: space-between;
8778 } 8812 }
8779 } 8813 }
8780 .cabinet__anketa-buttons { 8814 .cabinet__anketa-buttons {
8781 display: -webkit-box; 8815 display: -webkit-box;
8782 display: -ms-flexbox; 8816 display: -ms-flexbox;
8783 display: flex; 8817 display: flex;
8784 -webkit-box-orient: vertical; 8818 -webkit-box-orient: vertical;
8785 -webkit-box-direction: normal; 8819 -webkit-box-direction: normal;
8786 -ms-flex-direction: column; 8820 -ms-flex-direction: column;
8787 flex-direction: column; 8821 flex-direction: column;
8788 gap: 10px; 8822 gap: 10px;
8789 } 8823 }
8790 @media (min-width: 768px) { 8824 @media (min-width: 768px) {
8791 .cabinet__anketa-buttons { 8825 .cabinet__anketa-buttons {
8792 display: grid; 8826 display: grid;
8793 grid-template-columns: 1fr 1fr; 8827 grid-template-columns: 1fr 1fr;
8794 gap: 20px; 8828 gap: 20px;
8795 } 8829 }
8796 } 8830 }
8797 .cabinet__stats { 8831 .cabinet__stats {
8798 display: -webkit-box; 8832 display: -webkit-box;
8799 display: -ms-flexbox; 8833 display: -ms-flexbox;
8800 display: flex; 8834 display: flex;
8801 -webkit-box-orient: vertical; 8835 -webkit-box-orient: vertical;
8802 -webkit-box-direction: normal; 8836 -webkit-box-direction: normal;
8803 -ms-flex-direction: column; 8837 -ms-flex-direction: column;
8804 flex-direction: column; 8838 flex-direction: column;
8805 gap: 6px; 8839 gap: 6px;
8806 } 8840 }
8807 @media (min-width: 768px) { 8841 @media (min-width: 768px) {
8808 .cabinet__stats { 8842 .cabinet__stats {
8809 gap: 12px; 8843 gap: 12px;
8810 } 8844 }
8811 } 8845 }
8812 .cabinet__stats-title { 8846 .cabinet__stats-title {
8813 font-size: 14px; 8847 font-size: 14px;
8814 font-weight: 700; 8848 font-weight: 700;
8815 color: #000; 8849 color: #000;
8816 } 8850 }
8817 @media (min-width: 768px) { 8851 @media (min-width: 768px) {
8818 .cabinet__stats-title { 8852 .cabinet__stats-title {
8819 font-size: 24px; 8853 font-size: 24px;
8820 } 8854 }
8821 } 8855 }
8822 .cabinet__stats-body { 8856 .cabinet__stats-body {
8823 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8857 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8824 border-radius: 8px; 8858 border-radius: 8px;
8825 padding: 10px; 8859 padding: 10px;
8826 display: grid; 8860 display: grid;
8827 grid-template-columns: 1fr 1fr; 8861 grid-template-columns: 1fr 1fr;
8828 gap: 20px; 8862 gap: 20px;
8829 margin-bottom: 10px; 8863 margin-bottom: 10px;
8830 } 8864 }
8831 @media (min-width: 768px) { 8865 @media (min-width: 768px) {
8832 .cabinet__stats-body { 8866 .cabinet__stats-body {
8833 padding: 10px 20px; 8867 padding: 10px 20px;
8834 } 8868 }
8835 } 8869 }
8836 .cabinet__stats-item { 8870 .cabinet__stats-item {
8837 font-size: 12px; 8871 font-size: 12px;
8838 display: -webkit-box; 8872 display: -webkit-box;
8839 display: -ms-flexbox; 8873 display: -ms-flexbox;
8840 display: flex; 8874 display: flex;
8841 -webkit-box-align: center; 8875 -webkit-box-align: center;
8842 -ms-flex-align: center; 8876 -ms-flex-align: center;
8843 align-items: center; 8877 align-items: center;
8844 line-height: 1; 8878 line-height: 1;
8845 gap: 6px; 8879 gap: 6px;
8846 } 8880 }
8847 @media (min-width: 768px) { 8881 @media (min-width: 768px) {
8848 .cabinet__stats-item { 8882 .cabinet__stats-item {
8849 font-size: 20px; 8883 font-size: 20px;
8850 gap: 10px; 8884 gap: 10px;
8851 } 8885 }
8852 } 8886 }
8853 .cabinet__stats-item svg { 8887 .cabinet__stats-item svg {
8854 width: 20px; 8888 width: 20px;
8855 aspect-ratio: 1/1; 8889 aspect-ratio: 1/1;
8856 color: #377d87; 8890 color: #377d87;
8857 } 8891 }
8858 @media (min-width: 768px) { 8892 @media (min-width: 768px) {
8859 .cabinet__stats-item svg { 8893 .cabinet__stats-item svg {
8860 width: 40px; 8894 width: 40px;
8861 margin-right: 10px; 8895 margin-right: 10px;
8862 } 8896 }
8863 } 8897 }
8864 .cabinet__stats-item span { 8898 .cabinet__stats-item span {
8865 font-weight: 700; 8899 font-weight: 700;
8866 color: #000; 8900 color: #000;
8867 } 8901 }
8868 .cabinet__stats-item b { 8902 .cabinet__stats-item b {
8869 color: #377d87; 8903 color: #377d87;
8870 font-size: 14px; 8904 font-size: 14px;
8871 } 8905 }
8872 @media (min-width: 768px) { 8906 @media (min-width: 768px) {
8873 .cabinet__stats-item b { 8907 .cabinet__stats-item b {
8874 font-size: 24px; 8908 font-size: 24px;
8875 } 8909 }
8876 } 8910 }
8877 .cabinet__stats-subtitle { 8911 .cabinet__stats-subtitle {
8878 font-size: 14px; 8912 font-size: 14px;
8879 font-weight: 700; 8913 font-weight: 700;
8880 color: #377d87; 8914 color: #377d87;
8881 } 8915 }
8882 @media (min-width: 768px) { 8916 @media (min-width: 768px) {
8883 .cabinet__stats-subtitle { 8917 .cabinet__stats-subtitle {
8884 font-size: 18px; 8918 font-size: 18px;
8885 } 8919 }
8886 } 8920 }
8887 .cabinet__stats-line { 8921 .cabinet__stats-line {
8888 width: 100%; 8922 width: 100%;
8889 position: relative; 8923 position: relative;
8890 overflow: hidden; 8924 overflow: hidden;
8891 height: 8px; 8925 height: 8px;
8892 border-radius: 999px; 8926 border-radius: 999px;
8893 background: #cecece; 8927 background: #cecece;
8894 } 8928 }
8895 .cabinet__stats-line span { 8929 .cabinet__stats-line span {
8896 position: absolute; 8930 position: absolute;
8897 top: 0; 8931 top: 0;
8898 left: 0; 8932 left: 0;
8899 width: 100%; 8933 width: 100%;
8900 height: 100%; 8934 height: 100%;
8901 background: #377d87; 8935 background: #377d87;
8902 border-radius: 999px; 8936 border-radius: 999px;
8903 } 8937 }
8904 .cabinet__stats-bottom { 8938 .cabinet__stats-bottom {
8905 color: #000; 8939 color: #000;
8906 font-size: 12px; 8940 font-size: 12px;
8907 } 8941 }
8908 @media (min-width: 768px) { 8942 @media (min-width: 768px) {
8909 .cabinet__stats-bottom { 8943 .cabinet__stats-bottom {
8910 font-size: 16px; 8944 font-size: 16px;
8911 } 8945 }
8912 } 8946 }
8913 .cabinet__works { 8947 .cabinet__works {
8914 display: -webkit-box; 8948 display: -webkit-box;
8915 display: -ms-flexbox; 8949 display: -ms-flexbox;
8916 display: flex; 8950 display: flex;
8917 -webkit-box-orient: vertical; 8951 -webkit-box-orient: vertical;
8918 -webkit-box-direction: normal; 8952 -webkit-box-direction: normal;
8919 -ms-flex-direction: column; 8953 -ms-flex-direction: column;
8920 flex-direction: column; 8954 flex-direction: column;
8921 gap: 20px; 8955 gap: 20px;
8922 } 8956 }
8923 @media (min-width: 768px) { 8957 @media (min-width: 768px) {
8924 .cabinet__works { 8958 .cabinet__works {
8925 gap: 30px; 8959 gap: 30px;
8926 } 8960 }
8927 } 8961 }
8928 .cabinet__works-item { 8962 .cabinet__works-item {
8929 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8963 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8930 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8964 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8931 padding: 10px; 8965 padding: 10px;
8932 border-radius: 4px; 8966 border-radius: 4px;
8933 } 8967 }
8934 @media (min-width: 768px) { 8968 @media (min-width: 768px) {
8935 .cabinet__works-item { 8969 .cabinet__works-item {
8936 padding: 20px; 8970 padding: 20px;
8937 border-radius: 8px; 8971 border-radius: 8px;
8938 } 8972 }
8939 } 8973 }
8940 .cabinet__works-spoiler { 8974 .cabinet__works-spoiler {
8941 display: -webkit-box; 8975 display: -webkit-box;
8942 display: -ms-flexbox; 8976 display: -ms-flexbox;
8943 display: flex; 8977 display: flex;
8944 -webkit-box-align: center; 8978 -webkit-box-align: center;
8945 -ms-flex-align: center; 8979 -ms-flex-align: center;
8946 align-items: center; 8980 align-items: center;
8947 -webkit-box-pack: justify; 8981 -webkit-box-pack: justify;
8948 -ms-flex-pack: justify; 8982 -ms-flex-pack: justify;
8949 justify-content: space-between; 8983 justify-content: space-between;
8950 } 8984 }
8951 .cabinet__works-spoiler-left { 8985 .cabinet__works-spoiler-left {
8952 display: -webkit-box; 8986 display: -webkit-box;
8953 display: -ms-flexbox; 8987 display: -ms-flexbox;
8954 display: flex; 8988 display: flex;
8955 -webkit-box-align: center; 8989 -webkit-box-align: center;
8956 -ms-flex-align: center; 8990 -ms-flex-align: center;
8957 align-items: center; 8991 align-items: center;
8958 width: calc(100% - 22px); 8992 width: calc(100% - 22px);
8959 } 8993 }
8960 .cabinet__works-spoiler-right { 8994 .cabinet__works-spoiler-right {
8961 width: 22px; 8995 width: 22px;
8962 height: 22px; 8996 height: 22px;
8963 display: -webkit-box; 8997 display: -webkit-box;
8964 display: -ms-flexbox; 8998 display: -ms-flexbox;
8965 display: flex; 8999 display: flex;
8966 -webkit-box-align: center; 9000 -webkit-box-align: center;
8967 -ms-flex-align: center; 9001 -ms-flex-align: center;
8968 align-items: center; 9002 align-items: center;
8969 -webkit-box-pack: center; 9003 -webkit-box-pack: center;
8970 -ms-flex-pack: center; 9004 -ms-flex-pack: center;
8971 justify-content: center; 9005 justify-content: center;
8972 color: #377d87; 9006 color: #377d87;
8973 padding: 0; 9007 padding: 0;
8974 background: none; 9008 background: none;
8975 border: none; 9009 border: none;
8976 } 9010 }
8977 .cabinet__works-spoiler-right svg { 9011 .cabinet__works-spoiler-right svg {
8978 width: 60%; 9012 width: 60%;
8979 aspect-ratio: 1/1; 9013 aspect-ratio: 1/1;
8980 -webkit-transform: rotate(90deg); 9014 -webkit-transform: rotate(90deg);
8981 -ms-transform: rotate(90deg); 9015 -ms-transform: rotate(90deg);
8982 transform: rotate(90deg); 9016 transform: rotate(90deg);
8983 -webkit-transition: 0.3s; 9017 -webkit-transition: 0.3s;
8984 transition: 0.3s; 9018 transition: 0.3s;
8985 } 9019 }
8986 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9020 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
8987 -webkit-transform: rotate(-90deg); 9021 -webkit-transform: rotate(-90deg);
8988 -ms-transform: rotate(-90deg); 9022 -ms-transform: rotate(-90deg);
8989 transform: rotate(-90deg); 9023 transform: rotate(-90deg);
8990 } 9024 }
8991 .cabinet__works-spoiler-buttons { 9025 .cabinet__works-spoiler-buttons {
8992 display: -webkit-box; 9026 display: -webkit-box;
8993 display: -ms-flexbox; 9027 display: -ms-flexbox;
8994 display: flex; 9028 display: flex;
8995 -webkit-box-align: center; 9029 -webkit-box-align: center;
8996 -ms-flex-align: center; 9030 -ms-flex-align: center;
8997 align-items: center; 9031 align-items: center;
8998 -webkit-box-pack: justify; 9032 -webkit-box-pack: justify;
8999 -ms-flex-pack: justify; 9033 -ms-flex-pack: justify;
9000 justify-content: space-between; 9034 justify-content: space-between;
9001 width: 60px; 9035 width: 60px;
9002 } 9036 }
9003 @media (min-width: 768px) { 9037 @media (min-width: 768px) {
9004 .cabinet__works-spoiler-buttons { 9038 .cabinet__works-spoiler-buttons {
9005 width: 74px; 9039 width: 74px;
9006 } 9040 }
9007 } 9041 }
9008 .cabinet__works-spoiler-buttons .button { 9042 .cabinet__works-spoiler-buttons .button {
9009 width: 22px; 9043 width: 22px;
9010 height: 22px; 9044 height: 22px;
9011 padding: 0; 9045 padding: 0;
9012 } 9046 }
9013 @media (min-width: 768px) { 9047 @media (min-width: 768px) {
9014 .cabinet__works-spoiler-buttons .button { 9048 .cabinet__works-spoiler-buttons .button {
9015 width: 30px; 9049 width: 30px;
9016 height: 30px; 9050 height: 30px;
9017 } 9051 }
9018 } 9052 }
9019 .cabinet__works-spoiler-text { 9053 .cabinet__works-spoiler-text {
9020 width: calc(100% - 60px); 9054 width: calc(100% - 60px);
9021 padding-left: 20px; 9055 padding-left: 20px;
9022 font-size: 17px; 9056 font-size: 17px;
9023 font-weight: 700; 9057 font-weight: 700;
9024 color: #000; 9058 color: #000;
9025 } 9059 }
9026 @media (min-width: 768px) { 9060 @media (min-width: 768px) {
9027 .cabinet__works-spoiler-text { 9061 .cabinet__works-spoiler-text {
9028 width: calc(100% - 74px); 9062 width: calc(100% - 74px);
9029 font-size: 20px; 9063 font-size: 20px;
9030 } 9064 }
9031 } 9065 }
9032 .cabinet__works-body { 9066 .cabinet__works-body {
9033 opacity: 0; 9067 opacity: 0;
9034 height: 0; 9068 height: 0;
9035 overflow: hidden; 9069 overflow: hidden;
9036 } 9070 }
9037 .active + .cabinet__works-body { 9071 .active + .cabinet__works-body {
9038 -webkit-transition: 0.3s; 9072 -webkit-transition: 0.3s;
9039 transition: 0.3s; 9073 transition: 0.3s;
9040 opacity: 1; 9074 opacity: 1;
9041 height: auto; 9075 height: auto;
9042 padding-top: 20px; 9076 padding-top: 20px;
9043 } 9077 }
9044 .cabinet__works-add { 9078 .cabinet__works-add {
9045 padding: 0; 9079 padding: 0;
9046 width: 100%; 9080 width: 100%;
9047 max-width: 160px; 9081 max-width: 160px;
9048 } 9082 }
9049 @media (min-width: 768px) { 9083 @media (min-width: 768px) {
9050 .cabinet__works-add { 9084 .cabinet__works-add {
9051 max-width: 220px; 9085 max-width: 220px;
9052 } 9086 }
9053 } 9087 }
9054 .cabinet__buttons { 9088 .cabinet__buttons {
9055 display: -webkit-box; 9089 display: -webkit-box;
9056 display: -ms-flexbox; 9090 display: -ms-flexbox;
9057 display: flex; 9091 display: flex;
9058 -webkit-box-orient: vertical; 9092 -webkit-box-orient: vertical;
9059 -webkit-box-direction: normal; 9093 -webkit-box-direction: normal;
9060 -ms-flex-direction: column; 9094 -ms-flex-direction: column;
9061 flex-direction: column; 9095 flex-direction: column;
9062 -webkit-box-align: center; 9096 -webkit-box-align: center;
9063 -ms-flex-align: center; 9097 -ms-flex-align: center;
9064 align-items: center; 9098 align-items: center;
9065 gap: 10px; 9099 gap: 10px;
9066 } 9100 }
9067 @media (min-width: 768px) { 9101 @media (min-width: 768px) {
9068 .cabinet__buttons { 9102 .cabinet__buttons {
9069 display: grid; 9103 display: grid;
9070 grid-template-columns: 1fr 1fr; 9104 grid-template-columns: 1fr 1fr;
9071 gap: 20px; 9105 gap: 20px;
9072 } 9106 }
9073 } 9107 }
9074 .cabinet__buttons .button, 9108 .cabinet__buttons .button,
9075 .cabinet__buttons .file { 9109 .cabinet__buttons .file {
9076 padding: 0; 9110 padding: 0;
9077 width: 100%; 9111 width: 100%;
9078 max-width: 140px; 9112 max-width: 140px;
9079 } 9113 }
9080 @media (min-width: 768px) { 9114 @media (min-width: 768px) {
9081 .cabinet__buttons .button, 9115 .cabinet__buttons .button,
9082 .cabinet__buttons .file { 9116 .cabinet__buttons .file {
9083 max-width: none; 9117 max-width: none;
9084 } 9118 }
9085 } 9119 }
9086 @media (min-width: 768px) { 9120 @media (min-width: 768px) {
9087 .cabinet__buttons { 9121 .cabinet__buttons {
9088 gap: 20px; 9122 gap: 20px;
9089 } 9123 }
9090 } 9124 }
9091 @media (min-width: 1280px) { 9125 @media (min-width: 1280px) {
9092 .cabinet__buttons { 9126 .cabinet__buttons {
9093 max-width: 400px; 9127 max-width: 400px;
9094 } 9128 }
9095 } 9129 }
9096 .cabinet__vacs { 9130 .cabinet__vacs {
9097 display: -webkit-box; 9131 display: -webkit-box;
9098 display: -ms-flexbox; 9132 display: -ms-flexbox;
9099 display: flex; 9133 display: flex;
9100 -webkit-box-orient: vertical; 9134 -webkit-box-orient: vertical;
9101 -webkit-box-direction: reverse; 9135 -webkit-box-direction: reverse;
9102 -ms-flex-direction: column-reverse; 9136 -ms-flex-direction: column-reverse;
9103 flex-direction: column-reverse; 9137 flex-direction: column-reverse;
9104 -webkit-box-align: center; 9138 -webkit-box-align: center;
9105 -ms-flex-align: center; 9139 -ms-flex-align: center;
9106 align-items: center; 9140 align-items: center;
9107 gap: 20px; 9141 gap: 20px;
9108 } 9142 }
9109 .cabinet__vacs-body { 9143 .cabinet__vacs-body {
9110 display: -webkit-box; 9144 display: -webkit-box;
9111 display: -ms-flexbox; 9145 display: -ms-flexbox;
9112 display: flex; 9146 display: flex;
9113 -webkit-box-orient: vertical; 9147 -webkit-box-orient: vertical;
9114 -webkit-box-direction: normal; 9148 -webkit-box-direction: normal;
9115 -ms-flex-direction: column; 9149 -ms-flex-direction: column;
9116 flex-direction: column; 9150 flex-direction: column;
9117 gap: 20px; 9151 gap: 20px;
9118 width: 100%; 9152 width: 100%;
9119 } 9153 }
9120 @media (min-width: 768px) { 9154 @media (min-width: 768px) {
9121 .cabinet__vacs-body { 9155 .cabinet__vacs-body {
9122 gap: 30px; 9156 gap: 30px;
9123 } 9157 }
9124 } 9158 }
9125 .cabinet__vacs-item { 9159 .cabinet__vacs-item {
9126 display: none; 9160 display: none;
9127 background: #fff; 9161 background: #fff;
9128 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9162 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
resources/views/ajax/list_vacancies.blade.php
1 @php $i = ($Query->currentPage() * $Query->perPage() - $Query->count() - 1) @endphp 1 @php $i = ($Query->currentPage() * $Query->perPage() - $Query->count() - 1) @endphp
2 2
3 @foreach ($Query as $Q) 3 @foreach ($Query as $Q)
4 @foreach ($Reclama as $Rec) 4 @foreach ($Reclama as $Rec)
5 @if ($Rec->position == $i) 5 @if ($Rec->position == $i)
6 <div class="main__vacancies-thing"> 6 <div class="main__vacancies-thing">
7 @if (!empty($Rec->image)) 7 @if (!empty($Rec->image))
8 <img src="{{ asset(Storage::url($Rec->image)) }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic"> 8 <img src="{{ asset(Storage::url($Rec->image)) }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic">
9 @else 9 @else
10 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic"> 10 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic">
11 @endif 11 @endif
12 <div class="main__vacancies-thing-body"> 12 <div class="main__vacancies-thing-body">
13 <h2>{{ $Rec->title }}</h2> 13 <h2>{{ $Rec->title }}</h2>
14 <div class="main__vacancies-thing-scroll"> 14 <div class="main__vacancies-thing-scroll">
15 {!! $Rec->text !!} 15 {!! $Rec->text !!}
16 </div> 16 </div>
17 <a href="{{ $Rec->link }}" class="button">Узнать больше</a> 17 <a href="{{ $Rec->link }}" class="button">Узнать больше</a>
18 </div> 18 </div>
19 </div> 19 </div>
20 @endif 20 @endif
21 @endforeach 21 @endforeach
22 <div class="main__vacancies-item main__employer-page-two-item"> 22 <div class="main__vacancies-item main__employer-page-two-item">
23 23
24 <a href="{{ route('list-vacancies', ['categories' => $categories->id]) }}" class="back main__employer-page-two-item-back"> 24 <a href="{{ route('list-vacancies', ['categories' => $categories->id]) }}" class="back main__employer-page-two-item-back">
25 <svg> 25 <svg>
26 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 26 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
27 </svg> 27 </svg>
28 <span> 28 <span>
29 Вернуться к списку вакансий 29 Вернуться к списку вакансий
30 </span> 30 </span>
31 </a> 31 </a>
32 32
33 <div class="main__employer-page-two-item-toper"> 33 <div class="main__employer-page-two-item-toper">
34 @if (!empty($Q->employer->logo)) 34 @if (!empty($Q->employer->logo))
35 <img src="{{ asset(Storage::url($Q->employer->logo)) }}" alt="{{ $Q->employer->name }}"> 35 <img src="{{ asset(Storage::url($Q->employer->logo)) }}" alt="{{ $Q->employer->name }}">
36 @else 36 @else
37 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic"> 37 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic">
38 @endif 38 @endif
39 <span>@if (isset($Q->employer->name_company)) {{ $Q->employer->name_company }} @else Не определена @endif</span> 39 <span>@if (isset($Q->employer->name_company)) {{ $Q->employer->name_company }} @else Не определена @endif</span>
40 </div> 40 </div>
41 41
42 <div class="main__employer-page-two-item-text"> 42 <div class="main__employer-page-two-item-text">
43 <div class="main__employer-page-two-item-text-name"> 43 <div class="main__employer-page-two-item-text-name">
44 <h3>@if (!empty($Q->name)) {{ $Q->name }}@else Не указано @endif </h3> 44 <h3>@if (!empty($Q->name)) {{ $Q->name }}@else Не указано @endif </h3>
45 </div> 45 </div>
46 <!--Судоходная компания ведет набор 46 <!--Судоходная компания ведет набор
47 специалистов на следующие должности:</div> 47 специалистов на следующие должности:</div>
48 <div class="main__employer-page-two-item-text-links"> 48 <div class="main__employer-page-two-item-text-links">
49 if (isset($Q->jobs)) 49 if (isset($Q->jobs))
50 foreach ($Q->jobs as $key => $j) 50 foreach ($Q->jobs as $key => $j)
51 <a>“{ $j->name }}” <!--– з/п от if (isset($Q->jobs_code[$key]->min_salary)) { $Q->jobs_code[$key]->min_salary }} endif - if (isset($Q->jobs_code[$key]->max_salary)) { $Q->jobs_code[$key]->max_salary }} endif рублей (на руки)--> 51 <a>“{ $j->name }}” <!--– з/п от if (isset($Q->jobs_code[$key]->min_salary)) { $Q->jobs_code[$key]->min_salary }} endif - if (isset($Q->jobs_code[$key]->max_salary)) { $Q->jobs_code[$key]->max_salary }} endif рублей (на руки)-->
52 <!-- </a> 52 <!-- </a>
53 endforeach 53 endforeach
54 endif 54 endif
55 </div>--> 55 </div>-->
56 </div> 56 </div>
57 57
58 <div class="main__employer-page-two-item-text"> 58 <div class="main__employer-page-two-item-text">
59 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div> 59 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
60 <div class="main__employer-page-two-item-text-body"> 60 <div class="main__employer-page-two-item-text-body">
61 {!! $Q->text !!} 61 {!! $Q->text !!}
62 </div> 62 </div>
63 </div> 63 </div>
64 <!--<div class="main__employer-page-two-item-text"> 64 <!--<div class="main__employer-page-two-item-text">
65 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div> 65 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
66 <div class="main__employer-page-two-item-text-body"> 66 <div class="main__employer-page-two-item-text-body">
67 !! $Q->description !!} 67 !! $Q->description !!}
68 </div> 68 </div>
69 </div> 69 </div>
70 <div class="main__employer-page-two-item-text"> 70 <div class="main__employer-page-two-item-text">
71 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div> 71 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
72 <div class="main__employer-page-two-item-text-body"> 72 <div class="main__employer-page-two-item-text-body">
73 !! $Q->contacts_emails !!} 73 !! $Q->contacts_emails !!}
74 </div> 74 </div>
75 </div> 75 </div>
76 <div class="main__employer-page-two-item-text"> 76 <div class="main__employer-page-two-item-text">
77 <div class="main__employer-page-two-item-text-name">Или звоните:</div> 77 <div class="main__employer-page-two-item-text-name">Или звоните:</div>
78 <div class="main__employer-page-two-item-text-body"> 78 <div class="main__employer-page-two-item-text-body">
79 !! $Q->contacts_telephones !!} 79 !! $Q->contacts_telephones !!}
80 </div> 80 </div>
81 </div> 81 </div>
82 --> 82 -->
83 83
84 <div class="main__employer-page-two-item-tags"> 84 <div class="main__employer-page-two-item-tags">
85 @if (!empty($Q->jobs_code[0]->position_ship)) 85 @if (!empty($Q->jobs_code[0]->position_ship))
86 <span class="main__employer-page-two-item-tag"> #{{ $Q->jobs_code[0]->position_ship }}</span> 86 <span class="main__employer-page-two-item-tag"> #{{ $Q->jobs_code[0]->position_ship }}</span>
87 @else 87 @else
88 @if (isset($Q->jobs)) 88 @if (isset($Q->jobs))
89 @foreach ($Q->jobs as $key => $j) 89 @foreach ($Q->jobs as $key => $j)
90 <span class="main__employer-page-two-item-tag"> #{{ $j->name }}</span> 90 <span class="main__employer-page-two-item-tag"> #{{ $j->name }}</span>
91 @endforeach 91 @endforeach
92 @endif 92 @endif
93 @endif 93 @endif
94 </div> 94 </div>
95 95
96 <div class="main__employer-page-two-item-buttons"> 96 <div class="main__employer-page-two-item-buttons">
97 @guest 97 @guest
98 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' 98 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
99 class="button main__employer-page-two-item-button">Откликнуться</button> 99 class="button main__employer-page-two-item-button">Откликнуться</button>
100 @else 100 @else
101 @if (App\Classes\StatusUser::Status()==1) 101 @if (App\Classes\StatusUser::Status()==1)
102 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}' 102 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}'
103 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button> 103 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button>
104 @else 104 @else
105 <button type="button" data-fancybox data-src="#send2" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}' 105 <button type="button" data-fancybox data-src="#send2" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}'
106 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button> 106 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button>
107 @endif 107 @endif
108 @endguest 108 @endguest
109 <a href="{{ route('vacancie', ['vacancy' => $Q->id]) }}" class="button button_light main__employer-page-two-item-button">Подробнее</a> 109 <a href="{{ route('vacancie', ['vacancy' => $Q->id]) }}" class="button button_light main__employer-page-two-item-button">Подробнее</a>
110 </div> 110 </div>
111 <div class="main__employer-page-two-item-bottom"> 111 <div class="main__employer-page-two-item-bottom">
112 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($Q->created_at)) }}</div> 112 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y', strtotime($Q->updated_at)) }}</div>
113 <button type="button" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js-toggle js_vacancy_favorites <?=App\Classes\Cookies_vacancy::selected_vacancy($Q->id);?>"> 113 <button type="button" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js-toggle js_vacancy_favorites <?=App\Classes\Cookies_vacancy::selected_vacancy($Q->id);?>">
114 <svg> 114 <svg>
115 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 115 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
116 </svg> 116 </svg>
117 </button> 117 </button>
118 </div> 118 </div>
119 </div> 119 </div>
120 @php $i++ @endphp 120 @php $i++ @endphp
121 @endforeach 121 @endforeach
122 <div style="margin-top: 20px"> 122 <div style="margin-top: 20px">
123 {{ $Query->appends($_GET)->links('paginate') }} 123 {{ $Query->appends($_GET)->links('paginate') }}
124 </div><!-- конец --> 124 </div><!-- конец -->
125 125
resources/views/list_vacancies.blade.php
1 @php 1 @php
2 use App\Classes\StatusUser; 2 use App\Classes\StatusUser;
3 @endphp 3 @endphp
4 4
5 @extends('layout.frontend', ['title' => 'Вакансии РекаМоре']) 5 @extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])
6 6
7 @section('scripts') 7 @section('scripts')
8 <script> 8 <script>
9 console.log('Test system'); 9 console.log('Test system');
10 $(document).on('change', '#jobs', function() { 10 $(document).on('change', '#jobs', function() {
11 var val = $(this).val(); 11 var val = $(this).val();
12 var main_oskar = $('#main_ockar'); 12 var main_oskar = $('#main_ockar');
13 var ti_head = $('#title_head'); 13 var ti_head = $('#title_head');
14 14
15 console.log('Code='+val); 15 console.log('Code='+val);
16 console.log('Click change...'); 16 console.log('Click change...');
17 $.ajax({ 17 $.ajax({
18 type: "GET", 18 type: "GET",
19 url: "{{ route('list-vacancies', ['categories' => $categories->id]) }}", 19 url: "{{ route('list-vacancies', ['categories' => $categories->id]) }}",
20 data: "job="+val, 20 data: "job="+val,
21 success: function (data) { 21 success: function (data) {
22 console.log('Выбор сделан!'); 22 console.log('Выбор сделан!');
23 23
24 main_oskar.html(data); 24 main_oskar.html(data);
25 history.pushState({}, '', "{{ route('list-vacancies', ['categories' => $categories->id]) }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 25 history.pushState({}, '', "{{ route('list-vacancies', ['categories' => $categories->id]) }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
26 }, 26 },
27 headers: { 27 headers: {
28 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 28 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
29 }, 29 },
30 error: function (data) { 30 error: function (data) {
31 data = JSON.stringify(data); 31 data = JSON.stringify(data);
32 console.log('Error: ' + data); 32 console.log('Error: ' + data);
33 } 33 }
34 }); 34 });
35 35
36 if ((val == '') || (val == '0')) { 36 if ((val == '') || (val == '0')) {
37 title_head.html('Все категории'); 37 title_head.html('Все категории');
38 } else { 38 } else {
39 $.ajax({ 39 $.ajax({
40 type: "GET", 40 type: "GET",
41 url: "{{ route('list-vacancies', ['categories' => $categories->id]) }}?@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif", 41 url: "{{ route('list-vacancies', ['categories' => $categories->id]) }}?@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif",
42 data: "job=" + val +"&title=1", 42 data: "job=" + val +"&title=1",
43 success: function (data) { 43 success: function (data) {
44 44
45 console.log(data); 45 console.log(data);
46 }, 46 },
47 47
48 headers: { 48 headers: {
49 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 49 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
50 }, 50 },
51 51
52 error: function (data) { 52 error: function (data) {
53 data = JSON.stringify(data); 53 data = JSON.stringify(data);
54 console.log('Error: ' + data); 54 console.log('Error: ' + data);
55 } 55 }
56 }); 56 });
57 57
58 } 58 }
59 }); 59 });
60 60
61 $(document).on('click', '.js_send_it_button', function() { 61 $(document).on('click', '.js_send_it_button', function() {
62 var this_ = $(this); 62 var this_ = $(this);
63 var code_user_id = this_.attr('data-uid'); 63 var code_user_id = this_.attr('data-uid');
64 var code_to_user_id = this_.attr('data-tuid'); 64 var code_to_user_id = this_.attr('data-tuid');
65 var code_vacancy = this_.attr('data-vacancy'); 65 var code_vacancy = this_.attr('data-vacancy');
66 var user_id = $('#_user_id'); 66 var user_id = $('#_user_id');
67 var to_user_id = $('#_to_user_id'); 67 var to_user_id = $('#_to_user_id');
68 var vacancy = $('#_vacancy'); 68 var vacancy = $('#_vacancy');
69 69
70 console.log('Клик на кнопки...'); 70 console.log('Клик на кнопки...');
71 71
72 user_id.val(code_user_id); 72 user_id.val(code_user_id);
73 to_user_id.val(code_to_user_id); 73 to_user_id.val(code_to_user_id);
74 vacancy.val(code_vacancy); 74 vacancy.val(code_vacancy);
75 }); 75 });
76 76
77 $(document).on('click', '.js_send_for_emp', function() { 77 $(document).on('click', '.js_send_for_emp', function() {
78 var this_ = $(this); 78 var this_ = $(this);
79 var code_user_id = this_.attr('data-uid'); 79 var code_user_id = this_.attr('data-uid');
80 var code_to_user_id = this_.attr('data-tuid'); 80 var code_to_user_id = this_.attr('data-tuid');
81 var code_vacancy = this_.attr('data-vacancy'); 81 var code_vacancy = this_.attr('data-vacancy');
82 var user_id = $('#send_user_id'); 82 var user_id = $('#send_user_id');
83 var to_user_id = $('#send_to_user_id'); 83 var to_user_id = $('#send_to_user_id');
84 var vacancy = $('#send_vacancy'); 84 var vacancy = $('#send_vacancy');
85 85
86 console.log('code_to_user_id='+code_to_user_id); 86 console.log('code_to_user_id='+code_to_user_id);
87 console.log('code_user_id='+code_user_id); 87 console.log('code_user_id='+code_user_id);
88 console.log('code_vacancy='+code_vacancy); 88 console.log('code_vacancy='+code_vacancy);
89 console.log('Клик на кнопке...'); 89 console.log('Клик на кнопке...');
90 90
91 user_id.val(code_user_id); 91 user_id.val(code_user_id);
92 to_user_id.val(code_to_user_id); 92 to_user_id.val(code_to_user_id);
93 vacancy.val(code_vacancy); 93 vacancy.val(code_vacancy);
94 }); 94 });
95 95
96 $(document).on('change', '#sort_ajax', function() { 96 $(document).on('change', '#sort_ajax', function() {
97 var this_ = $(this); 97 var this_ = $(this);
98 var val_ = this_.val(); 98 var val_ = this_.val();
99 console.log('sort items '+val_); 99 console.log('sort items '+val_);
100 100
101 $.ajax({ 101 $.ajax({
102 type: "GET", 102 type: "GET",
103 url: "{{ route('list-vacancies', ['categories' => $categories->id]) }}", 103 url: "{{ route('list-vacancies', ['categories' => $categories->id]) }}",
104 data: "sort="+val_+"&block=1", 104 data: "sort="+val_+"&block=1",
105 success: function (data) { 105 success: function (data) {
106 console.log('Выбор сортировки'); 106 console.log('Выбор сортировки');
107 console.log(data); 107 console.log(data);
108 $('#main_ockar').html(data); 108 $('#main_ockar').html(data);
109 history.pushState({}, '', "{{ route('list-vacancies', ['categories' => $categories->id]) }}?sort="+val_+"@if (isset($_GET['job']))&job={{ $_GET['job'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 109 history.pushState({}, '', "{{ route('list-vacancies', ['categories' => $categories->id]) }}?sort="+val_+"@if (isset($_GET['job']))&job={{ $_GET['job'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
110 }, 110 },
111 headers: { 111 headers: {
112 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 112 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
113 }, 113 },
114 error: function (data) { 114 error: function (data) {
115 data = JSON.stringify(data); 115 data = JSON.stringify(data);
116 console.log('Error: ' + data); 116 console.log('Error: ' + data);
117 } 117 }
118 }); 118 });
119 }); 119 });
120 120
121 121
122 122
123 $(document).ready(function(){ 123 $(document).ready(function(){
124 var sel = $('#select2-sort_ajax-container'); 124 var sel = $('#select2-sort_ajax-container');
125 var key = getUrlParameter('sort'); 125 var key = getUrlParameter('sort');
126 console.log(sel); 126 console.log(sel);
127 console.log(key); 127 console.log(key);
128 128
129 if (key !=='') { 129 if (key !=='') {
130 console.log(key); 130 console.log(key);
131 switch (key) { 131 switch (key) {
132 case "default": sel.html('Сортировка (по умолчанию)'); break; 132 case "default": sel.html('Сортировка (по умолчанию)'); break;
133 case "name_up": sel.html('По имени (возрастание)'); break; 133 case "name_up": sel.html('По имени (возрастание)'); break;
134 case "name_down": sel.html('По дате (убывание)'); break; 134 case "name_down": sel.html('По дате (убывание)'); break;
135 case "created_at_up": sel.html('По дате (возрастание)'); break; 135 case "created_at_up": sel.html('По дате (возрастание)'); break;
136 case "created_at_down": sel.html('По дате (убывание)'); break; 136 case "created_at_down": sel.html('По дате (убывание)'); break;
137 } 137 }
138 138
139 } 139 }
140 }); 140 });
141 </script> 141 </script>
142 @include('js.favorite-vacancy-45') 142 @include('js.favorite-vacancy-45')
143 @endsection 143 @endsection
144 @section('content') 144 @section('content')
145 <section class="thing"> 145 <section class="thing">
146 <div class="container"> 146 <div class="container">
147 <form class="thing__body" action="{{ route('list-vacancies', ['categories' => (!empty($Name_categori)) ? $Name_categori[0]->id : '0']) }}" method="POST"> 147 <form class="thing__body" action="{{ route('list-vacancies', ['categories' => (!empty($Name_categori)) ? $Name_categori[0]->id : '0']) }}" method="POST">
148 <ul class="breadcrumbs thing__breadcrumbs"> 148 <ul class="breadcrumbs thing__breadcrumbs">
149 <li><a href="{{ route('index') }}">Главная</a></li> 149 <li><a href="{{ route('index') }}">Главная</a></li>
150 <li><a href="{{ route('vacancies') }}">Вакансии</a></li> 150 <li><a href="{{ route('vacancies') }}">Вакансии</a></li>
151 <li><b>{{ isset($Name_categori[0]) ? $Name_categori[0]->name : 'Все категории' }}</b></li> 151 <li><b>{{ isset($Name_categori[0]) ? $Name_categori[0]->name : 'Все категории' }}</b></li>
152 </ul> 152 </ul>
153 <h1 class="thing__title">Вакансии</h1> 153 <h1 class="thing__title">Вакансии</h1>
154 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для 154 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
155 существующих финансовых и административных условий.</p> 155 существующих финансовых и административных условий.</p>
156 <div class="select select_search thing__select"> 156 <div class="select select_search thing__select">
157 <div class="select__icon"> 157 <div class="select__icon">
158 <svg> 158 <svg>
159 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 159 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
160 </svg> 160 </svg>
161 </div> 161 </div>
162 <select class="js-select2" id="jobs" name="jobs"> 162 <select class="js-select2" id="jobs" name="jobs">
163 <option value="0" selected>Выберите должность</option> 163 <option value="0" selected>Выберите должность</option>
164 @if ($Job_title->count()) 164 @if ($Job_title->count())
165 @foreach($Job_title as $JT) 165 @foreach($Job_title as $JT)
166 <option value="{{ $JT->id }}" @if(isset($_GET['job']) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option> 166 <option value="{{ $JT->id }}" @if(isset($_GET['job']) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option>
167 @endforeach 167 @endforeach
168 @endif 168 @endif
169 </select> 169 </select>
170 </div> 170 </div>
171 </form> 171 </form>
172 </div> 172 </div>
173 </section> 173 </section>
174 <main class="main"> 174 <main class="main">
175 <div class="container"> 175 <div class="container">
176 <div class="main__vacancies" > 176 <div class="main__vacancies" >
177 @if (isset($Name_categori[0]->name)) 177 @if (isset($Name_categori[0]->name))
178 <h2 class="main__vacancies-title">Категория вакансий {{ $Name_categori[0]->name }}</h2> 178 <h2 class="main__vacancies-title">Категория вакансий {{ $Name_categori[0]->name }}</h2>
179 @else 179 @else
180 <h2 class="main__vacancies-title" id="title_head" name="title_head">Все категории</h2> 180 <h2 class="main__vacancies-title" id="title_head" name="title_head">Все категории</h2>
181 @endif 181 @endif
182 <div class="filters main__vacancies-filters"> 182 <div class="filters main__vacancies-filters">
183 <div class="filters__label" id="col-vo" name="col-vo">Показано {{ $Query->firstItem() }} – {{ $Query->lastItem() }} из @isset($Query_count) {{ $Query_count }} @else 0 @endisset результатов поиска</div> 183 <div class="filters__label" id="col-vo" name="col-vo">Показано {{ $Query->firstItem() }} – {{ $Query->lastItem() }} из @isset($Query_count) {{ $Query_count }} @else 0 @endisset результатов поиска</div>
184 <div class="filters__body"> 184 <div class="filters__body">
185 <div class="select filters__select"> 185 <div class="select filters__select">
186 <select class="js-select2" id="sort_ajax" name="sort_ajax"> 186 <select class="js-select2" id="sort_ajax" name="sort_ajax">
187 <option value="default">Сортировка (по умолчанию)</option> 187 <option value="default">Сортировка (по умолчанию)</option>
188 <option value="name_up">По имени (возрастание)</option> 188 <option value="name_up">По имени (возрастание)</option>
189 <option value="name_down">По имени (убывание)</option> 189 <option value="name_down">По имени (убывание)</option>
190 <option value="created_at_up">По дате (возрастание)</option> 190 <option value="created_at_up">По дате (возрастание)</option>
191 <option value="created_at_down">По дате (убывание)</option> 191 <option value="created_at_down">По дате (убывание)</option>
192 </select> 192 </select>
193 </div> 193 </div>
194 </div> 194 </div>
195 </div> 195 </div>
196 196
197 <div class="main__vacancies" style="width:100%;" id="main_ockar" name="main_oskar"> 197 <div class="main__vacancies" style="width:100%;" id="main_ockar" name="main_oskar">
198 @php $i = ($Query->currentPage() * $Query->perPage() - $Query->count() - 1) @endphp 198 @php $i = ($Query->currentPage() * $Query->perPage() - $Query->count() - 1) @endphp
199 199
200 @foreach ($Query as $Q) 200 @foreach ($Query as $Q)
201 @foreach ($Reclama as $Rec) 201 @foreach ($Reclama as $Rec)
202 @if ($Rec->position == $i) 202 @if ($Rec->position == $i)
203 <div class="main__vacancies-thing"> 203 <div class="main__vacancies-thing">
204 @if (!empty($Rec->image)) 204 @if (!empty($Rec->image))
205 <img src="{{ asset(Storage::url($Rec->image)) }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic"> 205 <img src="{{ asset(Storage::url($Rec->image)) }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic">
206 @else 206 @else
207 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic"> 207 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic">
208 @endif 208 @endif
209 <div class="main__vacancies-thing-body"> 209 <div class="main__vacancies-thing-body">
210 <h2>{{ $Rec->title }}</h2> 210 <h2>{{ $Rec->title }}</h2>
211 <div class="main__vacancies-thing-scroll"> 211 <div class="main__vacancies-thing-scroll">
212 {!! $Rec->text !!} 212 {!! $Rec->text !!}
213 </div> 213 </div>
214 <a href="{{ $Rec->link }}" class="button">Узнать больше</a> 214 <a href="{{ $Rec->link }}" class="button">Узнать больше</a>
215 </div> 215 </div>
216 </div> 216 </div>
217 @endif 217 @endif
218 @endforeach 218 @endforeach
219 <div class="main__vacancies-item main__employer-page-two-item" data-id="{{ $Q->id }}"> 219 <div class="main__vacancies-item main__employer-page-two-item" data-id="{{ $Q->id }}">
220 220
221 <a href="{{ route('list-vacancies', ['categories' => $categories->id]) }}" class="back main__employer-page-two-item-back"> 221 <a href="{{ route('list-vacancies', ['categories' => $categories->id]) }}" class="back main__employer-page-two-item-back">
222 <svg> 222 <svg>
223 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 223 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
224 </svg> 224 </svg>
225 <span> 225 <span>
226 Вернуться к списку вакансий 123 226 Вернуться к списку вакансий 123
227 </span> 227 </span>
228 </a> 228 </a>
229 229
230 <div class="main__employer-page-two-item-toper"> 230 <div class="main__employer-page-two-item-toper">
231 @if (!empty($Q->employer->logo)) 231 @if (!empty($Q->employer->logo))
232 <img src="{{ asset(Storage::url($Q->employer->logo)) }}" alt="{{ $Q->employer->name }}"> 232 <img src="{{ asset(Storage::url($Q->employer->logo)) }}" alt="{{ $Q->employer->name }}">
233 @else 233 @else
234 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic"> 234 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Rec->title }}" class="main__vacancies-thing-pic">
235 @endif 235 @endif
236 <span>@if (isset($Q->employer->name_company)) {{ $Q->employer->name_company }} @else Не определена @endif</span> 236 <span>@if (isset($Q->employer->name_company)) {{ $Q->employer->name_company }} @else Не определена @endif</span>
237 </div> 237 </div>
238 238
239 <div class="main__employer-page-two-item-text"> 239 <div class="main__employer-page-two-item-text">
240 <div class="main__employer-page-two-item-text-name"> 240 <div class="main__employer-page-two-item-text-name">
241 <h3>@if (!empty($Q->name)) {{ $Q->name }}@else Не указано @endif </h3> 241 <h3>@if (!empty($Q->name)) {{ $Q->name }}@else Не указано @endif </h3>
242 </div> 242 </div>
243 <!--Судоходная компания ведет набор 243 <!--Судоходная компания ведет набор
244 специалистов на следующие должности:</div> 244 специалистов на следующие должности:</div>
245 <div class="main__employer-page-two-item-text-links"> 245 <div class="main__employer-page-two-item-text-links">
246 if (isset($Q->jobs)) 246 if (isset($Q->jobs))
247 foreach ($Q->jobs as $key => $j) 247 foreach ($Q->jobs as $key => $j)
248 <a>“{ $j->name }}” <!--– з/п от if (isset($Q->jobs_code[$key]->min_salary)) { $Q->jobs_code[$key]->min_salary }} endif - if (isset($Q->jobs_code[$key]->max_salary)) { $Q->jobs_code[$key]->max_salary }} endif рублей (на руки)--> 248 <a>“{ $j->name }}” <!--– з/п от if (isset($Q->jobs_code[$key]->min_salary)) { $Q->jobs_code[$key]->min_salary }} endif - if (isset($Q->jobs_code[$key]->max_salary)) { $Q->jobs_code[$key]->max_salary }} endif рублей (на руки)-->
249 <!-- </a> 249 <!-- </a>
250 endforeach 250 endforeach
251 endif 251 endif
252 </div>--> 252 </div>-->
253 </div> 253 </div>
254 254
255 <div class="main__employer-page-two-item-text"> 255 <div class="main__employer-page-two-item-text">
256 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div> 256 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
257 <div class="main__employer-page-two-item-text-body"> 257 <div class="main__employer-page-two-item-text-body">
258 {!! $Q->text !!} 258 {!! $Q->text !!}
259 </div> 259 </div>
260 </div> 260 </div>
261 <!--<div class="main__employer-page-two-item-text"> 261 <!--<div class="main__employer-page-two-item-text">
262 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div> 262 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
263 <div class="main__employer-page-two-item-text-body"> 263 <div class="main__employer-page-two-item-text-body">
264 !! $Q->description !!} 264 !! $Q->description !!}
265 </div> 265 </div>
266 </div> 266 </div>
267 <div class="main__employer-page-two-item-text"> 267 <div class="main__employer-page-two-item-text">
268 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div> 268 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
269 <div class="main__employer-page-two-item-text-body"> 269 <div class="main__employer-page-two-item-text-body">
270 !! $Q->contacts_emails !!} 270 !! $Q->contacts_emails !!}
271 </div> 271 </div>
272 </div> 272 </div>
273 <div class="main__employer-page-two-item-text"> 273 <div class="main__employer-page-two-item-text">
274 <div class="main__employer-page-two-item-text-name">Или звоните:</div> 274 <div class="main__employer-page-two-item-text-name">Или звоните:</div>
275 <div class="main__employer-page-two-item-text-body"> 275 <div class="main__employer-page-two-item-text-body">
276 !! $Q->contacts_telephones !!} 276 !! $Q->contacts_telephones !!}
277 </div> 277 </div>
278 </div>--> 278 </div>-->
279 279
280 <div class="main__employer-page-two-item-tags"> 280 <div class="main__employer-page-two-item-tags">
281 @if (!empty($Q->jobs_code[0]->position_ship)) 281 @if (!empty($Q->jobs_code[0]->position_ship))
282 <span class="main__employer-page-two-item-tag"> #{{ $Q->jobs_code[0]->position_ship }}</span> 282 <span class="main__employer-page-two-item-tag"> #{{ $Q->jobs_code[0]->position_ship }}</span>
283 @else 283 @else
284 @if (isset($Q->jobs)) 284 @if (isset($Q->jobs))
285 @foreach ($Q->jobs as $key => $j) 285 @foreach ($Q->jobs as $key => $j)
286 <span class="main__employer-page-two-item-tag"> #{{ $j->name }}</span> 286 <span class="main__employer-page-two-item-tag"> #{{ $j->name }}</span>
287 @endforeach 287 @endforeach
288 @endif 288 @endif
289 @endif 289 @endif
290 </div> 290 </div>
291 <div class="main__employer-page-two-item-buttons"> 291 <div class="main__employer-page-two-item-buttons">
292 @guest 292 @guest
293 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' 293 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
294 class="button main__employer-page-two-item-button">Откликнуться</button> 294 class="button main__employer-page-two-item-button">Откликнуться</button>
295 @else 295 @else
296 @if (App\Classes\StatusUser::Status()==1) 296 @if (App\Classes\StatusUser::Status()==1)
297 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}' 297 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}'
298 class="button main__employer-page-two-item-button js_send_for_emp">Откликнуться</button> 298 class="button main__employer-page-two-item-button js_send_for_emp">Откликнуться</button>
299 @else 299 @else
300 <button type="button" data-fancybox data-src="#send2" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}' 300 <button type="button" data-fancybox data-src="#send2" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}'
301 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button> 301 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button>
302 @endif 302 @endif
303 @endguest 303 @endguest
304 <a href="{{ route('vacancie', ['vacancy' => $Q->id]) }}" class="button button_light main__employer-page-two-item-button">Подробнее</a> 304 <a href="{{ route('vacancie', ['vacancy' => $Q->id]) }}" class="button button_light main__employer-page-two-item-button">Подробнее</a>
305 </div> 305 </div>
306 <div class="main__employer-page-two-item-bottom"> 306 <div class="main__employer-page-two-item-bottom">
307 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($Q->created_at)) }}</div> 307 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y', strtotime($Q->updated_at)) }}</div>
308 <button type="button" id="like{{ $Q->id }}" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($Q) }}"> 308 <button type="button" id="like{{ $Q->id }}" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($Q) }}">
309 <svg> 309 <svg>
310 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 310 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
311 </svg> 311 </svg>
312 </button> 312 </button>
313 </div> 313 </div>
314 </div> 314 </div>
315 @php $i++ @endphp 315 @php $i++ @endphp
316 @endforeach 316 @endforeach
317 <div style="margin-top: 20px"> 317 <div style="margin-top: 20px">
318 {{ $Query->onEachSide(0)->appends($_GET)->links('paginate') }} 318 {{ $Query->onEachSide(0)->appends($_GET)->links('paginate') }}
319 </div><!-- конец --> 319 </div><!-- конец -->
320 320
321 </div> 321 </div>
322 </div> 322 </div>
323 </div> 323 </div>
324 </main> 324 </main>
325 @endsection 325 @endsection
326 326
resources/views/modals/send_employer.blade.php
1 <script> 1 <script>
2 console.log('Сообщение работнику'); 2 console.log('Сообщение работнику');
3 $(document).on('change', '#btn_send_file', function() { 3 $(document).on('change', '#btn_send_file', function() {
4 var send_name = $('#send_name'); 4 var send_name = $('#send_name');
5 var send_name_val = send_name.val(); 5 var send_name_val = send_name.val();
6 var this_final_name = $('#this_final_name'); 6 var this_final_name = $('#this_final_name');
7 7
8 console.log(send_name_val); 8 console.log(send_name_val);
9 this_final_name.html(send_name_val); 9 this_final_name.html(send_name_val);
10 }); 10 });
11 </script> 11 </script>
12 <div id="send2" class="modal"> 12 <div id="send2" class="modal">
13 <div class="modal__body"> 13 <div class="modal__body">
14 <div class="modal__title">Отправить сообщение</div> 14 <div class="modal__title">Отправить сообщение</div>
15 <div class="modal__text">Если у вас есть предложение, вы можете сделать конретное предложение</div> 15 <div class="modal__text">Если у вас есть предложение, вы можете сделать конретное предложение</div>
16 <form class="modal__form" id="form_from_emp" name="form_from_emp" enctype="multipart/form-data" action="{{ route('employer.new_message') }}" method="POST"> 16 <form class="modal__form" id="form_from_emp" name="form_from_emp" enctype="multipart/form-data" action="{{ route('employer.new_message') }}" method="POST">
17 @csrf 17 @csrf
18 <div class="modal__form-item" style="display:block"> 18 <div class="modal__form-item" style="display:none">
19 Отправитель сообщения: 19 <!-- Отправитель сообщения: -->
20 <input type="text" id="_user_id" name="_user_id" class="input" placeholder="user_id" value=""> 20 <input type="hidden" id="_user_id" name="_user_id" class="input" placeholder="user_id" value="">
21 Получатель сообщения: 21 <!-- Получатель сообщения: -->
22 <input type="text" id="_to_user_id" name="_to_user_id" class="input" placeholder="to_user_id" value=""> 22 <input type="hidden" id="_to_user_id" name="_to_user_id" class="input" placeholder="to_user_id" value="">
23 Вакансия: 23 <!-- Вакансия: -->
24 <input type="text" id="_vacancy" name="_vacancy" class="input" placeholder="vacancy" value=""> 24 <input type="hidden" id="_vacancy" name="_vacancy" class="input" placeholder="vacancy" value="">
25 </div> 25 </div>
26 <div class="modal__form-item"> 26 <div class="modal__form-item">
27 <input id="i1" type="text" name="title" class="input" placeholder="Тема" required> 27 <input id="i1" type="text" name="title" class="input" placeholder="Тема" required>
28 <label for="i1">Не заполнено поле</label> 28 <label for="i1">Не заполнено поле</label>
29 </div> 29 </div>
30 <div class="modal__form-item"> 30 <div class="modal__form-item">
31 <textarea id="i2" class="textarea" name="text" placeholder="Укажите по какому поводу вы пишите работодателю, уточните название вакансии или прикрепите ссылку на вакансию, дайте как можно больше информации.&#10;&#10;ВАЖНО не стоит писать работодателю короткий текст цитирую «Какая зарплата?, работодатель не поймет о чем речь, опишите вопрос максимально подробно»." required></textarea> 31 <textarea id="i2" class="textarea" name="text" placeholder="Укажите по какому поводу вы пишите работодателю, уточните название вакансии или прикрепите ссылку на вакансию, дайте как можно больше информации.&#10;&#10;ВАЖНО не стоит писать работодателю короткий текст цитирую «Какая зарплата?, работодатель не поймет о чем речь, опишите вопрос максимально подробно»." required></textarea>
32 <label for="i2">Не заполнено поле</label> 32 <label for="i2">Не заполнено поле</label>
33 </div> 33 </div>
34 <div class="modal__form-item"> 34 <div class="modal__form-item">
35 <div class="file"> 35 <div class="file">
36 <label class="file__input"> 36 <label class="file__input">
37 <input type="file" name="file"> 37 <input type="file" name="file">
38 <span class="button button_light"> 38 <span class="button button_light">
39 <svg> 39 <svg>
40 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 40 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
41 </svg> 41 </svg>
42 Прикрепить документ 42 Прикрепить документ
43 </span> 43 </span>
44 </label> 44 </label>
45 45
46 <div class="file__list"> 46 <div class="file__list">
47 <div class="file__list-item"> 47 <div class="file__list-item">
48 <div class="file__list-item-left"> 48 <div class="file__list-item-left">
49 <svg> 49 <svg>
50 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 50 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
51 </svg> 51 </svg>
52 <span id="this_final_name" name="this_final_name"></span> 52 <span id="this_final_name" name="this_final_name"></span>
53 </div> 53 </div>
54 <button type="button" class="file__list-item-right js-parent-remove"> 54 <button type="button" class="file__list-item-right js-parent-remove">
55 <svg> 55 <svg>
56 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use> 56 <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
57 </svg> 57 </svg>
58 </button> 58 </button>
59 </div> 59 </div>
60 </div> 60 </div>
61 </div> 61 </div>
62 </div> 62 </div>
63 <div class="modal__form-item"> 63 <div class="modal__form-item">
64 <button type="submit" class="button">Отправить</button> 64 <button type="submit" class="button">Отправить</button>
65 </div> 65 </div>
66 </form> 66 </form>
67 </div> 67 </div>
68 </div> 68 </div>
69 69
resources/views/resume.blade.php
1 @extends('layout.frontend', ['title' => 'База резюме - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'База резюме - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 4 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
5 <script> 5 <script>
6 console.log('Test system'); 6 console.log('Test system');
7 $(document).on('change', '#jobs', function() { 7 $(document).on('change', '#jobs', function() {
8 var val = $(this).val(); 8 var val = $(this).val();
9 var main_oskar = $('#main_ockar'); 9 var main_oskar = $('#main_ockar');
10 10
11 console.log('Code='+val); 11 console.log('Code='+val);
12 console.log('Click change...'); 12 console.log('Click change...');
13 $.ajax({ 13 $.ajax({
14 type: "GET", 14 type: "GET",
15 url: "", 15 url: "",
16 data: "job="+val, 16 data: "job="+val,
17 success: function (data) { 17 success: function (data) {
18 console.log('Выбор сделан!'); 18 console.log('Выбор сделан!');
19 console.log(data); 19 console.log(data);
20 main_oskar.html(data); 20 main_oskar.html(data);
21 }, 21 },
22 headers: { 22 headers: {
23 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 23 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
24 }, 24 },
25 error: function (data) { 25 error: function (data) {
26 data = JSON.stringify(data); 26 data = JSON.stringify(data);
27 console.log('Error: ' + data); 27 console.log('Error: ' + data);
28 } 28 }
29 }); 29 });
30 }); 30 });
31 </script> 31 </script>
32 32
33 <script> 33 <script>
34 $(document).ready(function() { 34 $(document).ready(function() {
35 $(document).on('click', '.js_box_favorites', function () { 35 $(document).on('click', '.js_box_favorites', function () {
36 var _this = $(this); 36 var _this = $(this);
37 var id_worker = _this.attr('data-val'); 37 var id_worker = _this.attr('data-val');
38 38
39 if (_this.hasClass('active')) { 39 if (_this.hasClass('active')) {
40 add_in_array(id_worker); 40 add_in_array(id_worker);
41 console.log('Добавлено в избранное id=' + id_worker); 41 console.log('Добавлено в избранное id=' + id_worker);
42 } else { 42 } else {
43 delete_in_array(id_worker); 43 delete_in_array(id_worker);
44 console.log('Удалено из избранных id='+id_worker) 44 console.log('Удалено из избранных id='+id_worker)
45 } 45 }
46 var str = $.cookie('favorite_worker'); 46 var str = $.cookie('favorite_worker');
47 console.log("Вывод куков "+str); 47 console.log("Вывод куков "+str);
48 48
49 }); 49 });
50 }); 50 });
51 51
52 //помеченный элемент 52 //помеченный элемент
53 function selected_item(obj) { 53 function selected_item(obj) {
54 var arr = read_array(); 54 var arr = read_array();
55 var index = arr.indexOf(obj); 55 var index = arr.indexOf(obj);
56 56
57 if (index > 0) 57 if (index > 0)
58 return "active"; 58 return "active";
59 else 59 else
60 return ""; 60 return "";
61 } 61 }
62 62
63 // запись элемента массива в cookie 63 // запись элемента массива в cookie
64 function add_in_array(obj){ 64 function add_in_array(obj){
65 var arr = read_array();//получаем текущее состояние массива 65 var arr = read_array();//получаем текущее состояние массива
66 arr[arr.length]=obj; //добавляем элемент в конец 66 arr[arr.length]=obj; //добавляем элемент в конец
67 //var str = JSON.stringify(arr);//конвертируем в строку 67 //var str = JSON.stringify(arr);//конвертируем в строку
68 //$.cookie('arr',str);//записываем массив в куки 68 //$.cookie('arr',str);//записываем массив в куки
69 $.cookie('favorite_worker', JSON.stringify(arr)); 69 $.cookie('favorite_worker', JSON.stringify(arr));
70 70
71 } 71 }
72 72
73 // удаление элемента из массива в cookie 73 // удаление элемента из массива в cookie
74 function delete_in_array(obj) { 74 function delete_in_array(obj) {
75 var arr = read_array(); 75 var arr = read_array();
76 var unique = [...new Set(arr)] 76 var unique = [...new Set(arr)]
77 var index = unique.indexOf(obj); 77 var index = unique.indexOf(obj);
78 78
79 unique.splice(index, 1); 79 unique.splice(index, 1);
80 80
81 //var str = JSON.stringify(arr);//конвертируем в строку 81 //var str = JSON.stringify(arr);//конвертируем в строку
82 //$.cookie('arr',str);//записываем массив в куки 82 //$.cookie('arr',str);//записываем массив в куки
83 $.cookie('favorite_worker', JSON.stringify(unique)); 83 $.cookie('favorite_worker', JSON.stringify(unique));
84 84
85 } 85 }
86 86
87 function read_array(){ 87 function read_array(){
88 var dataArr=$.cookie('favorite_worker');//считываем данные из куков 88 var dataArr=$.cookie('favorite_worker');//считываем данные из куков
89 89
90 //если массив не был обнаружен, иницилизируем его 90 //если массив не был обнаружен, иницилизируем его
91 if(dataArr===null){ 91 if(dataArr===null){
92 dataArr = init_array(); //возвращаем инициализированный пустой маасив 92 dataArr = init_array(); //возвращаем инициализированный пустой маасив
93 } 93 }
94 //возвращаем полученный массив 94 //возвращаем полученный массив
95 //return JSON.parse(dataArr); 95 //return JSON.parse(dataArr);
96 return JSON.parse(dataArr); 96 return JSON.parse(dataArr);
97 } 97 }
98 98
99 //другими словами создаем пустой массив 99 //другими словами создаем пустой массив
100 function init_array(){ 100 function init_array(){
101 //var str = JSON.stringify(new Array());//конвертируем в строку 101 //var str = JSON.stringify(new Array());//конвертируем в строку
102 var str = JSON.stringify(new Array()); 102 var str = JSON.stringify(new Array());
103 $.cookie('favorite_worker',str);//записываем массив в куки 103 $.cookie('favorite_worker',str);//записываем массив в куки
104 104
105 return str; 105 return str;
106 } 106 }
107 </script> 107 </script>
108 <script> 108 <script>
109 $(document).on('click', '.js_it_button', function() { 109 $(document).on('click', '.js_it_button', function() {
110 var this_ = $(this); 110 var this_ = $(this);
111 var code_user_id = this_.attr('data-uid'); 111 var code_user_id = this_.attr('data-uid');
112 var code_to_user_id = this_.attr('data-tuid'); 112 var code_to_user_id = this_.attr('data-tuid');
113 var code_vacancy = this_.attr('data-vacancy'); 113 var code_vacancy = this_.attr('data-vacancy');
114 var user_id = $('#_user_id'); 114 var user_id = $('#_user_id');
115 var to_user_id = $('#_to_user_id'); 115 var to_user_id = $('#_to_user_id');
116 var vacancy = $('#_vacancy'); 116 var vacancy = $('#_vacancy');
117 117
118 console.log('code_to_user_id='+code_to_user_id); 118 console.log('code_to_user_id='+code_to_user_id);
119 console.log('code_user_id='+code_user_id); 119 console.log('code_user_id='+code_user_id);
120 console.log('code_vacancy='+code_vacancy); 120 console.log('code_vacancy='+code_vacancy);
121 console.log('Клик на кнопке...'); 121 console.log('Клик на кнопке...');
122 122
123 user_id.val(code_user_id); 123 user_id.val(code_user_id);
124 to_user_id.val(code_to_user_id); 124 to_user_id.val(code_to_user_id);
125 vacancy.val(code_vacancy); 125 vacancy.val(code_vacancy);
126 }); 126 });
127 </script> 127 </script>
128 <script> 128 <script>
129 $(document).on('change', '#sort_ajax', function() { 129 $(document).on('change', '#sort_ajax', function() {
130 var this_ = $(this); 130 var this_ = $(this);
131 var val_ = this_.val(); 131 var val_ = this_.val();
132 console.log('sort items '+val_); 132 console.log('sort items '+val_);
133 133
134 $.ajax({ 134 $.ajax({
135 type: "GET", 135 type: "GET",
136 url: "{{ route('bd_resume') }}", 136 url: "{{ route('bd_resume') }}",
137 data: "sort="+val_+"&block=1", 137 data: "sort="+val_+"&block=1",
138 success: function (data) { 138 success: function (data) {
139 console.log('Выбор сортировки'); 139 console.log('Выбор сортировки');
140 console.log(data); 140 console.log(data);
141 $('#block1').html(data); 141 $('#block1').html(data);
142 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 142 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
143 }, 143 },
144 headers: { 144 headers: {
145 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 145 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
146 }, 146 },
147 error: function (data) { 147 error: function (data) {
148 data = JSON.stringify(data); 148 data = JSON.stringify(data);
149 console.log('Error: ' + data); 149 console.log('Error: ' + data);
150 } 150 }
151 }); 151 });
152 152
153 $.ajax({ 153 $.ajax({
154 type: "GET", 154 type: "GET",
155 url: "{{ route('bd_resume') }}", 155 url: "{{ route('bd_resume') }}",
156 data: "sort="+val_+"&block=2", 156 data: "sort="+val_+"&block=2",
157 success: function (data) { 157 success: function (data) {
158 console.log('Выбор сортировки'); 158 console.log('Выбор сортировки');
159 console.log(data); 159 console.log(data);
160 $('#block2').html(data); 160 $('#block2').html(data);
161 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 161 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
162 }, 162 },
163 headers: { 163 headers: {
164 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 164 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
165 }, 165 },
166 error: function (data) { 166 error: function (data) {
167 data = JSON.stringify(data); 167 data = JSON.stringify(data);
168 console.log('Error: ' + data); 168 console.log('Error: ' + data);
169 } 169 }
170 }); 170 });
171 171
172 }); 172 });
173 173
174 $(document).ready(function(){ 174 $(document).ready(function(){
175 var sel = $('#select2-sort_ajax-container'); 175 var sel = $('#select2-sort_ajax-container');
176 var key = getUrlParameter('sort'); 176 var key = getUrlParameter('sort');
177 console.log(sel); 177 console.log(sel);
178 console.log(key); 178 console.log(key);
179 179
180 if (key !=='') { 180 if (key !=='') {
181 console.log(key); 181 console.log(key);
182 switch (key) { 182 switch (key) {
183 case "default": sel.html('Сортировка (по умолчанию)'); break; 183 case "default": sel.html('Сортировка (по умолчанию)'); break;
184 case "name_up": sel.html('По имени (возрастание)'); break; 184 case "name_up": sel.html('По имени (возрастание)'); break;
185 case "name_down": sel.html('По дате (убывание)'); break; 185 case "name_down": sel.html('По дате (убывание)'); break;
186 case "created_at_up": sel.html('По дате (возрастание)'); break; 186 case "created_at_up": sel.html('По дате (возрастание)'); break;
187 case "created_at_down": sel.html('По дате (убывание)'); break; 187 case "created_at_down": sel.html('По дате (убывание)'); break;
188 } 188 }
189 189
190 } 190 }
191 }); 191 });
192 </script> 192 </script>
193 193
194 <script> 194 <script>
195 console.log('Test system'); 195 console.log('Test system');
196 $(document).on('change', '.jobs', function() { 196 $(document).on('change', '.jobs', function() {
197 var val = $(this).val(); 197 var val = $(this).val();
198 198
199 console.log('Click filter вакансии...'); 199 console.log('Click filter вакансии...');
200 $.ajax({ 200 $.ajax({
201 type: "GET", 201 type: "GET",
202 url: "{{ route('bd_resume') }}", 202 url: "{{ route('bd_resume') }}",
203 data: "job="+val+'&block=1', 203 data: "job="+val+'&block=1',
204 success: function (data) { 204 success: function (data) {
205 console.log('Выбор должности'); 205 console.log('Выбор должности');
206 console.log(data); 206 console.log(data);
207 $('#block1').html(data); 207 $('#block1').html(data);
208 history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 208 history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
209 }, 209 },
210 headers: { 210 headers: {
211 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 211 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
212 }, 212 },
213 error: function (data) { 213 error: function (data) {
214 data = JSON.stringify(data); 214 data = JSON.stringify(data);
215 console.log('Error: ' + data); 215 console.log('Error: ' + data);
216 } 216 }
217 }); 217 });
218 218
219 $.ajax({ 219 $.ajax({
220 type: "GET", 220 type: "GET",
221 url: "{{ route('bd_resume') }}", 221 url: "{{ route('bd_resume') }}",
222 data: "job="+val+'&block=2', 222 data: "job="+val+'&block=2',
223 success: function (data) { 223 success: function (data) {
224 console.log('Выбор должности'); 224 console.log('Выбор должности');
225 console.log(data); 225 console.log(data);
226 $('#block2').html(data); 226 $('#block2').html(data);
227 }, 227 },
228 headers: { 228 headers: {
229 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 229 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
230 }, 230 },
231 error: function (data) { 231 error: function (data) {
232 data = JSON.stringify(data); 232 data = JSON.stringify(data);
233 console.log('Error: ' + data); 233 console.log('Error: ' + data);
234 } 234 }
235 }); 235 });
236 }); 236 });
237 </script> 237 </script>
238 @include('js.favorite-worker') 238 @include('js.favorite-worker')
239 @endsection 239 @endsection
240 240
241 241
242 @section('content') 242 @section('content')
243 <section class="thing"> 243 <section class="thing">
244 <div class="container"> 244 <div class="container">
245 <form class="thing__body" action="{{ url()->current() }}"> 245 <form class="thing__body" action="{{ url()->current() }}">
246 <ul class="breadcrumbs thing__breadcrumbs"> 246 <ul class="breadcrumbs thing__breadcrumbs">
247 <li><a href="{{ route('index') }}">Главная</a></li> 247 <li><a href="{{ route('index') }}">Главная</a></li>
248 <li><b>База резюме</b></li> 248 <li><b>База резюме</b></li>
249 </ul> 249 </ul>
250 <h1 class="thing__title">База резюме</h1> 250 <h1 class="thing__title">База резюме</h1>
251 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для 251 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
252 существующих финансовых и административных условий.</p> 252 существующих финансовых и административных условий.</p>
253 <!--<div class="search thing__search"> 253 <!--<div class="search thing__search">
254 <input type="search" class="input" name="search" id="search" placeholder="Введите наименование должности" required> 254 <input type="search" class="input" name="search" id="search" placeholder="Введите наименование должности" required>
255 <button type="submit" class="button">Найти</button> 255 <button type="submit" class="button">Найти</button>
256 <span> 256 <span>
257 <svg> 257 <svg>
258 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 258 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
259 </svg> 259 </svg>
260 </span> 260 </span>
261 </div>--> 261 </div>-->
262 262
263 <div class="select select_search thing__select"> 263 <div class="select select_search thing__select">
264 <div class="select__icon"> 264 <div class="select__icon">
265 <svg> 265 <svg>
266 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 266 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
267 </svg> 267 </svg>
268 </div> 268 </div>
269 <select class="js-select2 jobs" name="search" id="search"> 269 <select class="js-select2 jobs" name="search" id="search">
270 <option value="0">Выберите должность</option> 270 <option value="0">Выберите должность</option>
271 @if($Job_title->count()) 271 @if($Job_title->count())
272 @foreach($Job_title as $JT) 272 @foreach($Job_title as $JT)
273 <option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option> 273 <option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option>
274 @endforeach 274 @endforeach
275 @endif 275 @endif
276 </select> 276 </select>
277 </div> 277 </div>
278 278
279 <!--<label class="checkbox thing__checkbox"> 279 <!--<label class="checkbox thing__checkbox">
280 <input type="checkbox" class="checkbox__input" name="experience" id="experience"> 280 <input type="checkbox" class="checkbox__input" name="experience" id="experience">
281 <span class="checkbox__icon"> 281 <span class="checkbox__icon">
282 <svg> 282 <svg>
283 <use xlink:href=" asset('images/sprite.svg#v') }}"></use> 283 <use xlink:href=" asset('images/sprite.svg#v') }}"></use>
284 </svg> 284 </svg>
285 </span> 285 </span>
286 <span class="checkbox__text"> 286 <span class="checkbox__text">
287 <span> 287 <span>
288 Опыт работы 288 Опыт работы
289 </span> 289 </span>
290 </span> 290 </span>
291 </label>--> 291 </label>-->
292 </form> 292 </form>
293 </div> 293 </div>
294 </section> 294 </section>
295 <main class="main"> 295 <main class="main">
296 <div class="container"> 296 <div class="container">
297 <div class="main__resume-base"> 297 <div class="main__resume-base">
298 <h2>Резюме работников</h2> 298 <h2>Резюме работников</h2>
299 <div class="filters"> 299 <div class="filters">
300 <div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div> 300 <div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div>
301 <div class="filters__body"> 301 <div class="filters__body">
302 <div class="select filters__select"> 302 <div class="select filters__select">
303 <select class="js-select2" id="sort_ajax" name="sort_ajax"> 303 <select class="js-select2" id="sort_ajax" name="sort_ajax">
304 <option value="default">Сортировка (по умолчанию)</option> 304 <option value="default">Сортировка (по умолчанию)</option>
305 <option value="name_up">По имени (возрастание)</option> 305 <option value="name_up">По имени (возрастание)</option>
306 <option value="name_down">По имени (убывание)</option> 306 <option value="name_down">По имени (убывание)</option>
307 <option value="created_at_up">По дате (возрастание)</option> 307 <option value="created_at_up">По дате (возрастание)</option>
308 <option value="created_at_down">По дате (убывание)</option> 308 <option value="created_at_down">По дате (убывание)</option>
309 </select> 309 </select>
310 </div> 310 </div>
311 <button type="button" class="filters__item active" data-tab="1"> 311 <button type="button" class="filters__item active" data-tab="1">
312 <svg> 312 <svg>
313 <use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use> 313 <use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use>
314 </svg> 314 </svg>
315 </button> 315 </button>
316 <button type="button" class="filters__item" data-tab="2"> 316 <button type="button" class="filters__item" data-tab="2">
317 <svg> 317 <svg>
318 <use xlink:href="{{ asset('images/sprite.svg#grid-2') }}"></use> 318 <use xlink:href="{{ asset('images/sprite.svg#grid-2') }}"></use>
319 </svg> 319 </svg>
320 </button> 320 </button>
321 </div> 321 </div>
322 </div> 322 </div>
323 <div class="main__resume-base-body showed" data-body="1"> 323 <div class="main__resume-base-body showed" data-body="1">
324 <div class="main__resume-base-body-one" id="block1" name="block1"> 324 <div class="main__resume-base-body-one" id="block1" name="block1">
325 @if ($resumes->count()) 325 @if ($resumes->count())
326 @foreach ($resumes as $res) 326 @foreach ($resumes as $res)
327 <div class="main__resume-base-body-item"> 327 <div class="main__resume-base-body-item">
328 <div class="main__resume-base-body-item-buttons">
329 <button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
330 <svg>
331 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
332 </svg>
333 </button>
334 @guest
335 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
336 class="chat js-toggle js_it_button">
337 <svg>
338 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
339 </svg>
340 </button>
341 @else
342 @if (App\Classes\StatusUser::Status()==0)
343 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
344 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
345 <svg>
346 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
347 </svg>
348 </button>
349 @endif
350 @else
351 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
352 class="chat js-toggle js_it_button">
353 <svg>
354 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
355 </svg>
356 </button>
357 @endif
358 @endif
359 </div>
360 <div class="main__resume-base-body-item-wrapper"> 328 <div class="main__resume-base-body-item-wrapper">
361 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo"> 329 <div>
330 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">
331 <div>
332 <div class="main__resume-base-body-item-buttons">
333 <button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
334 <svg>
335 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
336 </svg>
337 <span class="to-favorites">В избранное</span>
338 <span class="in-favorites">В избранном</span>
339 </button>
340
341 @guest
342 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
343 class="chat js-toggle js_it_button">
344 <svg>
345 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
346 </svg>
347 <span>Написать</span>
348 </button>
349 @else
350 @if (App\Classes\StatusUser::Status()==0)
351 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
352 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
353 <svg>
354 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
355 </svg>
356 <span>Написать</span>
357 </button>
358 @endif
359 @else
360 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
361 class="chat js-toggle js_it_button">
362 <svg>
363 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
364 </svg>
365 <span>Написать</span>
366 </button>
367 @endif
368 @endif
369
370 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Подробнее</a>
371 </div>
372 </div>
373 </div>
362 <div class="main__resume-base-body-item-inner"> 374 <div class="main__resume-base-body-item-inner">
375 <div class="horizontal">
376 <div class="main__resume-base-item-status @if ($res->status_work == 0) looking-for-job @endif">
377 {{ $status_work[$res->status_work] }}
378 </div>
379 <div class="main__resume-base-item-updated-at">
380 Обновлено: {{ date('d.m.Y', strtotime($res->updated_at)) }}
381 </div>
382 </div>
363 <div> 383 <div>
364 <b>Статус</b> 384 <b>Предпочтение по типу судна:</b>
365 <span>{{ $status_work[$res->status_work] }}</span> 385 <span></span>
366 </div> 386 </div>
367 <div> 387 <div>
368 <b>Имя работника</b> 388 <b>ФИО:</b>
369 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span> 389 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>
370 </div> 390 </div>
371 <div> 391 <div>
372 <b>Номер телефона</b> 392 <b>Наличие визы:</b>
373 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone }}</a></span>
374 </div> 393 </div>
375 <div> 394 <div>
376 <b>Электронный адрес</b> 395 <b>Возраст:</b>
377 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span> 396 <span>@if (isset($res->old_year)) {{ $res->old_year }} @else - @endif</span>
397 </div>
398 <div>
399 <b>Наличие танкерных документов:</b>
400 </div>
401 <div>
402 <b>Желаемые вакансии:</b>
403 <span>
404 @if ($res->job_titles->count())
405 @foreach ($res->job_titles as $job_title)
406 {{ $job_title->name }}
407 @if (!$loop->last) / @endif
408 @endforeach
409 @endif
410 </span>
411 </div>
412 <div>
413 <b>Наличие подтверждения для работы на ВВП:</b>
414 </div>
415 <div>
416 <b>Пожелание к З/П:</b>
378 </div> 417 </div>
379 <div> 418 <div>
380 <b>Город проживания</b> 419 <b>Город проживания</b>
381 <span>{{ $res->city }}</span> 420 <span>{{ $res->city }}</span>
382 </div> 421 </div>
383 <div> 422 <div>
384 <b>Опыт работы</b> 423 <b>Уровень английского:</b>
424 </div>
425 <div>
426 <b>Номер телефона</b>
427 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone }}</a></span>
428 </div>
429 <div>
430 <b>Дата готовности к посадке:</b>
431 </div>
432 <div>
433 <b>E-mail:</b>
434 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>
435 </div>
436 <div>
437 <b>Опыт работы:</b>
385 <span>{{ $res->experience }}</span> 438 <span>{{ $res->experience }}</span>
386 </div> 439 </div>
387 </div> 440 </div>
388 </div> 441 </div>
389 <div class="main__employer-page-two-item-tags">
390 @if ($res->job_titles->count())
391 @if (isset($res->job_titles))
392 @foreach ($res->job_titles as $key => $j)
393 <span class="main__employer-page-two-item-tag">#{{ $j->name }}</span>
394 @endforeach
395 @endif
396 @endif
397 </div>
398 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Перейти в резюме</a>
399 </div> 442 </div>
400 @endforeach 443 @endforeach
401 444
402 {{ $resumes->appends($_GET)->links('paginate') }} 445 {{ $resumes->appends($_GET)->links('paginate') }}
403 @else 446 @else
404 <p>По данному запросу ничего не найдено</p> 447 <p>По данному запросу ничего не найдено</p>
405 @endif 448 @endif
406 </div> 449 </div>
407 </div> 450 </div>
408 <div class="main__resume-base-body" data-body="2"> 451 <div class="main__resume-base-body" data-body="2">
409 <div class="main__resume-base-body-two" id="block2" name="block2"> 452 <div class="main__resume-base-body-two" id="block2" name="block2">
410 @if ($resumes->count()) 453 @if ($resumes->count())
411 @foreach ($resumes as $res) 454 @foreach ($resumes as $res)
412 <div class="main__resume-base-body-item"> 455 <div class="main__resume-base-body-item">
413 <div class="main__resume-base-body-item-buttons"> 456 <div class="main__resume-base-body-item-buttons">
414 <button type="button" id="elem_{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}"> 457 <button type="button" id="elem_{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
415 <svg> 458 <svg>
416 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 459 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
417 </svg> 460 </svg>
418 </button> 461 </button>
419 <!--<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid=" $idiot}}" data-tuid=" $res->id }}" data-options='{"touch":false,"autoFocus":false}'> 462 <!--<button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid=" $idiot}}" data-tuid=" $res->id }}" data-options='{"touch":false,"autoFocus":false}'>
420 <svg> 463 <svg>
421 <use xlink:href=" asset('images/sprite.svg#chat') }}"></use> 464 <use xlink:href=" asset('images/sprite.svg#chat') }}"></use>
422 </svg> 465 </svg>
423 </button>--> 466 </button>-->
424 @guest 467 @guest
425 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' 468 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
426 class="chat js-toggle js_it_button"> 469 class="chat js-toggle js_it_button">
427 <svg> 470 <svg>
428 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 471 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
429 </svg> 472 </svg>
430 </button> 473 </button>
431 @else 474 @else
432 @if (App\Classes\StatusUser::Status()==0) 475 @if (App\Classes\StatusUser::Status()==0)
433 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message)) 476 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
434 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'> 477 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
435 <svg> 478 <svg>
436 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 479 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
437 </svg> 480 </svg>
438 </button> 481 </button>
439 @endif 482 @endif
440 @else 483 @else
441 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' 484 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
442 class="chat js-toggle js_it_button"> 485 class="chat js-toggle js_it_button">
443 <svg> 486 <svg>
444 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 487 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
445 </svg> 488 </svg>
446 </button> 489 </button>
447 @endif 490 @endif
448 @endif 491 @endif
449 </div> 492 </div>
450 <div class="main__resume-base-body-item-wrapper"> 493 <div class="main__resume-base-body-item-wrapper">
451 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo"> 494 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">
resources/views/vacance-item.blade.php
1 @php 1 @php
2 use App\Classes\StatusUser; 2 use App\Classes\StatusUser;
3 @endphp 3 @endphp
4 4
5 @extends('layout.frontend', ['title' => $title]) 5 @extends('layout.frontend', ['title' => $title])
6 6
7 @section('scripts') 7 @section('scripts')
8 <!--include('js.favorite-vacancy')--> 8 <!--include('js.favorite-vacancy')-->
9 <script> 9 <script>
10 $(document).on('click', '.js_send_it_button', function() { 10 $(document).on('click', '.js_send_it_button', function() {
11 var this_ = $(this); 11 var this_ = $(this);
12 var code_user_id = this_.attr('data-uid'); 12 var code_user_id = this_.attr('data-uid');
13 var code_to_user_id = this_.attr('data-tuid'); 13 var code_to_user_id = this_.attr('data-tuid');
14 var code_vacancy = this_.attr('data-vacancy'); 14 var code_vacancy = this_.attr('data-vacancy');
15 var user_id = $('#_user_id'); 15 var user_id = $('#_user_id');
16 var to_user_id = $('#_to_user_id'); 16 var to_user_id = $('#_to_user_id');
17 var vacancy = $('#_vacancy'); 17 var vacancy = $('#_vacancy');
18 18
19 console.log('Клик на кнопки...'); 19 console.log('Клик на кнопки...');
20 20
21 user_id.val(code_user_id); 21 user_id.val(code_user_id);
22 to_user_id.val(code_to_user_id); 22 to_user_id.val(code_to_user_id);
23 vacancy.val(code_vacancy); 23 vacancy.val(code_vacancy);
24 }); 24 });
25 </script> 25 </script>
26 <script> 26 <script>
27 $(document).on('click', '.js_send_for_emp', function() { 27 $(document).on('click', '.js_send_for_emp', function() {
28 var this_ = $(this); 28 var this_ = $(this);
29 var code_user_id = this_.attr('data-uid'); 29 var code_user_id = this_.attr('data-uid');
30 var code_to_user_id = this_.attr('data-tuid'); 30 var code_to_user_id = this_.attr('data-tuid');
31 var code_vacancy = this_.attr('data-vacancy'); 31 var code_vacancy = this_.attr('data-vacancy');
32 var user_id = $('#send_user_id'); 32 var user_id = $('#send_user_id');
33 var to_user_id = $('#send_to_user_id'); 33 var to_user_id = $('#send_to_user_id');
34 var vacancy = $('#send_vacancy'); 34 var vacancy = $('#send_vacancy');
35 35
36 console.log('code_to_user_id='+code_to_user_id); 36 console.log('code_to_user_id='+code_to_user_id);
37 console.log('code_user_id='+code_user_id); 37 console.log('code_user_id='+code_user_id);
38 console.log('code_vacancy='+code_vacancy); 38 console.log('code_vacancy='+code_vacancy);
39 console.log('Клик на кнопке...'); 39 console.log('Клик на кнопке...');
40 40
41 user_id.val(code_user_id); 41 user_id.val(code_user_id);
42 to_user_id.val(code_to_user_id); 42 to_user_id.val(code_to_user_id);
43 vacancy.val(code_vacancy); 43 vacancy.val(code_vacancy);
44 }); 44 });
45 </script> 45 </script>
46 @include('js.favorite-vacancy-45') 46 @include('js.favorite-vacancy-45')
47 @endsection 47 @endsection
48 48
49 @section('content') 49 @section('content')
50 <main class="main"> 50 <main class="main">
51 <div class="container"> 51 <div class="container">
52 <ul class="breadcrumbs main__breadcrumbs"> 52 <ul class="breadcrumbs main__breadcrumbs">
53 <li><a href="{{ route('index') }}">Главная</a></li> 53 <li><a href="{{ route('index') }}">Главная</a></li>
54 <li><a href="{{ route('vacancies') }}">Вакансии</a></li> 54 <li><a href="{{ route('vacancies') }}">Вакансии</a></li>
55 <li><b>{{ $title }}</b></li> 55 <li><b>{{ $title }}</b></li>
56 </ul> 56 </ul>
57 <div class="main__employer-page"> 57 <div class="main__employer-page">
58 58
59 @if (isset($Query[0]->employer)) 59 @if (isset($Query[0]->employer))
60 <h2 class="main__employer-page-title">О компании</h2> 60 <h2 class="main__employer-page-title">О компании</h2>
61 <div class="main__employer-page-two-item-toper"> 61 <div class="main__employer-page-two-item-toper">
62 @if (!empty($Query[0]->employer->logo)) 62 @if (!empty($Query[0]->employer->logo))
63 <img src="{{ asset(Storage::url($Query[0]->employer->logo)) }}" alt="{{ $Query[0]->employer->name }}"> 63 <img src="{{ asset(Storage::url($Query[0]->employer->logo)) }}" alt="{{ $Query[0]->employer->name }}">
64 @else 64 @else
65 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Query[0]->employer->name }}"> 65 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Query[0]->employer->name }}">
66 @endif 66 @endif
67 <span>{{ $Query[0]->employer->name_company }}</span> 67 <span>{{ $Query[0]->employer->name_company }}</span>
68 </div> 68 </div>
69 69
70 <div class="main__employer-page-info"> 70 <div class="main__employer-page-info">
71 <div class="main__employer-page-item"> 71 <div class="main__employer-page-item">
72 <b> Адрес компании</b> 72 <b> Адрес компании</b>
73 <span> 73 <span>
74 {{ $Query[0]->employer->address }} 74 {{ $Query[0]->employer->address }}
75 </span> 75 </span>
76 </div> 76 </div>
77 <div class="main__employer-page-item"> 77 <div class="main__employer-page-item">
78 <b>Сайт</b> 78 <b>Сайт</b>
79 <span> 79 <span>
80 <a href="{{ $Query[0]->employer->site }}">{{ $Query[0]->employer->site }}</a> 80 <a href="{{ $Query[0]->employer->site }}">{{ $Query[0]->employer->site }}</a>
81 </span> 81 </span>
82 </div> 82 </div>
83 <div class="main__employer-page-item"> 83 <div class="main__employer-page-item">
84 <b>Почта</b> 84 <b>Почта</b>
85 <span> 85 <span>
86 <a href="{{ $Query[0]->employer->email }}">{{ $Query[0]->employer->email }}</a> 86 <a href="{{ $Query[0]->employer->email }}">{{ $Query[0]->employer->email }}</a>
87 </span> 87 </span>
88 </div> 88 </div>
89 <div class="main__employer-page-item"> 89 <div class="main__employer-page-item">
90 <b>Телефон</b> 90 <b>Телефон</b>
91 <span> 91 <span>
92 <a href="tel:{{ $Query[0]->employer->telephone }}">{{ $Query[0]->employer->telephone }}</a> 92 <a href="tel:{{ $Query[0]->employer->telephone }}">{{ $Query[0]->employer->telephone }}</a>
93 </span> 93 </span>
94 </div> 94 </div>
95 </div> 95 </div>
96 @else 96 @else
97 <div class="main__employer-page-info"> 97 <div class="main__employer-page-info">
98 <div class="main__employer-page-item"> 98 <div class="main__employer-page-item">
99 <b>Ничего не найдено</b> 99 <b>Ничего не найдено</b>
100 <span> 100 <span>
101 Нет данных о компании 101 Нет данных о компании
102 </span> 102 </span>
103 </div> 103 </div>
104 </div> 104 </div>
105 @endif 105 @endif
106 <h2 class="main__employer-page-title">{{ $Query[0]->name }}</h2> 106 <h2 class="main__employer-page-title">{{ $Query[0]->name }}</h2>
107 <h3 class="main__employer-page-title_">Описание вакансии</h3> 107 <h3 class="main__employer-page-title_">Описание вакансии</h3>
108 108
109 </div> 109 </div>
110 110
111 @foreach ($Query as $Q) 111 @foreach ($Query as $Q)
112 <div class="main__vacancies-item-page main__employer-page-two-item"> 112 <div class="main__vacancies-item-page main__employer-page-two-item">
113 <!--<div class="main__employer-page-two-item-text"> 113 <!--<div class="main__employer-page-two-item-text">
114 <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор 114 <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
115 специалистов на следующие должности:</div> 115 специалистов на следующие должности:</div>
116 <div class="main__employer-page-two-item-text-links"> 116 <div class="main__employer-page-two-item-text-links">
117 if (isset($Q->jobs)) 117 if (isset($Q->jobs))
118 foreach ($Q->jobs as $key => $j) 118 foreach ($Q->jobs as $key => $j)
119 <a>“{ $j->name }}” 119 <a>“{ $j->name }}”
120 <!-- з/п от if (isset($Q->jobs_code[$key]->min_salary)) { $Q->jobs_code[$key]->min_salary }} endif - if (isset($Q->jobs_code[$key]->max_salary)) { $Q->jobs_code[$key]->max_salary }} endif рублей (на руки)--> 120 <!-- з/п от if (isset($Q->jobs_code[$key]->min_salary)) { $Q->jobs_code[$key]->min_salary }} endif - if (isset($Q->jobs_code[$key]->max_salary)) { $Q->jobs_code[$key]->max_salary }} endif рублей (на руки)-->
121 <!--</a> 121 <!--</a>
122 endforeach 122 endforeach
123 endif 123 endif
124 </div> 124 </div>
125 </div>--> 125 </div>-->
126 <div class="main__employer-page-two-item-text"> 126 <div class="main__employer-page-two-item-text">
127 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div> 127 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
128 <div class="main__employer-page-two-item-text-body"> 128 <div class="main__employer-page-two-item-text-body">
129 {!! $Q->text !!} 129 {!! $Q->text !!}
130 </div> 130 </div>
131 </div> 131 </div>
132 <!--<div class="main__employer-page-two-item-text"> 132 <!--<div class="main__employer-page-two-item-text">
133 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div> 133 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
134 <div class="main__employer-page-two-item-text-body"> 134 <div class="main__employer-page-two-item-text-body">
135 !! $Q->description !!} 135 !! $Q->description !!}
136 </div> 136 </div>
137 </div> 137 </div>
138 <div class="main__employer-page-two-item-text"> 138 <div class="main__employer-page-two-item-text">
139 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div> 139 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
140 <div class="main__employer-page-two-item-text-body"> 140 <div class="main__employer-page-two-item-text-body">
141 !! $Q->contacts_emails !!} 141 !! $Q->contacts_emails !!}
142 </div> 142 </div>
143 <div class="main__employer-page-two-item-text"> 143 <div class="main__employer-page-two-item-text">
144 <div class="main__employer-page-two-item-text-name">Или звоните:</div> 144 <div class="main__employer-page-two-item-text-name">Или звоните:</div>
145 <div class="main__employer-page-two-item-text-body"> 145 <div class="main__employer-page-two-item-text-body">
146 !! $Q->contacts_telephones !!} 146 !! $Q->contacts_telephones !!}
147 </div> 147 </div>
148 </div>--> 148 </div>-->
149 149
150 <div class="main__employer-page-two-item-tags"> 150 <div class="main__employer-page-two-item-tags">
151 @if (!empty($Q->jobs_code[0]->position_ship)) 151 @if (!empty($Q->jobs_code[0]->position_ship))
152 <span class="main__employer-page-two-item-tag">#{{ $Q->jobs_code[0]->position_ship }}</span> 152 <span class="main__employer-page-two-item-tag">#{{ $Q->jobs_code[0]->position_ship }}</span>
153 @else 153 @else
154 @if (isset($Q->jobs)) 154 @if (isset($Q->jobs))
155 @foreach ($Q->jobs as $key => $j) 155 @foreach ($Q->jobs as $key => $j)
156 <span class="main__employer-page-two-item-tag">#{{ $j->name }}</span> 156 <span class="main__employer-page-two-item-tag">#{{ $j->name }}</span>
157 @endforeach 157 @endforeach
158 @endif 158 @endif
159 @endif 159 @endif
160 </div> 160 </div>
161 <br> 161 <br>
162 <div class="main__employer-page-two-item-buttons"> 162 <div class="main__employer-page-two-item-buttons">
163 @guest 163 @guest
164 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' 164 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
165 class="button main__employer-page-two-item-button">Откликнуться</button> 165 class="button main__employer-page-two-item-button">Откликнуться</button>
166 @else 166 @else
167 @if (App\Classes\StatusUser::Status()==1) 167 @if (App\Classes\StatusUser::Status()==1)
168 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}' 168 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}'
169 class="button main__employer-page-two-item-button js_send_for_emp">Откликнуться</button> 169 class="button main__employer-page-two-item-button js_send_for_emp">Откликнуться</button>
170 @else 170 @else
171 <button type="button" data-fancybox data-src="#send2" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}' 171 <button type="button" data-fancybox data-src="#send2" data-vacancy="{{ $Q->id }}" data-uid="{{ $uid }}" data-tuid="{{ $Q->employer->user_id }}" data-options='{"touch":false,"autoFocus":false}'
172 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button> 172 class="button main__employer-page-two-item-button js_send_it_button">Откликнуться</button>
173 @endif 173 @endif
174 @endguest 174 @endguest
175 </div> 175 </div>
176 <div class="main__employer-page-two-item-bottom"> 176 <div class="main__employer-page-two-item-bottom">
177 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($Q->created_at)) }}</div> 177 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y', strtotime($Q->updated_at)) }}</div>
178 <button type="button" id="like{{ $Q->id }}" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js_vac_favorite js-toggle {{ \App\Classes\LikesClass::get_status_vacancy($Q) }}"> 178 <button type="button" id="like{{ $Q->id }}" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js_vac_favorite js-toggle {{ \App\Classes\LikesClass::get_status_vacancy($Q) }}">
179 <svg> 179 <svg>
180 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 180 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
181 </svg> 181 </svg>
182 </button> 182 </button>
183 </div> 183 </div>
184 184
185 </div> 185 </div>
186 186
187 @endforeach 187 @endforeach
188 188
189 <a href="{{ redirect()->back()->getTargetUrl() }}" class="back"> 189 <a href="{{ redirect()->back()->getTargetUrl() }}" class="back">
190 <svg> 190 <svg>
191 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 191 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
192 </svg> 192 </svg>
193 <span> 193 <span>
194 Вернуться к списку вакансий 194 Вернуться к списку вакансий
195 </span> 195 </span>
196 </a> 196 </a>
197 </div> 197 </div>
198 </main> 198 </main>
199 </div> 199 </div>
200 @endsection 200 @endsection
201 201