Сергей П / rekamore.su

Download as
Browse Code »

Commit e20c428e580828101514a2432c34f14df3f71465

Authored by Андрей Ларионов
1 parent 5faf37074a
Exists in master and in 1 other branch usloviya-razmeschniya

Коммит по 20 числу

Showing 9 changed files with 66 additions and 43 deletions Inline Diff

app/Http/Controllers/EmployerController.php
Diff comments   View file @ e20c428
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\BaseUserRequest; 8 use App\Http\Requests\BaseUserRequest;
9 use App\Http\Requests\FlotRequest; 9 use App\Http\Requests\FlotRequest;
10 use App\Http\Requests\MessagesRequiest; 10 use App\Http\Requests\MessagesRequiest;
11 use App\Http\Requests\VacancyRequestEdit; 11 use App\Http\Requests\VacancyRequestEdit;
12 use App\Http\Requests\VacansiaRequiest; 12 use App\Http\Requests\VacansiaRequiest;
13 use App\Mail\MailSotrudnichestvo; 13 use App\Mail\MailSotrudnichestvo;
14 use App\Mail\SendAllMessages; 14 use App\Mail\SendAllMessages;
15 use App\Models\Ad_employer; 15 use App\Models\Ad_employer;
16 use App\Models\Ad_jobs; 16 use App\Models\Ad_jobs;
17 use App\Models\ad_response; 17 use App\Models\ad_response;
18 use App\Models\Category; 18 use App\Models\Category;
19 use App\Models\Education; 19 use App\Models\Education;
20 use App\Models\Employer; 20 use App\Models\Employer;
21 use App\Models\employers_main; 21 use App\Models\employers_main;
22 use App\Models\Flot; 22 use App\Models\Flot;
23 use App\Models\Job_title; 23 use App\Models\Job_title;
24 use App\Models\Like_vacancy; 24 use App\Models\Like_vacancy;
25 use App\Models\Like_worker; 25 use App\Models\Like_worker;
26 use App\Models\Message; 26 use App\Models\Message;
27 use App\Models\Positions; 27 use App\Models\Positions;
28 use App\Models\Worker; 28 use App\Models\Worker;
29 use Carbon\Carbon; 29 use Carbon\Carbon;
30 use Illuminate\Auth\Events\Registered; 30 use Illuminate\Auth\Events\Registered;
31 use Illuminate\Database\Eloquent\Builder; 31 use Illuminate\Database\Eloquent\Builder;
32 use Illuminate\Database\Eloquent\Model; 32 use Illuminate\Database\Eloquent\Model;
33 use Illuminate\Foundation\Auth\User; 33 use Illuminate\Foundation\Auth\User;
34 use Illuminate\Http\Request; 34 use Illuminate\Http\Request;
35 use Illuminate\Support\Facades\Auth; 35 use Illuminate\Support\Facades\Auth;
36 use Illuminate\Support\Facades\Hash; 36 use Illuminate\Support\Facades\Hash;
37 use Illuminate\Support\Facades\Mail; 37 use Illuminate\Support\Facades\Mail;
38 use Illuminate\Support\Facades\Storage; 38 use Illuminate\Support\Facades\Storage;
39 use App\Models\User as User_Model; 39 use App\Models\User as User_Model;
40 use Illuminate\Support\Facades\Validator; 40 use Illuminate\Support\Facades\Validator;
41 41
42 class EmployerController extends Controller 42 class EmployerController extends Controller
43 { 43 {
44 public function vacancie($vacancy, Request $request) { 44 public function vacancie($vacancy, Request $request) {
45 $title = 'Заголовок вакансии'; 45 $title = 'Заголовок вакансии';
46 $Query = Ad_employer::with('jobs')-> 46 $Query = Ad_employer::with('jobs')->
47 with('cat')-> 47 with('cat')->
48 with('employer')-> 48 with('employer')->
49 with('jobs_code')-> 49 with('jobs_code')->
50 select('ad_employers.*')-> 50 select('ad_employers.*')->
51 where('id', '=', $vacancy)->get(); 51 where('id', '=', $vacancy)->get();
52 52
53 if (isset(Auth()->user()->id)) 53 if (isset(Auth()->user()->id))
54 $uid = Auth()->user()->id; 54 $uid = Auth()->user()->id;
55 else 55 else
56 $uid = 0; 56 $uid = 0;
57 $title = $Query[0]->name; 57 $title = $Query[0]->name;
58 if ($request->ajax()) { 58 if ($request->ajax()) {
59 return view('ajax.vacance-item', compact('Query','uid')); 59 return view('ajax.vacance-item', compact('Query','uid'));
60 } else { 60 } else {
61 return view('vacance-item', compact('title', 'Query', 'uid')); 61 return view('vacance-item', compact('title', 'Query', 'uid'));
62 } 62 }
63 } 63 }
64 64
65 public function logout() { 65 public function logout() {
66 Auth::logout(); 66 Auth::logout();
67 return redirect()->route('index') 67 return redirect()->route('index')
68 ->with('success', 'Вы вышли из личного кабинета'); 68 ->with('success', 'Вы вышли из личного кабинета');
69 } 69 }
70 70
71 public function employer_info() { 71 public function employer_info() {
72 // код юзера 72 // код юзера
73 $user_info = Auth()->user(); 73 $user_info = Auth()->user();
74 // вьюшка для вывода данных 74 // вьюшка для вывода данных
75 return view('employers.info', compact('user_info')); 75 return view('employers.info', compact('user_info'));
76 } 76 }
77 77
78 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) { 78 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
79 // Все данные через реквест 79 // Все данные через реквест
80 $all = $request->all(); 80 $all = $request->all();
81 unset($all['_token']); 81 unset($all['_token']);
82 // обновление 82 // обновление
83 $user->update($all); 83 $user->update($all);
84 return redirect()->route('employer.employer_info'); 84 return redirect()->route('employer.employer_info');
85 } 85 }
86 86
87 public function cabinet() { 87 public function cabinet() {
88 $id = Auth()->user()->id; 88 $id = Auth()->user()->id;
89 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 89 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
90 WhereHas('users', 90 WhereHas('users',
91 function (Builder $query) use ($id) {$query->Where('id', $id); 91 function (Builder $query) use ($id) {$query->Where('id', $id);
92 })->get(); 92 })->get();
93 return view('employers.cabinet45', compact('Employer')); 93 return view('employers.cabinet45', compact('Employer'));
94 } 94 }
95 95
96 public function slider_flot() { 96 public function slider_flot() {
97 $id = Auth()->user()->id; 97 $id = Auth()->user()->id;
98 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 98 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
99 WhereHas('users', 99 WhereHas('users',
100 function (Builder $query) use ($id) {$query->Where('id', $id); 100 function (Builder $query) use ($id) {$query->Where('id', $id);
101 })->get(); 101 })->get();
102 return view('employers.fly-flot', compact('Employer')); 102 return view('employers.fly-flot', compact('Employer'));
103 } 103 }
104 104
105 public function cabinet_save(Employer $Employer, Request $request) { 105 public function cabinet_save(Employer $Employer, Request $request) {
106 $params = $request->all(); 106 $params = $request->all();
107 $params['user_id'] = Auth()->user()->id; 107 $params['user_id'] = Auth()->user()->id;
108 $id = $Employer->id; 108 $id = $Employer->id;
109 109
110 if ($request->has('logo')) { 110 if ($request->has('logo')) {
111 if (!empty($Employer->logo)) { 111 if (!empty($Employer->logo)) {
112 Storage::delete($Employer->logo); 112 Storage::delete($Employer->logo);
113 } 113 }
114 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 114 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
115 } 115 }
116 116
117 $Employer->update($params); 117 $Employer->update($params);
118 118
119 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 119 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
120 } 120 }
121 121
122 public function save_add_flot(FlotRequest $request) { 122 public function save_add_flot(FlotRequest $request) {
123 // отмена 123 // отмена
124 $params = $request->all(); 124 $params = $request->all();
125 125
126 if ($request->has('image')) { 126 if ($request->has('image')) {
127 $params['image'] = $request->file('image')->store("flot", 'public'); 127 $params['image'] = $request->file('image')->store("flot", 'public');
128 } 128 }
129 Flot::create($params); 129 Flot::create($params);
130 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 130 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
131 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 131 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
132 } 132 }
133 133
134 public function delete_flot(Flot $Flot) { 134 public function delete_flot(Flot $Flot) {
135 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 135 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
136 136
137 if (isset($Flot->id)) $Flot->delete(); 137 if (isset($Flot->id)) $Flot->delete();
138 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 138 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
139 } 139 }
140 140
141 // Форма добавления вакансий 141 // Форма добавления вакансий
142 public function cabinet_vacancie() { 142 public function cabinet_vacancie() {
143 $id = Auth()->user()->id; 143 $id = Auth()->user()->id;
144 144
145 $categories = Category::query()->active()->get(); 145 $categories = Category::query()->active()->get();
146 $Positions = Category::query()->active()->get(); 146 $Positions = Category::query()->active()->get();
147 if ($Positions->count()) { 147 if ($Positions->count()) {
148 $jobs = Job_title::query()->OrderBy('name')->where('is_remove', '=', '0')->Notbdif()->where('position_id', $Positions[0]->id)->get(); 148 $jobs = Job_title::query()->OrderBy('name')->where('is_remove', '=', '0')->Notbdif()->where('position_id', $Positions[0]->id)->get();
149 } else { 149 } else {
150 $jobs = Job_title::query()->OrderBy('name')->where('is_remove', '=', '0')->Notbdif()->where('position_id', 0)->get(); 150 $jobs = Job_title::query()->OrderBy('name')->where('is_remove', '=', '0')->Notbdif()->where('position_id', 0)->get();
151 } 151 }
152 152
153 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 153 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
154 WhereHas('users', 154 WhereHas('users',
155 function (Builder $query) use ($id) {$query->Where('id', $id); 155 function (Builder $query) use ($id) {$query->Where('id', $id);
156 })->get(); 156 })->get();
157 157
158 return view('employers.add_vacancy', compact('Employer', 'jobs' , 'categories', 'Positions')); 158 return view('employers.add_vacancy', compact('Employer', 'jobs' , 'categories', 'Positions'));
159 } 159 }
160 160
161 // Сохранение вакансии 161 // Сохранение вакансии
162 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 162 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
163 $params_emp = $request->all(); 163 $params_emp = $request->all();
164 $params_job["job_title_id"] = $params_emp['job_title_id']; 164 $params_job["job_title_id"] = $params_emp['job_title_id'];
165 $params_job["min_salary"] = $params_emp['min_salary']; 165 $params_job["min_salary"] = $params_emp['min_salary'];
166 $params_job["max_salary"] = $params_emp['max_salary']; 166 $params_job["max_salary"] = $params_emp['max_salary'];
167 $params_job["region"] = $params_emp['region']; 167 $params_job["region"] = $params_emp['region'];
168 $params_job["power"] = $params_emp['power']; 168 $params_job["power"] = $params_emp['power'];
169 $params_job["sytki"] = $params_emp['sytki']; 169 $params_job["sytki"] = $params_emp['sytki'];
170 $params_job["start"] = $params_emp['start']; 170 $params_job["start"] = $params_emp['start'];
171 $params_job["flot"] = $params_emp['flot']; 171 $params_job["flot"] = $params_emp['flot'];
172 $params_job["description"] = $params_emp['description']; 172 $params_job["description"] = $params_emp['description'];
173 173
174 $ad_jobs = Ad_employer::create($params_emp); 174 $ad_jobs = Ad_employer::create($params_emp);
175 $params_job['ad_employer_id'] = $ad_jobs->id; 175 $params_job['ad_employer_id'] = $ad_jobs->id;
176 Ad_jobs::create($params_job); 176 Ad_jobs::create($params_job);
177 return redirect()->route('employer.vacancy_list'); 177 return redirect()->route('employer.vacancy_list');
178 } 178 }
179 179
180 // Список вакансий 180 // Список вакансий
181 public function vacancy_list(Request $request) { 181 public function vacancy_list(Request $request) {
182 $id = Auth()->user()->id; 182 $id = Auth()->user()->id;
183 $Employer = Employer::query()->where('user_id', $id)->first(); 183 $Employer = Employer::query()->where('user_id', $id)->first();
184 $vacancy_list = Ad_employer::query()->with('jobs')-> 184 $vacancy_list = Ad_employer::query()->with('jobs')->
185 with('jobs_code')-> 185 with('jobs_code')->
186 where('employer_id', $Employer->id); 186 where('employer_id', $Employer->id);
187 187
188 if ($request->get('sort')) { 188 if ($request->get('sort')) {
189 $sort = $request->get('sort'); 189 $sort = $request->get('sort');
190 switch ($sort) { 190 switch ($sort) {
191 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break; 191 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break;
192 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break; 192 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break;
193 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break; 193 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break;
194 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break; 194 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break;
195 case 'default': $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break; 195 case 'default': $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break;
196 default: $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break; 196 default: $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break;
197 } 197 }
198 } 198 }
199 $vacancy_list = $vacancy_list->paginate(4); 199 $vacancy_list = $vacancy_list->paginate(4);
200 200
201 //ajax 201 //ajax
202 if ($request->ajax()) { 202 if ($request->ajax()) {
203 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 203 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
204 } else { 204 } else {
205 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 205 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
206 } 206 }
207 } 207 }
208 208
209 // Карточка вакансии 209 // Карточка вакансии
210 public function vacancy_edit(Ad_employer $ad_employer) { 210 public function vacancy_edit(Ad_employer $ad_employer) {
211 $id = Auth()->user()->id; 211 $id = Auth()->user()->id;
212 212
213 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 213 $Positions = Category::query()->where('is_remove', '=', '0')->get();
214 if ($Positions->count()) { 214 if ($Positions->count()) {
215 $jobs = Job_title::query()->OrderBy('name')->where('position_id', $Positions[0]->id)->get(); 215 $jobs = Job_title::query()->OrderBy('name')->where('position_id', $Positions[0]->id)->get();
216 } else { 216 } else {
217 $jobs = Job_title::query()->OrderBy('name')->where('position_id', 0)->get(); 217 $jobs = Job_title::query()->OrderBy('name')->where('position_id', 0)->get();
218 } 218 }
219 219
220 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 220 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
221 where('user_id', $id)->first(); 221 where('user_id', $id)->first();
222 222
223 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 223 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
224 } 224 }
225 225
226 // Сохранение-редактирование записи 226 // Сохранение-редактирование записи
227 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 227 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
228 $params = $request->all(); 228 $params = $request->all();
229 229
230 //$jobs['flot'] = $params['flot']; 230 //$jobs['flot'] = $params['flot'];
231 //$jobs['job_title_id'] = $params['job_title_id']; 231 //$jobs['job_title_id'] = $params['job_title_id'];
232 //$titles['position_id'] = $params['position_id']; 232 //$titles['position_id'] = $params['position_id'];
233 //unset($params['job_title_id']); 233 //unset($params['job_title_id']);
234 234
235 $ad_employer->update($params); 235 $ad_employer->update($params);
236 236
237 //$job_ = Ad_jobs::query()->where('job_title_id', $jobs['job_title_id'])-> 237 //$job_ = Ad_jobs::query()->where('job_title_id', $jobs['job_title_id'])->
238 // where('ad_employer_id', $ad_employer->id)->first(); 238 // where('ad_employer_id', $ad_employer->id)->first();
239 //$data = Ad_jobs::find($job_->id); 239 //$data = Ad_jobs::find($job_->id);
240 //$ad_jobs = $data->update($jobs); 240 //$ad_jobs = $data->update($jobs);
241 241
242 return redirect()->route('employer.vacancy_list'); 242 return redirect()->route('employer.vacancy_list');
243 } 243 }
244 244
245 // Сохранение карточки вакансии 245 // Сохранение карточки вакансии
246 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 246 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
247 $all = $request->all(); 247 $all = $request->all();
248 $ad_employer->update($all); 248 $ad_employer->update($all);
249 return redirect()->route('employer.cabinet_vacancie'); 249 return redirect()->route('employer.cabinet_vacancie');
250 } 250 }
251 251
252 // Удаление карточки вакансии 252 // Удаление карточки вакансии
253 public function vacancy_delete(Ad_employer $ad_employer) { 253 public function vacancy_delete(Ad_employer $ad_employer) {
254 $ad_employer->delete(); 254 $ad_employer->delete();
255 255
256 return redirect()->route('employer.vacancy_list') 256 return redirect()->route('employer.vacancy_list')
257 ->with('success', 'Данные были успешно сохранены'); 257 ->with('success', 'Данные были успешно сохранены');
258 } 258 }
259 259
260 // Обновление даты 260 // Обновление даты
261 public function vacancy_up(Ad_employer $ad_employer) { 261 public function vacancy_up(Ad_employer $ad_employer) {
262 $up = date('m/d/Y h:i:s', time());; 262 $up = date('m/d/Y h:i:s', time());;
263 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 263 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
264 $vac_emp->updated_at = $up; 264 $vac_emp->updated_at = $up;
265 $vac_emp->save(); 265 $vac_emp->save();
266 266
267 return redirect()->route('employer.vacancy_list'); 267 return redirect()->route('employer.vacancy_list');
268 // начало конца 268 // начало конца
269 } 269 }
270 270
271 //Видимость вакансии 271 //Видимость вакансии
272 public function vacancy_eye(Ad_employer $ad_employer, $status) { 272 public function vacancy_eye(Ad_employer $ad_employer, $status) {
273 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 273 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
274 $vac_emp->active_is = $status; 274 $vac_emp->active_is = $status;
275 $vac_emp->save(); 275 $vac_emp->save();
276 276
277 return redirect()->route('employer.vacancy_list'); 277 return redirect()->route('employer.vacancy_list');
278 } 278 }
279 279
280 //Вакансия редактирования (шаблон) 280 //Вакансия редактирования (шаблон)
281 public function vacancy_update(Ad_employer $id) { 281 public function vacancy_update(Ad_employer $id) {
282 282
283 } 283 }
284 284
285 //Отклики на вакансию - лист 285 //Отклики на вакансию - лист
286 public function answers(Employer $employer, Request $request) { 286 public function answers(Employer $employer, Request $request) {
287 $user_id = Auth()->user()->id; 287 $user_id = Auth()->user()->id;
288 $answer = Ad_employer::query()->where('employer_id', $employer->id); 288 $answer = Ad_employer::query()->where('employer_id', $employer->id);
289 if ($request->has('search')) { 289 if ($request->has('search')) {
290 $search = trim($request->get('search')); 290 $search = trim($request->get('search'));
291 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 291 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
292 } 292 }
293 293
294 $answer = $answer->with('response')->get(); 294 $answer = $answer->with('response')->get();
295 295
296 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 296 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
297 } 297 }
298 298
299 //Обновление статуса 299 //Обновление статуса
300 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 300 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
301 $ad_response->update(Array('flag' => $flag)); 301 $ad_response->update(Array('flag' => $flag));
302 return redirect()->route('employer.answers', ['employer' => $employer->id]); 302 return redirect()->route('employer.answers', ['employer' => $employer->id]);
303 } 303 }
304 304
305 //Страницы сообщений список 305 //Страницы сообщений список
306 public function messages($type_message) { 306 public function messages($type_message) {
307 $user_id = Auth()->user()->id; 307 $user_id = Auth()->user()->id;
308 308
309 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 309 $messages_input = Message::query()->with('vacancies')->with('user_from')->
310 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 310 Where('to_user_id', $user_id)->OrderByDesc('created_at');
311 311
312 $messages_output = Message::query()->with('vacancies')-> 312 $messages_output = Message::query()->with('vacancies')->
313 with('user_to')->where('user_id', $user_id)-> 313 with('user_to')->where('user_id', $user_id)->
314 OrderByDesc('created_at'); 314 OrderByDesc('created_at');
315 315
316 316
317 $count_input = $messages_input->count(); 317 $count_input = $messages_input->count();
318 $count_output = $messages_output->count(); 318 $count_output = $messages_output->count();
319 319
320 if ($type_message == 'input') { 320 if ($type_message == 'input') {
321 $messages = $messages_input->paginate(5); 321 $messages = $messages_input->paginate(5);
322 } 322 }
323 323
324 if ($type_message == 'output') { 324 if ($type_message == 'output') {
325 $messages = $messages_output->paginate(5); 325 $messages = $messages_output->paginate(5);
326 } 326 }
327 327
328 //dd($user_id, $messages[2]->vacancies); 328 //dd($user_id, $messages[2]->vacancies);
329 //jobs); 329 //jobs);
330 330
331 return view('employers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id')); 331 return view('employers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
332 } 332 }
333 333
334 // Диалог между пользователями 334 // Диалог между пользователями
335 public function dialog(Request $request, User_Model $user1, User_Model $user2) { 335 public function dialog(Request $request, User_Model $user1, User_Model $user2) {
336 // Получение параметров. 336 // Получение параметров.
337 if ($request->has('ad_employer')){ 337 if ($request->has('ad_employer')){
338 $ad_employer = $request->get('ad_employer'); 338 $ad_employer = $request->get('ad_employer');
339 } else { 339 } else {
340 $ad_employer = 0; 340 $ad_employer = 0;
341 } 341 }
342 342
343 if (isset($user2->id)) { 343 if (isset($user2->id)) {
344 $companion = User_Model::query()->with('workers')-> 344 $companion = User_Model::query()->with('workers')->
345 with('employers')-> 345 with('employers')->
346 where('id', $user2->id)->first(); 346 where('id', $user2->id)->first();
347 } 347 }
348 348
349 $Messages = Message::query()-> 349 $Messages = Message::query()->
350 where('ad_employer_id', '=', $ad_employer)-> 350 where('ad_employer_id', '=', $ad_employer)->
351 where(function($query) use ($user1, $user2) { 351 where(function($query) use ($user1, $user2) {
352 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 352 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
353 })->orWhere(function($query) use ($user1, $user2) { 353 })->orWhere(function($query) use ($user1, $user2) {
354 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 354 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
355 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get(); 355 })->where('ad_employer_id', '=', $ad_employer)->OrderBy('created_at')->get();
356 356
357 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id; 357 $id_vac = $Messages[$Messages->count() - 1]->ad_employer_id;
358 358
359 //$ad_employer = null; 359 //$ad_employer = null;
360 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 360 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
361 $sender = $user1; 361 $sender = $user1;
362 362
363 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 363 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
364 } 364 }
365 365
366 // Регистрация работодателя 366 // Регистрация работодателя
367 public function register_employer(Request $request) { 367 public function register_employer(Request $request) {
368 $params = $request->all(); 368 $params = $request->all();
369 369
370 $rules = [ 370 $rules = [
371 //'surname' => ['required', 'string', 'max:255'], 371 //'surname' => ['required', 'string', 'max:255'],
372 //'name_man' => ['required', 'string', 'max:255'], 372 //'name_man' => ['required', 'string', 'max:255'],
373 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 373 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
374 'name_company' => ['required', 'string', 'max:255'], 374 'name_company' => ['required', 'string', 'max:255'],
375 'password' => ['required', 'string', 'min:8'], 375 'password' => ['required', 'string', 'min:6'],
376 ]; 376 ];
377 377
378 378
379 $messages = [ 379 $messages = [
380 'required' => 'Укажите обязательное поле', 380 'required' => 'Укажите обязательное поле',
381 'min' => [ 381 'min' => [
382 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 382 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
383 'integer' => 'Поле «:attribute» должно быть :min или больше', 383 'integer' => 'Поле «:attribute» должно быть :min или больше',
384 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 384 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
385 ], 385 ],
386 'max' => [ 386 'max' => [
387 'string' => 'Поле «:attribute» должно быть не больше :max символов', 387 'string' => 'Поле «:attribute» должно быть не больше :max символов',
388 'integer' => 'Поле «:attribute» должно быть :max или меньше', 388 'integer' => 'Поле «:attribute» должно быть :max или меньше',
389 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 389 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
390 ] 390 ]
391 ]; 391 ];
392 392
393 $email = $request->get('email'); 393 $email = $request->get('email');
394 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 394 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
395 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 395 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
396 } 396 }
397 397
398 if ($request->get('password') !== $request->get('confirmed')){ 398 if ($request->get('password') !== $request->get('confirmed')){
399 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 399 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
400 } 400 }
401 401
402 if (strlen($request->get('password')) < 8) { 402 if (strlen($request->get('password')) < 6) {
403 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 403 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
404 } 404 }
405 405 /*
406 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?'); 406 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');
407 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z', 407 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z',
408 'X', 'C', 'V', 'B', 'N', 'M'); 408 'X', 'C', 'V', 'B', 'N', 'M');
409 $spec_bool = false; 409 $spec_bool = false;
410 $alpha_bool = false; 410 $alpha_bool = false;
411 411
412 $haystack = $request->get('password'); 412 $haystack = $request->get('password');
413 413
414 foreach ($specsumbol as $it) { 414 foreach ($specsumbol as $it) {
415 if (strpos($haystack, $it) !== false) { 415 if (strpos($haystack, $it) !== false) {
416 $spec_bool = true; 416 $spec_bool = true;
417 } 417 }
418 } 418 }
419 419
420 foreach ($alpha as $it) { 420 foreach ($alpha as $it) {
421 if (strpos($haystack, $it) !== false) { 421 if (strpos($haystack, $it) !== false) {
422 $alpha_bool = true; 422 $alpha_bool = true;
423 } 423 }
424 } 424 }
425 425
426 if ((!$spec_bool) || (!$alpha_bool)) { 426 if ((!$spec_bool) || (!$alpha_bool)) {
427 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?")); 427 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));
428 } 428 }*/
429 429
430 if (empty($request->get('surname'))) { 430 if (empty($request->get('surname'))) {
431 $params['surname'] = 'Неизвестно'; 431 $params['surname'] = 'Неизвестно';
432 } 432 }
433 if (empty($request->get('name_man'))) { 433 if (empty($request->get('name_man'))) {
434 $params['name_man'] = 'Неизвестно'; 434 $params['name_man'] = 'Неизвестно';
435 } 435 }
436 $validator = Validator::make($params, $rules, $messages); 436 $validator = Validator::make($params, $rules, $messages);
437 437
438 if ($validator->fails()) { 438 if ($validator->fails()) {
439 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 439 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
440 } else { 440 } else {
441 $user = $this->create($params); 441 $user = $this->create($params);
442 event(new Registered($user)); 442 event(new Registered($user));
443 Auth::guard()->login($user); 443 Auth::guard()->login($user);
444 } 444 }
445 445
446 if ($user) { 446 if ($user) {
447 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 447 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
448 } else { 448 } else {
449 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 449 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
450 } 450 }
451 } 451 }
452 452
453 // Создание пользователя 453 // Создание пользователя
454 protected function create(array $data) 454 protected function create(array $data)
455 { 455 {
456 $Use = new User_Model(); 456 $Use = new User_Model();
457 $Code_user = $Use->create([ 457 $Code_user = $Use->create([
458 'name' => $data['surname']." ".$data['name_man'], 458 'name' => $data['surname']." ".$data['name_man'],
459 'name_man' => $data['name_man'], 459 'name_man' => $data['name_man'],
460 'surname' => $data['surname'], 460 'surname' => $data['surname'],
461 'surname2' => $data['surname2'], 461 'surname2' => $data['surname2'],
462 'subscribe_email' => $data['email'], 462 'subscribe_email' => $data['email'],
463 'email' => $data['email'], 463 'email' => $data['email'],
464 'telephone' => $data['telephone'], 464 'telephone' => $data['telephone'],
465 'is_worker' => 0, 465 'is_worker' => 0,
466 'password' => Hash::make($data['password']), 466 'password' => Hash::make($data['password']),
467 'pubpassword' => base64_encode($data['password']), 467 'pubpassword' => base64_encode($data['password']),
468 'email_verified_at' => Carbon::now() 468 'email_verified_at' => Carbon::now()
469 ]); 469 ]);
470 470
471 if ($Code_user->id > 0) { 471 if ($Code_user->id > 0) {
472 $Employer = new Employer(); 472 $Employer = new Employer();
473 $Employer->user_id = $Code_user->id; 473 $Employer->user_id = $Code_user->id;
474 $Employer->name_company = $data['name_company']; 474 $Employer->name_company = $data['name_company'];
475 $Employer->email = $data['email']; 475 $Employer->email = $data['email'];
476 $Employer->telephone = $data['telephone']; 476 $Employer->telephone = $data['telephone'];
477 $Employer->code = Tools::generator_id(10); 477 $Employer->code = Tools::generator_id(10);
478 $Employer->save(); 478 $Employer->save();
479 479
480 return $Code_user; 480 return $Code_user;
481 } 481 }
482 } 482 }
483 483
484 // Отправка сообщения от работодателя 484 // Отправка сообщения от работодателя
485 public function send_message(MessagesRequiest $request) { 485 public function send_message(MessagesRequiest $request) {
486 $params = $request->all(); 486 $params = $request->all();
487 dd($params); 487 dd($params);
488 $user1 = $params['user_id']; 488 $user1 = $params['user_id'];
489 $user2 = $params['to_user_id']; 489 $user2 = $params['to_user_id'];
490 490
491 if ($request->has('file')) { 491 if ($request->has('file')) {
492 $params['file'] = $request->file('file')->store("messages", 'public'); 492 $params['file'] = $request->file('file')->store("messages", 'public');
493 } 493 }
494 Message::create($params); 494 Message::create($params);
495 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 495 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
496 } 496 }
497 497
498 public function test123(Request $request) { 498 public function test123(Request $request) {
499 $params = $request->all(); 499 $params = $request->all();
500 $user1 = $params['user_id']; 500 $user1 = $params['user_id'];
501 $user2 = $params['to_user_id']; 501 $user2 = $params['to_user_id'];
502 502
503 $rules = [ 503 $rules = [
504 'text' => 'required|min:1|max:150000', 504 'text' => 'required|min:1|max:150000',
505 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 505 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
506 ]; 506 ];
507 $messages = [ 507 $messages = [
508 'required' => 'Укажите обязательное поле', 508 'required' => 'Укажите обязательное поле',
509 'min' => [ 509 'min' => [
510 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 510 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
511 'integer' => 'Поле «:attribute» должно быть :min или больше', 511 'integer' => 'Поле «:attribute» должно быть :min или больше',
512 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 512 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
513 ], 513 ],
514 'max' => [ 514 'max' => [
515 'string' => 'Поле «:attribute» должно быть не больше :max символов', 515 'string' => 'Поле «:attribute» должно быть не больше :max символов',
516 'integer' => 'Поле «:attribute» должно быть :max или меньше', 516 'integer' => 'Поле «:attribute» должно быть :max или меньше',
517 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 517 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
518 ] 518 ]
519 ]; 519 ];
520 520
521 $validator = Validator::make($request->all(), $rules, $messages); 521 $validator = Validator::make($request->all(), $rules, $messages);
522 522
523 if ($validator->fails()) { 523 if ($validator->fails()) {
524 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 524 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
525 ->withErrors($validator); 525 ->withErrors($validator);
526 } else { 526 } else {
527 if ($request->has('file')) { 527 if ($request->has('file')) {
528 $params['file'] = $request->file('file')->store("messages", 'public'); 528 $params['file'] = $request->file('file')->store("messages", 'public');
529 } 529 }
530 Message::create($params); 530 Message::create($params);
531 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 531 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
532 532
533 } 533 }
534 } 534 }
535 535
536 //Избранные люди 536 //Избранные люди
537 public function favorites(Request $request) { 537 public function favorites(Request $request) {
538 $IP_address = RusDate::ip_addr_client(); 538 $IP_address = RusDate::ip_addr_client();
539 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 539 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
540 540
541 if ($Arr->count()) { 541 if ($Arr->count()) {
542 $A = Array(); 542 $A = Array();
543 foreach ($Arr as $it) { 543 foreach ($Arr as $it) {
544 $A[] = $it->code_record; 544 $A[] = $it->code_record;
545 } 545 }
546 546
547 $Workers = Worker::query()->whereIn('id', $A); 547 $Workers = Worker::query()->whereIn('id', $A);
548 } else { 548 } else {
549 $Workers = Worker::query()->where('id', '=', '0'); 549 $Workers = Worker::query()->where('id', '=', '0');
550 } 550 }
551 551
552 if (($request->has('search')) && (!empty($request->get('search')))) { 552 if (($request->has('search')) && (!empty($request->get('search')))) {
553 $search = $request->get('search'); 553 $search = $request->get('search');
554 554
555 $Workers = $Workers->WhereHas('users', 555 $Workers = $Workers->WhereHas('users',
556 function (Builder $query) use ($search) { 556 function (Builder $query) use ($search) {
557 $query->Where('surname', 'LIKE', "%$search%") 557 $query->Where('surname', 'LIKE', "%$search%")
558 ->orWhere('name_man', 'LIKE', "%$search%") 558 ->orWhere('name_man', 'LIKE', "%$search%")
559 ->orWhere('surname2', 'LIKE', "%$search%"); 559 ->orWhere('surname2', 'LIKE', "%$search%");
560 }); 560 });
561 } else { 561 } else {
562 $Workers = $Workers->with('users'); 562 $Workers = $Workers->with('users');
563 } 563 }
564 564
565 $Workers = $Workers->get(); 565 $Workers = $Workers->get();
566 return view('employers.favorite', compact('Workers')); 566 return view('employers.favorite', compact('Workers'));
567 } 567 }
568 568
569 // База данных 569 // База данных
570 public function bd(Request $request) { 570 public function bd(Request $request) {
571 // для типа BelongsTo 571 // для типа BelongsTo
572 //$documents = Document::query()->orderBy(Location::select('name') 572 //$documents = Document::query()->orderBy(Location::select('name')
573 // ->whereColumn('locations.id', 'documents.location_id') 573 // ->whereColumn('locations.id', 'documents.location_id')
574 //); 574 //);
575 575
576 // для типа HasOne/Many 576 // для типа HasOne/Many
577 // $documents = Document::::query()->orderBy(Location::select('name') 577 // $documents = Document::::query()->orderBy(Location::select('name')
578 // ->whereColumn('locations.document_id', 'documents.id') 578 // ->whereColumn('locations.document_id', 'documents.id')
579 //); 579 //);
580 580
581 581
582 $users = User_Model::query()->with('workers'); 582 $users = User_Model::query()->with('workers');
583 583
584 if ($request->has('search')) { 584 if ($request->has('search')) {
585 $find_key = $request->get('search'); 585 $find_key = $request->get('search');
586 $users = $users->where('name', 'LIKE', "%$find_key%") 586 $users = $users->where('name', 'LIKE', "%$find_key%")
587 ->orWhere('surname', 'LIKE', "%$find_key%") 587 ->orWhere('surname', 'LIKE', "%$find_key%")
588 ->orWhere('name_man', 'LIKE', "%$find_key%") 588 ->orWhere('name_man', 'LIKE', "%$find_key%")
589 ->orWhere('email', 'LIKE', "%$find_key%") 589 ->orWhere('email', 'LIKE', "%$find_key%")
590 ->orWhere('telephone', 'LIKE', "%$find_key%"); 590 ->orWhere('telephone', 'LIKE', "%$find_key%");
591 } 591 }
592 592
593 // Данные 593 // Данные
594 $users = $users->Baseuser()-> 594 $users = $users->Baseuser()->
595 orderBy(Worker::select('position_work')->whereColumn('Workers.user_id', 'users.id'))-> 595 orderBy(Worker::select('position_work')->whereColumn('Workers.user_id', 'users.id'));
596 paginate(5); 596 $count_users = $users;
597 $users = $users->paginate(5);
597 598
598 599
599 return view('employers.bd', compact('users')); 600 return view('employers.bd', compact('users', 'count_users'));
600 } 601 }
601 602
602 //Настройка уведомлений 603 //Настройка уведомлений
603 public function subscribe() { 604 public function subscribe() {
604 return view('employers.subcribe'); 605 return view('employers.subcribe');
605 } 606 }
606 607
607 //Установка уведомлений сохранение 608 //Установка уведомлений сохранение
608 public function save_subscribe(Request $request) { 609 public function save_subscribe(Request $request) {
609 dd($request->all()); 610 dd($request->all());
610 $msg = $request->validate([ 611 $msg = $request->validate([
611 'subscribe_email' => 'required|email|min:5|max:255', 612 'subscribe_email' => 'required|email|min:5|max:255',
612 ]); 613 ]);
613 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 614 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
614 } 615 }
615 616
616 //Сбросить форму с паролем 617 //Сбросить форму с паролем
617 public function password_reset() { 618 public function password_reset() {
618 $email = Auth()->user()->email; 619 $email = Auth()->user()->email;
619 return view('employers.password-reset', compact('email')); 620 return view('employers.password-reset', compact('email'));
620 } 621 }
621 622
622 //Обновление пароля 623 //Обновление пароля
623 public function new_password(Request $request) { 624 public function new_password(Request $request) {
624 $use = Auth()->user(); 625 $use = Auth()->user();
625 $request->validate([ 626 $request->validate([
626 'password' => 'required|string', 627 'password' => 'required|string',
627 'new_password' => 'required|string', 628 'new_password' => 'required|string',
628 'new_password2' => 'required|string' 629 'new_password2' => 'required|string'
629 ]); 630 ]);
630 631
631 if ($request->get('new_password') == $request->get('new_password2')) 632 if ($request->get('new_password') == $request->get('new_password2'))
632 if ($request->get('password') !== $request->get('new_password')) { 633 if ($request->get('password') !== $request->get('new_password')) {
633 $credentials = $request->only('email', 'password'); 634 $credentials = $request->only('email', 'password');
634 if (Auth::attempt($credentials)) { 635 if (Auth::attempt($credentials)) {
635 636
636 if (!is_null($use->email_verified_at)){ 637 if (!is_null($use->email_verified_at)){
637 638
638 $user_data = User_Model::find($use->id); 639 $user_data = User_Model::find($use->id);
639 $user_data->update([ 640 $user_data->update([
640 'password' => Hash::make($request->get('new_password')), 641 'password' => Hash::make($request->get('new_password')),
641 'pubpassword' => base64_encode($request->get('new_password')), 642 'pubpassword' => base64_encode($request->get('new_password')),
642 ]); 643 ]);
643 return redirect() 644 return redirect()
644 ->route('employer.password_reset') 645 ->route('employer.password_reset')
645 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 646 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
646 } 647 }
647 648
648 return redirect() 649 return redirect()
649 ->route('employer.password_reset') 650 ->route('employer.password_reset')
650 ->withError('Данная учетная запись не было верифицированна!'); 651 ->withError('Данная учетная запись не было верифицированна!');
651 } 652 }
652 } 653 }
653 654
654 return redirect() 655 return redirect()
655 ->route('employer.password_reset') 656 ->route('employer.password_reset')
656 ->withErrors('Не совпадение данных, обновите пароли!'); 657 ->withErrors('Не совпадение данных, обновите пароли!');
657 } 658 }
658 659
659 660
660 661
661 // Форма Удаление пипла 662 // Форма Удаление пипла
662 public function delete_people() { 663 public function delete_people() {
663 $login = Auth()->user()->email; 664 $login = Auth()->user()->email;
664 return view('employers.delete_people', compact('login')); 665 return view('employers.delete_people', compact('login'));
665 } 666 }
666 667
667 // Удаление аккаунта 668 // Удаление аккаунта
668 public function action_delete_user(Request $request) { 669 public function action_delete_user(Request $request) {
669 $Answer = $request->all(); 670 $Answer = $request->all();
670 $user_id = Auth()->user()->id; 671 $user_id = Auth()->user()->id;
671 $request->validate([ 672 $request->validate([
672 'password' => 'required|string', 673 'password' => 'required|string',
673 ]); 674 ]);
674 675
675 $credentials = $request->only('email', 'password'); 676 $credentials = $request->only('email', 'password');
676 if (Auth::attempt($credentials)) { 677 if (Auth::attempt($credentials)) {
677 Auth::logout(); 678 Auth::logout();
678 $it = User_Model::find($user_id); 679 $it = User_Model::find($user_id);
679 $it->delete(); 680 $it->delete();
680 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 681 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
681 } else { 682 } else {
682 return redirect()->route('employer.delete_people') 683 return redirect()->route('employer.delete_people')
683 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 684 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
684 } 685 }
685 } 686 }
686 687
687 public function ajax_delete_user(Request $request) { 688 public function ajax_delete_user(Request $request) {
688 $Answer = $request->all(); 689 $Answer = $request->all();
689 $user_id = Auth()->user()->id; 690 $user_id = Auth()->user()->id;
690 $request->validate([ 691 $request->validate([
691 'password' => 'required|string', 692 'password' => 'required|string',
692 ]); 693 ]);
693 $credentials = $request->only('email', 'password'); 694 $credentials = $request->only('email', 'password');
694 if (Auth::attempt($credentials)) { 695 if (Auth::attempt($credentials)) {
695 696
696 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 697 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
697 'email' => $request->get('email'), 698 'email' => $request->get('email'),
698 'password' => $request->get('password'))); 699 'password' => $request->get('password')));
699 } else { 700 } else {
700 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 701 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
701 } 702 }
702 } 703 }
703 704
704 // FAQ - Вопросы/ответы для работодателей и соискателей 705 // FAQ - Вопросы/ответы для работодателей и соискателей
705 public function faq() { 706 public function faq() {
706 return view('employers.faq'); 707 return view('employers.faq');
707 } 708 }
708 709
709 // Рассылка сообщений 710 // Рассылка сообщений
710 public function send_all_messages() { 711 public function send_all_messages() {
711 return view('employers.send_all'); 712 return view('employers.send_all');
712 } 713 }
713 714
714 // Отправка сообщений для информации 715 // Отправка сообщений для информации
715 public function send_all_post(Request $request) { 716 public function send_all_post(Request $request) {
716 $data = $request->all(); 717 $data = $request->all();
717 718
718 $emails = User_Model::query()->where('is_worker', '1')->get(); 719 $emails = User_Model::query()->where('is_worker', '1')->get();
719 720
720 foreach ($emails as $e) { 721 foreach ($emails as $e) {
721 Mail::to($e->email)->send(new SendAllMessages($data)); 722 Mail::to($e->email)->send(new SendAllMessages($data));
722 } 723 }
723 724
724 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены'); 725 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены');
725 } 726 }
726 727
727 // База резюме 728 // База резюме
728 public function bd_tupe(Request $request) { 729 public function bd_tupe(Request $request) {
729 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 730 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
730 731
731 return view('employers.bd_tupe', compact('Resume')); 732 return view('employers.bd_tupe', compact('Resume'));
732 } 733 }
733 734
734 ////////////////////////////////////////////////////////////////// 735 //////////////////////////////////////////////////////////////////
735 // Отправил сообщение 736 // Отправил сообщение
736 ////////////////////////////////////////////////////////////////// 737 //////////////////////////////////////////////////////////////////
737 public function new_message(Request $request) { 738 public function new_message(Request $request) {
738 $params = $request->all(); 739 $params = $request->all();
739 $id = $params['_user_id']; 740 $id = $params['_user_id'];
740 $message = new Message(); 741 $message = new Message();
741 $message->user_id = $params['_user_id']; 742 $message->user_id = $params['_user_id'];
742 $message->to_user_id = $params['_to_user_id']; 743 $message->to_user_id = $params['_to_user_id'];
743 $message->title = $params['title']; 744 $message->title = $params['title'];
744 $message->text = $params['text']; 745 $message->text = $params['text'];
745 if ($request->has('_file')) { 746 if ($request->has('_file')) {
746 $message->file = $request->file('_file')->store("worker/$id", 'public'); 747 $message->file = $request->file('_file')->store("worker/$id", 'public');
747 } 748 }
748 $message->ad_employer_id = $params['_vacancy']; 749 $message->ad_employer_id = $params['_vacancy'];
749 $message->flag_new = 1; 750 $message->flag_new = 1;
750 $id_message = $message->save(); 751 $id_message = $message->save();
751 752
752 //$data['message_id'] = $id_message; 753 //$data['message_id'] = $id_message;
753 //$data['ad_employer_id'] = $params['_vacancy']; 754 //$data['ad_employer_id'] = $params['_vacancy'];
754 //$data['job_title_id'] = 0; 755 //$data['job_title_id'] = 0;
755 756
756 $data['flag'] = 1; 757 $data['flag'] = 1;
757 //$ad_responce = ad_response::create($data); 758 //$ad_responce = ad_response::create($data);
758 return redirect()->route('employer.messages', ['type_message' => 'output']); 759 return redirect()->route('employer.messages', ['type_message' => 'output']);
759 } 760 }
760 761
761 // Восстановление пароля 762 // Восстановление пароля
762 public function repair_password(Request $request) { 763 public function repair_password(Request $request) {
763 $params = $request->get('email'); 764 $params = $request->get('email');
764 } 765 }
765 766
766 // Избранные люди на корабль 767 // Избранные люди на корабль
767 public function selected_people(Request $request) { 768 public function selected_people(Request $request) {
768 $id = $request->get('id'); 769 $id = $request->get('id');
769 $favorite_people = Job_title::query()->Notbdif()->where('is_remove', '=', '0')->where('position_id', $id)->get(); 770 $favorite_people = Job_title::query()->Notbdif()->where('is_remove', '=', '0')->where('position_id', $id)->get();
770 return view('favorite_people', compact('favorite_people')); 771 return view('favorite_people', compact('favorite_people'));
771 } 772 }
772 } 773 }
773 774
app/Http/Controllers/WorkerController.php
Diff comments   View file @ e20c428
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\Http\Requests\DocumentsRequest; 6 use App\Http\Requests\DocumentsRequest;
7 use App\Http\Requests\PrevCompanyRequest; 7 use App\Http\Requests\PrevCompanyRequest;
8 use App\Http\Requests\SertificationRequest; 8 use App\Http\Requests\SertificationRequest;
9 use App\Models\Ad_employer; 9 use App\Models\Ad_employer;
10 use App\Models\ad_response; 10 use App\Models\ad_response;
11 use App\Models\Category; 11 use App\Models\Category;
12 use App\Models\Dop_info; 12 use App\Models\Dop_info;
13 use App\Models\Employer; 13 use App\Models\Employer;
14 use App\Models\infobloks; 14 use App\Models\infobloks;
15 use App\Models\Job_title; 15 use App\Models\Job_title;
16 use App\Models\Like_vacancy; 16 use App\Models\Like_vacancy;
17 use App\Models\Like_worker; 17 use App\Models\Like_worker;
18 use App\Models\Message; 18 use App\Models\Message;
19 use App\Models\place_works; 19 use App\Models\place_works;
20 use App\Models\PrevCompany; 20 use App\Models\PrevCompany;
21 use App\Models\reclame; 21 use App\Models\reclame;
22 use App\Models\ResponseWork; 22 use App\Models\ResponseWork;
23 use App\Models\sertification; 23 use App\Models\sertification;
24 use App\Models\Static_worker; 24 use App\Models\Static_worker;
25 use App\Models\Title_worker; 25 use App\Models\Title_worker;
26 use App\Models\User; 26 use App\Models\User;
27 use App\Models\User as User_Model; 27 use App\Models\User as User_Model;
28 use App\Models\Worker; 28 use App\Models\Worker;
29 use Barryvdh\DomPDF\Facade\Pdf; 29 use Barryvdh\DomPDF\Facade\Pdf;
30 use Carbon\Carbon; 30 use Carbon\Carbon;
31 use Illuminate\Auth\Events\Registered; 31 use Illuminate\Auth\Events\Registered;
32 use Illuminate\Database\Eloquent\Builder; 32 use Illuminate\Database\Eloquent\Builder;
33 use Illuminate\Database\Eloquent\Model; 33 use Illuminate\Database\Eloquent\Model;
34 use Illuminate\Http\JsonResponse; 34 use Illuminate\Http\JsonResponse;
35 use Illuminate\Http\Request; 35 use Illuminate\Http\Request;
36 use Illuminate\Support\Facades\Auth; 36 use Illuminate\Support\Facades\Auth;
37 use Illuminate\Support\Facades\Hash; 37 use Illuminate\Support\Facades\Hash;
38 use Illuminate\Support\Facades\Storage; 38 use Illuminate\Support\Facades\Storage;
39 use Illuminate\Support\Facades\Validator; 39 use Illuminate\Support\Facades\Validator;
40 40
41 class WorkerController extends Controller 41 class WorkerController extends Controller
42 { 42 {
43 public $status_work = array(0 => 'Ищу работу', 1 => 'Не указано', 2 => 'Не ищу работу'); 43 public $status_work = array(0 => 'Ищу работу', 1 => 'Не указано', 2 => 'Не ищу работу');
44 44
45 //профиль 45 //профиль
46 public function profile(Worker $worker) 46 public function profile(Worker $worker)
47 { 47 {
48 $get_date = date('Y.m'); 48 $get_date = date('Y.m');
49 49
50 $c = Static_worker::query()->where('year_month', '=', $get_date) 50 $c = Static_worker::query()->where('year_month', '=', $get_date)
51 ->where('user_id', '=', $worker->users->id) 51 ->where('user_id', '=', $worker->users->id)
52 ->get(); 52 ->get();
53 53
54 if ($c->count() > 0) { 54 if ($c->count() > 0) {
55 $upd = Static_worker::find($c[0]->id); 55 $upd = Static_worker::find($c[0]->id);
56 $upd->lookin = $upd->lookin + 1; 56 $upd->lookin = $upd->lookin + 1;
57 $upd->save(); 57 $upd->save();
58 } else { 58 } else {
59 $crt = new Static_worker(); 59 $crt = new Static_worker();
60 $crt->lookin = 1; 60 $crt->lookin = 1;
61 $crt->year_month = $get_date; 61 $crt->year_month = $get_date;
62 $crt->user_id = $worker->user_id; 62 $crt->user_id = $worker->user_id;
63 $crt->save(); 63 $crt->save();
64 } 64 }
65 65
66 $stat = Static_worker::query()->where('year_month', '=', $get_date) 66 $stat = Static_worker::query()->where('year_month', '=', $get_date)
67 ->where('user_id', '=', $worker->users->id) 67 ->where('user_id', '=', $worker->users->id)
68 ->get(); 68 ->get();
69 69
70 return view('public.workers.profile', compact('worker', 'stat')); 70 return view('public.workers.profile', compact('worker', 'stat'));
71 } 71 }
72 72
73 // лист база резюме 73 // лист база резюме
74 public function bd_resume(Request $request) 74 public function bd_resume(Request $request)
75 { 75 {
76 if (isset(Auth()->user()->id)) { 76 if (isset(Auth()->user()->id)) {
77 $idiot = Auth()->user()->id; 77 $idiot = Auth()->user()->id;
78 } else { 78 } else {
79 $idiot = 0; 79 $idiot = 0;
80 } 80 }
81 81
82 $status_work = $this->status_work; 82 $status_work = $this->status_work;
83 $resumes = Worker::query()->with('users')->with('job_titles'); 83 $resumes = Worker::query()->with('users')->with('job_titles');
84 $resumes = $resumes->whereHas('users', function (Builder $query) { 84 $resumes = $resumes->whereHas('users', function (Builder $query) {
85 $query->Where('is_worker', '=', '1') 85 $query->Where('is_worker', '=', '1')
86 ->Where('is_bd', '=', '0'); 86 ->Where('is_bd', '=', '0');
87 }); 87 });
88 88
89 //dd($request->get('job')); 89 //dd($request->get('job'));
90 if (($request->has('job')) && ($request->get('job') > 0)) { 90 if (($request->has('job')) && ($request->get('job') > 0)) {
91 $resumes = $resumes->whereHas('job_titles', function(Builder $query) use ($request) { 91 $resumes = $resumes->whereHas('job_titles', function(Builder $query) use ($request) {
92 $query->Where('job_titles.id', $request->get('job')); 92 $query->Where('job_titles.id', $request->get('job'));
93 }); 93 });
94 } 94 }
95 95
96 $Job_title = Job_title::query()->get(); 96 $Job_title = Job_title::query()->get();
97 97
98 if ($request->get('sort')) { 98 if ($request->get('sort')) {
99 $sort = $request->get('sort'); 99 $sort = $request->get('sort');
100 switch ($sort) { 100 switch ($sort) {
101 case 'name_up': 101 case 'name_up':
102 $resumes = $resumes->orderBy(User::select('surname') 102 $resumes = $resumes->orderBy(User::select('surname')
103 ->whereColumn('Workers.user_id', 'users.id') 103 ->whereColumn('Workers.user_id', 'users.id')
104 ); 104 );
105 break; 105 break;
106 case 'name_down': 106 case 'name_down':
107 $resumes = $resumes->orderByDesc(User::select('surname') 107 $resumes = $resumes->orderByDesc(User::select('surname')
108 ->whereColumn('Workers.user_id', 'users.id') 108 ->whereColumn('Workers.user_id', 'users.id')
109 ); 109 );
110 break; 110 break;
111 case 'created_at_up': $resumes = $resumes->OrderBy('created_at')->orderBy('id'); break; 111 case 'created_at_up': $resumes = $resumes->OrderBy('created_at')->orderBy('id'); break;
112 case 'created_at_down': $resumes = $resumes->orderByDesc('created_at')->orderBy('id'); break; 112 case 'created_at_down': $resumes = $resumes->orderByDesc('created_at')->orderBy('id'); break;
113 case 'default': $resumes = $resumes->orderBy('id')->orderby('updated_at'); break; 113 case 'default': $resumes = $resumes->orderBy('id')->orderby('updated_at'); break;
114 default: $resumes = $resumes->orderBy('id')->orderby('updated_at'); break; 114 default: $resumes = $resumes->orderBy('id')->orderby('updated_at'); break;
115 } 115 }
116 } 116 }
117 117
118 $res_count = $resumes->count(); 118 $res_count = $resumes->count();
119 //$resumes = $resumes->get(); 119 //$resumes = $resumes->get();
120 120
121 $resumes = $resumes->paginate(4); 121 $resumes = $resumes->paginate(4);
122 if ($request->ajax()) { 122 if ($request->ajax()) {
123 // Условия обставлены 123 // Условия обставлены
124 if ($request->has('block') && ($request->get('block') == 1)) { 124 if ($request->has('block') && ($request->get('block') == 1)) {
125 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot')); 125 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));
126 } 126 }
127 127
128 if ($request->has('block') && ($request->get('block') == 2)) { 128 if ($request->has('block') && ($request->get('block') == 2)) {
129 return view('ajax.resume_2', compact('resumes', 'status_work', 'res_count', 'idiot')); 129 return view('ajax.resume_2', compact('resumes', 'status_work', 'res_count', 'idiot'));
130 } 130 }
131 } else { 131 } else {
132 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title')); 132 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title'));
133 } 133 }
134 } 134 }
135 135
136 //Лайк резюме 136 //Лайк резюме
137 public function like_controller() { 137 public function like_controller() {
138 138
139 } 139 }
140 140
141 // анкета соискателя 141 // анкета соискателя
142 public function resume_profile(Worker $worker) 142 public function resume_profile(Worker $worker)
143 { 143 {
144 if (isset(Auth()->user()->id)) { 144 if (isset(Auth()->user()->id)) {
145 $idiot = Auth()->user()->id; 145 $idiot = Auth()->user()->id;
146 } else { 146 } else {
147 $idiot = 0; 147 $idiot = 0;
148 } 148 }
149 149
150 $status_work = $this->status_work; 150 $status_work = $this->status_work;
151 $Query = Worker::query()->with('users')->with('job_titles') 151 $Query = Worker::query()->with('users')->with('job_titles')
152 ->with('place_worker')->with('sertificate')->with('prev_company') 152 ->with('place_worker')->with('sertificate')->with('prev_company')
153 ->with('infobloks'); 153 ->with('infobloks');
154 $Query = $Query->where('id', '=', $worker->id); 154 $Query = $Query->where('id', '=', $worker->id);
155 $Query = $Query->get(); 155 $Query = $Query->get();
156 156
157 $get_date = date('Y.m'); 157 $get_date = date('Y.m');
158 $c = Static_worker::query()->where('year_month', '=', $get_date) 158 $c = Static_worker::query()->where('year_month', '=', $get_date)
159 ->where('user_id', '=', $worker->id) 159 ->where('user_id', '=', $worker->id)
160 ->get(); 160 ->get();
161 161
162 if ($c->count() > 0) { 162 if ($c->count() > 0) {
163 $upd = Static_worker::find($c[0]->id); 163 $upd = Static_worker::find($c[0]->id);
164 $upd->lookin = $upd->lookin + 1; 164 $upd->lookin = $upd->lookin + 1;
165 $upd->save(); 165 $upd->save();
166 } else { 166 } else {
167 $crt = new Static_worker(); 167 $crt = new Static_worker();
168 $crt->lookin = 1; 168 $crt->lookin = 1;
169 $crt->year_month = $get_date; 169 $crt->year_month = $get_date;
170 $crt->user_id = $worker->user_id; 170 $crt->user_id = $worker->user_id;
171 $crt->save(); 171 $crt->save();
172 } 172 }
173 $stat = Static_worker::query()->where('year_month', '=', $get_date) 173 $stat = Static_worker::query()->where('year_month', '=', $get_date)
174 ->where('user_id', '=', $worker->id) 174 ->where('user_id', '=', $worker->id)
175 ->get(); 175 ->get();
176 return view('worker', compact('Query', 'status_work', 'idiot')); 176 return view('worker', compact('Query', 'status_work', 'idiot'));
177 } 177 }
178 178
179 // скачать анкету соискателя 179 // скачать анкету соискателя
180 public function resume_download(Worker $worker) 180 public function resume_download(Worker $worker)
181 { 181 {
182 $status_work = $this->status_work; 182 $status_work = $this->status_work;
183 $Query = Worker::query()->with('users')->with('job_titles') 183 $Query = Worker::query()->with('users')->with('job_titles')
184 ->with('place_worker')->with('sertificate')->with('prev_company') 184 ->with('place_worker')->with('sertificate')->with('prev_company')
185 ->with('infobloks'); 185 ->with('infobloks');
186 $Query = $Query->where('id', '=', $worker->id); 186 $Query = $Query->where('id', '=', $worker->id);
187 $Query = $Query->get()->toArray(); 187 $Query = $Query->get()->toArray();
188 188
189 view()->share('Query',$Query); 189 view()->share('Query',$Query);
190 190
191
191 $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape'); 192 $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape');
192 193
193 return $pdf->stream(); 194 return $pdf->stream();
194 } 195 }
195 196
196 public function resume_download_all() { 197 public function resume_download_all() {
197 $status_work = $this->status_work; 198 $status_work = $this->status_work;
198 $Query = Worker::query()->with('users')->with('job_titles') 199 $Query = Worker::query()->with('users')->with('job_titles')
199 ->with('place_worker')->with('sertificate')->with('prev_company') 200 ->with('place_worker')->with('sertificate')->with('prev_company')
200 ->with('infobloks'); 201 ->with('infobloks')->
202 whereHas('users', function (Builder $query) {
203 $query->Where('is_worker', '=', '1')
204 ->Where('is_bd', '=', '1');
205 });
201 //$Query = $Query->where('id', '=', $worker->id); 206 //$Query = $Query->where('id', '=', $worker->id);
202 $Query = $Query->get()->toArray(); 207 $Query = $Query->get()->toArray();
203 208
204 view()->share('Query',$Query); 209 view()->share('Query',$Query);
205 210
206 $pdf = PDF::loadView('layout.pdf-list-people', $Query); //->setPaper('a4', 'landscape'); 211 $pdf = PDF::loadView('layout.pdf-list-people', $Query); //->setPaper('a4', 'landscape');
207 212
208 return $pdf->stream(); 213 return $pdf->stream();
209 } 214 }
210 215
211 // Кабинет работника 216 // Кабинет работника
212 public function cabinet(Request $request) 217 public function cabinet(Request $request)
213 { 218 {
214 // дата год и месяц 219 // дата год и месяц
215 $get_date = date('Y.m'); 220 $get_date = date('Y.m');
216 221
217 $id = Auth()->user()->id; 222 $id = Auth()->user()->id;
218 223
219 $Infobloks = infobloks::query()->get(); 224 $Infobloks = infobloks::query()->get();
220 225
221 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')-> 226 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->
222 with('infobloks')->with('place_worker')-> 227 with('infobloks')->with('place_worker')->
223 WhereHas('users', 228 WhereHas('users',
224 function (Builder $query) use ($id) {$query->Where('id', $id); 229 function (Builder $query) use ($id) {$query->Where('id', $id);
225 })->get(); 230 })->get();
226 231
227 $Job_titles = Job_title::query()->where('is_remove', '=', '0')->OrderBy('name')->get(); 232 $Job_titles = Job_title::query()->where('is_remove', '=', '0')->OrderBy('name')->get();
228 $Infoblocks = infobloks::query()->OrderBy('name')->get(); 233 $Infoblocks = infobloks::query()->OrderBy('name')->get();
229 234
230 $stat = Static_worker::query()->where('year_month', '=', $get_date) 235 $stat = Static_worker::query()->where('year_month', '=', $get_date)
231 ->where('user_id', '=', $Worker[0]->id) 236 ->where('user_id', '=', $Worker[0]->id)
232 ->get(); 237 ->get();
233 238
234 // 10% 239 // 10%
235 240
236 $persent = 10; 241 $persent = 10;
237 $persent1 = 0; 242 $persent1 = 0;
238 $persent2 = 0; 243 $persent2 = 0;
239 $persent3 = 0; 244 $persent3 = 0;
240 $persent4 = 0; 245 $persent4 = 0;
241 $persent5 = 0; 246 $persent5 = 0;
242 247
243 if ((!empty($Worker[0]->telephone)) && 248 if ((!empty($Worker[0]->telephone)) &&
244 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) && 249 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&
245 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) { 250 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {
246 // 40% 251 // 40%
247 $persent = $persent + 40; 252 $persent = $persent + 40;
248 $persent1 = 40; 253 $persent1 = 40;
249 } 254 }
250 255
251 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year); 256 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year);
252 257
253 if ($Worker[0]->sertificate->count() > 0) { 258 if ($Worker[0]->sertificate->count() > 0) {
254 // 15% 259 // 15%
255 $persent = $persent + 15; 260 $persent = $persent + 15;
256 $persent2 = 15; 261 $persent2 = 15;
257 } 262 }
258 263
259 if ($Worker[0]->infobloks->count() > 0) { 264 if ($Worker[0]->infobloks->count() > 0) {
260 // 20% 265 // 20%
261 $persent = $persent + 20; 266 $persent = $persent + 20;
262 $persent3 = 20; 267 $persent3 = 20;
263 } 268 }
264 269
265 if ($Worker[0]->prev_company->count() > 0) { 270 if ($Worker[0]->prev_company->count() > 0) {
266 // 10% 271 // 10%
267 $persent = $persent + 10; 272 $persent = $persent + 10;
268 $persent4 = 10; 273 $persent4 = 10;
269 } 274 }
270 275
271 if (!empty($Worker[0]->photo)) { 276 if (!empty($Worker[0]->photo)) {
272 // 5% 277 // 5%
273 $persent = $persent + 5; 278 $persent = $persent + 5;
274 $persent5 = 5; 279 $persent5 = 5;
275 } 280 }
276 281
277 //dd($persent1, $persent2, $persent3, $persent4, $persent5); 282 //dd($persent1, $persent2, $persent3, $persent4, $persent5);
278 283
279 if ($request->has('print')) { 284 if ($request->has('print')) {
280 dd($Worker); 285 dd($Worker);
281 } else { 286 } else {
282 return view('workers.cabinet', compact('Worker', 'Infobloks', 'persent', 'Job_titles', 'Infoblocks', 'stat')); 287 return view('workers.cabinet', compact('Worker', 'Infobloks', 'persent', 'Job_titles', 'Infoblocks', 'stat'));
283 } 288 }
284 } 289 }
285 290
286 // Сохранение данных 291 // Сохранение данных
287 public function cabinet_save(Worker $worker, Request $request) 292 public function cabinet_save(Worker $worker, Request $request)
288 { 293 {
289 $id = $worker->id; 294 $id = $worker->id;
290 $params = $request->all(); 295 $params = $request->all();
291 296
292 $job_title_id = $request->get('job_title_id'); 297 $job_title_id = $request->get('job_title_id');
293 298
294 unset($params['new_diplom']); 299 unset($params['new_diplom']);
295 unset($params['new_data_begin']); 300 unset($params['new_data_begin']);
296 unset($params['new_data_end']); 301 unset($params['new_data_end']);
297 unset($params['new_job_title']); 302 unset($params['new_job_title']);
298 unset($params['new_teplohod']); 303 unset($params['new_teplohod']);
299 unset($params['new_GWT']); 304 unset($params['new_GWT']);
300 unset($params['new_KBT']); 305 unset($params['new_KBT']);
301 unset($params['new_Begin_work']); 306 unset($params['new_Begin_work']);
302 unset($params['new_End_work']); 307 unset($params['new_End_work']);
303 unset($params['new_name_company']); 308 unset($params['new_name_company']);
304 309
305 $rules = [ 310 $rules = [
306 'surname' => ['required', 'string', 'max:255'], 311 'surname' => ['required', 'string', 'max:255'],
307 'name_man' => ['required', 'string', 'max:255'], 312 'name_man' => ['required', 'string', 'max:255'],
308 'email' => ['required', 'string', 'email', 'max:255'], 313 'email' => ['required', 'string', 'email', 'max:255'],
309 314
310 ]; 315 ];
311 316
312 $messages = [ 317 $messages = [
313 'required' => 'Укажите обязательное поле', 318 'required' => 'Укажите обязательное поле',
314 'min' => [ 319 'min' => [
315 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 320 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
316 'integer' => 'Поле «:attribute» должно быть :min или больше', 321 'integer' => 'Поле «:attribute» должно быть :min или больше',
317 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 322 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
318 ], 323 ],
319 'max' => [ 324 'max' => [
320 'string' => 'Поле «:attribute» должно быть не больше :max символов', 325 'string' => 'Поле «:attribute» должно быть не больше :max символов',
321 'integer' => 'Поле «:attribute» должно быть :max или меньше', 326 'integer' => 'Поле «:attribute» должно быть :max или меньше',
322 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 327 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
323 ] 328 ]
324 ]; 329 ];
325 330
326 $validator = Validator::make($params, $rules, $messages); 331 $validator = Validator::make($params, $rules, $messages);
327 332
328 if ($validator->fails()) { 333 if ($validator->fails()) {
329 return redirect()->route('worker.cabinet')->withErrors($validator); 334 return redirect()->route('worker.cabinet')->withErrors($validator);
330 } else { 335 } else {
331 336
332 if ($request->has('photo')) { 337 if ($request->has('photo')) {
333 if (!empty($Worker->photo)) { 338 if (!empty($Worker->photo)) {
334 Storage::delete($Worker->photo); 339 Storage::delete($Worker->photo);
335 } 340 }
336 $params['photo'] = $request->file('photo')->store("worker/$id", 'public'); 341 $params['photo'] = $request->file('photo')->store("worker/$id", 'public');
337 } 342 }
338 343
339 if ($request->has('file')) { 344 if ($request->has('file')) {
340 if (!empty($Worker->file)) { 345 if (!empty($Worker->file)) {
341 Storage::delete($Worker->file); 346 Storage::delete($Worker->file);
342 } 347 }
343 $params['file'] = $request->file('file')->store("worker/$id", 'public'); 348 $params['file'] = $request->file('file')->store("worker/$id", 'public');
344 } 349 }
345 350
346 $id_wor = $worker->update($params); 351 $id_wor = $worker->update($params);
347 $use = User::find($worker->user_id); 352 $use = User::find($worker->user_id);
348 $use->surname = $request->get('surname'); 353 $use->surname = $request->get('surname');
349 $use->name_man = $request->get('name_man'); 354 $use->name_man = $request->get('name_man');
350 $use->surname2 = $request->get('surname2'); 355 $use->surname2 = $request->get('surname2');
351 356
352 $use->save(); 357 $use->save();
353 $worker->job_titles()->sync($job_title_id); 358 $worker->job_titles()->sync($job_title_id);
354 359
355 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены'); 360 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены');
356 } 361 }
357 } 362 }
358 363
359 // Сообщения данные 364 // Сообщения данные
360 public function messages($type_message) 365 public function messages($type_message)
361 { 366 {
362 $user_id = Auth()->user()->id; 367 $user_id = Auth()->user()->id;
363 368
364 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 369 $messages_input = Message::query()->with('vacancies')->with('user_from')->
365 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 370 Where('to_user_id', $user_id)->OrderByDesc('created_at');
366 371
367 $messages_output = Message::query()->with('vacancies')-> 372 $messages_output = Message::query()->with('vacancies')->
368 with('user_to')->where('user_id', $user_id)-> 373 with('user_to')->where('user_id', $user_id)->
369 OrderByDesc('created_at'); 374 OrderByDesc('created_at');
370 375
371 376
372 $count_input = $messages_input->count(); 377 $count_input = $messages_input->count();
373 $count_output = $messages_output->count(); 378 $count_output = $messages_output->count();
374 379
375 if ($type_message == 'input') { 380 if ($type_message == 'input') {
376 $messages = $messages_input->paginate(5); 381 $messages = $messages_input->paginate(5);
377 } 382 }
378 383
379 if ($type_message == 'output') { 384 if ($type_message == 'output') {
380 $messages = $messages_output->paginate(5); 385 $messages = $messages_output->paginate(5);
381 } 386 }
382 387
383 // Вернуть все 100% 388 // Вернуть все 100%
384 return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id')); 389 return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
385 } 390 }
386 391
387 // Избранный 392 // Избранный
388 public function favorite() 393 public function favorite()
389 { 394 {
390 return view('workers.favorite'); 395 return view('workers.favorite');
391 } 396 }
392 397
393 // Сменить пароль 398 // Сменить пароль
394 public function new_password() 399 public function new_password()
395 { 400 {
396 $email = Auth()->user()->email; 401 $email = Auth()->user()->email;
397 return view('workers.new_password', compact('email')); 402 return view('workers.new_password', compact('email'));
398 } 403 }
399 404
400 // Обновление пароля 405 // Обновление пароля
401 public function save_new_password(Request $request) { 406 public function save_new_password(Request $request) {
402 $use = Auth()->user(); 407 $use = Auth()->user();
403 $request->validate([ 408 $request->validate([
404 'password' => 'required|string', 409 'password' => 'required|string',
405 'new_password' => 'required|string', 410 'new_password' => 'required|string',
406 'new_password2' => 'required|string' 411 'new_password2' => 'required|string'
407 ]); 412 ]);
408 413
409 if ($request->get('new_password') == $request->get('new_password2')) 414 if ($request->get('new_password') == $request->get('new_password2'))
410 if ($request->get('password') !== $request->get('new_password')) { 415 if ($request->get('password') !== $request->get('new_password')) {
411 $credentials = $request->only('email', 'password'); 416 $credentials = $request->only('email', 'password');
412 if (Auth::attempt($credentials, $request->has('save_me'))) { 417 if (Auth::attempt($credentials, $request->has('save_me'))) {
413 418
414 if (!is_null($use->email_verified_at)){ 419 if (!is_null($use->email_verified_at)){
415 420
416 $user_data = User_Model::find($use->id); 421 $user_data = User_Model::find($use->id);
417 $user_data->update([ 422 $user_data->update([
418 'password' => Hash::make($request->get('new_password')), 423 'password' => Hash::make($request->get('new_password')),
419 'pubpassword' => base64_encode($request->get('new_password')), 424 'pubpassword' => base64_encode($request->get('new_password')),
420 ]); 425 ]);
421 return redirect() 426 return redirect()
422 ->route('worker.new_password') 427 ->route('worker.new_password')
423 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 428 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
424 } 429 }
425 430
426 return redirect() 431 return redirect()
427 ->route('worker.new_password') 432 ->route('worker.new_password')
428 ->withError('Данная учетная запись не было верифицированна!'); 433 ->withError('Данная учетная запись не было верифицированна!');
429 } 434 }
430 } 435 }
431 436
432 return redirect() 437 return redirect()
433 ->route('worker.new_password') 438 ->route('worker.new_password')
434 ->withErrors('Не совпадение данных, обновите пароли!'); 439 ->withErrors('Не совпадение данных, обновите пароли!');
435 } 440 }
436 441
437 // Удаление профиля форма 442 // Удаление профиля форма
438 public function delete_profile() 443 public function delete_profile()
439 { 444 {
440 $login = Auth()->user()->email; 445 $login = Auth()->user()->email;
441 return view('workers.delete_profile', compact('login')); 446 return view('workers.delete_profile', compact('login'));
442 } 447 }
443 448
444 // Удаление профиля код 449 // Удаление профиля код
445 public function delete_profile_result(Request $request) { 450 public function delete_profile_result(Request $request) {
446 $Answer = $request->all(); 451 $Answer = $request->all();
447 $user_id = Auth()->user()->id; 452 $user_id = Auth()->user()->id;
448 $request->validate([ 453 $request->validate([
449 'password' => 'required|string', 454 'password' => 'required|string',
450 ]); 455 ]);
451 456
452 $credentials = $request->only('email', 'password'); 457 $credentials = $request->only('email', 'password');
453 if (Auth::attempt($credentials)) { 458 if (Auth::attempt($credentials)) {
454 Auth::logout(); 459 Auth::logout();
455 $it = User_Model::find($user_id); 460 $it = User_Model::find($user_id);
456 $it->delete(); 461 $it->delete();
457 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 462 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
458 } else { 463 } else {
459 return redirect()->route('worker.delete_profile') 464 return redirect()->route('worker.delete_profile')
460 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 465 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
461 } 466 }
462 } 467 }
463 468
464 // Регистрация соискателя 469 // Регистрация соискателя
465 public function register_worker(Request $request) 470 public function register_worker(Request $request)
466 { 471 {
467 $params = $request->all(); 472 $params = $request->all();
468 $params['is_worker'] = 1; 473 $params['is_worker'] = 1;
469 474
470 $rules = [ 475 $rules = [
471 'surname' => ['required', 'string', 'max:255'], 476 'surname' => ['required', 'string', 'max:255'],
472 'name_man' => ['required', 'string', 'max:255'], 477 'name_man' => ['required', 'string', 'max:255'],
473 'email' => ['required', 'email', 'max:255', 'unique:users'], 478 'email' => ['required', 'email', 'max:255', 'unique:users'],
474 'password' => ['required', 'string', 'min:8'] 479 'password' => ['required', 'string', 'min:6']
475 ]; 480 ];
476 481
477 $messages = [ 482 $messages = [
478 'required' => 'Укажите обязательное поле', 483 'required' => 'Укажите обязательное поле',
479 'min' => [ 484 'min' => [
480 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 485 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
481 'integer' => 'Поле «:attribute» должно быть :min или больше', 486 'integer' => 'Поле «:attribute» должно быть :min или больше',
482 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 487 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
483 ], 488 ],
484 'max' => [ 489 'max' => [
485 'string' => 'Поле «:attribute» должно быть не больше :max символов', 490 'string' => 'Поле «:attribute» должно быть не больше :max символов',
486 'integer' => 'Поле «:attribute» должно быть :max или меньше', 491 'integer' => 'Поле «:attribute» должно быть :max или меньше',
487 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 492 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
488 ] 493 ]
489 ]; 494 ];
490 495
491 $email = $request->get('email'); 496 $email = $request->get('email');
492 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 497 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
493 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 498 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
494 } 499 }
495 500
496 if ($request->get('password') !== $request->get('confirmed')){ 501 if ($request->get('password') !== $request->get('confirmed')){
497 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 502 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
498 } 503 }
499 504
500 $haystack = $request->get('password'); 505 if (strlen($request->get('password')) < 6) {
506 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
507 }
508
509 /*$haystack = $request->get('password');
501 510
502 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?'); 511 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');
503 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z', 512 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z',
504 'X', 'C', 'V', 'B', 'N', 'M'); 513 'X', 'C', 'V', 'B', 'N', 'M');
505 $lenpwd_bool = true; 514 $lenpwd_bool = true;
506 $spec_bool = false; 515 $spec_bool = false;
507 $alpha_bool = false; 516 $alpha_bool = false;
508 517
509 if (strlen($haystack) < 8) $lenpwd_bool = false; 518 if (strlen($haystack) < 8) $lenpwd_bool = false;
510 519
511 foreach ($specsumbol as $it) { 520 foreach ($specsumbol as $it) {
512 if (strpos($haystack, $it) !== false) { 521 if (strpos($haystack, $it) !== false) {
513 $spec_bool = true; 522 $spec_bool = true;
514 } 523 }
515 } 524 }
516 525
517 foreach ($alpha as $it) { 526 foreach ($alpha as $it) {
518 if (strpos($haystack, $it) !== false) { 527 if (strpos($haystack, $it) !== false) {
519 $alpha_bool = true; 528 $alpha_bool = true;
520 } 529 }
521 } 530 }
522 531
523 if (!$lenpwd_bool) {
524 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
525 }
526
527 if ((!$spec_bool) || (!$alpha_bool)) { 532 if ((!$spec_bool) || (!$alpha_bool)) {
528 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?")); 533 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));
529 } 534 }*/
530 535
531 if (($request->has('politik')) && ($request->get('politik') == 1)) { 536 if (($request->has('politik')) && ($request->get('politik') == 1)) {
532 $validator = Validator::make($params, $rules, $messages); 537 $validator = Validator::make($params, $rules, $messages);
533 538
534 if ($validator->fails()) { 539 if ($validator->fails()) {
535 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 540 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
536 } else { 541 } else {
537 //dd($params); 542 //dd($params);
538 $user = $this->create($params); 543 $user = $this->create($params);
539 event(new Registered($user)); 544 event(new Registered($user));
540 Auth::guard()->login($user); 545 Auth::guard()->login($user);
541 } 546 }
542 if ($user) { 547 if ($user) {
543 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));; 548 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
544 } else { 549 } else {
545 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 550 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
546 } 551 }
547 552
548 } else { 553 } else {
549 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!")); 554 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
550 } 555 }
551 } 556 }
552 557
553 // Звездная оценка и ответ 558 // Звездная оценка и ответ
554 public function stars_answer(Request $request) { 559 public function stars_answer(Request $request) {
555 $params = $request->all(); 560 $params = $request->all();
556 $rules = [ 561 $rules = [
557 'message' => ['required', 'string', 'max:255'], 562 'message' => ['required', 'string', 'max:255'],
558 ]; 563 ];
559 564
560 $messages = [ 565 $messages = [
561 'required' => 'Укажите обязательное поле', 566 'required' => 'Укажите обязательное поле',
562 'min' => [ 567 'min' => [
563 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 568 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
564 'integer' => 'Поле «:attribute» должно быть :min или больше', 569 'integer' => 'Поле «:attribute» должно быть :min или больше',
565 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 570 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
566 ], 571 ],
567 'max' => [ 572 'max' => [
568 'string' => 'Поле «:attribute» должно быть не больше :max символов', 573 'string' => 'Поле «:attribute» должно быть не больше :max символов',
569 'integer' => 'Поле «:attribute» должно быть :max или меньше', 574 'integer' => 'Поле «:attribute» должно быть :max или меньше',
570 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 575 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
571 ] 576 ]
572 ]; 577 ];
573 $response_worker = ResponseWork::create($params); 578 $response_worker = ResponseWork::create($params);
574 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!'); 579 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');
575 } 580 }
576 581
577 public function TestWorker() 582 public function TestWorker()
578 { 583 {
579 $Use = new User(); 584 $Use = new User();
580 585
581 $Code_user = $Use->create([ 586 $Code_user = $Use->create([
582 'name' => 'surname name_man', 587 'name' => 'surname name_man',
583 'name_man' => 'name_man', 588 'name_man' => 'name_man',
584 'surname' => 'surname', 589 'surname' => 'surname',
585 'surname2' => 'surname2', 590 'surname2' => 'surname2',
586 'subscribe_email' => '1', 591 'subscribe_email' => '1',
587 'email' => 'email@mail.com', 592 'email' => 'email@mail.com',
588 'telephone' => '1234567890', 593 'telephone' => '1234567890',
589 'password' => Hash::make('password'), 594 'password' => Hash::make('password'),
590 'pubpassword' => base64_encode('password'), 595 'pubpassword' => base64_encode('password'),
591 'email_verified_at' => Carbon::now(), 596 'email_verified_at' => Carbon::now(),
592 'is_worker' => 1, 597 'is_worker' => 1,
593 ]); 598 ]);
594 599
595 if ($Code_user->id > 0) { 600 if ($Code_user->id > 0) {
596 $Worker = new Worker(); 601 $Worker = new Worker();
597 $Worker->user_id = $Code_user->id; 602 $Worker->user_id = $Code_user->id;
598 $Worker->position_work = 1; //'job_titles'; 603 $Worker->position_work = 1; //'job_titles';
599 $Worker->email = 'email@email.com'; 604 $Worker->email = 'email@email.com';
600 $Worker->telephone = '1234567890'; 605 $Worker->telephone = '1234567890';
601 $status = $Worker->save(); 606 $status = $Worker->save();
602 607
603 $Title_Worker = new Title_worker(); 608 $Title_Worker = new Title_worker();
604 $Title_Worker->worker_id = $Worker->id; 609 $Title_Worker->worker_id = $Worker->id;
605 $Title_Worker->job_title_id = 1; 610 $Title_Worker->job_title_id = 1;
606 $Title_Worker->save(); 611 $Title_Worker->save();
607 } 612 }
608 } 613 }
609 614
610 // Создание пользователя 615 // Создание пользователя
611 protected function create(array $data) 616 protected function create(array $data)
612 { 617 {
613 $Use = new User(); 618 $Use = new User();
614 619
615 $Code_user = $Use->create([ 620 $Code_user = $Use->create([
616 'name' => $data['surname']." ".$data['name_man'], 621 'name' => $data['surname']." ".$data['name_man'],
617 'name_man' => $data['name_man'], 622 'name_man' => $data['name_man'],
618 'surname' => $data['surname'], 623 'surname' => $data['surname'],
619 'surname2' => $data['surname2'], 624 'surname2' => $data['surname2'],
620 'subscribe_email' => $data['email'], 625 'subscribe_email' => $data['email'],
621 'email' => $data['email'], 626 'email' => $data['email'],
622 'telephone' => $data['telephone'], 627 'telephone' => $data['telephone'],
623 'password' => Hash::make($data['password']), 628 'password' => Hash::make($data['password']),
624 'pubpassword' => base64_encode($data['password']), 629 'pubpassword' => base64_encode($data['password']),
625 'email_verified_at' => Carbon::now(), 630 'email_verified_at' => Carbon::now(),
626 'is_worker' => $data['is_worker'], 631 'is_worker' => $data['is_worker'],
627 ]); 632 ]);
628 633
629 if ($Code_user->id > 0) { 634 if ($Code_user->id > 0) {
630 $Worker = new Worker(); 635 $Worker = new Worker();
631 $Worker->user_id = $Code_user->id; 636 $Worker->user_id = $Code_user->id;
632 $Worker->position_work = $data['job_titles']; 637 $Worker->position_work = $data['job_titles'];
633 $Worker->email = $data['email']; 638 $Worker->email = $data['email'];
634 $Worker->telephone = $data['telephone']; 639 $Worker->telephone = $data['telephone'];
635 $Worker->save(); 640 $Worker->save();
636 641
637 if (isset($Worker->id)) { 642 if (isset($Worker->id)) {
638 $Title_Worker = new Title_worker(); 643 $Title_Worker = new Title_worker();
639 $Title_Worker->worker_id = $Worker->id; 644 $Title_Worker->worker_id = $Worker->id;
640 $Title_Worker->job_title_id = $data['job_titles']; 645 $Title_Worker->job_title_id = $data['job_titles'];
641 $Title_Worker->save(); 646 $Title_Worker->save();
642 } 647 }
643 648
644 return $Code_user; 649 return $Code_user;
645 } 650 }
646 } 651 }
647 652
648 // Вакансии избранные 653 // Вакансии избранные
649 public function colorado(Request $request) { 654 public function colorado(Request $request) {
650 $IP_address = RusDate::ip_addr_client(); 655 $IP_address = RusDate::ip_addr_client();
651 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 656 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
652 657
653 if ($Arr->count()) { 658 if ($Arr->count()) {
654 $A = Array(); 659 $A = Array();
655 foreach ($Arr as $it) { 660 foreach ($Arr as $it) {
656 $A[] = $it->code_record; 661 $A[] = $it->code_record;
657 } 662 }
658 663
659 $Query = Ad_employer::query()->whereIn('id', $A); 664 $Query = Ad_employer::query()->whereIn('id', $A);
660 } else { 665 } else {
661 $Query = Ad_employer::query()->where('id', '=', '0'); 666 $Query = Ad_employer::query()->where('id', '=', '0');
662 } 667 }
663 668
664 $Query = $Query->with('jobs')-> 669 $Query = $Query->with('jobs')->
665 with('cat')-> 670 with('cat')->
666 with('employer')-> 671 with('employer')->
667 whereHas('jobs_code', function ($query) use ($request) { 672 whereHas('jobs_code', function ($query) use ($request) {
668 if ($request->ajax()) { 673 if ($request->ajax()) {
669 if (null !== ($request->get('job'))) { 674 if (null !== ($request->get('job'))) {
670 $query->where('job_title_id', $request->get('job')); 675 $query->where('job_title_id', $request->get('job'));
671 } 676 }
672 } 677 }
673 })->select('ad_employers.*'); 678 })->select('ad_employers.*');
674 679
675 $Job_title = Job_title::query()->OrderBy('name')->get(); 680 $Job_title = Job_title::query()->OrderBy('name')->get();
676 681
677 $Query_count = $Query->count(); 682 $Query_count = $Query->count();
678 683
679 $Query = $Query->OrderBy('updated_at')->paginate(3); 684 $Query = $Query->OrderBy('updated_at')->paginate(3);
680 685
681 return view('workers.favorite', compact('Query', 686 return view('workers.favorite', compact('Query',
682 'Query_count', 687 'Query_count',
683 'Job_title')); 688 'Job_title'));
684 689
685 } 690 }
686 691
687 //Переписка 692 //Переписка
688 public function dialog(User_Model $user1, User_Model $user2) { 693 public function dialog(User_Model $user1, User_Model $user2) {
689 if (isset($user2->id)) { 694 if (isset($user2->id)) {
690 $companion = User_Model::query()->with('workers')-> 695 $companion = User_Model::query()->with('workers')->
691 with('employers')-> 696 with('employers')->
692 where('id', $user2->id)->first(); 697 where('id', $user2->id)->first();
693 } 698 }
694 699
695 $Messages = Message::query()->with('response')->where(function($query) use ($user1, $user2) { 700 $Messages = Message::query()->with('response')->where(function($query) use ($user1, $user2) {
696 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 701 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
697 })->orWhere(function($query) use ($user1, $user2) { 702 })->orWhere(function($query) use ($user1, $user2) {
698 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 703 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
699 })->OrderBy('created_at')->get(); 704 })->OrderBy('created_at')->get();
700 705
701 $id_vac = null; 706 $id_vac = null;
702 foreach ($Messages as $it) { 707 foreach ($Messages as $it) {
703 if (isset($it->response)) { 708 if (isset($it->response)) {
704 foreach ($it->response as $r) { 709 foreach ($it->response as $r) {
705 if (isset($r->ad_employer_id)) { 710 if (isset($r->ad_employer_id)) {
706 $id_vac = $r->ad_employer_id; 711 $id_vac = $r->ad_employer_id;
707 break; 712 break;
708 } 713 }
709 } 714 }
710 } 715 }
711 if (!is_null($id_vac)) break; 716 if (!is_null($id_vac)) break;
712 } 717 }
713 718
714 $ad_employer = null; 719 $ad_employer = null;
715 if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 720 if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
716 $sender = $user1; 721 $sender = $user1;
717 722
718 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer')); 723 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
719 } 724 }
720 725
721 // Даунылоады 726 // Даунылоады
722 public function download(Worker $worker) { 727 public function download(Worker $worker) {
723 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...']; 728 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
724 view()->share('house',$arr_house); 729 view()->share('house',$arr_house);
725 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape'); 730 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
726 return $pdf->stream(); 731 return $pdf->stream();
727 } 732 }
728 733
729 // Поднятие анкеты 734 // Поднятие анкеты
730 public function up(Worker $worker) { 735 public function up(Worker $worker) {
731 $worker->updated_at = Carbon::now(); 736 $worker->updated_at = Carbon::now();
732 $worker->save(); 737 $worker->save();
733 // 0 738 // 0
734 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных'); 739 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
735 } 740 }
736 741
737 // Форма сертификате 742 // Форма сертификате
738 public function new_sertificate(Worker $worker) { 743 public function new_sertificate(Worker $worker) {
739 return view('workers.sertificate_add', compact('worker')); 744 return view('workers.sertificate_add', compact('worker'));
740 } 745 }
741 746
742 // Добавление сертификата 747 // Добавление сертификата
743 public function add_serificate(SertificationRequest $request) { 748 public function add_serificate(SertificationRequest $request) {
744 $params = $request->all(); 749 $params = $request->all();
745 750
746 $Sertificate = new sertification(); 751 $Sertificate = new sertification();
747 $Sertificate->create($params); 752 $Sertificate->create($params);
748 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get(); 753 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get();
749 return redirect()->route('worker.cabinet'); 754 return redirect()->route('worker.cabinet');
750 //return view('ajax.documents', compact('Docs')); 755 //return view('ajax.documents', compact('Docs'));
751 } 756 }
752 757
753 // Удалить сертификат 758 // Удалить сертификат
754 public function delete_sertificate(sertification $doc) { 759 public function delete_sertificate(sertification $doc) {
755 $doc->delete(); 760 $doc->delete();
756 761
757 return redirect()->route('worker.cabinet'); 762 return redirect()->route('worker.cabinet');
758 } 763 }
759 764
760 // Редактирование сертификата 765 // Редактирование сертификата
761 public function edit_sertificate(Worker $worker, sertification $doc) { 766 public function edit_sertificate(Worker $worker, sertification $doc) {
762 return view('workers.sertificate_edit', compact('doc', 'worker')); 767 return view('workers.sertificate_edit', compact('doc', 'worker'));
763 } 768 }
764 769
765 // Редактирование обновление сертификата 770 // Редактирование обновление сертификата
766 public function update_serificate(SertificationRequest $request, sertification $doc) { 771 public function update_serificate(SertificationRequest $request, sertification $doc) {
767 $all = $request->all(); 772 $all = $request->all();
768 $doc->worker_id = $all['worker_id']; 773 $doc->worker_id = $all['worker_id'];
769 $doc->name = $all['name']; 774 $doc->name = $all['name'];
770 $doc->end_begin = $all['end_begin']; 775 $doc->end_begin = $all['end_begin'];
771 $doc->save(); 776 $doc->save();
772 777
773 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 778 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
774 } 779 }
775 780
776 public function delete_add_diplom(Request $request, Worker $worker) { 781 public function delete_add_diplom(Request $request, Worker $worker) {
777 $infoblok_id = $request->get('infoblok_id'); 782 $infoblok_id = $request->get('infoblok_id');
778 783
779 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0) 784 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
780 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete(); 785 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
781 else { 786 else {
782 $params['infoblok_id'] = $infoblok_id; 787 $params['infoblok_id'] = $infoblok_id;
783 $params['worker_id'] = $worker->id; 788 $params['worker_id'] = $worker->id;
784 $params['status'] = $request->get('val'); 789 $params['status'] = $request->get('val');
785 $id = Dop_info::create($params); 790 $id = Dop_info::create($params);
786 //$id = $worker->infobloks()->sync([$infoblok_id]); 791 //$id = $worker->infobloks()->sync([$infoblok_id]);
787 } 792 }
788 793
789 //$Infoblocks = infobloks::query()->get(); 794 //$Infoblocks = infobloks::query()->get();
790 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks')); 795 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
791 } 796 }
792 797
793 798
794 799
795 // Добавление диплома 800 // Добавление диплома
796 public function add_diplom_ajax(Request $request) { 801 public function add_diplom_ajax(Request $request) {
797 // конец 802 // конец
798 $params = $request->all(); 803 $params = $request->all();
799 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 804 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
800 805
801 if ($count == 0) $dop_info = Dop_info::create($params); 806 if ($count == 0) $dop_info = Dop_info::create($params);
802 $Infoblocks = infobloks::query()->get(); 807 $Infoblocks = infobloks::query()->get();
803 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get(); 808 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
804 $data = Dop_info::query()->where('worker_id', $request->has('worker_id')); 809 $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
805 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker')); 810 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
806 } 811 }
807 812
808 // Добавление диплома без ajax 813 // Добавление диплома без ajax
809 public function add_diplom(Worker $worker) { 814 public function add_diplom(Worker $worker) {
810 $worker_id = $worker->id; 815 $worker_id = $worker->id;
811 $Infoblocks = infobloks::query()->get(); 816 $Infoblocks = infobloks::query()->get();
812 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks')); 817 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
813 } 818 }
814 // Сохранить 819 // Сохранить
815 // Сохраняю диплом 820 // Сохраняю диплом
816 public function add_diplom_save(Request $request) { 821 public function add_diplom_save(Request $request) {
817 $params = $request->all(); 822 $params = $request->all();
818 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 823 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
819 if ($count == 0) $dop_info = Dop_info::create($params); 824 if ($count == 0) $dop_info = Dop_info::create($params);
820 return redirect()->route('worker.cabinet'); 825 return redirect()->route('worker.cabinet');
821 } 826 }
822 827
823 // Добавление стандартного документа 828 // Добавление стандартного документа
824 public function add_document(Worker $worker) { 829 public function add_document(Worker $worker) {
825 return view('workers.docs', compact('worker')); 830 return view('workers.docs', compact('worker'));
826 } 831 }
827 832
828 //Сохранение стандартого документа 833 //Сохранение стандартого документа
829 public function add_document_save(DocumentsRequest $request) { 834 public function add_document_save(DocumentsRequest $request) {
830 $params = $request->all(); 835 $params = $request->all();
831 $place_work = place_works::create($params); 836 $place_work = place_works::create($params);
832 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!'); 837 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');
833 } 838 }
834 839
835 // Редактирование документа 840 // Редактирование документа
836 public function edit_document(place_works $doc, Worker $worker) { 841 public function edit_document(place_works $doc, Worker $worker) {
837 return view('workers.docs-edit', compact('doc', 'worker')); 842 return view('workers.docs-edit', compact('doc', 'worker'));
838 } 843 }
839 844
840 //Сохранение отредактированного документа 845 //Сохранение отредактированного документа
841 public function edit_document_save(DocumentsRequest $request, place_works $doc) { 846 public function edit_document_save(DocumentsRequest $request, place_works $doc) {
842 $params = $request->all(); 847 $params = $request->all();
843 $doc->update($params); 848 $doc->update($params);
844 849
845 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 850 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
846 } 851 }
847 852
848 // Удаление документа 853 // Удаление документа
849 public function delete_document(place_works $doc) { 854 public function delete_document(place_works $doc) {
850 $doc->delete(); 855 $doc->delete();
851 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 856 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
852 } 857 }
853 858
854 //Отправка нового сообщения 859 //Отправка нового сообщения
855 public function new_message(Request $request) { 860 public function new_message(Request $request) {
856 $params = $request->all(); 861 $params = $request->all();
857 862
858 $id = $params['send_user_id']; 863 $id = $params['send_user_id'];
859 $message = new Message(); 864 $message = new Message();
860 $message->user_id = $params['send_user_id']; 865 $message->user_id = $params['send_user_id'];
861 $message->to_user_id = $params['send_to_user_id']; 866 $message->to_user_id = $params['send_to_user_id'];
862 $message->title = $params['send_title']; 867 $message->title = $params['send_title'];
863 $message->text = $params['send_text']; 868 $message->text = $params['send_text'];
864 if ($request->has('send_file')) { 869 if ($request->has('send_file')) {
865 $message->file = $request->file('send_file')->store("worker/$id", 'public'); 870 $message->file = $request->file('send_file')->store("worker/$id", 'public');
866 } 871 }
867 $message->flag_new = 1; 872 $message->flag_new = 1;
868 $id_message = $message->save(); 873 $id_message = $message->save();
869 874
870 $data['message_id'] = $id_message; 875 $data['message_id'] = $id_message;
871 $data['ad_employer_id'] = $params['send_vacancy']; 876 $data['ad_employer_id'] = $params['send_vacancy'];
872 $data['job_title_id'] = $params['send_job_title_id']; 877 $data['job_title_id'] = $params['send_job_title_id'];
873 $data['flag'] = 1; 878 $data['flag'] = 1;
874 $ad_responce = ad_response::create($data); 879 $ad_responce = ad_response::create($data);
875 return redirect()->route('worker.messages', ['type_message' => 'output']); 880 return redirect()->route('worker.messages', ['type_message' => 'output']);
876 } 881 }
877 882
878 // Информация о предыдущих компаниях 883 // Информация о предыдущих компаниях
879 public function new_prev_company(Worker $worker) { 884 public function new_prev_company(Worker $worker) {
880 return view('workers.prev_company_form', compact('worker')); 885 return view('workers.prev_company_form', compact('worker'));
881 } 886 }
882 887
883 // Добавление контакта компании 888 // Добавление контакта компании
884 public function add_prev_company(PrevCompanyRequest $request) { 889 public function add_prev_company(PrevCompanyRequest $request) {
885 // Возвращение параметров 890 // Возвращение параметров
886 $all = $request->all(); 891 $all = $request->all();
887 $PrevCompany = PrevCompany::create($all); 892 $PrevCompany = PrevCompany::create($all);
888 893
889 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 894 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
890 } 895 }
891 896
892 // Редактирование контакта компании 897 // Редактирование контакта компании
893 public function edit_prev_company(PrevCompany $doc, Worker $worker) { 898 public function edit_prev_company(PrevCompany $doc, Worker $worker) {
894 return view('workers.prev_company_edit_form', compact('doc', 'worker')); 899 return view('workers.prev_company_edit_form', compact('doc', 'worker'));
895 } 900 }
896 901
897 //Сохранение редактирования контакта компании 902 //Сохранение редактирования контакта компании
898 public function update_prev_company(PrevCompany $doc, Request $request){ 903 public function update_prev_company(PrevCompany $doc, Request $request){
899 $all = $request->all(); 904 $all = $request->all();
900 $doc->update($all); 905 $doc->update($all);
901 906
902 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 907 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
903 } 908 }
904 909
905 // Удаление контакта предыдущей компании 910 // Удаление контакта предыдущей компании
906 public function delete_prev_company(PrevCompany $doc) { 911 public function delete_prev_company(PrevCompany $doc) {
907 $doc->delete(); 912 $doc->delete();
908 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 913 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
public/css/style.css
Diff comments   View file @ e20c428
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 } 3447 }
3448 @media (min-width: 768px) { 3448 @media (min-width: 768px) {
3449 .main__employer-page-item { 3449 .main__employer-page-item {
3450 font-size: 18px; 3450 font-size: 18px;
3451 gap: 8px; 3451 gap: 8px;
3452 } 3452 }
3453 } 3453 }
3454 .main__employer-page-item b { 3454 .main__employer-page-item b {
3455 color: #377d87; 3455 color: #377d87;
3456 font-size: 14px; 3456 font-size: 14px;
3457 } 3457 }
3458 @media (min-width: 768px) { 3458 @media (min-width: 768px) {
3459 .main__employer-page-item b { 3459 .main__employer-page-item b {
3460 font-size: 18px; 3460 font-size: 18px;
3461 } 3461 }
3462 } 3462 }
3463 .main__employer-page-item span { 3463 .main__employer-page-item span {
3464 color: #000; 3464 color: #000;
3465 } 3465 }
3466 .main__employer-page-info { 3466 .main__employer-page-info {
3467 display: -webkit-box; 3467 display: -webkit-box;
3468 display: -ms-flexbox; 3468 display: -ms-flexbox;
3469 display: flex; 3469 display: flex;
3470 -webkit-box-orient: vertical; 3470 -webkit-box-orient: vertical;
3471 -webkit-box-direction: normal; 3471 -webkit-box-direction: normal;
3472 -ms-flex-direction: column; 3472 -ms-flex-direction: column;
3473 flex-direction: column; 3473 flex-direction: column;
3474 gap: 20px; 3474 gap: 20px;
3475 } 3475 }
3476 @media (min-width: 768px) { 3476 @media (min-width: 768px) {
3477 .main__employer-page-info { 3477 .main__employer-page-info {
3478 display: grid; 3478 display: grid;
3479 grid-template-columns: repeat(2, 1fr); 3479 grid-template-columns: repeat(2, 1fr);
3480 gap: 30px 40px; 3480 gap: 30px 40px;
3481 } 3481 }
3482 } 3482 }
3483 @media (min-width: 1280px) { 3483 @media (min-width: 1280px) {
3484 .main__employer-page-info { 3484 .main__employer-page-info {
3485 display: -webkit-box; 3485 display: -webkit-box;
3486 display: -ms-flexbox; 3486 display: -ms-flexbox;
3487 display: flex; 3487 display: flex;
3488 -webkit-box-orient: horizontal; 3488 -webkit-box-orient: horizontal;
3489 -webkit-box-direction: normal; 3489 -webkit-box-direction: normal;
3490 -ms-flex-direction: row; 3490 -ms-flex-direction: row;
3491 flex-direction: row; 3491 flex-direction: row;
3492 -webkit-box-align: start; 3492 -webkit-box-align: start;
3493 -ms-flex-align: start; 3493 -ms-flex-align: start;
3494 align-items: flex-start; 3494 align-items: flex-start;
3495 -webkit-box-pack: justify; 3495 -webkit-box-pack: justify;
3496 -ms-flex-pack: justify; 3496 -ms-flex-pack: justify;
3497 justify-content: space-between; 3497 justify-content: space-between;
3498 padding-right: 160px; 3498 padding-right: 160px;
3499 } 3499 }
3500 } 3500 }
3501 @media (min-width: 768px) { 3501 @media (min-width: 768px) {
3502 .main__employer-page-info .main__employer-page-item b, 3502 .main__employer-page-info .main__employer-page-item b,
3503 .main__employer-page-info .main__employer-page-item span { 3503 .main__employer-page-info .main__employer-page-item span {
3504 max-width: 300px; 3504 max-width: 300px;
3505 } 3505 }
3506 } 3506 }
3507 .main__employer-page-tabs { 3507 .main__employer-page-tabs {
3508 display: -webkit-box; 3508 display: -webkit-box;
3509 display: -ms-flexbox; 3509 display: -ms-flexbox;
3510 display: flex; 3510 display: flex;
3511 -webkit-box-align: center; 3511 -webkit-box-align: center;
3512 -ms-flex-align: center; 3512 -ms-flex-align: center;
3513 align-items: center; 3513 align-items: center;
3514 gap: 20px; 3514 gap: 20px;
3515 } 3515 }
3516 @media (min-width: 768px) { 3516 @media (min-width: 768px) {
3517 .main__employer-page-tabs { 3517 .main__employer-page-tabs {
3518 margin-top: 20px; 3518 margin-top: 20px;
3519 } 3519 }
3520 } 3520 }
3521 .main__employer-page-tabs-item { 3521 .main__employer-page-tabs-item {
3522 font-size: 22px; 3522 font-size: 22px;
3523 font-weight: 700; 3523 font-weight: 700;
3524 border: none; 3524 border: none;
3525 background: none; 3525 background: none;
3526 padding: 0; 3526 padding: 0;
3527 color: #9c9d9d; 3527 color: #9c9d9d;
3528 text-decoration: underline; 3528 text-decoration: underline;
3529 text-decoration-thickness: 1px; 3529 text-decoration-thickness: 1px;
3530 } 3530 }
3531 @media (min-width: 768px) { 3531 @media (min-width: 768px) {
3532 .main__employer-page-tabs-item { 3532 .main__employer-page-tabs-item {
3533 font-size: 24px; 3533 font-size: 24px;
3534 } 3534 }
3535 } 3535 }
3536 .main__employer-page-tabs-item.active { 3536 .main__employer-page-tabs-item.active {
3537 color: #377d87; 3537 color: #377d87;
3538 } 3538 }
3539 .main__employer-page-body { 3539 .main__employer-page-body {
3540 display: -webkit-box; 3540 display: -webkit-box;
3541 display: -ms-flexbox; 3541 display: -ms-flexbox;
3542 display: flex; 3542 display: flex;
3543 -webkit-box-orient: vertical; 3543 -webkit-box-orient: vertical;
3544 -webkit-box-direction: normal; 3544 -webkit-box-direction: normal;
3545 -ms-flex-direction: column; 3545 -ms-flex-direction: column;
3546 flex-direction: column; 3546 flex-direction: column;
3547 margin-top: 10px; 3547 margin-top: 10px;
3548 } 3548 }
3549 @media (min-width: 768px) { 3549 @media (min-width: 768px) {
3550 .main__employer-page-body { 3550 .main__employer-page-body {
3551 margin-top: 30px; 3551 margin-top: 30px;
3552 } 3552 }
3553 } 3553 }
3554 .main__employer-page-body-item { 3554 .main__employer-page-body-item {
3555 display: none; 3555 display: none;
3556 -webkit-box-orient: vertical; 3556 -webkit-box-orient: vertical;
3557 -webkit-box-direction: normal; 3557 -webkit-box-direction: normal;
3558 -ms-flex-direction: column; 3558 -ms-flex-direction: column;
3559 flex-direction: column; 3559 flex-direction: column;
3560 gap: 20px; 3560 gap: 20px;
3561 } 3561 }
3562 .main__employer-page-body-item.showed { 3562 .main__employer-page-body-item.showed {
3563 display: -webkit-box; 3563 display: -webkit-box;
3564 display: -ms-flexbox; 3564 display: -ms-flexbox;
3565 display: flex; 3565 display: flex;
3566 } 3566 }
3567 .main__employer-page-one { 3567 .main__employer-page-one {
3568 display: -webkit-box; 3568 display: -webkit-box;
3569 display: -ms-flexbox; 3569 display: -ms-flexbox;
3570 display: flex; 3570 display: flex;
3571 -webkit-box-orient: vertical; 3571 -webkit-box-orient: vertical;
3572 -webkit-box-direction: normal; 3572 -webkit-box-direction: normal;
3573 -ms-flex-direction: column; 3573 -ms-flex-direction: column;
3574 flex-direction: column; 3574 flex-direction: column;
3575 gap: 20px; 3575 gap: 20px;
3576 } 3576 }
3577 @media (min-width: 768px) { 3577 @media (min-width: 768px) {
3578 .main__employer-page-one { 3578 .main__employer-page-one {
3579 display: grid; 3579 display: grid;
3580 grid-template-columns: repeat(2, 1fr); 3580 grid-template-columns: repeat(2, 1fr);
3581 } 3581 }
3582 } 3582 }
3583 @media (min-width: 992px) { 3583 @media (min-width: 992px) {
3584 .main__employer-page-one { 3584 .main__employer-page-one {
3585 grid-template-columns: repeat(3, 1fr); 3585 grid-template-columns: repeat(3, 1fr);
3586 } 3586 }
3587 } 3587 }
3588 @media (min-width: 1280px) { 3588 @media (min-width: 1280px) {
3589 .main__employer-page-one { 3589 .main__employer-page-one {
3590 grid-template-columns: repeat(4, 1fr); 3590 grid-template-columns: repeat(4, 1fr);
3591 gap: 30px 20px; 3591 gap: 30px 20px;
3592 } 3592 }
3593 } 3593 }
3594 .main__employer-page-one-item { 3594 .main__employer-page-one-item {
3595 display: -webkit-box; 3595 display: -webkit-box;
3596 display: -ms-flexbox; 3596 display: -ms-flexbox;
3597 display: flex; 3597 display: flex;
3598 -webkit-box-orient: vertical; 3598 -webkit-box-orient: vertical;
3599 -webkit-box-direction: normal; 3599 -webkit-box-direction: normal;
3600 -ms-flex-direction: column; 3600 -ms-flex-direction: column;
3601 flex-direction: column; 3601 flex-direction: column;
3602 gap: 10px; 3602 gap: 10px;
3603 font-size: 12px; 3603 font-size: 12px;
3604 position: relative; 3604 position: relative;
3605 } 3605 }
3606 @media (min-width: 1280px) { 3606 @media (min-width: 1280px) {
3607 .main__employer-page-one-item { 3607 .main__employer-page-one-item {
3608 font-size: 18px; 3608 font-size: 18px;
3609 } 3609 }
3610 } 3610 }
3611 .main__employer-page-one-item img { 3611 .main__employer-page-one-item img {
3612 border-radius: 10px; 3612 border-radius: 10px;
3613 -o-object-fit: cover; 3613 -o-object-fit: cover;
3614 object-fit: cover; 3614 object-fit: cover;
3615 width: 100%; 3615 width: 100%;
3616 max-height: 250px; 3616 max-height: 250px;
3617 aspect-ratio: 247/174; 3617 aspect-ratio: 247/174;
3618 } 3618 }
3619 @media (min-width: 1280px) { 3619 @media (min-width: 1280px) {
3620 .main__employer-page-one-item img { 3620 .main__employer-page-one-item img {
3621 margin-bottom: 10px; 3621 margin-bottom: 10px;
3622 } 3622 }
3623 } 3623 }
3624 .main__employer-page-one-item b { 3624 .main__employer-page-one-item b {
3625 font-weight: 700; 3625 font-weight: 700;
3626 color: #377d87; 3626 color: #377d87;
3627 } 3627 }
3628 .main__employer-page-one-item span { 3628 .main__employer-page-one-item span {
3629 color: #000; 3629 color: #000;
3630 } 3630 }
3631 .main__employer-page-one-item i { 3631 .main__employer-page-one-item i {
3632 font-style: normal; 3632 font-style: normal;
3633 color: #377d87; 3633 color: #377d87;
3634 } 3634 }
3635 .main__employer-page-one-item .del { 3635 .main__employer-page-one-item .del {
3636 position: absolute; 3636 position: absolute;
3637 z-index: 1; 3637 z-index: 1;
3638 top: 8px; 3638 top: 8px;
3639 left: 8px; 3639 left: 8px;
3640 } 3640 }
3641 .main__employer-page-two { 3641 .main__employer-page-two {
3642 display: -webkit-box; 3642 display: -webkit-box;
3643 display: -ms-flexbox; 3643 display: -ms-flexbox;
3644 display: flex; 3644 display: flex;
3645 -webkit-box-orient: vertical; 3645 -webkit-box-orient: vertical;
3646 -webkit-box-direction: normal; 3646 -webkit-box-direction: normal;
3647 -ms-flex-direction: column; 3647 -ms-flex-direction: column;
3648 flex-direction: column; 3648 flex-direction: column;
3649 -webkit-box-align: center; 3649 -webkit-box-align: center;
3650 -ms-flex-align: center; 3650 -ms-flex-align: center;
3651 align-items: center; 3651 align-items: center;
3652 gap: 20px; 3652 gap: 20px;
3653 } 3653 }
3654 .main__employer-page-two-item { 3654 .main__employer-page-two-item {
3655 width: 100%; 3655 width: 100%;
3656 display: -webkit-box; 3656 display: -webkit-box;
3657 display: -ms-flexbox; 3657 display: -ms-flexbox;
3658 display: flex; 3658 display: flex;
3659 -webkit-box-orient: vertical; 3659 -webkit-box-orient: vertical;
3660 -webkit-box-direction: normal; 3660 -webkit-box-direction: normal;
3661 -ms-flex-direction: column; 3661 -ms-flex-direction: column;
3662 flex-direction: column; 3662 flex-direction: column;
3663 gap: 16px; 3663 gap: 16px;
3664 padding: 20px 10px; 3664 padding: 20px 10px;
3665 border-radius: 12px; 3665 border-radius: 12px;
3666 border: 1px solid #cecece; 3666 border: 1px solid #cecece;
3667 position: relative; 3667 position: relative;
3668 overflow: hidden; 3668 overflow: hidden;
3669 font-size: 12px; 3669 font-size: 12px;
3670 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3670 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3671 } 3671 }
3672 @media (min-width: 768px) { 3672 @media (min-width: 768px) {
3673 .main__employer-page-two-item { 3673 .main__employer-page-two-item {
3674 font-size: 14px; 3674 font-size: 14px;
3675 padding: 20px; 3675 padding: 20px;
3676 gap: 24px; 3676 gap: 24px;
3677 padding-bottom: 35px; 3677 padding-bottom: 35px;
3678 } 3678 }
3679 } 3679 }
3680 @media (min-width: 992px) { 3680 @media (min-width: 992px) {
3681 .main__employer-page-two-item { 3681 .main__employer-page-two-item {
3682 font-size: 16px; 3682 font-size: 16px;
3683 } 3683 }
3684 } 3684 }
3685 @media (min-width: 1280px) { 3685 @media (min-width: 1280px) {
3686 .main__employer-page-two-item { 3686 .main__employer-page-two-item {
3687 font-size: 18px; 3687 font-size: 18px;
3688 } 3688 }
3689 } 3689 }
3690 .main__employer-page-two-item-toper { 3690 .main__employer-page-two-item-toper {
3691 display: -webkit-box; 3691 display: -webkit-box;
3692 display: -ms-flexbox; 3692 display: -ms-flexbox;
3693 display: flex; 3693 display: flex;
3694 -webkit-box-align: center; 3694 -webkit-box-align: center;
3695 -ms-flex-align: center; 3695 -ms-flex-align: center;
3696 align-items: center; 3696 align-items: center;
3697 font-size: 22px; 3697 font-size: 22px;
3698 font-weight: 700; 3698 font-weight: 700;
3699 color: #000; 3699 color: #000;
3700 } 3700 }
3701 @media (min-width: 768px) { 3701 @media (min-width: 768px) {
3702 .main__employer-page-two-item-toper { 3702 .main__employer-page-two-item-toper {
3703 font-size: 30px; 3703 font-size: 30px;
3704 } 3704 }
3705 } 3705 }
3706 .main__employer-page-two-item-toper img { 3706 .main__employer-page-two-item-toper img {
3707 width: 60px; 3707 width: 60px;
3708 aspect-ratio: 1/1; 3708 aspect-ratio: 1/1;
3709 -o-object-fit: contain; 3709 -o-object-fit: contain;
3710 object-fit: contain; 3710 object-fit: contain;
3711 } 3711 }
3712 .main__employer-page-two-item-toper span { 3712 .main__employer-page-two-item-toper span {
3713 width: calc(100% - 60px); 3713 width: calc(100% - 60px);
3714 padding-left: 10px; 3714 padding-left: 10px;
3715 } 3715 }
3716 @media (min-width: 768px) { 3716 @media (min-width: 768px) {
3717 .main__employer-page-two-item-toper span { 3717 .main__employer-page-two-item-toper span {
3718 padding-left: 20px; 3718 padding-left: 20px;
3719 } 3719 }
3720 } 3720 }
3721 .main__employer-page-two-item-title { 3721 .main__employer-page-two-item-title {
3722 font-size: 18px; 3722 font-size: 18px;
3723 font-weight: 700; 3723 font-weight: 700;
3724 color: #377d87; 3724 color: #377d87;
3725 } 3725 }
3726 @media (min-width: 768px) { 3726 @media (min-width: 768px) {
3727 .main__employer-page-two-item-title { 3727 .main__employer-page-two-item-title {
3728 font-size: 24px; 3728 font-size: 24px;
3729 } 3729 }
3730 } 3730 }
3731 .main__employer-page-two-item-text { 3731 .main__employer-page-two-item-text {
3732 display: -webkit-box; 3732 display: -webkit-box;
3733 display: -ms-flexbox; 3733 display: -ms-flexbox;
3734 display: flex; 3734 display: flex;
3735 -webkit-box-orient: vertical; 3735 -webkit-box-orient: vertical;
3736 -webkit-box-direction: normal; 3736 -webkit-box-direction: normal;
3737 -ms-flex-direction: column; 3737 -ms-flex-direction: column;
3738 flex-direction: column; 3738 flex-direction: column;
3739 gap: 10px; 3739 gap: 10px;
3740 } 3740 }
3741 .main__employer-page-two-item-text-name { 3741 .main__employer-page-two-item-text-name {
3742 font-weight: 700; 3742 font-weight: 700;
3743 } 3743 }
3744 .main__employer-page-two-item-text-body { 3744 .main__employer-page-two-item-text-body {
3745 color: #000; 3745 color: #000;
3746 display: -webkit-box; 3746 display: -webkit-box;
3747 display: -ms-flexbox; 3747 display: -ms-flexbox;
3748 display: flex; 3748 display: flex;
3749 -webkit-box-orient: vertical; 3749 -webkit-box-orient: vertical;
3750 -webkit-box-direction: normal; 3750 -webkit-box-direction: normal;
3751 -ms-flex-direction: column; 3751 -ms-flex-direction: column;
3752 flex-direction: column; 3752 flex-direction: column;
3753 gap: 6px; 3753 gap: 6px;
3754 padding: 0 10px; 3754 padding: 0 10px;
3755 } 3755 }
3756 .main__employer-page-two-item-text-body p { 3756 .main__employer-page-two-item-text-body p {
3757 margin: 0; 3757 margin: 0;
3758 } 3758 }
3759 .main__employer-page-two-item-text-body ul { 3759 .main__employer-page-two-item-text-body ul {
3760 margin: 0; 3760 margin: 0;
3761 padding: 0; 3761 padding: 0;
3762 padding-left: 16px; 3762 padding-left: 16px;
3763 display: -webkit-box; 3763 display: -webkit-box;
3764 display: -ms-flexbox; 3764 display: -ms-flexbox;
3765 display: flex; 3765 display: flex;
3766 -webkit-box-orient: vertical; 3766 -webkit-box-orient: vertical;
3767 -webkit-box-direction: normal; 3767 -webkit-box-direction: normal;
3768 -ms-flex-direction: column; 3768 -ms-flex-direction: column;
3769 flex-direction: column; 3769 flex-direction: column;
3770 gap: 6px; 3770 gap: 6px;
3771 } 3771 }
3772 @media (min-width: 768px) { 3772 @media (min-width: 768px) {
3773 .main__employer-page-two-item-text-body ul { 3773 .main__employer-page-two-item-text-body ul {
3774 margin: 0 5px; 3774 margin: 0 5px;
3775 } 3775 }
3776 } 3776 }
3777 .main__employer-page-two-item-text-body ul span, 3777 .main__employer-page-two-item-text-body ul span,
3778 .main__employer-page-two-item-text-body ul a { 3778 .main__employer-page-two-item-text-body ul a {
3779 color: #000; 3779 color: #000;
3780 position: relative; 3780 position: relative;
3781 } 3781 }
3782 .main__employer-page-two-item-text-body ul a:hover { 3782 .main__employer-page-two-item-text-body ul a:hover {
3783 color: #377d87; 3783 color: #377d87;
3784 } 3784 }
3785 .main__employer-page-two-item-text-body p + ul { 3785 .main__employer-page-two-item-text-body p + ul {
3786 margin-top: 10px; 3786 margin-top: 10px;
3787 } 3787 }
3788 .main__employer-page-two-item-text-links { 3788 .main__employer-page-two-item-text-links {
3789 display: -webkit-box; 3789 display: -webkit-box;
3790 display: -ms-flexbox; 3790 display: -ms-flexbox;
3791 display: flex; 3791 display: flex;
3792 -webkit-box-orient: vertical; 3792 -webkit-box-orient: vertical;
3793 -webkit-box-direction: normal; 3793 -webkit-box-direction: normal;
3794 -ms-flex-direction: column; 3794 -ms-flex-direction: column;
3795 flex-direction: column; 3795 flex-direction: column;
3796 -webkit-box-align: start; 3796 -webkit-box-align: start;
3797 -ms-flex-align: start; 3797 -ms-flex-align: start;
3798 align-items: flex-start; 3798 align-items: flex-start;
3799 gap: 10px; 3799 gap: 10px;
3800 padding: 0 10px; 3800 padding: 0 10px;
3801 font-weight: 700; 3801 font-weight: 700;
3802 margin-top: 5px; 3802 margin-top: 5px;
3803 } 3803 }
3804 @media (min-width: 768px) { 3804 @media (min-width: 768px) {
3805 .main__employer-page-two-item-text-links { 3805 .main__employer-page-two-item-text-links {
3806 gap: 20px; 3806 gap: 20px;
3807 } 3807 }
3808 } 3808 }
3809 .main__employer-page-two-item-text-links a { 3809 .main__employer-page-two-item-text-links a {
3810 color: #4d88d9; 3810 color: #4d88d9;
3811 } 3811 }
3812 .main__employer-page-two-item-text-links a:hover { 3812 .main__employer-page-two-item-text-links a:hover {
3813 color: #377d87; 3813 color: #377d87;
3814 } 3814 }
3815 .main__employer-page-two-item-tags { 3815 .main__employer-page-two-item-tags {
3816 color: #4d88d9; 3816 color: #4d88d9;
3817 font-weight: 500; 3817 font-weight: 500;
3818 display: -webkit-box; 3818 display: -webkit-box;
3819 display: -ms-flexbox; 3819 display: -ms-flexbox;
3820 display: flex; 3820 display: flex;
3821 -webkit-box-align: center; 3821 -webkit-box-align: center;
3822 -ms-flex-align: center; 3822 -ms-flex-align: center;
3823 align-items: center; 3823 align-items: center;
3824 -ms-flex-wrap: wrap; 3824 -ms-flex-wrap: wrap;
3825 flex-wrap: wrap; 3825 flex-wrap: wrap;
3826 gap: 10px 20px; 3826 gap: 10px 20px;
3827 } 3827 }
3828 @media (min-width: 768px) { 3828 @media (min-width: 768px) {
3829 .main__employer-page-two-item-tags { 3829 .main__employer-page-two-item-tags {
3830 font-size: 14px; 3830 font-size: 14px;
3831 } 3831 }
3832 } 3832 }
3833 .main__employer-page-two-item-buttons { 3833 .main__employer-page-two-item-buttons {
3834 display: grid; 3834 display: grid;
3835 grid-template-columns: repeat(2, 1fr); 3835 grid-template-columns: repeat(2, 1fr);
3836 gap: 20px; 3836 gap: 20px;
3837 } 3837 }
3838 @media (min-width: 768px) { 3838 @media (min-width: 768px) {
3839 .main__employer-page-two-item-button { 3839 .main__employer-page-two-item-button {
3840 position: absolute; 3840 position: absolute;
3841 bottom: 20px; 3841 bottom: 20px;
3842 left: 20px; 3842 left: 20px;
3843 width: 200px; 3843 width: 200px;
3844 padding: 0; 3844 padding: 0;
3845 } 3845 }
3846 } 3846 }
3847 @media (min-width: 768px) { 3847 @media (min-width: 768px) {
3848 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3848 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3849 left: auto; 3849 left: auto;
3850 right: 20px; 3850 right: 20px;
3851 } 3851 }
3852 } 3852 }
3853 .main__employer-page-two-item-bottom { 3853 .main__employer-page-two-item-bottom {
3854 display: -webkit-box; 3854 display: -webkit-box;
3855 display: -ms-flexbox; 3855 display: -ms-flexbox;
3856 display: flex; 3856 display: flex;
3857 -webkit-box-align: center; 3857 -webkit-box-align: center;
3858 -ms-flex-align: center; 3858 -ms-flex-align: center;
3859 align-items: center; 3859 align-items: center;
3860 -webkit-box-pack: justify; 3860 -webkit-box-pack: justify;
3861 -ms-flex-pack: justify; 3861 -ms-flex-pack: justify;
3862 justify-content: space-between; 3862 justify-content: space-between;
3863 } 3863 }
3864 .main__employer-page-two-item-bottom-date { 3864 .main__employer-page-two-item-bottom-date {
3865 color: #000; 3865 color: #000;
3866 } 3866 }
3867 @media (min-width: 768px) { 3867 @media (min-width: 768px) {
3868 .main__employer-page-two-item-bottom-date { 3868 .main__employer-page-two-item-bottom-date {
3869 position: absolute; 3869 position: absolute;
3870 bottom: 20px; 3870 bottom: 20px;
3871 right: 240px; 3871 right: 240px;
3872 height: 42px; 3872 height: 42px;
3873 display: -webkit-box; 3873 display: -webkit-box;
3874 display: -ms-flexbox; 3874 display: -ms-flexbox;
3875 display: flex; 3875 display: flex;
3876 -webkit-box-align: center; 3876 -webkit-box-align: center;
3877 -ms-flex-align: center; 3877 -ms-flex-align: center;
3878 align-items: center; 3878 align-items: center;
3879 } 3879 }
3880 } 3880 }
3881 @media (min-width: 992px) { 3881 @media (min-width: 992px) {
3882 .main__employer-page-two-item-bottom-date { 3882 .main__employer-page-two-item-bottom-date {
3883 font-size: 16px; 3883 font-size: 16px;
3884 } 3884 }
3885 } 3885 }
3886 @media (min-width: 768px) { 3886 @media (min-width: 768px) {
3887 .main__employer-page-two-item-bottom-like { 3887 .main__employer-page-two-item-bottom-like {
3888 position: absolute; 3888 position: absolute;
3889 bottom: 20px; 3889 bottom: 20px;
3890 left: 240px; 3890 left: 240px;
3891 } 3891 }
3892 } 3892 }
3893 @media (min-width: 768px) { 3893 @media (min-width: 768px) {
3894 .main__employer-page-two-more { 3894 .main__employer-page-two-more {
3895 margin-top: 10px; 3895 margin-top: 10px;
3896 padding: 0; 3896 padding: 0;
3897 width: 200px; 3897 width: 200px;
3898 } 3898 }
3899 } 3899 }
3900 .main__employer-page-two .main__employer-page-two-item { 3900 .main__employer-page-two .main__employer-page-two-item {
3901 display: none; 3901 display: none;
3902 } 3902 }
3903 .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) { 3903 .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) {
3904 display: -webkit-box; 3904 display: -webkit-box;
3905 display: -ms-flexbox; 3905 display: -ms-flexbox;
3906 display: flex; 3906 display: flex;
3907 } 3907 }
3908 .main__employer-page-two.active .main__employer-page-two-item { 3908 .main__employer-page-two.active .main__employer-page-two-item {
3909 display: -webkit-box; 3909 display: -webkit-box;
3910 display: -ms-flexbox; 3910 display: -ms-flexbox;
3911 display: flex; 3911 display: flex;
3912 } 3912 }
3913 .main__resume-base { 3913 .main__resume-base {
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 -webkit-box-orient: vertical; 3917 -webkit-box-orient: vertical;
3918 -webkit-box-direction: normal; 3918 -webkit-box-direction: normal;
3919 -ms-flex-direction: column; 3919 -ms-flex-direction: column;
3920 flex-direction: column; 3920 flex-direction: column;
3921 color: #000; 3921 color: #000;
3922 } 3922 }
3923 .main__resume-base-body { 3923 .main__resume-base-body {
3924 display: none; 3924 display: none;
3925 -webkit-box-orient: vertical; 3925 -webkit-box-orient: vertical;
3926 -webkit-box-direction: normal; 3926 -webkit-box-direction: normal;
3927 -ms-flex-direction: column; 3927 -ms-flex-direction: column;
3928 flex-direction: column; 3928 flex-direction: column;
3929 margin-top: 10px; 3929 margin-top: 10px;
3930 } 3930 }
3931 @media (min-width: 768px) { 3931 @media (min-width: 768px) {
3932 .main__resume-base-body { 3932 .main__resume-base-body {
3933 margin-top: 30px; 3933 margin-top: 30px;
3934 } 3934 }
3935 } 3935 }
3936 .main__resume-base-body.showed { 3936 .main__resume-base-body.showed {
3937 display: -webkit-box; 3937 display: -webkit-box;
3938 display: -ms-flexbox; 3938 display: -ms-flexbox;
3939 display: flex; 3939 display: flex;
3940 } 3940 }
3941 .main__resume-base-body-one { 3941 .main__resume-base-body-one {
3942 display: -webkit-box; 3942 display: -webkit-box;
3943 display: -ms-flexbox; 3943 display: -ms-flexbox;
3944 display: flex; 3944 display: flex;
3945 -webkit-box-orient: vertical; 3945 -webkit-box-orient: vertical;
3946 -webkit-box-direction: normal; 3946 -webkit-box-direction: normal;
3947 -ms-flex-direction: column; 3947 -ms-flex-direction: column;
3948 flex-direction: column; 3948 flex-direction: column;
3949 -webkit-box-align: center; 3949 -webkit-box-align: center;
3950 -ms-flex-align: center; 3950 -ms-flex-align: center;
3951 align-items: center; 3951 align-items: center;
3952 gap: 20px; 3952 gap: 20px;
3953 } 3953 }
3954 @media (min-width: 768px) { 3954 @media (min-width: 768px) {
3955 .main__resume-base-body-one { 3955 .main__resume-base-body-one {
3956 gap: 30px; 3956 gap: 30px;
3957 } 3957 }
3958 } 3958 }
3959 .main__resume-base-body-two { 3959 .main__resume-base-body-two {
3960 display: -webkit-box; 3960 display: -webkit-box;
3961 display: -ms-flexbox; 3961 display: -ms-flexbox;
3962 display: flex; 3962 display: flex;
3963 -webkit-box-orient: vertical; 3963 -webkit-box-orient: vertical;
3964 -webkit-box-direction: normal; 3964 -webkit-box-direction: normal;
3965 -ms-flex-direction: column; 3965 -ms-flex-direction: column;
3966 flex-direction: column; 3966 flex-direction: column;
3967 gap: 20px; 3967 gap: 20px;
3968 } 3968 }
3969 @media (min-width: 768px) { 3969 @media (min-width: 768px) {
3970 .main__resume-base-body-two { 3970 .main__resume-base-body-two {
3971 -webkit-box-orient: horizontal; 3971 -webkit-box-orient: horizontal;
3972 -webkit-box-direction: normal; 3972 -webkit-box-direction: normal;
3973 -ms-flex-direction: row; 3973 -ms-flex-direction: row;
3974 flex-direction: row; 3974 flex-direction: row;
3975 -webkit-box-pack: justify; 3975 -webkit-box-pack: justify;
3976 -ms-flex-pack: justify; 3976 -ms-flex-pack: justify;
3977 justify-content: space-between; 3977 justify-content: space-between;
3978 -webkit-box-align: start; 3978 -webkit-box-align: start;
3979 -ms-flex-align: start; 3979 -ms-flex-align: start;
3980 align-items: flex-start; 3980 align-items: flex-start;
3981 -ms-flex-wrap: wrap; 3981 -ms-flex-wrap: wrap;
3982 flex-wrap: wrap; 3982 flex-wrap: wrap;
3983 gap: 30px 0; 3983 gap: 30px 0;
3984 } 3984 }
3985 } 3985 }
3986 @media (min-width: 768px) { 3986 @media (min-width: 768px) {
3987 .main__resume-base-body-two .main__resume-base-body-item { 3987 .main__resume-base-body-two .main__resume-base-body-item {
3988 width: calc(50% - 10px); 3988 width: calc(50% - 10px);
3989 } 3989 }
3990 } 3990 }
3991 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 3991 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
3992 -webkit-box-orient: vertical; 3992 -webkit-box-orient: vertical;
3993 -webkit-box-direction: normal; 3993 -webkit-box-direction: normal;
3994 -ms-flex-direction: column; 3994 -ms-flex-direction: column;
3995 flex-direction: column; 3995 flex-direction: column;
3996 } 3996 }
3997 .main__resume-base-body-item { 3997 .main__resume-base-body-item {
3998 width: 100%; 3998 width: 100%;
3999 display: -webkit-box; 3999 display: -webkit-box;
4000 display: -ms-flexbox; 4000 display: -ms-flexbox;
4001 display: flex; 4001 display: flex;
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 gap: 20px; 4006 gap: 20px;
4007 position: relative; 4007 position: relative;
4008 border: 1px solid #377d87; 4008 border: 1px solid #377d87;
4009 border-radius: 8px; 4009 border-radius: 8px;
4010 padding: 10px; 4010 padding: 10px;
4011 -webkit-box-align: center; 4011 -webkit-box-align: center;
4012 -ms-flex-align: center; 4012 -ms-flex-align: center;
4013 align-items: center; 4013 align-items: center;
4014 } 4014 }
4015 @media (min-width: 768px) { 4015 @media (min-width: 768px) {
4016 .main__resume-base-body-item { 4016 .main__resume-base-body-item {
4017 padding: 20px; 4017 padding: 20px;
4018 } 4018 }
4019 } 4019 }
4020 .main__resume-base-body-item-buttons { 4020 .main__resume-base-body-item-buttons {
4021 display: -webkit-box; 4021 display: -webkit-box;
4022 display: -ms-flexbox; 4022 display: -ms-flexbox;
4023 display: flex; 4023 display: flex;
4024 -webkit-box-orient: vertical; 4024 -webkit-box-orient: vertical;
4025 -webkit-box-direction: normal; 4025 -webkit-box-direction: normal;
4026 -ms-flex-direction: column; 4026 -ms-flex-direction: column;
4027 flex-direction: column; 4027 flex-direction: column;
4028 -webkit-box-align: start; 4028 -webkit-box-align: start;
4029 -ms-flex-align: start; 4029 -ms-flex-align: start;
4030 align-items: flex-start; 4030 align-items: flex-start;
4031 gap: 10px; 4031 gap: 10px;
4032 position: absolute; 4032 position: absolute;
4033 top: 10px; 4033 top: 10px;
4034 right: 10px; 4034 right: 10px;
4035 } 4035 }
4036 @media (min-width: 768px) { 4036 @media (min-width: 768px) {
4037 .main__resume-base-body-item-buttons { 4037 .main__resume-base-body-item-buttons {
4038 top: 20px; 4038 top: 20px;
4039 right: 20px; 4039 right: 20px;
4040 } 4040 }
4041 } 4041 }
4042 .main__resume-base-body-item-wrapper { 4042 .main__resume-base-body-item-wrapper {
4043 display: -webkit-box; 4043 display: -webkit-box;
4044 display: -ms-flexbox; 4044 display: -ms-flexbox;
4045 display: flex; 4045 display: flex;
4046 -webkit-box-orient: vertical; 4046 -webkit-box-orient: vertical;
4047 -webkit-box-direction: normal; 4047 -webkit-box-direction: normal;
4048 -ms-flex-direction: column; 4048 -ms-flex-direction: column;
4049 flex-direction: column; 4049 flex-direction: column;
4050 -webkit-box-align: start; 4050 -webkit-box-align: start;
4051 -ms-flex-align: start; 4051 -ms-flex-align: start;
4052 align-items: flex-start; 4052 align-items: flex-start;
4053 gap: 20px; 4053 gap: 20px;
4054 width: 100%; 4054 width: 100%;
4055 } 4055 }
4056 @media (min-width: 768px) { 4056 @media (min-width: 768px) {
4057 .main__resume-base-body-item-wrapper { 4057 .main__resume-base-body-item-wrapper {
4058 -webkit-box-orient: horizontal; 4058 -webkit-box-orient: horizontal;
4059 -webkit-box-direction: normal; 4059 -webkit-box-direction: normal;
4060 -ms-flex-direction: row; 4060 -ms-flex-direction: row;
4061 flex-direction: row; 4061 flex-direction: row;
4062 } 4062 }
4063 } 4063 }
4064 .main__resume-base-body-item-photo { 4064 .main__resume-base-body-item-photo {
4065 width: 180px; 4065 width: 180px;
4066 aspect-ratio: 1/1; 4066 aspect-ratio: 1/1;
4067 -o-object-fit: cover; 4067 -o-object-fit: cover;
4068 object-fit: cover; 4068 object-fit: cover;
4069 border-radius: 8px; 4069 border-radius: 8px;
4070 } 4070 }
4071 @media (min-width: 768px) { 4071 @media (min-width: 768px) {
4072 .main__resume-base-body-item-photo { 4072 .main__resume-base-body-item-photo {
4073 width: 210px; 4073 width: 210px;
4074 } 4074 }
4075 } 4075 }
4076 .main__resume-base-body-item-inner { 4076 .main__resume-base-body-item-inner {
4077 display: -webkit-box; 4077 display: -webkit-box;
4078 display: -ms-flexbox; 4078 display: -ms-flexbox;
4079 display: flex; 4079 display: flex;
4080 -webkit-box-orient: vertical; 4080 -webkit-box-orient: vertical;
4081 -webkit-box-direction: normal; 4081 -webkit-box-direction: normal;
4082 -ms-flex-direction: column; 4082 -ms-flex-direction: column;
4083 flex-direction: column; 4083 flex-direction: column;
4084 gap: 10px; 4084 gap: 10px;
4085 width: 100%; 4085 width: 100%;
4086 } 4086 }
4087 @media (min-width: 768px) { 4087 @media (min-width: 768px) {
4088 .main__resume-base-body-item-inner { 4088 .main__resume-base-body-item-inner {
4089 gap: 16px; 4089 gap: 16px;
4090 padding-right: 50px; 4090 padding-right: 50px;
4091 } 4091 }
4092 } 4092 }
4093 @media (min-width: 992px) { 4093 @media (min-width: 992px) {
4094 .main__resume-base-body-item-inner { 4094 .main__resume-base-body-item-inner {
4095 display: grid; 4095 display: grid;
4096 grid-template-columns: repeat(2, 1fr); 4096 grid-template-columns: repeat(2, 1fr);
4097 gap: 30px; 4097 gap: 30px;
4098 } 4098 }
4099 } 4099 }
4100 .main__resume-base-body-item-inner div { 4100 .main__resume-base-body-item-inner div {
4101 display: -webkit-box; 4101 display: -webkit-box;
4102 display: -ms-flexbox; 4102 display: -ms-flexbox;
4103 display: flex; 4103 display: flex;
4104 -webkit-box-orient: vertical; 4104 -webkit-box-orient: vertical;
4105 -webkit-box-direction: normal; 4105 -webkit-box-direction: normal;
4106 -ms-flex-direction: column; 4106 -ms-flex-direction: column;
4107 flex-direction: column; 4107 flex-direction: column;
4108 gap: 4px; 4108 gap: 4px;
4109 font-size: 12px; 4109 font-size: 12px;
4110 } 4110 }
4111 @media (min-width: 768px) { 4111 @media (min-width: 768px) {
4112 .main__resume-base-body-item-inner div { 4112 .main__resume-base-body-item-inner div {
4113 font-size: 16px; 4113 font-size: 16px;
4114 } 4114 }
4115 } 4115 }
4116 .main__resume-base-body-item-inner b { 4116 .main__resume-base-body-item-inner b {
4117 color: #377d87; 4117 color: #377d87;
4118 font-size: 14px; 4118 font-size: 14px;
4119 } 4119 }
4120 @media (min-width: 768px) { 4120 @media (min-width: 768px) {
4121 .main__resume-base-body-item-inner b { 4121 .main__resume-base-body-item-inner b {
4122 font-size: 18px; 4122 font-size: 18px;
4123 } 4123 }
4124 } 4124 }
4125 .main__resume-base-body-item-link { 4125 .main__resume-base-body-item-link {
4126 width: 100%; 4126 width: 100%;
4127 padding: 0; 4127 padding: 0;
4128 } 4128 }
4129 @media (min-width: 768px) { 4129 @media (min-width: 768px) {
4130 .main__resume-base-body-item-link { 4130 .main__resume-base-body-item-link {
4131 width: 200px; 4131 width: 200px;
4132 } 4132 }
4133 } 4133 }
4134 4134
4135 .main__spoiler { 4135 .main__spoiler {
4136 overflow: hidden; 4136 overflow: hidden;
4137 border-radius: 8px; 4137 border-radius: 8px;
4138 display: -webkit-box; 4138 display: -webkit-box;
4139 display: -ms-flexbox; 4139 display: -ms-flexbox;
4140 display: flex; 4140 display: flex;
4141 -webkit-box-orient: vertical; 4141 -webkit-box-orient: vertical;
4142 -webkit-box-direction: normal; 4142 -webkit-box-direction: normal;
4143 -ms-flex-direction: column; 4143 -ms-flex-direction: column;
4144 flex-direction: column; 4144 flex-direction: column;
4145 } 4145 }
4146 4146
4147 .main__spoiler-toper { 4147 .main__spoiler-toper {
4148 background: #377d87; 4148 background: #377d87;
4149 height: 30px; 4149 height: 30px;
4150 display: -webkit-box; 4150 display: -webkit-box;
4151 display: -ms-flexbox; 4151 display: -ms-flexbox;
4152 display: flex; 4152 display: flex;
4153 -webkit-box-align: center; 4153 -webkit-box-align: center;
4154 -ms-flex-align: center; 4154 -ms-flex-align: center;
4155 align-items: center; 4155 align-items: center;
4156 -webkit-box-pack: center; 4156 -webkit-box-pack: center;
4157 -ms-flex-pack: center; 4157 -ms-flex-pack: center;
4158 justify-content: center; 4158 justify-content: center;
4159 color: #fff; 4159 color: #fff;
4160 font-size: 12px; 4160 font-size: 12px;
4161 font-weight: 700; 4161 font-weight: 700;
4162 padding: 0 30px; 4162 padding: 0 30px;
4163 border: none; 4163 border: none;
4164 position: relative; 4164 position: relative;
4165 } 4165 }
4166 4166
4167 @media (min-width: 768px) { 4167 @media (min-width: 768px) {
4168 .main__spoiler-toper { 4168 .main__spoiler-toper {
4169 font-size: 18px; 4169 font-size: 18px;
4170 height: 50px; 4170 height: 50px;
4171 padding: 0 60px; 4171 padding: 0 60px;
4172 } 4172 }
4173 } 4173 }
4174 4174
4175 .main__spoiler-toper:before, .main__spoiler-toper:after { 4175 .main__spoiler-toper:before, .main__spoiler-toper:after {
4176 content: ""; 4176 content: "";
4177 background: #fff; 4177 background: #fff;
4178 border-radius: 999px; 4178 border-radius: 999px;
4179 width: 10px; 4179 width: 10px;
4180 height: 1px; 4180 height: 1px;
4181 position: absolute; 4181 position: absolute;
4182 top: 50%; 4182 top: 50%;
4183 right: 10px; 4183 right: 10px;
4184 -webkit-transition: 0.3s; 4184 -webkit-transition: 0.3s;
4185 transition: 0.3s; 4185 transition: 0.3s;
4186 -webkit-transform: translate(0, -50%); 4186 -webkit-transform: translate(0, -50%);
4187 -ms-transform: translate(0, -50%); 4187 -ms-transform: translate(0, -50%);
4188 transform: translate(0, -50%); 4188 transform: translate(0, -50%);
4189 } 4189 }
4190 4190
4191 @media (min-width: 768px) { 4191 @media (min-width: 768px) {
4192 .main__spoiler-toper:before, .main__spoiler-toper:after { 4192 .main__spoiler-toper:before, .main__spoiler-toper:after {
4193 width: 20px; 4193 width: 20px;
4194 height: 2px; 4194 height: 2px;
4195 right: 20px; 4195 right: 20px;
4196 } 4196 }
4197 } 4197 }
4198 4198
4199 .main__spoiler-toper:after { 4199 .main__spoiler-toper:after {
4200 -webkit-transform: rotate(90deg); 4200 -webkit-transform: rotate(90deg);
4201 -ms-transform: rotate(90deg); 4201 -ms-transform: rotate(90deg);
4202 transform: rotate(90deg); 4202 transform: rotate(90deg);
4203 } 4203 }
4204 4204
4205 .main__spoiler-toper.active:after { 4205 .main__spoiler-toper.active:after {
4206 -webkit-transform: rotate(0deg); 4206 -webkit-transform: rotate(0deg);
4207 -ms-transform: rotate(0deg); 4207 -ms-transform: rotate(0deg);
4208 transform: rotate(0deg); 4208 transform: rotate(0deg);
4209 } 4209 }
4210 4210
4211 .main__spoiler-body { 4211 .main__spoiler-body {
4212 opacity: 0; 4212 opacity: 0;
4213 height: 0; 4213 height: 0;
4214 overflow: hidden; 4214 overflow: hidden;
4215 border-radius: 0 0 8px 8px; 4215 border-radius: 0 0 8px 8px;
4216 background: #fff; 4216 background: #fff;
4217 } 4217 }
4218 4218
4219 .main__spoiler-body table { 4219 .main__spoiler-body table {
4220 width: calc(100% + 2px); 4220 width: calc(100% + 2px);
4221 margin-left: -1px; 4221 margin-left: -1px;
4222 margin-bottom: -1px; 4222 margin-bottom: -1px;
4223 } 4223 }
4224 4224
4225 @media (min-width: 992px) { 4225 @media (min-width: 992px) {
4226 .main__spoiler-body table td { 4226 .main__spoiler-body table td {
4227 width: 40%; 4227 width: 40%;
4228 } 4228 }
4229 } 4229 }
4230 4230
4231 @media (min-width: 992px) { 4231 @media (min-width: 992px) {
4232 .main__spoiler-body table td + td { 4232 .main__spoiler-body table td + td {
4233 width: 60%; 4233 width: 60%;
4234 } 4234 }
4235 } 4235 }
4236 4236
4237 .active + .main__spoiler-body { 4237 .active + .main__spoiler-body {
4238 -webkit-transition: 0.3s; 4238 -webkit-transition: 0.3s;
4239 transition: 0.3s; 4239 transition: 0.3s;
4240 opacity: 1; 4240 opacity: 1;
4241 height: auto; 4241 height: auto;
4242 border: 1px solid #cecece; 4242 border: 1px solid #cecece;
4243 border-top: none; 4243 border-top: none;
4244 } 4244 }
4245 4245
4246 .main__table { 4246 .main__table {
4247 border-collapse: collapse; 4247 border-collapse: collapse;
4248 table-layout: fixed; 4248 table-layout: fixed;
4249 font-size: 12px; 4249 font-size: 12px;
4250 width: 100%; 4250 width: 100%;
4251 background: #fff; 4251 background: #fff;
4252 } 4252 }
4253 4253
4254 @media (min-width: 768px) { 4254 @media (min-width: 768px) {
4255 .main__table { 4255 .main__table {
4256 font-size: 16px; 4256 font-size: 16px;
4257 } 4257 }
4258 } 4258 }
4259 4259
4260 .main__table td { 4260 .main__table td {
4261 border: 1px solid #cecece; 4261 border: 1px solid #cecece;
4262 padding: 4px 8px; 4262 padding: 4px 8px;
4263 vertical-align: top; 4263 vertical-align: top;
4264 } 4264 }
4265 4265
4266 @media (min-width: 768px) { 4266 @media (min-width: 768px) {
4267 .main__table td { 4267 .main__table td {
4268 padding: 8px 16px; 4268 padding: 8px 16px;
4269 } 4269 }
4270 } 4270 }
4271 4271
4272 .main__table td b { 4272 .main__table td b {
4273 font-weight: 700; 4273 font-weight: 700;
4274 } 4274 }
4275 4275
4276 .main__table_three { 4276 .main__table_three {
4277 table-layout: auto; 4277 table-layout: auto;
4278 } 4278 }
4279 4279
4280 .main__table_three td { 4280 .main__table_three td {
4281 width: 25% !important; 4281 width: 25% !important;
4282 } 4282 }
4283 4283
4284 .main__table_three td:last-child { 4284 .main__table_three td:last-child {
4285 width: 50% !important; 4285 width: 50% !important;
4286 } 4286 }
4287 4287
4288 .main__table b { 4288 .main__table b {
4289 display: block; 4289 display: block;
4290 } 4290 }
4291 4291
4292 .main__table a { 4292 .main__table a {
4293 color: #377d87; 4293 color: #377d87;
4294 text-decoration: underline; 4294 text-decoration: underline;
4295 } 4295 }
4296 4296
4297 .main__table a:hover { 4297 .main__table a:hover {
4298 color: #000; 4298 color: #000;
4299 } 4299 }
4300 4300
4301 .main__resume-profile-about { 4301 .main__resume-profile-about {
4302 padding-top: 20px; 4302 padding-top: 20px;
4303 padding-bottom: 30px; 4303 padding-bottom: 30px;
4304 position: relative; 4304 position: relative;
4305 margin-top: 30px; 4305 margin-top: 30px;
4306 display: -webkit-box; 4306 display: -webkit-box;
4307 display: -ms-flexbox; 4307 display: -ms-flexbox;
4308 display: flex; 4308 display: flex;
4309 -webkit-box-orient: vertical; 4309 -webkit-box-orient: vertical;
4310 -webkit-box-direction: normal; 4310 -webkit-box-direction: normal;
4311 -ms-flex-direction: column; 4311 -ms-flex-direction: column;
4312 flex-direction: column; 4312 flex-direction: column;
4313 -webkit-box-align: start; 4313 -webkit-box-align: start;
4314 -ms-flex-align: start; 4314 -ms-flex-align: start;
4315 align-items: flex-start; 4315 align-items: flex-start;
4316 gap: 10px; 4316 gap: 10px;
4317 } 4317 }
4318 4318
4319 @media (min-width: 992px) { 4319 @media (min-width: 992px) {
4320 .main__resume-profile-about { 4320 .main__resume-profile-about {
4321 padding: 50px 0; 4321 padding: 50px 0;
4322 } 4322 }
4323 } 4323 }
4324 4324
4325 .main__resume-profile-about:before { 4325 .main__resume-profile-about:before {
4326 content: ""; 4326 content: "";
4327 position: absolute; 4327 position: absolute;
4328 z-index: 1; 4328 z-index: 1;
4329 top: 0; 4329 top: 0;
4330 left: 50%; 4330 left: 50%;
4331 width: 20000px; 4331 width: 20000px;
4332 height: 100%; 4332 height: 100%;
4333 margin-left: -10000px; 4333 margin-left: -10000px;
4334 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4334 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4335 } 4335 }
4336 .main__resume-profile-about-title { 4336 .main__resume-profile-about-title {
4337 position: relative; 4337 position: relative;
4338 z-index: 2; 4338 z-index: 2;
4339 color: #000; 4339 color: #000;
4340 } 4340 }
4341 .main__resume-profile-about-text { 4341 .main__resume-profile-about-text {
4342 position: relative; 4342 position: relative;
4343 z-index: 2; 4343 z-index: 2;
4344 } 4344 }
4345 .main__resume-profile-about-button { 4345 .main__resume-profile-about-button {
4346 position: relative; 4346 position: relative;
4347 z-index: 2; 4347 z-index: 2;
4348 margin-top: 10px; 4348 margin-top: 10px;
4349 } 4349 }
4350 .main__resume-profile-info { 4350 .main__resume-profile-info {
4351 display: -webkit-box; 4351 display: -webkit-box;
4352 display: -ms-flexbox; 4352 display: -ms-flexbox;
4353 display: flex; 4353 display: flex;
4354 -webkit-box-orient: vertical; 4354 -webkit-box-orient: vertical;
4355 -webkit-box-direction: normal; 4355 -webkit-box-direction: normal;
4356 -ms-flex-direction: column; 4356 -ms-flex-direction: column;
4357 flex-direction: column; 4357 flex-direction: column;
4358 gap: 20px; 4358 gap: 20px;
4359 margin-top: 30px; 4359 margin-top: 30px;
4360 } 4360 }
4361 @media (min-width: 992px) { 4361 @media (min-width: 992px) {
4362 .main__resume-profile-info { 4362 .main__resume-profile-info {
4363 margin-top: 50px; 4363 margin-top: 50px;
4364 gap: 30px; 4364 gap: 30px;
4365 } 4365 }
4366 } 4366 }
4367 .main__resume-profile-info-title { 4367 .main__resume-profile-info-title {
4368 color: #000; 4368 color: #000;
4369 } 4369 }
4370 .main__resume-profile-info-body { 4370 .main__resume-profile-info-body {
4371 display: -webkit-box; 4371 display: -webkit-box;
4372 display: -ms-flexbox; 4372 display: -ms-flexbox;
4373 display: flex; 4373 display: flex;
4374 -webkit-box-orient: vertical; 4374 -webkit-box-orient: vertical;
4375 -webkit-box-direction: normal; 4375 -webkit-box-direction: normal;
4376 -ms-flex-direction: column; 4376 -ms-flex-direction: column;
4377 flex-direction: column; 4377 flex-direction: column;
4378 gap: 20px; 4378 gap: 20px;
4379 } 4379 }
4380 @media (min-width: 992px) { 4380 @media (min-width: 992px) {
4381 .main__resume-profile-info-body { 4381 .main__resume-profile-info-body {
4382 gap: 30px; 4382 gap: 30px;
4383 } 4383 }
4384 } 4384 }
4385 .main__resume-profile-info-body-item { 4385 .main__resume-profile-info-body-item {
4386 display: -webkit-box; 4386 display: -webkit-box;
4387 display: -ms-flexbox; 4387 display: -ms-flexbox;
4388 display: flex; 4388 display: flex;
4389 -webkit-box-orient: vertical; 4389 -webkit-box-orient: vertical;
4390 -webkit-box-direction: normal; 4390 -webkit-box-direction: normal;
4391 -ms-flex-direction: column; 4391 -ms-flex-direction: column;
4392 flex-direction: column; 4392 flex-direction: column;
4393 gap: 10px; 4393 gap: 10px;
4394 } 4394 }
4395 @media (min-width: 768px) { 4395 @media (min-width: 768px) {
4396 .main__resume-profile-info-body-item { 4396 .main__resume-profile-info-body-item {
4397 gap: 20px; 4397 gap: 20px;
4398 } 4398 }
4399 } 4399 }
4400 .main__resume-profile-info-body-subtitle { 4400 .main__resume-profile-info-body-subtitle {
4401 color: #4d88d9; 4401 color: #4d88d9;
4402 } 4402 }
4403 .main__resume-profile-info-body-inner { 4403 .main__resume-profile-info-body-inner {
4404 display: -webkit-box; 4404 display: -webkit-box;
4405 display: -ms-flexbox; 4405 display: -ms-flexbox;
4406 display: flex; 4406 display: flex;
4407 -webkit-box-orient: vertical; 4407 -webkit-box-orient: vertical;
4408 -webkit-box-direction: normal; 4408 -webkit-box-direction: normal;
4409 -ms-flex-direction: column; 4409 -ms-flex-direction: column;
4410 flex-direction: column; 4410 flex-direction: column;
4411 gap: 20px; 4411 gap: 20px;
4412 margin: 0; 4412 margin: 0;
4413 padding: 0; 4413 padding: 0;
4414 font-size: 12px; 4414 font-size: 12px;
4415 } 4415 }
4416 @media (min-width: 768px) { 4416 @media (min-width: 768px) {
4417 .main__resume-profile-info-body-inner { 4417 .main__resume-profile-info-body-inner {
4418 display: grid; 4418 display: grid;
4419 grid-template-columns: repeat(2, 1fr); 4419 grid-template-columns: repeat(2, 1fr);
4420 } 4420 }
4421 } 4421 }
4422 @media (min-width: 992px) { 4422 @media (min-width: 992px) {
4423 .main__resume-profile-info-body-inner { 4423 .main__resume-profile-info-body-inner {
4424 grid-template-columns: repeat(3, 1fr); 4424 grid-template-columns: repeat(3, 1fr);
4425 font-size: 16px; 4425 font-size: 16px;
4426 } 4426 }
4427 } 4427 }
4428 .main__resume-profile-info-body-inner li { 4428 .main__resume-profile-info-body-inner li {
4429 display: -webkit-box; 4429 display: -webkit-box;
4430 display: -ms-flexbox; 4430 display: -ms-flexbox;
4431 display: flex; 4431 display: flex;
4432 -webkit-box-orient: vertical; 4432 -webkit-box-orient: vertical;
4433 -webkit-box-direction: normal; 4433 -webkit-box-direction: normal;
4434 -ms-flex-direction: column; 4434 -ms-flex-direction: column;
4435 flex-direction: column; 4435 flex-direction: column;
4436 gap: 6px; 4436 gap: 6px;
4437 } 4437 }
4438 @media (min-width: 992px) { 4438 @media (min-width: 992px) {
4439 .main__resume-profile-info-body-inner li { 4439 .main__resume-profile-info-body-inner li {
4440 gap: 8px; 4440 gap: 8px;
4441 } 4441 }
4442 } 4442 }
4443 .main__resume-profile-info-body-inner b { 4443 .main__resume-profile-info-body-inner b {
4444 color: #377d87; 4444 color: #377d87;
4445 font-size: 14px; 4445 font-size: 14px;
4446 } 4446 }
4447 @media (min-width: 992px) { 4447 @media (min-width: 992px) {
4448 .main__resume-profile-info-body-inner b { 4448 .main__resume-profile-info-body-inner b {
4449 font-size: 18px; 4449 font-size: 18px;
4450 } 4450 }
4451 } 4451 }
4452 .main__resume-profile-info-body-inner span { 4452 .main__resume-profile-info-body-inner span {
4453 display: -webkit-box; 4453 display: -webkit-box;
4454 display: -ms-flexbox; 4454 display: -ms-flexbox;
4455 display: flex; 4455 display: flex;
4456 -webkit-box-orient: vertical; 4456 -webkit-box-orient: vertical;
4457 -webkit-box-direction: normal; 4457 -webkit-box-direction: normal;
4458 -ms-flex-direction: column; 4458 -ms-flex-direction: column;
4459 flex-direction: column; 4459 flex-direction: column;
4460 gap: 4px; 4460 gap: 4px;
4461 } 4461 }
4462 @media (min-width: 992px) { 4462 @media (min-width: 992px) {
4463 .main__resume-profile-info-body-inner span { 4463 .main__resume-profile-info-body-inner span {
4464 gap: 6px; 4464 gap: 6px;
4465 } 4465 }
4466 } 4466 }
4467 .main__resume-profile-review { 4467 .main__resume-profile-review {
4468 display: -webkit-box; 4468 display: -webkit-box;
4469 display: -ms-flexbox; 4469 display: -ms-flexbox;
4470 display: flex; 4470 display: flex;
4471 -webkit-box-orient: vertical; 4471 -webkit-box-orient: vertical;
4472 -webkit-box-direction: normal; 4472 -webkit-box-direction: normal;
4473 -ms-flex-direction: column; 4473 -ms-flex-direction: column;
4474 flex-direction: column; 4474 flex-direction: column;
4475 gap: 20px; 4475 gap: 20px;
4476 padding: 20px 10px; 4476 padding: 20px 10px;
4477 margin-top: 30px; 4477 margin-top: 30px;
4478 border-radius: 16px; 4478 border-radius: 16px;
4479 border: 1px solid #cecece; 4479 border: 1px solid #cecece;
4480 background: #fff; 4480 background: #fff;
4481 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4481 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4482 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4482 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4483 } 4483 }
4484 @media (min-width: 992px) { 4484 @media (min-width: 992px) {
4485 .main__resume-profile-review { 4485 .main__resume-profile-review {
4486 margin-top: 50px; 4486 margin-top: 50px;
4487 padding: 50px 40px; 4487 padding: 50px 40px;
4488 gap: 30px; 4488 gap: 30px;
4489 } 4489 }
4490 } 4490 }
4491 .main__resume-profile-review-title { 4491 .main__resume-profile-review-title {
4492 color: #000; 4492 color: #000;
4493 } 4493 }
4494 .main__resume-profile-review-body { 4494 .main__resume-profile-review-body {
4495 display: -webkit-box; 4495 display: -webkit-box;
4496 display: -ms-flexbox; 4496 display: -ms-flexbox;
4497 display: flex; 4497 display: flex;
4498 -webkit-box-orient: vertical; 4498 -webkit-box-orient: vertical;
4499 -webkit-box-direction: normal; 4499 -webkit-box-direction: normal;
4500 -ms-flex-direction: column; 4500 -ms-flex-direction: column;
4501 flex-direction: column; 4501 flex-direction: column;
4502 -webkit-box-align: start; 4502 -webkit-box-align: start;
4503 -ms-flex-align: start; 4503 -ms-flex-align: start;
4504 align-items: flex-start; 4504 align-items: flex-start;
4505 gap: 10px; 4505 gap: 10px;
4506 } 4506 }
4507 .main__resume-profile-review-body .textarea { 4507 .main__resume-profile-review-body .textarea {
4508 width: 100%; 4508 width: 100%;
4509 } 4509 }
4510 .main__resume-profile-review-body .button { 4510 .main__resume-profile-review-body .button {
4511 margin-top: 10px; 4511 margin-top: 10px;
4512 } 4512 }
4513 .main__vacancies { 4513 .main__vacancies {
4514 display: -webkit-box; 4514 display: -webkit-box;
4515 display: -ms-flexbox; 4515 display: -ms-flexbox;
4516 display: flex; 4516 display: flex;
4517 -webkit-box-orient: vertical; 4517 -webkit-box-orient: vertical;
4518 -webkit-box-direction: normal; 4518 -webkit-box-direction: normal;
4519 -ms-flex-direction: column; 4519 -ms-flex-direction: column;
4520 flex-direction: column; 4520 flex-direction: column;
4521 -webkit-box-align: center; 4521 -webkit-box-align: center;
4522 -ms-flex-align: center; 4522 -ms-flex-align: center;
4523 align-items: center; 4523 align-items: center;
4524 gap: 20px; 4524 gap: 20px;
4525 } 4525 }
4526 @media (min-width: 768px) { 4526 @media (min-width: 768px) {
4527 .main__vacancies { 4527 .main__vacancies {
4528 gap: 30px; 4528 gap: 30px;
4529 } 4529 }
4530 } 4530 }
4531 .main__vacancies-title { 4531 .main__vacancies-title {
4532 color: #000; 4532 color: #000;
4533 width: 100%; 4533 width: 100%;
4534 } 4534 }
4535 .main__vacancies-filters { 4535 .main__vacancies-filters {
4536 width: 100%; 4536 width: 100%;
4537 } 4537 }
4538 .main__vacancies-item { 4538 .main__vacancies-item {
4539 width: 100%; 4539 width: 100%;
4540 background: none; 4540 background: none;
4541 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4541 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4542 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4542 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4543 } 4543 }
4544 .main__vacancies-item-page { 4544 .main__vacancies-item-page {
4545 border: none; 4545 border: none;
4546 -webkit-box-shadow: none; 4546 -webkit-box-shadow: none;
4547 box-shadow: none; 4547 box-shadow: none;
4548 background: none; 4548 background: none;
4549 margin: 0 -10px; 4549 margin: 0 -10px;
4550 } 4550 }
4551 @media (min-width: 768px) { 4551 @media (min-width: 768px) {
4552 .main__vacancies-item-page { 4552 .main__vacancies-item-page {
4553 margin: 0 -20px; 4553 margin: 0 -20px;
4554 } 4554 }
4555 } 4555 }
4556 .main__vacancies-thing { 4556 .main__vacancies-thing {
4557 width: 100%; 4557 width: 100%;
4558 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4558 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4559 padding: 20px 10px; 4559 padding: 20px 10px;
4560 padding-bottom: 30px; 4560 padding-bottom: 30px;
4561 display: -webkit-box; 4561 display: -webkit-box;
4562 display: -ms-flexbox; 4562 display: -ms-flexbox;
4563 display: flex; 4563 display: flex;
4564 -webkit-box-orient: vertical; 4564 -webkit-box-orient: vertical;
4565 -webkit-box-direction: normal; 4565 -webkit-box-direction: normal;
4566 -ms-flex-direction: column; 4566 -ms-flex-direction: column;
4567 flex-direction: column; 4567 flex-direction: column;
4568 gap: 24px; 4568 gap: 24px;
4569 border-radius: 12px; 4569 border-radius: 12px;
4570 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4570 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4571 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4571 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4572 } 4572 }
4573 @media (min-width: 992px) { 4573 @media (min-width: 992px) {
4574 .main__vacancies-thing { 4574 .main__vacancies-thing {
4575 padding: 30px 20px; 4575 padding: 30px 20px;
4576 -webkit-box-orient: horizontal; 4576 -webkit-box-orient: horizontal;
4577 -webkit-box-direction: normal; 4577 -webkit-box-direction: normal;
4578 -ms-flex-direction: row; 4578 -ms-flex-direction: row;
4579 flex-direction: row; 4579 flex-direction: row;
4580 -webkit-box-align: start; 4580 -webkit-box-align: start;
4581 -ms-flex-align: start; 4581 -ms-flex-align: start;
4582 align-items: flex-start; 4582 align-items: flex-start;
4583 gap: 0; 4583 gap: 0;
4584 } 4584 }
4585 } 4585 }
4586 @media (min-width: 1280px) { 4586 @media (min-width: 1280px) {
4587 .main__vacancies-thing { 4587 .main__vacancies-thing {
4588 padding: 50px 20px; 4588 padding: 50px 20px;
4589 } 4589 }
4590 } 4590 }
4591 .main__vacancies-thing-pic { 4591 .main__vacancies-thing-pic {
4592 position: relative; 4592 position: relative;
4593 z-index: 2; 4593 z-index: 2;
4594 width: 100%; 4594 width: 100%;
4595 aspect-ratio: 42/34; 4595 aspect-ratio: 42/34;
4596 -o-object-fit: cover; 4596 -o-object-fit: cover;
4597 object-fit: cover; 4597 object-fit: cover;
4598 border-radius: 8px; 4598 border-radius: 8px;
4599 max-height: 340px; 4599 max-height: 340px;
4600 } 4600 }
4601 @media (min-width: 992px) { 4601 @media (min-width: 992px) {
4602 .main__vacancies-thing-pic { 4602 .main__vacancies-thing-pic {
4603 width: 380px; 4603 width: 380px;
4604 } 4604 }
4605 } 4605 }
4606 @media (min-width: 1280px) { 4606 @media (min-width: 1280px) {
4607 .main__vacancies-thing-pic { 4607 .main__vacancies-thing-pic {
4608 width: 420px; 4608 width: 420px;
4609 } 4609 }
4610 } 4610 }
4611 .main__vacancies-thing-body { 4611 .main__vacancies-thing-body {
4612 display: -webkit-box; 4612 display: -webkit-box;
4613 display: -ms-flexbox; 4613 display: -ms-flexbox;
4614 display: flex; 4614 display: flex;
4615 -webkit-box-orient: vertical; 4615 -webkit-box-orient: vertical;
4616 -webkit-box-direction: normal; 4616 -webkit-box-direction: normal;
4617 -ms-flex-direction: column; 4617 -ms-flex-direction: column;
4618 flex-direction: column; 4618 flex-direction: column;
4619 -webkit-box-align: start; 4619 -webkit-box-align: start;
4620 -ms-flex-align: start; 4620 -ms-flex-align: start;
4621 align-items: flex-start; 4621 align-items: flex-start;
4622 gap: 16px; 4622 gap: 16px;
4623 color: #000; 4623 color: #000;
4624 } 4624 }
4625 @media (min-width: 992px) { 4625 @media (min-width: 992px) {
4626 .main__vacancies-thing-body { 4626 .main__vacancies-thing-body {
4627 width: calc(100% - 380px); 4627 width: calc(100% - 380px);
4628 padding-left: 20px; 4628 padding-left: 20px;
4629 } 4629 }
4630 } 4630 }
4631 @media (min-width: 1280px) { 4631 @media (min-width: 1280px) {
4632 .main__vacancies-thing-body { 4632 .main__vacancies-thing-body {
4633 width: calc(100% - 420px); 4633 width: calc(100% - 420px);
4634 gap: 20px; 4634 gap: 20px;
4635 } 4635 }
4636 } 4636 }
4637 .main__vacancies-thing-body > * { 4637 .main__vacancies-thing-body > * {
4638 width: 100%; 4638 width: 100%;
4639 } 4639 }
4640 .main__vacancies-thing-body .button { 4640 .main__vacancies-thing-body .button {
4641 width: auto; 4641 width: auto;
4642 } 4642 }
4643 @media (min-width: 768px) { 4643 @media (min-width: 768px) {
4644 .main__vacancies-thing-body .button { 4644 .main__vacancies-thing-body .button {
4645 min-width: 200px; 4645 min-width: 200px;
4646 } 4646 }
4647 } 4647 }
4648 .main__vacancies-thing-scroll { 4648 .main__vacancies-thing-scroll {
4649 display: -webkit-box; 4649 display: -webkit-box;
4650 display: -ms-flexbox; 4650 display: -ms-flexbox;
4651 display: flex; 4651 display: flex;
4652 -webkit-box-orient: vertical; 4652 -webkit-box-orient: vertical;
4653 -webkit-box-direction: normal; 4653 -webkit-box-direction: normal;
4654 -ms-flex-direction: column; 4654 -ms-flex-direction: column;
4655 flex-direction: column; 4655 flex-direction: column;
4656 -webkit-box-align: start; 4656 -webkit-box-align: start;
4657 -ms-flex-align: start; 4657 -ms-flex-align: start;
4658 align-items: flex-start; 4658 align-items: flex-start;
4659 gap: 16px; 4659 gap: 16px;
4660 overflow: hidden; 4660 overflow: hidden;
4661 overflow-y: auto; 4661 overflow-y: auto;
4662 max-height: 180px; 4662 max-height: 180px;
4663 padding-right: 10px; 4663 padding-right: 10px;
4664 } 4664 }
4665 @media (min-width: 768px) { 4665 @media (min-width: 768px) {
4666 .main__vacancies-thing-scroll { 4666 .main__vacancies-thing-scroll {
4667 max-height: 210px; 4667 max-height: 210px;
4668 padding-right: 20px; 4668 padding-right: 20px;
4669 } 4669 }
4670 } 4670 }
4671 @media (min-width: 992px) { 4671 @media (min-width: 992px) {
4672 .main__vacancies-thing-scroll { 4672 .main__vacancies-thing-scroll {
4673 max-height: 175px; 4673 max-height: 175px;
4674 } 4674 }
4675 } 4675 }
4676 @media (min-width: 1280px) { 4676 @media (min-width: 1280px) {
4677 .main__vacancies-thing-scroll { 4677 .main__vacancies-thing-scroll {
4678 max-height: 200px; 4678 max-height: 200px;
4679 gap: 20px; 4679 gap: 20px;
4680 } 4680 }
4681 } 4681 }
4682 .main__cond { 4682 .main__cond {
4683 display: -webkit-box; 4683 display: -webkit-box;
4684 display: -ms-flexbox; 4684 display: -ms-flexbox;
4685 display: flex; 4685 display: flex;
4686 -webkit-box-orient: vertical; 4686 -webkit-box-orient: vertical;
4687 -webkit-box-direction: normal; 4687 -webkit-box-direction: normal;
4688 -ms-flex-direction: column; 4688 -ms-flex-direction: column;
4689 flex-direction: column; 4689 flex-direction: column;
4690 gap: 50px; 4690 gap: 50px;
4691 } 4691 }
4692 .main__cond > div { 4692 .main__cond > div {
4693 display: -webkit-box; 4693 display: -webkit-box;
4694 display: -ms-flexbox; 4694 display: -ms-flexbox;
4695 display: flex; 4695 display: flex;
4696 -webkit-box-orient: vertical; 4696 -webkit-box-orient: vertical;
4697 -webkit-box-direction: normal; 4697 -webkit-box-direction: normal;
4698 -ms-flex-direction: column; 4698 -ms-flex-direction: column;
4699 flex-direction: column; 4699 flex-direction: column;
4700 gap: 10px; 4700 gap: 10px;
4701 } 4701 }
4702 .main__cond-label { 4702 .main__cond-label {
4703 border-radius: 16px; 4703 border-radius: 16px;
4704 border: 1px solid #cecece; 4704 border: 1px solid #cecece;
4705 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4705 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4706 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4706 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4707 padding: 30px 20px; 4707 padding: 30px 20px;
4708 font-weight: 700; 4708 font-weight: 700;
4709 color: #000; 4709 color: #000;
4710 line-height: 2; 4710 line-height: 2;
4711 text-align: center; 4711 text-align: center;
4712 } 4712 }
4713 @media (min-width: 992px) { 4713 @media (min-width: 992px) {
4714 .main__cond-label { 4714 .main__cond-label {
4715 font-size: 30px; 4715 font-size: 30px;
4716 } 4716 }
4717 } 4717 }
4718 .main__cond-icons { 4718 .main__cond-icons {
4719 padding: 0; 4719 padding: 0;
4720 margin: 0; 4720 margin: 0;
4721 display: -webkit-box; 4721 display: -webkit-box;
4722 display: -ms-flexbox; 4722 display: -ms-flexbox;
4723 display: flex; 4723 display: flex;
4724 -webkit-box-orient: vertical; 4724 -webkit-box-orient: vertical;
4725 -webkit-box-direction: normal; 4725 -webkit-box-direction: normal;
4726 -ms-flex-direction: column; 4726 -ms-flex-direction: column;
4727 flex-direction: column; 4727 flex-direction: column;
4728 gap: 25px; 4728 gap: 25px;
4729 margin-top: 10px; 4729 margin-top: 10px;
4730 } 4730 }
4731 @media (min-width: 768px) { 4731 @media (min-width: 768px) {
4732 .main__cond-icons { 4732 .main__cond-icons {
4733 display: grid; 4733 display: grid;
4734 grid-template-columns: repeat(2, 1fr); 4734 grid-template-columns: repeat(2, 1fr);
4735 gap: 60px; 4735 gap: 60px;
4736 margin-top: 20px; 4736 margin-top: 20px;
4737 } 4737 }
4738 } 4738 }
4739 @media (min-width: 1280px) { 4739 @media (min-width: 1280px) {
4740 .main__cond-icons { 4740 .main__cond-icons {
4741 grid-template-columns: repeat(3, 1fr); 4741 grid-template-columns: repeat(3, 1fr);
4742 } 4742 }
4743 } 4743 }
4744 .main__cond-icons li { 4744 .main__cond-icons li {
4745 display: -webkit-box; 4745 display: -webkit-box;
4746 display: -ms-flexbox; 4746 display: -ms-flexbox;
4747 display: flex; 4747 display: flex;
4748 -webkit-box-orient: vertical; 4748 -webkit-box-orient: vertical;
4749 -webkit-box-direction: normal; 4749 -webkit-box-direction: normal;
4750 -ms-flex-direction: column; 4750 -ms-flex-direction: column;
4751 flex-direction: column; 4751 flex-direction: column;
4752 -webkit-box-align: start; 4752 -webkit-box-align: start;
4753 -ms-flex-align: start; 4753 -ms-flex-align: start;
4754 align-items: flex-start; 4754 align-items: flex-start;
4755 gap: 20px; 4755 gap: 20px;
4756 font-size: 12px; 4756 font-size: 12px;
4757 line-height: 1.4; 4757 line-height: 1.4;
4758 color: #000; 4758 color: #000;
4759 } 4759 }
4760 @media (min-width: 768px) { 4760 @media (min-width: 768px) {
4761 .main__cond-icons li { 4761 .main__cond-icons li {
4762 font-size: 14px; 4762 font-size: 14px;
4763 } 4763 }
4764 } 4764 }
4765 @media (min-width: 992px) { 4765 @media (min-width: 992px) {
4766 .main__cond-icons li { 4766 .main__cond-icons li {
4767 font-size: 16px; 4767 font-size: 16px;
4768 line-height: 1.6; 4768 line-height: 1.6;
4769 } 4769 }
4770 } 4770 }
4771 @media (min-width: 1280px) { 4771 @media (min-width: 1280px) {
4772 .main__cond-icons li { 4772 .main__cond-icons li {
4773 font-size: 18px; 4773 font-size: 18px;
4774 } 4774 }
4775 } 4775 }
4776 .main__cond-icons li span { 4776 .main__cond-icons li span {
4777 width: 48px; 4777 width: 48px;
4778 height: 48px; 4778 height: 48px;
4779 display: -webkit-box; 4779 display: -webkit-box;
4780 display: -ms-flexbox; 4780 display: -ms-flexbox;
4781 display: flex; 4781 display: flex;
4782 -webkit-box-align: center; 4782 -webkit-box-align: center;
4783 -ms-flex-align: center; 4783 -ms-flex-align: center;
4784 align-items: center; 4784 align-items: center;
4785 } 4785 }
4786 .main__cond-icons li span img { 4786 .main__cond-icons li span img {
4787 max-width: 48px; 4787 max-width: 48px;
4788 } 4788 }
4789 .main__cond-callback { 4789 .main__cond-callback {
4790 margin-top: 10px; 4790 margin-top: 10px;
4791 } 4791 }
4792 .main__ads { 4792 .main__ads {
4793 display: -webkit-box; 4793 display: -webkit-box;
4794 display: -ms-flexbox; 4794 display: -ms-flexbox;
4795 display: flex; 4795 display: flex;
4796 -webkit-box-orient: vertical; 4796 -webkit-box-orient: vertical;
4797 -webkit-box-direction: normal; 4797 -webkit-box-direction: normal;
4798 -ms-flex-direction: column; 4798 -ms-flex-direction: column;
4799 flex-direction: column; 4799 flex-direction: column;
4800 gap: 30px; 4800 gap: 30px;
4801 margin: 30px 0; 4801 margin: 30px 0;
4802 } 4802 }
4803 @media (min-width: 992px) { 4803 @media (min-width: 992px) {
4804 .main__ads { 4804 .main__ads {
4805 margin: 60px 0; 4805 margin: 60px 0;
4806 } 4806 }
4807 } 4807 }
4808 .main__ads-item { 4808 .main__ads-item {
4809 display: -webkit-box; 4809 display: -webkit-box;
4810 display: -ms-flexbox; 4810 display: -ms-flexbox;
4811 display: flex; 4811 display: flex;
4812 -webkit-box-orient: vertical; 4812 -webkit-box-orient: vertical;
4813 -webkit-box-direction: normal; 4813 -webkit-box-direction: normal;
4814 -ms-flex-direction: column; 4814 -ms-flex-direction: column;
4815 flex-direction: column; 4815 flex-direction: column;
4816 gap: 16px; 4816 gap: 16px;
4817 } 4817 }
4818 @media (min-width: 992px) { 4818 @media (min-width: 992px) {
4819 .main__ads-item { 4819 .main__ads-item {
4820 -webkit-box-orient: horizontal; 4820 -webkit-box-orient: horizontal;
4821 -webkit-box-direction: normal; 4821 -webkit-box-direction: normal;
4822 -ms-flex-direction: row; 4822 -ms-flex-direction: row;
4823 flex-direction: row; 4823 flex-direction: row;
4824 gap: 0; 4824 gap: 0;
4825 } 4825 }
4826 } 4826 }
4827 .main__ads-item-pic { 4827 .main__ads-item-pic {
4828 width: 100%; 4828 width: 100%;
4829 max-width: 440px; 4829 max-width: 440px;
4830 max-height: 200px; 4830 max-height: 200px;
4831 aspect-ratio: 3/2; 4831 aspect-ratio: 3/2;
4832 position: relative; 4832 position: relative;
4833 overflow: hidden; 4833 overflow: hidden;
4834 border-radius: 12px; 4834 border-radius: 12px;
4835 } 4835 }
4836 @media (min-width: 992px) { 4836 @media (min-width: 992px) {
4837 .main__ads-item-pic { 4837 .main__ads-item-pic {
4838 width: 200px; 4838 width: 200px;
4839 aspect-ratio: 1/1; 4839 aspect-ratio: 1/1;
4840 } 4840 }
4841 } 4841 }
4842 .main__ads-item-pic img { 4842 .main__ads-item-pic img {
4843 z-index: 1; 4843 z-index: 1;
4844 position: absolute; 4844 position: absolute;
4845 top: 0; 4845 top: 0;
4846 left: 0; 4846 left: 0;
4847 width: 100%; 4847 width: 100%;
4848 height: 100%; 4848 height: 100%;
4849 -o-object-fit: cover; 4849 -o-object-fit: cover;
4850 object-fit: cover; 4850 object-fit: cover;
4851 } 4851 }
4852 .main__ads-item-pic span { 4852 .main__ads-item-pic span {
4853 z-index: 2; 4853 z-index: 2;
4854 width: 30px; 4854 width: 30px;
4855 height: 30px; 4855 height: 30px;
4856 border-radius: 6px; 4856 border-radius: 6px;
4857 background: #4d88d9; 4857 background: #4d88d9;
4858 display: -webkit-box; 4858 display: -webkit-box;
4859 display: -ms-flexbox; 4859 display: -ms-flexbox;
4860 display: flex; 4860 display: flex;
4861 -webkit-box-pack: center; 4861 -webkit-box-pack: center;
4862 -ms-flex-pack: center; 4862 -ms-flex-pack: center;
4863 justify-content: center; 4863 justify-content: center;
4864 -webkit-box-align: center; 4864 -webkit-box-align: center;
4865 -ms-flex-align: center; 4865 -ms-flex-align: center;
4866 align-items: center; 4866 align-items: center;
4867 position: absolute; 4867 position: absolute;
4868 top: 10px; 4868 top: 10px;
4869 left: 10px; 4869 left: 10px;
4870 color: #fff; 4870 color: #fff;
4871 } 4871 }
4872 @media (min-width: 992px) { 4872 @media (min-width: 992px) {
4873 .main__ads-item-pic span { 4873 .main__ads-item-pic span {
4874 width: 42px; 4874 width: 42px;
4875 height: 42px; 4875 height: 42px;
4876 } 4876 }
4877 } 4877 }
4878 .main__ads-item-pic span svg { 4878 .main__ads-item-pic span svg {
4879 width: 12px; 4879 width: 12px;
4880 height: 12px; 4880 height: 12px;
4881 } 4881 }
4882 @media (min-width: 992px) { 4882 @media (min-width: 992px) {
4883 .main__ads-item-pic span svg { 4883 .main__ads-item-pic span svg {
4884 width: 20px; 4884 width: 20px;
4885 height: 20px; 4885 height: 20px;
4886 } 4886 }
4887 } 4887 }
4888 .main__ads-item-body { 4888 .main__ads-item-body {
4889 display: -webkit-box; 4889 display: -webkit-box;
4890 display: -ms-flexbox; 4890 display: -ms-flexbox;
4891 display: flex; 4891 display: flex;
4892 -webkit-box-orient: vertical; 4892 -webkit-box-orient: vertical;
4893 -webkit-box-direction: normal; 4893 -webkit-box-direction: normal;
4894 -ms-flex-direction: column; 4894 -ms-flex-direction: column;
4895 flex-direction: column; 4895 flex-direction: column;
4896 -webkit-box-align: start; 4896 -webkit-box-align: start;
4897 -ms-flex-align: start; 4897 -ms-flex-align: start;
4898 align-items: flex-start; 4898 align-items: flex-start;
4899 gap: 10px; 4899 gap: 10px;
4900 font-size: 12px; 4900 font-size: 12px;
4901 } 4901 }
4902 @media (min-width: 992px) { 4902 @media (min-width: 992px) {
4903 .main__ads-item-body { 4903 .main__ads-item-body {
4904 width: calc(100% - 200px); 4904 width: calc(100% - 200px);
4905 padding-left: 40px; 4905 padding-left: 40px;
4906 -webkit-box-pack: center; 4906 -webkit-box-pack: center;
4907 -ms-flex-pack: center; 4907 -ms-flex-pack: center;
4908 justify-content: center; 4908 justify-content: center;
4909 font-size: 16px; 4909 font-size: 16px;
4910 gap: 20px; 4910 gap: 20px;
4911 } 4911 }
4912 } 4912 }
4913 .main__ads-item-body b { 4913 .main__ads-item-body b {
4914 width: 100%; 4914 width: 100%;
4915 font-weight: 700; 4915 font-weight: 700;
4916 font-size: 14px; 4916 font-size: 14px;
4917 } 4917 }
4918 @media (min-width: 992px) { 4918 @media (min-width: 992px) {
4919 .main__ads-item-body b { 4919 .main__ads-item-body b {
4920 font-size: 20px; 4920 font-size: 20px;
4921 } 4921 }
4922 } 4922 }
4923 .main__ads-item-body span { 4923 .main__ads-item-body span {
4924 width: 100%; 4924 width: 100%;
4925 } 4925 }
4926 4926
4927 .work { 4927 .work {
4928 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4928 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4929 color: #000; 4929 color: #000;
4930 padding-top: 70px; 4930 padding-top: 70px;
4931 padding-bottom: 10px; 4931 padding-bottom: 10px;
4932 position: relative; 4932 position: relative;
4933 overflow: hidden; 4933 overflow: hidden;
4934 } 4934 }
4935 @media (min-width: 768px) { 4935 @media (min-width: 768px) {
4936 .work { 4936 .work {
4937 padding-bottom: 25px; 4937 padding-bottom: 25px;
4938 } 4938 }
4939 } 4939 }
4940 @media (min-width: 1280px) { 4940 @media (min-width: 1280px) {
4941 .work { 4941 .work {
4942 padding-top: 80px; 4942 padding-top: 80px;
4943 padding-bottom: 25px; 4943 padding-bottom: 25px;
4944 } 4944 }
4945 } 4945 }
4946 .work__pic { 4946 .work__pic {
4947 position: absolute; 4947 position: absolute;
4948 height: calc(100% - 40px); 4948 height: calc(100% - 40px);
4949 z-index: 1; 4949 z-index: 1;
4950 display: none; 4950 display: none;
4951 bottom: 0; 4951 bottom: 0;
4952 left: 50%; 4952 left: 50%;
4953 margin-left: 40px; 4953 margin-left: 40px;
4954 } 4954 }
4955 @media (min-width: 992px) { 4955 @media (min-width: 992px) {
4956 .work__pic { 4956 .work__pic {
4957 display: block; 4957 display: block;
4958 } 4958 }
4959 } 4959 }
4960 @media (min-width: 1280px) { 4960 @media (min-width: 1280px) {
4961 .work__pic { 4961 .work__pic {
4962 margin-left: 80px; 4962 margin-left: 80px;
4963 } 4963 }
4964 } 4964 }
4965 .work__body { 4965 .work__body {
4966 position: relative; 4966 position: relative;
4967 z-index: 2; 4967 z-index: 2;
4968 display: -webkit-box; 4968 display: -webkit-box;
4969 display: -ms-flexbox; 4969 display: -ms-flexbox;
4970 display: flex; 4970 display: flex;
4971 -webkit-box-orient: vertical; 4971 -webkit-box-orient: vertical;
4972 -webkit-box-direction: normal; 4972 -webkit-box-direction: normal;
4973 -ms-flex-direction: column; 4973 -ms-flex-direction: column;
4974 flex-direction: column; 4974 flex-direction: column;
4975 -webkit-box-align: center; 4975 -webkit-box-align: center;
4976 -ms-flex-align: center; 4976 -ms-flex-align: center;
4977 align-items: center; 4977 align-items: center;
4978 } 4978 }
4979 @media (min-width: 768px) { 4979 @media (min-width: 768px) {
4980 .work__body { 4980 .work__body {
4981 -webkit-box-align: start; 4981 -webkit-box-align: start;
4982 -ms-flex-align: start; 4982 -ms-flex-align: start;
4983 align-items: flex-start; 4983 align-items: flex-start;
4984 } 4984 }
4985 } 4985 }
4986 @media (min-width: 992px) { 4986 @media (min-width: 992px) {
4987 .work__body { 4987 .work__body {
4988 max-width: 600px; 4988 max-width: 600px;
4989 } 4989 }
4990 } 4990 }
4991 .work__title { 4991 .work__title {
4992 width: 100%; 4992 width: 100%;
4993 font-size: 40px; 4993 font-size: 40px;
4994 font-weight: 700; 4994 font-weight: 700;
4995 line-height: 1; 4995 line-height: 1;
4996 } 4996 }
4997 @media (min-width: 768px) { 4997 @media (min-width: 768px) {
4998 .work__title { 4998 .work__title {
4999 font-size: 64px; 4999 font-size: 64px;
5000 line-height: 94px; 5000 line-height: 94px;
5001 } 5001 }
5002 } 5002 }
5003 .work__text { 5003 .work__text {
5004 width: 100%; 5004 width: 100%;
5005 font-size: 12px; 5005 font-size: 12px;
5006 margin-top: 10px; 5006 margin-top: 10px;
5007 } 5007 }
5008 @media (min-width: 768px) { 5008 @media (min-width: 768px) {
5009 .work__text { 5009 .work__text {
5010 font-size: 18px; 5010 font-size: 18px;
5011 margin-top: 20px; 5011 margin-top: 20px;
5012 line-height: 1.4; 5012 line-height: 1.4;
5013 } 5013 }
5014 } 5014 }
5015 .work__list { 5015 .work__list {
5016 width: 100%; 5016 width: 100%;
5017 display: -webkit-box; 5017 display: -webkit-box;
5018 display: -ms-flexbox; 5018 display: -ms-flexbox;
5019 display: flex; 5019 display: flex;
5020 -webkit-box-orient: vertical; 5020 -webkit-box-orient: vertical;
5021 -webkit-box-direction: normal; 5021 -webkit-box-direction: normal;
5022 -ms-flex-direction: column; 5022 -ms-flex-direction: column;
5023 flex-direction: column; 5023 flex-direction: column;
5024 gap: 5px; 5024 gap: 5px;
5025 font-size: 14px; 5025 font-size: 14px;
5026 font-weight: 700; 5026 font-weight: 700;
5027 margin-top: 15px; 5027 margin-top: 15px;
5028 } 5028 }
5029 @media (min-width: 768px) { 5029 @media (min-width: 768px) {
5030 .work__list { 5030 .work__list {
5031 font-size: 18px; 5031 font-size: 18px;
5032 gap: 8px; 5032 gap: 8px;
5033 margin-top: 30px; 5033 margin-top: 30px;
5034 } 5034 }
5035 } 5035 }
5036 .work__list div { 5036 .work__list div {
5037 position: relative; 5037 position: relative;
5038 padding-left: 10px; 5038 padding-left: 10px;
5039 } 5039 }
5040 @media (min-width: 768px) { 5040 @media (min-width: 768px) {
5041 .work__list div { 5041 .work__list div {
5042 padding-left: 16px; 5042 padding-left: 16px;
5043 } 5043 }
5044 } 5044 }
5045 .work__list div:before { 5045 .work__list div:before {
5046 content: ""; 5046 content: "";
5047 width: 4px; 5047 width: 4px;
5048 height: 4px; 5048 height: 4px;
5049 background: #000; 5049 background: #000;
5050 border-radius: 999px; 5050 border-radius: 999px;
5051 position: absolute; 5051 position: absolute;
5052 top: 5px; 5052 top: 5px;
5053 left: 0; 5053 left: 0;
5054 } 5054 }
5055 @media (min-width: 768px) { 5055 @media (min-width: 768px) {
5056 .work__list div:before { 5056 .work__list div:before {
5057 top: 8px; 5057 top: 8px;
5058 } 5058 }
5059 } 5059 }
5060 .work__form { 5060 .work__form {
5061 margin-top: 20px; 5061 margin-top: 20px;
5062 } 5062 }
5063 @media (min-width: 768px) { 5063 @media (min-width: 768px) {
5064 .work__form { 5064 .work__form {
5065 margin-top: 30px; 5065 margin-top: 30px;
5066 } 5066 }
5067 } 5067 }
5068 .work__search { 5068 .work__search {
5069 width: 100%; 5069 width: 100%;
5070 max-width: 180px; 5070 max-width: 180px;
5071 margin-top: 20px; 5071 margin-top: 20px;
5072 } 5072 }
5073 @media (min-width: 768px) { 5073 @media (min-width: 768px) {
5074 .work__search { 5074 .work__search {
5075 max-width: 270px; 5075 max-width: 270px;
5076 margin-top: 50px; 5076 margin-top: 50px;
5077 } 5077 }
5078 } 5078 }
5079 .work__get { 5079 .work__get {
5080 width: 100%; 5080 width: 100%;
5081 display: -webkit-box; 5081 display: -webkit-box;
5082 display: -ms-flexbox; 5082 display: -ms-flexbox;
5083 display: flex; 5083 display: flex;
5084 -webkit-box-align: start; 5084 -webkit-box-align: start;
5085 -ms-flex-align: start; 5085 -ms-flex-align: start;
5086 align-items: flex-start; 5086 align-items: flex-start;
5087 -ms-flex-wrap: wrap; 5087 -ms-flex-wrap: wrap;
5088 flex-wrap: wrap; 5088 flex-wrap: wrap;
5089 margin-top: 48px; 5089 margin-top: 48px;
5090 } 5090 }
5091 .work__get b { 5091 .work__get b {
5092 width: 100%; 5092 width: 100%;
5093 margin-bottom: 10px; 5093 margin-bottom: 10px;
5094 font-size: 14px; 5094 font-size: 14px;
5095 } 5095 }
5096 @media (min-width: 768px) { 5096 @media (min-width: 768px) {
5097 .work__get b { 5097 .work__get b {
5098 font-size: 18px; 5098 font-size: 18px;
5099 } 5099 }
5100 } 5100 }
5101 .work__get a { 5101 .work__get a {
5102 display: -webkit-box; 5102 display: -webkit-box;
5103 display: -ms-flexbox; 5103 display: -ms-flexbox;
5104 display: flex; 5104 display: flex;
5105 -webkit-box-align: center; 5105 -webkit-box-align: center;
5106 -ms-flex-align: center; 5106 -ms-flex-align: center;
5107 align-items: center; 5107 align-items: center;
5108 -webkit-box-pack: center; 5108 -webkit-box-pack: center;
5109 -ms-flex-pack: center; 5109 -ms-flex-pack: center;
5110 justify-content: center; 5110 justify-content: center;
5111 margin-right: 20px; 5111 margin-right: 20px;
5112 } 5112 }
5113 .work__get a img { 5113 .work__get a img {
5114 -webkit-transition: 0.3s; 5114 -webkit-transition: 0.3s;
5115 transition: 0.3s; 5115 transition: 0.3s;
5116 width: 111px; 5116 width: 111px;
5117 } 5117 }
5118 @media (min-width: 768px) { 5118 @media (min-width: 768px) {
5119 .work__get a img { 5119 .work__get a img {
5120 width: 131px; 5120 width: 131px;
5121 } 5121 }
5122 } 5122 }
5123 .work__get a:hover img { 5123 .work__get a:hover img {
5124 -webkit-transform: scale(1.1); 5124 -webkit-transform: scale(1.1);
5125 -ms-transform: scale(1.1); 5125 -ms-transform: scale(1.1);
5126 transform: scale(1.1); 5126 transform: scale(1.1);
5127 } 5127 }
5128 .work__get a + a { 5128 .work__get a + a {
5129 margin-right: 0; 5129 margin-right: 0;
5130 } 5130 }
5131 5131
5132 .numbers { 5132 .numbers {
5133 padding: 30px 0; 5133 padding: 30px 0;
5134 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5134 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5135 color: #fff; 5135 color: #fff;
5136 } 5136 }
5137 @media (min-width: 1280px) { 5137 @media (min-width: 1280px) {
5138 .numbers { 5138 .numbers {
5139 padding: 100px 0; 5139 padding: 100px 0;
5140 background-position: 100% 100%; 5140 background-position: 100% 100%;
5141 background-size: auto 500px; 5141 background-size: auto 500px;
5142 } 5142 }
5143 } 5143 }
5144 .numbers__body { 5144 .numbers__body {
5145 display: -webkit-box; 5145 display: -webkit-box;
5146 display: -ms-flexbox; 5146 display: -ms-flexbox;
5147 display: flex; 5147 display: flex;
5148 -webkit-box-orient: vertical; 5148 -webkit-box-orient: vertical;
5149 -webkit-box-direction: normal; 5149 -webkit-box-direction: normal;
5150 -ms-flex-direction: column; 5150 -ms-flex-direction: column;
5151 flex-direction: column; 5151 flex-direction: column;
5152 gap: 30px; 5152 gap: 30px;
5153 } 5153 }
5154 @media (min-width: 768px) { 5154 @media (min-width: 768px) {
5155 .numbers__body { 5155 .numbers__body {
5156 display: grid; 5156 display: grid;
5157 grid-template-columns: 1fr 1fr 1fr; 5157 grid-template-columns: 1fr 1fr 1fr;
5158 } 5158 }
5159 } 5159 }
5160 .numbers__item { 5160 .numbers__item {
5161 font-size: 12px; 5161 font-size: 12px;
5162 display: -webkit-box; 5162 display: -webkit-box;
5163 display: -ms-flexbox; 5163 display: -ms-flexbox;
5164 display: flex; 5164 display: flex;
5165 -webkit-box-orient: vertical; 5165 -webkit-box-orient: vertical;
5166 -webkit-box-direction: normal; 5166 -webkit-box-direction: normal;
5167 -ms-flex-direction: column; 5167 -ms-flex-direction: column;
5168 flex-direction: column; 5168 flex-direction: column;
5169 line-height: 1.4; 5169 line-height: 1.4;
5170 } 5170 }
5171 @media (min-width: 1280px) { 5171 @media (min-width: 1280px) {
5172 .numbers__item { 5172 .numbers__item {
5173 font-size: 16px; 5173 font-size: 16px;
5174 line-height: 20px; 5174 line-height: 20px;
5175 } 5175 }
5176 } 5176 }
5177 .numbers__item b { 5177 .numbers__item b {
5178 font-size: 40px; 5178 font-size: 40px;
5179 font-weight: 700; 5179 font-weight: 700;
5180 border-bottom: 1px solid #fff; 5180 border-bottom: 1px solid #fff;
5181 line-height: 1; 5181 line-height: 1;
5182 } 5182 }
5183 @media (min-width: 1280px) { 5183 @media (min-width: 1280px) {
5184 .numbers__item b { 5184 .numbers__item b {
5185 font-size: 100px; 5185 font-size: 100px;
5186 line-height: 147px; 5186 line-height: 147px;
5187 } 5187 }
5188 } 5188 }
5189 .numbers__item span { 5189 .numbers__item span {
5190 font-weight: 700; 5190 font-weight: 700;
5191 font-size: 14px; 5191 font-size: 14px;
5192 margin: 10px 0; 5192 margin: 10px 0;
5193 line-height: 1; 5193 line-height: 1;
5194 } 5194 }
5195 @media (min-width: 1280px) { 5195 @media (min-width: 1280px) {
5196 .numbers__item span { 5196 .numbers__item span {
5197 font-size: 24px; 5197 font-size: 24px;
5198 margin-top: 30px; 5198 margin-top: 30px;
5199 } 5199 }
5200 } 5200 }
5201 5201
5202 .vacancies { 5202 .vacancies {
5203 padding: 50px 0; 5203 padding: 50px 0;
5204 } 5204 }
5205 @media (min-width: 1280px) { 5205 @media (min-width: 1280px) {
5206 .vacancies { 5206 .vacancies {
5207 padding: 100px 0; 5207 padding: 100px 0;
5208 } 5208 }
5209 } 5209 }
5210 .vacancies__body { 5210 .vacancies__body {
5211 display: -webkit-box; 5211 display: -webkit-box;
5212 display: -ms-flexbox; 5212 display: -ms-flexbox;
5213 display: flex; 5213 display: flex;
5214 -webkit-box-orient: vertical; 5214 -webkit-box-orient: vertical;
5215 -webkit-box-direction: reverse; 5215 -webkit-box-direction: reverse;
5216 -ms-flex-direction: column-reverse; 5216 -ms-flex-direction: column-reverse;
5217 flex-direction: column-reverse; 5217 flex-direction: column-reverse;
5218 gap: 20px; 5218 gap: 20px;
5219 width: 100%; 5219 width: 100%;
5220 margin-top: 20px; 5220 margin-top: 20px;
5221 } 5221 }
5222 @media (min-width: 992px) { 5222 @media (min-width: 992px) {
5223 .vacancies__body { 5223 .vacancies__body {
5224 margin-top: 30px; 5224 margin-top: 30px;
5225 gap: 30px; 5225 gap: 30px;
5226 } 5226 }
5227 } 5227 }
5228 .vacancies__more { 5228 .vacancies__more {
5229 width: 100%; 5229 width: 100%;
5230 } 5230 }
5231 @media (min-width: 768px) { 5231 @media (min-width: 768px) {
5232 .vacancies__more { 5232 .vacancies__more {
5233 width: auto; 5233 width: auto;
5234 margin: 0 auto; 5234 margin: 0 auto;
5235 } 5235 }
5236 } 5236 }
5237 .vacancies__list { 5237 .vacancies__list {
5238 display: -webkit-box; 5238 display: -webkit-box;
5239 display: -ms-flexbox; 5239 display: -ms-flexbox;
5240 display: flex; 5240 display: flex;
5241 -webkit-box-orient: vertical; 5241 -webkit-box-orient: vertical;
5242 -webkit-box-direction: normal; 5242 -webkit-box-direction: normal;
5243 -ms-flex-direction: column; 5243 -ms-flex-direction: column;
5244 flex-direction: column; 5244 flex-direction: column;
5245 gap: 15px; 5245 gap: 15px;
5246 } 5246 }
5247 @media (min-width: 768px) { 5247 @media (min-width: 768px) {
5248 .vacancies__list { 5248 .vacancies__list {
5249 display: grid; 5249 display: grid;
5250 grid-template-columns: repeat(2, 1fr); 5250 grid-template-columns: repeat(2, 1fr);
5251 } 5251 }
5252 } 5252 }
5253 @media (min-width: 992px) { 5253 @media (min-width: 992px) {
5254 .vacancies__list { 5254 .vacancies__list {
5255 display: grid; 5255 display: grid;
5256 grid-template-columns: repeat(3, 1fr); 5256 grid-template-columns: repeat(3, 1fr);
5257 gap: 20px; 5257 gap: 20px;
5258 } 5258 }
5259 } 5259 }
5260 @media (min-width: 1280px) { 5260 @media (min-width: 1280px) {
5261 .vacancies__list { 5261 .vacancies__list {
5262 grid-template-columns: repeat(4, 1fr); 5262 grid-template-columns: repeat(4, 1fr);
5263 } 5263 }
5264 } 5264 }
5265 .vacancies__list-label { 5265 .vacancies__list-label {
5266 font-weight: 700; 5266 font-weight: 700;
5267 font-size: 22px; 5267 font-size: 22px;
5268 } 5268 }
5269 .vacancies__list-col { 5269 .vacancies__list-col {
5270 display: -webkit-box; 5270 display: -webkit-box;
5271 display: -ms-flexbox; 5271 display: -ms-flexbox;
5272 display: flex; 5272 display: flex;
5273 -webkit-box-orient: vertical; 5273 -webkit-box-orient: vertical;
5274 -webkit-box-direction: normal; 5274 -webkit-box-direction: normal;
5275 -ms-flex-direction: column; 5275 -ms-flex-direction: column;
5276 flex-direction: column; 5276 flex-direction: column;
5277 gap: 15px; 5277 gap: 15px;
5278 margin-top: 15px; 5278 margin-top: 15px;
5279 } 5279 }
5280 @media (min-width: 768px) { 5280 @media (min-width: 768px) {
5281 .vacancies__list-col { 5281 .vacancies__list-col {
5282 margin-top: 0; 5282 margin-top: 0;
5283 } 5283 }
5284 } 5284 }
5285 .vacancies__list-col:first-child { 5285 .vacancies__list-col:first-child {
5286 margin-top: 0; 5286 margin-top: 0;
5287 } 5287 }
5288 .vacancies__item { 5288 .vacancies__item {
5289 display: none; 5289 display: none;
5290 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5290 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5291 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5291 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5292 border-radius: 12px; 5292 border-radius: 12px;
5293 background: #fff; 5293 background: #fff;
5294 border: 1px solid #e6e7e7; 5294 border: 1px solid #e6e7e7;
5295 overflow: hidden; 5295 overflow: hidden;
5296 } 5296 }
5297 .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) { 5297 .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) {
5298 display: -webkit-box; 5298 display: -webkit-box;
5299 display: -ms-flexbox; 5299 display: -ms-flexbox;
5300 display: flex; 5300 display: flex;
5301 } 5301 }
5302 .vacancies__item > span { 5302 .vacancies__item > span {
5303 border-left: 10px solid #377d87; 5303 border-left: 10px solid #377d87;
5304 padding: 20px 14px; 5304 padding: 20px 14px;
5305 display: -webkit-box; 5305 display: -webkit-box;
5306 display: -ms-flexbox; 5306 display: -ms-flexbox;
5307 display: flex; 5307 display: flex;
5308 -webkit-box-orient: vertical; 5308 -webkit-box-orient: vertical;
5309 -webkit-box-direction: normal; 5309 -webkit-box-direction: normal;
5310 -ms-flex-direction: column; 5310 -ms-flex-direction: column;
5311 flex-direction: column; 5311 flex-direction: column;
5312 -webkit-box-align: start; 5312 -webkit-box-align: start;
5313 -ms-flex-align: start; 5313 -ms-flex-align: start;
5314 align-items: flex-start; 5314 align-items: flex-start;
5315 gap: 5px; 5315 gap: 5px;
5316 -webkit-box-pack: justify; 5316 -webkit-box-pack: justify;
5317 -ms-flex-pack: justify; 5317 -ms-flex-pack: justify;
5318 justify-content: space-between; 5318 justify-content: space-between;
5319 } 5319 }
5320 @media (min-width: 992px) { 5320 @media (min-width: 992px) {
5321 .vacancies__item > span { 5321 .vacancies__item > span {
5322 gap: 10px; 5322 gap: 10px;
5323 } 5323 }
5324 } 5324 }
5325 .vacancies__item b { 5325 .vacancies__item b {
5326 font-weight: 700; 5326 font-weight: 700;
5327 font-size: 14px; 5327 font-size: 14px;
5328 } 5328 }
5329 @media (min-width: 992px) { 5329 @media (min-width: 992px) {
5330 .vacancies__item b { 5330 .vacancies__item b {
5331 font-size: 20px; 5331 font-size: 20px;
5332 } 5332 }
5333 } 5333 }
5334 .vacancies__item:hover b { 5334 .vacancies__item:hover b {
5335 color: #377d87; 5335 color: #377d87;
5336 } 5336 }
5337 .vacancies__item u { 5337 .vacancies__item u {
5338 text-decoration: none; 5338 text-decoration: none;
5339 font-size: 14px; 5339 font-size: 14px;
5340 } 5340 }
5341 @media (min-width: 992px) { 5341 @media (min-width: 992px) {
5342 .vacancies__item u { 5342 .vacancies__item u {
5343 font-size: 18px; 5343 font-size: 18px;
5344 } 5344 }
5345 } 5345 }
5346 .vacancies__item i { 5346 .vacancies__item i {
5347 font-size: 12px; 5347 font-size: 12px;
5348 font-style: normal; 5348 font-style: normal;
5349 border-bottom: 1px dashed #377d87; 5349 border-bottom: 1px dashed #377d87;
5350 } 5350 }
5351 @media (min-width: 992px) { 5351 @media (min-width: 992px) {
5352 .vacancies__item i { 5352 .vacancies__item i {
5353 font-size: 16px; 5353 font-size: 16px;
5354 } 5354 }
5355 } 5355 }
5356 .vacancies__item i span { 5356 .vacancies__item i span {
5357 font-weight: 700; 5357 font-weight: 700;
5358 color: #377d87; 5358 color: #377d87;
5359 } 5359 }
5360 .vacancies__body.active .vacancies__list .vacancies__item { 5360 .vacancies__body.active .vacancies__list .vacancies__item {
5361 display: -webkit-box; 5361 display: -webkit-box;
5362 display: -ms-flexbox; 5362 display: -ms-flexbox;
5363 display: flex; 5363 display: flex;
5364 } 5364 }
5365 5365
5366 .employer { 5366 .employer {
5367 padding-bottom: 50px; 5367 padding-bottom: 50px;
5368 } 5368 }
5369 @media (min-width: 992px) { 5369 @media (min-width: 992px) {
5370 .employer { 5370 .employer {
5371 padding-bottom: 100px; 5371 padding-bottom: 100px;
5372 } 5372 }
5373 } 5373 }
5374 .employer .swiper { 5374 .employer .swiper {
5375 margin-top: 20px; 5375 margin-top: 20px;
5376 } 5376 }
5377 @media (min-width: 992px) { 5377 @media (min-width: 992px) {
5378 .employer .swiper { 5378 .employer .swiper {
5379 margin-top: 30px; 5379 margin-top: 30px;
5380 } 5380 }
5381 } 5381 }
5382 .employer__item { 5382 .employer__item {
5383 display: -webkit-box; 5383 display: -webkit-box;
5384 display: -ms-flexbox; 5384 display: -ms-flexbox;
5385 display: flex; 5385 display: flex;
5386 -webkit-box-orient: vertical; 5386 -webkit-box-orient: vertical;
5387 -webkit-box-direction: normal; 5387 -webkit-box-direction: normal;
5388 -ms-flex-direction: column; 5388 -ms-flex-direction: column;
5389 flex-direction: column; 5389 flex-direction: column;
5390 gap: 30px; 5390 gap: 30px;
5391 } 5391 }
5392 .employer__item a { 5392 .employer__item a {
5393 display: -webkit-box; 5393 display: -webkit-box;
5394 display: -ms-flexbox; 5394 display: -ms-flexbox;
5395 display: flex; 5395 display: flex;
5396 -webkit-box-orient: vertical; 5396 -webkit-box-orient: vertical;
5397 -webkit-box-direction: normal; 5397 -webkit-box-direction: normal;
5398 -ms-flex-direction: column; 5398 -ms-flex-direction: column;
5399 flex-direction: column; 5399 flex-direction: column;
5400 -webkit-box-align: center; 5400 -webkit-box-align: center;
5401 -ms-flex-align: center; 5401 -ms-flex-align: center;
5402 align-items: center; 5402 align-items: center;
5403 } 5403 }
5404 .employer__item img { 5404 .employer__item img {
5405 width: 100%; 5405 width: 100%;
5406 aspect-ratio: 295/98; 5406 aspect-ratio: 295/98;
5407 -o-object-fit: contain; 5407 -o-object-fit: contain;
5408 object-fit: contain; 5408 object-fit: contain;
5409 } 5409 }
5410 .employer__more { 5410 .employer__more {
5411 height: 38px; 5411 height: 38px;
5412 margin-top: 20px; 5412 margin-top: 20px;
5413 } 5413 }
5414 @media (min-width: 992px) { 5414 @media (min-width: 992px) {
5415 .employer__more { 5415 .employer__more {
5416 width: 250px; 5416 width: 250px;
5417 margin: 0 auto; 5417 margin: 0 auto;
5418 height: 44px; 5418 height: 44px;
5419 margin-top: 40px; 5419 margin-top: 40px;
5420 } 5420 }
5421 } 5421 }
5422 5422
5423 .about { 5423 .about {
5424 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5424 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5425 background-size: cover; 5425 background-size: cover;
5426 padding: 30px 0; 5426 padding: 30px 0;
5427 padding-bottom: 70px; 5427 padding-bottom: 70px;
5428 } 5428 }
5429 @media (min-width: 768px) { 5429 @media (min-width: 768px) {
5430 .about { 5430 .about {
5431 padding-top: 40px; 5431 padding-top: 40px;
5432 background-size: auto calc(100% - 10px); 5432 background-size: auto calc(100% - 10px);
5433 } 5433 }
5434 } 5434 }
5435 @media (min-width: 1280px) { 5435 @media (min-width: 1280px) {
5436 .about { 5436 .about {
5437 padding: 100px 0; 5437 padding: 100px 0;
5438 } 5438 }
5439 } 5439 }
5440 .about__wrapper { 5440 .about__wrapper {
5441 display: -webkit-box; 5441 display: -webkit-box;
5442 display: -ms-flexbox; 5442 display: -ms-flexbox;
5443 display: flex; 5443 display: flex;
5444 -webkit-box-orient: vertical; 5444 -webkit-box-orient: vertical;
5445 -webkit-box-direction: normal; 5445 -webkit-box-direction: normal;
5446 -ms-flex-direction: column; 5446 -ms-flex-direction: column;
5447 flex-direction: column; 5447 flex-direction: column;
5448 position: relative; 5448 position: relative;
5449 } 5449 }
5450 .about__title { 5450 .about__title {
5451 color: #fff; 5451 color: #fff;
5452 line-height: 1.2; 5452 line-height: 1.2;
5453 } 5453 }
5454 @media (min-width: 1280px) { 5454 @media (min-width: 1280px) {
5455 .about__title { 5455 .about__title {
5456 position: absolute; 5456 position: absolute;
5457 top: -45px; 5457 top: -45px;
5458 left: 0; 5458 left: 0;
5459 } 5459 }
5460 } 5460 }
5461 .about__body { 5461 .about__body {
5462 display: -webkit-box; 5462 display: -webkit-box;
5463 display: -ms-flexbox; 5463 display: -ms-flexbox;
5464 display: flex; 5464 display: flex;
5465 -webkit-box-orient: vertical; 5465 -webkit-box-orient: vertical;
5466 -webkit-box-direction: normal; 5466 -webkit-box-direction: normal;
5467 -ms-flex-direction: column; 5467 -ms-flex-direction: column;
5468 flex-direction: column; 5468 flex-direction: column;
5469 } 5469 }
5470 @media (min-width: 1280px) { 5470 @media (min-width: 1280px) {
5471 .about__body { 5471 .about__body {
5472 padding-left: 495px; 5472 padding-left: 495px;
5473 } 5473 }
5474 } 5474 }
5475 .about__line { 5475 .about__line {
5476 background: #fff; 5476 background: #fff;
5477 width: 100%; 5477 width: 100%;
5478 height: 1px; 5478 height: 1px;
5479 max-width: 400px; 5479 max-width: 400px;
5480 margin-top: 10px; 5480 margin-top: 10px;
5481 } 5481 }
5482 .about__item { 5482 .about__item {
5483 display: -webkit-box; 5483 display: -webkit-box;
5484 display: -ms-flexbox; 5484 display: -ms-flexbox;
5485 display: flex; 5485 display: flex;
5486 -webkit-box-orient: vertical; 5486 -webkit-box-orient: vertical;
5487 -webkit-box-direction: normal; 5487 -webkit-box-direction: normal;
5488 -ms-flex-direction: column; 5488 -ms-flex-direction: column;
5489 flex-direction: column; 5489 flex-direction: column;
5490 margin-top: 10px; 5490 margin-top: 10px;
5491 max-width: 600px; 5491 max-width: 600px;
5492 } 5492 }
5493 @media (min-width: 768px) { 5493 @media (min-width: 768px) {
5494 .about__item { 5494 .about__item {
5495 margin-top: 20px; 5495 margin-top: 20px;
5496 } 5496 }
5497 } 5497 }
5498 @media (min-width: 1280px) { 5498 @media (min-width: 1280px) {
5499 .about__item { 5499 .about__item {
5500 margin-top: 30px; 5500 margin-top: 30px;
5501 } 5501 }
5502 } 5502 }
5503 .about__item b { 5503 .about__item b {
5504 font-size: 20px; 5504 font-size: 20px;
5505 font-weight: 700; 5505 font-weight: 700;
5506 } 5506 }
5507 .about__item span { 5507 .about__item span {
5508 font-size: 13px; 5508 font-size: 13px;
5509 line-height: 1.4; 5509 line-height: 1.4;
5510 margin-top: 6px; 5510 margin-top: 6px;
5511 } 5511 }
5512 @media (min-width: 1280px) { 5512 @media (min-width: 1280px) {
5513 .about__item span { 5513 .about__item span {
5514 font-size: 16px; 5514 font-size: 16px;
5515 margin-top: 12px; 5515 margin-top: 12px;
5516 } 5516 }
5517 } 5517 }
5518 .about__item a { 5518 .about__item a {
5519 text-decoration: underline; 5519 text-decoration: underline;
5520 } 5520 }
5521 .about__item + .about__item { 5521 .about__item + .about__item {
5522 margin-top: 30px; 5522 margin-top: 30px;
5523 } 5523 }
5524 @media (min-width: 992px) { 5524 @media (min-width: 992px) {
5525 .about__item + .about__item { 5525 .about__item + .about__item {
5526 margin-top: 40px; 5526 margin-top: 40px;
5527 } 5527 }
5528 } 5528 }
5529 .about__button { 5529 .about__button {
5530 margin-top: 20px; 5530 margin-top: 20px;
5531 height: 38px; 5531 height: 38px;
5532 padding: 0; 5532 padding: 0;
5533 } 5533 }
5534 @media (min-width: 768px) { 5534 @media (min-width: 768px) {
5535 .about__button { 5535 .about__button {
5536 max-width: 200px; 5536 max-width: 200px;
5537 height: 42px; 5537 height: 42px;
5538 margin-top: 30px; 5538 margin-top: 30px;
5539 } 5539 }
5540 } 5540 }
5541 5541
5542 .news { 5542 .news {
5543 padding: 50px 0; 5543 padding: 50px 0;
5544 overflow: hidden; 5544 overflow: hidden;
5545 } 5545 }
5546 @media (min-width: 1280px) { 5546 @media (min-width: 1280px) {
5547 .news { 5547 .news {
5548 padding: 100px 0; 5548 padding: 100px 0;
5549 padding-bottom: 0; 5549 padding-bottom: 0;
5550 } 5550 }
5551 } 5551 }
5552 .news__toper { 5552 .news__toper {
5553 display: -webkit-box; 5553 display: -webkit-box;
5554 display: -ms-flexbox; 5554 display: -ms-flexbox;
5555 display: flex; 5555 display: flex;
5556 -webkit-box-pack: justify; 5556 -webkit-box-pack: justify;
5557 -ms-flex-pack: justify; 5557 -ms-flex-pack: justify;
5558 justify-content: space-between; 5558 justify-content: space-between;
5559 -webkit-box-align: center; 5559 -webkit-box-align: center;
5560 -ms-flex-align: center; 5560 -ms-flex-align: center;
5561 align-items: center; 5561 align-items: center;
5562 } 5562 }
5563 @media (min-width: 1280px) { 5563 @media (min-width: 1280px) {
5564 .news__toper .title { 5564 .news__toper .title {
5565 width: calc(100% - 160px); 5565 width: calc(100% - 160px);
5566 } 5566 }
5567 } 5567 }
5568 .news__toper .navs { 5568 .news__toper .navs {
5569 display: none; 5569 display: none;
5570 } 5570 }
5571 @media (min-width: 1280px) { 5571 @media (min-width: 1280px) {
5572 .news__toper .navs { 5572 .news__toper .navs {
5573 display: -webkit-box; 5573 display: -webkit-box;
5574 display: -ms-flexbox; 5574 display: -ms-flexbox;
5575 display: flex; 5575 display: flex;
5576 } 5576 }
5577 } 5577 }
5578 .news .swiper { 5578 .news .swiper {
5579 margin-top: 20px; 5579 margin-top: 20px;
5580 } 5580 }
5581 @media (min-width: 768px) { 5581 @media (min-width: 768px) {
5582 .news .swiper { 5582 .news .swiper {
5583 overflow: visible; 5583 overflow: visible;
5584 } 5584 }
5585 } 5585 }
5586 @media (min-width: 992px) { 5586 @media (min-width: 992px) {
5587 .news .swiper { 5587 .news .swiper {
5588 margin-top: 40px; 5588 margin-top: 40px;
5589 } 5589 }
5590 } 5590 }
5591 .news__item { 5591 .news__item {
5592 display: -webkit-box; 5592 display: -webkit-box;
5593 display: -ms-flexbox; 5593 display: -ms-flexbox;
5594 display: flex; 5594 display: flex;
5595 -webkit-box-orient: vertical; 5595 -webkit-box-orient: vertical;
5596 -webkit-box-direction: normal; 5596 -webkit-box-direction: normal;
5597 -ms-flex-direction: column; 5597 -ms-flex-direction: column;
5598 flex-direction: column; 5598 flex-direction: column;
5599 line-height: 1.4; 5599 line-height: 1.4;
5600 } 5600 }
5601 .news__item-pic { 5601 .news__item-pic {
5602 width: 100%; 5602 width: 100%;
5603 aspect-ratio: 3/2; 5603 aspect-ratio: 3/2;
5604 border-radius: 12px; 5604 border-radius: 12px;
5605 border: 1px solid #e6e7e7; 5605 border: 1px solid #e6e7e7;
5606 -o-object-fit: cover; 5606 -o-object-fit: cover;
5607 object-fit: cover; 5607 object-fit: cover;
5608 min-height: 200px; 5608 min-height: 200px;
5609 } 5609 }
5610 @media (min-width: 1280px) { 5610 @media (min-width: 1280px) {
5611 .news__item-pic { 5611 .news__item-pic {
5612 aspect-ratio: 4/2; 5612 aspect-ratio: 4/2;
5613 } 5613 }
5614 } 5614 }
5615 .news__item-body { 5615 .news__item-body {
5616 display: -webkit-box; 5616 display: -webkit-box;
5617 display: -ms-flexbox; 5617 display: -ms-flexbox;
5618 display: flex; 5618 display: flex;
5619 -webkit-box-orient: vertical; 5619 -webkit-box-orient: vertical;
5620 -webkit-box-direction: normal; 5620 -webkit-box-direction: normal;
5621 -ms-flex-direction: column; 5621 -ms-flex-direction: column;
5622 flex-direction: column; 5622 flex-direction: column;
5623 padding-top: 15px; 5623 padding-top: 15px;
5624 } 5624 }
5625 @media (min-width: 768px) { 5625 @media (min-width: 768px) {
5626 .news__item-body { 5626 .news__item-body {
5627 padding: 20px; 5627 padding: 20px;
5628 padding-top: 30px; 5628 padding-top: 30px;
5629 margin-top: -15px; 5629 margin-top: -15px;
5630 border-radius: 0 0 12px 12px; 5630 border-radius: 0 0 12px 12px;
5631 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5631 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5632 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5632 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5633 } 5633 }
5634 } 5634 }
5635 .news__item-date { 5635 .news__item-date {
5636 font-size: 14px; 5636 font-size: 14px;
5637 font-weight: 700; 5637 font-weight: 700;
5638 color: #377d87; 5638 color: #377d87;
5639 } 5639 }
5640 .news__item-title { 5640 .news__item-title {
5641 font-size: 20px; 5641 font-size: 20px;
5642 font-weight: 700; 5642 font-weight: 700;
5643 line-height: 1.2; 5643 line-height: 1.2;
5644 margin-top: 5px; 5644 margin-top: 5px;
5645 } 5645 }
5646 .news__item-text { 5646 .news__item-text {
5647 color: #000; 5647 color: #000;
5648 font-size: 13px; 5648 font-size: 13px;
5649 margin-top: 10px; 5649 margin-top: 10px;
5650 overflow: hidden; 5650 overflow: hidden;
5651 display: -webkit-box; 5651 display: -webkit-box;
5652 -webkit-box-orient: vertical; 5652 -webkit-box-orient: vertical;
5653 -webkit-line-clamp: 4; 5653 -webkit-line-clamp: 4;
5654 } 5654 }
5655 @media (min-width: 1280px) { 5655 @media (min-width: 1280px) {
5656 .news__item-text { 5656 .news__item-text {
5657 font-size: 16px; 5657 font-size: 16px;
5658 } 5658 }
5659 } 5659 }
5660 .news__item-more { 5660 .news__item-more {
5661 height: 42px; 5661 height: 42px;
5662 margin-top: 20px; 5662 margin-top: 20px;
5663 } 5663 }
5664 @media (min-width: 1280px) { 5664 @media (min-width: 1280px) {
5665 .news__item-more { 5665 .news__item-more {
5666 height: 44px; 5666 height: 44px;
5667 max-width: 190px; 5667 max-width: 190px;
5668 } 5668 }
5669 } 5669 }
5670 .news__all { 5670 .news__all {
5671 height: 42px; 5671 height: 42px;
5672 margin: 0 auto; 5672 margin: 0 auto;
5673 margin-top: 20px; 5673 margin-top: 20px;
5674 padding: 0; 5674 padding: 0;
5675 display: none; 5675 display: none;
5676 } 5676 }
5677 @media (min-width: 768px) { 5677 @media (min-width: 768px) {
5678 .news__all { 5678 .news__all {
5679 max-width: 170px; 5679 max-width: 170px;
5680 margin-top: 30px; 5680 margin-top: 30px;
5681 display: -webkit-box; 5681 display: -webkit-box;
5682 display: -ms-flexbox; 5682 display: -ms-flexbox;
5683 display: flex; 5683 display: flex;
5684 } 5684 }
5685 } 5685 }
5686 @media (min-width: 1280px) { 5686 @media (min-width: 1280px) {
5687 .news__all { 5687 .news__all {
5688 height: 44px; 5688 height: 44px;
5689 } 5689 }
5690 } 5690 }
5691 .news__items { 5691 .news__items {
5692 display: grid; 5692 display: grid;
5693 gap: 20px; 5693 gap: 20px;
5694 margin-bottom: 10px; 5694 margin-bottom: 10px;
5695 } 5695 }
5696 @media (min-width: 768px) { 5696 @media (min-width: 768px) {
5697 .news__items { 5697 .news__items {
5698 grid-template-columns: 1fr 1fr; 5698 grid-template-columns: 1fr 1fr;
5699 } 5699 }
5700 } 5700 }
5701 @media (min-width: 992px) { 5701 @media (min-width: 992px) {
5702 .news__items { 5702 .news__items {
5703 grid-template-columns: 1fr 1fr 1fr; 5703 grid-template-columns: 1fr 1fr 1fr;
5704 } 5704 }
5705 } 5705 }
5706 5706
5707 main + .news { 5707 main + .news {
5708 padding: 0; 5708 padding: 0;
5709 } 5709 }
5710 5710
5711 .info { 5711 .info {
5712 position: relative; 5712 position: relative;
5713 overflow: hidden; 5713 overflow: hidden;
5714 } 5714 }
5715 @media (min-width: 1280px) { 5715 @media (min-width: 1280px) {
5716 .info { 5716 .info {
5717 margin-bottom: -25px; 5717 margin-bottom: -25px;
5718 } 5718 }
5719 } 5719 }
5720 .info__pic { 5720 .info__pic {
5721 display: none; 5721 display: none;
5722 z-index: 1; 5722 z-index: 1;
5723 position: absolute; 5723 position: absolute;
5724 top: 0; 5724 top: 0;
5725 left: 50%; 5725 left: 50%;
5726 height: 100%; 5726 height: 100%;
5727 margin-left: 130px; 5727 margin-left: 130px;
5728 } 5728 }
5729 @media (min-width: 992px) { 5729 @media (min-width: 992px) {
5730 .info__pic { 5730 .info__pic {
5731 display: block; 5731 display: block;
5732 } 5732 }
5733 } 5733 }
5734 @media (min-width: 1280px) { 5734 @media (min-width: 1280px) {
5735 .info__pic { 5735 .info__pic {
5736 width: 610px; 5736 width: 610px;
5737 height: auto; 5737 height: auto;
5738 margin-left: 10px; 5738 margin-left: 10px;
5739 } 5739 }
5740 } 5740 }
5741 .info__body { 5741 .info__body {
5742 z-index: 2; 5742 z-index: 2;
5743 position: relative; 5743 position: relative;
5744 display: -webkit-box; 5744 display: -webkit-box;
5745 display: -ms-flexbox; 5745 display: -ms-flexbox;
5746 display: flex; 5746 display: flex;
5747 -webkit-box-orient: vertical; 5747 -webkit-box-orient: vertical;
5748 -webkit-box-direction: normal; 5748 -webkit-box-direction: normal;
5749 -ms-flex-direction: column; 5749 -ms-flex-direction: column;
5750 flex-direction: column; 5750 flex-direction: column;
5751 } 5751 }
5752 @media (min-width: 1280px) { 5752 @media (min-width: 1280px) {
5753 .info__body { 5753 .info__body {
5754 padding-top: 100px; 5754 padding-top: 100px;
5755 min-height: 600px; 5755 min-height: 600px;
5756 } 5756 }
5757 } 5757 }
5758 @media (min-width: 1280px) { 5758 @media (min-width: 1280px) {
5759 .info__title { 5759 .info__title {
5760 max-width: 520px; 5760 max-width: 520px;
5761 line-height: 1; 5761 line-height: 1;
5762 } 5762 }
5763 } 5763 }
5764 .info__item { 5764 .info__item {
5765 margin-top: 20px; 5765 margin-top: 20px;
5766 display: -webkit-box; 5766 display: -webkit-box;
5767 display: -ms-flexbox; 5767 display: -ms-flexbox;
5768 display: flex; 5768 display: flex;
5769 -webkit-box-orient: vertical; 5769 -webkit-box-orient: vertical;
5770 -webkit-box-direction: normal; 5770 -webkit-box-direction: normal;
5771 -ms-flex-direction: column; 5771 -ms-flex-direction: column;
5772 flex-direction: column; 5772 flex-direction: column;
5773 gap: 20px; 5773 gap: 20px;
5774 } 5774 }
5775 @media (min-width: 992px) { 5775 @media (min-width: 992px) {
5776 .info__item { 5776 .info__item {
5777 max-width: 610px; 5777 max-width: 610px;
5778 } 5778 }
5779 } 5779 }
5780 .info__item + .info__item { 5780 .info__item + .info__item {
5781 margin-top: 60px; 5781 margin-top: 60px;
5782 } 5782 }
5783 .info__text { 5783 .info__text {
5784 color: #000; 5784 color: #000;
5785 font-size: 13px; 5785 font-size: 13px;
5786 line-height: 1.4; 5786 line-height: 1.4;
5787 } 5787 }
5788 @media (min-width: 768px) { 5788 @media (min-width: 768px) {
5789 .info__text { 5789 .info__text {
5790 font-size: 16px; 5790 font-size: 16px;
5791 } 5791 }
5792 } 5792 }
5793 @media (min-width: 1280px) { 5793 @media (min-width: 1280px) {
5794 .info__text { 5794 .info__text {
5795 font-size: 18px; 5795 font-size: 18px;
5796 } 5796 }
5797 } 5797 }
5798 .info__link { 5798 .info__link {
5799 border-radius: 8px; 5799 border-radius: 8px;
5800 display: -webkit-box; 5800 display: -webkit-box;
5801 display: -ms-flexbox; 5801 display: -ms-flexbox;
5802 display: flex; 5802 display: flex;
5803 -webkit-box-pack: center; 5803 -webkit-box-pack: center;
5804 -ms-flex-pack: center; 5804 -ms-flex-pack: center;
5805 justify-content: center; 5805 justify-content: center;
5806 -webkit-box-align: center; 5806 -webkit-box-align: center;
5807 -ms-flex-align: center; 5807 -ms-flex-align: center;
5808 align-items: center; 5808 align-items: center;
5809 line-height: 1; 5809 line-height: 1;
5810 height: 40px; 5810 height: 40px;
5811 font-size: 12px; 5811 font-size: 12px;
5812 font-weight: 700; 5812 font-weight: 700;
5813 gap: 8px; 5813 gap: 8px;
5814 color: #fff; 5814 color: #fff;
5815 background: #377d87; 5815 background: #377d87;
5816 } 5816 }
5817 .info__link:hover { 5817 .info__link:hover {
5818 -webkit-filter: grayscale(50%); 5818 -webkit-filter: grayscale(50%);
5819 filter: grayscale(50%); 5819 filter: grayscale(50%);
5820 } 5820 }
5821 @media (min-width: 768px) { 5821 @media (min-width: 768px) {
5822 .info__link { 5822 .info__link {
5823 height: 44px; 5823 height: 44px;
5824 font-size: 16px; 5824 font-size: 16px;
5825 gap: 10px; 5825 gap: 10px;
5826 max-width: 300px; 5826 max-width: 300px;
5827 } 5827 }
5828 } 5828 }
5829 @media (min-width: 992px) { 5829 @media (min-width: 992px) {
5830 .info__link { 5830 .info__link {
5831 max-width: 210px; 5831 max-width: 210px;
5832 } 5832 }
5833 } 5833 }
5834 .info__link svg { 5834 .info__link svg {
5835 width: 16px; 5835 width: 16px;
5836 height: 16px; 5836 height: 16px;
5837 } 5837 }
5838 @media (min-width: 768px) { 5838 @media (min-width: 768px) {
5839 .info__link svg { 5839 .info__link svg {
5840 width: 20px; 5840 width: 20px;
5841 height: 20px; 5841 height: 20px;
5842 } 5842 }
5843 } 5843 }
5844 5844
5845 .thing { 5845 .thing {
5846 padding-top: 15px; 5846 padding-top: 15px;
5847 padding-bottom: 30px; 5847 padding-bottom: 30px;
5848 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5848 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5849 color: #000; 5849 color: #000;
5850 overflow: hidden; 5850 overflow: hidden;
5851 position: relative; 5851 position: relative;
5852 } 5852 }
5853 @media (min-width: 992px) { 5853 @media (min-width: 992px) {
5854 .thing { 5854 .thing {
5855 padding-top: 20px; 5855 padding-top: 20px;
5856 padding-bottom: 60px; 5856 padding-bottom: 60px;
5857 } 5857 }
5858 } 5858 }
5859 @media (min-width: 1280px) { 5859 @media (min-width: 1280px) {
5860 .thing { 5860 .thing {
5861 padding-bottom: 90px; 5861 padding-bottom: 90px;
5862 } 5862 }
5863 } 5863 }
5864 .thing_pdf { 5864 .thing_pdf {
5865 padding: 30px 0; 5865 padding: 30px 0;
5866 } 5866 }
5867 @media (min-width: 992px) { 5867 @media (min-width: 992px) {
5868 .thing_pdf { 5868 .thing_pdf {
5869 padding: 60px 0; 5869 padding: 60px 0;
5870 } 5870 }
5871 } 5871 }
5872 @media (min-width: 1280px) { 5872 @media (min-width: 1280px) {
5873 .thing_pdf { 5873 .thing_pdf {
5874 padding: 90px 0; 5874 padding: 90px 0;
5875 } 5875 }
5876 } 5876 }
5877 .thing__body { 5877 .thing__body {
5878 display: -webkit-box; 5878 display: -webkit-box;
5879 display: -ms-flexbox; 5879 display: -ms-flexbox;
5880 display: flex; 5880 display: flex;
5881 -webkit-box-orient: vertical; 5881 -webkit-box-orient: vertical;
5882 -webkit-box-direction: normal; 5882 -webkit-box-direction: normal;
5883 -ms-flex-direction: column; 5883 -ms-flex-direction: column;
5884 flex-direction: column; 5884 flex-direction: column;
5885 -webkit-box-align: start; 5885 -webkit-box-align: start;
5886 -ms-flex-align: start; 5886 -ms-flex-align: start;
5887 align-items: flex-start; 5887 align-items: flex-start;
5888 } 5888 }
5889 .thing__breadcrumbs { 5889 .thing__breadcrumbs {
5890 width: 100%; 5890 width: 100%;
5891 margin-bottom: 40px; 5891 margin-bottom: 40px;
5892 position: relative; 5892 position: relative;
5893 z-index: 2; 5893 z-index: 2;
5894 } 5894 }
5895 @media (min-width: 768px) { 5895 @media (min-width: 768px) {
5896 .thing__breadcrumbs { 5896 .thing__breadcrumbs {
5897 margin-bottom: 60px; 5897 margin-bottom: 60px;
5898 } 5898 }
5899 } 5899 }
5900 .thing__date { 5900 .thing__date {
5901 color: #000; 5901 color: #000;
5902 font-size: 14px; 5902 font-size: 14px;
5903 font-weight: 700; 5903 font-weight: 700;
5904 line-height: 21px; 5904 line-height: 21px;
5905 margin-bottom: 10px; 5905 margin-bottom: 10px;
5906 } 5906 }
5907 @media (min-width: 768px) { 5907 @media (min-width: 768px) {
5908 .thing__date { 5908 .thing__date {
5909 font-size: 18px; 5909 font-size: 18px;
5910 line-height: 27px; 5910 line-height: 27px;
5911 } 5911 }
5912 } 5912 }
5913 .thing__title { 5913 .thing__title {
5914 width: 100%; 5914 width: 100%;
5915 font-size: 32px; 5915 font-size: 32px;
5916 font-weight: 700; 5916 font-weight: 700;
5917 margin: 0; 5917 margin: 0;
5918 max-width: 780px; 5918 max-width: 780px;
5919 position: relative; 5919 position: relative;
5920 z-index: 2; 5920 z-index: 2;
5921 line-height: 1.1; 5921 line-height: 1.1;
5922 } 5922 }
5923 @media (min-width: 768px) { 5923 @media (min-width: 768px) {
5924 .thing__title { 5924 .thing__title {
5925 font-size: 40px; 5925 font-size: 40px;
5926 } 5926 }
5927 } 5927 }
5928 @media (min-width: 1280px) { 5928 @media (min-width: 1280px) {
5929 .thing__title { 5929 .thing__title {
5930 font-size: 64px; 5930 font-size: 64px;
5931 } 5931 }
5932 } 5932 }
5933 .thing__text { 5933 .thing__text {
5934 width: 100%; 5934 width: 100%;
5935 font-weight: 700; 5935 font-weight: 700;
5936 font-size: 14px; 5936 font-size: 14px;
5937 line-height: 1.4; 5937 line-height: 1.4;
5938 margin: 15px 0 0 0; 5938 margin: 15px 0 0 0;
5939 max-width: 780px; 5939 max-width: 780px;
5940 position: relative; 5940 position: relative;
5941 z-index: 2; 5941 z-index: 2;
5942 } 5942 }
5943 @media (min-width: 768px) { 5943 @media (min-width: 768px) {
5944 .thing__text { 5944 .thing__text {
5945 margin-top: 15px; 5945 margin-top: 15px;
5946 } 5946 }
5947 } 5947 }
5948 @media (min-width: 992px) { 5948 @media (min-width: 992px) {
5949 .thing__text { 5949 .thing__text {
5950 font-weight: 400; 5950 font-weight: 400;
5951 font-size: 18px; 5951 font-size: 18px;
5952 } 5952 }
5953 } 5953 }
5954 .thing__search { 5954 .thing__search {
5955 width: 100%; 5955 width: 100%;
5956 max-width: 640px; 5956 max-width: 640px;
5957 margin-top: 20px; 5957 margin-top: 20px;
5958 position: relative; 5958 position: relative;
5959 z-index: 2; 5959 z-index: 2;
5960 } 5960 }
5961 @media (min-width: 768px) { 5961 @media (min-width: 768px) {
5962 .thing__search { 5962 .thing__search {
5963 margin-top: 30px; 5963 margin-top: 30px;
5964 } 5964 }
5965 } 5965 }
5966 .thing__badge { 5966 .thing__badge {
5967 position: relative; 5967 position: relative;
5968 z-index: 2; 5968 z-index: 2;
5969 display: -webkit-box; 5969 display: -webkit-box;
5970 display: -ms-flexbox; 5970 display: -ms-flexbox;
5971 display: flex; 5971 display: flex;
5972 -webkit-box-align: center; 5972 -webkit-box-align: center;
5973 -ms-flex-align: center; 5973 -ms-flex-align: center;
5974 align-items: center; 5974 align-items: center;
5975 gap: 5px; 5975 gap: 5px;
5976 padding: 0 12px; 5976 padding: 0 12px;
5977 background: #4d88d9; 5977 background: #4d88d9;
5978 color: #fff; 5978 color: #fff;
5979 font-size: 12px; 5979 font-size: 12px;
5980 line-height: 1; 5980 line-height: 1;
5981 height: 26px; 5981 height: 26px;
5982 border-radius: 999px; 5982 border-radius: 999px;
5983 margin-bottom: 20px; 5983 margin-bottom: 20px;
5984 } 5984 }
5985 @media (min-width: 992px) { 5985 @media (min-width: 992px) {
5986 .thing__badge { 5986 .thing__badge {
5987 font-size: 16px; 5987 font-size: 16px;
5988 gap: 10px; 5988 gap: 10px;
5989 padding: 0 24px; 5989 padding: 0 24px;
5990 height: 42px; 5990 height: 42px;
5991 margin-bottom: 30px; 5991 margin-bottom: 30px;
5992 } 5992 }
5993 } 5993 }
5994 .thing__badge svg { 5994 .thing__badge svg {
5995 width: 12px; 5995 width: 12px;
5996 height: 12px; 5996 height: 12px;
5997 } 5997 }
5998 @media (min-width: 992px) { 5998 @media (min-width: 992px) {
5999 .thing__badge svg { 5999 .thing__badge svg {
6000 width: 20px; 6000 width: 20px;
6001 height: 20px; 6001 height: 20px;
6002 } 6002 }
6003 } 6003 }
6004 .thing__pic { 6004 .thing__pic {
6005 width: 60px; 6005 width: 60px;
6006 aspect-ratio: 1/1; 6006 aspect-ratio: 1/1;
6007 -o-object-fit: contain; 6007 -o-object-fit: contain;
6008 object-fit: contain; 6008 object-fit: contain;
6009 position: relative; 6009 position: relative;
6010 z-index: 1; 6010 z-index: 1;
6011 margin-bottom: 15px; 6011 margin-bottom: 15px;
6012 } 6012 }
6013 @media (min-width: 768px) { 6013 @media (min-width: 768px) {
6014 .thing__pic { 6014 .thing__pic {
6015 width: 160px; 6015 width: 160px;
6016 position: absolute; 6016 position: absolute;
6017 top: 15px; 6017 top: 15px;
6018 right: 20px; 6018 right: 20px;
6019 } 6019 }
6020 } 6020 }
6021 @media (min-width: 992px) { 6021 @media (min-width: 992px) {
6022 .thing__pic { 6022 .thing__pic {
6023 width: 330px; 6023 width: 330px;
6024 top: 50%; 6024 top: 50%;
6025 -webkit-transform: translate(0, -50%); 6025 -webkit-transform: translate(0, -50%);
6026 -ms-transform: translate(0, -50%); 6026 -ms-transform: translate(0, -50%);
6027 transform: translate(0, -50%); 6027 transform: translate(0, -50%);
6028 } 6028 }
6029 } 6029 }
6030 @media (min-width: 1280px) { 6030 @media (min-width: 1280px) {
6031 .thing__pic { 6031 .thing__pic {
6032 right: auto; 6032 right: auto;
6033 left: 50%; 6033 left: 50%;
6034 margin-left: 200px; 6034 margin-left: 200px;
6035 } 6035 }
6036 } 6036 }
6037 .thing__pic_two { 6037 .thing__pic_two {
6038 -o-object-fit: cover; 6038 -o-object-fit: cover;
6039 object-fit: cover; 6039 object-fit: cover;
6040 border-radius: 30px; 6040 border-radius: 30px;
6041 aspect-ratio: 44/37; 6041 aspect-ratio: 44/37;
6042 width: 100%; 6042 width: 100%;
6043 max-width: 440px; 6043 max-width: 440px;
6044 } 6044 }
6045 @media (min-width: 768px) { 6045 @media (min-width: 768px) {
6046 .thing__pic_two { 6046 .thing__pic_two {
6047 position: static; 6047 position: static;
6048 -webkit-transform: translate(0, 0); 6048 -webkit-transform: translate(0, 0);
6049 -ms-transform: translate(0, 0); 6049 -ms-transform: translate(0, 0);
6050 transform: translate(0, 0); 6050 transform: translate(0, 0);
6051 } 6051 }
6052 } 6052 }
6053 @media (min-width: 1280px) { 6053 @media (min-width: 1280px) {
6054 .thing__pic_two { 6054 .thing__pic_two {
6055 position: absolute; 6055 position: absolute;
6056 -webkit-transform: translate(0, -50%); 6056 -webkit-transform: translate(0, -50%);
6057 -ms-transform: translate(0, -50%); 6057 -ms-transform: translate(0, -50%);
6058 transform: translate(0, -50%); 6058 transform: translate(0, -50%);
6059 } 6059 }
6060 } 6060 }
6061 .thing__buttons { 6061 .thing__buttons {
6062 width: 100%; 6062 width: 100%;
6063 position: relative; 6063 position: relative;
6064 z-index: 2; 6064 z-index: 2;
6065 display: -webkit-box; 6065 display: -webkit-box;
6066 display: -ms-flexbox; 6066 display: -ms-flexbox;
6067 display: flex; 6067 display: flex;
6068 -webkit-box-align: center; 6068 -webkit-box-align: center;
6069 -ms-flex-align: center; 6069 -ms-flex-align: center;
6070 align-items: center; 6070 align-items: center;
6071 gap: 20px; 6071 gap: 20px;
6072 margin-top: 15px; 6072 margin-top: 15px;
6073 } 6073 }
6074 @media (min-width: 992px) { 6074 @media (min-width: 992px) {
6075 .thing__buttons { 6075 .thing__buttons {
6076 margin-top: 30px; 6076 margin-top: 30px;
6077 gap: 30px; 6077 gap: 30px;
6078 } 6078 }
6079 } 6079 }
6080 @media (min-width: 992px) { 6080 @media (min-width: 992px) {
6081 .thing__buttons .button { 6081 .thing__buttons .button {
6082 padding: 0 22px; 6082 padding: 0 22px;
6083 } 6083 }
6084 } 6084 }
6085 .thing__checkbox { 6085 .thing__checkbox {
6086 margin-top: 20px; 6086 margin-top: 20px;
6087 } 6087 }
6088 .thing__checkbox .checkbox__icon { 6088 .thing__checkbox .checkbox__icon {
6089 border-color: #377d87; 6089 border-color: #377d87;
6090 } 6090 }
6091 .thing__checkbox .checkbox__text { 6091 .thing__checkbox .checkbox__text {
6092 color: #377d87; 6092 color: #377d87;
6093 } 6093 }
6094 .thing__profile { 6094 .thing__profile {
6095 display: -webkit-box; 6095 display: -webkit-box;
6096 display: -ms-flexbox; 6096 display: -ms-flexbox;
6097 display: flex; 6097 display: flex;
6098 -webkit-box-orient: vertical; 6098 -webkit-box-orient: vertical;
6099 -webkit-box-direction: normal; 6099 -webkit-box-direction: normal;
6100 -ms-flex-direction: column; 6100 -ms-flex-direction: column;
6101 flex-direction: column; 6101 flex-direction: column;
6102 } 6102 }
6103 @media (min-width: 768px) { 6103 @media (min-width: 768px) {
6104 .thing__profile { 6104 .thing__profile {
6105 -webkit-box-orient: horizontal; 6105 -webkit-box-orient: horizontal;
6106 -webkit-box-direction: normal; 6106 -webkit-box-direction: normal;
6107 -ms-flex-direction: row; 6107 -ms-flex-direction: row;
6108 flex-direction: row; 6108 flex-direction: row;
6109 -webkit-box-align: start; 6109 -webkit-box-align: start;
6110 -ms-flex-align: start; 6110 -ms-flex-align: start;
6111 align-items: flex-start; 6111 align-items: flex-start;
6112 } 6112 }
6113 } 6113 }
6114 .thing__profile-photo { 6114 .thing__profile-photo {
6115 width: 210px; 6115 width: 210px;
6116 border-radius: 8px; 6116 border-radius: 8px;
6117 aspect-ratio: 1/1; 6117 aspect-ratio: 1/1;
6118 } 6118 }
6119 .thing__profile-body { 6119 .thing__profile-body {
6120 display: -webkit-box; 6120 display: -webkit-box;
6121 display: -ms-flexbox; 6121 display: -ms-flexbox;
6122 display: flex; 6122 display: flex;
6123 -webkit-box-orient: vertical; 6123 -webkit-box-orient: vertical;
6124 -webkit-box-direction: normal; 6124 -webkit-box-direction: normal;
6125 -ms-flex-direction: column; 6125 -ms-flex-direction: column;
6126 flex-direction: column; 6126 flex-direction: column;
6127 margin-top: 15px; 6127 margin-top: 15px;
6128 } 6128 }
6129 @media (min-width: 768px) { 6129 @media (min-width: 768px) {
6130 .thing__profile-body { 6130 .thing__profile-body {
6131 width: calc(100% - 210px); 6131 width: calc(100% - 210px);
6132 padding-left: 35px; 6132 padding-left: 35px;
6133 } 6133 }
6134 } 6134 }
6135 .thing__profile .thing__title { 6135 .thing__profile .thing__title {
6136 max-width: none; 6136 max-width: none;
6137 } 6137 }
6138 @media (min-width: 768px) { 6138 @media (min-width: 768px) {
6139 .thing__profile .thing__title { 6139 .thing__profile .thing__title {
6140 margin-top: -20px; 6140 margin-top: -20px;
6141 } 6141 }
6142 } 6142 }
6143 .thing__profile .thing__text { 6143 .thing__profile .thing__text {
6144 max-width: none; 6144 max-width: none;
6145 } 6145 }
6146 .thing__bottom { 6146 .thing__bottom {
6147 display: -webkit-box; 6147 display: -webkit-box;
6148 display: -ms-flexbox; 6148 display: -ms-flexbox;
6149 display: flex; 6149 display: flex;
6150 -webkit-box-align: center; 6150 -webkit-box-align: center;
6151 -ms-flex-align: center; 6151 -ms-flex-align: center;
6152 align-items: center; 6152 align-items: center;
6153 gap: 15px; 6153 gap: 15px;
6154 margin-top: 15px; 6154 margin-top: 15px;
6155 } 6155 }
6156 @media (min-width: 768px) { 6156 @media (min-width: 768px) {
6157 .thing__bottom { 6157 .thing__bottom {
6158 margin-top: 30px; 6158 margin-top: 30px;
6159 } 6159 }
6160 } 6160 }
6161 .thing__select { 6161 .thing__select {
6162 width: 100%; 6162 width: 100%;
6163 max-width: 640px; 6163 max-width: 640px;
6164 margin-top: 20px; 6164 margin-top: 20px;
6165 } 6165 }
6166 @media (min-width: 768px) { 6166 @media (min-width: 768px) {
6167 .thing__select { 6167 .thing__select {
6168 margin-top: 30px; 6168 margin-top: 30px;
6169 } 6169 }
6170 } 6170 }
6171 6171
6172 .page-404 { 6172 .page-404 {
6173 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6173 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6174 overflow: hidden; 6174 overflow: hidden;
6175 } 6175 }
6176 .page-404__body { 6176 .page-404__body {
6177 display: -webkit-box; 6177 display: -webkit-box;
6178 display: -ms-flexbox; 6178 display: -ms-flexbox;
6179 display: flex; 6179 display: flex;
6180 -webkit-box-orient: vertical; 6180 -webkit-box-orient: vertical;
6181 -webkit-box-direction: normal; 6181 -webkit-box-direction: normal;
6182 -ms-flex-direction: column; 6182 -ms-flex-direction: column;
6183 flex-direction: column; 6183 flex-direction: column;
6184 -webkit-box-align: center; 6184 -webkit-box-align: center;
6185 -ms-flex-align: center; 6185 -ms-flex-align: center;
6186 align-items: center; 6186 align-items: center;
6187 -webkit-box-pack: center; 6187 -webkit-box-pack: center;
6188 -ms-flex-pack: center; 6188 -ms-flex-pack: center;
6189 justify-content: center; 6189 justify-content: center;
6190 text-align: center; 6190 text-align: center;
6191 padding: 60px 0; 6191 padding: 60px 0;
6192 color: #000; 6192 color: #000;
6193 font-size: 12px; 6193 font-size: 12px;
6194 gap: 10px; 6194 gap: 10px;
6195 line-height: 1.4; 6195 line-height: 1.4;
6196 } 6196 }
6197 @media (min-width: 768px) { 6197 @media (min-width: 768px) {
6198 .page-404__body { 6198 .page-404__body {
6199 font-size: 18px; 6199 font-size: 18px;
6200 padding: 120px 0; 6200 padding: 120px 0;
6201 gap: 20px; 6201 gap: 20px;
6202 } 6202 }
6203 } 6203 }
6204 @media (min-width: 1280px) { 6204 @media (min-width: 1280px) {
6205 .page-404__body { 6205 .page-404__body {
6206 padding: 180px 0; 6206 padding: 180px 0;
6207 text-align: left; 6207 text-align: left;
6208 } 6208 }
6209 } 6209 }
6210 .page-404__numb { 6210 .page-404__numb {
6211 font-size: 114px; 6211 font-size: 114px;
6212 line-height: 1; 6212 line-height: 1;
6213 color: #377d87; 6213 color: #377d87;
6214 font-weight: 700; 6214 font-weight: 700;
6215 } 6215 }
6216 @media (min-width: 768px) { 6216 @media (min-width: 768px) {
6217 .page-404__numb { 6217 .page-404__numb {
6218 font-size: 184px; 6218 font-size: 184px;
6219 } 6219 }
6220 } 6220 }
6221 @media (min-width: 768px) { 6221 @media (min-width: 768px) {
6222 .page-404__title { 6222 .page-404__title {
6223 font-weight: 700; 6223 font-weight: 700;
6224 font-size: 44px; 6224 font-size: 44px;
6225 } 6225 }
6226 } 6226 }
6227 @media (min-width: 1280px) { 6227 @media (min-width: 1280px) {
6228 .page-404__title { 6228 .page-404__title {
6229 width: 710px; 6229 width: 710px;
6230 position: relative; 6230 position: relative;
6231 left: 200px; 6231 left: 200px;
6232 } 6232 }
6233 } 6233 }
6234 @media (min-width: 1280px) { 6234 @media (min-width: 1280px) {
6235 .page-404__subtitle { 6235 .page-404__subtitle {
6236 width: 710px; 6236 width: 710px;
6237 position: relative; 6237 position: relative;
6238 left: 200px; 6238 left: 200px;
6239 } 6239 }
6240 } 6240 }
6241 .page-404__button { 6241 .page-404__button {
6242 margin-top: 10px; 6242 margin-top: 10px;
6243 } 6243 }
6244 @media (min-width: 1280px) { 6244 @media (min-width: 1280px) {
6245 .page-404__button { 6245 .page-404__button {
6246 position: relative; 6246 position: relative;
6247 left: -45px; 6247 left: -45px;
6248 } 6248 }
6249 } 6249 }
6250 6250
6251 .cookies { 6251 .cookies {
6252 display: none; 6252 display: none;
6253 -webkit-box-align: end; 6253 -webkit-box-align: end;
6254 -ms-flex-align: end; 6254 -ms-flex-align: end;
6255 align-items: flex-end; 6255 align-items: flex-end;
6256 padding: 10px; 6256 padding: 10px;
6257 padding-top: 0; 6257 padding-top: 0;
6258 height: 0; 6258 height: 0;
6259 position: fixed; 6259 position: fixed;
6260 z-index: 999; 6260 z-index: 999;
6261 bottom: 0; 6261 bottom: 0;
6262 left: 0; 6262 left: 0;
6263 width: 100%; 6263 width: 100%;
6264 } 6264 }
6265 .cookies-is-actived .cookies { 6265 .cookies-is-actived .cookies {
6266 display: -webkit-box; 6266 display: -webkit-box;
6267 display: -ms-flexbox; 6267 display: -ms-flexbox;
6268 display: flex; 6268 display: flex;
6269 } 6269 }
6270 .cookies__body { 6270 .cookies__body {
6271 border-radius: 6px; 6271 border-radius: 6px;
6272 border: 1px solid #377d87; 6272 border: 1px solid #377d87;
6273 background: #fff; 6273 background: #fff;
6274 padding: 15px; 6274 padding: 15px;
6275 padding-right: 50px; 6275 padding-right: 50px;
6276 position: relative; 6276 position: relative;
6277 max-width: 940px; 6277 max-width: 940px;
6278 margin: 0 auto; 6278 margin: 0 auto;
6279 } 6279 }
6280 @media (min-width: 768px) { 6280 @media (min-width: 768px) {
6281 .cookies__body { 6281 .cookies__body {
6282 padding: 25px; 6282 padding: 25px;
6283 padding-right: 50px; 6283 padding-right: 50px;
6284 border-radius: 12px; 6284 border-radius: 12px;
6285 } 6285 }
6286 } 6286 }
6287 @media (min-width: 992px) { 6287 @media (min-width: 992px) {
6288 .cookies__body { 6288 .cookies__body {
6289 padding: 40px 60px; 6289 padding: 40px 60px;
6290 } 6290 }
6291 } 6291 }
6292 .cookies__close { 6292 .cookies__close {
6293 display: -webkit-box; 6293 display: -webkit-box;
6294 display: -ms-flexbox; 6294 display: -ms-flexbox;
6295 display: flex; 6295 display: flex;
6296 -webkit-box-pack: center; 6296 -webkit-box-pack: center;
6297 -ms-flex-pack: center; 6297 -ms-flex-pack: center;
6298 justify-content: center; 6298 justify-content: center;
6299 -webkit-box-align: center; 6299 -webkit-box-align: center;
6300 -ms-flex-align: center; 6300 -ms-flex-align: center;
6301 align-items: center; 6301 align-items: center;
6302 color: #377d87; 6302 color: #377d87;
6303 padding: 0; 6303 padding: 0;
6304 border: none; 6304 border: none;
6305 background: none; 6305 background: none;
6306 position: absolute; 6306 position: absolute;
6307 top: 15px; 6307 top: 15px;
6308 right: 15px; 6308 right: 15px;
6309 } 6309 }
6310 .cookies__close:hover { 6310 .cookies__close:hover {
6311 color: #000; 6311 color: #000;
6312 } 6312 }
6313 .cookies__close svg { 6313 .cookies__close svg {
6314 width: 16px; 6314 width: 16px;
6315 height: 16px; 6315 height: 16px;
6316 } 6316 }
6317 .cookies__text { 6317 .cookies__text {
6318 font-size: 12px; 6318 font-size: 12px;
6319 color: #377d87; 6319 color: #377d87;
6320 line-height: 1.4; 6320 line-height: 1.4;
6321 } 6321 }
6322 @media (min-width: 768px) { 6322 @media (min-width: 768px) {
6323 .cookies__text { 6323 .cookies__text {
6324 font-size: 16px; 6324 font-size: 16px;
6325 font-weight: 700; 6325 font-weight: 700;
6326 } 6326 }
6327 } 6327 }
6328 6328
6329 .fancybox-active { 6329 .fancybox-active {
6330 overflow: hidden; 6330 overflow: hidden;
6331 } 6331 }
6332 .fancybox-is-open .fancybox-bg { 6332 .fancybox-is-open .fancybox-bg {
6333 background: #080b0b; 6333 background: #080b0b;
6334 opacity: 0.6; 6334 opacity: 0.6;
6335 z-index: 9999; 6335 z-index: 9999;
6336 } 6336 }
6337 .fancybox-slide { 6337 .fancybox-slide {
6338 padding: 0; 6338 padding: 0;
6339 } 6339 }
6340 @media (min-width: 992px) { 6340 @media (min-width: 992px) {
6341 .fancybox-slide { 6341 .fancybox-slide {
6342 padding: 30px; 6342 padding: 30px;
6343 } 6343 }
6344 } 6344 }
6345 .fancybox-slide--html .fancybox-close-small { 6345 .fancybox-slide--html .fancybox-close-small {
6346 padding: 0; 6346 padding: 0;
6347 opacity: 1; 6347 opacity: 1;
6348 color: #377d87; 6348 color: #377d87;
6349 } 6349 }
6350 @media (min-width: 768px) { 6350 @media (min-width: 768px) {
6351 .fancybox-slide--html .fancybox-close-small { 6351 .fancybox-slide--html .fancybox-close-small {
6352 top: 10px; 6352 top: 10px;
6353 right: 10px; 6353 right: 10px;
6354 } 6354 }
6355 } 6355 }
6356 .fancybox-slide--html .fancybox-close-small:hover { 6356 .fancybox-slide--html .fancybox-close-small:hover {
6357 color: #000; 6357 color: #000;
6358 } 6358 }
6359 6359
6360 .modal { 6360 .modal {
6361 width: 100%; 6361 width: 100%;
6362 max-width: 820px; 6362 max-width: 820px;
6363 padding: 0; 6363 padding: 0;
6364 background: #fff; 6364 background: #fff;
6365 z-index: 99999; 6365 z-index: 99999;
6366 } 6366 }
6367 @media (min-width: 992px) { 6367 @media (min-width: 992px) {
6368 .modal { 6368 .modal {
6369 border-radius: 10px; 6369 border-radius: 10px;
6370 border: 1px solid #377d87; 6370 border: 1px solid #377d87;
6371 } 6371 }
6372 } 6372 }
6373 .modal_bg { 6373 .modal_bg {
6374 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6374 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6375 } 6375 }
6376 @media (min-width: 768px) { 6376 @media (min-width: 768px) {
6377 .modal_bg { 6377 .modal_bg {
6378 background-position: 100% 100%; 6378 background-position: 100% 100%;
6379 } 6379 }
6380 } 6380 }
6381 .modal__body { 6381 .modal__body {
6382 padding: 40px 15px; 6382 padding: 40px 15px;
6383 padding-bottom: 30px; 6383 padding-bottom: 30px;
6384 display: -webkit-box; 6384 display: -webkit-box;
6385 display: -ms-flexbox; 6385 display: -ms-flexbox;
6386 display: flex; 6386 display: flex;
6387 -webkit-box-orient: vertical; 6387 -webkit-box-orient: vertical;
6388 -webkit-box-direction: normal; 6388 -webkit-box-direction: normal;
6389 -ms-flex-direction: column; 6389 -ms-flex-direction: column;
6390 flex-direction: column; 6390 flex-direction: column;
6391 -webkit-box-align: center; 6391 -webkit-box-align: center;
6392 -ms-flex-align: center; 6392 -ms-flex-align: center;
6393 align-items: center; 6393 align-items: center;
6394 -webkit-box-pack: center; 6394 -webkit-box-pack: center;
6395 -ms-flex-pack: center; 6395 -ms-flex-pack: center;
6396 justify-content: center; 6396 justify-content: center;
6397 width: 100%; 6397 width: 100%;
6398 min-height: 100vh; 6398 min-height: 100vh;
6399 overflow: hidden; 6399 overflow: hidden;
6400 font-size: 12px; 6400 font-size: 12px;
6401 } 6401 }
6402 @media (min-width: 768px) { 6402 @media (min-width: 768px) {
6403 .modal__body { 6403 .modal__body {
6404 font-size: 16px; 6404 font-size: 16px;
6405 padding-left: 22px; 6405 padding-left: 22px;
6406 padding-right: 22px; 6406 padding-right: 22px;
6407 } 6407 }
6408 } 6408 }
6409 @media (min-width: 992px) { 6409 @media (min-width: 992px) {
6410 .modal__body { 6410 .modal__body {
6411 min-height: 450px; 6411 min-height: 450px;
6412 padding: 60px 80px; 6412 padding: 60px 80px;
6413 padding-bottom: 40px; 6413 padding-bottom: 40px;
6414 } 6414 }
6415 } 6415 }
6416 @media (min-width: 768px) { 6416 @media (min-width: 768px) {
6417 .modal__body .left { 6417 .modal__body .left {
6418 text-align: left; 6418 text-align: left;
6419 } 6419 }
6420 } 6420 }
6421 .modal__title { 6421 .modal__title {
6422 width: 100%; 6422 width: 100%;
6423 font-size: 22px; 6423 font-size: 22px;
6424 font-weight: 700; 6424 font-weight: 700;
6425 text-align: center; 6425 text-align: center;
6426 color: #000; 6426 color: #000;
6427 } 6427 }
6428 @media (min-width: 768px) { 6428 @media (min-width: 768px) {
6429 .modal__title { 6429 .modal__title {
6430 font-size: 32px; 6430 font-size: 32px;
6431 } 6431 }
6432 } 6432 }
6433 @media (min-width: 992px) { 6433 @media (min-width: 992px) {
6434 .modal__title { 6434 .modal__title {
6435 font-size: 44px; 6435 font-size: 44px;
6436 } 6436 }
6437 } 6437 }
6438 .modal__text { 6438 .modal__text {
6439 width: 100%; 6439 width: 100%;
6440 text-align: center; 6440 text-align: center;
6441 margin-top: 10px; 6441 margin-top: 10px;
6442 color: #000; 6442 color: #000;
6443 } 6443 }
6444 @media (min-width: 768px) { 6444 @media (min-width: 768px) {
6445 .modal__text { 6445 .modal__text {
6446 margin-top: 20px; 6446 margin-top: 20px;
6447 } 6447 }
6448 } 6448 }
6449 .modal__text span { 6449 .modal__text span {
6450 color: #9c9d9d; 6450 color: #9c9d9d;
6451 } 6451 }
6452 .modal__text a { 6452 .modal__text a {
6453 font-weight: 700; 6453 font-weight: 700;
6454 color: #377d87; 6454 color: #377d87;
6455 } 6455 }
6456 .modal__text a:hover { 6456 .modal__text a:hover {
6457 color: #000; 6457 color: #000;
6458 } 6458 }
6459 .modal__button { 6459 .modal__button {
6460 margin-top: 20px; 6460 margin-top: 20px;
6461 } 6461 }
6462 @media (min-width: 768px) { 6462 @media (min-width: 768px) {
6463 .modal__button { 6463 .modal__button {
6464 min-width: 200px; 6464 min-width: 200px;
6465 margin-top: 30px; 6465 margin-top: 30px;
6466 } 6466 }
6467 } 6467 }
6468 .modal__buttons { 6468 .modal__buttons {
6469 display: grid; 6469 display: grid;
6470 grid-template-columns: repeat(2, 1fr); 6470 grid-template-columns: repeat(2, 1fr);
6471 gap: 20px; 6471 gap: 20px;
6472 margin-top: 20px; 6472 margin-top: 20px;
6473 } 6473 }
6474 @media (min-width: 768px) { 6474 @media (min-width: 768px) {
6475 .modal__buttons { 6475 .modal__buttons {
6476 gap: 30px; 6476 gap: 30px;
6477 margin-top: 30px; 6477 margin-top: 30px;
6478 } 6478 }
6479 } 6479 }
6480 .modal__form { 6480 .modal__form {
6481 width: 100%; 6481 width: 100%;
6482 display: -webkit-box; 6482 display: -webkit-box;
6483 display: -ms-flexbox; 6483 display: -ms-flexbox;
6484 display: flex; 6484 display: flex;
6485 -webkit-box-orient: vertical; 6485 -webkit-box-orient: vertical;
6486 -webkit-box-direction: normal; 6486 -webkit-box-direction: normal;
6487 -ms-flex-direction: column; 6487 -ms-flex-direction: column;
6488 flex-direction: column; 6488 flex-direction: column;
6489 gap: 16px; 6489 gap: 16px;
6490 margin-top: 10px; 6490 margin-top: 10px;
6491 } 6491 }
6492 @media (min-width: 768px) { 6492 @media (min-width: 768px) {
6493 .modal__form { 6493 .modal__form {
6494 margin-top: 20px; 6494 margin-top: 20px;
6495 } 6495 }
6496 } 6496 }
6497 .modal__form-item { 6497 .modal__form-item {
6498 display: -webkit-box; 6498 display: -webkit-box;
6499 display: -ms-flexbox; 6499 display: -ms-flexbox;
6500 display: flex; 6500 display: flex;
6501 -webkit-box-orient: vertical; 6501 -webkit-box-orient: vertical;
6502 -webkit-box-direction: normal; 6502 -webkit-box-direction: normal;
6503 -ms-flex-direction: column; 6503 -ms-flex-direction: column;
6504 flex-direction: column; 6504 flex-direction: column;
6505 -webkit-box-align: center; 6505 -webkit-box-align: center;
6506 -ms-flex-align: center; 6506 -ms-flex-align: center;
6507 align-items: center; 6507 align-items: center;
6508 gap: 4px; 6508 gap: 4px;
6509 } 6509 }
6510 .modal__form-item > .input { 6510 .modal__form-item > .input {
6511 width: 100%; 6511 width: 100%;
6512 } 6512 }
6513 .modal__form-item > .textarea { 6513 .modal__form-item > .textarea {
6514 width: 100%; 6514 width: 100%;
6515 height: 175px; 6515 height: 175px;
6516 } 6516 }
6517 @media (min-width: 768px) { 6517 @media (min-width: 768px) {
6518 .modal__form-item > .textarea { 6518 .modal__form-item > .textarea {
6519 height: 195px; 6519 height: 195px;
6520 } 6520 }
6521 } 6521 }
6522 .modal__form-item > .file { 6522 .modal__form-item > .file {
6523 width: 100%; 6523 width: 100%;
6524 } 6524 }
6525 .modal__form-item > .button { 6525 .modal__form-item > .button {
6526 min-width: 120px; 6526 min-width: 120px;
6527 } 6527 }
6528 .modal__form-item > label { 6528 .modal__form-item > label {
6529 width: 100%; 6529 width: 100%;
6530 display: none; 6530 display: none;
6531 color: #eb5757; 6531 color: #eb5757;
6532 padding: 0 10px; 6532 padding: 0 10px;
6533 font-size: 12px; 6533 font-size: 12px;
6534 } 6534 }
6535 @media (min-width: 768px) { 6535 @media (min-width: 768px) {
6536 .modal__form-item > label { 6536 .modal__form-item > label {
6537 padding: 0 20px; 6537 padding: 0 20px;
6538 font-size: 16px; 6538 font-size: 16px;
6539 } 6539 }
6540 } 6540 }
6541 .modal__sign { 6541 .modal__sign {
6542 display: -webkit-box; 6542 display: -webkit-box;
6543 display: -ms-flexbox; 6543 display: -ms-flexbox;
6544 display: flex; 6544 display: flex;
6545 -webkit-box-orient: vertical; 6545 -webkit-box-orient: vertical;
6546 -webkit-box-direction: normal; 6546 -webkit-box-direction: normal;
6547 -ms-flex-direction: column; 6547 -ms-flex-direction: column;
6548 flex-direction: column; 6548 flex-direction: column;
6549 gap: 20px; 6549 gap: 20px;
6550 margin-top: 10px; 6550 margin-top: 10px;
6551 margin-bottom: 20px; 6551 margin-bottom: 20px;
6552 width: 100%; 6552 width: 100%;
6553 } 6553 }
6554 @media (min-width: 768px) { 6554 @media (min-width: 768px) {
6555 .modal__sign { 6555 .modal__sign {
6556 margin-top: 20px; 6556 margin-top: 20px;
6557 margin-bottom: 40px; 6557 margin-bottom: 40px;
6558 } 6558 }
6559 } 6559 }
6560 .modal__sign-item { 6560 .modal__sign-item {
6561 display: -webkit-box; 6561 display: -webkit-box;
6562 display: -ms-flexbox; 6562 display: -ms-flexbox;
6563 display: flex; 6563 display: flex;
6564 -webkit-box-orient: vertical; 6564 -webkit-box-orient: vertical;
6565 -webkit-box-direction: normal; 6565 -webkit-box-direction: normal;
6566 -ms-flex-direction: column; 6566 -ms-flex-direction: column;
6567 flex-direction: column; 6567 flex-direction: column;
6568 -webkit-box-align: center; 6568 -webkit-box-align: center;
6569 -ms-flex-align: center; 6569 -ms-flex-align: center;
6570 align-items: center; 6570 align-items: center;
6571 position: relative; 6571 position: relative;
6572 } 6572 }
6573 .modal__sign-item > .input { 6573 .modal__sign-item > .input {
6574 width: 100%; 6574 width: 100%;
6575 padding-right: 36px; 6575 padding-right: 36px;
6576 position: relative; 6576 position: relative;
6577 z-index: 1; 6577 z-index: 1;
6578 } 6578 }
6579 @media (min-width: 768px) { 6579 @media (min-width: 768px) {
6580 .modal__sign-item > .input { 6580 .modal__sign-item > .input {
6581 height: 52px; 6581 height: 52px;
6582 padding-right: 60px; 6582 padding-right: 60px;
6583 } 6583 }
6584 } 6584 }
6585 .modal__sign-item > .textarea { 6585 .modal__sign-item > .textarea {
6586 width: 100%; 6586 width: 100%;
6587 } 6587 }
6588 .modal__sign-bottom { 6588 .modal__sign-bottom {
6589 display: -webkit-box; 6589 display: -webkit-box;
6590 display: -ms-flexbox; 6590 display: -ms-flexbox;
6591 display: flex; 6591 display: flex;
6592 -webkit-box-pack: justify; 6592 -webkit-box-pack: justify;
6593 -ms-flex-pack: justify; 6593 -ms-flex-pack: justify;
6594 justify-content: space-between; 6594 justify-content: space-between;
6595 -webkit-box-align: center; 6595 -webkit-box-align: center;
6596 -ms-flex-align: center; 6596 -ms-flex-align: center;
6597 align-items: center; 6597 align-items: center;
6598 width: 100%; 6598 width: 100%;
6599 } 6599 }
6600 .modal__sign-bottom-link { 6600 .modal__sign-bottom-link {
6601 font-weight: 700; 6601 font-weight: 700;
6602 color: #377d87; 6602 color: #377d87;
6603 } 6603 }
6604 .modal__tabs { 6604 .modal__tabs {
6605 width: 100%; 6605 width: 100%;
6606 display: grid; 6606 display: grid;
6607 grid-template-columns: repeat(2, 1fr); 6607 grid-template-columns: repeat(2, 1fr);
6608 gap: 16px; 6608 gap: 16px;
6609 margin-top: 10px; 6609 margin-top: 10px;
6610 } 6610 }
6611 @media (min-width: 768px) { 6611 @media (min-width: 768px) {
6612 .modal__tabs { 6612 .modal__tabs {
6613 gap: 24px; 6613 gap: 24px;
6614 margin-top: 20px; 6614 margin-top: 20px;
6615 } 6615 }
6616 } 6616 }
6617 .modal__tabs-item.active { 6617 .modal__tabs-item.active {
6618 background: #377d87; 6618 background: #377d87;
6619 color: #fff; 6619 color: #fff;
6620 } 6620 }
6621 .modal__reg { 6621 .modal__reg {
6622 display: none; 6622 display: none;
6623 -webkit-box-orient: vertical; 6623 -webkit-box-orient: vertical;
6624 -webkit-box-direction: normal; 6624 -webkit-box-direction: normal;
6625 -ms-flex-direction: column; 6625 -ms-flex-direction: column;
6626 flex-direction: column; 6626 flex-direction: column;
6627 -webkit-box-align: center; 6627 -webkit-box-align: center;
6628 -ms-flex-align: center; 6628 -ms-flex-align: center;
6629 align-items: center; 6629 align-items: center;
6630 gap: 10px; 6630 gap: 10px;
6631 width: 100%; 6631 width: 100%;
6632 margin-top: 10px; 6632 margin-top: 10px;
6633 margin-bottom: 20px; 6633 margin-bottom: 20px;
6634 } 6634 }
6635 @media (min-width: 768px) { 6635 @media (min-width: 768px) {
6636 .modal__reg { 6636 .modal__reg {
6637 margin-top: 20px; 6637 margin-top: 20px;
6638 margin-bottom: 30px; 6638 margin-bottom: 30px;
6639 gap: 20px; 6639 gap: 20px;
6640 } 6640 }
6641 } 6641 }
6642 .modal__reg.showed { 6642 .modal__reg.showed {
6643 display: -webkit-box; 6643 display: -webkit-box;
6644 display: -ms-flexbox; 6644 display: -ms-flexbox;
6645 display: flex; 6645 display: flex;
6646 } 6646 }
6647 .modal__reg-item { 6647 .modal__reg-item {
6648 width: 100%; 6648 width: 100%;
6649 display: -webkit-box; 6649 display: -webkit-box;
6650 display: -ms-flexbox; 6650 display: -ms-flexbox;
6651 display: flex; 6651 display: flex;
6652 -webkit-box-orient: vertical; 6652 -webkit-box-orient: vertical;
6653 -webkit-box-direction: normal; 6653 -webkit-box-direction: normal;
6654 -ms-flex-direction: column; 6654 -ms-flex-direction: column;
6655 flex-direction: column; 6655 flex-direction: column;
6656 } 6656 }
6657 .modal__reg-item > .captcha { 6657 .modal__reg-item > .captcha {
6658 width: 100%; 6658 width: 100%;
6659 max-width: 300px; 6659 max-width: 300px;
6660 } 6660 }
6661 6661
6662 .messages { 6662 .messages {
6663 display: -webkit-box; 6663 display: -webkit-box;
6664 display: -ms-flexbox; 6664 display: -ms-flexbox;
6665 display: flex; 6665 display: flex;
6666 -webkit-box-orient: vertical; 6666 -webkit-box-orient: vertical;
6667 -webkit-box-direction: reverse; 6667 -webkit-box-direction: reverse;
6668 -ms-flex-direction: column-reverse; 6668 -ms-flex-direction: column-reverse;
6669 flex-direction: column-reverse; 6669 flex-direction: column-reverse;
6670 -webkit-box-align: center; 6670 -webkit-box-align: center;
6671 -ms-flex-align: center; 6671 -ms-flex-align: center;
6672 align-items: center; 6672 align-items: center;
6673 gap: 20px; 6673 gap: 20px;
6674 } 6674 }
6675 .messages__body { 6675 .messages__body {
6676 display: -webkit-box; 6676 display: -webkit-box;
6677 display: -ms-flexbox; 6677 display: -ms-flexbox;
6678 display: flex; 6678 display: flex;
6679 -webkit-box-orient: vertical; 6679 -webkit-box-orient: vertical;
6680 -webkit-box-direction: normal; 6680 -webkit-box-direction: normal;
6681 -ms-flex-direction: column; 6681 -ms-flex-direction: column;
6682 flex-direction: column; 6682 flex-direction: column;
6683 gap: 10px; 6683 gap: 10px;
6684 width: 100%; 6684 width: 100%;
6685 } 6685 }
6686 @media (min-width: 768px) { 6686 @media (min-width: 768px) {
6687 .messages__body { 6687 .messages__body {
6688 gap: 20px; 6688 gap: 20px;
6689 } 6689 }
6690 } 6690 }
6691 .messages__item { 6691 .messages__item {
6692 display: none; 6692 display: none;
6693 -webkit-box-align: center; 6693 -webkit-box-align: center;
6694 -ms-flex-align: center; 6694 -ms-flex-align: center;
6695 align-items: center; 6695 align-items: center;
6696 border-radius: 8px; 6696 border-radius: 8px;
6697 border: 1px solid #e7e7e7; 6697 border: 1px solid #e7e7e7;
6698 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6698 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6699 padding: 10px; 6699 padding: 10px;
6700 font-size: 12px; 6700 font-size: 12px;
6701 } 6701 }
6702 @media (min-width: 768px) { 6702 @media (min-width: 768px) {
6703 .messages__item { 6703 .messages__item {
6704 padding: 20px; 6704 padding: 20px;
6705 font-size: 16px; 6705 font-size: 16px;
6706 } 6706 }
6707 } 6707 }
6708 .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) { 6708 .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) {
6709 display: -webkit-box; 6709 display: -webkit-box;
6710 display: -ms-flexbox; 6710 display: -ms-flexbox;
6711 display: flex; 6711 display: flex;
6712 } 6712 }
6713 .messages__item-info { 6713 .messages__item-info {
6714 display: -webkit-box; 6714 display: -webkit-box;
6715 display: -ms-flexbox; 6715 display: -ms-flexbox;
6716 display: flex; 6716 display: flex;
6717 -webkit-box-align: center; 6717 -webkit-box-align: center;
6718 -ms-flex-align: center; 6718 -ms-flex-align: center;
6719 align-items: center; 6719 align-items: center;
6720 width: calc(100% - 90px); 6720 width: calc(100% - 90px);
6721 } 6721 }
6722 @media (min-width: 768px) { 6722 @media (min-width: 768px) {
6723 .messages__item-info { 6723 .messages__item-info {
6724 width: calc(100% - 150px); 6724 width: calc(100% - 150px);
6725 } 6725 }
6726 } 6726 }
6727 .messages__item-photo { 6727 .messages__item-photo {
6728 position: relative; 6728 position: relative;
6729 aspect-ratio: 1/1; 6729 aspect-ratio: 1/1;
6730 overflow: hidden; 6730 overflow: hidden;
6731 background: #9c9d9d; 6731 background: #9c9d9d;
6732 color: #fff; 6732 color: #fff;
6733 width: 36px; 6733 width: 36px;
6734 border-radius: 6px; 6734 border-radius: 6px;
6735 display: -webkit-box; 6735 display: -webkit-box;
6736 display: -ms-flexbox; 6736 display: -ms-flexbox;
6737 display: flex; 6737 display: flex;
6738 -webkit-box-pack: center; 6738 -webkit-box-pack: center;
6739 -ms-flex-pack: center; 6739 -ms-flex-pack: center;
6740 justify-content: center; 6740 justify-content: center;
6741 -webkit-box-align: center; 6741 -webkit-box-align: center;
6742 -ms-flex-align: center; 6742 -ms-flex-align: center;
6743 align-items: center; 6743 align-items: center;
6744 } 6744 }
6745 @media (min-width: 768px) { 6745 @media (min-width: 768px) {
6746 .messages__item-photo { 6746 .messages__item-photo {
6747 width: 52px; 6747 width: 52px;
6748 } 6748 }
6749 } 6749 }
6750 .messages__item-photo svg { 6750 .messages__item-photo svg {
6751 width: 50%; 6751 width: 50%;
6752 position: relative; 6752 position: relative;
6753 z-index: 1; 6753 z-index: 1;
6754 } 6754 }
6755 .messages__item-photo img { 6755 .messages__item-photo img {
6756 position: absolute; 6756 position: absolute;
6757 z-index: 2; 6757 z-index: 2;
6758 top: 0; 6758 top: 0;
6759 left: 0; 6759 left: 0;
6760 width: 100%; 6760 width: 100%;
6761 height: 100%; 6761 height: 100%;
6762 -o-object-fit: cover; 6762 -o-object-fit: cover;
6763 object-fit: cover; 6763 object-fit: cover;
6764 } 6764 }
6765 .messages__item-text { 6765 .messages__item-text {
6766 width: calc(100% - 36px); 6766 width: calc(100% - 36px);
6767 padding-left: 6px; 6767 padding-left: 6px;
6768 color: #000; 6768 color: #000;
6769 display: -webkit-box; 6769 display: -webkit-box;
6770 display: -ms-flexbox; 6770 display: -ms-flexbox;
6771 display: flex; 6771 display: flex;
6772 -webkit-box-orient: vertical; 6772 -webkit-box-orient: vertical;
6773 -webkit-box-direction: normal; 6773 -webkit-box-direction: normal;
6774 -ms-flex-direction: column; 6774 -ms-flex-direction: column;
6775 flex-direction: column; 6775 flex-direction: column;
6776 gap: 4px; 6776 gap: 4px;
6777 } 6777 }
6778 @media (min-width: 768px) { 6778 @media (min-width: 768px) {
6779 .messages__item-text { 6779 .messages__item-text {
6780 padding-left: 20px; 6780 padding-left: 20px;
6781 width: calc(100% - 52px); 6781 width: calc(100% - 52px);
6782 gap: 8px; 6782 gap: 8px;
6783 } 6783 }
6784 } 6784 }
6785 .messages__item-text span { 6785 .messages__item-text span {
6786 color: #000; 6786 color: #000;
6787 } 6787 }
6788 .messages__item-date { 6788 .messages__item-date {
6789 color: #000; 6789 color: #000;
6790 width: 90px; 6790 width: 90px;
6791 text-align: right; 6791 text-align: right;
6792 } 6792 }
6793 @media (min-width: 768px) { 6793 @media (min-width: 768px) {
6794 .messages__item-date { 6794 .messages__item-date {
6795 width: 150px; 6795 width: 150px;
6796 } 6796 }
6797 } 6797 }
6798 .messages.active .messages__item { 6798 .messages.active .messages__item {
6799 display: -webkit-box; 6799 display: -webkit-box;
6800 display: -ms-flexbox; 6800 display: -ms-flexbox;
6801 display: flex; 6801 display: flex;
6802 } 6802 }
6803 6803
6804 .responses { 6804 .responses {
6805 display: -webkit-box; 6805 display: -webkit-box;
6806 display: -ms-flexbox; 6806 display: -ms-flexbox;
6807 display: flex; 6807 display: flex;
6808 -webkit-box-orient: vertical; 6808 -webkit-box-orient: vertical;
6809 -webkit-box-direction: reverse; 6809 -webkit-box-direction: reverse;
6810 -ms-flex-direction: column-reverse; 6810 -ms-flex-direction: column-reverse;
6811 flex-direction: column-reverse; 6811 flex-direction: column-reverse;
6812 -webkit-box-align: center; 6812 -webkit-box-align: center;
6813 -ms-flex-align: center; 6813 -ms-flex-align: center;
6814 align-items: center; 6814 align-items: center;
6815 gap: 20px; 6815 gap: 20px;
6816 } 6816 }
6817 .responses__body { 6817 .responses__body {
6818 width: 100%; 6818 width: 100%;
6819 display: -webkit-box; 6819 display: -webkit-box;
6820 display: -ms-flexbox; 6820 display: -ms-flexbox;
6821 display: flex; 6821 display: flex;
6822 -webkit-box-orient: vertical; 6822 -webkit-box-orient: vertical;
6823 -webkit-box-direction: normal; 6823 -webkit-box-direction: normal;
6824 -ms-flex-direction: column; 6824 -ms-flex-direction: column;
6825 flex-direction: column; 6825 flex-direction: column;
6826 gap: 20px; 6826 gap: 20px;
6827 } 6827 }
6828 .responses__item { 6828 .responses__item {
6829 display: none; 6829 display: none;
6830 -webkit-box-orient: vertical; 6830 -webkit-box-orient: vertical;
6831 -webkit-box-direction: normal; 6831 -webkit-box-direction: normal;
6832 -ms-flex-direction: column; 6832 -ms-flex-direction: column;
6833 flex-direction: column; 6833 flex-direction: column;
6834 gap: 20px; 6834 gap: 20px;
6835 border-radius: 8px; 6835 border-radius: 8px;
6836 border: 1px solid #e7e7e7; 6836 border: 1px solid #e7e7e7;
6837 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6837 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6838 padding: 20px 10px; 6838 padding: 20px 10px;
6839 font-size: 12px; 6839 font-size: 12px;
6840 position: relative; 6840 position: relative;
6841 } 6841 }
6842 @media (min-width: 768px) { 6842 @media (min-width: 768px) {
6843 .responses__item { 6843 .responses__item {
6844 padding: 20px; 6844 padding: 20px;
6845 font-size: 16px; 6845 font-size: 16px;
6846 } 6846 }
6847 } 6847 }
6848 .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) { 6848 .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) {
6849 display: -webkit-box; 6849 display: -webkit-box;
6850 display: -ms-flexbox; 6850 display: -ms-flexbox;
6851 display: flex; 6851 display: flex;
6852 } 6852 }
6853 .responses__item-date { 6853 .responses__item-date {
6854 color: #000; 6854 color: #000;
6855 } 6855 }
6856 @media (min-width: 992px) { 6856 @media (min-width: 992px) {
6857 .responses__item-date { 6857 .responses__item-date {
6858 position: absolute; 6858 position: absolute;
6859 top: 20px; 6859 top: 20px;
6860 right: 20px; 6860 right: 20px;
6861 } 6861 }
6862 } 6862 }
6863 .responses__item-wrapper { 6863 .responses__item-wrapper {
6864 display: -webkit-box; 6864 display: -webkit-box;
6865 display: -ms-flexbox; 6865 display: -ms-flexbox;
6866 display: flex; 6866 display: flex;
6867 -webkit-box-orient: vertical; 6867 -webkit-box-orient: vertical;
6868 -webkit-box-direction: normal; 6868 -webkit-box-direction: normal;
6869 -ms-flex-direction: column; 6869 -ms-flex-direction: column;
6870 flex-direction: column; 6870 flex-direction: column;
6871 gap: 20px; 6871 gap: 20px;
6872 } 6872 }
6873 .responses__item-inner { 6873 .responses__item-inner {
6874 display: -webkit-box; 6874 display: -webkit-box;
6875 display: -ms-flexbox; 6875 display: -ms-flexbox;
6876 display: flex; 6876 display: flex;
6877 -webkit-box-orient: vertical; 6877 -webkit-box-orient: vertical;
6878 -webkit-box-direction: normal; 6878 -webkit-box-direction: normal;
6879 -ms-flex-direction: column; 6879 -ms-flex-direction: column;
6880 flex-direction: column; 6880 flex-direction: column;
6881 gap: 10px; 6881 gap: 10px;
6882 } 6882 }
6883 @media (min-width: 768px) { 6883 @media (min-width: 768px) {
6884 .responses__item-inner { 6884 .responses__item-inner {
6885 gap: 20px; 6885 gap: 20px;
6886 } 6886 }
6887 } 6887 }
6888 @media (min-width: 1280px) { 6888 @media (min-width: 1280px) {
6889 .responses__item-inner { 6889 .responses__item-inner {
6890 width: calc(100% - 150px); 6890 width: calc(100% - 150px);
6891 } 6891 }
6892 } 6892 }
6893 .responses__item-row { 6893 .responses__item-row {
6894 display: grid; 6894 display: grid;
6895 grid-template-columns: 1fr 1fr; 6895 grid-template-columns: 1fr 1fr;
6896 gap: 20px; 6896 gap: 20px;
6897 color: #000; 6897 color: #000;
6898 text-align: right; 6898 text-align: right;
6899 } 6899 }
6900 @media (min-width: 992px) { 6900 @media (min-width: 992px) {
6901 .responses__item-row { 6901 .responses__item-row {
6902 display: -webkit-box; 6902 display: -webkit-box;
6903 display: -ms-flexbox; 6903 display: -ms-flexbox;
6904 display: flex; 6904 display: flex;
6905 -webkit-box-orient: vertical; 6905 -webkit-box-orient: vertical;
6906 -webkit-box-direction: normal; 6906 -webkit-box-direction: normal;
6907 -ms-flex-direction: column; 6907 -ms-flex-direction: column;
6908 flex-direction: column; 6908 flex-direction: column;
6909 gap: 6px; 6909 gap: 6px;
6910 text-align: left; 6910 text-align: left;
6911 } 6911 }
6912 } 6912 }
6913 .responses__item-row span { 6913 .responses__item-row span {
6914 color: #000; 6914 color: #000;
6915 text-align: left; 6915 text-align: left;
6916 } 6916 }
6917 .responses__item-buttons { 6917 .responses__item-buttons {
6918 display: -webkit-box; 6918 display: -webkit-box;
6919 display: -ms-flexbox; 6919 display: -ms-flexbox;
6920 display: flex; 6920 display: flex;
6921 -webkit-box-orient: vertical; 6921 -webkit-box-orient: vertical;
6922 -webkit-box-direction: normal; 6922 -webkit-box-direction: normal;
6923 -ms-flex-direction: column; 6923 -ms-flex-direction: column;
6924 flex-direction: column; 6924 flex-direction: column;
6925 gap: 10px; 6925 gap: 10px;
6926 } 6926 }
6927 @media (min-width: 768px) { 6927 @media (min-width: 768px) {
6928 .responses__item-buttons { 6928 .responses__item-buttons {
6929 display: grid; 6929 display: grid;
6930 grid-template-columns: 1fr 1fr; 6930 grid-template-columns: 1fr 1fr;
6931 } 6931 }
6932 } 6932 }
6933 @media (min-width: 1280px) { 6933 @media (min-width: 1280px) {
6934 .responses__item-buttons { 6934 .responses__item-buttons {
6935 grid-template-columns: 1fr 1fr 1fr 1fr; 6935 grid-template-columns: 1fr 1fr 1fr 1fr;
6936 } 6936 }
6937 } 6937 }
6938 .responses__item-buttons .button.active { 6938 .responses__item-buttons .button.active {
6939 background: #377d87; 6939 background: #377d87;
6940 color: #fff; 6940 color: #fff;
6941 } 6941 }
6942 .responses.active .responses__item { 6942 .responses.active .responses__item {
6943 display: -webkit-box; 6943 display: -webkit-box;
6944 display: -ms-flexbox; 6944 display: -ms-flexbox;
6945 display: flex; 6945 display: flex;
6946 } 6946 }
6947 6947
6948 .chatbox { 6948 .chatbox {
6949 display: -webkit-box; 6949 display: -webkit-box;
6950 display: -ms-flexbox; 6950 display: -ms-flexbox;
6951 display: flex; 6951 display: flex;
6952 -webkit-box-orient: vertical; 6952 -webkit-box-orient: vertical;
6953 -webkit-box-direction: normal; 6953 -webkit-box-direction: normal;
6954 -ms-flex-direction: column; 6954 -ms-flex-direction: column;
6955 flex-direction: column; 6955 flex-direction: column;
6956 gap: 20px; 6956 gap: 20px;
6957 } 6957 }
6958 @media (min-width: 768px) { 6958 @media (min-width: 768px) {
6959 .chatbox { 6959 .chatbox {
6960 gap: 30px; 6960 gap: 30px;
6961 } 6961 }
6962 } 6962 }
6963 @media (min-width: 1280px) { 6963 @media (min-width: 1280px) {
6964 .chatbox { 6964 .chatbox {
6965 gap: 40px; 6965 gap: 40px;
6966 } 6966 }
6967 } 6967 }
6968 .chatbox__toper { 6968 .chatbox__toper {
6969 display: -webkit-box; 6969 display: -webkit-box;
6970 display: -ms-flexbox; 6970 display: -ms-flexbox;
6971 display: flex; 6971 display: flex;
6972 -webkit-box-orient: vertical; 6972 -webkit-box-orient: vertical;
6973 -webkit-box-direction: normal; 6973 -webkit-box-direction: normal;
6974 -ms-flex-direction: column; 6974 -ms-flex-direction: column;
6975 flex-direction: column; 6975 flex-direction: column;
6976 gap: 10px; 6976 gap: 10px;
6977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6978 border: 1px solid #e7e7e7; 6978 border: 1px solid #e7e7e7;
6979 border-radius: 8px; 6979 border-radius: 8px;
6980 padding: 10px; 6980 padding: 10px;
6981 } 6981 }
6982 @media (min-width: 768px) { 6982 @media (min-width: 768px) {
6983 .chatbox__toper { 6983 .chatbox__toper {
6984 padding: 20px; 6984 padding: 20px;
6985 -webkit-box-orient: horizontal; 6985 -webkit-box-orient: horizontal;
6986 -webkit-box-direction: normal; 6986 -webkit-box-direction: normal;
6987 -ms-flex-direction: row; 6987 -ms-flex-direction: row;
6988 flex-direction: row; 6988 flex-direction: row;
6989 -webkit-box-align: center; 6989 -webkit-box-align: center;
6990 -ms-flex-align: center; 6990 -ms-flex-align: center;
6991 align-items: center; 6991 align-items: center;
6992 -webkit-box-pack: justify; 6992 -webkit-box-pack: justify;
6993 -ms-flex-pack: justify; 6993 -ms-flex-pack: justify;
6994 justify-content: space-between; 6994 justify-content: space-between;
6995 } 6995 }
6996 } 6996 }
6997 .chatbox__toper-info { 6997 .chatbox__toper-info {
6998 font-size: 12px; 6998 font-size: 12px;
6999 } 6999 }
7000 @media (min-width: 768px) { 7000 @media (min-width: 768px) {
7001 .chatbox__toper-info { 7001 .chatbox__toper-info {
7002 font-size: 16px; 7002 font-size: 16px;
7003 width: calc(100% - 230px); 7003 width: calc(100% - 230px);
7004 } 7004 }
7005 } 7005 }
7006 @media (min-width: 768px) { 7006 @media (min-width: 768px) {
7007 .chatbox__toper-button { 7007 .chatbox__toper-button {
7008 width: 210px; 7008 width: 210px;
7009 padding: 0; 7009 padding: 0;
7010 } 7010 }
7011 } 7011 }
7012 .chatbox__list { 7012 .chatbox__list {
7013 display: -webkit-box; 7013 display: -webkit-box;
7014 display: -ms-flexbox; 7014 display: -ms-flexbox;
7015 display: flex; 7015 display: flex;
7016 -webkit-box-orient: vertical; 7016 -webkit-box-orient: vertical;
7017 -webkit-box-direction: normal; 7017 -webkit-box-direction: normal;
7018 -ms-flex-direction: column; 7018 -ms-flex-direction: column;
7019 flex-direction: column; 7019 flex-direction: column;
7020 gap: 10px; 7020 gap: 10px;
7021 } 7021 }
7022 @media (min-width: 768px) { 7022 @media (min-width: 768px) {
7023 .chatbox__list { 7023 .chatbox__list {
7024 gap: 20px; 7024 gap: 20px;
7025 } 7025 }
7026 } 7026 }
7027 @media (min-width: 1280px) { 7027 @media (min-width: 1280px) {
7028 .chatbox__list { 7028 .chatbox__list {
7029 gap: 40px; 7029 gap: 40px;
7030 } 7030 }
7031 } 7031 }
7032 .chatbox__item { 7032 .chatbox__item {
7033 display: -webkit-box; 7033 display: -webkit-box;
7034 display: -ms-flexbox; 7034 display: -ms-flexbox;
7035 display: flex; 7035 display: flex;
7036 -webkit-box-align: start; 7036 -webkit-box-align: start;
7037 -ms-flex-align: start; 7037 -ms-flex-align: start;
7038 align-items: flex-start; 7038 align-items: flex-start;
7039 -webkit-box-pack: justify; 7039 -webkit-box-pack: justify;
7040 -ms-flex-pack: justify; 7040 -ms-flex-pack: justify;
7041 justify-content: space-between; 7041 justify-content: space-between;
7042 -ms-flex-wrap: wrap; 7042 -ms-flex-wrap: wrap;
7043 flex-wrap: wrap; 7043 flex-wrap: wrap;
7044 color: #000; 7044 color: #000;
7045 font-size: 12px; 7045 font-size: 12px;
7046 } 7046 }
7047 @media (min-width: 768px) { 7047 @media (min-width: 768px) {
7048 .chatbox__item { 7048 .chatbox__item {
7049 font-size: 16px; 7049 font-size: 16px;
7050 } 7050 }
7051 } 7051 }
7052 .chatbox__item_reverse { 7052 .chatbox__item_reverse {
7053 -webkit-box-orient: horizontal; 7053 -webkit-box-orient: horizontal;
7054 -webkit-box-direction: reverse; 7054 -webkit-box-direction: reverse;
7055 -ms-flex-direction: row-reverse; 7055 -ms-flex-direction: row-reverse;
7056 flex-direction: row-reverse; 7056 flex-direction: row-reverse;
7057 } 7057 }
7058 .chatbox__item-photo { 7058 .chatbox__item-photo {
7059 position: relative; 7059 position: relative;
7060 aspect-ratio: 1/1; 7060 aspect-ratio: 1/1;
7061 overflow: hidden; 7061 overflow: hidden;
7062 background: #9c9d9d; 7062 background: #9c9d9d;
7063 color: #fff; 7063 color: #fff;
7064 width: 44px; 7064 width: 44px;
7065 border-radius: 6px; 7065 border-radius: 6px;
7066 display: -webkit-box; 7066 display: -webkit-box;
7067 display: -ms-flexbox; 7067 display: -ms-flexbox;
7068 display: flex; 7068 display: flex;
7069 -webkit-box-pack: center; 7069 -webkit-box-pack: center;
7070 -ms-flex-pack: center; 7070 -ms-flex-pack: center;
7071 justify-content: center; 7071 justify-content: center;
7072 -webkit-box-align: center; 7072 -webkit-box-align: center;
7073 -ms-flex-align: center; 7073 -ms-flex-align: center;
7074 align-items: center; 7074 align-items: center;
7075 } 7075 }
7076 .chatbox__item-photo svg { 7076 .chatbox__item-photo svg {
7077 width: 50%; 7077 width: 50%;
7078 position: relative; 7078 position: relative;
7079 z-index: 1; 7079 z-index: 1;
7080 } 7080 }
7081 .chatbox__item-photo img { 7081 .chatbox__item-photo img {
7082 position: absolute; 7082 position: absolute;
7083 z-index: 2; 7083 z-index: 2;
7084 top: 0; 7084 top: 0;
7085 left: 0; 7085 left: 0;
7086 width: 100%; 7086 width: 100%;
7087 height: 100%; 7087 height: 100%;
7088 -o-object-fit: cover; 7088 -o-object-fit: cover;
7089 object-fit: cover; 7089 object-fit: cover;
7090 } 7090 }
7091 .chatbox__item-body { 7091 .chatbox__item-body {
7092 width: calc(100% - 54px); 7092 width: calc(100% - 54px);
7093 display: -webkit-box; 7093 display: -webkit-box;
7094 display: -ms-flexbox; 7094 display: -ms-flexbox;
7095 display: flex; 7095 display: flex;
7096 -webkit-box-orient: vertical; 7096 -webkit-box-orient: vertical;
7097 -webkit-box-direction: normal; 7097 -webkit-box-direction: normal;
7098 -ms-flex-direction: column; 7098 -ms-flex-direction: column;
7099 flex-direction: column; 7099 flex-direction: column;
7100 -webkit-box-align: start; 7100 -webkit-box-align: start;
7101 -ms-flex-align: start; 7101 -ms-flex-align: start;
7102 align-items: flex-start; 7102 align-items: flex-start;
7103 } 7103 }
7104 @media (min-width: 768px) { 7104 @media (min-width: 768px) {
7105 .chatbox__item-body { 7105 .chatbox__item-body {
7106 width: calc(100% - 60px); 7106 width: calc(100% - 60px);
7107 } 7107 }
7108 } 7108 }
7109 .chatbox__item_reverse .chatbox__item-body { 7109 .chatbox__item_reverse .chatbox__item-body {
7110 -webkit-box-align: end; 7110 -webkit-box-align: end;
7111 -ms-flex-align: end; 7111 -ms-flex-align: end;
7112 align-items: flex-end; 7112 align-items: flex-end;
7113 } 7113 }
7114 .chatbox__item-text { 7114 .chatbox__item-text {
7115 border-radius: 8px; 7115 border-radius: 8px;
7116 background: #fff; 7116 background: #fff;
7117 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7117 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7118 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7118 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7119 padding: 10px; 7119 padding: 10px;
7120 line-height: 1.6; 7120 line-height: 1.6;
7121 } 7121 }
7122 .chatbox__item-time { 7122 .chatbox__item-time {
7123 width: 100%; 7123 width: 100%;
7124 padding-left: 54px; 7124 padding-left: 54px;
7125 margin-top: 10px; 7125 margin-top: 10px;
7126 color: #9c9d9d; 7126 color: #9c9d9d;
7127 } 7127 }
7128 .chatbox__item_reverse .chatbox__item-time { 7128 .chatbox__item_reverse .chatbox__item-time {
7129 text-align: right; 7129 text-align: right;
7130 } 7130 }
7131 .chatbox__bottom { 7131 .chatbox__bottom {
7132 background: #4d88d9; 7132 background: #4d88d9;
7133 padding: 10px; 7133 padding: 10px;
7134 border-radius: 8px; 7134 border-radius: 8px;
7135 display: -webkit-box; 7135 display: -webkit-box;
7136 display: -ms-flexbox; 7136 display: -ms-flexbox;
7137 display: flex; 7137 display: flex;
7138 -webkit-box-align: center; 7138 -webkit-box-align: center;
7139 -ms-flex-align: center; 7139 -ms-flex-align: center;
7140 align-items: center; 7140 align-items: center;
7141 -webkit-box-pack: justify; 7141 -webkit-box-pack: justify;
7142 -ms-flex-pack: justify; 7142 -ms-flex-pack: justify;
7143 justify-content: space-between; 7143 justify-content: space-between;
7144 } 7144 }
7145 @media (min-width: 768px) { 7145 @media (min-width: 768px) {
7146 .chatbox__bottom { 7146 .chatbox__bottom {
7147 padding: 16px 20px; 7147 padding: 16px 20px;
7148 } 7148 }
7149 } 7149 }
7150 .chatbox__bottom-file { 7150 .chatbox__bottom-file {
7151 width: 20px; 7151 width: 20px;
7152 aspect-ratio: 1/1; 7152 aspect-ratio: 1/1;
7153 display: -webkit-box; 7153 display: -webkit-box;
7154 display: -ms-flexbox; 7154 display: -ms-flexbox;
7155 display: flex; 7155 display: flex;
7156 -webkit-box-pack: center; 7156 -webkit-box-pack: center;
7157 -ms-flex-pack: center; 7157 -ms-flex-pack: center;
7158 justify-content: center; 7158 justify-content: center;
7159 -webkit-box-align: center; 7159 -webkit-box-align: center;
7160 -ms-flex-align: center; 7160 -ms-flex-align: center;
7161 align-items: center; 7161 align-items: center;
7162 background: #fff; 7162 background: #fff;
7163 color: #4d88d9; 7163 color: #4d88d9;
7164 border-radius: 8px; 7164 border-radius: 8px;
7165 } 7165 }
7166 @media (min-width: 768px) { 7166 @media (min-width: 768px) {
7167 .chatbox__bottom-file { 7167 .chatbox__bottom-file {
7168 width: 48px; 7168 width: 48px;
7169 } 7169 }
7170 } 7170 }
7171 .chatbox__bottom-file:hover { 7171 .chatbox__bottom-file:hover {
7172 color: #377d87; 7172 color: #377d87;
7173 } 7173 }
7174 .chatbox__bottom-file input { 7174 .chatbox__bottom-file input {
7175 display: none; 7175 display: none;
7176 } 7176 }
7177 .chatbox__bottom-file svg { 7177 .chatbox__bottom-file svg {
7178 width: 50%; 7178 width: 50%;
7179 aspect-ratio: 1/1; 7179 aspect-ratio: 1/1;
7180 } 7180 }
7181 @media (min-width: 768px) { 7181 @media (min-width: 768px) {
7182 .chatbox__bottom-file svg { 7182 .chatbox__bottom-file svg {
7183 width: 40%; 7183 width: 40%;
7184 } 7184 }
7185 } 7185 }
7186 .chatbox__bottom-text { 7186 .chatbox__bottom-text {
7187 width: calc(100% - 60px); 7187 width: calc(100% - 60px);
7188 height: 20px; 7188 height: 20px;
7189 border-color: #fff; 7189 border-color: #fff;
7190 } 7190 }
7191 @media (min-width: 768px) { 7191 @media (min-width: 768px) {
7192 .chatbox__bottom-text { 7192 .chatbox__bottom-text {
7193 width: calc(100% - 128px); 7193 width: calc(100% - 128px);
7194 height: 48px; 7194 height: 48px;
7195 } 7195 }
7196 } 7196 }
7197 .chatbox__bottom-text:focus { 7197 .chatbox__bottom-text:focus {
7198 border-color: #fff; 7198 border-color: #fff;
7199 } 7199 }
7200 .chatbox__bottom-send { 7200 .chatbox__bottom-send {
7201 width: 20px; 7201 width: 20px;
7202 aspect-ratio: 1/1; 7202 aspect-ratio: 1/1;
7203 display: -webkit-box; 7203 display: -webkit-box;
7204 display: -ms-flexbox; 7204 display: -ms-flexbox;
7205 display: flex; 7205 display: flex;
7206 -webkit-box-pack: center; 7206 -webkit-box-pack: center;
7207 -ms-flex-pack: center; 7207 -ms-flex-pack: center;
7208 justify-content: center; 7208 justify-content: center;
7209 -webkit-box-align: center; 7209 -webkit-box-align: center;
7210 -ms-flex-align: center; 7210 -ms-flex-align: center;
7211 align-items: center; 7211 align-items: center;
7212 padding: 0; 7212 padding: 0;
7213 background: #fff; 7213 background: #fff;
7214 border: none; 7214 border: none;
7215 color: #4d88d9; 7215 color: #4d88d9;
7216 border-radius: 999px; 7216 border-radius: 999px;
7217 } 7217 }
7218 @media (min-width: 768px) { 7218 @media (min-width: 768px) {
7219 .chatbox__bottom-send { 7219 .chatbox__bottom-send {
7220 width: 48px; 7220 width: 48px;
7221 } 7221 }
7222 } 7222 }
7223 .chatbox__bottom-send:hover { 7223 .chatbox__bottom-send:hover {
7224 color: #377d87; 7224 color: #377d87;
7225 } 7225 }
7226 .chatbox__bottom-send svg { 7226 .chatbox__bottom-send svg {
7227 width: 50%; 7227 width: 50%;
7228 aspect-ratio: 1/1; 7228 aspect-ratio: 1/1;
7229 position: relative; 7229 position: relative;
7230 left: 1px; 7230 left: 1px;
7231 } 7231 }
7232 @media (min-width: 768px) { 7232 @media (min-width: 768px) {
7233 .chatbox__bottom-send svg { 7233 .chatbox__bottom-send svg {
7234 width: 40%; 7234 width: 40%;
7235 left: 2px; 7235 left: 2px;
7236 } 7236 }
7237 } 7237 }
7238 7238
7239 .cvs { 7239 .cvs {
7240 display: -webkit-box; 7240 display: -webkit-box;
7241 display: -ms-flexbox; 7241 display: -ms-flexbox;
7242 display: flex; 7242 display: flex;
7243 -webkit-box-orient: vertical; 7243 -webkit-box-orient: vertical;
7244 -webkit-box-direction: reverse; 7244 -webkit-box-direction: reverse;
7245 -ms-flex-direction: column-reverse; 7245 -ms-flex-direction: column-reverse;
7246 flex-direction: column-reverse; 7246 flex-direction: column-reverse;
7247 -webkit-box-align: center; 7247 -webkit-box-align: center;
7248 -ms-flex-align: center; 7248 -ms-flex-align: center;
7249 align-items: center; 7249 align-items: center;
7250 gap: 20px; 7250 gap: 20px;
7251 } 7251 }
7252 .cvs__body { 7252 .cvs__body {
7253 display: -webkit-box; 7253 display: -webkit-box;
7254 display: -ms-flexbox; 7254 display: -ms-flexbox;
7255 display: flex; 7255 display: flex;
7256 -webkit-box-orient: vertical; 7256 -webkit-box-orient: vertical;
7257 -webkit-box-direction: normal; 7257 -webkit-box-direction: normal;
7258 -ms-flex-direction: column; 7258 -ms-flex-direction: column;
7259 flex-direction: column; 7259 flex-direction: column;
7260 gap: 20px; 7260 gap: 20px;
7261 width: 100%; 7261 width: 100%;
7262 } 7262 }
7263 @media (min-width: 768px) { 7263 @media (min-width: 768px) {
7264 .cvs__body { 7264 .cvs__body {
7265 gap: 30px; 7265 gap: 30px;
7266 } 7266 }
7267 } 7267 }
7268 .cvs__item { 7268 .cvs__item {
7269 display: none; 7269 display: none;
7270 -webkit-box-orient: vertical; 7270 -webkit-box-orient: vertical;
7271 -webkit-box-direction: normal; 7271 -webkit-box-direction: normal;
7272 -ms-flex-direction: column; 7272 -ms-flex-direction: column;
7273 flex-direction: column; 7273 flex-direction: column;
7274 gap: 10px; 7274 gap: 10px;
7275 border-radius: 8px; 7275 border-radius: 8px;
7276 border: 1px solid #e7e7e7; 7276 border: 1px solid #e7e7e7;
7277 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7277 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7278 padding: 10px; 7278 padding: 10px;
7279 font-size: 12px; 7279 font-size: 12px;
7280 position: relative; 7280 position: relative;
7281 } 7281 }
7282 @media (min-width: 768px) { 7282 @media (min-width: 768px) {
7283 .cvs__item { 7283 .cvs__item {
7284 gap: 0; 7284 gap: 0;
7285 padding: 20px; 7285 padding: 20px;
7286 font-size: 16px; 7286 font-size: 16px;
7287 -webkit-box-orient: horizontal; 7287 -webkit-box-orient: horizontal;
7288 -webkit-box-direction: normal; 7288 -webkit-box-direction: normal;
7289 -ms-flex-direction: row; 7289 -ms-flex-direction: row;
7290 flex-direction: row; 7290 flex-direction: row;
7291 -webkit-box-align: start; 7291 -webkit-box-align: start;
7292 -ms-flex-align: start; 7292 -ms-flex-align: start;
7293 align-items: flex-start; 7293 align-items: flex-start;
7294 -ms-flex-wrap: wrap; 7294 -ms-flex-wrap: wrap;
7295 flex-wrap: wrap; 7295 flex-wrap: wrap;
7296 } 7296 }
7297 } 7297 }
7298 .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) { 7298 .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) {
7299 display: -webkit-box; 7299 display: -webkit-box;
7300 display: -ms-flexbox; 7300 display: -ms-flexbox;
7301 display: flex; 7301 display: flex;
7302 } 7302 }
7303 .cvs__item-like { 7303 .cvs__item-like {
7304 position: absolute; 7304 position: absolute;
7305 top: 10px; 7305 top: 10px;
7306 right: 10px; 7306 right: 10px;
7307 } 7307 }
7308 @media (min-width: 768px) { 7308 @media (min-width: 768px) {
7309 .cvs__item-like { 7309 .cvs__item-like {
7310 top: 20px; 7310 top: 20px;
7311 right: 20px; 7311 right: 20px;
7312 } 7312 }
7313 } 7313 }
7314 .cvs__item-photo { 7314 .cvs__item-photo {
7315 position: relative; 7315 position: relative;
7316 aspect-ratio: 1/1; 7316 aspect-ratio: 1/1;
7317 overflow: hidden; 7317 overflow: hidden;
7318 background: #9c9d9d; 7318 background: #9c9d9d;
7319 color: #fff; 7319 color: #fff;
7320 width: 36px; 7320 width: 36px;
7321 border-radius: 6px; 7321 border-radius: 6px;
7322 display: -webkit-box; 7322 display: -webkit-box;
7323 display: -ms-flexbox; 7323 display: -ms-flexbox;
7324 display: flex; 7324 display: flex;
7325 -webkit-box-pack: center; 7325 -webkit-box-pack: center;
7326 -ms-flex-pack: center; 7326 -ms-flex-pack: center;
7327 justify-content: center; 7327 justify-content: center;
7328 -webkit-box-align: center; 7328 -webkit-box-align: center;
7329 -ms-flex-align: center; 7329 -ms-flex-align: center;
7330 align-items: center; 7330 align-items: center;
7331 } 7331 }
7332 @media (min-width: 768px) { 7332 @media (min-width: 768px) {
7333 .cvs__item-photo { 7333 .cvs__item-photo {
7334 width: 68px; 7334 width: 68px;
7335 } 7335 }
7336 } 7336 }
7337 .cvs__item-photo svg { 7337 .cvs__item-photo svg {
7338 width: 50%; 7338 width: 50%;
7339 position: relative; 7339 position: relative;
7340 z-index: 1; 7340 z-index: 1;
7341 } 7341 }
7342 .cvs__item-photo img { 7342 .cvs__item-photo img {
7343 position: absolute; 7343 position: absolute;
7344 z-index: 2; 7344 z-index: 2;
7345 top: 0; 7345 top: 0;
7346 left: 0; 7346 left: 0;
7347 width: 100%; 7347 width: 100%;
7348 height: 100%; 7348 height: 100%;
7349 -o-object-fit: cover; 7349 -o-object-fit: cover;
7350 object-fit: cover; 7350 object-fit: cover;
7351 } 7351 }
7352 .cvs__item-text { 7352 .cvs__item-text {
7353 display: -webkit-box; 7353 display: -webkit-box;
7354 display: -ms-flexbox; 7354 display: -ms-flexbox;
7355 display: flex; 7355 display: flex;
7356 -webkit-box-orient: vertical; 7356 -webkit-box-orient: vertical;
7357 -webkit-box-direction: normal; 7357 -webkit-box-direction: normal;
7358 -ms-flex-direction: column; 7358 -ms-flex-direction: column;
7359 flex-direction: column; 7359 flex-direction: column;
7360 gap: 10px; 7360 gap: 10px;
7361 } 7361 }
7362 @media (min-width: 768px) { 7362 @media (min-width: 768px) {
7363 .cvs__item-text { 7363 .cvs__item-text {
7364 gap: 20px; 7364 gap: 20px;
7365 width: calc(100% - 68px); 7365 width: calc(100% - 68px);
7366 padding-left: 20px; 7366 padding-left: 20px;
7367 padding-right: 60px; 7367 padding-right: 60px;
7368 } 7368 }
7369 } 7369 }
7370 .cvs__item-text div { 7370 .cvs__item-text div {
7371 display: -webkit-box; 7371 display: -webkit-box;
7372 display: -ms-flexbox; 7372 display: -ms-flexbox;
7373 display: flex; 7373 display: flex;
7374 -webkit-box-align: center; 7374 -webkit-box-align: center;
7375 -ms-flex-align: center; 7375 -ms-flex-align: center;
7376 align-items: center; 7376 align-items: center;
7377 -webkit-box-pack: justify; 7377 -webkit-box-pack: justify;
7378 -ms-flex-pack: justify; 7378 -ms-flex-pack: justify;
7379 justify-content: space-between; 7379 justify-content: space-between;
7380 } 7380 }
7381 @media (min-width: 768px) { 7381 @media (min-width: 768px) {
7382 .cvs__item-text div { 7382 .cvs__item-text div {
7383 -webkit-box-orient: vertical; 7383 -webkit-box-orient: vertical;
7384 -webkit-box-direction: normal; 7384 -webkit-box-direction: normal;
7385 -ms-flex-direction: column; 7385 -ms-flex-direction: column;
7386 flex-direction: column; 7386 flex-direction: column;
7387 -webkit-box-pack: start; 7387 -webkit-box-pack: start;
7388 -ms-flex-pack: start; 7388 -ms-flex-pack: start;
7389 justify-content: flex-start; 7389 justify-content: flex-start;
7390 -webkit-box-align: start; 7390 -webkit-box-align: start;
7391 -ms-flex-align: start; 7391 -ms-flex-align: start;
7392 align-items: flex-start; 7392 align-items: flex-start;
7393 } 7393 }
7394 } 7394 }
7395 .cvs__item-text span, 7395 .cvs__item-text span,
7396 .cvs__item-text a { 7396 .cvs__item-text a {
7397 color: #000; 7397 color: #000;
7398 } 7398 }
7399 .cvs__item-button { 7399 .cvs__item-button {
7400 display: -webkit-box; 7400 display: -webkit-box;
7401 display: -ms-flexbox; 7401 display: -ms-flexbox;
7402 display: flex; 7402 display: flex;
7403 -webkit-box-orient: vertical; 7403 -webkit-box-orient: vertical;
7404 -webkit-box-direction: normal; 7404 -webkit-box-direction: normal;
7405 -ms-flex-direction: column; 7405 -ms-flex-direction: column;
7406 flex-direction: column; 7406 flex-direction: column;
7407 -webkit-box-align: center; 7407 -webkit-box-align: center;
7408 -ms-flex-align: center; 7408 -ms-flex-align: center;
7409 align-items: center; 7409 align-items: center;
7410 } 7410 }
7411 @media (min-width: 768px) { 7411 @media (min-width: 768px) {
7412 .cvs__item-button { 7412 .cvs__item-button {
7413 -webkit-box-align: end; 7413 -webkit-box-align: end;
7414 -ms-flex-align: end; 7414 -ms-flex-align: end;
7415 align-items: flex-end; 7415 align-items: flex-end;
7416 width: 100%; 7416 width: 100%;
7417 padding-top: 20px; 7417 padding-top: 20px;
7418 } 7418 }
7419 } 7419 }
7420 .cvs.active .cvs__item { 7420 .cvs.active .cvs__item {
7421 display: -webkit-box; 7421 display: -webkit-box;
7422 display: -ms-flexbox; 7422 display: -ms-flexbox;
7423 display: flex; 7423 display: flex;
7424 } 7424 }
7425 7425
7426 .faqs { 7426 .faqs {
7427 display: -webkit-box; 7427 display: -webkit-box;
7428 display: -ms-flexbox; 7428 display: -ms-flexbox;
7429 display: flex; 7429 display: flex;
7430 -webkit-box-orient: vertical; 7430 -webkit-box-orient: vertical;
7431 -webkit-box-direction: reverse; 7431 -webkit-box-direction: reverse;
7432 -ms-flex-direction: column-reverse; 7432 -ms-flex-direction: column-reverse;
7433 flex-direction: column-reverse; 7433 flex-direction: column-reverse;
7434 -webkit-box-align: center; 7434 -webkit-box-align: center;
7435 -ms-flex-align: center; 7435 -ms-flex-align: center;
7436 align-items: center; 7436 align-items: center;
7437 gap: 20px; 7437 gap: 20px;
7438 } 7438 }
7439 .faqs__body { 7439 .faqs__body {
7440 display: -webkit-box; 7440 display: -webkit-box;
7441 display: -ms-flexbox; 7441 display: -ms-flexbox;
7442 display: flex; 7442 display: flex;
7443 -webkit-box-orient: vertical; 7443 -webkit-box-orient: vertical;
7444 -webkit-box-direction: normal; 7444 -webkit-box-direction: normal;
7445 -ms-flex-direction: column; 7445 -ms-flex-direction: column;
7446 flex-direction: column; 7446 flex-direction: column;
7447 gap: 20px; 7447 gap: 20px;
7448 width: 100%; 7448 width: 100%;
7449 } 7449 }
7450 .faqs__item { 7450 .faqs__item {
7451 display: none; 7451 display: none;
7452 -webkit-box-orient: vertical; 7452 -webkit-box-orient: vertical;
7453 -webkit-box-direction: normal; 7453 -webkit-box-direction: normal;
7454 -ms-flex-direction: column; 7454 -ms-flex-direction: column;
7455 flex-direction: column; 7455 flex-direction: column;
7456 border-radius: 8px; 7456 border-radius: 8px;
7457 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7457 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7458 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7458 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7459 background: #fff; 7459 background: #fff;
7460 padding: 10px; 7460 padding: 10px;
7461 font-size: 12px; 7461 font-size: 12px;
7462 } 7462 }
7463 @media (min-width: 768px) { 7463 @media (min-width: 768px) {
7464 .faqs__item { 7464 .faqs__item {
7465 padding: 20px; 7465 padding: 20px;
7466 font-size: 16px; 7466 font-size: 16px;
7467 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7467 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7468 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7468 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7469 } 7469 }
7470 } 7470 }
7471 .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) { 7471 .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) {
7472 display: -webkit-box; 7472 display: -webkit-box;
7473 display: -ms-flexbox; 7473 display: -ms-flexbox;
7474 display: flex; 7474 display: flex;
7475 } 7475 }
7476 .faqs__item-button { 7476 .faqs__item-button {
7477 background: none; 7477 background: none;
7478 padding: 0; 7478 padding: 0;
7479 border: none; 7479 border: none;
7480 display: -webkit-box; 7480 display: -webkit-box;
7481 display: -ms-flexbox; 7481 display: -ms-flexbox;
7482 display: flex; 7482 display: flex;
7483 -webkit-box-align: center; 7483 -webkit-box-align: center;
7484 -ms-flex-align: center; 7484 -ms-flex-align: center;
7485 align-items: center; 7485 align-items: center;
7486 color: #000; 7486 color: #000;
7487 text-align: left; 7487 text-align: left;
7488 font-size: 14px; 7488 font-size: 14px;
7489 font-weight: 700; 7489 font-weight: 700;
7490 } 7490 }
7491 @media (min-width: 768px) { 7491 @media (min-width: 768px) {
7492 .faqs__item-button { 7492 .faqs__item-button {
7493 font-size: 20px; 7493 font-size: 20px;
7494 } 7494 }
7495 } 7495 }
7496 .faqs__item-button span { 7496 .faqs__item-button span {
7497 width: calc(100% - 16px); 7497 width: calc(100% - 16px);
7498 padding-right: 16px; 7498 padding-right: 16px;
7499 } 7499 }
7500 .faqs__item-button i { 7500 .faqs__item-button i {
7501 display: -webkit-box; 7501 display: -webkit-box;
7502 display: -ms-flexbox; 7502 display: -ms-flexbox;
7503 display: flex; 7503 display: flex;
7504 -webkit-box-pack: center; 7504 -webkit-box-pack: center;
7505 -ms-flex-pack: center; 7505 -ms-flex-pack: center;
7506 justify-content: center; 7506 justify-content: center;
7507 -webkit-box-align: center; 7507 -webkit-box-align: center;
7508 -ms-flex-align: center; 7508 -ms-flex-align: center;
7509 align-items: center; 7509 align-items: center;
7510 width: 16px; 7510 width: 16px;
7511 aspect-ratio: 1/1; 7511 aspect-ratio: 1/1;
7512 color: #377d87; 7512 color: #377d87;
7513 -webkit-transition: 0.3s; 7513 -webkit-transition: 0.3s;
7514 transition: 0.3s; 7514 transition: 0.3s;
7515 } 7515 }
7516 .faqs__item-button i svg { 7516 .faqs__item-button i svg {
7517 width: 16px; 7517 width: 16px;
7518 aspect-ratio: 1/1; 7518 aspect-ratio: 1/1;
7519 -webkit-transform: rotate(90deg); 7519 -webkit-transform: rotate(90deg);
7520 -ms-transform: rotate(90deg); 7520 -ms-transform: rotate(90deg);
7521 transform: rotate(90deg); 7521 transform: rotate(90deg);
7522 } 7522 }
7523 .faqs__item-button.active i { 7523 .faqs__item-button.active i {
7524 -webkit-transform: rotate(180deg); 7524 -webkit-transform: rotate(180deg);
7525 -ms-transform: rotate(180deg); 7525 -ms-transform: rotate(180deg);
7526 transform: rotate(180deg); 7526 transform: rotate(180deg);
7527 } 7527 }
7528 .faqs__item-body { 7528 .faqs__item-body {
7529 display: -webkit-box; 7529 display: -webkit-box;
7530 display: -ms-flexbox; 7530 display: -ms-flexbox;
7531 display: flex; 7531 display: flex;
7532 -webkit-box-orient: vertical; 7532 -webkit-box-orient: vertical;
7533 -webkit-box-direction: normal; 7533 -webkit-box-direction: normal;
7534 -ms-flex-direction: column; 7534 -ms-flex-direction: column;
7535 flex-direction: column; 7535 flex-direction: column;
7536 gap: 10px; 7536 gap: 10px;
7537 opacity: 0; 7537 opacity: 0;
7538 height: 0; 7538 height: 0;
7539 overflow: hidden; 7539 overflow: hidden;
7540 font-size: 12px; 7540 font-size: 12px;
7541 line-height: 1.4; 7541 line-height: 1.4;
7542 } 7542 }
7543 @media (min-width: 768px) { 7543 @media (min-width: 768px) {
7544 .faqs__item-body { 7544 .faqs__item-body {
7545 font-size: 16px; 7545 font-size: 16px;
7546 gap: 20px; 7546 gap: 20px;
7547 } 7547 }
7548 } 7548 }
7549 .faqs__item-body p { 7549 .faqs__item-body p {
7550 margin: 0; 7550 margin: 0;
7551 } 7551 }
7552 .active + .faqs__item-body { 7552 .active + .faqs__item-body {
7553 opacity: 1; 7553 opacity: 1;
7554 height: auto; 7554 height: auto;
7555 -webkit-transition: 0.3s; 7555 -webkit-transition: 0.3s;
7556 transition: 0.3s; 7556 transition: 0.3s;
7557 padding-top: 10px; 7557 padding-top: 10px;
7558 } 7558 }
7559 @media (min-width: 768px) { 7559 @media (min-width: 768px) {
7560 .active + .faqs__item-body { 7560 .active + .faqs__item-body {
7561 padding-top: 20px; 7561 padding-top: 20px;
7562 } 7562 }
7563 } 7563 }
7564 .faqs.active .faqs__item { 7564 .faqs.active .faqs__item {
7565 display: -webkit-box; 7565 display: -webkit-box;
7566 display: -ms-flexbox; 7566 display: -ms-flexbox;
7567 display: flex; 7567 display: flex;
7568 } 7568 }
7569 7569
7570 .cabinet { 7570 .cabinet {
7571 padding: 20px 0; 7571 padding: 20px 0;
7572 padding-bottom: 40px; 7572 padding-bottom: 40px;
7573 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7573 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7574 } 7574 }
7575 @media (min-width: 992px) { 7575 @media (min-width: 992px) {
7576 .cabinet { 7576 .cabinet {
7577 padding: 30px 0; 7577 padding: 30px 0;
7578 padding-bottom: 60px; 7578 padding-bottom: 60px;
7579 } 7579 }
7580 } 7580 }
7581 .cabinet__breadcrumbs { 7581 .cabinet__breadcrumbs {
7582 margin-bottom: 50px; 7582 margin-bottom: 50px;
7583 } 7583 }
7584 .cabinet__wrapper { 7584 .cabinet__wrapper {
7585 display: -webkit-box; 7585 display: -webkit-box;
7586 display: -ms-flexbox; 7586 display: -ms-flexbox;
7587 display: flex; 7587 display: flex;
7588 -webkit-box-orient: vertical; 7588 -webkit-box-orient: vertical;
7589 -webkit-box-direction: normal; 7589 -webkit-box-direction: normal;
7590 -ms-flex-direction: column; 7590 -ms-flex-direction: column;
7591 flex-direction: column; 7591 flex-direction: column;
7592 } 7592 }
7593 @media (min-width: 992px) { 7593 @media (min-width: 992px) {
7594 .cabinet__wrapper { 7594 .cabinet__wrapper {
7595 -webkit-box-orient: horizontal; 7595 -webkit-box-orient: horizontal;
7596 -webkit-box-direction: normal; 7596 -webkit-box-direction: normal;
7597 -ms-flex-direction: row; 7597 -ms-flex-direction: row;
7598 flex-direction: row; 7598 flex-direction: row;
7599 -webkit-box-align: start; 7599 -webkit-box-align: start;
7600 -ms-flex-align: start; 7600 -ms-flex-align: start;
7601 align-items: flex-start; 7601 align-items: flex-start;
7602 -webkit-box-pack: justify; 7602 -webkit-box-pack: justify;
7603 -ms-flex-pack: justify; 7603 -ms-flex-pack: justify;
7604 justify-content: space-between; 7604 justify-content: space-between;
7605 } 7605 }
7606 } 7606 }
7607 .cabinet__side { 7607 .cabinet__side {
7608 border-radius: 8px; 7608 border-radius: 8px;
7609 background: #fff; 7609 background: #fff;
7610 padding: 20px 10px; 7610 padding: 20px 10px;
7611 display: -webkit-box; 7611 display: -webkit-box;
7612 display: -ms-flexbox; 7612 display: -ms-flexbox;
7613 display: flex; 7613 display: flex;
7614 -webkit-box-orient: vertical; 7614 -webkit-box-orient: vertical;
7615 -webkit-box-direction: normal; 7615 -webkit-box-direction: normal;
7616 -ms-flex-direction: column; 7616 -ms-flex-direction: column;
7617 flex-direction: column; 7617 flex-direction: column;
7618 gap: 30px; 7618 gap: 30px;
7619 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7619 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7620 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7620 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7621 } 7621 }
7622 @media (min-width: 768px) { 7622 @media (min-width: 768px) {
7623 .cabinet__side { 7623 .cabinet__side {
7624 padding: 30px 20px; 7624 padding: 30px 20px;
7625 margin-bottom: 50px; 7625 margin-bottom: 50px;
7626 } 7626 }
7627 } 7627 }
7628 @media (min-width: 992px) { 7628 @media (min-width: 992px) {
7629 .cabinet__side { 7629 .cabinet__side {
7630 width: 340px; 7630 width: 340px;
7631 margin: 0; 7631 margin: 0;
7632 position: sticky; 7632 position: sticky;
7633 top: 6px; 7633 top: 6px;
7634 } 7634 }
7635 } 7635 }
7636 @media (min-width: 1280px) { 7636 @media (min-width: 1280px) {
7637 .cabinet__side { 7637 .cabinet__side {
7638 width: 400px; 7638 width: 400px;
7639 } 7639 }
7640 } 7640 }
7641 .cabinet__side-item { 7641 .cabinet__side-item {
7642 display: -webkit-box; 7642 display: -webkit-box;
7643 display: -ms-flexbox; 7643 display: -ms-flexbox;
7644 display: flex; 7644 display: flex;
7645 -webkit-box-orient: vertical; 7645 -webkit-box-orient: vertical;
7646 -webkit-box-direction: normal; 7646 -webkit-box-direction: normal;
7647 -ms-flex-direction: column; 7647 -ms-flex-direction: column;
7648 flex-direction: column; 7648 flex-direction: column;
7649 gap: 20px; 7649 gap: 20px;
7650 } 7650 }
7651 .cabinet__side-toper { 7651 .cabinet__side-toper {
7652 display: -webkit-box; 7652 display: -webkit-box;
7653 display: -ms-flexbox; 7653 display: -ms-flexbox;
7654 display: flex; 7654 display: flex;
7655 -webkit-box-align: center; 7655 -webkit-box-align: center;
7656 -ms-flex-align: center; 7656 -ms-flex-align: center;
7657 align-items: center; 7657 align-items: center;
7658 } 7658 }
7659 .cabinet__side-toper-pic { 7659 .cabinet__side-toper-pic {
7660 width: 70px; 7660 width: 70px;
7661 aspect-ratio: 1/1; 7661 aspect-ratio: 1/1;
7662 overflow: hidden; 7662 overflow: hidden;
7663 border-radius: 8px; 7663 border-radius: 8px;
7664 color: #fff; 7664 color: #fff;
7665 background: #9c9d9d; 7665 background: #9c9d9d;
7666 display: -webkit-box; 7666 display: -webkit-box;
7667 display: -ms-flexbox; 7667 display: -ms-flexbox;
7668 display: flex; 7668 display: flex;
7669 -webkit-box-align: center; 7669 -webkit-box-align: center;
7670 -ms-flex-align: center; 7670 -ms-flex-align: center;
7671 align-items: center; 7671 align-items: center;
7672 -webkit-box-pack: center; 7672 -webkit-box-pack: center;
7673 -ms-flex-pack: center; 7673 -ms-flex-pack: center;
7674 justify-content: center; 7674 justify-content: center;
7675 position: relative; 7675 position: relative;
7676 } 7676 }
7677 .cabinet__side-toper-pic img { 7677 .cabinet__side-toper-pic img {
7678 width: 100%; 7678 width: 100%;
7679 height: 100%; 7679 height: 100%;
7680 -o-object-fit: cover; 7680 -o-object-fit: cover;
7681 object-fit: cover; 7681 object-fit: cover;
7682 position: absolute; 7682 position: absolute;
7683 z-index: 2; 7683 z-index: 2;
7684 top: 0; 7684 top: 0;
7685 left: 0; 7685 left: 0;
7686 aspect-ratio: 1/1; 7686 aspect-ratio: 1/1;
7687 -o-object-fit: contain; 7687 -o-object-fit: contain;
7688 object-fit: contain; 7688 object-fit: contain;
7689 } 7689 }
7690 .cabinet__side-toper-pic svg { 7690 .cabinet__side-toper-pic svg {
7691 width: 50%; 7691 width: 50%;
7692 aspect-ratio: 1/1; 7692 aspect-ratio: 1/1;
7693 } 7693 }
7694 .cabinet__side-toper b { 7694 .cabinet__side-toper b {
7695 width: calc(100% - 70px); 7695 width: calc(100% - 70px);
7696 font-size: 14px; 7696 font-size: 14px;
7697 font-weight: 700; 7697 font-weight: 700;
7698 padding-left: 16px; 7698 padding-left: 16px;
7699 } 7699 }
7700 @media (min-width: 768px) { 7700 @media (min-width: 768px) {
7701 .cabinet__side-toper b { 7701 .cabinet__side-toper b {
7702 font-size: 20px; 7702 font-size: 20px;
7703 } 7703 }
7704 } 7704 }
7705 .cabinet__menu { 7705 .cabinet__menu {
7706 display: -webkit-box; 7706 display: -webkit-box;
7707 display: -ms-flexbox; 7707 display: -ms-flexbox;
7708 display: flex; 7708 display: flex;
7709 -webkit-box-orient: vertical; 7709 -webkit-box-orient: vertical;
7710 -webkit-box-direction: normal; 7710 -webkit-box-direction: normal;
7711 -ms-flex-direction: column; 7711 -ms-flex-direction: column;
7712 flex-direction: column; 7712 flex-direction: column;
7713 } 7713 }
7714 .cabinet__menu-toper { 7714 .cabinet__menu-toper {
7715 display: -webkit-box; 7715 display: -webkit-box;
7716 display: -ms-flexbox; 7716 display: -ms-flexbox;
7717 display: flex; 7717 display: flex;
7718 -webkit-box-align: center; 7718 -webkit-box-align: center;
7719 -ms-flex-align: center; 7719 -ms-flex-align: center;
7720 align-items: center; 7720 align-items: center;
7721 -webkit-box-pack: justify; 7721 -webkit-box-pack: justify;
7722 -ms-flex-pack: justify; 7722 -ms-flex-pack: justify;
7723 justify-content: space-between; 7723 justify-content: space-between;
7724 padding: 0 16px; 7724 padding: 0 16px;
7725 padding-right: 12px; 7725 padding-right: 12px;
7726 border: none; 7726 border: none;
7727 border-radius: 8px; 7727 border-radius: 8px;
7728 background: #377d87; 7728 background: #377d87;
7729 color: #fff; 7729 color: #fff;
7730 } 7730 }
7731 @media (min-width: 768px) { 7731 @media (min-width: 768px) {
7732 .cabinet__menu-toper { 7732 .cabinet__menu-toper {
7733 padding: 0 20px; 7733 padding: 0 20px;
7734 } 7734 }
7735 } 7735 }
7736 @media (min-width: 992px) { 7736 @media (min-width: 992px) {
7737 .cabinet__menu-toper { 7737 .cabinet__menu-toper {
7738 display: none; 7738 display: none;
7739 } 7739 }
7740 } 7740 }
7741 .cabinet__menu-toper-text { 7741 .cabinet__menu-toper-text {
7742 width: calc(100% - 16px); 7742 width: calc(100% - 16px);
7743 display: -webkit-box; 7743 display: -webkit-box;
7744 display: -ms-flexbox; 7744 display: -ms-flexbox;
7745 display: flex; 7745 display: flex;
7746 -webkit-box-align: center; 7746 -webkit-box-align: center;
7747 -ms-flex-align: center; 7747 -ms-flex-align: center;
7748 align-items: center; 7748 align-items: center;
7749 } 7749 }
7750 @media (min-width: 768px) { 7750 @media (min-width: 768px) {
7751 .cabinet__menu-toper-text { 7751 .cabinet__menu-toper-text {
7752 width: calc(100% - 20px); 7752 width: calc(100% - 20px);
7753 } 7753 }
7754 } 7754 }
7755 .cabinet__menu-toper-text i { 7755 .cabinet__menu-toper-text i {
7756 width: 16px; 7756 width: 16px;
7757 height: 16px; 7757 height: 16px;
7758 display: -webkit-box; 7758 display: -webkit-box;
7759 display: -ms-flexbox; 7759 display: -ms-flexbox;
7760 display: flex; 7760 display: flex;
7761 -webkit-box-align: center; 7761 -webkit-box-align: center;
7762 -ms-flex-align: center; 7762 -ms-flex-align: center;
7763 align-items: center; 7763 align-items: center;
7764 -webkit-box-pack: center; 7764 -webkit-box-pack: center;
7765 -ms-flex-pack: center; 7765 -ms-flex-pack: center;
7766 justify-content: center; 7766 justify-content: center;
7767 } 7767 }
7768 @media (min-width: 768px) { 7768 @media (min-width: 768px) {
7769 .cabinet__menu-toper-text i { 7769 .cabinet__menu-toper-text i {
7770 width: 22px; 7770 width: 22px;
7771 height: 22px; 7771 height: 22px;
7772 } 7772 }
7773 } 7773 }
7774 .cabinet__menu-toper-text svg { 7774 .cabinet__menu-toper-text svg {
7775 width: 16px; 7775 width: 16px;
7776 height: 16px; 7776 height: 16px;
7777 } 7777 }
7778 @media (min-width: 768px) { 7778 @media (min-width: 768px) {
7779 .cabinet__menu-toper-text svg { 7779 .cabinet__menu-toper-text svg {
7780 width: 22px; 7780 width: 22px;
7781 height: 22px; 7781 height: 22px;
7782 } 7782 }
7783 } 7783 }
7784 .cabinet__menu-toper-text span { 7784 .cabinet__menu-toper-text span {
7785 display: -webkit-box; 7785 display: -webkit-box;
7786 display: -ms-flexbox; 7786 display: -ms-flexbox;
7787 display: flex; 7787 display: flex;
7788 -webkit-box-align: center; 7788 -webkit-box-align: center;
7789 -ms-flex-align: center; 7789 -ms-flex-align: center;
7790 align-items: center; 7790 align-items: center;
7791 padding: 0 10px; 7791 padding: 0 10px;
7792 min-height: 30px; 7792 min-height: 30px;
7793 font-size: 12px; 7793 font-size: 12px;
7794 width: calc(100% - 16px); 7794 width: calc(100% - 16px);
7795 } 7795 }
7796 @media (min-width: 768px) { 7796 @media (min-width: 768px) {
7797 .cabinet__menu-toper-text span { 7797 .cabinet__menu-toper-text span {
7798 width: calc(100% - 22px); 7798 width: calc(100% - 22px);
7799 font-size: 20px; 7799 font-size: 20px;
7800 min-height: 52px; 7800 min-height: 52px;
7801 padding: 0 16px; 7801 padding: 0 16px;
7802 } 7802 }
7803 } 7803 }
7804 .cabinet__menu-toper-arrow { 7804 .cabinet__menu-toper-arrow {
7805 width: 16px; 7805 width: 16px;
7806 height: 16px; 7806 height: 16px;
7807 display: -webkit-box; 7807 display: -webkit-box;
7808 display: -ms-flexbox; 7808 display: -ms-flexbox;
7809 display: flex; 7809 display: flex;
7810 -webkit-box-pack: center; 7810 -webkit-box-pack: center;
7811 -ms-flex-pack: center; 7811 -ms-flex-pack: center;
7812 justify-content: center; 7812 justify-content: center;
7813 -webkit-box-align: center; 7813 -webkit-box-align: center;
7814 -ms-flex-align: center; 7814 -ms-flex-align: center;
7815 align-items: center; 7815 align-items: center;
7816 -webkit-transition: 0.3s; 7816 -webkit-transition: 0.3s;
7817 transition: 0.3s; 7817 transition: 0.3s;
7818 } 7818 }
7819 @media (min-width: 768px) { 7819 @media (min-width: 768px) {
7820 .cabinet__menu-toper-arrow { 7820 .cabinet__menu-toper-arrow {
7821 width: 20px; 7821 width: 20px;
7822 height: 20px; 7822 height: 20px;
7823 } 7823 }
7824 } 7824 }
7825 .cabinet__menu-toper-arrow svg { 7825 .cabinet__menu-toper-arrow svg {
7826 width: 12px; 7826 width: 12px;
7827 height: 12px; 7827 height: 12px;
7828 -webkit-transform: rotate(90deg); 7828 -webkit-transform: rotate(90deg);
7829 -ms-transform: rotate(90deg); 7829 -ms-transform: rotate(90deg);
7830 transform: rotate(90deg); 7830 transform: rotate(90deg);
7831 } 7831 }
7832 @media (min-width: 768px) { 7832 @media (min-width: 768px) {
7833 .cabinet__menu-toper-arrow svg { 7833 .cabinet__menu-toper-arrow svg {
7834 width: 20px; 7834 width: 20px;
7835 height: 20px; 7835 height: 20px;
7836 } 7836 }
7837 } 7837 }
7838 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7838 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7839 -webkit-transform: rotate(180deg); 7839 -webkit-transform: rotate(180deg);
7840 -ms-transform: rotate(180deg); 7840 -ms-transform: rotate(180deg);
7841 transform: rotate(180deg); 7841 transform: rotate(180deg);
7842 } 7842 }
7843 .cabinet__menu-body { 7843 .cabinet__menu-body {
7844 opacity: 0; 7844 opacity: 0;
7845 height: 0; 7845 height: 0;
7846 overflow: hidden; 7846 overflow: hidden;
7847 display: -webkit-box; 7847 display: -webkit-box;
7848 display: -ms-flexbox; 7848 display: -ms-flexbox;
7849 display: flex; 7849 display: flex;
7850 -webkit-box-orient: vertical; 7850 -webkit-box-orient: vertical;
7851 -webkit-box-direction: normal; 7851 -webkit-box-direction: normal;
7852 -ms-flex-direction: column; 7852 -ms-flex-direction: column;
7853 flex-direction: column; 7853 flex-direction: column;
7854 } 7854 }
7855 @media (min-width: 992px) { 7855 @media (min-width: 992px) {
7856 .cabinet__menu-body { 7856 .cabinet__menu-body {
7857 opacity: 1; 7857 opacity: 1;
7858 height: auto; 7858 height: auto;
7859 } 7859 }
7860 } 7860 }
7861 .active + .cabinet__menu-body { 7861 .active + .cabinet__menu-body {
7862 opacity: 1; 7862 opacity: 1;
7863 height: auto; 7863 height: auto;
7864 -webkit-transition: 0.3s; 7864 -webkit-transition: 0.3s;
7865 transition: 0.3s; 7865 transition: 0.3s;
7866 } 7866 }
7867 .cabinet__menu-items { 7867 .cabinet__menu-items {
7868 display: -webkit-box; 7868 display: -webkit-box;
7869 display: -ms-flexbox; 7869 display: -ms-flexbox;
7870 display: flex; 7870 display: flex;
7871 -webkit-box-orient: vertical; 7871 -webkit-box-orient: vertical;
7872 -webkit-box-direction: normal; 7872 -webkit-box-direction: normal;
7873 -ms-flex-direction: column; 7873 -ms-flex-direction: column;
7874 flex-direction: column; 7874 flex-direction: column;
7875 } 7875 }
7876 .cabinet__menu-item { 7876 .cabinet__menu-item {
7877 padding: 8px 16px; 7877 padding: 8px 16px;
7878 border-radius: 8px; 7878 border-radius: 8px;
7879 display: -webkit-box; 7879 display: -webkit-box;
7880 display: -ms-flexbox; 7880 display: -ms-flexbox;
7881 display: flex; 7881 display: flex;
7882 -webkit-box-align: center; 7882 -webkit-box-align: center;
7883 -ms-flex-align: center; 7883 -ms-flex-align: center;
7884 align-items: center; 7884 align-items: center;
7885 } 7885 }
7886 @media (min-width: 768px) { 7886 @media (min-width: 768px) {
7887 .cabinet__menu-item { 7887 .cabinet__menu-item {
7888 padding: 14px 20px; 7888 padding: 14px 20px;
7889 } 7889 }
7890 } 7890 }
7891 .cabinet__menu-item:hover { 7891 .cabinet__menu-item:hover {
7892 color: #377d87; 7892 color: #377d87;
7893 } 7893 }
7894 @media (min-width: 992px) { 7894 @media (min-width: 992px) {
7895 .cabinet__menu-item.active { 7895 .cabinet__menu-item.active {
7896 background: #377d87; 7896 background: #377d87;
7897 color: #fff; 7897 color: #fff;
7898 } 7898 }
7899 } 7899 }
7900 @media (min-width: 992px) { 7900 @media (min-width: 992px) {
7901 .cabinet__menu-item.active svg { 7901 .cabinet__menu-item.active svg {
7902 color: #fff; 7902 color: #fff;
7903 } 7903 }
7904 } 7904 }
7905 @media (min-width: 992px) { 7905 @media (min-width: 992px) {
7906 .cabinet__menu-item.active.red { 7906 .cabinet__menu-item.active.red {
7907 background: #eb5757; 7907 background: #eb5757;
7908 } 7908 }
7909 } 7909 }
7910 .cabinet__menu-item i { 7910 .cabinet__menu-item i {
7911 width: 16px; 7911 width: 16px;
7912 height: 16px; 7912 height: 16px;
7913 color: #377d87; 7913 color: #377d87;
7914 } 7914 }
7915 @media (min-width: 768px) { 7915 @media (min-width: 768px) {
7916 .cabinet__menu-item i { 7916 .cabinet__menu-item i {
7917 width: 22px; 7917 width: 22px;
7918 height: 22px; 7918 height: 22px;
7919 } 7919 }
7920 } 7920 }
7921 .cabinet__menu-item svg { 7921 .cabinet__menu-item svg {
7922 width: 16px; 7922 width: 16px;
7923 height: 16px; 7923 height: 16px;
7924 } 7924 }
7925 @media (min-width: 768px) { 7925 @media (min-width: 768px) {
7926 .cabinet__menu-item svg { 7926 .cabinet__menu-item svg {
7927 width: 22px; 7927 width: 22px;
7928 height: 22px; 7928 height: 22px;
7929 } 7929 }
7930 } 7930 }
7931 .cabinet__menu-item span { 7931 .cabinet__menu-item span {
7932 width: calc(100% - 16px); 7932 width: calc(100% - 16px);
7933 font-size: 12px; 7933 font-size: 12px;
7934 padding-left: 10px; 7934 padding-left: 10px;
7935 } 7935 }
7936 @media (min-width: 768px) { 7936 @media (min-width: 768px) {
7937 .cabinet__menu-item span { 7937 .cabinet__menu-item span {
7938 font-size: 20px; 7938 font-size: 20px;
7939 width: calc(100% - 22px); 7939 width: calc(100% - 22px);
7940 padding-left: 16px; 7940 padding-left: 16px;
7941 } 7941 }
7942 } 7942 }
7943 .cabinet__menu-bottom { 7943 .cabinet__menu-bottom {
7944 display: -webkit-box; 7944 display: -webkit-box;
7945 display: -ms-flexbox; 7945 display: -ms-flexbox;
7946 display: flex; 7946 display: flex;
7947 -webkit-box-orient: vertical; 7947 -webkit-box-orient: vertical;
7948 -webkit-box-direction: normal; 7948 -webkit-box-direction: normal;
7949 -ms-flex-direction: column; 7949 -ms-flex-direction: column;
7950 flex-direction: column; 7950 flex-direction: column;
7951 gap: 10px; 7951 gap: 10px;
7952 margin-top: 10px; 7952 margin-top: 10px;
7953 } 7953 }
7954 @media (min-width: 768px) { 7954 @media (min-width: 768px) {
7955 .cabinet__menu-bottom { 7955 .cabinet__menu-bottom {
7956 gap: 20px; 7956 gap: 20px;
7957 margin-top: 20px; 7957 margin-top: 20px;
7958 } 7958 }
7959 } 7959 }
7960 .cabinet__menu-copy { 7960 .cabinet__menu-copy {
7961 color: #9c9d9d; 7961 color: #9c9d9d;
7962 text-align: center; 7962 text-align: center;
7963 font-size: 12px; 7963 font-size: 12px;
7964 } 7964 }
7965 @media (min-width: 768px) { 7965 @media (min-width: 768px) {
7966 .cabinet__menu-copy { 7966 .cabinet__menu-copy {
7967 font-size: 16px; 7967 font-size: 16px;
7968 } 7968 }
7969 } 7969 }
7970 .cabinet__body { 7970 .cabinet__body {
7971 margin: 0 -10px; 7971 margin: 0 -10px;
7972 margin-top: 50px; 7972 margin-top: 50px;
7973 background: #fff; 7973 background: #fff;
7974 padding: 20px 10px; 7974 padding: 20px 10px;
7975 display: -webkit-box; 7975 display: -webkit-box;
7976 display: -ms-flexbox; 7976 display: -ms-flexbox;
7977 display: flex; 7977 display: flex;
7978 -webkit-box-orient: vertical; 7978 -webkit-box-orient: vertical;
7979 -webkit-box-direction: normal; 7979 -webkit-box-direction: normal;
7980 -ms-flex-direction: column; 7980 -ms-flex-direction: column;
7981 flex-direction: column; 7981 flex-direction: column;
7982 gap: 30px; 7982 gap: 30px;
7983 color: #000; 7983 color: #000;
7984 } 7984 }
7985 @media (min-width: 768px) { 7985 @media (min-width: 768px) {
7986 .cabinet__body { 7986 .cabinet__body {
7987 padding: 30px 20px; 7987 padding: 30px 20px;
7988 margin: 0; 7988 margin: 0;
7989 border-radius: 8px; 7989 border-radius: 8px;
7990 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7990 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7991 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7991 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7992 } 7992 }
7993 } 7993 }
7994 @media (min-width: 992px) { 7994 @media (min-width: 992px) {
7995 .cabinet__body { 7995 .cabinet__body {
7996 width: calc(100% - 360px); 7996 width: calc(100% - 360px);
7997 } 7997 }
7998 } 7998 }
7999 @media (min-width: 1280px) { 7999 @media (min-width: 1280px) {
8000 .cabinet__body { 8000 .cabinet__body {
8001 width: calc(100% - 420px); 8001 width: calc(100% - 420px);
8002 } 8002 }
8003 } 8003 }
8004 .cabinet__body-item { 8004 .cabinet__body-item {
8005 display: -webkit-box; 8005 display: -webkit-box;
8006 display: -ms-flexbox; 8006 display: -ms-flexbox;
8007 display: flex; 8007 display: flex;
8008 -webkit-box-orient: vertical; 8008 -webkit-box-orient: vertical;
8009 -webkit-box-direction: normal; 8009 -webkit-box-direction: normal;
8010 -ms-flex-direction: column; 8010 -ms-flex-direction: column;
8011 flex-direction: column; 8011 flex-direction: column;
8012 gap: 20px; 8012 gap: 20px;
8013 } 8013 }
8014 .cabinet__title { 8014 .cabinet__title {
8015 font-size: 24px; 8015 font-size: 24px;
8016 } 8016 }
8017 @media (min-width: 768px) { 8017 @media (min-width: 768px) {
8018 .cabinet__title { 8018 .cabinet__title {
8019 font-size: 32px; 8019 font-size: 32px;
8020 } 8020 }
8021 } 8021 }
8022 @media (min-width: 992px) { 8022 @media (min-width: 992px) {
8023 .cabinet__title { 8023 .cabinet__title {
8024 font-size: 40px; 8024 font-size: 40px;
8025 } 8025 }
8026 } 8026 }
8027 @media (min-width: 1280px) { 8027 @media (min-width: 1280px) {
8028 .cabinet__title { 8028 .cabinet__title {
8029 font-size: 48px; 8029 font-size: 48px;
8030 } 8030 }
8031 } 8031 }
8032 .cabinet__subtitle { 8032 .cabinet__subtitle {
8033 font-size: 22px; 8033 font-size: 22px;
8034 margin: 0; 8034 margin: 0;
8035 font-weight: 700; 8035 font-weight: 700;
8036 color: #000; 8036 color: #000;
8037 } 8037 }
8038 @media (min-width: 768px) { 8038 @media (min-width: 768px) {
8039 .cabinet__subtitle { 8039 .cabinet__subtitle {
8040 font-size: 24px; 8040 font-size: 24px;
8041 } 8041 }
8042 } 8042 }
8043 .cabinet__h4 { 8043 .cabinet__h4 {
8044 font-size: 20px; 8044 font-size: 20px;
8045 margin: 0; 8045 margin: 0;
8046 font-weight: 700; 8046 font-weight: 700;
8047 color: #000; 8047 color: #000;
8048 } 8048 }
8049 @media (min-width: 768px) { 8049 @media (min-width: 768px) {
8050 .cabinet__h4 { 8050 .cabinet__h4 {
8051 font-size: 22px; 8051 font-size: 22px;
8052 } 8052 }
8053 } 8053 }
8054 .cabinet__text { 8054 .cabinet__text {
8055 margin: 0; 8055 margin: 0;
8056 font-size: 14px; 8056 font-size: 14px;
8057 } 8057 }
8058 @media (min-width: 768px) { 8058 @media (min-width: 768px) {
8059 .cabinet__text { 8059 .cabinet__text {
8060 font-size: 16px; 8060 font-size: 16px;
8061 } 8061 }
8062 } 8062 }
8063 .cabinet__text b { 8063 .cabinet__text b {
8064 color: #000; 8064 color: #000;
8065 font-size: 18px; 8065 font-size: 18px;
8066 } 8066 }
8067 @media (min-width: 768px) { 8067 @media (min-width: 768px) {
8068 .cabinet__text b { 8068 .cabinet__text b {
8069 font-size: 24px; 8069 font-size: 24px;
8070 } 8070 }
8071 } 8071 }
8072 .cabinet__descr { 8072 .cabinet__descr {
8073 display: -webkit-box; 8073 display: -webkit-box;
8074 display: -ms-flexbox; 8074 display: -ms-flexbox;
8075 display: flex; 8075 display: flex;
8076 -webkit-box-orient: vertical; 8076 -webkit-box-orient: vertical;
8077 -webkit-box-direction: normal; 8077 -webkit-box-direction: normal;
8078 -ms-flex-direction: column; 8078 -ms-flex-direction: column;
8079 flex-direction: column; 8079 flex-direction: column;
8080 gap: 6px; 8080 gap: 6px;
8081 } 8081 }
8082 @media (min-width: 768px) { 8082 @media (min-width: 768px) {
8083 .cabinet__descr { 8083 .cabinet__descr {
8084 gap: 12px; 8084 gap: 12px;
8085 } 8085 }
8086 } 8086 }
8087 .cabinet__avatar { 8087 .cabinet__avatar {
8088 display: -webkit-box; 8088 display: -webkit-box;
8089 display: -ms-flexbox; 8089 display: -ms-flexbox;
8090 display: flex; 8090 display: flex;
8091 -webkit-box-align: start; 8091 -webkit-box-align: start;
8092 -ms-flex-align: start; 8092 -ms-flex-align: start;
8093 align-items: flex-start; 8093 align-items: flex-start;
8094 } 8094 }
8095 @media (min-width: 768px) { 8095 @media (min-width: 768px) {
8096 .cabinet__avatar { 8096 .cabinet__avatar {
8097 -webkit-box-align: center; 8097 -webkit-box-align: center;
8098 -ms-flex-align: center; 8098 -ms-flex-align: center;
8099 align-items: center; 8099 align-items: center;
8100 } 8100 }
8101 } 8101 }
8102 .cabinet__avatar-pic { 8102 .cabinet__avatar-pic {
8103 width: 100px; 8103 width: 100px;
8104 aspect-ratio: 1/1; 8104 aspect-ratio: 1/1;
8105 position: relative; 8105 position: relative;
8106 display: -webkit-box; 8106 display: -webkit-box;
8107 display: -ms-flexbox; 8107 display: -ms-flexbox;
8108 display: flex; 8108 display: flex;
8109 -webkit-box-pack: center; 8109 -webkit-box-pack: center;
8110 -ms-flex-pack: center; 8110 -ms-flex-pack: center;
8111 justify-content: center; 8111 justify-content: center;
8112 -webkit-box-align: center; 8112 -webkit-box-align: center;
8113 -ms-flex-align: center; 8113 -ms-flex-align: center;
8114 align-items: center; 8114 align-items: center;
8115 overflow: hidden; 8115 overflow: hidden;
8116 border-radius: 8px; 8116 border-radius: 8px;
8117 color: #fff; 8117 color: #fff;
8118 background: #9c9d9d; 8118 background: #9c9d9d;
8119 } 8119 }
8120 .cabinet__avatar-pic svg { 8120 .cabinet__avatar-pic svg {
8121 width: 50%; 8121 width: 50%;
8122 aspect-ratio: 1/1; 8122 aspect-ratio: 1/1;
8123 z-index: 1; 8123 z-index: 1;
8124 position: relative; 8124 position: relative;
8125 } 8125 }
8126 .cabinet__avatar-form { 8126 .cabinet__avatar-form {
8127 width: calc(100% - 100px); 8127 width: calc(100% - 100px);
8128 padding-left: 15px; 8128 padding-left: 15px;
8129 display: -webkit-box; 8129 display: -webkit-box;
8130 display: -ms-flexbox; 8130 display: -ms-flexbox;
8131 display: flex; 8131 display: flex;
8132 -webkit-box-orient: vertical; 8132 -webkit-box-orient: vertical;
8133 -webkit-box-direction: normal; 8133 -webkit-box-direction: normal;
8134 -ms-flex-direction: column; 8134 -ms-flex-direction: column;
8135 flex-direction: column; 8135 flex-direction: column;
8136 gap: 6px; 8136 gap: 6px;
8137 } 8137 }
8138 @media (min-width: 768px) { 8138 @media (min-width: 768px) {
8139 .cabinet__avatar-form { 8139 .cabinet__avatar-form {
8140 -webkit-box-align: start; 8140 -webkit-box-align: start;
8141 -ms-flex-align: start; 8141 -ms-flex-align: start;
8142 align-items: flex-start; 8142 align-items: flex-start;
8143 padding-left: 30px; 8143 padding-left: 30px;
8144 gap: 12px; 8144 gap: 12px;
8145 } 8145 }
8146 } 8146 }
8147 @media (min-width: 768px) { 8147 @media (min-width: 768px) {
8148 .cabinet__avatar-form .file { 8148 .cabinet__avatar-form .file {
8149 min-width: 215px; 8149 min-width: 215px;
8150 } 8150 }
8151 } 8151 }
8152 .cabinet__inputs { 8152 .cabinet__inputs {
8153 display: -webkit-box; 8153 display: -webkit-box;
8154 display: -ms-flexbox; 8154 display: -ms-flexbox;
8155 display: flex; 8155 display: flex;
8156 -webkit-box-orient: vertical; 8156 -webkit-box-orient: vertical;
8157 -webkit-box-direction: normal; 8157 -webkit-box-direction: normal;
8158 -ms-flex-direction: column; 8158 -ms-flex-direction: column;
8159 flex-direction: column; 8159 flex-direction: column;
8160 gap: 20px; 8160 gap: 20px;
8161 } 8161 }
8162 @media (min-width: 1280px) { 8162 @media (min-width: 1280px) {
8163 .cabinet__inputs { 8163 .cabinet__inputs {
8164 -webkit-box-orient: horizontal; 8164 -webkit-box-orient: horizontal;
8165 -webkit-box-direction: normal; 8165 -webkit-box-direction: normal;
8166 -ms-flex-direction: row; 8166 -ms-flex-direction: row;
8167 flex-direction: row; 8167 flex-direction: row;
8168 -webkit-box-align: start; 8168 -webkit-box-align: start;
8169 -ms-flex-align: start; 8169 -ms-flex-align: start;
8170 align-items: flex-start; 8170 align-items: flex-start;
8171 -webkit-box-pack: justify; 8171 -webkit-box-pack: justify;
8172 -ms-flex-pack: justify; 8172 -ms-flex-pack: justify;
8173 justify-content: space-between; 8173 justify-content: space-between;
8174 -ms-flex-wrap: wrap; 8174 -ms-flex-wrap: wrap;
8175 flex-wrap: wrap; 8175 flex-wrap: wrap;
8176 } 8176 }
8177 } 8177 }
8178 @media (min-width: 1280px) { 8178 @media (min-width: 1280px) {
8179 .cabinet__inputs-item { 8179 .cabinet__inputs-item {
8180 width: calc(50% - 10px); 8180 width: calc(50% - 10px);
8181 } 8181 }
8182 } 8182 }
8183 @media (min-width: 1280px) { 8183 @media (min-width: 1280px) {
8184 .cabinet__inputs-item_fullwidth { 8184 .cabinet__inputs-item_fullwidth {
8185 width: 100%; 8185 width: 100%;
8186 } 8186 }
8187 } 8187 }
8188 @media (min-width: 1280px) { 8188 @media (min-width: 1280px) {
8189 .cabinet__inputs-item_min { 8189 .cabinet__inputs-item_min {
8190 width: calc(15% - 10px); 8190 width: calc(15% - 10px);
8191 } 8191 }
8192 } 8192 }
8193 @media (min-width: 1280px) { 8193 @media (min-width: 1280px) {
8194 .cabinet__inputs-item_max { 8194 .cabinet__inputs-item_max {
8195 width: calc(85% - 10px); 8195 width: calc(85% - 10px);
8196 } 8196 }
8197 } 8197 }
8198 @media (min-width: 768px) { 8198 @media (min-width: 768px) {
8199 .cabinet__inputs-item .button { 8199 .cabinet__inputs-item .button {
8200 width: 100%; 8200 width: 100%;
8201 max-width: 215px; 8201 max-width: 215px;
8202 padding: 0; 8202 padding: 0;
8203 } 8203 }
8204 } 8204 }
8205 .cabinet__inputs-item .buttons { 8205 .cabinet__inputs-item .buttons {
8206 display: grid; 8206 display: grid;
8207 grid-template-columns: 1fr 1fr; 8207 grid-template-columns: 1fr 1fr;
8208 gap: 10px; 8208 gap: 10px;
8209 } 8209 }
8210 @media (min-width: 768px) { 8210 @media (min-width: 768px) {
8211 .cabinet__inputs-item .buttons { 8211 .cabinet__inputs-item .buttons {
8212 gap: 20px; 8212 gap: 20px;
8213 max-width: 470px; 8213 max-width: 470px;
8214 } 8214 }
8215 } 8215 }
8216 @media (min-width: 992px) { 8216 @media (min-width: 992px) {
8217 .cabinet__inputs-item .buttons { 8217 .cabinet__inputs-item .buttons {
8218 max-width: none; 8218 max-width: none;
8219 } 8219 }
8220 } 8220 }
8221 @media (min-width: 1280px) { 8221 @media (min-width: 1280px) {
8222 .cabinet__inputs-item .buttons { 8222 .cabinet__inputs-item .buttons {
8223 max-width: 470px; 8223 max-width: 470px;
8224 } 8224 }
8225 } 8225 }
8226 .cabinet__inputs-item .buttons .button { 8226 .cabinet__inputs-item .buttons .button {
8227 max-width: none; 8227 max-width: none;
8228 } 8228 }
8229 .cabinet__inputs > .button { 8229 .cabinet__inputs > .button {
8230 padding: 0; 8230 padding: 0;
8231 width: 100%; 8231 width: 100%;
8232 max-width: 140px; 8232 max-width: 140px;
8233 } 8233 }
8234 @media (min-width: 768px) { 8234 @media (min-width: 768px) {
8235 .cabinet__inputs > .button { 8235 .cabinet__inputs > .button {
8236 max-width: 190px; 8236 max-width: 190px;
8237 } 8237 }
8238 } 8238 }
8239 .cabinet__add { 8239 .cabinet__add {
8240 display: -webkit-box; 8240 display: -webkit-box;
8241 display: -ms-flexbox; 8241 display: -ms-flexbox;
8242 display: flex; 8242 display: flex;
8243 -webkit-box-orient: vertical; 8243 -webkit-box-orient: vertical;
8244 -webkit-box-direction: normal; 8244 -webkit-box-direction: normal;
8245 -ms-flex-direction: column; 8245 -ms-flex-direction: column;
8246 flex-direction: column; 8246 flex-direction: column;
8247 gap: 10px; 8247 gap: 10px;
8248 } 8248 }
8249 @media (min-width: 768px) { 8249 @media (min-width: 768px) {
8250 .cabinet__add { 8250 .cabinet__add {
8251 gap: 0; 8251 gap: 0;
8252 -webkit-box-orient: horizontal; 8252 -webkit-box-orient: horizontal;
8253 -webkit-box-direction: normal; 8253 -webkit-box-direction: normal;
8254 -ms-flex-direction: row; 8254 -ms-flex-direction: row;
8255 flex-direction: row; 8255 flex-direction: row;
8256 -webkit-box-align: end; 8256 -webkit-box-align: end;
8257 -ms-flex-align: end; 8257 -ms-flex-align: end;
8258 align-items: flex-end; 8258 align-items: flex-end;
8259 } 8259 }
8260 } 8260 }
8261 .cabinet__add-pic { 8261 .cabinet__add-pic {
8262 border-radius: 4px; 8262 border-radius: 4px;
8263 position: relative; 8263 position: relative;
8264 overflow: hidden; 8264 overflow: hidden;
8265 background: #9c9d9d; 8265 background: #9c9d9d;
8266 color: #fff; 8266 color: #fff;
8267 width: 100px; 8267 width: 100px;
8268 aspect-ratio: 1/1; 8268 aspect-ratio: 1/1;
8269 -webkit-transition: 0.3s; 8269 -webkit-transition: 0.3s;
8270 transition: 0.3s; 8270 transition: 0.3s;
8271 } 8271 }
8272 @media (min-width: 768px) { 8272 @media (min-width: 768px) {
8273 .cabinet__add-pic { 8273 .cabinet__add-pic {
8274 width: 220px; 8274 width: 220px;
8275 border-radius: 8px; 8275 border-radius: 8px;
8276 } 8276 }
8277 } 8277 }
8278 .cabinet__add-pic:hover { 8278 .cabinet__add-pic:hover {
8279 background: #000; 8279 background: #000;
8280 } 8280 }
8281 .cabinet__add-pic input { 8281 .cabinet__add-pic input {
8282 display: none; 8282 display: none;
8283 } 8283 }
8284 .cabinet__add-pic > svg { 8284 .cabinet__add-pic > svg {
8285 width: 20px; 8285 width: 20px;
8286 position: absolute; 8286 position: absolute;
8287 top: 50%; 8287 top: 50%;
8288 left: 50%; 8288 left: 50%;
8289 -webkit-transform: translate(-50%, -50%); 8289 -webkit-transform: translate(-50%, -50%);
8290 -ms-transform: translate(-50%, -50%); 8290 -ms-transform: translate(-50%, -50%);
8291 transform: translate(-50%, -50%); 8291 transform: translate(-50%, -50%);
8292 z-index: 1; 8292 z-index: 1;
8293 } 8293 }
8294 @media (min-width: 768px) { 8294 @media (min-width: 768px) {
8295 .cabinet__add-pic > svg { 8295 .cabinet__add-pic > svg {
8296 width: 50px; 8296 width: 50px;
8297 } 8297 }
8298 } 8298 }
8299 .cabinet__add-pic span { 8299 .cabinet__add-pic span {
8300 display: -webkit-box; 8300 display: -webkit-box;
8301 display: -ms-flexbox; 8301 display: -ms-flexbox;
8302 display: flex; 8302 display: flex;
8303 -webkit-box-align: center; 8303 -webkit-box-align: center;
8304 -ms-flex-align: center; 8304 -ms-flex-align: center;
8305 align-items: center; 8305 align-items: center;
8306 -webkit-box-pack: center; 8306 -webkit-box-pack: center;
8307 -ms-flex-pack: center; 8307 -ms-flex-pack: center;
8308 justify-content: center; 8308 justify-content: center;
8309 width: 100%; 8309 width: 100%;
8310 gap: 4px; 8310 gap: 4px;
8311 font-weight: 700; 8311 font-weight: 700;
8312 font-size: 8px; 8312 font-size: 8px;
8313 line-height: 1; 8313 line-height: 1;
8314 position: absolute; 8314 position: absolute;
8315 top: 50%; 8315 top: 50%;
8316 left: 50%; 8316 left: 50%;
8317 -webkit-transform: translate(-50%, -50%); 8317 -webkit-transform: translate(-50%, -50%);
8318 -ms-transform: translate(-50%, -50%); 8318 -ms-transform: translate(-50%, -50%);
8319 transform: translate(-50%, -50%); 8319 transform: translate(-50%, -50%);
8320 margin-top: 25px; 8320 margin-top: 25px;
8321 } 8321 }
8322 @media (min-width: 768px) { 8322 @media (min-width: 768px) {
8323 .cabinet__add-pic span { 8323 .cabinet__add-pic span {
8324 font-size: 16px; 8324 font-size: 16px;
8325 margin-top: 60px; 8325 margin-top: 60px;
8326 } 8326 }
8327 } 8327 }
8328 .cabinet__add-pic span svg { 8328 .cabinet__add-pic span svg {
8329 width: 7px; 8329 width: 7px;
8330 aspect-ratio: 1/1; 8330 aspect-ratio: 1/1;
8331 } 8331 }
8332 @media (min-width: 768px) { 8332 @media (min-width: 768px) {
8333 .cabinet__add-pic span svg { 8333 .cabinet__add-pic span svg {
8334 width: 16px; 8334 width: 16px;
8335 } 8335 }
8336 } 8336 }
8337 .cabinet__add-body { 8337 .cabinet__add-body {
8338 display: -webkit-box; 8338 display: -webkit-box;
8339 display: -ms-flexbox; 8339 display: -ms-flexbox;
8340 display: flex; 8340 display: flex;
8341 -webkit-box-orient: vertical; 8341 -webkit-box-orient: vertical;
8342 -webkit-box-direction: normal; 8342 -webkit-box-direction: normal;
8343 -ms-flex-direction: column; 8343 -ms-flex-direction: column;
8344 flex-direction: column; 8344 flex-direction: column;
8345 gap: 10px; 8345 gap: 10px;
8346 } 8346 }
8347 @media (min-width: 768px) { 8347 @media (min-width: 768px) {
8348 .cabinet__add-body { 8348 .cabinet__add-body {
8349 gap: 20px; 8349 gap: 20px;
8350 width: calc(100% - 220px); 8350 width: calc(100% - 220px);
8351 padding-left: 20px; 8351 padding-left: 20px;
8352 } 8352 }
8353 } 8353 }
8354 @media (min-width: 768px) { 8354 @media (min-width: 768px) {
8355 .cabinet__add-body .button { 8355 .cabinet__add-body .button {
8356 width: 215px; 8356 width: 215px;
8357 padding: 0; 8357 padding: 0;
8358 } 8358 }
8359 } 8359 }
8360 .cabinet__fleet { 8360 .cabinet__fleet {
8361 display: -webkit-box; 8361 display: -webkit-box;
8362 display: -ms-flexbox; 8362 display: -ms-flexbox;
8363 display: flex; 8363 display: flex;
8364 -webkit-box-orient: vertical; 8364 -webkit-box-orient: vertical;
8365 -webkit-box-direction: normal; 8365 -webkit-box-direction: normal;
8366 -ms-flex-direction: column; 8366 -ms-flex-direction: column;
8367 flex-direction: column; 8367 flex-direction: column;
8368 gap: 20px; 8368 gap: 20px;
8369 } 8369 }
8370 @media (min-width: 768px) { 8370 @media (min-width: 768px) {
8371 .cabinet__fleet { 8371 .cabinet__fleet {
8372 display: grid; 8372 display: grid;
8373 grid-template-columns: repeat(2, 1fr); 8373 grid-template-columns: repeat(2, 1fr);
8374 } 8374 }
8375 } 8375 }
8376 @media (min-width: 1280px) { 8376 @media (min-width: 1280px) {
8377 .cabinet__fleet { 8377 .cabinet__fleet {
8378 grid-template-columns: repeat(3, 1fr); 8378 grid-template-columns: repeat(3, 1fr);
8379 } 8379 }
8380 } 8380 }
8381 @media (min-width: 768px) { 8381 @media (min-width: 768px) {
8382 .cabinet__submit { 8382 .cabinet__submit {
8383 width: 215px; 8383 width: 215px;
8384 padding: 0; 8384 padding: 0;
8385 margin: 0 auto; 8385 margin: 0 auto;
8386 } 8386 }
8387 } 8387 }
8388 .cabinet__filters { 8388 .cabinet__filters {
8389 display: -webkit-box; 8389 display: -webkit-box;
8390 display: -ms-flexbox; 8390 display: -ms-flexbox;
8391 display: flex; 8391 display: flex;
8392 -webkit-box-orient: vertical; 8392 -webkit-box-orient: vertical;
8393 -webkit-box-direction: normal; 8393 -webkit-box-direction: normal;
8394 -ms-flex-direction: column; 8394 -ms-flex-direction: column;
8395 flex-direction: column; 8395 flex-direction: column;
8396 gap: 10px; 8396 gap: 10px;
8397 } 8397 }
8398 @media (min-width: 768px) { 8398 @media (min-width: 768px) {
8399 .cabinet__filters { 8399 .cabinet__filters {
8400 gap: 20px; 8400 gap: 20px;
8401 } 8401 }
8402 } 8402 }
8403 @media (min-width: 1280px) { 8403 @media (min-width: 1280px) {
8404 .cabinet__filters { 8404 .cabinet__filters {
8405 -webkit-box-orient: horizontal; 8405 -webkit-box-orient: horizontal;
8406 -webkit-box-direction: normal; 8406 -webkit-box-direction: normal;
8407 -ms-flex-direction: row; 8407 -ms-flex-direction: row;
8408 flex-direction: row; 8408 flex-direction: row;
8409 -webkit-box-align: start; 8409 -webkit-box-align: start;
8410 -ms-flex-align: start; 8410 -ms-flex-align: start;
8411 align-items: flex-start; 8411 align-items: flex-start;
8412 -webkit-box-pack: justify; 8412 -webkit-box-pack: justify;
8413 -ms-flex-pack: justify; 8413 -ms-flex-pack: justify;
8414 justify-content: space-between; 8414 justify-content: space-between;
8415 } 8415 }
8416 } 8416 }
8417 .cabinet__filters-item { 8417 .cabinet__filters-item {
8418 display: -webkit-box; 8418 display: -webkit-box;
8419 display: -ms-flexbox; 8419 display: -ms-flexbox;
8420 display: flex; 8420 display: flex;
8421 -webkit-box-orient: vertical; 8421 -webkit-box-orient: vertical;
8422 -webkit-box-direction: normal; 8422 -webkit-box-direction: normal;
8423 -ms-flex-direction: column; 8423 -ms-flex-direction: column;
8424 flex-direction: column; 8424 flex-direction: column;
8425 -webkit-box-align: start; 8425 -webkit-box-align: start;
8426 -ms-flex-align: start; 8426 -ms-flex-align: start;
8427 align-items: flex-start; 8427 align-items: flex-start;
8428 gap: 10px; 8428 gap: 10px;
8429 } 8429 }
8430 @media (min-width: 768px) { 8430 @media (min-width: 768px) {
8431 .cabinet__filters-item { 8431 .cabinet__filters-item {
8432 gap: 20px; 8432 gap: 20px;
8433 } 8433 }
8434 } 8434 }
8435 @media (min-width: 1280px) { 8435 @media (min-width: 1280px) {
8436 .cabinet__filters-item { 8436 .cabinet__filters-item {
8437 width: calc(50% - 10px); 8437 width: calc(50% - 10px);
8438 max-width: 410px; 8438 max-width: 410px;
8439 } 8439 }
8440 } 8440 }
8441 .cabinet__filters-item .button, 8441 .cabinet__filters-item .button,
8442 .cabinet__filters-item .select { 8442 .cabinet__filters-item .select {
8443 width: 100%; 8443 width: 100%;
8444 } 8444 }
8445 @media (min-width: 1280px) { 8445 @media (min-width: 1280px) {
8446 .cabinet__filters-item .button, 8446 .cabinet__filters-item .button,
8447 .cabinet__filters-item .select { 8447 .cabinet__filters-item .select {
8448 width: auto; 8448 width: auto;
8449 } 8449 }
8450 } 8450 }
8451 .cabinet__filters-item + .cabinet__filters-item { 8451 .cabinet__filters-item + .cabinet__filters-item {
8452 -webkit-box-align: end; 8452 -webkit-box-align: end;
8453 -ms-flex-align: end; 8453 -ms-flex-align: end;
8454 align-items: flex-end; 8454 align-items: flex-end;
8455 } 8455 }
8456 @media (min-width: 1280px) { 8456 @media (min-width: 1280px) {
8457 .cabinet__filters-item + .cabinet__filters-item { 8457 .cabinet__filters-item + .cabinet__filters-item {
8458 max-width: 280px; 8458 max-width: 280px;
8459 } 8459 }
8460 } 8460 }
8461 .cabinet__filters .search input { 8461 .cabinet__filters .search input {
8462 padding-right: 135px; 8462 padding-right: 135px;
8463 } 8463 }
8464 .cabinet__filters .search button { 8464 .cabinet__filters .search button {
8465 width: 115px; 8465 width: 115px;
8466 } 8466 }
8467 .cabinet__filters-buttons { 8467 .cabinet__filters-buttons {
8468 display: grid; 8468 display: grid;
8469 grid-template-columns: 1fr 1fr; 8469 grid-template-columns: 1fr 1fr;
8470 gap: 10px; 8470 gap: 10px;
8471 width: 100%; 8471 width: 100%;
8472 } 8472 }
8473 @media (min-width: 768px) { 8473 @media (min-width: 768px) {
8474 .cabinet__filters-buttons { 8474 .cabinet__filters-buttons {
8475 gap: 20px; 8475 gap: 20px;
8476 } 8476 }
8477 } 8477 }
8478 .cabinet__filters-buttons .button { 8478 .cabinet__filters-buttons .button {
8479 padding: 0; 8479 padding: 0;
8480 gap: 5px; 8480 gap: 5px;
8481 } 8481 }
8482 .cabinet__filters-buttons .button.active { 8482 .cabinet__filters-buttons .button.active {
8483 background: #377d87; 8483 background: #377d87;
8484 color: #fff; 8484 color: #fff;
8485 } 8485 }
8486 .cabinet__filters-buttons .button.active:before { 8486 .cabinet__filters-buttons .button.active:before {
8487 content: ""; 8487 content: "";
8488 width: 6px; 8488 width: 6px;
8489 height: 6px; 8489 height: 6px;
8490 background: #fff; 8490 background: #fff;
8491 border-radius: 999px; 8491 border-radius: 999px;
8492 } 8492 }
8493 .cabinet__table-header { 8493 .cabinet__table-header {
8494 display: -webkit-box; 8494 display: -webkit-box;
8495 display: -ms-flexbox; 8495 display: -ms-flexbox;
8496 display: flex; 8496 display: flex;
8497 -webkit-box-pack: justify; 8497 -webkit-box-pack: justify;
8498 -ms-flex-pack: justify; 8498 -ms-flex-pack: justify;
8499 justify-content: space-between; 8499 justify-content: space-between;
8500 -webkit-box-align: center; 8500 -webkit-box-align: center;
8501 -ms-flex-align: center; 8501 -ms-flex-align: center;
8502 align-items: center; 8502 align-items: center;
8503 font-weight: 700; 8503 font-weight: 700;
8504 margin-bottom: -10px; 8504 margin-bottom: -10px;
8505 } 8505 }
8506 .cabinet__table-header div { 8506 .cabinet__table-header div {
8507 font-size: 18px; 8507 font-size: 18px;
8508 } 8508 }
8509 @media (min-width: 768px) { 8509 @media (min-width: 768px) {
8510 .cabinet__table-header div { 8510 .cabinet__table-header div {
8511 font-size: 24px; 8511 font-size: 24px;
8512 } 8512 }
8513 } 8513 }
8514 .cabinet__table-header span { 8514 .cabinet__table-header span {
8515 color: #000; 8515 color: #000;
8516 font-size: 14px; 8516 font-size: 14px;
8517 } 8517 }
8518 @media (min-width: 768px) { 8518 @media (min-width: 768px) {
8519 .cabinet__table-header span { 8519 .cabinet__table-header span {
8520 font-size: 18px; 8520 font-size: 18px;
8521 } 8521 }
8522 } 8522 }
8523 .cabinet__table-header span b { 8523 .cabinet__table-header span b {
8524 color: #377d87; 8524 color: #377d87;
8525 } 8525 }
8526 .cabinet__tabs { 8526 .cabinet__tabs {
8527 display: grid; 8527 display: grid;
8528 grid-template-columns: 1fr 1fr; 8528 grid-template-columns: 1fr 1fr;
8529 gap: 20px; 8529 gap: 20px;
8530 } 8530 }
8531 @media (min-width: 768px) { 8531 @media (min-width: 768px) {
8532 .cabinet__tabs { 8532 .cabinet__tabs {
8533 max-width: 420px; 8533 max-width: 420px;
8534 } 8534 }
8535 } 8535 }
8536 .cabinet__tabs .button.active { 8536 .cabinet__tabs .button.active {
8537 background: #377d87; 8537 background: #377d87;
8538 color: #fff; 8538 color: #fff;
8539 } 8539 }
8540 .cabinet__bodies { 8540 .cabinet__bodies {
8541 display: none; 8541 display: none;
8542 } 8542 }
8543 .cabinet__bodies.showed { 8543 .cabinet__bodies.showed {
8544 display: block; 8544 display: block;
8545 } 8545 }
8546 .cabinet__nots { 8546 .cabinet__nots {
8547 display: -webkit-box; 8547 display: -webkit-box;
8548 display: -ms-flexbox; 8548 display: -ms-flexbox;
8549 display: flex; 8549 display: flex;
8550 -webkit-box-orient: vertical; 8550 -webkit-box-orient: vertical;
8551 -webkit-box-direction: normal; 8551 -webkit-box-direction: normal;
8552 -ms-flex-direction: column; 8552 -ms-flex-direction: column;
8553 flex-direction: column; 8553 flex-direction: column;
8554 -webkit-box-align: start; 8554 -webkit-box-align: start;
8555 -ms-flex-align: start; 8555 -ms-flex-align: start;
8556 align-items: flex-start; 8556 align-items: flex-start;
8557 gap: 10px; 8557 gap: 10px;
8558 } 8558 }
8559 @media (min-width: 768px) { 8559 @media (min-width: 768px) {
8560 .cabinet__nots { 8560 .cabinet__nots {
8561 gap: 20px; 8561 gap: 20px;
8562 } 8562 }
8563 } 8563 }
8564 .cabinet__nots .input { 8564 .cabinet__nots .input {
8565 width: 100%; 8565 width: 100%;
8566 } 8566 }
8567 .cabinet__anketa { 8567 .cabinet__anketa {
8568 display: -webkit-box; 8568 display: -webkit-box;
8569 display: -ms-flexbox; 8569 display: -ms-flexbox;
8570 display: flex; 8570 display: flex;
8571 -webkit-box-orient: vertical; 8571 -webkit-box-orient: vertical;
8572 -webkit-box-direction: normal; 8572 -webkit-box-direction: normal;
8573 -ms-flex-direction: column; 8573 -ms-flex-direction: column;
8574 flex-direction: column; 8574 flex-direction: column;
8575 -webkit-box-pack: justify; 8575 -webkit-box-pack: justify;
8576 -ms-flex-pack: justify; 8576 -ms-flex-pack: justify;
8577 justify-content: space-between; 8577 justify-content: space-between;
8578 gap: 10px; 8578 gap: 10px;
8579 } 8579 }
8580 @media (min-width: 768px) { 8580 @media (min-width: 768px) {
8581 .cabinet__anketa { 8581 .cabinet__anketa {
8582 -webkit-box-orient: horizontal; 8582 -webkit-box-orient: horizontal;
8583 -webkit-box-direction: normal; 8583 -webkit-box-direction: normal;
8584 -ms-flex-direction: row; 8584 -ms-flex-direction: row;
8585 flex-direction: row; 8585 flex-direction: row;
8586 -webkit-box-align: center; 8586 -webkit-box-align: center;
8587 -ms-flex-align: center; 8587 -ms-flex-align: center;
8588 align-items: center; 8588 align-items: center;
8589 } 8589 }
8590 } 8590 }
8591 @media (min-width: 992px) { 8591 @media (min-width: 992px) {
8592 .cabinet__anketa { 8592 .cabinet__anketa {
8593 -webkit-box-orient: vertical; 8593 -webkit-box-orient: vertical;
8594 -webkit-box-direction: normal; 8594 -webkit-box-direction: normal;
8595 -ms-flex-direction: column; 8595 -ms-flex-direction: column;
8596 flex-direction: column; 8596 flex-direction: column;
8597 -webkit-box-align: stretch; 8597 -webkit-box-align: stretch;
8598 -ms-flex-align: stretch; 8598 -ms-flex-align: stretch;
8599 align-items: stretch; 8599 align-items: stretch;
8600 } 8600 }
8601 } 8601 }
8602 @media (min-width: 1280px) { 8602 @media (min-width: 1280px) {
8603 .cabinet__anketa { 8603 .cabinet__anketa {
8604 -webkit-box-orient: horizontal; 8604 -webkit-box-orient: horizontal;
8605 -webkit-box-direction: normal; 8605 -webkit-box-direction: normal;
8606 -ms-flex-direction: row; 8606 -ms-flex-direction: row;
8607 flex-direction: row; 8607 flex-direction: row;
8608 -webkit-box-align: center; 8608 -webkit-box-align: center;
8609 -ms-flex-align: center; 8609 -ms-flex-align: center;
8610 align-items: center; 8610 align-items: center;
8611 -webkit-box-pack: justify; 8611 -webkit-box-pack: justify;
8612 -ms-flex-pack: justify; 8612 -ms-flex-pack: justify;
8613 justify-content: space-between; 8613 justify-content: space-between;
8614 } 8614 }
8615 } 8615 }
8616 .cabinet__anketa-buttons { 8616 .cabinet__anketa-buttons {
8617 display: -webkit-box; 8617 display: -webkit-box;
8618 display: -ms-flexbox; 8618 display: -ms-flexbox;
8619 display: flex; 8619 display: flex;
8620 -webkit-box-orient: vertical; 8620 -webkit-box-orient: vertical;
8621 -webkit-box-direction: normal; 8621 -webkit-box-direction: normal;
8622 -ms-flex-direction: column; 8622 -ms-flex-direction: column;
8623 flex-direction: column; 8623 flex-direction: column;
8624 gap: 10px; 8624 gap: 10px;
8625 } 8625 }
8626 @media (min-width: 768px) { 8626 @media (min-width: 768px) {
8627 .cabinet__anketa-buttons { 8627 .cabinet__anketa-buttons {
8628 display: grid; 8628 display: grid;
8629 grid-template-columns: 1fr 1fr; 8629 grid-template-columns: 1fr 1fr;
8630 gap: 20px; 8630 gap: 20px;
8631 } 8631 }
8632 } 8632 }
8633 .cabinet__stats { 8633 .cabinet__stats {
8634 display: -webkit-box; 8634 display: -webkit-box;
8635 display: -ms-flexbox; 8635 display: -ms-flexbox;
8636 display: flex; 8636 display: flex;
8637 -webkit-box-orient: vertical; 8637 -webkit-box-orient: vertical;
8638 -webkit-box-direction: normal; 8638 -webkit-box-direction: normal;
8639 -ms-flex-direction: column; 8639 -ms-flex-direction: column;
8640 flex-direction: column; 8640 flex-direction: column;
8641 gap: 6px; 8641 gap: 6px;
8642 } 8642 }
8643 @media (min-width: 768px) { 8643 @media (min-width: 768px) {
8644 .cabinet__stats { 8644 .cabinet__stats {
8645 gap: 12px; 8645 gap: 12px;
8646 } 8646 }
8647 } 8647 }
8648 .cabinet__stats-title { 8648 .cabinet__stats-title {
8649 font-size: 14px; 8649 font-size: 14px;
8650 font-weight: 700; 8650 font-weight: 700;
8651 color: #000; 8651 color: #000;
8652 } 8652 }
8653 @media (min-width: 768px) { 8653 @media (min-width: 768px) {
8654 .cabinet__stats-title { 8654 .cabinet__stats-title {
8655 font-size: 24px; 8655 font-size: 24px;
8656 } 8656 }
8657 } 8657 }
8658 .cabinet__stats-body { 8658 .cabinet__stats-body {
8659 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8659 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8660 border-radius: 8px; 8660 border-radius: 8px;
8661 padding: 10px; 8661 padding: 10px;
8662 display: grid; 8662 display: grid;
8663 grid-template-columns: 1fr 1fr; 8663 grid-template-columns: 1fr 1fr;
8664 gap: 20px; 8664 gap: 20px;
8665 margin-bottom: 10px; 8665 margin-bottom: 10px;
8666 } 8666 }
8667 @media (min-width: 768px) { 8667 @media (min-width: 768px) {
8668 .cabinet__stats-body { 8668 .cabinet__stats-body {
8669 padding: 10px 20px; 8669 padding: 10px 20px;
8670 } 8670 }
8671 } 8671 }
8672 .cabinet__stats-item { 8672 .cabinet__stats-item {
8673 font-size: 12px; 8673 font-size: 12px;
8674 display: -webkit-box; 8674 display: -webkit-box;
8675 display: -ms-flexbox; 8675 display: -ms-flexbox;
8676 display: flex; 8676 display: flex;
8677 -webkit-box-align: center; 8677 -webkit-box-align: center;
8678 -ms-flex-align: center; 8678 -ms-flex-align: center;
8679 align-items: center; 8679 align-items: center;
8680 line-height: 1; 8680 line-height: 1;
8681 gap: 6px; 8681 gap: 6px;
8682 } 8682 }
8683 @media (min-width: 768px) { 8683 @media (min-width: 768px) {
8684 .cabinet__stats-item { 8684 .cabinet__stats-item {
8685 font-size: 20px; 8685 font-size: 20px;
8686 gap: 10px; 8686 gap: 10px;
8687 } 8687 }
8688 } 8688 }
8689 .cabinet__stats-item svg { 8689 .cabinet__stats-item svg {
8690 width: 20px; 8690 width: 20px;
8691 aspect-ratio: 1/1; 8691 aspect-ratio: 1/1;
8692 color: #377d87; 8692 color: #377d87;
8693 } 8693 }
8694 @media (min-width: 768px) { 8694 @media (min-width: 768px) {
8695 .cabinet__stats-item svg { 8695 .cabinet__stats-item svg {
8696 width: 40px; 8696 width: 40px;
8697 margin-right: 10px; 8697 margin-right: 10px;
8698 } 8698 }
8699 } 8699 }
8700 .cabinet__stats-item span { 8700 .cabinet__stats-item span {
8701 font-weight: 700; 8701 font-weight: 700;
8702 color: #000; 8702 color: #000;
8703 } 8703 }
8704 .cabinet__stats-item b { 8704 .cabinet__stats-item b {
8705 color: #377d87; 8705 color: #377d87;
8706 font-size: 14px; 8706 font-size: 14px;
8707 } 8707 }
8708 @media (min-width: 768px) { 8708 @media (min-width: 768px) {
8709 .cabinet__stats-item b { 8709 .cabinet__stats-item b {
8710 font-size: 24px; 8710 font-size: 24px;
8711 } 8711 }
8712 } 8712 }
8713 .cabinet__stats-subtitle { 8713 .cabinet__stats-subtitle {
8714 font-size: 14px; 8714 font-size: 14px;
8715 font-weight: 700; 8715 font-weight: 700;
8716 color: #377d87; 8716 color: #377d87;
8717 } 8717 }
8718 @media (min-width: 768px) { 8718 @media (min-width: 768px) {
8719 .cabinet__stats-subtitle { 8719 .cabinet__stats-subtitle {
8720 font-size: 18px; 8720 font-size: 18px;
8721 } 8721 }
8722 } 8722 }
8723 .cabinet__stats-line { 8723 .cabinet__stats-line {
8724 width: 100%; 8724 width: 100%;
8725 position: relative; 8725 position: relative;
8726 overflow: hidden; 8726 overflow: hidden;
8727 height: 8px; 8727 height: 8px;
8728 border-radius: 999px; 8728 border-radius: 999px;
8729 background: #cecece; 8729 background: #cecece;
8730 } 8730 }
8731 .cabinet__stats-line span { 8731 .cabinet__stats-line span {
8732 position: absolute; 8732 position: absolute;
8733 top: 0; 8733 top: 0;
8734 left: 0; 8734 left: 0;
8735 width: 100%; 8735 width: 100%;
8736 height: 100%; 8736 height: 100%;
8737 background: #377d87; 8737 background: #377d87;
8738 border-radius: 999px; 8738 border-radius: 999px;
8739 } 8739 }
8740 .cabinet__stats-bottom { 8740 .cabinet__stats-bottom {
8741 color: #000; 8741 color: #000;
8742 font-size: 12px; 8742 font-size: 12px;
8743 } 8743 }
8744 @media (min-width: 768px) { 8744 @media (min-width: 768px) {
8745 .cabinet__stats-bottom { 8745 .cabinet__stats-bottom {
8746 font-size: 16px; 8746 font-size: 16px;
8747 } 8747 }
8748 } 8748 }
8749 .cabinet__works { 8749 .cabinet__works {
8750 display: -webkit-box; 8750 display: -webkit-box;
8751 display: -ms-flexbox; 8751 display: -ms-flexbox;
8752 display: flex; 8752 display: flex;
8753 -webkit-box-orient: vertical; 8753 -webkit-box-orient: vertical;
8754 -webkit-box-direction: normal; 8754 -webkit-box-direction: normal;
8755 -ms-flex-direction: column; 8755 -ms-flex-direction: column;
8756 flex-direction: column; 8756 flex-direction: column;
8757 gap: 20px; 8757 gap: 20px;
8758 } 8758 }
8759 @media (min-width: 768px) { 8759 @media (min-width: 768px) {
8760 .cabinet__works { 8760 .cabinet__works {
8761 gap: 30px; 8761 gap: 30px;
8762 } 8762 }
8763 } 8763 }
8764 .cabinet__works-item { 8764 .cabinet__works-item {
8765 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8765 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8766 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8766 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8767 padding: 10px; 8767 padding: 10px;
8768 border-radius: 4px; 8768 border-radius: 4px;
8769 } 8769 }
8770 @media (min-width: 768px) { 8770 @media (min-width: 768px) {
8771 .cabinet__works-item { 8771 .cabinet__works-item {
8772 padding: 20px; 8772 padding: 20px;
8773 border-radius: 8px; 8773 border-radius: 8px;
8774 } 8774 }
8775 } 8775 }
8776 .cabinet__works-spoiler { 8776 .cabinet__works-spoiler {
8777 display: -webkit-box; 8777 display: -webkit-box;
8778 display: -ms-flexbox; 8778 display: -ms-flexbox;
8779 display: flex; 8779 display: flex;
8780 -webkit-box-align: center; 8780 -webkit-box-align: center;
8781 -ms-flex-align: center; 8781 -ms-flex-align: center;
8782 align-items: center; 8782 align-items: center;
8783 -webkit-box-pack: justify; 8783 -webkit-box-pack: justify;
8784 -ms-flex-pack: justify; 8784 -ms-flex-pack: justify;
8785 justify-content: space-between; 8785 justify-content: space-between;
8786 } 8786 }
8787 .cabinet__works-spoiler-left { 8787 .cabinet__works-spoiler-left {
8788 display: -webkit-box; 8788 display: -webkit-box;
8789 display: -ms-flexbox; 8789 display: -ms-flexbox;
8790 display: flex; 8790 display: flex;
8791 -webkit-box-align: center; 8791 -webkit-box-align: center;
8792 -ms-flex-align: center; 8792 -ms-flex-align: center;
8793 align-items: center; 8793 align-items: center;
8794 width: calc(100% - 22px); 8794 width: calc(100% - 22px);
8795 } 8795 }
8796 .cabinet__works-spoiler-right { 8796 .cabinet__works-spoiler-right {
8797 width: 22px; 8797 width: 22px;
8798 height: 22px; 8798 height: 22px;
8799 display: -webkit-box; 8799 display: -webkit-box;
8800 display: -ms-flexbox; 8800 display: -ms-flexbox;
8801 display: flex; 8801 display: flex;
8802 -webkit-box-align: center; 8802 -webkit-box-align: center;
8803 -ms-flex-align: center; 8803 -ms-flex-align: center;
8804 align-items: center; 8804 align-items: center;
8805 -webkit-box-pack: center; 8805 -webkit-box-pack: center;
8806 -ms-flex-pack: center; 8806 -ms-flex-pack: center;
8807 justify-content: center; 8807 justify-content: center;
8808 color: #377d87; 8808 color: #377d87;
8809 padding: 0; 8809 padding: 0;
8810 background: none; 8810 background: none;
8811 border: none; 8811 border: none;
8812 } 8812 }
8813 .cabinet__works-spoiler-right svg { 8813 .cabinet__works-spoiler-right svg {
8814 width: 60%; 8814 width: 60%;
8815 aspect-ratio: 1/1; 8815 aspect-ratio: 1/1;
8816 -webkit-transform: rotate(90deg); 8816 -webkit-transform: rotate(90deg);
8817 -ms-transform: rotate(90deg); 8817 -ms-transform: rotate(90deg);
8818 transform: rotate(90deg); 8818 transform: rotate(90deg);
8819 -webkit-transition: 0.3s; 8819 -webkit-transition: 0.3s;
8820 transition: 0.3s; 8820 transition: 0.3s;
8821 } 8821 }
8822 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 8822 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
8823 -webkit-transform: rotate(-90deg); 8823 -webkit-transform: rotate(-90deg);
8824 -ms-transform: rotate(-90deg); 8824 -ms-transform: rotate(-90deg);
8825 transform: rotate(-90deg); 8825 transform: rotate(-90deg);
8826 } 8826 }
8827 .cabinet__works-spoiler-buttons { 8827 .cabinet__works-spoiler-buttons {
8828 display: -webkit-box; 8828 display: -webkit-box;
8829 display: -ms-flexbox; 8829 display: -ms-flexbox;
8830 display: flex; 8830 display: flex;
8831 -webkit-box-align: center; 8831 -webkit-box-align: center;
8832 -ms-flex-align: center; 8832 -ms-flex-align: center;
8833 align-items: center; 8833 align-items: center;
8834 -webkit-box-pack: justify; 8834 -webkit-box-pack: justify;
8835 -ms-flex-pack: justify; 8835 -ms-flex-pack: justify;
8836 justify-content: space-between; 8836 justify-content: space-between;
8837 width: 60px; 8837 width: 60px;
8838 } 8838 }
8839 @media (min-width: 768px) { 8839 @media (min-width: 768px) {
8840 .cabinet__works-spoiler-buttons { 8840 .cabinet__works-spoiler-buttons {
8841 width: 74px; 8841 width: 74px;
8842 } 8842 }
8843 } 8843 }
8844 .cabinet__works-spoiler-buttons .button { 8844 .cabinet__works-spoiler-buttons .button {
8845 width: 22px; 8845 width: 22px;
8846 height: 22px; 8846 height: 22px;
8847 padding: 0; 8847 padding: 0;
8848 } 8848 }
8849 @media (min-width: 768px) { 8849 @media (min-width: 768px) {
8850 .cabinet__works-spoiler-buttons .button { 8850 .cabinet__works-spoiler-buttons .button {
8851 width: 30px; 8851 width: 30px;
8852 height: 30px; 8852 height: 30px;
8853 } 8853 }
8854 } 8854 }
8855 .cabinet__works-spoiler-text { 8855 .cabinet__works-spoiler-text {
8856 width: calc(100% - 60px); 8856 width: calc(100% - 60px);
8857 padding-left: 20px; 8857 padding-left: 20px;
8858 font-size: 17px; 8858 font-size: 17px;
8859 font-weight: 700; 8859 font-weight: 700;
8860 color: #000; 8860 color: #000;
8861 } 8861 }
8862 @media (min-width: 768px) { 8862 @media (min-width: 768px) {
8863 .cabinet__works-spoiler-text { 8863 .cabinet__works-spoiler-text {
8864 width: calc(100% - 74px); 8864 width: calc(100% - 74px);
8865 font-size: 20px; 8865 font-size: 20px;
8866 } 8866 }
8867 } 8867 }
8868 .cabinet__works-body { 8868 .cabinet__works-body {
8869 opacity: 0; 8869 opacity: 0;
8870 height: 0; 8870 height: 0;
8871 overflow: hidden; 8871 overflow: hidden;
8872 } 8872 }
8873 .active + .cabinet__works-body { 8873 .active + .cabinet__works-body {
8874 -webkit-transition: 0.3s; 8874 -webkit-transition: 0.3s;
8875 transition: 0.3s; 8875 transition: 0.3s;
8876 opacity: 1; 8876 opacity: 1;
8877 height: auto; 8877 height: auto;
8878 padding-top: 20px; 8878 padding-top: 20px;
8879 } 8879 }
8880 .cabinet__works-add { 8880 .cabinet__works-add {
8881 padding: 0; 8881 padding: 0;
8882 width: 100%; 8882 width: 100%;
8883 max-width: 160px; 8883 max-width: 160px;
8884 } 8884 }
8885 @media (min-width: 768px) { 8885 @media (min-width: 768px) {
8886 .cabinet__works-add { 8886 .cabinet__works-add {
8887 max-width: 220px; 8887 max-width: 220px;
8888 } 8888 }
8889 } 8889 }
8890 .cabinet__buttons { 8890 .cabinet__buttons {
8891 display: -webkit-box; 8891 display: -webkit-box;
8892 display: -ms-flexbox; 8892 display: -ms-flexbox;
8893 display: flex; 8893 display: flex;
8894 -webkit-box-orient: vertical; 8894 -webkit-box-orient: vertical;
8895 -webkit-box-direction: normal; 8895 -webkit-box-direction: normal;
8896 -ms-flex-direction: column; 8896 -ms-flex-direction: column;
8897 flex-direction: column; 8897 flex-direction: column;
8898 -webkit-box-align: center; 8898 -webkit-box-align: center;
8899 -ms-flex-align: center; 8899 -ms-flex-align: center;
8900 align-items: center; 8900 align-items: center;
8901 gap: 10px; 8901 gap: 10px;
8902 } 8902 }
8903 @media (min-width: 768px) { 8903 @media (min-width: 768px) {
8904 .cabinet__buttons { 8904 .cabinet__buttons {
8905 display: grid; 8905 display: grid;
8906 grid-template-columns: 1fr 1fr; 8906 grid-template-columns: 1fr 1fr;
8907 gap: 20px; 8907 gap: 20px;
8908 } 8908 }
8909 } 8909 }
8910 .cabinet__buttons .button, 8910 .cabinet__buttons .button,
8911 .cabinet__buttons .file { 8911 .cabinet__buttons .file {
8912 padding: 0; 8912 padding: 0;
8913 width: 100%; 8913 width: 100%;
8914 max-width: 140px; 8914 max-width: 140px;
8915 } 8915 }
8916 @media (min-width: 768px) { 8916 @media (min-width: 768px) {
8917 .cabinet__buttons .button, 8917 .cabinet__buttons .button,
8918 .cabinet__buttons .file { 8918 .cabinet__buttons .file {
8919 max-width: none; 8919 max-width: none;
8920 } 8920 }
8921 } 8921 }
8922 @media (min-width: 768px) { 8922 @media (min-width: 768px) {
8923 .cabinet__buttons { 8923 .cabinet__buttons {
8924 gap: 20px; 8924 gap: 20px;
8925 } 8925 }
8926 } 8926 }
8927 @media (min-width: 1280px) { 8927 @media (min-width: 1280px) {
8928 .cabinet__buttons { 8928 .cabinet__buttons {
8929 max-width: 400px; 8929 max-width: 400px;
8930 } 8930 }
8931 } 8931 }
8932 .cabinet__vacs { 8932 .cabinet__vacs {
8933 display: -webkit-box; 8933 display: -webkit-box;
8934 display: -ms-flexbox; 8934 display: -ms-flexbox;
8935 display: flex; 8935 display: flex;
8936 -webkit-box-orient: vertical; 8936 -webkit-box-orient: vertical;
8937 -webkit-box-direction: reverse; 8937 -webkit-box-direction: reverse;
8938 -ms-flex-direction: column-reverse; 8938 -ms-flex-direction: column-reverse;
8939 flex-direction: column-reverse; 8939 flex-direction: column-reverse;
8940 -webkit-box-align: center; 8940 -webkit-box-align: center;
8941 -ms-flex-align: center; 8941 -ms-flex-align: center;
8942 align-items: center; 8942 align-items: center;
8943 gap: 20px; 8943 gap: 20px;
8944 } 8944 }
8945 .cabinet__vacs-body { 8945 .cabinet__vacs-body {
8946 display: -webkit-box; 8946 display: -webkit-box;
8947 display: -ms-flexbox; 8947 display: -ms-flexbox;
8948 display: flex; 8948 display: flex;
8949 -webkit-box-orient: vertical; 8949 -webkit-box-orient: vertical;
8950 -webkit-box-direction: normal; 8950 -webkit-box-direction: normal;
8951 -ms-flex-direction: column; 8951 -ms-flex-direction: column;
8952 flex-direction: column; 8952 flex-direction: column;
8953 gap: 20px; 8953 gap: 20px;
8954 width: 100%; 8954 width: 100%;
8955 } 8955 }
8956 @media (min-width: 768px) { 8956 @media (min-width: 768px) {
8957 .cabinet__vacs-body { 8957 .cabinet__vacs-body {
8958 gap: 30px; 8958 gap: 30px;
8959 } 8959 }
8960 } 8960 }
8961 .cabinet__vacs-item { 8961 .cabinet__vacs-item {
8962 display: none; 8962 display: none;
8963 background: #fff; 8963 background: #fff;
8964 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8964 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8965 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8965 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8966 } 8966 }
8967 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 8967 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
8968 display: -webkit-box; 8968 display: -webkit-box;
8969 display: -ms-flexbox; 8969 display: -ms-flexbox;
8970 display: flex; 8970 display: flex;
8971 } 8971 }
8972 .cabinet__vacs.active .cabinet__vacs-item { 8972 .cabinet__vacs.active .cabinet__vacs-item {
8973 display: -webkit-box; 8973 display: -webkit-box;
8974 display: -ms-flexbox; 8974 display: -ms-flexbox;
8975 display: flex; 8975 display: flex;
8976 } 8976 }
8977 8977
resources/views/employers/bd.blade.php
Diff comments   View file @ e20c428
1 @extends('layout.frontend', ['title' => 'База данных - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'База данных - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('click', '.die_black', function() { 6 $(document).on('click', '.die_black', function() {
7 var this_ = $(this); 7 var this_ = $(this);
8 var ajax_ = $('#ajax_flot_div'); 8 var ajax_ = $('#ajax_flot_div');
9 var id_ = this_.attr('data-test'); 9 var id_ = this_.attr('data-test');
10 var url_ = this_.attr('data-link'); 10 var url_ = this_.attr('data-link');
11 11
12 console.log(url_); 12 console.log(url_);
13 $.ajax({ 13 $.ajax({
14 type: "GET", 14 type: "GET",
15 url: url_, 15 url: url_,
16 success: function (data) { 16 success: function (data) {
17 console.log('Ответка'); 17 console.log('Ответка');
18 ajax_.html(data); 18 ajax_.html(data);
19 }, 19 },
20 headers: { 20 headers: {
21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22 }, 22 },
23 error: function (data) { 23 error: function (data) {
24 console.log('Error: ' + data); 24 console.log('Error: ' + data);
25 } 25 }
26 }); 26 });
27 27
28 }); 28 });
29 </script> 29 </script>
30 @endsection 30 @endsection
31 31
32 @section('content') 32 @section('content')
33 <section class="cabinet"> 33 <section class="cabinet">
34 <div class="container"> 34 <div class="container">
35 <ul class="breadcrumbs cabinet__breadcrumbs"> 35 <ul class="breadcrumbs cabinet__breadcrumbs">
36 <li><a href="{{ route('index') }}">Главная</a></li> 36 <li><a href="{{ route('index') }}">Главная</a></li>
37 <li><b>Личный кабинет</b></li> 37 <li><b>Личный кабинет</b></li>
38 </ul> 38 </ul>
39 <div class="cabinet__wrapper"> 39 <div class="cabinet__wrapper">
40 <div class="cabinet__side"> 40 <div class="cabinet__side">
41 <div class="cabinet__side-toper"> 41 <div class="cabinet__side-toper">
42 @include('employers.emblema') 42 @include('employers.emblema')
43 </div> 43 </div>
44 @include('employers.menu', ['item' => 7]) 44 @include('employers.menu', ['item' => 7])
45 </div> 45 </div>
46 46
47 <div class="cabinet__body"> 47 <div class="cabinet__body">
48 <div class="cabinet__body-item"> 48 <div class="cabinet__body-item">
49 <h2 class="title cabinet__title">База данных</h2> 49 <h2 class="title cabinet__title">База данных</h2>
50 </div> 50 </div>
51 <div class="cabinet__body-item"> 51 <div class="cabinet__body-item">
52 <div class="cabinet__filters"> 52 <div class="cabinet__filters">
53 <div class="cabinet__filters-item"> 53 <div class="cabinet__filters-item">
54 <form class="search" action="{{ route('employer.bd') }}"> 54 <form class="search" action="{{ route('employer.bd') }}">
55 <input type="search" name="search" id="search" class="input" placeholder="Поиск&hellip;" value="@if (isset($_GET['search'])) {{ $_GET['search'] }} @endif"> 55 <input type="search" name="search" id="search" class="input" placeholder="Поиск&hellip;" value="@if (isset($_GET['search'])) {{ $_GET['search'] }} @endif">
56 <button type="submit" class="button">Найти</button> 56 <button type="submit" class="button">Найти</button>
57 <span> 57 <span>
58 <svg> 58 <svg>
59 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 59 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
60 </svg> 60 </svg>
61 </span> 61 </span>
62 </form> 62 </form>
63 </div> 63 </div>
64 64
65 <div class="cabinet__filters-item"> 65 <div class="cabinet__filters-item">
66 <a href="{{ route('resume_download_all') }}" class="button"> 66 <a href="{{ route('resume_download_all') }}" class="button">
67 <svg> 67 <svg>
68 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 68 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
69 </svg> 69 </svg>
70 Экспорт 70 Экспорт
71 </a> 71 </a>
72 </div> 72 </div>
73 </div> 73 </div>
74 </div> 74 </div>
75 75
76 <div class="cabinet__body-item"> 76 <div class="cabinet__body-item">
77 <div class="cabinet__table-header"> 77 <div class="cabinet__table-header">
78 <div><!--_if (isset($it->workers[0]->job_titles[0]->name)) _ $it->workers[0]->job_titles[0]->name }}_else Не указано _endif--> 78 <div><!--_if (isset($it->workers[0]->job_titles[0]->name)) _ $it->workers[0]->job_titles[0]->name }}_else Не указано _endif-->
79 Позиции работников 79 Позиции работников
80 </div> 80 </div>
81 <span> 81 <span>
82 Всего вакансий найдено: 82 Всего вакансий найдено:
83 <b>{{ $users->count() }}</b> 83 <b>{{ $count_users->count() }}</b>
84 </span> 84 </span>
85 </div> 85 </div>
86 <div class="table table_spoiler"> 86 <div class="table table_spoiler">
87 <!--<button type="button" class="table__button js-toggle js-parent-toggle button button_light button_more"> 87 <!--<button type="button" class="table__button js-toggle js-parent-toggle button button_light button_more">
88 <span>Показать ещё</span> 88 <span>Показать ещё</span>
89 <span>Свернуть</span> 89 <span>Свернуть</span>
90 </button>--> 90 </button>-->
91 91
92 <div class="table__scroll"> 92 <div class="table__scroll">
93 <div class="table__body table__body_min-width"> 93 <div class="table__body table__body_min-width">
94 <table> 94 <table>
95 <thead> 95 <thead>
96 <tr> 96 <tr>
97 <th>ФИО соискателя</th> 97 <th>ФИО соискателя</th>
98 <th>Номер телефона</th> 98 <th>Номер телефона</th>
99 <th>Электронная<br>почта</th> 99 <th>Электронная<br>почта</th>
100 <th>Наличие<br>анкеты</th> 100 <th>Наличие<br>анкеты</th>
101 </tr> 101 </tr>
102 </thead> 102 </thead>
103 <tbody> 103 <tbody>
104 @php 104 @php
105 $categories = 0; 105 $categories = 0;
106 106
107 @endphp 107 @endphp
108 @if ($users->count()) 108 @if ($users->count())
109 @foreach ($users as $key => $it) 109 @foreach ($users as $key => $it)
110 @if (isset($it->workers[0]->position_work)) 110 @if (isset($it->workers[0]->position_work))
111 @if ($categories !== $it->workers[0]->position_work) 111 @if ($categories !== $it->workers[0]->position_work)
112 @php 112 @php
113 $categories = $it->workers[0]->position_work; 113 $categories = $it->workers[0]->position_work;
114 $i = 0; 114 $i = 0;
115 @endphp 115 @endphp
116 @endif 116 @endif
117 117
118 @if ($i == 0) 118 @if ($i == 0)
119 119
120 @endif 120 @endif
121 <tr> 121 <tr>
122 <td>{{ $it->surname." ".$it->name_man }}<br>{{ $it->surname2 }}</td> 122 <td>{{ $it->surname." ".$it->name_man }}<br>{{ $it->surname2 }}</td>
123 123
124 <td> 124 <td>
125 125
126 @if (!empty($it->workers[0]->telephone)) 126 @if (!empty($it->workers[0]->telephone))
127 <a href="tel:{{ $it->workers[0]->telephone }}"> 127 <a href="tel:{{ $it->workers[0]->telephone }}">
128 {{ $it->workers[0]->telephone }} 128 {{ $it->workers[0]->telephone }}
129 </a> 129 </a>
130 @else 130 @else
131 - 131 -
132 @endif 132 @endif
133 133
134 @if (!empty($it->workers[0]->telephone2)) 134 @if (!empty($it->workers[0]->telephone2))
135 <br><a href="tel:{{ $it->workers[0]->telephone2 }}"> 135 <br><a href="tel:{{ $it->workers[0]->telephone2 }}">
136 {{ $it->workers[0]->telephone2 }} 136 {{ $it->workers[0]->telephone2 }}
137 </a> 137 </a>
138 @endif 138 @endif
139 </td> 139 </td>
140 140
141 <td> 141 <td>
142 @if (!empty($it->workers[0]->email)) 142 @if (!empty($it->workers[0]->email))
143 <a href="emailto:{{ $it->workers[0]->email }}">{{ $it->workers[0]->email }}</a> 143 <a href="emailto:{{ $it->workers[0]->email }}">{{ $it->workers[0]->email }}</a>
144 @else 144 @else
145 - 145 -
146 @endif 146 @endif
147 </td> 147 </td>
148 148
149 <td> 149 <td>
150 @if (isset($it->workers[0]->id)) 150 @if (isset($it->workers[0]->id))
151 <a href="{{ route('resume_download', ['worker' => $it->workers[0]->id]) }}" class="table__link"> 151 <a href="{{ route('resume_download', ['worker' => $it->workers[0]->id]) }}" class="table__link">
152 <svg> 152 <svg>
153 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 153 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
154 </svg> 154 </svg>
155 Скачать 155 Скачать
156 </a> 156 </a>
157 @endif 157 @endif
158 </td> 158 </td>
159 </tr> 159 </tr>
160 @php $i++ @endphp 160 @php $i++ @endphp
161 161
162 162
163 @endif 163 @endif
164 @endforeach 164 @endforeach
165 @endif 165 @endif
166 </tbody> 166 </tbody>
167 </table> 167 </table>
168 </div> 168 </div>
169 169
170 </div> 170 </div>
171 </div> 171 </div>
172 {{ $users->onEachSide(0)->appends($_GET)->links('paginate') }} 172 {{ $users->onEachSide(0)->appends($_GET)->links('paginate') }}
173 </div> 173 </div>
174 </div> 174 </div>
175 </div> 175 </div>
176 </div> 176 </div>
177 </section> 177 </section>
178 </div> 178 </div>
179 @endsection 179 @endsection
180 180
resources/views/employers/fly-flot.blade.php
Diff comments   View file @ e20c428
1 @extends('layout.frontend', ['title' => 'Мой флот - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Мой флот - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script> 4 <script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script>
5 <script> 5 <script>
6 ClassicEditor 6 ClassicEditor
7 .create( document.querySelector( '#txtarea' ) ) 7 .create( document.querySelector( '#txtarea' ) )
8 .catch( error => { 8 .catch( error => {
9 console.error( error ); 9 console.error( error );
10 } ); 10 } );
11 </script> 11 </script>
12 @endsection 12 @endsection
13 @section('content') 13 @section('content')
14 <section class="cabinet"> 14 <section class="cabinet">
15 <div class="container"> 15 <div class="container">
16 <ul class="breadcrumbs cabinet__breadcrumbs"> 16 <ul class="breadcrumbs cabinet__breadcrumbs">
17 <li><a href="{{ route('index') }}">Главная</a></li> 17 <li><a href="{{ route('index') }}">Главная</a></li>
18 <li><b>Личный кабинет</b></li> 18 <li><b>Личный кабинет</b></li>
19 </ul> 19 </ul>
20 <div class="cabinet__wrapper"> 20 <div class="cabinet__wrapper">
21 <div class="cabinet__side"> 21 <div class="cabinet__side">
22 <div class="cabinet__side-toper"> 22 <div class="cabinet__side-toper">
23 @include('employers.emblema') 23 @include('employers.emblema')
24 </div> 24 </div>
25 25
26 @include('employers.menu', ['item' => 12]) 26 @include('employers.menu', ['item' => 12])
27 27
28 </div> 28 </div>
29 <div class="cabinet__body"> 29 <div class="cabinet__body">
30 @include('messages_error') 30 @include('messages_error')
31 31
32 <div class="cabinet__body-item"> 32 <div class="cabinet__body-item">
33 <div class="cabinet__descr"> 33 <div class="cabinet__descr">
34 <h2 class="title cabinet__title">Мой флот</h2> 34 <h2 class="title cabinet__title">Мой флот</h2>
35 </div> 35 </div>
36 36
37 <form action="{{ route('employer.save_add_flot') }}" method="POST" class="cabinet__add" enctype="multipart/form-data"> 37 <form action="{{ route('employer.save_add_flot') }}" method="POST" class="cabinet__add" enctype="multipart/form-data">
38 @csrf 38 @csrf
39 <label class="cabinet__add-pic" style="vertical-align: top"> 39 <label class="cabinet__add-pic" style="vertical-align: top">
40 <input type="file" name="image" id="image"> 40 <input type="file" name="image" id="image">
41 @error('image') 41 @error('image')
42 <span class="text-xs text-red-600"> 42 <span class="text-xs text-red-600">
43 {{ $message }} 43 {{ $message }}
44 </span> 44 </span>
45 @enderror 45 @enderror
46 <input type="hidden" name="employer_id" id="employer_id" value="{{ $Employer[0]->id }}"/> 46 <input type="hidden" name="employer_id" id="employer_id" value="{{ $Employer[0]->id }}"/>
47 <svg> 47 <svg>
48 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 48 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
49 </svg> 49 </svg>
50 <span> 50 <span>
51 <svg> 51 <svg>
52 <use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use> 52 <use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use>
53 </svg> 53 </svg>
54 Загрузить фото 54 Загрузить фото
55 </span> 55 </span>
56 </label> 56 </label>
57 57
58 <div class="cabinet__add-body"> 58 <div class="cabinet__add-body">
59 <div class="form-group"> 59 <div class="form-group">
60 <label class="form-group__label">Название корабля</label> 60 <label class="form-group__label">Название</label>
61 <div class="form-group__item"> 61 <div class="form-group__item">
62 <input type="text" name="name" id="flot_name" class="input" placeholder="Корабль №000001" required> 62 <input type="text" name="name" id="flot_name" class="input" placeholder="Корабль №000001" required>
63 @error('name') 63 @error('name')
64 <span class="text-xs text-red-600"> 64 <span class="text-xs text-red-600">
65 {{ $message }} 65 {{ $message }}
66 </span> 66 </span>
67 @enderror 67 @enderror
68 </div> 68 </div>
69 </div> 69 </div>
70 <div class="form-group" style="display:none"> 70 <div class="form-group" style="display:none">
71 <label class="form-group__label">Описание</label> 71 <label class="form-group__label">Описание</label>
72 <div class="form-group__item"> 72 <div class="form-group__item">
73 <input type="text" name="text" id="flot_text" class="input" placeholder="Это судно находится..." value="True info"> 73 <input type="text" name="text" id="flot_text" class="input" placeholder="Это судно находится..." value="True info">
74 @error('text') 74 @error('text')
75 <span class="text-xs text-red-600"> 75 <span class="text-xs text-red-600">
76 {{ $message }} 76 {{ $message }}
77 </span> 77 </span>
78 @enderror 78 @enderror
79 </div> 79 </div>
80 </div> 80 </div>
81 <div class="form-group" style="display:none"> 81 <div class="form-group" style="display:none">
82 <label class="form-group__label">Регион</label> 82 <label class="form-group__label">Регион</label>
83 <div class="form-group__item"> 83 <div class="form-group__item">
84 <input type="text" name="region" id="region" class="input" placeholder="Мурманск" value="True Region"> 84 <input type="text" name="region" id="region" class="input" placeholder="Мурманск" value="True Region">
85 @error('region') 85 @error('region')
86 <span class="text-xs text-red-600"> 86 <span class="text-xs text-red-600">
87 {{ $message }} 87 {{ $message }}
88 </span> 88 </span>
89 @enderror 89 @enderror
90 </div> 90 </div>
91 </div> 91 </div>
92 <div class="form-group" style="display:none"> 92 <div class="form-group" style="display:none">
93 <label class="form-group__label">Мощность</label> 93 <label class="form-group__label">Мощность</label>
94 <div class="form-group__item"> 94 <div class="form-group__item">
95 <input type="text" name="power" id="flot_power" class="input" placeholder="Dw 40000 9000Kw" value="Power"> 95 <input type="text" name="power" id="flot_power" class="input" placeholder="Dw 40000 9000Kw" value="Power">
96 @error('power') 96 @error('power')
97 <span class="text-xs text-red-600"> 97 <span class="text-xs text-red-600">
98 {{ $message }} 98 {{ $message }}
99 </span> 99 </span>
100 @enderror 100 @enderror
101 </div> 101 </div>
102 </div> 102 </div>
103 <div class="form-group"> 103 <div class="form-group">
104 <label class="form-group__label">DWT</label> 104 <label class="form-group__label">DWT</label>
105 <div class="form-group__item"> 105 <div class="form-group__item">
106 <input type="text" name="DWT" id="flot_DWT" class="input" placeholder="4000 т"> 106 <input type="text" name="DWT" id="flot_DWT" class="input" placeholder="4000 т">
107 @error('DWT') 107 @error('DWT')
108 <span class="text-xs text-red-600"> 108 <span class="text-xs text-red-600">
109 {{ $message }} 109 {{ $message }}
110 </span> 110 </span>
111 @enderror 111 @enderror
112 </div> 112 </div>
113 </div> 113 </div>
114 <div class="form-group"> 114 <div class="form-group">
115 <label class="form-group__label">Мощность ГД</label> 115 <label class="form-group__label">Мощность ГД (кВт)</label>
116 <div class="form-group__item"> 116 <div class="form-group__item">
117 <input type="text" name="POWER_GD" id="flot_POWER_GD" class="input" placeholder="14000 кВт"> 117 <input type="text" name="POWER_GD" id="flot_POWER_GD" class="input" placeholder="14000 кВт">
118 @error('POWER_GD') 118 @error('POWER_GD')
119 <span class="text-xs text-red-600"> 119 <span class="text-xs text-red-600">
120 {{ $message }} 120 {{ $message }}
121 </span> 121 </span>
122 @enderror 122 @enderror
123 </div> 123 </div>
124 </div> 124 </div>
125 <div class="form-group" style=""> 125 <div class="form-group" style="">
126 <label class="form-group__label">IMO</label> 126 <label class="form-group__label">IMO</label>
127 <div class="form-group__item"> 127 <div class="form-group__item">
128 <input type="text" name="IMO" id="flot_IMO" class="input" placeholder="8814275" value=""> 128 <input type="text" name="IMO" id="flot_IMO" class="input" placeholder="8814275" value="">
129 @error('IMO') 129 @error('IMO')
130 <span class="text-xs text-red-600"> 130 <span class="text-xs text-red-600">
131 {{ $message }} 131 {{ $message }}
132 </span> 132 </span>
133 @enderror 133 @enderror
134 </div> 134 </div>
135 </div> 135 </div>
136 <button type="submit" class="button" id="ajax_flot" name="ajax_flot">Добавить флот</button> 136 <button type="submit" class="button" id="ajax_flot" name="ajax_flot">Добавить флот</button>
137 </div> 137 </div>
138 138
139 </form> 139 </form>
140 140
141 <div class="cabinet__fleet" id="ajax_flot_div" name="ajax_flot_div"> 141 <div class="cabinet__fleet" id="ajax_flot_div" name="ajax_flot_div">
142 @if (isset($Employer[0]->flots)) 142 @if (isset($Employer[0]->flots))
143 @if ($Employer[0]->flots->count()) 143 @if ($Employer[0]->flots->count())
144 @foreach ($Employer[0]->flots as $it) 144 @foreach ($Employer[0]->flots as $it)
145 <div class="cabinet__fleet-item main__employer-page-one-item"> 145 <div class="cabinet__fleet-item main__employer-page-one-item">
146 <a class="del die_black" href="{{ route('employer.delete_flot', ['Flot' => $it->id]) }}"> 146 <a class="del die_black" href="{{ route('employer.delete_flot', ['Flot' => $it->id]) }}">
147 <svg> 147 <svg>
148 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 148 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
149 </svg> 149 </svg>
150 </a> 150 </a>
151 @if (!empty($it->image)) 151 @if (!empty($it->image))
152 <img src="{{ asset(Storage::url($it->image)) }}" alt="{{ $it->name }}"> 152 <img src="{{ asset(Storage::url($it->image)) }}" alt="{{ $it->name }}">
153 @else 153 @else
154 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $it->name }}"/> 154 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $it->name }}"/>
155 @endif 155 @endif
156 <b>{{ $it->name }}</b> 156 <b>{{ $it->name }}</b>
157 <!--<span> $it->region }}</span>--> 157 <!--<span> $it->region }}</span>-->
158 <span><i>DWT</i>{{ $it->DWT }}</span> 158 <span><i>DWT</i>{{ $it->DWT }}</span>
159 <span><i>Мощность ГД</i>{{ $it->POWER_GD }}</span> 159 <span><i>Мощность ГД (кВт)</i>{{ $it->POWER_GD }}</span>
160 <span><i>IMO</i>{{ $it->IMO }}</span> 160 <span><i>IMO</i>{{ $it->IMO }}</span>
161 <!--<span> $it->power }}</span>--> 161 <!--<span> $it->power }}</span>-->
162 </div> 162 </div>
163 @endforeach 163 @endforeach
164 @endif 164 @endif
165 @endif 165 @endif
166 </div> 166 </div>
167 </div> 167 </div>
168 </div> 168 </div>
169 </div> 169 </div>
170 </div> 170 </div>
171 171
172 </section> 172 </section>
173 </div> 173 </div>
174 <!-- END TOP WRAPPER --> 174 <!-- END TOP WRAPPER -->
175 @endsection 175 @endsection
176 176
resources/views/layout/pdf-list-people.blade.php
Diff comments   View file @ e20c428
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="ru"> 2 <html lang="ru">
3 3
4 <head> 4 <head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <title>Резюме соискателя</title> 6 <title>Резюме соискателя</title>
7 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="viewport" content="width=device-width,initial-scale=1">
8 <meta name="theme-color" content="#377D87"> 8 <meta name="theme-color" content="#377D87">
9 <link rel="stylesheet" href="{{ asset('css/style.css') }}"> 9 <!--<link rel="stylesheet" href=" asset('css/style.css') }}">-->
10 <style> 10 <style>
11 body { 11 body {
12 font-family:'DejaVu Sans',sans-serif; 12 font-family:'DejaVu Sans',sans-serif;
13 background:#fff; 13 background:#fff;
14 font-size:1.6rem; 14 font-size:1.6rem;
15 font-weight:400; 15 font-weight:400;
16 color:#363A3F; 16 color:#363A3F;
17 } 17 }
18 18
19 .main { 19 .main {
20 padding: 30px 0; 20 padding: 30px 0;
21 } 21 }
22 22
23 .thing { 23 .thing {
24 color: #3a3b3c; 24 color: #3a3b3c;
25 /* background-color: #f2f5fc; */ 25 /* background-color: #f2f5fc; */
26 } 26 }
27 27
28 .thing__profile { 28 .thing__profile {
29 29
30 } 30 }
31 31
32 .thing__profile-photo { 32 .thing__profile-photo {
33 width: 200px; 33 width: 200px;
34 border-radius: 8px; 34 border-radius: 8px;
35 float: left; 35 float: left;
36 margin-right: 20px; 36 margin-right: 20px;
37 } 37 }
38 38
39 .thing__profile-body { 39 .thing__profile-body {
40 40
41 } 41 }
42 42
43 .thing__title { 43 .thing__title {
44 width: 100%; 44 width: 100%;
45 font-size: 32px; 45 font-size: 32px;
46 font-weight: 700; 46 font-weight: 700;
47 line-height: 1.1; 47 line-height: 1.1;
48 margin: 0; 48 margin: 0;
49 } 49 }
50 50
51 .thing__text { 51 .thing__text {
52 font-size: 14px; 52 font-size: 14px;
53 line-height: 1.4; 53 line-height: 1.4;
54 margin: 15px 0 0 0; 54 margin: 15px 0 0 0;
55 } 55 }
56 56
57 .main__spoiler { 57 .main__spoiler {
58 margin: 0px 0px 32px 0px; 58 margin: 0px 0px 32px 0px;
59 } 59 }
60 60
61 .main__spoiler-body { 61 .main__spoiler-body {
62 62
63 } 63 }
64 64
65 .main__table { 65 .main__table {
66 border-collapse: collapse; 66 border-collapse: collapse;
67 table-layout: fixed; 67 table-layout: fixed;
68 font-size: 14px; 68 font-size: 14px;
69 width: 100%; 69 width: 100%;
70 background: #ffffff; 70 background: #ffffff;
71 } 71 }
72 72
73 .main__table thead { 73 .main__table thead {
74 color: #ffffff; 74 color: #ffffff;
75 font-size: 16px; 75 font-size: 16px;
76 background-color: #377d87; 76 background-color: #377d87;
77 } 77 }
78 78
79 .main__table th { 79 .main__table th {
80 padding: 8px 16px; 80 padding: 8px 16px;
81 } 81 }
82 82
83 .main__table td { 83 .main__table td {
84 width: 40%; 84 width: 40%;
85 padding: 8px 16px; 85 padding: 8px 16px;
86 border: 1px solid #cecece; 86 border: 1px solid #cecece;
87 } 87 }
88 88
89 .main__table td b { 89 .main__table td b {
90 font-weight: 700; 90 font-weight: 700;
91 } 91 }
92 92
93 .main__table b { 93 .main__table b {
94 display: block; 94 display: block;
95 } 95 }
96 96
97 .main__table a { 97 .main__table a {
98 color: #377d87; 98 color: #377d87;
99 text-decoration: underline; 99 text-decoration: underline;
100 } 100 }
101 101
102 .main__table td + td { 102 .main__table td + td {
103 width: 60%; 103 width: 60%;
104 } 104 }
105 105
106 .main__table_three td { 106 .main__table_three td {
107 width: 25% !important; 107 width: 25% !important;
108 } 108 }
109 109
110 .main__table_three td:last-child { 110 .main__table_three td:last-child {
111 width: 50% !important; 111 width: 50% !important;
112 } 112 }
113 113
114 .main h2 { 114 .main h2 {
115 margin: 0; 115 margin: 0;
116 font-weight: 700; 116 font-weight: 700;
117 font-size: 30px; 117 font-size: 30px;
118 } 118 }
119 119
120 .main p { 120 .main p {
121 margin: 0; 121 margin: 0;
122 font-size: 14px; 122 font-size: 14px;
123 line-height: 1.4; 123 line-height: 1.4;
124 margin: 15px 0 0 0; 124 margin: 15px 0 0 0;
125 } 125 }
126 126
127 .main__resume-profile-info { 127 .main__resume-profile-info {
128 margin: 30px 0px 0px 0px; 128 margin: 30px 0px 0px 0px;
129 } 129 }
130 130
131 .main__resume-profile-info-title { 131 .main__resume-profile-info-title {
132 margin-bottom: 20px !important; 132 margin-bottom: 20px !important;
133 color: #3a3b3c; 133 color: #3a3b3c;
134 } 134 }
135 135
136 .main__resume-profile-info-body-item { 136 .main__resume-profile-info-body-item {
137 margin: 0px 0px 20px 0px; 137 margin: 0px 0px 20px 0px;
138 } 138 }
139 139
140 .main__resume-profile-info-body-subtitle { 140 .main__resume-profile-info-body-subtitle {
141 color: #4d88d9; 141 color: #4d88d9;
142 margin: 0px 0px 10px 0px; 142 margin: 0px 0px 10px 0px;
143 font-weight: 700; 143 font-weight: 700;
144 font-size: 22px; 144 font-size: 22px;
145 } 145 }
146 146
147 .main__resume-profile-info-body-inner { 147 .main__resume-profile-info-body-inner {
148 margin: 0; 148 margin: 0;
149 padding: 0; 149 padding: 0;
150 font-size: 12px; 150 font-size: 12px;
151 } 151 }
152 152
153 .main__resume-profile-info-body-inner li { 153 .main__resume-profile-info-body-inner li {
154 list-style-type: none; 154 list-style-type: none;
155 margin: 0px 0px 20px 0px; 155 margin: 0px 0px 20px 0px;
156 } 156 }
157 157
158 .main__resume-profile-info-body-inner b { 158 .main__resume-profile-info-body-inner b {
159 display: block; 159 display: block;
160 margin: 0px 0px 6px 0px; 160 margin: 0px 0px 6px 0px;
161 color: #377d87; 161 color: #377d87;
162 font-size: 14px; 162 font-size: 14px;
163 } 163 }
164 164
165 .main__resume-profile-info-body-inner span { 165 .main__resume-profile-info-body-inner span {
166 display: block; 166 display: block;
167 } 167 }
168 168
169 .main__resume-profile-info-body-inner a { 169 .main__resume-profile-info-body-inner a {
170 display: block; 170 display: block;
171 text-decoration: none; 171 text-decoration: none;
172 color: inherit; 172 color: inherit;
173 } 173 }
174 174
175 </style> 175 </style>
176 </head> 176 </head>
177 177
178 <body id="body" class="pdf"> 178 <body id="body" class="pdf">
179 @if (count($Query) > 0) 179 @if (count($Query) > 0)
180 @foreach ($Query as $Q) 180 @foreach ($Query as $Q)
181 <section class="thing thing_pdf"> 181 <section class="thing thing_pdf">
182 <div class="container"> 182 <div class="container">
183 <div class="thing__profile"> 183 <div class="thing__profile">
184 <img src="{{ asset(Storage::url($Q['photo'])) }}" alt="" class="thing__profile-photo"> 184 @if (!empty($Q['photo']))
185 <img src="{{ asset(Storage::url($Q['photo'])) }}" alt="" class="thing__profile-photo">
186 @else
187 <img src="{{ asset('images/default_man.jpg') }}" alt="" class="thing__profile-photo">
188 @endif
185 <div class="thing__profile-body"> 189 <div class="thing__profile-body">
186 <h1 class="thing__title">@if (isset($Q['users']['surname'])) {{ $Q['users']['surname']." ".$Q['users']['name_man']." ".$Q['users']['surname2'] }} @endif</h1> 190 <h1 class="thing__title">@if (isset($Q['users']['surname'])) {{ $Q['users']['surname']." ".$Q['users']['name_man']." ".$Q['users']['surname2'] }} @endif</h1>
187 <div style="clear:both;"></div> 191 <div style="clear:both;"></div>
188 <p class="thing__text">{{ $Q['text'] }}</p> 192 <p class="thing__text">{{ $Q['text'] }}</p>
189 </div> 193 </div>
190 </div> 194 </div>
195 @if (!empty($Q['users']['file']))
196 <a href="{{ asset(Storage::url($Q['users']['file'])) }}">Анкета-файл</a>
197 @endif
191 </div> 198 </div>
192 </section> 199 </section>
200
193 <main class="main"> 201 <main class="main">
194 <div class="container"> 202 <div class="container">
195 203
196 <!--php dd($Query); endphp--> 204 <!--php dd($Query); endphp-->
197 205
198 <div class="main__resume-profile"> 206 <div class="main__resume-profile">
199 <div class="main__content"> 207 <div class="main__content">
200 <div class="main__spoiler"> 208 <div class="main__spoiler">
201 209
202 <!-- <button type="button" class="main__spoiler-toper js-toggle active">Основная 210 <!-- <button type="button" class="main__spoiler-toper js-toggle active">Основная
203 информация</button> --> 211 информация</button> -->
204 <div class="main__spoiler-body"> 212 <div class="main__spoiler-body">
205 <table class="main__table"> 213 <table class="main__table">
206 <thead> 214 <thead>
207 <tr> 215 <tr>
208 <th colspan="2">Основная информация</th> 216 <th colspan="2">Основная информация</th>
209 </tr> 217 </tr>
210 </thead> 218 </thead>
211 <tbody> 219 <tbody>
212 <tr> 220 <tr>
213 <td>Имя:</td> 221 <td>Имя:</td>
214 <td><b>@if (isset($Q['users']['name_man'])) {{ $Q['users']['name_man'] }} @endif</b></td> 222 <td><b>@if (isset($Q['users']['name_man'])) {{ $Q['users']['name_man'] }} @endif</b></td>
215 </tr> 223 </tr>
216 <tr> 224 <tr>
217 <td>Должность:</td> 225 <td>Должность:</td>
218 <td> 226 <td>
219 @foreach ($Q['job_titles'] as $it) 227 @foreach ($Q['job_titles'] as $it)
220 <b>{{ $it['name'] }}</b><br> 228 <b>{{ $it['name'] }}</b><br>
221 @endforeach 229 @endforeach
222 </td> 230 </td>
223 </tr> 231 </tr>
224 <tr> 232 <tr>
225 <td>Телефон:</td> 233 <td>Телефон:</td>
226 <td><b><a>{{ $Q['telephone'] }}</a></b> 234 <td><b><a>{{ $Q['telephone'] }}</a></b>
227 <b><a>{{ $Q['telephone2'] }}</a></b> 235 <b><a>{{ $Q['telephone2'] }}</a></b>
228 </td> 236 </td>
229 </tr> 237 </tr>
230 <tr> 238 <tr>
231 <td>E-mail:</td> 239 <td>E-mail:</td>
232 <td><b><a>{{ $Q['email'] }}</a></b></td> 240 <td><b><a>{{ $Q['email'] }}</a></b></td>
233 </tr> 241 </tr>
234 <tr> 242 <tr>
235 <td>Возраст:</td> 243 <td>Возраст:</td>
236 <td><b>{{ $Q['old_year'] }}</b></td> 244 <td><b>{{ $Q['old_year'] }}</b></td>
237 </tr> 245 </tr>
238 <tr> 246 <tr>
239 <td>Статус:</td> 247 <td>Статус:</td>
240 <td> 248 <td>
241 @php $code = $Q['status_work']; @endphp 249 @php $code = $Q['status_work']; @endphp
242 <b>@if ($code == 0) Ищу работу @elseif($code == 1) Не указано @else Не ищу работу @endif</b></td> 250 <b>@if ($code == 0) Ищу работу @elseif($code == 1) Не указано @else Не ищу работу @endif</b></td>
243 </tr> 251 </tr>
244 <tr> 252 <tr>
245 <td>Город проживания:</td> 253 <td>Город проживания:</td>
246 <td><b>{{ $Q['city'] }}</b></td> 254 <td><b>{{ $Q['city'] }}</b></td>
247 </tr> 255 </tr>
248 <tr> 256 <tr>
249 <td>Уровень английского:</td> 257 <td>Уровень английского:</td>
250 <td><b>{{ $Q['en_is'] }}</b></td> 258 <td><b>{{ $Q['en_is'] }}</b></td>
251 </tr> 259 </tr>
252 <tr> 260 <tr>
253 <td>Опыт работы:</td> 261 <td>Опыт работы:</td>
254 <td><b>{{ $Q['old_year'] }}</b></td> 262 <td><b>{{ $Q['old_year'] }}</b></td>
255 </tr> 263 </tr>
256 </tbody> 264 </tbody>
257 </table> 265 </table>
258 </div> 266 </div>
259 </div> 267 </div>
260 <div class="main__spoiler"> 268 <div class="main__spoiler">
261 <div class="main__spoiler-body"> 269 <div class="main__spoiler-body">
262 <table class="main__table"> 270 <table class="main__table">
263 <thead> 271 <thead>
264 <tr> 272 <tr>
265 <th colspan="2">Сертификаты / документы</th> 273 <th colspan="2">Сертификаты / документы</th>
266 </tr> 274 </tr>
267 </thead> 275 </thead>
268 <tbody> 276 <tbody>
269 @if (count($Q['sertificate'])) 277 @if (count($Q['sertificate']))
270 @foreach($Q['sertificate'] as $it) 278 @foreach($Q['sertificate'] as $it)
271 <tr> 279 <tr>
272 <td>{{ $it['name']." ".$it['education'] }}</td> 280 <td>{{ $it['name']." ".$it['education'] }}</td>
273 <td><a>{{ date('d.m.Y H:i:s', strtotime($it['date_begin']))."-".date('d.m.Y H:i:s', strtotime($it['end_begin'])) }}</a></td> 281 <td><a>{{ date('d.m.Y H:i:s', strtotime($it['date_begin']))."-".date('d.m.Y H:i:s', strtotime($it['end_begin'])) }}</a></td>
274 </tr> 282 </tr>
275 @endforeach 283 @endforeach
276 @else 284 @else
277 <tr> 285 <tr>
278 <td> - </td> 286 <td> - </td>
279 <td> - </td> 287 <td> - </td>
280 </tr> 288 </tr>
281 @endif 289 @endif
282 </tbody> 290 </tbody>
283 </table> 291 </table>
284 </div> 292 </div>
285 </div> 293 </div>
286 <div class="main__spoiler"> 294 <div class="main__spoiler">
287 <div class="main__spoiler-body"> 295 <div class="main__spoiler-body">
288 <table class="main__table main__table_three"> 296 <table class="main__table main__table_three">
289 <thead> 297 <thead>
290 <tr> 298 <tr>
291 <th colspan="3">Опыт работы</th> 299 <th colspan="3">Опыт работы</th>
292 </tr> 300 </tr>
293 </thead> 301 </thead>
294 <tbody> 302 <tbody>
295 @if (count($Q['place_worker']) > 0) 303 @if (count($Q['place_worker']) > 0)
296 @foreach($Q['place_worker'] as $it) 304 @foreach($Q['place_worker'] as $it)
297 <tr> 305 <tr>
298 <td>{{ $it['begin_work']." - ".$it['end_work'] }} 306 <td>{{ $it['begin_work']." - ".$it['end_work'] }}
299 </td> 307 </td>
300 <td><b>{{ $it['name_company'] }}</b> 308 <td><b>{{ $it['name_company'] }}</b>
301 </td> 309 </td>
302 <td><b>{{ $it['job_title'] }}</b> 310 <td><b>{{ $it['job_title'] }}</b>
303 Судно: {{ $it['teplohod'] }} 311 Судно: {{ $it['teplohod'] }}
304 </td> 312 </td>
305 </tr> 313 </tr>
306 @endforeach 314 @endforeach
307 @endif 315 @endif
308 </tbody> 316 </tbody>
309 </table> 317 </table>
310 </div> 318 </div>
311 </div> 319 </div>
312 </div> 320 </div>
313 <div class="main__resume-profile-about"> 321 <div class="main__resume-profile-about">
314 <h2 class="main__resume-profile-about-title">О себе</h2> 322 <h2 class="main__resume-profile-about-title">О себе</h2>
315 <p class="main__resume-profile-about-text">{{ $Q['text'] }}</p> 323 <p class="main__resume-profile-about-text">{{ $Q['text'] }}</p>
316 324
317 </div> 325 </div>
318 <div class="main__resume-profile-info"> 326 <div class="main__resume-profile-info">
319 <h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2> 327 <h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2>
320 <div class="main__resume-profile-info-body"> 328 <div class="main__resume-profile-info-body">
321 @if ((isset($Q['prev_company'])) && (count($Q['prev_company']) > 0)) 329 @if ((isset($Q['prev_company'])) && (count($Q['prev_company']) > 0))
322 @foreach ($Q['prev_company'] as $it) 330 @foreach ($Q['prev_company'] as $it)
323 <div class="main__resume-profile-info-body-item"> 331 <div class="main__resume-profile-info-body-item">
324 <h3 class="main__resume-profile-info-body-subtitle">{{ $it['name_company'] }}</h3> 332 <h3 class="main__resume-profile-info-body-subtitle">{{ $it['name_company'] }}</h3>
325 <ul class="main__resume-profile-info-body-inner"> 333 <ul class="main__resume-profile-info-body-inner">
326 <li> 334 <li>
327 <b>Руководитель</b> 335 <b>Руководитель</b>
328 <span>{{ $it['direct'] }}</span> 336 <span>{{ $it['direct'] }}</span>
329 </li> 337 </li>
330 <li> 338 <li>
331 <b>Телефон того, кто может дать рекомендацию</b> 339 <b>Телефон того, кто может дать рекомендацию</b>
332 <span> 340 <span>
333 <a>{{ $it['telephone'] }}</a> 341 <a>{{ $it['telephone'] }}</a>
334 <a>{{ $it['telephone2'] }}</a> 342 <a>{{ $it['telephone2'] }}</a>
335 </span> 343 </span>
336 </li> 344 </li>
337 </ul> 345 </ul>
338 </div> 346 </div>
339 @endforeach 347 @endforeach
340 @endif 348 @endif
341 </div> 349 </div>
342 </div> 350 </div>
343 </div> 351 </div>
344 352
345 </div> 353 </div>
346 </main> 354 </main>
347 @endforeach 355 @endforeach
348 @endif 356 @endif
349 </body> 357 </body>
350 </html> 358 </html>
351 359
resources/views/layout/pdf.blade.php
Diff comments   View file @ e20c428
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="ru"> 2 <html lang="ru">
3 3
4 <head> 4 <head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <title>Резюме соискателя</title> 6 <title>Резюме соискателя</title>
7 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="viewport" content="width=device-width,initial-scale=1">
8 <meta name="theme-color" content="#377D87"> 8 <meta name="theme-color" content="#377D87">
9 <!--<link rel="stylesheet" href=" asset('css/style.css') }}">--> 9 <!--<link rel="stylesheet" href=" asset('css/style.css') }}">-->
10 <style> 10 <style>
11 body { 11 body {
12 font-family:'DejaVu Sans',sans-serif; 12 font-family:'DejaVu Sans',sans-serif;
13 background:#fff; 13 background:#fff;
14 font-size:1.6rem; 14 font-size:1.6rem;
15 font-weight:400; 15 font-weight:400;
16 color:#363A3F; 16 color:#363A3F;
17 } 17 }
18 18
19 .main { 19 .main {
20 padding: 30px 0; 20 padding: 30px 0;
21 } 21 }
22 22
23 .thing { 23 .thing {
24 color: #3a3b3c; 24 color: #3a3b3c;
25 /* background-color: #f2f5fc; */ 25 /* background-color: #f2f5fc; */
26 } 26 }
27 27
28 .thing__profile { 28 .thing__profile {
29 29
30 } 30 }
31 31
32 .thing__profile-photo { 32 .thing__profile-photo {
33 width: 200px; 33 width: 200px;
34 border-radius: 8px; 34 border-radius: 8px;
35 float: left; 35 float: left;
36 margin-right: 20px; 36 margin-right: 20px;
37 } 37 }
38 38
39 .thing__profile-body { 39 .thing__profile-body {
40 40
41 } 41 }
42 42
43 .thing__title { 43 .thing__title {
44 width: 100%; 44 width: 100%;
45 font-size: 32px; 45 font-size: 32px;
46 font-weight: 700; 46 font-weight: 700;
47 line-height: 1.1; 47 line-height: 1.1;
48 margin: 0; 48 margin: 0;
49 } 49 }
50 50
51 .thing__text { 51 .thing__text {
52 font-size: 14px; 52 font-size: 14px;
53 line-height: 1.4; 53 line-height: 1.4;
54 margin: 15px 0 0 0; 54 margin: 15px 0 0 0;
55 } 55 }
56 56
57 .main__spoiler { 57 .main__spoiler {
58 margin: 0px 0px 32px 0px; 58 margin: 0px 0px 32px 0px;
59 } 59 }
60 60
61 .main__spoiler-body { 61 .main__spoiler-body {
62 62
63 } 63 }
64 64
65 .main__table { 65 .main__table {
66 border-collapse: collapse; 66 border-collapse: collapse;
67 table-layout: fixed; 67 table-layout: fixed;
68 font-size: 14px; 68 font-size: 14px;
69 width: 100%; 69 width: 100%;
70 background: #ffffff; 70 background: #ffffff;
71 } 71 }
72 72
73 .main__table thead { 73 .main__table thead {
74 color: #ffffff; 74 color: #ffffff;
75 font-size: 16px; 75 font-size: 16px;
76 background-color: #377d87; 76 background-color: #377d87;
77 } 77 }
78 78
79 .main__table th { 79 .main__table th {
80 padding: 8px 16px; 80 padding: 8px 16px;
81 } 81 }
82 82
83 .main__table td { 83 .main__table td {
84 width: 40%; 84 width: 40%;
85 padding: 8px 16px; 85 padding: 8px 16px;
86 border: 1px solid #cecece; 86 border: 1px solid #cecece;
87 } 87 }
88 88
89 .main__table td b { 89 .main__table td b {
90 font-weight: 700; 90 font-weight: 700;
91 } 91 }
92 92
93 .main__table b { 93 .main__table b {
94 display: block; 94 display: block;
95 } 95 }
96 96
97 .main__table a { 97 .main__table a {
98 color: #377d87; 98 color: #377d87;
99 text-decoration: underline; 99 text-decoration: underline;
100 } 100 }
101 101
102 .main__table td + td { 102 .main__table td + td {
103 width: 60%; 103 width: 60%;
104 } 104 }
105 105
106 .main__table_three td { 106 .main__table_three td {
107 width: 25% !important; 107 width: 25% !important;
108 } 108 }
109 109
110 .main__table_three td:last-child { 110 .main__table_three td:last-child {
111 width: 50% !important; 111 width: 50% !important;
112 } 112 }
113 113
114 .main h2 { 114 .main h2 {
115 margin: 0; 115 margin: 0;
116 font-weight: 700; 116 font-weight: 700;
117 font-size: 30px; 117 font-size: 30px;
118 } 118 }
119 119
120 .main p { 120 .main p {
121 margin: 0; 121 margin: 0;
122 font-size: 14px; 122 font-size: 14px;
123 line-height: 1.4; 123 line-height: 1.4;
124 margin: 15px 0 0 0; 124 margin: 15px 0 0 0;
125 } 125 }
126 126
127 .main__resume-profile-info { 127 .main__resume-profile-info {
128 margin: 30px 0px 0px 0px; 128 margin: 30px 0px 0px 0px;
129 } 129 }
130 130
131 .main__resume-profile-info-title { 131 .main__resume-profile-info-title {
132 margin-bottom: 20px !important; 132 margin-bottom: 20px !important;
133 color: #3a3b3c; 133 color: #3a3b3c;
134 } 134 }
135 135
136 .main__resume-profile-info-body-item { 136 .main__resume-profile-info-body-item {
137 margin: 0px 0px 20px 0px; 137 margin: 0px 0px 20px 0px;
138 } 138 }
139 139
140 .main__resume-profile-info-body-subtitle { 140 .main__resume-profile-info-body-subtitle {
141 color: #4d88d9; 141 color: #4d88d9;
142 margin: 0px 0px 10px 0px; 142 margin: 0px 0px 10px 0px;
143 font-weight: 700; 143 font-weight: 700;
144 font-size: 22px; 144 font-size: 22px;
145 } 145 }
146 146
147 .main__resume-profile-info-body-inner { 147 .main__resume-profile-info-body-inner {
148 margin: 0; 148 margin: 0;
149 padding: 0; 149 padding: 0;
150 font-size: 12px; 150 font-size: 12px;
151 } 151 }
152 152
153 .main__resume-profile-info-body-inner li { 153 .main__resume-profile-info-body-inner li {
154 list-style-type: none; 154 list-style-type: none;
155 margin: 0px 0px 20px 0px; 155 margin: 0px 0px 20px 0px;
156 } 156 }
157 157
158 .main__resume-profile-info-body-inner b { 158 .main__resume-profile-info-body-inner b {
159 display: block; 159 display: block;
160 margin: 0px 0px 6px 0px; 160 margin: 0px 0px 6px 0px;
161 color: #377d87; 161 color: #377d87;
162 font-size: 14px; 162 font-size: 14px;
163 } 163 }
164 164
165 .main__resume-profile-info-body-inner span { 165 .main__resume-profile-info-body-inner span {
166 display: block; 166 display: block;
167 } 167 }
168 168
169 .main__resume-profile-info-body-inner a { 169 .main__resume-profile-info-body-inner a {
170 display: block; 170 display: block;
171 text-decoration: none; 171 text-decoration: none;
172 color: inherit; 172 color: inherit;
173 } 173 }
174 174
175 </style> 175 </style>
176 </head> 176 </head>
177 177
178 <body id="body" class="pdf"> 178 <body id="body" class="pdf">
179 <section class="thing thing_pdf"> 179 <section class="thing thing_pdf">
180 <div class="container"> 180 <div class="container">
181 <div class="thing__profile"> 181 <div class="thing__profile">
182 <img src="{{ asset(Storage::url($Query[0]['photo'])) }}" alt="" class="thing__profile-photo"> 182 @if (!empty($Query[0]['photo']))
183 <img src="{{ asset(Storage::url($Query[0]['photo'])) }}" alt="" class="thing__profile-photo">
184 @else
185 <img src="{{ asset('images/default_man.jpg') }}" alt="" class="thing__profile-photo">
186 @endif
183 <div class="thing__profile-body"> 187 <div class="thing__profile-body">
184 <h1 class="thing__title">{{ $Query[0]['users']['surname']." ".$Query[0]['users']['name_man']." ".$Query[0]['users']['surname2'] }}</h1> 188 <h1 class="thing__title">{{ $Query[0]['users']['surname']." ".$Query[0]['users']['name_man']." ".$Query[0]['users']['surname2'] }}</h1>
185 <div style="clear:both;"></div> 189 <div style="clear:both;"></div>
186 <p class="thing__text">{{ $Query[0]['text'] }}</p> 190 <p class="thing__text">{{ $Query[0]['text'] }}</p>
187 </div> 191 </div>
188 </div> 192 </div>
193 @if (!empty($Query[0]['users']['file']))
194 <a href="{{ asset(Storage::url($Query[0]['users']['file'])) }}">Анкета-файл</a>
195 @endif
189 </div> 196 </div>
190 </section> 197 </section>
191 <main class="main"> 198 <main class="main">
192 <div class="container"> 199 <div class="container">
193 <div class="main__resume-profile"> 200 <div class="main__resume-profile">
194 <div class="main__content"> 201 <div class="main__content">
195 <div class="main__spoiler"> 202 <div class="main__spoiler">
196 <!-- <button type="button" class="main__spoiler-toper js-toggle active">Основная 203 <!-- <button type="button" class="main__spoiler-toper js-toggle active">Основная
197 информация</button> --> 204 информация</button> -->
198 <div class="main__spoiler-body"> 205 <div class="main__spoiler-body">
199 <table class="main__table"> 206 <table class="main__table">
200 <thead> 207 <thead>
201 <tr> 208 <tr>
202 <th colspan="2">Основная информация</th> 209 <th colspan="2">Основная информация</th>
203 </tr> 210 </tr>
204 </thead> 211 </thead>
205 <tbody> 212 <tbody>
206 <tr> 213 <tr>
207 <td>Имя:</td> 214 <td>Имя:</td>
208 <td><b>{{ $Query[0]['users']['name_man'] }}</b></td> 215 <td><b>{{ $Query[0]['users']['name_man'] }}</b></td>
209 </tr> 216 </tr>
210 <tr> 217 <tr>
211 <td>Должность:</td> 218 <td>Должность:</td>
212 <td> 219 <td>
213 @foreach ($Query[0]['job_titles'] as $it) 220 @foreach ($Query[0]['job_titles'] as $it)
214 <b>{{ $it['name'] }}</b><br> 221 <b>{{ $it['name'] }}</b><br>
215 @endforeach 222 @endforeach
216 </td> 223 </td>
217 </tr> 224 </tr>
218 <tr> 225 <tr>
219 <td>Телефон:</td> 226 <td>Телефон:</td>
220 <td><b><a>{{ $Query[0]['telephone'] }}</a></b> 227 <td><b><a>{{ $Query[0]['telephone'] }}</a></b>
221 <b><a>{{ $Query[0]['telephone2'] }}</a></b> 228 <b><a>{{ $Query[0]['telephone2'] }}</a></b>
222 </td> 229 </td>
223 </tr> 230 </tr>
224 <tr> 231 <tr>
225 <td>E-mail:</td> 232 <td>E-mail:</td>
226 <td><b><a>{{ $Query[0]['email'] }}</a></b></td> 233 <td><b><a>{{ $Query[0]['email'] }}</a></b></td>
227 </tr> 234 </tr>
228 <tr> 235 <tr>
229 <td>Возраст:</td> 236 <td>Возраст:</td>
230 <td><b>{{ $Query[0]['old_year'] }}</b></td> 237 <td><b>{{ $Query[0]['old_year'] }}</b></td>
231 </tr> 238 </tr>
232 <tr> 239 <tr>
233 <td>Статус:</td> 240 <td>Статус:</td>
234 <td> 241 <td>
235 @php $code = $Query[0]['status_work']; @endphp 242 @php $code = $Query[0]['status_work']; @endphp
236 <b>@if ($code == 0) Ищу работу @elseif($code == 1) Не указано @else Не ищу работу @endif</b></td> 243 <b>@if ($code == 0) Ищу работу @elseif($code == 1) Не указано @else Не ищу работу @endif</b></td>
237 </tr> 244 </tr>
238 <tr> 245 <tr>
239 <td>Город проживания:</td> 246 <td>Город проживания:</td>
240 <td><b>{{ $Query[0]['city'] }}</b></td> 247 <td><b>{{ $Query[0]['city'] }}</b></td>
241 </tr> 248 </tr>
242 <tr> 249 <tr>
243 <td>Уровень английского:</td> 250 <td>Уровень английского:</td>
244 <td><b>{{ $Query[0]['en_is'] }}</b></td> 251 <td><b>{{ $Query[0]['en_is'] }}</b></td>
245 </tr> 252 </tr>
246 <tr> 253 <tr>
247 <td>Опыт работы:</td> 254 <td>Опыт работы:</td>
248 <td><b>{{ $Query[0]['old_year'] }}</b></td> 255 <td><b>{{ $Query[0]['old_year'] }}</b></td>
249 </tr> 256 </tr>
250 </tbody> 257 </tbody>
251 </table> 258 </table>
252 </div> 259 </div>
253 </div> 260 </div>
254 <div class="main__spoiler"> 261 <div class="main__spoiler">
255 <div class="main__spoiler-body"> 262 <div class="main__spoiler-body">
256 <table class="main__table"> 263 <table class="main__table">
257 <thead> 264 <thead>
258 <tr> 265 <tr>
259 <th colspan="2">Сертификаты / документы</th> 266 <th colspan="2">Сертификаты / документы</th>
260 </tr> 267 </tr>
261 </thead> 268 </thead>
262 <tbody> 269 <tbody>
263 @if (count($Query[0]['sertificate'])) 270 @if (count($Query[0]['sertificate']))
264 @foreach($Query[0]['sertificate'] as $it) 271 @foreach($Query[0]['sertificate'] as $it)
265 <tr> 272 <tr>
266 <td>{{ $it['name']." ".$it['education'] }}</td> 273 <td>{{ $it['name']." ".$it['education'] }}</td>
267 <td><a>{{ date('d.m.Y H:i:s', strtotime($it['date_begin']))."-".date('d.m.Y H:i:s', strtotime($it['end_begin'])) }}</a></td> 274 <td><a>{{ date('d.m.Y H:i:s', strtotime($it['date_begin']))."-".date('d.m.Y H:i:s', strtotime($it['end_begin'])) }}</a></td>
268 </tr> 275 </tr>
269 @endforeach 276 @endforeach
270 @else 277 @else
271 <tr> 278 <tr>
272 <td> - </td> 279 <td> - </td>
273 <td> - </td> 280 <td> - </td>
274 </tr> 281 </tr>
275 @endif 282 @endif
276 </tbody> 283 </tbody>
277 </table> 284 </table>
278 </div> 285 </div>
279 </div> 286 </div>
280 <div class="main__spoiler"> 287 <div class="main__spoiler">
281 <div class="main__spoiler-body"> 288 <div class="main__spoiler-body">
282 <table class="main__table main__table_three"> 289 <table class="main__table main__table_three">
283 <thead> 290 <thead>
284 <tr> 291 <tr>
285 <th colspan="3">Опыт работы</th> 292 <th colspan="3">Опыт работы</th>
286 </tr> 293 </tr>
287 </thead> 294 </thead>
288 <tbody> 295 <tbody>
289 @if (count($Query[0]['place_worker']) > 0) 296 @if (count($Query[0]['place_worker']) > 0)
290 @foreach($Query[0]['place_worker'] as $it) 297 @foreach($Query[0]['place_worker'] as $it)
291 <tr> 298 <tr>
292 <td>{{ $it['begin_work']." - ".$it['end_work'] }} 299 <td>{{ $it['begin_work']." - ".$it['end_work'] }}
293 </td> 300 </td>
294 <td><b>{{ $it['name_company'] }}</b> 301 <td><b>{{ $it['name_company'] }}</b>
295 </td> 302 </td>
296 <td><b>{{ $it['job_title'] }}</b> 303 <td><b>{{ $it['job_title'] }}</b>
297 Судно: {{ $it['teplohod'] }} 304 Судно: {{ $it['teplohod'] }}
298 </td> 305 </td>
299 </tr> 306 </tr>
300 @endforeach 307 @endforeach
301 @endif 308 @endif
302 </tbody> 309 </tbody>
303 </table> 310 </table>
304 </div> 311 </div>
305 </div> 312 </div>
306 </div> 313 </div>
307 <div class="main__resume-profile-about"> 314 <div class="main__resume-profile-about">
308 <h2 class="main__resume-profile-about-title">О себе</h2> 315 <h2 class="main__resume-profile-about-title">О себе</h2>
309 <p class="main__resume-profile-about-text">{{ $Query[0]['text'] }}</p> 316 <p class="main__resume-profile-about-text">{{ $Query[0]['text'] }}</p>
310 317
311 </div> 318 </div>
312 <div class="main__resume-profile-info"> 319 <div class="main__resume-profile-info">
313 <h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2> 320 <h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2>
314 <div class="main__resume-profile-info-body"> 321 <div class="main__resume-profile-info-body">
315 @if ((isset($Query[0]['prev_company'])) && (count($Query[0]['prev_company']) > 0)) 322 @if ((isset($Query[0]['prev_company'])) && (count($Query[0]['prev_company']) > 0))
316 @foreach ($Query[0]['prev_company'] as $it) 323 @foreach ($Query[0]['prev_company'] as $it)
317 <div class="main__resume-profile-info-body-item"> 324 <div class="main__resume-profile-info-body-item">
318 <h3 class="main__resume-profile-info-body-subtitle">{{ $it['name_company'] }}</h3> 325 <h3 class="main__resume-profile-info-body-subtitle">{{ $it['name_company'] }}</h3>
319 <ul class="main__resume-profile-info-body-inner"> 326 <ul class="main__resume-profile-info-body-inner">
320 <li> 327 <li>
321 <b>Руководитель</b> 328 <b>Руководитель</b>
322 <span>{{ $it['direct'] }}</span> 329 <span>{{ $it['direct'] }}</span>
323 </li> 330 </li>
324 <li> 331 <li>
325 <b>Телефон того, кто может дать рекомендацию</b> 332 <b>Телефон того, кто может дать рекомендацию</b>
326 <span> 333 <span>
327 <a>{{ $it['telephone'] }}</a> 334 <a>{{ $it['telephone'] }}</a>
328 <a>{{ $it['telephone2'] }}</a> 335 <a>{{ $it['telephone2'] }}</a>
329 </span> 336 </span>
330 </li> 337 </li>
331 </ul> 338 </ul>
332 </div> 339 </div>
333 @endforeach 340 @endforeach
334 @endif 341 @endif
335 </div> 342 </div>
336 </div> 343 </div>
337 </div> 344 </div>
338 </div> 345 </div>
339 </main> 346 </main>
340 </body> 347 </body>
341 </html> 348 </html>
342 349
resources/views/workers/cabinet.blade.php
Diff comments   View file @ e20c428
1 @extends('layout.frontend', ['title' => 'Моя анкета - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Моя анкета - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('click', '#button_new_doc123', function() { 6 $(document).on('click', '#button_new_doc123', function() {
7 var this_ = $(this); 7 var this_ = $(this);
8 var val_ = this_.attr('data-val'); 8 var val_ = this_.attr('data-val');
9 var new_diplom = $('#new_diplom'); 9 var new_diplom = $('#new_diplom');
10 var new_diplom_val = new_diplom.val(); 10 var new_diplom_val = new_diplom.val();
11 var new_data_begin = $('#new_data_begin'); 11 var new_data_begin = $('#new_data_begin');
12 var new_data_begin_val = new_data_begin.val(); 12 var new_data_begin_val = new_data_begin.val();
13 var new_data_end = $('#new_data_end'); 13 var new_data_end = $('#new_data_end');
14 var new_data_end_val = new_data_end.val(); 14 var new_data_end_val = new_data_end.val();
15 var education = $('#education'); 15 var education = $('#education');
16 var education_val = education.val(); 16 var education_val = education.val();
17 var worker_id = $('#new_id'); 17 var worker_id = $('#new_id');
18 var worker_val = worker_id.val(); 18 var worker_val = worker_id.val();
19 19
20 console.log('sort items ' + val_); 20 console.log('sort items ' + val_);
21 21
22 if (new_diplom_val == '') { 22 if (new_diplom_val == '') {
23 new_diplom.addClass('err_red'); 23 new_diplom.addClass('err_red');
24 console.log('Border Up'); 24 console.log('Border Up');
25 } else { 25 } else {
26 $.ajax({ 26 $.ajax({
27 type: "GET", 27 type: "GET",
28 url: "{{ route('worker.add_serificate') }}", 28 url: "{{ route('worker.add_serificate') }}",
29 data: "worker_id="+worker_val+"&date_begin="+new_data_begin_val + "&end_begin=" + new_data_end_val + "&name=" + new_diplom_val + "&education="+education_val, 29 data: "worker_id="+worker_val+"&date_begin="+new_data_begin_val + "&end_begin=" + new_data_end_val + "&name=" + new_diplom_val + "&education="+education_val,
30 success: function (data) { 30 success: function (data) {
31 console.log('Блокировка...'); 31 console.log('Блокировка...');
32 console.log(data); 32 console.log(data);
33 $('#sertificate').html(data); 33 $('#sertificate').html(data);
34 if (new_diplom.hasClass('err_red')) new_diplom.removeClass('err_red'); 34 if (new_diplom.hasClass('err_red')) new_diplom.removeClass('err_red');
35 }, 35 },
36 headers: { 36 headers: {
37 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 37 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
38 }, 38 },
39 error: function (data) { 39 error: function (data) {
40 data = JSON.stringify(data); 40 data = JSON.stringify(data);
41 console.log('Error: ' + data); 41 console.log('Error: ' + data);
42 } 42 }
43 }); 43 });
44 } 44 }
45 }); 45 });
46 46
47 $(document).on('click', '#btn_new_diplom123', function() { 47 $(document).on('click', '#btn_new_diplom123', function() {
48 var this_ = $(this); 48 var this_ = $(this);
49 var val_ = this_.attr('data-val'); 49 var val_ = this_.attr('data-val');
50 var documents = $('#documents'); 50 var documents = $('#documents');
51 var doc_val = documents.val(); 51 var doc_val = documents.val();
52 var block = $('#ajax_dop_diplomi'); 52 var block = $('#ajax_dop_diplomi');
53 53
54 console.log('worker_id='+val_+'it_infoblock='+ doc_val); 54 console.log('worker_id='+val_+'it_infoblock='+ doc_val);
55 55
56 $.ajax({ 56 $.ajax({
57 type: "GET", 57 type: "GET",
58 url: "", 58 url: "",
59 data: "worker_id="+val_+"&infoblok_id="+doc_val, 59 data: "worker_id="+val_+"&infoblok_id="+doc_val,
60 success: function (data) { 60 success: function (data) {
61 location.url = data; 61 location.url = data;
62 console.log('Добавление документа-диплома'); 62 console.log('Добавление документа-диплома');
63 console.log(data); 63 console.log(data);
64 block.html(data); 64 block.html(data);
65 }, 65 },
66 headers: { 66 headers: {
67 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 67 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
68 }, 68 },
69 error: function (data) { 69 error: function (data) {
70 data = JSON.stringify(data); 70 data = JSON.stringify(data);
71 console.log('Error: ' + data); 71 console.log('Error: ' + data);
72 } 72 }
73 }); 73 });
74 }); 74 });
75 75
76 $(document).on('click', '#new_work', function() { 76 $(document).on('click', '#new_work', function() {
77 var this_ = $(this); 77 var this_ = $(this);
78 var val_ = this_.attr('data-val'); 78 var val_ = this_.attr('data-val');
79 var new_diplom = $('#new_diplom').val(); 79 var new_diplom = $('#new_diplom').val();
80 var new_data_begin = $('#new_data_begin').val(); 80 var new_data_begin = $('#new_data_begin').val();
81 var new_data_end = $('#new_data_end').val(); 81 var new_data_end = $('#new_data_end').val();
82 var new_job_title = $('#new_job_title').val(); 82 var new_job_title = $('#new_job_title').val();
83 var new_teplohod = $('#new_teplohod').val(); 83 var new_teplohod = $('#new_teplohod').val();
84 var new_GWT = $('#new_GWT').val(); 84 var new_GWT = $('#new_GWT').val();
85 var new_KBT = $('#new_KBT').val(); 85 var new_KBT = $('#new_KBT').val();
86 var new_Begin_work = $('#new_Begin_work').val(); 86 var new_Begin_work = $('#new_Begin_work').val();
87 var new_End_work = $('#new_End_work').val(); 87 var new_End_work = $('#new_End_work').val();
88 var new_name_company = $('#new_name_company').val(); 88 var new_name_company = $('#new_name_company').val();
89 89
90 console.log('worker_id='+val_+'it_infoblock='+ doc_val); 90 console.log('worker_id='+val_+'it_infoblock='+ doc_val);
91 91
92 $.ajax({ 92 $.ajax({
93 type: "GET", 93 type: "GET",
94 url: "", 94 url: "",
95 data: "worker_id="+val_+"&infoblok_id="+doc_val, 95 data: "worker_id="+val_+"&infoblok_id="+doc_val,
96 success: function (data) { 96 success: function (data) {
97 location.url = data; 97 location.url = data;
98 console.log('Добавление документа-диплома'); 98 console.log('Добавление документа-диплома');
99 console.log(data); 99 console.log(data);
100 block.html(data); 100 block.html(data);
101 }, 101 },
102 headers: { 102 headers: {
103 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 103 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
104 }, 104 },
105 error: function (data) { 105 error: function (data) {
106 data = JSON.stringify(data); 106 data = JSON.stringify(data);
107 console.log('Error: ' + data); 107 console.log('Error: ' + data);
108 } 108 }
109 }); 109 });
110 }); 110 });
111 111
112 $(document).on('click', '#old_year', function() { 112 $(document).on('click', '#old_year', function() {
113 var this_ = $(this); 113 var this_ = $(this);
114 var val = this_.val(); 114 var val = this_.val();
115 115
116 if (val < 0) 116 if (val < 0)
117 $('#old_year').val(0); 117 $('#old_year').val(0);
118 118
119 console.log('Возраст не может выполнить такую операцию'); 119 console.log('Возраст не может выполнить такую операцию');
120 }); 120 });
121 121
122 $(document).on('change', '.sertificates_js', function() { 122 $(document).on('change', '.sertificates_js', function() {
123 var this_ = $(this); 123 var this_ = $(this);
124 var infoblock_id = this_.attr('data-info'); 124 var infoblock_id = this_.attr('data-info');
125 var val = this_.val(); 125 var val = this_.val();
126 var block = $('#block_sertificate'); 126 var block = $('#block_sertificate');
127 127
128 console.log('infoblok='+infoblock_id); 128 console.log('infoblok='+infoblock_id);
129 console.log('val='+val); 129 console.log('val='+val);
130 130
131 $.ajax({ 131 $.ajax({
132 type: "GET", 132 type: "GET",
133 url: "{{ route('worker.delete_add_diplom', ['worker' => $Worker[0]->id]) }}", 133 url: "{{ route('worker.delete_add_diplom', ['worker' => $Worker[0]->id]) }}",
134 data: "&infoblok_id=" + infoblock_id+"&val="+val, 134 data: "&infoblok_id=" + infoblock_id+"&val="+val,
135 success: function (data) { 135 success: function (data) {
136 location.url = data; 136 location.url = data;
137 console.log('Удаление левых документов + добавление реальных документов'); 137 console.log('Удаление левых документов + добавление реальных документов');
138 138
139 console.log('Info 100% +'+ data); 139 console.log('Info 100% +'+ data);
140 //window.location.href = data; 140 //window.location.href = data;
141 //block.html(data); 141 //block.html(data);
142 }, 142 },
143 headers: { 143 headers: {
144 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 144 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
145 }, 145 },
146 error: function (data) { 146 error: function (data) {
147 data = JSON.stringify(data); 147 data = JSON.stringify(data);
148 console.log('Error: ' + data); 148 console.log('Error: ' + data);
149 } 149 }
150 }); 150 });
151 151
152 }); 152 });
153 153
154 </script> 154 </script>
155 @endsection 155 @endsection
156 156
157 @section('content') 157 @section('content')
158 <section class="cabinet"> 158 <section class="cabinet">
159 <div class="container"> 159 <div class="container">
160 <ul class="breadcrumbs cabinet__breadcrumbs"> 160 <ul class="breadcrumbs cabinet__breadcrumbs">
161 <li><a href="{{ route('index') }}">Главная</a></li> 161 <li><a href="{{ route('index') }}">Главная</a></li>
162 <li><b>Личный кабинет</b></li> 162 <li><b>Личный кабинет</b></li>
163 </ul> 163 </ul>
164 <div class="cabinet__wrapper"> 164 <div class="cabinet__wrapper">
165 <div class="cabinet__side"> 165 <div class="cabinet__side">
166 <div class="cabinet__side-toper"> 166 <div class="cabinet__side-toper">
167 @include('workers.emblema') 167 @include('workers.emblema')
168 168
169 </div> 169 </div>
170 170
171 @include('workers.menu', ['item' => 1]) 171 @include('workers.menu', ['item' => 1])
172 </div> 172 </div>
173 <form class="cabinet__body" action="{{ route('worker.cabinet_save', ['worker' => $Worker[0]->id]) }}" enctype="multipart/form-data" method="POST"> 173 <form class="cabinet__body" action="{{ route('worker.cabinet_save', ['worker' => $Worker[0]->id]) }}" enctype="multipart/form-data" method="POST">
174 @csrf 174 @csrf
175 @include('messages_error') 175 @include('messages_error')
176 <div class="cabinet__body-item"> 176 <div class="cabinet__body-item">
177 <div class="cabinet__anketa"> 177 <div class="cabinet__anketa">
178 <h2 class="title cabinet__title">Моя анкета</h2> 178 <h2 class="title cabinet__title">Моя анкета</h2>
179 <div class="cabinet__anketa-buttons"> 179 <div class="cabinet__anketa-buttons">
180 <a href="{{ route('worker.up', ['worker' => $Worker[0]->id]) }}" class="button">Поднять резюме</a> 180 <a href="{{ route('worker.up', ['worker' => $Worker[0]->id]) }}" class="button">Поднять резюме</a>
181 <a href="{{ route('resume_download', ['worker' => $Worker[0]->id]) }}" target="_blank" class="button"> 181 <a href="{{ route('resume_download', ['worker' => $Worker[0]->id]) }}" target="_blank" class="button">
182 <svg> 182 <svg>
183 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use> 183 <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
184 </svg> 184 </svg>
185 Скачать резюме 185 Скачать резюме
186 </a> 186 </a>
187 </div> 187 </div>
188 </div> 188 </div>
189 </div> 189 </div>
190 <div class="cabinet__body-item"> 190 <div class="cabinet__body-item">
191 <div class="cabinet__stats"> 191 <div class="cabinet__stats">
192 <h3 class="cabinet__subtitle cabinet__stats-title">Статистика</h3> 192 <h3 class="cabinet__subtitle cabinet__stats-title">Статистика</h3>
193 <div class="cabinet__stats-body"> 193 <div class="cabinet__stats-body">
194 <div class="cabinet__stats-item"> 194 <div class="cabinet__stats-item">
195 <svg> 195 <svg>
196 <use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use> 196 <use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use>
197 </svg> 197 </svg>
198 <span>Просмотров:</span> 198 <span>Просмотров:</span>
199 <b>@if (isset($stat[0]->lookin)) {{ $stat[0]->lookin }} @else 0 @endif</b> 199 <b>@if (isset($stat[0]->lookin)) {{ $stat[0]->lookin }} @else 0 @endif</b>
200 </div> 200 </div>
201 <div class="cabinet__stats-item"> 201 <div class="cabinet__stats-item">
202 <svg> 202 <svg>
203 <use xlink:href="{{ asset('images/sprite.svg#warning') }}"></use> 203 <use xlink:href="{{ asset('images/sprite.svg#warning') }}"></use>
204 </svg> 204 </svg>
205 <span>Отзывов:</span> 205 <span>Отзывов:</span>
206 <b>@if (isset($stat[0]->message)) {{ $stat[0]->message }} @else 0 @endif</b> 206 <b>@if (isset($stat[0]->message)) {{ $stat[0]->message }} @else 0 @endif</b>
207 </div> 207 </div>
208 </div> 208 </div>
209 <div class="cabinet__stats-subtitle">Анкета заполнена на {{ $persent }}%</div> 209 <div class="cabinet__stats-subtitle">Анкета заполнена на {{ $persent }}%</div>
210 <div class="cabinet__stats-line"> 210 <div class="cabinet__stats-line">
211 <span style="width:{{ $persent }}%"></span> 211 <span style="width:{{ $persent }}%"></span>
212 </div> 212 </div>
213 <div class="cabinet__stats-bottom">Заполните профиль, чтобы повысить процент анкеты на 80%</div> 213 <div class="cabinet__stats-bottom">Заполните профиль, чтобы повысить процент анкеты на 80%</div>
214 </div> 214 </div>
215 </div> 215 </div>
216 <div class="cabinet__body-item"> 216 <div class="cabinet__body-item">
217 <h3 class="cabinet__subtitle">Профиль</h3> 217 <h3 class="cabinet__subtitle">Профиль</h3>
218 <div class="cabinet__avatar"> 218 <div class="cabinet__avatar">
219 <div class="cabinet__avatar-pic"> 219 <div class="cabinet__avatar-pic">
220 220
221 @if (!empty($Worker[0]->photo)) 221 @if (!empty($Worker[0]->photo))
222 <img src="{{ asset(Storage::url($Worker[0]->photo)) }}"/> 222 <img src="{{ asset(Storage::url($Worker[0]->photo)) }}"/>
223 @else 223 @else
224 <svg> 224 <svg>
225 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 225 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
226 </svg> 226 </svg>
227 @endif 227 @endif
228 </div> 228 </div>
229 <div class="cabinet__avatar-form"> 229 <div class="cabinet__avatar-form">
230 <label class="file"> 230 <label class="file">
231 <span class="file__input"> 231 <span class="file__input">
232 <input type="file" name="photo" id="photo"> 232 <input type="file" name="photo" id="photo">
233 233
234 <span class="button"> 234 <span class="button">
235 <svg> 235 <svg>
236 <use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use> 236 <use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use>
237 </svg> 237 </svg>
238 Загрузить 238 Загрузить
239 </span> 239 </span>
240 </span> 240 </span>
241 </label> 241 </label>
242 <p class="cabinet__text">Загрузите фотографию в формате svg., jpg., jpeg., png.</p> 242 <p class="cabinet__text">Загрузите фотографию в формате svg., jpg., jpeg., png.</p>
243 </div> 243 </div>
244 </div> 244 </div>
245 </div> 245 </div>
246 <div class="cabinet__body-item"> 246 <div class="cabinet__body-item">
247 <div class="cabinet__inputs"> 247 <div class="cabinet__inputs">
248 <div class="cabinet__inputs-item form-group"> 248 <div class="cabinet__inputs-item form-group">
249 <label class="form-group__label">Электронная почта *</label> 249 <label class="form-group__label">Электронная почта *</label>
250 <div class="form-group__item"> 250 <div class="form-group__item">
251 <input type="email" name="email" id="email" value="{{ $Worker[0]->email }}" class="input" placeholder="info@rekamore.su" required> 251 <input type="email" name="email" id="email" value="{{ $Worker[0]->email }}" class="input" placeholder="info@rekamore.su" required>
252 </div> 252 </div>
253 </div> 253 </div>
254 <div class="cabinet__inputs-item form-group"> 254 <div class="cabinet__inputs-item form-group">
255 <label class="form-group__label">Статус</label> 255 <label class="form-group__label">Статус</label>
256 <div class="form-group__item"> 256 <div class="form-group__item">
257 <div class="select"> 257 <div class="select">
258 <select class="js-select2" name="status_work" id="status_work"> 258 <select class="js-select2" name="status_work" id="status_work">
259 <option value="1" @if ($Worker[0]->status_work == 1) selected @endif>Не указано</option> 259 <option value="1" @if ($Worker[0]->status_work == 1) selected @endif>Не указано</option>
260 <option value="2" @if ($Worker[0]->status_work == 2) selected @endif>Не ищу работу</option> 260 <option value="2" @if ($Worker[0]->status_work == 2) selected @endif>Не ищу работу</option>
261 <option value="0" @if ($Worker[0]->status_work == 0) selected @endif>Ищу работу</option> 261 <option value="0" @if ($Worker[0]->status_work == 0) selected @endif>Ищу работу</option>
262 </select> 262 </select>
263 </div> 263 </div>
264 </div> 264 </div>
265 </div> 265 </div>
266 <!--<div class="cabinet__inputs-item form-group"> 266 <!--<div class="cabinet__inputs-item form-group">
267 <label class="form-group__label">Статус *</label> 267 <label class="form-group__label">Статус *</label>
268 <div class="form-group__item"> 268 <div class="form-group__item">
269 <input type="text" class="input" required> 269 <input type="text" class="input" required>
270 </div> 270 </div>
271 </div>--> 271 </div>-->
272 @if (isset($Worker[0]->users)) 272 @if (isset($Worker[0]->users))
273 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 273 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
274 <label class="form-group__label">Фамилия *</label> 274 <label class="form-group__label">Фамилия *</label>
275 <div class="form-group__item"> 275 <div class="form-group__item">
276 <input type="text" name="surname" id="surmane" class="input" value="{{ $Worker[0]->users->surname }}" placeholder="Филиппов" required> 276 <input type="text" name="surname" id="surmane" class="input" value="{{ $Worker[0]->users->surname }}" placeholder="Филиппов" required>
277 </div> 277 </div>
278 </div> 278 </div>
279 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 279 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
280 <label class="form-group__label">Имя *</label> 280 <label class="form-group__label">Имя *</label>
281 <div class="form-group__item"> 281 <div class="form-group__item">
282 <input type="text" name="name_man" id="name_man" class="input" value="{{ $Worker[0]->users->name_man }}" placeholder="Егор" required> 282 <input type="text" name="name_man" id="name_man" class="input" value="{{ $Worker[0]->users->name_man }}" placeholder="Егор" required>
283 </div> 283 </div>
284 </div> 284 </div>
285 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 285 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
286 <label class="form-group__label">Отчество *</label> 286 <label class="form-group__label">Отчество *</label>
287 <div class="form-group__item"> 287 <div class="form-group__item">
288 <input type="text" class="input" name="surname2" id="surmane2" value="{{ $Worker[0]->users->surname2 }}" placeholder="Алексеевич"> 288 <input type="text" class="input" name="surname2" id="surmane2" value="{{ $Worker[0]->users->surname2 }}" placeholder="Алексеевич">
289 </div> 289 </div>
290 </div> 290 </div>
291 @endif 291 @endif
292 </div> 292 </div>
293 </div> 293 </div>
294 <div class="cabinet__body-item"> 294 <div class="cabinet__body-item">
295 <h3 class="cabinet__subtitle">Основная информация</h3> 295 <h3 class="cabinet__subtitle">Основная информация</h3>
296 <div class="cabinet__inputs"> 296 <div class="cabinet__inputs">
297 <div class="cabinet__inputs-item cabinet__inputs-item_min form-group"> 297 <div class="cabinet__inputs-item cabinet__inputs-item_min form-group">
298 <label class="form-group__label">Возраст</label> 298 <label class="form-group__label">Возраст</label>
299 <div class="form-group__item"> 299 <div class="form-group__item">
300 <input type="number" name="old_year" id="old_year" value="{{ $Worker[0]->old_year }}" class="input" placeholder="0" required> 300 <input type="number" name="old_year" id="old_year" value="{{ $Worker[0]->old_year }}" class="input" placeholder="0" required>
301 </div> 301 </div>
302 </div> 302 </div>
303 <div class="cabinet__inputs-item cabinet__inputs-item_max form-group"> 303 <div class="cabinet__inputs-item cabinet__inputs-item_max form-group">
304 <label class="form-group__label">Желаемые вакансии</label> 304 <label class="form-group__label">Желаемые вакансии</label>
305 <div class="form-group__item"> 305 <div class="form-group__item">
306 <div class="select"> 306 <div class="select">
307 <select class="js-select2" name="job_title_id[]" id="job_title_id[]" multiple="multiple"> 307 <select class="js-select2" name="job_title_id[]" id="job_title_id[]" multiple="multiple">
308 @if ($Job_titles->count()) 308 @if ($Job_titles->count())
309 @foreach($Job_titles as $it) 309 @foreach($Job_titles as $it)
310 @php $selected = false; @endphp
310 @if (isset($Worker[0]->job_titles)) 311 @if (isset($Worker[0]->job_titles))
311 @if ($Worker[0]->job_titles->count()) 312 @if ($Worker[0]->job_titles->count())
312 @foreach($Worker[0]->job_titles as $select) 313 @foreach($Worker[0]->job_titles as $select)
313 <option value="{{ $it->id }}" @if ($it->id == $select->id) selected @endif>{{ $it->name }}</option> 314 @if ($it->id == $select->id)
315 @php $selected = true; @endphp
316 @endif
314 @endforeach 317 @endforeach
315 @else
316 <option value="{{ $it->id }}">{{ $it->name }} ({{ $it->id }})</option>
317 @endif 318 @endif
318 @else
319 <option value="{{ $it->id }}">{{ $it->name }} ({{ $it->id }})</option>
320 @endif 319 @endif
320 <option value="{{ $it->id }}" @if ($selected) selected @endif>{{ $it->name }}</option>
321 @endforeach 321 @endforeach
322 @endif 322 @endif
323 </select> 323 </select>
324 </div> 324 </div>
325 </div> 325 </div>
326 </div> 326 </div>
327 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 327 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
328 <label class="form-group__label">Город</label> 328 <label class="form-group__label">Город</label>
329 <div class="form-group__item"> 329 <div class="form-group__item">
330 <input type="text" name="city" id="city" value="{{ $Worker[0]->city }}" class="input" placeholder="Челябинск" required> 330 <input type="text" name="city" id="city" value="{{ $Worker[0]->city }}" class="input" placeholder="Челябинск" required>
331 </div> 331 </div>
332 </div> 332 </div>
333 <div class="cabinet__inputs-item form-group"> 333 <div class="cabinet__inputs-item form-group">
334 <label class="form-group__label">Опыт работы</label> 334 <label class="form-group__label">Опыт работы</label>
335 <div class="form-group__item"> 335 <div class="form-group__item">
336 <div class="select"> 336 <div class="select">
337 <select class="js-select2" id="experience" name="experience"> 337 <select class="js-select2" id="experience" name="experience">
338 <option value="Не указано" @if (empty($Worker[0]->experience)) selected @endif>Не указано</option> 338 <option value="Не указано" @if (empty($Worker[0]->experience)) selected @endif>Не указано</option>
339 <option value="меньше 1 года" @if ($Worker[0]->experience == 'меньше 1 года') selected @endif>меньше 1 года</option> 339 <option value="меньше 1 года" @if ($Worker[0]->experience == 'меньше 1 года') selected @endif>меньше 1 года</option>
340 <option value="от 1 года до 3 лет" @if ($Worker[0]->experience == 'от 1 года до 3 лет') selected @endif>от 1 года до 3 лет</option> 340 <option value="от 1 года до 3 лет" @if ($Worker[0]->experience == 'от 1 года до 3 лет') selected @endif>от 1 года до 3 лет</option>
341 <option value="от 3 до 5 лет" @if ($Worker[0]->experience == 'от 3 до 5 лет') selected @endif>от 3 до 5 лет</option> 341 <option value="от 3 до 5 лет" @if ($Worker[0]->experience == 'от 3 до 5 лет') selected @endif>от 3 до 5 лет</option>
342 <option value="от 5 до 10 лет" @if ($Worker[0]->experience == 'от 5 до 10 лет') selected @endif>от 5 до 10 лет</option> 342 <option value="от 5 до 10 лет" @if ($Worker[0]->experience == 'от 5 до 10 лет') selected @endif>от 5 до 10 лет</option>
343 <option value="Больше 10 лет" @if ($Worker[0]->experience == 'Больше 10 лет') selected @endif>Больше 10 лет</option> 343 <option value="Больше 10 лет" @if ($Worker[0]->experience == 'Больше 10 лет') selected @endif>Больше 10 лет</option>
344 </select> 344 </select>
345 </div> 345 </div>
346 </div> 346 </div>
347 </div> 347 </div>
348 348
349 <div class="cabinet__inputs-item form-group"> 349 <div class="cabinet__inputs-item form-group">
350 <label class="form-group__label">Номер телефона 1</label> 350 <label class="form-group__label">Номер телефона 1</label>
351 <div class="form-group__item"> 351 <div class="form-group__item">
352 <input type="tel" name="telephone" id="telephone" value="{{ old('telephone') ?? $Worker[0]->telephone ?? '' }}" class="input" placeholder="+7 (___) ___-__-__" required> 352 <input type="tel" name="telephone" id="telephone" value="{{ old('telephone') ?? $Worker[0]->telephone ?? '' }}" class="input" placeholder="+7 (___) ___-__-__" required>
353 </div> 353 </div>
354 </div> 354 </div>
355 <div class="cabinet__inputs-item form-group"> 355 <div class="cabinet__inputs-item form-group">
356 <label class="form-group__label">Номер телефона 2</label> 356 <label class="form-group__label">Номер телефона 2</label>
357 <div class="form-group__item"> 357 <div class="form-group__item">
358 <input type="tel" name="telephone2" id="telephon2" value="{{ old('telephone2') ?? $Worker[0]->telephone2 ?? '' }}" class="input" placeholder="+7 (___) ___-__-__"> 358 <input type="tel" name="telephone2" id="telephon2" value="{{ old('telephone2') ?? $Worker[0]->telephone2 ?? '' }}" class="input" placeholder="+7 (___) ___-__-__">
359 </div> 359 </div>
360 </div> 360 </div>
361 </div> 361 </div>
362 </div> 362 </div>
363 363
364 <div class="cabinet__body-item"> 364 <div class="cabinet__body-item">
365 <h4 class="cabinet__h4">О себе</h4> 365 <h4 class="cabinet__h4">О себе</h4>
366 <textarea class="textarea" name="text" id="text" placeholder="Не указано">{{ $Worker[0]->text }}</textarea> 366 <textarea class="textarea" name="text" id="text" placeholder="Не указано">{{ $Worker[0]->text }}</textarea>
367 <div class="cabinet__buttons"> 367 <div class="cabinet__buttons">
368 <button type="submit" class="button">Сохранить</button> 368 <button type="submit" class="button">Сохранить</button>
369 <label class="file"> 369 <label class="file">
370 <span class="file__input"> 370 <span class="file__input">
371 <input type="file" name="file" id="file"> 371 <input type="file" name="file" id="file">
372 <span class="button button_light">@if (empty($Worker[0]->file)) Прикрепить резюме @else Обновить резюме @endif</span> 372 <span class="button button_light">@if (empty($Worker[0]->file)) Прикрепить резюме @else Обновить резюме @endif</span>
373 </span> 373 </span>
374 </label> 374 </label>
375 </div> 375 </div>
376 </div> 376 </div>
377 377
378 378
379 <div id="sertificate" name="sertificate"> 379 <div id="sertificate" name="sertificate">
380 @if ((isset($Worker[0]->sertificate)) && ($Worker[0]->sertificate->count() > 0)) 380 @if ((isset($Worker[0]->sertificate)) && ($Worker[0]->sertificate->count() > 0))
381 @php $i = 0; @endphp 381 @php $i = 0; @endphp
382 @foreach($Worker[0]->sertificate as $it) 382 @foreach($Worker[0]->sertificate as $it)
383 <div style="margin-bottom: 20px" class="cabinet__body-item"> 383 <div style="margin-bottom: 20px" class="cabinet__body-item">
384 @if ($i == 0) 384 @if ($i == 0)
385 <h3 class="cabinet__subtitle">Сертификаты / документы</h3> 385 <h3 class="cabinet__subtitle">Сертификаты / документы</h3>
386 @endif 386 @endif
387 <h4 class="cabinet__h4">Сертификат {{ $i+1 }}</h4> 387 <h4 class="cabinet__h4">Сертификат {{ $i+1 }}</h4>
388 <div class="cabinet__inputs"> 388 <div class="cabinet__inputs">
389 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 389 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
390 <label class="form-group__label">Название сертификата:</label> 390 <label class="form-group__label">Название сертификата:</label>
391 <div class="form-group__item"> 391 <div class="form-group__item">
392 <input type="text" class="input" value="{{ $it->name }}" > 392 <input type="text" class="input" value="{{ $it->name }}" disabled>
393 </div> 393 </div>
394 </div> 394 </div>
395 <!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 395 <!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
396 <label class="form-group__label">Учебное заведение</label> 396 <label class="form-group__label">Учебное заведение</label>
397 <div class="form-group__item"> 397 <div class="form-group__item">
398 <input type="text" class="input" value=" $it->education }}" disabled> 398 <input type="text" class="input" value=" $it->education }}" disabled>
399 </div> 399 </div>
400 </div>--> 400 </div>-->
401 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 401 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
402 <label class="form-group__label">Действителен до:</label> 402 <label class="form-group__label">Действителен до:</label>
403 <div class="form-group__item"> 403 <div class="form-group__item">
404 <input type="text" class="input" value="{{ $it->end_begin }}"> 404 <input type="text" class="input" value="{{ $it->end_begin }}" disabled>
405 </div> 405 </div>
406 </div> 406 </div>
407 <a href="{{ route('worker.delete_sertificate', ['doc' => $it->id]) }}" class="button button_light"> 407 <a href="{{ route('worker.delete_sertificate', ['doc' => $it->id]) }}" class="button button_light">
408 <svg> 408 <svg>
409 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 409 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
410 </svg> 410 </svg>
411 Удалить 411 Удалить
412 </a> 412 </a>
413 <a href="{{ route('worker.edit_sertificate', ['worker' => $Worker[0]->id, 'doc' => $it->id ]) }}" class="button">Редактирование</a> 413 <a href="{{ route('worker.edit_sertificate', ['worker' => $Worker[0]->id, 'doc' => $it->id ]) }}" class="button">Редактирование</a>
414 </div> 414 </div>
415 </div> 415 </div>
416 @php $i++ @endphp 416 @php $i++ @endphp
417 @endforeach 417 @endforeach
418 @else 418 @else
419 <div style="margin-bottom: 20px" class="cabinet__body-item"> 419 <div style="margin-bottom: 20px" class="cabinet__body-item">
420 <h3 class="cabinet__subtitle">Сертификаты / документы</h3> 420 <h3 class="cabinet__subtitle">Сертификаты / документы</h3>
421 Нет сертификатов 421 Нет сертификатов
422 </div> 422 </div>
423 @endif 423 @endif
424 </div> 424 </div>
425 425
426 <div class="cabinet__body-item"> 426 <div class="cabinet__body-item">
427 <a class="button button_light" href="{{ route('worker.new_sertificate',['worker' => $Worker[0]->id]) }}" id="button_new_doc" name="button_new_doc"> 427 <a class="button button_light" href="{{ route('worker.new_sertificate',['worker' => $Worker[0]->id]) }}" id="button_new_doc" name="button_new_doc">
428 Добавить сертификат 428 Добавить сертификат
429 </a> 429 </a>
430 </div> 430 </div>
431 431
432 <div class="cabinet__body-item" name="ajax_dop_diplomi" id="ajax_dop_diplomi"> 432 <div class="cabinet__body-item" name="ajax_dop_diplomi" id="ajax_dop_diplomi">
433 <h4 class="cabinet__h4">Дополнительная информация</h4> 433 <h4 class="cabinet__h4">Дополнительная информация</h4>
434 <div class="cabinet__inputs" id="block_sertificate"> 434 <div class="cabinet__inputs" id="block_sertificate">
435 @if ($Infobloks->count()) 435 @if ($Infobloks->count())
436 @foreach ($Infobloks as $doc) 436 @foreach ($Infobloks as $doc)
437 <div class="cabinet__inputs-item form-group"> 437 <div class="cabinet__inputs-item form-group">
438 <label class="form-group__label">{{ $doc->name }}</label> 438 <label class="form-group__label">{{ $doc->name }}</label>
439 <div class="form-group__item"> 439 <div class="form-group__item">
440 <div class="select"> 440 <div class="select">
441 @php $Selected = 0; @endphp 441 @php $Selected = 0; @endphp
442 @if ($Worker[0]->infobloks->count()) 442 @if ($Worker[0]->infobloks->count())
443 @foreach ($Worker[0]->dop_info as $info) 443 @foreach ($Worker[0]->dop_info as $info)
444 @if ($info->infoblok_id == $doc->id) 444 @if ($info->infoblok_id == $doc->id)
445 @php $Selected = $info->status; @endphp 445 @php $Selected = $info->status; @endphp
446 @endif 446 @endif
447 @endforeach 447 @endforeach
448 @endif 448 @endif
449 <select data-info="{{ $doc->id }}" class="js-select2 sertificates_js"> 449 <select data-info="{{ $doc->id }}" class="js-select2 sertificates_js">
450 <option value="0" @if ($Selected == 0) selected @endif>Не указано</option> 450 <option value="0" @if ($Selected == 0) selected @endif>Не указано</option>
451 <option value="1" @if ($Selected == 1) selected @endif>В наличии</option> 451 <option value="1" @if ($Selected == 1) selected @endif>В наличии</option>
452 <option value="2" @if ($Selected == 2) selected @endif>Отсутствует</option> 452 <option value="2" @if ($Selected == 2) selected @endif>Отсутствует</option>
453 </select> 453 </select>
454 </div> 454 </div>
455 </div> 455 </div>
456 </div> 456 </div>
457 @endforeach 457 @endforeach
458 @endif 458 @endif
459 <!--_if (isset($Worker[0]->infobloks)) 459 <!--_if (isset($Worker[0]->infobloks))
460 _php dd($Worker[0]->infobloks) _endphp 460 _php dd($Worker[0]->infobloks) _endphp
461 _if ($Worker[0]->infobloks->count()) 461 _if ($Worker[0]->infobloks->count())
462 _php $i = 1; _endphp 462 _php $i = 1; _endphp
463 _foreach ($Worker[0]->infobloks as $info) 463 _foreach ($Worker[0]->infobloks as $info)
464 <div class="cabinet__inputs-item form-group"> 464 <div class="cabinet__inputs-item form-group">
465 <label class="form-group__label"> $info->name }}</label> 465 <label class="form-group__label"> $info->name }}</label>
466 <div class="form-group__item"> 466 <div class="form-group__item">
467 <div class="select"> 467 <div class="select">
468 <select data-info=" $info->id }}" class="js-select2 sertificates_js"> 468 <select data-info=" $info->id }}" class="js-select2 sertificates_js">
469 <option value="0">Нет</option> 469 <option value="0">Нет</option>
470 <option value="1" selected>Да</option> 470 <option value="1" selected>Да</option>
471 </select> 471 </select>
472 </div> 472 </div>
473 </div> 473 </div>
474 </div> 474 </div>
475 _php $i++; _endphp 475 _php $i++; _endphp
476 _endforeach 476 _endforeach
477 _endif 477 _endif
478 _endif 478 _endif
479 --> 479 -->
480 480
481 <!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 481 <!--<div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
482 <label class="form-group__label">Образцы дипломов и документов</label> 482 <label class="form-group__label">Образцы дипломов и документов</label>
483 <div class="form-group__item"> 483 <div class="form-group__item">
484 <div class="select"> 484 <div class="select">
485 <select class="js-select2" id="documents" name="documents"> 485 <select class="js-select2" id="documents" name="documents">
486 _if ($Infoblocks->count()) 486 _if ($Infoblocks->count())
487 _foreach ($Infoblocks as $it) 487 _foreach ($Infoblocks as $it)
488 <option value="_$it->id }}">_$it->name }}</option> 488 <option value="_$it->id }}">_$it->name }}</option>
489 _endforeach 489 _endforeach
490 _endif 490 _endif
491 </select> 491 </select>
492 </div> 492 </div>
493 </div> 493 </div>
494 </div>--> 494 </div>-->
495 </div> 495 </div>
496 <!--<a href=" route('worker.add_diplom', ['worker' => $Worker[0]->id]) }}" name="btn_new_diplom" data-val="{{ $Worker[0]->id }}" id="btn_new_diplom" class="button button_light"> 496 <!--<a href=" route('worker.add_diplom', ['worker' => $Worker[0]->id]) }}" name="btn_new_diplom" data-val="{{ $Worker[0]->id }}" id="btn_new_diplom" class="button button_light">
497 Добавить документ 497 Добавить документ
498 </a>--> 498 </a>-->
499 </div> 499 </div>
500 <div class="cabinet__body-item"> 500 <div class="cabinet__body-item">
501 <div class="cabinet__works"> 501 <div class="cabinet__works">
502 @if (isset($Worker[0]->place_worker)) 502 @if (isset($Worker[0]->place_worker))
503 @php $i = 1; @endphp 503 @php $i = 1; @endphp
504 @foreach($Worker[0]->place_worker as $company) 504 @foreach($Worker[0]->place_worker as $company)
505 <div class="cabinet__works-item"> 505 <div class="cabinet__works-item">
506 <div class="cabinet__works-spoiler active"> 506 <div class="cabinet__works-spoiler active">
507 <div class="cabinet__works-spoiler-left"> 507 <div class="cabinet__works-spoiler-left">
508 <div class="cabinet__works-spoiler-buttons"> 508 <div class="cabinet__works-spoiler-buttons">
509 <a href="{{ route('worker.delete_document', ['doc' => $company->id]) }}" class="button button_light js-works-remove"> 509 <a href="{{ route('worker.delete_document', ['doc' => $company->id]) }}" class="button button_light js-works-remove">
510 <svg> 510 <svg>
511 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 511 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
512 </svg> 512 </svg>
513 </a> 513 </a>
514 <a href="{{ route('worker.edit_document', ['doc' => $company->id, 'worker' => $Worker[0]->id]) }}" type="button" class="button button_light js-works-edit"> 514 <a href="{{ route('worker.edit_document', ['doc' => $company->id, 'worker' => $Worker[0]->id]) }}" type="button" class="button button_light js-works-edit">
515 <svg> 515 <svg>
516 <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use> 516 <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
517 </svg> 517 </svg>
518 </a> 518 </a>
519 </div> 519 </div>
520 <div class="cabinet__works-spoiler-text">Место работы {{ $i }}</div> 520 <div class="cabinet__works-spoiler-text">Место работы {{ $i }}</div>
521 </div> 521 </div>
522 <button type="button" class="cabinet__works-spoiler-right js-parent-toggle"> 522 <button type="button" class="cabinet__works-spoiler-right js-parent-toggle">
523 <svg> 523 <svg>
524 <use xlink:href="{{ asset('images/sprite.svg#arrow-bold') }}"></use> 524 <use xlink:href="{{ asset('images/sprite.svg#arrow-bold') }}"></use>
525 </svg> 525 </svg>
526 </button> 526 </button>
527 </div> 527 </div>
528 <div class="cabinet__works-body"> 528 <div class="cabinet__works-body">
529 <div class="cabinet__inputs"> 529 <div class="cabinet__inputs">
530 <div class="cabinet__inputs-item form-group"> 530 <div class="cabinet__inputs-item form-group">
531 <label class="form-group__label">Должность</label> 531 <label class="form-group__label">Должность</label>
532 <div class="form-group__item"> 532 <div class="form-group__item">
533 <input type="text" class="input" value="{{ $company->job_title }}"> 533 <input type="text" class="input" value="{{ $company->job_title }}" disabled>
534 </div> 534 </div>
535 </div> 535 </div>
536 <!--<div class="cabinet__inputs-item form-group"> 536 <!--<div class="cabinet__inputs-item form-group">
537 <label class="form-group__label">Опыт работы в танкерном флоте</label> 537 <label class="form-group__label">Опыт работы в танкерном флоте</label>
538 <div class="form-group__item"> 538 <div class="form-group__item">
539 <input type="text" class="input" value="@if ($company->tanker) Есть @else Нет @endif"> 539 <input type="text" class="input" value="@if ($company->tanker) Есть @else Нет @endif">
540 </div> 540 </div>
541 </div>--> 541 </div>-->
542 <div class="cabinet__inputs-item form-group"> 542 <div class="cabinet__inputs-item form-group">
543 <label class="form-group__label">Название т/х</label> 543 <label class="form-group__label">Название т/х</label>
544 <div class="form-group__item"> 544 <div class="form-group__item">
545 <input type="text" class="input" value="{{ $company->teplohod }}"> 545 <input type="text" class="input" value="{{ $company->teplohod }}" disabled>
546 </div> 546 </div>
547 </div> 547 </div>
548 <div class="cabinet__inputs-item form-group"> 548 <div class="cabinet__inputs-item form-group">
549 <label class="form-group__label">Тип суда (GWT)</label> 549 <label class="form-group__label">Тип суда (GWT)</label>
550 <div class="form-group__item"> 550 <div class="form-group__item">
551 <input type="text" class="input" value="{{ $company->GWT }}"> 551 <input type="text" class="input" value="{{ $company->GWT }}" disabled>
552 </div> 552 </div>
553 </div> 553 </div>
554 <div class="cabinet__inputs-item form-group"> 554 <div class="cabinet__inputs-item form-group">
555 <label class="form-group__label">Марка ГД</label> 555 <label class="form-group__label">Марка ГД</label>
556 <div class="form-group__item"> 556 <div class="form-group__item">
557 <input type="text" class="input" value="{{ $company->Marka_GD }}"> 557 <input type="text" class="input" value="{{ $company->Marka_GD }}" disabled>
558 </div> 558 </div>
559 </div> 559 </div>
560 <div class="cabinet__inputs-item form-group"> 560 <div class="cabinet__inputs-item form-group">
561 <label class="form-group__label">Мощность ГД (кВТ)</label> 561 <label class="form-group__label">Мощность ГД (кВТ)</label>
562 <div class="form-group__item"> 562 <div class="form-group__item">
563 <input type="text" class="input" value="{{ $company->KBT }}"> 563 <input type="text" class="input" value="{{ $company->KBT }}" disabled>
564 </div> 564 </div>
565 </div> 565 </div>
566 <div class="cabinet__inputs-item form-group"> 566 <div class="cabinet__inputs-item form-group">
567 <label class="form-group__label">Водоизмещение (GRT)</label> 567 <label class="form-group__label">Водоизмещение (GRT)</label>
568 <div class="form-group__item"> 568 <div class="form-group__item">
569 <input type="text" class="input" value="{{ $company->GRT }}"> 569 <input type="text" class="input" value="{{ $company->GRT }}" disabled>
570 </div> 570 </div>
571 </div> 571 </div>
572 <div class="cabinet__inputs-item form-group"> 572 <div class="cabinet__inputs-item form-group">
573 <label class="form-group__label">Название компании</label> 573 <label class="form-group__label">Название компании</label>
574 <div class="form-group__item"> 574 <div class="form-group__item">
575 <input type="text" class="input" value="{{ $company->name_company }}"> 575 <input type="text" class="input" value="{{ $company->name_company }}" disabled>
576 </div> 576 </div>
577 </div> 577 </div>
578 <div class="cabinet__inputs-item form-group"> 578 <div class="cabinet__inputs-item form-group">
579 <label class="form-group__label">Начало контракта</label> 579 <label class="form-group__label">Начало контракта</label>
580 <div class="form-group__item"> 580 <div class="form-group__item">
581 <input type="text" class="input" value="{{ $company->begin_work }}"> 581 <input type="text" class="input" value="{{ $company->begin_work }}" disabled>
582 </div> 582 </div>
583 </div> 583 </div>
584 <div class="cabinet__inputs-item form-group"> 584 <div class="cabinet__inputs-item form-group">
585 <label class="form-group__label">Окончание контракта</label> 585 <label class="form-group__label">Окончание контракта</label>
586 <div class="form-group__item"> 586 <div class="form-group__item">
587 <input type="text" class="input" value="{{ $company->end_work }}"> 587 <input type="text" class="input" value="{{ $company->end_work }}" disabled>
588 </div> 588 </div>
589 </div> 589 </div>
590 590
591 </div> 591 </div>
592 </div> 592 </div>
593 </div> 593 </div>
594 @php $i++ @endphp 594 @php $i++ @endphp
595 @endforeach 595 @endforeach
596 @endif 596 @endif
597 </div> 597 </div>
598 598
599 </div> 599 </div>
600 600
601 <a href="{{ route('worker.add_document', ['worker' => $Worker[0]->id]) }}" id="new_work" name="new_work" class="button button_light cabinet__works-add" style="width:100%; max-width:none;">Новое место работы</a> 601 <a href="{{ route('worker.add_document', ['worker' => $Worker[0]->id]) }}" id="new_work" name="new_work" class="button button_light cabinet__works-add" style="width:100%; max-width:none;">Новое место работы</a>
602 602
603 <div id="prev_worker" name="prev_worker"> 603 <div id="prev_worker" name="prev_worker">
604 @if ((isset($Worker[0]->prev_company)) && ($Worker[0]->prev_company->count() > 0)) 604 @if ((isset($Worker[0]->prev_company)) && ($Worker[0]->prev_company->count() > 0))
605 @php $i = 0; @endphp 605 @php $i = 0; @endphp
606 @foreach($Worker[0]->prev_company as $it) 606 @foreach($Worker[0]->prev_company as $it)
607 <div style="margin-bottom: 20px" class="cabinet__body-item"> 607 <div style="margin-bottom: 20px" class="cabinet__body-item">
608 @if ($i == 0) 608 @if ($i == 0)
609 <h3 class="cabinet__subtitle">Контакты предыдущих компаний</h3> 609 <h3 class="cabinet__subtitle">Контакты предыдущих компаний</h3>
610 @endif 610 @endif
611 <h4 class="cabinet__h4">Компания {{ $i+1 }}</h4> 611 <h4 class="cabinet__h4">Компания {{ $i+1 }}</h4>
612 <div class="cabinet__inputs"> 612 <div class="cabinet__inputs">
613 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 613 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
614 <label class="form-group__label">Название компании</label> 614 <label class="form-group__label">Название компании</label>
615 <div class="form-group__item"> 615 <div class="form-group__item">
616 <input type="text" class="input" value="{{ $it->name_company }}" > 616 <input type="text" class="input" value="{{ $it->name_company }}" disabled>
617 </div> 617 </div>
618 </div> 618 </div>
619 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 619 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
620 <label class="form-group__label">Директор</label> 620 <label class="form-group__label">Директор</label>
621 <div class="form-group__item"> 621 <div class="form-group__item">
622 <input type="text" class="input" value="{{ $it->direct }}" > 622 <input type="text" class="input" value="{{ $it->direct }}" disabled>
623 </div> 623 </div>
624 </div> 624 </div>
625 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 625 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
626 <label class="form-group__label">Телефон</label> 626 <label class="form-group__label">Телефон</label>
627 <div class="form-group__item"> 627 <div class="form-group__item">
628 <input type="text" class="input" value="{{ $it->telephone }}" > 628 <input type="text" class="input" value="{{ $it->telephone }}" disabled>
629 </div> 629 </div>
630 </div> 630 </div>
631 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 631 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
632 <label class="form-group__label">Телефон2</label> 632 <label class="form-group__label">Телефон2</label>
633 <div class="form-group__item"> 633 <div class="form-group__item">
634 <input type="text" class="input" value="{{ $it->telephone2 }}" > 634 <input type="text" class="input" value="{{ $it->telephone2 }}" disabled>
635 </div> 635 </div>
636 </div> 636 </div>
637 <a href="{{ route('worker.delete_prev_company', ['doc' => $it->id]) }}" class="button button_light"> 637 <a href="{{ route('worker.delete_prev_company', ['doc' => $it->id]) }}" class="button button_light">
638 <svg> 638 <svg>
639 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 639 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
640 </svg> 640 </svg>
641 Удалить 641 Удалить
642 </a> 642 </a>
643 <a href="{{ route('worker.edit_prev_company', ['worker' => $Worker[0]->id, 'doc' => $it->id ]) }}" class="button">Редактирование</a> 643 <a href="{{ route('worker.edit_prev_company', ['worker' => $Worker[0]->id, 'doc' => $it->id ]) }}" class="button">Редактирование</a>
644 </div> 644 </div>
645 </div> 645 </div>
646 @php $i++ @endphp 646 @php $i++ @endphp
647 @endforeach 647 @endforeach
648 @else 648 @else
649 <div style="margin-bottom: 20px" class="cabinet__body-item"> 649 <div style="margin-bottom: 20px" class="cabinet__body-item">
650 <h3 class="cabinet__subtitle">Предыдущие компании</h3> 650 <h3 class="cabinet__subtitle">Предыдущие компании</h3>
651 Нет предыдущих компаний 651 Нет предыдущих компаний
652 </div> 652 </div>
653 @endif 653 @endif
654 </div> 654 </div>
655 655
656 <div class="cabinet__body-item"> 656 <div class="cabinet__body-item">
657 <a class="button button_light" href="{{ route('worker.new_prev_company',['worker' => $Worker[0]->id]) }}" id="button_new_doc" name="button_new_doc"> 657 <a class="button button_light" href="{{ route('worker.new_prev_company',['worker' => $Worker[0]->id]) }}" id="button_new_doc" name="button_new_doc">
658 Добавить официльную контактную информацию 658 Добавить официльную контактную информацию
659 </a> 659 </a>
660 </div> 660 </div>
661 661
662 </form> 662 </form>
663 </div> 663 </div>
664 </div> 664 </div>
665 </section> 665 </section>
resources/views/workers/prev_company_form.blade.php
Diff comments   View file @ e20c428
1 @extends('layout.frontend', ['title' => 'Добавление контакта предыдущей компании - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Добавление контакта предыдущей компании - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('submit', '#submit_form', function() { 6 $(document).on('submit', '#submit_form', function() {
7 var this_ = $(this); 7 var this_ = $(this);
8 var new_diplom = $('#name'); 8 var new_diplom = $('#name');
9 var new_diplom_val = new_diplom.val(); 9 var new_diplom_val = new_diplom.val();
10 var new_data_begin = $('#new_data_begin'); 10 var new_data_begin = $('#new_data_begin');
11 var new_data_begin_val = new_data_begin.val(); 11 var new_data_begin_val = new_data_begin.val();
12 var new_data_end = $('#new_data_end'); 12 var new_data_end = $('#new_data_end');
13 var new_data_end_val = new_data_end.val(); 13 var new_data_end_val = new_data_end.val();
14 var education = $('#education'); 14 var education = $('#education');
15 var education_val = education.val(); 15 var education_val = education.val();
16 var worker_id = $('#new_id'); 16 var worker_id = $('#new_id');
17 var worker_val = worker_id.val(); 17 var worker_val = worker_id.val();
18 18
19 console.log('Валидация формы.'); 19 console.log('Валидация формы.');
20 20
21 if (new_diplom_val == '') { 21 if (new_diplom_val == '') {
22 new_diplom.addClass('err_red'); 22 new_diplom.addClass('err_red');
23 console.log('Border Up'); 23 console.log('Border Up');
24 return false; 24 return false;
25 } else { 25 } else {
26 return true; 26 return true;
27 } 27 }
28 }); 28 });
29 </script> 29 </script>
30 @endsection 30 @endsection
31 31
32 @section('content') 32 @section('content')
33 <section class="cabinet"> 33 <section class="cabinet">
34 <div class="container"> 34 <div class="container">
35 <ul class="breadcrumbs cabinet__breadcrumbs"> 35 <ul class="breadcrumbs cabinet__breadcrumbs">
36 <li><a href="{{ route('index') }}">Главная</a></li> 36 <li><a href="{{ route('index') }}">Главная</a></li>
37 <li><b>Личный кабинет</b></li> 37 <li><b>Личный кабинет</b></li>
38 </ul> 38 </ul>
39 <div class="cabinet__wrapper"> 39 <div class="cabinet__wrapper">
40 <div class="cabinet__side"> 40 <div class="cabinet__side">
41 <div class="cabinet__side-toper"> 41 <div class="cabinet__side-toper">
42 @include('workers.emblema') 42 @include('workers.emblema')
43 </div> 43 </div>
44 @include('workers.menu', ['item' => 1]) 44 @include('workers.menu', ['item' => 1])
45 </div> 45 </div>
46 46
47 <div class="cabinet__body"> 47 <div class="cabinet__body">
48 <div class="cabinet__body-item"> 48 <div class="cabinet__body-item">
49 @include('messages_error')
50
49 <h4 class="cabinet__h4">Добавление контакта предыдущей компании</h4> 51 <h4 class="cabinet__h4">Добавление контакта предыдущей компании</h4>
50 <form id="submit_form" name="submit_form" action="{{ route('worker.add_prev_company') }}" class="cabinet__inputs" method="GET"> 52 <form id="submit_form" name="submit_form" action="{{ route('worker.add_prev_company') }}" class="cabinet__inputs" method="GET">
51 @csrf 53 @csrf
52 <input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}"> 54 <input type="hidden" name="worker_id" id="worker_id" class="input" value="{{ $worker->id }}">
53 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 55 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
54 <label class="form-group__label">Название компании</label> 56 <label class="form-group__label">Название компании</label>
55 <div class="form-group__item"> 57 <div class="form-group__item">
56 <input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? '' }}"> 58 <input type="text" name="name_company" id="name_company" class="input" value="{{ old('name_company') ?? '' }}">
57 </div> 59 </div>
58 </div> 60 </div>
59 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 61 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
60 <label class="form-group__label">ФИО директора</label> 62 <label class="form-group__label">ФИО директора</label>
61 <div class="form-group__item"> 63 <div class="form-group__item">
62 <input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? '' }}"> 64 <input type="text" name="direct" id="direct" class="input" value="{{ old('direct') ?? '' }}">
63 </div> 65 </div>
64 </div> 66 </div>
65 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 67 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
66 <label class="form-group__label">Телефон</label> 68 <label class="form-group__label">Телефон</label>
67 <div class="form-group__item"> 69 <div class="form-group__item">
68 <input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? '' }}"> 70 <input type="text" name="telephone" id="telephone" class="input" value="{{ old('telephone') ?? '' }}">
69 </div> 71 </div>
70 </div> 72 </div>
71 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 73 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
72 <label class="form-group__label">Телефон 2</label> 74 <label class="form-group__label">Телефон 2</label>
73 <div class="form-group__item"> 75 <div class="form-group__item">
74 <input type="text" name="telephone2" id="telephone2" class="input" value="{{ old('telephone2') ?? '' }}"> 76 <input type="text" name="telephone2" id="telephone2" class="input" value="{{ old('telephone2') ?? '' }}">
75 </div> 77 </div>
76 </div> 78 </div>
77 <button type="submit" class="button">Сохранить</button> 79 <button type="submit" class="button">Сохранить</button>
78 <a href="{{ route('worker.cabinet') }}" class="button">Назад</a> 80 <a href="{{ route('worker.cabinet') }}" class="button">Назад</a>
79 </form> 81 </form>
80 </div> 82 </div>
81 </div> 83 </div>
82 </div> 84 </div>
83 </div> 85 </div>
84 </section> 86 </section>
85 87
86 @endsection 88 @endsection
87 89