Commit 00076c621d854180a39a6c528f1e7eac577c9723

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

фиксы

Showing 3 changed files with 20 additions and 4 deletions Inline Diff

app/Http/Controllers/WorkerController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Classes\RusDate; 5 use App\Classes\RusDate;
6 use App\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\Dop_info; 11 use App\Models\Dop_info;
12 use App\Models\infobloks; 12 use App\Models\infobloks;
13 use App\Models\Job_title; 13 use App\Models\Job_title;
14 use App\Models\Like_vacancy; 14 use App\Models\Like_vacancy;
15 use App\Models\Message; 15 use App\Models\Message;
16 use App\Models\place_works; 16 use App\Models\place_works;
17 use App\Models\PrevCompany; 17 use App\Models\PrevCompany;
18 use App\Models\ResponseWork; 18 use App\Models\ResponseWork;
19 use App\Models\sertification; 19 use App\Models\sertification;
20 use App\Models\Static_worker; 20 use App\Models\Static_worker;
21 use App\Models\Title_worker; 21 use App\Models\Title_worker;
22 use App\Models\User; 22 use App\Models\User;
23 use App\Models\User as User_Model; 23 use App\Models\User as User_Model;
24 use App\Models\Worker; 24 use App\Models\Worker;
25 use Barryvdh\DomPDF\Facade\Pdf; 25 use Barryvdh\DomPDF\Facade\Pdf;
26 use Carbon\Carbon; 26 use Carbon\Carbon;
27 use Illuminate\Auth\Events\Registered; 27 use Illuminate\Auth\Events\Registered;
28 use Illuminate\Database\Eloquent\Builder; 28 use Illuminate\Database\Eloquent\Builder;
29 use Illuminate\Http\Request; 29 use Illuminate\Http\Request;
30 use Illuminate\Support\Facades\Auth; 30 use Illuminate\Support\Facades\Auth;
31 use Illuminate\Support\Facades\Hash; 31 use Illuminate\Support\Facades\Hash;
32 use Illuminate\Support\Facades\Storage; 32 use Illuminate\Support\Facades\Storage;
33 use Illuminate\Support\Facades\Validator; 33 use Illuminate\Support\Facades\Validator;
34 use PhpOffice\PhpSpreadsheet\Spreadsheet; 34 use PhpOffice\PhpSpreadsheet\Spreadsheet;
35 use PhpOffice\PhpSpreadsheet\Writer\Xlsx; 35 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
36 use Symfony\Component\HttpFoundation\StreamedResponse; 36 use Symfony\Component\HttpFoundation\StreamedResponse;
37 use App\Enums\DbExportColumns; 37 use App\Enums\DbExportColumns;
38 use DateTime; 38 use DateTime;
39 39
40 class WorkerController extends Controller 40 class WorkerController extends Controller
41 { 41 {
42 public $status_work = array(0 => 'Ищу работу', 1 => 'Не указано', 2 => 'Не ищу работу'); 42 public $status_work = array(0 => 'Ищу работу', 1 => 'Не указано', 2 => 'Не ищу работу');
43 43
44 //профиль 44 //профиль
45 public function profile(Worker $worker) 45 public function profile(Worker $worker)
46 { 46 {
47 $get_date = date('Y.m'); 47 $get_date = date('Y.m');
48 48
49 $c = Static_worker::query()->where('year_month', '=', $get_date) 49 $c = Static_worker::query()->where('year_month', '=', $get_date)
50 ->where('user_id', '=', $worker->users->id) 50 ->where('user_id', '=', $worker->users->id)
51 ->get(); 51 ->get();
52 52
53 if ($c->count() > 0) { 53 if ($c->count() > 0) {
54 $upd = Static_worker::find($c[0]->id); 54 $upd = Static_worker::find($c[0]->id);
55 $upd->lookin = $upd->lookin + 1; 55 $upd->lookin = $upd->lookin + 1;
56 $upd->save(); 56 $upd->save();
57 } else { 57 } else {
58 $crt = new Static_worker(); 58 $crt = new Static_worker();
59 $crt->lookin = 1; 59 $crt->lookin = 1;
60 $crt->year_month = $get_date; 60 $crt->year_month = $get_date;
61 $crt->user_id = $worker->user_id; 61 $crt->user_id = $worker->user_id;
62 $crt->save(); 62 $crt->save();
63 } 63 }
64 64
65 $stat = Static_worker::query()->where('year_month', '=', $get_date) 65 $stat = Static_worker::query()->where('year_month', '=', $get_date)
66 ->where('user_id', '=', $worker->users->id) 66 ->where('user_id', '=', $worker->users->id)
67 ->get(); 67 ->get();
68 68
69 return view('public.workers.profile', compact('worker', 'stat')); 69 return view('public.workers.profile', compact('worker', 'stat'));
70 } 70 }
71 71
72 // лист база резюме 72 // лист база резюме
73 public function bd_resume(Request $request) 73 public function bd_resume(Request $request)
74 { 74 {
75 $look = false; 75 $look = false;
76 $idiot = 0; 76 $idiot = 0;
77 if (isset(Auth()->user()->id)) { 77 if (isset(Auth()->user()->id)) {
78 $idiot = Auth()->user()->id; 78 $idiot = Auth()->user()->id;
79 if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin)) 79 if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin))
80 $look = true; 80 $look = true;
81 } 81 }
82 82
83 if ($look) { 83 if ($look) {
84 $status_work = $this->status_work; 84 $status_work = $this->status_work;
85 $resumes = Worker::query()->with('users')->with('job_titles'); 85 $resumes = Worker::query()->with('users')->with('job_titles');
86 $resumes = $resumes->whereHas('users', function (Builder $query) { 86 $resumes = $resumes->whereHas('users', function (Builder $query) {
87 $query->Where('is_worker', '=', '1') 87 $query->Where('is_worker', '=', '1')
88 ->Where('is_bd', '=', '0'); 88 ->Where('is_bd', '=', '0');
89 }); 89 });
90 90
91 //dd($request->get('job')); 91 //dd($request->get('job'));
92 if (($request->has('job')) && ($request->get('job') > 0)) { 92 if (($request->has('job')) && ($request->get('job') > 0)) {
93 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) { 93 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) {
94 $query->Where('job_titles.id', $request->get('job')); 94 $query->Where('job_titles.id', $request->get('job'));
95 }); 95 });
96 } 96 }
97 97
98 $Job_title = Job_title::query()-> 98 $Job_title = Job_title::query()->
99 where('is_remove', '=', '0')-> 99 where('is_remove', '=', '0')->
100 where('is_bd', '=' , '1')-> 100 where('is_bd', '=' , '1')->
101 get(); 101 get();
102 102
103 if ($request->get('sort')) { 103 if ($request->get('sort')) {
104 $sort = $request->get('sort'); 104 $sort = $request->get('sort');
105 switch ($sort) { 105 switch ($sort) {
106 case 'name_up': 106 case 'name_up':
107 $resumes = $resumes->orderBy(User::select('surname') 107 $resumes = $resumes->orderBy(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 'name_down': 111 case 'name_down':
112 $resumes = $resumes->orderByDesc(User::select('surname') 112 $resumes = $resumes->orderByDesc(User::select('surname')
113 ->whereColumn('workers.user_id', 'users.id') 113 ->whereColumn('workers.user_id', 'users.id')
114 ); 114 );
115 break; 115 break;
116 case 'created_at_up': 116 case 'created_at_up':
117 $resumes = $resumes->OrderBy('created_at')->orderBy('id'); 117 $resumes = $resumes->OrderBy('created_at')->orderBy('id');
118 break; 118 break;
119 case 'created_at_down': 119 case 'created_at_down':
120 $resumes = $resumes->orderByDesc('created_at')->orderBy('id'); 120 $resumes = $resumes->orderByDesc('created_at')->orderBy('id');
121 break; 121 break;
122 case 'default': 122 case 'default':
123 $resumes = $resumes->orderBy('id')->orderby('updated_at'); 123 $resumes = $resumes->orderBy('id')->orderby('updated_at');
124 break; 124 break;
125 default: 125 default:
126 $resumes = $resumes->orderBy('id')->orderby('updated_at'); 126 $resumes = $resumes->orderBy('id')->orderby('updated_at');
127 break; 127 break;
128 } 128 }
129 } 129 }
130 130
131 $res_count = $resumes->count(); 131 $res_count = $resumes->count();
132 //$resumes = $resumes->get(); 132 //$resumes = $resumes->get();
133 $resumes = $resumes->paginate(4); 133 $resumes = $resumes->paginate(4);
134 if ($request->ajax()) { 134 if ($request->ajax()) {
135 // Условия обставлены 135 // Условия обставлены
136 if ($request->has('block') && ($request->get('block') == 1)) { 136 if ($request->has('block') && ($request->get('block') == 1)) {
137 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot')); 137 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));
138 } 138 }
139 } else { 139 } else {
140 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title')); 140 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title'));
141 } 141 }
142 } else { 142 } else {
143 return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]); 143 return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);
144 } 144 }
145 } 145 }
146 146
147 public function basic_information(){ 147 public function basic_information(){
148 if (!isset(Auth()->user()->id)) { 148 if (!isset(Auth()->user()->id)) {
149 abort(404); 149 abort(404);
150 } 150 }
151 151
152 $user_id = Auth()->user()->id; 152 $user_id = Auth()->user()->id;
153 153
154 $user = User::query() 154 $user = User::query()
155 ->with('workers') 155 ->with('workers')
156 ->with(['jobtitles' => function ($query) { 156 ->with(['jobtitles' => function ($query) {
157 $query->select('job_titles.id'); 157 $query->select('job_titles.id');
158 }]) 158 }])
159 ->where('id', '=', $user_id) 159 ->where('id', '=', $user_id)
160 ->first(); 160 ->first();
161 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray(); 161 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray();
162 162
163 $job_titles = Job_title::all()->where('is_bd', '=', 1)->sortByDesc('sort'); 163 $job_titles = Job_title::query()
164 ->where('is_remove', '=', 0)
165 ->where('is_bd', '=', 1)
166 ->sortByDesc('sort')
167 ;
164 168
165 return view('workers.form_basic_information', compact('user', 'job_titles')); 169 return view('workers.form_basic_information', compact('user', 'job_titles'));
166 } 170 }
167 171
168 public function additional_documents(){ 172 public function additional_documents(){
169 if (!isset(Auth()->user()->id)) { 173 if (!isset(Auth()->user()->id)) {
170 abort(404); 174 abort(404);
171 } 175 }
172 176
173 $user_id = Auth()->user()->id; 177 $user_id = Auth()->user()->id;
174 178
175 $info_blocks = infobloks::query()->OrderBy('name')->get(); 179 $info_blocks = infobloks::query()->OrderBy('name')->get();
176 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 180 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
177 181
178 $worker = Worker::query() 182 $worker = Worker::query()
179 ->with('users') 183 ->with('users')
180 ->with('infobloks') 184 ->with('infobloks')
181 ->WhereHas('users', function (Builder $query) use ($user_id) { 185 ->WhereHas('users', function (Builder $query) use ($user_id) {
182 $query->Where('id', $user_id); 186 $query->Where('id', $user_id);
183 }) 187 })
184 ->first(); 188 ->first();
185 if ($worker->dop_info->count()){ 189 if ($worker->dop_info->count()){
186 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 190 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
187 } 191 }
188 192
189 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses')); 193 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses'));
190 } 194 }
191 195
192 //Лайк резюме 196 //Лайк резюме
193 public function like_controller() { 197 public function like_controller() {
194 198
195 } 199 }
196 200
197 // анкета соискателя 201 // анкета соискателя
198 public function resume_profile(Worker $worker) 202 public function resume_profile(Worker $worker)
199 { 203 {
200 if (isset(Auth()->user()->id)) { 204 if (isset(Auth()->user()->id)) {
201 $idiot = Auth()->user()->id; 205 $idiot = Auth()->user()->id;
202 } else { 206 } else {
203 $idiot = 0; 207 $idiot = 0;
204 } 208 }
205 209
206 $status_work = $this->status_work; 210 $status_work = $this->status_work;
207 $Query = Worker::query()->with('users')->with('job_titles') 211 $Query = Worker::query()->with('users')->with('job_titles')
208 ->with('place_worker')->with('sertificate')->with('prev_company') 212 ->with('place_worker')->with('sertificate')->with('prev_company')
209 ->with('infobloks')->with('response'); 213 ->with('infobloks')->with('response');
210 $Query = $Query->where('id', '=', $worker->id); 214 $Query = $Query->where('id', '=', $worker->id);
211 $Query = $Query->get(); 215 $Query = $Query->get();
212 216
213 $get_date = date('Y.m'); 217 $get_date = date('Y.m');
214 218
215 $infoblocks = infobloks::query()->get(); 219 $infoblocks = infobloks::query()->get();
216 220
217 $c = Static_worker::query()->where('year_month', '=', $get_date) 221 $c = Static_worker::query()->where('year_month', '=', $get_date)
218 ->where('user_id', '=', $worker->user_id) 222 ->where('user_id', '=', $worker->user_id)
219 ->get(); 223 ->get();
220 224
221 if ($c->count() > 0) { 225 if ($c->count() > 0) {
222 $upd = Static_worker::find($c[0]->id); 226 $upd = Static_worker::find($c[0]->id);
223 $upd->lookin = $upd->lookin + 1; 227 $upd->lookin = $upd->lookin + 1;
224 $upd->save(); 228 $upd->save();
225 } else { 229 } else {
226 $crt = new Static_worker(); 230 $crt = new Static_worker();
227 $crt->lookin = 1; 231 $crt->lookin = 1;
228 $crt->year_month = $get_date; 232 $crt->year_month = $get_date;
229 $crt->user_id = $worker->user_id; 233 $crt->user_id = $worker->user_id;
230 $status = $crt->save(); 234 $status = $crt->save();
231 } 235 }
232 236
233 $stat = Static_worker::query()->where('year_month', '=', $get_date) 237 $stat = Static_worker::query()->where('year_month', '=', $get_date)
234 ->where('user_id', '=', $worker->user_id) 238 ->where('user_id', '=', $worker->user_id)
235 ->get(); 239 ->get();
236 240
237 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat')); 241 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat'));
238 } 242 }
239 243
240 // скачать анкету соискателя 244 // скачать анкету соискателя
241 public function resume_download(Worker $worker) 245 public function resume_download(Worker $worker)
242 { 246 {
243 $status_work = $this->status_work; 247 $status_work = $this->status_work;
244 $Query = Worker::query()->with('users')->with('job_titles') 248 $Query = Worker::query()->with('users')->with('job_titles')
245 ->with('place_worker')->with('sertificate')->with('prev_company') 249 ->with('place_worker')->with('sertificate')->with('prev_company')
246 ->with('infobloks'); 250 ->with('infobloks');
247 $Query = $Query->where('id', '=', $worker->id); 251 $Query = $Query->where('id', '=', $worker->id);
248 $Query = $Query->get()->toArray(); 252 $Query = $Query->get()->toArray();
249 253
250 view()->share('Query',$Query); 254 view()->share('Query',$Query);
251 255
252 256
253 $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape'); 257 $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape');
254 258
255 return $pdf->stream(); 259 return $pdf->stream();
256 } 260 }
257 261
258 public function resume_download_all(Request $request) { 262 public function resume_download_all(Request $request) {
259 $spreadsheet = new Spreadsheet(); 263 $spreadsheet = new Spreadsheet();
260 $sheet = $spreadsheet->getActiveSheet(); 264 $sheet = $spreadsheet->getActiveSheet();
261 265
262 $columnMap = range('A', 'Z'); 266 $columnMap = range('A', 'Z');
263 $columns = []; 267 $columns = [];
264 268
265 foreach (DbExportColumns::toArray() as $key => $value){ 269 foreach (DbExportColumns::toArray() as $key => $value){
266 if ($request->input($key, 0)){ 270 if ($request->input($key, 0)){
267 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value)); 271 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value));
268 $columns[] = str_replace('__', '.', $key); 272 $columns[] = str_replace('__', '.', $key);
269 } 273 }
270 } 274 }
271 275
272 if (empty($columns)) { 276 if (empty($columns)) {
273 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.'); 277 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.');
274 } 278 }
275 279
276 $query = User::select($columns) 280 $query = User::select($columns)
277 ->leftJoin('workers', 'users.id', '=', 'workers.user_id') 281 ->leftJoin('workers', 'users.id', '=', 'workers.user_id')
278 ->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id') 282 ->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id')
279 ->where('users.is_bd', '=', 1) 283 ->where('users.is_bd', '=', 1)
280 ; 284 ;
281 285
282 $job_title_list = $request->input('job_title_list', []); 286 $job_title_list = $request->input('job_title_list', []);
283 if (!empty($job_title_list)){ 287 if (!empty($job_title_list)){
284 $query->whereIn('job_titles.id', $job_title_list); 288 $query->whereIn('job_titles.id', $job_title_list);
285 } 289 }
286 290
287 $users = $query->get(); 291 $users = $query->get();
288 if ($users->count()){ 292 if ($users->count()){
289 $i = 2; 293 $i = 2;
290 foreach ($users->toArray() as $user){ 294 foreach ($users->toArray() as $user){
291 $j = 0; 295 $j = 0;
292 foreach ($user as $field){ 296 foreach ($user as $field){
293 $sheet->setCellValue("{$columnMap[$j++]}$i", $field); 297 $sheet->setCellValue("{$columnMap[$j++]}$i", $field);
294 } 298 }
295 $i++; 299 $i++;
296 } 300 }
297 } 301 }
298 $writer = new Xlsx($spreadsheet); 302 $writer = new Xlsx($spreadsheet);
299 $fileName = 'DB.xlsx'; 303 $fileName = 'DB.xlsx';
300 304
301 $response = new StreamedResponse(function() use ($writer) { 305 $response = new StreamedResponse(function() use ($writer) {
302 $writer->save('php://output'); 306 $writer->save('php://output');
303 }); 307 });
304 308
305 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); 309 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
306 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"'); 310 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"');
307 $response->headers->set('Cache-Control', 'max-age=0'); 311 $response->headers->set('Cache-Control', 'max-age=0');
308 312
309 return $response; 313 return $response;
310 } 314 }
311 315
312 // Кабинет работника 316 // Кабинет работника
313 public function cabinet(Request $request) 317 public function cabinet(Request $request)
314 { 318 {
315 // дата год и месяц 319 // дата год и месяц
316 $get_date = date('Y.m'); 320 $get_date = date('Y.m');
317 321
318 $id = Auth()->user()->id; 322 $id = Auth()->user()->id;
319 323
320 $Infobloks = infobloks::query()->get(); 324 $Infobloks = infobloks::query()->get();
321 325
322 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')-> 326 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->
323 with('infobloks')->with('place_worker')-> 327 with('infobloks')->with('place_worker')->
324 WhereHas('users', 328 WhereHas('users',
325 function (Builder $query) use ($id) {$query->Where('id', $id); 329 function (Builder $query) use ($id) {$query->Where('id', $id);
326 })->get(); 330 })->get();
327 331
328 $Job_titles = Job_title::query()->where('is_remove', '=', '0')-> 332 $Job_titles = Job_title::query()->where('is_remove', '=', '0')->
329 where('is_bd', '=' , '1')-> 333 where('is_bd', '=' , '1')->
330 OrderByDesc('sort')->OrderBy('name')->get(); 334 OrderByDesc('sort')->OrderBy('name')->get();
331 335
332 336
333 $stat = Static_worker::query()->where('year_month', '=', $get_date) 337 $stat = Static_worker::query()->where('year_month', '=', $get_date)
334 ->where('user_id', '=', $id) 338 ->where('user_id', '=', $id)
335 ->get(); 339 ->get();
336 340
337 341
338 // 10% 342 // 10%
339 343
340 $persent = 10; 344 $persent = 10;
341 $persent1 = 0; 345 $persent1 = 0;
342 $persent2 = 0; 346 $persent2 = 0;
343 $persent3 = 0; 347 $persent3 = 0;
344 $persent4 = 0; 348 $persent4 = 0;
345 $persent5 = 0; 349 $persent5 = 0;
346 350
347 if ((!empty($Worker[0]->telephone)) && 351 if ((!empty($Worker[0]->telephone)) &&
348 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) && 352 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&
349 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) { 353 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {
350 // 40% 354 // 40%
351 $persent = $persent + 40; 355 $persent = $persent + 40;
352 $persent1 = 40; 356 $persent1 = 40;
353 } 357 }
354 358
355 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year); 359 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year);
356 360
357 if ($Worker[0]->sertificate->count() > 0) { 361 if ($Worker[0]->sertificate->count() > 0) {
358 // 15% 362 // 15%
359 $persent = $persent + 15; 363 $persent = $persent + 15;
360 $persent2 = 15; 364 $persent2 = 15;
361 } 365 }
362 366
363 if ($Worker[0]->infobloks->count() > 0) { 367 if ($Worker[0]->infobloks->count() > 0) {
364 // 20% 368 // 20%
365 $persent = $persent + 20; 369 $persent = $persent + 20;
366 $persent3 = 20; 370 $persent3 = 20;
367 } 371 }
368 372
369 if ($Worker[0]->prev_company->count() > 0) { 373 if ($Worker[0]->prev_company->count() > 0) {
370 // 10% 374 // 10%
371 $persent = $persent + 10; 375 $persent = $persent + 10;
372 $persent4 = 10; 376 $persent4 = 10;
373 } 377 }
374 378
375 if (!empty($Worker[0]->photo)) { 379 if (!empty($Worker[0]->photo)) {
376 // 5% 380 // 5%
377 $persent = $persent + 5; 381 $persent = $persent + 5;
378 $persent5 = 5; 382 $persent5 = 5;
379 } 383 }
380 384
381 $status_work = $this->status_work; 385 $status_work = $this->status_work;
382 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 386 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
383 $info_blocks = infobloks::query()->OrderBy('name')->get(); 387 $info_blocks = infobloks::query()->OrderBy('name')->get();
384 388
385 $worker = Worker::query() 389 $worker = Worker::query()
386 ->with('users') 390 ->with('users')
387 ->with('sertificate') 391 ->with('sertificate')
388 ->with('prev_company') 392 ->with('prev_company')
389 ->with('infobloks') 393 ->with('infobloks')
390 ->with('place_worker') 394 ->with('place_worker')
391 ->with('job_titles') 395 ->with('job_titles')
392 ->WhereHas('users', function (Builder $query) use ($id) { 396 ->WhereHas('users', function (Builder $query) use ($id) {
393 $query->Where('id', $id); 397 $query->Where('id', $id);
394 }) 398 })
395 ->first(); 399 ->first();
396 if ($worker->dop_info->count()){ 400 if ($worker->dop_info->count()){
397 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 401 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
398 } 402 }
399 403
400 //dd($worker->dop_info); 404 //dd($worker->dop_info);
401 405
402 if ($request->has('print')) { 406 if ($request->has('print')) {
403 dd($Worker); 407 dd($Worker);
404 } else { 408 } else {
405 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat', 409 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat',
406 'worker', 'info_blocks', 'status_work', 'additional_document_statuses' 410 'worker', 'info_blocks', 'status_work', 'additional_document_statuses'
407 )); 411 ));
408 } 412 }
409 } 413 }
410 414
411 // Сохранение данных 415 // Сохранение данных
412 public function cabinet_save(Worker $worker, Request $request) 416 public function cabinet_save(Worker $worker, Request $request)
413 { 417 {
414 $id = $worker->id; 418 $id = $worker->id;
415 $params = $request->all(); 419 $params = $request->all();
416 $job_title_id = $request->get('job_title_id'); 420 $job_title_id = $request->get('job_title_id');
417 421
418 $rules = [ 422 $rules = [
419 'surname' => ['required', 'string', 'max:255'], 423 'surname' => ['required', 'string', 'max:255'],
420 'name_man' => ['required', 'string', 'max:255'], 424 'name_man' => ['required', 'string', 'max:255'],
421 'email' => ['required', 'string', 'email', 'max:255'], 425 'email' => ['required', 'string', 'email', 'max:255'],
422 426
423 ]; 427 ];
424 428
425 $messages = [ 429 $messages = [
426 'required' => 'Укажите обязательное поле', 430 'required' => 'Укажите обязательное поле',
427 'min' => [ 431 'min' => [
428 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 432 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
429 'integer' => 'Поле «:attribute» должно быть :min или больше', 433 'integer' => 'Поле «:attribute» должно быть :min или больше',
430 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 434 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
431 ], 435 ],
432 'max' => [ 436 'max' => [
433 'string' => 'Поле «:attribute» должно быть не больше :max символов', 437 'string' => 'Поле «:attribute» должно быть не больше :max символов',
434 'integer' => 'Поле «:attribute» должно быть :max или меньше', 438 'integer' => 'Поле «:attribute» должно быть :max или меньше',
435 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 439 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
436 ] 440 ]
437 ]; 441 ];
438 442
439 $validator = Validator::make($params, $rules, $messages); 443 $validator = Validator::make($params, $rules, $messages);
440 444
441 if ($validator->fails()) { 445 if ($validator->fails()) {
442 return redirect()->route('worker.cabinet')->withErrors($validator); 446 return redirect()->route('worker.cabinet')->withErrors($validator);
443 } else { 447 } else {
444 448
445 if ($request->has('photo')) { 449 if ($request->has('photo')) {
446 if (!empty($worker->photo)) { 450 if (!empty($worker->photo)) {
447 Storage::delete($worker->photo); 451 Storage::delete($worker->photo);
448 } 452 }
449 $params['photo'] = $request->file('photo')->store("worker/$id", 'public'); 453 $params['photo'] = $request->file('photo')->store("worker/$id", 'public');
450 } 454 }
451 455
452 if ($request->has('file')) { 456 if ($request->has('file')) {
453 if (!empty($worker->file)) { 457 if (!empty($worker->file)) {
454 Storage::delete($worker->file); 458 Storage::delete($worker->file);
455 } 459 }
456 $params['file'] = $request->file('file')->store("worker/$id", 'public'); 460 $params['file'] = $request->file('file')->store("worker/$id", 'public');
457 } 461 }
458 462
459 $worker->update($params); 463 $worker->update($params);
460 $use = User::find($worker->user_id); 464 $use = User::find($worker->user_id);
461 $use->surname = $request->get('surname'); 465 $use->surname = $request->get('surname');
462 $use->name_man = $request->get('name_man'); 466 $use->name_man = $request->get('name_man');
463 $use->surname2 = $request->get('surname2'); 467 $use->surname2 = $request->get('surname2');
464 468
465 $use->save(); 469 $use->save();
466 $worker->job_titles()->sync($job_title_id); 470 $worker->job_titles()->sync($job_title_id);
467 471
468 return redirect()->route('worker.basic_information')->with('success', 'Данные были успешно сохранены'); 472 return redirect()->route('worker.basic_information')->with('success', 'Данные были успешно сохранены');
469 } 473 }
470 } 474 }
471 475
472 public function cabinet_save_foto(Worker $worker, Request $request){ 476 public function cabinet_save_foto(Worker $worker, Request $request){
473 $params = ['photo' => null]; 477 $params = ['photo' => null];
474 478
475 if ($request->has('photo')) { 479 if ($request->has('photo')) {
476 if (!empty($worker->photo)) { 480 if (!empty($worker->photo)) {
477 Storage::delete($worker->photo); 481 Storage::delete($worker->photo);
478 } 482 }
479 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public'); 483 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public');
480 } 484 }
481 485
482 if ($request->has('file')) { 486 if ($request->has('file')) {
483 if (!empty($worker->file)) { 487 if (!empty($worker->file)) {
484 Storage::delete($worker->file); 488 Storage::delete($worker->file);
485 } 489 }
486 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public'); 490 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public');
487 } 491 }
488 492
489 $worker->update($params); 493 $worker->update($params);
490 494
491 return redirect()->route('worker.cabinet'); 495 return redirect()->route('worker.cabinet');
492 } 496 }
493 497
494 // Сообщения данные 498 // Сообщения данные
495 public function messages($type_message) 499 public function messages($type_message)
496 { 500 {
497 $user_id = Auth()->user()->id; 501 $user_id = Auth()->user()->id;
498 502
499 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 503 $messages_input = Message::query()->with('vacancies')->with('user_from')->
500 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 504 Where('to_user_id', $user_id)->OrderByDesc('created_at');
501 505
502 $messages_output = Message::query()->with('vacancies')-> 506 $messages_output = Message::query()->with('vacancies')->
503 with('user_to')->where('user_id', $user_id)-> 507 with('user_to')->where('user_id', $user_id)->
504 OrderByDesc('created_at'); 508 OrderByDesc('created_at');
505 509
506 $count_input = $messages_input->count(); 510 $count_input = $messages_input->count();
507 $count_output = $messages_output->count(); 511 $count_output = $messages_output->count();
508 512
509 if ($type_message == 'input') { 513 if ($type_message == 'input') {
510 $messages = $messages_input->paginate(5); 514 $messages = $messages_input->paginate(5);
511 } 515 }
512 516
513 if ($type_message == 'output') { 517 if ($type_message == 'output') {
514 $messages = $messages_output->paginate(5); 518 $messages = $messages_output->paginate(5);
515 } 519 }
516 520
517 //dd($messages); 521 //dd($messages);
518 // Вернуть все 100% 522 // Вернуть все 100%
519 return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id')); 523 return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
520 } 524 }
521 525
522 // Избранный 526 // Избранный
523 public function favorite() 527 public function favorite()
524 { 528 {
525 return view('workers.favorite'); 529 return view('workers.favorite');
526 } 530 }
527 531
528 // Сменить пароль 532 // Сменить пароль
529 public function new_password() 533 public function new_password()
530 { 534 {
531 $email = Auth()->user()->email; 535 $email = Auth()->user()->email;
532 return view('workers.new_password', compact('email')); 536 return view('workers.new_password', compact('email'));
533 } 537 }
534 538
535 // Обновление пароля 539 // Обновление пароля
536 public function save_new_password(Request $request) { 540 public function save_new_password(Request $request) {
537 $use = Auth()->user(); 541 $use = Auth()->user();
538 $request->validate([ 542 $request->validate([
539 'password' => 'required|string', 543 'password' => 'required|string',
540 'new_password' => 'required|string', 544 'new_password' => 'required|string',
541 'new_password2' => 'required|string' 545 'new_password2' => 'required|string'
542 ]); 546 ]);
543 547
544 if ($request->get('new_password') == $request->get('new_password2')) 548 if ($request->get('new_password') == $request->get('new_password2'))
545 if ($request->get('password') !== $request->get('new_password')) { 549 if ($request->get('password') !== $request->get('new_password')) {
546 $credentials = $request->only('email', 'password'); 550 $credentials = $request->only('email', 'password');
547 if (Auth::attempt($credentials, $request->has('save_me'))) { 551 if (Auth::attempt($credentials, $request->has('save_me'))) {
548 552
549 if (!is_null($use->email_verified_at)){ 553 if (!is_null($use->email_verified_at)){
550 554
551 $user_data = User_Model::find($use->id); 555 $user_data = User_Model::find($use->id);
552 $user_data->update([ 556 $user_data->update([
553 'password' => Hash::make($request->get('new_password')), 557 'password' => Hash::make($request->get('new_password')),
554 'pubpassword' => base64_encode($request->get('new_password')), 558 'pubpassword' => base64_encode($request->get('new_password')),
555 ]); 559 ]);
556 return redirect() 560 return redirect()
557 ->route('worker.new_password') 561 ->route('worker.new_password')
558 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 562 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
559 } 563 }
560 564
561 return redirect() 565 return redirect()
562 ->route('worker.new_password') 566 ->route('worker.new_password')
563 ->withError('Данная учетная запись не было верифицированна!'); 567 ->withError('Данная учетная запись не было верифицированна!');
564 } 568 }
565 } 569 }
566 570
567 return redirect() 571 return redirect()
568 ->route('worker.new_password') 572 ->route('worker.new_password')
569 ->withErrors('Не совпадение данных, обновите пароли!'); 573 ->withErrors('Не совпадение данных, обновите пароли!');
570 } 574 }
571 575
572 // Удаление профиля форма 576 // Удаление профиля форма
573 public function delete_profile() 577 public function delete_profile()
574 { 578 {
575 $login = Auth()->user()->email; 579 $login = Auth()->user()->email;
576 return view('workers.delete_profile', compact('login')); 580 return view('workers.delete_profile', compact('login'));
577 } 581 }
578 582
579 // Удаление профиля код 583 // Удаление профиля код
580 public function delete_profile_result(Request $request) { 584 public function delete_profile_result(Request $request) {
581 $Answer = $request->all(); 585 $Answer = $request->all();
582 $user_id = Auth()->user()->id; 586 $user_id = Auth()->user()->id;
583 $request->validate([ 587 $request->validate([
584 'password' => 'required|string', 588 'password' => 'required|string',
585 ]); 589 ]);
586 590
587 $credentials = $request->only('email', 'password'); 591 $credentials = $request->only('email', 'password');
588 if (Auth::attempt($credentials)) { 592 if (Auth::attempt($credentials)) {
589 Auth::logout(); 593 Auth::logout();
590 $it = User_Model::find($user_id); 594 $it = User_Model::find($user_id);
591 $it->delete(); 595 $it->delete();
592 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 596 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
593 } else { 597 } else {
594 return redirect()->route('worker.delete_profile') 598 return redirect()->route('worker.delete_profile')
595 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 599 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
596 } 600 }
597 } 601 }
598 602
599 // Регистрация соискателя 603 // Регистрация соискателя
600 public function register_worker(Request $request) 604 public function register_worker(Request $request)
601 { 605 {
602 $params = $request->all(); 606 $params = $request->all();
603 $params['is_worker'] = 1; 607 $params['is_worker'] = 1;
604 608
605 $rules = [ 609 $rules = [
606 'surname' => ['required', 'string', 'max:255'], 610 'surname' => ['required', 'string', 'max:255'],
607 'name_man' => ['required', 'string', 'max:255'], 611 'name_man' => ['required', 'string', 'max:255'],
608 'email' => ['required', 'email', 'max:255', 'unique:users'], 612 'email' => ['required', 'email', 'max:255', 'unique:users'],
609 'password' => ['required', 'string', 'min:6'] 613 'password' => ['required', 'string', 'min:6']
610 ]; 614 ];
611 615
612 $messages = [ 616 $messages = [
613 'required' => 'Укажите обязательное поле', 617 'required' => 'Укажите обязательное поле',
614 'min' => [ 618 'min' => [
615 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 619 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
616 'integer' => 'Поле «:attribute» должно быть :min или больше', 620 'integer' => 'Поле «:attribute» должно быть :min или больше',
617 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 621 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
618 ], 622 ],
619 'max' => [ 623 'max' => [
620 'string' => 'Поле «:attribute» должно быть не больше :max символов', 624 'string' => 'Поле «:attribute» должно быть не больше :max символов',
621 'integer' => 'Поле «:attribute» должно быть :max или меньше', 625 'integer' => 'Поле «:attribute» должно быть :max или меньше',
622 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 626 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
623 ] 627 ]
624 ]; 628 ];
625 629
626 $email = $request->get('email'); 630 $email = $request->get('email');
627 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 631 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
628 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 632 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
629 } 633 }
630 634
631 if ($request->get('password') !== $request->get('confirmed')){ 635 if ($request->get('password') !== $request->get('confirmed')){
632 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 636 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
633 } 637 }
634 638
635 if (strlen($request->get('password')) < 6) { 639 if (strlen($request->get('password')) < 6) {
636 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 640 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
637 } 641 }
638 642
639 /*$haystack = $request->get('password'); 643 /*$haystack = $request->get('password');
640 644
641 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?'); 645 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');
642 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z', 646 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z',
643 'X', 'C', 'V', 'B', 'N', 'M'); 647 'X', 'C', 'V', 'B', 'N', 'M');
644 $lenpwd_bool = true; 648 $lenpwd_bool = true;
645 $spec_bool = false; 649 $spec_bool = false;
646 $alpha_bool = false; 650 $alpha_bool = false;
647 651
648 if (strlen($haystack) < 8) $lenpwd_bool = false; 652 if (strlen($haystack) < 8) $lenpwd_bool = false;
649 653
650 foreach ($specsumbol as $it) { 654 foreach ($specsumbol as $it) {
651 if (strpos($haystack, $it) !== false) { 655 if (strpos($haystack, $it) !== false) {
652 $spec_bool = true; 656 $spec_bool = true;
653 } 657 }
654 } 658 }
655 659
656 foreach ($alpha as $it) { 660 foreach ($alpha as $it) {
657 if (strpos($haystack, $it) !== false) { 661 if (strpos($haystack, $it) !== false) {
658 $alpha_bool = true; 662 $alpha_bool = true;
659 } 663 }
660 } 664 }
661 665
662 if ((!$spec_bool) || (!$alpha_bool)) { 666 if ((!$spec_bool) || (!$alpha_bool)) {
663 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?")); 667 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));
664 }*/ 668 }*/
665 669
666 if (($request->has('politik')) && ($request->get('politik') == 1)) { 670 if (($request->has('politik')) && ($request->get('politik') == 1)) {
667 $validator = Validator::make($params, $rules, $messages); 671 $validator = Validator::make($params, $rules, $messages);
668 672
669 if ($validator->fails()) { 673 if ($validator->fails()) {
670 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 674 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
671 } else { 675 } else {
672 //dd($params); 676 //dd($params);
673 $user = $this->create($params); 677 $user = $this->create($params);
674 event(new Registered($user)); 678 event(new Registered($user));
675 Auth::guard()->login($user); 679 Auth::guard()->login($user);
676 } 680 }
677 if ($user) { 681 if ($user) {
678 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));; 682 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
679 } else { 683 } else {
680 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 684 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
681 } 685 }
682 686
683 } else { 687 } else {
684 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!")); 688 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
685 } 689 }
686 } 690 }
687 691
688 // Звездная оценка и ответ 692 // Звездная оценка и ответ
689 public function stars_answer(Request $request) { 693 public function stars_answer(Request $request) {
690 $params = $request->all(); 694 $params = $request->all();
691 $rules = [ 695 $rules = [
692 'message' => ['required', 'string', 'max:255'], 696 'message' => ['required', 'string', 'max:255'],
693 ]; 697 ];
694 698
695 $messages = [ 699 $messages = [
696 'required' => 'Укажите обязательное поле', 700 'required' => 'Укажите обязательное поле',
697 'min' => [ 701 'min' => [
698 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 702 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
699 'integer' => 'Поле «:attribute» должно быть :min или больше', 703 'integer' => 'Поле «:attribute» должно быть :min или больше',
700 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 704 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
701 ], 705 ],
702 'max' => [ 706 'max' => [
703 'string' => 'Поле «:attribute» должно быть не больше :max символов', 707 'string' => 'Поле «:attribute» должно быть не больше :max символов',
704 'integer' => 'Поле «:attribute» должно быть :max или меньше', 708 'integer' => 'Поле «:attribute» должно быть :max или меньше',
705 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 709 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
706 ] 710 ]
707 ]; 711 ];
708 $response_worker = ResponseWork::create($params); 712 $response_worker = ResponseWork::create($params);
709 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!'); 713 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');
710 } 714 }
711 715
712 public function TestWorker() 716 public function TestWorker()
713 { 717 {
714 $Use = new User(); 718 $Use = new User();
715 719
716 $Code_user = $Use->create([ 720 $Code_user = $Use->create([
717 'name' => 'surname name_man', 721 'name' => 'surname name_man',
718 'name_man' => 'name_man', 722 'name_man' => 'name_man',
719 'surname' => 'surname', 723 'surname' => 'surname',
720 'surname2' => 'surname2', 724 'surname2' => 'surname2',
721 'subscribe_email' => '1', 725 'subscribe_email' => '1',
722 'email' => 'email@mail.com', 726 'email' => 'email@mail.com',
723 'telephone' => '1234567890', 727 'telephone' => '1234567890',
724 'password' => Hash::make('password'), 728 'password' => Hash::make('password'),
725 'pubpassword' => base64_encode('password'), 729 'pubpassword' => base64_encode('password'),
726 'email_verified_at' => Carbon::now(), 730 'email_verified_at' => Carbon::now(),
727 'is_worker' => 1, 731 'is_worker' => 1,
728 ]); 732 ]);
729 733
730 if ($Code_user->id > 0) { 734 if ($Code_user->id > 0) {
731 $Worker = new Worker(); 735 $Worker = new Worker();
732 $Worker->user_id = $Code_user->id; 736 $Worker->user_id = $Code_user->id;
733 $Worker->position_work = 1; //'job_titles'; 737 $Worker->position_work = 1; //'job_titles';
734 $Worker->email = 'email@email.com'; 738 $Worker->email = 'email@email.com';
735 $Worker->telephone = '1234567890'; 739 $Worker->telephone = '1234567890';
736 $status = $Worker->save(); 740 $status = $Worker->save();
737 741
738 $Title_Worker = new Title_worker(); 742 $Title_Worker = new Title_worker();
739 $Title_Worker->worker_id = $Worker->id; 743 $Title_Worker->worker_id = $Worker->id;
740 $Title_Worker->job_title_id = 1; 744 $Title_Worker->job_title_id = 1;
741 $Title_Worker->save(); 745 $Title_Worker->save();
742 } 746 }
743 } 747 }
744 748
745 // Создание пользователя 749 // Создание пользователя
746 protected function create(array $data) 750 protected function create(array $data)
747 { 751 {
748 $Use = new User(); 752 $Use = new User();
749 753
750 $Code_user = $Use->create([ 754 $Code_user = $Use->create([
751 'name' => $data['surname']." ".$data['name_man'], 755 'name' => $data['surname']." ".$data['name_man'],
752 'name_man' => $data['name_man'], 756 'name_man' => $data['name_man'],
753 'surname' => $data['surname'], 757 'surname' => $data['surname'],
754 'surname2' => $data['surname2'], 758 'surname2' => $data['surname2'],
755 'subscribe_email' => $data['email'], 759 'subscribe_email' => $data['email'],
756 'email' => $data['email'], 760 'email' => $data['email'],
757 'telephone' => $data['telephone'], 761 'telephone' => $data['telephone'],
758 'password' => Hash::make($data['password']), 762 'password' => Hash::make($data['password']),
759 'pubpassword' => base64_encode($data['password']), 763 'pubpassword' => base64_encode($data['password']),
760 'email_verified_at' => Carbon::now(), 764 'email_verified_at' => Carbon::now(),
761 'is_worker' => $data['is_worker'], 765 'is_worker' => $data['is_worker'],
762 ]); 766 ]);
763 767
764 if ($Code_user->id > 0) { 768 if ($Code_user->id > 0) {
765 $Worker = new Worker(); 769 $Worker = new Worker();
766 $Worker->user_id = $Code_user->id; 770 $Worker->user_id = $Code_user->id;
767 $Worker->position_work = $data['job_titles']; 771 $Worker->position_work = $data['job_titles'];
768 $Worker->email = $data['email']; 772 $Worker->email = $data['email'];
769 $Worker->telephone = $data['telephone']; 773 $Worker->telephone = $data['telephone'];
770 $Worker->save(); 774 $Worker->save();
771 775
772 if (isset($Worker->id)) { 776 if (isset($Worker->id)) {
773 $Title_Worker = new Title_worker(); 777 $Title_Worker = new Title_worker();
774 $Title_Worker->worker_id = $Worker->id; 778 $Title_Worker->worker_id = $Worker->id;
775 $Title_Worker->job_title_id = $data['job_titles']; 779 $Title_Worker->job_title_id = $data['job_titles'];
776 $Title_Worker->save(); 780 $Title_Worker->save();
777 } 781 }
778 782
779 return $Code_user; 783 return $Code_user;
780 } 784 }
781 } 785 }
782 786
783 // Вакансии избранные 787 // Вакансии избранные
784 public function colorado(Request $request) { 788 public function colorado(Request $request) {
785 $IP_address = RusDate::ip_addr_client(); 789 $IP_address = RusDate::ip_addr_client();
786 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 790 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
787 791
788 if ($Arr->count()) { 792 if ($Arr->count()) {
789 $A = Array(); 793 $A = Array();
790 foreach ($Arr as $it) { 794 foreach ($Arr as $it) {
791 $A[] = $it->code_record; 795 $A[] = $it->code_record;
792 } 796 }
793 797
794 $Query = Ad_employer::query()->whereIn('id', $A); 798 $Query = Ad_employer::query()->whereIn('id', $A);
795 } else { 799 } else {
796 $Query = Ad_employer::query()->where('id', '=', '0'); 800 $Query = Ad_employer::query()->where('id', '=', '0');
797 } 801 }
798 802
799 $Query = $Query->with('jobs')-> 803 $Query = $Query->with('jobs')->
800 with('cat')-> 804 with('cat')->
801 with('employer')-> 805 with('employer')->
802 whereHas('jobs_code', function ($query) use ($request) { 806 whereHas('jobs_code', function ($query) use ($request) {
803 if ($request->ajax()) { 807 if ($request->ajax()) {
804 if (null !== ($request->get('job'))) { 808 if (null !== ($request->get('job'))) {
805 $query->where('job_title_id', $request->get('job')); 809 $query->where('job_title_id', $request->get('job'));
806 } 810 }
807 } 811 }
808 })->select('ad_employers.*'); 812 })->select('ad_employers.*');
809 813
810 $Job_title = Job_title::query()->OrderBy('name')->get(); 814 $Job_title = Job_title::query()->OrderBy('name')->get();
811 815
812 $Query_count = $Query->count(); 816 $Query_count = $Query->count();
813 817
814 $Query = $Query->OrderBy('updated_at')->paginate(3); 818 $Query = $Query->OrderBy('updated_at')->paginate(3);
815 819
816 820
817 return view('workers.favorite', compact('Query', 821 return view('workers.favorite', compact('Query',
818 'Query_count', 822 'Query_count',
819 'Job_title')); 823 'Job_title'));
820 824
821 } 825 }
822 826
823 //Переписка 827 //Переписка
824 public function dialog(User_Model $user1, User_Model $user2, Request $request) { 828 public function dialog(User_Model $user1, User_Model $user2, Request $request) {
825 // Получение параметров. 829 // Получение параметров.
826 if ($request->has('ad_employer')){ 830 if ($request->has('ad_employer')){
827 $ad_employer = $request->get('ad_employer'); 831 $ad_employer = $request->get('ad_employer');
828 } else { 832 } else {
829 $ad_employer = 0; 833 $ad_employer = 0;
830 } 834 }
831 835
832 if (isset($user1->id)) { 836 if (isset($user1->id)) {
833 $sender = User_Model::query()->with('workers')-> 837 $sender = User_Model::query()->with('workers')->
834 with('employers')-> 838 with('employers')->
835 where('id', $user1->id)->first(); 839 where('id', $user1->id)->first();
836 } 840 }
837 841
838 if (isset($user2->id)) { 842 if (isset($user2->id)) {
839 $companion = User_Model::query()->with('workers')-> 843 $companion = User_Model::query()->with('workers')->
840 with('employers')-> 844 with('employers')->
841 where('id', $user2->id)->first(); 845 where('id', $user2->id)->first();
842 } 846 }
843 847
844 $Messages = Message::query()-> 848 $Messages = Message::query()->
845 //with('response')-> 849 //with('response')->
846 where(function($query) use ($user1, $user2) { 850 where(function($query) use ($user1, $user2) {
847 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 851 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
848 })->orWhere(function($query) use ($user1, $user2) { 852 })->orWhere(function($query) use ($user1, $user2) {
849 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 853 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
850 })->OrderBy('created_at')->get(); 854 })->OrderBy('created_at')->get();
851 855
852 $id_vac = null; 856 $id_vac = null;
853 /*foreach ($Messages as $it) { 857 /*foreach ($Messages as $it) {
854 if (isset($it->response)) { 858 if (isset($it->response)) {
855 foreach ($it->response as $r) { 859 foreach ($it->response as $r) {
856 if (isset($r->ad_employer_id)) { 860 if (isset($r->ad_employer_id)) {
857 $id_vac = $r->ad_employer_id; 861 $id_vac = $r->ad_employer_id;
858 break; 862 break;
859 } 863 }
860 } 864 }
861 } 865 }
862 if (!is_null($id_vac)) break; 866 if (!is_null($id_vac)) break;
863 }*/ 867 }*/
864 868
865 //$ad_employer = null; 869 //$ad_employer = null;
866 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 870 //if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
867 871
868 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer')); 872 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
869 } 873 }
870 874
871 // Даунылоады 875 // Даунылоады
872 public function download(Worker $worker) { 876 public function download(Worker $worker) {
873 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...']; 877 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
874 view()->share('house',$arr_house); 878 view()->share('house',$arr_house);
875 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape'); 879 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
876 return $pdf->stream(); 880 return $pdf->stream();
877 } 881 }
878 882
879 // Поднятие анкеты 883 // Поднятие анкеты
880 public function up(Worker $worker) { 884 public function up(Worker $worker) {
881 $worker->updated_at = Carbon::now(); 885 $worker->updated_at = Carbon::now();
882 $worker->save(); 886 $worker->save();
883 // 0 887 // 0
884 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных'); 888 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
885 } 889 }
886 890
887 // Форма сертификате 891 // Форма сертификате
888 public function new_sertificate(Worker $worker) { 892 public function new_sertificate(Worker $worker) {
889 return view('workers.sertificate_add', compact('worker')); 893 return view('workers.sertificate_add', compact('worker'));
890 } 894 }
891 895
892 // Добавление сертификата 896 // Добавление сертификата
893 public function add_serificate(SertificationRequest $request) { 897 public function add_serificate(SertificationRequest $request) {
894 $request->validate([ 898 $request->validate([
895 'name' => 'required|string|max:255', 899 'name' => 'required|string|max:255',
896 'end_begin' => 'required|date|date_format:d.m.Y' 900 'end_begin' => 'required|date|date_format:d.m.Y'
897 ], 901 ],
898 [ 902 [
899 'name' => 'Навание сертификата обязательно для заполнения.', 903 'name' => 'Навание сертификата обязательно для заполнения.',
900 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 904 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
901 ]); 905 ]);
902 906
903 $params = $request->all(); 907 $params = $request->all();
904 908
905 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']); 909 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);
906 $params['end_begin'] = $end_begin->format('Y-m-d'); 910 $params['end_begin'] = $end_begin->format('Y-m-d');
907 911
908 $Sertificate = new sertification(); 912 $Sertificate = new sertification();
909 $Sertificate->create($params); 913 $Sertificate->create($params);
910 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get(); 914 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get();
911 return redirect()->route('worker.cabinet'); 915 return redirect()->route('worker.cabinet');
912 //return view('ajax.documents', compact('Docs')); 916 //return view('ajax.documents', compact('Docs'));
913 } 917 }
914 918
915 // Удалить сертификат 919 // Удалить сертификат
916 public function delete_sertificate(sertification $doc) { 920 public function delete_sertificate(sertification $doc) {
917 $doc->delete(); 921 $doc->delete();
918 922
919 return redirect()->route('worker.cabinet'); 923 return redirect()->route('worker.cabinet');
920 } 924 }
921 925
922 // Редактирование сертификата 926 // Редактирование сертификата
923 public function edit_sertificate(Worker $worker, sertification $doc) { 927 public function edit_sertificate(Worker $worker, sertification $doc) {
924 return view('workers.sertificate_edit', compact('doc', 'worker')); 928 return view('workers.sertificate_edit', compact('doc', 'worker'));
925 } 929 }
926 930
927 // Редактирование обновление сертификата 931 // Редактирование обновление сертификата
928 public function update_serificate(SertificationRequest $request, sertification $doc) { 932 public function update_serificate(SertificationRequest $request, sertification $doc) {
929 $request->validate([ 933 $request->validate([
930 'name' => 'required|string|max:255', 934 'name' => 'required|string|max:255',
931 'end_begin' => 'required|date|date_format:d.m.Y' 935 'end_begin' => 'required|date|date_format:d.m.Y'
932 ], 936 ],
933 [ 937 [
934 'name' => 'Навание сертификата обязательно для заполнения.', 938 'name' => 'Навание сертификата обязательно для заполнения.',
935 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 939 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
936 ]); 940 ]);
937 941
938 $all = $request->all(); 942 $all = $request->all();
939 943
940 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']); 944 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
941 $all['end_begin'] = $end_begin->format('Y-m-d'); 945 $all['end_begin'] = $end_begin->format('Y-m-d');
942 946
943 $doc->worker_id = $all['worker_id']; 947 $doc->worker_id = $all['worker_id'];
944 $doc->name = $all['name']; 948 $doc->name = $all['name'];
945 $doc->end_begin = $all['end_begin']; 949 $doc->end_begin = $all['end_begin'];
946 $doc->save(); 950 $doc->save();
947 951
948 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 952 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
949 } 953 }
950 954
951 public function edit_diploms(Request $request, Worker $worker) { 955 public function edit_diploms(Request $request, Worker $worker) {
952 $dop_info_data = $request->input('diploms'); 956 $dop_info_data = $request->input('diploms');
953 957
954 if (empty($dop_info_data)) { 958 if (empty($dop_info_data)) {
955 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!'); 959 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
956 } 960 }
957 961
958 foreach ($dop_info_data as $infoblok_id => $status) { 962 foreach ($dop_info_data as $infoblok_id => $status) {
959 Dop_info::updateOrCreate( 963 Dop_info::updateOrCreate(
960 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id], 964 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
961 ['status' => $status] 965 ['status' => $status]
962 ); 966 );
963 } 967 }
964 968
965 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!'); 969 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
966 } 970 }
967 971
968 public function delete_add_diplom(Request $request, Worker $worker) { 972 public function delete_add_diplom(Request $request, Worker $worker) {
969 $infoblok_id = $request->get('infoblok_id'); 973 $infoblok_id = $request->get('infoblok_id');
970 974
971 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0) 975 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
972 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete(); 976 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
973 else { 977 else {
974 $params['infoblok_id'] = $infoblok_id; 978 $params['infoblok_id'] = $infoblok_id;
975 $params['worker_id'] = $worker->id; 979 $params['worker_id'] = $worker->id;
976 $params['status'] = $request->get('val'); 980 $params['status'] = $request->get('val');
977 $id = Dop_info::create($params); 981 $id = Dop_info::create($params);
978 //$id = $worker->infobloks()->sync([$infoblok_id]); 982 //$id = $worker->infobloks()->sync([$infoblok_id]);
979 } 983 }
980 984
981 //$Infoblocks = infobloks::query()->get(); 985 //$Infoblocks = infobloks::query()->get();
982 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks')); 986 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
983 } 987 }
984 988
985 989
986 990
987 // Добавление диплома 991 // Добавление диплома
988 public function add_diplom_ajax(Request $request) { 992 public function add_diplom_ajax(Request $request) {
989 // конец 993 // конец
990 $params = $request->all(); 994 $params = $request->all();
991 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 995 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
992 996
993 if ($count == 0) $dop_info = Dop_info::create($params); 997 if ($count == 0) $dop_info = Dop_info::create($params);
994 $Infoblocks = infobloks::query()->get(); 998 $Infoblocks = infobloks::query()->get();
995 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get(); 999 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
996 $data = Dop_info::query()->where('worker_id', $request->has('worker_id')); 1000 $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
997 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker')); 1001 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
998 } 1002 }
999 1003
1000 // Добавление диплома без ajax 1004 // Добавление диплома без ajax
1001 public function add_diplom(Worker $worker) { 1005 public function add_diplom(Worker $worker) {
1002 $worker_id = $worker->id; 1006 $worker_id = $worker->id;
1003 $Infoblocks = infobloks::query()->get(); 1007 $Infoblocks = infobloks::query()->get();
1004 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks')); 1008 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
1005 } 1009 }
1006 // Сохранить 1010 // Сохранить
1007 // Сохраняю диплом 1011 // Сохраняю диплом
1008 public function add_diplom_save(Request $request) { 1012 public function add_diplom_save(Request $request) {
1009 $params = $request->all(); 1013 $params = $request->all();
1010 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 1014 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
1011 if ($count == 0) $dop_info = Dop_info::create($params); 1015 if ($count == 0) $dop_info = Dop_info::create($params);
1012 return redirect()->route('worker.cabinet'); 1016 return redirect()->route('worker.cabinet');
1013 } 1017 }
1014 1018
1015 // Добавление стандартного документа 1019 // Добавление стандартного документа
1016 public function add_document(Worker $worker) { 1020 public function add_document(Worker $worker) {
1017 return view('workers.docs', compact('worker')); 1021 return view('workers.docs', compact('worker'));
1018 } 1022 }
1019 1023
1020 //Сохранение стандартого документа 1024 //Сохранение стандартого документа
1021 public function add_document_save(DocumentsRequest $request) { 1025 public function add_document_save(DocumentsRequest $request) {
1022 $params = $request->all(); 1026 $params = $request->all();
1023 $place_work = place_works::create($params); 1027 $place_work = place_works::create($params);
1024 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!'); 1028 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');
1025 } 1029 }
1026 1030
1027 // Редактирование документа 1031 // Редактирование документа
1028 public function edit_document(place_works $doc, Worker $worker) { 1032 public function edit_document(place_works $doc, Worker $worker) {
1029 return view('workers.docs-edit', compact('doc', 'worker')); 1033 return view('workers.docs-edit', compact('doc', 'worker'));
1030 } 1034 }
1031 1035
1032 //Сохранение отредактированного документа 1036 //Сохранение отредактированного документа
1033 public function edit_document_save(DocumentsRequest $request, place_works $doc) { 1037 public function edit_document_save(DocumentsRequest $request, place_works $doc) {
1034 $params = $request->all(); 1038 $params = $request->all();
1035 $doc->update($params); 1039 $doc->update($params);
1036 1040
1037 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 1041 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
1038 } 1042 }
1039 1043
1040 // Удаление документа 1044 // Удаление документа
1041 public function delete_document(place_works $doc) { 1045 public function delete_document(place_works $doc) {
1042 $doc->delete(); 1046 $doc->delete();
1043 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1047 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1044 } 1048 }
1045 1049
1046 //Отправка нового сообщения 1050 //Отправка нового сообщения
1047 public function new_message(Request $request) { 1051 public function new_message(Request $request) {
1048 $params = $request->all(); 1052 $params = $request->all();
1049 1053
1050 $id = $params['send_user_id']; 1054 $id = $params['send_user_id'];
1051 $message = new Message(); 1055 $message = new Message();
1052 $message->user_id = $params['send_user_id']; 1056 $message->user_id = $params['send_user_id'];
1053 $message->to_user_id = $params['send_to_user_id']; 1057 $message->to_user_id = $params['send_to_user_id'];
1054 $message->title = $params['send_title']; 1058 $message->title = $params['send_title'];
1055 $message->text = $params['send_text']; 1059 $message->text = $params['send_text'];
1056 $message->ad_employer_id = $params['send_vacancy']; 1060 $message->ad_employer_id = $params['send_vacancy'];
1057 if ($request->has('send_file')) { 1061 if ($request->has('send_file')) {
1058 $message->file = $request->file('send_file')->store("worker/$id", 'public'); 1062 $message->file = $request->file('send_file')->store("worker/$id", 'public');
1059 } 1063 }
1060 $message->flag_new = 1; 1064 $message->flag_new = 1;
1061 $id_message = $message->save(); 1065 $id_message = $message->save();
1062 1066
1063 $data['message_id'] = $id_message; 1067 $data['message_id'] = $id_message;
1064 $data['ad_employer_id'] = $params['send_vacancy']; 1068 $data['ad_employer_id'] = $params['send_vacancy'];
1065 $data['job_title_id'] = $params['send_job_title_id']; 1069 $data['job_title_id'] = $params['send_job_title_id'];
1066 $data['flag'] = 1; 1070 $data['flag'] = 1;
1067 $ad_responce = ad_response::create($data); 1071 $ad_responce = ad_response::create($data);
1068 return redirect()->route('worker.messages', ['type_message' => 'output']); 1072 return redirect()->route('worker.messages', ['type_message' => 'output']);
1069 } 1073 }
1070 1074
1071 1075
1072 public function test123(Request $request) { 1076 public function test123(Request $request) {
1073 $params = $request->all(); 1077 $params = $request->all();
1074 $user1 = $params['user_id']; 1078 $user1 = $params['user_id'];
1075 $user2 = $params['to_user_id']; 1079 $user2 = $params['to_user_id'];
1076 $id_vacancy = $params['ad_employer_id']; 1080 $id_vacancy = $params['ad_employer_id'];
1077 $ad_name = $params['ad_name']; 1081 $ad_name = $params['ad_name'];
1078 1082
1079 $rules = [ 1083 $rules = [
1080 'text' => 'required|min:1|max:150000', 1084 'text' => 'required|min:1|max:150000',
1081 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 1085 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
1082 ]; 1086 ];
1083 $messages = [ 1087 $messages = [
1084 'required' => 'Укажите обязательное поле', 1088 'required' => 'Укажите обязательное поле',
1085 'min' => [ 1089 'min' => [
1086 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 1090 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
1087 'integer' => 'Поле «:attribute» должно быть :min или больше', 1091 'integer' => 'Поле «:attribute» должно быть :min или больше',
1088 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 1092 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
1089 ], 1093 ],
1090 'max' => [ 1094 'max' => [
1091 'string' => 'Поле «:attribute» должно быть не больше :max символов', 1095 'string' => 'Поле «:attribute» должно быть не больше :max символов',
1092 'integer' => 'Поле «:attribute» должно быть :max или меньше', 1096 'integer' => 'Поле «:attribute» должно быть :max или меньше',
1093 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 1097 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
1094 ] 1098 ]
1095 ]; 1099 ];
1096 1100
1097 $validator = Validator::make($request->all(), $rules, $messages); 1101 $validator = Validator::make($request->all(), $rules, $messages);
1098 1102
1099 if ($validator->fails()) { 1103 if ($validator->fails()) {
1100 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]) 1104 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name])
1101 ->withErrors($validator); 1105 ->withErrors($validator);
1102 } else { 1106 } else {
1103 if ($request->has('file')) { 1107 if ($request->has('file')) {
1104 $params['file'] = $request->file('file')->store("messages", 'public'); 1108 $params['file'] = $request->file('file')->store("messages", 'public');
1105 } 1109 }
1106 Message::create($params); 1110 Message::create($params);
1107 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 1111 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
1108 return redirect()->route('worker.dialog', 1112 return redirect()->route('worker.dialog',
1109 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 1113 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
1110 1114
1111 } 1115 }
1112 } 1116 }
1113 1117
1114 // Информация о предыдущих компаниях 1118 // Информация о предыдущих компаниях
1115 public function new_prev_company(Worker $worker) { 1119 public function new_prev_company(Worker $worker) {
1116 return view('workers.prev_company_form', compact('worker')); 1120 return view('workers.prev_company_form', compact('worker'));
1117 } 1121 }
1118 1122
1119 // Добавление контакта компании 1123 // Добавление контакта компании
1120 public function add_prev_company(PrevCompanyRequest $request) { 1124 public function add_prev_company(PrevCompanyRequest $request) {
1121 // Возвращение параметров 1125 // Возвращение параметров
1122 $all = $request->all(); 1126 $all = $request->all();
1123 $PrevCompany = PrevCompany::create($all); 1127 $PrevCompany = PrevCompany::create($all);
1124 1128
1125 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1129 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1126 } 1130 }
1127 1131
1128 // Редактирование контакта компании 1132 // Редактирование контакта компании
1129 public function edit_prev_company(PrevCompany $doc, Worker $worker) { 1133 public function edit_prev_company(PrevCompany $doc, Worker $worker) {
1130 return view('workers.prev_company_edit_form', compact('doc', 'worker')); 1134 return view('workers.prev_company_edit_form', compact('doc', 'worker'));
1131 } 1135 }
1132 1136
1133 //Сохранение редактирования контакта компании 1137 //Сохранение редактирования контакта компании
1134 public function update_prev_company(PrevCompany $doc, Request $request){ 1138 public function update_prev_company(PrevCompany $doc, Request $request){
1135 $all = $request->all(); 1139 $all = $request->all();
1136 $doc->update($all); 1140 $doc->update($all);
1137 1141
1138 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1142 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1139 } 1143 }
1140 1144
1141 // Удаление контакта предыдущей компании 1145 // Удаление контакта предыдущей компании
1142 public function delete_prev_company(PrevCompany $doc) { 1146 public function delete_prev_company(PrevCompany $doc) {
1143 $doc->delete(); 1147 $doc->delete();
1144 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1148 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1145 } 1149 }
1146 } 1150 }
1147 1151
1148 1152
public/css/style_may2024.css
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 html { 13 html {
14 line-height: 1.15; /* 1 */ 14 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 15 -webkit-text-size-adjust: 100%; /* 2 */
16 } 16 }
17 17
18 /* Sections 18 /* Sections
19 ========================================================================== */ 19 ========================================================================== */
20 /** 20 /**
21 * Remove the margin in all browsers. 21 * Remove the margin in all browsers.
22 */ 22 */
23 body { 23 body {
24 margin: 0; 24 margin: 0;
25 } 25 }
26 26
27 /** 27 /**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 main { 30 main {
31 display: block; 31 display: block;
32 } 32 }
33 33
34 /** 34 /**
35 * Correct the font size and margin on `h1` elements within `section` and 35 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 36 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 37 */
38 h1 { 38 h1 {
39 font-size: 2em; 39 font-size: 2em;
40 margin: 0.67em 0; 40 margin: 0.67em 0;
41 } 41 }
42 42
43 /* Grouping content 43 /* Grouping content
44 ========================================================================== */ 44 ========================================================================== */
45 /** 45 /**
46 * 1. Add the correct box sizing in Firefox. 46 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 47 * 2. Show the overflow in Edge and IE.
48 */ 48 */
49 hr { 49 hr {
50 -webkit-box-sizing: content-box; 50 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 51 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 52 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 53 overflow: visible; /* 2 */
54 } 54 }
55 55
56 /** 56 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 57 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 58 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 59 */
60 pre { 60 pre {
61 font-family: monospace, monospace; /* 1 */ 61 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 62 font-size: 1em; /* 2 */
63 } 63 }
64 64
65 /* Text-level semantics 65 /* Text-level semantics
66 ========================================================================== */ 66 ========================================================================== */
67 /** 67 /**
68 * Remove the gray background on active links in IE 10. 68 * Remove the gray background on active links in IE 10.
69 */ 69 */
70 a { 70 a {
71 background-color: transparent; 71 background-color: transparent;
72 } 72 }
73 73
74 /** 74 /**
75 * 1. Remove the bottom border in Chrome 57- 75 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 77 */
78 abbr[title] { 78 abbr[title] {
79 border-bottom: none; /* 1 */ 79 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 80 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 81 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 82 text-decoration: underline dotted; /* 2 */
83 } 83 }
84 84
85 /** 85 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 86 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 87 */
88 b, 88 b,
89 strong { 89 strong {
90 font-weight: bolder; 90 font-weight: bolder;
91 } 91 }
92 92
93 /** 93 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 94 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 95 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 96 */
97 code, 97 code,
98 kbd, 98 kbd,
99 samp { 99 samp {
100 font-family: monospace, monospace; /* 1 */ 100 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 101 font-size: 1em; /* 2 */
102 } 102 }
103 103
104 /** 104 /**
105 * Add the correct font size in all browsers. 105 * Add the correct font size in all browsers.
106 */ 106 */
107 small { 107 small {
108 font-size: 80%; 108 font-size: 80%;
109 } 109 }
110 110
111 /** 111 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 112 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 113 * all browsers.
114 */ 114 */
115 sub, 115 sub,
116 sup { 116 sup {
117 font-size: 75%; 117 font-size: 75%;
118 line-height: 0; 118 line-height: 0;
119 position: relative; 119 position: relative;
120 vertical-align: baseline; 120 vertical-align: baseline;
121 } 121 }
122 122
123 sub { 123 sub {
124 bottom: -0.25em; 124 bottom: -0.25em;
125 } 125 }
126 126
127 sup { 127 sup {
128 top: -0.5em; 128 top: -0.5em;
129 } 129 }
130 130
131 /* Embedded content 131 /* Embedded content
132 ========================================================================== */ 132 ========================================================================== */
133 /** 133 /**
134 * Remove the border on images inside links in IE 10. 134 * Remove the border on images inside links in IE 10.
135 */ 135 */
136 img { 136 img {
137 border-style: none; 137 border-style: none;
138 } 138 }
139 139
140 /* Forms 140 /* Forms
141 ========================================================================== */ 141 ========================================================================== */
142 /** 142 /**
143 * 1. Change the font styles in all browsers. 143 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 144 * 2. Remove the margin in Firefox and Safari.
145 */ 145 */
146 button, 146 button,
147 input, 147 input,
148 optgroup, 148 optgroup,
149 select, 149 select,
150 textarea { 150 textarea {
151 font-family: inherit; /* 1 */ 151 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 152 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 153 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 154 margin: 0; /* 2 */
155 } 155 }
156 156
157 /** 157 /**
158 * Show the overflow in IE. 158 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 159 * 1. Show the overflow in Edge.
160 */ 160 */
161 button, 161 button,
162 input { /* 1 */ 162 input { /* 1 */
163 overflow: visible; 163 overflow: visible;
164 } 164 }
165 165
166 /** 166 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 167 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 168 * 1. Remove the inheritance of text transform in Firefox.
169 */ 169 */
170 button, 170 button,
171 select { /* 1 */ 171 select { /* 1 */
172 text-transform: none; 172 text-transform: none;
173 } 173 }
174 174
175 /** 175 /**
176 * Correct the inability to style clickable types in iOS and Safari. 176 * Correct the inability to style clickable types in iOS and Safari.
177 */ 177 */
178 button, 178 button,
179 [type=button], 179 [type=button],
180 [type=reset], 180 [type=reset],
181 [type=submit] { 181 [type=submit] {
182 -webkit-appearance: button; 182 -webkit-appearance: button;
183 } 183 }
184 184
185 /** 185 /**
186 * Remove the inner border and padding in Firefox. 186 * Remove the inner border and padding in Firefox.
187 */ 187 */
188 button::-moz-focus-inner, 188 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 189 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 190 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 191 [type=submit]::-moz-focus-inner {
192 border-style: none; 192 border-style: none;
193 padding: 0; 193 padding: 0;
194 } 194 }
195 195
196 /** 196 /**
197 * Restore the focus styles unset by the previous rule. 197 * Restore the focus styles unset by the previous rule.
198 */ 198 */
199 button:-moz-focusring, 199 button:-moz-focusring,
200 [type=button]:-moz-focusring, 200 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 201 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 202 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 203 outline: 1px dotted ButtonText;
204 } 204 }
205 205
206 /** 206 /**
207 * Correct the padding in Firefox. 207 * Correct the padding in Firefox.
208 */ 208 */
209 fieldset { 209 fieldset {
210 padding: 0.35em 0.75em 0.625em; 210 padding: 0.35em 0.75em 0.625em;
211 } 211 }
212 212
213 /** 213 /**
214 * 1. Correct the text wrapping in Edge and IE. 214 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 215 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 216 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 217 * `fieldset` elements in all browsers.
218 */ 218 */
219 legend { 219 legend {
220 -webkit-box-sizing: border-box; 220 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 221 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 222 color: inherit; /* 2 */
223 display: table; /* 1 */ 223 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 224 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 225 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 226 white-space: normal; /* 1 */
227 } 227 }
228 228
229 /** 229 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 230 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 231 */
232 progress { 232 progress {
233 vertical-align: baseline; 233 vertical-align: baseline;
234 } 234 }
235 235
236 /** 236 /**
237 * Remove the default vertical scrollbar in IE 10+. 237 * Remove the default vertical scrollbar in IE 10+.
238 */ 238 */
239 textarea { 239 textarea {
240 overflow: auto; 240 overflow: auto;
241 } 241 }
242 242
243 /** 243 /**
244 * 1. Add the correct box sizing in IE 10. 244 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 245 * 2. Remove the padding in IE 10.
246 */ 246 */
247 [type=checkbox], 247 [type=checkbox],
248 [type=radio] { 248 [type=radio] {
249 -webkit-box-sizing: border-box; 249 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 250 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 251 padding: 0; /* 2 */
252 } 252 }
253 253
254 /** 254 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 255 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 256 */
257 [type=number]::-webkit-inner-spin-button, 257 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 258 [type=number]::-webkit-outer-spin-button {
259 height: auto; 259 height: auto;
260 } 260 }
261 261
262 /** 262 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 263 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 264 * 2. Correct the outline style in Safari.
265 */ 265 */
266 [type=search] { 266 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 267 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 268 outline-offset: -2px; /* 2 */
269 } 269 }
270 270
271 /** 271 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 272 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 273 */
274 [type=search]::-webkit-search-decoration { 274 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 275 -webkit-appearance: none;
276 } 276 }
277 277
278 /** 278 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 279 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 280 * 2. Change font properties to `inherit` in Safari.
281 */ 281 */
282 ::-webkit-file-upload-button { 282 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 283 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 284 font: inherit; /* 2 */
285 } 285 }
286 286
287 /* Interactive 287 /* Interactive
288 ========================================================================== */ 288 ========================================================================== */
289 /* 289 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 290 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 291 */
292 details { 292 details {
293 display: block; 293 display: block;
294 } 294 }
295 295
296 /* 296 /*
297 * Add the correct display in all browsers. 297 * Add the correct display in all browsers.
298 */ 298 */
299 summary { 299 summary {
300 display: list-item; 300 display: list-item;
301 } 301 }
302 302
303 /* Misc 303 /* Misc
304 ========================================================================== */ 304 ========================================================================== */
305 /** 305 /**
306 * Add the correct display in IE 10+. 306 * Add the correct display in IE 10+.
307 */ 307 */
308 template { 308 template {
309 display: none; 309 display: none;
310 } 310 }
311 311
312 /** 312 /**
313 * Add the correct display in IE 10. 313 * Add the correct display in IE 10.
314 */ 314 */
315 [hidden] { 315 [hidden] {
316 display: none; 316 display: none;
317 } 317 }
318 318
319 .green { 319 .green {
320 color: #377d87; 320 color: #377d87;
321 } 321 }
322 322
323 .red { 323 .red {
324 color: #eb5757; 324 color: #eb5757;
325 } 325 }
326 326
327 .rotate180 { 327 .rotate180 {
328 -webkit-transform: rotate(180deg); 328 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 329 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 330 transform: rotate(180deg);
331 } 331 }
332 332
333 ::-moz-selection { 333 ::-moz-selection {
334 color: #000; 334 color: #000;
335 background: #acc0e6; 335 background: #acc0e6;
336 } 336 }
337 337
338 ::selection { 338 ::selection {
339 color: #000; 339 color: #000;
340 background: #acc0e6; 340 background: #acc0e6;
341 } 341 }
342 342
343 ::-webkit-scrollbar { 343 ::-webkit-scrollbar {
344 width: 8px; 344 width: 8px;
345 height: 8px; 345 height: 8px;
346 } 346 }
347 347
348 ::-webkit-scrollbar-track { 348 ::-webkit-scrollbar-track {
349 border-radius: 999px; 349 border-radius: 999px;
350 background-color: #fff; 350 background-color: #fff;
351 } 351 }
352 352
353 ::-webkit-scrollbar-thumb { 353 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 354 border-radius: 999px;
355 background-color: #377d87; 355 background-color: #377d87;
356 } 356 }
357 357
358 ::-webkit-input-placeholder { 358 ::-webkit-input-placeholder {
359 color: #9c9d9d; 359 color: #9c9d9d;
360 opacity: 1; 360 opacity: 1;
361 } 361 }
362 362
363 :focus::-webkit-input-placeholder { 363 :focus::-webkit-input-placeholder {
364 color: transparent; 364 color: transparent;
365 } 365 }
366 366
367 :-ms-input-placeholder { 367 :-ms-input-placeholder {
368 color: #9c9d9d; 368 color: #9c9d9d;
369 opacity: 1; 369 opacity: 1;
370 } 370 }
371 371
372 :focus:-ms-input-placeholder { 372 :focus:-ms-input-placeholder {
373 color: transparent; 373 color: transparent;
374 } 374 }
375 375
376 ::-ms-input-placeholder { 376 ::-ms-input-placeholder {
377 color: #9c9d9d; 377 color: #9c9d9d;
378 opacity: 1; 378 opacity: 1;
379 } 379 }
380 380
381 :focus::-ms-input-placeholder { 381 :focus::-ms-input-placeholder {
382 color: transparent; 382 color: transparent;
383 } 383 }
384 384
385 ::-moz-placeholder { 385 ::-moz-placeholder {
386 color: #9c9d9d; 386 color: #9c9d9d;
387 opacity: 1; 387 opacity: 1;
388 } 388 }
389 389
390 :focus::-moz-placeholder { 390 :focus::-moz-placeholder {
391 color: transparent; 391 color: transparent;
392 } 392 }
393 393
394 ::-webkit-input-placeholder { 394 ::-webkit-input-placeholder {
395 color: #9c9d9d; 395 color: #9c9d9d;
396 opacity: 1; 396 opacity: 1;
397 } 397 }
398 398
399 ::-moz-placeholder { 399 ::-moz-placeholder {
400 color: #9c9d9d; 400 color: #9c9d9d;
401 opacity: 1; 401 opacity: 1;
402 } 402 }
403 403
404 :-ms-input-placeholder { 404 :-ms-input-placeholder {
405 color: #9c9d9d; 405 color: #9c9d9d;
406 opacity: 1; 406 opacity: 1;
407 } 407 }
408 408
409 ::-ms-input-placeholder { 409 ::-ms-input-placeholder {
410 color: #9c9d9d; 410 color: #9c9d9d;
411 opacity: 1; 411 opacity: 1;
412 } 412 }
413 413
414 ::placeholder { 414 ::placeholder {
415 color: #9c9d9d; 415 color: #9c9d9d;
416 opacity: 1; 416 opacity: 1;
417 } 417 }
418 418
419 :focus::-webkit-input-placeholder { 419 :focus::-webkit-input-placeholder {
420 color: transparent; 420 color: transparent;
421 } 421 }
422 422
423 :focus::-moz-placeholder { 423 :focus::-moz-placeholder {
424 color: transparent; 424 color: transparent;
425 } 425 }
426 426
427 :focus:-ms-input-placeholder { 427 :focus:-ms-input-placeholder {
428 color: transparent; 428 color: transparent;
429 } 429 }
430 430
431 :focus::-ms-input-placeholder { 431 :focus::-ms-input-placeholder {
432 color: transparent; 432 color: transparent;
433 } 433 }
434 434
435 :focus::placeholder { 435 :focus::placeholder {
436 color: transparent; 436 color: transparent;
437 } 437 }
438 438
439 *, 439 *,
440 *:before, 440 *:before,
441 *:after { 441 *:after {
442 -webkit-box-sizing: border-box; 442 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 443 box-sizing: border-box;
444 -webkit-appearance: none; 444 -webkit-appearance: none;
445 -moz-appearance: none; 445 -moz-appearance: none;
446 appearance: none; 446 appearance: none;
447 outline: none; 447 outline: none;
448 -webkit-box-shadow: none; 448 -webkit-box-shadow: none;
449 box-shadow: none; 449 box-shadow: none;
450 } 450 }
451 451
452 a, 452 a,
453 button, 453 button,
454 select { 454 select {
455 color: inherit; 455 color: inherit;
456 } 456 }
457 457
458 a { 458 a {
459 text-decoration: none; 459 text-decoration: none;
460 } 460 }
461 461
462 a, 462 a,
463 input[type=button], 463 input[type=button],
464 input[type=submit], 464 input[type=submit],
465 button { 465 button {
466 -webkit-user-select: none; 466 -webkit-user-select: none;
467 -moz-user-select: none; 467 -moz-user-select: none;
468 -ms-user-select: none; 468 -ms-user-select: none;
469 user-select: none; 469 user-select: none;
470 -webkit-transition: 0.3s; 470 -webkit-transition: 0.3s;
471 transition: 0.3s; 471 transition: 0.3s;
472 cursor: pointer; 472 cursor: pointer;
473 } 473 }
474 474
475 [type=tel] { 475 [type=tel] {
476 letter-spacing: 1px; 476 letter-spacing: 1px;
477 } 477 }
478 478
479 .br, 479 .br,
480 img, 480 img,
481 svg { 481 svg {
482 display: block; 482 display: block;
483 } 483 }
484 484
485 .float-left { 485 .float-left {
486 float: left; 486 float: left;
487 } 487 }
488 488
489 .float-right { 489 .float-right {
490 float: right; 490 float: right;
491 } 491 }
492 492
493 .clear-both:after { 493 .clear-both:after {
494 content: ""; 494 content: "";
495 display: block; 495 display: block;
496 clear: both; 496 clear: both;
497 } 497 }
498 498
499 h1, 499 h1,
500 h2, 500 h2,
501 h3, 501 h3,
502 h4, 502 h4,
503 h5, 503 h5,
504 h6 { 504 h6 {
505 margin: 0; 505 margin: 0;
506 } 506 }
507 507
508 #body { 508 #body {
509 font-family: "Circe", sans-serif; 509 font-family: "Circe", sans-serif;
510 color: #000; 510 color: #000;
511 background: #fff; 511 background: #fff;
512 display: -webkit-box; 512 display: -webkit-box;
513 display: -ms-flexbox; 513 display: -ms-flexbox;
514 display: flex; 514 display: flex;
515 -webkit-box-orient: vertical; 515 -webkit-box-orient: vertical;
516 -webkit-box-direction: normal; 516 -webkit-box-direction: normal;
517 -ms-flex-direction: column; 517 -ms-flex-direction: column;
518 flex-direction: column; 518 flex-direction: column;
519 -webkit-box-pack: justify; 519 -webkit-box-pack: justify;
520 -ms-flex-pack: justify; 520 -ms-flex-pack: justify;
521 justify-content: space-between; 521 justify-content: space-between;
522 gap: 50px; 522 gap: 50px;
523 min-width: 320px; 523 min-width: 320px;
524 min-height: 100vh; 524 min-height: 100vh;
525 line-height: 1.25; 525 line-height: 1.25;
526 } 526 }
527 @media (min-width: 768px) { 527 @media (min-width: 768px) {
528 #body { 528 #body {
529 gap: 60px; 529 gap: 60px;
530 } 530 }
531 } 531 }
532 #body.pdf { 532 #body.pdf {
533 gap: 0; 533 gap: 0;
534 } 534 }
535 535
536 .container { 536 .container {
537 width: 100%; 537 width: 100%;
538 max-width: 1280px; 538 max-width: 1280px;
539 margin-left: auto; 539 margin-left: auto;
540 margin-right: auto; 540 margin-right: auto;
541 padding-left: 10px; 541 padding-left: 10px;
542 padding-right: 10px; 542 padding-right: 10px;
543 } 543 }
544 @media (min-width: 768px) { 544 @media (min-width: 768px) {
545 .container { 545 .container {
546 padding-left: 20px; 546 padding-left: 20px;
547 padding-right: 20px; 547 padding-right: 20px;
548 } 548 }
549 } 549 }
550 550
551 .to-top { 551 .to-top {
552 position: fixed; 552 position: fixed;
553 right: 10px; 553 right: 10px;
554 bottom: 10px; 554 bottom: 10px;
555 border-radius: 999px; 555 border-radius: 999px;
556 display: -webkit-box; 556 display: -webkit-box;
557 display: -ms-flexbox; 557 display: -ms-flexbox;
558 display: flex; 558 display: flex;
559 -webkit-box-pack: center; 559 -webkit-box-pack: center;
560 -ms-flex-pack: center; 560 -ms-flex-pack: center;
561 justify-content: center; 561 justify-content: center;
562 -webkit-box-align: center; 562 -webkit-box-align: center;
563 -ms-flex-align: center; 563 -ms-flex-align: center;
564 align-items: center; 564 align-items: center;
565 color: #fff; 565 color: #fff;
566 background: #377d87; 566 background: #377d87;
567 width: 40px; 567 width: 40px;
568 height: 40px; 568 height: 40px;
569 -webkit-transition: 0.3s; 569 -webkit-transition: 0.3s;
570 transition: 0.3s; 570 transition: 0.3s;
571 margin-right: -100px; 571 margin-right: -100px;
572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 z-index: 99; 574 z-index: 99;
575 border: 1px solid #377d87; 575 border: 1px solid #377d87;
576 } 576 }
577 .to-top:hover { 577 .to-top:hover {
578 background: #fff; 578 background: #fff;
579 color: #377d87; 579 color: #377d87;
580 } 580 }
581 .to-top svg { 581 .to-top svg {
582 width: 10px; 582 width: 10px;
583 height: 10px; 583 height: 10px;
584 } 584 }
585 @media (min-width: 768px) { 585 @media (min-width: 768px) {
586 .to-top { 586 .to-top {
587 width: 50px; 587 width: 50px;
588 height: 50px; 588 height: 50px;
589 right: 20px; 589 right: 20px;
590 bottom: 20px; 590 bottom: 20px;
591 } 591 }
592 .to-top svg { 592 .to-top svg {
593 width: 12px; 593 width: 12px;
594 height: 12px; 594 height: 12px;
595 } 595 }
596 } 596 }
597 597
598 .begin .to-top { 598 .begin .to-top {
599 margin-right: 0; 599 margin-right: 0;
600 } 600 }
601 601
602 .socials { 602 .socials {
603 display: -webkit-box; 603 display: -webkit-box;
604 display: -ms-flexbox; 604 display: -ms-flexbox;
605 display: flex; 605 display: flex;
606 -webkit-box-align: center; 606 -webkit-box-align: center;
607 -ms-flex-align: center; 607 -ms-flex-align: center;
608 align-items: center; 608 align-items: center;
609 -webkit-box-pack: center; 609 -webkit-box-pack: center;
610 -ms-flex-pack: center; 610 -ms-flex-pack: center;
611 justify-content: center; 611 justify-content: center;
612 gap: 8px; 612 gap: 8px;
613 } 613 }
614 .socials a { 614 .socials a {
615 display: -webkit-box; 615 display: -webkit-box;
616 display: -ms-flexbox; 616 display: -ms-flexbox;
617 display: flex; 617 display: flex;
618 -webkit-box-align: center; 618 -webkit-box-align: center;
619 -ms-flex-align: center; 619 -ms-flex-align: center;
620 align-items: center; 620 align-items: center;
621 -webkit-box-pack: center; 621 -webkit-box-pack: center;
622 -ms-flex-pack: center; 622 -ms-flex-pack: center;
623 justify-content: center; 623 justify-content: center;
624 border: 1px solid #377d87; 624 border: 1px solid #377d87;
625 color: #377d87; 625 color: #377d87;
626 border-radius: 999px; 626 border-radius: 999px;
627 width: 38px; 627 width: 38px;
628 height: 38px; 628 height: 38px;
629 } 629 }
630 .socials a:hover { 630 .socials a:hover {
631 background: #377d87; 631 background: #377d87;
632 color: #fff; 632 color: #fff;
633 } 633 }
634 .socials svg { 634 .socials svg {
635 width: 12px; 635 width: 12px;
636 height: 12px; 636 height: 12px;
637 } 637 }
638 638
639 .nls { 639 .nls {
640 display: -webkit-box; 640 display: -webkit-box;
641 display: -ms-flexbox; 641 display: -ms-flexbox;
642 display: flex; 642 display: flex;
643 color: #000; 643 color: #000;
644 text-align: left; 644 text-align: left;
645 } 645 }
646 .nls:hover { 646 .nls:hover {
647 color: #377d87; 647 color: #377d87;
648 } 648 }
649 .nls svg { 649 .nls svg {
650 width: 30px; 650 width: 30px;
651 height: 40px; 651 height: 40px;
652 } 652 }
653 @media (min-width: 768px) { 653 @media (min-width: 768px) {
654 .nls svg { 654 .nls svg {
655 width: 24px; 655 width: 24px;
656 height: 31px; 656 height: 31px;
657 } 657 }
658 } 658 }
659 .nls span { 659 .nls span {
660 width: calc(100% - 30px); 660 width: calc(100% - 30px);
661 padding-left: 12px; 661 padding-left: 12px;
662 display: -webkit-box; 662 display: -webkit-box;
663 display: -ms-flexbox; 663 display: -ms-flexbox;
664 display: flex; 664 display: flex;
665 -webkit-box-orient: vertical; 665 -webkit-box-orient: vertical;
666 -webkit-box-direction: normal; 666 -webkit-box-direction: normal;
667 -ms-flex-direction: column; 667 -ms-flex-direction: column;
668 flex-direction: column; 668 flex-direction: column;
669 -webkit-box-pack: center; 669 -webkit-box-pack: center;
670 -ms-flex-pack: center; 670 -ms-flex-pack: center;
671 justify-content: center; 671 justify-content: center;
672 font-size: 12px; 672 font-size: 12px;
673 line-height: 1.4; 673 line-height: 1.4;
674 } 674 }
675 @media (min-width: 768px) { 675 @media (min-width: 768px) {
676 .nls span { 676 .nls span {
677 width: calc(100% - 24px); 677 width: calc(100% - 24px);
678 } 678 }
679 } 679 }
680 .nls b { 680 .nls b {
681 font-weight: 400; 681 font-weight: 400;
682 } 682 }
683 683
684 .title, 684 .title,
685 h1 { 685 h1 {
686 margin: 0; 686 margin: 0;
687 font-weight: 700; 687 font-weight: 700;
688 font-size: 32px; 688 font-size: 32px;
689 } 689 }
690 @media (min-width: 768px) { 690 @media (min-width: 768px) {
691 .title, 691 .title,
692 h1 { 692 h1 {
693 font-size: 40px; 693 font-size: 40px;
694 } 694 }
695 } 695 }
696 @media (min-width: 992px) { 696 @media (min-width: 992px) {
697 .title, 697 .title,
698 h1 { 698 h1 {
699 font-size: 48px; 699 font-size: 48px;
700 } 700 }
701 } 701 }
702 @media (min-width: 1280px) { 702 @media (min-width: 1280px) {
703 .title, 703 .title,
704 h1 { 704 h1 {
705 font-size: 64px; 705 font-size: 64px;
706 } 706 }
707 } 707 }
708 708
709 .swiper-pagination { 709 .swiper-pagination {
710 display: -webkit-box; 710 display: -webkit-box;
711 display: -ms-flexbox; 711 display: -ms-flexbox;
712 display: flex; 712 display: flex;
713 -webkit-box-pack: center; 713 -webkit-box-pack: center;
714 -ms-flex-pack: center; 714 -ms-flex-pack: center;
715 justify-content: center; 715 justify-content: center;
716 -webkit-box-align: center; 716 -webkit-box-align: center;
717 -ms-flex-align: center; 717 -ms-flex-align: center;
718 align-items: center; 718 align-items: center;
719 position: static; 719 position: static;
720 margin-top: 20px; 720 margin-top: 20px;
721 gap: 8px; 721 gap: 8px;
722 } 722 }
723 @media (min-width: 768px) { 723 @media (min-width: 768px) {
724 .swiper-pagination { 724 .swiper-pagination {
725 margin-top: 30px; 725 margin-top: 30px;
726 } 726 }
727 } 727 }
728 .swiper-pagination-bullet { 728 .swiper-pagination-bullet {
729 width: 16px; 729 width: 16px;
730 height: 16px; 730 height: 16px;
731 opacity: 1; 731 opacity: 1;
732 border: 1px solid #cdcece; 732 border: 1px solid #cdcece;
733 -webkit-transition: 0.3s; 733 -webkit-transition: 0.3s;
734 transition: 0.3s; 734 transition: 0.3s;
735 background: transparent; 735 background: transparent;
736 display: -webkit-box; 736 display: -webkit-box;
737 display: -ms-flexbox; 737 display: -ms-flexbox;
738 display: flex; 738 display: flex;
739 -webkit-box-pack: center; 739 -webkit-box-pack: center;
740 -ms-flex-pack: center; 740 -ms-flex-pack: center;
741 justify-content: center; 741 justify-content: center;
742 -webkit-box-align: center; 742 -webkit-box-align: center;
743 -ms-flex-align: center; 743 -ms-flex-align: center;
744 align-items: center; 744 align-items: center;
745 margin: 0 !important; 745 margin: 0 !important;
746 } 746 }
747 .swiper-pagination-bullet:before { 747 .swiper-pagination-bullet:before {
748 content: ""; 748 content: "";
749 width: 6px; 749 width: 6px;
750 height: 6px; 750 height: 6px;
751 border-radius: 999px; 751 border-radius: 999px;
752 background: #377d87; 752 background: #377d87;
753 opacity: 0; 753 opacity: 0;
754 -webkit-transition: 0.3s; 754 -webkit-transition: 0.3s;
755 transition: 0.3s; 755 transition: 0.3s;
756 } 756 }
757 .swiper-pagination-bullet:hover { 757 .swiper-pagination-bullet:hover {
758 border-color: #377d87; 758 border-color: #377d87;
759 } 759 }
760 .swiper-pagination-bullet-active { 760 .swiper-pagination-bullet-active {
761 border-color: #377d87; 761 border-color: #377d87;
762 } 762 }
763 .swiper-pagination-bullet-active:before { 763 .swiper-pagination-bullet-active:before {
764 opacity: 1; 764 opacity: 1;
765 } 765 }
766 766
767 .navs { 767 .navs {
768 display: -webkit-box; 768 display: -webkit-box;
769 display: -ms-flexbox; 769 display: -ms-flexbox;
770 display: flex; 770 display: flex;
771 -webkit-box-align: center; 771 -webkit-box-align: center;
772 -ms-flex-align: center; 772 -ms-flex-align: center;
773 align-items: center; 773 align-items: center;
774 -webkit-box-pack: justify; 774 -webkit-box-pack: justify;
775 -ms-flex-pack: justify; 775 -ms-flex-pack: justify;
776 justify-content: space-between; 776 justify-content: space-between;
777 gap: 20px; 777 gap: 20px;
778 width: 80px; 778 width: 80px;
779 } 779 }
780 .navs button { 780 .navs button {
781 color: #377d87; 781 color: #377d87;
782 background: none; 782 background: none;
783 border: none; 783 border: none;
784 padding: 0; 784 padding: 0;
785 } 785 }
786 .navs button[disabled] { 786 .navs button[disabled] {
787 cursor: not-allowed; 787 cursor: not-allowed;
788 color: #cddee1; 788 color: #cddee1;
789 } 789 }
790 .navs svg { 790 .navs svg {
791 width: 14px; 791 width: 14px;
792 height: 28px; 792 height: 28px;
793 } 793 }
794 794
795 .select { 795 .select {
796 position: relative; 796 position: relative;
797 } 797 }
798 .select2 { 798 .select2 {
799 width: 100% !important; 799 width: 100% !important;
800 } 800 }
801 .select2-container { 801 .select2-container {
802 font-size: 12px; 802 font-size: 12px;
803 } 803 }
804 @media (min-width: 768px) { 804 @media (min-width: 768px) {
805 .select2-container { 805 .select2-container {
806 font-size: 16px; 806 font-size: 16px;
807 } 807 }
808 } 808 }
809 .select2-container--open .select2-selection { 809 .select2-container--open .select2-selection {
810 border-color: #377d87 !important; 810 border-color: #377d87 !important;
811 } 811 }
812 .select2-container--open .select2-selection__arrow svg { 812 .select2-container--open .select2-selection__arrow svg {
813 -webkit-transform: rotate(180deg); 813 -webkit-transform: rotate(180deg);
814 -ms-transform: rotate(180deg); 814 -ms-transform: rotate(180deg);
815 transform: rotate(180deg); 815 transform: rotate(180deg);
816 } 816 }
817 .select2-selection { 817 .select2-selection {
818 min-height: 30px !important; 818 min-height: 30px !important;
819 border-radius: 8px !important; 819 border-radius: 8px !important;
820 border-color: #e7e7e7 !important; 820 border-color: #e7e7e7 !important;
821 -webkit-transition: 0.3s; 821 -webkit-transition: 0.3s;
822 transition: 0.3s; 822 transition: 0.3s;
823 } 823 }
824 @media (min-width: 768px) { 824 @media (min-width: 768px) {
825 .select2-selection { 825 .select2-selection {
826 min-height: 50px !important; 826 min-height: 50px !important;
827 } 827 }
828 } 828 }
829 .select2-selection__rendered { 829 .select2-selection__rendered {
830 line-height: 28px !important; 830 line-height: 28px !important;
831 padding: 0 30px 0 10px !important; 831 padding: 0 30px 0 10px !important;
832 } 832 }
833 @media (min-width: 768px) { 833 @media (min-width: 768px) {
834 .select2-selection__rendered { 834 .select2-selection__rendered {
835 line-height: 48px !important; 835 line-height: 48px !important;
836 padding: 0 46px 0 20px !important; 836 padding: 0 46px 0 20px !important;
837 } 837 }
838 } 838 }
839 .select2-selection--multiple .select2-selection__rendered { 839 .select2-selection--multiple .select2-selection__rendered {
840 display: -webkit-box !important; 840 display: -webkit-box !important;
841 display: -ms-flexbox !important; 841 display: -ms-flexbox !important;
842 display: flex !important; 842 display: flex !important;
843 -webkit-box-align: center; 843 -webkit-box-align: center;
844 -ms-flex-align: center; 844 -ms-flex-align: center;
845 align-items: center; 845 align-items: center;
846 -ms-flex-wrap: wrap; 846 -ms-flex-wrap: wrap;
847 flex-wrap: wrap; 847 flex-wrap: wrap;
848 gap: 10px; 848 gap: 10px;
849 padding-top: 10px !important; 849 padding-top: 10px !important;
850 padding-bottom: 10px !important; 850 padding-bottom: 10px !important;
851 } 851 }
852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853 margin: 0; 853 margin: 0;
854 } 854 }
855 .select2-selection__arrow { 855 .select2-selection__arrow {
856 top: 0 !important; 856 top: 0 !important;
857 right: 0 !important; 857 right: 0 !important;
858 width: 30px !important; 858 width: 30px !important;
859 height: 100% !important; 859 height: 100% !important;
860 display: -webkit-box; 860 display: -webkit-box;
861 display: -ms-flexbox; 861 display: -ms-flexbox;
862 display: flex; 862 display: flex;
863 -webkit-box-pack: center; 863 -webkit-box-pack: center;
864 -ms-flex-pack: center; 864 -ms-flex-pack: center;
865 justify-content: center; 865 justify-content: center;
866 -webkit-box-align: center; 866 -webkit-box-align: center;
867 -ms-flex-align: center; 867 -ms-flex-align: center;
868 align-items: center; 868 align-items: center;
869 color: #377d87; 869 color: #377d87;
870 } 870 }
871 @media (min-width: 768px) { 871 @media (min-width: 768px) {
872 .select2-selection__arrow { 872 .select2-selection__arrow {
873 width: 50px !important; 873 width: 50px !important;
874 } 874 }
875 } 875 }
876 .select2-selection__arrow svg { 876 .select2-selection__arrow svg {
877 width: 12px; 877 width: 12px;
878 height: 12px; 878 height: 12px;
879 -webkit-transition: 0.3s; 879 -webkit-transition: 0.3s;
880 transition: 0.3s; 880 transition: 0.3s;
881 } 881 }
882 @media (min-width: 768px) { 882 @media (min-width: 768px) {
883 .select2-selection__arrow svg { 883 .select2-selection__arrow svg {
884 width: 14px; 884 width: 14px;
885 height: 14px; 885 height: 14px;
886 } 886 }
887 } 887 }
888 .select2-selection__choice { 888 .select2-selection__choice {
889 display: -webkit-box; 889 display: -webkit-box;
890 display: -ms-flexbox; 890 display: -ms-flexbox;
891 display: flex; 891 display: flex;
892 -webkit-box-orient: horizontal; 892 -webkit-box-orient: horizontal;
893 -webkit-box-direction: reverse; 893 -webkit-box-direction: reverse;
894 -ms-flex-direction: row-reverse; 894 -ms-flex-direction: row-reverse;
895 flex-direction: row-reverse; 895 flex-direction: row-reverse;
896 -webkit-box-align: center; 896 -webkit-box-align: center;
897 -ms-flex-align: center; 897 -ms-flex-align: center;
898 align-items: center; 898 align-items: center;
899 -webkit-box-pack: center; 899 -webkit-box-pack: center;
900 -ms-flex-pack: center; 900 -ms-flex-pack: center;
901 justify-content: center; 901 justify-content: center;
902 gap: 4px; 902 gap: 4px;
903 padding: 0 4px 0 6px !important; 903 padding: 0 4px 0 6px !important;
904 background: #377d87 !important; 904 background: #377d87 !important;
905 border: none !important; 905 border: none !important;
906 border-radius: 6px !important; 906 border-radius: 6px !important;
907 line-height: 1 !important; 907 line-height: 1 !important;
908 color: #fff; 908 color: #fff;
909 height: 24px; 909 height: 24px;
910 } 910 }
911 @media (min-width: 768px) { 911 @media (min-width: 768px) {
912 .select2-selection__choice { 912 .select2-selection__choice {
913 height: 32px; 913 height: 32px;
914 gap: 6px; 914 gap: 6px;
915 padding: 0 6px 0 10px !important; 915 padding: 0 6px 0 10px !important;
916 border-radius: 8px !important; 916 border-radius: 8px !important;
917 } 917 }
918 } 918 }
919 .select2-selection__choice__remove { 919 .select2-selection__choice__remove {
920 width: 14px; 920 width: 14px;
921 height: 14px; 921 height: 14px;
922 padding-top: 4px; 922 padding-top: 4px;
923 display: -webkit-box !important; 923 display: -webkit-box !important;
924 display: -ms-flexbox !important; 924 display: -ms-flexbox !important;
925 display: flex !important; 925 display: flex !important;
926 -webkit-box-pack: center; 926 -webkit-box-pack: center;
927 -ms-flex-pack: center; 927 -ms-flex-pack: center;
928 justify-content: center; 928 justify-content: center;
929 -webkit-box-align: center; 929 -webkit-box-align: center;
930 -ms-flex-align: center; 930 -ms-flex-align: center;
931 align-items: center; 931 align-items: center;
932 color: #fff !important; 932 color: #fff !important;
933 font-weight: 400 !important; 933 font-weight: 400 !important;
934 font-size: 26px; 934 font-size: 26px;
935 } 935 }
936 .select2-search { 936 .select2-search {
937 display: none; 937 display: none;
938 } 938 }
939 .select2-dropdown { 939 .select2-dropdown {
940 z-index: 99999; 940 z-index: 99999;
941 border: none; 941 border: none;
942 border-radius: 0; 942 border-radius: 0;
943 background: none; 943 background: none;
944 padding: 5px 0; 944 padding: 5px 0;
945 } 945 }
946 @media (min-width: 768px) { 946 @media (min-width: 768px) {
947 .select2-dropdown { 947 .select2-dropdown {
948 padding: 10px 0; 948 padding: 10px 0;
949 } 949 }
950 } 950 }
951 .select2-results { 951 .select2-results {
952 background: #fff; 952 background: #fff;
953 border-radius: 8px; 953 border-radius: 8px;
954 border: 1px solid #377d87; 954 border: 1px solid #377d87;
955 overflow: hidden; 955 overflow: hidden;
956 } 956 }
957 @media (min-width: 768px) { 957 @media (min-width: 768px) {
958 .select2-results__option { 958 .select2-results__option {
959 padding: 10px 14px; 959 padding: 10px 14px;
960 } 960 }
961 } 961 }
962 .select2-results__option--highlighted { 962 .select2-results__option--highlighted {
963 background: #377d87 !important; 963 background: #377d87 !important;
964 } 964 }
965 @media (min-width: 768px) { 965 @media (min-width: 768px) {
966 .select_search .select2-selection__rendered { 966 .select_search .select2-selection__rendered {
967 padding-left: 60px !important; 967 padding-left: 60px !important;
968 } 968 }
969 } 969 }
970 .select_search .select__icon { 970 .select_search .select__icon {
971 display: none; 971 display: none;
972 height: 28px; 972 height: 28px;
973 -webkit-box-align: center; 973 -webkit-box-align: center;
974 -ms-flex-align: center; 974 -ms-flex-align: center;
975 align-items: center; 975 align-items: center;
976 padding-right: 12px; 976 padding-right: 12px;
977 z-index: 2; 977 z-index: 2;
978 position: absolute; 978 position: absolute;
979 top: 50%; 979 top: 50%;
980 left: 15px; 980 left: 15px;
981 margin-top: -14px; 981 margin-top: -14px;
982 } 982 }
983 @media (min-width: 768px) { 983 @media (min-width: 768px) {
984 .select_search .select__icon { 984 .select_search .select__icon {
985 display: -webkit-box; 985 display: -webkit-box;
986 display: -ms-flexbox; 986 display: -ms-flexbox;
987 display: flex; 987 display: flex;
988 } 988 }
989 } 989 }
990 .select_search .select__icon:after { 990 .select_search .select__icon:after {
991 content: ""; 991 content: "";
992 width: 1px; 992 width: 1px;
993 height: 100%; 993 height: 100%;
994 border-radius: 999px; 994 border-radius: 999px;
995 position: absolute; 995 position: absolute;
996 top: 0; 996 top: 0;
997 right: 0; 997 right: 0;
998 background: #cecece; 998 background: #cecece;
999 } 999 }
1000 .select_search .select__icon svg { 1000 .select_search .select__icon svg {
1001 color: #9c9d9d; 1001 color: #9c9d9d;
1002 width: 20px; 1002 width: 20px;
1003 height: 20px; 1003 height: 20px;
1004 } 1004 }
1005 1005
1006 .form-group { 1006 .form-group {
1007 display: -webkit-box; 1007 display: -webkit-box;
1008 display: -ms-flexbox; 1008 display: -ms-flexbox;
1009 display: flex; 1009 display: flex;
1010 -webkit-box-orient: vertical; 1010 -webkit-box-orient: vertical;
1011 -webkit-box-direction: normal; 1011 -webkit-box-direction: normal;
1012 -ms-flex-direction: column; 1012 -ms-flex-direction: column;
1013 flex-direction: column; 1013 flex-direction: column;
1014 gap: 4px; 1014 gap: 4px;
1015 } 1015 }
1016 .form-group__label { 1016 .form-group__label {
1017 font-size: 12px; 1017 font-size: 12px;
1018 } 1018 }
1019 @media (min-width: 768px) { 1019 @media (min-width: 768px) {
1020 .form-group__label { 1020 .form-group__label {
1021 font-size: 16px; 1021 font-size: 16px;
1022 } 1022 }
1023 } 1023 }
1024 .form-group__item { 1024 .form-group__item {
1025 display: -webkit-box; 1025 display: -webkit-box;
1026 display: -ms-flexbox; 1026 display: -ms-flexbox;
1027 display: flex; 1027 display: flex;
1028 -webkit-box-orient: vertical; 1028 -webkit-box-orient: vertical;
1029 -webkit-box-direction: normal; 1029 -webkit-box-direction: normal;
1030 -ms-flex-direction: column; 1030 -ms-flex-direction: column;
1031 flex-direction: column; 1031 flex-direction: column;
1032 position: relative; 1032 position: relative;
1033 } 1033 }
1034 1034
1035 .input { 1035 .input {
1036 display: block; 1036 display: block;
1037 height: 30px; 1037 height: 30px;
1038 border: 1px solid #cecece; 1038 border: 1px solid #cecece;
1039 background: #fff; 1039 background: #fff;
1040 font-size: 12px; 1040 font-size: 12px;
1041 border-radius: 8px; 1041 border-radius: 8px;
1042 padding: 0 10px; 1042 padding: 0 10px;
1043 color: #000; 1043 color: #000;
1044 -webkit-transition: 0.3s; 1044 -webkit-transition: 0.3s;
1045 transition: 0.3s; 1045 transition: 0.3s;
1046 position: relative; 1046 position: relative;
1047 z-index: 1; 1047 z-index: 1;
1048 } 1048 }
1049 @media (min-width: 768px) { 1049 @media (min-width: 768px) {
1050 .input { 1050 .input {
1051 padding: 0 20px; 1051 padding: 0 20px;
1052 height: 44px; 1052 height: 44px;
1053 font-size: 16px; 1053 font-size: 16px;
1054 } 1054 }
1055 } 1055 }
1056 .input:focus { 1056 .input:focus {
1057 border-color: #377d87; 1057 border-color: #377d87;
1058 } 1058 }
1059 .input[disabled] { 1059 .input[disabled] {
1060 color: #9c9d9d; 1060 color: #9c9d9d;
1061 background: #e7e7e7; 1061 background: #e7e7e7;
1062 } 1062 }
1063 .input[type=date] { 1063 .input[type=date] {
1064 text-transform: uppercase; 1064 text-transform: uppercase;
1065 } 1065 }
1066 1066
1067 .textarea { 1067 .textarea {
1068 resize: none; 1068 resize: none;
1069 display: block; 1069 display: block;
1070 width: 100%; 1070 width: 100%;
1071 border-radius: 8px; 1071 border-radius: 8px;
1072 border: 1px solid #cecece; 1072 border: 1px solid #cecece;
1073 background: #fff; 1073 background: #fff;
1074 -webkit-transition: 0.3s; 1074 -webkit-transition: 0.3s;
1075 transition: 0.3s; 1075 transition: 0.3s;
1076 font-size: 12px; 1076 font-size: 12px;
1077 line-height: 1.4; 1077 line-height: 1.4;
1078 padding: 10px; 1078 padding: 10px;
1079 aspect-ratio: 8/3; 1079 aspect-ratio: 8/3;
1080 max-height: 250px; 1080 max-height: 250px;
1081 } 1081 }
1082 @media (min-width: 768px) { 1082 @media (min-width: 768px) {
1083 .textarea { 1083 .textarea {
1084 padding: 20px; 1084 padding: 20px;
1085 font-size: 16px; 1085 font-size: 16px;
1086 height: 280px; 1086 height: 280px;
1087 } 1087 }
1088 } 1088 }
1089 .textarea:focus { 1089 .textarea:focus {
1090 border-color: #377d87; 1090 border-color: #377d87;
1091 } 1091 }
1092 1092
1093 .button { 1093 .button {
1094 display: -webkit-box; 1094 display: -webkit-box;
1095 display: -ms-flexbox; 1095 display: -ms-flexbox;
1096 display: flex; 1096 display: flex;
1097 -webkit-box-pack: center; 1097 -webkit-box-pack: center;
1098 -ms-flex-pack: center; 1098 -ms-flex-pack: center;
1099 justify-content: center; 1099 justify-content: center;
1100 -webkit-box-align: center; 1100 -webkit-box-align: center;
1101 -ms-flex-align: center; 1101 -ms-flex-align: center;
1102 align-items: center; 1102 align-items: center;
1103 color: #fff; 1103 color: #fff;
1104 background: #377d87; 1104 background: #377d87;
1105 height: 30px; 1105 height: 30px;
1106 border-radius: 8px; 1106 border-radius: 8px;
1107 padding: 0 12px; 1107 padding: 0 12px;
1108 border: 1px solid #377d87; 1108 border: 1px solid #377d87;
1109 font-weight: 700; 1109 font-weight: 700;
1110 font-size: 12px; 1110 font-size: 12px;
1111 text-align: center; 1111 text-align: center;
1112 line-height: 1; 1112 line-height: 1;
1113 gap: 6px; 1113 gap: 6px;
1114 -webkit-transition: 0.3s; 1114 -webkit-transition: 0.3s;
1115 transition: 0.3s; 1115 transition: 0.3s;
1116 cursor: pointer; 1116 cursor: pointer;
1117 } 1117 }
1118 @media (min-width: 768px) { 1118 @media (min-width: 768px) {
1119 .button { 1119 .button {
1120 padding: 0 24px; 1120 padding: 0 24px;
1121 font-size: 16px; 1121 font-size: 16px;
1122 height: 44px; 1122 height: 44px;
1123 gap: 12px; 1123 gap: 12px;
1124 } 1124 }
1125 } 1125 }
1126 @media (min-width: 992px) { 1126 @media (min-width: 992px) {
1127 .button { 1127 .button {
1128 padding: 0 36px; 1128 padding: 0 36px;
1129 } 1129 }
1130 } 1130 }
1131 .button:hover { 1131 .button:hover {
1132 background: transparent; 1132 background: transparent;
1133 color: #377d87; 1133 color: #377d87;
1134 } 1134 }
1135 .button img, 1135 .button img,
1136 .button svg { 1136 .button svg {
1137 width: 12px; 1137 width: 12px;
1138 height: 12px; 1138 height: 12px;
1139 } 1139 }
1140 @media (min-width: 768px) { 1140 @media (min-width: 768px) {
1141 .button img, 1141 .button img,
1142 .button svg { 1142 .button svg {
1143 width: 18px; 1143 width: 18px;
1144 height: 18px; 1144 height: 18px;
1145 } 1145 }
1146 } 1146 }
1147 .button_more span + span { 1147 .button_more span + span {
1148 display: none; 1148 display: none;
1149 } 1149 }
1150 .button_more.active span { 1150 .button_more.active span {
1151 display: none; 1151 display: none;
1152 } 1152 }
1153 .button_more.active span + span { 1153 .button_more.active span + span {
1154 display: block; 1154 display: block;
1155 } 1155 }
1156 .button_light { 1156 .button_light {
1157 background: transparent; 1157 background: transparent;
1158 color: #377d87; 1158 color: #377d87;
1159 } 1159 }
1160 .button_light:hover { 1160 .button_light:hover {
1161 background: #377d87; 1161 background: #377d87;
1162 color: #fff; 1162 color: #fff;
1163 } 1163 }
1164 .button_whited { 1164 .button_whited {
1165 background: #fff; 1165 background: #fff;
1166 color: #377d87; 1166 color: #377d87;
1167 border-color: #fff; 1167 border-color: #fff;
1168 } 1168 }
1169 .button_whited:hover { 1169 .button_whited:hover {
1170 background: #377d87; 1170 background: #377d87;
1171 color: #fff; 1171 color: #fff;
1172 } 1172 }
1173 1173
1174 .search { 1174 .search {
1175 width: 100%; 1175 width: 100%;
1176 position: relative; 1176 position: relative;
1177 background: #fff; 1177 background: #fff;
1178 border-radius: 8px; 1178 border-radius: 8px;
1179 } 1179 }
1180 .search span { 1180 .search span {
1181 display: none; 1181 display: none;
1182 height: 28px; 1182 height: 28px;
1183 -webkit-box-align: center; 1183 -webkit-box-align: center;
1184 -ms-flex-align: center; 1184 -ms-flex-align: center;
1185 align-items: center; 1185 align-items: center;
1186 padding-right: 12px; 1186 padding-right: 12px;
1187 z-index: 1; 1187 z-index: 1;
1188 position: absolute; 1188 position: absolute;
1189 top: 50%; 1189 top: 50%;
1190 left: 15px; 1190 left: 15px;
1191 margin-top: -14px; 1191 margin-top: -14px;
1192 } 1192 }
1193 @media (min-width: 768px) { 1193 @media (min-width: 768px) {
1194 .search span { 1194 .search span {
1195 display: -webkit-box; 1195 display: -webkit-box;
1196 display: -ms-flexbox; 1196 display: -ms-flexbox;
1197 display: flex; 1197 display: flex;
1198 } 1198 }
1199 } 1199 }
1200 .search span:after { 1200 .search span:after {
1201 content: ""; 1201 content: "";
1202 width: 1px; 1202 width: 1px;
1203 height: 100%; 1203 height: 100%;
1204 border-radius: 999px; 1204 border-radius: 999px;
1205 position: absolute; 1205 position: absolute;
1206 top: 0; 1206 top: 0;
1207 right: 0; 1207 right: 0;
1208 background: #cecece; 1208 background: #cecece;
1209 } 1209 }
1210 .search span svg { 1210 .search span svg {
1211 color: #9c9d9d; 1211 color: #9c9d9d;
1212 width: 20px; 1212 width: 20px;
1213 height: 20px; 1213 height: 20px;
1214 } 1214 }
1215 .search input { 1215 .search input {
1216 width: 100%; 1216 width: 100%;
1217 padding-right: 150px; 1217 padding-right: 150px;
1218 position: relative; 1218 position: relative;
1219 z-index: 2; 1219 z-index: 2;
1220 background: none; 1220 background: none;
1221 } 1221 }
1222 @media (min-width: 768px) { 1222 @media (min-width: 768px) {
1223 .search input { 1223 .search input {
1224 padding-left: 60px; 1224 padding-left: 60px;
1225 padding-right: 220px; 1225 padding-right: 220px;
1226 } 1226 }
1227 } 1227 }
1228 .search button { 1228 .search button {
1229 width: 140px; 1229 width: 140px;
1230 position: absolute; 1230 position: absolute;
1231 padding: 0; 1231 padding: 0;
1232 top: 0; 1232 top: 0;
1233 right: 0; 1233 right: 0;
1234 z-index: 3; 1234 z-index: 3;
1235 } 1235 }
1236 @media (min-width: 768px) { 1236 @media (min-width: 768px) {
1237 .search button { 1237 .search button {
1238 width: 200px; 1238 width: 200px;
1239 } 1239 }
1240 } 1240 }
1241 1241
1242 .breadcrumbs { 1242 .breadcrumbs {
1243 display: -webkit-box; 1243 display: -webkit-box;
1244 display: -ms-flexbox; 1244 display: -ms-flexbox;
1245 display: flex; 1245 display: flex;
1246 -webkit-box-align: center; 1246 -webkit-box-align: center;
1247 -ms-flex-align: center; 1247 -ms-flex-align: center;
1248 align-items: center; 1248 align-items: center;
1249 -ms-flex-wrap: wrap; 1249 -ms-flex-wrap: wrap;
1250 flex-wrap: wrap; 1250 flex-wrap: wrap;
1251 gap: 12px 6px; 1251 gap: 12px 6px;
1252 margin: 0; 1252 margin: 0;
1253 padding: 0; 1253 padding: 0;
1254 font-size: 11px; 1254 font-size: 11px;
1255 color: #cecece; 1255 color: #cecece;
1256 line-height: 1; 1256 line-height: 1;
1257 } 1257 }
1258 @media (min-width: 992px) { 1258 @media (min-width: 992px) {
1259 .breadcrumbs { 1259 .breadcrumbs {
1260 font-size: 13px; 1260 font-size: 13px;
1261 } 1261 }
1262 } 1262 }
1263 @media (min-width: 1280px) { 1263 @media (min-width: 1280px) {
1264 .breadcrumbs { 1264 .breadcrumbs {
1265 font-size: 16px; 1265 font-size: 16px;
1266 } 1266 }
1267 } 1267 }
1268 .breadcrumbs li { 1268 .breadcrumbs li {
1269 display: -webkit-box; 1269 display: -webkit-box;
1270 display: -ms-flexbox; 1270 display: -ms-flexbox;
1271 display: flex; 1271 display: flex;
1272 -webkit-box-align: center; 1272 -webkit-box-align: center;
1273 -ms-flex-align: center; 1273 -ms-flex-align: center;
1274 align-items: center; 1274 align-items: center;
1275 gap: 6px; 1275 gap: 6px;
1276 } 1276 }
1277 .breadcrumbs li:before { 1277 .breadcrumbs li:before {
1278 content: ""; 1278 content: "";
1279 width: 4px; 1279 width: 4px;
1280 height: 4px; 1280 height: 4px;
1281 background: #cecece; 1281 background: #cecece;
1282 border-radius: 999px; 1282 border-radius: 999px;
1283 position: relative; 1283 position: relative;
1284 top: -1px; 1284 top: -1px;
1285 } 1285 }
1286 .breadcrumbs li:first-child:before { 1286 .breadcrumbs li:first-child:before {
1287 display: none; 1287 display: none;
1288 } 1288 }
1289 .breadcrumbs li:last-child:before { 1289 .breadcrumbs li:last-child:before {
1290 background: #377d87; 1290 background: #377d87;
1291 } 1291 }
1292 .breadcrumbs a:hover { 1292 .breadcrumbs a:hover {
1293 color: #377d87; 1293 color: #377d87;
1294 } 1294 }
1295 .breadcrumbs b { 1295 .breadcrumbs b {
1296 color: #377d87; 1296 color: #377d87;
1297 font-weight: 700; 1297 font-weight: 700;
1298 } 1298 }
1299 1299
1300 .pagination { 1300 .pagination {
1301 display: -webkit-box; 1301 display: -webkit-box;
1302 display: -ms-flexbox; 1302 display: -ms-flexbox;
1303 display: flex; 1303 display: flex;
1304 -webkit-box-align: center; 1304 -webkit-box-align: center;
1305 -ms-flex-align: center; 1305 -ms-flex-align: center;
1306 align-items: center; 1306 align-items: center;
1307 -webkit-box-pack: center; 1307 -webkit-box-pack: center;
1308 -ms-flex-pack: center; 1308 -ms-flex-pack: center;
1309 justify-content: center; 1309 justify-content: center;
1310 -ms-flex-wrap: wrap; 1310 -ms-flex-wrap: wrap;
1311 flex-wrap: wrap; 1311 flex-wrap: wrap;
1312 line-height: 1; 1312 line-height: 1;
1313 color: #000; 1313 color: #000;
1314 font-size: 12px; 1314 font-size: 12px;
1315 margin: 0 auto; 1315 margin: 0 auto;
1316 } 1316 }
1317 @media (min-width: 768px) { 1317 @media (min-width: 768px) {
1318 .pagination { 1318 .pagination {
1319 font-size: 14px; 1319 font-size: 14px;
1320 gap: 3px; 1320 gap: 3px;
1321 } 1321 }
1322 } 1322 }
1323 .pagination__item { 1323 .pagination__item {
1324 width: 40px; 1324 width: 40px;
1325 height: 40px; 1325 height: 40px;
1326 display: -webkit-box; 1326 display: -webkit-box;
1327 display: -ms-flexbox; 1327 display: -ms-flexbox;
1328 display: flex; 1328 display: flex;
1329 -webkit-box-pack: center; 1329 -webkit-box-pack: center;
1330 -ms-flex-pack: center; 1330 -ms-flex-pack: center;
1331 justify-content: center; 1331 justify-content: center;
1332 -webkit-box-align: center; 1332 -webkit-box-align: center;
1333 -ms-flex-align: center; 1333 -ms-flex-align: center;
1334 align-items: center; 1334 align-items: center;
1335 background: none; 1335 background: none;
1336 padding: 0; 1336 padding: 0;
1337 border: 1px solid transparent; 1337 border: 1px solid transparent;
1338 border-radius: 8px; 1338 border-radius: 8px;
1339 } 1339 }
1340 .pagination__item:hover { 1340 .pagination__item:hover {
1341 -webkit-transition: 0s; 1341 -webkit-transition: 0s;
1342 transition: 0s; 1342 transition: 0s;
1343 color: #377d87; 1343 color: #377d87;
1344 font-weight: 700; 1344 font-weight: 700;
1345 } 1345 }
1346 .pagination__item.active { 1346 .pagination__item.active {
1347 font-weight: 700; 1347 font-weight: 700;
1348 color: #fff; 1348 color: #fff;
1349 background: #377d87; 1349 background: #377d87;
1350 border-color: #377d87; 1350 border-color: #377d87;
1351 } 1351 }
1352 .pagination__dots { 1352 .pagination__dots {
1353 width: 40px; 1353 width: 40px;
1354 height: 40px; 1354 height: 40px;
1355 display: -webkit-box; 1355 display: -webkit-box;
1356 display: -ms-flexbox; 1356 display: -ms-flexbox;
1357 display: flex; 1357 display: flex;
1358 -webkit-box-pack: center; 1358 -webkit-box-pack: center;
1359 -ms-flex-pack: center; 1359 -ms-flex-pack: center;
1360 justify-content: center; 1360 justify-content: center;
1361 -webkit-box-align: center; 1361 -webkit-box-align: center;
1362 -ms-flex-align: center; 1362 -ms-flex-align: center;
1363 align-items: center; 1363 align-items: center;
1364 } 1364 }
1365 .pagination__dots svg { 1365 .pagination__dots svg {
1366 width: 15px; 1366 width: 15px;
1367 height: 15px; 1367 height: 15px;
1368 } 1368 }
1369 .pagination__nav { 1369 .pagination__nav {
1370 width: 40px; 1370 width: 40px;
1371 height: 40px; 1371 height: 40px;
1372 display: none; 1372 display: none;
1373 -webkit-box-pack: center; 1373 -webkit-box-pack: center;
1374 -ms-flex-pack: center; 1374 -ms-flex-pack: center;
1375 justify-content: center; 1375 justify-content: center;
1376 -webkit-box-align: center; 1376 -webkit-box-align: center;
1377 -ms-flex-align: center; 1377 -ms-flex-align: center;
1378 align-items: center; 1378 align-items: center;
1379 background: none; 1379 background: none;
1380 padding: 0; 1380 padding: 0;
1381 border: 1px solid #cddee1; 1381 border: 1px solid #cddee1;
1382 color: #377d87; 1382 color: #377d87;
1383 border-radius: 8px; 1383 border-radius: 8px;
1384 } 1384 }
1385 @media (min-width: 768px) { 1385 @media (min-width: 768px) {
1386 .pagination__nav { 1386 .pagination__nav {
1387 display: -webkit-box; 1387 display: -webkit-box;
1388 display: -ms-flexbox; 1388 display: -ms-flexbox;
1389 display: flex; 1389 display: flex;
1390 } 1390 }
1391 } 1391 }
1392 .pagination__nav:hover { 1392 .pagination__nav:hover {
1393 border-color: #377d87; 1393 border-color: #377d87;
1394 background: #377d87; 1394 background: #377d87;
1395 color: #fff; 1395 color: #fff;
1396 } 1396 }
1397 .pagination__nav svg { 1397 .pagination__nav svg {
1398 width: 10px; 1398 width: 10px;
1399 height: 10px; 1399 height: 10px;
1400 } 1400 }
1401 .pagination__nav_prev { 1401 .pagination__nav_prev {
1402 margin-right: 37px; 1402 margin-right: 37px;
1403 } 1403 }
1404 .pagination__nav_prev svg { 1404 .pagination__nav_prev svg {
1405 -webkit-transform: rotate(180deg); 1405 -webkit-transform: rotate(180deg);
1406 -ms-transform: rotate(180deg); 1406 -ms-transform: rotate(180deg);
1407 transform: rotate(180deg); 1407 transform: rotate(180deg);
1408 } 1408 }
1409 .pagination__nav_next { 1409 .pagination__nav_next {
1410 margin-left: 37px; 1410 margin-left: 37px;
1411 } 1411 }
1412 1412
1413 .filters { 1413 .filters {
1414 display: -webkit-box; 1414 display: -webkit-box;
1415 display: -ms-flexbox; 1415 display: -ms-flexbox;
1416 display: flex; 1416 display: flex;
1417 -webkit-box-orient: vertical; 1417 -webkit-box-orient: vertical;
1418 -webkit-box-direction: normal; 1418 -webkit-box-direction: normal;
1419 -ms-flex-direction: column; 1419 -ms-flex-direction: column;
1420 flex-direction: column; 1420 flex-direction: column;
1421 gap: 10px; 1421 gap: 10px;
1422 } 1422 }
1423 @media (min-width: 768px) { 1423 @media (min-width: 768px) {
1424 .filters { 1424 .filters {
1425 -webkit-box-orient: horizontal; 1425 -webkit-box-orient: horizontal;
1426 -webkit-box-direction: normal; 1426 -webkit-box-direction: normal;
1427 -ms-flex-direction: row; 1427 -ms-flex-direction: row;
1428 flex-direction: row; 1428 flex-direction: row;
1429 -webkit-box-align: center; 1429 -webkit-box-align: center;
1430 -ms-flex-align: center; 1430 -ms-flex-align: center;
1431 align-items: center; 1431 align-items: center;
1432 -webkit-box-pack: justify; 1432 -webkit-box-pack: justify;
1433 -ms-flex-pack: justify; 1433 -ms-flex-pack: justify;
1434 justify-content: space-between; 1434 justify-content: space-between;
1435 } 1435 }
1436 } 1436 }
1437 .filters__label { 1437 .filters__label {
1438 color: #377d87; 1438 color: #377d87;
1439 font-size: 12px; 1439 font-size: 12px;
1440 font-weight: 700; 1440 font-weight: 700;
1441 } 1441 }
1442 @media (min-width: 768px) { 1442 @media (min-width: 768px) {
1443 .filters__label { 1443 .filters__label {
1444 font-size: 16px; 1444 font-size: 16px;
1445 } 1445 }
1446 } 1446 }
1447 @media (min-width: 992px) { 1447 @media (min-width: 992px) {
1448 .filters__label { 1448 .filters__label {
1449 font-size: 18px; 1449 font-size: 18px;
1450 } 1450 }
1451 } 1451 }
1452 .filters__body { 1452 .filters__body {
1453 display: -webkit-box; 1453 display: -webkit-box;
1454 display: -ms-flexbox; 1454 display: -ms-flexbox;
1455 display: flex; 1455 display: flex;
1456 -webkit-box-orient: vertical; 1456 -webkit-box-orient: vertical;
1457 -webkit-box-direction: normal; 1457 -webkit-box-direction: normal;
1458 -ms-flex-direction: column; 1458 -ms-flex-direction: column;
1459 flex-direction: column; 1459 flex-direction: column;
1460 } 1460 }
1461 @media (min-width: 768px) { 1461 @media (min-width: 768px) {
1462 .filters__body { 1462 .filters__body {
1463 -webkit-box-orient: horizontal; 1463 -webkit-box-orient: horizontal;
1464 -webkit-box-direction: normal; 1464 -webkit-box-direction: normal;
1465 -ms-flex-direction: row; 1465 -ms-flex-direction: row;
1466 flex-direction: row; 1466 flex-direction: row;
1467 -webkit-box-align: center; 1467 -webkit-box-align: center;
1468 -ms-flex-align: center; 1468 -ms-flex-align: center;
1469 align-items: center; 1469 align-items: center;
1470 } 1470 }
1471 } 1471 }
1472 @media (min-width: 768px) { 1472 @media (min-width: 768px) {
1473 .filters__select { 1473 .filters__select {
1474 width: 250px; 1474 width: 250px;
1475 } 1475 }
1476 } 1476 }
1477 @media (min-width: 992px) { 1477 @media (min-width: 992px) {
1478 .filters__select { 1478 .filters__select {
1479 width: 310px; 1479 width: 310px;
1480 } 1480 }
1481 } 1481 }
1482 .filters__item { 1482 .filters__item {
1483 display: none; 1483 display: none;
1484 -webkit-box-pack: center; 1484 -webkit-box-pack: center;
1485 -ms-flex-pack: center; 1485 -ms-flex-pack: center;
1486 justify-content: center; 1486 justify-content: center;
1487 -webkit-box-align: center; 1487 -webkit-box-align: center;
1488 -ms-flex-align: center; 1488 -ms-flex-align: center;
1489 align-items: center; 1489 align-items: center;
1490 width: 50px; 1490 width: 50px;
1491 height: 50px; 1491 height: 50px;
1492 padding: 0; 1492 padding: 0;
1493 background: #fff; 1493 background: #fff;
1494 border: 1px solid #377d87; 1494 border: 1px solid #377d87;
1495 color: #377d87; 1495 color: #377d87;
1496 border-radius: 8px; 1496 border-radius: 8px;
1497 margin-left: 20px; 1497 margin-left: 20px;
1498 } 1498 }
1499 @media (min-width: 768px) { 1499 @media (min-width: 768px) {
1500 .filters__item { 1500 .filters__item {
1501 display: -webkit-box; 1501 display: -webkit-box;
1502 display: -ms-flexbox; 1502 display: -ms-flexbox;
1503 display: flex; 1503 display: flex;
1504 } 1504 }
1505 } 1505 }
1506 .filters__item svg { 1506 .filters__item svg {
1507 width: 24px; 1507 width: 24px;
1508 height: 24px; 1508 height: 24px;
1509 } 1509 }
1510 .filters__item.active { 1510 .filters__item.active {
1511 background: #377d87; 1511 background: #377d87;
1512 color: #fff; 1512 color: #fff;
1513 } 1513 }
1514 .filters__item + .filters__item { 1514 .filters__item + .filters__item {
1515 margin-left: 8px; 1515 margin-left: 8px;
1516 } 1516 }
1517 1517
1518 .like, 1518 .like,
1519 .chat { 1519 .chat {
1520 width: 30px; 1520 width: 30px;
1521 height: 30px; 1521 height: 30px;
1522 display: -webkit-box; 1522 display: -webkit-box;
1523 display: -ms-flexbox; 1523 display: -ms-flexbox;
1524 display: flex; 1524 display: flex;
1525 -webkit-box-pack: center; 1525 -webkit-box-pack: center;
1526 -ms-flex-pack: center; 1526 -ms-flex-pack: center;
1527 justify-content: center; 1527 justify-content: center;
1528 -webkit-box-align: center; 1528 -webkit-box-align: center;
1529 -ms-flex-align: center; 1529 -ms-flex-align: center;
1530 align-items: center; 1530 align-items: center;
1531 background: none; 1531 background: none;
1532 border: 1px solid #377d87; 1532 border: 1px solid #377d87;
1533 padding: 0; 1533 padding: 0;
1534 color: #377d87; 1534 color: #377d87;
1535 border-radius: 6px; 1535 border-radius: 6px;
1536 } 1536 }
1537 @media (min-width: 768px) { 1537 @media (min-width: 768px) {
1538 .like, 1538 .like,
1539 .chat { 1539 .chat {
1540 width: 44px; 1540 width: 44px;
1541 height: 44px; 1541 height: 44px;
1542 } 1542 }
1543 } 1543 }
1544 .like.active, 1544 .like.active,
1545 .chat.active { 1545 .chat.active {
1546 background: #377d87; 1546 background: #377d87;
1547 color: #fff; 1547 color: #fff;
1548 } 1548 }
1549 .like svg, 1549 .like svg,
1550 .chat svg { 1550 .chat svg {
1551 width: 14px; 1551 width: 14px;
1552 height: 14px; 1552 height: 14px;
1553 } 1553 }
1554 @media (min-width: 768px) { 1554 @media (min-width: 768px) {
1555 .like svg, 1555 .like svg,
1556 .chat svg { 1556 .chat svg {
1557 width: 20px; 1557 width: 20px;
1558 height: 20px; 1558 height: 20px;
1559 } 1559 }
1560 } 1560 }
1561 1561
1562 .like.active { 1562 .like.active {
1563 background: #eb5757; 1563 background: #eb5757;
1564 border-color: #eb5757; 1564 border-color: #eb5757;
1565 } 1565 }
1566 1566
1567 .checkbox { 1567 .checkbox {
1568 display: -webkit-box; 1568 display: -webkit-box;
1569 display: -ms-flexbox; 1569 display: -ms-flexbox;
1570 display: flex; 1570 display: flex;
1571 -webkit-box-align: start; 1571 -webkit-box-align: start;
1572 -ms-flex-align: start; 1572 -ms-flex-align: start;
1573 align-items: flex-start; 1573 align-items: flex-start;
1574 cursor: pointer; 1574 cursor: pointer;
1575 position: relative; 1575 position: relative;
1576 } 1576 }
1577 .checkbox__input { 1577 .checkbox__input {
1578 position: absolute; 1578 position: absolute;
1579 z-index: 1; 1579 z-index: 1;
1580 width: 14px; 1580 width: 14px;
1581 height: 14px; 1581 height: 14px;
1582 padding: 0; 1582 padding: 0;
1583 background: none; 1583 background: none;
1584 border: none; 1584 border: none;
1585 opacity: 0; 1585 opacity: 0;
1586 } 1586 }
1587 @media (min-width: 768px) { 1587 @media (min-width: 768px) {
1588 .checkbox__input { 1588 .checkbox__input {
1589 width: 20px; 1589 width: 20px;
1590 height: 20px; 1590 height: 20px;
1591 } 1591 }
1592 } 1592 }
1593 .checkbox__icon { 1593 .checkbox__icon {
1594 width: 14px; 1594 width: 14px;
1595 height: 14px; 1595 height: 14px;
1596 border: 1px solid #cfcfcf; 1596 border: 1px solid #cfcfcf;
1597 background: #fff; 1597 background: #fff;
1598 color: #fff; 1598 color: #fff;
1599 display: -webkit-box; 1599 display: -webkit-box;
1600 display: -ms-flexbox; 1600 display: -ms-flexbox;
1601 display: flex; 1601 display: flex;
1602 -webkit-box-pack: center; 1602 -webkit-box-pack: center;
1603 -ms-flex-pack: center; 1603 -ms-flex-pack: center;
1604 justify-content: center; 1604 justify-content: center;
1605 -webkit-box-align: center; 1605 -webkit-box-align: center;
1606 -ms-flex-align: center; 1606 -ms-flex-align: center;
1607 align-items: center; 1607 align-items: center;
1608 border-radius: 4px; 1608 border-radius: 4px;
1609 -webkit-transition: 0.3s; 1609 -webkit-transition: 0.3s;
1610 transition: 0.3s; 1610 transition: 0.3s;
1611 position: relative; 1611 position: relative;
1612 z-index: 2; 1612 z-index: 2;
1613 } 1613 }
1614 @media (min-width: 768px) { 1614 @media (min-width: 768px) {
1615 .checkbox__icon { 1615 .checkbox__icon {
1616 width: 20px; 1616 width: 20px;
1617 height: 20px; 1617 height: 20px;
1618 } 1618 }
1619 } 1619 }
1620 .checkbox__icon svg { 1620 .checkbox__icon svg {
1621 width: 8px; 1621 width: 8px;
1622 height: 8px; 1622 height: 8px;
1623 opacity: 0; 1623 opacity: 0;
1624 } 1624 }
1625 @media (min-width: 768px) { 1625 @media (min-width: 768px) {
1626 .checkbox__icon svg { 1626 .checkbox__icon svg {
1627 width: 10px; 1627 width: 10px;
1628 height: 10px; 1628 height: 10px;
1629 } 1629 }
1630 } 1630 }
1631 .checkbox__input:checked + .checkbox__icon { 1631 .checkbox__input:checked + .checkbox__icon {
1632 border-color: #377d87; 1632 border-color: #377d87;
1633 background: #377d87; 1633 background: #377d87;
1634 } 1634 }
1635 .checkbox__input:checked + .checkbox__icon svg { 1635 .checkbox__input:checked + .checkbox__icon svg {
1636 opacity: 1; 1636 opacity: 1;
1637 } 1637 }
1638 .checkbox__text { 1638 .checkbox__text {
1639 width: calc(100% - 14px); 1639 width: calc(100% - 14px);
1640 padding-left: 6px; 1640 padding-left: 6px;
1641 font-size: 12px; 1641 font-size: 12px;
1642 line-height: 1; 1642 line-height: 1;
1643 display: -webkit-box; 1643 display: -webkit-box;
1644 display: -ms-flexbox; 1644 display: -ms-flexbox;
1645 display: flex; 1645 display: flex;
1646 -webkit-box-align: center; 1646 -webkit-box-align: center;
1647 -ms-flex-align: center; 1647 -ms-flex-align: center;
1648 align-items: center; 1648 align-items: center;
1649 min-height: 14px; 1649 min-height: 14px;
1650 } 1650 }
1651 @media (min-width: 768px) { 1651 @media (min-width: 768px) {
1652 .checkbox__text { 1652 .checkbox__text {
1653 width: calc(100% - 20px); 1653 width: calc(100% - 20px);
1654 padding-left: 12px; 1654 padding-left: 12px;
1655 font-size: 15px; 1655 font-size: 15px;
1656 min-height: 20px; 1656 min-height: 20px;
1657 } 1657 }
1658 } 1658 }
1659 .checkbox__text a { 1659 .checkbox__text a {
1660 color: #377d87; 1660 color: #377d87;
1661 text-decoration: underline; 1661 text-decoration: underline;
1662 } 1662 }
1663 1663
1664 .file { 1664 .file {
1665 display: -webkit-box; 1665 display: -webkit-box;
1666 display: -ms-flexbox; 1666 display: -ms-flexbox;
1667 display: flex; 1667 display: flex;
1668 -webkit-box-orient: vertical; 1668 -webkit-box-orient: vertical;
1669 -webkit-box-direction: normal; 1669 -webkit-box-direction: normal;
1670 -ms-flex-direction: column; 1670 -ms-flex-direction: column;
1671 flex-direction: column; 1671 flex-direction: column;
1672 } 1672 }
1673 .file__input input { 1673 .file__input input {
1674 display: none; 1674 display: none;
1675 } 1675 }
1676 .file__list { 1676 .file__list {
1677 display: -webkit-box; 1677 display: -webkit-box;
1678 display: -ms-flexbox; 1678 display: -ms-flexbox;
1679 display: flex; 1679 display: flex;
1680 -webkit-box-orient: vertical; 1680 -webkit-box-orient: vertical;
1681 -webkit-box-direction: normal; 1681 -webkit-box-direction: normal;
1682 -ms-flex-direction: column; 1682 -ms-flex-direction: column;
1683 flex-direction: column; 1683 flex-direction: column;
1684 } 1684 }
1685 .file__list-item { 1685 .file__list-item {
1686 display: -webkit-box; 1686 display: -webkit-box;
1687 display: -ms-flexbox; 1687 display: -ms-flexbox;
1688 display: flex; 1688 display: flex;
1689 -webkit-box-align: start; 1689 -webkit-box-align: start;
1690 -ms-flex-align: start; 1690 -ms-flex-align: start;
1691 align-items: flex-start; 1691 align-items: flex-start;
1692 margin-top: 16px; 1692 margin-top: 16px;
1693 } 1693 }
1694 .file__list-item-left { 1694 .file__list-item-left {
1695 width: calc(100% - 16px); 1695 width: calc(100% - 16px);
1696 min-height: 16px; 1696 min-height: 16px;
1697 color: #9c9d9d; 1697 color: #9c9d9d;
1698 font-size: 12px; 1698 font-size: 12px;
1699 display: -webkit-box; 1699 display: -webkit-box;
1700 display: -ms-flexbox; 1700 display: -ms-flexbox;
1701 display: flex; 1701 display: flex;
1702 -webkit-box-align: start; 1702 -webkit-box-align: start;
1703 -ms-flex-align: start; 1703 -ms-flex-align: start;
1704 align-items: flex-start; 1704 align-items: flex-start;
1705 } 1705 }
1706 @media (min-width: 768px) { 1706 @media (min-width: 768px) {
1707 .file__list-item-left { 1707 .file__list-item-left {
1708 width: auto; 1708 width: auto;
1709 max-width: calc(100% - 16px); 1709 max-width: calc(100% - 16px);
1710 font-size: 16px; 1710 font-size: 16px;
1711 } 1711 }
1712 } 1712 }
1713 .file__list-item-left svg { 1713 .file__list-item-left svg {
1714 width: 16px; 1714 width: 16px;
1715 height: 16px; 1715 height: 16px;
1716 } 1716 }
1717 .file__list-item-left span { 1717 .file__list-item-left span {
1718 width: calc(100% - 16px); 1718 width: calc(100% - 16px);
1719 min-height: 16px; 1719 min-height: 16px;
1720 display: -webkit-box; 1720 display: -webkit-box;
1721 display: -ms-flexbox; 1721 display: -ms-flexbox;
1722 display: flex; 1722 display: flex;
1723 -webkit-box-align: center; 1723 -webkit-box-align: center;
1724 -ms-flex-align: center; 1724 -ms-flex-align: center;
1725 align-items: center; 1725 align-items: center;
1726 padding: 0 8px; 1726 padding: 0 8px;
1727 } 1727 }
1728 .file__list-item-right { 1728 .file__list-item-right {
1729 display: -webkit-box; 1729 display: -webkit-box;
1730 display: -ms-flexbox; 1730 display: -ms-flexbox;
1731 display: flex; 1731 display: flex;
1732 -webkit-box-pack: center; 1732 -webkit-box-pack: center;
1733 -ms-flex-pack: center; 1733 -ms-flex-pack: center;
1734 justify-content: center; 1734 justify-content: center;
1735 -webkit-box-align: center; 1735 -webkit-box-align: center;
1736 -ms-flex-align: center; 1736 -ms-flex-align: center;
1737 align-items: center; 1737 align-items: center;
1738 padding: 0; 1738 padding: 0;
1739 background: none; 1739 background: none;
1740 border: none; 1740 border: none;
1741 width: 16px; 1741 width: 16px;
1742 height: 16px; 1742 height: 16px;
1743 color: #377d87; 1743 color: #377d87;
1744 } 1744 }
1745 .file__list-item-right:hover { 1745 .file__list-item-right:hover {
1746 color: #000; 1746 color: #000;
1747 } 1747 }
1748 .file__list-item-right svg { 1748 .file__list-item-right svg {
1749 width: 10px; 1749 width: 10px;
1750 height: 10px; 1750 height: 10px;
1751 } 1751 }
1752 .file__list-item + .file__list-item { 1752 .file__list-item + .file__list-item {
1753 margin-top: 10px; 1753 margin-top: 10px;
1754 } 1754 }
1755 1755
1756 .rate { 1756 .rate {
1757 display: -webkit-box; 1757 display: -webkit-box;
1758 display: -ms-flexbox; 1758 display: -ms-flexbox;
1759 display: flex; 1759 display: flex;
1760 -webkit-box-align: center; 1760 -webkit-box-align: center;
1761 -ms-flex-align: center; 1761 -ms-flex-align: center;
1762 align-items: center; 1762 align-items: center;
1763 gap: 10px; 1763 gap: 10px;
1764 } 1764 }
1765 @media (min-width: 768px) { 1765 @media (min-width: 768px) {
1766 .rate { 1766 .rate {
1767 gap: 20px; 1767 gap: 20px;
1768 } 1768 }
1769 } 1769 }
1770 .rate__label { 1770 .rate__label {
1771 font-size: 12px; 1771 font-size: 12px;
1772 font-weight: 700; 1772 font-weight: 700;
1773 line-height: 1; 1773 line-height: 1;
1774 } 1774 }
1775 @media (min-width: 768px) { 1775 @media (min-width: 768px) {
1776 .rate__label { 1776 .rate__label {
1777 font-size: 18px; 1777 font-size: 18px;
1778 } 1778 }
1779 } 1779 }
1780 .rate__stars { 1780 .rate__stars {
1781 display: -webkit-box; 1781 display: -webkit-box;
1782 display: -ms-flexbox; 1782 display: -ms-flexbox;
1783 display: flex; 1783 display: flex;
1784 -webkit-box-orient: vertical; 1784 -webkit-box-orient: vertical;
1785 -webkit-box-direction: normal; 1785 -webkit-box-direction: normal;
1786 -ms-flex-direction: column; 1786 -ms-flex-direction: column;
1787 flex-direction: column; 1787 flex-direction: column;
1788 } 1788 }
1789 1789
1790 .back { 1790 .back {
1791 display: -webkit-box; 1791 display: -webkit-box;
1792 display: -ms-flexbox; 1792 display: -ms-flexbox;
1793 display: flex; 1793 display: flex;
1794 -webkit-box-align: center; 1794 -webkit-box-align: center;
1795 -ms-flex-align: center; 1795 -ms-flex-align: center;
1796 align-items: center; 1796 align-items: center;
1797 font-size: 14px; 1797 font-size: 14px;
1798 color: #377d87; 1798 color: #377d87;
1799 font-weight: 700; 1799 font-weight: 700;
1800 } 1800 }
1801 @media (min-width: 768px) { 1801 @media (min-width: 768px) {
1802 .back { 1802 .back {
1803 font-size: 18px; 1803 font-size: 18px;
1804 } 1804 }
1805 } 1805 }
1806 .back:hover { 1806 .back:hover {
1807 color: #4d88d9; 1807 color: #4d88d9;
1808 } 1808 }
1809 .back svg { 1809 .back svg {
1810 width: 16px; 1810 width: 16px;
1811 height: 16px; 1811 height: 16px;
1812 } 1812 }
1813 @media (min-width: 768px) { 1813 @media (min-width: 768px) {
1814 .back svg { 1814 .back svg {
1815 width: 26px; 1815 width: 26px;
1816 height: 26px; 1816 height: 26px;
1817 } 1817 }
1818 } 1818 }
1819 .back span { 1819 .back span {
1820 width: calc(100% - 16px); 1820 width: calc(100% - 16px);
1821 padding-left: 10px; 1821 padding-left: 10px;
1822 } 1822 }
1823 @media (min-width: 768px) { 1823 @media (min-width: 768px) {
1824 .back span { 1824 .back span {
1825 width: calc(100% - 26px); 1825 width: calc(100% - 26px);
1826 padding-left: 20px; 1826 padding-left: 20px;
1827 } 1827 }
1828 } 1828 }
1829 1829
1830 .callback { 1830 .callback {
1831 display: -webkit-box; 1831 display: -webkit-box;
1832 display: -ms-flexbox; 1832 display: -ms-flexbox;
1833 display: flex; 1833 display: flex;
1834 -webkit-box-orient: vertical; 1834 -webkit-box-orient: vertical;
1835 -webkit-box-direction: normal; 1835 -webkit-box-direction: normal;
1836 -ms-flex-direction: column; 1836 -ms-flex-direction: column;
1837 flex-direction: column; 1837 flex-direction: column;
1838 gap: 16px; 1838 gap: 16px;
1839 } 1839 }
1840 @media (min-width: 992px) { 1840 @media (min-width: 992px) {
1841 .callback { 1841 .callback {
1842 -webkit-box-orient: horizontal; 1842 -webkit-box-orient: horizontal;
1843 -webkit-box-direction: normal; 1843 -webkit-box-direction: normal;
1844 -ms-flex-direction: row; 1844 -ms-flex-direction: row;
1845 flex-direction: row; 1845 flex-direction: row;
1846 -webkit-box-pack: justify; 1846 -webkit-box-pack: justify;
1847 -ms-flex-pack: justify; 1847 -ms-flex-pack: justify;
1848 justify-content: space-between; 1848 justify-content: space-between;
1849 -ms-flex-wrap: wrap; 1849 -ms-flex-wrap: wrap;
1850 flex-wrap: wrap; 1850 flex-wrap: wrap;
1851 gap: 20px 0; 1851 gap: 20px 0;
1852 } 1852 }
1853 } 1853 }
1854 .callback__body { 1854 .callback__body {
1855 display: -webkit-box; 1855 display: -webkit-box;
1856 display: -ms-flexbox; 1856 display: -ms-flexbox;
1857 display: flex; 1857 display: flex;
1858 -webkit-box-orient: vertical; 1858 -webkit-box-orient: vertical;
1859 -webkit-box-direction: normal; 1859 -webkit-box-direction: normal;
1860 -ms-flex-direction: column; 1860 -ms-flex-direction: column;
1861 flex-direction: column; 1861 flex-direction: column;
1862 gap: 16px; 1862 gap: 16px;
1863 } 1863 }
1864 @media (min-width: 992px) { 1864 @media (min-width: 992px) {
1865 .callback__body { 1865 .callback__body {
1866 width: calc(50% - 10px); 1866 width: calc(50% - 10px);
1867 gap: 10px; 1867 gap: 10px;
1868 } 1868 }
1869 } 1869 }
1870 @media (min-width: 992px) { 1870 @media (min-width: 992px) {
1871 .callback__textarea { 1871 .callback__textarea {
1872 width: calc(50% - 10px); 1872 width: calc(50% - 10px);
1873 height: auto; 1873 height: auto;
1874 } 1874 }
1875 } 1875 }
1876 .callback__bottom { 1876 .callback__bottom {
1877 display: -webkit-box; 1877 display: -webkit-box;
1878 display: -ms-flexbox; 1878 display: -ms-flexbox;
1879 display: flex; 1879 display: flex;
1880 -webkit-box-orient: vertical; 1880 -webkit-box-orient: vertical;
1881 -webkit-box-direction: normal; 1881 -webkit-box-direction: normal;
1882 -ms-flex-direction: column; 1882 -ms-flex-direction: column;
1883 flex-direction: column; 1883 flex-direction: column;
1884 gap: 16px; 1884 gap: 16px;
1885 } 1885 }
1886 @media (min-width: 768px) { 1886 @media (min-width: 768px) {
1887 .callback__bottom { 1887 .callback__bottom {
1888 -webkit-box-align: start; 1888 -webkit-box-align: start;
1889 -ms-flex-align: start; 1889 -ms-flex-align: start;
1890 align-items: flex-start; 1890 align-items: flex-start;
1891 } 1891 }
1892 } 1892 }
1893 @media (min-width: 992px) { 1893 @media (min-width: 992px) {
1894 .callback__bottom { 1894 .callback__bottom {
1895 width: 100%; 1895 width: 100%;
1896 gap: 20px; 1896 gap: 20px;
1897 } 1897 }
1898 } 1898 }
1899 1899
1900 .error .input, 1900 .error .input,
1901 .error .textarea { 1901 .error .textarea {
1902 border-color: #eb5757; 1902 border-color: #eb5757;
1903 } 1903 }
1904 .error label { 1904 .error label {
1905 display: block; 1905 display: block;
1906 } 1906 }
1907 1907
1908 .eye { 1908 .eye {
1909 position: absolute; 1909 position: absolute;
1910 z-index: 2; 1910 z-index: 2;
1911 top: 50%; 1911 top: 50%;
1912 -webkit-transform: translate(0, -50%); 1912 -webkit-transform: translate(0, -50%);
1913 -ms-transform: translate(0, -50%); 1913 -ms-transform: translate(0, -50%);
1914 transform: translate(0, -50%); 1914 transform: translate(0, -50%);
1915 right: 10px; 1915 right: 10px;
1916 aspect-ratio: 1/1; 1916 aspect-ratio: 1/1;
1917 width: 16px; 1917 width: 16px;
1918 padding: 0; 1918 padding: 0;
1919 border: none; 1919 border: none;
1920 background: none; 1920 background: none;
1921 color: #9c9d9d; 1921 color: #9c9d9d;
1922 } 1922 }
1923 @media (min-width: 768px) { 1923 @media (min-width: 768px) {
1924 .eye { 1924 .eye {
1925 width: 24px; 1925 width: 24px;
1926 right: 20px; 1926 right: 20px;
1927 } 1927 }
1928 } 1928 }
1929 .eye svg { 1929 .eye svg {
1930 position: absolute; 1930 position: absolute;
1931 top: 0; 1931 top: 0;
1932 left: 0; 1932 left: 0;
1933 width: 100%; 1933 width: 100%;
1934 height: 100%; 1934 height: 100%;
1935 } 1935 }
1936 .eye svg + svg { 1936 .eye svg + svg {
1937 display: none; 1937 display: none;
1938 } 1938 }
1939 .eye.active { 1939 .eye.active {
1940 color: #377d87; 1940 color: #377d87;
1941 } 1941 }
1942 .eye.active svg { 1942 .eye.active svg {
1943 display: none; 1943 display: none;
1944 } 1944 }
1945 .eye.active svg + svg { 1945 .eye.active svg + svg {
1946 display: block; 1946 display: block;
1947 } 1947 }
1948 1948
1949 .del { 1949 .del {
1950 width: 32px; 1950 width: 32px;
1951 aspect-ratio: 1/1; 1951 aspect-ratio: 1/1;
1952 background: #377d87; 1952 background: #377d87;
1953 color: #fff; 1953 color: #fff;
1954 display: -webkit-box; 1954 display: -webkit-box;
1955 display: -ms-flexbox; 1955 display: -ms-flexbox;
1956 display: flex; 1956 display: flex;
1957 -webkit-box-pack: center; 1957 -webkit-box-pack: center;
1958 -ms-flex-pack: center; 1958 -ms-flex-pack: center;
1959 justify-content: center; 1959 justify-content: center;
1960 -webkit-box-align: center; 1960 -webkit-box-align: center;
1961 -ms-flex-align: center; 1961 -ms-flex-align: center;
1962 align-items: center; 1962 align-items: center;
1963 border-radius: 8px; 1963 border-radius: 8px;
1964 padding: 0; 1964 padding: 0;
1965 border: 1px solid #377d87; 1965 border: 1px solid #377d87;
1966 } 1966 }
1967 .del:hover { 1967 .del:hover {
1968 background: #fff; 1968 background: #fff;
1969 color: #377d87; 1969 color: #377d87;
1970 } 1970 }
1971 .del svg { 1971 .del svg {
1972 width: 50%; 1972 width: 50%;
1973 aspect-ratio: 1/1; 1973 aspect-ratio: 1/1;
1974 } 1974 }
1975 1975
1976 .notify { 1976 .notify {
1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978 padding: 6px 12px; 1978 padding: 6px 12px;
1979 border-radius: 8px; 1979 border-radius: 8px;
1980 display: -webkit-box; 1980 display: -webkit-box;
1981 display: -ms-flexbox; 1981 display: -ms-flexbox;
1982 display: flex; 1982 display: flex;
1983 -webkit-box-align: start; 1983 -webkit-box-align: start;
1984 -ms-flex-align: start; 1984 -ms-flex-align: start;
1985 align-items: flex-start; 1985 align-items: flex-start;
1986 } 1986 }
1987 @media (min-width: 768px) { 1987 @media (min-width: 768px) {
1988 .notify { 1988 .notify {
1989 padding: 12px 20px; 1989 padding: 12px 20px;
1990 } 1990 }
1991 } 1991 }
1992 .notify_red { 1992 .notify_red {
1993 background: #f9cdcd; 1993 background: #f9cdcd;
1994 } 1994 }
1995 .notify svg { 1995 .notify svg {
1996 color: #4d88d9; 1996 color: #4d88d9;
1997 width: 20px; 1997 width: 20px;
1998 aspect-ratio: 1/1; 1998 aspect-ratio: 1/1;
1999 } 1999 }
2000 .notify span { 2000 .notify span {
2001 font-size: 12px; 2001 font-size: 12px;
2002 padding-left: 10px; 2002 padding-left: 10px;
2003 min-height: 20px; 2003 min-height: 20px;
2004 display: -webkit-box; 2004 display: -webkit-box;
2005 display: -ms-flexbox; 2005 display: -ms-flexbox;
2006 display: flex; 2006 display: flex;
2007 -webkit-box-align: center; 2007 -webkit-box-align: center;
2008 -ms-flex-align: center; 2008 -ms-flex-align: center;
2009 align-items: center; 2009 align-items: center;
2010 } 2010 }
2011 @media (min-width: 768px) { 2011 @media (min-width: 768px) {
2012 .notify span { 2012 .notify span {
2013 font-size: 16px; 2013 font-size: 16px;
2014 } 2014 }
2015 } 2015 }
2016 2016
2017 .table { 2017 .table {
2018 margin: 0 -10px; 2018 margin: 0 -10px;
2019 display: -webkit-box; 2019 display: -webkit-box;
2020 display: -ms-flexbox; 2020 display: -ms-flexbox;
2021 display: flex; 2021 display: flex;
2022 -webkit-box-orient: vertical; 2022 -webkit-box-orient: vertical;
2023 -webkit-box-direction: reverse; 2023 -webkit-box-direction: reverse;
2024 -ms-flex-direction: column-reverse; 2024 -ms-flex-direction: column-reverse;
2025 flex-direction: column-reverse; 2025 flex-direction: column-reverse;
2026 -webkit-box-align: center; 2026 -webkit-box-align: center;
2027 -ms-flex-align: center; 2027 -ms-flex-align: center;
2028 align-items: center; 2028 align-items: center;
2029 gap: 20px; 2029 gap: 20px;
2030 } 2030 }
2031 @media (min-width: 768px) { 2031 @media (min-width: 768px) {
2032 .table { 2032 .table {
2033 margin: 0; 2033 margin: 0;
2034 gap: 30px; 2034 gap: 30px;
2035 } 2035 }
2036 } 2036 }
2037 .table__button { 2037 .table__button {
2038 display: none; 2038 display: none;
2039 } 2039 }
2040 .table_spoiler .table__button { 2040 .table_spoiler .table__button {
2041 display: -webkit-box; 2041 display: -webkit-box;
2042 display: -ms-flexbox; 2042 display: -ms-flexbox;
2043 display: flex; 2043 display: flex;
2044 } 2044 }
2045 .table__scroll { 2045 .table__scroll {
2046 overflow: hidden; 2046 overflow: hidden;
2047 overflow-x: auto; 2047 overflow-x: auto;
2048 padding: 0 10px; 2048 padding: 0 10px;
2049 width: 100%; 2049 width: 100%;
2050 } 2050 }
2051 @media (min-width: 768px) { 2051 @media (min-width: 768px) {
2052 .table__scroll { 2052 .table__scroll {
2053 padding: 0; 2053 padding: 0;
2054 } 2054 }
2055 } 2055 }
2056 .table__body { 2056 .table__body {
2057 border-radius: 8px; 2057 border-radius: 8px;
2058 overflow: hidden; 2058 overflow: hidden;
2059 } 2059 }
2060 .table__body_min-width { 2060 .table__body_min-width {
2061 min-width: 580px; 2061 min-width: 580px;
2062 } 2062 }
2063 .table table { 2063 .table table {
2064 border-collapse: collapse; 2064 border-collapse: collapse;
2065 width: 100%; 2065 width: 100%;
2066 font-size: 12px; 2066 font-size: 12px;
2067 border-radius: 8px; 2067 border-radius: 8px;
2068 } 2068 }
2069 @media (min-width: 768px) { 2069 @media (min-width: 768px) {
2070 .table table { 2070 .table table {
2071 font-size: 14px; 2071 font-size: 14px;
2072 } 2072 }
2073 } 2073 }
2074 @media (min-width: 1280px) { 2074 @media (min-width: 1280px) {
2075 .table table { 2075 .table table {
2076 font-size: 16px; 2076 font-size: 16px;
2077 } 2077 }
2078 } 2078 }
2079 .table thead tr th, 2079 .table thead tr th,
2080 .table thead tr td { 2080 .table thead tr td {
2081 background: #377d87; 2081 background: #377d87;
2082 color: #fff; 2082 color: #fff;
2083 font-weight: 700; 2083 font-weight: 700;
2084 border-top-color: #377d87; 2084 border-top-color: #377d87;
2085 } 2085 }
2086 .table thead tr th:first-child, 2086 .table thead tr th:first-child,
2087 .table thead tr td:first-child { 2087 .table thead tr td:first-child {
2088 border-left-color: #377d87; 2088 border-left-color: #377d87;
2089 } 2089 }
2090 .table thead tr th:last-child, 2090 .table thead tr th:last-child,
2091 .table thead tr td:last-child { 2091 .table thead tr td:last-child {
2092 border-right-color: #377d87; 2092 border-right-color: #377d87;
2093 } 2093 }
2094 .table_spoiler tr { 2094 .table_spoiler tr {
2095 /*display: none;*/ 2095 /*display: none;*/
2096 } 2096 }
2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2098 display: table-row; 2098 display: table-row;
2099 } 2099 }
2100 .table_spoiler.active tr { 2100 .table_spoiler.active tr {
2101 display: table-row; 2101 display: table-row;
2102 } 2102 }
2103 .table th, 2103 .table th,
2104 .table td { 2104 .table td {
2105 text-align: left; 2105 text-align: left;
2106 padding: 10px; 2106 padding: 10px;
2107 border: 1px solid #cecece; 2107 border: 1px solid #cecece;
2108 } 2108 }
2109 @media (min-width: 768px) { 2109 @media (min-width: 768px) {
2110 .table td { 2110 .table td {
2111 padding: 14px 10px; 2111 padding: 14px 10px;
2112 } 2112 }
2113 } 2113 }
2114 .table__status { 2114 .table__status {
2115 color: #9c9d9d; 2115 color: #9c9d9d;
2116 display: -webkit-box; 2116 display: -webkit-box;
2117 display: -ms-flexbox; 2117 display: -ms-flexbox;
2118 display: flex; 2118 display: flex;
2119 -webkit-box-align: center; 2119 -webkit-box-align: center;
2120 -ms-flex-align: center; 2120 -ms-flex-align: center;
2121 align-items: center; 2121 align-items: center;
2122 gap: 6px; 2122 gap: 6px;
2123 position: relative; 2123 position: relative;
2124 padding-left: 14px; 2124 padding-left: 14px;
2125 } 2125 }
2126 .table__status i { 2126 .table__status i {
2127 background: #9c9d9d; 2127 background: #9c9d9d;
2128 width: 8px; 2128 width: 8px;
2129 aspect-ratio: 1/1; 2129 aspect-ratio: 1/1;
2130 border-radius: 999px; 2130 border-radius: 999px;
2131 position: absolute; 2131 position: absolute;
2132 top: 4px; 2132 top: 4px;
2133 left: 0; 2133 left: 0;
2134 } 2134 }
2135 .table__status.green { 2135 .table__status.green {
2136 color: #377d87; 2136 color: #377d87;
2137 } 2137 }
2138 .table__status.green i { 2138 .table__status.green i {
2139 background: #377d87; 2139 background: #377d87;
2140 } 2140 }
2141 .table__link { 2141 .table__link {
2142 display: -webkit-box; 2142 display: -webkit-box;
2143 display: -ms-flexbox; 2143 display: -ms-flexbox;
2144 display: flex; 2144 display: flex;
2145 -webkit-box-align: center; 2145 -webkit-box-align: center;
2146 -ms-flex-align: center; 2146 -ms-flex-align: center;
2147 align-items: center; 2147 align-items: center;
2148 gap: 4px; 2148 gap: 4px;
2149 color: #4d88d9; 2149 color: #4d88d9;
2150 } 2150 }
2151 @media (min-width: 768px) { 2151 @media (min-width: 768px) {
2152 .table__link { 2152 .table__link {
2153 gap: 6px; 2153 gap: 6px;
2154 } 2154 }
2155 } 2155 }
2156 .table__link:hover { 2156 .table__link:hover {
2157 color: #000; 2157 color: #000;
2158 } 2158 }
2159 .table__link svg { 2159 .table__link svg {
2160 width: 12px; 2160 width: 12px;
2161 aspect-ratio: 1/1; 2161 aspect-ratio: 1/1;
2162 } 2162 }
2163 @media (min-width: 768px) { 2163 @media (min-width: 768px) {
2164 .table__link svg { 2164 .table__link svg {
2165 width: 16px; 2165 width: 16px;
2166 } 2166 }
2167 } 2167 }
2168 .table__controls { 2168 .table__controls {
2169 display: -webkit-box; 2169 display: -webkit-box;
2170 display: -ms-flexbox; 2170 display: -ms-flexbox;
2171 display: flex; 2171 display: flex;
2172 -webkit-box-align: center; 2172 -webkit-box-align: center;
2173 -ms-flex-align: center; 2173 -ms-flex-align: center;
2174 align-items: center; 2174 align-items: center;
2175 gap: 8px; 2175 gap: 8px;
2176 } 2176 }
2177 @media (min-width: 1280px) { 2177 @media (min-width: 1280px) {
2178 .table__controls { 2178 .table__controls {
2179 gap: 12px; 2179 gap: 12px;
2180 } 2180 }
2181 } 2181 }
2182 .table__controls-item { 2182 .table__controls-item {
2183 width: 24px; 2183 width: 24px;
2184 aspect-ratio: 1/1; 2184 aspect-ratio: 1/1;
2185 display: -webkit-box; 2185 display: -webkit-box;
2186 display: -ms-flexbox; 2186 display: -ms-flexbox;
2187 display: flex; 2187 display: flex;
2188 -webkit-box-pack: center; 2188 -webkit-box-pack: center;
2189 -ms-flex-pack: center; 2189 -ms-flex-pack: center;
2190 justify-content: center; 2190 justify-content: center;
2191 -webkit-box-align: center; 2191 -webkit-box-align: center;
2192 -ms-flex-align: center; 2192 -ms-flex-align: center;
2193 align-items: center; 2193 align-items: center;
2194 border: 1px solid #377d87; 2194 border: 1px solid #377d87;
2195 border-radius: 8px; 2195 border-radius: 8px;
2196 color: #377d87; 2196 color: #377d87;
2197 background: none; 2197 background: none;
2198 padding: 0; 2198 padding: 0;
2199 } 2199 }
2200 @media (min-width: 1280px) { 2200 @media (min-width: 1280px) {
2201 .table__controls-item { 2201 .table__controls-item {
2202 width: 30px; 2202 width: 30px;
2203 } 2203 }
2204 } 2204 }
2205 .table__controls-item:hover { 2205 .table__controls-item:hover {
2206 background: #377d87; 2206 background: #377d87;
2207 color: #fff; 2207 color: #fff;
2208 } 2208 }
2209 .table__controls-item svg { 2209 .table__controls-item svg {
2210 width: 60%; 2210 width: 60%;
2211 aspect-ratio: 1/1; 2211 aspect-ratio: 1/1;
2212 } 2212 }
2213 .table__controls-item:nth-of-type(4) svg { 2213 .table__controls-item:nth-of-type(4) svg {
2214 width: 80%; 2214 width: 80%;
2215 } 2215 }
2216 2216
2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218 display: none; 2218 display: none;
2219 } 2219 }
2220 .gl-star-rating--stars span { 2220 .gl-star-rating--stars span {
2221 width: 22px !important; 2221 width: 22px !important;
2222 height: 22px !important; 2222 height: 22px !important;
2223 background-size: 22px 22px !important; 2223 background-size: 22px 22px !important;
2224 } 2224 }
2225 @media (min-width: 768px) { 2225 @media (min-width: 768px) {
2226 .gl-star-rating--stars span { 2226 .gl-star-rating--stars span {
2227 width: 30px !important; 2227 width: 30px !important;
2228 height: 30px !important; 2228 height: 30px !important;
2229 background-size: 30px 30px !important; 2229 background-size: 30px 30px !important;
2230 } 2230 }
2231 } 2231 }
2232 2232
2233 .more { 2233 .more {
2234 display: -webkit-box; 2234 display: -webkit-box;
2235 display: -ms-flexbox; 2235 display: -ms-flexbox;
2236 display: flex; 2236 display: flex;
2237 -webkit-box-orient: vertical; 2237 -webkit-box-orient: vertical;
2238 -webkit-box-direction: normal; 2238 -webkit-box-direction: normal;
2239 -ms-flex-direction: column; 2239 -ms-flex-direction: column;
2240 flex-direction: column; 2240 flex-direction: column;
2241 -webkit-box-align: center; 2241 -webkit-box-align: center;
2242 -ms-flex-align: center; 2242 -ms-flex-align: center;
2243 align-items: center; 2243 align-items: center;
2244 } 2244 }
2245 .more_mt { 2245 .more_mt {
2246 margin-top: 20px; 2246 margin-top: 20px;
2247 } 2247 }
2248 .more .button { 2248 .more .button {
2249 min-width: 100px; 2249 min-width: 100px;
2250 padding: 0; 2250 padding: 0;
2251 } 2251 }
2252 @media (min-width: 768px) { 2252 @media (min-width: 768px) {
2253 .more .button { 2253 .more .button {
2254 min-width: 180px; 2254 min-width: 180px;
2255 } 2255 }
2256 } 2256 }
2257 2257
2258 .header { 2258 .header {
2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 background: #fff; 2261 background: #fff;
2262 position: relative; 2262 position: relative;
2263 z-index: 5; 2263 z-index: 5;
2264 overflow: hidden; 2264 overflow: hidden;
2265 } 2265 }
2266 @media (min-width: 768px) { 2266 @media (min-width: 768px) {
2267 .header { 2267 .header {
2268 -webkit-box-shadow: none; 2268 -webkit-box-shadow: none;
2269 box-shadow: none; 2269 box-shadow: none;
2270 } 2270 }
2271 } 2271 }
2272 .header__body { 2272 .header__body {
2273 height: 42px; 2273 height: 42px;
2274 display: -webkit-box; 2274 display: -webkit-box;
2275 display: -ms-flexbox; 2275 display: -ms-flexbox;
2276 display: flex; 2276 display: flex;
2277 -webkit-box-pack: justify; 2277 -webkit-box-pack: justify;
2278 -ms-flex-pack: justify; 2278 -ms-flex-pack: justify;
2279 justify-content: space-between; 2279 justify-content: space-between;
2280 -webkit-box-align: center; 2280 -webkit-box-align: center;
2281 -ms-flex-align: center; 2281 -ms-flex-align: center;
2282 align-items: center; 2282 align-items: center;
2283 } 2283 }
2284 @media (min-width: 768px) { 2284 @media (min-width: 768px) {
2285 .header__body { 2285 .header__body {
2286 height: 70px; 2286 height: 70px;
2287 } 2287 }
2288 } 2288 }
2289 .header__left { 2289 .header__left {
2290 display: -webkit-box; 2290 display: -webkit-box;
2291 display: -ms-flexbox; 2291 display: -ms-flexbox;
2292 display: flex; 2292 display: flex;
2293 -webkit-box-align: center; 2293 -webkit-box-align: center;
2294 -ms-flex-align: center; 2294 -ms-flex-align: center;
2295 align-items: center; 2295 align-items: center;
2296 gap: 40px; 2296 gap: 40px;
2297 } 2297 }
2298 .header__right { 2298 .header__right {
2299 display: -webkit-box; 2299 display: -webkit-box;
2300 display: -ms-flexbox; 2300 display: -ms-flexbox;
2301 display: flex; 2301 display: flex;
2302 -webkit-box-align: center; 2302 -webkit-box-align: center;
2303 -ms-flex-align: center; 2303 -ms-flex-align: center;
2304 align-items: center; 2304 align-items: center;
2305 gap: 14px; 2305 gap: 14px;
2306 } 2306 }
2307 @media (min-width: 768px) { 2307 @media (min-width: 768px) {
2308 .header__right { 2308 .header__right {
2309 gap: 20px; 2309 gap: 20px;
2310 } 2310 }
2311 } 2311 }
2312 .header__right-line { 2312 .header__right-line {
2313 width: 1px; 2313 width: 1px;
2314 height: 32px; 2314 height: 32px;
2315 background: #e6e7e7; 2315 background: #e6e7e7;
2316 border-radius: 999px; 2316 border-radius: 999px;
2317 } 2317 }
2318 @media (min-width: 992px) { 2318 @media (min-width: 992px) {
2319 .header__right-line { 2319 .header__right-line {
2320 display: none; 2320 display: none;
2321 } 2321 }
2322 } 2322 }
2323 .header__logo { 2323 .header__logo {
2324 display: -webkit-box; 2324 display: -webkit-box;
2325 display: -ms-flexbox; 2325 display: -ms-flexbox;
2326 display: flex; 2326 display: flex;
2327 -webkit-box-align: center; 2327 -webkit-box-align: center;
2328 -ms-flex-align: center; 2328 -ms-flex-align: center;
2329 align-items: center; 2329 align-items: center;
2330 -webkit-box-pack: center; 2330 -webkit-box-pack: center;
2331 -ms-flex-pack: center; 2331 -ms-flex-pack: center;
2332 justify-content: center; 2332 justify-content: center;
2333 color: #377d87; 2333 color: #377d87;
2334 } 2334 }
2335 .header__logo svg { 2335 .header__logo svg {
2336 width: 105px; 2336 width: 105px;
2337 height: 31px; 2337 height: 31px;
2338 } 2338 }
2339 @media (min-width: 768px) { 2339 @media (min-width: 768px) {
2340 .header__logo svg { 2340 .header__logo svg {
2341 width: 182px; 2341 width: 182px;
2342 height: 54px; 2342 height: 54px;
2343 } 2343 }
2344 } 2344 }
2345 .header__menu { 2345 .header__menu {
2346 display: none; 2346 display: none;
2347 -webkit-box-align: center; 2347 -webkit-box-align: center;
2348 -ms-flex-align: center; 2348 -ms-flex-align: center;
2349 align-items: center; 2349 align-items: center;
2350 gap: 20px; 2350 gap: 20px;
2351 } 2351 }
2352 @media (min-width: 768px) { 2352 @media (min-width: 768px) {
2353 .header__menu { 2353 .header__menu {
2354 display: -webkit-box; 2354 display: -webkit-box;
2355 display: -ms-flexbox; 2355 display: -ms-flexbox;
2356 display: flex; 2356 display: flex;
2357 } 2357 }
2358 } 2358 }
2359 .header__menu-item:hover { 2359 .header__menu-item:hover {
2360 color: #377d87; 2360 color: #377d87;
2361 } 2361 }
2362 .header__notifs { 2362 .header__notifs {
2363 display: -webkit-box; 2363 display: -webkit-box;
2364 display: -ms-flexbox; 2364 display: -ms-flexbox;
2365 display: flex; 2365 display: flex;
2366 -webkit-box-align: center; 2366 -webkit-box-align: center;
2367 -ms-flex-align: center; 2367 -ms-flex-align: center;
2368 align-items: center; 2368 align-items: center;
2369 -webkit-box-pack: center; 2369 -webkit-box-pack: center;
2370 -ms-flex-pack: center; 2370 -ms-flex-pack: center;
2371 justify-content: center; 2371 justify-content: center;
2372 color: #377d87; 2372 color: #377d87;
2373 padding: 0; 2373 padding: 0;
2374 border: none; 2374 border: none;
2375 background: none; 2375 background: none;
2376 width: 24px; 2376 width: 24px;
2377 height: 24px; 2377 height: 24px;
2378 } 2378 }
2379 @media (min-width: 992px) { 2379 @media (min-width: 992px) {
2380 .header__notifs { 2380 .header__notifs {
2381 width: auto; 2381 width: auto;
2382 height: auto; 2382 height: auto;
2383 color: #000; 2383 color: #000;
2384 line-height: 1.4; 2384 line-height: 1.4;
2385 } 2385 }
2386 } 2386 }
2387 @media (min-width: 992px) { 2387 @media (min-width: 992px) {
2388 .header__notifs:hover { 2388 .header__notifs:hover {
2389 color: #377d87; 2389 color: #377d87;
2390 } 2390 }
2391 } 2391 }
2392 .header__notifs svg { 2392 .header__notifs svg {
2393 width: 20px; 2393 width: 20px;
2394 height: 20px; 2394 height: 20px;
2395 } 2395 }
2396 @media (min-width: 992px) { 2396 @media (min-width: 992px) {
2397 .header__notifs svg { 2397 .header__notifs svg {
2398 display: none; 2398 display: none;
2399 } 2399 }
2400 } 2400 }
2401 .header__notifs span { 2401 .header__notifs span {
2402 display: none; 2402 display: none;
2403 } 2403 }
2404 @media (min-width: 992px) { 2404 @media (min-width: 992px) {
2405 .header__notifs span { 2405 .header__notifs span {
2406 display: inline; 2406 display: inline;
2407 } 2407 }
2408 } 2408 }
2409 .header__notifs_actived { 2409 .header__notifs_actived {
2410 position: relative; 2410 position: relative;
2411 } 2411 }
2412 @media (min-width: 992px) { 2412 @media (min-width: 992px) {
2413 .header__notifs_actived { 2413 .header__notifs_actived {
2414 padding-right: 12px; 2414 padding-right: 12px;
2415 } 2415 }
2416 } 2416 }
2417 .header__notifs_actived:after { 2417 .header__notifs_actived:after {
2418 content: ""; 2418 content: "";
2419 border: 1px solid #fff; 2419 border: 1px solid #fff;
2420 background: #377d87; 2420 background: #377d87;
2421 border-radius: 999px; 2421 border-radius: 999px;
2422 width: 10px; 2422 width: 10px;
2423 height: 10px; 2423 height: 10px;
2424 position: absolute; 2424 position: absolute;
2425 z-index: 1; 2425 z-index: 1;
2426 top: 0; 2426 top: 0;
2427 right: 0; 2427 right: 0;
2428 } 2428 }
2429 @media (min-width: 992px) { 2429 @media (min-width: 992px) {
2430 .header__notifs_actived:after { 2430 .header__notifs_actived:after {
2431 width: 8px; 2431 width: 8px;
2432 height: 8px; 2432 height: 8px;
2433 border: none; 2433 border: none;
2434 } 2434 }
2435 } 2435 }
2436 .header__burger { 2436 .header__burger {
2437 display: -webkit-box; 2437 display: -webkit-box;
2438 display: -ms-flexbox; 2438 display: -ms-flexbox;
2439 display: flex; 2439 display: flex;
2440 -webkit-box-align: center; 2440 -webkit-box-align: center;
2441 -ms-flex-align: center; 2441 -ms-flex-align: center;
2442 align-items: center; 2442 align-items: center;
2443 -webkit-box-pack: center; 2443 -webkit-box-pack: center;
2444 -ms-flex-pack: center; 2444 -ms-flex-pack: center;
2445 justify-content: center; 2445 justify-content: center;
2446 width: 24px; 2446 width: 24px;
2447 height: 24px; 2447 height: 24px;
2448 color: #377d87; 2448 color: #377d87;
2449 padding: 0; 2449 padding: 0;
2450 border: none; 2450 border: none;
2451 background: none; 2451 background: none;
2452 } 2452 }
2453 @media (min-width: 992px) { 2453 @media (min-width: 992px) {
2454 .header__burger { 2454 .header__burger {
2455 display: none; 2455 display: none;
2456 } 2456 }
2457 } 2457 }
2458 .header__burger svg { 2458 .header__burger svg {
2459 width: 20px; 2459 width: 20px;
2460 height: 20px; 2460 height: 20px;
2461 } 2461 }
2462 .header__burger svg + svg { 2462 .header__burger svg + svg {
2463 display: none; 2463 display: none;
2464 } 2464 }
2465 .header__sign { 2465 .header__sign {
2466 display: none; 2466 display: none;
2467 } 2467 }
2468 @media (min-width: 992px) { 2468 @media (min-width: 992px) {
2469 .header__sign { 2469 .header__sign {
2470 display: -webkit-box; 2470 display: -webkit-box;
2471 display: -ms-flexbox; 2471 display: -ms-flexbox;
2472 display: flex; 2472 display: flex;
2473 } 2473 }
2474 } 2474 }
2475 2475
2476 .mob-menu { 2476 .mob-menu {
2477 display: none; 2477 display: none;
2478 position: fixed; 2478 position: fixed;
2479 bottom: 0; 2479 bottom: 0;
2480 left: 0; 2480 left: 0;
2481 width: 100vw; 2481 width: 100vw;
2482 height: calc(100vh - 42px); 2482 height: calc(100vh - 42px);
2483 z-index: 4; 2483 z-index: 4;
2484 background: #fff; 2484 background: #fff;
2485 overflow: hidden; 2485 overflow: hidden;
2486 overflow-y: auto; 2486 overflow-y: auto;
2487 padding: 50px 0; 2487 padding: 50px 0;
2488 } 2488 }
2489 .mob-menu__bottom { 2489 .mob-menu__bottom {
2490 display: -webkit-box; 2490 display: -webkit-box;
2491 display: -ms-flexbox; 2491 display: -ms-flexbox;
2492 display: flex; 2492 display: flex;
2493 -webkit-box-orient: vertical; 2493 -webkit-box-orient: vertical;
2494 -webkit-box-direction: normal; 2494 -webkit-box-direction: normal;
2495 -ms-flex-direction: column; 2495 -ms-flex-direction: column;
2496 flex-direction: column; 2496 flex-direction: column;
2497 -webkit-box-align: center; 2497 -webkit-box-align: center;
2498 -ms-flex-align: center; 2498 -ms-flex-align: center;
2499 align-items: center; 2499 align-items: center;
2500 margin-top: 80px; 2500 margin-top: 80px;
2501 } 2501 }
2502 .mob-menu__bottom .button { 2502 .mob-menu__bottom .button {
2503 min-width: 120px; 2503 min-width: 120px;
2504 } 2504 }
2505 .mob-menu__bottom-link { 2505 .mob-menu__bottom-link {
2506 text-decoration: underline; 2506 text-decoration: underline;
2507 margin-top: 50px; 2507 margin-top: 50px;
2508 } 2508 }
2509 .mob-menu__bottom-link:hover { 2509 .mob-menu__bottom-link:hover {
2510 color: #377d87; 2510 color: #377d87;
2511 } 2511 }
2512 .mob-menu__bottom-link + .mob-menu__bottom-link { 2512 .mob-menu__bottom-link + .mob-menu__bottom-link {
2513 margin-top: 10px; 2513 margin-top: 10px;
2514 } 2514 }
2515 .mob-menu__bottom .socials { 2515 .mob-menu__bottom .socials {
2516 margin-top: 35px; 2516 margin-top: 35px;
2517 } 2517 }
2518 .mob-menu .footer__mobile-menu { 2518 .mob-menu .footer__mobile-menu {
2519 opacity: 1; 2519 opacity: 1;
2520 height: auto; 2520 height: auto;
2521 overflow: visible; 2521 overflow: visible;
2522 } 2522 }
2523 .mob-menu .footer__mobile-menu-item button { 2523 .mob-menu .footer__mobile-menu-item button {
2524 -webkit-box-align: center; 2524 -webkit-box-align: center;
2525 -ms-flex-align: center; 2525 -ms-flex-align: center;
2526 align-items: center; 2526 align-items: center;
2527 } 2527 }
2528 .mob-menu .footer__mobile-menu-item div { 2528 .mob-menu .footer__mobile-menu-item div {
2529 font-size: 20px; 2529 font-size: 20px;
2530 } 2530 }
2531 .mob-menu .footer__mobile-contacts a { 2531 .mob-menu .footer__mobile-contacts a {
2532 font-size: 20px; 2532 font-size: 20px;
2533 font-weight: 700; 2533 font-weight: 700;
2534 color: #000; 2534 color: #000;
2535 text-decoration: none; 2535 text-decoration: none;
2536 } 2536 }
2537 .mob-menu .footer__mobile-contacts a:hover { 2537 .mob-menu .footer__mobile-contacts a:hover {
2538 color: #377d87; 2538 color: #377d87;
2539 } 2539 }
2540 .mob-menu .footer__mobile-menu-item button b, 2540 .mob-menu .footer__mobile-menu-item button b,
2541 .mob-menu .footer__mobile-contacts a { 2541 .mob-menu .footer__mobile-contacts a {
2542 font-size: 30px; 2542 font-size: 30px;
2543 } 2543 }
2544 2544
2545 .menu-is-actived { 2545 .menu-is-actived {
2546 overflow: hidden; 2546 overflow: hidden;
2547 } 2547 }
2548 @media (min-width: 992px) { 2548 @media (min-width: 992px) {
2549 .menu-is-actived { 2549 .menu-is-actived {
2550 overflow: auto; 2550 overflow: auto;
2551 } 2551 }
2552 } 2552 }
2553 .menu-is-actived .header__burger svg { 2553 .menu-is-actived .header__burger svg {
2554 display: none; 2554 display: none;
2555 } 2555 }
2556 .menu-is-actived .header__burger svg + svg { 2556 .menu-is-actived .header__burger svg + svg {
2557 display: block; 2557 display: block;
2558 } 2558 }
2559 .menu-is-actived .mob-menu { 2559 .menu-is-actived .mob-menu {
2560 display: block; 2560 display: block;
2561 } 2561 }
2562 @media (min-width: 992px) { 2562 @media (min-width: 992px) {
2563 .menu-is-actived .mob-menu { 2563 .menu-is-actived .mob-menu {
2564 display: none; 2564 display: none;
2565 } 2565 }
2566 } 2566 }
2567 2567
2568 .footer { 2568 .footer {
2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 background: #fff; 2571 background: #fff;
2572 position: relative; 2572 position: relative;
2573 z-index: 1; 2573 z-index: 1;
2574 overflow: hidden; 2574 overflow: hidden;
2575 } 2575 }
2576 .footer__mobile { 2576 .footer__mobile {
2577 display: -webkit-box; 2577 display: -webkit-box;
2578 display: -ms-flexbox; 2578 display: -ms-flexbox;
2579 display: flex; 2579 display: flex;
2580 -webkit-box-orient: vertical; 2580 -webkit-box-orient: vertical;
2581 -webkit-box-direction: normal; 2581 -webkit-box-direction: normal;
2582 -ms-flex-direction: column; 2582 -ms-flex-direction: column;
2583 flex-direction: column; 2583 flex-direction: column;
2584 padding: 25px 0 30px 0; 2584 padding: 25px 0 30px 0;
2585 } 2585 }
2586 @media (min-width: 768px) { 2586 @media (min-width: 768px) {
2587 .footer__mobile { 2587 .footer__mobile {
2588 padding: 30px 0; 2588 padding: 30px 0;
2589 } 2589 }
2590 } 2590 }
2591 @media (min-width: 992px) { 2591 @media (min-width: 992px) {
2592 .footer__mobile { 2592 .footer__mobile {
2593 display: none; 2593 display: none;
2594 } 2594 }
2595 } 2595 }
2596 .footer__mobile-toper { 2596 .footer__mobile-toper {
2597 display: -webkit-box; 2597 display: -webkit-box;
2598 display: -ms-flexbox; 2598 display: -ms-flexbox;
2599 display: flex; 2599 display: flex;
2600 -webkit-box-pack: justify; 2600 -webkit-box-pack: justify;
2601 -ms-flex-pack: justify; 2601 -ms-flex-pack: justify;
2602 justify-content: space-between; 2602 justify-content: space-between;
2603 -webkit-box-align: center; 2603 -webkit-box-align: center;
2604 -ms-flex-align: center; 2604 -ms-flex-align: center;
2605 align-items: center; 2605 align-items: center;
2606 padding: 0; 2606 padding: 0;
2607 border: none; 2607 border: none;
2608 background: none; 2608 background: none;
2609 } 2609 }
2610 .footer__mobile-toper a, 2610 .footer__mobile-toper a,
2611 .footer__mobile-toper b { 2611 .footer__mobile-toper b {
2612 display: -webkit-box; 2612 display: -webkit-box;
2613 display: -ms-flexbox; 2613 display: -ms-flexbox;
2614 display: flex; 2614 display: flex;
2615 -webkit-box-pack: center; 2615 -webkit-box-pack: center;
2616 -ms-flex-pack: center; 2616 -ms-flex-pack: center;
2617 justify-content: center; 2617 justify-content: center;
2618 -webkit-box-align: center; 2618 -webkit-box-align: center;
2619 -ms-flex-align: center; 2619 -ms-flex-align: center;
2620 align-items: center; 2620 align-items: center;
2621 color: #377d87; 2621 color: #377d87;
2622 } 2622 }
2623 .footer__mobile-toper a svg, 2623 .footer__mobile-toper a svg,
2624 .footer__mobile-toper b svg { 2624 .footer__mobile-toper b svg {
2625 width: 137px; 2625 width: 137px;
2626 height: 40px; 2626 height: 40px;
2627 } 2627 }
2628 .footer__mobile-toper span { 2628 .footer__mobile-toper span {
2629 width: 40px; 2629 width: 40px;
2630 height: 40px; 2630 height: 40px;
2631 display: -webkit-box; 2631 display: -webkit-box;
2632 display: -ms-flexbox; 2632 display: -ms-flexbox;
2633 display: flex; 2633 display: flex;
2634 -webkit-box-pack: center; 2634 -webkit-box-pack: center;
2635 -ms-flex-pack: center; 2635 -ms-flex-pack: center;
2636 justify-content: center; 2636 justify-content: center;
2637 -webkit-box-align: center; 2637 -webkit-box-align: center;
2638 -ms-flex-align: center; 2638 -ms-flex-align: center;
2639 align-items: center; 2639 align-items: center;
2640 background: #377d87; 2640 background: #377d87;
2641 color: #fff; 2641 color: #fff;
2642 border-radius: 999px; 2642 border-radius: 999px;
2643 } 2643 }
2644 .footer__mobile-toper span svg { 2644 .footer__mobile-toper span svg {
2645 width: 10px; 2645 width: 10px;
2646 height: 10px; 2646 height: 10px;
2647 -webkit-transition: 0.3s; 2647 -webkit-transition: 0.3s;
2648 transition: 0.3s; 2648 transition: 0.3s;
2649 } 2649 }
2650 .footer__mobile-toper.active span svg { 2650 .footer__mobile-toper.active span svg {
2651 -webkit-transform: rotate(180deg); 2651 -webkit-transform: rotate(180deg);
2652 -ms-transform: rotate(180deg); 2652 -ms-transform: rotate(180deg);
2653 transform: rotate(180deg); 2653 transform: rotate(180deg);
2654 } 2654 }
2655 .footer__mobile-menu { 2655 .footer__mobile-menu {
2656 height: 0; 2656 height: 0;
2657 opacity: 0; 2657 opacity: 0;
2658 overflow: hidden; 2658 overflow: hidden;
2659 -webkit-transition: 0.3s; 2659 -webkit-transition: 0.3s;
2660 transition: 0.3s; 2660 transition: 0.3s;
2661 display: -webkit-box; 2661 display: -webkit-box;
2662 display: -ms-flexbox; 2662 display: -ms-flexbox;
2663 display: flex; 2663 display: flex;
2664 -webkit-box-orient: vertical; 2664 -webkit-box-orient: vertical;
2665 -webkit-box-direction: normal; 2665 -webkit-box-direction: normal;
2666 -ms-flex-direction: column; 2666 -ms-flex-direction: column;
2667 flex-direction: column; 2667 flex-direction: column;
2668 gap: 30px; 2668 gap: 30px;
2669 } 2669 }
2670 @media (min-width: 768px) { 2670 @media (min-width: 768px) {
2671 .footer__mobile-menu { 2671 .footer__mobile-menu {
2672 display: grid; 2672 display: grid;
2673 grid-template-columns: 1fr 1fr; 2673 grid-template-columns: 1fr 1fr;
2674 gap: 100px; 2674 gap: 100px;
2675 } 2675 }
2676 } 2676 }
2677 .footer__mobile-menu-item { 2677 .footer__mobile-menu-item {
2678 display: -webkit-box; 2678 display: -webkit-box;
2679 display: -ms-flexbox; 2679 display: -ms-flexbox;
2680 display: flex; 2680 display: flex;
2681 -webkit-box-orient: vertical; 2681 -webkit-box-orient: vertical;
2682 -webkit-box-direction: normal; 2682 -webkit-box-direction: normal;
2683 -ms-flex-direction: column; 2683 -ms-flex-direction: column;
2684 flex-direction: column; 2684 flex-direction: column;
2685 } 2685 }
2686 .footer__mobile-menu-item button { 2686 .footer__mobile-menu-item button {
2687 display: -webkit-box; 2687 display: -webkit-box;
2688 display: -ms-flexbox; 2688 display: -ms-flexbox;
2689 display: flex; 2689 display: flex;
2690 -webkit-box-align: start; 2690 -webkit-box-align: start;
2691 -ms-flex-align: start; 2691 -ms-flex-align: start;
2692 align-items: flex-start; 2692 align-items: flex-start;
2693 padding: 0; 2693 padding: 0;
2694 border: none; 2694 border: none;
2695 background: none; 2695 background: none;
2696 } 2696 }
2697 .footer__mobile-menu-item button.active { 2697 .footer__mobile-menu-item button.active {
2698 color: #377d87; 2698 color: #377d87;
2699 } 2699 }
2700 .footer__mobile-menu-item button b { 2700 .footer__mobile-menu-item button b {
2701 width: calc(100% - 24px); 2701 width: calc(100% - 24px);
2702 padding-right: 12px; 2702 padding-right: 12px;
2703 min-height: 24px; 2703 min-height: 24px;
2704 display: -webkit-box; 2704 display: -webkit-box;
2705 display: -ms-flexbox; 2705 display: -ms-flexbox;
2706 display: flex; 2706 display: flex;
2707 -webkit-box-align: center; 2707 -webkit-box-align: center;
2708 -ms-flex-align: center; 2708 -ms-flex-align: center;
2709 align-items: center; 2709 align-items: center;
2710 font-size: 20px; 2710 font-size: 20px;
2711 font-weight: 700; 2711 font-weight: 700;
2712 } 2712 }
2713 .footer__mobile-menu-item button span { 2713 .footer__mobile-menu-item button span {
2714 width: 24px; 2714 width: 24px;
2715 height: 24px; 2715 height: 24px;
2716 display: -webkit-box; 2716 display: -webkit-box;
2717 display: -ms-flexbox; 2717 display: -ms-flexbox;
2718 display: flex; 2718 display: flex;
2719 -webkit-box-pack: center; 2719 -webkit-box-pack: center;
2720 -ms-flex-pack: center; 2720 -ms-flex-pack: center;
2721 justify-content: center; 2721 justify-content: center;
2722 -webkit-box-align: center; 2722 -webkit-box-align: center;
2723 -ms-flex-align: center; 2723 -ms-flex-align: center;
2724 align-items: center; 2724 align-items: center;
2725 padding: 0; 2725 padding: 0;
2726 border: none; 2726 border: none;
2727 background: none; 2727 background: none;
2728 } 2728 }
2729 .footer__mobile-menu-item button svg { 2729 .footer__mobile-menu-item button svg {
2730 width: 12px; 2730 width: 12px;
2731 height: 12px; 2731 height: 12px;
2732 -webkit-transition: 0.3s; 2732 -webkit-transition: 0.3s;
2733 transition: 0.3s; 2733 transition: 0.3s;
2734 -webkit-transform: rotate(180deg); 2734 -webkit-transform: rotate(180deg);
2735 -ms-transform: rotate(180deg); 2735 -ms-transform: rotate(180deg);
2736 transform: rotate(180deg); 2736 transform: rotate(180deg);
2737 } 2737 }
2738 .footer__mobile-menu-item button.active svg { 2738 .footer__mobile-menu-item button.active svg {
2739 -webkit-transform: rotate(0deg); 2739 -webkit-transform: rotate(0deg);
2740 -ms-transform: rotate(0deg); 2740 -ms-transform: rotate(0deg);
2741 transform: rotate(0deg); 2741 transform: rotate(0deg);
2742 } 2742 }
2743 .footer__mobile-menu-item div { 2743 .footer__mobile-menu-item div {
2744 height: 0; 2744 height: 0;
2745 opacity: 0; 2745 opacity: 0;
2746 overflow: hidden; 2746 overflow: hidden;
2747 -webkit-transition: 0.3s; 2747 -webkit-transition: 0.3s;
2748 transition: 0.3s; 2748 transition: 0.3s;
2749 display: -webkit-box; 2749 display: -webkit-box;
2750 display: -ms-flexbox; 2750 display: -ms-flexbox;
2751 display: flex; 2751 display: flex;
2752 -webkit-box-orient: vertical; 2752 -webkit-box-orient: vertical;
2753 -webkit-box-direction: normal; 2753 -webkit-box-direction: normal;
2754 -ms-flex-direction: column; 2754 -ms-flex-direction: column;
2755 flex-direction: column; 2755 flex-direction: column;
2756 gap: 15px; 2756 gap: 15px;
2757 } 2757 }
2758 .footer__mobile-menu-item div a:hover { 2758 .footer__mobile-menu-item div a:hover {
2759 color: #377d87; 2759 color: #377d87;
2760 } 2760 }
2761 .footer__mobile-menu-item .active + div { 2761 .footer__mobile-menu-item .active + div {
2762 opacity: 1; 2762 opacity: 1;
2763 height: auto; 2763 height: auto;
2764 overflow: visible; 2764 overflow: visible;
2765 padding-top: 15px; 2765 padding-top: 15px;
2766 } 2766 }
2767 .active + .footer__mobile-menu { 2767 .active + .footer__mobile-menu {
2768 opacity: 1; 2768 opacity: 1;
2769 height: auto; 2769 height: auto;
2770 overflow: visible; 2770 overflow: visible;
2771 padding-top: 35px; 2771 padding-top: 35px;
2772 } 2772 }
2773 .footer__mobile-contacts { 2773 .footer__mobile-contacts {
2774 display: -webkit-box; 2774 display: -webkit-box;
2775 display: -ms-flexbox; 2775 display: -ms-flexbox;
2776 display: flex; 2776 display: flex;
2777 -webkit-box-pack: justify; 2777 -webkit-box-pack: justify;
2778 -ms-flex-pack: justify; 2778 -ms-flex-pack: justify;
2779 justify-content: space-between; 2779 justify-content: space-between;
2780 -webkit-box-align: start; 2780 -webkit-box-align: start;
2781 -ms-flex-align: start; 2781 -ms-flex-align: start;
2782 align-items: flex-start; 2782 align-items: flex-start;
2783 -ms-flex-wrap: wrap; 2783 -ms-flex-wrap: wrap;
2784 flex-wrap: wrap; 2784 flex-wrap: wrap;
2785 margin-top: 30px; 2785 margin-top: 30px;
2786 } 2786 }
2787 .footer__mobile-contacts b { 2787 .footer__mobile-contacts b {
2788 font-size: 20px; 2788 font-size: 20px;
2789 font-weight: 700; 2789 font-weight: 700;
2790 width: 100%; 2790 width: 100%;
2791 margin-bottom: 20px; 2791 margin-bottom: 20px;
2792 } 2792 }
2793 .footer__mobile-contacts a { 2793 .footer__mobile-contacts a {
2794 color: #377d87; 2794 color: #377d87;
2795 text-decoration: underline; 2795 text-decoration: underline;
2796 } 2796 }
2797 .footer__mobile-contacts a + a { 2797 .footer__mobile-contacts a + a {
2798 color: #000; 2798 color: #000;
2799 } 2799 }
2800 .footer__mobile-bottom { 2800 .footer__mobile-bottom {
2801 display: -webkit-box; 2801 display: -webkit-box;
2802 display: -ms-flexbox; 2802 display: -ms-flexbox;
2803 display: flex; 2803 display: flex;
2804 -webkit-box-orient: vertical; 2804 -webkit-box-orient: vertical;
2805 -webkit-box-direction: normal; 2805 -webkit-box-direction: normal;
2806 -ms-flex-direction: column; 2806 -ms-flex-direction: column;
2807 flex-direction: column; 2807 flex-direction: column;
2808 -webkit-box-align: center; 2808 -webkit-box-align: center;
2809 -ms-flex-align: center; 2809 -ms-flex-align: center;
2810 align-items: center; 2810 align-items: center;
2811 text-align: center; 2811 text-align: center;
2812 gap: 20px; 2812 gap: 20px;
2813 margin-top: 100px; 2813 margin-top: 100px;
2814 } 2814 }
2815 .footer__mobile-links { 2815 .footer__mobile-links {
2816 display: -webkit-box; 2816 display: -webkit-box;
2817 display: -ms-flexbox; 2817 display: -ms-flexbox;
2818 display: flex; 2818 display: flex;
2819 -webkit-box-orient: vertical; 2819 -webkit-box-orient: vertical;
2820 -webkit-box-direction: normal; 2820 -webkit-box-direction: normal;
2821 -ms-flex-direction: column; 2821 -ms-flex-direction: column;
2822 flex-direction: column; 2822 flex-direction: column;
2823 -webkit-box-align: center; 2823 -webkit-box-align: center;
2824 -ms-flex-align: center; 2824 -ms-flex-align: center;
2825 align-items: center; 2825 align-items: center;
2826 gap: 10px; 2826 gap: 10px;
2827 } 2827 }
2828 .footer__mobile-links a:hover { 2828 .footer__mobile-links a:hover {
2829 color: #377d87; 2829 color: #377d87;
2830 } 2830 }
2831 .footer__mobile-links span { 2831 .footer__mobile-links span {
2832 width: 60px; 2832 width: 60px;
2833 height: 1px; 2833 height: 1px;
2834 background: #377d87; 2834 background: #377d87;
2835 } 2835 }
2836 .footer__main { 2836 .footer__main {
2837 display: none; 2837 display: none;
2838 padding: 55px 0 20px 0; 2838 padding: 55px 0 20px 0;
2839 -webkit-box-orient: vertical; 2839 -webkit-box-orient: vertical;
2840 -webkit-box-direction: normal; 2840 -webkit-box-direction: normal;
2841 -ms-flex-direction: column; 2841 -ms-flex-direction: column;
2842 flex-direction: column; 2842 flex-direction: column;
2843 gap: 70px; 2843 gap: 70px;
2844 } 2844 }
2845 @media (min-width: 992px) { 2845 @media (min-width: 992px) {
2846 .footer__main { 2846 .footer__main {
2847 display: -webkit-box; 2847 display: -webkit-box;
2848 display: -ms-flexbox; 2848 display: -ms-flexbox;
2849 display: flex; 2849 display: flex;
2850 } 2850 }
2851 } 2851 }
2852 .footer__main-body { 2852 .footer__main-body {
2853 display: -webkit-box; 2853 display: -webkit-box;
2854 display: -ms-flexbox; 2854 display: -ms-flexbox;
2855 display: flex; 2855 display: flex;
2856 -webkit-box-pack: justify; 2856 -webkit-box-pack: justify;
2857 -ms-flex-pack: justify; 2857 -ms-flex-pack: justify;
2858 justify-content: space-between; 2858 justify-content: space-between;
2859 -webkit-box-align: start; 2859 -webkit-box-align: start;
2860 -ms-flex-align: start; 2860 -ms-flex-align: start;
2861 align-items: flex-start; 2861 align-items: flex-start;
2862 } 2862 }
2863 .footer__main-logo { 2863 .footer__main-logo {
2864 display: -webkit-box; 2864 display: -webkit-box;
2865 display: -ms-flexbox; 2865 display: -ms-flexbox;
2866 display: flex; 2866 display: flex;
2867 -webkit-box-pack: center; 2867 -webkit-box-pack: center;
2868 -ms-flex-pack: center; 2868 -ms-flex-pack: center;
2869 justify-content: center; 2869 justify-content: center;
2870 -webkit-box-align: center; 2870 -webkit-box-align: center;
2871 -ms-flex-align: center; 2871 -ms-flex-align: center;
2872 align-items: center; 2872 align-items: center;
2873 color: #377d87; 2873 color: #377d87;
2874 } 2874 }
2875 .footer__main-logo svg { 2875 .footer__main-logo svg {
2876 width: 182px; 2876 width: 182px;
2877 height: 54px; 2877 height: 54px;
2878 } 2878 }
2879 .footer__main-title { 2879 .footer__main-title {
2880 font-size: 20px; 2880 font-size: 20px;
2881 font-weight: 700; 2881 font-weight: 700;
2882 margin-bottom: 16px; 2882 margin-bottom: 16px;
2883 } 2883 }
2884 .footer__main-col { 2884 .footer__main-col {
2885 display: -webkit-box; 2885 display: -webkit-box;
2886 display: -ms-flexbox; 2886 display: -ms-flexbox;
2887 display: flex; 2887 display: flex;
2888 -webkit-box-orient: vertical; 2888 -webkit-box-orient: vertical;
2889 -webkit-box-direction: normal; 2889 -webkit-box-direction: normal;
2890 -ms-flex-direction: column; 2890 -ms-flex-direction: column;
2891 flex-direction: column; 2891 flex-direction: column;
2892 -webkit-box-align: start; 2892 -webkit-box-align: start;
2893 -ms-flex-align: start; 2893 -ms-flex-align: start;
2894 align-items: flex-start; 2894 align-items: flex-start;
2895 } 2895 }
2896 .footer__main-col nav { 2896 .footer__main-col nav {
2897 display: -webkit-box; 2897 display: -webkit-box;
2898 display: -ms-flexbox; 2898 display: -ms-flexbox;
2899 display: flex; 2899 display: flex;
2900 -webkit-box-orient: vertical; 2900 -webkit-box-orient: vertical;
2901 -webkit-box-direction: normal; 2901 -webkit-box-direction: normal;
2902 -ms-flex-direction: column; 2902 -ms-flex-direction: column;
2903 flex-direction: column; 2903 flex-direction: column;
2904 -webkit-box-align: start; 2904 -webkit-box-align: start;
2905 -ms-flex-align: start; 2905 -ms-flex-align: start;
2906 align-items: flex-start; 2906 align-items: flex-start;
2907 gap: 8px; 2907 gap: 8px;
2908 } 2908 }
2909 .footer__main-col nav a:hover { 2909 .footer__main-col nav a:hover {
2910 color: #377d87; 2910 color: #377d87;
2911 } 2911 }
2912 .footer__main-contacts { 2912 .footer__main-contacts {
2913 display: -webkit-box; 2913 display: -webkit-box;
2914 display: -ms-flexbox; 2914 display: -ms-flexbox;
2915 display: flex; 2915 display: flex;
2916 -webkit-box-orient: vertical; 2916 -webkit-box-orient: vertical;
2917 -webkit-box-direction: normal; 2917 -webkit-box-direction: normal;
2918 -ms-flex-direction: column; 2918 -ms-flex-direction: column;
2919 flex-direction: column; 2919 flex-direction: column;
2920 -webkit-box-align: start; 2920 -webkit-box-align: start;
2921 -ms-flex-align: start; 2921 -ms-flex-align: start;
2922 align-items: flex-start; 2922 align-items: flex-start;
2923 gap: 16px; 2923 gap: 16px;
2924 margin-bottom: 16px; 2924 margin-bottom: 16px;
2925 } 2925 }
2926 .footer__main-contacts a { 2926 .footer__main-contacts a {
2927 color: #377d87; 2927 color: #377d87;
2928 text-decoration: underline; 2928 text-decoration: underline;
2929 } 2929 }
2930 .footer__main-contacts a + a { 2930 .footer__main-contacts a + a {
2931 color: #000; 2931 color: #000;
2932 } 2932 }
2933 .footer__main-copy { 2933 .footer__main-copy {
2934 display: -webkit-box; 2934 display: -webkit-box;
2935 display: -ms-flexbox; 2935 display: -ms-flexbox;
2936 display: flex; 2936 display: flex;
2937 -webkit-box-pack: justify; 2937 -webkit-box-pack: justify;
2938 -ms-flex-pack: justify; 2938 -ms-flex-pack: justify;
2939 justify-content: space-between; 2939 justify-content: space-between;
2940 -webkit-box-align: center; 2940 -webkit-box-align: center;
2941 -ms-flex-align: center; 2941 -ms-flex-align: center;
2942 align-items: center; 2942 align-items: center;
2943 font-size: 14px; 2943 font-size: 14px;
2944 line-height: 1.4; 2944 line-height: 1.4;
2945 } 2945 }
2946 .footer__main-copy nav { 2946 .footer__main-copy nav {
2947 display: -webkit-box; 2947 display: -webkit-box;
2948 display: -ms-flexbox; 2948 display: -ms-flexbox;
2949 display: flex; 2949 display: flex;
2950 -webkit-box-align: center; 2950 -webkit-box-align: center;
2951 -ms-flex-align: center; 2951 -ms-flex-align: center;
2952 align-items: center; 2952 align-items: center;
2953 gap: 10px; 2953 gap: 10px;
2954 } 2954 }
2955 .footer__main-copy nav a:hover { 2955 .footer__main-copy nav a:hover {
2956 color: #377d87; 2956 color: #377d87;
2957 } 2957 }
2958 .footer__main-copy nav span { 2958 .footer__main-copy nav span {
2959 width: 1px; 2959 width: 1px;
2960 height: 20px; 2960 height: 20px;
2961 background: #000; 2961 background: #000;
2962 } 2962 }
2963 2963
2964 .main { 2964 .main {
2965 position: relative; 2965 position: relative;
2966 overflow: hidden; 2966 overflow: hidden;
2967 padding: 30px 0; 2967 padding: 30px 0;
2968 } 2968 }
2969 @media (min-width: 768px) { 2969 @media (min-width: 768px) {
2970 .main { 2970 .main {
2971 padding: 40px 0; 2971 padding: 40px 0;
2972 } 2972 }
2973 } 2973 }
2974 @media (min-width: 992px) { 2974 @media (min-width: 992px) {
2975 .main { 2975 .main {
2976 padding: 50px 0; 2976 padding: 50px 0;
2977 } 2977 }
2978 } 2978 }
2979 @media (min-width: 1280px) { 2979 @media (min-width: 1280px) {
2980 .main { 2980 .main {
2981 padding: 60px 0; 2981 padding: 60px 0;
2982 } 2982 }
2983 } 2983 }
2984 .main h2 { 2984 .main h2 {
2985 margin: 0; 2985 margin: 0;
2986 font-weight: 700; 2986 font-weight: 700;
2987 font-size: 30px; 2987 font-size: 30px;
2988 } 2988 }
2989 @media (min-width: 768px) { 2989 @media (min-width: 768px) {
2990 .main h2 { 2990 .main h2 {
2991 font-size: 44px; 2991 font-size: 44px;
2992 } 2992 }
2993 } 2993 }
2994 .main h3 { 2994 .main h3 {
2995 margin: 0; 2995 margin: 0;
2996 font-weight: 700; 2996 font-weight: 700;
2997 font-size: 22px; 2997 font-size: 22px;
2998 } 2998 }
2999 @media (min-width: 768px) { 2999 @media (min-width: 768px) {
3000 .main h3 { 3000 .main h3 {
3001 font-size: 28px; 3001 font-size: 28px;
3002 } 3002 }
3003 } 3003 }
3004 .main p { 3004 .main p {
3005 margin: 0; 3005 margin: 0;
3006 font-size: 14px; 3006 font-size: 14px;
3007 line-height: 1.4; 3007 line-height: 1.4;
3008 } 3008 }
3009 @media (min-width: 768px) { 3009 @media (min-width: 768px) {
3010 .main p { 3010 .main p {
3011 font-size: 18px; 3011 font-size: 18px;
3012 } 3012 }
3013 } 3013 }
3014 .main p a { 3014 .main p a {
3015 color: #4d88d9; 3015 color: #4d88d9;
3016 } 3016 }
3017 .main p a:hover { 3017 .main p a:hover {
3018 color: #377d87; 3018 color: #377d87;
3019 } 3019 }
3020 .main__breadcrumbs { 3020 .main__breadcrumbs {
3021 margin-bottom: 20px; 3021 margin-bottom: 20px;
3022 } 3022 }
3023 @media (min-width: 768px) { 3023 @media (min-width: 768px) {
3024 .main__breadcrumbs { 3024 .main__breadcrumbs {
3025 margin-bottom: 40px; 3025 margin-bottom: 40px;
3026 } 3026 }
3027 } 3027 }
3028 .main__content { 3028 .main__content {
3029 display: -webkit-box; 3029 display: -webkit-box;
3030 display: -ms-flexbox; 3030 display: -ms-flexbox;
3031 display: flex; 3031 display: flex;
3032 -webkit-box-orient: vertical; 3032 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal; 3033 -webkit-box-direction: normal;
3034 -ms-flex-direction: column; 3034 -ms-flex-direction: column;
3035 flex-direction: column; 3035 flex-direction: column;
3036 gap: 20px; 3036 gap: 20px;
3037 font-size: 14px; 3037 font-size: 14px;
3038 } 3038 }
3039 @media (min-width: 992px) { 3039 @media (min-width: 992px) {
3040 .main__content { 3040 .main__content {
3041 font-size: 18px; 3041 font-size: 18px;
3042 gap: 32px; 3042 gap: 32px;
3043 } 3043 }
3044 } 3044 }
3045 .main__content-item { 3045 .main__content-item {
3046 display: -webkit-box; 3046 display: -webkit-box;
3047 display: -ms-flexbox; 3047 display: -ms-flexbox;
3048 display: flex; 3048 display: flex;
3049 -webkit-box-orient: vertical; 3049 -webkit-box-orient: vertical;
3050 -webkit-box-direction: normal; 3050 -webkit-box-direction: normal;
3051 -ms-flex-direction: column; 3051 -ms-flex-direction: column;
3052 flex-direction: column; 3052 flex-direction: column;
3053 gap: 16px; 3053 gap: 16px;
3054 } 3054 }
3055 .main__content h1, 3055 .main__content h1,
3056 .main__content h2, 3056 .main__content h2,
3057 .main__content h3, 3057 .main__content h3,
3058 .main__content h4, 3058 .main__content h4,
3059 .main__content h5, 3059 .main__content h5,
3060 .main__content h6 { 3060 .main__content h6 {
3061 color: #000; 3061 color: #000;
3062 } 3062 }
3063 .main__content ul, 3063 .main__content ul,
3064 .main__content ol { 3064 .main__content ol {
3065 padding: 0; 3065 padding: 0;
3066 margin: 0; 3066 margin: 0;
3067 padding-left: 20px; 3067 padding-left: 20px;
3068 display: -webkit-box; 3068 display: -webkit-box;
3069 display: -ms-flexbox; 3069 display: -ms-flexbox;
3070 display: flex; 3070 display: flex;
3071 -webkit-box-orient: vertical; 3071 -webkit-box-orient: vertical;
3072 -webkit-box-direction: normal; 3072 -webkit-box-direction: normal;
3073 -ms-flex-direction: column; 3073 -ms-flex-direction: column;
3074 flex-direction: column; 3074 flex-direction: column;
3075 gap: 8px; 3075 gap: 8px;
3076 } 3076 }
3077 @media (min-width: 992px) { 3077 @media (min-width: 992px) {
3078 .main__content ul, 3078 .main__content ul,
3079 .main__content ol { 3079 .main__content ol {
3080 gap: 16px; 3080 gap: 16px;
3081 padding-left: 30px; 3081 padding-left: 30px;
3082 } 3082 }
3083 } 3083 }
3084 .main__content li ul, 3084 .main__content li ul,
3085 .main__content li ol { 3085 .main__content li ol {
3086 margin-top: 8px; 3086 margin-top: 8px;
3087 } 3087 }
3088 @media (min-width: 992px) { 3088 @media (min-width: 992px) {
3089 .main__content li ul, 3089 .main__content li ul,
3090 .main__content li ol { 3090 .main__content li ol {
3091 margin-top: 16px; 3091 margin-top: 16px;
3092 } 3092 }
3093 } 3093 }
3094 .main__content li ul li, 3094 .main__content li ul li,
3095 .main__content li ol li { 3095 .main__content li ol li {
3096 list-style-type: disc; 3096 list-style-type: disc;
3097 } 3097 }
3098 .main__gallery { 3098 .main__gallery {
3099 display: -webkit-box; 3099 display: -webkit-box;
3100 display: -ms-flexbox; 3100 display: -ms-flexbox;
3101 display: flex; 3101 display: flex;
3102 -webkit-box-orient: vertical; 3102 -webkit-box-orient: vertical;
3103 -webkit-box-direction: normal; 3103 -webkit-box-direction: normal;
3104 -ms-flex-direction: column; 3104 -ms-flex-direction: column;
3105 flex-direction: column; 3105 flex-direction: column;
3106 gap: 20px; 3106 gap: 20px;
3107 } 3107 }
3108 @media (min-width: 768px) { 3108 @media (min-width: 768px) {
3109 .main__gallery { 3109 .main__gallery {
3110 display: grid; 3110 display: grid;
3111 grid-template-columns: repeat(2, 1fr); 3111 grid-template-columns: repeat(2, 1fr);
3112 } 3112 }
3113 } 3113 }
3114 @media (min-width: 992px) { 3114 @media (min-width: 992px) {
3115 .main__gallery { 3115 .main__gallery {
3116 grid-template-columns: repeat(3, 1fr); 3116 grid-template-columns: repeat(3, 1fr);
3117 } 3117 }
3118 } 3118 }
3119 .main__gallery-item { 3119 .main__gallery-item {
3120 width: 100%; 3120 width: 100%;
3121 aspect-ratio: 400/224; 3121 aspect-ratio: 400/224;
3122 border-radius: 30px; 3122 border-radius: 30px;
3123 position: relative; 3123 position: relative;
3124 overflow: hidden; 3124 overflow: hidden;
3125 } 3125 }
3126 .main__gallery-item:hover { 3126 .main__gallery-item:hover {
3127 -webkit-filter: brightness(1.1); 3127 -webkit-filter: brightness(1.1);
3128 filter: brightness(1.1); 3128 filter: brightness(1.1);
3129 } 3129 }
3130 .main__gallery-item img { 3130 .main__gallery-item img {
3131 position: absolute; 3131 position: absolute;
3132 top: 0; 3132 top: 0;
3133 left: 0; 3133 left: 0;
3134 width: 100%; 3134 width: 100%;
3135 height: 100%; 3135 height: 100%;
3136 -o-object-fit: cover; 3136 -o-object-fit: cover;
3137 object-fit: cover; 3137 object-fit: cover;
3138 } 3138 }
3139 .main__employers { 3139 .main__employers {
3140 display: -webkit-box; 3140 display: -webkit-box;
3141 display: -ms-flexbox; 3141 display: -ms-flexbox;
3142 display: flex; 3142 display: flex;
3143 -webkit-box-orient: vertical; 3143 -webkit-box-orient: vertical;
3144 -webkit-box-direction: normal; 3144 -webkit-box-direction: normal;
3145 -ms-flex-direction: column; 3145 -ms-flex-direction: column;
3146 flex-direction: column; 3146 flex-direction: column;
3147 gap: 10px; 3147 gap: 10px;
3148 } 3148 }
3149 @media (min-width: 768px) { 3149 @media (min-width: 768px) {
3150 .main__employers { 3150 .main__employers {
3151 gap: 30px; 3151 gap: 30px;
3152 } 3152 }
3153 } 3153 }
3154 .main__employers-body { 3154 .main__employers-body {
3155 display: none; 3155 display: none;
3156 -webkit-box-orient: vertical; 3156 -webkit-box-orient: vertical;
3157 -webkit-box-direction: normal; 3157 -webkit-box-direction: normal;
3158 -ms-flex-direction: column; 3158 -ms-flex-direction: column;
3159 flex-direction: column; 3159 flex-direction: column;
3160 gap: 20px; 3160 gap: 20px;
3161 } 3161 }
3162 @media (min-width: 992px) { 3162 @media (min-width: 992px) {
3163 .main__employers-body { 3163 .main__employers-body {
3164 gap: 30px; 3164 gap: 30px;
3165 } 3165 }
3166 } 3166 }
3167 .main__employers-body.showed { 3167 .main__employers-body.showed {
3168 display: -webkit-box; 3168 display: -webkit-box;
3169 display: -ms-flexbox; 3169 display: -ms-flexbox;
3170 display: flex; 3170 display: flex;
3171 } 3171 }
3172 .main__employers-item { 3172 .main__employers-item {
3173 display: -webkit-box; 3173 display: -webkit-box;
3174 display: -ms-flexbox; 3174 display: -ms-flexbox;
3175 display: flex; 3175 display: flex;
3176 -webkit-box-orient: vertical; 3176 -webkit-box-orient: vertical;
3177 -webkit-box-direction: normal; 3177 -webkit-box-direction: normal;
3178 -ms-flex-direction: column; 3178 -ms-flex-direction: column;
3179 flex-direction: column; 3179 flex-direction: column;
3180 border: 1px solid #cecece; 3180 border: 1px solid #cecece;
3181 border-radius: 8px; 3181 border-radius: 8px;
3182 position: relative; 3182 position: relative;
3183 overflow: hidden; 3183 overflow: hidden;
3184 padding: 10px; 3184 padding: 10px;
3185 padding-top: 50px; 3185 padding-top: 50px;
3186 padding-bottom: 30px; 3186 padding-bottom: 30px;
3187 } 3187 }
3188 @media (min-width: 768px) { 3188 @media (min-width: 768px) {
3189 .main__employers-item { 3189 .main__employers-item {
3190 -webkit-box-orient: horizontal; 3190 -webkit-box-orient: horizontal;
3191 -webkit-box-direction: normal; 3191 -webkit-box-direction: normal;
3192 -ms-flex-direction: row; 3192 -ms-flex-direction: row;
3193 flex-direction: row; 3193 flex-direction: row;
3194 -webkit-box-align: center; 3194 -webkit-box-align: center;
3195 -ms-flex-align: center; 3195 -ms-flex-align: center;
3196 align-items: center; 3196 align-items: center;
3197 -webkit-box-pack: justify; 3197 -webkit-box-pack: justify;
3198 -ms-flex-pack: justify; 3198 -ms-flex-pack: justify;
3199 justify-content: space-between; 3199 justify-content: space-between;
3200 padding: 55px 20px; 3200 padding: 55px 20px;
3201 } 3201 }
3202 } 3202 }
3203 @media (min-width: 1280px) { 3203 @media (min-width: 1280px) {
3204 .main__employers-item { 3204 .main__employers-item {
3205 padding-left: 55px; 3205 padding-left: 55px;
3206 } 3206 }
3207 } 3207 }
3208 .main__employers-item-inner { 3208 .main__employers-item-inner {
3209 display: -webkit-box; 3209 display: -webkit-box;
3210 display: -ms-flexbox; 3210 display: -ms-flexbox;
3211 display: flex; 3211 display: flex;
3212 -webkit-box-orient: vertical; 3212 -webkit-box-orient: vertical;
3213 -webkit-box-direction: normal; 3213 -webkit-box-direction: normal;
3214 -ms-flex-direction: column; 3214 -ms-flex-direction: column;
3215 flex-direction: column; 3215 flex-direction: column;
3216 } 3216 }
3217 @media (min-width: 768px) { 3217 @media (min-width: 768px) {
3218 .main__employers-item-inner { 3218 .main__employers-item-inner {
3219 width: calc(100% - 200px); 3219 width: calc(100% - 200px);
3220 padding-right: 40px; 3220 padding-right: 40px;
3221 } 3221 }
3222 } 3222 }
3223 @media (min-width: 992px) { 3223 @media (min-width: 992px) {
3224 .main__employers-item-inner { 3224 .main__employers-item-inner {
3225 -webkit-box-orient: horizontal; 3225 -webkit-box-orient: horizontal;
3226 -webkit-box-direction: normal; 3226 -webkit-box-direction: normal;
3227 -ms-flex-direction: row; 3227 -ms-flex-direction: row;
3228 flex-direction: row; 3228 flex-direction: row;
3229 -webkit-box-align: center; 3229 -webkit-box-align: center;
3230 -ms-flex-align: center; 3230 -ms-flex-align: center;
3231 align-items: center; 3231 align-items: center;
3232 } 3232 }
3233 } 3233 }
3234 .main__employers-item-pic { 3234 .main__employers-item-pic {
3235 height: 30px; 3235 height: 30px;
3236 position: absolute; 3236 position: absolute;
3237 top: 10px; 3237 top: 10px;
3238 left: 10px; 3238 left: 10px;
3239 } 3239 }
3240 @media (min-width: 768px) { 3240 @media (min-width: 768px) {
3241 .main__employers-item-pic { 3241 .main__employers-item-pic {
3242 position: static; 3242 position: static;
3243 width: 150px; 3243 width: 150px;
3244 height: auto; 3244 height: auto;
3245 max-height: 150px; 3245 max-height: 150px;
3246 -o-object-fit: contain; 3246 -o-object-fit: contain;
3247 object-fit: contain; 3247 object-fit: contain;
3248 } 3248 }
3249 } 3249 }
3250 .main__employers-item-body { 3250 .main__employers-item-body {
3251 font-size: 12px; 3251 font-size: 12px;
3252 display: -webkit-box; 3252 display: -webkit-box;
3253 display: -ms-flexbox; 3253 display: -ms-flexbox;
3254 display: flex; 3254 display: flex;
3255 -webkit-box-orient: vertical; 3255 -webkit-box-orient: vertical;
3256 -webkit-box-direction: normal; 3256 -webkit-box-direction: normal;
3257 -ms-flex-direction: column; 3257 -ms-flex-direction: column;
3258 flex-direction: column; 3258 flex-direction: column;
3259 gap: 10px; 3259 gap: 10px;
3260 } 3260 }
3261 @media (min-width: 768px) { 3261 @media (min-width: 768px) {
3262 .main__employers-item-body { 3262 .main__employers-item-body {
3263 font-size: 16px; 3263 font-size: 16px;
3264 padding-top: 20px; 3264 padding-top: 20px;
3265 } 3265 }
3266 } 3266 }
3267 @media (min-width: 992px) { 3267 @media (min-width: 992px) {
3268 .main__employers-item-body { 3268 .main__employers-item-body {
3269 width: calc(100% - 150px); 3269 width: calc(100% - 150px);
3270 padding: 0; 3270 padding: 0;
3271 padding-left: 40px; 3271 padding-left: 40px;
3272 } 3272 }
3273 } 3273 }
3274 .main__employers-item-body b { 3274 .main__employers-item-body b {
3275 font-weight: 700; 3275 font-weight: 700;
3276 } 3276 }
3277 @media (min-width: 768px) { 3277 @media (min-width: 768px) {
3278 .main__employers-item-body b { 3278 .main__employers-item-body b {
3279 font-size: 20px; 3279 font-size: 20px;
3280 } 3280 }
3281 } 3281 }
3282 .main__employers-item-body i { 3282 .main__employers-item-body i {
3283 font-style: normal; 3283 font-style: normal;
3284 color: #000; 3284 color: #000;
3285 } 3285 }
3286 .main__employers-item-more { 3286 .main__employers-item-more {
3287 position: absolute; 3287 position: absolute;
3288 top: 10px; 3288 top: 10px;
3289 right: 10px; 3289 right: 10px;
3290 } 3290 }
3291 @media (min-width: 768px) { 3291 @media (min-width: 768px) {
3292 .main__employers-item-more { 3292 .main__employers-item-more {
3293 width: 200px; 3293 width: 200px;
3294 padding: 0; 3294 padding: 0;
3295 position: static; 3295 position: static;
3296 } 3296 }
3297 } 3297 }
3298 .main__employers-item-label { 3298 .main__employers-item-label {
3299 background: #4d88d9; 3299 background: #4d88d9;
3300 color: #fff; 3300 color: #fff;
3301 border-radius: 6px; 3301 border-radius: 6px;
3302 width: 100%; 3302 width: 100%;
3303 height: 20px; 3303 height: 20px;
3304 display: -webkit-box; 3304 display: -webkit-box;
3305 display: -ms-flexbox; 3305 display: -ms-flexbox;
3306 display: flex; 3306 display: flex;
3307 -webkit-box-align: center; 3307 -webkit-box-align: center;
3308 -ms-flex-align: center; 3308 -ms-flex-align: center;
3309 align-items: center; 3309 align-items: center;
3310 padding: 0 12px; 3310 padding: 0 12px;
3311 position: absolute; 3311 position: absolute;
3312 bottom: 0; 3312 bottom: 0;
3313 left: 0; 3313 left: 0;
3314 font-size: 12px; 3314 font-size: 12px;
3315 line-height: 1; 3315 line-height: 1;
3316 } 3316 }
3317 @media (min-width: 768px) { 3317 @media (min-width: 768px) {
3318 .main__employers-item-label { 3318 .main__employers-item-label {
3319 max-width: 350px; 3319 max-width: 350px;
3320 height: 30px; 3320 height: 30px;
3321 font-size: 15px; 3321 font-size: 15px;
3322 } 3322 }
3323 } 3323 }
3324 .main__employers-item-label svg { 3324 .main__employers-item-label svg {
3325 width: 8px; 3325 width: 8px;
3326 height: 8px; 3326 height: 8px;
3327 } 3327 }
3328 @media (min-width: 768px) { 3328 @media (min-width: 768px) {
3329 .main__employers-item-label svg { 3329 .main__employers-item-label svg {
3330 width: 12px; 3330 width: 12px;
3331 height: 12px; 3331 height: 12px;
3332 } 3332 }
3333 } 3333 }
3334 .main__employers-item-label span { 3334 .main__employers-item-label span {
3335 overflow: hidden; 3335 overflow: hidden;
3336 display: -webkit-box; 3336 display: -webkit-box;
3337 -webkit-box-orient: vertical; 3337 -webkit-box-orient: vertical;
3338 -webkit-line-clamp: 1; 3338 -webkit-line-clamp: 1;
3339 width: calc(100% - 8px); 3339 width: calc(100% - 8px);
3340 padding-left: 6px; 3340 padding-left: 6px;
3341 } 3341 }
3342 .main__employers-one { 3342 .main__employers-one {
3343 display: -webkit-box; 3343 display: -webkit-box;
3344 display: -ms-flexbox; 3344 display: -ms-flexbox;
3345 display: flex; 3345 display: flex;
3346 -webkit-box-orient: vertical; 3346 -webkit-box-orient: vertical;
3347 -webkit-box-direction: normal; 3347 -webkit-box-direction: normal;
3348 -ms-flex-direction: column; 3348 -ms-flex-direction: column;
3349 flex-direction: column; 3349 flex-direction: column;
3350 gap: 20px; 3350 gap: 20px;
3351 } 3351 }
3352 .main__employers-two { 3352 .main__employers-two {
3353 display: -webkit-box; 3353 display: -webkit-box;
3354 display: -ms-flexbox; 3354 display: -ms-flexbox;
3355 display: flex; 3355 display: flex;
3356 -webkit-box-orient: vertical; 3356 -webkit-box-orient: vertical;
3357 -webkit-box-direction: normal; 3357 -webkit-box-direction: normal;
3358 -ms-flex-direction: column; 3358 -ms-flex-direction: column;
3359 flex-direction: column; 3359 flex-direction: column;
3360 gap: 20px; 3360 gap: 20px;
3361 } 3361 }
3362 @media (min-width: 768px) { 3362 @media (min-width: 768px) {
3363 .main__employers-two { 3363 .main__employers-two {
3364 -webkit-box-orient: horizontal; 3364 -webkit-box-orient: horizontal;
3365 -webkit-box-direction: normal; 3365 -webkit-box-direction: normal;
3366 -ms-flex-direction: row; 3366 -ms-flex-direction: row;
3367 flex-direction: row; 3367 flex-direction: row;
3368 -ms-flex-wrap: wrap; 3368 -ms-flex-wrap: wrap;
3369 flex-wrap: wrap; 3369 flex-wrap: wrap;
3370 -webkit-box-align: start; 3370 -webkit-box-align: start;
3371 -ms-flex-align: start; 3371 -ms-flex-align: start;
3372 align-items: flex-start; 3372 align-items: flex-start;
3373 -webkit-box-pack: justify; 3373 -webkit-box-pack: justify;
3374 -ms-flex-pack: justify; 3374 -ms-flex-pack: justify;
3375 justify-content: space-between; 3375 justify-content: space-between;
3376 gap: 20px 0; 3376 gap: 20px 0;
3377 } 3377 }
3378 } 3378 }
3379 .main__employers-two .main__employers-item { 3379 .main__employers-two .main__employers-item {
3380 width: calc(50% - 10px); 3380 width: calc(50% - 10px);
3381 -webkit-box-orient: vertical; 3381 -webkit-box-orient: vertical;
3382 -webkit-box-direction: normal; 3382 -webkit-box-direction: normal;
3383 -ms-flex-direction: column; 3383 -ms-flex-direction: column;
3384 flex-direction: column; 3384 flex-direction: column;
3385 -webkit-box-align: stretch; 3385 -webkit-box-align: stretch;
3386 -ms-flex-align: stretch; 3386 -ms-flex-align: stretch;
3387 align-items: stretch; 3387 align-items: stretch;
3388 padding-top: 30px; 3388 padding-top: 30px;
3389 } 3389 }
3390 .main__employers-two .main__employers-item-inner { 3390 .main__employers-two .main__employers-item-inner {
3391 width: 100%; 3391 width: 100%;
3392 padding: 0; 3392 padding: 0;
3393 } 3393 }
3394 .main__employers-two .main__employers-item-more { 3394 .main__employers-two .main__employers-item-more {
3395 position: static; 3395 position: static;
3396 margin-top: 20px; 3396 margin-top: 20px;
3397 } 3397 }
3398 @media (min-width: 992px) { 3398 @media (min-width: 992px) {
3399 .main__employers-two .main__employers-item-more { 3399 .main__employers-two .main__employers-item-more {
3400 margin-left: 190px; 3400 margin-left: 190px;
3401 } 3401 }
3402 } 3402 }
3403 .main__employers-two .main__employers-item-label { 3403 .main__employers-two .main__employers-item-label {
3404 max-width: none; 3404 max-width: none;
3405 } 3405 }
3406 .main__employer-page { 3406 .main__employer-page {
3407 display: -webkit-box; 3407 display: -webkit-box;
3408 display: -ms-flexbox; 3408 display: -ms-flexbox;
3409 display: flex; 3409 display: flex;
3410 -webkit-box-orient: vertical; 3410 -webkit-box-orient: vertical;
3411 -webkit-box-direction: normal; 3411 -webkit-box-direction: normal;
3412 -ms-flex-direction: column; 3412 -ms-flex-direction: column;
3413 flex-direction: column; 3413 flex-direction: column;
3414 gap: 20px; 3414 gap: 20px;
3415 } 3415 }
3416 @media (min-width: 768px) { 3416 @media (min-width: 768px) {
3417 .main__employer-page { 3417 .main__employer-page {
3418 gap: 30px; 3418 gap: 30px;
3419 } 3419 }
3420 } 3420 }
3421 .main__employer-page-title { 3421 .main__employer-page-title {
3422 color: #000; 3422 color: #000;
3423 margin: 0; 3423 margin: 0;
3424 font-size: 30px; 3424 font-size: 30px;
3425 } 3425 }
3426 @media (min-width: 768px) { 3426 @media (min-width: 768px) {
3427 .main__employer-page-title { 3427 .main__employer-page-title {
3428 font-size: 36px; 3428 font-size: 36px;
3429 } 3429 }
3430 } 3430 }
3431 @media (min-width: 992px) { 3431 @media (min-width: 992px) {
3432 .main__employer-page-title { 3432 .main__employer-page-title {
3433 font-size: 44px; 3433 font-size: 44px;
3434 } 3434 }
3435 } 3435 }
3436 .main__employer-page-item { 3436 .main__employer-page-item {
3437 display: -webkit-box; 3437 display: -webkit-box;
3438 display: -ms-flexbox; 3438 display: -ms-flexbox;
3439 display: flex; 3439 display: flex;
3440 -webkit-box-orient: vertical; 3440 -webkit-box-orient: vertical;
3441 -webkit-box-direction: normal; 3441 -webkit-box-direction: normal;
3442 -ms-flex-direction: column; 3442 -ms-flex-direction: column;
3443 flex-direction: column; 3443 flex-direction: column;
3444 gap: 4px; 3444 gap: 4px;
3445 font-size: 12px; 3445 font-size: 12px;
3446 line-height: 1.4; 3446 line-height: 1.4;
3447 width: 190px; 3447 width: 190px;
3448 } 3448 }
3449 .main__employer-page-item.main__employer-page-description{ 3449 .main__employer-page-item.main__employer-page-description{
3450 width: unset; 3450 width: unset;
3451 } 3451 }
3452 @media (min-width: 768px) { 3452 @media (min-width: 768px) {
3453 .main__employer-page-item { 3453 .main__employer-page-item {
3454 font-size: 18px; 3454 font-size: 18px;
3455 gap: 8px; 3455 gap: 8px;
3456 } 3456 }
3457 } 3457 }
3458 .main__employer-page-item b { 3458 .main__employer-page-item b {
3459 color: #377d87; 3459 color: #377d87;
3460 font-size: 14px; 3460 font-size: 14px;
3461 } 3461 }
3462 @media (min-width: 768px) { 3462 @media (min-width: 768px) {
3463 .main__employer-page-item b { 3463 .main__employer-page-item b {
3464 font-size: 18px; 3464 font-size: 18px;
3465 } 3465 }
3466 } 3466 }
3467 .main__employer-page-item span { 3467 .main__employer-page-item span {
3468 color: #000; 3468 color: #000;
3469 } 3469 }
3470 .main__employer-page-info { 3470 .main__employer-page-info {
3471 display: -webkit-box; 3471 display: -webkit-box;
3472 display: -ms-flexbox; 3472 display: -ms-flexbox;
3473 display: flex; 3473 display: flex;
3474 -webkit-box-orient: vertical; 3474 -webkit-box-orient: vertical;
3475 -webkit-box-direction: normal; 3475 -webkit-box-direction: normal;
3476 -ms-flex-direction: column; 3476 -ms-flex-direction: column;
3477 flex-direction: column; 3477 flex-direction: column;
3478 gap: 20px; 3478 gap: 20px;
3479 } 3479 }
3480 .main__employer-page-info.row2{ 3480 .main__employer-page-info.row2{
3481 justify-content: flex-start; 3481 justify-content: flex-start;
3482 } 3482 }
3483 .main__employer-page-info.row2 .main__employer-page-item{ 3483 .main__employer-page-info.row2 .main__employer-page-item{
3484 width: 25%; 3484 width: 25%;
3485 } 3485 }
3486 @media (min-width: 768px) { 3486 @media (min-width: 768px) {
3487 .main__employer-page-info { 3487 .main__employer-page-info {
3488 display: grid; 3488 display: grid;
3489 grid-template-columns: repeat(2, 1fr); 3489 grid-template-columns: repeat(2, 1fr);
3490 gap: 30px 40px; 3490 gap: 30px 40px;
3491 } 3491 }
3492 } 3492 }
3493 @media (min-width: 1280px) { 3493 @media (min-width: 1280px) {
3494 .main__employer-page-info { 3494 .main__employer-page-info {
3495 display: -webkit-box; 3495 display: -webkit-box;
3496 display: -ms-flexbox; 3496 display: -ms-flexbox;
3497 display: flex; 3497 display: flex;
3498 -webkit-box-orient: horizontal; 3498 -webkit-box-orient: horizontal;
3499 -webkit-box-direction: normal; 3499 -webkit-box-direction: normal;
3500 -ms-flex-direction: row; 3500 -ms-flex-direction: row;
3501 flex-direction: row; 3501 flex-direction: row;
3502 -webkit-box-align: start; 3502 -webkit-box-align: start;
3503 -ms-flex-align: start; 3503 -ms-flex-align: start;
3504 align-items: flex-start; 3504 align-items: flex-start;
3505 -webkit-box-pack: justify; 3505 -webkit-box-pack: justify;
3506 -ms-flex-pack: justify; 3506 -ms-flex-pack: justify;
3507 justify-content: space-between; 3507 justify-content: space-between;
3508 padding-right: 160px; 3508 padding-right: 160px;
3509 } 3509 }
3510 } 3510 }
3511 @media (min-width: 768px) { 3511 @media (min-width: 768px) {
3512 .main__employer-page-info .main__employer-page-item b, 3512 .main__employer-page-info .main__employer-page-item b,
3513 .main__employer-page-info .main__employer-page-item span { 3513 .main__employer-page-info .main__employer-page-item span {
3514 max-width: 300px; 3514 max-width: 300px;
3515 } 3515 }
3516 } 3516 }
3517 .main__employer-page-tabs { 3517 .main__employer-page-tabs {
3518 display: -webkit-box; 3518 display: -webkit-box;
3519 display: -ms-flexbox; 3519 display: -ms-flexbox;
3520 display: flex; 3520 display: flex;
3521 -webkit-box-align: center; 3521 -webkit-box-align: center;
3522 -ms-flex-align: center; 3522 -ms-flex-align: center;
3523 align-items: center; 3523 align-items: center;
3524 gap: 20px; 3524 gap: 20px;
3525 } 3525 }
3526 @media (min-width: 768px) { 3526 @media (min-width: 768px) {
3527 .main__employer-page-tabs { 3527 .main__employer-page-tabs {
3528 margin-top: 20px; 3528 margin-top: 20px;
3529 } 3529 }
3530 } 3530 }
3531 .main__employer-page-tabs-item { 3531 .main__employer-page-tabs-item {
3532 font-size: 22px; 3532 font-size: 22px;
3533 font-weight: 700; 3533 font-weight: 700;
3534 border: none; 3534 border: none;
3535 background: none; 3535 background: none;
3536 padding: 0; 3536 padding: 0;
3537 color: #9c9d9d; 3537 color: #9c9d9d;
3538 text-decoration: underline; 3538 text-decoration: underline;
3539 text-decoration-thickness: 1px; 3539 text-decoration-thickness: 1px;
3540 } 3540 }
3541 @media (min-width: 768px) { 3541 @media (min-width: 768px) {
3542 .main__employer-page-tabs-item { 3542 .main__employer-page-tabs-item {
3543 font-size: 24px; 3543 font-size: 24px;
3544 } 3544 }
3545 } 3545 }
3546 .main__employer-page-tabs-item.active { 3546 .main__employer-page-tabs-item.active {
3547 color: #377d87; 3547 color: #377d87;
3548 } 3548 }
3549 .main__employer-page-body { 3549 .main__employer-page-body {
3550 display: -webkit-box; 3550 display: -webkit-box;
3551 display: -ms-flexbox; 3551 display: -ms-flexbox;
3552 display: flex; 3552 display: flex;
3553 -webkit-box-orient: vertical; 3553 -webkit-box-orient: vertical;
3554 -webkit-box-direction: normal; 3554 -webkit-box-direction: normal;
3555 -ms-flex-direction: column; 3555 -ms-flex-direction: column;
3556 flex-direction: column; 3556 flex-direction: column;
3557 margin-top: 10px; 3557 margin-top: 10px;
3558 } 3558 }
3559 @media (min-width: 768px) { 3559 @media (min-width: 768px) {
3560 .main__employer-page-body { 3560 .main__employer-page-body {
3561 margin-top: 30px; 3561 margin-top: 30px;
3562 } 3562 }
3563 } 3563 }
3564 .main__employer-page-body-item { 3564 .main__employer-page-body-item {
3565 display: none; 3565 display: none;
3566 -webkit-box-orient: vertical; 3566 -webkit-box-orient: vertical;
3567 -webkit-box-direction: normal; 3567 -webkit-box-direction: normal;
3568 -ms-flex-direction: column; 3568 -ms-flex-direction: column;
3569 flex-direction: column; 3569 flex-direction: column;
3570 gap: 20px; 3570 gap: 20px;
3571 } 3571 }
3572 .main__employer-page-body-item.showed { 3572 .main__employer-page-body-item.showed {
3573 display: -webkit-box; 3573 display: -webkit-box;
3574 display: -ms-flexbox; 3574 display: -ms-flexbox;
3575 display: flex; 3575 display: flex;
3576 } 3576 }
3577 .main__employer-page-one { 3577 .main__employer-page-one {
3578 display: -webkit-box; 3578 display: -webkit-box;
3579 display: -ms-flexbox; 3579 display: -ms-flexbox;
3580 display: flex; 3580 display: flex;
3581 -webkit-box-orient: vertical; 3581 -webkit-box-orient: vertical;
3582 -webkit-box-direction: normal; 3582 -webkit-box-direction: normal;
3583 -ms-flex-direction: column; 3583 -ms-flex-direction: column;
3584 flex-direction: column; 3584 flex-direction: column;
3585 gap: 20px; 3585 gap: 20px;
3586 } 3586 }
3587 @media (min-width: 768px) { 3587 @media (min-width: 768px) {
3588 .main__employer-page-one { 3588 .main__employer-page-one {
3589 display: grid; 3589 display: grid;
3590 grid-template-columns: repeat(2, 1fr); 3590 grid-template-columns: repeat(2, 1fr);
3591 } 3591 }
3592 } 3592 }
3593 @media (min-width: 992px) { 3593 @media (min-width: 992px) {
3594 .main__employer-page-one { 3594 .main__employer-page-one {
3595 grid-template-columns: repeat(3, 1fr); 3595 grid-template-columns: repeat(3, 1fr);
3596 } 3596 }
3597 } 3597 }
3598 @media (min-width: 1280px) { 3598 @media (min-width: 1280px) {
3599 .main__employer-page-one { 3599 .main__employer-page-one {
3600 grid-template-columns: repeat(4, 1fr); 3600 grid-template-columns: repeat(4, 1fr);
3601 gap: 30px 20px; 3601 gap: 30px 20px;
3602 } 3602 }
3603 } 3603 }
3604 .main__employer-page-one-item { 3604 .main__employer-page-one-item {
3605 display: -webkit-box; 3605 display: -webkit-box;
3606 display: -ms-flexbox; 3606 display: -ms-flexbox;
3607 display: flex; 3607 display: flex;
3608 -webkit-box-orient: vertical; 3608 -webkit-box-orient: vertical;
3609 -webkit-box-direction: normal; 3609 -webkit-box-direction: normal;
3610 -ms-flex-direction: column; 3610 -ms-flex-direction: column;
3611 flex-direction: column; 3611 flex-direction: column;
3612 gap: 10px; 3612 gap: 10px;
3613 font-size: 12px; 3613 font-size: 12px;
3614 position: relative; 3614 position: relative;
3615 } 3615 }
3616 @media (min-width: 1280px) { 3616 @media (min-width: 1280px) {
3617 .main__employer-page-one-item { 3617 .main__employer-page-one-item {
3618 font-size: 18px; 3618 font-size: 18px;
3619 } 3619 }
3620 } 3620 }
3621 .main__employer-page-one-item img { 3621 .main__employer-page-one-item img {
3622 border-radius: 10px; 3622 border-radius: 10px;
3623 -o-object-fit: cover; 3623 -o-object-fit: cover;
3624 object-fit: cover; 3624 object-fit: cover;
3625 width: 100%; 3625 width: 100%;
3626 max-height: 250px; 3626 max-height: 250px;
3627 aspect-ratio: 247/174; 3627 aspect-ratio: 247/174;
3628 } 3628 }
3629 @media (min-width: 1280px) { 3629 @media (min-width: 1280px) {
3630 .main__employer-page-one-item img { 3630 .main__employer-page-one-item img {
3631 margin-bottom: 10px; 3631 margin-bottom: 10px;
3632 } 3632 }
3633 } 3633 }
3634 .main__employer-page-one-item b { 3634 .main__employer-page-one-item b {
3635 font-weight: 700; 3635 font-weight: 700;
3636 color: #377d87; 3636 color: #377d87;
3637 } 3637 }
3638 .main__employer-page-one-item span { 3638 .main__employer-page-one-item span {
3639 color: #000; 3639 color: #000;
3640 } 3640 }
3641 .main__employer-page-one-item i { 3641 .main__employer-page-one-item i {
3642 font-style: normal; 3642 font-style: normal;
3643 color: #377d87; 3643 color: #377d87;
3644 } 3644 }
3645 .main__employer-page-one-item .del { 3645 .main__employer-page-one-item .del {
3646 position: absolute; 3646 position: absolute;
3647 z-index: 1; 3647 z-index: 1;
3648 top: 8px; 3648 top: 8px;
3649 left: 8px; 3649 left: 8px;
3650 } 3650 }
3651 .main__employer-page-two { 3651 .main__employer-page-two {
3652 display: -webkit-box; 3652 display: -webkit-box;
3653 display: -ms-flexbox; 3653 display: -ms-flexbox;
3654 display: flex; 3654 display: flex;
3655 -webkit-box-orient: vertical; 3655 -webkit-box-orient: vertical;
3656 -webkit-box-direction: normal; 3656 -webkit-box-direction: normal;
3657 -ms-flex-direction: column; 3657 -ms-flex-direction: column;
3658 flex-direction: column; 3658 flex-direction: column;
3659 -webkit-box-align: center; 3659 -webkit-box-align: center;
3660 -ms-flex-align: center; 3660 -ms-flex-align: center;
3661 align-items: center; 3661 align-items: center;
3662 gap: 20px; 3662 gap: 20px;
3663 } 3663 }
3664 .main__employer-page-two-item { 3664 .main__employer-page-two-item {
3665 width: 100%; 3665 width: 100%;
3666 display: -webkit-box; 3666 display: -webkit-box;
3667 display: -ms-flexbox; 3667 display: -ms-flexbox;
3668 display: flex; 3668 display: flex;
3669 -webkit-box-orient: vertical; 3669 -webkit-box-orient: vertical;
3670 -webkit-box-direction: normal; 3670 -webkit-box-direction: normal;
3671 -ms-flex-direction: column; 3671 -ms-flex-direction: column;
3672 flex-direction: column; 3672 flex-direction: column;
3673 gap: 16px; 3673 gap: 16px;
3674 padding: 20px 10px; 3674 padding: 20px 10px;
3675 border-radius: 12px; 3675 border-radius: 12px;
3676 border: 1px solid #cecece; 3676 border: 1px solid #cecece;
3677 position: relative; 3677 position: relative;
3678 overflow: hidden; 3678 overflow: hidden;
3679 font-size: 12px; 3679 font-size: 12px;
3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3681 } 3681 }
3682 @media (min-width: 768px) { 3682 @media (min-width: 768px) {
3683 .main__employer-page-two-item { 3683 .main__employer-page-two-item {
3684 font-size: 14px; 3684 font-size: 14px;
3685 padding: 20px; 3685 padding: 20px;
3686 gap: 24px; 3686 gap: 24px;
3687 padding-bottom: 35px; 3687 padding-bottom: 35px;
3688 } 3688 }
3689 } 3689 }
3690 @media (min-width: 992px) { 3690 @media (min-width: 992px) {
3691 .main__employer-page-two-item { 3691 .main__employer-page-two-item {
3692 font-size: 16px; 3692 font-size: 16px;
3693 } 3693 }
3694 } 3694 }
3695 @media (min-width: 1280px) { 3695 @media (min-width: 1280px) {
3696 .main__employer-page-two-item { 3696 .main__employer-page-two-item {
3697 font-size: 18px; 3697 font-size: 18px;
3698 } 3698 }
3699 } 3699 }
3700 .main__employer-page-two-item-toper { 3700 .main__employer-page-two-item-toper {
3701 display: -webkit-box; 3701 display: -webkit-box;
3702 display: -ms-flexbox; 3702 display: -ms-flexbox;
3703 display: flex; 3703 display: flex;
3704 -webkit-box-align: center; 3704 -webkit-box-align: center;
3705 -ms-flex-align: center; 3705 -ms-flex-align: center;
3706 align-items: center; 3706 align-items: center;
3707 font-size: 22px; 3707 font-size: 22px;
3708 font-weight: 700; 3708 font-weight: 700;
3709 color: #000; 3709 color: #000;
3710 } 3710 }
3711 @media (min-width: 768px) { 3711 @media (min-width: 768px) {
3712 .main__employer-page-two-item-toper { 3712 .main__employer-page-two-item-toper {
3713 font-size: 30px; 3713 font-size: 30px;
3714 } 3714 }
3715 } 3715 }
3716 .main__employer-page-two-item-toper img { 3716 .main__employer-page-two-item-toper img {
3717 width: 60px; 3717 width: 60px;
3718 aspect-ratio: 1/1; 3718 aspect-ratio: 1/1;
3719 -o-object-fit: contain; 3719 -o-object-fit: contain;
3720 object-fit: contain; 3720 object-fit: contain;
3721 } 3721 }
3722 .main__employer-page-two-item-toper span { 3722 .main__employer-page-two-item-toper span {
3723 width: calc(100% - 60px); 3723 width: calc(100% - 60px);
3724 padding-left: 10px; 3724 padding-left: 10px;
3725 } 3725 }
3726 @media (min-width: 768px) { 3726 @media (min-width: 768px) {
3727 .main__employer-page-two-item-toper span { 3727 .main__employer-page-two-item-toper span {
3728 padding-left: 20px; 3728 padding-left: 20px;
3729 } 3729 }
3730 } 3730 }
3731 .main__employer-page-two-item-title { 3731 .main__employer-page-two-item-title {
3732 font-size: 18px; 3732 font-size: 18px;
3733 font-weight: 700; 3733 font-weight: 700;
3734 color: #377d87; 3734 color: #377d87;
3735 } 3735 }
3736 @media (min-width: 768px) { 3736 @media (min-width: 768px) {
3737 .main__employer-page-two-item-title { 3737 .main__employer-page-two-item-title {
3738 font-size: 24px; 3738 font-size: 24px;
3739 } 3739 }
3740 } 3740 }
3741 .main__employer-page-two-item-text { 3741 .main__employer-page-two-item-text {
3742 display: -webkit-box; 3742 display: -webkit-box;
3743 display: -ms-flexbox; 3743 display: -ms-flexbox;
3744 display: flex; 3744 display: flex;
3745 -webkit-box-orient: vertical; 3745 -webkit-box-orient: vertical;
3746 -webkit-box-direction: normal; 3746 -webkit-box-direction: normal;
3747 -ms-flex-direction: column; 3747 -ms-flex-direction: column;
3748 flex-direction: column; 3748 flex-direction: column;
3749 gap: 10px; 3749 gap: 10px;
3750 } 3750 }
3751 .main__employer-page-two-item-text-name { 3751 .main__employer-page-two-item-text-name {
3752 font-weight: 700; 3752 font-weight: 700;
3753 } 3753 }
3754 .main__employer-page-two-item-text-body { 3754 .main__employer-page-two-item-text-body {
3755 color: #000; 3755 color: #000;
3756 display: -webkit-box; 3756 display: -webkit-box;
3757 display: -ms-flexbox; 3757 display: -ms-flexbox;
3758 display: flex; 3758 display: flex;
3759 -webkit-box-orient: vertical; 3759 -webkit-box-orient: vertical;
3760 -webkit-box-direction: normal; 3760 -webkit-box-direction: normal;
3761 -ms-flex-direction: column; 3761 -ms-flex-direction: column;
3762 flex-direction: column; 3762 flex-direction: column;
3763 gap: 6px; 3763 gap: 6px;
3764 padding: 0 10px; 3764 padding: 0 10px;
3765 } 3765 }
3766 .main__employer-page-two-item-text-body p { 3766 .main__employer-page-two-item-text-body p {
3767 margin: 0; 3767 margin: 0;
3768 } 3768 }
3769 .main__employer-page-two-item-text-body ul { 3769 .main__employer-page-two-item-text-body ul {
3770 margin: 0; 3770 margin: 0;
3771 padding: 0; 3771 padding: 0;
3772 padding-left: 16px; 3772 padding-left: 16px;
3773 display: -webkit-box; 3773 display: -webkit-box;
3774 display: -ms-flexbox; 3774 display: -ms-flexbox;
3775 display: flex; 3775 display: flex;
3776 -webkit-box-orient: vertical; 3776 -webkit-box-orient: vertical;
3777 -webkit-box-direction: normal; 3777 -webkit-box-direction: normal;
3778 -ms-flex-direction: column; 3778 -ms-flex-direction: column;
3779 flex-direction: column; 3779 flex-direction: column;
3780 gap: 6px; 3780 gap: 6px;
3781 } 3781 }
3782 @media (min-width: 768px) { 3782 @media (min-width: 768px) {
3783 .main__employer-page-two-item-text-body ul { 3783 .main__employer-page-two-item-text-body ul {
3784 margin: 0 5px; 3784 margin: 0 5px;
3785 } 3785 }
3786 } 3786 }
3787 .main__employer-page-two-item-text-body ul span, 3787 .main__employer-page-two-item-text-body ul span,
3788 .main__employer-page-two-item-text-body ul a { 3788 .main__employer-page-two-item-text-body ul a {
3789 color: #000; 3789 color: #000;
3790 position: relative; 3790 position: relative;
3791 } 3791 }
3792 .main__employer-page-two-item-text-body ul a:hover { 3792 .main__employer-page-two-item-text-body ul a:hover {
3793 color: #377d87; 3793 color: #377d87;
3794 } 3794 }
3795 .main__employer-page-two-item-text-body p + ul { 3795 .main__employer-page-two-item-text-body p + ul {
3796 margin-top: 10px; 3796 margin-top: 10px;
3797 } 3797 }
3798 .main__employer-page-two-item-text-links { 3798 .main__employer-page-two-item-text-links {
3799 display: -webkit-box; 3799 display: -webkit-box;
3800 display: -ms-flexbox; 3800 display: -ms-flexbox;
3801 display: flex; 3801 display: flex;
3802 -webkit-box-orient: vertical; 3802 -webkit-box-orient: vertical;
3803 -webkit-box-direction: normal; 3803 -webkit-box-direction: normal;
3804 -ms-flex-direction: column; 3804 -ms-flex-direction: column;
3805 flex-direction: column; 3805 flex-direction: column;
3806 -webkit-box-align: start; 3806 -webkit-box-align: start;
3807 -ms-flex-align: start; 3807 -ms-flex-align: start;
3808 align-items: flex-start; 3808 align-items: flex-start;
3809 gap: 10px; 3809 gap: 10px;
3810 padding: 0 10px; 3810 padding: 0 10px;
3811 font-weight: 700; 3811 font-weight: 700;
3812 margin-top: 5px; 3812 margin-top: 5px;
3813 } 3813 }
3814 @media (min-width: 768px) { 3814 @media (min-width: 768px) {
3815 .main__employer-page-two-item-text-links { 3815 .main__employer-page-two-item-text-links {
3816 gap: 20px; 3816 gap: 20px;
3817 } 3817 }
3818 } 3818 }
3819 .main__employer-page-two-item-text-links a { 3819 .main__employer-page-two-item-text-links a {
3820 color: #4d88d9; 3820 color: #4d88d9;
3821 } 3821 }
3822 .main__employer-page-two-item-text-links a:hover { 3822 .main__employer-page-two-item-text-links a:hover {
3823 color: #377d87; 3823 color: #377d87;
3824 } 3824 }
3825 .main__employer-page-two-item-tags { 3825 .main__employer-page-two-item-tags {
3826 color: #4d88d9; 3826 color: #4d88d9;
3827 font-weight: 500; 3827 font-weight: 500;
3828 display: -webkit-box; 3828 display: -webkit-box;
3829 display: -ms-flexbox; 3829 display: -ms-flexbox;
3830 display: flex; 3830 display: flex;
3831 -webkit-box-align: center; 3831 -webkit-box-align: center;
3832 -ms-flex-align: center; 3832 -ms-flex-align: center;
3833 align-items: center; 3833 align-items: center;
3834 -ms-flex-wrap: wrap; 3834 -ms-flex-wrap: wrap;
3835 flex-wrap: wrap; 3835 flex-wrap: wrap;
3836 gap: 10px 20px; 3836 gap: 10px 20px;
3837 } 3837 }
3838 @media (min-width: 768px) { 3838 @media (min-width: 768px) {
3839 .main__employer-page-two-item-tags { 3839 .main__employer-page-two-item-tags {
3840 font-size: 14px; 3840 font-size: 14px;
3841 } 3841 }
3842 } 3842 }
3843 .main__employer-page-two-item-buttons { 3843 .main__employer-page-two-item-buttons {
3844 display: grid; 3844 display: grid;
3845 grid-template-columns: repeat(2, 1fr); 3845 grid-template-columns: repeat(2, 1fr);
3846 gap: 20px; 3846 gap: 20px;
3847 } 3847 }
3848 @media (min-width: 768px) { 3848 @media (min-width: 768px) {
3849 .main__employer-page-two-item-button { 3849 .main__employer-page-two-item-button {
3850 position: absolute; 3850 position: absolute;
3851 bottom: 20px; 3851 bottom: 20px;
3852 left: 20px; 3852 left: 20px;
3853 width: 200px; 3853 width: 200px;
3854 padding: 0; 3854 padding: 0;
3855 } 3855 }
3856 } 3856 }
3857 @media (min-width: 768px) { 3857 @media (min-width: 768px) {
3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3859 left: auto; 3859 left: auto;
3860 right: 20px; 3860 right: 20px;
3861 } 3861 }
3862 } 3862 }
3863 .main__employer-page-two-item-bottom { 3863 .main__employer-page-two-item-bottom {
3864 display: -webkit-box; 3864 display: -webkit-box;
3865 display: -ms-flexbox; 3865 display: -ms-flexbox;
3866 display: flex; 3866 display: flex;
3867 -webkit-box-align: center; 3867 -webkit-box-align: center;
3868 -ms-flex-align: center; 3868 -ms-flex-align: center;
3869 align-items: center; 3869 align-items: center;
3870 -webkit-box-pack: justify; 3870 -webkit-box-pack: justify;
3871 -ms-flex-pack: justify; 3871 -ms-flex-pack: justify;
3872 justify-content: space-between; 3872 justify-content: space-between;
3873 } 3873 }
3874 .main__employer-page-two-item-bottom-date { 3874 .main__employer-page-two-item-bottom-date {
3875 color: #000; 3875 color: #000;
3876 } 3876 }
3877 @media (min-width: 768px) { 3877 @media (min-width: 768px) {
3878 .main__employer-page-two-item-bottom-date { 3878 .main__employer-page-two-item-bottom-date {
3879 position: absolute; 3879 position: absolute;
3880 bottom: 20px; 3880 bottom: 20px;
3881 right: 240px; 3881 right: 240px;
3882 height: 42px; 3882 height: 42px;
3883 display: -webkit-box; 3883 display: -webkit-box;
3884 display: -ms-flexbox; 3884 display: -ms-flexbox;
3885 display: flex; 3885 display: flex;
3886 -webkit-box-align: center; 3886 -webkit-box-align: center;
3887 -ms-flex-align: center; 3887 -ms-flex-align: center;
3888 align-items: center; 3888 align-items: center;
3889 } 3889 }
3890 } 3890 }
3891 @media (min-width: 992px) { 3891 @media (min-width: 992px) {
3892 .main__employer-page-two-item-bottom-date { 3892 .main__employer-page-two-item-bottom-date {
3893 font-size: 16px; 3893 font-size: 16px;
3894 } 3894 }
3895 } 3895 }
3896 @media (min-width: 768px) { 3896 @media (min-width: 768px) {
3897 .main__employer-page-two-item-bottom-like { 3897 .main__employer-page-two-item-bottom-like {
3898 position: absolute; 3898 position: absolute;
3899 bottom: 20px; 3899 bottom: 20px;
3900 left: 240px; 3900 left: 240px;
3901 } 3901 }
3902 } 3902 }
3903 @media (min-width: 768px) { 3903 @media (min-width: 768px) {
3904 .main__employer-page-two-more { 3904 .main__employer-page-two-more {
3905 margin-top: 10px; 3905 margin-top: 10px;
3906 padding: 0; 3906 padding: 0;
3907 width: 200px; 3907 width: 200px;
3908 } 3908 }
3909 } 3909 }
3910 .main__employer-page-two .main__employer-page-two-item { 3910 .main__employer-page-two .main__employer-page-two-item {
3911 /*display: none;*/ 3911 /*display: none;*/
3912 } 3912 }
3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
3914 display: -webkit-box; 3914 display: -webkit-box;
3915 display: -ms-flexbox; 3915 display: -ms-flexbox;
3916 display: flex; 3916 display: flex;
3917 } 3917 }
3918 .main__employer-page-two.active .main__employer-page-two-item { 3918 .main__employer-page-two.active .main__employer-page-two-item {
3919 display: -webkit-box; 3919 display: -webkit-box;
3920 display: -ms-flexbox; 3920 display: -ms-flexbox;
3921 display: flex; 3921 display: flex;
3922 } 3922 }
3923 .main__resume-base { 3923 .main__resume-base {
3924 display: -webkit-box; 3924 display: -webkit-box;
3925 display: -ms-flexbox; 3925 display: -ms-flexbox;
3926 display: flex; 3926 display: flex;
3927 -webkit-box-orient: vertical; 3927 -webkit-box-orient: vertical;
3928 -webkit-box-direction: normal; 3928 -webkit-box-direction: normal;
3929 -ms-flex-direction: column; 3929 -ms-flex-direction: column;
3930 flex-direction: column; 3930 flex-direction: column;
3931 color: #000; 3931 color: #000;
3932 } 3932 }
3933 .main__resume-base-body { 3933 .main__resume-base-body {
3934 display: none; 3934 display: none;
3935 -webkit-box-orient: vertical; 3935 -webkit-box-orient: vertical;
3936 -webkit-box-direction: normal; 3936 -webkit-box-direction: normal;
3937 -ms-flex-direction: column; 3937 -ms-flex-direction: column;
3938 flex-direction: column; 3938 flex-direction: column;
3939 margin-top: 10px; 3939 margin-top: 10px;
3940 } 3940 }
3941 @media (min-width: 768px) { 3941 @media (min-width: 768px) {
3942 .main__resume-base-body { 3942 .main__resume-base-body {
3943 margin-top: 30px; 3943 margin-top: 30px;
3944 } 3944 }
3945 } 3945 }
3946 .main__resume-base-body.showed { 3946 .main__resume-base-body.showed {
3947 display: -webkit-box; 3947 display: -webkit-box;
3948 display: -ms-flexbox; 3948 display: -ms-flexbox;
3949 display: flex; 3949 display: flex;
3950 } 3950 }
3951 .main__resume-base-body-one { 3951 .main__resume-base-body-one {
3952 display: -webkit-box; 3952 display: -webkit-box;
3953 display: -ms-flexbox; 3953 display: -ms-flexbox;
3954 display: flex; 3954 display: flex;
3955 -webkit-box-orient: vertical; 3955 -webkit-box-orient: vertical;
3956 -webkit-box-direction: normal; 3956 -webkit-box-direction: normal;
3957 -ms-flex-direction: column; 3957 -ms-flex-direction: column;
3958 flex-direction: column; 3958 flex-direction: column;
3959 -webkit-box-align: center; 3959 -webkit-box-align: center;
3960 -ms-flex-align: center; 3960 -ms-flex-align: center;
3961 align-items: center; 3961 align-items: center;
3962 gap: 20px; 3962 gap: 20px;
3963 } 3963 }
3964 @media (min-width: 768px) { 3964 @media (min-width: 768px) {
3965 .main__resume-base-body-one { 3965 .main__resume-base-body-one {
3966 gap: 30px; 3966 gap: 30px;
3967 } 3967 }
3968 } 3968 }
3969 .main__resume-base-body-two { 3969 .main__resume-base-body-two {
3970 display: -webkit-box; 3970 display: -webkit-box;
3971 display: -ms-flexbox; 3971 display: -ms-flexbox;
3972 display: flex; 3972 display: flex;
3973 -webkit-box-orient: vertical; 3973 -webkit-box-orient: vertical;
3974 -webkit-box-direction: normal; 3974 -webkit-box-direction: normal;
3975 -ms-flex-direction: column; 3975 -ms-flex-direction: column;
3976 flex-direction: column; 3976 flex-direction: column;
3977 gap: 20px; 3977 gap: 20px;
3978 } 3978 }
3979 @media (min-width: 768px) { 3979 @media (min-width: 768px) {
3980 .main__resume-base-body-two { 3980 .main__resume-base-body-two {
3981 -webkit-box-orient: horizontal; 3981 -webkit-box-orient: horizontal;
3982 -webkit-box-direction: normal; 3982 -webkit-box-direction: normal;
3983 -ms-flex-direction: row; 3983 -ms-flex-direction: row;
3984 flex-direction: row; 3984 flex-direction: row;
3985 -webkit-box-pack: justify; 3985 -webkit-box-pack: justify;
3986 -ms-flex-pack: justify; 3986 -ms-flex-pack: justify;
3987 justify-content: space-between; 3987 justify-content: space-between;
3988 -webkit-box-align: start; 3988 -webkit-box-align: start;
3989 -ms-flex-align: start; 3989 -ms-flex-align: start;
3990 align-items: flex-start; 3990 align-items: flex-start;
3991 -ms-flex-wrap: wrap; 3991 -ms-flex-wrap: wrap;
3992 flex-wrap: wrap; 3992 flex-wrap: wrap;
3993 gap: 30px 0; 3993 gap: 30px 0;
3994 } 3994 }
3995 } 3995 }
3996 @media (min-width: 768px) { 3996 @media (min-width: 768px) {
3997 .main__resume-base-body-two .main__resume-base-body-item { 3997 .main__resume-base-body-two .main__resume-base-body-item {
3998 width: calc(50% - 10px); 3998 width: calc(50% - 10px);
3999 } 3999 }
4000 } 4000 }
4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4002 -webkit-box-orient: vertical; 4002 -webkit-box-orient: vertical;
4003 -webkit-box-direction: normal; 4003 -webkit-box-direction: normal;
4004 -ms-flex-direction: column; 4004 -ms-flex-direction: column;
4005 flex-direction: column; 4005 flex-direction: column;
4006 } 4006 }
4007 .main__resume-base-body-item { 4007 .main__resume-base-body-item {
4008 width: 100%; 4008 width: 100%;
4009 display: -webkit-box; 4009 display: -webkit-box;
4010 display: -ms-flexbox; 4010 display: -ms-flexbox;
4011 display: flex; 4011 display: flex;
4012 -webkit-box-orient: vertical; 4012 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4013 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4014 -ms-flex-direction: column;
4015 flex-direction: column; 4015 flex-direction: column;
4016 gap: 20px; 4016 gap: 20px;
4017 position: relative; 4017 position: relative;
4018 border: 1px solid #377d87; 4018 border: 1px solid #377d87;
4019 border-radius: 8px; 4019 border-radius: 8px;
4020 padding: 10px; 4020 padding: 10px;
4021 -webkit-box-align: center; 4021 -webkit-box-align: center;
4022 -ms-flex-align: center; 4022 -ms-flex-align: center;
4023 align-items: center; 4023 align-items: center;
4024 } 4024 }
4025 @media (min-width: 768px) { 4025 @media (min-width: 768px) {
4026 .main__resume-base-body-item { 4026 .main__resume-base-body-item {
4027 padding: 20px; 4027 padding: 20px;
4028 } 4028 }
4029 } 4029 }
4030 .main__resume-base-body-item-buttons { 4030 .main__resume-base-body-item-buttons {
4031 margin-top: 10px; 4031 margin-top: 10px;
4032 } 4032 }
4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4034 width: 100%; 4034 width: 100%;
4035 margin-bottom: 10px; 4035 margin-bottom: 10px;
4036 } 4036 }
4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038 background: #377d87; 4038 background: #377d87;
4039 color: #fff; 4039 color: #fff;
4040 } 4040 }
4041 .main__resume-base-body-item-buttons .chat.active{ 4041 .main__resume-base-body-item-buttons .chat.active{
4042 background: #fff; 4042 background: #fff;
4043 color: #377d87; 4043 color: #377d87;
4044 } 4044 }
4045 .main__resume-base-body-item-buttons button.like.active{ 4045 .main__resume-base-body-item-buttons button.like.active{
4046 background-color: #ffffff; 4046 background-color: #ffffff;
4047 color: #eb5757; 4047 color: #eb5757;
4048 } 4048 }
4049 .main__resume-base-body-item-buttons button span{ 4049 .main__resume-base-body-item-buttons button span{
4050 margin-left: 10px; 4050 margin-left: 10px;
4051 } 4051 }
4052 .main__resume-base-body-item-buttons .like .in-favorites{ 4052 .main__resume-base-body-item-buttons .like .in-favorites{
4053 display: none; 4053 display: none;
4054 } 4054 }
4055 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4055 .main__resume-base-body-item-buttons .like.active .in-favorites{
4056 display: block; 4056 display: block;
4057 color: #eb5757; 4057 color: #eb5757;
4058 } 4058 }
4059 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4059 .main__resume-base-body-item-buttons .like.active .to-favorites{
4060 display: none; 4060 display: none;
4061 } 4061 }
4062 .main__resume-base-body-item-wrapper { 4062 .main__resume-base-body-item-wrapper {
4063 display: -webkit-box; 4063 display: -webkit-box;
4064 display: -ms-flexbox; 4064 display: -ms-flexbox;
4065 display: flex; 4065 display: flex;
4066 -webkit-box-orient: vertical; 4066 -webkit-box-orient: vertical;
4067 -webkit-box-direction: normal; 4067 -webkit-box-direction: normal;
4068 -ms-flex-direction: column; 4068 -ms-flex-direction: column;
4069 flex-direction: column; 4069 flex-direction: column;
4070 -webkit-box-align: start; 4070 -webkit-box-align: start;
4071 -ms-flex-align: start; 4071 -ms-flex-align: start;
4072 align-items: flex-start; 4072 align-items: flex-start;
4073 gap: 20px; 4073 gap: 20px;
4074 width: 100%; 4074 width: 100%;
4075 } 4075 }
4076 @media (min-width: 768px) { 4076 @media (min-width: 768px) {
4077 .main__resume-base-body-item-wrapper { 4077 .main__resume-base-body-item-wrapper {
4078 -webkit-box-orient: horizontal; 4078 -webkit-box-orient: horizontal;
4079 -webkit-box-direction: normal; 4079 -webkit-box-direction: normal;
4080 -ms-flex-direction: row; 4080 -ms-flex-direction: row;
4081 flex-direction: row; 4081 flex-direction: row;
4082 } 4082 }
4083 } 4083 }
4084 .main__resume-base-body-item-photo { 4084 .main__resume-base-body-item-photo {
4085 width: 180px; 4085 width: 180px;
4086 aspect-ratio: 1/1; 4086 aspect-ratio: 1/1;
4087 -o-object-fit: cover; 4087 -o-object-fit: cover;
4088 object-fit: cover; 4088 object-fit: cover;
4089 border-radius: 8px; 4089 border-radius: 8px;
4090 } 4090 }
4091 @media (min-width: 768px) { 4091 @media (min-width: 768px) {
4092 .main__resume-base-body-item-photo { 4092 .main__resume-base-body-item-photo {
4093 width: 210px; 4093 width: 210px;
4094 } 4094 }
4095 } 4095 }
4096 .main__resume-base-body-item-inner { 4096 .main__resume-base-body-item-inner {
4097 display: -webkit-box; 4097 display: -webkit-box;
4098 display: -ms-flexbox; 4098 display: -ms-flexbox;
4099 display: flex; 4099 display: flex;
4100 -webkit-box-orient: vertical; 4100 -webkit-box-orient: vertical;
4101 -webkit-box-direction: normal; 4101 -webkit-box-direction: normal;
4102 -ms-flex-direction: column; 4102 -ms-flex-direction: column;
4103 flex-direction: column; 4103 flex-direction: column;
4104 gap: 10px; 4104 gap: 10px;
4105 width: 100%; 4105 width: 100%;
4106 row-gap: 10px; 4106 row-gap: 10px;
4107 } 4107 }
4108 .main__resume-base-body-item-inner .horizontal{ 4108 .main__resume-base-body-item-inner .horizontal{
4109 -webkit-box-orient: horizontal; 4109 -webkit-box-orient: horizontal;
4110 -ms-flex-direction: unset; 4110 -ms-flex-direction: unset;
4111 flex-direction: row; 4111 flex-direction: row;
4112 align-items: start; 4112 align-items: start;
4113 } 4113 }
4114 .main__resume-base-item-status{ 4114 .main__resume-base-item-status{
4115 width: fit-content; 4115 width: fit-content;
4116 background-color: #e6e6e6; 4116 background-color: #e6e6e6;
4117 font-weight: bold; 4117 font-weight: bold;
4118 padding: 5px 10px; 4118 padding: 5px 10px;
4119 border-radius: 8px; 4119 border-radius: 8px;
4120 } 4120 }
4121 .main__resume-base-item-status.looking-for-job{ 4121 .main__resume-base-item-status.looking-for-job{
4122 background-color: #eb5757; 4122 background-color: #eb5757;
4123 color: #fff; 4123 color: #fff;
4124 } 4124 }
4125 .main__resume-base-item-updated-at{ 4125 .main__resume-base-item-updated-at{
4126 padding: 5px 10px; 4126 padding: 5px 10px;
4127 border-radius: 8px; 4127 border-radius: 8px;
4128 border: 1px #e6e6e6 solid; 4128 border: 1px #e6e6e6 solid;
4129 } 4129 }
4130 @media (min-width: 768px) { 4130 @media (min-width: 768px) {
4131 .main__resume-base-body-item-inner { 4131 .main__resume-base-body-item-inner {
4132 gap: 16px; 4132 gap: 16px;
4133 padding-right: 50px; 4133 padding-right: 50px;
4134 } 4134 }
4135 } 4135 }
4136 @media (min-width: 992px) { 4136 @media (min-width: 992px) {
4137 .main__resume-base-body-item-inner { 4137 .main__resume-base-body-item-inner {
4138 display: grid; 4138 display: grid;
4139 grid-template-columns: repeat(2, 1fr); 4139 grid-template-columns: repeat(2, 1fr);
4140 gap: 30px; 4140 gap: 30px;
4141 row-gap: 10px; 4141 row-gap: 10px;
4142 } 4142 }
4143 } 4143 }
4144 .main__resume-base-body-item-inner div { 4144 .main__resume-base-body-item-inner div {
4145 display: -webkit-box; 4145 display: -webkit-box;
4146 display: -ms-flexbox; 4146 display: -ms-flexbox;
4147 display: flex; 4147 display: flex;
4148 -webkit-box-orient: vertical; 4148 -webkit-box-orient: vertical;
4149 -webkit-box-direction: normal; 4149 -webkit-box-direction: normal;
4150 -ms-flex-direction: column; 4150 -ms-flex-direction: column;
4151 flex-direction: column; 4151 flex-direction: column;
4152 gap: 4px; 4152 gap: 4px;
4153 font-size: 12px; 4153 font-size: 12px;
4154 } 4154 }
4155 @media (min-width: 768px) { 4155 @media (min-width: 768px) {
4156 .main__resume-base-body-item-inner div { 4156 .main__resume-base-body-item-inner div {
4157 font-size: 16px; 4157 font-size: 16px;
4158 } 4158 }
4159 } 4159 }
4160 .main__resume-base-body-item-inner b { 4160 .main__resume-base-body-item-inner b {
4161 color: #377d87; 4161 color: #377d87;
4162 font-size: 14px; 4162 font-size: 14px;
4163 } 4163 }
4164 @media (min-width: 768px) { 4164 @media (min-width: 768px) {
4165 .main__resume-base-body-item-inner b { 4165 .main__resume-base-body-item-inner b {
4166 font-size: 18px; 4166 font-size: 18px;
4167 } 4167 }
4168 } 4168 }
4169 .main__resume-base-body-item-link { 4169 .main__resume-base-body-item-link {
4170 width: 100%; 4170 width: 100%;
4171 padding: 0; 4171 padding: 0;
4172 } 4172 }
4173 @media (min-width: 768px) { 4173 @media (min-width: 768px) {
4174 .main__resume-base-body-item-link { 4174 .main__resume-base-body-item-link {
4175 width: 200px; 4175 width: 200px;
4176 } 4176 }
4177 } 4177 }
4178 .main__spoiler { 4178 .main__spoiler {
4179 overflow: hidden; 4179 overflow: hidden;
4180 border-radius: 8px; 4180 border-radius: 8px;
4181 display: -webkit-box; 4181 display: -webkit-box;
4182 display: -ms-flexbox; 4182 display: -ms-flexbox;
4183 display: flex; 4183 display: flex;
4184 -webkit-box-orient: vertical; 4184 -webkit-box-orient: vertical;
4185 -webkit-box-direction: normal; 4185 -webkit-box-direction: normal;
4186 -ms-flex-direction: column; 4186 -ms-flex-direction: column;
4187 flex-direction: column; 4187 flex-direction: column;
4188 } 4188 }
4189 .main__spoiler-toper { 4189 .main__spoiler-toper {
4190 background: #377d87; 4190 background: #377d87;
4191 height: 30px; 4191 height: 30px;
4192 display: -webkit-box; 4192 display: -webkit-box;
4193 display: -ms-flexbox; 4193 display: -ms-flexbox;
4194 display: flex; 4194 display: flex;
4195 -webkit-box-align: center; 4195 -webkit-box-align: center;
4196 -ms-flex-align: center; 4196 -ms-flex-align: center;
4197 align-items: center; 4197 align-items: center;
4198 -webkit-box-pack: center; 4198 -webkit-box-pack: center;
4199 -ms-flex-pack: center; 4199 -ms-flex-pack: center;
4200 justify-content: center; 4200 justify-content: center;
4201 color: #fff; 4201 color: #fff;
4202 font-size: 12px; 4202 font-size: 12px;
4203 font-weight: 700; 4203 font-weight: 700;
4204 padding: 0 30px; 4204 padding: 0 30px;
4205 border: none; 4205 border: none;
4206 position: relative; 4206 position: relative;
4207 } 4207 }
4208 @media (min-width: 768px) { 4208 @media (min-width: 768px) {
4209 .main__spoiler-toper { 4209 .main__spoiler-toper {
4210 font-size: 18px; 4210 font-size: 18px;
4211 height: 50px; 4211 height: 50px;
4212 padding: 0 60px; 4212 padding: 0 60px;
4213 } 4213 }
4214 } 4214 }
4215 .main__spoiler-toper:before, .main__spoiler-toper:after { 4215 .main__spoiler-toper:before, .main__spoiler-toper:after {
4216 content: ""; 4216 content: "";
4217 background: #fff; 4217 background: #fff;
4218 border-radius: 999px; 4218 border-radius: 999px;
4219 width: 10px; 4219 width: 10px;
4220 height: 1px; 4220 height: 1px;
4221 position: absolute; 4221 position: absolute;
4222 top: 50%; 4222 top: 50%;
4223 right: 10px; 4223 right: 10px;
4224 -webkit-transition: 0.3s; 4224 -webkit-transition: 0.3s;
4225 transition: 0.3s; 4225 transition: 0.3s;
4226 -webkit-transform: translate(0, -50%); 4226 -webkit-transform: translate(0, -50%);
4227 -ms-transform: translate(0, -50%); 4227 -ms-transform: translate(0, -50%);
4228 transform: translate(0, -50%); 4228 transform: translate(0, -50%);
4229 } 4229 }
4230 @media (min-width: 768px) { 4230 @media (min-width: 768px) {
4231 .main__spoiler-toper:before, .main__spoiler-toper:after { 4231 .main__spoiler-toper:before, .main__spoiler-toper:after {
4232 width: 20px; 4232 width: 20px;
4233 height: 2px; 4233 height: 2px;
4234 right: 20px; 4234 right: 20px;
4235 } 4235 }
4236 } 4236 }
4237 .main__spoiler-toper:after { 4237 .main__spoiler-toper:after {
4238 -webkit-transform: rotate(90deg); 4238 -webkit-transform: rotate(90deg);
4239 -ms-transform: rotate(90deg); 4239 -ms-transform: rotate(90deg);
4240 transform: rotate(90deg); 4240 transform: rotate(90deg);
4241 } 4241 }
4242 .main__spoiler-toper.active:after { 4242 .main__spoiler-toper.active:after {
4243 -webkit-transform: rotate(0deg); 4243 -webkit-transform: rotate(0deg);
4244 -ms-transform: rotate(0deg); 4244 -ms-transform: rotate(0deg);
4245 transform: rotate(0deg); 4245 transform: rotate(0deg);
4246 } 4246 }
4247 .main__spoiler-body { 4247 .main__spoiler-body {
4248 opacity: 0; 4248 opacity: 0;
4249 height: 0; 4249 height: 0;
4250 overflow: hidden; 4250 overflow: hidden;
4251 border-radius: 0 0 8px 8px; 4251 border-radius: 0 0 8px 8px;
4252 background: #fff; 4252 background: #fff;
4253 } 4253 }
4254 .main__spoiler-body table { 4254 .main__spoiler-body table {
4255 width: calc(100% + 2px); 4255 width: calc(100% + 2px);
4256 margin-left: -1px; 4256 margin-left: -1px;
4257 margin-bottom: -1px; 4257 margin-bottom: -1px;
4258 } 4258 }
4259 @media (min-width: 992px) { 4259 @media (min-width: 992px) {
4260 .main__spoiler-body table td { 4260 .main__spoiler-body table td {
4261 width: 50%; 4261 width: 50%;
4262 } 4262 }
4263 } 4263 }
4264 @media (min-width: 992px) { 4264 @media (min-width: 992px) {
4265 .main__spoiler-body table td + td { 4265 .main__spoiler-body table td + td {
4266 width: 50%; 4266 width: 50%;
4267 } 4267 }
4268 } 4268 }
4269 .active + .main__spoiler-body { 4269 .active + .main__spoiler-body {
4270 -webkit-transition: 0.3s; 4270 -webkit-transition: 0.3s;
4271 transition: 0.3s; 4271 transition: 0.3s;
4272 opacity: 1; 4272 opacity: 1;
4273 height: auto; 4273 height: auto;
4274 border: 1px solid #cecece; 4274 border: 1px solid #cecece;
4275 border-top: none; 4275 border-top: none;
4276 } 4276 }
4277 .main__table { 4277 .main__table {
4278 border-collapse: collapse; 4278 border-collapse: collapse;
4279 table-layout: fixed; 4279 table-layout: fixed;
4280 font-size: 12px; 4280 font-size: 12px;
4281 width: 100%; 4281 width: 100%;
4282 background: #fff; 4282 background: #fff;
4283 } 4283 }
4284 @media (min-width: 768px) { 4284 @media (min-width: 768px) {
4285 .main__table { 4285 .main__table {
4286 font-size: 16px; 4286 font-size: 16px;
4287 } 4287 }
4288 } 4288 }
4289 .main__table td { 4289 .main__table td {
4290 border: 1px solid #cecece; 4290 border: 1px solid #cecece;
4291 padding: 4px 8px; 4291 padding: 4px 8px;
4292 vertical-align: top; 4292 vertical-align: top;
4293 } 4293 }
4294 @media (min-width: 768px) { 4294 @media (min-width: 768px) {
4295 .main__table td { 4295 .main__table td {
4296 padding: 8px 16px; 4296 padding: 8px 16px;
4297 } 4297 }
4298 } 4298 }
4299 .main__table td b { 4299 .main__table td b {
4300 font-weight: 700; 4300 font-weight: 700;
4301 } 4301 }
4302 .main__table_three { 4302 .main__table_three {
4303 table-layout: auto; 4303 table-layout: auto;
4304 } 4304 }
4305 .main__table_three td { 4305 .main__table_three td {
4306 width: 25% !important; 4306 width: 25% !important;
4307 } 4307 }
4308 .main__table_three td:last-child { 4308 .main__table_three td:last-child {
4309 width: 50% !important; 4309 width: 50% !important;
4310 } 4310 }
4311 .main__table b { 4311 .main__table b {
4312 display: block; 4312 display: block;
4313 } 4313 }
4314 .main__table a { 4314 .main__table a {
4315 color: #377d87; 4315 color: #377d87;
4316 text-decoration: underline; 4316 text-decoration: underline;
4317 } 4317 }
4318 .main__table a:hover { 4318 .main__table a:hover {
4319 color: #000; 4319 color: #000;
4320 } 4320 }
4321 .main__resume-profile-about { 4321 .main__resume-profile-about {
4322 padding-top: 20px; 4322 padding-top: 20px;
4323 padding-bottom: 30px; 4323 padding-bottom: 30px;
4324 position: relative; 4324 position: relative;
4325 margin-top: 30px; 4325 margin-top: 30px;
4326 display: -webkit-box; 4326 display: -webkit-box;
4327 display: -ms-flexbox; 4327 display: -ms-flexbox;
4328 display: flex; 4328 display: flex;
4329 -webkit-box-orient: vertical; 4329 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4330 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4331 -ms-flex-direction: column;
4332 flex-direction: column; 4332 flex-direction: column;
4333 -webkit-box-align: start; 4333 -webkit-box-align: start;
4334 -ms-flex-align: start; 4334 -ms-flex-align: start;
4335 align-items: flex-start; 4335 align-items: flex-start;
4336 gap: 10px; 4336 gap: 10px;
4337 } 4337 }
4338 @media (min-width: 992px) { 4338 @media (min-width: 992px) {
4339 .main__resume-profile-about { 4339 .main__resume-profile-about {
4340 padding: 50px 0; 4340 padding: 50px 0;
4341 } 4341 }
4342 } 4342 }
4343 .main__resume-profile-about:before { 4343 .main__resume-profile-about:before {
4344 content: ""; 4344 content: "";
4345 position: absolute; 4345 position: absolute;
4346 z-index: 1; 4346 z-index: 1;
4347 top: 0; 4347 top: 0;
4348 left: 50%; 4348 left: 50%;
4349 width: 20000px; 4349 width: 20000px;
4350 height: 100%; 4350 height: 100%;
4351 margin-left: -10000px; 4351 margin-left: -10000px;
4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4353 } 4353 }
4354 .main__resume-profile-about-title { 4354 .main__resume-profile-about-title {
4355 position: relative; 4355 position: relative;
4356 z-index: 2; 4356 z-index: 2;
4357 color: #000; 4357 color: #000;
4358 } 4358 }
4359 .main__resume-profile-about-buttons{ 4359 .main__resume-profile-about-buttons{
4360 display: flex; 4360 display: flex;
4361 width: 100%; 4361 width: 100%;
4362 position: relative; 4362 position: relative;
4363 z-index: 2; 4363 z-index: 2;
4364 } 4364 }
4365 .main__resume-profile-about-buttons .like{ 4365 .main__resume-profile-about-buttons .like{
4366 width: 200px; 4366 width: 200px;
4367 } 4367 }
4368 .main__resume-profile-about-buttons .like.active{ 4368 .main__resume-profile-about-buttons .like.active{
4369 background: #fff; 4369 background: #fff;
4370 color: #eb5757; 4370 color: #eb5757;
4371 } 4371 }
4372 .main__resume-profile-about-buttons .like .in-favorites{ 4372 .main__resume-profile-about-buttons .like .in-favorites{
4373 display: none; 4373 display: none;
4374 } 4374 }
4375 .main__resume-profile-about-buttons .like.active .in-favorites{ 4375 .main__resume-profile-about-buttons .like.active .in-favorites{
4376 display: block; 4376 display: block;
4377 color: #eb5757; 4377 color: #eb5757;
4378 } 4378 }
4379 .main__resume-profile-about-buttons .like.active .to-favorites{ 4379 .main__resume-profile-about-buttons .like.active .to-favorites{
4380 display: none; 4380 display: none;
4381 } 4381 }
4382 .main__resume-profile-about-text { 4382 .main__resume-profile-about-text {
4383 position: relative; 4383 position: relative;
4384 z-index: 2; 4384 z-index: 2;
4385 } 4385 }
4386 .main__resume-profile-info { 4386 .main__resume-profile-info {
4387 display: -webkit-box; 4387 display: -webkit-box;
4388 display: -ms-flexbox; 4388 display: -ms-flexbox;
4389 display: flex; 4389 display: flex;
4390 -webkit-box-orient: vertical; 4390 -webkit-box-orient: vertical;
4391 -webkit-box-direction: normal; 4391 -webkit-box-direction: normal;
4392 -ms-flex-direction: column; 4392 -ms-flex-direction: column;
4393 flex-direction: column; 4393 flex-direction: column;
4394 gap: 20px; 4394 gap: 20px;
4395 margin-top: 30px; 4395 margin-top: 30px;
4396 } 4396 }
4397 @media (min-width: 992px) { 4397 @media (min-width: 992px) {
4398 .main__resume-profile-info { 4398 .main__resume-profile-info {
4399 margin-top: 50px; 4399 margin-top: 50px;
4400 gap: 30px; 4400 gap: 30px;
4401 } 4401 }
4402 } 4402 }
4403 .main__resume-profile-info-title { 4403 .main__resume-profile-info-title {
4404 color: #000; 4404 color: #000;
4405 } 4405 }
4406 .main__resume-profile-info-body { 4406 .main__resume-profile-info-body {
4407 display: -webkit-box; 4407 display: -webkit-box;
4408 display: -ms-flexbox; 4408 display: -ms-flexbox;
4409 display: flex; 4409 display: flex;
4410 -webkit-box-orient: vertical; 4410 -webkit-box-orient: vertical;
4411 -webkit-box-direction: normal; 4411 -webkit-box-direction: normal;
4412 -ms-flex-direction: column; 4412 -ms-flex-direction: column;
4413 flex-direction: column; 4413 flex-direction: column;
4414 gap: 20px; 4414 gap: 20px;
4415 } 4415 }
4416 @media (min-width: 992px) { 4416 @media (min-width: 992px) {
4417 .main__resume-profile-info-body { 4417 .main__resume-profile-info-body {
4418 gap: 30px; 4418 gap: 30px;
4419 } 4419 }
4420 } 4420 }
4421 .main__resume-profile-info-body-item { 4421 .main__resume-profile-info-body-item {
4422 display: -webkit-box; 4422 display: -webkit-box;
4423 display: -ms-flexbox; 4423 display: -ms-flexbox;
4424 display: flex; 4424 display: flex;
4425 -webkit-box-orient: vertical; 4425 -webkit-box-orient: vertical;
4426 -webkit-box-direction: normal; 4426 -webkit-box-direction: normal;
4427 -ms-flex-direction: column; 4427 -ms-flex-direction: column;
4428 flex-direction: column; 4428 flex-direction: column;
4429 gap: 10px; 4429 gap: 10px;
4430 } 4430 }
4431 @media (min-width: 768px) { 4431 @media (min-width: 768px) {
4432 .main__resume-profile-info-body-item { 4432 .main__resume-profile-info-body-item {
4433 gap: 20px; 4433 gap: 20px;
4434 } 4434 }
4435 } 4435 }
4436 .main__resume-profile-info-body-subtitle { 4436 .main__resume-profile-info-body-subtitle {
4437 color: #4d88d9; 4437 color: #4d88d9;
4438 } 4438 }
4439 .main__resume-profile-info-body-inner { 4439 .main__resume-profile-info-body-inner {
4440 display: -webkit-box; 4440 display: -webkit-box;
4441 display: -ms-flexbox; 4441 display: -ms-flexbox;
4442 display: flex; 4442 display: flex;
4443 -webkit-box-orient: vertical; 4443 -webkit-box-orient: vertical;
4444 -webkit-box-direction: normal; 4444 -webkit-box-direction: normal;
4445 -ms-flex-direction: column; 4445 -ms-flex-direction: column;
4446 flex-direction: column; 4446 flex-direction: column;
4447 gap: 20px; 4447 gap: 20px;
4448 margin: 0; 4448 margin: 0;
4449 padding: 0; 4449 padding: 0;
4450 font-size: 12px; 4450 font-size: 12px;
4451 } 4451 }
4452 @media (min-width: 768px) { 4452 @media (min-width: 768px) {
4453 .main__resume-profile-info-body-inner { 4453 .main__resume-profile-info-body-inner {
4454 display: grid; 4454 display: grid;
4455 grid-template-columns: repeat(2, 1fr); 4455 grid-template-columns: repeat(2, 1fr);
4456 } 4456 }
4457 } 4457 }
4458 @media (min-width: 992px) { 4458 @media (min-width: 992px) {
4459 .main__resume-profile-info-body-inner { 4459 .main__resume-profile-info-body-inner {
4460 grid-template-columns: repeat(3, 1fr); 4460 grid-template-columns: repeat(3, 1fr);
4461 font-size: 16px; 4461 font-size: 16px;
4462 } 4462 }
4463 } 4463 }
4464 .main__resume-profile-info-body-inner li { 4464 .main__resume-profile-info-body-inner li {
4465 display: -webkit-box; 4465 display: -webkit-box;
4466 display: -ms-flexbox; 4466 display: -ms-flexbox;
4467 display: flex; 4467 display: flex;
4468 -webkit-box-orient: vertical; 4468 -webkit-box-orient: vertical;
4469 -webkit-box-direction: normal; 4469 -webkit-box-direction: normal;
4470 -ms-flex-direction: column; 4470 -ms-flex-direction: column;
4471 flex-direction: column; 4471 flex-direction: column;
4472 gap: 6px; 4472 gap: 6px;
4473 } 4473 }
4474 @media (min-width: 992px) { 4474 @media (min-width: 992px) {
4475 .main__resume-profile-info-body-inner li { 4475 .main__resume-profile-info-body-inner li {
4476 gap: 8px; 4476 gap: 8px;
4477 } 4477 }
4478 } 4478 }
4479 .main__resume-profile-info-body-inner b { 4479 .main__resume-profile-info-body-inner b {
4480 color: #377d87; 4480 color: #377d87;
4481 font-size: 14px; 4481 font-size: 14px;
4482 } 4482 }
4483 @media (min-width: 992px) { 4483 @media (min-width: 992px) {
4484 .main__resume-profile-info-body-inner b { 4484 .main__resume-profile-info-body-inner b {
4485 font-size: 18px; 4485 font-size: 18px;
4486 } 4486 }
4487 } 4487 }
4488 .main__resume-profile-info-body-inner span { 4488 .main__resume-profile-info-body-inner span {
4489 display: -webkit-box; 4489 display: -webkit-box;
4490 display: -ms-flexbox; 4490 display: -ms-flexbox;
4491 display: flex; 4491 display: flex;
4492 -webkit-box-orient: vertical; 4492 -webkit-box-orient: vertical;
4493 -webkit-box-direction: normal; 4493 -webkit-box-direction: normal;
4494 -ms-flex-direction: column; 4494 -ms-flex-direction: column;
4495 flex-direction: column; 4495 flex-direction: column;
4496 gap: 4px; 4496 gap: 4px;
4497 } 4497 }
4498 @media (min-width: 992px) { 4498 @media (min-width: 992px) {
4499 .main__resume-profile-info-body-inner span { 4499 .main__resume-profile-info-body-inner span {
4500 gap: 6px; 4500 gap: 6px;
4501 } 4501 }
4502 } 4502 }
4503 .main__resume-profile-review { 4503 .main__resume-profile-review {
4504 display: -webkit-box; 4504 display: -webkit-box;
4505 display: -ms-flexbox; 4505 display: -ms-flexbox;
4506 display: flex; 4506 display: flex;
4507 -webkit-box-orient: vertical; 4507 -webkit-box-orient: vertical;
4508 -webkit-box-direction: normal; 4508 -webkit-box-direction: normal;
4509 -ms-flex-direction: column; 4509 -ms-flex-direction: column;
4510 flex-direction: column; 4510 flex-direction: column;
4511 gap: 20px; 4511 gap: 20px;
4512 padding: 20px 10px; 4512 padding: 20px 10px;
4513 margin-top: 30px; 4513 margin-top: 30px;
4514 border-radius: 16px; 4514 border-radius: 16px;
4515 border: 1px solid #cecece; 4515 border: 1px solid #cecece;
4516 background: #fff; 4516 background: #fff;
4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4519 } 4519 }
4520 @media (min-width: 992px) { 4520 @media (min-width: 992px) {
4521 .main__resume-profile-review { 4521 .main__resume-profile-review {
4522 margin-top: 50px; 4522 margin-top: 50px;
4523 padding: 50px 40px; 4523 padding: 50px 40px;
4524 gap: 30px; 4524 gap: 30px;
4525 } 4525 }
4526 } 4526 }
4527 .main__resume-profile-review-title { 4527 .main__resume-profile-review-title {
4528 color: #000; 4528 color: #000;
4529 } 4529 }
4530 .main__resume-profile-review-body { 4530 .main__resume-profile-review-body {
4531 display: -webkit-box; 4531 display: -webkit-box;
4532 display: -ms-flexbox; 4532 display: -ms-flexbox;
4533 display: flex; 4533 display: flex;
4534 -webkit-box-orient: vertical; 4534 -webkit-box-orient: vertical;
4535 -webkit-box-direction: normal; 4535 -webkit-box-direction: normal;
4536 -ms-flex-direction: column; 4536 -ms-flex-direction: column;
4537 flex-direction: column; 4537 flex-direction: column;
4538 -webkit-box-align: start; 4538 -webkit-box-align: start;
4539 -ms-flex-align: start; 4539 -ms-flex-align: start;
4540 align-items: flex-start; 4540 align-items: flex-start;
4541 gap: 10px; 4541 gap: 10px;
4542 } 4542 }
4543 .main__resume-profile-review-body .textarea { 4543 .main__resume-profile-review-body .textarea {
4544 width: 100%; 4544 width: 100%;
4545 } 4545 }
4546 .main__resume-profile-review-body .button { 4546 .main__resume-profile-review-body .button {
4547 margin-top: 10px; 4547 margin-top: 10px;
4548 } 4548 }
4549 .main__vacancies { 4549 .main__vacancies {
4550 display: -webkit-box; 4550 display: -webkit-box;
4551 display: -ms-flexbox; 4551 display: -ms-flexbox;
4552 display: flex; 4552 display: flex;
4553 -webkit-box-orient: vertical; 4553 -webkit-box-orient: vertical;
4554 -webkit-box-direction: normal; 4554 -webkit-box-direction: normal;
4555 -ms-flex-direction: column; 4555 -ms-flex-direction: column;
4556 flex-direction: column; 4556 flex-direction: column;
4557 -webkit-box-align: center; 4557 -webkit-box-align: center;
4558 -ms-flex-align: center; 4558 -ms-flex-align: center;
4559 align-items: center; 4559 align-items: center;
4560 gap: 20px; 4560 gap: 20px;
4561 } 4561 }
4562 @media (min-width: 768px) { 4562 @media (min-width: 768px) {
4563 .main__vacancies { 4563 .main__vacancies {
4564 gap: 30px; 4564 gap: 30px;
4565 } 4565 }
4566 } 4566 }
4567 .main__vacancies-title { 4567 .main__vacancies-title {
4568 color: #000; 4568 color: #000;
4569 width: 100%; 4569 width: 100%;
4570 } 4570 }
4571 .main__vacancies-filters { 4571 .main__vacancies-filters {
4572 width: 100%; 4572 width: 100%;
4573 } 4573 }
4574 .main__vacancies-item { 4574 .main__vacancies-item {
4575 width: 100%; 4575 width: 100%;
4576 background: none; 4576 background: none;
4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4579 } 4579 }
4580 .main__vacancies-item-page { 4580 .main__vacancies-item-page {
4581 border: none; 4581 border: none;
4582 -webkit-box-shadow: none; 4582 -webkit-box-shadow: none;
4583 box-shadow: none; 4583 box-shadow: none;
4584 background: none; 4584 background: none;
4585 margin: 0 -10px; 4585 margin: 0 -10px;
4586 } 4586 }
4587 @media (min-width: 768px) { 4587 @media (min-width: 768px) {
4588 .main__vacancies-item-page { 4588 .main__vacancies-item-page {
4589 margin: 0 -20px; 4589 margin: 0 -20px;
4590 } 4590 }
4591 } 4591 }
4592 .main__vacancies-thing { 4592 .main__vacancies-thing {
4593 width: 100%; 4593 width: 100%;
4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4595 padding: 20px 10px; 4595 padding: 20px 10px;
4596 padding-bottom: 30px; 4596 padding-bottom: 30px;
4597 display: -webkit-box; 4597 display: -webkit-box;
4598 display: -ms-flexbox; 4598 display: -ms-flexbox;
4599 display: flex; 4599 display: flex;
4600 -webkit-box-orient: vertical; 4600 -webkit-box-orient: vertical;
4601 -webkit-box-direction: normal; 4601 -webkit-box-direction: normal;
4602 -ms-flex-direction: column; 4602 -ms-flex-direction: column;
4603 flex-direction: column; 4603 flex-direction: column;
4604 gap: 24px; 4604 gap: 24px;
4605 border-radius: 12px; 4605 border-radius: 12px;
4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4608 } 4608 }
4609 @media (min-width: 992px) { 4609 @media (min-width: 992px) {
4610 .main__vacancies-thing { 4610 .main__vacancies-thing {
4611 padding: 30px 20px; 4611 padding: 30px 20px;
4612 -webkit-box-orient: horizontal; 4612 -webkit-box-orient: horizontal;
4613 -webkit-box-direction: normal; 4613 -webkit-box-direction: normal;
4614 -ms-flex-direction: row; 4614 -ms-flex-direction: row;
4615 flex-direction: row; 4615 flex-direction: row;
4616 -webkit-box-align: start; 4616 -webkit-box-align: start;
4617 -ms-flex-align: start; 4617 -ms-flex-align: start;
4618 align-items: flex-start; 4618 align-items: flex-start;
4619 gap: 0; 4619 gap: 0;
4620 } 4620 }
4621 } 4621 }
4622 @media (min-width: 1280px) { 4622 @media (min-width: 1280px) {
4623 .main__vacancies-thing { 4623 .main__vacancies-thing {
4624 padding: 50px 20px; 4624 padding: 50px 20px;
4625 } 4625 }
4626 } 4626 }
4627 .main__vacancies-thing-pic { 4627 .main__vacancies-thing-pic {
4628 position: relative; 4628 position: relative;
4629 z-index: 2; 4629 z-index: 2;
4630 width: 100%; 4630 width: 100%;
4631 aspect-ratio: 42/34; 4631 aspect-ratio: 42/34;
4632 -o-object-fit: cover; 4632 -o-object-fit: cover;
4633 object-fit: cover; 4633 object-fit: cover;
4634 border-radius: 8px; 4634 border-radius: 8px;
4635 max-height: 340px; 4635 max-height: 340px;
4636 } 4636 }
4637 @media (min-width: 992px) { 4637 @media (min-width: 992px) {
4638 .main__vacancies-thing-pic { 4638 .main__vacancies-thing-pic {
4639 width: 380px; 4639 width: 380px;
4640 } 4640 }
4641 } 4641 }
4642 @media (min-width: 1280px) { 4642 @media (min-width: 1280px) {
4643 .main__vacancies-thing-pic { 4643 .main__vacancies-thing-pic {
4644 width: 420px; 4644 width: 420px;
4645 } 4645 }
4646 } 4646 }
4647 .main__vacancies-thing-body { 4647 .main__vacancies-thing-body {
4648 display: -webkit-box; 4648 display: -webkit-box;
4649 display: -ms-flexbox; 4649 display: -ms-flexbox;
4650 display: flex; 4650 display: flex;
4651 -webkit-box-orient: vertical; 4651 -webkit-box-orient: vertical;
4652 -webkit-box-direction: normal; 4652 -webkit-box-direction: normal;
4653 -ms-flex-direction: column; 4653 -ms-flex-direction: column;
4654 flex-direction: column; 4654 flex-direction: column;
4655 -webkit-box-align: start; 4655 -webkit-box-align: start;
4656 -ms-flex-align: start; 4656 -ms-flex-align: start;
4657 align-items: flex-start; 4657 align-items: flex-start;
4658 gap: 16px; 4658 gap: 16px;
4659 color: #000; 4659 color: #000;
4660 } 4660 }
4661 @media (min-width: 992px) { 4661 @media (min-width: 992px) {
4662 .main__vacancies-thing-body { 4662 .main__vacancies-thing-body {
4663 width: calc(100% - 380px); 4663 width: calc(100% - 380px);
4664 padding-left: 20px; 4664 padding-left: 20px;
4665 } 4665 }
4666 } 4666 }
4667 @media (min-width: 1280px) { 4667 @media (min-width: 1280px) {
4668 .main__vacancies-thing-body { 4668 .main__vacancies-thing-body {
4669 width: calc(100% - 420px); 4669 width: calc(100% - 420px);
4670 gap: 20px; 4670 gap: 20px;
4671 } 4671 }
4672 } 4672 }
4673 .main__vacancies-thing-body > * { 4673 .main__vacancies-thing-body > * {
4674 width: 100%; 4674 width: 100%;
4675 } 4675 }
4676 .main__vacancies-thing-body .button { 4676 .main__vacancies-thing-body .button {
4677 width: auto; 4677 width: auto;
4678 } 4678 }
4679 @media (min-width: 768px) { 4679 @media (min-width: 768px) {
4680 .main__vacancies-thing-body .button { 4680 .main__vacancies-thing-body .button {
4681 min-width: 200px; 4681 min-width: 200px;
4682 } 4682 }
4683 } 4683 }
4684 .main__vacancies-thing-scroll { 4684 .main__vacancies-thing-scroll {
4685 display: -webkit-box; 4685 display: -webkit-box;
4686 display: -ms-flexbox; 4686 display: -ms-flexbox;
4687 display: flex; 4687 display: flex;
4688 -webkit-box-orient: vertical; 4688 -webkit-box-orient: vertical;
4689 -webkit-box-direction: normal; 4689 -webkit-box-direction: normal;
4690 -ms-flex-direction: column; 4690 -ms-flex-direction: column;
4691 flex-direction: column; 4691 flex-direction: column;
4692 -webkit-box-align: start; 4692 -webkit-box-align: start;
4693 -ms-flex-align: start; 4693 -ms-flex-align: start;
4694 align-items: flex-start; 4694 align-items: flex-start;
4695 gap: 16px; 4695 gap: 16px;
4696 overflow: hidden; 4696 overflow: hidden;
4697 overflow-y: auto; 4697 overflow-y: auto;
4698 max-height: 180px; 4698 max-height: 180px;
4699 padding-right: 10px; 4699 padding-right: 10px;
4700 } 4700 }
4701 @media (min-width: 768px) { 4701 @media (min-width: 768px) {
4702 .main__vacancies-thing-scroll { 4702 .main__vacancies-thing-scroll {
4703 max-height: 210px; 4703 max-height: 210px;
4704 padding-right: 20px; 4704 padding-right: 20px;
4705 } 4705 }
4706 } 4706 }
4707 @media (min-width: 992px) { 4707 @media (min-width: 992px) {
4708 .main__vacancies-thing-scroll { 4708 .main__vacancies-thing-scroll {
4709 max-height: 175px; 4709 max-height: 175px;
4710 } 4710 }
4711 } 4711 }
4712 @media (min-width: 1280px) { 4712 @media (min-width: 1280px) {
4713 .main__vacancies-thing-scroll { 4713 .main__vacancies-thing-scroll {
4714 max-height: 200px; 4714 max-height: 200px;
4715 gap: 20px; 4715 gap: 20px;
4716 } 4716 }
4717 } 4717 }
4718 .main__cond { 4718 .main__cond {
4719 display: -webkit-box; 4719 display: -webkit-box;
4720 display: -ms-flexbox; 4720 display: -ms-flexbox;
4721 display: flex; 4721 display: flex;
4722 -webkit-box-orient: vertical; 4722 -webkit-box-orient: vertical;
4723 -webkit-box-direction: normal; 4723 -webkit-box-direction: normal;
4724 -ms-flex-direction: column; 4724 -ms-flex-direction: column;
4725 flex-direction: column; 4725 flex-direction: column;
4726 gap: 50px; 4726 gap: 50px;
4727 } 4727 }
4728 .main__cond > div { 4728 .main__cond > div {
4729 display: -webkit-box; 4729 display: -webkit-box;
4730 display: -ms-flexbox; 4730 display: -ms-flexbox;
4731 display: flex; 4731 display: flex;
4732 -webkit-box-orient: vertical; 4732 -webkit-box-orient: vertical;
4733 -webkit-box-direction: normal; 4733 -webkit-box-direction: normal;
4734 -ms-flex-direction: column; 4734 -ms-flex-direction: column;
4735 flex-direction: column; 4735 flex-direction: column;
4736 gap: 10px; 4736 gap: 10px;
4737 } 4737 }
4738 .main__cond-label { 4738 .main__cond-label {
4739 border-radius: 16px; 4739 border-radius: 16px;
4740 border: 1px solid #cecece; 4740 border: 1px solid #cecece;
4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4743 padding: 30px 20px; 4743 padding: 30px 20px;
4744 font-weight: 700; 4744 font-weight: 700;
4745 color: #000; 4745 color: #000;
4746 line-height: 2; 4746 line-height: 2;
4747 text-align: center; 4747 text-align: center;
4748 } 4748 }
4749 @media (min-width: 992px) { 4749 @media (min-width: 992px) {
4750 .main__cond-label { 4750 .main__cond-label {
4751 font-size: 30px; 4751 font-size: 30px;
4752 } 4752 }
4753 } 4753 }
4754 .main__cond-icons { 4754 .main__cond-icons {
4755 padding: 0; 4755 padding: 0;
4756 margin: 0; 4756 margin: 0;
4757 display: -webkit-box; 4757 display: -webkit-box;
4758 display: -ms-flexbox; 4758 display: -ms-flexbox;
4759 display: flex; 4759 display: flex;
4760 -webkit-box-orient: vertical; 4760 -webkit-box-orient: vertical;
4761 -webkit-box-direction: normal; 4761 -webkit-box-direction: normal;
4762 -ms-flex-direction: column; 4762 -ms-flex-direction: column;
4763 flex-direction: column; 4763 flex-direction: column;
4764 gap: 25px; 4764 gap: 25px;
4765 margin-top: 10px; 4765 margin-top: 10px;
4766 } 4766 }
4767 @media (min-width: 768px) { 4767 @media (min-width: 768px) {
4768 .main__cond-icons { 4768 .main__cond-icons {
4769 display: grid; 4769 display: grid;
4770 grid-template-columns: repeat(2, 1fr); 4770 grid-template-columns: repeat(2, 1fr);
4771 gap: 60px; 4771 gap: 60px;
4772 margin-top: 20px; 4772 margin-top: 20px;
4773 } 4773 }
4774 } 4774 }
4775 @media (min-width: 1280px) { 4775 @media (min-width: 1280px) {
4776 .main__cond-icons { 4776 .main__cond-icons {
4777 grid-template-columns: repeat(3, 1fr); 4777 grid-template-columns: repeat(3, 1fr);
4778 } 4778 }
4779 } 4779 }
4780 .main__cond-icons li { 4780 .main__cond-icons li {
4781 display: -webkit-box; 4781 display: -webkit-box;
4782 display: -ms-flexbox; 4782 display: -ms-flexbox;
4783 display: flex; 4783 display: flex;
4784 -webkit-box-orient: vertical; 4784 -webkit-box-orient: vertical;
4785 -webkit-box-direction: normal; 4785 -webkit-box-direction: normal;
4786 -ms-flex-direction: column; 4786 -ms-flex-direction: column;
4787 flex-direction: column; 4787 flex-direction: column;
4788 -webkit-box-align: start; 4788 -webkit-box-align: start;
4789 -ms-flex-align: start; 4789 -ms-flex-align: start;
4790 align-items: flex-start; 4790 align-items: flex-start;
4791 gap: 20px; 4791 gap: 20px;
4792 font-size: 12px; 4792 font-size: 12px;
4793 line-height: 1.4; 4793 line-height: 1.4;
4794 color: #000; 4794 color: #000;
4795 } 4795 }
4796 @media (min-width: 768px) { 4796 @media (min-width: 768px) {
4797 .main__cond-icons li { 4797 .main__cond-icons li {
4798 font-size: 14px; 4798 font-size: 14px;
4799 } 4799 }
4800 } 4800 }
4801 @media (min-width: 992px) { 4801 @media (min-width: 992px) {
4802 .main__cond-icons li { 4802 .main__cond-icons li {
4803 font-size: 16px; 4803 font-size: 16px;
4804 line-height: 1.6; 4804 line-height: 1.6;
4805 } 4805 }
4806 } 4806 }
4807 @media (min-width: 1280px) { 4807 @media (min-width: 1280px) {
4808 .main__cond-icons li { 4808 .main__cond-icons li {
4809 font-size: 18px; 4809 font-size: 18px;
4810 } 4810 }
4811 } 4811 }
4812 .main__cond-icons li span { 4812 .main__cond-icons li span {
4813 width: 48px; 4813 width: 48px;
4814 height: 48px; 4814 height: 48px;
4815 display: -webkit-box; 4815 display: -webkit-box;
4816 display: -ms-flexbox; 4816 display: -ms-flexbox;
4817 display: flex; 4817 display: flex;
4818 -webkit-box-align: center; 4818 -webkit-box-align: center;
4819 -ms-flex-align: center; 4819 -ms-flex-align: center;
4820 align-items: center; 4820 align-items: center;
4821 } 4821 }
4822 .main__cond-icons li span img { 4822 .main__cond-icons li span img {
4823 max-width: 48px; 4823 max-width: 48px;
4824 } 4824 }
4825 .main__cond-callback { 4825 .main__cond-callback {
4826 margin-top: 10px; 4826 margin-top: 10px;
4827 } 4827 }
4828 .main__ads { 4828 .main__ads {
4829 display: -webkit-box; 4829 display: -webkit-box;
4830 display: -ms-flexbox; 4830 display: -ms-flexbox;
4831 display: flex; 4831 display: flex;
4832 -webkit-box-orient: vertical; 4832 -webkit-box-orient: vertical;
4833 -webkit-box-direction: normal; 4833 -webkit-box-direction: normal;
4834 -ms-flex-direction: column; 4834 -ms-flex-direction: column;
4835 flex-direction: column; 4835 flex-direction: column;
4836 gap: 30px; 4836 gap: 30px;
4837 margin: 30px 0; 4837 margin: 30px 0;
4838 } 4838 }
4839 @media (min-width: 992px) { 4839 @media (min-width: 992px) {
4840 .main__ads { 4840 .main__ads {
4841 margin: 60px 0; 4841 margin: 60px 0;
4842 } 4842 }
4843 } 4843 }
4844 .main__ads-item { 4844 .main__ads-item {
4845 display: -webkit-box; 4845 display: -webkit-box;
4846 display: -ms-flexbox; 4846 display: -ms-flexbox;
4847 display: flex; 4847 display: flex;
4848 -webkit-box-orient: vertical; 4848 -webkit-box-orient: vertical;
4849 -webkit-box-direction: normal; 4849 -webkit-box-direction: normal;
4850 -ms-flex-direction: column; 4850 -ms-flex-direction: column;
4851 flex-direction: column; 4851 flex-direction: column;
4852 gap: 16px; 4852 gap: 16px;
4853 } 4853 }
4854 @media (min-width: 992px) { 4854 @media (min-width: 992px) {
4855 .main__ads-item { 4855 .main__ads-item {
4856 -webkit-box-orient: horizontal; 4856 -webkit-box-orient: horizontal;
4857 -webkit-box-direction: normal; 4857 -webkit-box-direction: normal;
4858 -ms-flex-direction: row; 4858 -ms-flex-direction: row;
4859 flex-direction: row; 4859 flex-direction: row;
4860 gap: 0; 4860 gap: 0;
4861 } 4861 }
4862 } 4862 }
4863 .main__ads-item-pic { 4863 .main__ads-item-pic {
4864 width: 100%; 4864 width: 100%;
4865 max-width: 440px; 4865 max-width: 440px;
4866 max-height: 200px; 4866 max-height: 200px;
4867 aspect-ratio: 3/2; 4867 aspect-ratio: 3/2;
4868 position: relative; 4868 position: relative;
4869 overflow: hidden; 4869 overflow: hidden;
4870 border-radius: 12px; 4870 border-radius: 12px;
4871 } 4871 }
4872 @media (min-width: 992px) { 4872 @media (min-width: 992px) {
4873 .main__ads-item-pic { 4873 .main__ads-item-pic {
4874 width: 200px; 4874 width: 200px;
4875 aspect-ratio: 1/1; 4875 aspect-ratio: 1/1;
4876 } 4876 }
4877 } 4877 }
4878 .main__ads-item-pic img { 4878 .main__ads-item-pic img {
4879 z-index: 1; 4879 z-index: 1;
4880 position: absolute; 4880 position: absolute;
4881 top: 0; 4881 top: 0;
4882 left: 0; 4882 left: 0;
4883 width: 100%; 4883 width: 100%;
4884 height: 100%; 4884 height: 100%;
4885 -o-object-fit: cover; 4885 -o-object-fit: cover;
4886 object-fit: cover; 4886 object-fit: cover;
4887 } 4887 }
4888 .main__ads-item-pic span { 4888 .main__ads-item-pic span {
4889 z-index: 2; 4889 z-index: 2;
4890 width: 30px; 4890 width: 30px;
4891 height: 30px; 4891 height: 30px;
4892 border-radius: 6px; 4892 border-radius: 6px;
4893 background: #4d88d9; 4893 background: #4d88d9;
4894 display: -webkit-box; 4894 display: -webkit-box;
4895 display: -ms-flexbox; 4895 display: -ms-flexbox;
4896 display: flex; 4896 display: flex;
4897 -webkit-box-pack: center; 4897 -webkit-box-pack: center;
4898 -ms-flex-pack: center; 4898 -ms-flex-pack: center;
4899 justify-content: center; 4899 justify-content: center;
4900 -webkit-box-align: center; 4900 -webkit-box-align: center;
4901 -ms-flex-align: center; 4901 -ms-flex-align: center;
4902 align-items: center; 4902 align-items: center;
4903 position: absolute; 4903 position: absolute;
4904 top: 10px; 4904 top: 10px;
4905 left: 10px; 4905 left: 10px;
4906 color: #fff; 4906 color: #fff;
4907 } 4907 }
4908 @media (min-width: 992px) { 4908 @media (min-width: 992px) {
4909 .main__ads-item-pic span { 4909 .main__ads-item-pic span {
4910 width: 42px; 4910 width: 42px;
4911 height: 42px; 4911 height: 42px;
4912 } 4912 }
4913 } 4913 }
4914 .main__ads-item-pic span svg { 4914 .main__ads-item-pic span svg {
4915 width: 12px; 4915 width: 12px;
4916 height: 12px; 4916 height: 12px;
4917 } 4917 }
4918 @media (min-width: 992px) { 4918 @media (min-width: 992px) {
4919 .main__ads-item-pic span svg { 4919 .main__ads-item-pic span svg {
4920 width: 20px; 4920 width: 20px;
4921 height: 20px; 4921 height: 20px;
4922 } 4922 }
4923 } 4923 }
4924 .main__ads-item-body { 4924 .main__ads-item-body {
4925 display: -webkit-box; 4925 display: -webkit-box;
4926 display: -ms-flexbox; 4926 display: -ms-flexbox;
4927 display: flex; 4927 display: flex;
4928 -webkit-box-orient: vertical; 4928 -webkit-box-orient: vertical;
4929 -webkit-box-direction: normal; 4929 -webkit-box-direction: normal;
4930 -ms-flex-direction: column; 4930 -ms-flex-direction: column;
4931 flex-direction: column; 4931 flex-direction: column;
4932 -webkit-box-align: start; 4932 -webkit-box-align: start;
4933 -ms-flex-align: start; 4933 -ms-flex-align: start;
4934 align-items: flex-start; 4934 align-items: flex-start;
4935 gap: 10px; 4935 gap: 10px;
4936 font-size: 12px; 4936 font-size: 12px;
4937 } 4937 }
4938 @media (min-width: 992px) { 4938 @media (min-width: 992px) {
4939 .main__ads-item-body { 4939 .main__ads-item-body {
4940 width: calc(100% - 200px); 4940 width: calc(100% - 200px);
4941 padding-left: 40px; 4941 padding-left: 40px;
4942 -webkit-box-pack: center; 4942 -webkit-box-pack: center;
4943 -ms-flex-pack: center; 4943 -ms-flex-pack: center;
4944 justify-content: center; 4944 justify-content: center;
4945 font-size: 16px; 4945 font-size: 16px;
4946 gap: 20px; 4946 gap: 20px;
4947 } 4947 }
4948 } 4948 }
4949 .main__ads-item-body b { 4949 .main__ads-item-body b {
4950 width: 100%; 4950 width: 100%;
4951 font-weight: 700; 4951 font-weight: 700;
4952 font-size: 14px; 4952 font-size: 14px;
4953 } 4953 }
4954 @media (min-width: 992px) { 4954 @media (min-width: 992px) {
4955 .main__ads-item-body b { 4955 .main__ads-item-body b {
4956 font-size: 20px; 4956 font-size: 20px;
4957 } 4957 }
4958 } 4958 }
4959 .main__ads-item-body span { 4959 .main__ads-item-body span {
4960 width: 100%; 4960 width: 100%;
4961 } 4961 }
4962 4962
4963 .work { 4963 .work {
4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4965 color: #000; 4965 color: #000;
4966 padding-top: 70px; 4966 padding-top: 70px;
4967 padding-bottom: 10px; 4967 padding-bottom: 10px;
4968 position: relative; 4968 position: relative;
4969 overflow: hidden; 4969 overflow: hidden;
4970 } 4970 }
4971 @media (min-width: 768px) { 4971 @media (min-width: 768px) {
4972 .work { 4972 .work {
4973 padding-bottom: 25px; 4973 padding-bottom: 25px;
4974 } 4974 }
4975 } 4975 }
4976 @media (min-width: 1280px) { 4976 @media (min-width: 1280px) {
4977 .work { 4977 .work {
4978 padding-top: 80px; 4978 padding-top: 80px;
4979 padding-bottom: 25px; 4979 padding-bottom: 25px;
4980 } 4980 }
4981 } 4981 }
4982 .work__pic { 4982 .work__pic {
4983 position: absolute; 4983 position: absolute;
4984 height: calc(100% - 40px); 4984 height: calc(100% - 40px);
4985 z-index: 1; 4985 z-index: 1;
4986 display: none; 4986 display: none;
4987 bottom: 0; 4987 bottom: 0;
4988 left: 50%; 4988 left: 50%;
4989 margin-left: 40px; 4989 margin-left: 40px;
4990 } 4990 }
4991 @media (min-width: 992px) { 4991 @media (min-width: 992px) {
4992 .work__pic { 4992 .work__pic {
4993 display: block; 4993 display: block;
4994 } 4994 }
4995 } 4995 }
4996 @media (min-width: 1280px) { 4996 @media (min-width: 1280px) {
4997 .work__pic { 4997 .work__pic {
4998 margin-left: 80px; 4998 margin-left: 80px;
4999 } 4999 }
5000 } 5000 }
5001 .work__body { 5001 .work__body {
5002 position: relative; 5002 position: relative;
5003 z-index: 2; 5003 z-index: 2;
5004 display: -webkit-box; 5004 display: -webkit-box;
5005 display: -ms-flexbox; 5005 display: -ms-flexbox;
5006 display: flex; 5006 display: flex;
5007 -webkit-box-orient: vertical; 5007 -webkit-box-orient: vertical;
5008 -webkit-box-direction: normal; 5008 -webkit-box-direction: normal;
5009 -ms-flex-direction: column; 5009 -ms-flex-direction: column;
5010 flex-direction: column; 5010 flex-direction: column;
5011 -webkit-box-align: center; 5011 -webkit-box-align: center;
5012 -ms-flex-align: center; 5012 -ms-flex-align: center;
5013 align-items: center; 5013 align-items: center;
5014 } 5014 }
5015 @media (min-width: 768px) { 5015 @media (min-width: 768px) {
5016 .work__body { 5016 .work__body {
5017 -webkit-box-align: start; 5017 -webkit-box-align: start;
5018 -ms-flex-align: start; 5018 -ms-flex-align: start;
5019 align-items: flex-start; 5019 align-items: flex-start;
5020 } 5020 }
5021 } 5021 }
5022 @media (min-width: 992px) { 5022 @media (min-width: 992px) {
5023 .work__body { 5023 .work__body {
5024 max-width: 600px; 5024 max-width: 600px;
5025 } 5025 }
5026 } 5026 }
5027 .work__title { 5027 .work__title {
5028 width: 100%; 5028 width: 100%;
5029 font-size: 40px; 5029 font-size: 40px;
5030 font-weight: 700; 5030 font-weight: 700;
5031 line-height: 1; 5031 line-height: 1;
5032 } 5032 }
5033 @media (min-width: 768px) { 5033 @media (min-width: 768px) {
5034 .work__title { 5034 .work__title {
5035 font-size: 64px; 5035 font-size: 64px;
5036 line-height: 94px; 5036 line-height: 94px;
5037 } 5037 }
5038 } 5038 }
5039 .work__text { 5039 .work__text {
5040 width: 100%; 5040 width: 100%;
5041 font-size: 12px; 5041 font-size: 12px;
5042 margin-top: 10px; 5042 margin-top: 10px;
5043 } 5043 }
5044 @media (min-width: 768px) { 5044 @media (min-width: 768px) {
5045 .work__text { 5045 .work__text {
5046 font-size: 18px; 5046 font-size: 18px;
5047 margin-top: 20px; 5047 margin-top: 20px;
5048 line-height: 1.4; 5048 line-height: 1.4;
5049 } 5049 }
5050 } 5050 }
5051 .work__list { 5051 .work__list {
5052 width: 100%; 5052 width: 100%;
5053 display: -webkit-box; 5053 display: -webkit-box;
5054 display: -ms-flexbox; 5054 display: -ms-flexbox;
5055 display: flex; 5055 display: flex;
5056 -webkit-box-orient: vertical; 5056 -webkit-box-orient: vertical;
5057 -webkit-box-direction: normal; 5057 -webkit-box-direction: normal;
5058 -ms-flex-direction: column; 5058 -ms-flex-direction: column;
5059 flex-direction: column; 5059 flex-direction: column;
5060 gap: 5px; 5060 gap: 5px;
5061 font-size: 14px; 5061 font-size: 14px;
5062 font-weight: 700; 5062 font-weight: 700;
5063 margin-top: 15px; 5063 margin-top: 15px;
5064 } 5064 }
5065 @media (min-width: 768px) { 5065 @media (min-width: 768px) {
5066 .work__list { 5066 .work__list {
5067 font-size: 18px; 5067 font-size: 18px;
5068 gap: 8px; 5068 gap: 8px;
5069 margin-top: 30px; 5069 margin-top: 30px;
5070 } 5070 }
5071 } 5071 }
5072 .work__list div { 5072 .work__list div {
5073 position: relative; 5073 position: relative;
5074 padding-left: 10px; 5074 padding-left: 10px;
5075 } 5075 }
5076 @media (min-width: 768px) { 5076 @media (min-width: 768px) {
5077 .work__list div { 5077 .work__list div {
5078 padding-left: 16px; 5078 padding-left: 16px;
5079 } 5079 }
5080 } 5080 }
5081 .work__list div:before { 5081 .work__list div:before {
5082 content: ""; 5082 content: "";
5083 width: 4px; 5083 width: 4px;
5084 height: 4px; 5084 height: 4px;
5085 background: #000; 5085 background: #000;
5086 border-radius: 999px; 5086 border-radius: 999px;
5087 position: absolute; 5087 position: absolute;
5088 top: 5px; 5088 top: 5px;
5089 left: 0; 5089 left: 0;
5090 } 5090 }
5091 @media (min-width: 768px) { 5091 @media (min-width: 768px) {
5092 .work__list div:before { 5092 .work__list div:before {
5093 top: 8px; 5093 top: 8px;
5094 } 5094 }
5095 } 5095 }
5096 .work__form { 5096 .work__form {
5097 margin-top: 20px; 5097 margin-top: 20px;
5098 } 5098 }
5099 @media (min-width: 768px) { 5099 @media (min-width: 768px) {
5100 .work__form { 5100 .work__form {
5101 margin-top: 30px; 5101 margin-top: 30px;
5102 } 5102 }
5103 } 5103 }
5104 .work__search { 5104 .work__search {
5105 width: 100%; 5105 width: 100%;
5106 max-width: 180px; 5106 max-width: 180px;
5107 margin-top: 20px; 5107 margin-top: 20px;
5108 } 5108 }
5109 @media (min-width: 768px) { 5109 @media (min-width: 768px) {
5110 .work__search { 5110 .work__search {
5111 max-width: 270px; 5111 max-width: 270px;
5112 margin-top: 50px; 5112 margin-top: 50px;
5113 } 5113 }
5114 } 5114 }
5115 .work__get { 5115 .work__get {
5116 width: 100%; 5116 width: 100%;
5117 display: -webkit-box; 5117 display: -webkit-box;
5118 display: -ms-flexbox; 5118 display: -ms-flexbox;
5119 display: flex; 5119 display: flex;
5120 -webkit-box-align: start; 5120 -webkit-box-align: start;
5121 -ms-flex-align: start; 5121 -ms-flex-align: start;
5122 align-items: flex-start; 5122 align-items: flex-start;
5123 -ms-flex-wrap: wrap; 5123 -ms-flex-wrap: wrap;
5124 flex-wrap: wrap; 5124 flex-wrap: wrap;
5125 margin-top: 48px; 5125 margin-top: 48px;
5126 } 5126 }
5127 .work__get b { 5127 .work__get b {
5128 width: 100%; 5128 width: 100%;
5129 margin-bottom: 10px; 5129 margin-bottom: 10px;
5130 font-size: 14px; 5130 font-size: 14px;
5131 } 5131 }
5132 @media (min-width: 768px) { 5132 @media (min-width: 768px) {
5133 .work__get b { 5133 .work__get b {
5134 font-size: 18px; 5134 font-size: 18px;
5135 } 5135 }
5136 } 5136 }
5137 .work__get a { 5137 .work__get a {
5138 display: -webkit-box; 5138 display: -webkit-box;
5139 display: -ms-flexbox; 5139 display: -ms-flexbox;
5140 display: flex; 5140 display: flex;
5141 -webkit-box-align: center; 5141 -webkit-box-align: center;
5142 -ms-flex-align: center; 5142 -ms-flex-align: center;
5143 align-items: center; 5143 align-items: center;
5144 -webkit-box-pack: center; 5144 -webkit-box-pack: center;
5145 -ms-flex-pack: center; 5145 -ms-flex-pack: center;
5146 justify-content: center; 5146 justify-content: center;
5147 margin-right: 20px; 5147 margin-right: 20px;
5148 } 5148 }
5149 .work__get a img { 5149 .work__get a img {
5150 -webkit-transition: 0.3s; 5150 -webkit-transition: 0.3s;
5151 transition: 0.3s; 5151 transition: 0.3s;
5152 width: 111px; 5152 width: 111px;
5153 } 5153 }
5154 @media (min-width: 768px) { 5154 @media (min-width: 768px) {
5155 .work__get a img { 5155 .work__get a img {
5156 width: 131px; 5156 width: 131px;
5157 } 5157 }
5158 } 5158 }
5159 .work__get a:hover img { 5159 .work__get a:hover img {
5160 -webkit-transform: scale(1.1); 5160 -webkit-transform: scale(1.1);
5161 -ms-transform: scale(1.1); 5161 -ms-transform: scale(1.1);
5162 transform: scale(1.1); 5162 transform: scale(1.1);
5163 } 5163 }
5164 .work__get a + a { 5164 .work__get a + a {
5165 margin-right: 0; 5165 margin-right: 0;
5166 } 5166 }
5167 5167
5168 .numbers { 5168 .numbers {
5169 padding: 30px 0; 5169 padding: 30px 0;
5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5171 color: #fff; 5171 color: #fff;
5172 } 5172 }
5173 @media (min-width: 1280px) { 5173 @media (min-width: 1280px) {
5174 .numbers { 5174 .numbers {
5175 padding: 100px 0; 5175 padding: 100px 0;
5176 background-position: 100% 100%; 5176 background-position: 100% 100%;
5177 background-size: auto 500px; 5177 background-size: auto 500px;
5178 } 5178 }
5179 } 5179 }
5180 .numbers__body { 5180 .numbers__body {
5181 display: -webkit-box; 5181 display: -webkit-box;
5182 display: -ms-flexbox; 5182 display: -ms-flexbox;
5183 display: flex; 5183 display: flex;
5184 -webkit-box-orient: vertical; 5184 -webkit-box-orient: vertical;
5185 -webkit-box-direction: normal; 5185 -webkit-box-direction: normal;
5186 -ms-flex-direction: column; 5186 -ms-flex-direction: column;
5187 flex-direction: column; 5187 flex-direction: column;
5188 gap: 30px; 5188 gap: 30px;
5189 } 5189 }
5190 @media (min-width: 768px) { 5190 @media (min-width: 768px) {
5191 .numbers__body { 5191 .numbers__body {
5192 display: grid; 5192 display: grid;
5193 grid-template-columns: 1fr 1fr 1fr; 5193 grid-template-columns: 1fr 1fr 1fr;
5194 } 5194 }
5195 } 5195 }
5196 .numbers__item { 5196 .numbers__item {
5197 font-size: 12px; 5197 font-size: 12px;
5198 display: -webkit-box; 5198 display: -webkit-box;
5199 display: -ms-flexbox; 5199 display: -ms-flexbox;
5200 display: flex; 5200 display: flex;
5201 -webkit-box-orient: vertical; 5201 -webkit-box-orient: vertical;
5202 -webkit-box-direction: normal; 5202 -webkit-box-direction: normal;
5203 -ms-flex-direction: column; 5203 -ms-flex-direction: column;
5204 flex-direction: column; 5204 flex-direction: column;
5205 line-height: 1.4; 5205 line-height: 1.4;
5206 } 5206 }
5207 @media (min-width: 1280px) { 5207 @media (min-width: 1280px) {
5208 .numbers__item { 5208 .numbers__item {
5209 font-size: 16px; 5209 font-size: 16px;
5210 line-height: 20px; 5210 line-height: 20px;
5211 } 5211 }
5212 } 5212 }
5213 .numbers__item b { 5213 .numbers__item b {
5214 font-size: 40px; 5214 font-size: 40px;
5215 font-weight: 700; 5215 font-weight: 700;
5216 border-bottom: 1px solid #fff; 5216 border-bottom: 1px solid #fff;
5217 line-height: 1; 5217 line-height: 1;
5218 } 5218 }
5219 @media (min-width: 1280px) { 5219 @media (min-width: 1280px) {
5220 .numbers__item b { 5220 .numbers__item b {
5221 font-size: 100px; 5221 font-size: 100px;
5222 line-height: 147px; 5222 line-height: 147px;
5223 } 5223 }
5224 } 5224 }
5225 .numbers__item span { 5225 .numbers__item span {
5226 font-weight: 700; 5226 font-weight: 700;
5227 font-size: 14px; 5227 font-size: 14px;
5228 margin: 10px 0; 5228 margin: 10px 0;
5229 line-height: 1; 5229 line-height: 1;
5230 } 5230 }
5231 @media (min-width: 1280px) { 5231 @media (min-width: 1280px) {
5232 .numbers__item span { 5232 .numbers__item span {
5233 font-size: 24px; 5233 font-size: 24px;
5234 margin-top: 30px; 5234 margin-top: 30px;
5235 } 5235 }
5236 } 5236 }
5237 5237
5238 .vacancies { 5238 .vacancies {
5239 padding: 50px 0; 5239 padding: 50px 0;
5240 } 5240 }
5241 @media (min-width: 1280px) { 5241 @media (min-width: 1280px) {
5242 .vacancies { 5242 .vacancies {
5243 padding: 100px 0; 5243 padding: 100px 0;
5244 } 5244 }
5245 } 5245 }
5246 .vacancies__body { 5246 .vacancies__body {
5247 display: -webkit-box; 5247 display: -webkit-box;
5248 display: -ms-flexbox; 5248 display: -ms-flexbox;
5249 display: flex; 5249 display: flex;
5250 -webkit-box-orient: vertical; 5250 -webkit-box-orient: vertical;
5251 -webkit-box-direction: reverse; 5251 -webkit-box-direction: reverse;
5252 -ms-flex-direction: column-reverse; 5252 -ms-flex-direction: column-reverse;
5253 flex-direction: column-reverse; 5253 flex-direction: column-reverse;
5254 gap: 20px; 5254 gap: 20px;
5255 width: 100%; 5255 width: 100%;
5256 margin-top: 20px; 5256 margin-top: 20px;
5257 } 5257 }
5258 @media (min-width: 992px) { 5258 @media (min-width: 992px) {
5259 .vacancies__body { 5259 .vacancies__body {
5260 margin-top: 30px; 5260 margin-top: 30px;
5261 gap: 30px; 5261 gap: 30px;
5262 } 5262 }
5263 } 5263 }
5264 .vacancies__more { 5264 .vacancies__more {
5265 width: 100%; 5265 width: 100%;
5266 } 5266 }
5267 @media (min-width: 768px) { 5267 @media (min-width: 768px) {
5268 .vacancies__more { 5268 .vacancies__more {
5269 width: auto; 5269 width: auto;
5270 margin: 0 auto; 5270 margin: 0 auto;
5271 } 5271 }
5272 } 5272 }
5273 .vacancies__list { 5273 .vacancies__list {
5274 display: -webkit-box; 5274 display: -webkit-box;
5275 display: -ms-flexbox; 5275 display: -ms-flexbox;
5276 display: flex; 5276 display: flex;
5277 -webkit-box-orient: vertical; 5277 -webkit-box-orient: vertical;
5278 -webkit-box-direction: normal; 5278 -webkit-box-direction: normal;
5279 -ms-flex-direction: column; 5279 -ms-flex-direction: column;
5280 flex-direction: column; 5280 flex-direction: column;
5281 gap: 15px; 5281 gap: 15px;
5282 } 5282 }
5283 @media (min-width: 768px) { 5283 @media (min-width: 768px) {
5284 .vacancies__list { 5284 .vacancies__list {
5285 display: grid; 5285 display: grid;
5286 grid-template-columns: repeat(2, 1fr); 5286 grid-template-columns: repeat(2, 1fr);
5287 } 5287 }
5288 } 5288 }
5289 @media (min-width: 992px) { 5289 @media (min-width: 992px) {
5290 .vacancies__list { 5290 .vacancies__list {
5291 display: grid; 5291 display: grid;
5292 grid-template-columns: repeat(3, 1fr); 5292 grid-template-columns: repeat(3, 1fr);
5293 gap: 20px; 5293 gap: 20px;
5294 } 5294 }
5295 } 5295 }
5296 @media (min-width: 1280px) { 5296 @media (min-width: 1280px) {
5297 .vacancies__list { 5297 .vacancies__list {
5298 grid-template-columns: repeat(4, 1fr); 5298 grid-template-columns: repeat(4, 1fr);
5299 } 5299 }
5300 } 5300 }
5301 .vacancies__list-label { 5301 .vacancies__list-label {
5302 font-weight: 700; 5302 font-weight: 700;
5303 font-size: 22px; 5303 font-size: 22px;
5304 } 5304 }
5305 .vacancies__list-col { 5305 .vacancies__list-col {
5306 display: -webkit-box; 5306 display: -webkit-box;
5307 display: -ms-flexbox; 5307 display: -ms-flexbox;
5308 display: flex; 5308 display: flex;
5309 -webkit-box-orient: vertical; 5309 -webkit-box-orient: vertical;
5310 -webkit-box-direction: normal; 5310 -webkit-box-direction: normal;
5311 -ms-flex-direction: column; 5311 -ms-flex-direction: column;
5312 flex-direction: column; 5312 flex-direction: column;
5313 gap: 15px; 5313 gap: 15px;
5314 margin-top: 15px; 5314 margin-top: 15px;
5315 margin-bottom: 30px; 5315 margin-bottom: 30px;
5316 } 5316 }
5317 @media (min-width: 768px) { 5317 @media (min-width: 768px) {
5318 .vacancies__list-col { 5318 .vacancies__list-col {
5319 margin-top: 0; 5319 margin-top: 0;
5320 } 5320 }
5321 } 5321 }
5322 .vacancies__list-col:first-child { 5322 .vacancies__list-col:first-child {
5323 margin-top: 0; 5323 margin-top: 0;
5324 } 5324 }
5325 .vacancies__item { 5325 .vacancies__item {
5326 display: none; 5326 display: none;
5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5329 border-radius: 12px; 5329 border-radius: 12px;
5330 background: #fff; 5330 background: #fff;
5331 border: 1px solid #e6e7e7; 5331 border: 1px solid #e6e7e7;
5332 overflow: hidden; 5332 overflow: hidden;
5333 } 5333 }
5334 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) { 5334 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
5335 display: -webkit-box; 5335 display: -webkit-box;
5336 display: -ms-flexbox; 5336 display: -ms-flexbox;
5337 display: flex; 5337 display: flex;
5338 } 5338 }
5339 .vacancies__item > span { 5339 .vacancies__item > span {
5340 border-left: 10px solid #377d87; 5340 border-left: 10px solid #377d87;
5341 padding: 20px 14px; 5341 padding: 20px 14px;
5342 display: -webkit-box; 5342 display: -webkit-box;
5343 display: -ms-flexbox; 5343 display: -ms-flexbox;
5344 display: flex; 5344 display: flex;
5345 -webkit-box-orient: vertical; 5345 -webkit-box-orient: vertical;
5346 -webkit-box-direction: normal; 5346 -webkit-box-direction: normal;
5347 -ms-flex-direction: column; 5347 -ms-flex-direction: column;
5348 flex-direction: column; 5348 flex-direction: column;
5349 -webkit-box-align: start; 5349 -webkit-box-align: start;
5350 -ms-flex-align: start; 5350 -ms-flex-align: start;
5351 align-items: flex-start; 5351 align-items: flex-start;
5352 gap: 5px; 5352 gap: 5px;
5353 -webkit-box-pack: justify; 5353 -webkit-box-pack: justify;
5354 -ms-flex-pack: justify; 5354 -ms-flex-pack: justify;
5355 justify-content: space-between; 5355 justify-content: space-between;
5356 } 5356 }
5357 @media (min-width: 992px) { 5357 @media (min-width: 992px) {
5358 .vacancies__item > span { 5358 .vacancies__item > span {
5359 gap: 10px; 5359 gap: 10px;
5360 } 5360 }
5361 } 5361 }
5362 .vacancies__item b { 5362 .vacancies__item b {
5363 font-weight: 700; 5363 font-weight: 700;
5364 font-size: 14px; 5364 font-size: 14px;
5365 } 5365 }
5366 @media (min-width: 992px) { 5366 @media (min-width: 992px) {
5367 .vacancies__item b { 5367 .vacancies__item b {
5368 font-size: 20px; 5368 font-size: 20px;
5369 } 5369 }
5370 } 5370 }
5371 .vacancies__item:hover b { 5371 .vacancies__item:hover b {
5372 color: #377d87; 5372 color: #377d87;
5373 } 5373 }
5374 .vacancies__item u { 5374 .vacancies__item u {
5375 text-decoration: none; 5375 text-decoration: none;
5376 font-size: 14px; 5376 font-size: 14px;
5377 } 5377 }
5378 @media (min-width: 992px) { 5378 @media (min-width: 992px) {
5379 .vacancies__item u { 5379 .vacancies__item u {
5380 font-size: 18px; 5380 font-size: 18px;
5381 } 5381 }
5382 } 5382 }
5383 .vacancies__item i { 5383 .vacancies__item i {
5384 font-size: 12px; 5384 font-size: 12px;
5385 font-style: normal; 5385 font-style: normal;
5386 border-bottom: 1px dashed #377d87; 5386 border-bottom: 1px dashed #377d87;
5387 } 5387 }
5388 @media (min-width: 992px) { 5388 @media (min-width: 992px) {
5389 .vacancies__item i { 5389 .vacancies__item i {
5390 font-size: 16px; 5390 font-size: 16px;
5391 } 5391 }
5392 } 5392 }
5393 .vacancies__item i span { 5393 .vacancies__item i span {
5394 font-weight: 700; 5394 font-weight: 700;
5395 color: #377d87; 5395 color: #377d87;
5396 } 5396 }
5397 .vacancies__body.active .vacancies__list .vacancies__item { 5397 .vacancies__body.active .vacancies__list .vacancies__item {
5398 display: -webkit-box; 5398 display: -webkit-box;
5399 display: -ms-flexbox; 5399 display: -ms-flexbox;
5400 display: flex; 5400 display: flex;
5401 } 5401 }
5402 5402
5403 .employer { 5403 .employer {
5404 padding-bottom: 50px; 5404 padding-bottom: 50px;
5405 } 5405 }
5406 @media (min-width: 768px) { 5406 @media (min-width: 768px) {
5407 .employer { 5407 .employer {
5408 padding-bottom: 100px; 5408 padding-bottom: 100px;
5409 } 5409 }
5410 } 5410 }
5411 .employer .swiper { 5411 .employer .swiper {
5412 margin: 20px 0; 5412 margin: 20px 0;
5413 } 5413 }
5414 @media (min-width: 768px) { 5414 @media (min-width: 768px) {
5415 .employer .swiper { 5415 .employer .swiper {
5416 display: none; 5416 display: none;
5417 } 5417 }
5418 } 5418 }
5419 .employer__item { 5419 .employer__item {
5420 display: -webkit-box; 5420 display: -webkit-box;
5421 display: -ms-flexbox; 5421 display: -ms-flexbox;
5422 display: flex; 5422 display: flex;
5423 -webkit-box-orient: vertical; 5423 -webkit-box-orient: vertical;
5424 -webkit-box-direction: normal; 5424 -webkit-box-direction: normal;
5425 -ms-flex-direction: column; 5425 -ms-flex-direction: column;
5426 flex-direction: column; 5426 flex-direction: column;
5427 gap: 30px; 5427 gap: 30px;
5428 } 5428 }
5429 .employer__item a { 5429 .employer__item a {
5430 display: -webkit-box; 5430 display: -webkit-box;
5431 display: -ms-flexbox; 5431 display: -ms-flexbox;
5432 display: flex; 5432 display: flex;
5433 -webkit-box-orient: vertical; 5433 -webkit-box-orient: vertical;
5434 -webkit-box-direction: normal; 5434 -webkit-box-direction: normal;
5435 -ms-flex-direction: column; 5435 -ms-flex-direction: column;
5436 flex-direction: column; 5436 flex-direction: column;
5437 -webkit-box-align: center; 5437 -webkit-box-align: center;
5438 -ms-flex-align: center; 5438 -ms-flex-align: center;
5439 align-items: center; 5439 align-items: center;
5440 } 5440 }
5441 .employer__item img { 5441 .employer__item img {
5442 width: 100%; 5442 width: 100%;
5443 aspect-ratio: 295/98; 5443 aspect-ratio: 295/98;
5444 -o-object-fit: contain; 5444 -o-object-fit: contain;
5445 object-fit: contain; 5445 object-fit: contain;
5446 } 5446 }
5447 .employer__body { 5447 .employer__body {
5448 display: none; 5448 display: none;
5449 grid-template-columns: 1fr 1fr; 5449 grid-template-columns: 1fr 1fr;
5450 gap: 30px; 5450 gap: 30px;
5451 margin-top: 30px; 5451 margin-top: 30px;
5452 margin-bottom: 40px; 5452 margin-bottom: 40px;
5453 } 5453 }
5454 @media (min-width: 768px) { 5454 @media (min-width: 768px) {
5455 .employer__body { 5455 .employer__body {
5456 display: grid; 5456 display: grid;
5457 } 5457 }
5458 } 5458 }
5459 @media (min-width: 992px) { 5459 @media (min-width: 992px) {
5460 .employer__body { 5460 .employer__body {
5461 grid-template-columns: 1fr 1fr 1fr; 5461 grid-template-columns: 1fr 1fr 1fr;
5462 } 5462 }
5463 } 5463 }
5464 @media (min-width: 1280px) { 5464 @media (min-width: 1280px) {
5465 .employer__body { 5465 .employer__body {
5466 grid-template-columns: 1fr 1fr 1fr 1fr; 5466 grid-template-columns: 1fr 1fr 1fr 1fr;
5467 } 5467 }
5468 } 5468 }
5469 .employer__body a { 5469 .employer__body a {
5470 display: -webkit-box; 5470 display: -webkit-box;
5471 display: -ms-flexbox; 5471 display: -ms-flexbox;
5472 display: flex; 5472 display: flex;
5473 -webkit-box-pack: center; 5473 -webkit-box-pack: center;
5474 -ms-flex-pack: center; 5474 -ms-flex-pack: center;
5475 justify-content: center; 5475 justify-content: center;
5476 -webkit-box-align: center; 5476 -webkit-box-align: center;
5477 -ms-flex-align: center; 5477 -ms-flex-align: center;
5478 align-items: center; 5478 align-items: center;
5479 height: 98px; 5479 height: 98px;
5480 } 5480 }
5481 .employer__body img { 5481 .employer__body img {
5482 max-width: 100%; 5482 max-width: 100%;
5483 max-height: 98px; 5483 max-height: 98px;
5484 -o-object-fit: contain; 5484 -o-object-fit: contain;
5485 object-fit: contain; 5485 object-fit: contain;
5486 } 5486 }
5487 .employer__more { 5487 .employer__more {
5488 height: 38px; 5488 height: 38px;
5489 } 5489 }
5490 @media (min-width: 768px) { 5490 @media (min-width: 768px) {
5491 .employer__more { 5491 .employer__more {
5492 width: 250px; 5492 width: 250px;
5493 margin: 0 auto; 5493 margin: 0 auto;
5494 height: 44px; 5494 height: 44px;
5495 } 5495 }
5496 } 5496 }
5497 5497
5498 .about { 5498 .about {
5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5500 background-size: cover; 5500 background-size: cover;
5501 padding: 30px 0; 5501 padding: 30px 0;
5502 padding-bottom: 70px; 5502 padding-bottom: 70px;
5503 } 5503 }
5504 @media (min-width: 768px) { 5504 @media (min-width: 768px) {
5505 .about { 5505 .about {
5506 padding-top: 40px; 5506 padding-top: 40px;
5507 background-size: auto calc(100% - 10px); 5507 background-size: auto calc(100% - 10px);
5508 } 5508 }
5509 } 5509 }
5510 @media (min-width: 1280px) { 5510 @media (min-width: 1280px) {
5511 .about { 5511 .about {
5512 padding: 100px 0; 5512 padding: 100px 0;
5513 } 5513 }
5514 } 5514 }
5515 .about__wrapper { 5515 .about__wrapper {
5516 display: -webkit-box; 5516 display: -webkit-box;
5517 display: -ms-flexbox; 5517 display: -ms-flexbox;
5518 display: flex; 5518 display: flex;
5519 -webkit-box-orient: vertical; 5519 -webkit-box-orient: vertical;
5520 -webkit-box-direction: normal; 5520 -webkit-box-direction: normal;
5521 -ms-flex-direction: column; 5521 -ms-flex-direction: column;
5522 flex-direction: column; 5522 flex-direction: column;
5523 position: relative; 5523 position: relative;
5524 } 5524 }
5525 .about__title { 5525 .about__title {
5526 color: #fff; 5526 color: #fff;
5527 line-height: 1.2; 5527 line-height: 1.2;
5528 } 5528 }
5529 @media (min-width: 1280px) { 5529 @media (min-width: 1280px) {
5530 .about__title { 5530 .about__title {
5531 position: absolute; 5531 position: absolute;
5532 top: -45px; 5532 top: -45px;
5533 left: 0; 5533 left: 0;
5534 } 5534 }
5535 } 5535 }
5536 .about__body { 5536 .about__body {
5537 display: -webkit-box; 5537 display: -webkit-box;
5538 display: -ms-flexbox; 5538 display: -ms-flexbox;
5539 display: flex; 5539 display: flex;
5540 -webkit-box-orient: vertical; 5540 -webkit-box-orient: vertical;
5541 -webkit-box-direction: normal; 5541 -webkit-box-direction: normal;
5542 -ms-flex-direction: column; 5542 -ms-flex-direction: column;
5543 flex-direction: column; 5543 flex-direction: column;
5544 } 5544 }
5545 @media (min-width: 1280px) { 5545 @media (min-width: 1280px) {
5546 .about__body { 5546 .about__body {
5547 padding-left: 495px; 5547 padding-left: 495px;
5548 } 5548 }
5549 } 5549 }
5550 .about__line { 5550 .about__line {
5551 background: #fff; 5551 background: #fff;
5552 width: 100%; 5552 width: 100%;
5553 height: 1px; 5553 height: 1px;
5554 max-width: 400px; 5554 max-width: 400px;
5555 margin-top: 10px; 5555 margin-top: 10px;
5556 } 5556 }
5557 .about__item { 5557 .about__item {
5558 display: -webkit-box; 5558 display: -webkit-box;
5559 display: -ms-flexbox; 5559 display: -ms-flexbox;
5560 display: flex; 5560 display: flex;
5561 -webkit-box-orient: vertical; 5561 -webkit-box-orient: vertical;
5562 -webkit-box-direction: normal; 5562 -webkit-box-direction: normal;
5563 -ms-flex-direction: column; 5563 -ms-flex-direction: column;
5564 flex-direction: column; 5564 flex-direction: column;
5565 margin-top: 10px; 5565 margin-top: 10px;
5566 max-width: 600px; 5566 max-width: 600px;
5567 } 5567 }
5568 @media (min-width: 768px) { 5568 @media (min-width: 768px) {
5569 .about__item { 5569 .about__item {
5570 margin-top: 20px; 5570 margin-top: 20px;
5571 } 5571 }
5572 } 5572 }
5573 @media (min-width: 1280px) { 5573 @media (min-width: 1280px) {
5574 .about__item { 5574 .about__item {
5575 margin-top: 30px; 5575 margin-top: 30px;
5576 } 5576 }
5577 } 5577 }
5578 .about__item b { 5578 .about__item b {
5579 font-size: 20px; 5579 font-size: 20px;
5580 font-weight: 700; 5580 font-weight: 700;
5581 } 5581 }
5582 .about__item span { 5582 .about__item span {
5583 font-size: 13px; 5583 font-size: 13px;
5584 line-height: 1.4; 5584 line-height: 1.4;
5585 margin-top: 6px; 5585 margin-top: 6px;
5586 } 5586 }
5587 @media (min-width: 1280px) { 5587 @media (min-width: 1280px) {
5588 .about__item span { 5588 .about__item span {
5589 font-size: 16px; 5589 font-size: 16px;
5590 margin-top: 12px; 5590 margin-top: 12px;
5591 } 5591 }
5592 } 5592 }
5593 .about__item a { 5593 .about__item a {
5594 text-decoration: underline; 5594 text-decoration: underline;
5595 } 5595 }
5596 .about__item + .about__item { 5596 .about__item + .about__item {
5597 margin-top: 30px; 5597 margin-top: 30px;
5598 } 5598 }
5599 @media (min-width: 992px) { 5599 @media (min-width: 992px) {
5600 .about__item + .about__item { 5600 .about__item + .about__item {
5601 margin-top: 40px; 5601 margin-top: 40px;
5602 } 5602 }
5603 } 5603 }
5604 .about__button { 5604 .about__button {
5605 margin-top: 20px; 5605 margin-top: 20px;
5606 height: 38px; 5606 height: 38px;
5607 padding: 0; 5607 padding: 0;
5608 } 5608 }
5609 @media (min-width: 768px) { 5609 @media (min-width: 768px) {
5610 .about__button { 5610 .about__button {
5611 max-width: 200px; 5611 max-width: 200px;
5612 height: 42px; 5612 height: 42px;
5613 margin-top: 30px; 5613 margin-top: 30px;
5614 } 5614 }
5615 } 5615 }
5616 5616
5617 .news { 5617 .news {
5618 padding: 50px 0; 5618 padding: 50px 0;
5619 overflow: hidden; 5619 overflow: hidden;
5620 } 5620 }
5621 @media (min-width: 1280px) { 5621 @media (min-width: 1280px) {
5622 .news { 5622 .news {
5623 padding: 100px 0; 5623 padding: 100px 0;
5624 padding-bottom: 0; 5624 padding-bottom: 0;
5625 } 5625 }
5626 } 5626 }
5627 .news__toper { 5627 .news__toper {
5628 display: -webkit-box; 5628 display: -webkit-box;
5629 display: -ms-flexbox; 5629 display: -ms-flexbox;
5630 display: flex; 5630 display: flex;
5631 -webkit-box-pack: justify; 5631 -webkit-box-pack: justify;
5632 -ms-flex-pack: justify; 5632 -ms-flex-pack: justify;
5633 justify-content: space-between; 5633 justify-content: space-between;
5634 -webkit-box-align: center; 5634 -webkit-box-align: center;
5635 -ms-flex-align: center; 5635 -ms-flex-align: center;
5636 align-items: center; 5636 align-items: center;
5637 } 5637 }
5638 @media (min-width: 1280px) { 5638 @media (min-width: 1280px) {
5639 .news__toper .title { 5639 .news__toper .title {
5640 width: calc(100% - 160px); 5640 width: calc(100% - 160px);
5641 } 5641 }
5642 } 5642 }
5643 .news__toper .navs { 5643 .news__toper .navs {
5644 display: none; 5644 display: none;
5645 } 5645 }
5646 @media (min-width: 1280px) { 5646 @media (min-width: 1280px) {
5647 .news__toper .navs { 5647 .news__toper .navs {
5648 display: -webkit-box; 5648 display: -webkit-box;
5649 display: -ms-flexbox; 5649 display: -ms-flexbox;
5650 display: flex; 5650 display: flex;
5651 } 5651 }
5652 } 5652 }
5653 .news .swiper { 5653 .news .swiper {
5654 margin-top: 20px; 5654 margin-top: 20px;
5655 } 5655 }
5656 @media (min-width: 768px) { 5656 @media (min-width: 768px) {
5657 .news .swiper { 5657 .news .swiper {
5658 overflow: visible; 5658 overflow: visible;
5659 } 5659 }
5660 } 5660 }
5661 @media (min-width: 992px) { 5661 @media (min-width: 992px) {
5662 .news .swiper { 5662 .news .swiper {
5663 margin-top: 40px; 5663 margin-top: 40px;
5664 } 5664 }
5665 } 5665 }
5666 .news__item { 5666 .news__item {
5667 display: -webkit-box; 5667 display: -webkit-box;
5668 display: -ms-flexbox; 5668 display: -ms-flexbox;
5669 display: flex; 5669 display: flex;
5670 -webkit-box-orient: vertical; 5670 -webkit-box-orient: vertical;
5671 -webkit-box-direction: normal; 5671 -webkit-box-direction: normal;
5672 -ms-flex-direction: column; 5672 -ms-flex-direction: column;
5673 flex-direction: column; 5673 flex-direction: column;
5674 line-height: 1.4; 5674 line-height: 1.4;
5675 } 5675 }
5676 .news__item-pic { 5676 .news__item-pic {
5677 width: 100%; 5677 width: 100%;
5678 aspect-ratio: 3/2; 5678 aspect-ratio: 3/2;
5679 border-radius: 12px; 5679 border-radius: 12px;
5680 border: 1px solid #e6e7e7; 5680 border: 1px solid #e6e7e7;
5681 -o-object-fit: cover; 5681 -o-object-fit: cover;
5682 object-fit: cover; 5682 object-fit: cover;
5683 min-height: 200px; 5683 min-height: 200px;
5684 } 5684 }
5685 @media (min-width: 1280px) { 5685 @media (min-width: 1280px) {
5686 .news__item-pic { 5686 .news__item-pic {
5687 aspect-ratio: 4/2; 5687 aspect-ratio: 4/2;
5688 } 5688 }
5689 } 5689 }
5690 .news__item-body { 5690 .news__item-body {
5691 display: -webkit-box; 5691 display: -webkit-box;
5692 display: -ms-flexbox; 5692 display: -ms-flexbox;
5693 display: flex; 5693 display: flex;
5694 -webkit-box-orient: vertical; 5694 -webkit-box-orient: vertical;
5695 -webkit-box-direction: normal; 5695 -webkit-box-direction: normal;
5696 -ms-flex-direction: column; 5696 -ms-flex-direction: column;
5697 flex-direction: column; 5697 flex-direction: column;
5698 padding-top: 15px; 5698 padding-top: 15px;
5699 } 5699 }
5700 @media (min-width: 768px) { 5700 @media (min-width: 768px) {
5701 .news__item-body { 5701 .news__item-body {
5702 padding: 20px; 5702 padding: 20px;
5703 padding-top: 30px; 5703 padding-top: 30px;
5704 margin-top: -15px; 5704 margin-top: -15px;
5705 border-radius: 0 0 12px 12px; 5705 border-radius: 0 0 12px 12px;
5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5708 } 5708 }
5709 } 5709 }
5710 .news__item-date { 5710 .news__item-date {
5711 font-size: 14px; 5711 font-size: 14px;
5712 font-weight: 700; 5712 font-weight: 700;
5713 color: #377d87; 5713 color: #377d87;
5714 } 5714 }
5715 .news__item-title { 5715 .news__item-title {
5716 font-size: 20px; 5716 font-size: 20px;
5717 font-weight: 700; 5717 font-weight: 700;
5718 line-height: 1.2; 5718 line-height: 1.2;
5719 margin-top: 5px; 5719 margin-top: 5px;
5720 } 5720 }
5721 .news__item-text { 5721 .news__item-text {
5722 color: #000; 5722 color: #000;
5723 font-size: 13px; 5723 font-size: 13px;
5724 margin-top: 10px; 5724 margin-top: 10px;
5725 overflow: hidden; 5725 overflow: hidden;
5726 display: -webkit-box; 5726 display: -webkit-box;
5727 -webkit-box-orient: vertical; 5727 -webkit-box-orient: vertical;
5728 -webkit-line-clamp: 4; 5728 -webkit-line-clamp: 4;
5729 } 5729 }
5730 @media (min-width: 1280px) { 5730 @media (min-width: 1280px) {
5731 .news__item-text { 5731 .news__item-text {
5732 font-size: 16px; 5732 font-size: 16px;
5733 } 5733 }
5734 } 5734 }
5735 .news__item-more { 5735 .news__item-more {
5736 height: 42px; 5736 height: 42px;
5737 margin-top: 20px; 5737 margin-top: 20px;
5738 } 5738 }
5739 @media (min-width: 1280px) { 5739 @media (min-width: 1280px) {
5740 .news__item-more { 5740 .news__item-more {
5741 height: 44px; 5741 height: 44px;
5742 max-width: 190px; 5742 max-width: 190px;
5743 } 5743 }
5744 } 5744 }
5745 .news__all { 5745 .news__all {
5746 height: 42px; 5746 height: 42px;
5747 margin: 0 auto; 5747 margin: 0 auto;
5748 margin-top: 20px; 5748 margin-top: 20px;
5749 padding: 0; 5749 padding: 0;
5750 display: none; 5750 display: none;
5751 } 5751 }
5752 @media (min-width: 768px) { 5752 @media (min-width: 768px) {
5753 .news__all { 5753 .news__all {
5754 max-width: 170px; 5754 max-width: 170px;
5755 margin-top: 30px; 5755 margin-top: 30px;
5756 display: -webkit-box; 5756 display: -webkit-box;
5757 display: -ms-flexbox; 5757 display: -ms-flexbox;
5758 display: flex; 5758 display: flex;
5759 } 5759 }
5760 } 5760 }
5761 @media (min-width: 1280px) { 5761 @media (min-width: 1280px) {
5762 .news__all { 5762 .news__all {
5763 height: 44px; 5763 height: 44px;
5764 } 5764 }
5765 } 5765 }
5766 .news__items { 5766 .news__items {
5767 display: grid; 5767 display: grid;
5768 gap: 20px; 5768 gap: 20px;
5769 margin-bottom: 10px; 5769 margin-bottom: 10px;
5770 } 5770 }
5771 @media (min-width: 768px) { 5771 @media (min-width: 768px) {
5772 .news__items { 5772 .news__items {
5773 grid-template-columns: 1fr 1fr; 5773 grid-template-columns: 1fr 1fr;
5774 } 5774 }
5775 } 5775 }
5776 @media (min-width: 992px) { 5776 @media (min-width: 992px) {
5777 .news__items { 5777 .news__items {
5778 grid-template-columns: 1fr 1fr 1fr; 5778 grid-template-columns: 1fr 1fr 1fr;
5779 } 5779 }
5780 } 5780 }
5781 5781
5782 main + .news { 5782 main + .news {
5783 padding: 0; 5783 padding: 0;
5784 } 5784 }
5785 5785
5786 .info { 5786 .info {
5787 position: relative; 5787 position: relative;
5788 overflow: hidden; 5788 overflow: hidden;
5789 } 5789 }
5790 @media (min-width: 1280px) { 5790 @media (min-width: 1280px) {
5791 .info { 5791 .info {
5792 margin-bottom: -25px; 5792 margin-bottom: -25px;
5793 } 5793 }
5794 } 5794 }
5795 .info__pic { 5795 .info__pic {
5796 display: none; 5796 display: none;
5797 z-index: 1; 5797 z-index: 1;
5798 position: absolute; 5798 position: absolute;
5799 top: 0; 5799 top: 0;
5800 left: 50%; 5800 left: 50%;
5801 height: 100%; 5801 height: 100%;
5802 margin-left: 130px; 5802 margin-left: 130px;
5803 } 5803 }
5804 @media (min-width: 992px) { 5804 @media (min-width: 992px) {
5805 .info__pic { 5805 .info__pic {
5806 display: block; 5806 display: block;
5807 } 5807 }
5808 } 5808 }
5809 @media (min-width: 1280px) { 5809 @media (min-width: 1280px) {
5810 .info__pic { 5810 .info__pic {
5811 width: 610px; 5811 width: 610px;
5812 height: auto; 5812 height: auto;
5813 margin-left: 10px; 5813 margin-left: 10px;
5814 } 5814 }
5815 } 5815 }
5816 .info__body { 5816 .info__body {
5817 z-index: 2; 5817 z-index: 2;
5818 position: relative; 5818 position: relative;
5819 display: -webkit-box; 5819 display: -webkit-box;
5820 display: -ms-flexbox; 5820 display: -ms-flexbox;
5821 display: flex; 5821 display: flex;
5822 -webkit-box-orient: vertical; 5822 -webkit-box-orient: vertical;
5823 -webkit-box-direction: normal; 5823 -webkit-box-direction: normal;
5824 -ms-flex-direction: column; 5824 -ms-flex-direction: column;
5825 flex-direction: column; 5825 flex-direction: column;
5826 } 5826 }
5827 @media (min-width: 1280px) { 5827 @media (min-width: 1280px) {
5828 .info__body { 5828 .info__body {
5829 padding-top: 100px; 5829 padding-top: 100px;
5830 min-height: 600px; 5830 min-height: 600px;
5831 } 5831 }
5832 } 5832 }
5833 @media (min-width: 1280px) { 5833 @media (min-width: 1280px) {
5834 .info__title { 5834 .info__title {
5835 max-width: 520px; 5835 max-width: 520px;
5836 line-height: 1; 5836 line-height: 1;
5837 } 5837 }
5838 } 5838 }
5839 .info__item { 5839 .info__item {
5840 margin-top: 20px; 5840 margin-top: 20px;
5841 display: -webkit-box; 5841 display: -webkit-box;
5842 display: -ms-flexbox; 5842 display: -ms-flexbox;
5843 display: flex; 5843 display: flex;
5844 -webkit-box-orient: vertical; 5844 -webkit-box-orient: vertical;
5845 -webkit-box-direction: normal; 5845 -webkit-box-direction: normal;
5846 -ms-flex-direction: column; 5846 -ms-flex-direction: column;
5847 flex-direction: column; 5847 flex-direction: column;
5848 gap: 20px; 5848 gap: 20px;
5849 } 5849 }
5850 @media (min-width: 992px) { 5850 @media (min-width: 992px) {
5851 .info__item { 5851 .info__item {
5852 max-width: 610px; 5852 max-width: 610px;
5853 } 5853 }
5854 } 5854 }
5855 .info__item + .info__item { 5855 .info__item + .info__item {
5856 margin-top: 60px; 5856 margin-top: 60px;
5857 } 5857 }
5858 .info__text { 5858 .info__text {
5859 color: #000; 5859 color: #000;
5860 font-size: 13px; 5860 font-size: 13px;
5861 line-height: 1.4; 5861 line-height: 1.4;
5862 } 5862 }
5863 @media (min-width: 768px) { 5863 @media (min-width: 768px) {
5864 .info__text { 5864 .info__text {
5865 font-size: 16px; 5865 font-size: 16px;
5866 } 5866 }
5867 } 5867 }
5868 @media (min-width: 1280px) { 5868 @media (min-width: 1280px) {
5869 .info__text { 5869 .info__text {
5870 font-size: 18px; 5870 font-size: 18px;
5871 } 5871 }
5872 } 5872 }
5873 .info__link { 5873 .info__link {
5874 border-radius: 8px; 5874 border-radius: 8px;
5875 display: -webkit-box; 5875 display: -webkit-box;
5876 display: -ms-flexbox; 5876 display: -ms-flexbox;
5877 display: flex; 5877 display: flex;
5878 -webkit-box-pack: center; 5878 -webkit-box-pack: center;
5879 -ms-flex-pack: center; 5879 -ms-flex-pack: center;
5880 justify-content: center; 5880 justify-content: center;
5881 -webkit-box-align: center; 5881 -webkit-box-align: center;
5882 -ms-flex-align: center; 5882 -ms-flex-align: center;
5883 align-items: center; 5883 align-items: center;
5884 line-height: 1; 5884 line-height: 1;
5885 height: 40px; 5885 height: 40px;
5886 font-size: 12px; 5886 font-size: 12px;
5887 font-weight: 700; 5887 font-weight: 700;
5888 gap: 8px; 5888 gap: 8px;
5889 color: #fff; 5889 color: #fff;
5890 background: #377d87; 5890 background: #377d87;
5891 } 5891 }
5892 .info__link:hover { 5892 .info__link:hover {
5893 -webkit-filter: grayscale(50%); 5893 -webkit-filter: grayscale(50%);
5894 filter: grayscale(50%); 5894 filter: grayscale(50%);
5895 } 5895 }
5896 @media (min-width: 768px) { 5896 @media (min-width: 768px) {
5897 .info__link { 5897 .info__link {
5898 height: 44px; 5898 height: 44px;
5899 font-size: 16px; 5899 font-size: 16px;
5900 gap: 10px; 5900 gap: 10px;
5901 max-width: 300px; 5901 max-width: 300px;
5902 } 5902 }
5903 } 5903 }
5904 @media (min-width: 992px) { 5904 @media (min-width: 992px) {
5905 .info__link { 5905 .info__link {
5906 max-width: 210px; 5906 max-width: 210px;
5907 } 5907 }
5908 } 5908 }
5909 .info__link svg { 5909 .info__link svg {
5910 width: 16px; 5910 width: 16px;
5911 height: 16px; 5911 height: 16px;
5912 } 5912 }
5913 @media (min-width: 768px) { 5913 @media (min-width: 768px) {
5914 .info__link svg { 5914 .info__link svg {
5915 width: 20px; 5915 width: 20px;
5916 height: 20px; 5916 height: 20px;
5917 } 5917 }
5918 } 5918 }
5919 5919
5920 .thing { 5920 .thing {
5921 padding-top: 15px; 5921 padding-top: 15px;
5922 padding-bottom: 30px; 5922 padding-bottom: 30px;
5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5924 color: #000; 5924 color: #000;
5925 overflow: hidden; 5925 overflow: hidden;
5926 position: relative; 5926 position: relative;
5927 } 5927 }
5928 @media (min-width: 992px) { 5928 @media (min-width: 992px) {
5929 .thing { 5929 .thing {
5930 padding-top: 20px; 5930 padding-top: 20px;
5931 padding-bottom: 60px; 5931 padding-bottom: 60px;
5932 } 5932 }
5933 } 5933 }
5934 @media (min-width: 1280px) { 5934 @media (min-width: 1280px) {
5935 .thing { 5935 .thing {
5936 padding-bottom: 90px; 5936 padding-bottom: 90px;
5937 } 5937 }
5938 } 5938 }
5939 .thing_pdf { 5939 .thing_pdf {
5940 padding: 30px 0; 5940 padding: 30px 0;
5941 } 5941 }
5942 @media (min-width: 992px) { 5942 @media (min-width: 992px) {
5943 .thing_pdf { 5943 .thing_pdf {
5944 padding: 60px 0; 5944 padding: 60px 0;
5945 } 5945 }
5946 } 5946 }
5947 @media (min-width: 1280px) { 5947 @media (min-width: 1280px) {
5948 .thing_pdf { 5948 .thing_pdf {
5949 padding: 90px 0; 5949 padding: 90px 0;
5950 } 5950 }
5951 } 5951 }
5952 .thing__body { 5952 .thing__body {
5953 display: -webkit-box; 5953 display: -webkit-box;
5954 display: -ms-flexbox; 5954 display: -ms-flexbox;
5955 display: flex; 5955 display: flex;
5956 -webkit-box-orient: vertical; 5956 -webkit-box-orient: vertical;
5957 -webkit-box-direction: normal; 5957 -webkit-box-direction: normal;
5958 -ms-flex-direction: column; 5958 -ms-flex-direction: column;
5959 flex-direction: column; 5959 flex-direction: column;
5960 -webkit-box-align: start; 5960 -webkit-box-align: start;
5961 -ms-flex-align: start; 5961 -ms-flex-align: start;
5962 align-items: flex-start; 5962 align-items: flex-start;
5963 } 5963 }
5964 .thing__breadcrumbs { 5964 .thing__breadcrumbs {
5965 width: 100%; 5965 width: 100%;
5966 margin-bottom: 40px; 5966 margin-bottom: 40px;
5967 position: relative; 5967 position: relative;
5968 z-index: 2; 5968 z-index: 2;
5969 } 5969 }
5970 @media (min-width: 768px) { 5970 @media (min-width: 768px) {
5971 .thing__breadcrumbs { 5971 .thing__breadcrumbs {
5972 margin-bottom: 60px; 5972 margin-bottom: 60px;
5973 } 5973 }
5974 } 5974 }
5975 .thing__date { 5975 .thing__date {
5976 color: #000; 5976 color: #000;
5977 font-size: 14px; 5977 font-size: 14px;
5978 font-weight: 700; 5978 font-weight: 700;
5979 line-height: 21px; 5979 line-height: 21px;
5980 margin-bottom: 10px; 5980 margin-bottom: 10px;
5981 } 5981 }
5982 @media (min-width: 768px) { 5982 @media (min-width: 768px) {
5983 .thing__date { 5983 .thing__date {
5984 font-size: 18px; 5984 font-size: 18px;
5985 line-height: 27px; 5985 line-height: 27px;
5986 } 5986 }
5987 } 5987 }
5988 .thing__title { 5988 .thing__title {
5989 width: 100%; 5989 width: 100%;
5990 font-size: 32px; 5990 font-size: 32px;
5991 font-weight: 700; 5991 font-weight: 700;
5992 margin: 0; 5992 margin: 0;
5993 max-width: 780px; 5993 max-width: 780px;
5994 position: relative; 5994 position: relative;
5995 z-index: 2; 5995 z-index: 2;
5996 line-height: 1.1; 5996 line-height: 1.1;
5997 } 5997 }
5998 @media (min-width: 768px) { 5998 @media (min-width: 768px) {
5999 .thing__title { 5999 .thing__title {
6000 font-size: 40px; 6000 font-size: 40px;
6001 } 6001 }
6002 } 6002 }
6003 @media (min-width: 1280px) { 6003 @media (min-width: 1280px) {
6004 .thing__title { 6004 .thing__title {
6005 font-size: 64px; 6005 font-size: 64px;
6006 } 6006 }
6007 } 6007 }
6008 .thing__text { 6008 .thing__text {
6009 width: 100%; 6009 width: 100%;
6010 font-weight: 700; 6010 font-weight: 700;
6011 font-size: 14px; 6011 font-size: 14px;
6012 line-height: 1.4; 6012 line-height: 1.4;
6013 margin: 15px 0 0 0; 6013 margin: 15px 0 0 0;
6014 max-width: 780px; 6014 max-width: 780px;
6015 position: relative; 6015 position: relative;
6016 z-index: 2; 6016 z-index: 2;
6017 } 6017 }
6018 @media (min-width: 768px) { 6018 @media (min-width: 768px) {
6019 .thing__text { 6019 .thing__text {
6020 margin-top: 15px; 6020 margin-top: 15px;
6021 } 6021 }
6022 } 6022 }
6023 @media (min-width: 992px) { 6023 @media (min-width: 992px) {
6024 .thing__text { 6024 .thing__text {
6025 font-weight: 400; 6025 font-weight: 400;
6026 font-size: 18px; 6026 font-size: 18px;
6027 } 6027 }
6028 } 6028 }
6029 .thing__search { 6029 .thing__search {
6030 width: 100%; 6030 width: 100%;
6031 max-width: 640px; 6031 max-width: 640px;
6032 margin-top: 20px; 6032 margin-top: 20px;
6033 position: relative; 6033 position: relative;
6034 z-index: 2; 6034 z-index: 2;
6035 } 6035 }
6036 @media (min-width: 768px) { 6036 @media (min-width: 768px) {
6037 .thing__search { 6037 .thing__search {
6038 margin-top: 30px; 6038 margin-top: 30px;
6039 } 6039 }
6040 } 6040 }
6041 .thing__badge { 6041 .thing__badge {
6042 position: relative; 6042 position: relative;
6043 z-index: 2; 6043 z-index: 2;
6044 display: -webkit-box; 6044 display: -webkit-box;
6045 display: -ms-flexbox; 6045 display: -ms-flexbox;
6046 display: flex; 6046 display: flex;
6047 -webkit-box-align: center; 6047 -webkit-box-align: center;
6048 -ms-flex-align: center; 6048 -ms-flex-align: center;
6049 align-items: center; 6049 align-items: center;
6050 gap: 5px; 6050 gap: 5px;
6051 padding: 0 12px; 6051 padding: 0 12px;
6052 background: #4d88d9; 6052 background: #4d88d9;
6053 color: #fff; 6053 color: #fff;
6054 font-size: 12px; 6054 font-size: 12px;
6055 line-height: 1; 6055 line-height: 1;
6056 height: 26px; 6056 height: 26px;
6057 border-radius: 999px; 6057 border-radius: 999px;
6058 margin-bottom: 20px; 6058 margin-bottom: 20px;
6059 } 6059 }
6060 @media (min-width: 992px) { 6060 @media (min-width: 992px) {
6061 .thing__badge { 6061 .thing__badge {
6062 font-size: 16px; 6062 font-size: 16px;
6063 gap: 10px; 6063 gap: 10px;
6064 padding: 0 24px; 6064 padding: 0 24px;
6065 height: 42px; 6065 height: 42px;
6066 margin-bottom: 30px; 6066 margin-bottom: 30px;
6067 } 6067 }
6068 } 6068 }
6069 .thing__badge svg { 6069 .thing__badge svg {
6070 width: 12px; 6070 width: 12px;
6071 height: 12px; 6071 height: 12px;
6072 } 6072 }
6073 @media (min-width: 992px) { 6073 @media (min-width: 992px) {
6074 .thing__badge svg { 6074 .thing__badge svg {
6075 width: 20px; 6075 width: 20px;
6076 height: 20px; 6076 height: 20px;
6077 } 6077 }
6078 } 6078 }
6079 .thing__pic { 6079 .thing__pic {
6080 width: 60px; 6080 width: 60px;
6081 aspect-ratio: 1/1; 6081 aspect-ratio: 1/1;
6082 -o-object-fit: contain; 6082 -o-object-fit: contain;
6083 object-fit: contain; 6083 object-fit: contain;
6084 position: relative; 6084 position: relative;
6085 z-index: 1; 6085 z-index: 1;
6086 margin-bottom: 15px; 6086 margin-bottom: 15px;
6087 } 6087 }
6088 @media (min-width: 768px) { 6088 @media (min-width: 768px) {
6089 .thing__pic { 6089 .thing__pic {
6090 width: 160px; 6090 width: 160px;
6091 position: absolute; 6091 position: absolute;
6092 top: 15px; 6092 top: 15px;
6093 right: 20px; 6093 right: 20px;
6094 } 6094 }
6095 } 6095 }
6096 @media (min-width: 992px) { 6096 @media (min-width: 992px) {
6097 .thing__pic { 6097 .thing__pic {
6098 width: 330px; 6098 width: 330px;
6099 top: 50%; 6099 top: 50%;
6100 -webkit-transform: translate(0, -50%); 6100 -webkit-transform: translate(0, -50%);
6101 -ms-transform: translate(0, -50%); 6101 -ms-transform: translate(0, -50%);
6102 transform: translate(0, -50%); 6102 transform: translate(0, -50%);
6103 } 6103 }
6104 } 6104 }
6105 @media (min-width: 1280px) { 6105 @media (min-width: 1280px) {
6106 .thing__pic { 6106 .thing__pic {
6107 right: auto; 6107 right: auto;
6108 left: 50%; 6108 left: 50%;
6109 margin-left: 200px; 6109 margin-left: 200px;
6110 } 6110 }
6111 } 6111 }
6112 .thing__pic_two { 6112 .thing__pic_two {
6113 -o-object-fit: cover; 6113 -o-object-fit: cover;
6114 object-fit: cover; 6114 object-fit: cover;
6115 border-radius: 30px; 6115 border-radius: 30px;
6116 aspect-ratio: 44/37; 6116 aspect-ratio: 44/37;
6117 width: 100%; 6117 width: 100%;
6118 max-width: 440px; 6118 max-width: 440px;
6119 } 6119 }
6120 @media (min-width: 768px) { 6120 @media (min-width: 768px) {
6121 .thing__pic_two { 6121 .thing__pic_two {
6122 position: static; 6122 position: static;
6123 -webkit-transform: translate(0, 0); 6123 -webkit-transform: translate(0, 0);
6124 -ms-transform: translate(0, 0); 6124 -ms-transform: translate(0, 0);
6125 transform: translate(0, 0); 6125 transform: translate(0, 0);
6126 } 6126 }
6127 } 6127 }
6128 @media (min-width: 1280px) { 6128 @media (min-width: 1280px) {
6129 .thing__pic_two { 6129 .thing__pic_two {
6130 position: absolute; 6130 position: absolute;
6131 -webkit-transform: translate(0, -50%); 6131 -webkit-transform: translate(0, -50%);
6132 -ms-transform: translate(0, -50%); 6132 -ms-transform: translate(0, -50%);
6133 transform: translate(0, -50%); 6133 transform: translate(0, -50%);
6134 } 6134 }
6135 } 6135 }
6136 .thing__buttons { 6136 .thing__buttons {
6137 width: 100%; 6137 width: 100%;
6138 position: relative; 6138 position: relative;
6139 z-index: 2; 6139 z-index: 2;
6140 display: -webkit-box; 6140 display: -webkit-box;
6141 display: -ms-flexbox; 6141 display: -ms-flexbox;
6142 display: flex; 6142 display: flex;
6143 -webkit-box-align: center; 6143 -webkit-box-align: center;
6144 -ms-flex-align: center; 6144 -ms-flex-align: center;
6145 align-items: center; 6145 align-items: center;
6146 gap: 20px; 6146 gap: 20px;
6147 margin-top: 15px; 6147 margin-top: 15px;
6148 } 6148 }
6149 @media (min-width: 992px) { 6149 @media (min-width: 992px) {
6150 .thing__buttons { 6150 .thing__buttons {
6151 margin-top: 30px; 6151 margin-top: 30px;
6152 gap: 30px; 6152 gap: 30px;
6153 } 6153 }
6154 } 6154 }
6155 @media (min-width: 992px) { 6155 @media (min-width: 992px) {
6156 .thing__buttons .button { 6156 .thing__buttons .button {
6157 padding: 0 22px; 6157 padding: 0 22px;
6158 } 6158 }
6159 } 6159 }
6160 .thing__checkbox { 6160 .thing__checkbox {
6161 margin-top: 20px; 6161 margin-top: 20px;
6162 } 6162 }
6163 .thing__checkbox .checkbox__icon { 6163 .thing__checkbox .checkbox__icon {
6164 border-color: #377d87; 6164 border-color: #377d87;
6165 } 6165 }
6166 .thing__checkbox .checkbox__text { 6166 .thing__checkbox .checkbox__text {
6167 color: #377d87; 6167 color: #377d87;
6168 } 6168 }
6169 .thing__profile { 6169 .thing__profile {
6170 display: -webkit-box; 6170 display: -webkit-box;
6171 display: -ms-flexbox; 6171 display: -ms-flexbox;
6172 display: flex; 6172 display: flex;
6173 -webkit-box-orient: vertical; 6173 -webkit-box-orient: vertical;
6174 -webkit-box-direction: normal; 6174 -webkit-box-direction: normal;
6175 -ms-flex-direction: column; 6175 -ms-flex-direction: column;
6176 flex-direction: column; 6176 flex-direction: column;
6177 } 6177 }
6178 @media (min-width: 768px) { 6178 @media (min-width: 768px) {
6179 .thing__profile { 6179 .thing__profile {
6180 -webkit-box-orient: horizontal; 6180 -webkit-box-orient: horizontal;
6181 -webkit-box-direction: normal; 6181 -webkit-box-direction: normal;
6182 -ms-flex-direction: row; 6182 -ms-flex-direction: row;
6183 flex-direction: row; 6183 flex-direction: row;
6184 -webkit-box-align: start; 6184 -webkit-box-align: start;
6185 -ms-flex-align: start; 6185 -ms-flex-align: start;
6186 align-items: flex-start; 6186 align-items: flex-start;
6187 } 6187 }
6188 } 6188 }
6189 .thing__profile-photo { 6189 .thing__profile-photo {
6190 width: 210px; 6190 width: 210px;
6191 border-radius: 8px; 6191 border-radius: 8px;
6192 aspect-ratio: 1/1; 6192 aspect-ratio: 1/1;
6193 } 6193 }
6194 .thing__profile-body { 6194 .thing__profile-body {
6195 display: -webkit-box; 6195 display: -webkit-box;
6196 display: -ms-flexbox; 6196 display: -ms-flexbox;
6197 display: flex; 6197 display: flex;
6198 -webkit-box-orient: vertical; 6198 -webkit-box-orient: vertical;
6199 -webkit-box-direction: normal; 6199 -webkit-box-direction: normal;
6200 -ms-flex-direction: column; 6200 -ms-flex-direction: column;
6201 flex-direction: column; 6201 flex-direction: column;
6202 margin-top: 15px; 6202 margin-top: 15px;
6203 } 6203 }
6204 @media (min-width: 768px) { 6204 @media (min-width: 768px) {
6205 .thing__profile-body { 6205 .thing__profile-body {
6206 width: calc(100% - 210px); 6206 width: calc(100% - 210px);
6207 padding-left: 35px; 6207 padding-left: 35px;
6208 } 6208 }
6209 } 6209 }
6210 .thing__profile .thing__title { 6210 .thing__profile .thing__title {
6211 max-width: none; 6211 max-width: none;
6212 } 6212 }
6213 @media (min-width: 768px) { 6213 @media (min-width: 768px) {
6214 .thing__profile .thing__title { 6214 .thing__profile .thing__title {
6215 margin-top: -20px; 6215 margin-top: -20px;
6216 } 6216 }
6217 } 6217 }
6218 .thing__profile .thing__text { 6218 .thing__profile .thing__text {
6219 max-width: none; 6219 max-width: none;
6220 } 6220 }
6221 .thing__bottom { 6221 .thing__bottom {
6222 display: -webkit-box; 6222 display: -webkit-box;
6223 display: -ms-flexbox; 6223 display: -ms-flexbox;
6224 display: flex; 6224 display: flex;
6225 -webkit-box-align: center; 6225 -webkit-box-align: center;
6226 -ms-flex-align: center; 6226 -ms-flex-align: center;
6227 align-items: center; 6227 align-items: center;
6228 gap: 15px; 6228 gap: 15px;
6229 margin-top: 15px; 6229 margin-top: 15px;
6230 } 6230 }
6231 @media (min-width: 768px) { 6231 @media (min-width: 768px) {
6232 .thing__bottom { 6232 .thing__bottom {
6233 margin-top: 30px; 6233 margin-top: 30px;
6234 } 6234 }
6235 } 6235 }
6236 .thing__select { 6236 .thing__select {
6237 width: 100%; 6237 width: 100%;
6238 max-width: 640px; 6238 max-width: 640px;
6239 margin-top: 20px; 6239 margin-top: 20px;
6240 } 6240 }
6241 @media (min-width: 768px) { 6241 @media (min-width: 768px) {
6242 .thing__select { 6242 .thing__select {
6243 margin-top: 30px; 6243 margin-top: 30px;
6244 } 6244 }
6245 } 6245 }
6246 6246
6247 .page-404 { 6247 .page-404 {
6248 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6248 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6249 overflow: hidden; 6249 overflow: hidden;
6250 } 6250 }
6251 .page-404__body { 6251 .page-404__body {
6252 display: -webkit-box; 6252 display: -webkit-box;
6253 display: -ms-flexbox; 6253 display: -ms-flexbox;
6254 display: flex; 6254 display: flex;
6255 -webkit-box-orient: vertical; 6255 -webkit-box-orient: vertical;
6256 -webkit-box-direction: normal; 6256 -webkit-box-direction: normal;
6257 -ms-flex-direction: column; 6257 -ms-flex-direction: column;
6258 flex-direction: column; 6258 flex-direction: column;
6259 -webkit-box-align: center; 6259 -webkit-box-align: center;
6260 -ms-flex-align: center; 6260 -ms-flex-align: center;
6261 align-items: center; 6261 align-items: center;
6262 -webkit-box-pack: center; 6262 -webkit-box-pack: center;
6263 -ms-flex-pack: center; 6263 -ms-flex-pack: center;
6264 justify-content: center; 6264 justify-content: center;
6265 text-align: center; 6265 text-align: center;
6266 padding: 60px 0; 6266 padding: 60px 0;
6267 color: #000; 6267 color: #000;
6268 font-size: 12px; 6268 font-size: 12px;
6269 gap: 10px; 6269 gap: 10px;
6270 line-height: 1.4; 6270 line-height: 1.4;
6271 } 6271 }
6272 @media (min-width: 768px) { 6272 @media (min-width: 768px) {
6273 .page-404__body { 6273 .page-404__body {
6274 font-size: 18px; 6274 font-size: 18px;
6275 padding: 120px 0; 6275 padding: 120px 0;
6276 gap: 20px; 6276 gap: 20px;
6277 } 6277 }
6278 } 6278 }
6279 @media (min-width: 1280px) { 6279 @media (min-width: 1280px) {
6280 .page-404__body { 6280 .page-404__body {
6281 padding: 180px 0; 6281 padding: 180px 0;
6282 text-align: left; 6282 text-align: left;
6283 } 6283 }
6284 } 6284 }
6285 .page-404__numb { 6285 .page-404__numb {
6286 font-size: 114px; 6286 font-size: 114px;
6287 line-height: 1; 6287 line-height: 1;
6288 color: #377d87; 6288 color: #377d87;
6289 font-weight: 700; 6289 font-weight: 700;
6290 } 6290 }
6291 @media (min-width: 768px) { 6291 @media (min-width: 768px) {
6292 .page-404__numb { 6292 .page-404__numb {
6293 font-size: 184px; 6293 font-size: 184px;
6294 } 6294 }
6295 } 6295 }
6296 @media (min-width: 768px) { 6296 @media (min-width: 768px) {
6297 .page-404__title { 6297 .page-404__title {
6298 font-weight: 700; 6298 font-weight: 700;
6299 font-size: 44px; 6299 font-size: 44px;
6300 } 6300 }
6301 } 6301 }
6302 @media (min-width: 1280px) { 6302 @media (min-width: 1280px) {
6303 .page-404__title { 6303 .page-404__title {
6304 width: 710px; 6304 width: 710px;
6305 position: relative; 6305 position: relative;
6306 left: 200px; 6306 left: 200px;
6307 } 6307 }
6308 } 6308 }
6309 @media (min-width: 1280px) { 6309 @media (min-width: 1280px) {
6310 .page-404__subtitle { 6310 .page-404__subtitle {
6311 width: 710px; 6311 width: 710px;
6312 position: relative; 6312 position: relative;
6313 left: 200px; 6313 left: 200px;
6314 } 6314 }
6315 } 6315 }
6316 .page-404__button { 6316 .page-404__button {
6317 margin-top: 10px; 6317 margin-top: 10px;
6318 } 6318 }
6319 @media (min-width: 1280px) { 6319 @media (min-width: 1280px) {
6320 .page-404__button { 6320 .page-404__button {
6321 position: relative; 6321 position: relative;
6322 left: -45px; 6322 left: -45px;
6323 } 6323 }
6324 } 6324 }
6325 6325
6326 .cookies { 6326 .cookies {
6327 display: none; 6327 display: none;
6328 -webkit-box-align: end; 6328 -webkit-box-align: end;
6329 -ms-flex-align: end; 6329 -ms-flex-align: end;
6330 align-items: flex-end; 6330 align-items: flex-end;
6331 padding: 10px; 6331 padding: 10px;
6332 padding-top: 0; 6332 padding-top: 0;
6333 height: 0; 6333 height: 0;
6334 position: fixed; 6334 position: fixed;
6335 z-index: 999; 6335 z-index: 999;
6336 bottom: 0; 6336 bottom: 0;
6337 left: 0; 6337 left: 0;
6338 width: 100%; 6338 width: 100%;
6339 } 6339 }
6340 .cookies-is-actived .cookies { 6340 .cookies-is-actived .cookies {
6341 display: -webkit-box; 6341 display: -webkit-box;
6342 display: -ms-flexbox; 6342 display: -ms-flexbox;
6343 display: flex; 6343 display: flex;
6344 } 6344 }
6345 .cookies__body { 6345 .cookies__body {
6346 border-radius: 6px; 6346 border-radius: 6px;
6347 border: 1px solid #377d87; 6347 border: 1px solid #377d87;
6348 background: #fff; 6348 background: #fff;
6349 padding: 15px; 6349 padding: 15px;
6350 padding-right: 50px; 6350 padding-right: 50px;
6351 position: relative; 6351 position: relative;
6352 max-width: 940px; 6352 max-width: 940px;
6353 margin: 0 auto; 6353 margin: 0 auto;
6354 } 6354 }
6355 @media (min-width: 768px) { 6355 @media (min-width: 768px) {
6356 .cookies__body { 6356 .cookies__body {
6357 padding: 25px; 6357 padding: 25px;
6358 padding-right: 50px; 6358 padding-right: 50px;
6359 border-radius: 12px; 6359 border-radius: 12px;
6360 } 6360 }
6361 } 6361 }
6362 @media (min-width: 992px) { 6362 @media (min-width: 992px) {
6363 .cookies__body { 6363 .cookies__body {
6364 padding: 40px 60px; 6364 padding: 40px 60px;
6365 } 6365 }
6366 } 6366 }
6367 .cookies__close { 6367 .cookies__close {
6368 display: -webkit-box; 6368 display: -webkit-box;
6369 display: -ms-flexbox; 6369 display: -ms-flexbox;
6370 display: flex; 6370 display: flex;
6371 -webkit-box-pack: center; 6371 -webkit-box-pack: center;
6372 -ms-flex-pack: center; 6372 -ms-flex-pack: center;
6373 justify-content: center; 6373 justify-content: center;
6374 -webkit-box-align: center; 6374 -webkit-box-align: center;
6375 -ms-flex-align: center; 6375 -ms-flex-align: center;
6376 align-items: center; 6376 align-items: center;
6377 color: #377d87; 6377 color: #377d87;
6378 padding: 0; 6378 padding: 0;
6379 border: none; 6379 border: none;
6380 background: none; 6380 background: none;
6381 position: absolute; 6381 position: absolute;
6382 top: 15px; 6382 top: 15px;
6383 right: 15px; 6383 right: 15px;
6384 } 6384 }
6385 .cookies__close:hover { 6385 .cookies__close:hover {
6386 color: #000; 6386 color: #000;
6387 } 6387 }
6388 .cookies__close svg { 6388 .cookies__close svg {
6389 width: 16px; 6389 width: 16px;
6390 height: 16px; 6390 height: 16px;
6391 } 6391 }
6392 .cookies__text { 6392 .cookies__text {
6393 font-size: 12px; 6393 font-size: 12px;
6394 color: #377d87; 6394 color: #377d87;
6395 line-height: 1.4; 6395 line-height: 1.4;
6396 } 6396 }
6397 @media (min-width: 768px) { 6397 @media (min-width: 768px) {
6398 .cookies__text { 6398 .cookies__text {
6399 font-size: 16px; 6399 font-size: 16px;
6400 font-weight: 700; 6400 font-weight: 700;
6401 } 6401 }
6402 } 6402 }
6403 6403
6404 .fancybox-active { 6404 .fancybox-active {
6405 overflow: hidden; 6405 overflow: hidden;
6406 } 6406 }
6407 .fancybox-is-open .fancybox-bg { 6407 .fancybox-is-open .fancybox-bg {
6408 background: #080b0b; 6408 background: #080b0b;
6409 opacity: 0.6; 6409 opacity: 0.6;
6410 z-index: 9999; 6410 z-index: 9999;
6411 } 6411 }
6412 .fancybox-slide { 6412 .fancybox-slide {
6413 padding: 0; 6413 padding: 0;
6414 } 6414 }
6415 @media (min-width: 992px) { 6415 @media (min-width: 992px) {
6416 .fancybox-slide { 6416 .fancybox-slide {
6417 padding: 30px; 6417 padding: 30px;
6418 } 6418 }
6419 } 6419 }
6420 .fancybox-slide--html .fancybox-close-small { 6420 .fancybox-slide--html .fancybox-close-small {
6421 padding: 0; 6421 padding: 0;
6422 opacity: 1; 6422 opacity: 1;
6423 color: #377d87; 6423 color: #377d87;
6424 } 6424 }
6425 @media (min-width: 768px) { 6425 @media (min-width: 768px) {
6426 .fancybox-slide--html .fancybox-close-small { 6426 .fancybox-slide--html .fancybox-close-small {
6427 top: 10px; 6427 top: 10px;
6428 right: 10px; 6428 right: 10px;
6429 } 6429 }
6430 } 6430 }
6431 .fancybox-slide--html .fancybox-close-small:hover { 6431 .fancybox-slide--html .fancybox-close-small:hover {
6432 color: #000; 6432 color: #000;
6433 } 6433 }
6434 6434
6435 .modal { 6435 .modal {
6436 width: 100%; 6436 width: 100%;
6437 max-width: 820px; 6437 max-width: 820px;
6438 padding: 0; 6438 padding: 0;
6439 background: #fff; 6439 background: #fff;
6440 z-index: 99999; 6440 z-index: 99999;
6441 } 6441 }
6442 @media (min-width: 992px) { 6442 @media (min-width: 992px) {
6443 .modal { 6443 .modal {
6444 border-radius: 10px; 6444 border-radius: 10px;
6445 border: 1px solid #377d87; 6445 border: 1px solid #377d87;
6446 } 6446 }
6447 } 6447 }
6448 .modal_bg { 6448 .modal_bg {
6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6450 } 6450 }
6451 @media (min-width: 768px) { 6451 @media (min-width: 768px) {
6452 .modal_bg { 6452 .modal_bg {
6453 background-position: 100% 100%; 6453 background-position: 100% 100%;
6454 } 6454 }
6455 } 6455 }
6456 .modal__body { 6456 .modal__body {
6457 padding: 40px 15px; 6457 padding: 40px 15px;
6458 padding-bottom: 30px; 6458 padding-bottom: 30px;
6459 display: -webkit-box; 6459 display: -webkit-box;
6460 display: -ms-flexbox; 6460 display: -ms-flexbox;
6461 display: flex; 6461 display: flex;
6462 -webkit-box-orient: vertical; 6462 -webkit-box-orient: vertical;
6463 -webkit-box-direction: normal; 6463 -webkit-box-direction: normal;
6464 -ms-flex-direction: column; 6464 -ms-flex-direction: column;
6465 flex-direction: column; 6465 flex-direction: column;
6466 -webkit-box-align: center; 6466 -webkit-box-align: center;
6467 -ms-flex-align: center; 6467 -ms-flex-align: center;
6468 align-items: center; 6468 align-items: center;
6469 -webkit-box-pack: center; 6469 -webkit-box-pack: center;
6470 -ms-flex-pack: center; 6470 -ms-flex-pack: center;
6471 justify-content: center; 6471 justify-content: center;
6472 width: 100%; 6472 width: 100%;
6473 min-height: 100vh; 6473 min-height: 100vh;
6474 overflow: hidden; 6474 overflow: hidden;
6475 font-size: 12px; 6475 font-size: 12px;
6476 } 6476 }
6477 @media (min-width: 768px) { 6477 @media (min-width: 768px) {
6478 .modal__body { 6478 .modal__body {
6479 font-size: 16px; 6479 font-size: 16px;
6480 padding-left: 22px; 6480 padding-left: 22px;
6481 padding-right: 22px; 6481 padding-right: 22px;
6482 } 6482 }
6483 } 6483 }
6484 @media (min-width: 992px) { 6484 @media (min-width: 992px) {
6485 .modal__body { 6485 .modal__body {
6486 min-height: 450px; 6486 min-height: 450px;
6487 padding: 60px 80px; 6487 padding: 60px 80px;
6488 padding-bottom: 40px; 6488 padding-bottom: 40px;
6489 } 6489 }
6490 } 6490 }
6491 @media (min-width: 768px) { 6491 @media (min-width: 768px) {
6492 .modal__body .left { 6492 .modal__body .left {
6493 text-align: left; 6493 text-align: left;
6494 } 6494 }
6495 } 6495 }
6496 .modal__title { 6496 .modal__title {
6497 width: 100%; 6497 width: 100%;
6498 font-size: 22px; 6498 font-size: 22px;
6499 font-weight: 700; 6499 font-weight: 700;
6500 text-align: center; 6500 text-align: center;
6501 color: #000; 6501 color: #000;
6502 } 6502 }
6503 @media (min-width: 768px) { 6503 @media (min-width: 768px) {
6504 .modal__title { 6504 .modal__title {
6505 font-size: 32px; 6505 font-size: 32px;
6506 } 6506 }
6507 } 6507 }
6508 @media (min-width: 992px) { 6508 @media (min-width: 992px) {
6509 .modal__title { 6509 .modal__title {
6510 font-size: 44px; 6510 font-size: 44px;
6511 } 6511 }
6512 } 6512 }
6513 .modal__text { 6513 .modal__text {
6514 width: 100%; 6514 width: 100%;
6515 text-align: center; 6515 text-align: center;
6516 margin-top: 10px; 6516 margin-top: 10px;
6517 color: #000; 6517 color: #000;
6518 } 6518 }
6519 @media (min-width: 768px) { 6519 @media (min-width: 768px) {
6520 .modal__text { 6520 .modal__text {
6521 margin-top: 20px; 6521 margin-top: 20px;
6522 } 6522 }
6523 } 6523 }
6524 .modal__text span { 6524 .modal__text span {
6525 color: #9c9d9d; 6525 color: #9c9d9d;
6526 } 6526 }
6527 .modal__text a { 6527 .modal__text a {
6528 font-weight: 700; 6528 font-weight: 700;
6529 color: #377d87; 6529 color: #377d87;
6530 } 6530 }
6531 .modal__text a:hover { 6531 .modal__text a:hover {
6532 color: #000; 6532 color: #000;
6533 } 6533 }
6534 .modal__button { 6534 .modal__button {
6535 margin-top: 20px; 6535 margin-top: 20px;
6536 } 6536 }
6537 @media (min-width: 768px) { 6537 @media (min-width: 768px) {
6538 .modal__button { 6538 .modal__button {
6539 min-width: 200px; 6539 min-width: 200px;
6540 margin-top: 30px; 6540 margin-top: 30px;
6541 } 6541 }
6542 } 6542 }
6543 .modal__buttons { 6543 .modal__buttons {
6544 display: grid; 6544 display: grid;
6545 grid-template-columns: repeat(2, 1fr); 6545 grid-template-columns: repeat(2, 1fr);
6546 gap: 20px; 6546 gap: 20px;
6547 margin-top: 20px; 6547 margin-top: 20px;
6548 } 6548 }
6549 @media (min-width: 768px) { 6549 @media (min-width: 768px) {
6550 .modal__buttons { 6550 .modal__buttons {
6551 gap: 30px; 6551 gap: 30px;
6552 margin-top: 30px; 6552 margin-top: 30px;
6553 } 6553 }
6554 } 6554 }
6555 .modal__form { 6555 .modal__form {
6556 width: 100%; 6556 width: 100%;
6557 display: -webkit-box; 6557 display: -webkit-box;
6558 display: -ms-flexbox; 6558 display: -ms-flexbox;
6559 display: flex; 6559 display: flex;
6560 -webkit-box-orient: vertical; 6560 -webkit-box-orient: vertical;
6561 -webkit-box-direction: normal; 6561 -webkit-box-direction: normal;
6562 -ms-flex-direction: column; 6562 -ms-flex-direction: column;
6563 flex-direction: column; 6563 flex-direction: column;
6564 gap: 16px; 6564 gap: 16px;
6565 margin-top: 10px; 6565 margin-top: 10px;
6566 } 6566 }
6567 @media (min-width: 768px) { 6567 @media (min-width: 768px) {
6568 .modal__form { 6568 .modal__form {
6569 margin-top: 20px; 6569 margin-top: 20px;
6570 } 6570 }
6571 } 6571 }
6572 .modal__form-item { 6572 .modal__form-item {
6573 display: -webkit-box; 6573 display: -webkit-box;
6574 display: -ms-flexbox; 6574 display: -ms-flexbox;
6575 display: flex; 6575 display: flex;
6576 -webkit-box-orient: vertical; 6576 -webkit-box-orient: vertical;
6577 -webkit-box-direction: normal; 6577 -webkit-box-direction: normal;
6578 -ms-flex-direction: column; 6578 -ms-flex-direction: column;
6579 flex-direction: column; 6579 flex-direction: column;
6580 -webkit-box-align: center; 6580 -webkit-box-align: center;
6581 -ms-flex-align: center; 6581 -ms-flex-align: center;
6582 align-items: center; 6582 align-items: center;
6583 gap: 4px; 6583 gap: 4px;
6584 } 6584 }
6585 .modal__form-item > .input { 6585 .modal__form-item > .input {
6586 width: 100%; 6586 width: 100%;
6587 } 6587 }
6588 .modal__form-item > .textarea { 6588 .modal__form-item > .textarea {
6589 width: 100%; 6589 width: 100%;
6590 height: 175px; 6590 height: 175px;
6591 } 6591 }
6592 @media (min-width: 768px) { 6592 @media (min-width: 768px) {
6593 .modal__form-item > .textarea { 6593 .modal__form-item > .textarea {
6594 height: 195px; 6594 height: 195px;
6595 } 6595 }
6596 } 6596 }
6597 .modal__form-item > .file { 6597 .modal__form-item > .file {
6598 width: 100%; 6598 width: 100%;
6599 } 6599 }
6600 .modal__form-item > .button { 6600 .modal__form-item > .button {
6601 min-width: 120px; 6601 min-width: 120px;
6602 } 6602 }
6603 .modal__form-item > label { 6603 .modal__form-item > label {
6604 width: 100%; 6604 width: 100%;
6605 display: none; 6605 display: none;
6606 color: #eb5757; 6606 color: #eb5757;
6607 padding: 0 10px; 6607 padding: 0 10px;
6608 font-size: 12px; 6608 font-size: 12px;
6609 } 6609 }
6610 @media (min-width: 768px) { 6610 @media (min-width: 768px) {
6611 .modal__form-item > label { 6611 .modal__form-item > label {
6612 padding: 0 20px; 6612 padding: 0 20px;
6613 font-size: 16px; 6613 font-size: 16px;
6614 } 6614 }
6615 } 6615 }
6616 .modal__sign { 6616 .modal__sign {
6617 display: -webkit-box; 6617 display: -webkit-box;
6618 display: -ms-flexbox; 6618 display: -ms-flexbox;
6619 display: flex; 6619 display: flex;
6620 -webkit-box-orient: vertical; 6620 -webkit-box-orient: vertical;
6621 -webkit-box-direction: normal; 6621 -webkit-box-direction: normal;
6622 -ms-flex-direction: column; 6622 -ms-flex-direction: column;
6623 flex-direction: column; 6623 flex-direction: column;
6624 gap: 20px; 6624 gap: 20px;
6625 margin-top: 10px; 6625 margin-top: 10px;
6626 margin-bottom: 20px; 6626 margin-bottom: 20px;
6627 width: 100%; 6627 width: 100%;
6628 } 6628 }
6629 @media (min-width: 768px) { 6629 @media (min-width: 768px) {
6630 .modal__sign { 6630 .modal__sign {
6631 margin-top: 20px; 6631 margin-top: 20px;
6632 margin-bottom: 40px; 6632 margin-bottom: 40px;
6633 } 6633 }
6634 } 6634 }
6635 .modal__sign-item { 6635 .modal__sign-item {
6636 display: -webkit-box; 6636 display: -webkit-box;
6637 display: -ms-flexbox; 6637 display: -ms-flexbox;
6638 display: flex; 6638 display: flex;
6639 -webkit-box-orient: vertical; 6639 -webkit-box-orient: vertical;
6640 -webkit-box-direction: normal; 6640 -webkit-box-direction: normal;
6641 -ms-flex-direction: column; 6641 -ms-flex-direction: column;
6642 flex-direction: column; 6642 flex-direction: column;
6643 -webkit-box-align: center; 6643 -webkit-box-align: center;
6644 -ms-flex-align: center; 6644 -ms-flex-align: center;
6645 align-items: center; 6645 align-items: center;
6646 position: relative; 6646 position: relative;
6647 } 6647 }
6648 .modal__sign-item > .input { 6648 .modal__sign-item > .input {
6649 width: 100%; 6649 width: 100%;
6650 padding-right: 36px; 6650 padding-right: 36px;
6651 position: relative; 6651 position: relative;
6652 z-index: 1; 6652 z-index: 1;
6653 } 6653 }
6654 @media (min-width: 768px) { 6654 @media (min-width: 768px) {
6655 .modal__sign-item > .input { 6655 .modal__sign-item > .input {
6656 height: 52px; 6656 height: 52px;
6657 padding-right: 60px; 6657 padding-right: 60px;
6658 } 6658 }
6659 } 6659 }
6660 .modal__sign-item > .textarea { 6660 .modal__sign-item > .textarea {
6661 width: 100%; 6661 width: 100%;
6662 } 6662 }
6663 .modal__sign-bottom { 6663 .modal__sign-bottom {
6664 display: -webkit-box; 6664 display: -webkit-box;
6665 display: -ms-flexbox; 6665 display: -ms-flexbox;
6666 display: flex; 6666 display: flex;
6667 -webkit-box-pack: justify; 6667 -webkit-box-pack: justify;
6668 -ms-flex-pack: justify; 6668 -ms-flex-pack: justify;
6669 justify-content: space-between; 6669 justify-content: space-between;
6670 -webkit-box-align: center; 6670 -webkit-box-align: center;
6671 -ms-flex-align: center; 6671 -ms-flex-align: center;
6672 align-items: center; 6672 align-items: center;
6673 width: 100%; 6673 width: 100%;
6674 } 6674 }
6675 .modal__sign-bottom-link { 6675 .modal__sign-bottom-link {
6676 font-weight: 700; 6676 font-weight: 700;
6677 color: #377d87; 6677 color: #377d87;
6678 } 6678 }
6679 .modal__tabs { 6679 .modal__tabs {
6680 width: 100%; 6680 width: 100%;
6681 display: grid; 6681 display: grid;
6682 grid-template-columns: repeat(2, 1fr); 6682 grid-template-columns: repeat(2, 1fr);
6683 gap: 16px; 6683 gap: 16px;
6684 margin-top: 10px; 6684 margin-top: 10px;
6685 } 6685 }
6686 @media (min-width: 768px) { 6686 @media (min-width: 768px) {
6687 .modal__tabs { 6687 .modal__tabs {
6688 gap: 24px; 6688 gap: 24px;
6689 margin-top: 20px; 6689 margin-top: 20px;
6690 } 6690 }
6691 } 6691 }
6692 .modal__tabs-item.active { 6692 .modal__tabs-item.active {
6693 background: #377d87; 6693 background: #377d87;
6694 color: #fff; 6694 color: #fff;
6695 } 6695 }
6696 .modal__reg { 6696 .modal__reg {
6697 display: none; 6697 display: none;
6698 -webkit-box-orient: vertical; 6698 -webkit-box-orient: vertical;
6699 -webkit-box-direction: normal; 6699 -webkit-box-direction: normal;
6700 -ms-flex-direction: column; 6700 -ms-flex-direction: column;
6701 flex-direction: column; 6701 flex-direction: column;
6702 -webkit-box-align: center; 6702 -webkit-box-align: center;
6703 -ms-flex-align: center; 6703 -ms-flex-align: center;
6704 align-items: center; 6704 align-items: center;
6705 gap: 10px; 6705 gap: 10px;
6706 width: 100%; 6706 width: 100%;
6707 margin-top: 10px; 6707 margin-top: 10px;
6708 margin-bottom: 20px; 6708 margin-bottom: 20px;
6709 } 6709 }
6710 @media (min-width: 768px) { 6710 @media (min-width: 768px) {
6711 .modal__reg { 6711 .modal__reg {
6712 margin-top: 20px; 6712 margin-top: 20px;
6713 margin-bottom: 30px; 6713 margin-bottom: 30px;
6714 gap: 20px; 6714 gap: 20px;
6715 } 6715 }
6716 } 6716 }
6717 .modal__reg.showed { 6717 .modal__reg.showed {
6718 display: -webkit-box; 6718 display: -webkit-box;
6719 display: -ms-flexbox; 6719 display: -ms-flexbox;
6720 display: flex; 6720 display: flex;
6721 } 6721 }
6722 .modal__reg-item { 6722 .modal__reg-item {
6723 width: 100%; 6723 width: 100%;
6724 display: -webkit-box; 6724 display: -webkit-box;
6725 display: -ms-flexbox; 6725 display: -ms-flexbox;
6726 display: flex; 6726 display: flex;
6727 -webkit-box-orient: vertical; 6727 -webkit-box-orient: vertical;
6728 -webkit-box-direction: normal; 6728 -webkit-box-direction: normal;
6729 -ms-flex-direction: column; 6729 -ms-flex-direction: column;
6730 flex-direction: column; 6730 flex-direction: column;
6731 } 6731 }
6732 .modal__reg-item > .captcha { 6732 .modal__reg-item > .captcha {
6733 width: 100%; 6733 width: 100%;
6734 max-width: 300px; 6734 max-width: 300px;
6735 } 6735 }
6736 6736
6737 .messages { 6737 .messages {
6738 display: -webkit-box; 6738 display: -webkit-box;
6739 display: -ms-flexbox; 6739 display: -ms-flexbox;
6740 display: flex; 6740 display: flex;
6741 -webkit-box-orient: vertical; 6741 -webkit-box-orient: vertical;
6742 -webkit-box-direction: reverse; 6742 -webkit-box-direction: reverse;
6743 -ms-flex-direction: column-reverse; 6743 -ms-flex-direction: column-reverse;
6744 flex-direction: column-reverse; 6744 flex-direction: column-reverse;
6745 -webkit-box-align: center; 6745 -webkit-box-align: center;
6746 -ms-flex-align: center; 6746 -ms-flex-align: center;
6747 align-items: center; 6747 align-items: center;
6748 gap: 20px; 6748 gap: 20px;
6749 } 6749 }
6750 .messages__body { 6750 .messages__body {
6751 display: -webkit-box; 6751 display: -webkit-box;
6752 display: -ms-flexbox; 6752 display: -ms-flexbox;
6753 display: flex; 6753 display: flex;
6754 -webkit-box-orient: vertical; 6754 -webkit-box-orient: vertical;
6755 -webkit-box-direction: normal; 6755 -webkit-box-direction: normal;
6756 -ms-flex-direction: column; 6756 -ms-flex-direction: column;
6757 flex-direction: column; 6757 flex-direction: column;
6758 gap: 10px; 6758 gap: 10px;
6759 width: 100%; 6759 width: 100%;
6760 } 6760 }
6761 @media (min-width: 768px) { 6761 @media (min-width: 768px) {
6762 .messages__body { 6762 .messages__body {
6763 gap: 20px; 6763 gap: 20px;
6764 } 6764 }
6765 } 6765 }
6766 .messages__item { 6766 .messages__item {
6767 display: none; 6767 display: none;
6768 -webkit-box-align: center; 6768 -webkit-box-align: center;
6769 -ms-flex-align: center; 6769 -ms-flex-align: center;
6770 align-items: center; 6770 align-items: center;
6771 border-radius: 8px; 6771 border-radius: 8px;
6772 border: 1px solid #e7e7e7; 6772 border: 1px solid #e7e7e7;
6773 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6773 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6774 padding: 10px; 6774 padding: 10px;
6775 font-size: 12px; 6775 font-size: 12px;
6776 } 6776 }
6777 @media (min-width: 768px) { 6777 @media (min-width: 768px) {
6778 .messages__item { 6778 .messages__item {
6779 padding: 20px; 6779 padding: 20px;
6780 font-size: 16px; 6780 font-size: 16px;
6781 } 6781 }
6782 } 6782 }
6783 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) { 6783 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
6784 display: -webkit-box; 6784 display: -webkit-box;
6785 display: -ms-flexbox; 6785 display: -ms-flexbox;
6786 display: flex; 6786 display: flex;
6787 } 6787 }
6788 .messages__item-info { 6788 .messages__item-info {
6789 display: -webkit-box; 6789 display: -webkit-box;
6790 display: -ms-flexbox; 6790 display: -ms-flexbox;
6791 display: flex; 6791 display: flex;
6792 -webkit-box-align: center; 6792 -webkit-box-align: center;
6793 -ms-flex-align: center; 6793 -ms-flex-align: center;
6794 align-items: center; 6794 align-items: center;
6795 width: calc(100% - 90px); 6795 width: calc(100% - 90px);
6796 } 6796 }
6797 @media (min-width: 768px) { 6797 @media (min-width: 768px) {
6798 .messages__item-info { 6798 .messages__item-info {
6799 width: calc(100% - 150px); 6799 width: calc(100% - 150px);
6800 } 6800 }
6801 } 6801 }
6802 .messages__item-photo { 6802 .messages__item-photo {
6803 position: relative; 6803 position: relative;
6804 aspect-ratio: 1/1; 6804 aspect-ratio: 1/1;
6805 overflow: hidden; 6805 overflow: hidden;
6806 background: #9c9d9d; 6806 background: #9c9d9d;
6807 color: #fff; 6807 color: #fff;
6808 width: 36px; 6808 width: 36px;
6809 border-radius: 6px; 6809 border-radius: 6px;
6810 display: -webkit-box; 6810 display: -webkit-box;
6811 display: -ms-flexbox; 6811 display: -ms-flexbox;
6812 display: flex; 6812 display: flex;
6813 -webkit-box-pack: center; 6813 -webkit-box-pack: center;
6814 -ms-flex-pack: center; 6814 -ms-flex-pack: center;
6815 justify-content: center; 6815 justify-content: center;
6816 -webkit-box-align: center; 6816 -webkit-box-align: center;
6817 -ms-flex-align: center; 6817 -ms-flex-align: center;
6818 align-items: center; 6818 align-items: center;
6819 } 6819 }
6820 @media (min-width: 768px) { 6820 @media (min-width: 768px) {
6821 .messages__item-photo { 6821 .messages__item-photo {
6822 width: 52px; 6822 width: 52px;
6823 } 6823 }
6824 } 6824 }
6825 .messages__item-photo svg { 6825 .messages__item-photo svg {
6826 width: 50%; 6826 width: 50%;
6827 position: relative; 6827 position: relative;
6828 z-index: 1; 6828 z-index: 1;
6829 } 6829 }
6830 .messages__item-photo img { 6830 .messages__item-photo img {
6831 position: absolute; 6831 position: absolute;
6832 z-index: 2; 6832 z-index: 2;
6833 top: 0; 6833 top: 0;
6834 left: 0; 6834 left: 0;
6835 width: 100%; 6835 width: 100%;
6836 height: 100%; 6836 height: 100%;
6837 -o-object-fit: cover; 6837 -o-object-fit: cover;
6838 object-fit: cover; 6838 object-fit: cover;
6839 } 6839 }
6840 .messages__item-text { 6840 .messages__item-text {
6841 width: calc(100% - 36px); 6841 width: calc(100% - 36px);
6842 padding-left: 6px; 6842 padding-left: 6px;
6843 color: #000; 6843 color: #000;
6844 display: -webkit-box; 6844 display: -webkit-box;
6845 display: -ms-flexbox; 6845 display: -ms-flexbox;
6846 display: flex; 6846 display: flex;
6847 -webkit-box-orient: vertical; 6847 -webkit-box-orient: vertical;
6848 -webkit-box-direction: normal; 6848 -webkit-box-direction: normal;
6849 -ms-flex-direction: column; 6849 -ms-flex-direction: column;
6850 flex-direction: column; 6850 flex-direction: column;
6851 gap: 4px; 6851 gap: 4px;
6852 } 6852 }
6853 @media (min-width: 768px) { 6853 @media (min-width: 768px) {
6854 .messages__item-text { 6854 .messages__item-text {
6855 padding-left: 20px; 6855 padding-left: 20px;
6856 width: calc(100% - 52px); 6856 width: calc(100% - 52px);
6857 gap: 8px; 6857 gap: 8px;
6858 } 6858 }
6859 } 6859 }
6860 .messages__item-text span { 6860 .messages__item-text span {
6861 color: #000; 6861 color: #000;
6862 } 6862 }
6863 .messages__item-date { 6863 .messages__item-date {
6864 color: #000; 6864 color: #000;
6865 width: 90px; 6865 width: 90px;
6866 text-align: right; 6866 text-align: right;
6867 } 6867 }
6868 @media (min-width: 768px) { 6868 @media (min-width: 768px) {
6869 .messages__item-date { 6869 .messages__item-date {
6870 width: 150px; 6870 width: 150px;
6871 } 6871 }
6872 } 6872 }
6873 .messages.active .messages__item { 6873 .messages.active .messages__item {
6874 display: -webkit-box; 6874 display: -webkit-box;
6875 display: -ms-flexbox; 6875 display: -ms-flexbox;
6876 display: flex; 6876 display: flex;
6877 } 6877 }
6878 6878
6879 .responses { 6879 .responses {
6880 display: -webkit-box; 6880 display: -webkit-box;
6881 display: -ms-flexbox; 6881 display: -ms-flexbox;
6882 display: flex; 6882 display: flex;
6883 -webkit-box-orient: vertical; 6883 -webkit-box-orient: vertical;
6884 -webkit-box-direction: reverse; 6884 -webkit-box-direction: reverse;
6885 -ms-flex-direction: column-reverse; 6885 -ms-flex-direction: column-reverse;
6886 flex-direction: column-reverse; 6886 flex-direction: column-reverse;
6887 -webkit-box-align: center; 6887 -webkit-box-align: center;
6888 -ms-flex-align: center; 6888 -ms-flex-align: center;
6889 align-items: center; 6889 align-items: center;
6890 gap: 20px; 6890 gap: 20px;
6891 } 6891 }
6892 .responses__body { 6892 .responses__body {
6893 width: 100%; 6893 width: 100%;
6894 display: -webkit-box; 6894 display: -webkit-box;
6895 display: -ms-flexbox; 6895 display: -ms-flexbox;
6896 display: flex; 6896 display: flex;
6897 -webkit-box-orient: vertical; 6897 -webkit-box-orient: vertical;
6898 -webkit-box-direction: normal; 6898 -webkit-box-direction: normal;
6899 -ms-flex-direction: column; 6899 -ms-flex-direction: column;
6900 flex-direction: column; 6900 flex-direction: column;
6901 gap: 20px; 6901 gap: 20px;
6902 } 6902 }
6903 .responses__item { 6903 .responses__item {
6904 display: none; 6904 display: none;
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: 20px; 6909 gap: 20px;
6910 border-radius: 8px; 6910 border-radius: 8px;
6911 border: 1px solid #e7e7e7; 6911 border: 1px solid #e7e7e7;
6912 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6912 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6913 padding: 20px 10px; 6913 padding: 20px 10px;
6914 font-size: 12px; 6914 font-size: 12px;
6915 position: relative; 6915 position: relative;
6916 } 6916 }
6917 @media (min-width: 768px) { 6917 @media (min-width: 768px) {
6918 .responses__item { 6918 .responses__item {
6919 padding: 20px; 6919 padding: 20px;
6920 font-size: 16px; 6920 font-size: 16px;
6921 } 6921 }
6922 } 6922 }
6923 .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) { 6923 .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) {
6924 display: -webkit-box; 6924 display: -webkit-box;
6925 display: -ms-flexbox; 6925 display: -ms-flexbox;
6926 display: flex; 6926 display: flex;
6927 } 6927 }
6928 .responses__item-date { 6928 .responses__item-date {
6929 color: #000; 6929 color: #000;
6930 } 6930 }
6931 @media (min-width: 992px) { 6931 @media (min-width: 992px) {
6932 .responses__item-date { 6932 .responses__item-date {
6933 position: absolute; 6933 position: absolute;
6934 top: 20px; 6934 top: 20px;
6935 right: 20px; 6935 right: 20px;
6936 } 6936 }
6937 } 6937 }
6938 .responses__item-wrapper { 6938 .responses__item-wrapper {
6939 display: -webkit-box; 6939 display: -webkit-box;
6940 display: -ms-flexbox; 6940 display: -ms-flexbox;
6941 display: flex; 6941 display: flex;
6942 -webkit-box-orient: vertical; 6942 -webkit-box-orient: vertical;
6943 -webkit-box-direction: normal; 6943 -webkit-box-direction: normal;
6944 -ms-flex-direction: column; 6944 -ms-flex-direction: column;
6945 flex-direction: column; 6945 flex-direction: column;
6946 gap: 20px; 6946 gap: 20px;
6947 } 6947 }
6948 .responses__item-inner { 6948 .responses__item-inner {
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: 10px; 6956 gap: 10px;
6957 } 6957 }
6958 @media (min-width: 768px) { 6958 @media (min-width: 768px) {
6959 .responses__item-inner { 6959 .responses__item-inner {
6960 gap: 20px; 6960 gap: 20px;
6961 } 6961 }
6962 } 6962 }
6963 @media (min-width: 1280px) { 6963 @media (min-width: 1280px) {
6964 .responses__item-inner { 6964 .responses__item-inner {
6965 width: calc(100% - 150px); 6965 width: calc(100% - 150px);
6966 } 6966 }
6967 } 6967 }
6968 .responses__item-row { 6968 .responses__item-row {
6969 display: grid; 6969 display: grid;
6970 grid-template-columns: 1fr 1fr; 6970 grid-template-columns: 1fr 1fr;
6971 gap: 20px; 6971 gap: 20px;
6972 color: #000; 6972 color: #000;
6973 text-align: right; 6973 text-align: right;
6974 } 6974 }
6975 @media (min-width: 992px) { 6975 @media (min-width: 992px) {
6976 .responses__item-row { 6976 .responses__item-row {
6977 display: -webkit-box; 6977 display: -webkit-box;
6978 display: -ms-flexbox; 6978 display: -ms-flexbox;
6979 display: flex; 6979 display: flex;
6980 -webkit-box-orient: vertical; 6980 -webkit-box-orient: vertical;
6981 -webkit-box-direction: normal; 6981 -webkit-box-direction: normal;
6982 -ms-flex-direction: column; 6982 -ms-flex-direction: column;
6983 flex-direction: column; 6983 flex-direction: column;
6984 gap: 6px; 6984 gap: 6px;
6985 text-align: left; 6985 text-align: left;
6986 } 6986 }
6987 } 6987 }
6988 .responses__item-row span { 6988 .responses__item-row span {
6989 color: #000; 6989 color: #000;
6990 text-align: left; 6990 text-align: left;
6991 } 6991 }
6992 .responses__item-buttons { 6992 .responses__item-buttons {
6993 display: -webkit-box; 6993 display: -webkit-box;
6994 display: -ms-flexbox; 6994 display: -ms-flexbox;
6995 display: flex; 6995 display: flex;
6996 -webkit-box-orient: vertical; 6996 -webkit-box-orient: vertical;
6997 -webkit-box-direction: normal; 6997 -webkit-box-direction: normal;
6998 -ms-flex-direction: column; 6998 -ms-flex-direction: column;
6999 flex-direction: column; 6999 flex-direction: column;
7000 gap: 10px; 7000 gap: 10px;
7001 } 7001 }
7002 @media (min-width: 768px) { 7002 @media (min-width: 768px) {
7003 .responses__item-buttons { 7003 .responses__item-buttons {
7004 display: grid; 7004 display: grid;
7005 grid-template-columns: 1fr 1fr; 7005 grid-template-columns: 1fr 1fr;
7006 } 7006 }
7007 } 7007 }
7008 @media (min-width: 1280px) { 7008 @media (min-width: 1280px) {
7009 .responses__item-buttons { 7009 .responses__item-buttons {
7010 grid-template-columns: 1fr 1fr 1fr 1fr; 7010 grid-template-columns: 1fr 1fr 1fr 1fr;
7011 } 7011 }
7012 } 7012 }
7013 .responses__item-buttons .button.active { 7013 .responses__item-buttons .button.active {
7014 background: #377d87; 7014 background: #377d87;
7015 color: #fff; 7015 color: #fff;
7016 } 7016 }
7017 .responses.active .responses__item { 7017 .responses.active .responses__item {
7018 display: -webkit-box; 7018 display: -webkit-box;
7019 display: -ms-flexbox; 7019 display: -ms-flexbox;
7020 display: flex; 7020 display: flex;
7021 } 7021 }
7022 7022
7023 .chatbox { 7023 .chatbox {
7024 display: -webkit-box; 7024 display: -webkit-box;
7025 display: -ms-flexbox; 7025 display: -ms-flexbox;
7026 display: flex; 7026 display: flex;
7027 -webkit-box-orient: vertical; 7027 -webkit-box-orient: vertical;
7028 -webkit-box-direction: normal; 7028 -webkit-box-direction: normal;
7029 -ms-flex-direction: column; 7029 -ms-flex-direction: column;
7030 flex-direction: column; 7030 flex-direction: column;
7031 gap: 20px; 7031 gap: 20px;
7032 } 7032 }
7033 @media (min-width: 768px) { 7033 @media (min-width: 768px) {
7034 .chatbox { 7034 .chatbox {
7035 gap: 30px; 7035 gap: 30px;
7036 } 7036 }
7037 } 7037 }
7038 @media (min-width: 1280px) { 7038 @media (min-width: 1280px) {
7039 .chatbox { 7039 .chatbox {
7040 gap: 40px; 7040 gap: 40px;
7041 } 7041 }
7042 } 7042 }
7043 .chatbox__toper { 7043 .chatbox__toper {
7044 display: -webkit-box; 7044 display: -webkit-box;
7045 display: -ms-flexbox; 7045 display: -ms-flexbox;
7046 display: flex; 7046 display: flex;
7047 -webkit-box-orient: vertical; 7047 -webkit-box-orient: vertical;
7048 -webkit-box-direction: normal; 7048 -webkit-box-direction: normal;
7049 -ms-flex-direction: column; 7049 -ms-flex-direction: column;
7050 flex-direction: column; 7050 flex-direction: column;
7051 gap: 10px; 7051 gap: 10px;
7052 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7052 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7053 border: 1px solid #e7e7e7; 7053 border: 1px solid #e7e7e7;
7054 border-radius: 8px; 7054 border-radius: 8px;
7055 padding: 10px; 7055 padding: 10px;
7056 } 7056 }
7057 @media (min-width: 768px) { 7057 @media (min-width: 768px) {
7058 .chatbox__toper { 7058 .chatbox__toper {
7059 padding: 20px; 7059 padding: 20px;
7060 -webkit-box-orient: horizontal; 7060 -webkit-box-orient: horizontal;
7061 -webkit-box-direction: normal; 7061 -webkit-box-direction: normal;
7062 -ms-flex-direction: row; 7062 -ms-flex-direction: row;
7063 flex-direction: row; 7063 flex-direction: row;
7064 -webkit-box-align: center; 7064 -webkit-box-align: center;
7065 -ms-flex-align: center; 7065 -ms-flex-align: center;
7066 align-items: center; 7066 align-items: center;
7067 -webkit-box-pack: justify; 7067 -webkit-box-pack: justify;
7068 -ms-flex-pack: justify; 7068 -ms-flex-pack: justify;
7069 justify-content: space-between; 7069 justify-content: space-between;
7070 } 7070 }
7071 } 7071 }
7072 .chatbox__toper-info { 7072 .chatbox__toper-info {
7073 font-size: 12px; 7073 font-size: 12px;
7074 } 7074 }
7075 @media (min-width: 768px) { 7075 @media (min-width: 768px) {
7076 .chatbox__toper-info { 7076 .chatbox__toper-info {
7077 font-size: 16px; 7077 font-size: 16px;
7078 width: calc(100% - 230px); 7078 width: calc(100% - 230px);
7079 } 7079 }
7080 } 7080 }
7081 @media (min-width: 768px) { 7081 @media (min-width: 768px) {
7082 .chatbox__toper-button { 7082 .chatbox__toper-button {
7083 width: 210px; 7083 width: 210px;
7084 padding: 0; 7084 padding: 0;
7085 } 7085 }
7086 } 7086 }
7087 .chatbox__list { 7087 .chatbox__list {
7088 display: -webkit-box; 7088 display: -webkit-box;
7089 display: -ms-flexbox; 7089 display: -ms-flexbox;
7090 display: flex; 7090 display: flex;
7091 -webkit-box-orient: vertical; 7091 -webkit-box-orient: vertical;
7092 -webkit-box-direction: normal; 7092 -webkit-box-direction: normal;
7093 -ms-flex-direction: column; 7093 -ms-flex-direction: column;
7094 flex-direction: column; 7094 flex-direction: column;
7095 gap: 10px; 7095 gap: 10px;
7096 } 7096 }
7097 @media (min-width: 768px) { 7097 @media (min-width: 768px) {
7098 .chatbox__list { 7098 .chatbox__list {
7099 gap: 20px; 7099 gap: 20px;
7100 } 7100 }
7101 } 7101 }
7102 @media (min-width: 1280px) { 7102 @media (min-width: 1280px) {
7103 .chatbox__list { 7103 .chatbox__list {
7104 gap: 40px; 7104 gap: 40px;
7105 } 7105 }
7106 } 7106 }
7107 .chatbox__item { 7107 .chatbox__item {
7108 display: -webkit-box; 7108 display: -webkit-box;
7109 display: -ms-flexbox; 7109 display: -ms-flexbox;
7110 display: flex; 7110 display: flex;
7111 -webkit-box-align: start; 7111 -webkit-box-align: start;
7112 -ms-flex-align: start; 7112 -ms-flex-align: start;
7113 align-items: flex-start; 7113 align-items: flex-start;
7114 -webkit-box-pack: justify; 7114 -webkit-box-pack: justify;
7115 -ms-flex-pack: justify; 7115 -ms-flex-pack: justify;
7116 justify-content: space-between; 7116 justify-content: space-between;
7117 -ms-flex-wrap: wrap; 7117 -ms-flex-wrap: wrap;
7118 flex-wrap: wrap; 7118 flex-wrap: wrap;
7119 color: #000; 7119 color: #000;
7120 font-size: 12px; 7120 font-size: 12px;
7121 } 7121 }
7122 @media (min-width: 768px) { 7122 @media (min-width: 768px) {
7123 .chatbox__item { 7123 .chatbox__item {
7124 font-size: 16px; 7124 font-size: 16px;
7125 } 7125 }
7126 } 7126 }
7127 .chatbox__item_reverse { 7127 .chatbox__item_reverse {
7128 -webkit-box-orient: horizontal; 7128 -webkit-box-orient: horizontal;
7129 -webkit-box-direction: reverse; 7129 -webkit-box-direction: reverse;
7130 -ms-flex-direction: row-reverse; 7130 -ms-flex-direction: row-reverse;
7131 flex-direction: row-reverse; 7131 flex-direction: row-reverse;
7132 } 7132 }
7133 .chatbox__item-photo { 7133 .chatbox__item-photo {
7134 position: relative; 7134 position: relative;
7135 aspect-ratio: 1/1; 7135 aspect-ratio: 1/1;
7136 overflow: hidden; 7136 overflow: hidden;
7137 background: #9c9d9d; 7137 background: #9c9d9d;
7138 color: #fff; 7138 color: #fff;
7139 width: 44px; 7139 width: 44px;
7140 border-radius: 6px; 7140 border-radius: 6px;
7141 display: -webkit-box; 7141 display: -webkit-box;
7142 display: -ms-flexbox; 7142 display: -ms-flexbox;
7143 display: flex; 7143 display: flex;
7144 -webkit-box-pack: center; 7144 -webkit-box-pack: center;
7145 -ms-flex-pack: center; 7145 -ms-flex-pack: center;
7146 justify-content: center; 7146 justify-content: center;
7147 -webkit-box-align: center; 7147 -webkit-box-align: center;
7148 -ms-flex-align: center; 7148 -ms-flex-align: center;
7149 align-items: center; 7149 align-items: center;
7150 } 7150 }
7151 .chatbox__item-photo svg { 7151 .chatbox__item-photo svg {
7152 width: 50%; 7152 width: 50%;
7153 position: relative; 7153 position: relative;
7154 z-index: 1; 7154 z-index: 1;
7155 } 7155 }
7156 .chatbox__item-photo img { 7156 .chatbox__item-photo img {
7157 position: absolute; 7157 position: absolute;
7158 z-index: 2; 7158 z-index: 2;
7159 top: 0; 7159 top: 0;
7160 left: 0; 7160 left: 0;
7161 width: 100%; 7161 width: 100%;
7162 height: 100%; 7162 height: 100%;
7163 -o-object-fit: cover; 7163 -o-object-fit: cover;
7164 object-fit: cover; 7164 object-fit: cover;
7165 } 7165 }
7166 .chatbox__item-body { 7166 .chatbox__item-body {
7167 width: calc(100% - 54px); 7167 width: calc(100% - 54px);
7168 display: -webkit-box; 7168 display: -webkit-box;
7169 display: -ms-flexbox; 7169 display: -ms-flexbox;
7170 display: flex; 7170 display: flex;
7171 -webkit-box-orient: vertical; 7171 -webkit-box-orient: vertical;
7172 -webkit-box-direction: normal; 7172 -webkit-box-direction: normal;
7173 -ms-flex-direction: column; 7173 -ms-flex-direction: column;
7174 flex-direction: column; 7174 flex-direction: column;
7175 -webkit-box-align: start; 7175 -webkit-box-align: start;
7176 -ms-flex-align: start; 7176 -ms-flex-align: start;
7177 align-items: flex-start; 7177 align-items: flex-start;
7178 } 7178 }
7179 @media (min-width: 768px) { 7179 @media (min-width: 768px) {
7180 .chatbox__item-body { 7180 .chatbox__item-body {
7181 width: calc(100% - 60px); 7181 width: calc(100% - 60px);
7182 } 7182 }
7183 } 7183 }
7184 .chatbox__item_reverse .chatbox__item-body { 7184 .chatbox__item_reverse .chatbox__item-body {
7185 -webkit-box-align: end; 7185 -webkit-box-align: end;
7186 -ms-flex-align: end; 7186 -ms-flex-align: end;
7187 align-items: flex-end; 7187 align-items: flex-end;
7188 } 7188 }
7189 .chatbox__item-text { 7189 .chatbox__item-text {
7190 border-radius: 8px; 7190 border-radius: 8px;
7191 background: #fff; 7191 background: #fff;
7192 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7192 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7193 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7193 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7194 padding: 10px; 7194 padding: 10px;
7195 line-height: 1.6; 7195 line-height: 1.6;
7196 } 7196 }
7197 .chatbox__item-time { 7197 .chatbox__item-time {
7198 width: 100%; 7198 width: 100%;
7199 padding-left: 54px; 7199 padding-left: 54px;
7200 margin-top: 10px; 7200 margin-top: 10px;
7201 color: #9c9d9d; 7201 color: #9c9d9d;
7202 } 7202 }
7203 .chatbox__item_reverse .chatbox__item-time { 7203 .chatbox__item_reverse .chatbox__item-time {
7204 text-align: right; 7204 text-align: right;
7205 } 7205 }
7206 .chatbox__bottom { 7206 .chatbox__bottom {
7207 background: #4d88d9; 7207 background: #4d88d9;
7208 padding: 10px; 7208 padding: 10px;
7209 border-radius: 8px; 7209 border-radius: 8px;
7210 display: -webkit-box; 7210 display: -webkit-box;
7211 display: -ms-flexbox; 7211 display: -ms-flexbox;
7212 display: flex; 7212 display: flex;
7213 -webkit-box-align: center; 7213 -webkit-box-align: center;
7214 -ms-flex-align: center; 7214 -ms-flex-align: center;
7215 align-items: center; 7215 align-items: center;
7216 -webkit-box-pack: justify; 7216 -webkit-box-pack: justify;
7217 -ms-flex-pack: justify; 7217 -ms-flex-pack: justify;
7218 justify-content: space-between; 7218 justify-content: space-between;
7219 } 7219 }
7220 @media (min-width: 768px) { 7220 @media (min-width: 768px) {
7221 .chatbox__bottom { 7221 .chatbox__bottom {
7222 padding: 16px 20px; 7222 padding: 16px 20px;
7223 } 7223 }
7224 } 7224 }
7225 .chatbox__bottom-file { 7225 .chatbox__bottom-file {
7226 width: 20px; 7226 width: 20px;
7227 aspect-ratio: 1/1; 7227 aspect-ratio: 1/1;
7228 display: -webkit-box; 7228 display: -webkit-box;
7229 display: -ms-flexbox; 7229 display: -ms-flexbox;
7230 display: flex; 7230 display: flex;
7231 -webkit-box-pack: center; 7231 -webkit-box-pack: center;
7232 -ms-flex-pack: center; 7232 -ms-flex-pack: center;
7233 justify-content: center; 7233 justify-content: center;
7234 -webkit-box-align: center; 7234 -webkit-box-align: center;
7235 -ms-flex-align: center; 7235 -ms-flex-align: center;
7236 align-items: center; 7236 align-items: center;
7237 background: #fff; 7237 background: #fff;
7238 color: #4d88d9; 7238 color: #4d88d9;
7239 border-radius: 8px; 7239 border-radius: 8px;
7240 } 7240 }
7241 @media (min-width: 768px) { 7241 @media (min-width: 768px) {
7242 .chatbox__bottom-file { 7242 .chatbox__bottom-file {
7243 width: 48px; 7243 width: 48px;
7244 } 7244 }
7245 } 7245 }
7246 .chatbox__bottom-file:hover { 7246 .chatbox__bottom-file:hover {
7247 color: #377d87; 7247 color: #377d87;
7248 } 7248 }
7249 .chatbox__bottom-file input { 7249 .chatbox__bottom-file input {
7250 display: none; 7250 display: none;
7251 } 7251 }
7252 .chatbox__bottom-file svg { 7252 .chatbox__bottom-file svg {
7253 width: 50%; 7253 width: 50%;
7254 aspect-ratio: 1/1; 7254 aspect-ratio: 1/1;
7255 } 7255 }
7256 @media (min-width: 768px) { 7256 @media (min-width: 768px) {
7257 .chatbox__bottom-file svg { 7257 .chatbox__bottom-file svg {
7258 width: 40%; 7258 width: 40%;
7259 } 7259 }
7260 } 7260 }
7261 .chatbox__bottom-text { 7261 .chatbox__bottom-text {
7262 width: calc(100% - 60px); 7262 width: calc(100% - 60px);
7263 height: 20px; 7263 height: 20px;
7264 border-color: #fff; 7264 border-color: #fff;
7265 } 7265 }
7266 @media (min-width: 768px) { 7266 @media (min-width: 768px) {
7267 .chatbox__bottom-text { 7267 .chatbox__bottom-text {
7268 width: calc(100% - 128px); 7268 width: calc(100% - 128px);
7269 height: 48px; 7269 height: 48px;
7270 } 7270 }
7271 } 7271 }
7272 .chatbox__bottom-text:focus { 7272 .chatbox__bottom-text:focus {
7273 border-color: #fff; 7273 border-color: #fff;
7274 } 7274 }
7275 .chatbox__bottom-send { 7275 .chatbox__bottom-send {
7276 width: 20px; 7276 width: 20px;
7277 aspect-ratio: 1/1; 7277 aspect-ratio: 1/1;
7278 display: -webkit-box; 7278 display: -webkit-box;
7279 display: -ms-flexbox; 7279 display: -ms-flexbox;
7280 display: flex; 7280 display: flex;
7281 -webkit-box-pack: center; 7281 -webkit-box-pack: center;
7282 -ms-flex-pack: center; 7282 -ms-flex-pack: center;
7283 justify-content: center; 7283 justify-content: center;
7284 -webkit-box-align: center; 7284 -webkit-box-align: center;
7285 -ms-flex-align: center; 7285 -ms-flex-align: center;
7286 align-items: center; 7286 align-items: center;
7287 padding: 0; 7287 padding: 0;
7288 background: #fff; 7288 background: #fff;
7289 border: none; 7289 border: none;
7290 color: #4d88d9; 7290 color: #4d88d9;
7291 border-radius: 999px; 7291 border-radius: 999px;
7292 } 7292 }
7293 @media (min-width: 768px) { 7293 @media (min-width: 768px) {
7294 .chatbox__bottom-send { 7294 .chatbox__bottom-send {
7295 width: 48px; 7295 width: 48px;
7296 } 7296 }
7297 } 7297 }
7298 .chatbox__bottom-send:hover { 7298 .chatbox__bottom-send:hover {
7299 color: #377d87; 7299 color: #377d87;
7300 } 7300 }
7301 .chatbox__bottom-send svg { 7301 .chatbox__bottom-send svg {
7302 width: 50%; 7302 width: 50%;
7303 aspect-ratio: 1/1; 7303 aspect-ratio: 1/1;
7304 position: relative; 7304 position: relative;
7305 left: 1px; 7305 left: 1px;
7306 } 7306 }
7307 @media (min-width: 768px) { 7307 @media (min-width: 768px) {
7308 .chatbox__bottom-send svg { 7308 .chatbox__bottom-send svg {
7309 width: 40%; 7309 width: 40%;
7310 left: 2px; 7310 left: 2px;
7311 } 7311 }
7312 } 7312 }
7313 7313
7314 .cvs { 7314 .cvs {
7315 display: -webkit-box; 7315 display: -webkit-box;
7316 display: -ms-flexbox; 7316 display: -ms-flexbox;
7317 display: flex; 7317 display: flex;
7318 -webkit-box-orient: vertical; 7318 -webkit-box-orient: vertical;
7319 -webkit-box-direction: reverse; 7319 -webkit-box-direction: reverse;
7320 -ms-flex-direction: column-reverse; 7320 -ms-flex-direction: column-reverse;
7321 flex-direction: column-reverse; 7321 flex-direction: column-reverse;
7322 -webkit-box-align: center; 7322 -webkit-box-align: center;
7323 -ms-flex-align: center; 7323 -ms-flex-align: center;
7324 align-items: center; 7324 align-items: center;
7325 gap: 20px; 7325 gap: 20px;
7326 } 7326 }
7327 .cvs__body { 7327 .cvs__body {
7328 display: -webkit-box; 7328 display: -webkit-box;
7329 display: -ms-flexbox; 7329 display: -ms-flexbox;
7330 display: flex; 7330 display: flex;
7331 -webkit-box-orient: vertical; 7331 -webkit-box-orient: vertical;
7332 -webkit-box-direction: normal; 7332 -webkit-box-direction: normal;
7333 -ms-flex-direction: column; 7333 -ms-flex-direction: column;
7334 flex-direction: column; 7334 flex-direction: column;
7335 gap: 20px; 7335 gap: 20px;
7336 width: 100%; 7336 width: 100%;
7337 } 7337 }
7338 @media (min-width: 768px) { 7338 @media (min-width: 768px) {
7339 .cvs__body { 7339 .cvs__body {
7340 gap: 30px; 7340 gap: 30px;
7341 } 7341 }
7342 } 7342 }
7343 .cvs__item { 7343 .cvs__item {
7344 display: none; 7344 display: none;
7345 -webkit-box-orient: vertical; 7345 -webkit-box-orient: vertical;
7346 -webkit-box-direction: normal; 7346 -webkit-box-direction: normal;
7347 -ms-flex-direction: column; 7347 -ms-flex-direction: column;
7348 flex-direction: column; 7348 flex-direction: column;
7349 gap: 10px; 7349 gap: 10px;
7350 border-radius: 8px; 7350 border-radius: 8px;
7351 border: 1px solid #e7e7e7; 7351 border: 1px solid #e7e7e7;
7352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7353 padding: 10px; 7353 padding: 10px;
7354 font-size: 12px; 7354 font-size: 12px;
7355 position: relative; 7355 position: relative;
7356 } 7356 }
7357 @media (min-width: 768px) { 7357 @media (min-width: 768px) {
7358 .cvs__item { 7358 .cvs__item {
7359 gap: 0; 7359 gap: 0;
7360 padding: 20px; 7360 padding: 20px;
7361 font-size: 16px; 7361 font-size: 16px;
7362 -webkit-box-orient: horizontal; 7362 -webkit-box-orient: horizontal;
7363 -webkit-box-direction: normal; 7363 -webkit-box-direction: normal;
7364 -ms-flex-direction: row; 7364 -ms-flex-direction: row;
7365 flex-direction: row; 7365 flex-direction: row;
7366 -webkit-box-align: start; 7366 -webkit-box-align: start;
7367 -ms-flex-align: start; 7367 -ms-flex-align: start;
7368 align-items: flex-start; 7368 align-items: flex-start;
7369 -ms-flex-wrap: wrap; 7369 -ms-flex-wrap: wrap;
7370 flex-wrap: wrap; 7370 flex-wrap: wrap;
7371 } 7371 }
7372 } 7372 }
7373 .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) { 7373 .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) {
7374 display: -webkit-box; 7374 display: -webkit-box;
7375 display: -ms-flexbox; 7375 display: -ms-flexbox;
7376 display: flex; 7376 display: flex;
7377 } 7377 }
7378 .cvs__item-like { 7378 .cvs__item-like {
7379 width: unset; 7379 width: unset;
7380 padding: 5px 10px; 7380 padding: 5px 10px;
7381 margin-right: 10px; 7381 margin-right: 10px;
7382 } 7382 }
7383 .cvs__item .cvs__item-buttons .chat{ 7383 .cvs__item .cvs__item-buttons .chat{
7384 width: unset; 7384 width: unset;
7385 padding: 5px 10px; 7385 padding: 5px 10px;
7386 margin-right: 10px; 7386 margin-right: 10px;
7387 } 7387 }
7388 .cvs__item-like.active{ 7388 .cvs__item-like.active{
7389 background: #ffffff; 7389 background: #ffffff;
7390 color: #eb5757; 7390 color: #eb5757;
7391 } 7391 }
7392 .cvs__item-like .in-favorites{ 7392 .cvs__item-like .in-favorites{
7393 display: none; 7393 display: none;
7394 } 7394 }
7395 .cvs__item-like.active .in-favorites{ 7395 .cvs__item-like.active .in-favorites{
7396 display: block; 7396 display: block;
7397 color: #eb5757; 7397 color: #eb5757;
7398 } 7398 }
7399 .cvs__item-like.active .to-favorites{ 7399 .cvs__item-like.active .to-favorites{
7400 display: none; 7400 display: none;
7401 } 7401 }
7402 .cvs__item .cvs__item-header{ 7402 .cvs__item .cvs__item-header{
7403 display: flex; 7403 display: flex;
7404 width: 100%; 7404 width: 100%;
7405 justify-content: space-between; 7405 justify-content: space-between;
7406 } 7406 }
7407 .cvs__item-photo { 7407 .cvs__item-photo {
7408 position: relative; 7408 position: relative;
7409 aspect-ratio: 1/1; 7409 aspect-ratio: 1/1;
7410 overflow: hidden; 7410 overflow: hidden;
7411 background: #9c9d9d; 7411 background: #9c9d9d;
7412 color: #fff; 7412 color: #fff;
7413 width: 36px; 7413 width: 36px;
7414 border-radius: 6px; 7414 border-radius: 6px;
7415 display: -webkit-box; 7415 display: -webkit-box;
7416 display: -ms-flexbox; 7416 display: -ms-flexbox;
7417 display: flex; 7417 display: flex;
7418 -webkit-box-pack: center; 7418 -webkit-box-pack: center;
7419 -ms-flex-pack: center; 7419 -ms-flex-pack: center;
7420 justify-content: center; 7420 justify-content: center;
7421 -webkit-box-align: center; 7421 -webkit-box-align: center;
7422 -ms-flex-align: center; 7422 -ms-flex-align: center;
7423 align-items: center; 7423 align-items: center;
7424 } 7424 }
7425 @media (min-width: 768px) { 7425 @media (min-width: 768px) {
7426 .cvs__item-photo { 7426 .cvs__item-photo {
7427 width: 68px; 7427 width: 68px;
7428 } 7428 }
7429 } 7429 }
7430 .cvs__item-photo svg { 7430 .cvs__item-photo svg {
7431 width: 50%; 7431 width: 50%;
7432 position: relative; 7432 position: relative;
7433 z-index: 1; 7433 z-index: 1;
7434 } 7434 }
7435 .cvs__item-photo img { 7435 .cvs__item-photo img {
7436 position: absolute; 7436 position: absolute;
7437 z-index: 2; 7437 z-index: 2;
7438 top: 0; 7438 top: 0;
7439 left: 0; 7439 left: 0;
7440 width: 100%; 7440 width: 100%;
7441 height: 100%; 7441 height: 100%;
7442 -o-object-fit: cover; 7442 -o-object-fit: cover;
7443 object-fit: cover; 7443 object-fit: cover;
7444 } 7444 }
7445 .cvs__item-text { 7445 .cvs__item-text {
7446 display: -webkit-box; 7446 display: -webkit-box;
7447 display: -ms-flexbox; 7447 display: -ms-flexbox;
7448 display: flex; 7448 display: flex;
7449 -webkit-box-orient: vertical; 7449 -webkit-box-orient: vertical;
7450 -webkit-box-direction: normal; 7450 -webkit-box-direction: normal;
7451 -ms-flex-direction: column; 7451 -ms-flex-direction: column;
7452 flex-direction: column; 7452 flex-direction: column;
7453 gap: 10px; 7453 gap: 10px;
7454 width: 100%; 7454 width: 100%;
7455 margin-top: 30px; 7455 margin-top: 30px;
7456 } 7456 }
7457 .cvs__item .cvs__item-buttons{ 7457 .cvs__item .cvs__item-buttons{
7458 display: flex; 7458 display: flex;
7459 align-items: start; 7459 align-items: start;
7460 } 7460 }
7461 .cvs.active .cvs__item { 7461 .cvs.active .cvs__item {
7462 display: -webkit-box; 7462 display: -webkit-box;
7463 display: -ms-flexbox; 7463 display: -ms-flexbox;
7464 display: flex; 7464 display: flex;
7465 } 7465 }
7466 .cvs__item-text .cvs__item-text-row{ 7466 .cvs__item-text .cvs__item-text-row{
7467 display: flex; 7467 display: flex;
7468 justify-content: space-between; 7468 justify-content: space-between;
7469 width: 100%; 7469 width: 100%;
7470 } 7470 }
7471 .cvs__item-text .cvs__item-text-row > div{ 7471 .cvs__item-text .cvs__item-text-row > div{
7472 width: 50%; 7472 width: 50%;
7473 } 7473 }
7474 .cvs__item-text .cvs__item-text-row b{ 7474 .cvs__item-text .cvs__item-text-row b{
7475 color: #377d87; 7475 color: #377d87;
7476 font-size: 18px; 7476 font-size: 18px;
7477 } 7477 }
7478 .cvs__item-text .cvs__item-text-status { 7478 .cvs__item-text .cvs__item-text-status {
7479 width: fit-content; 7479 width: fit-content;
7480 background-color: #e6e6e6; 7480 background-color: #e6e6e6;
7481 font-weight: bold; 7481 font-weight: bold;
7482 padding: 5px 10px; 7482 padding: 5px 10px;
7483 border-radius: 8px; 7483 border-radius: 8px;
7484 margin-right: 30px; 7484 margin-right: 30px;
7485 } 7485 }
7486 .cvs__item-text .cvs__item-text-status.looking-for-job { 7486 .cvs__item-text .cvs__item-text-status.looking-for-job {
7487 background-color: #eb5757; 7487 background-color: #eb5757;
7488 color: #fff; 7488 color: #fff;
7489 } 7489 }
7490 .cvs__item-text .cvs__item-text-updated-at{ 7490 .cvs__item-text .cvs__item-text-updated-at{
7491 padding: 5px 10px; 7491 padding: 5px 10px;
7492 border-radius: 8px; 7492 border-radius: 8px;
7493 border: 1px #e6e6e6 solid; 7493 border: 1px #e6e6e6 solid;
7494 } 7494 }
7495 .faqs { 7495 .faqs {
7496 display: -webkit-box; 7496 display: -webkit-box;
7497 display: -ms-flexbox; 7497 display: -ms-flexbox;
7498 display: flex; 7498 display: flex;
7499 -webkit-box-orient: vertical; 7499 -webkit-box-orient: vertical;
7500 -webkit-box-direction: reverse; 7500 -webkit-box-direction: reverse;
7501 -ms-flex-direction: column-reverse; 7501 -ms-flex-direction: column-reverse;
7502 flex-direction: column-reverse; 7502 flex-direction: column-reverse;
7503 -webkit-box-align: center; 7503 -webkit-box-align: center;
7504 -ms-flex-align: center; 7504 -ms-flex-align: center;
7505 align-items: center; 7505 align-items: center;
7506 gap: 20px; 7506 gap: 20px;
7507 } 7507 }
7508 .faqs__body { 7508 .faqs__body {
7509 display: -webkit-box; 7509 display: -webkit-box;
7510 display: -ms-flexbox; 7510 display: -ms-flexbox;
7511 display: flex; 7511 display: flex;
7512 -webkit-box-orient: vertical; 7512 -webkit-box-orient: vertical;
7513 -webkit-box-direction: normal; 7513 -webkit-box-direction: normal;
7514 -ms-flex-direction: column; 7514 -ms-flex-direction: column;
7515 flex-direction: column; 7515 flex-direction: column;
7516 gap: 20px; 7516 gap: 20px;
7517 width: 100%; 7517 width: 100%;
7518 } 7518 }
7519 .faqs__item { 7519 .faqs__item {
7520 display: none; 7520 display: none;
7521 -webkit-box-orient: vertical; 7521 -webkit-box-orient: vertical;
7522 -webkit-box-direction: normal; 7522 -webkit-box-direction: normal;
7523 -ms-flex-direction: column; 7523 -ms-flex-direction: column;
7524 flex-direction: column; 7524 flex-direction: column;
7525 border-radius: 8px; 7525 border-radius: 8px;
7526 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7526 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7527 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7527 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7528 background: #fff; 7528 background: #fff;
7529 padding: 10px; 7529 padding: 10px;
7530 font-size: 12px; 7530 font-size: 12px;
7531 } 7531 }
7532 @media (min-width: 768px) { 7532 @media (min-width: 768px) {
7533 .faqs__item { 7533 .faqs__item {
7534 padding: 20px; 7534 padding: 20px;
7535 font-size: 16px; 7535 font-size: 16px;
7536 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7536 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7537 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7537 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7538 } 7538 }
7539 } 7539 }
7540 .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) { 7540 .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) {
7541 display: -webkit-box; 7541 display: -webkit-box;
7542 display: -ms-flexbox; 7542 display: -ms-flexbox;
7543 display: flex; 7543 display: flex;
7544 } 7544 }
7545 .faqs__item-button { 7545 .faqs__item-button {
7546 background: none; 7546 background: none;
7547 padding: 0; 7547 padding: 0;
7548 border: none; 7548 border: none;
7549 display: -webkit-box; 7549 display: -webkit-box;
7550 display: -ms-flexbox; 7550 display: -ms-flexbox;
7551 display: flex; 7551 display: flex;
7552 -webkit-box-align: center; 7552 -webkit-box-align: center;
7553 -ms-flex-align: center; 7553 -ms-flex-align: center;
7554 align-items: center; 7554 align-items: center;
7555 color: #000; 7555 color: #000;
7556 text-align: left; 7556 text-align: left;
7557 font-size: 14px; 7557 font-size: 14px;
7558 font-weight: 700; 7558 font-weight: 700;
7559 } 7559 }
7560 @media (min-width: 768px) { 7560 @media (min-width: 768px) {
7561 .faqs__item-button { 7561 .faqs__item-button {
7562 font-size: 20px; 7562 font-size: 20px;
7563 } 7563 }
7564 } 7564 }
7565 .faqs__item-button span { 7565 .faqs__item-button span {
7566 width: calc(100% - 16px); 7566 width: calc(100% - 16px);
7567 padding-right: 16px; 7567 padding-right: 16px;
7568 } 7568 }
7569 .faqs__item-button i { 7569 .faqs__item-button i {
7570 display: -webkit-box; 7570 display: -webkit-box;
7571 display: -ms-flexbox; 7571 display: -ms-flexbox;
7572 display: flex; 7572 display: flex;
7573 -webkit-box-pack: center; 7573 -webkit-box-pack: center;
7574 -ms-flex-pack: center; 7574 -ms-flex-pack: center;
7575 justify-content: center; 7575 justify-content: center;
7576 -webkit-box-align: center; 7576 -webkit-box-align: center;
7577 -ms-flex-align: center; 7577 -ms-flex-align: center;
7578 align-items: center; 7578 align-items: center;
7579 width: 16px; 7579 width: 16px;
7580 aspect-ratio: 1/1; 7580 aspect-ratio: 1/1;
7581 color: #377d87; 7581 color: #377d87;
7582 -webkit-transition: 0.3s; 7582 -webkit-transition: 0.3s;
7583 transition: 0.3s; 7583 transition: 0.3s;
7584 } 7584 }
7585 .faqs__item-button i svg { 7585 .faqs__item-button i svg {
7586 width: 16px; 7586 width: 16px;
7587 aspect-ratio: 1/1; 7587 aspect-ratio: 1/1;
7588 -webkit-transform: rotate(90deg); 7588 -webkit-transform: rotate(90deg);
7589 -ms-transform: rotate(90deg); 7589 -ms-transform: rotate(90deg);
7590 transform: rotate(90deg); 7590 transform: rotate(90deg);
7591 } 7591 }
7592 .faqs__item-button.active i { 7592 .faqs__item-button.active i {
7593 -webkit-transform: rotate(180deg); 7593 -webkit-transform: rotate(180deg);
7594 -ms-transform: rotate(180deg); 7594 -ms-transform: rotate(180deg);
7595 transform: rotate(180deg); 7595 transform: rotate(180deg);
7596 } 7596 }
7597 .faqs__item-body { 7597 .faqs__item-body {
7598 display: -webkit-box; 7598 display: -webkit-box;
7599 display: -ms-flexbox; 7599 display: -ms-flexbox;
7600 display: flex; 7600 display: flex;
7601 -webkit-box-orient: vertical; 7601 -webkit-box-orient: vertical;
7602 -webkit-box-direction: normal; 7602 -webkit-box-direction: normal;
7603 -ms-flex-direction: column; 7603 -ms-flex-direction: column;
7604 flex-direction: column; 7604 flex-direction: column;
7605 gap: 10px; 7605 gap: 10px;
7606 opacity: 0; 7606 opacity: 0;
7607 height: 0; 7607 height: 0;
7608 overflow: hidden; 7608 overflow: hidden;
7609 font-size: 12px; 7609 font-size: 12px;
7610 line-height: 1.4; 7610 line-height: 1.4;
7611 } 7611 }
7612 @media (min-width: 768px) { 7612 @media (min-width: 768px) {
7613 .faqs__item-body { 7613 .faqs__item-body {
7614 font-size: 16px; 7614 font-size: 16px;
7615 gap: 20px; 7615 gap: 20px;
7616 } 7616 }
7617 } 7617 }
7618 .faqs__item-body p { 7618 .faqs__item-body p {
7619 margin: 0; 7619 margin: 0;
7620 } 7620 }
7621 .active + .faqs__item-body { 7621 .active + .faqs__item-body {
7622 opacity: 1; 7622 opacity: 1;
7623 height: auto; 7623 height: auto;
7624 -webkit-transition: 0.3s; 7624 -webkit-transition: 0.3s;
7625 transition: 0.3s; 7625 transition: 0.3s;
7626 padding-top: 10px; 7626 padding-top: 10px;
7627 } 7627 }
7628 @media (min-width: 768px) { 7628 @media (min-width: 768px) {
7629 .active + .faqs__item-body { 7629 .active + .faqs__item-body {
7630 padding-top: 20px; 7630 padding-top: 20px;
7631 } 7631 }
7632 } 7632 }
7633 .faqs.active .faqs__item { 7633 .faqs.active .faqs__item {
7634 display: -webkit-box; 7634 display: -webkit-box;
7635 display: -ms-flexbox; 7635 display: -ms-flexbox;
7636 display: flex; 7636 display: flex;
7637 } 7637 }
7638 7638
7639 .cabinet { 7639 .cabinet {
7640 padding: 20px 0; 7640 padding: 20px 0;
7641 padding-bottom: 40px; 7641 padding-bottom: 40px;
7642 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7642 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7643 } 7643 }
7644 @media (min-width: 992px) { 7644 @media (min-width: 992px) {
7645 .cabinet { 7645 .cabinet {
7646 padding: 30px 0; 7646 padding: 30px 0;
7647 padding-bottom: 60px; 7647 padding-bottom: 60px;
7648 } 7648 }
7649 } 7649 }
7650 .cabinet__breadcrumbs { 7650 .cabinet__breadcrumbs {
7651 margin-bottom: 50px; 7651 margin-bottom: 50px;
7652 } 7652 }
7653 .cabinet__wrapper { 7653 .cabinet__wrapper {
7654 display: -webkit-box; 7654 display: -webkit-box;
7655 display: -ms-flexbox; 7655 display: -ms-flexbox;
7656 display: flex; 7656 display: flex;
7657 -webkit-box-orient: vertical; 7657 -webkit-box-orient: vertical;
7658 -webkit-box-direction: normal; 7658 -webkit-box-direction: normal;
7659 -ms-flex-direction: column; 7659 -ms-flex-direction: column;
7660 flex-direction: column; 7660 flex-direction: column;
7661 } 7661 }
7662 @media (min-width: 992px) { 7662 @media (min-width: 992px) {
7663 .cabinet__wrapper { 7663 .cabinet__wrapper {
7664 -webkit-box-orient: horizontal; 7664 -webkit-box-orient: horizontal;
7665 -webkit-box-direction: normal; 7665 -webkit-box-direction: normal;
7666 -ms-flex-direction: row; 7666 -ms-flex-direction: row;
7667 flex-direction: row; 7667 flex-direction: row;
7668 -webkit-box-align: start; 7668 -webkit-box-align: start;
7669 -ms-flex-align: start; 7669 -ms-flex-align: start;
7670 align-items: flex-start; 7670 align-items: flex-start;
7671 -webkit-box-pack: justify; 7671 -webkit-box-pack: justify;
7672 -ms-flex-pack: justify; 7672 -ms-flex-pack: justify;
7673 justify-content: space-between; 7673 justify-content: space-between;
7674 } 7674 }
7675 } 7675 }
7676 .cabinet__side { 7676 .cabinet__side {
7677 border-radius: 8px; 7677 border-radius: 8px;
7678 background: #fff; 7678 background: #fff;
7679 padding: 20px 10px; 7679 padding: 20px 10px;
7680 display: -webkit-box; 7680 display: -webkit-box;
7681 display: -ms-flexbox; 7681 display: -ms-flexbox;
7682 display: flex; 7682 display: flex;
7683 -webkit-box-orient: vertical; 7683 -webkit-box-orient: vertical;
7684 -webkit-box-direction: normal; 7684 -webkit-box-direction: normal;
7685 -ms-flex-direction: column; 7685 -ms-flex-direction: column;
7686 flex-direction: column; 7686 flex-direction: column;
7687 gap: 30px; 7687 gap: 30px;
7688 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7688 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7689 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7689 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7690 } 7690 }
7691 @media (min-width: 768px) { 7691 @media (min-width: 768px) {
7692 .cabinet__side { 7692 .cabinet__side {
7693 padding: 30px 20px; 7693 padding: 30px 20px;
7694 margin-bottom: 50px; 7694 margin-bottom: 50px;
7695 } 7695 }
7696 } 7696 }
7697 @media (min-width: 992px) { 7697 @media (min-width: 992px) {
7698 .cabinet__side { 7698 .cabinet__side {
7699 width: 340px; 7699 width: 340px;
7700 margin: 0; 7700 margin: 0;
7701 position: sticky; 7701 position: sticky;
7702 top: 6px; 7702 top: 6px;
7703 } 7703 }
7704 } 7704 }
7705 @media (min-width: 1280px) { 7705 @media (min-width: 1280px) {
7706 .cabinet__side { 7706 .cabinet__side {
7707 width: 400px; 7707 width: 400px;
7708 } 7708 }
7709 } 7709 }
7710 .cabinet__side-item { 7710 .cabinet__side-item {
7711 display: -webkit-box; 7711 display: -webkit-box;
7712 display: -ms-flexbox; 7712 display: -ms-flexbox;
7713 display: flex; 7713 display: flex;
7714 -webkit-box-orient: vertical; 7714 -webkit-box-orient: vertical;
7715 -webkit-box-direction: normal; 7715 -webkit-box-direction: normal;
7716 -ms-flex-direction: column; 7716 -ms-flex-direction: column;
7717 flex-direction: column; 7717 flex-direction: column;
7718 gap: 20px; 7718 gap: 20px;
7719 } 7719 }
7720 .cabinet__side-toper { 7720 .cabinet__side-toper {
7721 display: -webkit-box; 7721 display: -webkit-box;
7722 display: -ms-flexbox; 7722 display: -ms-flexbox;
7723 display: flex; 7723 display: flex;
7724 -webkit-box-align: center; 7724 -webkit-box-align: center;
7725 -ms-flex-align: center; 7725 -ms-flex-align: center;
7726 align-items: center; 7726 align-items: center;
7727 } 7727 }
7728 .cabinet__side-toper-pic { 7728 .cabinet__side-toper-pic {
7729 width: 70px; 7729 width: 70px;
7730 aspect-ratio: 1/1; 7730 aspect-ratio: 1/1;
7731 overflow: hidden; 7731 overflow: hidden;
7732 border-radius: 8px; 7732 border-radius: 8px;
7733 color: #fff; 7733 color: #fff;
7734 background: #9c9d9d; 7734 background: #9c9d9d;
7735 display: -webkit-box; 7735 display: -webkit-box;
7736 display: -ms-flexbox; 7736 display: -ms-flexbox;
7737 display: flex; 7737 display: flex;
7738 -webkit-box-align: center; 7738 -webkit-box-align: center;
7739 -ms-flex-align: center; 7739 -ms-flex-align: center;
7740 align-items: center; 7740 align-items: center;
7741 -webkit-box-pack: center; 7741 -webkit-box-pack: center;
7742 -ms-flex-pack: center; 7742 -ms-flex-pack: center;
7743 justify-content: center; 7743 justify-content: center;
7744 position: relative; 7744 position: relative;
7745 } 7745 }
7746 .cabinet__side-toper-pic img { 7746 .cabinet__side-toper-pic img {
7747 width: 100%; 7747 width: 100%;
7748 height: 100%; 7748 height: 100%;
7749 -o-object-fit: cover; 7749 -o-object-fit: cover;
7750 object-fit: cover; 7750 object-fit: cover;
7751 position: absolute; 7751 position: absolute;
7752 z-index: 2; 7752 z-index: 2;
7753 top: 0; 7753 top: 0;
7754 left: 0; 7754 left: 0;
7755 aspect-ratio: 1/1; 7755 aspect-ratio: 1/1;
7756 -o-object-fit: contain; 7756 -o-object-fit: contain;
7757 object-fit: contain; 7757 object-fit: contain;
7758 } 7758 }
7759 .cabinet__side-toper-pic svg { 7759 .cabinet__side-toper-pic svg {
7760 width: 50%; 7760 width: 50%;
7761 aspect-ratio: 1/1; 7761 aspect-ratio: 1/1;
7762 } 7762 }
7763 .cabinet__side-toper b { 7763 .cabinet__side-toper b {
7764 width: calc(100% - 70px); 7764 width: calc(100% - 70px);
7765 font-size: 14px; 7765 font-size: 14px;
7766 font-weight: 700; 7766 font-weight: 700;
7767 padding-left: 16px; 7767 padding-left: 16px;
7768 } 7768 }
7769 @media (min-width: 768px) { 7769 @media (min-width: 768px) {
7770 .cabinet__side-toper b { 7770 .cabinet__side-toper b {
7771 font-size: 20px; 7771 font-size: 20px;
7772 } 7772 }
7773 } 7773 }
7774 .cabinet__menu { 7774 .cabinet__menu {
7775 display: -webkit-box; 7775 display: -webkit-box;
7776 display: -ms-flexbox; 7776 display: -ms-flexbox;
7777 display: flex; 7777 display: flex;
7778 -webkit-box-orient: vertical; 7778 -webkit-box-orient: vertical;
7779 -webkit-box-direction: normal; 7779 -webkit-box-direction: normal;
7780 -ms-flex-direction: column; 7780 -ms-flex-direction: column;
7781 flex-direction: column; 7781 flex-direction: column;
7782 } 7782 }
7783 .cabinet__menu-toper { 7783 .cabinet__menu-toper {
7784 display: -webkit-box; 7784 display: -webkit-box;
7785 display: -ms-flexbox; 7785 display: -ms-flexbox;
7786 display: flex; 7786 display: flex;
7787 -webkit-box-align: center; 7787 -webkit-box-align: center;
7788 -ms-flex-align: center; 7788 -ms-flex-align: center;
7789 align-items: center; 7789 align-items: center;
7790 -webkit-box-pack: justify; 7790 -webkit-box-pack: justify;
7791 -ms-flex-pack: justify; 7791 -ms-flex-pack: justify;
7792 justify-content: space-between; 7792 justify-content: space-between;
7793 padding: 0 16px; 7793 padding: 0 16px;
7794 padding-right: 12px; 7794 padding-right: 12px;
7795 border: none; 7795 border: none;
7796 border-radius: 8px; 7796 border-radius: 8px;
7797 background: #377d87; 7797 background: #377d87;
7798 color: #fff; 7798 color: #fff;
7799 } 7799 }
7800 @media (min-width: 768px) { 7800 @media (min-width: 768px) {
7801 .cabinet__menu-toper { 7801 .cabinet__menu-toper {
7802 padding: 0 20px; 7802 padding: 0 20px;
7803 } 7803 }
7804 } 7804 }
7805 @media (min-width: 992px) { 7805 @media (min-width: 992px) {
7806 .cabinet__menu-toper { 7806 .cabinet__menu-toper {
7807 display: none; 7807 display: none;
7808 } 7808 }
7809 } 7809 }
7810 .cabinet__menu-toper-text { 7810 .cabinet__menu-toper-text {
7811 width: calc(100% - 16px); 7811 width: calc(100% - 16px);
7812 display: -webkit-box; 7812 display: -webkit-box;
7813 display: -ms-flexbox; 7813 display: -ms-flexbox;
7814 display: flex; 7814 display: flex;
7815 -webkit-box-align: center; 7815 -webkit-box-align: center;
7816 -ms-flex-align: center; 7816 -ms-flex-align: center;
7817 align-items: center; 7817 align-items: center;
7818 } 7818 }
7819 @media (min-width: 768px) { 7819 @media (min-width: 768px) {
7820 .cabinet__menu-toper-text { 7820 .cabinet__menu-toper-text {
7821 width: calc(100% - 20px); 7821 width: calc(100% - 20px);
7822 } 7822 }
7823 } 7823 }
7824 .cabinet__menu-toper-text i { 7824 .cabinet__menu-toper-text i {
7825 width: 16px; 7825 width: 16px;
7826 height: 16px; 7826 height: 16px;
7827 display: -webkit-box; 7827 display: -webkit-box;
7828 display: -ms-flexbox; 7828 display: -ms-flexbox;
7829 display: flex; 7829 display: flex;
7830 -webkit-box-align: center; 7830 -webkit-box-align: center;
7831 -ms-flex-align: center; 7831 -ms-flex-align: center;
7832 align-items: center; 7832 align-items: center;
7833 -webkit-box-pack: center; 7833 -webkit-box-pack: center;
7834 -ms-flex-pack: center; 7834 -ms-flex-pack: center;
7835 justify-content: center; 7835 justify-content: center;
7836 } 7836 }
7837 @media (min-width: 768px) { 7837 @media (min-width: 768px) {
7838 .cabinet__menu-toper-text i { 7838 .cabinet__menu-toper-text i {
7839 width: 22px; 7839 width: 22px;
7840 height: 22px; 7840 height: 22px;
7841 } 7841 }
7842 } 7842 }
7843 .cabinet__menu-toper-text svg { 7843 .cabinet__menu-toper-text svg {
7844 width: 16px; 7844 width: 16px;
7845 height: 16px; 7845 height: 16px;
7846 } 7846 }
7847 @media (min-width: 768px) { 7847 @media (min-width: 768px) {
7848 .cabinet__menu-toper-text svg { 7848 .cabinet__menu-toper-text svg {
7849 width: 22px; 7849 width: 22px;
7850 height: 22px; 7850 height: 22px;
7851 } 7851 }
7852 } 7852 }
7853 .cabinet__menu-toper-text span { 7853 .cabinet__menu-toper-text span {
7854 display: -webkit-box; 7854 display: -webkit-box;
7855 display: -ms-flexbox; 7855 display: -ms-flexbox;
7856 display: flex; 7856 display: flex;
7857 -webkit-box-align: center; 7857 -webkit-box-align: center;
7858 -ms-flex-align: center; 7858 -ms-flex-align: center;
7859 align-items: center; 7859 align-items: center;
7860 padding: 0 10px; 7860 padding: 0 10px;
7861 min-height: 30px; 7861 min-height: 30px;
7862 font-size: 12px; 7862 font-size: 12px;
7863 width: calc(100% - 16px); 7863 width: calc(100% - 16px);
7864 } 7864 }
7865 @media (min-width: 768px) { 7865 @media (min-width: 768px) {
7866 .cabinet__menu-toper-text span { 7866 .cabinet__menu-toper-text span {
7867 width: calc(100% - 22px); 7867 width: calc(100% - 22px);
7868 font-size: 20px; 7868 font-size: 20px;
7869 min-height: 52px; 7869 min-height: 52px;
7870 padding: 0 16px; 7870 padding: 0 16px;
7871 } 7871 }
7872 } 7872 }
7873 .cabinet__menu-toper-arrow { 7873 .cabinet__menu-toper-arrow {
7874 width: 16px; 7874 width: 16px;
7875 height: 16px; 7875 height: 16px;
7876 display: -webkit-box; 7876 display: -webkit-box;
7877 display: -ms-flexbox; 7877 display: -ms-flexbox;
7878 display: flex; 7878 display: flex;
7879 -webkit-box-pack: center; 7879 -webkit-box-pack: center;
7880 -ms-flex-pack: center; 7880 -ms-flex-pack: center;
7881 justify-content: center; 7881 justify-content: center;
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 -webkit-transition: 0.3s; 7885 -webkit-transition: 0.3s;
7886 transition: 0.3s; 7886 transition: 0.3s;
7887 } 7887 }
7888 @media (min-width: 768px) { 7888 @media (min-width: 768px) {
7889 .cabinet__menu-toper-arrow { 7889 .cabinet__menu-toper-arrow {
7890 width: 20px; 7890 width: 20px;
7891 height: 20px; 7891 height: 20px;
7892 } 7892 }
7893 } 7893 }
7894 .cabinet__menu-toper-arrow svg { 7894 .cabinet__menu-toper-arrow svg {
7895 width: 12px; 7895 width: 12px;
7896 height: 12px; 7896 height: 12px;
7897 -webkit-transform: rotate(90deg); 7897 -webkit-transform: rotate(90deg);
7898 -ms-transform: rotate(90deg); 7898 -ms-transform: rotate(90deg);
7899 transform: rotate(90deg); 7899 transform: rotate(90deg);
7900 } 7900 }
7901 @media (min-width: 768px) { 7901 @media (min-width: 768px) {
7902 .cabinet__menu-toper-arrow svg { 7902 .cabinet__menu-toper-arrow svg {
7903 width: 20px; 7903 width: 20px;
7904 height: 20px; 7904 height: 20px;
7905 } 7905 }
7906 } 7906 }
7907 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7907 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7908 -webkit-transform: rotate(180deg); 7908 -webkit-transform: rotate(180deg);
7909 -ms-transform: rotate(180deg); 7909 -ms-transform: rotate(180deg);
7910 transform: rotate(180deg); 7910 transform: rotate(180deg);
7911 } 7911 }
7912 .cabinet__menu-body { 7912 .cabinet__menu-body {
7913 opacity: 0; 7913 opacity: 0;
7914 height: 0; 7914 height: 0;
7915 overflow: hidden; 7915 overflow: hidden;
7916 display: -webkit-box; 7916 display: -webkit-box;
7917 display: -ms-flexbox; 7917 display: -ms-flexbox;
7918 display: flex; 7918 display: flex;
7919 -webkit-box-orient: vertical; 7919 -webkit-box-orient: vertical;
7920 -webkit-box-direction: normal; 7920 -webkit-box-direction: normal;
7921 -ms-flex-direction: column; 7921 -ms-flex-direction: column;
7922 flex-direction: column; 7922 flex-direction: column;
7923 } 7923 }
7924 @media (min-width: 992px) { 7924 @media (min-width: 992px) {
7925 .cabinet__menu-body { 7925 .cabinet__menu-body {
7926 opacity: 1; 7926 opacity: 1;
7927 height: auto; 7927 height: auto;
7928 } 7928 }
7929 } 7929 }
7930 .active + .cabinet__menu-body { 7930 .active + .cabinet__menu-body {
7931 opacity: 1; 7931 opacity: 1;
7932 height: auto; 7932 height: auto;
7933 -webkit-transition: 0.3s; 7933 -webkit-transition: 0.3s;
7934 transition: 0.3s; 7934 transition: 0.3s;
7935 } 7935 }
7936 .cabinet__menu-items { 7936 .cabinet__menu-items {
7937 display: -webkit-box; 7937 display: -webkit-box;
7938 display: -ms-flexbox; 7938 display: -ms-flexbox;
7939 display: flex; 7939 display: flex;
7940 -webkit-box-orient: vertical; 7940 -webkit-box-orient: vertical;
7941 -webkit-box-direction: normal; 7941 -webkit-box-direction: normal;
7942 -ms-flex-direction: column; 7942 -ms-flex-direction: column;
7943 flex-direction: column; 7943 flex-direction: column;
7944 } 7944 }
7945 .cabinet__menu-item { 7945 .cabinet__menu-item {
7946 padding: 8px 16px; 7946 padding: 8px 16px;
7947 border-radius: 8px; 7947 border-radius: 8px;
7948 display: -webkit-box; 7948 display: -webkit-box;
7949 display: -ms-flexbox; 7949 display: -ms-flexbox;
7950 display: flex; 7950 display: flex;
7951 -webkit-box-align: center; 7951 -webkit-box-align: center;
7952 -ms-flex-align: center; 7952 -ms-flex-align: center;
7953 align-items: center; 7953 align-items: center;
7954 } 7954 }
7955 @media (min-width: 768px) { 7955 @media (min-width: 768px) {
7956 .cabinet__menu-item { 7956 .cabinet__menu-item {
7957 padding: 14px 20px; 7957 padding: 14px 20px;
7958 } 7958 }
7959 } 7959 }
7960 .cabinet__menu-item:hover { 7960 .cabinet__menu-item:hover {
7961 color: #377d87; 7961 color: #377d87;
7962 } 7962 }
7963 @media (min-width: 992px) { 7963 @media (min-width: 992px) {
7964 .cabinet__menu-item.active { 7964 .cabinet__menu-item.active {
7965 background: #377d87; 7965 background: #377d87;
7966 color: #fff; 7966 color: #fff;
7967 } 7967 }
7968 } 7968 }
7969 @media (min-width: 992px) { 7969 @media (min-width: 992px) {
7970 .cabinet__menu-item.active svg { 7970 .cabinet__menu-item.active svg {
7971 color: #fff; 7971 color: #fff;
7972 } 7972 }
7973 } 7973 }
7974 @media (min-width: 992px) { 7974 @media (min-width: 992px) {
7975 .cabinet__menu-item.active.red { 7975 .cabinet__menu-item.active.red {
7976 background: #eb5757; 7976 background: #eb5757;
7977 } 7977 }
7978 } 7978 }
7979 .cabinet__menu-item i { 7979 .cabinet__menu-item i {
7980 width: 16px; 7980 width: 16px;
7981 height: 16px; 7981 height: 16px;
7982 color: #377d87; 7982 color: #377d87;
7983 } 7983 }
7984 @media (min-width: 768px) { 7984 @media (min-width: 768px) {
7985 .cabinet__menu-item i { 7985 .cabinet__menu-item i {
7986 width: 22px; 7986 width: 22px;
7987 height: 22px; 7987 height: 22px;
7988 } 7988 }
7989 } 7989 }
7990 .cabinet__menu-item svg { 7990 .cabinet__menu-item svg {
7991 width: 16px; 7991 width: 16px;
7992 height: 16px; 7992 height: 16px;
7993 } 7993 }
7994 @media (min-width: 768px) { 7994 @media (min-width: 768px) {
7995 .cabinet__menu-item svg { 7995 .cabinet__menu-item svg {
7996 width: 22px; 7996 width: 22px;
7997 height: 22px; 7997 height: 22px;
7998 } 7998 }
7999 } 7999 }
8000 .cabinet__menu-item span { 8000 .cabinet__menu-item span {
8001 width: calc(100% - 16px); 8001 width: calc(100% - 16px);
8002 font-size: 12px; 8002 font-size: 12px;
8003 padding-left: 10px; 8003 padding-left: 10px;
8004 } 8004 }
8005 @media (min-width: 768px) { 8005 @media (min-width: 768px) {
8006 .cabinet__menu-item span { 8006 .cabinet__menu-item span {
8007 font-size: 20px; 8007 font-size: 20px;
8008 width: calc(100% - 22px); 8008 width: calc(100% - 22px);
8009 padding-left: 16px; 8009 padding-left: 16px;
8010 } 8010 }
8011 } 8011 }
8012 .cabinet__menu-bottom { 8012 .cabinet__menu-bottom {
8013 display: -webkit-box; 8013 display: -webkit-box;
8014 display: -ms-flexbox; 8014 display: -ms-flexbox;
8015 display: flex; 8015 display: flex;
8016 -webkit-box-orient: vertical; 8016 -webkit-box-orient: vertical;
8017 -webkit-box-direction: normal; 8017 -webkit-box-direction: normal;
8018 -ms-flex-direction: column; 8018 -ms-flex-direction: column;
8019 flex-direction: column; 8019 flex-direction: column;
8020 gap: 10px; 8020 gap: 10px;
8021 margin-top: 10px; 8021 margin-top: 10px;
8022 } 8022 }
8023 @media (min-width: 768px) { 8023 @media (min-width: 768px) {
8024 .cabinet__menu-bottom { 8024 .cabinet__menu-bottom {
8025 gap: 20px; 8025 gap: 20px;
8026 margin-top: 20px; 8026 margin-top: 20px;
8027 } 8027 }
8028 } 8028 }
8029 .cabinet__menu-copy { 8029 .cabinet__menu-copy {
8030 color: #9c9d9d; 8030 color: #9c9d9d;
8031 text-align: center; 8031 text-align: center;
8032 font-size: 12px; 8032 font-size: 12px;
8033 } 8033 }
8034 @media (min-width: 768px) { 8034 @media (min-width: 768px) {
8035 .cabinet__menu-copy { 8035 .cabinet__menu-copy {
8036 font-size: 16px; 8036 font-size: 16px;
8037 } 8037 }
8038 } 8038 }
8039 .cabinet__body { 8039 .cabinet__body {
8040 margin: 0 -10px; 8040 margin: 0 -10px;
8041 margin-top: 50px; 8041 margin-top: 50px;
8042 background: #fff; 8042 background: #fff;
8043 padding: 20px 10px; 8043 padding: 20px 10px;
8044 display: -webkit-box; 8044 display: -webkit-box;
8045 display: -ms-flexbox; 8045 display: -ms-flexbox;
8046 display: flex; 8046 display: flex;
8047 -webkit-box-orient: vertical; 8047 -webkit-box-orient: vertical;
8048 -webkit-box-direction: normal; 8048 -webkit-box-direction: normal;
8049 -ms-flex-direction: column; 8049 -ms-flex-direction: column;
8050 flex-direction: column; 8050 flex-direction: column;
8051 gap: 30px; 8051 gap: 30px;
8052 color: #000; 8052 color: #000;
8053 } 8053 }
8054 @media (min-width: 768px) { 8054 @media (min-width: 768px) {
8055 .cabinet__body { 8055 .cabinet__body {
8056 padding: 30px 20px; 8056 padding: 30px 20px;
8057 margin: 0; 8057 margin: 0;
8058 border-radius: 8px; 8058 border-radius: 8px;
8059 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8059 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8060 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8060 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8061 } 8061 }
8062 } 8062 }
8063 @media (min-width: 992px) { 8063 @media (min-width: 992px) {
8064 .cabinet__body { 8064 .cabinet__body {
8065 width: calc(100% - 360px); 8065 width: calc(100% - 360px);
8066 } 8066 }
8067 } 8067 }
8068 @media (min-width: 1280px) { 8068 @media (min-width: 1280px) {
8069 .cabinet__body { 8069 .cabinet__body {
8070 width: calc(100% - 420px); 8070 width: calc(100% - 420px);
8071 } 8071 }
8072 } 8072 }
8073 .cabinet__body-item { 8073 .cabinet__body-item {
8074 display: -webkit-box; 8074 display: -webkit-box;
8075 display: -ms-flexbox; 8075 display: -ms-flexbox;
8076 display: flex; 8076 display: flex;
8077 -webkit-box-orient: vertical; 8077 -webkit-box-orient: vertical;
8078 -webkit-box-direction: normal; 8078 -webkit-box-direction: normal;
8079 -ms-flex-direction: column; 8079 -ms-flex-direction: column;
8080 flex-direction: column; 8080 flex-direction: column;
8081 gap: 20px; 8081 gap: 20px;
8082 } 8082 }
8083 .cabinet__title { 8083 .cabinet__title {
8084 font-size: 24px; 8084 font-size: 24px;
8085 margin-bottom: 20px; 8085 margin-bottom: 20px;
8086 } 8086 }
8087 @media (min-width: 768px) { 8087 @media (min-width: 768px) {
8088 .cabinet__title { 8088 .cabinet__title {
8089 font-size: 32px; 8089 font-size: 32px;
8090 } 8090 }
8091 } 8091 }
8092 @media (min-width: 992px) { 8092 @media (min-width: 992px) {
8093 .cabinet__title { 8093 .cabinet__title {
8094 font-size: 40px; 8094 font-size: 40px;
8095 } 8095 }
8096 } 8096 }
8097 .cabinet__subtitle { 8097 .cabinet__subtitle {
8098 font-size: 22px; 8098 font-size: 22px;
8099 margin: 0; 8099 margin: 0;
8100 font-weight: 700; 8100 font-weight: 700;
8101 color: #000; 8101 color: #000;
8102 } 8102 }
8103 @media (min-width: 768px) { 8103 @media (min-width: 768px) {
8104 .cabinet__subtitle { 8104 .cabinet__subtitle {
8105 font-size: 24px; 8105 font-size: 24px;
8106 } 8106 }
8107 } 8107 }
8108 .cabinet__h4 { 8108 .cabinet__h4 {
8109 font-size: 20px; 8109 font-size: 20px;
8110 margin: 0; 8110 margin: 0;
8111 font-weight: 700; 8111 font-weight: 700;
8112 color: #000; 8112 color: #000;
8113 } 8113 }
8114 @media (min-width: 768px) { 8114 @media (min-width: 768px) {
8115 .cabinet__h4 { 8115 .cabinet__h4 {
8116 font-size: 22px; 8116 font-size: 22px;
8117 } 8117 }
8118 } 8118 }
8119 .cabinet__text { 8119 .cabinet__text {
8120 margin: 0; 8120 margin: 0;
8121 font-size: 14px; 8121 font-size: 14px;
8122 } 8122 }
8123 @media (min-width: 768px) { 8123 @media (min-width: 768px) {
8124 .cabinet__text { 8124 .cabinet__text {
8125 font-size: 16px; 8125 font-size: 16px;
8126 } 8126 }
8127 } 8127 }
8128 .cabinet__text b { 8128 .cabinet__text b {
8129 color: #000; 8129 color: #000;
8130 font-size: 18px; 8130 font-size: 18px;
8131 } 8131 }
8132 @media (min-width: 768px) { 8132 @media (min-width: 768px) {
8133 .cabinet__text b { 8133 .cabinet__text b {
8134 font-size: 24px; 8134 font-size: 24px;
8135 } 8135 }
8136 } 8136 }
8137 .cabinet__descr { 8137 .cabinet__descr {
8138 display: -webkit-box; 8138 display: -webkit-box;
8139 display: -ms-flexbox; 8139 display: -ms-flexbox;
8140 display: flex; 8140 display: flex;
8141 -webkit-box-orient: vertical; 8141 -webkit-box-orient: vertical;
8142 -webkit-box-direction: normal; 8142 -webkit-box-direction: normal;
8143 -ms-flex-direction: column; 8143 -ms-flex-direction: column;
8144 flex-direction: column; 8144 flex-direction: column;
8145 gap: 6px; 8145 gap: 6px;
8146 } 8146 }
8147 @media (min-width: 768px) { 8147 @media (min-width: 768px) {
8148 .cabinet__descr { 8148 .cabinet__descr {
8149 gap: 12px; 8149 gap: 12px;
8150 } 8150 }
8151 } 8151 }
8152 .cabinet__avatar { 8152 .cabinet__avatar {
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-align: start; 8156 -webkit-box-align: start;
8157 -ms-flex-align: start; 8157 -ms-flex-align: start;
8158 align-items: flex-start; 8158 align-items: flex-start;
8159 } 8159 }
8160 @media (min-width: 768px) { 8160 @media (min-width: 768px) {
8161 .cabinet__avatar { 8161 .cabinet__avatar {
8162 -webkit-box-align: center; 8162 -webkit-box-align: center;
8163 -ms-flex-align: center; 8163 -ms-flex-align: center;
8164 align-items: center; 8164 align-items: center;
8165 } 8165 }
8166 } 8166 }
8167 .cabinet__avatar-pic { 8167 .cabinet__avatar-pic {
8168 width: 100px; 8168 width: 100px;
8169 aspect-ratio: 1/1; 8169 aspect-ratio: 1/1;
8170 position: relative; 8170 position: relative;
8171 display: -webkit-box; 8171 display: -webkit-box;
8172 display: -ms-flexbox; 8172 display: -ms-flexbox;
8173 display: flex; 8173 display: flex;
8174 -webkit-box-pack: center; 8174 -webkit-box-pack: center;
8175 -ms-flex-pack: center; 8175 -ms-flex-pack: center;
8176 justify-content: center; 8176 justify-content: center;
8177 -webkit-box-align: center; 8177 -webkit-box-align: center;
8178 -ms-flex-align: center; 8178 -ms-flex-align: center;
8179 align-items: center; 8179 align-items: center;
8180 overflow: hidden; 8180 overflow: hidden;
8181 border-radius: 8px; 8181 border-radius: 8px;
8182 color: #fff; 8182 color: #fff;
8183 background: #9c9d9d; 8183 background: #9c9d9d;
8184 } 8184 }
8185 .cabinet__avatar-pic svg { 8185 .cabinet__avatar-pic svg {
8186 width: 50%; 8186 width: 50%;
8187 aspect-ratio: 1/1; 8187 aspect-ratio: 1/1;
8188 z-index: 1; 8188 z-index: 1;
8189 position: relative; 8189 position: relative;
8190 } 8190 }
8191 .cabinet__avatar-pic img{ 8191 .cabinet__avatar-pic img{
8192 max-width: 100%; 8192 max-width: 100%;
8193 max-height: 100%; 8193 max-height: 100%;
8194 } 8194 }
8195 .cabinet__avatar-form { 8195 .cabinet__avatar-form {
8196 width: calc(100% - 100px); 8196 width: calc(100% - 100px);
8197 padding-left: 15px; 8197 padding-left: 15px;
8198 display: -webkit-box; 8198 display: -webkit-box;
8199 display: -ms-flexbox; 8199 display: -ms-flexbox;
8200 display: flex; 8200 display: flex;
8201 -webkit-box-orient: vertical; 8201 -webkit-box-orient: vertical;
8202 -webkit-box-direction: normal; 8202 -webkit-box-direction: normal;
8203 -ms-flex-direction: column; 8203 -ms-flex-direction: column;
8204 flex-direction: column; 8204 flex-direction: column;
8205 gap: 6px; 8205 gap: 6px;
8206 } 8206 }
8207 .candidate-top-wrapper{ 8207 .candidate-top-wrapper{
8208 display: flex; 8208 display: flex;
8209 } 8209 }
8210 .candidate-top-wrapper .candidate-thumbnail{ 8210 .candidate-top-wrapper .candidate-thumbnail{
8211 width: 100px; 8211 width: 100px;
8212 height: 100px; 8212 height: 100px;
8213 min-width: 100px; 8213 min-width: 100px;
8214 border-radius: 8px; 8214 border-radius: 8px;
8215 overflow: hidden; 8215 overflow: hidden;
8216 } 8216 }
8217 .candidate-top-wrapper .candidate-thumbnail img{ 8217 .candidate-top-wrapper .candidate-thumbnail img{
8218 max-height: 100%; 8218 max-height: 100%;
8219 max-width: 100%; 8219 max-width: 100%;
8220 } 8220 }
8221 .candidate-top-wrapper .candidate-information{ 8221 .candidate-top-wrapper .candidate-information{
8222 padding-left: 20px; 8222 padding-left: 20px;
8223 font-size: 21px; 8223 font-size: 21px;
8224 display: flex; 8224 display: flex;
8225 align-items: center; 8225 align-items: center;
8226 } 8226 }
8227 .candidate-top-wrapper .candidate-information .candidate-title{ 8227 .candidate-top-wrapper .candidate-information .candidate-title{
8228 font-size: inherit; 8228 font-size: inherit;
8229 } 8229 }
8230 .content-single-candidate .education-detail-description{ 8230 .content-single-candidate .education-detail-description{
8231 margin-bottom: 50px; 8231 margin-bottom: 50px;
8232 text-align: justify; 8232 text-align: justify;
8233 } 8233 }
8234 .content-single-candidate .education-detail-description h3.title{ 8234 .content-single-candidate .education-detail-description h3.title{
8235 font-size: 18px; 8235 font-size: 18px;
8236 margin: 0 0 20px; 8236 margin: 0 0 20px;
8237 } 8237 }
8238 .content-single-candidate .education-detail-description .inner{ 8238 .content-single-candidate .education-detail-description .inner{
8239 font-size: 16px; 8239 font-size: 16px;
8240 font-weight: 300; 8240 font-weight: 300;
8241 line-height: 22px; 8241 line-height: 22px;
8242 color: #77838F; 8242 color: #77838F;
8243 } 8243 }
8244 .education-detail-programs h3.title{ 8244 .education-detail-programs h3.title{
8245 font-size: 18px; 8245 font-size: 18px;
8246 margin: 0 0 20px; 8246 margin: 0 0 20px;
8247 } 8247 }
8248 .education-detail-programs .accordion{ 8248 .education-detail-programs .accordion{
8249 margin: 1rem 0; 8249 margin: 1rem 0;
8250 padding: 0; 8250 padding: 0;
8251 list-style: none; 8251 list-style: none;
8252 border-top: 1px solid #ECEDF2; 8252 border-top: 1px solid #ECEDF2;
8253 } 8253 }
8254 .education-detail-programs .accordion.sub{ 8254 .education-detail-programs .accordion.sub{
8255 padding-left: 20px; 8255 padding-left: 20px;
8256 display: none; 8256 display: none;
8257 } 8257 }
8258 .education-detail-programs .accordion-item { 8258 .education-detail-programs .accordion-item {
8259 border-bottom: 1px solid #ECEDF2; 8259 border-bottom: 1px solid #ECEDF2;
8260 } 8260 }
8261 .education-detail-programs .accordion-thumb { 8261 .education-detail-programs .accordion-thumb {
8262 margin: 0; 8262 margin: 0;
8263 padding: 25px 0; 8263 padding: 25px 0;
8264 cursor: pointer; 8264 cursor: pointer;
8265 font-weight: normal; 8265 font-weight: normal;
8266 color: #0E5C69; 8266 color: #0E5C69;
8267 font-size: 16px; 8267 font-size: 16px;
8268 text-transform: uppercase; 8268 text-transform: uppercase;
8269 } 8269 }
8270 .education-detail-programs .accordion-thumb::after { 8270 .education-detail-programs .accordion-thumb::after {
8271 content: ""; 8271 content: "";
8272 display: block; 8272 display: block;
8273 float: right; 8273 float: right;
8274 position: relative; 8274 position: relative;
8275 top: 6px; 8275 top: 6px;
8276 height: 7px; 8276 height: 7px;
8277 width: 7px; 8277 width: 7px;
8278 margin-right: 1rem; 8278 margin-right: 1rem;
8279 margin-left: 0.5rem; 8279 margin-left: 0.5rem;
8280 border-right: 1px solid; 8280 border-right: 1px solid;
8281 border-bottom: 1px solid; 8281 border-bottom: 1px solid;
8282 border-color: #828A96; 8282 border-color: #828A96;
8283 transform: rotate(-45deg); 8283 transform: rotate(-45deg);
8284 transition: transform 0.2s ease-out; 8284 transition: transform 0.2s ease-out;
8285 } 8285 }
8286 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8286 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8287 transform: rotate(45deg); 8287 transform: rotate(45deg);
8288 } 8288 }
8289 .accordion-sub .accordion-panel{ 8289 .accordion-sub .accordion-panel{
8290 display: none; 8290 display: none;
8291 } 8291 }
8292 .accordion > .accordion-item > .accordion-panel{ 8292 .accordion > .accordion-item > .accordion-panel{
8293 opacity: 1; 8293 opacity: 1;
8294 } 8294 }
8295 .accordion-sub li{ 8295 .accordion-sub li{
8296 list-style-type: none; 8296 list-style-type: none;
8297 } 8297 }
8298 .accordion-sub .accordion-item .accordion-panel{ 8298 .accordion-sub .accordion-item .accordion-panel{
8299 white-space: pre-wrap; 8299 white-space: pre-wrap;
8300 white-space: -moz-pre-wrap; 8300 white-space: -moz-pre-wrap;
8301 white-space: -o-pre-wrap; 8301 white-space: -o-pre-wrap;
8302 } 8302 }
8303 .education-detail-contacts{ 8303 .education-detail-contacts{
8304 margin-top: 50px; 8304 margin-top: 50px;
8305 } 8305 }
8306 .education-detail-contacts h3.title{ 8306 .education-detail-contacts h3.title{
8307 font-size: 18px; 8307 font-size: 18px;
8308 margin: 0 0 20px; 8308 margin: 0 0 20px;
8309 } 8309 }
8310 .education-detail-contacts .inner > div{ 8310 .education-detail-contacts .inner > div{
8311 display: flex; 8311 display: flex;
8312 align-items: center; 8312 align-items: center;
8313 margin-bottom: 20px; 8313 margin-bottom: 20px;
8314 } 8314 }
8315 .education-detail-contacts .inner > div .icon{ 8315 .education-detail-contacts .inner > div .icon{
8316 margin-right: 20px; 8316 margin-right: 20px;
8317 } 8317 }
8318 @media (min-width: 768px) { 8318 @media (min-width: 768px) {
8319 .cabinet__avatar-form { 8319 .cabinet__avatar-form {
8320 -webkit-box-align: start; 8320 -webkit-box-align: start;
8321 -ms-flex-align: start; 8321 -ms-flex-align: start;
8322 align-items: flex-start; 8322 align-items: flex-start;
8323 padding-left: 30px; 8323 padding-left: 30px;
8324 gap: 12px; 8324 gap: 12px;
8325 } 8325 }
8326 } 8326 }
8327 @media (min-width: 768px) { 8327 @media (min-width: 768px) {
8328 .cabinet__avatar-form .file { 8328 .cabinet__avatar-form .file {
8329 min-width: 215px; 8329 min-width: 215px;
8330 } 8330 }
8331 } 8331 }
8332 .cabinet__inputs { 8332 .cabinet__inputs {
8333 display: -webkit-box; 8333 display: -webkit-box;
8334 display: -ms-flexbox; 8334 display: -ms-flexbox;
8335 display: flex; 8335 display: flex;
8336 -webkit-box-orient: vertical; 8336 -webkit-box-orient: vertical;
8337 -webkit-box-direction: normal; 8337 -webkit-box-direction: normal;
8338 -ms-flex-direction: column; 8338 -ms-flex-direction: column;
8339 flex-direction: column; 8339 flex-direction: column;
8340 gap: 20px; 8340 gap: 20px;
8341 } 8341 }
8342 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8342 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8343 display: flex; 8343 display: flex;
8344 } 8344 }
8345 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8345 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8346 width: 50%; 8346 width: 50%;
8347 padding-right: 20px; 8347 padding-right: 20px;
8348 } 8348 }
8349 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8349 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8350 margin-bottom: 20px; 8350 margin-bottom: 20px;
8351 width: 100%; 8351 width: 100%;
8352 } 8352 }
8353 @media (min-width: 1280px) { 8353 @media (min-width: 1280px) {
8354 .cabinet__inputs { 8354 .cabinet__inputs {
8355 -webkit-box-orient: horizontal; 8355 -webkit-box-orient: horizontal;
8356 -webkit-box-direction: normal; 8356 -webkit-box-direction: normal;
8357 -ms-flex-direction: row; 8357 -ms-flex-direction: row;
8358 flex-direction: row; 8358 flex-direction: row;
8359 -webkit-box-align: end; 8359 -webkit-box-align: end;
8360 -ms-flex-align: end; 8360 -ms-flex-align: end;
8361 align-items: end; 8361 align-items: end;
8362 -webkit-box-pack: justify; 8362 -webkit-box-pack: justify;
8363 -ms-flex-pack: justify; 8363 -ms-flex-pack: justify;
8364 justify-content: space-between; 8364 justify-content: space-between;
8365 -ms-flex-wrap: wrap; 8365 -ms-flex-wrap: wrap;
8366 flex-wrap: wrap; 8366 flex-wrap: wrap;
8367 } 8367 }
8368 } 8368 }
8369 @media (min-width: 1280px) { 8369 @media (min-width: 1280px) {
8370 .cabinet__inputs-item { 8370 .cabinet__inputs-item {
8371 width: calc(50% - 10px); 8371 width: calc(50% - 10px);
8372 } 8372 }
8373 } 8373 }
8374 @media (min-width: 1280px) { 8374 @media (min-width: 1280px) {
8375 .cabinet__inputs-item_fullwidth { 8375 .cabinet__inputs-item_fullwidth {
8376 width: 100%; 8376 width: 100%;
8377 } 8377 }
8378 } 8378 }
8379 @media (min-width: 1280px) { 8379 @media (min-width: 1280px) {
8380 .cabinet__inputs-item_min { 8380 .cabinet__inputs-item_min {
8381 width: calc(15% - 10px); 8381 width: calc(15% - 10px);
8382 } 8382 }
8383 } 8383 }
8384 @media (min-width: 1280px) { 8384 @media (min-width: 1280px) {
8385 .cabinet__inputs-item_max { 8385 .cabinet__inputs-item_max {
8386 width: calc(85% - 10px); 8386 width: calc(85% - 10px);
8387 } 8387 }
8388 } 8388 }
8389 @media (min-width: 768px) { 8389 @media (min-width: 768px) {
8390 .cabinet__inputs-item .button { 8390 .cabinet__inputs-item .button {
8391 width: 100%; 8391 width: 100%;
8392 max-width: 215px; 8392 max-width: 215px;
8393 padding: 0; 8393 padding: 0;
8394 } 8394 }
8395 } 8395 }
8396 @media (max-width: 768px) { 8396 @media (max-width: 768px) {
8397 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8397 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8398 display: block; 8398 display: block;
8399 } 8399 }
8400 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8400 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8401 width: 100%; 8401 width: 100%;
8402 } 8402 }
8403 } 8403 }
8404 .cabinet__inputs-item.column-count-3{ 8404 .cabinet__inputs-item.column-count-3{
8405 width: calc(32% - 10px); 8405 width: calc(32% - 10px);
8406 } 8406 }
8407 .cabinet__inputs-item-full-row { 8407 .cabinet__inputs-item-full-row {
8408 width: 100%; 8408 width: 100%;
8409 } 8409 }
8410 .cabinet__inputs-item .buttons { 8410 .cabinet__inputs-item .buttons {
8411 display: grid; 8411 display: grid;
8412 grid-template-columns: 1fr 1fr; 8412 grid-template-columns: 1fr 1fr;
8413 gap: 10px; 8413 gap: 10px;
8414 } 8414 }
8415 .cabinet__inputs-item .form-group__label{ 8415 .cabinet__inputs-item .form-group__label{
8416 font-weight: bold; 8416 font-weight: bold;
8417 } 8417 }
8418 @media (min-width: 768px) { 8418 @media (min-width: 768px) {
8419 .cabinet__inputs-item .buttons { 8419 .cabinet__inputs-item .buttons {
8420 gap: 20px; 8420 gap: 20px;
8421 max-width: 470px; 8421 max-width: 470px;
8422 } 8422 }
8423 } 8423 }
8424 @media (min-width: 992px) { 8424 @media (min-width: 992px) {
8425 .cabinet__inputs-item .buttons { 8425 .cabinet__inputs-item .buttons {
8426 max-width: none; 8426 max-width: none;
8427 } 8427 }
8428 } 8428 }
8429 @media (min-width: 1280px) { 8429 @media (min-width: 1280px) {
8430 .cabinet__inputs-item .buttons { 8430 .cabinet__inputs-item .buttons {
8431 max-width: 470px; 8431 max-width: 470px;
8432 } 8432 }
8433 } 8433 }
8434 .cabinet__inputs-item .buttons .button { 8434 .cabinet__inputs-item .buttons .button {
8435 max-width: none; 8435 max-width: none;
8436 } 8436 }
8437 .cabinet__inputs > .button { 8437 .cabinet__inputs > .button {
8438 padding: 0; 8438 padding: 0;
8439 width: 100%; 8439 width: 100%;
8440 max-width: 140px; 8440 max-width: 140px;
8441 } 8441 }
8442 @media (min-width: 768px) { 8442 @media (min-width: 768px) {
8443 .cabinet__inputs > .button { 8443 .cabinet__inputs > .button {
8444 max-width: 190px; 8444 max-width: 190px;
8445 } 8445 }
8446 } 8446 }
8447 .cabinet__add { 8447 .cabinet__add {
8448 display: -webkit-box; 8448 display: -webkit-box;
8449 display: -ms-flexbox; 8449 display: -ms-flexbox;
8450 display: flex; 8450 display: flex;
8451 -webkit-box-orient: vertical; 8451 -webkit-box-orient: vertical;
8452 -webkit-box-direction: normal; 8452 -webkit-box-direction: normal;
8453 -ms-flex-direction: column; 8453 -ms-flex-direction: column;
8454 flex-direction: column; 8454 flex-direction: column;
8455 gap: 10px; 8455 gap: 10px;
8456 } 8456 }
8457 @media (min-width: 768px) { 8457 @media (min-width: 768px) {
8458 .cabinet__add { 8458 .cabinet__add {
8459 gap: 0; 8459 gap: 0;
8460 -webkit-box-orient: horizontal; 8460 -webkit-box-orient: horizontal;
8461 -webkit-box-direction: normal; 8461 -webkit-box-direction: normal;
8462 -ms-flex-direction: row; 8462 -ms-flex-direction: row;
8463 flex-direction: row; 8463 flex-direction: row;
8464 -webkit-box-align: end; 8464 -webkit-box-align: end;
8465 -ms-flex-align: end; 8465 -ms-flex-align: end;
8466 align-items: flex-end; 8466 align-items: flex-end;
8467 } 8467 }
8468 } 8468 }
8469 .cabinet__add-pic { 8469 .cabinet__add-pic {
8470 border-radius: 4px; 8470 border-radius: 4px;
8471 position: relative; 8471 position: relative;
8472 overflow: hidden; 8472 overflow: hidden;
8473 background: #9c9d9d; 8473 background: #9c9d9d;
8474 color: #fff; 8474 color: #fff;
8475 width: 100px; 8475 width: 100px;
8476 aspect-ratio: 1/1; 8476 aspect-ratio: 1/1;
8477 -webkit-transition: 0.3s; 8477 -webkit-transition: 0.3s;
8478 transition: 0.3s; 8478 transition: 0.3s;
8479 } 8479 }
8480 @media (min-width: 768px) { 8480 @media (min-width: 768px) {
8481 .cabinet__add-pic { 8481 .cabinet__add-pic {
8482 width: 220px; 8482 width: 220px;
8483 border-radius: 8px; 8483 border-radius: 8px;
8484 } 8484 }
8485 } 8485 }
8486 .cabinet__add-pic:hover { 8486 .cabinet__add-pic:hover {
8487 background: #000; 8487 background: #000;
8488 } 8488 }
8489 .cabinet__add-pic input { 8489 .cabinet__add-pic input {
8490 display: none; 8490 display: none;
8491 } 8491 }
8492 .cabinet__add-pic > svg { 8492 .cabinet__add-pic > svg {
8493 width: 20px; 8493 width: 20px;
8494 position: absolute; 8494 position: absolute;
8495 top: 50%; 8495 top: 50%;
8496 left: 50%; 8496 left: 50%;
8497 -webkit-transform: translate(-50%, -50%); 8497 -webkit-transform: translate(-50%, -50%);
8498 -ms-transform: translate(-50%, -50%); 8498 -ms-transform: translate(-50%, -50%);
8499 transform: translate(-50%, -50%); 8499 transform: translate(-50%, -50%);
8500 z-index: 1; 8500 z-index: 1;
8501 } 8501 }
8502 @media (min-width: 768px) { 8502 @media (min-width: 768px) {
8503 .cabinet__add-pic > svg { 8503 .cabinet__add-pic > svg {
8504 width: 50px; 8504 width: 50px;
8505 } 8505 }
8506 } 8506 }
8507 .cabinet__add-pic span { 8507 .cabinet__add-pic span {
8508 display: -webkit-box; 8508 display: -webkit-box;
8509 display: -ms-flexbox; 8509 display: -ms-flexbox;
8510 display: flex; 8510 display: flex;
8511 -webkit-box-align: center; 8511 -webkit-box-align: center;
8512 -ms-flex-align: center; 8512 -ms-flex-align: center;
8513 align-items: center; 8513 align-items: center;
8514 -webkit-box-pack: center; 8514 -webkit-box-pack: center;
8515 -ms-flex-pack: center; 8515 -ms-flex-pack: center;
8516 justify-content: center; 8516 justify-content: center;
8517 width: 100%; 8517 width: 100%;
8518 gap: 4px; 8518 gap: 4px;
8519 font-weight: 700; 8519 font-weight: 700;
8520 font-size: 8px; 8520 font-size: 8px;
8521 line-height: 1; 8521 line-height: 1;
8522 position: absolute; 8522 position: absolute;
8523 top: 50%; 8523 top: 50%;
8524 left: 50%; 8524 left: 50%;
8525 -webkit-transform: translate(-50%, -50%); 8525 -webkit-transform: translate(-50%, -50%);
8526 -ms-transform: translate(-50%, -50%); 8526 -ms-transform: translate(-50%, -50%);
8527 transform: translate(-50%, -50%); 8527 transform: translate(-50%, -50%);
8528 margin-top: 25px; 8528 margin-top: 25px;
8529 } 8529 }
8530 @media (min-width: 768px) { 8530 @media (min-width: 768px) {
8531 .cabinet__add-pic span { 8531 .cabinet__add-pic span {
8532 font-size: 16px; 8532 font-size: 16px;
8533 margin-top: 60px; 8533 margin-top: 60px;
8534 } 8534 }
8535 } 8535 }
8536 .cabinet__add-pic span svg { 8536 .cabinet__add-pic span svg {
8537 width: 7px; 8537 width: 7px;
8538 aspect-ratio: 1/1; 8538 aspect-ratio: 1/1;
8539 } 8539 }
8540 @media (min-width: 768px) { 8540 @media (min-width: 768px) {
8541 .cabinet__add-pic span svg { 8541 .cabinet__add-pic span svg {
8542 width: 16px; 8542 width: 16px;
8543 } 8543 }
8544 } 8544 }
8545 .cabinet__add-body { 8545 .cabinet__add-body {
8546 display: -webkit-box; 8546 display: -webkit-box;
8547 display: -ms-flexbox; 8547 display: -ms-flexbox;
8548 display: flex; 8548 display: flex;
8549 -webkit-box-orient: vertical; 8549 -webkit-box-orient: vertical;
8550 -webkit-box-direction: normal; 8550 -webkit-box-direction: normal;
8551 -ms-flex-direction: column; 8551 -ms-flex-direction: column;
8552 flex-direction: column; 8552 flex-direction: column;
8553 gap: 10px; 8553 gap: 10px;
8554 } 8554 }
8555 @media (min-width: 768px) { 8555 @media (min-width: 768px) {
8556 .cabinet__add-body { 8556 .cabinet__add-body {
8557 gap: 20px; 8557 gap: 20px;
8558 width: calc(100% - 220px); 8558 width: calc(100% - 220px);
8559 padding-left: 20px; 8559 padding-left: 20px;
8560 } 8560 }
8561 } 8561 }
8562 @media (min-width: 768px) { 8562 @media (min-width: 768px) {
8563 .cabinet__add-body .button { 8563 .cabinet__add-body .button {
8564 width: 215px; 8564 width: 215px;
8565 padding: 0; 8565 padding: 0;
8566 } 8566 }
8567 } 8567 }
8568 .cabinet__fleet { 8568 .cabinet__fleet {
8569 display: -webkit-box; 8569 display: -webkit-box;
8570 display: -ms-flexbox; 8570 display: -ms-flexbox;
8571 display: flex; 8571 display: flex;
8572 -webkit-box-orient: vertical; 8572 -webkit-box-orient: vertical;
8573 -webkit-box-direction: normal; 8573 -webkit-box-direction: normal;
8574 -ms-flex-direction: column; 8574 -ms-flex-direction: column;
8575 flex-direction: column; 8575 flex-direction: column;
8576 gap: 20px; 8576 gap: 20px;
8577 } 8577 }
8578 @media (min-width: 768px) { 8578 @media (min-width: 768px) {
8579 .cabinet__fleet { 8579 .cabinet__fleet {
8580 display: grid; 8580 display: grid;
8581 grid-template-columns: repeat(2, 1fr); 8581 grid-template-columns: repeat(2, 1fr);
8582 } 8582 }
8583 } 8583 }
8584 @media (min-width: 1280px) { 8584 @media (min-width: 1280px) {
8585 .cabinet__fleet { 8585 .cabinet__fleet {
8586 grid-template-columns: repeat(3, 1fr); 8586 grid-template-columns: repeat(3, 1fr);
8587 } 8587 }
8588 } 8588 }
8589 @media (min-width: 768px) { 8589 @media (min-width: 768px) {
8590 .cabinet__submit { 8590 .cabinet__submit {
8591 width: 215px; 8591 width: 215px;
8592 padding: 0; 8592 padding: 0;
8593 margin: 0 auto; 8593 margin: 0 auto;
8594 } 8594 }
8595 } 8595 }
8596 .cabinet__filters { 8596 .cabinet__filters {
8597 display: -webkit-box; 8597 display: -webkit-box;
8598 display: -ms-flexbox; 8598 display: -ms-flexbox;
8599 display: flex; 8599 display: flex;
8600 -webkit-box-orient: vertical; 8600 -webkit-box-orient: vertical;
8601 -webkit-box-direction: normal; 8601 -webkit-box-direction: normal;
8602 -ms-flex-direction: column; 8602 -ms-flex-direction: column;
8603 flex-direction: column; 8603 flex-direction: column;
8604 gap: 10px; 8604 gap: 10px;
8605 } 8605 }
8606 .cabinet__export-wrap{ 8606 .cabinet__export-wrap{
8607 padding: 10px; 8607 padding: 10px;
8608 border: 1px #cecece solid; 8608 border: 1px #cecece solid;
8609 border-radius: 8px; 8609 border-radius: 8px;
8610 width: 100%; 8610 width: 100%;
8611 } 8611 }
8612 .cabinet__export-button-wrap{ 8612 .cabinet__export-button-wrap{
8613 max-width: 200px; 8613 max-width: 200px;
8614 margin-bottom: 10px; 8614 margin-bottom: 10px;
8615 } 8615 }
8616 .cabinet__export-options-wrap{ 8616 .cabinet__export-options-wrap{
8617 display: flex; 8617 display: flex;
8618 justify-content: space-between; 8618 justify-content: space-between;
8619 } 8619 }
8620 .job-title-list-wrap{ 8620 .job-title-list-wrap{
8621 margin-top: 5px; 8621 margin-top: 5px;
8622 } 8622 }
8623 .cabinet__export-error{ 8623 .cabinet__export-error{
8624 color: red; 8624 color: red;
8625 } 8625 }
8626 .flot-image-wrap img{ 8626 .flot-image-wrap img{
8627 max-width: 100%; 8627 max-width: 100%;
8628 max-height: 100%; 8628 max-height: 100%;
8629 flex: 0 0 auto; 8629 flex: 0 0 auto;
8630 } 8630 }
8631 .flot-image-wrap{ 8631 .flot-image-wrap{
8632 width: 220px; 8632 width: 220px;
8633 height: 220px; 8633 height: 220px;
8634 display: flex; 8634 display: flex;
8635 justify-content: center; 8635 justify-content: center;
8636 align-items: center; 8636 align-items: center;
8637 } 8637 }
8638 @media (min-width: 768px) { 8638 @media (min-width: 768px) {
8639 .cabinet__filters { 8639 .cabinet__filters {
8640 gap: 20px; 8640 gap: 20px;
8641 } 8641 }
8642 } 8642 }
8643 @media (min-width: 1280px) { 8643 @media (min-width: 1280px) {
8644 .cabinet__filters { 8644 .cabinet__filters {
8645 -webkit-box-orient: horizontal; 8645 -webkit-box-orient: horizontal;
8646 -webkit-box-direction: normal; 8646 -webkit-box-direction: normal;
8647 -ms-flex-direction: row; 8647 -ms-flex-direction: row;
8648 flex-direction: row; 8648 flex-direction: row;
8649 -webkit-box-align: start; 8649 -webkit-box-align: start;
8650 -ms-flex-align: start; 8650 -ms-flex-align: start;
8651 align-items: flex-start; 8651 align-items: flex-start;
8652 -webkit-box-pack: justify; 8652 -webkit-box-pack: justify;
8653 -ms-flex-pack: justify; 8653 -ms-flex-pack: justify;
8654 justify-content: space-between; 8654 justify-content: space-between;
8655 } 8655 }
8656 } 8656 }
8657 .cabinet__filters-item { 8657 .cabinet__filters-item {
8658 display: -webkit-box; 8658 display: -webkit-box;
8659 display: -ms-flexbox; 8659 display: -ms-flexbox;
8660 display: flex; 8660 display: flex;
8661 -webkit-box-orient: vertical; 8661 -webkit-box-orient: vertical;
8662 -webkit-box-direction: normal; 8662 -webkit-box-direction: normal;
8663 -ms-flex-direction: column; 8663 -ms-flex-direction: column;
8664 flex-direction: column; 8664 flex-direction: column;
8665 -webkit-box-align: start; 8665 -webkit-box-align: start;
8666 -ms-flex-align: start; 8666 -ms-flex-align: start;
8667 align-items: flex-start; 8667 align-items: flex-start;
8668 gap: 10px; 8668 gap: 10px;
8669 } 8669 }
8670 @media (min-width: 768px) { 8670 @media (min-width: 768px) {
8671 .cabinet__filters-item { 8671 .cabinet__filters-item {
8672 gap: 20px; 8672 gap: 20px;
8673 } 8673 }
8674 } 8674 }
8675 @media (min-width: 1280px) { 8675 @media (min-width: 1280px) {
8676 .cabinet__filters-item { 8676 .cabinet__filters-item {
8677 width: calc(50% - 10px); 8677 width: calc(50% - 10px);
8678 max-width: 410px; 8678 max-width: 410px;
8679 } 8679 }
8680 } 8680 }
8681 .cabinet__filters-item .button, 8681 .cabinet__filters-item .button,
8682 .cabinet__filters-item .select { 8682 .cabinet__filters-item .select {
8683 width: 100%; 8683 width: 100%;
8684 } 8684 }
8685 @media (min-width: 1280px) { 8685 @media (min-width: 1280px) {
8686 .cabinet__filters-item .button, 8686 .cabinet__filters-item .button,
8687 .cabinet__filters-item .select { 8687 .cabinet__filters-item .select {
8688 width: auto; 8688 width: auto;
8689 } 8689 }
8690 } 8690 }
8691 .cabinet__filters-item + .cabinet__filters-item { 8691 .cabinet__filters-item + .cabinet__filters-item {
8692 -webkit-box-align: end; 8692 -webkit-box-align: end;
8693 -ms-flex-align: end; 8693 -ms-flex-align: end;
8694 align-items: flex-end; 8694 align-items: flex-end;
8695 } 8695 }
8696 @media (min-width: 1280px) { 8696 @media (min-width: 1280px) {
8697 .cabinet__filters-item + .cabinet__filters-item { 8697 .cabinet__filters-item + .cabinet__filters-item {
8698 max-width: 280px; 8698 max-width: 280px;
8699 } 8699 }
8700 } 8700 }
8701 .cabinet__filters .search input { 8701 .cabinet__filters .search input {
8702 padding-right: 135px; 8702 padding-right: 135px;
8703 } 8703 }
8704 .cabinet__filters .search button { 8704 .cabinet__filters .search button {
8705 width: 115px; 8705 width: 115px;
8706 } 8706 }
8707 .cabinet__filters-buttons { 8707 .cabinet__filters-buttons {
8708 display: grid; 8708 display: grid;
8709 grid-template-columns: 1fr 1fr; 8709 grid-template-columns: 1fr 1fr;
8710 gap: 10px; 8710 gap: 10px;
8711 width: 100%; 8711 width: 100%;
8712 } 8712 }
8713 @media (min-width: 768px) { 8713 @media (min-width: 768px) {
8714 .cabinet__filters-buttons { 8714 .cabinet__filters-buttons {
8715 gap: 20px; 8715 gap: 20px;
8716 } 8716 }
8717 } 8717 }
8718 .cabinet__filters-buttons .button { 8718 .cabinet__filters-buttons .button {
8719 padding: 0; 8719 padding: 0;
8720 gap: 5px; 8720 gap: 5px;
8721 } 8721 }
8722 .cabinet__filters-buttons .button.active { 8722 .cabinet__filters-buttons .button.active {
8723 background: #377d87; 8723 background: #377d87;
8724 color: #fff; 8724 color: #fff;
8725 } 8725 }
8726 .cabinet__filters-buttons .button.active:before { 8726 .cabinet__filters-buttons .button.active:before {
8727 content: ""; 8727 content: "";
8728 width: 6px; 8728 width: 6px;
8729 height: 6px; 8729 height: 6px;
8730 background: #fff; 8730 background: #fff;
8731 border-radius: 999px; 8731 border-radius: 999px;
8732 } 8732 }
8733 .cabinet__table-header { 8733 .cabinet__table-header {
8734 display: -webkit-box; 8734 display: -webkit-box;
8735 display: -ms-flexbox; 8735 display: -ms-flexbox;
8736 display: flex; 8736 display: flex;
8737 -webkit-box-pack: justify; 8737 -webkit-box-pack: justify;
8738 -ms-flex-pack: justify; 8738 -ms-flex-pack: justify;
8739 justify-content: space-between; 8739 justify-content: space-between;
8740 -webkit-box-align: center; 8740 -webkit-box-align: center;
8741 -ms-flex-align: center; 8741 -ms-flex-align: center;
8742 align-items: center; 8742 align-items: center;
8743 font-weight: 700; 8743 font-weight: 700;
8744 margin-bottom: -10px; 8744 margin-bottom: -10px;
8745 } 8745 }
8746 .cabinet__table-header div { 8746 .cabinet__table-header div {
8747 font-size: 18px; 8747 font-size: 18px;
8748 } 8748 }
8749 @media (min-width: 768px) { 8749 @media (min-width: 768px) {
8750 .cabinet__table-header div { 8750 .cabinet__table-header div {
8751 font-size: 24px; 8751 font-size: 24px;
8752 } 8752 }
8753 } 8753 }
8754 .cabinet__table-header span { 8754 .cabinet__table-header span {
8755 color: #000; 8755 color: #000;
8756 font-size: 14px; 8756 font-size: 14px;
8757 } 8757 }
8758 @media (min-width: 768px) { 8758 @media (min-width: 768px) {
8759 .cabinet__table-header span { 8759 .cabinet__table-header span {
8760 font-size: 18px; 8760 font-size: 18px;
8761 } 8761 }
8762 } 8762 }
8763 .cabinet__table-header span b { 8763 .cabinet__table-header span b {
8764 color: #377d87; 8764 color: #377d87;
8765 } 8765 }
8766 .cabinet__tabs { 8766 .cabinet__tabs {
8767 display: grid; 8767 display: grid;
8768 grid-template-columns: 1fr 1fr; 8768 grid-template-columns: 1fr 1fr;
8769 gap: 20px; 8769 gap: 20px;
8770 } 8770 }
8771 @media (min-width: 768px) { 8771 @media (min-width: 768px) {
8772 .cabinet__tabs { 8772 .cabinet__tabs {
8773 max-width: 420px; 8773 max-width: 420px;
8774 } 8774 }
8775 } 8775 }
8776 .cabinet__tabs .button.active { 8776 .cabinet__tabs .button.active {
8777 background: #377d87; 8777 background: #377d87;
8778 color: #fff; 8778 color: #fff;
8779 } 8779 }
8780 .cabinet__bodies { 8780 .cabinet__bodies {
8781 display: none; 8781 display: none;
8782 } 8782 }
8783 .cabinet__bodies.showed { 8783 .cabinet__bodies.showed {
8784 display: block; 8784 display: block;
8785 } 8785 }
8786 .cabinet__nots { 8786 .cabinet__nots {
8787 display: -webkit-box; 8787 display: -webkit-box;
8788 display: -ms-flexbox; 8788 display: -ms-flexbox;
8789 display: flex; 8789 display: flex;
8790 -webkit-box-orient: vertical; 8790 -webkit-box-orient: vertical;
8791 -webkit-box-direction: normal; 8791 -webkit-box-direction: normal;
8792 -ms-flex-direction: column; 8792 -ms-flex-direction: column;
8793 flex-direction: column; 8793 flex-direction: column;
8794 -webkit-box-align: start; 8794 -webkit-box-align: start;
8795 -ms-flex-align: start; 8795 -ms-flex-align: start;
8796 align-items: flex-start; 8796 align-items: flex-start;
8797 gap: 10px; 8797 gap: 10px;
8798 } 8798 }
8799 @media (min-width: 768px) { 8799 @media (min-width: 768px) {
8800 .cabinet__nots { 8800 .cabinet__nots {
8801 gap: 20px; 8801 gap: 20px;
8802 } 8802 }
8803 } 8803 }
8804 .cabinet__nots .input { 8804 .cabinet__nots .input {
8805 width: 100%; 8805 width: 100%;
8806 } 8806 }
8807 .cabinet__anketa { 8807 .cabinet__anketa {
8808 display: -webkit-box; 8808 display: -webkit-box;
8809 display: -ms-flexbox; 8809 display: -ms-flexbox;
8810 display: flex; 8810 display: flex;
8811 -webkit-box-orient: vertical; 8811 -webkit-box-orient: vertical;
8812 -webkit-box-direction: normal; 8812 -webkit-box-direction: normal;
8813 -ms-flex-direction: column; 8813 -ms-flex-direction: column;
8814 flex-direction: column; 8814 flex-direction: column;
8815 -webkit-box-pack: justify; 8815 -webkit-box-pack: justify;
8816 -ms-flex-pack: justify; 8816 -ms-flex-pack: justify;
8817 justify-content: space-between; 8817 justify-content: space-between;
8818 gap: 10px; 8818 gap: 10px;
8819 } 8819 }
8820 @media (min-width: 768px) { 8820 @media (min-width: 768px) {
8821 .cabinet__anketa { 8821 .cabinet__anketa {
8822 -webkit-box-orient: horizontal; 8822 -webkit-box-orient: horizontal;
8823 -webkit-box-direction: normal; 8823 -webkit-box-direction: normal;
8824 -ms-flex-direction: row; 8824 -ms-flex-direction: row;
8825 flex-direction: row; 8825 flex-direction: row;
8826 -webkit-box-align: center; 8826 -webkit-box-align: center;
8827 -ms-flex-align: center; 8827 -ms-flex-align: center;
8828 align-items: center; 8828 align-items: center;
8829 } 8829 }
8830 } 8830 }
8831 @media (min-width: 992px) { 8831 @media (min-width: 992px) {
8832 .cabinet__anketa { 8832 .cabinet__anketa {
8833 -webkit-box-orient: vertical; 8833 -webkit-box-orient: vertical;
8834 -webkit-box-direction: normal; 8834 -webkit-box-direction: normal;
8835 -ms-flex-direction: column; 8835 -ms-flex-direction: column;
8836 flex-direction: column; 8836 flex-direction: column;
8837 -webkit-box-align: stretch; 8837 -webkit-box-align: stretch;
8838 -ms-flex-align: stretch; 8838 -ms-flex-align: stretch;
8839 align-items: stretch; 8839 align-items: stretch;
8840 } 8840 }
8841 } 8841 }
8842 @media (min-width: 1280px) { 8842 @media (min-width: 1280px) {
8843 .cabinet__anketa { 8843 .cabinet__anketa {
8844 -webkit-box-orient: horizontal; 8844 -webkit-box-orient: horizontal;
8845 -webkit-box-direction: normal; 8845 -webkit-box-direction: normal;
8846 -ms-flex-direction: row; 8846 -ms-flex-direction: row;
8847 flex-direction: row; 8847 flex-direction: row;
8848 -webkit-box-align: center; 8848 -webkit-box-align: center;
8849 -ms-flex-align: center; 8849 -ms-flex-align: center;
8850 align-items: center; 8850 align-items: center;
8851 -webkit-box-pack: justify; 8851 -webkit-box-pack: justify;
8852 -ms-flex-pack: justify; 8852 -ms-flex-pack: justify;
8853 justify-content: space-between; 8853 justify-content: space-between;
8854 } 8854 }
8855 } 8855 }
8856 .cabinet__anketa-buttons { 8856 .cabinet__anketa-buttons {
8857 display: -webkit-box; 8857 display: -webkit-box;
8858 display: -ms-flexbox; 8858 display: -ms-flexbox;
8859 display: flex; 8859 display: flex;
8860 -webkit-box-orient: vertical; 8860 -webkit-box-orient: vertical;
8861 -webkit-box-direction: normal; 8861 -webkit-box-direction: normal;
8862 -ms-flex-direction: column; 8862 -ms-flex-direction: column;
8863 flex-direction: column; 8863 flex-direction: column;
8864 gap: 10px; 8864 gap: 10px;
8865 } 8865 }
8866 @media (min-width: 768px) { 8866 @media (min-width: 768px) {
8867 .cabinet__anketa-buttons { 8867 .cabinet__anketa-buttons {
8868 display: grid; 8868 display: grid;
8869 grid-template-columns: 1fr 1fr; 8869 grid-template-columns: 1fr 1fr;
8870 gap: 20px; 8870 gap: 20px;
8871 } 8871 }
8872 } 8872 }
8873 .cabinet__stats { 8873 .cabinet__stats {
8874 display: -webkit-box; 8874 display: -webkit-box;
8875 display: -ms-flexbox; 8875 display: -ms-flexbox;
8876 display: flex; 8876 display: flex;
8877 -webkit-box-orient: vertical; 8877 -webkit-box-orient: vertical;
8878 -webkit-box-direction: normal; 8878 -webkit-box-direction: normal;
8879 -ms-flex-direction: column; 8879 -ms-flex-direction: column;
8880 flex-direction: column; 8880 flex-direction: column;
8881 gap: 6px; 8881 gap: 6px;
8882 } 8882 }
8883 @media (min-width: 768px) { 8883 @media (min-width: 768px) {
8884 .cabinet__stats { 8884 .cabinet__stats {
8885 gap: 12px; 8885 gap: 12px;
8886 } 8886 }
8887 } 8887 }
8888 .cabinet__stats-title { 8888 .cabinet__stats-title {
8889 font-size: 14px; 8889 font-size: 14px;
8890 font-weight: 700; 8890 font-weight: 700;
8891 color: #000; 8891 color: #000;
8892 } 8892 }
8893 @media (min-width: 768px) { 8893 @media (min-width: 768px) {
8894 .cabinet__stats-title { 8894 .cabinet__stats-title {
8895 font-size: 24px; 8895 font-size: 24px;
8896 } 8896 }
8897 } 8897 }
8898 .cabinet__stats-body { 8898 .cabinet__stats-body {
8899 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8899 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8900 border-radius: 8px; 8900 border-radius: 8px;
8901 padding: 10px; 8901 padding: 10px;
8902 display: grid; 8902 display: grid;
8903 grid-template-columns: 1fr 1fr; 8903 grid-template-columns: 1fr 1fr;
8904 gap: 20px; 8904 gap: 20px;
8905 margin-bottom: 10px; 8905 margin-bottom: 10px;
8906 } 8906 }
8907 @media (min-width: 768px) { 8907 @media (min-width: 768px) {
8908 .cabinet__stats-body { 8908 .cabinet__stats-body {
8909 padding: 10px 20px; 8909 padding: 10px 20px;
8910 } 8910 }
8911 } 8911 }
8912 .cabinet__stats-item { 8912 .cabinet__stats-item {
8913 font-size: 12px; 8913 font-size: 12px;
8914 display: -webkit-box; 8914 display: -webkit-box;
8915 display: -ms-flexbox; 8915 display: -ms-flexbox;
8916 display: flex; 8916 display: flex;
8917 -webkit-box-align: center; 8917 -webkit-box-align: center;
8918 -ms-flex-align: center; 8918 -ms-flex-align: center;
8919 align-items: center; 8919 align-items: center;
8920 line-height: 1; 8920 line-height: 1;
8921 gap: 6px; 8921 gap: 6px;
8922 } 8922 }
8923 @media (min-width: 768px) { 8923 @media (min-width: 768px) {
8924 .cabinet__stats-item { 8924 .cabinet__stats-item {
8925 font-size: 20px; 8925 font-size: 20px;
8926 gap: 10px; 8926 gap: 10px;
8927 } 8927 }
8928 } 8928 }
8929 .cabinet__stats-item svg { 8929 .cabinet__stats-item svg {
8930 width: 20px; 8930 width: 20px;
8931 aspect-ratio: 1/1; 8931 aspect-ratio: 1/1;
8932 color: #377d87; 8932 color: #377d87;
8933 } 8933 }
8934 @media (min-width: 768px) { 8934 @media (min-width: 768px) {
8935 .cabinet__stats-item svg { 8935 .cabinet__stats-item svg {
8936 width: 40px; 8936 width: 40px;
8937 margin-right: 10px; 8937 margin-right: 10px;
8938 } 8938 }
8939 } 8939 }
8940 .cabinet__stats-item span { 8940 .cabinet__stats-item span {
8941 font-weight: 700; 8941 font-weight: 700;
8942 color: #000; 8942 color: #000;
8943 } 8943 }
8944 .cabinet__stats-item b { 8944 .cabinet__stats-item b {
8945 color: #377d87; 8945 color: #377d87;
8946 font-size: 14px; 8946 font-size: 14px;
8947 } 8947 }
8948 @media (min-width: 768px) { 8948 @media (min-width: 768px) {
8949 .cabinet__stats-item b { 8949 .cabinet__stats-item b {
8950 font-size: 24px; 8950 font-size: 24px;
8951 } 8951 }
8952 } 8952 }
8953 .cabinet__stats-subtitle { 8953 .cabinet__stats-subtitle {
8954 font-size: 14px; 8954 font-size: 14px;
8955 font-weight: 700; 8955 font-weight: 700;
8956 color: #377d87; 8956 color: #377d87;
8957 } 8957 }
8958 @media (min-width: 768px) { 8958 @media (min-width: 768px) {
8959 .cabinet__stats-subtitle { 8959 .cabinet__stats-subtitle {
8960 font-size: 18px; 8960 font-size: 18px;
8961 } 8961 }
8962 } 8962 }
8963 .cabinet__stats-line { 8963 .cabinet__stats-line {
8964 width: 100%; 8964 width: 100%;
8965 position: relative; 8965 position: relative;
8966 overflow: hidden; 8966 overflow: hidden;
8967 height: 8px; 8967 height: 8px;
8968 border-radius: 999px; 8968 border-radius: 999px;
8969 background: #cecece; 8969 background: #cecece;
8970 } 8970 }
8971 .cabinet__stats-line span { 8971 .cabinet__stats-line span {
8972 position: absolute; 8972 position: absolute;
8973 top: 0; 8973 top: 0;
8974 left: 0; 8974 left: 0;
8975 width: 100%; 8975 width: 100%;
8976 height: 100%; 8976 height: 100%;
8977 background: #377d87; 8977 background: #377d87;
8978 border-radius: 999px; 8978 border-radius: 999px;
8979 } 8979 }
8980 .cabinet__stats-bottom { 8980 .cabinet__stats-bottom {
8981 color: #000; 8981 color: #000;
8982 font-size: 12px; 8982 font-size: 12px;
8983 } 8983 }
8984 @media (min-width: 768px) { 8984 @media (min-width: 768px) {
8985 .cabinet__stats-bottom { 8985 .cabinet__stats-bottom {
8986 font-size: 16px; 8986 font-size: 16px;
8987 } 8987 }
8988 } 8988 }
8989 .cabinet__works { 8989 .cabinet__works {
8990 display: -webkit-box; 8990 display: -webkit-box;
8991 display: -ms-flexbox; 8991 display: -ms-flexbox;
8992 display: flex; 8992 display: flex;
8993 -webkit-box-orient: vertical; 8993 -webkit-box-orient: vertical;
8994 -webkit-box-direction: normal; 8994 -webkit-box-direction: normal;
8995 -ms-flex-direction: column; 8995 -ms-flex-direction: column;
8996 flex-direction: column; 8996 flex-direction: column;
8997 gap: 20px; 8997 gap: 20px;
8998 } 8998 }
8999 @media (min-width: 768px) { 8999 @media (min-width: 768px) {
9000 .cabinet__works { 9000 .cabinet__works {
9001 gap: 30px; 9001 gap: 30px;
9002 } 9002 }
9003 } 9003 }
9004 .cabinet__works-item { 9004 .cabinet__works-item {
9005 border-bottom: 1px #cccccc solid; 9005 border-bottom: 1px #cccccc solid;
9006 padding-bottom: 35px; 9006 padding-bottom: 35px;
9007 } 9007 }
9008 .cabinet__works-spoiler { 9008 .cabinet__works-spoiler {
9009 display: -webkit-box; 9009 display: -webkit-box;
9010 display: -ms-flexbox; 9010 display: -ms-flexbox;
9011 display: flex; 9011 display: flex;
9012 -webkit-box-align: center; 9012 -webkit-box-align: center;
9013 -ms-flex-align: center; 9013 -ms-flex-align: center;
9014 align-items: center; 9014 align-items: center;
9015 -webkit-box-pack: justify; 9015 -webkit-box-pack: justify;
9016 -ms-flex-pack: justify; 9016 -ms-flex-pack: justify;
9017 justify-content: space-between; 9017 justify-content: space-between;
9018 } 9018 }
9019 .cabinet__works-spoiler-left { 9019 .cabinet__works-spoiler-left {
9020 display: -webkit-box; 9020 display: -webkit-box;
9021 display: -ms-flexbox; 9021 display: -ms-flexbox;
9022 display: flex; 9022 display: flex;
9023 -webkit-box-align: center; 9023 -webkit-box-align: center;
9024 -ms-flex-align: center; 9024 -ms-flex-align: center;
9025 align-items: center; 9025 align-items: center;
9026 width: calc(100% - 22px); 9026 width: calc(100% - 22px);
9027 } 9027 }
9028 .cabinet__works-spoiler-right { 9028 .cabinet__works-spoiler-right {
9029 width: 22px; 9029 width: 22px;
9030 height: 22px; 9030 height: 22px;
9031 display: -webkit-box; 9031 display: -webkit-box;
9032 display: -ms-flexbox; 9032 display: -ms-flexbox;
9033 display: flex; 9033 display: flex;
9034 -webkit-box-align: center; 9034 -webkit-box-align: center;
9035 -ms-flex-align: center; 9035 -ms-flex-align: center;
9036 align-items: center; 9036 align-items: center;
9037 -webkit-box-pack: center; 9037 -webkit-box-pack: center;
9038 -ms-flex-pack: center; 9038 -ms-flex-pack: center;
9039 justify-content: center; 9039 justify-content: center;
9040 color: #377d87; 9040 color: #377d87;
9041 padding: 0; 9041 padding: 0;
9042 background: none; 9042 background: none;
9043 border: none; 9043 border: none;
9044 } 9044 }
9045 .cabinet__works-spoiler-right svg { 9045 .cabinet__works-spoiler-right svg {
9046 width: 60%; 9046 width: 60%;
9047 aspect-ratio: 1/1; 9047 aspect-ratio: 1/1;
9048 -webkit-transform: rotate(90deg); 9048 -webkit-transform: rotate(90deg);
9049 -ms-transform: rotate(90deg); 9049 -ms-transform: rotate(90deg);
9050 transform: rotate(90deg); 9050 transform: rotate(90deg);
9051 -webkit-transition: 0.3s; 9051 -webkit-transition: 0.3s;
9052 transition: 0.3s; 9052 transition: 0.3s;
9053 } 9053 }
9054 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9054 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9055 -webkit-transform: rotate(-90deg); 9055 -webkit-transform: rotate(-90deg);
9056 -ms-transform: rotate(-90deg); 9056 -ms-transform: rotate(-90deg);
9057 transform: rotate(-90deg); 9057 transform: rotate(-90deg);
9058 } 9058 }
9059 .cabinet__works-spoiler-buttons { 9059 .cabinet__works-spoiler-buttons {
9060 display: -webkit-box; 9060 display: -webkit-box;
9061 display: -ms-flexbox; 9061 display: -ms-flexbox;
9062 display: flex; 9062 display: flex;
9063 -webkit-box-align: center; 9063 -webkit-box-align: center;
9064 -ms-flex-align: center; 9064 -ms-flex-align: center;
9065 align-items: center; 9065 align-items: center;
9066 -webkit-box-pack: justify; 9066 -webkit-box-pack: justify;
9067 -ms-flex-pack: justify; 9067 -ms-flex-pack: justify;
9068 justify-content: space-between; 9068 justify-content: space-between;
9069 width: 60px; 9069 width: 60px;
9070 } 9070 }
9071 @media (min-width: 768px) { 9071 @media (min-width: 768px) {
9072 .cabinet__works-spoiler-buttons { 9072 .cabinet__works-spoiler-buttons {
9073 width: 74px; 9073 width: 74px;
9074 } 9074 }
9075 } 9075 }
9076 .cabinet__works-spoiler-buttons .button { 9076 .cabinet__works-spoiler-buttons .button {
9077 width: 22px; 9077 width: 22px;
9078 height: 22px; 9078 height: 22px;
9079 padding: 0; 9079 padding: 0;
9080 } 9080 }
9081 @media (min-width: 768px) { 9081 @media (min-width: 768px) {
9082 .cabinet__works-spoiler-buttons .button { 9082 .cabinet__works-spoiler-buttons .button {
9083 width: 30px; 9083 width: 30px;
9084 height: 30px; 9084 height: 30px;
9085 } 9085 }
9086 } 9086 }
9087 .cabinet__works-spoiler-text { 9087 .cabinet__works-spoiler-text {
9088 width: calc(100% - 60px); 9088 width: calc(100% - 60px);
9089 font-size: 17px; 9089 font-size: 17px;
9090 font-weight: 700; 9090 font-weight: 700;
9091 color: #000; 9091 color: #000;
9092 } 9092 }
9093 @media (min-width: 768px) { 9093 @media (min-width: 768px) {
9094 .cabinet__works-spoiler-text { 9094 .cabinet__works-spoiler-text {
9095 width: calc(100% - 74px); 9095 width: calc(100% - 74px);
9096 font-size: 22px; 9096 font-size: 22px;
9097 } 9097 }
9098 } 9098 }
9099 9099
9100 .cabinet__works-add { 9100 .cabinet__works-add {
9101 padding: 0; 9101 padding: 0;
9102 width: 100%; 9102 width: 100%;
9103 max-width: 160px; 9103 max-width: 160px;
9104 } 9104 }
9105 @media (min-width: 768px) { 9105 @media (min-width: 768px) {
9106 .cabinet__works-add { 9106 .cabinet__works-add {
9107 max-width: 220px; 9107 max-width: 220px;
9108 } 9108 }
9109 } 9109 }
9110 .cabinet__buttons { 9110 .cabinet__buttons {
9111 display: -webkit-box; 9111 display: -webkit-box;
9112 display: -ms-flexbox; 9112 display: -ms-flexbox;
9113 display: flex; 9113 display: flex;
9114 -webkit-box-orient: vertical; 9114 -webkit-box-orient: vertical;
9115 -webkit-box-direction: normal; 9115 -webkit-box-direction: normal;
9116 -ms-flex-direction: column; 9116 -ms-flex-direction: column;
9117 flex-direction: column; 9117 flex-direction: column;
9118 -webkit-box-align: center; 9118 -webkit-box-align: center;
9119 -ms-flex-align: center; 9119 -ms-flex-align: center;
9120 align-items: center; 9120 align-items: center;
9121 gap: 10px; 9121 gap: 10px;
9122 } 9122 }
9123 @media (min-width: 768px) { 9123 @media (min-width: 768px) {
9124 .cabinet__buttons { 9124 .cabinet__buttons {
9125 display: grid; 9125 display: grid;
9126 grid-template-columns: 1fr 1fr; 9126 grid-template-columns: 1fr 1fr;
9127 gap: 20px; 9127 gap: 20px;
9128 } 9128 }
9129 } 9129 }
9130 .cabinet__buttons .button, 9130 .cabinet__buttons .button,
9131 .cabinet__buttons .file { 9131 .cabinet__buttons .file {
9132 padding: 0; 9132 padding: 0;
9133 width: 100%; 9133 width: 100%;
9134 max-width: 140px; 9134 max-width: 140px;
9135 } 9135 }
9136 @media (min-width: 768px) { 9136 @media (min-width: 768px) {
9137 .cabinet__buttons .button, 9137 .cabinet__buttons .button,
9138 .cabinet__buttons .file { 9138 .cabinet__buttons .file {
9139 max-width: none; 9139 max-width: none;
9140 } 9140 }
9141 } 9141 }
9142 @media (min-width: 768px) { 9142 @media (min-width: 768px) {
9143 .cabinet__buttons { 9143 .cabinet__buttons {
9144 gap: 20px; 9144 gap: 20px;
9145 } 9145 }
9146 } 9146 }
9147 @media (min-width: 1280px) { 9147 @media (min-width: 1280px) {
9148 .cabinet__buttons { 9148 .cabinet__buttons {
9149 max-width: 400px; 9149 max-width: 400px;
9150 } 9150 }
9151 } 9151 }
9152 .cabinet__buttons_flex{ 9152 .cabinet__buttons_flex{
9153 display: flex; 9153 display: flex;
9154 } 9154 }
9155 .cabinet__buttons_flex > *{ 9155 .cabinet__buttons_flex > *{
9156 margin-right: 10px; 9156 margin-right: 10px;
9157 } 9157 }
9158 .cabinet__vacs { 9158 .cabinet__vacs {
9159 display: -webkit-box; 9159 display: -webkit-box;
9160 display: -ms-flexbox; 9160 display: -ms-flexbox;
9161 display: flex; 9161 display: flex;
9162 -webkit-box-orient: vertical; 9162 -webkit-box-orient: vertical;
9163 -webkit-box-direction: reverse; 9163 -webkit-box-direction: reverse;
9164 -ms-flex-direction: column-reverse; 9164 -ms-flex-direction: column-reverse;
9165 flex-direction: column-reverse; 9165 flex-direction: column-reverse;
9166 -webkit-box-align: center; 9166 -webkit-box-align: center;
9167 -ms-flex-align: center; 9167 -ms-flex-align: center;
9168 align-items: center; 9168 align-items: center;
9169 gap: 20px; 9169 gap: 20px;
9170 } 9170 }
9171 .cabinet__vacs-body { 9171 .cabinet__vacs-body {
9172 display: -webkit-box; 9172 display: -webkit-box;
9173 display: -ms-flexbox; 9173 display: -ms-flexbox;
9174 display: flex; 9174 display: flex;
9175 -webkit-box-orient: vertical; 9175 -webkit-box-orient: vertical;
9176 -webkit-box-direction: normal; 9176 -webkit-box-direction: normal;
9177 -ms-flex-direction: column; 9177 -ms-flex-direction: column;
9178 flex-direction: column; 9178 flex-direction: column;
9179 gap: 20px; 9179 gap: 20px;
9180 width: 100%; 9180 width: 100%;
9181 } 9181 }
9182 @media (min-width: 768px) { 9182 @media (min-width: 768px) {
9183 .cabinet__vacs-body { 9183 .cabinet__vacs-body {
9184 gap: 30px; 9184 gap: 30px;
9185 } 9185 }
9186 } 9186 }
9187 .cabinet__vacs-item { 9187 .cabinet__vacs-item {
9188 display: none; 9188 display: none;
9189 background: #fff; 9189 background: #fff;
9190 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9190 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9191 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9191 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9192 } 9192 }
9193 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9193 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9194 display: -webkit-box; 9194 display: -webkit-box;
9195 display: -ms-flexbox; 9195 display: -ms-flexbox;
9196 display: flex; 9196 display: flex;
9197 } 9197 }
9198 .cabinet__vacs.active .cabinet__vacs-item { 9198 .cabinet__vacs.active .cabinet__vacs-item {
9199 display: -webkit-box; 9199 display: -webkit-box;
9200 display: -ms-flexbox; 9200 display: -ms-flexbox;
9201 display: flex; 9201 display: flex;
9202 } 9202 }
9203 .main__employer-page-two-item-text-body img { 9203 .main__employer-page-two-item-text-body img {
9204 display: inline !important; 9204 display: inline !important;
9205 border: none !important; 9205 border: none !important;
9206 box-shadow: none !important; 9206 box-shadow: none !important;
9207 height: 1em !important; 9207 height: 1em !important;
9208 width: 1em !important; 9208 width: 1em !important;
9209 margin: 0 0.07em !important; 9209 margin: 0 0.07em !important;
9210 vertical-align: -0.1em !important; 9210 vertical-align: -0.1em !important;
9211 background: none !important; 9211 background: none !important;
9212 padding: 0 !important; 9212 padding: 0 !important;
9213 } 9213 }
9214 .main__employer-page-two-item-text-body p{ 9214 .main__employer-page-two-item-text-body p{
9215 margin: 0 0 20px; 9215 margin: 0 0 20px;
9216 } 9216 }
9217 #sertificate .one-sertificate{ 9217 #sertificate .one-sertificate{
9218 display: flex; 9218 display: flex;
9219 justify-content: space-between; 9219 justify-content: space-between;
9220 margin-bottom: 15px; 9220 margin-bottom: 15px;
9221 border-bottom: 1px #ccc solid; 9221 border-bottom: 1px #ccc solid;
9222 padding-bottom: 15px; 9222 padding-bottom: 15px;
9223 } 9223 }
9224 #sertificate .one-sertificate .sertificate-field{ 9224 #sertificate .one-sertificate .sertificate-field{
9225 display: block; 9225 display: block;
9226 } 9226 }
9227 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9227 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9228 width: 50%; 9228 width: 50%;
9229 max-width: 50%; 9229 max-width: 50%;
9230 } 9230 }
9231 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9231 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9232 display: flex; 9232 display: flex;
9233 justify-content: space-between; 9233 justify-content: space-between;
9234 } 9234 }
9235 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9235 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9236 width: 30px; 9236 width: 30px;
9237 height: 30px; 9237 height: 30px;
9238 padding: 5px; 9238 padding: 5px;
9239 } 9239 }
9240 #prev_worker .cabinet__inputs-item-buttons a{ 9240 #prev_worker .cabinet__inputs-item-buttons a{
9241 width: 30px; 9241 width: 30px;
9242 height: 30px; 9242 height: 30px;
9243 padding: 5px; 9243 padding: 5px;
9244 } 9244 }
9245 #prev_worker .cabinet__inputs-item-buttons{ 9245 #prev_worker .cabinet__inputs-item-buttons{
9246 width: 100px; 9246 width: 100px;
9247 } 9247 }
9248 #prev_worker .cabinet__inputs{ 9248 #prev_worker .cabinet__inputs{
9249 -webkit-box-align: start; 9249 -webkit-box-align: start;
9250 -ms-flex-align: start; 9250 -ms-flex-align: start;
9251 align-items: start; 9251 align-items: start;
9252 } 9252 }
9253 #prev_worker .cabinet__inputs-item-buttons flex{ 9253 #prev_worker .cabinet__inputs-item-buttons flex{
9254 justify-content: end; 9254 justify-content: end;
9255 } 9255 }
9256 #prev_worker .cabinet__body-item{ 9256 #prev_worker .cabinet__body-item{
9257 border-bottom: 1px #cccccc solid; 9257 border-bottom: 1px #cccccc solid;
9258 padding-bottom: 25px; 9258 padding-bottom: 25px;
9259 } 9259 }
9260 @media (max-width: 1280px) { 9260 @media (max-width: 1280px) {
9261 #prev_worker .cabinet__inputs-item-buttons{ 9261 #prev_worker .cabinet__inputs-item-buttons{
9262 position: absolute; 9262 position: absolute;
9263 right: 0; 9263 right: 0;
9264 } 9264 }
9265 } 9265 }
9266 body .cke_notifications_area{ 9266 body .cke_notifications_area{
9267 opacity: 0; 9267 opacity: 0;
9268 display: none !important; 9268 display: none !important;
9269 } 9269 }
9270 9270
resources/views/education/show.blade.php
1 @extends('layout.frontend', ['title' => 'Образование и образовательные программы - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Образование и образовательные программы - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 $(function(){ 5 $(function(){
6 $( ".accordion").accordion(); 6 $( ".accordion").accordion();
7 7
8 $('ul.accordion-sub li.accordion-item').click(function(){ 8 $('ul.accordion-sub li.accordion-item').click(function(){
9 var this_li = $(this); 9 var this_li = $(this);
10 var thumb = this_li.find('.accordion-thumb'); 10 var thumb = this_li.find('.accordion-thumb');
11 var parent_ul = this_li.closest('ul'); 11 var parent_ul = this_li.closest('ul');
12 var panel = this_li.closest('.accordion-panel'); 12 var panel = this_li.closest('.accordion-panel');
13 var added_height = parseInt(panel.data('added-height')); 13 var added_height = parseInt(panel.data('added-height'));
14 14
15 if (isNaN(added_height)){ 15 if (isNaN(added_height)){
16 added_height = 0; 16 added_height = 0;
17 } 17 }
18 18
19 parent_ul.find('.accordion-panel').hide(500); 19 parent_ul.find('.accordion-panel').hide(500);
20 20
21 if (thumb.hasClass('ui-state-active')){ 21 if (thumb.hasClass('ui-state-active')){
22 thumb.removeClass('ui-state-active'); 22 thumb.removeClass('ui-state-active');
23 23
24 var panel_height = panel.height() - parseInt(added_height); 24 var panel_height = panel.height() - parseInt(added_height);
25 panel.animate({height: panel_height + "px"}, 500 ); 25 panel.animate({height: panel_height + "px"}, {
26 easing: 'swing',
27 duration: 500,
28 complete: function () {
29 panel.css('height', 'auto');
30 }
31 });
26 panel.data('added-height', 0); 32 panel.data('added-height', 0);
27 } else { 33 } else {
28 parent_ul.find('.accordion-thumb').removeClass('ui-state-active'); 34 parent_ul.find('.accordion-thumb').removeClass('ui-state-active');
29 thumb.addClass('ui-state-active'); 35 thumb.addClass('ui-state-active');
30 36
31 var add_height = this_li.find('.accordion-panel').height() + 20; 37 var add_height = this_li.find('.accordion-panel').height() + 20;
32 var panel_height = panel.height() + parseInt(add_height) - parseInt(added_height); 38 var panel_height = panel.height() + parseInt(add_height) - parseInt(added_height);
33 panel.animate({height: panel_height + "px"}, 500 ); 39 panel.animate({height: panel_height + "px"}, {
40 easing: 'swing',
41 duration: 500,
42 complete: function () {
43 panel.css('height', 'auto');
44 }
45 });
34 this_li.find('.accordion-panel').show(500); 46 this_li.find('.accordion-panel').show(500);
35 panel.data('added-height', add_height); 47 panel.data('added-height', add_height);
36 } 48 }
37 }); 49 });
38 }); 50 });
39 </script> 51 </script>
40 @endsection 52 @endsection
41 53
42 @section('content') 54 @section('content')
43 <section class="thing"> 55 <section class="thing">
44 <div class="container"> 56 <div class="container">
45 <div class="flex-middle-sm row"> 57 <div class="flex-middle-sm row">
46 <div class="col-xs-12 col-sm-12"> 58 <div class="col-xs-12 col-sm-12">
47 <div class="candidate-top-wrapper"> 59 <div class="candidate-top-wrapper">
48 <div class="candidate-thumbnail"> 60 <div class="candidate-thumbnail">
49 @if($education->image) 61 @if($education->image)
50 <img width="150" height="150" src="{{ asset(Storage::url($education->image)) }}" alt=""> 62 <img width="150" height="150" src="{{ asset(Storage::url($education->image)) }}" alt="">
51 @endif 63 @endif
52 </div> 64 </div>
53 <div class="candidate-information"> 65 <div class="candidate-information">
54 <h1 class="candidate-title">{{$education->name}}</h1> 66 <h1 class="candidate-title">{{$education->name}}</h1>
55 </div> 67 </div>
56 </div> 68 </div>
57 </div> 69 </div>
58 </div> 70 </div>
59 </div> 71 </div>
60 </section> 72 </section>
61 73
62 <main class="main"> 74 <main class="main">
63 <div class="container"> 75 <div class="container">
64 <div class="content-single-candidate"> 76 <div class="content-single-candidate">
65 <div class="list-content-candidate"> 77 <div class="list-content-candidate">
66 <div class="education-detail-description"> 78 <div class="education-detail-description">
67 <h3 class="title">Об учебном заведении</h3> 79 <h3 class="title">Об учебном заведении</h3>
68 <div class="inner"> 80 <div class="inner">
69 {!!$education->text!!} 81 {!!$education->text!!}
70 </div> 82 </div>
71 </div> 83 </div>
72 </div> 84 </div>
73 </div> 85 </div>
74 86
75 @if($levels_education_programs) 87 @if($levels_education_programs)
76 <div class="education-detail-programs"> 88 <div class="education-detail-programs">
77 <h3 class="title">Программы обучения</h3> 89 <h3 class="title">Программы обучения</h3>
78 90
79 <ul class="accordion"> 91 <ul class="accordion">
80 @foreach($levels_education_programs as $level_name => $education_programs) 92 @foreach($levels_education_programs as $level_name => $education_programs)
81 <li class="accordion-item"> 93 <li class="accordion-item">
82 <h3 class="accordion-thumb">{{$level_name}}</h3> 94 <h3 class="accordion-thumb">{{$level_name}}</h3>
83 <div class="accordion-panel"> 95 <div class="accordion-panel">
84 <div> 96 <div>
85 <ul class="accordion-sub"> 97 <ul class="accordion-sub">
86 @foreach($education_programs as $education_program) 98 @foreach($education_programs as $education_program)
87 <li class="accordion-item"> 99 <li class="accordion-item">
88 <h3 class="accordion-thumb">{{$education_program['name']}}</h3> 100 <h3 class="accordion-thumb">{{$education_program['name']}}</h3>
89 <div class="accordion-panel">{!!$education_program['text']!!}</div> 101 <div class="accordion-panel">{!!$education_program['text']!!}</div>
90 </li> 102 </li>
91 @endforeach 103 @endforeach
92 </ul> 104 </ul>
93 </div> 105 </div>
94 </div> 106 </div>
95 </li> 107 </li>
96 @endforeach 108 @endforeach
97 </ul> 109 </ul>
98 </div> 110 </div>
99 @endif 111 @endif
100 112
101 @if($education->address || $education->telephone || $education->email) 113 @if($education->address || $education->telephone || $education->email)
102 <div class="education-detail-contacts"> 114 <div class="education-detail-contacts">
103 <h3 class="title">Контактная информация</h3> 115 <h3 class="title">Контактная информация</h3>
104 <div class="inner"> 116 <div class="inner">
105 <div class="contacts address"> 117 <div class="contacts address">
106 <div class="icon"><svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.84935 19C6.68849 18.8698 6.49925 18.7582 6.36678 18.6048C4.75349 16.759 3.26794 14.8156 2.03314 12.7002C1.31402 11.4728 0.68479 10.2036 0.296844 8.82738C-0.289805 6.76775 -0.0154048 4.82435 1.19574 3.04832C2.35012 1.36529 3.9776 0.351743 6.0356 0.0727861C8.0463 -0.201521 9.86302 0.300601 11.4337 1.56056C12.8199 2.67173 13.6431 4.11301 13.9223 5.85649C14.1399 7.21408 13.8797 8.50193 13.4018 9.76188C12.7632 11.4542 11.8501 13.0024 10.8376 14.4948C9.86302 15.9315 8.78907 17.2984 7.63943 18.6048C7.50223 18.7582 7.31772 18.8698 7.15686 19C7.05278 19 6.95343 19 6.84935 19ZM6.98181 10.343C8.88843 10.3756 10.4875 8.83203 10.5206 6.92117C10.5538 5.01497 8.99251 3.44351 7.03386 3.41097C5.11305 3.37842 3.51396 4.92198 3.48557 6.84214C3.45245 8.74834 5.0137 10.3058 6.98181 10.343Z" fill="#0E5C69"></path></svg></div> 118 <div class="icon"><svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.84935 19C6.68849 18.8698 6.49925 18.7582 6.36678 18.6048C4.75349 16.759 3.26794 14.8156 2.03314 12.7002C1.31402 11.4728 0.68479 10.2036 0.296844 8.82738C-0.289805 6.76775 -0.0154048 4.82435 1.19574 3.04832C2.35012 1.36529 3.9776 0.351743 6.0356 0.0727861C8.0463 -0.201521 9.86302 0.300601 11.4337 1.56056C12.8199 2.67173 13.6431 4.11301 13.9223 5.85649C14.1399 7.21408 13.8797 8.50193 13.4018 9.76188C12.7632 11.4542 11.8501 13.0024 10.8376 14.4948C9.86302 15.9315 8.78907 17.2984 7.63943 18.6048C7.50223 18.7582 7.31772 18.8698 7.15686 19C7.05278 19 6.95343 19 6.84935 19ZM6.98181 10.343C8.88843 10.3756 10.4875 8.83203 10.5206 6.92117C10.5538 5.01497 8.99251 3.44351 7.03386 3.41097C5.11305 3.37842 3.51396 4.92198 3.48557 6.84214C3.45245 8.74834 5.0137 10.3058 6.98181 10.343Z" fill="#0E5C69"></path></svg></div>
107 <div>{{$education->address}}</div> 119 <div>{{$education->address}}</div>
108 </div> 120 </div>
109 <div class="contacts phone"> 121 <div class="contacts phone">
110 <div class="icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.80729 6.05208C3.97396 8.3125 5.6875 10.026 7.94792 11.1927L9.66146 9.47917C9.90451 9.23611 10.1719 9.17535 10.4635 9.29688C11.3385 9.58854 12.2622 9.73438 13.2344 9.73438C13.4531 9.73438 13.6354 9.80729 13.7812 9.95312C13.9271 10.099 14 10.2812 14 10.5V13.2344C14 13.4531 13.9271 13.6354 13.7812 13.7812C13.6354 13.9271 13.4531 14 13.2344 14C9.58854 14 6.46528 12.7118 3.86458 10.1354C1.28819 7.53472 0 4.41146 0 0.765625C0 0.546875 0.0729167 0.364583 0.21875 0.21875C0.364583 0.0729167 0.546875 0 0.765625 0H3.5C3.71875 0 3.90104 0.0729167 4.04688 0.21875C4.19271 0.364583 4.26562 0.546875 4.26562 0.765625C4.26562 1.73785 4.41146 2.66146 4.70312 3.53646C4.80035 3.85243 4.73958 4.11979 4.52083 4.33854L2.80729 6.05208Z" fill="#0E5C69"></path></svg></div> 122 <div class="icon"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.80729 6.05208C3.97396 8.3125 5.6875 10.026 7.94792 11.1927L9.66146 9.47917C9.90451 9.23611 10.1719 9.17535 10.4635 9.29688C11.3385 9.58854 12.2622 9.73438 13.2344 9.73438C13.4531 9.73438 13.6354 9.80729 13.7812 9.95312C13.9271 10.099 14 10.2812 14 10.5V13.2344C14 13.4531 13.9271 13.6354 13.7812 13.7812C13.6354 13.9271 13.4531 14 13.2344 14C9.58854 14 6.46528 12.7118 3.86458 10.1354C1.28819 7.53472 0 4.41146 0 0.765625C0 0.546875 0.0729167 0.364583 0.21875 0.21875C0.364583 0.0729167 0.546875 0 0.765625 0H3.5C3.71875 0 3.90104 0.0729167 4.04688 0.21875C4.19271 0.364583 4.26562 0.546875 4.26562 0.765625C4.26562 1.73785 4.41146 2.66146 4.70312 3.53646C4.80035 3.85243 4.73958 4.11979 4.52083 4.33854L2.80729 6.05208Z" fill="#0E5C69"></path></svg></div>
111 <div>{{$education->telephone}}</div> 123 <div>{{$education->telephone}}</div>
112 </div> 124 </div>
113 <div class="contacts email"> 125 <div class="contacts email">
114 <div class="icon"><svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7451 0H0L7.37253 3.68627L14.7451 0Z" fill="#0E5C69"></path><path d="M4.95911e-05 11.0588L14.7451 11.0588L7.37258 5.52944L4.95911e-05 11.0588Z" fill="#0E5C69"></path><path d="M14.7451 11.0588L14.7451 0L7.37258 5.5294L14.7451 11.0588Z" fill="#0E5C69"></path><path d="M1.31875e-07 3.71933e-05L0 11.0588L7.37253 5.52944L1.31875e-07 3.71933e-05Z" fill="#0E5C69"></path></svg></div> 126 <div class="icon"><svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7451 0H0L7.37253 3.68627L14.7451 0Z" fill="#0E5C69"></path><path d="M4.95911e-05 11.0588L14.7451 11.0588L7.37258 5.52944L4.95911e-05 11.0588Z" fill="#0E5C69"></path><path d="M14.7451 11.0588L14.7451 0L7.37258 5.5294L14.7451 11.0588Z" fill="#0E5C69"></path><path d="M1.31875e-07 3.71933e-05L0 11.0588L7.37253 5.52944L1.31875e-07 3.71933e-05Z" fill="#0E5C69"></path></svg></div>
115 <div>{{$education->email}}</div> 127 <div>{{$education->email}}</div>
116 </div> 128 </div>
117 </div> 129 </div>
118 </div> 130 </div>
119 @endif 131 @endif
120 132
121 </div> 133 </div>
122 </main> 134 </main>
123 @endsection 135 @endsection
124 136